@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브 관련 CSS
 * date : 2017-07-19
******************************************************** */

/* ******************  공통 ********************** */
/* 공통 :: 타이틀*/
.content-title{color:#000; font-weight:600; font-size:15px; text-align:center; padding-bottom:12px;}

/* 공통 :: 탭 */
.prd-category-tab-list ul{overflow:hidden;}
.prd-category-tab-list ul li{float:left; width:25%;}
.prd-category-tab-list.tab-col5 ul li{width:20%;}
.prd-category-tab-list ul li a{display:block; text-align:center; background-color:#0c284f;}
.prd-category-tab-list ul li a span{display:inline-block; height:38px; line-height:38px; letter-spacing:-0.5px; border-bottom:2px solid #0c284f; font-size:13px; color:#fff; }
.prd-category-tab-list.tab-col5 ul li a span{font-size:11px;}
.prd-category-tab-list ul li.selected a{background-color:#fff;}
.prd-category-tab-list ul li.selected a span{color:#0c284f}
.prd-category-brand-con{padding-top:15px; background-color:#fff;}

/* 공통 :: 레이아웃 */
.prd-rolling-container{overflow:hidden; position:relative;}
.horizon-swiper, .horizon-swiper *, .horizon-swiper :after, .horizon-swiper :before{box-sizing:content-box !important; }
.horizon-swiper .horizon-inner{text-align:left !important;}
.area-overflow{width:97%; padding-left:3%; }

/* 공통 :: 로딩모션 */
.loading-box{position:fixed; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000; display:none;}
.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(179, 179, 179, 0.31);
  border-radius: 50%;
  border-top-color: rgba(53, 145, 215, 0.52);
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
/* ******************  공통 :: 제품 리스트 ********************** */
.touch-list-txt{ position:absolute; bottom:0px; right:0px;padding:11px 10px; background-color:rgba(0,51,102,0.7); color:#fff; font-size:13px; font-weight:600; z-index:99;}
.list-more-btn{display:block; width:100%; height:48px; line-height:48px; color:#777; font-size:13px; text-align:center; background-color:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.list-more-btn strong{color:#3591d7; font-size:15px; margin-left:5px; 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;}
/* -------- 제품 리스트 01 -------- */
.product-list .prd-list-item{margin-bottom:10px;}
.product-list .prd-list-item a{display:block; background-color:#fff; border:1px solid #ddd}
.product-list .prd-list-item .prd-list-top-info{overflow:hidden; padding:10px 3%;  }
.product-list .prd-list-item .prd-list-left-info{display:inline-block; width:calc( 100% - 135px ); vertical-align:middle;}
.product-list .prd-list-item .prd-list-left-info .prd-brand-logo img{width:30px; height:30px;}
.product-list .prd-list-item .prd-list-left-info .prd-name{
	overflow:hidden; display:block; height:40px; margin:10px 0px 7px; color:#333; font-size:16px; line-height:20px; letter-spacing:-0.5px; word-break:keep-all;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; 
}
.product-list .prd-list-item .prd-list-left-info .prd-price{
	color:#3eb135; font-size:15px; letter-spacing:-0.5px; 
	font-family: 'Poppins', 'Noto Sans KR',"나눔고딕", 'Noto Sans CJK KR', NanumGothic, "Nanum Gothic", "맑은 고딕", Malgun Gothic, "돋움", Dotum, Tahoma, Verdana, Calibri, Arial, sans-serif;
}
.product-list .prd-list-item .prd-list-left-info .prd-price .prd-sub-price{display:block; color:#999; font-size:10px; font-weight:400; padding-top:5px;}
.product-list .prd-list-item .prd-list-right-info{display:inline-block; width:130px; vertical-align:middle;}
.product-list .prd-list-item .prd-list-right-info img{width:100%;}
.product-list .prd-list-item .prd-list-bottom-info{padding:8px 3%; line-height:14px; border-top:1px solid #ddd; color:#777; font-size:11px; letter-spacing:-0.25px;}

/* -------- 제품 리스트 02 -------- */
.product-list2{ }
.product-list2 .prd-list-item{position:relative; width:128px; border:1px solid #ddd; margin-right:10px; text-align:left; background-color:#fff;}
.product-list2 .prd-list-item a{display:block; padding:23px 5%;}
.product-list2 .prd-list-item span,.product-list2 .prd-list-item strong{display:block;}
.product-list2 .prd-list-item img{width:100%;}

.product-list2 .prd-list-item .prd-brand-logo{position:absolute; top:5px; right:8px; }
.product-list2 .prd-list-item .prd-brand-logo img{width:26px;}
.product-list2 .prd-list-item .prd-name{padding:18px 0 8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333; font-size:12px; font-weight:600; letter-spacing:-0.5px;}
.product-list2 .prd-list-item .prd-price{
	color:#3eb135; font-size:13px; letter-spacing:-0.5px; padding-bottom:10px; 
	font-family: 'Poppins', 'Noto Sans KR',"나눔고딕", 'Noto Sans CJK KR', NanumGothic, "Nanum Gothic", "맑은 고딕", Malgun Gothic, "돋움", Dotum, Tahoma, Verdana, Calibri, Arial, sans-serif;
}
.product-list2 .prd-list-item .prd-spec-info{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:14px; color:#777; font-size:10px; letter-spacing:-0.25px;}

/* ******************  공통 :: 브랜드 리스트 , 구분리스트 ********************** */
.brand-category-con{position:relative;}
.brand-category-tab-con{width:100%;}
.brand-category-tab-con ul{}
.brand-category-tab-con ul li{float:left;  width:50%; text-align:center; line-height:30px;}
.brand-category-tab-con ul li a{display:block; height:100%; background-color: #eee; border: 1px solid #ddd; color:#888;}
.brand-category-tab-con ul li:first-child a{border-right:0;}
.brand-category-tab-con ul li.selected a{background-color:#fff; color:#333; font-weight:500; border-bottom-color:#fff;}
.brand-con-list-box{position:relative; overflow:hidden; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:10px; z-index:1}
.brand-list-con{margin-right:20%}
.brand-list-con ul{overflow:hidden; }
.brand-list-con ul li{float:left; width:25%;}
.brand-list-con ul li a{display:block; /* width:70%; padding:15%; */ padding-top:5px; text-align:center; border-left:1px solid #ddd; }
.brand-list-con ul li:nth-child(-n+4) a{border-bottom:1px solid #ddd;}
.brand-list-con ul li span.brand-logo-img{display:block; width:56px; height:56px; margin:0px auto 5px;}
.brand-list-con ul li img{display:inline; width:100%; vertical-align:top; }
.brand-list-con ul li span.brand-name{display:block; width:94%; padding:0 3%; margin:0px auto; height:30px; line-height:30px; font-size:12.5px; color:#888; font-weight:400; letter-spacing:-0.5px;background-color:#f2f2f2; border-top:1px solid #ddd; }
.brand-list-controls{position:absolute; right:0px; top:0px;width:20%; height:100%; cursor:pointer; border:0; cursor:pointer; z-index:99; background-color:#ccc;}
.brand-list-controls button {width:100%; height:50%;}
.brand-list-controls button.brand-prev{top:0; border-bottom:1px solid rgba(255,255,255,0.5); box-sizing:border-box;}
.brand-list-controls button.brand-next{bottom:0; }
.brand-list-controls button:focus{outline:none;}
.brand-list-controls button i{font-size:40px; color:#fff;}
.division-con-list-box{width:100%;top:0px; left:0px; height:120px !important;  padding-top:40px; z-index:2; display:none;}
.division-con-list-box ul{overflow:hidden; height:120px !important; border:1px solid #ddd;}
.division-con-list-box ul li{float:left; width:50%; height:40px; line-height:40px; border-top:1px solid #ddd; box-sizing:border-box;}
.division-con-list-box ul li:nth-child(1),.division-con-list-box ul li:nth-child(2){border-top:0;}
.division-con-list-box ul li:nth-child(even){border-left:1px solid #ddd;}
.division-con-list-box ul li a{display:block; padding:0 10%;color:#555; font-weight:400;}
.division-con-list-box ul li a strong{font-weight:600;}
.division-list-controls{position:absolute; top:37px; right:5px; }
#sideBrandCon .division-list-controls{top:24px;}
.division-list-controls .total-num-txt{display:inline-block; line-height:55px; vertical-align:middle; padding-right:10px;}
.division-list-controls button{vertical-align:middle; background-color:#fff; border:1px solid #ddd; width:30px; height:30px; line-height:28px; }
.division-list-controls button:focus{outline:none;}
.division-list-controls button.division-next{margin-left:-4px}
.division-con-list-box .slick-arrow{position:absolute; top:5px; right:5px; width:30px; height:30px; line-height:28px; cursor:pointer; border:0; cursor:pointer; z-index:99; background-color:#fff; border:1px solid #ddd;}
.division-con-list-box .slick-arrow:focus{outline:none;}
.division-con-list-box .slick-arrow i{font-size:24px; color:#ccc;}
.division-con-list-box .slick-arrow.slick-prev{margin-right:29px}
.division-con-list-box .slick-arrow.slick-next{}
/* ******************  공통 :: 추천제품,인기모델,최신모델 ********************** */
.model-category-tab-con{width:100%;}
.model-category-tab-con ul{}
.model-category-tab-con ul li{float:left;  width:33.33%; text-align:center; line-height:30px;}
.model-category-tab-con ul li a{display:block; height:100%; background-color: #eee; border: 1px solid #ddd; border-left:0; color:#888; border-top:0;}
.model-category-tab-con ul li.selected a{background-color:#fff; color:#333; font-weight:500; border-bottom-color:#fff;}
.product-sort-con-wrapper{ padding-bottom:28px; }
.product-sort-con-wrapper .product-list .prd-list-item a{border:0;}
#productSortCon  .slick-arrow{position:absolute; top:3px; cursor:pointer; border:0; cursor:pointer; z-index:99; }
#productSortCon  .slick-arrow i{font-size:40px; color:#9b9b9b;}
#productSortCon  .slick-arrow.slick-prev{left:1%; }
#productSortCon  .slick-arrow.slick-next{right:1%; }
.product-sort-con-wrapper:focus{outline:none;}
.product-sort-con-wrapper .content-title{height:45px; line-height:45px; padding-bottom:0;}
.product-sort-rolling-inner{background-color:#fff; border-bottom:1px solid #ddd;}
#productSortCon .product-list .prd-list-item{margin-bottom:0;}
#productSortCon .product-list .prd-list-item a{border-bottom:0;}
#productSortCon .product-list .prd-list-item a:focus{outline:none;}

/* 롤링제품 dot 버튼 */
.product-sort-rolling-inner .slick-dots{position:absolute; width:100%; left:0; bottom:-14px; text-align:center;}
.product-sort-rolling-inner .slick-dots li{display:inline-block; margin:0 2px ; }
.product-sort-rolling-inner .slick-dots li button{
	cursor:pointer; margin:0px; padding:0px; background:none; font-size:0; width:25px; height:5px; background-color:#fff;
}
.product-sort-rolling-inner .slick-dots li.slick-active button{background-color:#3591d7;}		/* 버튼 active */

/* ******************  제품 페이지 ********************** */
/* -------- 제품 리스트  -------- */
/* 제품리스트 :: 상단 */
.prd-list-sort-top .sort-con1{margin-bottom:10px;}
.prd-list-sort-top select{
	float:left; 
	width:33.33%;
	height:38px;
	border: 1px solid #ddd;
	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:14px;
	color:#272727;
	font-weight:300;
	cursor:pointer;
	text-indent:10px;
}
.prd-list-sort-top .sort-con1 select:first-child{border-left:1px solid #ddd;}
.prd-list-sort-top .sort-con2{margin-bottom:10px;}
.prd-list-sort-top .sort-con2 select{width:28%; border-left:1px solid #ddd; max-width:120px; height:26px;font-size:12px;}
.prd-list-sort-top .sort-con2 .sort-change-con{float:right; width:70%; text-align:right;}
.prd-list-sort-top .sort-con2 .sort-change-con li{display:inline-block; line-height:26px; padding-left:2%;}
.prd-list-sort-top .sort-con2 .sort-change-con li i{font-size:20px; color:#aaa;}
.prd-list-sort-top .sort-con2 .sort-change-con li span{vertical-align:top; font-size:13px; color:#333; }
.prd-list-sort-top .sort-con2 .sort-change-con li.on i{color:#3591d7;}

/* 제품리스트 :: 리스트 */
#productList .content-title{text-align:left;}

/* 브랜드리스트 :: 비주얼 */
#visual .visual-info-con .brand-top-logo{display:table-cell; vertical-align:middle; height:100%; width:60px;  background-color:#fff; text-align:center; }
#visual .visual-info-con .brand-top-logo img{width:42px;}

/* 브랜드리스트 :: 상단 */
#brandTopCon{position:relative; padding-bottom:50px;}
.brand-img-list .brand-img-item img{width:100%;}
.brand-img-list .slick-arrow{position:absolute; top:50%; width:40px; height:40px; margin-top:-20px; cursor:pointer; border:0; cursor:pointer; z-index:99; opacity:0.7;filter:Alpha(opacity=70);}
.brand-img-list .slick-arrow i{font-size:40px; color:#fff;}
.brand-img-list .slick-arrow.slick-prev{left:0; }
.brand-img-list .slick-arrow.slick-next{right:0; }
.brand-img-list .slick-dots{position:absolute; width:92%;left:4%; bottom:-29px; text-align:left;}
.brand-img-list .slick-dots li{display:inline-block; margin:0 2px ; }
.brand-img-list .slick-dots li button{
	cursor:pointer; margin:0px; padding:0px; background:none; font-size:0; width:25px; height:5px; background-color:#fff;
}
.brand-img-list .slick-dots li.slick-active button{background-color:#3591d7;}		/* 버튼 active */
.brand-top-con-editor{overflow:hidden; width:100%; min-height:300px;}
.brand-top-con-editor img{max-width:100%;}
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.to-brand-homepage{position:absolute; right:3%; top:50%; margin-top:-15px; width:120px; height:30px; line-height:30px; background-color:rgba(62,177,53,0.7); color:#fff; text-align:center; }
.to-brand-homepage span{vertical-align:middle;}
.to-brand-homepage i{vertical-align:middle;}

/* -------- 제품 뷰페이지  -------- */
#productDetailCon{background-color:#fff;}
/* 제품상세 :: 상단 */
#productTopCon{position:relative; width:100%; border-bottom:1px solid #0c284f;}
#productTopCon .prd-photo-con{padding:40px 0 28px; width:100%; max-width:208px; margin:0px auto;}
#productTopCon .prd-photo-con img{width:100%;}
#productTopCon .prd-brand-logo{position:absolute; top:20px; right:3%; }
#productTopCon .prd-brand-logo img{width:26px;}
.prd-spec-info-con{padding:15px 3%; border-top:1px solid #ddd;}
.prd-spec-info-con .prd-name{color:#333; font-size:16px; font-weight:600; letter-spacing:-0.5px; line-height:21px; padding-bottom:15px;}
.prd-spec-tbl{width:100%;}
.prd-spec-tbl th,.prd-spec-tbl td{padding:4px 0;}
.prd-spec-tbl th{text-align:left; font-weight:400;}
.prd-spec-tbl td strong{font-weight:400; color:#3591d7;}

/* 제품상세 :: 하단 */
.prd-detail-tab-content{padding:15px 0}
.tab-inner-content{padding-bottom:20px;}
.prd-detail-tab-tit{color:#333; font-size:15px; padding-bottom:15px; font-weight:600;}
.prd-detail-tab-tit span{color:#aaa; font-size:10px; letter-spacing:-0.5px;}
.prd-detail-tab-content .prd-spec-tbl {border:1px solid #ddd;}
.prd-detail-tab-content .prd-spec-tbl th, .prd-detail-tab-content .prd-spec-tbl td{border-bottom:1px solid #ddd; padding:10px 2%;}
.prd-detail-tab-content .prd-spec-tbl th{background:#eee; border-right:1px solid #ddd;}

/* 멀티미디어 */
.multi-list{overflow:hidden;}
.multi-list li{position:relative; float:left; width:50%; padding-top:38%;}
.multi-list li img{position:absolute; top:0; left:0px; width:100%; }
.multi-list-rolling img{width:100%;}
.multi-list-rolling a:focus,.multi-list-rolling:focus{outline:none;}
.multi-media-rolling-container .swiper-prev-btn,.multi-media-rolling-container .swiper-next-btn{position:absolute; top:50%; width:40px; height:40px; margin-top:-20px; cursor:pointer; border:0; cursor:pointer; z-index:99; font-size:0;background-color:rgba(0,0,0,0.5); color:#fff; }
.multi-media-rolling-container .swiper-prev-btn{left:0;  }
.multi-media-rolling-container .swiper-next-btn{right:0; }

/* 제원 */
.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:12px; text-align:left; border-left:1px solid #ccc; font-weight:400; line-height: 14px; word-break: keep-all;}
.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}

/* 판매,서비스망 */
.service-network-tit{font-weight:600; color:#333; font-size:18px; letter-spacing:-0.5px; border-bottom:1px solid #000; padding-bottom:10px; margin-bottom:12px;}
.service-network-list-con{margin-bottom:10px;}
.service-network-sub-tit{font-weight:500; color:#333; letter-spacing:-0.5px; font-size:16px; margin-bottom:10px;}
.service-network-list > li{margin-bottom:10px; border:1px solid #ddd}
.service-network-list > li > p{position:relative; padding:10px 2%; letter-spacing:-0.5px; line-height:18px;}
.service-network-list > li > p i{font-size:16px; vertical-align:middle; margin-top:-2px;}
.service-network-list > li .network-name{overflow:hidden; border-bottom:1px solid #ddd; background-color:#eaeff5; vertical-align:middle;}
.service-network-list-con2 .service-network-list > li .network-name{background-color:#f0e9f4}
.service-network-list > li .network-name strong{display:inline-block; width:70%; color:#333; font-size:13px; ; font-weight:400; vertical-align:middle;}
.service-network-list > li .network-name span{display:inline-block; width:28%; text-align:right; font-size:12px; }
.service-network-list > li .network-address i{position:absolute; top:12px; left:2%;}
.service-network-list > li .network-address strong{display:block; padding-left:15px; color:#333; font-size:13px; font-weight:400; word-break:keep-all; }

/* ******************  뉴스 ********************** */
/* 뉴스 :: 헤드라인 */
.relate-news-headline-con{border:1px solid #ddd; margin-bottom:10px;}
.relate-news-headline-con a{overflow:hidden;}
.relate-news-headline-con .news-left-photo-con{float:left; width:128px;  height:128px; vertical-align:middle}
.relate-news-headline-con .news-left-photo-con img{width:100%; height:100%;}
.relate-news-headline-con .news-right-info-con{float:left; width:calc( 100% - 170px ); height:108px; padding:10px 20px; vertical-align:middle}
.relate-news-headline-con .news-right-info-con .news-tit{overflow:hidden; max-height:36px; color:#333; font-size:14px; font-weight:600; line-height:18px; letter-spacing:-0.5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:keep-all}
.relate-news-headline-con .news-right-info-con .news-txt{overflow:hidden; max-height:44px; margin:7px 0; color:#777; font-size:12px; line-height:14px; letter-spacing:-0.3px; display: -webkit-box; -webkit-line-clamp: 3; }
.relate-news-headline-con .news-right-info-con .news-date{color:#aaa; font-size:10px; line-height:14px; letter-spacing:-0.3px;}

/* 뉴스 :: 리스트 */
.news-list{}
.news-list .news-list-item{position:relative; width:128px; border:1px solid #ddd; margin-right:10px; text-align:left;}
.news-list .news-list-item a{display:block; }
.news-list .news-list-item span,.news-list .news-list-item strong{display:block;}
.news-list .news-list-item .news-thum{position:relative; height:0; padding-top:68%;}
.news-list .news-list-item img{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.news-list .news-list-item .news-info-con{padding:10px 5%;}
.news-list .news-list-item .news-tit{overflow:hidden; height:28px; color:#333; font-size:12px; font-weight:600; letter-spacing:-0.5px; line-height:14px; display: -webkit-box; -webkit-line-clamp: 2;  word-break:keep-all; white-space:normal;}
.news-list .news-list-item .news-txt{overflow:hidden; height:44px; margin:11px 0; display: -webkit-box; -webkit-line-clamp: 3; color:#777; font-size:12px; line-height:14px; letter-spacing:-0.3px;  word-break:keep-all; white-space:normal;}
.news-list .news-list-item .news-write-info{overflow:hidden;  color:#aaa; font-size:10px; letter-spacing:-0.25px;}
.news-list .news-list-item .news-write-info span{float:left; width:50%;}
.news-list .news-list-item .news-write-info .writer-name{text-align:right;}

/* 뉴스 :: 리스트 :: 밑으로 나열 */
.news-list-no-swiper.news-list .news-list-item{float:left; width:49%; border:0; margin:0; margin-right:1%; margin-bottom:2%;}
.news-list-no-swiper.news-list .news-list-item:nth-child(even){margin-right:0; margin-left:1%;}
.news-list-no-swiper.news-list .news-list-item a{border:1px solid #ddd;}
/* ******************  모델비교 ********************** */
#modelCompareCon{overflow:hidden; position:relative; padding:15px 0 0 80px; background-color:#fff; }
#compareSelectHead, #compareResultHead{position:absolute; left:0; width:70px; border:1px solid #ddd; z-index:99 }
#compareSelectHead{top:15px; height:285px; background-color:#eee }
#compareResultHead{top:312px; border-right:0;}
#compareSelectHead table, #compareResultHead table{width:100%;}
#compareSelectHead th{color:#333; font-size:13px; line-height:16px; font-weight:500;}
#compareSelectHead th.header1{height:145px; padding:0 5px; border-bottom:1px solid #ddd; word-break:keep-all;}
#compareSelectHead th.header2{height:140px;}
#compareResultHead th{height:40px; text-align:center; background:#f0e9f4; color:#333; font-size:13px; font-weight:500; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
#compareResultHead .basic-jewon th{background:#eaeff5}
#modelCompareCon .compare-slide{width:160px;}

/* 모델비교 :: 상단 */
#modelSelectContent,#modelCompareResultContent{margin-bottom:10px; border-right:0;}
.model-select-table-con,.model-result-table-con{border:1px solid #ddd; }
.model-select-table-con{margin-bottom:10px;}
.model-select-table-con:first-child,.model-result-table-con:first-child{margin-left:0;}

/* 모델비교 :: 상단 :: 선택영역 */
.compare-select-prd-tbl,.compare-result-col-tbl{width:100%; }
.compare-select-prd-tbl td,.compare-result-col-tbl td{border-top:1px solid #ddd;}
.compare-select-prd-tbl tr:first-child td,.compare-result-col-tbl tr:first-child td{border-top:0;}
.compare-selet-thum{position:relative; padding:15px 5%}
.compare-selet-thum .prd-thum{display:block; }
.compare-selet-thum .prd-thum img{width:100%;}
.compare-selet-thum .prd-thum-logo{position:absolute; top:5px; right:5px;}
.compare-selet-thum .prd-thum-logo img{width:26px}
.compare-selet-thum .prd-name{display:block; width:95%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; font-weight:400; letter-spacing:-0.5px; text-align:center; color:#aaa;}
.compare-selet-thum .prd-name.select-name{color:#333; text-align:left;}
.compare-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;

}

/* 모델비교 :: 상단 :: 결과영역 */
.compare-result-col-tbl td{height:40px; padding:0 5%; color:#777; font-size:12px; letter-spacing:-0.5px; line-height:16px;  vertical-align:middle; }
.compare-result-col-tbl td span{overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/* 모델비교 :: 하단 */
#modelCompareRelateCon{padding-top:20px; background-color:#fff;}
#modelCompareRelateCon .model-compare-relate-con{padding-bottom:25px;}


/* ******************  검색 ********************** */
#searchResultCon{background-color:#fff;}
/* 상단 탭 */
#searchCategorytab ul {overflow:hidden;}
#searchCategorytab ul li{float:left; width:50%;}
#searchCategorytab ul li a{display:block; height:40px; line-height:40px; color:#333; font-size:16px; background-color:#ddd; text-align:center;}
#searchCategorytab ul li.selected a{background-color:#fff;}
/* 검색 결과 :: 문구 */
.search-result-list-wapper .search-result-txt{padding:21px 2% 10px; text-align:center; color:#333; font-size:18px; font-weight:400; line-height:30px; word-break:keep-all;}
.search-result-list-wapper .search-result-txt strong{font-weight:600; border-bottom:1px solid #333; }
.search-result-list-wapper .search-result-txt b{color:#3591d7;}
/* 검색 결과 :: 탭 */
.search-result-tab-con{}
.search-result-tab-con ul{overflow:hidden; border:1px 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:1px 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:#333; font-size:13px; letter-spacing:-0.5px; padding-bottom:18px;}
.search-result-tab-con ul li dd{font-size:20px; font-weight:600; letter-spacing:-0.5px; color:#aaa;}
.search-result-tab-con ul li a dd{color:#3591d7;}
/* 검색 결과 :: 리스트 */
.search-result-list-con{padding:15px 0 50px;}
.search-result-list-con .content-title{text-align:left; padding-left:3%;}


/* ******************  회사소개 ********************** */
#companyContent{padding:0px 0 50px 0; background-color:#fff;}
.design-con-tit{padding-left:30px; background:url(/m/images/icon/bullet_tit.png) no-repeat 0 0; background-size:auto 15px; padding-bottom:15px; color:#555; font-size:14px; letter-spacing:-0.35px; font-weight:600;}

/* -------- 회사소개 :: 발자취 -------- */
.history-list-box{padding:20px 0;}
.history-list-box > li{padding-bottom:30px;}
.history-list-box > li.history-img{padding-right:140px; background-repeat:no-repeat; background-position:100% 0; background-size:125px auto}
.history-list-box > li .history-item .year{color:#8ab1ce; font-size:15px; letter-spacing:-0.3px; font-weight:600; padding-bottom:13px;}
.history-list-box > li .history-item .month{overflow:hidden; position:relative; color:#555; font-size:12px; letter-spacing:-0.3px; line-height:16px; padding-bottom:10px; word-break:keep-all}
.history-list-box > li .history-item .month dt{width:30px; position:absolute; top:0px; left:0px;}
.history-list-box > li .history-item .month dd{padding-left:35px;}

/* -------- 회사소개 :: 주요발간사업 -------- */
#businessCon{padding-top:16px;}
.business-con{border:1px solid #ccc; margin-bottom:10px; padding:15px 3%; background-color:#fff; position:relative;}
.business-con h1{color:#8ab1ce; font-size:16px; font-weight:600; margin-bottom:15px;}
.business-con .business-txt{font-size:13px; line-height:17px; color:#555; padding-bottom:10px; word-break:keep-all;}
.business-con .business-txt strong{color:#0066b3; font-weight:400}
.business-con .business-txt b {font-weight:400;color:#9d3b21}
.business-con .business-txt span {font-weight:400;color:#2b6e16}
.business-list{font-size:11px;color:#555}
.business-list li{margin-bottom:10px; padding-left:12px; line-height:14px;background:url(/images/icon/business_dot.gif) no-repeat 0 3px; background-size:7px auto}
.business-icon{position:absolute; top:16px; right:16px; width:72px; height:25px; color:#555; font-size:12px; line-height:25px; text-align:center; background-color:#ddd; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}

/* -------- 회사소개 :: 오시는길 -------- */
#mapWrapper{overflow:hidden; position:relative; width:100%; margin:0px auto; height:300px; border:1px solid #ddd;}
#mapWrapper #mapCon{position:absolute; top:0px; left:50%; width:1000px; height:300px; margin-left:-500px;}	/* width : 지도의 가로값과 동일 , margin-left: 지도가로의 반값 */
.map-tbl-con{padding:30px 0;}
.location-list > li{padding-bottom:20px;}
.location-list > li > dl > dt{font-size:14px; font-weight:600; padding-bottom:6px; color:#555; font-size:14px;}
.location-list > li > dl > dt span{}
.location-list > li > dl > dt span i{vertical-align:middle; font-size:18px; }
.location-list > li > dl > dd{padding-top:15px; color:#333; font-size:14px; line-height:20px; word-break:keep-all;}
.location-list > li > dl > dd p{overflow:hidden; color:#555;}
.location-list > li > dl > dd p strong{font-weight:400; float:left; width:60px;}
.location-list > li > dl > dd p span{float:left; width:calc(100% - 60px)}
.location-list > li > dl > dd .bus-info{display:block; position:relative; margin-bottom:10px; padding-left:45px;}
.location-list > li > dl > dd .train-info{display:block; position:relative; margin-bottom:5px; }
.location-list > li > dl > dd em{position:absolute; top:0px; left:0px; color:#fff; padding:2px 7px; margin-right:5px; font-size:12px;}
.location-list > li > dl > dd .train-info em{position:static; width:20px; height:20px; text-align:center;}
.location-list > li > dl > dd .car-come {display:block; color:#b75353; font-weight:600;}
/* -------- 회사소개 :: CI -------- */
.ci-con{margin-bottom:25px;}
.ci-con p{color:#555; font-size:12px; letter-spacing:-0.35px; line-height:17px;}


/* *********************** 영문 사이트 CSS (180418) ************************ */
/* -------- 영문사이트 :: 공통 -------- */
#boardContentWrap{padding:0 15px}

/* ******************   뉴스  ********************** */
#newsListWrap{padding:0 15px}
/* 뉴스 :: 상단 */
#newsTopHeadlineCon{width:100%; margin:0 auto 30px;}
#newsTopHeadlineCon > ul{overflow:hidden; position:relative;}
#newsTopHeadlineCon > ul .news-top-item{float:left; }
#newsTopHeadlineCon > ul .news-top-item a{display:block; overflow:hidden; position:relative;}
#newsTopHeadlineCon > ul .news-top-item-2col a{float:left; width:49%; margin-left:1%;}
#newsTopHeadlineCon > ul .news-top-item-2col a:first-child{margin-left:0; margin-right:1%;}
#newsTopHeadlineCon > ul .news-top-item a .news-thumb-con{overflow:hidden; display:block; width:100%; padding-top:70.3%; position:relative;}
#newsTopHeadlineCon > ul .news-top-item-2col  a .news-thumb-con{padding-top:143.5%}
#newsTopHeadlineCon > ul .news-top-item a .news-thumb-con img{position:absolute; top:0px; left:0px; width:100%; height:100%; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
#newsTopHeadlineCon > ul .news-top-item a .news-category{position:absolute; top:0px; left:0px;width:45px; height:20px; line-height:20px; font-size:12px; letter-spacing:-0.75px; font-weight:400; text-align:center; color:#fff; background-color:#c74a1a;}
#newsTopHeadlineCon > ul .news-top-item a .icon-controls{position:absolute; top:0px; right:0px;}
#newsTopHeadlineCon > ul .news-top-item a .new-icon{/* position:absolute; top:0px; right:0px; */ display:block; width:45px; height:20px; line-height:20px; font-size:12px; letter-spacing:-0.75px; font-weight:400; text-align:center; color:#fff; background-color:#16abd6;}
#newsTopHeadlineCon > ul .news-top-item a .hot-icon{/* position:absolute; top:20px; right:0px;*/ display:block; width:45px; height:20px; line-height:20px; font-size:12px; letter-spacing:-0.75px; font-weight:400; text-align:center; color:#fff; background-color:#c74a1a;}
#newsTopHeadlineCon > ul .news-top-item a .news-txt{position:absolute; bottom:0px; left:0px; right:0px; padding:10px; font-size:14px; letter-spacing:-0.5px; font-weight:400; background-color:#333; color: #fff; line-height:16px;background-color:rgba(0,0,0,0.5); font-family: 'Poppins','Noto Sans KR',"나눔고딕", 'Noto Sans CJK KR', NanumGothic, "Nanum Gothic", "맑은 고딕", Malgun Gothic, "돋움", Dotum, Tahoma, Verdana, Calibri, Arial, sans-serif;}
#newsTopHeadlineCon > ul .big-news-item a .news-txt{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#newsTopHeadlineCon > ul .news-top-item a:hover .news-thumb-con img{
	-ms-transform: scale(1.1) rotate(0.02deg);
  -o-transform: scale(1.1) rotate(0.02deg);
  -moz-transform: scale(1.1) rotate(0.02deg);
  -webkit-transform: scale(1.1) rotate(0.02deg);
  transform: scale(1.1) rotate(0.02deg);	
}
#newsTopHeadlineCon .slick-arrow{position:absolute; top:50%; width:40px; height:40px; margin-top:-20px; cursor:pointer; border:0; cursor:pointer; z-index:99; background-color:rgba(255,255,255,0.15);}
#newsTopHeadlineCon .slick-arrow i{font-size:40px; color:#fff;}
#newsTopHeadlineCon .slick-arrow.slick-prev{left:0; }
#newsTopHeadlineCon .slick-arrow.slick-next{righ:0; }
/* 뉴스 :: 하단 */
.news-list-con{padding-bottom:15px;}
.news-list-con li{margin-bottom:5px;}
.news-list-con li a{position:relative; display:block; overflow:hidden; border:1px solid #ddd; background-color:#fff;  -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.news-list-con li a .news-photo-thumb{float:left; width:40%; height:104px; border-right:1px solid #ddd; box-sizing:border-box }
.news-list-con li a .news-photo-thumb img{width:100%; height:100%;}
.news-list-con li a .news-category{position:absolute; top:0px; left:0px; width:45px; height:20px; line-height:20px; font-size:11px; letter-spacing:-0.75px; font-weight:400; text-align:center; color:#fff; background-color:#c74a1a;}
.news-list-con li a .news-info-box{float:left; width:60%;}
.news-list-con li a .news-info-box .news-info-box-inner{overflow:hidden; padding:15px; height:74px; font-family: 'Poppins','Noto Sans KR',"나눔고딕", 'Noto Sans CJK KR', NanumGothic, "Nanum Gothic", "맑은 고딕", Malgun Gothic, "돋움", Dotum, Tahoma, Verdana, Calibri, Arial, sans-serif;}
.news-list-con li a .news-info-box .news-info-box-inner .news-tit{display:block; color:#333; font-size:16px; letter-spacing:-0.5px; font-weight:400; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.news-list-con li a .news-info-box .icon-controls{position:absolute; bottom:0px; right:0px;}
.news-list-con li a .news-info-box .new-icon,
.news-list-con li a .news-info-box .hot-icon{display:inline-block; width:40px; height:20px; /* position:absolute; bottom:0px; right:0px; */background-color:#16abd6; font-size:12px; letter-spacing:-0.25px; line-height:20px; color:#fff; text-align:center; vertical-align:middle; margin:-2px 0 0 0}
.news-list-con li a .news-info-box .hot-icon{background-color:#c74a1a}
.news-list-con li a .news-info-box .news-info-box-inner .news-detail-txt{height:38px; overflow:hidden; font-size:13px; letter-spacing:-0.5px; line-height:18px; color:#555}
.news-list-con li a .news-info-box .news-info-box-inner .news-more-btn{display:none; position:absolute; top:0px; right:0px; width:50px; height:100%; background-color:#ddd; text-align:center; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.news-list-con li a .news-info-box .news-info-box-inner .news-more-btn i{position:relative; top:50%; margin-top:-10px; color:#fff; font-size:20px;  -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.news-list-con li a:hover{border-color:#00b311}
.news-list-con li a:hover .news-info-box .news-info-box-inner .news-more-btn{background-color:#00b311}
.news-list-con li a:hover .news-info-box .news-info-box-inner .news-more-btn i{transform:rotate(90deg);}

/* ******************   INTRO + BUSINESS  ********************** */
#introContentWrap{font-family: 'Poppins','Noto Sans KR',"나눔고딕", 'Noto Sans CJK KR', NanumGothic, "Nanum Gothic", "맑은 고딕", Malgun Gothic, "돋움", Dotum, Tahoma, Verdana, Calibri, Arial, sans-serif;}
#introContentWrap > article{background-color:#fff;}
#introductionCon{border-bottom:1px solid #cfcfcf;}
/* 인트로 :: 공통 */
#introContentWrap .intro-tit{color:#333; font-size:28px; letter-spacing:-0.25px; font-weight:500; margin-bottom:20px}
#introContentWrap .intro-tit-txt{color:#333; font-size:20px; font-weight:500;  line-height:24px; letter-spacing:-0.5px; margin-bottom:10px;}
#introContentWrap .intro-subject-txt{color:#555; font-size:16px; letter-spacing:-0.5px; font-weight:500; line-height:22px; padding-bottom:10px;}
#introContentWrap .intro-txt-con{position:relative; padding:15px; }
#introContentWrap .intro-content-txt{color:#555; font-size:13px; font-weight:400; line-height:20px; padding-bottom:15px; text-align:justify}
#introContentWrap .intro-right-img{display:block; padding:10px 0 20px; text-align:center;}
#introContentWrap dl{padding-bottom:20px;}
#introContentWrap dt{color:#555; font-size:14px; letter-spacing:-0.25px; padding-bottom:20px; font-weight:700;}
#introContentWrap dt a{color:#005bac; text-decoration:underline;}
#BusinessCon{margin-top:50px; padding-top:56px; border-top:1px solid #cfcfcf;}
.introduction-top-con{padding:30px 15px; border-bottom:1px solid #cfcfcf; background:url(/images/content/intro_top_bg.jpg) no-repeat 100% 100%; background-size:contain}
.intro-business-box{position:relative; border-top:1px solid #cfcfcf; padding:30px 0;}
.intro-business-box.first{border-top:0; padding-top:40px}
.intro-business-box .intro-subject-txt{padding-bottom:35px !important;}
.news-view-btns{text-align:center;}
.news-view-btns a{display:inline-block; width:160px; height:42px; line-height:42px; color:#fff; background-color:#000; font-size:14px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}


/* ******************   INQRURY  ********************** */
.bbs-write-con{font-family: 'Poppins','Noto Sans KR',"나눔고딕", 'Noto Sans CJK KR', NanumGothic, "Nanum Gothic", "맑은 고딕", Malgun Gothic, "돋움", Dotum, Tahoma, Verdana, Calibri, Arial, sans-serif;}
/* 게시판 :: 쓰기, 문의폼 :: 개인정보취급방침 */
.bbs-inquiry-agree-con{margin-bottom:50px;}
.bbs-inquiry-agree-con .agree-tit{color:#464646; font-size:18px; letter-spacing:-0.3px; font-weight:500; padding-bottom:15px;}
.inquiry-agreement-con{border:1px solid #ddd; padding:20px; background-color:#f6f6f6; color:#555; font-size:14px; line-height:25px;}
.bbs-inquiry-agree-con .agree-txt{padding-top:10px; font-size:15px; letter-spacing:-0.3px; color:#868686;}
.inquiry-essential-txt{text-align:right; color:#373737; font-size:13px; letter-spacing:-0.3px; padding-bottom:15px;}
.essential-icon{color:#cf0505; font-size:15px;}

/* 게시판 :: 쓰기, 문의폼 :: 작성영역 */
.bbs-write-tbl{width:100%; }
.bbs-write-tbl th,.bbs-write-tbl td{padding:8px 10px; letter-spacing:-0.5px; border-bottom:1px solid #ddd; font-family: 'Poppins','Noto Sans KR',"나눔고딕", 'Noto Sans CJK KR', NanumGothic, "Nanum Gothic", "맑은 고딕", Malgun Gothic, "돋움", Dotum, Tahoma, Verdana, Calibri, Arial, sans-serif;}
.bbs-write-tbl th{color:#464646; font-size:14px; font-weight:500; text-align:left;}
.bbs-write-tbl .write-input,
.bbs-write-tbl .write-select,
.bbs-write-tbl .write-textarea{
    height:34px; border:0px; width:50%; background-color:#fff; border:1px solid #fff; font-size:14px; vertical-align:middle;
}
.bbs-write-tbl .write-input:focus{border-color:#333;}
.bbs-write-tbl .write-input{text-indent:10px;}
.bbs-write-tbl .write-select{height:38px;}
.bbs-write-tbl .write-textarea{width:100%; height:200px; resize:none;}
.bbs-write-tbl td input[type="file"]{height:auto; padding:10px 0;text-indent:0; border:0;}
.bbs-write-tbl td .write-sub-txt{color:#888; margin-left:10px; font-size:11px; color:#aaa; font-family:"돋움",dotum,sans-serif; letter-spacing:-0.5px;}
.bbs-write-tbl td .write-sub-txt2{display:block; color:#888; margin-top:5px; font-size:11px; color:#aaa; font-family:"돋움",dotum,sans-serif; letter-spacing:-0.5px;}
.bbs-write-tbl .hypen{margin:0 5px;}

/* 게시판 :: 쓰기, 문의폼 :: 기타 */
.bbs-write-tbl .input-check{padding:10px 0;}
.bbs-write-tbl .input-check span{margin-right:30px;}
.bbs-write-tbl .input-check span label{vertical-align:middle; font-size:14px;}
.address-fieldset .write-input{margin-top:6px;}
.address-fieldset .write-input:first-child{margin-top:0;}
.bbs-write-tbl .address-btn{display:inline-block; min-width:114px; padding:0 10px; height:38px; border:1px solid #464646; vertical-align:middle; text-align:center; color:#464646; font-size:14px; font-weight:400; margin-left:10px;}
.bbs-write-tbl .address-btn:hover{background-color:#464646; color:#fff;}

/* 게시판 :: 쓰기, 문의폼 :: 동의 */
.privacy-agree{text-align:center; padding-top:50px;}
.custom-checkbox02 .checkbox-item{display:inline-block; vertical-align:middle; }
.custom-checkbox02 .checkbox-item input[type="checkbox"]{display:none;}
.custom-checkbox02 .checkbox-item label{display:inline-block; position:relative; color:#666; font-size:15px;  letter-spacing:-0.3px;  }
.custom-checkbox02 .checkbox-item label i{font-size:24px; color:inherit; vertical-align:middle; margin-top:-2px;}    
.custom-checkbox02 .checkbox-item input[type="checkbox"]:checked + label{color:#00b311}

/* ******************   게시판 :: 쓰기, 문의폼  ********************** */
@media all and (max-width:800px){
	/* 게시판 :: 쓰기, 문의폼 :: 개인정보취급방침 */
	.bbs-inquiry-agree-con{margin-bottom:25px;}
	.bbs-inquiry-agree-con .agree-tit{font-size:16px;}
	.inquiry-agreement-con{padding:15px; font-size:12px; line-height:18px; text-align:justify}
	.bbs-inquiry-agree-con .agree-txt{font-size:13px;}

	/* 게시판 :: 쓰기, 문의폼 :: 작성영역 */
	.bbs-write-tbl tr,.bbs-write-tbl th,.bbs-write-tbl td{display:block; padding:0; width:100% !important; border-bottom:0; text-indent:0;}
	.bbs-write-tbl th{font-size:13px; padding-top:10px; font-weight:600;}
	.bbs-write-tbl td{padding:10px 0; border-bottom:1px solid #ddd; }
	.bbs-write-tbl td .write-input,
	.bbs-write-tbl td .write-select,
	.bbs-write-tbl td .write-textarea{width:100% ; height:auto; padding:10px 0; border:0; background-color:#fff; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
	.bbs-write-tbl td .write-textarea{height:80px;}
	.bbs-write-tbl td .write-sub-txt, .bbs-write-tbl td .write-sub-txt2{display:block; margin-left:0; margin-top:5px; text-align:right; font-size:12px; }

	/* 게시판 :: 쓰기, 문의폼 :: 기타 */
	.bbs-write-tbl .input-check{padding:5px 0;}
	.bbs-write-tbl .input-check span{margin-right:15px;}
	.email-fieldset .write-input{width:40% !important;}
	.email-fieldset .write-select{width:100% !important; margin-top:5px;}
	.bbs-write-tbl .address-btn{min-width:auto; font-size:12px; margin-left:5px; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}

	/* 게시판 :: 쓰기, 문의폼 :: 동의 */
	.privacy-agree{padding:20px 0}
	.custom-checkbox02 .checkbox-item label{font-size:13px;}
}