@import "pretendard.css";
@import "admission.css";
@import "select2.min.css";


/* * {transition: all 100ms ease-out;} */
/* .btn_black {background-color:#161618;color:#fff;border-radius:8px;}
.btn_black:hover,.btn_black:active {background-color:#434447;}
.btn_black:disabled {background-color:#EBEDF2;color:#ABAEB7;cursor:default;} */
/*global.css에서 가져옴*/
.pop-wrap { box-sizing:border-box; position:relative; }
.fc-4 {color:#ef3e42;}
.result-info .info-item .points-item .total {font-size: 24px;}
.result-info .info-item .points-item dd {margin-top:3px; word-spacing:-0.1em;}
.result-info .info-item .points-item dt { font-weight:bold; }
.g-title-5 {margin:35px 0 -4px;font-size:20px;color:#000;font-weight:bold;letter-spacing:-0.025em;}
.tb-data-wrap {overflow:hidden;}
.tb-data-wrap.cmgt-3 {margin-top:16px;}
.tb-data { position:relative; margin-left:-1px; }
.pop-wrap caption, .pop-wrap legend { text-indent:-9999px; width:0; height:0; font-size:1px; line-height:0; border:0; white-space:nowrap; overflow:hidden; }
.pop-wrap table { border-collapse:collapse; border-spacing:0; table-layout:fixed; width:100%; empty-cells:show; color: #666; word-break: keep-all; word-wrap: break-word;}
.tb-data th {font-weight:700;}
.tb-data tr { border-bottom:1px solid #eee; }
.tb-data::after { content:''; position:absolute; left:0; top:0; width:100%; height:2px; background:#111; }
.btn-wrap { text-align:center; margin-top:24px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.btn-wrap .btn-in { margin:0 2px 0 2px; }
.pop-wrap button { cursor:pointer; width:auto; overflow:visible; color:inherit; font-size:inherit; vertical-align:middle; background:none; background:transparent; border:none; box-sizing:border-box; }
.btn-t { display:inline-block; text-align:center; box-sizing:border-box; vertical-align:middle; }
.pop-wrap ul.tab {display:flex;}
.pop-wrap ul.tab .tab-item {-webkit-box-flex:1; -ms-flex:1; flex:1; box-sizing:border-box; text-align:center;}
.pop-wrap ul.tab .tab-item a { height:60px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border:solid 1px #111; font-size:15px; color:#111; text-align:center; background-color:#fff; box-sizing:border-box;}
.pop-wrap ul.tab .tab-item + .tab-item a { margin-left:-1px; }
.pop-wrap ul.tab .tab-item.active a { position:relative; z-index:2; color:#fff; border-color:#111; background-color:#111; }

.btn_common {background-color:#00BABB;color:#fff;border-radius:8px;}
.btn_common:hover,.btn_black:active {background-color:#0096A1;}
.btn_common:disabled {background-color:#EBEDF2;color:#ABAEB7;cursor:default;}
.btn_white {background-color:#fff;border:1px solid rgba(51, 51, 51, 0.50);color:#161618;border-radius:8px;}
.btn_white:hover,.btn_white:active {background-color:#FAFAFC;}
.btn_white:disabled {background-color:#fff;border:1px solid #E1E3EB;color:#ABAEB7;cursor:default;}
.btn_orange {background-color:rgba(234, 88, 12, 0.10);color:#EA580C;border-radius:8px;}
.btn_orange:hover,.btn_orange:active {background-color:rgba(234, 88, 12, 0.10);}
.btn_orange:disabled {cursor:default;}
.btn_skyblue {background-color:rgba(0, 186, 187, 0.10);color:#00BABB;border-radius:8px;}
.btn_skyblue:hover,.btn_skyblue:active {background-color:rgba(0, 186, 187, 0.10);}
.btn_skyblue:disabled {cursor:default;}
.btn_blueline {background-color:#fff;border:1px solid #00BABB;color:#00BABB;border-radius:6px;}
button.disabled {background-color:#EBEDF2;color:#ABAEB7;}
button.disabled:hover, button.disabled:active {background-color:#EBEDF2;color:#ABAEB7;}


.btn_add {border-radius:8px;background:#FAFAFC;border:1px dashed #E1E3EB;color:#434447;}
.btn_add i {width:8px;height:8px;display:inline-block;margin-right:6px;vertical-align:middle;position:relative;top:-1px;background:url("../images/common/icon_plus_darkgray.svg")center no-repeat;background-size:100%;}


::-webkit-scrollbar {width:4px;height:4px;}
::-webkit-scrollbar-button {background:transparent;}
::-webkit-scrollbar-thumb {background:rgba(0, 0, 0, 0.2);border-radius:3px;}
::-webkit-scrollbar-thumb:hover {background:rgba(0, 0, 0, 0.5);}
::-webkit-scrollbar-track {background:transparent;}
/* The track NOT covered by the handle.
::-webkit-scrollbar-track-piece {background:rgba(0, 0, 0, 1);}*/
::-webkit-scrollbar-corner {background:rgba(0, 0, 0, 0.2);}
::-webkit-resizer {background:rgba(0, 0, 0, 0.5);}
.mo-show {display:inline-block;}
.mo-hide {display:none;}
.hide {display:none;}

.cd_i, .bc_logo.cd {background-image: url("../images/brand/Bicdi.svg");}
.theopencdi_i, .bc_logo.theopencdi {background-image: url("../images/brand/Bitheopencdi.svg");}
.ap_i, .bc_logo.ap {background-image: url("../images/brand/Biapril.svg");}
.mg_i, .bc_logo.cms_y {background-image: url("../images/brand/Bicms01.svg");}
.mt_i, .bc_logo.cms_yc {background-image: url("../images/brand/Bicms02.svg");}
.c3_i, .bc_logo.ccube { background-image: url("../images/brand/Bicoding.svg");}
.bouncy_i, .bc_logo.bouncy {background-image: url("../images/brand/BiBOUNCY.svg");}
.bouncy-eGO_i, .bc_logo.bouncy-eGO {background-image: url("../images/brand/BiBOUNCY_eGO.svg");}
.noisy_i, .bc_logo.noisy {background-image: url("../images/brand/BiNoisy.svg");}
.edge_i, .bc_logo.edge {background-image: url("../images/brand/BiEDGE.svg");}
.ig_i, .bc_logo.ig {background-image: url("../images/brand/BiIgarten.svg");}
.ei_i, .bc_logo.ei {background-image: url("../images/brand/Bipicto.svg");}

/*form*/
label.common {position:relative;display:block;}
label.common p.title {color:#72747C;font-size:15px;margin-bottom:4px;line-height:22px;}
label.common p.title span {display:block;font-size:12px;color:#ABAEB7;margin-top:4px;}
/* label.common a.delete {width:16px;height:16px;position:absolute;z-index:3;right:16px;top:50%;transform:translateY(-50%);border-radius:50%;background:url("../images/common/icon_close_white.png") center no-repeat #ABAEB7;background-size:8px 8px;font-size:0;} */
label.common a.delete {width:16px;height:16px;position:absolute;z-index:3;right:16px;bottom:14px;border-radius:50%;background:url("../images/common/icon_close_white.png") center no-repeat #ABAEB7;background-size:8px 8px;font-size:0;}
label.common .erase {position:absolute;z-index:3;right:6px;bottom:6px;font-size:14px;font-weight:700;border-radius:6px;background:#F2F3F7;padding:6px 12px;}
label.common .count {position:absolute;z-index:3;right:16px;bottom:11px;font-size:15px;color:#8C8E96;}
label.common .count em {color:#161618;}
label.common .count.move {right:40px;}


label.common a.return {width:16px;height:16px;position:absolute;z-index:3;right:16px;top:50%;transform:translateY(-50%);border-radius:50%;font-size:0;}
label.common a.return:before, label.common a.return:after {content:'';position:absolute;top:2px;left:8px;height:12px;width:1px;background-color:#62646A;}
label.common a.return:before {transform:rotate(45deg);}
label.common a.return:after {transform:rotate(-45deg);}
.title-a {color:#72747C;font-size:15px;line-height:22px;display:inline-block;position:relative;margin-bottom:4px;}
.title-a.requisite {margin-left:12px;}
.title-a.requisite:before {content:'';width:8px;height:8px;position:absolute;left:-12px;top:0;background:url("../images/common/icon_require.svg") no-repeat center / 100%;}
.title-b {display:block;font-size:12px;color:#ABAEB7;margin-bottom:4px;line-height:16px;letter-spacing:-0.12px;}

.error-message {font-size:11px;color:#FF002D;margin-top:4px;letter-spacing:-0.02em;}
.error-message.complete {color:#1EC843;}
.error-message span.link {display:block;margin-top:5px;}
.error-message span.link a {display:inline-block;line-height:1.1;border-bottom:1px solid #FF002D;position:relative;}
.error-message span.link a:after {content:"";width:5px;height:5px;border-bottom:1px solid #FF002D;border-right:1px solid #FF002D;display:block;margin-top:-4px;pointer-events:none;position:absolute;right:-8px;top:50%;transform-origin:66% 66%;transform:rotate(-45deg);}
.confirm-message {margin-top:4px;letter-spacing:-0.02em;}
.confirm-message span {font-size:12px;color:#72747C;}
.confirm-message span + span {margin-left:8px;}
.confirm-message em {display:inline-block;vertical-align:middle;margin-right:2px;width:12px;height:12px;background:url("../images/common/icon_confirm_message_gray.png") center no-repeat;background-size:100%;}
.confirm-message span.complete {color:#161618;}
.confirm-message span.complete em {background:url("../images/common/icon_confirm_message_mint.png") center no-repeat;background-size:100%;}

label.common input {width:100%;border-radius:8px;border:1px solid #E1E3EB;padding:11px 40px 10px 16px;font-size:15px;color:#161618;background-color:#fff;}
label.common input::placeholder {color:#ABAEB7;}
label.common input:focus {border:1px solid #161618;}
label.common input.error {border:1px solid #FF002D!important;}
label.common input:disabled {background-color:#F2F3F7!important;border:1px solid #E1E3EB!important;opacity:1!important;}

.radioBox-wrap input[type=radio] {display:none;}
.radioBox-wrap input[type=radio] + label {font-size:15px;cursor:pointer;}
.radioBox-wrap input[type=radio] + label:before {content:'';display:inline-block;width:24px;height:24px;margin:-1px 14px 0 6px;background-image:url('../images/common/icon_radio.svg');background-size:auto 24px;vertical-align:middle;}
.radioBox-wrap input[type=radio]:checked + label {font-weight:700;}
.radioBox-wrap input[type=radio]:checked + label:before {background-position:-24px 0px;}
.radioBox-wrap input[type=radio]:disabled + label {cursor:default;}
.radioBox-wrap input[type=radio]:disabled + label:before {background-position:-48px 0px;}

.checkBox-wrap input[type=checkbox] {display:none;}
.checkBox-wrap input[type=checkbox] + label {font-size:13px;cursor:pointer;}
.checkBox-wrap input[type=checkbox] + label:before {content:'';display:inline-block;width:28px;height:28px;margin:-2px 14px 0 0;background-image:url('../images/common/icon_checkbox.svg');background-size:auto 28px;vertical-align:middle;}
.checkBox-wrap input[type=checkbox]:checked + label:before {background-position:-28px 0;}
.checkBox-wrap input[type=checkbox]:disabled + label {cursor:default;}
.checkBox-wrap input[type=checkbox]:disabled + label:before {background-position:-56px 0;}

.checkBox-wrap.simple input[type=checkbox] + label:before {width:24px;height:24px;margin:0px 8px 0 0;background-image:url('../images/common/icon_checkbox_simple.svg');background-size:auto 24px;vertical-align:middle;}
.checkBox-wrap.simple input[type=checkbox]:checked + label:before {background-position:-24px 0;}
.checkBox-wrap.simple input[type=checkbox]:disabled + label:before {background-position:-48px 0;}

.select-wrap {position:relative;}
.select-wrap .select2-container {width:100%!important;}
.select-wrap .select2-selection--single {height:44px;border-radius:8px;border:solid 1px #E1E3EB;font-size:15px;font-weight:400;padding:0px 40px 0px 14px;background-color:#fff;}
.select-wrap.error .select2-selection--single {border-color:#FF002D!important;}
/* .select-wrap .select2-dropdown {position:relative;z-index:100!important;} */
.select-wrap .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select-wrap .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {border-radius:8px;}
.select-wrap .select2-container--open .select2-dropdown--below {border:none;}
.select-wrap .select2-dropdown {overflow:hidden;border-radius:8px;box-shadow:0px 2px 8px 2px rgba(22, 22, 24, 0.12);max-height:210px;}
.select-wrap .select2-dropdown.select2-dropdown--below {margin-top:8px;}
.select-wrap .select2-container--default .select2-results .select2-results__options {padding:0;/*overflow:hidden;*/}
.select-wrap .select2-results__option {color:#161618;font-size:15px;font-weight:400;padding:10px 40px 10px 14px;}
.select-wrap .select2-results__option[aria-selected=false] {color:#161618;}
.select-wrap .select2-results__option[aria-selected=true] {color:#161618;position:relative;background-color:#fff;}
.select-wrap .select2-results__option[aria-selected=true]:after {content:'';position:absolute;right:20px;top:50%;transform:translateY(-50%);width:12px;height:9px;background:url("../images/common/icon_check_mint.png") no-repeat;background-size:100%;}
.select-wrap .select2-results__option[aria-disabled=true] {color:#888;}
.select-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:44px;}
.select-wrap .select2-container--default .select2-results__option--highlighted[aria-selected] {background:#fafafc!important;}
.select-wrap .select2-results__option:hover, .select-wrap .select2-results__option:active {background:#fafafc!important;}
.select-wrap .select2-selection--single .select2-selection__rendered {color:#161618;padding:0;line-height:44px;}
.select-wrap .select2-selection--single .select2-selection__rendered span {line-height:44px;}
.select-wrap .img-flag {display:inline-block;vertical-align:middle;width:24px;height:auto;margin-right:8px;position:relative;top:-2px;}
.select-wrap .select2-selection--single .select2-selection__arrow {display:none;}
.select-wrap .select2-container .selection:after {content: "";width:6px;height:6px;border-bottom:1px solid #62646A;border-right:1px solid #62646A;display:block;margin-top:-4px;pointer-events:none;position:absolute;right:26px;top:50%;transform-origin:66% 66%;transform:rotate(45deg);transition:all .15s ease-in-out;}
.select-wrap .select2-container--open .selection:after {transform:rotate(-135deg);}
.select-wrap .select2-container--default .select2-selection--single .select2-selection__placeholder {color:#161618;font-size:15px;}
.select-wrap .select2-container--default.select2-container--disabled .select2-selection--single {background-color:#F2F3F7;}
.select-wrap .select2-container--open .select2-dropdown--above {border:0;}

/*switch*/
.switch-button {position:relative;width:46px;height:26px;}
.switch-button input[type=checkbox]{height:0;width:0;visibility:hidden;font-size:0;}
.switch-button label {cursor:pointer;text-indent:-9999px;font-size:0;width:46px;height:26px;background:#ebedf2;border:1px solid #e1e3eb;display:inline-block;border-radius:2.5rem;position:absolute;right:0;top:0;}
.switch-button label:after {content:'';position:absolute;top:2px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:3px 0px 3px 0px rgba(0, 0, 0, 0.1);transition:0.3s ease all;}
.switch-button input:checked + label {background:#1ec843;border:1px solid #1ec843;}
.switch-button input:checked + label:after {left:calc(100% - 3px);top:2px;transform:translateX(-100%);box-shadow:3px 0px 3px 0px rgba(0, 0, 0, 0.2);}
.switch-button label:active:after {width:20px;}

.wrapper {height:100%;min-height:100vh;max-width:100%;position:relative;font-size:13px;color:#161618;letter-spacing:0;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.container {max-width:100%;margin:0 auto;height:100%;}
header {height:60px;background-color:#fff;position:fixed;left:0;right:0;top:0;z-index:50;border-bottom:1px solid #E1E3EB;}
header .container {height:100%;display:flex;justify-content:center;align-items:center;padding:0 24px;}
header h1 {display:none;}
header h2 {font-size:16px;font-weight:700;line-height:1;}
header h1 span.bi-creverse {display:inline-block;vertical-align:middle;margin-right:12px;width:120px;height:24px;position:relative;top:-2px;background:url("../images/common/BI_CREVERSE_Horizontal.png") no-repeat;background-size:100%;}
header .btn-back {display:inline-block;position:absolute;left:12px;top:10px;width:40px;height:40px;background:url("../images/common/btn_back.png")no-repeat;background-size:100%;font-size:0;}
header .btn-home {display:inline-block;position:absolute;left:12px;top:10px;width:40px;height:40px;background:url("../images/common/icon_home.svg")no-repeat center;background-size:20px 19px;font-size:0;}
header .btn-close {display:inline-block;position:absolute;right:12px;top:10px;width:40px;height:40px;background:url("../images/common/btn_close_blackRound.svg")center no-repeat;background-size:40%;font-size:0;}
header .btn-reset {position:fixed;top:16px;right:20px;z-index:51;}
header .btn-reset a {width:82px;height:28px;display:flex;align-items:center;gap:4px;justify-content:center;border:1px solid #F0F0F0;border-radius:999px;box-sizing:border-box;}
header .btn-reset a em {width:16px;height:16px;display:inline-block;}
header .btn-reset a span {color:#212121;font-size:11px;font-weight:700;line-height:1;}
header .btn-reset a.reset em {background:url("../images/common/icon_reset.svg") no-repeat center / cover;}


.content {background-color:#fff;min-height:100vh;padding:60px 20px 88px;}
.content.no-bottom {padding:60px 20px 60px;}

.btn-box-bottom {display:flex;column-gap:8px;margin:0 auto;max-width:100%;position:fixed;z-index:50;left:0px;right:0px;bottom:0px;padding:20px;background-color:#fff;}
.btn-box-bottom button {flex:1;height:48px;font-size:16px;font-weight:700;}
/*팝업공통*/
.modal-pop {position:fixed;height:100vh; background:rgba(0, 0, 0, 0.5);top:0;left:0;right:0;bottom:0;z-index:999;display:none;}
.modal-pop .modal-frame {padding:59px 0px 20px;overflow:hidden;position:absolute;width:100%;height:100%;background:#fff;top:0;left:0;z-index:100;}
.modal-pop .modal-frame .pop-header {position:fixed;left:0;right:0;top:0;padding:0px 0px 0;z-index:99;background-color:#fff;}
.modal-pop .modal-frame .pop-header h1 {text-align:center;border-bottom:1px solid #E1E3EB;padding:20px 24px 16px 24px;font-size:16px;font-weight:700;box-sizing:border-box;}
.modal-pop .modal-frame .pop-header .close-modal {width:40px;height:40px;position:absolute;right:8px;top:8px;font-size:0;background:url("../images/common/btn_close_blackRound.svg")center no-repeat;background-size:40%;}
.modal-pop .modal-frame .pop-content {margin-top:24px;}
.modal-pop .modal-frame .pop-content .btn-box {position:fixed;left:20px;right:20px;bottom:20px;display:flex;column-gap:16px;justify-content:center;padding:0 0px;z-index:101;}
.modal-pop .modal-frame .pop-content .btn-box button {flex:1;height:48px;font-family:'Pretendard';font-size:14px;font-weight:700;border-radius:8px;box-sizing:border-box;}
.modal-pop .modal-frame .pop-content .btn-box button.btn_white {border:1px solid #E1E3EB;}

.modal-pop.mini .modal-frame {padding:16px 24px 28px;width:calc(100% - 40px);max-width:320px;height:auto;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:8px;}
/*다시하기선택*/
.modal-pop.reset-wrap .modal-frame {max-width:200px;padding:0;}
.modal-pop.reset-wrap .modal-frame .pop-content {margin-top:0;}
.modal-pop.reset-wrap .reset-btns div {padding:18px 16px 18px;color:#000;font-size:14px;line-height:1;box-sizing:border-box;position:relative;}
.modal-pop.reset-wrap .reset-btns div em {width:16px;height:16px;position:absolute;right:16px;top:50%;transform:translateY(-50%);}
.modal-pop.reset-wrap .reset-btns div + div {border-top:1px solid #E8E8E8;}
.modal-pop.reset-wrap .reset-btns div.reset em {background:url("../images/common/icon_reset.svg") no-repeat center / 100%;}
.modal-pop.reset-wrap .reset-btns div.preferBranch em {background:url("../images/common/icon_preferbranch.svg") no-repeat center / 100%;}
/*선호브랜치목록*/
.modal-pop.preferBranchList-wrap-mobile {visibility:visible;}
.modal-pop.preferBranchList-wrap-mobile .modal-frame {max-width:210px;padding:0 0px;}
.modal-pop.preferBranchList-wrap-mobile .modal-frame .close-modal {right:3px;top:8px;background:url("../images/common/btn_close_grayRound.svg") no-repeat center / 12px 12px;}
.modal-pop.preferBranchList-wrap-mobile .preferBranchList {padding:0 16px;height:auto;max-height:498px;/*max-height:calc(100vh - 100px);*/overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;}
.modal-pop.preferBranchList-wrap-mobile .preferBranchList .std-box {padding-top:16px;position:relative;}
.modal-pop.preferBranchList-wrap-mobile .preferBranchList .std-box .std-info em {display:inline-block;vertical-align:middle;width:24px;height:24px;background:url("../images/common/pic_student_default.svg") no-repeat center / 100% 100%;}
.modal-pop.preferBranchList-wrap-mobile .preferBranchList .std-box .std-info span {display:inline-block;vertical-align:middle;line-height:24px;font-size:16px;font-weight:700;margin-left:6px;}
.modal-pop.preferBranchList-wrap-mobile .preferBranchList .branch-box {margin:24px 0;display:flex;flex-direction: column;row-gap:16px;}
.modal-pop.preferBranchList-wrap-mobile .preferBranchList .branch-box li {}
.modal-pop.preferBranchList-wrap-mobile .preferBranchList .branch-box li a {display:block;padding:0 0 0 44px;line-height:22px;font-size:14px;color:#212121;letter-spacing:-0.03em;position:relative;}
.modal-pop.preferBranchList-wrap-mobile .preferBranchList .branch-box li a.active {font-weight:700;}
.modal-pop.preferBranchList-wrap-mobile .preferBranchList .branch-box li em {position:absolute;left:12px;top:0;display:inline-block;vertical-align:middle;width:24px;height:24px;background-size:100%;}
.modal-pop.preferBranchList-wrap-mobile .preferBranchList .branch-box li span {display:block;margin-top:4px;font-size:13px;font-weight:400;line-height:1.4;color:#616161;}
.modal-pop.preferBranchList-wrap-mobile .preferBranchList .branch-box li i.active-st {margin-top:4px;display:inline-block;width:32px;height:16px;background:url("../images/common/icon_active_student.svg") no-repeat center / 100% 100%;}
.modal-pop.preferBranchList-wrap-mobile .preferBranchList .std-box + .std-box {padding-top:24px;}
.modal-pop.preferBranchList-wrap-mobile .preferBranchList .std-box:last-child .branch-box {margin:24px 0 32px;}
.modal-pop.preferBranchList-wrap-mobile .preferBranchList .std-box + .std-box:before {content:'';position:absolute;top:0;left:-16px;right:-16px;height:8px;background:#F2F3F7;}

.preferBranchList-wrap {visibility:hidden;}
.select-area .preferBranchList-wrap {display:none;position:absolute;top:84px;right:132px;z-index:103;}
.preferBranchList {width:210px;border-radius:8px;background:#FFF;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);padding:0 16px;box-sizing:border-box;max-height:498px;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;}
.preferBranchList .close-branch {position:absolute;top:21px;right:16px;z-index:104;width:14px!important;height:14px!important;display:inline-block!important;background:unset!important;border:0!important;}
.preferBranchList .close-branch::before, .preferBranchList .close-branch::before {content:"";position:absolute;display:block;height:15px;border-radius:2px;width:2px;background-color:#666;transform:rotate(45deg);top:0;right:6px;}
.preferBranchList .close-branch::after, .preferBranchList .close-branch::after {content:"";position:absolute;display:block;height:15px;border-radius:2px;width:2px;background-color:#666;transform:rotate(135deg);top:0;right:6px;}
.preferBranchList .std-box {padding-top:16px;position:relative;}
.preferBranchList .std-box .std-info em {display:inline-block;vertical-align:middle;width:24px;height:24px;background:url("../images/common/pic_student_default.svg") no-repeat center / 100% 100%;}
.preferBranchList .std-box .std-info span {display:inline-block;vertical-align:middle;line-height:24px;font-size:16px;font-weight:700;margin-left:6px;}
.preferBranchList .branch-box {margin:24px 0;display:flex;flex-direction: column;row-gap:16px;}
.preferBranchList .branch-box li {}
.preferBranchList .branch-box li a {display:block;padding:0 0 0 44px;line-height:22px;font-size:14px;color:#212121;position:relative;}
.preferBranchList .branch-box li a.active {font-weight:700;}
.preferBranchList .branch-box li em {position:absolute;left:12px;top:0;display:inline-block;vertical-align:middle;width:24px;height:24px;background-size:100%;}
.preferBranchList .branch-box li span {display:block;margin-top:4px;font-size:13px;font-weight:400;line-height:1.4;color:#616161;}
.preferBranchList .branch-box li i.active-st {margin-top:4px;display:inline-block;width:32px;height:16px;background:url("../images/common/icon_active_student.svg") no-repeat center / 100% 100%;}
.preferBranchList .std-box + .std-box {padding-top:24px;}
.preferBranchList .std-box + .std-box:before {content:'';position:absolute;top:0;left:-16px;right:-16px;height:8px;background:#F2F3F7;}
.preferBranchList .std-box:last-child .branch-box {margin:24px 0 32px;}

/*브랜치위치보기*/
.modal-pop.branchLocate-wrap .pop-content {padding:0 20px;overflow:hidden!important;margin-top:0;}
.modal-pop.branchLocate-wrap .branch-name {margin:20px 0;font-size:16px;font-weight:700;}
.modal-pop.branchLocate-wrap .branch-name i {display:inline-block;vertical-align:middle;width:24px;height:24px;margin-right:16px;background:url("../images/common/icon_location.svg") no-repeat center / 100%;}
.modal-pop.branchLocate-wrap .another-branch {margin-bottom:20px;}
.modal-pop.branchLocate-wrap .another-branch a {display:inline-block;vertical-align:middle;color:#62646A;font-size:14px;line-height:40px;border-radius:40px;border:1px solid #E1E3EB;background:#FFF;padding:0px 16px;box-sizing:border-box;}
.modal-pop.branchLocate-wrap .another-branch a i {display:inline-block;vertical-align:middle;width:24px;height:24px;margin-right:6px;background:url("../images/common/search.svg") no-repeat center / 100%;}
.modal-pop.branchLocate-wrap .branch-map {height:calc(100dvh - 270px);border-radius:6px;border:1px solid #E1E3EB;overflow:hidden!important;}
.modal-pop.branchLocate-wrap .branch-map.full {height:calc(100dvh - 210px);}
.modal-pop.branchLocate-wrap .branch-map .map-marker {/*width:44px; height:51px; margin-top:-36px; margin-left:-12px;*/width:32px; height:37px; margin-top:-22px; margin-left:-16px;}
/*약관상세*/
.modal-pop.policy-pop {z-index:110!important;}
.modal-pop.policy-pop .modal-frame {padding:60px 0px 20px;}
.modal-pop.policy-pop .modal-frame .pop-header {height:60px;}
.modal-pop.policy-pop .modal-frame .pop-header h1 {border-bottom:0;}
.modal-pop.policy-pop .modal-frame .pop-header .close-modal {z-index:999!important;}
.modal-pop.policy-pop .modal-frame .pop-content {margin-top:0;}
.modal-pop.policy-pop .modal-frame .pop-content iframe {border:0;width:100%;height:calc(100vh - 148px);padding:0px;margin:0;}
.pop-policy .update {position:fixed;left:0;right:15px;top:0px;padding:10px 0 8px 0;color:#8C8E96;border-bottom:1px solid #E1E3EB;background-color:#fff;}
.pop-policy .update span {display:inline-block;margin-right:10px;}
.pop-policy .content-box {line-height:1.5;padding:12px 20px 40px;color:#161618;}
.pop-policy .gray-box {background-color:#FAFAFC;border-radius:8px;padding:20px;color:#62646A;}
.pop-policy h2 {font-size:15px;font-weight:700;margin-top:24px;}
.pop-policy .pop-title {font-size:16px;font-weight:700;border-bottom:1px solid #E1E3EB;margin:-12px 0 16px; padding-bottom:10px;}
.pop-policy h3 {font-weight:700;margin-top:24px;}
.pop-policy .line {position:relative;padding-top:24px;}
.pop-policy .line:before {content:'';background-color:#E1E3EB;height:1px;position:absolute;left:0;right:0;top:0;}
.pop-policy .line.thick {position:relative;padding-top:32px;}
.pop-policy .line.thick:before {content:'';background-color:#E1E3EB;height:8px;position:absolute;left:-20px;right:-20px;top:0;}
.pop-policy ul li {margin:5px 0;display:block;}
.pop-policy li.bullet {padding-left:10px;position:relative;}
.pop-policy li.bullet:before {content:'';width:2px;height:2px;border-radius:50%;background:#62646A;position:absolute;left:0;top:8px;}
.pop-policy li.num {text-indent:-1em;margin-left:1em;}
.pop-policy ul li strong {font-weight:700;}
.pop-policy table {width:100%;margin-top:12px;border-collapse:separate;border-spacing:1px;background-color:#C0C3CC;color:#62646A;}
.pop-policy table th {background-color:#F2F3F7;padding:8px;text-align:center;font-weight:700;}
.pop-policy table td {background-color:#fff;padding:8px;word-break: break-all;}
.pop-policy table td.center {text-align:center;}
.pop-policy .text-box {margin-top:4px;}
.pop-policy .text-box.line {margin-top:24px;}
.pop-policy .text-box p {margin-top:24px;}
.pop-policy .underline {text-decoration:underline;}
.pop-policy .fontUp {font-size:107%;}
/*주소,학교검색*/
.modal-pop.addressSearch-pop .modal-frame {padding:60px 0px 20px;}
.modal-pop.addressSearch-pop .modal-frame .pop-header h1 {text-align:left;}
.modal-pop.addressSearch-pop .modal-frame .pop-content {padding:20px 20px 20px;height:calc(100vh - 59px);}
.modal-pop.addressSearch-pop .modal-frame .pop-content iframe {border:0;width:100%;height:calc(100vh - 100px);padding:0px;margin:0;overflow-y:auto;}
/*자녀 추가하기*/
.modal-pop.manage-child .modal-frame {padding:60px 0px 0px;}
.modal-pop.manage-child .modal-frame .pop-header h1 {text-align:left;}
.modal-pop.manage-child .modal-frame .pop-content {padding:0px 0px 0;height:calc(100vh - 59px);}
.modal-pop.manage-child .modal-frame .pop-content iframe {border:0;width:100%;height:calc(100vh - 84px);padding:0px;margin:0;overflow-y:auto;}  
/*교과과정*/
.modal-pop.tip-progress {z-index:110!important;}
.modal-pop.tip-progress .modal-frame {padding:94px 0px 20px;}
.modal-pop.tip-progress .modal-frame .pop-header {height:94px;padding:0 20px;}
.modal-pop.tip-progress .modal-frame .pop-header h1 {padding:61px 0 10px;text-align:left;font-size:16px;}
.modal-pop.tip-progress .modal-frame .pop-header .close-modal {z-index:999!important;}
.modal-pop.tip-progress .pop-content {line-height:1.4;font-size:14px;padding:20px 20px;color:#161618;height:calc(100vh - 130px);overflow:hidden;overflow-y:auto;}
.modal-pop.tip-progress .pop-content dt {font-weight:700;}
.modal-pop.tip-progress dd {margin:4px 0 16px;}
/*공유하기*/
.modal-pop.info-share .modal-frame {padding:72px 20px 40px;max-width:320px;height:auto;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:16px;border:1px solid #E1E3EB;box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.10);}
.modal-pop.info-share .modal-frame .pop-header h1 {font-size:20px;border-bottom:0;padding:40px 24px 8px 24px;}
.modal-pop.info-share .modal-frame .pop-content {text-align:center;}
.modal-pop.info-share .modal-frame .pop-content .guide-text {color:#434447;font-size:16px;line-height:24px;}
.modal-pop.info-share .modal-frame .pop-content .share-btn {margin-top:32px;display:flex;justify-content:center;column-gap:15px;}
.modal-pop.info-share .modal-frame .pop-content .share-btn button {width:129px;border-radius:8px;border:1px solid #E1E3EB;background:#FAFAFC;padding:16px;}
.modal-pop.info-share .modal-frame .pop-content .share-btn button em {display:block;width:40px;height:40px;margin:0 auto;}
.modal-pop.info-share .modal-frame .pop-content .share-btn button.kakao em {background:url("../images/common/kakao.svg") no-repeat center / 100%;}
.modal-pop.info-share .modal-frame .pop-content .share-btn button.url em {background:url("../images/common/url.svg") no-repeat center / 100%;}
.modal-pop.info-share .modal-frame .pop-content .share-btn button span {display:block;color:#161618;font-size:14px;font-weight:500;line-height:1;margin-top:10px;}
/*기본팝업*/
.modal-pop.common-dialog .modal-frame {padding:0 0 20px;max-width:320px;height:auto;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:16px;border:1px solid #E1E3EB;box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.10);}
.modal-pop.common-dialog .modal-frame .pop-header .close-modal {top:8px;right:8px;}
.modal-pop.common-dialog .modal-frame .pop-content {padding:34px 20px 0;}
.modal-pop.common-dialog .modal-frame .pop-content .conBox {text-align:center;}
.modal-pop.common-dialog .modal-frame .pop-content .conBox .info-text {color:#0B0B0C;font-size:18px;font-weight:700;line-height:26px;}
.modal-pop.common-dialog .modal-frame .pop-content .conBox .sub-info {margin-top:6px;color:#000;font-size:15px;font-weight:400;line-height:1.4;letter-spacing:-0.32px;}
.modal-pop.common-dialog .modal-frame .pop-content .conBox .info-desk {margin-top:6px;}
.modal-pop.common-dialog .modal-frame .pop-content .conBox .info-desk span {color:#666;font-size:14px;font-weight:700;line-height:22px;padding-left:32px;background:url("../images/common/service_center.svg") no-repeat left center / 20px 20px;}
.modal-pop.common-dialog .modal-frame .pop-content .conBox .gray-round-box {margin-top:20px;padding:20px 20px 20px; border-radius:8px;border:1px solid #EBEDF2;background:#FAFAFC;}
.modal-pop.common-dialog .modal-frame .pop-content .conBox .gray-round-box dl {font-size:14px;text-align:left;}
.modal-pop.common-dialog .modal-frame .pop-content .conBox .gray-round-box dt {display:inline-block;vertical-align:top;width:30%;color:#72747C;margin:4px 0;}
.modal-pop.common-dialog .modal-frame .pop-content .conBox .gray-round-box dd {display:inline-block;vertical-align:top;width:68%;color:#161618;font-weight:400;margin:4px 0;word-break:break-all;}
.modal-pop.common-dialog .modal-frame .pop-content .conBox .gray-round-box dd span {position:relative;padding-left:13px;font-weight: normal;}
.modal-pop.common-dialog .modal-frame .pop-content .conBox .gray-round-box dd span:before {content:'';width:1px;height:14px;background:#E1E3EB;position:absolute;left:6px;top:50%;transform:translateY(-50%);}
.modal-pop.common-dialog .modal-frame .pop-content .conBox .gray-round-box dd:last-child span {padding-left:10px;font-weight:400;}
.modal-pop.common-dialog .modal-frame .pop-content .conBox .gray-round-box dd:last-child span:before {display:none;}
.modal-pop.common-dialog .modal-frame .pop-content .btn-box {position:unset;left:0;right:0;margin-top:30px;}
.modal-pop.common-dialog .modal-frame .pop-content .btn-box button {font-size:15px;line-height:48px;}
.modal-pop.common-dialog .modal-frame .pop-content .btn-box button.bold {font-weight:700;}



/*선호브랜치*/
.modal-pop.preferBranch-pop .modal-frame .pop-header h1 {border:0;}
.modal-pop.preferBranch-pop iframe {border:0;width:100%;height:calc(100vh - 63px);padding:0 0px 100px 0px;margin:0;}
.preferBranch-pop .pop-content {padding:24px 20px 88px 20px;position:relative;}
.preferBranch-pop .guide {padding:12px 16px 12px 36px;background:#FAFAFC;border-radius:8px;position:relative;font-size:14px;color:#62646A;}
.preferBranch-pop .guide:before {content:'';position:absolute;left:16px;top:14px;width:14px;height:14px;border-radius:50%;background: url("../images/common/icon_exclamation_white.png") center no-repeat #ABAEB7;background-size:2px 8px;}
.preferBranch-pop .brand-box {margin-top:16px;}
.preferBranch-pop .online-brarnd {margin-top:16px;background:#FAFAFC;border-radius:12px;padding:24px 20px 20px;}
.preferBranch-pop .online-brarnd .brand-name {font-size:16px;}
.preferBranch-pop .online-brarnd .brand-name em {width:24px;height:24px;display:inline-block;vertical-align:middle;margin-right:8px;background-size:100%;background-position:center;}
.preferBranch-pop .online-brarnd .brand-name span {font-weight:700;display:inline-block;vertical-align:middle;}
.preferBranch-pop .online-brarnd p {margin-top:16px;font-size:14px;color:#62646A;}
.preferBranch-pop .online-brarnd .help-center {margin-top:16px;padding-top:16px;border-top:1px dashed #D5D8E0;font-size:14px;}
.preferBranch-pop .online-brarnd .help-center em {font-size:18px;font-weight:700;color:#00BABB;display:inline-block;vertical-align:middle;margin-left:12px;margin-top:-3px;}
.preferBranch-pop .map-wrap .map-head {border-radius:8px 8px 0px 0px;background:#2F8EED;padding:10px 10px 14px;font-size:14px;font-weight:700;color:#fff;text-align:center;}
.preferBranch-pop .map-wrap .map-area {border-radius:8px;border:1px solid #E1E3EB;margin-top:-6px;overflow:hidden;}
.preferBranch-pop .map-wrap .map-area .map {height:200px;background:#eee;}
.preferBranch-pop .map-wrap .map-area .map iframe {width:100%;height:200px;}
.preferBranch-pop .map-wrap .map-area .branch-info {padding:12px 20px 16px;}
.preferBranch-pop .map-wrap .map-area .branch-info .branch-name {font-size:16px;font-weight:700;}
.preferBranch-pop .map-wrap .map-area .branch-info .branch-name em {width:24px;height:24px;display:inline-block;vertical-align:middle;margin-right:8px;background-size:100%;background-position:center;}
.preferBranch-pop .map-wrap .map-area .branch-info ul {margin-top:8px;}
.preferBranch-pop .map-wrap .map-area .branch-info ul li {position:relative;padding-left:20px;}
.preferBranch-pop .map-wrap .map-area .branch-info ul li span {width:16px;height:16px;background:#000;position:absolute;left:0;top:1px;}
.preferBranch-pop .map-wrap .map-area .branch-info ul li:nth-child(1) span {background: url("../images/myInfo/icon_branch_location01.svg") center no-repeat;}
.preferBranch-pop .map-wrap .map-area .branch-info ul li:nth-child(2) span {background: url("../images/myInfo/icon_branch_location02.svg") center no-repeat;}
.preferBranch-pop .map-wrap .map-area .branch-info ul li + li {margin-top:6px;}
.preferBranch-pop .check-all {margin-top:16px;}
.modal-pop.preferBranch-pop.top .modal-frame {padding:0px 0px 20px;}
/*자녀정보제공관리*/
.modal-pop.info-manage-pop .pop-content {padding:0px 20px 24px;position:relative;height:calc(100vh - 210px);overflow-y:auto;}
.modal-pop.info-manage-pop .pop-content .title-box {font-size:20px;font-weight:700;}
.modal-pop.info-manage-pop .pop-content .title-box span {color:#00BABB;}
.modal-pop.info-manage-pop .pop-content .title-box p {font-size:15px;font-weight:400;margin-top:4px;}
.modal-pop.info-manage-pop .pop-content h3 {font-size:15px;font-weight:400;position:relative;margin-top:32px;}
.modal-pop.info-manage-pop .pop-content h3.line {margin-top:56px;}
.modal-pop.info-manage-pop .pop-content h3.line:before {content:'';background-color:#F2F3F7;height:8px;position:absolute;left:-20px;right:-20px;top:-32px;}
.modal-pop.info-manage-pop .pop-content .agree-section .checkBox-wrap {margin-top:18px;position:relative;}
.modal-pop.info-manage-pop .pop-content .agree-section .checkBox-wrap input[type=checkbox] + label {font-size:14px;}
.modal-pop.info-manage-pop .pop-content .agree-section .checkBox-wrap.tree {margin-top:8px;padding-left:34px;}
.modal-pop.info-manage-pop .pop-content .agree-section .checkBox-wrap.tree input[type=checkbox] + label {font-size:13px;color:#8C8E96;position:relative;}
.modal-pop.info-manage-pop .pop-content .agree-section .checkBox-wrap.tree input[type=checkbox] + label span {display:inline-block;}
.modal-pop.info-manage-pop .pop-content .agree-section .checkBox-wrap.tree input[type=checkbox] + label:before {vertical-align:top;margin-top:3px;}
.modal-pop.info-manage-pop .pop-content .agree-section .checkBox-wrap .open-modal {position:absolute;right:7px;top:50%;transform:translateY(-50%);margin-top:-1px;font-size:13px;color:#ABAEB7;border-bottom:1px solid #ABAEB7;line-height:1.2;z-index:100;}
.modal-pop.info-manage-pop .pop-content .agree-section .inline {padding-left:32px;}
.modal-pop.info-manage-pop .pop-content .agree-section .inline .checkBox-wrap {display:inline-block;margin-top:10px;}
.modal-pop.info-manage-pop .pop-content .agree-section .inline .checkBox-wrap input[type=checkbox] + label {padding:7px 20px 7px 0px;font-size:13px;color:#8C8E96;}

footer {display:none;}

@media screen and (min-width:520px) {
  .preferBranch-pop {}
  .preferBranch-pop .pop-content {padding:24px 40px 104px;}
  .preferBranch-pop .guide {font-size:15px;}
  .preferBranch-pop .guide:before {top:15px;}
  .preferBranch-pop .pop-content .btn-box-bottom {position:fixed;bottom:0px;left:0px;right:0px;margin:0px auto 0px;padding:24px 40px;background:#fff;}
  .preferBranch-pop .pop-content .btn-box-bottom button {width:100%;height:56px;font-size:18px;}
  .preferBranch-pop .pop-content .insert-area h4.line:before {left:-40px;right:-40px;}
  .preferBranch-pop .online-brarnd .brand-name em {width:32px;height:32px;}
  .preferBranch-pop .insert-area .brand-box .select-wrap .img-flag {width:28px;height:28px;}
}
@media screen and (min-width:629px) {
  .pop-policy .content-box {padding:16px 20px 0;font-size:14px;}
  .pop-policy h2 {font-size:16px;} 
}
@media screen and (min-width:768px) {
  .content.gray {background-color:#fff;}
  .content.bg-sky {padding: 64px 0 0px;}
  .mo-show {display:none;}
  .mo-hide {display:inline-block;}
  .error-message {font-size:11px;}
  .confirm-message {font-size:13px;}
  .confirm-message em {position:relative;top:-1px;}
  label.common input {padding:11px 40px 10px 16px;}
  label.common p.title span {font-size:13px;}
  label.common .erase {bottom:8px;right:8px;}
  .checkBox-wrap input[type=checkbox] + label {font-size:14px;}
  .wrapper {font-size:14px;}
  .container {max-width:1280px;}
  header {height:64px;}
  header .container {justify-content:space-between;}
  header h1 {display:block;}
  header h1 a {display:block;width:150px;height:30px;font-size:0;background:url("../images/common/BI_CREVERSE_Horizontal.png") no-repeat;background-size:100%;}
  header h2 {display:none;}
  header .btn-back, header .btn-close {display:none;}
  .content, .content.no-bottom {min-height:calc(100vh - 120px);padding:64px 0 0px;}
  .content.iframe-version {min-height:calc(100vh - 120px);padding:0px 0 0px;}
  .radioBox-wrap input[type=radio] + label:before {margin:-2px 14px 0 6px;}
  .radioBox-wrap input[type=radio] + label {font-size:16px;}
  .select-wrap .select2-selection--single {font-size:15px;padding:0px 40px 0px 16px;}
  .select-wrap .select2-selection--single .select2-selection__rendered span {line-height:44px;}
  .select-wrap .select2-container--default .select2-results .select2-results__options {padding:10px 0;}
  .select-wrap .select2-results__option {font-size:16px;padding:10px 40px 10px 16px;}
  .select-wrap .select2-container--default .select2-selection--single .select2-selection__placeholder {font-size:15px;}
  .select-wrap .select2-container .selection:after {right:20px;}
  .select-wrap .select2-results__option[aria-selected=true]:after {right:15px;}
  .select-wrap .img-flag {width:32px;height:32px;margin-right:10px;}
  .btn-box-bottom {column-gap:16px;align-items:center;justify-content:end;margin:40px auto 100px;position:unset;padding:0px;}
  .btn-box-bottom .guide-bottom {flex:1;text-align:right;padding-right:26px;}
  .btn-box-bottom .guide-bottom.mint i {display:inline-block;vertical-align:middle;margin-right:8px;width:24px;height:24px;background:url("../images/common/mint-guide.svg") no-repeat center / 100%;}
  .btn-box-bottom .guide-bottom.mint span {display:inline-block;vertical-align:middle;color:#00BABB;font-size:16px;}
  .btn-box-bottom button {flex:unset;width:188px;height:56px;font-size:18px;}
  .btn-box-bottom.center {margin:24px auto 40px;justify-content:center;}

  footer {display:block;background-color:#FAFAFC;text-align:center; padding:37px 0 38px;}
  footer ul {display:flex;justify-content:center;column-gap:24px;font-size:12px;}
  footer ul li {position:relative;}
  footer ul li + li:before {content:'';width:1px;height:10px;background-color:#D5D8E0;position:absolute;left:-12px;top:50%;transform:translateY(-50%);}
  footer ul li a {color:#62646A;}
  footer ul li a em {font-weight:700;}
  footer .copyright {color:#ABAEB7;font-size:12px;letter-spacing:-0.12px;margin-top:12px;}
  .modal-pop .modal-frame {padding:0px;border-radius:8px;left:50%;top:50%;transform:translate(-50%, -50%);width:auto;height:auto;}
  .modal-pop .modal-frame .pop-header {position:relative;}
  .modal-pop .modal-frame .pop-content .select-wrap .img-flag {width:22px;margin-right:10px;}
  .modal-pop .modal-frame .pop-header h1 {font-size:24px;padding:27px 24px 16px;line-height:28px;text-align:left;}
  .modal-pop .modal-frame .pop-header .close-modal {top:8px;right:8px;}
  .modal-pop .modal-frame .pop-content .btn-box {position:relative;left:auto;right:auto;bottom:auto;margin-top:24px;}
  .modal-pop .modal-frame .pop-content .btn-box button {max-width:280px;font-size:18px;}
  .modal-pop .modal-frame .pop-content .btn-box.v2 {max-width:342px;margin: 0 auto;}
  /*학원위치보기*/
  .modal-pop.branchLocate-wrap .pop-content {padding:0 24px 24px;position:relative;margin-top:24px;}
  .modal-pop.branchLocate-wrap .modal-frame {width:830px;}
  .modal-pop.branchLocate-wrap .branch-name {font-size:20px;margin:0 0 24px;line-height:40px;}
  .modal-pop.branchLocate-wrap .another-branch {margin-bottom:0;position:absolute;right:24px;top:0px;}
  .modal-pop.branchLocate-wrap .branch-map {height:349px;}
  .modal-pop.branchLocate-wrap .branch-map.full {height:349px;}
  /*다시하기*/
  .modal-pop.reset-wrap {display:none!important;}
  /*선호브랜치리스트*/
  .modal-pop.preferBranchList-wrap {width:1280px;left:50%;transform:translateX(-50%);background:transparent;}
  .modal-pop.preferBranchList-wrap .modal-frame {left:auto;right:158px;top:226px;transform:unset;width:210px;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);}
  .modal-pop.preferBranchList-wrap .modal-frame .pop-header .close-modal {right:3px;top:8px;}
  /*교과과정*/
  .modal-pop.tip-progress .modal-frame {padding:0;width:680px;}
  .modal-pop.tip-progress .modal-frame .pop-header {padding:0 40px;height:110px;}
  .modal-pop.tip-progress .modal-frame .pop-header h1 {font-size:24px;border-bottom:0;padding:40px 0 0px;}
  .modal-pop.tip-progress .pop-content {padding:0 40px 40px;height:auto;}

  /*선호브랜치*/
  .modal-pop.preferBranch-pop .modal-frame {width:520px;height:620px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:65px 0px 20px 0px;}
  .modal-pop.preferBranch-pop .modal-frame .pop-header h1 {border-bottom:1px solid #E1E3EB;font-size:18px;}
  .modal-pop.preferBranch-pop iframe {height:553px;padding:0;}
  /*약관상세*/  
  .modal-pop.policy-pop .modal-frame {width:520px;height:600px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0px 0px 20px 0px;}
  .modal-pop.policy-pop .modal-frame .pop-header {height:66px;}
  .modal-pop.policy-pop .modal-frame .pop-header h1 {font-size:18px;border-bottom:1px solid #E1E3EB;}
  .modal-pop.policy-pop .modal-frame .pop-content iframe {height:510px;padding:0 0px 0px;}
  .pop-policy .pop-title {font-size:18px;margin-top:-16px;}
  /*주소,학교검색*/
  .modal-pop.addressSearch-pop .modal-frame {width:470px;height:600px;padding:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;}
  .modal-pop.addressSearch-pop .modal-frame .pop-content {padding:20px;height:100%;}
  .modal-pop.addressSearch-pop .modal-frame .pop-content iframe {height:480px;}
  /*자녀 추가하기*/
  .modal-pop.manage-child .modal-frame {width:470px;height:600px;padding:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;}
  .modal-pop.manage-child .modal-frame .pop-content {padding:0 0px 0;height:calc(100% - 96px);}
  .modal-pop.manage-child .modal-frame .pop-content iframe {height:100%;}
  /*공유하기*/
  .modal-pop.info-share .modal-frame {padding:0px 0 40px;width:460px;max-width:unset;height:auto;}
  .modal-pop.info-share .modal-frame .pop-header {padding:40px 0 8px;}
  .modal-pop.info-share .modal-frame .pop-header h1 {padding:0 24px 0 24px;text-align:center;}
  .modal-pop.info-share .modal-frame .pop-content {text-align:center;}
  .modal-pop.info-share .modal-frame .pop-content .guide-text {color:#434447;font-size:16px;line-height:24px;}
  /*기본팝업*/
  .modal-pop.common-dialog .modal-frame {padding:0 0 28px;width:480px;max-width:unset;}
  .modal-pop.common-dialog .modal-frame .pop-content {padding:44px 24px 0;}
  .modal-pop.common-dialog .modal-frame .pop-content .conBox .info-text {font-size:20px;line-height:30px;}
  .modal-pop.common-dialog .modal-frame .pop-content .conBox .sub-info {font-size:16px;}
  .modal-pop.common-dialog .modal-frame .pop-content .conBox .gray-round-box {margin-top:36px;padding:22px 40px 26px;}
  .modal-pop.common-dialog .modal-frame .pop-content .conBox .gray-round-box dl {font-size:16px;}
  .modal-pop.common-dialog .modal-frame .pop-content .conBox .gray-round-box dt {margin:6px 0;}
  .modal-pop.common-dialog .modal-frame .pop-content .conBox .gray-round-box dd {margin:6px 0;}
  .modal-pop.common-dialog .modal-frame .pop-content .btn-box {margin-top:36px;}
  .modal-pop.common-dialog .modal-frame .pop-content .btn-box button {font-size:16px;}


  .modal-pop.preferBranchList-wrap-mobile {visibility:hidden;}
  .preferBranchList-wrap {visibility:visible;}


  
  /*자녀정보제공관리*/
  .modal-pop.info-manage-pop .modal-frame {width:520px;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:74px 0px 20px 0px;}
  .modal-pop.info-manage-pop .pop-content {height:auto;padding:0px 40px 100px;}
  .modal-pop.info-manage-pop .pop-content .title-box {font-size:22px;}
  .modal-pop.info-manage-pop .pop-content .title-box p {margin-top:8px;font-size:16px;}
  .modal-pop.info-manage-pop .pop-content h3 {font-size:16px;}
  .modal-pop.info-manage-pop .pop-content h3.line:before {left:-40px;right:-40px;}
  .modal-pop.info-manage-pop .pop-content .agree-section .checkBox-wrap input[type=checkbox] + label {font-size:15px;}
  .modal-pop.info-manage-pop .pop-content .agree-section .checkBox-wrap.tree input[type=checkbox] + label {font-size:15px;}
  .modal-pop.info-manage-pop .pop-content .agree-section .inline .checkBox-wrap input[type=checkbox] + label {font-size:15px;}
  .modal-pop.info-manage-pop .pop-content .btn-box-bottom {max-width:unset;position:fixed;bottom:0px;left:40px;right:40px;margin:0px auto 0px;padding:24px 0;background:#fff;}
  .modal-pop.info-manage-pop .pop-content .btn-box-bottom button {width:100%;}
}
  
@media screen and (max-height:700px) {
  .modal-pop.tip-progress .pop-content {height:calc(100vh - 140px);}
}



/*** 입학시험 예약 ***/

.reservation.form .select-area .title-box {border-bottom:none;}
.res-form {position: relative;}
.res-form .req { color: #FF0000 !important; font-size: 16px;vertical-align: middle;}
.res-form p.noti { color: #999999; font-size: 16px; font-weight: 400; line-height: 19.20px; word-wrap: break-word;text-align: right;margin-bottom: 16px;}
.res-form > ul {border-top:2px solid #333;width: 100%;}
.res-form > ul > li {padding: 16px 0;border-bottom: 1px solid #E1E3EB;}
.res-form > ul > li > dl {display: flex;align-items: flex-start;gap: 0 16px;}
.res-form > ul > li > dl > dt {width: 216px;flex-shrink: 0;font-size: 16px;font-weight: 600;color: #333;line-height: 24px;font-family: 'Pretendard', sans-serif;padding-top: 10px;padding-left: 16px;}
.res-form > ul > li > dl > dd {width: calc(100% - 216px);display: flex;flex-wrap: wrap;gap: 12px;align-items: flex-start;}
.res-form > ul > li > dl > dd.no-flex-dd {display: block;}
.res-form > ul > li > dl > dd.no-flex-dd .select-area {display: flex;flex-wrap: wrap;gap: 12px;}
.res-form > ul > li > dl > dd .item-box {position: relative;display: flex;}
.res-form > ul > li > dl > dd .item-box .common input {width: 320px;}
.res-form > ul > li > dl > dd .item-box.time-box .comon input,
.res-form > ul > li > dl > dd .item-box.date-box .comon input {cursor: pointer;}
.res-form > ul > li > dl > dd .item-box .common input:disabled {cursor: default;}
.res-form > ul > li > dl > dd .item-box .common input:disabled::placeholder {color: #161618;}
.res-form > ul > li > dl > dd .item-box .txt {display: block;font-size: 14px;color: #333;line-height: 44px;margin-left: 12px;}
.res-form > ul > li > dl > dd .select-wrap {width: 320px;}
.res-form > ul > li > dl.date-time-dl {margin-top: 16px;}

/* 동의 박스 */
.res-form .agree-box {display: flex;align-items: center;justify-content: center;margin-top: 40px;}
.res-form .agree-box .check-agree {display: flex;align-items: center;gap: 8px;}
.res-form .agree-box .check-all {display: inline-block;vertical-align: middle;}
.res-form .agree-box .check-all .checkBox-wrap {position: initial;}
.res-form .agree-box .check-all label:before {position: absolute; left: 0; top: 0;}
.res-form .agree-box .check-all label p {white-space: nowrap;padding-left: 36px;color:#666;font-size: 16px;}
.res-form .agree-box .agree-cont {display: inline-block;margin-left: 8px;vertical-align: middle;}
.res-form .agree-box .agree-cont p {font-size: 15px;color: #161618;line-height: 24px;font-weight: 400;margin: 0;}
.res-form .agree-box > a {display: block;margin-top: 0px;font-size: 14px;color:#ABAEB7;text-decoration: underline;text-underline-position: under; margin-left: 20px;}
.res-form .res-btn-box {justify-content: center;margin-top: 46px;}

.res-form .agree-box .open-modal > span {display: flex;color:#ABAEB7;}
.res-form .agree-box .open-modal > span .mo-hide {display: block;}


/* gray-round-box */
.res-form .gray-round-box {margin-top: 16px;padding: 24px;background-color: #FAFAFC;border-radius: 8px;border: 1px solid #E1E3EB;height:384px;display: flex;align-items: center;justify-content: center;margin-left: 232px;}
.res-form .gray-round-box .box-in {text-align: center;}
.res-form .gray-round-box .box-in .ico {width: 48px;height: 48px;margin: 0 auto 16px;background: url("../images/common/excI.svg") no-repeat center / 100%;}
.res-form .gray-round-box .box-in .p1 {font-size: 16px;color: #161618;font-weight: 600;line-height: 24px;margin-bottom: 8px;}
.res-form .gray-round-box .box-in .p2 {font-size: 14px;color: #9e9e9e;line-height: 22px;margin-bottom: 17px;}
.res-form .gray-round-box .box-in .sv-center {font-size: 14px;color: #666;font-weight: 700;line-height: 22px;padding-left: 26px;background: url("../images/common/service_center.svg") no-repeat left center / 20px 20px;display: inline-block;}

.res-form .gray-round-box .noti-box {display: flex;align-items: center;justify-content: center;gap: 8px;height: 100%;}
.res-form .gray-round-box .noti-box-in {text-align: center;}
.res-form .gray-round-box .noti-box .ico {width: 48px;height: 48px;margin: 0 auto 16px;background: url("../images/common/excI.svg") no-repeat center / 100%;}
.res-form .gray-round-box .noti-box .p2 {font-size: 14px;color: #9e9e9e;line-height: 22px;margin-bottom: 17px;}

.res-form .gray-round-box.calendar-box {justify-content: start;background: #fff;padding:0;overflow: hidden;} 
.res-form .gray-round-box.calendar-box .left_div {width: 400px;border-right: 1px solid #E1E3EB;height: 100%;display: flex;align-items: center;justify-content: center;}
.res-form .gray-round-box.calendar-box .right_div { background: #FAFAFC; width: calc(100% - 400px);height: 100%;padding:24px;position: relative;}
.res-form .gray-round-box.calendar-box .right_div .schedule {border:none;padding-top: 0;height: 100%;}
.res-form .gray-round-box.calendar-box .right_div .schedule .time button {min-width: 76px;background: #fff;}
.res-form .gray-round-box.calendar-box .right_div .schedule .time div {flex:0 1 16.666%;}
.res-form .gray-round-box.calendar-box .right_div .schedule .schedule-name { color: #212121; font-size: 16px; font-weight: 400; line-height: 24px; word-wrap: break-word; margin-bottom: 12px;}
.res-form .gray-round-box.calendar-box .right_div .fig_mem_div {position: absolute;right:24px;bottom:24px;}
.fig_mem_div dl {display: flex;gap: 0 12px;white-space: nowrap;height: 24px;}
.fig_mem_div dl dt {font-size: 16px;line-height: 24px; color:#72747C;letter-spacing: -0.8px;width: auto !important;margin:0 !important;}
.fig_mem_div dl dd {font-size: 16px;line-height: 24px; color:#161618;letter-spacing: -0.8px;width: auto !important;margin:0 !important;}
.res-form .gray-round-box.calendar-box .right_div .schedule

.bottom-noti-box { display: flex; align-items: center; justify-content: center; gap: 8px; height: 100%; }
.bottom-noti-box .noti-box-in {text-align: center;padding-top: 20px;}
.bottom-noti-box .noti-box-in .p1 {font-weight: 400; font-size: 15px; line-height: 24px; vertical-align: middle; color: #616161;}
.bottom-noti-box .noti-box-in .p1 span {background: url("../images/common/bullet_notice.svg") no-repeat left center / 16px 16px;padding-left: 22px;}
.bottom-noti-box .noti-box-in .p1.mt {margin-top: 10px;}
.bottom-noti-box.mobile {display: none;}
.bottom-noti-box.web {display: flex;}
.res-form .bottom-noti-box.web {justify-content: center;}

.search-box {position: relative;}
.search-box input {border: 1px solid #E1E3EB;padding-right: 93px;height: 44px;width: 320px;padding-left: 16px;color:#161618;border-radius: 8px;font-size: 15px;}
.search-box button {border:none;border-left: 1px solid #E1E3EB;width: 85px;height: 44px; background: none;position: absolute;right:0;top:0;color:#161618; font-weight: 700;font-size: 14px;}
.search-box input:disabled {background: #F2F3F7;}
.search-box button:disabled {color:#999;}


/* input-del */
label.common.input-del input {padding-right: 40px;}
label.common.input-del .delete {display:none; position:absolute; right:16px; top:50%; transform:translateY(-50%); width:16px; height:16px; background:url("../images/common/ico_close.svg") no-repeat center / 100%; font-size:0; cursor:pointer;}
label.common.input-del .delete.on {display:block;}

.res-now-sch {position: absolute; right: 0; top: -61px;}
.res-now-sch a {display: block; height: 48px;width: 176px;background: #F2FBFB url("../images/common/icon_mint_right.png") no-repeat right 14px center / 20px auto; border-radius: 8px; font-size: 16px;color:#00BABB;font-weight: 600;line-height: 48px;padding-left: 16px;}

.res-form > ul > li > dl > dd .select-wrap.school_grade_sel,
.res-form > ul > li > dl > dd .select-wrap.school_grade_sel2 
{width: 160px;}
.res-form .noti-txt {color:#616161;font-size: 15px;position: relative;margin-left: 232px;padding-left: 24px;line-height: 24px;margin-top: 8px;}
.res-form .noti-txt + .noti-txt {margin-top: 4px;}
.res-form .noti-txt::before {content:"";width: 3.5px;height: 3.5px;border-radius: 50%;background: #616161;position: absolute;left: 11px; top:10px;}

/*예약변경 팝업*/
.pop_reservation_change.modal-pop.common-dialog .modal-frame {width: 820px;}
.pop_reservation_change.modal-pop.common-dialog .modal-frame .pop-content .conBox .gray-round-box {padding:0;}
.pop_reservation_change .gray-round-box.calendar-box {display: flex;}
.pop_reservation_change .gray-round-box.calendar-box .left_div {background: #fff;width: 386px;flex-shrink: 0;border-radius: 8px 0 0 8px;padding:16px;}
.pop_reservation_change .reservation.form .calandar{border-bottom:0.5px solid #E1E3EB;}
.pop_reservation_change .gray-round-box.calendar-box .right_div {padding:24px;position: relative;width: 100%;}
.pop_reservation_change .reservation.form .schedule  {margin-top: 0;}
.pop_reservation_change .reservation.form .schedule .schedule-name {text-align: left;}
.pop_reservation_change .reservation.form .schedule .time {gap: 8px;}
.pop_reservation_change .reservation.form .schedule .time div {flex:0; padding:0;}
.pop_reservation_change .reservation.form .schedule .time button {width: 76px;background: #fff;}
.pop_reservation_change .gray-round-box.calendar-box .right_div .fig_mem_div {position: absolute;right:24px;bottom:24px;}


@media screen and (max-width:767px) {
  .res-form {padding: 16px 0 0 0;}
  .res-form .req {font-size: 24px;}
  .res-form .top {display:flex;align-items: center;justify-content: space-between;}
  .res-form h3.mo-show { color: #212121; font-size: 18px; font-weight: 700; line-height: 27px;}
  .res-form .top .noti {font-size: 14px;margin-bottom: 0;margin-top: 3px;}
  .res-form .top .noti .req {margin-top:2px;line-height: 24px; vertical-align: top;}
  .res-form > ul {border-top:none;margin-top: 20px;}
  .res-form > ul > li {padding-bottom: 20px;padding-top: 0;border-bottom: none;}
  .res-form > ul > li > dl {display: block;}
  .res-form > ul > li > dl > dt { color: #72747C; font-size: 15px; font-weight: 400; line-height: 22px; word-wrap: break-word;margin-bottom: 4px;padding-top: 0;padding-left: 0px;}
  .res-form > ul > li > dl > dd {width: 100%;display: block;}
  .res-form > ul > li > dl > dd > .item-box:not(:first-child) {margin-top: 4px;}
  .res-form > ul > li > dl > dd > .item-box .txt {font-size: 16px;color:#333;}
  .res-form > ul > li > dl > dd .item-box .common input {width: 100%;}
  .res-form > ul > li > dl > dd .select-wrap {width: 100%;}
  .res-form > ul > li > dl > dd.no-flex-dd .select-area { justify-content: space-between; gap: 4px; }
  .res-form > ul > li > dl > dd.no-flex-dd .item-box {width: calc(50% - 2px);}
  .res-form > ul > li > dl > dd .item-box label.common {width: 100%;}
  .res-form > ul > li > dl.date-time-dl {margin-top: 20px;}

  .res-form .gray-round-box {margin-top: 4px;height:auto;margin-left: 0;}
  .res-form .gray-round-box .box-in .ico {margin: 0 auto 8px;}
  .res-form .gray-round-box.calendar-box { display: block;border:none;}
  .res-form .gray-round-box.calendar-box .left_div {width: 100%;border-right:none;}
  .res-form .gray-round-box.calendar-box .right_div {width: 100%;background: none;padding:0;border-top:1px solid #E1E3EB;}
  .res-form .gray-round-box.calendar-box .right_div .schedule .schedule-name {font-size: 15px;}
  .res-form .gray-round-box.calendar-box .right_div .noti-box {border:1px solid #E1E3EB;padding:24px 16px;background-color: #FAFAFC;border-radius: 8px;}
  

  .res-form .gray-round-box.calendar-box .right_div .fig_mem_div {position: absolute;right:5px;bottom:inherit;top:18px;}
  .fig_mem_div dl {height: 22px;}
  .fig_mem_div dl dt {font-size: 15px;line-height: 22px;}
  .fig_mem_div dl dd {font-size: 15px;line-height: 22px;}

  .res-form .gray-round-box .noti-box .p2 {margin-bottom: 0;}

  .res-form .agree-box {display: flex; justify-content: space-between;border:1px solid #E1E3EB;padding: 6px 16px 6px 10px;border-radius: 8px;height:48px;box-sizing: border-box;margin-top: 12px;}
  .res-form .agree-box .check-all label p {font-size: 14px;}
  .res-form .agree-box .open-modal > span .mo-hide {display: none;}
  .res-form .agree-box .open-modal > span {font-size: 13px;}

  .bottom-noti-box.mobile {display: flex;}
  .bottom-noti-box.web {display: none;}

  .bottom-noti-box {width: 100%;margin-top: 32px;}
  .bottom-noti-box .noti-box-in {width: 100%;padding:16px 16px 16px;background: #FAFAFC;border-radius: 8px;text-align: left;border-radius: 8px;}
  .bottom-noti-box .noti-box-in .p1 {display:inline-block;color:#999;font-weight: 700;}
  .bottom-noti-box .noti-box-in .p2 {font-size: 14px;color:#999;word-wrap: break-word;line-height: 1.3;padding-left: 16px;position: relative;margin-top: 8px;}
  .bottom-noti-box .noti-box-in .p2:before {content:'';width: 3px;height: 3px;border-radius: 50%;background: #999;position: absolute;left: 4px;top: 8px;}

  .res-now-sch {position: inherit; right: 0; top: 0;margin-bottom: 40px;}
  .res-now-sch a {display: block; height: 48px;width: 100%;background: #F2FBFB url("../images/common/icon_mint_right.png") no-repeat right 14px center / 20px auto; }

  .res-form > ul > li > dl > dd .select-wrap.school_grade_sel,
  .res-form > ul > li > dl > dd .select-wrap.school_grade_sel2 {width: 100%;}
  .res-form .noti-txt {margin-left: 0;}
  .res-form .noti-txt::before {content:"";width: 3.5px;height: 3.5px;border-radius: 50%;background: #616161;position: absolute;left: 11px; top:10px;}

  .search-box {width: 100%;}
  .search-box input {width: 100%;}
  .search-box button {}


  /*예약변경 팝업*/
.pop_reservation_change.modal-pop.common-dialog .modal-frame {width: 100%;height: 100%;max-width: 100%;
border-radius: 0;overflow-y: auto;}
.pop_reservation_change.modal-pop.common-dialog .modal-frame .pop-content .conBox .info-text {text-align: left;font-size: 20px;}
.pop_reservation_change.modal-pop.common-dialog .modal-frame .pop-content .conBox .gray-round-box {padding:0;border:none;background: #fff; display: block;}
.pop_reservation_change .gray-round-box.calendar-box {display: block;}
.pop_reservation_change .gray-round-box.calendar-box .left_div {width: 100%;padding:0;}
.pop_reservation_change .reservation.form .calandar{}
.pop_reservation_change .gray-round-box.calendar-box .right_div {padding:0px;border-top:none;}
.pop_reservation_change .reservation.form .schedule  {padding-top: 16px;}
.pop_reservation_change .reservation.form .schedule .schedule-name {text-align: left;font-size: 15px;}
.pop_reservation_change .reservation.form .schedule .time {gap: 8px;}
.pop_reservation_change .reservation.form .schedule .time div {flex: 0 1 calc(25% - 6px); padding:0;}
.pop_reservation_change .reservation.form .schedule .time button {width: 100%;}
.pop_reservation_change.modal-pop.common-dialog .modal-frame .pop-content .btn-box {margin-top: 48px;}

.pop_reservation_change .gray-round-box.calendar-box .right_div .fig_mem_div {position: absolute;right:2px;bottom:inherit;top:17px;}

}

/* 필수 개인정보수집내용 팝업 */
.modal-pop.mini.policy-wrap .modal-frame {max-width: 680px;border-radius: 24px;}
.modal-pop.mini.policy-wrap h1 {padding:0;padding-top: 24px;padding-bottom: 8px;border-bottom:none;}
.modal-pop.mini.policy-wrap .pop-header {}
.modal-pop.mini.policy-wrap .pop-header .close-modal {top:0px;right:-10px;}
.modal-pop.mini.policy-wrap .pop-policy {overflow-y: auto;}
.modal-pop.mini.policy-wrap .pop-policy .tit { color: #333333; font-size: 18px; font-weight: 700; line-height: 28px; word-wrap: break-word;}
.modal-pop.mini.policy-wrap .pop-policy .desc { color: #666666; font-size: 16px; font-weight: 400; line-height: 24px; word-wrap: break-word;margin-bottom: 16px;}
@media screen and (max-width:767px) { 
  .modal-pop.mini.policy-wrap .modal-frame {width: 100%;max-width: 100%;border-radius: 0px;height: 100%;padding:0 16px 24px;}
  .modal-pop.mini.policy-wrap h1 {padding:0;padding-top: 60px;padding-bottom: 8px;border-bottom:none;font-size: 16px;line-height: 24px;padding-bottom: 10px;border-bottom: 1px solid #E1E3EB;text-align: left;}
  .modal-pop.mini.policy-wrap .pop-header {position: relative;}
  .modal-pop.mini.policy-wrap .pop-header .close-modal {top:10px;right:0px;}
  .modal-pop.mini.policy-wrap .pop-policy .tit { font-size: 14px;line-height: 22px;}
  .modal-pop.mini.policy-wrap .pop-policy .desc { font-size: 14px;line-height: 19px;}
  
}


/*캘릭더*/

.reservation.form .calandar {}
.reservation.form .calandar .month {padding:10px 0;text-align:center;position:relative;}
.reservation.form .calandar .month span {display:inline-block;vertical-align:middle;margin:0 24px;color:#212121;font-size:16px;font-weight:700;line-height:1.5;}
.reservation.form .calandar .month button {display:inline-block;vertical-align:middle;width:40px;height:40px;}
.reservation.form .calandar .month button.last {background:url("../images/common/icon_angle_left.svg") no-repeat center / 20px 20px;}
.reservation.form .calandar .month button.next {background:url("../images/common/icon_angle_right.svg") no-repeat center / 20px 20px;}
.reservation.form .calandar .days {display:flex;flex-wrap:wrap;row-gap:4px;}
.reservation.form .calandar .days div {flex:0 1 14.2%;text-align:center;font-size:13px;min-width:40px;}
.reservation.form .calandar .days .day {padding:15px 0 13px;line-height:1.4;color:#333;border-bottom:0.5px solid #E1E3EB;}
.reservation.form .calandar .days button {width:42px;height:42px;padding:7px 0 21px;line-height:1.4;color:#333;position:relative;}
.reservation.form .calandar .days button span {font-size:9px;position:absolute;left:0;right:0;bottom:8px;text-align:center;}
.reservation.form .calandar .days button.today {color:#00BABB;}
.reservation.form .calandar .days button.test {color:#00BABB;font-weight:700;border-radius:50%;background: rgba(0, 186, 187, 0.03);}
.reservation.form .calandar .days button.holiday {color:#FC4C4E;}
.reservation.form .calandar .days button.active, .reservation.form .calandar .days button.test:hover, .reservation.form .calandar .days button.test:active {background-color:#00BABB;border-radius:50%;color:#fff;font-weight:700;}
.reservation.form .calandar .days button:disabled {background-color:#fff!important;color:#999!important;font-weight:400!important;}
.reservation.form .schedule {margin-top:16px;}
.reservation.form .schedule .schedule-name {color:#111921;font-size:16px;line-height:1.4;padding-left:3px;}
.reservation.form .schedule .time {display:flex;flex-wrap:wrap;row-gap:8px;margin-top:8px;box-sizing:border-box;}
.reservation.form .schedule .time div {flex:0 1 25%;padding:0 3px;}
.reservation.form .schedule .time button {width:100%;height:42px;border:1px solid #ECECEE;color:#666;font-size:13px;border-radius:8px;box-sizing:border-box;}
.reservation.form .schedule .time button.active, .reservation.form .schedule .time button:hover, .reservation.form .schedule .time button:active {color:#161618;font-weight:700;border:1px solid #6FDEDC;}

@media screen and (max-width:767px) { 
  .reservation.form .schedule {padding-top:24px;border-top:none;}
  .reservation.form .schedule .time button {height:46px;font-size:14px;}
  .reservation.form .calandar .days button {width:46px;height:46px;}
  
}