.menu{width: 100%; display: none;}
/* 공통부분*/
.mg-d{margin: 0 0 5vw 0 !important}




#header{position:fixed; top:0; left:0; z-index:100; width:100%; background:var(--white); height:80px; transition: 0.4s ease; opacity: 0.8; border-bottom:1px solid #d8d8d8;}

/* PC - 상단 네비게이션 */
#header .sub_center{ width:100%; display:flex; justify-content: center; align-items: center; margin:0 auto; max-width:1400px}
#header .sub_center .nav_bd{width:100%; height:100%; position:relative; display: flex; justify-content:space-evenly;}
#header .sub_center .nav_bd .logo{display: flex; justify-content: flex-start;width:106px; position: absolute; top:22px; left:0; z-index: 999;}
#header .sub_center .nav_bd .nav{ display:inline-flex; justify-content: flex-start; align-items: center; width:100%; height:100%; transition:0.4s ease; position:relative; padding: 0 0 0 116px;}
#header .sub_center .nav_bd .nav li{height:100%; display:flex; justify-content:flex-start; align-items:center; position:relative; padding-top: 5px;}
#header .sub_center .nav li + li{margin-left:70px}
#header .sub_center .nav li:nth-child(1){margin-left:48px}
#header .sub_center .nav_bd .nav li{font-size:20px; display:inline-flex; transition:0.7ms linear; padding: 29px 0; } 
#header .sub_center .nav_bd .nav li a.active{font-weight: bold; color: #258e7c;}
#header .sub_center .nav_bd .nav > li:hover > .nav_snb {display:block; }
#header .sub_center .nav .nav_snb{ display:none; transition:0.5s ease; height:190px; position:absolute; top:80px; left:0;  padding: 1vw 0; z-index:100; opacity: 0;}
#header .sub_center .nav .nav_snb.active{ display:flex; justify-content: flex-start; align-items: center;
    position:absolute; top:80px; height:190px; animation-name: fadeIn; animation-duration: 0.1s; background-color: #258e7c; padding-left:1vw; opacity: 1; }
#header .sub_center .nav .nav_snb a{ width: 9vw; display:block; padding-top: 0.5vw; margin-right:20px; font-weight: 300; color:#fff;  transition:0.7ms ease;}
#header .sub_center .nav .nav_snb a:hover{color: #f5ffb9;}

#header .sub_center .top_sns{ display:flex; justify-content: flex-end; align-items: center; column-gap: 12px; flex-shrink: 0; width:auto; position:absolute; right:0; top:0; padding: 0.8vw 0;}
#header .sub_center .top_sns a {flex-grow: 1;}
.mobile{ display: none;}


.sub_wrap_m{display: none;}
@media screen and (max-width: 1280px){
/*상단*/
#header .sub_center{padding: 0 1vw;}

/*메인 비쥬얼*/
.mobile{ display: none;}

}

@media screen and (max-width: 1200px){
.m_s01_wr{padding: 0 1vw;}        
}
@media screen and (max-width: 1199px){
#header{ opacity:1; border-bottom: 1px solid #d8d8d8;}
.pc-none{display: none;}
       
/* M - 상단 네비게이션 */
#header{height:0;}
#header .sub_center{ width:100%; display:flex; justify-content: center; align-items: center; margin:0 auto;}
#header .sub_center .all_nav_bd{display: flex; justify-content: space-between;}
#header .sub_center .all_nav_bd .logo{display: none; }
#header .sub_center .top_sns{padding: 1.2vw 0;margin-right: 1vw; order: 3;}
.nav_m_top{ display: flex; justify-content: space-around; align-items: center; order: 1;}
.all_nav_bd .nav_m_top .list{ width: 6vw; height: 6vw; background-image: url(../img/main/all_m_menu.png); background-size: 50% auto;
        position: relative; background-repeat: no-repeat;  background-position: center;
}
.sub_wrap_m{display: none;}

.mobile_nav{display: flex !important; top:0; left: 0; position: fixed; width: 100%; height: 60px; margin: 0 auto; 
        justify-content: space-between; flex-direction:row; flex-wrap: nowrap; z-index:101; background-color: #fff;
        align-items: center; text-align: center;
        border-bottom:1px solid #d8d8d8; }
.mobile_nav .logo{margin-left: 8vw;}
.mobile_nav .logo a img{width: 50%; }
.mobile_nav .m_top_sns{ display: flex; flex-direction:row; flex-wrap: nowrap;}
.mobile_nav .m_top_sns a img{width: 80%;}
    
/*햄버거 메뉴*/
.mobile_nav .mnav{display: flex; flex-direction: column; position: relative; width: 25px; height: 25px; top:3px; left: 0; cursor: pointer; display:block; margin:0 2vw;}
.mobile_nav .mnav .icon_wrap{flex-grow: 1;}
.mobile_nav .mnav .icon_wrap .icon{width: 25px; height: 1px; background-color: #222; border-radius:5px; position: relative;}
.mobile_nav .mnav .icon_wrap .icon::before, .mobile_nav .mnav .icon_wrap .icon::after
{content:"" ; position: absolute; top: 10px; left: 0; width: 25px; height: 1px; background-color: #222; border-radius: 5px;}
.mobile_nav .mnav .icon_wrap .icon::after{top: 19px;}
.menu{display:none; position: absolute; top: 60px; left: 0; width: 100%; z-index: 100;background-color: #F8F8F8;}
    
.menu.active > li{display: block;}
.menu > li{display:none; border-bottom: 1px solid #d8d8d8;}
.menu > li > a{display: inline-block; width: 100%; }
.menu li a{display:inline-block; padding: 15px 10px; font-size: 2.5vw;  }
.menu li .active{background-color: rgb(255,255,255,0.3);}
.menu li .s_m1 li a {display: none; font-size: 4vw; font-weight: 100;}
    
.menu li.active > .s_m1 li a{display:block ;}
 }
        
@media screen and (max-width: 1198px){

}

@media screen and (max-width: 768px){
    .mobile_nav{display: flex; top:0; left: 0; position: fixed; width: 100%; height: 60px; margin: 0 auto; 
        justify-content: space-between; flex-direction:row; flex-wrap: nowrap; z-index:101; background-color: #fff;
        align-items: center; text-align: center;
        border-bottom:1px solid #d8d8d8; }
    .mobile_nav .logo{margin-left: 8vw;}
    .mobile_nav .logo a img{width: 50%; }
    .mobile_nav .m_top_sns{ display: flex; flex-direction:row; flex-wrap: nowrap;}
    .mobile_nav .m_top_sns a img{width: 80%;}
    
    /*햄버거 메뉴*/
    .mobile_nav .mnav{display: flex; flex-direction: column; position: relative; width: 25px; height: 25px; top:3px; left: 0; cursor: pointer; display:block; margin:0 2vw;}
    .mobile_nav .mnav .icon_wrap{flex-grow: 1;}
    .mobile_nav .mnav .icon_wrap .icon{width: 25px; height: 1px; background-color: #222; border-radius:5px; position: relative;}
    .mobile_nav .mnav .icon_wrap .icon::before, .mobile_nav .mnav .icon_wrap .icon::after
    {content:"" ; position: absolute; top: 10px; left: 0; width: 25px; height: 1px; background-color: #222; border-radius: 5px;}
    .mobile_nav .mnav .icon_wrap .icon::after{top: 19px;}
    .menu{display:none; position: absolute; top: 60px; left: 0; width: 100%; z-index: 100;background-color: #F8F8F8;}
    
    .menu.active > li{display: block;}
    .menu > li{display:none; border-bottom: 1px solid #d8d8d8;}
    .menu > li > a{display: inline-block; width: 100%; }
    .menu li a{display:inline-block; padding: 15px 10px; font-size: 4.5vw;  }
    .menu li .active{background-color: rgb(255,255,255,0.3);}
    .menu li .s_m1 li a {display: none; font-size: 4vw; font-weight: 100;}
    
    .menu li.active > .s_m1 li a{display:block ;}

}

@media screen and (max-width:640px){
}

@media screen and (max-width:500px){

 #header .sub_center .all_nav_bd .logo{width:20vw; position: absolute; top:2.5vw; left:2.5vw; }
#header .sub_center .top_sns{width:15vw; padding: 2.2vw 0;margin-right: 1.5vw; column-gap: 1vw;}
}

@media screen and (max-width:390px){
#header{height:12.5vw;}

}

/*메인 섹션1*/
.m_s01{width:100%; display:flex; align-items: center; margin:0 auto; max-width:1400px}
.m_s01_wr{ margin: 5vw auto;}
.m_s01_wr h2{font-size: 1.5vw; margin-bottom: 1vw;}
.m_s01_wr .m_item_wr{display:flex; justify-content: space-between; flex-direction: row; flex-wrap:nowrap; gap:1vw;}
.m_s01_wr .m_item_wr .sub_item{width:calc(100% - 323px);}
.m_s01_wr .m_item_wr .sub_item .item_img{display: inline-block; margin-bottom: 1vw;}
.m_s01_wr .m_item_wr .sub_item h3{font-size: 1vw; margin-bottom: 0.5vw;}
.m_s01_wr .m_item_wr .sub_item .sub_item_line{ border-top: 1px solid #444444; margin: 10px 0px;}
.m_s01_wr .m_item_wr .sub_item p{font-weight: 300; font-size: 1vw;letter-spacing: 0.01vw;}


@media screen and (max-width: 1024px){
.m_s01_wr h2{font-size: 3vw;}
.m_s01_wr .m_item_wr{flex-wrap:wrap;}
.m_s01_wr .m_item_wr .sub_item{width:calc(100% - 50vw) ;} 
.m_s01_wr .m_item_wr .sub_item h3{font-size: 2vw;}
.m_s01_wr .m_item_wr .sub_item p{font-size: 1.4vw;}
}

@media screen and (max-width:500px){
.m_s01_wr{margin: 8vw auto; padding: 0 3vw;} 
.m_s01_wr h2{ padding:0 0 2vw 1vw; font-size: 6vw;}
.m_s01_wr .m_item_wr{justify-content: center; gap: 3vw;}   
.m_s01_wr .m_item_wr .sub_item h3{font-size: 4vw;}
.m_s01_wr .m_item_wr .sub_item p{font-size: 3.5vw;}
}
    

/*메인 섹션2*/
.m_s02{background-color: #F8F8F8}
.m_s02_bg{width:100%; display:flex; align-items: center; margin:0 auto; max-width:1400px;} 
.m_s02_wr{ margin: 5vw auto;}
.m_s02_wr h2{font-size: 1.5vw; margin-bottom: 1vw;}
.m_s02_wr .m_item_wr{display:flex; justify-content: space-between; flex-direction: row; flex-wrap:nowrap; gap:1vw;}
.m_s02_wr .m_item_wr .sub_item{width: calc(100% - 288px); position: relative; }
.m_s02_wr .m_item_wr .item_txt{width: 100%; font-size: 1vw; text-align: center; color: #d8d8d8; position: absolute; top: 84%; left: 0; }

@media screen and (max-width: 1200px){
.m_s02_wr{padding: 0 1vw;}        
}

@media screen and (max-width: 1024px){
.m_s02_wr h2{font-size: 3vw;}
.m_s02_wr .m_item_wr{flex-wrap:wrap; gap:3.9vw;}
.m_s02_wr .m_item_wr .sub_item{width: calc(100% - 51vw);}
.m_s02_wr .m_item_wr .item_txt{font-size: 2vw; top:86%} 
}

@media screen and (max-width:500px){
.m_s02_wr{margin: 8vw auto; padding: 0 3vw;} 
.m_s02_wr h2{ padding:0 0 2vw 1vw; font-size: 6vw;}
.m_s02_wr .m_item_wr{justify-content: center; gap: 3vw;}  
.m_s02_wr .m_item_wr .sub_item{width: calc(100% - 50vw);} 
.m_s02_wr .m_item_wr .sub_item h3{font-size: 4vw;}
.m_s02_wr .m_item_wr .sub_item p{font-size: 3vw;}
.m_s02_wr .m_item_wr .item_txt{font-size: 4vw; top:84%}
}


/*메인 섹션3*/
.m_s03{width:100%; display:flex; align-items: center; margin:0 auto; max-width:1400px}
.m_s03_wr{margin: 7vw auto 5vw auto;  position: relative; }
.m_s03_wr .m_item_wr{display:flex; justify-content:flex-start; flex-wrap:wrap; flex-direction: row; align-content: space-around; gap:1vw;}
.m_item_wr h2{ display: flex; justify-content: flex-start; position: absolute; top: -2.9vw; left: 0; font-size: 1.5vw;}
.m_s03_wr .m_item_wr .sub_item{width: calc(100% - 750px); position: relative;flex-grow: 1; }
.m_s03_wr .m_item_wr h3{width: 100%; font-size: 1.2vw; color: #d8d8d8; position: absolute; top: 80%; left: 3%; }

@media screen and (max-width: 1200px){
.m_s03{width:100%; display:flex; align-items: center; margin:0 auto;}
.m_s03_wr{margin: 7vw auto 5vw auto; position: relative;}
.m_s03_wr .m_item_wr{justify-content:center; margin: 0 1vw; }
.m_item_wr h2{margin: 0 1vw;}
.m_s03_wr .m_item_wr .sub_item{width: calc(100% - 50vw); }
.m_s03_wr .m_item_wr h3{width: 100%; font-size: 1.2vw; color: #d8d8d8; position: absolute; top: 80%; left: 3%;}       
}

@media screen and (max-width: 1024px){
.m_item_wr h2{font-size: 3vw;  top: -4vw; }
.m_s03_wr .m_item_wr h3{font-size: 2vw;} 
}

@media screen and (max-width:768px){
.m_s03_wr .m_item_wr .sub_item{width: calc(100% - 38vw); }     
}

@media screen and (max-width:500px){
.m_s03{padding:0 3vw ;}
.m_s03_wr{margin: 16vw auto 8vw auto; }
.m_s03_wr .m_item_wr{justify-content:center;margin: 0 1vw; }
.m_item_wr h2{margin: 0 1vw; font-size: 6vw; top:-8vw;}
.m_s03_wr .m_item_wr h3{font-size: 4vw; top:76%} 
}


/*메인 섹션4*/
.m_s04{background-color: #F8F8F8}
.m_s04_bg{width:100%; display:flex; align-items: center; margin:0 auto; max-width:1400px;} 
.m_s04_wr{ margin: 5vw auto;}
.m_s04_wr h2{font-size: 1.5vw; margin-bottom: 1vw;}
.m_s04_wr .m_item_wr{display:flex; justify-content: space-between; flex-direction: row; flex-wrap:nowrap; gap:1vw;}
.m_s04_wr .m_item_wr .sub_item .item_img{display: inline-block; margin-bottom: 1vw;}
.m_s04_wr .m_item_wr .sub_item h3{font-size: 1vw; margin-bottom: 0.5vw;}
.m_s04_wr .m_item_wr .sub_item p{font-size: 1vw; }

@media screen and (max-width: 1200px){
.m_s04_wr{padding: 0 1vw;}            
}

@media screen and (max-width: 1024px){
.m_s04_wr .m_item_wr .sub_item h3{font-size: 2vw;}
.m_s04_wr .m_item_wr .sub_item p{font-size: 1.4vw;} 
}

@media screen and (max-width:500px){
.m_s04_wr{ margin: 8vw auto;}
.m_s04_wr .m_item_wr{flex-wrap:wrap;}
.m_s04_wr .m_item_wr{padding: 0 3vw; gap:3vw;}
.m_s04_wr .m_item_wr .sub_item:nth-child(2), .m_s04_wr .m_item_wr .sub_item:nth-child(3)
{width: calc(100% - 48vw);}
.m_s04_wr .m_item_wr .sub_item h3{font-size: 6vw; margin-bottom: 0.5vw;}
.m_s04_wr .m_item_wr .sub_item p{font-size: 3.5vw; }

}
    

/*메인 섹션5*/
.m_s05{background: url(../../basic/img/main/section5_bg.png)50% 50% no-repeat; background-size: cover;}
.m_s05_bg{width:100%; display:flex; align-items: center; margin:0 auto; max-width:1400px;}
.m_s05_wr{margin: 6vw 0 6vw 2vw ;}
.m_s05_wr .m_item_wr{color: #fff;}
.m_s05_wr .m_item_wr h3{font-size: 2vw; margin-bottom: 1vw;}
.m_s05_wr .m_item_wr p{font-size: 1vw; margin-bottom: 3vw; line-height:1.5vw;}
.m_s05_wr .m_item_wr a{font-size: 0.8vw; margin-bottom: 2vw;}
.m_s05_wr .m_item_wr .sub_but{ display: inline-block; border: 1px solid #a8a8a8; padding: 0.8vw 0.8vw ;}
.b_line{width: 67px; vertical-align: baseline;}

@media screen and (max-width: 1200px){
.m_s04_wr{padding: 0 1vw;}            
}

@media screen and (max-width: 1024px){
.m_s05_wr .m_item_wr h3{font-size: 3vw;}
.m_s05_wr .m_item_wr p{font-size: 1.5vw; line-height:2vw;} 
.m_s05_wr .m_item_wr a{font-size: 1.5vw; margin-bottom: 2vw;}
}

@media screen and (max-width:500px){
.m_s05_wr{margin: 16vw 0 16vw 3vw;}
.m_s05_wr .m_item_wr h3{font-size: 6vw}
.m_s05_wr .m_item_wr p{font-size: 3.5vw; margin-bottom: 5vw; line-height:4vw;}
.m_s05_wr .m_item_wr a{font-size: 3vw; margin-bottom: 2vw;}
.b_line{width: 38px; vertical-align: middle;}
}



/*메인 섹션6*/
.m_s06{background: url(../../basic/img/main/section6_bg.png)50% 50% no-repeat; background-size: cover;}
.m_s06 .m_s06_bg{width:100%; display:flex; align-items: center; margin:0 auto; max-width:1400px; flex-direction: column; }
.m_s06 .m_item_wr{ width:100%; display:flex; flex-direction: row; justify-content:space-between; flex-wrap: wrap; margin: 3vw; text-align: center;}
.m_s06 .m_item_wr .sub_item{ color: #fff; padding: 0 5vw; border-left: 1px solid #a8a8a8; flex-grow: 1;}
.m_s06 .m_item_wr .sub_item:last-child{border-right: 1px solid #a8a8a8;}
.m_s06 .m_item_wr .sub_item h3{font-size:1.5vw; margin-bottom: 1rem; font-weight: 500;}
.m_s06 .m_item_wr .sub_item .s_list{font-size: 1vw;}
.m_s06 .m_item_wr .sub_item .s_list li{color: #999999; font-weight: 300; margin-bottom: 0.5vw;}
.m_s06 .m_item_wr .sub_item .s_list li:hover{color: #eeff8b;} 



@media screen and (max-width: 1200px){
.m_s06 .m_item_wr{padding: 0 2vw;}            
}
    
@media screen and (max-width:500px){
.mobile{display: block;}
.m_s06{background: url(../../basic/img/main/section6_bg.png)75% 50% no-repeat; background-size: cover;}   
.m_s06 .m_item_wr{ margin: 10vw; gap: 4vw;}
.m_s06 .m_item_wr .sub_item{width: calc(100% - 50vw);}
.m_s06 .m_item_wr .sub_item:nth-child(2){border-right: 1px solid #a8a8a8;}
.m_s06 .m_item_wr .sub_item h3{font-size:4vw; margin-bottom: 1rem;}
.m_s06 .m_item_wr .sub_item .s_list{font-size: 3vw;}
.m_s06 .m_item_wr .sub_item .s_list li{ margin-bottom: 2.5vw;}
.m_s06 .m_item_wr .sub_item_line{border-top: 1px solid #a8a8a8; margin: 4vw 0px; width: 100%;}

}

@media screen and (max-width:360px){
.m_s06 .m_item_wr .sub_item{width: calc(100% - 52vw);}

}

/*메인 섹션7*/
#fooder{position: relative; border-top: 1px solid #d8d8d8; margin-top: 3vw;}
#fooder .inner{position: relative; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; column-gap: 2rem; margin: 3rem auto; max-width:1400px; font-weight:200;}
#fooder .inner .item01{display: flex; justify-content: flex-start; align-items:flex-start }

#fooder .inner .item02{display: flex; flex-grow: 2;}
#fooder .inner .item02 .ft-center .tit-box .f-link{ margin-bottom: 1rem; letter-spacing: 0.05vw;}
#fooder .inner .item02 .ft-center .tit-box .f-link a{  }
#fooder .inner .item02 .ft-center .tit-box .f_copy p{ line-height:1.2vw; letter-spacing: 0.05vw; }

#fooder .inner .item03{display: flex; flex-direction: column; flex-wrap: nowrap; flex-grow: 3; }
#fooder .inner .item03 .ft-right{ display: flex; justify-content: flex-end; }
#fooder .inner .item03 .ft-right .ft-right-icon{display: flex; justify-content: flex-end; align-items: center;}
#fooder .inner .item03 .ft-right .ft-right-icon li{padding-right: 1rem;}


/*메인 하단 화살표 버튼*/
.bottom_btn{ display: flex; background-color: #fff; border: #fff; cursor: pointer;}
@media screen and (max-width: 1440px){

}

@media screen and (max-width: 1200px){

}
	
@media screen and (max-width:1024px){
.pc-none{ display: none !important;}
.mobile{display: block;}
.menu-trigger{top:2vw;}
#fooder .inner{flex-direction: column; flex-wrap: nowrap; margin: 6vw auto 9vw 0;}
#fooder .inner .item01{order: 3;} 
#fooder .inner .item02 {text-align: center; margin: 2rem 0 2rem 0; order: 1;}
#fooder .inner .item02 .ft-center .tit-box .f_copy p{ font-size: 2vw; line-height: 3vw;}
#fooder .inner .item02 .ft-center .tit-box .f-link{font-size: 2vw;}
.bottom_btn{position: absolute; top:64%;right:5%;}
/*.bottom_btn img {width: 8vw;}*/
#fooder .inner .item03 {order:3; margin-top: 5vw;}
#fooder .inner .item03 .ft-right .ft-right-icon{margin-left: 8vw;}
#fooder .inner .item03 .ft-right .ft-right-icon li{padding-right: 4rem;}
/*#fooder .inner .item03 .ft-right .ft-right-icon li a img{width: 8vw;}*/

}

@media screen and (max-width:768px){

}

@media screen and (max-width:500px){
#fooder .inner{ margin: 6vw auto 9vw 0;}
#fooder .inner .item01 .ft-left img{width:37vw ;}
#fooder .inner .item02{margin: 5vw 0;}
#fooder .inner .item02 .ft-center .tit-box .f-link{font-size: 3.5vw; font-weight: 200;}
#fooder .inner .item02 .ft-center .tit-box .f_copy p{font-size: 3vw; line-height: 4vw; margin:0 4vw;}
#fooder .inner .item02 .ft-center .tit-box .f_copy p span{font-size: 3vw; }
#fooder .inner .item03 .ft-right .ft-right-icon{margin-left: 9vw;}
#fooder .inner .item03 .ft-right .ft-right-icon li{padding-right: 10vw;}
}

@media screen and (max-width:390px){
#fooder .inner .item03 .ft-right .ft-right-icon li a img{width: 8vw;}

}

@media screen and (max-width:320px){
.menu-trigger{top:4.2vw;}

}