@charset "utf-8";

/* set */
body {font-size:16px !important;margin:0;padding:0; font-family: 'NanumSquareNeo', Dotum, "돋움", sans-serif;color:#1b1d1f; font-weight:200;}
input, select, button{  font-family: 'NanumSquareNeo', Dotum, "돋움", sans-serif;}
body *{ box-sizing:border-box;}
a {color: #1b1d1f;}
::selection {background:#1c4d8d;color:#fff;text-shadow:none;}

#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover, #skip li a:focus, #skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:5;color:#fff;width:100%;height:25px;padding:5px 0 0 0}
.blind{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.hide{display:none !important;margin:0;padding:0}

.blind{display:block;overflow:hidden;position:absolute;top:-5000px;left:-5000px;font-size:0;}
.hide{display:none !important;margin:0;padding:0}
.clear{display:block;content:"";clear:both}
.new_win{display:inline-block;width:12px;height:12px;overflow:hidden;font-size: 0;vertical-align:middle;background:url('/images/2026/common/new_win.png')}
header .new_win{display:inline-flex;width:20px;height:20px;background:url('/images/2026/common/new_win.png') no-repeat center/contain;}



/*블러효과*/
.blur_box{display:none;width:100%;height:0;background:rgba(0, 0, 0, 0.70);position:fixed;top:0;left:0;bottom:0;z-index:100;-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
.blur_box.on{display:block;height:100vh;transition: all 0.5s ease-out;height: 100svh;}
/*모바일 브라우저 문제로 svh 사용, 단 파이어폭스 미지원으로 vh 중복 선언*/

/*상단 공공누리*/
.gov_nuri{background:#edf1f5;}
.gov_nuri .wrap{padding:7px 15px;}
.gov_nuri p{display:flex; align-items:center; gap:8px; font-size:15px; }
.gov_nuri p::before{content: ''; display:block; background:url('/images/2026/common/flag1.png') no-repeat center / contain; width:25px; height:15px;}

/*header*/
header{position:sticky; top:0; left:0; background:#fff; border-bottom:1px solid #d8d8d8; color:#1b1d1f; font-size:17px; z-index:10; transition:ease-in-out 0.3s;}
header .scroll_down{top:-100%;}
header .scroll_up{top:0;}
header::before{display:none; content:''; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, 0.70); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);}
header button, header a{color:#1b1d1f; background:none;}
header button:hover, header a:hover,
header button:focus, header a:focus{background-color: #edf1f5;}
header button:active, header a:active{background-color: #cdd7e4;}
.header_top{display:flex; align-items: center; gap:15px; padding:12px 16px;}
.header_top .logo{display: inline-flex;}
.header_top .logo a{display: inline-flex; background: url('/images/2026/common/logo.png') no-repeat 0/contain; width:120px; height:25px; font-size:0;}

/*util*/
.util{display: none; margin-right:28px;}
.util ul{display:inline-flex; flex-wrap:wrap;}
.util li a, .util li button{display: inline-flex;align-items: center;gap: 4px;height: 32px;padding: 0 2px;border-radius: 6px;font-size: 13px; font-weight:200;}
.util>ul>li{display:flex; align-items:center; gap:15px; position:relative;}
.util>ul>li::after{content:''; display: inline-flex; width:1px; height:16px; background: #d8d8d8; margin-right:16px;}
.util>ul>li:last-child::after{display: none;}
.util .flag a::before{content:''; display: inline-flex; background: url('/images/2026/common/flag2.png') no-repeat center/contain; width:24px; height:16px; margin-right:4px;}
.util li button span{display: inline-flex; background: url('/images/2026/common/utill_down.png') no-repeat center/contain; width:12px; height:12px; font-size:0;}
.util li div{display: none; position:absolute; top:100%; left:50%; padding:8px; border-radius:10px; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);transform: translateX(-50%);background: #fafeff;z-index: 2; min-width:120px;}

.util li .insitu_box {width: 350px; border-radius: 20px; padding:15px;}
.util li .insitu_box .insitu_link{display: flex; flex-wrap: wrap; gap: 8px 12px;}
.util li .insitu_box .insitu_link li{width: calc(50% - 6px);}
.util li .family_box{width: 580px; border-radius: 20px; padding:15px;}
.util li .family_box .family_link{display: flex;  flex-wrap: wrap;  gap: 8px 12px;}
.util li .family_box .family_link li{width: calc((100% - 24px) / 3);}
.util li .insitu_box li a,
.util li .family_box li a{width: 100%;}
.util li .insitu_box li a::before,
.util li .family_box li a::before{content: '';  display: inline-block;  width: 3px;  height: 3px; background: #333; border-radius: 50%;}
.util li div button{display: inline-block; font-size:0; background:#fff url('/images/2026/common/close.png') no-repeat center / contain; background-size: 12px; border:1px solid #1c4d8d; border-radius: 50%; width:30px; height:30px; position:absolute; right:0; margin:0 auto; bottom:-20px; left:0;}
.util li div.on{display: block;}
.util li div li, .util li div a{width:100%;}






/*gnb*/
.gnb{display: flex; gap:8px; margin-left:auto; }
.gnb>div{display: none;}
.gnb .mb_on{display: flex;}
.gnb div button{display: inline-flex; align-items: center; justify-content: space-between; flex-direction: column; gap:8px; padding:4px; font-size:13px; font-weight:200; border-radius: 5px; word-break: keep-all;}
.gnb div button::before{content: ''; display: inline-flex; width:20px; height:20px; background-repeat: no-repeat; background-size: contain; background-position: center;}

/*검색*/
.gnb .sch button::before{content:''; background:url('/images/2026/common/search.png') no-repeat center/contain;}
.gnb .sch_wrap{position:fixed; top:0; right:0; bottom:0; left:0; padding:0 8px 24px; background: #dee2e8; overflow-y:auto;}
.gnb .sch_head{position:sticky; top:0; margin-top:25px; border-bottom:1px solid #c7c7c7; padding:30px 8px; background: #dee2e8;}
.gnb .sch_head label{cursor: pointer; font-size:25px; font-weight:400;}
.gnb .sch_head .sch_input{position:relative; margin-top:25px;}
.gnb .sch_head .sch_input input[type="text"]{width:100%; height:55px; border:1px solid #828282; border-radius: 5px; padding:0 48px 0 16px; font-size:18px; font-weight:300; color:#1e2124; }
.gnb .sch_head .sch_input input[type="submit"]{position:absolute; top:50%; right:16px; transform: translateY(-50%); width:25px; height:25px; background: url('/images/2026/common/search.png') no-repeat center/contain; font-size:0; }
.gnb .sch_head .topsch_pop{position:absolute; right:0; left:0; background: #fff; padding:20px; border-radius: 5px; border:1px solid #828282;}
.gnb .sch_head .topsch_pop ul{display: flex; gap:15px; flex-direction: column;}
.gnb .sch_head .topsch_pop em{font-style: normal; font-weight:300; color:#2962e7;}
.gnb .sch_body div{border-bottom:1px solid #c5c5c5; padding:30px 25px;}
.gnb .sch_body div:last-child{border:none;}
.gnb .sch_body h3{font-size:20px; margin-bottom:30px;}
.gnb .sch_body ol, .gnb .sch_body ul{display: flex; flex-direction: column; gap:24px;}
.gnb .sch_body li a{display: flex; align-items: center; gap:10px;}
.gnb .sch_body li em{font-style: normal; width:20px;}
.gnb .sch_body li strong{font-weight: 300;}
.gnb .sch_body li span{display: inline-flex; align-items: center; gap:2px; justify-content: center; width:30px; margin-left:auto; font-size:15px;}
.gnb .sch_body li span i{display: inline-flex; background: #1d1d1d; width:6px; height:2px;}
.gnb .sch_body li span i{display: inline-flex;width: 6px;height: 2px;font-size: 0;background: #1b1d1f;}
.gnb .sch_body li span.up{color: #db003b;}
.gnb .sch_body li span.down{color:#2768ff;}
.gnb .sch_body li span.up i{width:0; height:0; border-bottom:6px solid #eb003b; border-left:4px solid transparent; border-right:4px solid transparent; background: none;}
.gnb .sch_body li span.down i{width:0; height:0; border-top:6px solid #2768ff; border-left:4px solid transparent; border-right:4px solid transparent; background: none;}
.gnb .sch_body ul li{display: flex;}
.gnb .sch_body li button{margin:0 0 0 auto; padding:0; font-size:0;}
.gnb .sch_body li button::before{content:'';  background: url('/..images/common/del.png') no-repeat center/contain;}
.gnb .sch_body div>button{flex-direction: row-reverse; justify-content: flex-end; margin:32px 0 0; gap:8px; height:40px; border-radius: 6px; padding:0 2px; font-size:15px; font-weight:200;}
.gnb .sch_body div>button::before{content: ''; background: url('/....images/common/del.png') no-repeat center/contain;}
.gnb .sch .sch_close{position: absolute; top: 24px; right: 16px;}
.gnb .sch .sch_close a{display: block; background: url("/images/2026/common/close.png") no-repeat center /contain; width: 22px; height: 22px; font-size: 0;} 

/*로그인*/
.gnb .login a{display: inline-flex; align-items: center; gap:8px; height:40px;}
.gnb .login a::before{content: ''; display: inline-flex; width:20px; height:20px; background-repeat: no-repeat;background-size: contain;}
.gnb .login a.in{display: none; font-size:17px; font-weight:300;}
.gnb .login a.in::before{content: ''; background-image: url('/images/2026/common/login.png');}
.gnb .login button.in:before{background-image: url('/images/2026/common/login.png');}

.gnb .login a.out{display: none; font-size:17px; font-weight:300;}
.gnb .login a.out::before{content: ''; background-image: url('/images/2026/common/login.png');}
.gnb .login button.out:before{background-image: url('/images/2026/common/login.png');}


/*전체메뉴*/
.gnb .menuall button span{font-size:0; position:absolute;}
.gnb .menuall button::before{background-image: url('/images/2026/common/menuall.png');}
.gnb .menuall a{display: none; align-items: center; gap:8px; height:40px; font-size:17px; font-weight:300;}
.gnb .menuall a::before{content: ''; display: inline-flex; width:24px; height:24px; background:url('..images/common/menuall.png') no-repeat center/contain;}

/*사이트맵*/
.gnb .sitemap{display:none !important;}
.gnb .sitemap button span{font-size: 0;position: absolute;}
.gnb .sitemap button:before{background-image: url('/images/2026/common/sitemap.png');}
.gnb .sitemap a{display: none;align-items: center;gap: 8px;height: 40px;font-size: 17px;font-weight: 700;}
.gnb .sitemap a:before{display: inline-flex;width: 24px;height: 24px;content: "";background: url('/images/2026/common/sitemap.png') no-repeat center /contain;}

/*메뉴*/
.menu{display:none; height:calc(100% - 176px); background: #edf1f5; border-top:1px solid #d8d8d8; position:relative;}
.menu>button{position:fixed; background: url('/images/2026/common/close.png') no-repeat center/contain; width:24px; height:24px; top:24px; right:20px; padding:0; font-size:0;}
.menu>button:hover, .menu>button:focus, .menu>button:active{background-color: transparent;}
.menu li a{display: flex; align-items: center;}
.menu li a span{display: inline-flex; background: url('/images/2026/common/m_menuico.png') no-repeat center/contain; width:12px; height:12px; margin-left:5px; font-size:0;}
.menu li a span.new_win{background-image: url('/images/2026/common/new_win.png');}
.menu>ul>li>a{width:124px; height:64px; padding: 0 0 0 24px; font-size:16px; font-weight:300;}
.menu>ul>li.on>a{background: #fff; color:#1c4d8d;}
.depth_box{display: none; background: #fff; position:absolute; top:0; right:0; bottom:0; left:124px; overflow-y: auto;}
.menu .on .depth_box{display: block;}
.depth_boxcon{padding:16px 24px;}
.depth_boxcon li a{height:56px; padding: 0 8px; border-radius: 5px; font-size:16px; font-weight:200; gap:8px;}
.depth_boxcon li li a{height:48px; padding:12px 16px;}
.depth_boxcon li li a::before{content: ''; display: inline-flex; background:#1d1d1d; width:3px; height:3px;;}
.depth_boxcon p{display: none;}


@media all and (max-width:420px) {
.menu{height: calc(100% - 208px);} 
}

header.on{position: fixed;bottom: 0;left: 0;right: 0;height: 100%;}
header.on .gov_nuri, header.on .logo{display: none;}
header.on .util, header.on .gnb>div{display: flex;}
header.on .header_top{flex-direction: column;align-items: flex-start;padding: 20px 16px;}
header.on .gnb{flex-direction: column;margin: 0;}
header.on .gnb .mb_on{display: none;}
header.on .gnb .login{display: flex;}
header.on .gnb .login button.in{display: none;}
header.on .gnb .login a.in{display: flex;}
header.on .menu{display: block;} 

/*footer*/

/*배너모음*/
footer .wrap01{margin:0 10px;}
.f_banner{ margin-top:55px; padding:20px 0; border-top:1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;}
.f_banner .wrap01{ display:flex;align-items:center;gap:20px;}
.f_banner .control{display:flex;align-items:center;gap:10px;flex-shrink:0; position:relative;}
.f_banner .control h2{ color:#232323;font-size:16px;font-family: 'Hakgyoansim Allimjang'; font-weight:400;}
.f_banner .list{ flex:1;overflow:hidden;}

.f_banner .list ul{ display:flex; gap:15px;}
.f_banner .list li{ position:relative; padding-left:20px; flex-shrink:0;}

.f_banner .list li a{display: block; color:#333; font-size:15px; font-weight:200;}
.f_banner .list li a:hover, .f_banner .list li a:focus{text-decoration: underline;}

/*제어버튼*/
.control .btn button{width:10px;height:13px;font-size:0;overflow:hidden; padding:0; margin:3px 0;}
.f_banner .control .btn .prev{background:url('/images/2026/common/b_prev.png')no-repeat;}
.f_banner .control .btn .stop{background:url('/images/2026/common/b_stop.png')no-repeat;}
.f_banner .control .btn .play{background:url('/images/2026/common/b_play.png')no-repeat;}
.f_banner .control .btn .next{background:url('/images/2026/common/b_nexr.png')no-repeat;}

/*유관기관 등*/
body:has(.layer_item.on){overflow:hidden;}
html:has(.layer_item.on){overflow:hidden;}

.footer_layer_wrap{width:100%; background:#fff;}
.layer_item{position:relative;  border-top:1px solid #e4e4e4;}
.layer_item:first-child{border:none;}
.layer_item:last-child{ border-bottom:1px solid #e4e4e4;}

.layer_open{display:flex; position:relative;width:100%; padding:20px 10px; background:#fff; color:#595959; font-size:16px; font-family: 'Hakgyoansim Allimjang';   text-align:left;}
.layer_open::after{content:'';display:block;position:absolute; top:50%; right:16px; width:15px; height:15px; transform:translateY(-50%); background:url('/images/2026/common/bt_link_plus.png') no-repeat center / 15px 15px ;}
.modal_content{ display:none;}
.layer_close{display:none;}

.layer_item.on{position:fixed; z-index:999; top:0; right:0; bottom:0; left:0; background:#f3f8fc;  overflow-y:auto;}
.layer_item.on .layer_open{display:none;}
.layer_item.on .modal_content{display:block;  padding:72px 20px 40px;}
.layer_item.on .modal_content h2{ margin:0 0 28px; color:#222; font-family:'Hakgyoansim Allimjang';  font-size:22px; }
.layer_item.on .modal_content ul{ display:flex; flex-wrap:wrap; gap:28px 20px;  margin:0; padding:0;}
.layer_item.on .modal_content ul li{ width:calc(50% - 10px); flex:0 0 calc(50% - 10px);  margin:0;  padding:0;}
.layer_item.on a{ display:block; position:relative; padding-left:15px; color:#222; font-size:15px; line-height:1.4;  word-break:keep-all;}
.layer_item.on a::before{ content:'•'; position:absolute; top:0; left:0;}
.layer_item.on .layer_close{ display:block; position:absolute; z-index:10000; top:20px; right:20px; width:30px; height:30px; margin:0;}
.layer_item.on .layer_close a{display:block; width:30px; height:30px; font-size:0; background:url('/images/2026/common/close.png') no-repeat center / 20px 20px;}

footer .wrap{ font-size:14px; padding:30px 14px; gap:30px; line-height: 1.4; word-break: keep-all; position:relative;   z-index: 0;  background: #f9f9f9; box-shadow: 0 0 0 100vmax #f9f9f9; clip-path: inset(0 -100vmax);}
footer > .wrap div{display:flex; flex-direction:column;}
.f_logo a{display:block; background:url('/images/2026/common/f_logo.png') no-repeat; font-size:0; height:65px;}
.f_content{position:relative; margin-top:20px; gap:30px;}
.f_info{gap:16px;}
.f_info address{font-style:normal;}
.f_info ul{display:flex; flex-direction:column; gap:15px;}
.f_info ul li{display:flex; flex-wrap: wrap; gap:0 3px; justify-content: flex-start;}
.f_info ul li strong{ font-weight: 300;}
.f_link .link_go{gap:14px;}
.f_link .link_go a{display:flex; justify-content: space-between; width:100%; align-items:center; font-weight:300; line-height: 1; color:#2c2c2c;}
.f_link .link_go a::after{content:''; display: block;  flex-shrink: 0; background: url('/images/2026/common/f_arrow.png') no-repeat center / contain; width:13px; height:13px; padding-left:10px;}
.f_sns .sns_go{display: flex; gap:5px; margin:0 0 20px; flex-direction: row !important;}
.f_sns .sns_go a{display: block; width:30px; height:30px; background: url('/images/2026/01main/sns_ico1.png') no-repeat; background-size: 30px auto; overflow: hidden; font-size:0; border-radius: 50%;}
.f_sns .sns_go .youtube{background-position: 0 0;}
.f_sns .sns_go .insta{background-position: 0 -30px;}
.f_sns .sns_go .facebook{background-position: 0 -60px;}
.f_sns .sns_go .blog{background-position:  0 -90px;}
.f_sns .sns_go .band{background-position: 0 -120px;}
.f_btm{border-top:1px solid #d6d6d6; margin:0 -16px; padding:30px 14px; gap:22px;}
.f_btm ul{display: flex; flex-wrap: wrap; gap:16px 24px;}
.f_btm ul li strong{color: #1c4d8d;}
.f_btm p{color:#2c2c2c;}

.top{display:block;width:60px;height:60px;background:url(/upload_data/board_data/BBS_0000130/179438099608370.png) no-repeat;font-size:0px;position:fixed;bottom: 20px;right: 20px;z-index: 500;}



/* Tablet */
@media all and (min-width:768px) {
.header_top .logo a{width:180px; height:35px;}
.util li a, .util li button{font-size: 15px;}
.util li div{min-width:100px;}
.gnb div button{padding: 4px 12px;font-size: 16px;}
.gnb div button::before{width:24px; height:24px;}

.gnb .sch_box .sch_inbox{width:60vw; margin:0 auto; max-width:500px;}
.gnb .sch_body{display: flex; padding:35px 0;}
.gnb .sch_body div{display: flex; flex-direction: column; width:50%; border:none; border-right:1px solid #c5c5c5; padding:8px 25px;}
.gnb .sch_body div>button{margin-top:auto;}

.menu>ul>li>a{width:40%;}
.depth_box{left:40%;}

.layer_item.on .modal_content ul li{width:calc((100% - 40px) / 3); flex:0 0 calc((100% - 40px) / 3);}

footer .wrap{font-size:16px;}
footer > .wrap > .f_content {display: flex;  flex-direction: row; justify-content: space-between; gap: 30px;}
.f_content > .f_info {flex: 1; min-width: 0; }
.f_info ul{margin-top:24px;}
.f_info ul li{gap: 8px;}
.f_content > .f_right {display: flex; flex-direction: column; align-items: flex-start;  gap: 20px;  flex-shrink: 0;}
.f_link .link_go{gap: 8px;}
.f_link .link_go a{height: 35px; gap:46px;}
.f_link .link_go a:after{width: 13px;height: 13px;}
.f_btm{flex-direction: row !important;justify-content: space-between;}
.f_btm p{font-size: 15px;}


}

/* Desktop */
@media all and (min-width:1023px) {
.gov_nuri .wrap{padding: 8px 3vw;}
.header_top{padding: 44px 3vw 16px;}
.header_top .logo a{width: 140px; height: 45px;}
.util{display: flex; position:absolute; top:5px; right:3vw; margin:0;}
.util li a, .util li button{gap:6px;}
.util>ul>li{gap: 13px;}
.util>ul>li::after{margin-right: 13px;}
.gnb>div{display: flex;}
.gnb div button{flex-direction: row; font-size:17px;}

.gnb .sch_wrap{padding:80px 0;}
.gnb .sch_wrap>div{max-width:845px; margin:0 auto;}
.gnb .sch_head{padding:40px 0; margin-top:40px;}
.gnb .sch_head label{font-size:30px;}
.gnb .sch_head .sch_input input[type="text"]{border-radius: 10px; height:75px; padding:0 70px 0 20px; font-size:23px; font-weight:200;}
.gnb .sch_head .sch_input input[type="submit"]{width:25px; height:25px; right:24px;}
.gnb .sch .sch_close{top:85px; right:80px;}
.gnb .sch .sch_close a{width:35px; height:35px;}

.gnb .menuall{display: none !important;}
.gnb .sitemap{display: flex !important;}

.menu{display: block; height:auto; background: none;}
.menu ul{display: flex; padding:0 3vw; gap:16px;}
.menu>ul>li>a{width:auto; height:58px; padding:4px 16px; font-size:20px; color:#555555; border-bottom:4px solid transparent; gap:8px;}
.menu>ul>li>a:hover, .menu>ul>li>a:focus{color:#003675; border-color: #003675; background-color: transparent;}
.menu>ul>li.on>a, .menu>ul>li>a:active{border:2px solid #003675;}
.menu>ul>li>a span{content: ''; display: inline-flex; background: url('/images/2026/common/menu_down.png') no-repeat center/contain; width:13px; height:10px;}
.menu>ul>li.on>a span{transform: rotate(180deg);}
.menu>ul>li>a span.new_win{background: url('/images/2026/common/newwin.png') no-repeat center/contain; transform: none;}
.depth_box{top:auto; bottom:auto; left:0; border-top:1px solid #d8d8d8; max-height:700px; overflow: hidden;}
.depth_box::before{display:none; content:''; position:fixed; top:325px; right:0; bottom:0; left:0; background: rgba(0, 0, 0, 0.7); z-index:100; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);}
.depth_box>p{ position: absolute; left: calc(3vw + 305px);  top: 25px;  width: 200px; box-sizing: border-box; z-index: 2; background:#edf1f5; padding:10px 16px; border-radius:10px;}
.menu .on .depth_box::before{display: block; z-index: -1;}
.depth_boxcon{padding:0 3vw;position:relative;z-index:0;background: url("/upload_data/board_data/BBS_0000130/179297652272155.png") no-repeat right 20px bottom 50px;height: 472px;}
.depth_boxcon>ul{display: block; width:260px; max-height:473px; padding:16px 0; overflow-y: auto;}
.depth_boxcon>ul::before{content: ''; position:absolute; top:0; bottom:0; left:3vw; background: #edf1f5; width:260px; z-index: -1; }
.depth_boxcon li a{width:100%; height:55px; padding:0 23px; border-radius: 0; gap:8px; font-size:17px;}
.depth_boxcon li a:hover, .depth_boxcon li a:focus{background-color: #fff;}
/* .depth_boxcon li.on>a{background: #fff; color:#003675;} */
.depth_boxcon li > a.on{ background: #fff; color: #003675;}
.depth_boxcon div{display: flex; flex-direction: column; position:absolute; top:0; right:0; left:calc(3vw + 260px); padding:24px 40px; gap:23px;}
.depth_boxcon p{display: flex;}
.depth_boxcon p a{width:auto; padding:0 8px; font-size:19px;}
.depth_boxcon p a::after{content: ''; display: inline-flex; background:url('/images/2026/common/m_menuico.png') no-repeat center/contain; width:12px; height:13px; }
.depth_boxcon li ul{flex-wrap: wrap; gap:8px 15px; padding:0;}
/* .depth_boxcon li li{width: calc(25% - 16px);} */
.depth_boxcon li li a{width:auto; height:auto; min-height:45px; padding:8px; border-radius: 5px; flex-shrink: 0; gap:4px;}
.depth_boxcon li li a::before{margin-right: 5px; flex-shrink: 0;}
.depth_boxcon li p a:hover, .depth_boxcon li p a:focus,
.depth_boxcon li li a:hover, .depth_boxcon li li a:focus{background-color: #edf1f5; border-radius: 5px; font-weight:300;}
.depth_boxcon li p a:active, .depth_boxcon li li a:active{background-color: #cdd7e4; font-weight:300;}

.depth_box:has(.depth_boxcon li.on) > p{display: none;}
.menu>button{display:none;}

.top{position: fixed; bottom: 80px; right:30px;}
    
}

@media all and (min-width:1400px){
.wrap{max-width:1600px; margin:0 auto;}    

.gov_nuri .wrap{padding:8px 0;}
.header_top{max-width:1600px; margin:0 auto; padding:44px 0 16px; position:relative;} 

.util{right:0;}


.gnb .menuall{display:none;}

.menu>ul{max-width:1600px; margin:0 auto; padding:0}
.depth_boxcon{max-width:1600px; margin:0 auto; padding:0;}
.depth_boxcon>ul::before{left:0;}
.depth_boxcon div{left: calc(1vw + 260px);}
.depth_boxcon li li{width: 22%;}
/* .depth_boxcon li li{width: calc(18% - 16px);} */

.search_box{width:1100px; margin:0 auto;}

footer .wrap01{width:1600px; margin:0 auto; padding:0;}
.f_banner{margin-top:65px; padding:30px 0;}
.f_banner .control h2{font-size:17px;}
.f_banner .list li a{font-size:16px;}
.footer_layer_bottom{border-bottom: 1px solid #e4e4e4;}
.footer_layer_wrap{width:1600px; margin:0 auto; display: flex; }
.layer_item{ flex:0 0 345px;  border-left:1px solid #e4e4e4; border-top:none; border-bottom:none;}
.layer_item:first-child{ border-left:1px solid #e4e4e4;}
.layer_item:last-child{border-right:1px solid #e4e4e4; border-bottom:none;}
.layer_item.on .modal_content{width:1600px; margin:0 auto; padding:100px 0;}
.layer_item.on .modal_content h2{ font-size:38px;  margin:0 0 80px;}
.layer_item.on a{font-size:18px;}
.layer_item.on .layer_close{ display:block; position:absolute; z-index:10000; top:46px; right:131px; width:45px; height:45px; margin:0;}
.layer_item.on .layer_close a{ width:45px; height:45px; background-size: 45px 45px;}
.layer_open{padding:30px 44px; font-size:17px;}
.layer_open::after{right:43px;}


footer .wrap{padding:40px 0 0 0;}
.f_link .link_go{margin-bottom:25px;}
.f_sns .sns_go{margin: 0 0 30px;}
.f_sns .sns_go a{width:35px; height:35px; background-size: 35px auto;}
.f_sns .sns_go .youtube{background-position: 0 0;}
.f_sns .sns_go .insta{background-position: 0 -35px;}
.f_sns .sns_go .facebook{background-position: 0 -70px;}
.f_sns .sns_go .blog{background-position:  0 -105px;}
.f_sns .sns_go .band{background-position: 0 -140px;}

footer .wrap{ font-size:14px; padding:30px 14px; gap:30px; line-height:1.4; word-break:keep-all; position:relative;z-index:0; background:transparent; box-shadow:none; clip-path:none;}
/* footer .wrap::before{ content:"";  position:absolute;  inset:0;  z-index:-1;  background:#f9f9f9; box-shadow:0 0 0 100vmax #f9f9f9; clip-path:inset(0 -100vmax);  pointer-events:none;} */
.top{position: fixed; width: 120px; height: 120px; right: -49px;  bottom: 19px;  z-index: 901; transition: transform .5s ease;}
/* body:has(.side_menu.off) .to {transform: translateY(calc(100vh - 501px));} */



}

@media all and (min-width:1600px){
.depth_box>p{left: 450px;}
}


/* !!!!서브페이지!!!!*/

/*왼쪽메뉴*/
.s_left{display: none;}

.s_content{margin:0 0 40px;}

.s_right .s_title{height:200px; margin:0 20px; padding:20px 0; text-align: center;}
.s_right .s_title h3{margin-bottom:20px; font-size:24px; font-family: 'esamanru'; }
.s_right .local{margin-bottom:20px;}
.s_right .local ul{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.s_right .local li{margin:0 10px 10px 0; line-height: 16px;}
.s_right .local li::after{content: ''; display: inline-block; width:8px; height:12px; margin-left:8px; background:url('/images/2026/common/sub_ico.png')no-repeat ; background-position: center -45px;}
.s_right .local li:last-of-type::after{display: none;}
.s_right .local li a:hover{text-decoration: underline}
.s_right .local li.home a{display: inline-block; width:16px; height:15px; background: url('/images/2026/common/sub_ico.png') no-repeat; background-position: center 0; font-size:0; }
.s_right .local li:last-child a{color:#252525;}

/*확대축소 프린터 링크 공유*/
.s_right .utill>ul{display: flex; justify-content: center; gap:0 5px; }
.s_right .utill .zoomin a, .s_right .utill .zoomout a{display: block; width:40px; height:40px; margin:0 auto; font-size:0; background: #fff url('/images/2026/common/sub_ico.png') no-repeat;  border:1px solid #1c4d8d; border-radius:15px;}
.s_right .utill .zoomin a{background-position: center -163px;}
.s_right .utill .zoomout a{background-position: center -207px;}
.s_right .utill .print a{display: block; width:40px; height:40px; margin:0 auto; font-size:0; background: #1c4d8d url('/images/2026/common/sub_ico.png')no-repeat; border-radius: 15px; background-position: center -74px;}
.s_right .utill .url a{display: block; width:40px; height:40px; margin:0 auto; font-size: 0; background: #4988c4 url('/images/2026/common/sub_ico.png')no-repeat; border-radius: 15px; background-position: 10px -123px;}

.s_con{margin: 24px 12px;}

/*공공누리*/
.license{border:1px solid #d5e3f0; text-align: center; border-radius: 20px; padding:20px 15px; margin:0 12px 20px 12px;}
.license div{display: block; margin: 0 0 10px 0;}
.license p em{color:#1c4d8d; font-weight:400; font-style:normal;}

@media all and (min-width:1023px) {
.license{text-align: left; padding:24px 40px; overflow: hidden;}
.license div{float:left; margin:0;}
.license p{float: right; width:calc(100% - 230px);}
}

@media all and (min-width:1400px) {
.license p{margin-top: 15px;}   
}

/*컨텐츠 담당자*/
.manager{background:#f0f8ff; border-radius: 20px 20px 0 0; margin:0 12px; padding:20px 15px;}
.manager h4{display: block; position:absolute; top:0; left:-5000px; font-size:20px; overflow: hidden;}
.manager strong{color:#1c4d8d; font-weight:400;}
.manager ul li{margin:0 0 5px 0;}
.manager ul li strong{display: inline-block; padding-right:8px;}

@media all and (min-width:768px) {
.manager{overflow: hidden;}
.manager ul li, .manager p{float:left; margin:0 20px 5px 0;}
}

@media all and (min-width:1023px) {
.manager{margin:0; padding:20px 40px;}
.manager ul li, .manager p{margin:0 20px 0 0;}
}


/*만족도 조사*/
.research{border:1px solid #d5e3f0; border-top:none; padding:20px 15px; margin:0 12px; border-radius: 0 0 20px 20px;}
.research p{margin:0 0 10px 0; color:#2c2c2c; }
.research ul li:first-child{margin:10px 0; line-height: 1.5em;}
.research label{margin:0 20px 0 0; vertical-align: middle;}
.research input[type=radio]{vertical-align: middle;}
.research input[type=text]{border:1px solid #e9e9e9; width:calc(100% - 105px); height:30px; float:left;}
.research input[type=submit]{background: #1c4d8d; color:#fff; border-radius: 5px; font-weight:300; width:100px; height:32px; float:right; font-size:15px;}

@media all and (min-width:1023px) {
.research{position:relative}
.research li:first-child{position:absolute;top:10px;right:17px;}
}

@media all and (min-width:1400px) {
.scon_bottom{width: 100%;margin:0 auto;}
.license{margin:0;}
.manager{margin:10px 0 0 0;}
.research{margin:0; padding:20px 40px;}
}

/*왼쪽메뉴-pc*/
@media all and (min-width:1400px) {
.sub_container{overflow-x:hidden}
.s_content{display: flex; width:1600px; margin:0 auto 40px; justify-content: space-between;}

.s_left{display: block; width:280px;}
.s_left h2{display: inline-block; background: #1c4d8d; border-radius: 10px 50px 10px 10px; padding:45px 35px; width:100%; height:120px; margin:40px 0 20px; text-align: center; }
.s_left h2 span{display: inline-block; font-family: 'Hakgyoansim Allimjang';  font-size:26px; color:#fff; vertical-align: middle;}
.s_left>ul{border:1px solid #eaeaea; border-radius: 10px; background: #fff;}
.s_left>ul>li{position:relative;}
.s_left>ul>li>a{display: block;  position:relative; padding:20px 20px 0; height:60px; box-sizing: border-box;}
.s_left>ul>li>a::after{content: ''; position: absolute; bottom: 0; left: 20px; right: 20px; height: 1px; background: #eaeaea;}
.s_left>ul>li:last-of-type>a::after{display: none;}
/* .s_left>ul>li.on::before{content: ''; display: block; position:absolute; width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid #1b1d1f; box-shadow:  5px 5px 10px 0px #f0f8ff;} */
.s_left>ul>li:first-of-type.on::before{border-radius: 20px 20px 0 0;}
.s_left>ul>li:last-of-type.on::before{border-radius: 0 0 20px 20px;}
.s_left>ul>li.depth_more::after{content: ''; position: absolute; top: 25px;  right: 20px;  width: 25px; height: 25px; background: url('/images/2026/common/menu_ico.png') no-repeat center -188px;}
.s_left>ul>li.depth_more.on::after{background-position: center -256px;}
/* .s_left>ul>li.depth_more>a::after{content: ''; display: inline-block; background: url('/images/2026/common/menu_ico.png') no-repeat center -142px; width:10px; height:10px; positino right:20px; top:calc(50% - 5px);} */
/* .s_left>ul>li.depth_more.on>a::after{background-position: center -179px;} */
.s_left>ul>li.depth_more.on ul{display: block;}

.s_left ul ul{display: none; padding:6px 20px;}
.s_left li li{margin:10px 0;}
.s_left li li a{position:relative; font-size:16px; padding-left:13px;}
.s_left li li a::before{content: ''; display: inline-block; background: #333; border-radius: 50%; width:4px; height:4px; position:absolute; top:9px; left:0; }

.s_left ul ul ul{background: #f5f5f5; border-radius: 5px 5px 15px 5px; margin-top:10px;}
.s_left li li li{margin:4px 0;}
.s_left li li li a{font-size:15px; color:#585858;}
.s_left li li li a::before{background: #585858; width:6px; height:2px;}

.s_left>ul>li>a:hover::after,
.s_left>ul>li>a:focus::after,
.s_left>ul>li.on>a::after {background: #1c4d8d; transition: ease-in-out 0.3s;}
.s_left>ul>li:last-of-type.on>a::after{display: block; background: #1c4d8d;}
.s_left li li a:hover,.s_left li li a:focus{background: none; font-weight: 300; color: #333; text-decoration: underline; transition: 0.2s;}
.s_left>ul>li.depth_more.on>a{color: #1c4d8d;}
.s_left>ul>li:first-of-type>a{border-radius: 20px 20px 0 0;}
.s_left>ul>li:last-of-type>a{border-radius: 0 0 20px 20px;} 

.s_left li a .new_win{background-position: center 156px; margin-left:5px;}

.s_right{width: calc(100% - 380px); margin: 0;}
.s_right .s_title{position: relative; height: 200px;padding: 60px 0; text-align: left;}
.s_right .s_title h3{font-size: 34px;}
.s_right .local ul{justify-content: flex-start;}
.s_right .utill{position: absolute;top: calc(50% - 20px);right: 0;}

}

/*서브사이트 2차메뉴까지만 표시*/
@media all and (min-width:1023px) {
.sub_site .depth_boxcon>ul{display: flex; flex-wrap: wrap; width: 100%; max-height: none; padding: 20px 0; overflow: visible;  gap: 8px 16px;}
.sub_site .depth_boxcon>ul>li{ width: calc(20% - 13px);}
.sub_site .depth_boxcon li>a.on{ background:transparent; color:inherit;}
.sub_site .depth_boxcon li>a:hover, .sub_site .depth_boxcon li>a:focus{background: #edf1f5; border-radius: 5px;}
.sub_site .depth_boxcon>ul::before{background:none;}
.sub_site .depth_boxcon>ul>li>div{display: none;}
}

@media all and (min-width:1023px) {
.menu .list_none{position: absolute;top: auto;left: calc(3vw + 260px);right: 3vw;margin: 24px 40px; transform: translateY(62px); z-index: 1;}
.menu .list_none p{border-radius: 8px;background: #edf1f5; padding: 8px 16px;}
.menu .list_none h4{margin-top:20px;}
.menu .list_none .hotlist_menu{display: none;}
.menu .list_none .hotlist_menu.on{display: flex;margin: 20px 0;gap: 10px;flex-wrap: wrap;}
.menu .list_none .hotlist_menu a{display:flex;width: 19%;padding: 14px 20px;border-radius:5px;border:1px #edf1f5 solid;justify-content: space-between;align-items: center;background: #fff;}
.menu .list_none .hotlist_menu a:after{content:'';display:none;width: 5px;height: 5px;background:#002f63;border-radius: 50%;}
.menu .list_none .hotlist_menu a:hover,.menu .list_none .hotlist_menu a:focus{background:#fff; border:1px #002f63 solid; color:#002f63;}
.menu .list_none .hotlist_menu a:hover:after,.menu .list_none .hotlist_menu a:focus:after{display:block;}
.menu .list_none .hotlist_menu a:has(.new_win):after{display:none !important;}
}
@media all and (min-width:1600px) {
.menu .list_none{left: calc(5vw + 318px);right: 5vw;}
}
@media all and (min-width:1920px) {
.menu .list_none{left: 0;right: calc(0% - 360px);width: 1400px;margin: 20px auto;}
}