@charset "utf-8";

#wrapper #wrap{width: 100%;height: auto;}
#wrapper #wrap .container{width: 100%;height: 100%;padding-bottom: 0px;}
#wrapper #wrap .container .section{width: 100%;height: auto;padding: 200px 0 0;}
#wrapper #wrap .container .section .cont_wrap{min-width: 1420px;max-width: 1420px;margin: 0 auto;word-break: keep-all;}

#wrapper .section .title_box{position: relative;text-align: center;}
#wrapper .section .title_box.sm_line::after{ content: "";display: inline-block;width: 66px;height: 1px;background-color: #1d1d1d;}
#wrapper .section .title_box.left_title h2{text-align: left;}
#wrapper .section .title_box.left_title p{text-align: left;margin-bottom: 77px;}
#wrapper .section .title_box > *{margin-bottom: 30px;text-align: center;}
#wrapper .section .title_box h2{border:0px #f50 solid; line-height: 60px;font-size: 48px;font-weight: bold;}

#wrapper .section .title_box .line{border:0px #f50 solid;  display: block; width:50%; height: 1px; background-color: #1d1d1d;}

#wrapper .section .title_box .etc_txt {display: block; font-size: 24px;line-height: 60px;font-weight: 500;}
#wrapper .section .title_box p{line-height: 30px;font-size: 20px;font-weight: 400;}

/* #investment #wrapper #wrap #sec01 .cont_wrap .txt_box h2 {content: ""; display: block; width:50px; height: 1px; background-color: #1d1d1d; margin-top: 41px;} */

/*sub -kv, gnb, 공통*/
.main_KV {position: relative;min-width: 1420px;width: 100%; min-width: 1420px; height: 520px;}
.main_KV .kv_wrapper {width: 100%; height: 100%;}
.main_KV .kv_wrapper .kv_box {display: flex; width: 100%; height: 100%; background-image: url('../../@resource/images/about/about_kv01_new.png'); background-repeat: no-repeat; background-size:cover;background-position: center center;  margin: 0 auto; padding: 0 160px; }
/*투자정보 배경*/
#investment #wrapper #wrap .container .main_KV .kv_wrapper .kv_box {background-image: url('../../@resource/images/investment/financial_condition_kv01_new.png'); background-repeat: no-repeat; background-size: 100% 100%; margin: 0 auto; }

/*R&D 배경*/
#RD #wrapper #wrap .container .main_KV .kv_wrapper .kv_box {background-image: url('../../@resource/images/R&D/electric_vehicle_battery_kv_new.png'); background-repeat: no-repeat; background-size: 100% 100%; margin: 0 auto; }

.main_KV .kv_wrapper .kv_box .kv_text {display:inline-flex; flex-direction: column; justify-content: center; align-items: flex-start;max-width: 1280px; height: 520px; margin: 0 auto;}
#RD #wrapper #wrap .container .main_KV .kv_wrapper .kv_box .kv_text {max-width: 1100px;}
.main_KV .kv_wrapper .kv_box .kv_text p {font-size: 18px; line-height: 60px; font-weight:bold; color: #fff;}
.main_KV .kv_wrapper .kv_box .kv_text h2 {display: block; font-size: 48px; line-height: 60px; font-weight: bold; color: #fff;}

.main_KV .btn_box {position: absolute;top: 50%;transform: translateY(-50%);color: #fff;z-index: 10;width: 100%; color: #fff;}
.main_KV .btn_box .btn {color: #fff;}
.main_KV .btn_box .btn span {margin: 0 32px 0;}
.main_KV .btn_box .btn.next {position: absolute;right: 48px; background: url('../images/about/next_btn.png') no-repeat right center;background-size: 24px 24px}
.main_KV .btn_box .btn.prev {position: absolute;left: 48px;background: url('../images/about/prev_btn.png') no-repeat left center; background-size: 24px 24px}

/* main */
/* #main #wrapper #wrap .container {padding-bottom: 0;} */
#main #wrapper #wrap .container .main_section{position: relative;width: 100%;height: auto;overflow: hidden;}

#main #wrapper #wrap .container .kv .kv_bg{position: relative;}
#main #wrapper #wrap .container .kv .kv_bg .title_box{position: absolute;top:50%;left: 20%;color: #FFFFFF;transform:translate(0, -120px); word-break: keep-all;}
#main #wrapper #wrap .container .kv .kv_bg .title_box h1{padding-bottom: 46px;font-size: 60px;line-height: 72px;}
#main #wrapper #wrap .container .kv .kv_bg .title_box .sm_text{position: relative; font-size: 24px; line-height: 36px; letter-spacing: -0.025em;}
#main #wrapper #wrap .container .kv .kv_bg .title_box .sm_text::after {content: ''; position: absolute; bottom: 5px; right: 0; height: 1px; background-color: #fff;}

#main #wrapper #wrap .container .kv .kv_bg.kv_bg01 .title_box .sm_text::after {width: 200px;}
#main #wrapper #wrap .container .kv .kv_bg.kv_bg02 .title_box .sm_text::after {width: 100px;}
#main #wrapper #wrap .container .kv .kv_bg.kv_bg03 .title_box .sm_text::after {width: 100px;}
#main #wrapper #wrap .container .kv .kv_bg.kv_bg04 .title_box .sm_text::after {width: 200px;}

#main #wrapper #wrap .container .kv .kv_bg.kv_bg01 .title_box {top: 40%; width: 1000px;}
#main #wrapper #wrap .container .kv .kv_bg.kv_bg02 .title_box {width: 900px;}
#main #wrapper #wrap .container .kv .kv_bg.kv_bg03 .title_box {width: 900px;}
#main #wrapper #wrap .container .kv .kv_bg.kv_bg04 .title_box {top:40%; width: 1000px;}

#main .ss{position: absolute;top: 50%;left: 50%;transform: translate(95px, 185px);z-index: 99;color: #FFFFFF;}

#main #KV {}
#main .main_slider {width: 100%;height: 100%;}

#main .main_slider .bt_box{position: absolute;right: 50%;z-index: 5;display: flex;align-items: center;bottom: 136px;left: 50%;margin-left: 100px;height: auto;transform: translate(0);}
#main .swiper-button-prev{position: unset;width: auto;height: auto;margin: 0;transform: translate(0);font-size: 14px;font-weight: 600; color: #FFFFFF; background: unset;top: 50%;left: 50%;}
#main .swiper-button-next{position: unset;width: auto;height: auto;margin: 0;transform: translate(0);font-size: 14px;font-weight: 600; color: #FFFFFF; background: unset;top: 50%;left: 50%;}
#main .ss{position: unset;width: auto;height: auto;margin: 0 8px;transform: translate(0);}
#main .swiper-pagination-bullets{bottom:362px;left: 98px;transform: translate(-81px,188px); width: 100%; height: 14px; font-size: 14px;font-weight: 600; color: #FFFFFF;}
#main .swiper-container-horizontal > .swiper-pagination-bullets{position: absolute;bottom: 138px;left: 0;height: auto;transform: translate(0);z-index: 2;width: 100%;}
#main .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{position: relative;width: auto;height: auto;margin: 0 8px;background: none;}
#main .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::after{content: '';position: absolute;left: 0;bottom: 4px;width: calc(100% - 15px);height: 1px;margin-left: 15px;background: rgba(255,255,255,0.3);overflow: hidden;}
#main .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet .progress{position: absolute;left: 0;bottom: 4px;width: 0;height: 1px;margin-left: 15px;background: #ffffff;overflow: hidden;}
#main .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 85px;height: auto;text-align: left;}

#main .vertical_dot {position: fixed;top: 388px;right: 30px;z-index: 100;}
#main .vertical_dot ul {text-align: right;}
#main .vertical_dot ul::after {position: absolute;top: 10px;right: 3px;content: "";border-right: 1px solid #c3c3c3;height: 148px;z-index: -1;}
#main .vertical_dot ul li {margin-bottom: 48px;margin-right: 30px;}
#main .vertical_dot ul li a {font-size: 14px; color: rgba(255,255,255,0.2);}
#main .vertical_dot ul li.on a {color: #1774e4}
#main .vertical_dot ul li a span.dot {position: absolute;right: 0;margin-top: 9px; width: 7px;height: 7px;background: #fff;border-radius: 50%;z-index: 100;}
#main .vertical_dot ul li.on a span.dot {position: absolute;right: 0;margin-top: 9px; width: 7px;height: 7px;background: #1774e4;border-radius: 50%;z-index: 100;}
#main .vertical_dot ul li a span.dot::after {content: ""; position: absolute;right: -5px;margin-top:-5px; width: 15px;height: 15px;border:1px solid #fff;border-radius: 50%;opacity: 0;}
#main .vertical_dot ul li.on a span.dot::after {content: ""; position: absolute;right: -5px;margin-top:-5px; width: 15px;height: 15px;border:1px solid #1774e4;border-radius: 50%;opacity: 1;}

#main .vertical_dot.on ul li a{color: #c5c5c5}
#main .vertical_dot.on ul li.on a {color: #1774e4}
#main .vertical_dot.on ul li a span.dot {position: absolute;right: 0;margin-top: 9px; width: 7px;height: 7px;background: #c5c5c5;border-radius: 50%;z-index: 100;}
#main .vertical_dot.on ul li.on a span.dot {position: absolute;right: 0;margin-top: 9px; width: 7px;height: 7px;background: #1774e4;border-radius: 50%;z-index: 100;}
#main .vertical_dot.on ul li a span.dot::after {content: ""; position: absolute;right: -5px;margin-top:-5px; width: 15px;height: 15px;border:1px solid #c5c5c5;border-radius: 50%;opacity: 0;}
#main .vertical_dot.on ul li.on a span.dot::after {content: ""; position: absolute;right: -5px;margin-top:-5px; width: 15px;height: 15px;border:1px solid #1774e4;border-radius: 50%;opacity: 1;}

#main #sec01 .cont_wrap{position: relative;height: 980px;}
#main #sec01 .cont_wrap .pro_btn_box{position: absolute;width: 1420px;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#main #sec01 .cont_wrap .pro_btn_box .pro_btn{padding: 22px 0;}
#main #sec01 .cont_wrap .pro_btn_box .pro_btn .sub_pg_go{display: none;}
#main #sec01 .cont_wrap .pro_btn_box .pro_btn:first-child{padding-top:0;}
#main #sec01 .cont_wrap .pro_btn_box .pro_btn:last-child{padding-bottom: 0;}
#main #sec01 .cont_wrap .pro_btn_box .pro_btn .btn_box{display: flex;justify-content: flex-start;align-items: center;}
#main #sec01 .cont_wrap .pro_btn_box .pro_btn .pro_btn_a{font-size: 36px;font-weight: 600;color: #FFFFFF;margin-right: 20px;}
#main #sec01 .cont_wrap .pro_btn_box .pro_btn.on .sub_pg_go{display: block;width: 23px;height: 23px;}
#main #sec01 .cont_wrap .pro_btn_box .pro_info_text{display: none; font-size: 18px;line-height: 30px;font-weight: 300;letter-spacing: 1px; padding-top: 15px;margin-top: 20px;color: #FFFFFF; border-top: 1px solid rgba(225, 225, 225, 0.2);}
#main #sec01 .cont_wrap .pro_btn_box .pro_info_text.on{display: block;}

#main #sec01 .cont_wrap .pro_bg_box{width: 100%;height: 980px;}
#main #sec01 .cont_wrap .pro_bg_box .pro_bg{width: 100%;height: 100%;background-size: 100% 100%;}
#main #sec01 .cont_wrap .pro_bg_box .bg_1{display: block; background: url('../../@resource/images/sec01_pro01.jpg') no-repeat center center #115cb9;}
#main #sec01 .cont_wrap .pro_bg_box .bg_2{display: none; background: url('../../@resource/images/sec01_pro02.jpg') no-repeat center center #0f55aa;}
#main #sec01 .cont_wrap .pro_bg_box .bg_3{display: none; background: url('../../@resource/images/sec01_pro03.jpg') no-repeat center center #105ab3;}
#main #sec01 .cont_wrap .pro_bg_box .bg_4{display: none; background: url('../../@resource/images/sec01_pro04.jpg') no-repeat center center #105ab3;}


#main #sec02{width: 100%;height: 100%; background: url('../images/sec02_bg.jpg')no-repeat center center;background-size: 100% 100%;}
#main #sec02 .cont_wrap{max-width: 1420px;margin: 0 auto;}
#main #sec02 .cont_wrap .title_box{width: 1020px;margin: 0 0 90px;padding-top: 390px; color: #FFFFFF;word-break: keep-all;}
#main #sec02 .cont_wrap .title_box h1{font-size: 36px;font-weight: 600;padding-bottom: 45px;}
#main #sec02 .cont_wrap .title_box .sm_text{font-size: 18px;font-weight: 400;}
#main #sec02 .cont_wrap .info_group{position: relative;display: flex;justify-content: center;align-items: center; width: 1420px;height: 160px;margin: 0 auto 170px;}
#main #sec02 .cont_wrap .info_group::after{position: absolute;top: 50%;left: 50%;transform: translate(0, -33px); display:block;content: '';width: 1px;height:67px;background: #DDDDDD;}
#main #sec02 .cont_wrap .info_group .info{display:flex; flex-direction: column;align-items: flex-start;justify-content: center; width: 50%; height: 100%;padding: 0 45px;background: rgba(225, 225, 225, 0.17);}
#main #sec02 .cont_wrap .info_group .info span{color: #FFFFFF;}
#main #sec02 .cont_wrap .info_group .info .title{display: block;font-size: 24px;font-weight: 500;padding-bottom: 15px;}
#main #sec02 .cont_wrap .info_group .info .text{font-size: 18px;font-weight: 300;letter-spacing: 0;line-height: 20px;word-break: keep-all;}
#main #sec02 .cont_wrap .info_group .info.group_1{}
#main #sec02 .cont_wrap .info_group .info.group_2{}


/* #main #sec03{width: 100%;padding: 360px 0 0px; background: #FFFFFF;}
#main #sec03 .cont_wrap{max-width: 1420px;margin: 0 auto;}
#main #sec03 .cont_wrap .main_box{position: relative;margin: 0 0 105px}
#main #sec03 .cont_wrap .main_box > div{}
#main #sec03 .cont_wrap .main_box .title_box{position:absolute;top: 50%;left: 0;transform: translate(0,-70px); font-size: 36px;font-weight: 600;line-height: 40px;text-align: left; z-index: 1;}
#main #sec03 .cont_wrap .main_box .img_box{width: 1060px;height: 200px;margin-left: auto;}
#main #sec03 .cont_wrap .notice_list_box{display: flex;justify-content: flex-start;align-items: center;}
#main #sec03 .cont_wrap .notice_list_box .list{padding: 0 50px;}
#main #sec03 .cont_wrap .notice_list_box .list:first-child{padding-left: 0;}
#main #sec03 .cont_wrap .notice_list_box .list:last-child{padding-right: 0;}
#main #sec03 .cont_wrap .notice_list_box .list .day_num{}
#main #sec03 .cont_wrap .notice_list_box .list .day_num span{font-size: 14px; font-weight: 400;}
#main #sec03 .cont_wrap .notice_list_box .list .day_num span.tit{font-weight: 600;}
#main #sec03 .cont_wrap .notice_list_box .list .day_num span.tit::after{display: inline-block;content: '';width: 1px;height: 9px;margin: 0 5px; background: #a8a8a8;}
#main #sec03 .cont_wrap .notice_list_box .list .day_num span.tit.nw{color: #1e1e1e;}
#main #sec03 .cont_wrap .notice_list_box .list .day_num span.tit.nt{color: #1473e6;}
#main #sec03 .cont_wrap .notice_list_box .list .title{display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2; width: 300px; min-height: 70px; font-size: 24px;font-weight: 500;margin: 30px 0 60px;}
#main #sec03 .cont_wrap .notice_list_box .list .detail_li{}
#main #sec03 .cont_wrap .notice_list_box .list .detail_li a{font-size: 14px;font-weight: 300;}
#main #sec03 .cont_wrap .notice_list_box .list .detail_li a::after{display: inline-block;content: '';width: 23px;height: 7px;background: url('../images/dt_arr.png') no-repeat center center;background-size: 100% 100%;transform: translateX(5px);transition:all .2s;}
#main #sec03 .cont_wrap .notice_list_box .list .detail_li a:hover::after{transform: translateX(15px);transition:all .2s;}
 */

/* about */
#wrapper.about #wrap .ic_img {background: url('../images/about/en_ft_img.png') no-repeat center;width: 1420px;height: 408px;background-size: 100% 100%;margin: 0 auto;}
#wrapper.about #wrap .sec01 {position: relative;}
#wrapper.about #wrap .sec01 .cont_wrap {text-align: left;}
#wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box .img_box {display: flex;position: relative}
#wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box .img_box img {width: 1060px;height: 100%;}
#wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box .img_box .num {margin-left: 40px;font-size: 24px;line-height: 36px;}
#wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_01 .txt_box {width: 656px; margin: 55px 0 168px;}
#wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_01 .img_box {position: relative;}
#wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_01 .num::after {content: "";display: inline-block;position: absolute; left: 0;top: 39px;height: 1px;width: 100%;background: #222;z-index: -1;}
#wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_02 {display: flex;flex-direction: column;align-items: flex-end;}
#wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_02 .txt_box {width: 619px; margin: 55px 442px 168px 0;}
#wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_01 .com,
#wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_02 .com {position: relative;}
#wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_01 .com::after {content:"";display: inline-block;border-bottom: 1px solid#222;position: absolute; bottom:-30px;left: 0;width: 11%;}
#wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_02 .com::after {content:"";display: inline-block;border-bottom: 1px solid#222;position: absolute; bottom:-40px;left: 0;width: 11%;}
#wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_02 .img_box .num {position: relative; margin-right: 40px;margin-left: 0;}
#wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_02 .img_box .num::after {content: "";display: inline-block;position: absolute; left: 0;top: 39px;height: 1px;width: 100%;background: #222;z-index: -1;}
#wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_03 .txt_box { margin: 95px 0 95px 380px;}
#wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_03 .txt_box .title_h2 {font-size: 48px; line-height: 60px; letter-spacing: -0.025em;}
#wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_03 .img_box .num {position: relative;}
#wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_03 .img_box .num::after {content: "";display: inline-block;position: absolute; left: 0;top: 39px;height: 1px;width: 100%;background: #222;z-index: -1;}
#wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_01 .txt_box .desc {margin-top: 72px;}
#wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_02 .txt_box .desc {margin-top: 85px;}
#wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_03 .txt_box .desc {margin-top: 60px;}
#wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box .txt_box .com {font-size: 24px;line-height: 36px;}
#wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box .txt_box .desc {font-size: 20px;line-height: 30px;}
#wrapper.about #wrap .sec01 .cont_wrap .ic_wrap {display: flex;justify-content: space-between;align-items: baseline;}
#wrapper.about #wrap .sec01 .cont_wrap .ic_wrap .plus_ic {background: url('../images/about/plus_ic.png') no-repeat top+47px center; width:100px;height: 100px;background-size: 36px 36px;}
#wrapper.about #wrap .sec01 .cont_wrap .ic_wrap .dot_ic {background: url('../images/about/dot_ic.png') no-repeat top+58px center; width: 100px;height: 100px;background-size: 10px 10px;}
#wrapper.about #wrap .sec01 .cont_wrap .ic_wrap .ic {display: flex;flex-direction: column;align-items: center;}
#wrapper.about #wrap .sec01 .cont_wrap .ic_wrap .ic_01 em::after {content: "";display: inline-block;width: 5px;height: 5px;background: #000;border-radius: 50%;margin: 6px 0 6px 3px;;}
#wrapper.about #wrap .sec01 .cont_wrap .ic_wrap .ic_01 em:last-child:after {content: none;}
#wrapper.about #wrap .sec01 .cont_wrap .ic_wrap .ic_01 .img_box {background: url('../images/about/ic_01.png') no-repeat center;width: 103px;height: 96px;background-size: 100% 100%;}
#wrapper.about #wrap .sec01 .cont_wrap .ic_wrap .ic_02 .img_box {background: url('../images/about/ic_02.png') no-repeat center;width: 99px;height: 102px;background-size: 100% 100%;}
#wrapper.about #wrap .sec01 .cont_wrap .ic_wrap .ic_03 .img_box {background: url('../images/about/ic_03.png') no-repeat center;width: 82px;height: 80px;background-size: 100% 100%;}
#wrapper.about #wrap .sec01 .cont_wrap .ic_wrap .ic_04 .img_box {background: url('../images/about/ic_04.png') no-repeat center;width: 109px;height: 71px;background-size: 100% 100%;}
#wrapper.about #wrap .sec01 .cont_wrap .ic_wrap .ic .ic_txt {text-align: center;margin-top: 75px;}
#wrapper.about #wrap .sec01 .cont_wrap .ic_wrap .ic .ic_txt em {font-style: normal;font-size: 24px;line-height: 40px;}
#wrapper.about #wrap .sec01 .cont_wrap .ic_wrap .ic .ic_txt span {display: block;font-size: 20px;line-height: 30px;}



/*비전*/
#wrapper #wrap.vision .container #sec02 {width: 100%; height: 2343px;}
#wrapper #wrap.vision .container #sec02 .cont_wrap {position: relative; text-align: left;}
#wrapper #wrap.vision .container #sec02 .cont_wrap .content_box {position: absolute;}
#wrapper #wrap.vision .container #sec02 .cont_wrap .content_box .txt_box p.title {font-size: 24px; line-height: 30px; font-weight: bold;}
#wrapper #wrap.vision .container #sec02 .cont_wrap .content_box .txt_box p.sub {font-size: 20px; line-height: 30px; margin-top: 17px;}
#wrapper #wrap.vision .container #sec02 .cont_wrap .content_box .txt_box p.side::before {content: ""; display: inline-block; width:1px; height: 50px; background-color: #1d1d1d; margin: 40px 5px 9px 0;}
#wrapper #wrap.vision .container #sec02 .cont_wrap .content_box .txt_box p.side {position:absolute; left: 720px; width: 30px; font-size: 14px; line-height: 30px; font-weight: bold; writing-mode:vertical-lr; padding-left: 70px;}
#wrapper #wrap.vision .container #sec02 .cont_wrap .img_box {position: relative;}
#wrapper #wrap.vision .container #sec02 .cont_wrap .img_box .cl_btn {position: absolute;top: 0;left: 0;width: 70px;height: 70px;}
#wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_01 {top: 0;}
#wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_01 .txt_box::before {content: ""; display: block; width:50px; height: 1px; background-color: #1d1d1d; margin-bottom: 29px;}
#wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_01 .img_box {position: relative; margin-top: 39px;}
#wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_01 .img_box img {width: 779px; height: 960px;}
#wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_02 {top:400px; right: 0;}
#wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_02 .txt_box::after {content: ""; display: block; width:50px; height: 1px; background-color: #1d1d1d; margin-top: 41px;}
#wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_02 .img_box {margin-bottom: 58px;}
#wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_02 .img_box img {width: 100%;}
#wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_03 {top: 1665px; right: 0; display: flex;}
#wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_03 .txt_box {display: inline-block; }
#wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_03 .txt_box::after {content: ""; display: block; width:50px; height: 1px; background-color: #1d1d1d; margin-top: 41px;}
#wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_03 .img_box { display: inline-block; margin-left:180px;}
#wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_03 .img_box img {width: 800px;}


/*연혁*/
#wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box {display: flex;margin-top: 150px;}
#wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box_02,
#wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box_04 {display: flex;flex-direction: row-reverse;justify-content: space-between;}
#wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box_01 .img_box,
#wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box_03 .img_box,
#wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box_05 .img_box {margin-right: 60px;}
#wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box .img_box img {width: 700px;height: 700px;}
#wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box .txt_box {font-size: 20px;line-height: 30px;text-align: left;margin-top: 35px;width: 100%;}
#wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box .txt_box .num {font-size: 48px;line-height: 30px;}
#wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box .txt_box .desc {position: relative; margin: 53px 0 45px;}
#wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box_01 .txt_box .desc::after,
#wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box_03 .txt_box .desc::after,
#wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box_05 .txt_box .desc::after {content: "";position: absolute;bottom: -25px;right: 0;width: 660px;border-bottom: 1px solid #000;}
#wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box_02 .txt_box .desc::after,
#wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box_04 .txt_box .desc::after {content: "";position: absolute;bottom: -25px;left: 0;width:660px;border-bottom: 1px solid #000;}


/*오시는길*/
#wrapper #wrap.location .container #sec02 {padding-top: 106px;}
#wrapper #wrap.location .container #sec02 .cont_wrap img {width: 1420px; height: 700px;}
#wrapper #wrap.location .container #sec03 {padding-top: 152px;}
#wrapper #wrap.location .container #sec03 .cont_wrap {display: flex; justify-content: space-between; align-self:flex-start;}
#wrapper #wrap.location .container #sec03 .cont_wrap .title_box {display: inline-block;}
#wrapper #wrap.location .container #sec03 .cont_wrap .title_box h3 {font-size: 48px; line-height: 60px; font-weight: 600;}
#wrapper #wrap.location .container #sec03 .cont_wrap .content_box {display: block; border-bottom: 1px solid #1d1d1d;}
#wrapper #wrap.location .container #sec03 .cont_wrap .txt_box p.title { font-size: 24px; line-height: 60px; font-weight: bold;}
#wrapper #wrap.location .container #sec03 .cont_wrap .txt_box p.sub {margin-top: 40px; font-size: 20px; line-height: 36px; letter-spacing: -0.025em; }
#wrapper #wrap.location .container #sec03 .cont_wrap .txt_box .address_copy {margin-top:18px;line-height: 30px;}
#wrapper #wrap.location .container #sec03 .cont_wrap .txt_box .address_copy a{display:block;width: auto; color: #1473e6; font-size: 20px; line-height: 30px;}
#wrapper #wrap.location .container #sec03 .cont_wrap .txt_box p.title_call {margin: 41px 0 6px 0;}
#wrapper #wrap.location .container #sec03 .cont_wrap .txt_box ul.sub_call {margin-bottom: 13px;}
#wrapper #wrap.location .container #sec03 .cont_wrap .txt_box ul.sub_call li {display: inline-block; margin-right: 17px; font-size: 20px; line-height: 36px; }
#wrapper #wrap.location .container #sec03 .cont_wrap .txt_box ul.sub_call li:last-child {margin-right: 0; }
#wrapper #wrap.location .container #sec03 .cont_wrap .content_box_02 {margin-top: 30px;}
#wrapper #wrap.location .container #sec03 .cont_wrap .content_box_03 {border: none; margin-top: 30px;}

#wrapper.ethics #wrap #sec01 {}
#wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .title_wrap {margin: 0 auto 190px;text-align: center;}
#wrapper.ethics #wrap .container_1 #sec01 .cont_wrap h2 {font-size: 48px;line-height: 60px;text-align: center;}
#wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .title_wrap .com {position: relative; font-size: 24px;line-height: 36px;margin-top: 55px;}
#wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .title_wrap .com::after {content: "";position: absolute;bottom: -65px;left: 50%;width: 5%; transform: translateX(-50%); border-bottom: 1px solid #000;}
#wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box {padding-top:150px;}
#wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box_02{padding-top: 0;}
/* #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box_01 .img_box {margin-bottom: 50px;background: url('../../@resource/images/about/en_ethics_ic01.png') no-repeat;width: 100%;height: 342px;background-size: 100% 100%;} */
#wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box_01 .img_box_m {display:none;}

#wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box_02 .img_box {margin-bottom:100px;}
#wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box_02 .txt_box {margin-bottom:105px;}
#wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box_02 .txt_box .com {font-size: 20px;line-height: 36px;letter-spacing: -0.2px;}
#wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box_02 .txt_box h2 {margin-bottom:105px;}
#wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box_03 .img_box {background: url('../../@resource/images/about/en_ethics_ic02.png') no-repeat;width: 100%;height: 423px;background-size: 100% 100%;}
#wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box .download {display: block;width: 518px;height: 83px;margin: 0 auto 0;}
#wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box .cyber {display: block;width:  518px;height: 83px;margin: 105px auto 0;}

#wrapper.ethics #wrap .container_2 #sec01,
#wrapper.ethics #wrap .container_2 #sec02 {}
#wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .title_box{margin-bottom: 130px;text-align: center;}
#wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .title_box h2{font-size:48px;font-weight: 600;}
#wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .title_box p.com{position: relative; font-size: 24px;font-weight: 500;color: #1d1d1d;}
#wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .title_box p.com::after {content: "";position: absolute;bottom: -65px;left: 50%;width: 65px; transform: translateX(-50%); border-bottom: 1px solid #000;}
#wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method{display: flex;justify-content: space-between;align-items: flex-start;margin: 0;}
#wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method .text_box {border:0px #f50 solid; position: relative; width: 100%;}
/* #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method .text_box .line2{position: absolute;width:855px;height: 1px;background-color: #222222;} */
#wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method .text_box .pd_title{font-size: 48px;font-weight: 600;color: #222222;}
#wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method .text_box .pd_text{font-size: 20px;font-weight: 400;color:#1d1d1d; word-break: keep-all;}
#wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method .text_box .pd_text.txt01{padding:10px 0;font-size: 24px;line-height: 36px;font-weight: bold;}
#wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method .text_box .pd_text.txt02{padding:10px 0 0;font-size: 20px;line-height: 30px;letter-spacing: -0.3px;}
#wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method.pro_method_03{margin: 25px 0;}
#wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method.pro_method_03 .text_box {padding-left: 40px;}
#wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method.pro_method_03 .text_box .line2 {right:0;}
#wrapper.ethics #wrap .container_2 #sec02.section {margin-top: 0;}
#wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap h2 {font-size: 28px;line-height: 40px;font-weight: bold;margin-bottom: 15px;}
#wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap .inner_txt {position: relative;padding-top: 35px;}
#wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap .inner_txt::before {content: "";position: absolute;top: 0;left: 0;width: 100%; border-top: 1px solid #222222;}
#wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap .inner_txt ul {border: 1px solid #ccc; padding: 40px 40px 45px;background: #fcfcfc;}
#wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap .inner_txt ul li {font-size: 20px;margin-bottom: 30px;}
#wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap .inner_txt ul li p {padding-left: 17px;}
#wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap .inner_txt ul li:last-child {margin-bottom: 0;line-height: 1.6;}
#wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap .agree_btn {margin-top: 65px;text-align: center;}
#wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap .agree_btn a {display: inline-block;width: 520px;height: 85px;line-height: 85px; font-size: 24px;font-weight: bold;text-align: center;}
#wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap .agree_btn a.agree_no {margin-right: 9px;border:1px solid #222222}
#wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap .agree_btn a.agree_y {background: #327ee8;color: #fff;}

#wrapper.ethics_3 #layer {display:block;position:absolute;overflow:hidden;top: 50%;left: 50%;transform: translate(-101%,15%);z-index:10;-webkit-overflow-scrolling:touch;}
#wrapper.ethics_3 #layer #btnCloseLayer{width: 20px;height: 20px; cursor:pointer;position:absolute;right:0;top:0;z-index:1;}
#wrapper.ethics_3 #wrap .container_2 #sec01 {}
#wrapper.ethics_3 #wrap .container_2 #sec01.section {padding-top: 0;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .form {position: relative;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap {margin-top: 100px;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form_title {margin-bottom: 40px;font-size: 48px;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .title {border-top: 1px solid #222;padding-top: 40px;padding-left: 20px; margin-bottom: 35px;font-size: 20px;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_container {border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;padding-bottom: 10px;font-weight: 500;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_container .check_wrap .chked {display: inline-block;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap {display: flex;align-items: center; padding: 10px 0 10px 0;border-bottom: 1px solid #d3d3d3;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap:last-child {border-top: 1px solid #d3d3d3;padding-bottom: 10px; border-bottom: none;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap textarea {resize: none;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form label {display: inline-block; width: 220px;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap label[for=file_name] {width: 190px;height: 60px;line-height: 60px;border: 1px solid #222;text-align: center;font-size: 18px;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap label span {vertical-align: middle;margin-right: 10px;color: #327ee8;font-size: 24px;}



#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .check_box label {padding-top: 4px;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .check_box label.chk_w {padding: 0;width: auto;display: flex;align-items: center;justify-content: center;margin-right: 10px;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap input[type="checkbox"] {display: none; width: 0; height: 0;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .check_box input[type="checkbox"] + label span{display: inline-block;width: 22px;height: 22px; background: transparent; position: relative;margin-right: 10px; border: 1px solid #1473e6;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .check_box input[type="checkbox"]:checked + label span::after {content: '';display: inline-block;width: 11px;height: 11px; background: #1473e6; left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%);}


#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap input[type=text],
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap input[type=tel],
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap input[type=email] {width: 1200px;background: #f6f6f6;height: 60px;padding: 20px;font-size: 20px;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form {display: flex;align-items: baseline;padding-top: 10px;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form input[type=button] {display: inline-block;cursor: pointer;margin-left: 10px; width: 190px;text-align: center;vertical-align: bottom;border: 1px solid #222;background: none;font-size: 18px;line-height: 1.3;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form input {background: #f6f6f6;height: 60px;font-size: 20px;padding: 20px;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form #address {width: 100%;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form #sample2_postcode {width: 640px;margin-top:10px;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form .address_w,
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form #sample2_address{width: 1200px;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form .address_w:last-child {margin-bottom: 10px;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form .bd_wrap {width: 1200px;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form .bd_wrap .bd {display: inline-block;width: 100%; padding-top: 6px; border-top: 1px solid #d3d3d3;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap input::placeholder {color: #b4b4b4;font-size: 20px;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap .address_form .add_input input {display: block;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap textarea {width: 1200px;height: 300px; background: #f6f6f6;padding: 20px;font-size: 20px;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap label[for=fileName]{width: 190px;height: 60px;line-height: 60px; border: 1px solid #222;text-align: center;font-size: 18px;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap.file_box {display: flex;align-items: center;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap.file_box input[type=text]{width: 1000px;margin-left:10px;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files {border: none;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .txt_box {padding: 35px 0 25px 215px;font-weight: normal;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .txt_box p{font-size: 16px;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .file_box {position: relative;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .file_box #fileVal {position: relative;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .file_box #fileVal span {position: absolute;top: 50%;left: 3%;transform: translateY(-50%); color: #ccc;font-weight: 300;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .file_box .close {position: absolute;top: 50%;right: 20px;transform: translateY(-50%);width: 20px;height: 20px; cursor: pointer;opacity: 0;transition: .5s;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .file_box .close.on {opacity: 1;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .file_box .close span {display: inline-block;position: absolute;top: 50%;right: 0; width: 15px;height: 1px;background: #aaa;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .file_box .close span.line01 {transform: rotate(45deg)}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .file_box .close span.line02 {transform: rotate(-45deg)}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .txt_box span {color: #1473e6;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .file_btn {margin-top: 60px; font-size: 0;text-align: center;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .file_btn a {display: inline-block; width: 520px;height: 85px;text-align: center;font-size: 24px;line-height: 85px;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .file_btn a.reset {border: 1px solid #222;margin-right: 10px;}
#wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .file_btn a.report {background: #327ee8;color: #fff;}


/*제품소개 = 엔드플레이트*/
#wrapper.products #sec01 .cont_wrap .pro_box .text_box{width: 560px;height: auto;}
#wrapper.products #sec01 .cont_wrap .pro_box .text_box .pd_title{font-size: 24px;font-weight: 600;padding-bottom: 45px;color: #222222;}
#wrapper.products #sec01 .cont_wrap .pro_box .text_box .pd_title .line{display: inline-block;margin-left: 20px; width: 130px;height: 1px;background-color: #222222;}
#wrapper.products #sec01 .cont_wrap .pro_box .text_box .pd_text{font-size: 18px;font-weight: 400;color: #414141;letter-spacing: -0.5px;}
#wrapper.products #sec01 .cont_wrap .pro_box.pro01{padding-top: 100px;}
#wrapper.products #sec01 .cont_wrap .pro_box.pro01 .pro_img{width: 1420px;height: 812px;margin: 0 auto;}

#wrapper.products #sec01 .cont_wrap .pro_box.pro02{padding-top: 130px;}

#wrapper.products #sec01 .cont_wrap .pro_box.pro02 .pro_img{width: 983px;height: 471px;margin: 0 auto;}
#wrapper.products #sec01 .cont_wrap .pro_box.pro02 .text_box{margin-left: auto;}

#products #sec01 .cont_wrap .pro_method{display: flex;justify-content: center;align-items: flex-start;margin-top: 400px;}
#products #sec01 .cont_wrap .pro_method .pro_img{width: 700px;height: 700px;margin-right: 54px;}
#products #sec01 .cont_wrap .pro_method .text_box {position: relative; width: 700px;}
#products #sec01 .cont_wrap .pro_method .text_box .line2{position: absolute;width: 1060px;height: 1px;background-color: #222222;}
#products #sec01 .cont_wrap .pro_method .text_box .pd_title{font-size: 48px;font-weight: 600;color: #222222;}
#products #sec01 .cont_wrap .pro_method .text_box .pd_text{font-size: 20px;font-weight: 400;color:#1d1d1d; word-break: keep-all;}
#products #sec01 .cont_wrap .pro_method .text_box .pd_text.txt01{padding:50px 0;}
#products #sec01 .cont_wrap .pro_method .text_box .pd_text.txt02{padding:50px 0 0;}

#products #sec01 .cont_wrap .pro_method.pro_method_01 .text_box .line2{right:0;}
#products #sec01 .cont_wrap .pro_method.pro_method_01 .text_box{padding: 0 0 0 40px;}
#products #sec01 .cont_wrap .pro_method.pro_method_02 .text_box .line2{left:0;}
#products #sec01 .cont_wrap .pro_method.pro_method_02 .pro_img{margin: 0 0 0 20px;}


/*제품소개 - 제품경쟁력*/
#products #sec01 .cont_img.cont_img_01{padding-top: 130px;}

#products #sec01 .cont_wrap .pro_method:nth-child(2n-1) .text_box{padding-right: 40px;}

#products #sec01 .cont_wrap .pro_method.pro_method_03 .text_box .line2, #products #sec01 .cont_wrap .pro_method.pro_method_05 .text_box .line2{right:0;}
#products #sec01 .cont_wrap .pro_method.pro_method_04 .text_box .line2{left:0;}
#products #sec01 .cont_wrap .pro_method.pro_method_04 .pro_img{margin: 0 0 0 20px;}
#products #sec01 .cont_wrap .pro_method.pro_method_05{margin-bottom: 400px;}


/*R&D - 연구소 소개*/
#wrapper #wrap.laboratory .container #sec02 {padding-top: 135px;}
#wrapper #wrap.laboratory .container #sec02 .cont_wrap {width: 1420px; margin: 0 auto;}
#wrapper #wrap.laboratory .container #sec02 .cont_wrap img {width: 1420px; height: 500px;}

#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box {width: 1021px;}
#wrapper #wrap.laboratory .container #sec03 {height: 3410px; padding-top: 130px;}
#wrapper #wrap.laboratory .container #sec03 .cont_wrap {width: 1420px; height: 100%; margin: 0 auto; position: relative;}
#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box {position: absolute;}
#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box .txt_box p.title{font-size: 24px; line-height: 30px; font-weight: bold;margin-bottom: 26px;}
#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box .txt_box p.sub {font-size: 20px; line-height: 30px;}
#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box .txt_box p.side::before {content: ""; display: inline-block; width:1px; height: 50px; background-color: #1d1d1d; margin: 40px 5px 9px 0;}
#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box .txt_box p.side {position:absolute; width: 30px; height: 250px; font-size: 14px; line-height: 30px; font-weight: bold; writing-mode:vertical-lr; box-sizing: border-box; }
#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box .img_box {margin-top: 38px;}
#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_01 {top: 0; left: 0;}
#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_01 .txt_box::before {content:""; display: inline-block; width: 50px; height: 1px; background-color: #1d1d1d; margin-bottom: 29px;}
#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_01 .txt_box p.side {left: 910px; padding-left: 70px;}
#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_01 .imgbox img {width: 960px; height: 460px;}
#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_02 {top: 871px; right: 0;}
#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_02 .txt_box {padding-left: 50px;}
#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_02 .txt_box p.side {top:0; left: 0; margin-left: -50px;}
#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_02 .txt_box,
#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_03 .txt_box {margin-top: 56px;}
#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_02 .txt_box::after,
#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_03 .txt_box::after{content:""; display: inline-block; width: 50px; height: 1px; background-color: #1d1d1d; margin-top: 29px;}
#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_03 {top: 1757px; left: 0;}
#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_03 .txt_box {width: 500px;}
#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_03 .txt_box p.side {top:0; right: 0; margin-right: -50px;}
#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_04 {bottom: 0;width: 100%;}
#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_04 .content_list_wrap {display: flex; justify-content: space-between; align-items: flex-start; gap: 17px;}
#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_04 .content_list_wrap .content_list {width: 700px;}
#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_04 .content_list_wrap .content_list .img_box {
width: 100%; height: auto; margin-top: 0;}
#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_04 .content_list_wrap .content_list .txt_box {width: 100%;margin-top: 56px;word-break: keep-all;}
#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_04 .content_list_wrap .content_list1 .txt_box::after{content:""; display: inline-block; width: 50px; height: 1px; background-color: #1d1d1d; margin-top: 29px;}


/*R&D - 엔드플레이트*/
#wrapper #wrap.rd_end_plate .container #sec02{padding-top: 96px;}
#wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox{display: flex;flex-direction: column;align-items: start;width: 100%;margin-bottom: 220px;}
#wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_2{margin-top: 125px;}
#wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_3{align-items: end;}
#wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_4{}
#wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_5{align-items: end; margin-bottom: 150px;}
#wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_6{margin-bottom: 0;}

#wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox > div{width: 1021px;}
#wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox > div h1{line-height: 30px;font-size: 24px;margin-top: 53px;}
#wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox > div p{line-height: 30px;font-size: 20px;margin-top: 35px;}
#wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox > div p::after{display: block;content: '';width: 66px;height: 1px;background: #222222;margin-top: 40px;}
#wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_2 > div h1::before{display: block;content: '';width: 66px;height: 1px;background: #222222;margin-bottom: 35px;}
#wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_2 > div p::after{content: none;}
#wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_3 > div .cont_text_box{padding-left: 50px;}
#wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_4 > div .cont_text_box{padding-left: 360px;}
#wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_5 > div .cont_text_box{padding-left: 50px;}
#wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_6 > div .cont_text_box{padding-left: 360px;}
#wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_2 > div h1{margin-top: 0;margin-bottom: 30px;}
#wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_2 > div p{margin-top: 0;margin-bottom: 50px;}


/*R&D - 전기차베터리*/
#wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap{padding-top: 130px;}
#wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .content_box_01 .img_box {margin-bottom: 150px;}
#wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .content_box_02 .img_box {margin-bottom:185px;}
#wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .content_box_02 .txt_box .com {font-size: 20px;line-height: 36px;margin-bottom:140px;}
#wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .content_box_02 .txt_box h2 {position: relative; margin-bottom:40px;font-size: 24px;line-height: 30px;}
#wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .content_box_02 .txt_box h2::before {content:"";position: absolute;top: -30px;left: 0;border-top: 1px solid #000;width: 45px;}
#wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .content_box_02 .txt_box strong {display: block; font-size: 20px;line-height: 30px;margin-bottom: 32px;}
#wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .content_box_03 {margin-top: 420px;margin-bottom: 450px;}

/*R&D - 엔드플레이트에서 전기배터리로 이동한 부분 따로*/
#wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .contBox > div{width: 1021px;}
#wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .contBox > div h1{line-height: 30px;font-size: 24px;margin-top: 53px;}
#wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .contBox > div p{line-height: 30px;font-size: 20px;margin-top: 35px;}
#wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .contBox > div p::after{display: block;content: '';width: 66px;height: 1px;background: #222222;margin-top: 40px;}
#wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .contBox.cont_box_5{border:0px #f50 solid; align-items: end; margin-top: 125px; margin-bottom: 150px; margin-left:400px;}
#wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .contBox.cont_box_6{border:0px #f50 solid; margin-bottom: 0;}
#wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .contBox.cont_box_5 > div .cont_text_box{border:0px #f50 solid; padding-left: 50px;}
#wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .contBox.cont_box_6 > div .cont_text_box{border:0px #f50 solid; padding-left: 360px;}


/*투자정보 - 재무정보*/
#investment .table_box{}
#investment .table_box > span{display: block;text-align: right;line-height: 30px;font-size: 20px;color: #222222;}
#investment .table_box > table{width: 100%;min-width: 1420px;border-top: 1px solid #222222;margin: 20px 0 40px;}
#investment .table_box > table tr{border-bottom: 1px solid #cccccc;}
#investment .table_box > table tr > *{letter-spacing: -0.25px;font-size: 20px;text-align: center;}
#investment .table_box > table tr th{padding: 22px 0;font-weight: bold;}
#investment .table_box > table tr th span{display: block;border-right: 1px solid #222222;}
#investment .table_box > table tr th:last-child span{border-right: 0px;}
#investment .table_box > table tr td{padding: 25px 45px;text-align: right;}
#investment .table_box > table tr td:first-child{text-align: left;}

#investment .table_box > table tr.tb_title{background: #f6f6f6;}
#investment .table_box > table tr.tb_title td{font-weight: bold;}
#investment .table_box > table tr.tb_title td:first-child{padding-left: 23px;}

#investment .table_box > table tr.tb_total{background: #1473e6;}
#investment .table_box > table tr.tb_total th{font-weight: bold; color: #ffffff;}
#investment .table_box > table tr.tb_total span{display: block;border-right: 1px solid #fff;}
#investment .table_box > table tr.tb_total td{font-weight: bold;color: #ffffff;}
#investment .table_box > table tr.tb_total td:first-child{padding-left: 23px;}

#investment .table_box.table_2 > table tr.tb_title td{font-weight: 400;}
#investment .table_box.table_2 > table tr td:first-child{padding-left: 23px;font-weight: bold;}


/*투자정보 - 공시자료*/

/*인재채용 - 인재상*/
#wrapper.talented {}
#wrapper.talented .section .title_box p {text-align: center;}
#wrapper.talented .section .title_box h2 {text-align: center;}
#wrapper.talented #wrap .container .section .cont_wrap .cont_img {width: 100%; height: auto; margin: 12.68vw auto 0;}


/*인재채용 - 인사제도*/
#wrapper.recruitment {}
#wrapper.recruitment .section .title_box p {text-align: center;}
#wrapper.recruitment #wrap .container .section .cont_wrap .title_box br {display: block;}
#wrapper.recruitment .section .title_box h2 {text-align: center;}
#wrapper.recruitment #wrap .container .section .cont_img {width: 100%; height: auto; margin: 12.68vw auto 0;}
#wrapper.recruitment #wrap .container .section .cont02 {margin-top: 16.20vw;}
#wrapper.recruitment #wrap .container .section .cont03 {margin-top: 27.82vw;}
#wrapper.recruitment #wrap .container .section .cont02 .cont_img {width: 100%; height: auto; margin: 12.68vw auto 0;}
#wrapper.recruitment #wrap .container .section .cont03 .cont_img {width: 100%; height: auto; margin: 12.68vw auto 0;}

/*소식 -뉴스 리스트, 공지사항 공통 부분*/
#wrapper.news #wrap #sec01 .cont_wrap .content_wrap .content_box {margin-top: 150px;}
#wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list {position: relative; display: flex;}
#wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .top_list_btn{display: block;position: absolute;width: 100%;height: 100%;z-index: 1;}
#wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .img_box{width:540px;height:540px; display: flex;justify-content: center;align-items: center;overflow: hidden;}
#wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .img_box img {width: 100%;height: 100%;transform: scale(1);transition: all 0.5s;}
#wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list:hover .img_box img {transform: scale(1.15);transition: all 0.5s;}
#wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box {width: 880px;margin-top: 35px;padding-left: 40px; font-size: 20px;line-height: 30px;text-align: left;}
#wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .title{line-height: 48px; word-break: keep-all;}
#wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .day_txt {position: relative; margin: 100px 0 60px;font-size: 18px;line-height: 30px;}
#wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .day_txt::after{content: "";position: absolute;bottom: -30px;right:0;width: 1060px;border-bottom: 1px solid #000;}
#wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info{}
#wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info p{display: -webkit-box;overflow: hidden; text-overflow: ellipsis;-webkit-box-orient:vertical; -webkit-line-clamp:3;width: 100%; margin-bottom: 35px;font-size: 20px;line-height: 30px;font-weight: 400;word-break: keep-all;}
#wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info p:last-child{margin-bottom: 0px;}
#wrapper.news #wrap #sec01 .cont_wrap .content_wrap .page_arrow_btn{display: flex;width: 100%;justify-content: space-between;align-items: center;}
#wrapper.news #wrap #sec01 .cont_wrap .content_wrap .page_arrow_btn a{font-size: 18px; display: block;}


/*소식 - 공지사항*/
#wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box {width: 880px;margin-top: 35px;padding-left: 40px; font-size: 20px;line-height: 30px;text-align: left;}
#wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .title{line-height: 48px; word-break: keep-all;}
#wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .day_txt {position: relative; margin: 100px 0 60px;font-size: 18px;line-height: 30px;}
#wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .day_txt::after{content: "";position: absolute;bottom: -30px;right:0;width: 1060px;border-bottom: 1px solid #000;}
#wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info .cont_view{display: none;width: 800px;}
#wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info .cont_view img{max-width: 540px;}
#wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info p.sub_title{width: 800px; display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 35px;font-size: 20px;line-height: 30px;font-weight: 400;word-break: keep-all;}
#wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info p.sub_title{width: 800px; display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 35px;font-size: 20px;line-height: 30px;font-weight: 400;word-break: keep-all;}
#wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info p{width: 800px; display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: unset;margin-bottom: 35px;font-size: 20px;line-height: 30px;font-weight: 400;word-break: keep-all;}
#wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info .flie_box{display: flex;align-items: center;width: 100%;margin-top: 40px;padding: 25px 40px;border: 1px solid #222222;}
#wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info .flie_box p{padding: 0 40px 0 0;margin: 0;}
#wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info .flie_box a{display: block;}

#wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap{border-top: 1px solid #222222;padding: 40px 0;}
#wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box{padding: 60px 40px 65px;border-bottom: 1px solid #d3d3d3;}
#wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box:first-child{padding-top: 20px;}
#wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box a .title_box{display: flex;justify-content: space-between;align-items: flex-start;padding-bottom: 55px;}
#wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box a .title_box .title{display: -webkit-box;overflow: hidden; text-overflow: ellipsis;-webkit-box-orient:vertical; -webkit-line-clamp:1; width: 800px;text-align: left;font-size: 24px;line-height: 30px;margin-bottom: 0;}
#wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box a .title_box .day_txt{font-size: 18px;line-height: 30px;margin-bottom: 0;}
#wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box .cont_box{}
#wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box .cont_box p{font-size: 20px;}
#wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box .cont_box p.sub_title{width: 100%;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;font-size: 20px;cursor: pointer;}
#wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box .cont_box .cont_view{display: none; padding-top: 25px;}
#wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box .cont_box .cont_view img{max-width: 540px;}
#wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box .cont_box .cont_view .flie_box{display: flex;align-items: center; width: 100%;margin-top: 40px; padding:25px 40px;border: 1px solid #222222;}
#wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box .cont_box .cont_view .flie_box p{padding: 0 40px 0 0;}
#wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box .cont_box .cont_view .flie_box a{display: block;font-size: 16px;font-weight: 400;}


/*소식 - 뉴스리스트*/
#wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list{border-top: 1px solid #222222;padding:0 0 40px;}
#wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;width: 100%;overflow: hidden;}
#wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .img_box img{transform: scale(1); transition: all .5s;}
#wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box:hover .img_box.on img{transform: scale(1.2);transition: all .5s;}
#wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box:last-child{margin-bottom: 0px;}
#wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont{position: relative;display: flex;justify-content: left;align-items: flex-start; width: 50%;padding: 40px 0;border-bottom: 1px solid #d3d3d3;}
#wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont:last-child{position: relative;}
#wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont:last-child::after{position: absolute; right: -100%;bottom: -1px; display: block;width: 100%;height: 1px;background: #d3d3d3;content: '';}
#wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont .img_box{display: flex;justify-content: center; width: 340px;height: 340px;overflow: hidden;margin-right: 40px;}
#wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont .img_box img{width: auto;height: 100%;}
#wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont .txt_box{padding-top: 25px;}
#wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont .txt_box .title{display: -webkit-box; width: 330px;height: auto;overflow: hidden; text-overflow: ellipsis;-webkit-box-orient:vertical; -webkit-line-clamp:2; font-size: 20px;line-height: 30px;word-break:keep-all;}
#wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont .txt_box .news_info{display: -webkit-box; width: 330px;height: auto;overflow: hidden; text-overflow: ellipsis;/* white-space: nowrap; */-webkit-box-orient:vertical; -webkit-line-clamp:3;font-size: 20px;line-height: 30px;margin: 30px 0 80px;word-break:keep-all;}
#wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont .txt_box .more_btn{position: relative; width: 71px; font-size: 12px;}
#wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont .txt_box .more_btn.more_btn::after{position:absolute;display: block;bottom: 0; content: '';width:71px;height: 9px;background: url('../images/newsNotice/arrow_img.png')no-repeat center center;background-size: 100% 100%;z-index: -1;transform: translateX(0);transition: all 0.5s;}
#wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box:hover .list_cont .txt_box .more_btn.on.more_btn::after{position:absolute;display: block;bottom: 0; content: '';width:71px;height: 9px;background: url('../images/newsNotice/arrow_img.png')no-repeat center center;background-size: 100% 100%;z-index: -1;transform: translateX(50px);transition: all 0.5s;}
#wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont .txt_box a{position: absolute;top: 0; left: 0; display: block;width: 100%;height: 100%;z-index: 1;}


/*소식 - 뉴스 뷰*/
#wrapper.news_view #wrap #sec01 .cont_wrap .title_box .list_btn{position: relative; display: block;width: 90px;height: 20px;margin-left: auto;}
#wrapper.news_view #wrap #sec01 .cont_wrap .title_box .list_btn::after{position: absolute; display: block;content: 'LIST';font-size: 18px;font-weight: bold;color: #222222;top: 50%;right: 0;transform: translate(-15px, -15px);}
#wrapper.news_view #wrap #sec01 .cont_wrap .title_box .list_btn .bar{display: block;width: 22px;height: 3px;background: #222222;}
#wrapper.news_view #wrap #sec01 .cont_wrap .title_box .list_btn .bar:nth-child(2){margin: 4px 0;}
#wrapper.news_view #wrap #sec01 .cont_wrap .content_wrap{padding: 55px 40px 0;border-top: 1px solid #222222;}
#wrapper.news_view #wrap #sec01 .cont_wrap .content_wrap .txt_box{padding-bottom: 40px;}
#wrapper.news_view #wrap #sec01 .cont_wrap .content_wrap .txt_box .title{padding-bottom: 40px;}
#wrapper.news_view #wrap #sec01 .cont_wrap .content_wrap .img_box{width: 100%;height: 100%;overflow: hidden;}
#wrapper.news_view #wrap #sec01 .cont_wrap .content_wrap .img_box .img_cont{width: auto;height: 100%;}
#wrapper.news_view #wrap #sec01 .cont_wrap .content_wrap .img_box .img_cont img{}
#wrapper.news_view #wrap #sec01 .cont_wrap .content_wrap .cont_text{padding:0 20px;}
#wrapper.news_view #wrap #sec01 .cont_wrap .content_wrap .cont_text p{font-size: 20px;font-weight: 400;word-break: keep-all;padding-top: 40px;}
#wrapper.news_view #wrap #sec01 .cont_wrap .content_wrap .cont_text .flie_box{display: flex;align-items: center; width: 100%;margin-top: 40px; padding:25px 40px;border: 1px solid #222222;}
#wrapper.news_view #wrap #sec01 .cont_wrap .content_wrap .cont_text .flie_box p{padding: 0 40px 0 0;}
#wrapper.news_view #wrap #sec01 .cont_wrap .content_wrap .cont_text .flie_box a{display: block;}
#wrapper.news_view #wrap #sec01 .cont_wrap .list_box{margin: 100px 0 0;border-top: 1px solid #C5C5C5;}
#wrapper.news_view #wrap #sec01 .cont_wrap .list_box ul{vertical-align: middle;}
#wrapper.news_view #wrap #sec01 .cont_wrap .list_box ul li{position: relative;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between; border-bottom: 1px solid #C5C5C5;}
#wrapper.news_view #wrap #sec01 .cont_wrap .list_box ul li p{display: inline-block;padding:40px 20px; text-align: center;}
#wrapper.news_view #wrap #sec01 .cont_wrap .list_box ul li p.prev{width: 10%;text-align: left; font-size: 17px;font-weight: 500;}
#wrapper.news_view #wrap #sec01 .cont_wrap .list_box ul li p.next{width: 10%;text-align: left; font-size: 17px;font-weight: 500;}
#wrapper.news_view #wrap #sec01 .cont_wrap .list_box ul li p.title{width: 100%; text-align: left;font-size: 18px;font-weight: 400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#wrapper.news_view #wrap #sec01 .cont_wrap .list_box ul li p.title .view_btn{position: absolute;display: block;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;}


@media screen and (max-width:1420px) {

    #wrapper #wrap{width: 100%;height: auto;}
    #wrapper #wrap .container{width: 100%;height: 100%;padding-bottom: 28.17vw;}
    #wrapper #wrap .container .section{height: auto;padding: 12.68vw 0 0;}
    #wrapper #wrap .container .section .cont_wrap{min-width: 100%;width: 100%;margin: 0 auto;padding: 0 3.40vw;}
    #wrapper #wrap .container .section .cont_wrap .title_box {width: 100%;}


    #wrapper .section .title_box{position: relative;text-align: center;width: 100%;}
    #wrapper .section .title_box.sm_line::after{ content: "";display: inline-block;width: 4.65vw;height: 1px;background-color: #1d1d1d;}
    #wrapper .section .title_box.left_title h2{text-align: left;}
    #wrapper .section .title_box.left_title p{text-align: left;margin-bottom: 5.42vw;}
    #wrapper .section .title_box > *{margin-bottom: 2.11vw;text-align: center;}
    #wrapper .section .title_box h2{line-height: 4.23vw;font-size: 3.38vw;font-weight: bold;}
    #wrapper .section .title_box .etc_txt {display: block; font-size: 1.69vw;line-height: 4.23vw;font-weight: 500;}
    #wrapper .section .title_box p{line-height: 2.11vw;font-size: 1.41vw;font-weight: 400;}


    /*sub -kv, gnb, 공통*/
    .main_KV {width: 100%; min-width: 100%; height: 44.14vw;}
    .main_KV .kv_wrapper {width: 100%; height: 100%;}
    .main_KV .kv_wrapper .kv_box {display: flex; width: 100%; height: 100%; background-image: url('../../@resource/images/about/m_about_kv01_new.png'); background-repeat: no-repeat; background-size:cover;background-position: center center;  margin: 0 auto;  padding: 0;}
    .main_KV .kv_wrapper .kv_box .kv_text { display:inline-flex; flex-direction: column; justify-content: center; align-items: flex-start;max-width: 90.14vw; height: 100%; margin: 0 auto;}
    #RD #wrapper #wrap .container .main_KV .kv_wrapper .kv_box .kv_text {max-width: 90.14vw;}
    .main_KV .kv_wrapper .kv_box .kv_text p { font-size: 1.27vw; line-height: 4.23vw; font-weight:bold; color: #fff;}
    .main_KV .kv_wrapper .kv_box .kv_text h2 { display:block;font-size: 3.38vw; line-height: 4.23vw; font-weight: bold; color: #fff;}
    .main_KV .btn_box {display: none;}
    .main_KV .btn_box {top: 50%;transform: translateY(-50%);width: 100%; }
    .main_KV .btn_box .btn {display: flex;}
    .main_KV .btn_box .btn span {margin: 0 2.25vw 0;font-size: 1.13vw; }
    .main_KV .btn_box .btn.next {right: 3.38vw; background: url('../images/about/next_btn.png') no-repeat right center;background-size: 1.69vw 1.69vw}
    .main_KV .btn_box .btn.prev {left: 3.38vw;background: url('../images/about/prev_btn.png') no-repeat left center; background-size: 1.69vw 1.69vw}
    #wrapper .section .title_box h2{line-height: 4.23vw;font-size: 3.38vw;font-weight: bold;}

    /* main */
    #main #wrapper #wrap .container .main_section{position: relative;width: 100%;overflow: hidden;}
    #main #wrapper #wrap .container .main_section .cont_wrap{min-width: 100%;}

    #main #wrapper #wrap .container .kv .kv_bg{position: relative;}
    #main #wrapper #wrap .container .kv .kv_bg .title_box{position: absolute;top:50%;left: 10%;color: #FFFFFF;transform:translate(0, -8.45vw); word-break: keep-all;}
    #main #wrapper #wrap .container .kv .kv_bg .title_box h1{padding-bottom: 3.24vw;font-size: 4.23vw;line-height: 5.07vw;}
    #main #wrapper #wrap .container .kv .kv_bg .title_box .sm_text{position: relative; font-size: 1.69vw; line-height: 2.54vw; letter-spacing: -0.025em;}
    #main #wrapper #wrap .container .kv .kv_bg .title_box .sm_text::after {content: ''; position: absolute; bottom: 0.35vw; right: 0; height: 1px; background-color: #fff;}
    #main #wrapper #wrap .container .kv .kv_bg.kv_bg01 .title_box .sm_text::after {width: 14.08vw;}
    #main #wrapper #wrap .container .kv .kv_bg.kv_bg02 .title_box .sm_text::after {width: 7.04vw;}
    #main #wrapper #wrap .container .kv .kv_bg.kv_bg03 .title_box .sm_text::after {width: 7.04vw;}
    #main #wrapper #wrap .container .kv .kv_bg.kv_bg04 .title_box .sm_text::after {width: 14.08vw;}
    #main #wrapper #wrap .container .kv .kv_bg.kv_bg01 .title_box {top: 40%; width: 70.42vw;}
    #main #wrapper #wrap .container .kv .kv_bg.kv_bg02 .title_box {width: 63.38vw;}
    #main #wrapper #wrap .container .kv .kv_bg.kv_bg03 .title_box {width: 63.38vw}
    #main #wrapper #wrap .container .kv .kv_bg.kv_bg04 .title_box {top:40%; width: 70.42vw;}    

    #main .ss{position: absolute;top: 50%;left: 50%;transform: translate(6.69vw, 13.02vw);z-index: 99;color: #FFFFFF;}

    #main #KV {}
    #main .main_slider {width: 100%;height: 100%;}
    #main .main_slider .bt_box{position: absolute;right: 50%;z-index: 5;display: flex;align-items: center;bottom: 2.57vw;left: 50%;margin-left: 7.04vw;height: auto;transform: translate(0);}
    #main .swiper-button-prev{position: unset;width: auto;height: auto;margin: 0;transform: translate(0);font-size: 0.98vw;font-weight: 600; color: #FFFFFF; background: unset;top: 50%;left: 50%;}
    #main .swiper-button-next{position: unset;width: auto;height: auto;margin: 0;transform: translate(0);font-size: 0.98vw;font-weight: 600; color: #FFFFFF; background: unset;top: 50%;left: 50%;}
    #main .ss{position: unset;width: auto;height: auto;margin: 0 0.56vw;transform: translate(0);}
    #main .swiper-pagination-bullets{bottom:25.49vw;left: 6.91vw;transform: translate(-5.71vw,13.23vw); width: 100%; height: 0.98vw; font-size: 0.98vw;font-weight: 600; color: #FFFFFF;}
    #main .swiper-container-horizontal > .swiper-pagination-bullets{position: absolute;bottom: 3.07vw;left: 0;height: auto;transform: translate(0);z-index: 2;width: 100%;}
    #main .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{position: relative;width: auto;height: auto;margin: 0 0.56vw;background: none;}
    #main .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::after{content: '';position: absolute;left: 0;bottom: 0.28vw;width: calc(100% - 1.05vw);height: 1px;margin-left: 1.05vw;background: rgba(255,255,255,0.3);overflow: hidden;}
    #main .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet .progress{position: absolute;left: 0;bottom: 0.28vw;width: 0;height: 1px;margin-left: 1.05vw;background: #ffffff;overflow: hidden;}
    #main .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 5.98vw;height: auto;text-align: left;}

    #main .vertical_dot {display: none;}

    #main #sec01 .cont_wrap{position: relative;min-width: 100%;height: 69.01vw;}
    #main #sec01 .cont_wrap .pro_btn_box{position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%,-100%);max-width: 100%;padding: 0 4.23vw;margin: 0 auto;}
    #main #sec01 .cont_wrap .pro_btn_box .pro_btn{padding: 1.54vw 0;}
    #main #sec01 .cont_wrap .pro_btn_box .pro_btn .sub_pg_go{display: none;}
    #main #sec01 .cont_wrap .pro_btn_box .pro_btn:first-child{padding-top:0;}
    #main #sec01 .cont_wrap .pro_btn_box .pro_btn:last-child{padding-bottom: 0;}
    #main #sec01 .cont_wrap .pro_btn_box .pro_btn .btn_box{display: flex;justify-content: flex-start;align-items: center;}
    #main #sec01 .cont_wrap .pro_btn_box .pro_btn .pro_btn_a{font-size: 2.53vw;font-weight: 600;color: #FFFFFF;margin-right: 1.40vw;}
    #main #sec01 .cont_wrap .pro_btn_box .pro_btn.on .sub_pg_go{display: block;width: 1.61vw;height: 1.61vw;}
    #main #sec01 .cont_wrap .pro_btn_box .pro_info_text{display: none; font-size: 1.26vw;line-height: 2.11vw;font-weight: 300;letter-spacing: 1px; padding-top: 1.05vw;margin-top: 1.40vw;color: #FFFFFF; border-top: 1px solid rgba(225, 225, 225, 0.2);}
    #main #sec01 .cont_wrap .pro_btn_box .pro_info_text.on{display: block;}
    #main #sec01 .cont_wrap .pro_bg_box{width: 100%;height: 69.01vw;}
    #main #sec01 .cont_wrap .pro_bg_box .pro_bg{width: 100%;height: 100%;background-size: auto 50%;overflow: hidden;}
    #main #sec01 .cont_wrap .pro_bg_box .bg_1{display: block; background: url('../../@resource/images/sec01_pro01.jpg') no-repeat right 23% bottom -15vw #115cb9;}
    #main #sec01 .cont_wrap .pro_bg_box .bg_2{display: none; background: url('../../@resource/images/sec01_pro02.jpg') no-repeat right 30% bottom -6vw #0f55aa;}
    #main #sec01 .cont_wrap .pro_bg_box .bg_3{display: none; background: url('../../@resource/images/sec01_pro03.jpg') no-repeat right 18% bottom -15vw #105ab3;}

    #main #sec02{width: 100%;height: 100%; background: url('../images/sec02_bg.jpg')no-repeat center center;background-size: 100% 100%;}
    #main #sec02 .cont_wrap{min-width: 100%; max-width: 100%;padding: 0 4.23vw;margin: 0 auto;}
    #main #sec02 .cont_wrap .title_box{width: 100%;margin: 0 auto 6.33vw;padding-top: 27.46vw; color: #FFFFFF;}
    #main #sec02 .cont_wrap .title_box h1{font-size: 2.53vw;font-weight: 600;padding-bottom: 3.16vw;}
    #main #sec02 .cont_wrap .title_box .sm_text{font-size: 1.26vw;font-weight: 400;}
    #main #sec02 .cont_wrap .info_group{position: relative;display: flex;flex-direction:column;flex-wrap: nowrap; justify-content: center;align-items: center; width: 100%;height: 22.52vw;margin: 0 auto 11.97vw;background: rgba(225, 225, 225, 0.17);}
    #main #sec02 .cont_wrap .info_group::after{position: absolute;top: 50%;left: 50%;transform: translate(-42vw, -0.32vw); display:block;content: '';width: 4.71vw;height:1px;background: #DDDDDD;}
    #main #sec02 .cont_wrap .info_group .info{display:flex; flex-direction: column;align-items: flex-start;justify-content: center; width: 100%; height: 100%;padding: 0 3.16vw;}
    #main #sec02 .cont_wrap .info_group .info span{color: #FFFFFF;}
    #main #sec02 .cont_wrap .info_group .info .title{display: block;font-size: 1.69vw;font-weight: 500;padding-bottom: 1.05vw;}
    #main #sec02 .cont_wrap .info_group .info .text{font-size: 1.27vw;font-weight: 300;letter-spacing: 0;line-height: 1.41vw;word-break: keep-all;}
    #main #sec02 .cont_wrap .info_group .info.group_1{}
    #main #sec02 .cont_wrap .info_group .info.group_2{}


    #main #sec03{width: 100%;padding: 25.35vw 0 0px; background: #FFFFFF;}
    #main #sec03 .cont_wrap{max-width: 100%;margin: 0 auto;}
    #main #sec03 .cont_wrap .main_box{position: relative;margin: 0 0 7.39vw}
    #main #sec03 .cont_wrap .main_box > div{}
    #main #sec03 .cont_wrap .main_box .title_box{position:absolute;top: 50%;left: 0;transform: translate(0,-4.92vw); font-size: 2.53vw;font-weight: 600;line-height: 2.81vw;text-align: left; z-index: 1;}
    #main #sec03 .cont_wrap .main_box .img_box{width: 74.64vw;height: 14.08vw;margin-left: auto;}
    #main #sec03 .cont_wrap .notice_list_box{display:block;padding-left: 21vw;}
    #main #sec03 .cont_wrap .notice_list_box .list{display: inline-block;width: 49%; padding: 0 0;}
    #main #sec03 .cont_wrap .notice_list_box .list:first-child{padding-left: 0;}
    #main #sec03 .cont_wrap .notice_list_box .list:last-child{padding-right: 0;}
    #main #sec03 .cont_wrap .notice_list_box .list .day_num{}
    #main #sec03 .cont_wrap .notice_list_box .list .day_num span{font-size: 0.98vw; font-weight: 400;}
    #main #sec03 .cont_wrap .notice_list_box .list .day_num span.tit{font-weight: 600;}
    #main #sec03 .cont_wrap .notice_list_box .list .day_num span.tit::after{display: inline-block;content: '';width: 1px;height: 0.63vw;margin: 0 0.35vw; background: #a8a8a8;}
    #main #sec03 .cont_wrap .notice_list_box .list .day_num span.tit.nw{color: #1e1e1e;}
    #main #sec03 .cont_wrap .notice_list_box .list .day_num span.tit.nt{color: #1473e6;}
    #main #sec03 .cont_wrap .notice_list_box .list .title{display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;width: 21.12vw; font-size: 1.69vw;font-weight: 500;margin: 2.11vw 0 4.22vw;}
    #main #sec03 .cont_wrap .notice_list_box .list .detail_li{}
    #main #sec03 .cont_wrap .notice_list_box .list .detail_li a{font-size: 0.99vw;font-weight: 300;}
    #main #sec03 .cont_wrap .notice_list_box .list .detail_li a::after{display: inline-block;content: '';width: 1.62vw;height: 0.49vw;background: url('../images/dt_arr.png') no-repeat center center;background-size: 100% 100%;transform: translateX(0.35vw);transition:all .2s;}
    #main #sec03 .cont_wrap .notice_list_box .list .detail_li a:hover::after{transform: translateX(1.05vw);transition:all .2s;}

    /* about */
    #wrapper.about #wrap .ic_img img {width: 100%;}
    #wrapper.about #wrap .sec01 {position: relative;}
    #wrapper.about #wrap .sec01 .cont_wrap {text-align: left;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box .img_box {display: flex;position: relative}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box .img_box img {width: 88vw;height: 100%;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box .img_box .num {margin-left: 1.82vw;font-size: 1.69vw;line-height: 2.54vw;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_01 .txt_box {width: 80vw; margin: 3.87vw 0 11.83vw;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_01 .img_box {position: relative;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_01 .num::after {content: "";display: inline-block;position: absolute; left: 0;top: 2.75vw;height: 1px;width: 100%;background: #222;z-index: -1;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_02 {display: flex;flex-direction: column;align-items: end;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_02 .txt_box {width: 80vw; margin: 3.87vw 8vw 11.83vw 0;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_01 .com,
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_02 .com {position: relative;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_01 .com::after {content:"";display: inline-block;border-bottom: 1px solid#222;position: absolute; bottom:-2.11vw;left: 0;width: 11%;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_02 .com::after {content:"";display: inline-block;border-bottom: 1px solid#222;position: absolute; bottom:-2.82vw;left: 0;width: 11%;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_02 .img_box .num {position: relative; margin-right: 2.82vw;margin-left: 0;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_02 .img_box .num::after {content: "";display: inline-block;position: absolute; left: 0;top: 2.75vw;height: 1px;width: 100%;background: #222;z-index: -1;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_03 .txt_box { margin: 6.69vw 0 6.69vw 40.76vw;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_03 .txt_box .title_h2 {font-size: 3.38vw; line-height: 4.23vw; letter-spacing: -0.025em;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_03 .img_box .num {position: relative;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_03 .img_box .num::after {content: "";display: inline-block;position: absolute; left: 0;top: 2.75vw;height: 1px;width: 100%;background: #222;z-index: -1;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_01 .txt_box .desc {margin-top: 5.07vw;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_02 .txt_box .desc {margin-top: 5.99vw;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_03 .txt_box .desc {margin-top: 5.28vw;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box .txt_box .com {font-size:1.69vw;line-height: 2.54vw;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box .txt_box .desc {font-size: 1.41vw;line-height: 2.11vw;}
    #wrapper.about #wrap .ic_img {background: url('../images/about/en_ft_img.png') no-repeat center;width: 100vw;height: 28.73vw;background-size: 100% 100%;}



    /*비전*/
    #wrapper #wrap.vision .container .section  .title_box {width: 100%;}
    #wrapper #wrap.vision .container #sec02 {width: 100%; height: 163.5vw;padding: 12.68vw 1.4vw 0;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap {position: relative; text-align: left;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box {position: absolute;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box .txt_box p.title {font-size: 1.69vw; line-height: 2.11vw; font-weight: bold;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box .txt_box p.sub {font-size: 1.41vw; line-height: 2.11vw; margin-top: 1.20vw;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box .txt_box p.side::before {content: ""; display: inline-block; width:1px; height: 3.52vw; background-color: #1d1d1d; margin: 2.82vw 0.35vw 0.63vw 0;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box .txt_box p.side {position:absolute; left: 50.70vw; width: 2.11vw; font-size: 0.99vw; line-height: 2.11vw; font-weight: bold; writing-mode:vertical-lr; padding-left: 4.93vw;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .img_box {position: relative;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .img_box .cl_btn {position: absolute;top: 0;left: 0;width: 4.93vw;height: 4.93vw;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_01 {top: 0; left: 0;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_01 .txt_box::before {content: ""; display: block; width:3.52vw; height: 1px; background-color: #1d1d1d; margin-bottom: 2.04vw;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_01 .img_box {position: relative; margin-top: 2.75vw;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_01 .img_box img {width: 54.86vw; height: 67.61vw;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_02 {top:28.17vw; right: 0;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_02 .txt_box::after {content: ""; display: block; width:3.52vw; height: 1px; background-color: #1d1d1d; margin-top: 2.89vw;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_02 .img_box {margin-bottom: 4.08vw;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_02 .img_box img {width: 36.55vw;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_03 {top: 117.25vw; right: 0; display: flex;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_03 .txt_box {display: inline-block; }
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_03 .txt_box::after {content: ""; display: block; width:3.52vw; height: 1px; background-color: #1d1d1d; margin-top: 2.89vw;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_03 .img_box { display: inline-block; margin-left:12.68vw;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_03 .img_box img {width: 56.34vw;}

    
    /*연혁*/
    #wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box {display: flex;margin-top: 10.56vw;}
    #wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box_02,
    #wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box_04 {display: flex;flex-direction: row-reverse;justify-content: space-between;width: 100%;}
    #wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box_01 .img_box,
    #wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box_03 .img_box,
    #wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box_05 .img_box {margin-right: 0;}
    #wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box_01 .txt_box,
    #wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box_03 .txt_box,
    #wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box_05 .txt_box {margin-left: 2.46vw;}
    #wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .contents .img_box img {width: 49.30vw;height: 49.30vw;}
    #wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .contents .txt_box {font-size: 1.41vw;line-height: 2.11vw;text-align: left;margin-top: 2.46vw;}
    #wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .contents .txt_box .num {font-size: 3.38vw;line-height: 2.11vw;}
    #wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .contents .txt_box .desc {position: relative; margin: 3.73vw 0 3.17vw;}
    #wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box_01 .txt_box .desc::after,
    #wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box_03 .txt_box .desc::after,
    #wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box_05 .txt_box .desc::after {content: "";position: absolute;bottom: -1.76vw;right: 0;width:74.65vw;border-bottom: 1px solid #000;}
    #wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box_02 .txt_box .desc::after,
    #wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box_04 .txt_box .desc::after {content: "";position: absolute;bottom: -1.76vw;left: 0;width:74.65vw;border-bottom: 1px solid #000;}


    /*오시는길*/
    #wrapper #wrap.location .container #sec02 {padding-top: 7.46vw;}
    #wrapper #wrap.location .container #sec02 .cont_wrap img {width: 100%; height: 100%;}
    #wrapper #wrap.location .container #sec03 {padding-top: 10.70vw;}
    #wrapper #wrap.location .container #sec03 .cont_wrap {display: flex; justify-content: center; align-self:flex-start;}
    #wrapper #wrap.location .container #sec03 .cont_wrap .title_box {display: inline-block; margin-right: 0;width: 37.77vw;}
    #wrapper #wrap.location .container #sec03 .cont_wrap .title_box h3 {font-size: 3.38vw; line-height: 4.23vw; font-weight: 600;white-space: nowrap;text-align: left;}
    #wrapper #wrap.location .container #sec03 .cont_wrap .content_box {display: block; border-bottom: 1px solid #1d1d1d;}
    #wrapper #wrap.location .container #sec03 .cont_wrap .txt_box p.title { font-size: 1.69vw; line-height: 4.23vw; font-weight: bold;}
    #wrapper #wrap.location .container #sec03 .cont_wrap .txt_box p.sub {margin-top: 2.82vw; font-size: 1.41vw; line-height: 2.54vw; letter-spacing: 0.1px; }
    #wrapper #wrap.location .container #sec03 .cont_wrap .txt_box .address_copy {margin-top:1.27vw;line-height: 2.11vw;}
    #wrapper #wrap.location .container #sec03 .cont_wrap .txt_box .address_copy a{display:block;width: auto; color: #1473e6; font-size: 1.41vw; line-height: 2.11vw;}
    #wrapper #wrap.location .container #sec03 .cont_wrap .txt_box p.title_call {margin: 5vw 0 0.42vw 0;}
    #wrapper #wrap.location .container #sec03 .cont_wrap .txt_box ul.sub_call {margin-bottom: 0.92vw;}
    #wrapper #wrap.location .container #sec03 .cont_wrap .txt_box ul.sub_call li {display: inline-block; margin-right: 2.20vw; font-size: 1.41vw; line-height: 2.54vw; }
    #wrapper #wrap.location .container #sec03 .cont_wrap .txt_box ul.sub_call li:last-child {margin-right: 0; }
    #wrapper #wrap.location .container #sec03 .cont_wrap .content_box_02 {margin-top: 2.11vw;}
    #wrapper #wrap.location .container #sec03 .cont_wrap .content_box_03 {border: none; margin-top: 2.11vw;}


    /* ehics */
    #wrapper.ethics #wrap #sec01 {}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .title_wrap {margin: 0 auto 13.38vw;}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap h2 {font-size: 3.38vw;line-height: 4.23vw;}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .title_wrap .com { font-size: 1.69vw;line-height: 2.54vw;margin-top: 3.87vw;}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .title_wrap .com::after {bottom: -4.58vw;left: 50%;width: 5%; transform: translateX(-50%); border-bottom: 1px solid #000;}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box {padding-top:10.56vw;}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box_02{padding-top: 0;}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box_01 .img_box {margin-bottom: 3.52vw;background: url('../../@resource/images/about/en_ethics_ic01.png') no-repeat;width: 100%;height: 24.08vw;background-size: 100% 100%}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box_01 .img_box img {width: 100%;}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box_02 .img_box {margin-bottom:7.04vw;}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box_02 .txt_box {margin-bottom:7.39vw;}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box_02 .txt_box .com {font-size: 1.41vw;line-height: 2.54vw;letter-spacing: -0.01vw;}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box_02 .txt_box h2 {margin-bottom:7.39vw;}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box_03 .img_box {background: url('../../@resource/images/about/en_ethics_ic02.png') no-repeat;width: 100%;height: 29.79vw;background-size: 100% 100%;}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box .download {width: 36.48vw;height: 5.85vw;margin: 0 auto 0;}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box .cyber {width:  36.48vw;height: 5.85vw;margin: 7.39vw auto 0;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .title_box{margin-bottom: 9.15vw;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .title_box h2{font-size:3.38vw;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .title_box p.com{ font-size: 1.69vw;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .title_box p.com::after {bottom: -4.58vw;left: 50%;width: 4.58vw; transform: translateX(-50%); border-bottom: 1px solid #000;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method{margin: 0;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method .text_box .line2{width:60.21vw;height: 1px;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method .text_box .pd_title{font-size: 3.38vw;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method .text_box .pd_text{font-size: 1.41vw; word-break: keep-all;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method .text_box .pd_text.txt01{padding:2.82vw 0;font-size: 1.69vw;line-height: 2.54vw;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method .text_box .pd_text.txt02{padding:2.82vw 0 0;font-size: 1.41vw;line-height: 2.11vw;letter-spacing: -0.02vw;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method.pro_method_03{margin: 11.62vw 0;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method.pro_method_03 .text_box {padding-left: 2.82vw;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method.pro_method_03 .text_box .line2 {right:0;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method.pro_method_04 .text_box {padding-right: 2.82vw;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method.pro_method_04 .text_box .txt02 br {display: none;}
    #wrapper.ethics #wrap .container_2 #sec02.section {margin-top: 0;}
    #wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap h2 {font-size: 3.38vw;line-height: 4.23vw;margin-bottom: 3.17vw;}
    #wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap .inner_txt {padding-top: 2.46vw;}
    #wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap .inner_txt::before {top: 0;left: 0;width: 100%; border-top: 1px solid #222222;}
    #wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap .inner_txt ul {padding: 2.82vw 2.82vw 3.17vw;background: #fcfcfc;}
    #wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap .inner_txt ul li {font-size: 1.41vw;margin-bottom: 2.11vw;}
    #wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap .inner_txt ul li p {padding-left: 1.20vw}
    #wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap .inner_txt ul li:last-child {margin-bottom: 0;line-height: 1.6;}
    #wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap .agree_btn {margin-top: 4.58vw;}
    #wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap .agree_btn a {width: 36.62vw;height: 5.99vw;line-height: 5.99vw; font-size: 1.69vw;}
    #wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap .agree_btn a.agree_no {margin-right: 0.63vw;border:1px solid #222222}
    #wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap .agree_btn a.agree_y {background: #327ee8;}

    #wrapper.ethics_3 .field {width: 100%;min-width: 100%;}
    #wrapper.ethics_3 #layer {display:block;position:absolute;overflow:hidden;top: 50%;left: 50%;transform: translate(-95%,9%);z-index:10;-webkit-overflow-scrolling:touch;}
    #wrapper.ethics_3 #layer #btnCloseLayer{width: 1.41vw;height: 1.41vw; cursor:pointer;position:absolute;right:0;top:0;z-index:1;}
    #wrapper.ethics_3 #wrap .container_2 #sec01.section {padding-top: 0;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap {margin-top: 7.04vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form_title {margin-bottom: 2.82vw;font-size: 3.38vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .title {border-top: 1px solid #222;padding-top: 2.82vw;padding-left: 1.41vw; margin-bottom: 2.46vw;font-size: 1.41vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_container {border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;padding-bottom: 0.70vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap {align-items: center; padding: 0.70vw 0 0.70vw 0;border-bottom: 1px solid #d3d3d3;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap:last-child {border-bottom: 1px solid #d3d3d3;padding-bottom: 13.38vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap textarea {resize: none;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form label { width: 15.49vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap label[for=file_name] {width: 13.38vw;height: 4.23vw;line-height: 4.23vw;border: 1px solid #222;font-size: 1.27vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap label span {margin-right: 0.70vw;font-size: 1.69vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap input[type=text],
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap input[type=tel],
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap input[type=email] {width: calc(100% - 15.49vw);background: #f6f6f6;height: 4.23vw;padding: 1.41vw;font-size: 1.41vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form {align-items: baseline;padding-top: 0.70vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form .add_input {width: calc(100% - 15.49vw);}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form input[type=button] {cursor: pointer;margin-left: 0.70vw; width: 13.38vw;border: 1px solid #222;background: none;font-size: 1.27vw;line-height: 1.3;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form input {background: #f6f6f6;height: 4.23vw;font-size: 1.41vw;padding: 1.41vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form #sample2_postcode {width: 45.07vw;margin-top:0.70vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form .address_w,
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form #sample2_address{width: 100%;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form .address_w:last-child {margin-bottom: 0.70vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form .bd_wrap {width:100%;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form .bd_wrap .bd {width: 100%; padding-top: 0.42vw; border-top: 1px solid #d3d3d3;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap input::placeholder {font-size: 1.41vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap textarea {width: 82vw;height: 21.13vw; background: #f6f6f6;padding: 1.41vw;font-size: 1.41vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap label[for=fileName]{width: 13.38vw;height: 4.23vw;line-height: 4.23vw; border: 1px solid #222;font-size: 1.27vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap.file_box {align-items: center;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap.file_box input[type=text]{width: 68vw;margin-left:0.70vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files {border: none;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .txt_box {padding: 2.46vw 0 1.76vw 15.14vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .txt_box p{font-size: 1.12vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .file_box #fileVal {position: relative;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .file_box #fileVal span {position: absolute;top: 50%;left: 3%;transform: translateY(-50%); color: #ccc;font-weight: 300;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .file_box .close {top: 50%;right: 1.41vw;transform: translateY(-50%);width: 1.41vw;height: 1.41vw; cursor: pointer;opacity: 0;transition: .5s;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .file_box .close.on {opacity: 1;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .file_box .close span {top: 50%;right: 0; width: 1.06vw;height: 1px;background: #aaa;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .file_box .close span.line01 {transform: rotate(45deg)}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .file_box .close span.line02 {transform: rotate(-45deg)}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .file_btn {margin-top: 4.23vw; font-size: 0;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .file_btn a { width: 36.62vw;height: 5.99vw;font-size: 1.69vw;line-height: 5.99vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .file_btn a.reset {border: 1px solid #222;margin-right: 0.70vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .file_btn a.report {background: #327ee8;}

    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .check_box label {padding-top: 5px;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .check_box label.chk_w {width: auto;padding: 7px 0 0;display: flex;justify-content: center;align-items: center;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .check_box input[type="checkbox"] + label span {top: 0;width: 1.55vw;height: 1.55vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .check_box input[type="checkbox"]:checked + label span::after{width: 0.77vw;height: 0.77vw;}
    /* #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .check_box .chk_w p {font-size: 0.98vw;} */


    /*제품소개 공통*/
    #products #sec01 .cont_wrap .pro_method .text_box .line2{width: 100%;height: 1px;}
    #products #sec01 .cont_wrap .pro_method{margin-top: 10.17vw;}


    /*제품소개 - 엔드플레이트*/
    #wrapper.products #sec01 .cont_wrap .pro_box.pro01{padding-top: 9.15vw;}
    #wrapper.products #sec01 .cont_wrap .pro_box .text_box .pd_title .line{margin-left: 1.41vw; width: 9.15vw;height: 1px;}
    #wrapper.products #sec01 .cont_wrap .pro_box.pro01 .pro_img{width: 100.00vw;height: 57.18vw;margin: 0 auto;}
    #wrapper.products #sec01 .cont_wrap .pro_box.pro02 .pro_img{width: 69.23vw;height: 33.17vw;margin: 0 auto;}
    #wrapper.products #wrap .container #sec01 {width: 100%;}
    #wrapper.products #wrap .container #sec01 .cont_wrap {width: 100%; min-width: 100%; text-align: left;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .title_box {width: 100%;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .pro_box.pro01 .pro_img { width: 100%;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .pro_box .text_box {width: 100%; margin: 0 auto;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .pro_box .text_box .pd_title {padding-bottom: 3.20vw;font-size:1.69vw;/* padding-top: 3.53vw; */}
    #wrapper.products #wrap .container #sec01 .cont_wrap .pro_box.pro01 .text_box {margin-bottom: 3.53vw;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .pro_method .text_box .pd_title{font-size: 3.38vw;font-weight: 600;color: #222222;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .pro_method .text_box .pd_text{font-size: 1.40vw;font-weight: 400;color:#1d1d1d; word-break: keep-all;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .pro_method .text_box .pd_text.txt01{padding:3.52vw 0;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .pro_method .text_box .pd_text.txt02{padding:3.52vw 0 0;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .pro_box .text_box .pd_title .line {display: block; margin: 3.2vw 0 0 0;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .text_box {width: 100%;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .pro_method {width: 100%; display: block;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .pro_method .pro_img {width: 100%; height: 49.3vw; margin: 0 auto;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .pro_method .pro_img img  { height: 100%;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .pro_method .text_box {padding: 0; margin-top: 3.52vw;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .pro_method .text_box .line2 {position: relative; display: inline-block; margin: 0 auto;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .pro_method_02 {display: flex; flex-direction: column-reverse;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .pro_method_02 .text_box .pd_text.txt02 {padding-bottom: 3.52vw;}
    #wrapper.products #wrap #page_menu {display: none;}



    /*제품소개 - 제품경쟁력*/
    #products #sec01 .cont_img.cont_img_01{padding-top: 9.15vw;}
    #products #sec01 .cont_wrap .pro_method:nth-child(2n-1) .text_box{padding-right: 2.82vw;}
    #products #sec01 .cont_wrap .pro_method.pro_method_03 .text_box .line2, #products #sec01 .cont_wrap .pro_method.pro_method_05 .text_box .line2{right:0;}
    #products #sec01 .cont_wrap .pro_method.pro_method_04 .text_box .line2{left:0;}
    #products #sec01 .cont_wrap .pro_method.pro_method_04 .pro_img{margin: 0 0 0 1.41vw;}
    #products #sec01 .cont_wrap .pro_method.pro_method_05{margin-bottom: 28.17vw;}

    #wrapper.competi #wrap .container #sec01 {width: 100%;}
    #wrapper.competi #wrap .container #sec01 .cont_wrap {width: 100%; min-width: 100%; text-align: left;}
    #wrapper.competi #wrap .container #sec01 .cont_wrap .title_box {width: 100%;}
    #wrapper.competi #wrap .container #sec01 .cont_wrap .pro_box.pro01 .pro_img { width: 100%;}
    #wrapper.competi #wrap .container #sec01 .cont_wrap .pro_box .text_box {width: 100%; margin: 0 auto;}
    #wrapper.competi #wrap .container #sec01 .cont_wrap .pro_box.pro01 .text_box {margin-bottom: 3.53vw;}
    #wrapper.competi #wrap .container #sec01 .cont_wrap .pro_box.pro02 .pd_title {padding-top: 3.53vw;}
    #wrapper.competi #wrap .container #sec01 .cont_wrap .pro_box .text_box .pd_title .line {display: block; margin: 3.2vw 0 0 0;}
    #wrapper.competi #wrap .container #sec01 .cont_wrap .text_box {width: 100%;}
    #wrapper.competi #wrap .container #sec01 .cont_wrap .pro_method {width: 100%; display: block;}
    #wrapper.competi #wrap .container #sec01 .cont_wrap .pro_method .pro_img {width: 100%; height: 49.3vw; margin: 0 auto;}
    #wrapper.competi #wrap .container #sec01 .cont_wrap .pro_method .pro_img img  {height: 100%;}
    #wrapper.competi #wrap .container #sec01 .cont_wrap .pro_method .text_box {padding: 0; margin-top: 3.52vw;}
    #wrapper.competi #wrap .container #sec01 .cont_wrap .pro_method .text_box .line2 {position: relative; display: inline-block; margin: 0 auto;}
    #wrapper.competi #wrap .container #sec01 .cont_wrap .pro_method_04 {display: flex; flex-direction: column-reverse;}


    /*R&D - 연구소 소개*/
    #wrapper #wrap.laboratory .container #sec02 {padding-top: 9.51vw;}
    #wrapper #wrap.laboratory .container #sec02 .cont_wrap {width: 100%; margin: 0 auto;}
    #wrapper #wrap.laboratory .container #sec02 .cont_wrap img {width: 100%; height: 35.21vw;}
    #wrapper #wrap.laboratory .container #sec03 {height: 185.21vw; padding-top: 9.15vw;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap {width: 100%; height: 100%; margin: 0 auto; position: relative;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box {position: absolute;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box .txt_box p.title{font-size: 1.69vw; line-height: 2.11vw; font-weight: bold;margin-bottom: 2.11vw;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box .txt_box p.sub {font-size: 1.41vw; line-height: 2.11vw;margin-bottom: 0;margin-top: 1.83vw;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box .txt_box p.side::before {content: ""; display: inline-block; width:1px; height: 3.52vw; background-color: #1d1d1d; margin: 2.82vw 0.35vw 0.63vw 0;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box .txt_box p.side {position:absolute; width: 2.11vw; height: 17.61vw; font-size: 0.99vw; line-height: 2.11vw; font-weight: bold; writing-mode:vertical-lr; box-sizing: border-box; }
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box .img_box {margin-top: 2.68vw;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_01 {top: 0; left: 0;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_01 .txt_box::before {content:""; display: inline-block; width: 3.52vw; height: 1px; background-color: #1d1d1d; margin-bottom: 2.04vw;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_01 .txt_box p.side {left: 64.08vw; padding-left: 4.93vw;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_01 .imgbox img {width: 67.61vw; height: 32.39vw;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_02 {top: 61.34vw; right: 0;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_02 .txt_box p.side {top:0; left: 0; margin-left: -3.52vw;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_02 .txt_box,
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_03 .txt_box {margin-top: 3.94vw;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_02 .txt_box::after,
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_03 .txt_box::after {content:""; display: inline-block; width: 3.52vw; height: 1px; background-color: #1d1d1d; margin-top: 2.04vw;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_03 {top: 123.73vw; left: 0;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_03 .txt_box {width: 35.21vw; margin-left: 25.35vw;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_03 .txt_box p.side {top:0; right: 0; margin-right: -3.52vw;}

    #wrapper #wrap.laboratory .container .main_KV .btn_box {display: none;}
    #wrapper #wrap.laboratory .container .section {width: 100%;}
    #wrapper #wrap.laboratory .container .section .cont_wrap {width: 100%; min-width: 100%; text-align: left;}
    #wrapper #wrap.laboratory .container #sec02 {padding-top: 3.80vw;}
    #wrapper #wrap.laboratory .container #sec03 {height: auto;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box {position: relative; top: 0; left: 0; width: 100%; margin: 0 auto;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box .txt_box {margin-top: 3.52vw;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_01 {display: flex; flex-direction: column-reverse;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_01 {display: flex; flex-direction: column-reverse;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_02, 
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_03,
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_04{padding-top: 15.42vw;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_02 .txt_box {padding-left: 4.92vw;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_01 .txt_box ,#wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_03 .txt_box {padding-right: 4.92vw;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_03 .txt_box {width: 100%; margin-left: 0;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_01 .txt_box::before {display: none;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_01 .txt_box::after {content: "";display: inline-block;width: 3.52vw;height: 1px;background-color: #1d1d1d;margin-top: 2.82vw;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box .txt_box p.sub br {display: none;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box .img_box {margin-top: 0;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_04 .content_list_wrap {flex-wrap: wrap; gap: 15.42vw;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_04 .content_list_wrap .content_list .txt_box {margin-top: 3.52vw;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_04 .content_list_wrap  .content_list{width: 100%;}

    /*R&D - 엔드플레이트*/
    #wrapper #wrap.rd_end_plate .container #sec02{padding-top: 6.76vw;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox{display: flex;flex-direction: column;align-items: start;width: 100%;margin-bottom: 15.49vw;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_2{margin-top: 8.80vw;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_3{align-items: end;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_4{margin-bottom: 0;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox > div{width: 71.90vw;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox > div h1{line-height: 2.11vw;font-size: 1.69vw;margin-top: 2.82vw;letter-spacing: -0.02vw;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox > div p{line-height: 2.11vw;font-size: 1.41vw;margin-top: 2.82vw;letter-spacing: -0.02vw;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox > div p::after{display: block;content: '';width: 4.65vw;height: 1px;background: #222222;margin-top: 2.82vw;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_2 > div h1::before{display: block;content: '';width: 4.65vw;height: 1px;background: #222222;margin-bottom: 2.11vw;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_2 > div p::after{content: none;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_4 > div .cont_text_box{padding-left: 25.35vw;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_2 > div h1{margin: 2.82vw 0 0 0;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_2 > div p {margin-top: 2.82vw;}

    #wrapper #wrap.rd_end_plate .container .section {width: 100%;}
    #wrapper #wrap.rd_end_plate .container .section .cont_wrap {width: 100%; min-width: 100%; text-align: left; padding: 0 1.4vw;}
    #wrapper #wrap.rd_end_plate .container #sec02 {padding-top: 3.80vw;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox {margin-bottom: 15.42vw;}

    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox > div {width: 100%; margin: 0 auto;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox> div p br {display: none;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_2 >div {display: flex; flex-direction: column-reverse;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_2 {margin-top: 16.15vw}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_4,
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_5 {margin-bottom: 15.42vw;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_2 > div h1::before { display:none;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox > div p::after {width: 3.52vw;height: 1px;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_2 > div p::after { display: block;content: '';width: 3.52vw;height: 1px;background: #222222;margin-top: 2.11vw;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_3 > div > .cont_text_box,
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_5 > div .cont_text_box{ padding-left: 4.90vw;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_4 > div > .cont_text_box,
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_6 > div .cont_text_box { padding-left: 0;}

    /*R&D - 전기차베터리*/
    #wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap{padding-top: 3.8vw;}
    #wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .content_box_01 .img_box {margin-bottom: 10.56vw;}
    #wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .content_box_02 .img_box {margin-bottom:13.03vw;}
    #wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .content_box_02 .txt_box .com {font-size: 1.41vw;line-height: 2.54vw;letter-spacing: -0.01vw;margin-bottom:9.86vw;}
    #wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .content_box_02 .txt_box h2 {position: relative; margin-bottom:2.82vw;font-size: 1.69vw;line-height: 2.11vw;}
    #wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .content_box_02 .txt_box h2::before {content:"";position: absolute;top: -2.11vw;left: 0;border-top: 1px solid #000;width: 3.17vw;}
    #wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .content_box_02 .txt_box strong {display: block; font-size: 1.41vw;line-height: 2.11vw;margin-bottom: 2.25vw;}
    #wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .content_box_03 {margin-top: 29.58vw;margin-bottom: 31.69vw;}

    #wrapper #wrap.ec_battery .container .section {width: 100%;}
    #wrapper #wrap.ec_battery .container .section .cont_wrap {width: 100%; min-width: 100%; text-align: left;}
    #wrapper #wrap.ec_battery .container #sec01 .cont_wrap .content_wrap .content_box {margin-top: 0;}
    #wrapper #wrap.ec_battery .container #sec01 .cont_wrap .content_wrap .content_box_02 .txt_box h2::before {width: 3.52vw; height: 1px;}


    /*R&D - 엔드플레이트에서 전기배터리로 이동한 부분 따로*/
    #wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .contBox > div {border:0px #f50 solid; width: 100%; margin: 0 auto;}
    #wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .contBox.cont_box_2 > div h1::before { display:none;}
    #wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .contBox > div p::after {width: 3.52vw;height: 1px;}
/*     #wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .contBox.cont_box_5 > div p::after { display: block;content: '';width: 3.52vw;height: 1px;background: #222222;margin-top: 2.11vw;}        */
	#wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .contBox.cont_box_5{border:0px #f50 solid; align-items: end; margin-top: 125px; margin-bottom: 150px; margin-left:0px;}
	#wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .contBox.cont_box_6{border:0px #f50 solid; margin-bottom: 0;}
	#wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .contBox.cont_box_5 > div .cont_text_box{ padding-left: 4.90vw;}
    #wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .contBox.cont_box_6 > div .cont_text_box { padding-left: 0;}
    #wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .contBox.cont_box_6 > div .cont_text_box p{ font-size:2.67vw; line-height: 4.00vw;}

		
	/*투자정보 - 재무정보*/
    #investment .table_box{}
    #investment .table_box > span{display: block;text-align: right;line-height: 2.11vw;font-size: 1.41vw;color: #222222;}
    #investment .table_box > table{width: 100%;border-top: 1px solid #222222;margin: 1.41vw 0 2.82vw;}
    #investment .table_box > table tr{border-bottom: 1px solid #cccccc;}
    #investment .table_box > table tr > *{letter-spacing: -0.02vw;font-size: 1.41vw;text-align: center;}
    #investment .table_box > table tr th{padding: 1.55vw 0;font-weight: bold;}
    #investment .table_box > table tr th span{display: block;border-right: 1px solid #222222;}
    #investment .table_box > table tr th:last-child span{border-right: 0px;}
    #investment .table_box > table tr td{padding: 1.76vw 3.17vw;text-align: right;}
    #investment .table_box > table tr td:first-child{text-align: left;}

    #investment .table_box > table tr.tb_title{background: #f6f6f6;}
    #investment .table_box > table tr.tb_title td{font-weight: bold;}
    #investment .table_box > table tr.tb_title td:first-child{padding-left: 1.62vw;}

    #investment .table_box > table tr.tb_total{background: #1473e6;}
    #investment .table_box > table tr.tb_total td{font-weight: bold;color: #ffffff;}
    #investment .table_box > table tr.tb_total td:first-child{padding-left: 1.62vw;}

    #investment .table_box.table_2 > table tr.tb_title td{font-weight: 400;}
    #investment .table_box.table_2 > table tr td:first-child{padding-left: 1.62vw;font-weight: bold;}

    #wrapper #wrap.finance .container .section .cont_wrap .table_box table {min-width: 100%;}


    /*투자정보 - 공시자료*/
    #wrapper #wrap.disdata .container .section .cont_wrap .table_box table {min-width: 100%;}

    /*인재채용 - 인재상*/
    #wrapper.talented {}
    #wrapper.talented #wrap .container .section .cont_wrap .cont_img {width: 100%; height: auto; margin: 7.54vw auto 0;}

    /*인재채용 - 인사제도*/
    #wrapper.recruitment {}
    #wrapper.recruitment #wrap .container .section .cont_img {width: 100%; height: auto; margin: 4.93vw auto 0;}
    #wrapper.recruitment #wrap .container .section .cont02 {margin-top: 16.20vw;}
    #wrapper.recruitment #wrap .container .section .cont03 {margin-top: 27.82vw;}
    #wrapper.recruitment #wrap .container .section .cont02 .cont_img {width: 100%; height: auto; margin: 4.93vw auto 0;}
    #wrapper.recruitment #wrap .container .section .cont03 .cont_img {width: 100%; height: auto; margin: 4.93vw auto 0;}

    /*소식 -뉴스 리스트, 공지사항 공통 부분*/
    #wrapper.news #wrap #sec01 .cont_wrap .content_wrap .content_box {margin-top: 10.56vw;}
    #wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list {position: relative; display: block;}
    #wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .top_list_btn{display: block;position: absolute;width: 100%;height: 100%;}
    #wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .img_box{width: 38.03vw;height: 38.03vw;overflow: hidden;display: flex;justify-content: center;overflow: hidden;}
    #wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .img_box img{width: auto;height: 100%;}
    #wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box {width: 100%;margin-top: 2.46vw;padding-left: 0; font-size: 1.41vw;line-height: 2.11vw;text-align: left;}
    #wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .title{line-height: 3.38vw; word-break: keep-all;}
    #wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .day_txt {position: relative; margin: 7.04vw 0 4.23vw;font-size: 1.27vw;line-height: 2.11vw;}
    #wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .day_txt::after{content: "";position: absolute;bottom: -2.11vw;right:0;width: 100%;border-bottom: 1px solid #000;}
    #wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info p{margin-bottom: 2.46vw;font-size: 1.41vw;line-height: 2.11vw;font-weight: 400;word-break: keep-all;}
    #wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info p:last-child{margin-bottom: 0px;}

    #wrapper.news #wrap #sec01 .cont_wrap .content_wrap .page_arrow_btn{display: flex;width: 100%;justify-content: space-between;align-items: center;}
    #wrapper.news #wrap #sec01 .cont_wrap .content_wrap .page_arrow_btn a{font-size: 1.27vw; display: block;}

    /*소식 - 공지사항*/
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .img_box img {width: 100%;height:auto;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box {position:relative;width:100%;margin-top: 2.46vw;padding-left: 0; font-size: 1.41vw;line-height: 2.11vw;text-align: left;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .title{padding-left: 2.82vw; line-height: 3.38vw; word-break: keep-all;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .day_txt {margin: 7.04vw 0 4.23vw;padding-left: 2.82vw; font-size: 1.27vw;line-height: 2.11vw;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .day_txt::after{content: "";position: absolute;bottom: -2.11vw;right:0;width:100%;border-bottom: 1px solid #000;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info{padding-left: 2.82vw;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info .cont_view{display: none;width: 56.34vw;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info .cont_view img{max-width: 38.02vw;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info p{width: 56.34vw; display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: unset;margin-bottom: 2.46vw;font-size: 1.41vw;line-height: 2.11vw;font-weight: 400;word-break: keep-all;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info p.sub_title{width: 56.34vw; display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 2.46vw;font-size: 1.41vw;line-height: 2.11vw;font-weight: 400;word-break: keep-all;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info .flie_box{display: flex;align-items: center;width: 100%;margin-top: 2.82vw;padding: 1.76vw 2.82vw;border: 1px solid #222222;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info .flie_box p{padding: 0 2.82vw 0 0;margin: 0;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info .flie_box a{display: block;}

    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap{border-top: 1px solid #222222;padding: 2.82vw 0;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box{padding: 4.23vw 2.82vw 4.58vw;border-bottom: 1px solid #d3d3d3;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box:first-child{padding-top: 1.41vw;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box a .title_box{display: flex;justify-content: space-between;align-items: flex-start;padding-bottom: 3.87vw;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box a .title_box .title{display:-webkit-box;overflow: hidden; text-overflow: ellipsis;-webkit-box-orient:vertical; -webkit-line-clamp:1; width: 56.34vw;text-align: left;font-size: 1.69vw;line-height: 2.11vw;margin-bottom: 0;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box a .title_box .day_txt{font-size: 1.27vw;line-height: 2.11vw;margin-bottom: 0;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box .cont_box{}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box .cont_box p{font-size: 1.41vw;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box .cont_box p.sub_title{width: 100%;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;font-size: 1.41vw;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box .cont_box .cont_view{display: none; padding-top: 1.76vw;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box .cont_box .cont_view .flie_box{display: flex;align-items: center; width: 100%;margin-top: 2.82vw; padding:1.76vw 2.82vw;border: 1px solid #222222;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box .cont_box .cont_view .flie_box p{padding: 0 2.82vw 0 0;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box .cont_box .cont_view .flie_box a{display: block;font-size: 1.12vw;font-weight: 400;}


    /*소식 - 뉴스리스트*/
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap {}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list{border-top: 1px solid #222222;padding: 2.82vw 0;}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box{width: 100%;margin-bottom: 2.82vw;padding-bottom: 2.82vw;border-bottom: 1px solid #d3d3d3;}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box:last-child{margin-bottom: 0px;}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont{display: flex;width: 100%;}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont:first-child{padding-top: 0;}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont:last-child{padding-bottom: 0;border-bottom: none;}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont .img_box{display: flex;justify-content: center; width: 23.94vw;height: 23.94vw;overflow: hidden;}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont .img_box img{width:100%;height: auto;}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont .txt_box{padding-top: 1.76vw;}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont .txt_box .title{display: -webkit-box; width: 70.24vw;height: auto;overflow: hidden; text-overflow: ellipsis;-webkit-box-orient:vertical; -webkit-line-clamp:2; font-size: 1.41vw;line-height: 2.11vw;word-break:keep-all;}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont .txt_box .news_info{display: -webkit-box; width: 70.24vw;height: auto;overflow: hidden; text-overflow: ellipsis;/* white-space: nowrap; */-webkit-box-orient:vertical; -webkit-line-clamp:3;font-size: 1.41vw;line-height: 2.11vw;margin: 2.11vw 0 5.63vw;word-break:keep-all;}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont .txt_box .more_btn{position: relative; width: 5.00vw; font-size: 0.85vw;}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont .txt_box .more_btn.more_btn::after{position:absolute;display: block;bottom: 0; content: '';width:5.00vw;height: 0.63vw;background: url('../../@resource/images/newsNotice/arrow_img.png')no-repeat center center;background-size: 100% 100%;z-index: -1;}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont .txt_box .more_btn a{display: block;width: 100%;height: 100%;z-index: 1;}


    /*소식 - 뉴스 뷰*/
    #wrapper.news_view #wrap .container .kv_box img {height: 100%;}
    #wrapper.news_view #wrap .container .gnb_box {padding: 0 1.4vw; border-top: 1px solid #e1e1e1;}
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .title_box .list_btn {width: 6.34vw; height: 1.41vw;}
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .title_box .list_btn .bar {width: 1.55vw; height: 0.21vw;}
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .title_box .list_btn .bar:nth-child(2) {margin: 0.28vw 0;}
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .title_box .list_btn::after {font-size: 1.27vw; transform: translate(-1.06vw, -1.06vw);}
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .content_wrap {padding: 3.87vw 2.82vw 0; border-top: 1px solid #222222;}
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .content_wrap .txt_box {padding-bottom: 2.82vw;}
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .content_wrap .txt_box .title {padding-bottom: 2.82vw;}
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .content_wrap .cont_text {padding: 0 1.41vw;}
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .content_wrap .cont_text p {font-size: 1.41vw; padding-top: 2.82vw;}
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .list_box {margin: 7.04vw 0 0; border-top: 1px solid #c5c5c5;}
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .list_box ul li p {padding: 2.82vw 1.41vw;}
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .list_box ul li p.prev,
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .list_box ul li p.next {font-size: 1.20vw;}
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .list_box ul li p.title {font-size: 1.27vw;}
    #wrapper.news_view #wrap #page_menu {display: none;}

    #wrapper.news_view #wrap #sec01 .cont_wrap .content_wrap .cont_text .flie_box{width: 100%;padding: 1.77vw 2.81vw;font-size: 1.41vw;}
    #wrapper.news_view #wrap #sec01 .cont_wrap .content_wrap .cont_text .flie_box .bl_txt{padding: 0 5.33vw 0 0 ;}

}

@media screen and (max-width:750px) {
    .main_KV {min-width: 100%;}
    .main_KV .kv_wrapper .kv_box {display: flex;padding: 0 5.27vw; background-image: url('../../@resource/images/about/m_about_kv01_new.png'); background-repeat: no-repeat; background-size:cover;background-position: center center;  margin: 0 auto; }
    .main_KV .kv_wrapper .kv_box .kv_text{display: inline-flex; max-width:100%;margin: 0 auto;}
    #RD #wrapper #wrap .container .main_KV .kv_wrapper .kv_box .kv_text {max-width: 100%;}
    .main_KV .kv_wrapper .kv_box .kv_text p { width: 100%; font-size: 2.22vw; line-height: 8.00vw;}
    .main_KV .kv_wrapper .kv_box .kv_text h2 {font-size: 5.56vw; line-height: 7.22vw;/* word-break: keep-all; */}
    #wrap.finance .kv_wrapper .kv_box .kv_text h2 {font-size: 4.5vw; line-height: 6vw;}
    #wrap.disdata .kv_wrapper .kv_box .kv_text h2 {font-size: 4.5vw; line-height: 6vw;}
    
    .main_KV .kv_wrapper .kv_box .kv_text h2 br{display: none;}
    .main_KV .btn_box {display: none;}

    #wrapper #wrap .container {padding-bottom: 20vw;}
    #wrapper .section .title_box p {line-height: 1.5;font-size: 3.2vw;text-align: left;font-weight: 400;}
    #wrapper .section .title_box > * {margin-bottom: 4vw;text-align: center;}
    #wrapper .section .title_box h2 {font-size: 6.4vw;line-height: 1.3;text-align: left;}
    #wrapper .section .title_box.left_title p {margin-bottom: 10.56vw;}
    #wrapper #wrap .container .section {height: auto; padding: 26.67vw 0 0;}
    #wrapper #wrap .container .section .cont_wrap{/* min-width: 1420px; */max-width: 100%;margin: 0 auto;padding:  0 5.27vw 0;word-break: keep-all;}
    #wrapper #wrap .container .section .cont_wrap .title_box br{display: none;}
    #wrapper #wrap .container .section .cont_wrap .title_box h2{margin-bottom: 4vw;}

    /* main */
    #main .vertical_dot {display: none;}

    #wrapper #wrap .container{}
    #main #wrapper #wrap .container .section .cont_wrap{padding: 0 4.23vw;}
    #main #wrapper #wrap .container .main_section{position: relative;width: 100%;}

    #main #wrapper #wrap .container .kv .kv_bg{position: relative;height: 170.67vw;}
    #main #wrapper #wrap .container .kv .kv_bg > .kv_bg_box{display: flex;justify-content: center;height: 100%;overflow: hidden;text-align: right;}
    #main #wrapper #wrap .container .kv .kv_bg img{display: inline-block;width: auto;height: 100%;}
    #main #wrapper #wrap .container .kv .kv_bg.kv_bg01 {}
    #main #wrapper #wrap .container .kv .kv_bg.kv_bg01 > .kv_bg_box {}
    #main #wrapper #wrap .container .kv .kv_bg.kv_bg01 > .kv_bg_box img{transform: translateX(10%);}
    #main #wrapper #wrap .container .kv .kv_bg.kv_bg02 {}
    #main #wrapper #wrap .container .kv .kv_bg.kv_bg02 > .kv_bg_box {/* justify-content: flex-end; */}
    #main #wrapper #wrap .container .kv .kv_bg.kv_bg02 > .kv_bg_box img{transform: translateX(10%);}
    #main #wrapper #wrap .container .kv .kv_bg.kv_bg03 {}
    #main #wrapper #wrap .container .kv .kv_bg.kv_bg03 > .kv_bg_box{}
    #main #wrapper #wrap .container .kv .kv_bg.kv_bg03 > img{}

    #main #wrapper #wrap .container .kv .kv_bg .title_box{position: absolute;top:50%;left: 0%;color: #FFFFFF;transform:translate(0, -16vw); word-break: keep-all;}
    #main #wrapper #wrap .container .kv .kv_bg .title_box h1{padding-bottom: 6.13vw;font-size: 8.00vw;line-height: 9.60vw;}
    #main #wrapper #wrap .container .kv .kv_bg .title_box .sm_text{position: relative; font-size: 3.20vw; line-height: 4.80vw; letter-spacing: -0.025em;}
    #main #wrapper #wrap .container .kv .kv_bg .title_box .sm_text::after {display: none;}
    #main #wrapper #wrap .container .kv .kv_bg .title_box {width:100%; padding: 0 8vw;}

    #main #wrapper #wrap .container .kv .kv_bg.kv_bg01 .title_box {width:100%; padding: 0 8vw;}
    #main #wrapper #wrap .container .kv .kv_bg.kv_bg02 .title_box {width:100%; padding: 0 8vw;}
    #main #wrapper #wrap .container .kv .kv_bg.kv_bg03 .title_box {top: 45%; width:100%; padding: 0 8vw;}
    #main #wrapper #wrap .container .kv .kv_bg.kv_bg04 .title_box {width:100%; padding: 0 8vw;}

    #main .ss{position: absolute;top: 50%;left: 50%;transform: translate(12.67vw, 24.67vw);z-index: 99;color: #FFFFFF;}

    #main #KV {}
    #main .main_slider {width: 100%;height: 100%;}
    #main .main_slider .bt_box{position: absolute;right: 50%;z-index: 5;display: flex;align-items: center;bottom: 6.23vw;left: 50%;margin-left: 4.33vw;height: auto;transform: translate(0);}
    #main .swiper-button-prev{position: unset;width: auto;height: auto;margin: 0;transform: translate(0);font-size: 1.87vw;font-weight: 600; color: #FFFFFF; background: unset;top: 50%;left: 50%;}
    #main .swiper-button-next{position: unset;width: auto;height: auto;margin: 0;transform: translate(0);font-size: 1.87vw;font-weight: 600; color: #FFFFFF; background: unset;top: 50%;left: 50%;}
    #main .ss{position: unset;width: auto;height: auto;margin: 0 1.07vw;transform: translate(0);}
    #main .swiper-pagination-bullets{bottom:48.27vw;left: 13.07vw;transform: translate(-10.80vw,25.07vw); width: 100%; height: 1.87vw; font-size: 1.87vw;font-weight: 600; color: #FFFFFF;}
    #main .swiper-container-horizontal > .swiper-pagination-bullets{position: absolute;bottom: 7.07vw;left: -10vw;height: auto;transform: translate(0);z-index: 2;width: 100%;}
    #main .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{position: relative;width: auto;height: auto;margin: 0 1.07vw;background: none;}
    #main .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::after{content: '';position: absolute;left: 0;bottom: 0.53vw;width: calc(100% - 2.00vw);height: 0.13vw;margin-left: 2.00vw;background: rgba(255,255,255,0.3);overflow: hidden;}
    #main .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet .progress{position: absolute;left: 0;bottom: 0.53vw;width: 0;height: 0.13vw;margin-left: 2.00vw;background: #ffffff;overflow: hidden;}
    #main .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 11.33vw;height: auto;text-align: left;}

    #main #sec01 .cont_wrap{border:0px #f50 solid; position: relative;height:125.67vw;}
    #main #sec01 .cont_wrap .pro_btn_box{border:0px #f50 solid; position: absolute;width: 100%; top: 50%;left: 50%;transform: translate(-50%,-100%);max-width: 100%;padding: 0 8vw;margin: 50px auto;}
    #main #sec01 .cont_wrap .pro_btn_box .pro_btn{padding: 2.93vw 0;}
    #main #sec01 .cont_wrap .pro_btn_box .pro_btn .sub_pg_go{display: none;}
    #main #sec01 .cont_wrap .pro_btn_box .pro_btn:first-child{padding-top:0;}
    #main #sec01 .cont_wrap .pro_btn_box .pro_btn:last-child{padding-bottom: 0;}
    #main #sec01 .cont_wrap .pro_btn_box .pro_btn .btn_box{display: flex;justify-content: flex-start;align-items: center;}
    #main #sec01 .cont_wrap .pro_btn_box .pro_btn .pro_btn_a{font-size: 4.80vw;font-weight: 600;color: #FFFFFF;margin-right: 2.67vw;}
    #main #sec01 .cont_wrap .pro_btn_box .pro_btn.on .sub_pg_go{display: block;width: 3.07vw;height: 3.07vw;}
    #main #sec01 .cont_wrap .pro_btn_box .pro_info_text{display: none; font-size: 2.40vw;line-height: 4.00vw;font-weight: 300;letter-spacing: 1px; padding-top: 2.00vw;margin-top: 2.67vw;color: #FFFFFF; border-top: 1px solid rgba(225, 225, 225, 0.2);}
    #main #sec01 .cont_wrap .pro_btn_box .pro_info_text br{display: none;}
    #main #sec01 .cont_wrap .pro_btn_box .pro_info_text.on{display: block;}

    #main #sec01 .cont_wrap .pro_bg_box{width: 100%;height: 100%;}
    #main #sec01 .cont_wrap .pro_bg_box .pro_bg{width: 100%;height: 100%;background-size: 100% 100%;}
    #main #sec01 .cont_wrap .pro_bg_box .bg_1{display: block; background: url('../../@resource/images/sec01_pro01.jpg') no-repeat right -16vw bottom -20vw #115cb9;background-size: 200% 100%;}
    #main #sec01 .cont_wrap .pro_bg_box .bg_2{display: none; background: url('../../@resource/images/sec01_pro02.jpg') no-repeat right -25vw bottom -10vw #0f55aa;background-size: 200% 100%;}
    #main #sec01 .cont_wrap .pro_bg_box .bg_3{display: none; background: url('../../@resource/images/sec01_pro03.jpg') no-repeat right -10vw bottom -35vw #105ab3;background-size: 200% 100%;}
    #main #sec01 .cont_wrap .pro_bg_box .bg_4{display: none; background: url('../../@resource/images/sec01_pro04.jpg') no-repeat right -10vw bottom -29vw #105ab3;background-size: 200% 100%;}

    #main #sec02{width: 100%;height: 100%; background: url('../images/sec02_bg.jpg')no-repeat center center;background-size: 100% 100%;}
    #main #sec02 .cont_wrap{max-width: 100%;padding: 0 8vw;margin: 0 auto;}
    #main #sec02 .cont_wrap .title_box{width: 100%;margin: 0 auto 12.00vw;padding-top: 20vw; color: #FFFFFF;}
    #main #sec02 .cont_wrap .title_box h1{font-size: 4.80vw;font-weight: 600;padding-bottom: 6.00vw;}
    #main #sec02 .cont_wrap .title_box .sm_text{font-size: 2.40vw;font-weight: 400;}
    #main #sec02 .cont_wrap .info_group{position: relative;display: flex;justify-content: center;align-items: center; width: 100%;height: 42.67vw;margin: 0 auto 22.67vw;}
    #main #sec02 .cont_wrap .info_group::after{position: absolute;top: 50%;left: 50%;transform: translate(-35vw, -0.32vw); display:block;content: '';width: 4.71vw;height:1px;background: #DDDDDD;}
    #main #sec02 .cont_wrap .info_group .info{display:flex; flex-direction: column;align-items: flex-start;justify-content: center; width: 100%; height: 100%;padding: 0 6.00vw;background: rgba(225, 225, 225, 0.17);}
    #main #sec02 .cont_wrap .info_group .info span{color: #FFFFFF;}
    #main #sec02 .cont_wrap .info_group .info .title{display: block;font-size: 3.2vw;font-weight: 500;padding-bottom: 2vw;}
    #main #sec02 .cont_wrap .info_group .info .text{font-size: 2.4vw;font-weight: 300;letter-spacing: 0;line-height: 2.67vw;word-break: keep-all;}
    #main #sec02 .cont_wrap .info_group .info.group_1{}
    #main #sec02 .cont_wrap .info_group .info.group_2{}
    
    #main #sec03{width: 100%;padding: 48.00vw 0 0; background: #FFFFFF;}
    #main #sec03 .cont_wrap{max-width: 100%;padding: 0 8vw;margin: 0 auto;}
    #main #sec03 .cont_wrap .main_box{position: relative;margin: 0 0 14.00vw}
    #main #sec03 .cont_wrap .main_box > div{}
    #main #sec03 .cont_wrap .main_box .title_box{position:absolute;top: 50%;left: 0;transform: translate(0,-1.33vw); font-size: 4.80vw;font-weight: 600;line-height: 5.33vw;text-align: left; z-index: 1;}
    #main #sec03 .cont_wrap .main_box .img_box{width: 85%;height:26.67vw;}
    #main #sec03 .cont_wrap .main_box .img_box img{height: 100%;}
    #main #sec03 .cont_wrap .notice_list_box{display: block;padding:0 0 0 15vw;}
    #main #sec03 .cont_wrap .notice_list_box .list{width: 100%; padding: 0 0 5vw;}
    #main #sec03 .cont_wrap .notice_list_box .list:first-child{padding-left: 0;}
    #main #sec03 .cont_wrap .notice_list_box .list:last-child{padding-right: 0;}
    #main #sec03 .cont_wrap .notice_list_box .list .day_num{}
    #main #sec03 .cont_wrap .notice_list_box .list .day_num span{font-size: 1.87vw; font-weight: 400;}
    #main #sec03 .cont_wrap .notice_list_box .list .day_num span.tit{font-weight: 600;}
    #main #sec03 .cont_wrap .notice_list_box .list .day_num span.tit::after{display: inline-block;content: '';width: 1px;height: 1.20vw;margin: 0 0.67vw; background: #a8a8a8;}
    #main #sec03 .cont_wrap .notice_list_box .list .day_num span.tit.nw{color: #1e1e1e;}
    #main #sec03 .cont_wrap .notice_list_box .list .day_num span.tit.nt{color: #1473e6;}
    #main #sec03 .cont_wrap .notice_list_box .list .title{display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;width: 100%; font-size: 3.20vw;font-weight: 500;margin: 4vw 0 8vw;}
    #main #sec03 .cont_wrap .notice_list_box .list .title br{display: none;}
    #main #sec03 .cont_wrap .notice_list_box .list .detail_li{display: inline-block;}
    #main #sec03 .cont_wrap .notice_list_box .list .detail_li a{font-size: 1.87vw;font-weight: 300;}
    #main #sec03 .cont_wrap .notice_list_box .list .detail_li a::after{display: inline-block;content: '';width: 3.07vw;height: 0.93vw;margin-left: 1.2vw; background: url('../images/dt_arr.png') no-repeat center center;background-size: 100% 100%;transform: translateX(0.67vw);transition:all .2s;}
    #main #sec03 .cont_wrap .notice_list_box .list .detail_li a:hover::after{transform: translateX(2vw);transition:all .2s;}


    /* about */
    #wrapper.about #wrap .ic_img img {width: 100%;}
    #wrapper.about #wrap .container .section .cont_wrap .title_box h2 {text-align: left;}
    #wrapper.about #wrap .title_box.left_title h2 {font-size: 5.60vw;line-height: 1.3;}
    #wrapper.about #wrap .sec01 {position: relative;}
    #wrapper.about #wrap .sec01 .cont_wrap {text-align: left;width: 100%;padding: 0 5.27vw;}
    #wrapper.about #wrap .sec01 .cont_wrap .desc {line-height: 1.5;font-size: 3.07vw;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_03 .txt_box h2 {font-size: 3.07vw;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box .txt_box {width: 100%;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box .txt_box .com,
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box .txt_box .desc {font-size: 2.67vw;line-height: 1.5;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box .txt_box .desc {width: 100%;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box .img_box {display: flex;position: relative;width: 100%;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box .img_box img {width:100%;height: 100%;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box .img_box .num {display: none;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_01 .txt_box {margin: 6.67vw 0 13.33vw;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_01 .img_box {position: relative;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_01 .num::after {content: "";display: inline-block;position: absolute; left: 0;top: 2.75vw;height: 1px;width: 100%;background: #222;z-index: -1;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_02 {display: flex;flex-direction: column;align-items: flex-start;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_02 .txt_box {margin: 6.67vw 0 13.33vw;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_01 .com,
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_02 .com {position: relative;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_01 .com::after,
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_02 .com::after {content:"";display: inline-block;border-bottom: 1px solid#222;position: absolute; bottom:-2.82vw;left: 0;width: 11%;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_02 .img_box .num {position: relative; margin-right: 2.82vw;margin-left: 0;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_02 .img_box .num::after {content: "";display: inline-block;position: absolute; left: 0;top: 2.75vw;height: 1px;width: 100%;background: #222;z-index: -1;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_03 .txt_box { margin:7.33vw 0 10.67vw;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_03 .txt_box .title_h2 { font-size: 5.60vw; line-height: 1.3;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_03 .img_box .num {position: relative;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_03 .img_box .num::after {content: "";display: inline-block;position: absolute; left: 0;top: 2.75vw;height: 1px;width: 100%;background: #222;z-index: -1;}
    #wrapper.about #wrap .sec01 .cont_wrap .content_wrap .content_box_01 .txt_box .desc+.content_box_02 .txt_box .desc+.content_box_03 .txt_box .desc {margin-top: 5.99vw;}
    #wrapper.about #wrap .ic_img {background: url('../images/about/en_m_ft_img.png') no-repeat center;width:36.4vw;height: 187.02vw;background-size: 100% 100%;margin: 0 auto;}


    /*비전*/
    #wrapper #wrap.vision .container #sec01.section .title_box h2 {letter-spacing: -1px;text-align: center;}
    #wrapper #wrap.vision .container #sec01.section .title_box h2 br {display: none;}
    #wrapper #wrap.vision .container #sec01.section .title_box p {text-align: center;}
    #wrapper #wrap.vision .container #sec02 {width: 100%; height: 448vw;padding: 12.68vw 5.27vw 0;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box .txt_box p.title {font-size: 3.20vw; line-height: 4.00vw; }
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box .txt_box p.sub {font-size: 2.67vw; line-height: 4.00vw; margin-top: 2.27vw;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box .txt_box p.sub br {display: none;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box .txt_box p.side::before {width:1px; height: 6.67vw;  margin: 5.33vw 0.67vw 1.20vw 0;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box .txt_box p.side { right: 0; width: 4.00vw; font-size: 1.87vw; line-height: 4.00vw;  writing-mode:vertical-lr; padding-left: 39.5vw;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .img_box .cl_btn {position: absolute;top: 0;left: 0;width: 12vw;height: 12vw;background: #2655e9;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .img_box .cl_btn .line_box {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 4vw;height: 4vw;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .img_box .cl_btn .line_box .line {position: absolute;top: 50%;transform: translateY(-50%); display: inline-block; width: 3.67vw;height: 0.27vw;background: #fff;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .img_box .cl_btn .line_box .line01 {transform: rotate(90deg);}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_01 {top: 0; left: 0;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_01 .txt_box::before {  width:2.67vw; height: 1px;  margin-bottom: 3.87vw;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_01 .img_box {  margin-top: 5.20vw;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_01 .img_box img {width: 100%; height: 100%;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_02 {display: flex;flex-direction: column-reverse; top:153.33vw; left: 50%;transform: translateX(-50%);width: 100%;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_02 .txt_box::after {  width:6.67vw; height: 1px;  margin-top: 5.47vw;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_02 .img_box {margin-bottom: 7.73vw;margin-top: 5vw;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_02 .img_box img {width: 100%;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_03 {display: flex;flex-direction: column; top: 358vw; right: 0;width: 100%; }
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_03 .txt_box::after {  width:6.67vw; height: 1px;  margin-top: 5.47vw;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_03 .img_box {  margin-left:0;margin-top: 4vw;}
    #wrapper #wrap.vision .container #sec02 .cont_wrap .content_box_03 .img_box img {width: 100%;}


    /*연혁*/
    #wrapper.company_info #wrap #sec01 .cont_wrap {width: 100%;}
    #wrapper.company_info #wrap #sec01 .cont_wrap .title_box h2 {text-align: center;}
    #wrapper.company_info #wrap #sec01 .cont_wrap .title_box p {margin: 0 auto;text-align: center;}
    #wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .contents {display: flex;flex-direction: column;}
    #wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box_01 .img_box,+.content_box_02 .img_box,+.content_box_03 .img_box,+.content_box_04 .img_box,+.content_box_0 .img_box {margin-right: 0;}
    #wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .contents .img_box img {width: 100%;height: 100%;}
    #wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .contents .txt_box .num {font-size: 6.40vw;line-height: 4.00vw;}
    #wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .contents .txt_box .desc {font-size: 2.66vw;line-height: 1.3;margin: 7.07vw 0 6.00vw;}
    #wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .contents .txt_box .desc_bt {font-size: 2.66vw;}
    #wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .content_box .txt_box {margin-top: 5vw;margin-left: 0;}
    #wrapper.company_info #wrap #sec01 .cont_wrap .content_wrap .contents .txt_box .desc::after {bottom: -1.5vw;left: 0;width: 100%;border-bottom: 1px solid #000;}


    /*오시는길*/
    #wrapper #wrap.location .container #sec01.section .title_box h2,
    #wrapper #wrap.location .container #sec01.section .title_box p {text-align: center;}
    #wrapper #wrap.location .container #sec02,
    #wrapper #wrap.location .container #sec03 {padding-top:20.27vw;}
    #wrapper #wrap.location .container #sec03 .cont_wrap {display: flex;flex-direction: column; justify-content: center; align-self:flex-start;}
    #wrapper #wrap.location .container #sec03 .cont_wrap .title_box {margin-right: 0;display: inline-block;width: 100%;}
    #wrapper #wrap.location .container #sec03 .cont_wrap .title_box h3 {font-size: 6.40vw; line-height: 8.00vw; text-align: left;margin-bottom: 6vw;}
    #wrapper #wrap.location .container #sec03 .cont_wrap .content_box {border-bottom: 1px solid #1d1d1d;}
    #wrapper #wrap.location .container #sec03 .cont_wrap .txt_box p.title {font-size: 3.20vw; line-height: 1.5;}
    #wrapper #wrap.location .container #sec03 .cont_wrap .txt_box p.sub {margin-top: 2vw; font-size: 2.67vw; line-height: 1.6;}
    #wrapper #wrap.location .container #sec03 .cont_wrap .txt_box .address_copy {margin-top:2.40vw;line-height: 4.00vw;}
    #wrapper #wrap.location .container #sec03 .cont_wrap .txt_box .address_copy a {display:block;width: auto;font-size: 2.67vw; line-height: 4.00vw;}
    #wrapper #wrap.location .container #sec03 .cont_wrap .txt_box ul.sub_call {display: flex;flex-direction: column;margin: 2vw 0;}
    #wrapper #wrap.location .container #sec03 .cont_wrap .txt_box ul.sub_call li { margin-right: 0; font-size: 2.67vw; line-height: 1.7;}
    #wrapper #wrap.location .container #sec03 .cont_wrap .txt_box ul.sub_call li:last-child {margin-right: 0;}
    #wrapper #wrap.location .container #sec03 .cont_wrap .content_box_02 {margin-top: 6vw;}
    #wrapper #wrap.location .container #sec03 .cont_wrap .content_box_03 {border: none; margin-top: 6vw;}


    /* ehics */
    #wrapper.ethics #wrap .title_box p {text-align: center;}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .title_wrap {margin: 0 auto 25.33vw;}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap h2 {font-size: 6.40vw;line-height: 8.00vw;}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .title_wrap .com { font-size: 3.20vw;line-height: 4.80vw;margin-top: 7.33vw;}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .title_wrap .com::after {bottom: -8.67vw;left: 50%;width: 5%; transform: translateX(-50%); border-bottom: 1px solid #000;}
/*     #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box_01 .img_box {margin-bottom: 6.67vw;background: url('../../@resource/images/about/en_ethics_ic01.png') no-repeat;width: 100%;height: 24.08vw;background-size: 100% 100%} */
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box_01 .img_box_m {display:block;}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box_01 .img_box {display:none;}

    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box_02 .img_box {margin-bottom:10vw;}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box_02 .img_box {height: 66.67vw;}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box_02 .img_box img {height: 100%; object-fit: cover;}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box_02 .txt_box {margin-bottom:10vw;}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box_02 .txt_box .com {font-size: 2.67vw;line-height: 4.80vw;letter-spacing: -0.03vw;}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box_02 .txt_box h2 {margin-bottom:10vw;}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box .download {width: 69.07vw;height: 11.07vw;margin: 0 auto 0;}
    #wrapper.ethics #wrap .container_1 #sec01 .cont_wrap .contents_wrap .content_box .cyber {width:  69.07vw;height: 11.07vw;margin: 10vw auto 0;}

    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap  {padding: 0 5.27vw;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .title_box h2 {text-align: center;font-size: 6.4vw;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .title_box p.com {font-size: 3.2vw;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method .text_box {padding: 0;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method .text_box .pd_text.txt01 {font-size: 3.2vw;line-height: 1.3;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method .text_box .pd_text.txt02 {font-size: 2.67vw;line-height: 1.3;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method.pro_method_04 .text_box {padding-right: 0;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method .pro_img {width: 100%;height: 100%;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method {display: flex;flex-direction: column;align-items: center;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method_04 {flex-direction: column-reverse;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method .text_box {width: 100%; margin-bottom: 2.82vw;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method .text_box .line2 {width: 100%;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method.pro_method_03 {margin: 11.62vw 0 7vw;}
    #wrapper.ethics #wrap .container_2 #sec01 .cont_wrap .pro_method.pro_method_03 .text_box {padding: 0;}
    #wrapper.ethics #wrap .container_2 #sec02 {padding: 10.68vw 0 0;}
    #wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap h2 {font-size: 6.4vw;line-height: 8vw;}
    #wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap .inner_txt ul li {font-size: 2.67vw;}
    #wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap .inner_txt ul li p {padding-left: 2.67vw;}
    #wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap .inner_txt ul li.line_br p br:last-child {display: none;}
    #wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap .agree_btn {margin-top: 10vw;}
    #wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap .agree_btn a {width: 69.33vw;height: 11.33vw;line-height: 11.33vw;font-size: 3.2vw;}
    #wrapper.ethics #wrap .container_2 #sec02 .cont_wrap .agree_wrap .agree_btn a.agree_no {margin-bottom: 6vw;margin-right: 0;}

    #wrapper.ethics_3 #layer {display:block;position:absolute;overflow:hidden;top: 50%;left: 50%;transform: translate(-44%,4%);z-index:10;-webkit-overflow-scrolling:touch;}
    #wrapper.ethics_3 #layer #btnCloseLayer{width: 5.67vw;height: 5.67vw; cursor:pointer;position:absolute;right:0;top:0;z-index:1;}
    #wrapper.ethics_3 .field {width: 100%;min-width: 100%;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form_title {margin-bottom: 5.33vw;font-size: 6.4vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .title {border-top: 1px solid #222;padding-top: 3vw;padding-left: 2.67vw; margin-bottom: 2vw;font-size: 2.67vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_container {border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;padding-bottom: 1.33vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap {align-items: center; padding: 1.33vw 0 1.33vw 0;border-bottom: 1px solid #d3d3d3;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap:last-child {border-bottom: 1px solid #d3d3d3;padding-bottom: 25.33vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap textarea {resize: none;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form label { width: 18.33vw;font-size: 2.13vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap label[for=file_name] {width: calc(100% - 18.33vw);height: 8.00vw;line-height: 8.00vw;border: 1px solid #222;font-size: 2.40vw;margin-bottom: 2vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap label span {margin-right: 1.33vw;font-size: 3.20vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap input[type=text],
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap input[type=tel],
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap input[type=email] {width: calc(100% - 18.33vw);background: #f6f6f6;height: 8.00vw;padding: 2.67vw;font-size: 2.67vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form {align-items: baseline;padding-top: 1.33vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form .add_input {width: calc(100% - 18.33vw);}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form input[type=button] {cursor: pointer;margin-left: 1vw; width: 25.33vw;border: 1px solid #222;background: none;font-size: 2.40vw;line-height: 1.3;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form input {background: #f6f6f6;height: 8.00vw;font-size: 2.67vw;padding: 2.67vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form #post_code {width: 43.5vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form #sample2_postcode {width: 85.33vw;margin-top:1.33vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form .address_w {width: 100%;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form .address_w:last-child {margin-bottom: 1.33vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form .bd_wrap {width: 100%;line-height: 0.33;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .address_form .bd_wrap .bd {width: 100%;padding-top: 0.8vw;border-top: 1px solid #d3d3d3;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap input::placeholder {font-size: 2.67vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap textarea {width: calc(100% - 18.33vw);height: 40.00vw; background: #f6f6f6;padding: 2.67vw;font-size: 2.67vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap label[for=fileName]{width: 25.33vw;height: 8.00vw;line-height: 8.00vw; border: 1px solid #222;font-size: 2.40vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap.file_box {align-items: center;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap.file_box input[type=text]{width: calc(100% - 18.33vw);margin-left:18vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .form_wrap.file_box input[type=text].txt_val::placeholder {width: 20vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files {border: none;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .file_box #fileVal {position: relative;width: 100%;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .file_box #fileVal span {position: absolute;top: 50%;left: 23%;transform: translateY(-50%);color: #ccc;width: 60%; font-weight: 300;font-size: 2.13vw;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .file_box {display: block;font-size: 0;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .file_box .close {top: 74%;right: 2.67vw;/* transform: translateY(-50%); */width: 2.67vw;height: 2.67vw; cursor: pointer;opacity: 0;transition: .5s;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .file_box .close.on {opacity: 1;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .file_box .close span {top: 50%;right: 0; width: 2.00vw;height: 1px;background: #aaa;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .file_box .close span.line01 {transform: rotate(45deg)}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .file_box .close span.line02 {transform: rotate(-45deg)}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .txt_box {padding: 4.67vw 0 3.33vw 4.67vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .files .txt_box p{font-size: 2.13vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .file_btn {margin-top: 8.00vw; font-size: 0;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .file_btn a { width: 69.33vw;height: 11.33vw;font-size: 3.20vw;line-height: 11.33vw;;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .file_btn a.reset {border: 1px solid #222;margin-right: 0;margin-bottom: 5vw}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .file_btn a.report {background: #327ee8;}


    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .check_box .chk_w p {font-size: 2.13vw; padding-top: 2px;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .check_box .chk_w {padding: 0; width: calc(100% - 18.33vw);}

    
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .check_box label {padding-top: 5px;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .check_box label.chk_w {width: auto;padding: 7px 0 0;display: flex;justify-content: center;align-items: center;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .check_box input[type="checkbox"] + label span {top: 0;width: 2.93vw;height: 2.93vw;}
    #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .check_box input[type="checkbox"]:checked + label span::after{width: 1.47vw;height: 1.47vw;}
    /* #wrapper.ethics_3 #wrap .container_2 #sec01 .cont_wrap .form .check_box .chk_w p {font-size: 0.98vw;} */




    /*제품소개 - 엔드플레이트*/
    #wrapper.products #wrap .container #sec01 .cont_wrap {padding: 0 5.27vw;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .title_box > * {margin-bottom: 4vw;text-align: center;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .text_box .pd_text.txt02 br:first-child {display: none;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .title_box h2 {font-size: 5.56vw;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .pro_box .text_box .pd_title {font-size: 3.05vw;padding-bottom: 6vw;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .pro_box .text_box .pd_text {width: 78.13vw; font-size: 2.83vw;}
    /* #wrapper.products #wrap .container #sec01 .cont_wrap .pro_box.pro01 .text_box .pd_text br {display: none;} */

    #wrapper.products #wrap .container #sec01 .cont_wrap .pro_box.pro02 .text_box .pd_text br {display: none;}
    
	#wrapper.products #wrap .container #sec01 .cont_wrap .pro_box.pro02{border:0px #f50 solid; padding-top: 30px;}
   	#wrapper.products #wrap .container #sec01 .cont_wrap .pro_box.pro02 .pro_img{width: 100%;height: auto;margin: 10px auto;}

	#wrapper.products #wrap .container #sec01 .cont_wrap .pro_method {margin-top: 19.20vw;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .pro_method .pro_img {width: 100%;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .pro_method .text_box .pd_title {font-size:6.40vw;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .pro_method .text_box .pd_text {font-size: 2.67vw;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .pro_method .text_box .pd_text.txt01{padding: 6.67vw 0 0;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .pro_method .text_box .pd_text.txt01 br {display: none;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .pro_method .text_box .pd_text.txt02{padding: 6.67vw 0 0;}
    #wrapper.products #wrap .container #sec01 .cont_wrap .pro_method_02 .text_box .pd_text.txt02 br:nth-child(4){display: none;}

    #products #sec01 .cont_wrap .pro_method .text_box .pd_text.txt01{padding:6.67vw 0;}
    #products #sec01 .cont_wrap .pro_method .text_box .pd_text.txt02{padding: 6.67vw 0 0;}


    /*제품소개 - 제품경쟁력*/
    #wrapper.competi #wrap .container #sec01 .cont_wrap {padding: 0 5.27vw;}
    #wrapper.competi #wrap .container #sec01 .cont_wrap .title_box > * {margin-bottom: 4vw;text-align: center;}
    #wrapper.competi #wrap .container #sec01 .cont_wrap .title_box h2 {font-size: 5.56vw;}
    #wrapper.competi #wrap .container #sec01 .cont_wrap .title_box p br {display: none;}
    #wrapper.competi #wrap .container #sec01 .cont_wrap .pro_box .text_box .pd_title {font-size: 3.05vw;}
    #wrapper.competi #wrap .container #sec01 .cont_wrap .pro_box .text_box .pd_text {width: 78.13vw; font-size: 2.83vw;}
    #wrapper.competi #wrap .container #sec01 .cont_wrap .pro_method .pro_img {width: 100%;}
    #wrapper.competi #wrap .container #sec01 .cont_wrap .pro_method .text_box .pd_title {font-size: 6.4vw;}
    #wrapper.competi #wrap .container #sec01 .cont_wrap .pro_method .text_box .pd_text {font-size: 2.67vw;}
    #wrapper.competi #wrap .container #sec01 .cont_wrap .pro_method_04 {display: flex; flex-direction: column-reverse;}

    
    /*R&D - 연구소 소개*/
    #wrapper #wrap.laboratory .container .section .cont_wrap {padding: 0 5.27vw;}
    #wrapper #wrap.laboratory .container .section .cont_wrap .title_box > * {margin-bottom: 4.00vw;text-align: center;}
    #wrapper #wrap.laboratory .container .section .cont_wrap .title_box h2 {font-size: 5.56vw;}
    #wrapper #wrap.laboratory .container .section .cont_wrap .title_box p br {display: none;}
    #wrapper #wrap.laboratory .container .section .cont_wrap .title_box.sm_line::after {width: 8.80vw; height: 1px;}
    #wrapper #wrap.laboratory .container #sec01 {padding-top: 24.0vw;}
    #wrapper #wrap.laboratory .container #sec02 {padding-top: 7.20vw;}
    #wrapper #wrap.laboratory .container #sec03 {padding-top: 17.33vw;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box {width: 100%; margin: 0 auto ;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box .txt_box {margin-top: 4.00vw;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box .txt_box p.sub {font-size: 2.67vw; line-height: 4.00vw; margin-top:0;margin-bottom: 0;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_02, #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_03{padding-top: 29.20vw;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box_04 .content_list_wrap .content_list .txt_box {margin-top: 4.00vw;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box .txt_box::after {width: 6.67vw; height: 1px; margin-top: 3.87vw;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box .txt_box p.title {font-size: 3.20vw; line-height: 4.00vw;margin-bottom: 4.00vw;}
    #wrapper #wrap.laboratory .container #sec03 .cont_wrap .content_box .img_box {margin-top: 0;}


    /*R&D - 엔드플레이트*/
    #wrapper #wrap.rd_end_plate .container .section .cont_wrap {padding: 0 5.25vw;}
    #wrapper #wrap.rd_end_plate .container .section .cont_wrap .title_box > * {margin-bottom: 4.00vw;text-align: center;}
    #wrapper #wrap.rd_end_plate .container .section .cont_wrap .title_box h2 {font-size: 5.56vw;}
    #wrapper #wrap.rd_end_plate .container .section .cont_wrap .title_box p br{display: none;word-break: keep-all;}
    #wrapper #wrap.rd_end_plate .container .section .cont_wrap .title_box.sm_line::after {width: 8.80vw; height: 1px;}
    #wrapper #wrap.rd_end_plate .container .section .cont_wrap .cont_box_1 {width: 100%;}
    #wrapper #wrap.rd_end_plate .container .section .cont_wrap .cont_box_1 img {height: 100%;}
    #wrapper #wrap.rd_end_plate .container #sec01 { padding-top: 24.0vw;}
    #wrapper #wrap.rd_end_plate .container #sec02 { padding-top: 7.20vw;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox {margin-top: 21.2vw; margin-bottom:0 ;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_2 {margin-top: 22.33vw; margin-bottom: 0;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_3 > div > .cont_text_box,
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_5 > div > .cont_text_box{padding-left:4vw;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox > div p::after,#wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox.cont_box_2 > div p::after  { width: 6.67vw; height: 1px; margin-top: 3.87vw;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox > div .cont_text_box h1 {font-size: 3.20vw; line-height: 4.00vw;margin: 4vw 0 0 0;}
    #wrapper #wrap.rd_end_plate .container #sec02 .cont_wrap .contBox > div .cont_text_box p {font-size: 2.67vw; line-height: 4.00vw; margin-top: 3.47vw;}


    /*R&D - 전기차베터리*/
    #wrapper #wrap.ec_battery .container .section .title_box > * {margin-bottom: 4vw;text-align: center;}
    #wrapper #wrap.ec_battery .container .section .title_box h2 {font-size: 5.56vw;line-height: 8vw;font-weight: bold;}
    #wrapper #wrap.ec_battery .container .section .title_box .etc_txt {font-size: 3.20vw; line-height: 8.00vw;}
    #wrapper #wrap.ec_battery .container .section .title_box.sm_line::after {width: 8.8vw; height: 1px;}
    #wrapper #wrap.ec_battery .container #sec01 {padding-top: 24.0vw;}
    #wrapper #wrap.ec_battery .container #sec01 .cont_wrap .content_wrap {padding-top: 7.2vw;}
    #wrapper #wrap.ec_battery .container #sec01 .cont_wrap .content_wrap .content_box .txt_box h2 { font-size: 3.20vw; line-height: 4.00vw;margin-bottom: 5.33vw;}
    #wrapper #wrap.ec_battery .container #sec01 .cont_wrap .content_wrap .content_box .txt_box p {font-size:2.67vw; line-height: 4.00vw; margin-bottom: 5.33vw;}
    /* #wrapper #wrap.ec_battery .container #sec01 .cont_wrap .content_wrap .content_box .txt_box p br {display: none;} */
    #wrapper #wrap.ec_battery .container #sec01 .cont_wrap .content_wrap .content_box .txt_box strong {font-size: 2.67vw; line-height: 4.00vw; margin-bottom: 4.27vw;}
    #wrapper #wrap.ec_battery .container #sec01 .cont_wrap .content_wrap .content_box_01 .img_box {height: 100%; margin-bottom: 20.00vw;}
    #wrapper #wrap.ec_battery .container #sec01 .cont_wrap .content_wrap .content_box_02 .txt_box h2::before {width: 6.67vw; height: 1px; top: -4.00vw;}

	#wrapper.ec_battery #wrap #sec01 .cont_wrap .content_wrap .contBox > div h1{font-size: 3.20vw; line-height: 4.00vw;}

    /*투자정보 - 재무상태표*/
    #wrapper #wrap.finance .container .sec02 {padding-top: 24.0vw;}
    #wrapper #wrap.finance .container .section .cont_wrap .title_box > * {margin-bottom: 4vw;text-align: center;}
    #wrapper #wrap.finance .container .section .cont_wrap .title_box h2 {font-size: 5.56vw;}
    #wrapper #wrap.finance .container .section .cont_wrap .table_box > span {font-size: 2.67vw; line-height: 4.00vw; }
    #wrapper #wrap.finance .container .section .cont_wrap .table_box > table tr > * {font-size: 2.67vw; letter-spacing: -0.03vw;}


    /*투자정보 - 공시자료*/
    #wrapper #wrap.disdata .container .section {}
    #wrapper #wrap.disdata .container .section .cont_wrap {overflow-x: scroll;}

    /*인재채용 - 인재상*/
    #wrapper.talented {}
    #wrapper.talented .section .title_box p {text-align: center;}
    #wrapper.talented .section .title_box h2 {text-align: center;}
    #wrapper.talented #wrap .container .section .cont_wrap .cont_img {width: 100%; height: auto; margin: 12.68vw auto 0;}


    /*인재채용 - 인사제도*/
    #wrapper.recruitment {}
    #wrapper.recruitment .section .title_box p {text-align: center;}
    #wrapper.recruitment #wrap .container .section .cont_wrap .title_box br {display: block;}
    #wrapper.recruitment .section .title_box h2 {text-align: center;}
    #wrapper.recruitment #wrap .container .section .cont_img {width: 100%; height: auto; margin: 12.68vw auto 0;}
    #wrapper.recruitment #wrap .container .section .cont02 {margin-top: 16.20vw;}
    #wrapper.recruitment #wrap .container .section .cont03 {margin-top: 27.82vw;}
    #wrapper.recruitment #wrap .container .section .cont02 .cont_img {width: 100%; height: auto; margin: 12.68vw auto 0;}
    #wrapper.recruitment #wrap .container .section .cont03 .cont_img {width: 100%; height: auto; margin: 12.68vw auto 0;}

    /*소식 -뉴스 리스트, 공지사항 공통 부분*/
    #wrapper.news #wrap #sec01 .cont_wrap .content_wrap .content_box {margin-top: 20vw;}
    #wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list {position: relative; display: block;}
    #wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .top_list_btn{display: block;position: absolute;width: 100%;height: 100%;}
    #wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .img_box{display: flex;justify-content: center; width: 100%;height: 100%;overflow: hidden;}
    #wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .img_box img{width: 100%;height: auto;}
    #wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box {width: 100%;margin-top: 4.67vw;padding-left: 0; font-size: 2.67vw;line-height: 4vw;text-align: left;}
    #wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .title{line-height: 6.40vw; word-break: keep-all;}
    #wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .day_txt {position: relative; margin: 13.33vw 0 8vw;font-size: 2.40vw;line-height: 4vw;}
    #wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .day_txt::after{content: "";position: absolute;bottom: -4vw;right:0;width:100%;border-bottom: 1px solid #000;}
    #wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info p{margin-bottom: 4.67vw;font-size: 2.67vw;line-height: 4vw;font-weight: 400;word-break: keep-all;}
    #wrapper.news #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info p:last-child{margin-bottom: 0;}

    #wrapper.news #wrap #sec01 .cont_wrap .content_wrap .page_arrow_btn{display: flex;width: 100%;justify-content: space-between;align-items: center;}
    #wrapper.news #wrap #sec01 .cont_wrap .content_wrap .page_arrow_btn a{font-size: 2.40vw; display: block;}


    /*공지사항*/
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box {position: relative;width: 100%;margin-top: 4.67vw;font-size: 2.67vw;line-height: 4vw;text-align: left;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .title{padding-left:0vw; line-height: 6.40vw; word-break: keep-all;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .day_txt {margin: 13.33vw 0 8.00vw;padding-left: 5.33vw; font-size: 2.40vw;line-height: 4vw;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .day_txt::after{content: "";position: absolute;bottom: -4vw;right:0;width: 100%;border-bottom: 1px solid #000;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info{padding: 0vw 2.53vw;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info .cont_view{display: none;width:100%;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info .cont_view img{max-width: 72vw;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info p{width: 100%; display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: unset;margin-bottom: 4.67vw;font-size: 2.67vw;line-height: 4vw;font-weight: 400;word-break: keep-all;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info p.sub_title{width: 100%; display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 4.67vw;font-size: 2.67vw;line-height: 4vw;font-weight: 400;word-break: keep-all;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info .flie_box{display: flex;align-items: center;width: 100%;margin-top: 5.33vw;padding: 3.33vw 5.33vw;border: 1px solid #222222;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info .flie_box p{padding: 0 5.33vw 0 0;margin: 0;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .top_list .txt_box .news_info .flie_box a{display: block;}

    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap{border-top: 1px solid #222222;padding: 5.33vw 0;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box{padding: 8.00vw 2.33vw 8.67vw;border-bottom: 1px solid #d3d3d3;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box:first-child{padding-top: 2.67vw;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box a .title_box{display: flex;justify-content: space-between;flex-direction:column; align-items: flex-start;padding-bottom: 7.33vw;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box a .title_box .title{display: -webkit-box;overflow: hidden; text-overflow: ellipsis;-webkit-box-orient:vertical; -webkit-line-clamp:1; width: 100%;text-align: left;font-size: 3.20vw;line-height: 4.00vw;margin-bottom: 4vw;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box a .title_box .day_txt{font-size: 2.40vw;line-height: 4.00vw;margin-bottom: 0;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box .cont_box{}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box .cont_box p{font-size: 2.67vw;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box .cont_box p.sub_title{width: 100%;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;font-size: 2.67vw;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box .cont_box .cont_view{display: none; padding-top: 3.33vw;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box .cont_box .cont_view .flie_box{display: flex;align-items: center; width: 100%;margin-top: 5.33vw; padding:3.33vw 5.33vw;border: 1px solid #222222;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box .cont_box .cont_view .flie_box p{padding: 0 5.33vw 0 0;}
    #wrapper.notice #wrap #sec01 .cont_wrap .content_wrap .toggle_list_wrap .toggle_list_box .cont_box .cont_view .flie_box a{display: block;font-size: 2.13vw;font-weight: 400;}


    /*소식 -뉴스 리스트*/
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list{border-top: 1px solid #222222;padding:5.33vw 0;}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box{width: 100%;margin-bottom: 5.33vw;padding-bottom: 5.33vw;border-bottom: 1px solid #d3d3d3;}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box:last-child{margin-bottom: 0;}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont{display: block;width: 100%;}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont:first-child{padding-top: 0;}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont:last-child{padding-bottom: 0;border-bottom: none;}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont .img_box{display: flex;justify-content: center; width: 100%;height: 100%;overflow: hidden;}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont .img_box img{width: 100%;height: auto;}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont .txt_box{padding-top: 3.33vw;}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont .txt_box .title{display: -webkit-box; width: 100%;height: auto;overflow: hidden; text-overflow: ellipsis;-webkit-box-orient:vertical; -webkit-line-clamp:2; font-size: 2.67vw;line-height: 4vw;word-break:keep-all;}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont .txt_box .news_info{display: -webkit-box; width: 100%;height: auto;overflow: hidden; text-overflow: ellipsis;/* white-space: nowrap; */-webkit-box-orient:vertical; -webkit-line-clamp:3;font-size: 2.67vw;line-height: 4vw;margin: 4vw 0 10.67vw;word-break:keep-all;}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont .txt_box .more_btn{position: relative; width: 9.47vw; font-size: 1.60vw;}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont .txt_box .more_btn.more_btn::after{position:absolute;display: block;bottom: 0; content: '';width:9.47vw;height: 1.20vw;background: url('../../@resource/images/newsNotice/arrow_img.png')no-repeat center center;background-size: 100% 100%;z-index: -1;}
    #wrapper.news_list #wrap #sec01 .cont_wrap .content_wrap .bottom_list .list_box .list_cont .txt_box .more_btn a{display: block;width: 100%;height: 100%;z-index: 1;}


    /*소식 - 뉴스 뷰*/
    #wrapper.news_view #wrap .container .gnb_box {display: none;}
    #wrapper.news_view #wrap .container #sec01 {padding: 12.68vw 0 0;}
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .title_box .list_btn {width: 12.0vw; height: 2.67vw;}
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .title_box .list_btn .bar {width: 2.93vw; height: 0.40vw;}
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .title_box .list_btn .bar:nth-child(2) {margin: 0.53vw 0;}
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .title_box .list_btn::after {font-size: 2.40vw; transform: translate(-2.00vw, -2.00vw);}
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .content_wrap {padding: 7.33vw 5.33vw 0; border-top: 1px solid #222222;}
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .content_wrap .txt_box {padding-bottom: 5.33vw;}
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .content_wrap .txt_box .title {padding-bottom: 5.33vw;}
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .content_wrap .cont_text {padding: 0 2.67vw;}
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .content_wrap .cont_text p {font-size: 2.67vw; padding-top: 5.33vw; }
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .list_box {margin: 13.33vw 0 0; border-top: 1px solid #c5c5c5;}
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .list_box ul li p {padding: 5.33vw 2.67vw;}
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .list_box ul li p.prev,
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .list_box ul li p.next {font-size: 2.27vw;}
    #wrapper.news_view #wrap .container #sec01 .cont_wrap .list_box ul li p.title {font-size: 2.40vw;}

    #wrapper.news_view #wrap #sec01 .cont_wrap .content_wrap .cont_text .flie_box{width: 100%;padding: 3.33vw 5.33vw;font-size: 2.67vw;}
    #wrapper.news_view #wrap #sec01 .cont_wrap .content_wrap .cont_text .flie_box .bl_txt{padding: 0 5.33vw 0 0 ;}
}


.notice_list {border-top: 1px solid #222; font-size: 24px; padding-top : 26px;}
.notice_list .list {border-bottom: 1px solid #222;}
.notice_list .list:nth-of-type(1) .list_n {padding-top: 0;}
.notice_list .list .list_n {text-align: left; padding: 26px 20px ; cursor: pointer; display: flex; justify-content: space-between; align-items: center;}
.notice_list .list .list_n .line {background: url(../../img/notice/arrow_down.png)no-repeat; width: 22px; height: 12px;}
.notice_list .list .list_n.on .line {background: url(../../img/notice/line_icon.png)no-repeat;}
.notice_list .list .list_n strong {font-size: 16px; display: inline-block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 80%;}
.txt_area {padding: 40px 20px; text-align: left; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #e8e8e8;}
.notice_list .list .list_b {display: none;}
.txt_area p {font-size: 16px; color: #222;}
.down_icon {background:#fcfcfc; padding: 26px 20px;}
.down_icon::after {content: ''; clear: both; display: block;}
.down_icon ul {float: right;}
.down_icon ul li {float: left; margin-left: 20px; font-size: 16px; color: #222; line-height: 35px;}

.list_bt {display: flex; justify-content: space-between; margin-top: 30px; margin-bottom: 30px;}
.list_bt .prev {padding-left: 10px;}
.list_bt .next {padding-right: 10px;}
.list_bt div a {font-size: 18px; color: #222; font-weight: 600;}

.notice {padding: 100px 0 0;}