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

.h1 { font-size:52px; font-weight:700; color:#222; }
h2 { font-size:44px; font-weight:700; color:#333; }
h3 { font-size:34px; font-weight:700; color:#333; }
h4 { font-size:27px; font-weight:500; color:#444; }
h5 { font-size:19px; font-weight:400; color:#333; }

body.eng h3 { font-size:28px; }
body.eng h4 { font-size:23px; }
body.eng h5 { font-size:18px; }



h2, h3, h4, h5 { line-height:140%; }

.h1 i { display:block; font-style:normal; height:74px; line-height:100px; overflow:hidden; margin-bottom:20px; font-size:100px; color:#eee; }

@media (max-width:1200px) {
	.h1 { font-size:44px; }
	h2 { font-size:38px; }
	h3 { font-size:29px; }
	h4 { font-size:24px; }
	h5 { font-size:16px; }

	body.eng h3 { font-size:24px; }
	body.eng h4 { font-size:20px; }
	body.eng h5 { font-size:15px; }
}
@media (max-width:1000px) {
	.h1 { font-size:38px; }
	.h1 i { height:60px; line-height:80px; margin-bottom:15px; font-size:80px; }
	h2 { font-size:33px; }
	h3 { font-size:26px; }
	h4 { font-size:21px; }
	h5 { font-size:15px; }

	body.eng h3 { font-size:20px; }
	body.eng h4 { font-size:18px; }
	body.eng h5 { font-size:14px; }
}
@media (max-width:768px) {
	.h1 { font-size:33px; }
	.h2 { font-size:28px; }
	h3 { font-size:23px; }
	h4 { font-size:19px; }
	h5 { font-size:14.5px; }

	body.eng h3 { font-size:17px; }
	body.eng h4 { font-size:16px; }
	body.eng h5 { font-size:13px; }
}
@media (max-width:540px) {
	.h1 { font-size:28px; }
	.h1 i { height:40px; line-height:54px; margin-bottom:10px; font-size:54px; }
	h2 { font-size:25px; }
	h3 { font-size:20px; }
	h4 { font-size:16.5px; }
	h5 { font-size:14px; }

	body.eng h3 { font-size:16px; }
	body.eng h4 { font-size:14px; }
	body.eng h5 { font-size:12px; }
}



/* 인사말 */

#company .intro_img { height:500px; background:url(../images/company.jpg) center no-repeat; background-size:cover; }
#company .intro_txt { position:relative; width:700px; padding:50px 0 0 60px; background:#fff; margin-top:-100px; }
#company .td_title { font-weight:500; }

#company #grid { position:relative; background:url('/images/grid.gif') center; border:1px solid #ddd; height:280px; }
#company #grid div { position:absolute; left:0; top:0; width:100%; height:100%; background:url('/images/ci.png') center no-repeat; }

#vone { padding:100px 0; }
#vone #v_mo { display:none; }
#vone .one_cont { color:#222; font-weight:400; line-height:150%; font-size:17px; }

#ci_colors ul { margin:-30px; }
#ci_colors .col_box:after { clear:both; visibility:hidden; display:block; content:''; }
#ci_colors .col_box { margin:30px; }

#ci_colors .ci_color { float:left; width:110px; height:110px; border-radius:50%; }
#ci_colors .ci_color .vm { color:#fff; font-size:13px; font-weight:400; line-height:130%; letter-spacing:0; }

#ci_colors .ci_cont { float:left; width:calc(100% - 110px); padding-left:30px; }
#ci_colors .ci_cont p { line-height:160%; }

#ci_colors ul li:nth-child(1) .ci_color { background:#10612c; }
#ci_colors ul li:nth-child(1) h4 { color:#10612c; }
#ci_colors ul li:nth-child(2) .ci_color { background:#4db848; }
#ci_colors ul li:nth-child(2) h4 { color:#4db848; }
#ci_colors ul li:nth-child(3) .ci_color { background:#0066b3; }
#ci_colors ul li:nth-child(3) h4 { color:#0066b3; }
#ci_colors ul li:nth-child(4) .ci_color { background:#a7ce38; }
#ci_colors ul li:nth-child(4) h4 { color:#a7ce38; }


@media (max-width:1400px) {
	#ci_colors .ci_cont { padding-left:20px; }
}
@media (max-width:1200px) {
	#company .intro_img { height:400px; }
	#company .intro_txt { width:660px; }
	#company #grid { height:200px; }
	#company #grid div { background-size:419px 80px; }
	#vone #v_pc img { width:90%; }
	#vone #one img { width:150px; }
	#vone .one_cont { font-size:15px; }
	#ci_colors .ci_cont br { display:none; }
	#ci_colors ul { margin:-20px; }
	#ci_colors .col_box { margin:20px; }
}

@media (max-width:900px){
	#company .intro_img { height:300px; }
	#company .intro_txt { width:600px; padding:30px 0 0 40px; margin-top:-60px; }
	#vone #one img { width:120px; }
	#vone .one_cont { font-size:14px; }
}

@media (max-width:768px){
	#company #grid { background-size:30px 30px; height:150px; }
	#company #grid div { background-size:315px 60px; }
	#vone #v_pc img { width:100%; }
	#vone .one_cont { font-size:13px; }
}
@media (max-width:760px){
	#company .intro_txt { width:calc(100% - 60px); }
	#vone #v_pc { display:none; }
	#vone #v_mo { display:block; }
	#vone #v_mo img { width:60%; }
	#ci_colors ul { margin:-15px 0; }
	#ci_colors .col_box { margin:15px 0; }
	#ci_colors ul li { width:100%; }
	#ci_colors .ci_color { width:84px; height:84px; }
	#ci_colors .ci_color .vm { font-size:12px; }
	#ci_colors .ci_cont { width:calc(100% - 84px); }

}
@media (max-width:560px){
	#vone #v_mo img { width:80%; }
	#vone #one img { width:100px; }
}
@media (max-width:420px){
	#company #grid { background-size:20px 20px; height:100px; }
	#company #grid div { background-size:262px 50px; }
	#company .intro_img { height:180px; }
	#company .intro_txt { width:calc(100% - 30px); padding:15px 0 0 25px; margin-top:-40px; }
	#vone #v_mo img { width:100%; }
	#vone .one_cont { font-size:12px; }
	#ci_colors .ci_color { width:64px; height:64px; }
	#ci_colors .ci_cont { width:calc(100% - 64px); padding-left:14px; }
	#ci_colors .ci_color .vm { font-size:10px; }
}




/*  회사연혁 */

.history1 { position:relative; }
.history1:before { position:absolute; height:100%; width:1px; background:#ddd; top:17px; left:50%; display:block; content:''; }
.history1 ul { width:50%; position:relative; left:50%; margin-top:40px; }
.history1 ul:after { clear:both; visibility:hidden; display:block; content:''; }
.history1 ul:first-child { margin-top:0; }
.history1 ul li, .history1 ul li div * { float:left; }
.history1 ul li div:after { clear:both; visibility:hidden; display:block; content:''; }
.history1 ul li:first-child { width:15px; height:15px; background:#fff; border:4px solid #1f5da8; border-radius:100px; margin:17px 0 0 -7px; box-sizing:border-box; }
.history1 ul li:nth-child(2) { width:120px; font-size:30px; color:#1f5da8; font-weight:600; text-align:center; padding-top:8px; }
.history1 ul li:nth-child(3) { width:calc(100% - 160px); }
.history1 ul li div { margin-top:20px; }
.history1 ul li div:first-child { margin-top:14px; }

.history1 ul li strong { display:block; width:40px; font-size:17px; color:#555; line-height:150%;}
.history1 ul li p { width:calc(100% - 40px); font-size:17px; color:#555; line-height:150%; }

.history1 ul.hleft { left:0; }
.history1 ul.hleft li, .history1 ul.hleft li div * { float:right; }
.history1 ul.hleft li:first-child { margin:17px -8px 0 0; }
.history1 ul.hleft li strong, .history1 ul.hleft li p  { text-align:right }

@media (max-width:900px) {
	.history1:before { left:47px; }
	.history1 ul { width:calc(100% - 60px) !important; left:40px !important; }
	.history1 ul.hleft li, .history1 ul.hleft li div * { float:left; }
	.history1 ul li:first-child { margin:17px 0 0 0 !important; }
	.history1 ul.hleft li strong, .history1 ul.hleft li p  { text-align:left }
}
@media (max-width:768px) {
	.history1 ul li:first-child { margin-top:12px !important; }
	.history1 ul li:nth-child(2) { width:90px; font-size:24px; padding-top:6px; }
	.history1 ul li:nth-child(3) { width:calc(100% - 120px); }
	.history1 ul li strong, .history1 ul li p { font-size:15px; }
	.history1 ul li div { margin-top:14px; }
	.history1 ul li div:first-child { margin-top:8px; }
}
@media (max-width:600px) {
	.history1:before { left:27px; }
	.history1 ul { width:calc(100% - 40px) !important; left:20px !important; }
	.history1 ul li:first-child { margin-top:9px !important; }
	.history1 ul li:nth-child(2) { width:calc(100% - 100px); text-align:left; padding-left:16px; font-size:21px; }
	.history1 ul li:nth-child(3) { width:100%; padding-left:32px; }
	.history1 ul li strong { width:30px; }
	.history1 ul li p { width:calc(100% - 30px); }
	.history1 ul li strong, .history1 ul li p { font-size:13.5px; }
	.history1 ul li div { margin-top:4px; }
	.history1 ul li div:first-child { margin-top:12px; }
}




/* 조직도 */

#organ div { text-align:center; }
#organ_mo { display:none; }

@media (max-width:1000px) {
	#organ_pc img {width:100%;}
}
@media (max-width:768px) {
	#organ_pc { display:none; }
	#organ_mo { display:block; }
	#organ_mo img { width:70%; }
}
@media (max-width:600px) {
	#organ_mo img { width:70%; }
}
@media (max-width:440px) {
	#organ_mo img { width:86%; }
}




/* 인증특허 */

#certi h3 { line-height:100%; }
#certi ul { margin:0 -15px; }
#certi ul:after { clear:both; visibility:hidden; display:block; content:''; }
#certi ul li { float:left; width:20%; }
#certi .col_box { margin:0 15px; }
#certi ul img { width:100%; }
.certi_border img { border:1px solid #ccc; }

#certi1 .certi_cont, #certi2 .certi_cont { height:150px; }
#certi3 .certi_cont { height:100px; }
#certi3.eng .certi_cont { height:30px; }
.certi_cont .tit { color:#333; font-weight:400; font-size:15px; line-height:140%; }
.certi_cont .cno { color:#1f5da8; font-weight:400; font-size:14px;}
.certi_cont .date { color:#777; font-size:13.5px; }


@media (max-width:1400px) {
	#certi ul li { width:25%; }
}
@media (max-width:1000px) {
	#certi ul li { width:33.33%; }
}
@media (max-width:600px) {
	#certi ul { margin:0 -10px; }
	#certi .col_box { margin:0 10px; }
	#certi ul li { width:50%; }
	#certi1 .certi_cont, #certi2 .certi_cont { height:120px; }
	#certi3 .certi_cont { height:80px; }
	.certi_cont .tit, .certi_cont .cno { font-size:13px; }
	.certi_cont .date { font-size:12px; }
	#certi3.eng .certi_cont { height:15px; }
}





/* 오시는길 */


#map_top_img .map_logo img { width:440px; }

.map_com { margin-top:-320px; padding:400px 0 80px; background:#f2f8fc; }
.map_com h4 { font-size:32px; color:#1f5da8; font-weight:700; text-align:center; }
.eng .map_com h4, .chn .map_com h4 { font-size:32px; }

.map_com .com_img { display:flex; flex-wrap:wrap; justify-content:space-between; }
.map_com .com_img li { width:31%; }

.bd_img img { border-radius:30px; }
.map_com img { border-radius:20px; }

@media (max-width:1660px) {
	#map_top_img .map_logo img { width:calc(120px + 18vw); }
	.map_com { margin-top:calc(-50px - 20vw); padding:calc(70px + 22vw) 0 calc(30px + 2.8vw);  }
	.map_com h4, .eng .map_com h4, .chn .map_com h4 { font-size:calc(15.5px + 1vw); }

	.bd_img img { border-radius:20px; }
	.map_com img { border-radius:12px; }
}
@media (max-width:767px) {
	.map_com .com_img li { width:100%; }
	.map_com .com_img li img { width:calc(160px + 12vw); }
	.map_com .com_img li:nth-of-type(n+2) { margin-top:calc(10px + 3%); }
	.map_com .com_img li:nth-of-type(2) { text-align:center; }
	.map_com .com_img li:nth-of-type(3) { text-align:right; }
	.bd_img img { border-radius:12px; }
}

.location .addr { line-height:1.5; }

.mam_tit { text-align:center; color:#111; }
.mam_tit:after { display:block; content:''; width:30px; border-bottom:2px solid #1f5da8; margin:10px auto 0; }

.location_map {	width:100% !important; border-bottom:1px solid #d5d5d5; }
.location_map div.cont { display:none !important; }
.location_map, .location_map .wrap_map { height:500px !important; }


@media (max-width:1660px) {
	.location_map, .location_map .wrap_map { height:calc(240px + 16vw) !important;  }
}

.map_table { display:flex; flex-wrap:wrap; }
.map_table li { width:33%; display:flex; align-items:center; }
.map_table li:nth-of-type(n+4) { margin-top:calc(6px + 1%); }

.map_table li > p { width:calc(100% - 50px); line-height:130%; font-size:17px; padding:0 10% 0 03%; }
.map_table li .sns_icon + p { font-size:16px; word-break:break-all; }

.map_icon {
	width:50px;
	height:50px;
	background-color:#1f5da8;
	border-radius:25px;
	background-repeat:no-repeat;
	background-position:center;
}
.map_icon.map_tel { background-image:url('/images/mapicon_tel.png'); }
.map_icon.map_mail { background-image:url('/images/mapicon_mail.png'); }
.map_icon.map_fax { background-image:url('/images/mapicon_fax.png'); }

@media (max-width:1400px){
	.map_icon, .sns_icon { width:40px; height:40px; }
	.map_icon { background-size:19px; }
}
@media (max-width:767px){
	.map_table li { width:100%; }
	.map_table li:nth-of-type(n+2) { margin-top:calc(6px + 1%); }
	.map_table li > p { padding:0 0 0 2%; }
	.map_icon, .sns_icon { width:30px; height:30px; }
	.map_icon { background-size:15px; }
}



#jisa { margin:0 -30px; }
#jisa li { padding:0 30px; }
#jisa img { border:1px solid #bbb; }

#europe * { text-align:center }
#europe p { font-size:17px; line-height:160%; }

@media (max-width:1400px) {
	#jisa img { width:100%; }
}
@media (max-width:1200px) {
	#europe img { width:90%; }
	#europe p { font-size:15.5px; }
}
@media (max-width:1000px) {
	#jisa { margin:0 -0; }
	#jisa li { width:100%; padding:0; }
	#jisa li:last-child { margin-top:40px; }
	#jisa img { width:auto; }
	#europe p { font-size:14.5px; }
}

@media (max-width:900px) {
	#europe li { width:100%; }
	#europe img { width:auto; }
	#europe li:last-child { margin-top:40px; }
}

@media (max-width:768px) {
	#jisa img { width:460px; }
}
@media (max-width:760px) {
	#europe p { font-size:13px; }
}

@media (max-width:650px) {
	#europe img { width:90%; }
}
@media (max-width:540px){
	#jisa img { width:100%; }
}
@media (max-width:420px) {
	#jisa li:last-child { margin-top:30px; }
	#europe img { width:100%; }
	#europe p { font-size:12px; }
}






/* 사업영역 */

#business div { text-align:center; }
#biz_icon_m { display:none; }

#business2 ul li { height:360px; }
#business2 ul li.col_txt { width:60%; position:relative; z-index:10; }
#business2 ul li.col_img { width:40%; }

#business2 ul.ltxt li.col_txt { padding-right:80px; }
#business2 ul.rtxt li.col_txt { padding-left:80px; }

#business2 ul.rtxt li { float:right; }

#business2 .col_img { background-size:cover; background-position:center; background-repeat:no-repeat; }
#business2 ul:nth-child(1) .col_img { background-image:url('/images/biz1.jpg'); }
#business2 ul:nth-child(2) .col_img { background-image:url('/images/biz2.jpg'); }
#business2 ul:nth-child(3) .col_img { background-image:url('/images/biz3.jpg'); }


#business2 i { width:calc(100% + 150px); margin:40px 0; display:block; height:2px; background:#1f5da8; }
#business2 .ltxt i { margin-right:-150px; }
#business2 .rtxt i { margin-left:-150px; }


@media (max-width:1500px) {
	#business2 ul li.col_txt { width:55%; }
	#business2 ul li.col_img { width:45%; }
}
@media (max-width:1200px) {
	#biz_icon img {width:90%;}
	#business2 ul li { height:300px; }
	#business2 i { width:calc(100% + 100px); }
	#business2 .ltxt i { margin-right:-100px; }
	#business2 .rtxt i { margin-left:-180px; }
}
@media (max-width:900px) {
	#business2 ul li { height:220px; }
	#business2 ul li.col_txt { width:60%; }
	#business2 ul li.col_img { width:40%; }
	#business2 ul.ltxt li.col_txt { padding-right:60px; }
	#business2 ul.rtxt li.col_txt { padding-left:60px; }
}
@media (max-width:768px) {
	#biz_icon { display:none; }
	#biz_icon_m { display:block; }
	#biz_icon_m img { width:400px; }
	#business2 ul li { height:200px; }
}
@media (max-width:760px) {
	#business2 ul li { float:none; width:100% !important; height:auto; }
	#business2 ul.ltxt li.col_txt { padding-right:0; }
	#business2 ul.rtxt li.col_txt { padding-left:0; }
	#business2 i { width:100%; height:1px; }
	#business2 .ltxt i { margin-right:0 !important; }
	#business2 .rtxt i { margin-left:0 !important; }
	#business2 .col_img { height:240px; margin-top:40px; }
}


@media (max-width:600px) {
	#biz_icon_m img { width:300px; }
	#business2 .col_img { height:180px; }
}
@media (max-width:420px) {
	#business2 .col_img { height:160px; margin-top:30px; }
}








/* 디스플레이 */

#pro1 > li:first-child { width:35%; }
#pro1 > li:last-child { width:65%; }
.pro_box { background:#f3f3f3; text-align:center; padding:50px 0; }
#display .secu { padding:0 20px; font-weight:400; line-height:140%; }

.proimgs div { display:inline-block; }
.proimgs div p { float:left; }
.proimgs div p:last-child { margin-left:30px; }
#proimg2 div p img { height:349px; }

.proimg img, .proimgs img { border:8px solid #fff; box-shadow:0px 0px 8px 8px rgba(0, 0, 0, 0.04); -webkit-box-shadow:0px 0px 8px 8px rgba(0, 0, 0, 0.04); -moz-box-shadow:0px 0px 8px 8px rgba(0, 0, 0, 0.04); }





@media (max-width:1300px) {
	#pro1 > li:first-child { width:40%; }
	#pro1 > li:last-child { width:60%; }
	.pro_box { padding:40px 0; }
	#proimg2 div p img { height:250px; }
}
@media (max-width:1000px) {
	.proimg img { width:400px; }
	.proimgs div p { float:none; }
	.proimgs div p:last-child { margin-left:0; margin-top:30px; }
	.proimgs div p img { height:auto; width:400px; }
	.proimg img, .proimgs img { border-width:5px; box-shadow:0px 0px 6px 6px rgba(0, 0, 0, 0.04); -webkit-box-shadow:0px 0px 6px 6px rgba(0, 0, 0, 0.04); -moz-box-shadow:0px 0px 6px 6px rgba(0, 0, 0, 0.04); }
}

@media (max-width:768px) {
	#pro1 > li:first-child img { width:180px; }
}
@media (max-width:600px) {
	#pro1 > li:first-child { width:100%; }
	#pro1 > li:last-child { width:100%; margin-top:30px; }
	.pro_box { padding:25px 0; }
	.proimg img, .proimgs div p img { width:340px; }

}
@media (max-width:420px) {
	#pro1 > li:first-child img { width:130px; }
	#pro1 > li:last-child { margin-top:20px; }
	.pro_box { padding:25px; }
	.proimg img, .proimgs div p img { width:100%; }
	.proimgs div p:last-child { margin-top:20px; }

}







/* 2차전지 */

#batt_process p { text-align:center; font-weight:400; }
#batt_process p:before { display:inline-block; content:''; margin-right:8px; width:14px; height:14px; background:#1f5da8; border-radius:50%; }
#batt_process div { text-align:center; }
#batt_mo { display:none; }

#batt2 { background-image:url('/images/batt_bg.jpg'); background-position:center bottom; }
.pbox { display:inline-block; background:#fff; padding:40px; }
#pbox2 p { font-weight:400; }

.pbox2 { display:inline-block; background:#fff; padding:40px; border-radius:30px; box-shadow:0px 0px 8px 8px rgba(0, 0, 0, 0.04); -webkit-box-shadow:0px 0px 8px 8px rgba(0, 0, 0, 0.04); -moz-box-shadow:0px 0px 8px 8px rgba(0, 0, 0, 0.04); }

#batt3 ul { width:1000px; }
#batt3 ul li .pbox2 div { width:380px; height:260px; background-size:contain; background-position:center; background-repeat:no-repeat; }
#batt3 ul li:first-child .pbox2 div { background-image:url('/images/hyundai.jpg'); }
#batt3 ul li:last-child .pbox2 div { background-image:url('/images/car1.jpg'); }

#batt4 { padding:60px 0; background:#5a5a5a; }
#batt4 ul li { color:#fff; }
#batt4 ul li:before { border-color:#fff; }
#batt4 > div { background:url('/images/long_cell.png') right center no-repeat; }

@media (max-width:1300px) {
	#batt_pc img {width:100%;}
	#batt_process p:before { width:10px; height:10px; }
}
@media (max-width:1200px) {
	#batt3 ul { width:100%; }
	#batt3 ul li { padding:0 20px; }
	#batt3 ul li .pbox2, #batt3 ul li .pbox2 div { width:100%; }
	#batt4 > div { background:none; }
}

@media (max-width:1000px) {
	#pbox1 img { width:100%; }
	#car1 img { width:400px; }
	#batt3 ul li .pbox2 div { height:200px; }
}

@media (max-width:768px) {
	.batt_arrow img { width:16px; }
}
@media (max-width:600px) {
	#batt_pc { display:none; }
	#batt_mo { display:block; }
	#batt_mo img { width:60%; }
	#pbox2 img { width:100%; }
	#car1 img { width:250px; }
	#batt3 ul li { padding:0 10px; }
	#batt3 ul li .pbox2 div { height:120px; }
}


@media (max-width:420px) {
	#batt_mo img { width:80%; }
	.batt_arrow img { width:12px; }
	#batt3 ul li .pbox2 div { height:80px; }
}






/***** 미세먼지 측정기 *****/


#dust1 .vm_wrap { width:calc(100% - 100px); height:462px; background: radial-gradient(#fff 40%, #eee 100%); }
#dust1 .vm img { width:360px; }
#dust1 .mark { background:url('/images/pm25.gif') right center no-repeat; background-size:120px 120px;  }

#dust2 ul { margin:0 -20px; }
#dust2 ul li { padding:0 20px; }
#dust2 ul img { width:100%; }
#dust2 ul .border img { border:1px solid #ddd; }

#dust2 .col4table tr td:nth-of-type(odd) { width:10%; background:#f6f6f6; font-weight:500; text-align:center; }


#dust3 { background-image:url('/images/sky.jpg'); padding:120px 0; }
#dust3 li { display:inline-block; margin:0 30px; }
#dust3 .vm { width:200px; height:200px; border-radius:50%; color:#fff; line-height:150%; font-weight:400; }

@media (max-width:1400px) {
	#dust1 .vm_wrap { width:calc(100% - 60px); }
	#dust1 .vm img { width:300px; }
	#dust2 ul { margin:0 -10px; }
	#dust2 ul li { padding:0 10px; }
}
@media (max-width:1200px) {
	#dust1 .vm_wrap { height:400px; }
	#dust1 .mark { background-size:80px 80px; }
	#dust3 li { margin:0 20px; }
	#dust3 .vm { width:180px; height:180px; }
}

@media (max-width:1000px) {
	#dust1 > ul > li:first-child { width:40%; }
	#dust1 > ul > li:last-child { width:60%; }
	#dust1 .vm_wrap { width:calc(100% - 40px); height:300px; }
	#dust1 .vm img { width:80%; }
	#dust_process img { width:90%; }
}

@media (max-width:768px) {
	#dust2 ul { margin:0 -5px; }
	#dust2 ul li { padding:0 5px; }
	#dust3 li { margin:0 10px; }
	#dust3 .vm { width:160px; height:160px; }
}

@media (max-width:760px) {
	#dust1 > ul > li:first-child { width:100%; }
	#dust1 > ul > li:last-child { width:100%; margin-top:40px; }
	#dust1 .vm_wrap { width:360px; height:260px; margin:0 auto; }
	#dust2 ul { margin:-20px; }
	#dust2 ul li { padding:20px; width:50%; }
	body.eng #dust1 .mark { background:none; }
}

@media (max-width:420px) {
	#dust1 > ul > li:last-child { margin-top:30px; }
	#dust1 .vm_wrap { width:100%; height:200px; }
	#dust1 .vm img { width:200px; }
	#dust1 .mark { background-size:60px 60px; }
	#dust1 table tr th { width:20%; }
	#dust_process img { width:100%; }
	#dust2 ul { margin:-10px; }
	#dust2 ul li { padding:10px; }
	#dust3 li { margin:0 4px; }
	#dust3 .vm { width:136px; height:136px; }
}






/***** 주가정보 *****/

.c_red { color:#dd211d }
.c_blue { color:#1f5da8 }

#stock_box { background:#f3f3f3; padding:60px 0; }

#stock_box > ul { display:inline-block; }
#stock_box > ul:after { clear:both; visibility:hidden; display:block; content:''; }
#st_cur { float:left; padding-right:100px; }
#st_info { float:left; padding-left:100px; position:relative; }
#st_info:before { display:block; position:absolute; content:''; left:0; top:0; border-left:1px solid #ccc; height:100%; }

#stock_box p { text-align:left; }

#st_cur p:first-child { font-weight:400; color:#333; }
#st_cur p:last-child { font-family:Barlow; font-weight:700; margin-top:10px; font-size:80px; margin-top:12px;  }

#st_info ul:after { clear:both; visibility:hidden; display:block; content:''; }
#st_info li { float:left; width:150px; }
#st_info li:last-chlid { width:auto; }

#st_info li p:first-child { font-weight:400; font-size:15px; }
#st_info li p:last-child {  font-weight:700; font-size:20px; margin-top:10px; }



#st_info ul:last-child { margin-top:40px; }
.stock_basic th { width:25%; }

@media (max-width:1400px) {
	#st_cur { padding-right:60px; }
	#st_info { padding-left:60px; }
	#st_info li { width:120px; }
}
@media (max-width:1200px) {
	#st_cur p:last-child { font-size:70px; margin-top:9px; }
	#st_info li p:first-child { font-size:14px; }
	#st_info li p:last-child { font-size:17px; }
	#st_info ul:last-child { margin-top:30px; }
}
@media (max-width:1000px) {
	#stock_box > ul { display:block; }
	#stock_box { padding:40px; }
	#st_cur { width:100%; padding-right:0; padding-bottom:30px; }
	#st_info { width:100%;  padding-left:0; padding-top:30px; }
	#st_info:before { position:absolute; left:0; top:0; width:100%; border-left:0; border-top:1px solid #ccc; height:1px; }
}
@media (max-width:800px) {
	#st_cur p:last-child { font-size:60px; margin-top:5px; }
	#st_info li p:first-child { font-size:13px; }
	#st_info li p:last-child { font-size:16px; margin-top:7px; }
	#st_info ul:last-child { margin-top:20px; }
}
@media (max-width:600px) {
	#stock_box { padding:24px; }
	#st_cur p:last-child { font-size:40px; margin-top:3px; }
	#st_cur { padding-bottom:20px; }
	#st_info { padding-top:20px; }
	#st_info li { width:80px; }
	#st_info li p:first-child { font-size:12px; }
	#st_info li p:last-child { font-size:14px; margin-top:5px; }
	.stock_basic th { width:auto; }
}
@media (max-width:500px) {
	#stock_box { padding:18px; }
	#st_info li { width:68px; }
	#st_info li p:last-child { font-size:13px; }
}







/***** 채용정보 *****/

#recruit ul { margin:0 -25px; }
#recruit .col_box { margin:0 25px; height:420px; background:#f5f5f5; padding:34px 40px; border:1px solid #ddd; }
#recruit h4 { text-align:center; }
#recruit h4:after { display:block; content:''; width:20px; border-bottom:2px solid #1f5da8; margin:20px auto 24px;  }
#recruit table { width:100%; }
#recruit table tr td { font-size:15.5px; line-height:150%; padding:7px 0; vertical-align:top; }
#recruit table tr td:first-child { font-weight:500; width:30%; }

a.btn_arr { display:inline-block; padding:24px 30px; color:#fff; font-size:17px; margin:0 7px; font-weight:500; }
.btn_arr:after { display:inline-block; content:''; width:43px; height:9px;background:url('/images/btn_arrow.png') center no-repeat; margin-left:10px; }

@media (max-width:1400px) {
	#recruit ul { margin:0 -15px; }
	#recruit .col_box { margin:0 15px; padding:24px 30px; }
	#recruit table tr td { padding:6px 0; }
}
@media (max-width:1000px) {
	#recruit ul { margin:0 -10px; }
	#recruit .col_box { margin:0 10px; padding:24px 26px; }

}
@media (max-width:860px) {
	#recruit ul { margin:-15px 0; }
	#recruit .col_box { margin:15px auto; width:440px; height:auto; }
	#recruit ul li { width:100%; }
	a.btn_arr { padding:18px 22px; }
}

@media (max-width:600px) {
	#recruit .col_box { margin:10px auto; width:100%; }
	#recruit table tr td { padding:4px 0; }
	a.btn_arr { padding:13px 16px; margin:0 3px; }
	.btn_arr:after { background-size:26px 4px; width:26px; height:5px; margin-left:8px; }
}




/***** 채용절차 *****/

#recproc ul { display:inline-block; }
#recproc ul:after { clear:both; visibility:hidden; display:block; content:''; }
#recproc ul li { float:left; height:200px; }
#recproc .proc { width:200px; height:200px; background:#555; border-radius:50%; padding-top:30px;  }
#recproc .proc .icon { height:100px; background-position:center; background-repeat:no-repeat; }
#recproc  #proc1 .icon { background-image:url('/images/rec_proc1.png'); }
#recproc  #proc2 .icon { background-image:url('/images/rec_proc2.png'); }
#recproc  #proc3 .icon { background-image:url('/images/rec_proc3.png'); }
#recproc  #proc4 .icon { background-image:url('/images/rec_proc4.png'); }
#recproc .proc p { color:#fff; font-size:16px; font-weight:400; }

#recproc .proc_arrow { width:32px; background:url('/images/arrow_h.png') center no-repeat; margin:0 20px; }

#recproc2 ul li:first-child .col_box { margin-right:60px; }
#recproc2 ul li:last-child .col_box { margin-left:60px; }
#recproc2 ul:last-child { margin-top:60px; }

#recproc2 .ban_title { font-size:22px; font-weight:500; line-height:130%; }
#recproc2 i { display:block; width:100%; border-top:1px solid #ddd; margin:20px 0; }

@media (max-width:1400px) {
	#recproc ul li { height:170px; }
	#recproc .proc { width:170px; height:170px; padding-top:22px; }
	#recproc .proc .icon { height:90px; }

	#recproc2 ul li:first-child .col_box { margin-right:40px; }
	#recproc2 ul li:last-child .col_box { margin-left:40px; }
}
@media (max-width:1200px) {
	#recproc .proc_arrow { margin:0 10px; }
	#recproc2 ul li:first-child .col_box { margin-right:20px; }
	#recproc2 ul li:last-child .col_box { margin-left:20px; }
	#recproc2 ul:last-child { margin-top:40px; }
	#recproc2 .ban_title { font-size:20px; }

}
@media (max-width:1000px) {
	#recproc ul li { height:140px; }
	#recproc .proc { width:140px; height:140px; padding-top:18px; }
	#recproc .proc .icon { height:70px; background-size:50px 50px; }
	#recproc .proc p { font-size:14px; }
	#recproc .proc_arrow { background-size:22px 5px; width:22px; }
	#recproc2 .ban_title { font-size:18px; }
}

@media (max-width:800px) {
	#recproc ul li { height:122px; }
	#recproc .proc { width:122px; height:122px; padding-top:12px; }
	#recproc .proc .icon { height:66px; }
	#recproc .proc p { font-size:13px; }
}
@media (max-width:768px){
	#recproc2 .ban_title { font-size:17px; }
}
@media (max-width:760px) {
	#recproc .proc_arrow { display:none; }
	#recproc ul { margin:-20px 0; }
	#recproc ul li { width:50%; height:auto; }
	#recproc .proc {  margin:20px auto; }
}
@media (max-width:600px){
	#recproc2 ul li { width:100%; }
	#recproc2 ul li:first-child .col_box { margin-right:0; }
	#recproc2 ul li:last-child .col_box { margin:30px 0 0 0; }
	#recproc2 ul:last-child { margin-top:30px; }
}
@media (max-width:420px) {
	#recproc ul { margin:-8px 0; }
	#recproc .proc {  margin:8px auto; }
}





/***** 복리후생 *****/

#welfare_list { margin:0 -20px; }
#welfare_list .col_box { margin:0 20px; }
#welfare_list .col_box > div { height:280px; background-size:cover; background-position:center; background-repeat:no-repeat; }

#welfare_list > li:nth-child(1) .col_box > div { background-image:url('/images/welfare1.jpg'); }
#welfare_list > li:nth-child(2) .col_box > div { background-image:url('/images/welfare2.jpg'); }
#welfare_list > li:nth-child(3) .col_box > div { background-image:url('/images/welfare3.jpg'); }
#welfare_list > li:nth-child(4) .col_box > div { background-image:url('/images/welfare4.jpg'); }

#welfare_list p { color:#333; font-weight:500; font-size:22px; }

#welfare_list .dol03 > li:before { background-color:transparent; background-image: url(../images/check2.png); }

@media (max-width:1400px) {
	#welfare_list { margin:0 -10px; }
	#welfare_list .col_box { margin:0 10px; }
}
@media (max-width:1200px) {
	#welfare_list p { font-size:20px; }
}
@media (max-width:1000px) {
	#welfare_list { margin:-30px -20px; }
	#welfare_list .col_box { margin:30px 20px; }
	#welfare_list > li { width:50%; }
}

@media (max-width:700px) {
	#welfare_list { margin:-20px -10px; }
	#welfare_list .col_box { margin:20px 10px; }
	#welfare_list .col_box > div { height:200px; }
}

@media (max-width:500px) {
	#welfare_list > li { width:100%; }
	#welfare_list { margin:-20px 0; }
	#welfare_list .col_box { margin:20px 0; }
	#welfare_list p { font-size:18px; }
}



/** withAI **/
/************ 콘텐츠 *************/

/*공통*/
.grn {background:#59ba54;}
.grn_c {color:#59ba54;}
.blu {background: #0059ed;}
.blu_c {color: #0059ed;}
.skb {background: #19abff;}
.skb_c {color: #19abff;}
.nvy {background: #1f5da8;}
.nvy_c {color: #1f5da8;}

#withai .en {font-style: italic; font-family: 'poppins', 'Noto Sans KR', sans-serif;}
#withai .annotation {color:#ff6600;}
#withai .annotation.en {font-weight: 700;}

#withai h2 {font-size: 50px; font-weight: 800; text-align: center;}
.eng #withai h2 { font-weight: 900; }
#withai h3 {font-size: 42px; font-weight: 700; }

@media (max-width:1660px) {
    #withai h2 {font-size: calc(22.8px + 1.6vw);}
    #withai h3 {font-size: calc(16.8px + 1.5vw);}
}


#withai .dolchk > li {display: flex;}
#withai .dolchk > li:nth-of-type(n+2) {margin-top: 9px;}
#withai .dolchk > li p {font-size: 17.5px; line-height: 1.6; padding-left: 7px;}
#withai .dolchk > li i {font-size: 17px; position: relative; top:5px; color:#3a7af0;}

#withai .dol05 > li {position: relative; padding-left: 12px; line-height: 150%; font-size: 16px; font-weight: 400;}
#withai .dol05 > li:nth-of-type(n+2) {margin-top: 7px;}
#withai .dol05 > li:before { display: block; width: 6px; height: 1px; content: ''; border-top:1px solid rgba(255,255,255,.9); position: absolute; left:0; top:12px;}

.eng #withai .dol05 > li:before {top:11px;}

#withai .dol06 > li {position: relative; padding-left: 9px; line-height: 140%; font-size: 14.5px; font-weight:400;}
#withai .dol06 > li:nth-of-type(n+2) {margin-top: 5px;}
#withai .dol06 > li:before { display: block; width: 3px; height: 3px; border-radius: 50%; content: ''; background: rgba(255,255,255,.9); position: absolute; left:0; top:9px;}
.eng #withai .dol06 > li:before {top:8px;}


@media (max-width:1660px){
    #withai .dolchk > li p {font-size: calc(13.1px + 0.23vw);}
    #withai .dolchk > li i {font-size: calc(12.8px + 0.22vw);}
    #withai .dol05 > li {font-size: calc(12.8px + 0.17vw);}
    #withai .dol06 > li {font-size: calc(12.6px + 0.1vw);}
}
@media (max-width:1280px) {
    #withai .dolchk > li:nth-of-type(n+2) {margin-top: 8px; }
    #withai .dol05 > li { padding-left: 11px;}
    #withai .dol05 > li:nth-of-type(n+2) {margin-top: 6px;}
    #withai .dol05 > li:before {width: 5px; top:11px;}
    .eng #withai .dol05 > li:before {top:10px;}

    #withai .dol06 > li {padding-left: 8px;}
    #withai .dol06 > li:before {width: 2px; height: 2px; }

}
@media (max-width:500px) {
    #withai .dol05 > li {padding-left: 10px;}
    #withai .dol05 > li:nth-of-type(n+2) {margin-top: 5px;}

    #withai .dol06 > li {padding-left: 7px;}
    #withai .dol06 > li:before {top:8px;}
}





/*상단 인포그래픽*/
.top_info .top_tit {text-align: center;}
.top_info .top_tit h4 {font-size:32px; font-weight: 700; }
.top_info .top_tit .logo_ai {margin: 0 auto;}
.top_info .top_tit .infograph {position: relative; z-index: 1;}
.top_info .top_tit .info_pc {margin: 0 auto;}
.top_info .top_tit .info_m {display: none;}

.top_info .top_list {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -78px;}
.top_info .top_list > li {width: 22.5%; border-radius: 20px; overflow: hidden; box-shadow: 0px 0px 30px rgba(0,0,0,.08); }
.top_info .top_list > li .img {height: 195px; background: no-repeat center/cover;}
.top_info .top_list > li:nth-of-type(1) .img {background-image: url(../images/top_medical.jpg);}
.top_info .top_list > li:nth-of-type(2) .img {background-image: url(../images/top_display.jpg);}
.top_info .top_list > li:nth-of-type(3) .img {background-image: url(../images/top_material.jpg);}
.top_info .top_list > li:nth-of-type(4) .img {background-image: url(../images/top_logis.jpg);}

.top_info .top_list > li .con {padding: 25px 38px 33px;}
.top_info .top_list > li .con h5 {font-size: 23px; font-weight: 700;}
.top_info .top_list > li .con h5 br {display: none;}

.eng .top_info .top_list > li .con h5 { line-height:1.2; font-size:21px; }


@media (max-width:1660px) {
    .top_info .top_tit h4 {font-size: calc(16px + 0.9vw);}
    .top_info .top_list > li .con h5 {font-size: calc(16px + 0.4vw);}
    .eng .top_info .top_list > li .con h5 { font-size: calc(14px + 0.4vw); }
    .top_info .top_tit .logo_ai {width: calc(128px + 8.4vw);}
    .top_info .top_tit .info_pc {width: calc(350px + 37vw);}
    .top_info .top_list > li .img {height: calc(70px + 8vw);}
    .top_info .top_list > li .con {padding: calc(13px + 0.6vw) calc(17px + 1vw) calc(16px + 0.9vw);}
}

@media (max-width:1400px) {
	.top_info .top_list > li {width: 24%; }
    .top_info .top_list > li {border-radius: 17px; box-shadow: 0px 0px 20px rgba(0,0,0,.08);}
}
@media (max-width:1150px) {
    .top_info .top_list > li .con h5 br {display: block;}
}
@media (max-width:1024px) {
    .top_info .top_list {margin-top: -58px; max-width:700px; margin-left:auto; margin-right:auto; }
    .top_info .top_list > li {width: 48%; border-radius: 15px; box-shadow: 0px 0px 15px rgba(0,0,0,.08);}
    .top_info .top_list > li:nth-of-type(n+3) {margin-top:4%;}
    .top_info .top_list > li .img {height: calc(30px + 18vw);}
    .top_info .top_list > li .con h5 br {display: none;}
}
@media (max-width:660px) {
    .top_info .top_list {margin-top: -38px;}
	.top_info .top_list > li {width: 48.5%; }
    .top_info .top_list > li:nth-of-type(n+3) {margin-top:3%;}
    .top_info .top_tit .info_pc {display: none;}
    .top_info .top_tit .info_m {display: block; width: calc(350px + 37vw); max-width: 100%;}
}
@media (max-width:590px) {
    .eng .top_info .top_list > li {box-shadow: none; border-radius: 0;}
    .eng .top_info .top_list > li .img {border-radius: 10px;}
    .eng .top_info .top_list > li .con {padding: calc(13px + 0.6vw) 0;}
}
@media (max-width:500px) {
    .chn .top_info .top_list > li .con h5 br {word-break: keep-all; display: block;}
}



/*솔루션 설명*/
.top_solution {background: #f2f7fc; padding: 110px 0;}
.top_solution .swrap {display: flex; flex-wrap: wrap; justify-content: space-between;}

.top_solution .sol_with {width: 44%;}

.top_solution .sol_with .box_list > li {display: flex; background: #19abff; border-radius: 8px; padding: 25px 35px; align-items: center; justify-content: space-between;}
.top_solution .sol_with .box_list > li:nth-of-type(2) {background: #1f5da8;}
.top_solution .sol_with .box_list > li:nth-of-type(3) {background: #0059ed;}
.top_solution .sol_with .box_list > li:nth-of-type(n+2) {margin-top: 6px;}
.top_solution .sol_with .box_list > li * {color:#fff;}
.top_solution .sol_with .box_list > li h4 {width: 25.8%; position: relative; padding-right: 15px; font-size: 22px; transform: translateY(1px);}
.top_solution .sol_with .box_list > li h4::after {content: ''; display: inline-block; height: 18px; width: 1px; background: rgba(255,255,255,0.5); position: absolute; right: 0; top:50%; transform: translateY(-40%);}
.top_solution .sol_with .box_list > li p {width: 68.3%; font-size: 17px; font-weight: 400; line-height: 1.5;}
.top_solution .sol_with .annot_p {font-size: 17px; line-height: 1.6; font-weight: 400;}

.top_solution .sol_feature {width: 44%;}


.eng .top_solution .sol_with .cont { line-height:160%; }
.eng .top_solution .sol_with .box_list > li p {font-size: 16.5px;}
.eng .top_solution .sol_with .annot_p {font-size: 16px; line-height: 1.5;}
.chn .sol_feature .dolchk li span {word-break: keep-all;}

@media (max-width:1660px) {
    .top_solution .sol_with .box_list > li h4 {font-size: calc(13.1px + 0.47vw); width: 25%;}
    .top_solution .sol_with .box_list > li h4::after {height: calc(10px + 0.5vw);}
    .top_solution .sol_with .box_list > li p {font-size: calc(12.6px + 0.23vw);}
    .top_solution .sol_with .annot_p {font-size: calc(12.2px + 0.25vw);}
    .eng .top_solution .sol_with .box_list > li p {font-size: calc(12.1px + 0.23vw);}
    .eng .top_solution .sol_with .annot_p {font-size: calc(11.6px + 0.23vw);}
}
@media (max-width:1440px) {
    .top_solution .sol_with {width: 46%;}
    .top_solution .sol_feature {width: 46%;}
}
@media (max-width:1280px) {
    .top_solution .sol_with .box_list > li h4 {width: 29%;}
    .top_solution .sol_with .box_list > li p {width: 66%; }
}
@media (max-width:1010px) {
    .top_solution .sol_with .box_list > li h4 {width: 35%;}
    .top_solution .sol_with .box_list > li p {width: 59%; }
}
@media (max-width:767px) {
    .top_solution .sol_with {width: 100%;}
    .top_solution .sol_with .box_list > li h4 {width: 23%;}
    .top_solution .sol_with .box_list > li p {width: 72%; }
    .top_solution .sol_with .annot_p {line-height: 1.5;}
    .top_solution .sol_feature {width: 100%; margin-top: calc(20px + 1vw);}
}
@media (max-width:550px) {
    .top_solution .sol_with .box_list > li h4 {width: 30%; padding-right: 10px; transform: translateY(0);}
    .top_solution .sol_with .box_list > li p {width: 65%; }
    .eng .top_solution .sol_with .cont { line-height:150%; }
}



/*시스템 구성*/

.sol_process {position: relative;}
.sol_process h2 {position: absolute; left: 50%; top: 50px; transform: translateX(-50%); z-index: 1;}
.sol_process .process_list {display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;}

.sol_process .process_list .first {width: 100%; text-align: center;}
.sol_process .process_list .first .in {width: 27%;}
.sol_process .process_list .second {width: 27%;}
.sol_process .process_list .third {width: 43%;}
.sol_process .process_list .fourth {width: 27%;}
.sol_process .process_list .last {width: 27%; position: absolute; top:0; right: 0; text-align: center;}

.sol_process .process_list > li .arrows {margin: 15px 0;}
.sol_process .process_list > li .top_box {height: 180px; border-radius: 15px; text-align: center; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 22px;}
.sol_process .process_list > li.fourth .top_box2 {height: 180px; }
.sol_process .process_list > li h4 {color:#fff; font-size: 23.5px; line-height: 1.2;}

.sol_process .process_list .icon_list { padding: 38px 25px 25px; border-radius: 15px; background: #f2f7fc; display: flex;}
.sol_process .process_list .icon_list > .box {width: 45%; height: 120px; padding: 10px; background: #fff; border-radius: 8px; box-shadow: 0px 0px 20px rgba(0,0,0,.08); text-align: center; position: relative; display: flex; justify-content: center; align-items: center; }

.sol_process .process_list .icon_list > .box .cir {border-radius: 100px; box-shadow: 0px 3px 5px rgba(0,0,0,.15); position: absolute; left:50%; top:0; transform: translate(-50%, -50%); width: 42px; height: 42px;}
.sol_process .process_list .icon_list > .box .cir i {color:#fff; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%)}
.sol_process .process_list .icon_list > .box p {font-size: 15.5px; font-weight: 500; line-height: 1.5;}

.sol_process .process_list .icon_list > .arr {width: 10%; text-align: center; align-self: center;}
.sol_process .process_list .icon_list > .arr i {font-size: 22px;}

.sol_process .process_list .icon_list > .box.client {border:2px solid #59ba54;}
.sol_process .process_list .icon_list > .box.client .cir i {font-size: 20px; }
.sol_process .process_list .icon_list > .box.pro {border:2px solid #1f5da8;}
.sol_process .process_list .icon_list > .box.pro .cir i {font-size: 22px;}

.sol_process .process_list .third .top_box .list_s {display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap;}
.sol_process .process_list .third .top_box .list_s > li {width: 24.2%; background: #fff; border-radius: 8px; display: flex; justify-content: center; align-items: center; height: 70px;}
.sol_process .process_list .third .top_box .list_s > li p {font-size: 14.5px; font-weight: 500; line-height: 1.3;}

.sol_process .process_list .fourth .top_box2 {display: flex; flex-wrap:wrap; justify-content: space-between;}
.sol_process .process_list .fourth .top_box2 > li {width: 49.7%; border-radius: 15px; text-align: center; padding: 22px 0; display: flex; justify-content: center; align-items: center;}
.sol_process .process_list .fourth .dol02 .annotation {font-weight: 500;}

.eng .sol_process .process_list .icon_list > .box {width: 46.5%; height: 125px; padding: 7px;}
.eng .sol_process .process_list .icon_list > .box p {font-size: 15px; line-height: 1.3;}
.eng .sol_process .process_list .icon_list > .arr i {font-size: 20px;}

.chn .sol_process .process_list .icon_list > .box {width: 46.5%; height: 125px; padding: 8px;}
.chn .sol_process .process_list .icon_list > .box p {font-size: 15px; word-break: keep-all; line-height: 1.3;}
.chn .sol_process .process_list .third .top_box .list_s > li p {word-break: keep-all;}

@media (max-width: 1660px) {
    .sol_process .process_list > li h4 {font-size: calc(15.3px + 0.43vw);}
    .sol_process .process_list .icon_list > .arr i {font-size: calc(16.7px + 0.33vw);}

    .sol_process .process_list .icon_list > .box p {font-size: calc(13.6px + 0.1vw);}
    .sol_process .process_list .icon_list > .box .cir {width: calc(30.6px + 0.6vw); height: calc(30.6px + 0.6vw);}
    .sol_process .process_list .icon_list > .box.client .cir i {font-size: calc(13.7px + 0.33vw);}
    .sol_process .process_list .icon_list > .box.pro .cir i {font-size: calc(15.7px + 0.33vw);}

    .eng .sol_process .process_list .icon_list > .box p {font-size: calc(13.1px + 0.1vw);}
    .eng .sol_process .process_list .icon_list > .arr i {font-size: calc(13.7px + 0.33vw);}

    .chn .sol_process .process_list .icon_list > .box p {font-size: calc(13.1px + 0.1vw);}
}
@media (max-width: 1400px) {
	.sol_process .process_list .icon_list { padding: 35px 18px 18px; }
	.sol_process .process_list > li .top_box { padding: 18px;}
}
@media (max-width: 1240px) {
    .sol_process .process_list .first .in {width: 30%;}
    .sol_process .process_list .second {width: 30%;}
    .sol_process .process_list .third {width: 38%;}
    .sol_process .process_list .fourth {width: 30%;}
    .sol_process .process_list .last {width: 30%;}
    .sol_process .process_list > li .top_box {height: 220px;}
    .sol_process .process_list > li.fourth .top_box2 {height: 220px; }
    .sol_process .process_list .third .top_box .list_s > li {width: 49%; height: 60px;}
    .sol_process .process_list .third .top_box .list_s > li:nth-of-type(n+3) {margin-top: 1.8%;}
    .sol_process .process_list .third .top_box .list_s > li p {font-size: 13.5px;}
    .sol_process .process_list > li .top_box, .sol_process .process_list .icon_list, .sol_process .process_list .fourth .top_box2 > li {border-radius: 12px; }
}
@media (max-width: 1000px) {
	.sol_process .process_list .icon_list { padding: 32px 15px 15px; }
	.sol_process .process_list > li .top_box { padding: 15px;}
    .sol_process h2 {position: static; transform: translateX(0%); text-align: center;}
    .sol_process .process_list > li h4 br { display:none; }
    .sol_process .process_list {margin-top: calc(25px + 1.1vw);}
    .sol_process .process_list .first .in {width: 100%;}
    .sol_process .process_list .second {width: 100%;}
    .sol_process .process_list .third {width: 100%; margin-top: calc(20px + 1.4vw);}
    .sol_process .process_list .fourth {width: 100%; margin-top: calc(20px + 1.4vw);}
    .sol_process .process_list .last {width: 100%; position: static;  display: flex; flex-direction: column-reverse; justify-content: center; }
    .sol_process .process_list > li .top_box {height: auto;}
    .sol_process .process_list > li.fourth .top_box2 {height: auto; }
    .sol_process .process_list .third .top_box .list_s > li {width: 24.2%;}
    .sol_process .process_list .third .top_box .list_s > li:nth-of-type(n+3) {margin-top: 0;}

    .sol_process .process_list .fourth .top_box2 > li {width: 100%; padding:15px; }
    .sol_process .process_list .fourth .top_box2 > li:last-of-type { margin-top:3px; }
    .sol_process .process_list .icon_list > .box {height: 100px; }
    .sol_process .process_list > li .arrows {width: 18px; margin: 15px auto;}
    .sol_process .process_list > .last .arrows {transform: rotate(180deg);}
    .sol_process .process_list .dol02 {display: flex; justify-content: space-between; flex-wrap: wrap;}
    .sol_process .process_list .dol02 li {width: 48%;}
    .eng .sol_process .process_list .icon_list > .box {height: 100px;}
}
@media (max-width: 767px) {
    .eng .sol_process .process_list .dol02 li {width: 100%;}
}
@media (max-width: 620px) {
    .sol_process .process_list .dol02 li {width: 100%;}
}
@media (max-width: 550px) {
    .sol_process .process_list > li .top_box, .sol_process .process_list .icon_list, .sol_process .process_list .fourth .top_box2 > li {border-radius: 10px; }
    .sol_process .process_list > li .arrows {width: 15px; }
    .sol_process .process_list .third .top_box .list_s > li {width: 49%; height: 50px;}
    .sol_process .process_list .third .top_box .list_s > li:nth-of-type(n+3) {margin-top: 1.8%;}
}




/*시스템 구성 주석*/
.process_ann {background: #f2f7fc; padding: 65px 0 140px;}
.process_ann .ann_list {display: flex; justify-content: center;}
.process_ann .ann_list > li {padding:25px; padding-top:15px; background: #fff; /* box-shadow: 0 0 30px 0 rgba(0,0,0,.08); */ border-radius: 8px; text-align: center;}
.process_ann .ann_list > .center {margin: 0 30px;}

.process_ann .ann_list .sbox {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; min-width: 130px; height: 130px; padding: 10px 15px; border-radius: 8px;}
.process_ann .ann_list .sbox > * {width: 100%;}
.process_ann .ann_list li .en {font-size: 17px;}
.process_ann .ann_list h4 {font-size: 20px; text-align: left;}
.process_ann .ann_list .grey {background: #f2f2f2;}
.process_ann .ann_list .plus_list li {font-size: 14.5px; font-weight: 500; line-height: 1.5;}

.process_ann .ann_list .box_plus {display: flex; justify-content: center;}
.process_ann .ann_list .box_plus .plus {align-self: center; padding: 8px;}
.process_ann .ann_list .box_plus .blu p {color:#fff;}

.process_ann .ann_list .box_right {display: flex; justify-content: center;}
.process_ann .ann_list .box_right > li {position: relative;}
.process_ann .ann_list .box_right > li:nth-of-type(1) {margin-right: 22px;}
.process_ann .ann_list .box_right > li:nth-of-type(1) * { color:#fff; }
.process_ann .ann_list .box_right > li:nth-of-type(1)::after {content: ''; display: block; background: no-repeat left/cover; width: 12px; height: 19px; position: absolute; right: 0; top:50%; transform: translate(100%, -50%);}
.process_ann .ann_list .center .box_right > li:nth-of-type(1) * {font-size: 17px; font-weight: 500; line-height: 1.5;}

.process_ann .ann_list .box_right > li.nvy::after {background-image: url(../images/box_nvy.png);}
.process_ann .ann_list .box_right li.blu::after {background-image: url(../images/box_blu.png);}
.process_ann .ann_list .box_right .plus_list {padding: 0;}

.chn .process_ann .ann_list .box_right > li:nth-of-type(1) {word-break: keep-all;}

@media (max-width :1660px) {
    .process_ann .ann_list > li {padding: calc(18px + 0.4vw); padding-top:calc(13px + 0.3vw); }
    .process_ann .ann_list h4 {font-size: calc(16.2px + 0.2vw);}
    .process_ann .ann_list .plus_list li {font-size: calc(13.2px + 0.07vw);}
    .process_ann .ann_list .box_plus .plus img {width: calc(12px + 0.5vw);}
    .process_ann .ann_list .box_right > li:nth-of-type(1)::after {background-size: 8px; }
    .process_ann .ann_list .center .box_right > li:nth-of-type(1) * { font-size: calc(14.5px + 0.13vw);}
}
@media (max-width :1280px) {
    .process_ann .ann_list .sbox {padding: 9px 13px; }
    .process_ann .ann_list > .center {margin: 0 15px;}
    .process_ann .ann_list .sbox {min-width: 110px; height: 120px;}
    .process_ann .ann_list .box_plus .plus {padding: 5px;}
}
@media (max-width :1080px) {
    .eng .process_ann .ann_list > .center {margin: 0 10px;}
    .eng .process_ann .ann_list .sbox {padding: 9px; }
    .eng .process_ann .ann_list .plus_list li {font-size: 12.5px;}
}
@media (max-width :1020px) {
    .process_ann .ann_list {flex-wrap: wrap;}
    .process_ann .ann_list > li {width: 520px; max-width: 100%;}
    .process_ann .ann_list > li:nth-of-type(n+2) {margin-top: calc(12px + 0.8vw);}
    .process_ann .ann_list > .center {margin: 0;}
    .process_ann .ann_list h4 {text-align: center;}
    .eng .process_ann .ann_list > .center {margin: 0;}
    .eng .process_ann .ann_list > li:nth-of-type(n+2) {margin-top: calc(12px + 0.8vw);}
    .eng .process_ann .ann_list .plus_list li {font-size: calc(13.2px + 0.07vw);}
}

@media (max-width :500px) {
	.process_ann .ann_list > li { background:transparent; padding:0; }
    .process_ann .ann_list > li:nth-of-type(n+2) {margin-top:35px;}
    .process_ann .ann_list .grey {background: #fff; border:1px solid #0059ed; }
    .eng .process_ann .ann_list > li:nth-of-type(n+2) {margin-top:35px;}
}



/**상세 소개**/

/*상세 공통*/
.ai_detail h2 {color:#fff;}
.ai_detail .tit {display: flex; align-items: center;}
.ai_detail .tit h3 {color:#fff; transform: translateY(2px);}
.ai_detail .tit h3 + span {font-size: 24px; margin-left: 18px; padding: 15px 16px; border-radius: 4px; color:#fff;}
.ai_detail .box {padding: 33px 42px 38px; background: rgba(255,255,255,.1); border-radius: 30px; backdrop-filter: blur(5px);}
.ai_detail .box * {color:#fff;}
.ai_detail .box h4 {font-size: 24px; font-weight: 700;}

.chn .ai_detail .tit_h5 h5, .chn .ai_detail .dol05 span, .chn .ai_detail .dol06 span {word-break: keep-all;}

@media (max-width :1660px) {
    .ai_detail .tit h3 {transform: translateY(1px);}
    .ai_detail .tit h3 + span {font-size: calc(13.9px + 0.5vw); margin-left: calc(10.4px + 0.4vw); }
    .ai_detail .box {border-radius: calc(11px + 1vw); }
    .ai_detail .box h4 {font-size: calc(17.7px + 0.33vw);}
}


/*상세1*/
.ai_detail.det_1 {padding: 115px 0; background: url(../images/ai_colbg1.jpg) no-repeat top center #01080f; }
.ai_detail.det_1 .block_wrap {display: flex; justify-content: space-between; flex-wrap: wrap;}
.ai_detail.det_1 .block_wrap .block {padding-top: 100px; width: 46%; position: relative;}
.ai_detail.det_1 .block_wrap .block .tit {position: absolute; top:0;}
.ai_detail.det_1 .box {height: 100%;}

@media (max-width :1660px) {
    .ai_detail.det_1 .block_wrap .block {padding-top: calc(43px + 3vw);}
}
@media (max-width :1440px) {
    .ai_detail.det_1 .block_wrap > .block {width: 48%;}
}
@media (max-width :767px) {
    .ai_detail.det_1 .block_wrap > .block {width: 100%;}
    .ai_detail.det_1 .block_wrap > .block:nth-of-type(2) {margin-top: calc(35px + 2vw);}
}


/*상세2*/
.ai_detail.det_2 {padding: 110px 0 140px; background: url(../images/ai_colbg2.jpg) no-repeat top center #08113b; }

.ai_detail.det_2 .block_wrap {display: flex; justify-content: space-between; flex-wrap: wrap;}
.ai_detail.det_2 .block_wrap .block {width: 31.5%;}
.ai_detail.det_2 .block_wrap .block:nth-of-type(3) .box:last-of-type {margin-top: 18px;}

.ai_detail.det_2 .boxcol2 {display: flex; align-items: flex-start;}
.ai_detail.det_2 .boxcol2:nth-of-type(n+2) {margin-top: 30px;}
.ai_detail.det_2 .boxcol2.one {align-items: center;}

.ai_detail.det_2 .boxcol2 .tit_h5 {width: 27%; padding: 6px 8px 7px; background: #fff; border-radius: 4px; text-align: center;}
.ai_detail.det_2 .boxcol2 .tit_h5 h5 {font-size: 14.2px; font-weight: 600; color:#08113b;}
.ai_detail.det_2 .boxcol2 .dol06 {width: 73%; margin-left:18px; }

.eng .ai_detail.det_2 .boxcol2 {display: block;}
.eng .ai_detail.det_2 .boxcol2 .tit_h5 {display: inline-block; width: auto; padding: 5px 9px 4px; }
.eng .ai_detail.det_2 .boxcol2 .dol06 {width: 100%; margin-left:0px; margin-top: 14px;}

.chn {}

@media (max-width :1660px) {
    .ai_detail.det_2 {background-size: calc(640px + 68vw);}
    .ai_detail.det_2 .boxcol2 .tit_h5 h5 {font-size: calc(12.06px + 0.11vw);}
}
@media (max-width :1300px) {
    .ai_detail.det_2 {background-position: 30% top;}
    .ai_detail.det_2 .block_wrap .block {width: 48%;}
    .ai_detail.det_2 .block_wrap .block:nth-of-type(3) {width: 100%; margin-top: calc(20px + 1.7vw); display: flex; flex-wrap: wrap; justify-content: space-between;}
    .ai_detail.det_2 .block_wrap .block:nth-of-type(3) .box {width: 48%;}
    .ai_detail.det_2 .block_wrap .block:nth-of-type(3) .box:last-of-type {margin-top: 0;}
    .ai_detail.det_2 .boxcol2 .dol06 {margin-left: 16px;}
    .eng .ai_detail.det_2 .boxcol2 .tit_h5 {padding: 4px 8px;}
    .eng .ai_detail.det_2 .boxcol2 .dol06 {margin-top:13px;}
}
@media (max-width :1000px) {
    .ai_detail.det_2 .boxcol2 .tit_h5 {width: 32%; }
    .ai_detail.det_2 .boxcol2 .dol06 {width: 68%; }
}
@media (max-width :767px) {
    .ai_detail.det_2 .block_wrap .block {width: 100%;}
    .ai_detail.det_2 .block_wrap .block.box:nth-of-type(2) {margin-top: calc(20px + 1.7vw);}
    .ai_detail.det_2 .block_wrap .block:nth-of-type(3) .box {width: 100%;}
    .ai_detail.det_2 .block_wrap .block:nth-of-type(3) .box:last-of-type {margin-top: calc(20px + 1.7vw);}
    .ai_detail.det_2 .boxcol2 .tit_h5 {width: 20%; }
    .ai_detail.det_2 .boxcol2 .dol06 {width: 80%; margin-left: 15px;}
    .eng .ai_detail.det_2 .boxcol2 .dol06 {margin-top:12px;}
}
@media (max-width :500px) {
    .ai_detail.det_2 {background-position: left top;}
    .ai_detail.det_2 .boxcol2:nth-of-type(n+2) {margin-top: 20px;}
    .ai_detail.det_2 .boxcol2 .tit_h5 { width: 28%; padding: 5px 8px 6px; }
    .ai_detail.det_2 .boxcol2 .dol06 {margin-left: 14px; width: 72%;}
    .eng .ai_detail.det_2 .boxcol2 .tit_h5 {padding: 3px 7px;}
    .eng .ai_detail.det_2 .boxcol2 .dol06 {margin-top:11px;}
}



/*적용분야*/
.ai_appli .appli_list {display: flex; flex-wrap: wrap; justify-content: space-between;}
.ai_appli .appli_list > li {width: 45%;}

.ai_appli .appli_list h4 {font-size: 32px; font-weight: 800; color:#3749d0;}
.ai_appli .appli_list img {max-width: 100%;}

.eng .ai_appli .appli_list h4 {line-height: 1.3;}
.eng .ai_appli .appli_list h4 {font-size: 30px;}

.ai_appli.ap_bg {background: #f2f7fc; padding: 80px 0;}

@media (max-width :1660px) {
    .ai_appli .appli_list h4 {font-size: calc(19px + 0.7vw);}
    .eng .ai_appli .appli_list h4 {font-size: calc(17px + 0.7vw);}
}
@media (max-width :1024px) {
    .ai_appli .appli_list > li {width: 46%;}
}
@media (max-width :767px) {
    .ai_appli .appli_list > li {width: 100%;}
    .ai_appli .appli_list > li:nth-of-type(n+2) {margin-top: calc(30px + 3vw);}
    .ai_appli .appli_list img { width:540px; }
}
@media (max-width :500px) {
    .ai_appli .appli_list h4 {text-align:center; }
}




/*제품군 3개표*/
.ai_products {padding: 120px 0 135px; background: #f2f7fc;}
.ai_products .products_table {width: 100%;}

.ai_products .products_table thead th:nth-of-type(even) {width: 23%;}
.ai_products .products_table tbody tr th {width: 27%;}
.ai_products .products_table .empty {width: 2%; padding: 1.5px; background: none;}

.ai_products .products_table thead {position: relative; transform: translateY(15%);}
.ai_products .products_table thead th {border-radius: 10px;}
.ai_products .products_table thead th:nth-of-type(even) {padding: 20px 10px; box-shadow: 0px 0px 20px rgba(0,0,0,.08);}
.ai_products .products_table thead th h5 {font-size:18px; color:#fff; font-weight: 800; }
.ai_products .products_table thead th h4 {font-size:28px; color:#fff; font-weight: 700;}

.ai_products .products_table tbody tr > * {padding: 15px 10px;}
.ai_products .products_table tbody tr th {font-size: 16.5px; font-weight: 500; text-align: left; line-height: 1.4; padding-left:22px; }
.ai_products .products_table tbody tr:first-of-type th {vertical-align: bottom;}
.ai_products .products_table tbody tr td {text-align: center; background: #fff;}
.ai_products .products_table tbody tr td {font-size: 16px; font-weight: 500;}
.ai_products .products_table tbody tr td i {font-size: 17px; color:#3a7af0; }

.ai_products .products_table tbody tr:last-of-type td > div {padding: 11px 0;}
.ai_products .products_table tbody tr:last-of-type td p {font-size: 16px; font-weight: 500; line-height: 1.3;}

.ai_products .products_table tbody tr:nth-of-type(even) th {background: #e6eff9;}
.ai_products .products_table tbody tr:nth-of-type(even) td {background: #f2f7fc;}
.ai_products .products_table tbody tr:nth-of-type(even) .empty {background: #e6eff9;}

.chn .ai_products .products_table * {word-break: keep-all;}

@media (max-width :1660px) {
    .ai_products .products_table thead th:nth-of-type(even) {padding: calc(9.8px + 0.5vw) calc(4.9px + 0.3vw);}
    .ai_products .products_table thead th h5 {font-size:calc(9.1px + 0.47vw);}
    .ai_products .products_table thead th h4 {font-size:calc(9px + 1vw);}
    .ai_products .products_table thead th:nth-of-type(4) h4 {font-size:calc(7.7px + 1.07vw);}
    .ai_products .products_table tbody tr th {font-size: calc(10.8px + 0.3vw);}
    .ai_products .products_table tbody tr td {font-size: calc(10.9px + 0.3vw); }
    .ai_products .products_table tbody tr td i {font-size: calc(13.2px + 0.2vw);}
    .ai_products .products_table tbody tr > * {padding: calc(7.5px + 0.4vw) 10px;}
    .ai_products .products_table tbody tr th { padding-left:calc(6px + 0.8vw); }
    .ai_products .products_table tbody tr:last-of-type td img {width: calc(25px + 2.2vw);}
    .ai_products .products_table tbody tr:last-of-type td p {font-size: calc(10.9px + 0.27vw);}
}
@media (max-width :1280px) {
	.ai_products .products_table thead th {border-radius: 5px;}
    .ai_products .products_table .empty {width: 1%; }
}
@media (max-width :450px) {
    .eng .ai_products .products_table thead th:nth-of-type(4) h4 {font-size:calc(7.2px + 1.07vw);}
    .eng .ai_products .products_table tbody tr th {font-size: calc(9.8px + 0.3vw);}
    .eng .ai_products .products_table tbody tr th { padding:calc(7.5px + 0.4vw) calc(3px + 0.8vw); }
    .eng .ai_products .products_table tbody tr:last-of-type td:nth-of-type(odd) {padding: calc(7.5px + 0.4vw) 4px;}
    .eng .ai_products .products_table tbody tr:last-of-type td p {font-size: calc(9.5px + 0.27vw);}
}



/*제품 사양표*/

.products_spec .spec_tit h4 {font-size: 36px; margin-right: 35px; display: inline-block; font-weight: 700; }
.products_spec .spec_tit h4 span {font-size: 18px; font-weight: 800; vertical-align:super;}

@media (max-width :1660px) {
    .products_spec .spec_tit h4 {font-size:calc(17px + 1.1vw); margin-right:calc(10px + 1.4vw);}
    .products_spec .spec_tit h4 span {font-size:calc(11px + 0.4vw); }
}
@media (max-width :1024px) {
	.products_spec .spec_tit h4 span { position:relative; top:2px; }
}

.products_spec .table1 thead th { background-color:#1f5da8; }
.products_spec .table2 thead th { background-color:#0059ed; }
.products_spec .res_table th { font-weight:500; }
.products_spec .res_table .t_train { background-color:#f2f7fc; }
.products_spec .res_table .t_infer { background-color:#e6eff9; }

.chn .products_spec .table_spec * {word-break: keep-all;}

@media (max-width :470px) {
    .eng .products_spec .table_spec.res_table tr th {font-size: 12px; padding: 15px 6px;}
    .eng .products_spec .table_spec.res_table tr td {font-size: 12.8px; padding: 15px 6px;}
    .eng .products_spec .table_spec.res_table tr:last-of-type td:nth-of-type(1) {font-size: 12px;}
}

/*** 유튜브 플레이 ***/
.ytb_wrap { aspect-ratio:1/.5625; margin:0 auto; max-width:100%; }
.ytb_wrap > iframe { width:100%; height:100%; }


/* AI Factory */

.gray_section { padding:80px 0; background-color:#f3f3f3; }
#aifactory h3 { font-size:44px; }
#aifactory h3 span { font-family:serif;}
#aifactory .det { color:#1f5da8; font-size:17px; line-height:1.5; }
#aifactory .pro_col2 { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; }
#aifactory .pro_col2 dt { width:60%; text-align:center; }
#aifactory .pro_col2 dd { width:35%; }
#aifactory .pro_col2.rev { flex-direction:row-reverse; }

#aifactory table.spec { border:1px solid #aaa;  }
#aifactory table.spec:before { display:none; }
#aifactory table.spec tr:last-of-type > * { border-bottom:0; }
#aifactory table.spec tr th { width:30%; background-color:#e1effa; }
#aifactory table.spec tr td { width:70%; text-align:left; }

#aifactory .con_list { display:flex; justify-content:space-between; max-width:100%; margin-left:auto; margin-right:auto; gap:20px; }
#aifactory .con_list .img { text-align:center; }
#aifactory .con_list .img img { max-height:100%; }
#aifactory .con_list p { font-size:16px; text-align:center; line-height:1.5; }

#aifactory .aif5 { width:1100px; }
#aifactory .aif5 li .img img { height:180px; }
#aifactory .aif7 { width:800px; }
#aifactory .aif7 li:nth-of-type(1) .img img { height:182px; }
#aifactory .aif11 { width:1000px; }
#aifactory .aif11 li:nth-of-type(2) { width:33%; }

#aifactory .ytb_wrap { width:1280px; border:1px solid #000; }

@media (max-width :1660px) {
	#aifactory h3 { font-size:calc(16px + 1.5vw); }
    #aifactory .det { font-size:calc(12px + 0.3vw); }
	#aifactory .con_list p { font-size:calc(11.5px + 0.3vw); }
	#aifactory .aif5 { width:calc(540px + 30vw); }
	#aifactory .aif5 li .img img { height:calc(93px + 5vw); }
}
@media (max-width :1023px) {
	#aifactory .pro_col2 dt { width:100%; }
	#aifactory .pro_col2 dd { width:100%; margin-top:calc(10px + 3%); }
	#aifactory table.spec { width:500px; max-width:100%; margin-left:auto; margin-right:auto; }
	#aifactory .aif6, #aifactory .aif8 { width:500px; }
	#aifactory .aif11 li:nth-of-type(2) { width:40%; }
}
@media (max-width :767px) {
	#aifactory .aif5, #aifactory .aif7, #aifactory .aif11 { flex-wrap:wrap; }
	#aifactory .aif5 li, #aifactory .aif7 li, #aifactory .aif11 li { width:100%; }
	#aifactory .aif7 li:nth-of-type(1) .img img { height:150px; }
	#aifactory .aif11 li:nth-of-type(2) { width:300px; margin-left:auto; margin-right:auto; }
}


/* AI 2 */

#withai2 .ai_top { padding-top:100px; height:1000px; background-color:#02091b; background-size:auto 1000px; background-position:center bottom; background-repeat:no-repeat; background-image:url('/images/withai_top.jpg'); text-align:center; }

#withai2 .ai_top h3 { font-size:48px; color:#01bfef; }
#withai2 .ai_top p { font-size:20px; color:#fff; }

#withai2 .ai_intro h3 { font-size:36px; color:#111; line-height:1; }
#withai2 .ai_intro h3 * { vertical-align:bottom; }
#withai2 .ai_intro h3 img { margin-left:calc(10px + 0.5%); }
#withai2 .ai_intro p { font-size:18px; line-height:1.6; color:#222; }
#withai2 .ai_intro p.orange { color:#ff6600; }

#withai2 .tit { font-size:30px; position:relative; text-align:center; font-weight:800; }
#withai2 .tit:after { position:absolute; display:inline-block; content:''; width:9px; aspect-ratio:1/1; border-radius:50%; background-color:#cbdef5; transform:translateX(50%); }

#withai2 .ai_intro_bg { padding:122px 0 110px; background-color:#f2f7fd; position:relative; }
#withai2 .ai_intro_bg .cpu img { width:140px; }
#withai2 .ai_intro_bg .cen_logo { position:absolute; left:50%; top:0; transform:translate(-50%, -50%); }
#withai2 .ai_intro_bg h3 { font-size:32px; color:#111; font-weight:500; }
#withai2 .ai_intro_bg h3 span { font-weight:800; background: linear-gradient(90deg,#0056e6,#0000a1); background-clip: text; -webkit-background-clip: text; color: transparent; }

#withai2 .ai_case .case_list { display:flex; flex-wrap:wrap; justify-content:space-between; row-gap:50px; }
#withai2 .ai_case .case_list > li { width:31%; background-color:#f6f6f6; border-radius:16px 16px 0 0; overflow:hidden; }
#withai2 .ai_case .case_list > li h4 { padding:16px; color:#fff; font-size:20px; font-weight:500; text-align:center; }
#withai2 .ai_case .case_list > li:nth-of-type(1) h4 { background-color:#6891c9; }
#withai2 .ai_case .case_list > li:nth-of-type(2) h4 { background-color:#71b1dd; }
#withai2 .ai_case .case_list > li:nth-of-type(3) h4 { background-color:#25aece; }
#withai2 .ai_case .case_list > li:nth-of-type(4) h4 { background-color:#26afd1; }
#withai2 .ai_case .case_list > li:nth-of-type(5) h4 { background-color:#70b1db; }
#withai2 .ai_case .case_list > li:nth-of-type(6) h4 { background-color:#5e86ba; }

#withai2 .ai_case .case_list > li .img { padding:3%; }
#withai2 .ai_case .case_list > li .dol_box { padding:2% 6% 6%; }

#withai2 .dol { display:flex; row-gap:8px; flex-wrap:wrap; }
#withai2 .dol > li { position:relative; width:100%; display:flex; color:#444; font-size:15.5px; line-height:1.5; padding-left:10px; }
#withai2 .dol > li:before { display:block; content:''; position:absolute; width:3px; height:3px; background-color:#444; border-radius:50%; left:0; top:10px; }

#withai2 .ai_feature { padding:110px 0; background-color:#f2f7fd; }
#withai2 .ai_feature h3 { font-size:26px; line-height:1.5; }
#withai2 .ai_feature .feature_list > li { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; }
#withai2 .ai_feature .feature_list > li .img { width:24%; background-size:cover; background-position:center; background-repeat:no-repeat; aspect-ratio:1/.6; border-radius:18px; }
#withai2 .ai_feature .feature_list > li:nth-of-type(1) .img { background-image:url('/images/ai_vlm1.jpg'); }
#withai2 .ai_feature .feature_list > li:nth-of-type(2) .img { background-image:url('/images/ai_vlm2.jpg'); }
#withai2 .ai_feature .feature_list > li:nth-of-type(3) .img { background-image:url('/images/ai_vlm3.jpg'); }

#withai2 .ai_feature .feature_list > li .con { width:73%; }
#withai2 .ai_feature .feature_list > li:nth-of-type(n+2) { margin-top:4%; }
#withai2 .ai_feature .feature_list > li .con h4 { font-size:23px; color:#111; }

#withai2 .ai_spec_table { border-left:1px solid #ddd; border-right:1px solid #ddd; }
#withai2 .res_table thead th { background-color:#5f87bb; color:#fff; padding:16px; }
#withai2 .res_table tr > * { padding:10px 18px; font-size:15px; }
#withai2 .ai_spec .ai_spec_table tbody th { width:18%; background-color:#f2f7fd; }
#withai2 .ai_spec .ai_spec_table tbody td:first-of-type { width:13%; }
#withai2 .ai_spec .ai_spec_table.tb2 thead th:nth-of-type(n+3) { width:23%; }
#withai2 .ai_spec .ai_spec_table .c_gr { color:#3ab052; }
#withai2 .ai_spec .ai_spec_table .c_bl { color:#1b72b7; }
#withai2 .ai_spec .ai_spec_table .c_rd { color:#f9531f; }

#withai2 .ai_spec2 { padding:110px 0; background-color:#f2f7fd; }
#withai2 .ai_spec2 ul { display:flex; flex-wrap:wrap; justify-content:space-between; }
#withai2 .ai_spec2 ul > li { width:32%; }
#withai2 .ai_spec2 .t_tit { text-align:center; margin-bottom:2%; }
#withai2 .ai_spec2 .t_top th { width:60%; }
#withai2 .ai_spec2 .t_bot td { text-align:left; }
#withai2 .ai_spec2 ul > li:nth-of-type(1) thead th { background-color:#5d82b6; }
#withai2 .ai_spec2 ul > li:nth-of-type(2) thead th { background-color:#6ba6d0; }
#withai2 .ai_spec2 ul > li:nth-of-type(3) thead th { background-color:#22a1c1; }

#withai2 .ai_optwin .swrap { position:relative; }
#withai2 .ai_optwin h3 { color:#111; font-size:40px; font-weight:400; }
#withai2 .ai_optwin h3 span { font-weight:800; }
#withai2 .ai_optwin .optwin_list { width:64%; display:flex; flex-wrap:wrap; justify-content:space-between; }
#withai2 .ai_optwin .optwin_list > li:nth-of-type(n+2) { width:47%; margin-top:calc(20px + 4%); }
#withai2 .ai_optwin .optwin_list > li h4 { font-weight:700; }
#withai2 .ai_optwin .optwin_list > li:nth-of-type(1) h4 { color:#1c57a5; }
#withai2 .ai_optwin .optwin_list > li:nth-of-type(2) h4 { color:#50c3ef; }
#withai2 .ai_optwin .optwin_list > li:nth-of-type(3) h4 { color:#3eb595; }
#withai2 .ai_optwin .img { position:absolute; right:0; bottom:-34px; z-index:-1; }

#withai2 .res_table * { word-break:keep-all; }

@media (max-width :1660px) {
	#withai2 .tit { font-size:calc(13px + 1vw); }
	#withai2 .ai_top { padding-top:calc(26px + 4vw); height:calc(220px + 40vw); background-size:auto calc(164px + 44vw); }
	#withai2 .ai_top h3 { font-size:calc(14px + 1.6vw); }
    #withai2 .ai_top p { font-size:calc(12px + 0.3vw); }
	#withai2 .ai_intro h3 * { font-size:calc(14px + 1.2vw); }
	#withai2 .ai_intro h3 img { width:calc(80px + 7vw); }
	#withai2 .ai_intro p { font-size:calc(13px + 0.23vw); }
	#withai2 .ai_intro .infog img { width:calc(340px + 34vw); }

	#withai2 .ai_intro_bg .cen_logo { width:calc(55px + 9vw); }
	#withai2 .ai_intro_bg .cpu img { width:calc(40px + 6vw); }
	#withai2 .ai_intro_bg h3 { font-size:calc(12.5px + 1.2vw); }

	#withai2 .ai_case .case_list { row-gap:calc(2px + 3vw); }
	#withai2 .ai_case .case_list > li { border-radius:12px 12px 0 0; }
	#withai2 .ai_case .case_list > li h4 { padding:12px; font-size:calc(14px + 0.35vw); }

	#withai2 .dol { row-gap:7px; }
	#withai2 .dol > li { font-size:calc(11.2px + 0.25vw); }
	#withai2 .dol > li:before { top:calc(8px + 0.2vw); }

	#withai2 .ai_feature h3 { font-size:calc(14px + 0.7vw); }
	#withai2 .ai_feature h3 br { display:none; }

	#withai2 .ai_feature .feature_list > li .con h4 { font-size:calc(13px + 0.6vw); }
	#withai2 .ai_feature .feature_list > li .img { width:30%; border-radius:14px; }
	#withai2 .ai_feature .feature_list > li .con { width:67%; }

	#withai2 .res_table thead th { padding:calc(7.4px + 0.4vw); font-size:calc(11.5px + 0.2vw); }
	#withai2 .res_table tr > * { padding:calc(5px + 0.4vw) calc(10px + 0.5vw); font-size:calc(11.5px + 0.2vw); }
	#withai2 .ai_spec .t_tit img { width:calc(160px + 12vw); }
	#withai2 .ai_spec2 .t_tit img { height:calc(38px + 1.4vw); }

	#withai2 .ai_optwin h3 { font-size:calc(16px + 1.3vw); }
}

@media (max-width :1200px) {
	#withai2 .tit:after { width:8px; }
	#withai2 .ai_optwin .optwin_list { width:100%; }
	#withai2 .ai_optwin .img { position:static; text-align:center; margin-top:calc(20px + 4%); }
}
@media (max-width :800px) {
	#withai2 .ai_case .case_list > li { width:48%; }
	#withai2 .dol { row-gap:5px; }
	#withai2 .dol > li { padding-left:7px; }
	#withai2 .dol > li:before { width:2px; height:2px; }
	#withai2 .ai_spec2 ul > li { width:100%; }
	#withai2 .ai_spec2 ul > li:nth-of-type(n+2) { margin-top:calc(24px + 4%); }
	#withai2 .ai_spec2 table { width:500px; max-width:100%; margin:0 auto; }
}
@media (max-width :767px) {
	#withai2 .tit:after { width:6px; }
	#withai2 .ai_feature .feature_list > li .img { width:240px; margin:0 auto; }
	#withai2 .ai_feature .feature_list > li .con { width:100%; margin-top:calc(10px + 2%); }
	#withai2 .ai_feature .feature_list > li:nth-of-type(n+2) { margin-top:calc(20px + 4%); }
	#withai2 .ai_optwin .optwin_list > li:nth-of-type(n+2) { width:100%; }
}

@media (max-width :500px) {
	#withai2 .ai_case .case_list > li { width:100%; }
}