@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');
}


body * { font-family:NanumSquare; letter-spacing : -0.3px;}
@media (min-width: 1200px) { .container { width: 1190px!important; } }

#header__top { overflow:hidden; background:#182D1C; }
#header__top li { float:right; width:90px; text-align:center; }
#header__top li:hover { background:#4C5365; transition:.3s background; }
#header__top li a { text-decoration:none; color:#fff; font-size:17px; padding:30px 0; display:inline-block; }

#header__bottom { overflow:hidden; padding:30px 0; position:relative; }
#gnb { margin-top:16px; }
#gnb > li { display:inline-block; padding:0 35px;}
#gnb > li > a { font-size:21px; color:#000; text-decoration:none; }
#gnb > li > a:hover { border-bottom:4px solid #219679; padding-bottom:10px; transition:.3s all; }
#gnb > li > ul { display:none; }

.gnb2 {background: #219679; width:100%; height:0px; position:absolute;left:0px; z-index:9999; overflow:hidden; text-align:center; }
.gnb2 .container { padding:23px 0px 0px; }
.subul > li { display:inline-block; text-align:center; vertical-align:top; margin:0 20px; }
.subul > li:last-child { margin-right:0px; }
.subul > li > a { font-size:18px; }
.subul > li > a > i { float:right; position:relative; top:3px; }
.subul > li > ul { margin:15px 0; display:none;}
.subul > li > ul > li { font-size:15px; transition:all ease 0.3s;height: 29px;margin-top:1px; }
.subul > li > ul > li:hover { background-color:#1f4346;}
.subul > li > ul > li > a { padding: 5px 7px;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; }

#footer { background:#2A362C; padding:50px 0px; position:relative;}
#footer > div  {position:relative;}
#footer img { margin-right: 10px; clear:both; display:inline-block; vertical-align:top;}
#footer ul { display:block; margin:10px 0 0 35px;}
#footer ul li { color:#fff; font-size:16px; padding:0px; margin:5px 0; transform: skew(-0.05deg);}
#footer h5 { font-size:16px; font-weight:bold; margin:4px 0px 4px; color:#fff; display:inline-block; transform: skew(-0.05deg);}
#footer p { font-size:16px; color:#9DA1A4; margin:0px 0px 30px;}
#footer .foot-1 table {border:none; margin-left:38px; width:100%; margin-top:10px; }
#footer .foot-1 tr {margin-bottom:5px;}
#footer .foot-1 td:first-child { width:30%;}
#footer .foot-1 td:nth-child(2) { width:34%;}
#footer .foot-1 td {color:#fff; font-size:16px; padding:5px 0; transform: skew(-0.05deg);}
#footer .foot-2 table {border:none; width:100%;}
#footer .foot-2 tr {margin-bottom:5px;}
#footer .foot-2 td:first-child { width:18%;}
#footer .foot-2 td:nth-child(2) { width:28%;}
#footer .foot-2 td:nth-child(3) { width:38%;}
#footer .foot-2 td {color:#fff; font-size:15px; padding:2px 0;}
#footer h3 {font-size:15px; color:#fff; line-height:25px; margin:20px 36px 0; transform: skew(-0.05deg); }

.header-mobile-gnb {float:right; margin:20px 15px 20px 0; font-size:30px;}
.header-mobile-gnb .toggle {color:#219679!important;}
.mm-panels > #mm-1 {background-color:#219679!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,
.mm-panels > #mm-25,
.mm-panels > #mm-26,
.mm-panels > #mm-27,
.mm-panels > #mm-28,
.mm-panels > #mm-29,
.mm-panels > #mm-30,
.mm-panels > #mm-31 { background-color: #005f47 !important; }
.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;}

.board-theme.gallery .theme-list > .each-document > a.title { width:100%!important; }


@media (min-width:1200px) and (max-width:1499px) {
}


@media (min-width:993px) and (max-width:1199px) {
	#gnb > li { padding:0 20px; }
    #footer .foot-1 td:nth-child(2) {width:50%; }
}

@media (min-width:768px) and (max-width:992px) {
	#header__top { padding:0 10px; }
	#header__top li { width:auto; }
	#header__top li a { padding: 7px; font-size:15px; }
	#main-logo { max-width:170px; margin-left:15px; margin-top:20px; }
	#header__bottom { padding:0; }
    #footer { padding:25px 0; }
    #footer img {display:block; margin:0 auto 15px; }
    .foot-3 { text-align:center; }
    #footer ul { margin:0; }
    #footer h3 { margin-top:5px; }
}

@media (max-width:767px) {
	#header__top { padding:0 10px; }
	#header__top li { width:auto; }
	#header__top li a { padding: 7px; font-size:15px; }
	#main-logo { max-width:170px; margin-left:15px; margin-top:20px; }
	#header__bottom { padding:0; }
	#footer { padding:25px 0; }
	#footer img {display:block; margin:0 auto 15px; }
	.foot-3 { text-align:center; }
	#footer ul { margin:0; }
	#footer h3 { margin-top:5px; font-size:14px; }
	#footer ul li { font-size:14px; }
}