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

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

#unit2506 #daumRoughmapContainer1589433798046 {width:100% ! important}

/*사이트맵*/
.line-active { width: 80% !important; transition: all ease 0.3s;}
.site-map { background: white; display: none; transition: 0.3s all; padding-top: 100px; width: 100%; position: fixed; top: 0; left: 0; z-index: 998;}
.site-map .depth3 {padding-left: 30px;}
.site-map .depth3 > a { color: #8D8D8D !important;}
.site-map .navbar-nav{position:relative; left:50%; transform:translate(-50%);}
.site-map .navbar-nav > li {padding: 40px;text-align: left !important; height: 500px;  border-right: 1px solid #F2F2F2; }
.site-map .navbar-nav > li:first-child {  border-left: 1px solid #F2F2F2; }
.site-map .navbar-nav > li > a {padding: 10px 0px; color: black; font-size: 18px; }
.site-map .navbar-nav > li ul li a { font-size: 16px;  color: black; line-height: 2.2; }
.site-map hr { margin: 5px 0px 20px 0px; border: 2px solid #75C3FF; width: 65px; }
.site-map .nav > li > a:focus, .nav > li > a:hover {background-color: white;}
/*사이트맵*/

/*fixed일때 폼 처리*/
#dimodePage{display:block!important;}
#loginForm{margin-top:200px!important;}
#joinForm{margin-top:200px!important;}
#findForm{margin-top:200px!important;}
.plain-message{margin-top:200px;}

#sub_title{font-size: 60px;font-weight:700; color: white; position:absolute; top:50%;left:50%; transform:translateX(-50%) translateY(-50%);}
#subtop{margin-top:120px;}
.go_top {display:none;cursor: pointer;position: fixed; width: 48px;right: 30px; bottom: 50px;z-index: 999;height: 48px;}
body{font-family: 'NanumSquare', sans-serif;}
.logo-wrap{transition: all .2s ease-in-out;width: 200px;float: left;margin-left: 45px;position: relative;height: 100px;}
.logo-wrap img{position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.container-fluid{padding:0px;}

.menu-icon{font-size:25px;    position: relative; top:3px;}
#gnb {/*position: absolute; left: 50%;transform: translateX(-50%);*/ display:inline-block; padding-left:60px;}
#gnb-wrap{position:fixed;top:0; width:100%;z-index:999;background:rgba(0,0,0,0.7);}
#sitemap-wrap{display:none;}
#gnb > li{width:120px;float:left;text-align:center;margin: 0 30px;line-height: 100px;padding: 0 ; height: 100px;  font-weight:bold;  transition: all .2s ease-in-out; outline:none;}
#gnb > li li{line-height:1.5;}
#gnb > li .subal{background:rgba(0,0,0,0.9); padding:10px 10px; }
#gnb > li > a{font-size:18px;color:white; text-decoration:none; letter-spacing: .54px; text-transform: uppercase;}
#gnb > li a{text-decoration:none;}
#gnb > li {font-size:14px; color:white;margin-top:5px; margin-bottom:10px;}
.subal li{margin:5px 0;}
.subal li a{text-decoration:none; font-size:17px; color:white;margin-top:5px; margin-bottom:10px;}
.right-login{float:right;height:100px; line-height:100px;}
.right-login a{ padding:0px 15px;font-size:16px; color:gray;text-decoration: none;}

/*ul#gnb li:after{content: '\f107';line-height: 1;font-family: FontAwesome,FontAwesome;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}*/
.menu-icon {
    padding-right: 15px;
}
.subal {width: 150px;padding: 18px 13px;text-align: center;background-color: #000;color: #fff;position: relative;left: 50%; z-index: 0;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;
}
.subal:before {
    content: '';position: absolute; left: 50%;top: -8px;
    border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #000;-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;
}

/*맨위 해더*/
.top-layer {margin-top: 0; top: 0; z-index: 11;padding-top:10px; padding-bottom:10px;position: absolute;width: 100%;}
.top-layer a{color:#d0d0d0; text-decoration:none; font-size:16px;padding: 5px 25px;
border: 1px solid #ddd;transition: all 0.3s ease;}
.top-layer a:hover{color: #fff;border-color: #fff;opacity: 1.0;}
.top-layer .top-layer-wrapper div{position: relative; top: 25px;}
.header-mobile-gnb{position:absolute;right:20px; top:40px;}
.header-mobile-gnb a{font-size:40px;}



/*모바일*/
#mm-2 { background:#183F75 !important; }
#mm-3 { background:#1b7773 !important; }
.mm-title, .mm-listview>li>a, .mm-listview>li>span { color:#fff !important; }
.mm-menu .mm-listview>li .mm-next:after { border-color:#fff !important; }
.mm-vertical .mm-panel{background-color:#fff;}
.mm-panels>.mm-panel.mm-hasnavbar{background-color:rgba(31, 40, 58, 1) !important;}

/*하단*/
.content-text a{color:#c5c5c5}
.footer-content{text-align:left;}
.footer-title {display:inline-block; width:100%; color:#c5c5c5; font-size:22px; text-decoration:none;margin-bottom:35px;color:#fff;}
.footer-title img{margin-bottom: 25px;}
.footer-title a{padding:0px 15px; color:#c5c5c5; font-size:16px; text-decoration:none;}
.footer-left{float:left;}
.footer-right{float:right;}
#footer {background-image: url(/UserData/daebang2020/Layouts/daebang2020_Layout/Images/main/bottom_bg.png);
text-align: center;padding: 75px 0px;background-size: 100% 100%;background-repeat: no-repeat;height:300px;}
#footer p{color:#fff; font-size:17px; margin-bottom:5px;}
#footer p a{color:white; }
#footer2{background-color:#000;}
#footer2 p{color:#9DA1A4; font-size:15px;margin:15px 0;text-align:center;}
#footer2 p a{color:white; }
.foot_log{display:inline-block;}
.foot_log table{border:0px; width:300px;}
.foot_log table td {text-align:center;}
.site-link{padding: 30px 0px;}
.site-link span{padding:0px 30px; color:rgb(207,205,192); font-size:16px; text-decoration:underline;}
#content>.container>div>div{margin-bottom: 100px;}
.sub-top-ul1{text-align: center;}
.sub-top-ul1 li{border:1px;padding:0;margin: 0 10px;}
.sub-top-ul1 li a{font-size:26px; text-decoration:none; font-weight: 600;
    color: rgb(51, 51, 51); padding: 10px 20px; border: 1px solid #ccc;}
.sub-top-ul1 li:focus,.sub-top-ul1 li:hover{background-color: transparent!important;
    border-color: transparent!important;box-shadow:none!important;-webkit-box-shadow:none!important;}
.sub-top-ul1 li a:focus,.sub-top-ul1 li a:hover{background-color:#e6e6e6;}
/*게시판 폰트사이즈 조절*/
.board-theme .theme-list table th, .board-theme .theme-list table td{font-size:18px!important;font-family: 'NanumSquare', sans-serif!important;}
.board-theme .theme-list table td.document-title{font-weight:bold;}
.board-theme .theme-detail{font-size:18px;font-family: 'NanumSquare', sans-serif!important;}
.board-theme .theme-detail .detail-content{font-size:18px;font-family: 'NanumSquare', sans-serif!important;}
.board-theme .theme-detail .detail-upper .document-readed_count{display: none;}
@media (min-width:1200px) and (max-width:1499px) {
    #gnb > li{width: 70px;}
}
@media(min-width:1400px) {
    .container {
        width: 1400px;
    }
}
@media (min-width:992px) and (max-width:1199px) {
    #gnb > li{width: 70px; margin: 0 15px;}
    .top-layer a{padding: 5px 10px;}
}
@media (min-width:768px) and (max-width:992px) {
    .top-layer .top-layer-wrapper div{top: 0px;}
    #subtop {
        margin-top: 100px;
    }
    .board-theme .theme-list table th, .board-theme .theme-list table td{font-size:15px!important;}
    .board-theme .theme-detail{font-size:15px;}
    .board-theme .theme-detail .detail-content{font-size:15px;}
}
@media (max-width: 767px) {
		#footer{height: 195px; padding: 20px 0px;}
    .top-layer .top-layer-wrapper div{top: 0px;}
    .top-layer a{font-size: 14px;padding: 5px 5px;}
    .logo-wrap{margin-left: 0px;}
    #subtop {
        margin-top: 100px;
    }
    .footer-title img{margin-bottom: 15px;}
    .footer-title{margin-bottom: 15px;}
    .board-theme .theme-list table th, .board-theme .theme-list table td{font-size:15px!important;}
    .board-theme .theme-detail{font-size:15px;}
    .board-theme .theme-detail .detail-content{font-size:15px;}
    .sub-top-ul1 li{border: 1px;padding: 0;margin: 0 5px;}
    .sub-top-ul1 li a{font-size: 15px;color: rgb(51, 51, 51);padding: 5px 5px;}
    .board-theme .theme-list table th, .board-theme .theme-list table td{font-size:14px!important}
}
@media (max-width:366px) {
    .sec2-wrap > .container>div:nth-child(4) > a > div:nth-child(2)>span:nth-child(2){line-height: 1;}
    .sec2-wrap .container .img-box{
        margin-left: 5.5px;
        margin-right: 5.5px;}
    .sec2-wrap .container .img-box .img-text-bg {
    height: 55%;
}
}