@charset "utf-8";

/****************************************/
/*	Name: 연우뉴매틱
/*	PART: SITE MAIN STYLE
/*	Version: 1.0
/*	Author: Hyun-Ah Park
/****************************************/

#container {min-height:718px}
.contents {float:none; width:1140px; padding-top:80px}

/* Title */
.tit {padding:0 0 16px 0; font-size:20px; line-height:16px; color:#fff; font-weight: 500; background:url(../img/main/bg_tit.png) 0 100% no-repeat}

/* Text */
.subCopy {font-size:18px; line-height:24px; color:#fff; font-weight:500}
.desc {font-size:12px; line-height:15px; color:#fff; font-weight:500}

/* cont_top */
.cont_top {height:420px; margin-bottom:20px}
.cont_top:after {display:block; content:""; clear:both}
.cont_top .left {float:left; width:500px; height:363px}
.cont_top .left .tit {color:#000}
.cont_top .right {float:right; width:560px}
.cont_top .right:after {display:block; content:""; clear:both}
.cont_top .right > div {height:143px}

/* cont_bottom */
.cont_bottom {height:140px}
.cont_bottom:after {display:block; content:""; clear:both}
.cont_bottom > div {float:left; width:210px; height:143px; margin-right:20px}

/**** box_item *****/
.box_item {padding:27px 20px 30px; background:#fff}
.box_item > a {display:block; width:100%; height:100%}

/* best product */
.wrap_product {position:relative; width:500px; height:331px; overflow:hidden;}
.wrap_product .con_product{position:absolute; width:1500px; height:300px;}
.wrap_product:after {display:block; content:""; clear:both}
.wrap_product .info_product {float:left; width:500px; height:300px;}
.wrap_product .info_product .detail_product{float:left; width:220px;}
.wrap_product .product_type {display:block; padding-top:62px; font-size:14px; line-height:24px; font-weight:500}
.wrap_product .tit_product {padding-bottom:28px; font-size:36px; font-weight:500; line-height:1}
.wrap_product .info_list {display:inline-block; min-width:140px; border-top:1px solid #757476}
.wrap_product .info_list li {line-height:20px}
.wrap_product .info_list li:first-child {padding-top:25px}
.wrap_product img {float:right; margin-top:5px}
.wrap_product .indicator{position:absolute; right:0; left:0; bottom:0; text-align:center; }
.wrap_product .indicator a{display:inline-block; width:11px; height:11px; margin:0 4px; font-size:0; background:url(../img/main/indicator.png) 0 -11px no-repeat;}
.wrap_product .indicator a.active{background-position:0 0;}

/* about */
.about {margin-bottom:20px; background:url(../img/main/bg_about.png) 0 0 no-repeat}
.about .subCopy {padding-top:20px;}
/* history */
.history {float:left; width:210px; margin-right:20px; background:url(../img/main/bg_history.png) 0 0 no-repeat}
.history .year {display:block; padding:20px 0 9px; font-size:26px; color:#fff; line-height:1}
.history .subCopy {padding-bottom:9px}

/* notice */
.notice {position:relative; float:left; width:210px; background:url(../img/main/bg_notice.png) 0 0 no-repeat}
.notice .btn_more {position:absolute; right:30px; top:24px; width:24px; height:24px; background:url(../img/main/btn_more_notice.png) 0 0 no-repeat}
.notice .desc {padding:20px 30px 0 0; line-height:18px}
.notice .date {position:absolute; left:30px; bottom:27px; color:#fff}

/* customer */
.customer {position:relative; background:url(../img/main/bg_customer.png) 0 0 no-repeat}
.customer .link {display:block; position:absolute; top:83px; width:74px; height:36px; left: 20px; color:#1365a4; line-height:36px; text-align:center; background:#fff}
.customer .link.qa {top:134px}
.customer ul {padding:0 0 0 80px}
.customer li {padding:24px 0 0 26px; color:#fff; line-height:1; background:url(../img/main/ico_customer_zip.png) no-repeat}
.customer li a {display:block; padding-bottom:2px; color:#fff; line-height:1}
.customer .tel {background-position:0 24px}
.customer .fax {background-position:0 -12px}
.customer .mail {background-position:0 -48px}

/* location */
.location {background:url(../img/main/bg_location.png) 0 0 no-repeat}
.location .wrap_location {overflow:hidden; padding-top:43px}
.location ul {margin-left:-22px}
.location ul:after {display:block; content:""; clear:both}
.location li {float:left; width:94px; margin:0 0 10px 22px}
.location li a {display:block; color:#fff; line-height:29px; text-align:center; background:url(../img/main/bg_box_location.png) 0 0 no-repeat}

/* product */
.box_item.product {width:500px; margin-right:0; background:url(../img/main/bg_product.png) 0 0 no-repeat}
.product {position:relative}
.product .btn_more {display:block; position:absolute; right:30px; top:24px; width:24px; height:24px; background:url(../img/main/btn_more_product.png) 0 0 no-repeat}
.product .tit {color:#000}
.product .wrap_slide {position:relative; overflow:hidden; height:108px; padding:0 30px}
.product .wrap_slide > a {display:block; position:absolute; top:48px; width:10px; height:18px; text-indent:-9999px; background:url(../img/main/btn_prev.png) 0 0 no-repeat}
.product .wrap_slide > .btn_prev {left:0px}
.product .wrap_slide > .btn_next {right:0px; background-image:url(../img/main/btn_next.png)}
.product .wrap_slide .slide_cont {position:relative; overflow:hidden; width:460px; height:108px}
.product .wrap_slide ul {position:absolute; left:0; top:0}
.product .wrap_slide ul:after {display:block; content:""; clear:both}
.product .wrap_slide li {float:left; width:95px; height:108px; margin-left:20px; text-align:center}
.product .wrap_slide li span {display:block; height:75px}
.product .wrap_slide li span:after {display:inline-block; content:""; width:0; height:100%; vertical-align:middle}
.product .wrap_slide li span img {display:inline-block; vertical-align:middle}
.product .wrap_slide li strong {display:block; line-height:16px; font-weight:500}

.product .wrap_slide li:first-child {margin-left:0}
.product .wrap_slide li a {display:block; height:34px; padding-top:74px; line-height:16px;}

/* 비활성화 */
.product .wrap_slide .ico_Category_01 a {background:url(../img/main/Category_01_off.png) 50% 31px no-repeat}
.product .wrap_slide .ico_Category_02 a {background:url(../img/main/Category_02_off.png) 50% 22px no-repeat}
.product .wrap_slide .ico_Category_03 a {background:url(../img/main/Category_03_off.png) 50% 24px no-repeat}
.product .wrap_slide .ico_Category_04 a {background:url(../img/main/Category_04_off.png) 50% 25px no-repeat}
.product .wrap_slide .ico_Category_05 a {background:url(../img/main/Category_05_off.png) 50% 15px no-repeat}
.product .wrap_slide .ico_Category_06 a {background:url(../img/main/Category_06_off.png) 50% 32px no-repeat}
.product .wrap_slide .ico_Category_07 a {background:url(../img/main/Category_07_off.png) 50% 21px no-repeat}
.product .wrap_slide .ico_Category_08 a {background:url(../img/main/Category_08_off.png) 50% 27px no-repeat}
.product .wrap_slide .ico_Category_09 a {background:url(../img/main/Category_09_off.png) 50% 29px no-repeat}
.product .wrap_slide .ico_Category_10 a {background:url(../img/main/Category_10_off.png) 50% 10px no-repeat}
.product .wrap_slide .ico_Category_11 a {background:url(../img/main/Category_11_off.png) 50% 8px no-repeat}
.product .wrap_slide .ico_Category_12 a {background:url(../img/main/Category_12_off.png) 50% 10px no-repeat}
/* 활성화 */
.product .wrap_slide .ico_Category_01.on a {background:url(../img/main/Category_01_on.png) 50% 31px no-repeat}
.product .wrap_slide .ico_Category_02.on a {background:url(../img/main/Category_02_on.png) 50% 22px no-repeat}
.product .wrap_slide .ico_Category_03.on a {background:url(../img/main/Category_03_on.png) 50% 24px no-repeat}
.product .wrap_slide .ico_Category_04.on a {background:url(../img/main/Category_04_on.png) 50% 25px no-repeat}
.product .wrap_slide .ico_Category_05.on a {background:url(../img/main/Category_05_on.png) 50% 15px no-repeat}
.product .wrap_slide .ico_Category_06.on a {background:url(../img/main/Category_06_on.png) 50% 32px no-repeat}
.product .wrap_slide .ico_Category_07.on a {background:url(../img/main/Category_07_on.png) 50% 21px no-repeat}
.product .wrap_slide .ico_Category_08.on a {background:url(../img/main/Category_08_on.png) 50% 27px no-repeat}
.product .wrap_slide .ico_Category_09.on a {background:url(../img/main/Category_09_on.png) 50% 29px no-repeat}
.product .wrap_slide .ico_Category_10.on a {background:url(../img/main/Category_10_on.png) 50% 10px no-repeat}
.product .wrap_slide .ico_Category_11.on a {background:url(../img/main/Category_11_on.png) 50% 8px no-repeat}
.product .wrap_slide .ico_Category_12.on a {background:url(../img/main/Category_12_on.png) 50% 10px no-repeat}

/* 메인 팝업창 */
#popup{position:absolute; left:50%; top:50%; width:496px; height:576px; margin-left:-250px; margin-top:-290px; border:2px solid #0f6db5;}
#popup .pop_contents{width:496px; height:521px; background:#fff;}
#popup .pop_close{position:relative; width:496px; height:37px; padding-top:18px; background:#f3f4f6;}
#popup .pop_txt{margin-left:3px;}
#popup .popBox{margin-left:20px; }
#popup .pop_btn{position:absolute; right:19px; top:18px;}