@charset "utf-8";
/* CSS Document */

#wrapper{position:relative; overflow:hidden;}
#wrap{width:100%; position: relative;}
.m_visual{display: none;}
.p_visual{display: block;}
#header{width:100%; position: absolute; z-index: 900; }
.logo_wrapper{margin:20px auto 70px; width:94px;}
.logo_wrapper img{width:100%;}
.gnb{color:#fff;}
.gnb ul{display: flex; justify-content: center; }
.gnb li{transition: 0.3s; margin:0 28px; position: relative; padding:8px 10px; cursor: pointer;}
.gnb li a{color:#fff;}
.gnb li .dot{width:5px; height:5px; background:#fff; border-radius: 50%; position: absolute; top:-2px; left:50%; transform: translateX(-50%);}
.gnb li:hover{background: rgba(0,0,0,0.3); transition: 0.3s;}
.gnb li.active{text-decoration: none; background: rgba(0,0,0,0.3); padding:8px 10px;}
/*top menu*/




/*footer*/
#footer{background:#2d3442 url(../img/visual_03.png) right bottom no-repeat; color:#Fff; background-size: 20vw auto;}
.listIn{display: flex; justify-content: space-between; justify-items: center; align-items: center; width:100%; max-width: 1200px; margin:0 auto; padding:25px 0; box-sizing: border-box; border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.listIn ul{display: flex;}
.listIn li{margin-right: 20px;}
.listIn li a{color:#fff;}
.listIn ul:nth-child(2) img{width:35px;}
.infoIn{width:100%; max-width: 1200px; margin:0 auto; padding:25px 0; box-sizing: border-box;}
.infoIn h4{margin: 30px 0 50px;  font-weight: 400;}
.infoIn p{color:#fff; font-weight: 200; margin-bottom:30px;}
.btn_top{position: fixed; bottom:20px; right:20px; }
.btn_top button{width:35px; height:35px; border:1px solid #6a6a6a; transform: rotate(45deg); background: #fff; cursor: pointer; opacity: 0.8;}
.btn_top button p{transform: rotate(-45deg); font-weight: 600; color:#6a6a6a; font-size: 0.7rem; }






/*기본값끝*/



@media screen and (max-width:1300px){
    .sec2 .sectionIn{background-size: 700px 700px; max-width: 90%;}
    
}



@media screen and (max-width:1024px){
    .listIn{max-width:100%; font-size: 14px; padding:20px 10px; box-sizing: border-box;}
    .listIn ul:nth-child(2) img{width:30px;}
    .infoIn{padding:20px 10px;}
    .infoIn h4{margin:10px 0 20px;}
    .infoIn p{font-size: 14px; margin-bottom: 20px;}
    
    
}

@media all and (max-width:768px){
    .logo_wrapper{margin:20px auto; width:80px;}
    .gnb li{margin:0 3px; }
    .listIn{max-width:100%; font-size: 14px; display: block; padding:20px 10px; box-sizing: border-box;}
    .listIn ul:nth-child(2){width:100%; margin-top: 10px;}
    .listIn ul:nth-child(2) img{width:30px;}
    .infoIn{padding:20px 10px;}
    .infoIn h4{margin:10px 0 20px;}
    .infoIn p{font-size: 14px; margin-bottom: 20px;}
    
    
}


@media all and (max-width:425px){
    
}