body { font-family:'nanum square'; }
.swiper-slide{text-align: center;}

#header { position:fixed; top:0px; left:0px; width:100%; z-index:100; padding-top:10px; padding-bottom:10px; background: #fff;  }
#header-logo { text-align:center; }

#gnb-wrapper { margin-top:10px; }
#gnb { text-align:left; }
#gnb > li { display:inline-block; text-align:center; padding: 0 20px; vertical-align:top;  }
#gnb > li > a { color:#000; font-size:18px; text-decoration:none; }


.depth2 { margin-top:30px; display:none;  }
.depth2 li { text-align:left; padding:3px 0px;  }
.depth2 li a { color:#000; text-decoration:none; font-size:16px;  transition:all ease 0.3s; }

#header-widget-login { margin-top: 20px;}
#header-widget-login a {color: #000;font-size: 14px;text-decoration: none;margin-right: 20px; }

#footer { text-align:center; margin-top:60px; border-top:1px solid #ddd; padding:40px 0px 60px;  }
#footer_text { color:#777; font-size:16px; margin-top:30px; line-height:170%; }

div[name="mobile-btn"] { position:absolute; top:10px; right:10px; z-index:10; }
#admin_link { position:absolute; top:0px; right:0px; color:#efefef; font-size:14px; }

#live_btn { position:absolute; top:-10px; right:100px; text-align:center; }
#live_btn span { color:#fff; font-size:14px; }
#live_btn a { text-decoration:none; }
#live_btn img { height:40px; margin-bottom:3px;  }
.navbar-nav>li>a{font-size: 18px;color: #000;font-weight:bold;padding-right: 15px;padding-left: 15px;}
.dropdown-menu>li>a{font-size: 17px;padding: 5px 20px;}
#loginForm { margin-top:200px !important; }
.navbar-nav>li>.dropdown-menu{padding:0;}






/*사이트맵*/

.site-map{background: white;display: none;transition: 0.3s all;padding-top:75px;width: 100%;position: fixed;top: 0;left: 0;z-index: 2;background: rgba(255, 255, 255, 0.7);}
.site-map .navbar-nav > li{padding: 38px;text-align: left !important;height: 800px;}
.site-map .navbar-nav > li > a{padding: 10px 0px;color: black;font-size: 20px;font-weight:bold;}
.site-map .navbar-nav > li ul li a:hover, .site-map .navbar-nav > li ul li a:focus{font-weight:bold;text-decoration:none;}
.site-map hr{margin: 5px 0px 20px 0px;border: 2px solid #3A80B9;width: 70px;}
.site-map .navbar-nav > li ul li a{font-size: 16px;color: black;line-height: 2.2;}
.top_logo{width: 20%;}

@media (min-width:1200px) and (max-width:1499px) {
    #header-widget-login{margin-top: 0px;}
    .navbar-nav > li > a{padding-top: 10px;padding-bottom: 10px;}
    #header-widget-login a{margin-right: 10px;}
    div[name="mobile-btn"]{top: 5px;}
    .top-menu{padding: 0;width:80%;}
}

@media (min-width:992px) and (max-width:1199px) {
    #gnb > li { width:130px; }
	#gnb > li > a { font-size:18px; }
	.depth2 li a { font-size:14px; }
	#live_btn { position:absolute; top:0px; right:-10px; text-align:center; }
	#live_btn span { display:none; }
    #header-widget-login{margin-top: 0px;}
    .navbar-nav > li > a{font-size:16px; padding-right: 5px; padding-left: 5px;}
    #header-widget-login a{font-size:12px;margin-right: 5px;}
    .top-menu {width: 75%;}
    

}

@media (min-width:768px) and (max-width:991px) {
    .top_logo{width:25%;}
    #header-widget-login{margin:0;}
    .header-mobile-gnb{float:right;}
    .toggle .fa-bars{font-size: 30px;position: relative;top: 5px;}
    .mm-panel { background:#3A80B9 !important; }
	
}

@media(max-width:767px)
{
    div[name="mobile-btn"] {position: relative;bottom: 10px;right: 10px;z-index: 10;float: right; }
    .widget-login{display: inline-block;right: 20px;top: 18px;position: relative;}
    .widget-login a{font-size:15px;color: #fff!important; text-decoration: none;}
    .widget-login span{color: #fff!important;font-size: 18px;margin: 0 5px;}
    #header { position:relative; width:100%;  padding:10px; background:none;  }
    #header .container-fluid { padding:0px; }
    #header .container-fluid > div { padding:0px; width:10%; }
    
    .col-xs-6[name='mobile-btn'] { float:right; }

    #header-logo { text-align:left;  }
    #header-logo img { height:30px; }

    #header-widget-login { text-align:center; margin-top:0px; margin-bottom:15px;  }
    #header-widget-login a {  color:#fff; font-size:16px; }
    .header-mobile-gnb { text-align:right; padding-right:20px; }
    .header-mobile-gnb a i { font-size:32px; }

    .mm-panel { background:#3A80B9 !important; }
    .mm-title, .mm-listview>li>a, .mm-listview>li>span { color:#fff !important; }
    .mm-menu .mm-listview>li .mm-next:after { border-color:#fff !important; }

    #gnb-wrapper { display:none;  }

    
    #footer { padding-top:15px; }
    #footer_text { margin-top:15px; font-size:14px; line-height:150%; padding-left:10px; padding-right:10px;   }
    
    #live_btn { position:absolute; top:-2px; right:55px; text-align:center; }
		#live_btn span { color:#003366; font-size:14px; }
		#live_btn img { height:30px; margin-bottom:3px;  }
		
		
		#admin_link  { color:#000; right:0px; }

}