@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@1,100;1,900&display=swap');
.font-ral-100 {font-family: 'Raleway', sans-serif; font-weight: 100;}
.font-ral-900 {font-family: 'Raleway', sans-serif; font-weight: 900;}

.d_banner2{position:relative;width:100%;height:100vh;min-height:800px;overflow:hidden}
.d_banner2 .img{position:relative;width:100%;height:100%;overflow:hidden}
.d_banner2 .img li{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.d_banner2 .img li:first-child{display:block}
.d_banner2 .img li.on{display:block;}
.d_banner2 .img li .bg{position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(1.1) rotate(0.02deg);transition:all 5s;}
.d_banner2 .img li.motion .bg{transform:scale(1)}
.d_banner2 .img li .slogan{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;text-align:left}
.d_banner2 .img li .slogan .text1{display:block;position:relative;font-size:54px;font-weight:600;color:#fff;top:0;opacity:0;transition:0.8s 0.5s}
.d_banner2 .img li .slogan .text2{display:block;position:relative;font-size:20px;color:rgba(255,255,255,0.6);top:0;opacity:0;transition:0.8s 0.7s; letter-spacing: -0.5px;margin-top: 20px;}
.d_banner2 .img li .slogan .text3{display:block;position:relative;font-size:20px;top:0;opacity:0;transition:0.8s 0.9s; letter-spacing: -0.5px;margin-top: 50px;}
.d_banner2 .img li.motion .slogan .text1{top:-50px;opacity:1}
.d_banner2 .img li.motion .slogan .text2{top:-50px;opacity:1}
.d_banner2 .img li.motion .slogan .text3{top:-50px;opacity:1}
.d_banner2 .btn{position:absolute;width:100%;bottom:30px;text-align:center;z-index:30}
.d_banner2 .btn li{display:inline-block;width:10px;height:10px;border:1px solid rgba(255,255,255,0.3);margin:0 4px;cursor:pointer;border-radius:40%;text-indent:-9999px;transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);}
.d_banner2 .btn li.on{background:#fff; width: 25px; border-radius:4px}

.d_banner2 .prev:hover,
.d_banner2 .next:hover{opacity:0.8}

.s01,.s02,.s03,.s04,.s05{
    --top:75px;
}
.s01 {position: absolute; right:555px; top:var(--top); background-color: #008CD6; padding: 15px 20px 15px 20px}
.s02 {position: absolute; right:530px; top:var(--top);background-color: #008CD6; padding: 15px 20px 15px 20px}
.s03 {position: absolute; right:368px; top:var(--top); background-color: #008CD6; padding: 15px 20px 15px 20px}
.s04 {position: absolute; right:555px; top:var(--top); background-color: #008CD6; padding: 15px 20px 15px 20px}
.s05 {position: absolute; right:555px; top:var(--top); background-color: #008CD6; padding: 15px 20px 15px 20px}
.gnb_on {color: #008CD6;}
.gnb_ss a {color:#fff; margin-left: 20px;}
.gnb_ss a:hover {color:#000;}
.gnb_ss a:first-child {margin-left: 0px;}

.w1400px {width:1400px; margin: 0 auto;}
.main_btn {border:0px; background-color: transparent;}
.main_btn:hover {opacity: 0.8;}
.main_left {border:0px; background-color: transparent;}
.main_right {border:0px; background-color: transparent;}

.top_wrap {position: fixed; left:0px; width:100%; z-index: 99; box-sizing: border-box; padding: 70px; transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);}
.top_wrap .top_wrap_ci {float:left; margin-top: -8px;}
.top_wrap .top_wrap_gnb {float:right; margin-top: 1px;}
.top_wrap .top_wrap_gnb li {float:left; margin-right: 50px;}
.top_wrap .top_wrap_gnb li a {font-size: 18px; letter-spacing: 0px; color:#fff;}
.top_wrap .top_wrap_gnb li a:hover {color:#008CD6;}
.top_wrap .top_wrap_btn {float:right;}

.main_tech {padding-top: 200px; padding-bottom: 250px; background-image: url('../image/tech_bg.png'); background-repeat: no-repeat; background-position: left -150px;}
.main_tits {position: relative; float:left; width: 45%;}
.main_tits_r {position: relative; float:right; width: 37%;}
.main_tit_t1 {font-size: 70px; color:rgba(0,0,0,0.1); letter-spacing: -6px; line-height: 100%;}
.main_tit_t2 {font-size: 50px; letter-spacing: -1.5px; color:#000; position: absolute; top:40px; left: 60px; line-height: 100%;}
.main_tit_t3 {font-size: 20px; letter-spacing: -1.5px; color:#999; line-height: 140%; margin-top: 70px;}
.main_tit_t4 {margin-top: 60px;}
.main_tech_img {position: relative; float:right; width: 55%;}
.main_tech_img img {border-radius: 20px; box-shadow: 20px 20px 30px rgba(0,0,0,0.1);}
.main_tech_img_r {position: relative; float:left; width: 60%;}
.main_tech_img_r img {border-radius: 20px; box-shadow: 20px 20px 30px rgba(0,0,0,0.1);}
.main_tech_img3 {position: absolute; top:0px; right: 200px; top:70px; box-shadow: none !important;}
.main_tech_img2 {position: absolute; top:0px; right: 0px; top:30px;}
.main_tech_img1 {position: absolute; top:0px; right: 370px; top:-30px;}

.main_tms {padding-top: 0px; padding-bottom: 200px; background-image: url('../image/tms_bg.png'); background-repeat: no-repeat; background-position: right top 50px;}
.tms_img_txt {margin-top: 20px;}
.tms_img1 {background-color: #fff; border-radius: 20px; position: absolute; top:120px; left: 0px; padding: 40px 50px 40px 50px; font-size: 20px; letter-spacing: -1.5px; box-shadow: 20px 20px 40px rgba(0,0,0,0.1); box-sizing: border-box; cursor: pointer;}
.tms_img1 svg {color:#008CD6}
.tms_img2 {background-color: #fff; border-radius: 20px; position: absolute; top:-20px; left: 270px; padding: 40px 50px 40px 50px; font-size: 20px; letter-spacing: -1.5px; box-shadow: 20px 20px 40px rgba(0,0,0,0.1); box-sizing: border-box; cursor: pointer;}
.tms_img2 svg {color:#008CD6}
.tms_img3 {background-color: #fff; border-radius: 20px; position: absolute; top:20px; left: 525px; padding: 40px 50px 40px 50px; font-size: 20px; letter-spacing: -1.5px; box-shadow: 20px 20px 40px rgba(0,0,0,0.1); box-sizing: border-box; cursor: pointer;}
.tms_img3 svg {color:#008CD6}
.tms_img4 {background-color: #fff; border-radius: 20px; position: absolute; top:220px; left: 270px; padding: 40px 50px 40px 50px; font-size: 20px; letter-spacing: -1.5px; box-shadow: 20px 20px 40px rgba(0,0,0,0.1); min-width: 220px; box-sizing: border-box; cursor: pointer;}
.tms_img4 svg {color:#008CD6}

.tms_img1:hover {background-color: #008CD6; color:#fff;}
.tms_img1:hover svg {color:#fff}
.tms_img2:hover {background-color: #008CD6; color:#fff;}
.tms_img2:hover svg {color:#fff}
.tms_img3:hover {background-color: #008CD6; color:#fff;}
.tms_img3:hover svg {color:#fff}
.tms_img4:hover {background-color: #008CD6; color:#fff;}
.tms_img4:hover svg {color:#fff}

/*.main_video {height:600px; overflow: hidden; position:relative;}*/
.main_video_inner {position: relative; height: 395px; margin-top: 40px;}

video#bgvid {
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    z-index: -100;
    background-size: cover;
}

video {
    position: absolute;
    top: 0%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-0%);
    transform: translateX(-50%) translateY(-0%);
    background-size: cover;
    -webkit-transition: 1s opacity;
    transition: 1s opacity;
}
.mov_btns {background-color: transparent; border:0px; margin-top: 160px;}
.mov_btns img {width: 50px;}
.mov_bl {background-color: rgba(0,0,0,0.00); position: absolute; width: 100%; height:100%; text-align: center;} 
.mov_txt {position: absolute; width: 100%; top:70px; left: 0px;}
.mov_txt span {font-size: 22px; letter-spacing: -1px;}

.main_news {padding-top: 0px; padding-bottom: 100px; background-color: #f9f9f9;}
.main_news2 {padding-top: 0px; padding-bottom: 100px;}
.main_news_tit {text-align: center;}
.main_news_tit_ul1 {font-size: 50px; letter-spacing: -1.5px; line-height: 100%;}
.main_news_tit_ul2 {font-size: 20px; letter-spacing: -1.5px; color:#999; margin-top: 30px; line-height: 100%;}

.news_inner {margin-top: 0px; position: relative;}
.news_box_img {background-size: cover; background-position: center center; height:180px; border-radius: 0px; cursor: pointer;}
.news_box_tit {margin-top: 20px;}
.news_box_tit_a a {font-size: 20px; letter-spacing: -1px;}
.news_box_tit_a {float:left; width: 80%;}
.news_box_tit_date {float: right; width: 20%; font-size: 16px; letter-spacing: -0.5px; color:#999; text-align: right; margin-top: 5px;}
.news_box_sub {margin-top: 5px; font-size:16px; color:#999; letter-spacing: -0.5px;}

.swiper_next_news {width: auto !important; left: auto !important; right: 50% !important; margin-right: -850px !important; top:45% !important;}
.swiper_prev_news {width: auto !important; right: auto !important; left: 50% !important; margin-left: -850px !important; top:45% !important;}
.swiper_next_news2 {width: auto !important; left: auto !important; right: 50% !important; margin-right: -850px !important; top:45% !important;}
.swiper_prev_news2 {width: auto !important; right: auto !important; left: 50% !important; margin-left: -850px !important; top:45% !important;}
.swiper_next_news_e {width: auto !important; left: auto !important; right: 50% !important; margin-right: -850px !important; top:45% !important;}
.swiper_prev_news_e {width: auto !important; right: auto !important; left: 50% !important; margin-left: -850px !important; top:45% !important;}
.tail_wrap {padding-top: 80px; padding-bottom: 80px; background-color: #333;}

.tail_l {float:left;}
.tail_r {float:right;}
.tail_l a {color:#999; font-size: 14px; letter-spacing: -0.5px;}
.copy {color:#777; letter-spacing: -0.5px; margin-top:20px;}
.copy_a a:hover {opacity: 0.7;}
.copy_a {margin-left: -4px;}
.copy_div {padding-top: 40px; padding-bottom: 40px; font-size: 12px; color:#999;}
.copy_div_txt {float:left;}
.copy_div_txt2 {float:right; text-align: right; margin-top: -10px;}

.top_bgs {padding: 30px; box-sizing: border-box; transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1); padding-bottom:20px;}
.gnb_sub {padding: 0px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.gnb_up {padding: 0px;}
.gnb_up .top_bgs {background-color: rgba(0,0,0,0.7);}

.sub_top {height:92px;}
.v1 {background-image: url('../image/bg/sub_bg1.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.v2 {background-image: url('../image/bg/sub_bg2.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.v3 {background-image: url('../image/bg/sub_bg3.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.v4 {background-image: url('../image/bg/sub_bg4.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.v5 {background-image: url('../image/bg/sub_bg5.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.v_txt {color:#fff; font-size: 40px; padding-top: 160px; text-align: center;}


/* sub { */
.company_1 {border-top:1px solid #eee;}
.company_1_ul1 {background-image: url('../image/company/company_img1.jpg'); background-size: cover; background-position: center center; width: 50%; float:left; min-height:500px;}
.company_1_ul2 {float:right; width: 50%; box-sizing: border-box;}
.company_1_ul2_li1 {font-size: 40px;}
.company_1_ul2_li2 {margin-top: 30px; font-size: 18px; color:#777; letter-spacing: -0.5px; word-break: keep-all;}

.company_2_ul1 {background-image: url('../image/company/company_img2.jpg'); background-size: cover; background-position: center center; width: 50%; float:right; min-height:500px;}
.company_2_ul2 {float:left; width: 50%; box-sizing: border-box;}
.company_2_ul2_li1 {font-size: 40px;}
.company_2_ul2_li2 {margin-top: 30px; font-size: 18px; color:#777; letter-spacing: -0.5px; word-break: keep-all;}
.company_txt1 {padding: 80px; box-sizing: border-box; width:700px; padding-right:0px;}
.company_txt2 {padding: 80px; box-sizing: border-box; width:700px; float:right; padding-left: 0px;}
.company_tit {background-color: #f9f9f9; text-align: center; padding-top: 100px; padding-bottom: 100px; font-size: 26px; letter-spacing: -1px;}



.history_wrap {position: relative; background-color: #fff; padding-bottom: 100px; border-top:1px solid #eee;}
.history {box-sizing: border-box; }
.history_inner {width:1400px; margin:0 auto; background-image: url('../image/company/history_bar.png'); background-position: center top; background-repeat:repeat-y;}
.history_box {box-sizing: border-box; padding:50px; width: 700px; float: right; padding-left: 0px; position: relative; padding-top: 20px; padding-bottom: 20px;}
.history_box_l {float: left; border:10px solid rgba(0,0,0,0.2); width: 40px; height:40px; border-radius: 50%; background-color: #fff; margin-left: -20px;}
.history_box_r {margin-left: 100px; margin-top: -9px;}

.swiper-container-historys_box {padding-left: 100px !important; padding-right: 100px !important; box-sizing: border-box; padding-top: 10px !important; margin-top: -10px;}
.history {border-top:1px solid rgba(0,0,0,0.1);}

.partner_wrap {position: relative; background-color: #f9f9f9; padding-bottom: 140px;}
.partners_inner_new {width: 1400px; margin:  0 auto;}


.company_wrap_in {position: relative; background-color: #fff; padding-bottom: 140px; border-bottom:1px solid #eee;}
.company_inner {width: 1400px; margin: 0 auto;}
.company_inner_ul1 {float:left; width: 50%;}
.company_inner_ul2 {float:right; width: 50%; padding-left: 100px; box-sizing: border-box;}
.company_inner_ul2_li1 {color:#002a40; font-size: 30px; word-break: keep-all; letter-spacing: -2px; line-height: 140%; margin-top: -10px;}
.company_inner_ul2_li2 {font-size: 20px;letter-spacing: -1px;margin-top: 40px;color: rgba(0,0,0,0.6);line-height: 170%; word-break: keep-all;}
.company_tables {width: 100%; border-top:1px solid #000;border-bottom:2px solid #000;}
.company_tables tr {}
.company_tables th {width: 30%; background-color: #f9f9f9; border-bottom:1px solid #eee; font-size: 16px; color:#000;}
.company_tables td {width: 70%; border-bottom:1px solid #eee; padding: 15px; font-size: 14px; color:#888;}

.history_box_new_text {background-color: #008CD6; color:#fff; font-size: 16px; padding:20px; display: inline-block;}

.history_tit {color: #008CD6; font-size: 30px;}
.history_sub {font-size: 18px; margin-top: 10px;}
.history_sub_tit {float:left; width: 20%}
.history_sub_sub {float:left; width: 80%; padding-left: 15px; word-break: keep-all; box-sizing: border-box;}
.history_sub dl {margin-top: 15px;}

.history_box2 {box-sizing: border-box; padding:50px; width: 700px; float: left; padding-right: 0px; position: relative; padding-top: 20px; padding-bottom: 20px;}
.history_box2 .history_box_l {float: right; border:10px solid rgba(0,0,0,0.2); width: 40px; height:40px; border-radius: 50%; background-color: #fff; margin-right: -20px;}
.history_box2 .history_box_r {margin-left: 0px; margin-right: 100px;}
.history_box2 .history_tit {color: #008CD6; font-size: 36px; text-align: right;}
.history_box2 .history_sub_tit {float:right; width: 10%; text-align: right;}
.history_box2 .history_sub_sub {float:right; width: 90%; padding-left: 0px; padding-right: 15px; word-break: keep-all; box-sizing: border-box; text-align: right;}

.his_dots {display: block; background-color: #ddd; width:15px; height:15px; border-radius: 50%; margin-bottom: 50px; margin-top: -7px;}

.history_bar_wd {position: absolute; border-bottom: 1px solid rgba(0,0,0,0.1); width:60px; height:2px; margin-top: 18px; margin-left: 19px;}
.history_box2 .history_bar_wd {position: absolute; border-bottom: 1px solid rgba(0,0,0,0.1); width:60px; height:2px; right:0px; margin-top: 18px; margin-right: 19px;}

.history_box_center {box-sizing: border-box; position: relative; text-align: center; width: 300px; margin: 0 auto; background-color: #008CD6; color:#fff; padding-top: 20px; padding-bottom: 20px; font-size: 20px; letter-spacing: -1px; margin-bottom: 80px; margin-top: 50px;}

.subc_tit {padding-top: 100px; padding-bottom: 100px;}
.subc_inner {width: 1400px; margin: 0 auto; text-align: center; position: relative;}
.subc_cont_li1 {font-size: 40px; color:#000;}
.subc_cont_li2 {font-size: 18px; color:#777; margin-top: 10px; letter-spacing: -1px;}
.subc_inner span {color:#008CD6;}

.technology_1 {padding-top: 120px; padding-bottom: 120px; background-color: #f9f9f9; background-image: url(../image/tech_bg.png); background-repeat: no-repeat; background-position: left -100px;}
.technology_1_ul1 {float:left;}
.technology_1_ul1_li1 {font-size: 40px; color:rgba(0,0,0,0.1); letter-spacing: -2px; line-height: 140%; color:#fff; filter: drop-shadow(20px 20px 50px rgba(0,0,0,0.2));}
.technology_1_ul1_li1 dd{
	color:#002a40;
}
.technology_1_ul1_li2 {font-size: 20px; letter-spacing: -1px; margin-top: 40px; color:rgba(0,0,0,0.6); line-height: 170%;}
.technology_1_ul2 {position: relative; float:left; width: 55%; margin-top: 20px;}
.technology_1_ul2 img {border-radius: 20px; box-shadow: 20px 20px 30px rgba(0,0,0,0.1);}

.technology_1_ul3 {font-size: 20px; letter-spacing: -1px; margin-top: 60px; color:rgba(0,0,0,0.6); line-height: 170%;}
.technology_1_ul4 {float:right; width: 40%; font-size: 18px;}
.technology_12 {padding-top: 0px; padding-bottom: 120px; background-color: #fff; background-image: url(../image/tms_bg.png); background-repeat: no-repeat; background-position: left top 100px; height:600px;}
 
.technology_2 {padding-top: 120px; padding-bottom: 150px; background-color: #f9f9f9;}
.technology_2_tit_li1 {font-size: 40px; text-align: center;}
.technology_2_tit_li1_new {margin-bottom: 100px;}
.technology_2_tit_li2 {font-size: 18px; text-align: center; margin-top: 10px; color:#777;}
.technology_2_con {margin-top: 20px; position: relative;}
.technology_2_con_ul1 {width:48%; float:left;}
.technology_2_con_ul2 {width:48%; float:right;}
.pa_box {background-color: #f9f9f9; padding: 25px; box-sizing: border-box; position: relative; min-height: 150px;}
.swiper-container-ce2 .pa_box {min-height: 200px;}
.pa_box_dd1 {text-align: left; box-sizing: border-box; font-size: 12px; color: #666}
.pa_box_dd2 {text-align: left; font-size: 12px; color: #666}
.pa_box_dd3 {text-align: left; box-sizing: border-box; font-size: 16px; margin-top: 15px;}
.pa_box_dd4 {box-sizing: border-box; position: absolute; right:20px; top:28px;}
.pa_box_dd4 img {width: 20px;}
.tech_sub_tit {margin-top: 40px; font-size: 18px; letter-spacing: -1px;}
.conts_sub_tit {padding-top: 100px; margin-top: 100px; font-size: 18px; letter-spacing: -1px; border-top:1px solid #eee;}
.table_img1 {margin-top: 50px;}
.technology_2_npd {padding-bottom: 0px;}

.product_1 {padding-top: 120px; padding-bottom: 150px; background-color: #f9f9f9; background-image: url(../image/tech_bg.png); background-repeat: no-repeat; background-position: left -100px;}
.product_1_ul1 {}
.product_1_ul1_li1 {font-size: 40px; color:rgba(0,0,0,0.1); letter-spacing: -2px; line-height: 140%; color:#fff; filter: drop-shadow(20px 20px 50px rgba(0,0,0,0.2)); text-align: center;}
.product_1_ul1_li1 dd{color:#002a40;} 
.product_1_ul1_li1 span {color:#008CD6;}

.product_1_ul2 {font-size: 20px; letter-spacing: -1px; margin-top: 40px; color: rgba(0,0,0,0.6); line-height: 170%; text-align: center;}
.product_1_ul3 {margin-top: 20px;}
.p_box1 {background-color: #fff; padding: 50px; box-sizing: border-box; border-radius: 20px; width: 49%; position: relative; box-shadow: 20px 20px 50px rgba(0,0,0,0.1); float:left; margin-right: 2%;}
.p_box2 {background-color: #fff; padding: 50px; box-sizing: border-box; border-radius: 20px; width: 49%; position: relative; box-shadow: 20px 20px 50px rgba(0,0,0,0.1); float:left;}
.p_box3 {background-color: #fff; padding: 50px; box-sizing: border-box; border-radius: 20px; width: 32%; position: relative; box-shadow: 20px 20px 50px rgba(0,0,0,0.1); float:left;}

.p2_box1 {background-color: #fff; padding: 20px; padding-bottom: 25px; box-sizing: border-box; border-radius: 20px; width: 23.5%; position: relative; box-shadow: 20px 20px 50px rgba(0,0,0,0.1); float:left; margin-right: 2%; word-break: keep-all;}
.p2_box2 {background-color: #fff; padding: 20px; padding-bottom: 25px; box-sizing: border-box; border-radius: 20px; width: 23.5%; position: relative; box-shadow: 20px 20px 50px rgba(0,0,0,0.1); float:left; margin-right: 2%; word-break: keep-all;}
.p2_box3 {background-color: #fff; padding: 20px; padding-bottom: 25px; box-sizing: border-box; border-radius: 20px; width: 23.5%; position: relative; box-shadow: 20px 20px 50px rgba(0,0,0,0.1); float:left; margin-right: 2%; word-break: keep-all;}
.p2_box4 {background-color: #fff; padding: 20px; padding-bottom: 25px; box-sizing: border-box; border-radius: 20px; width: 23.5%; position: relative; box-shadow: 20px 20px 50px rgba(0,0,0,0.1); float:left; word-break: keep-all;}

.p_box_dot {width: 100%; text-align: center; color:#fff;  position: absolute; top:-10px; left: 0px;}
.p_box_dot span {background-color: #008CD6; border-radius: 10px; font-size: 20px; padding-top: 10px; padding-bottom: 10px; padding-left: 25px; padding-right: 25px; box-shadow: 10px 10px 30px rgba(0,0,0,0.1);}
.p_box_tit {color:#000; font-size: 18px; letter-spacing: -1px; text-align: center; margin-top: 10px;}
.p_box_con {color:#888; font-size: 18px; text-align: center; line-height: 150%;text-align: center; margin-top: 10px; word-break: keep-all;}

.product_2 {padding-top: 120px; padding-bottom: 150px; background-color: #fff;}
.product_2_ul1 {}
.product_2_ul1_li1 {font-size: 30px; color:rgba(0,0,0,0.1); letter-spacing: -2px; line-height: 140%; color:#bbb; text-align: center;}
.product_2_ul1_li1 dd{color:#002a40; box-sizing: border-box; padding-left: 30px; padding-right: 30px; word-break: keep-all;}
.product_2_ul2 {font-size: 20px; letter-spacing: -1px; margin-top: 30px; color: rgba(0,0,0,0.6); line-height: 170%; text-align: center;}
.product_2_ul3 {margin-top: 70px; text-align: center;}
.product_2_ul3 img {height:500px; box-sizing: border-box; box-shadow: 20px 20px 50px rgba(0,0,0,0.1);}
.product_2_ul2 span {font-size: 14px; color:#999; letter-spacing: -0.5px;}

.product_4 {padding-top: 0px; padding-bottom: 150px; background-color: #f9f9f9;}

.pdcon {padding-top: 100px; padding-bottom: 150px;}
.help_txt {display: block; margin-top: 10px; font-size: 13px; color:#999;}

.contact_wrap {padding-top: 30px; padding-bottom: 150px;}
.contact_2_tit {margin-top: 20px;}
.contact_2_con_ul1 {float:left; width: 40%;}
.contact_2_con_ul2 {float: right; width: 55%;}

.contact_2_con {margin-top: 80px;}
.contact_inp {border:0px; background-color: #f7f7f7; color:#000; font-size: 16px; letter-spacing: -1px; height:60px; text-indent: 20px; width: 100%;}
.contact_inp_area {background-color: #f7f7f7; resize: none; color:#000; font-size: 16px; letter-spacing: -1px; height:200px; width: 100%; box-sizing: border-box; padding: 20px; border:0px;}
.contact_inp_area2 {background-color: #f7f7f7; resize: none; color:#777; font-size: 14px; letter-spacing: -1px; height:410px; width: 100%; box-sizing: border-box; padding: 20px; border:0px;}
.contact_li {margin-bottom: 10px;}
.contact_btns {border:0px; background-color: transparent;}
.contact_btns:hover {opacity: 0.8;}
/* } */

/* �뙘�뾽 { */

.d_popup{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000}
.d_popup.on{display:block}
.d_popup .bg{position:absolute;width:100%;height:100%;background:rgba(0,0,0,1);}
.d_popup .wins{display:none;position:absolute;width:1400px;top:50%;left:50%;transform:translate(-50%,-50%);}
.d_popup .wins.on{display:block}
.d_popup .wins .inner{font-size:14px;color:#fff;}
.d_popup .wins .inner:after{display:block;content:'';clear:both}
.d_popup .wins .close{position:absolute;right:0px;top:25px;;width:26px;height:26px;cursor:pointer;}
.d_popup .wins .tit{line-height:80px;font-size:20px;color:#fff;}

.menu_popup {text-align: center;}
.menu_pop_ul .menu_s_box_ul3 {color:rgba(255,255,255,0.5); word-break: keep-all;}
.menu_pop_ul .menu_s_box_ul2 {font-size: 18px;}
.menu_pop_ul {box-sizing: border-box;}
.menu_pop_ul img {width: 100%;}
.swiper-container-popups {padding-left: 100px !important; padding-right: 100px !important; box-sizing: border-box;}
.menu_pop_ul {display: none;}
.cf_p_area {background-color: #252525; color: #999; font-size: 14px; width:100%; border:0px; box-sizing: border-box; padding: 20px; height:300px; resize: none;}

.opo_gnb_ul1 {float:left; width: 30%; padding-top: 20px;}
.opo_gnb_ul2 {float:right; width: 60%; padding-top: 20px;}
.opo_gnb_ul1 li {margin-bottom: 20px;}
.opo_gnb_ul1 li a {font-size: 50px; letter-spacing: 0.5px; color:#fff;}
.opo_gnb_ul1 li a:hover{color:#008CD6;}
.opo_gnb_ul2_li2 {color:white; margin-top: 40px; letter-spacing: -0.5px; font-size:20px;}
.opo_gnb_ul2_li3 {color:white; margin-top: 20px; letter-spacing: -0.5px; font-size:20px;}
.opo_gnb_ul2_li4 {margin-top: 50px;}
/* } */


.mod_login_divs {width: 100%; top: 50%;transform: translateY(-50%);position: absolute;}
.mod_wrap {padding: 30px; box-sizing: border-box; text-align: center; width: 500px; margin: 0 auto;}
.mod_ci {margin-bottom: 40px; text-align: center;} 
.mod_ci img {}
.mod_tit {color:#fff; font-size: 18px; letter-spacing: -0.5px;}
.mod_sub_txt {color:rgba(255,255,255,0.5); font-size: 14px; margin-top: 15px; margin-bottom: 30px;}
.mod_inp {margin-top: 15px; position: relative;}
.mod_inp input {height:70px; border-radius: 70px; width: 100%; color:#fff; border:0px; background-color: #2B2E34; box-sizing: border-box; padding-left: 30px; padding-right: 70px; letter-spacing: -0.5px; font-size: 14px;}
.mod_inp label {position: absolute; top:22px; right: 30px;}
.mod_btn {margin-top: 15px;}
.mod_btn_ok {border:0px; width:100%; height:70px; border-radius:70px; text-align: center; color:#fff; font-size: 18px; background-color: #008CD6;}
.mod_btn_link {border:0px; width:100%; height:70px; border-radius:70px; text-align: center; color:#000; font-size: 18px; background-color: #fff;}
.mod_sns {margin-top: 30px;}
.mod_idpw {margin-top: 40px;}
.mod_idpw a {color:rgba(255,255,255,0.5); font-size: 14px; padding-bottom: 15px; border-bottom: 2px solid rgba(255,255,255,0.1);}

.login-sns {background-color:transparent !important;}
#sns_login {border-top:0px;}
#mb_login #sns_login {text-align: center; padding: 0px;}
#mb_login #sns_login .txt {display: none;}
#mb_login #sns_login .sns-icon {width:50px !important; height:50px !important;}
#mb_login #sns_login .sns-icon {float:none !important; display:inline-block;}
#mb_login #sns_login .sns-icon:nth-child(odd) {margin-right:1%}
#sns_login .sns-icon  {background-position: 10px 10px;}
#sns_login .sns-icon {border-radius: 6px;}

.main_btm_copy {position: fixed; bottom:100px; left: 100px; transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);}
.main_btm_copy1 {color:rgba(255,255,255,0.6); font-size: 12px;}
.main_btm_copy2 {color:rgba(255,255,255,0.4); font-size: 11px; margin-top: 15px;}

.pro_div {width: 1400px; margin:0 auto;}
.pro_ul1 {float:left; width:40%;}
.pro_ul2 {float:right; width: 55%;}
.pro_wrap {padding-bottom: 140px;}
.pro_wrap2 {padding-bottom: 140px; padding-top: 140px; border-top:1px solid #eee;}
.pro_wrap3 {padding-bottom: 140px; background-color: #f9f9f9;}
.pro_ul2 img {width: 100%;}

.pro_ul1_li1 {
    color: #002a40;
    box-sizing: border-box;
    word-break: keep-all;
    font-size: 30px;
    letter-spacing: -0.5px;
}
.pro_ul1_li2 {font-size: 22px; color:#000; letter-spacing: -1px; margin-top: 25px; word-break: keep-all;}
.pro_ul1_li3 {font-size: 18px; color:#999; letter-spacing: -0.5px; margin-top: 25px; word-break: keep-all;}
.pro_ul1_li4 {margin-top: 30px; position: relative; height: 395px;}

#bo_v_img img {height:auto;}
.news_ev_wrap {padding-top: 140px; padding-bottom: 140px;}




.img_link {border:1px solid #eee; position: relative;}
.img_link .img_pos {top: 50%;transform: translateY(-50%);position: absolute; text-align: center; width: 100%;}
.img_link .img_pos img {width: auto;}
.date_txts {color:#888; text-align: center; margin-top: 10px;}
.main_lists_tit {font-size: 18px; letter-spacing: -1px; margin-top: 20px; text-align: center; font-weight: normal}
.img_link img {height:40px !important; width: auto !important;}
.img_link {text-align: center; background-color: #fff;}

.list_btns_dd {background-color: #212121; color:#fff; border:0px; padding: 15px 40px 15px 40px; border-radius: 50px; font-size: 18px;}
.btns_dd {text-align: center; padding-top: 70px; }

.po_rel {position: relative;}
.top_btns {position: absolute; top:-115px; right: 0px; background-color: #fff; width:70px; height:70px; text-align: center; border:1px solid rgba(0,0,0,0.1); border-radius:50%;}
.contact_2_tit_2 {margin-top: 80px;}

.mobile {display: none;}

@media all and (max-width:1024px) {
    .mobile {display: block;}
    .pc {display: none;}
    
    .contact_2_tit_2 {margin-top: 40px;}
    
    .top_btns {position: absolute; top:-80px; right: 30px; width:60px; height:60px;}
    .main_btm_copy {bottom:100px; left: 30px; word-break:keep-all; padding-right: 30px; box-sizing: border-box;}
    
    .p_box_dot span {font-size: 18px;}
    
    .top_wrap_gnb {display: none;}
    .top_wrap {padding: 0px; height:117px;}
    .w1400px {width: 100%;}
    .slogan {padding-left: 30px; box-sizing: border-box; padding-right: 30px;}
    .d_banner2 .img li .slogan .text1 {font-size: 40px;}
    .d_banner2 .img li .slogan .text2 {font-size: 16px; word-break: keep-all; color:rgba(255,255,255,0.8);}
    .main_btn img {height:60px;}
    .main_left.mobile {position: absolute; margin-top: 100px;}
    .main_right.mobile {position: absolute; margin-top: 100px; margin-left: 50px;}
    
    .main_tech {padding-left: 30px; padding-right: 30px; box-sizing: border-box; padding-top: 50px; padding-bottom: 50px; background-position: left -200px}
    .main_tits {
        position: relative;
        float: none;
        width: 100%;
    }
    
    .main_tits {
        position: relative;
        float: none;
        width: 100%;
    }
    
    .technology_12 {padding-top: 0px; padding-bottom: 30px;}
    
    .main_tit_t1 {font-size: 40px;}
    .main_tit_t2 {font-size: 30px; top:20px;}
    .main_tit_t3 {margin-top: 40px; font-size: 16px;}
    .main_tit_t4 {margin-top: 30px;}
    .main_tech_img {float:none; width: 100%; min-height:380px; margin-top: 80px;}
    .main_tech_img1 {width: 190px; right: auto; left:0px;}
    .main_tech_img2 {width: 190px; right: 0px;}
    .main_tech_img3 {width: 190px; right: 100px;}
    
    .main_tits_r {
        position: relative;
        float: none;
        width: 100%;
        padding-left: 30px; padding-right: 30px; box-sizing: border-box;
        
    }
    
    .main_tech_img_r {float:none; width: 100%; padding-left: 30px; padding-right: 30px; box-sizing: border-box; margin-top: 50px;}
    .tms_img1 {position: inherit; width: 100%; float:none; left: auto; top: auto; padding: 20px;}
    .tms_img2 {position: inherit; width: 100%; float:none; left: auto; top: auto; margin-top: 10px; padding: 20px;}
    .tms_img3 {position: inherit; width: 100%; float:none; left: auto; top: auto; margin-top: 10px; padding: 20px;}
    .tms_img4 {position: inherit; width: 100%; float:none; left: auto; top: auto; margin-top: 10px; padding: 20px;}
    .tms_img_txt {font-size: 16px;}
    .tms_img_txt {margin-top: 10px;}
    .tms_img1 ul {float:left;}
    .tms_img1 ul.tms_img_txt.mobile {margin-left: 20px;}
    .tms_img2 ul {float:left;}
    .tms_img2 ul.tms_img_txt.mobile {margin-left: 20px;}
    .tms_img3 ul {float:left;}
    .tms_img3 ul.tms_img_txt.mobile {margin-left: 20px;}
    .tms_img4 ul {float:left;}
    .tms_img4 ul.tms_img_txt.mobile {margin-left: 20px;}
    
    .main_tms {padding-bottom: 80px; background-position: left top 0px;}
    
    /*.main_video {height:300px;}*/
    video#bgvid {
        width: 100%;
        height: auto;
    }
    .mov_txt {top:30px; padding-left: 30px; box-sizing: border-box;}
    .mov_txt span {font-size: 16px;}
    
    .main_news {padding-top: 0px; padding-bottom: 0px;}
    .main_news2 {padding-top: 0px; padding-bottom: 0px;}
    .main_news_tit_ul1 {font-size: 40px;}
    .main_news_tit_ul2 {font-size: 16px; margin-top: 10px;}
    
    .news_inner {margin-top: 0px; padding-left: 30px; padding-right: 30px; box-sizing: border-box; padding-bottom: 40px;}
    .news_box_tit_a a {font-size: 20px;}
    .news_box_tit_a {float:none; width: 100%;}
    .news_box_tit_date {float:none; width: 100%; margin-top: 0px; text-align: left; font-size: 16px;}
    
    .tail_wrap {padding-top: 50px; padding-bottom: 50px; text-align: center;}
    .copy_a {text-align: center;}
    .tail_l {float:none; width: 100%;}
    .tail_r {float:none; width: 100%; margin-top: 20px;}
    
    .copy_div_txt2 {display: none;}
    .copy_div_txt {float:none; text-align: center;}
    
    .swiper_next_news {display: none !important;}
    .swiper_prev_news {display: none !important;}
    
    .swiper_next_news_e {display: none !important;}
    .swiper_prev_news_e {display: none !important;}
    
    .opo_gnb_ul1 {float:none; width: 100%;}
    .opo_gnb_ul2 {float:none; width: 100%;}
    .d_popup .wins {width:100%; top:5%; transform: translate(-50%,-5%);}
    .inner {padding-left: 30px; padding-right: 30px; box-sizing: border-box;}
    .d_popup .wins .close {right:30px;}
    .opo_gnb_ul1 li a {font-size: 36px;}
    .opo_gnb_ul1 li {margin-bottom: 10px;}
    .m_gnb_ci {margin-top: 20px; margin-bottom: 30px;}
    
    .sub_top {height: 121px;}
    .v_txt {padding-top: 100px; font-size: 30px;}
    
    .company_1_ul1 {float:none; width: 100%; min-height: 300px;}
    .company_1_ul2 {float:none; width: 100%;}
    .company_txt1 {padding: 30px; width: 100%; box-sizing: border-box;}
    
    .company_2_ul1 {float:none; width: 100%; min-height: 300px;}
    .company_2_ul2 {float:none; width: 100%;}
    .company_txt2 {padding: 30px; width: 100%; box-sizing: border-box;}
    
    .history_inner {width: 100%;}
    .subc_inner {width:100%;}
    .subc_tit {padding-top: 60px; padding-bottom: 60px;}
    .company_2_ul2_li1 {font-size: 30px;}
    .company_1_ul2_li1 {font-size: 30px;}
    .subc_cont_li1 {font-size: 30px;}
    .subc_cont_li2 {font-size: 16px; word-break: keep-all;}
    .top_bgs {padding-bottom: 25px;}
    
    .history_box {
        padding: 30px;
        width: 100%;
        float: none;
        padding-top: 15px;
        padding-bottom: 25px;
    }
    
    .history_box2 {
        padding: 30px;
        width: 100%;
        float: none;
        padding-top: 15px;
        padding-bottom: 25px;
    }
    
    .history_tit {font-size: 24px;}
    .history_box2 .history_tit {font-size: 24px;}
    
    .history_box_l {
        border: 3px solid rgba(0,0,0,0.2);
        width: 20px;
        height: 20px;
        margin-left: 0px;
    }
    
    .history_box2 .history_box_l {
        border: 3px solid rgba(0,0,0,0.2);
        width: 20px;
        height: 20px;
        margin-left: 0px;
        margin-right: 0px;
    }
    
    .history_bar_wd {
        width: 20px;
        margin-top: 9px;
        margin-left: 19px;
    }
    
    .history_box2 .history_bar_wd {
        width: 20px;
        margin-top: 9px;
        right:30px;
    }
    .history_box_r {
        margin-left: 50px;
        margin-top: -9px;
    }
    .history_box2 .history_box_r {
        margin-right: 50px;
        margin-top: -9px;
    }
    .history_sub dl {margin-top: 0px;}
    .history_inner {background-image: none;}
    .history_sub {font-size: 16px;}
    
    .history_sub_tit {width: 20%;}
    .history_sub_sub {width: 80%;}
    .history_box2 .history_sub_tit {width: 20%;}
    .history_box2 .history_sub_sub {width: 80%;}
    
    .history_wrap {padding-bottom: 60px;}
    .technology_1_ul1 {float:none; padding-left: 30px; padding-right: 30px; box-sizing: border-box;}
    .technology_1_ul1_li1 {font-size: 30px; word-break: keep-all;}
    
    .technology_1 {padding-top: 60px; padding-bottom: 60px;}
    .technology_1_ul2 {float:none; width:100%; margin-top: 0px; padding-left: 30px; padding-right: 30px; box-sizing: border-box;}
    .technology_1_ul3 {margin-top: 30px; font-size: 16px; word-break: keep-all; padding-left: 30px; padding-right: 30px; box-sizing: border-box;}
    
    .technology_2 {padding-top: 60px; padding-bottom: 30px;}
    .technology_2_tit_li1 {font-size: 30px; margin-bottom: 40px;}
    .technology_2_tit_li2 {font-size: 16px; margin-top: 10px;}
    
    .tech_sub_tit {margin-top: 30px; font-size: 14px; padding-left: 0px; padding-right: 0px; box-sizing: border-box;}
    .conts_sub_tit {margin-top: 50px; font-size: 14px; padding-left: 30px; padding-right: 30px; box-sizing: border-box; padding-top: 20px;}
    .swiper-container-ce2 .pa_box {min-height: auto;}
    .technology_2_con {overflow-x: scroll; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
    
    .product_1 {padding-top: 60px; padding-bottom: 60px;}
    
    .product_1_ul1_li1 {font-size: 30px; word-break: keep-all; padding-left: 30px; padding-right: 30px; box-sizing: border-box;}
    .product_1_ul2 {font-size: 16px; padding-left: 20px; padding-right: 20px; box-shadow: border-box; word-break: keep-all;}
    
    .p_box1 {width:100%; float:none; padding: 30px; margin-bottom: 40px;}
    .p_box2 {width:100%; float:none; padding: 30px; margin-bottom: 40px;}
    .p_box3 {width:100%; float:none; padding: 30px; margin-bottom: 70px;}
    
    .p2_box1 {width:49%; float:left; padding: 20px; margin-bottom: 10px; padding-top: 12px; box-sizing: border-box; margin-right: 0px}
    .p2_box2 {width:49%; float:right; padding: 20px; margin-bottom: 10px; padding-top: 12px; box-sizing: border-box; margin-right: 0px}
    .p2_box3 {width:49%; float:left; padding: 20px; margin-bottom: 10px; padding-top: 12px; box-sizing: border-box;  margin-right: 0px}
    .p2_box4 {width:49%; float:right; padding: 20px; margin-bottom: 10px; padding-top: 12px; box-sizing: border-box;  margin-right: 0px}
    
    .company_wrap_in {padding-bottom: 40px;}

    .product_1_ul3 {padding-left: 0px; padding-right: 0px; box-sizing: border-box;}
    .product_1 {
        background-position: left bottom;
    }
    .p_box_con {font-size: 16px; word-break: keep-all;}
    .product_2 {padding-top: 60px; padding-bottom: 60px;}
    .product_2_ul1_li1 {font-size: 30px; letter-spacing: -2px;}
    .product_2_ul2 {font-size: 16px; word-break: keep-all; margin-top: 30px; padding-left: 30px; padding-right: 30px;}
    .product_2_ul3 {margin-top: 30px; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
    .product_2_ul3 img {height:auto; width: 100%; margin-bottom: 10px;}
    .gnb_sub {border-bottom:0px;}
    .ser_ul3 {width:40%;}
    .pdcon {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; box-sizing: border-box;}
    .mod_wrap {width: 100%;}
    .contact_wrap {padding-top:30px; padding-bottom: 0px;}
    .contact_2_con_ul1 {float:none; width: 100%; padding-left: 30px; padding-right: 30px;}
    .contact_2_con_ul2 {float:none; width: 100%; padding-left: 30px; padding-right: 30px;}
    .contact_2_tit {margin-top: 30px;}
    .contact_2_con {margin-top: 30px;}
    .contact_btn_wrap {padding-left: 30px; padding-right: 30px; box-sizing: border-box; padding-top: 30px; text-align: center;}
    
    .help_mo {margin-top: 10px; padding-bottom: 0px; color:#999; text-align: left}
    .bis_tit_li {font-size: 20px !important;}
    #bo_v_con {font-size: 16px; line-height: 130%;}
    #bo_v_file a {display: block;}
    #bo_v_info {margin-top: 30px;}
    #bo_v_con {margin-top: 30px;}
    #bo_v_file .bo_v_file_cnt {display: block;}
    
    .swiper-container-historys_box {
        padding-left: 30px !important;
        padding-right: 30px !important;
        padding-top: 10px !important;
        margin-top: -10px;
    }
    
    .history_sub_tit {width: 10%;}
    .history_sub_sub {width: 90%;}
    
    .company_inner {width: 100%;}
    .company_inner_ul1 {float:none; width: 100%;}
    .company_inner_ul2 {float:none; width: 100%; margin-top: 20px; padding: 30px; }
    .company_inner_ul2_li1 {font-size: 26px;}
    .company_inner_ul2_li2 {font-size: 18px;}
    
    .main_video_inner {margin-top: 0px;}
    .partners_inner_new {width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
    .partner_wrap {padding-bottom: 50px;}
    
    .technology_1_ul4 {float:none; width: 100%; margin-top: 30px; padding-left: 30px; padding-right: 30px; box-sizing: border-box;}
    .product_4 {padding-bottom: 50px;}
    
    .pro_div {width: 100%; padding-left: 30px; padding-right: 30px; box-sizing: border-box;}
    .pro_ul1 {float:none; width: 100%;}
    .pro_ul2 {float:none;  width:100%; margin-top: 30px;}
    .pro_wrap {padding-bottom: 50px;}
    .pro_wrap2 {padding-top: 50px; padding-bottom: 50px;}
    .pro_wrap3 {padding-bottom: 50px;}
    
    .gnb_ss {right: auto; left: 0px; width:100%; top:86px; padding-top: 20px; padding-bottom: 20px; padding-left: 30px; padding-right: 30px; box-sizing: border-box;}
    
}

/** 2025-03.20 모바일 처리 **/

@media (max-device-width:768px),(max-width:768px){
    .d_banner2 .img li .slogan .text1 {
        font-size: 20px;
    }
}