/*
    <아카데미, ielts>
    :: pc first
    수강신청 리스트 페이지(lecture_list.html),
    수강신청 페이지(lecture_detail.html),

    :: mobile first
    결제 페이지(pay.html (ver. pay_validation.html))
    결제 완료 페이지(pay_complete.html)
*/
/***************************************** 컴포넌트 *****************************************/

:root{
    --n-mainTitle : #1D1D1F;
    --n-subTitle : #40404E;

    --n-subTitle : #40404E;
    --f-hero2 : 48px;
    --f-display2  : 28px;
    --f-body4 : 11px;
}


.lecture-container .m-display { display: none !important; }
.lecture-container .pc-display, .lecture-container [class^='pc-'] { display: block !important; }
.blind { overflow: hidden; visibility: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 0; }

.text-error{color: var(--waring-color); margin-top: 4px; font-size: var(--f-body4); padding-left: 8px; line-height: 14px; letter-spacing: -0.22px;}

.error select { border: 1px solid #D53236; }

/* select */
select { min-width: 120px; height: 48px; padding: 0px 16px; padding-right: 36px; background-color: #fff; border: 1px solid #C5C5C5; border-radius: 4px; background-size: 24px 24px; background-image: url("https://static.edmclass.com/common/lecture/caret-down.svg"); background-repeat: no-repeat; background-position: right 12px center; font-size: 16px; font-family: inherit; letter-spacing: -0.02px; color: #333333; -webkit-appearance: none; outline: none; cursor: pointer;}
select:focus, select:focus-visible { border: 1px solid #949EA2; outline: none; }
.error select { border: 1px solid #D53236; }

/* radio */
.radio-wrapper, .check-wrapper { display: flex; align-items: center; }
.radio-wrapper dd, .check-wrapper dd { min-width: 115px; }
.radio-wrapper input, .check-wrapper input { display: none; }
.radio-wrapper label, .check-wrapper label { display: flex; align-items: center; position: relative; height: 48px; font-size: 16px; cursor: pointer; }
.radio-wrapper label { display: block; padding-left: 32px; line-height: 48px; }
.radio-wrapper label::before { position: absolute; top: 50%; left: 0; content: ''; display: block; width: 16px; height: 16px; margin-top: -10px; border: 2px solid #333333; border-radius: 100%; background-color: #fff; }
.radio-wrapper input:checked+label::before { background-color: #333333; }
.radio-wrapper input:checked+label::after { content: ''; display: block; width: 10px; height: 10px; position: absolute; top: 50%; left: 5px; margin-top: -5px; background-color: #ffffff; border-radius: 100%; z-index: 1; }
.check-wrapper label::before { content: ''; display: block; width: 16px; height: 16px; margin-right: 10px; background: #FDFDFD; border: 2px solid #333333; border-radius: 4px; }
.check-wrapper input:checked+label::before { background-color: #333333; background-image: url("https://static.edmclass.com/common/lecture/ico-checked.svg"); background-repeat: no-repeat; background-size: 12px 12px; background-position: center; }
.check-wrapper input[type="checkbox"]+label { margin-left: 0; }
.check-label-wrapper { display: flex; align-items: center; position: relative; padding-left: 28px; line-height: 24px; }
.check-label-wrapper input { display: none; }
.check-label-wrapper input[type="checkbox"]+label { display: inline-block; margin-left: 0; font-size: 16px; line-height: 24px; color: #333; vertical-align: top; cursor: pointer; }
.check-label-wrapper label::before { display: block; position: absolute; top: 1px; left: 0; width: 18px; height: 18px; margin: 2px 0; margin-right: 8px; border-radius: 4px; border: 1px solid #333; background-color: #fff; content: ''; }
.check-label-wrapper input:checked+label::before { background-color: #333; background-image: url("https://static.edmclass.com/common/lecture/ico-check-white.png"); background-repeat: no-repeat; background-size: 12px 12px; background-position: center; }
.check-label-wrapper a { display: inline-block; margin-left: 4px; font-size: var(--f-body1); line-height: 24px; text-decoration: underline; vertical-align: top; color: #333; white-space: nowrap; }


/* 스크롤탑 버튼 */
.lecture-container a.scroll-up { display: none; position: fixed; right: 0; bottom: 50px; z-index: 100; width: 60px; height: 36px; padding: 0 8px; background-color: var(--n-info); text-align: center; font-size: var(--f-body1); line-height: 36px; color: #fff; }
.lecture-container .scroll-up img{ display: inline-block; width: 14px; height: 14px; margin-top: -3px; vertical-align: middle; }

/* 쿠폰 팝업 */
.wrap-pop { display: none; }
.wrap-pop.show { display: block; }
.wrap-pop.show .bg-pop { position: fixed; top: 0; left: 0; z-index: 100000; width: 100%; height: 100%; background-color: #333; opacity: 0.7; }
.wrap-pop .pop { position: fixed; top: 50%; left: 50%; width: 640px; height: 480px; margin-top: -240px; margin-left: -320px; z-index: 100001; background-color: #fff; border: 1px solid #C5C5C5; }
.wrap-pop .bar-pop-title { position: relative; width: 100%; height: 50px; background-color: #f5f5f5; text-align: center; }
.wrap-pop .bar-pop-title strong { font-size: 18px; font-weight: 700; line-height: 48px; color: #222; }
.wrap-pop .btn-pop-close { position: absolute; top: 5px; right: 6px; width: 20px; height: 20px; padding: 10px; border: none; background: url("https://static.edmclass.com/common/lecture/ico-close-black.png") center no-repeat; box-sizing: content-box; cursor: pointer; }
.wrap-pop .cont-pop { height: 428px; padding: 24px; }
.wrap-pop .cont-pop.wrap-text > div { padding-bottom: 24px; }
.wrap-pop .cont-pop.wrap-text > div:last-child { padding-bottom: 0; }
.wrap-pop .cont-pop > div > strong { display: block; padding-bottom: 8px; font-size: 18px; font-weight: 500; line-height: 26px; color: #222; }
.wrap-pop .paragraph { padding-left: 14px; font-size: 16px; line-height: 24px; color: var(--n-info); }
.wrap-pop .paragraph span { display: block; }
.wrap-pay-pop .pop-coupon { height: 636px; margin-top: -318px; }
.pop-coupon .box-price { display: flex; justify-content: space-between; width: 100%; height: 60px; padding: 0 24px; border-bottom: 1px solid #C5C5C5; font-size: 16px; line-height: 60px; color: #333; }
.pop-coupon .box-price span { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.pop-coupon .box-price strong { padding-left: 26px; font-weight: 500; }
.pop-coupon .box-price em { font-size: 20px; font-weight: 700; font-style: normal; color: #333; }
.pop-coupon .cont-pop { height: auto; padding: 0; }
.pop-coupon .tit-cont-coupon { padding: 26px 24px 16px; font-size: var(--f-body1); line-height: 21px; color: var(--n-info); }
.pop-coupon .tit-cont-coupon em { font-style: normal; font-weight: 700; color: #D53236; }
.pop-coupon .wrap-coupon-list { overflow-y: auto; height: 250px; padding: 0 24px 40px; }
.pop-coupon .list-coupon li { position: relative; margin-bottom: 8px; }
.pop-coupon .list-coupon li:last-child { margin-bottom: 0; }
.pop-coupon .list-coupon li .check-label-wrapper{ padding-left: 0; }
.pop-coupon .list-coupon label { width: 100%; height: 100%; margin: 0; padding: 15px 24px 15px 56px; border: 1px solid #C5C5C5; border-radius: 4px; line-height: 24px; color: #333; }
.pop-coupon .list-coupon label::before { top: 18px; left: 24px; margin-top: 0; }
.pop-coupon .list-coupon label > span { display: block; line-height: 21px; }
.pop-coupon .list-coupon input:checked+label::after { top: 28px; left: 29px; }
.pop-coupon .list-coupon input:checked+label { border-color: #35A0FC; box-shadow: 0px 3px 6px #00000025; }
.pop-coupon .list-coupon .text-coupon-desc { display: block; font-size: var(--f-body1); line-height: 21px; color: var(--n-info); }
.pop-coupon .list-coupon .text-coupon-desc > span { display: block; padding-top: 4px; }
.pop-coupon .list-coupon strong { display: block; padding: 8px 0; line-height: 29px; }
.pop-coupon .list-coupon input:disabled+label { background-color: #F8F8F8; color: #999; cursor: auto; }
.pop-coupon .list-coupon input:disabled+label .text-coupon-desc { color: #999; }
.pop-coupon .list-coupon input:disabled+label::before { background-color: #FDFDFD; border-color: #999; }
.pop-coupon .box-result { position: absolute; left: 0; bottom: 0; width: 100%; height: 210px; padding: 30px 24px; background-color: #F8F8F8; }
.pop-coupon .price-result { display: grid; grid-template-columns: repeat(3, 1fr); }
.pop-coupon .price-result dl { position: relative; padding-right: 32px; }
.pop-coupon .price-result dl:first-child:after { display: block; position: absolute; top: 50%; right: 22px; width: 10px; height: 36px; margin-top: -18px; font-size: 24px; line-height: 36px; font-weight: 700; text-align: center; content: "-"; }
.pop-coupon .price-result dl:last-child:before { display: block; position: absolute; top: 50%; left: -36px; width: 14px; height: 36px; margin-top: -18px; font-weight: 700; font-size: 24px; line-height: 36px; text-align: center; content: "="; }
.pop-coupon .price-result dt { font-size: var(--f-body1); line-height: 21px; color: var(--n-info); }
.pop-coupon .price-result dd { padding-top: 12px; font-size: 20px; font-weight: 700; line-height: 28px; color: #333; }
.pop-coupon .bottom-result { display: flex; justify-content: space-between; margin-top: 32px; }
.pop-coupon .bottom-result > p { font-size: var(--f-body1); line-height: 19px; color: var(--n-info); }
.pop-coupon .bottom-result a { text-decoration: underline; }
.pop-coupon .bottom-result > button { width: 115px; height: 56px; border: 0 none; border-radius: 4px; background-color: #35A0FC; font-size: 20px; color: #fff; cursor: pointer; }


/* .lecture-container { padding-top: 40px; padding-bottom: 120px; } */
/* .lecture-wrapper.ielts .lecture-container, .lecture-container.ielts {padding-top: 40px;} */
.lecture-container .wrapper { width: 100%; max-width: 1344px; margin: 0 auto; padding: 0 16px; box-sizing: border-box; }





/* 수강신청 리스트 페이지*/
.lecture-top-wrapper {  border-radius: var(--b-radius1);padding: 0px;box-shadow:0px 0px 5px 3px rgba(212, 235, 255, 1);  margin-top: 24px;}
.lecture-top-container { padding: 24px; border-radius: var(--b-radius1);  }
.lecture-tab-list { padding-bottom: 16px; border-bottom: 1px dotted var(--n-info); }
.lecture-tab { position: relative; padding-bottom: 4px; font-size: 16px; display: flex;align-items: center; }
.lecture-tab-list .lecture-tab:last-child { padding-bottom: 0; }
.lecture-tab > strong {  width: 172px; font-weight: 600; color: var(--n-subTitle); }
.lecture-tab > p { display: flex; overflow-y: auto;white-space: nowrap; }
.lecture-tab > p > a {     margin: 4px 12px 4px 0px;padding: 4px 12px;font-weight: 400; line-height: 24px; color: #40404E;font-size: var(--f-body1); }
.lecture-tab > p > a:hover { color: #35A0FC; }
.lecture-tab > p > a:last-child { margin-right: 0; }
.lecture-tab > p > a.active { border-radius: 50px; background-color: #E9F6FF; font-weight: 700; color: #35A0FC; }
.lecture-tab-module { position: relative; padding-top: 16px; font-size: var(--f-body1); line-height: 21px; }
.lecture-tab-module > strong { position: absolute; width: 172px; font-weight: 400; color: var(--n-info); }
.lecture-tab-module > p > a { position: relative; color: #40404E}
.lecture-tab-module > p > a + a { margin-left: 24px; }
.lecture-tab-module > p > a + a::before { content: ''; display: block; position: absolute; top: 5px; left: -12px; width: 1px; height: 12px; background-color: #C5C5C5; }
.lecture-tab-module > p > a.active { color: #35A0FC; font-weight: 700; }
.lecture-tab-module > p { padding-left: 172px; line-height: 21px; color: #888; }
.lecture-cont-wrapper { padding-top: 24px; }
.lecture-catagory-list { display: flex; overflow-y: auto; }
.lecture-catagory-list > li { margin-right: 24px; }
.lecture-catagory-list > li:last-child { margin-right: 0; }
.lecture-catagory-list > li > a { display: block; height: 36px; padding: 8px 12px 8px 16px; border-radius: 16px; background-color: #E9F6FF; font-size: var(--f-body1); line-height: 20px; text-align: center; white-space: nowrap; cursor: initial; }
.lecture-catagory-list .icon-close { display: inline-block; width: 8px; height: 8px; padding: 10px; border: none; background-color: inherit ; background-image: url("https://static.edmclass.com/common/lecture/ico-close.png"); background-repeat: no-repeat; background-position: center; vertical-align: top; outline: none; cursor: pointer; }
.lecture-section { padding-top: 40px; }
.lecture-cont { margin-bottom: 30px; }
.lecture-section .lecture-cont:last-child { margin-bottom: 0; }
.lecture-cont-title { display: block; padding-bottom: 16px; font-size: 20px; line-height: 29px; letter-spacing: -0.4px; }
.lecture-cont-box { border-radius: var(--b-radius1); display: flex; flex-wrap: nowrap; position: relative; padding: 30px 40px; border: 1px solid #C5C5C5; background: #FFFFFF; margin-bottom: 1rem; }
.lecture-cont-box .lecture-thumbnail img { max-width: 500px; height: auto; border-radius: 12px; aspect-ratio: 2.3 / 1; object-fit: cover; }
.lecture-cont-box .lecture-info { padding-left: 54px; width: 100%; max-width: calc(100% - 400px); }
.lecture-info .lecture-detail-title { display: flex; align-items: center; }
.lecture-info .lecture-detail-title p { font-weight: 600; font-size: var(--f-heading); line-height: 1; letter-spacing: -0.44px; color: var(--n-mainTitle); }
.lecture-info .lecture-detail-desc { margin-top: 6px; font-size: var(--f-body1); line-height: 21px; letter-spacing: -0.3px; color: var(--n-info); }
.lecture-info .lecture-detail-badge { overflow-x: auto; margin-top: 16px; white-space: nowrap; }
.lecture-info .lecture-detail-badge .badge { display: inline-block; height: 28px; margin-right: 1px; padding: 4px 6px; border: 1px solid #000; border-radius: 4px; font-size: var(--f-body1);; line-height: 20px; letter-spacing: -0.24px; }
.lecture-info .lecture-detail-badge .badge.red { border-color: #FE8080; color: #FE8080; }
.lecture-info .lecture-detail-badge .badge.purple { border-color: #C578FF; color: #C578FF; }
.lecture-info .lecture-detail-badge .badge.yellow { border-color: #E8A520; color: #E8A520; }
.lecture-info .lecture-detail-badge .badge.green { border-color: #63D13C; color: #63D13C; }
.lecture-info .lecture-detail-list { margin-top: 20px; }
.lecture-info .lecture-detail-list ul li { width: 100%; align-items: center; border-bottom: 1px dotted var(--n-info); }
.lecture-info .lecture-detail-list ul li:first-of-type a{ padding-top: 0px !important;}
.lecture-info .lecture-detail-list a { overflow: hidden; display: flex; justify-content: space-between; width: 100%; padding: 12px 0 4px; }
.lecture-info .lecture-detail-list a .right { text-align: left; white-space: nowrap; }
.lecture-info .lecture-detail-list a .month { overflow: hidden; height: 30px; font-weight: bold; font-size: var(--f-body1); letter-spacing: -0.32px; line-height: 30px; color: var(--n-subTitle); white-space: nowrap; text-overflow: ellipsis; max-width: 250px;}
.lecture-info .lecture-detail-list a .price { padding-right: 7px; padding-left: 5px; font-weight: bold; font-size: var(--f-heading3); line-height: 30px; letter-spacing: -0.8px; color: #000000; vertical-align: top; }
.lecture-info .lecture-detail-list a .price-before { font-size: var(--f-body3); line-height: 30px; letter-spacing: -0.3px; color: var(--n-info2); text-decoration: line-through; vertical-align: -webkit-baseline-middle; }
.lecture-info .lecture-detail-list a .desc::before { display: block; position: absolute; top: 50%; left: 0; width: 20px; height: 20px; margin-top: -10px; margin-right: 2px; border-radius: 100%; background-image: url("https://static.edmclass.com/common/lecture/ico-present.png"); background-repeat: no-repeat; background-position: center; background-size: contain; content: ''; }
.lecture-info .lecture-detail-list a .desc { overflow: hidden; display: inline-block; position: relative; width: 100px; margin-right: 0; margin-left: auto; padding-right: 20px; padding-left: 22px; font-size: var(--f-body3); letter-spacing: -0.3px; color: var(--n-info); align-items: center; white-space: nowrap; vertical-align: top; font-weight: 500; line-height: 30px;}
.lecture-info .lecture-detail-list a .desc span { color: #53C79F; font-weight: 500;}
.lecture-info .lecture-detail-list a .desc::after { display: block; position: absolute; top: 50%; right: 0; width: 16px; height: 16px; margin-top: -8px; background-image: url("https://static.edmclass.com/common/lecture/ico-next.png"); background-repeat: no-repeat; background-position: center; background-size: contain; content: ''; }
.lecture-info .lecture-detail-list a:hover .month { color: #000; text-decoration: underline; }


/*****************************************ielts*****************************************/
/* 수강신청 리스트 페이지 */
/* .ielts .lecture-top-wrapper { background-color: #E7F3E3; } */
.ielts .lecture-top-wrapper { box-shadow:0px 0px 5px 3px rgba(213, 240, 195, 1); }
.ielts .lecture-select-module dd.selected a { color: #6cb640; }
.ielts .lecture-category-select-wrapper p { padding-bottom: 16px; font-weight: 700; }
.ielts .lecture-category-select-wrapper > div { position: relative; width: 100%; }
.ielts .lecture-category-select { display: flex; width: calc(100% - 140px); padding-right: 16px;}
/* .ielts .lecture-category-select select { height: 48px; padding-left: 16px; font-size: 16px; letter-spacing: -0.32px; color: #222222; } */
.ielts .lecture-category-select-wrapper .dropDownMenu{width: calc(100%/3 - 11px);}
.ielts .lecture-category-select-wrapper .dropDownMenu + .dropDownMenu{margin-left: 16px;}
.ielts .lecture-category-select-wrapper .button{background-color: var(--n-subTitle); width: 140px; height: 56px; border-radius: var(--b-radius0); color: var(--n-white); transition: background-color 0.3s ease; font-size: var(--f-heading2); line-height: 26px; letter-spacing: -0.36px;}
/* .ielts .lecture-category-select-wrapper .button { position: absolute; top: 0; right: 0; font-size: 16px; letter-spacing: -0.32px;  padding: 0; } */
.ielts .lecture-tab-nav-wrapper { position: sticky; top: 40px; background-color: #fff; z-index: 10; }
.ielts .lecture-tab-nav-wrapper:after { position: absolute; bottom: 0; width: 100%; height: 1px; background-color: #C5C5C5; content: ""; }
.ielts .lecture-tab-nav-list { display: flex; overflow-x: auto; overflow-y: hidden; }
.ielts .lecture-tab-nav-list a { display: block; position: relative; padding: 0 20px; line-height: 24px; font-size: 17px; }
.ielts .lecture-tab-nav-list li:first-child a { padding-left: 0; }
.ielts .lecture-tab-nav-list a span { display: block; position: relative; padding: 16px 0; }
.ielts .lecture-tab-nav-list a.active { color: #46BC2F; }
.ielts .lecture-tab-nav-list a.active span:after { content: ''; display: block; width: 100%; height: 4px; background-color: #46BC2F; position: absolute; bottom: 0; left: 0; z-index: 1; }
.ielts .lecture-tab-nav-list a.active span:after { content: ''; display: block; width: 100%; height: 4px; background-color: #46BC2F; position: absolute; bottom: 0; left: 0; z-index: 1; }
.ielts .lecture-tab-nav-list a.unactive { color: #AAAAAA; cursor: initial; }
.ielts .lecture-tab-nav-list a.unactive span:after { display: none; }
/* .ielts .lecture-cont-anchor { display: block; height: 96px; margin-top: -96px;  visibility: hidden; } */
.ielts .lecture-section { padding-top: 24px; }
.ielts .lecture-cont { margin-bottom: 14px; }
.ielts .lecture-cont-title { padding: 16px 0; }


/* 결제하기 페이지 */
.ielts .pop-coupon .list-coupon input:checked+label { border-color: #46BC2F; }
.ielts .pop-coupon .bottom-result > button { background-color: #46BC2F; }

/* 결제 완료 페이지 */
.ielts .box-complete > p > strong:before { background-position: 0 0; }
.ielts .box-complete button { background-color: #46BC2F; }

/* 배너 */
.ielts .lecture-banner-wrapper{width: 100%; height: 80px; position: relative; overflow: hidden; border-radius: var(--b-radius0); margin-bottom: 24px;}
.ielts .lecture-banner-wrapper .comparisonPopupOn{width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: left; color: #fff; font-weight: 700; font-size: var(--f-body1); padding: 0 20px; line-height: 20px; letter-spacing: -0.28px;}
.ielts .lecture-banner-wrapper .comparisonPopupOn p{position: relative; z-index: 1;}
.ielts .lecture-banner-wrapper .comparisonPopupOn::after{content: ''; position: absolute; top: 0; right: 0; width: 100%; max-width: 328px; height: 100%; background-repeat: no-repeat; background-size: cover;background-position: center; z-index: 0; background-image: url('https://static.edmclass.com/banner/ielts/enrol-banner-bg.png');}
/* 어학원 */
.academy .lecture-banner-wrapper{width: 100%; height: auto;}


@media screen and (min-width: 576px) {
    .lecture-container .wrapper {padding: 0 32px;}
}

@media screen and (min-width: 744px) {
    #header,#header.resized {height: auto;}
    /* .lecture-container {padding-top: 48px;} */
    /* .lecture-wrapper.ielts .lecture-container {padding-top: 40px;} */

    /* .ielts .lecture-cont-anchor { height: 96px; margin-top: -96px; } */
}

@media screen and (min-width: 1200px) {
    /* .lecture-container {padding-top: 89px;} */
    /* .lecture-wrapper.ielts .lecture-container, .lecture-container.ielts {padding-top: 130px;} */

    .ielts .lecture-tab-nav-wrapper {top: 130px;}
    /* .ielts .lecture-cont-anchor {height: 186px; margin-top: -186px;} */

    /* 배너 */
    .ielts .lecture-banner-wrapper{border-radius: var(--b-radius1); }
    .ielts .lecture-banner-wrapper .comparisonPopupOn{padding: 0 120px; font-size: var(--f-heading1); background: none !important;}
    .ielts .lecture-banner-wrapper .comparisonPopupOn::after{background-image: url('https://static.edmclass.com/banner/ielts/enrol-banner-bg-pc.png') !important; max-width: 1200px;}
    /* 어학원 */
    /* .academy .lecture-container #eventBannerSlide .swiper-slide a{border-radius: var(--b-radius1);} */
}

@media screen and (min-width: 1628px) {
    /* .lecture-container {padding-top: 130px;} */
}




@media screen and (max-width: 1200px) {
    .lecture-top-container { font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px; padding: 24px;}
    .lecture-cont-box { padding: 16px; }
    .lecture-cont-box .lecture-info { padding-left: 16px; }
}

@media screen and (max-width: 1199px) {
    .ielts .lecture-category-select-wrapper .button{height: 40px; font-size: var(--f-body1);}
    .ielts .lecture-category-select{padding-right: 8px;}
    .ielts .lecture-category-select-wrapper .dropDownMenu{width: calc(100%/3 - 6px);}
    .ielts .lecture-category-select-wrapper .dropDownMenu + .dropDownMenu{margin-left: 8px;}
}

@media screen and (max-width: 1024px) {
    .lecture-cont-box { display: block;}
    .lecture-cont-box .lecture-thumbnail img { width: 100%;  height: auto; max-width: unset;}
    .lecture-info .lecture-detail-list a .desc { width: fit-content; }
    /* .lecture-cont-box .lecture-info { max-width: calc(100% - 328px); } */
    .lecture-cont-box .lecture-info { width: 100%; padding: 24px 0px; max-width: unset;}
    .lecture-info .lecture-detail-list { margin-top: 12px;}
}

@media screen and (max-width:768px) {
    .lecture-container .m-display { display: block !important; }
    .lecture-container .pc-display, .lecture-container [class^='pc-'] { display: none !important; }

    .error .text-error { padding: 4px 8px 0; }
    select{ height: 45px; padding: 0 8px; background-size: 20px 20px; background-position: right 8px center; font-size: var(--f-body1); }

    .radio-wrapper label { padding-left: 24px; font-size: var(--f-body1); }
    .radio-wrapper label::before { width: 12px; height: 12px; margin-top: -8px; }
    .radio-wrapper input:checked+label::after { left: 4px; width: 8px; height: 8px; margin-top: -4px; }
    .check-label-wrapper { padding-left: 24px; line-height: 20px; }
    .check-label-wrapper label::before { width: 14px; height: 14px; }
    .check-label-wrapper input[type="checkbox"]+label { font-size: var(--f-body1); line-height: 20px; }
    .check-label-wrapper input:checked+label::before { background-size: 10px 10px; }
    .check-label-wrapper a { line-height: 20px; }

    /* 스크롤탑 버튼 */
    .lecture-container a.scroll-up { bottom: 110px; }
    .list-container a.scroll-up {bottom: 78px;}

    /* 쿠폰 팝업 */
    .wrap-pop .pop { width: 326px; height: 496px; margin-top: -248px; margin-left: -163px; }
    .wrap-pop .bar-pop-title { height: 45px; }
    .wrap-pop .bar-pop-title strong { font-size: var(--f-body1); line-height: 44px; }
    .wrap-pop .btn-pop-close { top: 4px; width: 16px; height: 16px; }
    .wrap-pop .cont-pop { height: 450px; padding: 24px 12px; }
    .wrap-pop .cont-pop > div > strong { font-size: var(--f-body1); line-height: 21px; }
    .wrap-pop .paragraph { font-size: var(--f-body1); line-height: 23px; }
    .wrap-pop .cont-pop.wrap-text > div { padding-bottom: 16px; }
    .wrap-pay-pop .pop-coupon { top: 0; left: 0; width: 100%; height: 100%; margin: 0; }
    .pop-coupon .inner-pop { padding: 16px 16px 0; }
    .pop-coupon .bar-pop-title { width: auto; height: auto; background-color: #fff; text-align: left; box-sizing: border-box; }
    .pop-coupon .bar-pop-title strong { display: block; font-size: 20px; line-height: 29px; }
    .pop-coupon .btn-pop-close { top: -3px; right: -10px; }
    .pop-coupon .box-price { display: block; position: relative; width: 100%; height: auto; margin-top: 24px; padding: 15px 16px; border: 1px solid #C5C5C5; font-size: var(--f-body1); line-height: 21px; }
    .pop-coupon .box-price strong { display: block; padding-top: 8px; padding-left: 0; line-height: 24px; }
    .pop-coupon .box-price em { position: absolute; right: 16px; bottom: 16px; font-size: 18px; line-height: 26px; }
    .pop-coupon .cont-pop { height: auto; padding: 0; }
    .pop-coupon .tit-cont-coupon { padding: 24px 16px 16px; }
    .pop-coupon .wrap-coupon-list { height: calc(100vh - 483px); padding: 0 16px 32px; }
    .pop-coupon .list-coupon label { padding: 16px 16px 16px 44px; font-size: var(--f-body1); line-height: 19px; }
    .pop-coupon .list-coupon label::before { top: 20px; left: 16px; }
    .pop-coupon .list-coupon input:checked+label::after { left: 20px; }
    .pop-coupon .list-coupon .text-coupon-desc { font-size: var(--f-body1); line-height: 20px; }
    .pop-coupon .list-coupon .text-coupon-desc > span { padding-top: 1px; line-height: 20px; }
    .pop-coupon .list-coupon strong { padding: 4px 0; font-size: 18px; line-height: 26px; }
    .pop-coupon .list-coupon label > span { font-size: 13px; line-height: 19px; }
    .pop-coupon .box-result { height: 268px; padding: 28px 16px; }
    .pop-coupon .price-result { display: flex; flex-wrap: wrap; }
    .pop-coupon .price-result dl { width: 33%; padding-right: 20px; }
    .pop-coupon .price-result dl:first-child { width: 37%; }
    .pop-coupon .price-result dl:first-child:after { right: 6px; }
    .pop-coupon .price-result dl:last-child { width: 28%; padding-right: 0; }
    .pop-coupon .price-result dl:last-child:before { left: -22px; }
    .pop-coupon .price-result dt { font-size: var(--f-body1); line-height: 20px; }
    .pop-coupon .price-result dd { padding-top: 10px; font-size: 16px; line-height: 24px; white-space: nowrap;}
    .pop-coupon .bottom-result { display: block; margin-top: 16px; }
    .pop-coupon .bottom-result > p { font-size: 13px; line-height: 19px; }
    .pop-coupon .bottom-result > button { display: block; width: 111px; height: 53px; margin: 12px auto 0; font-size: 18px; }


    /* 레이아웃 */
    .lecture-container { padding-bottom: 60px; }


    .lecture-top-container{ font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; padding: 16px;}
    .lecture-catagory-list > li { margin-right: 8px; }
    .lecture-cont-wrapper { padding-top: 16px; }
    .lecture-cont { margin-bottom: 40px; }
    .lecture-tab-list { padding-bottom: 12px; }
    .lecture-tab { padding-bottom: 2px; font-size: var(--f-body3); display: block;}
    .lecture-tab + .lecture-tab { margin-top: 12px;;}
    .lecture-tab > strong { font-size: var(--f-body1);}
    .lecture-tab > p { overflow: unset; flex-wrap: wrap; }
    .lecture-tab > p > a { margin-right: 8px; padding: 4px 8px;  line-height: normal; font-size: var(--f-body1);}
    .lecture-tab-module { padding-top: 8px;  }
    .lecture-tab-module > strong { width: 120px; }
    .lecture-tab-module > p { padding-left: 120px; }
    .lecture-cont-title { font-size: 18px; letter-spacing: -0.4px; line-height: 26px; }
    .lecture-cont-box { display: block; position: relative; padding: 0; border: none; border-radius: 0px; background: #FFFFFF; }
    .lecture-cont-box .lecture-info { max-width: 100%;  border: 1px solid #DEDEDF;border-radius: 12px;padding: 8px 12px;margin: 20px 0px;}
    .lecture-cont-box .lecture-thumbnail img { width: 100%; height: auto; }
    .lecture-info .lecture-detail-title { margin-top: 0px !important; }
    .lecture-info .lecture-detail-title p {font-size: var(--f-heading2); line-height: 26px; letter-spacing: -0.36px; }
    .lecture-info .lecture-detail-desc { margin-top: 0px !important; font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; }
    .lecture-info .lecture-detail-badge { margin-top: 12px; }
    .lecture-info .lecture-detail-list li:first-child a { padding-top: 0; }
    .lecture-info .lecture-detail-list a { overflow: hidden; display: block; padding: 8px 0; }
    .lecture-info .lecture-detail-list a .month { display: block; width: 100%; height: auto; font-size: var(--f-body1); line-height: 20px; white-space: normal; max-width: unset }
    /* .lecture-info .lecture-detail-list ul li .right { display: block; padding-top: 4px; text-align: right; } */
    .lecture-info .lecture-detail-list ul li .right {display: flex;align-items: center;justify-content: space-between; }
    .lecture-info .lecture-detail-list ul li .price-wrap {     display: flex;align-items: flex-end;line-height: unset; }
    .lecture-info .lecture-detail-list ul li .price { font-size: var(--f-body1); line-height: 26px; letter-spacing: -0.68px; }
    .lecture-info .lecture-detail-list ul li .price-before { font-size: var(--f-body1); line-height: 26px; letter-spacing: -0.56px; }
    .lecture-info .lecture-detail-list a .desc { float: right; width: fit-content; line-height: 26px; }

    .lecture-info .lecture-detail-list ul li:last-of-type { border-bottom: none;}

    .ielts .lecture-category-select { display: block; padding-right: 0; width: 100%; margin-bottom: 8px;}
    .ielts .lecture-category-select-wrapper p { font-size: inherit; line-height: 20px; letter-spacing: -0.28px;}
    .ielts .lecture-category-select-wrapper > div { max-width: 100%; padding-right: 0; }
    .ielts .lecture-category-select .dropDownMenu{width: 100%;}
    .ielts .lecture-category-select .dropDownMenu + .dropDownMenu{margin-top: 8px; margin-left: 0;}
    /* .ielts .lecture-category-select select { width: 100%; height: 44px; margin-bottom: 8px; font-size: var(--f-body1); } */
    .ielts .lecture-category-select-wrapper .button { position: static; width: 100%; }
    .ielts .lecture-cont-wrapper { padding-top: 20px; }
    .ielts .lecture-cont { margin-bottom: 24px; }
    .ielts .lecture-tab-nav-list a { padding: 0 10px; font-size: 16px; white-space: nowrap; }
    .ielts .lecture-tab-nav-list a span { padding: 8px 0; font-size: var(--f-body1); }
    .ielts .lecture-tab-nav-list a.active span:after { height: 2px; }
    .ielts .lecture-section { padding-top: 16px; }
    /* .ielts .lecture-cont-anchor { height: 88px; margin-top: -88px; } */

    .ielts .box-complete > p > strong:before { background-position: 0 -26px; }
}











/****************************************
    수강신청 > 결제 / 결제 완료 (공통)
****************************************/
.lecturePayment .max-width{max-width: 360px; margin: 0 auto;}


/****************************************
    수강신청 > 결제
****************************************/
.lecturePayment{font-size: var(--f-body3);}


.lecturePayment.payPage input[type="text"]:disabled,
.lecturePayment.payPage input[type="password"]:disabled,
.lecturePayment.payPage input[type="tel"]:disabled,
.lecturePayment.payPage input[type="email"]:disabled,
.lecturePayment.payPage input[type="number"]:disabled{color: var(--n-subTitle) !important; background-color: var(--b-color5) !important; font-weight: 400 !important;}


.lecturePayment.payPage h2{font-size: var(--f-body1); letter-spacing: -0.28px; line-height: 20px; padding-bottom: 16px; font-weight: 700; margin-bottom: 16px;}
.lecturePayment.payPage .lecture-container{padding: 0;}
.lecturePayment.payPage .lecture-container > article{padding: 16px 0;}
.lecturePayment.payPage .lecture-container > article + article{margin-top: 12px; position: relative;}
.lecturePayment.payPage .lecture-container > article + article::before{content: ''; position: absolute; top: -12px; left: 50%; transform: translateX(-50%); width: 100vw; height: 12px; background-color: var(--b-color5);}
.lecturePayment.payPage .lecture-container .lectureInfoWrap{background-color: var(--b-color5); padding: 12px; border-radius: var(--b-radius0); font-size: var(--f-body1); color: var(--n-mainTitle); font-weight: 700; display: flex; align-items: center; margin-bottom: 8px; letter-spacing: -0.28px; line-height: 20px; width: 100%;}
.lecturePayment.payPage .lecture-container .lectureInfoWrap .category{font-size: var(--f-body3); border-radius: 100px; line-height: 16px; letter-spacing: -0.24px; height: 20px; line-height: 20px; padding: 0 6px; margin-right: 8px;}
.lecturePayment.payPage.academy .lecture-container .lectureInfoWrap .category{color: #0059FF; background-color: #D4EBFF; }
.lecturePayment.payPage.ielts .lecture-container .lectureInfoWrap .category{color: #009F2D; background-color: #D5F0C3; }
.lecturePayment.payPage .lecture-container .infoTable{border: 1px solid var(--s-color1); border-radius: var(--b-radius0); width: 100%; overflow: hidden;}
.lecturePayment.payPage .lecture-container .infoTable .box{display: flex; min-height: 40px;}
.lecturePayment.payPage .lecture-container .infoTable .box .tit{background-color: var(--b-color4); display: flex; align-items: center; font-weight: 700; width: 96px; padding-left: 16px; color: var(--n-info);}
.lecturePayment.payPage .lecture-container .infoTable .box + .box{border-top: 1px solid var(--s-color1);}
.lecturePayment.payPage .lecture-container .infoTable .box .content{font-weight: 500; font-size: var(--f-body1); display: flex; justify-content: flex-end; align-items: center; width: calc(100% - 96px); padding: 8px 16px; letter-spacing: -0.28px; line-height: 20px;}
.lecturePayment.payPage .lecture-container .infoTable .box .content .before{color: var(--n-info); font-weight: 400; margin-right: 8px; position: relative; display: inline-block;}
.lecturePayment.payPage .lecture-container .infoTable .box .content .before::after{content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 1px; background-color: var(--n-info); transform: translate(-50%,-50%);}
.lecturePayment.payPage .lecture-container .infoTable .box .content .couponBtn{border: 1px solid var(--s-color1); font-size: var(--f-body2); color: var(--n-info); margin-left: 8px; line-height: 20px; letter-spacing: -0.26px; height: 34px; padding: 0 9px; border-radius: var(--b-radius0); transition: all 0.3s ease;}
.lecturePayment.payPage .lecture-container .infoWrap .sectionWrap,
.lecturePayment.payPage .lecture-container .infoWrap .input + .input,
.lecturePayment.payPage .lecture-container .infoWrap .sectionWrap + .input,
.lecturePayment.payPage .lecture-container .infoWrap .display-address-option + .input,
.lecturePayment.payPage .lecture-container .infoWrap .display-address-option + .display-address-option{margin-top: 16px;}
.lecturePayment.payPage .lecture-container .infoWrap .input .tit{margin-bottom: 8px;}
.lecturePayment.payPage .lecture-container .infoWrap .input .tit i{background-image: url('https://static.edmclass.com/common/membership/required-icon.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 8px; height: 8px; display: inline-block; margin-left: 2px; position: relative; top: -1px;}
.lecturePayment.payPage .lecture-container .infoWrap .input .tit span{display: block; font-size: var(--f-body4); color: var(--n-info); letter-spacing: -0.22px; line-height: 14px;}
.lecturePayment.payPage .lecture-container .infoWrap .input .inputBox + .inputBox{margin-top: 8px;}
.lecturePayment.payPage .lecture-container .infoWrap .input .inputBox.searchPost label{width: calc(100% - 108px); padding-right: 8px;}
.lecturePayment.payPage .lecture-container .infoWrap .input .inputBox .searchPostBtn{border: 1px solid var(--p-color2); border-radius: var(--b-radius0); height: 40px; line-height: 38px; text-align: center; width: 108px; padding: 0 12px; font-weight: 500; display: inline-block; color: var(--p-color2); font-size: var(--f-body1); transition: all 0.3s ease;}
.lecturePayment.payPage .lecture-container .infoWrap .input .inputBox.chkBox{text-align: right; margin-top: 16px;}
.lecturePayment.payPage .lecture-container .infoWrap .input .inputBox.col2{display: grid; grid-template-columns: repeat(2,1fr); column-gap: 8px;}
.lecturePayment.payPage .lecture-container .infoWrap .input .inputBox.col2-type2{display: flex; justify-content: space-between; column-gap: 8px;}
.lecturePayment.payPage .lecture-container .infoWrap .input .inputBox.col2-type2 .left{width: 130px;}
.lecturePayment.payPage .lecture-container .infoWrap .input .inputBox.col2-type2 .right{width: calc(100% - 138px);}
.lecturePayment.payPage .lecture-container .infoWrap .input .inputBox.col3{justify-content: space-between; align-items: center;}
.lecturePayment.payPage .lecture-container .infoWrap .input .inputBox.col3 .box{width: calc(100%/3 - 10px);}
.lecturePayment.payPage .lecture-container .infoWrap .input .pointTextBox{background-color: var(--b-color5); border-radius: 12px; padding: 12px 22px 12px 16px; color: var(--n-info); word-break: break-all; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;}
.lecturePayment.payPage .lecture-container .infoWrap .input .pointTextBox p{position: relative; padding-left: 6px;}
.lecturePayment.payPage .lecture-container .infoWrap .input .pointTextBox p::before{content: ''; position: absolute; left: 0; top: 7px; width: 2px; height: 2px; background-color: var(--n-info); border-radius: 50%;}
.lecturePayment.payPage .lecture-container .infoWrap .input.address{margin-bottom: 16px; justify-content: space-between;}
.lecturePayment.payPage .lecture-container .infoWrap .input.address .box{width: calc(50% - 4px); height: 48px; padding: 0 16px; display: flex; align-items: center; cursor: pointer; position: relative; overflow: hidden;}
.lecturePayment.payPage .lecture-container .infoWrap .input.address .box i{width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 1px solid var(--s-color1); display: block; border-radius: var(--b-radius0);}
.lecturePayment.payPage .lecture-container .infoWrap .input.address .box input:checked ~ i{border-color: var(--n-info);}
.lecturePayment.payPage .lecture-container .infoWrap .input.address .box input + span::before,
.lecturePayment.payPage .lecture-container .infoWrap .input.address .box input + span::after{top: 50%; transform: translateY(-50%);}
.lecturePayment.payPage .lecture-container .infoWrap .input.privacyBox {margin-top: 24px;}
.lecturePayment.payPage .lecture-container .infoWrap .input.privacyBox a{color: var(--n-info2); font-weight: 500; text-decoration: underline; font-size: var(--f-body4); line-height: 14px; letter-spacing: -0.22px;}
.lecturePayment.payPage .lecture-container .infoWrap .input.privacyBox .inputBox + .inputBox{margin-top: 16px;}
.lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box{width: calc(100%/3 - 6px); font-size: var(--f-body1); height: 44px; margin-bottom: 1rem;}
.lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box button{width: 100%; height: 100%; color: #41414F; display: flex; justify-content: center; align-items: center; border: 1px solid var(--s-color1); border-radius: var(--b-radius0); line-height: 1.2;}
.lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box button i{width: 16px; height: 16px; background-repeat: no-repeat; background-size: contain; background-position: center; display: inline-block; margin-right: 2px;}
.lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.card button i{background-image: url('https://static.edmclass.com/common/lecture/payment_card.svg');}
.lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.testcard button i{background-image: url('https://static.edmclass.com/common/lecture/payment_card.svg');}
.lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.transfer button i{background-image: url('https://static.edmclass.com/common/lecture/payment_transfer.svg');}
.lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.naverpay button i{background-image: url('https://static.edmclass.com/common/lecture/payment_naverPay.svg'); width: 46px; }
.lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box button.active{border-color: var(--p-color2); color: var(--p-color2);}
.lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.card button.active i{background-image: url('https://static.edmclass.com/common/lecture/payment_card-active.svg');}
.lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.testcard button.active i{background-image: url('https://static.edmclass.com/common/lecture/payment_card-active.svg');}
.lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.transfer button.active i{background-image: url('https://static.edmclass.com/common/lecture/payment_transfer-active.svg');}
.lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.naverpay button.active i{background-image: url('https://static.edmclass.com/common/lecture/payment_naverPay-active.svg'); width: 46px; }
.academy .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.card button.active i{background-image: url('https://static.edmclass.com/common/lecture/payment_card-active-academy.svg');}
.academy .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.testcard button.active i{background-image: url('https://static.edmclass.com/common/lecture/payment_card-active-academy.svg');}
.academy .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.transfer button.active i{background-image: url('https://static.edmclass.com/common/lecture/payment_transfer-active-academy.svg');}
.academy .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.naverpay button.active i{background-image: url('https://static.edmclass.com/common/lecture/payment_naverPay-active-academy.svg'); width: 46px; }
.lecturePayment.payPage .lecture-container .infoWrap.paymentMethod.empty .input:first-of-type { display: none ;}
.lecturePayment.payPage .lecture-container .infoWrap.paymentMethod.empty .input:last-of-type { margin-top: 0px;}
.lecturePayment.payPage .applyWrap input[type="button"]{line-height: 1;}

/* 팝업 */
.lecturePayment.payPage .bottom-sheet.type2.verChange .slidingWrap{height: auto; max-height: calc(100% - 24px); padding-top: 36px; padding-bottom: 16px;}
.lecturePayment.payPage .bottom-sheet.type2.verChange .slidingWrap .max-width{max-width: initial;}
.lecturePayment.payPage .bottom-sheet.type2.verChange .slidingWrap .title{font-size: var(--f-heading2); text-align: center; margin-bottom: 16px; line-height: 26px; letter-spacing: -0.36px;}
.lecturePayment.payPage .bottom-sheet.type2.verChange .slidingWrap .scrollWrap{max-height: calc(100vh - 138px);}
.lecturePayment.payPage .bottom-sheet.type2.verChange .slidingWrap .textWrap{background-color: var(--b-color5); border-radius: var(--b-radius0); padding: 12px 8px; line-height: 16px; letter-spacing: -0.24px; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;}
.lecturePayment.payPage .bottom-sheet.type2.verChange .slidingWrap .textWrap .tit{margin-bottom: 2px;}
.lecturePayment.payPage .bottom-sheet.type2.verChange .slidingWrap .textWrap .dotTxt{color: var(--n-info); position: relative; padding-left: 15px;}
.lecturePayment.payPage .bottom-sheet.type2.verChange .slidingWrap .textWrap .dotTxt::before{content: ''; position: absolute; top:  7px; left: 10px; width: 2px; height: 2px; border-radius: 50%; background-color: var(--n-info);}
.lecturePayment.payPage .bottom-sheet.type2.verChange .slidingWrap .textWrap .dotTxt.type2{padding-left: 17px;}
.lecturePayment.payPage .bottom-sheet.type2.verChange .slidingWrap .textWrap .dotTxt.type2::before{width: 3px; height: 3px;}
.lecturePayment.payPage .bottom-sheet.type2.verChange .slidingWrap .textWrap .dotTxt + .tit{margin-top: 2px;}
.lecturePayment.payPage .bottom-sheet.type2.verChange .slidingWrap .textWrap .sub-tit,
.lecturePayment.payPage .bottom-sheet.type2.verChange .slidingWrap .textWrap .sub-txt{color: var(--n-info); margin-bottom: 2px;}
.lecturePayment.payPage .bottom-sheet.type2.verChange .slidingWrap .textWrap .sub-tit{padding-left: 10px; }


/****************************************
    수강신청 > 결제 > 결과
****************************************/
.lecturePayment.result{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px;}
.lecturePayment.result .resultWrap .picture{font-size: var(--f-heading3); text-align: center; font-weight: 700; padding: 16px 0; line-height: 22px; letter-spacing: -0.32px; border-bottom: 1px solid var(--s-color1); margin-bottom: 16px;}
.lecturePayment.result .resultWrap .picture figure{width: 56px; height: 56px; background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 auto 5.27px; display: block;}
.lecturePayment.result .resultWrap.success .picture figure{background-image: url('https://static.edmclass.com/common/lecture/enrol-finished-success.svg');}
.lecturePayment.result .resultWrap.fail .picture figure{background-image: url('https://static.edmclass.com/common/lecture/enrol-finished-fail.svg');}
.lecturePayment.result .resultWrap{min-height: 404px;}
.lecturePayment.result .resultWrap .infoTable{border-radius: var(--b-radius0); border: 1px solid var(--s-color1); overflow: hidden;}
.lecturePayment.result .resultWrap .infoTable + .infoTable{margin-top: 8px;}
.lecturePayment.result .resultWrap .infoTable .box{min-height: 40px; display: flex;}
.lecturePayment.result .resultWrap .infoTable .box .tit{width: 96px; background-color: var(--b-color4); font-weight: 700; color: var(--n-info); padding: 0 0 0 16px; display: flex; align-items: center; font-size: var(--f-body3); letter-spacing: -0.24px; line-height: 16px;}
.lecturePayment.result .resultWrap .infoTable .box + .box{border-top: 1px solid vaR(--s-color1);}
.lecturePayment.result .resultWrap .infoTable .box .content{width: calc(100% - 96px); padding: 10px 16px; display: flex; align-items: center; font-weight: 500;}
.lecturePayment.result .resultWrap .infoTable .box .content.price{justify-content: flex-end;}
.lecturePayment.result .resultWrap .infoTable .box .content.productName{display: block;}
.lecturePayment.result .resultWrap .infoTable .box .content.productName .bar{display: inline-block; width: 1px; height: 8px; background-color: var(--n-info2); margin: 2px 6px;}
.lecturePayment.result .resultWrap .txt{text-align: center;}
.lecturePayment.result .bottom-fix-btn button{background-color: var(--b-color4); color: var(--n-info); font-weight: 700;}
.lecturePayment.result .bottom-fix-btn button:active{background-color: var(--p-color2); color: var(--n-white);}
.lecturePayment.result .resultWrap.success .messageBox{margin-bottom: 8px;}

@media screen and (max-width: 1199px) {
    /*************************************************************
        hover effect
    *************************************************************/
    @media (hover: hover) and (pointer: fine) {
        .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.card button:hover i{background-image: url('https://static.edmclass.com/common/lecture/payment_card-active.svg');}
        .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.testcard button:hover i{background-image: url('https://static.edmclass.com/common/lecture/payment_card-active.svg');}
        .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.transfer button:hover i{background-image: url('https://static.edmclass.com/common/lecture/payment_transfer-active.svg');}
        .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.naverpay button:hover i{background-image: url('https://static.edmclass.com/common/lecture/payment_naverPay-active.svg'); width: 46px; }

        .academy .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.card button:hover i{background-image: url('https://static.edmclass.com/common/lecture/payment_card-active-academy.svg');}
        .academy .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.testcard button:hover i{background-image: url('https://static.edmclass.com/common/lecture/payment_card-active-academy.svg');}
        .academy .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.transfer button:hover i{background-image: url('https://static.edmclass.com/common/lecture/payment_transfer-active-academy.svg');}
        .academy .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.naverpay button:hover i{background-image: url('https://static.edmclass.com/common/lecture/payment_naverPay-active-academy.svg');}
    }
}

@media screen and (min-width: 576px) {
    /****************************************
        수강신청 > 결제 / 결제 완료 (공통)
    ****************************************/
    .lecturePayment{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; padding-bottom: 100px;}
    .lecturePayment .max-width{max-width: 332px; padding: 0;}
    .lecturePayment .pageTitle{padding-bottom: 0;}

    /****************************************
        수강신청 > 결제
    ****************************************/
    .lecturePayment.payPage .lecture-container > article + article::before{max-width: 100%;}
    .lecturePayment.payPage .bottom-sheet.type2.verChange .slidingWrap .max-width{padding: 0 16px;}

    /****************************************
        수강신청 > 결제 > 결과
    ****************************************/
    .lecturePayment.result .resultWrap{min-height: initial;}
}

@media screen and (min-width: 1200px) {
    input[type="text"], input[type="password"], input[type="tel"], input[type="email"], select { padding: 0 8px; letter-spacing: -0.28px; height: 40px; border-radius: var(--b-radius0); font-size: var(--f-body1);}



    /*****************************************ielts*****************************************/
    /* 수강신청 리스트 페이지 */
    .ielts .lecture-category-select-wrapper .dropDownMenu{font-size: var(--f-heading3); letter-spacing: -0.32px;}
    .ielts .lecture-category-select-wrapper .dropDownMenu .label{height: 56px; background-image: url('https://static.edmclass.com/common/new_selectArrow-24.svg'); background-size: 24px; background-position: right 16px center; padding: 0 40px 0 16px; border-radius: var(--b-radius3);}
    .ielts .lecture-category-select-wrapper .dropDownMenu .label.active{background-image: url('https://static.edmclass.com/common/new_selectArrow-active-24.svg');}
    .ielts .lecture-category-select-wrapper .dropDownMenu .selectBox .optionListWrap{top: 60px; padding: 8px;}
    .ielts .lecture-category-select-wrapper .dropDownMenu .selectBox .optionListWrap .optionItem *{padding: 15px 12px;}

    /****************************************
        수강신청 > 결제 / 결제 완료 (공통)
    ****************************************/
    .lecturePayment .pageTitle{padding-bottom: 40px;}

    /****************************************
        수강신청 > 결제
    ****************************************/
    .lecturePayment.payPage .max-width{max-width: 792px;  position: relative;}
    .lecturePayment.payPage h2{padding: 0 16px 0; font-size: var(--f-heading2); line-height: 26px; letter-spacing: -0.36px;}
    .lecturePayment.payPage .pageTitle{padding-bottom: 40px;}
    .lecturePayment.payPage .customLine::after{display: none;}
    .lecturePayment.payPage .infoArea .lectureInfoWrap{width: 282px;}
    .lecturePayment.payPage .infoArea .infoTable{width: calc(100% - 306px);}
    .lecturePayment.payPage .lecture-container .lectureInfoWrap {flex-direction: column; justify-content: center; margin: 0; border-radius: 12px; padding: 24px;}
    .lecturePayment.payPage .lecture-container .lectureInfoWrap .category{font-size: var(--f-body2); line-height: 1.7; letter-spacing: -0.26px; height: 24px; padding: 0 8px; margin: 0 auto 8px 0; display: inline-block;}
    .lecturePayment.payPage .lecture-container .lectureInfoWrap .lectureName{width: 100%; font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px;}
    .lecturePayment.payPage .lecture-container .infoTable{border-radius: 12px;}
    .lecturePayment.payPage .lecture-container .infoTable .box{min-height: 64px;}
    .lecturePayment.payPage .lecture-container .infoTable .box .tit{justify-content: center; padding: 0; width: 140px;}
    .lecturePayment.payPage .lecture-container .infoTable .box .content{width: calc(100% - 140px);}
    .lecturePayment.payPage .lecture-container > article{padding: 0;}
    .lecturePayment.payPage .lecture-container > article + article{margin-top: 32px; padding-top: 0;}
    .lecturePayment.payPage .lecture-container > article + article::before{display: none;}
    .lecturePayment.payPage .lecture-container .infoWrap{border: 1px solid var(--s-color1); padding: 24px; border-radius: var(--b-radius1);}
    .lecturePayment.payPage .lecture-container .infoWrap .sectionWrap,
    .lecturePayment.payPage .lecture-container .infoWrap .input + .input,
    .lecturePayment.payPage .lecture-container .infoWrap .sectionWrap + .input,
    .lecturePayment.payPage .lecture-container .infoWrap .display-address-option + .input{padding-top: 16px; border-top: 1px solid var(--s-color1);}
    .lecturePayment.payPage .lecture-container .infoWrap .input{display: flex; justify-content: space-between; flex-wrap: wrap;}
    .lecturePayment.payPage .lecture-container .infoWrap .input .tit{width: 156px; margin-bottom: 0; padding-top: 10px;}

    .lecturePayment.payPage .lecture-container .infoWrap .input.phone .inputBox.col2-pc{display: flex; justify-content: space-between; flex-wrap: wrap;}
    .lecturePayment.payPage .lecture-container .infoWrap .input.phone .inputBox.col2-pc .right{width: calc(50% - 4px);}
    .lecturePayment.payPage .lecture-container .infoWrap .input.phone .inputBox.col2-pc .text-error{width: 100%;}

    .lecturePayment.payPage .lecture-container .infoWrap .input .inputBox,
    .lecturePayment.payPage .lecture-container .infoWrap .input .col2-pc{width: calc(100% - 156px); }
    .lecturePayment.payPage .lecture-container .infoWrap .input .col2-pc .inputBox{width: 100%;}
    .lecturePayment.payPage .lecture-container .infoWrap .input .col2-pc .inputBox + .inputBox{margin-top: 8px;}
    .lecturePayment.payPage .lecture-container .infoWrap .input .inputBox .searchPostBtn{width: 130px;}
    .lecturePayment.payPage .lecture-container .infoWrap .input .inputBox.searchPost label{width: calc(100% - 130px);}
    .lecturePayment.payPage .lecture-container .infoWrap .input .pointTextBox{padding: 16px; width: 100%; font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px;}
    .lecturePayment.payPage .lecture-container .infoWrap .input .pointTextBox p + p{margin-top: 4px;}
    .lecturePayment.payPage .lecture-container .infoWrap .input .pointTextBox p{padding-left: 9px;}
    .lecturePayment.payPage .lecture-container .infoWrap .input .pointTextBox p::before{width: 4px; height: 4px; top: 9px;}
    .lecturePayment.payPage .lecture-container .infoWrap .input.textInput{padding-top: 0; border: none;}
    .lecturePayment.payPage .lecture-container .infoWrap .input.address .box{height: 52px;}
    .lecturePayment.payPage .lecture-container .infoWrap .input.address .box input + span::after{left: 4.5px;}
    .lecturePayment.payPage .lecture-container .infoWrap .input.address{padding-bottom: 24px; border-bottom: 1px solid var(--s-color1); }
    .lecturePayment.payPage .lecture-container .infoWrap .input.privacyBox{padding-top: 0; border:none;}
    .lecturePayment.payPage .lecture-container .infoWrap .input.privacyBox .inputBox{width: 100%;}
    .lecturePayment.payPage .lecture-container .infoWrap .input.privacyBox a{font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; font-weight: 700;}
    .lecturePayment.payPage .lecture-container .infoWrap .inputBox .small-text{width: 100%; font-size: var(--f-body3); color: var(--n-info); padding: 4px 0 0 8px;}
    .lecturePayment.payPage .lecture-container .infoWrap .input #birth{background-image: url('https://static.edmclass.com/common/calendar-icon.svg'); background-repeat: no-repeat; background-size: 16px; background-position: right 12px center;}
    .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3{width: 100%;}
    .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3{justify-content: flex-start;}
    .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box{width: 160px; margin-right: 12px; height: 56px; font-size: var(--f-heading3); letter-spacing: -0.32px; font-weight: 700;}
    .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box button i{width: 24px; height: 24px; margin-right: 4px;}
    .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.card button i{background-image: url('https://static.edmclass.com/common/lecture/payment_card_pc.svg');}
    .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.transfer button i{background-image: url('https://static.edmclass.com/common/lecture/payment_transfer_pc.svg');}
    .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.naverpay button i{background-image: url('https://static.edmclass.com/common/lecture/payment_naverPay_pc.svg'); width: 69px;}
    .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.testcard button i{background-image: url('https://static.edmclass.com/common/lecture/payment_card_pc.svg'); }
    .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.card button.active i{background-image: url('https://static.edmclass.com/common/lecture/payment_card_pc-active.svg');}
    .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.transfer button.active i{background-image: url('https://static.edmclass.com/common/lecture/payment_transfer_pc-active.svg');}
    .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.naverpay button.active i{background-image: url('https://static.edmclass.com/common/lecture/payment_naverPay_pc-active.svg'); width: 69px;}
    .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.testcard button.active i{background-image: url('https://static.edmclass.com/common/lecture/payment_card_pc-active.svg'); }

    .academy .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.card button.active i{background-image: url('https://static.edmclass.com/common/lecture/payment_card_pc-active-academy.svg');}
    .academy .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.transfer button.active i{background-image: url('https://static.edmclass.com/common/lecture/payment_transfer_pc-active-academy.svg');}
    .academy .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.naverpay button.active i{background-image: url('https://static.edmclass.com/common/lecture/payment_naverPay_pc-active-academy.svg'); width: 69px;}
    .academy .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.testcard button.active i{background-image: url('https://static.edmclass.com/common/lecture/payment_card_pc-active-academy.svg'); }

    /* 팝업 */
    .lecturePayment.payPage .bottom-sheet.type2.verChange .slidingWrap{transform: translate(-50%,-50%) !important; padding: 0; top: 50%; transition: none; }
    .lecturePayment.payPage .bottom-sheet.type2.verChange .slidingWrap .max-width{padding: 0 24px;}
    .lecturePayment.payPage .bottom-sheet.type2.verChange .slidingWrap .scrollWrap{max-height: 604px; }
    .lecturePayment.payPage .bottom-sheet.type2.verChange.large .slidingWrap .scrollWrap{height: calc(50vh - 55px);}
    .lecturePayment.payPage .bottom-sheet.type2.verChange .slidingWrap .title{line-height: 26px; letter-spacing: -0.36px; padding-top: 56px;}
    .lecturePayment.payPage .bottom-sheet.type2.verChange .slidingWrap .textWrap{padding: 16px; font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px;}
    .lecturePayment.payPage .bottom-sheet.type2.verChange .slidingWrap .textWrap .tit{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px; margin-bottom: 4px;}
    .lecturePayment.payPage .bottom-sheet.type2.verChange .slidingWrap .textWrap .dotTxt + .tit{margin-top: 4px;}
    .lecturePayment.payPage .bottom-sheet.type2.verChange .slidingWrap .textWrap .dotTxt .dotTxt{margin-top: 4px;}
    .lecturePayment.payPage .bottom-sheet.type2.verChange .slidingWrap .textWrap .dotTxt::before{width: 3px; height: 3px; top: 9px; left: 8px;}
    .lecturePayment.payPage .bottom-sheet.type2.verChange .buttonWrap{display: flex;}
    .lecturePayment.payPage .bottom-sheet.type2.verChange .buttonWrap *{border-color: var(--p-color2); color: var(--p-color2); }

    /****************************************
        수강신청 > 결제 > 결과
    ****************************************/
    .lecturePayment.result .max-width{max-width: 384px;}
    .lecturePayment.result .resultWrap{min-height: initial;}
    .lecturePayment.result .resultWrap .picture{font-size: var(--f-heading1); line-height: 28px; letter-spacing: -0.4px; padding: 0 0 32px; border: none; margin-bottom: 0;}
    .lecturePayment.result .resultWrap .messageBox{margin-bottom: 16px;}
    .lecturePayment.result .resultWrap .infoTable{border-radius: 12px;}
    .lecturePayment.result .resultWrap .infoTable + .infoTable{margin-top: 16px;}
    .lecturePayment.result .resultWrap .infoTable .box{min-height: 46px;}
    .lecturePayment.result .resultWrap .infoTable .box .content{padding: 12px 16px;}
    .lecturePayment.result .resultWrap .infoTable .box .content.productName{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px; font-weight: 700; color: var(--n-mainTitle);}
	.lecturePayment.result .resultWrap .infoTable .box .content.productName .bar{margin: 2px 8px;}
    .lecturePayment.result  .bottom-fix-btn button{width: 100%; max-width: initial;}
    .lecturePayment.result .resultWrap .txt{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px;}





    /*************************************************************
        hover effect
    *************************************************************/
    @media (hover: hover) and (pointer: fine) {
        .lecturePayment.payPage .bottom-sheet.type2.verChange .buttonWrap *:hover{background-color: var(--p-color2); color: var(--n-white);}

        .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.card button:hover i{background-image: url('https://static.edmclass.com/common/lecture/payment_card_pc-active.svg');}
        .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.transfer button:hover i{background-image: url('https://static.edmclass.com/common/lecture/payment_transfer_pc-active.svg');}
        .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.naverpay button:hover i{background-image: url('https://static.edmclass.com/common/lecture/payment_naverPay_pc-active.svg'); width: 69px;}
        .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.testcard button:hover i{background-image: url('https://static.edmclass.com/common/lecture/payment_card_pc-active.svg'); }

        .academy .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.card button:hover i{background-image: url('https://static.edmclass.com/common/lecture/payment_card_pc-active-academy.svg');}
        .academy .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.transfer button:hover i{background-image: url('https://static.edmclass.com/common/lecture/payment_transfer_pc-active-academy.svg');}
        .academy .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.naverpay button:hover i{background-image: url('https://static.edmclass.com/common/lecture/payment_naverPay_pc-active-academy.svg'); width: 69px;}
        .academy .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box.testcard button:hover i{background-image: url('https://static.edmclass.com/common/lecture/payment_card_pc-active-academy.svg'); }
    }
}




/*************************************************************
    hover effect
*************************************************************/
@media (hover: hover) and (pointer: fine) {
    .ielts .lecture-category-select-wrapper .button:hover { background-color: var(--p-color2); }


    .lecturePayment.payPage .lecture-container .infoWrap.paymentMethod .input .inputBox.col3 .box button:hover{border-color: var(--p-color2); color: var(--p-color2);}
    .lecturePayment.payPage .lecture-container .infoTable .box .content .couponBtn:hover{background-color: var(--b-color4); color: var(--n-info); border-color: var(--b-color4);}

    .lecturePayment.result .bottom-fix-btn button:hover{background-color: var(--b-color3); color: var(--n-subTitle);}
}