@charset "utf-8";

@media all and (max-width:1600px){ 
  #gnb .gnb1_li {padding: 0 35px;}
  .gnb1_a {font-size:18px; }
}  

@media all and (max-width:1440px){   
  .inner{padding:0 var(--wrap-padding);}  
  .footer .f_logo{flex:0 0 170px;}
  .section-4 h3{font-size:55px; }

  /* @@@@@@@@@@@@@@@@@@@  sub layout  @@@@@@@@@@@@@@@@@@@@  */
  .menuTab{padding:0 var(--wrap-padding);}
  .menuTab-wrap.active{ padding:0 0 0 5%;}

  /* esg */
  .esg-1 > ul{gap:60px 0;}
  .div-text{padding:0 60px;}
  .esg-3{padding:var(--padding-t) var(--wrap-padding);}

  .recruit-4{padding:var(--padding-t) var(--wrap-padding);}

  .process-wrap{padding:var(--padding-t) var(--wrap-padding) 40px;}
  .process-tab .tab{height:40px;font-size:15px;}
  .process-1{gap:40px;}

  .product-3 .txtArea{width:calc(65% - 40px);margin-left:40px;}
  .board-inner{padding:80px var(--wrap-padding);}
  .ir-main{padding:120px var(--wrap-padding);}






}   


/* 1280px 이하 */
@media all and (max-width:1280px){  

  #header{padding:0 var(--wrap-padding);}
  #header .logoArea{flex:1; }
  #gnb {display:none;}

  /* .nav__content {padding:60px 6% 60px; gap:40px;} */
  .lnb__li {margin-bottom:10px;}
  .lnb__li > a{ font-size:18px; min-width:120px;}
  .lnb__sub > li > a{font-size:15px;}

  .main-swiper-tit {font-size:50px;}

  .section-1{padding:140px 5% 140px 0;}
  .section-1 .textGroup{width:45%;padding:0px 5%; }
  .section-1 .textGroup h3{font-size:36px; margin:20px 0; }
  .section-1 .textGroup .line{height:50px; margin:20px auto;}
  .section-1 .category{font-size:18px;}

  .section-3{padding:140px 0; }
  .slide-content {gap:40px; padding:0px var(--wrap-padding);}

  .section-4 h3{font-size:50px; }
  .section-4 p{font-size:20px;}

  .m-notice{gap:40px;}
  .m-notice .date{font-size:15px;}
  .m-notice .tit{font-size:22px;}
  .m-notice .txt{font-size:17px;}

  /* @@@@@@@@@@@@@@@@@@@  sub layout  @@@@@@@@@@@@@@@@@@@@  */
  .location{width:100%;margin:0 0 20px;}
  .location li{padding-left: 25px;font-size:16px;} 
  .location li::after {width: 5px;height: 5px;margin-left:10px; }

  .title{font-size:50px;}
/*  .title > span{font-size:50px; } */

  .subVisual{padding:140px var(--wrap-padding);}
  .subVisual .tit{font-size:45px;margin-bottom:30px; }
  .subVisual .stit{font-size:40px;margin-bottom:30px; }

  .company-top{padding:140px 8% 80px;}
  .company-top .tit{font-size:40px;margin-bottom:30px;  }
  .company-top .txt{font-size:22px;}
  .company ul{gap:60px; }

.greeting .imgArea img{width:100%; max-width:550px;}  

  .vision .textGroup > h3{font-size:22px;margin-bottom:40px;}
  .vision .textGroup > h3 br{display:none;}
  .vision .textGroup > p{font-size:22px;}
  .vision .imgGroup.img-1{padding:80px 20px 80px 10%; background:url(/images/sub/vision-1.jpg) 70% 50% no-repeat;background-size:cover;}
  .vision .imgGroup.img-2{padding:80px 20px 80px 50%; background:url(/images/sub/vision-2.jpg) 50% 50% no-repeat;background-size:cover;}

  .globalmap{padding:40px 0;}
  .div-text{padding:0 50px;}

  .esg-2 > ul{gap:60px;}
  .sub-title{font-size:36px;}

  .recruit-4 > ul{grid-template-columns: repeat(3, 1fr); gap:15px; }

  .product-list > ul{gap:30px;}
  .product-list .list{gap:30px; }
  .product-list .list-img{flex:1; }
  .product-list .list-txt{flex:1.2;}
  .product-list p{font-size:16px;}
  .product-list h3{font-size:28px;}

  .detail-box .txtArea{flex:1.4;}
  .detail-desc{gap:100px; margin:80px auto; }
  .detail-desc .tit{flex:0 0 auto; }


  .tit-xlg{font-size:36px;}

  .board-view .subjectBox{flex-wrap: wrap;align-items:center;}
  .board-view .subjectBox .leftArea{flex:0 0 100%;margin-bottom:15px;}
  .board-view .subjectBox .rightArea{width:100%; display: inline-flex;justify-content:flex-end;}

  .product-3 > ul{gap:40px 0;}
  .product-3 .imgArea{width:100%;padding:0px 20%;  border:0; box-shadow:none;}
  .product-3 .txtArea{width:100%;margin-left:0px;}

  .esg-5 > h3{margin-bottom:60px;}
  .esg-5 .list-type ul{gap:60px 40px;}



/* sub */
.line-list{font-size:16px;padding-left:12px;}
.line-list::before{font-size:16px;}
.i_file_down{min-height:16px; background:url(/images/layout/i_filedown_blue.png) 10px 50% no-repeat;padding:6px 15px 6px 30px;font-size:12px;border-radius: 20px; }

}

@media (max-width:1100px){

    .ir-main{padding:100px var(--wrap-padding);}
    .ipo-step{width:115px; flex-basis:115px;}
    .ipo-circle{width:108px;height:108px;font-size:17px;}
    .ipo-arrow{ width:45px;flex-basis:45px; height:108px;}
    .ipo-arrow span{ left:5px;top:54px;width:27px;}
    .ipo-date{font-size:14px;margin-top:15px; }

}

/* Tablet  1024px 이하 */
@media all and (max-width:1024px) {
  :root {  

}

  /* footer  */
  .footer{ gap:20px 0px;}
  .footer .f_logo{flex:0 0 150px;min-height:35px;background-size:auto 35px; order:1;}
  .footer .f_cont{flex:0 0 100%;order:3;}
  .f_smenu {flex:1; order:2;}
  .f_smenu > a {font-size:14px;padding-left:23px;}

  .main-swiper-tit {font-size:45px;}
  .main-swiper-text {font-size:18px;}

  .section-1{padding:120px 5%; gap:40px;}
  .section-1 .textGroup{width:100%;padding:0px 5%; }
  .section-1 .textGroup h3{font-size:36px; margin:15px 0; }
  .section-1 .textGroup h3 br{display:none;}
  .section-1 .textGroup .line{display:none;}
  .section-1 .textGroup p{font-size:18px;}
  .section-1 .textGroup p br{display:none;}

  .section-2{padding:140px var(--wrap-padding); }
  .section-2 .tit{font-size:45px; }
  .section-2 .txt{font-size:20px;}
  .section-2 ul{gap:40px; padding:60px 0 0; }
  .section-2 .num-txt{font-size:45px;}

  .slide-content .textGroup h3{font-size:35px;margin:15px 0 30px;  }
  .slide-content .textGroup p{font-size:17px; }

  .section-3{padding:120px 0; }
  
  .section-4{padding:120px var(--wrap-padding);}
  .section-4 h3{font-size:45px; }
  .section-4 p{font-size:18px;}

  .section-5{padding:100px var(--wrap-padding);}
  .section-5 .titleArea > h3{font-size:45px; }

  .m-notice .date{font-size:14px; margin-bottom:15px;}
  .m-notice .tit{font-size:20px;}
  .m-notice .txt{font-size:16px;}

  /*** sub layout ***/
  .list-type ul.type-3, .list-type ul.type-4, .list-type ul.type-5{grid-template-columns:repeat(3,1fr);}
  /* .list-type ul.type-4 li, .list-type ul.type-5 li{width:-webkit-calc(100% / 3 - 26.6666px); width:calc(100% / 3 - 26.6666px);} */
  #contents_blank{height:80px; } 
  .menuTab-wrap.active .menuTab{padding:0;}
  .menuTab-wrap.active .menuTab .x-scroll{justify-content:flex-start; }
  .menuTab{border-top:0px solid #e9e9e9;border-bottom:1px solid #e9e9e9; }

  .title{font-size:45px;}
/*  .title > span{font-size:45px; } */

  .subVisual{padding:120px var(--wrap-padding);}
  .subVisual .tit{font-size:40px;margin-bottom:30px; }
  .subVisual .stit{font-size:35px;margin-bottom:30px; }
  .subVisual .txt{font-size:20px; }
  .subVisual.visionTop{padding:160px var(--wrap-padding); } 

  .categoryTab li{flex:1;}
  .categoryTab a{min-width:100%; height:40px; font-size:17px;}

  .sub-tab li{flex:1;margin-left:-1px;}
  .sub-tab a{min-width:100%; height:45px;font-size:16px;}

  .history_contents:after{left:220px;}
  .history_contents:before{left:223px; top:100px;height:90%;}
  .history_contents > ul{padding-top:60px; }
  .history_contents .leftArea{width:220px; padding:40px 40px 0 0;}
  .history_contents .leftArea > h3{font-size:30px;}
  .history_contents .leftArea > p{font-size:20px;margin-top:20px;}
  .history_cont .year{width:80px;font-size:20px;margin-bottom:15px;}
  .history_cont .month{width:30px;font-size:16px;}
  .history_cont .txt > p{font-size:16px;}
  
  .company-top{padding:140px 8% 80px;}
  .company-top .tit{font-size:36px;margin-bottom:30px;  }
  .company-top .txt{font-size:20px;}
  .company li:first-of-type{flex:0 0 200px;}
  .company dt{flex:0 0 120px;  }
  .company .title-head{font-size:34px;}

  .vision{padding:100px 0 80px; }
  .vision .textGroup > h3{font-size:20px;margin-bottom:40px;}
  .vision .textGroup > p{font-size:20px;}
  .vision .imgGroup.img-1{padding:60px 20px 60px 8%; background:url(/images/sub/vision-1.jpg) 70% 50% no-repeat;background-size:cover;}
  .vision .imgGroup.img-2{padding:60px 20px 60px 50%; background:url(/images/sub/vision-2.jpg) 50% 50% no-repeat;background-size:cover;}
  .vision .imgGroup > h3{font-size:34px;}
  .vision .imgGroup .txt{font-size:22px;}
  .vision .imgGroup .b-txt{font-size:18px;padding-left:15px;}
  .vision .imgGroup .b-txt::before{top:11px; width:5px; height:5px;}

  .values-circle{margin:80px auto; padding-left:50px;}
  .values-circle .circleArea .circle_1{aspect-ratio: 1 / 1;border-radius: 50%;}  
  .values-circle .circleArea .circle_2{aspect-ratio: 1 / 1;margin-left:-25px;border-radius: 50%;}  
  .values-circle .circleArea .circle_3{aspect-ratio: 1 / 1;margin-left:-50px;border-radius: 50%;}  
  .values-circle .v_tit{font-size:32px;}  
  .values-circle .v_txt{font-size:18px;}  

  .ir-wrap .tbArea{width:100%; }
  .ir-wrap .chartArea{width:100%; text-align: center;}

  .greeting .imgArea{margin:80px 0; }
  .greeting .imgArea img{max-width:460px;}  
  .greeting .contArea > h3{font-size:24px; }
  .greeting .contArea > p{font-size:18px;}
  .greeting .sign{font-size:18px; }
  .greeting .sign-img img{width:180px; }

  .certification{padding:60px 0;}
  .mapArea{padding:60px 0;}
  
  /* text */
  .tit-xlg{font-size:34px;}
  .tit-lg{font-size:24px;}
  .tit-md{font-size:20px;}
  .tit-sm{font-size:18px;}
  .tit-s{font-size:16px;}

  .txt-lg{font-size:22px;}
  .txt-m{font-size:18px;}
  .txt-md{font-size:17px;}
  .txt-sm{font-size:16px;}
  .txt-s{font-size:14px;}

  .in-title{font-size:24px; }
  .tit-round{font-size:22px;padding-left:20px;}
  .tit-round::before{top:12px;width:12px; height:6px;}

  .bullet-txt{font-size:16px;padding-left:10px;}
  .bullet-txt::before{top:8px; width:4px; height:4px; }

  /* 공통 */
  .board-view .btnBox .s-txt{display: none !important;}
  .board-view .btn-group{margin:20px 0 0;justify-content: center; }
  .file_box > a{font-size:13px;}

  /* esg */
  .div-text > p br{display:none;}
  .esg-2 > ul{gap:40px;}
  .grayBox{padding:40px;}

  .esg-3 dl{gap:20px;}
  .esg-3 dt{flex:0 0 100%; }
  .esg-3 dd{flex:0 0 100%;}
  .esg-topimg{min-height:280px; aspect-ratio: 5 / 2.2;  }

  .sub-title{font-size:34px;}
  .talent{padding:50px 30px;}
  .talent .txt{font-size:18px;}

  .recruit-text{gap:40px; padding:0 20px;}
  .recruit-3 > ul{gap:60px; margin:0px auto;}

  .process-tab{grid-template-columns:repeat(4,1fr);}
  .process-tab .tab{font-size:14px;}
  .process-2{padding:50px;}

  .process-3 .icon img{height:80px; }

  .product-list .list{gap:30px;padding:40px 10%; }
  .product-list .list-img{flex:0 0 100%;}
  .product-list .list-txt{flex:1;}

  .product-list .list{gap:40px;padding:40px; }
  .product-list .list-img{flex:0 0 100%; padding:0 10%;}
  .product-list .list-txt{flex:1; padding:0 5%;}

  .product-top{gap:20px;margin-bottom:60px; }
  .product-top .btnArea{width:120px;}
  .product-top .btn{font-size:14px;}
  .product-top .titArea{flex:1;margin-right:120px; }
  .product-top .titArea > h3{font-size:45px;}

  .detail-box{gap:20px;padding:60px 40px;}
  .detail-box .imgArea{flex:1; padding:0 8%;}
  .detail-desc{gap:60px; margin:60px auto; }

  .img-list .tit{font-size:17px; }


}



/* Tablet 960px 이하 */
@media all and (max-width:960px) { 
  .lnb__li > a{ font-size:17px; min-width:110px;}
  .lnb__sub{gap:10px 18px; }
  .lnb__sub > li{padding-left:18px; }
  .lnb__sub > li > a{font-size:14px;}

  .m-notice{grid-template-columns:repeat(2,1fr);gap:40px;}
  .m-notice li:nth-of-type(3){display:none;}
  .m-notice .date{font-size:14px; margin-bottom:15px;}
  .m-notice .tit{font-size:18px;}
  .m-notice .txt{font-size:16px;}

  .pc_img{display: none;}
  .tb_img{display: inline-block;}

  /*** sub layout ***/






}

	
/* Mobile 768px 이하 */
@media all and (max-width:768px) { 
  :root {
    --padding-t:80px; 	
  }

  .lnbtop{margin-bottom:40px;  }
  /* new lnb */
  .lnb__li {position: relative;display:block;margin-bottom:10px; padding:0 10px; }
  .lnb__li > a{display:inline-block; width:100%; font-weight:600; font-size:18px;padding:10px 40px 10px 0px; }
  /*.lnb__li > a:after{ position: absolute;content: ''; bottom:0px; left: 50%;width: 0;height: 0;opacity: 0;background-color:  var(--primary-color);z-index: 1; -webkit-transition: all 200ms linear;transition: all 200ms linear; }
  .lnb__li.is-on > a:after{ height: 3px;opacity: 1;left: 0;width: 100%;} */
  .lnb__li .toggle{right:0px; top:0px; }
  .lnb__li .toggle:before{width:8px;height:2px;}
  .lnb__li .toggle:after{width:8px;height:2px;}
  .lnb__li.is-on .toggle:before{margin-top:-8px;}
  .lnb__li.is-on .toggle:after{margin-top:-8px;}
  .lnb__sub{ padding:8px 10px; }
  .lnb__sub > li > a{font-size:15px;}
  .lnb__sub > li{padding-left:0px;padding:8px 0px; }
  .lnb__sub > li::after{display:none; }

  .pc_only{display: none !important;}	
  .mo_only{display: inline-block !important;}
  .col50{width:100% !important; }

  /* footer  */
  .footer .f_cont li{gap:8px 15px;}
  .footer .f_cont li p{font-size:13px;}
  .footer .f_cont li p > span{margin-right:5px; }
  .footer .f_cont .f_copy{font-size:12px;margin-top:8px;}	

  .main-swiper-tit {font-size:40px;}
  .main-swiper-text {font-size:17px;}

  .section-1{padding:100px 5%; gap:40px;}
  .section-1 .textGroup h3{font-size:30px; margin:15px 0; }
  .section-1 .textGroup p{font-size:17px;}
  .section-1 .category{font-size:17px;}
  .section-1 .imgArea{aspect-ratio: 100 / 60;}
  .section-1 .imgArea .more{height:40px;width:130px;padding:8px 10px 0;}
  .more-btn{font-size:14px;}
  .more-btn .icon{width:26px;height:26px;font-size:20px;padding-bottom:3px;}

  .section-2{padding:140px var(--wrap-padding); }
  .section-2 .tit{font-size:34px; }
  .section-2 .txt{font-size:18px;}
  .section-2 .txt br{display:none;}
  .section-2 ul{gap:40px; padding:60px 0 0; }
  .section-2 .num-tit{font-size:16px;}
  .section-2 .num-txt{font-size:34px;}
  .section-2 .numArea{gap:5px; }

  .slide-content .category{font-size:18px;}
  .slide-content .textGroup h3{font-size:30px;margin:15px 0 30px;  }
  .slide-content .textGroup p{font-size:16px; }
  .thumb-item .thumb-img { width: 50px; height: 50px;}
  .thumb-item .thumb-title {margin-left: 5px;font-size:13px;}
  .swiper-tab .swiper-slide-thumb-active .thumb-item {padding-right:35px; }
  .swiper-tab .swiper-slide-thumb-active .thumb-item::after {right:0px;width:25px;}

  .vod_wrap{margin:60px auto;}

  .section-4{padding:100px var(--wrap-padding);}
  .section-4 h3{font-size:40px; }
  .section-4 p{font-size:18px;}

/*  .more{height:40px;}
  .more > span{font-size:14px; background-size:10px auto; padding-right:20px;} */

  .more-icon{font-size:16px;}
  .more-icon img{width:18px;}
  .more-icon .arrow{width:24px; height:24px; background-size:8px auto;}

  .btn-mail{padding:0px 20px;}

  .more-go{height:40px;font-size:16px;padding:0px 25px;}
  .more-plus{width:26px;height:26px;font-size:20px;padding-bottom:3px; }

  .section-5{padding:80px var(--wrap-padding);}
  .section-5 .titleArea{margin-bottom:40px;}
  .section-5 .titleArea > h3{font-size:40px;gap:5px; }
  .section-5 .btnArea{gap:5px;}

  /*** sub layout ***/
  .container {padding:40px 0;}
  .title{font-size:40px;}
/*  .title > span{font-size:40px; }*/

  .subVisual{padding:100px var(--wrap-padding);}
  .subVisual .tit{font-size:35px;margin-bottom:20px; }
  .subVisual .stit{font-size:30px;margin-bottom:20px; }
  .subVisual .txt{font-size:18px; }
  .subVisual.visionTop{padding:140px var(--wrap-padding); } 

  .subVisual.recruitTop-1 .txt br, .subVisual.recruitTop-5 .txt br{display:inline;}

/* map */
  .pan_roughmap{height:400px;}
  .mapArea iframe{width:100%; height:400px;}
  .map-contacts .c_title{flex:0 0 100%; margin-bottom:6px; padding-left:0px;}
  .map-contacts .c_content{flex: 0 0 100%;}

  .list-type ul{gap:40px;}
  .list-type ul.type-3, .list-type ul.type-4, .list-type ul.type-5{grid-template-columns:repeat(2,1fr);}
  /* .list-type ul.type-3 li, .list-type ul.type-4 li, .list-type ul.type-5 li{width:-webkit-calc(100% / 2 - 20px); width:calc(100% / 2 - 20px);} */

  .categoryTab a{font-size:16px;}
  .categoryTab a > span{display:none;}
  .sub-tab a{height:40px;font-size:14px;}

  .history_contents:after{left:0px;}
  .history_contents:before{left:3px; top:60px;height:90%;}
  .history_contents > ul{padding-top:60px; }
  .history_contents .leftArea{position: relative; width:100%; padding:0px 0 0px 40px;}
  .history_contents .leftArea:after{position:absolute; left:0px; top:0px;content: ' ';width:7px;height:7px;background: var(--sub-color);border-radius:50%;z-index:1}
  .history_contents .leftArea > h3{font-size:24px;color:var(--concept-color)}
  .history_contents .leftArea > p{font-size:18px;margin-top:15px;}
  .history_contents .rightArea{flex:0 0 100%; padding:40px 0 0 40px;}
  .history_contents .rightArea:after{display:none;}
  .history_cont .year{width:80px;font-size:20px;margin-bottom:15px;}
  .history_cont .month{width:30px;font-size:16px;}
  .history_cont .txt > p{font-size:16px;}

  .company-top{padding:120px 5% 60px;}
  .company-top::after{height:70%;}
  .company-top .tit{font-size:30px;margin-bottom:30px;  }
  .company-top .txt{font-size:18px;}
  .company-top .txt br{display:none;}
  .company{padding:0 5%;}
  .company ul{gap:20px; }
  .company li{flex:0 0 100%;}
  .company li:first-of-type{flex:0 0 100%;}
  .company dt{flex:0 0 120px;  }
  .company .title-head{font-size:30px;}


  .vision .textGroup > h3{font-size:18px;}
  .vision .textGroup > p{font-size:18px;}
  .vision .textGroup > p br{display:none;}
  .vision .imgGroup.img-1{padding:60px 20px 60px 8%; background:url(/images/sub/vision-1.jpg) 70% 50% no-repeat;background-size:cover;}
  .vision .imgGroup.img-2{padding:50px 20px 50px 40%; background:url(/images/sub/vision-2.jpg) 50% 50% no-repeat;background-size:cover;}
  .vision .imgGroup > h3{font-size:30px;}
  .vision .imgGroup .txt{font-size:20px;}
  .vision .imgGroup .b-txt{font-size:16px;padding-left:15px;}
  .vision .imgGroup .b-txt::before{top:10px; width:5px; height:5px;}

  .values .iconArea{gap:20px; margin:60px auto;  }
  .values .icon-txt{font-size:18px;}

  .values-circle{ margin:60px auto; gap:10px; padding-left:0px;}
  .values-circle .circleArea{flex:0 0 100%;}
  .values-circle .circleArea .circle_1{width:100%; aspect-ratio:unset;border-radius:10px; padding:30px 10px; }  
  .values-circle .circleArea .circle_2{width:100%; aspect-ratio:unset; margin-left:0px;border-radius:10px; padding:30px 10px; }  
  .values-circle .circleArea .circle_3{width:100%;aspect-ratio:unset; margin-left:0px; border-radius:10px; padding:30px 10px; }  
  .values-circle .v_tit{font-size:28px;}  
  .values-circle .v_txt{font-size:16px;}  

  #chart-container{min-height:400px;}
  .ir-area > section{margin-top:60px; }
  .titleDiv .select-wrap{width:120px; }

  .subVisual.ceoTop .stit > br{display:inline;}
  .greeting .imgArea img{max-width:400px;}  
  .greeting .contArea > h3{font-size:22px;}
  .greeting .contArea > p{font-size:17px;}
  .greeting .sign{gap:15px; font-size:16px;}
  .greeting .sign-img img{width:160px; }

/* ir */
  .ir-main{padding:80px 20px;}
  .ipo-process{padding-bottom:50px;overflow:hidden;}
  .ipo-process-list{width:max-content;min-width:100%; justify-content:center;}
  .ipo-step{ width:70px;flex:0 0 70px;}
  .ipo-circle{width:68px; height:68px;font-size:14px; }
  .ipo-date{ margin-top:10px;font-size:11px; min-height:17px;}
  .ipo-arrow{width:20px; flex:0 0 20px; height:68px;}
  .ipo-arrow span{left:2px;top:34px; width:15px; height:1px;}
  .ipo-arrow span::after{top:-3px; width:7px; height:7px;border-width:1px; }
  .ir-file{ min-height:75px; padding:0 5px;}
  .ir-file-title{ font-size:15px;}
  .ir-file-download{font-size:14px;}
/*  .download-icon{transform:scale(.85);}*/

  .board-inner{padding:60px var(--wrap-padding);}

.news-list > li{padding:30px 10px;}
.news-list > li > a{flex-wrap: wrap; gap:10px;}
.news-list .category{width:100%;font-size:14px; display:none;}
.news-list .tit{flex:1;font-size:16px;}
.news-list .date{width:100%;font-size:13px;}

  /* board form 공통 */
  .list--top{display:flex;justify-content:space-between;flex-wrap: wrap; }
  .list--top .list-total{width:100%; order:2;}
  .list--top .list-search{width:100%; max-width:100%; order:1;margin-bottom:20px; }
  .list--top .searchLine{width:100%;max-width:100%; order:1;margin-bottom:20px;}

  .list-total{font-size:14px;}
  .list-search .selectArea{width:100px;}

  .board-view .content_box img{max-width:100% !important;}
  .board-view .content_box{padding:30px 0px; min-height:auto;}
  .board-view .btnBox{padding:10px 5px;}
  .board-view .btnBox .item1{padding-right:5px;}
  .board-view .btnBox .item2{padding:0 10px;width:auto;}
  .board-view .btnBox .item3{padding-left:5px;}
  .board-view .subjectBox{padding:15px 0px;}
  .board-view .file_box{padding:15px 5px;}

  .board-btn-prev{margin-right:0px;}
  .board-btn-next{margin-left:0px;}

  .boardList ul{flex-wrap: wrap;justify-content:flex-start;}
  .boardList ul.list-head{display: none !important;}  
  .boardList .etc-blank{flex:0 0 100%; height:10px;}
  .boardList .stit_mo{display: inline-block;}

  .boardList .chkbox{flex:0 0 100%;text-align:left;padding-bottom:25px;}  
  .boardList .no{flex:0 0 100%; font-weight: 600;font-size:14px;color:#666; padding:0px 0px 0px 0px;text-align:left;/* align-self: flex-start;*/ margin-bottom:6px;} 
  .boardList .subject{flex:0 0 100%;text-align:left;font-weight: 600;font-size:16px;padding:0px;margin-bottom:10px;}    
  .boardList .name{flex:0 0 auto;text-align:left;font-size:13px;padding:0px 20px 5px 0px;}
  .boardList .file{flex:0 0 auto;text-align:left;font-size:13px;padding:0px 20px 5px 0px;}
  .boardList .hit{flex:0 0 auto;text-align:left;font-size:13px;padding:0px 20px 5px 0px;}
  .boardList .date{flex:0 0 auto;text-align:left;font-size:13px;padding:0px 20px 5px 0px;} 
  .boardList .list-body li:last-child{padding:0px 0px 5px 0px;}
  .boardList .list-body{padding:15px 10px;}
  .boardList .nodata{padding:60px 10px; font-size:14px;}

  .form_sty{margin:0px 0 40px;}
  .form_sty > ul{display: flex;flex-wrap: wrap;padding:15px 0px; gap:10px;  }
  .form_sty > ul > li{padding:0px;}
  .form_sty > ul > li:nth-child(3){margin-top:15px;}
  .form_sty .tit{flex:0 0 100%; padding-top:0px;}
  .form_sty .tit > *{font-size: 14px;}
  .form_sty .cont{flex:0 0 100%; }
  .form_sty .select-w{flex:0 0 100%;} /* 모바일 100% */

  .wr_box{padding:20px;}
  .wr_box > h3{font-size:14px;}
  .wr_box > p{font-size:13px;}

  .table-scroll-auto th {padding:10px; font-size:14px;}
  .table-scroll-auto td {padding:10px;font-size:14px;}
  .table-scroll-auto.atable th{padding:10px 8px;}
  .table-scroll-auto.atable td{padding:10px 8px;}


  /* text */
  .tit-xlg{font-size:28px;}

  .tit-lg{font-size:22px;}
  .tit-md{font-size:18px;}
  .tit-sm{font-size:17px;}
  .tit-s{font-size:15px;}

  .txt-lg{font-size:20px;}
  .txt-m{font-size:17px;}
  .txt-md{font-size:16px;}
  .txt-sm{font-size:15px;}
  .txt-s{font-size:13px;}

  .tit-round{font-size:20px;padding-left:16px;}
  .tit-round::before{top:10px;width:10px; height:5px;}

  .in-title{font-size:24px; }

  .bullet-tit{font-size:16px;padding-left:10px;}
  .bullet-tit::before{top:8px; width:4px; height:4px; }

  .bullet-txt{font-size:15px;padding-left:10px;}
  .bullet-txt::before{top:8px; width:4px; height:4px; }

  .line-list{font-size:15px;padding-left:10px;}
  .line-list::before{font-size:15px;}
  .notice-txt > span{font-size:14px;}

  .ir-top .drag-guide {display:flex;  }

  /* esg */
  .esg-1 .textGroup > p br{display:none;}
  .esg-1 > ul{gap:30px 0;margin-top:60px;}
  .esg-1 > ul li{flex:0 0 100%;}
  .esg-1 > ul:nth-of-type(even) li:first-of-type{order:1;}
  .esg-1 > ul:nth-of-type(even) li:last-of-type{order:2;}
  .esg-1 .imgArea{position: relative; width:100%;height:auto; aspect-ratio: 5 / 2.5; }
  .esg-1 .imgArea img{position: absolute; width:100%; height:100%;object-fit: cover; object-position: 50% 50%;  border-radius: 10px;} 

  .div-text{padding:0 10px;}
  .div-text > h3{margin-bottom:10px;}


  .esg-2 > ul > li{flex:0 0 100%;}
  .esg-2 .imgArea{position: relative; width:100%;height:auto; aspect-ratio: 5 / 2.5; }
  .esg-2 .imgArea img{position: absolute; width:100%; height:100%;object-fit: cover; object-position: 50% 60%;  border-radius: 10px;} 
  .esg-2 dt{margin-bottom:10px;}
  .esg-2 .grayBox > h3{margin-bottom:10px;}

  .esg-topimg .tit{font-size:32px;}
  .sub-title{font-size:28px;}

  .recruit-1 .list-type ul{gap:20px;}
  .recruit-1 .bar-title{padding:10px 30px; border-radius:24px;font-size:16px;}
  .recruit-1 .email-txt{gap:15px;font-size:20px;}
  .recruit-1 .email-icon img{width:30px;}
  .talent .icon img{height:70px;}

  .recruit-2 > ul{margin-top:60px; padding-top:60px;}
  .recruit-2 .imgArea{height:auto; min-height:200px; aspect-ratio: 5 / 2; margin:30px 0; }
  .recruit-text{gap:20px; padding:0 10px;}
  .recruit-text > *{flex:0 0 100%;}

  .recruit-3 > ul{gap:60px;}
  .recruit-3 > ul li{flex:0 0 100%;}
  .recruit-3 dl{margin-top:40px;}

  .recruit-4 > ul{grid-template-columns: repeat(2, 1fr); gap:15px; }
  /*
  .recruit-4 > ul{grid-template-columns: repeat(6, 1fr); gap:15px; }
  .recruit-4 > ul > li:nth-child(-n+3){grid-column:span 2;}
  .recruit-4 > ul > li:nth-child(n+4){grid-column:span 3;} 둘째 줄 : 2개 (각각 3칸씩 사용 = 50%) */
  .recruit-4 > ul > li > h3{font-size:20px;}
  .recruit-4 .icon{width:100px; height:100px;margin-bottom:20px;}
  .recruit-4 .icon img{height:40px;}

  
  .process-tab{grid-template-columns:repeat(4,1fr);gap:1px;}
  .process-tab .tab{height:40px;font-size:13px;}
  .process-1{gap:40px;padding:40px 0px;}
  .process-1 .contArea{flex:0 0 100%; order:2;}
  .process-1 .imgArea{flex:0 0 100%; order:1;}
  .text-num .num{font-size:11px; }
  .text-num .tit{flex:0 0 80px;}
  .text-num .num-tit{flex:0 0 20px;}

  .process-2{padding:40px;}
  .process-2 .imgArea{margin-bottom:60px;}

  .process-3 > ul{gap:5px 0px;}
  .process-3 > ul > li{width:calc(100% / 2 - 15px);border-radius:30px; padding:30px 20px;}
  .process-3 > ul > li.arrow-img{flex:0 0 30px; height:25px;margin-top:70px;  }
  .process-3 > ul > li.arrow-full{height:25px;}
  .process-3 .arrow{width:30px;height:25px;background-size:auto 25px; }
  .process-3 .arrow-1{width:calc(100% / 2 - 15px);height:25px;background-size:auto 25px; }
  .process-3 .arrow-2{width:30px;height:25px;background-size:auto 25px; transform: rotate(180deg); }

  .process-3 > ul > li:nth-of-type(4).arrow-img{flex:0 0 100%;margin-top:0px; align-items: flex-end; }
  .process-3 > ul > li:nth-of-type(4) .arrow{width:calc(100% / 2 - 15px);height:25px;background:url(/images/sub/arrow-sty2.png) 50% 50% no-repeat; background-size:auto 25px; }
  .process-3 > ul > li:nth-of-type(1){order:1;} /*웨이퍼제조*/
  .process-3 > ul > li:nth-of-type(2){order:2;} /*화살표*/
  .process-3 > ul > li:nth-of-type(3){order:3;} /* 산화공정 */
  .process-3 > ul > li:nth-of-type(4){order:4;} /*화살표*/

  .process-3 > ul > li:nth-of-type(5){order:7;} /*포토공정*/
  .process-3 > ul > li:nth-of-type(6){order:6; } /*화살표*/
  .process-3 > ul > li:nth-of-type(6) .arrow{ transform: rotate(180deg);}
  .process-3 > ul > li:nth-of-type(7){order:5;} /*식각공정*/
  .process-3 > ul > li:nth-of-type(8){order:8;}  /*full 화살표*/
  .process-3 > ul > li:nth-of-type(8).arrow-full {align-items:flex-start;  }
  .process-3 > ul > li:nth-of-type(8).arrow-full .arrow-1{width:calc(100% / 2 - 15px); }
  .process-3 > ul > li:nth-of-type(9){order:9;}  /*증착이온주입공정*/
  .process-3 > ul > li:nth-of-type(10){order:10;} /* -2화살표*/
  .process-3 > ul > li:nth-of-type(10) .arrow-2{transform: rotate(0deg);}
  .process-3 > ul > li:nth-of-type(11){order:11;}  /*금속배선공정*/
  .process-3 > ul > li:nth-of-type(12){order:12;} /* -2화살표*/
  .process-3 > ul > li:nth-of-type(12).arrow-img{flex:0 0 100%;margin-top:0px; align-items: flex-end; }
  .process-3 > ul > li:nth-of-type(12) .arrow-2{width:calc(100% / 2 - 15px);height:25px;background:url(/images/sub/arrow-sty2.png) 50% 50% no-repeat; background-size:auto 25px;transform: rotate(0deg); }
  .process-3 > ul > li:nth-of-type(13){order:15;}  /* EDS공정*/
  .process-3 > ul > li:nth-of-type(14){order:14;} /* -2화살표*/
  .process-3 > ul > li:nth-of-type(15){order:13;} /* 패키징공정 */

  .product-list > ul{grid-template-columns:repeat(2,1fr);gap:20px;}
  .product-list .list{gap:40px;padding:40px; }
  .product-list .list-img{flex:0 0 100%; padding:0 10%;}
  .product-list .list-txt{flex:1; padding:0;}
  .product-list h4{font-size:14px;}
  .product-list h3{font-size:24px;margin-bottom:20px;}
  .product-list p{font-size:16px;}
  .product-list .more{margin-top:20px;}


  .product-top{margin-bottom:40px;gap:30px;  }
  .product-top .btnArea{width:100%;}
  .product-top .titArea{flex:1;margin-right:0px; }
  .product-top .titArea > h3{font-size:40px;}

  .detail-box{gap:40px 0;padding:60px 40px;}
  .detail-box .imgArea{flex:0 0 100%; padding:0 25%;}
  .detail-box .imgArea img{max-width:100%; max-height:300px; }
  .detail-box .txtArea{flex:0 0 100%;}
  .detail-box .txtArea > h4{margin-bottom:20px; }

  .detail-desc{gap:20px; margin:40px auto; }
  .detail-desc .tit{flex:0 0 100%; }
  .detail-desc .cont{flex:0 0 100%; }

  .product-3 .graphArea{margin:80px auto 0;}

  .img-list .tit{font-size:16px; }




}

/*mobile 640 이하 */
@media all and (max-width:640px){

  .section-4 h3{font-size:35px; }
  .section-4 p{font-size:17px;}

  .tit-xlg{font-size:26px;}
  .sub-title{font-size:26px;}

  .recruit-1 .list-type ul{grid-template-columns:1fr;gap:20px; }
  .recruit-1 .bar-title{font-size:16px;}
  .recruit-1 .email-txt{gap:10px;font-size:18px;}
  .recruit-1 .email-icon img{width:26px;}
  .talent{padding:30px 15px;}
  .talent .tit{font-size:26px;}
  .talent .stit{font-size:18px;}
  .talent .txt{font-size:16px;}
  .talent .icon img{height:60px;}

  .product-list > ul{grid-template-columns:repeat(1,1fr);gap:20px;}
  .product-list .list-img{padding:0 15%;}

  .table-scroll-auto.dtable th{padding:10px;font-size:14px;}
  .table-scroll-auto.dtable td{padding:10px;font-size:14px;}

}

/*mobile 540 이하 */
@media all and (max-width:540px){  
  :root {
    --wrap-padding:6%; 
  }

  /* 모바일 오버 효과 삭제 */
  .menu-icon:hover .menu-icon__line-left,
  .menu-icon:hover .menu-icon__line-right {width: 16.5px;}
  .nav__list-item > a{ color: rgba(255,255,255,1); font-size:20px;}
  .nav__list-item > a:hover:after{ width: 0;height: 0;opacity: 0;}
  .nav__list li.open li a:hover{color: rgba(255,255,255,0.8);}

  input:focus{outline:none;}
  body,textarea:focus,input:focus,a:focus {-webkit-tap-highlight-color: transparent;} 

  .lnb_logo img{max-height:70px;}
  .lnb__li > a{font-size:17px;}

  .main-swiper-tit {font-size:34px;}
  .main-swiper-text { font-size:16px;}

  .section-1 .textGroup h3{font-size:28px; margin:15px 0; }
  .section-1 .textGroup p{font-size:16px;}
  .section-1 .textGroup p br{display:inline;}
  .section-1 .category{font-size:16px;}
  .more-btn{font-size:13px;}
  .more-btn .icon{width:24px;height:24px;font-size:18px;padding-bottom:2px;}

  .section-2{padding:120px var(--wrap-padding); }
  .section-2 .tit{font-size:28px; }
  .section-2 .txt{font-size:16px;}
  .section-2 .txt br{display:none;}
  .section-2 ul{gap:20px; padding:60px 0 0; }
  .section-2 ul li{flex:1;}
  .section-2 .num-tit{font-size:14px;}
  .section-2 .num-txt{font-size:28px;}
  .section-2 .numArea{gap:5px; }

/*.swiper-product {padding:0 0px 20px; margin-bottom:15px;}  
.tab-ty1{display:none;}
.swiper-product .swiper-pagination{display:inline-flex;} */

  .section-3{padding:100px 0; }
  .slide-content .detail-image {width:100%;}
  .slide-content .detail-image img {max-width: 250px;}

  .slide-content .textGroup h3{font-size:26px;margin:15px 0 30px;  }
  .slide-content .textGroup p{font-size:15px; }

  .vod_wrap{margin:60px auto;}

  .section-4{padding:80px var(--wrap-padding);}
  .section-4 h3{font-size:30px; }
  .section-4 p{font-size:16px;}

  .section-4 .btnArea{gap:2px;}
  .more-icon{height:42px;gap:10px; font-size:15px; padding:0px 12px 0px 20px;}
  .more-icon img{width:18px;}
  .more-icon .arrow{width:24px;height:24px; background-size:8px auto;}

  .btn-mail{gap:5px;height:42px; font-size:13px;padding:0px 18px;}
  .btn-mail img{width:16px;}

  .more-go{height:36px;font-size:14px;padding:0px 16px;}
  .more-go .arrow{display:inline-block;width:14px; height:20px; background:url(/images/layout/arrow-next.png) 0% 50% no-repeat; background-size:14px auto;}
  
  .section-5{padding:60px var(--wrap-padding);}
  .section-5 .titleArea > h3{font-size:30px; }
  .section-5 .btnArea > *{min-width:auto;}

  .m-notice{grid-template-columns:1fr;gap:25px;}
  .m-notice li{padding-top:25px; border-top:1px solid #ddd; }
  .m-notice li:nth-of-type(3){display:inline;}
  .m-notice .date{font-size:14px; margin-bottom:15px;}
  .m-notice .tit{font-size:18px; overflow: hidden;text-overflow:unset; -webkit-line-clamp:unset;line-height: 1.4em;height:auto; }
  .m-notice .txt{font-size:16px;}
  
  /*** sub layout ***/
  .title{font-size:34px;margin-bottom:30px; }
/*  .title > span{font-size:34px; }*/

  .subVisual{padding:100px var(--wrap-padding);}
  .subVisual .tit{flex-direction: column;gap:10px; font-size:30px;margin-bottom:20px; }
  .subVisual .stit{font-size:26px;margin-bottom:20px; }
  .subVisual .txt{font-size:17px; }
  .subVisual.visionTop{padding:100px var(--wrap-padding); } 
  .subVisual .tit em{display:none;}

  .list-type ul{gap:30px; }
  /*.list-type ul{gap:30px;}
  .list-type ul.type-3 li, .list-type ul.type-4 li, .list-type ul.type-5 li{width:-webkit-calc(100% / 2 - 15px); width:calc(100% / 2 - 15px);} */

  .menuTab li{margin-right:30px;}
  .menuTab li:last-child{margin-right:30px;}
  .menuTab a{font-weight:400;font-size:16px;}

  .tab-menu.type1 li{flex:1; min-width:auto; }
  .tab-menu a{height:40px;font-size:16px;}

  /* history */
  .history_contents .leftArea{padding:0px 0 0px 20px;}
  .history_contents .leftArea > h3{font-size:22px;}
  .history_contents .leftArea > p{font-size:16px;margin-top:15px;}
  .history_contents .rightArea{padding:40px 0 0px 20px;}

  .history_cont .year{width:100%;font-size:18px;margin-bottom:15px;}
  .history_cont .contGroup{flex:0 0 100%; }
  .history_cont .month{width:30px;font-size:15px;}
  .history_cont .txt > p{font-size:15px;}

  .company-top{padding:100px 5% 60px;}
  .company-top::after{height:70%;}
  .company-top .tit{font-size:24px;padding:0 5%;  }
  .company-top .txt{font-size:16px;padding:0 5%;  }
  .company{padding:0 5%;}
  .company dt{flex:0 0 100px;  }
  .company .title-head{font-size:24px;}

  .vision{padding:80px 0 80px; }
  .vision .textGroup{margin:0px auto 60px; text-align: left; }
  .vision .textGroup > h3{font-size:16px;}
  .vision .textGroup > p{font-size:16px;}
  .vision .imgGroup{margin-top:20px;}
  .vision .imgGroup.img-1{padding:50px 50% 50px 8%;  background:url(/images/sub/vision-1.jpg) 75% 50% no-repeat;background-size:cover;}
  .vision .imgGroup.img-2{padding:50px 20px 50px 8%; background:url(/images/sub/vision-2.jpg) 70% 50% no-repeat;background-size:cover;}
  .vision .imgGroup > h3{font-size:24px; margin-bottom:10px;}
  .vision .imgGroup > p{margin-top:3px;}
  .vision .imgGroup .txt{font-size:14px;}
  .vision .imgGroup .b-txt{font-size:14px;padding-left:10px;}
  .vision .imgGroup .b-txt::before{top:8px; width:3px; height:3px;}

  .values .iconArea{gap:40px 20px; margin:60px auto;  }
  .values .iconArea > li{flex:0 0 calc(50% - 10px);}
  .values .icon-txt{font-size:16px;}

  .values-circle{ margin:60px auto; gap:10px; padding-left:0px;}
  .values-circle .v_tit{font-size:24px;}  
  .values-circle .v_txt{font-size:15px;}  

  .map-contacts .c_title{font-size:15px;}
  .map-contacts .c_content{font-size:15px;}

  .tb_img{display: none;}
  .mo_img{display: inline-block;}

  #chart-container{min-height:300px;}

  .drag-guide {display:flex;}

  .greeting .imgArea{margin:60px 0; }
  .greeting .imgArea img{ max-width:280px;}  
  .greeting .contArea > h3{font-size:20px;margin-bottom:20px; }
  .greeting .contArea > p{font-size:16px;}
  .greeting .sign{font-size:15px;margin-top:40px; }
  .greeting .sign{gap:15px; font-size:16px;}
  .greeting .sign-img img{width:130px; }

  .esg-1 .textGroup > h3{ margin-bottom:30px;}
  .esg-1 .textGroup > h3 br{display:none;}
  .esg-2 > ul{gap:40px;}
  .esg-2 > ul > li{flex:0 0 100%;}
  .esg-2 .imgArea{position: relative; width:100%;height:auto; aspect-ratio: 5 / 2.5; }
  .esg-2 .imgArea img{position: absolute; width:100%; height:100%;object-fit: cover; object-position: 50% 60%;  border-radius: 10px;} 
  .esg-2 dt{margin-bottom:10px;}
  .esg-3 .textGroup > h3{margin-bottom:30px;}
  .grayBox{padding:25px;}

  .sub-title{font-size:24px;margin-bottom:30px;}
  .esg-topimg .tit{font-size:26px;}

  .process-tab{grid-template-columns:repeat(4,1fr);gap:1px;}
  .process-tab .tab{height:40px;font-size:11px;}
  .text-num{ gap:5px;}
  .text-num .num{font-size:10px; }
  .text-num .tit{flex:0 0 100%;}
  .text-num .num-tit{flex:0 0 18px;}
  .process-1 .imgArea{padding:0 15%;}

  .process-2{padding:30px;}
  .process-2 .imgArea{margin-bottom:40px;}

  .process-3 > ul > li{border-radius:20px; padding:30px 15px;}
  .process-3 .icon img{height:60px; }
  .process-3 .tit{ font-size:15px;}

  .product-top .titArea > h3{font-size:35px;}
  .detail-box{gap:40px 0;padding:60px 40px;}
  .detail-box .imgArea{flex:0 0 100%; padding:0 20%;}

  .product-3 .graphArea{margin:40px auto 0;}

  .esg-5 .list-type ul{grid-template-columns:1fr; gap:60px 0;}
  .esg-5 > h3{margin-bottom:40px;}



  /* 공통 */   
  .pagination {margin: 40px 0;}
  .list--search{max-width:100%;margin-left:0;}

  .board-view .subjectBox .rightArea{gap:10px;}
  .board-view .subject{font-size:17px;}
  .board-view .stit{font-size:13px;margin-right:2px;}
  .board-view .name{font-size:13px;}
  .board-view .date{font-size:13px;}
  .board-view .hit{font-size:13px;}
  .board-view .content_box p{font-size:15px;}
  .board-view .listBox > div{padding:15px 5px;}
  .board-view .listBox .dateArea{ display:none; /*width:70px;font-size:12px;*/ }

  .inputfile-wrap label.btn {width:80px;margin-left:5px;font-size:13px;}
  .input-tel{flex:1;}

  .captcha-box .img-box {order:1;width:100px; height:100px;}
  .captcha-box a{order:2;}
  .captcha-box .input_sty{width:100%; order:3;}

  .table-scroll-auto th {padding:10px 8px;font-size:13px;}
  .table-scroll-auto td {padding:10px 8px;font-size:13px;}
  .table-scroll-auto.btable th{font-size:14px;}
  .table-scroll-auto.btable td{font-size:14px;}
  .table-scroll-auto.ctable th{padding:10px;font-size:14px;}
  .table-scroll-auto.ctable td{padding:10px;font-size:14px;}


  /* .table-scroll-auto th.bg-3, .table-scroll-auto td.bg-3{text-align: left; } */

  .popup--inner{padding:20px;}

  .boardList .subject{font-size:15px;}   
  .list-search{max-width:100%;}
  .mo_none{display:none;}

  /* text */
  .tit-xlg{font-size:24px;}
  .tit-lg{font-size:20px;}
  .tit-md{font-size:17px;}
  .tit-sm{font-size:16px;}
  .tit-s{font-size:14px;}

  .txt-lg{font-size:18px;}
  .txt-m{font-size:16px;}
  .txt-md{font-size:15px;}
  .txt-sm{font-size:14px;}
  .txt-s{font-size:13px;}

  .tit-round{font-size:18px;padding-left:16px;}

  .in-title{font-size:20px; }

  .bullet-tit{font-size:15px;padding-left:10px;}
  .bullet-tit::before{top:8px; width:4px; height:4px; }

  .bullet-txt{font-size:14px;padding-left:10px;}
  .bullet-txt::before{top:8px; width:4px; height:4px; }

  .line-list{font-size:14px;padding-left:10px;}
  .line-list::before{font-size:14px;}
  .notice-txt > span{font-size:14px;}



/* ir */
  .ipo-step{ width:66px;flex:0 0 66px;}
  .ipo-circle{width:64px; height:64px;font-size:13px; }
  .ipo-date{ margin-top:10px;font-size:11px; min-height:17px;}
  .ipo-arrow{width:10px; flex:0 0 10px; height:64px;}
  .ipo-arrow span{left:0px;top:32px; width:7px; height:1px;background:none;}
  .ipo-arrow span::after{top:-3px; width:7px; height:7px;border-width:1px; }
  .ipo-step.active + .ipo-arrow span{background:none;}





}


/*mobile 430 이하 */
@media all and (max-width:430px){  
  #header .logo{background-size:auto 36px;min-height:36px; }
  .submenu-lagnuage-wrap{display: none; }

  /* footer  */
  .footer{ gap:20px 0px;padding:40px var(--wrap-padding);}
  .footer .f_logo{flex:0 0 120px;min-height:30px;background-size:120px auto;}
  .footer .f_cont li{gap:6px 15px;}

  .main-swiper-tit {font-size:30px;}
  .main-swiper-text { font-size:16px;}

  .section-2{padding:120px var(--wrap-padding); }
  .section-2 .tit{font-size:24px; }
  .section-2 .txt{font-size:16px;}
  .section-2 ul{gap:20px; padding:40px 0 0; }
  .section-2 .num-txt{font-size:24px;}

  .vod_wrap{margin:40px auto;}

  .section-4 h3{font-size:24px; }
  .section-4 p{font-size:15px;}

  /*** sub layout ***/
  .title{font-size:30px;}
/*  .title > span{font-size:30px; }*/

  .greeting .imgArea img{ max-width:260px;}  
  .greeting .contArea > h3{font-size:18px; }
  .greeting .sign{gap:10px;}
  .greeting .sign-img img{width:110px; }

  .sub-title{font-size:22px;}
  .esg-topimg .tit{font-size:24px;}
  .esg-topimg{min-height:240px; }

  .recruit-4 > ul{grid-template-columns: repeat(1, 1fr); gap:15px; }
  .recruit-4 > ul li{padding:30px;}

  .process-2{padding:25px;}

  .product-top .titArea > h3{font-size:30px;}
  .detail-box{gap:40px 0;padding:50px 30px;margin-bottom:20px;}


  .list-type ul{grid-template-columns:1fr;gap:40px; }
  .list-type ul.type-3, .list-type ul.type-4, .list-type ul.type-5{grid-template-columns:1fr;}
  /*.list-type ul{gap:40px;}
  .list-type ul.type-3 li, .list-type ul.type-4 li, .list-type ul.type-5 li{width:100%;}*/

  /* text */
  .tit-xlg{font-size:22px;}
  .tit-lg{font-size:19px;}

  .table-scroll-auto.btable th{font-size:13px;}
  .table-scroll-auto.btable td{font-size:13px;}

  .table-scroll-auto.ctable th{font-size:13px;}
  .table-scroll-auto.ctable td{font-size:13px;}

  .table-scroll-auto.dtable th{font-size:13px;}
  .table-scroll-auto.dtable td{font-size:13px;}







}

@media all and (max-width:390px){
  .nav__list > li li a {font-size:14px;}
  .main-swiper-tit {font-size:28px;}
  #chart-container{min-height:260px;}




}


/*mobile 375 이하 */
@media all and (max-width:375px){
  /* footer  */
  .footer .f_logo{flex:0 0 100px;min-height:30px;background-size:100px auto;}
  .f_smenu > a {font-size:12px;padding-left:23px;}

  .section-2{padding:100px var(--wrap-padding); }
  .section-2 .tit{font-size:22px; }
  .section-2 .txt{font-size:14px;}
  .section-2 .num-tit{font-size:13px;}
  .section-2 .num-txt{font-size:22px;}

  .section-3{padding:80px 0; }
  .slide-content .detail-image img {max-width: 200px;}
  .slide-content .category{font-size:17px;}
  .slide-content .textGroup h3{font-size:24px; }
  .slide-content .textGroup p{font-size:15px; }
  .slide-content .textGroup .btnArea{margin-top:30px;padding:6px 20px 6px 6px;}

  /*** sub layout ***/
  .title{font-size:26px;}
/*  .title > span{font-size:26px; }*/

  .subVisual .tit{font-size:28px;margin-bottom:20px; }
  .subVisual .stit{font-size:24px;margin-bottom:20px; }
  .subVisual .txt{font-size:16px; }

  .menuTab li{margin-right:25px;}
  .menuTab li:last-child{margin-right:25px;}
  .menuTab a{font-size:15px;}

  /* map */
  .map-contacts .c_title{font-size:14px;}
  .map-contacts .c_content{font-size:14px;}

  #chart-container{min-height:240px;}

  .sub-title{font-size:20px;}
  .esg-topimg .tit{font-size:22px;}

  .recruit-4 > ul > li > h3{font-size:18px;}
  .recruit-4 .icon{width:80px; height:80px;}
  .recruit-4 .icon img{height:30px;}

  .product-top .titArea > h3{font-size:28px;}

  .img-list .tit{font-size:15px; }


  /* text */
  .tit-xlg{font-size:20px;}
  .tit-lg{font-size:18px;}
  .tit-md{font-size:16px;}
  .tit-sm{font-size:15px;}
  .tit-s{font-size:13px;}

  .txt-lg{font-size:17px;}
  .txt-m{font-size:16px;}
  .txt-md{font-size:14px;}
  .txt-sm{font-size:13px;}
  .txt-s{font-size:12px;}

  .in-title{font-size:18px; }
  
  .tit-round{font-size:17px;padding-left:16px;}

  .bullet-tit{font-size:14px;padding-left:10px;}
  .bullet-tit::before{top:8px; width:4px; height:4px; }

  .bullet-txt{font-size:13px;padding-left:10px;}
  .bullet-txt::before{top:8px; width:4px; height:4px; }

  .line-list{font-size:14px;padding-left:10px;}
  .line-list::before{font-size:14px;}
  .notice-txt > span{font-size:13px;}
  .categoryTab a{font-size:15px;}

  .table-scroll-auto.btable th{font-size:12px;}
  .table-scroll-auto.btable td{font-size:12px;}

  .table-scroll-auto.ctable th{font-size:12px;}
  .table-scroll-auto.ctable td{font-size:12px;}

  .table-scroll-auto.dtable th{font-size:12px;}
  .table-scroll-auto.dtable td{font-size:12px;}


/* ir */
  .ipo-step{ width:60px;flex:0 0 60px;}
  .ipo-circle{width:58px; height:58px;font-size:13px; }
  .ipo-date{ margin-top:10px;font-size:10px; min-height:17px;}
  .ipo-arrow{width:8px; flex:0 0 8px; height:58px;}
  .ipo-arrow span{left:0px;top:29px; width:6px; height:1px;background:none;}
  .ipo-arrow span::after{top:-3px; width:6px; height:6px;border-width:1px; }







}

/*mobile 360 이하 */
@media all and (max-width:360px){

  .section-4 h3{font-size:22px; }
  .section-4 p{font-size:14px;}

  .section-4 .btnArea{gap:2px;}
  .more-icon{height:42px;gap:5px;font-size:14px; padding:0px 10px 0px 18px;}
  .more-icon img{width:16px;}
  .more-icon .arrow{width:24px;height:24px; background-size:8px auto;}

  /*** sub layout ***/
  .greeting .imgArea img{ max-width:240px;}  
  .greeting .contArea > h3{font-size:17px; }
  .greeting .contArea > p{font-size:15px;}

  .categoryTab a{font-size:14px;}

  .boardList .no{font-size:13px;} 
  .boardList .subject{font-size:14px;}   

  .board-view .content_box p{font-size:14px;}
  .board-view .stit{font-size:12px;margin-right:2px;}
  .board-view .name{font-size:12px;}
  .board-view .date{font-size:12px;}
  .board-view .hit{font-size:12px;}
  .file_box > a{font-size:12px;}

  .sub-tab a{font-size:13px; }

  .process-3 .icon img{height:50px; }
  .process-3 .tit{ font-size:14px;}





/* sub */
#visual .visual-tit{font-size:20px;}
.visual-location > ul li{font-size:12px;} 


}



/*mobile 320 이하 */
@media all and (max-width:320px){
  :root {
  
  }

/* 공통 */
.list--search .selectArea{width:90px;}
.board-btn-prev{font-size:13px;}
.board-btn-next{font-size:13px;}
/*
.boardList .hit{flex:0 0 auto;text-align:left;font-size:13px;padding:0px 0px 0px 0px;}
.boardList .date{flex:0 0 100%;text-align:left; padding:0;margin-top:10px;}
*/





}


/*mobile 280 이하 */
@media all and (max-width:280px){



  


}



/* **************************************** *
 * height 
 * **************************************** */

  @media all and (max-height: 667px){
  .main-swiper-content{padding:150px 10% 100px;}
    :root {
    --sub-visual-height:50vh;	 
  }
      
  }