@charset "utf-8"; /* CSS Document */

/* Size of PC */
@media screen and (max-width:1600px) { } 


/* Size of Laptop */
@media screen and (max-width:1440px) { /* INC Style Class */
 

 .box1 { width: 92%; } 
 .box2 { width: 92%; margin: 0 auto; } 
 .box3 { width: 90%; margin: 0 auto; } 
 .box4 { width: 92%; margin: 0 auto; } 
 /**/
 .bgfix.fix { background-attachment: unset; } 

 /* Quick */
 #quickMenu { width: 150px; border-right: 1px solid #ddd; box-shadow: 1px 0 30px rgba(0,0,0,.1); left: -150px; transition: left 0.3s; } 
 #quickMenu.open { left: 0; } 
 #quickMenu .mo-side-btn { display: block; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); background: var(--siteC3); box-shadow: 0 0 10px rgba(0,0,0,0.1),
 inset 5px 0 5px rgba(0,0,0,.05); border-radius: 0 10px 10px 0; padding: 1em 0.5em; color: #fff; } 
 #quickMenu .mo-side-btn .xi { font-size: 1rem; transition: 0.3s; } 
 #quickMenu.open .mo-side-btn .xi { transform: rotate(180deg); } 
 #quickMenu .btn_open { display: none; justify-content: flex-start; text-align: left; padding-left: 1.25em; } 
 #quickMenu .btn_open .tt { padding-left: 0.625em; width: auto; } 
 #quickMenu .menu_wrap { text-align: left; } 
 #quickMenu .menu_wrap > li > a .tt { opacity: 1; padding-left: 0.625em; width: auto; } 
 #quickMenu .menu_wrap > li > a { padding-left: 1.25em; } 
 /**/

 /* Main - visual Slider */
 .visualSlider_wrap .main_search_wrap { width: 100%; } 
 .visualSlider_wrap .main_search_wrap .ms_inner > li:nth-child(1),
 .visualSlider_wrap .main_search_wrap .ms_inner > li:nth-child(2) { width: 10em; } 
 .visualSlider_wrap .main_search_wrap .ms_link { width: 13em; } 
 /**/
 

 /* Sub - Top */
 .hotclassSlider_wrap .swiperBtn.prev { left: 0; } 
 /**/

 /* Sub - Company */
 .summary-wrap .wrap-in { flex-wrap: wrap; gap: 1.5em; } 
 .summary-wrap .left,
 .summary-wrap .right { flex: 1 1 100%; } 



 /* .info-zgzg .list > li:nth-child(2), 
 .info-zgzg .list > li:nth-child(5), 
 .info-zgzg .list > li:nth-child(8) { margin-top: 7.75rem; } */
 .info-zgzg .list > li:nth-child(4), 
 .info-zgzg .list > li:nth-child(6), 
 .info-zgzg .list > li:nth-child(7) { margin-top: -11.75rem; } 
 .info-zgzg .list > li .txt-area > p.fwR { font-size: 1.125rem; } 
}
@media screen and (max-width:1280px) { /*sub - Company*/
 .info-lay .txt-area { flex: 0 0 auto; } 
 /* Prod View */
 .page_prod_view .detail_wrap .thumb_teacher { position:absolute; top: 30px;; left:1.5em; width:8em; height:8em; transform:translateY(-50%); } 
 }
@media screen and (max-width:1150px) { /*main_video*/
 .main_video .vod_wrap { width: 100%; min-height: auto; border-radius: 1em; overflow: hidden; box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1); } 

 /* VisualSlider */
 .visualSlider_wrap .slogan .t1 { font-size: 1.25rem; } 
 .visualSlider_wrap .slogan .t2 { font-size: 2em; } 
 body.main .visualSlider_wrap .main_search { width: 92%; gap: 2em; /* top: 50%; transform: translate(-50%, -50%); */ } 
 .main_con .main_quick_icon_wrap .inner { margin-top: 2em; } 
 .visualSlider_wrap .main_search_wrap .inpst { height: 3em; } 
 
 .visualSlider_wrap .swiperBtn { display: none; } 
 .visualSlider_wrap .swiperPG { bottom: 1em; } 
 
 .visualSlider_wrap .main_search_wrap .ms_inner { flex-wrap: wrap; } 
 .visualSlider_wrap .main_search_wrap .ms_inner > li:nth-child(1) { display: none; } 
 .visualSlider_wrap .main_search_wrap .ms_inner > li:nth-child(2) { width: 6em; } 
 .visualSlider_wrap .main_search_wrap .ms_inner > li:first-child .inpst { border-radius: .5em .5em 0 0; } 
 .visualSlider_wrap .main_search_wrap .ms_f .xi { transform: rotate(90deg); } 
 .visualSlider_wrap .label_select select { padding-right: 1.5em !important; } 
 .visualSlider_wrap .main_search_wrap .ms_inner > li:last-child .inpst { border-radius: 0 0.5em 0.5em 0; } 
 .visualSlider_wrap .main_search_wrap .ms_inner .label_select { border-radius: 0.5em 0 0 0.5em; } 
 /**/

 /*Prod View*/
 .logo_list > li .logo_wrap .imgfix { width: auto; } 
 .page_prod_view .detail_wrap .thumb_teacher { top: 35px; width: 7em; height: 7em; transform: translateY(-50%); } 
 }

/* Size of Tablet */
@media screen and (max-width:1024px){
 .pc_hide { display: block; } 
.tableTh_hide { display: none; } 
 /* Loading */
 #div_loading { left: 0 !important; top: 50% !important; transform: translateY(-50%); width: 100vw; } 
 /**/

 /* Header */
 html.allGnbOn { overflow-y: hidden; } 
 #header { z-index: 1002; } 
 #header .h_menu_wrap { display: none; } 
 #header .all_wrap .allBtn { font-size: 1.25rem; } 
 #header .all_layer { position: fixed; right: -100%; top: 0; background: #fff; width: 50vw; min-height: 100vh; z-index: 999; box-shadow: 0 0 20px rgba(0,0,0,.1); transition: 0.3s; } 
 .allGnbOn #header .all_layer { right: 0; } 
 
 #header .all_layer .gnb { flex-wrap: wrap; } 
 #header .all_layer .gnb > li { width: 100%; } 
 #header .all_layer .gnb > li .dp2 { flex-wrap: wrap; } 
 #header .all_layer .gnb > li .dp2 > li { width: 100%; } 
 #header .all_layer .gnb li a { justify-content: flex-start; } 
 #header .all_layer .gnb .dp1 { font-size: 1.25rem; padding: 1rem 1.5rem; background: #f5f5f5; color: #111; font-weight: 500; } 
 #header .all_layer .gnb .m_leveltest .dp1 { background: var(--siteC3); color: #fff; } 
 #header .all_layer .gnb .dp2 a { padding: 1rem 2rem; font-size: 1rem; border-bottom: 1px solid #ddd; } 
 #header .all_layer .close_btn { justify-content: flex-end; padding: 1em; font-size: 1.25rem; } 
 #header .all_layer .all_member { padding-left: 1.5rem; gap: 0.5em; } 
 #header .all_layer .all_member > li > a { background: var(--siteC); color: #fff; font-weight: 500; padding: 0.5em 1em; border-radius: 100px; font-size: .875rem; } 
 #header .all_layer .all_member > li:last-child > a { background: #fff; border: 1px solid var(--siteC); color: var(--siteC); } 
 #header .all_layer .all_member > li > a .tt { margin-left: 5px; } 
 /**/
 #contents .sub_page_menu .gnb .dp2 { display: none; } 

 #footer .page_bottom_wrap .inner > div { position: relative; } 
 #footer .page_bottom_wrap .inner > div:not(:first-child) { padding-left:3em; border:solid var(--siteBg2); border-width:0 0 0 0px; } 
 #footer .page_bottom_wrap .inner > div:not(:last-child)::before { content: ""; width: 100%; position: absolute; bottom: -15px; left: 0; border:solid var(--siteBg2); border-width:0 0 1px 0; } 
 /* Sub - Top */
 .hotclassSlider .el .tit_wrap .t2 { font-size: 2rem; } 
 body.sub .img_layer { top: -50px; right: 0; } 
 .hotclassSlider { height: 40vh; } 
 .hotclassSlider .el .img_wrap .img { display: none; } 
 .hotclassSlider .el .back_img:after { background: rgba(0,0,0,.3); backdrop-filter: none; } 
 .hotclassSlider .el .tit_wrap .t1 { opacity: 0.8; } 
 .hotclassSlider_wrap .pd { padding: 0 0 0 4em; } 
 .hotclassSlider-pagination { justify-content: flex-end; } 
 .hotclassSlider .el .img_wrap { width: 0; } 
 /**/

 /***MAIN***/


 /*search*/
 .main_search { flex-direction: column; gap: 1.5em; } 
 .main_search .search_txt { padding-left: 0em; } 
 .main_search .search_icon { left: 0; } 

 /*membership*/
 .main_member .left { width: 50%; } 
 .main_member .right { width: 50%; } 
 .main_member .right .main_iconList { flex-wrap: wrap; gap: 1em; } 
 .main_member .right .main_iconList > li { width: calc(50% - .5em); display: flex; align-items: center; justify-content: center; } 

 /*partner*/
 .main_partner .logoList > li { flex: 1 1 25%; max-width: 25%; } 

 /* Sub - Company */
 .summary-wrap .right .list-wrap > li { flex: 1 1 calc(50% - 1.25em); } 
 .about_wrap .about_tbox { padding: 2em; } 
 .about_wrap .about_tbox .in_logo { width: 40%; } 
 .summary-wrap .left .tit > h3 { font-size: 1.5rem; } 
 .info-lay { flex-wrap: wrap; } 
 .info-lay > div { flex: 1 1 100%; } 
 .info-tit { margin-bottom: 1.5rem; } 
 .info-tit .en { font-size: 1.125rem; } 
 .info-tit .tit { font-size: 1.5rem; } 
 .info-lay .txt-area { flex: 0 0 50%; } 
 .info-lay .txt-area .txt-in > p { font-size: 1rem; } 
 .info-lay .img-area .imgfix { height: 40vh; } 
 .info-zgzg .list { gap: 2em; } 
 .info-zgzg .list > li { flex: 1 1 calc(50% - 1em); max-width: calc(50% - 1em); margin-bottom: 0 !important; margin-top: 0 !important; } 
 .info-zgzg .list > li { background: #fff; box-shadow: 0 10px 20px rgba(0,0,0,.05); border-radius: 1rem; overflow: hidden; } 
 .info-zgzg .list > li .txt-area { box-shadow: none; } 
 /**/


 /* Sub - Cate */
 .page_cate { flex-wrap: nowrap !important; overflow-x: scroll; margin-left: -4%; padding: 0 4%; border: none; width: 100vw; gap: 1em; } 
 .page_cate::-webkit-scrollbar { display: none; } 
 .page_cate > li { border-radius: 100px; border: 1px solid #ddd; width: auto; min-width: 22.5vw;; } 
 .page_cate > li:before { border-radius: 100px; } 
 .page_cate > li > a { padding: 1em 0.5em; } 
 .page_cate > li:not(:nth-child(n+7)):last-child, 
 .page_cate > li:nth-child(7n) { border-width: 1px; } 
 .page_search .form { flex-wrap: wrap; } 
 .label_search { width: 100%; flex: 1 1 100% !important; } 
 .page_search .form .label_select { flex: 1 1 100%; } 
 .page_search .form .label_select select { width: 100%; border: 1px solid #ddd; } 
 .page_search .form .input_st { font-size: 1rem; } 
 /**/

 /* Sub - Review */
 #contents .review_list { overflow-x: hidden; flex-wrap: wrap !important; padding: 0; gap: 3em 1em; } 
 #contents .review_list > li { width: calc(50% - 0.5em); min-width: 0; margin: 0; } 
 #contents .review_list > li:last-child { padding-right: 0; } 
 #contents .review_list > li:nth-last-of-type(-n+4) { } 
 /**/
 

 /* Board Event */
 .board_Event > li { width: 50%; } 
 /**/


 /* Prod View */
 .page_prod_view .view_layout .view_cont { flex: 1 1 100%; } 
 .page_prod_view .view_layout .view_side { width: 100%; } 
 .MsoListParagraph { margin-left: 1rem !important; } 
 /**/


 /* Footer */
 #footer .goTop { right: 1em; bottom: 7em; } 
 #footer .footer_info_wrap { padding: 3em 0 7.5em; } 
 /**/

 /* Quick Mobile */
 #QuickMoblie { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; opacity: 0; transform: translateY(100%); transition: 0.3s; } 
 .scroll #QuickMoblie { opacity: 1; transform: translateY(0); } 
 #QuickMoblie .all_menu { background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.1); } 
 #QuickMoblie .all_menu .menu > li { display: flex; justify-content: center; } 
 #QuickMoblie .all_menu .menu > li .vm_tt > i { display: block; width: 100%; text-align: center; color: #555; } 
 #QuickMoblie .all_menu .menu > li .vm_tt > .tt { font-size: .75rem; margin-top: 8px; } 
 #QuickMoblie .all_menu .menu > li > a { padding: 1em 1em 1em; } 
 /**/


 /* Main - VisualSlider */
 body.main .visualSlider .el .resize { padding-bottom: 100%; } 
 .visualSlider_wrap .main_search_wrap { flex-wrap: wrap; } 
 .visualSlider_wrap .main_search_wrap .ms_inner,
 .visualSlider_wrap .main_search_wrap .ms_link { flex: 1 1 100%; width: 100%; } 
 /**/

 /* Main - Quick Menu */
 .main_con .main_quick_icon_wrap .inner { border-radius: 1em; padding: 2em 0; } 
 .main_con .main_quick_icon_wrap .list { gap: 2em 0; } 
 .main_con .main_quick_icon_wrap .list > li { flex: 0 0 33%; } 
 .main_con .main_quick_icon_wrap .list > li:nth-child(3) .in { border: none; } 
 /**/


 /* Main - Cate List */
 .main_con_cate_list_wrap .main_con_cate { width: auto; flex: 1; } 
 ul.page_prod > li { width: 50%; } 
 /**/

 /* Main - Review */
 /* .main_con2 .box1 { width: 100%; } */
 .review_list { overflow-x: scroll; flex-wrap: nowrap !important; padding: 0 4%; } 
 .review_list::-webkit-scrollbar { display: none; } 
 .review_list > li { min-width: 40vw; width: 100%; } 
 .review_list > li:last-child { padding-right: 4%; } 
 /**/

 /* Main - Link */
 .main_con3 .box1 { width: 100%; } 
 .main_link_list { flex-wrap: nowrap !important; overflow-x: scroll; /* justify-content: flex-start !important; */
 padding: 0 4%; } 
 .main_link_list::-webkit-scrollbar { display: none; } 
 .main_link_list > li { width: auto; flex: 0 0 auto; /* min-width: 21.5vw; */ } 
 .main_link_list > li:not(:last-child) .in { border-width: 0; } 
 /**/


 /* Footer */
 #footer .page_bottom_wrap .inner > div { flex: 1 1 100%; } 
 #footer .page_bottom_wrap .notice_box { order: 1; } 
 #footer .page_bottom_wrap .cs_box { order: 2; flex: 1 1 100% !important; } 
 #footer .page_bottom_wrap .quick_link_box { order: 3; } 
 #footer .page_bottom_wrap .inner > div:not(:first-child) { padding-left: 0; } 
 #footer .page_bottom_wrap .quick_link_box .list > li { width: auto; flex: 1; } 

 
 /* // */



 /* sub - online */
 .page_onlineT .onlineT-sec { flex-wrap: wrap; } 
 .page_onlineT .page_tit { flex: 1 1 100%; } 
 .page_onlineT .onlineT-sec .cont_wrap { flex: 1 1 100%; padding-left: 1em; margin-top: 1.5em; } 
 /**/

 /* 나의 강의실 START */
 .intro_top .intro_top_info > div { width: auto; flex: 1; } 
 .lm_wrap { padding: 1.5em 0 0 0; flex-wrap: wrap; } 
 .lm_wrap .lm_sticky { top: 1em; left: -4%; width: 100vw; z-index: 99; } 
 .lm_wrap .left_menu_wrap .gnb > li .dp1.link { display: none !important; } 
 .lm_wrap .left_menu_wrap { width: 100%; } 
 .lm_wrap .left_menu_wrap .gnb, 
 .lm_wrap .left_menu_wrap .gnb ul { display: flex; } 
 .lm_wrap .left_menu_wrap .gnb .dp2 { overflow-x: scroll; box-shadow: 10px 10px 20px rgba(0,0,0,.1); padding: 1em 3em 1em 0; /* background: transparent; */ } 
 .lm_wrap .left_menu_wrap .gnb .dp2::-webkit-scrollbar { display: none; } 
 /* .lm_wrap .left_menu_wrap .gnb .dp2::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 10px; background: var(--siteBg2); filter: blur(5px); z-index: -1; } */
 .lm_wrap .left_menu_wrap .gnb .dp2::before { content: ''; position: absolute; top: 0; right: 0; width: 5vw; height: 100%; background: linear-gradient(to left, var(--siteBg2), transparent); z-index: 123; } 
 /* .lm_wrap .left_menu_wrap .gnb .dp2::after { content: ''; position: absolute; top: 0; left: 0; width: 10vw; height: 100%; background: linear-gradient(to right, var(--siteBg2), transparent); z-index: 123; } */
 .lm_wrap .left_menu_wrap .gnb .dp2 > li { min-width: fit-content } 
 .lm_wrap .left_menu_wrap .gnb .dp2 > li > a { word-break: keep-all; white-space: nowrap; min-width: fit-content } 
 .lm_wrap .left_menu_wrap .gnb .dp2 > li > a .in:before { width: 100%; top: auto; bottom: -0.5em; left: 50%; transform: translateX(-50%) scaleX(0); } 
 .lm_wrap .left_menu_wrap .gnb .dp2 > li.act > a .in:before, 
 .lm_wrap .left_menu_wrap .gnb .dp2 > li.on > a .in:before { transform: translateX(-50%) scaleX(1); } 
 .lm_wrap .left_menu_wrap .gnb .dp2 > li.act > a .in, 
 .lm_wrap .left_menu_wrap .gnb .dp2 > li.on > a .in { padding-left: 0; } 
 .intro_top .intro_top_info > div .text_wrap .num_st { font-size: 1.125rem; } 
 .intro_top .intro_top_info > div .text_wrap .tt { font-size: 1rem; } 
 .intro_top .intro_top_info > div .ico_wrap { width: 4.5em; height: 4.5em; } 

 .l_ing_wrap .page_prod > li { width: 33%; } 
 .l_end_wrap .page_prod > li { width: 33%; } 

 .myapge_people { flex-wrap: wrap; } 
 .writePhoto.st2 { width: 30vw; } 
 .myapge_people .exTxt { width: 100%; } 

 /*quick*/
 #quickN { display: none; } 

 .mypageCTT .table_wrap .board_st col { display: none; } 
 .mypageCTT .table_wrap .board_st thead { display: none; } 
 .mypageCTT .table_wrap .board_st tbody { /* display: flex; */ flex-wrap: wrap; gap: 3em 1em; } 
 .mypageCTT .table_wrap .board_st tr { /* display: flex; */ /* flex: 1 1 calc(50% - 1em); max-width: calc(50% - 0.5em); */ padding: 1.5em; border: 1px solid #ddd; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,.05); box-sizing: border-box; } 
 .mypageCTT .table_wrap.order_list .board_st tr { flex: 1 1 100%; max-width: 100%; } 
 .mypageCTT .table_wrap .board_st tr:has(.noc) { flex: 1 1 100%; max-width: 100%; box-shadow: none; border-radius: 0; } 
 .mypageCTT .table_wrap .board_st td { display: flex; width: 100%; height: auto; justify-content: space-between; align-items: center; text-align: right !important; box-sizing: border-box; } 
 .mypageCTT .table_wrap .board_st td:last-child { border-bottom: none; } 
 .mypageCTT .table_wrap .board_st td[data-th]::before {  display: block;  white-space: pre; position: relative; content: attr(data-th); font-family: 'score','notokr',sans-serif; min-width: 4em; text-align: left !important; } 

 .mypageCTT .table_wrap .board_st td .input_row_btn { width: 100%; } 
 .mypageCTT .table_wrap .board_st td .input_row_btn .input_st { width: 100%; text-align: center !important; display: flex; align-items: center; justify-content: center;} 
 .mypageCTT .table_wrap .board_st td.w_btn3 { flex-wrap: wrap; gap: 1em; } 
 .mypageCTT .table_wrap .board_st td.w_btn { border-bottom: none; } 
 .mypageCTT .table_wrap .board_st td.w_btn::before { display: none; } 
 .mypageCTT .table_wrap .board_st td.noc { justify-content: center; border-bottom: none; } 
 .mypageCTT .table_wrap .board_st td.noc::before { display: none; } 
 .mypageCTT .table_wrap .board_st td.w_auto::before { display: none; } 
 .mypageCTT .table_wrap .board_st td.f_score::before { display: block; } 
 .mypageCTT .table_wrap .board_st td.lec_name::before { display: block; } 
 .mypageCTT .table_wrap .board_st td.pric::before { display: block; } 

 .mypageCTT .order_list .board_st tbody{ display: flex; gap: 1em;}

 .order_list .info_wrap .info_in { flex-wrap: wrap; } 
 .order_list .info_wrap .info_in .info_l { width: 100%; flex: 1 1 100%; } 

 .mypageCTT .table_wrap.order_list .board_st td .input_row_btn { flex-direction: row; padding: 0; } 

 .mypageCTT .ing_st { flex-wrap: wrap; border: 1px solid #ddd; padding-top: 0; } 
 .mypageCTT .ing_head { display: none; } 
 .mypageCTT .ing_st .board_st tr { flex: 1 1 100%; max-width: 100%; } 
 .mypageCTT .ing_st .ts_l { width: 100%; } 
 .mypageCTT .ing_st .ts_l .table_student { border: none; box-shadow: none; } 
 .mypageCTT .ing_st .ts_l .table_student tr { border: none; box-shadow: none; } 
 .mypageCTT .ing_st .ts_r { width: 100%; flex: 1 1 100%; } 
 .mypageCTT .ing_st .ts_r table col { display: none; } 
 .mypageCTT .ing_st .ts_r table tbody { gap: 0; } 
 .mypageCTT .ing_st .ts_r table th { width: 100%; display: flex; height: auto; } 
 .mypageCTT .ing_st .ts_r table th:has(.at_ok) { padding-top: 1em; } 
 .mypageCTT .ing_st .ts_r table tr.ing_num { display: none; } 
 .mypageCTT .ing_st .ts_r table tr { display: flex; border: none; box-shadow: none; padding: 0 1.5em; } 
 .mypageCTT .ing_st .ts_r table tr:has(input) { padding: 1.5em 0; } 
 .mypageCTT .ing_st .ts_r table tr:has(.at) { padding: 1.5em 0; } 
 .mypageCTT .ing_st .ts_r table tr td { flex-direction: column; align-items: center; justify-content: center; border-bottom: none; gap: 0.5em; border-right: 1px solid #ddd; flex: 1; min-width: 0; max-width: 100%; } 
 .mypageCTT .ing_st .ts_r table tr td:last-child { border-right: none; } 
 .mypageCTT .ing_st .ts_r table tr td::before { text-align: center !important; } 

 #vmain_list > li { margin-bottom: 1em; } 
 #vmain_list > li:last-of-type { margin-bottom: 0em; } 



 .addLecture col { display: none; } 
 .addLecture tbody tr { display: flex; border-bottom: 1px solid #eee; } 
 .addLecture tbody tr:last-child { border-bottom: none; } 
 .addLecture tbody tr th { min-width: 25vw; } 
 .addLecture tbody tr#edu_set { flex-wrap: wrap; } 
 .addLecture tbody tr#edu_set td { width: 100%; flex: 1 1 100%; } 
 .addLecture tbody tr#edu_table td { padding: 1em 0; } 
 .lecture_detail_opt { border-bottom: none; } 
 .lecture_detail_opt col { display: none; } 
 .lecture_detail_opt thead { display: none; } 
 .lecture_detail_opt tbody { display: flex; flex-wrap: wrap; gap: 1.5em 1em; } 
 .lecture_detail_opt tr { display: flex; flex-wrap: wrap; flex: 1 1 calc(50% - 1em); max-width: calc(50% - 0.5em); border: 1px solid #ddd; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,.05); padding: 1em; box-sizing: border-box; } 
 .lecture_detail_opt td::before { content: attr(data-th); font-family: 'score','notokr',sans-serif; min-width: 4em; text-align: left; color: #555; } 
 .lecture_detail_opt td { width: 100%; border: none; display: flex; flex-wrap: wrap; gap: 0.5em; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 1rem 0; border-bottom: 1px solid #eee; } 
 .lecture_detail_opt td:last-child { border-bottom: none; } 
 .lecture_detail_opt .edu_th { display: none; } 
 .group_inp { width: 100%; } 


 .addLecture td { flex: 1; } 
 .addLecture textarea { border: 1px solid #ddd; border-radius: 10px; padding: 1em; box-sizing: border-box; } 

 /* Intro */
 ul.page_prod { margin: 0 0 -1em -1em; } 
 ul.page_prod > li .in { margin: 0 0 1em 1em; } 
 /**/


 /* Board */
 .input_st.w3_1 { width: 33vw; } 
 .input_st.w3 { width: 60vw; } 
 /**/

 /* Mypage Student */
 .page_tit .t3 { font-size: 1.615rem; } 
 .page_prod_view .detail_layout { gap: 1.5em; flex-wrap: wrap; } 
 .page_prod_view .detail_layout > div { width: 100%; flex: 1 1 100%; } 

 .mypageCTT .table_wrap .board_st td.price-info { padding-bottom: 0; } 
 .mypageCTT .table_wrap .board_st td.price-info > .flex > div:first-child { text-align: left !important; } 
 .mypageCTT .table_wrap .board_st td.price-info > .flex > div:last-child { text-align: right !important; } 
 .mypageCTT .table_wrap .board_st td.price-info::before { display: none; } 
 .mypageCTT .table_wrap .board_st td.price-info > .flex { width: 100%; flex-direction: row; justify-content: space-between; } 

 .board_st.list.tit tr:has(.total_price) { display: flex; border: none; padding: 0; box-shadow: none; margin-top: 1em; } 
 .board_st.list.tit th:has(.total_price) { width: 100%; } 
 /**/


 .input_row_btn.col .input_st { width: 100%; } 

 .dif-lay { margin-top: 3em; } 
 .dif-lay .dif-box ul { height: 40vh; } 
 .curri-wrap .curri-lay { flex-direction: column; } 
 .curri-wrap .curri-lay.gap5 { gap: 1.5em; } 

 .cate-curri .cate-curri-con { flex-wrap: wrap; } 
 .cate-curri .cate-curri-con .tit-info { flex: 1 1 100%; width: 100%; } 
 .cate-curri .curriSliderWrap { flex: 1 1 100%; width: 100%; } 
 .cate-curri .cate-curri-con .tit-info { display: flex; justify-content: space-between; margin-bottom: 1.5em; } 
 .cate-curri .tit-info > .in { margin-top: 0; } 

 .cate-curri .curriSlider .swiper-slide { width: 33vw; } 
 .curri-wrap .curri-lay .title > h3 { font-size: 1.5rem; } 


 /*sub*/
 #contents .sub_page_tit { height: 18em; } 
 #contents .sub_page_tit .tt { font-size: 2.15em; } 
 #contents .sub_page_tit:not(:last-child) { padding-bottom: 0em; } 
 #contents .sub_page_con .con_tit .tt { font-size: 2em; } 

 /*sub platform*/
 .intro_wrapper .intro_con .info > .tit { font-size: 1.715em; } 
 .value_wrap .valueList { padding: 0; } 
 .intro_wrapper .intro_con:nth-child(2) { flex-direction: column-reverse; } 
 .value_wrap .valueList > li > .in { padding: 3em 2em; } 

 /*guide*/
 .partnerTop .img_con .info > .tt { font-size: 1.815em; } 
 .intro-cont .intro-box .desc-area { margin-left: 50px; /* margin-left: 0px; */ } 

 .use_guide { width: 90%; } 
 }
@media screen and (max-width:968px) { /*sub - Company*/
 .info-lay .txt-area { flex: 1 1 100%; } 
 }
@media screen and (max-width:880px) { /***main***/

/*link*/
.main_link_list > li .in .ico { width: 5.5em; height: 5.5em; } 
.main_link_list > li .in .txt .tt { font-size: 1.05em; } 
 }
/* Size of Mobile & Foldable */
@media screen and (max-width:768px) { /* Header */
 #header .logo img { width: 35vw; } 
 #header .top_wrap, 
 #header .h_menu_wrap, 
 #header .gnb_wrap .gnb > li .dp1, 
 .header_pd { height: 4.5em; } 

 #header .all_layer { width: 70vw; } 
 #header .all_header { border-bottom: 1px solid #ddd; } 
 #header .all_gnb { overflow-y: scroll; height: calc(100vh - 4.47rem); } 
 #header .all_layer .gnb { padding-bottom: 10vh; } 
 /**/

/*community*/
.community_listW .community_list > li { flex: 1 1 50%; max-width: 50%; } 

 /* VisualSlider */
 .visualSlide { height: 40vh; } 
 .visualSlider_wrap .slogan .t1 { font-size: 1.25rem; } 
 .visualSlider_wrap .slogan .t2 { font-size: 2em; } 
 body.main .visualSlider_wrap .main_search { width: 92%; gap: 2em; /* top: 50%; transform: translate(-50%, -50%); */ } 
 .main_con .main_quick_icon_wrap .inner { margin-top: 2em; } 
 .visualSlider_wrap .main_search_wrap .inpst { height: 3em; } 

 .visualSlider_wrap .swiperBtn { display: none; } 
 .visualSlider_wrap .swiperPG { bottom: 1em; } 

 .visualSlider_wrap .main_search_wrap .ms_inner { flex-wrap: wrap; } 
 .visualSlider_wrap .main_search_wrap .ms_inner > li:nth-child(1) { display: none; } 
 .visualSlider_wrap .main_search_wrap .ms_inner > li:nth-child(2) { width: 6em; } 
 .visualSlider_wrap .main_search_wrap .ms_inner > li:first-child .inpst { border-radius: .5em .5em 0 0; } 
 .visualSlider_wrap .main_search_wrap .ms_f .xi { transform: rotate(90deg); } 
 .visualSlider_wrap .label_select select { padding-right: 1.5em !important; } 
 .visualSlider_wrap .main_search_wrap .ms_inner > li:last-child .inpst { border-radius: 0 0.5em 0.5em 0; } 
 .visualSlider_wrap .main_search_wrap .ms_inner .label_select { border-radius: 0.5em 0 0 0.5em; } 
 /**/
 
 /*search*/
 .main_search .search_wrap { flex-direction: column; } 
 .main_search .search_wrap .cate_warp .input_tit,
 .main_search .search_wrap .cate_warp,
 .main_search #sFrom { width: 100%; } 
 .main_search .search_wrap .cate_warp .label_select { width: 30%; } 
 .main_search .search_wrap .cate_warp .input_wrapper { width: 70%; } 
 .main_search { flex-direction: column; gap: 1.5em; } 
 .main_search .search_txt > .tit { font-size: 1.515em; } 
 .main_search .search_txt { padding-left: 0em; } 
 .main_search .search_icon { display: none; } 

 /*membership*/
 .main_member .right .main_iconList > li > .con > .icon { width: 7.5em; height: 7.5em; } 
 

 /*main why*/
 .why_wrapper > .left { display: none; } 
 .why_wrapper > .right { width: 100%; } 

 /*main edulist*/
 .flex_box .eduList > li { flex: 1 1 50%; max-width: 50%; } 

 /*main update*/
 .main_update { flex-direction: column; text-align: center; } 
 .main_update .updateSlide_wrap,
 .main_update .page_tit { width: 100%; margin-bottom: 0em; } 
 .main_update .update_control { margin-top: 1em; } 

 /* Main - Quick */
 .main_con .main_quick_icon_wrap .list > li .in .ico img { width: 2.5em; } 
 /**/

 /* Main - Main Title */
 .main_con_wrap .main_con_tit_wrap { padding: 0 4%; } 
 .main_con_wrap .main_con_tit_wrap .t1 { font-size: 1.5rem; } 
 /**/

 /* Main - Cate */
 .main_con1 .box1 { width: 100%; } 
 .main_con_cate_list_wrap { justify-content: flex-start !important; gap: 0.5em; padding: 0 4% 3em; overflow-x: scroll; } 
 .main_con_cate_list_wrap::-webkit-scrollbar { display: none; } 
 .main_con_cate_list_wrap .main_con_cate:first-child,
 .main_con_cate_list_wrap .main_con_cate:last-child,
 .main_con_cate_list_wrap .main_con_cate { border-radius: 100px; min-width: fit-content; flex: auto; padding: 0.75em 1.5em; } 
 .main_con_cate_list_wrap .main_con_cate .text_wrap .tt { font-size: 0.875rem; } 

 ul.page_prod { margin: 0 0 -2em -1em; } 
 ul.page_prod > li .in { margin: 0 0 2em 1em; } 

 .main_con_wrap .main_con_ctt_wrap #load_list { padding: 0 4%; } 
 /**/


 /* Main - Review */
 .review_list > li .in .con_wrap .con_t3 { font-size: 0.875rem; } 
 /**/

 /* Contents */
 #contents .doc { padding: 0 0 5em; } 
 .dp1_customer #contents .sub_page_top { height: 25vh; } 
 .dp1_customer #contents .sub_page_tit { padding: 2.75em 0; height: inherit; } 
 .dp1_customer #contents .sub_page_tit .tt { font-size: 1.5rem; } 
 .dp1_customer #contents .sub_page_menu .box0 { width: 100%; } 
 .dp1_customer #contents .sub_page_menu .gnb .dp2 > li > a .tt { font-size: 0.875rem; } 
 #contents .sub_page_con .con_tit:before { height: 1.5em; } 
 #contents .sub_page_con + .doc { padding-top: 1.5em; } 
 /**/

 /* Sub - Top */
 .hotclassSlider_wrap .pd { padding-left: 1em; } 
 .hotclassSlider .el .tit_wrap .t3 { font-size: 0.875rem; } 
 .hotclassSlider .el .tit_wrap .t2 { font-size: 1.5rem; } 
 .hotclassSlider .el .tit_wrap .t1 { font-size: 1rem; } 
 .hotclassSlider .el .tit_wrap .more { padding: 0.5em 1em; } 
 body.sub .img_layer .in { width: 3em; } 
 body.sub .img_layer .t1 { font-size: 0.75rem; } 
 .swiperBtn .xi { display: none; } 
 .swiperPG .paging { gap: 0 0.5em; } 

 .page_tit .t1 { font-size: 1.5rem; } 
 .page_tit .t2 { font-size: 1rem; } 
 .page_cate { gap: 0.5em; } 
 .page_cate > li { min-width: fit-content; margin: 0; } 
 .page_cate > li > a { padding: 0.75em 1.5em; display: flex; align-items: center; justify-content: center; } 
 .page_cate > li > a .icon { font-size: 0.875rem; height: auto; } 
 .page_search .form .input_st { height: 3rem; line-height: calc(1.5em - 2px); } 
 /**/


 /* Prod - View */
 .page_prod_view .detail_wrap .prod_tit .t2 { font-size: 1.5rem; } 
 .page_prod_view .detail_wrap .prod_info .info .info_tt { width: 4em; } 
 .page_prod_view .teacher_layout .inPhoto { width: 100%; } 
 .page_prod_view .teacher_layout .inPhoto .thumb_teacher { width: 35%; } 
 .page_prod_view .teacher_layout .inCon { flex: 1 1 100%; } 
 .review_wrap_sm .review_ctt { padding: 0; } 
 .page_tit .t5 { font-size: 1.125rem; } 
 .comment_area .comment_tit .tit .t2 { font-size: 0.75rem; margin-top: 10px; } 
 .comment_area .comment { padding-right: 80px; } 
 .comment_area .comment .comment_btn { width: 70px; font-size: 0.875rem; padding: .5em; } 
 .MsoListParagraph { font-size: 0.875rem !important; } 
 .page_prod_view .price_wrap .info .info_tt .tt { font-size: 0.875rem; } 
 .page_prod_view .price_wrap .info .price { font-size: 1.25rem; } 
 /**/

 /* Sub - Prod - list */
 ul.page_prod > li { width: 100%; } 
 /**/

 /* Sub - Board */
 .board_st.list.list.tit thead { /* display: none; */ } 
 .board_st.list.notice col { display: none; } 

 .board_st.list td.w_tit > a { max-width: 100%; font-size: 1rem; } 
 .board_st.list.notice tr td.w_date { font-size: 0.75rem; margin-top: 10px; } 
 .board_search_wrap .right button { padding: 0.5em 1em; border-radius: 5px; } 
 .board_search_wrap .right button .xi { margin-right: 0; }
 .board_search_wrap .right button .tt { display: none; } 
 /**/

 /* Board View */
 .board_view_top .tit { font-size: 1.125rem; } 
 .board_view_top .board_info .tt { font-size: 0.75rem; } 
 .board_info > li { padding-right: 1em; } 
 .board_info > li:before { display: none; } 
 .board_view_bottom i { font-size: 0.875rem; } 
 .board_view_bottom .xi { font-size: 0.875rem; margin-left: 5px; } 
 .board_view_bottom .board_st a { font-size: 0.875rem; } 
 .board_btn_wrap { margin-top: 2em; } 
 .board_btn_wrap .input_st.s1 { font-size: 1rem; height: 3em; line-height: calc(1.5em - 2px); padding: 0.5em 1.25em; } 
 .board_btn_wrap > div + div { margin: 0 auto; } 

 .board_search_wrap .right .input_st[type=text] { font-size: 0.875rem; } 
 .board_st.faq .faq_tit { font-size: 1.5rem; } 
 .board_st.faq .w_btn { width: 3em; } 
 .board_st .w_faq { width: 3em; } 

 .board_st.list.response col { display: none; } 
 .board_st.list.response tr { display: flex; flex-wrap: wrap; padding: 1.25em 0; border-bottom: 1px solid #ddd; } 
 .board_st.list.response td { border-bottom: none; height: auto; padding: 0; text-align: left; } 
 .board_st.list.response td.w_no { display: none; } 
 .board_st.list.response td.w_tit { flex: 1 1 100%; margin-bottom: 10px; } 
 .board_st.list.response td.w_name,
 .board_st.list.response td.w_date { flex: 0 0 auto; font-size: 0.75rem; } 
 .board_st.list.response tr.reply { padding: 1.25em 1em; } 
 .board_st.list.response tr.reply td.w_tit > a::before { font-family: 'xeicon'; content: '\e981'; color: #aaa; width: 10px; } 
 .board_st.list.response tr.reply td.w_name { padding-left: 12px; } 

 .board_Event .con_wrap .t1 { font-size: 1rem; } 
 .board_Event .con_wrap .t2 { text-align: left; } 
 /**/

 /* Footer */
 #footer .page_bottom_wrap .pb_tt { margin-bottom: 10px; } 
 #footer .page_bottom_wrap .quick_link_box .list { } 
 #footer .page_bottom_wrap .quick_link_box .list > li { flex: 0 0 fit-content; } 

 #footer .footer_info_wrap { padding: 1.5em 0 7.5em; } 
 #footer .footer_info_wrap > .inner { gap: 1.5em; } 
 #footer .footer_info_wrap .info_box { order: 2; flex: 1 1 100%; } 
 /**/

 /* Login */
 .login_wrap { padding-top: 3em; padding-bottom: 5.5em; } 
 .login_wrap .login { width: 92%; } 
 .form_st.st1 > li .in_tit { font-size: 1rem; } 
 /**/


 /* Sub - Company */
 .summary-wrap .right .list-wrap > li { flex: 1 1 100%; max-width: 100%; } 
 .info-zgzg .list > li { flex: 1 1 100%; max-width: 100%; } 
 .info-zgzg .list > li .img-area { height: 30vh; } 
 .info-zgzg .list > li .txt-area > p.fwB { font-size: 1.25rem; } 
 .info-zgzg .list > li .txt-area > p.fwR { font-size: 1rem; } 
 .info-tit { flex-wrap: wrap; gap: 1.5em; } 
 .info-tit .tit,
 .info-tit .txt { flex: 1 1 100% } 
 .company-location-wrap .info-tit .txt { font-size: 1rem; } 
 .info-lay .txt-area { width: 100%; flex: 1 1 100% } 
 
 .about_wrap .about_tbox .in_tx > p br { display: none; } 
 /**/


 /* Sub - b2b */
 .addLecture col { display: none; } 
 .addLecture tr { display: flex; flex-wrap: wrap; padding: 1.25em 0; } 
 .addLecture tr td,
 .addLecture tr th { flex: 1 1 100%; padding: 0; border-bottom: none; } 

 .lecture_detail_opt#edu_table td { padding: 1em 0; border-bottom: 1px solid #eee; } 
 .addLecture tr th { padding-bottom: 1em; } 
 .addLecture tr td .input_st { /* width: 100% !important; */ } 
 .mypageCTT .agree > li { padding-left: 0; } 
 /**/

 /* sub - online */
 .page_onlineT .onlineT-sec { padding-bottom: 1.5em; margin-bottom: 1.5em; } 
 .page_onlineT .cont_wrap > p { font-size: 1rem; } 
 .page_onlineT .cont_wrap ul > li { font-size: 1rem; } 

 .addLecture tr td .btn_calendar { display: none; } 

 .down-form { flex-wrap: wrap; } 
 .down-form > p { flex: 1 1 100%; } 
 .down-form > a { flex: 1 1 100%; text-align: center; } 

 /**/



 /* Login */
 .login_wrap .btn_wrap .btn.s1 { font-size: 1.125rem; } 
 /**/


 /* Main Request */
 .main_con .main_quick_icon_wrap .list > li { flex: 1 1 50%; } 
 .main_con .main_quick_icon_wrap .list > li:nth-child(even) .in { border-width: 0 0 0 0; } 
 .main_con .main_quick_icon_wrap .list > li:nth-child(odd) .in { border: dashed rgba(0,0,0,.2); border-width: 0 1px 0 0; } 
 .main_con .main_quick_icon_wrap .list > li .in .s-tt { display: none; } 
 /**/

 /* Mypage */
 .intro_top { padding: 1em 0 1em 0; } 
 .intro_top .intro_top_info { padding: 1.5em 0 0 0; border-radius: 1em 1em 0 0; } 

 .mypage_box .title_wrap .mypageTT { font-size: 1.125rem; } 

 .intro_top .intro_top_info > div .text_wrap { flex-wrap: wrap; } 
 .intro_top .intro_top_info > div .text_wrap .tt { flex: 1 1 100%; } 
 
 .lm_wrap .left_menu_wrap .gnb .dp2 > li { height: auto; } 
 .lm_wrap .left_menu_wrap .gnb .dp2 > li > a { padding: 0 1em; } 
 .lm_wrap .left_menu_wrap .gnb .dp2 > li > a .tt { font-size: 0.875rem; } 


 .l_ing_wrap .page_prod > li { width: 50%; } 
 .l_end_wrap .page_prod > li { width: 50%; } 
 .mypageCTT .table_wrap .board_st tr { padding: 1em; } 

 .page_tab_wrap .tab > li { } 
 .page_tab_wrap .tab > li .in { min-width: 0; } 


 .writePhoto.st2 { width: 100%; } 
 .writePhoto .write_img .photoBtn .xi { font-size: 4.5em; } 
 .myapge_people .resize.s1 { padding-bottom: 56.6666%; } 


 .addLecture tr td .input_st[name=hope_view_days],
 .addLecture tr td .input_st[name=price_ori],
 .addLecture tr td .input_st[name=price],
 .addLecture tr td .input_st#edu_num, 
 .addLecture tr td .input_st[name=edu_app] { width: 95% !important; } 
 .addLecture tr td .input_st.datepicker { width: calc(50% - 1.25em) !important; } 
 .input_st.c3.re { border-radius: 5px !important; } 
 .mypageCTT .table_wrap .board_st td { /* align-items: flex-start; justify-content: center; */ } 

 .mypageCTT .table_wrap .board_st td font { padding-right: 1em; width: 100%; white-space: normal; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; /* height: 2.25rem;  */} 


 .order_list td.w_auto > .flex { flex-wrap: wrap; width: 100%; gap: 1.5em; } 
 .order_list .thumb_wrap { width: 100%; margin-right: 0; } 
 .order_list .thumb_wrap .thumb_img { padding-bottom: 56.66%; } 
 .order_list .info_wrap { flex: 1 1 100%; } 
 .lecture_detail_opt tr { padding: 1em; /* gap: 1em; */ } 
 .group_inp { justify-content: center; } 
 .group_inp select.input_st { flex: 1 1 100%; } 


 .lecture_detail_opt tr { flex: 1 1 100%; max-width: 100%; } 
 .lecture_detail_opt .input_row_btn.col .input_st { width: 100%; } 
 .lecture_detail_opt .devel { padding-top: 0; } 
 .lecture_detail_opt .devel .input_row_btn { width: 100%; } 
 .mypageCTT .table_wrap .board_st td.noc { align-items: center; } 
 .order_list td.w_auto > p { justify-content: flex-end; } 

 .mypageCTT .table_wrap .board_st td.state_btn { padding: .75em 0; } 
 .mypageCTT .table_wrap .board_st td.state_btn::before { display: none; } 
 .mypageCTT .table_wrap .board_st td.state_btn .w_account_btn { width: 100%; } 

 .myapge_people { justify-content: center; } 
 .myapge_people .exTxt { text-align: center; } 

 .addLecture tbody tr .input_st.c1 { margin-top: 10px; } 
 .addLecture tbody tr .group_inp > .group_inp { justify-content: flex-start; } 
 .addLecture tbody tr .group_inp > .group_inp .input_st.w5 { width: 68% !important; } 
 .addLecture tbody tr .group_inp > .group_inp .input_st.c3 { width: 30% !important; } 


 /* Mypage - Student */ 
 .order_list .info_wrap .info_in .s-info { width: 100%; flex-direction: row; } 
 .order_list .info_wrap .info_in .s-info .link_lecture { justify-content: center; text-align: center; } 


 .page_prod_view.st2 .detail_wrap .prod_tit .t2 { font-size: 1.25rem; } 
 .page_prod_view .view_round { padding: 1em; } 

 .order_list .label_st > .xi { font-size: 2rem; } 
 .mypageCTT .table_wrap .board_st td:has(.chkchk) { padding: 0; } 
 .mypageCTT .table_wrap .board_st td:has(.chkchk)::before { display: none; } 

 .order_list td.w_auto > .flex > .grow { width: 100%; flex: 1 1 100% } 
 .order_list td.w_auto > .flex .link_lecture { flex: 0 0 fit-content; } 
 .writePhoto .write_img { width: 100%; } 
 .myapge_people { width: 92vw; } 
 .myapge_people > * { box-sizing: border-box; } 
 .writePhoto .write_img .photoView .modify_wrap { box-sizing: border-box; } 
 .writePhoto .write_img .photoView .modify_wrap { padding: 0; /**/ } 

 .payment_point .page_tit .t5 { font-size: 1rem; text-align: left; } 
 .payment_point .group_inp { flex-wrap: wrap; } 
 .payment_point .group_inp .input_st { width: 100%; flex: 1 1 100%; } 
 .payment_point .bank_info select { width: 100%; } 
 .txt_small { margin-top: 10px; text-align: left; } 
 .order_step_wrap .order_step_tit { flex: 1 1 100%; } 
 .order_step_wrap .order_step_tit .tit .tt { font-size: 1.25rem; } 
 .order_step_wrap .order_step_tit .tit .xi { width: 2em; height: 2em; } 
 .order_step_wrap .order_step > li .in .tt { font-size: 0.875rem; } 
 .order_step_wrap .order_step { width: 100%; } 
 .order_step_wrap .order_step > li { flex: 1; justify-content: center; position: relative; } 
 .order_step_wrap .order_step > li .arrow { position: absolute; left: -10%; top: 50%; transform: translateY(-50%); padding: 0 0.5em; font-size: 1rem; } 
 .order_step_wrap .order_step > li .in { flex-direction: column; } 
 .order_fin { padding-top: 0; } 
 .order_fin .fin_ment1 { font-size: 1.5rem; } 


 /* curriculum */
 .dif-lay { flex-wrap: wrap; } 
 /* .dif-lay.gap5 { gap: 2em; } */
 .dif-lay .dif-box { flex: 1 1 100%; } 
 .dif-lay .dif-box ul { height: auto; min-height: auto; } 
 .versus { top: calc(50% - 2rem); } 
 .dif-lay .dif-box.douki { padding-top: 2.5em; } 
 .curri-wrap .curri-lay .title > .tt { font-size: 1rem; } 

 .cate-curri { padding: 3em 0; } 

 .cate-curri .curri-tab { width: 100vw; padding: 0 4%; box-sizing: border-box; margin-left: -4%; overflow-x: scroll; } 
 .cate-curri .curri-tab::-webkit-scrollbar { display: none; } 
 .cate-curri .curri-tab > li { flex: auto; min-width: fit-content; font-size: 0.875rem; } 
 .cate-curri .cate-curri-con { padding: 1.5rem 0; } 
 .cate-curri .curriSlider .swiper-slide { width: 60vw; } 
 .cate-curri .tit-info > h3 { font-size: 1.25rem; } 
 .cate-curri .tit-info > .in { font-size: 1rem; } 
 .conIdx .curri-table:has(.board_st.curri-table) { border-radius: 0; box-shadow: none; overflow: visible; } 
 .curri-wrap .curri-table .table-wrap { overflow-x: scroll; margin-left: -4%; padding: 0 4%; } 
 .conIdx .board_st.curri-table { min-width: 660px; } 

 /**/
 .intro_wrapper .intro_con .info,
 .intro_wrapper .intro_con .img_con { width: 100%; } 
 .intro_wrapper .intro_con .img_con { height: 26em; } 
 .intro_wrapper .intro_con { flex-direction: column; } 

 .partnerTop .img_con { height: 25em; } 
 .intro-cont .intro-box > .img-area { width: 100%; height: 20em; } 
 .intro-cont .intro-box { flex-direction: column; } 
 .intro-cont .intro-box .desc-area { width: 100%; margin-top: 50px; } 
 .partnerImg_joy .img_con > .info { width: 100%; padding: 0 3em; box-sizing: border-box; } 
 .partnerImg_joy .img_con > .info > .tit { font-size: 1.815em; } 
 .flex_box .contactBox > li { flex: 1 1 100%; max-width: 100%; } 
 .contactBox > li > .in { margin: 0 0 1em 1em !important; } 
 }

@media screen and (max-width:650px){
 .curri-wrap .curri-table tbody tr td { word-break: break-all; } 
 }
/* Size of Mobile */
@media screen and (max-width:500px) { /* Header */
 #header .all_layer { width: 75vw; } 
 #header .all_layer .gnb .dp1 { font-size: 1rem; } 
 #header .all_layer .gnb .dp2 a { font-size: 0.875rem; } 
 #header .all_layer .all_member { padding-left: 1rem; } 
 #header .all_layer .close_btn { padding: 0.75em; } 
 #header .all_layer .all_member > li > a .vm_tt { display: flex; align-items: center; } 
 #header .all_layer .all_member > li > a .vm_tt .xi { display: none; } 
 #header .all_layer .all_member > li > a .tt { margin-left: 0; } 

 /**/
 .main_con { padding: 3.5em 0; } 

 /*이용가이드*/
 .use_guide { padding: 1em; } 
 .use_guide .guide_con .page_dot_list > li { padding-left: 1.5em; } 
 .use_guide .guide_con h1 { font-size: 1.215em; } 
 .use_guide .guide_con h2 { font-size: 1.063em; } 
 .use_guide .guide_con .page_dot_list > li:before { top: 5px; left: 1em; } 


 /* Main - Inc Style */
 .main_con_wrap { padding: 3.5em 0 3.5em; } 
 .main_con_wrap .main_con_tit_wrap .t2 { font-size: 1rem; } 
 /**/


 /* Main - Visual Slider */
 .visualSlider { height: 60vh; } 
 .visualSlider_wrap .slogan .t1 { font-size: 1.125rem; } 
 .visualSlider_wrap .slogan .t2 { font-size: 1.5rem; } 
 .visualSlider_wrap .slogan .t3 { font-size: 1rem; } 
 .visualSlider_wrap .main_search_wrap .ms_inner .inpst { font-size: 1rem; } 
 .visualSlider_wrap .main_search_wrap .inpst.c1 { font-size: 1rem; } 
 .visualSlide_control .control { font-size: .9em; } 
 /**/


 /* Main - Quick */
 .main_con .main_quick_icon_wrap .inner { padding: 0; } 
 .main_con .main_quick_icon_wrap .list { padding: 0; } 
 .main_con .main_quick_icon_wrap .list > li .in { gap: 0.5em; } 
 .main_con .main_quick_icon_wrap .list > li .in .tt { font-size: 0.875rem; height: 2.125rem; } 
 /**/

 /* Main - Cate */
 .page_prod .in .con_wrap { padding: 1em 1em 2em; } 
 .page_prod .in .con_wrap .cate { font-size: 0.75rem; } 
 .page_prod .in .con_wrap .con_t2 { font-size: 1rem; } 
 ul.page_prod { margin: 0 0 -2em -1em; } 
 ul.page_prod > li .in { margin: 0 0 2em 1em; } 
 /**/

 /* Main - Review */
 .review_list > li .in .con_wrap .user_prof_wrap .thumb_wrap { width: 20px; height: 20px; } 
 .review_list > li .in .con_wrap .user_prof_wrap .user_name { font-size: 0.875rem; } 
 /**/
 

 /* Main - link */
 .main_link_list { justify-content: flex-start !important; } 
 .main_link_list > li .in .ico { width: 5.5em; height: 5.5em; } 
 .main_link_list > li .in .txt .tt { font-size: 1rem; } 
 /**/

 .board_Event .con_wrap .t2 .date { font-size: 0.875rem; } 
 .label_st.s2 { gap: 0 0.25em; } 
 .label_st.st2 input ~ span { font-size: 0.875rem; } 
 .page_sort .sort_list > li:not(:last-child) .in:after { margin: 0 0.5em; } 
 .page_search_wrap { padding: 0 0 1.5em 0; } 


 /* Sub - Top */
 #contents .sub_page_menu .gnb .dp2 { overflow-x: scroll; justify-content: flex-start; padding: 0 4%; width: 100vw; margin-left: -4%; } 
 #contents .sub_page_menu .gnb .dp2::-webkit-scrollbar { display: none; } 
 #contents .sub_page_menu .gnb .dp2 > li { min-width: fit-content; width: fit-content; } 
 #contents .sub_page_menu .gnb .dp2 > li > a { padding: 0 1em; height: 3em; } 
 #contents .sub_page_menu .gnb .dp2 > li.on > a { height: 3em; } 
 .hotclassSlider { height: 55vh; } 
 /**/

 /* Prod View */
 .page_prod_view { padding-top: 1.5em; } 
 .page_prod_view .view_round { padding: 1em; } 
 .page_prod_view .detail_wrap .thumb_teacher { top: 15px; left: 1em; width: 4em; height: 4em; } 
 .page_prod_view .detail_wrap { padding-top: 4em; } 
 .page_prod_view .detail_wrap .prod_tit .t2 { font-size: 1.25rem; } 
 .star_wrap > .star_num { font-size: 0.875rem; } 
 .page_box { padding: 1em 1.25em; } 
 .page_tit .t7 { font-size: 1rem; } 
 .page_prod_view .teacher_layout .inCon .name .tt { font-size: 1.125rem; } 
 .comment_area .inner { padding: 12px; } 
 .comment_area .comment { padding-right: 0; } 
 .comment_area .comment .comment_btn { position: relative; width: 100%; margin-top: 5px; } 
 #QuickMoblie .all_menu .menu > li > a { padding: 0.5em 0.125em 1em; } 

 .recomSlider_wrap { padding: 3em 0; } 
 .recomSlider_wrap .fs28 { font-size: 1.5rem !important; } 
 /**/


 /* Sub - Review */
 .review_wrap_sm .review_user .review_head { position: relative; align-items: center; } 
 .review_wrap_sm .review_user .review_head button { position: absolute; top: 0; right: 0; font-size: .75rem; padding: 0.25em 0.5em; } 
 .review_wrap_sm .review_user .review_head .r_head_info_wrap .r_head_star_date { flex-wrap: wrap; gap: 5px; } 
 .review_wrap_sm .review_user .review_head .r_head_info_wrap .r_head_star_date .r_head_star { width: 100%; } 
 .review_wrap_sm .review_user .review_head .r_head_info_wrap .r_head_star_date .r_head_date { width: 100%; } 
 /**/

 /* Board - Search */
 .board_search_wrap .right .input_st[type=text] { width: 100%; } 
 .board_search_wrap .right button { width: 100%; height: auto; padding: 0 1em; height: 2.5em; } 
 .label_select { width: 100%; } 
 .label_select .input_st { width: 100%; } 
 .label_select select { width: 100%; padding-right: 1.5em !important; } 

 .board_search_wrap .right { flex-wrap: wrap; } 
 .board_search_wrap .right .btn_write { width: 100%; padding: 0.5em; display: flex; justify-content: center; align-items: center; gap: 0.5em; } 
 .board_search_wrap .right .btn_write .tt { display: block; } 
 /**/
 
 /* Board - Notice */
 .board_st.list.notice tr td.w_date { color: #aaa; } 
 /**/

 /* Board - FaQ */
 .board_st.faq .BStit .w_tit { font-size: 1rem; } 
 
 /* Footer */
 #footer .goTop { width: 2.5em; height: 2.5em; border-radius: 50%; right: 0.5em; } 
 #footer .goTop .xi { font-size: 1rem; } 
 /**/


 /* Sub - Company */
 .about_wrap .about_tbox { margin-top: -12em; padding: 1.5em; } 
 .info-zgzg .list > li .txt-area { padding: 1.5em 1em; } 
 .summary-wrap .right .list-wrap > li { padding: 1.5em; } 
 /**/

 /* sub - online */
 .down-form > p { font-size: 0.875rem; } 
 /**/



 /* Mypage */
 .intro_top .intro_top_info > div .text_wrap .tt { font-size: 0.875rem; } 

 .l_ing_wrap .page_prod > li > .in .btn_wrap2,
 .l_end_wrap .page_prod > li > .in .btn_wrap2 { flex-wrap: wrap; } 
 .l_ing_wrap .page_prod > li > .in .btn_wrap2 .btn,
 .l_end_wrap .page_prod > li > .in .btn_wrap2 .btn { width: 100%; flex: 1 1 100%; } 
 .l_ing_wrap .page_prod .in .con_wrap,
 .l_end_wrap .page_prod .in .con_wrap { padding: 1em; } 


 .mypageCTT .table_wrap .board_st tr { flex: 1 1 100%; max-width: 100%; } 


 .page_tab_wrap .tab > li .in { padding: 0.5em; } 

.addLecture tr td .input_st[name=hope_view_days],
 .addLecture tr td .input_st[name=price_ori], 
 .addLecture tr td .input_st[name=price], 
 .addLecture tr td .input_st#edu_num, 
 .addLecture tr td .input_st[name=edu_app] { width: 90% !important; } 
 /**/


 /* pop */
 .popCon .addLecture tr td .input_st.w3 { margin-top: 10px; } 
 .popCon .addLecture tr td .label_st.st2 { margin-top: 10px; } 

 .addLecture tbody tr .group_inp > .group_inp .input_st.w5 { width: calc(70% - 0.5em) !important; } 
 .addLecture tbody tr .group_inp > .group_inp .input_st.c3 { padding: 0.5em; } 
 /**/


 /* POP 다듬기 */
 body.pop .popWrap .popTit { padding: 1em; } 
 body.pop .popWrap .popIn { padding: 1em 1em 2em 1em; } 
 /**/
 

 /* Board 다듬기 */
 .ts_r.scrollst .board_st { min-width: 500px; } 
 /**/



 /* Mypage - Student */
 .order_list td.w_auto > .flex .link_lecture { flex: 1; } 
 .page_tab_wrap .tab > li .in .tt { font-size: 0.875rem; } 
 .page_prod_view .view_btn .fix:nth-child(1) { flex: 0 0 calc(20% - .375em); } 
 .page_prod_view .view_btn .grow { flex: 0 0 calc(80% - .375em); } 
 .page_prod_view .view_btn .fix:nth-child(3),
 .page_prod_view .view_btn .fix:nth-child(4) { flex: 0 0 calc(50% - .375em); } 

 .order_list td.w_auto > .flex .link_lecture.purch { flex: 0 0 fit-content; } 
 .total_price_cal { text-align: left; font-size: 0.875rem; } 
 .board_st.list.tit.mtm1 th { height: auto; } 

 .order_table.st2 col { display: none; } 
 .order_table.st2 tr { display: flex; } 
 .order_table.st2 tr th,
 .order_table.st2 tr td { height: auto; } 
 .order_table.st2 tr th { min-width: 7em; } 
 .order_table.st2 tr td { flex: 1; text-align: right; } 
 /**/


 .total_price_cal { font-size: 0.75rem; color: #666; } 
 .order_list .flex.vc:has(.total_price_cal) { flex-direction: column; align-items: flex-start; gap: 1em; } 
 .order_list .flex.vc:has(.total_price_cal) .total_price { width: 100%; } 
 .order_num_info { gap: 1em; } 
 .order_num_info > li:not(:last-child) .in:after { display: none; } 


 .dif-lay .dif-box ul > li { font-size: 1rem; } 
 .w_date6 { width: 30vw; } 
 .curri-wrap .curri-table tbody tr td { padding: 1rem; } 
 .cate-curri .curri-controls { display: none; } 
 .cate-curri .curriSlider .imgfix { height: 85vw; } 

 /*membership*/
 .main_member { flex-direction: column-reverse; } 
 .main_member .left,
 .main_member .right { width: 100%; } 

 /*partner*/
 .main_partner .logoList > li { flex: 1 1 33.33%; max-width: 33.33%; } 

/*main search*/
 .main_search { padding: 2em; } 
 .main_search .search_txt > .tit { font-size: 1.215em; } 
 .main_search .search_wrap .cate_warp .label_select { width: 40%; } 
 .main_search .search_wrap .cate_warp .input_cate, .main_search .search_wrap .cate_warp .input_tit { height: 3em; font-size: .85em; } 
 .main_search .search_wrap .main_button { height: 3em; font-size: .9em; } 

 /*main why*/
.flex_box .colorBox > li { flex: 1 1 100%; max-width: 100%; } 

/*top class*/
.flex_box .eduList > li { flex: 1 1 100%; max-width: 100%; } 

/*input_st*/
.input_st.s4 { height: 3.5em; padding: 1em 1.5em } 
.input_st.s4 > .tt { font-size: .95em; } 

/*new class*/
.updateSlide .update-container .inner { flex-direction: column-reverse; } 
.updateSlide .update-container .inner .info,
.updateSlide .update-container .inner .img_con { width: 100%; } 
.updateSlide .update-container .inner .img_con { height: 13em; } 
.updateSlide .update-container .inner .info { text-align: left; } 
.update_control .control .progress-container { width: 100%; } 
.main .main_update .page_tit { margin-bottom: 0em; } 
.update_control .control .progress-container .progress-bar,
.update_control .control { width: 100%; } 
.updateSlide .update-container .inner .info { padding: 1.5em; } 
.updateSlide .update-container .inner .info .tit { font-size: 1.215em; } 

/*main*/
.main .page_tit { margin: 0 0 2em 0; } 

/*membership*/
.main_member .right .main_iconList > li > .con > .tt { font-size: 1em; } 

/*visual slogan*/
.visualSlide_wrap .slogan .t1 { font-size: 3vmin; } 
 .visualSlide_wrap .slogan .t3 { font-size: 3.5vmin; } 

 /*content*/
 #contents .sub_page_tit { height: 15em; } 
#contents .sub_page_tit .tt { font-size: 1.815em; } 
#contents .sub_page_con .con_tit .tt { font-size: 1.715em; margin-bottom: .5em; } 

/*sub platfrom*/
.intro_wrapper .intro_con { gap: 2em; } 
.intro_wrapper .intro_con .img_con { height: 15em; } 
.intro_wrapper .intro_con .info > .tit { font-size: 1.515em; } 
.intro_wrapper .intro_con .info .desc_list > .tt { font-size: 1em; } 
.value_wrap .valueList > li { flex: 1 1 100%; max-width: 100%; } 
.value_wrap .valueList > li > .in > .icon > img { height: 80px; } 
.value_wrap .valueList > li > .in { padding: 2em; } 

/*footer*/
#footer .page_bottom_wrap .quick_link_box .listW { flex-direction: column; } 

/**/
.partnerTop .img_con .info { padding: 0 1em; } 
.partnerTop .img_con { height: 30em; } 
.partnerTop .img_con .info > .tt { font-size: 1.615em; } 
.partnerTop .img_con .info .desc > .tt { font-size: 1.063em; } 
.intro-cont .intro-box > .img-area { height: 15em; } 
.intro-cont .intro-box .desc-area { margin-top: 35px; padding: 0 1em; box-sizing: border-box; } 
.intro-cont .intro-box .desc-area .title { font-size: 23px; } 
.intro-cont { margin-top: 0px; } 
.partnerImg_joy .img_con > .info > .tit { font-size: 1.615em; } 
.partnerImg_joy .img_con > .info { padding: 0 1.5em; } 
.partnerImg_joy .img_con > .info > .desc { font-size: 1em; } 
.contactBox > li > .in { flex-direction: column; } 
.intro-cont .intro-box .desc-area .chk-desc li { font-size: 16px; } 
.intro-cont .intro-box .desc-area .chk-desc li:before { top: 0; } 

/*community*/
.community_listW .community_list > li { flex: 1 1 100%; max-width: 100%; } 
.community_view_wrapper .community_viewA .community_viewImg { height: 20vh; } 
.community_view_wrapper .community_viewA .infoInner { padding: 4em 1.5em 2em 1.5em; } 
.community_view_wrapper .community_viewA .infoInner .BtnP { position: relative; top: 0; right: unset; margin-bottom: 1em; } 
.community_view_wrapper .community_viewA .infoInner .title { font-size: 1.415em; } 
.memberInner .host > li { flex: 1 1 50%; max-width: 50%; } 
.memberInner .host > li > .in > .profileImg { width: 6em; height: 6em; } 
.memberInner .host > li { flex: 1 1 50%; max-width: 50%; } 
.community_view_wrapper .community_viewA .community_viewImg .instructorImg { left: 1.5em; } 

/*enjoy*/
.cal_inwrapper { flex-direction: column; align-items: start; } 
.cal_inwrapper .in_wrap:first-of-type { width: 100%; } 
.cal_inwrapper .in_wrap { width: 60%; } 

/*coupon*/
.table_wrap .mbSlide { overflow-x: scroll; padding-bottom: 1em; } 
.table_wrap .mbSlide .board_st { width: 800px; } 
.pop .board_btn_wrap { flex-direction: column; } 

.intro-cont .intro-box .desc-area { margin-left: 0; } 
 .infoN { flex-direction: column; gap: .5em; width: 100%; justify-content: start; align-items: start; } 
 .infoN > li:not(:last-child):after { display: none; } 
 .infoN > li{ width: 100%; border-bottom: 1px solid #e8e8e8; padding-bottom: .5em;}

 .intro_top > .box1{ width: 100%;}

 .board_st .w_btn{ width: 7.5em;}
  
 .w_check{ display: none;}
 .login_wrap .btn_wrap .btn{ padding: 0 1em; font-size: 1em; height: 3em;}
 .leveltest_wrap{ width: 94%; margin: 0 auto;}

 .step_st{ gap: 0 1em;}
 .step_st > li{ width: 20%;} 
 .step_st > li:not(:last-child) .ico:before{ left: 50%; width: 6em;}
 

 }


@media screen and (max-width:400px){
 .versus { top: calc(50% - 4rem); } 

}
/* Size of Flip */
@media screen and (max-width:320px) { /* Header */
 #header .logo img { width: 35vw; } 
 #header .top_wrap, 
 #header .h_menu_wrap, 
 #header .gnb_wrap .gnb > li .dp1, 
 .header_pd { height: 3.5em; } 

 #header .all_layer { width: 100vw; } 
 #header .all_layer .all_member > li > a .tt { font-size: 0.75rem; } 
 #header .all_layer .gnb .dp1 { padding: 1rem 1rem; } 
 #header .all_layer .gnb .dp2 a { padding: 1rem 1.5rem; } 
 /**/

 /* Main - Inc Style */
 .main_con_wrap .main_con_tit_wrap .link_btn { padding: 0.5em 1em; font-size: 0.875rem; } 
 /**/

 /* Main - Visual Slider */
 .visualSlider_wrap .main_search_wrap .ms_inner .inpst { font-size: 0.875rem; } 
 .visualSlider_wrap .main_search_wrap .ms_link .ms_f .tt { font-size: 0.875rem; } 
 /**/


 /* Main - Cate */
 .main_con_cate_list_wrap .main_con_cate:first-child, 
 .main_con_cate_list_wrap .main_con_cate:last-child, 
 .main_con_cate_list_wrap .main_con_cate { padding: 0.5em 1em; } 
 ul.page_prod > li { width: 100%; } 
 /**/

 /* Main - Review */
 .review_list > li { min-width: 75vw; } 
 /**/

 /* Quick */
 #QuickMoblie .all_menu .menu > li .vm_tt > i { font-size: 1rem; } 
 #QuickMoblie .all_menu .menu > li > a { padding: 0.5em 0.5em 1.5em; } 
 #QuickMoblie .all_menu .menu > li:nth-child(2) { display: none; } 
 #QuickMoblie .all_menu .menu > li { flex: 1; } 
 /**/

 /* Board - Notice */
 .board_search_wrap .right .label_select { width: 100%; } 
 .board_search_wrap .right .label_select select { width: 100%; } 
 /**/

 /* Board - FaQ */
 .board_st.faq .board_more .xi { font-size: 1.25em; } 
 .board_st.faq .faq_tit { font-size: 1.125rem; } 
 .board_st.faq .BScon .w_tit { line-height: 1.5em; } 
 /**/


 /* Sub - Review */
 #contents .review_list > li { width: 100%; } 
 /**/

 /* Sub - Event */
 .event_tab_wrap { gap: 0.5em; } 
 .event_tab_wrap > li { min-width: auto; flex: 1; } 
 .event_tab_wrap > li a { font-size: 0.875rem; } 
 .board_Event > li { width: 100%; } 
 /**/

 /* Footer */
 #footer .goTop { bottom: 5.5em; } 
 /**/

}

/* Size of Flip & other */
@media screen and (max-width:280px) { }