@import url('http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');

@font-face {
 font-family: 'NanumBarunpen';
 src: url(webfont/NanumBarunpen/NanumBarunpenR.eot);
 src: url(webfont/NanumBarunpen/NanumBarunpenR.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumBarunpen/NanumBarunpenR.woff) format('woff'),
      url(webfont/NanumBarunpen/NanumBarunpenR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumBarunGothic';
 src: url(webfont/NanumBarunGothic/NanumBarunGothicWeb.eot);
 src: url(webfont/NanumBarunGothic/NanumBarunGothicWeb.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumBarunGothic/NanumBarunGothicWeb.woff) format('woff'),
      url(webfont/NanumBarunGothic/NanumBarunGothicWeb.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumBareunGothicUltraLight';
 src: url(webfont/NanumBarunGothicL/NanumBarunGothicWebUltraLight.eot);
 src: url(webfont/NanumBarunGothicL/NanumBarunGothicWebUltraLight.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumBarunGothicL/NanumBarunGothicWebUltraLight.woff) format('woff'),
      url(webfont/NanumBarunGothicL/NanumBarunGothicWebUltraLight.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumGothicEco';
 src: url(webfont/NanumEco/NanumGothicEco/NanumGothicEco.eot);
 src: url(webfont/NanumEco/NanumGothicEco/NanumGothicEco.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumEco/NanumGothicEco/NanumGothicEco.woff) format('woff'),
      url(webfont/NanumEco/NanumGothicEco/NanumGothicEco.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumBrush';
 src: url(webfont/NanumBrush/NanumBrush.eot);
 src: url(webfont/NanumBrush/NanumBrush.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumBrush/NanumBrush.woff) format('woff'),
      url(webfont/NanumBrush/NanumBrush.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumPen';
 src: url(webfont/NanumBrush/NanumPen.eot);
 src: url(webfont/NanumBrush/NanumPen.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumBrush/NanumPen.woff) format('woff'),
      url(webfont/NanumBrush/NanumPen.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquare';
 src: url(webfont/NanumSquare/NanumSquareR.eot);
 src: url(webfont/NanumSquare/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumSquare/NanumSquareR.woff) format('woff'),
      url(webfont/NanumSquare/NanumSquareR.ttf) format('truetype');
}

.mm-opened > .mm-panel {
    background: #5b97f1 !important;
}
    .mm-opened > .mm-panel .mm-opened > .mm-panel {
        padding-left: 25px;
        left: 12px;
        margin-left: -10px;
        background: #6fb5e9 !important;
    }

	
body{
    font-family: 'NanumSquare';
}
#loginForm, #findForm, #joinForm, #memberInfoForm{
	margin-top:100px!important;
}
#gnb-wrap{
	display:inline-block;
	width:100%;
}

.open {
    overflow:visible!important;
}

.gnb-bak-wrapper {
    background-color: #2C58B0;
    height:50px;
    overflow:hidden;
}
/*햄버거*/
.header-mobile-gnb {
    float: right;
    font-size: 28px;
    color: #656565;
    padding-top: 10px;
    padding-right: 10px;
}
.hambuger{font-size:30px;display: inline-block;margin-top:10px; padding-top: 4px; text-align: right; padding-left:0px!important;padding-right:0px!important;}
.hambuger .fa-bars{ border:1px solid #CBCBCB; padding:5px;}

.mm-panel {
    background: #3b78d5 !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; }
.mm-menu.mm-offcanvas { z-index:2 !important; }



@import url('font.css');

/* reset css */
ul {margin: 0;padding: 0;list-style: none;}
a {text-decoration: none !important;}
button {border: 0;padding: 0;}

body {font-family: "Nanum Square","NanumSquare", sans-serif;min-width: 320px;}

.c_navbar {
    margin-bottom: 0;
    background-color: white;
    border: 0;
    border-radius: 0;
    position: absolute;
    width: 100%;
    z-index: 999;
    height: 50px;
	transition:0.3s all;
}
.navbar {
    overflow: hidden;
}
.navbar-nav li ul li {
    padding: 5px;
    font-weight: 700;
	transition:0.2s all;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #f9f9f9;
}
.navbar-nav li ul li a {
    color: black;
    width: 100%;
    font-weight: 400;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
   
}
.navbar-nav > li > ul > li:hover {
    background: #76BEEA;
    cursor:default;
   
}

    .navbar-nav > li > ul > li:hover a {
        color: white;
    }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus,
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
        background-color: #76beea;
        color: #fff;
    }
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}

.header {padding: 10px 0 0 0;}
.header .container {position: relative;}
.header .link_logo {display: block;width: 140px;position: absolute;top: 40px;left: 15px;padding: 0 ;z-index: 10;}
.header .link_logo img {width:100%;}

.submenu_right {float: right;display: table;margin-right: -10px;}
.submenu_right li {display: table-cell;}
.submenu_right li a {padding: 0 10px;font-size: 12px;color: #888;border-left: 1px solid #ddd;}
.submenu_right li:first-child a {border-left: 0;}


.footer {padding: 15px 0;color: #555;font-size: 12px;}
.footer .container {position: relative;}
.footer .txt_info {padding-top: 0;font-size: 16px;}

.footer_menu {margin-top: 10px;margin-bottom: 10px;}
.footer_menu li {display: inline-block;}
.footer_menu li a {padding: 0 10px;font-size: 14px;color: #555;border-left: 1px solid #ddd;}
.footer_menu li:first-child a {border-left: 0;}

.footer_submenu {margin-bottom: 10px;}
.footer_submenu li {display: inline-block;padding-left: 5px;}
.footer_submenu li a {padding: 3px 10px;border: 1px solid #ddd;color: #303442;}

@media (min-width: 768px) {
    .navbar-nav li ul {
        border-right: 1px solid #abbbe8;
        height: 550px;
        padding:15px 0px;
    }
    .navbar-nav li:first-child ul {
        border-left: 1px solid #abbbe8;
    }
    .header .link_logo {
        position: static;
        display: block;
        width: 250px;
    }
  .navbar-nav {display: table;width: 100%;}
  .navbar-nav > li {display: table-cell;float: none;width: 16%;text-align: center;}
  .navbar-nav > li > .dropdown-menu {margin-top: -1px;}
  .submenu_right {margin-right: 0;padding-top: 25px;}
  .submenu_right li a {font-size: 14px;}
  .submenu_right li:nth-child(1),
  .submenu_right li:nth-child(4) {display: block;}
  .submenu_right li:nth-child(2) a {border-left: 1px solid #ddd;}

  
  .footer {padding: 30px 0;}
  .footer .container {position: relative;}
  .footer .container img {position: absolute;top: -6px;left: 0;}
  .footer .container .txt_info {margin-left: 290px;padding-top: 0;}
  .footer_menu {margin-left: 280px;margin-top: 0;}
  .footer .txt_info {padding-top: 20px;}
  .footer_submenu {position: absolute;top: 0;right: 0;display: table;}
}
@media (min-width: 1200px) {
  .c_navbar {font-size: 17px;}
  

}  
@media (min-width: 1300px) {
  .container {width: 1220px;padding: 0;}
}
@media (max-width: 767px) {
	.header .link_logo{left:10px;top:30px;}
    .slider-dots{display:none;}
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #fff;}
  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color: #fff !important;}
  .footer_menu {margin-left: -10px;}
  .footer_submenu {margin-left: -5px;}

}