@charset "utf-8";
/* ----------
css
---------- */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web);
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500');

/* layout | 퍼블리셔 */
body, table, th, td, input,
textarea, button, select {
	font-family:'Noto Sans KR',"나눔고딕", 'Noto Sans CJK KR', NanumGothic, "Nanum Gothic", "맑은 고딕", Malgun Gothic, "돋움", Dotum, Tahoma, Verdana, Calibri, Arial, sans-serif;
	font-size:13px;
	color:#555;
}
body { background-color:#fff; letter-spacing:-0.5px; min-width:1340px}
#wrap{min-width:1100px; }
.sub-wrap{ background-color:#eee;}
.area{width:1100px; margin:0px auto; *zoom:1;}
.area:after{clear:both; display:block; content:"";}
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.fade{-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear}

/* HEADER
------------------------------------------------------ */
#header { background-color:#fff;}
#headerInner{position:relative; height:57px; padding-top:22px;}
#headerInner .logo{/* float:left; */position:absolute; top:25px; left:0px; width:100%; text-align:center;}
/* search-box */
#searchBox{ position:absolute; top:22px; left:323px; width:454px; text-align:center; }
#searchBox .h-search-input{ width:396px; height:29px; text-indent:10px; color:#555; font-size:12px; font-family:"돋움",dotum; border:2px solid #184a90;border-right:0;float:left;border-radius:5px 0 0 5px;}
#searchBox input::-webkit-input-placeholder {color:#6b97d5}
#searchBox input::-moz-placeholder {color:#6b97d5}
#searchBox input::-ms-input-placeholder {color:#6b97d5}

#searchBox .h-search-btn{width:43px; height:35px; background:url(/images/button/header_search_btn.jpg) no-repeat -1px -1px; vertical-align:top;float:left;border:2px solid #184a90;border-left:0;border-radius:0 5px 5px 0}
/* gnb */
#gnb{width:100%; height:61px; background:#0c284f}
#gnb ul{background:url(/kr/images/common/gnb_bar.gif) no-repeat 0% 50%;}
#gnb ul li{float:left; width:25%; height:61px; line-height:61px; text-align:center; background:url(/kr/images/common/gnb_bar.gif) no-repeat 100% 50%;}
#gnb ul li a{display:block; color:#fff; font-size:15px; -webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear}

/*#gnb ul li.on a,*/#gnb ul li a:hover{ background-color:#184a90;}
/* header-util */
.header-util{float:right; position:relative; z-index:1}
.lang-btn-box{position:relative; display:inline-block; width:118px; height:33px; line-height:33px; border:1px solid #333; margin-right:7px; vertical-align:middle; font-family: 'Poppins','Noto Sans KR',"나눔고딕", 'Noto Sans CJK KR', NanumGothic, "Nanum Gothic", "맑은 고딕", Malgun Gothic, "돋움", Dotum, Tahoma, Verdana, Calibri, Arial, sans-serif;}
.lang-btn{display:block; width:100%; height:33px; text-indent:12px;}
.lang-btn > img{vertical-align:middle; margin:-3px 5px 0 0;}
.lang-btn span{font-weight:500; color:#555; font-size:12px; }
.lang-btn .arrow{position:absolute; top:12px; right:10px; line-height:8px;}
.lang-btn-box.open .arrow{transform:rotate(180deg); right:-3px;}
.lang-list-con{display:none; position:absolute; top:32px; left:-1px; width:100%; border:1px solid #333; z-index:99; background-color:#fff;}
.lang-list-con li{text-align:center;}
.lang-list-con li a{display:block; height:33px;font-weight:500; color:#555; font-size:12px; }
.lang-list-con li a:hover{color:#cc5218}
/* FOOTER
------------------------------------------------------ */
#footer{width:100%; /*height:525px;*/ padding:30px 0; background:#34495a url(/images/layout/footer_bg.jpg) repeat-y 50% 0%}
#footTop{height:66px; border-bottom:1px solid #2b3a45;}
#footTop .logo{padding-top:20px; float:left;}
#footTop ul{float:right;}
#footTop ul li{float:left; height:66px; line-height:66px; padding-left:34px; background:url(/kr/images/icon/foot_menu_bar.gif) no-repeat 19px 50%}
#footTop ul li:first-child{padding-left:0; background:none;}
#footTop ul li a{color:#9fbcd1; font-size:13px; letter-spacing:-0.4px;}

#footSitemap{padding:27px 0 22px; /*height:285px;*/ border-top:1px solid #56748a; border-top:1px solid #56748a; border-bottom:1px solid #2b3a45}
#footSitemap > ul{overflow:hidden;}
#footSitemap > ul > li{float:left; width:166px;}
#footSitemap > ul > li.sitemap7{width:104px}
#footSitemap > ul > li h1{color:#fff; letter-spacing:-0.4px; font-size:15px; font-weight:400; padding-bottom:14px;}
#footSitemap > ul > li > ul li{padding-left:14px; background:url(/kr/images/icon/foot_bullet.png) no-repeat 5px 50%; margin-bottom:10px;}
#footSitemap > ul > li > ul li a{color:#bbb; font-size:12px; letter-spacing:-0.4px;}

#footBottom{position:relative; height:88px; /* overflow:hidden; */ padding-top:21px; border-top:1px solid #56748a; }
#footBottom .foot-address{float:left; color:#ccc; font-size:12px; letter-spacing:-0.4px; line-height:22px;}
#footBottom .foot-copy{float:right; color:#ccc; font-size:12px; letter-spacing:-0.4px; line-height:20px; text-align:right; }
#footBottom .foot-copy b{color:#21beff; font-weight:400;}
#footBottom .foot-copy a{display:block; color:#ccc;}

.to-mobile-btn{/* position:absolute;top:-60px; right:0px; */display:block; padding:10px 20px; font-size:30px; text-align:center; font-size:4em; padding:.8em 0;  background-color:#eee; color:#444; font-weight:600}

#enFooter{padding:50px 0; text-align:center; line-height:28px; letter-spacing:-0.3px;  font-size:15px; color:#333; font-family: 'Poppins','Noto Sans KR',"나눔고딕", 'Noto Sans CJK KR', NanumGothic, "Nanum Gothic", "맑은 고딕", Malgun Gothic, "돋움", Dotum, Tahoma, Verdana, Calibri, Arial, sans-serif;}

/* MAIN LAYOUT
------------------------------------------------------ */
.cm-tab-con{display:none;}
.cm-tab-con:first-child{display:block;}

/* ### 비주얼 상단 탑 ### */
#mainVisualWrap{position:relative; width:100%; height:533px;}
#mainVisualWrap > div{/*height:533px;*/}
/* -------- VISUAL -------- */
#mainVisual{position:relative; width:100%; height:533px; overflow:hidden;}
/* visual image */
#mainVisual .visual-img{position:absolute; top:0px; height:533px; width:100%;}
#mainVisual .visual-img > li{width:100%; height:533px; overflow:hidden;}
/* visual text */
#mainVisual .visual-content{position:relative; z-index:1; margin:0px auto; width:770px; padding-right:330px; padding-top:90px; height:443px; text-align:right;}
#mainVisual .visual-txt strong{display:block; color:#fff; font-size:38px; font-weight:600; letter-spacing:-0.3px; text-shadow:1px 1px 1px rgba(0, 0, 0, .5);line-height:45px; }
#mainVisual .visual-txt p{color:#fff; text-shadow:1px 1px 1px rgba(0, 0, 0, .5); font-size:17px; letter-spacing:-0.3px; line-height:22px; padding:22px 0 15px;}
#mainVisual .visual-txt a{
	position:absolute; /* bottom:131px;*/ bottom:19px; right:330px;
	display:inline-block; width:108px; height:48px; 
	/*background:url(/kr/images/layout/opa_bg_000_60.png) repeat; */
	background-color:rgba(0,0,0,0.6); 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000',endColorstr='#99000000',GradientType=0);
	color:#fff; line-height:48px; border:1px solid #ccc; text-align:center; *display:inline;*zoom:1;}
#mainVisual .visual-txt a:hover{background-color:#000; }
/* visual spec */
.prd-spec-tbl{position:absolute; bottom:23px; left:0; width:771px; }
.prd-spec-tbl th,.prd-spec-tbl td{ width:118px;  height:43px; color:#fff; text-align:center; border:1px solid #adadad;  font-size:15px; font-weight:400; text-shadow:1px 0px 2px rgba(0, 0, 0, .5); }
.prd-spec-tbl th{/*background:url(/kr/images/layout/opa_bg_000_60.png) repeat;*/ 
	background-color:rgba(0,0,0,0.6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000',endColorstr='#99000000',GradientType=0);
}
.prd-spec-tbl td{border-top:0; border-left:1px solid #adadad; 
	background:url(/kr/images/layout/opa_bg_666_60.png) repeat;
	background-color:rgba(102,102,102,0.6); 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#99666666',endColorstr='#99666666',GradientType=0);
}
.prd-spec-tbl .spec-tit{width:54px}
.prd-spec-tbl .spec-name{	
	background:url(/kr/images/layout/opa_bg_666_60.png) repeat;
	background-color:rgba(102,102,102,0.6); 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#99666666',endColorstr='#99666666',GradientType=0);
}
/* visual btn */
.visual-controls{position:absolute; top:0px; left:50%; margin-left:-550px; width:770px; /* height:402px;*/ height:533px; }
#mainVisual .visual-btn{position:absolute; /* top:50px; */left:0px; width:770px; height:5px; /*text-align:right; */z-index:11; text-align:center; bottom:48px;}
#mainVisual .visual-btn li{display:inline-block; width:30px; height:5px; background-color:#fff; cursor:pointer; margin-left:2px; *display:inline;*zoom:1;}
#mainVisual .visual-btn li.on{background-color:#3591d7}
/* visual-arrow-btn */
.visual-btn-controls{position:absolute; width:102px; /*bottom:0*/ bottom:19px; left:0px; z-index:11}
.visual-btn-controls a{display:block; float:left; width:50px; height:50px; margin-right:1px; outline:none;}

.no-table {margin:54px auto 0;}
.no-table ul {}
.no-table ul li {float:left; position:relative; height:82px;margin:0 11px 0 0;padding:8px 0 0 0; background-color:#fff; background-color:rgba(255,255,255,0.8);border-radius:5px;}
.no-table ul li:last-child {margin-right:0;}
.no-table ul li:hover {background-color:rgba(255,255,255,1.0)}
.no-table ul li a {display:block;}
.no-table ul li a img {max-width:100px;vertical-align:middle;border-radius:5px;}
.no-table ul li .tooltiptext{width:140px; top:74px; margin-left:-73px; padding: 4px 3px; line-height:1.1em;}
.no-table ul li .tooltiptext::after{left:47%;}
/* ### 메인 하단 컨텐츠 ### */
#mainContainer{position:relative; padding-bottom:50px;}
#mainContainer .section{margin-bottom:20px; }
#mainContainer #leftSection{float:left; width:800px;}
#mainContainer #rightSection{float:left; width:300px;}
#mainContainer #leftSectionInner > article,#mainContainer #rightSectionInner > article{margin-bottom:20px;}
#mainContainer .bor{border:1px solid #ddd; border-right:0;}

/* -------- 제품검색1 (첫번째제품검색) -------- */
#mainCarDetailSearch{background-color:#fff;}
/* 제품검색 탭 */
.car-detail-tab-list{height:54px; background-color:#ddd}
.car-detail-tab-list li{float:left; width:85px; height:54px; line-height:54px; text-align:center; }
.car-detail-tab-list li a{display:block; color:#555; font-size:17px; letter-spacing:-0.4px;}
.car-detail-tab-list li.selected{background-color:#fff;}
.car-detail-tab-list li.selected a span{border-bottom:2px solid #000; padding-bottom:8px;}
/* --- 검색 컨텐츠 --- */
/* 검색필터? */
.car-sort-btn{position:absolute; top:-42px; right:10px; height:30px; line-height:30px;}
.car-sort-btn strong{color:#777; margin-right:11.5px; font-weight:400}
.car-sort-btn a{display:inline-block; width:50px; height:30px; text-align:center; background-color:#fff; color:#333;}
.car-sort-btn a.checked{background-color:#333; color:#fff;}
/* 브랜드 리스트 */
#carDetailWrapper{}
.detail-brand-content{position:relative; height:244px;}
.detail-brand-list-box{float:left; position:relative; width:475px; height:218px; padding:13px 12px 13px 13px; border-right:1px solid #ddd;}
.detail-brand-list-box > span {font-size:17px;display:inline-block;margin:0 auto 5px;}
.sort-select-box{border:1px solid #ddd; width:118px; height:30px; color:#777;}
.brand-list-box{position:relative;width:475px; /*height:181px;*/height:188px; }
.main-brand-list{display:none; position:absolute; top:0px; left:0px; border-left:1px solid #cfcfcf;  border-top:1px solid #cfcfcf; height:179px;  margin-top:15px; background:url(/images/layout/brand_list_bg3.jpg) repeat}
.main-brand-list:first-child{display:block;}
.main-brand-list li{position:relative; float:left; width:78px; height:88px; border-bottom:1px solid #cfcfcf; border-right:1px solid #cfcfcf;}
.main-brand-list li a{display:block; width:79px; height:89px; text-align:center;}
.main-brand-list li .logo-thum{display:block; width:100%; height:45px; padding:7px 0;  text-align:center;}
.main-brand-list li .logo-thum img{height:44px;}
.main-brand-list li .logo-name{display:block; width:70px; padding:0 4px; height:28px; line-height:28px; overflow:hidden; border-top:1px solid #d9d9d9; background-color:#f2f2f2; text-align:center; color:#888; font-size:12.5px; font-weight:400; letter-spacing:-0.5px;}
.main-brand-list-controls{position:absolute; top:10px; right:13px; height:30px; line-height:30px; }
.main-brand-list-controls p{display:inline-block; margin-right:15px; *display:inline;*zoom:1;}
/*.tooltiptext {
    opacity:0;filter:Alpha(opacity=0);
    min-width: 100px;
    background-color: #0c284f;
    color: #fff;
	font-size:14px;
	letter-spacing:-0.5px;
    text-align: center;
	line-height:1.3em;
    padding: 3px;
    position: absolute;
    z-index: 1;
	bottom:100%;
	left:50%;
	margin-left:-55px;

	-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear
	
}
.tooltiptext::after {
    content: "";
    position: absolute;
    top:100%;
    left: 45%;
	margin-top:5px
    margin-left: -7px;
    border-width: 7px;
    border-style: solid;
    border-color:  #0c284f transparent transparent  transparent;
}*/
.tooltiptext {
    opacity:0;filter:Alpha(opacity=0);
    min-width: 110px;
    background-color: #0c284f;
    color: #fff;
	font-size:13px;
	letter-spacing:-0.5px;
    text-align: center;
	line-height:1.3em;
    padding: 6px 3px;
    position: absolute;
    z-index: 1;
	top:60px;
	left:50%;
	margin-left:-60px;
	-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear
	
}
.tooltiptext::after {
    content: "";
    position: absolute;
    bottom:100%;
    left: 43%;
	margin-top:5px
    margin-left: -7px;
    border-width: 7px;
    border-style: solid;
    border-color:  transparent transparent #0c284f transparent
}
/* #rightBrandBar .right-brand-list-box ul li a .tooltiptext::after{
	left:44%;
} */
.no-table li:hover .tooltiptext,.main-brand-list li:hover .tooltiptext, .car-list-detail-logo a:hover .tooltiptext,#familyListBox a:hover .tooltiptext{
    opacity:0.8;filter:Alpha(opacity=80);
}
/* 카테고리 탭 */
.detail-category-list-box{float:left; width:298px;}
.detail-category-tab-list{overflow:hidden; background-color:#fff }
.detail-category-tab-list li{float:left;width:148px; border-right:1px solid #ddd; height:46px; line-height:50px; background-color:#ddd; text-align:left;text-indent:10px;}
.detail-category-tab-list li:first-child{}
.detail-category-tab-list li a{display:block; color:#555; font-size:15px;}
.detail-category-tab-list li.selected{background-color:#fff;}
.detail-category-tab-list li.selected a span{/* border-bottom:2px solid #000;padding-bottom:10px; */}

/* 카테고리 리스트*/
.detail-type-list-con,.main-category-list{width:298px; height:196px; overflow:hidden;}
.main-category-list{display:none;}
.main-category-list:first-child{display:block;}
.main-category-list li{float:left; width:148px; height:65px; border-top:1px solid #ddd; border-right:1px solid #ddd;}
.main-category-list li a{display:block; padding:0 10px; height:65px; line-height:65px; font-size:15px; -webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear
}
.main-category-list li a strong{float:left; color:#555; font-weight:400; }
.main-category-list li a span{float:right; color:#999;}
.main-category-list li a:hover{background-color:#bbb}
.main-category-list li a:hover strong,.main-category-list li a:hover span{color:#fff;}

/* 카테고리탭2 스타일 */
.detail-category-tab-list.bor0 li{border-right:0;}

/* -------- 제품검색2 (두번째줄 제품검색) -------- */
#mainPrdSearchBox{position:relative;}
/* 제조사,모델,세부모델,등급,세부등급 검색 */
.search-item-list-box{height: 299px; overflow:hidden;}
.search-item-list-box .main-search-classify{float:left; width:160px; height:100%; background-color:#eeeeee; color:#777; font-size:15px; }
.search-item-list-box .main-search-classify h4{height:52px; line-height:52px; padding-left:15px; font-weight:400; border-bottom:1px solid #ddd; }
.search-item-list-box .main-search-classify .select-classify-box{height:246px;}
.search-item-list-box .main-search-classify .select-classify-box p{height:25%;}
.search-item-list-box .main-search-classify .select-classify-box span{display:block; line-height:60px; border-top:1px solid #ddd; padding-left:15px;}
.search-item-list-box .main-search-classify .select-classify-box p:first-child span{border-top:0;}
.search-item-list-box .main-search-classify .select-classify-box p.selected{color:#fff; background-color:#333}

.search-item-list-box > li.search-item-list{float:left; width:212px; border-left:1px solid #ddd; height:100%}
.search-item-list-box > li.search-item-list h4{height:52px; border-bottom:1px solid #ddd; line-height:52px; padding-left:14px; font-size:15px; color:#777; font-weight:400}
.search-item-list-box > li.search-item-list .search-select-item-list{height:225px; padding:10px 0; overflow-y:scroll;}
.search-item-list-box > li.search-item-list .search-select-item-list li{height:25px; line-height:25px;}
.search-item-list-box > li.search-item-list .search-select-item-list li a{display:block;  padding-left:15px; color:#777;  -webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear}
.search-item-list-box > li.search-item-list .search-select-item-list li a:hover,.search-item-list-box > li.search-item-list .search-select-item-list li.on a{background-color:#333; color:#fff; }
/*
.search-item-list-box > li.search-item-list{position:relative; float:left; width:33.33%; border-left:1px solid #ddd;}
.search-item-list-box > li.search-item-list h4{height:52px; border-bottom:1px solid #ddd; line-height:52px; padding-left:14px; font-size:15px; color:#777;}
.search-item-list-box > li.search-item-list .search-select-item-list{height:225px; padding:10px 0; overflow-y:scroll;}
.search-item-list-box > li.search-item-list .search-select-item-list li{height:25px; line-height:25px;}
.search-item-list-box > li.search-item-list .search-select-item-list li a{display:block;  padding-left:15px; color:#777;  -webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear}
.search-item-list-box > li.search-item-list .search-select-item-list li a:hover,.search-item-list-box > li.search-item-list .search-select-item-list li.on a{background-color:#333; color:#fff; }
.search-item-sort{position:absolute; top:20px; right:2px; width:60px; height:15px; color:#888; font-size:11px; font-family:"돋움",dotum; text-align:right; border:0;}
.no-select-list{height:225px; padding:10px 0; text-align:center; color:#aaa; line-height:225px;}*/
/* 연식검색 */
.year-search-wrapper{width:684px; height:48px; border-top:1px solid #ddd; }
.year-search-wrapper h4{width:74px; line-height:48px; text-align:center; float:left; background-color:#aaa; font-size:15px; color:#fff; font-weight:400;}
.year-search-box{float:left; width:347px;}
.year-search-box fieldset{padding:9px;}
.year-search-box fieldset select{width:78px; border:1px solid #ddd; color:#888; height:30px; font-size:11px; font-family:"돋움",dotum,sans-serif; }
.year-search-box fieldset select.marl{margin-left:-4px}
.year-select-list{float:right; width:253px; padding-right:10px; text-align:right; overflow:hidden;}
.year-select-list li{margin-left:-4px; display:inline-block; max-width:46px; height:48px; line-height:48px; padding-left:15px; background:url(/kr/images/icon/arrow_icon.gif) no-repeat 6px 19px; color:#555; font-size:12px; font-family:"돋움",dotum; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; *display:inline;*zoom:1;}
.year-select-list li:first-child{padding-left:0; background:none;}
/* 제품검색 버튼 */
.main-prd-search-btn{display:block; width:115px; height:50px; text-align:center; line-height:50px; color:#fff; background-color:#c74a1a; font-size:15px; position:absolute; bottom:1px; right:0px;}
.main-prd-search-btn:hover{color:#fff;}


/* -------- 최신업데이트 제품 리스트 -------- */
#mainLatelyPrd h3{overflow:hidden;color:#555; font-size:18px; letter-spacing:-0.5px; font-weight:400; margin-bottom:10px;}
/* 제품 */
.setting-btn{float:right;}
.product-list li{float:left; position:relative;  /*margin:0 0 10px 10px;*/ margin-right:10px; padding:23px 0 0 0;text-align:center;}
.product-list:first-child li{padding-top:13px;}
.product-list li.mar0{margin-left:0 !important;}
.product-list li a{
	display:block; width:188px;height:298px; 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;
}
.product-list li a:hover{border:1px solid #00b311}
.product-list li a span,.product-list li a strong,.product-list li a .product-spec{display:block; width:90%; margin:0 auto; letter-spacing:-0.5px;}
.product-list li a .product-thum{text-align:center; height:112px; padding-top:30px; }
.product-list li a .product-thum img{max-height:112px;}
.product-list li a .product-name{display:block;color:#555; font-size:17px; font-weight:600;line-height:20px; height:40px; overflow:hidden;margin:10px auto 0;}
.product-list li a .product-spec{
	margin:10px auto 0;color:#999; line-height:18px;font-size:13px;
	display:box;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:54px;word-break:break-all;
}
.product-list li a .product-price{position:absolute;bottom:15px;left:0;right:0;width:100%;margin:0 auto;color:#00b311; letter-spacing:-0.5px; font-size:15px; font-family:'Tahoma', 'Titillium Web','Noto Sans KR',"나눔고딕", 'Noto Sans CJK KR', NanumGothic, "Nanum Gothic", "맑은 고딕", Malgun Gothic, "돋움", Dotum;}
.product-list li a .product-price b{font-weight:600; font-size:18px}
.state-icons{position:absolute; top:10px; left:0px; width:100%; text-align:center;}
.product-list:first-child li .state-icons{top:0px;}
.board-state-icons{top:-15px;}
.state-icons span{display:inline-block;width:35px; height:35px; line-height:35px; margin-right:1px; text-align:center; color:#fff; font-size:13px; letter-spacing:-0.5px; font-weight:400; *display:inline;*zoom:1;}
.state-icons span.new-icon{background-color:#16abd6}
.state-icons span.hot-icon{background-color:#c74a1a}
.state-icons span.ad-icon{background-color:#00b311}
.state-icons span.top-icon{background-color:#00b311}
/* 서브페이지 제품 */
.small-product-list.product-list li{margin-left:10px}
.small-product-list.product-list li a{width:178px;}
/*.big-product-list.product-list li{margin-left:13px;}*/
.big-product-list{width:1105px;}
.big-product-list.product-list li{width:210px; margin-right:11px;}
.big-product-list.product-list li a{width:208px}

/* INCLUDE 공통 css
------------------------------------------------------ */
/* -------- 추천제품 -------- */
#mainRecomPrdCon{position:absolute; top:22px; left:50%; margin-left:250px;width:300px; z-index:99}
#mainRecomPrd{position:relative; width:300px; } 
/* 상단타이틀 */
#mainRecomPrd .main-recom-tit{height:63px; background:url(/kr/images/layout/opa_bg_000_80.png) repeat; line-height:63px; padding-left:20px; color:#fff; font-weight:400; font-size:18px;}
#mainRecomPrd .recom-prd-tab{position:absolute; top:16px; right:14px; overflow:hidden;}
#mainRecomPrd .recom-prd-tab li{float:left; display:block; width:50px; height:30px; line-height:30px; text-align:center;  background-color:#5d4e4a}
#mainRecomPrd .recom-prd-tab li.selected{background-color:#c74a1a}
#mainRecomPrd .recom-prd-tab li a{display:block; color:#fff;}
/* 추천제품 탭 */
.sort-tab-list{overflow:hidden; }
.sort-tab-list li{float:left; width:100px; }
.sort-tab-list li a{display:block; height:33px; text-align:center; line-height:33px; background:url(/kr/images/layout/opa_bg_000_80.png) repeat; border:1px solid #555; border-left:0; color:#ccc;}
.sort-tab-list li:first-child a{}
.sort-tab-list li.selected a{color:#333; background:url(/kr/images/layout/opa_bg_ddd_80.png) repeat; font-size:14px; height:35px; line-height:34px; border-bottom:0; border-top:0;}
/* 추천제품 리스트 */
.sort-list{height:420px; padding-bottom:10px;/*background:url(/kr/images/layout/opa_bg_ddd_80.png) repeat;*/ 
	background-color:rgba(221,221,221,0.8); 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccdddddd',endColorstr='#ccdddddd',GradientType=0);
}
.sort-list li{height:83px; border-top:1px solid #aaa;}
.sort-list li a{display:block; padding:7px 16px; border-top:1px solid #fff;}
.sort-list li:first-child,.sort-list li:first-child a{border-top:0;}
.sort-list li{overflow:hidden;}
.sort-list li .recom-prd-thum{float:left; display:block;width:100px; height:69px;}
.sort-list li .recom-prd-thum img{width:100px; height:69px;}
.sort-list li .recom-prd-info{float:left; padding:0 0 0 10px; width:130px;}
.sort-list li .recom-prd-info strong,.sort-list li .recom-prd-info span{display:block; font-size:13px; font-weight:400; color:#777; padding-bottom:5px; }
.sort-list li .recom-prd-info .car-name{color:#555; height:26px; padding-bottom:0; margin-bottom:5px; overflow:hidden;}
.sort-list li .recom-prd-info .car-category,.sort-list li .recom-prd-info .car-spec{width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
/* -------- 제품간편비교 -------- */
#prdSimpleCompare{background-color:#252525; height:300px;}
#prdSimpleCompare .inner{padding:15px 20px;}
#prdSimpleCompare .main-con-tit{color:#fff; font-size:18px; letter-spacing:-0.4px;  font-weight:400;}	
#prdSimpleCompare .main-sub-txt{color:#a0a09f; font-size:12px; line-height:18px;font-weight:400;}


/* -------- 유가정보/날씨 컨텐츠 -------- */
#mainEtcInfoBox{position:relative; height:350px;}
.etc-list-tab{position:absolute; top:0px; left:0px; width:300px; height:53px; z-index:111}
.etc-list-tab ul{overflow:hidden;}
.etc-list-tab ul li{float:left; width:150px; height:53px; line-height:53px; text-align:center;  background:#252525;}
.etc-list-tab ul li a{display:block; color:#fff; font-size:18px; letter-spacing:-0.5px; font-weight:400; outline:none;}
.etc-list-tab ul li.selected{background:none;}
.etc-tab-con{position:absolute; top:0px; left:0px; width:300px; padding-top:53px; height:296px; z-index:-1}
.today-info{position:absolute; bottom:0px; left:0px; width:90%; padding:0 5%; height:50px; line-height:50px;}
/*.today-info span{float:left; color:#becfe1; font-size:12px;}
.today-info a{float:right;}*/
/* 유가정보 */
#todayOilTab {background:url(/kr/images/main/oil_info_bg.jpg) no-repeat;}
#todayOilTab .cm-ac {padding:20px 0 0 0;font-size:15px;}
#todayOilTab .cm-ac p {width:85%;margin:-1px auto 0;border:1px solid #888;color:#fff;overflow:hidden;}
#todayOilTab .cm-ac p span {background-color:rgba(255,255,255,0.2);}
#todayOilTab .cm-ac p span, #todayOilTab .cm-ac p strong {display:block;width:50%;padding:20px 0;float:left;font-weight:normal;}
/* 날씨정보 */
#todayWeatherTab .weather-txt {position:absolute;top:80px;left:25px;display:block; color:#fff; font-size:15px; font-weight:normal;text-align:left;}
#todayWeatherTab .weather-temper {display:block; width:100%; text-align:center; color:#fff; font-size:48px; font-weight:normal; letter-spacing:1px; }
#todayWeatherTab img.icon {padding:40px 0 10px 0;}

.today-info{background:url(/kr/images/layout/opa_bg_000_60.png) repeat}
.today-info .today-time{float:left; color:#fff; font-size:15px; font-weight:400;}
.today-info .select-day{float:right; position:relative; display:block; height:30px;margin-top:10px;}
.today-info .select-day:before{position:absolute; content:""; top:1px; right:0px; width:20px; height:28px; background:#fff url(/images/icon/select_custom2.jpg) no-repeat 0 50%; z-index:5}
.today-info .select-day select{height:30px; cursor:pointer; vertical-align:top;}
.today-info select:focus{outline:none;}
/*.today-info strong{float:left; color:#fff; font-size:15px; letter-spacing:1px; font-weight:400;}
.today-info span{float:right;}
.today-info span a{margin-left:10px;}
*/
/* -------- 이달의 광고 -------- */
#mainMonthAd{position:relative;}
#mainMonthAd h3{overflow:hidden; color:#555; font-size:18px; letter-spacing:-0.5px; font-weight:400; margin-bottom:20px;}
#mainMonthAd h3 strong{color:#ff6e36; font-weight:400;}
#mainMonthAd h3 .setting-btn{margin-right:0;}
/* 배너1 */
#sideBanner1{position:relative; height:434px;}
#sideBanner1 .side-banner-box{position:relative; width:300px; height:454px; overflow:hidden;}
#sideBanner1 .side-banner-img{position:absolute; top:0px; left:0px; height:434px;}
#sideBanner1 .side-banner-img li{float:left;}
#sideBanner1 .adver-con{position:absolute; bottom:0px; right:0px; width:0; height:434px; overflow:hidden;}
#sideBanner1 .adver-con .adver-hover-img,#sideBanner1 .adver-con .adver-hover-img img{width:600px; height:434px;}
#sideBanner1 .banner-close-btn{position:absolute; bottom:450px; right:0px;}
.side-banner-btn{position:absolute; top:5px; right:0px;  }
.side-banner-btn span{cursor:pointer; display:inline-block; width:10px; height:10px; margin-left:3px; background-color:#ccc; -webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0;*display:inline;*zoom:1;}
.side-banner-btn span.on{background-color:#ff6e36;}
/* 배너2 */
#sideBanner2 > a{display:block; margin-top:8px;}
/* 배너3 */ 
#sideBanner3{position:relative; margin-top:8px;}
#sideBanner3 a{position:absolute; bottom:10px; right:10px; display:block; width:145px; height:40px; text-align:center; line-height:40px; color:#fff; font-size:15px; background-color:#000;}

/* -------- 메인 하단  -------- */
/* 패밀리사이트 */
#bottomSection{clear:both; margin-bottom:50px; }
#familyListWrap{position:relative; width:100%;  margin:0px auto; }
#familyListWrap .familylist-prev-btn,#familyListWrap .familylist-next-btn{position:absolute; /*top:50%; margin-top:-25px; */ top:0; z-index:99999;}
#familyListWrap .familylist-prev-btn{left:0px;}
#familyListWrap .familylist-next-btn{right:0px;}
#familyListWrap .familylist-prev-btn:focus,#familyListWrap .familylist-next-btn:focus{outline:none;}
#familyListWrap .familylist-prev-btn:hover img,#familyListWrap .familylist-next-btn:hover img{opacity:0.7;filter:Alpha(opacity=70);}
#familyListBox{width:1100px;/*height:48px;*/height:100px;  position:relative; overflow:hidden; margin:0px auto;}
#familyListBox > ul{height:48px;}
#familyListBox > ul > li{position:relative; float:left; width:94px; height:48px; text-align:center; }
/*#familyListBox > ul > li{float:left; width:236px; height:56px; text-align:center; }*/
#familyListBox > ul > li .tooltiptext{margin-left:-55px;}
#familyListBox .left-cover{position:absolute; top:0px; height:100px; background:#fff; width:80px; left:0px; z-index:9999;}
#familyListBox .right-cover{position:absolute; top:0px; height:100px; background:#fff; width:50px; right:0px; z-index:9999;}

/* MODAL LAYER
------------------------------------------------------ */
/* sitemap */
#siteMapInner{text-align:center;}
#siteMapInner > ul{overflow:hidden; display:inline-block; *display:inline;*zoom:1;}
#siteMapInner > ul > li{float:left; width:130px;margin:0 5px;text-align:center;}
#siteMapInner > ul > li > h1{font-weight:400 ; width:90%; margin:0px auto; padding:10px 0; background-color:#eee;border-top:1px solid #555;border-bottom:1px solid #ccc; font-size:17px;}
#siteMapInner > ul > li > h1 > span{font-size:16px; color:#555; display:block; }
#siteMapInner > ul > li > ul{overflow:hidden;}
#siteMapInner > ul > li > ul > li a{display:block;padding:10px 0;border-bottom:1px dotted #ccc;}

/* ### 모달 CSS ### */
#modal,#modalBg{display:none; width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:9999;}
#modalBg{background-color:#000; opacity:0.7;filter:Alpha(opacity=70); cursor:pointer;}
.modal-con{display:none; background-color:#fff; position:fixed; top:50%; left:50%; z-index:9999;border-radius:10px}
.modal-inner{overflow-y:auto;}
.modal-tit{font-size:20px; font-weight:600; color:#000; margin-bottom:15px;}
.modal-close{color:#fff; font-weight:600; font-size:20px; position:absolute; top:-40px; right:0px; z-index:9999}

/* SUB LAYOUT
------------------------------------------------------ */
#container{padding-bottom:100px; background:url(/en/images/layout/container_top_bg.jpg) no-repeat 50% 0%}
#visualCon{width:100%; height:186px;}
#visualCon h2{text-align:center; color:#fff; line-height:186px; font-size:42px; letter-spacing:-0.25px; text-transform:uppercase; font-weight:600; font-family: 'Poppins','Noto Sans KR',"나눔고딕", 'Noto Sans CJK KR', NanumGothic, "Nanum Gothic", "맑은 고딕", Malgun Gothic, "돋움", Dotum, Tahoma, Verdana, Calibri, Arial, sans-serif; text-shadow:6px 7px 15px rgba(0, 0, 0, .5);}
#visualCon h2 strong{font-weight:600; display:inline-block; padding:30px 45px; background-color:rgba(255,255,255,0.15); border:2px solid #fff; line-height:42px;}