/* webfont */
@import url("https://djv24y2jjxsp7.cloudfront.net/ontest/font/Pretendard-1.3.4/web/static/pretendard.css");

:root {
	--transition: all 0.4s ease ;
	--shadow : 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.08)
}


/* 공통 */
 * { margin: 0; padding: 0; outline: none; box-sizing: border-box;}
body {margin: 0; padding: 0; -ms-overflow-style: none; scrollbar-width: none; }
body::-webkit-scrollbar {display: none;}
html { scroll-behavior: smooth; }
html, body {font: 400 1rem/1.3 'Pretendard', sans-serif;  color: #000000; width: 100%; position: relative;}
ul, li {list-style: none;}
a {text-decoration: none; color: inherit; -webkit-tap-highlight-color: transparent;}
img {max-width: 100%;}
img.full {width: 100%; height: 100%; object-fit: contain;}
button { font-family: inherit; border: none; background-color: transparent; outline: 0;  cursor: pointer; }
input,textarea,button,select {font-family: inherit;}

#detail_modal img {height: auto !important;}

body.hidden { overflow: hidden;} 
body::before { content: "";  position: fixed;  left: 0;  top: 0;  width: 100%;  height: 100%; background-color: rgba(0,0,0,0.25); z-index: 99;  transition: all 0.4s ease; opacity: 0; pointer-events: none;cursor: pointer;}
body.hidden::before { opacity: 1;  pointer-events: auto;}

.wrap { position: relative;  width: 100%; min-height: 100vh; display: flex;  flex-direction: column;}
.container { position: relative; flex: 1;  width: 100%; padding-top: 5rem;}
.inner {position: relative; width: 90%; max-width: 1280px;  margin-left: auto; margin-right: auto;}
.section {position: relative; width: 100%;}
.pc {display: block;}
.tablet {display: none !important;}
.mobile { display: none !important;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {display: none;}



/* 공통 - 헤더*/
.header { position: fixed; left: 0; top: 0; width: 100%; height: 5rem; background: #131720; z-index: 80;}
.header .h_inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 2.5rem;}
.header .h_logo { width: 5.688rem;}
.header .h_logo > a {display: flex;}
.header .h_side {display: flex; align-items: center; gap: 0.75rem;} 
.header .h_side .button.typeD { font-weight: 400;}
.header .h_side .menu_open{background: url(/images/ic_menu.png) no-repeat center/contain; width: 2.4rem; aspect-ratio: 1/1; display: none; cursor: pointer; border: none;}

/* 모바일 슬라이드 메뉴 */
.mobile_menu_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 90;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.mobile_menu_overlay.active {
    opacity: 1;
    visibility: visible;
}

.mobile_menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 80%;
    max-width: 320px;
    height: 100%;
    background: #fff;
    z-index: 100;
    transition: left 0.3s ease;
    overflow-y: auto;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
}

.mobile_menu.active {
    left: 0;
}

.mobile_menu_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 1.5rem;
    border-bottom: 1px solid #dfe5ec;
}

.mobile_menu_header .logo {
    width: 5.688rem;
}

.mobile_menu_close {
    position: relative;
    width: 2rem;
    height: 2rem;
    border: none;
    background: transparent;
    cursor: pointer;
}

.mobile_menu_close::before,
.mobile_menu_close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    background: #131720;
}

.mobile_menu_close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.mobile_menu_close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.mobile_menu_content {
    padding: 2rem 1.5rem;
}

.mobile_menu_buttons {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.mobile_menu_buttons .button {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    font-size: 0.938rem;
    font-weight: 600;
    border-radius: 0.5rem;
    transition: all 0.3s ease;
}

.mobile_menu_buttons .button.typeD {
    background: #fff;
    color: #131720;
    border: 1px solid #dfe5ec;
}

.mobile_menu_buttons .button.typeD:hover {
    background: #f8f9fa;
    border-color: #131720;
}

.mobile_menu_buttons .button.typeC {
    background: #7c00ff;
    color: #fff;
    border: 1px solid #7c00ff;
}

.mobile_menu_buttons .button.typeC:hover {
    background: #6600cc;
    border-color: #6600cc;
} 



/* 공통 - 푸터 */
.footer {position: relative; background: #131720; padding: 3rem 0;}
.footer .f_inner {display: flex; align-items: flex-start; gap: 1.5rem; font-weight: 400;font-size: 0.875rem;line-height: 157%;color: #dfdfdf;}
.footer .f_tit {font-weight: 700;font-size: 1rem;line-height: 150%;color: #fff;}
.footer .f_info {flex: 1; display: flex; flex-direction: column;}
.footer .f_info .logo { width: 5.688rem; display: flex; margin-bottom: 2rem;}
.footer .f_info .info_txt { margin-bottom: 0.875rem;}
.footer .f_cont {display: flex; align-items: flex-start; gap: 1.5rem;}
.footer .f_cont .item {width: 11rem; display: flex; flex-direction: column; gap: 1rem;}
.footer .f_cont .item .contbox{display: flex; flex-direction: column; gap: 0.5rem;}
.footer .f_cont .guidebox .contbox .link{font-weight: 500;}
.footer .f_cont .sitebox .contbox .link {display: flex; align-items: center; gap: 0.563rem;}
.footer .f_cont .sitebox .contbox .link .tit {font-weight: 500;}
.footer .f_cont .sitebox .contbox .link .desc {font-size: 0.813rem;line-height: 154%;color: #737984;}
.footer .f_contact {display: flex; flex-direction: column; gap: 1rem;}
.footer .f_contact .contbox {display: flex; flex-direction: column; align-items: flex-start; gap: 1rem;}
.footer .f_contact .contbox .inq_btn { font-size: 0.813rem; line-height: 154%;   border: 1px solid #fff; border-radius: 0.5rem;  width: auto;  height: 2rem;  padding: 0 1rem;}



/* 공통 - 폼 */
.form_box {position: relative; display: flex; flex-wrap: wrap; gap: 2.5rem;} 
.form_line {width: 100%; height: 1px; background: #dfe5ec;}
.input_box { position: relative; width: 100%; display: flex; flex-direction: column; gap: 0.75rem;}
.input_box .input_text { width: 100%; height: 3.5rem; border: 1px solid #dfdfdf;   border-radius: 1rem;  padding: 0 1.25rem; font-size: 1rem; line-height: 150%;  color: #131720; background: #fff;}
.input_box .input_text::placeholder {color: #adb2bb;}
.input_box .input_text:read-only:not(.notreadonly) { border: none; padding: 0;}
.input_box .input_text.datepicker {background: url(/images/ic_datepicker.png) no-repeat right 1.25rem center/1.5rem auto #fff; padding-right: 3.75rem;  cursor: pointer;}
.input_box textarea.input_text {height: 11.5rem; padding: 1.25rem; resize: none;}
.input_box .label_text { font-weight: 700;font-size: 1rem;line-height: 150%;color: #131720; display: block; word-break: keep-all;}
.input_box .label_text .required { color: #7c00ff;}
.input_box .input_item {display: flex; align-items: center; justify-content: space-between; gap: 0.75rem;}
.input_box .input_item .input_text {flex: 1;}
.input_box .input_item .select_box {flex: 1;}
.input_box .input_item .mx200 {max-width: 10rem;}
.input_box .input_item .mx220 {max-width: 13.75rem;}
.input_box .input_item .mx240 {max-width: 15rem;}
.input_box .input_item .mx300 {max-width: 18.75rem;}
.input_box .input_txt{font-size: 1rem;line-height: 150%;color: #131720;}
.input_box .input_btn { padding: 0;  width: 6.75rem; height: 3.5rem;   font-size: 1rem;  border-radius: 1rem;}
.input_box .word_number { font-size: 0.875rem;line-height: 157%;color: #627383;  position: absolute;  right: 1rem;bottom: 1rem;}
.input_box_sch .input_text{padding-right: 4rem;}
.input_box_sch .search_btn{background: url(/images/ic_search.png) no-repeat center/contain; width: 1.5rem; aspect-ratio: 1/1; position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%);}

.check_wrap { position: relative; display: flex; align-items: center; gap: 1rem;} 
.check_box { position: relative; display: flex; align-items: center; gap: 0.5rem;} 
.check_box .input_check { display: inline-block; width: 1.5rem; aspect-ratio: 1 / 1;  appearance: none; background: url(/images/checkbox_off.png) no-repeat center / contain;  cursor: pointer;}
.check_box .input_check:checked { background-image: url(/images/checkbox_on.png);}
.check_box .label_check { flex: 1; display: inline-block; font-size: 0.875rem;line-height: 157%;color: #131720; word-break: keep-all; cursor: pointer; }
.check_box .label_check .link {font-weight: 500; }
.check_box .label_check .line {text-decoration: underline;text-underline-offset: 0.188rem;}

.radio_wrap { display: flex; flex-wrap: wrap; align-items: center; gap:1rem;}
.radio_box { display: flex; align-items: center; gap: 0.375rem;}
.radio_box .input_radio {background: url(/images/radio_off.png) no-repeat center / contain; width: 1.5rem; height: 1.5rem; appearance: none; cursor: pointer;}
.radio_box .input_radio:checked {background-image: url(/images/radio_on.png);}
.radio_box .label_radio { font-size: 0.875rem;line-height: 157%;color: #131720; cursor: pointer;}
 
.select_box { position: relative; width: 100%;}
.select_box .select { width: 100%; appearance: none;height: 3.5rem; border: 1px solid #dfdfdf;  border-radius: 1rem;  padding: 0 4rem 0 1.25rem;  font-size: 1rem;  line-height: 150%; color: #131720; background: #fff; background: url(/images/select_arrow.png) no-repeat right 1.25rem top 50% / 1.75rem #ffffff; cursor: pointer;}

.button {border: 1px solid #131720; border-radius: 0.75rem; padding: 0 2rem; height: 3rem; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.875rem; line-height: 157%; border: none; transition: var(--transition);}
.button.typeA { background: linear-gradient(to right, #f9471e 0%, #7c00ff 100%); color: #fff;background-size: 100% auto;}
.button.typeA:hover { background-position: right center;  background-size: 250% auto;}
.button.typeB {background: #181818; color: #fff; border: 1px solid #131720;}
.button.typeB:hover{background: #fff; color: #131720;}
.button.typeC {background: #fff; color: #131720; border: 1px solid #131720;}
.button.typeC:hover{background: #181818; color: #fff;}
.button.typeD {background:transparent; color: #fff; border: 1px solid rgba(255,255,255,0.6); }
.button.typeD:hover {background: #fff; color: #131720;}
.button.typeE {background: #fff; color: #627383; border: 1px solid #c4cdd6;}
.button.typeE:hover{background: #627383; color: #fff;}
.button.typeF {background: #7c00ff; color: #fff; border: 1px solid #7c00ff;}
.button.typeF:hover{background: #fff; color: #7c00ff;}
.button.typeG {background: #f9471e; color: #fff; border: 1px solid #f9471e;}
.button.typeG:hover{background: #fff; color: #f9471e;}
.button:disabled {background: #f0f1f8; border: 1px solid #f0f1f8; color: #adb2bb;}
.button:disabled:hover {background: #f0f1f8; border: 1px solid #f0f1f8; color: #adb2bb;}
.button.small {font-size: 0.813rem; line-height: 154%; height: 2.5rem; border-radius: 0.5rem; padding: 0 1.5rem;}
.button.big {font-size: 1.125rem;line-height: 144%; font-weight: 800; height: 4rem; border-radius: 1rem;}
.button.disabled {background: #f0f1f8; border: 1px solid #f0f1f8; color: #adb2bb; cursor: default;}
.button.disabled:hover {background: #f0f1f8; border: 1px solid #f0f1f8; color: #adb2bb; cursor: default;}


.bookmark_btn {background: url(/images/ic_bookmark_off.png) no-repeat center/contain; width: 2rem; aspect-ratio: 1/1;}
.bookmark_btn.on {background-image: url(/images/ic_bookmark_on.png);}

.swiper_prev_btn {background: url(/images/ic_slide_arrow2.png) no-repeat center/contain; width: 3rem; height: auto; aspect-ratio: 1/1; transition: var(--transition);}
.swiper_prev_btn.swiper-button-disabled {opacity: 0;}
.swiper_next_btn {background: url(/images/ic_slide_arrow.png) no-repeat center/contain; width: 3rem; height: auto; aspect-ratio: 1/1; transition: var(--transition);}
.swiper_next_btn.swiper-button-disabled {opacity: 0;}



/* 공통 - datepicker */
#datepicker:focus>.ui-datepicker { display: block; }
.ui-datepicker {  font-family: inherit; display: none; margin-top: 0.625rem; margin-left: 0; margin-right: 0;  width: 18rem; box-shadow: var(--shadow);  background: #fff;  border: 1px solid #dfe5ec; border-radius: 0.5rem; padding: 1.25rem 1rem; z-index: 50 !important;}
.ui-widget.ui-widget-content { border: 1px solid #dfe5ec;}
.ui-datepicker .ui-datepicker-header { position: relative; padding: 0; display: flex;  align-items: center;  justify-content: center; gap: 0.5rem; border-radius: 0;  background: #ffffff; margin-bottom: 1.25rem; border: 0;}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {display: none;}
.ui-datepicker .ui-datepicker-title { margin: 0; text-align: center; order: 2;  font-weight: 700; font-size: 0.875rem; line-height: 100%; color: #131720;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: relative; width: 1.25rem !important; height: auto !important; left: auto; right:auto; top: auto; aspect-ratio: 1 / 1; display: flex; cursor: pointer;}
.ui-datepicker .ui-datepicker-prev {order: 1;}
.ui-datepicker .ui-datepicker-next {order: 3;}
.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span { position: relative; left: auto; margin-left: 0; top: auto; margin-top: 0;background: no-repeat center / contain; width: 100%; height: 100%; margin: 0  !important;}
.ui-datepicker .ui-datepicker-prev span{ background-image: url(/images/datepicker_prev.png);}
.ui-datepicker .ui-datepicker-next span{ background-image: url(/images/datepicker_next.png);}
.ui-datepicker-calendar { width: 100%; }  
.ui-datepicker table {margin: 0;}
.ui-datepicker td { padding: 0;}
.ui-datepicker-calendar>thead { display: none;}
.ui-datepicker-calendar>thead>tr>th { width: 2.25rem; height: 2.25rem; padding: 0; font-weight: 600; font-size: 0.813rem; line-height: 154%; color: #131720;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: none; background-color: transparent;  font-weight: 400; font-size: 0.813rem; line-height: 154%;  text-align: center; color: #131720;  width: 1.75rem; height: 1.75rem; padding: 0; display: flex;align-items: center;justify-content: center; margin: 0.25rem;}
.ui-state-active::after {display: none;}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,
.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,
.ui-button:hover,.ui-button:focus { border: none; background-color: transparent;text-align: center; font-weight: 400; font-size: 0.813rem;  line-height: 154%; color: #131720; width: 1.75rem; height: 1.75rem;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { position: relative;}
.ui-state-highlight::after, .ui-widget-content .ui-state-highlight::after, .ui-widget-header .ui-state-highlight::after { content: ""; width: 0.25rem; aspect-ratio: 1/1; position: absolute; left: 50%; bottom: 0.125rem; transform: translateX(-50%); background: #c4cdd6; border-radius: 50%;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {border-radius: 50%; background: #131720; color: #ffffff;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {border-radius: 50%; background: #131720; color: #ffffff;}
.ui-state-disabled { cursor: auto; color: #cccccc;}    
.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover {cursor: auto;  background-color: #ffffff; }  
.ui-datepicker-calendar>tbody>tr>td:hover {background-color: transparent; opacity: 0.6; }   
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {  opacity: 1;  color: #adb2bb;}
.datepicker_lnline .ui-datepicker.ui-datepicker-inline { border: none; width: auto; box-shadow: none;   margin-top: 0;padding: 0; border-radius: 0;}


/* 공통 - 테이블 */
.tbl_wrap {position: relative; width: 100%;}
.tbl_wrap .tbl { position: relative; width: 100%; border-collapse: collapse; font-size: 0.875rem;line-height: 157%;color: #131720;}
.tbl_wrap .tbl thead tr { border-bottom: 1px solid #e5e8ec; border-top: 1px solid #e5e8ec;}
.tbl_wrap .tbl thead tr th { font-weight: 700; text-align: left; padding: 0.813rem 1.5rem; white-space: nowrap; height: 3rem;}
.tbl_wrap .tbl tbody tr {border-bottom: 1px solid #e5e8ec;}
.tbl_wrap .tbl tbody tr td { position: relative; padding: 0.688rem 0 0.688rem 1.5rem; height: 3.5rem; word-break: keep-all; height: 3.5rem;}
.tbl_wrap .tbl thead tr th.num, 
.tbl_wrap .tbl tbody tr td.num { padding-left: 2.5rem;}
.tbl_wrap .tbl tbody tr td .tbl_btn {font-size: 0.813rem;line-height: 154%;color: #334353;border: 1px solid #adb2bb;border-radius: 0.5rem;background: #fff; padding: 0 0.75rem; height: 1.75rem;}


/* 공통 - 모달  */
.modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; background: rgba(0, 0, 0, 0.5); transition: all 0.4s ease; pointer-events: none; opacity: 0;}
.modal.show { pointer-events: auto; opacity: 1;}
.modal .modal_box { position: absolute; left: 50%;  top: 50%;  transform: translate(-50%, -50%);  border-radius: 1rem; background: #fff;  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.09);  padding: 2.5rem 2rem 1.5rem;  min-width: 400px; max-width: 90%;  max-height: 90%;  display: flex; flex-direction: column; align-items: center;  transition: all 0.4s ease;  margin-top: 2.5rem; opacity: 0; overflow: auto;}
.modal.show .modal_box { margin-top: 0; opacity: 1;}
.modal .modal_box::-webkit-scrollbar {display: none;}
.modal .modal_box.mx400 {max-width: 25rem;}
.modal .modal_box.noPadding {padding: 0;}
.modal .modal_box .modal_img {width: 5rem; margin-bottom: 1.5rem;}
.modal .modal_box .modal_tit { font-weight: 700;font-size: 1rem;line-height: 150%;text-align: center;color: #000017;}
.modal .modal_box .modal_desc { font-size: 0.875rem;line-height: 157%;text-align: center;
color: #131720; margin-top: 0.5rem; word-break: keep-all;}
.modal .modal_box .modal_btnbox { width: 100%; display: flex; justify-content: center;  gap: 0.75rem; margin-top: 1.5rem;}
.modal .modal_box .modal_tit + .modal_btnbox {margin-top: 2rem;}
.modal .modal_box .modal_btn {border-radius: 0.5rem;}
.modal .modal_box .modal_head {position: relative; width: 100%; height: 3.5rem; padding: 1rem 1.25rem;}
.modal .modal_box .modal_head .modal_tit{text-align: center;} 
.modal .modal_box .modal_head .close_btn{background: url(/images/ic_close.png) no-repeat center/contain; width: 1.5rem; aspect-ratio: 1/1; position: absolute; top: 50%; right: 1.25rem; transform: translateY(-50%);}
.modal .modal_box .modal_body {width: 100%; padding: 1rem 1.5rem 0;}
.modal .modal_box .modal_foot {width: 100%; display: flex; justify-content: center;  gap: 0.75rem; padding: 1.5rem;}

/* 공통 - 모달 type1 */
#common_modal.modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 601; background: rgba(0, 0, 0, 0.5); transition: var(--transition); pointer-events: none; opacity: 0; min-width: 1279px;}
#common_modal.modal.show { pointer-events: auto; opacity: 1;}
#common_modal.modal .modal_box { position: absolute; left: 50%;  top: 50%;  transform: translate(-50%, -50%);  border-radius: 1rem;  background: #ffffff;  box-shadow: 0 0.063rem 0.063rem 0 rgba(0, 0, 0, 0.09);  padding: 2.5rem 1.25rem 1.5rem;  min-width: 25rem; width: 30rem;  max-width: 90%;  max-height: 90%; display: flex;  flex-direction: column; align-items: center;  transition: var(--transition); margin-top: 2.5rem; opacity: 0; overflow: hidden;}
#common_modal.modal.show .modal_box { margin-top: 0; opacity: 1;}
#common_modal.modal .modal_box .modal_title { font-weight: 700;  font-size: 1rem;  line-height: 150%; text-align: center; color: #131720; }
#common_modal.modal .modal_box .modal_desc { font-size: 0.875rem; line-height: 157%;  text-align: center; color: #131720; margin-top: 0.25rem;}
#common_modal.modal .modal_box .modal_btnbox {display: flex; justify-content: center; gap: 0.75rem; margin-top: 2rem;}
#common_modal.modal .modal_box .modal_btnbox .btn { height: 3rem;}

/* 공통 - 팝업 */
.popup {position: absolute; opacity: 0; pointer-events: none;}
.popup.show {opacity: 1; pointer-events: auto;}
.popup .pop_close {background: url(/images/pop_close.png) no-repeat center/contain; width: 1.5rem; aspect-ratio: 1/1;}


/* 공통 - 탭 */
.tab_wrap {position: relative;}
.tab_navbox { display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #dfe5ec;}
.tab_navbox .tab_nav {flex: 1; position: relative; font-size: 1rem;line-height: 150%;text-align: center;color: #627383; transition: var(--transition); cursor: pointer;}
.tab_navbox .tab_nav::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.188rem; background: #131720; border-radius: 0.5rem; opacity: 0;} 
.tab_navbox .tab_nav .link { display: flex; justify-content: center; width: 100%;  height: 100%; padding-bottom: 0.875rem; text-align: center;}
.tab_navbox .tab_nav.on {color: #131720; font-weight: 700;}
.tab_navbox .tab_nav.on::after {opacity: 1;}
.tab_contbox { position: relative;}
.tab_contbox .tab_cont { display: none; /*animation: 1.2s ease 0s fadeIn;*/}
.tab_contbox .tab_cont.on {display: block;}

@keyframes fadeIn {
	0% {opacity:0}
	100% {opacity:1;}
}

.tab_swiper {width: 100%;}
.tab_swiper .tab_navbox {  justify-content: center; gap: 0;}
.tab_swiper .tab_navbox .tab_nav {width: auto;}



/* 공통 - 페이지네이션 */
.paging {flex: 1; width: 100%; display: flex; align-items: center; justify-content: center; gap:0.5rem; margin-top: 2.5rem;}
.paging .page { width: 2.5rem; height: 2.5rem;  font-size: 0.875rem;  line-height: 157%;  letter-spacing: -0.04em;  color: #131720;  border: 1px solid #dfe5ec;;   border-radius: 0.5rem; background: #ffffff;  overflow: hidden;}
.paging .page.on { font-weight: 700; color: #ffffff;  background: #131720; border-color: #131720;}
.paging .page .link {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.paging .page_btn:nth-child(2){margin-right: 0.5rem;}
.paging .page_btn:nth-last-child(2){margin-left: 0.5rem;}
.paging button:disabled {cursor: default;}



/* 공통 - 채용정보 */
.joblist { display: flex; flex-direction: column;  border-top: 1px solid #131720;}
.joblist .item{padding: 1.5rem 0; display: flex; align-items: center; gap: 1.5rem; border-bottom: 1px solid #dfe5ec;}
.joblist .item .logo { width: 9.938rem; display: flex; align-items: center;  justify-content: center;}
.joblist .item .logo .img { max-height: 2.5rem;}
.joblist .item .txtbox{flex: 1;}
.joblist .item .txtbox .tit{font-weight: 700;font-size: 1rem;line-height: 150%;color: #131720; margin-bottom: 0.125rem; display: flex; align-items: center; gap: 0.375rem;}
.joblist .item .txtbox .tit .dday{font-weight: 800; font-size: 0.813rem; height: 1.5rem; line-height: 1; text-transform: uppercase;color: #7c00ff; border: 1px solid #7c00ff; border-radius: 0.5rem; padding: 0 0.75rem; display: inline-flex; align-items: center; justify-content: center;}
.joblist .item .txtbox .desc{font-size: 0.875rem;line-height: 157%;color: #334353;}
.joblist .item .txtbox .tagbox{margin-top: 0.75rem; display: flex; gap: 0.375rem; flex-wrap: wrap;}
.joblist .item .txtbox .tagbox .tag{font-size: 0.75rem ;line-height: 150%;color: #627383; padding: 0.188rem 0.75rem; border: 1px solid #c4cdd6; border-radius: 6.25rem; white-space: nowrap;}
.joblist .item .btnbox{display: flex; align-items: center; gap: 0.75rem;}
.joblist .item .btnbox .bookmark_btn {width: 2.5rem;}
.joblist .item .btnbox .btnitem {position: relative;}
.joblist .item .btnbox .btnitem .msg { position: absolute; right: 0; bottom: 100%;  font-weight: 700;  font-size: 0.75rem; line-height: 150%;  text-transform: uppercase;   color: #7c00ff; border: 1px solid #7c00ff;  border-radius: 0.5rem; background: #fff;  width: 19.25rem;  height: 1.75rem;  padding: 0 0.75rem;  white-space: nowrap; display: flex; align-items: center; justify-content: flex-end; box-shadow: 0 0.188rem 0.375rem 0 rgba(0, 0, 0, 0.12); opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease;}
.joblist .item .btnbox .btnitem:hover .msg { opacity: 1; visibility: visible;}



/* 공통 -  브레드크럼 */
.breadcrumb {font-weight: 700;font-size: 0.813rem;line-height: 154%;color: #131720; display: flex; align-items: center; gap: 0.25rem; padding-top: 1rem; padding-bottom: 1rem;}
.breadcrumb .home{background: url(/images/ic_home.png) no-repeat center/contain; width: 1.25rem; aspect-ratio: 1/1;}
.breadcrumb .arrow{background: url(/images/ic_arrow.png) no-repeat center/contain; width: 1rem; aspect-ratio: 1/1;}
.breadcrumb .link{display: inline-block;}



/* 공통 - 페이지 타이틀 */
.page_title {font-weight: 700; font-size: 2.75rem;line-height: 136%;text-align: center;
color: #000;}
.page_title.mb1 {margin-bottom: 2.5rem;}
.page_title.mb2 {margin-bottom: 3rem;}
.page_subtitle {font-weight: 700;font-size: 2.25rem;line-height: 133%;color: #131720; text-align: center;}

/* 공통 - 로딩바 */
.loading-bar{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 600; background: rgba(0, 0, 0, 0.4b ); transition: var(--transition); pointer-events: none;opacity: 0; min-width: 1279px;}
.loading-bar div.logo{background: url(/images/logo.png) center no-repeat; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; z-index: 999; background-size: 100px;}
.loading-bar div.logo .loading{aspect-ratio: 1 / 1; display: flex ; align-items: center; justify-content: center; opacity: 0; animation: loadShow 1.8s ease forwards; animation-delay: 0.4s; margin-top: 54px; margin-left: 0px;}
.loading-bar div.logo .loading img{animation: loader 3s linear infinite;width: 40px;}
.loading-bar.show{opacity:1;pointer-events:unset }

@keyframes loadShow {
	0% { opacity: 0;  filter: blur(8px) brightness(0.5);}
	50% { opacity: 1;  filter: blur(0px) brightness(1.1);}
	100% { opacity: 1; filter: none;}
}  
@keyframes loader {
	100% {transform:rotate(1turn)}
}


.find-rst {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
	display: none;
}

.result_box { border-radius: 1rem; background: #fafafc;  padding: 2.375rem 0; display: flex; flex-direction: column;  align-items: center;  justify-content: center;  gap: 1rem; margin-bottom: 1rem;}
.result_box .result { font-weight: 700; font-size: 1.1rem;  line-height: 157%;  color: #131720;}
.info_tit {font-weight: 700;font-size: 1.25rem;line-height: 157%;color: #131720;} 
.info_desc {font-size: 1rem;line-height: 154%;color:#627383;}

.find-rst .info_box {display: flex; flex-direction: column; gap: 0.25rem; margin-bottom: 1.5rem;} 

.btn { display: flex; align-items: center; justify-content: center; gap: 0.25rem;  border-radius: 0.5rem; width: 11rem; height: 3rem; border: 1px solid #131720; background: #131720; font-weight: 700; font-size: 0.875rem; line-height: 1; text-align: center; color: #ffffff; cursor: pointer;}
.btn:disabled { border-color: #f0f1f8; color: #adb2bb; background: #f0f1f8;}
.btn.ver3:disabled { border-color: #111; color: #111; background: #f0f1f8;}

.btn.left{ justify-content: left;}
.btn.full {width: 100%;}
.btn.big {height: 3.5rem; font-weight: 800;	font-size: 1rem;}
.btn.auto {width: auto; padding: 0 1.5rem;}
.btn.clear_btn { width: unset; height: unset;  border-radius: unset; background: unset;}
.btn.ver2 { border-color: #c4cdd6; font-weight: 400;  color: #111; background: #ffffff;}
.btn.ver3 { border-color: #111; font-weight: 700;  color: #111; background: #ffffff;}
.btn.ver4 { border-color: #f9471e; font-weight: 700;  color: #f9471e; background: #ffefeb;}
.btn.ver5 { border-color: #32baff; font-weight: 700;  color: #32baff; background: #e7f7ff;}
.btn.bold {font-weight: 700;}
.btn.small {height: 2rem; font-weight: 400; font-size: 0.813rem; width: auto; padding: 0 0.75rem;}
.btn .icon {width: 1.5rem; aspect-ratio: 1/1; display: block;}


.account_link {
    width: 2.5rem;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0f4f7;
    border: 1px solid #c4cdd6;
    border-radius: 50%;
    font-weight: 700;
    font-size: 1rem;
    line-height: 150%;
    color: #627383;
}

.nothing {margin: 0 auto; line-height: 12rem;text-align: center; font-size: 1rem; font-weight: 700;}

#detail_modal .close_btn {background: url(/images/ic_close.png) no-repeat center/contain; width: 2rem; aspect-ratio: 1/1;}

#recruit_view_modal {
    display: none;
}

.plan_badge {width: 5.5rem;height: 1.75rem; font-weight: 700;font-size: 0.813rem;line-height: 154%;color: #fff; border-radius: 0.5rem; background: #adb2bb; display: inline-flex; align-items: center; justify-content: center;}
.plan_badge.plan_E {background: #7c00ff;}
.plan_badge.plan_A {background: #32baff;}
.plan_badge.plan_B {background: #adb2bb;}

.page_item {margin-bottom: 1.5rem;}
.page_item .section_item { display: flex; flex-direction: column; gap: 1rem;}
.page_item .section{ position: relative; width: 100%; border-radius: 1rem;  box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.08); background: #fff;}
.page_item.big_gap .section {margin-bottom: 1rem;}
.page_item .section .sec_top { padding: 1rem 1.25rem;  border-bottom: 1px solid #dfe5ec; display: flex; align-items: center; justify-content: space-between; gap: 0.75rem}
.page_item .section .sec_top.py26 {padding:1.625rem 1.25rem}
.page_item .section .sec_top .leftbox,
.page_item .section .sec_top .leftbox,
.page_item .section .sec_top .rightbox {display: flex; align-items: center; gap: 0.75rem; flex: 1;}
.page_item .section .sec_top .leftbox.no_full,
.page_item .section .sec_top .rightbox.no_full {flex: unset; max-width: 93%;}
.page_item .section .sec_top .leftbox .switch_box .label_switch {white-space: nowrap;}
.page_item .section .sec_top .rightbox {justify-content: flex-end;}
.page_item .section .sec_top .rightbox.items{gap: 1.5rem;}
.page_item .section .sec_top .rightbox .rightitem {display: flex; align-items: center; gap: 0.75rem;}
.page_item .section .sec_top .sec_cont_tit {font-weight: 700;font-size: 1rem;line-height: 150%;color: #131720; display: flex; align-items: center; gap: 0.25rem; white-space: nowrap;}
.page_item .section .sec_top .sec_cont_tit.gap_ver2 {gap: 0.5rem;}
.page_item .section .sec_top .sec_cont_tit .icon_img {margin-left: 0.125rem;}
.page_item .section .sec_top .sec_cont_tit .required {color: #7c00ff;}
.page_item .section .sec_top .sec_cont_tit + * {margin-left: 0.75rem;}
.page_item .section .sec_top .sec_cont_desc {font-size: 0.75rem;	line-height: 150%;	text-align: right;	color: #627383;}
.page_item .section .sec_top .sec_cont_desc2 {font-size: 0.813rem;	line-height: 154%;	color: #627383;}
.page_item .section .sec_top .sec_cont_desc3 {font-size: 0.875rem;line-height: 157%;color: #131720;}
.page_item .section .sec_top .sec_cont_desc3 .bold {font-weight: 700;}
.page_item .section .sec_top .planstate_box { display: flex; align-items: center; gap: 1.5rem;}
.page_item .section .sec_top .planstate_box > .item { display: flex;  align-items: center; gap: 0.75rem;}
.page_item .section .sec_top .planstate_box > .item .icon {font-weight: 700;font-size: 0.813rem;line-height: 154%;color: #fff; border-radius: 0.5rem;width: 1.75rem; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center;}
.page_item .section .sec_top .planstate_box > .item.plan_E .icon {background: #7c00ff;}
.page_item .section .sec_top .planstate_box > .item.plan_A .icon {background: #32baff;}
.page_item .section .sec_top .planstate_box > .item.plan_B .icon {background: #adb2bb;}
.page_item .section .sec_top .planstate_box > .item .txt { font-weight: 700;font-size: 1rem;line-height: 150%;color: #131720;}
.page_item .section .sec_top .planstate_box > .item .txt .point {color: #7c00ff;}
.page_item .section .sec_top .planstate_box > .item .txt .space {margin: 0 0.25rem;}
.page_item .section .sec_top .planstate_box > .item .txt .normal {font-weight: 400;}
.page_item .section .top_filer .workspace_select {width: 8.625rem;}
.page_item .section .top_filer .field_select {width: 7.313rem;}
.page_item .section .top_filer .switch_wrap {margin-left: 0.75rem;}
.page_item .section .top_filer .input_box.sch_ver { width: 17.5rem;}
.page_item .section .top_filer .leftbox .input_box.date { width: 16.25rem; max-width: 16.25rem;}
.page_item .section .top_filer .rightbox .input_box.date { width: 17.5rem; max-width: 17.5rem;}
.page_item .section .top_filer .btn {height: 2.75rem;}
.rightbox .align_box {position: relative;}
.rightbox .align_btn { width: 1.5rem; background: url(/images/ico_align.png) no-repeat center / contain; aspect-ratio: 1 / 1; display: flex;}
.rightbox .align_popup {top: calc(100% + 0.75rem); right: 0;}
.rightbox .filter_popup {top: calc(100% + 0.75rem); right: 0;}
.rightbox .reset_box {position: relative;}
.rightbox .reset_btn { width: 1.5rem; background: url(/images/ico_reset.png) no-repeat center / contain; aspect-ratio: 1 / 1; display: flex;}
.page_bottom {display: flex; align-items: center; gap: 1rem; justify-content: space-between; margin-top: 2rem; padding-bottom: 2.688rem; border-bottom: 1px solid #c4cdd6;}
.page_bottom .leftbox,
.page_bottom .rightbox{flex: 1; display: flex; align-items: center; gap: 0.75rem;}
.page_bottom .rightbox {justify-content: flex-end;}
.page_bottom .btn {border-radius: 0.75rem; padding: 0 1.25rem;}
.page_btnbox {display: flex; align-items: center; gap: 1rem; justify-content: space-between; margin-top: 2.5rem;}
.page_item .page_btnbox {margin-top: 1rem;}
.page_btnbox .leftbox,
.page_btnbox .rightbox{flex: 1; display: flex; align-items: center; gap: 0.75rem;}
.page_btnbox .rightbox {justify-content: flex-end;}
.page_btnbox .btn .icon:nth-child(1) {margin-left: -0.188rem;}
.page_btnbox .btn .icon:last-child {margin-right: -0.188rem;}

.reset_txtbtn {display: flex; align-items: center; justify-content: center; gap: 0.25rem; border: 1px solid #131720;	border-radius: 0.5rem; background: #fff; height: 2.75rem; font-size: 0.875rem;line-height: 157%;color: #131720; padding: 0 1rem;}
.reset_txtbtn .icon {width: 1.25rem; aspect-ratio: 1/1; background: url(/images/ico_reset.png) no-repeat center/contain; display: block;}

.container .section .align_popup {
    top: calc(100% + 0.75rem);
    right: 0;
}
.popup {
    position: absolute;
    border-radius: 0.75rem;
    box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.08);
    background: #fff;
    min-width: 15rem;
    transition: var(--transition);
    opacity: 0;
    pointer-events: none;
    z-index: 30;
    overflow: hidden;
}
.popup.show {
    opacity: 1;
    pointer-events: auto;
}

.opt_popup {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    min-width: 10rem;
    border-radius: 0.5rem;
    top: 3.563rem;
    right: 1rem;
}

.opt_popup .opt_list {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.opt_popup .opt_list > .item {
    width: 100%;
}

.opt_popup .opt_list .opt_popbtn {
    width: 100%;
    height: 2.5rem;
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 0.75rem;
    transition: var(--transition);
    text-align: left;
    font-size: 0.813rem;
    line-height: 154%;
    color: #131720;
}

.opt_popup .opt_list .opt_popbtn.red {
    color: #f65656;
}

.opt_popup .opt_list .opt_popbtn:not(.no_hover):hover {
    background: #f0f1f8;
    font-weight: 700;
}

.opt_popup .opt_list .opt_popbtn.selected {
    background: #f0f1f8;
    font-weight: 700;
}

.opt_popup .opt_list .opt_popbtn .icon {
    width: 1.5rem;
    aspect-ratio: 1/1;
}

.opt_popup .opt_list .opt_popbtn .txt {
    flex: 1;
}

.opt_popup .opt_bar {
    width: calc(100% - 1rem);
    height: 1px;
    background: #dfe5ec;
    display: block;
}

.opt_popup .opt_list .opt_input {
    padding: 0.5rem 0.75rem;
}

.dashboard_wrap .list_section .sec_top .rightbox .input_box_sch .input_text {
    height: 2.75rem;
    border-radius: 0.5rem;
    padding: 0 3rem 0 1rem;
    font-size: 0.875rem;
    line-height: 157%;
}

.sidemenu {
    position: relative;
}

.bottom-menu {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 1px solid #e0e0e0;
    padding: 0.5rem 2rem;
}

.bottom-menu .link img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px;
}

.bottom-menu .link {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.4;
}

.qna_txt {
    color: #67666F;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

/* input file */
.input_file_row {
    display: flex;
    position: relative;
}
.input_file_row .form_input[type="file"] {
    display: none;
}
.form_input_file.form_input_file {
    width: 500px;
    height: 38px;
    margin-right: 10px;
}

.form_input_row {
    position: relative;
    margin-top: 10px;
  }
  .form_input_row:first-child {
    margin-top: 0;
  }
  .form_input {
    width: 100%;
    height: 44px;
    padding: 10px 30px 10px 10px;
    background-color: #fff;
    border: 1px solid #E5E6E7;
    border-radius: 2px;
    font-size: 1.4rem;
  }
  .form_input:focus {
    border-color: #67666F;
  }
  .form_input:disabled {
    background-color: #F5F5F5;
    color: #ADB2BB;
  }
  .form_input::placeholder {
    color: #B3B2B7;
  }
  .btn_form_delete {
    display: none;
    position: absolute;
    top: 12px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url(https://image.educe.co.kr/educe/main/ico_delete.png) no-repeat left top/cover;
  }

  .btn_dark_gray {
    height: 44px;
    padding: 0 15px;
    background-color: #67666F;
    border-radius: 2px;
    color: #fff;
    /* font-size: 1.4rem; */
    font-weight: 400;
    align-items: center;
  }
  .btn_dark_gray:hover {
    background-color: #35333F;
  }
  .btn_dark_gray.w100p {
    width: 100%;
  }

  .attach_file_area {
    display: flex;
    flex-wrap: wrap;
    width: 870px;
  }
  .attach_file_area>div {
    margin: 5px 20px 5px 0;
  }
  .attach_file {
    position: relative;
    margin-right: 20px;
  }
  .file_nm {
    display: inline-block;
    padding: 17px 52px 17px 16px;
    background-color: #F5F5F5;
    border-radius: 2px;
    color: #67666F;
  }
  .btn_file_delete {
    position: absolute;
    top: 13px;
    right: 16px;
  }
  .btn_file_delete img {
    width: 20px;
  }

  .label_check {
    display: inline-flex;
    align-items: center;
    position: relative;
    color: #67666F;
    /* font-size: 1.4rem; */
    font-weight: 400;
    line-height: 150%; 
    cursor: pointer;vertical-align: middle;
  }
  .form_check {
    width: 20px;
    height: 20px;
    margin-right: 8px;
  }
  .check_mark {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1.5px solid #E4E6E8;
    border-radius: 1px;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
  }
  .check_mark:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 6px;
    width: 4px;
    height: 8px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
  }
  .form_check:checked ~ .check_mark {
    background-color: #67666F;
    border-color: #67666F;
  }
  .form_check:checked ~ .check_mark:after {
    border-right: 1.5px solid #fff;
    border-bottom: 1.5px solid #fff;
  }

  .inquiry_tag {
    flex-shrink: 0;
    display: inline-block;
    width: 48px;
    height: 24px;
    margin-right: 20px;
    border-radius: 10px 0px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    font-size: 0.775rem;
}
.inquiry_tag_waiting {
    border: 2px solid #FF6D00;
    color: #FF6D00;
    line-height: 20px;
}
.inquiry_tag_apply {
    background-color: #FF6D00;
    color: #fff;
}
.inquiry_tag_done {
    background-color: #C8C8C8;
}

.confirm-css0{color: #1a1a1a; font-size: 0.775rem; background-color: rgba(0, 0, 0, 0.2); width: 55px; display: inline-block; line-height: 22px; text-align: center;}
.confirm-css1{color: #fff; font-size: 0.775rem; background-color: rgba(0, 0, 0, 1); width: 55px; display: inline-block; line-height: 22px; text-align: center;}

.confirm-css0.tiny,.confirm-css1.tiny{
    font-size: 9px;
    width: 25px;
    line-height: 20px;
}

/* 약관 페이지 - 장 제목 */
.chapter_title {
    font-weight: 700;
    font-size: 1.25rem;
    margin: 2rem 0 1rem;
    color: #131720;
}


.ft_visual {
    display: block;
    position: relative;
}

.ft_visual_box {
position: relative;
width: 100%;
height: 200px;
}
.ft_visual_box .bg_video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.ft_visual_inner {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 1280px;
height: 200px;
margin: 0 auto;
padding: 60px 672px 0 20px;  
background: url(https://image.educe.co.kr/educe/main/img_people_group.png) no-repeat 70% 50px/310px;
font-size: 1.6rem;
font-weight: 600;
line-height: 120%; 
letter-spacing: -1.2px;
text-align: right;
z-index: 10;
}
.ft_visual_inner>div {
margin-top: 20px;
}