@charset "utf-8";

.fl {float:left;}
.fr {float:right;}
.cl {clear:both;}
.oh {overflow:hidden;}
.tc {text-align:center;}
.mauto {margin:0 auto;}
.letter {letter-spacing: -1px;}

.mt15 {margin-top:15px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt50 {margin-top:50px;}
.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}
.mt80 {margin-top:80px;}
.ml20 {margin-left:20px;}
.pb100{padding-bottom:100px !important;}
.pl110 {padding-left:110px;}
.pr45 {padding-right:45px;}
.mb0{margin-bottom:0 !important}
.w1100 {width:1200px; margin:80px auto 0;}
.w900 {width:900px; margin:0 auto;}
.w400 {width:400px;}
.w450 {width:450px;}
.w500 {width:500px;}
.w550 {width:550px;}
.w560 {width:560px;}
.w660 {width:660px;}
.gnb-btn{display:none;}
.gnb02{display:none;}
.num_w {background:url("../img/num_w.png") no-repeat; width:60px; height:60px; text-align:center; line-height:60px; font-size:12px; color:#fff; font-weight:600; letter-spacing:-0.5px;}
.num {background:url("../img/num.png") no-repeat; width:60px; height:60px; text-align:center; line-height:60px; font-size:12px; color:#172474; font-weight:600; letter-spacing:-0.5px;}
.num_tit {font-size:34px; color:#222; font-weight:300; margin:25px 0; font-weight:400;}
.line_tit {color:#222; font-size:34px; padding:35px 0 50px 0; background:url("../img/his_tit_bar.jpg") no-repeat top left;}
.txt_box .txt {font-size:16px; color:#444; line-height:32px; font-weight:300;}
.txt_box ul li {line-height:32px; color:#444; font-size:16px; font-weight:300;}
.txt_box ul li.two {line-height:20px; margin:7px 0;}
.txt_box ul li span.cnum {display:inline-block;width:22px;height:22px;background:#6b85c0;text-align:center;line-height:22px;color:#fff;border-radius:10px;margin-right:15px;font-size:10px;font-weight:bold;vertical-align:text-bottom;}
.txt_box ul li span.pl {display:inline-block;padding-left:38px;}
.gray_bg {background:#f7f7f7; width:100%; padding:80px 0;}
.bot_img {width:1100px; margin:0 auto; padding-top:130px; text-align:center; color:#fff; font-weight:300;}
.bot_img .btxt {font-size:34px; margin-bottom:45px;}
.bot_img .stxt {font-size:16px; line-height:32px;}

.bot2_img {width:1100px; margin:0 auto; padding-top:80px; text-align:center; color:#fff; font-weight:300;}
.bot2_img .btxt {font-size:34px; margin-bottom:45px;}
.bot2_img .stxt {font-size:16px; line-height:32px;}
.bot2_img .btn {margin-top:25px;}


/* sub visual */
.overview .sv {background:url("../img/overview_sv.jpg") no-repeat center; width:100%; height:440px; background-size:auto 100%;}
.history .sv {background:url("../img/history_sv.jpg") no-repeat center; width:100%; height:440px; background-size:auto 100%;}
.location .sv {background:url("../img/location_sv.jpg") no-repeat center; width:100%; height:440px; background-size:auto 100%;}
.ems .sv {background:url("../img/ems_sv.jpg") no-repeat center; width:100%; height:440px; background-size:auto 100%;}
.business .sv {background:url("../img/busi_sv.jpg") no-repeat center; width:100%; height:440px; background-size:auto 100%;}
.elect .sv {background:url("../img/man_sv.jpg") no-repeat center; width:100%; height:440px; background-size:auto 100%;}
.eng .sv {background:url("../img/eng_sv.jpg") no-repeat center; width:100%; height:440px; background-size:auto 100%;}
.global .sv {background:url("../img/global_sv.jpg") no-repeat center; width:100%; height:440px; background-size:auto 100%;}
.quality .sv {background:url("../img/qua_sv.jpg") no-repeat center; width:100%; height:440px; background-size:auto 100%;}
.comp .sv {background:url("../img/com_sv.jpg") no-repeat center; width:100%; height:440px; background-size:auto 100%;}
.contact .sv {background:url("../img/contact_sv.jpg") no-repeat center; width:100%; height:440px; background-size:auto 100%;}
.pr .sv {background:url("../img/pr_sv.jpg") no-repeat center; width:100%; height:440px; background-size:auto 100%;}
.sv { position:relative;}
.sv .textBox { position:absolute; top:50%; left:0; right:0; width:1200px; margin:0 auto; transform:translateY(-50%);}
.sv .textBox h2 { font-size:60px; color:#fff;font-family: 'Gmarket Sans'; font-weight:300; text-transform: uppercase;}
.sv .textBox p { margin-top:20px; font-size:20px; color:#fff;font-family: 'Spoqa Han Sans'}

/* ABOUT -> Overview */
.pop_wrap {display:none; width:100%; height:100%; background:rgba(0,0,0,0.9); position:absolute; top:0; z-index:7;}
.pop {position:absolute; width:1100px; height:730px; left:50%; margin-left:-550px; bottom:150px;}
.pop .close {position:absolute; top:0; right:0;}
.pop .tit {font-size:36px; color:#fff; font-weight:bold;}
.pop .stit {font-size:16px; color:#ccc; font-weight:300; margin:20px 0 30px 0;}
.overview .con_bg {background:url("../img/ov_bg.jpg") no-repeat top center;}
.overview .ov01 .img {margin-right:120px;} 
.overview .ov {overflow:hidden; margin:80px 0;}
.overview .ov .txt_box .txt {margin-bottom:45px;}
.overview .ov .txt_box .under {display:inline-block; font-size:16px; color:#222;text-decoration: underline; font-weight:500;}
.overview .ov .txt_box .order {overflow:hidden; padding:60px 0;}
.overview .ov .txt_box .order dl {float:left; margin-right:40px;}
.overview .ov .txt_box .order dl:last-of-type {margin-right:0;}
.overview .ov .txt_box .order dl dt {text-align:center;}
.overview .ov .txt_box .order dl dd {font-size:14px; color:#222; font-weight:bold; line-height:20px; text-align:center; margin-top:30px;}
.overview .video {background:url("../img/video_img.jpg") no-repeat center; width:100%; height:540px; cursor:pointer;}

/* ABOUT -> History */
.history .tit {color:#222; font-size:50px; text-align:center; line-height:50px;font-family: 'Spoqa Han Sans'; font-weight:200;}
.history .tit span {display:block; font-size:18px; font-family: 'Spoqa Han Sans'; font-weight:bold;}
.history .h_line {display: flex;height: auto;margin-top:60px;}
.history .h_line .left {border-right: 1px solid #ebebeb;width: 50%;box-sizing: border-box;padding: 50px 0;/* padding-left: 15px; */}
.history .h_line .right {width: 50%;padding-top:10px;/* padding-right: 15px; */}
.history .h_line dl {overflow:hidden;}
.history .h_line dl dt {font-size:16px;color:#222;font-weight:bold;letter-spacing:0.5px;/* width: calc(100% - 65px); */}
.history .h_line dl dd {font-size:16px;color:#444;font-weight:300;letter-spacing:0.3px;width: calc(100% - 140px);}
.history .h_line dl dd.text_b {color:#222; font-weight:bold; letter-spacing:0.1px;}
.history .h_line .left dl{background: url(../img/right_dot.jpg) no-repeat 100% 5px;height: 100px;}
.history .h_line .left dl dt {float:right;margin: 0px 35px 0 25px;}
.history .h_line .left dl dd {float:right; text-align:right;}

.history .h_line .right dl{background: url(../img/left_dot.jpg) no-repeat 0 5px;height: 100px;}
.history .h_line .right dl dt {float:left;margin:0 25px 0 35px;width: 65px;}
.history .h_line .right dl dd {float:left; text-align:left;}

.history .bottom_img {background:url("../img/history_img01.jpg") no-repeat center; width:100%; height:400px; position:relative;}

/* ABOUT -> Location */
.location .map {width:1100px; margin:80px auto 80px; overflow:hidden;}
.location .map .co_info {float:left;}
.location .co {font-size:20px; color:#090909; line-height:40px;}
.location .addr {font-size:16px; color:#161616; line-height:32px; font-weight:400; margin-bottom:5px; letter-spacing:-0.5px;}
.location .phone {font-size:16px; color:#161616; line-height:32px; letter-spacing:-0.5px;}
.location .phone span {color:#00b073; font-weight:bold; letter-spacing:0.3px;}
.location .other_co {width:1100px; margin:0 auto; overflow:hidden;}
.location .other_co div {float:left; width:340px;}
.location .other_co div:nth-child(2) {width:400px;}
.location .other_co .view {width:150px; height:40px; background:#294eb6; margin-top:30px;}
.location .other_co .view a {display:block; line-height:40px; text-align:center; color:#fff; font-size:13px; letter-spacing:0.5px;}
.pop_m {display:none; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; z-index:7;}
.pop_m .pop {width:600px; height:410px; left:50%; margin-left:-300px; bottom:350px;}

/* INDUSTRIES -> SESUNG'S EMS */
.ems { padding-bottom:100px;}
.ems .ebox01 .img {float:left; width:550px;}
.ems .ebox01 .txt_box {float:left; width:550px;}
.ems .ebox01 .tit {color:#222; font-size:34px; padding:35px 0 50px 0; background:url("../img/his_tit_bar.jpg") no-repeat top left;}
.ems .ebox02 {text-align:center;}
.ems .ebox02 .num {margin:0 auto;}
.ems .gray_bg {margin:80px 0;}
.ems .ebox03 {width:1100px; margin:0 auto; overflow:hidden;}
.ems .ebox03 .tit {text-align:center; font-size:20px; margin-bottom:40px; color:#090909;}
.ems .ebox03 dl {width:25%; float:left;}
.ems .ebox03 dl dt {text-align:center;}
.ems .ebox03 dl dt span {display:block; color:#444; font-size:20px; text-align:center; margin:30px 0 40px 0; font-weight:300;}
.ems .ebox03 dl dt span.txt_b {font-weight:600; display:inline;}
.ems .ebox03 dl dd {box-sizing: border-box;}
.ems .ebox03 dl dd ul li {background:url("../img/li_bar.jpg") no-repeat left 10px;padding-left:13px;font-size:16px;color:#444;line-height:23px;margin-bottom:10px;font-weight:300;}
.ems .txt_box .stit {font-size:20px; color:#090909; margin-bottom:25px; font-weight:500; letter-spacing:-0.5px;}
/* .ems .ebox05 .txt_box .stit {margin-top:80px;} */

/* INDUSTRIES -> Business Area */
.business .bbox {overflow:hidden; width:1100px; margin:80px auto 0;}
.business .line_tit {color:#222; font-size:34px; padding:35px 0 35px 0; background:url("../img/his_tit_bar.jpg") no-repeat top left;}

/* SERVICE tab*/
.tab {width:1200px; margin:80px auto 80px;}
.tab ul {overflow:hidden; border-bottom:1px solid #d7d7d7;}
.tab ul li {float:left; position:relative; width:33%; height:60px;}
.tab ul li:after { content:''; display:block; position:absolute; top:50%; left:-1px; width:1px; height:20px; margin-top:-10px; background:#d7d7d7;}
.tab ul li a {font-size:18px; text-align:center; display:block; line-height:60px; color:#888; letter-spacing:-0.5px;}
.tab ul li.on { z-index:1; border:4px solid #172474;}
.tab ul li.on:after { display:none;}
.tab ul li.on a {color:#333; font-weight:500;}

.tab02 {width:1200px; margin:80px auto 80px;}
.tab02 ul {overflow:hidden; border-bottom:1px solid #d7d7d7;}
.tab02 ul li {float:left;position:relative;width: 50%;box-sizing: border-box;}
.tab02 ul li:after { content:''; display:block; position:absolute; top:50%; left:-1px; width:1px; height:20px; margin-top:-10px; background:#d7d7d7;}
.tab02 ul li a {font-size:18px;text-align:center;display:block;color:#888;letter-spacing:-0.5px;display: flex;align-items: center;justify-content: center;height: 60px;}
.tab02 ul li.on { z-index:1; border:4px solid #172474;}
.tab02 ul li.on:after { display:none;}
.tab02 ul li.on a {color:#333; font-weight:500;}

/* SERVICE -> Manufacturing -> Electronis Manufacturing */
.elect .con_bg {background:url("../img/ele_bg.jpg") no-repeat;}
.elect .ebox03 {background:url("../img/ele_img03.jpg") no-repeat; height:400px; margin:80px 0;}
.elect .ebox03 .bot_img {padding-top:80px;}
.elect .ebox03 .bot_img .num_w {margin-bottom:30px;}
.elect .ebox04 ul {overflow:hidden;}
.elect .ebox04 ul li {float:left; border-left:1px solid #e1e1e1; box-sizing:border-box;}

.elect .step_box {float:left;border-right:1px solid #e1e1e1;box-sizing:border-box;padding:30px 78px 0 44px;}
.elect .step_box .step {font-size:16px; color:#222; font-weight:400; margin-bottom:25px;}
.elect .step_box .blue {font-size:16px; color:#2462d5; font-weight:400; line-height:20px;}
.elect .step_box .sgtxt {font-size:12px; color:#bbb; line-height:20px; font-weight:bold; margin:20px 0;}
.elect .step_box .sbtxt {font-size:12px; color:#444; line-height:20px;}

.elect .ebox04 .ebox04_01 {position:relative; height:300px;}
.elect .ebox04 .ebox04_01 .num_tit {border-right:1px solid #e1e1e1; height:280px;}
.elect .ebox04 .ebox04_01 .step_box {padding-top:0;height:280px;}
.elect .ebox04 .ebox04_01 .step_box:first-of-type {padding:0 78px 0 44px;}
.elect .ebox04 .ebox04_01 .step_box02 {padding:0 0 0 44px; border-right:none;}
.elect .ebox04 .ebox04_01 .arrow {background:url("../img/ele_img07.png") no-repeat; position:absolute; bottom:0; left:0; width:1100px; height:21px;}
.elect .ebox04 .ebox04_01 .num_tit {margin:0; padding-right:41px;}
.elect .ebox04 .ebox04_01 .img_txt {margin:70px 0 0 45px;}
.elect .ebox04 .ebox04_01 .img_txt dl {width:140px;min-height: 170px;}

.elect .ebox04 .ebox04_02 {position:relative;}
.elect .ebox04 .ebox04_02 .step_box {border-right:none; padding:30px 0 0 44px;}
.elect .ebox04 .ebox04_02 .arrow {background:url("../img/ele_img020.png") no-repeat; position:absolute; bottom:0; left:0; width:1100px; height:21px;}
.elect .ebox04 .ebox04_02 .img_txt {margin:30px 0 0 23px; width:720px;}
.elect .ebox04 .ebox04_02 .img_txt dl {width:120px;margin-bottom: 20px;}

.elect .ebox04 .ebox04_03 {position:relative;}
.elect .ebox04 .ebox04_03 .step_box {height:370px;}
.elect .ebox04 .ebox04_03 .step_box:nth-child(1) {width:441px;}
.elect .ebox04 .ebox04_03 .step_box:nth-child(1) .img_txt {margin-top:45px;padding-bottom: 40px;}
.elect .ebox04 .ebox04_03 .step_box:nth-child(1) .img_txt dl:first-of-type {margin-right:10px;}
.elect .ebox04 .ebox04_03 .step_box:nth-child(2) {width:220px;}
.elect .ebox04 .ebox04_03 .step_box:nth-child(3) {border-right:none; position:relative;}
.elect .ebox04 .ebox04_03 .step_box:nth-child(3) .img_txt {position:absolute; top:160px; right:40px;}
.elect .ebox04 .ebox04_03 .arrow {background:url("../img/ele_img024.png") no-repeat; position:absolute; bottom:0; left:0; width:1100px; height:21px;}

.elect .ebox04 .ebox04_04 .step_box {height:250px;}
.elect .ebox04 .ebox04_04 .step_box:nth-child(1) {padding:30px 108px 0 44px;}
.elect .ebox04 .ebox04_04 .step_box:nth-child(1) .sgtxt {margin:40px 0 20px 0;}
.elect .ebox04 .ebox04_04 .step_box:nth-child(2) {border-right:none;}

.elect .ebox05 {position:relative;}
.elect .ebox05 .line {position:absolute; width:980px; border-top:1px solid #030302; top:30px; left:120px;}

.img_txt {overflow:hidden;}
.img_txt dl {float:left;}
.img_txt dl:last-of-type {margin-right:0;}
.img_txt dl dt {text-align:center; margin-bottom:20px;}
.img_txt dl dd {text-align:center; font-size:12px; color:#222; font-weight:500; line-height:20px;}

/* SERVICE -> Manufacturing -> Precision Machining */
.elect .pbox01 .txt img.quo_left {margin-right:15px;}
.elect .pbox01 .txt img.quo_right {margin:10px 0 0 15px;}
.elect .pbox03 {background:url("../img/pre_img03.jpg") no-repeat; height:400px; margin:80px 0;}
.elect .pbox03 .bot_img {padding-top:80px;}
.elect .pbox03 .bot_img .num_w {margin-bottom:30px;}
.elect .pbox04 .arrow {background:url("../img/pre_img04.jpg") no-repeat; height:21px; margin-left:-50px;}
.elect .pbox04 ul {overflow:hidden;}
.elect .pbox04 ul li {float:left; border-left:1px solid #e1e1e1; padding:20px 0 0 40px; width:210px; height:270px; box-sizing:border-box;border-bottom:1px solid #e1e1e1;}
.elect .pbox04 ul li div .step {font-size:16px; color:#222; font-weight:500; margin-bottom:25px;}
.elect .pbox04 ul li div .blue {font-size:16px; color:#2462d5; font-weight:400;}
.elect .pbox04 ul li div p.bul {font-size:12px; color:#444; line-height:20px; background:url("../img/depth3.jpg") no-repeat left 9px; padding-left:15px; font-weight:500;}

/* SERVICE -> Manufacturing -> Mold & Injection */
.elect .gray_bg {padding:0 0 80px 0; margin-top:80px;}
.elect .mbox01 .line_tit {background:url("../img/his_tit_bar.jpg") no-repeat top center;}
.elect .mbox01 .txt .quo_left {margin:-5px 10px 0 0;}
.elect .mbox01 .txt .quo_right {margin:10px 0 0 5px;}
.elect .mbox01 .txt span {display:block; line-height:15px;}
.elect .mbox03 {width:1175px; margin:0 auto;}
.elect .mbox03 .img {padding-top:120px;}
.elect .mbox03 .txt_box_wrap {width:560px; padding:80px 0 0 30px; box-sizing:border-box;}
.elect .mbox03 .txt_box {position:relative; margin-bottom:20px;}
.elect .mbox03 .txt_box .line {position:absolute; background:url("../img/blue_line.jpg") repeat-y; width:1px; height:195px; margin:20px 0 0 20px;}
.elect .mbox03 .txt_box .tit {font-size:34px; color:#172474; font-weight:400;}
.elect .mbox03 .txt_box .tit span {font-size:46px; display:inline-block; margin-right:15px;}
.elect .mbox03 .txt_box .stit {font-size:16px; color:#222; font-weight:500; letter-spacing:0.5px; margin:20px 0 20px 70px;}
.elect .mbox03 .txt_box ul {margin-left:70px;}
.elect .mbox04 {background:url("../img/mold_img03.jpg") no-repeat; height:400px;}

/* SERVICE -> Engineering */
.eng .con_bg {background:url("../img/eng_bg.jpg") no-repeat top center; height:380px;}
.eng .con_bg .ebox02 {margin:0 auto;}
.eng .con_bg .ebox02 .txt_box {margin-top:50px;}
.eng .ebox03 {overflow:hidden; margin-bottom:80px;}
.eng .ebox03 dl {float:left;margin-right:12px;padding: 0 10px;}
.eng .ebox03 dl:last-of-type {margin-right:0;}
.eng .ebox03 dl dt {width: 205px;height: 205px;border-radius:150px;color:#fff;text-align:center;font-size:16px;font-weight:500;margin-bottom:30px;display: flex;align-items: center;justify-content: center;}
.eng .ebox03 dl dt.navy {background:#172474;}
.eng .ebox03 dl dt.green {background:#00b073;}
.eng .ebox03 dl dd {border-right:1px solid #dadada;margin-left:15px;height:200px;margin-right: -20px;}
.eng .ebox03 dl:last-of-type dd {border-right:none;}
.eng .ebox03 dl dd ul li {background:url("../img/sq_bul.jpg") no-repeat left 8px; padding-left:15px; color:#444; font-size:14px; font-weight:300; line-height:20px; margin-bottom:8px;}
.eng .ebox04 {background:url("../img/eng_img02.jpg") no-repeat; height:400px;}

/* SERVICE -> Global Sourcing */
.gbox01 .num {margin:0 auto;}
.gbox01 .img {margin-top:50px;}
.gbox02 {margin-bottom:80px;}
.gbox03 {background:url("../img/glo_img03.jpg") no-repeat; height:400px;}

/* SERVICE -> Quality Management */
.qbox01 .line_tit {background:url("../img/his_tit_bar.jpg") no-repeat top center;}
.qbox01 .txt {letter-spacing:-0.2px;}
.qbox02 {overflow:hidden; width:1100px; margin:0 auto;}
.qbox02 .txt {margin-bottom:40px;}
.qbox02 dl {float:left; margin-right:80px; text-align:center;}
.qbox02 dl:nth-child(3n) {margin-right:0;}
.qbox02 dl dd {font-size:20px; color:#444; margin-top:30px; margin-bottom:40px;}
.qbox02 dl dd span {display:block; font-size:16px; font-weight:300;}
.qbox04 .ul_tit {font-size:20px; color:#090909; margin:80px 0 20px 0;}

/* SERVICE -> Components Distribution */
.cbox01 .line_tit {background:url("../img/his_tit_bar.jpg") no-repeat top center;}
.cbox01 ul {overflow:hidden; margin-top:80px;}
.cbox01 ul li {float:left; margin:0 40px 40px 0;}
.cbox01 ul li:nth-child(3n) {margin-right:0;}
.cbox01 ul li:nth-child(7),.cbox01 ul li:nth-child(8),.cbox01 ul li:nth-child(9){margin-bottom:0;}
/* CONTACT */
.ubox .cc_list {overflow:hidden;}
.ubox .cc_list li {float:left; width:550px; padding:40px 0 45px 33px; border-top:1px solid #eaeaea; border-left:1px solid #eaeaea; box-sizing:border-box;}
.ubox .cc_list li:nth-child(even) {border-right:1px solid #eaeaea;}
.ubox .cc_list li:nth-child(3) {border-bottom:1px solid #eaeaea;}
.ubox .cc_list li:nth-child(4) {border-bottom:1px solid #eaeaea;}
.ubox .cc_list li:nth-child(5) {border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea;}
.ubox .cc_list li .tbox {}
.ubox .cc_list li .tbox .cname {color:#222; font-size:20px;}
.ubox .cc_list li .tbox .txt {line-height:24px; font-size:16px;}
.ubox .cc_list li .tbox .txt span {color:#00b073; font-weight:bold;}
.ubox .cc_list li .tbox .txt span a {color:#00b073; font-weight:bold;}

.ubox .txt_box .txt {line-height:24px;}
.ubox .txt_box .txt span {color:#00b073; font-weight:bold;}
.ubox .txt_box .txt span a {font-size: 16px;  color: #00b073; text-decoration: underline;}
.ubox .blue_btn {width:212px; height:40px; background:#294eb6; margin-top:40px;}
.ubox .blue_btn a {display:block; text-align:center; line-height:40px; font-size:13px; color:#fff; font-weight:400; letter-spacing:0.5px;}

/* Public Relation */
.pr { padding-bottom:100px;}
/* .pr .sub_menu .lnb_con { background:#fafafa;} */
.pr .sub_menu .lnb_con .depth3 .here { width:280px;box-sizing: border-box;}
.pr .videoBox { position:relative;}
.pr .videoBox:before { content:''; display:block; position:absolute; top:0; bottom:0; left:50%; width:50%; background:#fff;}
.pr .videoBox .innerBox { overflow:hidden; position:relative; width:1200px; margin:0 auto;}
.pr .video { float:left; width:883px; height:560px;}
.pr .video iframe { width:883px; height:560px;}
.pr .textBox { float:left; width:317px; height:560px; padding-left:60px; box-sizing:border-box; background:#fff;}
.pr .textBox .date { padding-top:60px; font-size:14px; color:#a6a6a6;}
.pr .textBox h2 { margin-top:30px; font-size:24px; color:#111;font-family: 'Spoqa Han Sans'}
.pr .textBox .text { margin-top:30px; font-size:14px; color:#111; line-height:1.85}
.pr .textBox .BtnLink { position:absolute; bottom:50px; }
.pr .videoList { width:1200px; margin:60px auto 0;}
.pr .videoList ul { overflow:hidden; margin-left:-66px;}
.pr .videoList ul li { float:left; width:250px; margin-bottom:50px; margin-left:66px;}
.pr .videoList ul li:nth-of-type(5),.pr .videoList ul li:nth-of-type(6),.pr .videoList ul li:nth-of-type(7),.pr .videoList ul li:nth-of-type(8){margin-bottom:0;}
.pr .videoList ul li button { display:block; border:0; outline:none; background:none;}
.pr .videoList .link {}
.pr .videoList .link .img,
.pr .videoList .link .img img { width:250px; height:220px;}
.pr .videoList .link .text { margin-top:30px; font-size:16px; color:#111;}
.pr .videoList .textBox { display:none;}
.pr ~ #footer { margin-top:0;}


@media (max-width:720px){
    body.scroll_out02{overflow:hidden;height:100%}
    .wrap{min-width: 100%;width:100%;;}
    .location .sv {background: url(../img/mo_location_sv.jpg) no-repeat 0% 1px;height: 230px;background-size: 100% 100%;    }
    .history .sv{background: url(../img/mo_history_sv.jpg) no-repeat 0% 1px;height: 230px;background-size: 100% 100%;    }
    .overview .sv{background: url(../img/mo_overview_sv.jpg) no-repeat 0% 1px;height: 230px;background-size: 100% 100%;    }
    .ems .sv{background: url(../img/mo_ems_sv.jpg) no-repeat 0% 1px;height: 230px;background-size: 100% 100%;    }
    .business .sv{background: url(../img/mo_busi_sv.jpg) no-repeat 380% 1px;height: 230px;background-size: 100% 100%;    }
    .quality  .sv{background: url(../img/mo_qua_sv.jpg) no-repeat 0% 1px;height: 230px;background-size: 100% 100%;    }
    .elect  .sv{background: url(../img/mo_man_sv.jpg) no-repeat 0% 1px;height: 230px;background-size: 100% 100%;    }
    .global  .sv{background: url(../img/mo_global_sv.jpg) no-repeat 0% 1px;height: 230px;background-size: 100% 100%;    }
    .eng  .sv{background: url(../img/mo_eng_sv.jpg) no-repeat 0% 1px;height: 230px;background-size: 100% 100%;    }
    .comp  .sv{background: url(../img/mo_com_sv.jpg) no-repeat 0% 1px;height: 230px;background-size: 100% 100%;    }
    .pr  .sv{background: url(../img/mo_pr_sv.jpg) no-repeat 0% 1px;height: 230px;background-size: 100% 100%;    }
    .contact  .sv{background: url(../img/mo_contact_sv.jpg) no-repeat 0% 1px;height: 230px;background-size: 100% 100%;    }
    .sub_menu{padding:0 !important;}
    .txt_box ul li span.cnum{margin-left: -38px;}
    .sub_menu .lnb_con{width: 100%;border-bottom: 1px solid #ebebeb;}
    .sub_menu .lnb_con .home{box-sizing: border-box;}
    .sub_menu .lnb_con .depth1{padding-left: 4%;box-sizing: border-box;max-width: unset;}
    .sub_menu .lnb_con .depth2{padding-left: 4%;box-sizing: border-box;max-width: unset;}
    .sub_menu .lnb_con .here{width:100%;padding-left: 0;}
    .sub_menu .lnb_con .depth2 .here{width:100%;}
    .sub_menu .lnb_con .depth2 .here.longlang{line-height: unset;display: flex;align-items: center;}
    .sub_menu .lnb_con ul{width:100%;}
    .sub_menu .lnb_con .depth2 ul{width:100%;}
    .sub_menu .lnb_con .depth3{width:100%;box-sizing: border-box;position: relative;top: 0;left: 0;}
    .sub_menu .lnb_con .depth3 .here{width:100%;padding: 0 20px;box-sizing: border-box;background: url(../img/sub_arrow.jpg) no-repeat 96% 50%;}
    .sub_menu .lnb_con .depth3 ul{width:100%;}
    .tab{width:100%;margin-top: 58px;}
    .tab ul{    border-top: 1px solid #d7d7d7;}
    .tab ul li{float:none;width:100%;box-sizing: border-box;}
    .tab ul li a{line-height: unset;display: flex;align-items: center;justify-content: center;height: 100%;}
    .location .map{width:100%;}
    .location .map iframe{width:100%;}
    .location .other_co{width:100%;}
    .location .map .co_info{padding: 0 20px;}
    .location .other_co div{padding:20px;width:100%;}
    .pop_m .pop{position: fixed;width:93%;top: 25%;left: 3%;margin-left: 0;}
    .pop_m iframe{width:100%;}
    .pop_m.map01{}
    .pop .close{top:-10%;}
    .gnb_wrap .gnb{width:100%;margin-left: 0;left: 0;display:flex;justify-content: center;align-items: center;height: 80px;}
    .gnb-btn{}
    .gnb-btn{position: relative; display: block;border:0;width: 40px;height: 40px;cursor: pointer;background-color: #fff;position: absolute;top: 17px;left: 3%;}
    .gnb-btn i{ position: absolute; top: 37%; left:0; margin-left:0; width: 36px; height:2px; background-color: #000; display: block; transition:all 0.2s ease-in-out;}
    .gnb-btn i:nth-child(2){ margin-top: 10px;}
    .gnb-btn.open i{left:30%;top:45%;}
    .gnb-btn.open i:nth-child(1){ margin: 0 0 0 -.8rem; transform: rotate(45deg);}
    .gnb-btn.open i:nth-child(2){ margin: 0 0 0 -.8rem; transform: rotate(-45deg);}
    .gnb-btn span{ display:block; overflow:hidden; font-size:1px; line-height:0; color:transparent;}
    #header{position:relative;}
    .gnb02{background-color:#fff;position: absolute;width:100%;transition: all 0.4s ease-in-out;top:-105vh}
    .gnb02.open{top: 5rem;height: 95%;overflow-y: scroll;position: fixed;display:flex;        flex-direction: column;}
    .gnb02 > li{}
    .gnb02 > li > a{display:flex;height:50px;border-bottom:1px solid #000;padding-left:20px;background:url(../img/down_arrow.jpg)no-repeat 95% 50%;font-size:16px;align-items: center;}
    .gnb02 > li.submenu-open > a{background:url(../img/up_arrow.jpg)no-repeat 95% 50%;}
    .gnb02 > li > a img{}
    .gnb02 > li > ul{display:none;}
    .gnb02 > li > ul > li{}
    .gnb02 > li > ul > li > a{display:flex;height:50px;padding-left:40px;font-size:14px;align-items: center;}
    .gnb02 > li > ul > li > ul{}
    .gnb02 > li > ul > li > ul li a{padding-left: 50px;padding-bottom: 5px;display: flex;}


    .org .gnb_wrap .gnb .logo{width:auto;float:none;}
    .org .gnb_wrap .gnb .logo a{margin:0}
    .gnb .lang{right:10px;}
    .gnb > ul{display:none;}
    #footer .footerBox{width:100%;padding:20px;;box-sizing: border-box;}
    .history .w1100{width:100%;padding: 0 20px;box-sizing: border-box;}
    .history .h_line{display:flex;height:auto;background:unset;flex-direction: row;justify-content: center;/* min-width: 380px; *//* overflow-x: scroll; */}
    .history .h_line dl dt{font-size:15px;}
    .history .h_line dl dd{font-size: 14px;width: 100%;box-sizing: border-box;}
    .history .h_line .left{border-right:1px solid #ebebeb;}
    .history .h_line .left dl {padding-right:10px;background: url(../img/right_dot.jpg)no-repeat 100% 5px;height: 150px;}
    .history .h_line .right dl {padding-left:10px;background: url(../img/left_dot.jpg)no-repeat 0 5px;height: 150px;}
    .history .h_line .left dl dt{float:none;text-align: right;margin:0;padding-right: 25px;}
    .history .h_line .left dl dd{float:none;margin:0;padding-right: 0;width: 100%;}
   

    .history .h_line .right dl dt {float:none;margin:0;margin-left:25px;}
    .history .h_line .right dl dd {float:none; margin-left:25px;}
   
    .bot_img{width: 100%;padding: 20px;box-sizing: border-box;padding-top: 80px;}
    .elect .ebox03 .bot_img{padding-top:60px;}
    .elect .pbox03 .bot_img{padding-top:60px;}
    .bot_img .btxt{margin-bottom:15px;}

    .overview .w1100{width:100%;}
    .overview .ov01 .img{margin:0;}
    .overview .ov{padding:0 20px}
    .overview .ov .img img{width:100%;}
    .overview .ov .img.fl{float:none;}
    .overview .ov .img.fr{float:none;}
    .overview .ov .w550{width:100%;margin:20px 0;}
    .num_tit{font-size:30px;}
    .overview .ov .txt_box .order dl{width:50%;margin-right: 0;min-height: 230px;padding-bottom: 20px;}
    .txt_box ul li{font-size: 15px;padding-left: 40px;}
    .txt_box ul li span.pl{padding-left:0;}

    .pop{width:93%;top: 25%;left: 3%;margin-left: 0;position: fixed;}
    .pop .video iframe{width:100%;height: 300px;}

    .ebox01.w1100{width:100%;padding:0 20px;box-sizing: border-box;}
    .ebox01.w1100 .txt_box{padding-bottom:20px;width: 100%;float: none;}
    .ebox01.w1100 > p{float:none;}
    .ebox01.w1100 > p img{width:100%;}
    .ebox02.w1100{width:100%;padding:0 20px;box-sizing: border-box}
    .ebox02.w1100 > p{float:none;width:100%;}
    .ebox02.w1100 > p img{width:100%;}
    .elect .ebox02.w1100 .txt_box{padding-top:80px;}
    .ebox02.w1100 .txt_box{text-align: left;;
        /* padding-top: 80px; */
    }
    .ems .ebox02 .num{display:inline-block;}
    .ems .ebox02 .txt_box .txt{
        /* text-align: center; */
    }
    .ebox04.w1100{width:100%;padding:0 20px;box-sizing: border-box}
    .ebox04.w1100 > div{width:100%;float:none;margin-bottom:40px;overflow: unset;}
    .ebox04.w1100 > p{width:100%;float:none;}
    .ebox05.w1100{width:100%;padding:0 20px;box-sizing: border-box;display:flex;flex-direction: column;margin-top: 40px;}
    .ebox05.w1100 > p{order: 2;float:none;width:100%;}
    .ebox05.w1100 > div{order: 1;float:none;width:100%;margin-bottom: 20px;}
    .ems .gray_bg{}
    .ems .ebox01 .img{width:100%;float:none;}
    .ems .ebox01 .img img{width:100%;}
    .ems .ebox01 .txt_box{width:100%;float:none;padding-top: 40px;}
    .ems .ebox02{margin-top:60px;}
    .ems .ebox03{width:100%;}
    .ems .ebox03 dl{width:50%;padding:0 20px;padding-bottom:20px;box-sizing: border-box;}
    .ems .ebox03 dl dd{padding-left:0;}
    .ems .ebox03 dl dt img{width:100%;}
    .ebox04.w1100 > p{float:none;width:100%;}
    .ebox04.w1100 > p img{width:100%;}
    

    .business .txt_box.w1100{width:100%;padding:0 20px;box-sizing: border-box;}
    .business .bbox{width:100%;padding:0 20px;box-sizing: border-box;margin-top:80px;}
    .business .bbox .txt_box{width:100%;float:none;padding-bottom:20px;}
    .business .bbox > p{float:none;width:100%;}
    .business .bbox > p img{width:100%;}
    .business .bbox.busi-div02{display:flex;flex-direction: column;}
    .business .bbox.busi-div02 > p{order: 2;}
    .business .bbox.busi-div02 > div{order: 1;}
    .business .bbox.busi-div04{display:flex;flex-direction: column;}
    .business .bbox.busi-div04 > p{order: 2;}
    .business .bbox.busi-div04 > div{order: 1;}

    .quality .w1100{width:100%;padding:0 20px;box-sizing: border-box;}
    .quality .w1100 > div{width:100%;float:none;}
    .quality .w1100 > p{width:100%;float:none;}
    .quality .w1100 > p img{width:100%;}
    .quality .w1100 .txt_box{padding-bottom:20px;}
    .qbox04 .ul_tit{margin-top:40px;}
    .quality .qbox04{margin-top:40px;}
    .qbox02{width:100%;}
    .qbox02 .w900{width:100%;}
    .qbox02 .w900 dl{box-sizing: border-box;width:50%;padding: 0 20px;padding-bottom:20px;margin-right:0;}
    .qbox02 .w900 dl:last-of-type{width: 50%;display:flex;align-items: center;justify-content: center;flex-direction: column;padding-bottom: 0;}
    .qbox02 .w900 dl:last-of-type dt{/* width:50%; */}
    .qbox02 .w900 dl:last-of-type dd{margin-bottom:0;}
    .qbox02 .w900 dl dt img{width:100%;}

    .pbox01{width:100%;padding:0 20px;box-sizing: border-box;}
    .pbox01 > p{float:none;width:100%;}
    .pbox01 > p img{width:100%;}
    .pbox01 > div{float:none;}
    .pbox02{width:100%;padding:0 20px;box-sizing: border-box;}
    .pbox02 > div{float:none;width:100%;padding-bottom:20px;}
    .pbox02 > p{float:none;width:100%;}
    .pbox02 > p img{width:100%;}
    .pbox03{width:100%;padding:0 20px;box-sizing: border-box;}
    .pbox04{width:100%;padding:0 20px;box-sizing: border-box;}
    .elect .pbox04 .arrow{display:none;}
    /* .elect .pbox04 ul{border-top:1px solid #e1e1e1;} */
    .elect .pbox04 ul li{width:50%;border:1px solid #e1e1e1;}
    .mbox01{width:100%;padding:0 20px;box-sizing: border-box;}
    .mbox02{width:100%;padding:0 20px;box-sizing: border-box;}
    .mbox02 .txt_box{width:100%;margin-bottom:20px;}
    .mbox02 > p{width:100%;float:none;}
    .mbox02 > p img{width:100%;}
    .elect .mbox03{width:100%;padding:0 20px;box-sizing: border-box;}
    .elect .mbox04{width:100%;box-sizing: border-box;height: auto;background-size: cover;padding: 20px;}
    .elect .mbox03 .img{display:none;}
    .elect .mbox03 .txt_box_wrap{width:100%;padding-left: 0;}
    .elect .mbox03 .txt_box .stit{margin-left:40px;}
    .elect .mbox03 .txt_box ul{margin-left:40px;}
    .elect .mbox03 .txt_box .line{background:unset}
    .bot2_img{width:100%;}
    .elect .step_box{padding:40px 0;}
    .elect .ebox03{
        /* height:auto; */
        background-size: cover;}
    .elect .ebox04 .ebox04_01{height:auto;overflow: unset;}
    .elect .ebox04 .ebox04_01 .num_tit{float:none;height:auto;border-right: 0;padding-bottom: 50px;border-bottom:1px solid #e1e1e1;padding-right: 0;}
    .elect .ebox04 .ebox04_01 .step_box:first-of-type{float:none;height: auto;border-right: 0;border-bottom: 1px solid #e1e1e1;padding: 40px 0;}
    .elect .ebox04 .ebox04_01 .step_box02{float:none;height: auto;padding-bottom: 20px;padding: 40px 0 25px;}
    .elect .ebox04 .ebox04_01 .img_txt{float:none;padding: 0;height: auto;margin: 0;padding-bottom: 40px;display: flex;align-items: center;justify-content: center;border-bottom: 1px solid #172575;position: relative;overflow: unset;}
    .elect .ebox04 .ebox04_01 .img_txt:after{content:'';width:21px;height:21px;display:block;background:url(../img/arrow_icon.png)no-repeat 0 0;position: absolute;bottom: -10px;left: calc(50% - 11px);}
    .elect .ebox04 .ebox04_01 .arrow{display:none;}
    .elect .ebox04 .ebox04_02 .step_box{float:none;padding: 0;height: auto;margin-top:40px;}
    .elect .step_box .sbtxt{margin-top:20px;}
    .elect .ebox04 .ebox04_02 .img_txt{float:none;padding: 0;height: auto;width:100%;margin:0;margin-top: 25px;border-bottom: 1px solid #172575;}
    .elect .ebox04 .ebox04_02 .img_txt:after{content:'';width:21px;height:21px;display:block;background:url(../img/arrow_icon.png)no-repeat 0 0;position: absolute;bottom: -10px;left: calc(50% - 11px);}
    .elect .ebox04 .ebox04_02 .img_txt dl{width:33.3%;box-sizing: border-box;min-height: 160px;}
    .elect .ebox04 .ebox04_02 .arrow{display:none;}
    .elect .ebox04 .ebox04_03 .step_box:nth-child(1){width:100%;height:auto;float: none;padding: 0;padding-bottom: 40px;border-right: 0;}
    .elect .ebox04 .ebox04_03 .step_box:nth-child(1) .img_txt{border-bottom: 1px solid #e1e1e1;/* display: flex; *//* align-items: center; */}
    .elect .ebox04 .ebox04_03 .step_box:nth-child(1) .img_txt dl{width:33.3%;margin: 0 !important;}
    .elect .ebox04 .ebox04_03 .step_box:nth-child(2){width:100%;height:auto;float: none;padding: 0;padding-bottom: 40px;border-right: 0;border-bottom: 1px solid #e1e1e1;}
    .elect .ebox04 .ebox04_03 .step_box:nth-child(3){width:100%;height:auto;float: none;padding: 40px 0;border-right: 0;border-bottom: 1px solid #172575;}
    .elect .ebox04 .ebox04_03 .step_box:nth-child(3) .img_txt{position:relative;top:0;right:0;margin-top: 25px;}
    .elect .ebox04 .ebox04_03 .step_box:nth-child(3) .img_txt dl:last-of-type{width:33.3%}
    .elect .ebox04 .ebox04_03 .step_box:nth-child(3):after{content:'';width:21px;height:21px;display:block;background:url(../img/arrow_icon.png)no-repeat 0 0;position: absolute;bottom: -10px;left: calc(50% - 11px);}
    .elect .ebox04 .ebox04_03 .arrow{display:none;}
    .elect .ebox04 .ebox04_04 .step_box:nth-child(1){padding:0;height:auto;float:none;border-right: 0;padding-bottom: 40px;border-bottom: 1px solid #172575;position: relative;}
    .elect .ebox04 .ebox04_04 .step_box:nth-child(1):after{content:'';width:21px;height:21px;display:block;background:url(../img/arrow_icon.png)no-repeat 0 0;position: absolute;bottom: -10px;left: calc(50% - 11px);}
    .elect .ebox04 .ebox04_04 .step_box:nth-child(2){padding:0;height:auto;float:none;padding: 40px 0;}
    .elect .ebox05 .line{display:none;}
    .ebox05.w1100 > p img{width:100%;}
    .ebox05 .img.pc-on{width:80%}

    .gbox01{width:100%;padding:0 20px;box-sizing: border-box;}
    .gbox01 > div{text-align: left;}
    .gbox01 .img img{width:100%;}
    .gbox01 .num{display:inline-block;}
    .gbox02{width:100%;padding:0 20px;box-sizing: border-box}
    .gbox02 > div{float:none;padding-bottom: 20px;width:100%;}
    .gbox02 > p{float:none;}
    .gbox02 > p img{width:100%}
    .gbox03{width:100%;padding:0 20px;box-sizing: border-box}
    
    .eng > div{width:100%;padding:0 20px;box-sizing: border-box}
    .eng .con_bg{padding:0;}
    .eng > div .txt_box{padding-bottom:20px;width:100%;}
    .eng .con_bg .ebox02 .txt_box{width:100%;}
    .eng .ebox03{margin-top:0}
    .eng .ebox03 dl{width:50%;box-sizing: border-box;margin:0;padding: 0 20px;display: flex;flex-direction: column;padding-bottom: 20px;}
    .eng .ebox03 dl dt{width:35vw;height:35vw;}
    .eng .ebox03 dl dd{margin-left:0;}
    .eng .ebox03 dl:nth-of-type(2n) dd{border-right:0;height: auto;min-height: 230px;margin: 0;}
    .eng .ebox03 dl:last-of-type dd{height:auto;}
    .eng .ebox04{background:url(../img/mo_service_img02.jpg)no-repeat 0 0;}
    .cbox01{width:100%}
    .cbox01 > div{padding:0 20px;}
    .cbox01 ul li{width:50%;margin:0;box-sizing: border-box;padding: 0 5px 20px;padding-bottom: 20px;}
    .cbox01 ul li img{width:100%;}
    .pr .sub_menu .lnb_con .depth3 .here{width:100%;border-bottom: 1px solid #ebebeb}
    .tab02{width:100%;margin: 58px auto;}
    .tab02 ul{border-top:1px solid #d7d7d7;}
    .pr .videoBox .innerBox{width:100%;}
    .pr .video{float:none;height:300px;width:100%;;}
    .pr .video iframe{height:300px;width:100%;}
    .pr .textBox{float:none;height:auto;width: 100%;padding: 0 20px;box-sizing: border-box;}
    .pr .videoList{width:100%;}
    .pr .videoList ul{margin:0;}
    .pr .videoList ul li{width:50%;box-sizing: border-box;padding:0 2%;margin:0;padding-bottom:20px;;}

    .pr .videoList .link .img, .pr .videoList .link .img img{width:100%;}
    .pr .textBox .BtnLink{position:relative;bottom: 0;margin-top: 30px;}

    .ubox .w1100{width:100%;padding:0 20px;box-sizing: border-box;}
    .ubox .w1100 > div{padding-bottom:60px;width:100%;}
}

/* 20250905 */
.contact_bx{ display: flex; justify-content: space-between;}
.contact_bx .contact_bx_l{ flex:1; }
.contact_bx .txt_box + .txt_box{ margin-top: 80px;}
.contact_bx .contact_form{ width: 600px;}
.contact_form .form_bx + .form_bx{ margin-top: 15px;}
.contact_form .form_bx .form_bx_hd{ font-size: 14px; color: #222; font-weight: 600;}
.contact_form .form_bx .form_bx_hd i{ color:#0ac076;}
.contact_form .form_bx .form_bx_bd{ margin-top: 5px; display: flex;}
.contact_form .form_bx .form_bx_bd .input{ width: 100%; background-color: #e5e5e5; border:none; height: 34px; line-height: 34px; padding: 0 10px;}
.contact_form .form_bx .form_bx_bd .input::placeholder,
.contact_form .form_bx .form_bx_bd .textarea::placeholder{ color:#bbb;}
.contact_form .form_bx .form_bx_bd .textarea{ width: 100%; background-color: #e5e5e5; border:none; padding: 10px;}
.contact_form input[type=checkbox]{ width: 20px; height: 20px; border:#000 1px solid; background: #fff; -webkit-appearance:none; margin-right: 10px;}
.contact_form input[type=checkbox]:checked{ background: #fff url(../img/icon_check.png) no-repeat 50% 50% / 18px;}
.contact_form .dv_check{ display: flex; align-items: center;}
.contact_form .dv_check span{ flex:1;}
.contact_form .privacy_bx{ margin: 10px 0 0 0; border:#ccc 1px solid; padding: 20px; }
.contact_form .privacy_bx h2{ color:#222; font-size: 14px; }
.contact_form .privacy_bx ul + h2{ margin-top: 20px;}
.contact_form .privacy_bx ul{ margin-top: 6px;}
.contact_form .privacy_bx ul li{ text-indent: -8px; padding-left: 8px;}

@media (max-width:720px){
    .contact_bx .txt_box + .txt_box{ margin-top: 60px;}
    .contact_bx{ flex-direction: column;}
    .contact_bx .contact_form{ width: 100%; margin-top: 60px;}
}