@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* 크롬에서 하늘색 테두리 없애는 방법 */
*:focus { outline: none;}

/* font select */
body * { font-family: 'NanumSquare', sans-serif;  font-size: 1.65rem; }
a {text-decoration: none!important;}
.flex {display: flex; align-items: center;}
#loginForm {margin:5% auto 50px auto!important;}
#joinForm {margin:2% auto 0px!important;}
@media (min-width: 1500px) {
	.laycontainer {width: 1220px; margin: 0 auto;}
	.subcontainer {width: 1310px; margin: 0 auto;}
}
/* header */
#header { background: #333; padding: 5px 0px;}
#header a { color:#eee; text-decoration:none; padding:0px 10px; border-right: 1px solid #fff;}
#header .header-box-left { float: left; font-size: 16px; }
#header .header-box-left a { border-right:none; }
#header .header-box-right { float: right; font-size: 15px;}
#header .header-box-right li:last-child a { border-right:none; }



/* 상단바 메뉴 gnb */
.point { position:absolute; bottom:-66px; left:45%; margin-left:-9px; display:none; opacity:1;}
#daumRoughmapContainer1586426119505{width: 100%!important;}

/* gnb */
.top-logo { display: inline-block;text-align: center;}
#gnb-wrap { border-bottom:1px solid #B7B7B7;}
#gnb-wrap img {}
#gnb-wrap div div.flex { width: 100%;  height: 100px; justify-content: space-between; margin: 0 auto;}
#gnb {}
#gnb > li  {position: relative;}
#gnb > li > a {font-size: 2.2rem; padding: 1.5vw 2.5vw; box-sizing: border-box; color: #333; transition: all .35s ease-in-out; font-weight: bold; letter-spacing: 1.5px; display: inline-block;}
#gnb > li > .span-bar {font-size: 24px;color: #754089;padding: 40px 0;display: inline-block;}
#gnb > li > a:hover { color:#F6AE40; }
#gnb > li > a.active { color:#F6AE40; }
#gnb > li > ul { display:none; }
.point { position:absolute; bottom:-66px; left:45%; margin-left:-9px; display:none; opacity:1;}


/* 상단바 서브탑 누르면 나오는 것들 */
.gnb2 {background: #F6AE40; width:100%; top: 133px; height: 0; position:absolute; left:0px; z-index:9999; overflow: hidden;}
.gnb2 > div { position: relative;  left: 10%; }
.gnb2 .subul { position: relative; text-align: center; justify-content: center;}
.gnb2 .subul > li { display:inline-block; padding: 20px 30px; box-sizing: border-box;}
.gnb2 .subul > li a {font-size: 1.9rem; transition: all .35s ease-in-out; color: #fff;}
.gnb2 .subul > li a:hover {font-weight: bold;}


/* subtop */
.subTitle{text-align:center; margin-bottom: 30px;}
#sub_title { font-size: 3.5rem; margin: 30px 0; font-weight:600; display:inline-block;}
#subtop{position: relative;}
#subtop img { width:100%; }
#subtop .subtop-bottom{background-color: rgba(47,68,136,1);height: 90px;position: relative;bottom: 0;width: 100%;}
#content > div > div {width: 100%; margin: 5% auto 80px;}
.board-theme .theme-list table th, .board-theme .theme-list table td {font-size: 15px!important;}

/* footer */
footer { clear: both; margin-top: 50px; padding:30px 15px; box-sizing: border-box; border-top: 1px solid #eee;}
footer > div {justify-content: space-between;}
footer img {margin-bottom: 20px; }
footer p { color:#666; font-size: 16px; font-weight: bold; line-height: 1.6; word-break: keep-all;}
#sitemap {width: 55%; padding: 0 20px; justify-content: space-between; align-items: flex-start;}
#sitemap > li > a {color: #000; font-size: 16px; font-weight: bold;}
#sitemap .depth2 > li > a {font-size: 14px; color: #666; line-height: 1.7; transition: all .2s ease;}
#sitemap .depth2 > li > a:hover {font-weight: bold;}




/* sitemap all s */
.gnb-all { display: none; position: fixed; z-index: 99999; background: rgba(0, 0, 0, 0.7); top: 0; left: 0; width: 100%; height: 100%; }
.gnb-all .all-wrapper { width: 1170px; margin: 0px auto; }
.gnb-all .all-wrapper .all-top { color: white; font-size: 24px; font-weight: 600; }
.gnb-all .all-wrapper .junce { text-align: center; margin: 48px 0 27px 0; }
.gnb-all .all-wrapper .all-close { color: #fff; position: fixed; right: 14px; top: -9px; cursor: pointer; font-weight: 600; font-size: 5em; }
.gnb-all .all-wrapper > ul > li { display: inline-block; vertical-align: top; margin-right: 105px; }
.gnb-all .all-wrapper > ul > li > a { margin-bottom: 12px; font-size: 20px; font-weight: 600; }
.gnb-all .all-wrapper > ul > li:first-child { display: none; }
.gnb-all .all-wrapper > ul > li:last-child { display: none; }
.gnb-all .all-wrapper > ul > li > ul > li > a { color: #fff; display: block; margin-bottom: 9px; height: 21px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:14px; }
.gnb-all .all-wrapper > ul > li > ul > li > ul > li > a { color: #fff; display: block; margin-bottom: 9px; height: 19px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 1px; }
.gnb-all .all-wrapper a { display: block; color: #fff; }


/*지도*/
#unit9971 #daumRoughmapContainer1640133591822{ width:100% !important; }


.lnb { padding-right:40px;}
.lnb_title { font-size:30px; border-bottom:1px solid #000; padding-bottom:25px; font-weight:600; font-family:NanumBarunGothic; margin-bottom:0px; text-align:center;}
.sub_depth2 { margin-top:0px; padding-top:0px; }
.sub_depth2 > li { padding: 15px; border-bottom:1px solid #ddd; transition:all ease 0.3s; }
.sub_depth2 > li.active,
.sub_depth2 > li:hover { background:#f0f0f0; }
.sub_depth2 > li > a { color:#777; font-weight:600;  font-size:16px; text-decoration:none; }
.sub_depth2 > li > i { position:relative; margin-right:10px; cursor:pointer; }
.sub_depth2 > li > i.fa-minus { display:none; }
.sub_depth2 > li:last-child { border-color:#000; }
.sub_depth3 { padding-left:20px; margin-top:10px; display:none; }
.sub_depth3.active { display:block; }
.sub_depth3 li { padding:3px 0px; }
.sub_depth3 li a  { color:#999; font-size:15px;  text-decoration:none;  transition:all ease 0.3s; }
.sub_depth3 li a:hover  { color:#739AB9; }
.sub_depth3.a_96 li a:hover { color:#4E5397; }
.sub_depth3.a_98 li a:hover { color:#E4C640; }


/* mobile */
#my-menu {display: none;}
.mm-navbar {border-bottom: none!important;}
.header-mobile-gnb .toggle {color:#333333!important;}
.mm-panels > #mm-0 {background:#00649c!important; }
/* .mm-panels > #mm-1 {background:#f6d6d!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: #00649c !important; } */
.mm-panels>.mm-panel {padding: 0 10px!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 {color:#fff!important; padding:20px 25px!important; font-size:17px;}
.mm-panels>.mm-panel>.mm-listview { margin:60px 0px!important;}
.mm-btn {top:unset!important;}
.mm-front .mm-menu.mm-offcanvas { background:#F58E36!important; }
.mm-listview li.login {display: flex; position: absolute; right: 0; bottom: 0;}
.mm-listview > li.login:not(.mm-divider):after {display: none!important;}
.mm-listview > li.login > a {padding: 25px 15px!important;}


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

@media (max-width:1199px) {
    #gnb > li > a {font-size: 1.85rem;}
	.gnb2 .subul > li a {font-size: 1.7rem;}
}

@media (max-width:991px) {
	#gnb-wrap {width: 100%; padding: 15px 0;}
    #gnb-wrap div div.flex {height: unset; padding:0;}
    #gnb-wrap img { width: 200px;}
    .header-mobile-gnb a { font-size: 3rem; }

	footer p {font-size: 14px; word-break: keep-all; font-weight: normal;}


}

@media (max-width:768px) {
    #header a {padding: 0 5px;}
    #header .header-box-right {font-size: 13px;}
	#header .header-box-right li a {font-size: 14px;}

    #sitemap {display: none;}
    footer div div {width: 100%; margin: 0 auto; text-align: center;}
    footer p {font-size: 14px; word-break: keep-all;}
}

@media (max-width:414px) {
    

}