@import url("/css/token.css");
.m_header{display:none; height: 140px;}
/* 모달 */
/* 모달 컨테이너 */
.spacein_modal_container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
}

.spacein_modal_container.modal_active {
    display: block;
}

.spacein_modal_overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.spacein_modal_content {
    padding: var(--spacein-modal-padding);
    background-color: #ffffff;
    border-radius: 12px;
    width: 100%;
    min-width: var(--spacein-modal-min-width);
    max-width: var(--spacein-modal-max-width);
    position: relative;
    animation: fadeIn 0.3s ease-out;
}

/* 닫기 버튼 */
.spacein_modal_close {
    position: absolute;
    top: 15px;
    right: 15px;
    border: none;
    background: none;
    font-size: var(--spacein-modal-title);
    color: #888;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    z-index: 1;
}

.spacein_modal_close:hover {
    color: #333;
}

/* contents+scroll 영역 */
.spacein_modal_contents_scroll {
    display: flex;
    align-items: flex-start;
    gap: var(--spacein-grid-gap-xs);
    align-self: stretch;
}

/* content 영역 */
.spacein_modal_content_area {
    display: flex;
    max-height: var(--spacein-modal-max-height);
    padding: var(--spacein-modal-content-padding);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacein-grid-gap-sm);
    flex: 1 0 0;
    overflow-y: auto;
}

.spacein_modal_content_area::-webkit-scrollbar {
    width: 6px;
}

.spacein_modal_content_area::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.spacein_modal_content_area::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.spacein_modal_content_area::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* 제목 */
.spacein_modal_title {
    align-self: stretch;
    color: #1E2124;
    font-size: var(--spacein-modal-title);
    font-style: normal;
    font-weight: var(--spacein-modal-font-bold);
    line-height: 150%;
    margin: 0;
}

/* 로그아웃까지 남은 시간 */
.session_expire {
    display: none;
    align-self: stretch;
}

.session_expire_text {
    color: #1E2124;
    font-size: var(--spacein-modal-sub-title);
    font-style: normal;
    font-weight: var(--spacein-modal-font-bold);
    line-height: 150%;
}

/* 초 */
.time {
    color: #08448A;
    font-size: var(--spacein-modal-sub-title);
    font-style: normal;
    font-weight: var(--spacein-modal-font-bold);
    line-height: 150%;
}

/* 설명 */
.spacein_modal_description {
    color: #1E2124;
    font-size: var(--spacein-modal-text);
    font-style: normal;
    font-weight: var(--spacein-modal-font-normal);
    line-height: 150%;
    margin: 0;
    align-self: stretch;
}

/* btn-group */
.spacein_modal_btn_group {
    display: flex;
    padding: var(--spacein-padding-default-sm);
    justify-content: flex-end;
    align-items: center;
    gap: var(--spacein-grid-gap-xs);
    align-self: stretch;
}

/* 기본 버튼 스타일 */
.spacein_modal_btn {
    padding: var(--spacein-modal-btn-padding);
    border: 1px solid;
    border-radius: 8px;
    font-size: var(--spacein-modal-button);
    cursor: pointer;
    transition: all 0.2s ease;
    box-sizing: border-box;
    height: var(--spacein-modal-btn-height);
    min-width: var(--spacein-modal-btn-min-width);

}

.spacein_modal_confirmBtn {
    background-color: var(--spacein-modal-primary-btn-color);
    color: white;
    border-color: var(--spacein-modal-primary-btn-color);
}

.spacein_modal_confirmBtn:hover {
    background-color: var(--spacein-modal-primary-btn-color-hover);
    border-color: var(--spacein-modal-primary-btn-color-hover);
}

.spacein_modal_cancelBtn {
    background-color: #ffffff;
    color: var(--spacein-modal-secondary-btn-color);
    border-color: var(--spacein-modal-secondary-btn-color);
}

.spacein_modal_cancelBtn:hover {
    background-color: var(--spacein-modal-secondary-btn-color-hover);
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* 헤더 */
.m_header{display:none; height: 150px;}
.m_header_search{position: fixed; top: 0; left: 0; width: 100%; box-sizing: border-box; padding: 24px; background-color: #FFFFFF; z-index: 1010; box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.2); transform: translateY(-100%); transition: transform 0.3s ease, opacity 0.3s ease; pointer-events: none;}
.m_header_search.active{transform: translateY(0); pointer-events: auto;}
header{width:100%; position:fixed; top:0; left:0; right:0; transition: top 0.4s ease; z-index: 1000;  background-color: #fff; line-height: 1;}
.header{width:1200px; padding: 0 var(--spacein-header-padding); margin:0 auto; display:flex; flex-wrap: nowrap; justify-content: space-between; height:130px;}
.header h1{display:inline-block; float:left; margin-top:42px;}
.header h1 a{width:100%; height:100%; display:block;}
.header .gnbBox{display:inline-block; float:right;}
.header .gnbBox ul.search_login{  overflow:hidden;  position: relative; box-sizing: border-box; padding: 10px 0}
.header .gnbBox ul.search_login li{display:inline-block; float:left; font-weight:400; overflow: hidden;}
.header .gnbBox ul.search_login li.searchBox{padding: 10px 0; position:absolute; left:25px; }
.header .gnbBox ul.search_login li.searchBox div{border:1px solid #DDDDDD; padding:3px 0; box-sizing:border-box; border-radius:20px; width:290px; position: relative; overflow: hidden;}

.header .gnbBox ul.search_login li input {
    outline: none;
    border: none;
    width: 90%;
    padding: 5px 45px 5px 15px;
    font-size: 0.8rem;
}
.header .gnbBox ul.search_login li.searchBox div button {
    cursor: pointer;
    width: var(--spacein-input-search-icon-width);
    height: var(--spacein-input-search-icon-width);
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%)
}
.header .search_form .clear_button {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.1s ease, visibility 0.1s ease;
}
/* show 클래스가 있을 때만 표시 */
.header .search_form .clear_button.show {
    opacity: 1;
    visibility: visible;
}
.header .gnbBox ul.search_login li.searchBox div button img{background-position: center; background-size: contain}
.header .gnbBox ul.search_login li.loginBox{display: flex; align-items: center; gap: 0; padding-top:15px; padding-bottom:10px; float:right; margin-right:25px; line-height: 1; overflow: visible;}
.header .gnbBox ul.search_login li.loginBox a{ display: inline-flex; align-items: center; gap: 8px; font-size:var(--spacein-header-link); float:left; border-bottom: 1px solid transparent;}
.header .gnbBox ul.search_login li.loginBox .separator { width: 1px; height: 16px; background-color: #aaa; margin: 0 10px;}
.header .gnbBox ul.search_login li.loginBox a .icon_mem_header { display: inline-block; width: 14px; height: 16px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16' fill='none'><path d='M1.42246 15.5H12.5775C13.4676 15.5 14 15.0829 14 14.3904C14 12.2381 11.3131 9.26808 6.99583 9.26808C2.68686 9.26808 0 12.2381 0 14.3904C0 15.0829 0.532382 15.5 1.42246 15.5ZM7.00415 7.77479C8.78429 7.77479 10.3315 6.17297 10.3315 4.08732C10.3315 2.0267 8.78429 0.5 7.00415 0.5C5.224 0.5 3.67676 2.06007 3.67676 4.10401C3.67676 6.17297 5.21568 7.77479 7.00415 7.77479Z' fill='%2314518B'/></svg>") no-repeat center center;}
.header .gnbBox ul.search_login li.loginBox a .icon_logout_header { display: inline-block; width: 16px; height: 16px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><rect x='1' y='1' width='9' height='14' rx='1.5' fill='white' stroke='black'/><rect x='5.5' y='5.95456' width='8' height='5.45455' fill='white'/><path d='M6.5 8.18182C6.22386 8.18182 6 8.40568 6 8.68182C6 8.95797 6.22386 9.18182 6.5 9.18182L6.5 8.68182L6.5 8.18182ZM15.8536 9.03538C16.0488 8.84011 16.0488 8.52353 15.8536 8.32827L12.6716 5.14629C12.4763 4.95103 12.1597 4.95103 11.9645 5.14629C11.7692 5.34155 11.7692 5.65813 11.9645 5.8534L14.7929 8.68182L11.9645 11.5103C11.7692 11.7055 11.7692 12.0221 11.9645 12.2174C12.1597 12.4126 12.4763 12.4126 12.6716 12.2174L15.8536 9.03538ZM6.5 8.68182L6.5 9.18182L15.5 9.18182L15.5 8.68182L15.5 8.18182L6.5 8.18182L6.5 8.68182Z' fill='black'/></svg>") no-repeat center center;}
.header .gnbBox ul.search_login li.loginBox a .icon_login_header { display: inline-block; width: 16px; height: 16px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><rect x='5' y='1' width='9' height='14' rx='1.5' fill='white' stroke='black'/><rect x='0.5' y='5.95459' width='8' height='5.45455' fill='white'/><path d='M1.5 8.18188C1.22386 8.18188 1 8.40574 1 8.68188C1 8.95803 1.22386 9.18188 1.5 9.18188L1.5 8.68188L1.5 8.18188ZM10.8536 9.03544C11.0488 8.84018 11.0488 8.52359 10.8536 8.32833L7.67157 5.14635C7.47631 4.95109 7.15973 4.95109 6.96447 5.14635C6.7692 5.34161 6.7692 5.6582 6.96447 5.85346L9.79289 8.68188L6.96447 11.5103C6.7692 11.7056 6.7692 12.0222 6.96447 12.2174C7.15973 12.4127 7.47631 12.4127 7.67157 12.2174L10.8536 9.03544ZM1.5 8.68188L1.5 9.18188L10.5 9.18188L10.5 8.68188L10.5 8.18188L1.5 8.18188L1.5 8.68188Z' fill='black'/></svg>") no-repeat center center;}
.header .gnbBox ul.search_login li.loginBox a .icon_join_header { display: inline-block; width: 16px; height: 16px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='24 1 16 16' fill='black'><path d='M30.2275 10.1064C33.6657 10.259 35.7888 12.7309 35.7891 14.5381C35.7891 15.1382 35.3412 15.4999 34.5918 15.5H25.1982L25.0605 15.4961C24.3939 15.4541 24 15.1006 24 14.5381C24.0002 12.6727 26.2632 10.0986 29.8916 10.0986L30.2275 10.1064ZM29.8916 11.0986C28.3212 11.0986 27.0784 11.6536 26.2373 12.377C25.3978 13.099 25.0266 13.9205 25.002 14.4795C25.045 14.4894 25.1092 14.5 25.1982 14.5H34.5918C34.6798 14.5 34.7431 14.4892 34.7861 14.4795C34.7615 13.9206 34.3918 13.0999 33.5518 12.3779C32.71 11.6546 31.4661 11.0987 29.8916 11.0986ZM37.1318 5.09961C37.4077 5.09974 37.6316 5.32373 37.6318 5.59961V7.56641H39.5C39.7759 7.56654 39.9999 7.79047 40 8.06641C40 8.34247 39.776 8.56627 39.5 8.56641H37.6318V10.666C37.6318 10.9421 37.4079 11.1659 37.1318 11.166C36.8557 11.166 36.6318 10.9422 36.6318 10.666V8.56641H34.6055C34.3293 8.56641 34.1055 8.34255 34.1055 8.06641C34.1056 7.79039 34.3294 7.56641 34.6055 7.56641H36.6318V5.59961C36.6321 5.32365 36.8558 5.09961 37.1318 5.09961ZM30.0381 2.50391C31.4774 2.58317 32.7002 3.87928 32.7002 5.60938L32.6963 5.77734C32.6184 7.50197 31.3505 8.80456 29.8984 8.80469L29.7578 8.80078C28.359 8.72041 27.1744 7.44667 27.0996 5.79004L27.0967 5.62305C27.0969 3.85184 28.3995 2.5 29.8984 2.5L30.0381 2.50391ZM29.8984 3.5C29.0314 3.5 28.0969 4.32105 28.0967 5.62305C28.0967 6.96911 29.0443 7.80469 29.8984 7.80469C30.7441 7.80455 31.7 6.971 31.7002 5.60938C31.7002 4.30229 30.7743 3.50013 29.8984 3.5Z'/></svg>") no-repeat center center;}

.header .gnbBox  ul.main_menu{ float:right; display:inline-block; position:relative; z-index:900; position:relative;}
.header .gnbBox  ul.main_menu:after{position:absolute; content:''; left:0; top:74px; width:100%; height:265px; border-radius:0px 0px 20px 20px; box-shadow:0px 3px 6px rgba(0,0,0,16%); z-index:-1; background:#fff;  display:none;}
.header .gnbBox  ul.main_menu li.menu{float:left; display:inline-block;   padding:25px 15px 12px 15px; box-sizing:border-box; text-align:center; position:relative;
    font-weight:400;}
.header .gnbBox  ul.main_menu li.menu.active .main_a{border-bottom: 3px solid #255ce7;}
.header .gnbBox  ul.main_menu li.menu.active .main_a.kasm{border-bottom: 3px solid #B05D8E;}

.header .gnbBox ul.main_menu li.menu .main_a {
    height: 100%;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    padding: 0 10px 10px 10px;
    white-space: nowrap;
}
.header .gnbBox  ul.main_menu li.menu .main_a:focus-visible{ outline-offset: 4px; outline: solid; border-radius: 2px;}
.header .gnbBox  ul.main_menu li.menu:hover .main_a{color:#003B83; position:relative; display:inline-block; white-space: nowrap;}
.header .gnbBox  ul.main_menu li.menu:hover .main_a.kasm{color: #B05D8E}
.header .gnbBox ul.main_menu li.menu .main_a::after {content: ''; position: absolute; width: 4px; height: 4px; background: #003B83; border-radius: 100px; right: 4%; top: -5%; opacity: 0; }
.header .gnbBox  ul.main_menu li.menu:hover .main_a::after{opacity: 1; animation: dots_ani 1s forwards; transition: opacity 0.3s ease;}
.header .gnbBox  ul.main_menu li.menu:hover .main_a.kasm:after{background: #B05D8E;}
@keyframes  dots_ani{
    0%{ opacity: 0;}
    100%{ opacity: 1;}
}
.header .gnbBox ul.main_menu li .sub_menu.on{display:inherit; }



.header .gnbBox ul.main_menu li .sub_menu{width:100%; overflow:hidden; position:absolute; left:50%; transform:translateX(-50%); top:60px; display:none; background:#fff; border:1px solid #ADBFDD;
    border-radius:14px; width:160px; padding:8px 0; box-sizing:border-box; box-shadow:3px 3px 10px rgba(0,0,0,16%); }
.header .gnbBox ul.main_menu li .sub_menu li a{font-size:17px; width:100%; height:100%; display:block; box-sizing:border-box; padding:10px 0;}
.header .gnbBox ul.main_menu li .sub_menu li:hover a{color:#003B83;}
/* 로그인 후, 유저 상태 */
.header .gnbBox ul.search_login li.loginBox a.user span{font-weight: 600; color: #003B83;}
.header .gnbBox ul.search_login li.loginBox a:hover{border-bottom-color: black;}
.header .gnbBox ul.search_login li.loginBox a:focus-visible{outline-offset: 2px; outline: solid; border-radius: 2px;}
/* 모바일 헤더 */
.m_menu_open{position: fixed;  z-index: 100001; width: 360px; left: 0%; top:0; height: 100%;  overflow: hidden; background: rgba(0,0,0,80%); transform: translateX(-100%); transition: transform 0.3s ease, opacity 0.3s ease; background: #EEF0F2;}
.m_menu_open.open{transform: translateX(0);}

.m_menu_open > ul{width: 100%; height: calc(100% - 80px); z-index: 10000; background: #EEF0F2; position: relative; overflow-y: scroll;}
.m_menu_open > ul > li{border-bottom: 1px solid #D9D9D9; background: #fff;}
.m_menu_open > ul > li > a{width: 100%; height: 100%; display: block; box-sizing: border-box; padding: var(--spacein-padding-default-sm);  position: relative; font-size: var(--spacein-left-menu-left-menu); font-weight: var(--spacein-font-weight-bold)}
.m_menu_open > ul > li > a:focus-visible, .m_menu_open > ul > li ul li a:focus-visible { outline-offset: -2px;}
.m_menu_open > ul > li ul li a{display: block; width: 100%; height: 100%; box-sizing: border-box; position: relative; padding: 10px 20px; font-weight: var(--spacein-font-weight-bold); font-size: var(--spacein-left-menu-left-menu-text);}
.m_menu_open > ul > li ul li{ border-top: 1px solid #D9D9D9; background:#F6F6F6;}
.m_menu_open > ul > li ul li.active {color: #FFF; background: linear-gradient(90deg, #0A458B 0%, #65A2DE 100%); }
.m_menu_open > ul > li ul li.kasm.active {color: #FFF; background: linear-gradient(90deg, #B05D8E 0%, #E3A6CA 100%); }
.m_menu_open > ul > li ul li.active a::after {position: absolute; content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; right: 20px; top: 50%; transform: translateY(-50%); color: #fff; font-size: var(--spacein-left-menu-left-menu-text);}

.m_menu_open button.close { font-size: 24px; cursor: pointer; color: #555; box-sizing: border-box; padding: 25px 20px; background: #fff; text-align: left;-webkit-tap-highlight-color: transparent;-webkit-user-select: none;user-select: none;}
.m_menu_open button.close:focus-visible { outline-offset: -4px }
.m_menu_open button.close:active{color: transparent;}
.m_menu_open button.close i:active{color: #296eb2;}
.m_menu_open .topBtn{width: 100%; height: 80px; display: flex; background:#fff;  border-bottom: 1px solid #ddd; align-items: stretch; justify-content: space-between;}
.m_menu_open .topBtn .loginBox{display:flex; box-sizing:border-box; padding-right: 20px; text-align:right; align-items: center}
.m_menu_open .topBtn .loginBox a{ display: inline-flex; align-items: center; gap: 7px; font-size:var(--spacein-header-link); padding-right: 5px;}
.m_menu_open .topBtn .loginBox a .icon_mem_m_menu { display: inline-block; width: 14px; height: 16px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16' fill='none'><path d='M1.42246 15.5H12.5775C13.4676 15.5 14 15.0829 14 14.3904C14 12.2381 11.3131 9.26808 6.99583 9.26808C2.68686 9.26808 0 12.2381 0 14.3904C0 15.0829 0.532382 15.5 1.42246 15.5ZM7.00415 7.77479C8.78429 7.77479 10.3315 6.17297 10.3315 4.08732C10.3315 2.0267 8.78429 0.5 7.00415 0.5C5.224 0.5 3.67676 2.06007 3.67676 4.10401C3.67676 6.17297 5.21568 7.77479 7.00415 7.77479Z' fill='%2314518B'/></svg>") no-repeat center center;}
.m_menu_open .topBtn .loginBox a .icon_logout_m_menu { display: inline-block; width: 16px; height: 16px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><rect x='1' y='1' width='9' height='14' rx='1.5' fill='white' stroke='black'/><rect x='5.5' y='5.95456' width='8' height='5.45455' fill='white'/><path d='M6.5 8.18182C6.22386 8.18182 6 8.40568 6 8.68182C6 8.95797 6.22386 9.18182 6.5 9.18182L6.5 8.68182L6.5 8.18182ZM15.8536 9.03538C16.0488 8.84011 16.0488 8.52353 15.8536 8.32827L12.6716 5.14629C12.4763 4.95103 12.1597 4.95103 11.9645 5.14629C11.7692 5.34155 11.7692 5.65813 11.9645 5.8534L14.7929 8.68182L11.9645 11.5103C11.7692 11.7055 11.7692 12.0221 11.9645 12.2174C12.1597 12.4126 12.4763 12.4126 12.6716 12.2174L15.8536 9.03538ZM6.5 8.68182L6.5 9.18182L15.5 9.18182L15.5 8.68182L15.5 8.18182L6.5 8.18182L6.5 8.68182Z' fill='black'/></svg>") no-repeat center center;}
.m_menu_open .topBtn .loginBox a .icon_login_m_menu { display: inline-block; width: 16px; height: 16px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><rect x='5' y='1' width='9' height='14' rx='1.5' fill='white' stroke='black'/><rect x='0.5' y='5.95459' width='8' height='5.45455' fill='white'/><path d='M1.5 8.18188C1.22386 8.18188 1 8.40574 1 8.68188C1 8.95803 1.22386 9.18188 1.5 9.18188L1.5 8.68188L1.5 8.18188ZM10.8536 9.03544C11.0488 8.84018 11.0488 8.52359 10.8536 8.32833L7.67157 5.14635C7.47631 4.95109 7.15973 4.95109 6.96447 5.14635C6.7692 5.34161 6.7692 5.6582 6.96447 5.85346L9.79289 8.68188L6.96447 11.5103C6.7692 11.7056 6.7692 12.0222 6.96447 12.2174C7.15973 12.4127 7.47631 12.4127 7.67157 12.2174L10.8536 9.03544ZM1.5 8.68188L1.5 9.18188L10.5 9.18188L10.5 8.68188L10.5 8.18188L1.5 8.18188L1.5 8.68188Z' fill='black'/></svg>") no-repeat center center;}
.m_menu_open .topBtn .loginBox a .icon_join_m_menu { display: inline-block; width: 16px; height: 16px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='24 1 16 16' fill='black'><path d='M30.2275 10.1064C33.6657 10.259 35.7888 12.7309 35.7891 14.5381C35.7891 15.1382 35.3412 15.4999 34.5918 15.5H25.1982L25.0605 15.4961C24.3939 15.4541 24 15.1006 24 14.5381C24.0002 12.6727 26.2632 10.0986 29.8916 10.0986L30.2275 10.1064ZM29.8916 11.0986C28.3212 11.0986 27.0784 11.6536 26.2373 12.377C25.3978 13.099 25.0266 13.9205 25.002 14.4795C25.045 14.4894 25.1092 14.5 25.1982 14.5H34.5918C34.6798 14.5 34.7431 14.4892 34.7861 14.4795C34.7615 13.9206 34.3918 13.0999 33.5518 12.3779C32.71 11.6546 31.4661 11.0987 29.8916 11.0986ZM37.1318 5.09961C37.4077 5.09974 37.6316 5.32373 37.6318 5.59961V7.56641H39.5C39.7759 7.56654 39.9999 7.79047 40 8.06641C40 8.34247 39.776 8.56627 39.5 8.56641H37.6318V10.666C37.6318 10.9421 37.4079 11.1659 37.1318 11.166C36.8557 11.166 36.6318 10.9422 36.6318 10.666V8.56641H34.6055C34.3293 8.56641 34.1055 8.34255 34.1055 8.06641C34.1056 7.79039 34.3294 7.56641 34.6055 7.56641H36.6318V5.59961C36.6321 5.32365 36.8558 5.09961 37.1318 5.09961ZM30.0381 2.50391C31.4774 2.58317 32.7002 3.87928 32.7002 5.60938L32.6963 5.77734C32.6184 7.50197 31.3505 8.80456 29.8984 8.80469L29.7578 8.80078C28.359 8.72041 27.1744 7.44667 27.0996 5.79004L27.0967 5.62305C27.0969 3.85184 28.3995 2.5 29.8984 2.5L30.0381 2.50391ZM29.8984 3.5C29.0314 3.5 28.0969 4.32105 28.0967 5.62305C28.0967 6.96911 29.0443 7.80469 29.8984 7.80469C30.7441 7.80455 31.7 6.971 31.7002 5.60938C31.7002 4.30229 30.7743 3.50013 29.8984 3.5Z'/></svg>") no-repeat center center;}
.m_menu_open .topBtn .loginBox a:last-child{padding-right: 0;}
.m_menu_open .topBtn .loginBox a.join{margin-left: 5px; box-sizing:border-box; padding-left: 10px; border-left: 1px solid #aaa;}
.m_menu_open .topBtn .loginBox a.user span{font-weight: 600; color: #003B83;}
.m_menu_open .topBtn .loginBox a.logout{margin-left:5px; box-sizing:border-box; padding-left: 10px; border-left: 1px solid #aaa;}

/* 푸터 */
footer{width:100%;padding:24px 0;box-sizing:border-box;/*background:#434343;*/background: #003D7C;color: #EAEAEA;font-size:15px;font-weight:400;}
footer .footer_inner{width:1200px; margin:0 auto;position:relative; }
footer .footer_inner .menu{display:inline-block; float:left; margin-bottom:10px; }
footer .footer_inner .menu ul{overflow:hidden;}
footer .footer_inner .menu ul li{display:inline-block; float:left; margin-right:20px;}
footer .footer_inner .menu ul li a{width:100%; height:100%; display:inline-block; color:#fff !important;}
footer .footer_inner .menu ul li.color a{color:#FFD500 !important;   font-size:19px; margin-top:-3px;}
footer .footer_inner .right{display:flex;  height:100%;   flex-wrap: wrap; justify-content: flex-end; float:right; width:30%; }
footer .footer_inner .right .utill_select_area { display:inline-block;  width: 188px;height: 35px; margin-bottom:110px; /*background-color: #2E2E2E; */background: #00203D;  border-radius: 10px;border:1px solid white; z-index:999; position:relative;}
.btn_utill_select {   display: block; height: 100%; padding: 0 5px 0 15px; box-sizing:border-box; color:#fff; }
.btn_utill_select span{display: block;  line-height: 35px; font-size: /*13px;*/ var(--spacein-footer-text); background:url(/img/main/site_icon_01.webp) no-repeat
right center; }
footer .footer_inner .right .info{  text-align:right; font-size: 13px;}
footer .footer_inner .right p.time{color:#BBBBBB;  display:inline-block;   margin-top: 5px;}
footer .footer_inner .left{display: inline-block; overflow:hidden;  margin-top:30px;}
footer .footer_inner .left h1.logo{ }
footer .footer_inner .left .info{ margin-top:20px; font-size: 13px;}
footer .footer_inner .left .info p {margin-bottom:5px;}
footer .footer_inner .left .info p.copyright{font-size:11px; color:#BBBBBB; margin-bottom:0px;}
.utill_select_box{display:none; position:absolute; bottom:35px; left:50%; transform:translateX(-50%); width:100% ; background:#00203D; border-radius: 10px 10px 0 0;  z-index:1000;  border:1px solid white; border-bottom:none;}
.utill_select_box ul{width:100%;}
.utill_select_box ul li{padding:5px 15px; box-sizing:border-box;}
.utill_select_box ul li a{font-size:/*13px*/ var(--spacein-footer-copy); width:100%; height:100%; display:block;}
.utill_select_area.open .utill_select_box{display:block;}
.utill_select_area.open{border-radius:0 0 10px 10px !important;}
.utill_select_area.open .btn_utill_select span{background:url(/img/main/site_icon_02.webp) no-repeat right center}


/*footer.user-footer{height: 360px; padding: 40px 0;}*/
footer.user-footer .footer_inner{display: flex; flex-direction: column; gap: /*24px;*/ var(--spacein-footer-menu-padding); max-width: 1200px;}
footer.user-footer .policy-color{color:#FFD500 !important;   font-size:19px; /*margin-top:-3px;*/}
footer.user-footer .footer_inner .utill_select_area { display:inline-block;  width: 188px;height: 35px; background: #00203D;  border-radius: 10px;border:1px solid white; position:relative;}
footer.user-footer .f-info{font-size: 13px;}
footer.user-footer .info-cs li {margin-top: 12px;}
footer.user-footer .footer_inner .f-logo img{height : 34px;}
footer.user-footer .footer_inner .f-cnt{display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;}
footer.user-footer .f-link .link-go{display: flex;flex-direction: column;gap: 12px;}
footer.user-footer .f-btm {padding-top: 24px; border-top: 1px solid #ccc;}
footer.user-footer .f-btm .f-menu{display: flex; flex-direction: row; align-items: center}
footer.user-footer .f-btm .f-btm-text{/*display: flex;*/align-items: center;justify-content: space-between;}
footer.user-footer .f-copy{font-size: 11px; color: #bbb;}
footer.user-footer .link-arrow{position: relative;}
footer.user-footer .link-arrow:after{display:inline-block; content:'>';  height: 100%; position: relative; top:0; left:0; margin-left: 16px;}
footer.user-footer .eprivacy-container{display:flex; flex-direction: column; align-items: center; gap: 4px;}
footer.user-footer .eprivacy-img{width: 48px;}
footer.user-footer .eprivacy-container span{/*font-size: 12px;*/ font-size: var(--spacein-footer-text)}

footer .footer_inner {
    width: auto;
}

footer.user-footer .f-gap {
    padding-bottom: var(--spacein-footer-table-gap);
}

footer.user-footer .f-info-title {
    font-size: var(--spacein-footer-text);
    vertical-align: top;
}

footer.user-footer .f-info-content {
    font-size: var(--spacein-footer-text);
    padding-left: var(--spacein-footer-table-gap);
}

footer.user-footer .f-btm {
    padding-top: var(--spacein-padding-default-sm);
}

footer.user-footer .f-btm .f-menu  {
    font-size: var(--spacein-footer-link);
    padding-bottom: var(--spacein-footer-menu-padding);
    gap: var(--spacein-footer-link-gap);
    flex-wrap: wrap;
}

footer.user-footer .f-btm .f-copy {
    float: left;
    font-size: var(--spacein-footer-copy);
}

footer.user-footer .f-info-container.f-info-mobile {
    display: none;
}
footer.user-footer .f-info-container.f-info-pc {
    display: block;
    border-collapse: separate;
    border-spacing: 0 var(--spacein-footer-table-gap);
}

footer.user-footer .f-info-container.f-info-pc .f-cs-title {
    padding-right: var(--spacein-footer-table-gap);
}

footer.user-footer .f-info-container.f-info-pc .f-service-name {
    position: relative;
    padding-left: var(--spacein-footer-table-gap);
    padding-right: var(--spacein-footer-table-gap);
    white-space: nowrap;
}

footer.user-footer .f-info-container.f-info-pc .f-service-name::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 1em;
    background-color: white;
}

footer.user-footer .f-contact-info {
    display: flex;
    align-items: center;
    gap: 0;
    padding-left: var(--spacein-footer-table-gap);
}

footer.user-footer .f-contact-email {
    position: relative;
    display: inline-block;
    padding-right: var(--spacein-footer-table-gap);
    white-space: nowrap;
}

footer.user-footer .f-contact-email::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.5px;
    height: 1em;
    background-color: white;
}

footer.user-footer .f-contact-phone {
    display: inline-block;
    padding-left: var(--spacein-footer-table-gap);
    white-space: nowrap;
}

.backdrop {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); pointer-events: auto; z-index: 1005;}

/* 반응형 */
@media screen and (max-width: 1279px) {
    .header {
        padding: 0 var(--spacein-header-padding);
        width: auto !important;
        max-width: 1200px;
    }

    footer.user-footer {
        padding: var(--spacein-padding-default-lg);
    }

    footer.user-footer .f-info-container {
        display: flex;
        flex-direction: row;
        gap: var(--spacein-footer-table-gap);
    }
}

@media screen and (max-width: 1023px) {
    .slide_inner{width:100%; padding:15px 10px; box-sizing:border-box;}

    /* 헤더 */
    .header{display:none;}
    .m_header{display:block; width:100%; padding:10px 24px; box-sizing:border-box; overflow:visible;}
    .m_header .m_header_top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
    .m_header .m_header_top h1.m_logo{position: static;}
    .m_header .m_header_top h1.m_logo a{width: 100%; height: 100%; display: block;}
    .m_header .m_header_top h1.m_logo a img{text-align: center; margin-left: 20px; margin-bottom: 6px}
    .m_header .m_header_top button{cursor: pointer;}
    .m_header .m_header_top button.menu, .m_header .m_header_top a
    {display: flex; flex-direction: column; align-items: center; justify-content: center; font-size:13px; gap: 4px; height: auto; box-sizing: border-box; padding: 0 12px;-webkit-tap-highlight-color: transparent;-webkit-user-select: none;user-select: none; color: black;}
    .m_header .m_header_top button.menu:focus-visible, .m_header .m_header_top a:focus-visible { outline: solid; border-radius: 4px; outline-offset: 4px; }
    .m_header .m_header_top button.menu .icon_menu_m_header { display: inline-block; width: 40px; height: 40px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='41' height='40' viewBox='0 0 41 40' fill='none'><path d='M29.499 27.2002C29.9408 27.2002 30.2987 27.5583 30.2988 28C30.2988 28.4418 29.9409 28.7998 29.499 28.7998H11.499C11.0573 28.7997 10.6992 28.4418 10.6992 28C10.6993 27.5583 11.0574 27.2003 11.499 27.2002H29.499ZM29.499 21.2002C29.9408 21.2002 30.2987 21.5583 30.2988 22C30.2988 22.4418 29.9409 22.7998 29.499 22.7998H11.499C11.0573 22.7997 10.6992 22.4418 10.6992 22C10.6993 21.5583 11.0574 21.2003 11.499 21.2002H29.499ZM29.499 15.2002C29.9408 15.2002 30.2987 15.5583 30.2988 16C30.2988 16.4418 29.9409 16.7998 29.499 16.7998H11.499C11.0573 16.7997 10.6992 16.4418 10.6992 16C10.6993 15.5583 11.0574 15.2003 11.499 15.2002H29.499Z' fill='%2333363D'/></svg>") no-repeat center center; background-size: contain; }
    .m_header .m_header_top a .icon_login_m_header { display: inline-block; width: 40px; height: 40px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'><rect x='15.8334' y='10.5' width='12.3333' height='19' rx='1.5' fill='white' stroke='black'/><rect x='10' y='17.2728' width='10.6667' height='7.27273' fill='white'/><path d='M11.3334 20.4092C11.0572 20.4092 10.8334 20.633 10.8334 20.9092C10.8334 21.1853 11.0572 21.4092 11.3334 21.4092L11.3334 20.9092L11.3334 20.4092ZM23.6869 21.2627C23.8822 21.0675 23.8822 20.7509 23.6869 20.5556L20.5049 17.3736C20.3097 17.1784 19.9931 17.1784 19.7978 17.3736C19.6026 17.5689 19.6026 17.8855 19.7978 18.0808L22.6263 20.9092L19.7978 23.7376C19.6026 23.9329 19.6026 24.2495 19.7978 24.4447C19.9931 24.64 20.3097 24.64 20.5049 24.4447L23.6869 21.2627ZM11.3334 20.9092L11.3334 21.4092L23.3334 21.4092L23.3334 20.9092L23.3334 20.4092L11.3334 20.4092L11.3334 20.9092Z' fill='black'/></svg>") no-repeat center center; background-size: contain; }
    .m_header .m_header_top a .icon_logout_m_header { display: inline-block; width: 41px; height: 40px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='41' height='40' viewBox='0 0 41 40' fill='none'><rect x='11' y='10.5' width='12.3333' height='19' rx='1.5' fill='white' stroke='black'/><rect x='17.1666' y='17.2727' width='10.6667' height='7.27273' fill='white'/><path d='M18.5 20.4091C18.2239 20.4091 18 20.6329 18 20.9091C18 21.1852 18.2239 21.4091 18.5 21.4091L18.5 20.9091L18.5 20.4091ZM30.8536 21.2626C31.0488 21.0674 31.0488 20.7508 30.8536 20.5555L27.6716 17.3736C27.4763 17.1783 27.1597 17.1783 26.9645 17.3736C26.7692 17.5688 26.7692 17.8854 26.9645 18.0807L29.7929 20.9091L26.9645 23.7375C26.7692 23.9328 26.7692 24.2494 26.9645 24.4446C27.1597 24.6399 27.4763 24.6399 27.6716 24.4446L30.8536 21.2626ZM18.5 20.9091L18.5 21.4091L30.5 21.4091L30.5 20.9091L30.5 20.4091L18.5 20.4091L18.5 20.9091Z' fill='black'/></svg>") no-repeat center center; background-size: contain; }
    .m_header .m_header_top button.menu:active, .m_header .m_header_top a:active{color: #296eb2;}
    .m_header .m_header_top button.menu .icon_menu_m_header:active {background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='41' height='40' viewBox='0 0 41 40' fill='none'><path d='M29.499 27.2002C29.9408 27.2002 30.2987 27.5583 30.2988 28C30.2988 28.4418 29.9409 28.7998 29.499 28.7998H11.499C11.0573 28.7997 10.6992 28.4418 10.6992 28C10.6993 27.5583 11.0574 27.2003 11.499 27.2002H29.499ZM29.499 21.2002C29.9408 21.2002 30.2987 21.5583 30.2988 22C30.2988 22.4418 29.9409 22.7998 29.499 22.7998H11.499C11.0573 22.7997 10.6992 22.4418 10.6992 22C10.6993 21.5583 11.0574 21.2003 11.499 21.2002H29.499ZM29.499 15.2002C29.9408 15.2002 30.2987 15.5583 30.2988 16C30.2988 16.4418 29.9409 16.7998 29.499 16.7998H11.499C11.0573 16.7997 10.6992 16.4418 10.6992 16C10.6993 15.5583 11.0574 15.2003 11.499 15.2002H29.499Z' fill='%23296eb2'/></svg>") no-repeat center center; background-size: contain;}
    .m_header .m_header_top a .icon_login_m_header:active {background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'><rect x='15.8334' y='10.5' width='12.3333' height='19' rx='1.5' fill='white' stroke='%23296eb2'/><rect x='10' y='17.2728' width='10.6667' height='7.27273' fill='white'/><path d='M11.3334 20.4092C11.0572 20.4092 10.8334 20.633 10.8334 20.9092C10.8334 21.1853 11.0572 21.4092 11.3334 21.4092L11.3334 20.9092L11.3334 20.4092ZM23.6869 21.2627C23.8822 21.0675 23.8822 20.7509 23.6869 20.5556L20.5049 17.3736C20.3097 17.1784 19.9931 17.1784 19.7978 17.3736C19.6026 17.5689 19.6026 17.8855 19.7978 18.0808L22.6263 20.9092L19.7978 23.7376C19.6026 23.9329 19.6026 24.2495 19.7978 24.4447C19.9931 24.64 20.3097 24.64 20.5049 24.4447L23.6869 21.2627ZM11.3334 20.9092L11.3334 21.4092L23.3334 21.4092L23.3334 20.9092L23.3334 20.4092L11.3334 20.4092L11.3334 20.9092Z' fill='%23296eb2'/></svg>") no-repeat center center; background-size: contain; }
    .m_header .m_header_top a .icon_logout_m_header:active {background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='41' height='40' viewBox='0 0 41 40' fill='none'><rect x='11' y='10.5' width='12.3333' height='19' rx='1.5' fill='white' stroke='%23296eb2'/><rect x='17.1666' y='17.2727' width='10.6667' height='7.27273' fill='white'/><path d='M18.5 20.4091C18.2239 20.4091 18 20.6329 18 20.9091C18 21.1852 18.2239 21.4091 18.5 21.4091L18.5 20.9091L18.5 20.4091ZM30.8536 21.2626C31.0488 21.0674 31.0488 20.7508 30.8536 20.5555L27.6716 17.3736C27.4763 17.1783 27.1597 17.1783 26.9645 17.3736C26.7692 17.5688 26.7692 17.8854 26.9645 18.0807L29.7929 20.9091L26.9645 23.7375C26.7692 23.9328 26.7692 24.2494 26.9645 24.4446C27.1597 24.6399 27.4763 24.6399 27.6716 24.4446L30.8536 21.2626ZM18.5 20.9091L18.5 21.4091L30.5 21.4091L30.5 20.9091L30.5 20.4091L18.5 20.4091L18.5 20.9091Z' fill='%23296eb2'/></svg>") no-repeat center center; background-size: contain; }

    .m_header .m_h_search_inp { display: block; width: 100%; }

    .m_header .m_h_search_inp .m_h_search_input {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 50px;
        margin-top: 10px;
    }
    .m_header .m_h_search_inp .m_h_search_input input {display: flex; height: 100%; padding: 5px 78px 5px 110px; align-items: center; gap: 48px; align-self: stretch; width: 100%; border-radius: 50px; border: 1px solid #AFAFAF;}
    .m_header .m_h_search_inp .m_h_search_input img {position: absolute; left: 20px; transform: translateY(-50%);top: 48%; pointer-events: none; z-index: 2;}
    .m_header .m_h_search_inp .m_h_search_input .icon_search_m_header {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #A9A9A9}
    .m_header .m_h_search_inp .m_h_search_input button.search_button:focus-visible .icon_search_m_header { outline: 2px auto black; outline-offset: 2px;}
    .m_header .m_h_search_inp .m_h_search_input .clear_button {
        position: absolute;
        right: 50px;
        top: 50%;
        transform: translateY(-50%);
        color: #A9A9A9;
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
        z-index: 3;
        width: var(--spacein-input-search-icon-width);
        height: var(--spacein-input-search-icon-width);
        display: flex;
        align-items: center;
        justify-content: center;

        opacity: 0;
        visibility: hidden;
        transition: opacity 0.2s ease, visibility 0.1s ease;
    }
    .m_header .m_h_search_inp .m_h_search_input .clear_button.show {
        opacity: 1;
        visibility: visible;
    }
    .m_header .m_h_search_inp .m_h_search_input .clear_button i {
        font-size: var(--spacein-all-text);
    }
    /* 푸터 */
    footer{padding:15px 0;}
    footer .footer_inner{width:100%;padding:0;box-sizing:border-box;/* height:auto; */}
    footer .footer_inner .menu{float:none; display:block; text-align:center; margin-bottom:15px;}
    footer .footer_inner .menu ul{width:100% ; display:block; }
    footer .footer_inner .menu ul li{ text-align:center; float:none; margin-bottom:5px;}
    footer .footer_inner .menu ul li a{font-size:11px;}
    footer .footer_inner .menu ul li.color a{color:#FFD500;   font-size:13px; margin-top:-3px;}
    footer .footer_inner .left h1.logo{display:none;}
    footer .footer_inner .right{display:block; float:none; width:100%; text-align:center;  position:static; height:auto; margin-bottom:5px}
    footer .footer_inner .left{display:block; float:none; width:100%; position:static;}
    footer .footer_inner .right .utill_select_area{width:156px;  margin-bottom:5px; height:25px; display:block; border-radius: 5px; float:none; margin:10px auto;}
    .btn_utill_select{text-align:left;}
    .btn_utill_select span{line-height: 25px;}
    .utill_select_box{bottom:25px;}
    .utill_select_box ul li a{text-align:left; width:100%; height:100%; display:block;}
    footer .footer_inner .right .info .contact{padding-top:5px; box-sizing:border-box; }
    footer .footer_inner .right .info{float:none; position:static; font-size:11px; text-align:center;}
    footer .footer_inner .right p.time{float:none;  margin-left:0; text-align:center;margin-right:10px;}
    footer .footer_inner .right .timeBox{overflow:hidden; width:100%; margin-top:0px;}
    footer .footer_inner .left .info{margin-top:0; display:block; float:none; font-size: 11px;}
    footer .footer_inner .left .info p.e-mail{margin-bottom:5px;}
    footer .footer_inner .left .info p{text-align:center;}


    footer.user-footer{height:unset;}
    footer.user-footer .footer_inner .f-logo img{height : 24px;}
    footer.user-footer .f-copy {/*margin-top: 12px;*/ text-align: center}
    footer.user-footer .footer_inner .f-cnt { flex-direction: row; gap: 32px;}
    footer.user-footer .footer_inner .policy-color a{color:#FFD500;   font-size:12px; /*margin-top:-3px;*/}
    footer.user-footer .btn_utill_select span{line-height: 35px;}
    footer.user-footer .policy-color{
        font-size: var(--spacein-footer-link);
    }
}

@media screen and (max-width: 767px) {
    .m_header {
        padding: 10px 16px;
    }
    footer.user-footer {
        padding: var(--spacein-padding-default-sm);
    }
    footer.user-footer .f-btm .f-btm-text {
        align-items: flex-start;
        float: left;
    }
    footer.user-footer .f-info-container.f-info-mobile {
        display: block;
    }
    footer.user-footer .f-info-container.f-info-pc {
        display: none;
    }

    footer.user-footer .f-mobile-contact {
        display: block;
        word-break: break-all;
    }

    footer.user-footer .f-mobile-email {
        display: inline;
    }

    footer.user-footer .f-mobile-email::after {
        content: ' | ';
        color: white;
        padding: 0 4px;
    }

    footer.user-footer .f-mobile-phone {
        display: inline;
    }

    footer.user-footer .footer_inner .f-cnt {
        flex-direction: column;
    }

    .m_menu_open{
        width: 280px;
    }
}

/* 1024 이상 (Lg) 모바일 좌측 메뉴 및 통합겁색 입력 모듈 처리 */
@media screen and (min-width: 1024px) {
    body{
        overflow: unset !important;
    }
    body > div.backdrop {
        display: none;
    }
    .m_menu_open.open {
        display: none;
    }
}

@media screen and (min-width: 1280px) {
    #footer_div {
        background-color: #003D7C;
    }

    footer.user-footer {
        width: 100%;
        justify-content: space-between;
    }

    footer .footer_inner {
        width: 1200px;
    }
}