@charset "euc-kr";
/* ==================================================
    Common
================================================== */
body.modal-open {overflow:hidden}

/* ¼­ºê Çì´õ */
.sub-header {display: none;}

@media (min-width:1024px) {
	.mypage-wrap .sub-header .title-wrap {justify-content: start;}
    .mypage-wrap .sub-header .title-wrap .sub-header-title {font-size: 18px; font-weight: 600; line-height: 100%; letter-spacing: -0.45px;}
    .mypage-wrap .sub-header {display: block;border-bottom: 1px solid #ddd;padding:0 0 17px;box-sizing: border-box;}
    .mypage-wrap .sub-header .only-mo {display: none !important;}
    .mypage-wrap .sub-header .only-pc-ta {display: block !important;}
    .mypage-wrap .sub-header-inner {display: flex;align-items: center;justify-content: center;}
}
/*
@media (max-width:1023px) {
    .sub-header {display: block;}
    .mypage-wrap .sub-header .title-wrap {justify-content: center;}
    .mypage-wrap .sub-header .title-wrap .sub-header-title {font-size: 18px;}
    .mypage-wrap .sub-header {display: block;border-bottom: 1px solid #ddd;padding: 17px 15px 15px;box-sizing: border-box;}
    .mypage-wrap .sub-header .only-mo {display: block !important;}
    .mypage-wrap .sub-header .only-pc-ta {display: none !important;}
    .mypage-wrap .sub-header-inner {display: flex;align-items: center;justify-content: center;}

} */

/* @media (max-width:1199px) {
    .sub-header {display: block;}
} */

@media (max-width:767px) {
    .mypage-tab__btn{height:37px;padding:8px 20px;font-size:14px;letter-spacing:-0.28px;}
}

/* ¼­Ä¡ ¹Ú½º */
.search-wrap{display:flex;align-items:center;gap:8px;padding:20px 16px;background:#F8F8F8;}
.search-wrap .period{width:92.2222px;height:31px;border:1px solid #DBDEE5;border-radius:4px;background:#fff;color:#777;font-size:13px;}
.search-wrap .date-group{display:flex;align-items:center;gap:6px;margin-left:auto;}
.search-wrap .date{width:109px;height:31px;padding:0 12px;border:1px solid #DBDEE5;border-radius:4px;background:#fff;color:#333;font-size:14px;text-align:center;}
.search-wrap .search-btn{width:43.6px;height:31px;border:0;border-radius:4px;background:#2C5BF6;color:#fff;font-size:13px;font-weight:500;}
.search-wrap .is-active{border:1px solid #2C5BF6;color:#2C5BF6;background:#fff;font-weight:500;}


@media (max-width:1199px) {
	.search-wrap{display:grid;grid-template-columns:minmax(180px,1.65fr) minmax(74px,.65fr) minmax(74px,.65fr) minmax(74px,.65fr) minmax(240px,1.75fr) 67px;gap:8px;align-items:center;padding:16px;}
	.date-group{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;width:100%;min-width:0;margin-left:0;}
}

@media (max-width:767px){
	.search-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:16px;background:#F8F8F8;}
	.search-wrap .period{width:100%;height:30px;font-size:14px;}
	.search-wrap .date-group{grid-column:1 / span 3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:100%;margin:0;}
	.search-wrap .date{width:100%;height:30px;font-size:14px;text-align:center;}
	.search-wrap .date-group span{font-size:14px;color:#333;text-align:center;}
	.search-wrap .search-btn{width:100%;height:30px;border-radius:6px;font-size:14px;}

}

/* datepicker */
#ui-datepicker-div.ui-datepicker{width:215px;padding:10px 12px 12px;border:0;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.12);font-family:inherit;z-index:9999!important}
#ui-datepicker-div .ui-datepicker-header{position:relative;padding:0 28px 8px;border:0;background:#fff}
#ui-datepicker-div .ui-datepicker-title{margin:0;color:#111;font-size:13px;font-weight:700;line-height:22px;text-align:center}
#ui-datepicker-div .ui-datepicker-prev,#ui-datepicker-div .ui-datepicker-next{top:0;width:22px;height:22px;border:0;background:transparent;cursor:pointer}
#ui-datepicker-div .ui-datepicker-prev{left:0}
#ui-datepicker-div .ui-datepicker-next{right:0}
#ui-datepicker-div .ui-datepicker-prev span,#ui-datepicker-div .ui-datepicker-next span{display:none}
#ui-datepicker-div .ui-datepicker-prev:before,#ui-datepicker-div .ui-datepicker-next:before{content:"";position:absolute;top:7px;width:7px;height:7px;border-top:2px solid #111;border-right:2px solid #111}
#ui-datepicker-div .ui-datepicker-prev:before{left:8px;transform:rotate(-135deg)}
#ui-datepicker-div .ui-datepicker-next:before{right:8px;transform:rotate(45deg)}
#ui-datepicker-div table.ui-datepicker-calendar{width:100%;margin:0;border-collapse:collapse;font-size:11px}
#ui-datepicker-div .ui-datepicker-calendar th{padding:5px 0 7px;border:0;color:#333;font-size:11px;font-weight:700}
#ui-datepicker-div .ui-datepicker-calendar td{width:27px;height:24px;padding:0;text-align:center}
#ui-datepicker-div .ui-datepicker-calendar td span,#ui-datepicker-div .ui-datepicker-calendar td a{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0!important;background:transparent!important;color:#111!important;font-size:11px;font-weight:700;text-align:center}
#ui-datepicker-div .ui-datepicker-calendar .ui-priority-secondary{color:#c9cdd5!important;opacity:1}
#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-active,#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-hover{border-radius:3px;background:#18b78f!important;color:#fff!important}


/* ==================================================
    Layout - Mypage
================================================== */
.mypage-wrap {max-width:1200px;width:100%;margin:0 auto;padding:50px 0;display:grid;grid-template-columns:230px 1fr;gap:48px;}
.mypage-wrap > .mypage-aside {align-self:start;}
.mypage-wrap > .mypage-main {min-width:0;}

/* ==================================================
    START - LNB
================================================== */
.mypage-aside {display:block}
.normal_sub_menu.my_link {width:230px;background:#fff;font-family:'Pretendard','Malgun Gothic','Noto Sans KR',sans-serif;color:#333;letter-spacing:-0.45px}
.normal_sub_menu.my_link .txt-mo,.normal_sub_menu.my_link .my_lnb_card_arrow {display:none}

/* ==================================================
    Header - LNB
================================================== */
.normal_sub_menu.my_link > .my_link_title {margin:0 0 16px;padding:0;font-size:18px;font-weight:600;color:#333;line-height:100%;letter-spacing:-0.45px}
.normal_sub_menu.my_link > .my_russel_cta {display:flex;align-items:center;justify-content:center;width:100%;height:42px;margin:0 0 16px;padding:0 24px;border:1px solid #2c5bf6;border-radius:6px;background:#fff;color:#2c5bf6;font-size:15px;font-weight:500;line-height:22px;letter-spacing:-0.15px;text-decoration:none}
@media (min-width:1024px) and (max-width: 1199px) {
    .normal_sub_menu.my_link > .my_link_title,
    .normal_sub_menu.my_link > .my_russel_cta {margin-left:10px;width:calc(100% - 10px)}
}

/* ==================================================
    Menu List - LNB
================================================== */
.normal_sub_menu_ul,
.normal_sub_menu_ul_ul {margin:0;padding:0;list-style:none}

.normal_sub_menu_ul {border-top:1px solid #555}
.normal_sub_menu_li {border-bottom:1px solid #ededed}
.normal_sub_menu_li.has-children {padding:12px 0}

.sub_a1 {box-sizing:border-box;display:flex;align-items:center;gap:6px;width:100%;padding:10px 20px;border:0;background:transparent;font:inherit;font-size:16px;font-weight:500;color:#333;line-height:1;letter-spacing:-0.4px;text-align:left;text-decoration:none;cursor:pointer}
h3.sub_a1 {cursor:default}
.normal_sub_menu_li.no-children > .sub_a1 {padding:16px 20px}
.sub_a1 .my_russel_icon {margin-bottom:3px}

.sub_a2 {display:flex;align-items:center;gap:2px;padding:6px 20px;font-size:14px;font-weight:400;color:#777;line-height:1;letter-spacing:-0.35px;text-decoration:none}
.sub_a2_bullet {display:flex;width:10px;height:10px;flex:0 0 10px;justify-content: center;align-items: center;}

.sub_a1.normal_sub_menu_curr2_curr,
.sub_a2.normal_sub_menu_curr2_curr {color:#2c5bf6;font-weight:400}

/* =========================
   TA - LNB
========================= */
@media (max-width:1023px) {
    .mypage-wrap:has(.withdrawal) {padding:32px 24px}
    .mypage-aside {display:none}
    .mypage-wrap.mypage-index .mypage-aside{display:block;order:2;width:100%}
    .mypage-wrap {max-width:none;display:flex;flex-direction:column;grid-template-columns:none;gap:0;padding:0}
    .mypage-wrap > .mypage-main {order:1}
    .sub-header {display:block}
    .normal_sub_menu.my_link {box-sizing:border-box;width:100%;padding:0 24px 40px;background:#fff;letter-spacing:0}
    .normal_sub_menu.my_link:before {content:"";display:block;height:8px;margin:0 -24px 30px;background:#dbdee5;opacity:.3}
    .normal_sub_menu.my_link > .my_link_title,.normal_sub_menu.my_link > .my_russel_cta,.normal_sub_menu.my_link .sub_a2_bullet,.normal_sub_menu.my_link .txt-pc,.normal_sub_menu.my_link .my_lnb_russel,.normal_sub_menu.my_link .my_lnb_privacy {display:none}
    .normal_sub_menu.my_link .txt-mo,.normal_sub_menu.my_link .my_lnb_card_arrow {display:block}
    .normal_sub_menu_ul {display:flex;flex-wrap:wrap;gap:0 12px;border-top:0}
    .normal_sub_menu_li {border-bottom:0}
    .normal_sub_menu_li.has-children {width:100%;padding:0;border-bottom:0}
    .normal_sub_menu_li.has-children + .normal_sub_menu_li.has-children {margin-top:30px;padding-top:30px;border-top:1px solid #ededed}
    .normal_sub_menu_li.my_lnb_course {order:1}
    .normal_sub_menu_li.my_lnb_entrance {order:2}
    .normal_sub_menu_li.my_lnb_payment {order:3;margin:30px 0 18px;padding-top:30px;border-top:1px solid #ededed}
    .normal_sub_menu_li.no-children {order:4;width:calc(50% - 6px);margin-top:12px;border:0;border-radius:8px;background:#f6f7fb}
    .normal_sub_menu_li.my_lnb_msr {}
    .normal_sub_menu_li.my_lnb_video {order:5}
    .normal_sub_menu_li.my_lnb_counsel {order:6}
    .normal_sub_menu_li.my_lnb_briefing {order:7}
    .normal_sub_menu_li.has-children > .sub_a1 {padding:10px 0;color:#777;font-size:14px;font-weight:400;line-height:1;letter-spacing:-0.35px;cursor:default}
    .normal_sub_menu_ul_ul {display:flex;flex-wrap:wrap;gap:0 16px;width:100%}
    .normal_sub_menu_ul_ul_li {width:calc(50% - 8px)}
    .normal_sub_menu_ul_ul_li:only-child,.normal_sub_menu_li.my_lnb_course .normal_sub_menu_ul_ul_li:nth-child(5),.normal_sub_menu_li.my_lnb_payment .normal_sub_menu_ul_ul_li:nth-child(3) {width:100%}
    .sub_a2 {display:flex;width:100%;padding:10px 0;margin-top: 10px; color:#333;font-size:16px;font-weight:600;line-height:1;letter-spacing:-0.4px}
    .sub_a2.normal_sub_menu_curr2_curr {color:#333;font-weight:600}
    .normal_sub_menu_li.no-children > .sub_a1 {justify-content:space-between;height:52px;padding:0 24px;color:#333;font-size:16px;font-weight:500;line-height:1.2;letter-spacing:-0.4px}
    .my_lnb_card_arrow {transform:rotate(-90deg)}
}

/* =========================
   MO - LNB
========================= */
@media (max-width:767px) {
    .normal_sub_menu_li.my_lnb_video {margin-top:12px}
    .normal_sub_menu_li.my_lnb_counsel {margin-top:12px}
    .normal_sub_menu_li.my_lnb_briefing {margin-top:12px}
    .mypage-wrap:has(.withdrawal) {padding:24px 16px}
    .normal_sub_menu.my_link {padding:0 16px 30px}
    .normal_sub_menu.my_link:before {margin:0 -16px 30px}
    .normal_sub_menu_li.no-children {width:100%}
}
/* ==================================================
    END - LNB
================================================== */

/* ==================================================
    START - withdrawal (ȸ¿øÅ»Åð)
================================================== */
.withdrawal-body .sub-header {display: block;}
/* ==================================================
    Layout - withdrawal
================================================== */
.withdrawal {color:#222;font-family:'Pretendard Variable','Pretendard','Malgun Gothic',sans-serif;}
.withdrawal .container {max-width:1200px;margin:0 auto;padding: 0 0 60px}
.withdrawal .con {max-width:640px;margin:0 auto;padding:42px;border:1px solid #ededed;border-radius:8px}

/* ==================================================
    PageTitle / Lead - withdrawal
================================================== */
.withdrawal-tit {margin:0 0 52px;color:#222;font-size:32px;font-weight:600;line-height:1;letter-spacing:-0.8px;text-align:center}
.withdrawal-lead {margin:0 0 24px;color:#222;font-size:18px;font-weight:600;line-height:140%;text-align:center}

/* ==================================================
    AgreeBox - withdrawal
================================================== */
.withdrawal .agree-check {display:flex;align-items:center;gap:12px;padding:16px;margin:0 0 16px;background:#f8f8f8;border-radius:6px;cursor:pointer;color:#333;font-size:15px;font-weight:400;line-height:140%;user-select:none}
.withdrawal .agree-check .chk-input {position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0)}
.withdrawal .agree-check .checkbox {flex:0 0 auto;display:inline-flex;width:18px;height:18px;line-height:0; background-color: #fff;}
.withdrawal .agree-check .checkbox .chk-on {display:none}
.withdrawal .agree-check .chk-input:checked ~ .checkbox .chk-on {display:block}
.withdrawal .agree-check .chk-input:checked ~ .checkbox .chk-off {display:none}
.withdrawal .agree-check .chk-input:focus-visible ~ .checkbox {outline:2px solid #2c5bf6;outline-offset:2px;border-radius:3px}
.withdrawal .agree-check .agree-label {color:#333;font-size: 14px;font-weight: 500;line-height: 140%;letter-spacing: -0.35px;}
.withdrawal .agree-notice {display: flex;flex-direction: column;justify-content: space-between;align-items: start;list-style:none;height: 105px;margin:0 0 12px;padding:0;color:#333;font-size:14px;line-height:150%;letter-spacing: -0.35px;}
.withdrawal .agree-notice li {position:relative;margin-left:10px;padding:0 0 0 12px}
.withdrawal .agree-notice li::before {content:"";position:absolute;top:11px;left:0;width:3px;height:3px;border-radius:50%;background:#333}
.withdrawal .agree-keep {list-style:none;margin:0 21px;padding:10px 16px;border:1px solid #ededed;border-radius:8px;color:#555;font-size:14px;line-height:160%;letter-spacing: -0.35px;}

/* ==================================================
    Field- withdrawal
================================================== */
.withdrawal .field {margin:32px 0 0}
.withdrawal .field-label {display:block;margin:0 0 8px;color:#222;font-size:15px;font-weight:600;line-height:140%;letter-spacing: -0.3px;}
.withdrawal .select,
.withdrawal .textarea {display:block;width:100%;border:1px solid #ededed;border-radius:6px;background:#fff;color:#222;font-family:inherit;font-size:14px;line-height:140%}
.withdrawal .select:focus,
.withdrawal .textarea:focus {border-color:#2c5bf6;outline:0}
.withdrawal .select {height:42px;padding:0 18px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='%23555' stroke-width='1.5'/></svg>");background-repeat:no-repeat;background-size:15px;background-position:right 18px center;-webkit-appearance:none;appearance:none}
.withdrawal .select-wrap.custom-select{position:relative;width:100%}
.withdrawal .select-wrap.custom-select .select-btn{display:block;width:100%;height:42px;padding:0 45px 0 18px;border:1px solid #ededed;border-radius:6px;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='%23555' stroke-width='1.5'/></svg>") no-repeat right 18px center / 15px 10px;color:#222;font-family:inherit;font-size:14px;line-height:140%;text-align:left}
.withdrawal .select-wrap.custom-select.open .select-btn,.withdrawal .select-wrap.custom-select.is-open .select-btn{border-color:#2c5bf6;outline:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'><path d='M1 6.5L6 1.5L11 6.5' stroke='%23555' stroke-width='1.5'/></svg>")}
.withdrawal .select-wrap.custom-select .select-list{display:none;position:absolute;left:0;top:41px;z-index:30;width:100%;max-height:198px;margin:0;padding:4px 0;border:1px solid #2c5bf6;border-radius:6px;background:#fff;overflow-y:auto;list-style:none;box-sizing:border-box}
.withdrawal .select-wrap.custom-select.open .select-list,.withdrawal .select-wrap.custom-select.is-open .select-list{display:block}
.withdrawal .select-wrap.custom-select .option{padding:10px 18px;color:#222;font-size:14px;line-height:140%;cursor:pointer}
.withdrawal .select-wrap.custom-select .option:hover,.withdrawal .select-wrap.custom-select .option.is-selected{background:#f1f3f8}
.withdrawal .textarea {min-height:180px;padding:12px 18px;resize:vertical}
.withdrawal .reason-etc {min-height:140px;margin:10px 0 0}
.withdrawal .reason-etc[hidden] {display:none}

/* ==================================================
    Actions- withdrawal
================================================== */
.withdrawal .actions {display:flex;gap:24px;margin:32px 0 0}
.withdrawal .btn {-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:1;height:42px;box-sizing:border-box;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:inherit;font-family:inherit;font-size:15px;font-weight:600;line-height:1;cursor:pointer;vertical-align:top;}
.withdrawal .btn:active {transform:none;}
.withdrawal .btn:focus {outline:0;}
.withdrawal .btn-primary {background:#2c5bf6;color:#fff}
.withdrawal .btn-secondary {border-color:#555;background:#fff;color:#222}

/* ==================================================
    Modal- withdrawal
================================================== */
.withdrawal .modal {display: none;position:fixed;top:0;left:0;z-index:1000;width:100vw;height:100vh}
.withdrawal .modal.is-open {display:block}
.withdrawal .modal-bg {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4)}
.withdrawal .modal-card {position:absolute;top:50%;left:50%;width:480px;padding:28px 24px;border-radius:20px;background:#fff;transform:translate(-50%,-50%)}
.withdrawal .modal-head {display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}
.withdrawal .modal-tit {margin:0;color:#222;font-size:18px;font-weight:600;line-height:140%}
.withdrawal .modal-close {display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;background:transparent;color:#222;font-size:24px;line-height:1;cursor:pointer}
.withdrawal .modal-desc {display: flex;width: 95%;height: 70px;flex-direction: column; justify-content: space-between; align-items: start; margin:0 0 16px;color:#333;font-size:14px;line-height:160%}
.withdrawal .modal-desc span {position: relative; padding-left: 12px;margin-left: 10px;}
.withdrawal .modal-desc span:before {content:"";position:absolute;top:9px;left:0;width:3px;height:3px;border-radius:50%;background:#333}
.withdrawal .brand-list {list-style:none;margin:0 0 24px;padding:0 16px;border-radius:8px;border: 1px solid #DBDEE5;}
.withdrawal .brand-row {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid #ededed}
.withdrawal .brand-row:first-child {border-top:0}
.withdrawal .brand-txt {flex:1;min-width:0}
.withdrawal .brand-name {display:block;color:#222;font-size:15px;font-weight:600;line-height:140%;letter-spacing: -0.3px;}
.withdrawal .brand-reason {display:block;margin:2px 0 0;color:#777;font-size:13px;line-height:140%;letter-spacing: -0.26px;}
.withdrawal .chip {display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:26px;padding:0 8px;border:1px solid currentColor;border-radius:999px;background:#fff;font-size:14px;font-weight:400;white-space:nowrap;letter-spacing: -0.28px;}
.withdrawal .chip-ok {color:#2c5bf6}
.withdrawal .chip-ng {color:#e23f3f}
.withdrawal .modal-actions {display:flex;gap:8px}

/* ==================================================
    TA - withdrawal
================================================== */
@media (max-width:1199px) {

}

/* ==================================================
    MO - withdrawal
================================================== */
@media (max-width:767px) {
    .withdrawal .container {padding:32px 16px}
    .withdrawal .con {max-width:none; border: none; padding: 0;}

    .withdrawal .withdrawal-lead {text-align:left;margin: 0; font-size: 16px; font-weight: 700; line-height: 100%; letter-spacing: -0.4px;}

    .withdrawal .agree-check {font-size:14px; margin: 20px 0 12px; font-style: normal; font-weight: 500; line-height: 140%; letter-spacing: -0.35px;}
    .withdrawal .agree-notice {height: auto; font-size: 14px; font-weight: 400; line-height: 140%; letter-spacing: -0.35px;}
    .withdrawal .agree-notice li + li {margin-top: 4px;}
    .withdrawal .agree-keep {margin: 10px 16px 0; font-size: 14px; font-weight: 400; line-height: 140%; letter-spacing: -0.35px;}

    .withdrawal .field {margin:20px 0 0}
    .withdrawal .field-label {font-size: 14px;font-weight: 600; line-height: 140%; letter-spacing: -0.28px;}
    .withdrawal .select {height:38px}
    .withdrawal .select-wrap.custom-select .select-btn{height:38px}
    .withdrawal .select-wrap.custom-select .select-list{top:37px}
    .withdrawal .textarea {min-height:148px}
    .withdrawal .reason-etc {min-height:116px}

    .withdrawal .actions {gap:8px;margin:24px 0 0}
    .withdrawal .btn {height:38px;font-size: 14px; font-weight: 700; line-height: 140%; letter-spacing: -0.28px;}

    .withdrawal .modal-card {top:50%;left:50%;width:calc(100% - 32px);padding:28px 16px}
    .withdrawal .modal-tit {font-size: 16px;line-height: 140%;letter-spacing: -0.32px;}
    .withdrawal .modal-desc {height: auto;}
    .withdrawal .modal-desc span {font-size: 14px;font-style: normal; font-weight: 400; line-height: 140%; letter-spacing: -0.35px;}
    .withdrawal .modal-desc span + span {margin-top: 8px;}
    .withdrawal .brand-name {font-size: 14px;font-weight: 600; line-height: 140%; letter-spacing: -0.28px;}
    .withdrawal .brand-reason {font-size: 12px;font-weight: 400; line-height: 140%; letter-spacing: -0.24px;}
    .withdrawal .chip {font-size: 12px;font-weight: 400;letter-spacing: -0.24px;}
    .withdrawal .brand-list {padding:0 16px}
    .withdrawal .modal-actions {gap:8px}
}
/* ==================================================
    END - withdrawal (ȸ¿øÅ»Åð)
================================================== */

/* ==================================================
    START - my_info
================================================== */
.my-info {padding:94px 0 0;}
.my-info-form {display:block;width:100%}
.my-info-tit {height:35px;margin:0 0 94px;padding:0;border-bottom:1px solid #dbdee5;color:#333;font-size:18px;font-weight:600;line-height:1;letter-spacing:-0.45px}
.my-info-content {display:flex;flex-direction:column;align-items:center;gap:clamp(20px, 2.381vw + 11.43px, 40px);width:100%;max-width:400px;margin:0 auto}
.my-info-lead {width:100%;color:#333;font-size:clamp(14px, 0.476vw + 12.29px, 18px);font-weight:400;line-height:1.4;letter-spacing:-0.18px;text-align:center}
.my-info-lead strong {font-weight:700}
.my-info-input {width:100%;height:clamp(38px, 0.476vw + 36.29px, 42px);padding:12px clamp(12px, 0.714vw + 9.43px, 18px);border:1px solid #dbdee5;border-radius:clamp(4px, 0.238vw + 3.14px, 6px);background:#fff;color:#333;font-family:'Pretendard','Malgun Gothic',sans-serif;font-size:14px;line-height:1.4;letter-spacing:-0.28px;outline:none}
.my-info-input::placeholder {color:#7e7e7e}
.my-info-input:focus {border-color:#2c5bf6}
.my-info-submit {width:100%;height:clamp(38px, 0.476vw + 36.29px, 42px);padding:0 30px;border:0;border-radius:clamp(4px, 0.238vw + 3.14px, 6px);background:#2c5bf6;color:#fff;font-family:'Pretendard','Malgun Gothic',sans-serif;font-size:clamp(14px, 0.119vw + 13.57px, 15px);font-weight:700;line-height:1.4;letter-spacing:-0.3px;text-align:center;cursor:pointer}

/* ==================================================
    START - my_info_edit
================================================== */
#schoolLayer,#popupChildrenLayer {background-color: rgba(0,0,0,0.5);}
.my-info-edit .custom-select .option {padding: 10px 0 10px 14px;}
.my-info-edit {padding:32px 0;display:flex;flex-direction:column;align-items:center;gap:clamp(20px, 2.381vw + 11.43px, 40px);width:100%}
.my-info-edit .edit-sec {position:relative;width:100%;display:flex;flex-direction:column;gap:24px}
.my-info-edit .edit-sec + .edit-sec {border-top:8px solid rgba(219,222,229,0.3);padding-top: 40px;}
.my-info-edit .edit-sec-tit {color:#333;font-family:'Pretendard Variable','Pretendard',sans-serif;font-size:clamp(16px, 0.238vw + 15.14px, 18px);font-weight:700;line-height:1.4;letter-spacing:-0.18px}
.my-info-edit .edit-row-list {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:24px}
.my-info-edit .edit-row {display:flex;flex-direction:column;gap:8px}
.my-info-edit .edit-row .input-basic {width: 242.67px;}
.my-info-edit .edit-row .input-basic.is-agree {width: calc(242.67px + 242.67px + 8px);}
.my-info-edit .edit-row .input-basic#addr2 {width: 100%;}
.my-info-edit .edit-label {color:#333;font-weight:600;font-size:clamp(14px, 0.119vw + 13.57px, 15px);line-height:140%;letter-spacing:-0.3px}
.my-info-edit .req {color:#ed2024;font-style:normal;font-size:14px;font-weight:600;margin-left:2px}

.my-info-edit .custom-select .select-list {height: auto; max-height: 300px; overflow-y: auto;}
.my-info-edit .select-wrap.custom-select {display:block;width:100%; height: 42px;}
.my-info-edit .select-wrap.custom-select .select-btn {height:42px; border-radius: 6px;}
.my-info-edit .select-wrap.custom-select .select-list {top: 42px;}
.my-info-edit .select-wrap .select-btn {width:100%; height: 42px; border-radius: 6px;}
.my-info-edit .select-wrap .select-btn:disabled {background-color: #F5F5F5; color: #7E7E7E}
.my-info-edit .edit-row-flex {display:flex;align-items:center;gap:8px}
.my-info-edit .edit-row[hidden], .my-info-edit .edit-row-flex[hidden] {display:none}
.my-info-edit .edit-row-flex .btn {flex-shrink:0;width:120px}
.my-info-edit .edit-row-flex .btn-c {border: 1px solid #777;}

.my-info-edit .edit-email {flex-wrap:wrap}
.my-info-edit .edit-sec-basic .edit-email {width:100%;max-width:758.29px}
.my-info-edit .edit-sec-basic .edit-email-local {flex:1 1 0;min-width:0;width:auto}
.my-info-edit .edit-sec-parent .edit-email-local {flex:0 0 242.67px;min-width:0;width:242.67px}
.my-info-edit .edit-email-at {flex-shrink:0;color:#333;font-size:16px;letter-spacing:-0.32px}
.my-info-edit .edit-email-domain {flex:1 1 0;min-width:0;width:auto;user-select:none}
.my-info-edit .edit-email-domain-input {flex:1 1 0;min-width:0}

.my-info-edit .edit-sec-parent .edit-email.edit-row-flex {gap:5px}
.my-info-edit .edit-sec-parent .edit-email-domain {flex:0 0 242.67px;min-width:0;width:242.67px;user-select:none}
.my-info-edit .edit-sec-parent .edit-email-domain-input {flex:0 0 242.67px;min-width:0;width:242.67px}

.my-info-edit .edit-sec-basic .edit-email .edit-email-domain-input {display:none}
.my-info-edit .edit-sec-basic .edit-email.is-direct .edit-email-domain {display:none}
.my-info-edit .edit-sec-basic .edit-email.is-direct .edit-email-domain-input {display:block;flex:1 1 0;min-width:0}

.my-info-edit .edit-sec-basic .edit-phone {flex-wrap:nowrap;justify-content:flex-start;gap:8px;width:100%;max-width:758.29px}
.my-info-edit .edit-phone {gap:2px;flex-wrap:wrap}
.my-info-edit .edit-phone .edit-row-box {display:flex;flex:1 1 auto;max-width:758.29px;min-width:0}
.my-info-edit .edit-sec-basic .edit-phone .edit-row-box {flex:1 1 0;max-width:590.29px;width:auto}
.my-info-edit .edit-sec-basic .edit-phone .edit-row-box > .input-basic:only-child {flex:1 1 100%;max-width:none;width:100%}
.my-info-edit .edit-sec-basic .edit-phone > .input-basic {flex:1 1 0;max-width:590.29px;min-width:0;width:auto}
.my-info-edit .edit-phone .edit-row-box .box-flex {flex:1 1 242.67px;max-width:242.67px;min-width:0;width:auto}
/* .my-info-edit .edit-phone > .select-wrap {flex:1 1 0;min-width:0;width:auto} */
.my-info-edit .edit-phone > .select-wrap {min-width:0;width:auto}
.my-info-edit .edit-phone-mid,
.my-info-edit .edit-phone-last {min-width:0}
.my-info-edit .edit-phone-dash {display:flex;align-items:center;color:#333;font-size:14px;margin:0 4.5px}

.my-info-edit .edit-parents-phone {gap:4px;width:100%;max-width:calc(242.67px + 242.67px + 8px)}
.my-info-edit .edit-parents-phone .edit-phone-dash {margin:0}
.my-info-edit .edit-parents-phone .select-wrap,
.my-info-edit .edit-parents-phone .input-basic {flex:0 0 242.67px;width:242.67px}
.my-info-edit .edit-parents-phone > .edit-phone-full {flex:1 1 100%;max-width:none;width:100%}

/* .my-info-edit .edit-parent-name > .input-basic {flex:1 1 0;min-width:0} */
.my-info-edit .edit-parent-name > .input-basic {flex:0 0 242.67px;min-width:0;width:242.67px}
.my-info-edit .edit-relation {flex:0 0 242.67px;width:242.67px}

.my-info-edit .edit-verify {position:relative;gap:8px}
/* .my-info-edit .edit-verify-code {flex:1 1 0;padding-right:60px;min-width:0} */
.my-info-edit .edit-verify-code {padding-right:60px;min-width:0}
.my-info-edit .edit-verify-timer {position:absolute;left:195px;flex-shrink:0;color:#333;font-size:13px;letter-spacing:-0.26px}
.my-info-edit .edit-row-help {color:#555;font-size:clamp(12px, 0.238vw + 11.14px, 14px);font-weight:400;line-height:1.5;letter-spacing:-0.28px;margin:0}

.my-info-edit .edit-radio-group {display:flex;flex-wrap:wrap;gap:32px;padding:4px 0}
.my-info-edit .edit-radio {display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.my-info-edit .edit-radio input[type="radio"] {width:18px;height:18px;margin:0;accent-color:#2c5bf6;cursor:pointer}
.my-info-edit .edit-radio-label {color:#333;font-size:clamp(14px, 0.238vw + 13.14px, 16px);font-weight:400;line-height:1.4;letter-spacing:-0.16px}

.my-info-edit .edit-addr {display:flex;flex-direction:column;gap:8px}
.my-info-edit .edit-sec-basic .edit-addr {width:100%;max-width:758.29px}
.my-info-edit .edit-addr-row {display:flex;gap:8px;flex-wrap:wrap}
.my-info-edit .edit-addr-row .input-basic:nth-of-type(1) {width:242.67px}
.my-info-edit .edit-addr-row .input-basic:nth-of-type(2) {flex:0 0 242.67px;width:242.67px}
.my-info-edit .edit-addr-row .btn-d {width:120px}
.my-info-edit .edit-addr.alarm-address .alarm-zip {flex-wrap:nowrap}
.my-info-edit .edit-addr.alarm-address .alarm-zip .input-basic:nth-of-type(1) {flex:0 0 242.67px;width:242.67px}
.my-info-edit .edit-addr.alarm-address .alarm-zip .btn-d {flex:0 0 120px;width:120px}
.my-info-edit .edit-addr.alarm-address .alarm-zip .input-basic:nth-of-type(2) {flex:1 1 0;min-width:0;width:auto}

.my-info-edit .edit-school-grade {gap:8px}
.my-info-edit .edit-school-grade > .input-basic,
/* .my-info-edit .edit-school-grade > .select-wrap {flex:1 1 0;min-width:0} */
.my-info-edit .edit-school-grade > .select-wrap {flex:0 0 242.67px;min-width:0;width:242.67px}
.my-info-edit .edit-school-name {gap:8px;flex-wrap:wrap}
.my-info-edit .edit-school-name .btn-d {width:120px}
/* .my-info-edit .edit-school-name > .input-basic:first-child {flex:1 1 0;min-width:0} */
.my-info-edit .edit-school-name > .input-basic:first-child {flex:0 0 242.67px;min-width:0;width:242.67px}
/* .my-info-edit .edit-school-name > .select-wrap {flex:1 1 0;min-width:0} */
.my-info-edit .edit-school-name > .select-wrap {flex:0 0 242.67px;min-width:0;width:242.67px}
.my-info-edit .select-wrap.major,.my-info-edit .select-wrap.major .select-btn {width:242.67px}
.my-info-edit .edit-sec-pw .edit-row {gap:10px}
.my-info-edit .edit-pw-toggle {display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:transparent;color:#555;font-family:inherit;font-size:clamp(12px, 0.238vw + 11.14px, 14px);font-weight:400;line-height:1.4;letter-spacing:-0.28px;cursor:pointer;text-align:left}
.my-info-edit .edit-pw-toggle-arrow {display:inline-block;color:#555;font-size:10px;transform:rotate(0deg)}
.my-info-edit .edit-pw-toggle[aria-expanded="true"] .edit-pw-toggle-arrow {transform:rotate(180deg)}
.my-info-edit .edit-pw-detail {width: 293.25px; padding:12px 16px;background:#f8f8f8;border-radius:6px;display:flex;flex-direction:column;gap:2px}
.my-info-edit .edit-pw-detail[hidden] {display:none}
.my-info-edit .edit-pw-detail-tit {color:#333;font-family:'Pretendard Variable',sans-serif;font-size:14px;font-weight:700;letter-spacing:-0.14px;line-height:1.5}
.my-info-edit .edit-pw-detail p {margin:0;color:#555;font-size:13px;font-weight:400;line-height:1.5;letter-spacing:-0.13px}
.my-info-edit .edit-pw-detail .indent {padding-left:12px}

.my-info-edit .edit-actions {display:flex;gap:24px;width:100%;max-width:640px}
.my-info-edit .edit-actions .btn {flex:0 0 265px;width:265px;border:1px solid #777}
.my-info-edit .edit-actions .edit-btn-cancel {border-radius:4px}
.my-info-edit .edit-actions .btn a {display:flex;width:100%;height:100%;justify-content:center;align-items:center}
.my-info-edit .edit-actions .btn + .btn {border:none}

.my-info-edit #wrap {width:100%;max-width:758.29px;margin:-66px 0}
.my-info-edit.is-student .edit-sec-school .edit-school-grade {flex-wrap:wrap}


/* ==================================================
    Çлý Àü¿ë - my_info_edit
================================================== */


/* ==================================================
    ÀÚ³à Á¤º¸ (Çкθð) - my_info_edit
================================================== */
.my-info-edit .edit-sec-children {gap: 12px;}
.my-info-edit .edit-sec-children .edit-children-wrap {display: flex; flex-direction: column; gap: 12px;}
.my-info-edit .edit-sec-children .edit-children-wrap.is-empty {border:1px solid #ededed;border-radius:6px;padding:30px 16px;display:flex;align-items:center;justify-content:center}
.my-info-edit .edit-sec-children .edit-children-wrap .empty-txt {display: none;}
.my-info-edit .edit-sec-children .edit-children-wrap.is-empty .empty-txt {display: flex; color:#777;font-size:clamp(14px, 0.119vw + 13.57px, 15px);font-weight:400;line-height:1.4;letter-spacing:-0.15px;text-align:center;margin:0}
.my-info-edit .edit-sec-children .edit-children-wrap li {border:1px solid #dbdee5;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:16px;background:#fff}
.my-info-edit .edit-sec-children .edit-children-wrap li .list-name {display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 16px;border-radius:8px;background:#f1f3f8}
.my-info-edit .edit-sec-children .edit-children-wrap li .list-name span {color:#333;font-family:'Pretendard Variable','Pretendard',sans-serif;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:-0.18px}
.my-info-edit .edit-sec-children .edit-children-wrap li .list-info {margin:0;padding:0 16px;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:24px;row-gap:8px;font-family:'Pretendard Variable','Pretendard',sans-serif}
.my-info-edit .edit-sec-children .edit-children-wrap li .list-info .info-list {display:flex;align-items:flex-start;justify-content:space-between;font-size:14px;line-height:1.5;letter-spacing:-0.14px;margin:0}
.my-info-edit .edit-sec-children .edit-children-wrap li .list-info .info-key {flex-shrink:0;width:80px;margin:0;color:#777;font-weight:400}
.my-info-edit .edit-sec-children .edit-children-wrap li .list-info .info-value {margin:0;color:#333;font-weight:400;text-align:right}
.my-info-edit .edit-sec-children .btn-wrap {margin-top: 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.my-info-edit .edit-sec-children .btn-wrap p {flex:1 1 200px;margin:0;color:#555;font-size: 14px;font-style: normal;font-weight: 400;line-height: 140%;}
.my-info-edit .edit-sec-children .btn-wrap .btn {flex-shrink:0;display: flex;width: 160px;height: 42px;padding: 14px 0;justify-content: center;align-items: center;gap: 10px;}

/* ==================================================
    ¸¶ÄÉÆà µ¿ÀÇ (Çкθð) - my_info_edit
================================================== */
.my-info-edit .edit-sec-marketing {gap:12px}
.my-info-edit .mk-lead {color:#333;font-size:clamp(14px, 0.238vw + 13.14px, 16px);font-weight:400;line-height:1.4;letter-spacing:-0.4px;margin:0}
.my-info-edit .mk-list {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.my-info-edit .mk-item {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:#f8f8f8;border-radius:6px}
.my-info-edit .mk-item > div {display: flex; gap: 20px;}
.my-info-edit .mk-check {display:inline-flex;align-items:center;gap:12px;cursor:pointer}
.my-info-edit .chk-txt {color: #333; font-size: 15px; font-style: normal; font-weight: 500; line-height: 140%; letter-spacing: -0.375px;}
.my-info-edit .chk-row {gap: 12px;}
.my-info-edit .chk-row > div {display: flex; gap: 12px;}
.my-info-edit .mk-channels {display:inline-flex;flex-wrap:wrap;gap:20px}
.my-info-edit .mk-meta {display:inline-flex;align-items:center;gap:16px;color:#b1b1b1}
.my-info-edit .mk-date {color:#b1b1b1;font-size:13px;font-weight:400;letter-spacing:-0.325px;line-height:1.4;white-space:nowrap}
.my-info-edit .mk-detail-link {color:#333;font-size: 15px; font-style: normal; font-weight: 500; line-height: 140%; letter-spacing: -0.375px;text-decoration-line: underline; margin-left: 8px;}
.my-info-edit .mk-withdraw {align-self:flex-end;display:inline-flex;align-items:center;gap:6px;color:#333;font-size:clamp(13px, 0.119vw + 12.57px, 14px);font-weight:400;line-height:1.4;letter-spacing:-0.14px;text-decoration:none}
.my-info-edit .mk-withdraw span {color:#333;font-size:12px}

/* ==================================================
    TA - my_info / my_info_edit
================================================== */
@media (max-width:1023px) {
    
    .my-info-edit {gap:20px;padding:32px 24px}
    .my-info-edit .edit-sec {padding:12px 0}
    .my-info-edit .edit-row > .input-basic {width:100%}
    .my-info-edit .edit-row .input-basic.is-agree {width:100%}
    .my-info-edit .edit-row-flex {width:100%}
    .my-info-edit .select-wrap.major,.my-info-edit .select-wrap.major .select-btn {width:100%}
    .my-info-edit .edit-actions {max-width:none}
    .my-info-edit .edit-actions .btn {flex:1 1 0;width:auto}
    .my-info-edit .edit-radio-group {gap:32px}

    .my-info-edit .edit-btn-send {flex:1 0 100%;width:100%;border-radius:4px}
    .my-info-edit .edit-sec-basic .edit-phone {flex-wrap:wrap;max-width:none;width:100%}
    .my-info-edit .edit-sec-basic .edit-phone .edit-row-box {flex:1 1 100%;max-width:none;width:100%}
    .my-info-edit .edit-sec-basic .edit-phone .edit-phone-full {flex:1 1 100%;max-width:none;width:100%}
    .my-info-edit .edit-verify .edit-verify-code {flex:1 1 0;width:auto}

    .my-info-edit .edit-school-name > .select-wrap {flex:1 0 100%}
    .my-info-edit .edit-school-grade > .select-wrap {flex:1 1 0;min-width:0;width:auto}
    .my-info-edit .edit-school-name > .input-basic:first-child {flex:1 1 0;min-width:0;width:auto}

    .my-info-edit .edit-phone .edit-row-box {width:100%;max-width:none; flex-wrap:wrap; gap:4px}                                                                                  
    .my-info-edit .edit-phone .edit-row-box .box-flex {flex:0 0 calc((100% - 29px) / 3);max-width:none;min-width:0;width:auto}
    .my-info-edit .edit-phone .edit-row-box .edit-phone-dash {margin:0}     

    .my-info-edit .edit-sec + .edit-sec {padding-top: 20px;}

    .my-info-edit .edit-addr-row {gap: 8px;}
    .my-info-edit .edit-sec-basic .edit-addr {max-width:none}
    .my-info-edit .edit-addr-row .input-basic:nth-of-type(1) {width: calc(100% - 128px);}
    .my-info-edit .edit-addr.alarm-address .alarm-zip {flex-wrap:wrap}
    .my-info-edit .edit-addr.alarm-address .alarm-zip .btn-d {flex:0 0 120px;width:120px}
    .my-info-edit .edit-addr.alarm-address .alarm-zip .input-basic:nth-of-type(1) {flex:0 0 calc(100% - 128px);width:calc(100% - 128px)}
    .my-info-edit .edit-addr.alarm-address .alarm-zip .input-basic:nth-of-type(2) {flex:1 0 100%;width:100%}

    .my-info-edit .edit-row-flex .btn-d {width: 120px;}
    .my-info-edit .edit-sec-basic .edit-email {gap:10px 6px;max-width:none}
    .my-info-edit .edit-sec-basic .edit-email-local {flex:0 0 calc((100% - 26px) / 2);min-width:0;width:auto}
    .my-info-edit .edit-sec-basic .edit-email .edit-email-domain {flex:0 0 calc((100% - 26px) / 2);min-width:0;width:auto}
    .my-info-edit .edit-sec-parent .edit-email-local {width: 50%; flex: 1;}
    .my-info-edit .edit-sec-parent input.edit-email-domain {width: 50%; flex: 1;}
    .my-info-edit .edit-sec-parent .edit-email-domain {width: 100%; flex: none;}
    .my-info-edit .edit-parent-name .input-basic {flex:1 1 0; min-width:0; width:auto}
    .my-info-edit .edit-parent-name .edit-relation {flex:0 0 auto; width:auto; min-width:auto}
    .my-info-edit .edit-parent-name .select-wrap {width:auto; min-width:85px}
    .my-info-edit .edit-parent-name .select-wrap .select-btn {width: 100%;}
    .my-info-edit .edit-sec-marketing {padding-bottom: 0;}
    .my-info-edit .edit-verify-timer {left: auto; right: 272px;}

    .my-info-edit .mk-item {flex-direction: column; align-items: start; gap: 8px;}
    .my-info-edit .mk-item > div {flex-direction: column; gap: 8px;}
    .my-info-edit .mk-detail-link {position: absolute; right: 0;}
    .my-info-edit .mk-channels {display: flex; flex-direction: row; flex-wrap: nowrap; margin-left: 34px;}
    .my-info-edit .mk-channels .chk-row {justify-content: center}
    .my-info-edit .mk-item .mk-meta {margin-left: 34px;}

    .my-info-edit .chk-row { width: 100%;}
    .my-info-edit .edit-parents-phone {max-width:none}
    .my-info-edit .edit-parents-phone .select-wrap, .my-info-edit .edit-parents-phone .input-basic {flex:0 0 calc((100% - 29px) / 3);min-width:0;width:auto}
    .my-info-edit .edit-parents-phone > .edit-phone-full {flex:1 1 100%;max-width:none;width:100%}
 
    .my-info-tit {display:none}
    .my-info {padding:80px 16px 120px}

    .my-info-edit #wrap {max-width:none;margin-top: -116px;}

    .my-info-edit .edit-sec-children .edit-children-wrap li .list-info {grid-template-columns:auto}
    .my-info-edit .edit-sec-children .btn-wrap .btn {order: -1; font-size: 15px;}
}

/* ==================================================
    MO - my_info / my_info_edit
================================================== */
@media (max-width:767px) {
    
    .my-info-edit .child-name-bar {height:32px;border-radius:6px;padding:0 12px}
    .my-info-edit .child-name {font-size:14px;letter-spacing:-0.14px}
    .my-info-edit .child-card {padding:12px;gap:12px}
    .my-info-edit .child-info {grid-template-columns:1fr;column-gap:0;padding:0 8px}
    .my-info-edit .child-empty {padding:24px 16px}
    .my-info-edit .child-empty-txt {font-size:14px;letter-spacing:-0.35px}
    .my-info-edit .child-actions {flex-direction:column-reverse;align-items:stretch;gap:12px}
    .my-info-edit .child-actions .btn {width:100%}
    .my-info-edit .mk-item {flex-direction:column;align-items:stretch;gap:8px}
    .my-info-edit .mk-channels {justify-content:flex-start}
    .my-info-edit .mk-channels .chk-row {width:auto;flex-shrink:0;justify-content:flex-start}
    .my-info-edit .mk-meta {justify-content:flex-start}
    .my-info-edit .mk-check-label {font-size:14px;letter-spacing:-0.35px}
    
    .my-info-edit .input-basic {min-height:38px}
    .my-info-edit .edit-addr-row .input-basic {height:38px}
    .my-info-edit .select-wrap.custom-select {height:38px}
    .my-info-edit .select-wrap.custom-select .select-btn {height:38px;min-width:0}
    .my-info-edit .select-wrap.custom-select .select-list {top:38px}
    .my-info-edit .edit-verify-code {padding-right: 50px;}
    .my-info-edit .edit-verify-timer {right: 200px;}

    .my-info-edit {gap:20px;padding:32px 16px}
    .my-info-edit .edit-sec {padding:12px 0}
    .my-info-edit .edit-row-help {font-size:12px}
    .my-info-edit .edit-pw-toggle {font-size:12px}

    .my-info-edit .edit-school-name > .input-basic:first-child {flex:1 1 0}


    .my-info-edit .edit-addr .btn-d {width:85px; height: 38px;}
    .my-info-edit .edit-addr-row > .btn-d {width:85px; }
    .my-info-edit .edit-addr-row .input-basic:nth-of-type(1) {width: calc(100% - 93px)}
    .my-info-edit .edit-addr.alarm-address .alarm-zip .input-basic:nth-of-type(1) {flex:0 0 calc(100% - 93px);width:calc(100% - 93px)}
    .my-info-edit .edit-addr.alarm-address .alarm-zip .btn-d {flex:0 0 85px;width:85px}

    .my-info-edit .select-wrap.custom-select .select-btn {border-radius:4px}
    .my-info-edit .edit-phone .edit-row-box {flex-wrap:nowrap;gap:4px}
    .my-info-edit .edit-phone .edit-row-box .box-flex {flex:0 0 calc((100% - 29px) / 3);min-width:0;width:auto}
    .my-info-edit .edit-sec-basic .edit-phone .edit-row-box > .edit-phone-full {flex:1 1 100%;max-width:none;width:100%}
    .my-info-edit .edit-phone .edit-row-box .edit-phone-dash {margin:0;flex-shrink:0}
    .my-info-edit .edit-parents-phone {flex-wrap:nowrap;}
    .my-info-edit .edit-parents-phone .select-wrap,
    .my-info-edit .edit-parents-phone .input-basic {flex:0 0 calc((100% - 29px) / 3);min-width:0;width:auto}
    .my-info-edit .edit-parents-phone > .edit-phone-full {flex:1 1 100%;max-width:none;width:100%}
    .my-info-edit .edit-parents-phone .edit-phone-dash {flex-shrink:0}
    .my-info-edit .edit-relation {flex:1 1 100%;width:auto}
    .my-info-edit .edit-row-flex .btn-d {width:85px}
    .my-info-edit .edit-actions {gap:8px;max-width:none}
    .my-info-edit .edit-actions .btn {flex:1 1 0;width:auto}
    .my-info-edit .edit-sec-marketing {padding-bottom: 0;}

    .my-info-edit .edit-parent-name .select-wrap {width:auto; min-width:85px}
    .my-info-edit .edit-parent-name .select-wrap .select-btn {width: 100%;}

    .my-info {padding:32px 16px}
    .my-info-lead {line-height: 150%;letter-spacing: -0.14px;}

    .my-info-edit #wrap {margin-top: -108px;}

    .my-info-edit .edit-sec-children .edit-children-wrap li {gap: 12px;}
    .my-info-edit .edit-sec-children .edit-children-wrap li .list-name {height: 32px; padding: 0 12px; border-radius: 6px;}
    .my-info-edit .edit-sec-children .edit-children-wrap li .list-name span {font-size: 14px;font-weight: 700;line-height: 150%; letter-spacing: -0.14px;}
    .my-info-edit .edit-sec-children .edit-children-wrap li .list-info .info-key {font-size: 14px;font-weight: 400;line-height: 150%;letter-spacing: -0.14px;}
    .my-info-edit .edit-sec-children .edit-children-wrap li .list-info .info-value {font-size: 14px;font-weight: 400;line-height: 150%;letter-spacing: -0.14px;}
    .my-info-edit .edit-sec-children .btn-wrap p {padding-left: 12px; text-indent: -12px;font-size: 13px;font-weight: 400;line-height: 140%;}
}
/* ==================================================
    END - my_info / my_info_edit
================================================== */

/* ==================================================
    ÀÚ³àã±â (Çкθð) - popup_children
================================================== */
#popupChildrenLayer{--pop-w:min(500px, calc(100vw - 24px));}
#popupChildrenLayer .pop-layer__body {padding: 0 ;}

/* ¼¿·ºÆ® ¹Ú½º */
#popupChildrenLayer .select-wrap.custom-select{position:relative;}
#popupChildrenLayer .select-wrap.custom-select .select-btn{width:100%;padding:0 36px 0 14px;border:1px solid #DBDEE5;border-radius:4px;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='%23555' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat right 14px center / 12px 8px;color:#333;font-size:13px;text-align:left;}
#popupChildrenLayer .select-wrap.custom-select.is-open .select-btn{border-color:#2C5BF6;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 6.5L6 1.5L11 6.5' stroke='%23555' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");}
#popupChildrenLayer .select-wrap.custom-select.open .select-btn{border-color:#2C5BF6;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 6.5L6 1.5L11 6.5' stroke='%23555' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");}
#popupChildrenLayer .select-wrap.custom-select.is-open .select-list{display:block;}
#popupChildrenLayer .select-wrap.custom-select.open .select-list{display:block;}
#popupChildrenLayer .select-wrap.custom-select .select-list button{display:block;width:100%;height:39px;padding:0 14px;border:0;background:#fff;color:#333;font-size:13px;text-align:left;}
#popupChildrenLayer .select-wrap.custom-select .select-list button:hover{background:#F1F3F8;}

#popupChildrenLayer .popup-children-search {width:100%;display:flex;flex-direction:column;gap:10px;padding:16px;background:#f1f3f8;box-sizing:border-box}
#popupChildrenLayer .popup-row {display:flex;flex-direction:column;gap:8px;width:100%}
#popupChildrenLayer .popup-row-list {display: flex; flex-direction: column; gap: 20px;}
#popupChildrenLayer .popup-label {color:#333;font-size:clamp(14px, 0.119vw + 13.571px, 15px);font-weight:600;line-height:1.4;letter-spacing:-0.3px}
#popupChildrenLayer .popup-row-flex {display:flex;gap:8px;width:100%;height: 42px;align-items:flex-start}
#popupChildrenLayer .popup-row-flex .input-basic {flex:1 1 0;min-width:0;min-height: 38px; width:100%;height:42px;padding:0 clamp(12px, 0.714vw + 9.429px, 18px);background:#fff;border:1px solid #dbdee5;border-radius:clamp(4px, 0.238vw + 3.143px, 6px);color:#333;font-size:clamp(13px, 0.119vw + 12.571px, 14px);font-weight:400;line-height:1.5;letter-spacing:-0.13px;box-sizing:border-box}
#popupChildrenLayer .popup-row-flex .input-basic::placeholder {color:#7e7e7e}
#popupChildrenLayer .popup-row-flex .children-gender {color:#7e7e7e}
#popupChildrenLayer .popup-row-flex .children-gender .btn {flex:1 1 0;min-width:0;width: 48px; height:42px;padding:8px;background:#9aa3b2;color:#fff;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:-0.28px;border:0;border-radius:clamp(4px, 0.238vw + 3.143px, 6px);cursor:pointer;text-align:center}
#popupChildrenLayer .popup-row-flex .children-gender .btn.is-on {background:#2c5bf6;font-weight:700;line-height:1.4}
#popupChildrenLayer .select-wrap.custom-select {height: 42px; border-radius: 6px;}
#popupChildrenLayer .select-wrap.custom-select .select-btn {height: 42px; border-radius: 6px;}
#popupChildrenLayer .select-wrap.custom-select .select-list {top: 42px;}
#popupChildrenLayer .popup-children-search-action .btn {width: 100%;border: 1px solid #777;}

#popupChildrenLayer .popup-children-result {width:100%;display:flex;flex-direction:column;gap:10px;padding:16px;box-sizing:border-box}
#popupChildrenLayer .popup-children-result-tit {display:block;width:100%;margin:0;color:#333;font-size:clamp(14px, 0.119vw + 13.571px, 15px);font-weight:600;line-height:1.4;letter-spacing:-0.3px}
#popupChildrenLayer .popup-children-result-list {width:100%;list-style:none;margin:0;background:#fff;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;align-items:center;overflow-y: auto;max-height: 300px;}
#popupChildrenLayer .popup-children-result-list li {border:1px solid #e5e5e5;border-radius:8px;padding: 12px;}
#popupChildrenLayer .popup-children-result-list .btn {width: 100%;}
#popupChildrenLayer .popup-children-result-empty {display:none;color:#333;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:-0.28px;text-align:center;width:100%}
#popupChildrenLayer .popup-children-result-list.is-empty {min-height:80px;justify-content:center;gap:0;border:1px solid #e5e5e5;border-radius:8px; padding:12px;}
#popupChildrenLayer .popup-children-result-list.is-empty .popup-children-result-empty {display:block}
#popupChildrenLayer .popup-children-result-list.is-empty > li {display:none}

#popupChildrenLayer .popup-children-result-item {display:flex;flex-direction:column;gap:12px;width:100%;align-items:center}
#popupChildrenLayer .popup-children-result-info {display:flex;flex-direction:column;gap:8px;width:100%;padding:0 8px;box-sizing:border-box}
#popupChildrenLayer .popup-children-result-info .info-list {display:flex;justify-content:space-between;align-items:flex-start;width:100%}
#popupChildrenLayer .popup-children-result-info .info-key {color:#777;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-0.14px}
#popupChildrenLayer .popup-children-result-info .info-value {color:#333;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-0.14px;text-align:right}
#popupChildrenLayer .popup-children-result-select {width:100%;height:42px;padding:0 30px;background:#2c5bf6;color:#fff;font-size:14px;font-weight:700;line-height:1.4;letter-spacing:-0.28px;border:0;border-radius:clamp(4px, 0.238vw + 3.143px, 6px);cursor:pointer;text-align:center}

@media (max-width:1023px) {
	#popupChildrenLayer .select-wrap, 
	#popupChildrenLayer .search-wrap .period, 
	#popupChildrenLayer .search-wrap .search-btn, 
	#popupChildrenLayer .search-wrap .date{width:100%;min-width:0;}
    #popupChildrenLayer .select-wrap.custom-select{width:100%;min-width:0;}
}

@media (max-width:767px){
    #popupChildrenLayer .select-wrap{grid-column:1 / -1;width:100%;}
    #popupChildrenLayer .select-wrap.custom-select{grid-column:1 / -1;width:100%;}
	#popupChildrenLayer .select-wrap.custom-select .select-list{top:30px;}

	#popupChildrenLayer{--pop-w:calc(100vw - 24px); --pop-max-h:calc(100vh - 24px);}
    #popupChildrenLayer .input-basic {min-height: 38px; height: 38px;}
    #popupChildrenLayer .popup-row-flex {height: 38px;}
    #popupChildrenLayer .popup-row-flex .input-basic {height: 38px;}
    #popupChildrenLayer .popup-row-flex .children-gender .btn {width: 33px; height: 38px;}
    #popupChildrenLayer .popup-children-result-select {height: 38px;}
    #popupChildrenLayer .select-wrap.custom-select {width: 33.33%;}
    #popupChildrenLayer .select-wrap.custom-select .select-btn { height: 38px; min-width: auto;}
}
/* ==================================================
    End - ÀÚ³àã±â (Çкθð) - popup_children
================================================== */


/* ==================================================
    START - °áÁ¦Á¤º¸(mypage-payment)
================================================== */
.mypage-payment .mypage-title-wrap{padding-bottom:17px;border-bottom:1px solid #DBDEE5;}
.mypage-payment .mypage-title{font-size:18px;font-weight:600;color:#333;line-height: 1;}
.mypage-payment .payment-wait-wrap,.mypage-payment .payment-detail-wrap, .mypage-payment .payment-pay-wrap{margin-top:22px;}
.mypage-payment .top-wrap {display: flex;justify-content: space-between;}
.mypage-payment .top-wrap .payment-txt {overflow: hidden;color: #777;text-overflow: ellipsis;font-size: 13px;font-weight: 400;line-height: 150%;letter-spacing: -0.13px;}
.mypage-payment .list-count {padding: 24px 0 12px;}
.mypage-payment .list-empty {margin-top: 4px;}

.mypage-payment .payment-count{margin-bottom:12px;font-size:14px;color:#333;}
.mypage-payment .payment-count strong,.payment-name a{font-weight:700;color:#2C5BF6;}
.mypage-payment .payment-list{display:flex;flex-direction:column;gap:16px;}
.mypage-payment .payment-card,.mypage-payment .payment-detail-card{ padding:12px;border:1px solid #DBDEE5;border-radius:8px;background:#fff;}
.mypage-payment .payment-campus{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:8px;background:#F1F3F8;font-size:18px;font-weight:700;color:#333;height: 42px;}
.mypage-payment .payment-campus em{font-size:16px;font-style:normal;font-weight:400;color:#333;}
.mypage-payment .payment-body,.mypage-payment .payment-detail-item{display:flex;justify-content:space-between;gap:24px;}
.mypage-payment .payment-body{padding:24px 8px 6px;}
.mypage-payment .payment-detail-item{padding:18px 8px 14px;}
.mypage-payment .payment-detail-item + .payment-detail-item{border-top:1px solid #e5e8ef;}
.mypage-payment .payment-info,.mypage-payment .payment-detail-info{flex:1;min-width:0;    display: flex;    align-items: flex-start;    flex-direction: column;    justify-content: center;}
.mypage-payment .payment-badge-wrap{display:flex;gap:4px;margin-bottom:8px;}
.mypage-payment .payment-badge{display:inline-flex;align-items:center;height:22px;padding:2px 8px;border:1px solid #DBDBDB;background:#fff;font-size:14px;color:#333;}
.mypage-payment .payment-name{font-size:16px;line-height:1.45;color:#333;word-break: break-all;letter-spacing: -0.16px;}
.mypage-payment .payment-price{flex:0 0 140px;text-align:right;}
.mypage-payment .payment-price span{display:block;margin-bottom:4px;font-size:14px;color:#333;font-weight: 400;}

.mypage-payment .payment-price strong{display:block;margin-bottom:8px;font-size:18px;font-weight:700;color:#333;}
.mypage-payment .payment-btn,.mypage-payment .payment-action-btn{display:flex;align-items:center;justify-content:center;border-radius:6px;background:#2C5BF6;font-size:15px;font-weight:500;color:#fff;}
.mypage-payment .payment-btn{width:150px;height:36px;margin-left:auto;}
.mypage-payment .payment-more-wrap{margin-top:22px;text-align:center;}
.mypage-payment .payment-more{display:inline-flex;align-items:center;justify-content:center;width:120px;height:36px;border:1px solid #DBDBDB;border-radius:6px;font-size:15px;color:#333;}
.mypage-payment .payment-more:after{content:"";width:7px;height:7px;margin-left:8px;border-right:1px solid #555;border-bottom:1px solid #555;transform:rotate(45deg) translateY(-2px);}
.mypage-payment .payment-section-title,.mypage-payment .payment-method-title{font-size:16px;font-weight:700;color:#222;}
.mypage-payment .payment-section-title{margin-bottom:10px;margin-top: 24px;}
.mypage-payment .payment-method-title{margin-bottom:10px;}
.mypage-payment .payment-date{margin-bottom:10px;font-size:14px;color:#777;}

.mypage-payment .payment-action-wrap{display:flex;justify-content:center;gap:8px;margin-top:24px;width: 100%;max-width: 600px;}
.mypage-payment .payment-action-btn{width:244px;height:41px;border:1px solid #2C5BF6;}
.mypage-payment .payment-action-btn.is-line{background:#fff;color:#555;border:1px solid #DBDBDB;}
.mypage-payment .payment-pay-card .payment-price strong{color:#ED2024;}
.mypage-payment .payment-method-wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px;}
.mypage-payment .payment-method-inner{padding:20px;border:1px solid #d9dde5;border-radius:4px;background:#fff;}

.mypage-payment .payment-radio,.mypage-payment .payment-check{display:flex;align-items:center;font-size:16px;color:#222;}
.mypage-payment .payment-radio{position:relative;margin-top:14px;cursor:pointer;}
.mypage-payment .payment-radio:first-child{margin-top:0;}
.mypage-payment .payment-radio input[type="radio"]{position:absolute;left:0;top:50%;width:22px;height:22px;margin:0;opacity:0;transform:translateY(-50%);cursor:pointer;}
.mypage-payment .payment-radio span{position:relative;display:flex;align-items:center;min-height:22px;padding-left:30px;}
.mypage-payment .payment-radio span:before{content:"";position:absolute;left:0;top:50%;width:22px;height:22px;border-radius:50%;background:#D9DDE3;transform:translateY(-50%);}
.mypage-payment .payment-radio span:after{content:"";position:absolute;left:7px;top:50%;width:9px;height:9px;border-radius:50%;background:#fff;transform:translateY(-50%);}
.mypage-payment .payment-radio input[type="radio"]:checked + span:before{background:#2C5BF6;}

.mypage-payment .payment-check{position:relative;display:flex;align-items:center;cursor:pointer;}
.mypage-payment .payment-check input[type="checkbox"]{position:absolute;left:0;top:50%;width:18px;height:18px;margin:0;opacity:0;transform:translateY(-50%);cursor:pointer;}
.mypage-payment .payment-check span{position:relative;display:flex;align-items:center;min-height:18px;padding-left:26px;}
.mypage-payment .payment-check span:before{content:"";position:absolute;left:0;top:50%;width:18px;height:18px;border-radius:4px;background:#D9DDE3;transform:translateY(-50%);transition:background .2s;}
.mypage-payment .payment-check span:after{content:"";position:absolute;left:6px;top:50%;width:7px;height:11px;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:translateY(-65%) rotate(45deg);opacity:0;}
.mypage-payment .payment-check input[type="checkbox"]:checked + span:before{background:#2C5BF6;}
.mypage-payment .payment-check input[type="checkbox"]:checked + span:after{opacity:1;}

.mypage-payment .payment-rule-text{display:flex;align-items:center;margin-top:12px;font-size:16px;color:#222;}
.mypage-payment .payment-rule-text strong{margin-right:4px;color:#ED2024;font-weight: 400;}
.mypage-payment .payment-rule-text a{margin-left:auto;color:#777;text-decoration:underline;font-size: 14px;}
.mypage-payment .payment-pay-wrap .payment-action-wrap{margin-top:24px;}
.mypage-payment .payment-complete-wrap{padding-top:48px;text-align:center;display: flex;justify-content: center;align-items: center; flex-direction: column;}
.mypage-payment .payment-complete-icon{width: 60px;height: 52px;background: url("https://russeldata.megastudy.net/campus/images/russel/mypage/ico_check.png") no-repeat 0 0;display: block;background-size: contain;}
.mypage-payment .payment-complete-title{font-size:20px;font-weight:700;color:#333;margin-top: 12px;}
.mypage-payment .payment-complete-title strong{color:#2C5BF6;}
.mypage-payment.wait .payment-name > a {cursor:auto;}


/* °áÁ¦Á¤º¸(mypage-payment) > °áÁ¦´ë±â(wait) > °áÁ¦Çϱâ */
.mypage-payment.payment .payment-price span {font-size: 13px;margin-bottom: 0;}
.mypage-payment.payment .payment-badge {height: 25px;}
.mypage-payment.payment .payment-toggle{display:inline-block;width:12px;height:12px;margin-left:6px;border:0;background:none;font-size:0;vertical-align:middle;}
.mypage-payment.payment .payment-toggle:before{content:"";display:block;width:7px;height:7px;border-bottom:1px solid #333;border-right:1px solid #333;transform:rotate(45deg);}
.mypage-payment.payment .payment-detail-item.is-open .payment-toggle:before{border-top:1px solid #333;border-left:1px solid #333;border-bottom:none;border-right:none;}
.mypage-payment.payment .payment-detail-box{margin:0 8px 14px;padding:16px 24px;background:#F8F8F8;}
.mypage-payment.payment .payment-detail-box dl{display:grid;grid-template-columns:1fr 1fr;row-gap:14px;column-gap:40px;}
.mypage-payment.payment .payment-detail-box dl div{display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#333;}
.mypage-payment.payment .payment-detail-box dt{position:relative;padding-left:10px;color:#777;font-size: 14px;}
.mypage-payment.payment .payment-detail-box dt:before,.mypage-payment .payment-complete-guide p:before{content:"";position:absolute;width:2px;height:2px;border-radius:50%;}
.mypage-payment.payment .payment-detail-box dt:before{left:0;top:8px;background:#999;}
.mypage-payment.payment .payment-detail-box dd{text-align:right;color:#222;font-size: 14px;}
.mypage-payment.payment .payment-price {align-items: flex-end;display: flex;flex-direction: column;justify-content: center;}
.mypage-payment.payment .payment-name:has(.payment-toggle){cursor:pointer;}
.mypage-payment.payment .payment-name a {pointer-events: none;}
.mypage-payment.payment .payment-detail-box{display:none;}
.mypage-payment.payment .payment-detail-box.is-open{display:block;}

.mypage-payment.payment .payment-total-title{margin-top:32px;padding-bottom:12px;border-bottom:1px solid #555;}
.mypage-payment.payment .payment-total-box dl div{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:14px;color:#222;}
.mypage-payment.payment .payment-total-box dl div dt {font-size: 15px;}
.mypage-payment.payment .payment-total-box dl div dd {font-size: 15px;}
.mypage-payment.payment .payment-total-box dl div:first-child{margin-top:0;}
.mypage-payment.payment .payment-total-box dt a{display:inline-flex;align-items:center;color:#222;pointer-events: none;}
.mypage-payment.payment .payment-total-box dt a:after{content:"";width:6px;height:6px;margin-left:8px;border-top:1px solid #33333375;border-right:1px solid #33333375;transform:rotate(45deg);}
.mypage-payment.payment .payment-total-box dt a.point {text-decoration: underline;pointer-events: visible;}

.mypage-payment.payment .payment-total-box .total dt{font-weight:700;font-size: 16px;}
.mypage-payment.payment .payment-total-box .total dd{font-size:16px;font-weight:700;color:#ED2024;}
.mypage-payment.payment .payment-btn, .mypage-payment.payment .payment-action-btn {height: 41px;}
.mypage-payment.payment .payment-action-wrap{max-width: unset;}
.mypage-payment.payment .payment-action-btn.is-line {border: 1px solid #2C5BF6;color: #2C5BF6;}
.mypage-payment.payment .payment-section-title:first-of-type {margin-top: 0;}
.mypage-payment.payment .payment-detail-item:not(:first-of-type) {border-top: 1px solid #EBEBEB;}
/* // °áÁ¦Á¤º¸(mypage-payment) > °áÁ¦´ë±â(wait) > °áÁ¦Çϱâ */


/* °áÁ¦Á¤º¸(mypage-payment) > Àå¹Ù±¸´Ï(cart) > Àå¹Ù±¸´Ï List */
.mypage-payment.cart .payment-count{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px;color:#333;}
.mypage-payment.cart .payment-count strong{color:#2C5BF6;}
.mypage-payment.cart .payment-card{padding:12px;border:1px solid #DBDEE5;border-radius:8px;background:#fff;}
.mypage-payment.cart .payment-body{position:relative;display:flex;justify-content:space-between;gap:20px;padding:14px 46px 14px 8px;border-bottom:1px solid #eee;}
.mypage-payment.cart .payment-info{display:block;flex:1;min-width:0;}
.mypage-payment.cart .payment-badge-wrap{margin-bottom:8px;}
.mypage-payment.cart .payment-name{line-height:1.45;letter-spacing:-0.3px;}
.mypage-payment.cart .payment-price{display:block;flex:0 0 120px;text-align:right;}
.mypage-payment.cart .payment-price span{display:block;margin-bottom:0px;}
.mypage-payment.cart .payment-price strong{display:block;margin-bottom:0;}
.mypage-payment.cart .payment-delete{position:absolute;right:8px;top:50%;width:20px;height:20px;margin-top:-15px;border:0;background:none;font-size:0;}
.mypage-payment.cart .payment-delete:before,.mypage-payment .payment-delete:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:1px;background:#555;}
.mypage-payment.cart .payment-delete:before{transform:translate(-50%,-50%) rotate(45deg);}
.mypage-payment.cart .payment-delete:after{transform:translate(-50%,-50%) rotate(-45deg);}
.mypage-payment.cart .payment-toggle{display:inline-block;width:12px;height:12px;margin-left:10px;border:0;background:none;font-size:0;vertical-align:middle;}
.mypage-payment.cart .payment-toggle:before{content:"";display:block;width:6px;height:6px;border-right:1px solid #777;border-bottom:1px solid #777;transform:rotate(45deg) translateY(-2px);}
.mypage-payment.cart .payment-body.is-open .payment-toggle:before{border-right:0;border-bottom:0;border-left:1px solid #777;border-top:1px solid #777;transform:rotate(45deg) translateY(2px);}
.mypage-payment.cart .payment-body.is-open {border-bottom: 0;}
.mypage-payment.cart .payment-detail-box{margin:0 8px 16px;padding:16px 24px;background:#F8F8F8;}
.mypage-payment.cart .payment-detail-box dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 40px;}
.mypage-payment.cart .payment-detail-box dl div{display:flex;justify-content:space-between;gap:12px;font-size:13px;}
.mypage-payment.cart .payment-detail-box dl div dt {color:#777;position: relative;padding-left: 7px;}
.mypage-payment.cart .payment-detail-box dl div dt::before {display: block;content: '';width: 2px;height: 2px;background: #777;position: absolute;top: 50%;left: 0px;transform: translateY(-50%);}
.mypage-payment.cart .payment-detail-box dl div dd {color:#333;}
.mypage-payment.cart .payment-total-row{display:flex;align-items:center;justify-content:space-between;padding:16px 8px 4px;}
.mypage-payment.cart .payment-total-row > strong{font-size:16px;font-weight:700;color:#333;}
.mypage-payment.cart .payment-total-row > div{display:flex;align-items:center;gap:24px;}
.mypage-payment.cart .payment-total-row span{font-size:20px;font-weight:700;color:#ED2024;}
.mypage-payment.cart .payment-btn{width:180px;height:36px;margin-left:0;}
.mypage-payment.cart .payment-total-box .total dd{font-size:20px;font-weight:700;color:#ED2024;}
.mypage-payment.cart .payment-name:has(.payment-toggle){cursor:pointer;}
.mypage-payment.cart .payment-detail-box{display:none;}
.mypage-payment.cart .payment-detail-box.is-open{display:block;margin: 0 8px 0;}

@media (min-width:1024px) and (max-width:1199px) {
    .mypage-wrap .mypage-payment.cart .list-count {
        height: auto;
        padding: 24px 0 12px;
        border-bottom: 0;
        font-size: 15px;
        letter-spacing: -0.375px;
    }
}

@media (max-width:1023px) {
    .mypage-wrap .mypage-payment.cart .list-count {
        height: 40px;
        padding: 10px 14px;
        border-bottom: 1px solid #e4e4e4;
        font-size: 15px;
        letter-spacing: -0.15px;
    }
}
/* °áÁ¦Á¤º¸(mypage-payment) > °áÁ¦´ë±â(wait), Àå¹Ù±¸´Ï(cart) > °áÁ¦Çϱâ ÆäÀÌÁö(online-pay) */
.mypage-payment.online-pay .payment-pay-card .payment-total-row .payment-btn{display:none;}
.mypage-payment.online-pay .payment-pay-card .payment-total-row span{color:#ED2024;}
.mypage-payment.online-pay .payment-pay-wrap .payment-list{gap:32px;}
.mypage-payment.online-pay .payment-pay-wrap .payment-method-wrap{margin-top:32px;}
.mypage-payment.online-pay .payment-pay-wrap .payment-action-wrap{margin:30px auto 0;}
.mypage-payment.online-pay .payment-action-btn {height: 36px;}
.mypage-payment.online-pay .payment-pay-card .payment-price strong {color: #333;}
.mypage-payment.online-pay .payment-body {padding: 14px 8px;}
.mypage-payment.online-pay .payment-total-row {padding: 19px 8px 0;}
.mypage-payment.online-pay .payment-body {padding: 14px 8px 14px 8px;}

.mypage-payment.online-pay .list-empty {display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:247px;padding:62px 0 0;border:1px solid #dbdee5;border-radius:8px;background:#fff;text-align:center;overflow:hidden}
.mypage-payment.online-pay .list-empty > img {display:block;width:40px;height:35px;margin:0 auto 8px}
.mypage-payment.online-pay .list-empty > p {width:100%;color:#333;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:-0.16px;margin-bottom: 25px;}
.mypage-payment.online-pay .list-empty .pay-wrap {display:flex;align-items:center;width:100%;min-height:60px;margin-top:auto;padding:0 24px;background:#F8F8F8}
.mypage-payment.online-pay .list-empty .pay-wrap > div {display:flex;align-items:center;justify-content:space-between;width:100%}
.mypage-payment.online-pay .list-empty .pay-wrap p {width:auto;color:#333;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:-0.16px}
.mypage-payment.online-pay .list-empty .pay-wrap strong {color:#ED2024;font-size:20px;font-weight:700;line-height:1.2;letter-spacing:-0.24px}


/* °áÁ¦Á¤º¸(mypage-payment) > °áÁ¦´ë±â(wait), Àå¹Ù±¸´Ï(cart) > °áÁ¦¿Ï·á */
.mypage-payment .payment-complete-guide{width:100%;max-width: 600px; margin:24px auto 24px;padding:16px;background:#F8F8F8;text-align:left;border: 1px solid #F0F0F0;border-radius: 3px;display: flex;justify-content: center;align-items: center;}
.mypage-payment .payment-complete-guide > div p{position:relative;padding-left:10px;font-size:14px;line-height:1.6;color:#333;}
.mypage-payment .payment-complete-guide > div p:before{left:0;top:9px;background:#555;}
.mypage-payment .payment-complete-wrap {padding: 56px 0px 0;}
.mypage-payment .payment-complete-wrap .payment-action-wrap{margin-top:0;}
.mypage-payment .payment-complete-wrap .payment-action-btn{width:100%;}

@media (max-width: 1023px) {
    /* .complete .sub-header {display: none;} */
}

@media (max-width: 767px) {
    .complete .sub-header {display: block;}
}

/* °áÁ¦Á¤º¸(mypage-payment) ³» Æ˾÷ */
/* == ±âÁ¸ °áÁ¦ ±Ý¾× ¾È³» Æ˾÷(Æ˾÷ ÄÚµå °øÅë) */
.popup-layer {position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;display: none;}
.popup-layer.is-open{display:block;}
.popup-layer-dim{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.popup-layer-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:530px;background:#fff;overflow:hidden;}
.popup-layer-head{display:flex;justify-content:space-between;align-items:center;padding:12.5px 16px;border-bottom:1px solid #EBEBEB;}
.popup-layer-head strong{font-size:18px;}

.btn-layer-close{position:relative;width:28px;height:28px;border:0;background:none;font-size:0;}
.btn-layer-close:before,.btn-layer-close:after{content:"";position:absolute;left:50%;top:50%;width:28px;height:1.5px;background:#111;}
.btn-layer-close:before{transform:translate(-50%,-50%) rotate(45deg);}
.btn-layer-close:after{transform:translate(-50%,-50%) rotate(-45deg);}

.popup-layer-body{padding:16px 16px 32px;}
.popup-layer-body .desc{margin-bottom:10px;font-size:16px;}
.popup-layer-body .desc em{color:red;font-style:normal;}
.payment-layer-table{width:100%;border-collapse:collapse;font-size:13px;}
.payment-layer-table th {background: #F8F8F8;font-weight: 400;}
.payment-layer-table th,.payment-layer-table td{border:1px solid #ddd;padding:10px 4px;text-align:center;}
.payment-layer-total{display:flex;justify-content:space-between;margin-top:16px;font-size:16px;font-weight:700;}
.payment-layer-table td:first-of-type, .payment-layer-table th:first-of-type {border-left: 0;}
.payment-layer-table td:last-of-type, .payment-layer-table th:last-of-type {border-right: 0;}


/* ==°¡»ó°èÁ °áÁ¦ Æ˾÷ */
.popup-layer.virtual-layer .popup-layer-wrap {max-width:360px;}
.virtual-layer{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;}
.virtual-layer .virtual-box{border-radius: 3px;border: 1px solid  #F0F0F0;background:  #F8F8F8;padding: 16px;}
.virtual-layer .virtual-box dl{display:flex;flex-direction:column;gap:8px;}
.virtual-layer .virtual-box dl div{display:flex;justify-content:space-between;font-size:14px;}
.virtual-layer .virtual-box dt{color:#333;}
.virtual-layer .virtual-box dd{color:#333;font-weight:400;}
.virtual-layer .virtual-box dd.account-number{color:#2C5BF6;font-weight:700;}
.virtual-layer .btn-copy-account{margin-top:16px;width:100%;height:36px;border:1px solid #ddd;background:#fff;border-radius:6px;font-size:15px;}

/* ==¿Â¶óÀÎ °áÁ¦½Ã º¸±â Æ˾÷ */
.popup-layer.rule-layer .popup-layer-wrap{max-width:530px;height:371px;max-height:calc(100% - 40px);}
.rule-layer .popup-layer-body{height:calc(100% - 98px);overflow-y:auto;padding:16px 16px 0px;}
.rule-layer .rule-content h4{font-size:14px;font-weight:700;color:#333;}
.rule-layer .rule-content h4:not(:first-child){margin-top:20px;}
.rule-layer .rule-content p{font-size:14px;line-height:1.6;color:#333;}
.rule-layer .rule-refund-table{width:100%;margin-top:28px;border-collapse:collapse;table-layout:fixed;}
.rule-layer .rule-refund-table th,.rule-refund-table td{border:1px solid #999;padding:12px 10px;font-size:14px;line-height:1.35;color:#333;text-align:center;vertical-align:middle;}
.rule-layer .rule-refund-table th{background:#f5f5f5;font-weight:700;}
.rule-layer .rule-refund-table td{background:#fff;}

.rule-layer .rule-content .sub-tit {color:#333;font-size:13px;line-height:1.5;font-weight: 600;}
.rule-layer .rule-content h5 {margin:18px 0 6px;color:#111;font-size:14px;font-weight:bold}
.rule-list {margin:0 0 12px;padding:0;list-style:none}
.rule-list.m0 {margin: 0;}
.rule-list li {position:relative;margin-top:4px;padding-left:10px;color:#333;font-size:14px;line-height:1.5}
.rule-list li:before {content:'-';position:absolute;top:0;left:0}
.rule-list.star li:before {content:'*';position:absolute;top:0;left:0}
.rule-list li:first-child {margin-top:0}
.rule-campus-name {margin:0 0 12px;padding:8px 10px;background:#f7f7f7;color:#333;font-size:13px;line-height:1.4}
.rule-campus-name strong {display:inline-block;margin-right:8px;color:#111}
.rule-campus-panel {display:none}
.rule-campus-panel.is-on {display:block}
.rule-table-note {margin-top:8px;color:#666;font-size:12px;line-height:1.45}
.rule-refund-table caption {overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0)}

/* ==¿µ¼öÁõ È®ÀÎ Æ˾÷ */
.receipt-layer .popup-layer-wrap{width:530px;max-width:calc(100% - 32px);}
.receipt-layer .popup-layer-body{padding:16px 16px 32px;}
.receipt-layer .desc{margin-bottom:10px;color:#333;font-size:14px;line-height:1.5;}
.receipt-list{display:flex;flex-direction:column;gap:10px;}
.receipt-card{padding:12px;border:1px solid #E5E5E5;border-radius:8px;background:#fff;}
.receipt-card > strong{display:block;height:32px;padding:6px 12px;border-radius:8px;background:#F1F3F8;color:#333;font-size:14px;font-weight:700;}
.receipt-card dl{padding:12px 0 12px;}
.receipt-card dl div{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:#333;font-size:15px;}
.receipt-card dl div:first-child{margin-top:0;}
.receipt-card dt{font-weight:400;font-size: 14px;color: #333;}
.receipt-card dd{text-align:right;font-size: 15px;color: #333;}
.receipt-card dd em{font-style:normal;font-size:18px;font-weight:700;}
.btn-receipt-check{display:flex;align-items:center;justify-content:center;width:100%;height:36px;border:1px solid #DBDBDB;border-radius:6px;color:#555;font-size:15px;font-weight:500;}


/* ==¹Ù·Î °áÁ¦ Æ˾÷ */
.pay-pop .blind { position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0 0 0 0); }
.pay-pop { overflow:hidden; background:#fff;min-width: 360px; }
.pay-pop .pay-pop__head { display:flex; align-items:center; justify-content:space-between; height:50px; padding:0 16px; border-bottom:1px solid #ebebeb; box-sizing:border-box; }
.pay-pop .pay-pop__head h1 { margin:0; color:#333; font-size:18px; font-weight:700; line-height:1.4; letter-spacing:0; }
.pay-pop .pay-pop__close { position:relative; width:28px; height:28px; padding:0; }
.pay-pop .pay-pop__close:before, .pay-pop .pay-pop__close:after { content:''; position:absolute; left:50%; top:50%; width:24px; height:1.5px; margin-left:-12px; background:#111; }
.pay-pop .pay-pop__close:before { transform:rotate(45deg); }
.pay-pop .pay-pop__close:after { transform:rotate(-45deg); }
.pay-pop .pay-pop__body { padding:16px 16px 32px; box-sizing:border-box; }
.pay-pop .pay-pop__message { margin:0; color:#333; font-size:16px; font-weight:400; line-height:1.4; letter-spacing:0; text-align:center; }
.pay-pop .pay-pop__btns { display:flex; gap:8px; margin-top:24px; }
.pay-pop .pay-pop__btn { display:flex; align-items:center; justify-content:center; flex:1 1 0; min-width:0; height:36px; padding:0 8px; border-radius:6px; box-sizing:border-box; font-size:15px; font-weight:500; line-height:1.1; letter-spacing:0; text-align:center; }
.pay-pop .pay-pop__btn--primary { background:#2c5bf6; color:#fff; }
.pay-pop .pay-pop__btn--line { border:1px solid #dbdbdb; background:#fff; color:#555; }


/* =========================
   TA - LNB 
========================= */
@media (min-width:1024px) and (max-width:1199px) {
    /*°áÁ¦ ÆäÀÌÁöÀÇ ¸ðµç '³»¿ªÀÌ ¾ø½À´Ï´Ù' ¿µ¿ª ºÐ±âÁ¡ ¼öÁ¤*/
    .mypage-payment .list-empty {
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:8px;
        min-height:225px;
        padding:80px 16px;
        border:1px solid #dbdee5;
        border-radius:8px;
        background:#fff;
        text-align:center;
        margin:0;
    }

    .mypage-course .list-empty {
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:8px;
        min-height:225px;
        padding:80px 16px;
        border:1px solid #dbdee5;
        border-radius:8px;
        background:#fff;
        text-align:center;
        margin:0;
    }

    .seminar-mypage .list-empty {
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:8px;
        min-height:225px;
        padding:80px 16px;
        border:1px solid #dbdee5;
        border-radius:8px;
        background:#fff;
        text-align:center;
        margin:0;
    }
}

@media (min-width:1024px) and (max-width:1199px) {
    .mypage-course .list-count {
        height: auto;
        /* padding: 24px 0 12px; */
        border-bottom: 0;
        font-size: 15px;
        letter-spacing: -0.375px;
    }
}

@media (max-width:1023px) {
    .mypage-course .list-count {
        height: 40px;
        padding: 10px 14px;
        border-bottom: 1px solid #e4e4e4;
        font-size: 15px;
        letter-spacing: -0.15px;
    }
}

@media (max-width:1023px) {

    /* ¼­ºê Çì´õ ½ºÅ©·Ñ */
    /* .sub-header.is-fixed{position:fixed;left:0;top:60px;width:100%;z-index:99;background:#fff;}
    .sub-header-placeholder{display:none;height:0;}
    .sub-header-placeholder.is-active{display:block;height:54px;} */

    .mypage-wrap:has(.mypage-payment.payment) {grid-template-columns: 1fr !important;}
    .mypage-wrap:has(.mypage-payment.cart) {grid-template-columns: 1fr !important;}
    .mypage-wrap:has(.mypage-payment.wait) {grid-template-columns: 1fr !important;}
    .mypage-title-wrap {display: none;}

    /* °áÁ¦Á¤º¸(mypage-payment) > °áÁ¦Çϱâ(default) */
    .mypage-payment {padding: 0;}
    .mypage-payment .payment-count {border-bottom: 1px solid #E4E4E4;padding: 11px 14px;}
    .mypage-payment .content-wrap {padding: 16px 24px 32px;}
    .mypage-payment .payment-wait-wrap, .mypage-payment .payment-detail-wrap, .mypage-payment .payment-pay-wrap {margin-top: 0;}
    .mypage-payment .payment-body{display:block;padding:18px 8px 0;}
    .mypage-payment .payment-info{display:block;}
    .mypage-payment .payment-price{display:grid;grid-template-columns:1fr auto;width:100%;margin-top:14px;text-align:left;}
    .mypage-payment .payment-price span{margin-bottom:6px;}
    .mypage-payment .payment-price strong{margin-bottom:14px;font-size: 16px;}
    .mypage-payment .payment-btn{grid-column:1 / -1;width:100%;height:36px;margin-left:0;}
    .mypage-payment .payment-count {margin-bottom: 0;}
    .mypage-payment .list-count {padding: 10px 14px;}
    .mypage-payment .list-empty {margin-bottom: 32px;}

    /* °áÁ¦Á¤º¸(mypage-payment) > Àå¹Ù±¸´Ï(cart) > Àå¹Ù±¸´Ï List */
    .mypage-payment.cart .payment-count {border-bottom: 0;margin-bottom: 0;}
    .mypage-payment.cart .top-wrap {border-bottom: 1px solid #E4E4E4;align-items: center;}
    .mypage-payment.cart .top-wrap .payment-txt {margin-right: 14px;}

    .mypage-payment.cart .payment-body{display:block;position:relative;padding:18px 0px 14px 0;}
    .mypage-payment.cart .payment-body.is-open {border-bottom: 1px solid #eee;}
    .mypage-payment.cart .payment-delete{right: 8px;top: 20%;margin-top: 0;transform: translateY(-50%);}
    .mypage-payment.cart .payment-price{display:grid;grid-template-columns:1fr auto;align-items:end;width:100%;margin-top:16px;text-align:left;}
    .mypage-payment.cart .payment-detail-box{margin:16px 8px 16px;}
    .mypage-payment.cart .payment-total-row{display:flex;align-items:center;justify-content:space-between;padding:18px 0 0;}
    .mypage-payment.cart .payment-total-row > div{display:flex;flex-direction:column;align-items:flex-end;}
    .mypage-payment.cart .payment-total-row span{margin-bottom:14px;text-align:right;}
    .mypage-payment.cart .payment-btn{width:100%;min-width:220px;}
    .mypage-payment.cart .payment-total-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:18px 0 0;}
    .mypage-payment.cart .payment-total-row > div{display:contents;}
    .mypage-payment.cart .payment-total-row > strong{order:1;margin-left: 8px;}
    .mypage-payment.cart .payment-total-row span{order:2;margin-bottom:0;text-align:right;margin-right: 8px;}
    .mypage-payment.cart .payment-total-row .payment-btn{order:3;width:100%;margin-top:14px;}
    .mypage-payment.cart .payment-price span {margin-left: 8px;}
    .mypage-payment.cart .payment-price strong {margin-right: 8px;margin-bottom:0;}
    .mypage-payment.cart .payment-info {margin-left: 8px;}
    .mypage-payment.cart .payment-name {word-break: keep-all;}
    .mypage-payment.cart .payment-detail-box.is-open{margin-top: 16px;}

    /* °áÁ¦Á¤º¸(mypage-payment) > °áÁ¦´ë±â(wait), Àå¹Ù±¸´Ï(cart) > °áÁ¦Çϱâ ÆäÀÌÁö(online-pay) */
    .mypage-payment.online-pay .payment-pay-wrap {margin-top: 0;}
    .mypage-payment.online-pay .payment-pay-wrap .payment-method-wrap {grid-template-columns: 1fr;gap: 16px;margin-top: 16px;}
    .mypage-payment.online-pay .payment-pay-wrap .payment-action-wrap {max-width: unset;margin: 16px auto 0;}
    .mypage-payment.online-pay .payment-pay-wrap .payment-list {gap: 16px;}
    .mypage-payment.online-pay .payment-action-btn {width: 100%;}
    .mypage-payment.online-pay .payment-info {margin-left: 0;}
    .mypage-payment.online-pay .payment-price span {margin-left: 0;}
    .mypage-payment.online-pay .payment-pay-card .payment-price strong {margin-right: 0;font-weight: 700;}
    .mypage-payment.online-pay .payment-total-row > strong {margin-left: 0px;}
    .mypage-payment.online-pay .payment-total-row span {margin-right: 0px;}
    .mypage-payment.online-pay .payment-radio:last-of-type {margin-top: 10px;}
    .mypage-payment.online-pay .payment-rule-text {margin-top: 10px;}
    .mypage-payment.online-pay .list-empty {margin: 0;min-height: 170px;padding: 32px 0 0;;}
    .mypage-payment.online-pay .list-empty .pay-wrap {min-height: 42px;}
    .mypage-payment.online-pay .list-empty .pay-wrap p {font-size: 13px;}
    .mypage-payment.online-pay .list-empty .pay-wrap strong {font-size: 16px;}

    /* °áÁ¦Á¤º¸(mypage-payment) > °áÁ¦Çϱâ(payment) > °áÁ¦Çϱâ ÆäÀÌÁö */
    .mypage-payment.payment .payment-action-btn {width: 100%;}
    .mypage-payment.payment .payment-price {flex-direction: row;justify-content: space-between;align-items: center;flex: unset;margin-top: 0;gap: 16px;}
    .mypage-payment.payment .payment-price strong {margin-bottom: 0;}
    .mypage-payment.payment .payment-method-inner {padding: 16px;}
    .mypage-payment.payment .payment-rule-text {margin-top: 10px;}
    .mypage-payment.payment .mypage-s-wrap.online .payment-pay-wrap .payment-method-wrap {grid-template-columns: 1fr;gap: 16px;margin-top: 16px;}
    .mypage-payment.payment .mypage-s-wrap.online .payment-pay-wrap .payment-price {margin-top: 16px;}
    .mypage-payment.payment .payment-detail-item {flex-direction: column;gap: 16px;}
    .mypage-payment.payment .payment-detail-box {margin: 0 0 0px;padding: 12px 16px;}
    .mypage-payment.payment .payment-detail-box dl {grid-template-columns: 1fr;row-gap: 6px;}
    
    /* °áÁ¦Á¤º¸(mypage-payment) > °áÁ¦´ë±â(wait), Àå¹Ù±¸´Ï(cart) > °áÁ¦¿Ï·á */
    .mypage-payment .payment-complete-guide {max-width: unset;}
    .mypage-payment .payment-complete-wrap {padding: 0;}
    .mypage-payment .payment-complete-wrap .payment-action-wrap {max-width: unset;}
    .mypage-payment .content-wrap.complete {padding: 32px 24px 32px;}
}

/* =========================
   MO - LNB 
========================= */
@media (max-width:767px) {
   
    /* °áÁ¦Á¤º¸(mypage-payment) > °áÁ¦´ë±â(wait) */
    .mypage-payment .content-wrap {padding: 16px 16px 32px;}
    .mypage-payment .payment-body {padding: 12px 0 0;}
    .mypage-payment .payment-badge:first-of-type {margin-left: 4px;}
    .mypage-payment .payment-name {margin-left: 4px;margin-right: 4px;}
    .mypage-payment .payment-price span {margin-left: 4px;}
    .mypage-payment .payment-price strong {margin-right: 4px;}
    .mypage-payment .list-empty {margin-bottom: 0px;border-bottom: 0;}

    /* °áÁ¦Á¤º¸(mypage-payment) > °áÁ¦Çϱâ*/
    .sub-header.is-fixed{position:fixed;left:0;top:55px;width:100%;z-index:99;}
    .mypage-payment .payment-campus {font-size: 14px;padding: 0 12px;height: 32px;border-radius: 6px;}
    .mypage-payment .payment-badge {font-size: 12px;}
    .mypage-payment .payment-name {font-size: 15px;}
    .mypage-payment .payment-price span {font-size: 13px;}
    .mypage-payment .payment-btn, .payment-action-btn {font-size: 13px;}
    .mypage-payment .payment-btn {height: 32px;}

    /* °áÁ¦Á¤º¸(mypage-payment) > Àå¹Ù±¸´Ï(cart) > Àå¹Ù±¸´Ï List */
    .mypage-payment.cart .content-wrap {padding: 16px 0 32px;}
    .mypage-payment.cart .payment-list {padding: 0 16px 0;}
    .mypage-payment.cart .payment-delete {top: 26px;}
    .mypage-payment.cart .payment-count {padding: 11px 14px;}
    .mypage-payment.cart .top-wrap .payment-txt {font-size: 12px;}
    .mypage-payment.cart .payment-price strong {font-weight: 400;font-size: 14px;}
    .mypage-payment.cart .payment-body {padding: 12px 0 12px;}
    .mypage-payment.cart .payment-price {margin-top: 12px;}
    .mypage-payment.cart .payment-total-row {padding: 12px 0 0;}
    .mypage-payment.cart .payment-total-row .payment-btn {margin-top: 12px;}
    .mypage-payment.cart .payment-badge-wrap {margin-bottom: 6px;}
    .mypage-payment.cart .payment-detail-box dl{display:grid;grid-template-columns:1fr;gap:8px;}
    .mypage-payment.cart .payment-detail-box dl div{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;}
    .mypage-payment.cart .payment-detail-box dl div dd{text-align:right;word-break: break-all;}
    .mypage-payment.cart .payment-info {margin-left: 0px;}
    .mypage-payment.cart .payment-price span {margin-left: 4px;}
    .mypage-payment.cart .payment-price strong {margin-right: 4px;}
    .mypage-payment.cart .payment-total-row span {margin-right: 4px;}
    .mypage-payment.cart .payment-campus {height: 32px;}
    .mypage-payment.cart .payment-detail-box {margin: 12px 6px 0;padding: 12px 16px;}
    .mypage-payment.cart .payment-detail-box.is-open{margin-top: 12px;}

    /* °áÁ¦Á¤º¸(mypage-payment) > °áÁ¦Çϱâ(payment) > °áÁ¦Çϱâ ÆäÀÌÁö */
    .mypage-payment.payment .content-wrap {padding: 16px 16px 32px;}
    .mypage-payment.payment .payment-total-title {margin-top: 20px;}
    .mypage-payment.payment .payment-detail-item {gap: 12px;}
    .mypage-payment.payment .payment-detail-card {padding: 12px;}
    .mypage-payment.payment .payment-detail-item {padding: 12px 8px 16px;}
    .mypage-payment.payment .payment-detail-item:last-of-type {padding: 12px 8px 0px;}
    .mypage-payment.payment .mypage-s-wrap.online .payment-pay-wrap .payment-price {margin-top: 12px;}

    /* °áÁ¦Á¤º¸(mypage-payment) > °áÁ¦´ë±â(wait), Àå¹Ù±¸´Ï(cart) > °áÁ¦Çϱâ ÆäÀÌÁö(online-pay) */
    .mypage-payment.online-pay .payment-pay-card .payment-price strong {font-weight: 400;}
    .mypage-payment.online-pay .content-wrap {padding: 16px 16px 32px;}
    .mypage-payment.online-pay .payment-list {padding: unset;}
    .mypage-payment.online-pay .payment-total-row > strong {font-size: 13px;}
    .mypage-payment.online-pay .payment-pay-card .payment-total-row span {font-size: 16px;}
    .mypage-payment.online-pay .payment-total-row {padding: 13px 4px 0;}
    .mypage-payment.online-pay .payment-method-inner {padding: 12px 16px 12px;height: unset;}
    .mypage-payment.online-pay .payment-radio:first-of-type {margin-top: unset;}
    .mypage-payment.online-pay .payment-radio span {font-size: 14px;}
    .mypage-payment.online-pay .payment-check span {font-size: 14px;}
    .mypage-payment.online-pay .payment-rule-text {font-size: 14px;}
    .mypage-payment.online-pay .payment-rule-text a {font-size: 13px;}
    .mypage-payment.online-pay .payment-action-btn {font-size: 13px;height: 32px;}

    /* °áÁ¦Á¤º¸(mypage-payment) ³» Æ˾÷ */
    .popup-layer-wrap {max-width: 360px;width:calc(100% - 32px);margin: 0 auto;}
    .popup-layer-body .desc {font-size: 14px;}
    .tbl-scroll-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}

    .payment-layer .payment-layer-total span {font-size: 13px;}
    .payment-layer .payment-layer-total strong {font-size: 16px;}
    .payment-layer .payment-layer-table {min-width:500px;}
    .payment-layer .rule-refund-table{min-width:600px;}

    .virtual-layer .popup-layer-wrap {height: unset;}
    .rule-layer .rule-refund-table{min-width:600px;}

    .receipt-layer .popup-layer-wrap{width:360px;}
	.receipt-layer .popup-layer-body{padding:16px 16px 32px;}
	.receipt-layer .desc{font-size:15px;}
	.receipt-card dd em{font-size:16px;}
    .receipt-card dt {font-size: 13px;}
    .receipt-layer .desc {font-size: 14px;}
    .btn-receipt-check {font-size: 13px;height: 32px;}

    .pay-pop .pay-pop__message {font-size: 14px;}
    .pay-pop .pay-pop__btn {font-size: 13px;height: 32px;}
    

    /* °áÁ¦Á¤º¸(mypage-payment) > °áÁ¦´ë±â(wait), Àå¹Ù±¸´Ï(cart) > °áÁ¦¿Ï·á */
    .mypage-payment .content-wrap.complete {padding: 32px 16px;}
    .mypage-payment .payment-complete-icon {width: 40px;height: 35px;}
    .mypage-payment .payment-complete-title {margin-top: 8px;font-size: 16px;}
    .mypage-payment .payment-complete-guide > div p {font-size: 13px;}
    .mypage-payment .payment-complete-guide {padding: 12px 16.5px;}
    .mypage-payment .payment-complete-wrap .payment-action-btn {font-size: 13px;height: 32px;}

}


/* °áÁ¦Á¤º¸(mypage-payment) > °áÁ¦³»¿ª(history) */
.mypage-payment.history .payment-wait-wrap{margin-top:0;}
.mypage-payment.history .tab-e .tab-list {gap: 0;}
.mypage-payment.history .tab .tab-btn {flex: 1;height: 58px;font-size: 16px;font-weight: 700;}
.mypage-payment.history .tab .tab-btn.is-on {color: #2C5BF6;}
.mypage-payment.history .tab-e .tab-btn.is-on::after {height: 3px;background: #2C5BF6;}

.mypage-payment.history .history-list{display:flex;flex-direction:column;gap:24px;margin-top:16px;}
.mypage-payment.history .payment-card{padding:14px 14px 16px;border-color:#DBDEE5;}
.mypage-payment.history .payment-card:hover {border-color:#2C5BF6;}
.mypage-payment.history .date-tit{margin:0 0 8px;color:#333;font-size:16px;font-weight:400;}
.mypage-payment.history .payment-campus{padding: 0 16px;font-size: 18px;}
.mypage-payment.history .payment-body{padding: 16px 8px 0px;flex-direction: column;gap: 12px;}
.mypage-payment.history .payment-body .middle-wrap {display: flex;}
.mypage-payment.history .payment-status{margin-top:13px;color:#333;font-size:14px;}
.mypage-payment.history .payment-status a{font-weight:700;font-size: 15px;}
.mypage-payment.history .payment-status.write a {color: #2C5BF6;}
.mypage-payment.history .payment-status.not-write a {color: #ED2024;}
.mypage-payment.history .payment-detail-btn{display: inline-flex;align-items: center;justify-content: center;width: 104px;height: 32px;border-radius: 6px;background: #2C5BF6;color: #fff;font-size: 15px;font-weight: 500;text-decoration: none;}
.mypage-payment.history .payment-price span{margin-bottom: 0;}
.mypage-payment.history .payment-price strong{font-size:18px;margin-bottom: 0;}
.mypage-payment.history .payment-body .btm-wrap {display: flex;justify-content: space-between;}
.mypage-payment.history .payment-cancel-btn{color:#777;font-size:15px;text-decoration:underline;}
.payment-card:has(.payment-status) .payment-cancel-btn{margin-top: -30px;}

.mypage-payment.history .history-notice{margin-top:32px;padding:24px;border-radius:8px;background:#F8F8F8;color:#777;font-size:14px;line-height:1.6;}
.mypage-payment.history .history-notice strong{display:block;margin-bottom:4px;color:#555;font-size:16px;}
.mypage-payment.history .history-notice p{position:relative;margin:0;padding-left:8px;}
.mypage-payment.history .history-notice p:before{content:"¡¤";position:absolute;left:0;top:0;}

/* ¼¿·ºÆ® ¹Ú½º */
.mypage-payment.history .select-wrap.custom-select{position:relative;width:288.6666px;height:31px;}
.mypage-payment.history .select-wrap.custom-select .select-btn{width:100%;height:31px;padding:0 36px 0 14px;border:1px solid #DBDEE5;border-radius:4px;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='%23555' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat right 14px center / 12px 8px;color:#333;font-size:13px;text-align:left;}
.mypage-payment.history .select-wrap.custom-select.is-open .select-btn{border-color:#2C5BF6;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 6.5L6 1.5L11 6.5' stroke='%23555' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");}
.mypage-payment.history .select-wrap.custom-select.open .select-btn{border-color:#2C5BF6;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 6.5L6 1.5L11 6.5' stroke='%23555' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");}
.mypage-payment.history .select-wrap.custom-select .select-list{ display:none;position:absolute;left:0;top:31px;z-index:20;width:100%;max-height:198px;margin:0;padding:0;border:1px solid #2C5BF6;border-radius:4px;;background:#fff;overflow-y:auto;list-style:none;}
.mypage-payment.history .select-wrap.custom-select.is-open .select-list{display:block;}
.mypage-payment.history .select-wrap.custom-select.open .select-list{display:block;}
.mypage-payment.history .select-wrap.custom-select .select-list button{display:block;width:100%;height:39px;padding:0 14px;border:0;background:#fff;color:#333;font-size:13px;text-align:left;}
.mypage-payment.history .select-wrap.custom-select .select-list button:hover{background:#F1F3F8;}
.mypage-payment.history .list-empty {margin-top: 24px;}


/* °áÁ¦Á¤º¸(mypage-payment) > °áÁ¦³»¿ª(history) > »ó¼¼³»¿ª(detail) */
.mypage-payment.payment .detail-history .payment-detail-card{padding:16px 14px 18px;}
.mypage-payment.payment .detail-history .payment-date{margin:0 0 10px;color:#333;font-size:16px;font-weight:400;}
.mypage-payment.payment .detail-history .payment-detail-item{padding:18px 8px 16px;align-items:center;}
.mypage-payment.payment .detail-history .payment-detail-item:last-of-type {padding: 18px 8px 0;}
.mypage-payment.payment .detail-history .payment-detail-item+.payment-detail-item{border-top:1px solid #EDEDED;}
.mypage-payment.payment .detail-history .payment-detail-info{display:block;}
.mypage-payment.payment .detail-history .payment-price{position:relative;flex:0 0 170px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;text-align:right;}
.mypage-payment.payment .detail-history .payment-price>span,.mypage-payment.payment .detail-history .payment-price-toggle{display:inline-flex;align-items:center;margin:0 0 4px;border:0;background:none;color:#333;font-size:14px;font-weight:400;}
.mypage-payment.payment .detail-history .payment-price strong{margin:0;}
.mypage-payment.payment .detail-history .payment-price-detail{display:none;margin:0 0 8px;padding:8px 12px;background:#F8F8F8;}
.mypage-payment.payment .detail-history .payment-price-detail p{display:flex;justify-content:space-between;gap:20px;margin:0;color:#777;font-size:12px;line-height:1.7;}
.mypage-payment.payment .detail-history .payment-price-detail em{color:#333;font-style:normal;font-size:13px;}
.mypage-payment.payment .detail-history .payment-info-head{display:flex;align-items:flex-end;justify-content:space-between;margin-top:30px;border-bottom:1px solid #555;}
.mypage-payment.payment .detail-history .payment-info-head .payment-total-title{margin:0;padding-bottom:12px;border-bottom:0;}
.mypage-payment.payment .detail-history .payment-info-head span{padding-bottom:13px;color:#777;font-size:14px;}
.mypage-payment.payment .detail-history .payment-total-box dl > div{display:flex;justify-content:space-between;align-items:center;margin-top:0;padding:10px 0;}
.mypage-payment.payment .detail-history .payment-total-box dl > div:not(:first-of-type) {padding-top: 0px;}
.mypage-payment.payment .detail-history .payment-total-box dl > div:nth-of-type(3)  {padding-top: 10px;}
.mypage-payment.payment .detail-history .payment-total-box dl > div:first-of-type {padding: 16px 0 10px;}
.mypage-payment.payment .detail-history .payment-total-box dl > div dt,.mypage-payment.payment .detail-history .payment-total-box dl div dd{font-size:15px;color:#333;font-weight:400;}
.mypage-payment.payment .detail-history .payment-total-box dl > div.sub{display:none;padding:16px;background:#F8F8F8;border-bottom:0;}
.mypage-payment.payment .detail-history .payment-total-box dl > div.sub dt{color:#777;font-size:13px;}
.mypage-payment.payment .detail-history .payment-total-box dl > div.sub dd{color:#333;font-size:13px;}
.mypage-payment.payment .detail-history .payment-total-box dl > div.total{padding:3px 0 0;border-bottom:0;}
.mypage-payment.payment .detail-history .payment-total-box dl:has(div:nth-child(5).is-open) div.total{padding:13px 0 0;}
.mypage-payment.payment .detail-history .payment-total-box dl:has(div:nth-child(3).is-open) .sub:nth-child(4) {margin-bottom: 10px;}

.mypage-payment.payment .detail-history .payment-total-box dl > div.total dt{font-size:16px;font-weight:700;}
.mypage-payment.payment .detail-history .payment-total-box dl > div.total dd{color:#ED2024;font-size:20px;font-weight:700;}
.mypage-payment.payment .detail-history .payment-total-box dl .has-detail:nth-of-type(3){border-top:1px solid #EBEBEB;}
.mypage-payment.payment .detail-history .payment-action-wrap{justify-content:center;margin-top:24px;}
.mypage-payment.payment .detail-history .payment-action-btn{width:244px;height:36px;border-color:#DBDBDB;color:#555;background:#fff;}
.mypage-payment.payment .payment-total-box dt a:after{display:none;}
.mypage-payment.payment .payment-price span{color:#777;}

.payment-total-toggle{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:#222;font-size:15px;cursor:pointer;}
.payment-price-toggle:after,.payment-total-toggle:after{content:"";width:7px;height:7px;border-right:1px solid #777;border-bottom:1px solid #777;transform:rotate(45deg);margin-top:-4px;transition:transform .2s ease,margin .2s ease;margin-left: 4px;}
.payment-price-toggle.is-open:after,.payment-total-toggle.is-open:after{transform:rotate(-135deg);margin-top:4px;}

.payment-total {display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:#222;font-size:15px;cursor:pointer;}

/* °áÁ¦Á¤º¸(mypage-payment) > Ãë¼Ò³»¿ª(history_cancel) */
.mypage-payment.history.cancel .payment-price span em {color: #ED2024;}
.mypage-payment.history.cancel .payment-body .middle-wrap {position: relative;}
.mypage-payment.history.cancel .payment-price {position: absolute;top: 50%;transform: translateY(-10%);right: 0;}

.mypage-payment.history .search-wrap .period.only-ta-mo-style {display: none;}

/* =========================
   TA - LNB 
========================= */
@media (max-width:1199px){
    .mypage-payment.history .select-wrap.custom-select {width: unset !important;}
    .mypage-payment.history .search-wrap {grid-template-columns: minmax(140px, 1.65fr) minmax(74px, .65fr) minmax(74px, .65fr) minmax(74px, .65fr) minmax(240px, 1.75fr) 67px;}
    .mypage-payment.history .search-wrap .period {width: unset;}
}

@media (max-width:1023px){
    .mypage-payment.history .search-wrap {grid-template-columns: repeat(4, 1fr);}
	.mypage-payment.history .select-wrap{grid-column:1 / -1;width:100%;height:30px;}

    .mypage-payment.history .search-wrap .date-group,.search-wrap .search-btn{display:none;}
    .mypage-payment.history .search-wrap.is-period-open .date-group{display:grid;}
    .mypage-payment.history .search-wrap.is-period-open .search-btn{display:block;}

    .mypage-payment.history .select-wrap.custom-select{grid-column:1 / -1;width:100%;height:30px;}
    .mypage-payment.history .select-wrap.custom-select .select-btn{height:30px;}
    .mypage-payment.history .select-wrap.custom-select .select-list{top:30px;}
    .mypage-payment.history	.search-wrap .date-group{grid-column:1 / span 3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:100%;display: none;}



	/* .mypage-wrap:has(.mypage-payment.history){display:block;}
    .mypage-payment.history .search-wrap .period.only-ta-mo-style {display: block;} */
	.mypage-wrap:has(.mypage-payment.history){display:flex;}
    .mypage-payment.history .search-wrap .period.only-ta-mo-style {display: block;}

    /* °áÁ¦Á¤º¸(mypage-payment) > °áÁ¦³»¿ª(history) */
	.mypage-payment.history .history-list{padding:0 16px;gap:16px;}
	.mypage-payment.history .history-notice{padding:16px 24px;border-radius:0;}
	.mypage-payment.history .payment-card{padding:16px 16px 24px;}
	.mypage-payment.history .payment-body .middle-wrap{flex-direction:column;}
	.mypage-payment.history .payment-price{flex:unset;margin-top:16px;}
	.mypage-payment.history .payment-body .btm-wrap{gap:8px;margin-top:16px;}
	.mypage-payment.history .payment-detail-btn{height:36px;}
    .mypage-payment.history .payment-status {margin-top: 16px;}
	.mypage-payment.history .payment-body .btm-wrap > a,.mypage-payment.history .payment-cancel-btn{display:flex;justify-content:center;align-items:center;flex:1;}
	.mypage-payment.history .payment-cancel-btn{margin-top:0;border:1px solid #DBDEE5;border-radius:6px;background:#EDEDED;color:#777;font-size:15px;font-weight:500;line-height:110%;letter-spacing:-0.375px;text-align:center;text-decoration:none;}
	.mypage-payment.history .select-wrap,     .search-wrap .period,     .search-wrap .search-btn,     .search-wrap .date{width:100%;min-width:0;}
    .mypage-payment.history .select-wrap.custom-select{width:100%;min-width:0;}
    .mypage-payment.history .list-empty {margin-top: 0px;margin: 0;}



    /* °áÁ¦Á¤º¸(mypage-payment) > °áÁ¦³»¿ª(history) > »ó¼¼³»¿ª(detail) */
    .mypage-payment.payment .detail-history .payment-detail-item {align-items: flex-start;}
    .mypage-payment.payment .detail-history .payment-price {text-align: left;align-items: flex-start;flex: 1;}
    .mypage-payment.payment .detail-history .payment-price-detail {width: 100%;}
    .mypage-payment.payment .detail-history .payment-info-head {margin-top: 20px;}
    .mypage-payment.payment .detail-history .payment-detail-item{display:block;padding:16px 8px;}
	.mypage-payment.payment .detail-history .payment-detail-info{display:block;}
	.mypage-payment.payment .detail-history .payment-price-detail{margin: 0;}
    .mypage-payment.payment .detail-history .payment-price{display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;margin-top:12px;text-align:left;flex:none;gap: 8px;}
	.mypage-payment.payment .detail-history .payment-price-toggle{grid-column:1;grid-row:1;justify-self:start;}
	.mypage-payment.payment .detail-history .payment-price strong{grid-column:2;grid-row:1;justify-self:end;margin:0;line-height:1;font-size: 18px;}
	.mypage-payment.payment .detail-history .payment-price-detail{grid-column:1 / -1;grid-row:2;padding:12px 16px;background:#F8F8F8;}
	.mypage-payment.payment .detail-history .payment-price-detail p{display:flex;justify-content:space-between;align-items:center;margin:0;}
	.mypage-payment.payment .detail-history .payment-price-detail p + p{margin-top:12px;}
	.mypage-payment.payment .detail-history .payment-price-detail span{display:block;margin:0;}
	.mypage-payment.payment .detail-history .payment-price-detail em{font-style:normal;}
    .mypage-payment.payment .detail-history .payment-action-wrap {margin-top: 20px;}

    /* °áÁ¦Á¤º¸(mypage-payment) > Ãë¼Ò³»¿ª(history_cancel) */
    .mypage-payment.history.cancel .payment-price {position: unset;}

}

/* =========================
   MO - LNB 
========================= */
@media (max-width:767px){
    /* °áÁ¦Á¤º¸(mypage-payment) > °áÁ¦³»¿ª(history) */
    .mypage-payment.history .tab-e .tab-list {width: 100%;}
    .mypage-payment.history .tab .tab-btn {height: 37px;font-size: 14px;}
    .mypage-payment.history .payment-status {margin: 12px 4px 0 4px;display: flex;justify-content: space-between;}
    .mypage-payment.history .payment-price {margin-top: 12px;}
    .mypage-payment.history .date-tit {font-size: 14px;}
    .mypage-payment.history .payment-campus {font-size: 14px;}
    .mypage-payment.history .payment-status {font-size: 13px;}
    .mypage-payment.history .payment-status a {font-size: 16px;}
    .mypage-payment.history .payment-campus em {font-size: 13px;}
    /* .mypage-payment.history .search-wrap .date-group,.search-wrap .search-btn{display:none;}
    .mypage-payment.history .search-wrap.is-period-open .date-group{display:grid;}
    .mypage-payment.history .search-wrap.is-period-open .search-btn{display:block;} */
	/* .mypage-payment.history .select-wrap{grid-column:1 / -1;width:100%;height:30px;}
    .mypage-payment.history .select-wrap.custom-select{grid-column:1 / -1;width:100%;height:30px;}
    .mypage-payment.history .select-wrap.custom-select .select-btn{height:30px;}
    .mypage-payment.history .select-wrap.custom-select .select-list{top:30px;} */
    .mypage-payment.history .payment-card {padding: 12px;}
    .mypage-payment.history .payment-body {padding: 12px 0 0;}

    /* °áÁ¦Á¤º¸(mypage-payment) > °áÁ¦³»¿ª(history) > »ó¼¼³»¿ª(detail) */
    .mypage-payment.payment .detail-history .payment-date {font-size: 14px;margin:  0 0 4px;}
    .mypage-payment.payment .detail-history .payment-detail-card {padding: 12px;}
    .mypage-payment.payment .detail-history .payment-detail-item{padding:12px 0px 8px;}
    .mypage-payment.payment .detail-history .payment-detail-item:last-of-type{padding:12px 0px 0px;}
    .mypage-payment.payment .detail-history .payment-price {padding: 0 4px 0;}
    .mypage-payment.payment .detail-history .payment-info-head .payment-total-title {font-size: 14px;padding-bottom: 11px;}
    .mypage-payment.payment .detail-history .payment-info-head span {font-size: 13px;}
    .mypage-payment.payment .detail-history .payment-total-box dl > div:first-of-type {padding: 12.5px 0 9px;}
    .mypage-payment.payment .detail-history .payment-total-box dl:has(div:nth-child(5).is-open) div.total {padding: 9px 0 0;}
    .mypage-payment.payment .detail-history .payment-action-btn {width: 100%;height: 32px;}
    
    /* .mypage-payment.history .search-wrap {grid-template-columns: repeat(4, 1fr);} */
}
/* ==================================================
    End - °áÁ¦Á¤º¸(mypage-payment)
================================================== */


/* =====================================================================
    START - survey_list (¼ö°­¸¸Á·µµ)
===================================================================== */
.survey-list{width:100%;color:#333;}
.survey-list *{box-sizing:border-box;}
.survey-list .mypage-tab{margin-top: 6px;}
.survey-list .sv-filter{display:flex;gap:12px;padding:20px 16px;background:#f8f8f8;}
.survey-list:not(.is-ended) .sv-filter__field--year{display:none;}
.survey-list .sv-filter__field{flex:1 1 0;min-width:0;}
.survey-list .select-wrap.custom-select{display:block;width:100%;}
.survey-list .select-wrap.custom-select .select-btn{width:100%;}
.survey-list .sv-panel{padding-top:24px;}
.survey-list .sv-card-list{display:flex;flex-direction:column;gap:24px;}
.survey-list .sv-card{overflow:hidden;width:100%;padding:16px 16px 24px;border:1px solid #dbdee5;border-radius:8px;background:#fff;}
.survey-list .sv-card__campus{display:flex;align-items:center;min-height:44px;padding:0 16px;border-radius:8px;background:#f1f3f8;color:#333;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:-0.18px;}
.survey-list .sv-card__body{display:flex;align-items:center;gap:24px;padding:16px 8px 0;}
.survey-list .sv-card__info{flex:1 1 auto;min-width:0;}
.survey-list .sv-chip{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:2px 8px;border:1px solid #dbdbdb;color:#333;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-0.14px;white-space:nowrap;}
.survey-list .sv-card__title{margin-top:8px;color:#333;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:-0.16px;}
.survey-list .sv-card__date{display:flex;align-items:center;gap:20px;margin-top:16px;padding:0 8px;white-space:nowrap;}
.survey-list .sv-card__date span{position:relative;color:#777;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-0.14px;}
.survey-list .sv-card__date span:before{content:"";display:inline-block;width:2px;height:2px;margin:0 6px 4px 0;border-radius:50%;background:#777;vertical-align:middle;}
.survey-list .sv-card__date em{color:#333;font-size:16px;font-style:normal;font-weight:400;line-height:1.4;letter-spacing:-0.16px;}
.survey-list .sv-card__btn{flex:0 0 170px;width:170px;height:36px;border-radius:6px;background:#2c5bf6;color:#fff;font-size:15px;font-weight:500;line-height:1.1;letter-spacing:-0.375px;text-align:center;}
.survey-list .sv-card.is-ended .sv-card__btn{border:1px solid #dbdee5;background:#ededed;color:#777;cursor: default;transform: none;filter: none;}
@media (min-width:768px) and (max-width:1023px) {
    .survey-list .sv-panel{padding:0 0 32px;}
    .survey-list .sv-card-list{gap:16px;padding:16px 24px 0;}
    .survey-list .sv-card__body{flex-direction:column;align-items:stretch;gap:16px;padding:16px 8px 0;}
    .survey-list .sv-card__btn{flex-basis:auto;width:100%;}
}
@media (max-width:767px) {
    .survey-list .sv-filter{gap:6px;min-height:62px;padding:12px 16px;}
    .survey-list .sv-panel{padding:0 0 32px;}
    .survey-list .sv-card-list{gap:12px;padding:16px 16px 0;}
    .survey-list .sv-card{padding:16px;border-color:#e5e5e5;}
    .survey-list .sv-card__campus{min-height:32px;padding:0 12px;border-radius:6px;font-size:14px;line-height:1.5;letter-spacing:-0.14px;}
    .survey-list .sv-card__body{display:block;padding:12px 4px 0;}
    .survey-list .sv-chip{min-height:21px;padding:2px 4px;font-size:12px;line-height:1.4;letter-spacing:-0.3px;}
    .survey-list .sv-card__title{margin-top:4px;font-size:15px;letter-spacing:0;}
    .survey-list .sv-card__date{gap:16px;margin-top:12px;padding:0;white-space:normal;}
    .survey-list .sv-card__date span{flex:0 0 auto;font-size:13px;letter-spacing:-0.13px;}
    .survey-list .sv-card__date em{min-width:0;font-size:13px;line-height:1.5;letter-spacing:-0.13px;word-break:keep-all;}
    .survey-list .sv-card__btn{width:100%;height:32px;margin-top:12px;font-size:13px;letter-spacing:-0.325px;}
}

/* ¸¶ÀÌÆäÀÌÁö °øÅë ¼­ºêŸÀÌƲ(PC) */
.mypage-wrap.all-wrap .mypage-title-wrap{height:35px;padding-bottom:17px;border-bottom:1px solid #dbdee5;box-sizing:border-box}
.mypage-wrap.all-wrap .mypage-title{margin:0;color:#333;font-size:18px;font-weight:600;line-height:1;letter-spacing:-0.45px}
@media (max-width:1023px){
    .mypage-wrap.all-wrap .mypage-title-wrap{display:none}
}
/* // ¸¶ÀÌÆäÀÌÁö °øÅë ¼­ºêŸÀÌƲ(PC) */

/* ==================================================
    END - survey_list (¼ö°­¸¸Á·µµ)
================================================== */


/* =====================================================================
    START - apply_guide (¿Â¶óÀÎ ¿ø¼­Á¢¼ö ³»¿ª)
===================================================================== */
.apply-history{width:100%;color:#333;}
.apply-history *{box-sizing:border-box;}
.apply-history .mypage-tab{margin-top: 6px;}
.apply-history .ag-filter{display:flex;gap:12px;padding:20px 16px;background:#f8f8f8;}
.apply-history .ag-filter__field{flex:1 1 0;min-width:0;}
.apply-history .select-wrap.custom-select{display:block;width:100%;}
.apply-history .select-wrap.custom-select .select-btn{width:100%;}
.apply-history .ag-panel{padding-top:24px;}
.apply-history .ag-panel[hidden]{display:none;}
.apply-history .ag-card-list{display:flex;flex-direction:column;gap:24px;}
.apply-history .ag-card{overflow:hidden;width:100%;padding:16px 16px 24px;border:1px solid #dbdee5;border-radius:8px;background:#fff;}
.apply-history .ag-card__campus{display:flex;align-items:center;min-height:44px;padding:0 16px;border-radius:8px;background:#f1f3f8;color:#333;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:-0.18px;}
.apply-history .ag-card__body{display:flex;align-items:center;gap:32px;padding:16px 8px 0;}
.apply-history .ag-card__info{display:flex;flex:1 1 auto;flex-direction:column;gap:16px;min-width:0;}
.apply-history .ag-card__summary{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;}
.apply-history .ag-chip{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:2px 8px;border:1px solid #dbdbdb;background:#fff;color:#333;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-0.14px;white-space:nowrap;}
.apply-history .ag-card__title{width:100%;color:#333;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:-0.16px;word-break:keep-all;}
.apply-history .ag-detail{display:flex;flex-direction:column;gap:8px;width:100%;padding:16px 24px;background:#f8f8f8;}
.apply-history .ag-detail div{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0;}
.apply-history .ag-detail dt{position:relative;flex:0 0 auto;color:#777;font-size:13px;font-weight:400;line-height:1.5;letter-spacing:-0.13px;}
.apply-history .ag-detail dt:before{content:"";display:inline-block;width:2px;height:2px;margin:0 6px 4px 0;border-radius:50%;background:#777;vertical-align:middle;}
.apply-history .ag-detail dd{min-width:0;color:#333;font-size:13px;font-style:normal;font-weight:400;line-height:1.5;letter-spacing:-0.13px;text-align:right;word-break:keep-all;}
.apply-history .ag-pay.is-unpaid{color:#ed2024;}
.apply-history .ag-pay.is-complete{color:#333;}
.apply-history .ag-pay.is-cancelled{color:#333;}
.apply-history .ag-card__actions{display:flex;flex:0 0 170px;flex-direction:column;gap:8px;width:170px;}
.apply-history .ag-card__actions > a{
    display:inline-flex;align-items:center;justify-content:center;width:100%;height:36px;
    font-size:15px;font-weight:500;line-height:1.1;letter-spacing:-0.375px;text-align:center;
}
.apply-history .ag-con__btn{ border:1px solid #555;background:#fff;color:#555;}
.apply-history .ag-pay__btn{ border:1px solid #2c5bf6;background:#2c5bf6;color:#fff;}
.apply-history .ag-con__txt{ border:1px solid transparent;background:transparent;color:#333; cursor: default;transform: none;}
@media (max-width:1023px){
    .apply-history .ag-con__txt{ display: none !important;}
}
@media (min-width:768px) and (max-width:1023px) {
	.apply-history .ag-filter{padding:20px 16px;}
	.apply-history .ag-panel{padding:0 0 32px;}
	.apply-history .ag-card-list{gap:16px;padding:16px 24px 0;} 
	.apply-history .ag-card{padding:16px 16px 24px;}
	.apply-history .ag-card__body{flex-direction:column;align-items:stretch;gap:16px;padding:16px 8px 0;}
	.apply-history .ag-detail{gap:6px;padding:12px 16px;}
	.apply-history .ag-detail dt,.apply-history .ag-detail dd{font-size:14px;letter-spacing:-0.14px;}
	.apply-history .ag-card__actions{flex:0 0 auto;flex-direction:row;width:100%;}
    .apply-history .ag-card__actions > a{ flex:1 1 0;}
}
@media (max-width:767px) {
	.apply-history .ag-filter{gap:6px;height:62px;padding:16px;}
	.apply-history .ag-panel{padding:0 0 32px;}
	.apply-history .ag-card-list{gap:12px;padding:16px 16px 0;}
	.apply-history .ag-card--mo-hidden{display:none;}
	.apply-history .ag-card{padding:12px;border-color:#e5e5e5;}
	.apply-history .ag-card__campus{min-height:32px;padding:0 12px;border-radius:6px;font-size:14px;line-height:1.5;letter-spacing:-0.14px;}
	.apply-history .ag-card__body{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:12px 4px 0;}
	.apply-history .ag-card__info{gap:12px;}
	.apply-history .ag-card__summary{gap:4px;}
	.apply-history .ag-chip{min-height:21px;padding:2px 4px;font-size:12px;line-height:1.4;letter-spacing:-0.3px;}
	.apply-history .ag-card__title{font-size:15px;line-height:1.4;letter-spacing:0;}
	.apply-history .ag-detail{gap:2px;padding:12px 16px;}
	.apply-history .ag-detail div{gap:16px;}
	.apply-history .ag-detail dt,.apply-history .ag-detail dd{font-size:13px;line-height:1.5;letter-spacing:-0.13px;}
	.apply-history .ag-card__actions{flex:0 0 auto;flex-direction:row;gap:8px;width:100%;}
	.apply-history .ag-card__actions > a {flex:1 1 0;height:32px;font-size:13px;letter-spacing:-0.325px;}
}
/* ==================================================
    END - apply_guide (¿Â¶óÀÎ ¿ø¼­Á¢¼ö ³»¿ª)
================================================== */


/* ==================================================
    START - jinhak-mng(¼ö½Ã/Á¤½Ã Áö¿ø´ëÇÐ)
================================================== */
.jinhak-mng {color:#333;font-family:'Pretendard Variable','Pretendard','Malgun Gothic',sans-serif;}
.jinhak-mng * {box-sizing:border-box;}
.jinhak-mng .mypage-title-wrap {padding-bottom:17px;border-bottom:1px solid #dbdee5;}
.jinhak-mng .mypage-title {margin:0;color:#333;font-size:18px;font-weight:600;line-height:1;letter-spacing:-0.45px;}
.jinhak-mng .mypage-tab {margin-top:0px;}
.jinhak-mng .mypage-tab__list {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));border-bottom:1px solid #dbdee5;}
.jinhak-mng .mypage-tab__btn {margin-top: 7px; position:relative;display:flex;align-items:center;justify-content:center;height:50px;border:0;background:#fff;color:#555;font-size:16px;font-weight:600;line-height:1.4;letter-spacing:-0.4px;text-decoration:none;}
.jinhak-mng .mypage-tab__btn.is-on {color:#2c5bf6;}
.jinhak-mng .mypage-tab__btn.is-on:after {content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#2c5bf6;}
.jinhak-mng .jinhak-panel {padding-top:24px;}
.jinhak-mng .jinhak-title {margin:0 0 16px;color:#333;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:-0.45px;}
.jinhak-mng .jinhak-actions {display:grid;grid-template-columns:244px 244px;gap:16px;margin-bottom:25px;}
.jinhak-mng .jinhak-btn {display:inline-flex;align-items:center;justify-content:center;width:100%;height:36px;border-radius:6px;font-family:inherit;font-size:15px;font-weight:500;line-height:1.4;letter-spacing:-0.375px;cursor:pointer;}
.jinhak-mng .jinhak-btn-primary {border:1px solid #2c5bf6;background:#2c5bf6;color:#fff;}
.jinhak-mng .jinhak-btn-line {border:1px solid #777;background:#fff;color:#333;}
.jinhak-mng .list-count {margin:0 0 16px;padding:0;color:#333;font-size:15px;font-weight:500;line-height:1.4;letter-spacing:-0.375px;}
.jinhak-mng .list-empty {display:flex;align-items:center;justify-content:center;min-height:236px;margin:0;padding:96px 5px;border:1px solid #e5e5e5;border-radius:8px;background:#fff;}
.jinhak-mng .list-empty.not-support {background: #F8F8F8;border: 0;}
.jinhak-mng .list-empty.not-support p {color: #333;font-size: 15px;}
.jinhak-mng .list-empty p {margin:0;color:#777;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-0.375px;text-align:center;}
.jinhak-mng .jinhak-save {display:flex;justify-content:center;margin-top:16px;}
.jinhak-mng .jinhak-save .jinhak-btn {width:244px;}

.jinhak-mng .jinhak-list {display:flex;flex-direction:column;gap:16px;}
.jinhak-mng .jinhak-card {border:1px solid #e5e5e5;border-radius:8px;background:#fff;position: relative;}
.jinhak-mng .jinhak-card__top {display:flex;justify-content:space-between;gap:24px;padding:24px 32px;background:#f8f8f8;border-radius: 8px 8px 0 0;}
.jinhak-mng .jinhak-card__info strong {display:block;margin-bottom:11px;color:#333;font-size:16px;font-weight:700;line-height:1.4;}
.jinhak-mng .jinhak-card__info p {margin:4px 0 0;color:#333;font-size:14px;line-height:1.4;letter-spacing:-0.35px;white-space: nowrap;}
.jinhak-mng .jinhak-card__info p span {display:inline-block;margin-right:12px;color:#777;}

.jinhak-mng .jinhak-card__info strong  > span{position:relative;margin-right:8px;padding-right:8px;color:#777;font-weight:600;font-size: 16px;}
.jinhak-mng .jinhak-card__info strong  > span:after{content:'';position:absolute;top:50%;right:0;background:#B4B8C3;transform:translateY(-50%);width: 1px;height: 14px;}

.jinhak-mng .jinhak-card__state {display:flex;align-items:flex-start;gap:6px;flex:0 0 auto;margin-right: 38px;}
.jinhak-mng .jinhak-badge {display:inline-flex;align-items:center;justify-content:center;min-width:41px;height:25px;padding:0 8px;border:1px solid currentColor;font-size:14px;font-weight:400;line-height:1;}
.jinhak-mng .jinhak-badge {color:#777;}
.jinhak-mng .jinhak-badge.is-pass {color:#2c5bf6;}
.jinhak-mng .jinhak-badge.is-fail {color:#ed2024;}
.jinhak-mng .jinhak-del {position:absolute;top: 16px;right: 16px; width:20px;height:20px;padding:0;border:0;background:transparent;cursor:pointer;}
.jinhak-mng .jinhak-del:before,.jinhak-mng .jinhak-del:after {content:"";position:absolute;left:50%;top:50%;width:20px;height:1px;background:#555;}
.jinhak-mng .jinhak-del:before {transform:translate(-50%, -50%) rotate(45deg);}
.jinhak-mng .jinhak-del:after {transform:translate(-50%, -50%) rotate(-45deg);}
.jinhak-mng .jinhak-card__form {display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:20px 34.5px;padding:24px 32px;}
.jinhak-mng .jinhak-field,.jinhak-mng .jinhak-check {display:flex;align-items:center;gap:24px;min-width:0;}
.jinhak-mng .jinhak-field > span,.jinhak-mng .jinhak-check > span {flex:0 0 auto;color:#333;font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-0.35px;}
.jinhak-mng .jinhak-field input {width:100%;height:42px;padding:0 18px;border:1px solid #dbdee5;border-radius:4px;background:#fff;color:#333;font-family:inherit;font-size:14px;}
.jinhak-mng .jinhak-field input::placeholder {color:#999;}
.jinhak-mng .jinhak-check {grid-column:1 / -1;}
.jinhak-mng .jinhak-check > div {display: flex;align-items: center;}
.jinhak-mng .jinhak-check > div label {margin-right: 12px;}
.jinhak-mng .jinhak-check > div em {color:#333;font-size:15px;font-style:normal;line-height:1.4;letter-spacing:-0.35px;}

.jinhak-mng .jinhak-field .custom-dropdown {position:relative;width:100%;height:42px;min-width:0;}
.jinhak-mng .jinhak-field .custom-dropdown .select-btn {display:flex;align-items:center;justify-content:space-between;width:100%;height:42px;padding:0 18px;}

.jinhak-check-item .checkbox { display: flex; align-items: center; justify-content: center; cursor: pointer; }
.jinhak-check-item .checkbox svg:first-child { display: none; }
.jinhak-check-item.is-checked .checkbox svg:first-child { display: flex; }
.jinhak-check-item.is-checked .checkbox svg:last-child { display: none; }


@media (max-width:1023px) {
	.mypage-wrap:has(.jinhak-mng) {display:flex;}
    .jinhak-mng .mypage-title-wrap {display:none;}

	.jinhak-mng .mypage-tab {margin-top:0;}
	.jinhak-mng .jinhak-panel {padding:24px 24px 32px;}
	.jinhak-mng .list-empty {min-height:213px;}
    .jinhak-mng .list-count {padding: 0;height: unset;border-bottom: 0;}
    
    .jinhak-mng .jinhak-card__state {margin-right: 36px;}
	.jinhak-mng .jinhak-card__top {padding:24px 32px;}
	.jinhak-mng .jinhak-card__form {grid-template-columns:1fr;gap:12px;padding:24px 32px;}
    .jinhak-mng .jinhak-field,.jinhak-mng .jinhak-check {gap: 24px;}
    .jinhak-mng .jinhak-check {margin-top: 10px;}
    .jinhak-mng .jinhak-field:first-of-type span {margin-right: 0;}
    .jinhak-mng .jinhak-check span {margin-right: 0;}
    .jinhak-mng .jinhak-actions {justify-content:start;}
}

@media (max-width:767px) {
    .jinhak-mng .jinhak-actions {grid-template-columns:1fr 1fr;}

	.jinhak-mng .mypage-tab__btn {height:37px;font-size:14px;letter-spacing:-0.35px;}
	.jinhak-mng .jinhak-panel {padding:0;}
	.jinhak-mng .jinhak-panel .jinhak-head {padding:32px 16px 20px;border-bottom: 8px solid #F4F5F7;}
	.jinhak-mng .jinhak-title {margin-bottom:14px;font-size:16px;letter-spacing:-0.4px;}
	.jinhak-mng .jinhak-actions {gap:10px;margin-bottom:0px;}
	.jinhak-mng .jinhak-btn {height:32px;font-size:13px;letter-spacing:-0.35px;}
	.jinhak-mng .list-count {font-size:14px;letter-spacing:-0.35px;padding: 10px 14px;border-bottom: 1px solid #E4E4E4;margin-bottom: 0;}
	.jinhak-mng .list-empty {min-height:134px;border-radius:6px;margin: 16px;padding: 64px 5px;}
	.jinhak-mng .list-empty p {font-size:14px;letter-spacing:-0.35px;}
	.jinhak-mng .jinhak-save {margin:16px 16px 48px;}
	.jinhak-mng .jinhak-save .jinhak-btn {width:100%;}

	.jinhak-mng .jinhak-list {gap:16px;margin: 16px;}
	.jinhak-mng .jinhak-card {border-radius:6px;}
	.jinhak-mng .jinhak-card__top {padding:14px 16px;gap:6px;flex-direction: column-reverse;align-items: flex-start;}
	.jinhak-mng .jinhak-card__info strong {margin-bottom:8px;font-size:15px;}
    .jinhak-mng .jinhak-card__info strong > span {font-size: 15px;}
	.jinhak-mng .jinhak-card__info p {font-size:13px;}
	.jinhak-mng .jinhak-card__state {flex-wrap:wrap;}
	.jinhak-mng .jinhak-badge {min-width:unset;height:21px;font-size:12px;padding: 0 4px;}
	.jinhak-mng .jinhak-del {width:22px;height:22px;margin-left:8px;}
	.jinhak-mng .jinhak-card__form {padding:16px;gap: 10px;}
	.jinhak-mng .jinhak-field > span,.jinhak-mng .jinhak-check > span {display:block;width:auto;padding-top:0;font-size:14px;}
	.jinhak-mng .jinhak-check {align-items:center;margin-top: 8px;}
	.jinhak-mng .jinhak-check em {font-size:13px;}

	.jinhak-mng .jinhak-field .custom-dropdown {height:38px;}
	.jinhak-mng .jinhak-field .custom-dropdown .select-btn {height:38px;font-size:14px;}
	.jinhak-mng .jinhak-field .custom-dropdown .select-list {top:38px;}
	.jinhak-mng .jinhak-field .custom-dropdown .option {height:36px;font-size:14px;}

    .jinhak-mng .jinhak-field input {height: 38px;}
    .jinhak-mng .jinhak-check > div em {font-size: 14px;}
}
/* ==================================================
    END - jinhak-mng(¼ö½Ã/Á¤½Ã Áö¿ø´ëÇÐ)
================================================== */


/* ==================================================
    START - jinhak popup(¼ö½Ã/Á¤½Ã Áö¿ø´ëÇÐ Ãß°¡ Æ˾÷)
================================================== */
.jinhak-mng.popup{max-width:530px;margin:0 auto;background:#fff;color:#222;font-family:'Pretendard Variable','Pretendard','Malgun Gothic',sans-serif;letter-spacing:-.35px;box-sizing:border-box}
.jinhak-mng.popup *{box-sizing:border-box}
.jinhak-mng.popup .container{width:100%}
.jinhak-mng.popup .jinhak-pop-head{display:flex;align-items:center;position:relative;height:50px;padding:11px 16px;border-bottom:1px solid #ededed;background:#fff}
.jinhak-mng.popup .jinhak-pop-body{margin:16px 16px 32px}
.jinhak-mng.popup .jinhak-pop-title{margin:0;font-size:18px;font-weight:700;line-height:53px}
.jinhak-mng.popup .jinhak-pop-close{position:absolute;top:13px;right:16px;width:28px;height:28px;padding:0;border:0;background:transparent;cursor:pointer;font-size:0}
.jinhak-mng.popup .jinhak-pop-close:before,.jinhak-mng.popup .jinhak-pop-close:after{content:'';position:absolute;top:11px;left:0;width:28px;height:2px;background:#111}
.jinhak-mng.popup .jinhak-pop-close:before{transform:rotate(45deg)}
.jinhak-mng.popup .jinhak-pop-close:after{transform:rotate(-45deg)}
.jinhak-mng.popup .jinhak-search-desc,.jinhak-mng.popup .jinhak-table-desc{margin:0 0 10px;color:#333;font-size:16px;font-weight:400;line-height:1.4}
.jinhak-mng.popup .jinhak-search{margin:0 0 16px;padding:24px;border:0;background:#F1F3F8}
.jinhak-mng.popup .jinhak-search legend,.jinhak-mng.popup .jinhak-table caption{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0)}
.jinhak-mng.popup .jinhak-search-row{display:grid;grid-template-columns:1fr;gap:12px}
.jinhak-mng.popup .jinhak-field{display:grid;grid-template-columns:92px 1fr;gap:24px;align-items:center}
.jinhak-mng.popup .jinhak-label{position:relative;color:#333;font-size:15px;font-weight:600;line-height:1.4;white-space:nowrap}
.jinhak-mng.popup .jinhak-required{margin-left:2px;color:#ED2024}
.jinhak-mng.popup .jinhak-input{display:block;width:100%;height:42px;padding:0 18px;border:1px solid #DBDEE5;border-radius:6px;background:#fff;color:#333;font-size:14px;line-height:45px}
.jinhak-mng.popup .jinhak-input::placeholder{color:#999}
.jinhak-mng.popup .jinhak-input:focus{border-color:#3159f5;outline:0}
.jinhak-mng.popup .jinhak-search-btn{display:flex;align-items:center;justify-content:center;width:100%;height:36px;margin-top:4px;border:0;border-radius:5px;background:#2C5BF6;color:#fff;font-size:15px;font-weight:500;cursor:pointer}
.jinhak-mng.popup .jinhak-table-wrap{overflow-y:auto;overflow-x:hidden;max-height:312px;background:#fff}
.jinhak-mng.popup .jinhak-table-wrap::-webkit-scrollbar{width:10px}
.jinhak-mng.popup .jinhak-table-wrap::-webkit-scrollbar-track{background:#fff}
.jinhak-mng.popup .jinhak-table-wrap::-webkit-scrollbar-thumb{border:2px solid #fff;border-radius:6px;background:#777}
.jinhak-mng.popup .jinhak-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;color:#333;font-size:14px;text-align:center;background:#e5e5e5}
.jinhak-mng.popup .jinhak-table th{position:sticky;top:0;z-index:1;height:52px;padding:10px 6px;border:0;background:#F8F8F8;font-weight:400;box-shadow:inset -1px 0 #e5e5e5,inset 0 -1px #e5e5e5,inset 0 1px #e5e5e5}
.jinhak-mng.popup .jinhak-table td{height:56px;padding:9px 6px;border:0;background:#fff;font-weight:400;font-size:13px;color:#333;line-height:1.4;vertical-align:middle;word-break:auto-phrase;box-shadow:inset -1px 0 #e5e5e5,inset 0 -1px #e5e5e5}
.jinhak-mng.popup .jinhak-link{color:#3159f5;text-decoration:underline;text-underline-offset:3px}

@media (max-width:767px){
	.jinhak-mng.popup{width:100%}
	.jinhak-mng.popup .jinhak-search{padding:16px}
	.jinhak-mng.popup .jinhak-field{grid-template-columns:88px 1fr;gap:12px}
	.jinhak-mng.popup .jinhak-input{height:38px;padding:0 9px}
	.jinhak-mng.popup .jinhak-table{font-size:13px}
	.jinhak-mng.popup .jinhak-table th,.jinhak-mng.popup .jinhak-table td{padding:9px 6px;font-size:13px}
	.jinhak-mng.popup .jinhak-search-desc,.jinhak-mng.popup .jinhak-table-desc{font-size:14px}
	.jinhak-mng.popup .jinhak-search-row{gap:10px}
	.jinhak-mng.popup .jinhak-label{font-size:14px}
	.jinhak-mng.popup .jinhak-search-btn{height:32px;font-size:13px}
}
/* ==================================================
    END - jinhak popup(¼ö½Ã/Á¤½Ã Áö¿ø´ëÇÐ Ãß°¡ Æ˾÷)
================================================== */


/* ==================================================
    START - ¸Þ°¡½º¸¶Æ®¸®Æ÷Æ®
================================================== */
/* =========================
MEGA SMART REPORT
========================= */
.my-msr {display:flex;flex-direction:column; color: #333;}

/* CHILD SELECT */
.msr-search {margin-top: 24px; background:#f8f8f8;padding:20px 16px;display:flex;flex-direction:column;gap:8px;}
.msr-search__label {font-size:14px;line-height:1.5;letter-spacing:-0.14px;}

/* YEAR BAR */
.msr-year-bar {padding-bottom:16px;}
.msr-year-bar__txt {font-size:15px;font-weight:500;letter-spacing:-0.375px;line-height:1;}

/* REPORT LIST */
.msr-list-wrap {display:flex;flex-direction:column; margin-top: 24px;}
.msr-list {list-style:none;margin:0;display:flex;flex-direction:column;gap:clamp(12px, calc(12px + (24 - 12) * ((100vw - 360px) / 840)), 24px);}
.msr-item {display:flex;align-items:center;justify-content:space-between; padding: clamp(16px, calc(16px + (32 - 16) * ((100vw - 360px) / 840)), 32px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 360px) / 840)), 24px); background:#fff;border:1px solid #e5e5e5;border-radius:8px;}
.msr-item__inner {flex:1;min-width:0;display:flex;align-items:center;gap:24px;}
.msr-item.is-done .msr-item__inner {justify-content:space-between;}
.msr-item__badge {display:flex;align-items:center;justify-content:center;width: clamp(50px, calc(50px + (70 - 50) * ((100vw - 360px) / 840)), 70px);aspect-ratio: 1/1;background:#f1f3f8;border-radius:50%;font-size:clamp(14px, calc(14px + (18 - 14) * ((100vw - 360px) / 840)), 18px);font-weight:700;color:#2c5bf6;line-height:1.4;text-align:center;letter-spacing:-0.18px;}
.msr-item__txt {flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;}
.msr-item__tit-row {display:flex;align-items:center;gap:6px;}
.msr-item__tit {font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-0.2px;}
.msr-badge-new {display:inline-flex;align-items:center;justify-content:center;width: 14px; aspect-ratio: 1/1; padding-bottom: 1px; background:#fff;border:1px solid #ebebeb;border-radius:999px;font-size:9px;font-weight:700;color:#fc4f3f;line-height:1;}
.msr-item__date {font-size:15px;color:#777;letter-spacing:-0.15px;}
.msr-item__done-txt {display:none;font-size:15px;font-weight:500;color:#777;letter-spacing:-0.375px;line-height:1.1;white-space:nowrap;}
.msr-item.is-done .msr-item__done-txt {display:block;}
.msr-item__action {display: flex; align-items: center; gap: 32px}
.msr-item__dl-btn {display:flex;align-items:center;justify-content:center;min-width:170px;padding:12px 16px;background:#2c5bf6;border-radius:6px;font-size:15px;font-weight:500;color:#fff;text-align:center;letter-spacing:-0.375px;line-height:1.1;}
.msr-dl-done-btn {display:none;}

@media (min-width:1024px) and (max-width: 1199px) {
    .my-msr {padding-right: 20px;}
}

/* =========================
TABLET (max-width: 1023px)
========================= */
@media (max-width:1023px)  {
    .my-msr {}
    .mypage-wrap .my-msr .list-empty {margin-bottom: 32px;}

    .msr-search {margin: 0; gap:6px;}
    .msr-select .select-btn {height:30px;font-size:13px;letter-spacing:-0.26px;}
    .msr-list-wrap  {margin-top: 0;}
    .msr-year-bar {padding:13px 14px;border-bottom:1px solid #e4e4e4;}
    .msr-year-bar__txt {font-size:14px;letter-spacing:-0.14px;}
    .msr-list {padding:16px 16px 32px;}
    .msr-item {flex-direction:column;align-items:stretch;gap:12px;}
    .msr-item__badge {width:50px;height:50px;font-size:14px;line-height:1.5;letter-spacing:-0.14px;}
    .msr-item__tit {font-size:18px;letter-spacing:-0.18px;}
    .msr-item__date {font-size:13px;letter-spacing:-0.13px;}
    .msr-item__done-txt {display:none !important;}
    .msr-item__action {width:100%;}
    .msr-item__dl-btn {width:100%;padding:9px 16px;font-size:13px;}
    .msr-item.is-done .msr-item__dl-btn {display:none;}
    .msr-item.is-done .msr-dl-done-btn {display: flex; color:#fff;}
}

/* =========================
Mobile (max-width: 767px)
========================= */
@media (max-width:767px)  {
    .msr-search {padding:16px;}

    .msr-item__inner {gap:20px;}
}
/* ==================================================
    END - ¸Þ°¡½º¸¶Æ®¸®Æ÷Æ®
================================================== */

/* ==================================================
    START - ³ªÀÇ ÇпøÁ¤º¸ > ¼ö°­³»¿ª
================================================== */
.mypage-course{display:block;max-width:100%;overflow:hidden}
.mypage-course .mypage-title-wrap{height:35px;padding-bottom:17px;border-bottom:1px solid #dbdee5;box-sizing:border-box}
.mypage-course .mypage-title{margin:0;color:#333;font-size:18px;font-weight:600;line-height:1;letter-spacing:-0.45px}
.mypage-course .mypage-tab{margin-top:6px}
.mypage-course .mypage-tab__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid #dbdee5}
.mypage-course .mypage-tab__btn{position:relative;display:flex;align-items:center;justify-content:center;height:52px;border:0;background:#fff;color:#555;font-size:16px;font-weight:500;line-height:1.4;letter-spacing:-0.32px;text-decoration:none}
.mypage-course .mypage-tab__btn.is-on{color:#2c5bf6;font-weight:700}
.mypage-course .mypage-tab__btn.is-on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#2c5bf6}
.mypage-course .course-filter{display:flex;align-items:center;gap:12px;width:100%;padding:20px 16px;background:#f8f8f8;box-sizing:border-box}
.mypage-course .course-filter .custom-select{position:relative;width:100%}
.mypage-course .course-filter .select-btn{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:31px;padding:0 32px 0 12px;border:1px solid #dbdee5;border-radius:4px;background:#fff;color:#333;font-size:14px;line-height:31px;letter-spacing:-0.28px;text-align:left;box-sizing:border-box}
.mypage-course .course-filter .select-list{display:none;position:absolute;left:0;top:35px;z-index:20;width:100%;max-height:210px;overflow-y:auto;border:1px solid #dbdee5;background:#fff;box-sizing:border-box}
.mypage-course .course-filter .is-open .select-list{display:block}
.mypage-course .course-filter .select-list button{display:block;width:100%;padding:9px 12px;color:#333;font-size:14px;line-height:18px;text-align:left}
.mypage-course .course-filter .select-list button:hover{background:#f1f3f8}
.mypage-course .course-filter .course-year-select{position:relative;width:100%}
.mypage-course .course-filter .course-year-select__btn{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:31px;padding:0 32px 0 12px;border:1px solid #dbdee5;border-radius:4px;background:#fff;color:#333;font-size:14px;line-height:31px;letter-spacing:-0.28px;text-align:left;box-sizing:border-box}
.mypage-course .course-filter .course-year-select__list{display:none;position:absolute;left:0;top:35px;z-index:20;width:100%;max-height:210px;overflow-y:auto;border:1px solid #dbdee5;background:#fff;box-sizing:border-box}
.mypage-course .course-filter .course-year-select.is-open .course-year-select__list{display:block}
.mypage-course .course-filter .course-year-select__list button{display:block;width:100%;padding:9px 12px;color:#333;font-size:14px;line-height:18px;text-align:left}
.mypage-course .course-filter .course-year-select__list button:hover{background:#f1f3f8}
.mypage-course .course-count{display:flex;align-items:flex-end;width:100%;height:26px;padding-bottom:12px;color:#333;font-size:15px;line-height:1;box-sizing:border-box}
.mypage-course .course-count strong{color:#2c5bf6;font-weight:500}

.mypage-course .mypage-list{display:flex;flex-direction:column;gap:0;margin:24px 0 32px}
.mypage-course .mypage-count{height:26px;margin:0;padding-bottom:12px;color:#333;font-size:15px;font-weight:400;line-height:1;letter-spacing:-0.375px;box-sizing:border-box}
.mypage-course .mypage-count strong{color:#2c5bf6;font-weight:500}
.mypage-course .mypage-items{display:flex;flex-direction:column;gap:24px}
.mypage-course .mypage-item{padding:16px 16px 24px;border:1px solid #dbdee5;border-radius:8px;background:#fff;box-sizing:border-box}
.mypage-course .item-head{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 16px;border-radius:8px;background:#f1f3f8}
.mypage-course .item-campus{color:#333;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:-0.18px}

.mypage-course .item-pay{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 8px;border:1px solid #ed2024;border-radius:999px;color:#ed2024;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-0.14px}
.mypage-course .item-pay.wait {color: #333;border: 1px solid #333;}
.mypage-course .item-pay.ing {color: #2C5BF6;border: 1px solid #2C5BF6;}

.mypage-course .item-body{display:grid;grid-template-columns:1fr 120px;gap:24px;align-items:center;padding:16px 8px 0}
.mypage-course .item-content{min-width:0}
.mypage-course .item-chip{display:inline-flex;align-items:center;height:26px;margin-bottom:8px;padding:0 8px;border:1px solid #d9d9d9;background:#fff;color:#333;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-0.14px}
.mypage-course .item-title{margin:0 0 16px;color:#333;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:-0.16px}
.mypage-course .item-info{display:flex;flex-direction:column;gap:6px;padding:12px 16px;background:#f8f8f8}
.mypage-course .info-row{display:grid;grid-template-columns:60px 1fr;gap:10px;color:#333;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-0.14px}
.mypage-course .info-label{color:#777}
.mypage-course .info-value{color:#333;text-align:right}
.mypage-course .info-value i {font-style: normal;}
.mypage-course .item-state{display:flex;align-items:center;justify-content:center;width:120px;color:#333;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:-0.16px}
.mypage-course .item-state.is-ing{color:#2c5bf6}
.mypage-course .item-state.is-end{color:#B1B1B1}
.mypage-course .mypage-empty{display:flex;align-items:center;justify-content:center;min-height:160px;border:1px solid #d8dde6;border-radius:8px;background:#fff;color:#777;font-size:16px;text-align:center}
.mypage-course .mypage-more-wrap{margin-top:0px;text-align:center}
.mypage-course .mypage-more{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:120px;height:36px;padding-left:8px;border:1px solid #dbdbdb;border-radius:6px;background:#fff;color:#555;font-size:15px;font-weight:500;line-height:1.1;letter-spacing:-0.375px;cursor:pointer}
.mypage-course .mypage-more:after{content:"";display:block;width:7px;height:7px;margin-top:-3px;border-right:1.5px solid #555;border-bottom:1.5px solid #555;transform:rotate(45deg)}
/* .mypage-course .only-mo-style {display: none;} */
.mypage-course .only-mo-style .item-pay.wait {display: none;}
.mypage-course .only-mo-style .item-pay.ing {display: none;}
@media (min-width:768px){
    .mypage-course .info-value i.only-pc-ta{display:inline !important;font-style:normal;}
}

@media (max-width:1023px) {
    .mypage-course .mypage-list {margin: 10px 0 0px;}
    .mypage-course .mypage-count {border-bottom: 1px solid #E4E4E4;padding-left: 14px;padding-bottom: 0;}
    .mypage-course .mypage-items{gap:16px;padding: 16px 24px 0;}
    .mypage-course .mypage-tab{margin-top:0}

    .mypage-course .mypage-item{padding:16px}
    .mypage-course .item-body{grid-template-columns:1fr;gap:20px;}
    .mypage-course .item-title{font-size:16px}
    .mypage-course .info-row{font-size:14px}
    .mypage-course .item-state{font-size:16px;display: none;}
    /* .mypage-course .only-mo-style .item-pay.ing {display: block;} */
    .mypage-course .mypage-list {margin: 0px 0 32px;}

    .mypage-course .only-mo-style {display: block;}
    .mypage-course .only-mo-style .item-pay.ing {display: inline-block;}
    .mypage-course .only-mo-style .item-pay.wait {display: inline-block;}

}

@media (max-width:767px){
    .mypage-course .mypage-tab__list,.mypage-course .course-filter,.mypage-course .mypage-list,.mypage-course .mypage-items,.mypage-course .mypage-item{width:100%;max-width:100%;box-sizing:border-box}
    .mypage-course .mypage-title-wrap{margin-bottom:20px}
    .mypage-course .mypage-tab__btn{height:37px;font-size:15px}
    .mypage-course .course-filter{padding:16px;gap: 6px;}
    .mypage-course .mypage-items{gap:12px;padding: 16px 16px 0;}
    .mypage-course .mypage-item{padding:12px}
    .mypage-course .info-row{font-size:13px}
    .mypage-course .item-head{min-height:32px;padding:0 14px;border-radius: 6px;}
    .mypage-course .item-campus{font-size:14px}
    .mypage-course .item-pay{height:22px;padding:0 10px;font-size:13px}
    .mypage-course .item-body{display:block;padding:12px 0 0}
    .mypage-course .item-chip{height:21px;margin-bottom:10px;font-size:12px}
    .mypage-course .item-title{margin-bottom:12px;font-size:15px}
    .mypage-course .item-info{gap:6px;padding:12px 16px}
    .mypage-course .info-value{text-align:right;word-break:keep-all;overflow-wrap:anywhere}
    .mypage-course .item-state{justify-content:flex-start;width:auto;margin-top:14px;font-size:16px}
    .mypage-course .btn-more {margin-bottom: 32px;}
}

.mypage-course.parents .course-filter {flex-direction: column;align-items: flex-start;gap: 8px;}
.mypage-course.parents .course-filter p {color: #333;font-size: 14px;}
.mypage-course.parents .mypage-tab{margin-top:6px}
.mypage-course.parents .course-empty-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;min-height:120px;margin-top:24px;padding:60px 16px;border:1px solid #dbdee5;border-radius:8px;background:#fff;text-align:center;box-sizing:border-box}
.mypage-course.parents .course-empty-text{margin:0;color:#777;font-size:15px;font-weight:400;line-height:1.4;letter-spacing:-0.15px}
.mypage-course.parents .course-empty-btn{display:flex;align-items:center;justify-content:center;width:244px;height:42px;padding:0;border:1px solid #777;border-radius:4px;background:#fff;color:#222;font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-0.3px;text-align:center;text-decoration:none;box-sizing:border-box}

@media (max-width:1023px) {
    .mypage-course.parents .course-empty-box{margin-top:0px;border: 0;padding: 40px 0 56px;}
}

@media (max-width:767px) {
    .mypage-course.parents .course-empty-box{width:auto;padding:40px 16px 72px;border-radius:6px;gap: 16px;}
    .mypage-course.parents .course-empty-text{font-size:14px;letter-spacing:-0.35px}
    .mypage-course.parents .course-empty-btn{width:100%;height:40px;font-size:14px;letter-spacing:-0.28px}
}



/* ==================================================
    END - ³ªÀÇ ÇпøÁ¤º¸ > ¼ö°­³»¿ª
================================================== */


/* ==================================================
    START - ¸¶ÀÌÆäÀÌÁöȨ
================================================== */
/* ÇлýÁ¤º¸+¼ö°­ÀÎÁõ */
.mypage-home {display: flex; flex-direction: column; padding-right: 10px;}
.home-info {padding-top: 32px;}
.home-info .info-content {padding-bottom:23px}
.home-info .grade {margin-bottom:11px}
.home-info .grade [class*="btn-"] {display: inline-flex; padding:5px 8px;border-radius:99px;font-size:13px;font-weight:500;letter-spacing:-0.325px;line-height:1; border: 1px solid;}
.home-info .grade .btn-unified {color:#2C5BF6;}
.home-info .grade .btn-uni-switch {color:#fff; border-color:#2C5BF6; background: #2C5BF6;}
.home-info .name-row {display:flex;align-items:center;justify-content:space-between;gap:8px}
.home-info .name-row .left {font-size:22px;color:#222;letter-spacing:-0.55px;line-height:1}
.home-info .name-row b {font-weight:700}

.btn-underline {flex-shrink:0;font-size:15px;color:#777;letter-spacing:-0.375px;text-decoration:underline;text-underline-offset:3px}
.btn-underline:hover {text-decoration:underline;}

.home-info .auth-content {padding: 16px 20px;  border-top: 1px solid #EDEDED; border-bottom : 1px solid #EDEDED;}
.home-info .auth-content .auth-list {display: flex;}
.home-info .auth-content .auth-list > li {position: relative; display: flex; align-items: center; gap: 10px; font-size: 14px;}
.home-info .auth-content .auth-list > li + li {padding-left: 48px;}
.home-info .auth-content .auth-list > li + li:before {content:''; position: absolute; left: 24px; width: 1px; height: 100%; background: #EDEDED;}

.home-info .auth-content .status {display: flex; gap: 4px; align-items: center; font-size: 13px; color:#777;}
.home-info .auth-content .status a[class*="status-"] {display: inline-flex; align-items: center; color: #777; text-decoration: underline; text-underline-offset:3px;}
.home-info .auth-content .status a[class*="status-"]:before{content:''; display: block; width: 12px; margin-right: 3px; aspect-ratio: 1/1; background-repeat: no-repeat; background-position: center; background-size: contain;}
.home-info .auth-content .status a.status-done {color: #2C5BF6;}
.home-info .auth-content .status .status-done:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M5.14286 8.32028L3 6.177L3.60557 5.57143L5.14286 7.10828L8.39357 3.85714L9 4.46357L5.14286 8.32028Z' fill='%232C5BF6'/%3E%3Cpath d='M6 0C4.81331 0 3.65328 0.351894 2.66658 1.01118C1.67989 1.67047 0.910851 2.60754 0.456725 3.7039C0.0025997 4.80026 -0.11622 6.00665 0.115291 7.17054C0.346802 8.33443 0.918247 9.40352 1.75736 10.2426C2.59648 11.0818 3.66557 11.6532 4.82946 11.8847C5.99335 12.1162 7.19974 11.9974 8.2961 11.5433C9.39246 11.0891 10.3295 10.3201 10.9888 9.33342C11.6481 8.34672 12 7.18669 12 6C12 4.4087 11.3679 2.88258 10.2426 1.75736C9.11742 0.632141 7.5913 0 6 0ZM6 11.1429C4.98284 11.1429 3.98852 10.8412 3.14278 10.2761C2.29705 9.71102 1.63787 8.90782 1.24862 7.96808C0.859371 7.02835 0.757526 5.99429 0.955964 4.99668C1.1544 3.99906 1.64421 3.08269 2.36345 2.36345C3.08269 1.64421 3.99906 1.1544 4.99668 0.955961C5.9943 0.757523 7.02835 0.859369 7.96809 1.24862C8.90782 1.63787 9.71103 2.29704 10.2761 3.14278C10.8412 3.98852 11.1429 4.98284 11.1429 6C11.1429 7.36397 10.601 8.67207 9.63655 9.63655C8.67208 10.601 7.36397 11.1429 6 11.1429Z' fill='%232C5BF6'/%3E%3C/svg%3E");}
.home-info .auth-content .status .status-undone:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M6 0C4.81331 0 3.65328 0.351894 2.66658 1.01118C1.67989 1.67047 0.910851 2.60754 0.456725 3.7039C0.0025997 4.80026 -0.11622 6.00665 0.115291 7.17054C0.346802 8.33443 0.918247 9.40352 1.75736 10.2426C2.59648 11.0818 3.66557 11.6532 4.82946 11.8847C5.99335 12.1162 7.19974 11.9974 8.2961 11.5433C9.39246 11.0891 10.3295 10.3201 10.9888 9.33342C11.6481 8.34672 12 7.18669 12 6C12 4.4087 11.3679 2.88258 10.2426 1.75736C9.11742 0.632141 7.5913 0 6 0ZM6 11.1429C4.98284 11.1429 3.98852 10.8412 3.14278 10.2761C2.29705 9.71102 1.63787 8.90782 1.24862 7.96808C0.859371 7.02835 0.757526 5.99429 0.955964 4.99668C1.1544 3.99906 1.64421 3.08269 2.36345 2.36345C3.08269 1.64421 3.99906 1.1544 4.99668 0.955961C5.9943 0.757523 7.02835 0.859369 7.96809 1.24862C8.90782 1.63787 9.71103 2.29704 10.2761 3.14278C10.8412 3.98852 11.1429 4.98284 11.1429 6C11.1429 7.36397 10.601 8.67207 9.63655 9.63655C8.67208 10.601 7.36397 11.1429 6 11.1429Z' fill='%23555555'/%3E%3Cpath d='M6.42857 2.57143H5.57143V7.28571H6.42857V2.57143Z' fill='%23555555'/%3E%3Cpath d='M6 8.57143C5.87286 8.57143 5.74857 8.60913 5.64285 8.67977C5.53713 8.75041 5.45474 8.85081 5.40608 8.96827C5.35742 9.08574 5.34469 9.215 5.3695 9.3397C5.3943 9.4644 5.45553 9.57895 5.54543 9.66885C5.63534 9.75876 5.74988 9.81998 5.87459 9.84479C5.99929 9.86959 6.12854 9.85686 6.24601 9.80821C6.36348 9.75955 6.46388 9.67715 6.53452 9.57144C6.60515 9.46572 6.64286 9.34143 6.64286 9.21428C6.64286 9.04379 6.57513 8.88027 6.45457 8.75972C6.33401 8.63916 6.1705 8.57143 6 8.57143Z' fill='%23555555'/%3E%3C/svg%3E");}
/* ºÎ¸ðµî·Ï */
.home-info .children-content {display: flex; gap: 10px;}
.mypage-wrap .children-content .select-wrap.custom-select .select-btn {font-size: 14px;}
.mypage-wrap .children-content .select-wrap.custom-select {flex: 1; height: 100%;}
.mypage-wrap .children-content .select-wrap.custom-select .select-btn {height: 100%; padding: 12px 18px; padding-right: 27px;}
.mypage-wrap .children-content .select-wrap.custom-select .select-list {top: 100%;}

.mypage-wrap .select-wrap.custom-select.is-disabled .select-btn{background-color:#F5F5F5; color:#7E7E7E; cursor:default; pointer-events:none;}
.home-info .children-content .btn-b {min-width: 111px; font-weight: 600;}

/* ¼ö°­Á¤º¸ */
.home-info .mycase-content {display: flex; gap: 16px; margin-top: 16px;}
.home-info .mycase-content div[class*="case-"] {flex: 1; border-radius: 8px;}
.home-info .case-academy {border: 1px solid #2C5BF6; font-size: 18px; overflow: hidden;}
.home-info .case-academy .tit {padding: 10px 24px; background: #2C5BF6; color: #fff;}
.home-info .case-academy .tit .no-data {display: flex; align-items: center; line-height: 1;}
.home-info .case-academy .tit .no-data:before {content:''; display: block; width: 24px; aspect-ratio: 1/1; margin-right: 2px; background: center/contain no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5008 14.4394C13.2234 14.4395 13.8088 15.0126 13.8089 15.7197C13.8089 16.4268 13.2235 16.9998 12.5008 17C11.778 17 11.1919 16.4269 11.1919 15.7197C11.1919 15.0125 11.778 14.4394 12.5008 14.4394Z' fill='white'/%3E%3Cpath d='M12.6616 7.00884C12.8221 7.02576 12.9794 7.06813 13.127 7.13414C13.3238 7.22226 13.4993 7.35133 13.6407 7.51245C13.7467 7.63327 13.832 7.76997 13.8926 7.91727L13.9451 8.06827L13.9804 8.2241C14.0068 8.3809 14.0065 8.54128 13.9796 8.6988L13.2459 12.9566C13.1845 13.3128 12.869 13.5742 12.5 13.5743C12.131 13.5741 11.8154 13.3128 11.754 12.9566L11.0203 8.6996C10.9844 8.48948 10.9962 8.27336 11.0548 8.06827L11.1073 7.91727C11.1679 7.76999 11.2533 7.63326 11.3593 7.51245C11.5006 7.35137 11.6763 7.22226 11.873 7.13414C12.0697 7.04609 12.2839 7.00005 12.5 7L12.6616 7.00884Z' fill='white'/%3E%3Ccircle cx='12' cy='12' r='8.5' stroke='white'/%3E%3C/svg%3E%0A");}
.home-info .case-academy .detail {display:flex;flex-direction:column;gap:4px; padding: 16px 24px;}
.home-info .case-academy .detail dl {display:flex;align-items:flex-start;gap:8px; font-size:15px; letter-spacing:-0.375px;}
.home-info .case-academy .detail dt {min-width:64px; font-weight: 600; }
.home-info .case-academy .detail dt:before {content:'¡¤'; margin-right: 4px;}
.home-info .case-academy .detail dd {min-width: calc(100% - 72px);}
.home-info .case-academy .detail dd{display:flex; gap:4px; width: 100%;} 
.home-info .case-academy .detail .ellipsis {overflow:hidden;text-overflow:ellipsis;white-space:nowrap; max-width: 80%;}
.home-info .case-academy .detail .more em {font-weight: 700; color: #2C5BF6;}

.home-info .mycase-content .case-item {padding: 28px 0; background: linear-gradient(0deg, #F1F3F8 0%, #F1F3F8 100%), #FFF;}
.home-info .mycase-content .case-item ul {display:flex; align-items: center; height: 100%; min-height: 73px; }
.home-info .mycase-content .case-item li {flex:1;display:flex;flex-direction:column; justify-content: center; align-items:center;gap:2px; height: 100%;}
.home-info .mycase-content .case-item li + li {border-left:1px solid #D8D9DE}
.home-info .mycase-content .case-item .tit {font-size: 15px;}
.home-info .mycase-content .case-item .btn-detail {margin-right: 2px; font-size: 20px; font-weight: 700;  color: #2C5BF6; text-decoration: underline;}
.home-info .case-no-data {display: flex; align-items: center; justify-content: center; padding: 10px 0; background: #2C5BF6; color: #fff;}
.home-info .case-no-data .no-data {display: flex; align-items: center; line-height: 1; font-weight: 500; font-size: 18px; letter-spacing: -0.45px;}
.home-info .case-no-data .no-data:before {content:''; display: block; width: 24px; aspect-ratio: 1/1; margin-right: 4px; background: center/contain no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5008 14.4394C13.2234 14.4395 13.8088 15.0126 13.8089 15.7197C13.8089 16.4268 13.2235 16.9998 12.5008 17C11.778 17 11.1919 16.4269 11.1919 15.7197C11.1919 15.0125 11.778 14.4394 12.5008 14.4394Z' fill='white'/%3E%3Cpath d='M12.6616 7.00884C12.8221 7.02576 12.9794 7.06813 13.127 7.13414C13.3238 7.22226 13.4993 7.35133 13.6407 7.51245C13.7467 7.63327 13.832 7.76997 13.8926 7.91727L13.9451 8.06827L13.9804 8.2241C14.0068 8.3809 14.0065 8.54128 13.9796 8.6988L13.2459 12.9566C13.1845 13.3128 12.869 13.5742 12.5 13.5743C12.131 13.5741 11.8154 13.3128 11.754 12.9566L11.0203 8.6996C10.9844 8.48948 10.9962 8.27336 11.0548 8.06827L11.1073 7.91727C11.1679 7.76999 11.2533 7.63326 11.3593 7.51245C11.5006 7.35137 11.6763 7.22226 11.873 7.13414C12.0697 7.04609 12.2839 7.00005 12.5 7L12.6616 7.00884Z' fill='white'/%3E%3Ccircle cx='12' cy='12' r='8.5' stroke='white'/%3E%3C/svg%3E%0A");}
/* Áß°£¹è³Ê */
.home-alarm {display:flex; flex-direction: column; gap:16px;}
.home-alarm .alarm-banner {display:flex; justify-content:space-between; padding:16px 24px; border: 1px solid #DBDBDB; border-radius: 8px;}
.home-alarm .alarm-banner:first-child {margin-top: 40px;}
.home-alarm .alarm-banner p {display: flex; align-items: center; letter-spacing:-0.16px;}
.home-alarm .alarm-banner p:before {content:''; margin-right: 8px; display: block; width: 24px; height: 24px; background-repeat: no-repeat; background-size: contain; background-position: center;}
.home-alarm .alarm-banner.check-item p:before {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.44784 7.96942C6.76219 5.14032 9.15349 3 12 3C14.8465 3 17.2378 5.14032 17.5522 7.96942L17.804 10.2356C17.8072 10.2645 17.8088 10.279 17.8104 10.2933C17.9394 11.4169 18.3051 12.5005 18.8836 13.4725C18.8909 13.4849 18.8984 13.4973 18.9133 13.5222L19.4914 14.4856C20.0159 15.3599 20.2782 15.797 20.2216 16.1559C20.1839 16.3946 20.061 16.6117 19.8757 16.7668C19.5971 17 19.0873 17 18.0678 17H5.93223C4.91268 17 4.40291 17 4.12434 16.7668C3.93897 16.6117 3.81609 16.3946 3.77841 16.1559C3.72179 15.797 3.98407 15.3599 4.50862 14.4856L5.08665 13.5222C5.10161 13.4973 5.10909 13.4849 5.11644 13.4725C5.69488 12.5005 6.06064 11.4169 6.18959 10.2933C6.19123 10.279 6.19283 10.2645 6.19604 10.2356L6.44784 7.96942Z' stroke='%23333333' stroke-width='2'/%3E%3Cpath d='M8 17C8 17.5253 8.10346 18.0454 8.30448 18.5307C8.5055 19.016 8.80014 19.457 9.17157 19.8284C9.54301 20.1999 9.98396 20.4945 10.4693 20.6955C10.9546 20.8965 11.4747 21 12 21C12.5253 21 13.0454 20.8965 13.5307 20.6955C14.016 20.4945 14.457 20.1999 14.8284 19.8284C15.1999 19.457 15.4945 19.016 15.6955 18.5307C15.8965 18.0454 16 17.5253 16 17' stroke='%23333333' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");}
.home-alarm .alarm-banner.ln-test p:before {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3277_4830)'%3E%3Cpath d='M14 3V7C14 7.26522 14.1054 7.51957 14.2929 7.70711C14.4804 7.89464 14.7348 8 15 8H19' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 21H7C6.46957 21 5.96086 20.7893 5.58579 20.4142C5.21071 20.0391 5 19.5304 5 19V5C5 4.46957 5.21071 3.96086 5.58579 3.58579C5.96086 3.21071 6.46957 3 7 3H14L19 8V19C19 19.5304 18.7893 20.0391 18.4142 20.4142C18.0391 20.7893 17.5304 21 17 21Z' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 9H10' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 13H15' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 17H15' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3277_4830'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");}
.home-alarm .alarm-banner .info {padding: 5px 8px; border: 1px solid ; font-size:13px;font-weight:500; color: #2C5BF6; letter-spacing:-0.325px;line-height:1; border-radius: 99px;}
.home-alarm .alarm-banner .icon-go {width: 16px; aspect-ratio: 1/1; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.244272 0.253186C-0.090672 0.581623 -0.0798111 1.10388 0.268531 1.41969L4.86257 5.5L0.268531 9.58031C-0.0798108 9.89612 -0.0906719 10.4184 0.244272 10.7468C0.579216 11.0752 1.13313 11.0855 1.48147 10.7697L6.73147 6.09469C6.90304 5.93914 7 5.72441 7 5.5C7 5.27559 6.90304 5.06086 6.73147 4.90531L1.48147 0.230314C1.13313 -0.0854908 0.579216 -0.0752504 0.244272 0.253186Z' fill='%23888888'/%3E%3C/svg%3E%0A");}
/* ÃÖ±Ù ¼ö°­ °­ÁÂ */
.home-lecture {margin-top: 40px;}
.home-tit {display: flex; justify-content: space-between; margin-bottom: 20px;}
.home-tit h3 {font-weight: 700; font-size: 20px; line-height: 1; letter-spacing: -0.5px;}
.home-tit .btn-go {width: 16px; aspect-ratio: 1/1; display: block; background: center/contain no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.25 7.25H8.75V2.75C8.75 2.55109 8.67098 2.36032 8.53033 2.21967C8.38968 2.07902 8.19891 2 8 2C7.80109 2 7.61032 2.07902 7.46967 2.21967C7.32902 2.36032 7.25 2.55109 7.25 2.75V7.25H2.75C2.55109 7.25 2.36032 7.32902 2.21967 7.46967C2.07902 7.61032 2 7.80109 2 8C2 8.19891 2.07902 8.38968 2.21967 8.53033C2.36032 8.67098 2.55109 8.75 2.75 8.75H7.25V13.25C7.25 13.4489 7.32902 13.6397 7.46967 13.7803C7.61032 13.921 7.80109 14 8 14C8.19891 14 8.38968 13.921 8.53033 13.7803C8.67098 13.6397 8.75 13.4489 8.75 13.25V8.75H13.25C13.4489 8.75 13.6397 8.67098 13.7803 8.53033C13.921 8.38968 14 8.19891 14 8C14 7.80109 13.921 7.61032 13.7803 7.46967C13.6397 7.32902 13.4489 7.25 13.25 7.25Z' fill='%23777777'/%3E%3C/svg%3E%0A");}

.home-lecture .ag-card-list{display:flex;flex-direction:column;gap:24px;}
.home-lecture .ag-card{overflow:hidden;width:100%;padding:16px 16px 24px;border:1px solid #dbdee5;border-radius:8px;background:#fff;}
.home-lecture .ag-card.list-empty {margin: 0;}
.home-lecture .ag-card__campus{display:flex;align-items:center;min-height:44px;padding:0 16px;border-radius:8px;background:#f1f3f8;color:#333;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:-0.18px;}
.home-lecture .ag-card__body{display:flex;align-items:center;gap:32px;padding:16px 8px 0;}
.home-lecture .ag-card__info{display:flex;flex:1 1 auto;flex-direction:column;gap:16px;min-width:0;}
.home-lecture .ag-card__summary{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;}
.home-lecture .ag-chip{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:2px 8px;border:1px solid #dbdbdb;background:#fff;color:#333;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-0.14px;white-space:nowrap;}
.home-lecture .ag-card__title{width:100%;color:#333;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:-0.16px;word-break:keep-all;}
.home-lecture .ag-detail{display:flex;flex-direction:column;gap:8px;width:100%;padding:16px 24px;background:#f8f8f8;}
.home-lecture .ag-detail div{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0;}
.home-lecture .ag-detail dt{position:relative;flex:0 0 auto;color:#777;font-size:13px;font-weight:400;line-height:1.5;letter-spacing:-0.13px;}
.home-lecture .ag-detail dt:before{content:"";display:inline-block;width:2px;height:2px;margin:0 6px 4px 0;border-radius:50%;background:#777;vertical-align:middle;}
.home-lecture .ag-detail dd{min-width:0;color:#333;font-size:13px;font-style:normal;font-weight:400;line-height:1.5;letter-spacing:-0.13px;text-align:right;word-break:keep-all;}
.home-lecture .ag-pay.is-unpaid{color:#ed2024;}
.home-lecture .ag-pay.is-complete{color:#333;}
.home-lecture .ag-pay.is-cance     lled{color:#333;}
.home-lecture .ag-card__actions{display:flex;flex:0 0 170px;flex-direction:column;gap:8px;width:170px;}
.home-lecture .ag-card__actions > a{
    display:inline-flex;align-items:center;justify-content:center;width:100%;height:36px;
    font-size:15px;font-weight:700;line-height:1.4;letter-spacing:-0.16px;text-align:center; color: #2C5BF6;
}
.home-lecture .ag-con__btn{ border:1px solid #555;background:#fff;color:#555;}
.home-lecture .ag-pay__btn{ border:1px solid #2c5bf6;background:#2c5bf6;color:#fff;}
.home-lecture .ag-con__txt{ border:1px solid transparent;background:transparent;color:#333; cursor: default;transform: none;}

/* ¸¶ÀÌ·¯¼¿ */
.home-myrussel {margin-top: 40px;}
.mo-tit-wrap {display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.mo-tit-wrap .tit {font-weight:700;color:#222;letter-spacing:-0.32px;margin:0;line-height:1}
.mo-tit-wrap .btn-go {display:inline-block;width:16px;height:16px;background: center/contain no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.74427 2.75319C4.40933 3.08162 4.42019 3.60388 4.76853 3.91969L9.36257 8L4.76853 12.0803C4.42019 12.3961 4.40933 12.9184 4.74427 13.2468C5.07922 13.5752 5.63313 13.5855 5.98147 13.2697L11.2315 8.59469C11.403 8.43914 11.5 8.22441 11.5 8C11.5 7.77559 11.403 7.56086 11.2315 7.40531L5.98147 2.73031C5.63313 2.41451 5.07922 2.42475 4.74427 2.75319Z' fill='%23888888'/%3E%3C/svg%3E%0A");}
.myrussel-content {display: none;}
.myrussel-content {padding: 0 24px 30px;}

.myrussel-content .menu-group {display:flex;list-style:none;margin:0;padding:0;gap:0}
.myrussel-content .menu-group li {flex:1}
.myrussel-content .menu-group li > a {display:flex;flex-direction:column;align-items:center;gap:8px; position:relative; text-align: center;}
.myrussel-content .menu-group .tit {font-size:12px;color:#555;letter-spacing:-0.3px;line-height:1;word-break:keep-all}
.myrussel-content .menu-group .badge {position:absolute;width: 18px; margin-left: 8px; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; left:50%; top: 0; background:#fc4f3f;border-radius:99px;font-size:10px;font-weight:700;color:#fff; font-style: normal;}

/* ¹Ù·Î°¡±â ¹è³Ê */
.shortcut-swiper .swiper-slide {display:flex}
.shortcut-swiper .swiper-slide a {display:flex;flex-direction:column; flex:1 1 0; padding:24px; padding-right: 0; border-radius:8px;border:1px solid #e5e5e5;background:#fff;text-decoration:none}
.shortcut-swiper .swiper-slide .tit {margin-bottom: 10px; font-size:18px;font-weight:600;color:#333;letter-spacing:-0.45px;line-height:1}
.shortcut-swiper .swiper-slide .desc {font-size:14px;color:#555;letter-spacing:-0.35px;line-height:1.4}
.shortcut-swiper .swiper-slide .btn-go-line {display:inline-block;margin-top:14px;font-size:15px;font-weight:500;color:#777;letter-spacing:-0.375px;line-height:1.1;text-decoration:underline;text-underline-offset:2px}

/* ¸ð¹ÙÀÏ lnb */
.mypage-menu-m {display:none;flex-direction:column;gap:30px;padding:0 24px 30px;border-top:8px solid #dbdee5}
.mypage-menu-m .menu-m-ul {display:flex;flex-direction:column;gap:10px; padding-top: 30px;}
.mypage-menu-m .menu-m-ul + .menu-m-ul {border-top: 1px solid #EDEDED;}
.mypage-menu-m .menu-m-li {display:block;padding:10px 0;font-size:14px;color:#777;letter-spacing:-0.35px;line-height:1}
.menu-ul-2depth {display:grid;grid-template-columns:repeat(2,1fr);}
.menu-ul-2depth > li:nth-child(odd):last-child {grid-column:1 / -1}
.menu-ul-2depth > li > a {display:flex;align-items:center; padding: 10px 0; font-size:16px;font-weight:600;color:#333;letter-spacing:-0.4px}
.mypage-menu-m .menu-btn-group {display:flex;flex-wrap:wrap;gap:12px}
.mypage-menu-m .menu-btn {display:flex;align-items:center;justify-content:space-between;flex:0 0 calc(50% - 6px);padding:16px 24px;border-radius:8px;background:#f6f7fb;font-weight:500;color:#333;letter-spacing:-0.4px; line-height: 1.2;}
.mypage-menu-m .menu-btn::after {content:"";width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.244272 0.253186C-0.090672 0.581623 -0.0798111 1.10388 0.268531 1.41969L4.86257 5.5L0.268531 9.58031C-0.0798108 9.89612 -0.0906719 10.4184 0.244272 10.7468C0.579216 11.0752 1.13313 11.0855 1.48147 10.7697L6.73147 6.09469C6.90304 5.93914 7 5.72441 7 5.5C7 5.27559 6.90304 5.06086 6.73147 4.90531L1.48147 0.230314C1.13313 -0.0854908 0.579216 -0.0752504 0.244272 0.253186Z' fill='%23555555'/%3E%3C/svg%3E") no-repeat center;}
/* Æ˾÷ */
.mypage-dim {display: none;}
.mypage-dim.on {display: block;}
.mypage-dim:before {content:''; position: fixed; inset:0; z-index: 999; opacity: 1; background: rgba(0, 0, 0, 0.5);}
.mypage-dim .mypage-pop {position: fixed; left: 50%; top: 50%; z-index: 1000; transform: translate(-50%, -50%); width: 100%; max-width: 530px;}
.mypage-dim .pop-content {background: #fff;}
.mypage-dim .tit {padding: 12px 0; border-bottom: 1px solid #EBEBEB; text-align: center;}
.mypage-dim .tit strong {font-size: 18px; font-weight: 700; line-height: 1.4; letter-spacing: -0.18px;}
.mypage-dim .pop-content .container {max-height: min(63vh, 446px); padding: 16px; display: flex; flex-direction: column; gap: 16px; overflow: auto;}
.mypage-dim .pop-content .container article {display: flex; align-items: center; gap: 12px; padding: 16px; border: 1px solid #E5E5E5; border-radius: 8px; letter-spacing: -0.15px;}
.mypage-dim .pop-content .container article strong {display: block; margin-bottom: 6px;}
.mypage-dim .pop-content .container article p {font-size: 14px;}
.mypage-dim .pop-content .container article .left {flex: 1;}
.mypage-dim .pop-content .container article .btn {min-width: 120px; height: 36px; font-size: 15px; font-weight: 500;}

.mypage-dim .pop-btm {display: flex; justify-content: space-between; padding: 13px 20px; background: #333; font-weight: 500; font-size: 14px; color: #999; line-height: 1; letter-spacing: -0.5px;}
.mypage-dim .btn-close {display: flex; gap: 6px;}
.mypage-dim .btn-close:after {content:''; width: 10px; aspect-ratio: 1/1; background: center/contain no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0.5L10.5 10.5M10.5 0.5L0.5 10.5' stroke='%23999999' stroke-linecap='round'/%3E%3C/svg%3E%0A");}

@media (min-width:768px) and (max-width:1023px) {
    .mypage-home {padding-bottom: 50px;}
    .home-info {padding-top: 0; padding-left: 16px; padding-right: 16px;}
    .home-alarm {padding: 0 16px;}
    .home-tit {padding: 0 16px;}
    /* ¼ö°­°­ÁÂ */
	.home-lecture .ag-card-list{gap:16px;padding:16px 24px 0;} 
	.home-lecture .ag-card{padding:16px 16px 24px;}
	.home-lecture .ag-card__body{flex-direction:column;align-items:stretch;gap:16px;padding:16px 8px 0;}
	.home-lecture .ag-detail{gap:6px;padding:12px 16px;}
	.home-lecture .ag-detail dt,
    .home-lecture .ag-detail dd{font-size:14px;letter-spacing:-0.14px;}
	.home-lecture .ag-card__actions{flex:0 0 auto;flex-direction:row;width:100%;}
    .home-lecture .ag-card__actions > a{ flex:1 1 0;}
}
/* TABLET */
@media (max-width: 1023px){
    .mypage-home {padding-right: 0;}
    .home-lecture {display: none;}
    .myrussel-content {display: block;}
    .mypage-menu-m {display:flex;}
}
/* MO */
@media (max-width:767px) {
    .mypage-home {padding-bottom: 30px;}
    .home-info {padding:30px 16px 0}
    .home-info .grade [class*="btn-"] {padding-top: 4px; padding-bottom: 4px; font-size: 12px;}

    .home-info .info-content {padding-bottom:19px}
    .home-info .name-row .left {font-size: 18px;}
    .btn-underline {font-size: 13px;}

    .home-info .auth-content {padding: 12px 16px;}
    .home-info .auth-content .auth-list > li {flex-direction: column; align-items: start;}

    .home-info .children-content {gap: 8px;}
    .mypage-wrap .children-content .select-wrap.custom-select .select-btn {padding-top: 10px; padding-bottom: 10px; padding-left: 9px;}

    .home-info .mycase-content {flex-direction: column; }
    .home-info .case-academy {font-size: 16px;}
    .home-info .case-academy .tit {padding: 10px 20px;}
    .home-info .case-academy .detail {padding: 10px 20px;}
    .home-info .case-academy .detail dl {font-size: 14px;}
    .home-info .case-academy .detail dd{}
    .home-info .case-no-data .no-data {font-size: 16px;}

    .home-info .mycase-content .case-item {padding: 16px 0;}
	.home-info .mycase-content .case-item ul {min-height: 43px;}
	.home-info .mycase-content .case-item li {gap: 0;}
    .home-info .mycase-content .case-item .tit {font-size: 14px;}
    .home-info .mycase-content .case-item .btn-detail {font-size: 16px;}

	.home-alarm {padding: 0 16px;}
    .home-alarm .alarm-banner:first-child {margin-top: 30px;}
    .home-alarm .alarm-banner p:before {margin-right: 6px;}
    .home-alarm .alarm-banner .info {font-size: 12px;}

    .home-lecture {margin-top: 30px;}
    /* ÃÖ±Ù ¼ö°­ °­ÁÂ */
    .home-lecture .ag-card-list{gap:12px;padding:16px 16px 0;}
	.home-lecture .ag-card--mo-hidden{display:none;}
	.home-lecture .ag-card{padding:12px;border-color:#e5e5e5;}
	.home-lecture .ag-card__campus{min-height:32px;padding:0 12px;border-radius:6px;font-size:14px;line-height:1.5;letter-spacing:-0.14px;}
	.home-lecture .ag-card__body{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:12px 4px 0;}
	.home-lecture .ag-card__info{gap:12px;}
	.home-lecture .ag-card__summary{gap:4px;}
	.home-lecture .ag-chip{min-height:21px;padding:2px 4px;font-size:12px;line-height:1.4;letter-spacing:-0.3px;}
	.home-lecture .ag-card__title{font-size:15px;line-height:1.4;letter-spacing:0;}
	.home-lecture .ag-detail{gap:2px;padding:12px 16px;}
	.home-lecture .ag-detail div{gap:16px;}
	.home-lecture .ag-detail dt,
    .home-lecture .ag-detail dd{font-size:13px;line-height:1.5;letter-spacing:-0.13px;}
	.home-lecture .ag-card__actions{flex:0 0 auto;flex-direction:row;gap:8px;width:100%;}
	.home-lecture .ag-card__actions > a {flex:1 1 0;height:32px;font-size:13px;letter-spacing:-0.325px;}
    /* ¸¶ÀÌ·¯¼¿ */
    .home-myrussel {margin-top: 30px; padding: 0;}
    .myrussel-content {padding-left: 16px; padding-right: 16px;}
    /* ¹Ù·Î°¡±â */
    .shortcut-swiper .swiper-slide a {padding:16px 24px;border-radius:10px;}
    .shortcut-swiper .swiper-slide .tit {margin-bottom: 8px; font-size:16px;}
    .shortcut-swiper .swiper-slide .desc {}
    .shortcut-swiper .swiper-slide .btn-go-line {margin-top:10px;font-size:13px;}
    /* ¸ð¹ÙÀÏ LNB */
    .mypage-menu-m {padding-left:16px;padding-right:16px}
    .mypage-menu-m .menu-btn {flex:0 0 100%}
    /* Æ˾÷ */
    .mypage-dim .mypage-pop {max-width: 360px;}
    .mypage-dim .pop-content .container article {flex-direction: column; align-items: stretch; gap: 10px; padding: 12px;}
    .mypage-dim .pop-content .container article strong {margin-bottom: 4px;}
    .mypage-dim .pop-content .container article p {font-size: 13px;}
    .mypage-dim .pop-content .container article .right .btn {width: 100%; height: 32px; font-size: 13px;}
}

/* ==================================================
    END - ¸¶ÀÌÆäÀÌÁö
================================================== */


/* ==================================================
    START - ³ªÀÇ ÇпøÁ¤º¸ > ´ë±â³»¿ª
================================================== */
.mypage-waiting{display:block;max-width:100%;overflow:hidden}
.mypage-waiting .mypage-title-wrap{height:35px;padding-bottom:17px;border-bottom:1px solid #dbdee5;box-sizing:border-box}
.mypage-waiting .mypage-title{margin:0;color:#333;font-size:18px;font-weight:600;line-height:1;letter-spacing:-0.45px}
.mypage-waiting .mypage-list{display:flex;flex-direction:column;gap:0;margin:30px 0 32px}
.mypage-waiting .mypage-count{height:26px;margin:0;padding-bottom:12px;color:#333;font-size:15px;font-weight:400;line-height:1;letter-spacing:-0.375px;box-sizing:border-box}
.mypage-waiting .mypage-count strong{color:#2c5bf6;font-weight:500}
.mypage-waiting .mypage-items{display:flex;flex-direction:column;gap:16px}
.mypage-waiting .mypage-item{display:flex;flex-direction:column;gap:16px;padding:16px 16px 24px;border:1px solid #dbdee5;border-radius:8px;background:#fff;box-sizing:border-box}
.mypage-waiting .item-head{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 16px;border-radius:8px;background:#f1f3f8}
.mypage-waiting .item-campus{color:#333;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:-0.18px}
.mypage-waiting .item-body{display:flex;align-items:center;gap:16px;padding:0 8px}
.mypage-waiting .item-content{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;min-width:0}
.mypage-waiting .item-teacher{margin:0;color:#333;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:-0.16px}
.mypage-waiting .item-title{margin:0;color:#777;font-size:15px;font-weight:400;line-height:1.5;letter-spacing:-0.15px;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
.mypage-waiting .item-title span{display:block}
.mypage-waiting .item-wait-badge{display:flex;align-items:center;justify-content:center;flex-direction:column;flex:0 0 70px;width:70px;height:70px;border:1px solid #2c5bf6;border-radius:50%;box-sizing:border-box;text-align:center}
.mypage-waiting .item-wait-badge span{display:block;color:#333;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-0.14px}
.mypage-waiting .item-wait-badge strong{display:block;color:#2c5bf6;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-0.14px}
.mypage-waiting .list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:225px;margin:0;padding:80px 16px;border:1px solid #dbdee5;border-radius:8px;background:#fff;text-align:center;box-sizing:border-box}
.mypage-waiting .list-empty img{display:block;width:40px;height:35px;margin:0}
.mypage-waiting .list-empty p{margin:0;color:#333;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:-0.16px}
.mypage-waiting .mypage-more-wrap{margin-top:24px;text-align:center}
.mypage-waiting .mypage-more{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:120px;height:36px;padding:0;border:1px solid #dbdbdb;border-radius:6px;background:#fff;color:#555;font-size:15px;font-weight:500;line-height:1.1;letter-spacing:-0.375px;cursor:pointer;box-sizing:border-box}
.mypage-waiting .mypage-more:after{content:"";display:block;width:7px;height:7px;margin-top:-3px;border-right:1.5px solid #555;border-bottom:1.5px solid #555;transform:rotate(45deg)}

@media (max-width:1023px){
    .mypage-waiting .mypage-title-wrap{display:none}
    .mypage-waiting .mypage-list{margin:0 0 32px}
    .mypage-waiting .mypage-count{height:40px;padding:10px 24px;border-bottom:1px solid #e4e4e4;font-size:15px;line-height:20px}
    .mypage-waiting .mypage-items{gap:12px;padding:16px 24px 0}
    .mypage-waiting .mypage-item{gap:16px;padding:16px;border-radius:8px}
    .mypage-waiting .item-body{display:block;position:relative;padding:0 8px}
    .mypage-waiting .item-content{gap:10px;padding-right:0}
    .mypage-waiting .item-teacher{padding-right:82px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .mypage-waiting .item-title{white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
    .mypage-waiting .item-wait-badge{position:absolute;right:8px;top:0;display:inline-flex;flex-direction:row;gap:3px;flex:0 0 auto;width:auto;height:25px;padding:2px 10px;border-radius:999px;background:#fff;white-space:nowrap;margin-top: -1px;}
    .mypage-waiting .item-wait-badge span,.mypage-waiting .item-wait-badge strong{display:inline;font-size:13px;line-height:1.5;letter-spacing:-0.13px}
    .mypage-waiting .list-empty{min-height:145px;margin:16px 24px 0;padding:40px 16px;border:0;border-radius:0}
}

@media (max-width:767px){
    .mypage-waiting .mypage-list,.mypage-waiting .mypage-items,.mypage-waiting .mypage-item{width:100%;max-width:100%;box-sizing:border-box}
    .mypage-waiting .mypage-count{padding:10px 16px}
    .mypage-waiting .mypage-items{gap:16px;padding:16px 16px 0}
    .mypage-waiting .mypage-item{gap:12px;padding:12px;border-color:#e5e5e5;border-radius:8px}
    .mypage-waiting .item-head{min-height:32px;padding:0 12px;border-radius:6px}
    .mypage-waiting .item-campus{font-size:14px;line-height:1.5;letter-spacing:-0.14px}
    .mypage-waiting .item-body{padding:0 4px}
    .mypage-waiting .item-content{gap:10px;padding-right:0}
    .mypage-waiting .item-teacher{padding-right:74px;font-size:15px;font-weight:500;letter-spacing:0}
    .mypage-waiting .item-title{font-size:13px;line-height:1.5;letter-spacing:-0.13px}
    .mypage-waiting .item-wait-badge{right:4px;height:24px;padding:2px 10px}
    .mypage-waiting .list-empty{min-height:144px;margin:0;padding:40px 16px 8px}
    .mypage-waiting .list-empty p{font-size:14px;line-height:1.5;letter-spacing:-0.14px}
    .mypage-waiting .mypage-more-wrap{margin:16px 0 32px}
    .mypage-waiting .mypage-more{width:104px;height:32px;font-size:13px;letter-spacing:-0.325px}
}
/* ==================================================
    END - ³ªÀÇ ÇпøÁ¤º¸ > ´ë±â³»¿ª
================================================== */


/* ==================================================
    START - ¼³¸íȸ ½Åû³»¿ª
================================================== */
.seminar-mypage{display:flex;flex:1 1 auto;flex-direction:column;gap:22px;min-width:0;}
.seminar-mypage.empty{gap:24px;}
.seminar-title{display:flex;align-items:flex-start;height:35px;border-bottom:1px solid #dbdee5;}
.seminar-title h2{margin:0;color:#333;font-size:18px;font-weight:600;line-height:1;letter-spacing:-0.45px;}
.seminar-section{display:flex;flex-direction:column;gap:12px;width:100%;}
.seminar-section.reservation{gap:8px;}
.seminar-section-head{display:flex;align-items:center;width:100%;}
.seminar-section-head h3{flex:1;margin:0;color:#333;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:-0.16px;}
.seminar-section-copy{display:none;margin:0;color:#333;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:-0.16px;}
.seminar-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 24px;border:1px solid #555;border-radius:6px;background:#fff;color:#555;font-size:15px;font-weight:500;line-height:1.1;letter-spacing:-0.375px;box-sizing:border-box;white-space:nowrap;}
.seminar-btn.primary{width:170px;border-color:#2c5bf6;background:#2c5bf6;color:#fff;}
.seminar-btn.more{min-width:120px;padding:0 14px;border-color:#dbdbdb;}
.seminar-btn.more:after{content:"";display:block;width:7px;height:7px;margin-left:9px;border-right:1px solid #555;border-bottom:1px solid #555;transform:rotate(45deg);margin-top:-4px;}
.seminar-alert{display:flex;overflow:hidden;width:100%;border:1px solid #2c5bf6;border-radius:8px;background:#fff;box-sizing:border-box;}
.seminar-alert-left{display:flex;flex:0 0 350px;flex-direction:column;gap:24px;align-items:flex-start;padding:24px;background:#f1f3f8;box-sizing:border-box;}
.seminar-alert-title{margin:0 0 6px;color:#2c5bf6;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:-0.18px;}
.seminar-alert-copy{margin:0;color:#333;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:-0.16px;}
.seminar-alert-left .seminar-btn{width:100%;}
.seminar-alert-info{display:flex;flex:1 1 auto;align-items:center;min-width:0;padding:16px 24px;box-sizing:border-box;}
.seminar-alert-mobile-btn{display:none;}
.seminar-info-list{width:100%;margin:0;padding:0;list-style:none;color:#777;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-0.14px;}
.seminar-info-list li{display:flex;justify-content:space-between;gap:20px;margin-top:6px;}
.seminar-info-list li:first-child{margin-top:0;}
.seminar-info-list strong{color:#333;font-weight:400;text-align:right;}
.seminar-reserve-list{display:flex;flex-direction:column;gap:16px;width:100%;}
.seminar-card{padding:16px 16px 24px;border:1px solid #dbdee5;border-radius:8px;background:#fff;box-sizing:border-box;}
.seminar-campus{display:flex;align-items:center;height:44px;margin:0 0 16px;padding:0 16px;border-radius:8px;background:#f1f3f8;color:#333;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:-0.18px;box-sizing:border-box;}
.seminar-card-body{display:flex;flex-direction:column;gap:16px;padding:0 8px;}
.seminar-name{margin:0;color:#333;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:-0.16px;}
.seminar-detail{display:flex;gap:8px 60px;margin:0;padding:16px 24px;background:#f8f8f8;color:#777;font-size:13px;font-weight:400;line-height:1.5;letter-spacing:-0.13px;box-sizing:border-box;}
.seminar-detail div{display:flex;flex:1 1 340px;justify-content:space-between;min-width:0;}
/* .seminar-detail dt{flex:0 0 60px;} */
.seminar-detail dd{margin:0;color:#333;text-align:right;}
.seminar-notice{width:100%;margin:0;padding:0;list-style:none;color:#777;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-0.14px;}
.seminar-notice li{position:relative;margin:0;padding-left:10px;}
.seminar-notice li:before{content:"¡¤";position:absolute;left:0;top:0;}
.seminar-more-wrap{display:flex;justify-content:center;width:100%;margin-top:8px;}
.seminar-empty-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:240px;padding:80px 20px;border:1px solid #dbdee5;border-radius:8px;background:#fff;box-sizing:border-box;}
.seminar-empty-icon{position:relative;width:40px;height:35px;}
.seminar-empty-icon:before{content:"";position:absolute;left:50%;top:1px;width:18px;height:18px;margin-left:-9px;border:2px dotted #b1b1b1;border-radius:50%;}
.seminar-empty-icon:after{content:"!";position:absolute;left:0;right:0;top:2px;color:#b1b1b1;font-size:14px;font-weight:700;line-height:18px;text-align:center;}
.seminar-empty-box p{margin:0;color:#333;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:-0.16px;text-align:center;}
.seminar-ta-text{display:none;}

@media (max-width:1023px){
    .seminar-mypage{gap:32px;width:100%;padding:32px 24px;box-sizing:border-box;}
    .seminar-mypage.empty{gap:32px;}
    .seminar-title{display:none;}
    .seminar-section{gap:12px;}
    .seminar-section.reservation{gap:16px;}
    .seminar-section-head{flex-direction:column;align-items:flex-start;gap:16px;}
    .seminar-section-head h3{font-size:18px;letter-spacing:-0.18px;}
    .seminar-section:not(.reservation) .seminar-section-head{gap:8px;}
    .seminar-section:not(.reservation) .seminar-section-head h3{width:100%;}
    .seminar-section-copy{display:block;}
    .seminar-section-head .seminar-btn.primary{width:100%;}
    .seminar-alert{flex-direction:column;}
    .seminar-alert-left{flex:0 0 auto;width:100%;gap:0;padding:14px 16px;}
    .seminar-alert-left .seminar-alert-copy,.seminar-alert-left .seminar-btn{display:none;}
    .seminar-alert-title{margin:0;font-size:18px;letter-spacing:-0.18px;}
    .seminar-alert-info{display:block;padding:16px 16px 0;}
    .seminar-alert-mobile-btn{display:flex;width:calc(100% - 32px);margin:16px;}
    .seminar-info-list{font-size:14px;}
    .seminar-info-list li{gap:20px;}
    .seminar-info-list li span {flex: 0 0 auto;}
    .seminar-card{padding:16px;}
    .seminar-campus{margin-bottom:16px;}
    .seminar-card-body{padding:0 8px;}
    .seminar-reserve-list{gap:12px;}
    .seminar-detail{display:flex;flex-direction:column;flex-wrap:wrap; gap:6px;padding:12px 16px;font-size:14px;letter-spacing:-0.14px;}
    .seminar-detail div{flex:none;width:100%;}
    .seminar-detail dt{flex:0 0 auto;}
    .seminar-notice{font-size:13px;letter-spacing:-0.13px;}
    .seminar-empty-box{min-height:160px;padding:40px 16px;border-width:0 0 1px;border-color:#ebebeb;border-radius:0;}
    .seminar-more-wrap{margin-top:0;}
    .seminar-pc-text{display:none;}
    .seminar-ta-text{display:inline;}
}
@media (max-width:767px){
    .seminar-mypage{gap:28px;padding:32px 16px;}
    .seminar-mypage.empty{gap:32px;}
    .seminar-title{height:34px;}
    .seminar-title h2{font-size:18px;}
    .seminar-section-head h3 {font-size: 16px;}
    .seminar-section-copy {font-size: 14px;}
    .seminar-section-head{align-items:flex-start;gap:12px;}
    .seminar-section-head .seminar-btn.primary{width:100%;padding:0 16px;font-size: 13px;height: 32px;}
    .seminar-alert-left{gap:18px;padding:14px 16px;}
    .seminar-alert-title{font-size:15px;}
    .seminar-info-list{font-size:13px;}
    .seminar-alert-copy{font-size:15px;}
    .seminar-info-list li{gap:12px;}
    .seminar-card{padding:12px;}
    .seminar-campus{height:auto;min-height:32px;margin-bottom:14px;font-size:14px;border-radius: 6px;}
    .seminar-card-body{padding:0 4px;gap: 12px;}
    .seminar-name{font-size:15px;}
    .seminar-detail{display:block;padding:12px 16px;}
    .seminar-detail div{display:flex;margin-top:8px;}
    .seminar-detail div:first-child{margin-top:0;}
    .seminar-detail dd{white-space:normal;}
    .seminar-empty-box{min-height:200px;padding:60px 16px;}
    .seminar-alert-mobile-btn {font-size: 13px;height: 32px;margin: 12px 16px 16px;}
    .seminar-alert-left.not-apply {display: none;}
}
/* ==================================================
    END - ¼³¸íȸ ½Åû³»¿ª
================================================== */
/* ==================================================
    START - ¿Â¶óÀÎ »ó´ã
================================================== */
/* ¸®½ºÆ®ÆäÀÌÁö */
.mypage-counsel .list-top {padding-bottom: 15px; margin-top: 26px; font-weight: 500; border-bottom: 1px solid; font-size: 15px; line-height: 1; letter-spacing: -0.3px;}
.mypage-counsel .list-top em {color: #2C5BF6;}
.mypage-counsel .counsel-list > li {display: flex; height: 60px; border-bottom: 1px solid #E5E5E5; font-size: 14px; color: #777; letter-spacing: -0.14px; text-align: center; cursor: pointer;}
.mypage-counsel .counsel-sector,
.mypage-counsel .counsel-info {display: flex; align-items: center; height: 100%;}
.mypage-counsel .counsel-sector {width: 49.13%;}
.mypage-counsel .counsel-info {width: 50.87%;}
.mypage-counsel .counsel-sector .num {width: 19.42%;}
.mypage-counsel .counsel-sector .loc {width: 34.66%;}
.mypage-counsel .counsel-sector .part {flex: 1;}

.mypage-counsel .counsel-info .tit{flex: 1; height: 100%; font-size: 16px; color: #333;}
.mypage-counsel .counsel-info .tit a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.mypage-counsel .counsel-info .tit a:hover {font-weight: 600;}
.mypage-counsel .counsel-info .name{width: 16.84%;}
.mypage-counsel .counsel-info .date{width: 25.58%;}
.mypage-counsel .counsel-info .status{width: 24.73%;}
.mypage-counsel .status .flag {display: inline-block; padding: 3px 10px; border-radius: 99px; background: #F0F0F0; font-weight: 500; color: #777;}
.mypage-counsel .status .done {background: #E4EFFF; color: #2C5BF6;}

.mypage-counsel .empty-group {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; height: 520px; border-bottom: 1px solid #E5E5E5; color: #333; letter-spacing: -0.4px;}
.mypage-counsel .empty-group img {width: 40px; height: 35px;}
/* ºäÆäÀÌÁö */
.counsel-view {margin-top: 56px; border-top: 1px solid #555; border-bottom: 1px solid #555; letter-spacing: -0.14px; color: #333;}
.counsel-view .title {display: flex; flex-direction: column; gap: 5px; padding: 22px 20px; border-bottom: 1px solid #E5E5E5; font-size: 14px; color: #777;}
.counsel-view .title .info,
.counsel-view .title .bottom {display: flex; justify-content: space-between; align-items: center;}
.counsel-view .title .bottom .tit {font-weight: 600; font-size: 16px; color: #333; line-height: 1.1;}
.counsel-view .title .bottom .right {display: flex;}
.counsel-view .title .bottom .date {display: flex; align-items: center;}
.counsel-view .title .bottom .date:before {content:''; display: block; width: 1px; height: 12px; background: #DBDBDB; margin: 0 10px;}

.counsel-view .content {padding: 24px;}
.counsel-view .ck {font-size: 14px;}

.counsel-view .content .st-file {display: flex; gap: 8px; padding-top: clamp(12px, calc(12px + (24 - 12) * ((100vw - 360px) / 840)), 24px);}
.counsel-view .content .file-area {margin-top: 24px; border-top: 1px solid #EDEDED; font-size: 14px; line-height: 1.6; letter-spacing: -0.01em;}
.counsel-view .content .file-area .tit {width: 112px; font-weight: 600; }
.counsel-view .content .file-area ul {display: flex; flex-direction: column; gap: 2px; color: #777;}
.counsel-view .content .file-area ul li:hover a {font-weight: 600;}
.counsel-view .content .file-area ul li a {display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}

.counsel-view .content .answer-area {margin-top: 24px; padding: 20px 32px; border-radius: 6px; background: #F8F8F8;}
.counsel-view .content .answer-area .tit {display: flex; align-items: center; gap: 8px; padding-bottom: 14px;}
.counsel-view .content .answer-area .tit strong {font-weight: 600;}
.counsel-view .content .answer-area .date {font-size: 14px; color: #777;}
.counsel-view .content .answer-area .text {border-top: 1px solid #DBDBDB; padding-top: 14px; }
.counsel-view .content .answer-area .file-area {padding-top: 14px; margin-top: 14px;}
.counsel-view .content .answer-area .file-area strong {display: block; margin-bottom: 2px;}

.counsel-mng {padding-top: 12px; }
.mypage-counsel .btn-m {min-width: 90px; height: 36px; border-radius: 6px; font-weight: 500; font-size: 15px; letter-spacing: -0.375px; color: #fff; background: #9AA3B2}
.mypage-counsel .btn-area {margin-top: 24px;}
.mypage-counsel .btn-wh {display: inline-flex; justify-content:center; align-items: center; min-width: 120px; height: 36px; border: 1px solid #DBDBDB; border-radius: 6px; font-weight: 500; font-size: 15px; letter-spacing: -0.375px;}
/* TABLET */
@media (max-width: 1023px){
    .mypage-counsel {padding: 0 24px 40px;}
    .mypage-counsel .list-top {margin-top: 0;}
    .mypage-counsel .counsel-list > li {flex-direction: column; height: auto; padding: 14px 0;}
    .mypage-counsel .counsel-sector,
    .mypage-counsel .counsel-info {width: 100%;}
    .mypage-counsel .counsel-sector {padding-left: 24px;}
    .mypage-counsel .counsel-sector .num {display: none;}
    .mypage-counsel .counsel-sector .loc {width: auto;}
    .mypage-counsel .counsel-sector .part {flex: none; display: flex; align-items: center;}
    .mypage-counsel .counsel-sector .part:before {content:''; display: block; width: 1px; height: 12px; background: #DBDBDB; margin: 0 10px;}

    .counsel-view {margin-top: 0;}
    .mypage-counsel .counsel-info .tit a {justify-content: initial; padding-left: 24px;}
    .mypage-counsel .counsel-info .name {width: 11.66%;}
    .mypage-counsel .counsel-info .date {width: 16.66%;}
    .mypage-counsel .counsel-info .status {width: 16.11%;}
}
/* MOBILE */
@media (max-width:767px){
    /* ¸®½ºÆ® */
    .mypage-counsel {padding: 16px 16px 32px;}
    .mypage-counsel .list-top {font-size: 14px;}
    .mypage-counsel .counsel-list > li {padding: 12px 0; font-size: 12px;}
    .mypage-counsel .counsel-sector {padding-left: 0;}
    .mypage-counsel .counsel-sector .part:before {height: 10px; margin: 0 8px;}

    .mypage-counsel .counsel-info {position: relative; flex-wrap: wrap;}
    .mypage-counsel .counsel-info .tit {flex: none; width: 100%; font-size: 14px;}
    .mypage-counsel .counsel-info .tit a {padding: 6px 0;}
    .mypage-counsel .counsel-info .name {width: auto;}
    .mypage-counsel .counsel-info .date {display: flex; align-items: center; width: auto;}
    .mypage-counsel .counsel-info .date:before {content:''; display: block; width: 1px; height: 10px; background: #DBDBDB; margin: 0 8px;}
    .mypage-counsel .counsel-info .status {position: absolute; right: 0; bottom: 0; width: auto;}
    .mypage-counsel .empty-group {height: 370px; font-size: 14px;}
    /* ºä */
    .counsel-view {margin-top: 0;}
    .counsel-view .title {padding: 12px 0; font-size: 12px;}
    .counsel-view .title .bottom {flex-direction: column; align-items: inherit; gap: 6px;}
    .counsel-view .title .bottom .tit {font-size: 14px;}
    .counsel-view .content {padding: 12px;}
    .counsel-view .content .file-area {gap: 4px; flex-direction: column; margin-top: 12px; font-size: 13px;}
    .counsel-view .content .answer-area {padding: 12px 14px; margin-top: 12px;}
    .counsel-view .content .answer-area .tit {padding-bottom: 6px; font-size: 14px;}
    .counsel-view .content .answer-area .date {font-size: 12px;}
    .counsel-view .content .answer-area .text {padding: 8px 0;}
    .counsel-view .content .answer-area .file-area {padding-top: 8px;}
    .mypage-counsel .btn-m {min-width: 87px; height: 32px; font-size: 13px;}
    .mypage-counsel .btn-area {margin-top: 16px;}
    .mypage-counsel .btn-wh {min-width: 104px; height: 32px; font-size: 13px;}
}

/* ==================================================
    END - ¿Â¶óÀÎ »ó´ã
================================================== */