@charset "utf-8";
/* CSS Document */
/* skip_area */		
.skipToContent a { position:absolute; width:100%; height:0.100rem; top:0; left:0; z-index:9999; margin-top:-0.100rem; display:block; background-color:#0B0B0B; font-size:1.5rem; font-weight:600; color:#fff; line-height:1; overflow:hidden; text-align:center;}
.skipToContent a:focus,.skipToContent a:active,.skipToContent a:hover {margin-top:0; height:auto; padding:2rem 0;}

/* 상단 네비게이션 영역 */
header {height: 7rem;}
.header.header_hide {transform: translateY(-100%);}
.header_fixed {position: fixed !important; width: 100%; backdrop-filter: blur(30px); z-index: 99 !important; }
.header {display: flex;position: relative;z-index: 99;height: 7rem;border-bottom: 0.1rem solid #f5f5f5;transition: all 0.5s;background: #fff;padding: 0rem 1rem;}
.header .logo {position: absolute; top:2rem; left:0rem; font-size:2.5rem; color:#4067e4;}
.header .logo img {max-width: 23rem;}
.header nav {position: relative; width: 100%; margin:0 auto;}
.header .lnb li a:hover {color: #184aa7; text-decoration: underline;}
.header .lnb .depth1 {display: flex; justify-content:center; height: 100%; padding-left:25rem;}
.header .lnb .depth1 > li > a {display: flex;height: 100%;align-items: center;font-size: 1.8rem;padding: 0rem 2rem;transition: all 0.5s;font-weight: 600;}
.header .lnb .depth1 > .on > a {position: relative; font-weight: bold; color: #0046ff;}
.header .lnb .depth1 > .on > a:before {content: ""; position: absolute; bottom:1rem; left:50%; transform: translate(-50%,-0%); width: 8rem; height: 0.2rem; background: #0046ff;}
.login_area_after {display: flex; align-items: center;}
.login_area_after a {margin:0rem 0.2rem;}
.sign_info {font-size:1.4rem; font-weight: 600; border:0.2rem solid #0245d8; color:#5676bd; padding: 0.5rem 1rem; min-width: 17rem; border-radius: 0.5rem; text-align: center;}
.sign_info strong {color:#0245d8; font-size:1.6rem; padding-right:0.5rem;}
.sign_out {font-size:1.6rem; padding: 0.5rem 1rem; min-width: 7rem; border-radius: 0.5rem; text-align: center; border:0.1rem solid #9f9696;}
.login_area_after a:hover {color: #184aa7;}

/* 상단 사이트맵 영역 */
.sitemap_btn {}
.sitemap_btn i {font-size:3.5rem;}
.sitemap_btn:hover {color: #184aa7;}
.sitemap_area {visibility:hidden; position:fixed; width:100%; height:100%; top:0rem; right:-100%; background: #fff; transition: all 0.5s; z-index: 999; overflow: auto;}
.sitemap_on {visibility:visible; right:0%;}
.sitemap_box {position: relative;max-width: 140rem;margin:0 auto;padding: 2rem;}
.sitemap_nav ul li {display: flex;width: 100%;flex-direction: column;}
.sitemap_nav ul li a:hover {color: red;}
.sitemap_nav .depth1 > li {border-bottom:0.1rem solid #D3D8E5;padding: 2rem 0rem;}
.sitemap_nav .depth1 > li:last-child {border-bottom: none;}
.sitemap_nav .depth1 > li > a {font-size:2.3rem !important;width: 20%;color:#2149a6;font-weight: bold;padding: 1rem 0rem 3rem 0rem;cursor: pointer;}
.sitemap_nav .depth2 {display: flex;width: 100%;flex-wrap: wrap;}
.sitemap_nav .depth2 > li {display: flex;flex-direction: column;width: 19%;margin-right:1rem;}
.sitemap_nav .depth2 > li:last-child {margin-right:0rem;}
.sitemap_nav .depth2 > li > a {background: #EAF0FF; padding: 1rem 2rem; font-weight: bold; text-align: center; font-size:1.6rem;}
.sitemap_nav .depth3 {flex-direction: column; padding: 2rem;}
.sitemap_nav .depth3 > li a {position: relative; font-size:1.6rem; display: block; padding:0.7rem 0rem 0.7rem 1rem;}
.sitemap_nav .depth3 > li a:before {content: ""; font-size:4rem; position: absolute; top:50%; left:0rem; transform: translate(0%,-50%); width: 0.5rem; height: 0.5rem; background: #BEC4D1; border-radius: 10rem;}
.sitemap_on .sitemap_close {position: absolute;top: 1rem;right:3rem;z-index: 99;transition: all 0.3s;}
.sitemap_on .sitemap_close:hover {color: red; transform: rotate(45deg);}
.sitemap_close i {font-size:3.5rem;}
.mini_login {display: flex;align-items: end;}
.mini_login .mini_login_title {width: 100%;}
.mini_login_title h2 {font-size:6rem; color:#4067e4;}
.mini_login_title p {font-size:1.6rem;line-height: 2.5rem;padding: 0rem 0rem;color:#122b7b;}
.mini_login .mini_login_btn a {
display: flex;
justify-content: center;
align-items: center;
color:#4067e4;
border-radius: 10rem;

font-size:1.8rem;
height: 4rem;
width: 11rem;
border: 0.1rem solid transparent;
background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #437ccd 0%, #68b9f0 29%, #69c8f0 67%, #60ddef 100%);
background-origin: border-box;
background-clip: content-box, border-box;
}
.mini_login .mini_login_btn a:hover {color: red;}

@media screen and (max-width: 1024px){
.header .lnb .depth1,
.login_area a {display: none !important;}
.mini_login {flex-direction: column;align-items: baseline;}
.sitemap_box {padding:2rem;}
.mini_login_title h2 {font-size:3rem;}
.mini_login_title p {font-size:1.4rem;}
.sitemap_nav .depth1 > li {padding:0rem; flex-direction: column; margin-top:3rem; border-bottom: 0rem;}
.sitemap_nav .depth1 > li > a {padding:2rem 1rem;border-bottom: 0.1rem solid #cecece;width: 100%;font-size:2rem !important;box-sizing: border-box;margin-bottom: 0rem;}
.sitemap_nav .depth2 {flex-wrap:wrap; border-top: 0.1rem solid #efefef;}
.sitemap_nav .depth2 > li {margin-right:0rem;width: 50%;border-left: 0.1rem solid #efefef;padding: 1rem 2rem;border-bottom: 0.1rem solid #efefef;}
.sitemap_nav .depth2 > li:nth-child(odd) {border-left:none;}
.sitemap_nav .depth2 > li > a {text-align: left;padding: 1rem 1rem;background: none;background: #eaf0ff;}
.sitemap_nav .depth3 {padding:0rem;}
.sitemap_nav .depth3 > li a {font-size:1.5rem;}
}
@media (max-width: 768px) {
.header {padding:0rem 1rem;}
.sign_out {display: none;}
.sign_info {font-size:1.3rem; padding: 0.5rem 0rem;}
.sign_info strong {font-size:1.3rem;}
.header .logo {top:1.5rem;}
.header .logo img {max-width: 18rem;}
}