/* 모바일 기본 CSS */
@media all and (max-width: 760px) {
   #wrap { 
		position: relative;
		width: 98%; 
	}	

.header {position:fixed; top:0; width:100%; z-index:1001 !important; box-sizing:border-box; text-align:center;  background-color:#FFF;}
.header .logo {position:absolute; top:10px; padding:0px; width:30%;}
.header .logo .before {display:block;}
.header .logo .after {display:none;}

.header .quick {position:absolute; z-index:1001;}
.header .quick li {position:relative; text-align:center}
.header .quick .btn {font-size:13px; font-weight:100; border-radius:0; padding:10px 20px 10px 20px; color:#fff;  background-color:#0d1849; border:0px solid #666; transparent !important; box-shadow:none !important; -webkit-box-shadow:none}
.header .after {color:#000;  background-color:#fff; border:1px solid #666; transparent !important; box-shadow:none !important; -webkit-box-shadow:none}


.header .nav {width: 70%; margin:auto; display:inline-block;}
.header .nav li {float:left; text-align:center; padding: 0px; position:relative; }
.header .nav .btn1 {display:block;  position:relative; box-sizing:border-box; line-height:53px;}
.header .nav .btn1:before {background:#fff; position:absolute;}
.header .nav li:hover .btn1:before {width:100%;}

.header .submenu {position:absolute; left:50%; top:50px; width:120px; box-sizing:border-box; margin-left:-60px; opacity: 0; filter: Alpha(opacity=0); overflow:hidden; height:0px; border:1px solid #fff;}
.header .btn2 {font-size:14px; font-weight:100; color:#333; display:block; padding:0 5px; height:35px; line-height:35px; box-sizing:border-box;}
.header .btn2+ .btn2 {border-top:1px solid #eee;}
.header .btn2:hover {background:#fff; color:#000;}

.header li:hover .submenu {opacity: 1; filter: Alpha(opacity=90); z-index:100; -webkit-transition-delay: 0.1s;}
.header .nav1:hover .submenu {height:71px;}
.header .nav2:hover .submenu {height:106px;}
.header .nav3:hover .submenu {height:176px;}
.header .nav4:hover .submenu {height:391px;}
.header .nav5:hover .submenu {height:386px;}
.header .nav6:hover .submenu {height:71px;}
.header .nav7:hover .submenu {height:36px;}
.header .nav8:hover .submenu {height:141px;}



.header1 {height:110px; z-index:2000 !important; background-color:#FFF; border-bottom:2px solid #eee;}
.header1 .nav {padding-top:1.5%; position: relative; width: 98%;}
.header1 .nav .btn1 {font-family: 'Quicksand', sans-serif; font-weight:500; font-size:1.1em; color:#313131; width:120px; letter-spacing:0.2px;}
.header1 .logo {padding:0px 0;margin-top:0.2% ;left:1%; width:100%; }
.header1 .logo .before {display:none ; }
.header1 .logo .after {display:block;}
.header1 .quick {padding:0px; position:absolute; margin-top:-40px;right:0.5%; }
.header1 .after {display:block;}
.header1 .before {display:none;}
.header1 .nav .btn1:before {background:#0d1849;}
.header1 .submenu {background:#fff; border:1px solid #111;}
.header1 .btn2 {background:#2d2d2d; color:#fff; font-weight:400; border-color:#333 !important}
.header1 .btn2:hover {background:#fff; color:#000;}


}

/* 태블릿 및 pc용 CSS */
@media (min-width:761px) and (max-width:1920px) {

#mySidepanel,  .sidepanel, .openbtn, .guide_mobile, .onbt_mob, .pbt_mob {
		display:none;
	}
}