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

.loading{position:absolute; top:63px; left:0; margin:0;}
/* common */
#middleArea{min-height:500px;}
#topContent{width:100%; height:511px;}
.view-prd-location{padding-bottom:25px;}
.view-prd-location li{float:left; padding-left:25px; line-height:14px; background:url(/kr/images/icon/util_arrow.gif) no-repeat 10px 50%; font-family:"돋움",dotum;}
.view-prd-location li:first-child{padding-left:0; background:none;}

/* -------- paging -------- */
.paging{padding:30px 0; text-align:center;}
.paging a{display:inline-block; width:10px; margin:0 8px; padding-bottom:4px;}
.paging a.arrow{width:30px; margin:0px;}
.paging a.cur{border-bottom:2px solid #444}

/* -------- custom select -------- */
.select-wrapper{position:absolute; width:257px; height:51px;}
.select-wrapper select{position:absolute; top:0px; left:0px; z-index: 2; width:257px; height:51px; 
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;
}
.select-wrapper .holder{cursor:pointer; display: inline-block; padding: 0 35px 0 10px; width:212px; height:51px; line-height:51px; font-weight:400; background:url(/kr/images/common/select_custom.gif) no-repeat 230px 50%; white-space: nowrap; overflow: hidden;  /*position:absolute;*/ top:0px; left:0px; z-index:-1;letter-spacing:-0.5px; }

/* -------- 왼쪽 사이드바 -------- */
/*#leftSidebar{position:absolute; top:117px; left:50%; margin-left:-510px}*/
/* 선택제품 비교검색 */
/*#selectPrdCompareSearch{width:100px;  text-align:center; margin-bottom:10px;}
#selectPrdCompareSearch h1{height:49px; line-height:49px; background-color:#333; font-size:15px; font-weight:400; color:#fff;}
#selectPrdCompareSearch ul {border:1px solid #ccc; border-top:0;}
#selectPrdCompareSearch ul li{height:98px; border-top:1px solid #ccc; background-color:#fff;}
#selectPrdCompareSearch ul li img{width:100%; height:100%;}
#selectPrdCompareSearch p{display:table; line-height:18px; color:#777; font-size:12px; font-family:"돋움",dotum,sans-serif; background-color:#fff; height:98px; }
#selectPrdCompareSearch p span{display:table-cell; vertical-align:middle; width:98px; text-align:center;}
#selectPrdCompareSearch .select-prd-compare-btn{display:block; width:100%; height:50px; background-color:#c74a1a; color:#fff; line-height:50px; font-size:15px; }*/
/* 최근본상품 */
/*#latelyProductBar{position:absolute; top:0px; left:50%; margin-left:-670px; width:100px;}
#latelyProductBar h1{ height:50px; background-color:#333; color:#fff; line-height:50px; font-size:15px; text-align:center; font-weight:400}
#latelyProductBar .lately-prd-box{width:98px; height:495px; position:relative; overflow:hidden;border:1px solid #ccc; }
#latelyProductBar .lately-prd-box-list{position:absolute; top:0px; left:0px; height:495px; overflow:hidden;}
#latelyProductBar .lately-prd-box ul{float:left; width:98px; }
#latelyProductBar .lately-prd-box ul li{border-top:1px solid #ccc; height:92px; padding:3px; background-color:#fff;}
#latelyProductBar .lately-prd-box ul li:first-child{border-top:0;}
#latelyProductBar .lately-prd-box ul li img{width:100%; height:100%}
#latelyProductBar .lately-no-prd{display:table; line-height:18px; width:98px; height:98px; color:#777;  border:1px solid #ccc; background:#fff; text-align:center; font-size:12px; font-family:"돋움",dotum,sans-serif; }
#latelyProductBar .lately-no-prd span{display:table-cell; width:100%; vertical-align:middle;}
#latelyProductBar .lately-prd-controls{height:28px; border:1px solid #ccc; background-color:#fff; border-top:0; line-height:28px; text-align:center;}
#latelyProductBar .lately-prd-controls a{display:inline-block; border-left:1px solid #ccc; height:28px; width:48px; font-weight:400; color:#aaa; font-size:12px;}
#latelyProductBar .lately-prd-controls a:first-child{width:49px; border-left:0;}*/
#leftSidebar{position:absolute; top:117px; left:50%; margin-left:-510px}
/* 선택제품 비교검색 */
#selectPrdCompareSearch{/*width:160px;*/ width:100px;  text-align:center; margin-bottom:10px;}
#selectPrdCompareSearch h1{height:49px; line-height:49px; background-color:#c74a1a; font-size:15px; font-weight:400; color:#fff;}
#selectPrdCompareSearch p{border:1px solid #ccc; line-height:18px; color:#777; font-size:12px; font-family:"돋움",dotum,sans-serif; background-color:#fff; padding:12px 0; }
#selectPrdCompareSearch .select-prd-compare-btn{display:block; width:100%; height:50px; background-color:#333; color:#fff; line-height:50px; font-size:15px; }
/* 최근본상품 */
#latelyProductBar{position:absolute; top:0px; left:50%; margin-left:-670px; width:100px;}
#latelyProductBar.fixed{position:fixed; top:20px;}
#latelyProductBar h1{ height:50px; background-color:#333; color:#fff; line-height:50px; font-size:15px; text-align:center; font-weight:400}
#latelyProductBar .lately-prd-box{border:1px solid #ccc; width:98px; /*height:218px; */position:relative; /* overflow:hidden; */}
#latelyProductBar .lately-prd-box-list{}
#latelyProductBar .lately-prd-box ul{display:none; float:left; width:98px;}
#latelyProductBar .lately-prd-box ul:first-child{display:block;}
#latelyProductBar .lately-prd-box ul li{position:relative; border-top:1px solid #ccc;  padding:5px; background-color:#fff;}
#latelyProductBar .lately-prd-box ul li:first-child{border-top:0;}
#latelyProductBar .lately-prd-box ul li img{width:100%;}
#latelyProductBar .lately-prd-box ul li .tooltiptext{
	visibility:hidden;
	top: 0;
	height:64px;
	display:table;
    left: -119%;
    margin-left: 0;
}
#latelyProductBar .lately-prd-box ul li .tooltiptext::after{left:100%; top:50%; border-color:transparent   transparent  transparent #0c284f; margin-top:-7px; }
#latelyProductBar .lately-prd-box ul li .tooltiptext i{
    font-style: normal;
    display: table-cell;
    height: 64px;
    vertical-align: middle;
    word-break: keep-all
}
#latelyProductBar .lately-prd-box ul li .lately-no-prd{display:table; text-align:center; width:100%; height:100%}
#latelyProductBar .lately-prd-box ul li .lately-no-prd span{display:table-cell; vertical-align:middle; height:100%; line-height:18px;color:#777; font-family:"돋움",dotum,sans-serif;}
#latelyProductBar .lately-prd-controls{height:28px; border:1px solid #ccc; background-color:#fff; border-top:0; line-height:28px; text-align:center;}
#latelyProductBar .lately-prd-controls a{display:inline-block; border-left:1px solid #ccc; height:28px; width:48px; font-weight:400; color:#aaa; font-size:12px;}
#latelyProductBar .lately-prd-controls a:first-child{width:49px; border-left:0;}
#latelyProductBar .lately-prd-controls a:hover{color:#333}
/* 왼쪽 브랜드 목록 (171025) */
#rightBrandBar{position:absolute; top:0px; left:50%; margin-left:-670px; width:100px;}
#rightBrandBar.fixed{position:fixed; top:20px;}
#rightBrandBar h1{ height:50px; background-color:#0c284f; color:#fff; line-height:50px; font-size:15px; text-align:center; font-weight:400}
#rightBrandBar .right-brand-list-box{border:1px solid #ccc; width:98px; /*height:218px; */position:relative; /* overflow:hidden; */}
#rightBrandBar .right-brand-list-box-list{}
#rightBrandBar .right-brand-list-box ul{display:none; float:left; width:98px;}
#rightBrandBar .right-brand-list-box ul:first-child{display:block;}
#rightBrandBar .right-brand-list-box ul li{position:relative; border-top:1px solid #ccc;  background-color:#fff;}
#rightBrandBar .right-brand-list-box ul li:first-child{border-top:0;}
#rightBrandBar .right-brand-list-box ul li .logo-thumb{display:block; padding:5px; height:64px; text-align:center}
#rightBrandBar .right-brand-list-box ul li img{/*max-height:100%; max-width:100%; max-height:50px; margin-top:7px*/ width:88px; height:64px; }
#rightBrandBar .right-brand-list-box ul li .logo-name{display:block; ;width:90px; padding:0 4px; height:24px; line-height:24px; 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;}

#rightBrandBar .right-brand-list-box ul li .lately-no-prd{display:table; text-align:center; width:100%; height:100%}
#rightBrandBar .right-brand-list-box ul li .lately-no-prd span{display:table-cell; vertical-align:middle; height:100%; line-height:18px;color:#777; font-family:"돋움",dotum,sans-serif;}
#rightBrandBar .lately-prd-controls{height:28px; border:1px solid #ccc; background-color:#fff; border-top:0; line-height:28px; text-align:center;}
#rightBrandBar .lately-prd-controls a{display:inline-block; border-left:1px solid #ccc; height:28px; width:48px; font-weight:400; color:#aaa; font-size:12px;}
#rightBrandBar .lately-prd-controls a:first-child{width:49px; border-left:0;}
#rightBrandBar .lately-prd-controls a:hover{color:#333}
#rightBrandBar .right-brand-list-box ul li .tooltiptext{
	visibility:hidden;
	top: 0;
	height:64px;
	display:table;
    left: 100%;
    margin-left: 0;
}
#rightBrandBar .right-brand-list-box ul li .tooltiptext::after{left:-12%; top:50%; border-color:transparent  #0c284f transparent  transparent; margin-top:-7px; }
#rightBrandBar .right-brand-list-box ul li .tooltiptext i{
    font-style: normal;
    display: table-cell;
    height: 64px;
    vertical-align: middle;
    word-break: keep-all
}
#rightBrandBar .right-brand-list-box ul li a:hover .tooltiptext, #latelyProductBar .lately-prd-box ul li a:hover .tooltiptext {visibility:visible; opacity:1.0;}
/* -------- 브랜드검색 -------- */
.sub-car-detail-search{display:none; position:fixed; height:299px; top:50%; left:50%; margin-left:-390px; margin-top:-150px; border:1px solid #ccc; z-index:99999; background-color:#fff;}
.sub-car-detail-search .detail-brand-list-box{/*width:588px;*/ width:556px;}
.sub-car-detail-search .detail-brand-list-box .brand-list-box{/*width:592px*/ width:554px;}
.sub-car-detail-search .detail-brand-list-box .main-brand-list{/*background:url(/kr/images/content/brand_list_bg2.gif) no-repeat*/ background:url(/images/layout/brand_list_bg3.jpg) repeat}
.sub-car-detail-search .detail-category-list-box{width:163px; position:relative; top:-55px;}
.sub-car-detail-search .detail-type-list-con,.sub-car-detail-search .main-category-list{width:163px; height:246px;}
.sub-car-detail-search  .detail-category-tab-list li{width:80px; height:54px;}
.sub-car-detail-search  .detail-category-tab-list li:first-child{width:81px;}
.sub-car-detail-search  .main-category-list li{width:100%; height:40px;}
.sub-car-detail-search  .main-category-list li a{width:144px; height:40px; /* line-height:40px; */}
.car-detail-search-close-btn{position:absolute; top:-45px; right:0px;}

/* ######### 게시판
------------------------------------------------------ */
/* -------- 게시판 리스트(갤러리형) -------- */
.board-list li{float:left; position:relative;  margin:10px 0 20px 10px; width:180px; background-color:#fff;}
.relate-prd-list.board-list li{text-align:center;}
.board-list li.mar0{margin-left:0 !important;}
.board-list li a{display:block; width:100%; /*height:248px;*/ padding-bottom:10px; border:1px solid #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 }
.board-list li a:hover{border:1px solid #00b311}
.board-list li a span,.board-list li a strong,.board-list li a .product-spec{display:block; margin:0px auto; }
.board-list li a .board-thum{text-align:center; width:100%; height:138px; border-bottom:1px solid #ccc;}
.board-list li a .board-thum img{width:100%; height:138px; }
.board-list li a .board-tit,.board-list li a .board-content,.board-list li a .board-info{width:90%; margin:0px auto;}
.board-list li a .board-tit{color:#555; font-size:15px; font-weight:500;  line-height:18px; margin:10px auto; height:38px; overflow:hidden;}
.board-list li a .board-content{overflow:hidden; margin-bottom:10px; height:38px; color:#777; line-height:18px; font-size:12px; /* height:92px; */}
.board-list li a .board-info{/*position:absolute; bottom:10px; left:5%;*/overflow:hidden; color:#999}
.board-list li a .board-info .board-date{float:left;}
.board-list li a .board-info .board-writer{float:right; font-weight:400}
/* 넓은 게시판 리스트(갤러리) */
.big-board-list li{width:208px;}
.big-board-list li{margin-left:13px}
.big-board-list {margin-left:-13px;}
/* 게시판 리스트(목록형) */
.board-list-tbl{width:100%; border-top:1px solid #777;}
.board-list-tbl th,.board-list-tbl td{height:40px; border-bottom:1px solid #ccc; text-align:center;color:#555; font-size:13px; }
.board-list-tbl th{background-color:#fff; font-weight:500;}
.board-list-tbl td{border-left:1px solid #ccc; font-weight:400}
.board-list-tbl td:first-child{border-left:0;}
.board-list-tbl td.subject{text-align:left; text-indent:15px;}
.board-list-tbl tr:hover td{background-color:#fff;}
.board-list-tbl td a{display:block; height:40px; line-height:40px;}
/* 갤러리2 리스트 */
.board-gallery-list{}
.board-gallery-list li{position:relative; float:left; width:253px; border:1px solid #ccc; background-color:#fff;/* margin-left:7px;*/ margin-right:5px; margin-bottom:8px;}
.board-gallery-list li.mar0{margin-left:0}
.board-gallery-list li .gallery-thum{display:block; width:100%; height:178px;}
.board-gallery-list li .gallery-thum img{width:100%; height:178px;}
.board-gallery-list li .gallery-name{display:block; height:38px; line-height:38px; width:90%; padding:0 5%; font-size:15px; margin:0px auto; border-top:1px solid #ccc; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gallery-cover{display:none; position:absolute; top:0px; left:0px; width:90%; padding:0 5%; height:178px; line-height:178px; text-align:center; color:#fff; font-size:15px; background:url(/kr/images/content/gallery_cover.png) repeat}
.gallery-cover:hover{color:#fff;}
/* 게시판 상단(검색) */
.board-top{padding-bottom:12px;}
.board-top .board-total-num{float:left; color:#555; font-size:13px; font-weight:400; line-height:30px;}
.board-top .board-search-box{float:right; width:270px; border-bottom:2px solid #777; padding-bottom:3px;}
.board-top .board-search-box select{border:1px solid #ccc; height:25px; font-size:12px; font-family:"돋움",dotum; color:#aaa;}
.board-top .board-search-box input[type="text"]{ color:#aaa; height:19px; width:170px; padding-left:10px;border:none; background-color:#eee}
/* 게시판 뷰 */
.board-view-tbl{position:relative;width:100%;}
.board-view-tbl th.board-subject{padding:15px 20px 15px 15px; background-color:#fff; text-align:left; border-top:1px solid #777 ; font-weight:500; font-size:20px;}
.board-view-tbl th.board-subject p{}
.board-view-tbl th.board-subject .file{float:right; font-weight:400; font-size:12px; font-family:"돋움",dotum; color:#222; margin-right:20px}
.board-view-tbl th.board-subject .file:hover{color:#000; text-decoration:underline;}
.board-view-tbl th.board-subject button {border:1px solid #aaa;border-radius:5px;padding:5px 10px;background-color:#fff;position:Absolute;top:16px;right:15px;}
.board-view-tbl td{border-bottom:1px solid #ddd;}
.board-view-tbl td.board-info{height:40px; text-align:right;}
.board-view-tbl td.board-gallery{padding:15px 0px}
.board-view-tbl td.board-info span{margin-right:40px; font-size:12px; font-weight:400}
.board-view-tbl td.content{padding:20px;}
.board-button-controls{padding:20px 0; overflow:hidden;}
.board-button-controls ul,.board-button-controls ul li{float:left; }
.board-button-controls .to-list{float:right; }
.board-button-controls a{display:block; width:85px; height:35px; border:1px solid #aaa; text-align:center; background-color:#fff; line-height:35px;  /*font-family:'Titillium Web'*/; font-weight:500;border-radius:5px;}
/* -------- board-paging -------- */
.board-paging{padding:30px 0; text-align:center;}
.board-paging a{display:inline-block; width:23px; height:23px; line-height:23px;border:1px solid #ccc; background-color:#fff; color:#999; font-family:"돋움",dotum;}
.board-paging a.cur{border:1px solid #444; background-color:#555;  color:#fff; }

/*에디터 리사이즈*/
#imgResize img { max-width:100%; height:auto;}

/* -------- 갤러리 롤링 플러그인 css -------- */
#gallery {margin:0;}
#descriptions {position: relative;width: 760px;overflow: hidden; }
#descriptions .ad-image-description {position: absolute;}
#descriptions .ad-image-description .ad-description-title {display: block;}

.ad-gallery {width:780px;}
.ad-gallery, .ad-gallery * {margin: 0;padding: 0;}
.ad-gallery .ad-image-wrapper {position: relative;width: 780px;height: 500px;overflow: hidden;margin:0 auto;padding:0;}
.ad-gallery .ad-image-wrapper .ad-loader {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  border: 1px solid #ccc;
}
.ad-gallery .ad-image-wrapper .ad-next {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  cursor: pointer;
  display: block;
  z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  cursor: pointer;
  display: block;
  z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
  /* Or else IE will hide it */
  background: url(/images/gallery/non-existing.jpg)\9
}
  .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
	background: url(/images/gallery/ad_prev.png);
	width: 38px;
	height: 66px;
	display: none;
	position: absolute;
	top: 43%;
	left: 5%;
	z-index: 101;
  }
  .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
	background: url(/images/gallery/ad_next.png);
	width: 38px;
	height: 66px;
	right: 10%;
	left: auto;
  }
.ad-gallery .ad-image-wrapper .ad-image {
  position: absolute;
  overflow:hidden;
  top:0;
  left:0;
  margin-left:-5px;
  z-index: 9;
}
  .ad-gallery .ad-image-wrapper .ad-image a img {border: 0;}
  .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	position: absolute;
	bottom:0px;
	left:0;text-align: left;
	width:100%;z-index: 2;
	background-color:rgba(255,255,255,0.5);
	padding:15px;color: #000;
  }
  * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='/images/gallery/opa75.png');
  }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {display: block;}
.ad-gallery .ad-controls {height: 20px; padding-left:20px;}
.ad-gallery .ad-info {float: left;}
.ad-gallery .ad-slideshow-controls {float: right;display:none !Important;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {padding-left: 5px;cursor: pointer;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {padding-left: 5px;font-size: 0.9em;}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {cursor: default;font-style: italic;}
.ad-gallery .ad-nav {
width: 100%;position: relative;
}
.ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute; top: 0;height: 100%;z-index: 10;
}
/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {height: 100px;}
.ad-gallery .ad-back {
  cursor: pointer;
  left:10px;
  width: 13px;
  display: block;
  background: url(/images/gallery/ad_scroll_back.png) 0px 32px no-repeat;
}
.ad-gallery .ad-forward {
  cursor: pointer;
  display: block;
  right:20px;
  width:13px;
  background: url(/images/gallery/ad_scroll_forward.png) 0px 32px no-repeat;
}
.ad-gallery .ad-nav .ad-thumbs {
  overflow: hidden;
  /*width: 100%;*/
  width:760px;
  margin-left:5px;
}
.ad-gallery .ad-thumbs .ad-thumb-list {margin:5px auto 0; overflow:hidden;}
.ad-gallery .ad-thumbs li {float: left;width:109px;}
.ad-gallery .ad-thumbs li a {display: block;}
.ad-gallery .ad-thumbs li a img {border: 3px solid #eee;}
.ad-gallery .ad-thumbs li a.ad-active img {border: 3px solid #c74a1a;}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {position: absolute;left: -9000px;top: -9000px;}