/****************************** sub_style.css ******************************/
@charset "UTF-8"; body [data-aos=fade-up] { transform: translate3d(0,50px,0); } 

.c_e41e26 { color: #ef4036; } 

.tab-content { display: none; overflow: hidden; } 

.tab-content.current { display: inherit; } 

.cm-btn-controls { margin-top: 100px; } 

.cm-btn-controls button, .cm-btn-controls a { display: block; position: relative; width: 220px; line-height: 65px; height: 65px; font-size: 18px; font-weight: 400; color: #fff; padding: 0 36px; margin: 0 auto; border: 0; background: var(--main-color); transition: all .3s; } 

.cm-btn-controls button:hover, .cm-btn-controls a:hover { color: unset; background: #dadada; transition: all .3s; } 

.cm-btn-controls buttona:focus, .cm-btn-controls a:focus { outline: unset; box-shadow: unset; } 

@media all and (max-width: 767px){
 .cm-btn-controls { margin-top: 80px; } 

 .cm-btn-controls button, .cm-btn-controls a { width: 200px; font-size: 16px; } 
 }

@media all and (max-width: 479px){
 .cm-btn-controls button, .cm-btn-controls a { width: 150px; line-height: 55px; height: 55px; font-size: 14px; } 
 }

/*---------- subVtop ----------*/
/* #wrapper { overflow-y: scroll; overflow-x: hidden; height: 100%; } */
#subVtop { position: relative; } 

#subVtop:before { content: "Nano&Tech"; position: absolute; top: 120px; right: 0; width: 100%; font-size: 258px; font-weight: 700; color: rgb(241 241 241 / 30%); text-align: right; letter-spacing: -10px; } 

#subVtop .inner { width: 100%; height: 100%; padding-top: calc(100px + 245px); } 

#subVtop .inner .txt { flex-direction: column; position: relative; max-width: 1600px; margin: 0 auto; } 

#subVtop .inner .txt:before, #subVtop .inner .txt:after { content: ""; display: block; position: absolute; width: 100%; } 

#subVtop .inner .img { margin-top: 50px; } 

#subVtop .inner .img:after { content: ""; display: block; width: 100%; height: 453px; } 

#subVtop.company .inner .img:after { background: url(/img/sub_visual1.jpg) no-repeat center / cover fixed; } 

#subVtop.esg .inner .img:after { background: url(/img/sub_visual2.jpg) no-repeat center / cover fixed; } 

#subVtop.pro .inner .img:after { background: url(/img/sub_visual3.jpg) no-repeat center / cover fixed; } 

#subVtop.faci .inner .img:after { background: url(/img/sub_visual4.jpg) no-repeat center / cover fixed; } 

#subVtop.certi .inner .img:after { background: url(/img/sub_visual5.jpg) no-repeat center / cover fixed; } 

#subVtop.inq .inner .img:after { background: url(/img/sub_visual6.jpg) no-repeat center / cover fixed; } 

/*---------- sub_nav ----------*/
#subVtop .inner .txt .nav { align-items: center; } 

#subVtop .inner .txt .nav span { display: inline-block; font-size: 16px; font-weight: 500; margin-right: 10px; } 

#subVtop .inner .txt .nav span:last-child { margin-right: 0; } 

#subVtop .inner .txt .nav span:not(:first-child) { cursor: default; } 

#subVtop .inner .txt .nav span::before { content: ""; display: inline-block; width: 3px; height: 3px; margin-right: 10px; vertical-align: middle; background-color: #949494; } 

#subVtop .inner .txt .nav span:first-child::before { display: none; } 

#subVtop .inner .txt .nav span a i { color: var(--main-color); } 

/**/
#subVtop .inner .txt h2 { font-size: 80px; padding-bottom: 10px; margin-top: 25px; } 

/**/
#subVtop .inner .txt .right { align-self: flex-end; margin-top: 35px; } 

#subVtop .lnbs { display: block; position: relative; width: 100%; height: 48px; } 

#subVtop.privacy .lnbs { display: none; } 

#subVtop.privacy .inner .txt:before { bottom: calc(-70px + -96px / 2); } 

#subVtop.privacy .inner .txt:after { bottom: calc(-70px + -150px / 2); } 

#subVtop .lnbs .lnb_wrap .menu-location { position: relative; } 

#subVtop .lnbs .lnb_wrap .menu-location a { font-weight: 500; padding: 15px 10px; } 

#subVtop .lnbs .lnb_wrap .menu-location > a { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #111; } 

#subVtop .lnbs .lnb_wrap .menu-location > a span { display: inline-block; margin-right: 30px; } 

#subVtop .lnbs .lnb_wrap .menu-location > a i { color: var(--main-color); } 

#subVtop .lnbs .lnb_wrap .menu-location .s_lnb { width: 100%; } 

#subVtop .lnbs .lnb_wrap .menu-location .s_lnb ul { display: flex; margin: 0 -3px; } 

#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li { flex: 1 1 auto; min-width: 157px; position: relative; margin: 0 3px; } 

#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li a { anchor-name: none; display: block; text-align: center; background: #f1f1f1; border-radius: 10px; transition: all 1s; } 

/* on */
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li.on a { background: var(--main-color); color: #fff; transition: all 1s; } 

/* mobile: lnb_m */
#lnb_m { display: none; } 

/* #lnb_m { display:none; position: relative; z-index:555; } 
#lnb_m > a { width:100%; height:60px; background: #bc0005; display: table; box-sizing:border-box; padding: 0 2%; position: relative; } 
#lnb_m > a:after { content:""; display: block; width:10px; height:10px; border-left:3px solid #fff; border-bottom:3px solid #fff; position: absolute; top: 20px; right: 20px; transform:rotate(-45deg); } 
#lnb_m > a span { display: table-cell; vertical-align: middle; color: #fff; font-size: 18px; } 
#lnb_m ul { display: none; box-sizing:border-box; background: rgba(0,0,0,0.8); position: absolute; top: 60px; left: 0; width: 100%; overflow: hidden; } 
#lnb_m ul li a { display: block; width: 100%; line-height:150%; box-sizing:border-box; padding:10px 15px; color: #fff; border-top: 1px solid #c3c3c3; } 
#lnb_m ul li:first-child a { border-top: none; } 
@keyframes vsTit { 
 0% { opacity:0; transform:scale(.5); } 
100% { opacity:1; -webkit-transform:scale(1); } 
 }
@-webkit-keyframes vsTit { 
 0% { opacity:0; -webkit-transform:scale(.5); } 
100% { opacity:1; -webkit-transform:scale(1); } 
 }*/
/*---------- page_wrap: common ----------*/
.page_wrap { position: relative; } 

.page_wrap .page_con {padding: 155px 0 75px;} 

.page_wrap.pro .page_con { padding: 155px 0 calc(155px - 70px); } 

.page_wrap .page_con .con .wrap .tit { margin-bottom: 85px; } 

.page_wrap .page_con .con .wrap .tit h2 { font-size: 60px; letter-spacing: -1.5px; line-height: 1.2; text-align: center; } 

/**/
.page_wrap .page_con .con.con1 .wrap .tab { justify-content: center; margin: -1px 0 35px -1px; border-bottom: 1px solid #dadada; } 

.page_wrap .page_con .con.con1 .wrap .tab li.current:after { content: ""; display: block; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background: #fff; } 

.page_wrap .page_con .con.con1 .wrap .tab.fx_2 li { flex-basis: calc(100% / 2 ); max-width: fit-content; } 

.page_wrap .page_con .con.con1 .wrap .tab.fx_3 li { flex-basis: calc(100% / 3 ); } 

.page_wrap .page_con .con.con1 .wrap .tab.fx_4 li { flex-basis: calc(100% / 3 ); } 

.page_wrap .page_con .con.con1 .wrap .tab li { border-top: 2px solid transparent; background: #fbfbfb; text-align: center; color: #999; transition: all .3s; } 

.page_wrap .page_con .con.con1 .wrap .tab li a { display: block; height: 100%; font-size: 18px; padding: 25px; } 

.page_wrap.pro .page_con .con.con1 .wrap .tab li a {padding: 24px 30px;} 

.page_wrap.pro .page_con .con.con1 .wrap .tab li a span { display: block; line-height: 1.4; } 

/* current, hover */
.page_wrap .page_con .con.con1 .wrap .tab li.current { position: relative; border-width: 2px 1px 0 1px; border-style: solid solid none solid; border-color: var(--main-color) #dadada #fff #dadada; color: var(--main-color); font-weight: 700; background: #fff; } 

/**/
.page_wrap .page_con .content .con .wrap { width: 100%; max-width: 1600px; margin: 0 auto; } 

/**/
.page_wrap .page_con .con .down.flex { justify-content: flex-start; } 

.page_wrap .page_con .con .down { margin-top: 30px; } 

.page_wrap .page_con .con .down a, .page_wrap .page_con .con .down button { display: block; width: 348px; height: 76px; padding: 27px 20px; font-size: 18px; font-weight: 300; color: var(--main-color);; border: 1px solid var(--main-color);; border-radius: 38px; text-align: center; transition: all .3s; } 

.page_wrap .page_con .con .down button { background: transparent; } 

.page_wrap .page_con .con .down a:first-child { margin-right: 20px; } 

.page_wrap.company7 .page_con .con .down a:first-child { margin-right: 0; } 

.page_wrap .page_con .con .down a i, .page_wrap .page_con .con .down button i { margin-left: 15px; } 

/* hover */
.page_wrap .page_con .con .down a:hover, .page_wrap .page_con .con .down button:hover { color: #fff; background: var(--main-color);; transition: all .3s; } 

/**/
.page_wrap .page_top .txt > p, .page_wrap .page_con .con .right p, .page_wrap.recruit3 .page_con .con .bottom p { font-weight: 300; color: #666; line-height: 1.8; letter-spacing: -.5px; margin-bottom: 30px; } 

.page_wrap .page_top .txt > p { margin-bottom: 45px; } 

.page_wrap .page_con .con .right p strong, .page_wrap.recruit3 .page_con .con .bottom p strong { color: #111; } 

/**/
.privacy_table, .privacy_table table { width: 100% !important; } 

/* table, scroll */
/* .scroll_guide { display: none; position:absolute; top: 50%; left:50%; width: 115px; height: auto; border-radius:7px; background:rgba(0,0,0,0.67); padding:10px; text-align:center; transform:translate(-50%, -50%); z-index:10; transition: all .5s; } */
.scroll_guide_txt { margin-top: 4px; font-size: 13px !important; line-height: 1.4; padding-left: 0 !important; margin-bottom: 0 !important; } 

.scroll_guide_i, .scroll_guide_txt { color: #fff !important; } 

/* hover */
/* .board_table:hover .scroll_guide { display: none; transition: all .5s; } */
/* Scroll */
.board_table { position: relative; overflow-x: auto; overflow-y: hidden}

.scroll_guide { position: absolute; top: 50%; left: 50%; width: 110px; height: 100px; border-radius: 7px; background: rgba(0,0,0,0.67); padding: 10px; text-align: center; transform: translate(-50%, -50%); z-index: 10; } 

.over-height .scroll_guide { top: 350px}

/* .scroll_guide_img { width:50%; height:auto } */
/* .scroll_guide_text { margin-top:4px; font-size:13px; color:#fff; } */
/**/
.page_wrap .page_con .content .board_table { position: relative; } 

.page_wrap .page_con .content .board_table table { position: relative; max-width: 1600px; width: 100%; border-collapse: collapse; } 

.page_wrap .page_con .content .board_table table:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; width: 100%; margin: 0 auto; border-top: 1px solid #000; } 

.page_wrap .page_con .content .board_table table tbody tr { border-bottom: 1px solid #d9d9d9; } 

.page_wrap .page_con .content .board_table table tbody tr th, .page_wrap .page_con .content .board_table table tbody tr td { text-align: center; border: 1px solid #d9d9d9; vertical-align: middle; font-size: 18px; } 

.page_wrap .page_con .content .board_table table tbody tr th.w_20 { width: 20%; } 

.page_wrap .page_con .content .board_table table tbody tr th.w_25 { width: 25%; } 

.page_wrap .page_con .content .board_table table tbody tr th { background: #f9f9f9; font-weight: 500; padding: 30px 5px; } 

.page_wrap .page_con .content .board_table table tbody tr .bc_f9f9f9 { background: #f9f9f9; } 

.page_wrap.company1 .page_con .content .board_table table tbody tr th { font-size: 20px; } 

.page_wrap .page_con .content .board_table table tbody tr .lh { line-height: 1.4; } 

.page_wrap .page_con .content .board_table table tbody tr th:first-child, .page_wrap .page_con .content .board_table table tbody tr td:first-child { border-left: none; } 

.page_wrap .page_con .content .board_table table tbody tr th:last-child, .page_wrap .page_con .content .board_table table tbody tr td:last-child { border-right: none; } 

.page_wrap .page_con .content .board_table table tbody tr td { font-weight: 300; line-height: 1.4; padding: 17px 5px; } 

.page_wrap.company1 .page_con .content .board_table table tbody tr td { padding: 20px 5px; } 

/* .company1.privacy */
.page_wrap.company1.privacy .page_con .content .con .wrap { margin: 0 auto; border: 1px solid #e7e7e7; transition: all .3s; } 

/* hover */
.page_wrap.company1.privacy .page_con .content .con .wrap:hover { box-shadow: 0 0 30px rgb(17 17 17 / 5%); transition: all .3s; } 

/*---------- company0 ----------*/
.page_wrap.company0 .page_con .con .left > span { display: block; margin-bottom: 15px; } 

.page_wrap.company0 .page_con .con .left h3 { font-size: 36px; font-weight: 500; line-height: 1.3; letter-spacing: -1px; } 

.page_wrap.company0 .page_con .con .right { width: 100%; max-width: 1140px; } 

.page_wrap.company0 .page_con .con .right p { letter-spacing: -.5px; } 

/*---------- company1 ----------*/
.page_wrap.company1 .page_con .con.con1 .wrap { flex-direction: column; } 

.page_wrap.company1 .page_con .con.con1 .wrap .tit { margin-bottom: 100px; } 

.page_wrap.company1 .page_con .con.con1 .wrap .tit h2 { text-align: inherit; } 

.page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .img { position: relative; height: 489px; margin-bottom: 90px; } 

.page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .img img { display: block; position: absolute; left: -5%; top: 0; width: 110%; max-width: 1750px; height: 100%; border-radius: 20px; object-fit: cover; } 

.page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .txt .left strong { display: block; font-size: 42px; letter-spacing: -1px; line-height: 1.2; } 

.page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .txt .left h4 { font-size: 90px; line-height: 1.4; letter-spacing: -2px; color: var(--main-color); } 

.page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .txt .right { width: 64%; max-width: 900px; margin-left: 50px; } 

.page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .txt .right ul li { font-size: 20px; font-weight: 300; color: #666; line-height: 1.8; margin-bottom: 35px; } 

.page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .txt .right ul li:last-child { font-size: 30px; color: inherit; margin-bottom: 0; } 

/*---------- pro ----------*/
.page_wrap.pro .page_con .con.con1 .wrap .img_map { display: block; width: 100%; max-width: fit-content; margin: 0 auto; } 

.page_wrap.pro .page_con .con.con1 .wrap .img_map_area area { transition: all 2s; } 

.page_wrap.pro .page_con .con.con1 .wrap .sec { padding-top: calc(130px - 70px); } 

.page_wrap.pro .page_con .con.con1 .wrap .sec .txt { margin-bottom: 40px; } 

.page_wrap.pro .page_con .con.con1 .wrap .sec .txt h3 { font-size: 36px; } 

.page_wrap.pro .page_con .con.con1 .wrap .sec .img ul { flex-wrap: wrap; justify-content: flex-start; margin: 0 -15px; } 

.page_wrap.pro .page_con .con.con1 .wrap .sec .img ul li { width: calc(100% / 4 - 30px); margin: 0 15px 70px; } 

.page_wrap.pro .page_con .con.con1 .wrap .sec .img ul li figure { border: 1px solid #dadada; border-radius: 20px; margin-bottom: 35px; } 

.page_wrap.pro .page_con .con.con1 .wrap .sec .img ul li figure img {display: block;width: 100%;max-width: 380px;object-fit: contain;} 

.page_wrap.pro .page_con .con.con1 .wrap .sec .img ul li h4 { font-size: 24px; margin-bottom: 25px; } 

.page_wrap.pro .page_con .con.con1 .wrap .sec .img ul li p { font-size: 20px; color: #666; } 

/**/
.page_wrap.pro.pro3 .page_con .con.con1 .wrap .sec { padding-top: 0; } 

.page_wrap.pro.pro3 .page_con .con.con1 .wrap .sec .img ul li { width: 100%; } 

.page_wrap.pro.pro3 .page_con .con.con1 .wrap .sec .img ul li figure img { display: block; width: 100%; max-width: max-content; margin: 0 auto; } 

/**/
.page_wrap.pro .page_con .con.con1 .wrap .sec .img.s_event li { opacity: 0; transform: translateX(-15%); transition-duration: .7s; transition-delay: .3s; } 

.page_wrap.pro .page_con .con.con1 .wrap .sec .img.s_event.active li { opacity: 1; transform: translateX(0%); transition-duration: .7s; } 

.page_wrap.pro .page_con .con.con1 .wrap .sec .img.s_event.active li:nth-child(1) { transition-delay: 0.1s; } 

.page_wrap.pro .page_con .con.con1 .wrap .sec .img.s_event.active li:nth-child(2) { transition-delay: 0.2s; } 

.page_wrap.pro .page_con .con.con1 .wrap .sec .img.s_event.active li:nth-child(3) { transition-delay: 0.3s; } 

.page_wrap.pro .page_con .con.con1 .wrap .sec .img.s_event.active li:nth-child(4) { transition-delay: 0.4s; } 

/*---------- esg ----------*/
.page_wrap.esg .page_con .con.con1 .wrap { flex-direction: column; } 

.page_wrap.esg .page_con .con.con1 .wrap .sec.sec1 .img { position: relative; margin-bottom: 85px; } 

.page_wrap.esg .page_con .con.con1 .wrap .sec.sec1 .img img { display: block; width: 100%; max-width: 851px; margin: 0 auto; } 

.page_wrap.esg .page_con .con.con1 .wrap .sec.sec1 .img .flow-container { position: absolute; left: 0; right: 0; top: 50%; width: 150%; margin: 0 auto; transform: translate(-25%, -50%); z-index: -1; } 

.page_wrap.esg .page_con .con.con1 .wrap .sec.sec1 .img .flow-wrap { animation-duration: 40s}

.page_wrap.esg .page_con .con.con1 .wrap .sec.sec1 .img .flow-text { display: flex; flex: 0 0 auto; white-space: nowrap; overflow: hidden; transition: 0.3s; font-family: "Montserrat", sans-serif; font-size: 235px; font-weight: 700; color: #f0f0f0; padding: 20px 0; } 

.page_wrap.esg .page_con .con.con1 .wrap .sec.sec1 .img .flow-wrap { animation: textLoop 30s linear infinite; padding-right: 1.4881vw; padding-right: 5.4881vw; cursor: default; } 

.page_wrap.esg .page_con .con.con1 .wrap .sec.sec1 .txt h3 { font-size: 30px; fo; text-align: center; letter-spacing: .5px; line-height: 1.8; } 

.page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 { padding-top: 130px; margin-top: 130px; border-top: 1px solid #dadada; } 

.page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box { margin-bottom: 100px; } 

.page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box:last-child { margin-bottom: 0; } 

.page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box:nth-child(2n) { flex-direction: row-reverse; } 

.page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box div { width: 50%; max-width: 800px; } 

.page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box .txt { width: 60%; padding: 35px 0 0 6.2%; box-sizing: content-box; } 

.page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box:nth-child(2n) .txt { padding: 35px 6.2% 0 3.2%; } 

.page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box div img { display: block; width: 100%; object-fit: cover; } 

.page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box .img img {max-width: 804px;height: 430px;border-radius: 10px;} 

.page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box .txt img { max-width: 100px; } 

.page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box .txt h3 { font-size: 36px; margin: 25px 0 20px; } 

.page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box .txt p { font-size: 20px; color: #666; } 

@keyframes textLoop { 
 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 

 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 
 }

/*---------- faci ----------*/
.page_wrap.faci .page_con .con.con1 .wrap .left .faci_mySwiper2::-webkit-scrollbar { width: 5px; height: 5px; } 

.page_wrap.faci .page_con .con.con1 .wrap .left .faci_mySwiper2::-webkit-scrollbar-thumb { background-color: #999; } 

.page_wrap.faci .page_con .con.con1 .wrap .left {position: relative;width: 50%;max-width: 670px;margin-right: 3.5%;} 

.page_wrap.faci .page_con .con.con1 .wrap .left .faci_swiper { width: 100%; /* height: 100%; */
 margin-left: auto; margin-right: auto; } 

.page_wrap.faci .page_con .con.con1 .wrap .left .faci_swiper .swiper-slide { width: 100% !important; background: #fff; border: 1px solid #dadada; } 

.page_wrap.faci .page_con .con.con1 .wrap .left .faci_swiper.faci_mySwiper .swiper-slide { padding: 50px 35px; } 

.page_wrap.faci .page_con .con.con1 .wrap .left .faci_swiper .swiper-slide img { display: block; width: 100%; max-width: 670px; margin: 0 auto; object-fit: cover; } 

.page_wrap.faci .page_con .con.con1 .wrap .left .faci_swiper.faci_mySwiper .swiper-slide img { height: 495px; } 

.page_wrap.faci .page_con .con.con1 .wrap .left .faci_swiper.faci_mySwiper2 .swiper-slide img { height: 100%; } 

.page_wrap.faci .page_con .con.con1 .wrap .left .faci_swiper .swiper-slide h3 { font-size: 24px; text-align: center; margin-top: 20px; } 

.page_wrap.faci .page_con .con.con1 .wrap .left .faci_mySwiper { position: relative !important; overflow: hidden; } 

.page_wrap.faci .page_con .con.con1 .wrap .left .faci_mySwiper2 { height: auto; margin-top: 30px; /* overflow: hidden; */}

.page_wrap.faci .page_con .con.con1 .wrap .left .faci_mySwiper2 .swiper-slide { width: calc(100% / 6 - 8px) !important; height: 100px; cursor: pointer; margin-bottom: 5px; } 

.page_wrap.faci .page_con .con.con1 .wrap .left .faci_mySwiper2 .swiper-slide:nth-child(6) { margin-right: 0 !important; } 

.page_wrap.faci .page_con .con.con1 .wrap .left .faci_mySwiper2 .swiper-slide:not(.swiper-slide-thumb-active):after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 40%); } 

.page_wrap.faci .page_con .con.con1 .wrap .right { width: 100%; } 

/*---------- faci1 ----------*/
.page_wrap.faci1 .page_con .con.con1 .wrap .left {width: 100%;max-width: 100%;margin-right: 0;} 

/*---------- faci2 ----------*/
.page_wrap.faci2 .page_con .con.con1 .wrap .left .faci_mySwiper2 .swiper-slide { width: calc(100% / 4 - 8px) !important; } 

/*---------- certi ----------*/
.page_wrap.certi .page_con .con.con1 .wrap .img ul { flex-wrap: wrap; justify-content: flex-start; margin: 0 -15px; } 

.page_wrap.certi .page_con .con.con1 .wrap .img ul li { width: calc(100% / 5 - 30px); margin: 0 15px 50px; padding: 0; transition: all .3s; } 

.page_wrap.certi .page_con .con.con1 .wrap .img ul li:nth-child(5n) { clear: unset; } 

.page_wrap.certi .page_con .con.con1 .wrap .img ul li:last-child { margin-right: 0; } 

.page_wrap.certi .page_con .con.con1 .wrap .img ul li figure { position: relative; padding: 40px; border: 1px solid #d8d8d8; background: #fafafa; transition: all .3s; } 

.page_wrap.certi .page_con .con.con1 .wrap .img ul li figure img { display: block; width: 100%; max-width: 215px; height: 100%; max-height: 300px; object-fit: cover; margin: 0 auto; box-shadow: 6px 6px 6px #eee; } 

.page_wrap.certi .page_con .con.con1 .wrap .img ul li h3 { font-size: 20px; text-align: center; line-height: 1.6; margin-top: 15px; } 

/* hover */
.page_wrap.certi .page_con .con.con1 .wrap .img ul li:hover figure { box-shadow: 0 0 10px rgba(0,0,0,.1); transition: all .3s; } 

/*---------- company3 ----------*/
.page_wrap.company3 .page_con .con.con1 .flow-text { position: absolute; top: 0; right: 5vw; display: flex; flex: 0 0 auto; white-space: nowrap; overflow: hidden; transition: 0.3s; font-family: "Montserrat", sans-serif; font-size: 200px; font-weight: 700; color: rgb(0 0 0 / 10%); writing-mode: tb-rl; letter-spacing: -10px; z-index: -1; } 

.page_wrap.company3 .page_con .con.con1 .flow-wrap { animation: textLoop2 50s linear infinite; padding-bottom: 1.4881vw; padding-bottom: 5.4881vw; padding-right: 20px; cursor: default; } 

/**/
.page_wrap.company3 .page_con .con.con1 .table { position: relative; max-width: 1450px; margin: 0 auto; } 

.page_wrap.company3 .page_con .con.con1 .table .table_box { margin: 0 auto; } 

.page_wrap.company3 .page_con .con.con1 .table .table_box:after { content: ""; display: block; clear: both; } 

.page_wrap.company3 .page_con .con.con1 .table .table_box > div { float: left; width: 60%; } 

.page_wrap.company3 .page_con .con.con1 .table .table_box .table_txt { width: 20%; } 

.page_wrap.company3 .page_con .con.con1 .table .table_box .table_txt span { font-size: 72px; font-weight: 600; color: #111; } 

.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list { position: relative; float: right; } 

.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list { position: relative; } 

.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list:before { content: ''; position: absolute; display: block; top: 0; left: -3px; width: 8px; height: 8px; border-radius: 50px; background: var(--main-color); z-index: 2; } 

.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list:after { content: ''; position: absolute; top: -3px; left: -6px; width: 14px; height: 14px; background: #fff; border: 1px solid var(--main-color); border-radius: 50px; z-index: 1; } 

.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap { position: relative; padding: 0 0 85px 18%; } 

.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .progress_bar { position: absolute; left: 0; top: 0; width: 2px; height: 100%; background: #ddd; } 

.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .progress_bar span { display: block; width: 4px; height: 0%; margin-left: -1px; background: var(--main-color); z-index: 1; transition: all 100ms ease-in; -webkit-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; } 

.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .year { display: block; position: relative; font-size: 30px; line-height: 0.7; margin-bottom: 25px; } 

.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .year:before { content: ''; display: block; position: absolute; top: 3px; left: -22%; width: 18%; height: 2px; background: #ddd; z-index: -1; } 

.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month { color: #222; } 

.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month li { position: relative; padding-bottom: 20px; } 

.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month li p { display: flex; align-items: center; } 

.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month li p strong { display: inline-block; font-size: 22px; color: var(--main-color); margin-right: 20px; width: 100%; max-width: 70px; } 

/* aos-animate */
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap.aos-animate .progress_bar_color { animation: progress_bar linear 1s; animation-fill-mode: both; animation-delay: 0.3s; } 

/* ani */
@keyframes progress_bar { 
 0% { height: 0%; } 

 100% { height: 100%; } 
 }

@keyframes textLoop2 { 
 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 

 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(0, -100%, 0); } 
 }

/*---------- company4 ----------*/
.page_wrap.company4 .page_con .content:before { content: ""; display: block; position: absolute; top: 23%; left: 0; right: 0; margin: 0 auto; height: 100%; background: #f0f0f0; z-index: -1; } 

.page_wrap.company4 .page_con .con.con1 .wrap .txt h3 { font-family: "Play", ui-sans-serif; font-size: 74px; line-height: 1.2; } 

.page_wrap.company4 .page_con .con.con1 .wrap .txt h3 span { color: var(--menu-color); } 

.page_wrap.company4 .page_con .con.con1 .wrap .img ul { flex-wrap: wrap; justify-content: flex-start; margin: 70px -15px 0; padding: 0; list-style: none; zoom:1 } 

.page_wrap.company4 .page_con .con.con1 .wrap .img ul li { width: calc(100% / 4 - 30px); margin: 0 15px 80px; transition: all .5s; } 

.page_wrap.company4 .page_con .con.con1 .wrap .img ul li figure { display: block; height: 100px; background: #fff; padding: 2%; margin-bottom: 10px; border-radius: 5px; overflow: hidden; } 

.page_wrap.company4 .page_con .con.con1 .wrap .img ul li figure img {display: block;width: 100%;max-width: 150px;height: 100%;object-fit: contain;margin: 0 auto;transition: all .5s;} 

.page_wrap.company4 .page_con .con.con1 .wrap .img ul li p { font-size: 20px; text-align: center; } 

/* hover */
.page_wrap.company4 .page_con .con.con1 .wrap .img ul li:hover figure { box-shadow: 0 0 10px #d1d1d1; transition: all .5s; } 

.page_wrap.company4 .page_con .con.con1 .wrap .img ul li:hover figure img { transform: scale(1.1); transition: all .5s; } 

/*---------- company5 ----------*/
.page_wrap.company5 .page_con .con.con1 .txt { width: 43%; letter-spacing: 0; text-align: right; margin: 2% 5% 0 0; } 

.page_wrap.company5 .page_con .con.con1 .txt h3 { margin-bottom: 25px; } 

.page_wrap.company5 .page_con .con.con1 .txt h3 img {display: inline-block;object-fit: contain;} 

.page_wrap.company5 .page_con .con.con1 .txt h4 { font-size: 22px; font-weight: 300; line-height: 1.4; } 

.page_wrap.company5 .page_con .con.con1 .txt h4 { font-size: 22px; font-weight: 300; padding-bottom: 25px; margin-bottom: 25px; line-height: 1.4; border-bottom: 2px dotted #ccc; } 

.page_wrap.company5 .page_con .con.con1 .txt ul { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } 

.page_wrap.company5 .page_con .con.con1 .txt ul li { width: 50%; justify-content: flex-end; } 

.page_wrap.company5 .page_con .con.con1 .txt ul li:last-child { width: 100%; align-items: center; margin-top: 15px; } 

.page_wrap.company5 .page_con .con.con1 .txt ul li p strong { display: block; } 

.page_wrap.company5 .page_con .con.con1 .txt ul li img { display: block; width: 70px; margin-left: 20px; } 

.page_wrap.company5 .page_con .con.con1 .map { width: 52%; } 

.page_wrap.company5 .page_con .con.con1 .map iframe { width: 100%; border-radius: 20px; box-shadow: 10px 10px 13px #1111111f; } 

/*---------- company2 ----------*/
.page_wrap.company2 .page_con .con.con1 .txt { margin-bottom: 100px; } 

.page_wrap.company2 .page_con .con.con1 .txt h3 { font-size: 36px; text-align: center; } 

/**/
.page_wrap.company2 .page_con .con.con1 .wrap .sec { padding-top: 130px; } 

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .img { align-items: center; } 

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 {position: relative;width: 45%;max-width: 680px;} 

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1:before {content: "";display: block;background: url('/img/company2-1_bg1.png') no-repeat center / contain;width: 100%;height: 660px;margin: 0 auto;} 

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul {position: absolute;top: 0;left: 0;right: 0;flex-wrap: wrap;max-width: 680px;height: 100%;margin: 0 auto;} 

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul li { position: relative; flex-basis: 50%; text-align: center; } 

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul li:nth-child(1) { position: absolute; top: 50%; bottom: auto; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); } 

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul li { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; position: absolute; width: 247px; height: 247px; z-index: 1; } 

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul li:nth-child(2) {top: -20px;left: -10px;background: url('/img/company2-1_2.png') no-repeat center / contain;} 

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul li:nth-child(3) { top: -20px; right: -10px; background: url('/img/company2-1_4.png') no-repeat center / contain; } 

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul li:nth-child(4) { bottom: -20px; left: -10px; background: url('/img/company2-1_6.png') no-repeat center / contain; } 

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul li:nth-child(5) { bottom: -20px; right: -10px; background: url('/img/company2-1_8.png') no-repeat center / contain; } 

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul li img { transition: all .3s; } 

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul li:nth-child(1) img { display: inline-block; width: 100%; max-width: 200px; object-fit: contain; filter: brightness(1.3); } 

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul li p { font-size: 22px; font-weight: 300; color: #818182; line-height: 1.4; margin-top: 10px; transition: all .3s; } 

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box2 { position: relative; } 

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box2 img {display: block;width: 100%;max-width: 250px;object-fit: contain;transform: rotate(90deg);} 

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box2 p { position: absolute; top: 45%; left: 50%; font-size: 28px; color: #222; text-align: center; line-height: 1.2; transform: translate(-50%, -50%); } 

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box3 {width: 35%;box-shadow: 0 0 10px rgba(0,0,0,.1);border-radius: 20px;padding: 40px 24px;text-align: center;background: var(--main-color);} 

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box3 p { display: inline-block; position: relative; font-size: 28px; font-weight: 600; color: #fff; letter-spacing: -1px; transition: all .3s; } 

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box3 p:before, .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box3 p:after { content: ""; display: block; position: absolute; top: 10%; max-width: 30px; width: 100%; height: 30px; transform: translateY(-50%); filter: opacity(0.3); } 

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box3 p:before { left: -2vw; background: url(/img/mark_icon1.png) no-repeat center / contain; } 

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box3 p:after { right: -2vw; background: url(/img/mark_icon2.png) no-repeat center / contain; } 

/**/
.page_wrap.company2 .page_con .con.con1 .sec.sec2 .img { flex-direction: column; } 

.page_wrap.company2 .page_con .con.con1 .sec.sec2 .img .box.box1 { position: relative; height: 200px; } 

.page_wrap.company2 .page_con .con.con1 .sec.sec2 .img .box.box1:before {content: "";display: block;position: absolute;top: 0;left: 0;background: url('/img/company2-2_bg1.png') no-repeat center / 100% 100%;width: 100%;max-width: 1600px;height: 200px;margin: 0 auto;z-index: -1;} 

.page_wrap.company2 .page_con .con.con1 .sec.sec2 .img .box.box1 ul { align-items: center; height: 100%; } 

.page_wrap.company2 .page_con .con.con1 .sec.sec2 .img .box.box1 ul li { width: 50%; } 

.page_wrap.company2 .page_con .con.con1 .sec.sec2 .img .box.box1 ul li img { display: block; width: 100%; height: 120px; object-fit: contain; } 

.page_wrap.company2 .page_con .con.con1 .sec.sec2 .img .box.box2 { margin-top: 50px; } 

.page_wrap.company2 .page_con .con.con1 .sec.sec2 .img .box.box2 p { font-size: 20px; line-height: 1.8; } 

/**/
.page_wrap.company2 .page_con .con.con1 .sec.sec3 .img .box.box1 { margin-bottom: 50px; } 

.page_wrap.company2 .page_con .con.con1 .sec.sec3 .img .box.box1 img {display: block;width: 100%;height: 600px;border-radius: 20px;object-fit: cover;} 

.page_wrap.company2 .page_con .con.con1 .sec.sec3 .board_table table:last-child:before { display: none; } 

.page_wrap.company2 .page_con .con.con1 .sec.sec3 .board_table table tbody tr th { width: 25%; } 

/*---------- company6 ----------*/
.page_wrap.company0.company6 .page_con .con.con2 { padding-top: 85px; } 

.page_wrap.company0.company6 .page_con .con:not(:last-child) .wrap { border-bottom: 1px solid #e7e7e7; } 

.page_wrap.company0.company6 .page_con .con .right .sec:not(:last-child) { padding: 85px 0; border-bottom: 1px solid #e7e7e7; } 

.page_wrap.company0.company6 .page_con .con .right .sec:first-child { padding: 0 0 85px; } 

.page_wrap.company0.company6 .page_con .con .right .sec:last-child { padding: 85px 0 115px; } 

.page_wrap.company0.company6 .page_con .con.con1 .right .sec.sec1 p:nth-child(1) { margin-bottom: 55px; } 

.page_wrap.company0.company6 .page_con .con .right .sec p, .page_wrap.company0.company6 .page_con .con .right .sec.sec3 .img:nth-child(1), .page_wrap.company0.company6 .page_con .con .right .sec.sec4 .img:nth-child(1) { margin-bottom: 30px; } 

.page_wrap.company0.company6 .page_con .con .right .sec h4, .page_wrap.company0.company6 .page_con .con.con2 .right ul li h5, .page_wrap.mgmt2 .page_con .con .right .sec h4, .page_wrap.mgmt4 .page_con .con .sec h4, .page_wrap.pro .page_con .content .right .sec.sec2 div h4 { font-weight: 600; color: #666; line-height: 1.3; margin-bottom: 10px; } 

.page_wrap.company0.company6 .page_con .con .right .sec h4, .page_wrap.mgmt4 .page_con .con .sec h4, .page_wrap.pro .page_con .content .right .sec.sec2 div h4 { font-size: 24px; } 

.page_wrap.company0.company6 .page_con .con .right .sec .img { border: 1px solid #e4e4e4; padding: 50px 30px; } 

.page_wrap.company0.company6 .page_con .con .right .sec.sec4 .img:nth-child(2) { background: #58595b; } 

.page_wrap.company0.company6 .page_con .con .right .sec .img img { display: block; width: 100%; max-width: 800px; margin: 0 auto; object-fit: cover; } 

/* con2 */
.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul { } 

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul p { color: #fff; padding: 20px; margin-right: 20px; } 

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul p span { display: block; } 

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li:not(:last-child) { margin-bottom: 40px; } 

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li h5 { display: inline-block; position: relative; font-size: 20px; padding-right: 30px; } 

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li h5:before { content: ""; display: block; position: absolute; bottom: calc(50% - 1px); right: 0; width: 20px; height: 2px; background: #ef4036; } 

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li div p { margin: 0; } 

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li div.flex.fx_2 p { flex-basis: 50%; } 

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li div.flex.fx_3 p { flex-basis: calc(100% / 3); } 

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li.li1 div p:nth-child(1) { background: rgb(226 30 38); } 

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li.li1 div p:nth-child(2) { background: rgb(88 88 91); } 

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li.li2 div p:nth-child(1) { background: rgb(147 18 21); } 

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li.li2 div p:nth-child(2) { background: rgb(167 169 171); } 

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li.li2 div p:nth-child(3) { background: rgb(209 210 212); } 

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li.li3 div p:nth-child(1) { background: linear-gradient(to right top, #c6b171, #c6b171, #f4e6ba, #c6b171, #c6b171, #f4e6ba, #c6b171); } 

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li.li3 div p:nth-child(2) { background: linear-gradient(to right top, #a7a9ab, #a7a9ab, #eeeeee, #a7a9ab, #a7a9ab, #eeeeee, #a7a9ab); } 

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li.li1 div p span:first-child { margin-bottom: 10px; } 

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li div p span:not(:first-child) { font-size: 16px; color: rgb(255 255 255 / 70%); } 

/**/
.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec2 ul { flex-wrap: wrap; margin: 0 -10px; } 

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec2 ul li { flex-basis: calc(100% / 2 - 20px); padding: 20px 30px; margin: 0 10px 20px; } 

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec2 ul li:last-child { margin: 0 10px 0; } 

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec2 ul li.img img { max-width: 400px; height: 100px; } 

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec2 ul li.img p { text-align: center; margin: 20px auto 0; } 

/*---------- company7 ----------*/
.page_wrap.company7 { padding-bottom: 125px; } 

/**/
.page_wrap.company7 .page_con .con .center { flex-wrap: wrap; margin: 0 -20px; } 

.page_wrap.company7 .page_con .con .center ul { flex-basis: calc(100% / 2 - 40px); height: 260px; margin: 0 20px 40px; border: 1px solid #e7e7e7; padding: 45px 3%; border-radius: 10px; /* transition: all .3s; */}

.page_wrap.company7 .page_con .con .center ul:nth-child(n+11):nth-child(-n+12) { margin: 0 20px 0; } 

.page_wrap.company7 .page_con .con .center ul li:nth-child(1) { margin-right: 5%; } 

.page_wrap.company7 .page_con .con .center ul li:nth-child(2) img { display: block; width: 100%; max-width: 79px; object-fit: cover; } 

.page_wrap.company7 .page_con .con .center ul li h4 { font-size: 30px; margin-bottom: 50px; line-height: 1.6; } 

.page_wrap.company7 .page_con .con .center ul li p { font-weight: 500; margin-bottom: 10px; } 

.page_wrap.company7 .page_con .con .center ul li p a, .page_wrap.recruit2 .page_con .con .center ul li p { display: inline-block; color: #666; font-weight: 300; margin-left: 10px; } 

.page_wrap.company7 .page_con .con .center ul li p a:after { content: "\ea0d"; font-family: 'xeicon'; font-size: 20px; color: var(--main-color);; margin-left: 10px; opacity: 0; transition: all .3s; } 

/* hover */
.page_wrap.company7 .page_con .con .center ul:hover { border: 1px solid var(--main-color);; box-shadow: 0 0 30px rgb(17 17 17 / 5%); transition: all .3s; } 

.page_wrap.company7 .page_con .con .center ul:hover li p a:after { margin-left: 10px; opacity: 1; transition: all .3s; } 

/*---------- company8 ----------*/
.page_wrap.company8 .page_con .con #map { width: 100% !important; height: auto !important; margin-bottom: 50px; } 

.page_wrap.company8 .page_con .con #map img { display: block; width: 100%; max-width: 1600px; object-fit: cover; } 

/**/
.page_wrap.company8 .page_con .con .txt .top { border-bottom: 1px solid #d8d8d8; padding-bottom: 20px; margin-bottom: 20px; } 

.page_wrap.company8 .page_con .con .txt .top h4 { font-size: 40px; font-weight: 600; } 

.page_wrap.company8 .page_con .con .txt .top .map_link { margin-top: 15px; } 

.page_wrap.company8 .page_con .con .txt .top .map_link:after { content: ""; display: block; clear: both; } 

.page_wrap.company8 .page_con .con .txt .top .map_link li { float: left; } 

.page_wrap.company8 .page_con .con .txt .top .map_link li a { font-size: 20px; } 

.page_wrap.company8 .page_con .con .txt .top .map_link li a i { width: 30px; height: 30px; line-height: 30px; background: transparent; margin-left: 10px; font-size: 18px; text-align: center; transition: all .3s; } 

/* hover */
.page_wrap.company8 .page_con .con .txt .top .map_link li a:hover i { background: var(--main-color);; border-radius: 50%; color: #fff; transition: all .3s; } 

/**/
.page_wrap.company8 .page_con .con .txt .bottom p { margin-bottom: 15px; color: #666; } 

.page_wrap.company8 .page_con .con .txt .bottom p span:nth-child(2) { border-right: 1px solid #d7d7d7; padding-right: 30px; margin-right: 30px; } 

.page_wrap.company8 .page_con .con .txt .bottom p i { font-size: 18px; color: #0260b3; vertical-align: baseline; margin-right: 20px; } 

.page_wrap.company8 .page_con .con .txt .bottom p strong { font-weight: 600; margin-right: 20px; width: 100px; display: inline-block; color: #111; } 

/*---------- mgmt2 ----------*/
.page_wrap.mgmt2 .page_con, .page_wrap.mgmt5 .page_con, .page_wrap.contact1 .page_con { padding: 95px 0 135px; } 

/* con1 */
.page_wrap.mgmt2 .page_con .con .wrap, .page_wrap.mgmt4 .page_con .con .tab-content:not(#tab-1) .sec, .page_wrap.mgmt5 .page_con .con .wrap { padding: 85px 0; border-bottom: 1px solid #e7e7e7; } 

.page_wrap.mgmt2 .page_con .con:nth-child(1) .wrap, .page_wrap.mgmt5 .page_con .con:nth-child(1) .wrap { padding-top: 0; } 

.page_wrap.mgmt2 .page_con .con:nth-child(1) .right p { margin-bottom: 0; } 

.page_wrap.mgmt2 .page_con .con:last-child .wrap, .page_wrap.mgmt4 .page_con .con .tab-content:not(#tab-1) .sec:last-child, .page_wrap.mgmt5 .page_con .con:last-child .wrap { padding-bottom: 0; border-bottom: none; } 

.page_wrap.mgmt5 .page_con .con:nth-last-child(2) .wrap { border-bottom: none; } 

.page_wrap.mgmt2 .page_con .con .right .sec.sec2, .page_wrap.mgmt4 .page_con .con .board_table { margin: 30px auto; } 

.page_wrap.mgmt2 .page_con .con .right .sec h4 { font-size: 24px; } 

.page_wrap.mgmt2 .page_con .con .right .sec ul.flex { flex-wrap: wrap; margin: 0 -20px; } 

.page_wrap.mgmt2 .page_con .con .right .sec ul.flex li.img { position: relative; flex-basis: calc(100% / 2 - 40px); padding: 35px; margin: 0 20px 40px; background: #fafafa; border-radius: 10px; } 

.page_wrap.mgmt2 .page_con .con .right .sec ul.flex li.img figure, .page_wrap.mgmt2 .page_con .con .right .sec ul.flex li.img .list { flex-basis: 50%; } 

.page_wrap.mgmt2 .page_con .con .right .sec ul.flex li.img figure { max-width: 190px; margin: 0; border: none; margin-right: 20px; } 

.page_wrap.mgmt2 .page_con .con .right .sec ul.flex li.img figure img { display: block; width: 100%; height: 100%; max-height: 270px; object-fit: cover; box-shadow: 6px 6px 6px #eee; } 

.page_wrap.mgmt2 .page_con .con .right .sec ul.flex li.img .list li:not(:nth-child(1)) { position: relative; padding-left: 12px; margin-bottom: 10px; } 

.page_wrap.mgmt2 .page_con .con .right .sec ul.flex li.img .list li:not(:nth-child(1)):before { content: ""; display: block; position: absolute; top: 12px; left: 0px; width: 3px; height: 3px; background: var(--main-color);; border-radius: 50%; } 

.page_wrap.mgmt2 .page_con .con .right .sec ul.flex li.img .list li:nth-child(1) { margin-bottom: 20px; } 

.page_wrap.mgmt2 .page_con .con .right .sec ul.flex li.img .list li:nth-child(1) h5 { font-size: 20px; color: var(--main-color);; line-height: 1.32; word-break: keep-all; } 

.page_wrap.mgmt2 .page_con .con .right .sec ul.flex li.img .list li p { margin-bottom: 0; } 

.page_wrap.mgmt2 .page_con .con .right .sec ul.flex li.img .list li p:nth-child(1) strong { display: block; } 

.page_wrap.mgmt2 .page_con .con .right .sec ul.flex li.img .list li p:nth-child(2) { font-size: 16px; } 

.page_wrap.mgmt2 .page_con .con .right .sec ul.flex li.img > p { text-align: center; } 

/**/
/* .page_wrap.mgmt2 .page_con .con.con3 .right .sec:not(.sec1), .page_wrap.mgmt4 .page_con .con .board_table { overflow: auto; } */
.page_wrap.mgmt2 .page_con .content .board_table table, .page_wrap.mgmt4 .page_con .con .board_table table { /* table-layout: fixed; */
 /* white-space: nowrap; */
 word-break: keep-all; max-width: 100%; } 

/*---------- policy ----------*/
.page_wrap.policy .page_con { padding: 95px 0 135px; } 

/* con1 */
.page_wrap.company1.privacy .page_con .content .con .wrap, .page_wrap.policy .page_con .con .center { padding: 6% 13%; } 

.page_wrap.policy .page_con .con .center { margin: 0 auto; border: 1px solid #e7e7e7; transition: all .3s; } 

.page_wrap.policy .page_con .con .center > h3, .page_wrap.company1.privacy .page_con .con h3.aos-init { font-size: 36px; font-weight: 600; margin-bottom: 85px; text-align: center; } 

.page_wrap.policy .page_con .con .center > h3 br, .page_wrap.company1.privacy .page_con .con h3.aos-init br { display: none; } 

.page_wrap.policy.mgmt4 .page_con .con .center > h3 p { font-size: 24px; font-weight: 300; margin-top: 20px; } 

.page_wrap.policy.mgmt4 .page_con .con .center > h3 p span { font-weight: 500; } 

.page_wrap.policy .page_con .con .center .sec { margin-bottom: 60px; } 

.page_wrap.policy .page_con .con .center .sec:nth-last-child(2) { margin-bottom: 85px; } 

.page_wrap.policy .page_con .con .center .sec:last-child { margin-bottom: 0; } 

.page_wrap.policy .page_con .con .center .sec > p:not(:last-child) { margin-bottom: 20px; } 

.page_wrap.policy.mgmt4 .page_con .con .center .sec.sec1 p { font-size: 20px; } 

.page_wrap.policy .page_con .con .center .sec h3 { font-size: 24px; font-weight: 500; color: var(--main-color);; margin-bottom: 20px; } 

.page_wrap.policy .page_con .con .center .sec ul.top { margin: 0 -20px 60px; } 

.page_wrap.policy .page_con .con .center .sec ul.top li { flex-basis: calc(100% / 3 - 40px); margin: 0 20px; padding: 25px; border: 1px solid var(--main-color);; border-radius: 10px; text-align: center; } 

.page_wrap.policy .page_con .con .center .sec ul.bottom { list-style: decimal; list-style-position: inside; } 

.page_wrap.policy .page_con .con .center .sec ul.bottom li:not(:last-child) { margin-bottom: 20px; } 

.page_wrap.policy .page_con .con .center .sec ul.bottom li h4 { display: inline-block; font-size: 18px; margin-bottom: 10px; } 

.page_wrap.policy .page_con .con .center .sec ul.bottom li p { font-weight: 300; padding-left: 1.2%; } 

.page_wrap.policy.mgmt4 .page_con .con .center .sec ul.bottom li p { display: inline-block; padding-left: 0; } 

.page_wrap.policy.mgmt4 .page_con .con .center .sec ul.bottom li::marker { display: inline-block; } 

/* last */
.page_wrap.policy .page_con .con .center .sec.last ul { text-align: center; } 

.page_wrap.policy.mgmt4 .page_con .con .center .sec.last ul { flex-wrap: wrap; } 

.page_wrap.policy .page_con .con .center .sec.last ul li:nth-last-child(2) { margin-bottom: 60px; } 

.page_wrap.policy .page_con .con .center .sec.last ul li p { display: inline-block; font-size: 20px; } 

.page_wrap.policy.mgmt4 .page_con .con .center .sec.last ul li:nth-child(1) p:nth-child(1) { margin: 0; } 

.page_wrap.policy .page_con .con .center .sec.last ul li p:nth-child(1) { margin-right: 20px; } 

.page_wrap.policy .page_con .con .center .sec.last ul li p:nth-child(2) { position: relative; letter-spacing: 5px; } 

.page_wrap.policy .page_con .con .center .sec.last ul li p:nth-child(2):after { content: ""; position: absolute; top: calc(-153px / 2 + 15px); right: calc(-153px + 30px); background: url(../img/mgmt3-1.png) no-repeat center / 150px; width: 100%; max-width: 150px; height: 153px; z-index: -1; } 

.page_wrap.policy .page_con .con .center .sec.last ul li p:nth-child(2) span { font-family: 'ChosunCentennial'; font-size: 22px; } 

/* hover */
.page_wrap.policy .page_con .con .center:hover { box-shadow: 0 0 30px rgb(17 17 17 / 5%); transition: all .3s; } 

/* page */
.privacy_sec { width: 100%; height: 1px; border: 1px dotted #999; margin: 50px 0 100px; } 

.privacy_txt_area { display: none; margin: 0px 0px 50px; padding: 30px 40px; background-color: rgb(240,240,240); color: rgb(51,51,51); font-size: 17px; line-height: 27px; font-family: 'Noto Sans KR', '돋움', sans-serif; } 

.privacy_tit { padding-bottom: 10px; font-size: 23px; line-height: 33px; color: rgb(51,51,51); font-family: 'Noto Sans KR', '돋움', sans-serif; } 

.privacy_txt { padding-bottom: 50px; font-size: 17px; line-height: 27px; color: rgb(51,51,51); font-family: 'Noto Sans KR', '돋움', sans-serif; } 

.privacy_tit2 { padding-bottom: 10px; font-size: 20px; line-height: 30px; color: rgb(51,51,51); font-family: 'Noto Sans KR', '돋움', sans-serif; } 

.privacy_tit3 { padding-bottom: 10px; font-size: 30px; font-weight: 500; line-height: 40px; color: rgb(51,51,51); font-family: 'Noto Sans KR', '돋움', sans-serif; } 

.privacy_table { margin: 0px 0px 50px; padding: 0px; width: 1000px; height: auto; color: rgb(51,51,51); font-family: 'Noto Sans KR', '돋움', sans-serif; font-size: 13px; } 

.privacy_table table { margin: 0px auto; padding: 0px; width: 1000px; border-top: 2px solid rgb(153,153,153); border-left: 1px solid rgb(221,221,221); border-right: 1px solid rgb(221,221,221); } 

.privacy_table table th { margin: 0px; padding: 10px 20px !important; !i; !; font-size: 15px !important; font-weight: 500; background-color: rgb(244,244,244); border-bottom: 1px solid rgb(221,221,221); border-right: 1px solid rgb(221,221,221); } 

.privacy_table table td { margin: 0px; padding: 10px 20px !important; !i; !; font-size: 15px !important; border-bottom: 1px solid rgb(221,221,221); border-right: 1px solid rgb(221,221,221); text-align: center; } 

.privacy_table table td .left { margin: 0px; padding: 10px 20px; font-size: 15px; border-bottom: 1px solid rgb(221,221,221); border-right: 1px solid rgb(221,221,221); } 

.privacy_txt2 { padding-bottom: 10px; font-size: 17px; line-height: 27px; color: rgb(51,51,51); font-family: 'Noto Sans KR', '돋움', sans-serif; } 

/*---------- mgmt4 ----------*/
.page_wrap.mgmt4 .page_con .con .board_table figure { margin-top: 30px; } 

.page_wrap.mgmt4 .page_con .con .board_table figure img { display: block; width: 100%; max-width: 1140px; object-fit: cover; } 

.page_wrap.mgmt4 .page_con .con .list { flex-wrap: wrap; padding: 35px; background: #fafafa; border-radius: 10px; margin-top: 30px; } 

.page_wrap.mgmt4 .page_con .con .list li { position: relative; padding-left: 12px; margin-bottom: 10px; } 

.page_wrap.mgmt4 .page_con .con .list.f_2 li { flex-basis: 50%; } 

.page_wrap.mgmt4 .page_con .con .list.f_3 li { flex-basis: 33%; } 

.page_wrap.mgmt4 .page_con .con .list li:before { content: ""; display: block; position: absolute; top: 12px; left: 0px; width: 3px; height: 3px; background: var(--main-color);; border-radius: 50%; } 

.page_wrap.mgmt4 .page_con .con .list li p { font-size: 16px; margin-bottom: 0; } 

/*---------- mgmt5 ----------*/
.page_wrap.mgmt5 .page_con .con:last-child .wrap, .page_wrap.company7 .page_con .con:last-child .wrap { justify-content: center; } 

.page_wrap.mgmt5 .page_con .con:last-child .down { margin-top: 0; } 

.page_wrap.mgmt5 .page_con .con .down a:first-child { margin-right: 0; } 

/*---------- recruit1 ----------*/
.page_wrap.recruit1 .page_top.no_img .txt h3 { margin: 20px 0 20px; } 

.page_wrap.recruit1 h3 { margin: 20px auto; } 

/**/
.page_wrap.recruit1 .page_con { padding-bottom: 190px; } 

.page_wrap.recruit1 .page_con .right ul.flex:nth-child(2) { flex-direction: row-reverse; margin: 140px auto; } 

.page_wrap.recruit1 .page_con .right ul.flex > li:nth-child(1) { width: 50%; } 

.page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box .right { width: 56.2%; max-width: 700px; padding: 3.2% 0 0 6.2%; box-sizing: content-box; } 

.page_wrap.recruit1 .page_con .right ul.flex > li img { display: block; width: 100%; object-fit: cover; } 

.page_wrap.recruit1 .page_con .right ul.flex > li:nth-child(1) img { max-width: 804px; border-radius: 10px; } 

.page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box .right img { max-width: 97px; } 

.page_wrap.recruit1 .page_con .right ul.bottom p { display: inline-block; margin-bottom: 0; } 

.page_wrap.policy .page_con .con .center .sec ul.bottom, .page_wrap.recruit1 .page_con .right ul.bottom { list-style: decimal; list-style-position: inside; } 

.page_wrap.policy .page_con .con .center .sec ul.bottom li:not(:last-child) { margin-bottom: 20px; } 

.page_wrap.recruit1 .page_con .right ul.bottom li:not(:last-child) { margin-bottom: 5px; } 

.page_wrap.policy .page_con .con .center .sec ul.bottom li p, .page_wrap.recruit1 .page_con .right ul.bottom li p { font-weight: 300; padding-left: 1.2%; } 

/*---------- recruit2 ----------*/
.page_wrap.recruit2 .page_con .con, .page_wrap.recruit3 .page_con .con { padding-top: 80px; } 

/**/
.page_wrap.recruit2 .page_con .con .center ul { height: 300px; } 

.page_wrap.recruit2 .page_con .con .center ul li p { line-height: 2; margin: 0; } 

/*---------- recruit3 ----------*/
.page_wrap.recruit3 .page_con .con { padding-bottom: 125px; } 

/**/
.page_wrap.recruit3 .page_con .con .center .top { justify-content: center; align-items: center; padding: 30px; border: 2px dotted #ef4036; border-radius: 500px; } 

.page_wrap.recruit3 .page_con .con .center .top li { margin: 0 20px; text-align: center; } 

.page_wrap.recruit3 .page_con .con .center .top li:not(.dot) { background: rgb(228 30 38 / 5%); border-radius: 50%; padding: 80px; } 

.page_wrap.recruit3 .page_con .con .center .top li:last-child { background: #ef4036; color: #fff; } 

.page_wrap.recruit3 .page_con .con .center .top li strong { font-size: 34px; } 

.page_wrap.recruit3 .page_con .con .center .top li p { font-size: 20px; font-weight: 300; } 

/**/
.page_wrap.recruit3 .page_con .con .center .bottom { margin: 80px auto; max-width: 1400px; } 

.page_wrap.recruit3 .page_con .con .center .bottom li:not(:nth-child(1)) { padding: 30px 0; border-bottom: 1px solid #e7e7e7; } 

.page_wrap.recruit3 .page_con .con .center .bottom li:nth-child(1) { text-align: center; } 

.page_wrap.recruit3 .page_con .con .center .bottom li:last-child { border-bottom: none; } 

.page_wrap.recruit3 .page_con .con .center .bottom li img { display: inline-block; width: 100%; max-width: 69px; object-fit: cover; } 

.page_wrap.recruit3 .page_con .con .center .bottom li h3 { display: inline-block; margin: 0 0 0 20px; } 

.page_wrap.recruit3 .page_con .con .center .bottom li p a:after { content: "\ea0d"; font-family: 'xeicon'; font-size: 20px; color: var(--main-color);; margin-left: 10px; transition: all .3s; } 

.page_wrap.recruit3 .page_con .con .center .bottom li strong { margin-right: 100px; } 

.page_wrap.recruit3 .page_con .con .center .bottom li p { display: inline-block; width: 100%; margin-bottom: 0; } 

/*---------- contact1 ----------*/
.page_wrap.contact1 .page_con .content .contact_style1 h3 { font-size: 20px; font-weight: 400; margin-bottom: 10px; color: #000; } 

.page_wrap.contact1 .page_con .content .contact_style1 h3:before { display: none; } 

.page_wrap.contact1 .page_con .content .contact-essential-txt { text-align: right; font-size: 16px; } 

.page_wrap.contact1 .page_con .content .editor textarea { width: 100%; height: 150px; border: 1px solid #ddd; padding: 20px; font-size: 15px; font-weight: 500; color: #444; display: block; } 

.page_wrap.contact1 .page_con .content .agree_txt { background: #eee; padding: 10px; } 

.page_wrap.contact1 .page_con .content .agree_txt label { font-size: 16px; } 

/**/
.contact_style1.contact_tbl_style2 { margin: 50px 0; } 

.essential-icon { color: #ff0007; font-size: 17px; font-weight: bold; } 

.write-tbl { width: 100%; border-top: 1px solid var(--main-color);; } 

.write-tbl th,.write-tbl td { padding: 10px 15px; border-bottom: 1px solid #ddd; } 

.write-tbl th { color: #444; font-size: 16px; font-weight: 400; width: 12%; vertical-align: middle; } 

.write-tbl .write-input, .write-tbl .write-textarea { height: 38px; border: 0px; /* width:63.6%; */
 background-color: #fff; border: 1px solid #d2d2d2; font-size: 14px; vertical-align: middle; padding: 10px; box-sizing: border-box; } 

.write-tbl .write-input:focus { border-color: #333; } 

.write-tbl .write-input { text-indent: 10px; width: 20%; } 

.write-tbl .write-textarea { width: 100%; height: 200px; resize: none; } 

.write-tbl .hypen { margin: 0 5px; } 

.radioCont li { float: left; padding: 10px 30px 10px 0; font-size: 15px; color: #666; } 

.radioCont li input { margin-right: 5px}

.frm_info { color: #e73221; font-size: 14px; font-weight: bold; margin-top: 5px; display: block; } 

/**/
.page_wrap.contact1 .page_con .con:last-child .down { margin-top: 100px; } 









/*---------- respon ----------*/
@media all and (max-width: 1750px){
 .page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .img img { left: 0; right: 0; width: 100%; margin: 0 auto; } 
 }

@media (max-width: 1600px){
 #subVtop .inner .txt, .page_wrap .page_top .txt, .page_wrap .page_con .content .con .wrap { width: 96%; } 

 #subVtop:before { top: 210px; font-size: 150px; } 


  .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1:before {height: 41vw;min-height: 600px;max-height: 660px;}
 .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul li {width: 200px;height: 200px;} 
    .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul li:nth-child(1) {width: 31%;min-width: 130px;} 
 .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul li:nth-child(2) { top: 0; left: 0; } 

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul li:nth-child(3) { top: 0; right: 0; } 

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul li:nth-child(4) { bottom: 0; left: 0;  } 

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul li:nth-child(5) { bottom: 0; right: 0; } 

 .page_wrap.company2 .page_con .con.con1 .sec.sec2 .img .box.box2 p br {display: none;} 
 
 .page_wrap.company2 .page_con .con.con1 .sec.sec3 .img .box.box1 img {object-position: left;} 

 .page_wrap.company3 .page_con .con.con1 .flow-text { right: 0; } 


  .page_wrap.faci .page_con .content .board_table table {overflow: auto;white-space: nowrap;}

 
 .page_wrap.data .page_con .con.con1 .wrap .video { width: 55%; } 

 .page_wrap.data .page_con .con.con1 .wrap .txt { width: 45%; } 
 }

@media (min-width: 1024px) and (max-width: 2500px){
 .page_wrap.data .page_con .con.con1 .wrap .video iframe { height: 100%; } 
 }

@media (min-width: 1024px) and (max-width: 1600px){
 .page_wrap.data .page_con .con.con1 .wrap .txt p br { display: none; } 
 }

@media (max-width: 1300px){
 .page_wrap .page_con .con .wrap .tit h2 { font-size: 50px; } 

 .page_wrap .page_con .con .wrap .tit strong { font-size: 25px; } 

 .page_wrap .page_con .con .wrap .tit p { font-size: 18px; } 

 .page_wrap .page_con .con .wrap .tit p br { display: none; } 

 .page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .txt .left strong { font-size: 35px; } 

 .page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .txt .left h4 { font-size: 60px; } 

 .page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .txt .right { width: 65%; } 


 .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img {flex-wrap: wrap;}
 .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 {width: 65%;} 
    .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box3 {width: 100%;margin-top: 100px;}
 .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box3 p {letter-spacing: 3px;}
 .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box3 p:before { left: -5vw;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box3 p:after { right: -5vw;} 

 .page_wrap.company3 .page_con .con.con1 .flow-text { font-size: 150px; } 

 .page_wrap.company3 .page_con .con.con1 .table .table_box .table_txt { width: 24%; } 

 .page_wrap.company3 .page_con .con.con1 .table .table_box .table_txt span { font-size: 60px; } 

.page_wrap.company4 .page_con .content:before {top: 22%;}
 .page_wrap.company4 .page_con .con.con1 .wrap .txt h3 {font-size: 55px;}

 .page_wrap.company5 .page_con .con.con1 .txt ul li { width: 100%; } 
 .page_wrap.company5 .page_con .con.con1 .txt ul li:nth-child(2) {margin-top: 15px; } 

 .page_wrap.esg .page_con .con.con1 .wrap .sec.sec1 .txt h3 br {display: none;}
.page_wrap.esg .page_con .con.con1 .wrap .sec.sec1 .img .flow-text {font-size: 15vw;}

 .page_wrap.pro .page_con .con.con1 .wrap .sec .img ul li { width: calc(100% / 3 - 30px);} 

 .page_wrap.certi .page_con .con.con1 .wrap .img ul li { width: calc(100% / 4 - 30px);} 
 }

@media (min-width: 1024px) and (max-width: 1300px){
 .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img {justify-content: space-evenly;}
  .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box2 {width: 30%;} 
   .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box2 img {max-width: 100%;margin: auto;}
}


@media (max-width: 1023px){
 #subVtop .inner { padding-top: 250px; } 

 #subVtop:before { top: 150px; font-size: 120px; } 

 #subVtop .inner .txt h2 { font-size: 65px; } 

 #subVtop .inner .txt .right { align-self: inherit; margin-top: 50px; } 

 #subVtop .lnbs .lnb_wrap .menu-location .s_lnb { overflow: auto; } 

 #subVtop .lnbs .lnb_wrap .menu-location .s_lnb li { min-width: fit-content; } 

 #subVtop .inner .img { margin-top: 35px; } 

 #subVtop .inner .img:after { height: 350px; } 

 .page_wrap .page_con .con .wrap .tit h2 { font-size: 40px; } 

 
 .page_wrap.company2 .page_con .content .board_table table tbody tr th,  .page_wrap.company2 .page_con .content .board_table table tbody tr td {display: inline-block;width: 100%;border: none;} 

 
 .page_wrap .page_con .con.con1 .wrap .tab li { min-width: auto; max-width: none; } 

 .page_wrap.company1 .page_con .con.con1 .wrap .tit { margin-bottom: 50px; } 

 .page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .img { height: 380px; margin-bottom: 70px; } 

 .page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .txt { flex-direction: column; } 

 .page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .txt .left strong { font-size: 30px; } 

 .page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .txt .left h4 { font-size: 50px; } 

 .page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .txt .right { width: 100%; margin: 25px 0 0; } 

 .page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .txt .right ul li { font-size: 18px; margin-bottom: 25px; } 

 .page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .txt .right ul li:last-child { font-size: 25px; } 

   .page_wrap.company2 .page_con .con.con1 .txt {margin-bottom: 70px;} 
 .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul li p {font-size: 20px;}
 .page_wrap.company2 .page_con .con.con1 .sec.sec2 .img .box.box2 { margin-top: 35px; } 
 .page_wrap.company2 .page_con .con.con1 .sec.sec2 .img .box.box2 p { font-size: 18px;} 
 .page_wrap.company2 .page_con .con.con1 .sec.sec3 .img .box.box1 img { height: 500px; } 
 .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box2 p, .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box3 p {font-size: 25px;} 
 .page_wrap.company2 .page_con .con.con1 .txt h3 { font-size: 30px;} 

 .page_wrap.company2 .page_con .con.con1 .sec.sec3 .board_table table tbody tr th {width: 100%;} 
  .page_wrap.company2 .page_con .con.con1 .sec.sec3 .board_table table:first-child tbody tr th {width: 50%;} 
 

 .page_wrap.company3 .page_con .con.con1 .flow-text { font-size: 100px; letter-spacing: -5px; } 

 .page_wrap.company3 .page_con .con.con1 .table .table_box .table_txt span { font-size: 50px; } 

 .page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .year { font-size: 25px; } 

 .page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month li p strong { max-width: 50px; } 

 .page_wrap.company4 .page_con .content:before {top: 19%;}
  .page_wrap.company4 .page_con .con.con1 .wrap .txt h3 {font-size: 45px;}
 .page_wrap.company4 .page_con .con.con1 .wrap .img ul li {width: calc(100% / 3 - 30px);margin: 0 15px 50px;} 
 .page_wrap.company4 .page_con .con.con1 .wrap .img ul li p {font-size: 18px;}

.page_wrap.company5 .page_con .con.con1 .txt h3 img {width: 200px;}
 .page_wrap.company5 .page_con .con.con1 .txt h4 {font-size: 20px;}

.page_wrap.esg .page_con .con.con1 .wrap .sec.sec1 .txt h3 { font-size: 25px;} 
.page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 { padding-top: 100px; margin-top: 100px;} 
 .page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box { margin-bottom: 85px; } 
 .page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box,  .page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box:nth-child(2n) {flex-direction: column;} 
 .page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box .txt, .page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box:nth-child(2n) .txt { padding: 35px 0 0 0 }
   .page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box div, .page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box .txt { width: 100%; max-width: 100%;}
 .page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box .img img {max-width: 100%;height: 350px;}
 .page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box .txt img, .page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box .txt h3 {display: inline-block;}
 .page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box .txt img {width: 10%;}
 .page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box .txt h3 {font-size: 30px;margin: 25px 0 20px 10px;} 
.page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box .txt p {font-size: 18px;margin-top: 20px;} 

 
 .page_wrap.pro .page_con .con.con1 .wrap .sec .img ul li h4 {font-size: 20px;margin-bottom: 15px;} 
.page_wrap.pro .page_con .con.con1 .wrap .sec .img ul li p { font-size: 18px;} 
  .page_wrap.pro .page_con .con.con1 .wrap .sec .txt h3 { font-size: 30px; } 

 .page_wrap.faci .page_con .con.con1 .wrap .left {width: 100%;max-width: 100%;} 
  .page_wrap.faci:not(.faci1) .page_con .con.con1 .wrap .left {margin: 0 0 45px 0;} 
.page_wrap.faci .page_con .con.con1 .wrap .left .faci_mySwiper2 > div {flex-wrap: wrap;}
 .page_wrap.faci .page_con .con.con1 .wrap .left .faci_mySwiper2 .swiper-slide {width: calc(100% / 4 - 8px) !important;} 
 .page_wrap.faci .page_con .con.con1 .wrap .left .faci_mySwiper2 .swiper-slide:nth-child(4) { margin-right: 0 !important; } 
.page_wrap.faci .page_con .con.con1 .wrap .left .faci_swiper.faci_mySwiper .swiper-slide img {height: 450px;}
 .page_wrap.faci .page_con .content .con .wrap {flex-direction: column;}
 
 .page_wrap.certi .page_con .con.con1 .wrap .img ul li { width: calc(100% / 3 - 30px);} 
  .page_wrap.certi .page_con .con.con1 .wrap .img ul li h3 {font-size: 18px;}

 
 .page_wrap.data .page_con .content .con .wrap { flex-direction: column; } 

 .page_wrap.data .page_con .con.con1 .wrap .video, .page_wrap.data .page_con .con.con1 .wrap .txt { width: 100%; } 

 .page_wrap.data .page_con .con.con1 .wrap .video iframe { height: 50vw; min-height: 450px; } 

 .page_wrap.data .page_con .con.con1 .wrap .txt { padding: 50px 5%; } 

 .page_wrap.data .page_con .con.con1 .wrap .txt span { font-size: 16px; } 

 .page_wrap.data .page_con .con.con1 .wrap .txt h3 { margin: 25px 0 35px; } 

 .page_wrap.data .page_con .con.con1 .wrap .txt p { font-size: 18px; } 

 .page_wrap.support1 .page_con .content .con.con1 .txt h3 { font-size: 22px; } 

 .page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(1) { font-size: 35px; } 

 .write-tbl th { width: 20%; } 

 .write-tbl td:not(.flex_div_3) .write-input { width: 100%; } 
 }

@media (max-width: 767px){
  .page_wrap.company2 .page_con .con.con1 .txt h3 { font-size: 25px;} 
 #subVtop .inner { padding-top: 200px; } 

 #subVtop:before { font-size: 80px; letter-spacing: -10px; } 

 #subVtop .inner .txt .nav span { font-size: 14px; margin-right: 5px; } 

 #subVtop .inner .txt h2 { font-size: 47px; margin-top: 15px; } 

 #subVtop .lnbs .lnb_wrap .menu-location .s_lnb ul { margin: 0 -5px; } 

 #subVtop .lnbs .lnb_wrap .menu-location .s_lnb li { margin: 0 5px; } 

 #subVtop.pro .lnbs .lnb_wrap .menu-location .s_lnb li { min-width: fit-content; } 

 #subVtop .lnbs .lnb_wrap .menu-location a { font-size: 16px; } 

 #subVtop .inner .img:after { height: 300px; background-position: right 30% center !important; } 

 .page_wrap .page_con { padding: 100px 0; } 
 .page_wrap.company2 .page_con .con.con1 .wrap .sec { padding-top: 100px; } 
.page_wrap .page_con .con .wrap .tit { margin-bottom: 65px; } 
 .page_wrap .page_con .con .wrap .tit h2 { font-size: 30px; letter-spacing: -1px; } 

 .page_wrap .page_con .con .wrap .tit strong { font-size: 20px; } 

 .page_wrap .page_con .con .wrap .tit p { font-size: 16px; } 

   .page_wrap.company2 .page_con .con.con1 .sec.sec3 .board_table table:first-child tbody tr th {width: 100%;} 

 .page_wrap .page_con .content .board_table table tbody tr th, .page_wrap .page_con .content .board_table table tbody tr td { font-size: 16px; } 

 .page_wrap .page_con .con.con1 .wrap .tab li a { font-size: 16px; line-height: 1.4; padding: 20px; } 
 .page_wrap.pro .page_con .con.con1 .wrap .tab li a {padding: 16px 25px;} 

 .page_wrap.company1 .page_con .con.con1 .wrap .tit { margin-bottom: 40px; } 

 .page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .img { height: 330px; margin-bottom: 50px; } 

 .page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .img img {left: 0;right: 0;width: 100%;object-position: 67%;} 

 .page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .txt .left strong { font-size: 25px; } 

 .page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .txt .left h4 { font-size: 40px; } 

 .page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .txt .right { margin-top: 20px; } 

 .page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .txt .right ul li { font-size: 16px; margin-bottom: 15px; } 

 .page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .txt .right ul li:last-child { font-size: 20px; } 


  .page_wrap.company2 .page_con .con.con1 .txt {margin-bottom: 40px;} 
   .page_wrap.company2 .page_con .con.con1 .video iframe {height: 450px;} 
 
 .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 {width: 100%;max-width: 100%;} 
  .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul li {width: 180px;height: 180px;} 
 .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul li img {height: 60px;} 
 .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul li p {font-size: 18px;} 
  .page_wrap.company2 .page_con .con.con1 .sec.sec2 .img .box.box2 {margin-top: 25px;} 
 .page_wrap.company2 .page_con .con.con1 .sec.sec2 .img .box.box2 p { font-size: 16px;} 
 .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box2 {margin: 25px auto 0;}
  .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box2 p, .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box3 p {font-size: 20px;}
 .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box2 p {top: 50%;}
 .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box2 img {transform: rotate(180deg);}
     .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box3 {margin-top: 50px;padding: 30px 20px;}
 .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box3 p {letter-spacing: 0;}

 .page_wrap.company2 .page_con .con.con1 .sec.sec2 .img .box.box1 {height: auto;}
 .page_wrap.company2 .page_con .con.con1 .sec.sec2 .img .box.box1:before {height: 100%;}
 .page_wrap.company2 .page_con .con.con1 .sec.sec2 .img .box.box1 ul {flex-direction: column;} 
 

.page_wrap.company2 .page_con .con.con1 .sec.sec2 .img .box.box1 ul li {width: 85%;} 

 .page_wrap.company2 .page_con .con.con1 .sec.sec3 .img .box.box1 { margin-bottom: 35px; } 

 .page_wrap.company2 .page_con .con.con1 .sec.sec3 .img .box.box1 img { height: 400px; } 

 .page_wrap.company2 .page_con .content .board_table table tbody tr th, .page_wrap.company2 .page_con .content .board_table table tbody tr td { padding: 14px 20px; } 

 .page_wrap.company3 .page_con .con.con1 .table .table_box { flex-direction: column; } 

 .page_wrap.company3 .page_con .con.con1 .flow-text { font-size: 80px; letter-spacing: 0px; } 

 .page_wrap.company3 .page_con .con.con1 .table .table_box > div { width: 100%; } 

 .page_wrap.company3 .page_con .con.con1 .table .table_box .table_txt { width: 100%; margin-bottom: 35px; } 

 .page_wrap.company3 .page_con .con.con1 .table .table_box .table_txt span { font-size: 40px; } 

 .page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap { padding: 0 0 50px 12%; } 

 .page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .year { font-size: 20px; margin-bottom: 15px; } 

 .page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .year:before { left: -14%; width: 10%; } 

 .page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month li { padding-bottom: 10px; } 

 .page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month li p {flex-direction: column;align-items: flex-start;font-size: 16px;} 

 .page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month li p strong {font-size: 20px;} 

 .page_wrap.company4 .page_con .content:before {top: 13%;}
  .page_wrap.company4 .page_con .con.con1 .wrap .txt h3 {font-size: 35px;}
 .page_wrap.company4 .page_con .con.con1 .wrap .img ul { margin: 50px -10px 0;} 
 .page_wrap.company4 .page_con .con.con1 .wrap .img ul li {width: calc(100% / 2 - 20px);margin: 0 10px 35px;} 
 .page_wrap.company4 .page_con .con.con1 .wrap .img ul li figure {height: 85px;}
 .page_wrap.company4 .page_con .con.con1 .wrap .img ul li figure img {width: 125px;}
 .page_wrap.company4 .page_con .con.con1 .wrap .img ul li p {font-size: 16px;}

 .page_wrap.company5 .page_con .content .con .wrap {flex-direction: column;}
.page_wrap.company5 .page_con .con.con1 .txt, .page_wrap.company5 .page_con .con.con1 .map { width: 100%; } 
.page_wrap.company5 .page_con .con.con1 .txt {margin: 0 0 50px 0;text-align: inherit;} 
 .page_wrap.company5 .page_con .con.con1 .txt h3 {margin-bottom: 15px;} 
 .page_wrap.company5 .page_con .con.con1 .txt h4 {font-size: 18px;} 
 .page_wrap.company5 .page_con .con.con1 .txt ul li {justify-content: inherit;}
  .page_wrap.company5 .page_con .con.con1 .txt ul li p {font-size: 16px;}
 .page_wrap.company5 .page_con .con.con1 .txt ul li img {width: 60px;}
 .page_wrap.company5 .page_con .con.con1 .map iframe {height: 350px;}

.page_wrap.esg .page_con .con.con1 .wrap .sec.sec1 .img {margin-bottom: 50px; } 
 .page_wrap.esg .page_con .con.con1 .wrap .sec.sec1 .txt h3 { font-size: 20px; line-height: 1.6;} 
 .page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 { padding-top: 85px; margin-top: 85px;} 
 .page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box { margin-bottom: 50px; } 
 .page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box .txt, .page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box:nth-child(2n) .txt { padding: 25px 0 0 0 }
 .page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box .img img {height: 250px;}
 .page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box .txt img {width: 14%;}
 .page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box .txt h3 {font-size: 25px;margin: 25px 0 0 10px;} 
.page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box .txt p {font-size: 16px;margin-top: 10px;} 

 .page_wrap.pro .page_con { padding: 100px 0 calc(100px - 50px); } 
 .page_wrap.pro:not(.pro3) .page_con .con.con1 .wrap .sec:not(#t1-sec1) { padding-top: calc(100px - 50px); } 
 .page_wrap.pro .page_con .con.con1 .wrap .sec .txt {margin-bottom: 20px;} 
   .page_wrap.pro .page_con .con.con1 .wrap .sec .txt h3 { font-size: 25px; } 
.page_wrap.pro .page_con .con.con1 .wrap .sec .img ul { margin: 0 -10px; } 
  .page_wrap.pro .page_con .con.con1 .wrap .sec .img ul li {width: calc(100% / 2 - 20px);margin: 0 10px 50px;} 
 .page_wrap.pro .page_con .con.con1 .wrap .sec .img ul li figure {margin-bottom: 20px;} 
 .page_wrap.pro .page_con .con.con1 .wrap .sec .img ul li figure img {min-height: 180px;}
 .page_wrap.pro .page_con .con.con1 .wrap .sec .img ul li h4 {font-size: 18px;margin-bottom: 10px;} 
.page_wrap.pro .page_con .con.con1 .wrap .sec .img ul li p { font-size: 16px;} 
 
 .page_wrap.faci .page_con .con.con1 .wrap .left .faci_mySwiper2 .swiper-slide {width: calc(100% / 4 - 12px) !important;height: 50px;margin-right: 15px !important;margin-bottom: 10px;} 
 .page_wrap.faci .page_con .con.con1 .wrap .left .faci_mySwiper2 .swiper-slide:nth-child(3) {margin-right: 15px !important;} 
  .page_wrap.faci .page_con .con.con1 .wrap .left .faci_mySwiper2 .swiper-slide:nth-child(4) {margin-right: 0 !important;} 
 .page_wrap.faci .page_con .con.con1 .wrap .left .faci_swiper.faci_mySwiper .swiper-slide {height: 515px;padding: 50px 25px 35px;} 
.page_wrap.faci .page_con .con.con1 .wrap .left .faci_swiper.faci_mySwiper .swiper-slide img {height: 350px;}
 .page_wrap.faci .page_con .con.con1 .wrap .left .faci_swiper .swiper-slide h3 {font-size: 20px;line-height: 1.4;}


 
.page_wrap.certi .page_con .con.con1 .wrap .img ul {margin: 0 -10px; } 
  .page_wrap.certi .page_con .con.con1 .wrap .img ul li { width: calc(100% / 2 - 20px); margin: 0 10px 50px;} 
 .page_wrap.certi .page_con .con.con1 .wrap .img ul li h3 {font-size: 16px;}
.page_wrap.certi .page_con .con.con1 .wrap .img ul li figure {padding: 30px;} 

 
 .page_wrap.data .page_con .con.con1 .wrap .video iframe { min-height: 400px; } 

 .page_wrap.data .page_con .con.con1 .wrap .txt span { font-size: 14px; } 

 .page_wrap.data .page_con .con.con1 .wrap .txt p { font-size: 16px; } 

 .page_wrap.data .page_con .con.con1 .wrap .txt a { width: 200px; line-height: 55px; height: 55px; padding: 0 26px; margin-top: 70px; } 

 .page_wrap.support1 .page_con .content .con.con1 .txt { padding: 30px; margin: 0 auto 65px; } 

 .page_wrap.support1 .page_con .content .con.con1 .txt h3 { font-size: 20px; } 

 .page_wrap.support1 .page_con .content .con.con1 .txt ul li { font-size: 16px; } 

 .page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(1) { font-size: 30px; } 

 .page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(3) { font-size: 18px; } 

 .write-tbl th { font-size: 14px; width: 26%; } 

 .page_wrap.support1 .page_con .content .inquiry-essential-txt { font-size: 14px; } 

 .page_wrap.support1 .page_con .content .inquiry_style1 h3 { font-size: 16px; } 

 .page_wrap.support1 .page_con .content .editor textarea { font-size: 13px; height: 120px; } 

 .page_wrap.support1 .page_con .content .agree_txt label { font-size: 14px; } 
 }

@media (max-width: 479px){
   .page_wrap.company2 .page_con .con.con1 .txt h3 { font-size: 20px;} 
 #subVtop:before { font-size: 50px; letter-spacing: -5px; } 

 #subVtop .inner .txt h2 { font-size: 31px; } 

 #subVtop .lnbs .lnb_wrap .menu-location a { font-size: 14px; } 

 #subVtop .lnbs .lnb_wrap .menu-location .s_lnb li a { border-radius: 5px; } 

 #subVtop .inner .img:after { height: 250px; } 

 .page_wrap .page_con .con .wrap .tit h2 { font-size: 25px; } 

 .page_wrap .page_con .con .wrap .tit strong { font-size: 18px; } 

 .page_wrap .page_con .con .wrap .tit p { font-size: 14px; } 

 .page_wrap .page_con .content .board_table table tbody tr th, .page_wrap .page_con .content .board_table table tbody tr td { font-size: 14px; } 

 .page_wrap .page_con .content .board_table table:nth-child(1) tbody tr th, .page_wrap .page_con .content .board_table table:nth-child(1) tbody tr td { width: 100%; } 

 .page_wrap .page_con .con.con1 .wrap .tab li a { font-size: 14px; } 

 .page_wrap.company1 .page_con .con.con1 .wrap .tit { margin-bottom: 30px; } 

 .page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .img { height: 280px; margin-bottom: 40px; } 

 .page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .txt .left strong { font-size: 20px; } 

 .page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .txt .left h4 { font-size: 30px; } 

 .page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .txt .right ul li { font-size: 14px; } 

 .page_wrap.company1 .page_con .con.con1 .wrap .sec.sec1 .txt .right ul li:last-child { font-size: 18px; } 


   .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1:before {display: none;}
 .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul {position: unset;flex-direction: column;}
 .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box2 img {width: 200px;}
       .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul li {position: unset;width: 96vw;margin: 0 auto 10px;padding: 30px 15px;background-size: 100% 100% !important;} 
 .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul li:nth-child(1) {display: none;} 
  .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul li:last-child {margin-bottom: 0;} 
 .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul li p {width: 65%;font-size: 16px;margin-top: 10px;} 
  .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box1 ul li p br {display: none;} 
  .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box2 p, .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box3 p {font-size: 18px;}
 .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box3 p:before, .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box3 p:after {max-width: 20px;height: 20px;}
     .page_wrap.company2 .page_con .con.con1 .sec.sec1 .img .box.box3 {margin-top: 35px;padding: 30px 15px;}
 .page_wrap.company2 .page_con .con.con1 .sec.sec3 .img .box.box1 img { height: 300px; } 
  .page_wrap.company2 .page_con .con.con1 .sec.sec2 .img .box.box2 p { font-size: 14px;} 
    .page_wrap.company2 .page_con .con.con1 .video iframe {height: 350px;} 

  .page_wrap.company4 .page_con .con.con1 .wrap .txt h3 {font-size: 25px;}
   .page_wrap.company4 .page_con .con.con1 .wrap .txt h3 br {display: none;}
 .page_wrap.company4 .page_con .con.con1 .wrap .img ul { margin: 50px -5px 0;} 
 .page_wrap.company4 .page_con .con.con1 .wrap .img ul li {width: calc(100% / 2 - 10px);margin: 0 5px 35px;} 
 .page_wrap.company4 .page_con .con.con1 .wrap .img ul li figure {margin-bottom: 5px;}
 .page_wrap.company4 .page_con .con.con1 .wrap .img ul li figure img {width: 100px;}
 .page_wrap.company4 .page_con .con.con1 .wrap .img ul li p {font-size: 14px;}

 .page_wrap.company5 .page_con .con.con1 .txt {margin: 0 0 35px 0;} 
 .page_wrap.company5 .page_con .con.con1 .txt h3 {margin-bottom: 15px;} 
 .page_wrap.company5 .page_con .con.con1 .txt h4 {font-size: 16px;} 
  .page_wrap.company5 .page_con .con.con1 .txt ul li p {font-size: 14px;}
 .page_wrap.company5 .page_con .con.con1 .txt ul li img {width: 50px;}
 .page_wrap.company5 .page_con .con.con1 .map iframe {height: 250px;}
 .page_wrap.company5 .page_con .con.con1 .txt h3 img {width: 160px;}

 .page_wrap.esg .page_con .con.con1 .wrap .sec.sec1 .txt h3 { font-size: 18px; }
 .page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box .img img {height: 200px;}
 .page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box .txt img {width: 18%;}
 .page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box .txt h3 {font-size: 20px;margin: 15px 0 0 10px;} 
.page_wrap.esg .page_con .con.con1 .wrap .sec.sec2 .box .txt p {font-size: 14px;}

   .page_wrap.pro .page_con .con.con1 .wrap .sec .txt h3 {font-size: 20px;} 
.page_wrap.pro .page_con .con.con1 .wrap .sec .img ul { margin: 0 -5px; } 
  .page_wrap.pro .page_con .con.con1 .wrap .sec .img ul li {width: calc(100% / 2 - 10px);margin: 0 5px 35px;} 
 .page_wrap.pro .page_con .con.con1 .wrap .sec .img ul li h4 {font-size: 16px;} 
.page_wrap.pro .page_con .con.con1 .wrap .sec .img ul li p {font-size: 14px;line-height: 1.4;} 



  .page_wrap.faci .page_con .con.con1 .wrap .left .faci_mySwiper2 .swiper-slide {width: calc(100% / 3 - 12px) !important;} 
 .page_wrap.faci .page_con .con.con1 .wrap .left .faci_mySwiper2 .swiper-slide:nth-child(3) {margin-right: 0 !important;} 
  .page_wrap.faci .page_con .con.con1 .wrap .left .faci_mySwiper2 .swiper-slide:nth-child(4) {margin-right: 15px !important;}
 
 .page_wrap.faci .page_con .con.con1 .wrap .left .faci_swiper.faci_mySwiper .swiper-slide {height: 380px;padding: 35px 25px 25px;} 
.page_wrap.faci .page_con .con.con1 .wrap .left .faci_swiper.faci_mySwiper .swiper-slide img {height: 250px;}
 .page_wrap.faci .page_con .con.con1 .wrap .left .faci_swiper .swiper-slide h3 {font-size: 18px;}

 
 .page_wrap.certi .page_con .con.con1 .wrap .img ul {margin: 0 -5px; } 
   .page_wrap.certi .page_con .con.con1 .wrap .img ul li { width: calc(100% / 2 - 10px); margin: 0 5px 35px;} 
 .page_wrap.certi .page_con .con.con1 .wrap .img ul li h3 {font-size: 14px;}
.page_wrap.certi .page_con .con.con1 .wrap .img ul li figure {padding: 20px;} 
 

 .page_wrap.data .page_con .con.con1 .wrap .video iframe { min-height: 300px; } 

 .page_wrap.data .page_con .con.con1 .wrap .txt { padding: 25px 5% 50px; } 

 .page_wrap.data .page_con .con.con1 .wrap .txt > span { font-size: 12px; } 

 .page_wrap.data .page_con .con.con1 .wrap .txt p { font-size: 14px; } 

 .page_wrap.data .page_con .con.con1 .wrap .txt a { width: 100%; line-height: 50px; height: 50px; padding: 0 20px; } 

 .page_wrap.support1 .page_con .content .con.con1 .txt { padding: 30px 5%; } 

 .page_wrap.support1 .page_con .content .con.con1 .txt h3 { font-size: 18px; } 

 .page_wrap.support1 .page_con .content .con.con1 .txt ul li { font-size: 14px; } 

 .page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(1) { font-size: 25px; margin: 25px 0 15px; } 

 .page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(3) { font-size: 16px; margin-top: 35px; } 

 .page_wrap.support1 .page_con .content .inquiry-essential-txt { font-size: 12px; } 

 .page_wrap.support1 .page_con .content .inquiry_style1 h3 { font-size: 14px; } 

 .page_wrap.support1 .page_con .content .editor textarea { padding: 5%; } 

 .page_wrap.support1 .page_con .content .agree_txt label { font-size: 12px; } 

 .write-tbl tr, .write-tbl th, .write-tbl td { display: inline-block; word-break: break-word; width: 100%; border-bottom: none; padding: 0; } 

 .write-tbl tr { margin-bottom: 10px; } 

 .write-tbl tr:first-child { margin: 10px auto; } 

 .write-tbl th { margin: 5px 0; text-align: left; } 

 .write-tbl .write-textarea { height: 150px; } 

 #captcha.m_captcha #captcha_info { font-size: 14px; } 
 }