@charset "utf-8";
/* Reset */
* { box-sizing: border-box; }
*::after, *::before { box-sizing: border-box; }
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption { padding: 0; margin: 0; }
html,body { width: 100%; }
html { height: 100%; font-size: 0.65rem; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }
body { min-width: 360px; width: 100%; background: #fff; word-break: keep-all; word-wrap: break-word; font-size: 1.5rem; line-height: 1; -webkit-text-size-adjust: none;font-family: 'Noto Sans KR', sans-serif; font-weight: 400;color:#616161; line-height: normal; overflow: hidden; overflow-y: auto; }
body,input,select,textarea,button { border: none; color: #616161; }

input[type="text"], input[type="password"] { margin:0; height: 4.8rem;padding: 0 1.6rem 0 1.6rem;border: 1px solid #E0E0E0; border-radius: .2rem;font-size: 14px;color: #424242;font-weight: 400;font-family: 'Noto Sans KR';width:100%; } 
input[type="text"]::placeholder, input[type="password"]::placeholder { font-size:1.6rem; }   
button { font-family: 'Noto Sans KR';font-size: 1.4rem;color: #424242;font-weight: 400; }
ul,ol,li { list-style: none; } 
table { width: 100%; border-spacing: 0; border-collapse: collapse; } 
img,fieldset { max-width: 100%; height: auto; border: 0; vertical-align: top; }
address,cite,code,em,i { font-weight: normal; font-style: normal; }
label,img,input,select,textarea,button { vertical-align: middle; }
.hide,caption,legend { overflow: hidden; font-size: 1px; line-height: 0; }
hr { display: none; }
main,header,section,nav,footer,aside,article,figure { display: block; }
a { color: #616161; text-decoration: none; }
a:hover{color:#073190}  
label { display: inline-block; cursor: pointer; }
button,input[type="submit"] { cursor: pointer; }
button { background-color: transparent; }
sub,sup { position: relative; font-size: 70%; line-height: 0; vertical-align: middle; }   
.clear { clear: both; }
.clear::after { display: block; content: ""; clear: both; }
#skip { position: relative; z-index: 9999; }
#skip a { position: absolute; top: -40px; left: 0; width: 100%; padding: 5px 0; background-color: #182733; font-size: 16px; color: #fff; line-height: 30px; text-align: center; transition: all 0.4s; }
#skip a:hover, #skip a:focus, #skip a:active { top: 0; text-decoration: none; }
.txt-left { text-align: left !important; }
.txt-center { text-align: center !important; }
.txt-right { text-align: right !important; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; margin: -1px; clip-path: polygon(0 0, 0 0, 0 0); }



/* 스크롤바 커스텀 */
body::-webkit-scrollbar { width: 5px; height: 8px;}
body::-webkit-scrollbar-thumb { border-radius: 50px; background-color: #366905;}
body::-webkit-scrollbar-track { background-color: transparent; }

/*마진*/
.mt-0 { margin-top:0 !important; } 
.mt-1 { margin-top:.1rem !important; } 
.mt-2 { margin-top:.2rem !important; } 
.mt-3 { margin-top:.3rem !important; } 
.mt-4 { margin-top:.4rem !important; } 
.mt-5 { margin-top:.5rem !important; } 
.mt-6 { margin-top:.6rem !important; } 
.mt-7 { margin-top:.7rem !important; } 
.mt-8 { margin-top:.8rem !important; } 
.mt-9 { margin-top:.9rem !important; } 
.mt-10 { margin-top:1rem !important; } 
.mt-15 { margin-top:1.5rem !important; } 
.mt-20 { margin-top:2rem !important; } 
.mt-25 { margin-top:2.5rem !important; } 
.mt-30 { margin-top:3rem !important; } 
.mt-35 { margin-top:3.5rem !important; } 
.mt-40 { margin-top:4rem !important; } 
.mt-45 { margin-top:4.5rem !important; } 
.mt-50 { margin-top:5rem !important; } 
.mt-55 { margin-top:5.5rem !important; } 
.mt-60 { margin-top:6rem !important; } 
.mt-65 { margin-top:6.5rem !important; } 
.mt-70 { margin-top:7rem !important; } 
.mt-75 { margin-top:7.5rem !important; } 
.mt-80 { margin-top:8rem !important; } 
.mt-85 { margin-top:8.5rem !important; } 
.mt-90 { margin-top:9rem !important; } 
.mt-95 { margin-top:9.5rem !important; } 
.mt-100 { margin-top:10rem !important; } 
.mb-0 { margin-bottom:0 !important; } 
.mb-1 { margin-bottom:.1rem !important; } 
.mb-2 { margin-bottom:.2rem !important; } 
.mb-3 { margin-bottom:.3rem !important; } 
.mb-4 { margin-bottom:.4rem !important; } 
.mb-5 { margin-bottom:.5rem !important; } 
.mb-6 { margin-bottom:.6rem !important; } 
.mb-7 { margin-bottom:.7rem !important; } 
.mb-8 { margin-bottom:.8rem !important; } 
.mb-9 { margin-bottom:.9rem !important; } 
.mb-10 { margin-bottom:1rem !important; } 
.mb-15 { margin-bottom:1.5rem !important; } 
.mb-20 { margin-bottom:2rem !important; } 
.mb-25 { margin-bottom:2.5rem !important; } 
.mb-30 { margin-bottom:3rem !important; } 
.mb-35 { margin-bottom:3.5rem !important; } 
.mb-40 { margin-bottom:4rem !important; } 
.mb-45 { margin-bottom:4.5rem !important; } 
.mb-50 { margin-bottom:5rem !important; } 
.mb-55 { margin-bottom:5.5rem !important; } 
.mb-60 { margin-bottom:6rem !important; } 
.mb-65 { margin-bottom:6.5rem !important; } 
.mb-70 { margin-bottom:7rem !important; } 
.mb-75 { margin-bottom:7.5rem !important; } 
.mb-80 { margin-bottom:8rem !important; } 
.mb-85 { margin-bottom:8.5rem !important; } 
.mb-95 { margin-bottom:9.5rem !important; } 
.mb-100 { margin-bottom:10rem !important; } 

.mr-1{margin-right:.1rem !important}
.mr-2{margin-right:.2rem !important}
.mr-3{margin-right:.3rem !important}
.mr-4{margin-right:.4rem !important}
.mr-5{margin-right:.5rem !important}
.mr-6{margin-right:.6rem !important}
.mr-7{margin-right:.7rem !important}
.mr-8{margin-right:.8rem !important}
.mr-9{margin-right:.9rem !important}
.mr-10{margin-right:1rem !important}


.ml-1{margin-left:.1rem !important}
.ml-2{margin-left:.2rem !important}
.ml-3{margin-left:.3rem !important}
.ml-4{margin-left:.4rem !important}
.ml-5{margin-left:.5rem !important}
.ml-6{margin-left:.6rem !important}
.ml-7{margin-left:.7rem !important}
.ml-8{margin-left:.8rem !important}
.ml-9{margin-left:.9rem !important}
.ml-10{margin-left:1rem !important}



/*패딩*/
.pt-0 { padding-top:0 !important; } 
.pt-1 { padding-top:.1rem !important; } 
.pt-2 { padding-top:.2rem !important; } 
.pt-3 { padding-top:.3rem !important; } 
.pt-4 { padding-top:.4rem !important; } 
.pt-5 { padding-top:.5rem !important; } 
.pt-6 { padding-top:.6rem !important; } 
.pt-7 { padding-top:.7rem !important; } 
.pt-8 { padding-top:.8rem !important; } 
.pt-9 { padding-top:.9rem !important; } 
.pt-10 { padding-top:1rem !important; } 
.pt-15 { padding-top:1.5rem !important; } 
.pt-20 { padding-top:2rem !important; } 
.pt-25 { padding-top:2.5rem !important; } 
.pt-30 { padding-top:3rem !important; } 
.pt-35 { padding-top:3.5rem !important; } 
.pt-40 { padding-top:4rem !important; } 
.pt-45 { padding-top:4.5rem !important; } 
.pt-50 { padding-top:5rem !important; } 
.pt-55 { padding-top:5.5rem !important; } 
.pt-60 { padding-top:6rem !important; } 
.pt-65 { padding-top:6.5rem !important; } 
.pt-70 { padding-top:7rem !important; } 
.pt-75 { padding-top:7.5rem !important; } 
.pt-80 { padding-top:8rem !important; } 
.pt-85 { padding-top:8.5rem !important; } 
.pt-90 { padding-top:9rem !important; } 
.pt-95 { padding-top:9.5rem !important; } 
.pt-100 { padding-top:10rem !important; } 
.pb-0 { padding-bottom:0 !important; } 
.pb-1 { padding-bottom:.1rem !important; } 
.pb-2 { padding-bottom:.2rem !important; } 
.pb-3 { padding-bottom:.3rem !important; } 
.pb-4 { padding-bottom:.4rem !important; } 
.pb-5 { padding-bottom:.5rem !important; } 
.pb-6 { padding-bottom:.6rem !important; } 
.pb-7 { padding-bottom:.7rem !important; } 
.pb-8 { padding-bottom:.8rem !important; } 
.pb-9 { padding-bottom:.9rem !important; } 
.pb-10 { padding-bottom:1rem !important; } 
.pb-15 { padding-bottom:1.5rem !important; } 
.pb-20 { padding-bottom:2rem !important; } 
.pb-25 { padding-bottom:2.5rem !important; } 
.pb-30 { padding-bottom:3rem !important; } 
.pb-35 { padding-bottom:3.5rem !important; } 
.pb-40 { padding-bottom:4rem !important; } 
.pb-45 { padding-bottom:4.5rem !important; } 
.pb-50 { padding-bottom:5rem !important; } 
.pb-55 { padding-bottom:5.5rem !important; } 
.pb-60 { padding-bottom:6rem !important; } 
.pb-65 { padding-bottom:6.5rem !important; } 
.pb-70 { padding-bottom:7rem !important; } 
.pb-75 { padding-bottom:7.5rem !important; } 
.pb-80 { padding-bottom:8rem !important; } 
.pb-85 { padding-bottom:8.5rem !important; } 
.pb-95 { padding-bottom:9.5rem !important; } 
.pb-100 { padding-bottom:10rem !important; } 

.pl-1 { padding-left:.1rem !important; } 
.pl-2 { padding-left:.2rem !important; } 
.pl-3 { padding-left:.3rem !important; } 
.pl-4 { padding-left:.4rem !important; } 
.pl-5 { padding-left:.5rem !important; } 
.pl-6 { padding-left:.6rem !important; } 
.pl-7 { padding-left:.7rem !important; } 
.pl-8 { padding-left:.8rem !important; } 
.pl-9 { padding-left:.9rem !important; } 
.pl-10 {padding-left:1rem !important; } 


.pr-1 { padding-right:.1rem !important; } 
.pr-2 { padding-right:.2rem !important; } 
.pr-3 { padding-right:.3rem !important; } 
.pr-4 { padding-right:.4rem !important; } 
.pr-5 { padding-right:.5rem !important; } 
.pr-6 { padding-right:.6rem !important; } 
.pr-7 { padding-right:.7rem !important; } 
.pr-8 { padding-right:.8rem !important; } 
.pr-9 { padding-right:.9rem !important; } 
.pr-10 {padding-right:1rem !important; } 


.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}

/* 전체 */
@media (max-width:1400px) { html { font-size: 13px; } }
@media (max-width:1280px) { html { font-size: 13px; } }



body.on { height: 100% !important; overflow: hidden !important; } 

/* 서브 공통 레이아웃 */
.layout { position: relative; width: 100%; margin: 0 auto; max-width: 1400px; } 
@media (max-width:1400px){.layout { padding:0 2rem; }}


/* 헤더 */
.header { position: fixed;top:0;left:0;width:100%; z-index: 4; }  
.scroll .header, .header.on { border-bottom:1px solid #D9D9D9; }       

/* 헤더 상단 */
.header .header-logo {display: flex; width:13rem;height: 100%;align-items: center;justify-content: center; z-index: 3;flex-shrink: 0; }
.header .header-logo a { display: flex; height: 5rem; overflow: hidden;width: 100%; }
.header .header-logo a img { flex-shrink: 0; width:100%; height: 10rem;}
.header .header-container { display: flex;position: relative; } 
.header .header-container .layout { display: flex; max-width:1720px;  align-items: center; }
.header .header-container.top { background: #003C73; }
.header .header-container.top .layout { justify-content: flex-end;gap:0 2.4rem; }
.header .header-container.top .layout>div>button,
.header .header-container.top .layout>div>a { display: flex;gap:.4rem; }
.header .header-container.top .layout>div>button>i,
.header .header-container.top .layout>div>a>i { font-size:1.6rem;color:#fff;opacity: .7; }
.header .header-container.top .layout>div>button>span,
.header .header-container.top .layout>div>a>span { font-size:1.5rem;color:#fff; }
.header .header-container.top .layout .header-search  { max-width:32rem; width:100%; background: #315485; height: 4.5rem; }
.header .header-container.top .layout .header-search form { display: flex;align-items: center;padding:0 2.2rem;height:100%; }   
.header .header-container.top .layout .header-search form input[type="text"] { background: none;border:0;width:100%;height: auto;padding:0;color: rgba(255, 255, 255, 1);font-size:1.5rem;font-weight: 500;max-width:100%; }
.header .header-container.top .layout .header-search form input[type="text"]::placeholder{color: rgba(255, 255, 255, .7); }
.header .header-container.top .layout .header-search form i { font-size:1.8rem;opacity: 1;color:#fff; }
.header .header-container.top .layout .header-banner.empty { display:none; }
.header .header-container.top .layout .header-popup span, 
.header .header-container.top .layout .header-banner span { position:relative;display:flex;align-items: center;gap: .5rem; } 
.header .header-container.top .layout .header-popup span em,
.header .header-container.top .layout .header-banner span em { font-size: 1.2rem;width: 1.6rem;height: 1.6rem;border-radius: 50%;background: #1877CF;color: #fff;display: inline-flex;align-items: center;justify-content: center;}

@media (max-width:1650px) and (min-width:1025px){
.header .header-container .layout .header-menu>ul>li>a>span {font-size: 1.3rem;}
.header .header-container .layout .header-menu>ul {gap: 5rem !important;}
.header .header-container .layout .header-menu {height: 100%;margin-left: -10%;}
.login_box {width: 14% !important;right: 8% !important;}

}

@media (max-width:1204px) and (min-width:640px){
.header .header-logo a img {width: 80%;height: 8rem;}

}


@media (max-width:640px){
.header .header-container.top .layout { gap:0 1rem;justify-content: flex-start; padding:0 0 0 2rem; } 
.header .header-container.top .layout .header-search { margin-left:auto; }     
.header .header-container.top .layout .header-language { margin-right:2rem; }
.header .header-container.top .layout .header-search form { padding:0 2rem 0 1rem; } 
.header .header-container.bottom {height: 4.8rem !important;}
.header .header-logo {width: 5.8rem;}
.header .header-logo a {height: 2.8rem;}
.header .header-logo a img {height: 6rem;}
.header .header-container .layout {padding: 0 1rem !important;}
.visual-play{margin-top:-6px}

}


@media (max-width:480px){
.header .header-container.top .layout .header-popup span em, .header .header-container.top .layout .header-banner span em { display:none; }



}   

/* 헤더 하단 */
.header .header-container.bottom { height: 8.8rem; }
.header .header-container.bottom .layout { justify-content: space-between;gap:0 4rem; }
.header .header-container .layout .header-menu { height: 100%; margin-left:-100px }
.header .header-container .layout .header-menu.on { display: none; }
.header .header-container .layout .header-menu>ul { display: flex; gap:7.2rem;height: 100%; }
.header .header-container .layout .header-menu>ul>li>a { height: 100%;display: flex;align-items: center; }
.header .header-container .layout .header-menu>ul>li>a>span {  color: #FFF;font-size: 1.8rem;font-style: normal;font-weight: 500;line-height: normal;text-align: center; font-family: 'ONE-Mobile-Title', sans-serif;}
.header .header-container .layout .header-menu>ul>li>div { visibility: hidden;opacity: 0; position: absolute;top:100%; padding:8rem 0;background: #fff; left:0; width:100%;max-width:1570px;left:50%;transform: translateX(-50%); display: flex; gap:10rem;height: 0; }
.header .header-container .layout .header-menu>ul>li>div.on { visibility: visible;opacity: 1;height: auto; }
.header .header-container .layout .header-menu>ul>li>div:before { width:100vw;left:50%;transform: translateX(-50%);content:"";height: 100%;position: absolute; top:0;background: #fff; z-index: -1; border-bottom:1px solid #d9d9d9;border-top:1px solid #d9d9d9; } 
.header .header-container .layout .header-menu>ul>li>div>strong { color:#222;font-size: 2.6rem;font-weight: 500;line-height: normal; min-width: 23rem; font-family: 'ONE-Mobile-Title', sans-serif;}
.header .header-container .layout .header-menu>ul>li>div>ul { display: flex; gap:4rem;width:100%;flex-wrap: wrap; }
.header .header-container .layout .header-menu>ul>li>div>ul>li { width:calc(25% - 3rem); }
.header .header-container .layout .header-menu>ul>li>div>ul>li>a { padding-left:1.6rem;position: relative;display: block;line-height: 1; }

.header .header-container .layout .header-menu>ul>li>div>ul>li>a>span { color:#222;font-size: 1.6rem;font-style: normal;font-weight: 500;line-height: normal; font-family: 'ONE-Mobile-Title', sans-serif; }
.header .header-container .layout .header-menu>ul>li>div>ul>li>ul { display: flex;flex-direction: column;gap:1.2rem; padding:3.2rem 1.6rem 0 1.6rem;border-left:1px solid #d9d9d9;  }
.header .header-container .layout .header-menu>ul>li>div>ul>li>ul>li>a>span { color:#555;font-size: 1.6rem;font-style: normal;font-weight: 500;line-height: normal; }
.header .header-container .layout .header-menu>ul>li>div>ul>li>ul>li>a:hover>span { text-decoration: underline;color:#222; }
.header-blit { position: absolute;display: none;border-bottom:3px solid #003C73;bottom:0;height: 3px; }
.header-blit.on { transition: all .3s;display: block; }
.header .header-container .layout .header-menu>ul>li>div>ul>li:hover>a>span { color:#006fd5;font-weight: 500; }
.header .header-container .layout .header-menu>ul>li>div>ul>li:hover>a:before { border-left:3px solid #006fd5; }




/*검색 창*/

.search-close {display: block;position: absolute;right: 0;top: 0;width: 124px;height: 124px;background: #fff; font-size:0}
.search-close:before, .search-close:after {content: '';display: block;position: absolute;left: 50%;top: 50%;width: 30px;height: 2px;margin: -1px 0 0 -15px;background: #000;transform-origin: center;}
.search-close:before, .search-close:after {content: '';display: block;position: absolute;left: 50%;top: 50%;width: 30px;height: 2px;margin: -1px 0 0 -15px;background: #000;transform-origin: center;}
.search-close:after {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.search-close:before {transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}

.search-box {display: none; position: absolute;width:100%;top: 0px; right: 0px; height: 300px; background: white; padding: 15px; border: 1px solid #ddd; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);z-index: 20;}
.search-box.on {display: block;}
.blind-bg {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.0);z-index: 10;}


.search-box.on + .blind-bg {display: block;background: rgba(0, 0, 0, 0.5); /* 검색창이 열릴 때만 활성화 */}

.search_area1{position: relative; width:50%; margin:0 auto;}
.search_box{padding-top:80px; position: relative;}
.search_box > input{border: 0px;width: 100%;height: 63px;line-height: 63px;border-bottom: 1px solid #000;font-size: 22px;color: #333;padding: 0 80px 0 10px; }
.btn3{display: inline-block;line-height: 1;font-weight: normal;}
.sch{position: absolute;right: 10px;top: 100px;width: 30px;height: 30px;background: url(../img/../img/btn_top_search_b.png) no-repeat;}

@media (max-width:1600px){
.header .header-container .layout .header-menu>ul>li>div { padding: 6rem 2rem; }
}
@media (max-width:1024px){
.login_box{display: none;}
    }


/* 전체 버튼 */
.header .header-container .layout .header-util .header-pullmenu button i { font-size:2.4rem;color:#fff; }
.header.all { background: #fff; }
.header.all:before { display: none; }
.header.all .header-container .layout .header-util { margin-left:auto; }
.header.all .header-container .layout .header-util .header-pullmenu button i { color:#222; font-size:2.4rem; }
.header.all .header-container .layout .header-util .header-pullmenu button.on i { font-size:3rem; }
@media (max-width:1720px){
.header .header-container .layout { padding:0 2rem; }
.header .header-container .layout .header-menu>ul { gap:8rem; }*/
.header .header-container .layout .header-menu>ul>li>a>span { font-size:1.3rem; } 
}
@media (min-width:1024px){
.header.all .header-logo { display: none; }
.header.all .header-logo img { transform: translateY(-50%); }
}
@media (max-width:1280px){
.header .header-container .layout .header-menu>ul { gap:4rem; }
}
@media (max-width:1024px){
.header .header-container.bottom { height: 6rem; }
.header .header-container .layout .header-menu { display: none; }
}

/* 풀메뉴 리스트 */
.sitemap-list { display: none; position: absolute;top:100%;width:calc(100vw + 1px);left:50%; height: calc(100vh - 12.5rem); background: #fff;overflow: hidden; transform: translateX(-50%); }
.pop-on .sitemap-list{ height: calc(100vh - 27.2rem); }  
.sitemap-list.on { display: block; }
.sitemap-list>ul { max-width:1560px; margin:0 auto; }
.sitemap-list ul li a { position: relative; display: block;line-height: 1; }
.sitemap-list>ul::-webkit-scrollbar { width: 8px; height: 5px;}
.sitemap-list>ul::-webkit-scrollbar-thumb { background-color: #605994;}
.sitemap-list>ul::-webkit-scrollbar-track { background-color: transparent; }


@media (min-width:1570px){
.sitemap-list>ul { padding:0 2rem; }
.sitemap-list>ul { display: flex !important; gap:4.8rem 0;flex-direction: column;overflow-y: auto;height: 100%; } 
.sitemap-list>ul>li { display: flex;flex-direction: column;gap:4rem;border-top:1px solid #D9D9D9;padding:4.8rem 0; }
.sitemap-list>ul>li:first-of-type { border-top:0;padding-top:0; }
.sitemap-list>ul>li>a>span { color:#222;font-size: 3.2rem;font-style: normal;font-weight: 700;line-height: normal; }
.sitemap-list>ul>li>ul { display: flex !important;gap:4rem !important;flex-wrap: wrap; }
.sitemap-list>ul>li>ul>li { width:calc(20% - 3.2rem) !important; display: flex;flex-direction: column; }
.sitemap-list>ul>li>ul>li>a { padding: 0 1.6rem; }
.sitemap-list>ul>li>ul>li>a>span { color:#222;font-size: 2rem;font-style: normal;font-weight: 600;line-height: normal; }
.sitemap-list>ul>li>ul>li:hover>a>span { color: #003C73;font-weight: 700; }
.sitemap-list>ul>li>ul>li>a.on>span { color: #003C73;font-weight: 700; }
.sitemap-list>ul>li>ul>li>ul { padding:1.6rem 1.6rem 0 1.6rem; border-left:1px solid #D9D9D9;display: flex !important;gap:1.2rem;flex-direction: column; }
.sitemap-list>ul>li>ul>li>a.on>span { color:#003C73; font-weight: 700; } 

.sitemap-list>ul>li>ul>li>a.on:before { border-left:3px solid #003C73; }
.sitemap-list>ul>li>ul>li>ul>li>a>span { display:block;color:#555;font-size: 1.6rem;font-weight: 500;line-height:2.3rem; }
.sitemap-list>ul>li>ul>li>ul>li>a:hover>span { color:#222;text-decoration: underline; }
.sitemap-list>ul>li>ul>li>ul>li>a.on>span { color:#222;text-decoration: underline; }
}




@media (min-width:1024px){
.sitemap-list>ul { display: flex !important; gap:0rem 0;flex-direction: column;overflow-y: auto;height: 100%; } 
.sitemap-list>ul>li { display: flex;flex-direction: column;gap:4rem;border-top:1px solid #D9D9D9;padding:4.8rem 0; }
.sitemap-list>ul>li:first-of-type { border-top:0;padding-top:0; }
.sitemap-list>ul>li>a>span { color:#2d5c22;font-size: 2.4rem;font-style: normal;font-weight: 500;line-height: normal; font-family: 'ONE-Mobile-Title', sans-serif; }
.sitemap-list>ul>li>ul { display: flex !important;gap:0rem;flex-wrap: wrap; }
.sitemap-list>ul>li>ul>li { width:calc(33.3% - 0.2rem); display: flex;flex-direction: column; }
.sitemap-list>ul>li>ul>li>a { padding: 0 1.6rem; }
.sitemap-list>ul>li>ul>li>a>span { color:#222;font-size: 1.8rem;font-style: normal;font-weight: 500;line-height: normal; font-family: 'ONE-Mobile-Title', sans-serif; }
.sitemap-list>ul>li>ul>li:hover>a>span { color: #003C73;font-weight: 500; }
.sitemap-list>ul>li>ul>li>a.on>span { color: #003C73;font-weight: 500; }
.sitemap-list>ul>li>ul>li>ul { padding:1.6rem 1.6rem 0 1.6rem; border-left:1px solid #D9D9D9;display: flex !important;gap:1.2rem;flex-direction: column; }
.sitemap-list>ul>li>ul>li>a.on>span { color:#003C73; font-weight: 500; } 

.sitemap-list>ul>li>ul>li>a.on:before { border-left:3px solid #003C73; }
.sitemap-list>ul>li>ul>li>ul>li>a>span { display:block;color:#555;font-size: 1.6rem;font-weight: 500;line-height:2.3rem; }
.sitemap-list>ul>li>ul>li>ul>li>a:hover>span { color:#222;text-decoration: underline; }
.sitemap-list>ul>li>ul>li>ul>li>a.on>span { color:#222;text-decoration: underline; }
} 
@media (max-width:1024px) {
.sitemap-list { width:79rem; left:auto; right:0; transform: none; border-top:1px solid #d9d9d9; }
.sitemap-list ul { display: none; } 
.sitemap-list>ul { display: block; padding:0;overflow-y: auto;height: 100%; }
.sitemap-list>ul>li { border-top:1px solid #d9d9d9; }
.sitemap-list>ul>li:first-of-type { border-top:0; }
.sitemap-list>ul>li>a { padding: 2rem;position: relative; }
.sitemap-list>ul>li>a.is:before { position: absolute;top:50%;right:2rem;transform: translateY(-50%); content:"\ea4e";font-family: "remixicon"; font-size: 2.4rem; transition: all .3s; }
.sitemap-list>ul>li>a.is.on:before { transform: translateY(-50%) rotate(180deg); }
.sitemap-list>ul>li>a>span { font-size:2rem;color:#222; }
.sitemap-list>ul>li>ul { border-top:1px solid #d9d9d9;padding:2rem;background: #fff; }
.sitemap-list>ul>li>ul.on { border-color:#003c73;display:block; }
.sitemap-list>ul>li>ul>li>a{ padding:1rem 0;position: relative; }
.sitemap-list>ul>li>ul>li>a.is:before { position: absolute;top:50%;right:0;transform: translateY(-50%); content:"\ea12";font-family: "remixicon"; font-size: 2rem; transition: all .3s; color:#fff; }
.sitemap-list>ul>li>ul>li>a.is.on:before { transform: translateY(-50%) rotate(45deg); }
.sitemap-list>ul>li>ul>li>a>span { font-size:1.3rem; color:#333; }
.sitemap-list>ul>li>ul>li>a.on>span { text-decoration: underline; } 
.sitemap-list>ul>li>ul>li>ul { border-radius:.5rem; border-top:1px solid #d9d9d9; padding:1rem; background: #fff; }
.sitemap-list>ul>li>ul>li>ul.on { display:block; }
.sitemap-list>ul>li>ul>li>ul>li { position: relative;padding-left:.3rem; }
.sitemap-list>ul>li>ul>li>ul>li:before { border-radius:50%; content:"";display: block;position: absolute;top:1.4rem; width:.5rem; height: .5rem; background: #222; left:0; }
.sitemap-list>ul>li>ul>li>ul>li>a { padding:1rem; }
.sitemap-list>ul>li>ul>li>ul>li>a>span { font-size:1.6rem; color:#424242; }
.sitemap-list>ul>li>ul>li>ul>li>a.on>span { text-decoration: underline; }
}
@media (max-width:1023px) and (min-width: 768px) {
.sitemap-list { width:60rem;}
}
@media (max-width:640px){  
.sitemap-list { width:100%; }
.header .header-logo a img{}
.page-top{display: none !important;}
.sitemap-list>ul>li>a>span {font-size: 1.4rem;}
button {font-size: 1.2rem;}
.sitemap-list ul{display:block}
.mb-top li{width:49%; display: inline-block; text-align: center;}
}



/* 상단으로 이동 */
.page-top { width:5.6rem;height: 5.6rem;display: flex;align-items: center; justify-content: center;background: #003C73; position: fixed; right:2.4rem;bottom:10rem;z-index: 2;border-radius: 50%; visibility: hidden; opacity: 0; transform: translateY(-5rem);transition: all .6s; }
.page-top i { color:#fff;font-size:2.4rem; }
.page-top.on { transform: translateY(0);opacity: 1; visibility: visible; }
@media (min-width:640px) and (max-height:800px){ 
.page-top { bottom:2rem; }
}   

/* 푸터 */
#footer { position: relative; padding:6rem 0 8rem 0; background: #253747; } 
#footer .layout { padding:0 27rem 0 0; }
#footer .layout .footer-logo { display: flex; position: absolute; bottom:0; right:0;  align-items: center;gap:2.4rem; } 
#footer .layout .footer-logo .logo01 { width:8.6rem; }
#footer .layout .footer-logo .logo02 { width:8rem; }
#footer .layout .footer-util { margin-bottom:3rem; } 
#footer .layout .footer-util ul { display: flex; gap:3rem; } 
#footer .layout .footer-util ul li:first-of-type a span { color:#fff; font-weight: 700; } 
#footer .layout .footer-util ul li a { position: relative;display: flex; gap:.5rem; }
#footer .layout .footer-util ul li a span { color: rgba(255, 255, 255, 0.70);font-size: 1.6rem;font-style: normal;font-weight: 400;line-height: 150%; } 
#footer .layout .footer-util ul li a:hover span { text-decoration: underline; }
#footer .layout .footer-util ul li a[target=_blank]:after { display: block; color:#fff; font-size:2rem; font-family: "remixicon"; content:"\f0f3"; } 
#footer .layout address { display: flex; flex-direction: column; gap:.5rem; } 
#footer .layout address p { color: rgba(255, 255, 255, 0.70);
font-size: 1.6rem;font-style: normal;font-weight: 400;line-height: 150%; } 
#footer .layout address p:has(span) { display:flex;gap:0 1rem; }
#footer .layout address p br { display: none; }
#footer .layout address p span a { color: rgba(255, 255, 255, 0.70); }
#footer .layout .footer-site { position: absolute;top:0;right:0; max-width:19rem; width:100%; }
#footer .layout .footer-site button { padding:1.2rem 0;border-bottom:1px solid #fff;width:100%;display: flex;justify-content: space-between; }
#footer .layout .footer-site button span { color: #FFF;font-size: 1.6rem;font-style: normal;font-weight: 400;line-height: 150%; }
#footer .layout .footer-site button i { color:#fff; font-size:1.6rem; }
#footer .layout .footer-site button.on i { transform: rotate(180deg); }
#footer .layout .footer-site ul { position: absolute;bottom:100%;width:100%;background: #fff;padding:2rem;display: none;gap:1rem; border-radius: 1rem;}
#footer .layout .footer-site ul.on { display: flex;flex-direction: column; font-size:1.4rem }
#footer .layout .footer-site ul li a:hover { color:#1877CF;font-weight: 500; }
#footer .layout .footer-site ul li a span { color:#222; font-weight: 400;}
#footer .layout .footer-site ul li a:hover span { color:#1877CF;text-decoration: underline;font-weight: 500; }
@media (max-width:1400px){
#footer .layout { padding:0 27rem 0 2rem; }
#footer .layout .footer-logo { right:2rem; }   
#footer .layout .footer-site { right:2rem; }
}


@media (max-width:1023px) and (min-width: 768px) {
#footer .layout .footer-util ul li a span{font-size:1.2rem}
#footer .layout address p{font-size: 1.1rem;}
#footer .layout .footer-site button span{font-size:1.1rem}
}

@media (max-width:760px){
#footer .layout .footer-util ul li a span {font-size: 1.3rem;}
#footer .layout .footer-site button span {font-size: 1.3rem;}
#footer .layout .footer-site ul li {font-size: 1.3rem;}
#footer .layout address p {font-size: 1.3rem;}

}


@media (max-width:640px){
#footer { padding:6rem 0 10rem 0; }
#footer .layout { padding:0 2rem; }
#footer .layout .footer-logo { right: auto;position: relative;top: auto;margin-bottom:2rem; }
#footer .layout .footer-site { right: auto;position: relative;top:auto;margin-top:2rem; }
#footer .layout address p { flex-direction: column; }
#footer .layout address p span { display: block; }
#footer .layout .footer-util ul li a span {font-size:1.0rem}
#footer .layout address p {font-size:1.0rem}
#footer .layout .footer-site button span {font-size: 1.0rem;}
#footer .layout .footer-site ul li{font-size:0.85rem}
#footer .layout .footer-site ul {padding: 2rem 1rem;}

}
@media (max-width:420px){
#footer .layout .footer-site { max-width:calc(100% - 10rem); }     
}
#copyMessage {display: none; position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%); background-color: #333; color: #fff; padding: 8px 16px; border-radius: 8px; font-size: 14px; opacity: 0.9; z-index: 1000; white-space: nowrap; }
.no-point {font-size: 14px; !important;background: #dd1a1a;color: #fff;padding: 6px; border-radius: 4px;}