@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');

/*
Title : content.css
Author : LKICT euniya.H
*/

/* ========== R E S E T ========== */
/* default */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-family:inherit;font-size:inherit}

h1, h2, h3, h4, h5, h6{font-weight:normal}

body{background:#fff;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-font-smoothing:antialiased}
ol, ul{list-style:none}
em{font-style:normal}

/* form */
form{-webkit-appearance:none;-moz-appearance:none;appearance:none}
fieldset{border:0 solid transparent}
img, input, button, select, textarea{padding:0;margin:0;vertical-align:middle}
button{border:0;outline:none;background:transparent;cursor:pointer;overflow:visible}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;margin:0}

button,
input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}

input[type="date"],
input[type="month"],
input[type="datetime-local"]{display:-webkit-inline-flex;display:block}

input[type="radio"],
input[type="checkbox"]{border:0}

textarea, input, select{border-radius:0;background:#fff;box-shadow:none;text-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
textarea{resize:none}
a{color:inherit;letter-spacing:normal;text-decoration:none}

/* table */
table{width:100%;border-collapse:collapse;border-spacing:0}
caption, th, td{font-weight:normal}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none}
blockquote, q{quotes:none}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, main, nav, section {
	display: block;
}

/* ========== C O M M O N ========== */
*{padding:0;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
::before{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
::after{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

html, body{width:100%;height: 100%;}
html{font-size:62.5%}/*font-size:10px*/
body{position:relative;font-family:'Noto Sans KR', sans-serif;line-height:1.4;font-size:1.4rem;font-weight:400;color:#4B4453;background:#fff;overflow-x:hidden}
button, textarea, input, select{font-family:'Noto Sans KR', sans-serif;line-height:1.4;font-size:1.4rem;font-weight:400;color:#4B4453}
.blind{position:absolute;top:-9999em;left:-9999em;display:block;width:1px;height:1px}
.underline{text-decoration:underline}

/* input */
input::-ms-clear{display:none}
input:focus{outline:none}

/* textfield */
input[type="text"],
input[type="password"],
input[type="number"]{width:100%;height:4rem;line-height:3.8rem;padding:0 0.8rem;border:0.1rem solid #D8D8D8;background:#fff}
input[type="text"]:hover,
input[type="password"]:hover,
input[type="number"]:hover{border-color:#845EC2;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled{color:rgba(75, 68, 83, 0.5);background:#EBEBEA;border-color:rgba(216, 216, 216, 0.5)}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder{color:rgba(75, 68, 83, 0.5)}

/* textfield-button set */
.txtset{position:relative}
.txtset input[type="text"]{padding-right:3.5rem}
.txtset button.ico-search{position:absolute;top:50%;right:1rem;width:2rem;height:2rem;text-indent:-9999em;background:url(/resources/images/web/ico-search.svg) no-repeat center center;background-size:2rem 2rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}

/* checkbox */
input[type="checkbox"]{flex:none;border:0.1rem solid #D8D8D8;width:2rem;height:2rem;margin:0;background-color:#fff;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}
input[type="checkbox"] + label{vertical-align:middle;display:inline-block;margin-left:0.4rem;color:#4B4453;cursor:pointer}
input[type="checkbox"]:hover{border-color:#845EC2}
input[type="checkbox"]:checked{border:0;background:#845EC2 url(/resources/images/web/ico-checkbox.svg) no-repeat center center;background-size:1.3rem 1rem}
input[type="checkbox"]:disabled{background:#EBEBEA;border-color:rgba(216, 216, 216, 0.5)}
input[type="checkbox"]:disabled + label{color:rgba(75, 68, 83, 0.5)}
input[type="checkbox"]:disabled:checked{background-color:#EBEBEA}
input[type="checkbox"]:disabled:checked + label{color:rgba(75, 68, 83, 0.5)}
input[type="checkbox"]:focus{outline:none}

/* select */
select::-ms-expand{display:none}
select:focus{outline:none}
select{width:100%;height:4rem;padding:0 3.5rem 0 0.8rem;border-radius:0;border:0.1rem solid #D8D8D8;background:#fff url(/resources/images/web/ico-dropdown.svg) no-repeat right 1rem center;background-size:2rem 2rem}
select:hover{border-color:#845EC2;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
select:disabled{opacity:0.5}

/* text-align */
.txt-l{text-align:left !important}
.txt-r{text-align:right !important}
.txt-c{text-align:center !important}

/* button */
.btnwrap{display:flex;align-items:center}
.btnwrap.center{justify-content:center}
.btnwrap.right{justify-content:flex-end}
.btnwrap>button:not(:first-child){margin-left:1rem}

a.primary,
button.primary{height:3rem;font-weight:500;color:#fff;padding:0 2rem;border-radius:0.4rem;background-color:#845EC2;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
a.primary:hover,
button.primary:hover{background-color:#6441A1}
a.secondary,
button.secondary{height:3rem;font-weight:500;color:#845EC2;padding:0 2rem;border-radius:0.4rem;border:0.1rem solid #845EC2;background-color:#fff;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
a.secondary:hover,
button.secondary:hover{border-color:#6441A1;background-color:#F8F4FF}
a.tertiary,
button.tertiary{height:3rem;font-weight:500;color:#3F6B90;padding:0 2rem;border-radius:0.4rem;border:0.1rem solid #BDCBD8;background-color:#D9E1E8;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
a.tertiary:hover,
button.tertiary:hover{border-color:#3F6B90;background-color:#C5D5E3}
a.primary:disabled,
button.primary:disabled,
a.secondary:disabled,
button.secondary:disabled,
a.tertiary:disabled,
button.tertiary:disabled{color:rgba(75, 68, 83, 0.5);border:0.1rem solid #D8D8D8;background-color:#EBEBEA;cursor:default}

/* 자료실 상세 첨부파일 보기 버튼 추가 24.10.25 추가 */
button.btn-withicon{height:24px;font-size:14px !important;color:#fff;padding:0 8px;border-radius:4px;background:#008E83}
button.btn-withicon span{display:flex;align-items:center;justify-content:center}
button.btn-withicon span.ico-popfile::before{content:'';width:14px;height:14px;margin-right:4px;background:url(/resources/images/web//ico-popfile.svg) no-repeat left center}
button.btn-withicon:disabled{opacity:0.5;cursor:default}

button.map{width:20px;height:24px;text-indent:-9999em;background:url(/resources/images/web/ico_map.svg) no-repeat center center;background-size:20px 24px}

/* ========== C O N T E N T ========== */
/* skip */
.skipnavi a{position:absolute;top:-3rem;z-index:10000}
.skipnavi a:focus,
.skipnavi a:active{display:block;left:0;top:0;width:100%;height:3rem;color:#fff;font-weight:bold;text-align:center;line-height:3rem;background:#000}

/* layout */
.container{position:relative;width:100%;margin:0 auto;overflow-y:auto;background-color:#F7F4F2}
.container.sub{background-color:#fff}

/* header */
header{width:100%;padding:1.6rem 2rem;margin:0 auto;background:#F7F4F2}
header .inner{display:flex;align-items:center;justify-content:space-between}
header h1{width:17.5rem;height:2.4rem}
header h1 a{display:block;width:100%;height:100%;text-indent:100%;white-space:nowrap;overflow:hidden;background:url(/resources/images/web/bi.svg) no-repeat left top;background-size:17.5rem 2.4rem}
header .lnb{display:flex}
header .lnb nav{display:none}
header .side{display:flex;align-items:center}
header .side button:not(:first-of-type){margin-left:1.6rem}
header .side button.ico-notice{width:2rem;height:2rem;text-indent:100%;white-space:nowrap;overflow:hidden;background:url(/resources/images/web/mo/ico-notice.svg) no-repeat center center}
header .side button.ico-notice.new{background:url(/resources/images/web/mo/ico-notice-new.svg) no-repeat center center}
header .side button.ico-nav{width:2rem;height:2rem;text-indent:100%;white-space:nowrap;overflow:hidden;background:url(/resources/images/web/mo/ico-nav.svg) no-repeat center center}
header .side button.ico-nav.close{background:url(/resources/images/web/mo/ico-close.svg) no-repeat center center}

/* mobile nav */
.momenu{position:fixed;top:5.6rem;right:0;width:100%;height:calc(100% - 5.6rem);border-top:0.1rem solid #845EC2;background:#fff;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;z-index:2}
.momenu.on{-webkit-transform:translateX(0);transform:translateX(0)}
.momenu nav{display:flex;flex-direction:column;height:100%}
.momenu nav>ul{flex:1;overflow-y:auto}
.momenu nav ul.depth1>li{border-bottom:0.1rem solid #F1F1F1}
.momenu nav ul.depth1>li>span{display:block;padding:2rem 2rem 2rem 2.4rem;font-size:1.5rem;font-weight:500;color:#222;background:#fff url(/resources/images/web/mo/ico-group.svg) no-repeat right 2rem center}
.momenu nav ul.depth1>li>span.on{font-weight:700;color:#845EC2;background:#fff url(/resources/images/web/mo/ico-ungroup.svg) no-repeat right 2rem center}
.momenu nav ul.depth2{display:none;padding:1rem 2.4rem;border-top:0.1rem solid #F1F1F1;background:#F8F4FF}
.momenu nav ul.depth2.on{display:block}
.momenu nav ul.depth2 li a{display:inline-block;padding:1rem 0}

/* modal */
.modal{display:none;position:fixed;width:100%;height:100%;left:0;top:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(0, 0, 0, 0.4);z-index:2}
/*----- modal-popup */
.modal.type-popup .m-content{display:flex;flex-direction:column;width:calc(100% - 4rem);max-width:80rem;border:0.1rem solid #000;background:#fff;box-shadow:0 0 1.5rem 0 rgba(0, 0, 0, 0.25);overflow:hidden}
.modal.type-popup .m-header{flex:none;display:flex;align-items:center;justify-content:space-between;height:5rem;padding:0 2rem;background-color:#845EC2}
.modal.type-popup .m-header h2{font-weight:700;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:1rem}
.modal.type-popup .m-header button.close{flex:none;width:2rem;height:2rem;text-indent:-9999em;background:url(/resources/images/web/ico-close-w.svg) no-repeat center center;background-size:2rem 2rem}
.modal.type-popup .m-body{max-height:50vh;background-color:#fff}
.modal.type-popup .m-body.noscroll{overflow:hidden}
.modal.type-popup .m-body .pop-notice{padding:2rem}
.modal.type-popup .m-footer{flex:none;display:flex;align-items:center;justify-content:space-between;height:5rem;padding:0 2rem;background-color:#F7F4F2}
.modal.type-popup .m-footer>div{display:flex;align-items:center}
.modal.type-popup .m-footer .pop-page button{padding:0 1rem}
.modal.type-popup .m-footer .pop-page span{margin:0 0.5rem}

/* top버튼 */
.gotop{display:none;position:fixed;bottom:3rem;right:2rem;z-index:3}
.gotop span{display:block;width:4rem;height:4rem;text-indent:-9999em;border-radius:100%;background:#fff url(/resources/images/web/ico-gotop.svg) no-repeat center center;background-size:2.4rem 2.4rem;filter:drop-shadow(0 0.5rem 1rem rgba(0, 0, 0, 0.10))}

/* footer */
footer{border-top:0.1rem solid #D8D8D8;background:#F0F0F0}
footer address.pc,
footer .related.pc{display:none}
footer .related.mo{display:flex;align-items:center}
footer .related.mo>div{flex:1}
footer .related.mo>div:not(:first-child){border-left:0.1rem solid #D8D8D8}
footer .related.mo select{border:0;padding:0 4.5rem 0 2rem;background:#fff url(/resources/images/web/ico-dropdown.svg) no-repeat right 2rem center}
footer .info{padding:2rem 2rem 6rem 2rem;border-top:0.1rem solid #D8D8D8}
footer .info .copyright{display:flex;align-items:center;justify-content:space-between}
footer .info span.ci{flex:1;width:7.7rem;height:3rem;text-indent:100%;white-space:nowrap;overflow:hidden;background:url(/resources/images/web/ci-moe.svg) no-repeat left top;background-size:7.7rem 3rem}
footer .info strong{flex:1;text-align:right}
footer .info strong a{font-size:1.3rem;color:#D53624}
footer .info address.mo{font-style:normal;margin-top:2rem}
footer .info address.mo li{font-size:1.3rem;color:#222}
footer .info address.mo li:not(:first-child){margin-top:0.8rem}
.container.sub footer .related.mo>.main{display:none}
.container.sub footer .related.mo>div{border-left:0}

/* popup */
body.popup{min-width:auto;}
header.popup{display:flex;position: fixed;align-items:center;justify-content:space-between;height:50px;padding:0 20px;background:#845EC2}
header.popup h1{font-size:15px;color:#fff;padding-top:0;margin:0;font-weight:700;}
header.popup button{width:20px;height:20px;text-indent:-9999em;background:url(/resources/images/web/ico_close.svg) no-repeat left center;background-size:20px 20px}

/* popwrap */
.popwrap{padding:70px 30px 30px 30px;background:#fff;z-index:1}
.popwrap h2{font-size:16px;font-weight:bold;color:#845ec2;padding-left:10px;background:url(/resources/images/web/bullet1.png) no-repeat left center;background-size:4px 4px}
.popwrap .cmt1{font-weight:500;color:#008E83;}
.popwrap .cmt2{font-size:13px;margin-top:20px;line-height:150%}
.popwrap .cmt3{font-size:13px;margin-top:10px;line-height:150%}
.popwrap .cmt3 li::before{content:'-';display:inline-block;clear:both;margin-right:7px}
.popwrap .schtype1 input[type="text"]{width:auto}
.popwrap .schtype1 button.btn{width:65px;padding:0}
.popwrap .searchwrap .schtype1.mt10{margin-top:10px}
.popwrap .searchwrap .schtype1.pb10{padding-bottom:10px}

/* 통합검색+서비스바로가기+이미지롤링 */
.maintop .visual{display:none}

/* 통합검색 */
.search{padding:1.6rem 3rem 0 3rem}
.search form fieldset{display:flex;align-items:center}
.search select{width:10rem;border-color:#B0A8B9}
.search select:hover{border-color:#845EC2}
.search select:disabled{opacity:0.5}
.search .txtset{flex:1;margin-left:1rem}
.search .txtset input[type="text"]{border-color:#B0A8B9}
.search .txtset input[type="text"]:hover{border-color:#845EC2}
.search .txtset input[type="text"]:disabled{color:rgba(75, 68, 83, 0.5);background:#EBEBEA;border-color:rgba(216, 216, 216, 0.5)}

/* 서비스 바로가기 */
.mainservice{padding:1.6rem 2rem 3.2rem 2rem}
.mainservice ul{display:flex;flex-wrap:wrap}
.mainservice li{width:calc(100% / 3)}
.mainservice li:nth-child(n+4){margin-top:2rem}
.mainservice li a{display:flex;flex-direction:column;align-items:center;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
.mainservice li a>span{position:relative;font-weight:500;z-index:0}
.mainservice li a>span>em{display:block}
.mainservice .service1 a::before{content:'';display:block;width:9rem;height:9rem;margin-bottom:1rem;border-radius:100%;background:#fff url(/resources/images/web/ico-service1.svg) no-repeat center center;background-size:4.2rem auto}
.mainservice .service2 a::before{content:'';display:block;width:9rem;height:9rem;margin-bottom:1rem;border-radius:100%;background:#fff url(/resources/images/web/ico-service2.svg) no-repeat center center;background-size:4.2rem auto}
.mainservice .service3 a::before{content:'';display:block;width:9rem;height:9rem;margin-bottom:1rem;border-radius:100%;background:#fff url(/resources/images/web/ico-service3.svg) no-repeat center center;background-size:4.2rem auto}
.mainservice .service4 a::before{content:'';display:block;width:9rem;height:9rem;margin-bottom:1rem;border-radius:100%;background:#fff url(/resources/images/web/ico-service4.svg) no-repeat center center;background-size:4.2rem auto}
.mainservice .service5 a::before{content:'';display:block;width:9rem;height:9rem;margin-bottom:1rem;border-radius:100%;background:#fff url(/resources/images/web/ico-service5.svg) no-repeat center center;background-size:4.2rem auto}
.mainservice .service6 a::before{content:'';display:block;width:9rem;height:9rem;margin-bottom:1rem;border-radius:100%;background:#fff url(/resources/images/web/ico-service6.svg) no-repeat center center;background-size:4.2rem auto}
.mainservice li a:hover::before{background-color:#F8F4FF}

/* 폐교시설현황 */
.cschool-list>.title{display:flex;align-items:flex-end;justify-content:space-between;padding:3rem 2.4rem 0 2.4rem;background-color:#EBEBEA}
.cschool-list>.title h2{font-size:1.8rem;font-weight:700;color:#222}
.cschool-list>.title span{color:#222}
.switch.pc{display: none}
.switch.mo{display: inline-block}

/* 폐교시설현황-지역 */
.area-box{display:grid;grid-template-columns:repeat(6, 1fr);grid-gap:1rem 0.5rem;padding:2.4rem 2.4rem 3rem 2.4rem;background-color:#EBEBEA}
button.area{height:3rem;font-weight:500;color:#fff;border-radius:0.4rem;background-color:#00C9A7}
button.area.on{background-color:#4E8397;box-shadow:0 0.2rem 0.2rem rgba(0, 0, 0, 0.25)}

/* 폐교시설현황-표 */
.area-data .title{display:none}
.area-data .sticky-table{height:35rem}
.area-data .sticky-table::-webkit-scrollbar{width:0.8rem}
.area-data .sticky-table::-webkit-scrollbar-thumb{background-color:#513482;border-radius:0;background-clip:padding-box;border:0 solid transparent}
.area-data .sticky-table::-webkit-scrollbar-track{background-color:#E5D9F9;border-radius:0}
.area-data .sticky-table table{border-collapse:separate;border-spacing:0}
.area-data .sticky-table col.pc{display:none}
.area-data .sticky-table th.pc{display:none}
.area-data .sticky-table td.pc{display:none}
.area-data .sticky-table button.pc{display:none}
.area-data .sticky-table col.mo{display:table-column}
.area-data .sticky-table th.mo{display:table-cell}
.area-data .sticky-table td.mo{display:table-cell}
.area-data .sticky-table thead th span{display:block}
.area-data .sticky-table button.tertiary{padding:0 1rem}
.sticky-table{border-top:0;border-bottom:0}
.sticky-table table td{position:relative;height:5rem;font-weight:500;word-wrap:break-word;word-break:break-all;text-align:center;outline:0;box-shadow:inset -0.1rem -0.1rem 0rem rgba(229, 217, 249, 1);background-color:#fff}
.sticky-table table tr.sticky-row th,
.sticky-table table tr.sticky-row td{height:5rem;font-weight:500;color:#fff;outline:0;box-shadow:inset -0.1rem -0.1rem 0rem rgba(132, 94, 194, 1);background-color:#6441A1;z-index:1}
.sticky-table table th.sticky-cell, 
.sticky-table table td.sticky-cell{z-index:2}
.sticky-table table tr.sticky-row th.sticky-cell,
.sticky-table table tr.sticky-row td.sticky-cell{z-index:3}
.sticky-table table td:first-child{font-weight:700;background-color:#F8F4FF}

/* 주요소식 */
.board{padding:3rem 2.4rem}
.board .category{display:flex;justify-content:space-between}
.board .category h2{width:35%;font-size:1.8rem;font-weight:700;color:#222}
.board .category ul{width:65%}
.board .category ul li:not(:first-child){margin-top:1.5rem}
.board .category ul li h3{display:block;height:3rem;line-height:3rem;font-weight:500;padding-left:2rem;background-color:#fff}
.board .category ul li h3.on{color:#fff;background:#845EC2 url(/resources/images/web/ico-more.svg) no-repeat right 1.5rem center;background-size:2rem 2rem;box-shadow:0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.12)}
.board .board-box{display:none}
.board .board-box.on{display:block}
.board .preview{padding:2rem;margin-top:2rem;background-color:#fff}
.board .preview span.date{display:block;font-weight:700;color:#845EC2}
.board .preview h4{font-weight:700;margin-top:1rem}
.board .preview h4 a:hover{text-decoration:underline}
.board .preview>div{padding:2rem 0 3rem 0;margin-top:2rem;border-top:0.1rem solid #E6E6E6;max-height: 22rem;overflow-y: auto;}
.board .preview a.view{display:inline-block;font-size:1.3rem;color:#AF5D00;text-decoration:underline}
.board .preview a.view::before{content:'';display:inline-block;width:2.4rem;height:2.4rem;vertical-align:middle;margin-right:0.4rem;background:url(/resources/images/web/ico-view.svg) no-repeat center center;background-size:2.4rem 2.4rem}
.board .list{padding:2rem;background-color:#FCFBFA}
.board .list li span{display:block;font-weight:700}
.board .list li{padding:2rem 0;border-top:0.1rem solid #E6E6E6}
.board .list li:first-child{padding-top:0;border-top:0}
.board .list li:last-child{padding-bottom:0}
.board .list li a{display:inline-block;margin-top:1rem}

/* 유관기관 배너 */
.banner{display:none}

/* 서브 타이틀 */
.subtitle{position:absolute;top:0;left:0;right:0;display:flex;height:16rem}
.subtitle::after{content:'';display:block;position:absolute;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.4);z-index:0}
.subtitle.menu1{background:url(/resources/images/web/bg-sub1.jpg) no-repeat center top;background-size:cover}
.subtitle.menu2{background:url(/resources/images/web/bg-sub2.jpg) no-repeat center top;background-size:cover}
.subtitle.menu3{background:url(/resources/images/web/bg-sub3.jpg) no-repeat center top;background-size:cover}
.subtitle.menu4{background:url(/resources/images/web/bg-sub4.jpg) no-repeat center top;background-size:cover}
.subtitle h2{display:flex;align-items:center;justify-content:center;flex:1;font-size:2.4rem;font-weight:700;color:#fff;z-index:1}

/* 서브 레이아웃 */
.subwrap{position:relative;padding-top:12rem;z-index:1}
.subwrap .submenu{display:none}
.subwrap .content .inner{padding:2rem 2rem 6rem 2rem}
.subwrap .content .inner h3.title{font-size:1.8rem;font-weight:700;color:#222;margin-bottom:2rem}

/* 현재페이지 */
.subwrap .location{width:100%;height:4rem;display:flex;align-items:center;padding:0 2.4rem;backdrop-filter:blur(2px);background-color:rgba(0, 0, 0, 0.5)}
.subwrap .location span{display:flex;align-items:center;font-size:1.3rem;color:#fff;opacity:0.7}
.subwrap .location span.home a{width:2rem;height:2rem;text-indent:100%;white-space:nowrap;overflow:hidden;background:url(/resources/images/web/ico-home.svg) no-repeat center center}
.subwrap .location span:first-child{margin-right:0.5rem}
.subwrap .location span:last-child::before{content:'>';display:inline-block;padding:0 0.5rem}
.subwrap .location span:last-child{opacity:1;font-weight:500}

/* 서비스소개 */
.intro h3{font-size:1.8rem;color:#222;font-weight:700;margin-bottom:2rem}
.intro h3:not(:first-of-type){margin-top:3rem}
.intro .box .description{position:relative;padding-left:2.8rem;font-size:1.5rem;font-weight:500;line-height:160%}
.intro .box .description::before{content:'';position:absolute;left:0;width:2rem;height:100%;background:url(/resources/images/web/ico-intro1.svg) no-repeat left top 0.4rem;background-size:2rem 2rem}
.intro .box .description strong{font-weight:500;color:#845EC2}
.intro .box .additional{margin-top:2rem;padding:2rem;border-radius:2rem;background-color:rgba(78, 131, 151, 0.08)}
.intro .box .additional p{position:relative;padding-left:1.2rem}
.intro .box .additional p::before{content:'';position:absolute;left:0;top:0.9rem;width:0.4rem;height:0.4rem;border-radius:100%;background-color:#4B4453}
.intro .box .additional p:not(:first-child){margin-top:1rem}
.intro .servicetype{display:grid;grid-gap:2rem 0}
.intro .servicetype h4{display:flex;align-items:center;font-size:1.5rem;font-weight:500;color:#845EC2}
.intro .servicetype>div:first-child h4::before{content:'';width:2rem;height:2rem;margin-right:0.5rem;background:url(/resources/images/web/ico-intro2.svg) no-repeat left center;background-size:2rem 2rem}
.intro .servicetype>div:last-child h4::before{content:'';width:2rem;height:2rem;margin-right:0.5rem;background:url(/resources/images/web/ico-intro3.svg) no-repeat left center;background-size:2rem 2rem}
.intro .servicetype>div ul{margin-top:2rem;padding-left:2.5rem}
.intro .servicetype>div img{width:100%;height:auto;margin-top:2rem;border:0.1rem solid #E6E6E6}

/* 서비스기능 */
.function .list{border-top:0.3rem solid #2E2B31}
.function .list h3{font-size:1.5rem;font-weight:700;padding:1.5rem 5rem 1.5rem 1.5rem;border-bottom:0.1rem solid #E6E6E6;background:url(/resources/images/web/ico-down.svg) no-repeat right 1.5rem center;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.function .list h3.on{color:#845EC2;background:#fff url(/resources/images/web/ico-up.svg) no-repeat right 1.5rem center}
.function .list .view{display:none}
.function .list .view.on{display:block;border-bottom:0.1rem solid #E6E6E6}
.function .list .view ul{padding:1.5rem 2rem;background:#FCFBFA}
.function .list .view li{line-height:160%}
.function .list .view>div{padding:1.5rem 0 2rem 0}
.function .list .view>div img{width:100%;height:auto;border: 0.1rem solid #E6E6E6;}

/* 숫자-블릿 리스트 */
.number-list{counter-reset:number 0}
.number-item{position:relative;padding-left:2rem}
.number-item::before{position:absolute;left:0;width:2rem;counter-increment:number 1;content:counter(number) '. '}

/* table */
table.type1{width:100%;table-layout:fixed;border-top:0.3rem solid #2E2B31}
table.type1 colgroup{display:none}
table.type1 thead{display:none}
table.type1 .pc{display:none}
table.type1 tbody tr{display:flex;flex-wrap:wrap;padding:0 0.8rem 0.8rem 0.8rem;border-bottom:0.1rem solid #E6E6E6}
table.type1 td{word-break:break-all}
table.type1 td:not(.pc){order:2;border:0;font-size:1.3rem;color:rgba(75, 68, 83, 0.7)}
table.type1 td.subject{width:100%;font-size:1.4rem;font-weight:500;color:#4B4453;text-align:left}
table.type1 td+td{margin-top:0.8rem;margin-right:1rem}
table.type1 td[data-cell-header]::after{flex:none;content:attr(data-cell-header);margin-left:0.4rem}
table.type1 td.motitle{order:1;width:100%;font-size:1.4rem;font-weight:500;color:#4B4453;text-align:left}
table.type1 .textWrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

table.type2{width:100%;table-layout:fixed;border-top:0.3rem solid #2E2B31}
table.type2 colgroup{display:none}
table.type2 .pc{display:none}
table.type2 tbody tr{display:flex;flex-wrap:wrap}
table.type2 tbody th{display:flex;align-items:center;justify-content:center;width:30%;font-weight:700;padding:1rem;border-bottom:0.1rem solid #E6E6E6;background-color:#FCFBFA}
table.type2 td{width:calc(100% - 30%);display:inline-block;align-items:center;padding:1rem;text-align:left;border-left:0.1rem solid #E6E6E6;border-bottom:0.1rem solid #E6E6E6}
table.type2 td.subject{width:100%;font-weight:700;border-left:0;justify-content:center;text-align:center;padding:1rem 5rem;background-color:#FCFBFA}
table.type2 td.con{width:100%;padding:1.5rem 2rem}
table.type2 td:first-child{border-left:0}
table.type2 td.file a{color:#008E83;text-decoration:underline}
table.type2 td.file button{display:none} /* 24.10.25 추가 */

table.type3{width:100%;table-layout:fixed}
table.type3 colgroup{display:none}
table.type3 tbody th{width:30%;font-weight:700;padding:1rem;border-bottom:0.1rem solid #E6E6E6;background-color:#FCFBFA}
table.type3 tbody th span.list-prev,
table.type3 tbody th span.list-next{display:flex;align-items:center;justify-content:center}
table.type3 tbody th span.list-prev::before{content:'';display:inline-block;width:1.2rem;height:1.2rem;margin-right:0.4rem;background:url(/resources/images/web/ico-up.svg) no-repeat left center;background-size:1.2rem 1.2rem}
table.type3 tbody th span.list-next::before{content:'';display:inline-block;width:1.2rem;height:1.2rem;margin-right:0.4rem;background:url(/resources/images/web/ico-down.svg) no-repeat left center;background-size:1.2rem 1.2rem}
table.type3 td{width:calc(100% - 30%);padding:1rem;text-align:left;border-left:0.1rem solid #E6E6E6;border-bottom:0.1rem solid #E6E6E6}
table.type3 tr:first-child th,
table.type3 tr:first-child td{border-top:0.1rem solid #2E2B31}
table.type3 tr:last-child th,
table.type3 tr:last-child td{border-bottom:0.1rem solid #2E2B31}

/* pagination */
.pagination{display:flex;align-items:center;justify-content:center;margin-top:4rem}
.pagination a{display:inline-block;width:2.4rem;height:2.4rem;text-align:center;color:#4B4453;line-height:2.4rem;margin:0 0.5rem}
.pagination a.onpage{color:#fff;font-weight:500;border-radius:0.4rem;background:#4E8397}
.pagination .first{width:2.4rem;height:2.4rem;margin:0;text-indent:100%;white-space:nowrap;overflow:hidden;background:url(/resources/images/web/ico-page-first.svg) no-repeat center center}
.pagination .prev{width:2.4rem;height:2.4rem;margin:0 0.5rem 0 0;text-indent:100%;white-space:nowrap;overflow:hidden;background:url(/resources/images/web/ico-page-prev.svg) no-repeat center center}
.pagination .next{width:2.4rem;height:2.4rem;margin:0 0 0 0.5rem;text-indent:100%;white-space:nowrap;overflow:hidden;background:url(/resources/images/web/ico-page-next.svg) no-repeat center center}
.pagination .last{width:2.4rem;height:2.4rem;margin:0;text-indent:100%;white-space:nowrap;overflow:hidden;background:url(/resources/images/web/ico-page-last.svg) no-repeat center center}

/* 배너다운로드 */
.bannerdown .box{display:flex;flex-direction:column;align-items:center;padding:3rem 0 4rem 0;border:0.1rem solid rgba(230, 230, 230, 0.3);background:url(/resources/images/web/bg-banner.svg) repeat-x left top;background-size:contain}
.bannerdown .box p{width:100%;height:3rem;text-indent:100%;white-space:nowrap;overflow:hidden;background:url(/resources/images/web/bi.svg) no-repeat center top;background-size:22.1rem 3rem}
.bannerdown .box .list{display:flex;flex-direction:column;margin-top:3rem}
.bannerdown .box .list button{font-weight:700;color:#845EC2;padding:0.6rem 2rem;border-radius:0.8rem;border:0.1rem solid #845EC2;background-color:#fff;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.bannerdown .box .list button:hover{border-color:#6441A1;background-color:#F8F4FF}
.bannerdown .box .list button:not(:first-child){margin-top:1rem}
.bannerdown .box .list button span{display:block;font-size:1.3rem;font-weight:400}
.bannerdown em{display:block;font-size:1.3rem;margin-top:1rem}

/* searchboard */
.searchboard .tbtop .option1.multiple{display:flex;flex-direction:column}
.searchboard .tbtop .option1.multiple .selecttype{display:flex;align-items:center}
.searchboard .tbtop .option1.multiple .selecttype select:not(:first-of-type){margin-left:1rem}
.searchboard .tbtop .option1.multiple .txtset{margin-top:1rem}
.searchboard .tbtop .option1.single{display:flex}
.searchboard .tbtop .option1.single .selecttype select{width:auto;min-width:10rem}
.searchboard .tbtop .option1.single .txtset{flex:1;margin-left:1rem}
.searchboard .tbtop .option2{margin-top:2rem}
.searchboard .tbtop .option2 select{display:none}
.searchboard .tbtop .option2 span>em{color:#4E8397;font-weight:700}
.searchboard .tbtop + table{margin-top:0.7rem}
.searchboard .btnwrap{margin:2rem 0 3rem 0}

/* 통계 */
.stats .tbtop{display:flex;flex-direction:column}
.stats .tbtop button{height:4rem}
.stats .tbtop .selecttype{display:flex;align-items:center}
.stats .tbtop .selecttype button{flex:none;margin-left:1rem}
.stats .tbtop .selecttype select:not(:first-of-type){margin-left:1rem}
.stats .tbtop .btnwrap{margin-top:1rem}
.stats .tbtop .btnwrap button{width:100%}
.stats .tbtop .btnwrap>button:not(:first-child){margin-left:0}
.stats .tbwrap{margin-top:2rem;overflow-x:auto;overflow-y:hidden}
.stats .tbwrap::-webkit-scrollbar{height:0.8rem}
.stats .tbwrap::-webkit-scrollbar-thumb{background-color:#513482;border-radius:0;background-clip:padding-box;border:0 solid transparent}
.stats .tbwrap::-webkit-scrollbar-track{background-color:#E5D9F9;border-radius:0}
.stats .tb{width:auto;table-layout:fixed;border-top:0.3rem solid #2E2B31;border-collapse:separate;border-spacing:0}
.stats .tb thead th{font-weight:700;padding:0.8rem;border-left:0.1rem solid #BFBFBF;border-bottom:0.1rem solid #BFBFBF;background:#FCFBFA;white-space:nowrap}
.stats .tb thead tr:first-child th:first-child{position:-webkit-sticky;position:sticky;left:0;border-left:0;border-right:0.1rem solid #BFBFBF}
.stats .tb thead tr:first-child th:nth-child(2){text-align:center;padding:0.8rem 0.8rem;border-left:0;border-bottom:0.1rem solid #BFBFBF}
.stats .tb tbody th{text-align:center;font-weight:500;padding:0.8rem 0.8rem;border-left:0.1rem solid #E6E6E6;border-bottom:0.1rem solid #E6E6E6;background:#F8F4FF}
.stats .tb tbody td:nth-child(2){text-align:center;padding:0.8rem 0.8rem;border-left:0;border-bottom:0.1rem solid #E6E6E6}
.stats .tb tbody td:not(:nth-child(2)){text-align:center;padding:0.8rem 0.8rem;border-left:0.1rem solid #E6E6E6;border-bottom:0.1rem solid #E6E6E6}
.stats .tb tbody th:first-child{position:-webkit-sticky;position:sticky;left:0;border-right:0.1rem solid #BFBFBF}
.stats .tb tbody th{border-left:0}
.stats .tb tbody tr:last-child th{border-bottom:0.1rem solid #BFBFBF}
.stats .tb tbody tr:last-child td{border-bottom:0.1rem solid #BFBFBF}
.stats .tb tfoot th,
.stats .tb tfoot td{font-weight:500;text-align:center;padding:0.8rem 0.8rem;border-left:0.1rem solid #E6E6E6;border-bottom:0.1rem solid #E6E6E6;background:#EDF3F5}
.stats .tb tfoot th:first-child{position:-webkit-sticky;position:sticky;left:0;border-right:0.1rem solid #BFBFBF;border-left:0}
.stats .tb tfoot th:nth-child(2){border-left:0}
.stats .chart{display:none;height:550px;padding:2rem;border:0.1rem solid #E6E6E6}

/* 자료실 팝업 24.10.25 추가 */
.popupPdf{height:100%;background:#ededf0}
.popupPdf .poptit{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 16px;border-bottom:1px solid #845EC2;background:#fff}
.popupPdf .poptit h1{font-size:16px;font-weight:700;color:#845EC2}
.popupPdf .poptit button.ico-close{width:24px;height:24px;text-indent:100%;white-space:nowrap;overflow:hidden;background:url(../images/mo/ico-close.svg) no-repeat center center}
.popupPdf .popconPdf{height:922px;background:#ededf0}

/* 문의처 */
table.contact{width:100%;table-layout:fixed;border-top:0.3rem solid #2E2B31}
table.contact thead th{font-weight:700;padding:1rem;border-left:0.1rem solid #E6E6E6;border-bottom:0.1rem solid #4E8397;background:#fff}
table.contact thead th:first-child{border-left:0}
table.contact tbody td{text-align:center;padding:1rem 0.8rem;border-left:0.1rem solid #E6E6E6;border-bottom:0.1rem solid #E6E6E6}
table.contact th:first-child,
table.contact td:first-child{border-left:0}
table.contact td:nth-child(2){white-space:nowrap}
table.contact td span{display:block}

/* FAQ */
.faq .list{border-top:0.3rem solid #2E2B31}
.faq .list h3{font-size:1.5rem;font-weight:700;padding:1.5rem 5rem 1.5rem 1.5rem;border-bottom:0.1rem solid #E6E6E6;background:url(/resources/images/web/ico-down.svg) no-repeat right 1.5rem center;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.faq .list h3.on{color:#845EC2;background:#fff url(/resources/images/web/ico-up.svg) no-repeat right 1.5rem center}
.faq .list .view{display:none}
.faq .list .view.on{display:block;padding:1.5rem 2rem;border-bottom:0.1rem solid #E6E6E6;background:#FCFBFA}

/* 에러페이지 */
.errorwrap {width: 600px; margin:100px auto 100px; padding-top: 130px; text-align: center; background: url('/resources/images/web/bg_error2.gif') no-repeat center 0;}
.errorwrap p.txts {color: #353535; font-size: 20px;margin-bottom: 10px;}
.errorwrap p.txts2 {color: #353535; font-size: 27px;margin-bottom: 20px;}
.errorwrap p.txts3 {color: #666; font-size: 13px;}
a.btncomm {display: inline-block; color: #fff !important; font-size: 14px; padding: 1px 20px 3px; text-align: center; border: 1px solid #845EC2; background: #845EC2; border-radius: 3px;}

@media (min-width:400px){
	/* 서비스 바로가기 */
	.mainservice li a>span>em{display:inline;margin-left:0.5rem}
	.mainservice .service1 a::before{width:10rem;height:10rem}
	.mainservice .service2 a::before{width:10rem;height:10rem}
	.mainservice .service3 a::before{width:10rem;height:10rem}
	.mainservice .service4 a::before{width:10rem;height:10rem}
	.mainservice .service5 a::before{width:10rem;height:10rem}
	.mainservice .service6 a::before{width:10rem;height:10rem}
}

@media (min-width:768px){
	/* 통합검색+서비스바로가기+이미지롤링 */
	.maintop{max-width:90rem;padding:0 2rem;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center}
	.maintop>div{width:50%}
	.maintop .visual{display:block}
	.maintop .visual img{max-width:100%;padding-left:2.8rem}

	/* 통합검색 */
	.search{padding:1.6rem 3rem 1rem 3rem}
	.search select{width:10rem}

	/* 서비스 바로가기 */
	.mainservice li a>span>em{display:block;margin-left:0}
	.mainservice .service1 a::before{width:9rem;height:9rem}
	.mainservice .service2 a::before{width:9rem;height:9rem}
	.mainservice .service3 a::before{width:9rem;height:9rem}
	.mainservice .service4 a::before{width:9rem;height:9rem}
	.mainservice .service5 a::before{width:9rem;height:9rem}
	.mainservice .service6 a::before{width:9rem;height:9rem}
}

@media (min-width:1024px){
	/* 통합검색+서비스바로가기+이미지롤링 */
	.maintop{max-width:110rem;align-items:flex-start}

	/* 통합검색 */
	.search{padding:1.6rem 3.8rem 1rem 3.8rem}
	.search select{width:16rem}

	/* 서비스 바로가기 */
	.mainservice{padding:2rem 0 5rem 0}
	.mainservice li:nth-child(n+4){margin-top:4rem}
	.mainservice li a>span>em{display:inline;margin-left:0.5rem}
}

@media (min-width:1400px){
	body{font-size:1.5rem}
	button, textarea, input, select{font-size:1.5rem}
	select{padding:0 3.9rem 0 1.5rem;background:#fff url(/resources/images/web/ico-dropdown.svg) no-repeat right 1rem center;background-size:2.4rem 2.4rem}
	.txtset input[type="text"]{padding-right:3.9rem}
	.txtset button.ico-search{width:2.4rem;height:2.4rem;background-size:2.4rem 2.4rem}
	a.primary,
	button.primary,
	a.secondary,
	button.secondary,
	a.tertiary,
	button.tertiary{height:4rem}

	/* header */
	header{position:relative;height:10rem;padding:0;margin:0 auto;z-index:2}
	header .menuwrap{position:absolute;top:0;left:0;width:100%;min-height:10rem}
	header .menuwrap.on{background-color:#fff;box-shadow:0 1rem 1rem 0 rgba(0, 0, 0, 0.05)}
	header .menuwrap.on .line{position:absolute;top:10rem;left:0;width:100%;height:0.1rem;background:#845EC2}
	header .menuwrap .inner{display:flex;align-items:flex-start;justify-content:space-between;max-width:128rem;margin:0 auto;padding:0 2rem}
	header h1{display:flex;align-items:center;width:25.1rem;height:10rem}
	header h1 a{display:block;width:100%;height:3.4rem;text-indent:100%;white-space:nowrap;overflow:hidden;background:url(/resources/images/web/bi.svg) no-repeat left center;background-size:25.1rem 3.4rem}
	header .lnb nav{display:block}
	header .lnb nav ul.depth1{display:flex}
	header .lnb nav ul.depth1>li>a{position:relative;display:flex;align-items:center;justify-content:center;width:18.5rem;height:10rem;font-size:1.8rem;font-weight:500;color:#222}
	header .lnb nav ul.depth1>li>a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:0.2rem;background-color:#845EC2;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
	header .lnb nav ul.depth1>li>a span{position:relative;z-index:0}
	header .lnb nav ul.depth1>li>a span::after{content:'';display:block;width:2.1rem;height:1.8rem;position:absolute;right:-1.7rem;top:-0.4rem;background:url(/resources/images/web/bg-lnb.svg) no-repeat left top;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;z-index:-1}
	header .lnb nav ul.depth1>li:last-child>.depth2{border-right:0.1rem solid #f1f1f1}
	header .lnb nav ul.depth1>li.on>a{position:relative;color:#845EC2;font-weight:700}
	header .lnb nav ul.depth1>li.on>a::after{width:100%;background-color:#845EC2}
	header .lnb nav ul.depth1>li.on>a span::after{-webkit-transform:scale(1);transform:scale(1)}
	header .lnb nav ul.depth1>li.on .depth2{background:#F8F4FF}
	header .lnb nav .depth2{height:0;width:100%;padding:0;overflow:hidden;background:#fff}
	header .menuwrap.on .lnb nav .depth2{height:19.9rem;border-left:0.1rem solid #f1f1f1}
	header .lnb nav .depth2 ul{padding:2rem}
	header .lnb nav .depth2 ul li:not(:first-child){margin-top:1rem}
	header .lnb nav .depth2 ul li a{position:relative;font-weight:400;z-index:0}
	header .lnb nav .depth2 ul li a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1rem;background-color:#EADEFF;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:-1}
	header .lnb nav .depth2 ul li a:hover,
	header .lnb nav .depth2 ul li a.on{color:#6441A1;font-weight:700}
	header .lnb nav .depth2 ul li a:hover::after,
	header .lnb nav .depth2 ul li a.on::after{width:100%;background-color:#EADEFF}
	header .side{height:10rem;flex:none;margin-left:4rem}
	header .side button.ico-nav{display:none}
	header .side button.ico-notice{width:2.4rem;height:2.4rem;background:url(/resources/images/web/ico-notice.svg) no-repeat center center}
	header .side button.ico-notice.new{background:url(/resources/images/web/ico-notice-new.svg) no-repeat center center}

	/* modal */
	/*----- modal-popup */
	.modal.type-popup .m-body .pop-notice{padding:3rem}
	.modal.type-popup .m-footer .pop-page span{margin:0 1rem}
	.modal.type-popup .m-footer .pop-page button{height:3rem}

	/* mobile nav */
	.momenu{display:none}

	/* 유관기관 배너 */
	.banner{display:block;height:5.5rem;border-top:0.1rem solid #dfdfdf;background:#fff}
	.banner .bn-list{max-width:128rem;height:5.4rem;padding:0 5rem;margin:0 auto}
	.banner .bn-list .slick-list{border-left:0.1rem solid #dfdfdf;border-right:0.1rem solid #dfdfdf}
	.banner .bn-list .slick-slide{text-align:center;border-right:0.1rem solid #dfdfdf}
	.banner .bn-list .slick-slide:focus{outline:none}
	.banner .bn-list a{display:inline-block;height:5.4rem;text-indent:-9999em}
	.banner .bn-list a.bn1{width:11.1rem;background:url(/resources/images/web/banner1.png) no-repeat center center;background-size:11.1rem 3.4rem}
	.banner .bn-list a.bn2{width:19.2rem;background:url(/resources/images/web/banner2.png) no-repeat center center;background-size:19.2rem 3rem}
	.banner .bn-list a.bn3{width:9.7rem;background:url(/resources/images/web/banner3.png) no-repeat center center;background-size:9.7rem 3.4rem}
	.banner .bn-list a.bn4{width:11.8rem;background:url(/resources/images/web/banner4.png) no-repeat center center;background-size:11.8rem 3.4rem}
	/* slick_custom */
	.slick-prev,
	.slick-next{position:absolute;top:50%;display:block;width:3rem;height:100%;text-indent:-9999em;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}
	.slick-prev{left:2rem;border-left:0.1rem solid #dfdfdf;background:url(/resources/images/web/ico-prev.svg) no-repeat center center;background-size:2.4rem 2.4rem}
	.slick-next{right:2rem;border-right:0.1rem solid #dfdfdf;background:url(/resources/images/web/ico-next.svg) no-repeat center center;background-size:2.4rem 2.4rem}

	/* top버튼 */
	.gotop{right:4rem}

	/* footer */
	footer .inner{max-width:128rem;margin:0 auto;padding:0 2rem}
	footer .related.mo,
	footer address.mo{display:none}
	footer .related.pc,
	footer address.pc{display:block}
	footer .info{display:flex;align-items:center;justify-content:space-between;padding:2.4rem 0;border-top:0}
	footer .info .copyright{align-items:baseline;justify-content:flex-start}
	footer .info span.ci{flex:none;width:9rem;height:3.5rem;background-size:9rem 3.5rem;margin-right:3rem}
	footer .info strong{flex:none;margin-left:2rem}
	footer .info address.pc{font-style:normal}
	footer .info address.pc li{font-size:1.3rem;color:#222}
	footer .info address.pc li:not(:first-child){margin-top:0.5rem}
	footer .related.pc select{width:20rem;border:0.1rem solid #D8D8D8}

	/* 통합검색+서비스바로가기+이미지롤링 */
	.maintop{max-width:128rem}

	/* 통합검색 */
	.search{padding:4rem 3.8rem 1rem 3.8rem}
	.search .txtset{width:37.4rem}

	/* 서비스 바로가기 */
	.mainservice li a>span{font-size:1.8rem}
	.mainservice .service1 a::before{width:13rem;height:13rem;background-size:6rem auto}
	.mainservice .service2 a::before{width:13rem;height:13rem;background-size:6rem auto}
	.mainservice .service3 a::before{width:13rem;height:13rem;background-size:6rem auto}
	.mainservice .service4 a::before{width:13rem;height:13rem;background-size:6rem auto}
	.mainservice .service5 a::before{width:13rem;height:13rem;background-size:6rem auto}
	.mainservice .service6 a::before{width:13rem;height:13rem;background-size:6rem auto}
	.mainservice li a:hover::before{background-color:#fff;box-shadow:0 0 1.5rem rgba(226, 223, 221, 1);-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
	.mainservice li a>span::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1rem;background-color:#EADEFF;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;z-index:-1}
	.mainservice li a:hover>span::after{width:100%;background-color:#EADEFF}

	/* 폐교시설현황 */
	.cschool-wrap{position:relative;background:linear-gradient(to right, #ebebea 0%,#ebebea 50%,#845ec2 50%,#845ec2 100%)}
	.cschool-list{position:relative;display:flex;max-width:128rem;margin:0 auto;padding:0 2rem}
	.cschool-list>.title{display:none}
	.switch.pc{display: inline-block}
	.switch.mo{display: none}

	/* 폐교시설현황-지역 */
	.area-box{position:relative;width:37%;display:block;padding:4rem 4rem 4rem 2rem;background:#EBEBEA url(/resources/images/web/img-map.svg) no-repeat left 4.6rem center;background-size:35.3rem auto}
	button.area{background-color:#00C9A7;position:absolute;font-size:1.4rem;padding:0 1rem;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}
	button.area:hover{background-color:#00C9A7;box-shadow:0 0.2rem 0.2rem rgba(0, 0, 0, 0.25)}
	button.area.on{background-color:#4E8397;box-shadow:0 0.2rem 0.2rem rgba(0, 0, 0, 0.25)}
	button.area.seoul{top:6rem;left:0}
	button.area.incheon{top:9.5rem;left:0}
	button.area.gyeonggi{top:13rem;left:0}
	button.area.gangwon{top:8.7rem;right:4rem}
	button.area.chungbuk{top:18rem;left:0}
	button.area.chungnam{top:21.5rem;left:0}
	button.area.sejong{top:25rem;left:0}
	button.area.daejeon{top:28.5rem;left:0}
	button.area.gyeongbuk{top:19.7rem;right:4rem}
	button.area.daegu{top:23.2rem;right:4rem}
	button.area.gyeongnam{top:26.7rem;right:4rem}
	button.area.ulsan{top:30.2rem;right:4rem}
	button.area.busan{top:33.7rem;right:4rem}
	button.area.jeonbuk{top:33.5rem;left:0}
	button.area.gwangju{top:37rem;left:0}
	button.area.jeonnam{top:40.5rem;left:0}
	button.area.jeju{top:44rem;left:0}

	/* 폐교시설현황-표 */
	.area-data{width:63%;padding:5rem 0 5rem 10rem;background-color:#845EC2}
	.area-data .title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1.6rem}
	.area-data .title h2{font-size:2.8rem;font-weight:700;color:#fff}
	.area-data .title span{font-size:1.6rem;color:#fff}
	.area-data .sticky-table{width:100%;height:37.5rem}
	.area-data .sticky-table col.mo{display:none}
	.area-data .sticky-table th.mo{display:none}
	.area-data .sticky-table td.mo{display:none}
	.area-data .sticky-table col.pc{display:table-column}
	.area-data .sticky-table th.pc{display:table-cell}
	.area-data .sticky-table td.pc{display:table-cell}
	.area-data .sticky-table button.pc{display:inline}
	.area-data .sticky-table thead th span{display:inline;margin-left:0.3rem}
	.area-data .sticky-table button.tertiary{height:3rem;font-size:1.4rem}
	.sticky-table table td{height:5.5rem;font-size:1.6rem}
	.sticky-table table tr.sticky-row th{font-size:1.6rem}

	/* 주요소식 */
	.board{display:flex;max-width:128rem;margin:0 auto;padding:5rem 2rem}
	.board .category{width:30%;padding:2.5rem 4rem 0 0}
	.board .category h2{width:auto;font-size:2.8rem}
	.board .category ul{flex:none;width:20rem}
	.board .category ul li:not(:first-child){margin-top:2rem}
	.board .category ul li h3{height:4rem;line-height:4rem;font-size:1.6rem;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
	.board .category ul li h3:hover{color:#fff;background:#845EC2 url(/resources/images/web/ico-more.svg) no-repeat right 1.5rem center;background-size:2rem 2rem;box-shadow:0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.12);cursor:pointer}
	.board .board-box{display:none}
	.board .board-box.on{display:flex;width:70%}
	.board .preview{width:48.8rem;height:37.5rem;padding:3.5rem 4rem 0 4rem;margin-top:0}
	.board .preview a.view{font-size:1.4rem}
	.board .list{width:38rem;height:37.5rem;padding:3.5rem 4rem 0 4rem}
	.board .list li a:hover{text-decoration:underline}

	/* 서브 타이틀 */
	.subtitle{height:25rem}
	.subtitle h2{font-size:3.2rem}

	/* 서브 레이아웃 */
	.subwrap{display:flex;max-width:128rem;margin:0 auto;padding:19rem 2rem 0 2rem}
	.subwrap .submenu{display:block;width:25rem}
	.subwrap .content{width:calc(100% - 25rem)}
	.subwrap .content .inner{padding:4rem 0 10rem 4rem}
	.subwrap .content .inner h3.title{font-size:2.4rem}

	/* 현재페이지 */
	.subwrap .location{height:6rem;padding:0 2rem}
	.subwrap .location span{font-size:1.4rem}

	/* 서브화면 메뉴 */
	.submenu nav ul>li>span{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:10rem;font-size:1.8rem;font-weight:700;color:#fff;background-color:#845EC2;box-shadow:0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.12);z-index:1}
	.submenu nav ul>li>ul{background-color:#FCFBFA}
	.submenu nav ul>li>ul>li{padding:2rem;border-bottom:0.1rem solid #E6E6E6}
	.submenu nav ul>li>ul>li>a{font-size:1.5rem;font-weight:500;color:#222}
	.submenu nav ul>li>ul>li>a.on,
	.submenu nav ul>li>ul>li>a:hover{font-weight:700;color:#845EC2}

	/* 서비스소개 */
	.intro h3{font-size:2.4rem;margin-bottom:3rem}
	.intro h3:not(:first-of-type){margin-top:6rem}
	.intro .box{position:relative}
	.intro .box::after{content:'';position:absolute;right:0;bottom:-2rem;width:39.1rem;height:24rem;background:url(/resources/images/web/img-intro.svg) no-repeat right bottom;background-size:39.1rem 24rem}
	.intro .box .description{padding-left:3.4rem;margin-left:4rem;font-size:1.8rem}
	.intro .box .description::before{width:2.4rem;background-size:2.4rem 2.4rem}
	.intro .box .description strong span{display:block}
	.intro .box .additional{width:calc(100% - 10rem);margin-top:2.3rem;padding:2.8rem 29.3rem 2.8rem 4rem;border-radius:7.5rem}
	.intro .box .additional p{font-size:1.5rem}
	.intro .servicetype{grid-template-columns:repeat(2, 1fr);grid-gap:0 4rem}
	.intro .servicetype h4{font-size:1.8rem}
	.intro .servicetype>div:first-child h4::before{width:2.4rem;height:2.4rem;background-size:2.4rem 2.4rem}
	.intro .servicetype>div:last-child h4::before{width:2.4rem;height:2.4rem;background-size:2.4rem 2.4rem}
	.intro .servicetype>div ul{padding-left:2.9rem}
	.intro .servicetype>div img{margin-top:3rem}

	/* 서비스기능 */
	.function .list h3{font-size:1.6rem;padding:1.6rem 6.4rem 1.6rem 2rem;background:url(/resources/images/web/ico-down.svg) no-repeat right 2rem center;cursor:pointer}
	.function .list h3:hover{color:#845EC2;background-color:#F8F4FF}
	.function .list h3.on{background:#fff url(/resources/images/web/ico-up.svg) no-repeat right 2rem center}
	.function .list .view ul{padding:2rem 3rem}
	.function .list .view>div{padding:4rem 6rem}

	/* table */
	table.type1 colgroup{display:table-column-group}
	table.type1 thead{display:table-header-group}
	table.type1 .pc{display:table-cell}
	table.type1 thead th{font-size:1.5rem;font-weight:700;padding:1rem 1.5rem;border-left:0.1rem solid #E6E6E6;border-bottom:0.1rem solid #4E8397;background:#fff}
	table.type1 thead th:first-child{border-left:0}
	table.type1 tbody tr{display:table-row;padding:0;border-bottom:0}
	table.type1 td{text-align:center;padding:1rem 1.5rem;border-left:0.1rem solid #e7e7e7;border-bottom:0.1rem solid #E6E6E6;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
	table.type1 td:not(.pc){display:table-cell;font-size:1.5rem;color:#4B4453;border-left:0.1rem solid #e7e7e7;border-bottom:0.1rem solid #E6E6E6}
	table.type1 td.subject{width:auto;font-size:1.5rem;font-weight:400;border-left:0.1rem solid #e7e7e7;border-bottom:0.1rem solid #E6E6E6;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
	table.type1 td:first-child{border-left:0}
	table.type1 td+td{margin-top:0;margin-right:0}
	table.type1 tbody tr:hover td{color:#4E8397;background-color:rgba(78, 131, 151, 0.1);cursor:pointer}
	table.type1 td[data-cell-header]::after{display:none}
	table.type1 td.motitle{width:auto;font-size:1.5rem;font-weight:400;text-align:center}

	table.type2 colgroup{display:table-column-group}
	table.type2 .pc{display:table-cell}
	table.type2 tbody tr{display:table-row;flex-wrap:inherit}
	table.type2 tbody th{display:table-cell;width:auto;padding:1rem 2rem;border-left:0.1rem solid #E6E6E6}
	table.type2 tbody th:first-child{border-left:0}
	table.type2 tbody th.th-line{border-left:0.1rem solid #E6E6E6}
	table.type2 td{width:auto;display:table-cell;padding:1rem 2rem;text-align:center}
	table.type2 td.subject{width:auto;padding:1rem 2rem}
	table.type2 td.con{width:auto;padding:2rem 3rem;text-align:left}
	table.type2 td.file{text-align:left}
	table.type2 td.file button{display:inline-block;margin-left:10px} /* 24.10.25 추가 */
	table.type2.detail td{text-align:left}

	table.type3 colgroup{display:table-column-group}
	table.type3 tbody th{width:auto;padding:1rem 2rem}
	table.type3 tbody th span.list-prev::before{width:1.6rem;height:1.6rem;margin-right:0.8rem;background-size:1.6rem 1.6rem}
	table.type3 tbody th span.list-next::before{width:1.6rem;height:1.6rem;margin-right:0.8rem;background-size:1.6rem 1.6rem}
	table.type3 td{padding:1rem 2rem}
	table.type3 td a:hover{text-decoration:underline}

	/* pagination */
	.pagination a{font-size:1.4rem;margin:0 1rem}

	/* 배너다운로드 */
	.bannerdown .box{padding:5rem 0}
	.bannerdown .box p{height:6rem;background-size:44.2rem 6rem}
	.bannerdown .box .list{flex-direction:row;margin-top:6rem}
	.bannerdown .box .list button{padding:1rem 3.4rem}
	.bannerdown .box .list button:not(:first-child){margin-top:0;margin-left:5rem}
	.bannerdown .box .list button span{font-size:1.4rem}
	.bannerdown em{font-size:1.4rem}

	/* searchboard */
	.searchboard .tbtop .option1.multiple{flex-direction:row;justify-content:center}
	.searchboard .tbtop .option1.multiple .selecttype{display:flex;align-items:center}
	.searchboard .tbtop .option1.multiple .selecttype select{width:auto;min-width:10rem}
	.searchboard .tbtop .option1.multiple .selecttype select:not(:first-of-type){margin-left:1rem}
	.searchboard .tbtop .option1.multiple .txtset{margin-top:0;margin-left:1rem;width:42rem}
	.searchboard .tbtop .option1.single{justify-content:center}
	.searchboard .tbtop .option1.single .txtset{flex:none;width:42rem}
	.searchboard .tbtop .option2{display:flex;align-items:center;justify-content:space-between;margin-top:3rem}
	.searchboard .tbtop .option2 select{display:block;width:auto}

	/* stats */
	.stats .tbtop{flex-direction:row;align-items:center;justify-content:space-between}
	.stats .tbtop .selecttype select{width:auto;min-width:10rem}
	.stats .tbtop .btnwrap{margin-top:1rem}
	.stats .tbtop .btnwrap button{width:auto}
	.stats .tbtop .btnwrap>button:not(:first-child){margin-left:1rem}
	.stats .tbtop + table{margin-top:3rem}

	/* 문의처 */
	table.contact td span{display:inline}

	/* FAQ */
	.faq .list h3{font-size:1.6rem;padding:1.6rem 6.4rem 1.6rem 2rem;background:url(/resources/images/web/ico-down.svg) no-repeat right 2rem center;cursor:pointer}
	.faq .list h3:hover{color:#845EC2;background-color:#F8F4FF}
	.faq .list h3.on{background:#fff url(/resources/images/web/ico-up.svg) no-repeat right 2rem center}
	.faq .list .view.on{padding:2rem 3rem}
}

@media (min-width:1600px){
	/* 서브 타이틀 */
	.subtitle{height:32rem}

	/* 서브 레이아웃 */
	.subwrap{padding:26rem 2rem 0 2rem}
}