@charset "utf-8";

/* set */
body{height: auto;min-height: 100%;font-size:16px;margin:0;padding:0;font-family: SUIT, NotoSans, Dotum, "돋움", sans-serif;font-weight:400;}
input, select, button, pre, textarea{font-family: SUIT, NotoSans, Dotum, "돋움", sans-serif;font-size:16px;}
body *{box-sizing:border-box;}
a{color: #464646;}
::selection {background:var(--color2);color:var(--color5);text-shadow:none;}

.gwedu{font-family: GWedupower;}

#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:0;left:0;z-index:5;color:#fff;width:100%;height:25px;padding:5px 0 0 0;outline-color:yellow;outline-offset: -3px}

.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/01_potal/common/new_win.png")}
header .new_win{display:inline-flex;width:20px;height:20px;background:url("/images/01_potal/common/ico_newwin.svg") no-repeat center/contain;}

:root {
--color1: #d06224;  
--color2: #ffd93d;
--color3: #6c4343;
--color4: #364968;
--color5: #4f200d;
--color6: #ffc600;
--color7: #f6f1e9; /*베이지색*/
--color8: #f3f4fa; /*연한하늘색*/
--btnbg: url("/images/01_potal/common/btn_set.png");
--btnsns: url("/images/01_potal/main/sns_icon.png");
--gra1: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
--white: #fff;
--black: #000;
--gray1: #ededed;
--gray2: #f8f8f8;
--gray3: #ccc;
/*krds color*/
--kr_black: #1d1d1d;
--kr_navy: #003675;
--kr_line: #d8d8d8;
--kr_bg: #edf1f5;
--kr_active: #cdd7e4;
}

/*스크롤바스타일*/
*::-webkit-scrollbar {width:5px;height:5px;} /*스크롤바 사이즈*/
*::-webkit-scrollbar-track {border-radius:5px;background:var(--gray1);} /*스크롤바 배경*/
*::-webkit-scrollbar-thumb {background:var(--color1);border-radius: 10rem} /* 스크롤 제어박스*/


/*블러효과*/
.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 중복 선언*/

/* Mobile */
/*상단팝업*/
.vis_pop{background: #003e7b;color: #fff;}
.vis_pop .pop_con{position: relative;padding: 0 16px;}
.vis_pop .title{display: block;padding: 10px 0;font-family: GmarketSans;font-weight: 700;font-size: 20px;}
.vis_pop .box a{display: block;padding: 10px 0;color: #fff;border-top: 1px solid rgba(255,255,255,0.1);}
.vis_pop .box a:hover strong, .vis_pop .box a:focus strong{text-decoration: underline;}
.vis_pop .box strong{display: block;font-family: GmarketSans;font-weight: 400;height: 2.6em;overflow: hidden;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.3em;letter-spacing: -0.05em;}
.vis_pop .box div{display: none;}
.vis_pop .pop_close{position: absolute;right: 16px;top: 13px;text-align: right;font-size: 0;}
.vis_pop .pop_close input{display: inline-block;margin: 3px 4px 0 0;}
.vis_pop .pop_close label{font-size: 14px;color: rgba(255,255,255,0.8);}
.vis_pop .pop_close .t_close{display: inline-block;width: 16px;height: 16px;margin-left: 10px;font-size: 0;background: url("/images/common/sub_ico.png") center -668px no-repeat;}

.gov_nuri{background: var(--kr_bg);}
.gov_nuri .wrap{padding: 8px 16px;}
.gov_nuri p{display: flex;font-size: 15px;align-items: center;gap: 8px;letter-spacing: -0.01em;}
.gov_nuri p:before{display: block;width: 24px;height: 16px;content: "";background: url("/images/01_potal/common/flag.svg") no-repeat center /contain;}

/*header*/
header{position: sticky;top: 0;left: 0;background: #fff;border-bottom: 1px solid var(--kr_line);color: var(--kr_black);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;left:0;right: 0;bottom:0;background:rgba(0, 0, 0, 0.70);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
header button, header a{color: var(--kr_black);background: none;}
header button:hover, header a:hover,
header button:focus, header a:focus{background-color: var(--kr_bg);}
header button:active, header a:active{background-color: #cdd7e4;}
.header_top{display: flex;align-items: center;gap: 16px;padding: 12px 16px;}
.header_top .logo{display: inline-flex;}
.header_top .logo a{display: inline-flex;width: 144px;height: 26px;font-size: 0;background: url("/images/01_potal/common/logo.svg") no-repeat 0/contain;}

/*util*/
.util{display: none;margin-right: 28px;}
.util ul{display: 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;}
.util>ul>li{display: flex;align-items: center;gap: 16px;position: relative;}
.util>ul>li:after{display: inline-flex;width: 1px;height: 16px;background: var(--kr_line);content: "";margin-right: 16px;}
.util>ul>li:last-child:after{display: none;}
.util .flag a:before{display: inline-flex;content: "";width: 24px;height: 16px;margin-right: 4px;border: 1px solid var(--kr_line);background: url("/images/01_potal/common/flag.svg") no-repeat center/contain;}
.util li button span{display: inline-flex;width: 16px;height: 16px;font-size: 0;background: url("/images/01_potal/common/ico_drop.svg") no-repeat center /contain;}
.util li div{display: none;position: absolute;top: 100%;left: 50%;min-width: 130px;padding: 8px;border-radius: 8px;border: 1px solid var(--kr_line);box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);transform: translateX(-50%);background: #fff;z-index: 2;}
.util li div:before{position: absolute;width: 13px;height: 13px;content: "";top: -8px;left: 50%;border-top: 1px solid var(--kr_line);border-right: 1px solid var(--kr_line);background: #fff;transform: translateX(-50%) rotate(-45deg);}
.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;flex-direction: column;align-items: center;justify-content: space-between;gap: 8px;padding: 4px;cursor: pointer;font-size: 13px;font-weight: 700;border-radius: 8px;word-break: keep-all;}
.gnb div button:before{display: inline-flex;width: 20px;height: 20px;content: "";background-repeat: no-repeat;background-size: contain;background-position: center;}
@media all and (max-width:360px) {
.gnb div.mb_on button{word-break: break-all;}
}

/*주요누리집*/
.gnb .service_open{gap: 16px;}
.gnb .service_open button{flex-direction: row;height: 40px;padding: 0;font-size: 17px;}
.gnb .service_open button.site:before{background-image: url("/images/01_potal/common/ico_site.svg");}
.gnb .service_open button.service:before{background-image: url("/images/01_potal/common/ico_service.svg");}
.service_open .blur_box>div{position: absolute;left: 0;right: 0;top: 0;overflow: hidden;overflow-y: auto;}
.service_open div a{background: none;}
.service_open h2{padding: 36px 25px 25px;font-size: 30px;word-break: keep-all;}
.service_open h3{margin: 0 20px 10px;}
.service_open h3 a{display: block;padding: 15px 20px;font-size: 21px;font-weight: 400;border-radius: 10px;}
.service_open .so_wrap.on h3 a{font-weight: 600;}
.service_open .so_con{display: none;margin: 25px;max-height: 260px;overflow-y: auto;}
.service_open .so_wrap.on .so_con{display: block;}
.service_open .so_con>div{margin: 0 0 20px;}
.service_open .sol>div{display: none;}
.service_open .sol.on>div{display: block;}
.service_open h4 a{display: block;position: relative;padding-bottom: 5px;font-size: 20px;font-weight: 700;border-bottom: 1px solid #000;}
.service_open h4 a:after{position: absolute;width: 30px;height: 30px;right: 0;content: "+";font-weight: 700;font-size: 20px;text-align: center;}
.service_open .so_con .on h4 a:after{content: "-";}
.service_open .so_con ul{display: flex;flex-wrap: wrap;margin-top: 10px;}
.service_open .so_con li:after{display: inline-block;content: "";width: 1px;height: 10px;margin: 4px 8px;background: rgba(0,0,0,0.1);}
.service_open .so_con li:last-child:after{display: none}
.service_open .so_con li a{display: inline-block;position: relative;font-size: 15px;z-index: 0;}
.service_open .so_con li a:hover, .service_open .so_con li a:focus{font-weight: 600;}
.service_open .so_con li a:before{display: none;position: absolute;bottom: -2px;left: 50%;transform: translateX(-50%);width: 110%;height: 14px;content: "";z-index: -1;}
.service_open .so_con li a:hover:before, .service_open .so_con li a:focus:before{display: block;}
.service_open .so_con .line1>li{width: 50%;margin: 4px 0;}
.service_open .so_con .line1>li.w100{width: 100%;}
.service_open .so_con .line1>li:after{display: none;}
.service_open .so_con .line1>li>a, .service_open .so_con .line1>li>strong{font-size: 16px;font-weight: 700;}
.service_open .so_con .line1>li>a:hover, .service_open .so_con .line1>li>a:focus{text-decoration: underline;}
.service_open .so_close{position: absolute;top: 20px;right: 25px;}
.service_open .so_close a{display: block;width: 53px;height: 53px;overflow: hidden;font-size: 0;background: var(--btnbg) no-repeat left -30px;}

.service_open .so01{background: var(--color2);color: #4f200d;}
.service_open .so01 h3 a{color: #000;background: #f6c138;box-shadow: 0 0 10px #f6c138;}
.service_open .so01 .on h3 a{background: #fff;}
.service_open .so01 h4 a{color: #4f200d;border-color: #4f200d;}
.service_open .so01 .so_con li a{color: #4f200d;}
.service_open .so01 .so_con li a:before{background: #fff;}

.service_open .so02{background: var(--color4);color: #fff;}
.service_open .so02 a:focus{outline-color: yellow;}
.service_open .so02 .on h3 a:focus{outline-offset: 2px;}
.service_open .so02 h2{font-size: 27px;letter-spacing: -1px;}
.service_open .so02 h3 a{color: #fff;background: #223759;box-shadow: 0 0 10px #223759;}
.service_open .so02 .on h3 a{background: #fff;color: #223759;}
.service_open .so02 h4 a{color: var(--gray1);border-color: rgba(255,255,255,0.5)}
.service_open .so02 .so_con{max-height: 195px;}
.service_open .so02 .so_con::-webkit-scrollbar-thumb{background:#051531;}
.service_open .so02 .so_con li:after{background: rgba(255,255,255,0.2);}
.service_open .so02 .so_con li a{color: var(--gray1);}
.service_open .so02 .so_con li a:hover, .service_open .so02 .so_con li a:focus{color: #ffc600;}
.service_open .so02 .so_con li a:before{background: #1b2434;}
/*mobile 펼침X*/
@media all and (max-width:1022px) {
.gnb .service_open{display: flex;position: fixed;left: 0;bottom: 0;right: 60px;gap: 0;}
/*.gnb .service_open{bottom: auto;top: calc(100svh - 50px);}*/
.gnb .service_open button{width: 50%;height: 50px;padding: 0 10px;background: #364968;color: #fff;border-radius: 0 30px 0 0;align-items: center;justify-content: center;gap: 4px;font-size: 16px;font-weight: 400;}
.gnb .service_open button:before{display: none;}
.gnb .service_open button:after{display: inline-flex;width: 9px;height: 6px;background: var(--btnbg) no-repeat -131px -100px;content: "";}
.gnb .service_open button:first-child{background: var(--color2);color: var(--color3);border-radius: 0;}
.gnb .service_open button:first-child:after{background-position: -150px -100px;}
.service_open .blur_box>div{top: auto;bottom: 0;}
header.on .service_open{position: static;gap: 16px;}
header.on .gnb .service_open button{width: auto;height: 40px;font-size: 17px;font-weight: 700;padding: 0;background: none;border-radius: 0;color: var(--kr_black);}
header.on .gnb .service_open button:after{display: none;}
header.on .service_open .blur_box>div{top: 0;bottom: auto;}
header.on .service_open button:before{display: inline-flex;}
}
@media (min-width:768px) and (max-width:1022px) {
.gnb .service_open{right: 190px;}
}

/*검색*/
.gnb .sch button:before{background-image: url("/images/01_potal/common/ico_search.svg");}
.gnb .sch_box{position:absolute;top:0;left:0;width:100%;background:var(--color1);z-index:3;}
.gnb .sch_box .sch_close{position:absolute;top:25px;left:0;width:100%;text-align:center;}
.gnb .sch_box .sch_close a{display:inline-block;width:53px;height:53px;font-size: 0;overflow:hidden;background:var(--btnbg) no-repeat -61px -30px;}
.gnb .sch_box .ttsch{margin-top:110px;padding:0 25px;}
.gnb .sch_box .sch_inbox{background:var(--white);border-radius:30px;padding:10px 20px;}
.gnb .sch_box input[type="text"]{display:inline-block;width:calc(100% - 40px);font-size:18px;padding:5px 0;}
.gnb .sch_box input[type="submit"]{display:inline-block;width:23px;height:23px;overflow:hidden;padding-top:23px;background:var(--btnbg) no-repeat right top;margin-top:5px;}
.gnb .sch_box .ttkey{padding:20px 0 30px 0;}
.gnb .sch_box .ttkey div{text-align:center;}
.gnb .sch_box .ttkey a{display:inline-block;color:var(--white);font-size:14px;padding:0 5px;}
/*240923*/
.gnb .sch_wrap{position: fixed;top: 0;left: 0;right: 0;bottom: 0;padding: 0 8px 24px;background: #DEE2E8;overflow-y: auto;}
.gnb .sch_head{position: sticky;top: 0;padding: 32px 8px;background: #DEE2E8;margin-top: 24px;border-bottom: 1px solid #C6C6C6;}
.gnb .sch_head label{cursor: pointer;font-size: 25px;font-weight: 700;}
.gnb .sch_head .sch_input{position: relative;margin-top: 24px;}
.gnb .sch_head .sch_input input[type="text"]{width: 100%;height: 56px;padding: 0 48px 0 16px;border: 1px solid #717171;border-radius: 8px;font-size: 19px;font-weight: 700;color: var(--kr_black);}
.gnb .sch_head .sch_input input[type="submit"]{position: absolute;width: 24px;height: 24px;background: url("/images/01_potal/common/ico_search.svg") no-repeat center /contain;font-size: 0;top: 50%;right: 16px;transform: translateY(-50%);}
.gnb .sch_head .topsch_pop{position: absolute;left: 0;right: 0;background: #fff;padding: 20px;border-radius: 8px;border: 1px solid #717171;}
.gnb .sch_head .topsch_pop ul{display: flex;flex-direction: column;gap: 16px;}
.gnb .sch_head .topsch_pop em{font-style: normal;font-weight: 700;color: #2768ff;}
.gnb .sch_body div{padding: 32px 24px;border-bottom: 1px solid #C6C6C6;}
.gnb .sch_body div:last-child{border: none;}
.gnb .sch_body h3{margin-bottom: 32px;font-size: 21px;}
.gnb .sch_body ol, .gnb .sch_body ul{display: flex;flex-direction: column;gap: 24px;}
.gnb .sch_body li a{display: flex;gap: 8px;align-items: center;}
.gnb .sch_body li em{font-style: normal;width: 20px;}
.gnb .sch_body li strong{font-weight: 400;}
.gnb .sch_body li span{display: inline-flex;align-items: center;justify-content: center;gap: 2px;width: 32px;;margin-left: auto;font-size: 15px;}
.gnb .sch_body li span i{display: inline-flex;width: 6px;height: 2px;font-size: 0;background: var(--kr_black);}
.gnb .sch_body li span.up{color: #eb003b;}
.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{background-image: url("/images/01_potal/common/ico_del.svg");}
.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: 17px;font-weight: 400;}
.gnb .sch_body div>button:before{background-image: url("/images/01_potal/common/ico_del.svg");}
.gnb .sch .sch_close{position: absolute;top: 24px;right: 16px;}
.gnb .sch .sch_close a{display: block;width: 24px;height: 24px;font-size: 0;background: url("/images/01_potal/common/ico_close.svg") no-repeat center /contain;}

/*로그인*/
.gnb .login a{display: inline-flex;align-items: center;gap: 8px;height: 40px;}
.gnb .login a:before{display: inline-flex;width: 20px;height: 20px;content: "";background-repeat: no-repeat;background-size: contain;}
.gnb .login a.in{display: none;font-size: 17px;;font-weight: 700;}
.gnb .login a.in:before{background-image: url("/images/01_potal/common/ico_login.svg");}
.gnb .login button.my{display: none;}
.gnb .login button.in:before{background-image: url("/images/01_potal/common/ico_login.svg");}
.gnb .login button.my:before{background-image: url("/images/01_potal/common/ico_my.svg");}
.gnb .login button.out:before{background-image: url("/images/01_potal/common/ico_logout.svg");}
.gnb .login .drop{display: none;gap: 16px;}
.gnb .login .info p{display: inline-flex;align-items: center;height: 40px;font-weight: 700;}
.gnb .login .info dl{display: none;}
.gnb .login ul{display: flex;gap: 16px;}
.gnb .login li a{height: 40px;font-size: 15px;}
.gnb .login li a:before{display: inline-flex;width: 16px;height: 16px;background: no-repeat center /contain;}
.gnb .login li.out a:before{background-image: url("/images/01_potal/common/ico_logout.svg");}
.gnb .login li.my a:before{background-image: url("/images/01_potal/common/ico_my.svg");}

.gnb .sitemap button span{font-size: 0;position: absolute;}
.gnb .sitemap button:before{background-image: url("/images/01_potal/common/ico_navi.svg");}
.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/01_potal/common/ico_navi.svg") no-repeat center /contain;}

.menu{display: none;height: calc(100% - 176px);border-top: 1px solid var(--kr_line);background: var(--kr_bg);}
.menu>button{position: absolute;width: 24px;height: 24px;top: 24px;right: 20px;padding: 0;font-size: 0;background: url("/images/01_potal/common/ico_close.svg") no-repeat center /contain;}
.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;width: 20px;height: 20px;content: "";font-size: 0;background: url("/images/01_potal/common/ico_arrow.svg") no-repeat center/contain;}
.menu li a span.new_win{background-image: url("/images/01_potal/common/ico_newwin.svg");}
.menu>ul>li>a{width: 124px;height: 64px;padding: 0 0 0 24px;font-weight: 700;}
.menu>ul>li.on>a{background: #fff;color: var(--kr_navy);}
.depth_box{display: none;position: absolute;top: 177px;left: 124px;right: 0;bottom: 0;overflow-y: auto;background: #fff;}
.menu .on .depth_box{display: block;}
.depth_boxcon{padding: 16px 24px;}
.depth_boxcon li a{gap: 8px;height: 56px;padding: 0 8px;border-radius: 8px;}
.depth_boxcon li li a{height: 48px;padding: 12px 16px;}
.depth_boxcon li li a:before{display: inline-flex;width: 3px;height: 3px;content: "";background: var(--kr_black);}
.depth_boxcon p{display: none;}
@media all and (max-width:420px) {
.menu{height: calc(100% - 208px);}
.depth_box{top: 209px;}
}

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, header.on .gnb .login button.out{display: none;}
header.on .gnb .login a.in, header.on .gnb .login .drop{display: flex;}
header.on .menu{display: block;}

/*footer*/
footer{position: relative;background: var(--gray2);border-top: 1px solid var(--kr_line);line-height: 1.6;font-size: 15px;word-break: keep-all;}
footer div{display: flex;flex-direction: column;}
footer .wrap{padding: 32px 16px;gap: 32px;}
.f_logo a{display: block;height: 32px;background: url("/images/01_potal/common/logo.svg") no-repeat;font-size: 0;}
.f_content{gap: 32px;}
.f_info{gap: 16px;}
.f_info address{font-style: normal;}
.f_info ul{display: flex;flex-direction: column;gap: 16px;}
.f_info li{display: flex;flex-wrap: wrap;gap: 0 4px;justify-content: flex-start;}
.f_link .link_go{gap: 16px;}
.f_link .link_go a{display: inline-flex;align-items: center;gap: 0 4px;font-weight: 700;line-height: 1;color: #1d1d1d;}
.f_link .link_go a:after{width: 16px;height: 16px;background: url("/images/01_potal/common/ico_arrow.svg") no-repeat center /contain;content: "";}
.f_btm{gap: 24px;margin: 0 -16px;padding: 32px 16px 0;border-top: 1px solid #d8d8d8;}
.f_btm ul{display: flex;flex-wrap: wrap;gap: 16px 24px;}
.f_btm li strong{color: var(--kr_navy);}
.f_btm p{color: #555;}
footer .top{position: absolute;top: -25px;right: 20px;}
footer .top a{display: block;width: 40px;height: 40px;padding-top: 15px;background: var(--color1);box-shadow: 0 10px 30px #bfbfbf;border-radius: 100%;color: #fff;text-align: center;font-size: 11px;font-weight: 400;}
footer .top a:before{display: block;content: "";width: 10px;height: 6px;margin: 0 auto;background: var(--btnbg) no-repeat -130px -101px;}

footer .chat{position: absolute;top: -73px;right: 20px;}

/* Tablet */
@media all and (min-width:768px) {
.vis_pop .pop_con{overflow: hidden;}
.vis_pop .box{float: left;width: 50%;}
.vis_pop .box a{padding: 10px;}
.vis_pop .box:nth-of-type(2) a{border-left: 1px solid rgba(255,255,255,0.1);}

.header_top .logo a{width: 177px;height: 32px;}
.util li a, .util li button{font-size: 15px;}
.util li div{min-width: 160px;}
.gnb div button{padding: 4px 12px;font-size: 17px;}
.gnb div button:before{width: 24px;height: 24px;}
.service_open .so_con li a{font-size: 16px;}
.service_open .so_con .line1>li{width: 25%;}
.service_open .so02 h2{font-size: 30px;letter-spacing: normal;}
.gnb .sch_box .sch_inbox{width:60vw;margin:0 auto;max-width: 500px;}
.gnb .sch_body{display: flex;padding: 40px 0;}
.gnb .sch_body div{display: flex;flex-direction: column;width: 50%;padding: 8px 24px;border: none;border-right: 1px solid #c6c6c6;}
.gnb .sch_body div>button{margin-top: auto;}
	
.menu>ul>li>a{width: 40%;}
.depth_box{left: 40%;}

footer{font-size: 17px;}
.f_content{flex-direction: row;justify-content: space-between;}
.f_info{gap: 28px;}
.f_info ul{gap: 24px;}
.f_info li{gap: 8px;}
.f_link{flex-shrink: 0;width: 300px;}
.f_link .link_go{gap: 8px;}
.f_link .link_go a{height: 40px;}
.f_link .link_go a:after{width: 20px;height: 20px;}
.f_btm{flex-direction: row;justify-content: space-between;}
.f_btm p{font-size: 15px;}
}

/* Desktop */
@media all and (min-width:1023px) {
.vis_pop .pop_con{padding: 20px 3vw;}
.vis_pop .title{float: left;width: 180px;padding: 0;}
.vis_pop .box{width: calc((100% - 180px)/2);}
.vis_pop .box a{padding: 0 20px;border-top: none;border-left: 1px solid rgba(255,255,255,0.1);}
.vis_pop .box strong{display: block;height: auto;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin-bottom: 10px;line-height: 1.2;}
.vis_pop .box div{display: block;font-family: GmarketSans;font-size: 14px;color: rgba(255,255,255,0.8);line-height: 1.2em;height: 2.2em;overflow: hidden;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.vis_pop .pop_close{right: auto;left: 3vw;top: 50px;}

.gov_nuri .wrap{padding: 8px 3vw;}
.header_top{padding: 44px 3vw 16px;}
.header_top .logo a{width: 254px;height: 48px;}
.util{display: flex;position: absolute;top: 5px;right: 3vw;margin: 0;}
.util>ul>li{gap: 8px;}
.util>ul>li:after{margin-right: 8px;}
.util li.sns button{display: none;}
.util li.sns div{display: block;position: static;min-width: auto;border: none;box-shadow: none;padding: 0;border-radius: 0;background: none;transform: none;}
.util li.sns div:before{display: none;}
.util li.sns ul{display: flex;}
.util li.sns li{display: inline-flex;align-items: center;width: auto;gap: 8px;}
.util li.sns li:after{display: inline-flex;width: 1px;height: 16px;background: var(--kr_line);content: "";margin-right: 8px;}
.util li.sns li:last-child:after{display: none;}
.gnb>div{display: flex;}
.gnb div button{flex-direction: row;}
    
.service_open .blur_box.on>div{height: 600px;}
.service_open .blur_box h2{font-size: 45px;}
.service_open .so_close{top: 25px;}
.service_open .so_wrap{position: relative;margin: 0 25px;}
.service_open h3{position: absolute;width: 22%;margin: 0;}
.service_open .so_wrap:first-of-type.on h3 a{border-radius: 30px 5px 5px 5px;}
.service_open .so_wrap:last-of-type.on h3 a{border-radius: 5px 5px 5px 30px;}
.service_open h3 a:after{display: none;position: absolute;right: 20px;top: 25px;content: "";width: 6px;height: 10px;background: var(--btnbg) no-repeat -259px -99px;}
.service_open .so_wrap.on h3 a:after{display: block;}
.service_open .so_wrap:nth-of-type(2) h3{top: 60px;}
.service_open .so_wrap:nth-of-type(3) h3{top: 120px;}
.service_open .so_wrap:nth-of-type(4) h3{top: 180px;}
.service_open .so_con{position: absolute;width: 75%;right: 0;max-height: 450px;margin: 0;}
.service_open h4 a{font-size: 24px;}
.service_open .so_con li a{font-size: 18px;}
.service_open .so_con .line1>li>a, .service_open .so_con .line1>li>strong{font-size: 20px;}
.service_open .so01 .on h3 a{box-shadow: 0 0 10px #f6c138;}
.service_open .so02 .on h3 a{box-shadow: 0 0 10px #223759;}
.service_open .so02 h4 a{color: #fff;}
.service_open .so02 .so_con{min-height: 450px;}
.service_open .so02 .so_con>div>ul>li{margin: 4px 0;}
	
.gnb .sch_wrap{padding: 80px 0;}
.gnb .sch_wrap>div{max-width: 846px;margin: 0 auto;}
.gnb .sch_head{padding: 40px 0;margin-top: 40px;}
.gnb .sch_head label{font-size: 32px;}
.gnb .sch_head .sch_input input[type="text"]{height: 80px;padding: 0 72px 0 24px;font-size: 25px;border-radius: 12px;}
.gnb .sch_head .sch_input input[type="submit"]{right: 24px;width: 40px;height: 40px;}
.gnb .sch .sch_close{top: 80px;right: 80px;}
.gnb .sch .sch_close a{width: 48px;height: 48px;}
    
.gnb .login{position: relative;}
.gnb .login button.my{display: inline-flex;}
.gnb .login button.out{display: none;}
.gnb .login .drop{position: absolute;top: 100%;left: 50%;width: 210px;margin: 16px 0 0;padding: 8px;border-radius: 8px;border: 1px solid var(--kr_line);box-shadow: 0 0.4rem 1.2rem 0 rgba(0, 0, 0, 0.12);background: #fff;transform: translateX(-50%);gap: 8px;flex-direction: column;z-index: 2;}
.gnb .login .drop:before{position: absolute;width: 13px;height: 13px;content: "";top: -8px;left: 50%;border-top: 1px solid var(--kr_line);border-right: 1px solid var(--kr_line);background: #fff;transform: translateX(-50%) rotate(-45deg);}
.gnb .login .drop.on{display: flex;}
.gnb .login .info{padding: 16px 16px 4px;border-bottom: 1px solid var(--kr_line);}
.gnb .login .info p{height: auto;font-size: 19px;margin-bottom: 16px;}
.gnb .login .info dl{display: block;font-size: 15px;}
.gnb .login .info dl dt{color: #555;}
.gnb .login .info dl dd{display: flex;justify-content: space-between;align-items: center;}
.gnb .login .info dl em{display: inline-flex;align-items: center;gap: 2px;color: #1d56bc;font-style: normal;}
.gnb .login .info dl em:before{display: inline-flex;width: 16px;height: 16px;content: "";background: url("/images/01_potal/common/ico_time.svg") no-repeat center/contain;}
.gnb .login .info dl button{height: 40px;font-size: 15px;font-weight: 400;padding: 0 2px;}
.gnb .login .info dl button:before{display: none;}
.gnb .login ul{display: block;}
.gnb .login li a{display: flex;font-size: 17px;height: 48px;padding: 0 8px;border-radius: 8px;}
.gnb .login li a:before{width: 20px;height: 20px;}

.menu{display: block;height: auto;background: none;}
.menu .list_none{position: absolute;top: auto;left: calc(3vw + 260px);right: 3vw;margin: 24px 40px;transform: translateY(62px);border-radius: 8px;background: var(--kr_bg);padding: 8px 16px;z-index: 1;}
.menu ul{display: flex;padding: 0 3vw;gap: 16px;}
.menu>ul>li>a{gap: 8px;width: auto;height: 62px;padding: 4px 16px 0;font-size: 19px;color: #555;border-bottom: 4px solid transparent;}
.menu>ul>li>a:hover, .menu>ul>li>a:focus{color: var(--kr_navy);border-color: var(--kr_navy);background-color: transparent;}
.menu>ul>li.on>a, .menu>ul>li>a:active{background-color: #cdd7e4;color: var(--kr_black);}
.menu>ul>li>a span{display: inline-flex;content: "";width: 20px;height: 20px;background: url("/images/01_potal/common/ico_drop.svg") no-repeat center/contain;}
.menu>ul>li.on>a span{transform: rotate(180deg);}
.menu>ul>li>a span.new_win{background: url("/images/01_potal/common/ico_newwin.svg") no-repeat center/contain;transform: none;}
.depth_box{top: auto;bottom: auto;left: 0;border-top: 1px solid var(--kr_line);max-height: 540px;}
.depth_box:before{display: none;position: fixed;top: 325px;bottom: 0;left: 0;right: 0;background:rgba(0, 0, 0, 0.70);z-index:100;-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);content: "";}
.menu .on .depth_box:before{display: block;z-index: -1;}
.depth_boxcon{padding: 0 3vw;position: relative;z-index: 0;background: url("/images/01_potal/common/menu_bg2.png") no-repeat bottom right /700px;}
.depth_boxcon>ul{display: block;max-height: 539px;width: 260px;padding: 16px 0;overflow-y: auto;}
.depth_boxcon>ul:before{position: absolute;top: 0;bottom: 0;left: 3vw;width: 260px;background: var(--kr_bg);content: "";z-index: -1;}
.depth_boxcon li a{width: 100%;height: 56px;gap: 8px;padding: 0 24px;font-weight: 700;border-radius: 0;}
.depth_boxcon li a:hover, .depth_boxcon li a:focus{background-color: #fff;}
.depth_boxcon li.on>a{background: #fff;color: var(--kr_navy);}
.depth_boxcon div{display: flex;flex-direction: column;gap: 24px;position: absolute;top: 0;left: calc(3vw + 260px);right: 0;padding: 24px 40px;}
.depth_boxcon p{display: flex;}
.depth_boxcon p a{width: auto;padding: 0 8px;font-size: 25px;}
.depth_boxcon p a:after{display: inline-flex;content: "";width: 24px;height: 24px;background: url("/images/01_potal/common/ico_arrow.svg") no-repeat center/contain;}
.depth_boxcon li ul{flex-wrap: wrap;gap: 8px 16px;padding: 0;}
.depth_boxcon li li{width: calc(25% - 16px);}
.depth_boxcon li li a{width: auto;height: auto;min-height: 44px;padding: 8px;gap: 4px;border-radius: 8px;font-weight: 400;flex-shrink: 0;}
.depth_boxcon li li a:before{margin-right: 4px;flex-shrink: 0;}
.menu>button{display: none;}
.vis_pop.hide ~ header .depth_box:before{top: 207px;}

footer .wrap{padding: 40px 3vw;gap: 40px;}
.f_logo a{height: 48px;}
.f_content{gap: 24px;}
.f_info{gap: 24px;}
.f_info ul{gap: 16px;}
.f_btm{padding: 8px 0 0;margin: 0;gap: 24px;align-items: center;}
.f_btm li a{display: inline-flex;height: 40px;align-items: center;}
}
@media all and (min-width:1600px) {
.wrap{max-width: 1920px;margin: 0 auto;}

.vis_pop .pop_con{max-width: 1920px;margin: 0 auto;padding: 20px 5vw;}
.vis_pop .box a{padding: 0 40px;}
.vis_pop .pop_close{left: 5vw;}

.gov_nuri .wrap{padding: 8px 5vw;}
.header_top{max-width: 1920px;margin: 0 auto;padding: 44px 5vw 16px;}
.util{right: 5vw;}
    
.service_open .wrap{max-width: 1920px;margin: 0 auto;position: relative;}
.service_open .blur_box.on>div{height: 800px;}
.service_open .blur_box h2{width: 20%;font-size: 48px;text-align: center;padding: 80px 0;}
/*.service_open .so_close{right: auto;left: 10%;transform: translateX(-50%);top: 140px;}*/
.service_open h3{width: 20%;}
.service_open h3 a{width: 95%;padding: 15px 0 15px 30px;}
.service_open .so_wrap.on h3 a{width: 105%;}
.service_open h3 a:after{right: 13px;}
.service_open .so_con{flex-wrap: wrap;max-height: none;width: 80%;margin-top: -215px;padding-top: 70px;height: 800px;}
.service_open .so_con:before{position: absolute;left: 0;width: 1px;height: 800px;background: rgba(255,255,255,0.3);content: "";top: 0;}
.service_open .so_wrap.on .so_con{display: flex;}
.service_open .so_con>div{position: relative;width: 33.3333%;margin: 0;padding: 0 3%;}
.service_open .so_con>div:after{position: absolute;right: 0;width: 1px;height: 800px;background: rgba(255,255,255,0.3);content: "";top: -70px;}
.service_open .col4 .so_con>div{width: 25%;}
.service_open .sol>div{display: block;}
.service_open h4 a{border: none;}
.service_open h4 a:after{display: none;}
.service_open .so_con ul{display: block;}
.service_open .so_con li{margin: 5px 0;}
.service_open .so_con li:after{display: none;}
.service_open .so_con .line1>li{width: 50%;}
.service_open .so_con .line1>li.w100{float: left;width: 50%;}
.service_open .col1 .so_con>div{width: 100%;}
.service_open .col1 .so_con>div>ul{float: left;width: 50%;}
.service_open .so01 .so_con:before, .service_open .so01 .so_con>div:after{background: rgba(255,255,255,0.7);}
.service_open .blur_box.on>div.so02{height: 600px;}
.service_open .so02 .so_con{height: 800px;max-height: none;margin-top: -270px;}
.service_open .so_close{top: 40px;left: auto;right: 40px;}
	
.menu .list_none{left: calc(5vw + 260px);right: 5vw;}
.menu>ul{max-width: 1920px;margin: 0 auto;padding: 0 5vw;}
.depth_boxcon{max-width: 1920px;margin: 0 auto;padding: 0 5vw;}
.depth_boxcon>ul:before{left: 5vw;}
.depth_boxcon div{left: calc(5vw + 260px);}
.depth_boxcon li li{width: calc(20% - 16px);}

footer .wrap{padding: 40px 5vw;}
footer .top{display: none;}
}

@media all and (min-width:2540px) {
.menu .list_none{left: 0;right: calc(0% - 320px);width: 1400px;margin: 20px auto;}
}

@keyframes ani_top {
100% {opacity:1;transform: scale(1.1);opacity:0}
}
@keyframes ani_menu {
0% {height: 0;overflow: hidden;} 10% {height: 0;overflow: hidden;} 100% {height: 530px;overflow: visible;}
}
@keyframes ani_menu2 {
0% {height: 0;overflow: hidden;} 100% {height: 700px;overflow: visible;}
}

/*제어버튼*/
.control .btn button,
.control2 .btn button{width:15px;height:15px;padding: 0;font-size: 0; overflow:hidden;background:var(--btnbg) no-repeat;}
.control .btn *{vertical-align: middle;}
.control .btn span{display:inline-block;margin-top:-2px;font-size:18px;}
.control .btn span strong{display:inline-block;vertical-align: baseline;}
.control .btn button.prev {background-position: -184px -60px;}
.control .btn button.stop {background-position: -208px -60px;}
.control .btn button.next {background-position: -232px -60px;}
.control .btn button.play {background-position: -254px -60px;}
/*제어버튼-white*/
.control2 .btn span{color:var(--white);}
.control2 .btn button.prev {background-position: -184px -30px;}
.control2 .btn button.stop {background-position: -208px -30px;}
.control2 .btn button.next {background-position: -232px -30px;}
.control2 .btn button.play {background-position: -254px -30px;}

.scroll{position: relative;width: 320px;margin:40px auto 0; height: 2px;background:var(--gray1)}
.scroll .scroll_drag{background:var(--black);height:2px;}

/*side*/
.side{position: fixed;right: 0;bottom: 0;z-index: 1;}
.side>ul,.top{display: none;}
.chat{position: fixed;bottom: 0;right: 0;z-index: 9;}
.chat a{display: block;width: 55px;height:50px;background: url("/images/common/chat_prof.jpg") no-repeat left 5px center #a9a9cf;border-radius: 30px 0 0;overflow: hidden;}
.chat a span{font-size: 0;}

@media all and (min-width:768px) {
.chat{}
.chat a{width: 180px;padding-left: 50px;}
.chat a span{display: block;font-size: 16px;font-weight: 500;color: #16164b;text-align: center;line-height: 50px;} 
}

@media all and (min-width:1600px) {
.side{top: 50%;right: 10px;width:70px;z-index: 9;}
.side>ul, .top{display: block;}
.side li a{display: block;position: relative;padding-right: 40px;height: 8px;margin-bottom: 10px;text-align: right;font-weight: 500;color: #000;}
.side li a:after{position: absolute;width: 8px;height: 100%;top: 0;right: 16px;content: "";background: #949494;border-radius: 30px;}
.side li a span{position: absolute;top: 50%;right: 30px;transform: translateY(-50%);text-align: center;font-size: 0;}
.side li.on a{height: 54px;}
.side li.on a span, .side li a:hover span, .side li a:focus span{font-size: 14px;}
.side li:nth-child(1).on a:after{background: #0054a6;}
.side li:nth-child(2).on a:after{background: #6d9d0f;}
.side li:nth-child(3).on a:after{background: #00a8b1;}
.side li:nth-child(4).on a:after{background: #6e59e7;}

	
.top{position: fixed;right: 7px;top: 71%;z-index: 9;}
.top a{position: relative;display: block;width: 40px;height: 40px;border-radius: 100%;background: var(--color1);padding-top: 17px;font-size: 11px;font-weight: 700;text-align: center;color: #fff;}
.top a:before{display: block;position: absolute;top: 9px;left: 16px;content: "";width: 8px;height: 6px;background: var(--btnbg) no-repeat -130px -101px;overflow: hidden;}

.chat{bottom: 285px;right: 8px;}
.chat a{width: 40px;height: 40px;background-size: 90%;padding-left: 0;border-radius: 50%;background-position: center;}
.chat a span{font-size:0;}
}

/*sub layout*/
.sub_container:before{background: var(--color7);}
.s_content{max-width: 1620px;}
.s_left h2{background: var(--color2);color: var(--color3);font-family: GWEdupower;padding-top: 53px;box-shadow: 0 0 10px rgba(255,217,61,.3);}
.s_left>ul>li.on>a{background: var(--color1);}
.s_left li li:before{background: var(--color1);}
.s_title .local{background: var(--color7);}
.s_title .local>ul>li:after{color: var(--color1);}
.s_title .local .navi div{box-shadow: 0 0 10px rgba(219,219,219,.3);}
.s_title .local .navi div button{background-color: var(--color1);}
.s_title h3{font-family: GWEdupower;}
.s_title .utill li.print button{background: url("/images/common/sub_ico.png") no-repeat center -175px var(--color2);}
.s_title .utill li.url button{background-color: var(--color1);}
.research input[type=submit]{background: var(--color1);}
.sub_container .side ul{display: none;}
.sub_container .side .chat{margin-top: 0}
.sub_container .side .top{margin-top: 50px;}

/*language*/
.translated-ltr header.on{margin-top: 40px;}
.translated-ltr .menu .on .depth_box:before{margin-top: 40px;}

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

@media all and (min-width:1023px) {
.translated-ltr .gnb .service_open button,
.translated-ltr .gnb div button{font-size: 14px;text-align: left;line-height: 1.1;}
.translated-ltr .menu>ul{gap: 0;}
.translated-ltr .menu>ul>li>a{font-size: 14px;line-height: 1.1;}
.translated-ltr .depth_boxcon>ul>li>a{font-size: 15px;height: auto;min-height: 56px;border-bottom: 1px solid #cdd7e4;}
}

@media all and (min-width:1600px) {
}