@media (max-width: 991px){
	.main_three_banner .con_reap{flex-wrap: wrap;}
    .main_three_banner .con_box{width: 100%;height: 230px;}
    .main_three_banner .con_box.on{width: 100%;}
    .main_three_banner .con_box.a1 .con_bg{background:url(../img/main-banner_m_03.jpg) no-repeat center / cover}
    .main_three_banner .con_box.b2 .con_bg{background:url(../img/main-banner_m_02.jpg) no-repeat center / cover}
    .main_three_banner .con_box.c3 .con_bg{background:url(../img/main-banner_m_01.jpg) no-repeat center / cover}
    .main_three_banner .con_box.a1 .con_bg.on{width: 100%;}
    .main_three_banner .con_box.b2 .con_bg.on{width: 100%;}
    .main_three_banner .con_box.c3 .con_bg.on{width: 100%;}
    .main_three_banner .con_box .con::after{width: 2px; height: 17px;}
    .main_three_banner .con_box .con::before{width: 17px;}
    .main_three_banner .con_box .con::before, .main_three_banner .con_box .con::after{top: -15px;}
    .main_three_banner .con_box .con:hover .hover_con{opacity: 0;margin-top: 0;}
    .main_three_banner .con_box .con:hover:after{width: 2px;height: 17px;}
    .main_three_banner .con_box .con h2{font-size: 25px;margin-top: 15px;font-weight: 600;}
    .main_three_banner .con_box .con h3{font-size: 17px;margin-top: 15px;font-weight: 400;}
 #subtop .subpg_bg{    /* height: 270px;*/} /*230301수정*/
#subtop #dep1_en {  font-size: 22px;     margin-top: 0 !important;}
#subtop #main_slogan{font-size: 14px;  line-height: 15px;}

}

/* main_three_banner end */


/*subtop*/
#subtop{position: relative;z-index: 0;font-size:0; text-align: center;} 
#subtop *{box-sizing:border-box;}
#subtop .subpg_bg{text-align: center; position: relative;height: auto;overflow:hidden;/*padding-top: 38px;*/}
#subtop .subpg_bg .title_g{width: 100%;color: #fff;text-align: left;max-width: 1190px;margin: 0 auto;}
#subtop .bg{/*position: absolute;top: 0%;left: 0%;z-index: -1;width: 100%;height: 100%;transform:scale(1) rotate(0.0001deg);opacity: 1;*/position: relative;
    width: 100%;
    /*height: 430px;*/
    transform: scale(1) rotate(0.0001deg);
    opacity: 1;}

#subtop .bg img{    max-width: 100%;
    max-height: 100%;}
#wrap.in-view #subtop .bg{opacity:1; transition: 1.5s 0.1s; transform:scale(1.05) rotate(0.0001deg);}
#subtop .subpg_bg .bg .img{width: 100%; height: 100%;}
#subtop.st11 .bg .img{background:url("../img/sub_bg_%7bsubinfo.cate1%7d.html") center center / cover no-repeat;     
    position: absolute;
    top: 0;
    right: -200%;
    bottom: 0;
    left: -200%; }

#subtop .title_inner{height: 100%;display: flex;flex-wrap: wrap;align-items: center;margin: 0 auto;word-break: keep-all;z-index: 1;     
  	position: absolute;
    
    left: 50%;
    margin-left: calc(1190px/-2);
	top: 67%;
    height: fit-content;
	}


#subtop #dep1_en {
    font-size: 50px;
    font-weight: 500;
    line-height: .95;
    display: inline-block;
    height: auto;
	margin-bottom: 15px;
    /*margin-top: 210px*/
}




#subtop #main_slogan {
    font-size: 20px;
	line-height: 1.4;
}
#subtop .bg video {
    width: 100%;
    height: 100vh !important;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}



@media (max-width: 1200px){
#subtop .subpg_bg .title_g {
    text-align: center;
	padding: 0 20px; margin-top:15%;
}
#subtop #dep1_en {
    font-size: 3.5rem;
}
#subtop #main_slogan {
    font-size: 16px;
}

.subpg_bg .bg img{height:580px;width: 100%;}
#subtop .title_inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    word-break: keep-all;
    z-index: 1;
    position: absolute;
	left:0;
    top: 50%;
    height: fit-content;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

}


@media (max-width: 991px){
	
#subtop .title_inner{ display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 auto;
    word-break: keep-all;
    z-index: 1;
    position: absolute;
    margin-left: 0;
    top: 0;
    height: inherit;
    left: 0;  }
#subtop .bg img {height: auto;  margin-top: 53px; }
}

@media (max-width: 500px){
	
#subtop .title_inner{ display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 auto;
    word-break: keep-all;
    z-index: 1;
    position: absolute;
    margin-left: 0;
    top: 0;
    height: inherit;
    left: 0;  }

#subtop .bg img {height: auto;  margin-top: 53px; margin-bottom:30px;}
#subtop .subpg_bg .title_g {margin-top:20%;}
}