@charset "utf-8";



@media (max-width: 1024px) and (min-width: 320px)   {

/* index */

header{}
#header{position:relative;display:block;}
#header .header{position:relative;display:block;width:100%;height: auto;margin:0;padding:0;}
.header-top{display:none !important;}
.header-top .header-left{display:none}
.header-top .header-right{display:none}
.header-top .header-right ul li{float:left;margin-left:10px;}

#header .header h1{text-align:center;height:72px;line-height: 75px;width: 60%;margin: 0 auto;}
#header .header h1 a{font-size: 28px;font-weight:900;font-family:'Noto Sans KR', sans-serif;}

#header .header .top-left-site{display:none}
#header .header .top-right-site{display:none}

nav{}
#nav{position:relative;display:block;width:100%;height: 71px;border-top: 1px solid #000;border-bottom: 1px solid #000;}
#nav .nav-left{position: absolute;left:0;top: -67px;}
#nav .nav-left{float:none;height: auto;line-height: 84px;margin-left: 20px;}
#nav .nav-left .all-menu-list{position:absolute;border:1px solid #000;z-index:9999;top: 67px;width:1130px;left: -20px;background: #fff;}
#nav .nav-left .all-menu-list .menu-list{display:none;sposition:relative;display:block;width: 698px;margin:0 auto;overflow: hidden;}
#nav .nav-left .all-menu-list .menu-list dl{float:left;width: 138px;text-align: center;}
#nav .nav-left .all-menu-list .menu-list dl dt{font-weight:700;height:50px;line-height:50px}
#nav .nav-left .all-menu-list .menu-list dl dd{height:50px;line-height:50px}
#nav .nav-left .close-btn{position:absolute;right: 13px;bottom: -28px;}
#nav .nav-left .close-btn2{padding:3%}

#nav .nav-center{position: relative;width: 100%;height: 67px;float: left;}
#nav .nav-center .left-mg{margin:0;}
#nav .nav-center .right-mg{margin:0;}
#nav .nav-right{position: absolute;right:0;top: -67px;}
#nav .nav-right a{display:block;width: 100%;height: 67px;}
#nav .nav-right .search-box{position:absolute;width:152px;top: 13px;lefT: -165px;padding: 11px 3px;border: 1px solid #ccc;}

.navbar {overflow: hidden;background-color: #fff; float: left; width:100%; margin-left: 0; padding-top: 0;}
.navbar a {font-size: 14px;width:20%; height:67px;line-height:67px;text-align:center; color: #000;  padding: 0;  font-weight:900;}
.dropdown {overflow: hidden;width:20%;height: 67px;line-height: 70px;text-align: center;}
.dropdown .dropbtn {font-size: 18px; border: none;  outline: none;  color: #000;  width:90px; padding:0;  margin: 0;  font-weight:900;}
.navbar a:hover, .dropdown:hover .dropbtn {background-color: #fff;  color:#cc1515;  cursor:pointer}
.dropdown-content {display: none;  position: absolute;  background-color: #fff;  min-width: 137px;  box-shadow: 0px 0px 1px 0px rgb(0,0,0);  z-index: 1;  top: 64px;}
.dropdown-content a { display:none;float: none;  color: black;  padding: 12px 16px;  text-decoration: none;  display: block;  text-align: center;  font-weight:400;  font-size:16px;}
.dropdown-content a:hover { display:none;background-color: #f9f9f9;}
.dropdown:hover .dropdown-content {display: none;}

#leftmenuArea{position:absolute;border-radius: 5px;top: -5px;left: -20px;height: 680px;width: 180px;background-color: #ddd;z-index: 99;}
#leftmenuArea dl{
    display: block;
    height: auto;
    border-bottom: 1px solid #fff;
    overflow: hidden;
}
#leftmenuArea dl dt{
    font-weight: 900;
    font-size: 1.3em;
    height: 30px;
    line-height: 30px;
    padding-left: 5%;
}
#leftmenuArea dl dd{
    padding-left: 10%;
    height: 30px;
}
 
#leftmenuArea dl dt a{display:block;}
#leftmenuArea dl dd a{display:block;line-height: 30px;height: 30px;}
.siteMapBtn p {
   position: absolute;
   top: 30px;
   right: 40px;
   z-index: 1;
   display: block;
   font-size:3em;
   color: #444;
   cursor: pointer;
   transform: translate3d(0, 0, 0);
   transition: transform .4s;
   z-index:9999999999999999999
}









footer{}
#footer{position:relative;display:block;background:#000;width:100%}
#footer .footer{position:relative;display:block;width:100%;height: auto;text-align: center;margin:0 auto;}
#footer .footer .footer-nav{display:none;position:relative;width: 584px;text-align: center;height: 24px;line-height: 24px;margin: 0 auto;padding: 30px 0;}
#footer .footer .footer-nav li{display:none;float:left;text-align: center;color:#fff}
#footer .footer .footer-nav li a{display:none;color:#fff;text-align:center;font-size:16px}
#footer .footer .info{position:relative;width: 90%;text-align: center;height: auto;line-height: 20px;margin: 0 auto;padding: 5% 5%;}
#footer .footer .info li{color:#fff;margin-bottom:3%}

/*#footer .footer .phone{display:none}*/







/* 회원가입 header */

#member-header{position:relative;display:block;}
#member-header .member-header{position:relative;display:block;width:100%;margin:0 auto;padding-top: 0;border-bottom:1px solid #000;}


#member-header .member-header h1{text-align:center;height:72px;line-height: 75px;width: 60%;margin: 0 auto;}
#member-header .member-header h1 a{font-size: 28px;font-weight:900;font-family:'Noto Sans KR', sans-serif;}


nav{}
#member-nav{position:relative;display: block;width:100%;height: 0;border-top: 0;border-bottom: 0;margin: 0 auto;}
#member-nav .nav-left{position: absolute;top: -67px;left:0;float: none;height: 67px;line-height: 84px;margin-left: 20px;width: 29px;display: block;}
#member-nav .nav-left .all-menu{display:block;}

#member-nav .nav-left .all-menu-list{position:absolute;border:1px solid #000;z-index:9999;top: 67px;width:1130px;left: -20px;background: #fff;}
#member-nav .nav-left .all-menu-list .menu-list{position:relative;display:block;width: 698px;margin:0 auto;overflow: hidden;}
#member-nav .nav-left .all-menu-list .menu-list dl{float:left;width: 138px;text-align: center;}
#member-nav .nav-left .all-menu-list .menu-list dl dt{font-weight:700;height:50px;line-height:50px}
#member-nav .nav-left .all-menu-list .menu-list dl dd{height:50px;line-height:50px}
#member-nav .nav-left .close-btn{position:absolute;right: 13px;bottom: -28px;}


#member-nav .nav-right{position: absolute;top: -67px;right: 0;height: 67px;line-height: 84px;margin-right: 20px;width: 32px;float: right;display: block;}
#member-nav .nav-right .search-box{position:absolute;width:152px;top: 13px;lefT: -165px;padding: 11px 3px;border: 1px solid #ccc;}



}