.sub_ban_all{position: relative;}
.sub_banner{overflow:hidden;}
.sub_img{position: relative;}
.sub_img .in_img{}
.sub_img p{    font-family: 'NEXON Lv1 Gothic OTF Bold'; position: absolute; top: 150px; left: 50%; transform: translateX(-50%); font-size: 60px; font-weight: 600; color: #fff;     width: 100%;
    text-align: center; filter: drop-shadow(0px 1px 16px #999);}
.sub_tab_all{ position: absolute; width: 100%; bottom: -1px; background: #f5f5f5; border-bottom: 1px solid #e5e5e5; }
.sub_tab_all.eth{bottom:0px;}
.sub_tab{max-width: 60rem;   position: relative; margin: 0 auto;}
.sub_tab ul{display: table; table-layout: fixed; width: 100%;}
.sub_tab ul li{color:#fff;  display: table-cell; text-align: center; line-height: 4rem;}
.sub_tab ul li.active{background: #033571;}
.sub_tab ul li a{    display: block; font-size: 17px; font-weight: 300;     color: #333;}
.sub_tab ul li.active a{font-weight:500;     color: #fff;}
.mob_sub_wrap{display: none;}
:lang(en) .sub_tab{    max-width: 92rem;}
:lang(pol) .sub_tab{max-width:92rem}
:lang(en) .sub_tab ul li{line-height: 1.6; vertical-align: middle; padding: 20px 15px;}

/* sub-banner background */
.company_bg{ background: url(../img/cp_bg.jpg) no-repeat; height:430px; background-size: cover; background-position: bottom;}
.ir_bg{background: url(../img/ir_bg.jpg) no-repeat; height:430px; background-size: cover; background-position: inherit;}
.pro_bg{background: url(../img/pr_bg.jpg) no-repeat; height:430px;     background-size: cover; background-position: 0px 0px;}
.pr_bg{background: url(../img/pr-bg.jpg) no-repeat; height:430px;     background-size: cover; background-position: 0px 0px;}
.eth_bg{background: url(../img/eh.jpg) no-repeat; height:430px;     background-size: cover; background-position: 0px 0px;}
.hr_bg{background: url(../img/hr-bg.jpg) no-repeat; height:430px;     background-size: cover; background-position: 0px 0px;}
.in_img{height:450px; animation: zoom-out-effect 4s ease-out; }

@keyframes zoom-out-effect {
    0% {
      transform: scale(1.15, 1.15);
    }
    100% {
      transform: scale(1, 1);
    }
  }



/* ********************************************* *
* 810px
* ********************************************* */
@media (max-width:960px){
    :lang(pol) .sub_wrap{    display: none !important;}
    :lang(pol) .mob_sub_wrap{display: block;}
        /* sub _tab 모바일 */
        :lang(pol) .mob_sub_wrap{display: block;}
        /* .mob_sub_wrap.active{display: block;} */
        :lang(pol) .mob_sub_wrap .mob_sub_tab_all{position: absolute; width: 100%; height:60px; bottom: 0;background: #f5f5f5;;}
        :lang(pol) .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab{display: flex;}
        :lang(pol) .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont{ position: relative; width: 50%; border-right: 1px solid #e5e5e5;}
       
        :lang(pol) .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont li{}
        .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont li .up{position: absolute; width: 30px; height: 30px; background: url(../img/click.png) no-repeat; background-position: right; top: 50%; right: 0; transform: translateY(-50%);}
        :lang(pol) .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont li .down{position: absolute; width: 30px; height: 30px; display:none; background: url(../img/down.png) no-repeat; background-position: right; top: 50%; right: 0; transform: translateY(-50%);}
        :lang(pol) .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont li .up, .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont li .down{}
        /* .up{position: relative;} */
        /* .up:before{position:absolute; content:""; background-position: right; right: 0; top: 50%; transform: translateY(-50%); width:30px; height:30px; background: url(../img/click.png) no-repeat; background-position: right;  } */
        /* .down{position: relative;} */
        /* .down:after{position:absolute; content:""; display:none; background-position: right; right: 0; top: 50%; transform: translateY(-50%); width:30px; height:30px; background: url(../img/down.png) no-repeat; background-position: right;} */
        :lang(pol) .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont:last-child{border-right:none;}
        :lang(pol) .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont .mobile li{padding:0px !important; cursor: pointer;}
        :lang(pol) .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont li{padding: 0px 30px; }
  
        :lang(pol) .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont>li{color:#333;  display: table-cell; text-align: center; line-height: 4rem;}
        :lang(pol) .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont  > li.active > div{}
        :lang(pol) .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont>li ul{ display: none; position: absolute;     z-index: 99;
             color: #333; width: 100%; text-align: left; background:#f5f5f5; border: 1px solid #e5e5e5; left: 0; padding: 20px 30px; line-height: 3;}
        
        :lang(pol) .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont li.active ul{display:block; }
        /* .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont li ul li{display:none; font-size: 18px;} */
        :lang(pol) .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont li div a{color: #333;}
        :lang(pol) .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont > li div a{pointer-events: none;}

    
}





/* ********************************************* *
* 810px
* ********************************************* */
@media (max-width:810px){
    

    .sub_tab ul li a { display: block; font-size: 15px;}
    .sub_img p{    font-size: 40px;}
}

/* ********************************************* *
* 710px
* ********************************************* */
@media (max-width:710px){
    .sub_wrap{    display: none !important;}

    
    /* sub _tab 모바일 */
    .mob_sub_wrap{display: block;}
    /* .mob_sub_wrap.active{display: block;} */
    .mob_sub_wrap .mob_sub_tab_all{position: absolute; width: 100%; height:60px; bottom: 0;background: #f5f5f5;;}
    .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab{display: flex;}
    .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont{ position: relative; width: 50%; border-right: 1px solid #e5e5e5;}
   
    .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont li{}
    .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont li .up{position: absolute; width: 30px; height: 30px; background: url(../img/click.png) no-repeat; background-position: right; top: 50%; right: 0; transform: translateY(-50%);}
    .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont li .down{position: absolute; width: 30px; height: 30px; display:none; background: url(../img/down.png) no-repeat; background-position: right; top: 50%; right: 0; transform: translateY(-50%);}
    .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont li .up, .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont li .down{}
    /* .up{position: relative;} */
    /* .up:before{position:absolute; content:""; background-position: right; right: 0; top: 50%; transform: translateY(-50%); width:30px; height:30px; background: url(../img/click.png) no-repeat; background-position: right;  } */
    /* .down{position: relative;} */
    /* .down:after{position:absolute; content:""; display:none; background-position: right; right: 0; top: 50%; transform: translateY(-50%); width:30px; height:30px; background: url(../img/down.png) no-repeat; background-position: right;} */
    .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont:last-child{border-right:none;}
    .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont .mobile li{padding:0px !important; cursor: pointer;}
    .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont li{padding: 0px 30px; }
    :lang(en) .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont li{padding: 0px 10px;}
    .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont>li{color:#333;  display: table-cell; text-align: center; line-height: 4rem;}
    .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont  > li.active > div{}
    .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont>li ul{ display: none; position: absolute;     z-index: 99;
         color: #333; width: 100%; text-align: left; background:#f5f5f5; border: 1px solid #e5e5e5; left: 0; padding: 20px 30px; line-height: 3;}
    
    .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont li.active ul{display:block; }
    /* .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont li ul li{display:none; font-size: 18px;} */
    .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont li div a{color: #333;}
    .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont > li div a{pointer-events: none;}

    :lang(en) .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont li a div{  width:140px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
}





/* ********************************************* *
* 640px
* ********************************************* */
@media (max-width:640px){
    .in_img{    height: 380px;}
    .sub_img p {font-size: 25px;}
    .m_tit{      top: 190px;  font-size: 16px;}
}




/* ********************************************* *
* 600px
* ********************************************* */
@media (max-width:500px){
    
    .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont.big_c{display: none;}
    .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont.small_c{width:100%;}
    :lang(en) .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont li a div{width:100%;}
    .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont>li ul{padding: 20px 10px;}
}



/* ********************************************* *
* 500px
* ********************************************* */
@media (max-width:500px){
    .company_bg{height: 480px;}

   
    .ceo_pic{background-size:cover; padding-bottom: 220px;}
    .sub_img p{   font-size: 30px; left: 50%; transform: translate(-50%, -50%);}

    /* .sub_img p.type03{    font-size: 50px;} */

    .m_tit {display:none;}
    .in_img{height:370px;}
    /* .m_tit{top: 200px;} */
    :lang(en) .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont li > div{line-height:1.5;     padding: 10px 0px;}
    :lang(en) .sub_img p{    line-height: 1;    font-size: 45px;}
    .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont>li{font-size: 12px;padding: 0px 16px;line-height: 5;}

    .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont li{padding:0px 16px !important;}
    .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont>li ul{padding:16px !important;}

    /* :lang(pol) .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont > li div a{font-size: 14px;} */
    

   

}




/* ********************************************* *
* 400;px
* ********************************************* */
@media (max-width:400px){
    :lang(en) .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont li a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 200px;}
    /* .sub_img p.type03{font-size: 37px;} */
}   



/* ********************************************* *
* 710px
* ********************************************* */
@media (max-width:300px){
    .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont li { padding: 0px 5px; }
    .mob_sub_wrap .mob_sub_tab_all .mob_sub_tab .sub_cont li .up{right: -9px;}
}