@charset "utf-8";

.tit-index {display: none;}
#replaceBox {padding-top: 0px;}
#replaceBox > .responsive:first-child {}
#replaceBox .featureCont .common-tab {margin-top: 40px;}


/*banner-1*/
.banner-1 {display: block; padding: 25px 0 40px 0 !important; overflow: hidden; width: 1200px; margin: auto;}
	.banner-1 .hero {width: 340px; display: inline-block; width: auto !important; /*width: 34% !important;*/ max-width:34%; vertical-align: middle;}
	@media \0screen {
		.banner-1 .hero {width: 100% !important;}
	}
	.banner-1 .hero img {width: 100% !important; height: auto !important;}
	.banner-1 .unit {display: inline-block; width: auto !important; margin-left: 0px; /*width: 64%;*/ max-width:60%; vertical-align: middle; text-align: left; /*margin-left: 20px;*/ margin-left: 80px;}
	.banner-1 strong.banner-title {font-size:36px; margin:0px 0 13px 0; font-weight: 200; display: block;}
	.banner-1 p.banner-txt {font-size:20px; margin:0; font-weight: 200; display: block; }
	.slide .banner-1 {display: inline-block; text-align: center; padding: 15px 0 30px 0 !important;}
	.slide.type03 .bx-wrapper .slideUl li a .banner-1 {width: 100%;}
	.open-market.unfold .banner-1 { text-align: left }
	.open-market.unfold .banner-1 .hero { width: 34% !important; text-align: center }
	.open-market.unfold .banner-1 .hero img { width: auto !important; max-width: 100% }
	.open-market.unfold .slideUl > li { border-top: 1px solid #ddd }

	/* 1024 ~ 1200 */
	@media (min-device-width: 768px) and (max-width: 1199px) {
		/*banner*/
	    .banner-1 {width: 1024px;}
	    .banner-1 .hero {width: 25% !important; text-align: center;}
	    .banner-1 .hero img {/*width: 100%;*/ width: auto !important; max-width: 100% !important;}
	    .banner-1 .unit {width: auto !important; max-width:70%; margin-left: 2%;}
	    .banner-1 strong.banner-title {font-size:29px; margin-bottom: 10px;}
	    .banner-1 p.banner-txt {font-size:16px;}
	}

	@media /* only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width : 1200px), */only screen and (max-device-width: 767px) {
	    .banner-1 { width: 100%; text-align: left; padding: 20px 0 30px 0 !important; }
	    .banner-1 .hero { width: 30% !important; margin-left: 2%; }
	    .banner-1 .hero img {width: 100% !important; height: auto !important;}
	    .banner-1 .unit { width: auto !important; max-width:63%; margin-left: 2%; }
	    .banner-1 strong.banner-title {font-size:16px; margin:5px 0 10px 0; font-weight: 200; display: block;}
	    .banner-1 p.banner-txt {font-size:12px !important; margin:0; font-weight: 200; display: block; padding: 0 20px 0 0; /*display: none;*/}
	    .slide .banner-1 {display: inline-block; text-align: left; padding: 5px 0 20px 0 !important;}
	    .slide.type03 {/*padding: 20px 0;*/}
	}

/*awards*/
.awards {position: absolute; right: 0; bottom: 0; z-index: 6;}
.awards img { /*width: 77px;*/ height: 104px }
.awards strong:before { display: block; padding: 8px 0 10px; font-size: 22px; text-align: center }
.awards strong {display: block; color: #a50034; font-weight: 200; font-size:16px; margin-top: 5px;}

/*common-awards*/
.awardspop {left: 50%; width: 960px; margin-left: -480px;}
.awardspop .popupInfo {position: relative; width: 100%; height: 500px; margin-top: 56px; overflow-y: auto; }
.awardspop .popupInfo ul {overflow:hidden;}
.awardspop .popupInfo ul li {float:left; position: relative; width: 25%; height: 192px; text-align: center; margin-bottom: 56px;}
.awardspop .popupInfo ul li img {margin: 0 auto;}
.awardspop .popupInfo ul li strong{ position: absolute; bottom: 0; left: 0; display: block; width: 100%; margin-top: 16px;}
/*Common-Pay system*/
.popup.paysystem .popupCont { width: 850px }

/*feature*/
#featureBtnsWrap {position: relative; z-index:20;}

#featureBtnsWrap.fix {width: 1600px; position: fixed; top:-40px; left:50%; margin-left: -800px;}
#featureBtnsWrap.fix .feature-index {display: none;}
/*171018:B2B_제품컨텐츠 탭 활성화 액션 수정*/
#featureBtnsWrap.fix + .print-area {
	padding-top: 200px;
    -webkit-padding-before: 60px;
}

@media (max-width: 1600px){	#featureBtnsWrap.fix {width: 100%; min-width: 1024px; margin-left:0; left:0;}}

section.feature {/*padding-top: 20px !important;*/ margin-top: 35px; border-bottom: 1px solid #bbb;}
section.feature ul {margin-bottom: 20px;}
.array.featureBtns {display: table; table-layout: fixed; width: 100%; position: relative; z-index: 7; margin:0;}
.array.featureBtns.clone { display: none }
.array.featureBtns.clone.move { display: table !important }
.array.featureBtns > li {float: none; display: table-cell;}
.array.featureBtns > li a {display: block; margin: 0 5px 0 0; background: #a5a5a5; text-align: center; padding: 13px 0; color: #fff; font-size:20px;}
.array.featureBtns > li a:hover { text-decoration: none; background-color: #666; }
.array.featureBtns > li a:before { display: block; height: 24px; width: 24px; margin: 0 auto 15px auto; font-size: 24px; vertical-align: bottom; }
.array.featureBtns > li.idx01 a:before { content:'\e953'; }
.array.featureBtns > li.idx02 a:before { content:'\e956'; }
.array.featureBtns > li.idx03 a:before { content:'\e954'; }
.array.featureBtns > li.idx04 a:before { content:'\e952'; }
.array.featureBtns > li.idx05 a:before { content:'\e912'; }
.array.featureBtns > li.idx06 a:before { content:'\e955'; }
.array.featureBtns > li.idx07 a:before { position: relative; top: 2px; content: url('/kr/business/images/AC/features/shop_btn.png'); }
.array.featureBtns > li.on a {background: #666;}
.array.featureBtns > li:after {content:''; margin: 0;}
.array.featureBtns > li:before {content:''; margin: 0;}
.array.featureBtns > li:last-child {background: #a5a5a5;}
.array.featureBtns > li.on:last-child a,
.array.featureBtns > li:last-child a:hover {margin-right:0; padding-right:5px }
.featureBtns {z-index: 0; background: #fff;}
.featureBtns.clone {position: fixed; margin: 0; top: -9999px;}
.featureBtns.clone.move {width: 1600px; left: 50%; margin-left: -800px; top: -40px; z-index: 8;}

.feature {}
.feature h3 {font-size:32px; font-weight: 200;}
.feature .array > li {font-size:18px;}
.option-box {overflow: hidden; margin-top: 20px;}
.option-box .options {float: left;}
.option-box .options strong {font-size:20px; font-weight: 200; vertical-align: middle;}
.option-box .options a {font-weight: normal; font-size:16px;}
.option-box .options .option {display: inline-block; vertical-align: middle;}
.option-box .functions {float: right;}
.option-box .functions > div {float: left;}
.option-box .functions .array {margin: 0;}
.option-box .functions .scrap {display: inline-block; vertical-align: middle; font-size:16px; line-height: 30px;}
.option-box .functions .scrap a {font-size:16px; vertical-align: middle;}
.option-box .functions .snsBtns {display: inline-block; vertical-align: middle; margin-left: 18px; line-height: 30px !important;}
/*
.ms-noti {
	position: relative; display: block; margin-top: 20px; padding: 20px !important; border-radius: 4px; font-size:16px; border: 1px solid #bbb;background-color: rgba(255,255,255,0.3);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#4dffffff', endColorstr='#4dffffff');
}
 */

.feature-index {z-index: 5; /*display: none;*/ /*opacity: 0;*/transition: opacity 0.3s ease-in-out;-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;}
.feature-index.move {position: fixed; max-width: 1600px; width: 100%; top: 40px; left: 50%; margin-left: -800px; display: block; opacity: 1;}
.feature-index section.responsive {}
.feature-index section.responsive > section {background: #f8f8f8;}
.feature-index section.responsive > section ul {display: table; table-layout: fixed; width: 100%; border-bottom: 1px solid #d7d7d7;}
.feature-index section.responsive > section ul > li {display: table-cell; text-align: center; padding: 20px 0; font-size:17px; color: #333; border-right: 1px solid #d7d7d7; position: relative; overflow: hidden; cursor: pointer; white-space: nowrap;}
.feature-index section.responsive > section ul > li.on {color: #d80647;}
.feature-index section.responsive > section ul > li:after {/*content:'';*/ position: absolute; left: 0; bottom: 0; right: 0; height: 6px; background: #333; z-index: 1;}
.feature-index section.responsive > section ul > li span {display: block; position: absolute; left: 0; bottom: 0; height: 6px; background: #d80647; z-index: 2; width: 100%; margin-left: -100%;}
.feature-index section.responsive > section ul > li:last-child {border: none;}

.featureTitle { position: relative; background: #fff; padding: 15px 20px; border-top: 1px solid #d1d1d1;}
.featureTitle:after { content:''; position: absolute; left: 0; bottom: 0; right: 0; height: 3px; background: #333; z-index: 1; }
.featureTitle span { display: block; position: absolute; left: 0; bottom: 0; height: 3px; background: #d80647; z-index: 2; width: 100%; margin-left: -100%; }

.LGE-fixed { position: fixed; top:0; left:0; right:0; }
.LGE-absoluted { display: block; position: absolute; top: 0; left: 0; right: 0; }

/*SUB-TAB*/
/*tab-SearchShop*/
.tab-btn { overflow: hidden; position: relative; }
.tab-btn:after { content:' '; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #333; }
.tab-btn li { float: left; width: 27.5%; border: 2px solid transparent; border-bottom-color: #333; background: #e4e4e4; z-index: 1; }
.tab-btn li a { display: block; padding: 16px 0; text-align: center; font-size: 24px; color: #333; text-decoration: none; }
.tab-btn li.on { position: relative; border-color: #333; border-bottom-color: #fff; background: #fff; z-index: 100; }
.tab-cont { display: none; overflow: hidden; padding-top: 50px; margin-bottom: 100px; outline: none; }
.tab-cont.on { display: block; }
.tab-cont.srhShop > .fl { width: 41.66%; margin-right: 4.18%; }
.tab-cont.srhShop > .fr { width: 54.16%; }
.srhShop-opt { overflow: hidden; margin-bottom: 30px; }
.srhShop-opt .ipt-juso { float: left; box-sizing: border-box; width: 48%; margin-bottom: 4%; padding: 8px 15px; border: 1px solid #b4bec8; border-radius: 4px; background: #f6f7f9; }
.srhShop-opt .ipt-juso.juso2 { margin-left: 4%; }
.srhShop-opt .ipt-juso.juso3 { width: 74%; }
.srhShop-opt .ipt-juso select,
.srhShop-opt .ipt-juso input { width: 100%; height: 22px; border: none; background-color: #f6f7f9; font-size: 18px; }
.srhShop-opt .ipt-juso-submit { float: left; width: 24%; height: 42px; margin-left: 2%; background: #a50034; font-size: 20px; color: #fff; border-radius: 6px;}
.srhShop-list-title { margin-bottom: 15px; font-weight: 200; font-size: 22px; }
.srhShop-list { }
.srhShop-list li { padding: 15px 0; border-bottom: 1px solid #ccc; text-align: center; }
.srhShop-list li:first-child { border-top: 1px solid #ccc; }
.srhShop-list li dl { padding-left: 54px; background: url('/kr/business/asset/images/searchShop/ico_mapMark_1.png') no-repeat 0 0; text-align: left; }
.srhShop-list li.idx0 dl { background-image: url('/kr/business/asset/images/searchShop/ico_mapMark_1.png') }
.srhShop-list li.idx1 dl { background-image: url('/kr/business/asset/images/searchShop/ico_mapMark_2.png') }
.srhShop-list li.idx2 dl { background-image: url('/kr/business/asset/images/searchShop/ico_mapMark_3.png') }
.srhShop-list li.idx3 dl { background-image: url('/kr/business/asset/images/searchShop/ico_mapMark_4.png') }
.srhShop-list li.idx4 dl { background-image: url('/kr/business/asset/images/searchShop/ico_mapMark_5.png') }
.srhShop-list li dt { margin-bottom: 7px; font-size: 20px }
.srhShop-list li dd { margin-top: 3px; font-size: 16px }
.srhShop-map { position: relative; }
.srhShop-map .map-noti { margin-top: 20px; text-align: right; }
.srhShop-util { margin-top: 50px }
.srhShop-util .listing { margin-bottom: 25px }
.srhShop-util .listing > li a { color: #333; font-size: 16px }
.srhShop-util .listing > li.on a { color: #a50034 }
.srhShop-util .listing > li + li:before { display: inline-block; margin-top: 2px; }
.srhShop-util p { color: #666; font-size: 18px }

/* B2B전문점 */
.tab-btn { overflow: hidden; position: relative; }
.tab-btn:after { content:' '; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #333; }
.tab-btn li { float: left; width: 27.5%; border: 2px solid transparent; border-bottom-color: #333; background: #e4e4e4; z-index: 1; }
.tab-btn li a { display: block; padding: 16px 0; text-align: center; font-size: 24px; color: #333; text-decoration: none; }
.tab-btn li.on { position: relative; border-color: #333; border-bottom-color: #fff; background: #fff; z-index: 100; }
.srhShop-util { margin-top: 40px }
.srhShop-util .listing { margin-top: 0; margin-bottom: 25px; font-size: 18px; }
.srhShop-util .listing > li a { color: #333; font-size: 16px; vertical-align: baseline; }
.srhShop-util .listing > li.on a { color: #a50034 }
.srhShop-util .listing > li + li:before { display: inline-block; margin-top: 2px; }
.srhShop-util p { color: #666; font-size: 18px }
.tab-cont { display: none; overflow: hidden; padding-top: 40px; margin-bottom: 100px; outline: none; }
.tab-cont.on { display: block; }
.tab-cont.srhShop > .fl { width: 41.66%; margin-right: 4.18%; }
.tab-cont.srhShop > .fr { width: 54.16%; }
.srhShop-opt { overflow: hidden; margin-bottom: 30px; }
.srhShop-opt .ipt-juso { float: left; box-sizing: border-box; width: 48%; margin-bottom: 4%; padding: 8px 10px 8px 15px; border: 1px solid #b4bec8; border-radius: 4px; background: #f6f7f9; }
.srhShop-opt .ipt-juso.juso2 { margin-left: 4%; }
.srhShop-opt .ipt-juso.juso3 { width: 74%; }
.srhShop-opt .ipt-juso select,
.srhShop-opt .ipt-juso input { width: 100%; height: 22px; border: none; background-color: #f6f7f9; font-size: 16px; }
.srhShop-opt .ipt-juso select { padding-right: 5px; background: #f6f7f9 url('/kr/business/asset/images/common/bg_select01.png') right 50% no-repeat }
.srhShop-opt .ipt-juso-submit { float: left; width: 24%; height: 42px; margin-left: 2%; background: #a50034; font-size: 18px; color: #fff; border-radius: 6px;}
.srhShop-list-title { margin-bottom: 20px; font-weight: 200; font-size: 22px; }
.srhShop-list { border-top: 1px solid #ccc;  }
.srhShop-list li { position: relative; padding: 22px 0; border-bottom: 1px solid #ccc; text-align: center; }
.srhShop-list li .label-cert { display: inline-block; position: absolute; top: 0; right: 10px }
.srhShop-list li a:hover { text-decoration: underline }
.srhShop-list li dl { padding-left: 54px; background: url('/kr/business/asset/images/searchShop/ico_mapMark_1.png') no-repeat 0 0; text-align: left; }
.srhShop-list li.idx0 dl { background-image: url('/kr/business/asset/images/searchShop/ico_mapMark_1.png') }
.srhShop-list li.idx1 dl { background-image: url('/kr/business/asset/images/searchShop/ico_mapMark_2.png') }
.srhShop-list li.idx2 dl { background-image: url('/kr/business/asset/images/searchShop/ico_mapMark_3.png') }
.srhShop-list li.idx3 dl { background-image: url('/kr/business/asset/images/searchShop/ico_mapMark_4.png') }
.srhShop-list li.idx4 dl { background-image: url('/kr/business/asset/images/searchShop/ico_mapMark_5.png') }
.srhShop-list li dt { margin-bottom: 4px; font-size: 20px; color: #000 }
.srhShop-list li dd { margin-top: 2px; font-size: 16px }
.srhShop-list li dd.black { color: #000; }
.srhShop-map { overflow: hidden; position: relative; }
.srhShop-map .map-noti { margin-top: 20px; float: right }
.srhShop-map .map-noti > p { line-height: 1.5 }

/* MAP API LayerPopup */
.map-layer { position: relative; overflow: hidden; min-width: 480px; padding: 20px; }
.map-layer .map-close { position: absolute; right: 20px; top: 20px; font-size: 30px; line-height: 1; z-index: 10; }
.map-layer .map-cont { padding-left: 10px; }
.map-layer .map-cont .map-addr { position: relative; margin-bottom: 15px; }
.map-layer .map-cont .map-addr h4 { margin-bottom: 15px; font-size: 28px; font-weight: 200; }
.map-layer .map-cont .map-addr p { padding-left: 65px; font-size: 14px; line-height: 1.5; text-indent: -65px;}
.map-layer .map-cont .map-addr p span { font-weight: normal }
.map-layer .map-cont .map-addr .map-big { position: absolute; right: 0; bottom: 0; font-size: 16px; padding: 5px 12px; font-weight: 200; }
.map-layer .map-cont .map-info { border-top: 1px solid #ccc; padding-bottom: 34px; }
.map-layer .map-cont .map-info dt { position: relative; margin-top: 15px; margin-bottom: 2px; padding: 0 20px; font-size: 14px; font-weight: 400; }
.map-layer .map-cont .map-info dt i.icon { position: absolute; top: 0; left: 0; width: 20px; height: 18px; }
.map-layer .map-cont .map-info dd { padding: 0 20px; font-size: 14px; }
.map-layer .sns-shortcut { position: absolute; right: 20px; bottom: 20px; }

/*tab-Spec*/
.spec-summary { margin-bottom: 20px; }
.spec-summary .headtitle { font-size: 30px; font-weight: 400; margin-top: 50px }
.spec-summary .title { margin-top: 15px; font-size: 24px; font-weight: 200; }
.spec-summary .spec-summary-list { overflow: hidden; width: 100%; margin-top: 15px; padding: 0; border-left: 1px solid #dedede; }
.spec-summary-list dl { float: left; box-sizing: border-box; height: 100%; width: 33.33%; padding: 27px 0 26px 30px; border-top: 1px solid #dedede; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; background-color: #f5f5f5; }
.spec-summary-list dl:nth-child(3n+1) { clear: both; }
.spec-summary-list dl:nth-child(n+4) { margin-top: -1px; }
.spec-summary-list dt { font-size: 18px; color: #000; }
.spec-summary-list dd { padding-top: 14px; padding-right: 20px; font-size: 20px; color: #000; }
.spec-info { border-bottom: 1px solid #ccc; padding-top: 34px; padding-bottom: 27px; }
.spec-info .title { position: relative; font-size: 24px; font-weight: 200; margin: 0; }
.spec-info ul { position: relative; overflow: hidden; margin-top: 15px; }
.spec-info ul li { float: left; box-sizing: border-box; width: 50%; margin-bottom: 1px; padding: 0; }
.spec-info ul li:nth-child(odd) { clear: both; }
.spec-info ul li div { float: left; box-sizing: border-box; width: 58%; padding: 13px 3.548% 13px 20px; font-size: 18px; line-height: 1.2; }
.spec-info ul li div:first-child { width: 42%; height: 100%; padding: 13px 3.548% 13px 10px; color: #000; background-color: #f5f5f5; }
.spec-info ul li.big{width:100%;}
.spec-info ul li.big div{width:78%;}
.spec-info ul li.big div:first-child{width:21%;}


.spec-info ul.tg-cont2 { position: relative; overflow: hidden; margin-top: 15px; }
.spec-info ul.tg-cont2 li { float: left; box-sizing: border-box; width: 100%; margin-bottom: 1px; padding: 0; }
.spec-info ul.tg-cont2 li:nth-child(odd) { clear: both; }
.spec-info ul.tg-cont2 li div { float: left; box-sizing: border-box; width: 58%; padding: 13px 3.548% 13px 20px; font-size: 18px; line-height: 1.2; }
.spec-info ul.tg-cont2 li div:first-child { width: 250px; height: 100%; padding: 13px 3.548% 13px 10px; color: #000; background-color: #f5f5f5; }


/*tab-Benefit*/
.usp-event { padding: 50px 0 42px 0; }
.usp-event .list-usp-event { display: table; table-layout: fixed; overflow: hidden; width: 100%; }
.usp-event .list-usp-event > li { display: table-cell; box-sizing: border-box; text-align: center; }
.usp-event .list-usp-event > li a { text-decoration: none; }
.usp-event .list-usp-event > li figure { display: block; max-width: 342px; width: 85.714%; margin: 0 auto; }
.usp-event .list-usp-event > li figure .thumb { overflow: hidden; height: 150px; line-height: 149px; background-color: #c5c9cc; }
.usp-event .list-usp-event > li img { display: inline-block; max-height: 100%; max-width: 100%; height: auto; width: auto; vertical-align: middle; }
.usp-event .list-usp-event > li figcaption p { margin-top: 14px; font-size: 22px; color: #333; line-height: 1.455; }
.usp-event .list-usp-event > li .duration { display: block; font-size: 18px; }

.benefit-container { margin-top: 37px; }
.benefit-container > h3 { font-size: 30px; font-weight: lighter; color: #333; }
.benefit-container > h3 .duration { font-size: 24px; color:#666; vertical-align: bottom; }
.benefit-container .list-benefit { }
.benefit-container .list-benefit > li { display: block; position: relative; padding: 18px 0 42px 35%; border-top: 1px solid #ccc; }
.benefit-container .list-benefit > li:first-child { padding-top: 13px; border-top: 0px none; }
.benefit-container .list-benefit > li > .title { display: block; position: absolute; top: 43px; left: 0; font-size: 24px; font-weight: lighter; color: #333; }
.benefit-container .benefit-cont { margin-top: 25px; font-size: 18px; line-height: 1.7; }
.benefit-container .benefit-cont > strong { font-weight: lighter; color: #d80647; }
.benefit-container .benefit-cont .noti > li { font-size: 16px; }

/*tab-Review*/
.review-cnt { font-size: 20px; color: #333; }
.review-cnt > mark { color: #d80546; font-weight: 200; background-color: transparent; }

/*tab-CustomService*/
.usp-customer { position: relative; padding-left: 47.5%; background: url('/kr/business/asset/images/web/usp/customer_visual.png') 3.583% center no-repeat; background-size: 36.583%; min-height:412px;}
.usp-customer:after { content: ''; display: block; position: absolute; top: 0; left: 43.25%; height: 100%; width: 1px; background-color: #ccc; }
.usp-customer .message { font-size: 30px; color: #333; }
.usp-customer .list-customer-guide { margin-top: 43px; }
.usp-customer .list-customer-guide > li { position: relative; padding-left: 56px; padding-bottom: 40px; }
.usp-customer .list-customer-guide > li:before { display: block; position: absolute; top: 0; left: 0; font-size: 40px; color: #777;  }
.usp-customer .list-customer-guide > li > p { padding: 7px 0 10px 0; font-size: 18px; color: #333; }
.usp-customer .list-customer-guide > li > a { display: inline-block; padding: 0 14px; font-size: 16px; font-weight: 200; color: #fff; line-height: 30px; background-color: #a50034; border-radius: 4px; }

/* 기술자료 탭 */
.tab-techdata-header { margin-bottom: 35px; font-size: 28px; }
.tab-techdata-header .sub { margin-top: 15px; font-size: 16px; }
.web .tab-techdata .title:before { display: none; }
.tab-techdata .tg-cont { margin-bottom: 60px; }
.tab-techdata .tg-cont > .more { float: right; margin-top: 10px; padding: 4px 12px; color: #a50034; }
.tab-techdata .tg-cont > .more:before { content:'+'; margin-right: 5px; }
.tab-techdata-list > li { overflow: hidden; position: relative; border: 1px solid #ccc; border-top: none; }
.tab-techdata-list > li .subject,
.tab-techdata-list > li .link { float: right; font-size: 16px; line-height: 50px; margin-right: 100px; margin-top: -5px;}
.tab-techdata-list > li .subject { float: left; box-sizing: border-box; width: 70%; padding-left: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tab-techdata-list > li .link { display: inline-block; padding: 0 10px; }
.tab-techdata-list > li .date { position: absolute; right: 20px; font-size: 14px; line-height: 50px; }
.tab-techdata-list.spec_download li { display:table; width:100%; box-sizing: border-box;}
.tab-techdata-list.spec_download > li .subject { display: table-cell; float: none; overflow: visible; width: 70%; vertical-align: middle; height: 60px;}
.tab-techdata-list.spec_download > li .date_txt{display: table-cell;float: none;overflow: visible; vertical-align: middle; }
.tab-techdata-list.spec_download > li .subject img {width:20%}

/* 탭 컨텐츠 */
#ftArea0,#ftArea1,#ftArea2,#ftArea3,#ftArea4 { display: none; }

.lineUp > h3 {font-size:24px; color:#333; padding-bottom: 15px; font-weight:lighter;}
.lineUp .detail {font-size:16px; padding-bottom:30px; line-height:2;}
.lineUp .detail.bt {padding-bottom: 150px;}
.lineUp .detail em {font-size:14px; color:#d80647;display:block;}
.lineUp .detail em.c-3 {color:#333;}
.lineUp > table.end {margin-bottom:0; margin-bottom:150px;}
.lineUp .detail_list {margin-bottom: 1rem;}
.lineUp .detail_list li{position: relative; line-height:2;}

.tbl_type_2 tbody th .date,
.tbl_type_2 tbody td .date { margin-right: 15px;font-size: 12px; font-weight: 600; vertical-align: middle; }
.tbl_type_2 tbody .thead th,
.tbl_type_2 tbody .thead td { border-top: none; }
.tbl_type_2 tbody .thead th { border-right: none; background-color: #f5f5f5; font-weight: 400; text-align: center; }
.tbl_type_2 tbody .thead th + th { border-left: 1px solid #dedede; }
.tbl_type_2 tbody .thead th:first-child { background-color: #efefef; }

.tbl_type_3 { border-top: 1px solid #cccccc;width: 100%; table-layout: fixed; color:#333; font-size: 16px; font-weight: normal; margin-bottom: 30px }
.tbl_type_3 thead tr th, .tbl_type_3 thead tr td {padding: 20px 0; background-color: #e6e6e6; border-left: 1px solid #dedede; border-bottom: 1px solid #dedede; font-weight: normal; text-align:center; }
.tbl_type_3 thead tr:first-child th:first-child {border-left: none }
.tbl_type_3 thead tr th {background-color: #bfc1c0;font-weight:600; }
.tbl_type_3 thead .first{border-left: none;}
.tbl_type_3 tbody tr th, .tbl_type_3 tbody td {padding: 20px 0; border-bottom: 1px solid #dedede; text-align: center; /*word-break: break-all; word-break: break-word;*/}
.tbl_type_3 tbody tr th {text-align: center; border-right: 1px solid #dedede; font-weight: normal; background-color: #f5f5f5;}
.tbl_type_3 tbody tr td {border-left: 1px solid #dedede;}
.tbl_type_3 tbody tr td:first-child {background:#f5f5f5;border-left:0;}
.tbl_type_3.bgnone tbody tr td:first-child {background:none;}
.tbl_type_3 tbody tr:first-child td:first-child {border-left: none;}
.tbl_type_3 tbody tr th + td {/*background:#f5f5f5*/ }
.tbl_type_3 tbody tr th span {display:block }
.tbl_type_3 tbody tr .sort {background:#f5f5f5 }
.tbl_type_3 thead tr:first-child + tr th:first-child {border-left: 1px solid #dedede }

.tbl_line_2 { border-top: 1px solid #cccccc;width: 100%; table-layout: fixed; color:#333; font-size: 18px; font-weight: normal; margin-bottom: 30px }
.tbl_line_2 tbody tr td {padding: 20px 0; border-left: 1px solid #dedede; background:#f5f5f5; border-bottom: 1px solid #dedede; font-weight: normal; text-align:center }
.tbl_line_2 tbody tr td:first-child {background:#fff }

.lineUp .txt {margin-top: 10px; font-size: 12px }
.tbl_type_4 {width: 100%; table-layout: fixed; color: #333; font-weight: normal; text-align: center; border-top: 1px solid #cccccc; margin-top: 15px }
.tbl_type_4 thead tr {border-top: 1px solid #717171 }
.tbl_type_4 thead tr th {padding: 8px 0 8px 0px; background-color: #f8f8f8; font-weight: normal;border-left: 1px solid #dedede }
.tbl_type_4 thead tr th:first-child {border-left:none }
.tbl_type_4 tbody tr {border-bottom: 1px solid #dedede }
.tbl_type_4 tbody tr th {font-weight: normal }
.tbl_type_4 tr td,.tbl_energy tr th {border-left: 1px solid #dedede;padding: 8px 0 8px 0px}
.tbl_type_4 tr td:first-child ,.tbl_energy tr th:first-child {border-left: none }

/* 2016.08.10추가 start */
.lineUp .txt_tbl_under {margin-top:20px;}
.lineUp .scroll_chiller_detail {position:absolute; right:0; margin-top:-30px;}
.lineUp.lineup_mt {margin-top:30px;}

.tbl_type_3 tbody tr td.bg_none , .tbl_type_5 tbody tr td.bg_none, .tbl_type_3 tbody tr th.bg_none{background:none; border-left:none;}


.tbl_type_5 { border-top: 1px solid #cccccc;width: 100%; table-layout: fixed; color:#333; font-size: 16px; font-weight: normal; margin-bottom: 30px }
.tbl_type_5 thead tr th, .tbl_type_5 thead tr td {padding: 20px 0; background-color: #e6e6e6; border-left: 1px solid #dedede; border-bottom: 1px solid #dedede; font-weight: normal; text-align:center;word-break: break-all; word-break: break-word; }
.tbl_type_5 thead tr td:first-child {border-left:none;}
.tbl_type_5 thead tr th {border-left:none;}
.tbl_type_5 thead tr th {background-color: #bfc1c0;}
.tbl_type_5 tbody tr th, .tbl_type_5 tbody td {padding: 20px 0; border-bottom: 1px solid #dedede; text-align: center; word-break: break-all; word-break: break-word;}
.tbl_type_5 tbody tr th.bg-ff{background:#fff;}
.tbl_type_5 tbody tr th {text-align: center; border-right: 1px solid #dedede; border-left:0; font-weight: normal; background:#f5f5f5;}
.tbl_type_5 tbody tr td {border-left: 1px solid #dedede; position:relative;}
.tbl_type_5 tbody tr td .ico_new {position:absolute; top:0; left:0;}
.tbl_type_5 tbody tr td .m_ico_new {position:relative;}
.tbl_type_5 tbody tr td .m_ico_new img:first-child {position:absolute; margin-top:-20px;}
.tbl_graph tbody tr td.graphBox .graph .result {font-size:14px;}
.tbl_graph tbody tr td.graphBox.graph_screw_01 .graph {width:80%;}
.tbl_graph tbody tr td.graphBox.graph_screw_02 .graph {width:70%; margin-left:25%;}
.tbl_graph tbody tr td.graphBox.graph_screw_03 .graph {width:95%}
.tbl_graph tbody tr td.graphBox.graph_screw_05 .graph  {width:85%;}
.tbl_graph tbody tr td.graphBox.graph_turbo_01 .graph {margin-left:17%; width:73%; }
.tbl_graph tbody tr td.graphBox.graph_turbo_02 .graph {margin-left:15%; width:85%}
.tbl_graph tbody tr td.graphBox.graph_turbo_03 .graph { width:87%}
.tbl_graph tbody tr td.graphBox.graph_turbo_04 .graph {margin-left:20%; width:60%;}

/* 2016.08.12 2차 수정 start */
.tbl_graph tbody tr td.graphBox.graph_turbo_05 .graph {margin-left:45%; width:90%;}
/* 2016.08.12 2차 수정 end */

.tbl_graph tbody tr td.graphBox.graph_turbo_07 .graph {margin-left:5%; width:75%;}
.tbl_graph tbody tr td.graphBox.graph_turbo_08 .graph {width:83%;}

/* 2016.08.12 2차 수정 start */
.tbl_graph tbody tr td.graphBox.graph_turbo_09 .graph {margin-left:25%; width:55%;}
.tbl_graph tbody tr td.graphBox.graph_turbo_10 .graph {margin-left:18%; width:85%;}
.tbl_graph tbody tr td.graphBox.graph_chiller_01 .graph {margin-left:15%; width:72%;}
/* 2016.08.12 2차 수정 end */

.tbl_graph tbody tr td.graphBox.graph_chiller_02 .graph {margin-left:12%; width:79%;}
.tbl_graph tbody tr td.graphBox.graph_chiller_03 .graph,.tbl_graph tbody tr td.graphBox.graph_chiller_04 .graph {margin-left:16%; width:74%;}
.tbl_graph tbody tr td.graphBox.graph_chiller_05 .graph {margin-left:10%;}
.tbl_graph tbody tr td.graphBox.graph_chiller_06 .graph {margin-left:20%;}
.tbl_graph tbody tr td.graphBox.graph_chiller_07 .graph {width:85%}
.tbl_graph tbody tr td.graphBox.graph_chiller_08 .graph {margin-left:8%;}
.tbl_graph tbody tr td .grahp_detail {position:absolute; bottom:5px;}
.tbl_graph tbody tr .img_turbo {float:right;}
.tbl_graph tbody tr .txt_center {display:block; text-align:center}
/* 2016.08.10 추가 end*/

.tbl_weird tbody td + td:before { content:' '; display: inline-block; position: absolute; left: -13px; top: 50%; margin-top: -13px; width: 25px; height: 25px; background: url('/kr/business/asset/images/usp/super5_usp_splite.png') -5px -40px no-repeat; }
.tbl_weird .pile { position: relative; border-left: none; border-right: none; }
.tbl_weird .pile + .pile { border-right: 1px dashed #dedede; }
.tbl_weird .pile + .pile:before { content:' '; position: absolute; top: 20px; bottom: 20px; margin-top: 0; width: auto; height: auto; left: 0; border-left: 1px dashed #dedede; background: none; }
.tbl_weird thead .pile:before { top: 30px; bottom: 30px; }
.tbl_weird tbody td { border-left: 1px dashed #dedede; }
.tbl_weird tbody td + td { position: relative; }
.tbl_weird tbody .except { background-color: #f5f5f5; }
.tbl_weird tbody .except th,
.tbl_weird tbody .except td { height: 90px; background-color: #f5f5f5; text-align: left; }
.tbl_weird tbody .except + .except th,
.tbl_weird tbody .except + .except td { padding-top: 0; padding-bottom: 0; border-top: 1px dashed #dedede; }
.tbl_weird tbody .except th { text-align: center; }
.tbl_weird tbody .except td + td { border-left: none; }
.tbl_weird tbody .except td:before { display: none; }
.tbl_weird tbody .except .bar { position: relative; height: 13px; margin: 0 17px; background-color: #edb0c3; }
.tbl_weird tbody .except .bar:before,
.tbl_weird tbody .except .bar:after { content:' '; position: absolute; top: -11px; width: 17px; height:35px; background: url('/kr/business/asset/images/usp/super5_usp_splite.png') no-repeat; }
.tbl_weird tbody .except .bar:before { left: -17px; }
.tbl_weird tbody .except .bar:after { right: -17px; background-position: -17px 0; }
.tbl_weird tbody .except .bar .label { display: block; position: absolute; top: -20px; left: 0; width: 100%; font-size: 16px; text-align: center; }

/*
.tbl_bottom {position:relative; margin-top:60px }
.tbl_type_4 {width:48.75%; border-top:1px solid #ccc;}
.tbl_type_4 tr th {background:#f5f5f5; border-bottom:1px solid #dedede; border-left:1px solid #dedede; padding:15px;}
.tbl_type_4 tr th:first-child{border-left:none;}
.tbl_type_4 tr:first-child th:first-child {font-weight:normal; background:#efefef; font-size:20px;}
.tbl_type_4 tr td:first-child {border-left:none; text-align:left;}
.tbl_type_4 tr td {border-left:1px solid #dedede; padding:25px; font-size:18px;}
.tbl_type_4 tr td .date { margin-right: 15px; font-weight: 600; font-size:12px; vertical-align: middle;}
 */

.tbl_type_6 {border-bottom: 1px solid #dedede;width:100%;}
.tbl_type_6 tr th{background: #f5f5f5;border-left: 1px solid #dedede;border-top: 1px solid #dedede;text-align: center;padding: 20px 0;font-weight: 200;}
.tbl_type_6 tr td{background: #fff;border-left: 1px solid #dedede;border-top: 1px solid #dedede;text-align: center;padding: 20px 0;font-weight: 200;}
.tbl_type_6 tr th:first-child{border-left:none;}

.super5-etcitem { overflow: hidden; margin-top: 60px; margin-bottom: 150px}
.tbl-super5-indoor,
.tbl-super5-remocon { width: 48.75%; float: left; }
.tbl-super5-remocon { float: right; }
.tbl-super5-remocon .thead th:first-child { padding: 63px 15px }

/* usp contents */
.textType {padding: 5%; box-sizing: border-box;}
.textType .layer {position: static;}
.textType .bodyCopy {font-size: 46px;}
.textType .subDesc {font-size: 20px;}
.responsive.full > .layout-1.right > .layer.layerRight3 {right: 3%;}

/* 2016.08.11 냉난방제어솔루션 start*/
.control_solution_wrap h4 {font-size:28px; font-weight:normal; padding-bottom:30px;}
.control_solution_wrap  h4:before {content:''; display:block; width:25px; height:3px; background:#ae1948; margin-bottom:20px;}
.control_solution_wrap h5 {font-size:22px; font-weight:normal; padding-bottom:20px;}
.control_solution_wrap h5:before {content:''; display:inline-block; width:4px; height:4px; background:#ae1948; vertical-align:middle; margin-right:8px;}
.control_solution_wrap .h4_gas {padding-top:80px;}
.control_solution_wrap .tbl_detail {display:block; text-align:right; font-size:14px; color:#848484; padding-top:20px;}
.control_solution_wrap .ico_new {position:absolute; left:7.83%; top:0;}

.control_box_01 { background:#333;}
.control_box_01:after {content:''; width:100%; height:100%; overflow:hidden; display:block;}
.control_box_01 div {float:left;}
.control_box_01 .img_half {width:50%;}
.control_box_01 .img_half img {width:100%;}
.control_box_01 .text_half {color:#fff; padding-left:4.16%; padding-top:78px; width:43%;}
.control_box_01 .text_half strong {font-size:32px;}
.control_box_01 .text_half p {color:#afafaf; font-size:1.2em; padding-top:35px;}

.control_solution_wrap .control_box_02 h4 {padding-bottom:0;}
.control_box_02 {padding-top:90px; }
.control_box_02  h4:before ,.control_box_03   h4:before  {display:none;}

.control_box_02 ul.list_view li {text-align: left; padding-left: 15px; line-height: 1.6;}


.control_box_02 ul {padding:5px 0  28px 0}
.control_box_02 ul li {font-size:18px; padding-top:5px;}
.control_box_02 .img_box img {width:100%;}

.control_box_03 {padding-top:80px;}
.control_box_03 > ul > li {display:table; width:100%; padding-top:80px; position:relative;}
.control_box_03 > ul > li:first-child {padding-top:10px;}
.control_box_03 > ul > li > div {display:table-cell}
.control_box_03 > ul > li .img_feature {width:46.75%}
.control_box_03 > ul > li .img_feature img {width:100%;}
.control_box_03 > ul > li .txt_feature {padding-top:32px; padding-right:5%;}
.control_box_03 > ul > li .txt_feature.txt_right {padding-left:6.66%; position:absolute; width:40%; right:0; word-break:keep-all;}
.control_box_03 > ul > li .txt_feature strong {font-size:22px; padding-bottom:40px;  display:block;}
.control_box_03 > ul > li .txt_feature p {font-size:18px; line-height:26px;}
.control_box_03 > ul > li .img_feature.img_left {display:inline-block}
.control_box_03 > ul > li > div:after{display:''; clear:both; overflow:hidden}

.control_box_04 {padding-top:100px;}
.control_box_04 > ul {border-bottom:1px solid #cacaca;}
.control_box_04 > ul > li {display:table; width:100%; border-top:1px solid #cacaca; padding:10px 0; position:relative;}
.control_box_04 > ul > li > div {display:table-cell; width:50%;}
.control_box_04 > ul > li > .img_box {text-align:center; }
.control_box_04 > ul > li > .txt_box {vertical-align:middle}
.control_box_04 > ul > li > .txt_box strong {font-size:22px;}
.control_box_04 > ul > li > .txt_box p {font-size:18px; padding-top:10px; line-height:24px;}
.control_box_04 > ul > li > .txt_box .product_name {font-size:18px; padding-top:15px;}
.control_box_04  .control_tbl_box {padding-top:80px;}
.control_box_04  .system_diagram_box {padding-top:114px;}
.control_box_04  .system_diagram_box img {width:100%;}

.control_tbl_box > div > ul li {font-size:15px; height:20px; position:relative;}
.control_tbl_box > div {display:table; float:left; border-bottom:1px solid #dedede; margin-bottom:15px;}
.control_tbl_box > div > ul {display:table-cell;}
.control_tbl_box > div > ul:first-child {background:#f5f5f5}
.control_tbl_box > div > ul:first-child li:first-child +li {display:table; width:100%;}
.control_tbl_box > div > ul:first-child li:first-child +li p {display:table-cell; vertical-align:middle}
.control_tbl_box > div > ul li {border-left:1px solid #dedede; border-top:1px solid #dedede; text-align:center; padding:20px 0; font-size:15px; position:relative}
.link-down:after{display: inline-block;font-family: 'LGEIcons';font-weight: normal;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';vertical-align:1px;content: '\e947';}
.control_tbl_box > div > ul:first-child li {border-left:none}
.control_tbl_box > div > ul li > span {position:absolute; top:20%; width:100%; display:block;}
.control_tbl_box > div  .ico_new {width:16%; left:10px;}

.tbl_left_box {width:58.33%;}
.tbl_left_box ul { width:31%; }
.tbl_left_box ul:first-child {width:25%;}
.tbl_left_box ul li:first-child, .tbl_right_box ul li:first-child{background:#f5f5f5}
.tbl_left_box ul li:first-child +li, .tbl_right_box ul li:first-child +li {height:110px;}
.tbl_right_box {width:41.67%; }
.tbl_right_box ul {width:35%;}

.control_tbl_box > .tbl_type_3 {margin-bottom:0}
.control_tbl_box > .tbl_type_3 thead tr th, .tbl_type_3 thead tr td {background:#f5f5f5; /*font-size:18px;*/}
.control_tbl_box > .tbl_type_3 tbody tr td {position:relative;}

.control_box_05 {padding-top:100px;}
.control_box_05 h5 {padding-bottom:30px;}
.control_box_05 h5 + p {margin-top:-10px;}
.control_box_05 > p {font-size:18px;}
.control_box_05 .img_tbl_box {width:100%; text-align:center; padding:55px 0 50px 0 }
.control_box_05 > .tbl_type_3 {margin-bottom:78px;}
.control_box_05 > .tbl_type_3 tbody tr td:first-child {background:#fff}
.control_box_05 > .tbl_type_3 thead tr td:first-child {border-left:none;}
/* 2022-02-10 : 추가 */
.control_box_05 > .tbl_type_3 + .tbl_detail {float:none;margin:-83px 0 70px;padding-top:20px;line-height:1.8;}

.dry_box > .feature_box {display:table; width:100%;}
.dry_box >  strong {font-size:20px;}
.dry_box >  p {font-size:18px; padding-top:8px;}
.dry_box .tbl_detail {padding-bottom:25px;}
.dry_box > .feature_box {padding-top:20px;}
.dry_box > .feature_box > .img_box {display:table-cell; width:33.5%; text-align:center; border:1px solid #ccc; padding:40px 0 30px 0;}
.dry_box > .feature_box > .img_box p {margin-top:-30px; font-size:18px;}
.dry_box > .feature_box > ul {display:table-cell; padding-left:3.33%; vertical-align:middle}
.dry_box > .feature_box > ul li strong {font-weight:bold; padding-bottom:3px; display:block}
.dry_box > .feature_box > ul li {font-size:18px; padding-top:5px;}
.dry_box > .feature_box > ul li + li {padding-left:10px; position:relative;}
.dry_box > .feature_box > ul li:before {content:'·'; display:inline-block; position:absolute; left:0;}
.dry_box > .feature_box > ul li:first-child:before {display:none;}
.dry_box > .feature_box.gas_feature > .img_box {width:46.83%; padding:50px 0 40px 0}
.dry_box > .tbl_type_3 {margin-top:30px; margin-bottom:0;}

.control_box_06 {padding-top:80px;}
.control_box_06 > p {padding-bottom:20px;}
.control_box_06 .control_tbl_box .tbl_type_3 {margin-top:10px;}
.control_box_06 .control_tbl_box > .tbl_detail{display:block;margin-bottom:70px;}
.control_box_06 .tbl_type_3 .remote_product {position:absolute; left:50%; margin-left:3.75%; top:35%; text-align:left;}

.control_box_06.type_doble {padding-top:80px;}
.control_box_06.type_doble > p {padding-bottom: 20px; font-size: 18px;}
.control_box_06.type_doble .control_tbl_box:after{display: block; content: ''; clear:both;}
.control_box_06.type_doble .control_tbl_box .tbl_type_3 {margin-top:10px;}
.control_box_06.type_doble .control_tbl_box > .tbl_detail{display:block;margin-bottom:70px;}
.control_box_06.type_doble .tbl_type_3 .remote_product {position:absolute; left:50%; margin-left:3.75%; top:35%; text-align:left;}
.control_box_06.type_doble .rowbox{display: block; border-top: 1px solid #dedede; border-left: 1px solid #dedede; }
.control_box_06.type_doble .rowbox:first-child {border-top: 0; }
.control_box_06.type_doble .control_tbl_box li.box_cell{padding:0; display: table; width: 100%;  height: 40px; line-height: 40px;}
.control_box_06.type_doble .control_tbl_box li.box_cell p {display: table-cell; vertical-align: middle; width: 50%}
.control_box_06.type_doble .control_tbl_box > div {float: none; display: table; width: 100%;}
.control_box_06.type_doble .control_tbl_box > div > ul li.he_40{height: 40px; line-height: 40px;  padding:0; }
.control_box_06.type_doble .tbl_left_box ul li.he_170{height: 170px;}
.tbl_detail.left{float: left; line-height: 1.8;  padding-top: 0; text-align:left;}

/* 2016.08.11 냉난방제어솔루션 end */

/* 2020.11.18 냉난방시스템제어 > 솔루션 > 세척 서비스 */
.control_box_07 strong.title{display:block; font-size:28px; padding-top:90px; padding-bottom:40px;}
.control_box_07 p.summary_txt{font-size:18px; margin-bottom:40px; }

.clean_box_list {background: #e9edf0; padding: 0 5rem;}
.clean_box_list > li {display:table; width:100%; border-top:1px solid #cacaca; padding:50px 0; position:relative;}
.clean_box_list > li:first-child {border-top: none; }
.clean_box_list > li > div {display:table-cell; width:50%;}
.clean_box_list > li > .img_box {text-align:center; width:25%;}
.clean_box_list > li > .txt_box {vertical-align:middle}
.clean_box_list > li > .txt_box strong {font-size:22px;}
.clean_box_list > li > .txt_box p {font-size:18px; padding-top:10px; line-height:24px;}

.clean_box_tb {width:100%;}
.clean_box_tb th,
.clean_box_tb td{padding: 1.5rem; border-left: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.clean_box_tb th{background-color: #f5f5f5; text-align:center; border-top:1px solid #dedede;}
.clean_box_tb th:first-child{border-left:none;}
.clean_box_tb td li{line-height: 1.8}
.clean_box_tb td p{display: inline-block; vertical-align: middle;}

/*colum_table*/
.autowidth ul{display: table;}
.autowidth li{display: table-cell; box-sizing: border-box; padding:0; display:inline-block;}
.autowidth li:first-child{padding-left: 0;}
.autowidth li dl{margin-right:1rem;}
.autowidth li dt{font-size: 20px; padding-bottom: 20px; padding-top:20px; font-weight:600;}
.autowidth li dd{font-size: 18px; padding-bottom: 40px;}
.autowidth.four li{width:24.7%;}
.autowidth.three li{width:33%;}
.autowidth.double li{width:49.8%;}
.tel_wrap{text-align:center; background-color: #333; padding: 2rem; margin-top: 20px;}
.tel_txt{color:#fff; line-height:2; display:block; font-size:16px; }
.tel_txt a{color:#fff;}
.youtube_wrap.mt70{margin-top:100px !important;}

/* 솔루션 하단 다운로드 영역 */
.download_btn_wrap{background:#f4f5f7; border:1px solid #d1d1d3; text-align:center; padding:2rem 0; margin-bottom:7rem}
.download_btn_wrap .txt{display:inline-block; vertical-align:middle; padding-right:1rem;}



/* 2017.06.09 공기솔루션 버튼 추가 */
.btns_rg { overflow: hidden }

.btns_rg .btn-r {padding: 9px 5%; font-weight:400; color: #fff; font-size:1.2em;}
.btns_rg a + a {margin-left: 10px; background-color: #666; border-color: #666;}

/* b2c에서 가져오는 usp */
.bg-ec {background: #ecf0f3;}

@media screen and (max-device-width: 768px) {
.tbl_type_5 tbody tr th{font-size:1rem}
.tbl_type_5 tbody tr td {font-size: 1rem; }
.tbl_type_5 ul.list_view li {font-size:1rem}
.control_solution_wrap .control_box_02 h5{padding-left: 20px;}
	/* 기술자료 탭 - mobile */
	.tab-techdata-header { padding: 0 20px; font-size: 13px; font-weight: 400; }
	.tab-techdata-header .sub:before { content:'※'; margin-right: 5px;}
	.tab-techdata .toggle-contents .title { border-bottom: 1px solid #bbb; background-color: #f1f2f2; color: #333; }
	.tab-techdata .toggle-contents .title > span { color: #a50034; }
	.tab-techdata .toggle-contents .title.icon:before { border-left: 1px solid #fff; color: #000 !important; }
	.tab-techdata .tg-cont { margin-bottom: 20px; padding: 0 20px; }
	.tab-techdata .tg-cont > .more { display: block; float: none; margin: 5px auto 0; padding: 0; width: 160px; height: 40px; line-height: 40px; background-color: #666; font-size: 14px; color: #fff; text-align: center; }
	.tab-techdata .tg-cont > .more:before { content: none; }
	.tab-techdata-list { }
	.tab-techdata-list > li { border-left: none; border-right: none; }
	.tab-techdata-list > li .subject,
	.tab-techdata-list > li .link { font-size: 14px; line-height: 40px; }
	.tab-techdata-list > li .subject { padding-left: 5px; padding-right: 0; width: 100%; padding-right: 30px; }
	.tab-techdata-list > li .link { position: absolute; top: 0; right: 0; margin-right: 0;}

	/*20160819*/
	.tab-techdata-list.spec_download > li .subject img {width:40%}
	.tab-techdata-list.spec_download > li .link { top: 10px; }
	/* old usp 라인업 - mobile */
	.lineUp {padding-bottom: 10px; }
	.lineUp h3 {font-size: 1.6rem; padding: 1rem 0.5rem; letter-spacing: -1px;}
	.lineUp .detail {font-size: 10px; line-height: 1.5; padding-bottom: 1rem; padding-left: 0.5rem;}
	.lineUp .detail_list{ padding-left: 0.5rem;}
	.lineUp .detail_list li {font-size: 10px; }
	.lineUp .detail.bt {padding-bottom: 1rem;}
	
	table.tbl_type_2 thead th .date,
/* 	table.tbl_type_2 thead td .date { display: block; margin-right: 0; font-size: 10px; font-weight: 400; } */

	table.tbl_weird { border-bottom: 1px solid #dedede; }
	table.tbl_weird thead th { border-left-style: solid; font-size: 12px; font-weight: 200; }
	table.tbl_weird thead th:last-child { border-right: none }
	table.tbl_weird tbody th > img { width: 100%; max-width: 100%; }
	table.tbl_weird tbody th,
	table.tbl_weird tbody td { padding: 0; font-size: 12px; }
	table.tbl_weird tbody th { background: #f5f5f5; }
	table.tbl_weird tbody td { border-left-style: solid; }
	table.tbl_weird tbody th + td { border-left: none; }
	table.tbl_weird tbody tr:first-child td:before { content: none; }
	table.tbl_weird tbody tr + tr td { position: relative; }
	table.tbl_weird tbody tr + tr td:before { content: ' '; position: absolute; left: 50%; top: -8px; margin-top: 0; margin-left: -8px; width: 17px; height: 17px; background: url('/kr/business/asset/images/usp/super5_usp_splite.png') 0 -35px no-repeat; background-size: 17px 87px; }
	table.tbl_weird .pileM th,
	table.tbl_weird .pileM td { position: relative; border-top: none; }
	table.tbl_weird .pileM th:before,
	table.tbl_weird .pileM td:before { content:' '; position: absolute; top: 0; left: 10px; right: 10px; width: auto; margin: 0; border-top: 1px dashed #dedede; background: none; }

	.label-energy { line-height: 17px; margin-top: 15px; }
	.label-safer { line-height: 17px; margin-top: 5px; }
	.label-energy:before,
	.label-safer:before { content:' '; float: left; display: inline-block; width: 17px; height: 17px; line-height: 17px; margin-right: 5px; background: url('/kr/business/asset/images/usp/super5_usp_splite.png') no-repeat; background-size: 17px 87px; }
	.label-energy:before { background-position: 0 -52px; }
	.label-safer:before { background-position: 0 -72px; }

	.super5-etcitem { margin-top: 0; margin-bottom: 0;}
	.super5-etcitem table { float: none; width: 100%; margin-top: 30px; }
	.super5-etcitem table thead th { font-size: 12px; font-weight: 200; }
	.super5-etcitem table tbody th,
	.super5-etcitem table tbody td { font-size: 12px }
	.super5-etcitem table tbody th { padding: 0; background-color: #f5f5f5; }
	.super5-etcitem table tbody th img { width: 100%; }

	/*lineup table*/
	.tbl_type_3 {font-size: 10px; margin-bottom:1rem}
	.tbl_type_3 tbody tr td {word-break:break-all;}
	.view_table{width:100%;overflow-x:scroll}
	.view_table table.tbl_type_3{width: 767px;}
	.view_table table.tbl_type_5{width: 767px;}
	.lineUp table img{max-width: 100%;}

	/* 2016.08.11 냉난방 제어솔루션  start */
	.top-list + section.responsive.control_solution_usp {padding-top:0;}
	.control_solution_wrap .tbl_detail {font-size:7px;}
	.control_solution_wrap .h4_gas {padding-top:0;}
	.control_solution_wrap  h5 {font-size:14px}
	.control_solution_wrap  h4:before {display:none;}
	.control_solution_wrap  h5 {margin:20px 0 15px 0; font-size:1.2rem; padding:0;}
	.control_solution_wrap > div > h5 +  p, .control_solution_wrap > div > h4 +  p {font-size:13px;  line-height:20px}

	.control_box_01 .img_half {width:100%;}
	.control_box_01 .text_half { padding:30px 20px;}
	.control_box_01 .text_half strong {font-size:20px;font-weight:200}
	.control_box_01 .text_half p {padding-top: 15px; font-size: 1rem; line-height: 1.6;}

	.control_box_02 {padding:0;}
	.control_solution_wrap h4 {margin:35px 20px;  font-size:20px;  padding:0;}
	.control_box_02 ul {padding:0 20px 20px 20px;}
	.control_box_02 ul li {font-size:13px;}

	.control_box_03 {padding-top:0;}
	.control_box_03 > ul > li {display:block; padding-top:0;}
	.control_box_03 > ul > li > div {display:block;}
	.control_box_03 > ul > li:first-child {padding:0;}
	.control_box_03 > ul > li .img_feature {width:100%;}
	.control_box_03 > ul > li:first-child .txt_feature {padding-top:0;}
	.control_box_03 > ul > li .txt_feature {padding:20px 5.16%; word-break:keep-all;}
	.control_box_03 > ul > li .txt_feature strong {padding:0;}
	.control_box_03 > ul > li .txt_feature p {font-size:13px; line-height:1.4}
	.control_box_03 > ul > li .txt_feature strong {font-size:20px; font-weight:200; margin-bottom:15px;}
	.control_box_03 > ul > li .txt_feature.txt_right {position:static; width:88.2%;}

	.control_box_04 {padding-top:0;}
	.control_box_04 > ul > li {display:block;}
	.control_box_04 > ul > li > div {display:block; width:100%;}
	.control_box_04 > ul > li > .txt_box {padding:0 5.16%; width:89.68%}
	.control_box_04 > ul > li > .txt_box strong {font-size:16px;}
	.control_box_04 > ul > li > .txt_box .product_name {font-size:14px; padding-top:5px}
	.control_box_04 > ul > li > .txt_box p {font-size:13px; padding-top:15px}
	.control_box_04 > ul > li > .img_box {padding-bottom:20px}
	.control_box_04  .control_tbl_box {padding:0 5.16%;}
	.control_box_04  .system_diagram_box {padding-top:0}
	.control_box_04  .system_diagram_box h5 {padding:0 5.16%;}
	.control_box_04  .system_diagram_box img {width:100%;}

	.control_box_05 {padding:0 5.16%}
	.control_box_05 .img_tbl_box >img {width:100%;}
	.control_box_05 .tbl_type_3 tbody tr th, .tbl_type_3 tbody td {font-size: 10px;  padding:8px;}
	.control_box_05 h4,.control_box_06 h4 {margin:15px 0;}
	.control_box_05 .img_box ,.dry_box > .feature_box.gas_feature > .img_box img {width:100%;}
	.control_box_05 > .tbl_type_3 {margin-bottom:10px;}
	/* 2022-02-10 : 추가 */
	.control_box_05 > .tbl_type_3 + .tbl_detail {margin-top:-3px;padding-top:5px;}

	.dry_box >  strong {font-size:16px}
	.dry_box >  p {font-size:13px}
	.dry_box > .feature_box > ul {padding-left:0;}
	.dry_box > .feature_box > .img_box ,.dry_box > .feature_box.gas_feature > .img_box {width:100%; display:block;}
	.dry_box > .feature_box > ul {width:100%; display:block; padding:10px 0}
	.dry_box > .feature_box > ul li {font-size:13px;}
	.dry_box > .feature_box > ul li strong {font-size:15px; padding:10px 0; font-weight:normal}
	.dry_box .tbl_detail, .control_tbl_box .tbl_detail {padding-bottom:20px; padding-top:5px;}

	.control_box_06 {padding:0 5.16%;}
	.control_box_06  .control_tbl_box > div >  ul li:first-child +li .product {height:70%;}
	.control_box_06 .control_tbl_box > .tbl_detail {margin-bottom:0;}
	.control_box_06 .tbl_type_3 .remote_product {position:static; text-align:center}
	
	.control_box_06.type_doble p{font-size:1rem}
	.control_box_06.type_doble .control_tbl_box li.box_cell p:first-child {width: 10%; line-height:1.5; word-break: break-word;}
	.control_box_06.type_doble .rowbox{display: block; border-top: 1px solid #dedede; border-left: 1px solid #dedede; letter-spacing: -1.8px;}

	.control_tbl_box > div {width:100%; margin-bottom:7px;}
	.control_tbl_box > div > ul,.control_tbl_box > div > ul:first-child {width:33.33%;}
	.control_tbl_box > div > ul li {padding:10px 0; font-size: 10px; word-break: keep-all;}
	.control_tbl_box > div > ul li .ico_new {width:20%; left:3px}
	.control_tbl_box > div ul li:first-child +li {height:70px;}
	.control_tbl_box > div > ul > li:first-child + li  {width:100%;}
	.control_tbl_box > div > ul li:first-child +li > p  {margin-bottom:20px;}
	.control_tbl_box > div > ul li:first-child +li .product {height:85%;}
	.control_tbl_box > div > ul li:first-child {font-size:10px;}

	.control_tbl_box > .tbl_type_3 thead tr th{font-size:10px; padding:8px;}
	.control_tbl_box .tbl_type_3 thead tr:first-child th:first-child {font-size:10px}

	/* 2017.06.09 공기솔루션 버튼 추가 */
	.btns_rg {text-align: center;}
	.btns_rg .btn-r { padding:10px 15px; text-align:center; width:50%;}
	.btns_rg a + a {margin-left:0; margin-top:2%;}
}

/* 1200 ~, 1200 ~ 1599 */
@media (min-width: 1200px) and (max-width: 1600px){
	/*features*/
	.featureBtns.clone {position: fixed; margin: 0;}
	.featureBtns.clone.move {width: 100%; left: 0; margin-left: 0; top: -40px;}
	.feature-index.move {width: 100%; min-width: 1024px; left: 0; margin-left: 0;}
}

/* ~ 1199 */
@media (min-device-width: 767px) and (max-width: 1199px) {
	/*feature*/
	.featureBtns.clone.move {width: 100%; min-width: 1024px; left: 0; margin-left: 0px; top: -42px;}
	.feature-index.move {width: 100%; min-width: 1024px; top: 38px; left: 0; margin-left: 0;}
	.feature-index section.responsive > section ul li {font-size:15px;}
	.feature h3 {font-size:26px;}
	.feature .array > li {font-size:14px;}
	.option-box .options strong {font-size:16px;}
	.array.featureBtns > li a {font-size:14px;}
	.awards {right: 50px;}


	/*SUB-TAB*/
	/*tab-spec*/
	.spec-summary .headtitle { font-size: 28px }
	.spec-summary .title { font-size: 22px }
	.spec-summary-list dt { font-size: 16px }
	.spec-summary-list dd { font-size: 18px }
	.spec-info { padding-top: 27px; padding-bottom: 22px; }
	.spec-info .title { font-size: 22px }
	/* .spec-info ul li { padding: 11px 3% 10px 0 } */
	.spec-info ul li div { font-size: 16px }

	/*tab-Benefit*/
	.usp-event { padding: 40px 0 34px 0; }
	.usp-event .list-usp-event { }
	.usp-event .list-usp-event > li { }
	.usp-event .list-usp-event > li figure .thumb { height: 120px; line-height: 119px; }
	.usp-event .list-usp-event > li figcaption p { font-size: 20px; }
	.usp-event .list-usp-event > li .duration { font-size: 16px; }

	.benefit-container { margin-top: 24px; }
	.benefit-container > h3 { font-size: 28px; }
	.benefit-container > h3 .duration { font-size: 20px }
	.benefit-container .list-benefit { }
	.benefit-container .list-benefit > li { padding: 14px 0 33px 32.16666666666667%; }
	.benefit-container .list-benefit > li > .title { top: 34px; left: 0; font-size: 22px; }
	.benefit-container .benefit-cont { margin-top: 20px; font-size: 16px; }
	.benefit-container .benefit-cont .noti > li { font-size: 14px; }

	.map-layer { width: 480px }
}


/* mobile */
@media
/* only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width : 1200px), */
only screen and (max-device-width: 767px) {
	/*responsive*/
	.top-list { margin-top:10px; }
	.top-list + section.responsive {}
	.top-list + section.responsive.title { padding-top: 30px; }
	.top-list + section.responsive.title h3 br { display: none; }
	.top-list + section.responsive.title .titleSubL {display: none !important;}
	section.responsive.title { padding-top: 30px; }
	#content > section.responsive.title:first-child { padding-top: 0; }
	#content.usp > section.responsive.title:first-child { padding-top: 30px; }
	.option-box {margin-top: 10px;}
	.option-box .functions { display: none; }

	.usp .feature { margin: 0 20px; }
	.usp .feature h3 { margin-top: 10px; font-size: 15px; }
	.usp .feature .array > li {display: block; font-size: 13px; float: none; }
	.usp .feature .array > li:before {content:'- '; margin: 0 2px 0 0; }
	.usp .feature .array > li + li { margin-top: 5px; }
	section.feature ul {margin: 8px 0 14px 0;}

	/*common rule*/
	ul.array.featureBtns { display: flex; width: 100%; /*margin: 30px 0 2px 0;*/ margin: 0 }
	ul.array.featureBtns > li {float: none; flex:1; border-right: 1px solid #fff;}
	ul.array.featureBtns > li a {display: block; margin: 0; background: #a5a5a5; text-align: center; padding: 15px 0; color: #fff; font-size:16px;}
	ul.array.featureBtns > li a span {font-size:15px;}
	ul.array.featureBtns > li a:before {display: none;}
	ul.array.featureBtns > li.on a {background: #666;}
	ul.array.featureBtns > li:after {content:''; margin: 0;}
	ul.array.featureBtns > li:before {content:''; margin: 0;}
	ul.array.featureBtns > li:last-child {background: #a5a5a5;}
	ul.array.featureBtns.cnt02 > li {width: 50%;}
	ul.array.featureBtns.cnt03 > li {width: 33%;}
	ul.array.featureBtns.cnt04 > li {width: 25%;}
	ul.array.featureBtns.cnt05 > li {width: 20%;}
	ul.array.featureBtns.cnt06 > li {width: 16%;}
	ul.array.featureBtns.cnt07 > li {width: 14%;}
	ul.array.featureBtns.cnt08 > li {width: 12.5%;}
	ul.array.featureBtns.clone { display: none; top: 0; z-index: 9; }
	ul.array.featureBtns.clone.move { display: flex; width: 100%; left: 0; margin-left: 0; }

	/*button*/
	.awards {font-family:'LGEIcons'; height: 36px; right: 60px; bottom: 10px; z-index: 7;}
	.awards img, .awards strong {display: none;}
	.awards:before {line-height:36px; font-size:33px; content:"\e918"; color: #999;}
	.btn-share {position: absolute; right: 20px; bottom: 10px !important; z-index: 7;}
	.btn-share:before {line-height:36px; font-size:33px; color: #999;}

	/*popup*/
	.awardspop {width: 90%; left: 50%; margin-left: 0;}
	.awardspop .popupInfo {height: auto !important;}
	.awardspop .popupInfo ul { overflow-y: auto; height: 200px; }
	.awardspop .popupInfo ul li {position: relative; left: 0 !important; top: 0 !important; float: none; width: 100%; height: auto; margin: 0 auto; }
	.awardspop .popupInfo ul li + li { margin-top: 20px; }
	.awardspop .popupInfo ul li strong { position: static; }


	.sorting-box { position: relative; margin: 10px 0 0 0; padding: 0 10px; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; z-index: 20 }
	.sorting-box > .tg-btn { width: 100%; height: 40px; padding: 10px; background: url('/kr/business/asset/images/common/bg_select01.png') right 50% no-repeat; font-size: 14px; text-align: left  }
	.sorting-box > .tg-cont { position: absolute; top: 100%; left: 0; right: 0; background-color: #fff; border-bottom: 1px solid #bbb; border-top: none }
	.sorting-box > .tg-cont > li a { display: block; height: 35px; padding: 0 20px; border-top: 1px solid #e0e0e0; line-height: 35px; font-size: 12px; color: #000 }


	.textType .bodyCopy {font-size: 26px;}
	.textType .subDesc {font-size: 16px;}
	.responsive .layout-1.right > .layer.turn-type {display: block;}
	.turn-type {padding: 5% 0; background: #333; position: static !important;}
	.onM-ff .bodyCopy,
	.onM-ff .subDesc {color: #fff;}

	.spec-info ul.tg-cont2 li div,
	.spec-info ul.tg-cont2 li div:first-child {width: 100%;}
	.spec-info ul.tg-cont2 li div img {max-width: 100%;}
	
	/* 2020.11.18 냉난방시스템제어 > 솔루션 > 세척 서비스 */
	.control_box_01 .text_half{width:auto; padding-left: 2rem; padding-top: 2rem; font-size: 1.4rem;}
    .control_box_07 strong.title{padding-top: 3rem; padding-bottom: 1rem;font-size: 1.4rem;}
    .control_box_07 p.summary_txt{font-size: 1rem; margin-bottom: 2rem;}
    .autowidth li dt{padding-top:0; padding-bottom:1rem; font-size: 1rem;}
    .autowidth li dd{font-size: 1rem;line-height:1.4;}
    .autowidth.four li{width:100%; height: 120px;}
    .autowidth.four li dl{display:inline-block; width: 60%;}
    .autowidth.four li p{display:inline-block; width: 31%; margin-right:1rem}
    .autowidth.double li{width:100%;}
    .autowidth.double li dl{display:block; width: 100%;}
    .autowidth.double li p{display:block; width: 100%; margin-right:1rem; margin-bottom: 1rem;}
    .clean_box_list > li{padding: 1.4rem 0;}
    .clean_box_list > li > .txt_box strong{font-size:1rem}
    .clean_box_list > li > .txt_box p{font-size:1rem}
    .clean_box_list {padding: 0 1rem;}
    .clean_box_tb td p + p{display: block; text-align:center;}
    .tel_txt{font-size:1rem; }
    .autowidth_warp,.control_box_07,.tel_wrap{margin-left:1rem; margin-right:1rem}
    .youtube_wrap.mt70{margin-top:2rem !important;}
    .download_btn_wrap .txt {margin-bottom: 1rem; display:block}
	
	
}

/*0320 재희 다운로드 긴급헬프*/
.search_result_area {}
.search_result_area .content_box {width: 640px; margin: auto;}