﻿@import url('http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');

@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: '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');
}

#unit6051 #daumRoughmapContainer1564114065881 {width:100% !important}

@media (min-width: 1500px) { .container { width: 1400px; } }

#joinForm { margin-top:200px!important; }
#loginForm { margin-top:200px!important; }

/* font select */

body * { font-family:NanumSquare, sans-serif; letter-spacing : -0.5px;}

.widget-login { position:absolute; right:0; top:10px; }
.widget-login a { color:#fff!important; font-size:17px; }
.widget-login span { color:#fff; }

.next-tap { overflow:hidden; margin-bottom:30px; }
.next-tap a { color:#333; text-decoration:none; }
.next-tap li { float:left; width:50%; text-align:center; font-size:20px; padding:20px 0; border:1px solid #f2f2f2;}
.next-tap li:hover { background :#C5C776; transition:0.2s all; }
.next-tap li:hover a { color:#fff; }

/* header */

#header { background:#182D1C; width:100%; height:100%; padding:0px;}
#gnb-wrap { position:absolute; top:0px; z-index:50; background-color:rgba(14,42,93,0.6); width:100%; }
.main-logo { max-width:185px; }

/* gnb */

#gnb-wrap #all-menu{ float:right; margin:50px 0px 0px 55px;}
#gnb-wrap img { float:left; margin: 25px 0px;}
#gnb { float: right; margin-top:45px; margin-right:50px; width: 860px;}

#gnb > li { display:inline-block;  padding:0px 55px 30px; }
#gnb > li > a { font-size:21px; color:#fff; text-decoration:none; transition:all ease 0.2s; font-weight:bold; }
#gnb > li > .dropdown-menu {margin: 0; padding: 0; border-radius: 0; width:160px; left:50%; margin-left:-80px; background:rgba(14,42,93,0.8) }
#gnb > li > ul > li > a {font-size: 16px; padding: 10px; color:#fff; }
#gnb > li > ul > li.active > a,
#gnb > li > ul > li > a:hover {background:rgba(14,42,93,0.6); }
#gnb > li:hover > ul {display: block; }

/*
#gnb > li { float:left; position:relative;}
#gnb > li .padding { padding:0 60px; font-size:17px; color:#fff;}
#gnb > li:last-child .padding {display:none;}
#gnb > li > a { font-size:21px; color:#fff; text-decoration:none; transition:all ease 0.2s; font-weight:bold;}
#gnb > li > a:hover {  font-weight:bold; border-bottom:3px solid #fff; padding-bottom:7px; transition:all ease 0.2s; font-weight:bold; }
#gnb > li > a.active { font-weight:bold; border-bottom:3px solid #fff; padding-bottom:7px; transition:all ease 0.2s; font-weight:bold; }
#gnb > li > ul { display:none; }*/

/* gnb2 */

.gnb2 {background-color:rgba(14,42,93,0.6);  width:100%; height:0px; position:absolute;left:0px; z-index:9999;}
.gnb2 .container { padding:35px 0px 0px;}
.subtext-wrap { float:left;  padding:0px; display:none; width:220px; text-align:center; margin-right:30px;}
.subtext { display:inline-block; }
.subtext p { color:#333333;}
.subtext p:first-child { font-size:14px; margin-bottom:0px; display:none; }
.subtext p:nth-child(2) { font-size:25px; color:#fff; font-weight:bold;}
.subtext img { display:inherit; position:relative; float:none!important; margin:20px auto; }
.subul > li { float:left; width:150px; margin:5px 40px 0px 0px;}
.subul > li:last-child { margin-right:0px; }
.subul > li > a { font-size:17px; font-weight:600;}
.subul > li > a > i { float:right; position:relative; top:3px; }
.subul > li > ul { margin-top:15px; }
.subul > li > ul > li { font-size:13px; transition:all ease 0.3s;height: 29px;margin-top:1px; }
.subul > li > ul > li:hover { background-color:#7b6698;}
.subul > li > ul > li > a { padding: 5px 7px;border-bottom: 1px solid #fff;display: inline-block;overflow: hidden; width: 100%;text-overflow: ellipsis; white-space: nowrap; }
.subul > li > ul > li > a > i { margin-right:5px; position:relative; }
.subul li a { color: #fff; text-decoration:none; }

/* sitemap */

#sitemap-wrap { background-color: #FFF; padding:80px 0; display:none; }
#sitemap { margin:0px; text-align:center;}
#sitemap a { text-decoration:none; }
#sitemap a:hover { font-weight:bold; transition:0.2s all;}
#sitemap > li { display:inline-block; vertical-align:top; padding: 0px 60px; text-align:left;}
#sitemap > li > a { color:#708da2; font-size:20px; font-weight:600;}
#sitemap > li > ul { margin-top:10px;}
#sitemap > li > ul > li { padding:3px 0px;}
#sitemap > li > ul > li > a { color:#555555; font-size:17px;}
#sitemap > li > ul > li > a:hover { color:#30318B; transition:all ease 0.3s; }
#sitemap > li > ul > li > ul > li { padding-left:10px; }
#sitemap > li > ul > li > ul > li > a { color:#777; font-size:14px;}
#sitemap .depth3 { margin:3px 0 0;}
#sitemap .depth3 li { font-size:17px; padding:3px 0;}

/* footer */

#footer { background:#313131; padding:50px 0px; position:relative; text-align:left;}
#footer img { margin-right: 35px; clear:both; display:inline-block; vertical-align:top;}
#footer p { font-size:17px; color:#fff; display:inline-block; text-align:left; position:relative; margin:3px 0 0; margin-left:50px;     line-height: 30px;}

/* all-menu */

.gnb-all { display: none; position: fixed; z-index: 9999; background: rgba(0, 0, 0, 0.7); top: 0; left: 0; width: 100%; height: 100%; text-align:center;}
.gnb-all a {color:#fff; text-decoration:none;}
.gnb-all img {margin:80px 0px 50px; max-width:185px; }
.gnb-all .all-wrapper .all-close { color: #fff; cursor: pointer; font-weight: 600; font-size: 5em; float:right; }
.gnb-all .all-wrapper .container a { display: block; color: #fff; }
.gnb-all .all-wrapper .container > ul > li { display: inline-block; vertical-align: top; padding:0px 40px;}
.gnb-all .all-wrapper .container > ul > li > a { margin:0px 0px 18px; font-size: 25px; font-weight: 600; text-decoration:none;}
.gnb-all .all-wrapper .container > ul > li:first-child { display: none; }
.gnb-all .all-wrapper .container > ul > li:last-child { display: none; }
.gnb-all .all-wrapper .container > ul > li > ul > li > a { color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:20px; padding:6px 0px;}
.gnb-all .all-wrapper .container > ul > li > ul > li > a:hover { font-weight:bold; transition:0.2s all ease;}
.gnb-all .all-wrapper .container > ul > li > ul > li > ul > li > a { color: #fff; display: block; margin-bottom: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px;}


/* mobile */

.header-mobile-gnb .toggle {color:white!important;}
.mm-panels > #mm-1 {background-color:#fdd17a!important; }
.mm-panels > #mm-2,
.mm-panels > #mm-3,
.mm-panels > #mm-4,
.mm-panels > #mm-5,
.mm-panels > #mm-6,
.mm-panels > #mm-7,
.mm-panels > #mm-8,
.mm-panels > #mm-9,
.mm-panels > #mm-10,
.mm-panels > #mm-11,
.mm-panels > #mm-12,
.mm-panels > #mm-13,
.mm-panels > #mm-14,
.mm-panels > #mm-15,
.mm-panels > #mm-16,
.mm-panels > #mm-17,
.mm-panels > #mm-18,
.mm-panels > #mm-19,
.mm-panels > #mm-20,
.mm-panels > #mm-21,
.mm-panels > #mm-22,
.mm-panels > #mm-23,
.mm-panels > #mm-24 { background-color: #3f6890 !important; }
html.mm-opening .mm-menu.mm-offcanvas.mm-front, html.mm-opening .mm-menu.mm-offcanvas.mm-next { z-index:9999;}
.mm-navbar { padding:20px 0px!important; height:inherit!important;}
.mm-navbar a { font-size:22px; color:#fff!important;}
.mm-listview>li>a, .mm-listview>li>span { padding:20px 25px!important; font-size:17px;}
.mm-panels>.mm-panel>.mm-listview { margin:20px 0px!important;}
.mm-btn {top:unset!important;}

@media (min-width:1200px) and (max-width:1499px) {
    #gnb > li .padding { padding:0 30px; font-size:17px; color:#fff;}
    #gnb { float: right; margin-top: 50px; margin-right: 0px; width: 760px; }
    #sitemap > li { padding:0 35px; }
}

@media (min-width:993px) and (max-width:1199px) {
    #gnb > li .padding { padding:0 15px; font-size:17px; color:#fff;}
    #gnb { float: right; margin-top: 45px; margin-right: 0px; width: 600px;}
    #gnb-wrap #all-menu { float: right; margin: 60px 0px 0px 15px; }
    .subul > li { width:100px; }
     #sitemap > li { padding:0 30px;}
     #gnb > li { display:inline-block;  padding:0px 30px 30px; }
}

@media (min-width:768px) and (max-width:992px) {
    #footer { margin:30px 0 0;}
    #footer p { line-height:25px; font-size:16px;}
    .header-mobile-gnb {float:right; margin-top:50px; font-size:30px;}
    #footer img { float:none; margin:0px 0px 15px;}
    #gnb-wrap { padding:0px; position:relative;}
    
}

@media (max-width:767px) {
    .header-mobile-gnb {float:right; margin:19px 0px 0px; font-size:30px;}
    #footer { text-align:center; padding:30px 0px; margin:30px 0 0;}
    #footer img { float:none; margin:0px 0px 30px; width:150px;}
    #footer p { font-size:13px; text-align:center; line-height:20px; margin:0; }
    #gnb-wrap { padding:0px; position:relative;}
    #gnb-wrap img { max-width:150px; margin:15px 0px;}
}
