/********** 컨텐츠 타이틀 **********/

h2 { font-size:44px; }
h4 { font-size:27px; }
h5 { font-size:20px; }
h2, h3, h4, h5 { line-height:140%; color:#111; font-weight:700; }


h3 { font-size:34px; color: #003aac; }
h3::first-letter { display: block; content: ""; padding-top: 8px; border-top: 4px solid #003aac;}
h3.white { color: #fff; }
h3.white::first-letter { border-color: #fff; }

.cont { font-size:18px; line-height:180%; font-weight:400; color:#000; text-align:left; }
.cont.w5 { font-weight:500; color:#555; }
.cont.short { line-height:160%; }

@media (max-width:1600px) {
	h2 { font-size:calc(20px + 1.4vw); }
	h3 { font-size:calc(16px + 1vw); }
	h3::first-letter { padding-top: 7px; border-top: 3px solid;}
	h4 { font-size:calc(14px + 0.7vw); }
	h5 { font-size:calc(12px + 0.5vw); }
	.cont { font-size:calc(13px + 0.3vw); line-height:170%; }
}
@media (max-width:1024px) {
	h2, h3, h4, h5 { line-height:130%; }
	h3::first-letter { padding-top: 6px; border-top: 2px solid;}
	.cont { line-height:160%; }
}






/***** 인사말 *****/

/* innovation */
#innovation ul::after { display: block; content: ""; clear: both; visibility: hidden;}
#innovation ul li { float: left; position: relative; }

#innovation ul li:first-child { width:47%; z-index:5; }
#innovation ul li:last-child { width:53%; z-index:10; }

#innovation ul li p.tit { position: absolute; margin-top: 10%; margin-left: -15%; font-family: 'NEXEN_TIRE_B'; font-size: 58px; color: #101010; line-height: 1.2; }
#innovation ul li p.tit.play { z-index:10; }
#innovation ul li p.tit em { font-style: normal; }
#innovation ul li .txtbox { padding: 42% 0 0 12%;}

@media (max-width: 767px){
	#introduce section > ul { max-width:calc(300px + 26vw); margin:0 auto; }
	#innovation ul li:first-child, #innovation ul li:last-child { width: 100%; }
	#innovation ul li p.tit { margin-top: calc(15px + 2vw); margin-left: 0%; }
	#innovation ul li .txtbox { margin-top: calc(50px + 11vw); padding: 3% 0 0 0;}
}


/* trust */
#trust { background: #bfd0e4; overflow: hidden; }
#trust ul { position: relative; min-height: 540px; padding: 140px 0 240px 0; }
#trust ul li:first-child { position: absolute; top: 0; right: -8%; width: 59%; }

#trust ul li:first-child img { transform:scale(.9); transform-origin:top; }
#trust ul li:first-child.play img { transform:scale(1); transition:transform 1s ease-out; }

#trust ul li:last-child { width: 40%; }

@media (max-width: 1660px){
	#trust ul { min-height:calc(220px + 19vw);}
	#trust ul { padding: calc(20px + 7vw) 0 calc(80px + 7vw) 0; }
}
@media (max-width: 1500px){
	#trust ul li:first-child { right: -3%; }
}
@media (max-width: 767px){
	#trust ul { flex-direction: column-reverse; min-height: auto; padding: 0 0 calc(80px + 7vw) 0; }
	#trust ul li:first-child, #trust ul li:last-child { width: 100%; }
	#trust ul li:first-child { position:static; margin-left:-3%; }
}



/* safety */
#safety ul { padding-top: 140px; }
#safety ul::after { display: block; content: ""; clear: both; visibility: hidden;}
#safety ul li { float: left; }
#safety ul li:first-child { width:47%; }
#safety ul li:last-child { width:53%; }
#safety ul li:last-child .txtbox { padding-left: 12%; }
#safety ul li img { margin-top:-230px; }

@media (max-width: 1660px){
	#safety ul li img { margin-top: calc(-60px - 10vw); }
}
@media (max-width: 767px){
	#safety ul li:first-child { width: 100%; }
	#safety ul li:last-child { width: 100%; }
	#safety ul li:last-child .txtbox { padding-left: 0; margin-top: 6%; }
}



/* happy */
#happy { background: #eee; overflow: hidden; }
#happy ul { display: flex; flex-wrap: wrap; }
#happy ul li { position: relative; min-height: 580px;}
#happy ul li:first-child { width:40%; padding: 140px 0; }
#happy ul li:last-child { width: 60%; }
#happy ul li .txtbox { position: relative; top: 50%; transform: translateY(-50%);}
#happy ul li img { position: absolute; bottom: 0; right: -10%; width:90%; }
@media (max-width:1660px){
	#happy ul li { min-height: calc(160px + 25vw);}
	#happy ul li img { right: 0; width:85%; }
}
@media (max-width:767px){
	#happy ul li:first-child, #happy ul li:last-child { width: 100%; min-height: 0;}
	#happy ul li img { position:static; width:95%; }
}

/***** 인사말 끝 *****/







/* 회사연혁 */
.adm_btn { padding:10px 20px; background:#f3f3f3; border:1px solid #ddd; font-size:15px; }

#since { background: #f2f5fb; }
#since .swrap { padding:80px 0; position:relative; }

#since .img_wrap { position:absolute; margin-top:-80px; top:0; width: 40%; height: 100%; }
#since .img_wrap > div { background: no-repeat center/cover; height: 100%; }

#since .txtbox { width:60%; padding-left:7%; margin-left:auto; }
#since .txtbox p.year { color: #003aac; font-size: 24px; font-weight: 700; line-height: 1.2;}
#since .txtbox p.tit { color: #212121; font-size: 44px; font-weight: 700; line-height: 1.3;}
#since .txtbox p:nth-child(3) > span { transition-delay:.4s; }
#since .txtbox .detail { color: #2d2d2d; font-size: 17px; line-height: 1.6; }
#since .txtbox .app_up.detail { transform:translateY(30px); transition-delay:.8s; }


@media (max-width: 1660px){
	#since .img_wrap { margin-top:calc(-14px - 4vw); }
}
@media screen and (max-width: 1000px){
	#since .img_wrap, #since .txtbox { width:50%; }
	#since .txtbox .detail br { display:none; }
}
@media (max-width: 767px){
	#since .img_wrap, #since .txtbox { width:100%; }
	#since .img_wrap { position:static; height:54vw; margin-top:calc((-14px - 4vw)*2); }
	#since .txtbox { padding-left:0; margin-top:calc(20px + 2vw); max-width:400px; margin-left:0; }
}



#history_list dl:after { clear:both; visibility:hidden; display:block; content:''; }

#history_list dt { float:left; width:40%; font-family:'Play'; font-size:48px; padding-left:12%; }
#history_list dd { float:left; width:60%; padding-left:7%; }

#history_list .history_y li:after { clear:both; visibility:hidden; display:block; content:''; }
#history_list .history_y li { position:relative; }
#history_list .history_y li a { position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; }
#history_list .history_y li:nth-child(n+2) { margin-top:40px; }
#history_list .history_y span { float:left; font-family:'Play'; font-size:22px; width:10%; line-height:110%; }
#history_list .history_y ul { float:left; width:90%; }
#history_list .history_y ul li { font-size:17px; line-height:140%; padding-left:36px; position:relative; }
#history_list .history_y ul li em { position:absolute; font-style:normal; font-family:'Play'; font-size:17px; color:#111; left:0; top:1px; }

#history_list .history_y ul li:nth-child(n+2) { margin-top:6px; }
#history_list .line { border-top:1px solid #ddd; margin:70px 0; }


@media (max-width:1660px){
	#history_list .history_y li:nth-child(n+2) { margin-top:calc(3px + 2vw); }
	#history_list .history_y ul li:nth-child(n+2) { margin-top:5px; }
}
@media (max-width:1400px){
	#history_list .history_y ul li em { top:0px; }
}
@media (max-width:1200px){
	#history_list .history_y ul li:nth-child(n+2) { margin-top:4px; }
	#history_list .history_y ul li { padding-left:30px; }
}
@media (max-width:1000px){
	#history_list .history_y span { width:15%; }
	#history_list .history_y ul { width:85%; }
	#history_list dt, #history_list dd { padding-left:0; }
}
@media screen and (max-width:767px){
	#history_list dt, #history_list dd { width:100%; }
	#history_list dd { margin-top:20px; }
	#history_list .history_y ul li:nth-child(n+2) { margin-top:3px; }
	#history_list .history_y ul li { padding-left:28px; }
}








/***** 사업장안내 #location *****/
#world { position: relative; padding:200px 0 280px; overflow: hidden; }
#world .world_bg { position:absolute; left:240px; top:0; width:100%; height:100%; background:url('../images/loca_bg.jpg') no-repeat center; }
#world .bar { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 95%; max-width: 1600px; height: 95px; background: #fff; }
#world #location_txtbox strong { display:block; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 64px; font-weight: 700; line-height: 1.2;}
#world #location_txtbox p { color: #fff; font-size: 17.7px; font-weight: 500; line-height: 1.7; transform:translateY(30px); }

#location p.tit { text-align: center; font-family: 'Roboto', sans-serif; color: #003aac; font-size: 48px; font-weight: 700; line-height: 1.2;}
#location .office:after { clear:both; visibility:hidden; display:block; content:''; }
#location .office > li { float:left; }
#location .office_txt { width:45%; }
#location .office_txt:last-child { margin-left: 10%; }

#location .office_txt i { display:block; border-top:1px solid #aaa; margin:30px 0; }
#location .office_txt p { font-size:17.7px; line-height:150%; }

#location .office_txt ul::after { clear: both; visibility: hidden; display: block; content: ''; }
#location .office_txt ul li { float: left; font-size:17.7px; letter-spacing:0; }
#location .office_txt ul li:last-child { margin-left: 5%; }

#location .office_txt ul li span { display:inline-block; width:30px; height:30px; border-radius:50%; background:#777; color:#fff; font-size:15px; text-align:center; line-height:32px; font-weight:500; margin-right:12px; }

#location_base .office_txt:last-child{ width: 100%; margin-left: 0%; }


/* 지도 */
.location_map {	width:100% !important;	}
.location_map.kakao { border:0 !important; margin-bottom:-1px; }
.location_map.google { height:500px; margin-bottom:-2px; }

#map2 .location_map.google, #map3 .location_map.google { height:360px; }

#location_vina { padding: 150px 0; background: #f5f5f5; }

@media (max-width: 1660px){
	#world .world_bg { background-size:calc(300px + 54vw); left:20%; }
	#world .bar { height: calc(20px + 4vw); }
}
@media (max-width: 1000px){
	#world .world_bg { background-position:left 10px; left:25%; }
	#location .office_txt ul li { float: none; }
	#location .office_txt ul li:last-child { margin-left:0; margin-top:12px; }
	#location .office_txt ul li span { width:24px; height:24px; line-height:26px; margin-right:10px; }
}
@media (max-width: 767px){
	#world .world_bg { left:30%; background-position:left 7px; }
	#world #location_txtbox p { max-width:440px; }
	#world #location_txtbox p br { display:none; }
	#world .bar { width:calc(100% - 36px); }

}
@media (max-width: 640px){
	.location_map.google { height:300px; }
	#map2 .location_map.google, #map3 .location_map.google { height:260px; }
	#location .office_txt { width:100%; }
	#location .office_txt:last-child { margin-left:0; margin-top:calc(20px + 5%); }
	#location .office_txt ul li:last-child { margin-top:8px; }
}
/***** 사업장안내 끝 #location *****/










/***** SKYBON 시작 *****/

/* 고분자량 boonza */
#boonza { position: relative; padding: 150px 0 140px; overflow: hidden; }
#boonza .bg { position: absolute; bottom:0; right: 0; width:calc((100% - 1360px)/2 + 180px); height:100%; background: #f6f6f6;}

#boonza ul { position: relative; }
#boonza ul::after { display: block; content: ""; clear: both; visibility: hidden; }
#boonza ul li { float: left; width: 50%;}
#boonza .last_txt { width: 50%; }

#boonza ul li:last-child { padding-left: 5%; }
#boonza ul li strong { display: block; font-size: 30px; font-weight: 700; line-height: 1.2;}
.eng #boonza ul li strong { font-size: 24px; }

@media (max-width: 1660px){
	#boonza ul li .logo { width:calc(100px + 6vw); }
}
@media (max-width: 1400px){
	#boonza .bg { width:20%; }
}
@media (max-width: 767px){
	#boonza .bg { width:100%; height:calc(100px + 30vw);  }
	#boonza ul { max-width:calc(360px + 26vw); margin:0 auto; }
	#boonza ul li, #boonza ul li:last-child { width:100%; text-align:center; }
	#boonza ul li:last-child { margin-top: calc(24px + 3vw); padding-left:0; }
	#boonza ul li:last-child img { width:80%; }
}
@media (max-width: 420px){
	#boonza ul li:last-child img { width:100%; }
}



/* 제품타입 solvent */
#solvent { padding: 130px 0; background: #003aac;}
#solvent ul#borne { display: flex; flex-wrap: wrap; justify-content: space-between; }
#solvent ul#borne > li { width: 49%; padding: 50px; background-color:rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.15); cursor: pointer;}
#solvent ul#borne > li:nth-child(even).play { transition-delay:.2s; }
#solvent ul#borne > li:nth-child(n+3) { margin-top: 2%; }

#solvent ul#borne > li .box { position:relative; height:100%; }

/* li( flex컨텐츠) 안의 요소 : bg, ul, detail_view */

/* ul#borne > li ul */
#solvent ul#borne li ul::after { display: block; content: ""; clear: both; visibility: hidden; }
#solvent ul#borne li ul { height:100%; }
#solvent ul#borne li ul li { float: left; position: relative; }

#solvent ul#borne li ul li:first-child { width: 20%;}
#solvent ul#borne li ul li:first-child img.on { display: none; }
#solvent ul#borne li ul li:first-child p { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #003aac; font-family:'Kanit'; font-size: 52px; font-weight: 600; }

#solvent ul#borne li ul li:last-child { width: 80%; padding-left:7%; padding-bottom:50px; height:100%; }
#solvent ul#borne li ul li:last-child span { display: block; opacity: .7; color: #fff; font-family:'Kanit'; font-size: 21px; font-weight: 500; line-height: 1.2; }
#solvent ul#borne li ul li:last-child strong { display: block; color: #fff; font-size: 28px; font-weight: 700; line-height: 1.4; }
#solvent ul#borne li ul li:last-child p { opacity: .7; color: #fff; font-size: 16px; line-height: 1.6; }

/* ul#borne > li detail_view */
#solvent ul#borne > li .detail_view { position: absolute; bottom: 0; right: 0;}
#solvent ul#borne > li .detail_view button { display: inline-block; font-size: 14px; }
#solvent ul#borne > li .detail_view button * { color:#fff; }
#solvent ul#borne > li .detail_view button i { font-size:21px; }

@media (max-width: 1660px){
	#solvent ul#borne li ul li:last-child { padding-bottom:calc(30px + 1vw); }
}
@media (max-width: 1400px){
	#solvent ul#borne > li .detail_view button i { padding-top:2px; }
}
@media (min-width: 1024px){
	#solvent ul#borne > li:hover { background-color:white; }
	#solvent ul#borne > li:hover ul li:first-child img.un { display: none;}
	#solvent ul#borne > li:hover ul li:first-child img.on { display: block;}
	#solvent ul#borne > li:hover ul li:first-child p { color: #fff;;}
	#solvent ul#borne > li:hover ul li:last-child span { opacity: 1;  color: #303030;}
	#solvent ul#borne > li:hover ul li:last-child strong { color: #003aac;}
	#solvent ul#borne > li:hover ul li:last-child p { opacity: 1; color: #535353;}

	#solvent ul#borne > li:hover .detail_view button * { color: #003aac; }
}

@media (max-width: 767px){
	#solvent .swrap > div { max-width:calc(360px + 26vw); margin:0 auto; }
	#solvent ul#borne > li { width: 100%; }
	#solvent ul#borne > li:nth-child(n+3) { margin-top: 0; }
	#solvent ul#borne > li:nth-child(n+2) { margin-top: calc(15px + 1.2vw); }
	#solvent ul#borne > li:nth-child(even).play { transition-delay:0; }
}


/* 비주얼 니즈 */
#needs { position: relative; padding: 200px 0; background: #000; }
#needs:before { display:block; content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:url(/images/needs.jpg) no-repeat; background-position:center top; background-size:cover; }
#needs p { text-align: right; }

@media (max-width: 767px){
	#needs:before { opacity: 0.8; }
	#needs p { text-align: center; }
	#needs p br { display:none; }
}
@media (max-width: 540px){
	#needs:before { background-position:-270px top; }
}
/***** SKYBON 끝 *****/




/* 2단 타이틀 컨텐츠 */
.col2cont::after { display: block; content: ""; clear: both; visibility: hidden; }
.col2cont > li { float: left; }
.col2cont > li:first-child { width: 25%; padding-right:5%; }
.col2cont > li:last-child { width: 75%;  }
@media (max-width: 1250px){
	.col2cont > li:first-child { width: 100%; padding-right:0; }
	.col2cont > li:last-child { margin-top: calc(14px + 1.6vw); width: 100%; }
}



/* 제품 탭메뉴 */
.pro_tab ul { display: flex; justify-content: center; }
.pro_tab ul > li { width:240px; padding:18px 20px; margin:0 0.3%; border:1px solid #ddd; position:relative; }
.pro_tab ul > li p { font-size: 15px; color:#888; text-align:center; line-height:1.2; position:relative; top:50%; transform:translateY(-50%); }
.pro_tab ul > li.tabon { border:0; }
.pro_tab ul > li.tabon p { color:#fff; font-weight:600; }

@media (max-width: 1660px){
	.pro_tab ul > li p { font-size:calc(10.2px + 0.3vw); }
}
@media screen and (max-width:1000px){
	.pro_tab ul > li { min-width:140px; padding:14px 15px; }
}
@media screen and (max-width:767px){
	.pro_tab ul { flex-wrap: wrap; }
	.pro_tab ul > li { width:49%; margin:0.5%; padding:12px 10px; }
}



/***** 제품소개 #product *****/

/* 제품명 및 설명 */
#product_name { text-align: center; }
#product_name .tit, #product_name strong { font-family: 'Kanit', 'Pretendard', sans-serif; }
#product_name .logo { position: relative; margin: 0 auto; width: 169px; }
#product_name .logo p { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #003aac; font-size: 64px;  font-weight: 600;}
#product_name .logo p.small { font-size:52px; }

#product_name strong { display: inline-block; color: #003aac; font-size: 28px; font-weight: 600; line-height: 1.4; }
#product_name p.scr { font-size: 26px; color:#000; }
#product_name p.scr em { color: #003aac; font-weight: 700; font-style: normal; }

@media (max-width: 1660px){
	#product_name .logo { width: calc(80px + 5vw); }
}
@media (max-width: 767px){
	#product_name br { display: none; }
	#lpp #product_name p.scr { text-align:left; }
	#lpp #product_name br { display: block; }
	#product_name p.scr { max-width:480px; margin-left:auto; margin-right:auto; }
}



/* 제품소개-특성 */
#feature { padding: 120px 0; background: #003aac; }

#feature .feature_boxes { display: flex; flex-wrap: wrap; }
#feature .feature_boxes li { margin-right: 2%; width: 32%; padding:30px 35px; background-color:rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.15); }
#feature .feature_boxes li:nth-child(3n) { margin-right: 0;}
#feature .feature_boxes li:nth-child(n+4) { margin-top: 2%; }
#feature .feature_boxes li strong { color: #fff; font-size: 22px; font-weight: 700; line-height: 1.5; }
#feature .feature_boxes li p { opacity: .7; color: #fff; font-size: 16px; line-height:1.6; }

.eng #feature .feature_boxes li strong { line-height: 1.3; }
.eng #feature .feature_boxes li p { line-height: 1.5; }

@media (max-width: 660px){
	#feature .feature_boxes li, #feature .feature_boxes li:nth-child(3n) { width: 49%; margin-right: 2% }
	#feature .feature_boxes li:nth-child(2n) { margin-right: 0%;}
	#feature .feature_boxes li:nth-child(n+4), #feature .feature_boxes li:nth-child(n+3) { margin-top: 2%; }
	.eng #feature .feature_boxes li p { line-height: 1.4; }
	body:not(.eng) #feature .feature_boxes li p { word-break:break-all; }
}



/***** 제품소개-용도 */

#usage .usage_boxes { display: flex; flex-wrap: wrap; }
#usage .usage_boxes li { margin-right: 2%; width: 32%;  }
#usage .usage_boxes li:nth-child(3n) { margin-right: 0;}
#usage .usage_boxes li:nth-child(n+4) { margin-top: 4%; }

#usage .usage_boxes li .img { height: 230px; background: no-repeat center/cover; }
#usage .usage_boxes li .tit { color: #333; font-size: 16.5px; line-height: 1.4; font-weight:600; }
body:not(.eng) #usage .usage_boxes li .tit { word-break:break-all; }


@media (max-width: 1660px){
	#usage .usage_boxes li .img { height: calc(100px + 7.5vw); }
}

@media (max-width: 1250px){
	#usage .usage_boxes li { margin-right: 3.5%; width: 31%;  }
	#usage .usage_boxes li .img { height: calc(100px + 9vw); }
}
@media (max-width: 660px){
	#usage .usage_boxes li, #usage .usage_boxes li:nth-child(3n) { width: 48%; margin-right: 4%; }
	#usage .usage_boxes li:nth-child(2n) { margin-right: 0%;}
	#usage .usage_boxes li:nth-child(n+4), #usage .usage_boxes li:nth-child(n+3) { margin-top: 5%; }
	#usage .usage_boxes li .img { height: calc(100px + 7vw); }
}



/* 제품소개 - 표 */

.pro_table table { border-bottom:1px solid #aaa; }
.pro_table table thead tr { background-color:#003aac; }
.pro_table table thead tr * { color:#fff; }
.pro_table table thead tr th.l_line { border-left:1px solid rgba(255,255,255,.2); }
.pro_table table thead tr * { border-color:rgba(255,255,255,.2); }
.pro_table table thead tr:last-child *, .pro_table table tbody tr * { border:0; }
.pro_table table tr > *, .pro_table table tr > * > p { font-size:14px; }

.left_fix_srcoll { position:relative; overflow-x:hidden; }
.left_fix_srcoll tbody td { background:#fff; }
.left_fix { display:none; }

.pro_table table tbody tr:nth-child(odd) * { background:#fff; }
.pro_table table tbody tr:nth-child(even) * { background:#f5f5f5; }


/* 제품별 표 사이징 */
#es .pro_table table tbody tr td:nth-child(6),
#es .pro_table table tbody tr td:nth-child(7) { width:7%; }
#es .pro_table table tbody tr td:nth-child(8) { width:8%; }

#ew .pro_table table tbody tr td:nth-child(6),
#ew .pro_table table tbody tr td:nth-child(7) { width:7%; }
#ew .pro_table table tbody tr td:nth-child(8) { width:8%; }

#eh .pro_table table tbody tr td:nth-child(6) { width:13%; }
#eh .pro_table table tbody tr td:nth-child(7),
#eh .pro_table table tbody tr td:nth-child(8) { width:10%; }

#em .pro_table table tbody tr td:nth-child(6),
#em .pro_table table tbody tr td:nth-child(7) { width:12%; }

#lpp .pro_table table tbody tr td { width:20%; }

@media (max-width:1660px) {
	.pro_table table tr > *, .pro_table table tr > * > p { font-size:calc(9px + 0.3vw); }
}
@media screen and (max-width:767px) {
	#specify .left_fix_srcoll table { width:800px; }

	.left_fix { display:block; position:absolute; z-index:-1; left:0; top:0; }
	.left_fix thead .scr_th, .left_fix td, .left_fix_srcoll .scroll tr .fix_th { visibility:hidden; }
	.left_fix_srcoll table tr .fix_th { width:120px; }
	.left_fix_srcoll .scroll { overflow-x:scroll; }
}

@media screen and (max-width:500px) {
	#specify .left_fix_srcoll table { width:600px; }
	.left_fix_srcoll table tr .fix_th { width:80px; }
}



/* EM 그래프 */

#em #devel { padding:120px 0; background:#f6f6f6; }
#em #devel .cont { font-weight:400; color:#333; }
#em #devel img { width:360px; }

.dol_03 > li { position:relative; padding:6px 0 6px 23px; font-size:17px; line-height:150%; color:#444; }
.dol_03 > li:before { display:block; width:16px; height:16px; border-radius:50%; content:''; background-color:#003aac; position:absolute; left:0; top:11px; background-image:url(../images/check.png); background-repeat:no-repeat; background-position:center; }

@media (max-width:1660px) {
	.dol_03 > li { padding:5px 0 5px 22px; }
	.dol_03 > li:before { top:9px; background-size:calc(7px + 0.3vw); }
	#em #devel img { width:calc(200px + 10vw); }
}
@media (max-width:1024px) {
	.dol_03 > li { padding:4px 0 4px 20px; }
	.dol_03 > li:before { width:14px; height:14px; }
}
@media (max-width:860px) {
	#em #devel .col2 > li:last-child { text-align:right; }
}
@media (max-width:700px){
	#em #devel .col2 > li { width:100%; }
	#em #devel .col2 > li:last-child { margin-top:calc(20px + 3vw); text-align:center; }
}
@media (max-width:420px){
	.dol_03 > li { padding:4px 0 4px 16px; }
	.dol_03 > li:before { width:12px; height:12px; }
}



/***** 제품소개 끝 *****/








/* ★기동능력 POWER */

/* 심볼 */
#symbol > ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
#symbol > ul > li { width: 44%; }
#symbol > ul > li:nth-child(n+3) { margin-top: 4%; }

#symbol .con { display: flex; }
#symbol .con li .icon { width: 177px; height: 177px; background-color: #f2f5fb; border-radius: 50%; background-repeat: no-repeat; background-position:center; background-size:111px; }

#symbol > ul > li:nth-child(even).play { transition-delay:.2s; }

#symbol .con li:last-child { width:100%; }
#symbol .con li .txtbox { padding-left: 10%; padding-top:37px; }
#symbol .con li .txtbox strong { color: #003aac; font-size: 28px; font-weight: 700; line-height: 1.3; }
#symbol .con li .txtbox p { color: #242424; font-size: 16px; line-height: 1.5; }
.eng #symbol .con li .txtbox strong { line-height: 1.2; font-size: 24px; }
.eng #symbol .con li .txtbox p { line-height: 1.4; }

@media (max-width: 1660px){
	#symbol .con li .icon { width: calc(60px + 7vw); height: calc(60px + 7vw); background-size: calc(55px + 3vw); }
	#symbol .con li .txtbox { padding-top:9%; }
}
@media (max-width: 1220px){
	#symbol > ul > li { width: 47%; }
}
@media (max-width: 768px){
	#symbol .con { flex-wrap: wrap; }
	#symbol .con li .txtbox { padding-left:0; padding-top:calc(10px + 2vw); }
}
@media (max-width:460px){
	#symbol > ul > li { width: 100%; }
	#symbol > ul > li:nth-child(n+2) { margin-top:8%; }
	#symbol > ul > li:nth-child(even) .play { transition-delay:0; }
	#symbol .con { flex-wrap:nowrap; }
	#symbol .con li .txtbox { padding-top:0; padding-left:5%; }
	#symbol .con li > * { position:relative; top:50%; transform:translateY(-50%); }
}



/********** 제품 슬라이드 **********/

#main_product { position:relative; padding-bottom:30px; overflow:hidden; }
#main_product .swrap { height:10px;}
#product_list { position:relative; left:calc((100% - 1360px)/2); height:calc(20vw + 100px); }
#product_list li { padding-right:25px; }
#product_list li .img { height:18vw; background-size:cover; background-position:center; background-repeat:no-repeat; transition:height .4s; cursor:pointer; }
#product_list li strong { margin-top:20px; display:block; line-height:130%; font-weight:500; font-size:17px; color:#111; transition:font-size .4s; }

#product_list .slick-current .img { height:24vw; cursor:default; }
#product_list .slick-current strong { font-size:23px; margin-top:25px; color:#003aac; font-weight:700; }
#product_list .slick-current p { opacity:1; }

.pro_arrow { position:absolute; right:0; bottom:0; }
.pro_arrow li { width:50px; height:50px; border:2px solid; background-position:center; background-repeat:no-repeat; cursor:pointer; }

@media (max-width:1680px) {
	#product_list li { padding-right:calc(8px + 1vw); }
	#product_list li strong { font-size:calc(10px + 0.38vw); margin-top:calc(10px + 0.5vw); }
	#product_list .slick-current strong { font-size:calc(12.3px + 0.6vw); margin-top:calc(13px + 0.6vw); }
	#product_list li p { font-size:calc(10px + 0.3vw); }
}

@media (max-width:1500px) {
	#product_list { left:40px; width:1500px; }
}

@media (max-width:1200px) {
	#product_list { width:110%; height:calc(17vw + 150px);  }
	#product_list li .img { height:calc(120px + 10vw); }
	#product_list .slick-current .img { height:calc(150px + 14vw); }
}
@media (max-width:1024px) {
	#product_list { left:25px; width:120%; }
}

@media (max-width:767px) {
	#product_list { left:18px; width:150%; }
}

@media (max-width:480px) {
	#mainvisual:before, #main_product:before { width:100%; }
	#product_list { width:170%; }
}


/* 인증서 */
#certify ul::after { display: block; content: ""; clear: both; visibility: hidden; }
#certify ul li { float: left; width: 50%; }
#certify ul li:last-child { padding-left: 5%; transform:scale(.7); }
#certify ul li:last-child.play { transform:scale(1); }

#certify ul li span { display: block; color: #003aac; font-size: 16px; font-weight: 700; }
#certify ul li strong { display: block; color: #242424; font-size: 36px; font-weight: 700; line-height: 1.4; }
#certify ul li p { color: #3e3e3e; font-size: 17.7px; line-height: 1.7; }

.eng #certify ul li strong { font-size: 32px; line-height: 1.3; }
.eng #certify ul li p { line-height: 1.5; }

@media (max-width: 1250px){
	#certify ul li strong br{ display: none; }
}
@media (max-width: 1000px){
	#certify ul li:first-child { width: 40%; }
	#certify ul li:last-child { width: 60%; }
}
@media (max-width: 767px){
	#certify ul li:first-child, #certify ul li:last-child { width: 100%; }
	#certify ul li:last-child { padding: 0; margin-top:calc(10px + 4vw); }
	#certify ul li:last-child img { width:calc(300px + 18vw); }
}

/* 기동능력 POWER 끝 */