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

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


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

/* font select */
body * { font-family:NanumSquare, sans-serif; letter-spacing : -0.5px;}

/* header */
#header { background:#303030; padding: 5px 0px;}
#header a { color:#fff; text-decoration:none; padding:0px 15px; border-right: 1px solid #fff;}
#header .header-box-left { float: left; font-size: 17px; }
#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; }
#header .header-box-left li, #header .header-box-right li { display:inline-block;}


/* 상단바 메뉴 gnb */
.top-logo{width: 25%;display: inline-block;text-align: left;margin: 25px 0px 15px;}
.point { position:absolute; bottom:-66px; left:45%; margin-left:-9px; display:none; opacity:1;}
#daumRoughmapContainer1586426119505{width: 100%!important;}

/* gnb */
#gnb { display:inline-block; position: relative; left: 0%;}
#gnb-wrap img { float:left; margin: 0;}
#gnb > li.depth1 {float:left;text-align:center;line-height: 100px;padding: 0 ; height: 100px;  font-weight:bold;  transition: all .2s ease-in-out; outline:none; width:125px; }
#gnb > li > a { font-size:19px; color:#000; text-decoration:none; transition:all ease 0.2s; font-weight:bold!important;}
#gnb > li > a:hover {   border-top:4px solid #2295C8; padding-top:7px; transition:all ease 0.2s; font-weight:bold; }
#gnb > li > a.active {  border-top:4px solid #2295C8; padding-top:7px; transition:all ease 0.2s; font-weight:bold; }
.subal {width: 220px;padding: 5px 5px; background-color: rgba(255,255,255,.7);color: #fff; position: relative;left: 50%; z-index: 9999!important; 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; border-radius:5px; box-shadow: rgba(113, 113, 113, 0.28) 0px 4px 7px; border:4px solid #fff;}
.subal:before {
    content: '';position: absolute; left: 50%;top: -8px;
    border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff;-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; }
.subal li { height:auto; text-align:center; font-size:17px; padding:12px 10px; line-height:normal; }
.subal a { text-decoration:none; color:#000; }
.subal li:hover { background:#fff; transition:.3s all; }
.subal li:hover a { color:#000; transition:.3s all; font-weight:bold; }




/* 상단바 서브탑 누르면 나오는 것들 */



/* subtop */

#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; }
#subgnb>.container>img{width: 24px;}
#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 */

#sitemap-wrap { background-color:#f9f9f9; padding:40px 0px; border-top: 1px solid #eee;}
#sitemap-wrap img { float:left; margin-bottom: 40px;}   
#sitemap-wrap hr {border: 1px solid #E8E9EA;margin: 20px 0;width: 40px;}
#sitemap-wrap p { clear:both; margin:0px 0px 5px; font-size:15px; font-weight:bold;}
#sitemap-wrap > div > div:nth-child(1){width:30%}
#sitemap-wrap > div > div:nth-child(2){width:70%}
#sitemap { text-align:right;}
#sitemap a { text-decoration:none; }
#sitemap > li { display:inline-block; vertical-align:top; text-align:left; margin-top:10px; margin-left:65px;}
#sitemap > li > a { color:#000; font-size:17px; font-weight:bold; }
#sitemap > li > ul > li { padding:4px 0px;}
#sitemap > li > ul > li > a { color:#000; font-size:15px;}
#sitemap > li > ul > li > a:hover { color:#000; font-weight:bold; 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:17px;}

/* footer */

#footer { background:#eee; padding:30px 0px; position:relative;}
#footer img { float:left; margin-right: 30px;}
#footer p { color:#303030; font-size:14px; margin:0px;}
#footer p img { float:none; margin-right:5px;}

/*sub-top*/
#subtop{position: relative;}
#subtop .subtop-bottom{background-color: rgba(255,255,255,1);height: 68px;position: relative;bottom: 0;width: 100%;}
#subtop .subtop-bottom .subtop-menu{position: absolute;bottom: 0;width: 100%;text-align: center;}
#subtop .subtop-bottom .subtop-menu ul li{display:inline-block;}
#subtop .subtop-bottom .subtop-menu ul li a{display: inline-block;padding: 20px 25px 20px;font-size: 20px;text-decoration: none;color: #BD5440;position:relative; border-bottom:0px solid #BD5440; font-weight:normal;}
#subtop .subtop-bottom .subtop-menu ul li.active a,
#subtop .subtop-bottom .subtop-menu ul li a:hover,
#subtop .subtop-bottom .subtop-menu ul li a:focus{border-bottom:1px solid #BD5440; transition:all ease 0.3s; 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; }


.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-vertical .mm-panel{ background-color:#C7DA80!important;}
.mm-panel.mm-hasnavbar .mm-navbar .mm-title{color:#fff!important; font-size:20px;}
.mm-panels>.mm-panel.mm-hasnavbar{background-color:#2f428b!important; }
.mm-listview>li>a, .mm-listview>li>span{font-size: 17px;}
.mm-next:after{border-color:#fff!important;}

@media (min-width:1215px) {
    .container{width: 1215px;}
}
@media (min-width:1200px) and (max-width:1499px) {
    #gnb > li > a{padding: 41px 7px;}
    #sitemap > li { margin-left:50px;}
}
@media (min-width:992px) and (max-width:1199px) {
    #gnb{width:82%;}
    #gnb-wrap img{margin: 24px 0;}
	#gnb > li { padding:0px 5px; }
    #gnb > li > a{font-size:18px; padding: 41px 3px;margin: 0 3px;}
    #gnb > li > .span-bar{font-size:18px;}
    #sitemap-wrap > .container>div:nth-child(1){width: 30%; word-break: keep-all;}
    #sitemap-wrap > .container>div:nth-child(1) > p:nth-child(6) > a{display:block;}
    #sitemap-wrap > .container>div:nth-child(2){width: 70%;}
    .top-logo{width: 17%; margin: 14px 0px;}
    #sitemap > li{margin-left: 7px;}
}

@media (min-width:768px) and (max-width:991px) {
	.header-mobile-gnb a { font-size:30px; float:right; margin-top:22px;}
    #gnb-wrap > .container > .header-mobile-gnb{float:right;}
    #gnb-wrap > .container > .header-mobile-gnb > .toggle > i{font-size: 50px;}
    #footer img{float:inherit; text-align:center; margin:0; margin-bottom:30px;}
    #footer p{margin: 0px;display: inline-block;width: 100%;}
    #footer > .container > div:nth-child(1){width: 50%;display: inline-block;float: left;}
    #footer > .container > div:nth-child(2){width: 50%;display: inline-block;float: right;}
    #subtop .subtop-bottom .subtop-menu{position:relative!important;}
    #subtop .subtop-bottom{height:inherit!important;}
    #subtop .subtop-bottom .subtop-menu ul li a{font-size: 17px;padding: 20px 15px 20px;}
}

@media (max-width:767px) {
    .header-mobile-gnb a { font-size:30px; float:right; margin-top:20px;}
    #gnb-wrap > .container > .header-mobile-gnb{float:right;}
    #gnb-wrap > .container > .header-mobile-gnb > .toggle > i{font-size: 50px;}
    #footer img{float:inherit; text-align:center; margin:0; margin-bottom:30px;}
    #footer p{margin: 0px;display: inline-block;width: 100%;}
    #footer > .container > div:nth-child(1){width: 100%;display: inline-block; text-align:center;}
    #footer > .container > div:nth-child(2){width: 100%;display: inline-block; text-align:center;}
    .top-logo{margin: 10px 0; width: 55%;}
    #subtop .subtop-bottom .subtop-menu{position:relative!important;}
    #subtop .subtop-bottom{height:inherit!important;}
    #subtop .subtop-bottom .subtop-menu ul li a{font-size: 15px;padding: 10px;}
}