@import url('https://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');
}

/*게시판 css*/
.list-categories{text-align:center;}
/*사이트맵*/
.line-active { width: 80% !important; transition: all ease 0.3s;}
.site-map { background: white; display: none; transition: 0.3s all; padding-top: 100px; width: 100%; position: fixed; top: 0; left: 0; z-index: 998;}
.site-map .depth3 {padding-left: 30px;}
.site-map .depth3 > a { color: #8D8D8D !important;}
.site-map .navbar-nav{position:relative; left:50%; transform:translate(-50%);}
.site-map .navbar-nav > li {padding: 40px;text-align: left !important; height: 500px;  border-right: 1px solid #F2F2F2; }
.site-map .navbar-nav > li:first-child {  border-left: 1px solid #F2F2F2; }
.site-map .navbar-nav > li > a {padding: 10px 0px; color: black; font-size: 18px; }
.site-map .navbar-nav > li ul li a { font-size: 16px;  color: black; line-height: 2.2; }
.site-map hr { margin: 5px 0px 20px 0px; border: 2px solid #75C3FF; width: 65px; }
.site-map .nav > li > a:focus, .nav > li > a:hover {background-color: white;}
/*사이트맵*/

/*서브 gnb*/
.subgnb-home{padding-bottom:30px;}
.subgnb-home a{font-size:18px; color :black; }

#dimodePage{display:block!important;}
#memberInfoForm {margin: 130px auto 0 auto !important;}
#loginForm{margin-top:100px!important;}
#joinForm{margin-top:100px!important;}
#findForm{margin-top:100px!important;}
#subtop{margin-top:100px;}
.go_top {display:none;cursor: pointer;position: fixed; width: 48px;right: 30px; bottom: 50px;z-index: 999;height: 48px;}
body{font-family: 'NanumSquare', sans-serif;}
.layout-top{BOX-SHADOW: 1PX 2PX 1PX #e8e8e8; position:relative;}
.logo-wrap{transition: all .2s ease-in-out;width: 200px;float: left;margin-left: 45px;position: relative;height: 100px;}
.logo-wrap img{position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.container-fluid{padding:0px;}
.menu-icon{font-size:25px;    position: relative; top:3px;}
#gnb {display:flex;position: absolute; left: 50%;transform: translateX(-50%);}
#gnb-wrap{position:fixed;top:0; width:100%;z-index:9999; background:white;}
#sitemap-wrap{display:none;}
ul#gnb > li:nth-child(1){width:110px;}
ul#gnb > li:nth-child(2){width: 90px;}
ul#gnb > li:nth-child(3){width: 90px;}
ul#gnb > li:nth-child(4){width: 90px;}
ul#gnb > li:nth-child(5){width:120px;}
ul#gnb > li:nth-child(6){width:120px;}
ul#gnb > li:nth-child(7){width:120px;}
ul#gnb > li:nth-child(8){width:120px;}
ul#gnb > li:nth-child(9){width:120px;}
ul#gnb > li{float:left;text-align:center;line-height: 100px;padding: 0 ; height: 100px;  font-weight:bold;  transition: all .2s ease-in-out;}
ul#gnb > li li{line-height:1.5;}
ul#gnb > li .subal{background:black; padding:10px 10px; }
ul#gnb > li > a{font-size:16px;color:black; text-decoration:none; letter-spacing: .54px; text-transform: uppercase;}
ul#gnb > li a{text-decoration:none;}
ul#gnb > li a li {font-size:14px; color:white;margin-top:5px; margin-bottom:10px;}
.right-login{float:right;height:100px; line-height:100px;}
.right-login a{ padding:0px 15px;font-size:16px; color:gray;text-decoration: none;}


.subTitle{text-align: center;border-bottom: 2px solid #000;display: inline-block;width: 100%;margin:0 0 20px;}
#subgnb { border-bottom:1px solid #ddd; padding:0px 0px;background-color: #93BCD2;}
#subgnb .subgnb-home { float:right; display:inline-block; margin:12px 0px 0px 0px;}
#subgnb .container > div{margin: 15px 0; display: inline-flex;}
#subgnb span, #subgnb a { font-size:16px; color:#777; position:relative; top:3px; text-decoration:none;}
#subgnb a.active { color:#6599CB; font-weight:bold; }
#subgnb .dropdown {display: inline-block;border-right: 1px solid #fff;float: left;}
#subgnb .dropdown:last-child{border:none;}
#subgnb .dropdown .btn { padding: 5px 20px 5px;font-size: 17px;font-weight: bold;color:#fff;}
#subgnb .dropdown .btn-default { border:none;}
#subgnb .dropdown .btn:hover { background-color:transparent!important; transition:0.3s all ease;}
#subgnb .dropdown .btn,
#subgnb .dropdown .btn .active  { background-color:transparent!important; }
#subgnb .dropdown-menu>li>a { padding:10px 20px; transition:0.3s all ease; font-size:17px;}
#subgnb .caret {border-top: 6px solid #fff;border-bottom: 6px solid transparent;border-right: 6px solid transparent;border-left: 6px solid #fff;
position: relative;margin: 0;height: 8px;width: 8px;transform: rotate(225deg);transition: all 0.6s;margin-top: -15px;margin-left: 20px;}
#content { padding: 40px 0px;}
#sub_title { font-size: 40px; font-weight: bold; margin: 0; display: inline-block; padding: 0px 0px 20px; width: 100%; float: left;}
/*ul#gnb li:after{content: '\f107';line-height: 1;font-family: FontAwesome,FontAwesome;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}*/
.menu-icon {
    padding-right: 15px;
}
.subal {width: 150px;padding: 18px 13px;text-align: center;background-color: #000;color: #fff;position: relative;left: 50%; z-index: 0;visibility: hidden;
    -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);opacity: 0;top: 30px;-webkit-transition: opacity .2s ease-in-out,top .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out,top .2s ease-in-out;-o-transition: opacity .2s ease-in-out,top .2s ease-in-out;transition: opacity .2s ease-in-out,top .2s ease-in-out;
    word-break: keep-all;
}
.subal:before {
    content: '';position: absolute; left: 50%;top: -8px;
    border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #000;-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);transform: translateX(-50%); -webkit-transition: opacity .2s ease-in-out;-moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out;
}


/*모바일*/
#mm-2 { background:#348480 !important; }
#mm-3 { background:#1b7773 !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-vertical .mm-panel{background-color:#fff;}
.mm-panels>.mm-panel.mm-hasnavbar{background-color:rgba(42, 125, 125, 0.74) !important;}


#footer{background:rgba(29,29,29,1); text-align:center; padding:30px 0px;}
#footer p{color:white; font-size:15px;}
#footer p a{color:white; }
.foot_log{display:inline-block;}
.foot_log table{border:0px; width:300px;}
.foot_log table td {text-align:center;}
.site-link{padding: 30px 0px;}
.site-link span{padding:0px 30px; color:rgb(207,205,192); font-size:16px; text-decoration:underline;}

@media(max-width:1700px) 	{
  ul#gnb > li:nth-child(1){width:100px;}
ul#gnb > li:nth-child(2){width: 60px;}
ul#gnb > li:nth-child(3){width: 60px;}
ul#gnb > li:nth-child(4){width: 60px;}
ul#gnb > li:nth-child(5){width:100px;}
ul#gnb > li:nth-child(6){width:100px;}
ul#gnb > li:nth-child(7){width:100px;}
ul#gnb > li:nth-child(8){width:100px;}
ul#gnb > li:nth-child(9){width:100px;}
    .right-login a {padding: 0px 2px;}
}
@media(max-width:1400px) {
    ul#gnb > li {line-height: 70px; height: 70px;}
    .right-login {height: auto; line-height: inherit;}
    .gnb-all {display: flex; flex-direction: column-reverse; align-items: end;}
	#gnb{ left: 0%; position:inherit; transform: none; justify-content: space-between; width: 90%;}
    ul#gnb > li:nth-child(1){width:90px;}
    ul#gnb > li:nth-child(2){width:50px;}
    ul#gnb > li:nth-child(3){width:50px;}
    ul#gnb > li:nth-child(4){width:50px;}
    ul#gnb > li:nth-child(5){width:90px;}
    ul#gnb > li:nth-child(6){width:90px;}
    ul#gnb > li:nth-child(7){width:90px;}
    ul#gnb > li:nth-child(8){width:90px;}
    ul#gnb > li:nth-child(9){width:90px;}
}
@media(max-width:1199px) {
	 ul#gnb > li:nth-child(1){width:80px;}
    ul#gnb > li:nth-child(2){width:50px;}
    ul#gnb > li:nth-child(3){width:50px;}
    ul#gnb > li:nth-child(4){width:50px;}
    ul#gnb > li:nth-child(5){width:80px;}
    ul#gnb > li:nth-child(6){width:80px;}
    ul#gnb > li:nth-child(7){width:90px;}
    ul#gnb > li:nth-child(8){width:90px;}
    ul#gnb > li:nth-child(9){width:90px;}
    .right-login a:last-child{display:none;}
    .right-login .last-bar{display:none;}
    ul#gnb > li {
        width: 7%;
    }
    ul#gnb li a{font-size:16px;}
    .logo-wrap{margin-left:20px!important;}
}
@media(max-width:991px) {
     .gnb-all {display: inline-block;}
		.mobile-lock{right:50px!important;}
		.mobile-lock .fa{font-size:30px!important;;color: #008DAB!important;;}
    .right-login{display:none;}
    .header-mobile-gnb {
        float: right;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
    }
    .fa-bars {
        font-size: 30px;
    }
}
@media (max-width:767px) {
    #sub_title {font-size: 32px;}
.direct-popup .visible-popups > .each { max-width : 85%!important;}	
    /*서브 gnb*/
.popup-content .each-content{z-index:9999!important;}

.subgnb-home a{font-size:15px; color :black; }
#subtopimg{max-width: inherit;min-height: 150px; width: 120%;position: relative; }
}