@charset "utf-8"; 
/* KOTRA SUB MAIN LAYOUT. 공사안내 서브메인 */
/* 2021-11-25 SSJ */
/* 2021-12-06 SSJ */
/* 2021-12-23 SSJ */



.subMainModul > .cobox .inner {max-width:none;}

.topBGbox .subMenu {position:absolute;padding-top: 32px;}
.topBGbox {padding-top:0; background:transparent; /*overflow:hidden;*/}
.topBGbox .subMainCon.introCon {padding-top:0;z-index:0; overflow:hidden;}
.topBGbox .subMainCon.introCon > img {z-index:0;max-height:750px;}
.topBGbox .subMainCon.introCon .blackBox {position:absolute;top: 46%;left:0;z-index: 1;width:100%;text-align:center;padding:50px 0;background: rgba(0,0,0,0.5);margin-top:-100px;/* transition: top 2s; */}
.topBGbox .subMainCon.introCon .blackBox .innerbox {font-size:53px;letter-spacing: -1px;color:#fff;line-height:130%;font-weight:200;width:100%;max-width:1300px;display:inline-block;margin:0 auto;box-sizing:border-box;text-align:left;padding-left:280px;}
.topBGbox .subMainCon.introCon .blackBox .iinerbox b {}



    @media (min-width:991px) and (max-width:1099px){  
        .topBGbox .subMainCon.introCon .blackBox .innerbox {font-size:45px; padding-left:25%;}
    }
    @media (max-width:990px) {   
        .topBGbox {padding:0px;}
        .topBGbox .subMainCon.introCon .blackBox .innerbox {padding: 20px 20px;font-size:40px;}

        .subMainCon>div {padding:0 !important;}
    }
    @media (max-width:799px) {   
        .topBGbox {height: 50vh;overflow: hidden;}
        .topBGbox .subMainCon.introCon {height:100%;background: #000;}
        .topBGbox .subMainCon.introCon > img {position: absolute;left: -999px;right: -999px;top: -999px;bottom: -999px;margin: auto;width: auto !important;max-height: 100%;opacity: 0.7;min-width: 100%;}
        .topBGbox .subMainCon.introCon .blackBox {padding:30px 0;margin-top: -70px;}
        .topBGbox .subMainCon.introCon .blackBox .innerbox {font-size: 25px;word-break: keep-all;}
        .topBGbox .subMainCon.introCon .blackBox .innerbox b:first-child {display:block;}
        
        .subMainModul > .cobox {padding-top: 20px;}
        .subMainModul > .cobox .inner .subMainCon .FXarea_slideNfade:first-child {margin-top:0; opacity:1 !important;}
    }




    .topBGbox .subMainCon.introCon .blackBox {animation:topvisualFX linear 1s 1 normal forwards;}

    @keyframes topvisualFX {
      0% {opacity:0; top:70%;}
      70% {top:45%;}
      100% {opacity:1; top:46%;}
    }