/********** common **********/
#memberWrap {padding: 12.5rem 0 8.125rem;}
#memberWrap h2.title {font-size: 1.75rem; font-weight: 600; line-height: 1.29; letter-spacing: -0.0375rem; margin-bottom: 1.875rem; text-align: center;}
#memberWrap input[type="number"],
#memberWrap input[type="text"],
#memberWrap input[type="password"] {width: 100%; border-radius: 0.3125rem; border: 1px solid #E3E3E3; background: #FFF; font-size: 0.875rem; font-weight: 500; padding: 0 .94rem; height: 2.75rem;}
#memberWrap input[type="number"]::placeholder,
#memberWrap input[type="text"]::placeholder,
#memberWrap input[type="password"]::placeholder {color: #AAA;}
#memberWrap input[type="number"]:focus,
#memberWrap input[type="text"]:focus,
#memberWrap input[type="password"]:focus {border-color: #000;}
#memberWrap input[type="text"]:disabled {border-color: #E3E3E3; background: #F5F5F5; color: #AAA; opacity: 1;}
#memberWrap .errorText {margin-top: .625rem; color: #DC2C2C; font-size: 0.875rem; font-weight: 400; line-height: 1.43;}

/********** login **********/
.login .subContainer {max-width: 18.75rem; width: 100%; margin: 0 auto;}
.login .loginInput > * + * {margin-top: 0.625rem;}
.login .submit_btn > * {margin-top: 1.25rem;}
.login .l_btn {width: 18.75rem;}
.login .w_btn {border-color: #E8E8E8; color: #777;}
.login .findId {display: block; color: #AAA; font-size: 0.875rem; font-weight: 500; line-height: 1.43; text-align: center;}

/********** join **********/
.join .subContainer {max-width:  68.75rem; width: 100%; margin: 0 auto;}
/* step */
.process_step {display: flex; gap: 3.75rem; position: relative; width: max-content; margin: 0 auto; margin-bottom: 4rem;}
.process_step::before {content: ""; width: 80%; height: 1px; background: #E5E5E5; position: absolute; top: 1.37rem; left: 48%; transform: translateX(-50%); z-index: -1;}
.process_step .circle {display: flex; align-items: center; justify-content: center; width: 2.5rem; aspect-ratio: 1/1; border-radius: 100%; border: 1px solid #E5E5E5; background: #fff; margin: 0 auto;}
.process_step .circle img {width: 1.11738rem;}
.process_step p {margin-top: 0.625rem; color: #6D6D6D; font-size: 1rem; font-weight: 400; line-height: 1.5; text-align: center;}
.process_step .on .circle {background: #000; border-color: #000;}
.process_step .on .circle img {filter: var(--filter-white);}
.process_step .on p {color: #000; font-weight: 600;}
/* 약관동의 */
.join .agreeInfo h3 {font-size: 1.5rem; font-weight: 600; line-height: 1.29; letter-spacing: -0.025rem;}
.join .agreeInfo p {margin-top: 0.75rem; color: #6D6D6D; font-size: 1rem; font-weight: 400; line-height: 1.5; word-break: keep-all;}
.join .agreeForm label {display: flex; align-items: center; gap: .62rem; color: #8E8E8E; font-size: 1rem; font-weight: 400; line-height: 1.5; cursor: pointer;}
.join .agreeForm input:checked + span {color: #000;}
.join .agreeForm ul {border-top: 1px solid #000;}
.join .agreeForm ul li {display: flex; align-items: center; justify-content: space-between; padding: 1.25rem 0; border-bottom: 1px solid #E7E7E7;}
.join .agreeForm ul label {color: #000; font-weight: 500;}
.join .agreeForm ul label .cho {color: #8E8E8E;}
.join .agreeForm .more {padding: 0.25rem 1rem; border-radius: 0.3125rem; border: 1px solid #E8E8E8; cursor: pointer; color: #8E8E8E; font-size: 1rem; font-weight: 500; line-height: 1.5;}
.join .agreeForm .errorText {margin-top: 1.25rem !important;}
.join .l_btn.join {width: 14.75rem;}
/* 약관동의 팝업 */
.joinAgreePopup .scroll {max-height: 20.625rem !important; padding-right: 1.44rem;}
.joinAgreePopup .scroll .info {display: none;}
.joinAgreePopup .popupCont {max-width: 34.375rem;}
.joinAgreePopup .popupCont h5 {display: block; font-size: 1.25rem; font-weight: 600; line-height: 1.5; margin-top: 1.875rem;}
.joinAgreePopup .popupCont h5:first-child {margin-top: 0;}
.joinAgreePopup .popupCont strong {display: block; font-size: 1rem; font-weight: 600; line-height: 1.5; margin: 1.25rem 0 .75rem;}
.joinAgreePopup .popupCont p,
.joinAgreePopup .popupCont li {color: #8E8E8E !important; font-size: 0.875rem; font-weight: 400; line-height: 1.43; letter-spacing: -0.025rem; margin-top: 0 !important; word-break: keep-all;}
.joinAgreePopup .popupCont ul {margin-top: .5rem;}
.joinAgreePopup .popupCont li {padding-left: .93rem; text-indent: -.93rem;}
.joinAgreePopup .popupCont li p {padding-left: .5rem; text-indent: -.5rem;}
/* 실명확인 */
.join .identity {gap: 1.25rem; display: grid; grid-template-columns: repeat(2,1fr);}
.join .identity a {gap: 2.5rem; border-radius: 0.9375rem; border: 1px solid #E3E3E3; padding: 1.75rem 2.5rem; transition: all .3s;}
.join .identity a:hover {border-color: #000;}
.join .identity a img {width: 3.125rem;}
.join .identity a .txt {width: calc(100% - 3.125rem - 2.5rem);}
.join .identity a strong {font-size: 1.25rem; font-weight: 600; line-height: 1.5; letter-spacing: -0.0125rem;}
.join .identity a p {margin-top: 0.625rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #6D6D6D; word-break: keep-all;}
.join .ipInfo {gap: 1.25rem; color: #6D6D6D; font-size: 1rem; font-weight: 400; line-height: 1.5;}
.join .ipInfo .s_btn {padding: .25rem 1rem; border-radius: 0.3125rem; border: 1px solid #E8E8E8; color: #6D6D6D; font-size: 1rem; font-weight: 400; line-height: 1.5; display: inline-block;}
/* 회원정보입력 */
.join_form_wrap {max-width: 37.5rem; width: 100%; margin: 0 auto;}
.join_form_wrap .ifbox_tit {margin-bottom: 0 !important;}
.join_form_wrap .req_txt {color: #8E8E8E; font-size: 0.8125rem; font-weight: 500; letter-spacing: -0.025rem;}
.join_form {border-top: 1px solid #000; padding: 1.875rem 0;}
.join_form dl + dl {margin-top: 1.25rem;}
.join_form dt {font-size: 0.875rem; font-weight: 600; line-height: 1.43;}
.join_form dt .req {color: #D31A1A;}
.join_form dd {margin-top: 0.5rem;}
.join_form .errorText {margin-top: 0.5rem !important;}
.join_form .input_wrap {gap: 0.625rem;}
.join_form .input_wrap input {width: calc(100% - 4.56rem - .625rem);}
.join_form .input_wrap input:read-only {background: #F5F5F5 !important;}
.join_form .input_wrap .s_btn {width: 4.56rem; height: 2.75rem;}
.join_form .address > input {margin-top: 0.5rem;}
.join_form .sch_select .tit {width: 100%;}
.join_form .info {color: #AAA; font-size: 0.875rem; font-weight: 500; line-height: 1.43; word-break: keep-all;}
.join_form .radio_wrap {margin-top: .5rem; gap: 1.875rem;}
.join_form .radio_wrap label {display: flex; align-items: center; gap: 0.625rem; cursor: pointer;}
.join_form .radio_wrap span {color: #8E8E8E; font-size: 0.875rem; font-weight: 400; line-height: 1.43;}
.join_form .radio_wrap input:checked + span {color: #000;}
.join .infoBox {background: #fff; border: 1px solid #E3E3E3; padding: 1.5rem .75rem; font-size: 0.875rem; font-weight: 400; line-height: 1.43; letter-spacing: -0.025rem; word-break: keep-all;}
.join .submit_btn {gap: 0.625rem;}
.join .submit_btn a {width: calc(50% - .625rem); padding: 0; height: 3rem; display: flex; align-items: center; justify-content: center;}

/********** 장바구니 **********/
.cart_wrap {max-width: 68.75rem; width: 100%; margin: 0 auto;}
.cart_wrap .sec {margin-top: 2rem !important;}
.cart_wrap .mt_60 {margin-top: 3.75rem !important;}
.cart_wrap .sec > .flex-jb {margin-bottom: 1rem;}
.cart_wrap .sec .secTitle {margin-bottom: 0 !important;}
/* sec1 */
.cart_wrap .sec1 {margin-top: 0 !important;}
/* sec2 */
.cart_wrap .sec2 {padding: 2rem; border: 1px solid #E3E3E3;}
.cart_wrap .sec2 > p {font-weight: 500; margin-top: .5rem;}
.cart_wrap .sec2 .grid {margin: 1.75rem auto; gap: 1.25rem; display: grid; grid-template-columns: repeat(2,1fr);}
.cart_wrap .sec2 .item {border-radius: 1.25rem; border: 1px solid #E3E3E3; background: #FFF; padding: 1.25rem;}
.cart_wrap .sec2 .item .tit {display: flex; align-items: center; justify-content: center; width: 100%; height: 2rem; color: #fff; background: #000; border-radius: .3125rem; font-size: 1rem; font-weight: 600; line-height: 1.5; margin-bottom: 1.25rem;}
.cart_wrap .sec2 .stepBox {gap: 2rem;}
.cart_wrap .sec2 .stepBox .item {width: calc(50% - 1rem); border: 0 !important; padding: 1.25rem .5rem; border-radius: 1.875rem;}
.cart_wrap .sec2 .stepBox .item::after {top: 50%; transform: translateY(-50%);}
.cart_wrap .sec2 .stepBox .item p {margin-top: 0 !important; color: #000; font-size: 1rem; font-weight: 500; line-height: 1.5; border-radius: 1.875rem;}
.cart_wrap .sec2 .stepBox .item.blue {background: #EAF8FF;}
.cart_wrap .sec2 .stepBox .item.blue span {color: #3A55B1;}
.cart_wrap .sec2 .stepBox .item.green {background: #CAEEE2;}
.cart_wrap .sec2 .stepBox .item.green span {color: #197856;}
.cart_wrap .sec2 .item p.ta-c {font-weight: 500;}
.cart_wrap .sec2 .item .underLine {text-decoration: underline; text-underline-offset: 3px;}
.cart_wrap .sec2 .moreView {display: inline-flex; padding-bottom: .75rem; border-bottom: 1px solid #BEBEBE; font-size: 1.125rem; font-weight: 500; color: #6D6D6D; gap: 0.625rem;}
.cart_wrap .sec2 .moreView img {width: 1.25rem;}
/* course_single */
.cart_wrap .course_single .allCheck {gap: 0.625rem; color: #8E8E8E; font-size: 0.875rem; font-weight: 400; line-height: 1.43; letter-spacing: -0.025rem; cursor: pointer;}
.cart_wrap .course_single .td.info  {padding: 1.25rem 0;}
.cart_wrap .course_single .td.info > .flex {gap: 1.25rem;}
.cart_wrap .course_single .td.info > .flex > div {width: calc(100% - 2.5rem); padding-right: 1.25rem;}
.cart_wrap .course_single .td.info .subject .s_btn {padding: .25rem .5rem;}
.cart_wrap .course_single .td.info .info {padding: 0; margin-top: 0.5rem; gap: 1.25rem;}
.cart_wrap .course_single .td.info .info p {gap: 0.5rem; color: #6D6D6D; font-size: 0.875rem; font-weight: 400; line-height: 1.43;}
.cart_wrap .course_single .td.info .info p strong {color: #000; font-weight: 600;}
.cart_wrap .course_single .td.btn a + a {margin-top: 0.75rem;}
/* online */
.cart_wrap .online .td.info {width: 63%;}
.cart_wrap .online .td.price {width: 12%;}
.cart_wrap .online .td.price.mob {display: none;}
.cart_wrap .online .td.checkbox {width: 15%;}
.cart_wrap .online .td.btn {width: 11%;}
/* academy */
.cart_wrap .academy .td.info {width: 77%;}
.cart_wrap .academy .td.price {width: 12%;}
.cart_wrap .academy .td.btn {width: 11%;}
.cart_wrap .empty {border-top: 1px solid #E3E3E3;}
/* book */
.cart_wrap .book .td.bookList {width: 66%;}
.cart_wrap .book .td.price {width: 12%;}
.cart_wrap .book .td.btn {width: 11%;}
.cart_wrap .book .price > div {gap: 0.625rem;}
.cart_wrap .book .bookList {padding: 1.25rem 0;}
.cart_wrap .book .bookList .item {width: 100%; gap: 1.22rem;}
.cart_wrap .book .bookList .img {width: 6.27719rem; min-width: 6.27719rem;}
.cart_wrap .book .bookList .txt {padding: 0 1.25rem 0 .65rem;}
.cart_wrap .book .info {color: #6D6D6D; font-size: 0.875rem; font-weight: 400; line-height: 1.43; word-break: keep-all;}
.cart_wrap .book .info .flex .flex {gap: 0.5rem;}
.cart_wrap .addItem img {width: 1rem;}
/* accordion */
.cart_wrap .accordion .tit {padding-bottom: 1rem; border-bottom: 1px solid #000; margin-bottom: 0; cursor: pointer;}
.cart_wrap .accordion .arrow img {width: 1rem; cursor: pointer; transition: all .3s;}
.cart_wrap .accordion .tit.on .arrow img {transform: rotate(180deg);}
.cart_wrap .accordion .cont {padding: 1.875rem 0; border-bottom: 1px solid #E8E8E8;}
.cart_wrap .accordion .cont .name {font-size: 1rem; font-weight: 600; line-height: 1.5; margin-bottom: 0.75rem;}
.cart_wrap .accordion .cont > p {display: flex; align-items: center; gap: 1.25rem; font-size: 0.875rem; line-height: 1.43;}
.cart_wrap .accordion .cont > p + p {margin-top: 0.5rem;}
.cart_wrap .accordion .cont strong {display: block; font-weight: 600; width: 2.375rem;}
.cart_wrap .accordion .cont span {font-weight: 400; color: #777; width: calc(100% - 2.375rem); display: block; word-break: keep-all;}
.cart_wrap .accordion .cont .orderNum span {word-break: break-all;}
.cart_wrap .accordion .cont .infoBox {padding: 0.9375rem 1.875rem; background: #F5F5F7; display: flex; align-items: center; gap: .5rem;}
.cart_wrap .accordion .cont .infoBox strong {font-size: 0.875rem; font-weight: 600; line-height: 1.43;}
.cart_wrap .accordion .cont .infoBox label {display: flex; align-items: center; gap: 0.625rem; cursor: pointer;}
.cart_wrap .accordion .cont .infoBox label span {font-size: 0.875rem; font-weight: 400; line-height: 1.43; color: #000;}
/* join_form */
.cart_wrap .join_form {border-top: 0; padding: 1.875rem 0;}
.cart_wrap .join_form > .flex {gap: 0.75rem; align-items: flex-start;}
.cart_wrap .join_form > .flex dl {width: 50%; margin-top: 0 !important;}
.cart_wrap .join_form > dl {margin-top: 1.25rem;}
.cart_wrap .join_form .infoTxt {margin-top: .5rem; color: #777; font-size: 0.875rem; font-weight: 400; line-height: 1.43; word-break: keep-all;}
/* payment */
.cart_wrap .payment {margin-top: 4rem !important; border-radius: 0.625rem; border: 1px solid #E3E3E3; padding: 1.88rem;}
.cart_wrap .payment .price > div {display: flex; align-items: center; gap: 0.5rem; color: #6D6D6D; font-size: 1rem; font-weight: 400;}
.cart_wrap .payment .price > div span {color: #000; font-weight: 500;}
.cart_wrap .payment .price > div strong {font-size: 1.125rem; font-weight: 700; letter-spacing: -0.025rem;}
.cart_wrap .payment .circle {display: flex; align-items: center; justify-content: center; width: 1.25rem; aspect-ratio: 1/1; border-radius: 100%;}
.cart_wrap .payment .circle img {width: 0.9375rem;}
.cart_wrap .payment .circle.white {border: 1px solid #E8E8E8;}
.cart_wrap .payment .circle.white img {margin-top: -.08rem; margin-left: .016rem;}
.cart_wrap .payment .circle.black {background: #000;}
.cart_wrap .payment .circle.black img {margin-top: .08rem;}
.cart_wrap .btn_wrap {margin-bottom: 0 !important;}
.cart_wrap .btn_wrap .flex {gap: 0.625rem;}
.cart_wrap .btn_wrap .flex a {width: 12.18rem; height: 3rem;}
.cart_wrap .btn_wrap .flex a.bg_g_btn {background: #EEE; color: #777;}
.cart_wrap .btn_wrap .flex a.g_btn {border-color: #E8E8E8; color: #777;}
.cart_wrap .btn_wrap .l_btn {height: 3rem;}
.cart_wrap .btn_wrap .b_btn {width: 25rem;}
.cart_wrap .btn_wrap .blue_btn {background: #3D5CE2; color: #fff; width: 16.68rem;}
.cart_wrap .btn_wrap .blue_btn + .b_btn {width: 14.75rem;}

/********** 결제하기 **********/
.order_wrap .sec + .sec {margin-top: 2rem;}
.order_wrap .sec .secTitle {margin-bottom: 1rem !important;}
.order_wrap .accordion .secTitle {margin-bottom: 0 !important;}
.order_wrap .orderPrd .td {padding: 1.25rem 0;}
.order_wrap .orderPrd .td > div {width: 100%;}
.order_wrap .orderPrd .info {width: 76%; padding-right: 1.25rem;}
.order_wrap .orderPrd .price,
.order_wrap .orderPrd .qty {width: 12%;}
.order_wrap .orderPrd .info .flex {gap:  0.5rem; color: #6D6D6D; font-size: 0.875rem; font-weight: 400; line-height: 1.43;}
.order_wrap .orderPrd .info .flex strong {color: #000; font-weight: 600;}
.order_wrap .orderPrd .subject {margin-top: 0.5rem; font-size: 1rem; font-weight: 600; line-height: 1.43; text-align: left; word-break: keep-all;}
.order_wrap .orderPrd .td .tit {display: block; font-size: 0.875rem; font-weight: 600; line-height: 1.43; margin-bottom: 0.625rem;}
.order_wrap .orderPrd .td .tit + * {font-size: 0.875rem; line-height: 1.43;}
.order_wrap .orderPrd .td .tit + p {color: #6D6D6D; font-weight: 400;}
.order_wrap .orderPrd .td .tit + strong {font-weight: 600;}
.order_wrap .payment .price {margin-bottom: 0;}
.order_wrap .payment .price > div {width: 16.25rem;}
.order_wrap .paymentMethod .method {gap: 3.125rem;}
.order_wrap .paymentMethod .method label {gap: 0.625rem; color: #6D6D6D; font-size: 0.875rem; font-weight: 400; line-height: 1.43; cursor: pointer;}
.order_wrap .paymentMethod .method input:checked + span {color: #000; font-weight: 600;}
.order_wrap .paymentMethod .method input {border-radius: 100%;}
.order_wrap .paymentMethod .cont {padding-bottom: 0; border-bottom: 0;}
.order_wrap .paymentMethod .cont .infoBox {padding: 1.5625rem 1.875rem; display: block;}
.order_wrap .paymentMethod .infoBox .sms strong {display: block; width: 8.75rem; color: #000; font-size: 0.875rem; font-weight: 600;}
.order_wrap .paymentMethod .infoBox .sms input {width: 18.75rem !important;}
.order_wrap .paymentMethod .infoBox .info {margin-top: 0.9375rem;}
.order_wrap .paymentMethod .infoBox .info:not(#creditCard) {display: none;}
.order_wrap .paymentMethod .infoBox .info .tit {font-size: 0.875rem; font-weight: 600; padding-bottom: 0; border-bottom: 0;}
.order_wrap .paymentMethod .infoBox .info li,
.order_wrap .paymentMethod .infoBox .info p {color: #6D6D6D; font-size: 0.875rem; font-weight: 400; line-height: 1.43;}
.order_wrap .paymentMethod .infoBox .info .disc + .tit,
.order_wrap .paymentMethod .infoBox .info p,
.order_wrap .paymentMethod .infoBox .info ul {margin-top: 0.75rem;}
.order_wrap .refund {border-radius: 0.625rem; border: 1px solid #E3E3E3; padding: 2.5rem;}
.order_wrap .refund .rf_sec + .rf_sec {margin-top: 3rem;}
.order_wrap .refund .th:first-child,
.order_wrap .refund .td:first-child {width: 20%;}
.order_wrap .refund .th:last-child,
.order_wrap .refund .td:last-child {width: 80%; display: block;}
.order_wrap .refund .td .disc .flex {gap: 0.5rem;}
.order_wrap .refund .td li,
.order_wrap .refund .td p {color: #6D6D6D; font-size: 0.875rem; font-weight: 400; line-height: 1.43; text-align: left; word-break: keep-all;}
.order_wrap .refund .td ul + ul {margin-top: 0.5rem;}
.order_wrap .refund ul.disc li::before {top: .5rem; width: 0.25rem;}
.order_wrap .refund .td > .flex {height: 100%;}
.order_wrap .refund .infoBox {border: 1px solid #E3E3E3; background: #fff; color: #000; font-size: 0.875rem; font-weight: 400; line-height: 1.43; letter-spacing: -0.025rem; border-radius: 0; word-break: keep-all;}
.order_wrap .refund .info {color: #6D6D6D; font-size: 0.875rem; font-weight: 400; line-height: 1.43; letter-spacing: -0.025rem; word-break: keep-all;}
.order_wrap .agree {gap: 0.625rem; font-size: 0.875rem; font-weight: 500; line-height: 1.43; word-break: keep-all; cursor: pointer; display: inline-flex;}
.order_wrap .submit_btn {gap: 0.625rem;}
.order_wrap .submit_btn a {width: 12.68rem; height: 3rem; padding: 0; display: flex; align-items: center; justify-content: center;}
.order_wrap .submit_btn a.g_btn {border-color:#E8E8E8; color: #777;}

/********** 내강의실_subPgMenu **********/
.subPgMenu.mypage .subPgMenu_in {width: 13.75rem;}
.subPgMenu.mypage h4 {font-size: 1.5rem; font-weight: 600; line-height: 1.33;}
.subPgMenu.mypage h4.mypageTitle {display: none;}
.subPgMenu.mypage .info {padding: 0; border: 0;}
.subPgMenu.mypage .info .name {font-size: 1.25rem; font-weight: 300; letter-spacing: -0.025rem;}
.subPgMenu.mypage .info .name span {color: #6D6D6D; font-size: 1rem; font-weight: 400;}
.subPgMenu.mypage .info .name strong {font-weight: 600; color: #000; display: inline-block;}
.subPgMenu.mypage .btnBox {gap: 0.625rem;}
.subPgMenu.mypage .btnBox a {padding: 0.5rem 0.75rem; gap: 0.5rem;}
.subPgMenu.mypage .btnBox a img {width: 1rem;}
.subPgMenu.mypage .btnBox a.b_btn {color: #fff;}
.subPgMenu.mypage .btnBox a.b_btn img {filter: var(--filter-white);}
.subPgMenu.mypage .btnBox a.bg_g_btn img {filter: invert(1) grayscale(1);}
.subPgMenu.mypage .slideMenu {border-top: 1px solid #000; padding-top: 1.88rem;}
.subPgMenu.mypage .slideMenu .scroll {width: 100%;}
/* .subPgMenu.mypage .slideMenu ul {max-height: 29rem;} */

/********** 나의 수강내역 **********/
.single_online .tabStyle02 li {padding: .75rem 1.5rem; font-size: 1rem;}
.single_online .ifBox_w,
.single_online .sec + .sec {margin-top: 3rem;}
.single_online .sec > .flex-jb {margin-bottom: 1rem;}
.single_online .sec > .flex-jb .secTitle {margin-bottom: 0 !important;}
.single_online .table_style01.single .info {width: 43.45%; border-right: 1px solid #E3E3E3;}
.single_online .table_style01.single .td.info {text-align: left;}
.single_online .table_style01.single .info > div {width: 100%;}
.single_online .table_style01.single .thCont,
.single_online .table_style01.single .tdCont {width: 56.55%; display: flex;}
.single_online .table_style01.single .qty {width: 15%;}
.single_online .table_style01.single .studyPeriod {width: 27%;}
.single_online .table_style01.single .time,
.single_online .table_style01.single .startLearning,
.single_online .table_style01.single .extendRequest {width: 20%;}
.single_online .table_style01.single .subject {gap: 0.5rem;}
.single_online .table_style01.single .info .tit {font-size: 1rem; font-weight: 600; line-height: 1.43; letter-spacing: -0.025rem; /* overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; */}
.single_online .table_style01.single .info .s_btn {padding: .25rem .5rem .2rem; font-size: 0.75rem; display: inline-flex;}
.single_online .table_style01.single .info .pc:not(.subject) > * {margin-top: 0.5rem; font-size: 0.875rem;}
.single_online .table_style01.single .info .pc > .flex {gap: 1.25rem;}
.single_online .table_style01.single .info .pc > .flex .flex {gap: 0.5rem;}
.single_online .table_style01.single .info .pc .flex span {color: #6D6D6D;}
.single_online .table_style01.single .info .pc strong {display: block;}
.single_online .table_style01.single .startLearning div {display: flex; flex-direction: column; gap: 0.625rem;}
.single_online .table_style01.single .startLearning .bg_g_btn {background: #6D6D6D; border-color: #6D6D6D; color: #fff;}
.single_online .redInfo {font-size: 0.875rem; font-weight: 400; line-height: 1.43; letter-spacing: -0.025rem;}
/* ifBox_w */
.ifBox_w {border: 1px solid #E3E3E3; padding: 1.25rem .75rem; text-align: center; font-size: 0.875rem; font-weight: 400; letter-spacing: -0.025rem; font-weight: 400; line-height: 1.43;}
.single_online .class .tb_cont {border-radius: 0.625rem; border: 1px solid #E3E3E3; padding: 2.5rem;}
.single_online .class .tb_cont > div + div {margin-top: 1.75rem;}
.single_online .class .tb_cont .tit {font-size: 1.25rem; font-weight: 600; line-height: 1.5; letter-spacing: -0.0125rem; margin-bottom: 1rem;}
.single_online .class .tb_cont .cont p,
.single_online .class .tb_cont .cont li {color: #6D6D6D; font-size: 1rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.025rem; word-break: keep-all;}
.single_online .class .tb_cont .cont p + p {margin-top: 0.75rem;}
.single_online .class .tb_cont .cont > strong {display: block; font-size: 1.125rem; color: #000; font-weight: 600; margin-bottom: .5rem;}
.single_online .class .th:first-child,
.single_online .class .td:first-child {width: 20%;}
.single_online .class .th:last-child,
.single_online .class .td:last-child {width: 80%; display: block;}
.single_online .class .td li,
.single_online .class .td p {font-size: 0.875rem; font-weight: 400; line-height: 1.43; text-align: left; word-break: keep-all;}
/* pauseRequestPopup */
.pauseRequestPopup .sec + .sec {margin-top: 1.75rem;}
.pauseRequestPopup .sec > strong {display: block; font-size: 1.125rem; font-weight: 600; line-height: 1.5; margin-bottom: 0.75rem;}
.pauseRequestPopup .infoBot {border-radius: 0.625rem; background: #F9F9F9; padding: 1.75rem 2rem; text-align: center; font-size: 1rem;}
.pauseRequestPopup .infoBot strong {font-weight: 600;}
.pauseRequestPopup .infoBot p {color: #6D6D6D; margin-top: .25rem;}
.pauseRequestPopup .infoBot .s_btn {margin-top: 1.06rem; display: inline-block;}
.pauseRequestPopup .th:first-child,
.pauseRequestPopup .td:first-child {width: 20%;}
.pauseRequestPopup .th:last-child,
.pauseRequestPopup .td:last-child {width: 80%;}
.pauseRequestPopup .td:last-child {justify-content: flex-start;}
/* 만료된 강의 */
.single_online .completed .table_style01.single .info {width: 55%;}
.single_online .completed .table_style01.single .thCont,
.single_online .completed .table_style01.single .tdCont {width:45%;}
.single_online .completed .table_style01.single .qty,
.single_online .completed .table_style01.single .time,
.single_online .completed .table_style01.single .studyPeriod {width: 24%;}
.single_online .completed .table_style01.single .startLearning {width: 28%;}
.single_online .completed .table_style01.single .subject a {font-weight: 400;}
.single_online .completed .table_style01.single .td.studyPeriod {justify-content: flex-end; font-weight: 600;}

/********** 수강하기 **********/
/* viewInfo */
.learning .viewInfo .info .cont.flex {gap: 0.75rem;}
.learning .viewInfo .info .cont.flex .line {display: block; width: 1px; height: 0.75rem; background: #E3E3E3;}
.learning .viewInfo .info .pause > .flex {align-items: flex-start;}
.learning .viewInfo .info .pause > .flex > strong {line-height: 2rem; display: block;}
.learning .viewInfo .info .pause .w_btn {padding: 0.5rem 0.75rem; border-color: #E3E3E3; color: #000;}
.learning .viewInfo .info .pause .fc_red {display: block; margin-top: .5rem; word-break: keep-all; min-width: auto;}
.learning .viewInfo .info > .btnBox a {padding: .5rem .75rem;}
.learning .bdBasic_list_wrap {margin-top: 3rem;}
/* table */
.learning .table .th,
.learning .table .td {flex: auto; box-sizing: border-box;}
.learning .table .num {min-width: 7%; max-width: 7%;}
.learning .table .tit {min-width: 37%; max-width: 37%;}
.learning .table .lessonTime,
.learning .table .studyTime {min-width: 9.5%; max-width: 9.5%;}
.learning .table .lastDate {min-width: 11%; max-width: 11%;}
.learning .table .file {min-width: 9%; max-width: 9%;}
.learning .table .play {min-width: 17%; max-width: 17%;}
.learning .table .tit label {display: block; width: 100%;}
.learning .table .tit span {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; font-size: 1rem;}
.learning .table .file img {width: 1rem;}
.learning .table .play.flex {gap: 0.5rem;}
.learning .table .play a {padding: .5rem .75rem;}
.learning .table .play a img {filter: invert(1) grayscale(1); width: 1rem;}
.learning .table .td.mob {display: none;}
/* ifBox_w */
.learning .ifBox_w {margin-top: 1.875rem;}

/********** 온라인강의 **********/
.combo_online .searchBox {border-radius: 0.625rem; background: #F9F9F9; padding: 1.75rem 2rem; gap: 1.875rem;}
.combo_online .searchBox strong {font-size: 1rem; font-weight: 500; line-height: 1.5;}
.combo_online .sch_select .tit {width: 25.5rem; font-weight: 300;} 
.combo_online .searchBox + .desc {color: #6D6D6D; font-size: 0.875rem; font-weight: 400; line-height: 1.43; letter-spacing: -0.025rem; word-break: keep-all;}
.combo_online .tabBox {margin-top: 2.875rem;}
.combo_online .tabBox .m_btn {padding: 0.75rem 1.5rem .55rem; line-height: 1.43;}
.combo_online .ifBox_w p {word-break: keep-all;}
.combo_online .ifBox_w p + p {margin-top: .25rem;}
.combo_online .bdBasic_list_wrap.test .th,
.combo_online .bdBasic_list_wrap.test .td {flex: auto;}
.combo_online .bdBasic_list_wrap.test .num {width: 10%;}
.combo_online .bdBasic_list_wrap.test .tit {width: 50%;}
.combo_online .bdBasic_list_wrap.test .file {width: 20%;}
.combo_online .bdBasic_list_wrap.test .date {width: 20%;}
.combo_online .bdBasic_list_wrap.test .file a {gap: 6px; display: flex; align-items: center;}
.combo_online .bdBasic_list_wrap.test .file img {width: 1rem;}
.combo_online .notice {margin-bottom: 1rem;}
.combo_online .secTitle {margin-bottom: 0 !important;} 

.combo_online .tb_cont.cal .bg_g_btn {background: #6D6D6D; border-color: #6D6D6D; color: #fff;}
.combo_online .tb_cont.cal .bg_g_btn img {filter: var(--filter-white);}
.combo_online .tb_cont.cal .w_infoBox .flex {margin-top: .25rem; gap: 1.25rem;}
.combo_online .tb_cont.cal .w_infoBox .flex p {display: flex; align-items: center; gap: 0.5rem; margin-top: 0 !important;}
.combo_online .tb_cont.cal .w_infoBox .flex p * {font-size: 0.875rem; letter-spacing: -0.025rem;}
.combo_online .tb_cont.cal .w_infoBox .flex p strong {font-weight: 600;}
.combo_online .tb_cont.cal .w_infoBox .flex p span {color: #6D6D6D; font-weight: 400;}
.combo_online .tb_cont.cal .cal_tableCont {padding-right: 1.13rem; max-height: 68.65938rem; overflow: hidden; overflow-y: auto;}
.combo_online .tb_cont.cal .cal_tableCont::-webkit-scrollbar {width: 0.125rem;}
.combo_online .tb_cont.cal .cal_tableCont::-webkit-scrollbar-thumb {background: #888;}
.combo_online .tb_cont.cal .cal_tableCont::-webkit-scrollbar-track {background: #DDD;}
.combo_online .tb_cont.cal .cal_tableCont .table {border-top: 0;}
.combo_online .tb_cont.cal .cal_tableCont .th {border-color: #7A7A7A; background: #fff; font-size: 1.125rem; font-weight: 600;}
.combo_online .tb_cont.cal .cal_tableCont .td {padding: 0.5rem; display: block; min-height: 8.14rem; text-align: left;}
.combo_online .tb_cont.cal .cal_tableCont .td::before {display: none !important;}
.combo_online .tb_cont.cal .cal_tableCont .td div {padding: 0;}
.combo_online .tb_cont.cal .cal_tableCont .td .week {display: none;}
.combo_online .tb_cont.cal .cal_tableCont .td .date {color: #252525; font-size: 1rem; font-weight: 500; line-height: 1.5;}
.combo_online .tb_cont.cal .cal_tableCont .td .cont {margin-top: 0.5rem;}
.combo_online .tb_cont.cal .cal_tableCont .td .cont .start,
.combo_online .tb_cont.cal .cal_tableCont .td .cont .end {display: flex; align-items: center; justify-content: space-between; font-size: 0.875rem; line-height: 1.43;}
.combo_online .tb_cont.cal .cal_tableCont .td .cont .flex {flex-direction: column; justify-content: flex-end;}
.combo_online .tb_cont.cal .cal_tableCont .td .cont > div + div,
.combo_online .tb_cont.cal .cal_tableCont .td .cont .time {margin-top: .25rem;}
.combo_online .tb_cont.cal .cal_tableCont .td .cont span {color: #6D6D6D; font-size: 0.875rem; font-weight: 400;}
.combo_online .tb_cont.cal .cal_tableCont .td .cont strong {color: #252525; font-weight: 500;}
.combo_online .tb_cont.cal .cal_tableCont .td .cont .time {text-align: right; font-weight: 700;}
.combo_online .tb_cont.cal .cal_tableCont .td.fc_red .date {color: #D31A1A;}
.combo_online .tb_cont.cal .cal_tableCont .td.fc_blue .date {color: #003CBD;}


/********** 주문내역 **********/
.order_list .table.table_style01 {margin-top: 2.25rem;}
.order_list .table.table_style01 .orderDate {width: 12%;}
.order_list .table.table_style01 .name {width: 38%;}
.order_list .table.table_style01 .thCont,
.order_list .table.table_style01 .tdCont {width: 50%; border-left: 1px solid #E3E3E3;}
.order_list .table.table_style01 .paymentDate {width: 28%;}
.order_list .table.table_style01 .price,
.order_list .table.table_style01 .paymentMethod,
.order_list .table.table_style01 .receipt {width: 24%;}
.order_list .table.table_style01 .td.name {justify-content: flex-start; text-align: left;}
.order_list .table.table_style01 .name > div {width: 100%;}
.order_list .table.table_style01 .name p {word-break: keep-all; display: block;}
.order_list .table.table_style01 .name p + p {margin-top: .38rem;}
.order_list .table.table_style01 .name strong {font-weight: 600;}
.order_list .table.table_style01 .price {justify-content: flex-end;}
.order_list .table.table_style01 .price strong {font-weight: 600;}
.order_list .table.table_style01 .price.flex-jc {justify-content: center;}
.order_list .table.table_style01 .receipt a {padding: .5rem .75rem; font-size: 0.875rem;}
.order_list .table.table_style01 .receipt a img {width: 1rem;}
.order_list .empty {border-top: 1px solid #E3E3E3;}

/********** 주문내역상세정보 **********/
.delivery_detail .cart_wrap {width: 100%; max-width: 100%;}
.delivery_detail .sec + .sec {margin-top: 3rem !important;}
.delivery_detail .accordion ul {display: flex; flex-wrap: wrap; gap: 0.5rem;}
.delivery_detail .accordion ul li {width: calc(50% - .25rem); display: flex; align-items: center; color: #777; font-size: 0.875rem; font-weight: 400; line-height: 1.43;}
.delivery_detail .accordion ul li strong {width: 4.31rem !important; color: #000; display: block;}
.delivery_detail .desc {color: #6D6D6D; font-size: 0.875rem; font-weight: 400; line-height: 1.43; letter-spacing: -0.025rem;}
.delivery_detail .payment {margin-top: 1rem !important;}
.delivery_detail .payment * {color: #000 !important;}
.delivery_detail .table_style01 .box {display: flex; align-items: center; gap: 1.25rem; margin-top: 0.5rem;}
.delivery_detail .table_style01 .box .flex {display: flex; align-items: center; gap: 0.5rem; color: #6D6D6D; font-size: 0.875rem; font-weight: 400; line-height: 1.43; letter-spacing: -0.025rem;}
.delivery_detail .table_style01 .box .flex strong {color: #000; font-weight: 600;}
.delivery_detail .table_style01 .box .flex .fc_red {font-weight: 600;}
.delivery_detail .table_style01 .s_btn {padding: .5rem 0; width: 4.5625rem; margin: 0 auto;}
.delivery_detail .accordion .tit {font-size: 1rem; font-weight: 600; line-height: 1.5;}
.delivery_detail .accordion .cont > .name {margin-bottom: .75rem;}
.delivery_detail .accordion2 .cont ul strong {width: 5.81rem !important;}
.delivery_detail .accordion2 .cont ul span {width: calc(100% - 5.81rem);}
.delivery_detail .infoBox {display: block !important; margin-top: 1.25rem;}
.delivery_detail .infoBox .name {margin-bottom: .5rem;}
.delivery_detail .infoBox ul {display: block !important;}
.delivery_detail .infoBox ul li {width: 100% !important;}
.delivery_detail .infoBox ul li::before {top: .45rem;}
.delivery_detail .btnBox {text-align: center;}
.delivery_detail .btnBox a {display: inline-flex; margin: 0 auto; border-color: #E3E3E3; color: #000; padding: 0.5rem 0.75rem; font-size: 0.875rem;}

/********** 아이디/비밀번호 찾기 **********/
.find_ID .findBox .box {padding: 2.25rem 2.5rem; border-radius: 0.9375rem; border: 1px solid #E3E3E3; background: #F9F9F9;}
.find_ID .findBox .box .agreeInfo {text-align: center;}
.find_ID .findBox .box .agreeInfo .ifbox_tit {margin-bottom: 0 !important;}
.find_ID .findBox .box .agreeInfo p {margin-top: .5rem;}
.find_ID .findBox .flex-jc {gap: 1.75rem;} 
.find_ID .findBox .input {display: flex; align-items: center; gap: 1.25rem;}
.find_ID .findBox .input strong {color: #000; font-size: 0.875rem; font-weight: 600; line-height: 143%;}
.find_ID .findBox .btnBox {text-align: center;}
.find_ID .findBox .btnBox a {width: 15.8rem;}
.find_ID .findBox .box input[type="number"] {width: 21.25rem !important;}
.find_ID .findBox .box.id input[type="text"] {width: 15.9rem !important;}
.find_ID .findBox .box.pw input.id {width: 9rem !important;}
.find_ID .findBox .box.pw input.name {width: 9.68rem !important;}

/********** 나의 수강내역 > 단과반 수강내역 > 학원강의 **********/
.mypageWrap.singleAcademy .table .checkbox {justify-content: center;}

/********** 나의 수강내역 > 단과반 수강내역 > 영상학습실 **********/
.mypageWrap.singleVideo .infoBox {display: flex; align-items: flex-end; gap: 1.875rem;}
.mypageWrap.singleVideo .infoBox > img {width: 15.125rem;}
.mypageWrap.singleVideo .infoBox > div {width: calc(100% - 15.125rem - 1.875rem);}
.mypageWrap.singleVideo .infoBox .secTitle {margin-bottom: 0;}
.mypageWrap.singleVideo .infoBox ul li {font-size: .875rem;}
.mypageWrap.singleVideo .infoBox ul li::before {width: 0.25rem; height: 0.25rem;}
.mypageWrap.singleVideo .infoBox .flex {gap: 0.5rem; color: #6D6D6D; font-size: 1rem; font-weight: 400; line-height: 143%;}
.mypageWrap.singleVideo .infoBox .flex strong {color: #000; font-weight: 600;}
.mypageWrap.singleVideo .infoBox .flex img {width: 1.5rem;}
.mypageWrap.singleVideo .table .info {width: 65%;}
.mypageWrap.singleVideo .table .time {width: 13%;}
.mypageWrap.singleVideo .table .subject p {font-size: 0.875rem; font-weight: 400; line-height: 143%; letter-spacing: -0.025rem;}

/********** 나의 수강내역 > 종합반 수강내역 > 학원강의 **********/
.combo_online .tb_cont.locker {text-align: center;}
.combo_online .tb_cont.locker .infoBox {max-width: fit-content; margin: 0 auto;}
.combo_online .tb_cont.locker .infoBox ul {max-width: fit-content; margin: 0 auto;}
.combo_online .tb_cont.locker .infoBox ul li {color: #6D6D6D; font-size: 0.875rem; font-weight: 400; line-height: 143%; text-align: left;}
.combo_online .tb_cont.locker label {display: flex; align-items: center; justify-content: center; gap: .62rem; color: #000; font-size: 1rem; font-weight: 400; line-height: 1.5; cursor: pointer;}
.combo_online .tb_cont.locker .compLocker_cont {display: none;}
.combo_online .tb_cont.locker .compLocker_cont .state h3 {font-size: 1.75rem; font-weight: 600; line-height: 129%; letter-spacing: -0.025rem;}
.combo_online .tb_cont.locker .compLocker_cont .state p,
.combo_online .tb_cont.locker .compLocker_cont ul li {color: #6D6D6D; font-size: 1rem; font-weight: 400; line-height: 150%; letter-spacing: -0.0125rem;}
.combo_online .tb_cont.reg .form {padding-bottom: 1.88rem; border-bottom: 1px solid #E3E3E3;}
.combo_online .tb_cont.reg .form dl + dl {margin-top: 1.75rem;}
.combo_online .tb_cont.reg .form dt {color: #000; font-size: 0.875rem; font-weight: 600; line-height: 143%;}
.combo_online .tb_cont.reg .form dd {margin-top: 0.5rem;}
.combo_online .tb_cont.reg .form dd input {border: 1px solid #E3E3E3; height: 2.75rem; padding: 0 .94rem; font-size: 0.875rem; font-weight: 500; border-radius: 0.3125rem;}
.combo_online .tb_cont.reg .form dd input::placeholder {color: #AAA;}
.combo_online .tb_cont.reg .form dd .cont .sch_select .tit {color: #aaa;}
.combo_online .tb_cont.reg .form .file dd.flex,
.combo_online .tb_cont.reg .form .file dd .flex {gap: .625rem;}
.combo_online .tb_cont.reg .form .file dd .flex {width: calc(100% - 7.94rem);}
.combo_online .tb_cont.reg .form .file dd input {width: calc(100% - 4.75rem - .625rem);}
.combo_online .tb_cont.reg .form .file dd .s_btn {width: 4.75rem; height: 2.75rem;}
.combo_online .tb_cont.reg .form .file dd .val {color: #777; font-size: 0.875rem; font-weight: 400;}
.combo_online .tb_cont.reg .form .grade .flex2,
.combo_online .tb_cont.reg .form .academic .flex {gap: 0.5rem;}
.combo_online .tb_cont.reg .form .academic dd > .flex + .flex {margin-top: 0.5rem;}
.combo_online .tb_cont.reg .form .advice .w_infoBox .tit,
.combo_online .tb_cont.reg .form .experience dd > .flex > .tit,
.combo_online .tb_cont.reg .form .experience,
.combo_online .tb_cont.reg .form .academic .tit {color: #000; font-size: 0.875rem; font-weight: 500; min-width: 3.125rem;}
.combo_online .tb_cont.reg .form .academic .cont {display: flex; align-items: center; gap: 1.25rem;}
.combo_online .tb_cont.reg .form dl .basic_desc,
.combo_online .tb_cont.reg .form .grade .flex .flex2,
.combo_online .tb_cont.reg .form .studyTime .flex,
.combo_online .tb_cont.reg .form .academic .cont .flex {gap: .5rem; color: #AAA; font-size: 0.875rem; font-weight: 500;}
.combo_online .tb_cont.reg .form .academic .cont input,
.combo_online .tb_cont.reg .form .academic .cont .sch_select .tit {width: 10.9rem;}
.combo_online .tb_cont.reg .form .academic .cont .flex2 .sch_select .tit {width: 7.5rem;}
.combo_online .tb_cont.reg .form .academic .cont .flex2 .sch_select:nth-child(2) .tit {width: 6.25rem;}
.combo_online .tb_cont.reg .form .grade .flex,
.combo_online .tb_cont.reg .form .studyTime > .flex {gap: 1.25rem;}
.combo_online .tb_cont.reg .form .experience dd .sch_select .tit,
.combo_online .tb_cont.reg .form .studyTime .sch_select .tit,
.combo_online .tb_cont.reg .form .studyTime input {width: 6.25rem;}
.combo_online .tb_cont.reg .form input[type="checkbox"],
.combo_online .tb_cont.reg .form input[type="radio"] {width: 1.25rem; height: 1.25rem; padding: 0;}
.combo_online .tb_cont.reg .form input[type="radio"] {border-radius: 100%;}
.combo_online .tb_cont.reg .form label {display: flex; align-items: center; gap: 0.625rem; color: #8E8E8E; font-size: 0.875rem; font-weight: 400;}
.combo_online .tb_cont.reg .form label + label {margin-left: 1.875rem;}
.combo_online .tb_cont.reg .form label input:checked + span {color: #000;}
.combo_online .tb_cont.reg .form .basic_desc {font-weight: 600 !important;}
.combo_online .tb_cont.reg .form .experience dd > .flex {display: flex; align-items: center; gap: 1.25rem;}
.combo_online .tb_cont.reg .form .experience dd > .flex + .flex {margin-top: .75rem;}
.combo_online .tb_cont.reg .form .experience dd .cont .flex {gap: .62rem 1.25rem; flex-wrap: wrap;}
.combo_online .tb_cont.reg .form .experience dd .cont .flex + .flex {margin-top: .5rem;}
.combo_online .tb_cont.reg .form .experience .cont label {margin-left: 0 !important;}
.combo_online .tb_cont.reg .form .experience dd > .flex > .tit {width: 3.63rem;}
.combo_online .tb_cont.reg .form .advice .w_infoBox {padding: 1rem 1.25rem; align-items: flex-start; gap: .5rem; border-radius: 0.3125rem;}
.combo_online .tb_cont.reg .form .advice .w_infoBox .tit {min-width: 3.125rem;}
.combo_online .tb_cont.reg .form .advice .w_infoBox + .w_infoBox {margin-top: .5rem;}
.combo_online .tb_cont.reg .form + .w_infoBox {margin-top: 1.75rem; padding: 1.5rem .75rem; word-break: keep-all;}
.combo_online .tb_cont.reg .basic_desc {word-break: keep-all;}



/********** 나의 수강내역 > 종합반 수강내역 > 만료된강의 **********/
.comboCompleted .sec1 .table_style01.single .th,
.comboCompleted .sec1 .table_style01.single .td {width: 25%;}
.comboCompleted .sec1 .table_style01.single .info {width: 50%;}
.comboCompleted .sec:not(.sec1) .table_style01 .th,
.comboCompleted .sec:not(.sec1) .table_style01 .td {width: 15%;}
.comboCompleted .sec:not(.sec1) .table_style01 .info {width: 55%;}
.comboCompleted .sec:not(.sec1) .table_style01 .price {justify-content: center;}

/********** 결제/배송관리 > 내맘대로 결제 **********/
.order_list.custom .table.table_style01 .name {width: 75%;}
.order_list.custom .table.table_style01 .tdCont,
.order_list.custom .table.table_style01 .thCont {width: 25%;}
.order_list.custom .table.table_style01 .tdCont .td,
.order_list.custom .table.table_style01 .thCont .th {width: 50%;}
.order_list.custom .table.table_style01 .subject {font-size: 1rem; font-weight: 600; line-height: 1.43; letter-spacing: -0.025rem;} 

/********** 결제/배송관리 > 독서실 연장결제 **********/
.order_list.studyroom .table01.table_style01 .orderDate {width: 15%;}

/********** 내강의실 > 공개특강 **********/
.openlectureDetail.learning .table .tit {min-width: 57.5%; max-width: 57.5%; display: flex; align-items: center;}
.openlectureDetail.learning .table .timeLine {margin-top: 0.625rem; width: 100%; height: 0.25rem; border-radius: 0.3125rem; background: #D9D9D9; position: relative;}
.openlectureDetail.learning .table .timeLine span {position: absolute; top: 0; left: 0; height: 100%; background: #000; border-radius: .3125rem;}

/********** 내강의실 > 공개특강 **********/
.mocktest.course_single .table .info {width: 63%;}
.mocktest.course_single .swipeCont2 .th {width: 15%; display: flex; align-items: center; justify-content: center;}
.mocktest.course_single .swipeCont2 .td {width: 85%;}

/********** 회원정보수정 **********/
.mypageWrap #memberWrap {padding: 0 !important; margin: 0 !important;}

/********** 회원탈퇴 **********/
.withdraw.find_ID .findBox .input {justify-content: center;}
.withdraw.find_ID .findBox .box input[type="text"] {width: 22rem !important; margin: 0 auto;}
.withdraw.find_ID .btnBox .l_btn {width: auto;}










@media screen and (max-width:1140px) {
    
    /********** 수강하기 **********/
    /* table */
    .learning .table .tit {min-width: 36%; max-width: 36%;}
    .learning .table .play {min-width: 18%; max-width: 18%;}
    
    /********** 주문내역 **********/
    .order_list .table.table_style01 .th, 
    .order_list .table.table_style01 .td {padding: 1rem .5rem;}
    .order_list .table.table_style01 .paymentDate {width: 27%;}
    .order_list .table.table_style01 .price,
    .order_list .table.table_style01 .paymentMethod {width: 23%;}
    .order_list .table.table_style01 .receipt {width: 26%;}
}


@media screen and (max-width:1024px) {
    /********** common **********/
    #memberWrap {padding: 9.5rem 0 3.75rem;}
    #memberWrap.join {padding-top: 6.25rem;}
    #memberWrap h2.title {font-size: 1.5rem; letter-spacing: 0; margin-bottom: 2.5rem;}

    /********** join **********/
    /* step */
    .process_step {gap: 2.5rem; margin-bottom: 2rem;}
    .process_step::before {top: 1.31rem;}
    .process_step .circle img {width: 1.20831rem;}
    .process_step p br {display: none;}
    /* 약관동의 */
    .join .agreeInfo h3 {font-size: 1.25rem; letter-spacing: 0;}
    .join .agreeInfo p {margin-top: 1rem; font-size: 0.875rem;}
    .join .agreeForm label {gap: 0.5rem; font-size: 0.875rem;}
    .join .agreeForm ul li {padding: 1.13rem 0;}
    .join .agreeForm .more {font-size: 0.875rem; padding: 0.2rem 0.7rem;}
    .join .agreeForm .errorText {margin-top: 0.75rem !important;}
    .join .l_btn.join {width: 14.75rem;}
    /* 약관동의 팝업 */
    .joinAgreePopup .scroll {max-height: 20.625rem !important; padding-right: 1rem;}
    .joinAgreePopup .popupCont {max-width: calc(100% - 2.5rem); width: 100%;}
    /* 실명확인 */
    .join .identity {grid-template-columns: repeat(1,1fr);}
    .join .identity a {gap: 1.25rem; padding: 1.75rem 1rem;}
    .join .identity a img {width: 2.25rem;}
    .join .identity a .txt {width: calc(100% - 2.25rem - 1.25rem);}
    .join .identity a strong {font-size: 1rem; letter-spacing: 0;}
    .join .identity a p {font-size: 0.875rem;}
    .join .ipInfo {gap: 0.5rem; margin-top: 1rem; flex-direction: column; align-items: flex-start;}
    /* 회원정보입력 */
    .join_form dl + dl {margin-top: 0.75rem;}
    .join .infoBox {padding: 1.25rem 1rem;}
    
    /********** 장바구니 **********/
    .cart .process_step {justify-content: center; gap: 3.75rem;}
    .cart .process_step::before {width: 9rem;}
    .cart_wrap {max-width: 68.75rem;}
    .cart_wrap .ifbox_tit {font-size: 1.25rem; margin-bottom: 1rem;}
    .cart_wrap .sec {margin-top: 2rem !important;}
    .cart_wrap .mt_60 {margin-top: 2.5rem !important;}
    .cart_wrap .sec > .flex-jb {margin-bottom: 1rem;}
    /* sec1 */
    .cart_wrap .sec1 .disc li {font-size: 0.875rem;}
    /* sec2 */
    .cart_wrap .sec2 {padding: 1.5rem 1rem;}
    .cart_wrap .sec2 > p {margin-top: 1rem;}
    .cart_wrap .sec2 .grid {margin: 1.25rem auto; grid-template-columns: repeat(1,1fr);}
    .cart_wrap .sec2 .stepBox {gap: 1.25rem;}
    .cart_wrap .sec2 .stepBox .item {width: 100%; padding: 0.75rem 1.25rem; flex-direction: column;}
    .cart_wrap .sec2 .stepBox .item::after {left: 50%; transform: translateX(-50%) rotate(90deg); top: calc(100% - .3rem); width: 1.875rem; height: 1.875rem;}
    .cart_wrap .sec2 .moreView {font-size: 1rem;}
    .cart_wrap .sec2 .item p.ta-c br:not(.none) {display: none;}
    /* course_single */
    .cart_wrap .course_single .allCheck {gap: 0.625rem; font-size: 0.875rem; letter-spacing: -0.025rem;}
    .cart_wrap .course_single .tr {padding: 1.25rem 0; border-bottom: 1px solid #E3E3E3;}
    .cart_wrap .course_single .td {padding: 0; display: block !important; border: 0 !important;}
    .cart_wrap .course_single .td.info {padding: 0; background: #fff;}
    .cart_wrap .course_single .td.info input {margin-top: .2rem;}
    .cart_wrap .course_single .td.info > .flex {gap: .9rem; align-items: flex-start;}
    .cart_wrap .course_single .td.info > .flex > div {width: calc(100% - 1.25rem - .8rem); padding-right: 0;}
    .cart_wrap .course_single .td.info .subject {display: block;}
    .cart_wrap .course_single .td.info .subject a {margin-right: .25rem;}
    .cart_wrap .course_single .td.info .info {margin-top: 0.75rem; width: 100%;}
    .cart_wrap .course_single .td.price {padding-left: calc(1.25rem + 1.22rem);}
    .cart_wrap .course_single .td.btn {margin-top: 1.5rem; padding-left: calc(1.25rem + 1.22rem);}
    .cart_wrap .course_single .td.btn > div {display: flex; align-items: center; gap: 0.75rem;}
    .cart_wrap .course_single .td.btn a {font-size: 0.875rem;}
    .cart_wrap .course_single .td.btn a + a {margin-top: 0;}
    .cart_wrap .course_single .table .price > div {gap: 0.5rem;}
    /* online */
    .cart_wrap .online .td.info {width: 100%;}
    .cart_wrap .online .td.price {width: 100%;}
    .cart_wrap .online .td.price.mob {display: flex !important; justify-content: flex-start; margin-top: 0.75rem;}
    .cart_wrap .online .td.price:not(.mob) {display: none !important;}
    .cart_wrap .online .td.price label {display: flex; align-items: center; gap: 0.5rem;}
    .cart_wrap .online .td.checkbox {display: none !important;}
    .cart_wrap .online .td.btn {width: 100%;}
    /* academy */
    .cart_wrap .academy .td.info {width: 100%;}
    .cart_wrap .academy .td.price {width: 100%; text-align: left; margin-top: 0.25rem; padding-left: 2.2rem;}
    .cart_wrap .academy .td.btn {width: 100%;}
    .cart_wrap .academy .td.info .info {flex-direction: column; align-items: flex-start; gap: 0.25rem;}
    /* book */
    .cart_wrap .book .tr {padding: 1.25rem 0;}
    .cart_wrap .book .td.bookList {width: 100%; padding: 0;}
    .cart_wrap .bookList .txt .subject {display: -webkit-box; font-size: 1rem;}
    .cart_wrap .bookList .info {width: 100%;}
    .cart_wrap .bookList .info .flex {gap: 0.25rem;}
    .cart_wrap .book .info .flex .flex {flex-direction: row; flex-wrap: wrap; gap: .25rem .5rem;}
    .cart_wrap .bookList .txt .info .flex > div {gap: .5rem; align-items: flex-start;}
    .cart_wrap .book .td.price {width: auto; margin-top: 1.5rem; max-width: 50%;}
    .cart_wrap .book .td.price > div {flex-direction: row; align-items: center; gap: 0.5rem;}
    .cart_wrap .book .td.price + .td.price {padding-left: 1.25rem;}
    .cart_wrap .book .td.btn {width: 100%;}
    .cart_wrap .book .bookList {padding: 1.25rem 0;}
    .cart_wrap .book .bookList .item {gap: 1.22rem; flex-direction: row;}
    .cart_wrap .book .bookList .txt {padding: 0; width: calc(100% - 6.27719rem - 0.625rem);}
    /* accordion */
    .cart_wrap .accordion .cont .infoBox {padding: 0.9375rem 1rem;}
    /* join_form */
    .cart_wrap .join_form > .flex {flex-direction: column;}
    .cart_wrap .join_form > .flex dl {width: 100%;}
    /* payment */
    .cart_wrap .payment {margin-top: 2rem !important; padding: 1.5rem 1rem;}
    .cart_wrap .payment .price {flex-direction: column; justify-content: flex-start; gap: 0.5rem; align-items: flex-start;}
    .cart_wrap .payment .price .price {flex-direction: row;}
    .cart_wrap .payment .price > div {gap: 0; justify-content: space-between; width: 100%;}
    .cart_wrap .payment .circle {display: none;}
    .cart_wrap .btn_wrap {flex-direction: column;}
    .cart_wrap .btn_wrap a {width: 100% !important;}
    .cart_wrap .btn_wrap .flex {gap: 0.625rem; flex-direction: column; width: 100%;}
    .cart_wrap .btn_wrap .flex + .flex {margin-top: 0.625rem;}
    .cart_wrap .btn_wrap .flex a {font-size: 1rem;}
    
    /********** 결제하기 **********/
    .order_wrap .orderPrd .tr {flex-wrap: wrap; padding: 1.25rem 0; gap: .62rem 1.25rem; border-bottom: 1px solid #E3E3E3;}
    .order_wrap .orderPrd .td {padding: 0; border: 0;}
    .order_wrap .orderPrd .info {width: 100%; padding-right: 0;}
    .order_wrap .orderPrd .price,
    .order_wrap .orderPrd .qty {width: auto;}
    .order_wrap .orderPrd .price div,
    .order_wrap .orderPrd .qty div {display: flex; align-items: center; gap: 0.625rem;}
    .order_wrap .orderPrd .info .flex {gap: 0.5rem; font-size: 0.875rem;}
    .order_wrap .orderPrd .td .tit {margin-bottom: 0;}
    .order_wrap .payment .price {margin-bottom: 0; padding-bottom: 0 !important;}
    .order_wrap .payment .price > div {width: 100%;}
    .order_wrap .sec > .flex-jb {padding-bottom: 1.25rem; margin-bottom: 0;}
    .order_wrap .paymentMethod .method {gap: 1.5rem;}
    .order_wrap .paymentMethod .cont .infoBox {padding: 1.5rem 1rem;}
    .order_wrap .paymentMethod .infoBox .sms {flex-direction: column; align-items: flex-start; gap: 0.5rem;}
    .order_wrap .paymentMethod .infoBox .sms strong {width: 100%;}
    .order_wrap .paymentMethod .infoBox .sms input {width: calc(100% - .75rem) !important;}
    .order_wrap .textIndent {padding-left: .69rem; text-indent: -.69rem;}
    .order_wrap .refund {padding: 1.5rem 1rem .5rem 1rem;}
    .order_wrap .refund .rf_sec + .rf_sec {margin-top: 0;}
    .order_wrap .refund .ifbox_tit {position: relative; display: flex; align-items: center; justify-content: space-between; padding: 1rem 0; margin-bottom: 0;}
    .order_wrap .refund .rf_sec:first-child .ifbox_tit {padding-top: 0;}
    .order_wrap .refund .ifbox_tit::after {content: ""; width: 1rem; height: 1rem; background: url(/img/main/head_bg_dep2_arrow.svg) no-repeat center/contain; display: block; transition: all .3s;}
    .order_wrap .refund .ifbox_tit.on::after {transform: rotate(180deg);}
    .order_wrap .refund .ifbox_tit + div {display: none; padding-bottom: 1.25rem;}
    .order_wrap .refund .rf_sec .table {padding-top: 1.25rem;}
    .order_wrap .refund .rf_sec .thead {display: none;}
    .order_wrap .refund .rf_sec .tr {flex-direction: column; align-items: flex-start; gap: 0.75rem;}
    .order_wrap .refund .rf_sec .tr + .tr {margin-top: 1.5rem;}
    .order_wrap .refund .rf_sec .td {padding: 0; border: 0;}
    .order_wrap .refund .th,
    .order_wrap .refund .td {width: 100% !important; text-align: left; justify-content: flex-start;}
    .order_wrap .refund .td strong br {display: none;}
    .order_wrap .refund .td .disc .flex {gap: 0.25rem; flex-direction: column; align-items: flex-start;}
    .order_wrap .refund .td .disc .flex + .flex {margin-top: 0.5rem;}
    .order_wrap .refund .infoBox {padding: 0.9375rem;}
    .order_wrap .submit_btn a {width: auto; flex: 1;}

    /********** 내강의실_common **********/
    #subWrap.mypageWrap {flex-direction: column; align-items: flex-start; gap: 1.875rem; padding-top: 2.5rem; display: flex; margin-top: 3.75rem;}
    #subWrap.mypageWrap.on {position: relative; z-index: 10000;}
    #subWrap.mypageWrap .subContainer .subTitleCont {font-size: 1.25rem;}
    #subWrap.mypageWrap .subTitle {font-size: 1.25rem; margin-bottom: 1.875rem;}


    /********** 내강의실_subPgMenu **********/
    .subPgMenu.mypage h4.showMpMenuInfo {display: none;}
    .subPgMenu.mypage h4.mypageTitle {display: block;}
    #subWrap.mypageWrap.on .subPgMenu.mypage {position: relative; z-index: 10;}
    .subPgMenu.mypage {display: block;}
    .subPgMenu.mypage .subPgMenu_in {width: 100%;}
    .subPgMenu.mypage .info {display: flex; align-items: flex-end; justify-content: space-between;}
    .subPgMenu.mypage .info .name span {font-size: 0.875rem;}
    div:not(.showMpMenuInfo) .subPgMenu.mypage .info {display: none;}
    h4.showMpMenuInfo {display: none;}
    .showMpMenuInfo h4.showMpMenuInfo {display: block;}
    .showMpMenuInfo h4.mypageTitle {display: none;}
    .subPgMenu.mypage .btnBox a {width: 8.75rem;}
    .subPgMenu.mypage .btnBox a.bg_g_btn {display: none;}
    .subPgMenu.mypage .slideMenu {margin-top: 1rem; border-top: 0; padding-top: 0;}
    .subPgMenu.mypage .slideMenu .title {width: 100%; height: 2.75rem; border: 1px solid #E3E3E3; overflow: hidden; padding: 0.62rem 0.9375rem; display: flex; align-items: center; font-size: 1rem; font-weight: 700; position: relative; background: #fff; cursor: pointer;}
    .subPgMenu.mypage .slideMenu .title::after {content: ""; background: url('/img/icon/select_arrow.svg') no-repeat; width: 1rem; aspect-ratio: 1/1; background-size: cover; background-position: center; position: absolute; right: 0.9375rem; top: 50%; transform: translateY(-50%); transition: transform .2s;}
    .subPgMenu.mypage .slideMenu .bg {position: fixed; bottom: 0; left: 0; width: 100%; height: 100svh; background: rgba(0, 0, 0, 0.70); z-index: 1000; visibility: hidden; opacity: 0; transition: opacity .4s;}
    .subPgMenu.mypage .slideMenu .bg.on {visibility: visible; opacity: 1;}
    .subPgMenu.mypage .slideMenu .bg .flex {transform: translateY(100%); transition: all .3s; display: flex; align-items: flex-end; flex-direction: column; justify-content: flex-end; width: 100%; height: 100%; height: 100svh; min-height: 100dvh;}
    .subPgMenu.mypage .slideMenu .bg.on .flex {transform: translateY(0%);}
    .subPgMenu.mypage .slideMenu .close {text-align: right; padding: 1.08rem .33rem ;}
    .subPgMenu.mypage .slideMenu .close img {width: 0.84375rem;}
    .subPgMenu.mypage .slideMenu .scroll {background: #fff; width: 100%; padding: 1.875rem .2rem 1.875rem 1.25rem; max-height: 70%;}
    .subPgMenu.mypage .slideMenu ul {max-height: none; height: 100%; padding: 0; padding-right: 1.05rem; overflow: hidden; overflow-y: auto;}
    .subPgMenu .slideMenu ul::-webkit-scrollbar {width: 0.1875rem;}
    .subPgMenu .slideMenu ul::-webkit-scrollbar-thumb {background: #888;}
    .subPgMenu .slideMenu ul::-webkit-scrollbar-track {background: #DDD;}
    .subPgMenu .slideMenu li > a {padding: 0.75rem 0; font-size: 1.125rem;}
    .subPgMenu .slideMenu dt.has_child::after,
    .subPgMenu .slideMenu li.has_child > a::after {display: none;}
    .subPgMenu .slideMenu .childCont,
    .subPgMenu .slideMenu li > div {display: block; padding: 1rem 0;}
    .subPgMenu .slideMenu dt.has_child,
    .subPgMenu .slideMenu dt:not(.has_child) a {padding: 0; font-size: 1rem; font-weight: 500;}
    .subPgMenu .slideMenu dt.has_child.on,
    .subPgMenu .slideMenu dt:not(.has_child) a.on,
    .subPgMenu .slideMenu dt.has_child:hover,
    .subPgMenu .slideMenu dt:not(.has_child) a:hover {color: #000; text-decoration: underline; text-underline-offset: 3px;}    
    .subPgMenu .slideMenu dl + dl {margin-top: 0.75rem;}
    .subPgMenu .slideMenu .childCont {margin-top: 0.75rem; padding: 1rem;}
    
    /********** 나의 수강내역 **********/
    .single_online .tabStyle02 li {padding: .5rem .75rem; font-size: 0.875rem;} 
    .single_online .table_style01.single .tr {flex-direction: column;}
    .single_online .table_style01.single .th,
    .single_online .table_style01.single .td {background: #fff; border-right: 0;}
    .single_online .table_style01.single .info {width: 100%;}
    .single_online .table_style01.single .info > div {width: 100%;}
    .single_online .table_style01.single .info .tit {font-size: 1rem; letter-spacing: -0.025rem; margin-bottom: .3rem; display: inline-block; /* margin-right: ; */}
    .single_online .table_style01.single .info .s_btn {padding: .25rem .5rem .2rem; font-size: 0.75rem;}
    .single_online .table_style01.single .info .pc:not(.subject) > * {margin-top: 0.5rem; font-size: 0.875rem;}
    .single_online .table_style01.single .thCont {display: none;}
    .single_online .table_style01.single .tdCont {display: block;}
    .single_online .table_style01.single .tdCont {width: 100%; background: #F9F9F9; padding: 1rem; text-align: left;}
    .single_online .table_style01.single .tdCont * {font-size: 0.875rem;}
    .single_online .table_style01.single .tdCont .td {width: 100%; padding: 0; justify-content: flex-start; background: transparent; align-items: flex-start;}
    .single_online .table_style01.single .tdCont .mob .flex,
    .single_online .table_style01.single .tdCont .td {margin-top: 0.75rem; width: 100%; gap: 0 0.75rem; border: 0;}
    .single_online .table_style01.single .tdCont .mob > .flex {flex-direction: column; margin-top: 0;}
    .single_online .table_style01.single .tdCont .mob .flex strong {display: block; min-width: 4.875rem; font-weight: 600;}
    .single_online .table_style01.single .tdCont .mob .flex span {color: #6D6D6D;}
    .single_online .table_style01.single .td::before {color: #000; font-size: 0.875rem; font-weight: 600; line-height: 1.43; letter-spacing: -0.025rem; width: 4.875rem;}
    .single_online .table_style01.single .qty br {display: none; color: #6D6D6D;}
    .single_online .table_style01.single .qty::before {content: '강의수';}
    .single_online .table_style01.single .time::before {content: '수강기간';}
    .single_online .table_style01.single .studyPeriod::before {content: '학습가능기간';}
    .single_online .table_style01.single .startLearning::before {content: '수강하기';}
    .single_online .table_style01.single .extendRequest::before {content: '연장신청';}
    .single_online .table_style01.single .startLearning ,
    .single_online .table_style01.single .extendRequest {align-items: center !important;}
    .single_online .table_style01.single .startLearning > div,
    .single_online .table_style01.single .extendRequest > div {flex-direction: row; gap: 0.5rem;}
    .single_online .table_style01.single .td .s_btn {padding: .3rem .75rem .2rem; font-size: 0.75rem;}
    .single_online .table_style01.single .td.info {display: flex; align-items: center; justify-content: space-between; gap: 1rem;}
    .single_online .table_style01.single .info::after {content: ""; background: url(/img/sub/faq_arrow.svg) no-repeat center/cover; width: 1rem; aspect-ratio: 1 / 1; transition: all .3s; transform: rotate(180deg);}
    .single_online .table_style01.single .td.info.on::after {transform: rotate(0);}
    .single_online .table_style01.single .thead:has(+ .empty) {display: none;}
    .single_online .table_style01.single:has(.empty) {border-color: #E3E3E3;}
    /* ifBox_w */
    .ifBox_w {padding: 1.25rem 1rem;}
    .single_online .class .tb_cont {padding: 1.5rem 1rem;    }
    .single_online .class .tb_cont .tit {font-size: 1rem; letter-spacing: 0;}
    .single_online .class .tb_cont .cont p,
    .single_online .class .tb_cont .cont li {font-size: 0.875rem; letter-spacing: 0;}
    .single_online .class .tb_cont .cont > strong {font-size: 0.875rem;}
    .single_online .class .table {border-top: 0;}
    .single_online .class .thead {display: none;}
    .single_online .class .tr {flex-direction: column; align-items: flex-start; gap: 0.5rem;}
    .single_online .class .tr + .tr {margin-top: 1.25rem;}
    .single_online .class .td {padding: 0; border: 0;}
    .single_online .class .th,
    .single_online .class .td {width: 100% !important; text-align: left; justify-content: flex-start;}
    .single_online .class .tb_cont .cont p + p {margin-top: .5rem;}
    /* pauseRequestPopup */
    .pauseRequestPopup .tit br {display: none;}
    .pauseRequestPopup .sec > strong {font-size: 1rem;}
    .pauseRequestPopup .infoBot {font-size: 0.875rem;}
    .pauseRequestPopup .th,
    .pauseRequestPopup .td {padding: 1rem;}
    /* 만료된 강의 */
    .single_online .completed .table_style01.single .info,
    .single_online .completed .table_style01.single .thCont,
    .single_online .completed .table_style01.single .tdCont,
    .single_online .completed .table_style01.single .qty,
    .single_online .completed .table_style01.single .time,
    .single_online .completed .table_style01.single .studyPeriod,
    .single_online .completed .table_style01.single .startLearning {width: 100%;}
    .single_online .completed .table_style01.single .td.studyPeriod {justify-content: flex-start;}

    /********** 수강하기 **********/
    /* viewInfo */
    .learning .subTitle {margin-bottom: 1rem !important;}
    .learning .viewInfo .info strong {min-width: max-content;}
    .learning .viewInfo .info .if > .flex {align-items: flex-start;}
    .learning .viewInfo .info .cont.flex {gap: 0.25rem; flex-direction: column; align-items: flex-start;}
    .learning .viewInfo .info .cont.flex .line {display: none;}
    .learning .viewInfo .info .pause > .flex > strong {line-height: 2rem;}
    .learning .viewInfo .info .pause .btnBox {flex-wrap: wrap;}
    .learning .viewInfo .info .pause .w_btn {padding: 0.35rem 0.5rem .25rem; font-size: 0.75rem;}
    .learning .viewInfo .info .pause .w_btn img {width: 1rem; margin-top: -.1rem;}
    .learning .viewInfo .info .pause .fc_red {line-height: 1.2;}
    .learning .viewInfo .info > .btnBox a {padding: .5rem .75rem;}
    .learning .bdBasic_list_wrap {margin-top: 1.875rem;}
    /* table */
    .learning .totalCont {flex-direction: row; justify-content: space-between;}
    .learning .total {font-size: 0.875rem; font-weight: 600; line-height: 1.43;}
    .learning .total strong {font-weight: 600;}
    .learning .allCheck {gap: 0.625rem; color: #8E8E8E; font-size: 0.875rem; font-weight: 400; line-height: 1.43; letter-spacing: -0.025rem;}
    .learning .radioBox {gap: 1rem;}
    .learning .radioBox label {display: flex; align-items: center; gap: 0.5rem;}
    .learning .radioBox label span {padding: .25rem .5rem; font-size: 0.75rem;}
    .learning .radioBox label span img {width: 1rem; filter: invert(1) grayscale(1);}
    .learning .bdBasic_list_wrap {margin-top: 1rem;}
    .learning .table .tr {flex-wrap: wrap; gap: .5rem .75rem; padding: 1rem;}
    .learning .table .td {justify-content: flex-start;}
    .learning .table .num {display: none;}
    .learning .table .tit {min-width: 100%; max-width: 100%;}
    .learning .table .tit label {display: flex; gap: .5rem;}
    .learning .table .lessonTime,
    .learning .table .studyTime,
    .learning .table .lastDate {min-width: auto; max-width: 50%; flex: none; color: #6D6D6D; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .learning .table .td::before {color: #000; font-size: 0.875rem; font-weight: 700; line-height: 1.43; margin-right: .5rem;}
    .learning .table .lessonTime::before {content: "강의시간";}
    .learning .table .lastDate::before {content: "수강일";}
    .learning .table .studyTime::after {content: "\00a0수강";}
    .learning .table .file,
    .learning .table .play {display: none;}
    .learning .table .down {width: 100%; display: flex !important; align-items: center; gap: 0.5rem; justify-content: flex-end;}
    .learning .table .down a {padding: .3rem .5rem .2rem; font-size: 0.875rem;}
    .learning .btnBox .s_btn {padding: .25rem .5rem; font-size: 0.875rem;}
    /* ifBox_w */
    .learning .ifBox_w {margin-top: 1.875rem;}

    /********** 온라인강의 **********/
    .combo_online .searchBox {padding: 1.25rem 1rem; gap: 0.75rem; flex-direction: column; align-items: flex-start;}
    .combo_online .sch_select .tit {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 2rem; display: block;}
    .combo_online .searchBox + .desc {margin-top: 1.25rem;}
    .combo_online .tabBox {margin-top: 1.875rem; flex-direction: column-reverse; align-items: flex-end; gap: 1rem;}
    .combo_online .tabBox .m_btn {padding: 0.5rem 0.75rem; font-size: 0.875rem;}
    .combo_online .tabBox .secTitle {font-size: 1.125rem;}
    .combo_online .tabBox .secTitle + .s_btn {padding: 0.5rem 0.75rem; font-size: 0.875rem;}
    .combo_online .table_style01.single .td {padding: 1rem;}
    .combo_online .table_style01.single .td .s_btn {padding: .3rem .5rem .2rem; font-size: 0.75rem;}
    .combo_online .table_style01.single .tdCont {border-bottom: 1px solid #E3E3E3;}
    .combo_online .table_style01.single .tdCont .mob .flex:first-child {margin-top: 0;}
    .combo_online .notice .totalCont {flex-direction: column; gap: 1.25rem;}
    .combo_online .notice .bdBasic_list_wrap {margin-top: 1.875rem;}
    .combo_online .bdBasic_list_wrap.test .tr {gap: .5rem 1rem;}
    .combo_online .bdBasic_list_wrap.test .tit {white-space: normal;}
    .combo_online .bdBasic_list_wrap.test .file,
    .combo_online .bdBasic_list_wrap.test .date {display: inline-block; width: auto; justify-content: flex-start; flex: none; color: #000;}
    .combo_online .tb_cont.cal .w_infoBox > p strong {font-size: .875rem; padding-left: .7rem; text-indent: -.7rem; line-height: 1.3; display: block;}
    .combo_online .tb_cont.cal .bg_g_btn img {width: .85rem;}

    .combo_online .tb_cont.cal .cal_tableCont { max-height: none; margin-top: 1.875rem; padding-right: 0; padding-top: 0;}
    .combo_online .tb_cont.cal .cal_tableCont .table {display: block; border-top: 1px solid #000;}
    .combo_online .tb_cont.cal .cal_tableCont .title.mob {flex-direction: row; display: flex; width: 100%; max-width: none; min-width: auto;}
    .combo_online .tb_cont.cal .cal_tableCont .title.pc {display: none !important;}
    .combo_online .tb_cont.cal .cal_tableCont .title .th {font-size: 0.875rem; font-weight: 400; border: 0;}
    .combo_online .tb_cont.cal .cal_tableCont .title .th:first-child {font-weight: 600;}
    .combo_online .tb_cont.cal .cal_tableCont .tbody .tr {display: block; width: 100%; max-width: none; min-width: auto;}
    .combo_online .tb_cont.cal .cal_tableCont .th:after,
    .combo_online .tb_cont.cal .cal_tableCont .td:after {display: none;}
    .combo_online .tb_cont.cal .cal_tableCont .th:nth-child(1),
    .combo_online .tb_cont.cal .cal_tableCont .td > div:nth-child(1) {min-width: 3.5rem; max-width: 3.5rem;}
    .combo_online .tb_cont.cal .cal_tableCont .th:nth-child(2),
    .combo_online .tb_cont.cal .cal_tableCont .td > div:nth-child(2) {min-width: 3.75rem; max-width: 3.75rem;}
    .combo_online .tb_cont.cal .cal_tableCont .th:nth-child(3),
    .combo_online .tb_cont.cal .cal_tableCont .td > div:nth-child(3) {min-width: calc(100% - 3.125rem - 3.75rem); max-width: calc(100% - 3.125rem - 3.75rem);}
    .combo_online .tb_cont.cal .cal_tableCont .th {font-size: 1.125rem; display: block; border-bottom: 1px solid #E3E3E3 !important; border-top: 0 !important; width: auto; padding: 1rem .78rem; text-align: center; border-right: 1px solid #E3E3E3 !important;}
    .combo_online .tb_cont.cal .cal_tableCont .th:last-child {border-right: 0 !important;}
    .combo_online .tb_cont.cal .cal_tableCont .td {min-height: 3.25rem; display: flex; align-items: normal; padding: 0; justify-content: flex-start; border-top: 0 !important; border-bottom: 1px solid #E3E3E3; height: auto;}
    .combo_online .tb_cont.cal .cal_tableCont .td > div {padding: 1rem .78rem; border-right: 1px solid #E3E3E3 !important; text-align: center;}
    .combo_online .tb_cont.cal .cal_tableCont .td.last_day {display: none;}
    .combo_online .tb_cont.cal .cal_tableCont .td .week {display: flex; align-items: center; justify-content: center;}
    .combo_online .tb_cont.cal .cal_tableCont .td .date {font-size: 0.875rem; display: flex; align-items: center; justify-content: center;}
    .combo_online .tb_cont.cal .cal_tableCont .td .cont {margin-top: 0; border-right: 0 !important; display: flex; align-items: flex-start; gap: 0 1rem; justify-content: flex-start; padding: .5rem;}
    .combo_online .tb_cont.cal .cal_tableCont .td .cont .start,
    .combo_online .tb_cont.cal .cal_tableCont .td .cont .end {gap: 1rem; justify-content: flex-start;}
    .combo_online .tb_cont.cal .cal_tableCont .td .cont .end {justify-content: flex-end;}
    .combo_online .tb_cont.cal .cal_tableCont .td .cont .flex {width: auto;}
    .combo_online .tb_cont.cal .cal_tableCont .td .cont > div + div,
    .combo_online .tb_cont.cal .cal_tableCont .td .cont .time {margin-top: 0;}
    .combo_online .tb_cont.cal .cal_tableCont .td .cont .time {width: 100%;}
    .combo_online .tb_cont.cal .cal_tableCont .td .cont strong {max-width: calc(100% - 1rem - 1.5rem); text-align: right;}
    /* ifBox_w */
    .combo_online .ifBox_w {margin-top: 3rem; text-align: left;}
    .combo_online .ifBox_w p + p {margin-top: 0;}

    /********** 주문내역 **********/
    .order_list .table.table_style01 {margin-top: 1rem;}
    .order_list .table.table_style01 .tr {flex-direction: row; border-bottom: 1px solid #E3E3E3; flex-wrap: wrap;}
    .order_list .table.table_style01 .th,
    .order_list .table.table_style01 .td {padding: 1rem .59rem; border: 0;}
    .order_list .table.table_style01 .orderDate {width: 30%;}
    .order_list .table.table_style01 .name {width: 70%;}
    .order_list .table.table_style01 .thCont {display: none;}
    .order_list .table.table_style01 .tdCont {display: block;}
    .order_list .table.table_style01 .paymentDate {width: 28%;}
    .order_list .table.table_style01 .price,
    .order_list .table.table_style01 .paymentMethod,
    .order_list .table.table_style01 .receipt {width: 24%;}
    .order_list .table.table_style01 .td.orderDate {color: #6D6D6D;}
    .order_list .table.table_style01 .td.name {display: flex; align-items: center; gap: .75rem; font-weight: 600; font-size: 1rem; justify-content: space-between;}
    .order_list .table.table_style01 .td.name::after { content: ""; background: url(/img/sub/faq_arrow.svg) no-repeat center / cover; width: 1rem; min-width: 1rem; aspect-ratio: 1 / 1; transition: all .3s; transform: rotate(180deg);}
    .order_list .table.table_style01 .td.name.on::after {transform: rotate(0);}
    .order_list .table.table_style01 .name p + p {margin-top: .38rem;}
    .order_list .table.table_style01 .tdCont {border-top: 1px solid #E3E3E3; border-left: 0;}
    .order_list .table.table_style01 .tdCont .td {color: #6D6D6D; align-items: center;}
    .order_list .table.table_style01 .td::before {font-size: 0.875rem; font-weight: 700; line-height: 1.43; margin-right: 0.75rem; min-width: auto;}
    .order_list .table.table_style01 .price::before {content: "결제금액";}
    .order_list .table.table_style01 .paymentMethod::before {content: "결제방법";}
    .order_list .table.table_style01 .paymentDate::before {content: "결제일";}
    .order_list .table.table_style01 .receipt::before {content: "영수증";}
    .order_list .table.table_style01 .price {margin-top: 0 !important;}
    .order_list .table.table_style01 .paymentDate br {display: none;}
    .order_list .table.table_style01 .receipt a {padding: .5rem .75rem !important; font-size: 0.875rem !important;}
    .order_list .ifBox_w {margin-top: 1.875rem;} 
    .order_list .table.table_style01 .name > div {width: auto;}

    /********** 배송조회 **********/
    .delivery .table.table_style01 .price::before {content: "배송상태";}
    .delivery .table.table_style01 .paymentMethod::before {content: "발송일";}
    .delivery .table.table_style01 .paymentDate::before {content: "송장번호";}
    .delivery .table.table_style01 .receipt::before {content: "택배추적";}

    /********** 주문내역상세정보 **********/
    .delivery_detail .accordion ul {flex-direction: column; align-items: flex-start;}
    .delivery_detail .accordion ul li {width: 100%;}
    .delivery_detail .payment .price > div {justify-content: flex-end; gap: 0.5rem;}
    .delivery_detail .table_style01 .box {margin-top: 0.625rem;}
    .delivery_detail .table_style01 .box .flex {gap: 0.5rem; font-size: 0.875rem; letter-spacing: -0.025rem;}
    .delivery_detail .table_style01 .s_btn {padding: .5rem 0; width: 4.5625rem;}
    .delivery_detail .orderPrd .info .flex.mob {justify-content: flex-start; gap: 0.5rem; display: flex; align-items: center;}
    .delivery_detail .orderPrd .info .flex.pc {display: none;}
    .delivery_detail .orderPrd .tableCont2 .price::before {content: "상태"; font-size: 0.875rem; font-weight: 600; line-height: 1.43; margin-right: 0.625rem;}
    .delivery_detail .orderPrd .tableCont2 .price span {padding: .25rem .5rem; font-size: 0.875rem;}
    .delivery_detail .accordion .secTitle {font-size: 1.125rem;}
    .delivery_detail .infoBox ul li::before {top: .5rem;}

    /********** 아이디/비밀번호 찾기 **********/
    .find_ID .mt_64 {margin-top: 2.5rem;}
    .find_ID .mt_40 {margin-top: 1.25rem;}
    .find_ID .findBox .box {padding: 1.5rem 1rem; border-radius: 0.625rem;}
    .find_ID .findBox .flex-jc {gap: 1.25rem; flex-direction: column; align-items: flex-start; margin-top: 1.875rem;}
    .find_ID .findBox .input {align-items: flex-start; gap: 0.5rem; flex-direction: column; width: 100%;}
    .find_ID .findBox .input strong {font-size: 0.875rem;}
    .find_ID .findBox .btnBox a {width: 100%;}
    .find_ID .findBox .box input[type="number"],
    .find_ID .findBox .box.id input[type="text"],
    .find_ID .findBox .box.pw input.id,
    .find_ID .findBox .box.pw input.name {width: 100% !important;}

    /********** 나의 수강내역 > 학원강의 **********/
    .mypageWrap.singleAcademy .course_single .table .thead .tr {flex-direction: row;}
    .mypageWrap.singleAcademy .course_single .table .th + .th,
    .mypageWrap.singleAcademy .course_single .table .td + .td {border-left: 0;}
    .mypageWrap.singleAcademy .course_single .table > .tr {flex-direction: column-reverse;}

    /********** 나의 수강내역 > 영상학습실 **********/
    .mypageWrap.singleVideo .infoBox {gap: 1.875rem; flex-direction: column; align-items: center;}
    .mypageWrap.singleVideo .infoBox > img {width: 12.5rem;}
    .mypageWrap.singleVideo .infoBox > div {width: 100%;}
    .mypageWrap.singleVideo .table .info {width: 100%;}
    .mypageWrap.singleVideo .table .time {width: 100%;}

    /********** 나의 수강내역 > 종합반 수강내역 > 학원강의 **********/
    .combo_online .tb_cont.locker .mt_40 {margin-top: 1.63rem;}
    .combo_online .tb_cont.locker label {gap: 0.5rem; font-size: 0.875rem;}
    .combo_online .tb_cont.locker .infoBox {max-width: 100%;}
    .combo_online .tb_cont.locker .compLocker_cont .state h3 {font-size: 1.25rem;}
    .combo_online .tb_cont.locker .compLocker_cont .state p,
    .combo_online .tb_cont.locker .compLocker_cont ul li {font-size: 0.875rem;}
    .combo_online .tb_cont.reg .form {padding-bottom: 1.875rem;}
    .combo_online .tb_cont.reg .form dl + dl {margin-top: 1.25rem;}
    .combo_online .tb_cont.reg .form .file dd {flex-direction: column; gap: .5rem; align-items: flex-start;}
    .combo_online .tb_cont.reg .form .file dd .flex {width: 100%;}
    .combo_online .tb_cont.reg .form .academic .flex {flex-direction: column; align-items: flex-start; gap: .5rem;}
    .combo_online .tb_cont.reg .form .advice .w_infoBox .tit,
    .combo_online .tb_cont.reg .form .experience dd > .flex > .tit,
    .combo_online .tb_cont.reg .form .experience,
    .combo_online .tb_cont.reg .form .academic .tit {min-width: 100%;}
    .combo_online .tb_cont.reg .form .academic .cont {gap: .5rem 1.25rem; flex-wrap: wrap; width: 100%;}
    .combo_online .tb_cont.reg .form .academic .cont .flex {width: calc(50% - .7rem); flex-direction: row; align-items: center;}
    .combo_online .tb_cont.reg .form .academic .cont .flex2 {width: 100%;}
    .combo_online .tb_cont.reg .form dl .basic_desc,
    .combo_online .tb_cont.reg .form .grade .flex .flex2,
    .combo_online .tb_cont.reg .form .studyTime .flex,
    .combo_online .tb_cont.reg .form .academic .cont .flex {gap: .5rem; font-size: 0.875rem; }
    .combo_online .tb_cont.reg .form .academic .cont input,
    .combo_online .tb_cont.reg .form .academic .cont .sch_select .tit {width: 100%;}
    .combo_online .tb_cont.reg .form .academic .cont .flex2 .sch_select .tit {width: 100%;}
    .combo_online .tb_cont.reg .form .academic .cont .flex2 .sch_select:nth-child(2) .tit {width: 6.25rem;}
    .combo_online .tb_cont.reg .form .studyTime > .flex {flex-direction: row; flex-wrap: wrap;}
    .combo_online .tb_cont.reg .form .studyTime dd .flex {width: calc(50% - .7rem);}
    .combo_online .tb_cont.reg .form .studyTime dd .flex .sch_select .tit {width: 100%;}
    .combo_online .tb_cont.reg .form .studyTime dd .flex2 {width: 100%;}
    .combo_online .tb_cont.reg .form .studyTime dd .flex2 input {width: calc(50% - 3.5rem);}
    .combo_online .tb_cont.reg .form .experience dd .sch_select .tit,
    .combo_online .tb_cont.reg .form .studyTime .sch_select .tit,
    .combo_online .tb_cont.reg .form .studyTime input {width: 6.25rem;}
    .combo_online .tb_cont.reg .form input[type="checkbox"],
    .combo_online .tb_cont.reg .form input[type="radio"] {width: 1.25rem; height: 1.25rem; }
    .combo_online .tb_cont.reg .form input[type="radio"] {border-radius: 100%;}
    .combo_online .tb_cont.reg .form .grade dd.flex {flex-direction: column; align-items: flex-start; gap: 1.25rem;}
    .combo_online .tb_cont.reg .form .grade dd.flex input {width: 6.25rem;}
    .combo_online .tb_cont.reg .form .experience dd > .flex {gap: .5rem; flex-direction: column; align-items: flex-start;}
    .combo_online .tb_cont.reg .form .experience dd .cont .flex {gap: 0.5rem 1.25rem;}
    .combo_online .tb_cont.reg .form .experience dd .cont .flex .sch_select .tit {width: 100%;}
    .combo_online .tb_cont.reg .form .experience dd .cont .flex + .flex {margin-top: 0.75rem;}
    .combo_online .tb_cont.reg .form .experience dd > .flex > .tit {width: 100%;}
    .combo_online .tb_cont.reg .form .advice .w_infoBox {flex-direction: column; gap: 0.5rem;}
    .combo_online .tb_cont.reg .form .advice .w_infoBox .tit {min-width: 100%;}
    .combo_online .tb_cont.reg .form + .w_infoBox {margin-top: 1.875rem; padding: 1.25rem 1rem;}

    /********** 나의 수강내역 > 종합반 수강내역 > 만료된강의 **********/
    .comboCompleted .sec1 .table_style01.single .info {width: 100%;}
    .comboCompleted .sec:not(.sec1) .table_style01 .name,
    .comboCompleted .sec:not(.sec1) .table_style01 .info {width: 100%; border-left: 0;}
    .comboCompleted .sec:not(.sec1) .table_style01 .th:not(.info) {display: none;}
    .comboCompleted .sec:not(.sec1) .table_style01 > .tr {flex-direction: column-reverse;}
    .comboCompleted .sec:not(.sec1) .table_style01 .name .subject {max-width: calc(100% - 2rem);}
    .comboCompleted .sec:not(.sec1) .table_style01 .name::after {content: ""; background: url(/img/sub/faq_arrow.svg) no-repeat center / cover; width: 1rem; aspect-ratio: 1 / 1; transition: all .3s; transform: rotate(180deg); }
    .comboCompleted .sec:not(.sec1) .table_style01 .name.on::after {transform: rotate(0);}

    /********** 결제/배송관리 > 내맘대로 결제 **********/
    .order_list.custom .table.table_style01 .name {width: 100%;}
    .order_list.custom .table.table_style01 .tdCont,
    .order_list.custom .table.table_style01 .thCont {width: 100%;}
    .order_list.custom .table.table_style01 .tdCont .td,
    .order_list.custom .table.table_style01 .thCont .th {width: 100%;}

    /********** 내강의실 > 공개특강 **********/
    .mocktest.course_single .table .info {width: 100%;}
    .mocktest.course_single .swipeCont2 .table {width: 170%;}
    .mocktest.course_single .swipeCont2 .th {width: 25%;}
    .mocktest.course_single .swipeCont2 .td {width: 75%;}

    /********** 회원탈퇴 **********/
    .withdraw.find_ID .findBox .ifbox_tit br {display: block;}
    
}

@media screen and (max-width:768px) {
    /********** login **********/
    .login .subContainer {max-width: 100%;}
    .login .l_btn {width: 100%;}
    
    /********** join **********/
    .join .subContainer {max-width: 100%;}
    /* step */
    .process_step {justify-content: space-between; width: 100%; gap: 0 .5rem;}
    .process_step::before {width: 90%;}
    .process_step p br {display: block;}
    .join .l_btn.join {width: 100%;}
    /* 회원정보입력 */
    .join_form_wrap {max-width: 100%;}
    .join br {display: none;}

    /********** 회원탈퇴 **********/
    .withdraw.find_ID .findBox .box input[type="text"] {width: 100% !important;}
    .withdraw.find_ID .btnBox .l_btn {width: 100%;}
}

@media screen and (max-width:384px) {
    .cart_wrap .ifbox_tit {font-size: 1.125rem;}
}