@charset "utf-8";

.txtP { vertical-align:middle; line-height:0.3; margin-bottom:1.8%; display:inline-block; font-weight:600; }

#subWrap { position:relative; height:640px; max-height:640px; z-index:11; }
#subWrap .vbox { position:absolute; width:100%; height:640px; max-height:640px; overflow:hidden; z-index:1; }
#subWrap .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transform:scale(1.1); }
#subWrap.sv01 .bg { background-image:url(/img/sub/bg_sv01.jpg); }
#subWrap.sv02 .bg { background-image:url(/img/sub/bg_sv02.jpg); }
#subWrap.sv03 .bg { background-image:url(/img/sub/bg_sv03.jpg); }
#subWrap.sv04 .bg { background-image:url(/img/sub/bg_sv04.jpg); }
#subWrap.sv05 .bg { background-image:url(/img/sub/bg_sv05.jpg); }
#subWrap.sv06 .bg { background-image:url(/img/sub/bg_sv06.jpg); }
#subWrap.sv010 .bg { background-image:url(/img/sub/bg_sv06.jpg); }
#subWrap.sv011 .bg { background-image:url(/img/sub/bg_sv06.jpg); }
@media screen and (max-width:1024px){
  #subWrap,
  #subWrap .vbox{ height:450px; }
}
@media screen and (max-width:640px){	
  #subWrap,
  #subWrap .vbox { height:380px; }
}
/* animation */
#subWrap .bg { animation:m_vsImg 1.8s; transform:scale(1); }

.visualTop { position:relative; z-index:100; }

.subtitle-box { position:relative; text-align:center; display:flex; justify-content:center; flex-wrap:wrap; align-items:center; align-content:center; height:100%; z-index:5; }
.subtitle-box .subTit { width:100%; color:#fff; font-size:100px; font-weight:700; text-align:center; text-transform:uppercase; }
.subtitle-box .location { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; position:relative; z-index:2; width:100%; margin-top:50px; gap:20px 0; }
.subtitle-box .location i { font-size:15px; color:#fff; margin-right:20px; }
.subtitle-box .location * { font-family: 'Noto Sans KR', sans-serif !important;}
.subtitle-box .location > .stit { position:relative; margin-left:11px; padding-left:15px; font-size:17px; color:#fff; font-weight:400; }
.subtitle-box .location > .stit:before { content:""; display:block; position:absolute; top:6px; left:0; width:3px; height:3px; background-color:#ccc; border-radius:5px; }
.subtitle-box .location > .txt { position:relative; padding:0 20px; font-size:17px; color:#fff; font-weight:400; text-align:left; text-transform:uppercase; }
.subtitle-box .location > .txt.on { z-index:999; }
.subtitle-box .location > .txt:before { content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); left:0; width:1px; height:15px; background-color:rgba(255,255,255,0.4); }
.subtitle-box .location > .txt > span { cursor:pointer; position:relative; display:inline-block; width:100%; z-index:99; padding-right:20px; }
.subtitle-box .location > .txt > span:after { content:""; display:block; background:url(/img/sub/icon_down.png) no-repeat center; width:9px; height:5px; position:absolute; right:0; top:50%; margin-top:-2px; transform:translateY(calc(-50% - 0.5px)) rotate(180deg); filter:brightness(0) invert(1); transition:all 0.3s ease; }
.subtitle-box .location > .txt > span.ov:after { content:""; transform:translateY(calc(-50% - 0.5px)) rotate(0);  filter:brightness(1) invert(0); }
.subtitle-box .location > .txt > span.ov { color:#01488a; font-weight:600; }
.subtitle-box .location > .box1,
.subtitle-box .location > .box2 { width:206px; }
.sv02 .subtitle-box .location > .box2 { width:260px; }
.sv011 .subtitle-box .location > .box1 { width:230px; }
.subtitle-box .location > .box3 { width:320px; }
.subtitle-box .location > .box3.d3 { display:none}
.subtitle-box .location .submenu-box { text-align:left; position:absolute; left:50%; top:-18px; width:100%; margin-left:0; transform:translateX(-50%); display:none; }
.subtitle-box .location .submenu-box.subm3 { width:100%; }
.subtitle-box .location .submenu-box ul { padding:60px 10px 20px 20px; background-color:#fff; }
.subtitle-box .location .submenu-box ul li:not(:last-child) { margin-bottom:15px; }
.subtitle-box .location .submenu-box ul li a { color:#555; font-size:17px; font-weight:400; }
.subtitle-box .location .submenu-box ul li a:hover { color:#01488a; font-weight:700; }
.subtitle-box .location .submenu-box ul li .depth3 { display:none }
.subtitle-box .location .submenu-box.gnb .subDepth { display:none  }
.subtitle-box .location .submenu-box ul li.over,
.subtitle-box .location .submenu-box .subDepth li.on,
.subtitle-box .location  .privacy { display:none; }
@media screen and (max-width:1400px){	
  .subtitle-box .subTit { font-size:70px; }
}
@media screen and (max-width:1024px){	
  .subtitle-box .subTit { font-size:46px; }
  .subtitle-box .location > .txt:before { height:13px; }
  .subtitle-box .location > .txt,
  .subtitle-box .location .submenu-box ul li a{ font-size:16px; }
  .subtitle-box .location .submenu-box ul { padding:55px 10px 20px 20px; }
  .subtitle-box .location > .box1,
  .subtitle-box .location > .box2 { width:190px; }
  .sv02 .subtitle-box .location > .box2 { width:240px; }
  .subtitle-box .location > .box3 { width:300px; }
  .subtitle-box .location > .txt > span:after { margin-top:0; }
}
@media screen and (max-width:640px){
  .subtitle-box .subTit { font-size:34px; }	
  .subtitle-box .location > .txt,
  .subtitle-box .location .submenu-box ul li a{ font-size:15px; }
  .subtitle-box .location > .txt:before { height:11px; }
  .subtitle-box .location > .box1,
  .subtitle-box .location > .box2 { width:150px; }
  .sv02 .subtitle-box .location > .box2 { width:210px; }
  .subtitle-box .location > .box3 { width:280px; }
  .subtitle-box .location > .box3.txt:before { display:none }
}


/* animation */
.subtitle-box .subTit { animation:blur_txt 1.8s 0.3s; animation-fill-mode:both; }

.subTopTitle { text-align:center; }
.subTopTitle h3 { color:#01488a; font-size:13px; font-weight:600; text-transform:uppercase; margin-bottom:65px; }
.subTopTitle .tit,
.subTopTitle .tit-1 { color:#111; font-size:70px; font-weight:700; line-height:1.2; }
.subTopTitle .txt { margin-top:30px; font-size:17px; color:#333; font-weight:300; line-height:1.7; }
.subTopTitle .txt > p { color:#333; font-weight:300; }
.subTopTitle .txt > p:not(:last-child) { margin-bottom:30px; }
.subTopTitle .txt .t-list { margin-top:30px; padding-left:10px; }
.subTopTitle .txt .t-list li:not(:last-child) { margin-bottom:10px; }
.subTopTitle .txt .t-list li { position:relative; padding-left:16px; font-size:17px; color:#333; font-weight:300; line-height:1.3; }
.subTopTitle .txt .t-list li:before {content:""; display:block; position:absolute; top:10px; left:0; background:#333; width:3px; height:3px; border-radius:3px; }
.subTopTitle .txt .t-list li strong { font-weight:600; }
@media screen and (max-width:1280px){
  .subTopTitle h3 { font-size:13px; margin-bottom:55px; }
  .subTopTitle .tit,
  .subTopTitle .tit-1 {  font-size:55px; }
}
@media screen and (max-width:1024px){
  .subTopTitle h3 { font-size:12px; margin-bottom:30px; }
  .subTopTitle .tit,
  .subTopTitle .tit-1 {  font-size:38px; }
  .subTopTitle .txt { margin-top:25px; font-size:16px; }
  .subTopTitle .txt br { display:none }
  .subTopTitle .txt .m_br { display:block }
  .subTopTitle .txt > p:not(:last-child) { margin-bottom:15px; }
  .subTopTitle .txt .t-list { margin-top:20px; padding-left:5px; display:flex; align-items:center; text-align:left; }
  .subTopTitle .txt .t-list ul { display:flex; flex-direction:column; margin:0 auto; }
  .subTopTitle .txt .t-list li:not(:last-child) { margin-bottom:8px; }
  .subTopTitle .txt .t-list li { padding-left:12px; font-size:16px; }
  .subTopTitle .txt .t-list li:before { top:9px; }
}
@media screen and (max-width:640px){
  .subTopTitle h3 { font-size:12px; margin-bottom:20px; }
  .subTopTitle .tit,
  .subTopTitle .tit-1 {  font-size:24px; }
  .subTopTitle .txt { margin-top:20px; font-size:15px; }
}


#contents { padding:170px 0 0; }
@media screen and (max-width:1024px){	
	#contents { padding:100px 0 0; }
}
@media screen and (max-width:640px){	
	#contents { padding:60px 0 0; }
}

.subCont { margin-top:140px; }

.cont-bottom { padding-bottom:200px; }
@media screen and (max-width:1024px){	
  .cont-bottom { padding-bottom:150px; }
}
@media screen and (max-width:760px){	
  .cont-bottom { padding-bottom:100px; }
}
/* products */
.products-box .list ul { display:flex; flex-wrap:wrap; gap:60px 25px; }
.products-box .list ul > li { width:calc((100% - 75px) / 4); text-align:center; }
.products-box .list ul > li .imgbox { position:relative; overflow:hidden }
.products-box .list ul > li .imgbox:before {content:""; display:block; padding-bottom:80%; }
.products-box .list ul > li .imgbox img { border:1px solid #e3e3e3; position:absolute; left:0; top:0; width:100; height:100%; object-fit:cover; -o-object-fit:cover; }
.products-box .list ul > li .txtbox { margin-top:30px; font-size:17px; font-weight:700; color:#000; }
.products-box .list ul > li .txtbox strong { font-weight:700; }
@media screen and (max-width:1400px){	
  .products-box .list ul { gap:60px 20px; }
  .products-box .list ul > li { width:calc((100% - 60px) / 4); }
}
@media screen and (max-width:1280px){	
  .products-box .list ul > li { width:calc((100% - 40px) / 3); }
}
@media screen and (max-width:1024px){	
  .products-box .list ul > li .txtbox { margin-top:25px; font-size:16px; }
}
@media screen and (max-width:760px){	
  .products-box .list ul { gap:40px 15px; }
  .products-box .list ul > li { width:calc((100% - 30px) / 2); }
  .products-box .list ul > li .txtbox { margin-top:20px; font-size:15px; }
}

.products-box .view-top { display:flex; flex-wrap:wrap; }
.products-box .view-top .imgbox { width:48%; position:relative; overflow:hidden; }
.products-box .view-top .imgbox:before {content:""; display:block; padding-bottom:68.7%; }
.products-box .view-top .imgbox img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:100; max-height:100%; object-fit:cover; -o-object-fit:cover; border:1px solid #e3e3e3; }
.products-box .view-top .txtbox { width:52%; padding-right:200px; }
.products-box .view-top .txtbox h3 { color:#01488a; font-size:13px; font-weight:700; text-transform:uppercase; }
.products-box .view-top .txtbox dl { margin-top:55px; }
.products-box .view-top .txtbox dt { color:#000; font-size:70px; font-weight:700; line-height:1.3; }
.products-box .view-top .txtbox dd { padding-top:35px; }
.products-box .view-top .txtbox dd li:not(last-child) { margin-bottom:25px; }
.products-box .view-top .txtbox dd li { color:#333; font-weight:300; font-size:17px; line-height:1.4; font-family:'Pretendard'; }
.products-box .view-top .txtbox dd li strong { color:#111; font-weight:600; font-size:18px; }
.products-box .dataTable { margin-top:100px; overflow:hidden; border-top:1px solid #121212; }
.products-box .dataTable table { margin-left:-1px; width:calc(100% + 1px); }
.products-box .dataTable thead th { position:relative; text-align:center; height:90px; padding-right:10px; background-color:#f6f6f6; border-left:1px solid #e3e3e3; color:#111; font-weight:700; line-height:1.4; font-size:13px; }
.products-box .dataTable thead th.th_down { padding-right:0; }
.products-box .dataTable thead th .btn { position:absolute; right:5px; top:50%; transform:translateY(-50%);}
.products-box .dataTable thead th .btn a { position:absolute; right:0; top:-16px }
.products-box .dataTable thead th .btn a:nth-child(2) { position:absolute; right:0; top:1px }
.products-box .dataTable thead th .btn i { color:#111; font-size:18px; }
.products-box .dataTable tbody td { text-align:center; padding:25px 10px; background-color:#fff; border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; color:#111; font-weight:500; line-height:1.4; font-size:14px; transition:all 0.3s ease-in-out; }
.products-box .dataTable tbody td .btn_down_p { color:#111; font-weight:600; }
.products-box .dataTable tbody td .btn_down_p img { display:inline-block; margin:2px 0 0 5px; }
.products-box .dataTable tbody tr:hover td { background-color:#01488a; color:#fff; }
.products-box .dataTable tbody tr:hover td a { color:#fff }
.products-box .dataTable tbody tr:hover td a img { filter:invert(1); }
@media screen and (max-width:1600px){	
  .products-box .view-top .imgbox { width:45%; }
  .products-box .view-top .txtbox { padding-right:50px; width:55%; }
  .products-box .view-top .txtbox h3 { font-size:13px; }
  .products-box .view-top .txtbox dl { margin-top:50px; }
  .products-box .view-top .txtbox dt { font-size:50px; }
  .products-box .view-top .txtbox dd { padding-top:25px; }
  .products-box .view-top .txtbox dd li:not(last-child) { margin-bottom:20px; }
  .products-box .view-top .txtbox dd li { font-size:17px; }
  .products-box .view-top .txtbox dd li strong { font-size:18px; }
}
@media screen and (max-width:1280px){	
  .products-box .view-top .imgbox { width:42%; }
  .products-box .view-top .txtbox { padding-right:50px; width:58%; }
  .products-box .view-top .txtbox h3 { font-size:13px; }
  .products-box .view-top .txtbox dl { margin-top:40px; }
  .products-box .view-top .txtbox dt { font-size:40px; }
  .products-box .view-top .txtbox dd { padding-top:20px; }
  .products-box .view-top .txtbox dd li:not(last-child) { margin-bottom:15px; }
  .products-box .view-top .txtbox dd li { font-size:16px; }
  .products-box .view-top .txtbox dd li strong { font-size:17px; }
  .products-box .dataTable { overflow:auto; margin-top:80px;}
  .products-box .dataTable table { width:1300px; }
}
@media screen and (max-width:1024px){	
  .products-box .view-top .txtbox dl { margin-top:30px; }
  .products-box .view-top .txtbox dt { font-size:30px; }
  .products-box .view-top .txtbox dd { padding-top:15px; }
  .products-box .view-top .txtbox dd li:not(last-child) { margin-bottom:10px; }
  .products-box .view-top .txtbox dd li { font-size:15px; }
  .products-box .view-top .txtbox dd li strong { font-size:16px; }
  .products-box .view-top .imgbox { width:100%; max-width:450px; margin:0 auto; margin-top:50px; }
  .products-box .view-top .txtbox { padding-right:0; width:100%; }
  .products-box .dataTable thead th { height:75px; }
  .products-box .dataTable tbody td { padding:20px 10px; }
}
@media screen and (max-width:640px){	
  .products-box .view-top .imgbox { margin-top:30px; }
  .products-box .view-top .txtbox dt { font-size:22px; }
  .products-box .view-top .txtbox dd li { font-size:14px; }
  .products-box .view-top .txtbox dd li strong { font-size:15px;}
  .products-box .dataTable { margin-top:50px; }
}

.board-box { padding-bottom:200px; }
@media screen and (max-width:1024px){	
  .board-box { padding-bottom:150px; }
}
@media screen and (max-width:760px){	
  .board-box { padding-bottom:100px; }
}


/* esg report */
.inquiry_com .con_wrap .formBox section.section4 > * { width:100%; padding:0; margin:0; }
.inquiry_com .con_wrap .formBox section.section4 .box1 .type .content { max-width:100%; width:850px; padding:0; margin:0; padding:20px 0; }
.inquiry_com .con_wrap .formBox section:nth-of-type(n+2){ padding:0; margin:0;  }
.inquiry_com .con_wrap .formBox section.section3 .box .type textarea { outline:none; height:300px; color:#333; font-size:17px; font-weight:300; line-height:1.4; border:1px solid #e8e8e8 }
.inquiry_com .con_wrap .formBox section.section3 .box .type .checkBox { padding:0; margin-top:35px; }
.inquiry_com .con_wrap .formBox section.section3 .box .type .checkBox label { color:#333; font-size: 17px; font-weight:300; }
.inquiry_com .con_wrap .formBox section.section1 { border-top:1px solid #828282; margin-top:60px; }
.inquiry_com .con_wrap .formBox section.section1 .box .type,
.inquiry_com .con_wrap .formBox section.section2 .box .type,
.inquiry_com .con_wrap .formBox section.section1 .box:nth-of-type(n+2) .type { padding:0; margin:0; border-bottom:1px solid #e6e6e6; }
.inquiry_com .con_wrap .formBox section.section1 .box .type .type_tit,
.inquiry_com .con_wrap .formBox section:nth-of-type(n+2) .box .type .type_tit{ margin:0; width:200px; }
.inquiry_com .con_wrap .formBox section.section1 .box .type input { width:calc(100% - 200px); color:#333; font-size: 17px; font-weight:400; outline:none; padding:0 34px;}
.inquiry_com .con_wrap .formBox section .box .type .type_tit { padding:30px 0 30px 30px; margin:0; background-color:#f8f8f8; color:#111; font-size: 17px; font-weight:700; }
.inquiry_com .con_wrap .formBox section.section2 .box .type,
.inquiry_com .con_wrap .formBox section.section4 .box .type{ position:relative; padding-left:200px;  }
.inquiry_com .con_wrap .formBox section.section2 .box .type .type_tit,
.inquiry_com .con_wrap .formBox section.section4 .box .type .type_tit { position:absolute; top:0; left:0; height:100%; }
.inquiry_com .con_wrap .formBox section.section2 .box .type textarea { width:100%; color:#333; font-size: 17px; font-weight:400; outline:none; padding:20px 34px; outline:none; border:none; color:#333; font-size: 17px; font-weight:400; line-height:1.4;  }
.inquiry_com .con_wrap .formBox section .box .type .type_tit em { display:none; }
.inquiry_com .con_wrap .formBox section.section4 .box1 label { background:#5e5e5e }
.inquiry_com .con_wrap .formBox section.section4 .box1 .type .content input[type="text"],
.inquiry_com .con_wrap .formBox section.section4 .box1 input[type='file']{ color:#333; font-size:17px; font-weight:300; outline:none; padding:0 34px; }
.btn_com { text-align:center; margin-top:65px; }
.btn_com input[type=submit] { width:182px; vertical-align:top; display:inline-block; background:#014789; color:#fff; font-size:17px; line-height:0.8; font-weight:300; border:1px solid #014789; outline:none; margin:0 4px; font-family: 'Montserrat', 'Pretendard'; }
.btn_com a { width:182px; padding:20px 0; vertical-align:top; display:inline-block; background:#fff; color:#333; font-size:17px; line-height:0.8; font-weight:300; border:1px solid #d6d6d6; margin:0 4px; }


/* company */
#container.ceo #subWrap ,
body.ceo .btn_top { display:none; }
#container.ceo #contents { padding:0; }
.img-box img { max-width:100%; }

.ceo header { position:fixed; }
.ceo_off header { position:absolute; }
.ceo_off .btn_down { display:none }
.company-ceo { position:relative; height:100vh; width:100%; }
.company-ceo .imgbox { position:relative; overflow:hidden; height:100vh; width:100%; }
.company-ceo .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.company-ceo ul,
.company-ceo .swiper-container,
.company-ceo .motion-box{ position:absolute; top:0; left:0; height:100vh; width:100%; text-align:center; }
.company-ceo .slick-slide { height:100vh; width:100%; }
.company-ceo .swiper-slide {  width:100%; }
.company-ceo .bg { height:100vh; width:100%; position:absolute; top:0; left:0; z-index:2; background-color:rgba(26,26,26,0.5); }
.company-ceo .motion-box { width:100%; z-index:3; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; align-content:center; }
/*.company-ceo .txtbox > div {  position:absolute; top:0; left:0; width:100%; z-index:3; height:100vh; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; align-content:center; }*/
.company-ceo .txtbox .txt_1 { font-size:70px; font-weight:700; color:#fff; }
.company-ceo .txtbox .txt_1 span { font-weight:700; }
.company-ceo .txtbox .txt_2 { font-size:50px; font-weight:700; color:#fff; line-height:1.3;}
.company-ceo .txtbox .txt_2 span { font-weight:700; }
.company-ceo .txtbox .txt_3 { font-size:20px; font-weight:300; color:rgba(255,255,255,0.9); line-height:2; margin-top:50px; }
.company-ceo .txtbox .txt_3 p:not(:last-child) { margin-bottom:20px; }
.company-ceo .swiper-slide-active .txtbox > div { opacity:1; }
.company-ceo .swiper-pagination { display:none }
@media screen and (max-width:1400px){	
  .company-ceo .txtbox > div { padding:0 20px; }
  .company-ceo .txtbox .txt_1 { font-size:50px; }
  .company-ceo .txtbox .txt_2 { font-size:35px; }
  .company-ceo .txtbox .txt_3 { font-size:17px; margin-top:-20px; }
}
@media screen and (max-width:1280px){	
  .company-ceo .txtbox .txt_1 { font-size:44px; }
  .company-ceo .txtbox .txt_2 { font-size:30px; }
  .company-ceo .txtbox .txt_3 { font-size:16px; margin-top:-20px; }
}
@media screen and (max-width:1024px){	
  .company-ceo .txtbox .txt_1 { font-size:32px; }
  .company-ceo .txtbox .txt_2 { font-size:22px; }
  .company-ceo .txtbox .txt_3 { font-size:15px; margin-top:-20px; padding:0 30px; }
  .company-ceo .txtbox .txt_3 p br { display:none; }
}
@media screen and (max-width:640px){	
  .company-ceo .txtbox .txt_1 { font-size:28px; }
  .company-ceo .txtbox .txt_2 { font-size:20px; }
  .company-ceo .txtbox .txt_3 { font-size:14px; margin-top:0; }
}

.company-ceo .txtbox > div { opacity:0; }
.company-ceo .txtbox .txt_2 { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.company-ceo .txtbox .txt_3 { animation:ani_3 0.8s 0.6s; animation-fill-mode:both; }

/* company-overview */
.company-overview { overflow:hidden }
.company-overview .overview-top { display:flex; flex-wrap:wrap; }
.company-overview .overview-top > div { width:50%; text-align:left; }
.company-overview .overview-top .txtbox { padding:65px 0 0 25px; }
.company-overview .overview-top .txtbox p:not(:last-child) { margin-bottom:35px; }
.company-overview .overview-top .txtbox p { font-size:17px; font-weight:300; color:#333; line-height:1.5; font-family: 'Pretendard'; letter-spacing:-0.02em; }
.company-overview .bg { background-color:#f8f8f8; }
.company-overview .overview-cont1 { margin-top:200px; padding:200px 0; }
.company-overview .overview-cont1 .listbox { margin-top:105px; }
.company-overview .overview-cont1 .listbox > ul { display:flex; flex-wrap:wrap; justify-content:center; gap:0; margin-left:1px; }
.company-overview .overview-cont1 .listbox > ul > li { width:33.33%; position:relative; }
.company-overview .overview-cont1 .listbox > ul:nth-child(2) > li { width:33.33%; }
.company-overview .overview-cont1 .listbox > ul > li .box { position:relative; width:calc(100% + 1px); margin:-1px 0 0 -1px; height:300px; border:1px solid #d6d6d6; text-align:center; }
.company-overview .overview-cont1 .listbox > ul > li .box .icon { padding:65px 0 0 0; display:block; height:145px; }
.company-overview .overview-cont1 .listbox > ul > li .box .stxt { color:#111; font-size:28px; font-weight:700; }
.company-overview .overview-cont1 .listbox > ul > li .box .stxt.s1 { padding-top:0; }
.company-overview .overview-cont1 .listbox > ul > li .box .stxt span { display:block; color:#003668; font-size:17px; font-weight:400; margin-top:13px; line-height:1.6; }
.company-overview .overview-cont1 .listbox > ul > li > .txtbox { position:absolute; bottom:0; right:0; text-align:right;  color:#e3e3e3; font-size:50px; font-weight:700; line-height:1.2; }
.company-overview .overview-cont1 .listbox > ul > li > .txtbox span { display:block; font-size:17px; font-weight:300; color:#333; font-family: 'Pretendard'; margin-top:40px; }
.company-overview .overview-cont2 { display:flex; align-items:center; height:573px; background:url(/img/sub/overview_cont2_bg.jpg) center center / cover; }
.company-overview .overview-cont2 .subTopTitle { text-align:left; }
.company-overview .overview-cont2 .subTopTitle .tit-1 { color:#fff; }
.company-overview .overview-cont2 .txtbox { margin-top:60px; }
.company-overview .overview-cont2 .txtbox dt { color:#fff; font-size:42px; font-weight:700; }
.company-overview .overview-cont2 .txtbox dd { margin-top:30px; color:rgba(255,255,255,0.7); font-size:17px; font-weight:300; line-height:1.6; }
.company-overview .overview-cont3 { padding:200px 0; }
.company-overview .overview-cont3 .circle-box { position:relative; margin-top:355px; }
.company-overview .overview-cont3 .circle-box p { text-align:center; position:absolute; top:50%; left:50%; transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)); }
.company-overview .overview-cont3 .circle-box ul { position:relative; width:500px; height:500px; margin:0 auto; background:url(/img/sub/overview_bg1.png) center center no-repeat; }
.company-overview .overview-cont3 .circle-box li .box { position:absolute; }
.company-overview .overview-cont3 .circle-box li .circle { position:relative; }
.company-overview .overview-cont3 .circle-box li .circle span { font-size:28px; font-weight:700; position:relative; z-index:2; width:150px; height:150px; background-color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center;}
.company-overview .overview-cont3 .circle-box li .circle:after { content:""; display:block; border-radius:50%; width:200px; height:200px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)  }
.company-overview .overview-cont3 .circle-box li dl { position:absolute; }
.company-overview .overview-cont3 .circle-box li dt { color:#111; font-weight:700; font-size:20px; }
.company-overview .overview-cont3 .circle-box li dd { margin-top:25px; color:#333; font-weight:300; font-size:17px; line-height:1.6 }
.company-overview .overview-cont3 .circle-box li .box.box1 { top:-80px; left:50%; transform:translateX(-50%); text-align:center; }
.company-overview .overview-cont3 .circle-box li .box.box1 dl { top:-160px; left:50%; transform:translateX(-50%); width:500px; text-align:center; margin:0 auto; }
.company-overview .overview-cont3 .circle-box li .box.box1 .circle span { color:#d9032d; box-shadow:rgba(230,0,45,0.4) 0 0 30px -2px; }
.company-overview .overview-cont3 .circle-box li .box.box1 .circle:after { background-color:rgba(230,0,45,0.05); }
.company-overview .overview-cont3 .circle-box li .box.box2 { top:265px; left:50%; margin-left:166px; }
.company-overview .overview-cont3 .circle-box li .box.box2 dl { top:30px; left:220px; width:500px; }
.company-overview .overview-cont3 .circle-box li .box.box2 .circle:after { background-color:rgba(89,87,87,0.05); }
.company-overview .overview-cont3 .circle-box li .box.box2 .circle span { color:#575555; box-shadow:rgba(89,87,87,0.4) 0 0 30px -2px; }
.company-overview .overview-cont3 .circle-box li .box.box3 { top:265px; right:50%; margin-right:166px; }
.company-overview .overview-cont3 .circle-box li .box.box3 dl {  top:30px; right:220px; width:500px; text-align:right; }
.company-overview .overview-cont3 .circle-box li .box.box3 .circle:after { background-color:rgba(0,54,104,0.05); }
.company-overview .overview-cont3 .circle-box li .box.box3 .circle span { color:#023565; box-shadow:rgba(0,54,104,0.4) 0 0 30px -2px; }
.company-overview .overview-cont4 { padding:200px 0; }
.company-overview .overview-cont4 .txtbox { margin-top:60px; text-align:center; color:#333; font-weight:300; line-height:1.6; font-size:17px; }
.company-overview .overview-cont4 .logo_box .box { display:flex; flex-wrap:wrap; margin-top:150px; }
.company-overview .overview-cont4 .logo_box .box .l_box { width:710px; }
.company-overview .overview-cont4 .logo_box .box .r_box { width:calc(100% - 710px); }
.company-overview .overview-cont4 .logo_box .box .l_box dt { color:#111; font-size:42px; font-weight:700; }
.company-overview .overview-cont4 .logo_box .box .l_box dd { padding-top:35px; color:#333; font-size:17px; font-weight:300; line-height:1.7; }
.company-overview .overview-cont4 .logo_box .box .l_box dd .btn { margin-top:25px; }
.company-overview .overview-cont4 .logo_box .box .l_box dd .btn a { display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:400; color:#fff; width:165px; height:60px; border-radius:50px; background-color:#01488a; }
.company-overview .overview-cont4 .logo_box .box .sbox { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background-color:#fff; padding:0 30px; }
.company-overview .overview-cont4 .logo_box .box .sbox img { max-width:100%; }
.company-overview .overview-cont4 .logo_box .box .sbox strong { text-align:center; width:100%; display:block; margin-top:25px; color:#333; font-size:17px; font-weight:300; line-height:1.7;}
.company-overview .overview-cont4 .logo_box .box .sbox br { display:none }
.company-overview .overview-cont4 .logo_box .box .b3 .sbox { flex-direction:column; }
.company-overview .overview-cont4 .logo_box .box .b1 .sbox { height:462px; }
.company-overview .overview-cont4 .logo_box .box .b2 .sbox { height:263px; }
.company-overview .overview-cont4 .logo_box .box .b3 .sbox { height:384px; }
.company-overview .overview-cont4 .logo_box .box .b4 .sbox { height:384px; }
.company-overview .overview-cont4 .logo_box .box .b5 .sbox { height:300px; }
.company-overview .overview-cont4 .logo_box .box .list { display:flex; flex-wrap:wrap; gap:40px 42px; }
.company-overview .overview-cont4 .logo_box .box .list li { width:calc((100% - 42px) / 2)}
.company-overview .overview-cont4 .logo_box .box .list li.full { width:100%; }
.company-overview .overview-cont4 .logo_box .box p.tit {  color:#333; font-size:17px; font-weight:600; padding-bottom:18px; }
.company-overview .overview-cont4 .logo_box .box .list:not(:last-child) { margin-bottom:50px; }
.company-overview .overview-cont4 .logo_box .txtlist { display:flex; flex-wrap:wrap; gap:40px 42px;justify-content:space-between; }
.company-overview .overview-cont4 .logo_box .txtlist li { display:flex; align-items:center; }
.company-overview .overview-cont4 .logo_box .txtlist li strong { display:inline-block; margin-right:20px; font-size:14px; color:#333; font-weight:400; }
.company-overview .overview-cont4 .logo_box .color ul { display:flex; flex-wrap:wrap; gap:30px 0  }
.company-overview .overview-cont4 .logo_box .color li { display:flex; align-items:flex-end;}
.company-overview .overview-cont4 .logo_box .color li .cbox { width:106px; height:106px; background-color:#003668; }
.company-overview .overview-cont4 .logo_box .color li:nth-child(2) .cbox { background-color:#e6002d; }
.company-overview .overview-cont4 .logo_box .color li:nth-child(3) .cbox { background-color:#595757; }
.company-overview .overview-cont4 .logo_box .color li .stxt { margin:0 75px 0 20px; }
.company-overview .overview-cont4 .logo_box .color li:nth-child(3) .stxt { margin:0 0 0 20px; }
.company-overview .overview-cont4 .logo_box .color li .stxt strong { font-size:17px; font-weight:500; display:block; letter-spacing:-0.02em; margin-bottom:5px; }
.company-overview .overview-cont4 .logo_box .color li .stxt { color:#333; font-size:14px; font-weight:300; }
@media screen and (max-width:1720px){	
  .company-overview .overview-cont4 .logo_box .color li .stxt { margin:0 45px 0 20px; }
}
@media screen and (max-width:1560px){	
  .company-overview .overview-cont4 .logo_box .box .l_box { width:600px; }
  .company-overview .overview-cont4 .logo_box .box .r_box { width:calc(100% - 600px); }
  .company-overview .overview-cont4 .logo_box .box .list {  gap:30px 30px; }
  .company-overview .overview-cont4 .logo_box .box .list li { width:calc((100% - 30px) / 2)}
  .company-overview .overview-cont4 .logo_box .color li .stxt { margin:0 50px 0 20px; }
}
@media screen and (max-width:1400px){	
  .company-overview .overview-top .txtbox p br { display:none;}
  .company-overview .overview-cont1 .listbox > ul > li .box { height:300px; }
  .company-overview .overview-cont3 .circle-box li .box.box2 dl { top:200px; left:30px; }
  .company-overview .overview-cont3 .circle-box li .box.box3 dl { top:200px; right:30px; }
  .company-overview .overview-cont4 .logo_box .box .l_box { width:500px; }
  .company-overview .overview-cont4 .logo_box .box .r_box { width:calc(100% - 500px); }
  .company-overview .overview-cont4 .logo_box .box .list { gap:25px 25px; }
  .company-overview .overview-cont4 .logo_box .box .list li { width:calc((100% - 25px) / 2)}
  .company-overview .overview-cont4 .logo_box .color li .cbox { width:95px; height:95px; }
}
@media screen and (max-width:1280px){	
  .company-overview .overview-cont1 { margin-top:150px; padding:150px 0; }
  .company-overview .overview-cont1 .listbox > ul > li .box { padding:0 10px; }
  .company-overview .overview-cont1 .listbox > ul > li .box .stxt br { display:none }
  .company-overview .overview-cont3 { padding:150px 0; }
  .company-overview .overview-cont4 { padding:150px 0; }
  .company-overview .overview-cont4 .logo_box .box .list { gap:20px 20px; }
  .company-overview .overview-cont4 .logo_box .box .list li { width:calc((100% - 20px) / 2)}
  .company-overview .overview-cont4 .logo_box .box .b1 .sbox { height:400px; }
  .company-overview .overview-cont4 .logo_box .box .b2 .sbox { height:200px; }
  .company-overview .overview-cont4 .logo_box .box .b3 .sbox { height:320px; }
  .company-overview .overview-cont4 .logo_box .box .b4 .sbox { height:320px; }
  .company-overview .overview-cont4 .logo_box .box .b5 .sbox { height:240px; }
}
@media screen and (max-width:1024px){	
  .company-overview .overview-top .subTopTitle { text-align:center; }
  .company-overview .overview-top > div { width:100%; } 
  .company-overview .overview-top .txtbox { padding:40px 0 0 0; }
  .company-overview .overview-top .txtbox p:not(:last-child) { margin-bottom:20px; }
  .company-overview .overview-top .txtbox p { font-size:16px; }
  .company-overview .overview-cont1 { margin-top:100px; padding:100px 0; }
  .company-overview .overview-cont1 .listbox { margin-top:80px; }
  .company-overview .overview-cont1 .listbox > ul > li .box { height:220px; }
  .company-overview .overview-cont1 .listbox > ul > li .box .icon { padding:30px 0 0 0; height:100px; }
  .company-overview .overview-cont1 .listbox > ul > li .box .stxt { font-size:20px; }
  .company-overview .overview-cont1 .listbox > ul > li .box .stxt span { font-size:15px; margin-top:10px; }
  .company-overview .overview-cont1 .listbox > ul > li > .txtbox { font-size:35px; }
  .company-overview .overview-cont1 .listbox > ul > li > .txtbox span { font-size:16px; margin-top:35px; }
  .company-overview .overview-cont2 { height:400px; }
  .company-overview .overview-cont2 .txtbox { margin-top:50px; }
  .company-overview .overview-cont2 .txtbox dt { font-size:36px; }
  .company-overview .overview-cont2 .txtbox dd { margin-top:25px; font-size:16px; }
  .company-overview .overview-cont3 { padding:100px 0; }
  .company-overview .overview-cont3 .circle-box { margin-top:250px; }
  .company-overview .overview-cont3 .circle-box p img { width:180px; }
  .company-overview .overview-cont3 .circle-box ul { width:430px; height:430px; background-size:430px auto; }
  .company-overview .overview-cont3 .circle-box li .circle span { font-size:22px; width:130px; height:130px; }
  .company-overview .overview-cont3 .circle-box li .circle:after { width:170px; height:170px; }
  .company-overview .overview-cont3 .circle-box li dt { font-size:19px; }
  .company-overview .overview-cont3 .circle-box li dd { margin-top:20px; font-size:16px; }
  .company-overview .overview-cont3 .circle-box li .box.box1 { top:-60px; }
  .company-overview .overview-cont3 .circle-box li .box.box1 dl { top:-120px; }
  .company-overview .overview-cont3 .circle-box li .box.box2 { top:225px; margin-left:140px; }
  .company-overview .overview-cont3 .circle-box li .box.box2 dl { top:150px; left:20px; }
  .company-overview .overview-cont3 .circle-box li .box.box3 { top:225px; margin-right:140px; }
  .company-overview .overview-cont3 .circle-box li .box.box3 dl { top:180px; right:20px; }
  .company-overview .overview-cont4 { padding:100px 0 150px; }
  .company-overview .overview-cont4 .txtbox { margin-top:50px; font-size:16px; }
  .company-overview .overview-cont4 .logo_box .box { margin-top:100px; }
  .company-overview .overview-cont4 .logo_box .box .l_box,
  .company-overview .overview-cont4 .logo_box .box .r_box { width:100%; }
  .company-overview .overview-cont4 .logo_box .box .l_box dt { font-size:28px; }
  .company-overview .overview-cont4 .logo_box .box .l_box dd { padding-top:25px; font-size:16px; }
  .company-overview .overview-cont4 .logo_box .box .l_box dd br { display:none }
  .company-overview .overview-cont4 .logo_box .box .l_box dd .btn { margin-top:40px; margin-bottom:40px; }
  .company-overview .overview-cont4 .logo_box .box .l_box dd .btn a { height:50px; margin:0 auto }
  .company-overview .overview-cont4 .logo_box .box p.tit { font-size:16px; }
  .company-overview .overview-cont4 .logo_box .box .list:not(:last-child) { margin-bottom:40px; }
  .company-overview .overview-cont4 .logo_box .box .sbox strong,
  .company-overview .overview-cont4 .logo_box .color li .stxt strong { font-size:16px; }
  .company-overview .overview-cont4 .logo_box .color li .stxt { font-size:14px; }

}
@media screen and (max-width:960px){
  .company-overview .overview-cont1 .listbox > ul > li { width:50% }
}
@media screen and (max-width:860px){	
  .company-overview .overview-cont3 { margin-bottom:80px; }
  .company-overview .overview-cont3 .circle-box li .box.box2 dl { top:180px; left:-60px; }
  .company-overview .overview-cont3 .circle-box li .box.box2 dt { padding-left:0; }
  .company-overview .overview-cont3 .circle-box li .box.box3 dl { top:180px; right:-60px; }
  .company-overview .overview-cont3 .circle-box li .box.box3 dt { padding-right:100px; }
  .company-overview .overview-cont4 .logo_box .color li .cbox { width:65px; height:65px; }
}
@media screen and (max-width:640px){	
  .company-overview .overview-cont1 { margin-top:80px; padding:80px 0; }
  .company-overview .overview-cont1 .listbox { margin-top:50px; }
  .company-overview .overview-cont1 .listbox > ul > li .box .icon { padding:30px 0 0 0; height:90px;}
  .company-overview .overview-cont1 .listbox > ul:nth-child(2) > li { width:50% }
  .company-overview .overview-cont1 .listbox > ul > li .box .stxt { font-size:18px; }
  .company-overview .overview-cont1 .listbox > ul > li .box .stxt span { font-size:15px; }
  .company-overview .overview-cont1 .listbox > ul > li > .txtbox { font-size:32px; }
  .company-overview .overview-cont1 .listbox > ul > li > .txtbox span { font-size:16px; margin-top:30px; }
  .company-overview .overview-cont2 { height:350px; }
  .company-overview .overview-cont2 .txtbox { margin-top:40px; }
  .company-overview .overview-cont2 .txtbox dt { font-size:32px; }
  .company-overview .overview-cont2 .txtbox dd { margin-top:20px; font-size:16px; }
  .company-overview .overview-cont3 { padding:80px 0; margin-bottom:0; }
  .company-overview .overview-cont3 .circle-box { margin-top:100px; }
  .company-overview .overview-cont3 .circle-box p,
  .company-overview .overview-cont3 .circle-box li .box,
  .company-overview .overview-cont3 .circle-box li .box dl { position:relative; }
  .company-overview .overview-cont3 .circle-box p { top:unset; left:unset; transform:translate(0);}
  .company-overview .overview-cont3 .circle-box p img { width:140px; }
  .company-overview .overview-cont3 .circle-box li .box { display:flex; }
  .company-overview .overview-cont3 .circle-box ul { width:auto; height:auto; background:none; padding:0 15px; margin-top:50px; }
  .company-overview .overview-cont3 .circle-box li:not(:last-child) { margin-bottom:30px; }
  .company-overview .overview-cont3 .circle-box li .circle { width:130px; height:130px; }
  .company-overview .overview-cont3 .circle-box li .circle span { font-size:20px; width:110px; height:110px; }
  .company-overview .overview-cont3 .circle-box li .circle span img { max-width:45px; }
  .company-overview .overview-cont3 .circle-box li .circle:after { width:140px; height:140px; top:-15px; left:-15px; transform:translate(0, 0); }
  .company-overview .overview-cont3 .circle-box li .box dl { padding:5px 0 0 30px; }
  .company-overview .overview-cont3 .circle-box li dt { font-size:19px; }
  .company-overview .overview-cont3 .circle-box li dd { margin-top:20px; font-size:16px; }
  .company-overview .overview-cont3 .circle-box li dd br { display:none }
  .company-overview .overview-cont3 .circle-box li .box.box1 { top:unset; left:unset; transform:translateX(0); text-align:left; }
  .company-overview .overview-cont3 .circle-box li .box.box1 dl { top:unset; left:unset; transform:translateX(0); text-align:left; }
  .company-overview .overview-cont3 .circle-box li .box.box2 { top:unset; left:unset; margin-left:0; }
  .company-overview .overview-cont3 .circle-box li .box.box2 dl { top:unset; left:unset; }
  .company-overview .overview-cont3 .circle-box li .box.box2 dt { padding-left:0; }
  .company-overview .overview-cont3 .circle-box li .box.box3 { top:unset; right:unset; margin-right:0; }
  .company-overview .overview-cont3 .circle-box li .box.box3 dl { top:unset; right:unset; text-align:left;}
  .company-overview .overview-cont3 .circle-box li .box.box3 dt { padding-right:0; }
  .company-overview .overview-cont4 { padding:80px 0 150px; }
  .company-overview .overview-cont4 .txtbox { margin-top:50px; font-size:16px; }
  .company-overview .overview-cont4 .logo_box .box { margin-top:80px; }
  .company-overview .overview-cont4 .logo_box .box .l_box dt { font-size:18px; }
  .company-overview .overview-cont4 .logo_box .box .l_box dd { padding-top:20px; font-size:15px; }
  .company-overview .overview-cont4 .logo_box .box .l_box dd .btn { margin-top:40px; margin-bottom:40px; }
  .company-overview .overview-cont4 .logo_box .box .l_box dd .btn a { height:50px; margin:0 auto }
  .company-overview .overview-cont4 .logo_box .box p.tit { font-size:15px; }
  .company-overview .overview-cont4 .logo_box .box .list:not(:last-child) { margin-bottom:40px; }
  .company-overview .overview-cont4 .logo_box .box .sbox strong,
  .company-overview .overview-cont4 .logo_box .color li .stxt strong { font-size:15px; }
  .company-overview .overview-cont4 .logo_box .color li .stxt { font-size:13px; }
  .company-overview .overview-cont4 .logo_box .color li .stxt { margin:0 30px 0 10px; }
  .company-overview .overview-cont4 .logo_box .color li:nth-child(3) .stxt { margin:0 0 0 10px; }
  .company-overview .overview-cont4 .logo_box .color li .cbox { width:46px; height:46px; }
  .company-overview .overview-cont4 .logo_box .box .b1 .sbox { height:250px; }
  .company-overview .overview-cont4 .logo_box .box .b2 .sbox { height:160px; }
  .company-overview .overview-cont4 .logo_box .box .b3 .sbox { height:320px; }
  .company-overview .overview-cont4 .logo_box .box .b4 .sbox { height:240px; }
  .company-overview .overview-cont4 .logo_box .box .b5 .sbox { height:220px; }
}
@media screen and (max-width:460px){	
  .company-overview .overview-cont1 .listbox > ul > li .box { height:250px; }
  .company-overview .overview-cont4 .logobox li .box { height:250px; }
}


/* animation */
.company-overview .overview-top .subTopTitle h3,
.company-overview .overview-top .subTopTitle .tit-1,
.company-overview .overview-top .txtbox { opacity:0; }
.company-overview .overview-top.subOn .subTopTitle h3 { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.company-overview .overview-top.subOn .subTopTitle .tit-1 { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.company-overview .overview-top.subOn .txtbox { animation:ani_3 0.8s 0.7s; animation-fill-mode:both; }
.company-overview .overview-cont1 .subTopTitle .tit-1,
.company-overview .overview-cont1 .listbox li { opacity:0; }
.company-overview .overview-cont1 .subTopTitle.subOn .tit-1 { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.company-overview .overview-cont1 .listbox ul.subOn li:nth-child(1) { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
.company-overview .overview-cont1 .listbox ul.subOn li:nth-child(2) { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }
.company-overview .overview-cont1 .listbox ul.subOn li:nth-child(3) { animation:ani_3 0.5s 0.8s; animation-fill-mode:both; }
.company-overview .overview-cont1 .listbox ul.subOn li:nth-child(4) { animation:ani_3 0.5s 1.0s; animation-fill-mode:both; }
.company-overview .overview-cont1 .listbox ul.subOn li:nth-child(5) { animation:ani_3 0.5s 1.2s; animation-fill-mode:both; }
.company-overview .overview-cont1 .listbox ul.subOn li:nth-child(6) { animation:ani_3 0.5s 1.4s; animation-fill-mode:both; }
.company-overview .overview-cont2 .subTopTitle .tit-1,
.company-overview .overview-cont2 .txtbox dt,
.company-overview .overview-cont2 .txtbox dd { opacity:0; }
.company-overview .overview-cont2.subOn .subTopTitle .tit-1 { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.company-overview .overview-cont2.subOn .txtbox dt { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.company-overview .overview-cont2.subOn .txtbox dd { animation:ani_3 0.5s 0.7s; animation-fill-mode:both; }
.company-overview .overview-cont3 .subTopTitle .tit-1,
.company-overview .overview-cont3 .circle-box li p,
.company-overview .overview-cont3 .circle-box li .box { opacity:0; }
.company-overview .overview-cont3 .subTopTitle.subOn .tit-1 { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.company-overview .overview-cont3 .circle-box.subOn li .box.box1 { animation:ani_5 0.5s 0.3s; animation-fill-mode:both; }
.company-overview .overview-cont3 .circle-box.subOn li .box.box1 { animation:ani_5 0.5s 0.3s; animation-fill-mode:both; }
.company-overview .overview-cont3 .circle-box.subOn li .box.box2 { animation:ani_5 0.5s 0.5s; animation-fill-mode:both; }
.company-overview .overview-cont3 .circle-box.subOn li .box.box3 { animation:ani_5 0.5s 0.7s; animation-fill-mode:both; }
.company-overview .overview-cont3 .circle-box.subOn p { animation:ani_5 0.5s 1.0s; animation-fill-mode:both; }
.company-overview .overview-cont4 .subTopTitle .tit-1,
.company-overview .overview-cont4 .logo_box .box > div { opacity:0; }
.company-overview .overview-cont4 .subTopTitle.subOn .tit-1 { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.company-overview .overview-cont4 .logo_box .box.subOn .l_box { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
.company-overview .overview-cont4 .logo_box .box.subOn .r_box { animation:ani_2 0.5s 0.6s; animation-fill-mode:both; }

/* company-certification */
.company-certification .tab-submenu { display:flex; justify-content:center; margin-top:65px; }
.company-certification .tab-submenu ul { display:flex; gap:0 10px; }
.company-certification .tab-submenu li a { display:flex; align-items:center; justify-content:center; width:185px; height:60px; border-radius:50px; border:1px solid #d6d6d6; font-size:18px; font-weight:300; color:#999; }
.company-certification .tab-submenu li.on a { border:1px solid #01488a; background-color:#01488a; font-weight:700; color:#fff; }
.company-certification .certification-cont1 .tab-submenu { margin-bottom:90px; }
.company-certification .search-box { margin-top:90px; }
.company-certification .search-box .searchCont { display:flex; justify-content:center; flex-wrap:wrap; padding:67px 0; background-color:#f5f5f5; }
.company-certification .search-box .searchCont select { width:195px; height:65px; border:none; margin-right:10px; padding:0 20px; background-color:#fff; color:#333; font-size:17px; font-weight:300; outline:none }
.company-certification .search-box .searchCont .ipbtn { width:100%; max-width:880px; position:relative; }
.company-certification .search-box .searchCont .ipbtn input { width:100%; height:65px; border:none; background-color:#fff; padding:0 280px 0 20px; color:#333; font-size:17px; font-weight:300; outline:none }
.company-certification .search-box .searchCont .ipbtn .btn { position:absolute; right:0; top:0; }
.company-certification .search-box .searchCont .ipbtn .btn button { width:160px; height:65px; background-color:#2d2d2d; color:#fff; font-size:17px; font-weight:300; border:none; outline:none }
.company-certification .search-box .searchCont .ipbtn .btn button.all { width:100px; background-color:#01488a }
.company-certification .listbox { margin-top:95px; }
.company-certification .listbox > ul { display:flex; gap:150px 50px; flex-wrap:wrap; }
.company-certification .listbox > ul > li { width:calc((100% - 200px) / 5); cursor:pointer; }
.company-certification .listbox > ul > li > img { border:1px solid #e7e7e7; width:100%; }
.company-certification .listbox > ul > li .txtbox { padding-top:25px; }
.company-certification .listbox > ul > li .txtbox dt { color:#111; font-weight:700; font-size:20px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.company-certification .listbox > ul > li .txtbox dd { padding-top:22px; color:#333; font-weight:300; font-size:14px; line-height:1.8; }
.company-certification .listbox > ul > li .txtbox dd .stxt { font-weight:300; display:block;}
.company-certification .certification-cont1 { margin-top:200px; padding:200px 0; background-color:#f8f8f8; }
.company-certification .certification-cont1 .dataTable { margin-top:100px; }
.company-certification .certification-cont1 .dataTable * { font-family:'Pretendard'; }
.company-certification .certification-cont1 .dataTable table { width:100%; }
.company-certification .certification-cont1 .dataTable thead th { height:90px; text-align:center; background-color:#01488a; color:#fff; font-weight:600; font-size:17px; border-right:1px solid #346da1; }
.company-certification .certification-cont1 .dataTable thead th:last-child { border-left:none; }
.company-certification .certification-cont1 .dataTable tbody td { line-height:1.4; height:80px; text-align:center; background-color:#f8f8f8; color:#333; font-weight:300; font-size:17px; border:1px solid #e4e4e4; border-width:0 1px 1px 0; }
.company-certification .certification-cont1 .dataTable tbody td.td_left { text-align:left;  padding-left:40px; border-left:1px solid #e4e4e4; }
@media screen and (max-width:1400px){	
  .company-certification .search-box .searchCont .ipbtn { max-width:700px; }
  .company-certification .listbox > ul { gap:120px 30px; }
  .company-certification .listbox > ul > li { width:calc((100% - 120px) / 5); }
}
@media screen and (max-width:1280px){	
  .company-certification .search-box .searchCont { padding:50px 30px; }
  .company-certification .search-box .searchCont select { width:170px; }
  .company-certification .search-box .searchCont .ipbtn { width:calc(100% - 340px - 20px); }
  .company-certification .search-box .searchCont .ipbtn input { padding:0 230px 0 20px; }
  .company-certification .search-box .searchCont .ipbtn .btn button { width:140px; }
  .company-certification .search-box .searchCont .ipbtn .btn button.all { width:90px; }
  .company-certification .listbox > ul { gap:100px 25px; }
  .company-certification .listbox > ul > li { width:calc((100% - 75px) / 4); }
  .company-certification .certification-cont1 { margin-top:150px; padding:150px 0; }
}
@media screen and (max-width:1024px){	
  .company-certification .tab-submenu { margin-top:50px; }
  .company-certification .certification-cont1 .tab-submenu { margin-bottom:70px; }
  .company-certification .tab-submenu li a { width:160px; height:50px; font-size:17px; }
  .company-certification .search-box { margin-top:50px; }
  .company-certification .search-box .searchCont { padding:40px 20px; }
  .company-certification .search-box .searchCont select { width:160px; height:60px; font-size:16px; }
  .company-certification .search-box .searchCont .ipbtn { width:calc(100% - 320px - 20px); }
  .company-certification .search-box .searchCont .ipbtn input { padding:0 200px 0 20px; height:60px; font-size:16px; }
  .company-certification .search-box .searchCont .ipbtn .btn button { width:120px; height:60px; font-size:16px; }
  .company-certification .search-box .searchCont .ipbtn .btn button.all { width:80px; }
  .company-certification .listbox { margin-top:70px; }
  .company-certification .listbox > ul { gap:80px 20px; }
  .company-certification .listbox > ul > li { width:calc((100% - 40px) / 3); }
  .company-certification .listbox > ul > li .txtbox dt { font-size:18px; }
  .company-certification .listbox > ul > li .txtbox dd { padding-top:15px; font-size:13px; }
  .company-certification .certification-cont1 { margin-top:100px; padding:100px 0 150px; }
  .company-certification .certification-cont1 .dataTable { margin-top:80px; }
  .company-certification .certification-cont1 .dataTable thead th { height:80px; font-size:16px; }
  .company-certification .certification-cont1 .dataTable tbody td { height:75px; font-size:16px; }
}
@media screen and (max-width:860px){	
  .company-certification .search-box .searchCont select { width:calc(50% - 5px); height:60px; margin:0 0 0 5px; }
  .company-certification .search-box .searchCont select:first-child { margin:0 5px 0 0; } 
  .company-certification .search-box .searchCont .ipbtn { width:100%; max-width:100%; margin-top:10px; }
}
@media screen and (max-width:640px){	
  .company-certification .tab-submenu { margin-top:40px; }
  .company-certification .certification-cont1 .tab-submenu { margin-bottom:50px; }
  .company-certification .tab-submenu li a { width:150px; height:45px; font-size:16px; }
  .company-certification .search-box { margin-top:40px; }
  .company-certification .search-box .searchCont { padding:30px 20px; }
  .company-certification .search-box .searchCont select { height:50px; }
  .company-certification .search-box .searchCont .ipbtn input { padding:0 150px 0 20px; height:50px; }
  .company-certification .search-box .searchCont .ipbtn .btn button { width:70px; height:50px; }
  .company-certification .search-box .searchCont .ipbtn .btn button.all { width:80px; }
  .company-certification .listbox { margin-top:50px; }
  .company-certification .listbox > ul { gap:60px 20px; }
  .company-certification .listbox > ul > li { width:calc((100% - 20px) / 2); }
  .company-certification .listbox > ul > li .txtbox dt { font-size:17px; }
  .company-certification .listbox > ul > li .txtbox dd { padding-top:12px; }
  .company-certification .certification-cont1 { margin-top:80px; padding:80px 0 150px; }
  .company-certification .certification-cont1 .dataTable { margin-top:50px; }
  .company-certification .certification-cont1 .dataTable .w1 { width:100px !important}
  .company-certification .certification-cont1 .dataTable thead th { height:70px; font-size:16px; }
  .company-certification .certification-cont1 .dataTable tbody td { height:60px; font-size:16px; }
  .company-certification .certification-cont1 .dataTable tbody td.td_left { padding:0 5px; }
}

.cer-popupbox { position:fixed; left:0; top:0; width:100%; height:100%; z-index:999999; display:none }
.cer-popupbox .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); }
.cer-popupbox .pop-body { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:22; max-width:600px; width:100%; padding:40px 40px; background-color:#fff; }
.cer-popupbox .pop-body .imgbox { margin-top:30px; text-align:center; }
.cer-popupbox .pop-body .imgbox img {  height:100vh; max-height:620px; border:1px solid #e7e7e7 }
.cer-popupbox .pop-body .txtbox { text-align:center; }
.cer-popupbox .pop-body .txtbox dt { font-size:18px; color:#111; font-weight:700; line-height:1.4; }
.cer-popupbox .pop-body .txtbox dd { padding-top:15px; font-size:14px; color:#333; font-weight:300; }
.cer-popupbox .pop-body .txtbox dd .stxt { position:relative; display:inline-block }
.cer-popupbox .pop-body .txtbox dd .stxt:not(:last-child) { margin-right:30px; }
.cer-popupbox .pop-body .txtbox dd .stxt:before { content:""; display:block; position:absolute; top:50%; left:-16px; transform:translateY(-50%); width:2px; height:12px; background:#929292; }
.cer-popupbox .pop-body .txtbox dd .stxt:first-child:before { display:none }
.cer-popupbox .pop-body .btn_close { position:absolute; right:15px; top:15px; cursor:pointer; }
.cer-popupbox .pop-body .btn_close span { position:relative; width:25px; height:25px; display:block }
.cer-popupbox .pop-body .btn_close span:before { content:""; display:block; width:26px; height:2px; background-color:#111; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); }
.cer-popupbox .pop-body .btn_close span:after { content:""; display:block; width:26px; height:2px; background-color:#111; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); }
@media screen and (max-width:640px){
  .cer-popupbox .pop-body { position:absolute; left:0; top:50%; transform:translate(0, -50%); z-index:22; margin:0 20px; max-width:auto; width:calc(100% - 40px); padding:20px 20px; }
  .cer-popupbox .pop-body .imgbox { margin-top:30px; text-align:center; }
  .cer-popupbox .pop-body .imgbox img {  height:auto; max-height:100%; max-width:400px; }
  .cer-popupbox .pop-body .txtbox dt { font-size:17px; }
  .cer-popupbox .pop-body .txtbox dd { padding-top:12px; }
  .cer-popupbox .pop-body .btn_close { right:10px; top:10px; }
  .cer-popupbox .pop-body .btn_close span { width:23px; height:23px; }
  .cer-popupbox .pop-body .btn_close span:before,
  .cer-popupbox .pop-body .btn_close span:after { width:23px; }
}
@media screen and (max-height:800px){
  .cer-popupbox .pop-body .imgbox img {  height:auto; max-height:100%; max-width:400px; }
}
@media screen and (max-height:720px){
  .cer-popupbox .pop-body { padding:20px 20px; }
  .cer-popupbox .pop-body .imgbox { margin-top:30px; text-align:center; }
  .cer-popupbox .pop-body .imgbox img {  max-width:300px; }
  .cer-popupbox .pop-body .txtbox dt { font-size:17px; }
  .cer-popupbox .pop-body .txtbox dd { padding-top:12px; }
  .cer-popupbox .pop-body .btn_close { right:10px; top:10px; }
  .cer-popupbox .pop-body .btn_close span { width:23px; height:23px; }
  .cer-popupbox .pop-body .btn_close span:before,
  .cer-popupbox .pop-body .btn_close span:after { width:23px; }
}
/* company-history */
.company-history .inner1600 { display:flex; flex-wrap:wrap; }
.company-history .year-box { width:680px; position:sticky; top:100px; max-height:580px; z-index:2 }
.company-history .history-list { width:calc(100% - 680px); }
.company-history .year-box .subTopTitle { text-align:left; }
.company-history .year-box .year_btn { margin-top:75px; }
.company-history .year-box .year_btn li { width:185px; }
.company-history .year-box .year_btn li:not(:last-child) { margin-bottom:10px; }
.company-history .year-box .year_btn li a { font-family:'Pretendard';  width:100%; height:59px; border-radius:60px; display:flex; align-items:center; justify-content:center; border:1px solid #d6d6d6; font-size:16px; color:#999; font-weight:300; }
.company-history .year-box .year_btn li.on a { color:#fff; font-weight:700; background-color:#01488a; border:none; }
.company-history .history-list { position:relative; margin-top:80px; }
.company-history .history-list:before { content:""; display:block; position:absolute; top:20px; left:0; width:3px; height:calc(100% - 280px); border-left:1px dashed #d6d6d6; }
.company-history .history-list > ul:not(:last-child),
.company-history .history-list > ul > li:not(:last-child) { margin-bottom:130px; }
.company-history .history-list > ul > li { position:relative; padding-left:54px;  }
.company-history .history-list > ul > li:before { content:""; display:block; position:absolute; top:20px; left:-4px; width:9px; height:9px; background:#d6d6d6; border-radius:10px; }
.company-history .history-list > ul > li.effect:before { background:#01488a; }
.company-history .history-list > ul > li > dl { display:flex; flex-wrap:wrap; }
.company-history .history-list > ul > li > dl > dt { width:175px; color:#111; font-size:45px; font-weight:600; }
.company-history .history-list > ul > li > dl > dd { width:calc(100% - 175px); padding-top:10px; }
.company-history .history-list > ul > li > dl > dd li:not(:last-child) { margin-bottom:38px; }
.company-history .history-list > ul > li > dl > dd li { position:relative; padding-left:40px; font-size:18px; color:#333; font-weight:300; line-height:1.4; font-family:'Pretendard'; }
.company-history .history-list > ul > li > dl > dd li strong { position:absolute; left:0; top:0; width:27px; text-align:right; display:inline-block; color:#01488a; font-weight:600; letter-spacing:-0.02em; }
@media screen and (max-width:1400px){	
  .company-history .year-box { width:600px; }
  .company-history .history-list { width:calc(100% - 600px); }
}
@media screen and (max-width:1280px){	
  .company-history .year-box { width:500px; }
  .company-history .history-list { width:calc(100% - 500px); }
  .company-history .history-list > ul > li > dl > dt { width:150px; font-size:40px; }
  .company-history .history-list > ul > li > dl > dd { width:calc(100% - 150px); }
}
@media screen and (max-width:1024px){	
  .company-history .year-box { width:400px; }
  .company-history .year-box .year_btn { margin-top:45px; }
  .company-history .year-box .year_btn li { width:160px; }
  .company-history .year-box .year_btn li a { height:48px; }
  .company-history .history-list { width:calc(100% - 400px); margin-top:45px; }
  .company-history .history-list:before { top:15px; }
  .company-history .history-list > ul:not(:last-child),
  .company-history .history-list > ul > li:not(:last-child) { margin-bottom:80px; }
  .company-history .history-list > ul > li { padding-left:40px; }
  .company-history .history-list > ul > li:before { top:13px; }
  .company-history .history-list > ul > li > dl > dt { width:100px; font-size:30px; }
  .company-history .history-list > ul > li > dl > dd { width:calc(100% - 100px); padding-top:2px; }
  .company-history .history-list > ul > li > dl > dd li { padding-left:40px; font-size:16px;}
  .company-history .history-list > ul > li > dl > dd li:not(:last-child) { margin-bottom:25px; }
}
@media screen and (max-width:960px){
  .company-history .year-box .subTopTitle { text-align:center; }
  .company-history .year-box .subTopTitle .tit-1 br { display:none }
  .company-history .history-list:before { top:15px; height:calc(100% - 210px); }
  .company-history .year-box { width:100%; position:relative; top:0; }
  .company-history .year-box .year_btn ul { display:flex; max-width:500px; gap:0 10px;}
  .company-history .year-box .year_btn ul li { width:cacl((100% - 20px) / 3); }
  .company-history .history-list { width:100%; margin-top:45px; }
}
@media screen and (max-width:640px){	
  .company-history .history-list:before { top:15px; height:calc(100% - 240px); }
  .company-history .history-list > ul:not(:last-child),
  .company-history .history-list > ul > li:not(:last-child) { margin-bottom:50px; }
  .company-history .history-list > ul > li { padding-left:35px; }
  .company-history .history-list > ul > li > dl > dt { width:100%; font-size:30px; }
  .company-history .history-list > ul > li > dl > dd { width:100%; padding-top:20px; }
  .company-history .history-list > ul > li > dl > dd li:not(:last-child) { margin-bottom:20px; }
}


.company-technology {}
.company-technology > div:first-child > div { padding:0 0 200px; }
.company-technology .listbox { display:flex; padding:200px 0; }
.company-technology .listbox > div { width:50%; height:576px; display:flex; align-items:center; justify-content:center; }
.company-technology .listbox .subTopTitle { text-align:left; }
.company-technology .listbox .imgbox { padding:0 20px; margin-right:54px; border:1px solid #e5e5e5; background-color:#fff;  }
.company-technology .listbox .imgbox img { max-width:100%; }
.company-technology .listbox .txtbox { padding-left:26px; padding-top:18px; }
.company-technology .listbox .txtbox .subTopTitle h3 { margin-bottom:60px; }
.company-technology .listbox .txtbox > dl > dd { padding-top:10px; }
.company-technology .listbox .txtbox > dl > dd p { margin-top:30px; font-size:17px; color:#333; font-weight:300; line-height:1.8; font-family:'Pretendard'; letter-spacing:-0.03em }
.company-technology .listbox .txtbox .slist { margin-top:55px; }
.company-technology .listbox .txtbox .slist ul { display:flex; flex-wrap:wrap; justify-content:center; }
.company-technology .listbox .txtbox .slist li { width:33.33%; padding:0 20px; text-align:center; }
.company-technology .listbox .txtbox .slist li:not(:last-child) { border-right:1px solid #e2e2e2; }
.company-technology .listbox .txtbox .slist li .icon { height:56px; display:flex; align-items:center; justify-content:center; }
.company-technology .listbox .txtbox .slist li dt { padding-top:15px; font-size:17px; color:#111; font-weight:700; }
.company-technology .listbox .txtbox .slist li dd { padding-top:15px; font-size:17px; color:#333; font-weight:300; line-height:1.6; font-family:'Pretendard'; }
.company-technology .bg { background-color:#f8f8f8; }
.company-technology .bg .listbox { flex-direction:row-reverse; }
.company-technology .bg .listbox .imgbox { margin:0 0 0 54px; }
.company-technology .bg .listbox .txtbox { padding-left:0; }
@media screen and (max-width:1440px){
  .company-technology .listbox .imgbox { width:42%; }
  .company-technology .listbox .txtbox { width:58%; }
  .company-technology .listbox .txtbox { padding-left:15px; }
  .company-technology .listbox .txtbox > dl > dd p br,
  .company-technology .listbox .txtbox .slist li dd br { display:none }
}
@media screen and (max-width:1280px){
  .company-technology .listbox > div { height:500px; }
  .company-technology .listbox .txtbox .subTopTitle h3 { margin-bottom:50px; }
  .company-technology .listbox .txtbox > dl > dd p { margin-top:25px; font-size:16px; }
  .company-technology .listbox .txtbox .slist { margin-top:45px; }
  .company-technology .listbox .txtbox .slist li dt { font-size:16px; }
  .company-technology .listbox .txtbox .slist li dd { font-size:16px; }
}
@media screen and (max-width:1024px){
  .company-technology { padding-bottom:70px; }
  .company-technology > div:first-child > div { padding:0 0 100px; }
  .company-technology .listbox,
  .company-technology .bg .listbox { flex-wrap:wrap; flex-direction:column-reverse; padding:100px 0; }
  .company-technology .listbox .txtbox .subTopTitle h3 { margin-bottom:30px; }
  .company-technology .listbox > div,
  .company-technology .listbox .imgbox,
  .company-technology .listbox .txtbox { width:100%; height:auto; }
  .company-technology .listbox .imgbox,
  .company-technology .bg .listbox .imgbox { margin:0; margin-top:40px; }
  .company-technology .listbox .txtbox .slist ul { display:block; flex-wrap:wrap; }
  .company-technology .listbox .txtbox .slist li { position:relative; padding:0; padding-left:78px; width:100%; text-align:left; border:none; margin-top:25px; }
  .company-technology .listbox .txtbox .slist li:not(:last-child) { padding-bottom:25px; border:none; border-bottom:1px solid #e2e2e2; }
  .company-technology .listbox .txtbox .slist li .icon { position:absolute; left:0; top:0; justify-content: flex-start; height:56px; }
  .company-technology .listbox .txtbox .slist li dt { padding-top:2px; }
  .company-technology .listbox .txtbox .slist li dd br { display:none }
}
@media screen and (max-width:640px){
  .company-technology > div:first-child > div { padding:0 0 80px; }
  .company-technology .listbox { padding:80px 0; }
  .company-technology .listbox .txtbox .subTopTitle h3 { margin-bottom:20px; }
}
/* animation */
.company-technology .listbox > div { opacity:0; }
.company-technology .listbox.subOn .imgbox { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
.company-technology .listbox.subOn .txtbox { animation:ani_1 0.5s 0.5s; animation-fill-mode:both; }

.company-business { margin-top:145px; }
.company-business > div { display:flex; flex-wrap:wrap; }
.company-business .tab-submenu { position:sticky; top:100px; width:215px; height:200px; }
.company-business .tab-submenu.tab-m1 { display:none; }
.company-business .tab-submenu li:first-child { border-top:1px solid #e2e2e2; }
.company-business .tab-submenu li a { position:relative; padding-left:15px; height:97px; border-bottom:1px solid #e2e2e2; display:flex; align-items:center; color:#999; font-size:18px; font-weight:300; line-height:1.6; letter-spacing:-0.02em; }
.company-business .tab-submenu li.on a { color:#003668; font-size:20px; font-weight:700; }
.company-business .tab-submenu li a:after { content:""; display:block;  opacity:0; position:absolute; right:20px; top:50%; transform:translateY(-50%); background:url(/img/sub/icon_arr1.png) no-repeat center; width:22px; height:14px; transition:all 0.3s ease-in-out; }
.company-business .tab-submenu li.on a:after { opacity:1; right:7px;  }
.company-business .business-box { width:calc(100% - 215px); padding-left:125px; overflow:hidden;}
.company-business .business-box > div:not(:last-child) { margin-bottom:130px; }
.company-business .business-box .contBox dt { color:#111; font-size:30px; font-weight:700; line-height:1.2 }
.company-business .business-box .contBox dd { padding-top:25px;}
.company-business .business-box .contBox dd ul { display:flex; flex-wrap:wrap; gap:10px 38px}
.company-business .business-box .contBox dd li strong { color:#003668; font-weight:600; font-size:17px; display:inline-block; margin-right:14px; }
.company-business .business-box .contBox dd li { color:#333; font-weight:300; font-size:17px; line-height:1.4; font-family:'Pretendard'; }
.company-business .business-box .contBox .imgbox { margin-top:45px; }
.company-business .business-box .contBox .imgbox img { max-width:100%; }
@media screen and (max-width:1280px){
  .company-business .tab-submenu { width:200px; }
  .company-business .business-box { width:calc(100% - 200px); padding-left:80px; }
}
@media screen and (max-width:1024px){
  .company-business { margin-top:100px; }
  .company-business .tab-submenu li a { padding-left:13px; height:90px; font-size:17px; }
  .company-business .tab-submenu li.on a { font-size:19px; }
  .company-business .business-box > div:not(:last-child) { margin-bottom:100px; }
  .company-business .business-box .contBox dt { font-size:26px; }
  .company-business .business-box .contBox dd { padding-top:20px;}
  .company-business .business-box .contBox dd ul { gap:10px 30px}
  .company-business .business-box .contBox dd li strong { font-size:16px; margin-right:12px; }
  .company-business .business-box .contBox dd li { font-size:16px; }
  .company-business .business-box .contBox .imgbox { margin-top:40px; }
}
@media screen and (max-width:960px){
  .company-business .tab-submenu { width:100% !important; position:relative; top:0; height:auto; }
  .company-business .tab-submenu.tab-m1 { display:block; margin-bottom:30px; }
  .company-business .tab-submenu ul { display:flex; gap:0 20px;}
  .company-business .tab-submenu li { width:calc((100% - 20px) / 2); border-top:1px solid #e2e2e2; }
  .company-business .tab-submenu li a { padding-left:13px; height:90px; font-size:16px; }
  .company-business .tab-submenu li.on a { font-size:18px; }
  .company-business .tab-submenu li a br { display:none }
  .company-business .business-box > div:not(:last-child) { margin-bottom:80px; }
  .company-business .business-box { width:100% !important; padding:30px 0 0 !important; }
  .company-business .business-box .contBox dt { font-size:26px; }
  .company-business .business-box .contBox dd { padding-top:20px;}
  .company-business .business-box .contBox dd ul { gap:10px 30px}
  .company-business .business-box .contBox dd li strong { font-size:16px; margin-right:12px; }
  .company-business .business-box .contBox dd li { font-size:16px; }
  .company-business .business-box .contBox .imgbox { margin-top:40px; }
}
@media screen and (max-width:640px){
  .company-business { margin-top:80px; }
  .company-business { padding-bottom:70px; }
  .company-business .business-box > div:not(:last-child) { margin-bottom:80px; }
  .company-business .business-box .contBox dt { font-size:22px; }
  .company-business .business-box .contBox dd { padding-top:15px;}
  .company-business .business-box .contBox dd ul { gap:8px 25px}
  .company-business .business-box .contBox dd li strong { font-size:15px; margin-right:12px; }
  .company-business .business-box .contBox dd li { font-size:15px; margin-bottom:5px;}
  .company-business .business-box .contBox .imgbox { margin-top:30px; }
}
@media screen and (max-width:540px){
  .company-business .tab-submenu li a { padding-right:40px; }
  .company-business .business-box .contBox dd li strong { display:block; margin-bottom:3px; }
}

/* animation */
.company-business .business-box .contBox dt,
.company-business .business-box .contBox dd,
.company-business .business-box .contBox .imgbox { opacity:0; }
.company-business .business-box .contBox.subOn dt { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
.company-business .business-box .contBox.subOn dd { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
.company-business .business-box .contBox.subOn .imgbox { animation:ani_3 0.5s 0.7s; animation-fill-mode:both; }


.company-subsidiary { overflow:hidden }
.company-subsidiary .subTopTitle .tit-1 { line-height:1.15; }
.company-subsidiary sub.sub { font-size:10px; }
.company-subsidiary h4 { color:#111; font-weight:700; font-size:30px; line-height:1.4; }
.company-subsidiary .bg { background-color:#f8f8f8; }
.company-subsidiary .dataTable { margin-top:95px; overflow:hidden }
.company-subsidiary .dataTable thead th { height:90px; text-align:center; background-color:#01488a; color:#fff; font-size:17px; font-weight:600; line-height:1.4; border-left:1px solid rgba(255,255,255,0.2); }
.company-subsidiary .dataTable thead th:first-child { border-left:none }
.company-subsidiary .dataTable tbody th { padding:25px 30px; text-align:left; color:#333; font-size:17px; font-weight:400; line-height:1.4; border:1px solid #dcdcdc; border-width:0 0 1px 0; }
.company-subsidiary .dataTable tbody td { padding:15px 30px; text-align:left; color:#333; font-size:17px; font-weight:400; line-height:1.4; border:1px solid #dcdcdc; border-width:0 0 1px 1px; }
.company-subsidiary .dataTable tbody td.td_center { text-align:center; }
.company-subsidiary .dataTable tbody td.td_line { border-left:none }
.company-subsidiary .subsidiary-cont1 { display:flex; flex-wrap:wrap; }
.company-subsidiary .subsidiary-cont1 > div { width:50%; }
.company-subsidiary .subsidiary-cont1 .txtbox { padding-right:60px; }
.company-subsidiary .subsidiary-cont1 .txtbox .subTopTitle { text-align:left; }
.company-subsidiary .subsidiary-cont1 .txtbox .txt { margin-top:10px; color:#000; font-weight:700; font-size:30px; line-height:1.2; }
.company-subsidiary .subsidiary-cont1 .txtbox .stxt { margin-top:45px; color:#333; font-weight:300; font-size:17px; line-height:1.7; }
.company-subsidiary .subsidiary-cont1 .imgbox { padding-left:32px; }
.company-subsidiary .subsidiary-cont1 .imgbox .pc { display:block }
.company-subsidiary .subsidiary-cont1 .imgbox .m { display:none }
.company-subsidiary .subsidiary-cont1 .imgbox img { border:1px solid #e3e3e3; max-width:100%; }
.company-subsidiary .subsidiary-cont2 { margin-top:125px; padding:100px 0 140px; background-color:#f8f8f8; }
.company-subsidiary .subsidiary-cont2 .top { text-align:center; }
.company-subsidiary .subsidiary-cont2 .top .txt { margin-top:35px; color:#333; font-weight:300; font-size:17px; line-height:1.7; }
.company-subsidiary .subsidiary-cont2 .top .txt strong {  font-weight:500; }
.company-subsidiary .subsidiary-cont2 .listbox { margin-top:60px; }
.company-subsidiary .subsidiary-cont2 .listbox ul { display:flex; flex-wrap:wrap; gap:100px 112px; justify-content:center; align-items:flex-end; }
.company-subsidiary .subsidiary-cont2 .listbox li { position:relative; padding-bottom:100px; }
.company-subsidiary .subsidiary-cont2 .listbox li:after { content:""; display:block; position:absolute; left:-68px; bottom:100px; background:url(/img/sub/icon_arr2.png) no-repeat center; width:24px; height:24px; transition:all 0.3s ease-in-out; }
.company-subsidiary .subsidiary-cont2 .listbox li:first-child:after { display:none }
.company-subsidiary .subsidiary-cont2 .listbox li .txtbox { position:absolute; bottom:0; left:50%; transform:translateX(-50%); text-align:center; width:250px; height:50px; color:#111; font-weight:600; font-size:17px; line-height:1.7;  }
.company-subsidiary .subsidiary-cont2 .listbox li .stxt { position:absolute; top:-50px; color:#333; font-weight:500; font-size:14px; line-height:1.4; text-align:center; }
.company-subsidiary .subsidiary-cont2 .listbox li .stxt.s1 { left:-10px; width:94px; }
.company-subsidiary .subsidiary-cont2 .listbox li .stxt.s2 { left:-32px; width:85px; }
.company-subsidiary .subsidiary-cont3 { padding:200px 0; }
.company-subsidiary .subsidiary-cont3 .toptxt dl { display:flex; flex-wrap:wrap; margin-top:115px; }
.company-subsidiary .subsidiary-cont3 .toptxt dt { width:365px; }
.company-subsidiary .subsidiary-cont3 .toptxt dd { width:calc(100% - 365px); }
.company-subsidiary .subsidiary-cont3 .toptxt dd p:not(:last-child) { margin-bottom:35px; }
.company-subsidiary .subsidiary-cont3 .toptxt dd p { font-weight:300; font-size:17px; line-height:1.7; font-family:'Pretendard'; padding-left:20px; }
.company-subsidiary .subsidiary-cont3 .listbox { margin-top:70px; padding:115px 0 80px; background-color:#f8f8f8; }
.company-subsidiary .subsidiary-cont3 .listbox.listbox1 { padding:85px 0 80px; }
.company-subsidiary .subsidiary-cont3 .listbox > ul { display:flex; flex-wrap:wrap; justify-content:center; gap:85px 145px; text-align:center;}
.company-subsidiary .subsidiary-cont3 .listbox > ul > li .txtbox { margin-top:80px; color:#111; font-weight:400; font-size:17px; line-height:1.6; }
.company-subsidiary .subsidiary-cont3 .listbox.listbox1 > ul > li .txtbox { margin-top:25px; }
.company-subsidiary .subsidiary-cont3 .listbox > ul > li .txtbox strong { font-weight:600; display:block; }
.company-subsidiary .subsidiary-cont3 .listbox > ul > li sub.sub { font-weight:600; }
.company-subsidiary .subsidiary-cont3 .listbox2 { margin-top:70px; padding:0 105px 95px; background-color:#f8f8f8; }
.company-subsidiary .subsidiary-cont3 .listbox2 .tit { text-align:center; padding-top:85px; color:#111; font-weight:700; font-size:25px; }
.company-subsidiary .subsidiary-cont3 .listbox2 .box { background-color:#fff; margin-top:35px;  }
.company-subsidiary .subsidiary-cont3 .listbox2 .box > ul { display:flex; flex-wrap:wrap; justify-content:center; gap:70px 0 }
.company-subsidiary .subsidiary-cont3 .listbox2 .box .txtbox { color:#111; font-weight:400; font-size:17px; line-height:1.6; }
.company-subsidiary .subsidiary-cont3 .listbox2 .box .txt-c { color:#333; font-weight:400; font-size:17px; line-height:1.6; text-align:center }
.company-subsidiary .subsidiary-cont3 .listbox2 .box1 { padding:75px 0 70px; }
.company-subsidiary .subsidiary-cont3 .listbox2 .box2 { padding:130px 0 150px; }
.company-subsidiary .subsidiary-cont3 .listbox2 .box3 { padding:45px 0; }
.company-subsidiary .subsidiary-cont3 .listbox2 .box1 > ul > li { position:relative; }
.company-subsidiary .subsidiary-cont3 .listbox2 .box1 > ul > li:nth-child(2):before { content:""; display:block; position:absolute; left:-84px; top:100px; background:url(/img/sub/icon_arr3.png) no-repeat center; width:77px; height:55px; transition:all 0.3s ease-in-out; }
.company-subsidiary .subsidiary-cont3 .listbox2 .box1 > ul > li:nth-child(2):after { content:""; display:block; position:absolute; left:100px; bottom:10px; background:url(/img/sub/icon_arr4.png) no-repeat center; width:50px; height:50px; transition:all 0.3s ease-in-out; }
.company-subsidiary .subsidiary-cont3 .listbox2 .box1 .txtbox { margin-top:65px; color:#111; font-weight:400; font-size:17px; line-height:1.6; }
.company-subsidiary .subsidiary-cont3 .listbox2 .box1 .txtbox li:not(:last-child) { margin-bottom:5px; }
.company-subsidiary .subsidiary-cont3 .listbox2 .box1 .txtbox li { color:#111; font-weight:400; font-size:17px; }
.company-subsidiary .subsidiary-cont3 .listbox2 .box1 .txtbox li strong { font-weight:700; }
.company-subsidiary .subsidiary-cont3 .listbox2 .box1 li:nth-child(2) .txtbox { text-align:center; padding-left:70px; }
.company-subsidiary .subsidiary-cont3 .listbox2 .box2 .txtbox { text-align:center; margin-top:35px; }
.company-subsidiary .subsidiary-cont3 .listbox2 .box2 li:first-child { margin-right:120px; }
.company-subsidiary .subsidiary-cont3 .listbox2 .box3 > ul { margin-top:45px; }
.company-subsidiary .subsidiary-cont4,
.company-subsidiary .subsidiary-cont5 { padding:200px 0; }
.company-subsidiary .subsidiary-cont5 .topimg { margin-top:100px; text-align:center; padding:100px 20px; border:1px solid #e6e6e6; }
.company-subsidiary .subsidiary-cont5 .topimg img { max-width:100%; }
.company-subsidiary .subsidiary-cont5 .listbox1 { margin-top:75px; display:flex; flex-wrap:wrap; }
.company-subsidiary .subsidiary-cont5 .listbox1 .listimg { width:40%; text-align:center; padding:45px 0; border:1px solid #e6e6e6; }
.company-subsidiary .subsidiary-cont5 .listbox1 .listimg img { max-width:100%; }
.company-subsidiary .subsidiary-cont5 .listbox1 .dataTable { width:60%; margin:0; padding-left:100px; }
.company-subsidiary .subsidiary-cont5 .listbox1 .dataTable h4 { text-align:center; font-size:25px; }
.company-subsidiary .subsidiary-cont5 .listbox1 .dataTable table { margin-top:25px; }
.company-subsidiary .subsidiary-cont5 .listbox1 .dataTable thead th { height:70px; }
.company-subsidiary .subsidiary-cont5 .listbox1 .dataTable tbody td:first-child { border-left:none }
.company-subsidiary .subsidiary-cont5 .listbox2 { margin-top:135px; display:flex; flex-wrap:wrap; }
.company-subsidiary .subsidiary-cont5 .listbox2 dl { display:flex; flex-wrap:wrap; }
.company-subsidiary .subsidiary-cont5 .listbox2 dt { width:365px; }
.company-subsidiary .subsidiary-cont5 .listbox2 dd { width:calc(100% - 365px); }
.company-subsidiary .subsidiary-cont5 .listbox2 dd li:not(:last-child) { margin-bottom:15px; }
.company-subsidiary .subsidiary-cont5 .listbox2 dd li { position:relative; padding-left:10px; color:#333; font-weight:300; font-size:17px; }
.company-subsidiary .subsidiary-cont5 .listbox2 dd li:after { content:""; display:block; position:absolute; left:0; top:5px; width:3px; height:3px; border-radius:5px; background-color:#01488a; }
.company-subsidiary .subsidiary-cont5 .listbox3 { margin-top:55px; border:1px solid #e6e6e6; padding:55px 100px 55px 20px; }
.company-subsidiary .subsidiary-cont5 .listbox3 ul { display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-end; gap:60px 50px; }
.company-subsidiary .subsidiary-cont5 .listbox3 li { width:380px; text-align:center; }
.company-subsidiary .subsidiary-cont5 .listbox3 li .txtbox { margin-top:40px; color:#111; font-weight:500; font-size:17px; }
.company-subsidiary .subsidiary-cont6 { padding:200px 0; }
.company-subsidiary .subsidiary-cont6 h4 { margin:160px 0 0; text-align:center }
.company-subsidiary .subsidiary-cont6 .listbox1 .box ul { margin-top:50px; display:flex; flex-wrap:wrap; }
.company-subsidiary .subsidiary-cont6 .listbox1 .box .tit { display:flex; height:90px; justify-content:center; align-items:center; background-color:#01488a; color:#fff; font-size:17px; font-weight:600;  }
.company-subsidiary .subsidiary-cont6 .listbox1 .box li dl { display:flex; flex-wrap:wrap; border-bottom:1px solid rgba(214,214,214,0.6);}
.company-subsidiary .subsidiary-cont6 .listbox1 .box li dt { color:#111; font-weight:600; font-size:17px; width:120px; display:flex; justify-content:center; align-items:center; text-align:center; }
.company-subsidiary .subsidiary-cont6 .listbox1 .box li dd { border-left:1px solid rgba(214,214,214,0.6); width:calc(100% - 120px); padding:0 20px; padding-bottom:65px; text-align:center; display:flex; flex-wrap:wrap; align-content:flex-end; justify-content:center; }
.company-subsidiary .subsidiary-cont6 .listbox1 .box li dl:nth-child(1) dd { height:370px; padding-bottom:70px; }
.company-subsidiary .subsidiary-cont6 .listbox1 .box li dl:nth-child(2) dd { height:380px; }
.company-subsidiary .subsidiary-cont6 .listbox1 .box li dl:nth-child(3) dd { height:420px; }
.company-subsidiary .subsidiary-cont6 .listbox1 .box li dd > div { width:100%; }
.company-subsidiary .subsidiary-cont6 .listbox1 .box li dd .imgbox img { max-width:100%; }
.company-subsidiary .subsidiary-cont6 .listbox1 .box li dd .stit { margin-bottom:42px; color:#111; font-weight:500; font-size:17px; }
.company-subsidiary .subsidiary-cont6 .listbox1 .box li:nth-child(1) { width:calc(50% + 60px); }
.company-subsidiary .subsidiary-cont6 .listbox1 .box li:nth-child(2) { width:calc(50% - 60px); }
.company-subsidiary .subsidiary-cont6 .listbox1 .box li:nth-child(2) dt {display:none }
.company-subsidiary .subsidiary-cont6 .listbox1 .box li dl:nth-child(1) .imgbox { min-height:175px; display:flex; justify-content:center; align-items:flex-end;}
.company-subsidiary .subsidiary-cont6 .listbox1 .box li:nth-child(1) .tit { padding-left:120px; }
.company-subsidiary .subsidiary-cont6 .listbox1 .box li:nth-child(2) .tit { border-left:1px solid rgba(255,255,255,0.2); }
.company-subsidiary .subsidiary-cont6 .listbox1 .box li:nth-child(2) dd { width:100%; }
.company-subsidiary .subsidiary-cont6 .listbox2 .dataTable { margin-top:50px; }
.company-subsidiary .subsidiary-cont6 .listbox2 .dataTable tbody td { padding:25px 30px; }
.company-subsidiary .subsidiary-cont6 .listbox3 ul { margin-top:50px; display:flex; flex-wrap:wrap; gap:18px 28px; }
.company-subsidiary .subsidiary-cont6 .listbox3 li { width:calc((100% - 28px)/2); padding:0 50px; display:flex; flex-wrap:wrap; align-items:center; background-color:#fff; height:114px; color:#333; font-weight:300; font-size:17px; line-height:1.4 }
.company-subsidiary .subsidiary-cont6 .listbox3 li strong { color:#01488a; font-weight:700; font-size:17px; width:93px; }
.company-subsidiary .subsidiary-cont6 .listbox3 li .txt { width:calc(100% - 93px); font-weight:300; }
@media screen and (max-width:1550px){
  .company-subsidiary .subsidiary-cont1 .txtbox .stxt br { display:none }
  .company-subsidiary .subsidiary-cont1 .txtbox .stxt .m_br { display:block }
  .company-subsidiary .subsidiary-cont3 .toptxt dd p { padding-left:0; }
  .company-subsidiary .subsidiary-cont3 .listbox > ul { gap:75px 65px; }
  .company-subsidiary .subsidiary-cont3 .listbox2 { padding:0 95px 95px; }
  .company-subsidiary .subsidiary-cont3 .listbox1 > ul > li { width:calc((100% - 65px) / 2 ); }
  .company-subsidiary .subsidiary-cont5 .listbox3 { padding:55px 80px 55px 20px; }
  .company-subsidiary .subsidiary-cont5 .listbox3 ul { gap:60px 60px; }
  .company-subsidiary .subsidiary-cont5 .listbox3 li { width:320px; }
  .company-subsidiary .subsidiary-cont6 .listbox3 li .txt br { display:none }
}
@media screen and (max-width:1400px){
  .company-subsidiary .subsidiary-cont1 .txtbox { width:45%; padding-right:20px; }
  .company-subsidiary .subsidiary-cont1 .imgbox { width:55%; } 
  .company-subsidiary .subsidiary-cont2 .listbox { padding:0 20px; }
  .company-subsidiary .subsidiary-cont3 .listbox > ul { gap:75px 45px; padding:0 20px; }
  .company-subsidiary .subsidiary-cont3 .listbox .imgbox img { max-width:100%; }
  .company-subsidiary .subsidiary-cont3 .listbox1 > ul > li { width:calc((100% - 45px) / 2 ); }
  .company-subsidiary .subsidiary-cont3 .listbox1 > ul > li .imgbox img { max-width:100%; }
  .company-subsidiary .subsidiary-cont5 .listbox1 .dataTable { padding-left:50px; }
  .company-subsidiary .subsidiary-cont3 .listbox2 { padding:0 65px 95px; }
  .company-subsidiary .subsidiary-cont3 .listbox2 .box { padding-left:20px; padding-right:20px; }
  .company-subsidiary .subsidiary-cont3 .listbox2 .box .imgbox img { max-width:100%; }
  .company-subsidiary .subsidiary-cont3 .listbox2 .box1 > ul > li:nth-child(2):after { display:none }
  .company-subsidiary .subsidiary-cont3 .listbox2 .box > ul { gap:50px 70px;}
  .company-subsidiary .subsidiary-cont3 .listbox2 .box2 li:first-child { margin-right:0; }
  .company-subsidiary .subsidiary-cont5 .listbox3 { padding:55px 20px; }
  .company-subsidiary .subsidiary-cont5 .listbox3 ul { gap:60px 40px; }
  .company-subsidiary .subsidiary-cont6 .subTopTitle .txt br { display:none }
}
@media screen and (max-width:1024px){
  .company-subsidiary h4 { font-size:24px; }
  .company-subsidiary .scroll_box { overflow:auto }
  .company-subsidiary .scroll_box table { width:1000px; }
  .company-subsidiary .dataTable { margin-top:60px; }
  .company-subsidiary .dataTable thead th { height:80px; font-size:16px; }
  .company-subsidiary .dataTable tbody th { padding:20px 20px; font-size:16px; }
  .company-subsidiary .dataTable tbody td { padding:10px 20px; font-size:16px; }
  .company-subsidiary .subsidiary-cont1 .imgbox { padding:0; margin-top:40px; width:100%; text-align:center}
  .company-subsidiary .subsidiary-cont1 .imgbox .pc { display:none }
  .company-subsidiary .subsidiary-cont1 .imgbox .m { display:block }
  .company-subsidiary .subsidiary-cont1 .txtbox { width:100%; }
  .company-subsidiary .subsidiary-cont1 .txtbox .subTopTitle { text-align:center; }
  .company-subsidiary .subsidiary-cont1 .txtbox .tit-1 { display:inline-block; }
  .company-subsidiary .subsidiary-cont1 .txtbox .txt { font-size:24px; display:inline-block; }
  .company-subsidiary .subsidiary-cont1 .txtbox .stxt { font-size:16px; }
  .company-subsidiary .subsidiary-cont2 { margin-top:100px; padding:80px 0 100px; }
  .company-subsidiary .subsidiary-cont3,
  .company-subsidiary .subsidiary-cont4, 
  .company-subsidiary .subsidiary-cont5,
  .company-subsidiary .subsidiary-cont6 { padding:100px 0; }
  .company-subsidiary .subsidiary-cont3 .toptxt dl { margin-top:80px; }
  .company-subsidiary .subsidiary-cont3 .toptxt dt { width:270px; }
  .company-subsidiary .subsidiary-cont3 .toptxt dd { width:calc(100% - 270px); }
  .company-subsidiary .subsidiary-cont3 .toptxt dd p:not(:last-child) { margin-bottom:30px; }
  .company-subsidiary .subsidiary-cont3 .toptxt dd p { font-size:16px; }
  .company-subsidiary .subsidiary-cont3 .listbox { padding:80px 20px;}
  .company-subsidiary .subsidiary-cont3 .listbox > ul > li .txtbox { margin-top:50px; }
  .company-subsidiary .subsidiary-cont3 .listbox2 { padding:0 40px 70px; }
  .company-subsidiary .subsidiary-cont3 .listbox2 .tit { font-size:20px; }
  .company-subsidiary .subsidiary-cont3 .listbox2 .box { padding:80px 20px;}
  .company-subsidiary .subsidiary-cont3 .listbox2 .box1 > ul { gap:150px 20px;}
  .company-subsidiary .subsidiary-cont3 .listbox2 .box1 > ul > li:nth-child(2):before { top:-70px; left:50%; margin-left:30px; transform:translateX(-50%) rotate(90deg); }
  .company-subsidiary .subsidiary-cont3 .listbox2 .box1 .txtbox { font-size:16px; margin-top:50px; }
  .company-subsidiary .subsidiary-cont5 .topimg { margin-top:80px; }
  .company-subsidiary .subsidiary-cont5 .listbox2 { margin-top:80px; }
  .company-subsidiary .subsidiary-cont5 .listbox2 dt { width:270px; }
  .company-subsidiary .subsidiary-cont5 .listbox2 dd { width:calc(100% - 270px); }
  .company-subsidiary .subsidiary-cont5 .listbox2 dd li:not(:last-child) { margin-bottom:12px; }
  .company-subsidiary .subsidiary-cont5 .listbox2 dd li { padding-left:10px; font-size:16px; }
  .company-subsidiary .subsidiary-cont5 .listbox2 dd li:after { top:4px; }
  .company-subsidiary .subsidiary-cont5 .listbox3 { padding:50px 20px; }
  .company-subsidiary .subsidiary-cont5 .listbox3 li .txtbox { margin-top:30px; font-size:16px; }
  .company-subsidiary .subsidiary-cont6 h4 { margin-top:80px; }
  .company-subsidiary .subsidiary-cont6 .listbox1 .box ul { margin-top:40px; }
  .company-subsidiary .subsidiary-cont6 .listbox1 .box .tit { height:80px; font-size:16px; }
  .company-subsidiary .subsidiary-cont6 .listbox1 .box li dt { font-size:16px; width:120px; }
  .company-subsidiary .subsidiary-cont6 .listbox1 .box li dd { }
  .company-subsidiary .subsidiary-cont6 .listbox1 .box li dl:nth-child(1) dd { height:350px; padding-bottom:70px; }
  .company-subsidiary .subsidiary-cont6 .listbox1 .box li dl:nth-child(2) dd { height:360px; }
  .company-subsidiary .subsidiary-cont6 .listbox1 .box li dl:nth-child(3) dd { height:400px; }
  .company-subsidiary .subsidiary-cont6 .listbox1 .box li dd .stit {  font-size:16px; }
  .company-subsidiary .subsidiary-cont6 .listbox1 .box li dl:nth-child(1) .imgbox { min-height:135px; }
  .company-subsidiary .subsidiary-cont6 .listbox2 .dataTable { margin-top:40px; }
  .company-subsidiary .subsidiary-cont6 .listbox2 .dataTable tbody td { padding:25px 30px; }
  .company-subsidiary .subsidiary-cont6 .listbox3 ul { gap:18px 24px; }
  .company-subsidiary .subsidiary-cont6 .listbox3 li { padding:0 30px; height:110px; font-size:16px; }
  .company-subsidiary .subsidiary-cont6 .listbox3 li strong { font-size:16px; }
}
@media screen and (max-width:960px){
  .company-subsidiary .subsidiary-cont3 .toptxt dt { width:100%; }
  .company-subsidiary .subsidiary-cont3 .toptxt dt br { display:none }
  .company-subsidiary .subsidiary-cont3 .toptxt dd { width:100%; margin-top:20px; }
  .company-subsidiary .subsidiary-cont5 .listbox2 dt { width:100%; }
  .company-subsidiary .subsidiary-cont5 .listbox2 dt br { display:none }
  .company-subsidiary .subsidiary-cont5 .listbox2 dd { width:100%; margin-top:20px; }
  .company-subsidiary .subsidiary-cont6 .listbox3 li { width:100%; }
}
@media screen and (max-width:760px){
  .company-subsidiary .scroll_box1 { overflow:auto }
  .company-subsidiary .scroll_box1 table { width:760px; }
}
@media screen and (max-width:640px){
  .company-subsidiary h4 { font-size:20px; }
  .company-subsidiary .dataTable { margin-top:40px; }
  .company-subsidiary .dataTable thead th { height:60px; }
  .company-subsidiary .dataTable tbody th { padding:15px 15px; }
  .company-subsidiary .dataTable tbody td { padding:8px 15px; }
  .company-subsidiary .subsidiary-cont1 .imgbox { margin-top:40px; }
  .company-subsidiary .subsidiary-cont1 .txtbox .txt { font-size:24px; }
  .company-subsidiary .subsidiary-cont2 { margin-top:80px; padding:50px 0 80px; }
  .company-subsidiary .subsidiary-cont3,
  .company-subsidiary .subsidiary-cont4, 
  .company-subsidiary .subsidiary-cont5,
  .company-subsidiary .subsidiary-cont6 { padding:80px 0; }
  .company-subsidiary .subsidiary-cont2 .listbox ul { gap:100px 100px;}
  .company-subsidiary .subsidiary-cont2 .listbox li { width:100%; text-align:center; padding-bottom:70px; }
  .company-subsidiary .subsidiary-cont2 .listbox li:after { left:50%; top:-60px; bottom:unset; transform:translateX(-50%) rotate(90deg); }
  .company-subsidiary .subsidiary-cont2 .listbox li:nth-child(1),
  .company-subsidiary .subsidiary-cont2 .listbox li:nth-child(5) { padding-bottom:40px; }
  .company-subsidiary .subsidiary-cont2 .listbox li:nth-child(1) .txtbox,
  .company-subsidiary .subsidiary-cont2 .listbox li:nth-child(5) .txtbox { height:20px;  }
  .company-subsidiary .subsidiary-cont2 .listbox li .stxt.s1 { left:50%; transform:translateX(-50%); z-index:1; margin-left:-48px; }
  .company-subsidiary .subsidiary-cont2 .listbox li .stxt.s2 { left:50%; transform:translateX(-50%); z-index:1; margin-left:-75px; }
  .company-subsidiary .subsidiary-cont3 .toptxt dl { margin-top:80px; }
  .company-subsidiary .subsidiary-cont3 .toptxt dd p:not(:last-child) { margin-bottom:30px; }
  .company-subsidiary .subsidiary-cont3 .toptxt dd p { font-size:16px; }
  .company-subsidiary .subsidiary-cont3 .listbox { padding:80px 20px;}
  .company-subsidiary .subsidiary-cont3 .listbox > ul > li .txtbox { margin-top:50px; }
  .company-subsidiary .subsidiary-cont3 .listbox > ul { gap:55px 65px; }
  .company-subsidiary .subsidiary-cont3 .listbox.listbox1 { padding:50px 0;}
  .company-subsidiary .subsidiary-cont3 .listbox1 > ul > li { width:100%; }
  .company-subsidiary .subsidiary-cont3 .listbox2 { padding:0 20px 50px; }
  .company-subsidiary .subsidiary-cont3 .listbox2 .tit { padding-top:50px; }
  .company-subsidiary .subsidiary-cont3 .listbox2 .box { padding:50px 20px;}
  .company-subsidiary .subsidiary-cont3 .listbox2 .box1 > ul { gap:150px 20px;}
  .company-subsidiary .subsidiary-cont3 .listbox2 .box1 > ul > li:nth-child(2):before { top:-100px; margin-left:10px; }
  .company-subsidiary .subsidiary-cont3 .listbox2 .box1 .txtbox { margin-top:40px; }
  .company-subsidiary .subsidiary-cont3 .listbox2 .box1 li:nth-child(2) .txtbox { padding-left:20px;}
  .company-subsidiary .subsidiary-cont5 .topimg { margin-top:50px; }
  .company-subsidiary .subsidiary-cont5 .listbox1 { margin-top:60px; }
  .company-subsidiary .subsidiary-cont5 .listbox1 .listimg  { width:100%; }
  .company-subsidiary .subsidiary-cont5 .listbox1 .dataTable { width:100%; margin-top:40px; padding-left:0; }
  .company-subsidiary .subsidiary-cont5 .listbox1 .dataTable h4 { font-size:20px; }
  .company-subsidiary .subsidiary-cont5 .listbox1 .dataTable table { margin-top:20px; }
  .company-subsidiary .subsidiary-cont5 .listbox2 { margin-top:80px; }
  .company-subsidiary .subsidiary-cont5 .listbox2 dd li:not(:last-child) { margin-bottom:12px; }
  .company-subsidiary .subsidiary-cont5 .listbox2 dd li { padding-left:10px; font-size:16px; }
  .company-subsidiary .subsidiary-cont5 .listbox2 dd li:after { top:4px; }
  .company-subsidiary .subsidiary-cont5 .listbox3 { padding:30px 20px; }
  .company-subsidiary .subsidiary-cont6 h4 { margin-top:50px; }
  .company-subsidiary .subsidiary-cont6 .listbox1 .box ul { margin-top:30px; width:100%; }
  .company-subsidiary .subsidiary-cont6 .listbox1 .box li:nth-child(1),
  .company-subsidiary .subsidiary-cont6 .listbox1 .box li:nth-child(2) { width:100%; }
  .company-subsidiary .subsidiary-cont6 .listbox1 .box li:nth-child(1) dt,
  .company-subsidiary .subsidiary-cont6 .listbox1 .box li:nth-child(2) dt { display:flex; width:70px; }
  .company-subsidiary .subsidiary-cont6 .listbox1 .box li:nth-child(1) dd,
  .company-subsidiary .subsidiary-cont6 .listbox1 .box li:nth-child(2) dd { width:calc(100% - 70px); }
  .company-subsidiary .subsidiary-cont6 .listbox1 .box .tit { height:50px; }
  .company-subsidiary .subsidiary-cont6 .listbox1 .box li dt { width:70px; }
  .company-subsidiary .subsidiary-cont6 .listbox1 .box li:nth-child(1) .tit,
  .company-subsidiary .subsidiary-cont6 .listbox1 .box li:nth-child(2) .tit { padding-left:70px; }
  .company-subsidiary .subsidiary-cont6 .listbox1 .box li dl:nth-child(1) dd,
  .company-subsidiary .subsidiary-cont6 .listbox1 .box li dl:nth-child(2) dd,
  .company-subsidiary .subsidiary-cont6 .listbox1 .box li dl:nth-child(3) dd { height:auto; padding:30px 20px; }
  .company-subsidiary .subsidiary-cont6 .listbox1 .box li dl:nth-child(1) .imgbox { min-height:auto; }
  .company-subsidiary .subsidiary-cont6 .listbox2 .dataTable { margin-top:30px; }
  .company-subsidiary .subsidiary-cont6 .listbox2 .dataTable tbody td { padding:20px 15px; }
  .company-subsidiary .subsidiary-cont6 .listbox3 ul { gap:12px 24px; margin-top:30px; }
  .company-subsidiary .subsidiary-cont6 .listbox3 li { padding:0 20px; height:100px; }
}

/* animation */
.company-subsidiary .subsidiary-cont1 > div { opacity:0; }
.company-subsidiary .subsidiary-cont1.subOn .imgbox { animation:ani_1 0.5s 0.7s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont1.subOn .txtbox { animation:ani_2 0.5s 0.7s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont2 .top,
.company-subsidiary .subsidiary-cont2 .listbox li { opacity:0; }
.company-subsidiary .subsidiary-cont2.subOn .top { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont2.subOn .listbox li:nth-child(1) { animation:ani_1 0.5s 0.2s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont2.subOn .listbox li:nth-child(2) { animation:ani_1 0.5s 0.4s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont2.subOn .listbox li:nth-child(3) { animation:ani_1 0.5s 0.6s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont2.subOn .listbox li:nth-child(4) { animation:ani_1 0.5s 0.8s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont2.subOn .listbox li:nth-child(5) { animation:ani_1 0.5s 1.0s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont2.subOn .listbox li:nth-child(6) { animation:ani_1 0.5s 1.2s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont2.subOn .listbox li:nth-child(7) { animation:ani_1 0.5s 1.4s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont3 .subTopTitle,
.company-subsidiary .subsidiary-cont3 .toptxt dt,
.company-subsidiary .subsidiary-cont3 .toptxt dd { opacity:0; }
.company-subsidiary .subsidiary-cont3 .subTopTitle.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont3 .toptxt.subOn dt { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont3 .toptxt.subOn dd { animation:ani_2 0.5s 0.7s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont3 .listbox,
.company-subsidiary .subsidiary-cont3 .listbox1 li { opacity:0; }
.company-subsidiary .subsidiary-cont3 .listbox1 { opacity:1; }
.company-subsidiary .subsidiary-cont3 .listbox.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont3 .listbox1 li.subOn:nth-child(2n+1) { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont3 .listbox1 li.subOn:nth-child(2n) { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont3 .tit,
.company-subsidiary .subsidiary-cont3 .box { opacity:0; }
.company-subsidiary .subsidiary-cont3 .tit.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont3 .box.subOn { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont3 .box.subOn { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont3 .box1 { opacity:1; }
.company-subsidiary .subsidiary-cont3 .box1 > ul > li { opacity:0; }
.company-subsidiary .subsidiary-cont3 .box1 > ul > li.subOn:nth-child(1) { animation:ani_1 0.5s 0.3s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont3 .box1 > ul > li.subOn:nth-child(2) { animation:ani_1 0.5s 0.5s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont4 .subTopTitle,
.company-subsidiary .subsidiary-cont4 .dataTable{ opacity:0; }
.company-subsidiary .subsidiary-cont4 .subTopTitle.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont4 .dataTable.subOn { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont5 .subTopTitle,
.company-subsidiary .subsidiary-cont5 .dataTable,
.company-subsidiary .subsidiary-cont5 .topimg,
.company-subsidiary .subsidiary-cont5 .listbox1 .listimg { opacity:0; }
.company-subsidiary .subsidiary-cont5 .subTopTitle.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont5 .dataTable.subOn { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont5 .topimg.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont5 .listbox1.subOn .listimg { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont5 .listbox1.subOn .dataTable { animation:ani_1 0.5s 0.3s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont5 .listbox2 dt,
.company-subsidiary .subsidiary-cont5 .listbox2 dd,
.company-subsidiary .subsidiary-cont5 .listbox3 { opacity:0; }
.company-subsidiary .subsidiary-cont5 .listbox2.subOn dt { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont5 .listbox2.subOn dd { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont5 .listbox3.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont6 .subTopTitle { opacity:0; }
.company-subsidiary .subsidiary-cont6 .subTopTitle.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont6 h4,
.company-subsidiary .subsidiary-cont6 .listbox1 .box li,
.company-subsidiary .subsidiary-cont6 .dataTable { opacity:0; }
.company-subsidiary .subsidiary-cont6 .subOn h4  { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont6 .listbox1 .box li:nth-child(1).subOn { animation:ani_1 0.5s 0.3s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont6 .listbox1 .box li:nth-child(2).subOn { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont6 .dataTable.subOn { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont6 .listbox3 .list li { opacity:0; }
.company-subsidiary .subsidiary-cont6 .listbox3 .list.subOn li:nth-child(1) { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont6 .listbox3 .list.subOn li:nth-child(2) { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont6 .listbox3 .list.subOn li:nth-child(3) { animation:ani_2 0.5s 0.7s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont6 .listbox3 .list.subOn li:nth-child(4) { animation:ani_2 0.5s 0.9s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont6 .listbox3 .list.subOn li:nth-child(5) { animation:ani_2 0.5s 1.1s; animation-fill-mode:both; }
.company-subsidiary .subsidiary-cont6 .listbox3 .list.subOn li:nth-child(6) { animation:ani_2 0.5s 1.3s; animation-fill-mode:both; }

.esg-sustainable .bg { background-color:#f8f8f8; }
.esg-sustainable .sustainable-cont1 { display:flex; flex-wrap:wrap; align-items:center;}
.esg-sustainable .sustainable-cont1 > div { width:50%; }
.esg-sustainable .sustainable-cont1 .txtbox { padding-right:40px; }
.esg-sustainable .sustainable-cont1 .txtbox .subTopTitle { text-align:left; }
.esg-sustainable .sustainable-cont1 .imgbox img { max-width:100%; }
.esg-sustainable .sustainable-cont2 { padding:200px 0; margin-top:200px; }
.esg-sustainable .sustainable-cont2 .listbox { width:100%; max-width:1036px; height:602px; margin:0 auto; margin-top:140px; position:relative; background:url(/img/sub/sustainable_img2.png) no-repeat center;}
.esg-sustainable .sustainable-cont2 .listbox > ul > li { position:absolute; }
.esg-sustainable .sustainable-cont2 .listbox > ul > li > p { position:absolute; color:#fff; font-size:15px; font-weight:300; line-height:1.4; width:225px; text-align:center; }
.esg-sustainable .sustainable-cont2 .listbox > ul > li > p strong { font-size:22px; font-weight:700; display:block; }
.esg-sustainable .sustainable-cont2 .listbox > ul > li dl dt { position:relative; padding-left:58px; color:#111; font-size:18px; font-weight:600; line-height:1.4; }
.esg-sustainable .sustainable-cont2 .listbox > ul > li dl dt .txt { position:absolute; left:0; top:-10px; width:44px; height:44px; background-color:#c8d2dc; border:4px solid #dfe4e9; border-radius:50px; display:flex; justify-content:center; align-items:center; font-family: 'Montserrat'; font-size:25px; font-weight:700; color:#003668; }
.esg-sustainable .sustainable-cont2 .listbox > ul > li dl dd { padding:20px 0 0 55px; }
.esg-sustainable .sustainable-cont2 .listbox > ul > li dl dd li { position:relative; font-size:16px; font-weight:300; color:#333; padding-left:7px; }
.esg-sustainable .sustainable-cont2 .listbox > ul > li dl dd li:after { content:""; display:block; position:absolute; left:0; top:5px; width:2px; height:2px; border-radius:5px; background-color:#333; }
.esg-sustainable .sustainable-cont2 .listbox > ul > li dl dd li:not(:last-child) { margin-bottom:10px; }
.esg-sustainable .sustainable-cont2 .listbox .p_e { top:55px; left:-256px; }
.esg-sustainable .sustainable-cont2 .listbox .p_s { top:442px; left:108px; }
.esg-sustainable .sustainable-cont2 .listbox .p_s .txt { background-color:#f4c8d0; border:4px solid #f6dfe3; color:#e6002d; }
.esg-sustainable .sustainable-cont2 .listbox .p_g { top:-60px; right:-260px; }
.esg-sustainable .sustainable-cont2 .listbox .p_g .txt { background-color:#d9d9d9; border:4px solid #e8e8e8; color:#595757; }
.esg-sustainable .sustainable-cont2 .listbox .p_e p { top:65px; left:320px; }
.esg-sustainable .sustainable-cont2 .listbox .p_s p { top:-40px; left:444px; }
.esg-sustainable .sustainable-cont2 .listbox .p_g p { top:100px; right:354px; }
.esg-sustainable .sustainable-cont3 { padding:300px 0 0; height:950px; background:url(/img/sub/sustainable_img3.jpg) no-repeat center / cover;  }
.esg-sustainable .sustainable-cont3 .subTopTitle { text-align:left; }
.esg-sustainable .sustainable-cont3 .subTopTitle .tit-1 { color:#fff }
.esg-sustainable .sustainable-cont3 .subTopTitle .txt { color:rgba(255,255,255,0.8) }
@media screen and (max-width:1700px){
  .esg-sustainable .sustainable-cont2 .listbox { max-width:700px; background-size:700px auto; }
  .esg-sustainable .sustainable-cont2 .listbox .p_e { top:-55px; left:-200px; }
  .esg-sustainable .sustainable-cont2 .listbox .p_s { top:522px; left:278px; }
  .esg-sustainable .sustainable-cont2 .listbox .p_g { top:-60px; right:-250px; }
  .esg-sustainable .sustainable-cont2 .listbox .p_e p { top:220px; left:205px; }
  .esg-sustainable .sustainable-cont2 .listbox .p_s p { top:-160px; left:58px; }
  .esg-sustainable .sustainable-cont2 .listbox .p_g p { top:170px; right:280px; }
}
@media screen and (max-width:1400px){
  .esg-sustainable .sustainable-cont1 .txtbox .subTopTitle .txt br { display:none }
  .esg-sustainable .sustainable-cont2 .listbox .p_e { top:-55px; left:-50px; }
  .esg-sustainable .sustainable-cont2 .listbox .p_g { top:-60px; right:-100px; }
  .esg-sustainable .sustainable-cont2 .listbox .p_e p { top:220px; left:55px; }
  .esg-sustainable .sustainable-cont2 .listbox .p_g p { top:170px; right:125px; }
  .esg-sustainable .sustainable-cont2 .listbox > ul > li > p { font-size:15px; }
  .esg-sustainable .sustainable-cont2 .listbox > ul > li > p strong { font-size:20px; }
}
@media screen and (max-width:1024px){
  .esg-sustainable .sustainable-cont1 .txtbox .subTopTitle { text-align:center; }
  .esg-sustainable .sustainable-cont1 > div { width:100%; }
  .esg-sustainable .sustainable-cont1 .txtbox { padding-right:0; }
  .esg-sustainable .sustainable-cont1 .imgbox { margin-top:20px; text-align:center }
  .esg-sustainable .sustainable-cont2 .listbox { margin-top:100px; }
  .esg-sustainable .sustainable-cont2 { padding:100px 0; margin-top:100px; }
  .esg-sustainable .sustainable-cont3 { padding:150px 0 0; height:650px; }
}
@media screen and (max-width:960px){
  .esg-sustainable .sustainable-cont2 .listbox { max-width:100%; height:auto; position:relative; background:none; }
  .esg-sustainable .sustainable-cont2 .listbox > ul { display:flex; flex-wrap:wrap; justify-content:center; gap:50px 50px; padding:0 30px; }
  .esg-sustainable .sustainable-cont2 .listbox > ul > li { position:relative; width:calc((100% - 50px)/2); left:unset !important; right:unset !important; top:unset !important; }
  .esg-sustainable .sustainable-cont2 .listbox > ul > li > p { margin:0 0 20px 100px; display:flex; align-items:center; flex-direction:column; justify-content:center; width:140px; height:80px; border-radius:50% / 50%; background:#003e78; position:relative; left:unset !important; right:unset !important; top:unset !important; }
  .esg-sustainable .sustainable-cont2 .listbox > ul > li.p_s p { background:#f20f3c; }
  .esg-sustainable .sustainable-cont2 .listbox > ul > li.p_g p { background:#605f5f; }
}
@media screen and (max-width:860px){
  .esg-sustainable .sustainable-cont3 { height:520px; }
}
@media screen and (max-width:760px){
  .esg-sustainable .sustainable-cont2 .listbox > ul { gap:50px 50px; padding:0 30px; }
  .esg-sustainable .sustainable-cont2 .listbox > ul > li { width:100%; }
  .esg-sustainable .sustainable-cont2 .listbox > ul > li dl dt br { display:none }
}
@media screen and (max-width:640px){
  .esg-sustainable .sustainable-cont2 .listbox { margin-top:50px; }
  .esg-sustainable .sustainable-cont2 .listbox > ul { padding:0 0; }
  .esg-sustainable .sustainable-cont2 .listbox > ul > li > p { margin:0 auto 20px auto; }
  .esg-sustainable .sustainable-cont2 { padding:80px 0; margin-top:80px; }
  .esg-sustainable .sustainable-cont3 { padding:100px 0 0; height:450px; }
}
@media screen and (max-width:580px){
  .esg-sustainable .sustainable-cont3 { height:380px; }
  .esg-sustainable .sustainable-cont3 .subTopTitle .txt br { display:none }
}

/* animation */
.esg-sustainable .sustainable-cont1 > div { opacity:0; }
.esg-sustainable .sustainable-cont1.subOn .imgbox { animation:ani_1 0.5s 0.7s; animation-fill-mode:both; }
.esg-sustainable .sustainable-cont1.subOn .txtbox { animation:ani_2 0.5s 0.7s; animation-fill-mode:both; }
.esg-sustainable .sustainable-cont2 .subTopTitle .tit-1 { opacity:0; }
.esg-sustainable .sustainable-cont2 .subTopTitle.subOn .tit-1 { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.esg-sustainable .sustainable-cont2 .listbox > ul > li dl,
.esg-sustainable .sustainable-cont2 .listbox > ul > li > p { opacity:0; }
.esg-sustainable .sustainable-cont2 .listbox.subOn > ul > li:nth-child(1) dl { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
.esg-sustainable .sustainable-cont2 .listbox.subOn > ul > li:nth-child(1) > p { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
.esg-sustainable .sustainable-cont2 .listbox.subOn > ul > li:nth-child(2) dl { animation:ani_2 0.5s 0.7s; animation-fill-mode:both; }
.esg-sustainable .sustainable-cont2 .listbox.subOn > ul > li:nth-child(2) > p { animation:ani_2 0.5s 0.9s; animation-fill-mode:both; }
.esg-sustainable .sustainable-cont2 .listbox.subOn > ul > li:nth-child(3) dl { animation:ani_2 0.5s 1.1s; animation-fill-mode:both; }
.esg-sustainable .sustainable-cont2 .listbox.subOn > ul > li:nth-child(3) > p { animation:ani_2 0.5s 1.3s; animation-fill-mode:both; }
.esg-sustainable .sustainable-cont3 .subTopTitle .tit-1,
.esg-sustainable .sustainable-cont3 .subTopTitle .txt { opacity:0; }
.esg-sustainable .sustainable-cont3 .subTopTitle.subOn .tit-1 { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.esg-sustainable .sustainable-cont3 .subTopTitle.subOn .txt { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }


.esg-ethical .bg { background-color:#f8f8f8; }
.esg-ethical .ethical-cont1 .listbox { width:100%; max-width:1230px; height:569px; margin:0 auto; margin-top:260px; position:relative; background:url(/img/sub/ethical_img1.png) no-repeat center;}
.esg-ethical .ethical-cont1 .listbox > ul > li { position:absolute; }
.esg-ethical .ethical-cont1 .listbox > ul > li .tit { position:absolute; color:#009ad6; font-weight:700; font-size:27px; width:238px; height:238px; display:flex; justify-content:center; align-items:center;}
.esg-ethical .ethical-cont1 .listbox > ul > li dl dt { position:relative; color:#111; font-size:19px; font-weight:600; line-height:1.4; }
.esg-ethical .ethical-cont1 .listbox > ul > li dl dd { padding:15px 0 0 0; }
.esg-ethical .ethical-cont1 .listbox > ul > li dl dd li { font-size:16px; font-weight:300; color:#333; }
.esg-ethical .ethical-cont1 .listbox > ul > li dl dd li .sp { position:relative; padding-left:7px; display:inline-block; font-weight:300; line-height:1.4; }
.esg-ethical .ethical-cont1 .listbox > ul > li dl dd li .sp:after { content:""; display:block; position:absolute; left:0; top:9px; width:2px; height:2px; border-radius:5px; background-color:#333; }
.esg-ethical .ethical-cont1 .listbox > ul > li dl dd li:not(:last-child) { margin-bottom:10px; }
.esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(1) { top:120px; left:-150px; }
.esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(2) { top:-118px; left:50%; margin-left:-114px; }
.esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(3) { top:120px; right:-200px; }
.esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(4) { top:610px; left:320px; }
.esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(5) { top:610px; left:725px; }
.esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(2) dt { padding-left:45px; }
.esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(4) dt { padding-left:25px; }
.esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(5) dt { padding-left:70px; }
.esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(1) .tit { top:-70px; left:207px; }
.esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(2) .tit { top:170px; left:-5px;color:#006eb1; }
.esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(3) .tit { top:-70px; left:-320px; color:#005a9e; }
.esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(4) .tit { top:-335px; left:-42px; color:#007fbe; }
.esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(5) .tit { top:-335px; left:-4px; color:#fff; }
.esg-ethical .ethical-cont2 { margin-top:350px; padding:200px 0; }
.esg-ethical .ethical-cont2 .listbox { margin-top:112px; }
.esg-ethical .ethical-cont2 .listbox > ul { display:flex; flex-wrap:wrap; justify-content:center; gap:90px 0; }
.esg-ethical .ethical-cont2 .listbox > ul > li { width:25%; border-left:1px solid #e0e0e0; text-align:center; padding:48px 10px 20px; }
.esg-ethical .ethical-cont2 .listbox > ul > li:nth-child(4n+1) { border-left:none; }
.esg-ethical .ethical-cont2 .listbox > ul > li .icon { display:block; margin:0 auto; min-height:120px; }
.esg-ethical .ethical-cont2 .listbox > ul > li dt { color:#111; font-weight:700; font-size:35px; }
.esg-ethical .ethical-cont2 .listbox > ul > li dd { padding-top:25px; color:#333; font-weight:300; font-size:18px; min-height:68px; line-height:1.4 }
.esg-ethical .ethical-cont3 { padding:200px 0; }
.esg-ethical .ethical-cont3 .listbox { margin-top:120px; margin-left:27px; }
.esg-ethical .ethical-cont3 .listbox ul { display:flex; flex-wrap:wrap; gap:20px 0; }
.esg-ethical .ethical-cont3 .listbox li { position:relative; width:calc(25% + 9px); margin:0 -9px; }
.esg-ethical .ethical-cont3 .listbox li:after { content:""; display:block; padding-bottom:100%; }
.esg-ethical .ethical-cont3 .listbox li:before { content:""; display:block; position:absolute; left:7px; top:50%; transform:translateY(-50%); width:5px; height:9px; background:url(/img/sub/icon_arr5.png) no-repeat left center; z-index:1 }
.esg-ethical .ethical-cont3 .listbox li:first-child:before { display:none }
.esg-ethical .ethical-cont3 .listbox li:last-child:before { filter:brightness(0) invert(1);}
.esg-ethical .ethical-cont3 .listbox li .circle { position:absolute; left:50%; top:0; transform:translateX(-50%); box-shadow:-5px -3px 20px rgba(0, 0, 0, 0.08), 5px 3px 20px rgba(0, 0, 0, 0.08); text-align:center; mix-blend-mode:multiply; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; height:100%; width:100%; border-radius:50%; }
.esg-ethical .ethical-cont3 .listbox li:last-child .circle { box-shadow:unset; background-color:#014789; }
.esg-ethical .ethical-cont3 .listbox li .circle .icon { width:100%; display:block; min-height:124px; }
.esg-ethical .ethical-cont3 .listbox li .circle dl { width:100%; display:block; }
.esg-ethical .ethical-cont3 .listbox li .circle dt { color:#111; font-weight:700; font-size:25px; }
.esg-ethical .ethical-cont3 .listbox li .circle dd { padding-top:20px; color:#111; font-weight:300; font-size:17px; min-height:40px; line-height:1.4; }
.esg-ethical .ethical-cont3 .listbox li:last-child dt,
.esg-ethical .ethical-cont3 .listbox li:last-child dd { color:#fff; }
.esg-ethical .ethical-cont3 .listbox-b { margin-top:95px; }
.esg-ethical .ethical-cont3 .listbox-b p { text-align:center; color:#111; font-weight:700; font-size:25px; }
.esg-ethical .ethical-cont3 .listbox-b ul { display:flex; flex-wrap:wrap; gap:90px 28px; margin-top:60px; }
.esg-ethical .ethical-cont3 .listbox-b li { width:calc((100% - 28px) / 2); height:114px; display:flex; flex-wrap:wrap; align-items:center; background-color:#f8f8f8; padding:0 20px 0 87px; }
.esg-ethical .ethical-cont3 .listbox-b li span { display:inline-block; padding:2px 0 2px 36px; color:#111; font-weight:300; font-size:17px; background:url(/img/sub/icon_ch1.png) no-repeat left center;}
@media screen and (max-width:1600px){
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(1) { top:-118px; left:120px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(3) { top:-118px; right:70px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(3) dt { padding-left:30px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(1) .tit { top:170px; left:-60px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(3) .tit { top:170px; left:-50px; }
}
@media screen and (max-width:1280px){
  .esg-ethical .ethical-cont1 .listbox { max-width:980px; height:453px; background-size:980px auto;}
  .esg-ethical .ethical-cont1 .listbox > ul > li .tit { width:190px; height:190px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(1) { top:-118px; left:90px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(2) { top:-118px; left:50%; margin-left:-120px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(3) { top:-118px; right:40px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(4) { top:478px; left:240px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(5) { top:478px; left:565px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(1) .tit { top:160px; left:-48px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(2) .tit { top:160px; left:25px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(3) .tit { top:160px; left:-20px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(4) .tit { top:-255px; left:-20px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(5) .tit { top:-255px; left:5px; }
  .esg-ethical .ethical-cont3 .listbox li .circle .icon { min-height:100px; }
}
@media screen and (max-width:1024px){
  .esg-ethical .ethical-cont1 .listbox { height:auto; background:none; margin-top:100px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li,
  .esg-ethical .ethical-cont1 .listbox > ul > li .tit { position:relative; left:unset !important; right:unset !important; top:unset !important; padding:0 !important; margin:0 !important; width:auto; height:auto; }
  .esg-ethical .ethical-cont1 .listbox > ul { display:flex; flex-wrap:wrap; gap:0 20px; justify-content:center; }
  .esg-ethical .ethical-cont1 .listbox > ul > li { position:relative; width:calc((100% - 40px) / 3) }
  .esg-ethical .ethical-cont1 .listbox > ul > li:after { content:""; display:block; padding-bottom:100%; }
  .esg-ethical .ethical-cont1 .listbox > ul > li .box { position:absolute; left:50%; top:0; transform:translateX(-50%); box-shadow:-5px -3px 20px rgba(0, 0, 0, 0.08), 5px 3px 20px rgba(0, 0, 0, 0.08); text-align:center; display:flex; flex-direction:column; flex-wrap:wrap; height:100%; width:100%; border-radius:50%; }
  .esg-ethical .ethical-cont1 .listbox > ul > li .tit { width:100%; font-size:24px; padding:55px 0 0 !important;}
  .esg-ethical .ethical-cont1 .listbox > ul > li dl { width:100%; padding:25px 0 0; }
  .esg-ethical .ethical-cont1 .listbox > ul > li dt { padding:0 !important; font-size:18px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:last-child .box { background-color:#014789; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:last-child dt { color:rgba(255,255,255,0.9); }
  .esg-ethical .ethical-cont1 .listbox > ul > li:last-child dd li { color:rgba(255,255,255,0.8); }
  .esg-ethical .ethical-cont1 .listbox > ul > li:last-child dd li .sp:after { background-color:rgba(255,255,255,0.8); }
  .esg-ethical .ethical-cont2 { margin-top:150px; padding:100px 0; }
  .esg-ethical .ethical-cont2 .listbox { margin-top:80px; }
  .esg-ethical .ethical-cont2 .listbox > ul { gap:70px 0; }
  .esg-ethical .ethical-cont2 .listbox > ul > li { padding:48px 20px 20px; }
  .esg-ethical .ethical-cont2 .listbox > ul > li .icon { min-height:100px; }
  .esg-ethical .ethical-cont2 .listbox > ul > li dt { font-size:28px; }
  .esg-ethical .ethical-cont2 .listbox > ul > li dd { padding-top:20px; font-size:17px; min-height:62px; }
  .esg-ethical .ethical-cont3 { padding:100px 0; }
  .esg-ethical .ethical-cont3 .listbox { margin-top:80px; margin-left:27px; }
  .esg-ethical .ethical-cont3 .listbox li { width:calc(25% + 9px); margin:0 -9px; }
  .esg-ethical .ethical-cont3 .listbox li .circle .icon { min-height:85px; }
  .esg-ethical .ethical-cont3 .listbox li .circle dt { font-size:22px; }
  .esg-ethical .ethical-cont3 .listbox li .circle dd { padding-top:18px; font-size:16px; }
  .esg-ethical .ethical-cont3 .listbox-b { margin-top:80px; }
  .esg-ethical .ethical-cont3 .listbox-b p { font-size:22px; }
  .esg-ethical .ethical-cont3 .listbox-b ul { gap:90px 20px; margin-top:45px; }
  .esg-ethical .ethical-cont3 .listbox-b li { width:calc((100% - 20px) / 2); height:100px; padding:0 20px 0 40px; }
  .esg-ethical .ethical-cont3 .listbox-b li span { padding:2px 0 2px 28px; font-size:16px; }
}
@media screen and (max-width:960px){
  .esg-ethical .ethical-cont2 .listbox > ul > li { width:33.33%; }
  .esg-ethical .ethical-cont2 .listbox > ul > li:nth-child(3n+1) { border-left:none; }
  .esg-ethical .ethical-cont2 .listbox > ul > li:nth-child(4n+1) { border-left:1px solid #e0e0e0; }
  .esg-ethical .ethical-cont3 .listbox ul { margin:0 auto; max-width:640px; }
  .esg-ethical .ethical-cont3 .listbox li { width:calc(50% + 9px); margin:0 -9px; }
}
@media screen and (max-width:860px){
  .esg-ethical .ethical-cont1 .listbox > ul { gap:20px 20px; padding:0 50px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li { width:calc((100% - 20px) / 2) }
}
@media screen and (max-width:760px){
  .esg-ethical .ethical-cont1 .listbox > ul { padding:0; }
  .esg-ethical .ethical-cont2 .listbox > ul { gap:50px 0; }
  .esg-ethical .ethical-cont2 .listbox > ul > li { width:50%; padding:35px 15px 20px; }
  .esg-ethical .ethical-cont2 .listbox > ul > li:nth-child(3n+1) { border-left:1px solid #e0e0e0; }
  .esg-ethical .ethical-cont2 .listbox > ul > li:nth-child(2n+1) { border-left:none; }
}
@media screen and (max-width:640px){
  .esg-ethical .ethical-cont1 .listbox { margin-top:80px; }
  .esg-ethical .ethical-cont1 .listbox > ul { margin:0 auto }
  .esg-ethical .ethical-cont1 .listbox > ul > li { width:100% }
  .esg-ethical .ethical-cont1 .listbox > ul > li .box { border-radius:20px; padding-bottom:30px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:after { display:none; }
  .esg-ethical .ethical-cont1 .listbox > ul > li .box { position:relative; left:unset; top:unset; transform:translateX(0); }
  .esg-ethical .ethical-cont1 .listbox > ul > li .tit { font-size:22px; padding:30px 0 0 !important;}
  .esg-ethical .ethical-cont1 .listbox > ul > li dt { font-size:17px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li dl dd li { font-size:15px; }
  .esg-ethical .ethical-cont2 { margin-top:100px; padding:80px 0; }
  .esg-ethical .ethical-cont2 .listbox > ul > li dt { font-size:22px; }
  .esg-ethical .ethical-cont2 .listbox > ul > li dd { padding-top:15px; font-size:16px; min-height:55px; }
  .esg-ethical .ethical-cont3 { padding:100px 0 150px; }
  .esg-ethical .ethical-cont3 .listbox { margin-top:50px; margin-left:0; }
  .esg-ethical .ethical-cont3 .listbox ul { max-width:300px; gap:0 0; }
  .esg-ethical .ethical-cont3 .listbox li { width:100%; margin:-9px 0; }
  .esg-ethical .ethical-cont3 .listbox li:before { left:50%; top:6px; transform:translate(-50%, 0) rotate(90deg); }
  .esg-ethical .ethical-cont3 .listbox-b { margin-top:80px; }
  .esg-ethical .ethical-cont3 .listbox-b ul { gap:10px 20px; margin-top:30px; }
  .esg-ethical .ethical-cont3 .listbox-b li { width:100%; height:80px; padding:0 20px 0 20px; }
}

/* animation */
.esg-ethical .ethical-cont1 .subTopTitle { opacity:0; }
.esg-ethical .ethical-cont1.subOn .subTopTitle { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.esg-ethical .ethical-cont1 .listbox > ul > li,
.esg-ethical .ethical-cont1 .listbox > ul > li .tit { opacity:0; }
.esg-ethical .ethical-cont1 .listbox.subOn > ul > li:nth-child(1) { animation:ani_1 0.5s 0.3s; animation-fill-mode:both; }
.esg-ethical .ethical-cont1 .listbox.subOn > ul > li:nth-child(1) .tit { animation:ani_1 0.5s 0.1s; animation-fill-mode:both; }
.esg-ethical .ethical-cont1 .listbox.subOn > ul > li:nth-child(2) { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; }
.esg-ethical .ethical-cont1 .listbox.subOn > ul > li:nth-child(2) .tit { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.esg-ethical .ethical-cont1 .listbox.subOn > ul > li:nth-child(3) { animation:ani_2 0.5s 0.7s; animation-fill-mode:both; }
.esg-ethical .ethical-cont1 .listbox.subOn > ul > li:nth-child(3) .tit { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
.esg-ethical .ethical-cont1 .listbox.subOn > ul > li:nth-child(4) { animation:ani_3 0.5s 0.9s; animation-fill-mode:both; }
.esg-ethical .ethical-cont1 .listbox.subOn > ul > li:nth-child(4) .tit { animation:ani_3 0.5s 0.7s; animation-fill-mode:both; }
.esg-ethical .ethical-cont1 .listbox.subOn > ul > li:nth-child(5) { animation:ani_3 0.5s 1.1s; animation-fill-mode:both; }
.esg-ethical .ethical-cont1 .listbox.subOn > ul > li:nth-child(5) .tit { animation:ani_3 0.5s 0.9s; animation-fill-mode:both; }
.esg-ethical .ethical-cont2 .subTopTitle { opacity:0; }
.esg-ethical .ethical-cont2 .subTopTitle.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.esg-ethical .ethical-cont2 .listbox > ul > li { opacity:0; }
.esg-ethical .ethical-cont2 .listbox > ul > li.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.esg-ethical .ethical-cont3 .subTopTitle { opacity:0; }
.esg-ethical .ethical-cont3 .subTopTitle.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.esg-ethical .ethical-cont3 .listbox > ul > li { opacity:0; }
.esg-ethical .ethical-cont3 .listbox > ul > li:nth-child(1).subOn { animation:ani_1 0.5s 0.3s; animation-fill-mode:both; }
.esg-ethical .ethical-cont3 .listbox > ul > li:nth-child(2).subOn { animation:ani_1 0.5s 0.5s; animation-fill-mode:both; }
.esg-ethical .ethical-cont3 .listbox > ul > li:nth-child(3).subOn { animation:ani_1 0.5s 0.7s; animation-fill-mode:both; }
.esg-ethical .ethical-cont3 .listbox > ul > li:nth-child(4).subOn { animation:ani_1 0.5s 0.9s; animation-fill-mode:both; }
.esg-ethical .ethical-cont3 .listbox-b p,
.esg-ethical .ethical-cont3 .listbox-b li { opacity:0; }
.esg-ethical .ethical-cont3 .listbox-b.subOn p { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.esg-ethical .ethical-cont3 .listbox-b.subOn li:nth-child(1) { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
.esg-ethical .ethical-cont3 .listbox-b.subOn li:nth-child(2) { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
@media screen and (max-width:640px){
  .esg-ethical .ethical-cont1 .listbox.subOn > ul > li:nth-child(1) { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
  .esg-ethical .ethical-cont1 .listbox.subOn > ul > li:nth-child(1) .tit { animation:ani_3 0.5s 0.1s; animation-fill-mode:both; }
  .esg-ethical .ethical-cont1 .listbox.subOn > ul > li:nth-child(2) { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
  .esg-ethical .ethical-cont1 .listbox.subOn > ul > li:nth-child(2) .tit { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
  .esg-ethical .ethical-cont1 .listbox.subOn > ul > li:nth-child(3) { animation:ani_3 0.5s 0.7s; animation-fill-mode:both; }
  .esg-ethical .ethical-cont1 .listbox.subOn > ul > li:nth-child(3) .tit { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
  .esg-ethical .ethical-cont1 .listbox.subOn > ul > li:nth-child(4) { animation:ani_3 0.5s 0.9s; animation-fill-mode:both; }
  .esg-ethical .ethical-cont1 .listbox.subOn > ul > li:nth-child(4) .tit { animation:ani_3 0.5s 0.7s; animation-fill-mode:both; }
  .esg-ethical .ethical-cont1 .listbox.subOn > ul > li:nth-child(5) { animation:ani_3 0.5s 1.1s; animation-fill-mode:both; }
  .esg-ethical .ethical-cont1 .listbox.subOn > ul > li:nth-child(5) .tit { animation:ani_3 0.5s 0.9s; animation-fill-mode:both; }
  .esg-ethical .ethical-cont3 .listbox > ul > li:nth-child(1).subOn,
  .esg-ethical .ethical-cont3 .listbox > ul > li:nth-child(2).subOn,
  .esg-ethical .ethical-cont3 .listbox > ul > li:nth-child(3).subOn,
  .esg-ethical .ethical-cont3 .listbox > ul > li:nth-child(4).subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
}


.esg-socia .listbox { position:relative; margin-top:150px; padding-bottom:200px; }
.esg-socia .listbox .swiper-container .txtbox { margin-top:38px; font-size:17px; font-weight:300; color:#333; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.esg-socia .listbox .swiper-pagination { display:none }
.esg-socia .listbox .swiper-container .swiper-slide { width:477px; }
.esg-socia .listbox .swiper-container .imgbox { width:100%; position:relative; overflow:hidden; }
.esg-socia .listbox .swiper-container .imgbox:before {content:""; display:block; padding-bottom:67.6%; }
.esg-socia .listbox .swiper-container .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.esg-socia .listbox .btnbox { position:absolute; right:0; top:-70px; display:flex; justify-content:center; align-items:center;}
.esg-socia .listbox .btnbox .txtbox { display:flex; width:63px; height:20px; text-align:center; justify-content:center; align-items:flex-end; color:#e2e2e2; font-size:15px; font-weight:400 }
.esg-socia .listbox .btnbox .txtbox span { font-weight:400 }
.esg-socia .listbox .btnbox .txtbox .bar { display:inline-block; margin:0 4px; }
.esg-socia .listbox .btnbox .txtbox .activeslide { display:inline-block; margin-bottom:-2px; font-weight:700; font-size:20px; color:#01488a; }
.esg-socia .listbox .btnbox .btn_pn { transition:all 0.3s ease-in-out; opacity:.3; position:relative; left:unset; right:unset; top:unset; margin:2px 0 0; width:20px; height:20px; background:url(/img/sub/btn_arr1.png) no-repeat center;}
.esg-socia .listbox .btnbox .btn_pn:hover { opacity:1; }
.esg-socia .listbox .btnbox .btn_pn.swiper-button-prev { transform:rotate( -180deg); }
.esg-socia .listbox .swiper-button-next:after, 
.esg-socia .listbox .swiper-button-prev:after { display:none; }
@media screen and (max-width:1400px){
  .esg-socia .listbox .swiper-container .swiper-slide { width:400px; }
}
@media screen and (max-width:1024px){
  .esg-socia .listbox { margin-top:100px; }
  .esg-socia .listbox .swiper-container .swiper-slide { width:320px; }
  .esg-socia .listbox .btnbox { top:-50px; }
  .esg-socia .listbox .btnbox .txtbox { font-size:14px; }
  .esg-socia .listbox .btnbox .txtbox .activeslide { font-size:18px; }
  .esg-socia .listbox .swiper-container .txtbox { margin-top:30px; font-size:16px; }
}
@media screen and (max-width:760px){
  .esg-socia .listbox .swiper-container .swiper-slide { width:280px; }
}
@media screen and (max-width:640px){
  .esg-socia .listbox { margin-top:80px; }
  .esg-socia .listbox .swiper-container .swiper-slide { width:240px; }
  .esg-socia .listbox .btnbox { top:-40px; }
  .esg-socia .listbox .swiper-container .txtbox { margin-top:25px; font-size:15px; }
}
/* animation */
.esg-socia .subTopTitle { opacity:0; }
.esg-socia .subTopTitle.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }


.esg-green .listbox { margin-top:120px; }
.esg-green .listbox .imgbox { position:relative; overflow:hidden; }
.esg-green .listbox .imgbox:before {content:""; display:block; padding-bottom:30%; }
.esg-green .listbox .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.esg-green .listbox .txtbox { margin-top:85px; }
.esg-green .listbox .txtbox dl { display:flex; flex-wrap:wrap; } 
.esg-green .listbox .txtbox dt { width:calc(50% - 15px); color:#01488a; font-size:23px; font-weight:700; line-height:1.3; }
.esg-green .listbox .txtbox dt strong { color:#111; font-size:40px; font-weight:700; display:block; margin-bottom:25px; line-height:1.3; }
.esg-green .listbox .txtbox dd { width:calc(50% + 15px); }
.esg-green .listbox .txtbox dd > ul > li { position:relative; padding:64px 15px 64px 70px; border-bottom:1px solid #d6d6d6; font-family:'Pretendard'; color:#333; font-size:18px; font-weight:300; line-height:1.4; }
.esg-green .listbox .txtbox dd > ul > li .num { position:absolute; left:15px; font-family: 'Montserrat'; color:#111; font-size:18px; font-weight:700; line-height:1.4; }
.esg-green .listbox .txtbox dd > ul > li strong { font-weight:600; display:block; margin-bottom:-15px; }
.esg-green .listbox .txtbox dd > ul > li:first-child { padding:0 15px 65px 70px; }
.esg-green .listbox .txtbox dd > ul > li:first-child .num { top:0; }
.esg-green .listbox .txtbox dd > ul > li ul li:not(:last-child) { margin-bottom:15px; }
.esg-green .listbox .txtbox dd > ul > li ul li { position:relative; padding-left:10px; }
.esg-green .listbox .txtbox dd > ul > li ul li .p { position:absolute; top:0; left:0; font-weight:300 }
.esg-green .listbox .txtbox dd > ul > li > .slist { margin-top:20px; padding-left:10px; }
.esg-green .listbox .txtbox dd > ul > li > .slist > li:not(:last-child) { margin-bottom:10px; }
.esg-green .listbox .txtbox dd > ul > li > .slist > li { color:#333; font-size:17px; font-weight:300; line-height:1.3; padding-left:0; }
.esg-green .listbox .txtbox dd > ul > li > .slist > li > ul { margin-top:10px; padding:0 0 5px; }
.esg-green .listbox .txtbox dd > ul > li > .slist > li > ul > li:not(:last-child) { margin-bottom:5px; }
.esg-green .listbox .txtbox dd > ul > li > .slist > li > ul > li { color:#555; font-size:15px; font-weight:300; line-height:1.3; padding-left:0; }
@media screen and (max-width:1280px){
  .esg-green .listbox .txtbox dt { width:40%; }
  .esg-green .listbox .txtbox dd { width:60%; }
}
@media screen and (max-width:1024px){
  .esg-green .listbox { margin-top:100px; }
  .esg-green .listbox .txtbox { margin-top:60px; }
  .esg-green .listbox .txtbox dt { font-size:18px; }
  .esg-green .listbox .txtbox dt strong { font-size:32px; margin-bottom:20px; }
  .esg-green .listbox .txtbox dd > ul > li { padding:52px 10px 52px 60px; font-size:17px; }
  .esg-green .listbox .txtbox dd > ul > li .num { left:10px; font-size:17px; }
  .esg-green .listbox .txtbox dd > ul > li:first-child { padding:0 10px 52px 60px; }
  .esg-green .listbox .txtbox dd > ul > li ul li:not(:last-child) { margin-bottom:8px; }
	.esg-green .listbox .txtbox dd > ul > li > .slist { margin-top:15px; padding-left:8px; }
	.esg-green .listbox .txtbox dd > ul > li > .slist > li:not(:last-child) { margin-bottom:8px; }
	.esg-green .listbox .txtbox dd > ul > li > .slist > li { font-size:16px; }
	.esg-green .listbox .txtbox dd > ul > li > .slist > li > ul { margin-top:8px; }
	.esg-green .listbox .txtbox dd > ul > li > .slist > li > ul > li { font-size:14px; }
}
@media screen and (max-width:860px){
  .esg-green .listbox .txtbox dt,
  .esg-green .listbox .txtbox dd { width:100%; }
  .esg-green .listbox .txtbox dt br { display:none }
  .esg-green .listbox .txtbox dt strong { display:inline-block; margin-bottom:0; margin-right:5px; }
  .esg-green .listbox .txtbox dd { margin-top:30px; }
  .esg-green .listbox .txtbox dd > ul > li { padding:45px 10px 45px 50px; }
  .esg-green .listbox .txtbox dd > ul > li:first-child { padding:45px 10px 45px 50px; border-top:1px solid #d6d6d6; }
  .esg-green .listbox .txtbox dd > ul > li:first-child .num { top:45px; }
}
@media screen and (max-width:640px){
  .esg-green .listbox .imgbox:before {padding-bottom:40%; }
  .esg-green .listbox .txtbox dt { font-size:17px; }
  .esg-green .listbox .txtbox dt strong { font-size:24px; }
  .esg-green .listbox .txtbox dd { margin-top:30px; }
  .esg-green .listbox .txtbox dd > ul > li { padding:25px 10px 25px 45px; font-size:16px; }
  .esg-green .listbox .txtbox dd > ul > li .num { font-size:16px; }
  .esg-green .listbox .txtbox dd > ul > li:first-child { padding:25px 15px 25px 45px; }
  .esg-green .listbox .txtbox dd > ul > li:first-child .num { top:25px; }
}
/* animation */
.esg-green .subTopTitle { opacity:0; }
.esg-green .subTopTitle.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.esg-green .listbox .imgbox { opacity:0; overflow:hidden; }
.esg-green .listbox .imgbox:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; z-index:1 }
.esg-green .listbox .imgbox.subOn:after { width:0; transition: width 0.8s .5s; }
.esg-green .listbox .imgbox.subOn { animation:bgs3 0.8s 0.3s; animation-fill-mode: both;}
.esg-green .listbox .txtbox dt,
.esg-green .listbox .txtbox dd > ul > li { opacity:0; }
.esg-green .listbox .txtbox.subOn dt { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.esg-green .listbox .txtbox.subOn dd > ul > li:nth-child(1) { animation:ani_2 0.5s 0.4s; animation-fill-mode:both; }
.esg-green .listbox .txtbox.subOn dd > ul > li:nth-child(2) { animation:ani_2 0.5s 0.6s; animation-fill-mode:both; }
.esg-green .listbox .txtbox.subOn dd > ul > li:nth-child(3) { animation:ani_2 0.5s 0.8s; animation-fill-mode:both; }
.esg-green .listbox .txtbox.subOn dd > ul > li:nth-child(4) { animation:ani_2 0.5s 1.0s; animation-fill-mode:both; }
.esg-green .listbox .txtbox.subOn dd > ul > li:nth-child(5) { animation:ani_2 0.5s 1.2s; animation-fill-mode:both; }
.esg-green .listbox .txtbox.subOn dd > ul > li:nth-child(6) { animation:ani_2 0.5s 1.4s; animation-fill-mode:both; }
.esg-green .listbox .txtbox.subOn dd > ul > li:nth-child(7) { animation:ani_2 0.5s 1.6s; animation-fill-mode:both; }


.esg-rules { margin-top:145px; }
.esg-rules > div { display:flex; flex-wrap:wrap; }
.esg-rules * { font-family: 'Pretendard'}
.esg-rules .tab-submenu { position:sticky; top:100px; width:350px; height:480px; }
.esg-rules .tab-submenu.tab-m1 { display:none; }
.esg-rules .tab-submenu li:first-child { border-top:1px solid #e2e2e2; }
.esg-rules .tab-submenu li a { position:relative; padding-left:15px; height:97px; border-bottom:1px solid #e2e2e2; display:flex; align-items:center; color:#999; font-size:18px; font-weight:300; line-height:1.6; letter-spacing:-0.02em; }
.esg-rules .tab-submenu li.on a { color:#003668; font-size:20px; font-weight:700; }
.esg-rules .tab-submenu li a:after { content:""; display:block;  opacity:0; position:absolute; right:20px; top:50%; transform:translateY(-50%); background:url(/img/sub/icon_arr1.png) no-repeat center; width:22px; height:14px; transition:all 0.3s ease-in-out; }
.esg-rules .tab-submenu li.on a:after { opacity:1; right:7px;  }
.esg-rules .rules-box { width:calc(100% - 350px); padding-left:275px; overflow:hidden;}
.esg-rules .rules-box .contBox:not(:last-child) { margin-bottom:130px; }
.esg-rules .rules-box .contBox h4 { font-size:40px; font-weight:700; color:#111; }
.esg-rules .rules-box .contBox > dl { }
.esg-rules .rules-box .contBox > dl > dt { margin-top:40px; font-size:18px; font-weight:700; color:#111; }
.esg-rules .rules-box .contBox > dl > dd { padding-top:15px; font-size:17px; font-weight:300; color:#333; line-height:1.8; }
.esg-rules .rules-box .contBox > dl > dd li { position:relative; margin-top:15px; font-size:17px; font-weight:300; color:#333; line-height:1.8; padding-left:20px; word-break:keep-all  }
.esg-rules .rules-box .contBox > dl > dd li .stxt { position:absolute; left:0; top:6px; font-size:10px; } 
@media screen and (max-width:1400px){
  .esg-rules .tab-submenu { width:320px; }
  .esg-rules .rules-box { width:calc(100% - 320px); padding-left:150px; }
}
@media screen and (max-width:1280px){
  .esg-rules .rules-box { padding-left:120px; }
}
@media screen and (max-width:1024px){
  .esg-rules { margin-top:100px; }
  .esg-rules .tab-submenu { width:300px; }
  .esg-rules .tab-submenu li a { padding-left:13px; height:90px; font-size:17px; }
  .esg-rules .tab-submenu li.on a { font-size:19px; }
  .esg-rules .rules-box { width:calc(100% - 300px); padding-left:100px; }
  .esg-rules .rules-box .contBox:not(:last-child) { margin-bottom:100px; }
  .esg-rules .rules-box .contBox h4 { font-size:30px; }
  .esg-rules .rules-box .contBox > dl > dt { margin-top:30px; font-size:17px; }
  .esg-rules .rules-box .contBox > dl > dd { padding-top:10px; font-size:16px; }
  .esg-rules .rules-box .contBox > dl > dd li { margin-top:15px; font-size:16px; padding-left:18px; }
  .esg-rules .rules-box .contBox > dl > dd li .stxt { top:5px; font-size:10px; } 
}
@media screen and (max-width:860px){
  .esg-rules .tab-submenu { display:none; }
  .esg-rules .rules-box { width:100%; padding-left:0; }
}
@media screen and (max-width:640px){
  .esg-rules { margin-top:80px; }
  .esg-rules .rules-box .contBox:not(:last-child) { margin-bottom:80px; }
  .esg-rules .rules-box .contBox h4 { font-size:22px; }
  .esg-rules .rules-box .contBox > dl > dt { margin-top:25px; font-size:16px; }
  .esg-rules .rules-box .contBox > dl > dd { padding-top:8px; font-size:15px; }
  .esg-rules .rules-box .contBox > dl > dd li { margin-top:10px; font-size:15px; padding-left:18px; }
  .esg-rules .rules-box .contBox > dl > dd li .stxt { top:4px; font-size:9px; } 
}

.careers-talent .listbox { margin-top:100px; }
.careers-talent .listbox > ul { display:flex; flex-wrap:wrap; justify-content:center; text-align:center; gap:80px 0; }
.careers-talent .listbox > ul > li { width:20%; }
.careers-talent .listbox > ul > li .imgbox img { width:100%; }
.careers-talent .listbox .txtbox { margin-top:65px; padding-top:15px; position:relative; }
.careers-talent .listbox .txtbox .tb { position:absolute; left:0; top:0; width:100%; text-align:center; font-size:100px; font-weight:700; color:rgba(0,54,104,0.05); line-height:0.8; letter-spacing:-0.02em }
.careers-talent .listbox .txtbox dl { position:relative; z-index:2; }
.careers-talent .listbox .txtbox dt { font-size:35px; font-weight:700; color:#000;}
.careers-talent .listbox .txtbox dt .txt { font-size:48px; font-weight:700; color:#00417d; }
.careers-talent .listbox .txtbox dd { margin-top:75px; font-size:18px; font-weight:300; color:#333;}
.careers-talent .listbox .txtbox dd strong { display:block; font-size:25px; font-weight:700; color:#003668; margin-bottom:18px; }
@media screen and (max-width:1280px){
  .careers-talent .listbox .txtbox .tb { font-size:80px; }
  .careers-talent .listbox .txtbox dt { font-size:30px; }
  .careers-talent .listbox .txtbox dt .txt { font-size:42px; }
  .careers-talent .listbox .txtbox dd { margin-top:60px; font-size:17px; }
  .careers-talent .listbox .txtbox dd strong { font-size:22px; margin-bottom:16px; }
}
@media screen and (max-width:1024px){
  .careers-talent .listbox { margin-top:80px; }
  .careers-talent .listbox .txtbox { margin-top:45px; padding-top:10px; } 
  .careers-talent .listbox .txtbox .tb { font-size:70px; }
  .careers-talent .listbox .txtbox dt { font-size:26px; }
  .careers-talent .listbox .txtbox dt .txt { font-size:38px; }
  .careers-talent .listbox .txtbox dd { margin-top:50px; font-size:16px; }
  .careers-talent .listbox .txtbox dd strong { font-size:20px; margin-bottom:14px; }
}
@media screen and (max-width:960px){
  .careers-talent .listbox > ul > li { width:33.33%; }
}
@media screen and (max-width:640px){
  .careers-talent .listbox { margin-top:60px; }
  .careers-talent .listbox > ul { gap:60px 0; }
  .careers-talent .listbox > ul > li { width:50%; }
  .careers-talent .listbox .txtbox { margin-top:30px; padding-top:5px; } 
  .careers-talent .listbox .txtbox .tb { font-size:55px; }
  .careers-talent .listbox .txtbox dt { font-size:20px; }
  .careers-talent .listbox .txtbox dt .txt { font-size:32px; }
  .careers-talent .listbox .txtbox dd { margin-top:35px; font-size:15px; }
  .careers-talent .listbox .txtbox dd strong { font-size:18px; margin-bottom:12px; }
}
/* animation */
.careers-talent .subTopTitle { opacity:0; }
.careers-talent .subTopTitle.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.careers-talent .listbox .imgbox,
.careers-talent .listbox .txtbox { opacity:0; }
.careers-talent .listbox > ul > li.subOn:nth-child(1) .imgbox { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
.careers-talent .listbox > ul > li.subOn:nth-child(1) .txtbox { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
.careers-talent .listbox > ul > li.subOn:nth-child(2) .imgbox { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
.careers-talent .listbox > ul > li.subOn:nth-child(2) .txtbox { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
.careers-talent .listbox > ul > li.subOn:nth-child(3) .imgbox { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }
.careers-talent .listbox > ul > li.subOn:nth-child(3) .txtbox { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }
.careers-talent .listbox > ul > li.subOn:nth-child(4) .imgbox { animation:ani_3 0.5s 0.8s; animation-fill-mode:both; }
.careers-talent .listbox > ul > li.subOn:nth-child(4) .txtbox { animation:ani_3 0.5s 0.8s; animation-fill-mode:both; }
.careers-talent .listbox > ul > li.subOn:nth-child(5) .imgbox { animation:ani_3 0.5s 1.0s; animation-fill-mode:both; }
.careers-talent .listbox > ul > li.subOn:nth-child(5) .txtbox { animation:ani_3 0.5s 1.2s; animation-fill-mode:both; }
@media screen and (max-width:960px){
  .careers-talent .listbox > ul > li.subOn:nth-child(4) .imgbox { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
  .careers-talent .listbox > ul > li.subOn:nth-child(4) .txtbox { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
  .careers-talent .listbox > ul > li.subOn:nth-child(5) .imgbox { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
  .careers-talent .listbox > ul > li.subOn:nth-child(5) .txtbox { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }
}
@media screen and (max-width:640px){
  .careers-talent .listbox > ul > li.subOn:nth-child(3) .imgbox { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
  .careers-talent .listbox > ul > li.subOn:nth-child(3) .txtbox { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
  .careers-talent .listbox > ul > li.subOn:nth-child(4) .imgbox { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
  .careers-talent .listbox > ul > li.subOn:nth-child(4) .txtbox { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }
  .careers-talent .listbox > ul > li.subOn:nth-child(5) .imgbox { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
  .careers-talent .listbox > ul > li.subOn:nth-child(5) .txtbox { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
}

.careers-training .bg { background-color:#f8f8f8; }
.careers-training .training-cont1 { padding:150px 0 200px }
.careers-training .training-cont1 .listbox { position:relative; margin:0 auto; width:791px; height:719px; background:url(/img/sub/training1_bg.png) no-repeat center; }
.careers-training .training-cont1 .listbox > ul > li { position:absolute; left:50%; width:250px; }
.careers-training .training-cont1 .listbox > ul > li.p1 { left:unset; right:50%; top:65px; margin-right:430px; text-align:right; }
.careers-training .training-cont1 .listbox > ul > li.p2 { top:65px; margin-left:430px; }
.careers-training .training-cont1 .listbox > ul > li.p3 { bottom:50px; margin-left:165px; }
.careers-training .training-cont1 .listbox > ul > li dt { font-size:17px; font-weight:700; color:#003668; }
.careers-training .training-cont1 .listbox > ul > li dd { padding-top:25px; font-size:17px; font-weight:300; color:#333;  line-height:1.6; }
.careers-training .training-cont1 .edu_table { margin-top:200px; }
.careers-training .training-cont1 .edu_table table { width:100%; margin-top:90px;  }
.careers-training .training-cont1 .edu_table thead th { height:98px; text-align:center; color:#fff; font-size:20px; font-weight:700; background-color:#01488a; border-left:1px solid #4173a1; }
.careers-training .training-cont1 .edu_table thead th:first-child { border-left:none }
.careers-training .training-cont1 .edu_table tbody th { height:80px; text-align:center; color:#111; font-size:19px; font-weight:600; border:1px solid #d6d6d6; border-width:0 1px 1px 0}
.careers-training .training-cont1 .edu_table tbody th:first-child { border-width:0 1px 1px 1px }
.careers-training .training-cont1 .edu_table tbody td { text-align:center; padding:40px 10px; color:#333; font-size:17px; font-weight:300; line-height:1.6; border:1px solid #d6d6d6; border-width:0 1px 1px 0}
.careers-training .training-cont1 .edu_table tbody td:first-child { border-width:0 1px 1px 1px }
.careers-training .training-cont1 .edu_table tbody td .arr { margin:20px auto; width:20px; height:20px; text-indent:-9999em; overflow:hidden; background:url(/img/sub/icon_arr7.png) no-repeat center; }
.careers-training .training-cont2 { padding:200px 0 200px }
.careers-training .training-cont2 .m_br { display:none; }
.careers-training .training-cont2 .process-box { margin-top:100px; }
.careers-training .training-cont2 .process-box > dl { display:flex; flex-wrap:wrap; }
.careers-training .training-cont2 .process-box > dl > dt { width:200px; border-top:1px solid #4173a1; color:#fff; font-size:20px; font-weight:700; line-height:1.4; display:flex; align-items:center; justify-content:center; text-align:center; background-color:#01488a; }
.careers-training .training-cont2 .process-box > dl:first-child > dt { border-top:none; } 
.careers-training .training-cont2 .process-box > dl > dd { width:calc(100% - 200px); border-top:1px solid #e3e3e3; padding:20px 40px; color:#333; font-size:17px; line-height:1.4; font-weight:300; display:flex; align-items:center; min-height:100px; }
.careers-training .training-cont2 .process-box > dl:last-child > dd { border-bottom:1px solid #e3e3e3; }
.careers-training .training-cont2 .process-box .plist { padding:0; display:block; }
.careers-training .training-cont2 .process-box .plist dl:not(:last-child) { border-bottom:1px solid #e3e3e3; }
.careers-training .training-cont2 .process-box .plist dl { display:flex; flex-wrap:wrap; }
.careers-training .training-cont2 .process-box .plist dl dt { width:155px; color:#333; font-size:17px; font-weight:300; display:flex; align-items:center; justify-content:center; text-align:center; }
.careers-training .training-cont2 .process-box .plist dl dd { border-left:1px solid #e3e3e3; width:calc(100% - 155px); color:#333; font-size:17px; font-weight:300; display:flex; align-items:center; min-height:185px; }
.careers-training .training-cont2 .process-box .plist dl dd ul { display:flex; flex-wrap:wrap; }
.careers-training .training-cont2 .process-box .plist dl dd li { position:relative; display:flex; flex-wrap:wrap; width:200px; align-items:center; justify-content:center; text-align:center; }
.careers-training .training-cont2 .process-box .plist dl dd li .icon { width:100%; display:block }
.careers-training .training-cont2 .process-box .plist dl dd li strong { width:100%; display:block; font-weight:300; margin-top:10px; }
.careers-training .training-cont2 .process-box .plist dl dd li:before { content:""; display:block; position:absolute; left:-3px; top:50%; transform:translateY(-50%); background:url(/img/sub/icon_arr6.png) no-repeat center; width:6px; height:12px; }
.careers-training .training-cont2 .process-box .plist dl dd li:first-child:before { display:none }
@media screen and (max-width:1400px){
  .careers-training .training-cont1 .listbox { width:580px; height:528px; background-size:580px auto; }
  .careers-training .training-cont1 .listbox > ul > li.p1 { top:30px; margin-right:300px; }
  .careers-training .training-cont1 .listbox > ul > li.p2 { top:30px; margin-left:300px; }
  .careers-training .training-cont1 .listbox > ul > li.p3 { bottom:10px; margin-left:115px; }
  .careers-training .training-cont2 .process-box .plist dl dt { width:130px; }
  .careers-training .training-cont2 .process-box .plist dl dd { width:calc(100% - 130px); }
  .careers-training .training-cont2 .process-box .plist dl dd li { width:130px; }
}
@media screen and (max-width:1280px){
  .careers-training .training-cont1 .listbox > ul > li dt { font-size:16px; }
  .careers-training .training-cont1 .listbox > ul > li dd { padding-top:22px; font-size:16px; }
  .careers-training .training-cont1 .edu_table thead th { font-size:19px; }
  .careers-training .training-cont1 .edu_table tbody th { font-size:18px; }
  .careers-training .training-cont1 .edu_table tbody td { font-size:16px; }
  .careers-training .training-cont2 .process-box > dl > dt { width:180px; }
  .careers-training .training-cont2 .process-box > dl > dd { width:calc(100% - 180px); }
  .careers-training .training-cont2 .process-box > dl > dt { font-size:19px; }
  .careers-training .training-cont2 .process-box > dl > dd { font-size:16px; }
  .careers-training .training-cont2 .process-box .plist dl dt,
  .careers-training .training-cont2 .process-box .plist dl dd { font-size:16px; }
}
@media screen and (max-width:1024px){
  .careers-training .training-cont1 { padding:80px 0 100px }
  .careers-training .training-cont1 .listbox { width:460px; height:419px; background-size:460px auto; }
  .careers-training .training-cont1 .listbox > ul > li.p1 { top:20px; margin-right:240px; }
  .careers-training .training-cont1 .listbox > ul > li.p2 { top:20px; margin-left:240px; }
  .careers-training .training-cont1 .listbox > ul > li.p3 { bottom:10px; margin-left:95px; }
  .careers-training .training-cont1 .listbox > ul > li dt { font-size:15px; }
  .careers-training .training-cont1 .listbox > ul > li dd { padding-top:18px; font-size:15px; }
  .careers-training .training-cont1 .edu_table { margin-top:100px; }
  .careers-training .training-cont1 .edu_table table { margin-top:50px; }
  .careers-training .training-cont1 .edu_table thead th { font-size:18px; height:70px; }
  .careers-training .training-cont1 .edu_table tbody th { font-size:17px; height:55px; }
  .careers-training .training-cont1 .edu_table tbody td { font-size:15px; padding:25px 10px; }
  .careers-training .training-cont1 .edu_table tbody td br { display:none }
  .careers-training .training-cont2 { padding:100px 0 150px }
  .careers-training .training-cont2 .process-box { margin-top:80px; }
  .careers-training .training-cont2 .process-box > dl > dt { width:150px; font-size:18px; }
  .careers-training .training-cont2 .process-box > dl > dd { width:calc(100% - 150px); min-height:80px; font-size:15px; padding:30px 30px;  }
  .careers-training .training-cont2 .process-box .plist dl dt { width:120px; }
  .careers-training .training-cont2 .process-box .plist dl dd { width:calc(100% - 120px); min-height:140px; }
  .careers-training .training-cont2 .process-box .plist dl dd li { width:130px; }
}
@media screen and (max-width:960px){
  .careers-training .training-cont1 .listbox { width:auto; height:auto; background:none; }
  .careers-training .training-cont1 .listbox > ul { display:flex; flex-wrap:wrap; justify-content:center; gap:20px 15px; }
  .careers-training .training-cont1 .listbox > ul > li { position:relative; left:unset; width:calc((100% - 30px) / 3); }
  .careers-training .training-cont1 .listbox > ul > li.p1 { top:unset; right:unset; margin-right:0; text-align:left; }
  .careers-training .training-cont1 .listbox > ul > li.p2 { top:unset; margin-left:0; }
  .careers-training .training-cont1 .listbox > ul > li.p3 { bottom:unset; margin-left:0; }
  .careers-training .training-cont1 .listbox > ul > li dt { padding:20px 0; text-align:center; color:#fff; background-color:#595757; }
  .careers-training .training-cont1 .listbox > ul > li.p2 dt { background-color:#003668; }
  .careers-training .training-cont1 .listbox > ul > li.p3 dt { background-color:#e5002d; }
  .careers-training .training-cont1 .listbox > ul > li dd { padding:20px 10px; display:flex; align-items:center; text-align:center; word-break:keep-all; border:1px solid #e3e3e3; border-width:0 1px 1px; min-height:115px; }
  .careers-training .training-cont1 .listbox > ul > li dd br { display:none }
  .careers-training .training-cont2 { padding:100px 0 150px }
  .careers-training .training-cont2 .m_br { display:block; }
  .careers-training .training-cont2 .process-box { margin-top:80px; }
  .careers-training .training-cont2 .process-box > dl > dt { font-size:18px; width:120px; }
  .careers-training .training-cont2 .process-box > dl > dd { width:calc(100% - 120px); min-height:80px; }
  .careers-training .training-cont2 .process-box .plist dl:not(:last-child) { border:none }
  .careers-training .training-cont2 .process-box .plist { display:flex; align-items:flex-start;}
  .careers-training .training-cont2 .process-box .plist dl { width:50%; }
  .careers-training .training-cont2 .process-box .plist dl dt { width:100%; height:60px; border-bottom:1px solid #e3e3e3 }
  .careers-training .training-cont2 .process-box .plist dl dd { width:100%; min-height:auto; padding:30px 0; border:none; }
  .careers-training .training-cont2 .process-box .plist dl:not(:last-child){ border-right:1px solid #e3e3e3 }
  .careers-training .training-cont2 .process-box .plist dl dd li { width:100%; }
  .careers-training .training-cont2 .process-box .plist dl dd li:not(:last-child) { margin-bottom:50px; }
  .careers-training .training-cont2 .process-box .plist dl dd li:before { left:50%; top:-32px; transform:translate(-50%, 0) rotate(90deg); }
}
@media screen and (max-width:640px){
  .careers-training .training-cont1 { padding:50px 0 80px }
  .careers-training .training-cont1 .listbox > ul { gap:10px 10px; }
  .careers-training .training-cont1 .listbox > ul > li { width:calc((100% - 10px) / 2); }
  .careers-training .training-cont1 .listbox > ul > li dt { padding:15px 0; }
  .careers-training .training-cont1 .listbox > ul > li dd { padding:12px 10px; min-height:130px; }
  .careers-training .training-cont1 .edu_table { margin-top:80px; }
  .careers-training .training-cont1 .edu_table table { margin-top:50px; }
  .careers-training .training-cont1 .edu_table thead th { font-size:17px; height:60px; }
  .careers-training .training-cont1 .edu_table tbody th { font-size:16px; height:50px; }
  .careers-training .training-cont1 .edu_table tbody td { font-size:15px; padding:20px 10px; }
  .careers-training .training-cont1 .edu_table tbody td br { display:none }
  .careers-training .training-cont2 { padding:80px 0 150px }
  .careers-training .training-cont2 .process-box { margin-top:50px; }
  .careers-training .training-cont2 .process-box > dl > dt { width:100px; font-size:15px; }
  .careers-training .training-cont2 .process-box > dl > dd { width:calc(100% - 100px); min-height:70px; font-size:15px; padding:20px; }
}

/* animation */
.careers-training .subTopTitle { opacity:0; }
.careers-training .subTopTitle.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.careers-training .training-cont1 .listbox,
.careers-training .training-cont1 .listbox > ul > li { opacity:0; }
.careers-training .training-cont1 .listbox.subOn  { animation:bgs3 0.5s 0.4s; animation-fill-mode:both; }
.careers-training .training-cont1 .listbox > ul > li.subOn:nth-child(1) { animation:ani_2 0.5s 0.6s; animation-fill-mode:both; }
.careers-training .training-cont1 .listbox > ul > li.subOn:nth-child(2) { animation:ani_1 0.5s 0.8s; animation-fill-mode:both; }
.careers-training .training-cont1 .listbox > ul > li.subOn:nth-child(3) { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.careers-training .training-cont1 .edu_table table { opacity:0; }
.careers-training .training-cont1 .edu_table table.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.careers-training .training-cont2 .process-box { opacity:0; }
.careers-training .training-cont2 .process-box.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }





.careers-welfare .listbox { margin-top:100px; }
.careers-welfare .listbox > ul { display:flex; flex-wrap:wrap; gap:50px 45px; }
.careers-welfare .listbox > ul > li { position:relative; width:calc((100% - 135px) / 4); }
.careers-welfare .listbox > ul > li:before { content:""; display:block; padding-bottom:79.5%; }
.careers-welfare .listbox > ul > li .box { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#f6f6f6; padding:40px 20px 0 40px; }
.careers-welfare .listbox > ul > li .box dt { color:#000; font-weight:700; font-size:30px; line-height:1.4; }
.careers-welfare .listbox > ul > li .box dd { padding-top:15px; color:#333; font-weight:300; font-size:17px; line-height:1.4; }
.careers-welfare .listbox > ul > li .box .icon { position:absolute; bottom:40px; right:40px }
@media screen and (max-width:1400px){
  .careers-welfare .listbox > ul { gap:45px 30px; }
  .careers-welfare .listbox > ul > li { width:calc((100% - 90px) / 4); }
}
@media screen and (max-width:1280px){
  .careers-welfare .listbox > ul > li { width:calc((100% - 60px) / 3); }
  .careers-welfare .listbox > ul > li .box { padding:30px 20px 0 30px; }
  .careers-welfare .listbox > ul > li .box dt { font-size:26px; }
  .careers-welfare .listbox > ul > li .box .icon { bottom:30px; right:30px }
}
@media screen and (max-width:1024px){
  .careers-welfare .listbox { margin-top:80px; }
  .careers-welfare .listbox > ul { gap:35px 25px; }
  .careers-welfare .listbox > ul > li { width:calc((100% - 50px) / 3); }
  .careers-welfare .listbox > ul > li .box { padding:20px 20px 0 20px; }
  .careers-welfare .listbox > ul > li .box dt { font-size:22px; }
  .careers-welfare .listbox > ul > li .box dd { padding-top:13px; font-size:16px; }
  .careers-welfare .listbox > ul > li .box .icon { bottom:20px; right:20px }
}
@media screen and (max-width:860px){
  .careers-welfare .listbox > ul > li { width:calc((100% - 25px) / 2); }
}
@media screen and (max-width:640px){
  .careers-welfare .listbox { margin-top:60px; }
  .careers-welfare .listbox > ul { gap:15px 10px; }
  .careers-welfare .listbox > ul > li { width:calc((100% - 10px) / 2); }
  .careers-welfare .listbox > ul > li .box { padding:15px 10px 0 15px; }
  .careers-welfare .listbox > ul > li .box dt { font-size:18px; }
  .careers-welfare .listbox > ul > li .box dd { padding-top:8px; font-size:15px; }
  .careers-welfare .listbox > ul > li .box dt br,
  .careers-welfare .listbox > ul > li .box dd br { display:none }
  .careers-welfare .listbox > ul > li .box .icon { bottom:15px; right:15px }
  .careers-welfare .listbox > ul > li .box .icon img { width:35px; }
}
/* animation */
.careers-welfare .subTopTitle { opacity:0; }
.careers-welfare .subTopTitle.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.careers-welfare .listbox > ul > li { opacity:0; }
.careers-welfare .listbox > ul > li.subOn:nth-child(4n-3) { animation:ani_2 0.5s 0.2s; animation-fill-mode:both; }
.careers-welfare .listbox > ul > li.subOn:nth-child(4n-2) { animation:ani_2 0.5s 0.4s; animation-fill-mode:both; }
.careers-welfare .listbox > ul > li.subOn:nth-child(4n-1) { animation:ani_2 0.5s 0.6s; animation-fill-mode:both; }
.careers-welfare .listbox > ul > li.subOn:nth-child(4n) { animation:ani_2 0.5s 0.8s; animation-fill-mode:both; }
@media screen and (max-width:1280px){
  .careers-welfare .listbox > ul > li.subOn:nth-child(3n-2) { animation:ani_2 0.5s 0.2s; animation-fill-mode:both; }
  .careers-welfare .listbox > ul > li.subOn:nth-child(3n-1) { animation:ani_2 0.5s 0.4s; animation-fill-mode:both; }
  .careers-welfare .listbox > ul > li.subOn:nth-child(3n) { animation:ani_2 0.5s 0.6s; animation-fill-mode:both; }
}
@media screen and (max-width:860px){
  .careers-welfare .listbox > ul > li.subOn:nth-child(2n-1) { animation:ani_2 0.5s 0.2s; animation-fill-mode:both; }
  .careers-welfare .listbox > ul > li.subOn:nth-child(2n) { animation:ani_2 0.5s 0.4s; animation-fill-mode:both; }
}

.contact-box { margin-top:145px; }
.contact-box > div { display:flex; flex-wrap:wrap; }
.contact-box .tab-submenu { position:sticky; top:100px; width:215px; height:200px; }
.contact-box .tab-submenu.tab-m1 { display:none; }
.contact-box .tab-submenu li:first-child { border-top:1px solid #e2e2e2; }
.contact-box .tab-submenu li a { position:relative; padding-left:15px; height:97px; border-bottom:1px solid #e2e2e2; display:flex; align-items:center; color:#999; font-size:18px; font-weight:300; line-height:1.6; letter-spacing:-0.02em; }
.contact-box .tab-submenu li.on a { color:#003668; font-size:20px; font-weight:700; }
.contact-box .tab-submenu li a:after { content:""; display:block;  opacity:0; position:absolute; right:20px; top:50%; transform:translateY(-50%); background:url(/img/sub/icon_arr1.png) no-repeat center; width:22px; height:14px; transition:all 0.3s ease-in-out; }
.contact-box .tab-submenu li.on a:after { opacity:1; right:7px;  }
.contact-box .business-box { width:calc(100% - 215px); padding-left:125px; overflow:hidden;}
.contact-box .business-box > div:not(:last-child) { margin-bottom:130px; }
.contact-box .business-box .contBox dt { color:#111; font-size:30px; font-weight:700; line-height:1.2 }
.contact-box .business-box .contBox dd { padding-top:25px;}
.contact-box .business-box .contBox dd ul { display:flex; flex-wrap:wrap; gap:10px 38px}
.contact-box .business-box .contBox dd li strong { color:#003668; font-weight:600; font-size:17px; display:inline-block; margin-right:14px; }
.contact-box .business-box .contBox dd li.list > strong { margin-right:20px; min-width:198px; }
.contact-box .business-box .contBox dd li.list { display:flex; flex-wrap:wrap; gap:10px 0; width:100%; }
.contact-box .business-box .contBox dd li.list ul { margin-right:25px; gap:10px 30px }
.contact-box .business-box .contBox dd li.list li strong { color:#111; }
.contact-box .business-box .contBox dd li { color:#333; font-weight:300; font-size:17px; line-height:1.4; font-family:'Pretendard'; }
.contact-box .business-box .contBox .map-box { margin-top:55px; border-bottom:1px solid #dad8d1; }
.contact-box .business-box .contBox .map-box.en { border-bottom:none }
.contact-box .business-box .contBox .map-box,
.contact-box .business-box .contBox .map-box > div,
.contact-box .business-box .contBox .wrap_map  { width:100% !important; }
.contact-box .business-box .contBox .map-box.en iframe { height:500px; width:100%; }
@media screen and (max-width:1280px){
  .contact-box .tab-submenu { width:200px; }
  .contact-box .business-box { width:calc(100% - 200px); padding-left:80px; }
  .contact-box .business-box .contBox .map-box,
  .contact-box .business-box .contBox .map-box > div,
  .contact-box .business-box .contBox .wrap_map { height:420px !important; padding-bottom:1px; }
  .contact-box .business-box .contBox .map-box.en iframe { height:420px }
}
@media screen and (max-width:1024px){
  .contact-box { margin-top:100px; }
  .contact-box .tab-submenu li a { padding-left:13px; height:90px; font-size:17px; }
  .contact-box .tab-submenu li.on a { font-size:19px; }
  .contact-box .business-box > div:not(:last-child) { margin-bottom:100px; }
  .contact-box .business-box .contBox dt { font-size:26px; }
  .contact-box .business-box .contBox dd { padding-top:20px;}
  .contact-box .business-box .contBox dd ul { gap:10px 30px}
  .contact-box .business-box .contBox dd li strong { font-size:16px; margin-right:12px; }
  .contact-box .business-box .contBox dd li { font-size:16px; }
  .contact-box .business-box .contBox .map-box { margin-top:40px; }
}
@media screen and (max-width:960px){
  .contact-box .tab-submenu { width:100% !important; position:relative; top:0; height:auto; }
  .contact-box .tab-submenu.tab-m1 { display:block; margin-bottom:30px; }
  .contact-box .tab-submenu ul { display:flex; gap:0 20px;}
  .contact-box .tab-submenu li { width:calc((100% - 20px) / 2); border-top:1px solid #e2e2e2; }
  .contact-box .tab-submenu li a { padding-left:13px; height:90px; font-size:16px; }
  .contact-box .tab-submenu li.on a { font-size:18px; }
  .contact-box .tab-submenu li a br { display:none }
  .contact-box .business-box > div:not(:last-child) { margin-bottom:80px; }
  .contact-box .business-box { width:100% !important; padding:30px 0 0 !important;}
  .contact-box .business-box .contBox dt { font-size:26px; }
  .contact-box .business-box .contBox dd { padding-top:20px;}
  .contact-box .business-box .contBox dd ul { gap:10px 30px}
  .contact-box .business-box .contBox dd li strong { font-size:16px; margin-right:12px; }
  .contact-box .business-box .contBox dd li.list > strong { min-width:auto; }
  .contact-box .business-box .contBox dd li { font-size:16px; }
  .contact-box .business-box .contBox .map-box { margin-top:40px; }
  .contact-box .business-box .contBox .map-box,
  .contact-box .business-box .contBox .map-box > div,
  .contact-box .business-box .contBox .wrap_map { height:360px !important; }
  .contact-box .business-box .contBox .map-box.en iframe { height:360px }
}
@media screen and (max-width:640px){
  .contact-box { margin-top:80px; }
  .contact-box { padding-bottom:70px; }
  .contact-box .tab-submenu li.on a:after { right:0; background-size:18px auto; }
  .contact-box .business-box > div:not(:last-child) { margin-bottom:80px; }
  .contact-box .business-box .contBox dt { font-size:22px; }
  .contact-box .business-box .contBox dd { padding-top:15px;}
  .contact-box .business-box .contBox dd ul { gap:8px 25px}
  .contact-box .business-box .contBox dd li strong { font-size:15px; margin-right:12px; }
  .contact-box .business-box .contBox dd li { font-size:15px; margin-bottom:5px;}
  .contact-box .business-box .contBox .map-box { margin-top:30px; }
  .contact-box .business-box .contBox .map-box,
  .contact-box .business-box .contBox .map-box > div,
  .contact-box .business-box .contBox .wrap_map { height:300px !important; }
  .contact-box .business-box .contBox .map-box.en iframe { height:300px }
}
@media screen and (max-width:540px){
   .contact-box .tab-submenu li.on a { font-size:15px; }
  .contact-box .tab-submenu li a { padding-left:10px; padding-right:20px; font-size:15px; }
  .contact-box .business-box .contBox dd li strong { display:block; margin-bottom:3px; }
}

/* animation */
.contact-box .business-box .contBox dt,
.contact-box .business-box .contBox dd,
.contact-box .business-box .contBox .map-box { opacity:0; }
.contact-box .business-box .contBox.subOn dt { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
.contact-box .business-box .contBox.subOn dd { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
.contact-box .business-box .contBox.subOn .map-box { animation:ani_3 0.5s 0.7s; animation-fill-mode:both; }


.result_box .top { margin-top:50px; text-align:center; font-weight:700; color:#222; font-size:24px; }
.result_box .top span { color:#01488a; font-weight:700; }
.result_box .listbox { margin-top:90px; }
.result_box .listbox dl:not(:last-child) { margin-bottom:110px; }
.result_box .listbox dt { font-weight:700; color:#222; font-size:30px; }
.result_box .listbox dt .stxt { font-weight:700; color:#01488a; font-size:18px; }
.result_box .listbox dd { padding-top:10px; }
.result_box .listbox dd ul { border-top:1px solid #01488a; }
.result_box .listbox dd li { position:relative; border-bottom:1px solid #e5e5e5; padding:25px 115px 25px 22px; color:#222; font-weight:300; font-size:18px; }
.result_box .listbox dd li a { color:#222; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.result_box .listbox dd li .date { position:absolute; right:28px; top:50%; transform:translateY(-50%);color:#444; font-weight:400; font-size:15px; }
@media screen and (max-width:1024px){
  .result_box .top { margin-top:40px; font-size:20px; }
  .result_box .listbox { margin-top:70px; }
  .result_box .listbox dl:not(:last-child) { margin-bottom:80px; }
  .result_box .listbox dt { font-size:24px; }
  .result_box .listbox dt .stxt { font-size:17px; }
  .result_box .listbox dd { padding-top:8px; }
  .result_box .listbox dd li { padding:20px 115px 20px 20px; font-size:17px; }
  .result_box .listbox dd li .date { right:20px; }
}
@media screen and (max-width:640px){
  .result_box .top { margin-top:30px; font-size:18px; }
  .result_box .listbox { margin-top:50px; }
  .result_box .listbox dl:not(:last-child) { margin-bottom:60px; }
  .result_box .listbox dt { font-size:20px; }
  .result_box .listbox dt .stxt { font-size:16px; }
  .result_box .listbox dd { padding-top:8px; }
  .result_box .listbox dd li { padding:15px 110px 15px 10px; font-size:16px; }
  .result_box .listbox dd li .date { right:10px; font-size:14px; }
}

.ntb-tb-view .content-area * { font-family:initial; }

/* 24.10.23 */
.subTabmenu > ul { margin-top:65px; display:flex; align-items:center; justify-content:center; text-align:center; padding:0 10px; }
.subTabmenu > ul > li:not(:last-child) { margin-right:10px; }
.subTabmenu > ul > li a { word-break:keep-all; color:#999; font-size:18px; font-weight:500; line-height:1.3; width:240px; height:60px; display:flex; align-items:center; justify-content:center; border-radius:60px; border:1px solid #d6d6d6; background:#fff; }
.subTabmenu > ul > li.on a { color:#fff; background:#01488a; border:1px solid #01488a; }


.company-technology-n { overflow:hidden }
.company-technology-n .listbox { display:flex; }
.company-technology-n .listbox > div { width:50%; height:576px; display:flex; align-items:center; justify-content:center; }
.company-technology-n .listbox .subTopTitle { text-align:left; }
.company-technology-n .listbox .imgbox { padding:0 20px; margin-right:54px; border:1px solid #e5e5e5; background-color:#fff;  }
.company-technology-n .listbox .imgbox img { max-width:100%; }
.company-technology-n .listbox .txtbox { padding-left:26px; padding-top:18px; }
.company-technology-n .listbox .txtbox .subTopTitle h3 { margin-bottom:60px; }
.company-technology-n .listbox .txtbox > dl > dd { padding-top:10px; }
.company-technology-n .listbox .txtbox > dl > dd p { margin-top:30px; font-size:17px; color:#333; font-weight:300; line-height:1.8; font-family:'Pretendard'; letter-spacing:-0.03em }
.company-technology-n .listbox .txtbox .slist { margin-top:55px; }
.company-technology-n .listbox .txtbox .slist ul { display:flex; flex-wrap:wrap; justify-content:center; }
.company-technology-n .listbox .txtbox .slist li { width:33.33%; padding:0 20px; text-align:center; }
.company-technology-n .listbox .txtbox .slist li:not(:last-child) { border-right:1px solid #e2e2e2; }
.company-technology-n .listbox .txtbox .slist li .icon { height:56px; display:flex; align-items:center; justify-content:center; }
.company-technology-n .listbox .txtbox .slist li dt { padding-top:15px; font-size:17px; color:#111; font-weight:700; }
.company-technology-n .listbox .txtbox .slist li dd { padding-top:15px; font-size:17px; color:#333; font-weight:300; line-height:1.6; font-family:'Pretendard'; }
.company-technology-n .bg { background-color:#f8f8f8; padding:200px 0; }
@media screen and (max-width:1440px){
	.company-technology-n .listbox .imgbox { width:42%; }
	.company-technology-n .listbox .txtbox { width:58%; }
	.company-technology-n .listbox .txtbox { padding-left:15px; }
	.company-technology-n .listbox .txtbox > dl > dd p br,
	.company-technology-n .listbox .txtbox .slist li dd br { display:none }
}
@media screen and (max-width:1280px){
	.company-technology-n .listbox > div { height:500px; }
	.company-technology-n .listbox .txtbox .subTopTitle h3 { margin-bottom:50px; }
	.company-technology-n .listbox .txtbox > dl > dd p { margin-top:25px; font-size:16px; }
	.company-technology-n .listbox .txtbox .slist { margin-top:45px; }
	.company-technology-n .listbox .txtbox .slist li dt { font-size:16px; }
	.company-technology-n .listbox .txtbox .slist li dd { font-size:16px; }
}
@media screen and (max-width:1024px){
	.company-technology-n .listbox,
	.company-technology-n .bg .listbox { flex-wrap:wrap; flex-direction:column-reverse; }
	.company-technology-n .listbox .txtbox .subTopTitle h3 { margin-bottom:30px; }
	.company-technology-n .listbox > div,
	.company-technology-n .listbox .imgbox,
	.company-technology-n .listbox .txtbox { width:100%; height:auto; }
	.company-technology-n .listbox .imgbox,
	.company-technology-n .bg .listbox .imgbox { margin:0; margin-top:40px; }
	.company-technology-n .listbox .txtbox .slist ul { display:block; flex-wrap:wrap; }
	.company-technology-n .listbox .txtbox .slist li { position:relative; padding:0; padding-left:78px; width:100%; text-align:left; border:none; margin-top:25px; }
	.company-technology-n .listbox .txtbox .slist li:not(:last-child) { padding-bottom:25px; border:none; border-bottom:1px solid #e2e2e2; }
	.company-technology-n .listbox .txtbox .slist li .icon { position:absolute; left:0; top:0; justify-content: flex-start; height:56px; }
	.company-technology-n .listbox .txtbox .slist li dt { padding-top:2px; }
	.company-technology-n .listbox .txtbox .slist li dd br { display:none }
	.company-technology-n .bg { padding:100px 0; }
}
@media screen and (max-width:640px){
	.company-technology-n .listbox .txtbox .subTopTitle h3 { margin-bottom:20px; }
	.company-technology-n .bg { padding:80px 0; }
}
/* animation */
.company-technology-n .listbox > div { opacity:0; }
.company-technology-n .listbox.subOn .imgbox { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
.company-technology-n .listbox.subOn .txtbox { animation:ani_1 0.5s 0.5s; animation-fill-mode:both; }



.company-technology-n .techCont * { font-family:Pretendard; word-break:keep-all }
.company-technology-n .techCont { margin-top:200px; }
.company-technology-n .technology_top { margin-top:165px; text-align:center }
.company-technology-n .technology_top .txtbox { margin-top:60px; }
.company-technology-n .technology_top .txtbox p:not(:last-child) { margin-bottom:20px; }
.company-technology-n .technology_top .txtbox p { color:#333; font-size:17px; font-weight:300; line-height:1.7; }
.company-technology-n .txt_list > dl { display:flex; flex-wrap:wrap; }
.company-technology-n .txt_list > dl > dt { width:385px; color:#111; font-size:30px; font-weight:600; line-height:1.3; }
.company-technology-n .txt_list > dl > dd { width:calc(100% - 385px); color:#333; font-size:17px; font-weight:300; line-height:1.7;}
.company-technology-n .txt_list > dl > dd strong { font-weight:600; }
.company-technology-n .txt_list > dl > dd > p:not(:last-child) { margin-bottom:20px; }
.company-technology-n .txt_list.txt_list-1 > dl > dd > p:not(:last-child) { margin-bottom:40px; }
.company-technology-n .txt_list > dl > dd .list-1:not(:last-child) { margin-bottom:40px; }
.company-technology-n .txt_list > dl > dd .list-1 li:not(:last-child) { margin-bottom:10px; }
.company-technology-n .txt_list > dl > dd .s-list { margin-top:40px; }
.company-technology-n .txt_list > dl > dd .s-list dt { color:#000; font-size:17px; font-weight:600; line-height:1.3; }
.company-technology-n .txt_list > dl > dd .s-list dd { margin-top:15px; }
.company-technology-n .txt_list > dl > dd .s-list dd ul li:not(:last-child) { margin-bottom:7px; }
.company-technology-n .txt_list > dl > dd .s-list dd ul li { position:relative; padding-left:16px; color:#333; font-size:17px; font-weight:300; line-height:1.3; }
.company-technology-n .txt_list > dl > dd .s-list dd ul li:before { content:""; display:block; position:absolute; left:0; top:11px; width:3px; height:3px; background:#333; border-radius:3px; }

.company-technology-n .data_table { width :100%}
.company-technology-n .data_table thead th { text-align:center; height:60px; color:#fff; font-size:17px; font-weight:700; line-height:1.3; border-right:1px solid rgba(255, 255, 255, 0.20); background:var(--main-color); }
.company-technology-n .data_table thead th:last-child { border-right:none }
.company-technology-n .data_table tbody td { text-align:center; height:60px; color:#333; font-size:17px; font-weight:300; line-height:1.3; border:1px solid #dcdcdc; border-width:0 1px 1px 0; background:#F8F8F8; }
.company-technology-n .data_table tbody td:last-child { border-right:none }

.company-technology-n .techCont-1 .txt_list { margin-top:125px; }
.company-technology-n .techCont-1 .imgbox { margin-top:70px; background:#f8f8f8; padding:115px 20px 80px; }
.company-technology-n .techCont-1 .imgbox .diagram { margin:0 auto; max-width:1080px; }
.company-technology-n .techCont-1 .imgbox .d-box { position:relative; }
.company-technology-n .techCont-1 .imgbox .line-box { display:flex; text-align:center; }
.company-technology-n .techCont-1 .imgbox .diagram .box-1 { width:22%; }
.company-technology-n .techCont-1 .imgbox .diagram .box-3 { width:33%; }
.company-technology-n .techCont-1 .imgbox .diagram .box-2 { width:calc(100% - 22% - 33%); }
.company-technology-n .techCont-1 .imgbox .diagram .line-1 > div { position:relative; height:120px; background:#eee; display:flex; justify-content:center; align-items:center; flex-direction:column; }
.company-technology-n .techCont-1 .imgbox .diagram .line-1 > .box-2 { z-index:1; height:130px; margin-top:-5px; background:var(--main-color); box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.25); }
.company-technology-n .techCont-1 .imgbox .diagram .line-1 .stxt { font-family: Montserrat; color:#bbb; font-size:24px; font-weight:600; line-height:1.3; }
.company-technology-n .techCont-1 .imgbox .diagram .line-1 .sbox { margin-top:10px; padding:0 20px; height:29px; background:#fff; border-radius:29px; display:flex; justify-content:center; align-items:center; color:#999; font-size:15px; font-weight:500; line-height:1.3; }
.company-technology-n .techCont-1 .imgbox .diagram .line-1 > .box-2 .stxt { color:#fff; }
.company-technology-n .techCont-1 .imgbox .diagram .line-2 { position:relative; margin-top:10px; }
.company-technology-n .techCont-1 .imgbox .diagram .line-2 .line { margin-left:-30px; width:calc(100% + 60px); height:1px; background:linear-gradient(90deg, #F8F8F8 0%, #BBB 2.11%, #BBB 51.5%, #BBB 98.13%, #F8F8F8 100%); }
.company-technology-n .techCont-1 .imgbox .diagram .line-2 .info { position:absolute; left:-83px; top:8px; font-family: Montserrat; color:#999; font-size:17px; font-weight:500; line-height:1.3; }
.company-technology-n .techCont-1 .imgbox .diagram .line-2 .num > div { position:absolute; top:8px; font-family: Montserrat; color:#999; font-size:17px; font-weight:500; line-height:1.3; }
.company-technology-n .techCont-1 .imgbox .diagram .line-2 .num > div:before { content:""; display:block; position:absolute; left:50%; top:-11px; width:1px; height:7px; background:#bbb; }
.company-technology-n .techCont-1 .imgbox .diagram .line-2 .num > .n1 { left:0; margin-left:-3px; }
.company-technology-n .techCont-1 .imgbox .diagram .line-2 .num > .n2 { left:22%; margin-left:-4px; }
.company-technology-n .techCont-1 .imgbox .diagram .line-2 .num > .n3 { right:33%;  margin-left:0; margin-right:-9px; }
.company-technology-n .techCont-1 .imgbox .diagram .line-2 .num > .n4 { right:0;  margin-left:0; margin-right:-9px; }
.company-technology-n .techCont-1 .imgbox .diagram .line-3 { margin-top:48px; }
.company-technology-n .techCont-1 .imgbox .diagram .line-3 > div { position:relative; }
.company-technology-n .techCont-1 .imgbox .diagram .line-3 > .box-2 { z-index:1; margin-top:-7px; }
.company-technology-n .techCont-1 .imgbox .diagram .line-3 > .box-2:before { content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:44px; height:44px; background:url(/img/sub/diagram_p.svg) center no-repeat; }
.company-technology-n .techCont-1 .imgbox .diagram .line-3 .box_b { color:#555; margin-top:1px; font-size:20px; font-weight:300; line-height:1.3; height:80px; background:#eee; gap:0 10px; display:flex; justify-content:center; align-items:center; background:#fff; }
.company-technology-n .techCont-1 .imgbox .diagram .line-3 > .box-2 .box_b { margin-top:-2px; border:2px solid var(--main-color); font-size:22px; font-weight:600; height:92px; box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.25); background:linear-gradient(135deg, #FFF 11.5%, #BAD1E5 125.36%); gap:0 10px; display:flex; justify-content:center; align-items:center; }
.company-technology-n .techCont-1 .imgbox .txt_b { margin-top:18px; display:flex; justify-content:flex-end; text-align:right; color:#555; font-size:15px; font-weight:300; line-height:1.3; }

.company-technology-n .techCont-2 .graph-box { max-width:1360px; margin:0 auto }
.company-technology-n .techCont-2 .graph-box .txt_t { margin-top:80px; display:flex; justify-content:flex-end; }
.company-technology-n .techCont-2 .graph-box .txt_t > ul { display:flex; }
.company-technology-n .techCont-2 .graph-box .txt_t > ul > li { font-family: Montserrat; color:#999; font-size:17px; font-weight:500; line-height:1.3; }
.company-technology-n .techCont-2 .graph-box .txt_t > ul > li:not(:last-child) { margin-right:20px; }
.company-technology-n .techCont-2 .graph-box .diagram { position:relative; margin-top:70px; min-height:190px; }
.company-technology-n .techCont-2 .graph-box .diagram * {word-break:keep-all !important;}
.company-technology-n .techCont-2 .graph-box .diagram .d-box { position:relative; }
.company-technology-n .techCont-2 .graph-box .diagram .d-box:before { content:""; display:block; position:absolute; right:0; top:-4px; width:5px; height:7px; background:url(/img/sub/diagram_arr.png) center no-repeat; }
.company-technology-n .techCont-2 .graph-box .line { width:100%; height:1px; background: linear-gradient(90deg, #F8F8F8 0%, #BBB 2.11%, #BBB 51.5%, #BBB 98.13%, #BBB 100%); }
.company-technology-n .techCont-2 .graph-box .txtbox > div,
.company-technology-n .techCont-2 .graph-box .imgbox > div { position:absolute; }
.company-technology-n .techCont-2 .graph-box .txtbox > div { top:-35px; }
.company-technology-n .techCont-2 .graph-box .txtbox > div:before { content:""; display:block; position:absolute; left:50%; top:32px; width:1px; height:7px; background:#bbb; }
.company-technology-n .techCont-2 .graph-box .txtbox .txt { position:absolute; left:50%; transform:translateX(-50%); color:#555; font-size:17px; font-weight:500; line-height:1.3; }
.company-technology-n .techCont-2 .graph-box .imgbox .i-box { position:absolute; left:50%; top:19px; transform:translateX(-50%); }
.company-technology-n .techCont-2 .graph-box .imgbox .i-box .sbox { padding:8px 10px 10px; border:1px solid #e5e5e5; background:#fff; text-align:center; }
.company-technology-n .techCont-2 .graph-box .imgbox .i-box .sbox span { display:block; margin-top:10px; color:#333; font-size:15px; font-weight:500; line-height:1.3; }
.company-technology-n .techCont-2 .graph-box .imgbox .i-box .sbox:not(:last-child) { margin-bottom:5px; }
.company-technology-n .techCont-2 .graph-box .p1 { left:16%; }
.company-technology-n .techCont-2 .graph-box .p2 { left:29%; }
.company-technology-n .techCont-2 .graph-box .p3 { left:39%; }
.company-technology-n .techCont-2 .graph-box .p4 { left:67%; }
.company-technology-n .techCont-2 .graph-box .p5 { left:83%; }
.company-technology-n .techCont-2 .data_table { margin-top:80px; }
.company-technology-n .techCont-2 .boxCont-1 { margin-top:160px; }
.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 { margin-top:80px; }
.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 > ul { display:flex; gap:30px; }
.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 > ul > li { display:flex; gap:30px; }
.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 > ul > li:nth-child(1) { width:calc(46.55% - 15px); }
.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 > ul > li:nth-child(2) { width:calc(100% - 46.55% - 15px); }
.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 > ul > li img { max-width:100%; }
.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 > ul > li .sbox { display:flex; gap:30px; }
.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 > ul > li .sbox:nth-child(1) { width:calc(47% - 15px); }
.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 > ul > li .sbox:nth-child(2) { width:calc(100% - 47% - 15px); }
.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 > ul > li .sbox-s { width:calc((100% - 30px) / 2); }
.company-technology-n .techCont-2 .boxCont-1 .imgbox-2 { margin-top:80px; padding:60px 20px; background:#fff }
.company-technology-n .techCont-2 .boxCont-1 .imgbox-2 .top-img { display:flex; align-items:center; justify-content:center; gap:45px; }
.company-technology-n .techCont-2 .boxCont-1 .imgbox-2 .top-img ul li:not(:last-child) { margin-bottom:7px; }
.company-technology-n .techCont-2 .boxCont-1 .imgbox-2 .top-img ul li { position:relative; padding-left:16px; color:#333; font-size:17px; font-weight:300; line-height:1.3; }
.company-technology-n .techCont-2 .boxCont-1 .imgbox-2 .top-img ul li:before { content:""; display:block; position:absolute; left:0; top:11px; width:3px; height:3px; background:#333; border-radius:3px; }
.company-technology-n .techCont-2 .boxCont-1 .imgbox-2 .cont { margin:78px auto 0; max-width:1100px; }
.company-technology-n .techCont-2 .boxCont-1 .imgbox-2 .cont .data_table thead th,
.company-technology-n .techCont-2 .boxCont-1 .imgbox-2 .cont .data_table tbody td { height:50px; }
.company-technology-n .techCont-2 .boxCont-1 .imgbox-2 .cont .chart-box { margin-top:80px; }
.company-technology-n .techCont-2 .boxCont-1 .imgbox-2 .cont .chart-box h5 { margin-bottom:20px; color:#333; font-size:17px; font-weight:700; line-height:1.3; text-align:center; }
.company-technology-n .techCont-2 .boxCont-1 .imgbox-2 .cont .chart-box img { max-width:100%; }
@media screen and (max-width:1440px){
	.company-technology-n .techCont { margin-top:160px; }
	.company-technology-n .technology_top { margin-top:120px; }
	.company-technology-n .technology_top .txtbox { margin-top:50px; }
	.company-technology-n .technology_top .txtbox p:not(:last-child) { margin-bottom:15px; }
	.company-technology-n .txt_list > dl > dt { width:360px; }
	.company-technology-n .txt_list > dl > dd { width:calc(100% - 360px); }
	.company-technology-n .txt_list > dl > dd > p:not(:last-child) { margin-bottom:18px; }
	.company-technology-n .txt_list.txt_list-1 > dl > dd > p:not(:last-child) { margin-bottom:35px; }
	.company-technology-n .txt_list > dl > dd .list-1:not(:last-child) { margin-bottom:35px; }
	.company-technology-n .txt_list > dl > dd .list-1 li:not(:last-child) { margin-bottom:10px; }

	.company-technology-n .techCont-1 .imgbox .diagram { max-width:980px; }

}
@media screen and (max-width:1280px){
	.subTabmenu > ul { margin-top:60px; }
	.subTabmenu > ul > li a { font-size:17px; width:220px; height:65px; }

	.company-technology-n .techCont { margin-top:120px; }
	.company-technology-n .technology_top { margin-top:100px; }
	.company-technology-n .technology_top .txtbox { margin-top:40px; }
	.company-technology-n .technology_top .txtbox p:not(:last-child) { margin-bottom:12px; }
	.company-technology-n .technology_top .txtbox p { font-size:16px; }
	.company-technology-n .technology_top .txtbox p br { display:none } 
	.company-technology-n .technology_top .txtbox p .m_br { display:block } 
	.company-technology-n .txt_list > dl > dt { width:280px; font-size:24px; }
	.company-technology-n .txt_list > dl > dd { width:calc(100% - 280px); font-size:16px; }
	.company-technology-n .txt_list > dl > dd > p:not(:last-child) { margin-bottom:15px; }
	.company-technology-n .txt_list.txt_list-1 > dl > dd > p:not(:last-child) { margin-bottom:30px; }
	.company-technology-n .txt_list > dl > dd .list-1:not(:last-child) { margin-bottom:30px; }
	.company-technology-n .txt_list > dl > dd .list-1 li:not(:last-child) { margin-bottom:8px; }
	.company-technology-n .txt_list > dl > dd .s-list { margin-top:30px; }
	.company-technology-n .txt_list > dl > dd .s-list dt { font-size:16px; }
	.company-technology-n .txt_list > dl > dd .s-list dd { margin-top:12px; }
	.company-technology-n .txt_list > dl > dd .s-list dd ul li:not(:last-child) { margin-bottom:5px; }
	.company-technology-n .txt_list > dl > dd .s-list dd ul li { padding-left:13px; font-size:16px; }
	.company-technology-n .txt_list > dl > dd .s-list dd ul li:before { top:9px; }


	.company-technology-n .data_table thead th,
	.company-technology-n .data_table tbody td { height:65px; font-size:16px; }

	.company-technology-n .techCont-1 .txt_list { margin-top:110px; }
	.company-technology-n .techCont-1 .imgbox { margin-top:60px; padding:105px 20px 70px; }
	.company-technology-n .techCont-1 .imgbox .diagram { max-width:800px; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-1 > div { height:100px; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-1 > .box-2 { height:110px; margin-top:-5px; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-1 .stxt { font-size:21px; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-1 .sbox { margin-top:7px; height:25px; font-size:14px; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-2 .info { font-size:16px; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-2 .num > div { font-size:16px; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-3 > .box-2:before { width:40px; height:40px; background-size:40px auto; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-3 .box_b { margin-top:1px; font-size:18px; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-3 > .box-2 .box_b { font-size:20px; }
	.company-technology-n .techCont-1 .imgbox .txt_b { font-size:14px; }

	.company-technology-n .techCont-2 .graph-box .txt_t { margin-top:70px; }
	.company-technology-n .techCont-2 .graph-box .txt_t > ul > li { font-size:16px; }
	.company-technology-n .techCont-2 .graph-box .diagram { margin-top:60px; min-height:190px; }
	.company-technology-n .techCont-2 .graph-box .diagram .d-box:before { top:-3px; width:5px; height:7px; }
	.company-technology-n .techCont-2 .graph-box .txtbox > div { top:-35px; }
	.company-technology-n .techCont-2 .graph-box .txtbox > div:before { top:32px; height:7px; }
	.company-technology-n .techCont-2 .graph-box .txtbox .txt { font-size:16px; }
	.company-technology-n .techCont-2 .graph-box .imgbox .i-box { top:19px; }
	.company-technology-n .techCont-2 .graph-box .imgbox .i-box .sbox { padding:8px 6px 10px; }
	.company-technology-n .techCont-2 .graph-box .imgbox .i-box .sbox span { margin-top:10px; font-size:15px; }
	.company-technology-n .techCont-2 .graph-box .imgbox .i-box .sbox:not(:last-child) { margin-bottom:5px; }
	.company-technology-n .techCont-2 .data_table { margin-top:80px; }
	.company-technology-n .techCont-2 .boxCont-1 { margin-top:120px; }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 { margin-top:70px; }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 > ul { gap:20px; }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 > ul > li { gap:20px; }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 > ul > li:nth-child(1) { width:calc(46.55% - 10px); }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 > ul > li:nth-child(2) { width:calc(100% - 46.55% - 10px); }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 > ul > li .sbox { gap:20px; }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 > ul > li .sbox:nth-child(1) { width:calc(47% - 10px); }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 > ul > li .sbox:nth-child(2) { width:calc(100% - 47% - 10px); }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 > ul > li .sbox-s { width:calc((100% - 10px) / 2); }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-2 { margin-top:70px; }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-2 .top-img ul li { padding-left:15px; font-size:16px; }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-2 .top-img ul li:before { top:10px; }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-2 .cont { margin:70px auto 0; }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-2 .cont .data_table thead th,
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-2 .cont .data_table tbody td { height:46px; }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-2 .cont .chart-box { margin-top:70px; }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-2 .cont .chart-box h5 { margin-bottom:15px; font-size:16px; }
}
@media screen and (max-width:1024px){
	.company-technology-n .techCont { margin-top:100px; }
	.company-technology-n .technology_top { margin-top:80px; }
	.company-technology-n .technology_top .logo img { height:90px; }
	.company-technology-n .txt_list > dl > dt { width:100%; }
	.company-technology-n .txt_list > dl > dt br { display:none }
	.company-technology-n .txt_list > dl > dd { width:100%; margin-top:15px; }
	.company-technology-n .txt_list > dl > dd > p:not(:last-child) { margin-bottom:10px; }
	.company-technology-n .txt_list.txt_list-1 > dl > dd > p:not(:last-child) { margin-bottom:25px; }
	.company-technology-n .txt_list > dl > dd .list-1:not(:last-child) { margin-bottom:25px; }
	.company-technology-n .txt_list > dl > dd .list-1 li:not(:last-child) { margin-bottom:5px; }

	.company-technology-n .data_table thead th,
	.company-technology-n .data_table tbody td { height:60px; }

	.company-technology-n .techCont-1 .txt_list { margin-top:90px; }
	.company-technology-n .techCont-1 .imgbox { margin-top:40px; padding:80px 20px 50px; }
	.company-technology-n .techCont-1 .imgbox .diagram { padding:0 50px; }
	.company-technology-n .techCont-1 .imgbox .diagram .box-1 { width:25%; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-1 > div { height:80px; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-1 > .box-2 { height:90px; margin-top:-5px; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-1 .stxt { font-size:19px; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-1 .sbox { margin-top:7px; height:25px; font-size:14px; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-2 .info { font-size:15px; left:-60px; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-2 .num > div { font-size:16px; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-2 .num > .n2 { left:25%; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-3 .box_b { margin-top:1px; font-size:18px; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-3 > .box-2 .box_b { font-size:20px; }
	.company-technology-n .techCont-1 .imgbox .txt_b { font-size:14px; }

	.company-technology-n .techCont-2 .graph-box .txt_t { margin-top:50px; }
	.company-technology-n .techCont-2 .graph-box .txt_t > ul > li { font-size:16px; }
	.company-technology-n .techCont-2 .graph-box .diagram { margin-top:60px; min-height:190px; }
	.company-technology-n .techCont-2 .graph-box .diagram .d-box:before { top:-3px; width:5px; height:7px; }
	.company-technology-n .techCont-2 .graph-box .txtbox > div { top:-35px; }
	.company-technology-n .techCont-2 .graph-box .txtbox > div:before { top:32px; height:7px; }
	.company-technology-n .techCont-2 .graph-box .txtbox .txt { font-size:16px; }
	.company-technology-n .techCont-2 .graph-box .imgbox .i-box { top:19px; }
	.company-technology-n .techCont-2 .graph-box .imgbox .i-box .sbox { padding:8px 10px 10px; }
	.company-technology-n .techCont-2 .graph-box .imgbox .i-box .sbox span { margin-top:8px; font-size:14px; }
	.company-technology-n .techCont-2 .graph-box .imgbox .i-box .sbox:not(:last-child) { margin-bottom:5px; }
	.company-technology-n .techCont-2 .graph-box .d-box { margin-top:150px;}
	.company-technology-n .techCont-2 .graph-box .txtbox .p2,
	.company-technology-n .techCont-2 .graph-box .txtbox .p5 { top:15px; }
	.company-technology-n .techCont-2 .graph-box .txtbox .p2:before,
	.company-technology-n .techCont-2 .graph-box .txtbox .p5:before { top:-18px; }
	.company-technology-n .techCont-2 .graph-box .imgbox .i-box { top:42px; }
	.company-technology-n .techCont-2 .graph-box .imgbox .p3,
	.company-technology-n .techCont-2 .graph-box .imgbox .p4 { top:-168px; }
	.company-technology-n .techCont-2 .graph-box .imgbox .i-box .sbox:not(:last-child) { margin-bottom:3px; }
	.company-technology-n .techCont-2 .data_table { margin-top:60px; }
	.company-technology-n .techCont-2 .boxCont-1 { margin-top:90px; }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 { margin-top:50px; }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 > ul { gap:10px; flex-wrap:wrap; }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 > ul > li { gap:10px; }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 > ul > li:nth-child(1),
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 > ul > li:nth-child(2) { width:100%; }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 > ul > li .sbox { gap:10px; }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 > ul > li .sbox:nth-child(1) { width:calc(47% - 5px); }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 > ul > li .sbox:nth-child(2) { width:calc(100% - 47% - 5px); }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-1 > ul > li .sbox-s { width:calc((100% - 5px) / 2); }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-2 { margin-top:50px; }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-2 .top-img { gap:35px; }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-2 .cont { margin:50px auto 0; }
	.company-technology-n .techCont-2 .boxCont-1 .imgbox-2 .cont .chart-box { margin-top:50px; }
}
@media screen and (max-width:960px){
	.company-technology-n .data_table .scroll-box { overflow:auto; } 
	.company-technology-n .data_table .scroll-box table { width:1000px; }
}
@media screen and (max-width:860px){
	.subTabmenu > ul { margin:40px auto 0; flex-wrap:wrap; gap:10px 0; max-width:640px; }
	.subTabmenu > ul > li:not(:last-child) { margin-right:5px; }
	.subTabmenu > ul > li { width:calc((100% - 10px) / 2); }
	.subTabmenu > ul > li a { font-size:16px; width:100%; padding:0 7px; height:55px; }
	.company-technology-n .technology_top .logo img { height:75px; }
	.company-technology-n .techCont-1 .imgbox { padding:40px 10px; }
	.company-technology-n .techCont-1 .imgbox .diagram { display:flex; padding:30px 0 0; }
	.company-technology-n .techCont-1 .imgbox .line-box { display:block; text-align:center; }
	.company-technology-n .techCont-1 .imgbox .diagram .box-1,
	.company-technology-n .techCont-1 .imgbox .diagram .box-3,
	.company-technology-n .techCont-1 .imgbox .diagram .box-2 { width:100%; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-1 { width:40%; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-1 > div { height:140px;}
	.company-technology-n .techCont-1 .imgbox .diagram .line-1 > .box-2 { height:160px; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-1 .stxt { font-size:17px; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-1 .sbox { padding:0 12px; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-2 { margin-top:-20px; width:calc(100% - (40% * 2)); height:calc(435px + 40px); }
	.company-technology-n .techCont-1 .imgbox .diagram .line-2 .line { margin-left:50%; width:1px; height:100%; background:linear-gradient(0deg, #F8F8F8 0%, #BBB 2.11%, #BBB 51.5%, #BBB 98.13%, #F8F8F8 100%); }
	.company-technology-n .techCont-1 .imgbox .diagram .line-2 .info { left:50%; top:-30px; transform:translateX(-50%); }
	.company-technology-n .techCont-1 .imgbox .diagram .line-2 .num > div { font-size:16px; top:unset; left:50%; transform:translate(-50%, 0); text-align:left; width:25px; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-2 .num > div:before { left:-15px; top:50%; transform:translate(0, -50%); width:7px; height:1px; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-2 .num > .n1 { left:50%; margin-left:24px; top:10px; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-2 .num > .n2 { left:50%; margin-left:24px; top:145px; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-2 .num > .n3 { right:unset; margin-left:24px; margin-right:0; top:calc(145px + 158px); }
	.company-technology-n .techCont-1 .imgbox .diagram .line-2 .num > .n4 { right:unset; margin-left:24px; margin-right:0; top:calc(145px + 158px + 140px); }
	.company-technology-n .techCont-1 .imgbox .diagram .line-3 { margin-top:0; width:40%; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-3 > .box-2 { margin-top:-7px; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-3 .box_b { height:68px; font-size:17px; }
	.company-technology-n .techCont-1 .imgbox .diagram .line-3 > .box-2 .box_b { height:84px; font-size:19px; }
}
@media screen and (max-width:640px){
	.company-technology-n .technology_top .logo img { height:65px; }
	.company-technology-n .techCont-2 .graph-box .imgbox .i-box .sbox span { margin-top:5px; font-size:13px; }
}

/* animation */
.company-technology-n .technology_top .logo,
.company-technology-n .technology_top .txtbox { opacity:0; }
.company-technology-n .technology_top.subOn .logo { animation:bgs3 0.5s 0.3s; animation-fill-mode:both; }
.company-technology-n .technology_top.subOn .txtbox { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; }
.company-technology-n .techCont .subTopTitle .tit-1,
.company-technology-n .techCont .subTopTitle .txt { opacity:0; }
.company-technology-n .techCont .subTopTitle.subOn .tit-1 { animation:bgs3 0.5s 0.3s; animation-fill-mode:both; }
.company-technology-n .techCont .subTopTitle.subOn .txt { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.company-technology-n .techCont .txt_list > dl > dt,
.company-technology-n .techCont .txt_list > dl > dd { opacity:0; }
.company-technology-n .techCont .txt_list.subOn > dl > dt { animation:ani_1 0.5s 0.3s; animation-fill-mode:both; }
.company-technology-n .techCont .txt_list.subOn > dl > dd { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
.company-technology-n .techCont-1 .imgbox { opacity:0; }
.company-technology-n .techCont-1 .imgbox.subOn { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; }
.company-technology-n .techCont-2 .graph-box { opacity:0; }
.company-technology-n .techCont-2 .graph-box.subOn { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; }
.company-technology-n .techCont .data_table { opacity:0; }
.company-technology-n .techCont .data_table.subOn { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; }
.company-technology-n .boxCont-1 .imgbox-1 { opacity:0; }
.company-technology-n .boxCont-1 .imgbox-1.subOn { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; }
.company-technology-n .boxCont-1 .top-img .icon,
.company-technology-n .boxCont-1 .top-img ul { opacity:0; }
.company-technology-n .boxCont-1 .top-img.subOn .icon { animation:ani_1 0.5s 0.3s; animation-fill-mode:both; }
.company-technology-n .boxCont-1 .top-img.subOn ul { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
.company-technology-n .boxCont-1 .chart-box { opacity:0; }
.company-technology-n .boxCont-1 .chart-box.subOn { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; }


.company-technology-powder h4.tit_c { color:#111; font-size:30px; font-weight:600; line-height:1.3; text-align:center }

.company-technology-powder .table-box thead th { border-right:1px solid rgba(255, 255, 255, 0.10); color:#fff; font-size:17px; font-weight:700; line-height:1.3; height:50px; background:var(--main-color); }
.company-technology-powder .table-box thead th:forst-child { border-right:none }
.company-technology-powder .table-box tbody th { text-align:center; color:#fff; font-size:17px; font-weight:700; line-height:1.3; height:50px; background:rgba(1, 72, 138, 0.50); border-bottom: 1px solid rgba(255, 255, 255, 0.10); }
.company-technology-powder .table-box tbody td { text-align:center; color:#333; font-size:17px; font-weight:500; line-height:1.3; height:50px; background:#fff; border-right: 1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.company-technology-powder .table-box.table-bottom table { border-top:1px solid #e5e5e5; }

.company-technology-powder .technology_top { text-align:left }
.company-technology-n.company-technology-powder .technology_top .txtbox { margin-top:0; }
.company-technology-powder .txt_list { margin-top:125px; }
.company-technology-powder .powder-1 .imgbox-list { margin-top:80px; padding:85px 112px 82px; background:#fff; display:flex; gap:30px; justify-content:center; align-items:center; text-align:center; }
.company-technology-powder .powder-1 .imgbox-list > div:nth-child(1) { margin-bottom:2% }
.company-technology-powder .powder-1 .imgbox-list .imgbox { min-height:194px; display:flex; align-items:center; }
.company-technology-powder .powder-1 .imgbox-list .txt { margin-top:14px; color:#333; font-size:14px; font-weight:600; line-height:1.3; }
.company-technology-powder .powder-1 .imgbox-list .txt span { font-weight:600; font-size:17px; }
.company-technology-powder .powder-1 .imgbox-list .arr { margin-bottom:2% }
.company-technology-powder .processCont { margin-top:160px; }
.company-technology-powder .processCont .process-list { margin:60px auto 0; width:820px; height:820px; position:relative; background:url(/img/sub/technology_powder_bg.png) center no-repeat; }
.company-technology-powder .processCont .process-list .box { position:absolute; }
.company-technology-powder .processCont .process-list .box dt { color:#fff; font-size:22px; font-weight:700; line-height:1.3; }
.company-technology-powder .processCont .process-list .box dd { margin-top:10px; padding-left:10px; }
.company-technology-powder .processCont .process-list .box dd li:not(:last-child) { margin-bottom:3px; }
.company-technology-powder .processCont .process-list .box dd li { position:relative; padding-left:16px; color:#fff; font-size:16px; font-weight:300; line-height:1.3; }
.company-technology-powder .processCont .process-list .box dd li:before { content:""; display:block; position:absolute; left:0; top:9px; width:3px; height:3px; background:#fff; border-radius:3px; }
.company-technology-powder .processCont .process-list .box .icon { position:absolute; }
.company-technology-powder .processCont .process-list .p1 { left:194px; top:106px; }
.company-technology-powder .processCont .process-list .p2 { left:575px; top:221px; }
.company-technology-powder .processCont .process-list .p3 { left:454px; top:603px; }
.company-technology-powder .processCont .process-list .p4 { left:65px; top:469px; }
.company-technology-powder .processCont .process-list .p1 .icon { left:203px; top:-22px; }
.company-technology-powder .processCont .process-list .p2 .icon { left:76px; top:180px; }
.company-technology-powder .processCont .process-list .p3 .icon { left:-107px; top:66px; }
.company-technology-powder .processCont .process-list .p4 .icon { left:8px; top:-123px; }
.company-technology-powder .roadmap-box { margin-top:160px; }
.company-technology-powder .roadmap-box .map-box { margin-top:60px; }
.company-technology-powder .roadmap-box .table-box > ul { display:flex; }
.company-technology-powder .roadmap-box .table-box > ul > li { margin-left:1px; color:#fff; font-size:17px; font-weight:700; line-height:1.3; height:50px; text-align:center; display:flex; align-items:center; justify-content:center; text-aling:center; border-radius:20px 20px 0px 0; }
.company-technology-powder .roadmap-box .table-box > ul > li:nth-child(1) { width:calc(100% - (16% * 5) + 50px); }
.company-technology-powder .roadmap-box .table-box > ul > li:nth-child(2) { width:16%; background:rgba(1, 72, 138, 0.50); }
.company-technology-powder .roadmap-box .table-box > ul > li:nth-child(3) { width:calc(16% * 3); background:rgba(138, 1, 3, 0.50); }
.company-technology-powder .roadmap-box .table-box > ul > li:nth-child(4) { width:16%; background:rgba(90, 138, 1, 0.50); }
.company-technology-powder .roadmap-box .table-box:not(:last-child) { margin-bottom:10px; }
.company-technology-powder .roadmap-box .table-box .body { display:flex;  }
.company-technology-powder .roadmap-box .table-box .body .left { width:50px; padding:0 10px; display:flex; align-items:center; justify-content:center; text-aling:center; border-radius:20px 0 0px 20px; background:rgba(1, 138, 17, 0.50); }
.company-technology-powder .roadmap-box .table-box .body .left span { transform:rotate(-90deg); white-space:nowrap; color:#fff; font-size:17px; font-weight:700; line-height:1.3; }
.company-technology-powder .roadmap-box .table-box .body table { width:calc(100% - 50px); }
.company-technology-powder .roadmap-box .table-box .body tbody td.bg1 { background:rgba(1, 72, 138, 0.20); }
.company-technology-powder .roadmap-box .table-box .body tbody td.bg2 { background: rgba(138, 1, 3, 0.20); }
.company-technology-powder .roadmap-box .table-box .body tbody td.bg3 { background: rgba(1, 72, 138, 0.20); }
.company-technology-powder .pContBox { margin-top:80px; display:flex; flex-wrap:wrap; gap:20px; }
.company-technology-powder .pContBox h4 { color:#000; font-size:17px; font-weight:600; line-height:1.3; text-align:center }
.company-technology-powder .pContBox .txt_b { margin-top:15px; color:#555; font-size:17px; font-weight:500; line-height:1.3; display:flex; justify-content:flex-end; }
.company-technology-powder .pContBox .p-box { width:calc((100% - 20px) / 2); border:1px solid #e5e5e5; background:#fff; padding:80px 95px; }
.company-technology-powder .pContBox .p-box .imgbox { margin:40px 0 50px; text-align:center }
.company-technology-powder .pContBox .p-box .imgbox img { max-width:100%; }
.company-technology-powder .pContBox .p-box.full { width:100%; }
.company-technology-powder .pContBox .p-box.full .sbox { margin-top:40px; display:flex; align-items:center; gap:0 80px; }
.company-technology-powder .pContBox .p-box.full .sbox .table-box { display:flex; width:calc(100% - 360px);}
.company-technology-powder .pContBox .p-box.full .sbox .table-box table { width:50% }
@media screen and (max-width:1440px){
	.company-technology-powder .txt_list { margin-top:110px; }
	.company-technology-powder .powder-1 .imgbox-list { margin-top:70px; padding:70px 90px 70px; flex-wrap:wrap; }
	.company-technology-powder .processCont { margin-top:140px; }
	.company-technology-powder .processCont .process-list { margin:50px auto 0; }
	.company-technology-powder .roadmap-box { margin-top:140px; }
	.company-technology-powder .roadmap-box .map-box { margin-top:50px; }
	.company-technology-powder .pContBox { margin-top:70px; }
	.company-technology-powder .pContBox .p-box { padding:40px 50px; }
	.company-technology-powder .pContBox .p-box .imgbox { margin:40px 0 50px; }
	.company-technology-powder .pContBox .p-box.full .sbox { margin-top:40px; }
}
@media screen and (max-width:1280px){
	.company-technology-powder h4.tit_c { font-size:24px; }

	.company-technology-powder .table-box thead th,
	.company-technology-powder .table-box tbody th,
	.company-technology-powder .table-box tbody td { font-size:16px; }

	.company-technology-powder .txt_list { margin-top:100px; }
	.company-technology-powder .powder-1 .imgbox-list { margin-top:60px; padding:60px 70px 60px; }
	.company-technology-powder .powder-1 .imgbox-list .imgbox { min-height:194px; }
	.company-technology-powder .powder-1 .imgbox-list .txt { margin-top:12px; font-size:13px; }
	.company-technology-powder .powder-1 .imgbox-list .txt span { font-size:16px; }
	.company-technology-powder .processCont { margin-top:110px; }
	.company-technology-powder .processCont .process-list { margin:40px auto 0; width:720px; height:720px; background-size:720px auto; }
	.company-technology-powder .processCont .process-list .box dt { font-size:20px; }
	.company-technology-powder .processCont .process-list .box dd { margin-top:10px; padding-left:10px; }
	.company-technology-powder .processCont .process-list .box dd li:not(:last-child) { margin-bottom:3px; }
	.company-technology-powder .processCont .process-list .box dd li { padding-left:13px; font-size:15px; }
	.company-technology-powder .processCont .process-list .box dd li:before { top:7px; }
	.company-technology-powder .processCont .process-list .p1 { left:170px; top:95px; }
	.company-technology-powder .processCont .process-list .p2 { left:500px; top:200px; }
	.company-technology-powder .processCont .process-list .p3 { left:400px; top:513px; }
	.company-technology-powder .processCont .process-list .p4 { left:70px; top:429px; }
	.company-technology-powder .processCont .process-list .p1 .icon { left:203px; top:-22px; }
	.company-technology-powder .processCont .process-list .p2 .icon { left:76px; top:160px; }
	.company-technology-powder .processCont .process-list .p3 .icon { left:-107px; top:66px; }
	.company-technology-powder .processCont .process-list .p4 .icon { left:8px; top:-123px; }
	.company-technology-powder .roadmap-box { margin-top:110px; }
	.company-technology-powder .roadmap-box .map-box { margin-top:40px; }
	.company-technology-powder .roadmap-box .table-box > ul > li { font-size:16px; }
	.company-technology-powder .roadmap-box .table-box:not(:last-child) { margin-bottom:10px; }
	.company-technology-powder .roadmap-box .table-box .body .left { width:50px; padding:0 10px; }
	.company-technology-powder .roadmap-box .table-box .body .left span { font-size:16px; }
	.company-technology-powder .roadmap-box .table-box .body table { width:calc(100% - 50px); }
	.company-technology-powder .pContBox { margin-top:60px; gap:15px; }
	.company-technology-powder .pContBox h4 { font-size:16px; }
	.company-technology-powder .pContBox .txt_b { margin-top:15px; font-size:16px; }
	.company-technology-powder .pContBox .p-box { width:calc((100% - 15px) / 2); padding:30px 40px; }
	.company-technology-powder .pContBox .p-box .imgbox { margin:40px 0 50px; }
	.company-technology-powder .pContBox .p-box.full .sbox { margin-top:40px; gap:0 60px; }
	.company-technology-powder .pContBox .p-box.full .sbox .imgbox { width:220px; }
	.company-technology-powder .pContBox .p-box.full .sbox .table-box { width:calc(100% - 220px - 30px);}
	.company-technology-powder .pContBox .p-box.full .sbox .table-box table { width:50% }
}
@media screen and (max-width:1024px){
	.company-technology-powder h4.tit_c { font-size:22px; }

	.company-technology-powder .txt_list { margin-top:80px; }
	.company-technology-powder .processCont { margin-top:90px; }
	.company-technology-powder .processCont .process-list { margin:30px auto 0; width:720px; height:720px; background-size:720px auto; }
	.company-technology-powder .processCont .process-list .box dt { font-size:20px; }
	.company-technology-powder .processCont .process-list .box dd { margin-top:10px; padding-left:10px; }
	.company-technology-powder .processCont .process-list .box dd li:not(:last-child) { margin-bottom:3px; }
	.company-technology-powder .processCont .process-list .box dd li { padding-left:13px; font-size:15px; }
	.company-technology-powder .processCont .process-list .box dd li:before { top:7px; }
	.company-technology-powder .processCont .process-list .p1 { left:170px; top:95px; }
	.company-technology-powder .processCont .process-list .p2 { left:500px; top:200px; }
	.company-technology-powder .processCont .process-list .p3 { left:400px; top:513px; }
	.company-technology-powder .processCont .process-list .p4 { left:70px; top:429px; }
	.company-technology-powder .processCont .process-list .p1 .icon { left:203px; top:-22px; }
	.company-technology-powder .processCont .process-list .p2 .icon { left:76px; top:160px; }
	.company-technology-powder .processCont .process-list .p3 .icon { left:-107px; top:66px; }
	.company-technology-powder .processCont .process-list .p4 .icon { left:8px; top:-123px; }
	.company-technology-powder .roadmap-box { margin-top:90px; }
	.company-technology-powder .roadmap-box .map-box { margin-top:30px; }
	.company-technology-powder .roadmap-box .scroll-box { overflow:auto; }
	.company-technology-powder .roadmap-box .scroll-box .table-box { width:1100px; }
	.company-technology-powder .pContBox { margin-top:50px; gap:10px; }
	.company-technology-powder .pContBox .txt_b { margin-top:15px; }
	.company-technology-powder .pContBox .p-box { width:100%; padding:30px 20px; }
	.company-technology-powder .pContBox .p-box .imgbox { margin:40px 0 50px; }
	.company-technology-powder .pContBox .p-box.full .sbox { margin-top:40px; gap:0 60px; flex-wrap:wrap; }
	.company-technology-powder .pContBox .p-box.full .sbox .imgbox { width:auto; max-width:100%; margin:0 auto 20px }
	.company-technology-powder .pContBox .p-box.full .sbox .table-box { width:100%; flex-wrap:wrap; }
	.company-technology-powder .pContBox .p-box.full .sbox .table-box table { width:100% }
	.company-technology-powder .pContBox .p-box.full .sbox .table-box table:nth-child(2) thead th { display:none }
}

@media screen and (max-width:860px){
	.company-technology-powder .powder-1 .imgbox-list { margin-top:40px; padding:40px 10px; flex-direction: column; }
	.company-technology-powder .powder-1 .imgbox-list .imgbox { min-height:auto; }
	.company-technology-powder .powder-1 .imgbox-list .imgbox img { max-width:100%; }
	.company-technology-powder .powder-1 .imgbox-list .txt { margin-top:15px; }
	.company-technology-powder .powder-1 .imgbox-list .arr img { transform:rotate(90deg);}
	.company-technology-powder .processCont .process-list { margin:30px auto 0; width:auto; height:auto; background:none; display:flex; justify-content:center;}
	.company-technology-powder .processCont .process-list .box,
	.company-technology-powder .processCont .process-list .box .icon { position:relative; display:flex; align-items:center; gap:30px; }
	.company-technology-powder .processCont .process-list .box .icon { width:100px; height:100px; justify-content:center; border-radius:100px; }
	.company-technology-powder .processCont .process-list .box .icon img { height:55px; }
	.company-technology-powder .processCont .process-list .box:not(:last-child) { margin-bottom:20px; }
	.company-technology-powder .processCont .process-list .box dt { font-size:20px; color:#111; }
	.company-technology-powder .processCont .process-list .box dd { margin-top:10px; padding-left:10px; }
	.company-technology-powder .processCont .process-list .box dd li { color:#666 }	
	.company-technology-powder .processCont .process-list .box dd li br { display:none }
	.company-technology-powder .processCont .process-list .box dd li:before { background:#666; }
	.company-technology-powder .processCont .process-list .p1,
	.company-technology-powder .processCont .process-list .p2,
	.company-technology-powder .processCont .process-list .p3,
	.company-technology-powder .processCont .process-list .p4,
	.company-technology-powder .processCont .process-list .p1 .icon,
	.company-technology-powder .processCont .process-list .p2 .icon,
	.company-technology-powder .processCont .process-list .p3 .icon,
	.company-technology-powder .processCont .process-list .p4 .icon { left:unset; top:unset; }
	.company-technology-powder .processCont .process-list .p1 .icon { background:#014889 }
	.company-technology-powder .processCont .process-list .p2 .icon { background:#006EB2 }
	.company-technology-powder .processCont .process-list .p3 .icon { background:#0081C0 }
	.company-technology-powder .processCont .process-list .p4 .icon { background:#0098D4 } 
}
@media screen and (max-width:640px){
	.company-technology-powder h4.tit_c { font-size:20px; }

	.company-technology-powder .txt_list { margin-top:60px; }
	.company-technology-powder .processCont .process-list .box { gap:20px; }
	.company-technology-powder .processCont,
	.company-technology-powder .roadmap-box { margin-top:70px; }
	.company-technology-powder .roadmap-box .map-box { margin-top:20px; }
	.company-technology-powder .pContBox { margin-top:40px; gap:5px; }
	.company-technology-powder .pContBox .txt_b { margin-top:12px; }
	.company-technology-powder .pContBox .p-box { padding:20px 10px; }
	.company-technology-powder .pContBox .p-box .imgbox { margin:20px 0; }
	.company-technology-powder .pContBox .p-box.full .sbox { margin-top:20px; }
}

/* animation */
.company-technology-powder .powder-1 .imgbox-list > div { opacity:0; }
.company-technology-powder .powder-1 .imgbox-list.subOn > div:nth-child(1) { animation:ani_1 0.5s 0.3s; animation-fill-mode:both; }
.company-technology-powder .powder-1 .imgbox-list.subOn > div:nth-child(2) { animation:ani_1 0.5s 0.5s; animation-fill-mode:both; }
.company-technology-powder .powder-1 .imgbox-list.subOn > div:nth-child(3) { animation:ani_1 0.5s 0.7s; animation-fill-mode:both; }
.company-technology-powder .powder-1 .imgbox-list.subOn > div:nth-child(4) { animation:ani_1 0.5s 0.9s; animation-fill-mode:both; }
.company-technology-powder .powder-1 .imgbox-list.subOn > div:nth-child(5) { animation:ani_1 0.5s 1.1s; animation-fill-mode:both; }
.company-technology-powder .powder-1 .imgbox-list.subOn > div:nth-child(6) { animation:ani_1 0.5s 1.3s; animation-fill-mode:both; }
.company-technology-powder .powder-1 .imgbox-list.subOn > div:nth-child(7) { animation:ani_1 0.5s 1.5s; animation-fill-mode:both; }
.company-technology-powder .powder-1 .imgbox-list.subOn > div:nth-child(8) { animation:ani_1 0.5s 1.7s; animation-fill-mode:both; }
.company-technology-powder .powder-1 .imgbox-list.subOn > div:nth-child(9) { animation:ani_1 0.5s 1.9s; animation-fill-mode:both; }
.company-technology-powder .processCont .process-list,
.company-technology-powder .processCont .process-list .box { opacity:0; }
.company-technology-powder .processCont.subOn .process-list { animation:bgs3 0.5s 0.3s; animation-fill-mode:both; }
.company-technology-powder .processCont.subOn .process-list .box:nth-child(1) { animation:ani_1 0.5s 0.8s; animation-fill-mode:both; }
.company-technology-powder .processCont.subOn .process-list .box:nth-child(2) { animation:ani_2 0.5s 1.0s; animation-fill-mode:both; }
.company-technology-powder .processCont.subOn .process-list .box:nth-child(3) { animation:ani_1 0.5s 1.2s; animation-fill-mode:both; }
.company-technology-powder .processCont.subOn .process-list .box:nth-child(4) { animation:ani_2 0.5s 1.4s; animation-fill-mode:both; }
.company-technology-powder .roadmap-box .tit_c,
.company-technology-powder .roadmap-box .map-box { opacity:0; }
.company-technology-powder .roadmap-box.subOn .tit_c { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.company-technology-powder .roadmap-box.subOn .map-box { animation:ani_4 0.5s 0.6s; animation-fill-mode:both; }
.company-technology-powder .pContBox .p-box { opacity:0; }
.company-technology-powder .pContBox .p-box.subOn { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; }
@media screen and (max-width:860px){
	.company-technology-powder .powder-1 .imgbox-list.subOn > div:nth-child(1) { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
	.company-technology-powder .powder-1 .imgbox-list.subOn > div:nth-child(2) { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; }
	.company-technology-powder .powder-1 .imgbox-list.subOn > div:nth-child(3) { animation:ani_4 0.5s 0.7s; animation-fill-mode:both; }
	.company-technology-powder .powder-1 .imgbox-list.subOn > div:nth-child(4) { animation:ani_4 0.5s 0.9s; animation-fill-mode:both; }
	.company-technology-powder .powder-1 .imgbox-list.subOn > div:nth-child(5) { animation:ani_4 0.5s 1.1s; animation-fill-mode:both; }
	.company-technology-powder .powder-1 .imgbox-list.subOn > div:nth-child(6) { animation:ani_4 0.5s 1.3s; animation-fill-mode:both; }
	.company-technology-powder .powder-1 .imgbox-list.subOn > div:nth-child(7) { animation:ani_4 0.5s 1.5s; animation-fill-mode:both; }
	.company-technology-powder .powder-1 .imgbox-list.subOn > div:nth-child(8) { animation:ani_4 0.5s 1.7s; animation-fill-mode:both; }
	.company-technology-powder .powder-1 .imgbox-list.subOn > div:nth-child(9) { animation:ani_4 0.5s 1.9s; animation-fill-mode:both; }
	.company-technology-powder .processCont.subOn .process-list .box:nth-child(1) { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; }
	.company-technology-powder .processCont.subOn .process-list .box:nth-child(2) { animation:ani_4 0.5s 0.7s; animation-fill-mode:both; }
	.company-technology-powder .processCont.subOn .process-list .box:nth-child(3) { animation:ani_4 0.5s 0.9s; animation-fill-mode:both; }
	.company-technology-powder .processCont.subOn .process-list .box:nth-child(4) { animation:ani_4 0.5s 1.1s; animation-fill-mode:both; }
}



.esg-environmental{ overflow:hidden; }

.esg-environmental * { font-family:Pretendard; word-break:keep-all }
.esg-environmental .bg { background-color:#f8f8f8; }
.esg-environmental .envCont { padding:200px 0; }
.esg-environmental .environmental-cont1 { margin-bottom:200px; }
.esg-environmental .environmental-cont2 .listbox { margin-top:160px; }
.esg-environmental .environmental-cont2 .listbox > ul { display:flex; background:url(/img/sub/environmental_bg1.png) center top no-repeat; }
.esg-environmental .environmental-cont2 .listbox > ul > li { width:450px; height:454px; display:flex; justify-content:center; text-align:center; padding-top:113px; }
.esg-environmental .environmental-cont2 .listbox > ul > li dt { color:#333; font-size:30px; font-weight:700; line-height:1.3; }
.esg-environmental .environmental-cont2 .listbox > ul > li dt strong { display:block; margin-bottom:39px; color:#a7d33e; font-size:40px; font-weight:700; line-height:1.3; }
.esg-environmental .environmental-cont2 .listbox > ul > li:nth-child(1) dt strong { color:#a7d33e; }
.esg-environmental .environmental-cont2 .listbox > ul > li:nth-child(2) dt strong { color:#53B867; }
.esg-environmental .environmental-cont2 .listbox > ul > li:nth-child(3) dt strong { color:#58C5C9; }
.esg-environmental .environmental-cont2 .listbox > ul > li:nth-child(4) dt strong { color:#4CC2F2; }
.esg-environmental .environmental-cont2 .listbox > ul > li dd { margin-top:13px; color:#555; font-size:20px; font-weight:600; line-height:1.3; }
.esg-environmental .environmental-cont2 .listbox > ul > li:nth-child(2n) { margin:220px -64px 0;  }


.esg-environmental .environmental-cont3 { margin-top:120px; }
.esg-environmental .environmental-cont3 .tit { color:#333; font-size:17px; font-weight:300; line-height:1.3; display:flex; flex-wrap:wrap; }
.esg-environmental .environmental-cont3 .tit h4 { margin-right:93px; color:#111; font-size:30px; font-weight:600; }
.esg-environmental .environmental-cont3 .listbox { margin-top:120px; }
.esg-environmental .environmental-cont3 .listbox ul { display:flex; flex-wrap:wrap; margin-left:-1.4% }
.esg-environmental .environmental-cont3 .listbox li { width:24.6%; }
.esg-environmental .environmental-cont3 .listbox li:nth-child(2n+1) { margin-top:200px; }
.esg-environmental .environmental-cont3 .listbox li .circular-chart { display:block; width:107%; }
.esg-environmental .environmental-cont3 .listbox li .circle-bg { fill:none; stroke:#e5e5e5; stroke-width:11; }
.esg-environmental .environmental-cont3 .listbox li .circle { fill:none; stroke:#0098D4; stroke-width:13; /* stroke-linecap:round; */}
.esg-environmental .environmental-cont3 .listbox li:nth-child(1) .circle { stroke:#0098D4; }
.esg-environmental .environmental-cont3 .listbox li:nth-child(2) .circle { stroke:#0081C0; }
.esg-environmental .environmental-cont3 .listbox li:nth-child(3) .circle { stroke:#006EB2; }
.esg-environmental .environmental-cont3 .listbox li:nth-child(4) .circle { stroke:#014889; }
.esg-environmental .environmental-cont3 .listbox li .percentage { fill:#0098D4; font-size:0.22em; font-weight:600; text-anchor:middle; }
.esg-environmental .environmental-cont3 .listbox li:nth-child(1) .percentage { fill:#0098D4; }
.esg-environmental .environmental-cont3 .listbox li:nth-child(2) .percentage { fill:#0081C0; }
.esg-environmental .environmental-cont3 .listbox li:nth-child(3) .percentage { fill:#006EB2; }
.esg-environmental .environmental-cont3 .listbox li:nth-child(4) .percentage { fill:#014889; }
.esg-environmental .environmental-cont3 .listbox li .txt-1 { fill:#fff; text-anchor:middle; font-family:Montserrat; display:block; font-size:0.21em; font-weight:600; }
.esg-environmental .environmental-cont3 .listbox li .txt-2 { fill:#fff; text-anchor:middle; font-family:Montserrat; display:block; font-size:0.125em; margin-top:5px; font-weight:300; }
.esg-environmental .environmental-cont4 { position:relative; }
.esg-environmental .environmental-cont4 .sticky-img { position:relative; top:0; left:0; width:100%; height:100vh }
.esg-environmental .environmental-cont4 .sticky-img .imgbox { background:url(/img/sub/environmental_bg2.jpg) no-repeat center / cover; height:100%; width:100%; }
.esg-environmental .environmental-cont4 .contbox { position:absolute; top:0; left:0; z-index:2; width:100%; padding:200px 0 0 }
.esg-environmental .environmental-cont4 .top-cont .txt h4 { color:#fff; font-size:70px; font-weight:700; line-height:1.3; }
.esg-environmental .environmental-cont4 .listbox { margin-top:100px; }
.esg-environmental .environmental-cont4 .listbox > ul { display:flex; flex-wrap:wrap; gap:30px; }
.esg-environmental .environmental-cont4 .listbox > ul > li { width:calc((100% - 30px) / 2); padding:60px; border:1px solid rgba(255, 255, 255, 0.05); background:rgba(255, 255, 255, 0.05); backdrop-filter:blur(5px); }
.esg-environmental .environmental-cont4 .listbox > ul > li .num { color:#fff; font-size:17px; font-weight:600; line-height:1.3; }
.esg-environmental .environmental-cont4 .listbox > ul > li dt { margin-top:60px; color:#fff; font-size:18px; font-weight:600; line-height:1.5; }
.esg-environmental .environmental-cont4 .listbox > ul > li dd { margin-top:30px; }
.esg-environmental .environmental-cont4 .listbox > ul > li dd li:not(:last-child) { margin-bottom:15px; }
.esg-environmental .environmental-cont4 .listbox > ul > li dd li { position:relative; padding-left:16px; color:#fff; font-size:17px; font-weight:300; line-height:1.5; }
.esg-environmental .environmental-cont4 .listbox > ul > li dd li:before { content:""; display:block; position:absolute; left:0; top:11px; width:3px; height:3px; background:#fff; border-radius:3px; }
.esg-environmental .environmental-cont4 .listbox .txt-b { margin-top:60px; color:rgba(255, 255, 255, 0.80); font-size:17px; font-weight:300; line-height:1.8; }
.esg-environmental .environmental-cont4 .txt-cont { text-align:center; height:100vh; display:flex;  justify-content:center; align-items:center; text-align:center; }
.esg-environmental .environmental-cont4 .txt-cont .txtbox { color:#fff; font-size:40px; font-weight:700; line-height:1.5; }
@media screen and (max-width:1670px){
	.esg-environmental .environmental-cont2 .listbox > ul { margin:0 auto; width:1400px; background-size:100% auto; }
	.esg-environmental .environmental-cont2 .listbox > ul > li { width:392px; height:392px; padding-top:100px; }
	.esg-environmental .environmental-cont2 .listbox > ul > li:nth-child(2n) { margin:197px -55px 0;  }
}
@media screen and (max-width:1440px){
	.esg-environmental .environmental-cont2 .listbox { margin-top:120px; }
	.esg-environmental .environmental-cont2 .listbox > ul { width:1000px; }
	.esg-environmental .environmental-cont2 .listbox > ul > li { width:282px; height:282px; padding-top:75px; }
	.esg-environmental .environmental-cont2 .listbox > ul > li:nth-child(2n) { margin:140px -43px 0;  }
	.esg-environmental .environmental-cont2 .listbox > ul > li dt { font-size:24px; }
	.esg-environmental .environmental-cont2 .listbox > ul > li dt strong { margin-bottom:25px; font-size:30px; }
	.esg-environmental .environmental-cont2 .listbox > ul > li dd { margin-top:10px; font-size:18px; }
}
@media screen and (max-width:1280px){
	.esg-environmental .environmental-cont3 { margin-top:80px; }
	.esg-environmental .environmental-cont3 .tit h4 { margin-right:60px; font-size:28px; }
	.esg-environmental .environmental-cont3 .listbox { margin-top:100px; }
	.esg-environmental .environmental-cont4 .top-cont .txt h4 { font-size:60px; }
	.esg-environmental .environmental-cont4 .listbox { margin-top:80px; }
	.esg-environmental .environmental-cont4 .listbox > ul { gap:20px; }
	.esg-environmental .environmental-cont4 .listbox > ul > li { width:calc((100% - 20px) / 2); padding:50px; }
	.esg-environmental .environmental-cont4 .listbox > ul > li dt { margin-top:50px; }
	.esg-environmental .environmental-cont4 .listbox > ul > li dd { margin-top:40px; }
	.esg-environmental .environmental-cont4 .listbox > ul > li dd li:not(:last-child) { margin-bottom:12px; }
	.esg-environmental .environmental-cont4 .listbox .txt-b { margin-top:50px;}
	.esg-environmental .environmental-cont4 .txt-cont .txtbox { font-size:30px; }
}

@media screen and (max-width:1024px){
	.esg-environmental .envCont { padding:100px 0; }
	.esg-environmental .environmental-cont1 { margin-bottom:100px; }
	.esg-environmental .environmental-cont2 .listbox { margin-top:80px; }
	.esg-environmental .environmental-cont2 .listbox > ul { width:760px; }
	.esg-environmental .environmental-cont2 .listbox > ul > li { width:213px; height:213px; padding-top:55px; }
	.esg-environmental .environmental-cont2 .listbox > ul > li:nth-child(2n) { margin:107px -30px 0;  }
	.esg-environmental .environmental-cont2 .listbox > ul > li dt { font-size:19px; }
	.esg-environmental .environmental-cont2 .listbox > ul > li dt strong { margin-bottom:15px; font-size:23px; }
	.esg-environmental .environmental-cont2 .listbox > ul > li dd { margin-top:5px; font-size:17px; }
	.esg-environmental .environmental-cont3 { margin-top:60px; }
	.esg-environmental .environmental-cont3 .tit { font-size:16px; }
	.esg-environmental .environmental-cont3 .tit h4 { margin-right:40px; font-size:24px; }
	.esg-environmental .environmental-cont3 .listbox { margin-top:60px; }
	.esg-environmental .environmental-cont3 .listbox li:nth-child(2n+1) { margin-top:100px; }
	.esg-environmental .environmental-cont4 .contbox { padding:100px 0 0 }
	.esg-environmental .environmental-cont4 .top-cont .txt h4 { font-size:44px; }
	.esg-environmental .environmental-cont4 .listbox { margin-top:60px; }
	.esg-environmental .environmental-cont4 .listbox > ul { gap:10px; }
	.esg-environmental .environmental-cont4 .listbox > ul > li { width:calc((100% - 10px) / 2); padding:40px; }
	.esg-environmental .environmental-cont4 .listbox > ul > li .num { font-size:16px; }
	.esg-environmental .environmental-cont4 .listbox > ul > li dt { margin-top:40px; font-size:17px; }
	.esg-environmental .environmental-cont4 .listbox > ul > li dd { margin-top:30px; }
	.esg-environmental .environmental-cont4 .listbox > ul > li dd li:not(:last-child) { margin-bottom:10px; }
	.esg-environmental .environmental-cont4 .listbox > ul > li dd li { padding-left:12px; font-size:16px; }
	.esg-environmental .environmental-cont4 .listbox .txt-b { margin-top:40px; font-size:16px; }
	.esg-environmental .environmental-cont4 .txt-cont .txtbox { font-size:20px; }
	.esg-environmental .environmental-cont4 .txt-cont .txtbox br { display:none }
}
@media screen and (max-width:760px){
	.esg-environmental .environmental-cont2 .listbox { margin-top:50px; }
	.esg-environmental .environmental-cont2 .listbox > ul { width:auto; background:none; flex-wrap:wrap; justify-content:center; gap:5px; }
	.esg-environmental .environmental-cont2 .listbox > ul > li { width:210px; height:210px; padding-top:55px; border-radius:500px; }
	.esg-environmental .environmental-cont2 .listbox > ul > li:nth-child(1) { border:2px solid #a7d33e }
	.esg-environmental .environmental-cont2 .listbox > ul > li:nth-child(2) { border:2px solid #53b867 }
	.esg-environmental .environmental-cont2 .listbox > ul > li:nth-child(3) { border:2px solid #58c5c9 }
	.esg-environmental .environmental-cont2 .listbox > ul > li:nth-child(4) { border:2px solid #4cc2f2 }
	.esg-environmental .environmental-cont2 .listbox > ul > li:nth-child(2n) { margin:0; }
	.esg-environmental .environmental-cont2 .listbox > ul > li dt { font-size:18px; }
	.esg-environmental .environmental-cont2 .listbox > ul > li dt strong { margin-bottom:12px; font-size:21px; }
	.esg-environmental .environmental-cont2 .listbox > ul > li dd { margin-top:5px; font-size:16px; }
	.esg-environmental .environmental-cont4 .listbox > ul > li { width:100%; padding:20px; }
}
@media screen and (max-width:640px){
	.esg-environmental .envCont { padding:80px 0; }
	.esg-environmental .environmental-cont1 { margin-bottom:80px; }
	.esg-environmental .environmental-cont3 .tit { display:block }
	.esg-environmental .environmental-cont3 .tit h4 { margin-right:0; margin-top:15px; font-size:21px; }
	.esg-environmental .environmental-cont3 .listbox { margin-top:30px; }
	.esg-environmental .environmental-cont3 .listbox li { width:32% }
	.esg-environmental .environmental-cont3 .listbox li:nth-child(2n+1) { margin:150px 0 0; }
	.esg-environmental .environmental-cont3 .listbox li:nth-child(2n) { margin:0 -10% 0; }
	.esg-environmental .environmental-cont4 .contbox { padding:100px 0 0 }
	.esg-environmental .environmental-cont4 .top-cont .txt h4 { font-size:32px; }
	.esg-environmental .environmental-cont4 .listbox { margin-top:60px; }
	.esg-environmental .environmental-cont4 .listbox > ul { gap:10px; }
	.esg-environmental .environmental-cont4 .listbox > ul > li dt { margin-top:30px; }
	.esg-environmental .environmental-cont4 .listbox > ul > li dd { margin-top:20px; }
	.esg-environmental .environmental-cont4 .listbox .txt-b { margin-top:30px; }
	.esg-environmental .environmental-cont4 .txt-cont .txtbox { font-size:19px; }
}
@media screen and (max-width:540px){
	.esg-environmental .environmental-cont2 .listbox > ul > li { width:165px; height:165px; padding:0 10px; align-items:center; }
}



/* animation */
.esg-environmental .environmental-cont2 .subTopTitle { opacity:0; }
.esg-environmental .environmental-cont2 .subTopTitle.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.esg-environmental .environmental-cont2 .listbox > ul > li { opacity:0; }
.esg-environmental .environmental-cont2 .listbox.subOn li:nth-child(1) { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.esg-environmental .environmental-cont2 .listbox.subOn li:nth-child(2) { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; }
.esg-environmental .environmental-cont2 .listbox.subOn li:nth-child(3) { animation:ani_3 0.5s 0.7s; animation-fill-mode:both; }
.esg-environmental .environmental-cont2 .listbox.subOn li:nth-child(4) { animation:ani_4 0.5s 0.9s; animation-fill-mode:both; }
.esg-environmental .environmental-cont3 .tit { opacity:0; }
.esg-environmental .environmental-cont3 .tit.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.esg-environmental .environmental-cont3 .listbox li .circle-box { opacity:0; }
.esg-environmental .environmental-cont3 .listbox li:nth-child(1) .circle-box.subOn { animation:bgs3 0.5s 0.2s ease-out forwards; }
.esg-environmental .environmental-cont3 .listbox li:nth-child(2) .circle-box.subOn { animation:bgs3 0.5s 0.6s ease-out forwards; }
.esg-environmental .environmental-cont3 .listbox li:nth-child(3) .circle-box.subOn { animation:bgs3 0.5s 1.0s ease-out forwards; }
.esg-environmental .environmental-cont3 .listbox li:nth-child(4) .circle-box.subOn { animation:bgs3 0.5s 1.4s ease-out forwards; }
.esg-environmental .environmental-cont3 .listbox li:nth-child(1) .circle-box.subOn .circle { animation:e-progress1 1.5s 0.6s ease-out forwards; }
.esg-environmental .environmental-cont3 .listbox li:nth-child(2) .circle-box.subOn .circle { animation:e-progress2 1.5s 1.1s ease-out forwards; }
.esg-environmental .environmental-cont3 .listbox li:nth-child(3) .circle-box.subOn .circle { animation:e-progress3 1.5s 1.6s ease-out forwards; }
.esg-environmental .environmental-cont3 .listbox li:nth-child(4) .circle-box.subOn .circle { animation:e-progress4 1.5s 2.1s ease-out forwards; }
.esg-environmental .environmental-cont4 .top-cont .txt h4 { opacity:0; }
.esg-environmental .environmental-cont4 .top-cont .txt.subOn h4 { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.esg-environmental .environmental-cont4 .top-cont .listbox > ul > li { opacity:0; }
.esg-environmental .environmental-cont4 .top-cont .listbox.subOn > ul > li:nth-child(1) { animation:bgs3 0.5s 0.5s; animation-fill-mode:both; }
.esg-environmental .environmental-cont4 .top-cont .listbox.subOn > ul > li:nth-child(2) { animation:bgs3 0.5s 0.8s; animation-fill-mode:both; }
.esg-environmental .environmental-cont4 .txt-cont { opacity:0; }
.esg-environmental .environmental-cont4 .txt-cont.subOn { animation:bgs3-1 0.8s 1.0s; animation-fill-mode:both; }
@keyframes e-progress1 {
	0% { stroke-dasharray:0 100; }
	100% { stroke-dasharray:96 100; }
}
@keyframes e-progress2 {
	0% { stroke-dasharray:0 100; }
	100% { stroke-dasharray:96 100; }
}
@keyframes e-progress3 {
	0% { stroke-dasharray:0 100; }
	100% { stroke-dasharray:80 100; }
}
@keyframes e-progress4 {
	0% { stroke-dasharray:0 100; }
	100% { stroke-dasharray:97 100; }
}