@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-hidden {transform: translateY(-300%);}

/* 상단 네비게이션 영역 */
header {height: 7rem;border-bottom: 0.1rem solid #f5f5f5;position: fixed;top: 0;left: 0;width: 100%;transition: transform 0.4s ease-in-out;z-index: 99; background: #fff;}
.header.header_hide {transform: translateY(-300%);}
.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;transition: all 0.5s;background: #fff;width: 100%;padding: 0rem 1rem;max-width: 140rem;margin: 0 auto;}
.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: 30%;}
.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;width: 100%;max-width: 23rem;padding: 0rem;justify-content: flex-end;gap: 0.5rem;margin: 0rem;align-items: center;}
.login_area_after_info {display: flex;align-items: center;overflow: hidden;}
.login_area_after_info button {display: block; text-align: left; background: #1f6beb url("../images/layout/login_area_after_info_img1.png") 4% 50% no-repeat; padding: 0.5rem 2rem 0.5rem 4rem; height: 100%; background-size: 3rem;}
.login_area_after_info button strong {color: #ffe92b; font-size: 1.4rem;}
.login_area_after_info button span {display: block; color:#fff; font-size: 1.3rem; padding-top: 0.2rem;}
.login_area_after_info > div {display: flex;align-items: center;}
.login_area_after_info a {background: #494f57;height: 100%;display: flex;align-items: center;box-sizing: border-box;font-size: 1.3rem;color: #fff;padding: 0.6rem 3rem 0.6rem 1.5rem;background-image: url("../images/layout/login_area_after_info_img2.png");background-position: 94% 49%;background-repeat: no-repeat;background-size: 2.5rem;border-radius: 0.5rem;}
.login_area_after_info a:hover {background-color: #0A182D;}

/* 상단 사이트맵 영역 */
.sitemap_btn i {font-size: 2.8rem;}
.sitemap_btn:hover {color: #184aa7;}
.sitemap_area {visibility:hidden;position:fixed;width:100%;height:100%;top:0rem;right:-100%;background: #f9f7f7;transition: all 0.5s;z-index: 999;overflow: auto;}
.sitemap_on {visibility:visible; right:0%;}
.sitemap_box {position: relative;max-width: 100rem;margin:0 auto;margin-top: 10rem;background: #fff;border-radius: 1rem;padding: 3rem;}
.sitemap_nav ul li {display: flex;width: 100%;flex-direction: column;}
.sitemap_nav ul li a:hover {color: #0245d8;}
.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: 2rem !important;width: 20%;color:#2149a6;font-weight: bold;padding: 1rem 0rem 1rem 0rem;cursor: pointer;}
.sitemap_nav .depth2 {display: flex;width: 100%;}
.sitemap_nav .depth2 > li {display: flex;flex-direction: column;width: 100%;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: 1rem;}
.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: 1rem;z-index: 99;transition: all 0.3s;}
.sitemap_on .sitemap_close:hover {color: #0245d8; transform: rotate(45deg);}
.sitemap_close i {font-size: 2.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: 2rem;line-height: 2.5rem;padding: 2rem 0rem 0rem 0rem;color: #000000;font-weight: bold;}
.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 #0245d8;}
.mini_login .mini_login_btn a:hover {color: #fff; background: #0245d8;}

@media screen and (max-width: 1024px){
.header .lnb .depth1 {display: none !important;}
.mini_login {flex-direction: column;align-items: baseline;}
.sitemap_box {padding: 2rem;margin-top: 0rem;}
.mini_login_title h2 {font-size:3rem;}
.mini_login_title p {font-size: 2rem;}
.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;}
.login_area_after_info button {background-image: none; padding: 0.5rem 2rem 0.5rem 2rem;}
.login_area_after_info a {background-image: none; padding: 0.5rem;}

}
@media (max-width: 500px) {
.login_area_after {max-width: 5rem;} 
.login_area_after_info {display:none;}
}