/* 멤버 */
.mypay-wrap {}
.mypay-wrap .pay_box {display:flex;gap:24px;align-items:flex-start;}
.mypay-wrap .pay_box > div {flex:1;}
.mypay-notice,
.mypay-status {margin-top:0;min-height:180px;border-radius:15px;padding:30px 40px;}
.mypay-notice {display:flex;align-items:center;gap:24px;border:1px solid #E7E0D8;background:#FBF8F5;}
.mypay-notice .icon { width:64px;height:64px;border-radius:50%;background:#EFE7DE;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mypay-notice .txt strong {display:block;font-size:22px;font-weight:500;line-height:1.4;color:#111;letter-spacing:-0.03em;}
.mypay-notice .txt p {margin-top:8px;font-size:17px;line-height:1.6;color:#6B625B;}
.mypay-notice .txt strong span { color:#000;font-weight:700; }
.mypay-notice .txt strong em { color:#804E38;font-weight:800;}

.mypay-status {display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #ECE7E1;}
.mypay-status .status-left {display:flex;align-items:center;gap:32px;}
.mypay-status .status-left .icon {width:96px;height:96px;border-radius:50%;background:#F4EEE8;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mypay-status .txt .label {display:flex;align-items:center;gap:12px;font-size:18px;line-height:1.4;font-weight:700;letter-spacing:-0.03em;}
.mypay-status .txt .label span {display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 14px;border-radius:30px;background:#EEF3FF;font-size:14px;font-weight:600;color:#3558D4;}
.mypay-status .txt strong {display:block;margin-top:12px;font-size:30px;line-height:1.1;font-weight:700;letter-spacing:-0.05em;}
.mypay-status .txt p {margin-top:10px;font-size:16px;color:#777;}
.mypay-status .status-right {text-align:right;}
.mypay-status .status-right .btn-pay {display:inline-flex;align-items:center;justify-content:center;height:60px;padding:0 36px;border-radius:14px;background:#8A563B;font-size:18px;font-weight:600;color:#fff;transition:all .3s;}
.mypay-status .status-right .btn-pay:hover {background:#6F422B;}
.mypay-status .status-right p {margin-top:14px;font-size:15px;color:#777;}

.mypay-list-wrap { margin-top:120px;}
.mypay-list-wrap .sec-head {display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;}
.mypay-list-wrap .sec-head h4 {font-size:32px;line-height:1.3;font-weight:700;letter-spacing:-0.03em;}
.mypay-list-wrap .sec-head select {width:140px;height:52px;padding:0 18px;border:1px solid #DDD;border-radius:12px;background:#fff;font-size:16px;color:#333;}
.mypay-list-wrap table {width:100%;border-top:2px solid #111; border-bottom:1px solid #111;}
.mypay-list-wrap table th {padding:22px 16px;border-bottom:1px solid #111;background:#fff;font-size:18px;font-weight:700;text-align:center;}
.mypay-list-wrap table td {padding:24px 16px;border-bottom:1px solid #ddd;font-size:18px;line-height:1.5;color:#555;text-align:center;}
.mypay-list-wrap .state {display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 16px;border-radius:10px;font-size:16px;font-weight:600;}
.mypay-list-wrap .state.complete {background:#edf0f7;color:#0C1726;}

.mypage .inner .myinfo { }
.mypage .inner .myinfo figure figcaption { margin: 0 0 20px; padding: 20px; background: #f4f2ef; border-radius: 10px;}
.mypage .inner .myinfo figure figcaption span { display: inline-block; font-size: 24px; color: #121212; line-height: 1;}
.mypage .inner .myinfo figure figcaption span em { font-weight: bold;}
.mypage .inner .myinfo figure figcaption p { font-size: 16px; font-weight: 600; letter-spacing: -0.32px; color: #071426; line-height: 1;}
.mypage .inner .myinfo figure figcaption:first-child p { padding-bottom: 5px; margin-bottom: 5px;}
.mypage .inner .myinfo figure figcaption .txt p {  padding:0 }
.mypage .inner .myinfo .txt p span { position: relative; font-size: 18px; font-weight: 500; letter-spacing: -0.36px; color: #787878;}
.mypage .inner .myinfo .txt p { margin-top: 15px}
.mypage .inner .myinfo .txt p span:first-child { margin-right: 10px;}
.mypage .inner .myinfo .txt p span:before { content: ""; position: relative;display: inline-block;margin-right: 10px;top:3px;width: 1px; height: 17px; background: #aaa;}
.mypage .inner .myinfo .txt p span:first-child:before { display: none;}
.mypage .inner .myinfo .txt p span strong {color:#804E38; font-weight: 800}

.mypage .form-basic dl {  margin-bottom: 60px}
.mypage .form-basic dl:first-child {margin-top:0;}
.mypage .form-basic dl dt {font-size:16px;font-weight:600;color:#121212;}
.mypage .form-basic dl dt em {color:#ff4e4e;}
.mypage .form-basic dl dd {margin-top:10px;}
.mypage .form-basic dl dd + dt {margin-top:20px;}
.mypage .form-basic input[type="text"],
.mypage .form-basic input[type="password"],
.mypage .form-basic input[type="email"],
.mypage .form-basic input[type="tel"],
.mypage .form-basic input[type="number"] {width:100%;height:55px;padding:0 20px;border:1px solid #d5d5d5;border-radius:10px;background:#fff;font-size:16px;font-weight:500;color:#121212;}
.mypage .form-basic input[type="text"]::placeholder,
.mypage .form-basic input[type="password"]::placeholder,
.mypage .form-basic input[type="email"]::placeholder,
.mypage .form-basic input[type="tel"]::placeholder,
.mypage .form-basic input[type="number"]::placeholder {color:#999;}
.mypage .form-basic textarea {width:100%;min-height:160px;padding:16px 20px;border:1px solid #d5d5d5;border-radius:10px;background:#fff;font-size:16px;font-weight:500;color:#121212;resize:none;}
.mypage .form-basic textarea::placeholder {color:#999;}
.mypage .form-basic select {width:100%;height:55px;padding:0 50px 0 20px;border:1px solid #d5d5d5;border-radius:10px;background:#fff url(/_public/images2/formautoIcon/ico_arrow_b.png) no-repeat right 20px center;font-size:16px;font-weight:500;color:#121212;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
.mypage .form-basic select::before {content:"";display:block;width:15px;height:15px;background:url(/_public/images2/formautoIcon/ico_arrow_b.svg) no-repeat;background-size:cover;transform:translateY(-50%) rotate(180deg);position:absolute;top:50%;right:15px;}
.mypage .form-basic input:focus,
.mypage .form-basic textarea:focus,
.mypage .form-basic select:focus {outline:none;border-color:#121212;}
.mypage .form-basic .pwd-wrap {position:relative;}
.mypage .form-basic .pwd-wrap input {padding-right:50px;}
.mypage .form-basic .pwd-wrap button {position:absolute;top:50%;right:20px;transform:translateY(-50%);width:22px;height:22px;background:url(/_public/images2/icon/ico_pwd.png) no-repeat center;background-size:cover;}
.mypage .form-basic .pwd-wrap button.on {background:url(/_public/images2/icon/ico_pwd2.png) no-repeat center;background-size:cover;}
.mypage .form-basic section h3{font-size: 24px;font-weight: bold;letter-spacing: -0.48px;color: #121212;padding-bottom: 10px;line-height: 1;border-bottom: 1px solid #202020; margin-bottom: 24px}
.mypage .form-basic dl dd p.txt { font-size: 15px; padding: 10px; word-break: keep-all; background: #fef9f1; border: 1px solid #ebe0cd; margin-top: 5px;border-radius: 10px}
.mypage .form-basic dl dd p.txt::before { content: "!"; display: inline-block; background: #000; color: #fff; border-radius: 99px; width: 18px; height: 18px; text-align: center; margin-right:7px}


/* 버튼이 있는 input */
.mypage form dl dd .btn-wrap {display:flex;gap:5px;}
.mypage form dl dd .btn-wrap input {width:calc(100% - 115px);}
.mypage form dl dd .btn-wrap button {width:110px;display:inline-block;box-sizing:border-box;font-size:16px;font-weight:500;line-height:48px;color:#804E38;background:#fff;border:1px solid #804E38;border-radius:10px;transition:all 0.3s;}
.mypage form dl dd .btn-wrap button:hover {color:#fff;background:#804E38;}


/* 비밀번호 입력란 눈 아이콘 */
.mypage .pwd-wrap {position:relative;}
.mypage .pwd-wrap input[type="password"] {padding:0 45px 0 15px;}
.mypage .pwd-wrap button {display:block;width:20px;height:20px;position:absolute;top:50%;right:15px;transform:translateY(-50%);background:url(/_public/images2/formautoIcon/pwd_view.svg) no-repeat;background-size:cover;}
.mypage .pwd-wrap button.on {background:url(/_public/images2/formautoIcon/pwd_view_on.svg) no-repeat;background-size:cover;}


/* 필수 입력 항목 표시 */
.mypage .req-box {margin-bottom:5px;}
.mypage .req-box p {text-align:right;font-size:16px;margin:0;}
.mypage em.req {font-size:inherit;font-weight:bold;font-style:normal;color:#ef0303;display:inline-block;margin-left:5px;vertical-align:middle;}


.mypage .all-chk{  width: 100%; padding:15px;border-radius: 30px;border: solid 1px #d5d5d5;background: #f8f8f8;}
.mypage .all-chk dt { margin: 0; display: none}
.mypage .all-chk dd { margin: 0}
.mypage .chk-list {}
.mypage .chk-list dt { margin: 0; display: none;}
.mypage .chk-list dd { margin: 0}
.mypage .policy-box{margin-top:60px;}
.mypage .policy-box h3{font-size: 24px;font-weight: bold;letter-spacing: -0.48px;color: #121212;line-height: 1;}
.mypage .policy-box .chk-list{margin-top:20px;}
.mypage .policy-box .chk-list .all-chk{padding: 15px;border-radius: 10px;border: solid 1px #d5d5d5;background: #f8f8f8;}
.mypage .policy-box .chk-list .all-chk .checkbox-type1{}
.mypage .policy-box .chk-list .all-chk .checkbox-type1 label{font-size: 16px;font-weight: bold;color: #121212;line-height: 1;}
.mypage .policy-box .chk-list .all-chk .checkbox-type1 label:before{top:0;}
.mypage .policy-box .chk-list ul{margin-top:20px;padding:0 15px;}
.mypage .policy-box .chk-list ul li{display: flex;align-items: center;justify-content: space-between;}
.mypage .policy-box .chk-list ul li + li{margin-top:20px;}
.mypage .policy-box .chk-list ul li .checkbox-type1 label em{color: #c39e53;}
.mypage .policy-box .chk-list .checkbox-type1 label { padding: 0 24px 0 5px}


/* 하단 안내메세지 출력 */
.mypage .msg-box {margin-top:8px;}
.mypage .msg-box .msg {margin:0;position:relative;padding-left:20px;font-size:15px;}
.mypage .msg-box .msg:before {content:"";display:inline-block;width:15px;height:15px;position:absolute;top:2px;left:0;}
.mypage .msg-box .msg.msg-av {color:#19ab00;}
.mypage .msg-box .msg.msg-av:before {background:url(/_public/images2/mypageIcon/ico_success.svg) no-repeat;background-size:cover;}
.mypage .msg-box .msg.msg-non {color:#ef0303;}
.mypage .msg-box .msg.msg-non:before {background:url(/_public/images2/mypageIcon/ico_error.svg) no-repeat;background-size:cover;}

/* radio */
.mypage .radio-wrap {display:flex;gap:10px;}
.mypage .radio-type1 {flex:1;position:relative;}
.mypage .radio-type1 input[type="radio"] {position:absolute;opacity:0.5;}
.mypage .radio-type1 label {display:block;cursor:pointer;font-size:18px;line-height:60px;color:#707070;padding:0 15px 0 45px;background:#f5f5f5;border-radius:5px;position:relative;}
.mypage .radio-type1 label:before {content:"";display:block;width:20px;height:20px;border:5px solid #ccc;box-sizing:border-box;border-radius:100%;background:#fff;position:absolute;top:50%;left:15px;transform:translateY(-50%);}
.mypage .radio-type1 input[type="radio"]:checked {}
.mypage .radio-type1 input[type="radio"]:checked + label {color:#fff;font-weight:bold;background:#804E38;}
.mypage .radio-type1 input[type="radio"]:checked + label:before {border:5px solid #fff;background:#804E38;}


.apply-box .left .form-grid .form-item input {
    display: block;
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -.04em;
}




/* checkbox */
.mypage .chk-wrap {display:grid;grid-gap:10px;grid-template-columns:1fr 1fr 1fr 1fr;}
.mypage .chk-type1 {position:relative;}
.mypage .chk-type1 input[type="checkbox"] {position:absolute;opacity:0;}
.mypage .chk-type1 label {display:block;font-size:16px;line-height:36px;cursor:pointer;color:#707070;background:#f5f5f5;border:2px solid #f5f5f5;border-radius:5px;padding:0 5px 0 35px;box-sizing:border-box;position:relative;}
.mypage .chk-type1 label:before {content:"";display:block;width:15px;height:15px;border:1px solid #ccc;border-radius:2px;background:#fff;position:absolute;top:50%;left:10px;    transform:translateY(-50%);}
.mypage .chk-type1 label:after {content:"";display:none;position:absolute;top:40%;left:10px;width:4px;height:10px;border-right:3px solid #804E38;border-bottom:3px solid #804E38;transform: rotate(45deg) translateY(-50%);}
.mypage .chk-type1 input[type="checkbox"]:checked + label {font-weight:600;color:#804E38;border:2px solid #804E38;background:#fff;}
.mypage .chk-type1 input[type="checkbox"]:checked + label:before {display:none;}
.mypage .chk-type1 input[type="checkbox"]:checked + label:after {display:block;}


/* select box */
.mypage .slt-wrap {position:relative;}
.mypage .slt-wrap:before {content:"";display:block;width:15px;height:15px;background:url(/_public/images2/formautoIcon/ico_arrow_b.svg) no-repeat;background-size:cover;transform:translateY(-50%) rotate(180deg);position:absolute;top:50%;right:15px;}
.mypage .slt-wrap select {width:100%;height:52px;border:1px solid #ccc;border-radius:10px;padding:0px 20px;font-size:16px;appearance:none;outline:none;background:#fff;}
.mypage .slt-wrap select:focus {border:1px solid #804E38;}
.mypage .slt-wrap + input {margin-top:5px;}

.mypage .withdraw-box { text-align: center; font-size: 15px; margin-top: 30px; }
.mypage .withdraw-box:hover { text-decoration: underline;}

/* 달력/날짜선택 */
.mypage form dd .date {position:relative;}
.mypage form dd .date:before {content:"";display:block;width:15px;height:15px;background:url(/_public/images2/formautoIcon/ico_cal.svg) no-repeat;background-size:cover;position:absolute;top:50%;right:15px;transform:translateY(-50%);}
.mypage form dd .date input {background:#f5f5f5;}

/* 주소 */
.mypage .addr-wrap {display:flex;flex-direction:column;gap:5px;}
.mypage .addr-wrap .addr1 input[type="number"] {width:160px;}

/* 약관확인 */
.mypage .plc-wrap label {font-size:16px;margin-left:5px;}


.mypage .inner{ background: #fff; border: 1px solid #ddd; padding:50px;border-radius: 10px;margin:0 auto;max-width: 540px;}
.mypage .inner .title-box{}
.mypage .inner .title-box h2{font-size: 30px;font-weight: bold;letter-spacing: -0.6px;color: #121212; text-align: center;}
.mypage .inner .title-box p{margin-top:25px;font-size: 18px;font-weight: normal;letter-spacing: -0.36px;color: #121212;}
.mypage .inner .btn-box{margin-top:40px;display: flex;gap:20px;}
.mypage .inner .btn-box a{display: flex;align-items: center;justify-content: center;flex: 1;height: 55px; border-radius: 10px;font-size: 18px;font-weight: 600;letter-spacing: -0.36px;text-align: center; background: #804E38;color:#fff;}
.mypage .inner .btn-box a:first-child{background: #fff;color: #804E38;border:1px solid #804E38;}
.mypage .inner .btn-box button{display: flex;align-items: center;justify-content: center;flex: 1;height: 55px; border-radius: 10px;font-size: 18px;font-weight: 600;letter-spacing: -0.36px;text-align: center; background: #804E38;color:#fff;}
.mypage .inner .btn-box button:first-child{background: #fff;color: #804E38;border:1px solid #804E38;}
.mypage .inner .password{}
.mypage .inner .password dl{margin-top:66px;}
.mypage .inner dl dd .input-txt{display: flex;align-items: center;width: 100%;height: 60px;border: solid 1px #cdd2d5;background-color: #f5f5f5;padding: 0 20px;font-size: 16px;font-weight: normal;letter-spacing: -0.32px;color: #202020; border-radius: 10px; }
.mypage .mymain-txt { display: block; position: relative; margin-top: 40px}
.mypage .mymain-txt h3{font-size: 24px;font-weight: bold;letter-spacing: -0.48px;color: #121212;padding-bottom: 10px;line-height: 1;border-bottom: 1px solid #202020; margin-bottom: 24px}
.mypage .mymain-txt ul { margin-bottom: 40px}
.mypage .mymain-txt ul li { font-size: 17px; line-height: 1.6; display: flex;justify-content: space-between;}
.mypage .mymain-txt ul li span{ }



/* 목록 */
.myseminar-list {border-top:2px solid #111;}
.myseminar-item {display:flex;align-items:center;gap:36px;padding:34px 0;border-bottom:1px solid #ddd;}
.myseminar-item .thumb {width:170px;height:180px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#f5f5f5;}
.myseminar-item .thumb img {width:100%;height:100%;object-fit:cover;}
.myseminar-item .info {flex:1;min-width:0;}
.myseminar-item .info .state {display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 12px;border-radius:8px;font-size:15px;font-weight:600;}
.myseminar-item .info .state.complete {background:#edf0f7;color:#0C1726;}
.myseminar-item .info strong {display:block;font-size:24px;line-height:1.35;font-weight:700;color:#111;letter-spacing:-0.04em;}
.myseminar-item .info .info-list {display:flex;flex-direction:column;gap:8px;margin-top:10px;}
.myseminar-item .info .info-list li {display:flex;align-items:flex-start;gap:24px;}
.myseminar-item .info .info-list strong {width:54px;font-size:17px;line-height:1.5;font-weight:700;color:#111;flex-shrink:0;}
.myseminar-item .info .info-list p {display:flex;align-items:center;gap:10px;font-size:17px;line-height:1.5;color:#444;}
.myseminar-item .btns {width:210px;display:flex;flex-direction:column;gap:10px;flex-shrink:0;}
.myseminar-item .btns a {display:flex;align-items:center;justify-content:center;height:48px;border-radius:8px;font-size:16px;font-weight:600;transition:all .3s;}
.myseminar-item .btns .btn-detail {border:1px solid #111;color:#111;background:#fff;}
.myseminar-item .btns .btn-detail:hover {background:#111;color:#fff;}
.myseminar-item .btns .btn-cancel {border:1px solid #ddd;color:#555;background:#fff;}
.myseminar-item .btns .btn-cancel:hover {border-color:#8A563B;color:#8A563B;background:#FBF8F5;}
.myseminar-item .info .state.canceling {background:#FFF3E8;color:#C76B18;}
.myseminar-item .info .state.cancel {background:#F1F1F1;color:#666;}
.myseminar-item .btns .btn-cancel.undo {border-color:#8A563B;color:#8A563B;background:#FBF8F5;}
.myseminar-item .btns .btn-cancel.undo:hover {background:#8A563B;color:#fff;}
.myseminar-item .btns .btn-cancel.disabled {border-color:#B8B8B8;background:#B8B8B8;color:#fff;cursor:default;pointer-events:none;}


/* 상세 */
.myseminar-view .apply-box {display:block;}
.myseminar-view .apply-box .left {width:100%;}
.myseminar-view.complete-box .result-info li {background: #f5f2ed; border: 0}
.myseminar-view .view-side { margin-bottom: 20px; padding-bottom: 15px; display: flex;  align-items: center;  width: 100%;  justify-content: space-between;border-bottom: 1px solid #555; }
.myseminar-view.complete-box .apply-box .left .apply-title span {padding-left: 36px;}
.myseminar-view .view-side .title_h4 { margin-bottom: 0}
.myseminar-view .view-side p {font-size:16px;line-height:1.6;color:#777;word-break:keep-all; margin-top: 15px}
.myseminar-view .view-side .btn-change { }
.myseminar-view .result-info.single {grid-template-columns:1fr;}
.myseminar-view .view-section .view-side:last-child {border-bottom:0;}
.myseminar-view .payment-section .pay-box {padding:0;border:0;background:transparent;}
.myseminar-view .payment-section .pay-box h4 {display:none;}
.myseminar-view .payment-section .pay-flex {display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.myseminar-view .payment-section .pay-info,
.myseminar-view .payment-section .pay-price { padding:34px 40px;border-radius:10px;}
.myseminar-view .payment-section .pay-price {border:2px solid #0c1726;background:#fff;}
.myseminar-view .payment-section .pay-info{ border:1px solid #e3ddd2; background:#fbfaf8;}
.myseminar-view section:last-of-type .view-side {border-bottom:0; padding-bottom: 0}
.myseminar-view .payment-section .pay-box dl {display:grid;grid-template-columns:120px 1fr;gap:16px 20px;}
.myseminar-view .payment-section .pay-box dt {font-size:17px;font-weight:600;color:#655E5E;}
.myseminar-view .payment-section .pay-box dd {font-size:17px;font-weight:700;color:#111;text-align:right;}
.myseminar-view .payment-section .pay-box dd.point {color:#804E38;}
.myseminar-view .payment-section .pay-total {display:flex;align-items:center;justify-content:space-between;margin-top:28px;padding-top:24px;border-top:1px solid #d5c7c1;}
.myseminar-view .payment-section .pay-total span {font-size:18px;font-weight:700;color:#111;}
.myseminar-view .payment-section .pay-total strong {font-size:30px;line-height:1;font-weight:800;color:#000;}
.myseminar-view .right {display:none;}
.myseminar-view .payment-section .view-cont { }
.myseminar-view .btn-change { height:46px;padding:0 24px;border:1px solid #804E38;border-radius:8px;background:#fff;font-size:16px;font-weight:700;color:#804E38;transition:all .3s;cursor:pointer;}
.myseminar-view .btn-change:hover {background:#804E38;color:#fff;}
.myseminar-view .btn-change.save {background:#804E38;color:#fff;}
.myseminar-view .btn-change.save:hover {background:#6F422B;border-color:#6F422B;}
.myseminar-view .btn-change.chok {background: #0c1726;color: #fff;  border:1px solid #0c1726;}
.myseminar-view .btn-change.cancel {background: #fff;color: #0c1726; border:1px solid #0c1726; margin-right: 5px}
.myseminar-view .view-bottom-btn {display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px;}
.myseminar-view .view-bottom-btn .btn-list,
.myseminar-view .view-bottom-btn .btn-save {display:inline-flex;align-items:center;justify-content:center;min-width:180px;height:58px;padding:0 34px;border-radius:10px;font-size:18px;font-weight:700;transition:all .3s;}
.myseminar-view .view-bottom-btn .btn-list {border:1px solid #DDD;background:#fff;color:#333;}
.myseminar-view .view-bottom-btn .btn-list:hover {border-color:#111;background:#111;color:#fff;}
.myseminar-view .view-bottom-btn .btn-save {border:1px solid #804E38;background:#804E38;color:#fff;}
.myseminar-view .view-bottom-btn .btn-save:hover {background:#6F422B;border-color:#6F422B;}
span.view-state { font-weight: 600;padding: 5px 10px; border-radius: 10px;}
.view-state.canceling {background:#FFF3E8;color:#C76B18; }
.view-state.cancel {background:#F1F1F1;color:#666;}
.view-state.complete {background:#edf0f7;color:#0C1726;}
.complete-box.myseminar-view .apply-box .left .apply-summary { border-bottom: 1px solid #ccc; padding-bottom: 20px}



.applicant3 .check-list {display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.applicant3 .check-list label {display:block;position:relative;padding:25px 24px 22px;border:1px solid #e5ddd5;border-radius:12px;background:#fff;}
.applicant3 .check-list label .dot {position:absolute;left:24px;top:28px;}
.applicant3 .check-list label .txt {display:block;position:relative;padding-left:34px;padding-right:70px;}
.applicant3 .check-list label .txt strong {display:block;font-size:17px;font-weight:700;color:#111;}
.applicant3 .check-list label .txt em {display:block;margin-top:6px;color:#804e38;font-weight:700;}
.applicant3 .check-list label .txt .time {display:block;margin-top:10px;font-size:15px; }
.applicant3 .check-list label .select {display:block;margin-top:15px;padding-left:34px;}
.applicant3 .check-list label .select em {display:none;}
.applicant3 .check-list label .select select {width:100%;height:50px;padding:0 45px 0 15px;border:1px solid #d8d2cc;border-radius:8px;background:#fff url(/_public/images2/icon/class-select.svg) no-repeat right 17px center;font-size:15px;font-weight:500;color:#111;appearance:none;}
.applicant3 .check-list label:not(:has(input:checked)) .select select {background:#f8f8f8;opacity:0.45;color:#bbb;cursor:not-allowed;pointer-events:none;}

.applicant3 .check-list label .txt::before {content:'미참여';position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:54px;height:28px;border-radius:999px;background:#f5f5f5;font-size:14px;font-weight:600;color:#999;}
.applicant3 .check-list label:has(input:checked) .txt::before {content:'참여';background:#94644D;color:#fff;}
.applicant3 .check-list label:has(input:checked) {border-color:#94644D;background:#F6F1EB;}


#myhome { max-width: 15%}

@media (max-width:768px){
.applicant3 .check-list {grid-template-columns:1fr;gap:14px;}
.applicant3 .check-list label {padding:22px 20px 20px;}
.applicant3 .check-list label .dot {left:20px;top:25px;}
.applicant3 .check-list label .txt {padding-left:32px;padding-right:62px;}
.applicant3 .check-list label .txt strong {font-size:16px;}
.applicant3 .check-list label .txt em {font-size:15px;}
.applicant3 .check-list label .txt .time {font-size:14px;}
.applicant3 .check-list label .select {padding-left:32px;}
.applicant3 .check-list label .select select {height:48px;font-size:14px;}
}

/* tablet */
@media all and (max-width:1280px) {
  .mypay-wrap .pay_box {gap:20px;}
  .mypay-notice,
  .mypay-status {padding:28px 30px;}
  .mypay-notice .txt strong {font-size:20px;}
  .mypay-notice .txt p {font-size:16px;}
  .mypay-status .txt strong {font-size:26px;}
  .mypay-status .status-right .btn-pay {height:56px;padding:0 28px;font-size:17px;}

  .mypay-list-wrap {margin-top:90px;}
  .mypay-list-wrap .sec-head h4 {font-size:28px;}
  .mypay-list-wrap table th,
  .mypay-list-wrap table td {padding:20px 12px;font-size:16px;}
  .complete-box section:last-of-type { padding-bottom:40px;  }
  .myseminar-view .view-bottom-btn .btn-list,
  .myseminar-view .view-bottom-btn .btn-save {min-width:50%;height:58px;padding:0;font-size:16px}

  /* 목록 */
  .myseminar-item {gap:28px;padding:30px 0;}
  .myseminar-item .thumb {width:150px;height:160px;}
  .myseminar-item .info strong {font-size:22px;}
  .myseminar-item .info .info-list strong {font-size:16px;}
  .myseminar-item .info .info-list p {font-size:16px;}
  .myseminar-item .btns {width:190px;}
  .myseminar-item .btns a {height:46px;font-size:15px;}

  /* 상세 */
  .myseminar-view .view-side {padding-bottom:14px;}
  .myseminar-view.complete-box .apply-box .left .apply-title span {padding-left:30px;}
  .myseminar-view .payment-section .pay-flex {grid-template-columns:1fr;}
  .myseminar-view .payment-section .pay-info,
  .myseminar-view .payment-section .pay-price {padding:30px;}
  .myseminar-view .view-side div:last-child { text-align: right;}


}



/* tablet */
@media all and (max-width:768px) {
  .mypay-wrap .pay_box {flex-direction:column;gap:16px;}
  .mypay-wrap .pay_box > div {width:100%;}

  .mypay-notice,
  .mypay-status {min-height:auto;padding:24px;border-radius:12px;}

  .mypay-notice {gap:18px;}
  .mypay-notice .icon {width:54px;height:54px;}
  .mypay-notice .txt strong {font-size:18px;line-height:1.5;}
  .mypay-notice .txt p {margin-top:6px;font-size:15px;line-height:1.6;}

  .mypay-status {flex-direction:column;align-items:flex-start;gap:24px;}
  .mypay-status .status-left {width:100%;gap:20px;}
  .mypay-status .txt .label {font-size:16px;}
  .mypay-status .txt strong {margin-top:10px;font-size:24px;}
  .mypay-status .txt p {margin-top:8px;font-size:14px;}
  .mypay-status .status-right {width:100%;text-align:left;}
  .mypay-status .status-right .btn-pay {width:100%;height:54px;padding:0 20px;border-radius:10px;font-size:16px;}

  .mypay-list-wrap {margin-top:70px;}
  .mypay-list-wrap .sec-head {flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px;}
  .mypay-list-wrap .sec-head h4 {font-size:24px;}
  .mypay-list-wrap .sec-head select {width:100%;height:48px;font-size:15px;}
  .mypay-list-wrap .table-wrap {overflow-x:auto;}
  .mypay-list-wrap table { }
  .mypay-list-wrap table th {padding:16px 10px;font-size:15px;}
  .mypay-list-wrap table td {padding:18px 10px;font-size:15px;}
  .mypay-list-wrap .state {height:30px;padding:0 12px;font-size:13px;border-radius:8px;}

  .mypage .inner { padding: 30px}
  .mypage .inner .myinfo figure figcaption span { font-size: 20px}
  .mypage .inner .myinfo .txt p span { font-size: 16px}
  .mypage .inner .myinfo figure figcaption:first-child p { font-size: 15px}
  .mypage .mymain-txt h3 { font-size: 20px}
  .mypage .mymain-txt ul li { font-size: 16px}
  .mypage .form-basic section h3 { font-size: 20px}
  .mypage .radio-wrap { flex-wrap: wrap; }
  .mypage .radio-type1 label { font-size: 16px;line-height:44px }
  .mypage .apply-box .left .radio-type1 input{ display: none !important;}
  .mypage .policy-box .chk-list .all-chk .checkbox-type1 label { font-size: 15px}
  .mypage .policy-box .chk-list .checkbox-type1 label{ font-size: 14px}
  .mypage form dl dd .btn-wrap button { font-size: 15px}
  .mypage .form-basic input[type="text"],
  .mypage .form-basic input[type="password"],
  .mypage .form-basic input[type="email"],
  .mypage .form-basic input[type="tel"],
  .mypage .form-basic input[type="number"] {width:100%;height:50px;padding:0 15px;font-size:15px;}
  .mypage .slt-wrap select { font-size: 15px; height: 50px; padding: 0 15px}
  .mypage .policy-box .chk-list ul { padding: 0}
  .mypage .inner .btn-box button { font-size: 16px; height: 52px}
  .mypage .inner .btn-box a { font-size: 16px; height: 52px}
  .mypage .withdraw-box { font-size: 14px;}
  .mypage .inner .title-box p { font-size: 16px}
  .mypage .form-basic dl dt { font-size: 15px}
  .mypage .inner .password dl { margin-top: 40px}

  /* 목록 */
  .myseminar-item {display:block;padding:28px 0;}
  .myseminar-item .thumb {width:100%;height:auto;aspect-ratio:4 / 3;margin-bottom:18px;border-radius:10px;}
  .myseminar-item .info strong {font-size:20px;}
  .myseminar-item .info .info-list {gap:6px;margin-top:12px;}
  .myseminar-item .info .info-list li {gap:14px;}
  .myseminar-item .info .info-list strong {width:50px;font-size:15px;}
  .myseminar-item .info .info-list p {font-size:15px;line-height:1.5;}
  .myseminar-item .info .state {height:26px;padding:0 10px;font-size:13px;border-radius:7px;}
  .myseminar-item .btns {width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;}
  .myseminar-item .btns a {height:44px;font-size:14px;border-radius:7px;}
  .myseminar-item .btns a:only-child {grid-column:1 / -1;}

  .myseminar-view.complete-box .apply-box .left .apply-title span {padding-left:22px;}
  .myseminar-view .view-side {display:block; margin-bottom:16px;padding-bottom:14px;}
  .myseminar-view .view-side .title_h4 {margin-bottom:8px;}
  .myseminar-view .view-side p {margin-top:8px;font-size:15px;line-height:1.5;}
  .myseminar-view .view-side .btn-change {margin-top:14px;}
  .myseminar-view .result-info.single {grid-template-columns:1fr;}
  .myseminar-view .payment-section .pay-flex {gap:16px;}
  .myseminar-view .payment-section .pay-info,
  .myseminar-view .payment-section .pay-price {padding:24px 20px;border-radius:8px;}
  .myseminar-view .payment-section .pay-box dl {grid-template-columns:90px 1fr;gap:14px 12px;}
  .myseminar-view .payment-section .pay-box dt {font-size:15px;}
  .myseminar-view .payment-section .pay-box dd {font-size:15px;}
  .myseminar-view .payment-section .pay-total {margin-top:22px;padding-top:20px;}
  .myseminar-view .payment-section .pay-total span {font-size:16px;}
  .myseminar-view .payment-section .pay-total strong {font-size:26px;}

}