@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.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');
      unicode-range: U+AC07-AC0A;
}

*:focus { outline: none; }
body * { 
	font-family: "NanumSquare", notosanskr;
	 letter-spacing : -0.5px;
	 }



@media (min-width:1500px) { 
	#sitemap-wrap .container { width:1300px;}
	.container { width:1215px; } 
	
	}

#header { background: #A4BACF; padding: 7px 0px;}
#header a { color:#fff; text-decoration:none; padding:0px 15px; border-right: 1px solid #fff;}
#header a:hover {  color:#81c6ff; font-weight:bold; }
#header .header-box-left { float: left; font-size: 14px; }
#header .header-box-left a { border-right:none; transform: skew(-0.05deg); }
#header .header-box-right { float: right; font-size: 14px; transform: skew(-0.05deg); }
#header .header-box-right li:last-child a { border-right:none; }
#header .header-box-left li, #header .header-box-right li { display:inline-block;}

#gnb-wrap { border-bottom:1px solid #C7C7C7;}
#gnb-wrap a.logo { display:inline-block; text-align:center;}
#gnb-wrap img { margin: 26px 0px;}
#gnb { float: right; }
#gnb > li  { float:left; padding:40px; position:relative;}
#gnb > li > a { font-size:20px; color:#333; text-decoration:none; transition:all ease 0.2s; font-weight:600;}
#gnb > li > a:hover {  color:#046FBA; border-bottom:2px solid #046FBA; padding-bottom:3px; transition:all ease 0.2s; font-weight:bold; }
#gnb > li > a.active { color:#046FBA; border-bottom:2px solid #046FBA; padding-bottom:3px; transition:all ease 0.2s; font-weight:bold; }
#gnb > li > ul { display:none; }
.point { position:absolute; bottom:-66px; left:45%; margin-left:-9px; display:none; opacity:1;}

.gnb2 {background: #A4BACF; width:100%; height:0px; position:absolute;left:0px; z-index:9999;}
.gnb2 .container { padding:20px 0px; width:100%;}
.gnb2 .subul { position: relative; text-align:center; }
.subtext-wrap { float:left;  padding-top:50px; display:none; width:220px; }
.subtext { display:inline-block; }
.subtext p { color:#333333; text-align:left;}
.subtext p:first-child { font-size:14px; margin-bottom:0px; display:none; }
.subtext p:nth-child(2) { font-size:36px; font-family:NanumBarunGothic; }
.subtext img { display:block; position:relative; float:none !important; margin:0 auto; }
.subul > li { display:inline-block; padding:0px 26px; vertical-align:top;}
.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-top:5px; display:none; }
.subul > li > ul > li { font-size:13px; transition:all ease 0.3s;height: 29px;margin-top:1px; }
.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; }
.sub-left-triangle { position: absolute; right: 0px; top: 0; width: 0; height: 0; border-left: 30px solid transparent; border-top-width: 30px; border-top-style: solid; border-top-color: #5E5F9F; }

#subtop img { width:100%; }
#subgnb { border-bottom:1px solid #ddd; padding:17px 0px; text-align: right;}
#subgnb span,
#subgnb a { font-size:14px; color:#777; position:relative; top:3px; }
#subgnb span.active { color:#000; }
#content { padding-top:30px; min-height:600px; padding-bottom:50px;}
#content .third-menus { margin:10px 0 42px 0;text-align:center; }
#content .third-menus ul{ display:inline-block; }
#content .third-menus ul li { border: 1px solid #dedede; float:left; margin-left:-1px;}
#content .third-menus ul li a { color: #333;text-decoration: none;padding: 8px 17px;font-size: 12px;min-width: 160px;display: inline-block;text-align: center; }
#content .third-menus ul li.active a { color:#fff; }
#sub_title { font-size:40px; font-weight:600; margin-bottom:30px; margin-top:30px; }

#sitemap-wrap { background-color:#fff; padding:55px 0px; border-top: 1px solid #C7C7C7; }
#sitemap-wrap img { float:left; margin-bottom: 20px;}
#sitemap-wrap hr { border: 1.5px solid #eee; width:40px; float:left; }
#sitemap-wrap p { clear:both; margin:0px 0px 3px; font-size:13px; transform: skew(-0.05deg);}
.sitemap-left a { text-decoration:none; color:#333;}
.sitemap-left ul { margin-top:20px; }
.sitemap-left li { display:inline-block; font-size:14px; padding:3px 5px; border:1px solid #333; margin-right:10px;}
.sitemap-left li:hover { background:#f1db9b; transition:0.3s all; }
#sitemap { text-align:right; display: flex; justify-content: space-between; }
#sitemap a { text-decoration:none; }
#sitemap > li { display:inline-block; vertical-align:top; text-align:left;}
#sitemap > li > a { color:#000; font-size:17px; font-weight:bold; }
#sitemap > li > ul > li { padding:4px 0px; clear:both; }
#sitemap > li > ul > li > a { color:#555555; font-size:14px; font-weight:bold; transform: skew(-0.05deg); }
#sitemap > li > ul > li > a:hover { color:#777; 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;}

#footer { background:#fff; padding:30px 0px; position:relative; text-align:center; border-top: 1px solid #C7C7C7; }
#footer img { float:none; margin:0 0 30px;}
#footer p { color:#aaa; font-size:15px; margin:0px;}
#footer p img { float:none; margin-right:5px;}
#footer a { text-decoration:none; color:#aaa;}
#footer ul { margin-top:20px; }
#footer li { display:inline-block; font-size:14px; padding:3px 5px; border:1px solid #aaa; margin-right:10px;}
#footer li:hover { background:#f1db9b; transition:0.3s all; }

.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; }

.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; }

.navbar-header .navbar-brand {display:none!important;}
.header-mobile-gnb .toggle {color:#333333!important;}
.mm-panels > #mm-1 {background-color:#A4BACF !important; }
.mm-panels > #mm-2,
.mm-menu .mm-listview > li .mm-next:after {
    border-color: rgba(255,255,255,1) !important;
}

div#mm-2 {
    background: #A4BACF;
}

.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
    border-color: rgba(255,255,255,1) !important;
}

.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 {
    background-color: #A4BACF !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;}

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

}

@media (min-width:993px) and (max-width:1199px) {
    #gnb > li { padding:0 45px; }
}


@media (min-width:768px) and (max-width:992px) {
	.main-title { font-size:20px; }
	.header-mobile-gnb .toggle { float:right; font-size:35px; margin-top:40px; }
}

@media (max-width:767px) {
	#gnb-wrap a.logo{
		float:left;
		}
	#header a { padding:0 5px;}
	#gnb-wrap img { max-width:180px; margin-left:15px;}
	.header-mobile-gnb .toggle { float:right; font-size:25px; margin-top:27px;  margin-right:15px;}
	#header a { font-size:13px;}
	#footer p { font-size:13px; line-height:22px;}
	#footer li { font-size:13px;}
	#header .header-box-right { margin-right:15px; }
}