@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; height:40px; overflow:hidden; text-align:center; background-color:#0c284f; background-color:#a70e13;}
.prd-category-tab-list ul li a span{display:inline-block; height:38px; min-width:46px; line-height:38px; letter-spacing:-0.5px; border-bottom:2px solid #0c284f; border-color:#a70e13;font-size:13px; color:#fff; *display:inline;*zoom:1; }
.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;/*  color:#a70e13; */}
.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{
	height:13px; 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:33.33%; text-align:center; line-height:30px;}
.brand-category-tab-con ul li:first-child{width:33.34%}
#gnb .brand-category-tab-con ul li, #gnb .brand-category-tab-con ul li:first-child{width:50%}
.brand-category-tab-con ul li a{display:block; height:100%; background-color: #eee; border: 1px solid #ddd; border-left:0; color:#888;}
.brand-category-tab-con ul li:first-child a{}
.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{overflow:hidden; 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-con2{margin-right:20%}
.brand-list-con2 ul{overflow:hidden; }
.brand-list-con2 ul li{overflow:hidden; float:left; width:25%;}
.brand-list-con2 ul li a{display:block; /* width:70%; padding:15%; */ padding-top:5px; text-align:center; border-left:1px solid #ddd; }
.brand-list-con2 ul li:nth-child(-n+4) a{border-bottom:1px solid #ddd;}
.brand-list-con2 ul li span.brand-logo-img{display:block; width:56px; height:56px; margin:0px auto 5px;}
.brand-list-con2 ul li img{display:inline; width:100%; vertical-align:top; }
.brand-list-con2 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%; border:0; z-index:99; background-color:#ccc;}
.brand-list-controls button {width:100%; height:50%; cursor:pointer; }
.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; height:100%; padding:0 10%;color:#555; font-weight:400;}
.division-con-list-box ul li a p{display:table; width:100%; height:100%; line-height:16px;}
.division-con-list-box ul li a strong{display:table-cell; vertical-align:middle; height:100%; 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{}
.sub-model-category-tab-con{border-top:1px solid #ddd;}
.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;}
.product-sort-con  .slick-arrow{position:absolute; top:3px; cursor:pointer; border:0; cursor:pointer; z-index:99; }
.product-sort-con  .slick-arrow i{font-size:40px; color:#9b9b9b;}
.product-sort-con  .slick-arrow.slick-prev{left:1%; }
.product-sort-con  .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;}
.product-sort-con .product-list .prd-list-item{margin-bottom:0;}
.product-sort-con .product-list .prd-list-item a{border-bottom:0;}
.product-sort-con .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.brand-visual{margin:10px 0;}
#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:20px;}
.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:10px; 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;}
/* 브랜드페이지 탭*/
#brandTabCon{background:#d8d7d5; margin-bottom:10px; border-top:1px solid #eee;}
#brandTabCon ul{overflow:hidden;}
#brandTabCon ul li{float:left; width:33.33%; height:40px; overflow:hidden;}
#brandTabCon ul li a{display:block; height:40px; line-height:18px; text-align:center; color:#333; font-size:13px; border-left:1px solid #eee; border-bottom:1px solid #eee; display:table; width: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
}
#brandTabCon ul li:nth-child(1) a,#brandTabCon ul li:nth-child(4) a{border-left:0;}
#brandTabCon ul li a:hover{background-color:#eee;}
#brandTabCon ul li a span{display:block; display:table-cell;width:90%; margin:0px auto; vertical-align:middle; /* white-space:nowrap; overflow:hidden; text-overflow:ellipsis; */}
/* -------- 제품 뷰페이지  -------- */
#productDetailCon{background-color:#fff;}
/* 제품상세 :: 상단 */
#productTopCon{position:relative; width:100%; border-bottom:1px solid #0c284f;}
#productTopCon .prd-photo-con{position:relative; padding:40px 4% 28px; width:92%; /* 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:46px;}
.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;}
.detail-sns-con{position:absolute; bottom:10px; right:3%;}
.detail-sns-con a{display:inline-block; vertical-align:middle; width:30px; height:30px; text-align:center; line-height:33px; margin-left:4px;  -webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px;}
.detail-sns-con a:first-child{margin-left:0;}
.detail-sns-con a i{color:#fff; font-size:17px;}
.detail-sns-con a img{width:30px;}

/* 제품상세 :: 하단 */
.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; table-layout:fixed;}
.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:15px;}
.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{border:1px solid #ddd; border-top:0;}
.service-network-list > li:first-child{border-top: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{width:160px; 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:140px; 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%;
	padding-right:20px;
	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 6px;
	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;}

/* -------- 회사소개 :: 주요발간사업 -------- */

.business-con{border:1px solid #ccc; margin-bottom:10px; padding:15px 3%; background-color:#fff; position:relative;}
.business-con h1{color:#0054b3; 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; }
.business-con .business-txt b {color:#9d3b21}
.business-con .business-txt span {color:#2b6e16}
.business-con .business-txt .black-txt {color:#000}
.business-list{font-size:11px;color:#555}
.business-list li {position:relative; margin-bottom:10px; padding-left:12px; /* padding-left:18px; */ line-height:14px;background:url(/images/icon/business_dot.gif) no-repeat 0 3px; background-size:7px auto}
/* .business-list li:before {content:"≫"; position:absolute; left:0; } */
.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 span.bus-stop {display: block; margin-bottom:4px;}
.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;}



/* <!-- ### 연관제품(171018 추가) ### --> */
.prd-category-tab-list.tab-col5 ul li{width:33.33%;}
.prd-category-tab-list.tab-col5 ul li a span{font-size:13px;}

/* ******************  연관제품 ********************** */
#relateProduct .prd-rolling-container{overflow:visible;}
#relatedCompareCon{overflow:hidden; position:relative; padding:10px 0 0 80px; background-color:#fff; }
#relatedSelectHead, #relatedResultHead{position:absolute; left:0; width:70px; border:1px solid #ddd; z-index:99 }
#relatedSelectHead{top:10px; height:146px; background-color:#eee }
#relatedResultHead{top:169px; width:71px; border-right:0;}
#relatedSelectHead table, #relatedResultHead table{width:100%;}
#relatedSelectHead th{color:#333; font-size:13px; line-height:16px; font-weight:500;}
#relatedSelectHead th.header1{height:146px; padding:0 5px; border-bottom:1px solid #ddd; word-break:keep-all;}
#relatedResultHead 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; }
#relatedResultHead .basic-jewon th{background:#eaeff5}
#relatedCompareCon .compare-slide{width:160px;}

/* 연관제품 :: 버튼  */
.related-arrow-btns{text-align:right; margin-right:3%; margin-top:-33px }
.related-arrow-btns a{display:inline-block; border:1px solid #ddd; width:30px; height:30px; text-align:center; line-height:30px;}
.related-arrow-btns a:focus{outline:none;}
.related-arrow-btns a i{font-size:24px; color:#333; vertical-align:middle; }
.related-arrow-btns a.next-relate-con{margin-left:-1px;}
.related-arrow-btns a.swiper-button-disabled i{color:#ccc}

/* 연관제품 :: 상단 */
#relatedSelectContent,#relatedCompareResultContent{margin-bottom:10px; border-right:0;}
.related-select-table-con,.related-result-table-con{border:1px solid #ddd; }
.related-select-table-con{width:160px; margin-bottom:10px;}
.related-select-table-con:first-child,.related-result-table-con:first-child{margin-left:0;}

/* 연관제품 :: 상단 :: 선택영역 */
.related-select-prd-tbl,.related-result-col-tbl{width:100%; }
.related-select-prd-tbl td,.related-result-col-tbl td{border-top:1px solid #ddd;}
.related-select-prd-tbl tr:first-child td,.related-result-col-tbl tr:first-child td{border-top:0;}
.related-selet-thum{position:relative; padding:15px 5% 28px}
.related-selet-thum .prd-thum{display:block; }
.related-selet-thum .prd-thum img{width:100%;}
.related-selet-thum .prd-thum-logo{position:absolute; top:5px; right:5px;}
.related-selet-thum .prd-thum-logo img{width:26px}
.related-selet-thum .prd-name{display:block; position:absolute; bottom:0px; left:0px; width:94%; padding:0 3%; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; font-weight:400; letter-spacing:-0.5px; text-align:center; color:#fff; background-color:rgba(0,0,0,0.5)}
.related-select-prd-tbl select{
	width:100%;
	padding-right:20px;
	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 6px;
	font-size:12px;
	color:#777;
	cursor:pointer;
	text-indent:10px;

}

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



/* ******************  201208 유지보수 NH  ********************** */
/* -------- 레이아웃  -------- */
#topMenu.top-menu-company > ul > li {width:50%;}
#topMenu.top-menu-customer > ul > li {width:50%;}
#topMenu.top-menu-customer > ul > li:last-child {width:100%;}
.company-page {padding-top: 35px; word-break:keep-all;}

/* -------- 인사말  -------- */
.ceo-con {padding-bottom:50px;}
.ceo-con .img-box img {width:100%;}
.ceo-con .txt-box {letter-spacing:-0.75px; color:#555;}
.ceo-con .txt-box .tit {display:block; font-size: 23px; line-height: 1.37em; font-weight:400; margin:35px 0 30px;}
.ceo-con .txt-box .tit span {color: #0669b4;}
.ceo-con .txt-box .txt {font-size: 13px; line-height: 1.8em; margin-top: 20px;}
.ceo-con .txt-box .sign {display:block; font-size:14px; letter-spacing:-0.25px; color: #333; font-weight:500; margin-top:20px; }

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



@media all and (min-width:801px){
	/* History :: 왼쪽 */
	.history-left .company-history-info-box{float:left;}
	.history-left .company-history-info-box::before,
	.history-left .company-history-info-box::after {left:100%; transform:translatex(-50%)}
	.history-left .company-history-info {text-align:right; padding-right: 40px;}
	.history-left .company-history-info .history-item{padding-right: 30px; }
	.history-left .company-history-info .history-month{right:0;}
	.history-left .company-history-info .history-txt{padding-right:15px; }
	.history-left .company-history-info .history-txt::before{right:0;}
	.history-left .company-history-year {left:100%; padding-left:60px;}
	.history-left .company-history-year:before{left:0}
	.history-left .company-history-img-box{float:right;}
	.history-left .company-history-img-box span{margin-left:60px}
	/* History :: 오른쪽 */
	.history-right .company-history-info-box{float:right; }
	.history-right .company-history-info-box::before,
	.history-right .company-history-info-box::after {right:100%; transform:translatex(50%)}
	.history-right .company-history-info {padding-left: 40px;}
	.history-right .company-history-info .history-item{padding-left: 22px;}
	.history-right .company-history-info .history-month{left:0;}
	.history-right .company-history-info .history-txt{padding-left:15px; }
	.history-right .company-history-info .history-txt::before{left:0;}
	.history-right .company-history-list-wrap .company-history-year {right:100%; padding-right:60px;}
	.history-right .company-history-list-wrap .company-history-year:before{right:0}
	.history-right .company-history-img-box{float:left; text-align:right;}
	.history-right .company-history-img-box span{margin-right:60px}
	/* History :: 발행인 */
	.history-ceo .company-history-info .history-item {padding-right: 50px;}
	.history-ceo .company-history-year {width:100%; text-align:left; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
	 .history-ceo.history-right .company-history-year  {text-align:right;}
 .history-ceo.history-right .company-history-info .history-item {padding-left:50px; padding-right:0;}
}
@media all and (max-width:800px){
	/* History :: Layout */
	.company-history-wrapper:before{left:10px;}
	.company-history-info-box{width:auto; padding-left:150px}
	.company-history-info-box::before{top:0; left:3px; width:15px; height:15px; border-width:3px;}
	.company-history-info-box::after{top:4px;left:7px; width:5px; height:5px; border-width:1px; }
	/* History :: 정보 */
	.company-history-info .history-item{font-size:13px; padding-left:25px;}
	.company-history-info .history-month{left:0;}
	.company-history-info .history-txt:before{display:none;}
	.company-history-year{top:0px;font-size:18px; padding-left:30px; left:10px;}
	.company-history-year::before{width:20px; left:0; }
	/* History :: 발행인 */
	.history-ceo .company-history-info .history-item {padding-right: 0; padding-left: 50px;}
	.history-ceo .company-history-year {width:85px; text-align:left;     line-height: 1.3em;}
	.history-ceo.history-right .company-history-year  {text-align:left;}
}

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