@charset "utf-8";
/* ----------
css
---------- */

/* -------- SUB LAYOUT -------- */
#leftContent{float:left; width:780px; }/*padding-bottom:150px; 삭제(161111)*/
#rightContent{float:right; width:300px;}
/*#leftContentWrap{float:left; width:780px;}
#rightContentWrap{float:right; width:300px;}*/
#rightContentInner > article{margin-bottom:18px}
/* fixed */
#leftContent.fixed{position:fixed; top:20px; left:50%; margin-left:-550px;}
/* -------- ### 제품 인덱스페이지 ### -------- */
#carIndexCon{position:relative; width:100%;}
/* -------- 상단 차 스펙 -------- */
/* 상단 버튼 */
.view-content-top{position:relative; height:63px; background-color:#555; width:100%; margin-bottom:24px;}
.content-top-tit{float:left;}
.content-top-tit .tab-open-btn{outline:none;}
.tab-open-btn{}
.content-top-tit .logo-emble{display:inline-block; width:63px; height:63px; margin-left:-4px; background-color:#ccc; text-align:center; vertical-align:top; display:none;}
.content-top-tit .car-tit{display:inline-block; color:#fff; padding-left:10px; line-height:63px; font-size:18px; font-weight:400; vertical-align:top;}
.content-top-tit a{}
.model-compare-btn{float:right; width:120px; height:63px; line-height:63px; color:#fff; font-size:18px; font-weight:400; letter-spacing:-0.5px; background-color:#0066b3; text-align:center;}
.model-compare-btn:hover{color:#fff;}
/* 차 스펙 관련 컨텐츠 */
#carModelSpecCon{position:relative; width:100%; }
#carModelSpecCon h1{color:#333; font-size:28px; font-weight:600; letter-spacing:-0.5px;}
.car-model-sort-list-tab{text-align:right; position:relative; z-index:11;/*position:absolute; top:85px; right:0px;*/ }
.car-model-sort-list-tab li{display:inline-block; width:78px; height:28px; text-align:center; line-height:28px; border:1px solid #ccc; background-color:#eee; color:#555; font-size:13px; }
.car-model-sort-list-tab li a{display:block; color:#555;}
.car-model-sort-list-tab li.selected{border:1px solid #0066b3; background-color:#0066b3;}
.car-model-sort-list-tab li.selected a{color:#fff;}
/*  차 스펙 컨텐츠 */
#carModelSpecContent{width:100%; height:394px; }
.car-model-content{position:relative; width:100%; height:394px; overflow:hidden;top:-30px; background-color:#fff;}
.car-model-spec-list{position:absolute; top:10px; left:0%; height:394px;}
.car-model-spec-list.car-model-image-list li {padding-top:35px; height:359px;}
.car-model-spec-list.car-model-image-list li img{width:100%; height:100%;}
.car-model-spec-list > li{float:left; width:100%; height:394px;}
.car-model-spec-list > li .car-model-thum{float:left; width:420px; height:300px; padding-top:40px;}
.car-model-spec-list > li .car-model-thum img{width:420px; height:300px;}
.car-model-spec-list > li .car-model-info-box{width:329px; float:left; margin-left:30px; padding-top:44px}
.car-model-info-box .car-model-tit{max-width:90%;color:#333; font-size:26px; letter-spacing:-0.5px; font-weight:600;line-height:28px;margin-bottom:15px;}
.car-model-info-box .car-model-txt{padding:15px 0 25px; line-height:20px; color:#999; }
.car-model-info-box .prd-detail-tbl{margin:10px 0; border:0;}
.car-model-info-box .prd-detail-tbl th,.car-model-info-box .prd-detail-tbl td{background:none; border:0; padding:6px 0}
.car-model-info-box .prd-detail-tbl .first-info td{color:#0078ce; font-weight:600; font-size:15px;}
.car-model-info-box .prd-detail-tbl .second-info td{color:#0078ce; font-size:14px;}
.car-model-info-box .car-model-spec-tbl{border:1px solid #e5e5e5; border-bottom:0; margin-bottom:12px;}
.car-model-info-box .car-model-spec-tbl th{width:48px; color:#999; background-color:#eee; border-right:1px solid #e5e5e5; text-align:center;}
.car-model-info-box .car-model-spec-tbl th,.car-model-info-box .car-model-spec-tbl td{ height:28px; border-bottom:1px solid #e5e5e5; font-weight:400; letter-spacing:-0.3px;}
.car-model-spec-tbl td{padding:0 10px; color:#555;}
.car-model-detail-btn{display:inline-block; width:80px; height:30px; line-height:30px; text-align:center; color:#fff; background-color:#777; margin-top:10px; }
/* 버튼들 */
.car-model-con-btn{position:absolute; bottom:60px; right:20px; width:15px}
.car-model-con-btn li{cursor:pointer; display:block; width:15px; height:5px; background-color:#ccc; margin-bottom:10px;}
.car-model-con-btn li.on{background-color:#3591d7;}
.car-model-con-arrow-btns{position:absolute; bottom:20px; right:20px;}
/* -------- 하단 차 검색 박스 -------- */
#carSearchListWrapper{position:relative;}
/* 검색 상단 */
#carSearchTop{margin-bottom:26px; overflow:hidden; margin-right:52px;}
#carSearchTop .select-box{float:left; position:relative; /* width:259px; */ width:242px; border:1px solid #ccc; border-left:0; height:51px; background-color:#fff;}
#carSearchTop .select-box:first-child{border-left:1px solid #ccc; /* width:258px; */ width:240px;}
/* #carSearchTop .select-box:before{display:block; content:""; position:absolute; top:0px; right:0px; width:27px; height:100%; background:#fff url(/images/icon/select_custom.gif) no-repeat 0 50%} */
#carSearchTop .select-box select{-webkit-appearance: none; -moz-appearance: none;appearance: none; width:100%; height:51px; border:0; cursor:pointer; background:none; font-size:17px; text-indent:5px; background:#fff url(/images/icon/select_custom.gif) no-repeat 95% 50%}
#carSearchTop .select-box select::-ms-expand { display:none; }
#carSearchTop .select-box select:focus{outline:none;}
#carSearchTop .select-box option{font-size:17px;  text-indent:5px;}
.select-box-reset-btn{position:absolute; top:0px; right:0px; width:52px; height:52px; background:#555; color:#fff; text-align:center; line-height:52px;}
.select-box-reset-btn i{font-size:30px; line-height:52px; transform:rotate(90deg)}
.select-box-reset-btn:hover i{color:#fff;}
/* 검색 목록 */
#carSearchResultList{position:relative; }
#carSearchResultList h1{color:#333; font-size:18px; font-weight:500; letter-spacing:-0.5px; margin-bottom:20px;}
#carSearchResultList .car-search-sort-controls{position:absolute; top:0px; right:0px;}

.car-search-year-select{position:relative; display:inline-block; vertical-align:top;}
.car-search-year-select:before{display:block; content:""; position:absolute; top:1px; right:1px; width:27px; height:93%; background:#fff url(/images/icon/select_custom2.jpg) no-repeat 60% 50%}
.car-search-sort-controls select{border:1px solid #ccc; min-width:96px; height:30px; font-family:"돋움",dotum; color:#777; font-size:12px; vertical-align:top}
.car-search-sort-controls ul{display:inline-block; *display:inline;*zoom:1; margin-left:11px;}
.car-search-sort-controls ul li{float:left; width:48px; height:28px; text-align:center; line-height:28px; border:1px solid #ccc; background-color:#fff; border-left:0;}
.car-search-sort-controls ul li:first-child{border-left:1px solid #ccc;}
.car-search-sort-controls ul li a{color:#555;}
.car-search-sort-controls ul li.on{border:1px solid #333; background-color:#333;}
.car-search-sort-controls ul li.on a{color:#fff;}
.sort-list-controls{text-align:right;}
.sort-list-controls ul{display:inline-block; *display:inline;*zoom:1; margin-left:11px;}
.sort-list-controls ul li{float:left; width:48px; height:28px; text-align:center; line-height:28px; border:1px solid #ccc; background-color:#fff; border-left:0;}
.sort-list-controls ul li:first-child{border-left:1px solid #ccc;}
.sort-list-controls ul li a{color:#555;}
.sort-list-controls ul li.on{border:1px solid #333; background-color:#333;}
.sort-list-controls ul li.on a{color:#fff;}
/* 검색 목록 항목 */
.car-search-list {padding-top:2px;}
.car-search-list .car-search-list-item{ position:relative; /*overflow:hidden;*/ margin-bottom:5px; border:1px solid #ccc; background-color:#fff; -webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear }
.car-search-list .car-search-list-item .car-list-item-category{position:absolute; top:13px; right:16px; color:#999; font-size:12px; font-family:"돋움",dotum;}
.car-search-list .car-search-list-item .car-search-list-tbl th,.car-search-list .car-search-list-item .car-search-list-tbl td{text-align:center; height:137px; vertical-align:middle; letter-spacing:-0.5px; line-height:1.5em; /*height:100%*/}
.car-search-list .car-search-list-item .car-search-list-tbl td a{display:block;}
.car-search-list .car-search-list-item .car-list-select-box{ width:50px; height:148px; background-color:#ccc; -webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear; cursor:pointer}
.car-search-list .car-search-list-item .car-list-select-box .checkbox{position:absolute; top:50%;left:15px;width:20px; height:20px; margin-top:-10px; background:#fff; cursor:pointer;}
.car-search-list .car-search-list-item .car-list-select-box .prd-check{position:absolute; top:50%;left:15px; width:20px; height:20px; margin-top:-10px; z-index:99; cursor:pointer;
	opacity:0.0;filter:Alpha(opacity=0);
	/* CSS hacks for older browsers */
	_noFocusLine: expression(this.hideFocus=true); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
}
.car-search-list .car-search-list-item .car-list-detail-logo{width:90px; text-align:center; }
.car-search-list .car-search-list-item .car-list-detail-logo a{position:relative;}
.car-search-list .car-search-list-item .car-list-detail-logo a .tooltiptext{/*bottom:108%;*/ top:109%; min-width:110px; margin-left:-60px;}
.car-search-list .car-search-list-item .car-list-detail-logo a .tooltiptext:after{left:44%;}
.car-search-list .car-search-list-item .car-list-detail-logo img{/*max-width:100%;width:75px;*/ width:45px;}
.car-search-list .car-search-list-item .car-list-detail-thum{width:170px; text-align:center;}
.car-search-list .car-search-list-item .car-list-detail-thum img{width:160px;}
.car-search-list .car-search-list-item .car-list-detail-name{width:140px;}
.car-search-list .car-search-list-item .car-list-detail-name strong{display:block; width:90%; margin:0px auto;  color:#555; font-size:15px; font-weight:500;}
.car-search-list .car-search-list-item .car-list-detail-text{/*width:216px;*/width:488px; padding:0 10px; color:#999; font-size:12px; text-align:left !important; }
.car-search-list .car-search-list-item .car-list-detail-text a{color:inherit}
/* 추가 */
.car-search-list .car-search-list-item .car-list-detail-text .car-name{display:block; padding-bottom:5px; color:#555; font-size:15px; font-weight:600}
.car-search-list .car-search-list-item .car-list-detail-text .car-text{padding-bottom:10px;}
.car-search-list .car-search-list-item .car-list-detail-text .car-price{display:block;color:#00b311; font-size:16px; font-weight:600; }
.car-search-list .car-search-list-item .car-list-detail-text .car-price span{color:#999; font-weight:500; font-size:11px;}
/* // */
.car-search-list .car-search-list-item .car-list-detail-price{color:#00b311; font-size:16px; font-weight:600; }
.car-search-list .car-search-list-item .car-list-item-icon{position:absolute; bottom:0px; right:0px;}
.car-search-list .car-search-list-item .car-list-item-icon span{display:inline-block; width:35px; height:35px; line-height:35px; text-align:center; color:#fff; font-family:'Titillium Web','Noto Sans KR',"나눔고딕", 'Noto Sans CJK KR', NanumGothic, "Nanum Gothic", "맑은 고딕", Malgun Gothic, "돋움", Dotum;;}
.car-search-list .car-search-list-item .car-list-item-icon span.car-hot-icon{background-color:#c74a1a;}
.car-search-list .car-search-list-item .car-list-item-icon span.car-new-icon{background-color:#16abd6;}
.car-search-list .car-search-list-item .car-list-item-icon span.car-ad-icon{background-color:#0c284f; /* #0c284f*/}
.car-search-list .car-search-list-item .car-list-item-icon span.car-eco-icon{background-color:#00b311;}
.car-search-list .car-search-list-item:hover,.car-search-list .car-search-list-item.selected{border:1px solid #70ba65}
.car-search-list .car-search-list-item:hover .car-list-select-box,.car-search-list .car-search-list-item.selected .car-list-select-box{background-color:#70ba65}
.car-search-list .car-search-list-item.selected .car-list-select-box .checkbox{background:url(/kr/images/icon/check_icon.gif) no-repeat}

/* -------- ### 제품 뷰페이지 ### -------- */
/* 제품 뷰 상단 왼쪽 */
#productDetailTopContent{position:relative; width:778px; /*height:363px;*/ height:370px; float:left; /*border:1px solid #ccc*/}
.prd-large-thum{width:100%; text-align:center; width:508px; height:367px; margin:0px auto;}

/* 제품 뷰 상단 오른쪽 */
#productDetailInfoContent{position:relative; width:300px; float:right;}
#productDetailInfoContent .car-model-con-arrow-btns{position:absolute; top:0px;bottom:auto;}
#productDetailInfoContent .prd-detail-logo{display:block; width:65px; height:65px; }
#productDetailInfoContent .prd-detail-logo img{width:60px; height:60px; }
#productDetailInfoContent h2{color:#444; font-size:28px; font-weight:500; letter-spacing:-0.5px; padding:10px 0; line-height:32px/*font-size:36px;font-weight:600;*/}
#productDetailInfoContent .prd-small-thum{border:1px solid #ccc; height:199px; overflow:hidden; margin-top:13px; background:url(/kr/images/content/prd_small_thum_bg.gif) no-repeat}
#productDetailInfoContent .prd-small-thum li{float:left; width:99px; height:99px; cursor:pointer}
#productDetailInfoContent .prd-small-thum li img{width:99px; height:99px; opacity:0.5;filter:Alpha(opacity=50);-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 200ms linear}
#productDetailInfoContent .prd-small-thum li:hover img,#productDetailInfoContent .prd-small-thum li.on img{opacity:1;filter:Alpha(opacity=100);}

#productDetailInfoContent h2 {}
#productDetailInfoContent .prd-detail-spec {}
#productDetailInfoContent .prd-detail-spec dl {overflow:hidden;line-height:30px;}
#productDetailInfoContent .prd-detail-spec dt {float:left;width:70px; color:#777; font-size:14px; letter-spacing:-0.5px;}
#productDetailInfoContent .prd-detail-spec dd {float:left; color:#555; font-size:17px; letter-spacing:-0.5px;}
#productDetailInfoContent .prd-detail-spec .blue {color:#008edf}


/* 제품 뷰 하단 */
#productDetailBottomCon{background-color:#fff; border:1px solid #ccc; border-top:0;}
.product-detail-tab-list ul{overflow:hidden;}
.product-detail-tab-list ul li{float:left; width:20%; height:50px; line-height:50px;  text-align:center;}
.product-detail-tab-list ul li a{display:block; color:#777; font-size:17px; letter-spacing:-0.5px; height:48px; border-left:1px solid #ccc; border-top:1px solid #000; border-bottom:1px solid #ccc;  outline:none;}
.product-detail-tab-list ul li:first-child a{border-left:0;}
.product-detail-tab-list ul li.selected{}
.product-detail-tab-list ul li.selected a{border-top:1px solid #0066b3; border-bottom:1px solid #fff; color:#0066b3}
/* 제품 뷰 하단 컨텐츠 */
.product-detail-tab-con-box{padding:30px 0px 0;}
.product-detail-tab-content {display:none;/*padding-bottom:27px;*/padding:0 14px 27px; }
#compareProduct{padding:0 0 27px 0}
.product-detail-tab-content:first-child{display:block;}
.product-detail-tab-con-box h3.tab-content-tit{overflow:hidden; padding-bottom:10px; color:#888; font-size:18px; font-weight:400}
/* 제원 */
.prd-detail-tbl{width:100%; border-bottom:0; border-top:1px solid #ccc; border-right:1px solid #ccc;}
.prd-detail-tbl th,.prd-detail-tbl td{border-bottom:1px solid #ccc; padding:11px; color:#666; font-size:13px; text-align:left; border-left:1px solid #ccc; font-weight:400}
.prd-detail-tbl th.prd-tbl-category{text-align:center; line-height:34px;}
.prd-detail-tbl .back-gray{background-color:#dde3ea}
.prd-detail-tbl .back-sky{background-color:#eaeff5}
.prd-detail-tbl .back-gray2{background-color:#ddd}
.prd-detail-tbl .back-pink{background-color:#f0e9f4}
/* 관련컨텐츠 */
.prd-relate-photo-list{overflow:hidden;}
.prd-relate-photo-list li{float:left; width:33.33%; height:170px; text-align:center; background:url(/images/test/xml.jpg) no-repeat 50% 50%}
.prd-relate-photo-list li img{width:100%; height:170px}
/* 관련뉴스 헤드라인 */
.headline-news{position:relative; background-color:#dddddd; padding:1px; height:192px; margin-bottom:10px;}
.headline-news  .headline-thum{float:left; display:block; margin-right:22px}
.headline-news  .headline-con{float:left; width:453px; padding-top:22px}
.headline-news  .headline-con h4{width:430px; height:60px;margin-bottom:15px;overflow:hidden; color:#333333 ; font-size:22px; font-weight:500; letter-spacing:-0.5px; line-height:30px;}
.headline-news  .headline-con .board-content {font-size:14px !important;line-height:22px !important;color:#777 !important}
.headline-news  .headline-con .headline-info{position:absolute; bottom:15px; right:20px;text-align:right; color:#333; font-size:13.5px; }
.headline-news  .headline-con .headline-info span{margin-left:15px;}
/* -------- ### 비교검색 ### -------- */
#compareTop{margin-bottom:8px;}
.view-content-top .view-prd-location{position:absolute; top:24px; left:75px;}
.view-content-top .view-prd-location li{background:url(/kr/images/icon/util_arrow2.gif) no-repeat 10px 50%; font-family:inherit; font-size:17px;color:#fff;}
.view-content-top .view-prd-location li:first-child{background:none; padding-left:0;}
.view-content-top .view-prd-location li.font-sky{color:#5fbaff;}

/* 비교검색 모델 선택 */
#compareProductSelectTop{border:1px solid #ccc;}
.compare-select-header-tbl{float:left;width:171px; background-color:#eee; text-align:center; line-height:1.5em;}
.compare-select-header-tbl th{ font-weight:400}
.compare-select-header-tbl .header1{height:295px; font-size:13px; border-bottom:1px solid #ccc;}
.compare-select-header-tbl .header2{height:26px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:15px;}
.compare-select-header-tbl .header3{height:132px; font-size:15px;}
.compare-select-con{float:left; width:927px; }
.compare-select-prd-tbl{float:left; width:309px; height:429px; border-left:1px solid #ccc;}
.compare-select-prd-tbl td{ text-align:center;border:none;}
.compare-selet-thum{position:relative; width:100%; height:295px; border-bottom:1px solid #ccc;background:url(/images/test/car_test1.jpg) no-repeat center top;vertical-align:top;}
.compare-selet-thum img{width:100%; height:268px;}
.compare-selet-thum strong{position:absolute; display:table; bottom:1px; left:0px; width:100%; height:40px; font-weight:400; line-height:1.2em; background-color:rgba(0,0,0,0.5); color:#fff; }
.compare-selet-thum strong span{display:table-cell; vertical-align:middle;}
.compare-selet-name{border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#eee;}
.compare-selet-name strong{display:block; color:#333; font-size:16px; font-weight:400;}
.compare-selet-name span{display:block; color:#555; font-size:15px; font-weight:300;  padding-top:6px;}
.compare-model-selet{height:101px;}
.compare-model-selet select{width:100%; height:32px; border:0; /*border-top:1px solid #ccc;*/}
.compare-model-selet select:first-child{border-top:0;}
.compare-model-select-wrap{position:relative; border-top:1px solid #ccc;}
.compare-model-select-wrap:first-child{border-top:0}
.compare-model-selet .compare-model-select-wrap:before{position:absolute; content:""; top:0px; right:0px; width:20px; height:100%; background:#fff url(/images/icon/select_custom2.jpg) no-repeat 0 50%; z-index:5}
/* 비활성화 */
.no-select .compare-selet-thum img{}

/* # 비교 검색 결과 # */
#compareResultCon{ border-top:1px solid #ccc; margin-bottom:45px; }
/* 검색결과 타이틀 */
#compareResultHead{float:left; width:172px;}
.compare-result-th th{border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-weight:400; font-size:13px; color:#666;}
.compare-result-th th.spec-category{width:44px; font-weight:400; /*line-height:30px*/}
.compare-result-th th.spec-category br{}
.compare-result-th th.spec-tit{width:171px; text-indent:10px; height:33px; text-align:center; }/*width: 126 -> 171 변경 (161007)*/
.compare-result-th th.spec-tit.col2{width:62px;}
.basic-jewon th.spec-category{ background-color:#dde3ea;}
.basic-jewon th.spec-tit{background-color:#eaeff5;}
.detail-jewon th.spec-category{background-color:#ddd;}
.detail-jewon th.spec-tit{background-color:#f0e9f4;}
/* 검색결과 내용 */
#compareResultContent{float:left; width:927px; background-color:#fff; border-left:1px solid #ccc; }
.compare-result-col{float:left; width:309px; border-right:1px solid #ccc;}
.compare-result-col td{height:33px; border-bottom:1px solid #ccc; padding-left:12px;}
/* 관련상품 */
#resultRelateCarCon{padding-bottom:34px;}
.sub-content-tit{font-size:22px; color:#555; font-weight:400; padding-bottom:15px; overflow:hidden; }
.sub-content-tit-big{font-size:24px; color:#555; font-weight:500; padding-bottom:15px; overflow:hidden; }
/* 검색결과 */
.search-prd-category-con{display:none; padding-bottom:30px;}
.search-prd-category-con h3 strong{font-weight:400;}
.search-prd-category-con h3 strong b{color:#16abd6; font-weight:400;}
/* 검색 탭 */
.search-result-tab-con{margin:20px auto 45px;}
.search-result-tab-con ul{overflow:hidden; border:2px solid #ddd; background-color:#fff;}
.search-result-tab-con ul li{float:left; width:25%;}
.search-result-tab-con ul li dl{display:block; border-left:2px solid #ddd; text-align:center; padding:22px 0;}
.search-result-tab-con ul li:first-child dl{border-left:0;}
.search-result-tab-con ul li dt{color:#555; font-size:22px; letter-spacing:-0.5px; padding-bottom:22px;}
.search-result-tab-con ul li dd{font-size:32px; font-weight:600; letter-spacing:-0.5px; color:#aaa;}
.search-result-tab-con ul li a dd{color:#16abd6;}
/* -------- ### 브랜드 ### -------- */
#brandTopInfo{overflow:hidden; border:1px solid #ccc; height:363px;}
.brand-left-con{display:table; position:relative; float:left; width:298px; /* height:303px; */ height:367px; text-align:center; /*padding:30px;*/ border-right:1px solid #ccc;}
.brand-left-con-inner{display:table-cell; vertical-align:middle;}
.brand-left-con .brand-logo-img{display:block; width:175px; height:175px;  margin:0px auto 20px;}
.brand-left-con .brand-logo-img img{width:175px; height:175px;}
.brand-left-con .brand-logo-name{display:block; font-size:30px; color:#555; font-weight:500; padding-bottom:20px; letter-spacing:-1px;}
.brand-left-con .brand-logo-en-name{display:block; font-size:24px; color:#aaa; font-weight:400 }
.brand-left-con .brand-logo-link{/*position:absolute; bottom:29px; left:10%;*/ display:inline-block; width:80%; margin:10px auto 0; height:50px; line-height:50px; text-align:center; color:#fff; background-color:#252525; font-size:15px;}
.brand-right-con{float:left; position:relative;width:799px; height:363px; overflow:hidden;}
.brand-list{position:absolute; top:0px; left:0px; height:363px;}
.brand-list li{float:left; width:799px; height:363px;}
.banner-top-btn{position:absolute; top:10px; right:10px; }
.banner-top-btn span{
	display:inline-block; width:11px; height:11px; margin:0 4px; border:1px solid #fff; cursor:pointer;
	-webkit-border-radius:13px;-moz-border-radius:13px;-o-border-radius:13px;border-radius:13px; box-shadow:inset 1px 1px 2px rgba(0, 0, 0, .5);
	}
.banner-top-btn span.on{background-color:#fff; }
.brand-movie-con{width:799px; height:363px;}
/* 고객센터, 멀티미디어
------------------------------------------------------ */
#container.notice-container{padding:0px 0 50px 0;}
/* -------- ### 컨텐츠 상단 비주얼 ### -------- */
/* -------- 비주얼 -------- */
#visualRolling{position:relative; height:533px; width:100%; overflow:hidden;}
#visualRolling .visual-img{position:absolute; top:0px; left:0px; width:100%;height:533px; }
#visualRolling .visual-img li{width:100%; height:533px;}
/* -------- 비주얼 컨텐츠 -------- */
.visual-inner{position:absolute; top:0px; left:50%; margin-left:-550px; height:533px; width:1100px;}
.media-inner{}
/* 비주얼 gnb */
.sub-gnb{overflow:hidden; padding-top:22px;}
.sub-gnb .tab-open-btn{float:left;}
.sub-gnb ul{width:1036px; background:url(/kr/images/layout/sub_gnb_tit.png) repeat}
.sub-gnb ul,.sub-gnb ul li{float:left; height:63px; text-align:center;}
.sub-gnb ul li{width:20%; line-height:63px;}
.sub-gnb ul.cs_menu_06 li{width:25%}
.sub-gnb ul.cs_menu_08 li{width:14.28%;}
/* .sub-gnb ul.cs_menu_08 li:first-child{width:17%} */
.sub-gnb ul li a{display:block; color:#fff; font-size:18px; font-weight:400;}
.sub-gnb ul li a:hover,.sub-gnb ul li.on a{background-color:#cb572c;}
/* 비주얼 타이틀 */
#visualRolling .visual-tit{position:absolute; bottom:155px; left:50%; margin-left:-174px; width:348px; height:128px; text-align:center; text-shadow:1px 1px 1px rgba(0, 0, 0, .7);background:url(/kr/images/layout/sub_tit_bg.png) repeat; border:2px solid #fff;}
#visualRolling .visual-tit h2{color:#fff; font-size:32px; font-weight:500; padding:34px 0 10px;}
#visualRolling .visual-tit strong{color:#fff; font-weight:400; font-size:20px; font-weight:200}
/* 비주얼 로고 */
.visual-logo{position:absolute; bottom:0px; right:0px;}
/* location */
.visual-inner .location{position:absolute; bottom:15px; left:0px; overflow:hidden;}
.visual-inner .location li{float:left;color:#fff; font-family:"돋움",dotum; font-size:12px; padding-left:24px; line-height:1.2em; background:url(/kr/images/icon/location_arrow_w.png) no-repeat 12px 50%}
.media-inner .location{position:static; padding-top:20px;}
.media-inner .location li{float:left;color:#fff; font-family:"돋움",dotum; font-size:12px; padding-left:24px; color:#333; background:url(/kr/images/icon/util_arrow.gif) no-repeat 12px 50%}
.visual-inner .location li:first-child,.media-inner .location li:first-child{padding-left:0 !important; background:none !important;}
/* -------- 고객센터 컨텐츠 -------- */
#container.notice-container #leftContent{/*padding-top:24px;*/}
#container.notice-container #leftContentInner{padding-top:24px;}
#leftContent .cs-tit{padding-bottom:15px; color:#333; font-size:26px; font-weight:500;}

/* -------- 문의폼 -------- */
#agreeCon{padding:17px 0; overflow:hidden;}
#agreeCon .agree-box{width:379px; background-color:#fff; -webkit-border-radius:px;-moz-border-radius:px;-o-border-radius:px;border-radius:5px; border:1px solid #ccc; overflow:hidden;}
#agreeCon .agree-box .agree-inner{height:120px; padding:10px; overflow-y:scroll;}
.agree-bottom{padding:0 10px; height:37px; line-height:37px;}
#agreeCon .tit,#agreeCon .agree-check{font-size:15px; color:#888}
#agreeCon .agree-check{position:relative; display:block;}
#agreeCon .agree-check label{position:absolute; top:0px; right:0px; width:60px; height:30px; background:#fff url(/kr/images/icon/agree_check_off.gif) no-repeat 100% 14px}
#agreeCon .agree-box.select{border:1px solid #1eca00}
#agreeCon .agree-box.select .tit,#agreeCon .agree-box.select .agree-check{color:#1eca00}
#agreeCon .agree-box.select .agree-check label{background-image:url(/kr/images/icon/agree_check_on.gif)}
.inquiry-tbl{width:100%; border-top:1px solid #000}
.inquiry-tbl th,.inquiry-tbl td{padding:5px; border-bottom:1px solid #ccc;text-align:left; min-height:30px;height:auto !important; _height:30px;  }
.inquiry-tbl th{background-color:#e8eaf0; width:25%; padding-left:10px; color:#555; font-size:13.5px; font-weight:500 }
.inquiry-tbl td {width:75%}
.inquiry-tbl td .input-txt{width:40%;background-color:#fff;border:1px solid #ccc; height:26px; line-height:26px; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px; text-indent:5px;color:#aaa; font-size:12.5px; font-weight:400}
.inquiry-tbl td .content-txt{width:100%; height:200px; border:1px solid #ccc; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px; color:#aaa; font-size:12.5px; font-weight:400} 
.inquiry-tbl td .input-txt:focus,.inquiry-tbl td .content-txt:focus{color:#333;}
.inquiry-tbl td .join-select{width:150px;  border:1px solid #ccc; height:30px; line-height:30px; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.inquiry-tbl td .date-select{width:80px;  border:1px solid #ccc; height:30px; line-height:30px; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.join-sub-btn{display:inline-block; width:80px; height:30px; line-height:30px; color:#fff; text-align:center; margin:0 3px; background-color:#777; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.join-sub-btn:hover{color:#fff;}
.inquiry-tbl th .tit-sub-txt{display:block; padding-top:10px; font-size:10.5px;color:#888;font-weight:normal;}
.inquiry-tbl td .join-sub-txt{color:#aaa; margin-left:10px; font-size:12px;}
.inquiry-tbl td.checkbox label{margin-right:15px; vertical-align:middle; line-height:15px}
.inquiry-tbl td.checkbox input[type="checkbox"]{margin-right:5px; border:1px solid #ccc;}
.inquiry-btn-controls{text-align:center; padding:22px 0;}
.inquiry-btn-controls a{display:inline-block; width:140px; height:40px; line-height:40px; background-color:#ccc; color:#fff; font-size:17px; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.inquiry-btn-controls .ok-btn{background-color:#4460b0}

/* -------- 회사소개 컨텐츠  -------- */
/* 주요발간사업 */
#businessCon{padding-top:16px;}
.business-con{border:1px solid #ccc; margin-bottom:10px; padding:25px 16px; background-color:#fff; position:relative;}
.business-con h1{color:#0054b3; font-size:22px; padding-left:25px; font-weight:400; margin-bottom:25px; background:url(/images/icon/business_tit.gif) no-repeat 0 50%;}
.business-con .business-txt{font-size:15px; line-height:26px; color:#444; padding-bottom:20px; padding-left:25px;}
.business-con .business-txt strong{color:#207fe8; font-weight:600}
.business-con .business-txt b {font-weight:600;color:#9d3b21}
.business-con .business-txt span {font-weight:600;color:#2b6e16}
.business-con .business-txt .black-txt {color:#000;}
.business-list{padding-left:25px;font-size:15px;color:#777}
.business-list li{margin-bottom:10px; padding-left:15px; background:url(/images/icon/business_dot.gif) no-repeat 0 50%;}
.business-icon{position:absolute; top:16px; right:16px; width:92px; height:35px; color:#fff; font-size:15px; line-height:35px; text-align:center; background-color:#bbb; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}





/* -------- 171018 유지보수 추가 -------- */
/* 뷰페이지 */
.detail-sns-con{position:absolute; top:-35px; right:0px;}
.detail-sns-con a{display:inline-block; vertical-align:middle; width:34px; height:34px; text-align:center; line-height:37px; margin-left:6px; -webkit-border-radius:34px;-moz-border-radius:34px;-o-border-radius:34px;border-radius:34px;}
.detail-sns-con a:first-child{margin-left:0;}
.detail-sns-con a i{color:#fff; font-size:20px;}
.detail-sns-con a img{width:34px;}
/* 브랜드페이지 */
.brand-top-tab-con{position:absolute; top:0px; left:64px; right:120px; height:63px; background:#d8d7d5;}
.brand-top-tab-con ul{overflow:hidden;}
.brand-top-tab-con ul li{float:left; width:16.67%;     height: 63px; overflow: hidden}
.brand-top-tab-con ul li:first-child{width:16.65%;}
/*.brand-top-tab-con ul li a{display:block; height:63px; line-height:63px; text-align:center; color:#333; font-size:15px;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
.brand-top-tab-con ul li a:hover{background-color:#eee;}
.brand-top-tab-con ul li a span{display:block; width:90%; margin:0px auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
*/
.brand-top-tab-con ul li a{display:block; width:100%; height:63px; line-height:20px; text-align:center; color:#333; font-size:15px; display:table;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
.brand-top-tab-con ul li a:hover{background-color:#eee;}
.brand-top-tab-con ul li a span{display:block; width:90%; max-height:42px; overflow:hidden;  margin:0px auto; display:table-cell; vertical-align:middle;}




.product-detail-tab-list ul li{width:130px;}
.product-detail-tab-list ul li:first-child{width:128px;}
#latelyProductBar{left:auto; margin-left:0; right:50%; margin-right:-670px;}

/* ******************  연관제품 ********************** */
#relateBox{width:100%; overflow:hidden}
#relatedCompareCon{overflow:hidden; position:relative; padding:15px 0 0 130px; background-color:#fff; }
#relatedSelectHead, #relatedResultHead{position:absolute; left:0; width:120px; border:1px solid #ddd; z-index:99 }
#relatedSelectHead{top:15px; height:174px;  background-color:#eee }
#relatedResultHead{top:201px; width:121px; border-right:0;}
#relatedSelectHead table, #relatedResultHead table{width:100%;}
#relatedSelectHead th{color:#333; font-size:13px; line-height:16px; font-weight:500;}
#relatedSelectHead th.header1{height:170px; padding:0 5px; word-break:keep-all;}
#relatedSelectHead th.header2{height:140px;}
#relatedResultHead th{height:44px; text-indent:0; background:#f0e9f4; color:#333; font-size:13px; font-weight:500; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
#relatedResultHead .basic-jewon th{background:#eaeff5}
#relatedResultHead .compare-result-th th{border-left:0;}
#relatedCompareCon .compare-slide{width:200px; margin-right:10px;}
/* 연관제품 :: 버튼  */
.related-arrow-btns{text-align:right; }
.related-arrow-btns a{display:inline-block; border:1px solid #ddd; width:40px; height:40px; text-align:center; line-height:40px;}
.related-arrow-btns a:focus{outline:none;}
.related-arrow-btns a i{font-size:30px; color:#333; vertical-align:middle; }
.related-arrow-btns a.next-relate-con{margin-left:-1px;}
.related-arrow-btns a.swiper-button-disabled i{color:#ccc}
/* 연관제품 :: 상단 */
#relatedSelectContent,#relatedCompareResultContent{margin-bottom:10px; border-right:0;}
.related-select-table-con,.related-result-table-con{border:1px solid #ddd; }
.related-select-table-con{margin-bottom:10px;}
.related-select-table-con:first-child,.related-result-table-con:first-child{margin-left:0;}
/* 연관제품 :: 상단 :: 선택영역 */
.related-select-prd-tbl,.related-result-col-tbl{width:100%; height:auto;}
.related-select-prd-tbl td,.related-result-col-tbl td{border-top:1px solid #ddd;}
.related-select-prd-tbl tr:first-child td,.related-result-col-tbl tr:first-child td{border-top:0;}
.related-selet-thum{position:relative; padding:15px 5% 30px; overflow:hidden;}
.related-selet-thum .prd-thum{display:block; }
.related-selet-thum .prd-thum img{width:100%;}
.related-selet-thum .prd-thum-logo{position:absolute; top:5px; right:5px;}
.related-selet-thum .prd-thum-logo img{width:26px}
.related-selet-thum .prd-name{display:block; position:absolute; bottom:0px; left:0px; width:93%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:13px; font-weight:400; letter-spacing:-0.5px; text-align:center; color:#aaa; background-color:rgba(0,0,0,0.5); padding:10px 4%; }
.related-selet-thum .prd-name.select-name{color:#fff; text-align:left;}
.related-select-prd-tbl select{
	width:100%;
	height:34px;
	border: 0;
	border-left:0;
    box-shadow: none;
    background-image: none;
    -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
	appearance: none;
    background: #fff url(/m/images/icon/select_arrow_icon.png) no-repeat 94% 50%;
	background-size:auto 8px;
	font-size:12px;
	color:#777;
	cursor:pointer;
	text-indent:10px;

}

/* 연관제품 :: 상단 :: 결과영역 */
.related-result-col-tbl td{height:44px; padding:0 5%; color:#666; font-size:13px;  line-height:16px;  vertical-align:middle; }
.related-result-col-tbl td span{overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}



/* ******************  201208 유지보수 NH  ********************** */
/* -------- 레이아웃  -------- */
.sub-gnb ul.cs_menu_07 li {width:25%}
.company-page {padding-top: 35px; word-break:keep-all;}
/* -------- 인사말  -------- */
.ceo-con .txt-box {letter-spacing:-0.75px; color:#555;}
.ceo-con .txt-box .tit {display:block; font-size: 35px; line-height: 1.37em; font-weight:400; margin:35px 0 50px;}
.ceo-con .txt-box .tit span {color: #0669b4;}
.ceo-con .txt-box .txt {font-size: 15px; line-height: 1.8em; margin-top: 30px;}
.ceo-con .txt-box .sign {display:block; font-size:18px; letter-spacing:-0.25px; color: #333; font-weight:500; margin-top:30px; }

/* -------- 연혁  -------- */
.history-img-box {display:table; width:100%; height:200px; background:url("/images/content/history_new_img.jpg") center no-repeat; text-align:center; margin-bottom:50px;}
.history-img-box .inner {display:table-cell; vertical-align:middle;}
.history-img-box .tit {font-size: 45px; color:rgba(255,255,255,0.4);}
.history-img-box .txt {font-size: 20px; letter-spacing:-0.5px; color:#eee; margin-top:24px;}
/* History :: Layout */
.company-history {position:relative;}
.company-history-wrapper {position:relative; padding-bottom:50px; *zoom:1;}
.company-history-wrapper:after{clear:both; display:block; content:"";}
.company-history-wrapper:before{position:absolute; top:3px; height:100%; width:1px; left:50%; background-color:#ddd; content:"";}
.company-history-wrapper:last-child:before{display:none;}
.company-history-info-box {position:relative; width:50%; }
.company-history-info-box::before{ position:absolute; top:-4px; width:25px; height:25px;  background-color:rgba(202,54,59,0.1);  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content:""; }
.company-history-info-box::after{ position:absolute; top:3px; width:8px; height:8px; background-color:#fff; border: 2px solid #ca363b; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content:""; }
/* History :: 정보 */
.company-history-info .history-item{position:relative; font-size:15px; line-height: 1.6; letter-spacing: -0.5px; font-weight:300; color:#444; margin-bottom:10px; word-break:keep-all}
.company-history-info .history-month{position:absolute; top:0px; color:#222; font-weight:600; }
.company-history-info .history-txt{position:relative; display:inline-block;}
.company-history-info .history-txt:before{content:"-"; position:absolute; top:0px;}
.company-history-year {position:absolute; top:-5px; text-align:center; font-size:30px; letter-spacing: -0.5px; color:#333; font-weight: 600; }
.color-red {color:#ca363b;}

/* History :: 왼쪽 */
.history-left .company-history-info-box{float:left;}
.history-left .company-history-info-box::before,
.history-left .company-history-info-box::after {left:100%; transform:translatex(-50%)}
.history-left .company-history-info {text-align:right; padding-right: 40px;}
.history-left .company-history-info .history-item{padding-right: 30px; }
.history-left .company-history-info .history-month{right:0;}
.history-left .company-history-info .history-txt{padding-right:15px; }
.history-left .company-history-info .history-txt::before{right:0;}
.history-left .company-history-year {left:100%; padding-left:60px;}
.history-left .company-history-year:before{left:0}
.history-left .company-history-img-box{float:right;}
.history-left .company-history-img-box span{margin-left:60px}
/* History :: 오른쪽 */
.history-right .company-history-info-box{float:right; }
.history-right .company-history-info-box::before,
.history-right .company-history-info-box::after {right:100%; transform:translatex(50%)}
.history-right .company-history-info {padding-left: 40px;}
.history-right .company-history-info .history-item{padding-left: 22px;}
.history-right .company-history-info .history-month{left:0;}
.history-right .company-history-info .history-txt{padding-left:15px; }
.history-right .company-history-info .history-txt::before{left:0;}
.history-right .company-history-list-wrap .company-history-year {right:100%; padding-right:60px;}
.history-right .company-history-list-wrap .company-history-year:before{right:0}
.history-right .company-history-img-box{float:left; text-align:right;}
.history-right .company-history-img-box span{margin-right:60px}
/* History :: 발행인 */
.history-ceo .company-history-info .history-item {padding-right: 50px;}
.history-ceo .company-history-year {width:100%; text-align:left; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.history-ceo.history-right .company-history-year  {text-align:right;}
.history-ceo.history-right .company-history-info .history-item {padding-left:50px; padding-right:0;}

/* -------- 주요발간사업  -------- */
.company-page .business-con {display:table; width:100%; height:100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.business-con .img-con {display:table-cell; vertical-align:top; }
.business-con .img-con .img-wrap img {position:absolute; top:0; left:0px; width:100%; height:100%;}
.business-con .img-con .img-wrap {display:block; position:relative; }
.business-con .img-con.small-img {width:187px;}
.business-con .img-con.small-img .img-wrap { padding-top:244px;}
.business-con .img-con.big-img {width:488px;}
.business-con .img-con.big-img .img-wrap { padding-top:282px;}
.business-con .img-con .business-icon {position:static; display:block; margin-bottom:10px;}
.business-con .txt-con {display:table-cell; vertical-align:top; padding-left:50px;}
.business-con .txt-con .business-txt , .business-con .txt-con .business-list {padding-left:0;}
.business-col02 {display:flex; justify-content:space-between;}
.business-col02 .business-con {display:block; width:545px; height:auto; }

.product-top-btn {float:right; width:120px; height:63px; line-height:63px; color:#fff; font-size:18px; font-weight:400; letter-spacing:-0.5px; background-color:#0066b3; text-align:center;}
.product-top-btn:hover {color:#fff;}