@media only screen and (max-width: 1600px){
 .ai_modal_scroll { max-height: 300px; }
 .quick-list { zoom: 0.8; }
 }
@media only screen and (max-width: 1280px){
 .online_header { margin-top:0; border-top:0; }
 }

 @media only screen and (max-width:1024px){
 #wrap .only-pc, .only-pc { display: none !important; } 
 #wrap .only-mobile, .only-mobile { display: block; } 

 .gnb-wrap, .aside, .quick-menu, .main-brand, .poabb, .tnb_admin { display: none; } 
 .container { min-height: inherit; padding-bottom: 60px; } 
 .inner-sm, .inner-md-1, .inner-md, .inner-lg, .inner-xl { max-width: 100%; } 
 .inner { padding: 0 16px; } 

 .sideMenu-btn { display: block; } 
 .header { height: 88px; } 
 .header-inner { padding: 0 16px; } 
 #logo { width: calc(100% - 64px); line-height: 80px; } 
 #logo img { max-width: 128px; } 
 #logo .no-brand { width: 100%; line-height: initial; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
 .footer-inner { padding: 0 16px; } 
 .footer-wrap { flex-direction: column; padding: 32px 0 100px; } 
 .ft-info { margin-bottom: 16px; padding-bottom: 32px; border-bottom: 1px solid #dbdbdb; } 
 .ft-app { padding-left: 0; } 
 .ft-menu-list::after, .ft-app::before { display: none; } 
 .ft-app h3 { display: none; } 
 .ft-app ul li { display: inline-block; margin-right: 8px; } 
 
 /* ai 오답노트 */
 .toast_ai_note { width: 274px; }
.num_ai_desc { display: inline-block; margin-left: 4px !important; }
.lst_ai_note .tbody li { flex-wrap: wrap; gap: 0; height: auto; }
.lst_ai_note .tbody li > p:nth-child(1) { order: 1; width: 50%; justify-content: flex-start; padding: 8px; }
.lst_ai_note .tbody li > p:nth-child(3) { order: 2; width: 50%; justify-content: flex-end; padding: 8px; }
.lst_ai_note .tbody li > p:nth-child(2) { order: 3; width: 100%; border-bottom: 1px solid #eee; padding: 4px 12px; }
.lst_ai_note .tbody li > p:nth-child(4) { order: 4; width: 50%; justify-content: flex-start; padding: 8px; }
.lst_ai_note .tbody li > p:nth-child(5) { order: 5; width: 50%; justify-content: flex-end; padding: 8px; }

.lst_ai_note .tbody li .ai_list_box { flex-wrap: wrap; gap: 0 !important; height: auto !important; }
.lst_ai_note .tbody li .ai_list_box > p:nth-child(1) { order: 1; width: 50%; justify-content: flex-start; padding: 8px; }
.lst_ai_note .tbody li .ai_list_box > p:nth-child(3) { order: 2; width: 50%; justify-content: flex-end; padding: 8px; }
.lst_ai_note .tbody li .ai_list_box > p:nth-child(2) { order: 3; width: 100%; border-bottom: 1px solid #eee; padding: 4px 12px; }
.lst_ai_note .tbody li .ai_list_box > p:nth-child(4) { order: 4; width: fit-content; justify-content: flex-start; padding: 8px; }
.lst_ai_note .tbody li .ai_list_box > p:nth-child(5) { order: 5; width: fit-content; justify-content: flex-end; padding: 8px; }
.lst_ai_note_test .lst_clinic_box { padding-left: 8px; padding-right: 8px; }

.lst_ai_note_test .lst_clinic_box .btn_ainote { font-size: 13px; }

.lst_ai_note .tbody li .ai_list_box > p:nth-child(4) span { width: unset; text-align: left; }
.btn_chk_exam { width: unset; height: 28px; margin-left: 8px; letter-spacing: -1px; }

.bte_self_chk_wrap { position: fixed !important; bottom: 0 !important; left: 50%; transform: translateX(-50%); width: 100%; justify-content: center;}
.bte_self_chk_wrap > div { flex: 1; }
.bte_self_chk_wrap button { flex: auto; }

.num_list_typeA { width: calc(100% - 24px); }
.check_ai_note_header .hd_bottom { max-height: 40px; overflow: hidden; }
.check_ai_note_header .hd_bottom.active { max-height: unset; }
.btn_open_typeRound { box-shadow: unset; }
.check_ai_note_header .hd_bottom.active .btn_open_typeRound { transform: rotate(180deg); }
.num_list_typeA li { margin-bottom: 8px; }
.container.ai_note_box { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; overflow-y: auto; min-height: unset !important; padding-bottom: 0 !important; z-index: 10000000; background: #f7f7f7; }
.container.ai_note_box.header-roll-pt { padding-top: 0 !important; }
.container.ai_note_box .inner { padding: 0 !important; }
.container.ai_note_box .inner-mart { margin: 0 !important; }
.ai_btn_wrap { position: fixed; left: 0; bottom: 0; width: 100%; background: #fff; border-radius: 0; }	
.ai_btn_wrap li a { border-radius: 0 !important; }
.ai_tooltip_box { display: none !important; }
.check_ai_note_header { position: fixed; top:0; left:0; z-index: 10; margin-bottom: 0 !important; width: 100%; border: 0; border-bottom: 1px solid #D8D8D8; border-radius: 0; }
.check_ai_note_header .hd_top { padding: 8px 16px; }
.check_ai_note_header .hd_top p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 12px; }
.check_ai_note_header .hd_bottom { padding: 8px 16px; }
.check_ai_note_board { border: 0; box-shadow: unset; padding-top: 80px; padding-bottom: 80px; }
.ai_note_answer_wrap { padding: 8px 16px 0 16px !important; gap: 8px; }
.ai_note_answer_wrap:nth-child(1) { flex-direction: column; }
.ai_note_answer_wrap:nth-child(1) .ai_note_answer_desc { width: 100%; max-width: 100%; }
.ai_note_answer_desc { padding: 8px; width: 100%; max-width: calc(100% - 64px); }
.ai_note_chk_incorrect { flex-direction: column; gap: 16px; padding-bottom: 60px !important; }
.ai_note_chk_incorrect ul { width: 100%; }
.answer_type { line-height: 40px; height: 40px; }
.ai_note_answer_type { flex-direction: unset; }
.answer_type.incorrect, .answer_type.correct, .answer_type.edit, .answer_type.wip { height: 32px; }
.answer_type.mt_incorrect, .answer_type.wip { width: fit-content; padding: 0 6px; }
.answer_type.incorrect::after { height: 34px; width: 2px; }
.answer_type.correct::after { width: 49px; height: 25px; border-width: 2px; border-radius: 6px; }

.ai_note_exam_description .desc_tit { margin-right: 28px; }
.btn_ane_desc { padding:0; }
.ai_note_exam_description .desc_cont { max-width: 100%; }

.chart_ai_note .check_ai_note_board { padding: 16px; }
.chart_ai_note .btn_back_round { display: none; }
.chart_ai_note .check_ai_note_header .hd_top { justify-content: center; }
.chart_ai_note .check_ai_note_board .char_ai_txt { font-size: 14px; }

.ai_tutor_modal.active { width: 100%; max-width: 100%; left: 0; top: 0; right: 0; bottom: 0; padding: 8px; padding-top: 72px; border: 0; border-radius: 0; z-index: 1000; }
.ai_input_wrap { position: absolute; bottom: 8px; left: 8px; right: 8px; width: calc(100% - 16px); }
.ai_modal_scroll { border-radius: 8px; height: 100%; max-height: unset; padding-bottom: 50px; }
.ai_modal_scroll::-webkit-scrollbar { display: none; }

.bubble_desc { gap: 12px; align-items: flex-start; margin-bottom: 8px !important; padding: 16px; background: #eeeeee; border-radius: 8px; }
.bubble_box { margin-bottom: 8px !important; }
.bubble_desc .bubble_box { margin-bottom: 0 !important; padding:0 !important; }
.ai_tutor_modal .ai_tutor_human { zoom: 0.9; }
.ai_tutor_btn_wrap { padding-top: 8px !important; }
.ai_input_wrap .ai_tutor_btn_wrap { padding: 0 !important; }
.ai_tutor_modal .ai_tutor_human p { display: none; }
.btn_ai_tutor_typeB { right: 8px !important; bottom: 11%; }
.btn_ai_tutor span { display: none !important; }
.ai_tutor_modal_header { position: fixed; display: flex !important; left: 0; right: 0; top: 0; height: 64px; background: #fff; border-bottom: 1px solid rgba(216, 216, 216, 1); z-index: 100; }
.btn_ai_tutor_close { top: 7px; right: 16px !important; left: unset !important; z-index: 100; width: 48px; height: 48px; border-radius: 8px; box-shadow: 0 1px 1px rgba(68, 68, 68, 0.2); }

i.ico_retry_exam { display: inline-block; margin-bottom: 0 !important; margin-right: 2px; }

.modal-ai-note-desc .modal-title h2 { font-size: 14px; }
.modal-ai-note-desc .modal-content-box { padding: 0 !important; left: 0; top: 0; right: 0; bottom: 0; transform: unset; width: 100% !important; max-width: 100% !important; height: 100% !important; max-height: 100%; border-radius: 0; }
.modal-ai-note-desc .d-column { flex-direction: column; align-items: center; }
.modal-ai-note-desc ul li { padding: 16px; }
.modal-ai-note-desc ul li > div { padding: 0 !important; border: 0; }
.modal-ai-note-desc .cont-box { padding: 0 16px 16px 16px; height: 100%; overflow-y: auto; }

.modal-ai-note-desc .modal-title { padding: 0 16px !important; margin: 0 !important; }
.modal-ai-note-desc .modal-title::after { bottom: 0 !important; height: 1px !important; background: rgba(216, 216, 216, 1) !important; }
.modal-ai-note-desc .modal-close { top: 17px !important; }

.txt-desc { text-align: left; align-items: flex-start; }
.txt-desc svg { margin-top: 6px; }
.modal-ai-note-desc ul li > p { padding: 10px; }
.modal-ai-note-desc ul li:first-child > div div.d-flex.d-column div { width: 100%; }
.modal-ai-note-desc ul li:last-child { padding-right:0 !important; padding-bottom: 0 !important; }
.modal-ai-note-desc ul li:last-child > div { padding-right:0 !important; padding-bottom: 0 !important; }

.atch_homework_wrap.ai_note_atch ul li { flex-direction: column; height: unset; }
.atch_homework_wrap.ai_note_atch ul li .hwk_li_right, .atch_homework_wrap.ai_note_atch ul li .hwk_li_left { width: 100%; }
.atch_homework_wrap.ai_note_atch ul li .hwk_li_left { box-shadow: 0 8px 4px rgba(0, 0, 0, 0.07); }
.atch_homework_wrap.ai_note_atch ul li .hwk_li_right { margin-left: 0; margin-top: -16px; padding: 32px 16px 16px; }







 /* 그룹 학원정보 */
 .address.group-addr { display:flex; font-size: 13px; flex-wrap:wrap; margin-bottom:0; } 
 .address.group-addr li { margin-right: 0; width:100%; } 
 .address.group-addr li:first-child { margin: 8px 0; } 
 
 /* 온라인평가 */
 .online { border: 0; box-shadow: none; }
 .online_header { padding-top: 0; }



 .sub-aside-cont-area { margin-left: 0; } 
 .inner-mart { margin-top: 24px; } 
 .sub-cont-title { font-size: 18px; } 
 .sub-cont-title-2 { font-size: 18px; padding-left: 12px; } 
 .sub-cont-title-2::before { width: 6px; height: 21px; } 

 i.filter { background: url(/images/ico_filter_2x.png) no-repeat 0 0; background-size:32px; } 
 .filter-list { right:50px; left:auto; } 
 .filter-list::before { right: -13px; left:auto; background: url("/images/bubble_top_mobile.png") no-repeat right center; } 
 .filter-list::after { right: -30px; left:auto; } 

 /* main */
 #main { padding-bottom: 30px; } 
 .main-banner { margin-top:0; } 
 .main-brand + .main-live-lecture1 .live_lecure { margin-top:0; } 
 .main-banner + .main-notice { margin-top: 24px; } 
 .main-notice { /*margin-top: 40px; */ } 
 .main-notice .swiper-button-wrap .swiper-button { background: url(/images/ico_arrow_box2_2x.png) no-repeat 0 0; background-size: 80px; } 
 .bnr-list-box { /*margin-left: 0; */ } 
 .bnr-contents-wrap { padding:0 16px; } 
 .main-notice .inner { overflow: hidden; } 
 .main-notice .bnr-wrap { overflow: visible; } 
 .main-notice .swiper-button-wrap { top: -48px; } 
 .main-notice .swiper-pagination-progressbar { width: 100% !important; } 
 #main section .more { right: 16px; background: url(/images/ico_more_2x.png) no-repeat center; background-size:14px 14px; } 
 .main-title { font-size: 20px; margin-bottom:20px } 
 .main-promotion, .main-videoLecture, .main-teacher, .main-map { /*margin-top: 60px; */ } 
 .main-map { width: 100%; margin-bottom:32px; } 
 .main-map .map-cont, .main-map2 .map-cont { height:347px; border-radius: 12px; overflow: hidden; } 
 .main-map-list .map-cont, .main-map2 .main-map-list .map-cont { height:347px; } 
 .main-map .map-control { right:32px; } 
 .main-map .map-list .map-control { right:16px; } 
 #main .main-map-list .more, #main.main-container2 .main-map-list .more { top:0; right: 0; } 
 .main-map-list { padding:0; border:none; } 
 .main-map-list .map-wrap { margin-left:0; } 
 .main-map-list .map-wrap .map-list { float:none; width:100%; padding-left:0; } 
 .map-control .btns .map_btn1 { background: url(/images/ico_map_view1_2x.png) no-repeat center; background-size:17px 24px; background-color: #5698F7; } 
 .map-control .btns .map_btn2 { background: url(/images/ico_map_view2_2x.png) no-repeat center; background-size:17px 24px; background-color: #5698F7; } 
 .main-live-lecture { /*margin-top: 40px; */ } 
 .main-live-lecture .live_lecure { max-width: 100%; } 
 .promo-cont img { max-width: 100%; } 
 .main-promotion .promo-cont > li { width:100%; margin-bottom:16px; } 
 .main-promotion .promo-cont > li:last-child { margin-bottom:0; } 
 .main-videoLecture .lecture-list li { width:100%; height: 127px; } 
 .main-teacher .teacher-list li { width:50%; } 
 .sub-map .map-list { margin-bottom:16px; } 
 .map-frame .map-cont { height:310px; } 
 .bnr-text .price { margin-top: 12px; font-size: 8px; } 
 .bnr-text .price span { font-size: 12px; } 

 /* component */
 .likeBtn { right: 16px; } 
 .board-btns button { padding: 14px 18px; } 
 .board-btns .page-btns button::after { top: 18.5px; } 
 .pageBack { margin: 40px auto; } 
 .lecture-file-list { margin: 16px 0; } 
 .file-input-wrap { margin-top: 16px; } 
 .file-input-wrap .file-txt { margin-top: 16px; } 
 .file-input-wrap .file-input-list { margin: 16px 0; } 
 .selectBoxA, .selectBoxB { background: url(/images/ico_arrow_bottm_2x.png) no-repeat right 12px center; background-size: 12px 8px; } 

 /* 강사 */
 .teacher-list { margin-left: -10px; } 
 .teacher-list li { width: 50%; } 
 .teacher-list li { padding: 0 0 16px 10px; } 
 .teacher-list li a { padding: 24px; } 
 .teacher-list li .subject { font-size:16px; } 
 .teacher-list li .title { margin-top: 4px; font-size:13px; } 
 .teacher-detail-top .teacher-info-txt { padding-top: 8px; } 
 .teacher-detail-top .teacher-info-txt .subject { font-size: 18px; } 
 .teacher-detail-top .teacher-info-txt .title span, .teacher-detail-top .teacher-info-txt .title sub { font-size: 14px; } 
 .teacher-detail-top .pagination { top: 36px; } 
 .teacher-detail-top .pagination button { width: 40px; height: 40px; } 
 .teacher-detail-top .pagination button span { width: 8px; height: 14px; } 
 .teacher-detail-top .pagination .prev span { background: url("/images/ico_arrow_left_md_2x.png") no-repeat center; background-size:8.5px 13px; } 
 .teacher-detail-top .pagination .next span { background: url("/images/ico_arrow_right_md_2x.png") no-repeat center; background-size:8.5px 13px; } 

 .lecture-list li > a { padding: 16px; } 
 .lecture-list .tch-profile-img { left: 16px; } 
 .lecture-list .lecture-info .t { font-size: 13px; } 
 .lecture-list .lecture-info .title { font-size: 16px; } 
 .lecture-list .lecture-info .s { font-size: 12px; } 
 .lecture-list .lecture-info { padding: 0 48px 0 96px; } 

 /* 강사 리스트타입2 */
 .teacher-list-type2 { margin-bottom: 0; border-bottom: none; } 
 .teacher-list-type2 > li .tch-profile-text { position: absolute; top: 0; left: 0; padding: 16px 0 0 16px; } 
 .teacher-list-type2 > li .tch-career { display: none; } 
 .teacher-list-type2 > li .subject { margin-bottom: 4px; font-size: 15px; } 
 .teacher-list-type2 > li .title i { vertical-align: middle; } 
 .teacher-list-type2 > li .title span { margin-right: 2px; font-size: 11px; } 
 .teacher-list-type2 > li .title sub { font-size: 11px; } 
 .teacher-list-type2 > li a { display: block; } 
 .teacher-list-type2 > li a:hover img { width: 132px; } 
 .teacher-list-type2 > li figure { width: 100%; } 
 .teacher-list-type2 > li figure img { width: 132px; } 

 /* 강사 상세 타입2 */
 .teacher-detail-top-type2 { padding: 32px 16px; } 
 .teacher-detail-top-type2 .pagination { bottom: 45px; left: 16px; } 
 .teacher-detail-top-type2 .teacher-info-txt .title i { vertical-align: middle; } 
 .teacher-detail-top-type2 .pagination .prev span { background: url("/images/ico_arrow_left_md_2x.png") no-repeat center; background-size:8.5px 13px; } 
 .teacher-detail-top-type2 .pagination .next span { background: url("/images/ico_arrow_right_md_2x.png") no-repeat center; background-size:8.5px 13px; } 

 .lecture-video-info .lecture-info .t { font-size: 13px; } 
 .lecture-video-info .lecture-info .title { font-size: 16px; } 
 .lecture-video-info .lecture-info .s { font-size: 12px; } 
 .sub-lecture-detail-contents .tab-box-b { margin-bottom: 16px; } 
 .sub-lecture-detail-contents .tab-box-b .tab-list { max-width: 100%; } 
 .sub-lecture-detail-contents .tab-box-b .tab-list li { width: 50%; } 
 .assignment-title h3 { font-size: 18px; } 
 .lecture-qna .select-opt .myQnA { margin-left:10px; } 
 .qna-set-box { right: 32px; } 
 .qna-set-box::before { right: -13px; left: inherit; background: url("/images/bubble_top_mobile.png") no-repeat top center; } 
 #logo .campus span { position: relative; top: 1px; max-width: 100px; height: 23px; line-height: 22px; padding: 0px 6px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: sub; } 
 /* .paging .prev span { background: url("/images/ico_pagination-prev_2x.png") no-repeat 0 0; background-size:10.5px 18px; } 
 .paging .next span { background: url("/images/ico_pagination-next_2x.png") no-repeat 0 0; background-size:10.5px 18px; } */
 .bnr-notice .bnr-cate i { width: 23px; height: 23px; background: url("/images/ico_mainbanner_notice_title_2x.png") no-repeat 0 0; background-size:23px 22.5px; } 
 .bnr-reserv .bnr-cate i { width: 26px; height: 22px; background: url("/images/ico_mainbanner_reservation_title_2x.png") no-repeat 0 0; background-size:26px 21.5px; } 
 .bnr-schedule .bnr-cate i { width: 28px; height: 28px; background: url("/images/ico_mainbanner_schedule_title_2x.png") no-repeat 0 0; background-size:24px 28px; } 
 .bnr-notice-B .bnr-img .default-img { display:block; width:108px; height:71px; background:url("/images/ico_mainbanner_notice_2x.png") no-repeat 0 0; background-size:108px 71px; } 
 .bnr-reserv-B .bnr-img .default-img { display:block; width:95px; height:91px; background:url("/images/ico_mainbanner_reservation_2x.png") no-repeat 0 0; background-size:95px 91px; } 
 .bnr-schedule-B .bnr-img .default-img { display:block; width:92px; height:104px; background:url("/images/ico_mainbanner_schedule_2x.png") no-repeat 0 0; background-size:92px 104px; } 
 .bnr-notice-B a::after, .bnr-reserv-B a::after, .bnr-schedule a::after { display:none; } 
 .pageBack i { display: block; width: 15px; height: 12px; margin: 0 auto; background: url("/images/ico_arrow_left_white_2x.png") no-repeat 0 0; background-size:14px 12px; } 
 i.rightArrow-round { background: url(/images/ico_rightArrow_round_2x.png) no-repeat 0 0; background-size:16px 16px; } 
 i.close-round { background: url(/images/ico_close_round_2x.png) no-repeat; background-size:16px 16px; } 
 .file-input-img label span { background: url(/images/icon_input-img_2x.png) no-repeat 0 0; background-size:36px 36.5px; } 
 .file-input-etc label span { background: url(/images/icon_input-file_2x.png) no-repeat 0 0; background-size:36px 36.5px; } 
 .file-del { width: 17px; height: 17px; background: url(/images/icon_close_round_2x.png) no-repeat 0 0; background-size:17px 17.5px } 
 .sub-my-qa-list .qa-lecture-title::before { background: url(/images/ico_triangle_2x.png) no-repeat center; background-size:4.5px 6px; background-color: #000; background-color: var(--theme-color); } 
 .modal-close { background: url(/images/ico_close_2x.png) no-repeat; background-size:17.5px 17.5px; } 

 /* 동영상 강의 */
 .lecture-video.video-typeB .lecture-url span { background: url(/images/icon_play_2x.png) no-repeat left center; background-size: 12px 14px; } 

 /* 출결 */
 .sub-attendance-calender #calendar .fc-daygrid-event-harness a { width:6px; height:6px; margin-left:5px; } 
 .sub-attendance-calender #calendar .fc-daygrid-event-harness:first-child a { margin-left:10px; } 

 /* 브랜드 소개
 **********************************************/
 /* 공통 */
 .sub-brand .brand-bg .por { height: 360px; } 
 .sub-brand .info-text-group { padding: 30px 18px; } 
 .sub-brand .info-text-group .info-title p { font-size: 16px; } 
 .sub-brand .info-text-group .info-text-cont { font-size: 13px; } 
 .sub-brand .info-text-group .info-text-box { padding: 16px; font-size: 13px; } 

 /* 미래탐구 브랜드 소개 */
 .brand-miraeAcademy .info-text-group .info-title { display: block; } 
 .brand-miraeAcademy .info-text-group .info-title p { width: 100%; } 
 .brand-miraeAcademy .brand-bg .por .slogan p { font-size: 24px; } 
 .brand-miraeAcademy .brand-bg .por .slogan { margin-left: -156px; } 

 /* 소마 브랜드 소개 */
 .brand-soma .brand-bg .por .slogan { top: 144px; left: 30px; } 
 .brand-soma .brand-bg .por .slogan p { font-size: 24px; } 

 /* 하이스트 브랜드 소개 */
 .brand-highest .brand-bg .por .slogan { left: 30px; } 
 .brand-highest .brand-bg .por .slogan p { word-break: keep-all; line-height: 26px; } 

 /* 학림 브랜드 소개 */
 .brand-hakrim .brand-bg .por .slogan { top: 110px; left: 30px; } 


 /* 학습프로그램
 **********************************************/
 /* 공통 */
 .sub-learning-program .program-title p { font-size: 19px; line-height: 26px; } 
 .sub-learning-program .program-title p .line::after { height: 12px; } 
 .sub-learning-program .program-cont-wrap h3 { margin-bottom: 32px; } 
 .sub-learning-program .program-title { margin-bottom: 32px; } 

 /* 소마 학습 프로그램 */
 .soma-program1 > ul > li { display: block; margin-bottom: 48px; } 
 .soma-program1 .left { margin-bottom: 16px; } 
 .soma-program1 .right p i { display: block; margin-left: 0; } 
 .soma-program2 > ul > li { margin-bottom: 30px; } 
 .soma-program2 > ul > li p span { font-size: 14px; } 

 /* 하이스트 학습 프로그램 */
 .highest-program1 > ul > li { display: block; margin-bottom: 32px; } 
 .highest-program1 .left { display: none; } 

 /* 뉴스터디 학습 프로그램 */
 .newstudy-program1 > ul > li { display: block; margin-bottom: 32px; } 
 .newstudy-program1 .left { margin-bottom: 16px; } 
 .newstudy-ss .img-box { display: block; } 
 .newstudy-ss .img-box > ul { display: flex; justify-content: center; margin-bottom: 8px; } 

 /* 미래탐구 입시실적 */
 .performance-miraeAcademy .box { margin-top:-10px; flex-direction:column; } 
 .performance-miraeAcademy .box .item { width:100%; margin-top: 10px; } 
 .performance-miraeAcademy .head h4 { font-size: 35px; } 
 .performance-miraeAcademy .contain { padding:20px 20px 30px; } 
 .performance-miraeAcademy .contain .clear_year .year { font-size: 16px; } 
 .performance-miraeAcademy .contain .clear_year .right { font-size: 13px; } 
 .performance-miraeAcademy .contain ul li:first-child { margin-top: 20px; } 
 .performance-miraeAcademy .contain ul li .left { font-size: 16px; } 
 .performance-miraeAcademy .contain ul li .right { font-size: 16px; } 
 .performance-miraeAcademy .contain .clear_total .number { font-size: 21px; } 
 .performance-miraeAcademy .contain .clear_total .total { font-size: 21px; } 
 .performance-miraeAcademy .item .head { height: 190px; padding:44px 50px 0; } 
 .performance-miraeAcademy .head .progress { margin-top: 32px; } 

 /* 음원
 **********************************************/
 .sub-sound .book_list .clear figure { display: block; margin:0 auto; } 
 .sub-sound .book_list .clear figure img { margin:0 auto; } 
 .sub-sound .book_list .clear figure a { margin-bottom: 40px; } 
 .sub-sound .book_list .clear i.bar { display: none; } 
 .sub-sound .mp3 >li >a { font-size: 13px; } 
 .sub-sound .sound_list .target { margin-top: 68px; } 
 .sub-sound .sound_list .target .box { padding:20px; } 
 .sub-sound .sound_list .target .box .img { position: inherit; left: inherit; top:inherit; } 
 .sub-sound .sound_list .target .box .title { margin-top: 20px; } 
 .sub-sound .sound_list .target .list { height:inherit !important; margin: 22px 0 0 0; } 
 .sub-sound .sound_list .target .list li { width: 100%; margin-left: 0; } 
 .sub-sound .sound_list .target .list li.line >a { border-top:none; } 
 .sub-sound .sound_list .target .list li >a { padding:0 33px 0 110px; } 
 .sub-sound .sound_list .target .list li >a .play { left:45px; } 
 .sub-sound .sound_list .target .list li >a .play.play_stop { left:69px; } 
 .sub-sound .sound_list .target .list li >a .icon { right:19px; } 
 .sub-sound .mp3 li ul { left:12px; top:69px; z-index: 10; width:100%; transform:none; } 
 .sub-sound .mp3 li ul::after { content:''; display:block; position:absolute; right:9px; top:15px; width:10px; height:6px; background: url(/images/ico_arrow_mo.png) no-repeat; background-size:10px 100px; } 
 .sub-sound .mp3 li ul li { float: inherit; margin: 0; text-align: left; background: #F5F5F5; cursor: pointer; border-radius:4px; } 
 .sub-sound .mp3 li ul li a { display:none; padding:8px 12px; font-size: 12px; font-weight:normal; text-align: left; border-radius:0; } 
 .sub-sound .mp3 li ul li a.active { display: inline-block; color:#000; border:none; background: #F5F5F5; border-radius:4px; } 
 .sub-sound .mp3 li ul.blind { top:69px; } 
 .sub-sound .mp3 li ul.blind::after { background-position: 0 -94px; } 
 .sub-sound .mp3 li ul.blind li a { display: block; } 
 
  /* 메인 스킨 리뉴얼 - 2025
 **********************************************/
 .card-banner-wrap.card-grid { grid-template-columns: repeat(1, 1fr); }
 .card-banner-wrap .card { height: 110px; overflow: unset; }
 .card a .ico_card_arrow { display: none; }
 .card-banner-wrap .card a { padding: 38px 16px; background-position: calc(100% - 16px) center !important; z-index: 1; }
 .card-banner-wrap .card-circle { display: none !important; }
 .card-banner-wrap .card .cnt { position: absolute; right: -10px; top: -10px; }
 .gate-mirae-rnw.gate-mirae .gate-contents { align-items: start; }
 #mswitchGate .gate-mirae-rnw .gate-wrap { padding-bottom: 0 !important; }

 /* 메인 스킨2
 **********************************************/
 #main .main-contents { padding-top: 16px; } 
 .main-banner2 { max-height: 196px; margin-bottom: 16px; } 
 .main-banner2 .swiper-slide img { max-height: 196px; } 
 /*.main-banner2 .swiper-slide img.bnr_pc { display: none; } */
 .main-banner2 .swiper-slide img.bnr_mobile { display: block; } 
 .subject-list li { height: 107px; flex: 1 1 30%; } 
 .subject-list li:nth-child(7n) { margin-right:10px; } 
 .subject-list li:nth-child(3n), .subject-list li:last-child { margin-right: 0; } 
 .subject-list li .subject b { font-size: 15px; } 
 .subject-list li span { position: relative; top: -4px; font-size: 11px; } 
 .subject-list li a { padding:16px; background-position: right 16px bottom 16px; } 
 .subject-list li .subject i.new { vertical-align: text-bottom; } 
 .subject-list li.subject-korean a { background-image: url("/images/ico_subject_korean_2x.png"); background-size: 29px; } 
 .subject-list li.subject-math a { background-image: url("/images/ico_subject_math_2x.png"); background-size: 38px; } 
 .subject-list li.subject-english a { background-image: url("/images/ico_subject_english_2x.png"); background-size: 24px; } 
 .subject-list li.subject-social a { background-image: url("/images/ico_subject_social_2x.png"); background-size: 24px; } 
 .subject-list li.subject-science a { background-image: url("/images/ico_subject_science_2x.png"); background-size: 28px; } 
 .subject-list li.subject-essay a { background-image: url("/images/ico_subject_essay_2x.png"); background-size: 28px; } 
 .subject-list li.subject-etc a { background-image: url("/images/ico_subject_etc_2x.png"); background-size: 32px; } 

 /* 메인 스킨 4 */
 .main-subject-grade .subject-list li:nth-child(7n+1) a { background-image: url("/images/ico_subject_korean_2x.png"); background-size: 29px; } 
 .main-subject-grade .subject-list li:nth-child(7n+2) a { background-image: url("/images/ico_subject_math_2x.png"); background-size: 38px; } 
 .main-subject-grade .subject-list li:nth-child(7n+3) a { background-image: url("/images/ico_subject_english_2x.png"); background-size: 24px; } 
 .main-subject-grade .subject-list li:nth-child(7n+4) a { background-image: url("/images/ico_subject_social_2x.png"); background-size: 24px; } 
 .main-subject-grade .subject-list li:nth-child(7n+5) a { background-image: url("/images/ico_subject_science_2x.png"); background-size: 28px; } 
 .main-subject-grade .subject-list li:nth-child(7n+6) a { background-image: url("/images/ico_subject_essay_2x.png"); background-size: 28px; } 
 .main-subject-grade .subject-list li:nth-child(7n+7) a { background-image: url("/images/ico_subject_etc_2x.png"); background-size: 32px; } 

 .main-live-lecture2 { margin: 0 0 24px; } 
 .main-notice2 { display: block; margin-top: 22px; } 
 .main-notice2 .notice-banner-left { width: 100%; } 
 .main-notice2 .notice-board-right { width: 100%; margin-top: 32px; } 
 .main-notice2 .notice-banner-left .card-bnr-fix > div a { background: none !important; } 
 .card-bnr-slide { width: 166px; height: 221px; } 
 .main-notice2 .notice-banner-left .card-bnr-fix > div { height: 106px; padding: 16px; } 
 .main-notice2 .notice-banner-left .card-bnr-fix > div strong { font-size: 14px; } 
 .main-notice2 .notice-banner-left .card-bnr-fix > div span { font-size: 12px; } 
 .main-notice2 .notice-banner-left .card-bnr-fix .card-schedule, .main-notice2 .notice-banner-left .card-bnr-fix .card-lecturer { margin-bottom: 8px; } 
 .card-bnr-slide .swiper-control { bottom: 20px; left: 20px; } 
 .card-bnr-slide .swiper-control .swiper-pagination { position: relative; bottom: 0px; margin-bottom: 0; } 
 .card-bnr-slide .swiper-control .swiper-button-wrap { display: none; } 

 .card-bnr-slide .swiper-slide { width: auto; height: 221px; } 
 .cardBnr-list .bnr-text { padding: 20px 20px 0; } 
 .cardBnr-list .bnr-cate { margin-bottom: 8px; } 
 .cardBnr-list .bnr-cate i { display: inline-block; vertical-align: middle; float: none; } 
 .cardBnr-list.bnr-schedule .bnr-cate i { width: 22px; height: 18px; background: url("/images/ico_mainbanner_reservation_title_mobile_2x.png") no-repeat 0 0; background-size: 22px 18px; } 
 .cardBnr-list.bnr-notice .bnr-cate i { width: 22px; height: 18px; background: url("/images/ico_mainbanner_reservation_title_mobile_2x.png") no-repeat 0 0; background-size: 22px 18px; } 
 .cardBnr-list.bnr-reserv .bnr-cate i { width: 22px; height: 18px; background: url("/images/ico_mainbanner_reservation_title_mobile_2x.png") no-repeat 0 0; background-size: 22px 18px; } 
 .cardBnr-list .bnr-cate span { position: inherit; display: inline-block; vertical-align: middle; font-size: 11px; } 
 .cardBnr-list .bnr-title { height: 32px; font-size: 14px; } 
 .cardBnr-list .bnr-img { width: 100%; height: 94px; } 
 .cardBnr-list.bnr-reserv-B .bnr-img .default-img { right: 10px; bottom: 20px; width: 57px; height: 55px; background: url("/images/ico_mainbanner_reservation_mobile_2x.png") no-repeat 0 0; background-size: 57px 55px; } 
 .cardBnr-list.bnr-reserv-A { border-radius: 0 0 8px 8px; overflow: hidden; } 
 .cardBnr-list.bnr-reserv-A .bnr-img img { min-height: 94px; } 

 .cardBnr-list.bnr-schedule-txt .bnr-img .default-img { right: 10px; bottom: 20px; width:56px; height:63px; background:url("/images/ico_mainbanner_schedule_mobile_2x.png") no-repeat 0 0; background-size:56px 63px; } 
 .cardBnr-list.bnr-notice-txt .bnr-img .default-img { right: 10px; bottom: 20px; width:64px; height:42px; background:url("/images/ico_mainbanner_notice_mobile_2x.png") no-repeat 0 0; background-size:64px 42px; } 
 .cardBnr-list.bnr-schedule .schedule-schyear { display: inline-block; font-size: 10px; } 
 .cardBnr-list.bnr-schedule .schedule-open-date { display: inline-block; position: inherit; margin-top: 8px; float: right; font-size: 10px; } 
 .cardBnr-list .bnr-text .date { font-size: 10px; } 
 .bnr-notice-txt a::after, .bnr-schedule-txt a::after { display:none; } 

 i.new { width: 18px; height: 18px; background: url("/images/ico_new_2x.png") no-repeat top 4px center; background-size: 8px; background-color: #383838; background-color: var(--theme-color); } 
 i.new2 { width: 22px; height: 22px; background: url("/images/ico_new2_2x.png") no-repeat top 2px center; background-size: 18px; background-color: #383838; background-color: var(--theme-color); } 
 .board-list li a { padding: 16px 0; } 
 .board-list li .subject { font-size: 14px; } 
 .board-list li .subject strong { max-width: 90%; } 
 .board-list li .subject span + strong { max-width:75%; } 
 .board-list li .subject span { vertical-align: top; } 
 .main-board-contents .board-list { height:auto; } 
 .main-board-contents .board-list li { height:55px; } 
 .main-board-contents .board-list li .subject span + strong { max-width: 60%; } 
 .main-board-contents .board-list li .subject strong { max-width: 70%; } 
 .main-board-contents .board-list li .subject i.new { vertical-align: middle; } 
 #main.main-container2 { padding-bottom: 32px; } 
 .sub-schedule-list .board-list li .subject strong { vertical-align: middle; } 
.campus-nm-wrap .campus-nm .campus-nm-tit { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 112px; }
.campus-nm-wrap .campus-nm .campus-nm-tit.ver-gate { max-width: 160px; }
 .campus-nm-wrap .campus-nm-list { left: -114px; top: 46px; }

 /* 탭 게시판 카드 스킨 */
 /*.main-notice3.card-skin .inner { padding: 0 16px; } */

 /* 게이트웨이 공통
 **********************************************/
 #mswitchGate { height: auto; } 
 #mswitchGate .gate-wrap { padding-bottom: 100px; } 
 #mswitchGate .logo-pc { display: none; } 
 #mswitchGate .logo-mobile { display: inline-block; } 
 .gate-logo { padding-top: 20px; } 
 .brand-slogan { margin-top: 40px; font-size: 40px; line-height: 114%; } 
 .brand-slogan .typing { height: 45px; } 
 .brand-slogan .typing .text { height: 45px; vertical-align: top; } 
 #caret, #caret2, #caret3, #caret4, #caret5 { top:4px; height: 38px; } 
 .gate-list-wrap { margin-top: 157px; /* margin-top: 32px; */ } 
 .gate-list { margin-left: 0; } 
 .gate-list > li.gate { width: 100%; padding-bottom: 16px; } 
 .gate-list > li.gate:last-child { padding-bottom: 0; } 
 .gate-list > li.gate > a { margin-bottom: 0; padding-left: 0; } 
 .gate-list > li.gate > a > div { height: auto; padding: 20px; } 
 .gate-list > li.gate > a h3 { font-size: 20px; } 
 .gate-list > li.gate > a span { margin-top: 7px; font-size: 16px; } 
 .gate-list > li.gate > a i.arrowRound { right: 24px; bottom: 50%; margin-bottom: -18px; } 
 .gate-list > li.focus { display: none; } 
 .gate-footer { position: relative; margin-top:16px; padding:0; } 
 .gate-footer .addr span { display: block; margin-bottom:8px; } 
 .gate-footer .addr span::before { margin-left: 0; } 
 .gate-list > li.gate.gate_mirae_main a::after { right: 60px; width: 67px; height: 95px; }


 /* 게이트 - 미래탐구 */
 .gate-mirae .gate-contents { padding-bottom: 0; } 
 .gate-mirae .logo-mobile { width:102px; height:58px; background:url("/images/gate_mirae_logo_mobile_2x.png") no-repeat; background-size:102px 58px; vertical-align: middle; } 
 .gate-mirae .gate-logo > span { display: block; top: 0; margin-top: 5px; margin-left: 0; } 
 .gate-mirae .campus-nm { font-size: 13px; padding: 1px 8px 1px 7px; } 
 .gate-mirae .gate-graphic { top: 0; right: 0; width: 100%; height: 100%; background: url("/images/gate_mirae_bg_mobile_2x.png") no-repeat right top 224px; background-size: 327px 265px; } 
 .gate-mirae .gate-graphic img { display: none; } 
 .gate-mirae .gate-list > li.gate { width: 100%; } 
 .gate-mirae .gate-footer { position: relative; bottom: 0; } 

 /* 게이트 - 소마 & 미래탐구 */
 .gate-miraehist .logo-mobile { width:102px; height:58px; background:url("/images/gate_mirae_logo_mobile_2x.png") no-repeat; background-size:102px 58px; vertical-align: middle; } 
 .gate-miraehist .brand-wrap .brand-slogan.line { display: none; } 
 .gate-miraehist .brand-wrap .focus { display: none; } 
 .gate-miraehist .brand-wrap { display: block; } 
 .gate-miraehist .gate-graphic { position: absolute; top: 214px; left: 46px; width: 100%; } 
 .gate-miraehist .gate-list { display: block; } 
 .gate-miraehist .gate-list > li.gate > a > div { width: 100%; } 
 .gate-miraehist .gate-list-wrap { margin-top: 40px; width: 100%; } 
 .gate-miraehist .gate-graphic { top: -58px; right: 0; width: 100%; height: 100%; background: url(/images/gate_mirae_bg_mobile_2x.png) no-repeat right top 224px; background-size: 327px 265px; } 
 .gate-miraehist .gate-graphic img { display: none; } 
 .gate-miraehist .brand-wrap .brand-slogan img.shape-x { margin-right: 36px; } 

 /* 게이트 소마 & 하이스트 */
 .gate-somahist { background: linear-gradient(30deg, rgba(105,169,82,1) 0%, rgba(144,168,77,1) 21%, rgba(231,166,66,1) 39%, rgba(223,62,55,1) 63%, rgba(221,37,52,1) 100%); background-size: cover; background-position: left top; height: auto; } 
 .gate-somahist .gate-box { padding-bottom: 0; } 
 .gate-somahist .gate-box .gate-list-box { flex-direction: column; } 
 .gate-somahist .gate-box .gate-list-box .gate-item { width: 100%; max-width: 400px; } 
 .gate-somahist .gate-item .gate-list > li.gate { width: 100%; } 
 .gate-somahist .gate-item .gate-list-wrap li { margin-bottom: 0; } 
 .gate-somahist .gate-item .gate-logo a img { max-width: none; } 
 .gate-somahist .gate-item .gate-logo > span { width: 100%; margin: 0 !important; } 
 .gate-somahist .gate-item .brand-slogan { font-size: 38px; } 
 .gate-somahist .gate-item .brand-slogan .typing { height: 45px; position: relative; z-index: 3; } 

 .gate-somahist .soma-gate.gate-item { order: 2; } 
 .gate-somahist .highest-gate.gate-item { order: 1; } 

 .gate-somahist .soma-gate.gate-item .gate-logo { margin-top: 97px; } 
 .gate-somahist .soma-gate.gate-item .gate-list-wrap { margin-top: 224px; } 
 .gate-somahist .soma-gate.gate-item .gate-graphic { z-index: 0; left: 58%; transform: translateX(-50%); margin-top: 0px; z-index: 2; } 
 .gate-somahist .soma-gate.gate-item .gate-graphic img { min-width: 143px; max-width: none; } 
 .gate-somahist .soma-gate.gate-item #caret2 { top: 5px; } 

 .gate-somahist .highest-gate.gate-item .logo-mobile { width: 147px; height: 52px; } 

 .gate-somahist .soma-gate.gate-item .logo-mobile { width: 105px; height: 24px; } 
 .gate-somahist .highest-gate.gate-item .gate-list-wrap { margin-top: 69%; } 
 .gate-somahist .highest-gate.gate-item .gate-graphic { left: initial; margin-top: -130px; width: 198%; /* transform: translateX(-50%); */right: -22%; } 

 .gate-somahist .gate-footer { position: relative; bottom: 0; margin-top: 32px; } 

 /* 게이트 소마 & 미래탐구 */
 .gate-somamirae { background: linear-gradient(28.61deg, #FABE65 19.8%, #DD962B 30.54%, #44C47B 46.46%, #1FB46E 61.9%); } 
 .gate-somamirae .gate-box { padding-bottom: 0; } 
 .gate-somamirae .gate-box .gate-list-box { flex-direction: column; } 
 .gate-somamirae .gate-box .gate-list-box .gate-item { width: 100%; max-width:400px; } 
 .gate-somamirae .gate-item .gate-list > li.gate { width: 100%; } 
 .gate-somamirae .gate-item .gate-list-wrap li { margin-bottom: 0; } 
 .gate-somamirae .gate-item .gate-logo a img { max-width: none; } 
 .gate-somamirae .gate-item .gate-logo > span { width: 100%; margin: 0 !important; } 
 .gate-somamirae .gate-item .brand-slogan { font-size: 38px; } 
 .gate-somamirae .gate-item .brand-slogan .typing { height: 45px; position: relative; z-index: 3; } 

 .gate-somamirae .soma-gate.gate-item { order: 2; } 
 .gate-somamirae .mirae-gate.gate-item { order: 1; } 

 .gate-somamirae .soma-gate.gate-item .gate-logo { margin-top: 97px; } 
 .gate-somamirae .soma-gate.gate-item .gate-list-wrap { margin-top: 224px; } 
 .gate-somamirae .soma-gate.gate-item .gate-graphic { z-index: 0; left: 58%; transform: translateX(-50%); margin-top: 0px; z-index: 2; } 
 .gate-somamirae .soma-gate.gate-item .gate-graphic img { min-width: 143px; max-width: none; } 
 .gate-somamirae .soma-gate.gate-item #caret2 { top: 5px; } 

 .gate-somamirae .mirae-gate.gate-item .logo-mobile { width: 95px; height: 54px; } 

 .gate-somamirae .soma-gate.gate-item .logo-mobile { width: 105px; height: 24px; } 
 .gate-somamirae .mirae-gate.gate-item .gate-list-wrap { margin-top: 294px; } 
 .gate-somamirae .mirae-gate.gate-item .gate-graphic { margin-top: -130px; width: 139%; transform: translateX(-50%); left: 60%; max-width:650px; } 

.gate-somamirae .gate-footer { position: relative; bottom: 0; margin-top: 32px; } 

 #imgPop img { max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } 
 .m-bookmall-pop.active { display: block; } 



 /* 공지 3개 */
 #main.main-container2 .main-notice4 .inner { padding: 0; } 

 .main-notice4.notice33 .main-notice-wrap { flex-direction: column; } 
 .main-notice4 .notice-board33 { padding-left: 0; margin-bottom: 32px; } 
 .main-notice4 .notice-board33:last-child { margin-bottom: 0; } 
 #main .main-notice4 .main-title + .more { right: 0; } 


 /* 異붽� 寃뚯떆�뙋 */
 .container.n_board .aside-inner-md { max-width: 100%; margin-left: auto; } 
 .n_aside { display: none; } 
 .board-gallery-type1 > li { width: 50%; } 



 /* 테이블 게시판(커뮤니티) */
 .htable-wrap { border-bottom: 1px solid #eee; } 
 .htable-wrap .thead, .htable-wrap .tbody > ul > li.cell-no, .htable-wrap .tbody > ul > li.cell-date, .htable-wrap .tbody > ul > li.cell-view,.htable-wrap .tbody > ul > li.cell-like { display: none; } 
 .htable-wrap .tbody > ul { flex-wrap: wrap; height: auto; padding: 12px 8px; } 
 .htable-wrap .tbody > ul > li { width: auto !important; } 
 .htable-wrap .tbody > ul > li.cell-no .notice { margin-right: 8px; } 
 .htable-wrap .tbody > ul > li.cell-no .notice, .htable-wrap .tbody > ul > li.cell-cate .cate { margin-bottom: 6px; } 
 .htable-wrap .tbody > ul > li.cell-subject { width: 100% !important; } 
 .htable-wrap .tbody > ul > li.cell-subject a { padding-left:0; width: auto; display: inline-block; max-width: calc(100% - 40px); } 
 .htable-wrap .tbody > ul > li.cell-subject .flag.new { margin-top: -2px; } 
 .htable-wrap .tbody > ul > li.cell-cate { } 
 .htable-wrap .tbody > ul > li.cell-cate .cate { display: block; max-width: 200px; height: 24px; line-height: 21px; margin-right: 8px; padding: 0 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.38); font-weight: bold; text-align: center; font-size: 12px; color: rgba(0, 0, 0, 0.38); } 
 .htable-wrap .tbody > ul > li.cell-cate .cate.none { display:none; } 
 .htable-wrap .tbody > ul > li.cell-name { margin-top: 4px; } 
 .htable-wrap .tbody > ul > li.cell-url { position: absolute; bottom: 12px; right: 8px; } 

 .htable-wrap .tbody > ul.bo-notice > li.cell-cate .cate { border-color: #383838; border-color: var(--theme-color); color: #383838; color: var(--theme-color); } 
 .htable-wrap .tbody > ul.bo-notice li.cell-no { display: inline-flex; } 


 /* 학습관리 성적표 */
 .ttable.pc-table { display: none; } 
 .ttable.mo-table { display: table; } 
 .ttable td { padding: 12px; } 


 /* 221004 수정 */
 /* 개인정보 수정 */
 .mb-info { padding: 0; } 
 .mb-marketing { word-break: keep-all; } 
 .mb-marketing .checkboxA { display: flex; } 


 /* modal */
 .modal-wrap2 .title-box { padding: 0 16px; } 
 .modal-wrap2 .cont-box { padding: 0 16px; } 
 .modal-wrap2 .id-card > p .btn.btn-line-gray { margin-left: 8px; } 


 /* modal pagenation */
 .pagination-wrap2 { border: none; background-color: transparent; } 
 .pagination-wrap2 .paging { display: flex; justify-content: space-between; } 
 .pagination-wrap2 .paging .paging-num { margin: 9px 0; } 
 .pagination-wrap2 .paging .paging-num a { padding: 0; width: auto; } 
 .pagination-wrap2 .paging .paging-num .page { display: none; } 
 .pagination-wrap2 .paging .paging-num .now-num, .pagination-wrap2 .paging .paging-num .last-num { display: inline-block; font-size: 16px; } 
 .pagination-wrap2 .paging .paging-num .now-num { font-weight: 700; color: var(--theme-color); } 
 .pagination-wrap2 .paging .paging-num .last-num::before { content: "/"; display: inline-block; margin: 0 7px 0 5px; font-size: 12px; position: relative; top: -1px; } 
 .pagination-wrap2 .paging button.first-btn, .pagination-wrap2 .paging button.last-btn { display: none; } 
 .pagination-wrap2 .paging button.prev-btn { background: url(/images/ico_page_prev_2x.png) no-repeat center / 11px 18px; } 
 .pagination-wrap2 .paging button.next-btn { background: url(/images/ico_page_next_2x.png) no-repeat center / 11px 18px; } 


 /* 추가 221125 */
 .paging2 { display: flex; justify-content: space-between; } 
 .paging2 > button.first, .paging2 > button.last { display: none; } 
 .paging2 .paging-num a { display: none; } 
 .paging2 .paging-num a.now-num, .paging2 .paging-num a.last-num { display: inline-block; } 
 .paging2 > button.prev { background: url(/images/ico_page_prev_2x.png) no-repeat center / 11px 18px; } 
 .paging2 > button.next { background: url(/images/ico_page_next_2x.png) no-repeat center / 11px 18px; } 
 .paging2 > button span { background: none; } 
 .paging2 .paging-num .now-num { margin-right: 0; font-weight: 700; color: var(--theme-color); } 
 .paging2 .paging-num .last-num { margin-left: 0; color: rgba(0, 0, 0, 0.78); } 
 .paging2 .paging-num .last-num::before { display: inline-block; content: '/'; margin: 0 4px 0 2px; } 
 .paging2 .paging-num .last-num:hover { font-weight: 400; color: rgba(0, 0, 0, 0.78); -webkit-text-stroke: transparent; } 
 .paging2 .paging-num .now-num:hover { -webkit-text-stroke: transparent; } 


 /* 온라인 성적입력 */
 .online-test-quest .qest-list-box table .r-wid { width: 56px; } 
 .online-test-quest .qest-list-box table .r-wid2 { width: 40px; } 

 .answer-result { height: 228px; } 
 .answer-result.complete { height:auto; padding-bottom: 82px; } 
 .answer-result.fail-2 { height: auto; padding: 16px 0; } 
 .online-test-quest .go-list { width: 93px; } 


 /* 수강예약 메인 */
 .page-move-box .btn-box .name { display: none; } 
 .page-move-box h4 { font-size: 18px; margin-top:0; } 
 .page-move-box .btn-box .btn { width: 40px; height: 40px; border-radius: 4px; padding: 0; margin-bottom:12px; } 
 .page-move-box .btn-box.right .btn { background-position: 16px center; } 
 .page-move-box .btn-box.left .btn { background-position: 14px center; } 
 .depth2-tab-box .tab-box .tab { margin:0 16px; } 
 .school-tab-box { position: relative; } 
 .school-tab-box .toggle-btn { width: 32px; height: 32px; position: absolute; right: 8px; top: 11px; border-radius: 50%; background: #fff url(/images/ico_toggle_bottom_2x.png) no-repeat center 11px / 14px 9px; border: 1px solid #d8d8d8; box-shadow: 0px 0px 1px 0px rgba(68, 68, 68, 0.21), 0px 10px 10px 0px rgba(68, 68, 68, 0.06); } 
 .school-tab-box .tab-box { flex-wrap: nowrap; overflow-x: auto; padding: 8px; display: flex; overflow-x: auto; margin-top: 10px; } 
 .school-tab-box .tab-box .tab { flex: none; padding: 0 16px; margin-bottom: 0; } 

 .schedule-board-wrap .title-box { flex: none; } 
 .schedule-board-wrap .search-box { margin-left: 16px; } 
 .schedule-board-wrap .search-box input[type=text] { width: 100%; } 

 /* 탭 토글 활성화 */
 .school-tab-box.active .tab-box { display: block; overflow-x: hidden; padding-bottom: 4px; padding-right: 46px; } 
 .school-tab-box.active .tab-box .tab { margin-bottom: 4px; float: left; } 
 .school-tab-box.active .toggle-btn { background: #fff url(/images/ico_toggle_top_2x.png) no-repeat center 10px / 14px 9px; } 
 .schedule-board-wrap .board-box { margin-top: 32px; } 

 .modal-wrap.n-modal.basic .modal-content-box { max-width: 600px; width: 90%; border-radius: 12px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
 .modal-wrap.n-modal.basic .modal-title { margin-bottom: 16px; } 
 .modal-wrap.n-modal.basic .modal-title::after { content: ''; display: block; position: absolute; left: 0; bottom: -16px; width: 100%; height: 1px; background-color: #000; } 
 .modal-wrap.n-modal.basic .modal-close { top: 19px; right: 8px; } 

 /* 강의 소개 modal */
 .lecture-intro-modal.modal-wrap.n-modal.basic .modal-content-box { max-width: 800px; } 
 .lecture-intro-modal.modal-wrap.n-modal.basic.modal-title { margin-bottom: 12px; } 
 .lecture-intro-modal.modal-wrap.n-modal.basic .modal-title::after { bottom: -12px; } 
 .lecture-intro-modal.modal-wrap.n-modal .lecture-name { font-size: 18px; color: rgba(0, 0, 0, .78); } 
 .lecture-intro-modal.modal-wrap.n-modal pre { font-family: 'Noto Sans KR', sans-serif; font-size: 14px; white-space: pre-line; margin-top: 24px; line-height: 1.6; } 

 /* 수강예약 로그인 modal */
 .reserve-login-modal.n-modal.modal-wrap .modal-content-box { padding-bottom: 20px; } 
 .reserve-login-modal.n-modal.modal-wrap .info-txt-box p { font-size: 13px; } 


 /* 수강예약 화면 */
 .schedule-reserve .apply-wrap { padding-top: 16px; } 
 .schedule-reserve .apply-wrap > .title-box h4지title { font-size: 16px; color: #000; } 
 .schedule-reserve .apply-wrap > .title-box .reference { font-size: 13px; margin-top: 1px; } 
 .schedule-reserve .apply-wrap .user-info .list:nth-child(even) { margin-left: 16px; } 
 .schedule-reserve .apply-wrap .user-info .list.r-full { width: 100%; margin-left: 0; } 

.mirae_mobile_br span:nth-child(4), .mirae_mobile_br span:nth-child(10) { height: 0 !important; } 
.mirae_mobile_br span:nth-child(4) { width:80px; } 
.gate-somamirae .gate-item .brand-slogan .typing.item1 { width: 182px; } 

 /* 230623 평가 페이지 { */
 .online-test-list .list .title-box { padding-right: 8px; } 
 .online-test-list .list .title-box .title { white-space: inherit; } 
 /* } 230623 평가 페이지 */ 
 
 .online_evaluation { padding: 0 8px 8px 8px; } 
 .oe_header { border-radius : 0 0 8px 8px; border-top:0; } 
 
 .schedule-reserve .apply-wrap .lecture-info .lecture-info-box { display: block; } 
 .schedule-reserve .apply-wrap .lecture-info .lecture-info-box .info-box { width: 100%; margin-bottom: 16px; } 
 .schedule-reserve .apply-wrap .lecture-info .lecture-info-box .infoBox2 { width: 100%; } 
 .schedule-reserve .apply-wrap .lecture-info .lecture-info-box .infoBox2 p { text-align: left; } 
 .schedule-reserve .apply-wrap .lecture-info .lecture-info-box .list.title::after { display: none; } 

 .schedule-reserve .apply-wrap .lec_title .title { font-size: 18px; } 
 .schedule-reserve .apply-wrap .lec_title.closing .sign { min-width: 48px; height: 48px; font-size: 12px; margin-left: 8px; } 
 .schedule-reserve .apply-wrap .lec_title.closing .sign::after { width: 42px; height: 42px; } 
 .sub-cont-title-box .sub-cont-title { margin-bottom: 16px; } 
 }


 @media only screen and (max-width:768px){
 .ft-menu { margin-bottom: 32px; } 
 .ft-menu-list { display: block; margin-bottom: 10px; } 
 .ft-menu .aca-search { margin-left: 0; margin-right: 24px; } 
 .ft-menu .aca-search::after { left: inherit; right: -16px; } 
 .ft-sns::before { display:none; margin-right:0; } 
 .sub-assignment-list .selectBox { width: 128px; } 
 .faq-list .question { padding: 16px; background-position: right 24px center; background-size: 14px; } 
 .faq-list > li.on .question { background-position: right 24px center; background-size: 14px; } 
 .faq-list .question::before, .faq-list .answer::before { top: 16px; left: 16px; } 
 .faq-list .question::after { top: 33px; } 
 .faq-list .answer { padding: 16px; } 
 .tab-btn-2 li { margin: 0 2px 6px 0; } 
 .tab-btn-2 li a { padding: 8px 22px; } 
 .academy-search-top { margin-bottom: 16px; } 
 .academy-search-top h2 { display: none; } 
 .academy-search-top .search-box { float: none; width: 100%; } 
 .academy-search-top .search-box .search-input { width: 100%; } 
 .search-box .search-btn { background: url(/images/ico_search_2x.png) no-repeat center center; background-size:14px; } 
 .comp-logo { float: none; } 
 .map-info { margin-top:16px; padding-left:0 } 
 .map-info::before { display: none; } 
 .map-info-top .site { top: 0; height: 88px; } 
 .map-info-top .site span { margin: 25px 0 18px; } 
 .modal-wrap .modal-content-box { width: 90%; padding: 24px; } 
 .modal-btn-list { top: 30px; right: 24px; } 
 .modal-btn-list li button { height: 40px; font-size: 14px; } 
 .modal-cont .modal-left, .modal-cont .modal-right { float: none; width: 100%; padding: 0; } 
 .modal-cont .modal-right { margin-top: 24px; } 
 .modal-qna-answer .modal-cont::before { display: none; } 
 .memeber-login { padding: 28px 0; } 
 .main-live-lecture .live_lecure .live_list > li .live_info .text { width: 80%; margin-top: 8px; } 
 .lecture-video-info .lecture-info { padding:0 48px 0 96px; } 
 .modal-child-regist .modal-content-box .modal-bottom { padding-top:24px; } 
 .modal-child-regist .modal-content-box .modal-bottom::before { bottom: 98px; } 


 /* 학원찾기 사업자 등록번호 추가 */
 .map-info, .map-info:last-child { width: calc(100% - 20px); } 
 .busi-num-box .address li span.cam-num { padding-left: 11px; display:block; } 



 /* 메인 스킨2
 **********************************************/
 .main-banner2 .swiper-button-wrap, .main-banner2 .swiper-move-wrap { display: none; } 
 .main-banner2 .swiper-control { right:19px; height: 29px; padding: 0 8px; border-radius: 8px 8px 0px 0px; } 
 .main-banner2 .swiper-pagination { line-height: 29px; } 



 /* 회원가입
 **********************************************/
 .join_layer .body { left: 0; top: 0; width: 100%; min-height: 100%; margin-left: 0; transform: translate(0, 0); } 
 .agreement-modal.join_layer .body { left: 50%; top: 50%; transform: translate(-50%, -50%); } 
 .agreement-page.join_layer .body { padding: 0 16px; } 


 /* 모달 ui 변경 */
 .modal-wrap.n-modal { background-color: #fff; overflow: auto; overflow-x: hidden; } 
 .modal-wrap.n-modal .modal-content-box { padding: 16px; max-width: 100%; width: 100%; position: relative; top: 0; left: 0; transform: none; border-radius: 0; padding-top: 20px; padding-bottom: 70px; overflow: visible; max-height: 100%; } 
 .modal-wrap.n-modal .modal-title { margin-bottom: 20px; } 
 .modal-wrap.n-modal .modal-title::after { bottom: -20px; width: 100vw; left: -16px; background-color: #d8d8d8; } 
 .modal-wrap.n-modal .modal-title h2 { font-size: 20px; color: rgba(0, 0, 0, 0.78); } 
 .modal-wrap.n-modal .agree-term { font-size: 13px; } 
 .modal-wrap.n-modal .agree-term .num { margin-left: 0; } 
 .member-sms-agree.n-modal .btn-box { margin-bottom: 70px; } 
 /* .member-sms-agree.n-modal .modal-title span { font-size: 13px; } */

 .modal-dash.modal-wrap .modal-close { top: 42px; right: 24px; } 
 .modal-dash.modal-wrap .search-box input { padding: 0 4px; } 

 .theme-qr { display:none !important; } 

 /* 온라인 평가 */
 .online_evaluation { padding: 0; } 
 .oe_header { border-radius: 0; margin-bottom: 0; position: fixed; top: 0; background: #fff; z-index: 9; width: 100%; } 
 .oe_header_top { grid-column: 2/3; border-bottom: 0; justify-content: flex-end; padding: 8px 16px 8px; padding-bottom: 0; } 
 .oe_header_tit { display:none; } 
 .oe_header_name { margin-right: 0; padding-bottom: 0; } 
 .oe_header_btn { position: initial; transform: initial; margin-left: 16px; } 
 .oe_header_timeout { grid-column: 1 / 2; grid-row: 1 / 2; min-width: 188px; padding: 8px 16px 8px; padding-bottom: 0; } 
 .oe_header_option { grid-column: 1 / 3; padding: 8px 10px 9px; width: 100%; overflow: auto; } 
 .oe_header_option_list li button { margin: 0 2px; } 
 .oe_header_option_list { padding: 0 2px; } 

 .oe_body { display: block; height: 100%; } 
 .oe_answer { max-height: 67px;; order: 1; width: 100%; position: fixed; top: 100px; } 
 .oe_answer_tit { display: none; } 

 .oe_problem { flex-direction: column; border: 0; /*padding: 14px; */ order: 2; margin-top: 157px; width: 100%; height: calc(100% - 309px); } 
 .oe_problem .oe_problem_num { height: 32px; margin-bottom: 16px; width: 60px; } 
 .oe_problem .oe_problem_num span { padding-bottom: 3px; margin-left: -1px; } 
 .oe_problem .oe_problem_content { max-width: 100%; height: 100%; padding-bottom: 40px; } 
 .oe_problem .oe_problem_content li { position: absolute; top: 0; width: 100%; height: 100%; } 
 .oe_problem .oe_problem_content img { max-width: 100%; height: 100%; } 
 .oe_problem .oe_problem_notice { width: 80%; padding: 15px 0px; bottom: 160px; } 
 .oe_problem .oe_problem_notice.save { padding: 5px 40px; } 
 .oe_problem .oe_problem_notice.answer_save { padding: 5px; } 
 .oe_problem_list li { flex-direction: column; } 
 .oe_paging { grid-column: 1 / 11; grid-row: 9 / 11; order: 3; width: 100%; position: fixed; bottom: 0; } 

 .oe_answer_marking>li { display:none; min-height: 57px; } 
 .oe_answer_marking li.current { display: block; } 
 .oe_answer_marking li.oe_answer_short div { padding: 8px 0; } 
 .oe_answer_marking li div { min-height: 57px; padding: 15px 0; } 
 .oe_answer_marking li div.oe_answer_num { min-width: 82px; justify-content: center; padding-right: 0; margin-right: 3px; } 
 .oe_answer_marking li.current a { background: #fff; } 
 .oe_answer_marking li div.oe_answer_num::before, .oe_answer_marking li.current a div.oe_answer_num::before { content: ''; display: block; width: 1px; background: #EEEEEE; min-height: 54px; position: absolute; left: 83px; border: 0; height: 54px; transform: rotate(0deg); } 

 .oe_curve_pos { left: -60%; top: 52px; } 
 
 div.answer_input { padding: 8px 10px !important; }

 /* 230619 온라인 평가시작전 */
 .oh_logo a { width: 84px; height: 48px; } 
 .oh_logo span { margin-left: 18px; padding-top: 20px; } 
 .oh_logo span::before { bottom: 3px; left: -9px; } 
 .oh_info div { padding: 8px 12px; } 
 .ob_info { margin-top: 24px; margin-bottom: 24px; } 
 .ob_info_end { border-bottom: 0; } 
 .online_test_start { padding-top: 0; padding-bottom: 0; } 
 .online_test_start a { margin-bottom:4px; } 
 .online_test_start a:last-child { margin-bottom: 0; } 

 .oh_info div span { font-size: 30px; } 
 .ob_info .ob_tit { font-size: 28px; font-weight: 700; line-height: 34px; letter-spacing: -1px; text-align: center; width: 280px; } 
 .online_body { min-height: inherit; } 
 .of_caution_list li { margin-left: 2px; } 
 .online_body .ob_taker { margin-bottom: 24px; } 
 .online_body .ob_taker li span { padding: 0 16px; } 
 .online_body .ob_taker li strong { margin-left: 24px; } 
 .online_body .ob_taker li span { min-width: 72px; } 
 .online_footer { margin-top: 54px; display: block; border-bottom: 0; padding-bottom: 24px; } 
 .of_caution { padding-top: 16px; } 
 .of_caution_list { border-top: 0; padding-top: 8px; } 
 .of_caution_list li:last-child { margin-bottom: 0; } 
 .of_caution i { margin-right: 4px; } 
 /* 온라인 평가 종료 */
 .ob_info .ob_tit_end { padding-top: 24px; width: 100%; border-bottom: 0; font-size: 24px; } 
 .ob_score { margin-top: 8px; margin-bottom: 48px; } 
 .online { padding: 0 40px; min-height: inherit; border: 0; box-shadow: none; } 
 .ob_notice { margin-bottom: 0; margin-top: 0; } 
 .ob_timer { margin-bottom: 40px; } 
 .oh_icon { left: 16px; }
 .oh_logo { width: calc(100% - 126px); padding: 3px 24px 3px 50px; }
 .oh_logo span { display: none; }
 .oh_info { width: fit-content; }
 .round_icon { display: none; }
 
 
 /* 온라인평가 UI 수정 */
.oe_answer_input.w_btn { overflow-x: hidden; } 
.oe_answer_marking li.oe_answer_short div { padding: 6px 0 0 0 !important; }
.answer_input_list { display: flex; overflow-x: auto; }
.answer_input_list::-webkit-scrollbar { width: 20px; height: 10px; }
.answer_input_list::-webkit-scrollbar-thumb { background-color: #d8d8d8; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent; }
.answer_input_list::-webkit-scrollbar-track { background-color: #eee; border-radius: 10px; }
.oe_answer_marking li div.oe_answer_input.w_btn input { min-width: 260px; }
.oe_answer_input .answer_input_list li { margin-left: 8px; margin-bottom: 4px; }

.oe_answer_marking li.oe_answer_short div.answer_input { padding: 8px 10px !important; max-height: 40px !important; min-width: 200px; overflow-y: auto; }

.oe_answer_marking li.oe_answer_short div.answer_input::-webkit-scrollbar { -webkit-appearance: none; }
.oe_answer_marking li.oe_answer_short div.answer_input::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: #e5e5e5; border: 5px solid transparent; border-radius: 10px; cursor: pointer; }
.oe_answer_marking li.oe_answer_short div.answer_input::-webkit-scrollbar-thumb:hover { background-color: #d7d7d7; }
.oe_answer_marking li.oe_answer_short div.answer_input::-webkit-scrollbar-track { background-color: #f9f9f9; }

 

 /* dashboard */
 .dashboard .dashboard_box { margin-bottom: 40px; } 
 .dashboard .sub-cont-title { font-size: 24px; } 
 .dash_board_list.slide { display: none; } 
 .dash_board_list { display: block; } 
 .dash_board_list .dashboard_box { width: 100%; } 
 .dashboard .info .target { display: flex; flex-wrap: wrap; } 
 .dashboard .info .target a.box { flex: none; width: 100%; margin-bottom: 8px; padding: 24px 16px; } 

 .dashboard .profile .text { justify-content: flex-start; flex-wrap: wrap; } 
 .dashboard .profile .text span.id { width: 100%; } 
 .dashboard .profile .text span.grade { margin-bottom: 4px; } 
 .dashboard .profile .text span.name { margin-bottom: 4px; } 

 .dashboard .profile { display: flex; justify-content: flex-start; } 
 .dashboard .info .target a.box:last-child { margin-bottom: 0; } 

 .dashboard .dashboard_box .ttable tbody tr td::after { display: none !important; } 
 .dashboard .dashboard_box .ttable tr input { width: calc(100% - 8px); } 

 .dashboard .dashboard_box .title .left select { width: 70px; } 
 .dashboard .dashboard_box .title .left select { background: url(/images/ico_arrow_gray_2x.png) no-repeat 47px 5px / 20px 20px; padding: 0 6px; } 

 .dashboard_box .tab_list { margin-bottom: 0; } 
 .dashboard_box .tab_list .list { flex-wrap: wrap; } 
 .dashboard_box .tab_list .list li { margin-bottom: 4px; } 

 .dashboard .dashboard_box .ttable.default tr td { padding: 16px 0; } 
 .dashboard .dashboard_box .ttable tbody tr td.padd { padding: 4px 12px; } 

 .dashboard .tab_list_main { justify-content: flex-start; } 
 .dashboard .tab_list_main li a { margin: 0; margin-right: 32px; } 
 .dashboard .table_box_list { display: block; } 
 .dashboard .table_box_list .w_table { min-width: 100%; margin-right: 0; } 
 .dashboard .table_box_list .table-box { width: 100%; margin-bottom: 16px; } 

 .dashboard .info .target a.box.univ .img::after, .dashboard .info .target a.box.univ .img::before { width: 90px; height: 80px; } 
 .dashboard .info .target a.box.univ .img::after { top: 35px; right: 21px; }
 .dashboard .info .target a.box.univ .img::before { top: 41px; right: 15px; } 
 .dashboard .info .target a.box:hover svg { right: -35px; } 

 .dashboard .info .target a.box.high .img::before, .dashboard .info .target a.box.high .img::after { width: 90px; height: 80px; } 
 .dashboard .info .target a.box.high .img::after { top: 33px; right: 16px; } 
 .dashboard .info .target a.box.high .img::before { top: 34px; right: 23px; } 
 
 .dashboard .info .target a.box svg { bottom: -136px; }
 
 /* 무료체험 신청
 **********************************************/
 .exp_header { padding: 20px 0;}
 .exp_header img { width: 110px; height: auto;vertical-align: middle;}
 .exp_header .logoutBtn{padding-left: 22px;width: 92px;height: 42px;margin-top: -21px;}
 .exp_header .logoutBtn::before{left: 10px;}
 .exp_con { width: 100%; padding: 40px 20px;}
 .exp_con .product { font-size: 32px;}
 .exp_con h2 { font-size: 32px;}
 .exp_con .action .mark i { height: 13px;}
 .exp_con .btns a.round { margin-top: 10px;}
 .exp_con .bold { font-size: 18px;}
 .exp_con .exp_list li.space { padding-right: 90px;}
 .exp_con .exp_list li .exp_search { width: 80px; font-size: 14px;}
 .exp_con .exp_list li .box.auth { margin-right: -90px;}
 .exp_con .check input { width: 22px; height: 22px; margin-right: 5px;}
 .exp_con .exp_list li .box >div label { margin-right: 30px; margin-bottom: 8px;}
 .exp_con .exp_list li .box >div label:last-child{margin-bottom: 0;}
 .exp_con .exp_list li .box .w_shot { width: 32%; }

 .file_input_area{flex-direction: column;}
 .file_input_area .file_input_btn{text-align: center;}
 .file_input_area .file_list_wrap{padding-top: 24px; padding-left: 0;}

 
 .busi_box { max-width: 100%; }
 .busi_box.mo { max-width: 100%; }
 
 .business_registration { flex-wrap: wrap; }
 .business_registration label { min-width: calc(50% - 8px); margin-right: 16px !important; margin-bottom: 16px; }
 .business_registration label.camera { margin-right : 0 !important; }
 }

 @media only screen and (max-width:640px){
 .lecture-list .lecture-info .title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; } 
 .assignment-list .subject h3 { display: -webkit-box; -webkit-box-orient: vertical; white-space: inherit; display: inline-block; max-width: 82%; } 
 .assignment-list .subject h3 span { display: inline; max-width: 82%; white-space: inherit; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } 
 .asgn_lst_wrap.assignment-list .subject h3 { max-width: 100%; }
 .payment-list li .pay-price { position: relative; transform: inherit; margin-top: 12px; } 
 .payment-list li { padding-right: 0; } 
 .browser-btn li { display: block; width: 100%; margin-bottom: 10px; } 
 .modal-browser-pop .modal-content-box { max-width: 460px; } 
 .sub-schedule-list .board-list li .subject strong { max-width: 70%; } 

 .reference span.dot span:nth-child(2) { margin-left: 0; } 
 
 /* ai 오답노트 */
 .sel_ai_class_list { width: 100% !important; }

 /* 회원가입-약관동의 */
 .join_step6 .reference span.dot span { display: inline-block; } 
 .join_step6 .reference span.dot span:nth-child(2) { margin-left: 4px; } 

 /* 앨범형 게시판 */
 .board-gallery-type1 > li { width: 100%; } 


 /* 게시글 작성 */
 .board-w-file .fileList-wrap { width: 100%; margin-top: 8px; } 
 .board-w-file .fileList-wrap .checkboxA { } 
 
 /* 시간표 상담예약 */
 .sub-cont-title-box { display: block; } 
 
 .sub-assignment-list .assignment-opt { flex-direction: column; align-items: flex-start !important; gap: 8px; height: auto; }
 .sub-assignment-list .searchBoxA { width: 100%; }
 }

 @media only screen and (max-width:576px){
 .table-box { overflow: auto; width: calc(100% + 16px); } 
 .table-box.default { width: 100%; } 

 .w_table { min-width: 576px; margin-right: 16px; } 
 .dashboard .tab_content { width: calc(100% + 16px); } 
 .dashboard .graph { margin-right: 16px; } 
 
 .dashboard .dashboard_box .ttable { min-width: 576px; margin-right: 16px; } 
 .dashboard .dashboard_box .ttable.init { min-width: 100%; margin-right: 0; } 
 
 .asgn_lst_wrap.assignment-list .subject h3 { flex-direction: column; }
 .line_clamp2 { max-width: calc(100% - 60px) !important; }

 .atch_homework_wrap .assignment-list .subject h3 { max-width: 100%; flex-wrap: wrap; }
 .atch_homework_wrap .hwk_state_badge { margin-right: calc( 100% - 60px ); }

 .lst_state_notSubmit.lst_state_clinic a h3 { margin-top: 0; }
 .lst_state_clinic a, .lst_state_clinic a:hover { background-position: 5px 15px !important; }
 .lst_not100p .btn_retry { height: 28px; line-height: 26px; padding: 0; right: 16px; top: calc(50% - 20px); }
 .lst_not100p.lst_state_done .hwk_state { height: 28px; line-height: 26px; padding: 0 12px; top: calc(50% + 20px); }
 }

 @media only screen and (max-width:480px){
 .main-live-lecture .live_lecure .live_list > li .live_info { padding-right: 80px; } 
 .main-live-lecture .live_lecure .live_list > li .live_info .text { width: 100%; padding-right: 0; } 
 .sub-schedule-list .selectBox-wrap { float: none; } 
 .sub-schedule-list .selectBox { float: left; margin-right: 2%; } 
 .sub-schedule-list .selectBox-wrap .selectBox:nth-child(n+1):nth-child(-n+2) { width: 23%; } 
 .sub-schedule-list .selectBox-wrap .selectBox:last-child { width: 50%; } 
 .modal-child-regist .modal-content-box, .modal-qna-question .modal-content-box, .modal-inquiry .modal-content-box { max-width: 360px; } 
 .modal-notice-pop .modal-content-box { max-width: 320px; } 
 .tui-full-calendar-month-week-item { height: 60px !important; } 

 .asgn_lst_wrap.assignment-list .subject h3 span { max-width: 72%; }
 .assignment-list li.lst_state_cmbn .subject h3 span { max-width: 82%; }

 .soma-program2 > ul > li { width: 31.333%; } 
 .newstudy-ss-1 .step-list > li { width: 49%; } 
 .ft-menu-list li a.ft_compInfo::after { margin-left: 10px; } 
 .ft-menu-list li { margin-right: 4px; } 

 .board-list-gallery { margin-left: 0; } 
 .board-list-gallery li { width: 100%; } 
 .board-list-gallery li > div { padding-left: 0; } 
 .board-list-gallery .thum { height: 208px; } 
 .my-inquiry-list h4 { width: 55%; } 

 .reference span.dot span { display: block; } 
 .reference span.dot span:nth-child(2) { margin-left: 0; } 

 /* 게이트 소마 & 하이스트 */
 .gate-somahist .highest-gate.gate-item .gate-graphic { margin-top: -100px; } 

 /* 게이트 소마 & 미래탐구 */
 .gate-somamirae .mirae-gate.gate-item .gate-graphic { margin-top: -100px; } 


 /* 추가 게시판 */
 .container.n_board .board-header .writer { flex-direction: column; align-items: flex-start; } 
 .container.n_board .board-header .board-metoo { padding-left:0; margin-top:6px; } 
 
 /* 온라인 평가 */
 .oe_header_scroll { justify-content: flex-start; } 
 .oe_header_option { padding: 8px 0px 9px; } 
 .oe_header_option_list li button { margin: 0 1px; } 
 .sp-replacer { margin: 0 2px !important; } 

 .form-list > li.mb-phone > div.mb-phone-apply { flex-wrap: wrap; } 
 .form-list .mb-phone-apply .phone-input.wide { width: 100%; margin-bottom: 8px; } 
 
 div.answer_input { padding: 8px 10px !important; }
 }

 @media only screen and (max-width: 400px){
 .oe_curve_pos { left: -10%; } 
 }

 @media only screen and (max-width:375px){
 .board-list li .subject span + strong { max-width: 70%; } 
 .sub-schedule-list .board-list li .subject strong { max-width: 65%; } 
 .third-party-modal.join_layer .work .btn-box button { font-size: 14px; } 
 }

 @media only screen and (max-width:360px) { /* 회원가입-약관동의 */
 .join_step6 .reference span.dot span:nth-child(2) { margin-left: 0; } 
 }

 @media only screen and (max-width:320px){
 #logo img { max-width: 100px; } 
 .third-party-page.join_layer .work .btn-box button { font-size: 13px; } 
 }

 @media screen and (min-height: 1103px) { } 

 @media screen and (min-height: 764px) { } 


@media screen and (max-width: 376px){
 
 .gate-ready .gate-ready-box strong { margin-bottom: 2.1277vw; font-size: 6.3830vw; line-height: 1.2; letter-spacing: -0.2660vw; color: var(--theme-color); } 
 .gate-ready .gate-ready-box b { margin-bottom: 6.3830vw; font-size: 6.3830vw; line-height: 1.2; letter-spacing: -0.2660vw; } 
 .gate-ready .gate-ready-box p { font-size: 3.7234vw; line-height: 1.6; letter-spacing: -0.2660vw; margin-bottom: 10.1064vw; } 
 
 .gate-ready .gate-ready-box .img_box .box_bg { width: 48.4043vw; height: 23.9362vw; top: 37.7660vw; left: 25.0000vw; border-radius: 2.1277vw; background-color: var(--theme-color); } 
 .gate-ready .gate-ready-box .img_box img { margin-bottom: 30.8511vw; } 
 
 .gate-ready .gate-ready-box { padding: 20.7660vw 0 20.8511vw; border-radius: 4.2553vw; } 
 
}