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

#wrapper{position:relative; overflow:hidden;}
#wrap{min-width: 320px; position: relative;}
.m_visual{display: block;}
.p_visual{display: none;}

/* #header{width:100%; height: 60px; line-height: 60px; position: fixed;  background:#fff; z-index: 900; box-shadow: 2px 2px 5px rgba(0,0,0,0.1);} */
.headerIn{width:100%; position: relative;}
/* .logo{ text-align: center;  padding:12px 0; width:100px; margin:0 auto;}
.logo img{width:100%; } */



#header .btnMenu{position:absolute; top:20px; left:15px; cursor:pointer;}
#header .btnMenu span{display:block; width:28px; height:3px; background:#929292; margin-bottom:5px; border-radius: 2px;}
.Left{width:260px; height:100%; position:fixed; top:0; left:-260px; background:#fff; z-index:700;}
.Left .close{display:block; color:#fff; padding:20px; width:20px; height:20px; font-size:20px; line-height:1em; font-weight:bold; background:#ffc400; text-align:center; z-index: 700;}
.Left .gnb ul{box-sizing: border-box;}
.Left .gnb li{padding:25px 20px; border-top:1px solid #ddd; font-weight: 500; font-size: 20px;}
.blackBG{background:rgba(0,0,0,0.3); width:100%; height:100vh; display: none;}
#container{text-align: center;}
#footer{width:100%; background:#fff;  padding:30px 0;}
.footerIn{padding:15px;}
.logo_bottom{margin-bottom:15px;}
.footerIn p{margin-bottom:5px; font-weight: 300; font-size:12px;}
.footerIn span{margin-left:10px;}
.footerIn li{float:left; margin:10px 5px 0 0;}
.footerIn li img{width:40px;}
.kakao{position: fixed; bottom:10px; right:10px;}
.kakao img{width:70px; }



/*기본값끝*/



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




@media all and (min-width:1024px){
    .m_visual{display: none;}
    .p_visual{display: block;} 
    #header{height:70px;}
    .headerIn{min-width:1024px; max-width:1180px; margin:0 auto; position: relative;}
    .headerIn .logo{width:140px;}
    .gnbP{position:absolute; right:0; top:25px;}
    .gnbP li{float:left; margin-left:40px; }
    .gnbP li a{font-weight: 500; font-size:20px;}
    .gnbP li a:hover{color:#f78221;}
    #container {margin-top: 10vh;}
    #footer{box-sizing: border-box;}
    .footerIn{max-width:1180px; margin:0 auto;}
    .footerIn p{ font-size: 16px; margin-bottom: 10px;}
    .kakao{position: fixed; bottom:40px; right:40px;}
    .kakao img{width:100px; }
}
/*1024끝*/