/* 왼쪽 메뉴 */
.whz_container .sub_wrap { display: flex; align-items: flex-start; padding-top: 10px; } 
.whz_container .sub_wrap .left_menu { width: 200px; background: #fff; } 
.whz_container .sub_wrap .left_menu .list { padding: 0; background: #fff; border-bottom: none; } 
.whz_container .sub_wrap .left_menu .list > li { position: relative; border-bottom: 1px solid #e9e9e9; } 
.whz_container .sub_wrap .left_menu .list > li + li { margin-top: 0; } 
.whz_container .sub_wrap .left_menu .list > li > a { display: block; position: relative; padding: 26px 0; font-family: "Pretendard"; font-size: 18px; font-weight: 700; letter-spacing:-0.025em; color: #000000; } 
.whz_container .sub_wrap .left_menu .list > li:has(.sub_menu_item).active > a { padding-bottom: 14px; } 
.whz_container .sub_wrap .left_menu .list > li:has(.sub_menu_item) > a::before,
.whz_container .sub_wrap .left_menu .list > li:has(.sub_menu_item) > a::after { content:''; position: absolute; top: 50%; right: 7px; width: 2px; height: 15px; background: #000000; transform: translate(0,-50%); } 
.whz_container .sub_wrap .left_menu .list > li:has(.sub_menu_item) > a::after { height: 14px; transform: rotate(90deg) translate(-7px,0); } 
.whz_container .sub_wrap .left_menu .list > li:has(.sub_menu_item).active > a::before { display: none; } 
.whz_container .sub_wrap .left_menu .list > li:has(.sub_menu_item).active > a::after { margin-top: 6px; } 
.whz_container .sub_wrap .left_menu .sub_menu_item { display: none; margin-bottom: 16px; } 
.whz_container .sub_wrap .left_menu .list > li.active .sub_menu_item { display: block; } 
.whz_container .sub_wrap .left_menu .sub_menu_item > li > a { display: block; padding: 8px 16px; font-family: "Pretendard"; font-size: 16px; font-weight: 600; color: #999999; } 
.whz_container .sub_wrap .left_menu .sub_menu_item > li:hover > a,
.whz_container .sub_wrap .left_menu .sub_menu_item > li.active > a { color: #000; } 
.whz_container .sub_wrap .sub_con { flex-grow:1; width: calc(100% - 200px); padding: 22px 0 0 40px; } 
.whz_container .sub_wrap:not(:has(.sub_menu_item)) .left_menu .list { margin-top: 26px; } 
.whz_container .sub_wrap:not(:has(.sub_menu_item)) .left_menu .list > li { border: none; } 
.whz_container .sub_wrap:not(:has(.sub_menu_item)) .left_menu .list > li a { padding: 8px 0; font-size: 18px; font-weight: 600; color: rgb(153, 153, 153); } 
.whz_container .sub_wrap:not(:has(.sub_menu_item)) .left_menu .list > li a:hover,
.whz_container .sub_wrap:not(:has(.sub_menu_item)) .left_menu .list > li.active a { color: #000000; }

/* 강의 리스트 */
.cate_wrap .inner { overflow: hidden; } 
.cate_list { display: flex; align-items: center; } 
.cate_list > li {padding: 0 5px;}
.cate_list > li a { display: flex; line-height: 1; justify-content: center; align-items: center; height: 50px; padding: 0 27px; border: 1px solid #e1e1e1; border-radius:25px; font-family: "Pretendard"; font-size: 20px; font-weight: 600; letter-spacing:-0.025em; color: rgb(128, 128, 128); } 
.cate_list > li.active a { border-color: #1e1e1e; font-weight: 800; color: #1e1e1e; } 
.lecture_list2 { margin-top: 40px; } 
.lecture_list2 > li { overflow: hidden; display: flex; min-height: 220px; border: 1px solid #e1e1e1; border-radius: 15px; } 
.lecture_list2 > li + li { margin-top: 16px; } 
.lecture_list2 > li .img { width: 295px; position: relative; } 
.lecture_list2 > li .img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } 
.lecture_list2 > li .info { width: 380px; padding: 23px 24px; } 
.lecture_list2 > li .tag_wrap { display: flex; flex-wrap:wrap; gap:5px; } 
.lecture_list2 > li .tag_wrap .tag { display: flex; justify-content: center; align-items: center; height: 24px; padding: 0 10px; background-color: rgb(255, 70, 45); border-radius: 4px; font-family: "Pretendard"; font-size: 14px; font-weight: 700; line-height: 1; letter-spacing:-0.025em; color: rgb(255, 255, 255); } 
.lecture_list2 > li .tag_wrap .end { background: #ae00ef; } 
.lecture_list2 > li .tit { overflow: hidden; margin-top: 5px; font-family: "Pretendard"; font-size: 24px; font-weight: 600; letter-spacing:-0.025em; color: rgb(30, 30, 30); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.lecture_list2 > li .event { display: block; font-family: "Pretendard"; font-size: 16px; font-weight: 500; letter-spacing:-0.025em; color: rgb(30, 30, 30); } 
.lecture_list2 > li .event span { color: #3b93ef; } 
.lecture_list2 > li .subject { display: block; margin-top: 14px; font-family: "Pretendard"; font-size: 14px; font-weight: 500; letter-spacing:-0.025em; color: rgb(128, 128, 128); } 
.lecture_list2 > li .subject .line { font-weight: 300; color: #e1e1e1; } 
.lecture_list2 > li .subject .txt { color: #1e1e1e; } 
.lecture_list2 > li .price_wrap { flex-grow: 1; padding: 23px 24px 23px 0; } 
.lecture_list2 > li .price_list { margin-top: 5px; text-align: right; } 
.lecture_list2 > li .price_list li + li { margin-top: 3px; } 
.lecture_list2 > li .price_list li .days { display: inline-flex; justify-content: center; align-items: center; background: #fff; height: 26px; padding: 0 11px; border: 1px solid #e1e1e1; border-radius:13px; font-family: "Pretendard"; font-size: 14px; font-weight: 600; line-height: 1; letter-spacing:-0.025em; color: rgb(128, 128, 128); } 
.lecture_list2 > li .price_list li div { display: flex; justify-content: flex-end; align-items: center; gap:3px; } 
.lecture_list2 > li .price_list li .sale { display: flex; justify-content: center; align-items: center; width: 36px; height: 19px; background-color: #f03171; border-radius: 3px; font-family: "Pretendard"; font-size: 13px; font-weight: 700; line-height: 1; letter-spacing:-0.025em; color: rgb(255, 255, 255); } 
.lecture_list2 > li .price_list li .cost { margin-right: 3px; font-family: "Pretendard"; font-size: 14px; font-weight: 300; letter-spacing:-0.025em; color: rgb(30, 30, 30); } 
.lecture_list2 > li .price_list li .price { font-family: "Pretendard"; font-size: 20px; font-weight: 600; letter-spacing:-0.025em; color: rgb(30, 30, 30); } 
.lecture_list2 > li .view { display: flex; justify-content: center; align-items: center; width: 150px; height: 48px; margin-top: 6px; margin-left: auto; background-color: rgb(59, 147, 239); border-radius: 8px; font-family: "Pretendard"; font-size: 20px; font-weight: 600; line-height: 1; letter-spacing:-0.025em; color: rgb(255, 255, 255); } 

/* 강의 상세페이지 */
.lectureViewTop { position: relative; margin-top: 80px; } 
.lecture_info { display: flex; max-width: 795px; padding-top: 30px; border-top: 2px solid #dddddd; } 
.lecture_info .sampleVideo { overflow: hidden; position: relative; width:328px; height: 212px; border-radius:16px; } 
.lecture_info .sampleVideo img, 
.lecture_info .sampleVideo iframe { display: block; width: 100%; height: 100%; object-fit: cover; } 
.lecture_info .info_wrap { width: calc(100% - 328px); margin-top: 1px; padding-left: 30px; } 
.lecture_info .info_wrap .cate { display: block; font-family: "Pretendard"; font-size: 16px; font-weight: 400; letter-spacing:-0.025em; color: rgb(59, 147, 239); } 
.lecture_info .info_wrap .info_tit { display: block; margin-top: 4px; font-family: "Pretendard"; font-size: 28px; font-weight: 700; line-height: 1.2; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.lecture_info .info_wrap .list { margin-top: 16px; } 
.lecture_info .info_wrap .list > li { display: flex; align-items: flex-start; } 
.lecture_info .info_wrap .list > li .tit { min-width: 77px; font-family: "Pretendard"; font-size: 14px; font-weight: 400; line-height: 1.429; letter-spacing:-0.025em; color: rgb(153, 153, 153); white-space: nowrap; } 
.lecture_info .info_wrap .list > li .txt { font-family: "Pretendard"; font-size: 14px; font-weight: 500; line-height: 1.429; letter-spacing:-0.025em; color: rgb(102, 102, 102); } 
.lecture_info .info_wrap .link { display: flex; justify-content: center; align-items: center; gap:5px; width: 100px; height: 48px; margin-top: 12px; border: 1px solid rgba(58, 144, 235); border-radius: 8px; font-family: "Pretendard"; font-size: 20px; font-weight: 700; line-height: 1; letter-spacing:-0.025em; color: rgb(58, 144, 235); } 
.lecture_info .info_wrap .link::before { content:''; display: inline-block; width: 0; height: 0; border-top: 6.5px solid transparent; border-bottom: 6.5px solid transparent; border-left: 9px solid #3a90eb; } 
.viewBuyInfo { position: absolute; top: 0; left: 50%; margin-left: 245px; width: 345px; padding: 21px 29px; background-color: rgb(255, 255, 255); border: 1px solid rgba(222, 222, 222); border-radius: 8px; z-index: 100; overflow-y: auto; } 
.viewBuyInfo .buy_tit1 { display: block; font-family: "Pretendard"; font-size: 14px; font-weight: 600; letter-spacing:-0.025em; color: rgb(1, 1, 1); } 
.viewBuyInfo .buy_tit2 { display: block; margin-top: 20px; font-family: "Pretendard"; font-size: 20px; font-weight: 400; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.viewBuyInfo .noti { margin-top: 5px; font-family: "Pretendard"; font-size: 14px; font-weight: 400; color: rgb(102, 102, 102); } 
.viewBuyInfo .buy_select { overflow-y: auto; height: calc(100vh - 500px); margin-top: 22px; border-top: 1px solid #dedede; } 
.viewBuyInfo .buy_select > li { padding: 8px 0 17px; border-bottom: 1px solid #dedede; } 
.viewBuyInfo .buy_select > li .cate { display: block; font-family: "Pretendard"; font-size: 14px; font-weight: 400; color: #999999; } 
.viewBuyInfo .buy_select > li .cate strong { font-weight: 400; color: #000; } 
.viewBuyInfo .buy_select > li .buy_chk { display: block; position: relative; margin-top: 9px; padding-left: 27px; text-align: right; } 
.viewBuyInfo .buy_select > li .buy_chk input[type="checkbox"],
.viewBuyInfo .buy_select > li .buy_chk input[type="radio"] { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; font-size: initial; clip: rect(0 0 0 0); } 
.viewBuyInfo .buy_select > li .buy_chk::before { content:''; position: absolute; top: 0; left: 0; width: 19px; height: 19px; background:url('/USER_SKIN/moate24/images/buy_chk.png') center center no-repeat; background-size: contain; } 
.viewBuyInfo .buy_select > li:has(.buy_chk input:checked) .buy_chk::before { background-image: url('/USER_SKIN/moate24/images/buy_chk_on.png'); } 
.viewBuyInfo .buy_select > li .buy_chk .tit { font-family: "Pretendard"; display: block; text-align: left; font-size: 14px; font-weight: 400; line-height: 1.2; color: rgb(0, 0, 0); } 
.viewBuyInfo .buy_select > li .price_wrap { display: flex; flex-wrap:wrap; justify-content: flex-end; align-items: center; gap:3px; margin-top: 6px; } 
.viewBuyInfo .buy_select > li .price_wrap .days { display: inline-flex; justify-content: center; align-items: center; height: 26px; padding: 0 11px; background: #fff; border: 1px solid #e1e1e1; border-radius: 13px; font-family: "Pretendard"; font-size: 14px; font-weight: 600; line-height: 1; letter-spacing: -0.025em; color: rgb(128, 128, 128); } 
.viewBuyInfo .buy_select > li .price_wrap .sale { display: flex; justify-content: center; align-items: center; width: 42px; height: 19px; margin-right: 3px; background-color: #f03171; border-radius: 3px; font-family: "Pretendard"; font-size: 13px; font-weight: 700; line-height: 1; letter-spacing: -0.025em; color: rgb(255, 255, 255); } 
.viewBuyInfo .buy_select > li .price_wrap .cost { font-family: "Pretendard"; font-size: 14px; font-weight: 300; letter-spacing: -0.025em; color:#010101; } 
.viewBuyInfo .buy_select > li .price_wrap .price { margin-left: 3px; font-family: "Pretendard"; font-size: 16px; font-weight: 600; color: rgb(0, 0, 0); } 
.viewBuyInfo .price_all { margin-top: 12px; } 
.viewBuyInfo .price_all .tit { display: block; font-family: "Pretendard"; font-size: 14px; font-weight: 600; line-height: 1; color: rgb(0, 0, 0); } 
.viewBuyInfo .price_all .price { display: block; margin-top: -2px; font-family: "Pretendard"; font-size: 24px; font-weight: 400; line-height: 1; letter-spacing:-0.025em; color: rgb(240, 49, 113); text-align: right; } 
.viewBuyInfo .price_all .price strong { font-weight: 800; } 
.viewBuyInfo .buyBtnArea { display: flex; flex-wrap:wrap; gap:6px; margin-top: 30px; } 
.viewBuyInfo .buyBtnArea .sBtn { display: flex; justify-content: center; align-items: center; width: calc(50% - 3px); height: 48px; margin: 0; background-color: rgb(58, 144, 235); border-radius: 8px; font-family: "Pretendard"; font-size: 19px; font-weight: 700; line-height: 1; color: rgb(255, 255, 255); } 
.viewBuyInfo .buyBtnArea .sBtn.cart { background: #fff; border: 1px solid rgb(58, 144, 235); color: #3a90eb;; } 
.viewBuyInfo .buyBtnArea .sBtn i {display: none;}
.viewBuyMo { display: none; } 
.lecture_noti { padding: 27px 35px 23px; background-color: rgb(242, 243, 248); border-radius: 8px; } 
.lecture_noti .tit { display: flex; align-items: center; gap:5px; font-family: "Noto Sans KR"; font-size: 14px; font-weight: 500; color: rgb(58, 144, 235); } 
.lecture_noti .tit:before { content:''; width: 18px; height: 18px; background:url('/USER_SKIN/moate24/images/lecture_noti.png') center center no-repeat; background-size: contain; } 
.lecture_noti .txt { margin-top: 3px; padding: 0 9px; font-family: "Pretendard"; font-size: 13px; line-height: 1.973; color: rgb(51, 51, 51); word-break: keep-all; } 
.viewContents { position: relative; max-width: 795px; margin-top: 32px; } 
.viewTabs { display: flex; align-items: center; gap:5px; width: 100%; padding: 5px; background-color: rgb(229, 228, 228); border-radius: 10px; z-index: 100; } 
.viewTabs.fixed {left: 50%;transform: translate(-590px,0);}
.viewTabs > li { flex:1; } 
.viewTabs > li a { display: flex; justify-content: center; align-items: center; height: 55px; border-radius: 8px; font-family: "Pretendard"; font-size: 18px; font-weight: 700; letter-spacing:-0.025em; color: rgb(102, 102, 102); line-height: 1; } 
.viewTabs > li.active a { background-color: rgb(255, 255, 255); color: #3b92ed; } 
.viewIn { overflow: hidden; }  
.viewIn img {max-width: 100% !important;}
.viewTit {padding:54px 15px 15px; font-family: "Pretendard"; font-size: 20px; font-weight: 700; letter-spacing:-0.01em; color: rgb(0, 0, 0); } 
.viewIn .notice_list01 {margin-bottom: 0;}
.lecture_info2 { display: block; text-align: center; } 
.lecture_info2 img { max-width: 100%; } 
.top_banner {overflow: hidden;}
.top_banner img {position: relative;left: 50%;transform: translate(-50%,0);width: 1920px;}

/* 온라인 서점 리스트 */
.whz_container .sub_wrap .left_menu h3 { height: auto; padding: 22px 0 0 0; border-bottom: none; font-family: "Pretendard"; font-size: 20px; font-weight: 700; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.sub_tit1 { margin-bottom: 14px; font-family: "Pretendard"; font-size: 20px; font-weight: 700; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.book_cate {display: none;}
.book_list { margin-top: 26px; } 
.book_list > li { position: relative; overflow: hidden; display: flex; align-items: center; padding:33px 0; border: 1px solid #e1e1e1; border-radius: 14px; } 
.book_list > li + li { margin-top: 15px; } 
.book_list > li .link {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; font-size: 0;}
.book_list > li .img_wrap { display: flex; justify-content: center; align-items: center; position: relative; width: 220px; margin-left: 8px; } 
.book_list > li .img_wrap::after { content:''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #eeeeee; } 
.book_list > li .img_wrap .img { display: block; position: relative; width: 119px; height: 163px; z-index: 2; } 
/*240812 숨김요청 처리 by kang .book_list > li .img_wrap .img::before { content:''; position: absolute; top: 50%; left: 50%; width: 161px; height: 161px; background: #f7fafd; border-radius:50%; transform: translate(-50%,-50%); } */
.book_list > li .img_wrap .img img { position: relative; display: block; width: 100%; height: 100%; object-fit: cover; z-index: 1; } 
.book_list > li .img_wrap .tag { display: flex; justify-content: center; align-items: center; position: absolute; top: -13px; left: 17px; width: 50px; height: 50px; background-color: rgb(255, 14, 25); border-radius: 50%; font-family: "Pretendard"; font-size: 14px; font-weight: 700; line-height: 1.2; letter-spacing:-0.025em; color: rgb(255, 255, 255); z-index: 3; } 
.book_list > li .img_wrap .tag.release { background: #ff9c00; } 
.book_list > li .info { width: calc(100% - 508px); padding-left: 35px; flex-grow: 1; } 
.book_list > li .info .tit1 { display: block; font-family: "Pretendard"; line-height: 1.2; font-size: 16px; font-weight: 500; letter-spacing:-0.025em; color: rgb(59, 147, 239); } 
.book_list > li .info .tit2 { display: block; font-family: "Pretendard"; line-height: 1.2; font-size: 20px; font-weight: 700; color: rgb(0, 0, 0); } 
.book_list > li .list { margin-top: 24px; } 
.book_list > li .list > li { display: flex; align-items: center; } 
.book_list > li .list > li + li { margin-top: 7px; } 
.book_list > li .list > li .tit { width: 75px; font-family: "Pretendard"; font-size: 14px; font-weight: 100; line-height: 1.2; color: rgb(102, 102, 102); } 
.book_list > li .list > li .txt { width: calc(100% - 75px); font-family: "Pretendard"; font-size: 14px; font-weight: 500; line-height: 1.2; color: rgb(0, 0, 0); } 
.book_list > li .list > li .picker { position: relative; border: 1px solid rgb(58, 144, 235); border-radius: 4px; font-size: 0; z-index: 4; } 
.book_list > li .list > li .picker button { width: 17px; height: 28px; background: none; border: none; } 
.book_list > li .list > li .picker button.disable { opacity: 0.2; pointer-events: none; } 
.book_list > li .list > li .picker input[type="number"] { width: 24px; height: 28px; font-family: "Pretendard"; font-size: 14px; font-weight: 700; color: rgb(58, 144, 235); text-align: center; } 
.book_list > li .list > li .picker input::-webkit-outer-spin-button,
.book_list > li .list > li .picker input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } 
.book_list > li .list > li .picker input[type="number"] { -moz-appearance: textfield; } 
.book_list > li .price_wrap { width: 280px; padding-right: 29px; } 
.book_list > li .price_wrap .book_price { display: flex; justify-content: flex-end; align-items: center; gap:3px; } 
.book_list > li .price_wrap .book_price .sale { display: flex; justify-content: center; align-items: center; width: 36px; height: 19px; background-color: #f03171; border-radius: 3px; font-family: "Pretendard"; font-size: 13px; font-weight: 700; line-height: 1; letter-spacing:-0.025em; color: rgb(255, 255, 255); } 
.book_list > li .price_wrap .book_price .cost { margin-right: 3px; font-family: "Pretendard"; font-size: 14px; font-weight: 300; letter-spacing:-0.025em; color: rgb(30, 30, 30); } 
.book_list > li .price_wrap .book_price .price { font-family: "Pretendard"; font-size: 20px; font-weight: 600; letter-spacing:-0.025em; color: rgb(30, 30, 30); } 
.book_list > li .price_wrap .book_price .price strong { font-weight: 800; } 
.book_list > li .price_wrap .book_buy { display: flex; gap:5px; margin-top: 32px; flex-direction: column; } 
.book_list > li .price_wrap .book_buy .buy_btn { position: relative; display: flex; justify-content: center; align-items: center; width: 135px; height: 43px; margin-left: auto; background-color: rgb(59, 147, 239); border-radius: 7px; font-family: "Pretendard"; font-size: 18px; font-weight: 600; line-height: 1; letter-spacing:-0.025em; color: rgb(255, 255, 255); z-index: 4; } 
.book_list > li .price_wrap .book_buy .buy_btn.cart { background: #fff; border: 1px solid rgb(59, 147, 239); color: rgb(59, 147, 239); } 
.book_list > li .price_wrap2 { display: flex; align-items: center; line-height: 1; gap:3px; } 
.book_list > li .price_wrap2 .cost2 { font-family: "Pretendard"; font-size: 14px; font-weight: 200; color: rgb(0, 0, 0); } 
.book_list > li .price_wrap2 .price2 { font-family: "Pretendard"; font-size: 20px; font-weight: 400; color: rgb(240, 49, 113); } 
.book_list > li .price_wrap2 .price2 strong { font-weight: 800; } 

/* 대쉬보드 컬러 */
.dashboard .intro-box { background: #3b92ed !important; }
.dashboard .order-box .order-head,
.dashboard .week-box .icon-check { background-color: #3b92ed !important; }
.dashboard .week-box .day-box.today,
.dashboard .blue,
.dashboard .progress-rate {color: #3b92ed !important;}
.dashboard .week-box .day-box.today { background-color: #ddeeff !important; }

@media(min-width:1181px){
    .viewBuyInfo { bottom: auto !important; }
}

/* 온라인 서점 상세페이지 */
.bookViewTop { display: flex; align-items: center; padding: 33px 0; background-color: rgb(255, 255, 255); border: 1px solid #eeeeee; border-radius: 10px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05); } 
.bookViewTop .sampleBook { display: flex; justify-content: center; align-items: center; position: relative; width: 359px; margin-left: 4px; } 
.bookViewTop .sampleBook .img { position: relative; width: 200px; height: 273px; } 
/*240812 숨김요청 처리 by kang.bookViewTop .sampleBook .img:before { content:''; position: absolute; top: 50%; left: 50%; width: 262px; height: 262px; background-color: #ebf4fd; border-radius: 50%; transform: translate(-50%,-50%); } */
.bookViewTop .sampleBook .img img { display: block; position: relative; width: 100%; height: 100%; z-index: 2; object-fit: cover; } 
.bookViewTop .sampleBook::after { content:''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #eeeeee; } 
.bookBuyInfo { width: calc(100% - 359px); padding: 0 40px; } 
.bookBuyInfo .tit1 { display: block; font-family: "Pretendard"; font-size: 16px; font-weight: 400; line-height: 1.2; letter-spacing:-0.025em; color: rgb(59, 147, 239); } 
.bookBuyInfo .tit2 { display: block; margin-top: 7px; font-family: "Pretendard"; font-size: 28px; font-weight: 700; line-height: 1.2; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.bookBuyInfo .list { margin-top: 24px; } 
.bookBuyInfo .list > li { display: flex; align-items: center; } 
.bookBuyInfo .list > li + li { margin-top: 7px; } 
.bookBuyInfo .list > li .tit { width: 75px; font-family: "Pretendard"; font-size: 14px; font-weight: 400; line-height: 1.2; letter-spacing:-0.025em; color: rgb(153, 153, 153); } 
.bookBuyInfo .list > li .txt { width: calc(100% - 75px); font-family: "Pretendard"; font-size: 14px; font-weight: 500; line-height: 1.2; letter-spacing:-0.025em; color: rgb(102, 102, 102); } 
.bookBuyInfo .list > li .picker { position: relative; border: 1px solid rgb(58, 144, 235); border-radius: 4px; font-size: 0; z-index: 4; } 
.bookBuyInfo .list > li .picker button { width: 17px; height: 28px; background: none; border: none; } 
.bookBuyInfo .list > li .picker button.disable { opacity: 0.2; pointer-events: none; } 
.bookBuyInfo .list > li .picker input[type="number"] { width: 24px; height: 28px; font-family: "Pretendard"; font-size: 14px; font-weight: 700; color: rgb(58, 144, 235); text-align: center; } 
.bookBuyInfo .list > li .picker input::-webkit-outer-spin-button,
.bookBuyInfo .list > li .picker input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } 
.bookBuyInfo .list > li .picker input[type="number"] { -moz-appearance: textfield; } 
.bookBuyInfo .list > li .price_wrap { display: flex; justify-content: flex-end; align-items: center; gap:3px; } 
.bookBuyInfo .list > li .price_wrap .sale { display: flex; justify-content: center; align-items: center; width: 36px; height: 19px; background-color: #f03171; border-radius: 3px; font-family: "Pretendard"; font-size: 13px; font-weight: 700; line-height: 1; letter-spacing:-0.025em; color: rgb(255, 255, 255); } 
.bookBuyInfo .list > li .price_wrap .cost { margin-right: 3px; font-family: "Pretendard"; font-size: 14px; font-weight: 300; letter-spacing:-0.025em; color: rgb(30, 30, 30); } 
.bookBuyInfo .list > li .price_wrap .price { font-family: "Pretendard"; font-size: 20px; font-weight: 600; letter-spacing:-0.025em; color: rgb(30, 30, 30); } 
.bookBuyInfo .list > li .price_wrap .price strong { font-weight: 800; } 
.bookBuyInfo .buyBtnArea { display: flex; flex-wrap:wrap; gap:10px; margin-top: 10px; } 
.bookBuyInfo .buyBtnArea .sBtn { display: flex; justify-content: center; align-items: center; height: 48px; min-width: 150px; margin: 0; background-color: rgb(58, 144, 235); border-radius: 8px; font-family: "Pretendard"; font-size: 19px; font-weight: 700; line-height: 1; color: rgb(255, 255, 255); } 
.bookBuyInfo .buyBtnArea .sBtn.add-cart { background: #fff; border: 1px solid rgb(58, 144, 235); color: #3a90eb;; } 

.bookViewCon { position: relative; margin-top: 40px; padding-top: 65px; } 
.bookViewCon .lecture_list2 { margin-top: 0; } 
.bookViewCon .viewTabs {position: absolute;max-width: 940px;top: 0;}
.book_info { padding: 0 30px; } 
.book_info .img img { max-width: 100%; } 
.book_info .txt { margin-top: 28px; font-family: "Pretendard"; font-size: 16px; font-weight: 400; line-height: 2.125; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.book_info .book_toc { overflow: hidden; height: 205px; } 
.book_info .book_toc.active { height: 100%; } 
.book_info .toc_open { display: flex; justify-content: center; align-items: center; width: 120px; height: 48px; margin: 20px auto 0; background: #fff; border: 1px solid rgb(58, 144, 235); border-radius:8px; font-size: 16px; font-weight: 500; color: #3a90eb; } 
.book_info .toc_open:hover { color: #3a90eb; } 
.book_refund { padding: 43px 38px; background-color: rgb(242, 243, 248); border-radius: 8px; word-break: keep-all; } 
.book_refund .tit { display: flex; align-items: center; gap: 5px; margin-bottom: 13px; font-family: "Noto Sans KR"; font-size: 14px; font-weight: 500; color: rgb(58, 144, 235); } 
.book_refund .tit:before { content: ''; width: 18px; height: 18px; background: url('/USER_SKIN/moate24/images/lecture_noti.png') center center no-repeat; background-size: contain; } 
.book_refund .txt { padding: 0 22px; font-family: "Pretendard"; font-size: 14px; font-weight: 200; line-height: 1.714; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.book_refund .txt strong { font-weight: 500; } 

/* 나의 강의실 */
.mypage_top { display: flex; gap:20px; margin-bottom: 37px; } 
.mypage_top .profile,
.mypage_top .attendance {flex:1; padding: 23px 30px 7px;  position: relative; border: 1px solid #eeeeee; border-radius: 10px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05); }
.mypage_top .profile { background: #3b92ed; } 
.mypage_top .profile .name { display: block; font-family: "Pretendard"; font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing:-0.025em; color: rgb(255, 255, 255); } 
.mypage_top .profile .name strong { text-decoration: underline; text-decoration-thickness:2px; text-underline-offset: 8px; } 
.mypage_top .profile .txt1 { margin-top: 15px; font-family: "Pretendard"; font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing:-0.025em; color: rgb(255, 255, 255); } 
.mypage_top .profile .txt2 { margin-top: 8px; font-family: "Pretendard"; font-size: 16px; font-weight: 500; letter-spacing:-0.025em; color: rgb(255, 255, 255); } 
.mypage_top .profile .edit { display: flex; gap:6px; align-items: center; position: absolute; top: 29px; right: 30px; font-family: "Pretendard"; font-size: 16px; font-weight: 200; line-height: 1; letter-spacing:-0.025em; color: rgb(255, 255, 255); } 
.mypage_top .profile .edit::before { content:''; width: 19px; height: 19px; background:url('/USER_SKIN/moate24/images/mypage_edit.png') center center no-repeat; background-size: contain; } 
.mypage_top .attendance .tit { display: block; font-family: "Pretendard"; font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.mypage_top .attendance .open_calendar { position: absolute; top: 26px; right: 30px; font-family: "Pretendard"; font-size: 14px; font-weight: 400; letter-spacing:-0.025em; color: rgb(51, 51, 51); } 
.mypage_top .attendance .week { margin-top: 20px; display: flex; justify-content: center; justify-content: space-between; } 
.mypage_top .attendance .week > li { display: flex; gap:2px; width: 40px; border-radius:20px; flex-direction: column; align-items: center; justify-content: center; padding: 5px 0; } 
.mypage_top .attendance .week > li .day_week,
.mypage_top .attendance .week > li .date { width: 31px; height: 31px; display: flex; align-items: center; justify-content: center;} 
.mypage_top .attendance .week > li .day_week {font-size: 14px; font-family: "Pretendard"; color: rgb(51, 51, 51); font-weight: 700; letter-spacing:-0.025em; } 
.mypage_top .attendance .week > li .date { font-size: 16px; font-family: "Pretendard"; color: rgb(51, 51, 51); font-weight: 400; letter-spacing:-0.025em;  background: #e5e4e4; border-radius:50%; } 
.mypage_top .attendance .week > li.disable .date {background: #fff;border: 1px solid #eeeeee;}
.mypage_top .attendance .week > li.present .date {background: #3b92ed;color: #fff;}
.mypage_top .attendance .week > li.today { background: #3b92ed;} 
.mypage_top .attendance .week > li.today .day_week {color: #fff;}
.mypage_top .attendance .week > li.today .date {background: #fff;color: #000;}
.mypage_top .attendance .week > li.future .date {background: #ddeeff;color: #000;}
.calendar_pop_wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100dvh; z-index: 500; } 
.calendar_pop_wrap .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0, 0, 0, 0.4); z-index: 1; } 
.calendar_pop { position: absolute; top: 50%; left: 50%; width: 460px; height: 435px; max-width:90%; max-height: 90%; padding: 19px 28px 0; background-color: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); border-radius: 10px; z-index: 2; overflow-y: auto; transform: translate(-50%,-50%); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05); } 
.calendar_pop .tit { display: block; font-family: "Pretendard"; font-size: 20px; font-weight: 700; letter-spacing:-0.025em; color: rgb(0, 0, 0); text-align: center; } 
.calendar_pop .pop_close { display: flex; justify-content: center; align-items: center; position: absolute; top: 10px; right: 10px; padding: 10px; } 
.calendar_pop .pop_close img { width: 13px; } 
.calendar_pop .date_picker { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 52px; margin-top: 18px; padding: 0 23px; background-color: rgb(246, 246, 246); border-radius: 11px; } 
.calendar_pop .date_picker .picker { padding: 10px; font-size: 0; opacity: 0.5; } 
.calendar_pop .date_picker .picker img { width: 6px; } 
.calendar_pop .date_picker .picker:hover { opacity: 1; } 
.calendar_pop .date_picker .picker.next img { transform: scaleX(-1); } 
.calendar_pop .date_picker .date { font-family: "Pretendard"; font-size: 16px; font-weight: 600; line-height: 1; letter-spacing:-0.025em; color: rgb(59, 146, 237); } 
.calendar_pop .calendar_table { margin-top: 20px; text-align: center; } 
.calendar_pop .calendar_table th { padding-bottom: 10px; font-family: "Pretendard"; font-size: 14px; font-weight: 600; letter-spacing:-0.025em; color: rgb(204, 204, 204); } 
.calendar_pop .calendar_table td { padding: 8px 0; } 
.calendar_pop .calendar_table td span { display: inline-flex; justify-content: center; align-items: center; width: 31px; height: 31px; border-radius: 50%; font-family: "Pretendard"; font-size: 16px; font-weight: 400; line-height: 1; letter-spacing:-0.025em; color: rgb(136, 185, 236); } 
.calendar_pop .calendar_table td.disable span { color: #dddddd; } 
.calendar_pop .calendar_table td.absent span { background-color: rgb(229, 228, 228); color: #a7a7a7; } 
.calendar_pop .calendar_table td.present span { background: #3b92ed; color: #fff; } 
.calendar_pop .calendar_table td.today span { background: #fff; border: 2px solid #3b92ed; font-weight: 800; color: #000000; } 

.my_lecture { margin-top: 23px; } 
.my_lecture > li { display: flex; align-items: center; padding: 24px 20px 24px 30px; border: 1px solid rgb(238, 238, 238); border-radius: 14px; } 
.my_lecture > li + li { margin-top: 15px; } 
.my_lecture > li > .info_wrap { width: 608px; } 
.my_lecture > li > .info_wrap .progress_tit { display: block; font-family: "Pretendard"; font-size: 16px; font-weight: 700; line-height: 1.2; color: rgb(58, 144, 235); } 
.my_lecture > li > .info_wrap .tit1 { display: block; margin-top: 4px; font-family: "Pretendard"; font-size: 20px; font-weight: 700; line-height: 1.2; color: rgb(0, 0, 0); } 
.my_lecture > li > .info_wrap .list { display: flex; flex-wrap:wrap; align-items: center; gap:61px; margin-top: 21px; } 
.my_lecture > li > .info_wrap .list > li { position: relative; font-family: "Pretendard"; font-size: 14px; font-weight: 500; line-height: 1; color: rgb(0, 0, 0); } 
.my_lecture > li > .info_wrap .list > li .tit2 { font-weight: 200; color: rgb(102, 102, 102); } 
.my_lecture > li > .info_wrap .list > li::after { content:''; position: absolute; top: 50%; right: -31px; width: 1px; height: 14px; background: #e9e9e9; transform: translate(0,-50%); } 
.my_lecture > li > .info_wrap .list > li:last-child::after { display: none; } 
.my_lecture > li > .info_wrap progress { display: block; width: 100%; height: 6px; margin-top: 23px; border: 1px solid #3a90eb; border-radius:3px; } 
.my_lecture > li > .info_wrap progress::-webkit-progress-value { background-color: #89bcf3; border-radius:3px; } 
.my_lecture > li > .info_wrap progress::-webkit-progress-bar { background-color: #fff; border-radius:3px; } 
.my_lecture > li > .info_wrap .time { display: block; font-family: "Pretendard"; font-size: 14px; line-height:1.4; font-weight: 300; color: #000; } 
.my_lecture > li > .info_wrap .time strong { font-weight: 300; color: rgb(58, 144, 235); } 
.my_lecture > li > .right_btn { display: flex; align-items: flex-end; gap:6px; width: calc(100% - 608px); flex-direction: column; } 
.my_lecture > li > .right_btn > .lecture_btn { display: inline-flex; justify-content: center; align-items: center; height: 43px; padding: 0 30px; background-color: rgb(58, 144, 235); border: 1px solid rgb(58, 144, 235); border-radius: 7px; font-family: "Pretendard"; font-size: 18px; font-weight: 700; line-height: 1; color: rgb(255, 255, 255); } 
.my_lecture > li > .right_btn > .lecture_btn.break_apply { background: #fff; color: #3a90eb; } 
.my_lecture > li > .right_btn > .lecture_btn.break_disable { background: #cccccc; border-color: #cccccc; pointer-events: none; } 
.my_lecture > li > .right_btn > .lecture_btn.break_end { background: #999999; border-color: #999999; } 
.my_lecture > li > .right_btn > .lecture_btn.retake { background: #b1d3f8; border-color: #b1d3f8; color: #3b92ed; } 
.my_lecture > li > .right_btn > .lecture_btn.retake_disable { background: #e5e5e5; border-color: #e5e5e5; color: #de0505; pointer-events: none; } 
.my_lecture > li.empty { border: none; flex-direction: column; } 
.my_lecture > li.empty .empty_tit { font-family: "Pretendard"; font-size: 20px; font-weight: 400; color: rgb(0, 0, 0); } 
.my_lecture > li.empty .lecture_apply { display: flex; justify-content: center; align-items: center; width: 150px; height: 48px; margin-top: 25px; background-color: rgb(58, 144, 235); border-radius: 8px; font-family: "Pretendard"; font-size: 20px; font-weight: 700; line-height: 1; color: rgb(255, 255, 255); } 

/* CBT */
.my_lecture.type_cbt > li > .info_wrap .tit1 { margin-top: 0; } 
.my_lecture.type_cbt > li > .info_wrap .score { font-weight: 300; } 
.my_lecture.type_cbt > li > .info_wrap .score strong { font-weight: 500; color: #3b92ed; } 
.my_lecture.type_cbt > li .test_sheet { display: flex; align-items:flex-start; gap:4px; margin-top: 5px; font-family: "Pretendard"; font-size: 16px; font-weight: 500; color: rgb(59, 146, 237); } 
.my_lecture.type_cbt > li .test_sheet::before { content:''; width: 17px; height: 13px; margin-top: 5px; background:url('/USER_SKIN/moate24/images/test_sheet.png') center center no-repeat; background-size: contain; } 
.my_lecture.type_cbt > li > .right_btn .lecture_btn { min-width: 150px; padding: 0 28px; } 
.my_lecture.type_cbt > li > .right_btn .lecture_btn.result { gap:9px; background: #fff; color: #3a90eb; } 
.my_lecture.type_cbt > li > .right_btn .lecture_btn.result::after { content:''; width: 12px; height: 7px; background:url('/USER_SKIN/moate24/images/lecture_btn1.png') center center no-repeat; background-size: contain; } 
.my_lecture.type_cbt > li.end .test_sheet { color: #666666; } 
.my_lecture.type_cbt > li.end > .right_btn .lecture_btn.result { background: #999999; border-color: #999; color: #fff; } 
.my_lecture.type_cbt > li.end > .right_btn .lecture_btn.result::after { background-image: url('/USER_SKIN/moate24/images/lecture_btn2.png'); } 

/* 배송조회 */
.delivery_list > li + li { margin-top: 36px; } 
.delivery_list > li > .date { padding: 0 10px; font-family: "Pretendard"; font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.delivery_con { margin-top: 12px; border: 1px solid #eeeeee; border-radius: 14px; } 
.delivery_con .top { display: flex; align-items: center; padding: 18px 30px; border-bottom: 1px solid #eeeeee; } 
.delivery_con .top .order_num { font-family: "Pretendard"; font-size: 18px; font-weight: 200; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.delivery_con .top .order_num strong { font-weight: 700; } 
.delivery_con .top .view { margin-left: auto; font-family: "Pretendard"; font-size: 16px; font-weight: 400; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.delivery_con .con { display: flex; padding: 22px 30px; } 
.delivery_con .img { width: 259px; height: 173px; } 
.delivery_con .img img { display: block; width: 100%; height: 100%; object-fit: cover; } 
.delivery_con .info { width: calc(100% - 259px); padding-left: 30px; } 
.delivery_con .info .status { display: inline-block; margin-right: 6px; padding: 7px 10px 6px; background-color: rgb(255, 0, 0); border-radius: 4px; font-family: "Pretendard"; font-size: 16px; font-weight: 700; line-height: 1; letter-spacing:-0.025em; color: rgb(255, 255, 255); } 
.delivery_con .info .status.pre { background: #ff8a00; } 
.delivery_con .info .noti { font-family: "Pretendard"; font-size: 16px; font-weight: 700; letter-spacing:-0.025em; color: rgb(247, 28, 28); } 
.delivery_con .info .tit { display: block; margin-top: 10px; font-family: "Pretendard"; font-size: 16px; font-weight: 200; line-height: 1.2; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.delivery_con .info .price { display: block; margin-top: 9px; font-family: "Pretendard"; font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.delivery_con .info .track_btn { display: flex; justify-content: center; align-items: center; width: 150px; height: 48px; margin-top: 29px; border: 1px solid #000; border-radius: 8px; font-family: "Pretendard"; font-size: 20px; font-weight: 700; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 

.track_pop_skin { border: 1px solid #e1e1e1 !important; border-radius:14px; } 
.track_pop { display: none; width: 598px; max-width: 100%;  } 
.track_pop > .top { display: flex; align-items: center; padding: 24px 38px; border-bottom: 1px solid #e1e1e1; } 
.track_pop > .top > .date { font-family: "Pretendard"; font-size: 18px; font-weight: 700; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.track_pop > .top > .order_num { margin-left: auto; font-family: "Pretendard"; font-size: 18px; font-weight: 200; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.track_pop > .top > .order_num strong { font-weight: 700; } 
.track_pop > .con { margin-top: 11px; } 
.track_pop > .con > li { padding: 0 38px; } 
.track_pop > .con > li + li { border-top: 1px solid #e1e1e1; } 
.track_pop .track_tit { display: block; padding: 15px 0; border-bottom: 1px solid #e1e1e1; font-family: "Pretendard"; font-size: 20px; font-weight: 700; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.track_pop .track_status { padding: 21px 0 46px; } 
.track_pop .track_status > .service { display: flex; align-items: center; } 
.track_pop .track_status > .service > .name { display: flex; align-items: center; gap:10px; font-family: "Pretendard"; font-size: 16px; font-weight: 700; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.track_pop .track_status > .service > .view { margin-left: auto; font-family: "Pretendard"; font-size: 16px; font-weight: 200; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.track_pop .track_status > .progress_list { display: flex; justify-content: space-between; align-items: center; position: relative; margin-top: 37px; } 
.track_pop .track_status > .progress_list::before { content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background-color: rgb(238, 238, 238); border-radius:4px; z-index: 1; } 
.track_pop .track_status > .progress_list::after { content:''; position: absolute; bottom: 0; left: 0; width: 0; height: 8px; background-color:#4596eb; border-radius:4px; z-index: 2; } 
.track_pop .track_status > .progress_list.in::after { width: 50%; } 
.track_pop .track_status > .progress_list.end::after { width: 100%; } 
.track_pop .track_status > .progress_list > li { position: relative; min-width: 92px; padding-bottom: 22px; font-family: "Pretendard"; font-size: 16px; font-weight: 700; letter-spacing:-0.025em; color: rgb(0, 0, 0, 0.4); text-align: center; } 
.track_pop .track_status > .progress_list > li::after { content:''; position: absolute; bottom: -8px; left: 50%; width: 23px; height: 23px; background:url('/USER_SKIN/moate24/images/track_progress1.png') center center no-repeat; background-size: contain; border-radius:50%; z-index: 3; transform: translate(-50%,0); } 
.track_pop .track_status > .progress_list > li:first-child { color: rgb(0, 0, 0); } 
.track_pop .track_status > .progress_list.in > li:nth-child(-n+2) { color: rgb(0, 0, 0); } 
.track_pop .track_status > .progress_list.end > li:nth-child(-n+3) { color: rgb(0, 0, 0); } 
.track_pop .track_status > .progress_list > li:first-child::before { content:''; position: absolute; bottom: 0; left: 0; width:50%; height: 8px; background-color:#4596eb; border-radius:4px; z-index: 2; } 
.track_pop .track_status > .progress_list > li:first-child::after { background-image: url('/USER_SKIN/moate24/images/track_progress2.png'); } 
.track_pop .track_status > .progress_list.in > li:nth-child(-n+2)::after { background-image: url('/USER_SKIN/moate24/images/track_progress2.png'); } 
.track_pop .track_status > .progress_list.end > li:nth-child(-n+3)::after { background-image: url('/USER_SKIN/moate24/images/track_progress2.png'); } 
.track_pop .product_list > li { display: flex; align-items: flex-start; padding:25px 0; } 
.track_pop .product_list > li + li { border-top: 1px solid #e1e1e1; } 
.track_pop .product_list > li > .img { width: 91px; height: 126px; } 
.track_pop .product_list > li > .img > img { display: block; width: 100%; height: 100%; } 
.track_pop .product_list > li > .con { width: calc(100% - 91px); padding-top: 12px; padding-left: 21px; } 
.track_pop .product_list > li > .con > .status { display: inline-block; margin-right: 5px; padding: 5px 8px; background: #f71c1c; border-radius: 3px; font-family: "Pretendard"; font-size: 14px; font-weight: 700; line-height: 1; letter-spacing:-0.025em; color: rgb(255, 255, 255); } 
.track_pop .product_list > li > .con > .status.pre { background-color:#ff8a00; } 
.track_pop .product_list > li > .con > .noti { display: inline-block; font-family: "Pretendard"; font-size: 14px; font-weight: 700; letter-spacing:-0.025em; color: rgb(247, 28, 28); } 
.track_pop .product_list > li > .con > .tit { display: block; margin-top: 6px; font-family: "Pretendard"; font-size: 16px; font-weight: 700; line-height: 1.2; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.track_pop .product_list > li > .con > .price { display: block; margin-top: 15px; font-family: "Pretendard"; font-size: 16px; font-weight: 200; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.track_pop .address { padding: 15px 0 28px; font-family: "Pretendard"; font-size: 16px; font-weight: 700; line-height: 1.625; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 

/* 게시판 버튼 */
.btn_answer_wait, 
.btn_answer_end { display: inline-block; min-width: 69px; padding: 4px 10px; background: #fff; border-radius: 4px; font-family: "Pretendard"; font-size: 14px; font-weight: 600; line-height: 1; letter-spacing:-0.025em; text-align: center; } 
.btn_answer_wait { border: 1px solid rgb(240, 49, 113); color: rgb(240, 49, 113) !important; }
.btn_answer_end { background: #3a90eb; border-color: #3a90eb; color: #ffffff; } 

/* 강사 상세페이지 */
.teacher_view_top { position: relative; min-height: 652px; padding: 68px 44.4% 39px 80px; border-radius: 10px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05); } 
.teacher_view_top .teacher_img { position: absolute; right: 29px; bottom: 0; max-width: 44.4%; max-height: 683px; z-index: 1; filter: drop-shadow(-6.03px -3.92px 54px rgba(0, 0, 0, 0.18)); z-index: 0; } 
.teacher_view_top .intro { font-family: "Pretendard"; position: relative; font-size: 42px; font-weight: 500; line-height: 1.2; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.teacher_view_top .cate { position: relative; display: block; margin-top: 31px; font-family: "Pretendard"; font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing:-0.025em; color: rgb(59, 146, 239); } 
.teacher_view_top .name { display: block; margin-top: 7px; font-family: "Pretendard"; font-size: 50px; font-weight: 100; line-height: 1.2; letter-spacing:-0.025em; color:#000000; } 
.teacher_view_top .name strong { font-weight: 700; } 
.teacher_intro_tab { position: relative; } 
.teacher_intro_tab .tit_list { display: flex; align-items: center; gap:5px; margin-top: 28px; } 
.teacher_intro_tab .tit_list li a { display: block; position: relative; padding:9px 4px; font-family: "Pretendard"; font-size: 16px; font-weight: 500; letter-spacing:-0.025em; color: rgb(102, 102, 102); } 
.teacher_intro_tab .tit_list li.active a { color: #000; } 
.teacher_intro_tab .tit_list li a::after { content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; } 
.teacher_intro_tab .tit_list li.active a::after { background: #3b92ef; } 
.teacher_intro_tab .tab_list { display: none; } 
.teacher_intro_tab #intro_con2 { display: block; }
.teacher_intro_tab .tab_list .tab_tit { display: none; } 
.teacher_view_top .profile_list { margin-top: 25px; } 
.teacher_view_top .profile_list li + li { margin-top: 24px; } 
.teacher_view_top .profile_list .tit { font-family: "Pretendard"; font-size: 16px; font-weight: 700; line-height: 1.5; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.teacher_view_top .profile_list .txt { overflow: hidden; font-family: "Pretendard"; font-size: 16px; font-weight: 500; line-height: 1.5; letter-spacing:-0.025em; color: #666666; } 
.teacher_view_top .profile_list .bio .txt { height: 72px; } 
.teacher_view_top .profile_list .book .txt { height: 24px; } 
.teacher_view_top .profile_open { display: inline-block; margin-top: 7px; margin-bottom: 20px; padding: 3px 4px; border-bottom: 1px solid #000; font-family: "Pretendard"; font-size: 14px; font-weight: 500; line-height: 1.714; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.teacher_view_top .video_play { width: 406px; margin-top: 22px; } 
.teacher_view_top .video_play .video,
.teacher_view_top .video_play a { overflow: hidden; display: block; position: relative; width: 100%; padding-bottom: 56.653%; background: #000; border-radius: 10px; } 
.teacher_view_top .video_play .video_img,
.teacher_view_top .video_play iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.33; } 
.teacher_view_top .video_play iframe { opacity: 1; } 
.teacher_view_top .video_play a::after { content:''; position: absolute; top: 50%; left: 50%; width: 40px; height: 54px; background:url('/USER_SKIN/moate24/images/teacher_video_play.png') center/contain no-repeat; z-index: 2; transform: translate(-50%,-50%); } 
.teacher_view_top .profile_pop { display: none; overflow: hidden; position: absolute; top: 0; left: 0; width: 429px; height: 309px; background: #6f8194; border: 3px solid #6f8194; border-radius:10px 10px 0 0; z-index: 10; flex-direction: column; } 
.teacher_view_top .profile_pop.open { display: flex; } 
.teacher_view_top .profile_pop .tit_wrap { display: flex; align-items: center; padding: 10px 14px 12px 25px; } 
.teacher_view_top .profile_pop .tit_wrap h4 { font-family: "Pretendard"; font-size: 16px; font-weight: 500; letter-spacing:-0.025em; color: rgb(255, 255, 255); } 
.teacher_view_top .profile_pop .tit_wrap .pop_close { margin-left: auto; font-size: 0; } 
.teacher_view_top .profile_pop .con { padding:22px 25px; flex-grow: 1; overflow-y: auto; background: #fff; } 
.teacher_view_top .profile_pop .profile_list { margin-top: 0; } 
.teacher_view_top .profile_pop .profile_list .txt { height: auto !important; } 
.teacher_view { position: relative; }
.teacher_view_con { margin-top: 30px; } 
.teacher_point { padding-top: 67px; } 
.teacher_point .point_txt { font-family: "Pretendard"; font-size: 46px; font-weight: 700; line-height: 1.2; letter-spacing:-0.025em; color: rgb(0, 0, 0); text-align: center; } 
.teacher_point .point_list { display: flex; justify-content: center; gap:26px; max-width: 886px; margin: 42px auto 0; } 
.teacher_point .point_list li { overflow: hidden; width: 278px; height: 231px; padding-top: 25px; border-top: 5px solid #71beff; border-bottom: 5px solid #71beff; border-radius: 12px; text-align: center; background-image: linear-gradient( -180deg, rgba(245,248,251,0.99608) 0%, rgb(255,255,255) 10%, rgb(246,249,252) 56%, rgb(245,248,251) 80%, rgb(214,223,233) 100%); } 
.teacher_point .point_list li:nth-child(2) { border-color: #3b9bed; } 
.teacher_point .point_list li:nth-child(3) { border-color: #008aff; } 
.teacher_point .point_list li .num { display: flex; justify-content: center; align-items: center; gap:10px; font-family: "Pretendard"; font-size: 14px; font-weight: 300; color: rgb(0, 138, 255); } 
.teacher_point .point_list li .num::before,
.teacher_point .point_list li .num::after { content:'/'; } 
.teacher_point .point_list li .tit { display: block; margin-top: 12px; font-family: "Pretendard"; font-size: 26px; font-weight: 700; line-height: 1.308; letter-spacing:-0.025em; color: rgb(0, 0, 0); word-break: keep-all; } 
.teacher_point .point_list li .txt { display: block; margin-top: 8px; font-family: "Pretendard"; font-size: 18px; font-weight: 300; line-height: 1.333; letter-spacing:-0.025em; color: rgb(0, 0, 0); word-break: keep-all; } 
.teacher_point .point_review { display: flex; align-items: center; max-width: 886px; margin: 27px auto 0; padding: 20px 34px; border: 2px solid rgb(238, 238, 238); border-radius: 24px; } 
.teacher_point .point_review .img { overflow: hidden; width: 84px; height: 80px; border-radius: 32px; } 
.teacher_point .point_review .img img { width: 100%; height: 100%; object-fit: cover; } 
.teacher_point .point_review .con { width: calc(100% - 84px); padding-left: 34px; } 
.teacher_point .point_review .con .name { display: block; font-family: "Pretendard"; font-size: 16px; font-weight: 300; line-height: 1.5; letter-spacing:-0.025em; color: rgb(0, 138, 255); } 
.teacher_point .point_review .con .txt { font-family: "Pretendard"; font-size: 16px; font-weight: 500; line-height: 1.5; letter-spacing:-0.025em; color: rgb(0, 0, 0); word-break: keep-all; } 

.review_list { padding-top: 5px; } 
.review_list > li { display: flex; align-items: center; border-bottom: 1px solid #eeeeee; text-align: center; } 
.review_list > li .tit, 
.review_list > li .name,
.review_list > li .date { padding: 16px 0; font-family: "Pretendard"; font-size: 16px; font-weight: 400; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.review_list > li .tit { overflow: hidden; width: calc(100% - 236px); padding: 16px 22px; text-align: left; white-space: nowrap; text-overflow: ellipsis; } 
.review_list > li .name { width: 114px; margin-left: auto; } 
.review_list > li .date { width: 122px; } 

/* 자격증 검색 영역 */
.certificate_table { border-spacing: 5px; } 
.certificate_table .row_divider { border-bottom: 10px solid #f5f5f5; } 
.certificate_table .row_divider.last { border-bottom: none; } 
.certificate_table .label_cell { position: relative; width: 150px; background-color: #fff; font-size: 14px; text-align: center; } 
.certificate_table .label_cell span { position: absolute; display: flex; align-items: center; justify-content: center; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #e6e6e6; } 
.certificate_table .input_cell { padding-left: 10px; text-align: left; } 
.certificate_table .select_btn_area { width: 100%; background-color: #fff; text-align: center; } 
.certificate_table .select_btn_area tr { display: flex; flex-wrap:wrap; padding-left: 1px; padding-top: 1px; } 
.certificate_table .item { flex:1; height: 40px; margin-top: -1px; margin-left: -1px; border: 1px solid #e6e6e6; font-size: 16px; font-weight: 600; text-align: center; white-space: nowrap; } 
.certificate_table .link_content { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } 
.certificate_table .level_select.basicS { min-width: 300px; height: 40px; border-color: #e6e6e6; border-radius:0 !important; } 
.certificate_table .exam_class { display: flex; align-items: center; width: 298px; height: 40px; background: #fff; border: 1px solid #e6e6e6; } 
.certificate_table .exam_class div { padding-left: 20px; font-size: 14px; text-align: center; vertical-align: middle; } 
.certificate_table .exam_class div label { padding: 5px; } 

/* 게시판 공지사항 */
img.board_img { max-width: 100%; height: auto; }
.board_noti { margin-bottom: 30px; padding: 30px; background-color: #f5f5f5; border-radius:8px; } 
.board_noti h3 { margin-bottom: 10px; font-size: 32px; color: #000; } 
.board_noti .noti_tit { font-size: 20px; font-weight: 500; } 
.board_noti .noti_tit strong { background: linear-gradient(#FFEB3B 0 100%); background-position: 0 calc(100% - 3px); background-size: 100% 6px; background-repeat: no-repeat; font-weight: 700; } 
.board_noti .con { margin-top: 20px; padding: 20px; background: #fff; border-radius:8px; } 
.board_noti .tit { display: flex; align-items: center; gap:6px; margin-bottom: 10px; font-size: 18px; font-weight: 500; color: #000; } 
.board_noti .tit::before { content:'!'; display: inline-flex; justify-content: center; align-items: center; height: 20px; min-width: 20px; background: #000; border-radius:50%; color: #fff; } 
.board_noti .txt { margin-top: 10px; font-size: 16px; line-height: 1.6; color: #333; word-break: keep-all; } 

/* 모바일 게시판 탭메뉴 */
.notice_menu_mo {display: none;} 

/* 태블릿 버전 */
@media(max-width:1180px) {
    /* 왼쪽 메뉴 ~1180px */
    .whz_container .sub_wrap {padding-top: 0 !important;}
    .type_mypage .whz_container .sub_wrap {padding-top: 0;}
    .whz_container .sub_wrap .left_menu { display: none; }
    .whz_container .sub_wrap .sub_con {padding: 0;width: 100%;}

    /* 강의 리스트 ~1180px */
    .cate_list > li { padding: 0 4px; }
    .cate_list > li a { height: 40px; padding: 0 22px; border-radius: 20px; font-size: 16px; }
    .lecture_list2 { margin-top: 32px; } 
    .lecture_list2 > li { min-height: 176px; border-radius: 12px; } 
    .lecture_list2 > li + li { margin-top: 13px; } 
    .lecture_list2 > li .img { width: 236px; } 
    .lecture_list2 > li .info { width: calc(100% - 456px); padding: 18px 19px; } 
    .lecture_list2 > li .tag_wrap { gap: 4px; } 
    .lecture_list2 > li .tag_wrap .tag { height: 19px; padding: 0 8px; font-size: 11px; } 
    .lecture_list2 > li .tit { margin-top: 4px; font-size: 19px; } 
    .lecture_list2 > li .event { font-size: 13px; } 
    .lecture_list2 > li .subject { margin-top: 11px; font-size: 11px; } 
    .lecture_list2 > li .price_wrap { width: 220px; padding: 18px 19px 18px 0; } 
    .lecture_list2 > li .price_list { margin-top: 4px; } 
    .lecture_list2 > li .price_list li + li { margin-top: 3px; } 
    .lecture_list2 > li .price_list li .days { height: 26px; padding: 0 9px; border-radius: 13px; font-size: 11px; } 
    .lecture_list2 > li .price_list li div { gap: 3px; } 
    .lecture_list2 > li .price_list li .sale { width: 28px; height: 15px; font-size: 10px; } 
    .lecture_list2 > li .price_list li .cost { font-size: 11px; } 
    .lecture_list2 > li .price_list li .price { font-size: 16px; } 
    .lecture_list2 > li .view { width: 120px; height: 38px; margin-top: 5px; border-radius: 6px; font-size: 16px; } 

    /* 강의 상세페이지 ~1180px */
    .lectureViewTop { margin-top: 0;  }
    .lecture_info { padding-top: 0; border-top: none; margin: 0 auto; }
    .lecture_info .sampleVideo { width: 262px; height: 170px; border-radius: 13px; }
    .lecture_info .info_wrap { width: calc(100% - 262px); margin-top: 1px; padding-left: 24px; }
    .lecture_info .info_wrap .cate { font-size: 13px; }
    .lecture_info .info_wrap .info_tit { margin-top: 3px; font-size: 22px; }
    .lecture_info .info_wrap .list { margin-top: 13px; }
    .lecture_info .info_wrap .link { gap: 4px; width: 80px; height: 38px; margin-top: 10px; border-radius: 6px; font-size: 16px; }
    .lecture_info .info_wrap .link::before { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #3a90eb; }
	.viewBuyInfo { position: fixed!important; top:auto !important; bottom: -100%; left: 0; width: 100%; max-height: 50vh; margin-left: 0; padding: 20px 15px; border: none; border-radius:0; z-index: 99999990; } 
    .viewBuyInfo .buy_tit1,
    .viewBuyInfo .buy_tit2,
    .viewBuyInfo .noti { display: none; } 
    .viewBuyInfo .buyBtnArea { display: none; } 
    .viewBuyInfo .buy_select { overflow: hidden; height: auto; border: none; margin-top: 0; } 
    .viewBuyMo_bg { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 500; } 
    .viewBuyMo { display: block; position: fixed; bottom: 0; left: 0; width: 100%; padding:15px; background: #f5f7fb; z-index: 290; } 
    .viewBuyMo.open { z-index: 99999999; } 
    .viewBuyMo .buyBtnArea .btn_buy { overflow: hidden; height: 45px; width: calc(50% - 3px); flex-grow: 1; } 
    .viewBuyMo .buyBtnArea .btn_buy .sBtn { width: 100%; } 
    .viewBuyMo .buyBtnArea .btn_buy .buy_open { position: absolute; right:0; bottom: 0;  height:100%; font-size: 0; z-index: 100; background: none; } 
    .viewBuyMo .buyBtnArea { position: relative; display: flex; flex-wrap:wrap; gap:6px; } 
    .viewBuyMo .buyBtnArea .sBtn { display: flex; justify-content: center; align-items: center; width: calc(50% - 3px); height: 45px; margin: 0; background-color: rgb(58, 144, 235); border-radius: 8px; font-family: "Pretendard"; font-size: 14px; font-weight: 700; line-height: 1; color: rgb(255, 255, 255); } 
    .viewBuyMo .buyBtnArea .sBtn.cart { background: #fff; border: 1px solid rgb(58, 144, 235); color: #3a90eb;; } 
    .lecture_noti { border-radius: 6px; padding: 22px 28px 18px; }
    .viewTit { padding: 43px 12px 12px; margin-bottom: 12px; font-size: 16px; }
    .viewContents { margin: 26px auto 0; }
    .viewTabs { gap: 4px; padding: 4px; border-radius: 8px; }
    .viewTabs.fixed::before {position: absolute;width: 200vw;height: 52px;background: rgb(229, 228, 228);left: 50%;content:'';top: 0;transform: translate(-50%,0);z-index: 1;}
    .viewTabs.fixed { transform: translate(-50%,0); }
    .viewTabs > li a { height: 44px !important; border-radius: 6px; font-size: 14px;position: relative;z-index: 2; }
    .top_banner img {width: 160%;}
    /* 온라인 서점 리스트 ~1180px */
    .sub_tit1 { margin-bottom: 11px; font-size: 16px; } 
    .book_cate { display: block; margin-bottom: 16px; }
    .book_cate form { display: block; } 
    .book_cate_ipt { display: flex; width: 100%; border: 1px solid rgb(51, 51, 51); border-radius: 13px; background: #fafafa; } 
    .book_cate_ipt select { position: relative; width: 100%; height: 48px; padding: 0 32px 0 12px; background:url('/USER_SKIN/moate24/images/book_select.png') calc(100% - 14px) center no-repeat; background-size: 14px auto; border: none; font-family: "Pretendard"; font-size: 18px; font-weight: 500; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
    .book_cate_ipt > li { position: relative; } 
    .book_cate_ipt > li::after { content:''; position: absolute; top: 50%; right: 0; width: 1px; height: 18px; background: #dddddd; transform: translate(0,-50%); } 
    .book_cate_ipt > li:last-child::after { display: none; } 
    .book_cate_ipt > li:nth-child(1) { width: 30%; } 
    .book_cate_ipt > li:nth-child(2) { width: 56%; } 
    .book_cate_ipt > li:nth-child(3) { width: 14%; } 
    .book_cate_ipt .btn_submit { width: 100%; height: 48px; background:url('/USER_SKIN/moate24/images/book_search.png') center center no-repeat; background-size: 23px auto; font-size: 0; } 
    .book_list { margin-top: 21px; } 
    .book_list > li { padding: 26px 0; border-radius: 11px; } 
    .book_list > li + li { margin-top: 12px; } 
    .book_list > li .img_wrap { width: 177px; margin-left: 6px; } 
    .book_list > li .img_wrap .img { width: 95px; height: 130px; } 
    .book_list > li .img_wrap .img::before { width: 129px; height: 129px; } 
    .book_list > li .img_wrap .tag { top: -10px; left: 14px; width: 40px; height: 40px; font-size: 11px; } 
    .book_list > li .info { width: calc(100% - 407px); padding-left: 28px; } 
    .book_list > li .info .tit1 { font-size: 13px;} 
    .book_list > li .info .tit2 { font-size: 16px;} 
    .book_list > li .list { margin-top: 20px; } 
    .book_list > li .price_wrap { width: 224px; padding-right: 23px; } 
    .book_list > li .price_wrap .book_price { gap: 2px; } 
    .book_list > li .price_wrap .book_price .sale { width: 29px; height: 15px; font-size: 10px; } 
    .book_list > li .price_wrap .book_price .cost { margin-right: 2px; font-size: 11px; } 
    .book_list > li .price_wrap .book_price .price { font-size: 16px; }  
    .book_list > li .price_wrap .book_buy { gap: 4px; margin-top: 26px; } 
    .book_list > li .price_wrap .book_buy .buy_btn { width: 120px; height: 38px; border-radius: 6px; font-size: 16px; }
    .book_list > li .price_wrap2 { gap: 2px; } 
    .book_list > li .price_wrap2 .cost2 { font-size: 11px; } 
    .book_list > li .price_wrap2 .price2 { font-size: 16px; }

    /* 온라인 서점 상세페이지 ~1180px */
    .bookViewTop { padding: 26px 0; border-radius: 8px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05); } 
    .bookViewTop .sampleBook { width: 287px; margin-left: 3px; } 
    .bookViewTop .sampleBook .img { width: 160px; height: 218px; } 
    .bookViewTop .sampleBook .img:before { width: 210px; height: 210px; } 
    .bookBuyInfo { width: calc(100% - 287px); padding: 0 32px; } 
    .bookBuyInfo .tit1 { font-size: 13px; } 
    .bookBuyInfo .tit2 { margin-top: 6px; font-size: 22px; } 
    .bookBuyInfo .buyBtnArea { gap: 8px; margin-top: 8px; } 
    .bookBuyInfo .buyBtnArea .sBtn { height: 38px; min-width: 120px; border-radius: 6px; font-size: 15px; }
    .bookViewCon { margin-top: 32px; padding-top: 54px;} 
    .bookViewCon .viewTabs { max-width: 100%; left: 0; }
    .bookViewCon .viewTabs.bookFixed {border-radius:0;}
    .book_info { padding: 0 24px; } 
    .book_info .img img { max-width: 100%; } 
    .book_info .txt { margin-top: 22px; font-size: 13px;} 
    .book_info .book_toc { height: 164px; } 
    .book_info .toc_open { width: 96px; height: 38px; margin-top: 16px; border-radius:6px; font-size: 13px; }  
    .book_refund { padding: 34px 30px; border-radius: 6px; }

    /* 나의 강의실 ~1180px */
    .mypage_top { gap: 16px; margin-bottom: 30px; }
    .mypage_top .profile,
    .mypage_top .attendance { padding: 18px 24px 6px; border-radius: 8px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05); }
    .mypage_top .profile .name { font-size: 19px; }
    .mypage_top .profile .name strong { text-underline-offset: 6px; }
    .mypage_top .profile .txt1 { margin-top: 12px; font-size: 19px; }
    .mypage_top .profile .txt2 { margin-top: 6px; font-size: 13px; }
    .mypage_top .profile .edit { gap: 5px; top: 23px; right: 24px; font-size: 13px; }
    .mypage_top .profile .edit::before { width: 15px; height: 15px; }
    .mypage_top .attendance .tit { font-size: 16px; }
    .mypage_top .attendance .open_calendar { top: 21px; right: 24px; font-size: 11px; }
    .mypage_top .attendance .week { margin-top: 16px; }
    .mypage_top .attendance .week > li { width: 32px; border-radius: 16px; padding: 4px 0; }
    .mypage_top .attendance .week > li .day_week,
    .mypage_top .attendance .week > li .date { width: 25px; height: 25px; }
    .mypage_top .attendance .week > li .day_week { font-size: 11px; }
    .mypage_top .attendance .week > li .date { font-size: 13px; }
    .calendar_pop { width: 368px; height: 348px; padding: 15px 22px 0; border-radius: 8px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05); }
    .calendar_pop .tit { font-size: 16px; }
    .calendar_pop .pop_close { top: 8px; right: 8px; padding: 8px; }
    .calendar_pop .pop_close img { width: 10px; }
    .calendar_pop .date_picker { height: 42px; margin-top: 14px; padding: 0 18px; border-radius: 9px; }
    .calendar_pop .date_picker .picker { padding: 8px; }
    .calendar_pop .date_picker .picker img { width: 5px; }
    .calendar_pop .date_picker .date { font-size: 13px; }
    .calendar_pop .calendar_table { margin-top: 16px; }
    .calendar_pop .calendar_table th { padding-bottom: 8px; font-size: 11px; }
    .calendar_pop .calendar_table td { padding: 6px 0; }
    .calendar_pop .calendar_table td span { width: 25px; height: 25px; font-size: 13px; }
    .my_lecture { margin-top: 18px; } 
    .my_lecture > li { padding: 20px 16px 20px 24px; border-radius: 11px; } 
    .my_lecture > li + li { margin-top: 12px; } 
    .my_lecture > li > .info_wrap { width: 500px; } 
    .my_lecture > li > .info_wrap .time { font-size: 12px; }
    .my_lecture > li > .info_wrap .progress_tit { font-size: 13px; } 
    .my_lecture > li > .info_wrap .tit1 { margin-top: 3px; font-size: 16px; } 
    .my_lecture > li > .info_wrap .list { gap: 31px; margin-top: 17px; } 
    .my_lecture > li > .info_wrap .list > li::after { right: -16px; } 
    .my_lecture > li > .info_wrap progress { margin-top: 18px; } 
    .my_lecture > li > .right_btn { gap: 5px; width: calc(100% - 500px); } 
    .my_lecture > li > .right_btn > .lecture_btn { height: 38px; padding: 0 26px; border-radius: 6px; font-size: 16px; } 
    .my_lecture > li.empty .empty_tit { font-size: 16px; } 
    .my_lecture > li.empty .lecture_apply { width: 120px; height: 38px; margin-top: 20px; border-radius: 6px; font-size: 16px; } 

    /* CBT ~1180px */
    .my_lecture.type_cbt > li .test_sheet { margin-top: 4px; font-size: 14px; }
    .my_lecture.type_cbt > li .test_sheet::before { width: 15px; height: 11px; margin-top: 4px; }
    .my_lecture.type_cbt > li > .right_btn .lecture_btn { min-width: 120px; padding: 0 22px; }
    .my_lecture.type_cbt > li > .right_btn .lecture_btn.result { gap: 7px; }
    .my_lecture.type_cbt > li > .right_btn .lecture_btn.result::after { width: 10px; height: 6px; }

    /* 배송조회 ~1180px */
    .delivery_list > li + li { margin-top: 29px; } 
    .delivery_list > li > .date { padding: 0 8px; font-size: 16px; } 
    .delivery_con { margin-top: 10px; border-radius: 11px; } 
    .delivery_con .top { padding: 14px 24px; } 
    .delivery_con .top .order_num { font-size: 14px; } 
    .delivery_con .top .view { font-size: 13px; } 
    .delivery_con .con { padding: 18px 24px; } 
    .delivery_con .img { width: 207px; height: 138px; } 
    .delivery_con .info { width: calc(100% - 207px); padding-left: 24px; } 
    .delivery_con .info .status { padding: 6px 8px 5px; margin-right: 4px; font-size: 13px; } 
    .delivery_con .info .noti { font-size: 13px; }
    .delivery_con .info .tit { margin-top: 8px; font-size: 13px; } 
    .delivery_con .info .price { margin-top: 7px; font-size: 16px; } 
    .delivery_con .info .track_btn { width: 120px; height: 38px; margin-top: 23px; border-radius: 6px; font-size: 16px; } 
    .track_pop_skin { border-radius: 11px; } 
    .track_pop { border-radius: 11px; } 
    .track_pop > .top { padding: 19px 30px; } 
    .track_pop > .top > .date { font-size: 14px; } 
    .track_pop > .top > .order_num { font-size: 14px; } 
    .track_pop > .con { margin-top: 9px; } 
    .track_pop > .con > li { padding: 0 30px; } 
    .track_pop .track_tit { padding: 12px 0; font-size: 16px; } 
    .track_pop .track_status { padding: 17px 0 37px; } 
    .track_pop .track_status > .service > .name { gap: 8px; font-size: 13px; } 
    .track_pop .track_status > .service > .view { font-size: 13px; } 
    .track_pop .track_status > .progress_list { margin-top: 30px; } 
    .track_pop .track_status > .progress_list::before { height: 6px; border-radius: 3px; } 
    .track_pop .track_status > .progress_list::after { height: 6px; border-radius: 3px; } 
    .track_pop .track_status > .progress_list > li { min-width: 74px; padding-bottom: 18px; font-size: 13px; } 
    .track_pop .track_status > .progress_list > li::after { bottom: -6px; width: 18px; height: 18px; } 
    .track_pop .track_status > .progress_list > li:first-child::before { height: 6px; border-radius: 3px; } 
    .track_pop .product_list > li { padding: 20px 0; } 
    .track_pop .product_list > li > .img { width: 73px; height: 101px; } 
    .track_pop .product_list > li > .img > img { width: 100%; height: 100%; } 
    .track_pop .product_list > li > .con { width: calc(100% - 73px); padding-top: 10px; padding-left: 17px; } 
    .track_pop .product_list > li > .con > .status { margin-right: 4px; padding: 4px 6px; font-size: 11px; } 
    .track_pop .product_list > li > .con > .noti { font-size: 11px; } 
    .track_pop .product_list > li > .con > .tit { margin-top: 5px; font-size: 13px; } 
    .track_pop .product_list > li > .con > .price { margin-top: 12px; font-size: 13px; } 
    .track_pop .address { padding: 12px 0 22px; font-size: 13px; } 

    /* 강사 상세페이지 ~1180px */
    .teacher_view_top { min-height: 523px; padding: 54px 44.4% 31px 40px; border-radius: 8px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05); }
    .teacher_view_top .teacher_img { max-height: 546px; right: 23px; filter: drop-shadow(-4.82px -3.92px 43px rgba(0, 0, 0, 0.18)); }
    .teacher_view_top .intro { font-size: 34px; }
    .teacher_view_top .cate { margin-top: 25px; font-size: 16px; }
    .teacher_view_top .name { margin-top: 6px; font-size: 40px; }
    .teacher_intro_tab .tit_list { gap: 4px; margin-top: 22px; }
    .teacher_intro_tab .tit_list li a { padding: 7px 3px; font-size: 13px; }
    .teacher_intro_tab .tit_list li a::after { height: 2px; }
    .teacher_view_top .profile_list { margin-top: 20px; }
    .teacher_view_top .profile_list li + li { margin-top: 19px; }
    .teacher_view_top .profile_list .tit,
    .teacher_view_top .profile_list .txt { font-size: 13px; }
    .teacher_view_top .profile_list .bio .txt { height: 58px; }
    .teacher_view_top .profile_list .book .txt { height: 19px; }
    .teacher_view_top .profile_open { margin-top: 6px; margin-bottom: 0; padding: 3px 3px; font-size: 12px; }
    .teacher_view_top .video_play { width: 325px; margin-top: 18px; }
    .teacher_view_top .video_play .video,
    .teacher_view_top .video_play a { border-radius: 8px; }
    .teacher_view_top .video_play a::after { width: 32px; height: 43px; }
    .teacher_view_top .profile_pop { width: 343px; height: 247px; border-radius: 8px 8px 0 0; }
    .teacher_view_top .profile_pop .tit_wrap { padding: 8px 11px 10px 20px; }
    .teacher_view_top .profile_pop .tit_wrap h4 { font-size: 13px; }
    .teacher_view_top .profile_pop .tit_wrap .pop_close img {width: 16px;}
    .teacher_view_top .profile_pop .con { padding: 18px 20px; }
    .teacher_view_con { margin-top: 24px; }
    .teacher_point { padding-top: 54px; }
    .teacher_point .point_txt { font-size: 37px; }
    .teacher_point .point_list { gap: 21px; max-width: 709px; margin-top: 34px; }
    .teacher_point .point_list li { width: 222px; height: 185px; padding-top: 20px; border-width: 4px; border-radius: 10px; }
    .teacher_point .point_list li .num { gap: 8px; font-size: 12px; }
    .teacher_point .point_list li .tit { margin-top: 10px; font-size: 21px; }
    .teacher_point .point_list li .txt { margin-top: 6px; font-size: 14px; }
    .teacher_point .point_review { max-width: 709px; margin-top: 22px; padding: 16px 27px; border-width: 2px; border-radius: 19px; }
    .teacher_point .point_review .img { width: 67px; height: 64px; border-radius: 26px; }
    .teacher_point .point_review .con { width: calc(100% - 67px); padding-left: 27px; }
    .teacher_point .point_review .con .name { font-size: 13px; }
    .teacher_point .point_review .con .txt { font-size: 13px; }
    .review_list { padding-top: 4px; } 
    .review_list > li .tit, 
    .review_list > li .name,
    .review_list > li .date { padding: 13px 0; font-size: 13px; } 
    .review_list > li .tit { width: calc(100% - 160px); padding: 13px 18px; } 
    .review_list > li .name { width: 70px; } 
    .review_list > li .date { width: 90px; }   

	/* 자격증 검색 영역 ~1180px */
	.noticeSearch.type_certificate { padding: 15px !important; }
	.certificate_table .row_divider  { border-bottom-width: 8px; }
	.certificate_table .label_cell{ width: 130px; font-size: 12px;}
	.certificate_table .input_cell{padding-left: 8px;}
	.certificate_table .item{ flex:0; min-width:calc(25% + 1px); font-size: 14px; }
	.certificate_table .level_select.basicS{ position: static; min-width: 250px;font-size: 14px;}
	.certificate_table .exam_class{width: 250px; }
	.certificate_table .exam_class div{padding-left: 15px; font-size: 12px;}
	.certificate_table .exam_class div label{padding: 4px;}  

    /* 게시판 공지사항 ~1180px */
    .board_noti { margin-bottom: 24px; padding: 24px; } 
    .board_noti h3 { margin-bottom: 8px; font-size: 26px; } 
    .board_noti .noti_tit { font-size: 16px; } 
    .board_noti .noti_tit strong { background-position: 0 calc(100% - 2px); background-size: 100% 5px; } 
    .board_noti .con { margin-top: 16px; padding: 16px; } 
    .board_noti .tit { gap: 5px; margin-bottom: 8px; font-size: 14px; } 
    .board_noti .tit::before { height: 16px; min-width: 16px; } 
    .board_noti .txt { margin-top: 8px; font-size: 13px; }
    
    /* 모바일 게시판 탭메뉴 ~1180px */
    .notice_menu_mo { display: block; display: flex; flex-wrap:wrap; margin-bottom: 20px;margin-top: -1.565%; } 
    .notice_menu_mo > li { width: 32.29%; margin-right: 1.565%; margin-top: 1.565%; } 
    .notice_menu_mo > li:nth-child(3n) {margin-right: 0;}
    .notice_menu_mo > li a { display: flex; justify-content: center; align-items: center; height: 100%; min-height: 50px; border: 1px solid rgb(204, 204, 204); border-radius: 8px; font-family: "Pretendard"; font-size: 13px; font-weight: 700; color: rgb(102, 102, 102); text-align: center; } 
    .notice_menu_mo > li.active a { border-color: #3b92ed; color: #3b92ed; } 
}

/* 모바일 버전 */
@media(max-width:767px) {
    /* 강의 리스트 ~767px */
    .cate_wrap .inner {margin: 0 -5px;}
    .cate_list > li { padding: 0 5px; }
    .cate_list > li a { font-size: 20px; height: 48px; padding: 0 28px; border-radius:24px; }
    .lecture_list2 { margin-top: 23px; } 
    .lecture_list2 > li { min-height: 0; border-radius: 15px 15px 7px 7px;flex-wrap:wrap; background: #fafafa; } 
    .lecture_list2 > li + li { margin-top: 16px; } 
    .lecture_list2 > li .img { overflow: hidden; width: 242px; border-radius:0 0 0 7px; border-bottom: 1px solid #e1e1e1; } 
    .lecture_list2 > li .info { overflow: hidden; width: calc(100% - 242px); min-height: 160px; padding: 23px 24px; border-radius:0 0 7px 0; border-bottom: 1px solid #e1e1e1; background: #fff; } 
    .lecture_list2 > li .tag_wrap { gap: 5px; } 
    .lecture_list2 > li .tag_wrap .tag { border-radius: 4px; padding: 0 10px; height: 24px; font-size: 14px; } 
    .lecture_list2 > li .tit { margin-top: 5px; font-size: 24px; } 
    .lecture_list2 > li .event { font-size: 16px; } 
    .lecture_list2 > li .subject { margin-top: 14px; font-size: 14px; } 
    .lecture_list2 > li .price_wrap { width: 100%; padding:22px 23px; display: flex; align-items: center; } 
    .lecture_list2 > li .price_list { margin-top: 0; text-align: left; } 
    .lecture_list2 > li .price_list li {display: flex;align-items: center;}
    .lecture_list2 > li .price_list li + li { margin-top: 12px; } 
    .lecture_list2 > li .price_list li .days { font-size: 14px; margin-right: 7px; padding: 0 11px; height: 27px; } 
    .lecture_list2 > li .price_list li div { justify-content: flex-start; } 
    .lecture_list2 > li .price_list li .sale { width: 36px; height: 19px; font-size: 13px; } 
    .lecture_list2 > li .price_list li .cost { font-size: 14px; } 
    .lecture_list2 > li .price_list li .price { font-size: 20px; } 
    .lecture_list2 > li .view { margin-left: auto;margin-top: 0; font-size: 20px;border-radius: 8px; width: 151px; height: 49px; } 

    /* 강의 상세페이지 ~767px */
    .lecture_info { flex-wrap: wrap; }
    .lecture_info .sampleVideo { width: 328px; height: 212px; border-radius: 13px; margin: 0 auto;}
    .lecture_info .info_wrap { width: 100%; padding-left: 0; margin-top: 20px; }
    .lecture_info .info_wrap .info_tit {font-size: 20px;}
    .lecture_info .info_wrap .list > li .tit { min-width: 62px; font-size: 11px; }
    .lecture_info .info_wrap .list > li .txt { font-size: 11px; }
    .lecture_noti { border-radius: 4px; padding: 14px 15px 12px; }
    .lecture_noti .tit { gap: 4px; font-size: 12px; }
    .lecture_noti .tit:before { width: 12px; height: 12px; }
    .lecture_noti .txt { margin-top: 2px; padding: 0 6px; font-size: 11px; }
    .viewTit {padding-top: 25px;}

    /* 온라인 서점 리스트 ~767px */
    .sub_tit1 { margin-bottom: 16px; font-size: 24px; } 
    .book_cate { margin-bottom: 23px; } 
    .book_cate_ipt { border: 1px solid rgb(51, 51, 51); border-radius: 16px; } 
    .book_cate_ipt select { height: 68px; padding: 0 40px 0 15px; background-position: calc(100% - 16px) center; background-size: 17px auto; font-size: 24px; } 
    .book_cate_ipt > li::after { width: 1px; height: 22px; } 
    .book_cate_ipt .btn_submit { height: 68px; background-size: 29px auto; } 
    .book_list { margin-top: 23px; } 
    .book_list > li { flex-wrap:wrap; align-items: normal; padding:0; background: #fafafa; border-radius: 14px; } 
    .book_list > li + li { margin-top: 15px; } 
    .book_list > li .img_wrap { width: 228px; margin-left: 0; padding-left: 8px; background: #fff; border-radius: 0 0 0 7px; padding:30px;} 
    .book_list > li .img_wrap:has(~ .price_wrap) { border-bottom: 1px solid #e1e1e1; }
    .book_list > li .img_wrap::after { top: 50%; width: 1px; height: 160px; text-align: center; transform: translate(0,-50%); } 
    .book_list > li .img_wrap .img { width: 95px; height: 200px; } 
    .book_list > li .img_wrap .img::before { width: 129px; height: 129px; } 
    .book_list > li .img_wrap .tag { top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -77px; margin-left: -66px; font-size: 11px; } 
    .book_list > li .info { width: calc(100% - 228px); padding: 40px 28px; background: #fff; border-radius: 0 0 7px 0; } 
    .book_list > li .info:has(~ .price_wrap) { border-bottom: 1px solid #e1e1e1; }
    .book_list > li .info .tit1 { font-size: 16px; } 
    .book_list > li .info .tit2 { font-size: 20px; } 
    .book_list > li .list { margin-top: 24px; } 
    .book_list > li .price_wrap { display: flex; align-items: center; width:100%; padding: 16px 15px; } 
    .book_list > li .price_wrap .book_price { gap: 3px; } 
    .book_list > li .price_wrap .book_price .sale { width: 36px; height: 19px; font-size: 13px; } 
    .book_list > li .price_wrap .book_price .cost { margin-right: 3px; font-size: 14px; } 
    .book_list > li .price_wrap .book_price .price { font-size: 20px; } 
    .book_list > li .price_wrap .book_buy { gap: 4px; margin-top: 0; margin-left: auto; flex-direction: row; } 
    .book_list > li .price_wrap .book_buy .buy_btn { width: 135px; height: 43px; border-radius: 7px; font-size: 18px; } 

    .book_list > li .price_wrap2 { gap:3px; } 
    .book_list > li .price_wrap2 .cost2 { font-size: 14px; } 
    .book_list > li .price_wrap2 .price2 { font-size: 20px; } 

    /* 온라인 서점 상세페이지 ~767px */
    .bookViewTop { display: block; padding: 20px; border-radius: 5px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05); } 
    .bookViewTop .sampleBook { width: 230px; margin: 0 auto; } 
    .bookViewTop .sampleBook::after {display: none;}
    .bookViewTop .sampleBook .img { width: 128px; height: 174px; } 
    .bookViewTop .sampleBook .img:before { width: 168px; height: 168px; }     
    .bookBuyInfo { width:100%; padding: 15px 0 0; margin-top: 20px; border-top: 1px solid #eeeeee; } 
    .bookBuyInfo .tit2 {margin-top: 5px;font-size: 20px;}
    .bookBuyInfo .list { margin-top: 19px; } 
    .bookBuyInfo .list > li + li { margin-top: 6px; } 
    .bookBuyInfo .list > li .tit { width: 60px; font-size: 11px; } 
    .bookBuyInfo .list > li .txt { width: calc(100% - 60px); font-size: 11px; } 
    .bookBuyInfo .list > li .picker input[type="number"] { font-size: 11px; } 
    .bookBuyInfo .list > li .price_wrap { gap: 2px; } 
    .bookBuyInfo .list > li .price_wrap .sale { width: 29px; height: 15px; font-size: 10px; } 
    .bookBuyInfo .list > li .price_wrap .cost { margin-right: 2px; font-size: 11px; } 
    .bookBuyInfo .list > li .price_wrap .price { font-size: 16px; } 
    .bookBuyInfo .buyBtnArea .sBtn { height: 38px; min-width: calc(50% - 4px); border-radius: 6px; font-size: 15px; }
    .bookViewCon { margin-top: 15px; } 
    .book_refund { padding: 20px; border-radius: 4px; } 
    .book_refund .tit { gap: 4px; margin-bottom: 10px; font-size: 11px; } 
    .book_refund .tit:before { width: 14px; height: 14px; } 
    .book_refund .txt { padding: 0 18px; font-size: 11px; }  

    /* 나의 강의실 ~767px */
    .mypage_top { display: block; margin-bottom: 16px; }
    .mypage_top .profile,
    .mypage_top .attendance { padding: 16px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05); }
    .mypage_top .profile .name { font-size: 18px; }
    .mypage_top .profile .txt1 { margin-top: 11px; font-size: 18px; }
    .mypage_top .profile .txt2 { font-size: 12px; }
    .mypage_top .profile .edit { top: 19px; right: 16px; }
    .mypage_top .attendance {margin-top: 16px;}
    .mypage_top .attendance .open_calendar { top: 17px; right: 16px; }
    .calendar_pop { padding: 16px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05); }
    .my_lecture > li {flex-direction: column;padding: 16px;}
    .my_lecture > li > .info_wrap {width: 100%;}
    .my_lecture > li > .info_wrap .list {flex-direction: column;align-items: flex-start;gap:6px;}
    .my_lecture > li > .info_wrap .list > li { font-size: 12px; } 
    .my_lecture > li > .info_wrap .list > li::after { display: none; } 
    .my_lecture > li > .right_btn { gap:4px; margin-top: 10px; width: 100%; flex-wrap:wrap; flex-direction: row; justify-content: center;}
    .my_lecture > li > .right_btn > .lecture_btn { width:100%; height: 42px; }
    
    /* CBT ~767px */
    .my_lecture.type_cbt > li .test_sheet { margin-top: 3px; gap: 3px; font-size: 12px; }
    .my_lecture.type_cbt > li .test_sheet::before { width: 13px; height: 9px; margin-top: 3px; }

    /* 배송조회 ~767px */
    .delivery_list > li + li { margin-top: 18px; } 
    .delivery_con .top { padding: 16px; } 
    .delivery_con .con { display: block; padding: 16px; } 
    .delivery_con .info { width: 100%; margin-top: 16px; padding: 0; } 
    .delivery_con .img { display: block; width: 207px; height: 138px; margin: 0 auto; } 
    .delivery_con .info .track_btn { width: 100%; } 
    .track_pop_skin { border-radius: 8px; } 
    .track_pop { border-radius: 8px; } 
    .track_pop > .top { padding: 12px 16px; } 
    .track_pop > .con > li {padding: 0 16px;}
    .track_pop .product_list > li > .con {padding: 0 0 0 16px;}
    .track_pop .track_status > .service > .name {gap:0;}

    /* 게시판 버튼 ~767px */
    .btn_answer_wait, 
    .btn_answer_end { min-width: 60px; padding: 4px 8px; font-size: 12px; }
    
    /* 강사 상세페이지 ~767px */
    .teacher_view_top { min-height: 0; padding: 60px 45px 32px; border: 1px solid rgb(238, 238, 238); border-radius: 10px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05); }
    .teacher_view_top .teacher_img { top: 2px; right: 5px; bottom: auto; max-width: 320px; max-height: 494px; filter: drop-shadow(-6.03px -3.92px 54px rgba(0, 0, 0, 0.18)); }
    .teacher_view_top .intro { font-size: 28px; padding: 0 5px; width:calc(100% - 320px); }
    .teacher_view_top .cate { margin-top:21px; font-size: 16px; font-weight: 400; padding: 0 5px; }
    .teacher_view_top .name { margin-top: 3px; font-size: 28px; padding: 0 5px; }
    .teacher_intro_tab .tit_list { display: none;}
    .teacher_intro_tab .tab_list { display: block !important; }
    .teacher_intro_tab #intro_con1 { margin-top: 49px; }
    .teacher_intro_tab #intro_con2 { margin-top: 25px; }
    .teacher_intro_tab .tab_list .tab_tit { display: inline-block; padding:0 5px 7px; border-bottom: 2px solid #3b92ef; font-family: "Pretendard"; font-size: 16px; font-weight: 500; letter-spacing:-0.025em; color: rgb(0, 0, 0); }
    .teacher_view_top .profile_list { margin-top: 22px; padding: 0 5px; }
    .teacher_view_top .profile_list li + li { margin-top:24px; }
    .teacher_view_top .profile_list .tit,
    .teacher_view_top .profile_list .txt { font-size: 16px; }
    .teacher_view_top .profile_list .bio .txt { height: 48px; }
    .teacher_view_top .profile_list .book .txt { height: 24px; }
    .teacher_view_top .profile_open { margin-top: 3px; padding:3px 5px; font-size: 14px; }
    .teacher_view_top .video_play { width: 100%; margin-top: 22px; }
    .teacher_view_top .video_play .video,
    .teacher_view_top .video_play a { border-radius: 10px; }
    .teacher_view_top .video_play a::after { width: 41px; height: 55px; }
    .teacher_view_top .profile_pop { left: 50%; width: 429px; height: 261px; border-radius: 10px 10px 0 0;transform: translate(-50%,0); }
    .teacher_view_top .profile_pop .tit_wrap { padding: 10px 14px 12px 25px; }
    .teacher_view_top .profile_pop .tit_wrap h4 { font-size: 16px; }
    .teacher_view_top .profile_pop .tit_wrap .pop_close img {width: 19px;}
    .teacher_view_top .profile_pop .con { padding:22px 25px; }
    .teacher_view_top .profile_pop .profile_list {padding: 0;}

    .teacher_view_con { margin-top: 19px; }
    .teacher_point { padding-top: 34px; }
    .teacher_point .point_txt { font-size: 23px; }
    .teacher_point .point_list { height: auto;margin-top: 21px; flex-direction: column; align-items: center; gap:10px; }
    .teacher_point .point_list li { height: 170px; }
    .teacher_point .point_list li .tit { margin-top: 6px; font-size: 18px; }
    .teacher_point .point_review { padding: 16px; }
    .teacher_point .point_review .con { padding-left: 16px; }

	/* 자격증 검색 영역 ~767px */
	.certificate_table .row_divider  { border-bottom-width: 5px; }
	.certificate_table .item { min-width:calc(50% + 1px); }
	.certificate_table .label_cell { width: 90px; }
	.certificate_table .exam_class,
	.certificate_table .level_select.basicS { min-width: 0; width: 100%; }

    /* 게시판 공지사항 ~1180px */
    .board_noti { margin-bottom: 15px; padding: 15px; } 
    .board_noti h3 { margin-bottom: 5px; font-size: 18px; }
    .board_noti .noti_tit { font-size: 15px; }
    .board_noti .con { margin-top: 10px; padding: 15px; }
}

@media(max-width:640px) {
    /* 강의 리스트 ~640px */
    .cate_wrap .inner { margin: 0 -0.78125vw; } 
    .cate_list > li { padding: 0 0.78125vw; } 
    .cate_list > li a { height: 7.5vw; padding: 0 4.375vw; border-radius: 3.75vw; font-size: 3.125vw; } 
    .lecture_list2 { margin-top: 3.59375vw; } 
    .lecture_list2 > li { border-radius: 2.34375vw 2.34375vw 1.09375vw 1.09375vw; } 
    .lecture_list2 > li + li { margin-top: 2.5vw; } 
    .lecture_list2 > li .img { width: 37.8125vw; border-radius: 0 0 0 1.09375vw; } 
    .lecture_list2 > li .info { width: calc(100% - 37.8125vw); min-height: 25vw; padding: 3.59375vw 3.75vw; border-radius: 0 0 1.09375vw 0; } 
    .lecture_list2 > li .tag_wrap { gap: 0.78125vw; } 
    .lecture_list2 > li .tag_wrap .tag { height: 3.75vw; padding: 0 1.5625vw; border-radius: 0.625vw; font-size: 2.1875vw; } 
    .lecture_list2 > li .tit { margin-top: 0.78125vw; font-size: 3.75vw; } 
    .lecture_list2 > li .event { font-size: 2.5vw; } 
    .lecture_list2 > li .subject { margin-top: 2.1875vw; font-size: 2.1875vw; } 
    .lecture_list2 > li .price_wrap { width: 100%; padding: 3.4375vw 3.59375vw; } 
    .lecture_list2 > li .price_list li + li { margin-top: 1.875vw; } 
    .lecture_list2 > li .price_list li .days { height: 4.21875vw; margin-right: 1.09375vw; padding: 0 1.71875vw; font-size: 2.1875vw; } 
    .lecture_list2 > li .price_list li .sale { width: 5.625vw; height: 2.96875vw; font-size: 2.03125vw; } 
    .lecture_list2 > li .price_list li .cost { font-size: 2.1875vw; } 
    .lecture_list2 > li .price_list li .price { font-size: 3.125vw; } 
    .lecture_list2 > li .view { width: 23.59375vw; height: 7.65625vw; border-radius: 1.25vw; font-size: 3.125vw; } 

    /* 온라인 서점 리스트 ~640px */
    .sub_tit1 { margin-bottom: 2.5vw; font-size: 3.75vw; } 
    .book_cate { margin-bottom: 3.59375vw; } 
    .book_cate_ipt { border-radius: 2.5vw; } 
    .book_cate_ipt select { height: 10.625vw; padding: 0 6.25vw 0 2.34375vw; background-position: calc(100% - 2.5vw) center; background-size: 2.65625vw auto; font-size: 3.75vw; } 
    .book_cate_ipt > li::after { height: 3.4375vw; } 
    .book_cate_ipt .btn_submit { height: 10.625vw; background-size: 4.53125vw auto; } 
    .book_list { margin-top: 3.59375vw; } 
    .book_list > li { border-radius: 2.1875vw; } 
    .book_list > li + li { margin-top: 2.34375vw; } 
    .book_list > li .img_wrap { width: 35.625vw; padding: 6.25vw; border-radius: 0 0 0 1.09375vw; } 
    .book_list > li .img_wrap::after { height: 25vw; } 
    .book_list > li .img_wrap .img { width: 14.84375vw; height: 28.3125vw; } 
    .book_list > li .img_wrap .img::before { width: 20.15625vw; height: 20.15625vw; }
    .book_list > li .img_wrap .tag { top: 50%; left: 50%; width: 6.25vw; height: 6.25vw; margin-top: -12.03125vw; margin-left: -10.3125vw; font-size: 1.71875vw; } 
    .book_list > li .info { width: calc(100% - 35.625vw); padding: 6.25vw 4.375vw; border-radius: 0 0 1.09375vw 0; } 
    .book_list > li .info .tit1 { font-size: 2.5vw; } 
    .book_list > li .info .tit2 { font-size: 3.125vw; } 
    .book_list > li .list { margin-top: 3.75vw; } 
    .book_list > li .list > li + li { margin-top: 1.09375vw; } 
    .book_list > li .list > li .tit { width: 11.71875vw; font-size: 2.1875vw; } 
    .book_list > li .list > li .txt { width: calc(100% - 11.71875vw); font-size: 2.1875vw; } 
    .book_list > li .list > li .picker button {width: 15px;height: 25px;}
    .book_list > li .list > li .picker input[type="number"] { height:25px; font-size: 12px; } 
    .book_list > li .price_wrap { width: 100%; padding: 2.5vw 2.34375vw; } 
    .book_list > li .price_wrap .book_price { gap: .46875vw; } 
    .book_list > li .price_wrap .book_price .sale { width: 5.625vw; height: 2.96875vw; font-size: 2.03125vw; } 
    .book_list > li .price_wrap .book_price .cost { margin-right: .46875vw; font-size: 2.1875vw; } 
    .book_list > li .price_wrap .book_price .price { font-size: 3.125vw; } 
    .book_list > li .price_wrap .book_buy { gap: .625vw; } 
    .book_list > li .price_wrap .book_buy .buy_btn { min-width:0; width: 23.4375vw; height: 7.5vw; border-radius: 1.25vw; font-size: 3.125vw; } 
    .book_list > li .price_wrap2 { gap: 0.46875vw; } 
    .book_list > li .price_wrap2 .cost2 { font-size: 2.1875vw; } 
    .book_list > li .price_wrap2 .price2 { font-size: 3.125vw; } 

    /* 강사 상세페이지 ~640px */
    .teacher_view_top { padding: 30px 22px 16px;border-radius: 1.56vw; box-shadow: 0px 0px 1.56vw 0px rgba(0, 0, 0, 0.05); font-size: 0; }
    .teacher_view_top .teacher_img { top: 0.31vw; right: 0.78vw; max-width: 50vw; max-height: 77.19vw; filter: drop-shadow(-0.94vw -0.61vw 8.44vw rgba(0, 0, 0, 0.18)); }
    .teacher_view_top .intro { font-size: 4.38vw; padding: 0 4px; width: 50vw; }
    .teacher_view_top .cate { margin-top: 3.28vw; font-size: 2.5vw; padding: 0 4px; }
    .teacher_view_top .name { margin-top: 0.47vw; font-size: 4.38vw; padding: 0 4px; }
    .teacher_intro_tab #intro_con1 { margin-top: 25px; }
    .teacher_intro_tab #intro_con2 { margin-top: 19px; }
    .teacher_intro_tab .tab_list .tab_tit { padding: 0 4px 5px; font-size: 12px; }
    .teacher_view_top .profile_list { margin-top: 17px; padding: 0 4px; }
    .teacher_view_top .profile_list li + li { margin-top: 18px; }
    .teacher_view_top .profile_list .tit,
    .teacher_view_top .profile_list .txt { font-size: 12px; }
    .teacher_view_top .profile_list .bio .txt { height: 36px; }
    .teacher_view_top .profile_list .book .txt { height: 18px; }
    .teacher_view_top .profile_open { margin-top: 2px; padding: 2px 4px; font-size: 10px; }
    .teacher_view_top .video_play { width: 100%; margin-top: 3.44vw; }
    .teacher_view_top .video_play .video,
    .teacher_view_top .video_play a { border-radius: 1.56vw; }
    .teacher_view_top .video_play a::after { width: 6.41vw; height: 8.59vw; }
    .teacher_view_top .profile_pop { left: 50%; width: 66.95vw; height: 35vh; border-radius: 1.56vw 1.56vw 0 0; border-width: 2px; }
    .teacher_view_top .profile_pop .tit_wrap { padding: 7px 10px 9px 15px; }
    .teacher_view_top .profile_pop .tit_wrap h4 { font-size: 12px; }
    .teacher_view_top .profile_pop .tit_wrap .pop_close img { width: 14px; }
    .teacher_view_top .profile_pop .con { padding: 14px 15px; }
}