body{text-align:center;}

/* skip nav */
.skip-nav { position:absolute; left:0; top:-200px; z-index:9999; width:200px;}
.skip-nav a { position:fixed; left:0; top:-200px; display:block; width:200px; text-align:center; height:30px; line-height:30px; color:#fff; background:#222; z-index:9999;}
.skip-nav a:focus { top:0; }

#wrap{border-top:8px solid #4069B4; display:flex; flex-direction: column;  position:relative; box-sizing:border-box; min-height:100vh;}

#header{max-height:144px; z-index:90; position:relative; border-bottom:2px solid #60B44B;}
header{height:100%;}

.header-top{height:72px; border-bottom:1px solid #DEDEDE;}
.header-top .inner{max-width:1280px; margin:0 auto; padding:0 20px; display:flex;}
.header-top .top-logo{padding:6px 0 5px 0;}
.header-top .top-logo img{height:59px;}
.header-top .top-links{margin-left:auto; display:flex; padding:28px 0 18px 0;}
.header-top .top-links a{display:inline-block; padding:0 15px;}
.header-top .top-links a:last-child{padding-right:0;}
.header-top .btn-menu{width:50px;height:50px; text-align:left; text-indent:-9999px; overflow:hidden; background:url(../img/layout/i_menu.svg) center center no-repeat; position:absolute;right:10px;top:50%; margin-top:-25px; display:none;}

.header-nav{position:relative; border-bottom:1px solid #DEDEDE; min-height:71px;}
.top-nav{box-sizing:border-box; position:absolute;left:0;top:0;right:0; z-index:20; background-color:#fff; }

.top-nav .gnav{text-align:center; display:flex; max-width:1280px; margin:0 auto;}
.top-nav .gnav > li{position:relative; box-sizing:border-box;}
.top-nav .gnav > li > a{display:flex;align-items:center; justify-content:center; height:71px; font-size:20px; color:#222; font-weight:600; padding:0 10px; white-space:nowrap; position:relative; text-align:center;}
.top-nav .gnav > li + li:before{display:block;content:'';width:1px;height:18px; background-color:#222; opacity:0.3; position:absolute;left:0;top:28px}

.top-nav .gnav > li:nth-child(1){width:20%;}
.top-nav .gnav > li:nth-child(2){width:20%;}
.top-nav .gnav > li:nth-child(3){width:20%;}
.top-nav .gnav > li:nth-child(4){width:20%;}
.top-nav .gnav > li:nth-child(5){width:20%;}

/* 250325 수정 */
/* .top-nav .gnav > li:nth-child(1){width:15%;}
.top-nav .gnav > li:nth-child(2){width:15%;}
.top-nav .gnav > li:nth-child(3){width:15%;}
.top-nav .gnav > li:nth-child(4){width:15%;}
.top-nav .gnav > li:nth-child(5){width:15%;}
.top-nav .gnav > li:nth-child(6){width:25%;}
.top-nav .gnav > li:nth-child(7){width:14%;} */

.top-nav .snav{padding:10px 20px 30px 20px; height:100%; display:none; margin-top:2px;}
.top-nav .snav a{display:block; font-size:15px; padding:10px 0; text-align:left; position:relative; line-height:1.16em;}
.top-nav .snav a:hover{font-weight:bold; color:#60B34B;}

.top-nav.active{box-shadow:0 10px 10px rgba(0,0,0,0.12);}
.top-nav.active:before{display:block;content:'';height:2px; background-color:#60B44B; position:absolute; right:0;top:71px;left:0;}
.top-nav.active .gnav > li{display:flex; flex-direction: column; }
.top-nav.active .gnav > li:after{display:block;content:'';width:1px; background-color:#ddd; position:absolute; right:0;top:73px;bottom:0;}
.top-nav.active .gnav > li:first-child:before{display:block;content:'';width:1px; background-color:#ddd; position:absolute; left:0;top:73px;bottom:0;}
.top-nav.active .gnav > li > a{flex-shrink: 0;}
.top-nav.active .snav{display:block;}
.top-nav.active .gnav > li:hover .snav{background-color:#F6F6F6;}

/* 지도 상단 */
#header.map-header{height:86px; border-bottom:2px solid #4069B4; box-sizing:border-box;}
#header.map-header header{padding:0 40px; display:flex; align-items:center;}
#header.map-header header h1 img{height:40px;}
#header.map-header .top-links{margin-left:auto; display:flex;}
#header.map-header .top-links a{display:inline-block; padding:0 15px;}
#header.map-header .top-links a:last-child{padding-right:0;}

/* 모바일메뉴 */
.m-header{position:fixed; z-index:999; right:0;top:0;bottom:0; left:0; background-color:rgba(0,0,0,0.2); display:none;}
.m-header-inner{position:absolute;right:0;top:0;bottom:0; width:300px; background-color:#fff; border-top:8px solid #4069B4; display:flex;flex-direction: column;}
.m-header-top{height:55px; position:relative; text-align:left; flex-shrink: 0;}
.m-header-top h1{padding:10px 0 0 20px;}
.m-header-top .btn-close{width:30px;height:30px; text-align:left;text-indent:-9999px; overflow:hidden; background:url(../img/layout/i_menu_close.svg) center center no-repeat; position:absolute;right:15px;top:12px;}
.m-top-links{background-color:#50A73A; height:50px; display:flex; flex-shrink: 0;}
.m-top-links a{width:50%; height:100%; display:flex; align-items: center; justify-content: center; color:#fff; position:relative;}
.m-top-links a + a:before{display:block;content:'';width:1px;height:12px; background-color:#fff; opacity:0.5; position:absolute;left:0;top:50%; margin-top:-6px;}
.m-top-nav{text-align:left; height:100%; overflow-y:auto; overflow-x:hidden;}
.m-top-nav .snav{display:none; background-color:#F4F4F4;}
.m-top-nav .snav li{border-top:1px solid #ddd;}
.m-top-nav .snav a{display:flex; align-items:center; padding:15px 0 15px 40px; position:relative;}
.m-top-nav .snav a:before{display:block;content:''; width:8px;height:1px; background-color:#8B8B8B; margin-right:10px;}
.m-top-nav .m-gnav > li{position:relative; border-bottom:1px solid #ddd;}
.m-top-nav .m-gnav > li > a{display:flex; align-items:center; height:65px; font-size:18px;padding:0 40px; position:relative; }
.m-top-nav .m-gnav > li.arr-down > a:after{display:block; content:'';width:23px;height:23px; border:1px solid #9E9E9E; box-sizing:border-box; text-align:center; line-height:23px; font-size:12px; position:absolute;right:27px;top:50%; margin-top:-12px; background:url(../img/layout/i_menu_plus.svg) center center no-repeat;}
.m-top-nav .m-gnav > li.arr-down.active a:after{background-image:url(../img/layout/i_menu_minus.svg);}
.m-top-nav .m-gnav > li.arr-down.active .snav{display:block;}

/* sub */
.sub-container{padding:38px 20px 70px 20px; box-sizing:border-box; min-height:calc(100vh - 154px - 164px);}
.sub-container.bg{background-color:#F3F3F3; min-height:calc(100vh - 83px - 164px);}
#container .container-inner{text-align:left; max-width:1280px;margin:0 auto;}

.sub-container .container-inner{display:flex;}

.side-menu{width:220px; flex-shrink: 0; box-sizing:border-box; position:relative; margin-right:46px; flex-shrink: 0;}
.side-menu .side-top{height:72px; display:flex; align-items:center; justify-content:center; text-align:center; background-color:#4069B4; margin-bottom:9px;}
.side-menu .side-top h2{font-size:22px; color:#fff;}

.side-menu .menu-list{text-align:left; border:1px solid #60B44B; padding:15px;}
.side-menu .menu-list .dep1> li{border-bottom:1px solid #EEEEEE;}
.side-menu .menu-list .dep1> li > a{display:block; padding:15px 20px 15px 15px; font-size:18px;color:#222222; position:relative;}
.side-menu .menu-list .dep1> li > a:hover{color:#50A73A;}
.side-menu .menu-list .dep1> li.active > a{font-weight:600;color:#50A73A;}
.side-menu .menu-list .dep1> li.active > a:after{display:block;content:''; width:10px; height:10px;position:absolute; right:5px;top:50%; margin-top:-5px; background:url(../img/layout/i_sub_active.svg) center center no-repeat; }
.side-menu .menu-list .dep1> li:last-child{border-bottom:0;}

.side-menu.admin .side-top{background-color:#519390;}

.side-util{margin-top:20px;}
.side-util ul{display:flex; justify-content:space-between;}
.side-util ul li{width:calc(50% - 5px);}
.side-util a{display:block;content:''; border:1px solid #EEEEEE; background-color:#F8F9FB; text-align:center; padding:18px 10px; font-size:14px;}
.side-util a:before{display:block;content:''; width:45px; height:45px; margin:0 auto; background-position:center center; background-repeat:no-repeat;}
.side-util a.go-search:before{background-image:url(../img/layout/i_data_search.png);}
.side-util a.go-print:before{background-image:url(../img/layout/i_data_print.png);}
 
.page-container{width:1014px;}
.page-container .page-title{height:45px; display:flex; box-sizing:border-box; border-bottom:1px solid #545656; margin-bottom:30px; align-items: flex-start; }
.page-container .page-title h3{font-size:24px;  font-weight:600; color:#151515; letter-spacing:-2px; margin-bottom:20px; line-height:1em; flex-shrink: 0;}
.page-container .page-location{margin-left:auto; font-size:14px; letter-spacing:-1px; display:flex; align-items:center; margin-top:5px;}
.page-container .page-location li{display:inline-flex; align-items:center; position:relative;}
.page-container .page-location li.home:before{display:block;content:'';width:12px;height:12px; background:url(../img/layout/i_home.svg) center center no-repeat; margin-right:12px;}
.page-container .page-location li + li:before{display:inline-block;width:12px;height:12px;content:''; background:url(../img/layout/arr_route.svg) center center no-repeat; margin:0 10px;}

.page-container > .page-contents{line-height:1.75rem; cursor:default;}

/* footer */
#footer{background-color:#ECECEC; padding:25px 20px 40px 20px; margin-top:auto;}
#footer footer{max-width:1280px;margin:0 auto; text-align:left;}

.footer-links{display:flex; margin-bottom:30px;}
.footer-links li{position:relative;}
.footer-links li + li:before{display:block;content:'';width:1px;height:6px;background-color:#ADADAD; position:absolute;left:-1px;top:50%; margin-top:-3px;}
.footer-links a{color:#6A6A6A; padding:0 15px; font-size:16px; }
.footer-links li:first-child a{padding-left:0;}

.footer-contents{display:flex;}
.footer-logo{margin-right:50px;}
.footer-info{text-align:left; font-size:15px;color:#6A6A6A; }
.footer-info .info{margin-bottom:3px;}
.footer-info .info span{white-space:nowrap; margin-right:5px;}
.footer-info .copyright{font-size:14px; font-weight:300;}


/* quick */
.quick{position:fixed; right:0; top:235px; z-index:80; width:137px;}
.quick li{margin-bottom:7px;}
.quick a{display:block; background-color:#656678; padding:30px 0 20px; font-size:15px; color:#fff; text-align:center;}
.quick a:before{display:block; content:''; width:45px;height:45px; margin:0 auto 10px auto; background-position:center top; background-repeat:no-repeat;}
.quick a.quick1:before{background-image:url(../img/layout/i_quick1.png);}
.quick a.quick2:before{background-image:url(../img/layout/i_quick2.png);}



/* 레이어팝업 */
.layorPop{display:none;}
.layorPop{border:1px solid #7b6958; background-color:#fff;}
.layorPop .pop-head{background-color:#333; text-align:center; height:80px; color:#fff; position:relative; display:table;width:100%;}
.layorPop .pop-head .inner{display:table-cell; vertical-align:middle;}
.layorPop .pop-head .pop-title{color:#fff; font-size:26px; font-weight:400;}
.layorPop .pop-close{position:absolute;right:38px;top:50%; margin-top:-15px;}
.layorPop .pop-close button{width:29px;height:29px; text-indent:-9999px; text-align:left; background:url(../img/info/i_pop_close.png) center center no-repeat;}
.layorPop .pop-body{padding:60px;}



/* mobile **********************************************************************************************  */

@media all and (max-width:1320px){


}

@media all and (max-width:1560px){

    .quick{display:none;}

}

@media all and (max-width:1280px){

    .page-container{width:100%;}

}


@media all and (max-width:1080px){

    #header{height:72px;}
    .header-top{border:none;}
    .header-top .top-links{display:none;}
    .header-top .btn-menu{display:block;}
    .header-nav{display:none;}

    .sub-container{padding:38px 20px;}
    .sub-container{min-height:calc(100vh - 82px - 164px);}

    .side-menu{display:none;}

    .page-container .page-title{height:auto;}
    .page-container .page-title h3{font-size:22px; margin-bottom:20px; margin-right:20px;}
    .page-container .page-location{font-size:13px;}

    .page-container > .page-contents{min-height:0;}
    

}


@media all and (max-width:768px){


}

@media all and (max-width:640px){

    #header{height:55px;}
    .header-top .top-logo{padding:10px 0;}
    .header-top .top-logo img{display:none;}
    .header-top .top-logo h1{height:33px; width:170px; background:url(../img/layout/top_logo_m.svg) left top no-repeat;}

    .sub-container{min-height:calc(100vh - 65px - 143px);}

    .footer-links{display:none;}
    .footer-links a{padding:0 10px; font-size:14px; }

    .footer-contents{display:block;}
    .footer-logo{margin:0 0 10px 0;}
    .footer-logo img{height:25px;}
    .footer-info{font-size:14px;}

    .page-container .page-location{display:none;}
    .page-container .page-location li.home:before{margin-right:5px;}
    .page-container .page-location li + li:before{margin:0 3px;}

}

@media all and (max-width:425px){

    

}