@charset "utf-8";

/*Pretendard*/
@font-face{font-family:'Pretendard'; font-style:normal; font-weight:900; src:url(font/Pretendard-Black.woff2);}
@font-face{font-family:'Pretendard'; font-style:normal; font-weight:800; src:url(font/Pretendard-ExtraBold.woff2);}
@font-face{font-family:'Pretendard'; font-style:normal; font-weight:700; src:url(font/Pretendard-Bold.woff2);}
@font-face{font-family:'Pretendard'; font-style:normal; font-weight:600; src:url(font/Pretendard-SemiBold.woff2);}
@font-face{font-family:'Pretendard'; font-style:normal; font-weight:500; src:url(font/Pretendard-Medium.woff2);}
@font-face{font-family:'Pretendard'; font-style:normal; font-weight:300; src:url(font/Pretendard-Regular.woff2);}
@font-face{font-family:'Pretendard'; font-style:normal; font-weight:200; src:url(font/Pretendard-Light.woff2);}
@font-face{font-family:'Pretendard'; font-style:normal; font-weight:100; src:url(font/Pretendard-Thin.woff2);}

html, body {color:#333; font-family:'Pretendard', "sans-serif"; font-weight:500; overflow-x:hidden;}
button{cursor:pointer; border:0;}

/*비밀번호 초기화*/
.pw_change{margin-top:20px; text-align:center;}
.pw_change h5{position:relative; padding-top:65px; color:#333; font-family:'Pretendard'; font-size:42px; font-weight:700;}
.pw_change h5:before{content:''; display:block; position:absolute; left:50%; top:0; width:59px; height:48px; margin-left:-29.5px; background:url(/resource/image/common/ico_pw_change.png);}
.pw_change .txt{margin:20px 0 40px;}
.pw_change .txt p{color:#555; line-height:1.6rem;}
.pw_change .txt p.last{margin-top:15px;}
.bullet_red_dot{color:#555;}
.templete_blue .txt_bg_color{background-color:#f1f7ff;}

/* 메뉴 표시구분(showType) 전용 클래스 : PC전용(mob_hide2) / 모바일전용(web_hide2)
   메인은 common_re.css 를 로드하지 않으므로 여기서도 동일하게 정의한다 (GNB 전환 기준 1280px) */
.mob_hide2{display:block!important;}
.web_hide2{display:none!important;}
@media screen and (max-width:1280px){
	.mob_hide2{display:none!important;}
	.web_hide2{display:block!important;}
}

@media screen and (max-width:1280px){
	.pw_change{margin-top:0;}
	.pw_change h5{font-size:38px;}
	.pw_change .txt{margin:20px 0 30px;}
}

@media screen and (max-width:1024px){
	.pw_change h5{font-size:30px;}
}

@media screen and (max-width:800px){
	.pw_change h5{font-size:25px;}
	.pw_change p{font-size:14px;}
	.pw_change .txt{margin:10px 0 20px;}
	.pw_change .txt p.last{margin-top:10px;}
}

@media screen and (max-width:600px){
	.pw_change h5{font-size:20px;}
}

/* 20250120 전자정부 누리집 */
#top_nuri{height:30px; background:#eef2f7;}
#top_nuri .inner{max-width:1300px; margin:0 auto; box-sizing:border-box;}
#top_nuri .txt{display:block; position:relative; padding-left:32px; color:#000; font-family:'Pretendard'; font-size:15px; font-weight:300; letter-spacing:0; line-height:30px; word-break:keep-all;}
#top_nuri .txt:before{content:''; display:block; position:absolute; left:0; top:50%; width:24px; height:24px; background:url(/resource/image/common/ico_flag.svg) no-repeat; transform:translateY(-50%);}

@media screen and (max-width: 1400px){
    #top_nuri .inner{max-width:100%; padding:0 30px;}
}
@media screen and (max-width: 800px){
	#top_nuri .txt{font-size:13px;}
}
@media screen and (max-width: 768px) {
    #top_nuri .inner{padding:0 20px;}
}
@media screen and (max-width: 500px) {
    #top_nuri .inner{padding:0 15px;}
}

html.scroll-lock,
body.scroll-lock{overflow:hidden !important; touch-action:none;}

/*header*/
#header{position:absolute; left:0; top:0; width:100%; z-index:100;}
#header h1 a{display:block; width:auto; height:30px;}
#header h1 a img{display:block; width:100%; height:100%;}
#header .inr{display:flex; flex-direction:column; gap:10px 0; height:105px; margin:0 auto; padding-top:15px; box-sizing:border-box;}
#header .gnb-area{display:flex; justify-content:space-between; align-items:center;}
#header .header-etc ul{display:flex; align-items:center;}
#header .header-etc ul li{margin:0 10px;}
#header .header-etc a{display:block; color:#fff; font-size:18px; font-weight:700;}
#header .header-etc .total-search,
#header .header-etc .sitemap,
#header .header-etc .util-login{position:relative; text-indent:100%; overflow:hidden; white-space:nowrap;}
#header .header-etc .total-search{width:21px; height:21px;}
#header .header-etc .total-search:before{content:''; display:block; width:100%; height:100%; background:url(/resource/image/moe/ico_header_search.png) no-repeat;}
#header .header-etc .sitemap{width:20px; height:19px;}
#header .header-etc .sitemap:before{content:''; display:block; width:100%; height:100%; background:url(/resource/image/moe/ico_header_menu.png) no-repeat;}
#header .header-etc .util-login{width:20px; height:21px;}
#header .header-etc .util-login:before{content:''; display:block; width:100%; height:100%; background:url(/resource/image/moe/ico_header_login.png) no-repeat;}
#header .util-menu ul{display:flex; justify-content:end; align-items:center; gap:5px 10px;}
#header .util-menu a{display:flex; justify-content:center; align-items:center; padding:5px 12px; height:28px; border:1px solid rgba(0, 0, 0, 0.08); border-radius:50px; background:#fff; box-shadow:0 2px 4px rgba(0,0,0,0.06); box-sizing:border-box; transition:all 0.2s ease-in-out; cursor:pointer;}
#header .util-menu span{position:relative; padding-left:16px; color:#1e40af; font-size:14px; font-weight:600;}
#header .util-menu span:before{content:''; display:block; position:absolute; left:0; top:50%; height:15px; margin-top:-7.5px; background-repeat:no-repeat;}
#header .util-menu .util-login span:before{width:12px; background-image:url(/resource/image/moe/ico_login.png);}
#header .util-menu .util-join span:before{width:13px; background-image:url(/resource/image/moe/ico_join.png);}
#header .util-menu .util-logout span:before{width:12px; background-image:url(/resource/image/moe/ico_logout.png);}
#header .util-menu .util-mypage span:before{width:14px; height:14px; margin-top:-7px; background-image:url(/resource/image/moe/ico_mypage.png);}
#header .util-menu .util-find span:before{width:13px; height:13px; margin-top:-6.5px; background-image:url(/resource/image/moe/ico_find.png);}
#header .util-menu .util-info span:before{width:14px; height:14px; margin-top:-7px; background-image:url(/resource/image/moe/ico_info.png);}
#header .util-menu .util-pw span{padding-left:18px;}
#header .util-menu .util-pw span:before{width:14px; height:14px; margin-top:-7px; background-image:url(/resource/image/moe/ico_pw.png);}
#header .util-menu a:hover{background-color:#f1f5f9; color:#1e40af; transform:translateY(-1px); box-shadow:0 4px 8px rgba(0, 0, 0, 0.12);}
#header .util-menu a:active{transform:translateY(0); background-color:#e2e8f0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);}
#header .util-menu a:focus-visible{outline-offset:3px; outline:2px solid #104fbf; border-radius:50px;}
#header .gnb{display:flex; align-items:center; gap:55px; position:relative; width:100%;}
#header .header-etc .m-login{display:none;}
#header .gnb > li{position:relative;}
#header .gnb > li:last-child{display:none;}
#header .gnb > li > a{color:#fff; font-size:18px; font-weight:700; border-bottom:0;}
#header .gnb > li > ul{position:absolute; left:50%; top:100%; min-width:150px; margin-top:15px; padding:15px 0; border-radius:12px; background:#fff; box-shadow:0 10px 30px rgba(0, 0, 0, 0.15), 0 4px 12px rgba(0, 0, 0, 0.08); opacity:0; visibility:hidden; transform:translate(-50%, 10px); transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); box-sizing:border-box;}
#header .gnb > li > ul > li > a{display:block; padding:10px 15px; color:#333; font-size:16px; font-weight:500; letter-spacing:-0.1px; text-align:center; transition:background-color 0.2s ease, color 0.2s ease; word-break:keep-all;}
#header .m-util-menu{display:none;}

#header .gnb > li > ul:before{content:''; display:block; position:absolute; top:-15px; left:0; width:100%; height:15px; background:transparent;}
#header .gnb > li:hover > ul,
#header .gnb > li:focus-within > ul{opacity:1; visibility:visible; transform:translate(-50%, 0);}
#header .gnb > li > ul > li > a:hover,
#header .gnb > li > ul > li > a:focus-visible{color:#104fbf; font-weight:700; outline:none;}

#header h1 a:focus-visible{outline:2px solid #104fbf; outline-offset:4px; border-radius:4px;}
#header .gnb > li > a:focus-visible{outline:2px solid #104fbf; outline-offset:4px; border-radius:4px;}
#header .gnb > li > ul > li > a:focus-visible{outline:2px solid #104fbf; outline-offset:-2px; background:#e2edf8; color:#104fbf;}
#header .header-etc a:focus-visible,
#header .m-util-menu a:focus-visible{outline:2px solid #104fbf; outline-offset:4px; border-radius:4px;}
#header .btn-menu-toggle:focus-visible{outline:2px solid #104fbf; outline-offset:4px; border-radius:4px;}

#header .btn-menu-toggle:active,
#header .util-menu .total-search:active{opacity:0.5; transition: all 0.1s ease;}

@media screen and (max-width: 1400px) {
    #header .inr{max-width:100%; padding:15px 30px; box-sizing:border-box;}
    #header .util-menu a{font-size:17px;}
}
@media screen and (max-width: 1280px) {
    #header h1 a{height:28px;}
    #header .gnb > li:last-child{display:block;}
    #header .util-menu a{font-size:16px;}
    #header .inr{height:80px; padding:0 30px; justify-content:center;}
    #header .gnb-area{height:100%;}
    #header .util-menu{display:none;}
    #header .header-etc{display:flex; align-items:center;}
    #header .header-etc ul{display:flex; align-items:center;}
    #header .header-etc ul li{margin:0 4px;}
    #header .header-etc .sitemap{display:none;}
    #header .header-etc .m-login{display:block;}
    #header .m-util-menu{display:flex; align-items:center; gap:20px; position:absolute; top:36px; left:30px;}
    #header .m-util-menu a{color:#222; font-size:16px; font-weight:700; position:relative;}
    #header .m-util-menu a:first-child:after{content:''; display:block; position:absolute; right:-10px; top:50%; transform:translateY(-50%); width:1px; height:12px;background:#ccc;}
    #header .btn-menu-toggle{display:flex; flex-direction:column; justify-content:space-between; width:26px; height:20px; margin-left:12px; background:none; border:none; cursor:pointer; z-index:1001;}
    #header .btn-menu-toggle span{display:block; width:100%; height:3px; background:#fff; border-radius:3px; transition:all 0.3s ease;}
    #header.sub .btn-menu-toggle span{background:#3d3e42;}
    #header.menu-open .btn-menu-toggle span{background:#222;}
    #header.menu-open .btn-menu-toggle span:nth-child(1){transform:translateY(8.5px) rotate(45deg);}
    #header.menu-open .btn-menu-toggle span:nth-child(2){opacity:0;}
    #header.menu-open .btn-menu-toggle span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg);}
    #header #header-menu{position:fixed; top:0; right:-100%; width:100%; max-width:380px; height:100vh; background:#fff; padding:96px 30px 40px; box-sizing:border-box; transition:right 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); z-index:1000; overflow-y:auto;}
    #header.menu-open #header-menu{right:0; padding-top:96px; box-shadow:-10px 0 30px rgba(0, 0, 0, 0.1);}
    #header .gnb{flex-direction:column; align-items:flex-start; gap:0;}
    #header .gnb > li{width:100%; border-bottom:1px solid #eee;}
    #header .gnb > li > a{display:flex; justify-content:space-between; align-items:center; width:100%; padding:20px 0; color:#222; font-size:20px;}
    #header .gnb > li.has-sub > a:after{content:''; display:block; width:12px; height:7px; background:url(/resource/image/moe/ico_course_toggle.png) no-repeat center; background-size:cover; transform:rotate(180deg); transition:transform 0.3s ease;}
    #header .gnb > li.active > a:after{transform:rotate(360deg);}
    #header .gnb > li > ul{position:static; display:none; width:100%; padding:0 0 20px 0; margin:0; background:none; border-radius:0; box-shadow:none; opacity:1; visibility:visible; transform:none;}
    #header .gnb > li > ul:before{display:none;}
    #header .gnb > li > ul > li > a{padding:12px 15px; text-align:left; color:#333; font-weight:500; background:#f0f6ff; border:1px solid #e1e9f4; border-radius:8px; margin-bottom:5px;}
    #header .gnb > li > ul > li > a:hover,
    #header .gnb > li > ul > li > a:active{color:#104fbf; background:#e2edf8;}
    .menu-dim{position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0, 0, 0, 0.6); z-index:999; opacity:0; visibility:hidden; transition:all 0.3s ease;}
    #header.menu-open .menu-dim{opacity:1; visibility: visible;}
    #header .gnb > li:hover > ul,
    #header .gnb > li:focus-within > ul{transform:translate(0, 0);}

    #header{transition: background-color 0.3s ease, box-shadow 0.3s ease;}
    #header.fixed{position:fixed; top:0; left:0; background-color:#fff; box-shadow:0 4px 12px rgba(0, 0, 0, 0.08); z-index:1000;}
    #header.fixed .header-etc .total-search:before{background-image:url(/resource/image/moe/ico_header_search_sub.png);}
    #header.fixed .header-etc .util-login:before{background-image:url/resource/image/moe/ico_header_login_sub.png);}
    #header.fixed .btn-menu-toggle span{background-color:#3d3e42;}
    body:not(.sub-body) #header.fixed h1 a img{display:none;}
    body:not(.sub-body) #header.fixed h1 a{display:block; width:125.06px; height:28px; background:url(/resource/image/moe/ico_logo_m.png) no-repeat left center; background-size:contain;}
}
@media screen and (max-width: 768px) {
    #header .inr{padding:0 20px;}
    .tmpl_b_timeout{position:relative;}
    .tmpl_b_timeout:after{content:''; display:block; position:absolute; left:-10px; top:50%; transform:translateY(-50%); width:1px; height:12px; background:#ccc;}
}
@media screen and (max-width: 500px) {
    #header .inr{padding:0 15px;}
}

@media screen and (min-width: 1281px) {
    #header .btn-menu-toggle,
    .menu-dim{display:none !important;}
}

/*footer*/
#footer{padding:50px 0 80px;}
#footer .f-top{display:flex; align-items:center; gap:30px;}
#footer .f-top ul{display:flex; align-items:center; flex-wrap:wrap;}
#footer .f-top ul li:not(:first-child){position:relative; margin-left:15px; padding-left:15px;}
#footer .f-top ul li:not(:first-child):before{content:''; display:block; position:absolute; left:1px; top:50%; width:1px; height:12px; border-left:1px solid #ddd; transform:translateY(-50%);}
#footer .f-top ul li a{color:#555; font-size:16px; letter-spacing:-0.1px;}
#footer .f-top ul li a.privacy{color:#222; font-weight:700;}
#footer h1{width:auto; height:31px;}
#footer h1 img{display:block; width:100%; height:100%;}
#footer .txt{margin-top:20px; padding-right:110px;}
#footer .txt ul{display:flex; align-items:center; flex-wrap:wrap;}
#footer .txt li{color:#555; font-size:16px; font-weight:400; letter-spacing:-0.1px;}
#footer .txt li:last-child{position:relative; margin-left:15px; padding-left:15px;}
#footer .txt li:last-child:before{content:''; display:block; position:absolute; left:1px; top:50%; width:1px; height:12px; border-left:1px solid #ddd; transform:translateY(-50%);}
#footer .txt p{color:#555; font-size:16px; font-weight:400; letter-spacing:-0.1px;}
#footer .top{display:flex; align-items:center; justify-content:center; position:absolute; right:40px; top:50%; width:70px; height:70px; border-radius:50%; background:#fff; box-shadow:0 0 5px 5px rgba(0, 0, 0, 0.08); transform:translateY(-50%); transition:all 0.3s ease;}
#footer .top span{display:block; width:17px; height:20px; background:url(/resource/image/moe/ico_footer_top.png) no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap;}

#footer .f-top ul li a:focus-visible{outline:2px solid #104fbf; outline-offset:4px; border-radius:4px;}
#footer .top:hover{transform:translateY(-50%) translateY(-5px); box-shadow:0 5px 15px rgba(0, 0, 0, 0.15);}
#footer .top:focus-visible{outline:2px dashed #104fbf; outline-offset:3px;}

@media screen and (max-width: 1400px) {
    #footer .inr{max-width:100%; padding:0 30px; box-sizing:border-box;}
    #footer .top{right:30px;}
}
@media screen and (max-width: 1280px) {
    #footer h1{height:28px;}
}
@media screen and (max-width: 768px) {
    #footer{padding:40px 0 50px;}
    #footer .inr{padding:0 100px 0 20px;}
    #footer .top{right:20px; width:60px; height:60px;}
    #footer .txt{padding-right:0;}
    #footer .f-top{gap:10px 25px;}
    #footer .txt li,
    #footer .txt p,
    #footer .f-top ul li a{font-size:15px;}
}
@media screen and (max-width: 540px) {
    #footer .txt ul{flex-direction:column; align-items:flex-start;}
    #footer .txt li:not(:first-child){margin:0; padding:0;}
    #footer .txt li:not(:first-child):before{display:none;}
}
@media screen and (max-width: 500px) {
    #footer .inr{padding:0 0 0 15px;}
    #footer .f-top{flex-direction:column; align-items:flex-start;}
    #footer .top{top:-33px; right:15px; transform:translateY(0);}
    #footer .txt{margin-top:10px;}
    #footer .top:hover{transform:translateY(-5px);}
}

/*sub-header*/
.sub-body #header{position:relative; background:#fff; box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.1);}
.sub-body #header .gnb > li > a{color:#000; border-bottom:0;}
.sub-body #header h1 a{display:block; width:auto; height:31px;}
.sub-body #header .header-etc .util-login:before{content:''; display:block; width:100%; height:100%; background:url(/resource/image/moe/ico_header_login_sub.png) no-repeat;}
.sub-body #header .header-etc .total-search:before{content:''; display:block; width:100%; height:100%; background:url(/resource/image/moe/ico_header_search_sub.png) no-repeat;}
.sub-body #header .header-etc .sitemap:before{content:''; display:block; width:100%; height:100%; background:url(/resource/image/moe/ico_header_menu_sub.png) no-repeat;}
.sub-body .pagew{display:flex; justify-content:space-between; max-width:1300px; margin:0 auto; padding-top:50px;}
section.sub .snb{flex-shrink:0; position:relative; width:240px; min-height:500px; height:100%;}
section.sub .snb h2{overflow:hidden; position:relative; top:auto; left:auto; right:auto; width:100%; height:120px; color:#fff; font-family:'Pretendard'; font-weight:700; text-align:center; line-height:110px; border-radius:25px 25px 0 0; background-image:linear-gradient(to right, #3c6df1, #1a56db);}
section.sub .snb ul{position:relative; top:-22px; right:auto; left:auto; padding:0; z-index:2; border-radius:25px; background-color:#fff; box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.1); overflow:hidden;}
section.sub .snb ul li a{display:flex; align-items:center; position:relative; height:48px; padding:0 15px; border:0; font-family:'G-sans'; transition:all 0.2s ease; overflow:hidden;}
section.sub .snb ul li a:hover{color:#415fbe; background:#f4f7ff; background-image:none;}
section.sub .snb ul li a.active{color:#415fbe !important; font-weight:700; border:0 !important; background-color:#e1f3ff; background-image:none !important;}
section.sub .snb ul li a.active:before{content:''; display:block; position:absolute; right:15px; top:50%; width:16px; height:16px; background:url(/resource/image/moe/ico_left_menu_arrow.png) no-repeat; transform:translateY(-50%);}
.templete_blue section.sub{background:none !important;}
section.sub .snb ul:empty{display:none;}
section.sub .snb:has(ul:empty) h2{border-radius:25px;}
.sub-body .pagew > div:only-child{flex:1;}

/* content_wrap */
section.sub .content_wrap {position: relative; top:0; right: 0; left: 0; width:calc(100% - 240px); min-height: 500px; height: 100%; padding:0 0 0 65px;; }
section.sub .content_wrap .sub_con_title{position:relative; width:100%; height:auto;}
section.sub .content_wrap .sub_con_title .title{display:flex; justify-content:space-between; align-items:end; flex-wrap:wrap; position:relative; bottom:auto; left:auto;}
section.sub .content_wrap .sub_con_title .title h3{margin-top:20px; margin-bottom:0; color:#111; font-family:'Pretendard'; font-weight:700;}
section.sub .content_wrap .sub_con_title .title .self_nav{display:flex; align-items:center; gap:12px; width: auto; }
section.sub .content_wrap .sub_con_title .title .self_nav li{position:relative; height:auto; margin-right:0; padding:0 10px;}
section.sub .content_wrap .sub_con_title .title .self_nav li:last-child{padding-right:0;}
section.sub .content_wrap .sub_con_title .title .self_nav li:last-child a{font-weight:700;}
section.sub .content_wrap .sub_con_title .title .self_nav li a{display:block; color:#333; font-family:'Pretendard'; line-height:inherit;}
section.sub .content_wrap .sub_con_title .title .self_nav li a img{display:block; width:13px; height:14px;}
section.sub .content_wrap .sub_con_title .title .self_nav li:after{content:''; display:block; position:absolute; top:50%; right:-8px; width:3px; height:6px; background:url(/resource/image/moe/ico_nav_arrow.png) no-repeat 50%; transform:translateY(-50%);}
section.sub .content_wrap .sub_con_title .title .self_nav li:last-of-type:after{display:none;}

/*sub-footer*/
.sub-body #footer{border-top:1px solid #e8e8e8;}

@media screen and (max-width: 1280px) {
	.sub-body #header{position:fixed; top:0; left:0; width:100%; height:auto; z-index:100; background:#fff; box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.1);}
	.sub-body section.sub{padding-top:90px;}
	.sub-body #header .btn-menu-toggle span{background:#3d3e42;}
	section.sub .snb{display:none;}
	.sub-body .pagew{max-width:100%; padding-top:30px;}
	section.sub .content_wrap{width:100%; padding:0 40px;}
	#header .gnb > li.active > a{color:#415fbe;}
}
@media screen and (max-width: 800px) {
	section.sub .content_wrap{padding:0;}
	section.sub{padding-top:0;}
	section.sub .content_wrap .sub_con_title{padding:0 20px 15px 20px; background:none;}
	section.sub .content_wrap .sub_con_title .title{flex-direction:column; align-items:flex-start;}
	section.sub .content_wrap .sub_con_title .title .self_nav{margin-top:5px;}
}

/*공동활용기관*/
section.institutions *{font-family:'Pretendard';}
section.institutions .pagew{flex-direction:column;}
section.institutions .content_wrap{width:100%; padding:0;}
section.institutions .content_wrap .sub_con{padding-top:50px !important;}
section.institutions .content_wrap .sub_con_title .title{align-items:center; justify-content:center; flex-wrap:wrap; flex-direction:column; margin-top:20px;}
section.institutions .content_wrap .sub_con_title .title h3{margin-top:0; margin-right:0; font-size:48px;}
section.institutions .content_wrap .sub_con_title .title .self_nav{margin-top:20px;}
.tab-area{display:flex; align-items:center; width:fit-content; height:55px; margin:50px auto 0; background:#f7f7f7; border-radius:50px;}
.tab-area h2{display:none;}
.tab-area ul{display:flex; justify-content:center; align-items:center; width:100%;}
.tab-area li a{display:flex; align-items:center; justify-content:center; height:55px; padding:20px 30px; color:#666; font-size:18px; font-weight:600; letter-spacing:-0.1px; text-align:center; word-break:keep-all; background:none; box-sizing:border-box; cursor:pointer;}
.tab-area li a.active{height:65px; color:#fff; font-weight:700; border-radius:40px; background:#104fbf; background-image:none; box-shadow:0 4px 10px rgba(16, 79, 191, 0.2);}
.tab-area li a.active:before{display:none;}
.tab-area li a:focus-visible{outline:3px solid #104fbf; outline-offset:2px; border-radius:50px;}

.tab-area ~ div[role="tabpanel"]{margin-top:80px;}
.panel-intro{text-align:center;}
.panel-intro h4{color:#1e3a8a; font-size:40px; font-weight:700;}
.panel-intro p{margin-top:25px; color:#555; font-size:17px; font-weight:500; line-height:1.4; letter-spacing:-0.5px; word-break:keep-all;}
.institutions h5{position:relative; padding-left:20px; color:#333; font-size:32px; font-weight:700;}
.institutions h5:before{content:''; display:block; position:absolute; left:0; top:50%; width:7px; height:29px; border-radius:5px; background:#104fbf; transform:translateY(-50%);}
.institutions h6{margin-top:50px; color:#475569; font-size:28px; font-weight:600; letter-spacing:-0.5px;}
.panel-cont{margin-top:80px;}
.basic-box{margin-top:15px; padding:30px 40px; border-radius:15px; background:#fff; box-sizing:border-box; box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.15);}
.panel-list li{margin-top:20px;}
.panel-list li:first-child{margin-top:0;}
.basic-box p{position:relative; padding-left:20px; color:#555; font-size:16px; font-weight:400; letter-spacing:-0.5px;}
.basic-box p:before{content:''; display:block; position:absolute; left:0; top:6px; width:6px; height:6px; border-radius:50%; background:#4673fa;}
.panel-down li{display:flex; align-items:center; flex-wrap:wrap; gap:15px; margin-top:5px;}
.panel-list li .info{display:flex; align-items:center; flex-wrap:wrap; gap:15px; width:100%; padding-left:20px; box-sizing:border-box;}
.panel-list li .info em{position:relative; padding-left:22px; font-style:normal; color:#555; font-size:15px; font-weight:400; letter-spacing:-0.5px;}
.panel-list li .info em:before{content:'!'; display:block; position:absolute; left:0; top:1px; width:16px; height:16px; color:#fff; font-family:'G-snas'; font-size:10px; font-weight:700; text-align:center; border-radius:50%; background:#b6dbc1;}
.panel-down p em{font-style:normal; margin-right:2px; color:#104fbf; font-weight:700;}
.panel-down p span{display:block; margin-top:2px; color:#104fbf; font-size:15px; font-weight:600; letter-spacing:-0.5px;}
.btn-download{display:inline-block; padding:10px 20px; border-radius:50px; background:#e8eaef; box-sizing:border-box; transition:background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;}
.btn-download span{position:relative; padding-left:20px; color:#222; font-size:15px; font-weight:700; letter-spacing:-0.5px;}
.btn-download span:before{content:''; display:block; position:absolute; left:0; top:0; width:15px; height:15px; background:url(/resource/image/moe/ico_btn_download.png) no-repeat;}
.btn-download:hover{background:#d3d8e2; transform:translateY(-1px); box-shadow:0 4px 6px rgba(0, 0, 0, 0.05);}
.btn-download:focus-visible{outline:3px solid #104fbf; outline-offset:2px;}
.basic-tbl{width:100%; margin-top:40px;}
.basic-tbl table{width:100%; border-collapse:collapse;}
.basic-tbl .center{text-align:center;}
.basic-tbl thead tr th{padding:20px 10px; color:#222; font-size:18px; font-weight:700; letter-spacing:-0.5px; border-left:1px solid #c3d6fa; border-bottom:1px solid #125de6; background:#eff4ff; box-sizing:border-box;}
.basic-tbl thead tr th:first-child{border-left:0;}
.basic-tbl tbody td{padding:30px 40px; color:#555; font-size:17px; font-weight:600; letter-spacing:-0.5px; border-left:1px solid #e8eaef; border-bottom:1px solid #e8eaef; background:#fff; box-sizing:border-box;}
.basic-tbl tbody td:first-child{border-left:0;}
.basic-tbl tbody td span{color:#125de6; font-weight:700;}
.basic-tbl tbody ul{text-align:left;}
.basic-tbl tbody .dot,
.basic-tbl tbody ul li{position:relative; margin-top:5px; padding-left:20px; color:#555; font-size:16px; font-weight:400; letter-spacing:-0.5px;}
.basic-tbl tbody ul li:first-child{margin-top:0;}
.basic-tbl tbody .dot{margin-top:0; text-align:left;}
.basic-tbl tbody .dot:before,
.basic-tbl tbody ul li:before{content:''; display:block; position:absolute; left:0; top:6px; width:6px; height:6px; border-radius:50%; background:#4673fa;}
.scroll-guide{display:none;}

@media (max-width:1400px) {
    .institutions .pagew{max-width:100%; padding:50px 40px; box-sizing:border-box;}
}
@media (max-width:1280px) {
    .institutions .pagew{padding:50px 30px;}
    section.institutions .content_wrap .sub_con_title .title h3{margin-right:0; font-size:45px;}
    .tab-area li a{font-size:17px;}
}
@media (max-width:1200px) {
    .panel-intro h4{font-size:38px;}
    .institutions h5{font-size:30px;}
    .institutions h6{font-size:25px;}
    .panel-intro p{margin-top:20px; font-size:16px;}
    .basic-tbl thead tr th{font-size:17px;}
    .basic-tbl tbody td{font-size:16px;}
}
@media (max-width:1024px) {
    .institutions .pagew{padding:50px 20px;}
    section.institutions .content_wrap .sub_con_title .title h3{font-size:42px;}
    section.institutions .content_wrap .sub_con_title .title .self_nav{margin-top:15px;}
    .panel-intro h4{font-size:35px;}
    .institutions h5{padding-left:18px; font-size:25px;}
    .institutions h5:before{height:24px;}
    .institutions h6{margin-top:35px; font-size:22px;}
    .institutions .tab-area ul li a{padding:20px 25px;}
    .basic-box{padding:25px 30px;}
    .panel-cont{margin-top:50px;}
    .panel-list li{margin-top:10px;}
}
@media (max-width:840px) {
	section.institutions .content_wrap .sub_con_title .title h3{font-size:40px;}
    .scroll-guide{display:block; margin-top:30px; font-size:14px; color:#555; letter-spacing:-0.5px; text-align:left; margin-bottom:10px;}
    .scroll-guide .ico-scroll{position:relative; padding-left:20px; font-style:normal; color:#555; font-size:15px; font-weight:400; letter-spacing:-0.5px;}
    .scroll-guide .ico-scroll:before{content:'!'; display:block; position:absolute; left:0; top:1px; width:16px; height:16px; color:#fff; font-family:'G-snas'; font-size:10px; font-weight:700; text-align:center; border-radius:50%; background:#b6dbc1;}
    .scroll-guide + .basic-tbl{margin-top:0;}
    .basic-tbl{overflow-x:auto; -webkit-overflow-scrolling:touch;}
    .basic-tbl table{min-width:900px;}
}
@media (max-width:820px) {
	.sub-body section.institutions .content_wrap .sub_con{padding:0;}
    .tab-area{height:auto; border-radius:0; background:none;}
    .tab-area ul{flex-wrap:wrap; gap:10px;}
    .tab-area li{flex: 0 0 calc((100% - 10px) / 2);}
    .tab-area li a{width:100%; height:auto; padding:20px 15px; border-radius:50px; background:#f7f7f7;}
    .tab-area li a.active{height:auto;}
}
@media (max-width:800px) {
	.sub-body section.institutions .content_wrap .sub_con{padding:0;}
}
@media (max-width:768px) {
	section.institutions .content_wrap .sub_con_title .title h3{font-size:38px;}
    .basic-box{padding:20px 25px;}
    .panel-intro h4{font-size:32px;}
    .institutions h5{font-size:22px;}
    .institutions h5:before{height:20px;}
    .institutions h6{font-size:18px;}
    .panel-intro p{margin-top:15px; font-size:15px;}
    .panel-intro p br{display:none;}
    .basic-box p{padding-left:15px; font-size:15px;}
    .basic-box p:before{width:5px; height:5px;}
    .btn-download{padding:8px 20px;}
    .btn-download span{font-size:14px;}
}
@media (max-width:540px) {
    .tab-area li{flex:0 0 calc((100% - 10px) / 2);}
    .tab-area li a{font-size:16px;}
}
@media (max-width:500px) {
	section.institutions .content_wrap .sub_con_title .title h3{font-size:35px;}
    .basic-box{padding:15px 20px;}
    .panel-list li .info{padding-left:15px;}
    .panel-intro h4{font-size:28px;}
    .institutions h5{font-size:20px;}
    .institutions h6{font-size:17px;}
}
@media (max-width:482px) {
    .tab-area li{flex:0 0 100%;}
}

/*연혁*/
.history{position:relative; margin-top:20px; padding-right:70px; box-sizing:border-box;}
.history:after{content:''; display:block; position:absolute; top:50%; right:0; width:125px; height:212px; background:url(/resource/image/moe/bg_history.png) no-repeat; transform:translateY(-50%); z-index:-1;}
.history ul{display:grid; grid-template-columns:repeat(3, 1fr); gap:30px;}
.history ul li{position:relative; min-width:0;}
.history ul li:after{content:''; display:block; position:absolute; left:50%; top:50%; width:100%; height:24px; background:#f6f6f8; transform:translateY(-50%); z-index:-1;}
.history ul li:nth-child(3):after,
.history ul li:nth-child(4):after{display:none;}
.history ul li:nth-child(4){grid-column:3; grid-row:2;}
.history ul li:nth-child(5){grid-column:2; grid-row:2;}
.history ul li:nth-child(6){grid-column:1; grid-row:2;}
.history .his-box{display:flex; align-items:center; height:165px; padding:30px 40px; border-radius:25px; background:#fff; box-sizing:border-box; box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.15);}
.history .his-box > div{flex:1; position:relative; min-width:0; padding-left:90px;}
.history .his-box > div:before{content:''; display:block; position:absolute; left:0; top:50%; width:62px; height:62px; background-repeat:no-repeat; transform:translateY(-50%);}
.history .his01:before{background-image:url(/resource/image/moe/ico_history01.png);}
.history .his02:before{background-image:url(/resource/image/moe/ico_history02.png);}
.history .his03:before{background-image:url(/resource/image/moe/ico_history03.png);}
.history .his04:before{background-image:url(/resource/image/moe/ico_history04.png);}
.history .his05:before{background-image:url(/resource/image/moe/ico_history05.png);}
.history .his06:before{background-image:url(/resource/image/moe/ico_history06.png);}
.history p{color:#104fbf; font-size:25px; font-weight:700;}
.history span{display:block; margin-top:5px; color:#555; font-size:16px; font-weight:400; letter-spacing:-0.5px; word-break:break-word;}

.institutions-area{margin-top:80px; padding:80px 30px; border-radius:30px; background:#f8f9fa; box-sizing:border-box;}

@media (max-width:1310px) {
    .history .his-box{padding:30px;}
}
@media (max-width:1240px) {
    .history p{font-size:23px;}
    .history span br{display:none;}
}
@media (max-width:1200px) {
    .history{padding-right:0;}
    .history:after{display:none;}
    .history .his-box{height:100%;}
    .history ul{gap:25px;}
    .history ul li:after{display:none;}
    .history ul li:nth-child(4),
    .history ul li:nth-child(5),
    .history ul li:nth-child(6){grid-column:auto; grid-row:auto;}
}
@media (max-width:1024px) {
    .institutions-area{margin-top:50px; padding:50px 20px;}
}
@media (max-width:980px) {
    .history ul{grid-template-columns:repeat(2, 1fr);}
    .history .his-box{border-radius:15px;}
}
@media (max-width:768px) {
    .history .his-box{padding:25px 30px;}
    .history p{font-size:20px;}
    .history span{font-size:15px;}
    .history .his-box > div{padding-left:75px;}
    .history .his-box > div:before{width:55px; height:55px; background-size:100%;}
}
@media (max-width:600px) {
    .history ul{grid-template-columns:repeat(1, 1fr);}
}

/*기관별 역할*/
.organization{display:grid; grid-template-columns:repeat(3, 1fr); align-items:baseline; gap:45px 100px; margin-top:20px;}
.organization .org.left{order:1;}
.organization .org.center{order:2;}
.organization .org.right{order:3;}
.organization .org:not([class*="child"]){position:relative; text-align:center; border-radius:25px; background:#fff; box-sizing:border-box; box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.15);}
.organization .org:not([class*="child"]):after{content:''; display:block; position:absolute; left:-89px; top:51px; width:69px; height:8px; background:url(/resource/image/moe/bg_org_line.png) repeat-x 50%;}
.organization .org.left:after{display:none;}
.organization .org > p{padding:18px; border-radius:25px 25px 0 0; background:#104fbf; box-sizing:border-box;}
.organization .org > p em{font-style:normal; color:#fff; font-size:20px; font-weight:700;}
.organization .org:not([class*="child"]) > p em{position:relative; padding-left:30px;}
.organization .org:not([class*="child"]) > p em:before{content:''; display:block; position:absolute; left:0; top:50%; width:22px; height:21px; margin-top:-10.5px; background:url(/resource/image/moe/ico_logo.png) no-repeat;}
.organization .org.left > p{background:#475569;}
.organization .org.right > p{background:#1e3a8a;}
.organization .org > span{display:block; padding:30px 20px; color:#555; font-size:18px; font-weight:400; letter-spacing:-0.5px; box-sizing:border-box;}
.organization .org.center span{padding:25px 20px 0; color:#222; font-size:20px; font-weight:700;}
.organization .org.center div{margin:25px; padding:20px; border-radius:15px; background:#f0f6ff; box-sizing:border-box; }
.organization .org.center ul{display:inline-flex; flex-direction:column; text-align:left;}
.organization .org.center li{margin-top:5px;}
.organization .org.center li:first-child{margin-top:0;}
.organization .org.center li p{position:relative; padding-left:20px; color:#555; font-size:15px; font-weight:400; letter-spacing:-0.5px;}
.organization .org.center li p:before{content:''; display:block; position:absolute; left:0; top:6px; width:6px; height:6px; border-radius:50%; background:#4673fa;}
.organization .org.child-1{position:relative; order:4; grid-column:2;}
.organization .org.child-1:after{content:''; display:block; position:absolute; left:50%; top:44px; width:163px; height:8px; background:url(/resource/image/moe/bg_org_line.png) repeat-x 50%; transform:translateX(-50%) rotate(90deg); z-index:0;}
.organization .org.child-1 p{position:relative; padding:30px 20px; color:#4673fa; font-size:20px; font-weight:700; text-align:center; border:1px solid #4673fa; border-radius:20px; background:#fff; z-index:1;}
.organization .org.child-2{order:5; grid-column:1/4; border-radius:25px; box-shadow:0 0 5px 0 #4673fa; overflow:hidden;}
.organization .org.child-2 > p{padding:20px; color:#1e3a8a; font-size:20px; font-weight:700; letter-spacing:-0.5px; text-align:center; background:#f1f5f9;}
.organization .org.child-2 .list{padding:30px 40px; background:#fff; box-sizing:border-box;}
.organization .org.child-2 .list > ul{display:flex; align-items:center; padding-bottom:30px; border-bottom:1px solid #e8eaef;}
.organization .org.child-2 .list > ul li{flex:1; position:relative; padding:15px; text-align:center; box-sizing:border-box;}
.organization .org.child-2 .list > ul li:before{content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:80px; border-left:1px solid #e8eaef; transform:translateY(-50%);}
.organization .org.child-2 .list > ul li:first-child:before{display:none;}
.organization .org.child-2 .list p{color:#222; font-size:18px; font-weight:700; letter-spacing:-0.5px;}
.organization .org.child-2 .list ul li > span{display:block; margin-top:15px; color:#555; font-size:17px; font-weight:600; letter-spacing:-0.5px;}
.organization .org.child-2 .list em{font-style:normal; color:#125de6; font-weight:700;}
.organization .org.child-2 .list > div{margin-top:30px; padding:35px; border-radius:15px; background:#f6f6f8; box-sizing:border-box;}
.organization .org.child-2 .org-list-wrap{display:none; margin-top:30px;}
.organization .org.child-2 .org-list-wrap > ul > li{position:relative; margin-top:20px; padding-left:10px; color:#333; font-size:14px; font-weight:700; letter-spacing:-0.5px;}
.organization .org.child-2 .org-list-wrap > ul > li:before{content:''; display:block; position:absolute; left:0; top:7px; width:4px; height:4px; border-radius:50%; background:#4673fa;}
.organization .org.child-2 .org-list-wrap > ul > li:first-child{margin-top:0;}
.organization .org.child-2 .org-list-wrap > ul > li ul{display:flex; gap:10px 25px; flex-wrap:wrap; margin-top:10px; padding:15px 20px; border-radius:10px; background:#eff4ff;}
.organization .org.child-2 .org-list-wrap > ul > li li{position:relative; color:#555; font-size:14px; font-weight:400; letter-spacing:-0.5px;}
.organization .org.child-2 .org-list-wrap > ul > li li:after{content:''; display:block; position:absolute; right:-15px; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:50%; background:#cbd5e1;}
.organization .org.child-2 .org-list-wrap > ul > li li:last-child:after{display:none;}
.btn-toggle-org{display:flex; align-items:center; gap:10px; margin-left:-8px; padding:4px 8px; border-radius:6px; background:none;}
.btn-toggle-org .btn-text{display:block; color:#4673fa; font-size:18px; font-weight:700; letter-spacing:-0.5px;}
.btn-toggle-org .ico-arrow{display:block; width:13px; height:8px; background:url(/resource/image/moe/ico_org_arrow.png) no-repeat; transition:transform 0.3s ease-in-out;}
.btn-toggle-org[aria-expanded="true"] .ico-arrow{transform:rotate(180deg);}
.btn-toggle-org:hover .btn-text{text-decoration:underline; text-underline-offset:4px;}
.btn-toggle-org:focus-visible{outline:3px solid #104fbf; outline-offset:2px;}

@media (max-width:1200px) {
    .organization{grid-template-columns:1.7fr 2fr 1.7fr; gap:45px 70px;}
    .organization .org:not([class*="child"]):after{left:-60px; width:38px;}
    .organization .org.center div{margin:20px;}
}
@media (max-width:1100px) {
    .organization{gap:45px;}
    .organization .org:not([class*="child"]):after{left:-45px;}
}
@media (max-width:1024px) {
    .organization .org:not([class*="child"]){border-radius:15px;}
    .organization .org > p{border-radius:15px 15px 0 0;}
    .organization .org.child-2,
    .organization .org.child-1 p{border-radius:15px;}
    .btn-toggle-org .btn-text,
    .organization .org.child-2 .list p,
    .organization .org > span{font-size:17px;}
    .organization .org > p em,
    .organization .org.child-1 p,
    .organization .org.child-2 > p,
    .organization .org.center span{font-size:18px;}
    .organization .org.child-2 .list > div{padding:25px;}
    .organization .org.child-2 .list{padding:30px;}
    .organization .org.child-2 .list > ul li{padding:5px 15px;}
}
@media (max-width:924px) {
    .organization .org.center div{padding:20px 15px;}
    .organization{gap:45px 25px;}
    .organization .org:not([class*="child"]):after{display:none;}
    .btn-toggle-org .btn-text,
    .organization .org.child-2 .list p,
    .organization .org > span{font-size:16px;}
    .organization .org > p em,
    .organization .org.child-1 p,
    .organization .org.child-2 > p,
    .organization .org.center span{font-size:17px;}
}
@media (max-width:852px) {
    .organization{grid-template-columns:1fr; gap:25px;}
    .organization .org.child-1,
    .organization .org.child-2{grid-column:auto;}
    .organization .org.center{order:3; margin-bottom:20px;}
    .organization .org.right{order:2;}
    .organization .org.child-2{margin-top:20px;}
    .organization .org.child-1 p{padding:20px;}
    .organization .org.child-1:after{top:23px; width:143px;}
    .organization .org.child-2 .list{padding:20px;}
}
@media (max-width:690px) {
    .organization .org.child-2 .list{padding:0 20px 20px;}
    .organization .org.child-2 .list > ul{flex-wrap:wrap; flex-direction:column;}
    .organization .org.child-2 .list > ul li{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px 15px; width:100%; padding:20px;}
    .organization .org.child-2 .list > ul li:before{left:0; top:0; width:100%; height:1px; border-left:0; border-bottom:1px dashed #e8eaef; transform:translateY(0);}
    .organization .org.child-2 .list > ul{padding-bottom:0;}
    .organization .org.child-2 .list ul li > span{margin-top:0;}
    .organization .org.child-2 .list > div{padding:15px;}
    .organization .org.child-2 .org-list-wrap > ul > li ul{padding:15px;}
    .organization .org.child-2 .org-list-wrap > ul > li ul{flex-direction:column;}
    .organization .org.child-2 .org-list-wrap > ul > li li:after{display:none;}
}
/*공동활용기관 목록*/
.institutions-map{display:flex; justify-content:space-between; margin-top:30px;}
.institutions-map .map-list{position:relative; width:359px; height:506px;}
.institutions-map .map-list:before{content:''; display:block; position:absolute; left:0; top:0; width:359px; height:506px; background:url(/resource/image/moe/bg_map.png) no-repeat;}
.institutions-map .map-list div[class^="map"]{position:absolute;}
.institutions-map .map-list .map01{left:22.5%; top:99px;}
.institutions-map .map-list .map02{left:16%; top:107px;}
.institutions-map .map-list .map03{left:29%; top:125px;}
.institutions-map .map-list .map04{left:20%; top:207px;}
.institutions-map .map-list .map05{left:29.5%; top:200px;}
.institutions-map .map-list .map06{left:31.5%; top:221px;}
.institutions-map .map-list .map07{left:27%; top:286px;}
.institutions-map .map-list .map08{left:19%; top:340px;}
.institutions-map .map-list .map09{left:25%; top:372px;}
.institutions-map .map-list .map10{left:21%; top:470px;}
.institutions-map .map-list .map11{right:42%; top:79px;}
.institutions-map .map-list .map12{left:40%; top:172px;}
.institutions-map .map-list .map13{right:31%; top:202px;}
.institutions-map .map-list .map14{right:35%; top:269px;}
.institutions-map .map-list .map15{right:19%; top:304px;}
.institutions-map .map-list .map16{right:37.5%; top:324px;}
.institutions-map .map-list .map17{right:25%; top:339px;}
.institutions-map .map-list div[class^="map"] button{display:block; background:none; cursor:pointer; border-radius:50%; transition:transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), filter 0.2s ease;}
.institutions-map .map-list div[class^="map"]:hover button{transform:translateY(-4px) scale(1.1); filter:drop-shadow(0 4px 6px rgba(0, 0, 0, 0.3));}
.institutions-map .map-list div[class^="map"] button:focus-visible{outline:3px solid #104fbf; outline-offset:2px;}
.institutions-map .map-list div[class^="map"] span{display:block; width:18px; height:20px; background:url(/resource/image/moe/ico_map.png) no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap;}
.institutions-map .map-list div[class^="map"] .tit{color:#222; font-family:'Pretendard'; font-size:15px; font-weight:700;}
.institutions-map .map-list div[class^="map"] .tit em{font-weight:500; font-style:normal; color:#2b6cfd;}
.institutions-map .map-list div[class^="map"] ul{margin-top:10px;}
.institutions-map .map-list div[class^="map"] li{font-family:'Pretendard'; font-size:14px;}
.institutions-map .map-list div[class^="map"] .map_hover{display:none; position:absolute; top:-40px; left:-27px; width:70px; padding:7px 5px; background:#fff; border:1px solid #dde1ec; border-radius:8px; text-align:center; box-shadow:0 0 5px 0px rgba(0, 0, 0, .2); box-sizing:border-box; z-index:1;}
.institutions-map .map-list div[role="tab"][aria-selected="true"] .map_hover,
.institutions-map .map-list div[class^="map"] .spot:hover + .map_hover{display:block;}
.institutions-map .map-list div[class^="map"].active .map_hover .tit{color:#2b6cfd;}
.institutions-map .detail-map-list{width:60%; padding:30px 40px; border-radius:25px; background:rgba(255, 255, 255, .8); box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.15); box-sizing:border-box;}
.institutions-map .detail-map-list .sub-tit{margin-top:0; text-align:left;}
.institutions-map .detail-map-list .sub-tit p{color:#333; font-size:25px; font-weight:700; letter-spacing:-0.5px;}
.institutions-map .detail-map-list .sub-tit span{color:#125de6;}
.institutions-map .detail-map-list div[class^="detail_map"]{display:none;}
.institutions-map .detail-map-list .detail-list{margin-top:25px;}
.institutions-map .detail-map-list .detail-list > li{display:flex; align-items:center; flex-wrap:wrap; margin-top:20px;}
.institutions-map .detail-map-list .detail-list > li:first-child{margin-top:0;}
.institutions-map .detail-map-list .detail-list > li ul{width:100%; margin-top:12px; margin-left:45px; padding:18px 30px; border-radius:15px; background:#f0f6ff; box-sizing:border-box;}
.institutions-map .detail-map-list .detail-list > li ul li{position:relative; margin-top:8px; padding-left:15px; color:#555; font-family:'Pretendard'; font-size:15px; font-weight:400; letter-spacing:-0.5px;}
.institutions-map .detail-map-list .detail-list > li ul li:first-child{margin-top:0;}
.institutions-map .detail-map-list .detail-list > li ul li:before{content:''; display:block; position:absolute; left:0; top:6px; width:6px; height:6px; border-radius:50%; background:#4673fa;}
.institutions-map .detail-map-list .detail-list > li ul li.sub-link:before{top:11px;}
.institutions-map .detail-map-list .detail-list em{width:30px; margin-right:15px; color:#c4d4fb; font-family:'Pretendard'; font-size:18px; font-weight:900; font-style:normal;}
.institutions-map .detail-map-list .detail-list > li ul.li_w2{display:flex; flex-wrap:wrap;}
.institutions-map .detail-map-list .detail-list > li ul.li_w2 li{width:50%;}
.institutions-map .detail-map-list .detail-list a{display:inline-block; position:relative; margin-left:-8px; padding:4px 8px; padding-right:24px; font-family:'Pretendard'; font-size:17px; font-weight:600; letter-spacing:-0.5px; border-radius:6px; transition:background-color 0.2s ease, color 0.2s ease; word-break:keep-all;}
.institutions-map .detail-map-list .detail-list a:after{content:''; display:block; position:absolute; right:0px; top:6px; width:15px; height:15px; background:url(/resource/image/moe/ico_map_link.png) no-repeat; background-size:100%;}
.institutions-map .detail-map-list .detail-list a:hover{color:#104fbf; text-decoration:underline; text-underline-offset:4px;}
.institutions-map .detail-map-list .detail-list a:focus-visible{outline:3px solid #104fbf; outline-offset:2px;}
.institutions-map .detail-map-list .detail-list span{display:block; margin-left:10px; padding:4px 10px; color:#4673fa; font-family:'Pretendard'; font-size:13px; font-weight:700; border:1px solid #4673fa; border-radius:50px; background:#fff; box-sizing:border-box;}
.institutions-map .detail-map-list .detail-list ul li a{color:#555; font-size:15px; font-weight:400;}

.institutions-tbl thead tr th{padding:20px; text-align:left;}
.institutions-tbl tbody td{padding:28px 20px; color:#333; font-size:17px; font-weight:700; background:#f1f5f9;}
.institutions-tbl tbody .child-row td{padding:20px; color:#555; font-size:16px; font-weight:600; background:#fff;}
.institutions-tbl tbody .child-row td:first-child{position:relative; padding:20px 20px 20px 55px;}
.institutions-tbl tbody .child-row td:first-child:before{content:''; position:absolute; left:40px; top:26px; width:6px; height:6px; background-color:#4673fa; border-radius:50%;}
.institutions-tbl tbody .child-row td a{color:#555; font-size:16px; font-weight:600;}
.institutions-tbl tbody td a{position:relative; margin-left:-8px; padding:4px 8px; padding-left:24px; border-radius:6px;}
.institutions-tbl tbody td a:hover{color:#104fbf; text-decoration:underline; text-underline-offset:4px;}
.institutions-tbl tbody td a:focus-visible{outline:3px solid #104fbf; outline-offset:2px;}
.institutions-tbl tbody td a:before{content:''; display:block;position:absolute; left:0; top:6px; width:15px; height:15px; background:url(/resource/image/moe/ico_map_link.png) no-repeat; background-size:100%;}

@media (max-width:1200px) {
    .institutions-tbl tbody td{padding:24px 20px; font-size:16px;}
    .institutions-tbl tbody .child-row td{font-size:15px;}
}
@media (max-width:1100px) {
    .institutions-map{flex-wrap:wrap; flex-direction:column;}
    .institutions-map .map-list{margin:0 auto;}
    .institutions-map .detail-map-list{width:100%; margin-top:30px;}
}
@media (max-width:1024px) {
    .institutions-map .detail-map-list{padding:25px 30px; border-radius:15px;}
    .institutions-map .detail-map-list .sub-tit p{font-size:22px;}
    .institutions-map .detail-map-list .detail-list{margin-top:20px;}
    .institutions-map .detail-map-list .detail-list a{font-size:16px;}
    .institutions-map .detail-map-list .detail-list > li{margin-top:10px;}
    .institutions-map .detail-map-list .detail-list > li ul{margin-bottom:10px; padding:15px 30px;}
}
@media (max-width:768px) {
    .institutions-map .detail-map-list{padding:20px 25px;}
    .institutions-map .detail-map-list .detail-list > li ul{margin-left:0;}
    .institutions-map .detail-map-list .sub-tit p{font-size:20px;}
    .institutions-map .detail-map-list .detail-list a{font-size:15px;}
    .institutions-map .detail-map-list .detail-list em{margin-right:5px;}
}
@media (max-width:430px) {
    .institutions-map{overflow:hidden;}
    .institutions-map .map-list{display:flex; justify-content:center; width:300px;}
    .institutions-map .map-list:before{left:50%; width:260px; background-size:100% 100%; transform:translateX(-50%);}
}

/*header 추가*/
@media (min-width:1281px) {
#header .gnb > li:first-child > a,
#header .gnb > li:nth-child(2) > a,
#header .gnb > li:nth-child(3) > a,
#header .gnb > li:nth-child(4) > a{position:relative; font-weight:700;}
#header .gnb > li:first-child > a:before,
#header .gnb > li:nth-child(2) > a:before,
#header .gnb > li:nth-child(3) > a:before,
#header .gnb > li:nth-child(4) > a:before{content:''; display:block; position:absolute; right:-20px; top:-8px; width:5px; height:5px; border-radius:50%; background:#FFD700; box-shadow:0 0 10px rgba(255, 215, 0, 0.9), 0 0 4px rgba(255, 255, 255, 0.8); z-index:2;}
#header .gnb > li:first-child > a:after,
#header .gnb > li:nth-child(2) > a:after,
#header .gnb > li:nth-child(3) > a:after,
#header .gnb > li:nth-child(4) > a:after{content:''; position:absolute; z-index:-1; top:-6px; bottom:-6px; left:-14px; right:-14px; background:rgba(255, 255, 255, 0.15); border-radius:50px; transition:background 0.3s ease;}
#header .gnb > li:first-child > a:hover:after,
#header .gnb > li:nth-child(2) > a:hover:after,
#header .gnb > li:nth-child(3) > a:hover:after,
#header .gnb > li:nth-child(4) > a:hover:after{background:rgba(255, 255, 255, 0.25);}

.sub-body #header .gnb > li:first-child > a,
.sub-body #header .gnb > li:nth-child(2) > a,
.sub-body #header .gnb > li:nth-child(3) > a,
.sub-body #header .gnb > li:nth-child(4) > a{color:#1D4ED8;}
}

.sub-body .select_01{min-width:auto !important;}

/*edit영역*/
.edit_box .panel-down-box{margin-top:30px; text-align:left;}
.edit_box .panel-h5,
.panel-h5{position:relative; padding-left:20px; color:#333; font-size:32px; font-weight:700; text-align:left;}
.edit_box .panel-h5:before,
.panel-h5:before{content:''; display:block; position:absolute; left:0; top:50%; width:7px; height:29px; border-radius:5px; background:#104fbf; transform:translateY(-50%);}
.taL{text-align:left;}
.edit_box .th-tbl{margin-top:20px;}
.edit_box .th-tbl thead tr:first-child{border-top:0;}
.edit_box .th-tbl tbody th{background:#f1f5f9; border-bottom:1px solid #e8eaef;}
.edit_box .th-tbl tbody td,
.edit_box .th-tbl tbody td:first-child{padding:20px 30px; border:0 !important; border-left:1px solid #e8eaef !important; border-bottom:1px solid #e8eaef !important;}
.edit_box .btn-download em{font-style:normal; position:relative; padding-left:20px; color:#222; font-size:15px; font-weight:700; letter-spacing:-0.5px;}
.edit_box .btn-download em:before{content:''; display:block; position:absolute; left:0; top:0; width:15px; height:15px; background:url(/resource/image/moe/ico_btn_download.png) no-repeat;}

@media (max-width:1200px) {
    .edit_box .panel-h5,
    .panel-h5{font-size:30px;}
}
@media (max-width:1024px) {
    .edit_box .panel-h5,
    .panel-h5{padding-left:18px; font-size:25px;}
    .edit_box .panel-h5:before,
    .panel-h5:before{height:24px;}
}
@media (max-width:840px) {
    .scroll-guide + .th-tbl{margin-top:0;}
}
@media (max-width:768px) {
    .edit_box .panel-h5,
    .panel-h5{font-size:22px;}
    .edit_box .panel-h5:before,
    .panel-h5:before{height:20px;}
}
@media (max-width:500px) {
    .edit_box .panel-h5,
    .panel-h5{font-size:20px;}
}

.tmpl_b_nuri{display:flex; justify-content:space-between; align-items:center; gap:10px;}
.tmpl_b_nuri .top-right{display:flex; align-items:center; gap:10px;}
.tmpl_b_nuri .user-info{position:relative; padding-right:10px; color:#374151; font-size:13px; font-weight:500; letter-spacing:-0.1px; box-sizing:border-box;}
.tmpl_b_nuri .user-info:before{content:''; display:block; position:absolute; right:-2px; top:50%; width:1px; height:12px; border-left:1px solid #d1d5db; transform:translateY(-50%);}
.tmpl_b_nuri .user-info span{position:relative; padding-left:15px; font-size:15px; font-weight:700;}
.tmpl_b_nuri .user-info span:before{content:''; display:block; position:absolute; left:0; top:50%; width:10px; height:13px; margin-top:-6.5px; background:url(/resource/image/moe/ico_user.png) no-repeat;}

@media screen and (max-width: 768px) {
    .tmpl_b_nuri .top-right{display:none;}
}

/*사이트맵*/
.sub-body section.sub .content_wrap .sub_con .sub_sitemap ul{display:grid; grid-template-columns:repeat(4, 1fr); gap:15px;}
.sub-body section.sub .content_wrap .sub_con .sub_sitemap ul li{width:100%; min-width:auto; margin:0;}

@media screen and (max-width: 920px) {
    .sub-body section.sub .content_wrap .sub_con .sub_sitemap ul{grid-template-columns:repeat(3, 1fr);}
}
@media screen and (max-width: 820px) {
    .sub-body section.sub .content_wrap .sub_con{padding:20px 0 50px;}
}
@media screen and (max-width: 800px) {
    .sub-body section.sub .content_wrap .sub_con{padding:10px 15px 50px;}
}
@media screen and (max-width: 520px) {
    .sub-body section.sub .content_wrap .sub_con .sub_sitemap ul{grid-template-columns:repeat(2, 1fr);}
}