@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1680px){	
body{ font-size:15px;}
body.isMobile #header .side_wrap .menu .toggleMenu .inMenu{ overflow-y:visible !important;}

#header .side_wrap .menu > li .in > .xi + .tt{ display:none;}
#header .side_wrap .menu > li .in:not(.flex){ padding-left:.5em; padding-right:.5em;}
#header .side_wrap .menu > li .in.photo > .tt.close:not(.xi){ display:none !important;}
}

@media screen and (max-width:1440px){
/*header*/
#header .head_wrap .logo > a img{ width:9em;}
#header .head_wrap .business_logo{ font-size:.813em;}
#header .gnb_wrap .gnb{ padding-left:2vw;}
#header .gnb_wrap .gnb > li .dp1{ padding:.5em 1vw;}

#contents .page_subLayout_box > .subLayout_nav{ width:13em;}
#contents .page_subLayout_box > .subLayout_con{ padding-left:1em;}
#contents .page_subLayout_box > .subLayout_con .mem_join_box,
#contents .page_subLayout_box > .subLayout_con .mem_login_box{ width:100%;}

/**/
.page_tutor_view .tutor_view_layout.moSt1 > .tutor_view_side{ width:20em;}
.page_tutor_view .tutor_view_layout.moSt1 > .tutor_view_cont .my_student_list .tutorCard .tutor_info_wrap .info_photo{ width:4.25em;}
.page_tutor_view .tutor_view_layout.moSt1 > .tutor_view_cont .my_student_list .tutorCard .card_inner.flex .tutor_info_wrap{ padding-right:1em;}
.page_tutor_view .tutor_view_layout.moSt1 > .tutor_view_cont .my_student_list .tutorCard .tutor_info_wrap.flex .info_con{ padding-left:1em;}
.creditCard > .card_inner{ font-size:.875em;}
.creditCard .creditTxt_wrap > .cre_tit > .tt{ font-size:.938em;}

.page_lessAdmWrap .lessons_left{ width:30%;}
.page_lessAdmWrap .lessons_right{ width:70%;}
.page_lessAdmWrap .lessons_section{ padding:1em 1em;}
.page_lessAdmWrap .my_student_list .student_list_wrap > li .card_inner{ padding:.75em .75em;}
.page_lessAdmWrap .lessons_right .lessons_sticky ~ div .lessons_section{ padding:0 0; background:transparent; border:none; box-shadow:none;}


/*MEMBER******************/
.mem_step_wrap > .box0{ max-width:100%;}

/**/
.page_design_wrap .layPd{ padding:0 0;}
.page_design_wrap .design_col_box .sec_item > .inner:not(.innerCol){ padding:1em;}


/***********************/
/*MAIN******************/
.main_visual_wrap .main_visual{ height:auto;}
.main_visual_wrap .main_visual .visual{ position:static; flex:1; transform: translateY(0);}
.main_visual_wrap .main_visual .visual img{ max-width:100%;}

}

@media screen and (max-width:1360px){

}

@media screen and (max-width:1280px){	
body{ font-size:14px;}

#header .side_wrap .menu > li .in.photo > .img{ margin-right:0;}
#header .side_wrap .menu > li .in.photo > .tt:not(.close){ display:none;}

/*contents*/
#contents .page_subLayout_box{ flex-direction:column;}
#contents .page_subLayout_box > .subLayout_nav{ width:100%; margin-bottom:2em;}
#contents .page_subLayout_box > .subLayout_con{ width:100%; padding-left:0;}

#contents .page_subLayout_box > .subLayout_nav .flex:not(.gnb){ display:flex; flex-wrap:wrap;}
#contents .page_subLayout_box > .subLayout_nav .flex > li{ width:25%;}
#contents .page_subLayout_box > .subLayout_nav > .gnb > li,
#contents .page_subLayout_box > .subLayout_nav > .gnb > li .dp2 > li,
#contents .page_subLayout_box > .subLayout_nav.ifDP4 > .gnb > li .dp3 > li{ width:100% !important;}
#contents .page_subLayout_box > .subLayout_nav > .gnb > li ul > li{ position:relative;}
#contents .page_subLayout_box > .subLayout_nav > .gnb > li ul > li:not(.on){ z-index:2;}
#contents .page_subLayout_box > .subLayout_nav > .gnb > li ul > li > a{ height:4em; padding:.75em .5em; border-width:0 1px 1px 0; margin:0 -1px -1px 0; text-align:center !important;}
#contents .page_subLayout_box > .subLayout_nav > .gnb > li ul > li > a:before{ display:none !important;}
#contents .page_subLayout_box > .subLayout_nav > .gnb > li ul > li > a .tt{ font-size:1em;}


/*튜터 리스트*/
.tutorCard.moSt1 .card_inner.flex .tutor_info_wrap{ flex:1 1 100%; padding-right:0 !important;}
.tutorCard.moSt1 .card_inner.flex .tutor_desc_wrap{ flex:1 1 100%; padding-left:0; border-left:none;}
.tutorCard.moSt1 .card_inner.flex .tutor_btn_wrap { flex:1 1 100%; order:5; display:flex; flex-wrap:wrap; margin:0 0 -.25em -.25em; margin-top:2em;}
.tutorCard.moSt1 .card_inner.flex .tutor_btn_wrap .tit_basic{ flex:1 1 100%;}
.tutorCard.moSt1 .card_inner.flex .tutor_btn_wrap > .row{ flex:1 1 calc(50% - .25em); margin:0 0 .25em .25em;}
.tutorCard.moSt1 .card_inner.flex .tutor_btn_wrap .input_st{ padding-left:.25em; padding-right:.25em;}
.tutorCard.moSt1 .card_inner.flex .tutor_btn_wrap .input_st.s2{ font-size:1.125em; height:3em; line-height:1.875em;}


/*튜터 세부정보, 크레딧구매*/
.page_tutor_view .tutor_view_layout > .tutor_view_side{ width:24em;}
.page_tutor_view .tutor_view_layout > .tutor_view_side .price_wrap .price_list > li .price2{ font-size:1.250em;}
.page_tutor_view .tutor_view_layout.moSt1 > .tutor_view_cont{ flex:1 1 100%;}
.page_tutor_view .tutor_view_layout.moSt1 > .tutor_view_side{ flex:1 1 100%; padding-left:0; position:static;}
.page_tutor_view .tutor_view_layout.moSt1 > .tutor_view_side:not(.moSt1) .view_section{ margin-top:1.25em;}

.page_tutor_view .tutor_view_layout.moSt2{}
.page_tutor_view .tutor_view_layout.moSt2 .moHide{ display:none;}
.page_tutor_view .tutor_view_layout.moSt2 .pcHide:not(.moCheck){ display:block !important;}
.page_tutor_view .tutor_view_layout.moSt2 > .tutor_view_side{ order:initial !important;}
.page_tutor_view .tutor_view_layout.moSt2 > .tutor_view_side .view_section{ margin-top:1.25em;}
.page_tutor_view .tutor_view_layout.moSt2 > .tutor_view_side .price_wrap + .page_line.moHide{ display:block;}

.page_tutor_view .tutor_view_layout > .tutor_view_side .check_wrap > .page_sec2{ margin-top:.375em !important;}

.page_column_list .column_list .column_inner{ padding:.75em 0; font-size:1.313em;}
.page_column_list .column_list .column_inner .row{ padding:.125em 0;}
.page_column_list .column_list .column_inner .txt{ line-height:1.2;}
.page_column_list .column_list .column_inner .columnLeft{ flex:1 1 100%;}
.page_column_list .column_list .column_inner .columnCont{ flex:1 1 100%; padding-left:0; padding-top:.5em;}
.page_column_list .column_list .column_inner .columnLeft .tit{ font-weight:700;}
.page_column_list .column_list .column_inner .columnLeft a.input_st{ width:auto !important; font-size:.688em;}
.page_column_list .column_list .column_inner .diplomaBadge{ font-size:1em;}


/*튜터되기*/
.page_tutor_top .tutor_txt{ padding-left:3em;}
.page_tutor_top .tutor_txt br{ display:none;}


/*칼럼*/
.column_filter_wrap .pcHide{}
.column_filter_wrap .filterH{ height:auto;}
.column_filter_wrap .filter_inner{ padding:1em 0;}
.column_filter_wrap .filter_category{ flex:0 1 auto;}
.column_filter_wrap .filter_category{ display:flex; align-content:center; align-items:center;}
.column_filter_wrap .filter_category:before,
.column_filter_wrap .filterR .wrap_in:before{ font-size:1.063em; font-weight:700;}
.column_filter_wrap .filter_category:before{ content:"Category"; padding-right:.75em;}
.column_filter_wrap .filter_category .wrap_in{ position:relative; min-width:10em;}
.column_filter_wrap .filter_category .filter_moBtn.pcHide{ display:flex !important;}
.column_filter_wrap .filter_category .filter_moBtn{ width:100%; text-align:left; padding-right:.5em;}
.column_filter_wrap .filter_category .filter_moBtn > .tt{ flex:1;}
.column_filter_wrap .filter_category .filter_moBtn > .xi:before{ font-size:1.063em;}
.column_filter_wrap .filter_category .cate_list{ display:none; position:absolute; top:100%; left:0; width:100%; margin-top:.375em; padding:.625em 0; background:#fff; border:1px solid #e5e7eb; border-radius:.375em; font-size:1.125em;}
.column_filter_wrap .filter_category .cate_list > li{ padding:0 1em;}
.column_filter_wrap .filter_category .cate_list > li .in{ display:block; text-align:left !important; padding:.625em .25em;}
.column_filter_wrap .filter_category.active .cate_list{ display:block;}

.page_sub_columnList .columnList_wrap .columnCard .con_wrap{ font-size:1.250em;}
.page_sub_columnList.defSt .columnList_wrap{ margin:0 0 -.75em -.75em;}
.page_sub_columnList.defSt .columnList_wrap .columnCard .card_inner{ margin:0 0 .75em .75em;}


/*주간캘린더, 학습목표 설정*/
.page_lessons_top .arrow_btn ~ .date{ padding-left:.5em;}

.page_lessons_box .lessons_left{ width:100%;}
.page_lessons_box .lessons_right{ width:100%;}


/*학생별 수업관리*/
.page_lessAdmWrap .pcHide{ display:block !important;}
.page_lessAdmWrap .lessons_sticky{ position:static;}
.page_lessAdmWrap .lessons_section.st2,
.page_lessAdmWrap .lessons_left .lessons_section,
.page_lessAdmWrap .lessons_right .lessons_sticky ~ div .lessons_section{ padding:0 0; background:transparent; border:none; box-shadow:none;}
.page_lessAdmWrap .lessons_right .lessons_sticky .lessons_section{ margin-bottom:2em;}
.page_lessAdmWrap .lessons_section.st2{ position:sticky; position:-webkit-sticky; z-index:99; top:4.5em; text-align:right;}
.page_lessAdmWrap .lessons_right{ display:none;}
.page_lessAdmWrap.objOpen .lessons_left{ display:none;}
.page_lessAdmWrap.objOpen .lessons_right{ display:block;}

.page_filter_wrap.filterSt1{}
.page_filter_wrap.filterSt1 .filter_inner{ border:none; margin:0 0 -.25em -.25em;}
.page_filter_wrap.filterSt1 .filter_inner .filter_sec:before{ display:none;}
.page_filter_wrap.filterSt1 .filter_inner .filter_sec .wrap_in{ margin:0 0 .25em .25em; border:1px solid #777; border-radius:.75em;}
.page_filter_wrap.filterSt1 .filter_inner .filter_sec .con_tit{ font-size:1.250em; height:auto;}
.page_filter_wrap.filterSt1 .filter_inner .filter_sec .con_tit > .tt{ font-weight:700;}
.page_filter_wrap.filterSt1 .filter_inner .filter_sec.on .wrap_in{ background:#777; color:#fff;}
.page_filter_wrap.filterSt1 .dropdown_wrap .check_list > li > .tt{ font-size:1em;}

.tutorCard .tutor_info_wrap .info_con .time_wrap.timeSt2 .time_in > .xi{ font-size:1.25em;}
.tutorCard .tutor_info_wrap .info_con .time_wrap.timeSt2 .time_in > .time{ font-size:1.063em;}
.tutorCard.moSt2 .tutor_info_wrap.flex .info_photo{ width:4.5em;}
.tutorCard.moSt2 .tutor_info_wrap.flex .info_con{ padding-left:1.5em;}
.page_lessAdmWrap .tutorCard .tutor_info_wrap .info_con .nick_name{ font-size:1.188em;}
.page_lessAdmWrap .tutorCard .tutor_info_wrap .info_con .time_wrap .time_in.flex{ flex-wrap:wrap;}
.page_lessAdmWrap .tutorCard .tutor_info_wrap .info_con .time_wrap .time_in > a{ padding:.25em .5em;}
.page_lessAdmWrap .tutorCard .tutor_info_wrap .info_con .time_wrap .time_in .time ~ .input_st,
.page_lessAdmWrap .tutorCard .tutor_info_wrap .info_con .time_wrap .time_in .time ~ a[href]{ margin:.375em 0;}
.page_lessAdmWrap .tutorCard .tutor_info_wrap .info_con .time_wrap .time_in .time ~ .input_st{ font-size:.938em;}
.page_lessAdmWrap .tutorCard .tutor_info_wrap .info_con .time_wrap .time_in .time ~ a[href]{ font-size:1em;}
.page_lessAdmWrap .page_boxSt2 .page_txt > .t4,
.lessAdmCard .lessAdm_wrap .toggleWrap .toggleTxt > .tt{ font-size:1em;}


/*MEMBER******************/
.mem_step_wrap .mem_step > li{ flex:1 1 auto;}
.mem_step_wrap .mem_step > li > .in{ margin-right:2em !important;}
.mem_step_wrap .mem_step > li:first-child > .in{ padding-left:3vw;}
.mem_step_wrap .mem_step > li > .in:before{ padding-right:0; flex:1;}
.mem_step_wrap .mem_step > li > .in .tt{ display:none;}

}

@media screen and (max-width:1200px){

}

@media screen and (max-width:1024px){	
html.hidden,
html.hidden #header .head_wrap{ margin-right:0 !important;}

.scrollst{ overflow-y:auto !important;}

[data-aos^=fade][data-aos^=fade]{ opacity:1 !important; transform:translateZ(0) !important;}

.moAc{ text-align:center !important;}
.moAl{ text-align:left !important;}
.moBr br{ display:block !important;}

.goTop{ display:none;}

.fsS{ font-size:1em !important;}

/*header*/
#header .moHide,
#header .gnb_wrap,
#header .side_wrap .menu .toggleWrap{ display:none;}
#header .side_wrap .pcHide{ display:block !important;}

#header .side_wrap .menu{ margin:0;}
#header .side_wrap .menu > li .in > .xi{ font-size:1.750em; padding:0;}
#header .side_wrap .menu > li .in.point{ padding:.75em 1em;}
#header .side_wrap .menu > li .in.mess{ padding-left:0; padding-right:.25em; margin-right:.5em;}
#header .side_wrap .menu > li .in.mess > .xi{ font-size:2.000em;}
#header .side_wrap .menu > li .in.mess > .tt{ display:none;}
#header .side_wrap .menu > li .in.mem{ padding:0; font-size:1.250em;}

#header .side_wrap .allBtn{ display:block; margin-left:1.5vw;}
#header .side_wrap .allBtn .xi{ font-size:2.500em;}

/*NAV*/
.monavWrap{ position:fixed; z-index:-1; top:0; right:0; width:100%; height:100%; visibility:hidden; opacity:0; transition:.2s;}
.monavWrap .wrap_bg{ position:fixed; top:0; right:0; width:inherit; height:inherit; background:rgba(0,0,0,.4);}
.monavWrap .wrap_in{ position:absolute; top:0; right:0; width:30em; max-width:80vw; height:inherit; overflow:hidden; background:#fff; opacity:0; transform:translateX(100%); transition:.3s ease 0s;}
.monavWrap .wrap_in .all_scroll{ height:inherit; overflow-y:auto;}

body{
padding-bottom:constant(safe-area-inset-bottom);
padding-bottom:env(safe-area-inset-bottom);
}
body.navOpen{ overflow:hidden; touch-action:none;}
body.navOpen .monavWrap{ visibility:visible; z-index:99; opacity:1;}
body.navOpen .monavWrap .wrap_in{ opacity:1; transform:translateX(0);}

.monavWrap .nav_top{}
.monavWrap .nav_top .nav_close{ position:fixed; z-index:9; top:1.25em; right:1em; display:inline-block;}
.monavWrap .nav_top .nav_close .xi-close{ color:#333; font-size:2.375em;}
.monavWrap .nav_mem{ padding:1.5em 1.25em;}
.monavWrap .nav_mem .mem li{ margin-right:.25em;}
.monavWrap .nav_mem .mem li:last-of-type{ margin-right:0;}
.monavWrap .nav_mem .mem li .btn{ padding:.5em 1em; border:1px solid #eee; border-radius:5em;}
.monavWrap .nav_mem .mem li .btn .xi{ font-size:1.250em; padding-right:.375em;}
.monavWrap .nav_mem .mem li .btn .tt{ font-size:1.063em;}
.monavWrap .nav_mem .credits{ margin-top:.625em;}
.monavWrap .nav_mem .credits > li .in{ font-size:1.250em;}

#header .monavWrap .nav_lang{}
#header .monavWrap .nav_lang .nav_language .lang_in,
#header .monavWrap .nav_lang .nav_language .dropdown_wrap .drop_tit{ display:none;}
#header .monavWrap .nav_lang .nav_language .dropdown_wrap{ position:static; display:block; margin:0 0; padding:1em 1.25em; border:solid #f5f5f5; border-width:1px 0; box-sizing:border-box;}
#header .monavWrap .nav_lang .nav_language .dropdown_wrap .dropdown_inner{ display:flex; gap:.25em; padding:0 0; border-width:0; box-shadow:none;}
#header .monavWrap .nav_lang .nav_language .dropdown_wrap .list{ flex:1; margin:0 0;}
#header .monavWrap .nav_lang .nav_language .dropdown_wrap .list .input_st{ font-size:1em; height:3em; font-weight:700;}

.monavWrap .nav_menu{ padding:2em 0 4em 0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);}
.monavWrap .nav_menu .gnb{ display:block;}
.monavWrap .nav_menu .gnb li .flex{ display:block; text-align:left;}
.monavWrap .nav_menu .gnb .sm_message{ display:none;}

.monavWrap .nav_menu{ background:#fff;}
.monavWrap .nav_menu .gnb > li a.flex{ display:block; text-align:left !important;}
.monavWrap .nav_menu .gnb > li a .tt{ display:inline-block;}
.monavWrap .nav_menu .gnb > li a{ padding:1em 1.5em;}
.monavWrap .nav_menu .gnb > li .dp1 .tt{ font-size:1.250em;}
.monavWrap .nav_menu .gnb > li.m_mypage{ margin-top:1.5em;}
.monavWrap .nav_menu .gnb > li.m_mypage .dp1{ padding:1.25em 1.25em;}
.monavWrap .nav_menu .gnb > li.m_mypage .dp1 .tt{ position:relative; padding-left:1.5em; font-weight:800;}
.monavWrap .nav_menu .gnb > li.m_mypage .dp1 .tt:before{ content:"\e9f2"; font-family:xeicon; font-size:1.250em; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.monavWrap .nav_menu .gnb > li.m_mypage .dp2{ display:block !important;}
.monavWrap .nav_menu .gnb > li.m_mypage .dp2 > li.sm_help{ display:none;}
.monavWrap .nav_menu .gnb > li .dp2 > li > a{}
.monavWrap .nav_menu .gnb > li .dp2 > li > a .tt{ font-size:1.250em;}
.monavWrap .nav_menu .gnb > li .dp2 > li.plus > a{ position:relative;}
.monavWrap .nav_menu .gnb > li .dp2 > li.plus > a:after{ content:"\e914"; font-family:xeicon; font-size:1.500em; display:block; position:absolute; right:1em; top:50%; transform:translateY(-50%);}

.monavWrap .nav_menu .gnb > li .dp2 > li .dp3{ background:#f5f6f9; padding:1em 1.5em;}
.monavWrap .nav_menu .gnb > li .dp3 > li > a{ padding:.75em 0;}
.monavWrap .nav_menu .gnb > li .dp3 > li > a .tt{ font-size:1.125em;}

.monavWrap .nav_menu .gnb > li .dp4{ padding:.5em .5em; margin:.5em 0 1em 0; border:dashed #e5e7eb; border-width:1px 0; display:block !important;}
.monavWrap .nav_menu .gnb > li .dp3 > li:last-child .dp4{ margin-bottom:0; border-bottom-width:0;}
.monavWrap .nav_menu .gnb > li .dp4 > li > a{ padding:.5em 0; color:#646464;}
.monavWrap .nav_menu .gnb > li .dp4 > li > a .tt{ position:relative; padding-left:1em; font-size:1.063em;}
.monavWrap .nav_menu .gnb > li .dp4 > li > a .tt:before{ content:""; display:block; position:absolute; left:0; top:.5em; width:4px; height:2px; background:#aaa;}

.monavWrap .nav_menu .gnb > li .dp2 > li.active > a{ background:#646464; color:#fff;}
.monavWrap .nav_menu .gnb > li:not(.m_mypage).on .dp1{ color:#ff473e; font-weight:700;}
.monavWrap .nav_menu .gnb > li .dp2 > li.on > a{ background:#ff473e; color:#fff;}
.monavWrap .nav_menu .gnb > li .dp3 > li.on > a{ color:#ff473e;}
.monavWrap .nav_menu .gnb > li .dp4 > li.on > a .tt{ text-decoration:underline;}

.monavWrap .nav_menu .gnb li.plus > ul{ display:none;}
.monavWrap .nav_menu .gnb li.plus.on > ul,
.monavWrap .nav_menu .gnb li.active > ul{ display:block;}

/*footer*/
#footer{ padding:2em 0 0 0;}
#footer .foot_wrap .wrap_in{ display:block;}
#footer .foot_wrap .wrap_in .info_wrap{ padding:1.25em 0; font-size:1.125em;}
#footer .foot_wrap .wrap_in .sitemap_wrap{ display:none;}
#footer .foot_sns .wrap_in{ justify-content:flex-start;}

/*contents*/
.dp1_mypageS #contents .sub_tit_wrap .sub_tit, 
.dp1_mypageT #contents .sub_tit_wrap .sub_tit{ padding-right:0;}

#contents .sub_page_con .doc{ padding-right:0;}
#contents .doc{ padding-bottom:7em;}
#contents .doc.moPt0{ padding-top:0;}

/*SUB PAGE*******************/
/*inc*/
.page_tit > .tt{ font-size:1.125em; font-weight:700;}
.page_tit > .t1{ font-size:1.625em;}
.page_tit > .t2{ font-size:1.375em;}
.page_tit > .t3{ font-size:1.250em;}
.page_tit > .t4{ font-size:1em; font-weight:400;}
.page_tit > .t5{ font-size:1em; font-weight:400;}
.page_tit > .tBig { font-size:2.250em;}
.page_tit > .tBig2{font-size:1.750em;}
.page_tit.icon > .tt{ font-weight:700;}

.page_txt > .tt{ font-size:1.063em;}
.page_txt > .t1{ font-size:1.125em;}
.page_txt > .t2{ font-size:1.250em;}
.page_txt > .t3{ font-size:1.063em;}
.page_txt > .t4{ font-size:1em;}

.page_tit > .tt br,
.page_txt > .tt br{ display:none;}

.page_con{ padding:3em 0 4.5em 0;}
.page_con:last-child{ padding-bottom:7em;}

.page_boxSt1{ padding:1.5em 1.5em;}

.page_tab_wrap .tab3 > li .in{ height:3.5em;}
.page_tab_wrap .tab3 > li .tt{ font-size:1.125em; font-weight:700;}

.page_msg > .inner{ padding:1em 1.25em;}

.page_ex_list > li > .in > .tt{ font-size:1.063em;}
.page_ex_list > li > .in > .tt.t1{ font-size:.938em;}
.page_ex_list.small{ font-size:1em;}

.moScrollX{ overflow-x:auto; overflow-y:hidden;}
.moScrollY{ overflow-y:auto;}


/*SUBPAGE*********************/
/*튜터찾기*/
.page_find_top{}
.page_find_top .pcHide{ display:block !important;}
.page_find_top .moHide{ display:none !important;}
.page_find_top .page_filter_btn{ padding:1em 0;}
.page_find_top .page_filter_btn .input_st{ width:100%;}
.page_find_top .page_filter_wrap{ position:fixed; z-index:-1; top:0; right:0; width:100%; height:100%; background:transparent; visibility:hidden; opacity:0; transition:.2s;}
.page_find_top .page_filter_wrap .moBg{ position:fixed; top:0; right:0; width:inherit; height:inherit; background:rgba(0,0,0,.2);}
.page_find_top .page_filter_wrap .moWrap{ position:absolute; top:0; right:0; width:35em; max-width:100vw; height:inherit; overflow:hidden; background:#fff; opacity:0; transform:translateX(100%); transition:.3s ease 0s;}
.page_find_top .page_filter_wrap .moWrap .moCon{}
.page_find_top .page_filter_wrap .moWrap .moCon > *{ padding:0 1em;}
.page_find_top .page_filter_wrap .moWrap .filter_scroll{ height:inherit; overflow-y:auto;}

body.filterOpen{ overflow:hidden; touch-action:none;}
body.filterOpen .page_find_top{ z-index:9999;}
body.filterOpen .page_filter_wrap{ visibility:visible; z-index:99; opacity:1;}
body.filterOpen .page_filter_wrap .moWrap{ opacity:1; transform:translateX(0);}

.page_find_top .page_filter_wrap .moWrap .moCon_top{ z-index:999; position:sticky; position:-webkit-sticky; top:0; padding:1.5em 3em 1.5em 1em; background:#fff;/* border-bottom:1px solid #ddd;*/}
.page_find_top .page_filter_wrap .moWrap .moCon_top .page_tit{ margin-bottom:0;}
.page_find_top .page_filter_wrap .moWrap .moCon_top .filter_close{ position:absolute; top:50%; right:1em; transform:translateY(-50%);}
.page_find_top .page_filter_wrap .moWrap .moCon_top .filter_close .xi{ font-size:1.750em;}

.page_find_top .page_filter_wrap .moWrap .moCon_bottom{ padding-bottom:8em;}
.page_find_top .page_filter_wrap .moWrap .moCon_bottom .input_st{}
.page_find_top .page_filter_wrap .moWrap .moCon_bottom .board_btn_wrap{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);}

.page_find_top .page_filter_wrap .filter_inner{ display:block; overflow:hidden; font-size:1.125em;}
.page_find_top .page_filter_wrap .filter_inner .filter_sec:before{ background:#f5f6f9; border-radius:0; box-shadow:none;}
.page_find_top .page_filter_wrap .filter_inner .filter_sec:after{ top:auto; bottom:0; right:0; width:100%; height:1px;}
.page_find_top .page_filter_wrap .filter_inner .filter_sec:not(:last-child):after{ opacity:1 !important;}
.page_find_top .page_filter_wrap .filter_inner .filter_sec .dropdown_wrap{ position:relative;}
.page_find_top .page_filter_wrap .filter_inner .filter_sec .dropdown_wrap .drop_search .input_st{ font-size:.938em;}

.dropdown_wrap .drop_search,
.dropdown_wrap .check_list,
.dropdown_wrap .drop_price{ width:100%;}
.dropdown_wrap .country_list > li > .tt{ font-size:1.063em;}

.country_dropdown .dropdown_wrap{ width:18em;}

.page_filter_wrap .filter_inner .filter_sec .sec_tit,
.page_filter_wrap .filter_inner .filter_sec .con_tit{ font-size:1.125em;}
.page_filter_wrap .filter_inner .filter_sec .con_tit > .tt{ font-weight:700;}
.page_filter_wrap .filter_inner .filter_sec:not(.on):hover:before{ opacity:0;}

.page_filter_opt{ padding:0 0;}
.page_filter_opt .box0{ max-width:100%;}
.page_filter_opt .opt_inner .opt_list,
.page_filter_opt .opt_inner .opt_clear_btn{ flex:1 1 100%; padding:.75em 3.5%;}
.page_filter_opt .opt_inner .opt_clear_btn{ margin:0 0; background:#f5f5f5; text-align:right;}
.page_filter_opt .opt_inner .opt_list > li .in .tt{ font-size:.938em; font-weight:700;}

.page_sorting{ display:block; font-size:1.250em;}
.page_sorting .sorting_tit{ padding:0 0 1.5em 0;}
.page_sorting .sorting_list > li{ min-width:50%;}
.page_sorting .sorting_list > li .in{ padding:.25em 0;}
.page_sorting .sorting_list > li .in:after{ display:none;}
.page_sorting .total_search{ width:100%; padding-left:0; font-size:.750em;}


/*튜터 리스트*/
.tutorCard .moHide{ display:none;}
.tutorCard .card_inner.flex .tutor_info_wrap{ flex:1 1 100%; padding-right:0;}
.tutorCard .card_inner.flex .tutor_desc_wrap{ flex:1 1 100%; padding-left:0; border-left:none;}
.page_tutor_list .tutor_list_wrap .tutorCard .card_inner{ padding:1.5em 1.5em;}
body:not(.pop) .page_tutor_list .tutor_list_wrap .tutorCard .tutor_info_wrap .info_photo{ width:11em;}

.tutorCard .tutor_desc_wrap,
.tutorCard .tutor_info_wrap .info_con .nick_name,
.tutorCard .tutor_info_wrap .info_con .text_list,
.tutorCard .tutor_info_wrap .info_con .speak_wrap,
.tutorCard .tutor_info_wrap .info_con .price_wrap{ font-size:1.188em;}
.tutorCard .tutor_info_wrap .info_con .state_wrap{ font-size:.813em;}

.tutorCard .tutor_desc_wrap .desc_con .wrap_bg{ padding:1em 1.25em;}
.tutorCard .tutor_desc_wrap .desc_hidden .desc_in{ max-height:5em;}
.tutorCard .tutor_desc_wrap .desc_con .desc_tt{ line-height:1.5em;}
.tutorCard .tit_basic > .tt{ font-weight:700;}

.rateStar_wrap.starModi{ font-size:1.500em;}
.rateStar_wrap.starModi > .star:hover,
.rateStar_wrap.starModi > .star:hover ~ label,
.rateStar_wrap.starModi > input:checked ~ label{ color:#ffc000;}


/*튜터 세부정보, 크레딧구매*/
.page_tutor_view .moHide{ display:none;}
.page_tutor_view .tutor_view_layout{}
.page_tutor_view .tutor_view_layout > .tutor_view_cont{ flex:1 1 100%;}
.page_tutor_view .tutor_view_layout > .tutor_view_side{ flex:1 1 100%; padding-left:0;}
.page_tutor_view .tutor_view_layout > .tutor_view_side .side_inner{ padding:1.5em 1.5em;}
.page_tutor_view .tutor_view_layout > .tutor_view_side .youtube_wrap{ margin-bottom:1.25em;}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt1{ order:-1; position:static;}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt1 .page_boxSt1{ border:none; border-radius:0; box-shadow:none; padding:0; margin:0;}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt1 .moPos{ position:fixed; z-index:99; left:0; right:0; bottom:0; padding:.75em 1em 1em 1em; background:#fff; box-shadow:0 -3px .625em rgba(0,0,0,.15);padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt1 .moPos .side_rateStar + *{ margin-top:0 !important;}

.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt1 .btn_wrap{ margin-top:.75em;}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt1 .moPos .btn_wrap{ display:flex;}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt1 .moPos .btn_wrap > li{ display:flex; margin:0 0;}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt1 .moPos .btn_wrap > li:nth-child(1){ flex:1; order:10;}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt1 .moPos .btn_wrap > li .js_wishBtn{ display:flex; flex:1;}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt1 .moPos .btn_wrap > li .input_st{ flex:1; margin:0 .125em; height:3em; line-height:1.875em; font-size:1.125em; min-width:auto;}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt1 .moPos .btn_wrap > li .input_st .xi{ font-size:1.250em;}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt1 .moPos .btn_wrap > li .input_st:not(.s1){ padding-left:.5em; padding-right:.5em;}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt1 .moPos .btn_wrap > li .input_st:not(.s1) > .tt{ display:none;}

.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt1 .price_wrap .price_list{ display:flex;}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt1 .price_wrap .price_list > li{ flex:1;}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt1 .price_wrap .price_list > li .price_in{ display:block; padding:0 .5em;}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt1 .price_wrap .price_list > li .price_in,
.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt1 .price_wrap .price_list > li .price_in > *{ text-align:center;}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt1 .price_wrap .price_list > li .priceR{ padding:.5em 0 0 0;}

.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt2{ position:relative; top:0; order:-1; z-index:99;}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt2 .page_boxSt1{ padding:0 0; background:transparent; border:none; box-shadow:none;}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt2 .sch_wrap{ width:100vw; transform:translateX(-4%); box-sizing:border-box; padding:1em 4.5%; background:#fff; margin-bottom:1.5em; box-shadow:0 3px .375em rgba(0,0,0,.15);}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt2 .btn_wrap.moPos{ position:fixed; right:0; bottom:0; padding:1em 1em; min-height:6em; box-sizing:border-box;}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt2 .btn_wrap.moPos.moSt1{ width:50%; z-index:99;}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt2 .btn_wrap.moPos.moSt2{ left:0; background:#fff; box-shadow:0 -3px .625em rgba(0,0,0,.15);}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt2 .btn_wrap.moPos .input_st{ height:3.5em; line-height:2.375em; min-width:auto; padding:.5em .25em; font-size:1.125em; border-radius:.375em;}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt2 .btn_wrap.moPos .input_st .xi{ font-size:.938em;}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt2 .btn_wrap.moPos.moSt1 > li{ width:100%;}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moSt2 .btn_wrap.moPos.moSt2 > li{ padding-right:50%;}

.page_tutor_view .tutor_view_layout > .tutor_view_side .moClick{ display:flex; align-content:center; align-items:center;}
.page_tutor_view .tutor_view_layout > .tutor_view_side .moClick > .tt{ font-size:1.063em; font-weight:600;}
.page_tutor_view .tutor_view_layout > .tutor_view_side .moClick > .moCheck{ display:flex !important; flex:1; padding-left:1em;}
.page_tutor_view .tutor_view_layout > .tutor_view_side .moClick > .moCheck .xi{ color:#777; transition:.2s;}
.page_tutor_view .tutor_view_layout > .tutor_view_side .moClick > .moCheck .xi:before{ content:"\e941";}
.page_tutor_view .tutor_view_layout > .tutor_view_side .moClick > .moCheck .tt{ flex:1; text-align:right; font-size:1.188em; font-weight:600;}
.page_tutor_view .tutor_view_layout > .tutor_view_side .moSelect{ display:none;}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moOpen .moSelect{ display:block;}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moOpen .moClick > .moCheck .xi{ transform:rotate(-180deg);}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moOpen:before{ content:""; position:fixed; top:0; left:0; width:100%; height:100%; z-index:999; background:rgba(0,0,0,.5);}
.page_tutor_view .tutor_view_layout > .tutor_view_side.moOpen .moPos{ z-index:1000;}

.review_rating_box .rate_distribution > .wrap_list,
.review_list_box .review_list .review_inner{ font-size:1.250em;}
.review_rating_box .rate_distribution > .wrap_list .item .rateScore{ width:2.5em;}
.review_list_box .review_list .review_inner{ padding:1em 0;}

.diplomaBadge{ font-size:1.313em;}


/*튜터되기*/
.page_tutor_top .tutor_form{ width:45em;}
.page_tutor_top .tutor_txt{ flex:1 1 100%; order:-1; padding:0 0 1.5em 0;}
.page_tutor_top .tutor_txt .txt{ margin-top:.5em;}
.page_tutor_top .tutor_txt .tt{ line-height:1.5;}
.page_tutor_top .tutor_txt .t1{ font-size:2.250em;}
.page_tutor_top .tutor_txt .t2{ font-size:1.125em;}
.page_tutor_top .tutor_txt .t3{ font-size:1.000em;}
.page_tutor_top .tutor_txt .t4{ font-size:1.125em;}


/*칼럼*/
.column_filter_wrap{ position:relative;}
.column_filter_wrap .filterR{}
.column_filter_wrap .filterR .filter_moBtn.pcHide{ display:block !important;}
.column_filter_wrap .filterR .filter_moBtn .xi{ font-size:2.000em; color:#555;}
.column_filter_wrap .filterR .wrap_in{ display:none; position:absolute; top:100%; right:0; width:100%; padding:1em 4%; background:#fff; box-shadow:0 3px .375em rgba(0,0,0,.15);}
.column_filter_wrap .filterR.active .wrap_in{ display:flex;}
.column_filter_wrap .filterR.active .filter_moBtn .xi:before{ content:"\e921";}
.column_filter_wrap .filterR .wrap_in:before{ content:"상세검색"; display:block; flex:1 1 100%; margin-bottom:.75em;}
.column_filter_wrap .filter_form{ flex:1 1 auto;}
.column_filter_wrap .filter_search{ width:auto;}

.page_sub_columnList.newSt .columnList_wrap > .newBig,
.page_sub_columnList.newSt .columnList_wrap > .newCon{ flex:1 1 100%;}
.page_sub_columnList.newSt .columnList_wrap > .newBig .columnCard .photo.resize{ padding-bottom:40%;}
.page_sub_columnList.defSt .columnList_wrap .columnCard .con_wrap{ padding:.75em .75em;}

.page_sub_columnView .column_view_top .tit_wrap > .cate .input_st{ font-size:.938em;}
.page_sub_columnView .column_view_top .tit_wrap > .tit > .tt{ font-size:1.375em;}
.page_sub_columnView .column_view_top .tit_wrap > .date > .tt{ font-size:.938em;}
.page_sub_columnView .column_view_txt,
.page_sub_columnView .column_view_chk{ font-size:1.125em;}


/*일일공부*/
.board_commu_title{ gap:0 .5em; font-size:1.188em;}
.board_commu_title .tit_wrap{ gap:.25em 0;}

/*소통하기*/
.board_commu_writer .nick_name{ font-size:1.250em;}
.board_commu_writer .nick_name .name{ font-weight:700;}
.board_commu_writer .side_btn > li .in .xi{ font-size:1.625em;}
.board_commu_view .con_txt{ font-size:1.125em;}
.board_commu_view span[lang="JA"]{word-break:break-all !important;}

/*댓글*/
.board_comment .comm_write .write_wrap .comm_txt{ font-size:1.125em;}
.board_comment .comment_cont .comm_reView{ margin-left:0;}
.board_comment .comm_write .comm_file_upload_thumb > .item{ width:33.33%;}
.comm_file_upload_thumb.st2 > .item{ width:25%;}

/*이미지 팝업*/
.imgViewLayer{ background:rgba(0,0,0,.9);}
.imgViewLayer .imgViewSlide .el img{ max-width:calc(95vw - 5em); max-height:calc(95vh - 3.5em); margin-bottom:3.5em;}
.imgViewLayer .imgViewSlide .btns_wrap{ transform:translateY(-1.75em);}
.imgViewLayer .imgViewSlide .btns_wrap .imgViewPrev{ left:0;}
.imgViewLayer .imgViewSlide .btns_wrap .imgViewNext{ right:0;}
.imgViewLayer .imgViewSlide .btns_wrap > span{ width:auto; height:auto; background:transparent !important; border:none !important; color:#fff; font-size:2.500em;}
.imgViewLayer .imgViewSlide .swiper-pagination{ font-size:1.375em; font-weight:700;}
.imgViewLayer .imgViewClose{ right:.75em; top:.5em;}


/*주간캘린더, 학습목표 설정*/
.page_lessons_top .date,
.page_lessons_top .arrow_btn{ font-size:1.125em;}

.weekly_calendar_wrap .weekly_con .dayCon > li .sch_time .time_in{ padding-left:.125em; padding-right:.125em;}
.weekly_calendar_wrap .weekly_con .dayCon > li .sch_time .time_in .haveIcon{ display:none;}
.weekly_calendar_wrap .weekly_con .dayCon > li .sch_btn > .input_st{ padding:0 0; background:transparent; border:none;}
.weekly_calendar_wrap .weekly_con .dayCon > li .sch_btn > .input_st > *{ display:none;}
.weekly_calendar_wrap .weekly_con .dayCon > li .sch_btn > .input_st:before{ content:"\ea39"; font-family:xeicon; font-size:1.875em; display:block;}


/*학생관리*/
.page_lessAdmWrap{}
.lessAdmCard{ border:none;}
.lessAdmCard > .card_top{ padding:0 0; background:transparent; border:none;}
.lessAdmCard > .card_top .input_st{ display:flex; align-content:center; align-items:center; padding:0 0; background:transparent; border:none; font-size:1.188em !important; color:#2d3951 !important;}
.lessAdmCard > .card_top .input_st:before{ content:"\e9a5"; font-family:xeicon; font-size:1.250em; padding-right:.125em;}
.lessAdmCard > .card_inner{ padding:1.25em 0;}
.lessAdmCard .lessAdm_wrap.flex > .lessAdm_tit,
.lessAdmCard .lessAdm_wrap.flex > .lessAdm_con{ flex:1 1 100%; padding:0 0;}
.lessAdmCard .lessAdm_wrap.flex > .lessAdm_tit{ border-color:#ddd;}
.lessAdmCard .lessAdm_wrap.flex > .lessAdm_tit .page_tit > .tt{ font-size:1.125em;}
.lessAdmCard .lessAdm_wrap.flex > .lessAdm_con{ border:none;}
.page_lessAdmWrap .page_boxSt2 .page_txt > .t4{ font-size:1.063em;}


/*결제 방법*/
.paymentCard .payItem > .payItem_full{ display:block;}
.paymentCard .payItem > .payItem_full > .pay_text,
.paymentCard .payItem > .payItem_full > .pay_card{ font-size:1.188em;}
.paymentCard .payItem > .payItem_full > .pay_card{ width:100%; padding-right:0;}
.paymentCard .payItem > .payItem_full > .pay_card ~ .pay_text{ margin-top:.5em;}
.paymentCard .payItem > .payModify > a .xi{ font-size:1.500em;}


/*구글 캘린더*/
.page_google_top > .google_inner{}
.page_google_top > .google_inner > .google_txt{ padding-right:0;}
.page_google_top > .google_inner > .google_txt > .t1{ font-size:1.063em;}
.page_google_top > .google_inner > .google_txt > .t2{ font-size:1.125em;}
.page_google_top > .google_inner > .google_btn{ width:100%; margin-top:.75em; text-align:left;}
.page_google_top > .google_inner > .google_btn .input_st{ width:auto !important;}


/*CERTIFICATE 발행*/
.page_certi_wrap .certi_view2 .inner{ font-size:.875em;}
.page_certi_wrap .moHide{ display:none;}


/*영수증 발행*/
.page_receipt_wrap .receipt_view .rece_txt.flex.bottom{ display:block;}
.page_receipt_wrap .receipt_view .rece_txt.flex.bottom .con{ width:100% !important; padding:0 0;}
.page_receipt_wrap .receipt_view .rece_txt.flex.bottom .con + .con{ margin-top:1em;}
.page_receipt_wrap .receipt_view .info.flex{ margin:0 -2em 0 0;}
.page_receipt_wrap .receipt_view .info.flex > li{ flex:0 1 auto; max-width:50%; margin:0 2em 0 0;}


/*친구초대*/
.page_referral_box .shape_pos.pos1{ left:-10vw; width:50vw;}
.page_referral_box .shape_pos.pos2{ right:-10vw; width:50vw;}
.page_referral_box .referral_con .input_st{ font-size:1.063em;}


/*도움말 및 문의하기*/
.page_help_search .imgPos{ top:0; bottom:0 !important;}
.page_help_search .imgPos img{ object-fit:cover;}
.page_help_search .imgPos.pos1{ transform:translateX(-50%);}
.page_help_search .imgPos.pos2{ transform:translateX(50%);}
.page_help_search .imgPos ~ *:not(.imgPos){ position:relative;}

.page_help_search .help_search .icon{ left:auto; right:1em;}
.page_help_search .help_search .icon > .xi{ font-size:2.000em; color:#ff473e;}
.page_help_search .help_search .input_st{ padding-left:.75em; padding-right:2.5em;}

.page_help_category .helpCate_list{ margin:0 0 -1em -1em;}
.page_help_category .helpCate_list > li .inner{ margin:0 0 1em 1em; padding:1.5em 1.75em;}
.page_help_category .helpCate_list > li .txt > .tt{ font-size:1.063em;}
.page_help_category .helpCate_list > li .num{ margin-top:.5em; font-size:1.125em;}


/*MEMBER******************/
.mem_step_wrap .mem_step > li > .in:before{ content:counter(step);}

.mem_agree .agree{ padding:1em .5em;}
.mem_agree .agree .con{ font-size:1.063em;}
.mem_agree .agree p{ padding:.5em 0;}

/**/
.mem_form_inp > li.inp_wrap .survey_in{ font-size:1.125em;}
.mem_form_inp > li.inp_wrap .survey_in .tit.numSt + .inp{ padding-left:.5em;}
.mem_form_inp > li.inp_wrap .survey_in .inp .label_st.st2,
.page_tutor_view .tutor_view_layout > .tutor_view_side .check_wrap .label_st.st2{ justify-content:flex-start; text-align:left; height:auto; min-height:2.5em; padding:.75em .75em .75em 2.75em;}

/**/
.form_notice_wrap .t1{ font-size:1.125em;}
.form_notice_wrap .t2{ font-size:.938em;}
.form_notice_wrap .t3{ font-size:1em;}


/*디자인 페이지*/
.page_design_wrap .laySticky{ position:static;}
.page_design_wrap .lay_mark .mark{ font-size:.750em;}
.page_design_wrap .design_lay_box.flex{ display:block;}
.page_design_wrap .design_lay_box.flex > .lay_tit{ width:100%; padding:0 0;}
.page_design_wrap .design_lay_box.flex > .lay_con{ width:100%; margin-top:1.5em;}

.page_design_wrap .design_col_box.flex{ overflow:hidden;}
.page_design_wrap .design_col_box.flex > li{ flex:1 1 50%;}
.page_design_wrap .design_col_box.flex > li > .inner{ padding:2em 1em; border:solid #eee; border-width:0 0 1px 1px; margin:0 0 -1px -1px;}

.page_design_wrap .design_col_box .sec_item > .innerCol{ display:block; padding:1.5em 1.5em 1.5em 2.5em;}
.page_design_wrap .design_col_box .sec_item > .innerCol.flex .sec_icon{ width:100%; text-align:left;}
.page_design_wrap .design_col_box .sec_item > .innerCol.flex .sec_txt{ padding:1em 0 0 0; border-left-width:0;}

.page_design_wrap .design_img_box .sec_item .sec_img{ width:100%;}
.page_design_wrap .design_img_box .sec_item .sec_txt{ width:100%; padding:3em 0 2em 1.5vw;}
.page_design_wrap .design_img_box .sec_item .sec_img .img{ min-height:15em;}



/***********************/
/*MAIN******************/
.main_visual_wrap .main_visual .slogan{ padding:1em 0 1.5em 0;}
.main_visual_wrap .main_visual .slogan .t1,
.main_visual_wrap .main_visual .slogan .t2,
.main_visual_wrap .main_visual .slogan .t3{ font-size:.875em;}
.main_visual_wrap .main_visual .slogan .begins{ font-size:.813em;}

.main_con{ padding:3em 0;}
.main_con.main_why{ padding:3em 0 3em 0;}

.main_sec1,
.main_sec2{ margin-top:3em !important;}
.main_btn_wrap{ margin-top:2.5em;}
.main_btn_wrap > .input_st.s1{ font-size:1.125em;}

.main_txt{ text-align:left !important;}
.main_txt > .mark{ margin-left:0;}

.main_sec_col{ flex-direction:column !important;}
.main_sec_col > .sec_img{ width:100%;}
.main_sec_col > .sec_img > .img{ height:30em; background-size: contain;}
.main_sec_col > .sec_txt{ padding:3em 0 0 0; padding-right:0 !important; padding-bottom:0 !important; width:100%;}
.main_sec_col > .sec_img.mo_modify > .img{ width:35em; max-width:80%; height:100%;}

.main_icon_box1 .main_list > li .sec_icon{ width:7.5em; font-size:.750em;}

.main_icon_box2 .main_list > li{ flex:1 1 50%;}
.main_icon_box2 .main_list > li .inner{ padding-top:0; min-height:3.5em;}
.main_icon_box2 .main_list > li .sec_icon{ top:50%; left:1.625em; transform:translateY(-50%);}
.main_icon_box2 .main_list > li .sec_icon img{ width:3em;}
.main_icon_box2 .main_list > li .sec_txt{ padding:1.75em 1.25em 1.75em 6em;}

.main_columnSlider .columnSlider .el .con_wrap > *{ font-size:1.125em;}

.noinfo_tit{ font-size:.938em;}
/*.schinput{ font-size:.938em !important;}*/
}

@media screen and (max-width:900px){

}

@media screen and (max-width:768px){
body{ font-size:13px;}

/*상단 이메일 인증*/
.top_emailVerify .wrapH{ height:auto;}
.top_emailVerify .emailVerify_wrap{ position:relative;}
.top_emailVerify .emailVerify_wrap .wrap_in{ padding:1em 1.5em 1em 0;}
.top_emailVerify .emailVerify_wrap .wrap_in .txt{ flex:0 0 100%;}
.top_emailVerify .emailVerify_wrap .wrap_in .btn .input_st{ height:2.25em;}
.top_emailVerify .emailVerify_wrap .wrap_in .btn .btn_close{ position:absolute; top:1em; right:1.5vw;}
.top_emailVerify .emailVerify_wrap .wrap_in .btn .btn_close .xi{ font-size:1.500em;}

/*contents*/
#contents .sub_tit_wrap.inH{ height:16.5em;}
#contents .sub_tit_wrap:not(.inH) .sub_tit{ padding-left:0;}
#contents .sub_tit_wrap .sub_tit .t2:before{ padding:0 .125em;}
#contents .sub_tit_wrap .sub_tit_shape{ display:none;}
#contents .sub_tit_wrap .sub_tit .platformBtn{ width:100%; margin-top:1em;}
#contents .sub_tit_wrap .sub_tit .platformBtn .input_st{ display:flex; font-size:1.125em; font-weight:700;}

#contents .page_subLayout_box > .subLayout_nav .flex > li{ width:33.33%;}
#contents .page_subLayout_box > .subLayout_nav > .gnb > li ul > li > a .tt{ font-size:1.063em; font-weight:700; letter-spacing:-.5px;}


/*SUB PAGE*******************/
/*inc*/
.page_tit.icon.st3{ text-align:left !important;}
.page_tit.icon.st3:after{ margin-top:1em; margin-bottom:1.5em;}

.page_tab_wrap .tab2 > li{ flex:1; min-width:auto;}
.page_tab_wrap .tab2 > li > .in{ padding-left:.5em; padding-right:.5em;}
.page_tab_wrap .tab2 > li > .in .tt{ font-size:1.063em;}


/*SUBPAGE*********************/

/*튜터 리스트*/
.page_tutor_list .tutor_list_wrap .tutorCard .card_inner{ padding-bottom:5.5em;}
.pop .page_tutor_list .tutor_list_wrap .tutorCard .card_inner{ padding-bottom:1.5em;}
.tutorCard:not(.smallSt){ position:relative;}
.tutorCard:not(.smallSt) .tutor_info_wrap.flex .info_photo,
.tutorCard:not(.smallSt) .tutor_info_wrap.flex .info_con{ flex:1 1 100%;}
.tutorCard:not(.smallSt) .tutor_info_wrap.flex .info_con{ padding-left:0 !important;}
.tutorCard:not(.smallSt) .tutor_info_wrap .info_photo .btn_wrap{ position:absolute; left:1.5em; right:1.5em; bottom:1em;}
.tutorCard:not(.smallSt) .tutor_info_wrap .info_photo .btn_wrap .input_st{ font-size:1.250em; font-weight:700;}
.tutorCard:not(.smallSt) .tutor_info_wrap .info_photo .avatar_wrap{ position:absolute; top:1em; left:1.25em; width:4.25em;}
.tutorCard:not(.smallSt) .tutor_info_wrap .info_photo .avatar_wrap + .btn_wrap{ margin-top:0;}
.tutorCard:not(.smallSt) .tutor_info_wrap .info_photo .tutorBadge,
.tutorCard:not(.smallSt) .tutor_info_wrap .info_photo .rateStar_wrap{ text-align:left;}
.tutorCard:not(.smallSt) .tutor_info_wrap .info_photo .tutorBadge,
.tutorCard:not(.smallSt) .tutor_info_wrap .info_photo .rateStar_wrap,
.tutorCard:not(.smallSt) .tutor_info_wrap .info_photo ~ .info_con .info_top{ padding-left:5em;}
.tutorCard:not(.smallSt) .tutor_info_wrap .info_photo ~ .info_con .info_top{ display:flex; flex-direction:column; justify-content:center; min-height:3.5em; box-sizing:border-box;}
.tutorCard:not(.smallSt) .tutor_info_wrap .info_con .info_top > *:not(.side_btn){ flex:0 1 auto; width:100%; box-sizing:border-box;}
.tutorCard .tutor_info_wrap .info_photo .tutorBadge > .in{ font-size:1em;}
.tutorCard .tutor_info_wrap .info_photo .rateStar_wrap > *{ font-size:1.250em;}
.tutorCard .tutor_info_wrap .info_photo .rateStar_wrap.flex.ac{ margin-top:0; justify-content:flex-start;}
.tutorCard .tutor_info_wrap .info_con .side_btn{ position:absolute; top:1em; right:.5em; font-size:1.188em;}
.tutorCard .tutor_info_wrap .info_con .nick_name .summary{ margin-top:.25em;}

.tutorCard .card_inner.flex .tutor_info_wrap.infoBottom .page_boxSt2{ padding:0 0; background:#fff;}
.tutorCard .tutor_info_wrap .info_con .text_list{ margin-top:1em !important;}
.page_tutor_list .tutorCard .tutor_info_wrap .info_con .info_top{ padding-right:4em;}

.tutorCard.moSt1 .card_inner.flex .tutor_btn_wrap .input_st > .xi{ display:none;}

.rateStar_wrap > .star{ font-size:1.250em;}


/*마이페이지 스케줄 학생 리스트*/
.my_student_list .tutorCard .tutor_info_wrap .info_photo .avatar_wrap{ position:absolute; left:.25em; top:.75em;}
.my_student_list.list_boxSt .tutorCard .tutor_info_wrap .info_photo .avatar_wrap{ left:1.25em; top:1.25em;}

.page_boxSt1 .my_student_list.list_boxSt .student_list_wrap > li{ margin-top:0x;}
.page_boxSt1 .my_student_list.list_boxSt .student_list_wrap > li .card_inner{ padding:1em .25em; border-width:1px 0 0 0 !important;}
.page_boxSt1 .my_student_list.list_boxSt .student_list_wrap > li .card_inner .tutor_info_wrap .info_photo .avatar_wrap{ left:.25em;}


/*튜터 세부정보, 크레딧구매*/
.review_rating_box{ display:block;}
.review_rating_box .rate_overview{ display:block; width:100%; text-align:left;}
.review_rating_box .rate_overview > .wrap_in{ display:flex; align-content:center; align-items:center;}
.review_rating_box .rate_overview .rateSec{ padding:0 .25em 0 1em;}
.review_rating_box .rate_overview .rateNum{ order:10;}
.review_rating_box .rate_overview .rateTxt{ order:-1;}
.review_rating_box .rate_overview .rateNum .tt{ font-size:1.500em; color:#ffc000;}
.review_rating_box .rate_overview .rateTxt .tt{ font-size:1.125em; font-weight:700;}
.review_rating_box .rate_distribution{ padding:1em 0 0 0; border:none;}

.review_list_box .review_list .review_inner .avatar_wrap{ width:3em; margin-right:1em;}


/*튜터되기*/
.page_tutor_top .tutor_form{ width:100%;}


/*칼럼*/
.page_sub_columnList .columnList_wrap li.columnCard{ flex:1 1 50%; max-width:50%;}
.page_sub_columnList.newSt .columnList_wrap > .newBig .columnCard .photo.resize{ padding-bottom:66.66%;}


/*주간캘린더, 학습목표 설정*/
.page_lessons_top .date > .tt{ display:block; line-height:1.4;}
.page_lessons_top .btn{ flex:1 1 100%; margin-top:.75em; padding-left:0;}
.page_lessons_top .btn .input_st{ width:100%;}

.page_lessons_box .lessons_section{ padding:1em 1em;}

.moScrollX .page_visu_graph2 > .graph_inner{ flex-wrap:nowrap;}
.moScrollX .page_visu_graph2 > .graph_inner > li{ flex:1 0 4.5em;}


/*학생별 수업관리*/
.tutorCard.moSt2 .input_st.s3,
.page_lessAdm_box .input_st.s3{ font-size:1.063em;}
.lessAdmCard > .card_top .input_st{ font-size:1.250em !important;}
/*.tutorCard.moSt2 .card_inner{ padding-bottom:4em;}*/
.tutorCard.moSt2 .tutor_info_wrap .info_photo .avatar_wrap{ top:-.25em; left:0;}
.tutorCard.moSt2 .tutor_info_wrap .info_con .side_btn{ position:static; margin:0 0;}
.tutorCard.moSt2 .tutor_info_wrap .info_con .side_btn > li{ position:absolute;}
.tutorCard.moSt2 .tutor_info_wrap .info_con .side_btn > li:nth-child(1){ top:0; right:0;}
.tutorCard.moSt2 .tutor_info_wrap .info_con .side_btn > li:nth-child(2){ bottom:0; left:0; width:100%;}
.tutorCard.moSt2 .tutor_info_wrap .info_con .tutor_btn_wrap.flex{ font-size:1.188em;}
.tutorCard.moSt2 .tutor_info_wrap .info_con .tutor_btn_wrap.flex > li:nth-child(1){ flex:1 1 100%;}



/*단어장*/
.page_wordbook_wrap .group_btn{ text-align:left !important;}


/*혼자 공부하기*/
.page_cateAdm_box .cateAdm_list .cateAdm_con,
.page_cateAdm_box .cateAdm_list .cateAdm_cate{ flex:1 1 100%;}
.page_cateAdm_box .cateAdm_list .cateAdm_cate{ order:-1; padding-right:0; margin-bottom:1.5em;}
.page_cateAdm_box .cateAdm_list .cateAdm_item > .item_inner.flex .in_btn{ width:2em;}


/*내지갑*/
.page_wallet_wrap:not(.smallSt2) .wallet_inner.flex > .wallet_inLeft{ flex:1 1 100%;}
.page_wallet_wrap:not(.smallSt2) .wallet_inner.flex > .wallet_inCont{ flex:1 1 100%; padding:1em 0 0 0;}

.page_wallet_wrap.st1 .wallet_inner.flex > .wallet_inCont{ padding:1.25em 0; text-align:left;}
.page_wallet_wrap.st1 .wallet_inner.flex > .wallet_inCont + .wallet_inCont{ border-width:1px 0 0 0;}


/*크레딧구매*/
.page_payCredit_wrap > .payCredit_list > li{ flex:1 1 33.33%; max-width:33.33%;}


/*CERTIFICATE 발행*/
.page_certi_wrap .group_inpBtn.flex{ margin:0 0 -.25em -.25em;}
.page_certi_wrap .group_inpBtn.flex .group_sel{ flex:1 1 100%; padding:.25em 0;}
.page_certi_wrap .group_inpBtn.flex .group_sel > *{ margin:0 0 .25em .25em;}
.page_certi_wrap .group_inpBtn.flex .group_sel .input_sec{ display:none;}
.page_certi_wrap .group_inpBtn.flex > .input_st{ flex:1 1 100%;}
.page_certi_wrap .certi_view .inner{ padding:1.5em 1.25em;}
.page_certi_wrap .certi_view .cer_tit{ font-size:.813em;}
.page_certi_wrap .certi_view .cer_txt{ margin-top:1.75em;}
.page_certi_wrap .certi_view .sign{ width:10em;}

.page_certi_wrap .certi_view2 .inner{ font-size:.750em; padding:3em 3em;}
.page_certi_wrap .certi_view2 .inner .certi_frame .pos{ font-size:.750em;}
.page_certi_wrap .certi_view2 .cer_tit{ font-size:.750em;}
.page_certi_wrap .certi_view2 .cer_txt.flex > .con{ flex:1 1 100%; text-align:center !important;}
.page_certi_wrap .certi_view2 .cer_txt.flex > .con:last-child{ order:-1; margin-bottom:2em;}
.page_certi_wrap .certi_view2 .sign{ margin:0 auto;}


/*영수증 발행*/
.page_receipt_wrap .receipt_view .inner{ padding:1.5em 0; border-width:2px 0 0 0; border-style:dashed;}
.page_receipt_wrap .receipt_view .rece_txt.flex.top{ display:block;}
.page_receipt_wrap .receipt_view .rece_txt.flex.top .con{ width:100% !important; padding:0 0;}
.page_receipt_wrap .receipt_view .rece_txt.flex.top .con + .con{ margin-top:2em;}
.page_receipt_wrap .receipt_view .logo{ font-size:.750em;}


/*도움말 및 문의하기*/
.page_help_category .helpCate_list{ display:block;}
.page_help_category .helpCate_list > li{ width:100%; max-width:100%;}
.page_help_category .helpCate_list > li .btn{ text-align:left;}


/*MEMBER******************/
.mem_login_box{ width:100%;}
.mem_join_box { width:100%;}

.mem_form_wrap:not(.st3){ padding:1.5em 1.75em;}
.mem_form_wrap.pd1{ padding:1.25em 1.25em;}
body.pop .mem_form_wrap{ padding:0 0; border:none; box-shadow:none;}

.mem_form_inp > li .tit:not(.numSt){ font-size:1.125em;}
.mem_form_inp > li .tit > .t1{ font-size:.938em;}
.mem_form_inp > li .tit > .t2{ font-size:1em;}
.mem_form_inp > li .in_txt{ font-size:1.125em;}
.mem_form_inp > li .in_txt.st1{ font-size:1.250em;}
.mem_form_inp > li .check > *{ font-size:1.125em;}

.mem_form_inp > li .in_ico_txt > .in_icoSt{ font-size:.875em;}
.mem_form_inp > li .in_ico_txt > .in_txtSt{ font-size:1.250em;}
.mem_form_inp > li .in_ico_txt > .in_txtSt > *{ line-height:1.4;}

.mem_form_inp > li.inp_wrap{ margin-top:1.25em;}
.mem_form_inp > li.inp_wrap .wrap_in.flex{ flex-wrap:wrap;}
.mem_form_inp > li.inp_wrap .wrap_in ~ .wrap_in{ margin-top:1.25em;}
.mem_form_inp > li.inp_wrap .wrap_in:not(.survey_in) .tit{ width:100%; margin-bottom:.75em;}
.mem_form_inp > li.inp_wrap .wrap_in:not(.survey_in) .tit:last-child{ margin-bottom:0;}
.mem_form_inp > li.inp_wrap .wrap_in:not(.survey_in) .inp{ flex:1 1 100%;}
.mem_form_inp > li.inp_wrap .flex .in_txt{ padding-left:0;}
.mem_form_inp > li.inp_wrap .flex .in_txt:not(.st1){ padding-bottom:1em;}
.mem_form_inp > li.inp_wrap .flex .in_txt.st1{ padding-left:0;}
.mem_form_inp > li.inp_wrap .inp .group_date{ display:flex;}
.mem_form_inp > li.inp_wrap .inp .group_date > .label_date{ flex:1;}
.mem_form_inp > li.inp_wrap .inp .group_date > .label_date .input_st{ width:100%;}

.mem_form_inp > li .col_wrap > .btn_in{ width:1.438em; margin-left:.25em;}
.mem_form_inp > li:first-child{ margin-top:0;}

.mem_sns_wrap .mem_sns > li{ width:20%;}
.mem_sns_wrap .mem_sns > li .in{ font-size:1.250em;}


/*profile*/
.pop_cropper .cropper_box .cropper_body{ max-width:90vw; max-height:80vh;}
.pop_cropper .cropper_box .cropper_body .img-container{ max-height:80vh;}
.pop_cropper .cropper_box .cropper_body #image{ max-height:80vh;}
.pop_cropper .cropper_box .cropper_footer .btns_wrap .btn{ width:auto !important;}

.form_notice_wrap > li.flex > .mark + .tt{ flex:1 1 70%; padding:.75em 0;}
.form_notice_wrap > li.flex > .tt ~ .input_st{ margin-top:.75em;}


/***********************/
/*MAIN******************/
.main_visual_wrap .main_visual{ padding:2em 0; flex-direction:column-reverse; height:100%; align-items:flex-start; align-content:flex-start;}
.main_visual_wrap .main_visual .slogan{ width:100%; padding:3em 0 0 0;}
.main_visual_wrap .main_visual .slogan .t1{ font-size:.750em;}
.main_visual_wrap .main_visual .slogan .t4{ font-size:1.125em;}
.main_visual_wrap .main_visual .visual{ margin-left:0; width:100%;}
.main_visual_wrap .main_visual .visual img{ margin:0 auto;}

.main_columnSlider .paging{ margin-top:1.5em;}

.main_btn_wrap > .input_st.s1{ display:flex;}

.main_txt > .mark{ font-size:.875em;}
.main_txt > .tit{ font-size:.813em;}
.main_txt > .txt br{ display:none;}
.main_txt .t4,
.main_txt .t5{ font-size:1.125em; line-height:1.5;}
.main_txt > .txt.icon .tt:before{ line-height:1.2;}

.main_icon_box1 .main_list > li{ flex:1 1 100%;}
.main_icon_box1 .main_list > li .inner{ padding:1em 0;}
.main_icon_box1 .main_list > li .sec_txt{}
.main_icon_box1 .main_list > li .sec_txt > .tit{ font-size:1.125em;}
.main_icon_box1 .main_list > li .sec_txt > .txt{ font-size:1.250em; margin-top:.5em;}

.main_icon_box2 .main_list > li{ flex:1 1 100%;}
.main_icon_box2 .main_list > li .sec_txt > .tit{ font-size:1.125em;}
.main_icon_box2 .main_list > li .sec_txt > .txt{ font-size:1.250em; margin-top:.5em;}


.mainLayerPop .popLayer{ position:fixed; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; overflow-y:auto;}
.mainLayerPop .popLayer.on{ display:flex !important; background:rgba(0,0,0,.3);}
.mainLayerPop .popLayer table,
.mainLayerPop .popLayer table tbody,
.mainLayerPop .popLayer table tr,
.mainLayerPop .popLayer table td{ display:block; box-sizing:border-box;}
.mainLayerPop .popLayer table,
.mainLayerPop .popLayer table tr{ background:#fff;}
.mainLayerPop .popLayer table{ position:static !important; width:22.188em; height:24.375em; max-width:100%; margin:2em; border:none !important; border-radius:.75em; overflow:hidden; box-shadow:.3em .3em .3em rgba(0,0,0,.1);}
.mainLayerPop .popLayer table tbody{ height:100%;}
.mainLayerPop .popLayer table .con{ height:calc(100% - 30px);}
.mainLayerPop .popLayer table .con > td{ height:100%; text-align:center;}
.mainLayerPop .popLayer table .con > td:before{ content:""; display:inline-block; vertical-align:middle; height:100%;}
.mainLayerPop .popLayer table .con > td img{ width:auto; height:auto; max-height:100%; vertical-align:middle;}
.mainLayerPop .popLayer table .con > td > a{ display:inline-block; width:100%; height:100%;}
.mainLayerPop .popLayer table .con > td > a:before{ content:""; display:inline-block; vertical-align:middle; height:100%;}
.mainLayerPop .popLayer table .close{ height:30px; line-height:30px;}

/* sotreBanner */
.sotreBanner{ padding: 3em 0; position:relative}
.sotreBanner .cont_wrap{ width: 60%; padding:0;}
.sotreBanner .img_wrap{ width: 20em; height:100%; position:absolute; right:1em; bottom:1em;}
.sotreBanner .img_wrap .img{ width:100%; height: 100%; background-position: 100% 100%;}
}

@media screen and (max-width:660px){

/*message*/
.page_message_box .message_list_wrap{ width:15em;}
}


@media screen and (max-width:600px){

/* sotreBanner */
.sotreBanner{ overflow: hidden;}
.sotreBanner .cont_wrap{ width: 100%;}
.sotreBanner .cont_wrap .t1{ margin-bottom: 0.5em; text-align: center;}
.sotreBanner .cont_wrap .storeBadges{ justify-content: center;}
.sotreBanner .img_wrap{ width: 100%; height: 15em; margin-top: 1em; position:unset;}
.sotreBanner .img_wrap .img{ background-position: center center;}

}

@media screen and (max-width:500px){

/*칼럼*/
.column_filter_wrap .filterR.active .wrap_in{ display:block;}
.column_filter_wrap .filter_select .label_select{ width:100%; margin:0 0 .5em 0;}
.column_filter_wrap .filter_form{ display:block;}

/*크레딧구매*/
.page_payCredit_wrap > .payCredit_list > li{ flex:1 1 50%; max-width:50%;}

.mem_btn_wrap.moSt1{ margin:0 0 -.375em -.375em;}
.mem_btn_wrap.moSt1 > li{ flex:1 1 100%;}
.mem_btn_wrap.moSt1 > li .in{ margin:0 0 .375em .375em;}

}

@media screen and (max-width:420px){

}

@media screen and (max-width:380px){
body{ font-size:12px;}

#contents .page_subLayout_box > .subLayout_nav .flex > li{ flex:1 1 50%;}

}

@media screen and (max-width:320px){

}

@media screen and (max-width:280px){
body{ font-size:10px;}
}

@media all and (max-width:1024px) and (orientation:landscape){

}

@media screen and (max-device-width:1024px){

}