/**
* File Name : layout.css
* Description : 메인,서브 공통 스타일시트
* Author : Web business Team / White
* Date : 2015.06.19
* Update : 2015.06.19
*/

/* Layout Selector */
html, body { height:100%;}
#wrap { width:100%; font-size:13px; line-height:1.4em;}
.main #container { width:100%;}
.main{overflow-x: hidden;}
.sub{overflow-x: hidden;}
.sub #container {width:100%;}
#container:after { content:""; display:block; clear:both;}

#contents { width:90%; max-width:1440px; margin:0 auto; /* min-height:650px; */}
/* gnb */
#gnb {position: fixed; top: 0; width:100%; background:#e7e7e7;  z-index: 100;}
#gnb .gnb_in { position:relative; width:90%; max-width:1440px; margin:0 auto;}

#gnb .gnb_right {color:#666666;  font-size:12px; display: flex; align-items: center; justify-content: end;}
#gnb .gnb_right li {background:url('../image/common/top_gnb_rightbg.jpg') no-repeat 0 center }
#gnb .gnb_right li a { color:#666666; padding: 10px 20px; display: block;}
#gnb .gnb_right li:last-child a{padding-right: 0;}
#gnb .gnb_right .no_img {background:none}


/* header */
#header {z-index:100; position: fixed; top: 37px; height: 81px; width: 100%;}
#header .header_in{background-color: #fff; position: relative; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); z-index: 50;}
#header .container {margin:0 auto; display: flex; justify-content: space-between; text-align: center; background-color: #fff; padding: 0; overflow: visible;}
#header h1 {width: 190px;}
#header h1 a{height: 81px; display: block;}
#header h1 a img{position: relative; top: 50%; transform: translateY(-50%);width: 190px;}
#header #lnb {width: calc(95% - 150px); display: flex; align-items: center;}
#header .subNavi{position: relative;}
#header .setUl{width: 100%; display: flex; justify-content: space-between;}
#header .setUl .subNavi{width: 80px;}
#header .setUl .subNavi>a{padding: 28px 0px; font-size: 17px; display: block; transition: .2s;position: relative;}
#header .setUl .subNavi:hover>a{font-weight: bold;}
#header .setUl .subNavi>a::after{content: ''; height: 1px; width: 110%; left: -5%; transform: scaleX(0); transform-origin: center ; display: block; position: absolute; top: 81px; background-color: #121164; z-index: 10; transition: .3s;}
#header .setUl .subNavi:hover>a::after{transform: scaleX(1); }
#header .setUl .snb{font-size: 16px; position: relative; width: 184%; overflow: hidden; height: 0; margin-left: -42%; transition: .3s;}
#header:hover{}
#header:hover .setUl .snb{height: 495px;}
#header:hover .header_in::after{content: ''; height: 1px;width: 100%; top: 81px; left: 0; background-color: #eee; z-index: 1; display: block; position: absolute; }

#header .setUl .snb li a{display: block; padding: 10px 0; transition: .2s;}
#header .setUl .snb li a:hover{font-weight: bold;}
#header .setUl .snb li:last-child a{padding-bottom: 20px;}
/* header end */

/*------------- main ---------------*/
button{border: none; cursor: pointer; background: none; }
.content2 img{width: 100%;}
.content{}
.container{width:90%; max-width:1440px; margin: 0 auto; padding: 100px 0; overflow-x: hidden;}
.container.overflow_n{overflow: visible;}
.sub .container{padding: 50px 0;}
.sub_main .container{padding: 100px 0;}
.title{font-size: 65px; font-weight: bold;}
.title span{display: block;}
.minititle{font-size: 45px; font-weight: bold;}
.main{font-size: 20px;}
.main img{width: 100%;}
.main_txt{font-family: 'Jua', sans-serif; color: #121164; font-size: 80px;}
.main_txt.tutor{font-size: 70px;}
.main_txt span{display: block;}

.mainvisual {position: relative;}
.mainvisual .rel{position: relative;}
.mainvisual .rel .absolute{position: absolute; top: 50%; left: 10%; transform: translateY(-50%); width: 20%;}
.mainvisual .slick-dots{position: absolute; bottom: 5%; left: 50%; transform: translateX(-50%);}
.mainvisual .slick-dots li{display: inline-block; margin: 0 6px;}
.mainvisual .slick-dots li button{font-size: 0;background: #fff;height: 15px;width: 15px; border-radius: 50%; transition: .5s;}
.mainvisual .slick-dots li.slick-active button{background: #121164; width: 30px; border-radius: 7.5px;}



/* notice */
#visual{padding-top: 118px;}
.notice{}
.notice .container{display: flex; justify-content: space-between; align-items: center;}
.notice .left{width: 35%;}
.notice .left img{padding: 50px 0 0 40px;width: 90%;}
.notice .right{width: 60%;}
.notice .right .slide_wrap{margin: 20px;}
.notice .right .slide_wrap .notice_card:first-child{margin-bottom: 30px;}
.notice .right .notice_card{border-radius: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); text-align: start;padding: 20px;}
.notice .right .notice_card h4{font-size: 22px; padding-bottom: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.notice .right .notice_card .con{font-weight: 300;padding: 0 5px 15px; font-size: 18px; border-bottom: 1px solid #D3D3D3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.notice .right .notice_card .date{color: #888888; font-size: 16px; padding: 15px 5px 0px;}

.notice_slide .slick-arrow{position: absolute; top: 50%; transform: translateY(-50%);font-size: 0;border-radius: 50%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); width: 60px;height: 60px;background-color: #fff;}
.notice_slide .slick-prev{left: -15px; z-index: 1;}
.notice_slide .slick-prev::after{content: "\f053";font-family: "Font Awesome 5 Free"; font-size: 22px;font-weight: 900;}
.notice_slide .slick-next{right: -15px;}
.notice_slide .slick-next::after{content: "\f054";font-family: "Font Awesome 5 Free"; font-size: 22px;font-weight: 900;}

.content2{background-color: #F0F5FF;}
.content2 .container>div{display: flex; align-items: center;justify-content: space-around;}
.content2 .tutor{margin-bottom: 100px;}
.content2 .appeal{}
.content2 .content2_img{width: 42%;}
.content2 .txt_wrap{width: 50%;}
.content2 .txt_wrap .tag{display: flex; font-weight: 300;gap: 4%;}
.content2 .txt_wrap .minititle{padding-bottom: 10px;}
.content2 .txt_wrap .minititle span{display: block;}
.content2 .txt_wrap p{}
.content2 .txt_wrap p span{padding-bottom: 30px; display: block;}
.content2 .txt_wrap button{margin-top: 46px;}
.content2 .txt_wrap button a{padding: 10px 30px; border-radius: 25px; border: 3px solid #121164; color: #121164;font-size: 20px; font-weight: 700; box-sizing: border-box; transition: .3s;}
.content2 .txt_wrap button a:hover{background-color: #121164;color: #fff; font-weight: 600;}

/* curriculum */
.curriculum{}
.curriculum .title{font-family: "Playfair Display", serif; text-align: center; color: #121164; font-size: 80px;}
.curriculum .container>p{text-align: center; font-size: 25px;}
.curriculum .curriculum_con{display: flex; justify-content: space-between;align-items: center; padding-top: 50px;}
.curriculum .curriculum_con .curr_con{width: 42%;}
.curriculum .curriculum_con .minititle{}
.curriculum .curriculum_con p{font-size: 25px;padding: 10px 0 20px;}
.curriculum .curriculum_con p span{display: block;}
.curriculum .curriculum_con .curr_button{display: flex; gap: 2%;}
.curriculum .curriculum_con .curr_button li{border-radius: 20px; color: #121164; border: 2px solid #121164; padding: 5px 20px; cursor: pointer; font-weight: bold; transition: .3s;}
.curriculum .curriculum_con .curr_button li.active{color: #fff; background-color: #121164;}
.curriculum .curriculum_con .curr_button li:hover{color: #fff; background-color: #121164;}
.curriculum .curriculum_con .curr_txt{font-size: 22px;font-weight: 300; padding-top: 40px;}
.curriculum .curriculum_con .curr_txt li{}
.curriculum .curriculum_con .curr_txt li span{display: block;}
.curriculum .curriculum_con .curr_txt li button{font-size: 20px; padding-top: 20px;}
.curriculum .curriculum_con .curr_txt li button i{transition: .3s; position: relative;top: 1px;}
.curriculum .curriculum_con1 .curr_txt li button:hover i{padding-left: 10px;}
.curriculum .curriculum_con2 .curr_txt li button:hover i{padding-right: 10px;}
.curriculum .curriculum_con .curr_img{width: 57%;}
.curriculum .curriculum_con2 .curr_con {order: 2;}
.curriculum .curriculum_con2 .curr_img{order: 1;}
.curriculum .curriculum_con2 {text-align: end;}
.curriculum .curriculum_con2 .curr_button{justify-content: end;}
.curr_txt li, .curr_img li {
    display: none;
    opacity: 0;
}
.curr_txt li.active, .curr_img li.active {
    display: block;
    animation: fadein .5s forwards;
}
@keyframes fadein{
    0%{opacity: 0;}
    100%{opacity: 1;}
}

.review{/* background-color: #f3f3f3; */}
.review .title{text-align: center; padding-bottom: 40px;}
.review .review_box{width: 90%; margin: 0 auto;}
.review .review_box .boxwrap{border-radius: 20px; padding: 20px 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); margin: 0 25px; background-color: #fff;}
.review .review_box>div .name{font-size: 25px; font-weight: bold;}
.review .review_box>div .star{display: flex; color: #FCCF5D; margin: 5px 0; gap: 1%;}
.review .review_box>div .tag{font-size: 16px; font-weight: 300; display: flex; justify-content: space-between;}
.review .review_box>div .tag li{}
.review .review_box>div .txt{margin-top: 20px;
     /* 한 줄 자르기 */
     display: inline-block;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 
     /* 여러 줄 자르기 추가 스타일 */
     white-space: normal;
     line-height: 1.2;
     height: 14.4em;
     text-align: left;
     word-wrap: break-word;
     display: -webkit-box;
     -webkit-line-clamp: 12;
     -webkit-box-orient: vertical;

}
.review .slick-arrow{position: absolute; top: 50%; transform: translateY(-50%);font-size: 0;border-radius: 50%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); width: 60px;height: 60px;background-color: #fff;}
.review .slick-prev{left: -15px; z-index: 1;}
.review .slick-prev::after{content: "\f053";font-family: "Font Awesome 5 Free"; font-size: 22px;font-weight: 900;}
.review .slick-next{right: -15px;}
.review .slick-next::after{content: "\f054";font-family: "Font Awesome 5 Free"; font-size: 22px;font-weight: 900;}
.review .slick-slider .slick-track{padding: 10px 0 10px;}

/* -------------------------------강사소개----------------------------- */
.content_box{padding-bottom: 50px;}

.sub{font-size: 20px; padding-top: 118px;}
.sub_menu{display: none; }
.sub_main{background-color: #cddaf5;}
.sub_main_c{background-color: #cddaf5;}
.sub_main .container{border: none; background: url(../img/blue/tutor_main.png) no-repeat;background-position: right bottom; background-size: 720px;}
.sub_main .container h4{font-size: 30px;}
.playfair{font-family: "Playfair Display", serif; font-weight: bold;}
.bold{font-weight: bold;}
.sub_tit{padding-bottom: 50px;}
.sub_bg1{display: none;}
 .sub .card_wrap{padding: 30px 70px;border-radius: 20px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); margin-bottom: 50px;} 
.sub .card{ display: flex; height: 280px; justify-content: space-between; align-items: center;}
.sub .card .tutor_left{text-align: center; border-radius: 115px; overflow: hidden; width: 210px; height: 260px;position: relative;}
.sub .card .tutor_left img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: 100%; object-fit: cover;}
.sub .card .tutor_txt{width: 75%;display: flex; height: 100%; flex-direction: column;justify-content: center;}
.sub .card .tutor_txt>li{}
.sub .card .tutor_txt>li .tag{display: flex;  gap: 3%; font-size: 19px; }
.sub .card .tutor_txt>li .tag li{color: #121164;}
.sub .card .tutor_txt>li.txt{display: flex; flex-direction: column; justify-content: space-around; height: 80%;}
.sub .card .tutor_txt>li.txt>p{display: flex;}
.sub .card .tutor_txt>li.txt>p span{font-weight: bold; width: 20%;}
.sub .introduce_wrap{}
.sub .introduce_wrap .introduce {padding: 20px 25px; border-radius: 20px; background-color: #F5F5F5; display: none;}
.sub .introduce_wrap .video_wrap {width: 60%; border-radius: 20px; overflow: hidden; margin: 0 auto 20px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);}
.sub .introduce_wrap .video_wrap video{max-width: 100%; max-height: 100%;}
.sub .introduce_wrap button {font-size: 20px;font-weight: bold; width: 100%; padding-top: 10px; margin-bottom: -20px;}
.sub .introduce_wrap button i {}

.sub .page_btn .list{background-color: none; }

/* 교육과정 */
.curriculum_wrap h4{font-size: 30px;}
.curriculum_wrap .sub_main{text-align: start;}
.curriculum_wrap .main_txt{font-size: 90px;}
.curriculum_wrap .container{ border: none; background: url(../img/blue/curriculum_main.png) no-repeat;background-position: right bottom; background-size: 550px;  height: 270px; display: flex; flex-direction: column; justify-content: center;}
.process_page{}
.process_page .process1{display: flex; justify-content: space-between;align-items: center; padding-bottom: 50px;}
.process_page .wrap{}
.process_page .process1 .wrap{width: 40%;}
.process_page .process1 .title{font-size: 50px;}
.process_page .process1 .p1{font-size: 25px; padding: 10px 0 20px;}
.process_page .process1 p span{display: block;}
.process_page .process1 .basic_tab{display: flex; justify-content: space-between;}
.process_page .process1 .basic_tab li{cursor: pointer; padding: 7px 20px;border-radius: 25px; border: 3px solid #121164; font-weight: bold; color: #121164; transition: .3s;}
.process_page .process1 .basic_tab li:hover{color: #fff; background-color: #121164;}
.process_page .process1 .basic_tab li.act{color: #fff; background-color: #121164;}
.process_page .process1 .lighter{font-size: 22px; padding-top: 50px; font-weight: 300;}
.process_page .process1 .lighter span{display: block;}
.process_page .img_wrap{width: 55%; position: relative;}
.process_page .img_wrap .p_img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; /* animation: show 1s forwards; */}
@keyframes show{
    0%{width: 0%;}
    100%{width: 100%;}
}
.process_page .img_wrap .p_img img{position: absolute;}

.process_page .book_wrap .books1{}
.process_page .book_wrap .books1>li{display: flex; justify-content: space-around; align-items: center;padding: 50px 0; border-bottom: 1px solid #aaa;}
.process_page .book_wrap .books1>li:last-child{border: none; padding-bottom: 0;}
.process_page .book_wrap .books1 .book_img{width: 13%;}
.process_page .book_wrap .books1 .book_img img{}
.process_page .book_wrap .books1 .txt{width: 50%;}
.process_page .book_wrap .books1 .txt .lv{background-color: #121164; color: #fff; font-weight: bold; padding: 3px 25px; display: inline-block; border-radius: 10px;}
.process_page .book_wrap .books1 .txt .book_title{padding: 20px 0 10px;font-size: 30px;}
.process_page .book_wrap .books1 .txt p{}
.process_page .book_wrap .books1 .preview{width: 20%;font-weight: bold; }
.process_page .book_wrap .books1 .preview p{text-align: center;font-size: 22px;padding-bottom: 25px;}
.process_page .book_wrap .books1 .preview ul{display: flex; margin: 0 10px; justify-content: space-evenly;flex-wrap: wrap; margin-bottom: -5%;}
.process_page .book_wrap .books1 .preview ul li{color: #121164; border-radius: 10px; border: 2px solid #121164; transition: .3s; margin: 0px 2px 5%;}
.process_page .book_wrap .books1 .preview ul li a{padding: 5px 18px;display: block;font-size: 18px;}
.process_page .book_wrap .books1 .preview ul li:hover{color: #fff; background-color: #121164;}
.process_page .book_wrap .books1 .preview ul li a.student{padding: 5px 26px;}

#contents2{background-color: #F5F5F5;}
.process_page .process1 .basic_tab1{justify-content: start; gap: 5%;}

/* 고객센터 */
td img{width: auto;}
.center_main{}
.sub_main_c .container{background-position: right bottom;  height: 262px; display: flex; flex-direction: column; justify-content: center; background-size: 550px;}
.center_main .container{background: url(../img/blue/center_main.png) no-repeat;background-position: right bottom;}
.video_main .container{background: url(../img/blue/video_main.png) no-repeat;background-position: right bottom;}
.center2_main .container{background: url(../img/blue/center2_main.png) no-repeat;background-position: right bottom 20px; background-size: 450px;}
.mypage_main .container{background: url(../img/blue/mypage_main.png) no-repeat;background-position: right bottom 20px;}

.sub_main h4{}
.sub_main h4 span{display: block;}
.sub_main .main_txt{padding-top: 20px;}
.search {display: flex; justify-content: flex-end; gap: 15px; align-items: center;}
.search select{width: 100px; font-size: 20px;}
.search input{font-size: 20px;}
.search input, .search textarea, .search select{border-radius: 5px; border: 1px solid #555; padding: 5px 10px; color: #555;line-height: 29px;}

.snb_menu{display: flex; justify-content: center; gap: 5%; margin: 50px 0; font-size: 30px;font-weight: bold;}
.snb_menu li{padding: 0 10px 5px; transition: .3s;}
.snb_menu li.act{color: #121164; border-bottom: 3px solid #121164;}
.blue{color: #121164;}
.snb_menu li:hover{color: #121164;}
.snb_menu li a{}
.faq_wrap th.category{min-width: 110px;}
.page_qns tbody tr td:last-child{font-weight: normal; padding: 0 5px;}

.category{width: 15%;}
.question{width: 85%;}

/* 고객센터-수강후기 */
.table_con{}
.table_con td{padding: 20px 5px;}
.table_con td.tt_txt{padding: 20px 25px;}
.table_title td{padding: 15px 0;}
.table_title .num{width: 7%;}
.table_title .tt{width: 58%;}
.table_title .name{width: 10%;}
.table_title .date{width: 15%;}
.table_title .hits{width: 10%;}


/* 로그인 */
.content_box{position: relative;}
.page_login{background-color: #f5f5f5;}
.bg_color{background-color: #f5f8ff;}
.php_button_wrap{margin: 0 auto; display: flex; justify-content: center; gap: 3%;}
.php_button{display: block; margin-top: 30px;}
.php_button.review{text-align: center;}
.php_button a,.input_button,.php_button p.del_color,.php_button p{border: none; cursor: pointer; background: none; padding: 10px 0; width: 180px; border-radius: 10px; font-size: 20px; border: #666666 3px solid; color: #666666; display: inline-block; transition: .3s;font-weight: bold;text-align: center;}
.php_button a:hover,.php_button p:hover{background-color: #666666; color: #fff;}
.php_button a.color,.input_button.color{border-color: #121164; color: #121164;}
.php_button a.color:hover,.input_button.color:hover{background-color: #121164; color: #fff;}
.php_button a.red,.php_button p.del_color{border-color: #D21312; color: #D21312;}
.php_button a.red:hover,.php_button p.del_color:hover{background-color: #d21312; color: #fff;}
.flex{display: flex; align-items: center;}
.php_button_wrap.video_button .php_button{margin-top: 0px;}
.php_button_wrap.video_button .php_button a{width: 370px;}
.select_wrap.flex{justify-content: space-between;}
.select_wrap .php_button_wrap{justify-content: end; margin: 0;}
.select_wrap .php_button_wrap .php_button{margin-top: 0;}

.php_button p.color_y{border-color: #121164; color: #121164;}
.php_button p.color_y:hover{background-color: #121164; color: #fff;}




.write td{padding: 15px;}
.write tr.line td{padding: 0;}

.btn_center{}
.login_member_box .input_container ul{display: flex; flex-direction: column; gap: 10px;}
.login_member_box {padding: 130px 0;}
.login_member_box .btn_center button{padding: 15px 0; width: 100%; display: block; margin: 40px 0 30px;font-size: 20px;font-weight: bold; color: #fff; background-color: #121164; border-radius: 10px;}
.login_member_box .login_footer{display: flex; flex-direction: column; align-items: center;}
.login_member_box .login_footer li{padding-bottom: 10px;}
.login_member_box .login_footer li:last-child{padding-bottom: 0px;}
.login_member_box .login_footer span{padding-left: 20px;}
.login_member_box .login_footer .bold{color: #121164}

/* 수강후기 */
.php_wrap{border-top: 3px solid #222;}
.php_wrap>p{border-bottom: 1px solid #B4B4B8; z-index: 1; position: relative; padding: 10px;}
.php_wrap p span{font-size: 25px;}
.php_wrap ul{display: flex;border-bottom: 1px solid #B4B4B8; align-items: center;}
.php_wrap ul li{width: 80%;}
.php_wrap ul li.table_title{width: 20%;}
.php_wrap ul li.table_txt{background-color: #fff; text-align: start; font-size: 20px; padding: 16px 30px;border-left: 1px solid #B4B4B8;}
.php_wrap ul li.table_txt p{padding-bottom: 15px; line-height: 30px;}
.php_wrap ul li.table_txt p:last-child{padding-bottom: 0px;}
.php_wrap .list_back{}


/* 동영상강의 */
.br{border-right: 1px solid #e2e2e2;}
.w25{width: 23%;}
.ws{width: 15.5%;}
.basic_v{font-size: 20px;}

/* 센터 */
.autosourcing-stub-extra{font-size: 18px;}

/* 마이페이지 */

/* 셀렉트박스 스타일 */
.container.select_wrap{padding-bottom: 30px;}
.selectbox{position: relative; display: inline-block;}
.selectbox .toggle-btn{border-radius: 15px; font-size: 20px; padding: 13px 20px; border: 2px solid #C4C4C4; display: flex; justify-content: space-between; width: 250px;align-items: center;}
.selectbox .toggle-btn i{color: #C4C4C4;  }
.selectbox .selectbox-option{border: 2px solid #C4C4C4;width: 250px;border-radius: 15px; box-sizing: border-box; padding: 10px; position: absolute; z-index: 10; background-color: #fff; top: 110%; display: none; }
.selectbox .selectbox-option li{ border-radius: 15px; margin-bottom: 5px; transition: .1s;}
.selectbox .selectbox-option li:hover{ background-color: #121164; color: #fff;}
.selectbox .selectbox-option li:last-child{margin-bottom: 0;}
.selectbox .selectbox-option li a{padding: 10px 10px; display: block;}
.selectbox .selectbox-option li.on{background-color: #121164; color: #fff;}
td.day_num td,td.sat td,td.sun td{font-size: 18px; padding: 5px; padding-bottom: 10px;}
.tb_text td{padding: 5px;}
.calender_month_warp{border: none;}
.calender_month{padding: 10px;}
.fz16{font-size: 16px;}
.fz17{font-size: 17px;}
.fz18{font-size: 18px;}
.fz19{font-size: 19px;}
.fz20{font-size: 20px;}

/* 수강현황 */
.class_select{border: 2px solid #C4C4C4; padding: 8px 20px; border-radius: 10px;-webkit-appearance: none; /* Safari and Chrome */ -moz-appearance: none; /* Firefox */ appearance: none; font-size: 16px;}
.select_td{position: relative;}
.select_td::after{content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #c4c4c4;}

/* 월별학습평가 */
.result_button{font-size: 16px; font-weight: bold; border: #121164 3px solid; border-radius: 10px; padding: 5px 20px; color: #121164; transition: .3s;}
.result_button:hover{background-color: #121164; color: #fff;}
.monthly_1{width: 7%;}
.monthly_2{width: 50%;}
.monthly_3{width: 15%;}
.monthly_4{width: 13%;}
.monthly_5{width: 15%;}

a.lock_wrap{display: flex; align-items: center; gap: 10px;}
.check input{margin-left: 10px;}
.check input:first-child{margin-left: 0px;}
.wr_w_title{width: 15%; min-width: 150px;}
.table_left th.table_tt{border-right: 0;}

.news table.page_btn{margin-top: 0;border: 0;}

.payment_wrap .button_wrap{}
.payment_wrap button{border-radius: 10px; border: 2px solid #121164; color: #121164; font-size: 16px; font-weight: bold; padding: 5px 30px; margin-bottom: 5px; transition: .3s;}
.payment_wrap button:hover{color: #fff; background-color: #121164;}
.payment_wrap button:last-child{margin-bottom: 0;}

.page_title{}
.page_title .coupon_tt{font-size: 18px; font-weight: normal; padding-left: 20px;}
.point_top{display: flex; justify-content: space-between; font-size: 30px; font-weight: bold; padding-bottom: 20px;}
.point_top h4{font-weight: bold;}
.point_top p{color: #121164;}
.point_top p span{}
.point_table{}
.point_table .table_w1{width: 30%;}
.point_table .table_w2{width: 20%;}
.point_table .table_w3{width: 25%;}
.point_table .table_w4{width: 25%;}

#join .input_center2{padding-top: 30px;}

#login .member_box .login_img img{}
#login .member_box .input_container{}
#login .member_box .input_container ul{width: 460px; margin: 0 auto; padding: 0;}
#login .member_box .input_container ul li{width: 100%;}
#login .member_box .login_footer ul{flex-direction: column;width: 460px; align-items: flex-start;}
#login .member_box .login_footer ul li p{width: 100%;}

.old_new_days{width: 14%; height: 100px;}

.myclass_wrap .myclass_day{height: 30px; width: 14%;}
.myclass_wrap .myclass_num{padding-bottom: 5px;}
.myclass_wrap .myclass_num .blank{height: 40px;}

#present .select_class{font-size: 18px; padding: 5px 15px; width: 100%; border: 1px solid #222; border-radius: 10px; margin-bottom: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; background: url(../../../module2/images/arrow_down.png) no-repeat; background-position: right 15px center;}
#present h3.title{font-size: 35px;}
#present .title_wrap{margin-bottom: 30px;}
#present .myButton{background: url(../image/btn/button6.png) no-repeat;  background-size: cover; /*width: 77px;height: 19px; */ display: inline-block;}
#present .tb1{border: 1px solid #999;}
#present .tb1 td{padding: 7px;}
#present .tb1 .tb_title{text-align: center; background-color: #f5f5f5; width: 15%; font-weight: bold;}
#present .tb1 .tb_text{width: 35%;}
#present .tb2_title{margin-top: 50px;}
#present .tb2{display: flex; justify-content: space-around; padding: 30px 0 50px; align-items: center;}
#present .chart_wrap{position: relative;width: 200px;}
#present .chart_wrap h3{position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; font-size: 32px;font-weight: bold;}
#present .tb2_left{background: url(../../../module2/images/circle_gray.png) no-repeat; background-size: cover; width: 270px; height: 270px; display: flex; align-items: center; justify-content: center;}
#present .chart{}
#present .tb2_right{width: 35%;}
#present .tb2_right>li:nth-child(1){border-top: 1px solid #C3C3C3; background: url(../../../module2/images/circle1.png) no-repeat; background-position: left center;}
#present .tb2_right>li:nth-child(2){background: url(../../../module2/images/circle2.png) no-repeat; background-position: left center;}
#present .tb2_right>li:nth-child(3){background: url(../../../module2/images/circle3.png) no-repeat; background-position: left center;}
#present .tb2_right>li{border-bottom: 1px solid #C3C3C3;padding: 10px; padding-left: 25px;}
#present .tb2_right>li>ul{display: flex; justify-content: space-between;}
#present .tb2_right>li>ul>li{font-weight: bold;}

#present .tb3_wrap{margin: 30px 0;}
#present .calendar{}
#present .calendar td{font-size: 20px; text-align: center;}
#present .calendar td.sun p{color: red;}
#present .calendar td.sat p{color: blue;}
#present tr td.day td{font-size: 14px;}
#present td.sat td, #present td.sun td{padding-bottom: 5px;}
#present tr td.day .day{font-size: 18px; padding: 5px;}
#present tr td.sat td:not(.sat), #present tr td.sun td:not(.sun){font-size: 14px;padding: 0;padding-bottom: 5px;}
#present .day table tr:last-child td{padding-bottom: 5px;}
#present .calendar_txt{margin-top: 30px;}
#present .calendar_txt td{padding: 3px 0;}
#present .calendar_title{padding-bottom: 30px;}
#present .calendar_title tr td{display: flex; align-items: center;}
#present .calendar_title span.tb_text{font-weight: bold; padding: 0 25px;}
#present .calendar_title span a{padding: 5px;}
#present .calendar_title span a img{width: 5px;height: 9px;}

.info_wrap .wd130{width: 250px;}
#info .join_form_table{margin-bottom: 30px;}
#info .join_form_table:last-child{/* margin-bottom: 30px; */}
#info .join_form_table td{height: 43px;}
#info .join_form_table th{height: 42px;}
#info .title_wrap{height: auto;}
#info .title_wrap span.title{font-size: 35px;}
#info .title_wrap span.sub{line-height: 51px; float: right; font-size: 18px; padding-top: 0;}
#info .tb_title{min-width: 220px;width: 25%;}
#info .tb_title.n_img{padding-left: 17px;}
#info .tb_text .small{font-size: 16px; padding-left: 10px;}
#info .tb_text .check{margin-left: 15px;}
#info .tb_text.birth_wrap{display: flex;align-items: center;}
#info .tb_text.birth_wrap span{padding: 0 10px 0 5px;}
#info .tb_text select{font-size: 18px;width: 60px; border-radius: 10px; padding: 3px 5px; border-color: #d1d1d1;}
#info .tb_text select.birth1{width: 100px;}
#info .next_btn{}
#info .next_btn a{display: block; color: #121164; font-size: 20px; font-weight: bold; border-radius: 10px; border: 3px solid #121164; padding: 10px 0;transition: .3s; width: 180px;}
#info .next_btn a:hover{color: #fff; background-color: #121164;}

.join_wrap{padding: 50px 0;}
.join_wrap .wd130{width: 250px; margin-right: 10px;}
.join_wrap .join_form_table{margin-bottom: 30px;}
.join_wrap .join_form_table:last-child{/* margin-bottom: 30px; */}
.join_wrap .join_form_table td{height: 43px;}
.join_wrap .join_form_table th{height: 42px;}
.join_wrap .title_wrap{height: auto;}
.join_wrap .title_wrap span.title{font-size: 35px;}
.join_wrap .title_wrap span.sub{line-height: 51px; float: right; font-size: 18px;}
.join_wrap .tb_title{min-width: 220px;width: 25%;}
.join_wrap .tb_title.n_img{padding-left: 17px;}
.join_wrap .tb_text .small{font-size: 16px;}
.join_wrap .tb_text .check{margin-left: 15px;}
.join_wrap .tb_text.birth_wrap{display: flex;align-items: center;}
.join_wrap .tb_text.birth_wrap span{padding: 0 10px 0 5px;}
.join_wrap .tb_text select{font-size: 18px;width: 60px; border-radius: 10px; padding: 3px 5px; border-color: #d1d1d1;}
.join_wrap .tb_text select.birth1{width: 100px;}
.join_wrap .next_btn{}
.join_wrap .next_btn a{display: block; color: #121164; font-size: 20px; font-weight: bold; border-radius: 10px; border: 3px solid #121164; padding: 10px 0;transition: .3s; width: 180px;}
.join_wrap .next_btn a:hover{color: #fff; background-color: #121164;}
.join_top p{font-size: 18px;}
.join_top{font-size: 18px;}
#agree2{margin-left: 20px;}
.join_top .inner{display: flex; align-items: center; justify-content: center;}
.join_top .inner span{padding: 0 8px;}


.content_box.tutor_wrap{padding-bottom: 0;}
.content_box.login_wrap{padding-bottom: 0;}

.join_wrap .join_form_table td.title_wrap{padding-top: 30px;}

.usefulenglish_v_wrap.content_box,.todayenglish_v.content_box{padding-bottom: 0;}

.usefulenglish_wrap .tb_num{width: 10%;}
.usefulenglish_wrap .tb_tt{}
.usefulenglish_wrap .tb_cl{width: 10%;}
.usefulenglish_wrap .tb_wr{width: 15%;}

.v_tb_tt{width: 120px;}
.video_tb1{width: 20%;}
.video_tb2{width: 20%;}
.video_tb3{width: 60%;}
.video_tb4{}

.qns_col1{width: 60px;}
.qns_col2{}
.qns_col3{width: 60px;}
.qns_col4{width: 100px;}
.qns_col5{width: 105px;}

.basic_v_wrap .table_top th{padding: 12px 3px;}
.basic_v_wrap .table_top .tb_b1,.basic_v_wrap .table_top .tb_b3{width: 11%;}

.news_wrap .tb_num{width: 10%;}
.news_wrap .tb_wr{width: 15%;}

.col_title{width: 120px;}
.w50p{width: 50%;}

.mobile{display: none;}
.display{display: none;}
#header .subNavi.mobile{display: none;}
#quick{position: fixed; bottom: 15%; right: 30px;z-index: 50;}
#quick .quick_top{box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);background-color: #fff; border-radius: 10px; }
#quick ul{ text-align: center; overflow: hidden; transition: .3s; height: 652px;}
#quick ul li{position: relative;}
#quick ul li::after{content: ''; position: absolute; width: 90%; height: 1px; background-color: #e4e4e4; top: 0; left: 50%;transform: translateX(-50%);}
#quick ul li a{padding: 10px 0 10px; display: block;}
#quick ul li:last-child a{padding: 10px 0 20px;}
#quick ul li.call{padding: 10px 5px 10px; }
#quick ul li p{font-size: 14px;}
#quick ul li p.blue{}
#quick ul li p.small{font-weight: 400; font-size: 12px; margin-top: 10px;}
#quick ul li p.small2{margin-top: 3px;}
#quick ul li .img_wrap{width: 50%; margin: 0 auto; padding-bottom: 50%; background-color: #d5e0f6; position: relative; border-radius: 50%; margin-top: 10px;}
#quick ul li .img_wrap img{width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#quick button{text-align: center;width: 100%;}
#quick button img{width: 18%; padding: 12px 0;transform: rotate(180deg);}

#quick .quick_top.collapsed ul{height: 0;}
#quick .quick_top.collapsed button img{transform: rotate(0deg);}

#quick .top{width: 60%; padding-bottom: 60%; position: relative; margin: 0 auto; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); border-radius: 50%; margin-top: 10px; cursor: pointer;}
#quick .top i{color: #121164; font-size: 25px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}



.php_wrap p span{font-size: inherit;}

.input_container ul li:nth-child(1){width: 250px; }
.input_container ul li:nth-child(2){width: 40%;}

.cou_c1{width: 7%;}
.cou_c2{}
.cou_c3,.cou_c4,.cou_c5{width: 10%;}

.table_top td.payment_con1 span{font-weight: bold;}
.table_top th.payment_c1{width: 15%;}
.table_top th.payment_c2{}
.table_top th.payment_c3{width: 12%;}
.table_top th.payment_c4{width: 12%;}
.table_top th.payment_c5{width: 10%;}
.table_top th.payment_c6{width: 10%;}
.table_top th.payment_c7{width: 12%;}

.payment_mobile{display: none;}

.tqna_w{}
.tqna_w .table_tt{font-size: 22px;}
.tqna_w .tb_tt{width: 15%;}
.tqna_w .tb_txt{width: 85%; padding-left: 15px;}

.lv_wrap{}
.lv_wrap .lv_tb1{width: 7%;}
.lv_wrap .lv_tb2{width: 10%;}
.lv_wrap .lv_tb3{}
.lv_wrap .lv_tb4{width: 10%;}
.lv_wrap .lv_tb5{width: 15%;}
.lv_wrap .lv_tb6{width: 20%;}
.lv_wrap .lv_tb7{width: 15%;}

.wr_list_wrap .wr_list_tb1{width: 7%;}
.wr_list_wrap .wr_list_tb2{width: 53%;}
.wr_list_wrap .wr_list_tb3{width: 15%;}
.wr_list_wrap .wr_list_tb4{width: 10%;}
.wr_list_wrap .wr_list_tb5{width: 15%;}

#info .join_form_table.table2{}

.wr_list_wrap a.lock_wrap{}

.wr_list_wrap a.lock_wrap p{order: 2;}
.wr_list_wrap a.lock_wrap div{order: 1;width: 12px;}
span.red{color: #f00;}
td.img_btn{width: 40px;height: 50px; padding-left: 5px;}
td.img_btn.img_btn_auto{width: auto;}

#present .tb3 .tb_tt{width: calc(100% / 8);}
#present .tb3 .tb_text{width: calc(100% / 8);}

#join{padding: 50px 0;}
#join .ico_mark_blue{text-align: center; font-size: 30px;font-weight: bold; color: #4b5154;}
#join .member_box{width: 40%; margin: 0 auto; padding: 30px 50px; border-radius: 20px; /* border: 1px solid #C3C3C3; */ background-color: #fff; box-shadow: 0px 4px 16px rgba(0,0,0,.05);}
#join dt{font-weight: bold;padding: 10px 0 5px; font-size: 20px;}
.join.content_box{padding-bottom: 0;}
#container.idpass_wrap{background-color: #f5f5f5;}
#join .input_text_log{border: 1px solid #E2E9EC; box-shadow: none;}
#join .member_box:first-child{margin-bottom: 50px;}
#join .input_button.color{margin-top: 25px;}
.mypage_wrap .tb2{padding-top: 30px;}

.break button.input_button{margin-top: 40px;}
.qns_v_wrap{}
.qns_v_wrap .qns_tr>td{border-bottom: solid 1px #ddd; box-sizing: border-box;}
.qns_v_wrap .border{font-size: 22px;padding: 12px;}
.qns_v_wrap .tb_tt{text-align: center; padding: 12px 0; font-weight: bold; width: 20%;border-right: solid 1px #ddd;}
.qns_v_wrap.tqna_v .tb_tt{width: 15%;}
.qns_v_wrap .tb_txt.right{width: 150px;}
.qns_v_wrap .tb_txt{padding: 10px 20px; vertical-align: top;}
.qns_v_wrap .min_hight{height: 250px; }

.qns_v_wrap .tb_tt.border_l{border-left: solid 1px #ddd;}

.tqna_c1{width: 10%;}
.tqna_c2{}
.tqna_c3{width: 15%;}
.tqna_c4{width: 15%;}


.wr_v_tb{}
.wr_v_tb .wr_v_tt{width: 120px;}
.wr_v_tb .wr_v_txt{}

span.pr30{padding-right: 20px;}
.bg_y1{background-color: #f2fafd;}
.bg_y2{background-color: #ffffff;}
.tb_top_color{background-color: #f6f6f6;border-bottom: solid 1px #b0b0b0; border-top: solid 2px #232323;}
#present .tb3_wrap .tb_tt{background: #CEDAF5;}
#present .tb3_wrap .tb_text{background: #FFFFFF;}
.calendar .tb_tt{background: #CEDAF5;}
.qns_v_wrap .tb_tt{background-color: #F5F8FF;}
.myclass_wrap .myclass_day{background-color: #CEDAF5;}

.myclass_wrap .calander_bg1{background: #ffcc66;}
.myclass_wrap .calander_bg2{background: #66FFCC;}
.myclass_wrap .calander_bg3{background: #eff3fc;}
.myclass_wrap .calander_bg4{background: #FFFFFF;}
#quick ul li:nth-child(4){display: none;}
#quick ul{height: 311px;}

.tutor_content .search{justify-content: start; margin-bottom: 30px;}
.tutor_content .search select{width: 116px;}

.list_wrap .page_wrap{display: flex; align-items: center; justify-content: center; gap: 2px; padding-top: 10px;}
.list_wrap .page_wrap .num{color: #fff; background-color: #121164; padding: 2px 8px; border-radius: 4px; font-size: 14px;}
.list_wrap .page_wrap .n_num{font-size: 15px; font-weight: bold;}
a.id_btn{border-radius: 4px; color: #fff; background: #121164; font-size: 15px; padding: 3px 7px; font-weight: 600; letter-spacing: .5px;}

.list_wrap .flex input{line-height: 31px;margin: 0 2px;}
.list_wrap .flex input.search_btn{line-height: 43px;}
.list_wrap .flex{display: flex; justify-content: space-between; margin-bottom: 10px;}

.review_w_table td{padding: 15px;}
.review_w_table .line td{padding: 0;}
.review_w_table .tb_tt{text-align: center; width: 20%;}
.review_w_table .input_text_log{height: 300px;}
.review_w_table span.flex span{padding-left: 10px;}
.review_w_table td.flex{gap: 3%;}

.review_wrap .bg_color{position: relative;}
.review_wrap .bg_color .absolute{position: absolute; right: 30px; text-align: end;}
.con_min_height{min-height: 250px;}
.write td.tb_txt{background-color: initial;}
.reply{margin-top: 50px;}
.reply.php_wrap{border-top: 2px solid #222;}
.reply .flex{align-items: center; justify-content: center;}
.reply .flex.start{justify-content: start;}
.reply .flex .bar{ display: inline-block; padding: 0 10px 2px; text-align: center;}
.reply .padding{padding: 10px;}
.reply .padding2{padding: 0px 10px 10px;}
.reply .padding.flex img{padding-left: 7px; padding-top: 3px;}
.reply .padding.flex img.del{}
.reply .small{font-size: 16px;}
.reply i{padding-right: 10px;}
.reply .input_text{font-size: 16px; padding: 3px 10px; margin-right: 15px; box-sizing: border-box; box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25);}
.reply .input_text.w_calc{width: calc(100% - 83px);min-height: 70px;}
.reply .reply_button{border: 0; font-size: 18px; color: #fff; background-color: #121164; border-radius: 10px; font-weight: 600; padding: 7px 15px; cursor: pointer; }
.reply .border_bottom td{border-bottom: 1px solid #b4b4b4;}
.reply .flex.buttons{gap: 2%;}
.review_wrap .flex.buttons{gap: 2%; display: flex; justify-content: center;}
.list_wrap .fa-comment{transform: rotateY(180deg);}
.list_wrap .eng_gray{padding-left: 5px;}
.list_wrap .re_wrap{font-size: 15px; display: inline-block;}
.list_wrap .table_con td.tt_txt{display: flex; align-items: center;}

.review_w_table .relative{position: relative;}
.review_w_table .absolute{position: absolute; right: 10px;}

.list_wrap .flex input{line-height: 31px;}
.list_wrap .flex input.search_btn{line-height: 43px;}


#present .present_calender>tbody>tr:not(.calendar){height: 100px;}
#present .present_calender>tbody>tr:nth-child(2n-1){height: 0px;}
/* ~~~~~~~~~~~~~~~~~~~반응형~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 1770px){
    .sub .card .tutor_txt>li .tag{font-size: 1.15vw;}
}
@media screen and (max-width: 1440px) {
    /* 1440px 이상일 때 */
    .title{font-size: 50px;}
    .minititle{font-size: 30px;}
    .main{font-size: 18px;}
    .sub{font-size: 18px;}
    .container{width: 95%; padding: 80px 0;}
    .sub .container{padding: 50px 0;}
    .sub_main .container h4{font-size: 25px;}
    .sub_main .main_txt{font-size: 65px; padding-top: 10px;}
    .sub_main .container{background-size: 520px; padding: 70px 0;}

    .sub_main_c .container{height: 231px; background-size: 440px;}


    .notice .left img{width: 100%; padding: 50px 0 0;}
    .notice .right{}
    .notice .right .slide_wrap{margin: 10px;}

    .content2 .container>div{justify-content: space-between;}
    .content2 .txt_wrap{width: 54%;}
    .content2 .txt_wrap p span{padding-bottom: 15px;}
    .content2 .txt_wrap button{margin-top: 20px;}
    .content2 .txt_wrap button a{font-size: 18px; display: block; padding: 7px 25px;}
    .content2 .tutor{margin-bottom: 80px;}

    .curriculum .title{font-size: 60px;}
    .curriculum .container>p{font-size: 22px;}
    .curriculum .curriculum_con p{font-size: 20px; padding: 10px 0 10px;}
    .curriculum .curriculum_con .curr_txt{font-size: 18px;}
    .curriculum .curriculum_con .curr_button li{font-size: 16px; padding: 5px 15px;}
    .curriculum .curriculum_con .curr_con{width: 46%;}
    .curriculum .curriculum_con .curr_img{width: 53%;}
    .curriculum .curriculum_con .curr_txt{padding-top: 20px;}
    .curriculum .curriculum_con .curr_txt li button{padding-top: 10px; font-size: 18px;}

    .review .review_box .boxwrap{margin: 0.2%; padding: 15px;}
    .review .review_box>div .txt{margin-top: 10px; height: 12.1em; -webkit-line-clamp: 10;}
    .review .slick-next {right: -30px;}
    .review .slick-prev {left: -30px;}
    .review .review_box>div .tag li:last-child{display: none;}
    .review .review_box>div .name{font-size: 22px;}

    #contents{width: 95%;}
    .sub .card_wrap{padding: 30px 50px;}
    .sub .card{justify-content: space-around; height: 245px;}
    .sub .card .tutor_txt{width: 60%;}
    .sub .card .tutor_left{width: 200px; height: 242px;}
    .sub .card .tutor_txt>li.txt>p span{min-width: 97px;}
    .sub .card .tutor_txt>li.txt>p{align-items: center;}
    .sub .introduce_wrap .introduce{margin-top: 10px; padding: 15px 20px;}
    .sub .introduce_wrap button{font-size: 18px;}

    .process_page .process1 .title{font-size: 40px;}
    .process_page .process1 .p1{font-size: 20px;}
    .process_page .process1 .wrap{width: 45%;}
    .process_page .img_wrap {width: 53%;}

    .process_page .img_wrap .p_img{}
    .process_page .img_wrap img{width: 100%;}
    .process_page .process1 .lighter{padding-top: 20px; font-size: 18px;}
    .process_page .process1 .basic_tab{justify-content: start; gap: 2%;}
    .process_page .process1 .basic_tab li{font-size: 16px; padding: 7px 15px; justify-content: start; gap: 2%;}

    .process_page .book_wrap .books1 .book_img{width: 16%;}
    .process_page .book_wrap .books1 .book_img img{width: 100%;}
    .process_page .book_wrap .books1 .txt .book_title{padding: 10px 0 5px;}
    .process_page .book_wrap .books1 .preview ul{}
    .process_page .book_wrap .books1 .preview{width: 25%;}
    .process_wrap.content_box{padding-bottom: 0;}
    .process_page .book_wrap .books1>li:first-child{padding-top: 0;}
    .process_page .book_wrap .books1>li{padding: 40px 0;}

    .login_member_box{padding: 100px 0;}
    .input_text_log{font-size: 18px;}
    .login_member_box .btn_center button{font-size: 18px; margin: 35px 0 25px;}

    .join_wrap .title_wrap span.title{font-size: 32px;}
    .join_wrap .join_form_table td.title_wrap{padding-bottom: 0;}
    .input_text{font-size: 18px;}
    .join_wrap .next_btn a{font-size: 17px;}

    .snb_menu{margin: 40px 0;}
    .center2_main .container{background-size: 375px;}
    .snb_menu{font-size: 28px;}
    .content_box{padding-bottom: 40px;}
    .search input, .search textarea, .search select{font-size: 18px; line-height: 28px;}
    .search select{width: 80px;}

    .table_left td{font-size: 18px;}
    .table_left th{font-size: 18px;}

    .php_button a, .input_button, .php_button p.del_color, .php_button p{font-size: 17px}
    .php_button_wrap.video_button .php_button a{font-size: 18px;}
    .detail_page .table_left td img{width: 100%;}
    .faq td.title a{font-size: 18px;}

    .php_wrap ul li.table_txt p{font-size: 18px;}
    .php_wrap ul li.table_txt{font-size: 18px;}
    .php_wrap p.review_title span{font-size: 22px;}

    .input_container ul li:nth-child(1){width: 200px; }
    .input_container ul li:nth-child(2){width: 40%;}

    .selectbox .toggle-btn{font-size: 18px; width: 240px; padding: 11px 15px;}
    .selectbox .selectbox-option{width: 240px;}

    .container.select_wrap{padding: 40px 0;}

    .payment_m.sub_main_c .container{background-size: 440px;}
    .payment_wrap button{padding: 5px 25px;}

    .payment_c4{width: 7%;}
    .payment_c5{width: 8%;}
    .payment_c6{width: 11%;}

    #info .title_wrap span.title{font-size: 32px;}
    
    .wr_btn .php_button a{width: 150px; padding: 9px 0;}
    .wr_list_wrap .wr_list_tb4{width: 11%;}

    #present .chart_wrap h3{font-size: 32px;}
    #present h3.title{font-size: 32px;}

    #join .member_box{width: 50%;}
    #join dt{font-size: 18px; padding: 5px 0;}
    #join .ico_mark_blue{padding-bottom: 10px; font-size: 28px;}
    #join .member_box:first-child{margin-bottom: 40px;}

    #quick{}
    #quick button img{width: 16%; padding: 10px 0;}
    #quick ul li p{font-size: 12px;}
    #quick ul li p.small{font-size: 10px;}
    #quick ul{height: 279px;}
    #quick .top i{font-size: 22px;}

    .list_wrap .flex input{line-height: 28px;}
    .list_wrap .flex input.search_btn{line-height: 40px;}
    .flex_order{font-size: 15px;}
    .tutor_content .search select{width: 110px;}

    .review_w_table .tb_tt{width: 25%;}
    .reply .small{font-size: 15px;}
    .con_min_height{min-height: 220px;}
    .reply{margin-top: 40px;}
    .sub .introduce_wrap .video_wrap{margin-bottom: 15px;}

}
@media screen and (max-width: 1024px) {
    /* 1024px 이상일 때 */
    .container{padding: 60px 0;}
    .title{font-size: 40px;}
    .sub{font-size: 17px; padding-top: 97px;}
    #visual{padding-top: 97px;}


    #header{height: 60px;}
    #header .header_in{}
    #header h1{width: 120px;}
    #header h1 a{height: 60px;}
    #header h1 a img{width: 120px;}
    #header .setUl .snb{font-size: 14px; width: 149%; margin-left: -26%;letter-spacing: -1.5px;}
    #header .setUl .subNavi>a{font-size: 15px; padding: 19.5px 0;}
    #header #lnb{width: calc(95% - 120px);}
    #header:hover .header_in::after{top: 60px;}
    #header .setUl .subNavi>a::after{top: 60px;}
    #header:hover .setUl .snb{height: 400px;}
    #header .setUl .snb li a {padding: 8px 0;}

    .mainvisual .rel .absolute{width: 25%; left: 8%;}

    .notice .container{flex-direction: column; align-items: start;}
    .notice .title{padding-bottom: 20px; text-align: center;}
    .notice .left{width: 100%;}
    .notice .left img{display: none;}
    .notice .right{width: 100%;}
    
    .content2 .tutor{}
    .content2 .container>div{flex-direction: column;}
    .content2 .txt_wrap .tag{justify-content: center;}
    .content2 .content2_img{order: 1; margin-bottom: 30px; width: 60%;}
    .content2 .txt_wrap{order: 2; width: 80%; text-align: center;}

    .curriculum .title{font-size: 50px;}
    .curriculum .curriculum_con{flex-direction: column;}
    .curriculum .curriculum_con .curr_img{order: 1; width: 70%; margin-bottom: 30px;}
    .curriculum .curriculum_con .curr_con{order: 2; width: 80%; text-align: center;}
    .curriculum .curriculum_con .curr_button{justify-content: center;}
    .review .review_box>div .tag li:last-child{display: block;}
    
    #footer{font-size: 15px;}
    #footer .container{padding: 40px 0;}
    .p_copyright{font-size: 16px;}

    .sub_main .container{background-size: 400px; padding: 50px 0;}
    .sub_main .container h4{font-size: 22px;}
    .sub_main .main_txt{font-size: 50px;}
    .sub .card_wrap{padding: 25px 30px; margin-bottom: 30px;}
    .sub .card{justify-content: space-between; height: 210px;}
    .sub .card .tutor_left{width: 170px; height: 208px;}
    .sub .card .tutor_txt{width: 65%;}
    .sub .introduce_wrap button{font-size: 17px;}
    .sub .card .tutor_txt>li .tag{font-size: 16px;}
    .sub .card .tutor_txt>li.txt{height: 85%;}
    .sub .card .tutor_txt>li.txt>p span{min-width: 90px;}

    .sub_main_c .container{height: 184px;}
    .sub_main_c .container{background-size: 330px;}

    .process_page .process1{flex-direction: column-reverse;}
    .process_page .img_wrap{display: none;}
    .process_page .process1 .wrap{width: 100%; display: flex; align-items: center; flex-direction: column;}
    .process_page .book_wrap .books1 .book_img{width: 18%;}
    .process_page .process1 p span{display: inline; padding-right: 5px;}
    .process_page .process1 .lighter{width: 100%; text-align: center; padding-top: 10px;}
    .process_page .process1 .lighter span{display: inline;}
    .process_page .process1 .basic_tab{width: 80%; justify-content: center; gap: 4%;}
    .process_page .book_wrap .books1>li{padding: 30px 0;justify-content: space-between;}
    .process_page .process1{padding-bottom: 30px;}
    .process_page .book_wrap .books1 .txt .lv{padding: 3px 15px;}
    .process_page .book_wrap .books1 .txt p{font-size: 16px;}
    .process_page .book_wrap .books1 .txt .book_title{padding: 5px 0 2px; font-size: 22px;}

    .process_page .book_wrap .books1 .preview{width: 27%;}
    .process_page .book_wrap .books1 .preview p{font-size: 18px;}
    .process_page .book_wrap .books1 .preview ul{margin: 0;}
    .process_page .book_wrap .books1 .preview ul li a{font-size: 17px; padding: 3px 12px;}
    .process_page .book_wrap .books1 .preview ul li a.student{padding: 3px 19px;}

    .login_member_box{padding: 80px 0;}
    .input_text_log{font-size: 17px;}
    .member_box .login_img{margin-bottom: 30px;}
    .login_member_box .btn_center button{font-size: 16px; margin: 30px 0 20px; padding: 12px 0;}

    .join_wrap .join_form_table{margin-bottom: 0;}
    .join_wrap .title_wrap span.title{font-size: 28px;}
    .join_wrap .tb_title{min-width: 150px; width: 20%; }
    .join_wrap .title_wrap span.sub{font-size: 16px;}
    .input_text{font-size: 17px;}
    .join_wrap .wd130{width: 190px; padding: 7px 10px;}
    .join_wrap .tb_text .small{font-size: 14px;}
    .join_wrap .tb_text select{font-size: 16px;}
    .join_form_table td{padding: 6px 0 6px 3px;}
    .join_wrap .next_btn{margin-top: 30px; }
    .join_wrap .next_btn a{}
    .join_top{font-size: 16px; padding: 20px;}
    .join_top p{font-size: 16px;}

    .sub_main .container h4.long_title{font-size: 20px;}
    .center2_main .container{background-size: 280px;}
    .snb_menu{margin: 30px 0; font-size: 25px;}
    .content_box{padding-bottom: 30px;}
    .table_top td{padding: 15px 5px;}
    .search input, .search textarea, .search select{font-size: 17px; line-height: 27px; padding: 3px 8px;}
    .search input{width: 200px;}
    .search_btn a{line-height: 35px; padding: 0 15px;}
    .search{gap: 10px;}

    .table_left td{font-size: 17px;}
    .table_left th{font-size: 17px;}
    .php_button{margin-top: 30px;}

    .snb_menu{font-size: 22px;}
    .php_button_wrap.video_button .php_button{width: 100%; cursor: default;}
    .php_button_wrap.video_button .php_button a{width: 300px; font-size: 17px;}
    .mb50{margin-bottom: 40px;}

    .news_wrap .tb_num{width: 11%; min-width: 42px;}

    .col_title{width: 15%;}
    .col_con{}
    .faq .search select{padding: 3px 10px;}
    .faq .search input[type=text]{line-height: 27px;}
    .faq td.title a{font-size: 17px;}

    .faq td.title{padding: 15px 5px;}
    .qns_col1{}

    .php_wrap ul li.table_txt p{font-size: 17px;}
    .php_wrap ul li.table_txt{font-size: 17px;}
    .php_wrap p.review_title span{font-size: 20px;}

    .input_container ul li:nth-child(1){width: 150px; }
    .input_container ul li:nth-child(2){width: 60%;}
    .member_box>p{font-size: 16px; padding-bottom: 10px; }
    .member_box ul{padding: 10px 0;}

    .selectbox .toggle-btn{font-size: 17px; width: 220px; padding: 10px 15px;}
    .selectbox .selectbox-option{width: 220px;}

    .container.select_wrap{padding: 30px 0;}
    .point_top{font-size: 28px;}
    .page_title .coupon_tt{font-size: 16px;}

    .payment_m.sub_main_c .container{background-size: 320px;}
    .payment_wrap button{padding: 5px 10px;}
    .payment_c5{width: 11%;}
    .payment_c6{width: 14%;}
    .payment_con1 b{display: inline-block;}
    .payment_con1{}
    #info .tb_text .small{display: block; font-size: 14px;}
    #info .title_wrap span.sub{font-size: 16px;}
    #info .title_wrap span.title{font-size: 28px;}

    .selectbox .toggle-btn{}
    .selectbox .selectbox-option{}
    .selectbox .selectbox-option li a{padding: 8px 10px;}
    .selectbox .selectbox-option li{}
    .php_button a, .input_button, .php_button p.del_color, .php_button p{width: 160px;}

    .tqna_w .table_tt{font-size: 20px;}

    .lv_wrap .lv_tb4{width: 11%;}
    .monthly_2{width: 40%;}
    .monthly_5{width: 20%;}

    #present .chart_wrap h3{font-size: 28px;}
    #present h3.title{font-size: 28px;}

    #present .calendar td{font-size: 18px;}

    #join .member_box{width: 55%;}
    #join .input_button.color{margin-top: 20px;}

    .myclass_wrap .myclass_num .blank{height: 30px;}
    .mypage_wrap .old_new_days{height: 86px;}
    .mypage_wrap td.day_num td,.mypage_wrap td.sat td,.mypage_wrap td.sun td{font-size: 16px;}
    .mypage_wrap .tb2 td:first-child{width: 82px;}
    .mypage_wrap .tb2 tr{padding: 2px 0; display: block;}
    .mypage_wrap .tb2{padding-top: 20px;}

    #quick ul li a{padding: 7px 0 7px;}
    #quick ul li.call{padding: 7px 3px 7px;}
    #quick ul li p{font-size: 11px;}
    #quick ul{height: 253px;}
    #quick ul li:last-child a{padding: 7px 0 12px;}
    #quick button img{padding: 7px 0;}
    #quick{right: 15px; bottom: 10%;}
    .break button.input_button{margin-top: 30px;}
    .qns_w_table .wd530{width: 70%;}

    span.pr30{padding-right: 15px;}

    .list_wrap .search input.search_btn{width: 60px; padding: 0; line-height: 35px;}
    .list_wrap .flex input{line-height: 27px;}
    .flex_order{font-size: 14px;}
    .tutor_content .search select{width: 103px;}
    
    .review_w_table .tb_tt{width: 25%;}
    .review_w_table .wd530{width: 100%; box-sizing: border-box;}
    .reply .small{font-size: 14px;}
    .con_min_height{min-height: 200px;}
    .reply .reply_button{font-size: 16px;}
    #present .present_calender>tbody>tr:not(.calendar){height: 80px;}
    #present .present_calender>tbody>tr:nth-child(2n-1){height: 0px;}
    #present .old_new_days{height: 80px;}
    .sub .introduce_wrap .video_wrap{width: 80%; margin-bottom: 10px;}

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

    #quick .quick_top{display: none;}
    #quick{width: 100px; right: 10px;}
    #quick .top{margin-left: 40%;}
    /* .header_wrap{position: fixed; top: 0; z-index: 100; width: 100%;} */
    #gnb{position: fixed; top: 0; z-index: 100;}
    #header{position: fixed; top: 31px;}
    #visual{padding-top: 91px;}
    /* 768px 이상일 때 */
    .main{overflow-x: hidden;}
    .sub{font-size: 16px;}
    .mobile{display: block;}
    .title{font-size: 35px;}
    .menuopen i{display: none;}
    .menuopen i.active{display: block;}
    #header .header_in{/* overflow: hidden; */}
    #gnb .m_none{display: none;}
    #gnb .gnb_right li a {padding: 7px 15px;}

    #header #lnb{justify-content: end;}
    #header #lnb button.mobile{font-size: 18px; color: #555;}
    #header #lnb .setUl{position: absolute; top: 100%; background-color: #fff; width: 100%;left: 105%; flex-direction: column; transition: .3s; justify-content: flex-start;}
    
    #header .setUl .subNavi{width: 90%;margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee;}
    #header .setUl .snb{height: 0; margin-left: 0;width: 100%;}
    #header:hover .setUl .snb{height: 0;}
    #header .setUl .subNavi>a{font-size: 18px; padding: 10px 0; width: 100px; text-align: start;}
    #header .setUl .subNavi .plus{width: calc(100% - 100px); text-align: end;}
    #header .setUl .snb li a{text-align: start; font-size: 16px; padding-left: 30px;}
    #header #lnb .setUl{overflow-y: auto; height: calc(100vh - 97px); padding: 20px 0;}
    #header .setUl .subNavi>a::after{display: none;}
    #header .setUl .snb li:last-child a{padding-bottom: 10px;}
    #header .subNavi.mobile{display: block; border-bottom: none; }
    #header .subNavi.mobile .snb09{height: 50px;}

    .container{padding: 40px 0;}
    .title{}
    .main{font-size: 16px;}
    .minititle{font-size: 25px;}

    .notice .title{padding-bottom: 10px;}
    .notice .right .slide_wrap .notice_card:first-child{margin-bottom: 15px;}
    .notice_slide .slick-arrow{width: 40px; height: 40px;}
    .notice_slide .slick-next{right: -5px;}
    .notice_slide .slick-prev{left: -5px;}
    .notice_slide .slick-next::after,.notice_slide .slick-prev::after{font-size: 18px;}
    .notice .right .notice_card h4{font-size: 20px; padding-bottom: 15px;}
    .notice .right .notice_card .con{font-size: 16px; padding: 0 5px 10px;}
    .notice .right .notice_card .date{font-size: 14px; padding: 10px 5px 0px;}

    .content2 .content2_img{width: 90%;}
    .content2 .txt_wrap{width: 100%;}
    .content2 .txt_wrap p span{padding-bottom: 10px;}
    .content2 .tutor{margin-bottom: 50px;}
    .content2 .txt_wrap button a{font-size: 16px; border: 2px solid #121164; padding: 5px 20px;}

    .curriculum .container>p{font-size: 20px;}
    .curriculum .curriculum_con{padding-top: 30px;}
    .curriculum .curriculum_con p{font-size: 18px; padding: 5px 0 10px;}
    .curriculum .curriculum_con .curr_img{width: 90%;}
    .curriculum .curriculum_con .curr_con{width: 100%;}
    .curriculum .curriculum_con .curr_img{margin-bottom: 15px;}
    .curriculum .curriculum_con .curr_txt{padding-top: 10px;}
    .curriculum .curriculum_con .curr_txt li button{padding-top: 5px; font-size: 16px;}

    .review .review_box{width: 100%;}
    .review .slick-arrow{width: 40px; height: 40px;}
    .review .slick-next{right: -10px;}
    .review .slick-prev{left: -10px;}
    .review .slick-next::after,.review .slick-prev::after{font-size: 18px;}
    .review .review_box>div .tag{display: none;}
    .review .title{padding-bottom: 10px;}
    .review .slick-slider .slick-track{padding: 0;}
    .review .review_box>div .txt{line-height: 1.3; -webkit-line-clamp: 11;height: 14.3em;}

    #footer{font-size: 14px;}
    #footer .container{padding: 20px 0;}
    #footer ul{padding-bottom: 10px;}

    .sub .container{padding: 40px 0;}
    .sub_main{padding-top: 91px;}
    .sub_main .container{background-size: 300px; padding: 40px 0;}
    .sub_main .main_txt{font-size: 38px; line-height: 1.2; padding-top: 5px;}
    .sub_main .container h4{font-size: 18px;}

    .sub .card_wrap{}
    .sub .card{flex-direction: column; height: auto;}
    .sub .card .tutor_left{}
    .sub .card .tutor_txt{width: 100%;}
    .sub .card .tutor_txt>li .tag{padding: 15px 0 10px; font-size: 15px; justify-content: space-around;}
    .sub .card .tutor_txt>li.txt{gap: 10px;}

    .sub_main_c .container{height: 122px; background-size: 225px;}

    .process_page .process1 .title{font-size: 30px;}
    .process_page .process1 .p1{font-size: 18px; text-align: center; padding: 5px 0 10px;}
    .process_page .process1 p span{display: block;}
    .process_page .process1 .basic_tab{width: 100%; gap: 2%;}
    .process_page .process1 .basic_tab li{padding: 5px 15px;}
    .process_page .process1 .lighter{font-size: 16px; font-weight: normal; }
    .process_page .process1 .lighter li{color: #777;}
    
    .process_page .book_wrap .books1>li{flex-direction: column; gap: 20px;}
    .process_page .book_wrap .books1 .book_img{width: 30%;}
    .process_page .book_wrap .books1 .txt{width: 100%; text-align: center;}
    .process_page .book_wrap .books1 .txt .book_title{font-weight: bold;}
    .process_page .book_wrap .books1 .preview{width: 100%;}
    .process_page .book_wrap .books1 .preview p{padding-bottom: 15px;}
    .process_page .book_wrap .books1 .preview ul{justify-content: center; gap: 10px 2%;}
    .process_page .book_wrap .books1 .preview ul li{margin: 0px 2px;}
    .process_page .book_wrap .books1 .preview ul li a{font-size: 16px;}

    .login_member_box{padding: 151px 10px 60px;}
    .input_text_log{font-size: 17px;}
    .member_box .login_img{margin-bottom: 30px;}
    .login_member_box .btn_center button{font-size: 17px; margin: 20px 0 10px; padding: 12px 0;}
    .login_member_box .login_footer li{padding-bottom: 5px;}
    #login .member_box .input_container ul{gap: 5px; width: 100%;}
    #login .member_box .login_footer ul{width: 100%;}

    .join_top .inner{flex-wrap: wrap; width: 319px; margin: 0 auto; justify-content: start;}
    .join_top .inner input{}
    .join_top .inner span{}
    .join_top .inner a.width{padding-right: 30px;}
    #agree2{margin-left: 0;}
    .join_wrap{padding: 129px 0 40px;}
    .join_top p span.br{display: block; border: none;}
    .join_wrap .join_form_table td.title_wrap{padding-top: 20px;}

    .join_wrap tr{position: relative;}
    .join_wrap .tb_title{position: absolute; width: 100%; border-bottom: none;}
    .join_wrap .tb_text{padding: 40px 0px 10px 15px;; display: block;}
    .join_wrap .join_form_table th{height: auto;}
    .join_wrap .join_form_table td{height: auto;}
    .join_wrap .title_wrap span.sub{font-size: 14px; line-height: 1.2; float: left; padding-left: 5px; padding-bottom: 5px; display: block; width: 100%;}
    .join_wrap .tb_text .small{display: block; padding-top: 5px;}
    .join_wrap .title_wrap span.sub.right{float: right; line-height: 38px; display: inline; width: auto;}
    .join_wrap .join_form_table th.tb_title,.info_wrap .join_form_table th.tb_title{height: 30px; padding-bottom: 0; box-sizing: border-box;}
    .join_wrap .tb_title.n_img,.info_wrap .tb_title.n_img{padding-left: 15px; box-sizing: border-box;}
    .join_wrap .next_btn,.info_wrap .next_btn{margin-top: 20px;}
    .join_wrap .next_btn a,.info_wrap .next_btn a{width: 150px; padding: 7px 0; border: 2px solid;}
    .join_wrap .wd130{margin-right: 20px; width: 50%;}

    .snb_menu{margin: 20px 0;}
    .search{gap: 5px;}
    .search input{width: calc(100% - 181px);}
    .search input, .search textarea, .search select{font-size: 16px; line-height: 26px;}
    .search_btn a{padding: 0 12px; line-height: 34px;}
    .search select{width: 70px;}
    .center2_main .container{background-size: 195px;}
    .sub_main .container h4.long_title{font-size: 15px;}
    .table_top .tb_cl{display: none;}
    .table_top .tb_cl_con{display: none;}
    .table_top .td_left{padding: 10px 5px;}
    .table_top .tb_wr{width: 25%;}
    .table_top th{padding: 12px 0;}
    .content_box{padding-bottom: 20px;}
    .snb_menu li.act{border-bottom: 2px solid #121164;}
    .snb_menu li{padding: 0px 7px 5px;}
    .faq table, .news table, .todayenglish table.wrap, .usefulenglish table.wrap{margin-top: 15px;}

    .table_left td{font-size: 16px;}
    .table_left th{font-size: 16px;}

    .v_tb_tt{width: 90px;}
    .table_left td{padding: 12px 15px;}

    .php_button a, .input_button, .php_button p.del_color, .php_button p{width: 150px; padding: 7px 0;}
    .php_button{margin-top: 20px;}

    .php_button_wrap.video_button .php_button a{width: 70%; border: 2px solid #121164;}

    .mb50{margin-bottom: 30px;}

    .table_top td{padding: 12px 5px;}

    .basic_v_wrap .table_top .tb_b1, .basic_v_wrap .table_top .tb_b3{width: 65px;}
    .basic_v_wrap .table_top.table_top_top td{padding: 8px 2px;}
    .basic_v_wrap .table_top tr{font-size: 16px;}
    .basic_v_wrap .table_top td{font-size: 15px;}
    .news.snb_menu{gap: 0; margin: 10px; font-size: 21px; justify-content: space-around;}
    .news.snb_menu span{display: none;}
    .news_wrap td.td_left{text-align: center;}
    .news_wrap td.td_left a{width: 49vw; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; margin: 0 auto;}
    .news_wrap .tb_num{}
    .detail_page .table_left td img{width: 100%; padding-left: 0;}

    .faq .search select{padding: 3px 8px;}
    .faq th{padding: 12px 0;}
    .faq .search input[type=text]{line-height: 26px;}
    .faq td.title{padding: 10px 5px;}
    .page_qns .faq td.title a{width:36vw; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; margin: 0 auto; font-size: 16px;}
    .sub .page_qns{font-size: 16px;}
    .qns_col5{width: 72px;}
    .qns_col4{width: 70px;}
    .qns_col1{width: 45px;}

    .table_con td{padding: 15px 5px;}
    .table_con td.tt_txt{padding: 15px;}
    .table_title .num{}
    .table_title .name{width: 60px;}
    .table_title .tt{width: auto;}
    .table_title .date{width: 95px;}

    .php_wrap ul li.table_txt p{font-size: 16px; line-height: 20px; padding-bottom: 12px; }
    .php_wrap ul li.table_txt{font-size: 16px; padding: 10px 15px;}
    .php_wrap p.review_title span{font-size: 18px;}

    .input_container ul li:nth-child(1){width: 130px; }
    .input_container ul li:nth-child(2){width: 75%;}
    .member_box>p{font-size: 15px;}

    .container.select_wrap{padding: 25px 0;}

    .selectbox .toggle-btn{font-size: 17px; width: 200px; padding: 10px 15px;}
    /* .sub .container{justify-content: center;;} */
    .selectbox .selectbox-option{width: 200px;}

    .page_title .coupon_tt{display: block; padding-left: 8px;}
    .point_top{align-items: center; }
    .page_title .coupon_tt{}

    .cou_c3, .cou_c4, .cou_c5{width: 15%;}

    .point_table .table_w1{width: 24%;}
    .point_table .table_w2{width: 22%;}
    .point_table .table_w3{width: 22%;}
    .point_table .table_w4{width: 22%;}

    .payment_mobile{display: block; font-size: 16px;}
    .payment_desktop{display: none;}
    .payment_wrap table span{display: block;}
    .table_top th.payment_c5{text-align: center; width: 11%;} 

    .payment_m.sub_main_c .container{background-size: 215px;}
    .sub.pay{}
    .payment_c7{width: 69px;}
    .payment_wrap button{padding: 2px 5px;}
    .table_top th.payment_c1{width: 5%;}
    .table_top td.payment_con1{width: 5%;}
    .table_top td.payment_con1 span{width: 19vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .table_top th.payment_c2{width: 15%;}

    #info .title_wrap span.sub{font-size: 14px;}
    #info .pos_rel{position: relative;}
    #info .join_form_table th.tb_title{position: absolute; border-bottom: 0;}
    #info .join_form_table th.tb_text{display: block; padding: 40px 0px 10px 15px;}
    #info .join_form_table td.tb_title{position: absolute; border-bottom: 0;}
    #info .join_form_table td.tb_text{display: block; padding: 40px 0px 10px 15px;}
    #info .join_form_table td{height: auto;}
    #info .join_form_table th{height: auto;}
    #info .title_wrap span.sub{line-height: 38px;}
    #info .title_wrap span.sub2{line-height: 1.2; float: left; padding-left: 5px;padding-bottom: 5px;width: 100%; display: block;}
    .info_wrap .wd130{margin-right: 20px; width: 50%;}
    #info .tb_text select{font-size: 16px;}
    .join_wrap .next_btn{}
    #info .next_btn a{width: 150px;padding: 7px 0;border: 2px solid;font-size: 17px;}
    #info .join_form_table{margin-bottom: 0;}
    #info .join_form_table.table2{margin-top: 20px;}

    .selectbox .toggle-btn{}
    .selectbox .selectbox-option{padding: 7px;}
    .selectbox .selectbox-option li a{padding: 6px 10px;}
    .selectbox .selectbox-option li{margin-bottom: 3px;}
    .tqna_w .table_tt{font-size: 18px;}
    .tqna_w .tb_tt{width: 20%;}
    .tqna_w .tb_txt{width: 80%;}
    .tqna_w .wd530{width: 100%; box-sizing: border-box;}
    .tqna_w .input_select{font-size: 16px;}

    .lv_wrap .lv_tb4{width: 52px;}

    .wr_btn .php_button a{width: 90px; padding: 7px 0; font-size: 15px; border: 2px solid;}
    .wr_list_wrap a.lock_wrap{gap: 5px;}
    .wr_list_wrap a.lock_wrap p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width: 30vw;}
    .wr_list_wrap .wr_list_tb4{width: 23%;}
    .sub.mon_sub{font-size: 16px;}
    .monthly_wrap span.red{display: block;}
    .result_button{padding: 5px; border: 2px solid;font-size: 15px;}
    .monthly_wrap .table_top th{padding: 10px 0;}
    .monthly_wrap .table_top td{padding: 8px 3px;}
    .monthly_5{}

    #present .chart_wrap h3{font-size: 25px;}
    #present h3.title{font-size: 25px;}

    #present .select_class{font-size: 16px;  overflow: hidden; text-overflow: ellipsis; padding-right: 35px;}

    #present .title_wrap .position{position: relative;}
    #present .title_wrap .position td:not(.tb_tt){position: absolute; bottom: 0;}
    td.img_btn{height: auto;width: 65px;}
    td.img_btn a{width: 65px; display: block; height: 15px;}
    td.img_btn img{width: 100%;}
    #present .myButton{width: 65px; height: 15.4px; background-size: contain;}
    #present .title_wrap .position td:nth-child(2){right: 350px; }
    #present .title_wrap .position td:nth-child(3){right: 280px;}
    #present .title_wrap .position td:nth-child(4){right: 210px;}
    #present .title_wrap .position td:nth-child(5){right: 140px;}
    #present .title_wrap .position td:nth-child(6){right: 70px;}
    #present .title_wrap .position td:nth-child(7){right: 0;}
    #present .title_wrap .position h3{padding-bottom: 30px;}

    .sub.present_sub{font-size: 16px;}
    #present .tb1 .tb_title{width: 13%;}

    #present .calendar td{font-size: 16px;}
    #present tr td.sat td:not(.sat), #present tr td.sun td:not(.sun){font-size: 12px;}
    #present tr td.day td{font-size: 12px;}
    #present .day table tr:last-child td{padding-bottom: 3px;}
    #present .chart_wrap {width: 150px;}
    #present .chart_wrap canvas{width: 150px;}
    #present .tb2_left{width: 200px;height: 200px;}
    #present .tb2_right{width: 42%;}
    #present .tb2_right>li{padding: 7px 10px 7px 25px;}
    #present .tb1 .tb_title{width: 40px;}
    #present .tb1 .tb_text{width: calc(50% - 40px);}
    #present tr td.day .day{font-size: 15px;}
    td.day_num td, td.sat td, td.sun td{font-size: 15px;}
    .smile{display: none;}
    .present_calender img{width: 65px;}
    #present tr td.day .day{padding: 3px;}
    #present td.sat td, #present td.sun td{padding: 3px;}
    #present .tb_text td{padding: 3px;}
    #present h3.title{margin-top: 30px;}
    #present .tb2{padding: 30px 0 0;}

    #present .title_wrap .position h3{margin-top: 0;}

    #present .tb3 .tb_tt{width: 15%;}
    #present .tb3 .tb_text{width: 10%;}
    #present .tb3_wrap{margin: 20px 0;}
    #present .calendar_title{padding-bottom: 20px;}
    #present .calendar_txt{margin-top: 20px;}
    #present .calendar_txt td:first-child{width: 85px;}

    #join{padding: 121px 0 30px;}
    #join .member_box{width: 80%; box-sizing: border-box; padding: 25px 30px;}
    #join .ico_mark_blue{font-size: 25px;}
    #join dt{font-size: 16px;}
    .input_text_log{padding: 7px 15px; font-size: 16px;}
    #join .member_box:first-child{margin-bottom: 30px;}

    .myclass_wrap .myclass_num .blank{height: 20px;}
    .mypage_wrap td.day_num td, .mypage_wrap td.sat td, .mypage_wrap td.sun td{font-size: 14px; padding-bottom: 5px;}
    .mypage_wrap .calendar img{width: 95%;}
    .mypage_wrap .calendar{text-align: center;}
    .myclass_wrap .myclass_day{font-size: 16px;}
    .mypage_wrap .old_new_days{height: 65px;}
    .mypage_wrap .fz16{font-size: 15px;}
    .usefulenglish_wrap .table_top .td_left a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 60vw; display: block;}
    .sub{padding-top: 0;}
    .break button.input_button{margin-top: 20px;}
    .qns_w_table .wd530{width: 100%; box-sizing: border-box;}
    .qns_w_table .write td{padding: 10px;}
    .qns_w_table .tb_tt{width: 20%;}
    .qns_v_wrap .input_text{width: 100%; box-sizing: border-box;}
    .qns_v_wrap .tb_txt{padding: 7px 12px;}
    .qns_v_wrap .border{padding: 10px; font-size: 20px;}

    .qns_v_buttons .php_button a, .qns_v_buttons .input_button, .qns_v_buttons .php_button p.del_color{width: 120px;}
    .qns_v_wrap .tb_tt{padding: 7px 0;}
    .qns_v_wrap.tqna_v .tb_txt{width: 35%;}
    .wr_v_buttons .php_button a, .wr_v_buttons .input_button, .wr_v_buttons .php_button p.del_color{width: 120px;}
    .wr_v_tb .wr_v_tt{width: 100px;}

    .wr_list_wrap .wr_list_tb4{min-width: 70px;}
    span.pr30{padding-right: 10px;}

    .mainvisual .slick-dots li button{width: 10px; height: 10px;}
    .mainvisual .slick-dots li.slick-active button{width: 20px; border-radius: 10px;}

    .list_wrap .search input, .list_wrap .search textarea, .list_wrap .search select{font-size: 14px; line-height: 22px;}
    .list_wrap .search input.search_btn{line-height: 30px; width: 45px;}
    .list_wrap .search select {width: 65px;}
    .list_wrap .flex input{margin: 0;}
    .search.left{width: 56%;}
    .list_wrap .search{justify-content: flex-start;}
    .review_wrap .bg_color .absolute{right: 15px;font-size: 14px;}
    .flex_order{font-size: 13px;}

    a.id_btn{font-size: 14px; padding: 2px 7px; display: inline-block; margin-top: 5px;}
    .tutor_content .search{justify-content: center;}
    .tutor_content .search select{width: 99px;}

    .review_w_table td{padding: 10px;}
    .review_w_table .input_text_log{height: 250px;}
    .review_w_table .input_text{width: 100%; box-sizing: border-box;}

    .reply .input_text{width: 40%;}
    .reply .php_button a, .reply .input_button, .reply .php_button p.del_color, .reply .php_button p{width: 130px;}
    .review_wrap .php_button a, .review_wrap .input_button, .review_wrap .php_button p.del_color, .review_wrap .php_button p{width: 130px; }
    .php_button a, .input_button, .php_button p.del_color, .php_button p{padding: 7px 0; font-size: 16px;}
    .reply .small{font-size: 13px;}
    .con_min_height{min-height: 180px;}
    .reply{margin-top: 30px;}
    .reply .input_text.w_calc{min-height: 100px;}
    #present .present_calender>tbody>tr:not(.calendar){height: 60px;}
    #present .present_calender>tbody>tr:nth-child(2n-1){height: 0px;}
    #present .old_new_days{height: 60px;}
    .sub .introduce_wrap .video_wrap{width: 100%;}
}
@media screen and (max-width: 479px) {
    #quick{width: 80px;}
    #quick .top i{font-size: 18px;}
    /* 479px 이상일 때 */
    .container{padding: 20px 0;}
    .main{font-size: 15px;}
    .title{font-size: 25px;}
    .minititle{font-size: 20px;}

    #header .setUl .subNavi>a{font-size: 16px; padding: 5px 0;}
    #header .setUl .snb li a{font-size: 15px; margin-left: 20px; padding: 5px 0;}
    #header .subNavi.mobile .snb09{height: 20px;}


    .notice .right .notice_card{padding: 15px;}
    .notice .right .notice_card h4{font-size: 18px; padding-bottom: 10px;}
    .notice .right .notice_card .con{font-size: 14px; font-weight: normal;padding: 0 5px 7px;}
    .notice .right .notice_card .date{font-size: 12px; padding: 7px 5px 0px;}

    .content2 .content2_img{margin-bottom: 15px;}
    .content2 .txt_wrap .tag{font-size: 13px;}
    .content2 .txt_wrap button{margin-top: 10px;}
    .content2 .txt_wrap button a{font-size: 14px;}

    .curriculum .title{font-size: 35px;}
    .curriculum .container>p{font-size: 16px;}
    .curriculum .curriculum_con{padding-top: 20px;}
    .curriculum .curriculum_con p{font-size: 15px;}
    .curriculum .curriculum_con .curr_img{margin-bottom: 5px;}
    .curriculum .curriculum_con .curr_txt{font-size: 15px;}
    .curriculum .curriculum_con .curr_button li{font-size: 13px; padding: 5px 7px;}

    .review .review_box>div .name{font-size: 16px;}
    .review .review_box>div .star{font-size: 14px;}
    .review .review_box>div .txt{height: 9.3em; margin-top: 5px; -webkit-line-clamp: 7;}
    .review .review_box>div .tag{display: flex; font-size: 14px;}
    .p_copyright{font-size: 14px; -webkit-line-clamp: 7;}

    #footer{font-size: 12px;}
    #footer ul{gap: 2%;}
    #footer .container{ padding: 10px 0;}

    .sub{font-size: 16px;}
    .sub .container{padding: 30px 0;}
    .sub .card_wrap{padding: 20px 15px;}
    .sub .card .tutor_txt>li .tag{justify-content: space-between; font-size: 14px; padding: 10px 0 5px; gap: 5px;}
    .sub .card .tutor_txt>li.txt>p span{min-width: 80px;}
    .sub .introduce_wrap button{font-size: 16px; padding-bottom: 5px;}
    .sub .introduce_wrap .introduce{padding: 10px 10px; font-size: 15px;}
    .sub_main .main_txt{font-size: 25px; padding-top: 0;}
    .sub_main .container h4{font-size: 16px;}
    .sub_main .container{background-size: 230px;}

    .sub_main .container{height: 89px; background-size: 160px;background-position: right bottom 0px;}
    .process_page .process1 .title{font-size: 25px;}
    .process_page .process1 .p1{font-size: 16px;}
    .process_page .process1 .basic_tab li{font-size: 14px;}
    .process_page .process1 .lighter{font-size: 14px;}
    .process_page .book_wrap .books1 .txt p{font-size: 14px;}
    .process_page .book_wrap .books1 .preview p{font-size: 16px;}
    .process_page .book_wrap .books1 .preview ul{width: 300px; margin: 0 auto;}
    .process_page .book_wrap .books1 .preview ul li{margin: 0px 3%;}
    .process_page .book_wrap .books1 .preview ul li a{font-size: 14px;}

    .login_member_box{padding: 161px 10px 70px;}
    .input_text_log{font-size: 16px; padding: 8px 15px; }
    .member_box ul{padding: 5px 0;}
    .member_box .login_img{margin-bottom: 30px; text-align: center;}
    .member_box .login_img img{width: 60%;}
    .login_member_box .btn_center button{font-size: 16px; margin: 10px 0; padding: 10px 0;}
    .member_box ul li p{padding-left: 0;}
    .login_member_box .login_footer{font-size: 14px;}
    .login_member_box .login_footer span{padding-left: 10px;}

    .join_wrap{padding: 119px 0 30px;}
    .join_top{padding: 10px; font-size: 14px;}
    .join_top p{font-size: 14px; margin-bottom: 5px;padding-bottom: 8px;}
    .join_top .inner{width: auto; justify-content: center;}
    .join_top .inner a.width{padding-right: 0;}
    .join_top .inner a{width: 100%; text-align: center;}
    .join_wrap .title_wrap span.title{font-size: 25px;}
    .join_form_table td span.ex{display: block; padding-top: 5px; font-size: 14px;}
    .input_text{font-size: 14px;}
    .join_wrap .wd130{margin-right: 10px; width: 55%;}
    .join_wrap .next_btn a{font-size: 16px; padding: 5px 0; width: 120px;}
    .join_wrap .tb_text select.birth1{width: 75px;}
    .join_wrap .tb_text select{width: 45px;}

    .sub_main .container h4.long_title{font-size: 11px;}
    .center2_main .container{background-size: 135px;}
    .snb_menu{font-size: 20px;}
    .search input, .search textarea, .search select{font-size: 14px; line-height: 22px; }
    .search_btn a{line-height: 30px;}
    .search{justify-content: center;}
    .table_top td{padding: 10px 5px;}
    .usefulenglish_wrap .table_top td{font-size: 14px; }
    
    .table_top .tb_wr{width: 26%; min-width: 93px;}
    
    .table_left td{font-size: 14px;}
    .table_left th{font-size: 14px;}

    .v_tb_tt{width: 75px;}
    .table_left td{padding: 10px;}
    .con_wrap{position: relative;}
    
    .php_button a, .input_button, .php_button p.del_color, .php_button p{font-size: 15px; padding: 5px 0; width: 120px;}

    .php_button_wrap.video_button .php_button a{width: 75%; font-size: 16px;}

    .mb50{margin-bottom: 20px;}
    .basic_v_wrap .table_top.table_top_top td{padding: 8px 2px; font-size: 12px;}
    .basic_v_wrap .table_top.table_top_top th{font-size: 14px;}
    .basic_v_wrap .table_top tr{font-size: 15px;}
    .basic_v_wrap .table_top td{font-size: 14px;}
    .news_wrap .snb_menu{gap: 2%; font-size: 18px;}
    .news_wrap .snb_menu li{padding: 0px 6px 5px;}

    .news.snb_menu{font-size: 18px; text-align: center;}
    .news.snb_menu li:nth-child(1) a{width: 34px; display: block;}
    .news.snb_menu li:nth-child(2) a{width: 67px; display: block;}
    .news.snb_menu li:nth-child(3) a{width: 61px; display: block;}
    .news.snb_menu li:nth-child(4) a{width: 34px; display: block;}
    .news_wrap td.td_left{}
    .news_wrap td.td_left a{width: 49vw; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; margin: 0 auto;}
    .col_title{width: 18%;}
    .faq td.title a{font-size: 16px;}
    .faq_wrap th.category{min-width: 80px;}
    .faq .search input[type=text]{line-height: 22px;}

    .page_qns .faq td.title a{font-size: 14px;}
    .sub .page_qns{font-size: 14px;}
    .page_qns .qns_col1{width: 60px;}
    .page_qns .qns_col5{display: none;}
    /* .page_qns .qns_num{width: 60px; min-width: auto;} */
    .page_qns .qns_date{display: none;}
    .page_qns td img{width: 90%;}
    .page_qns .qns_col1{width: 40px;}
    .page_qns .qns_col4{width: 50px;}

    .page_btn .list a{font-size: 12px;}
    .sub .page_btn .list{margin-left: 0;}
    .page_qns tbody tr td:last-child{padding: 0;}

    .table_title .hits{display: none;}
    .page_review .table_con td:last-child{display: none;}
    .tt01{font-size: 14px;}
    .w50p{width: 30%;}
    .table_con td.tt_txt{padding: 10px 5px;}

    .php_wrap ul li.table_txt p{font-size: 15px; line-height: 20px; padding-bottom: 12px; }
    .php_wrap ul li.table_txt{font-size: 15px; padding: 10px 15px;}
    .php_wrap p.review_title span{font-size: 18px;}
    .faq_title{}

    .member_box .input_container ul li:nth-child(1){width: 100px; }
    .member_box .input_container ul li:nth-child(1) p{width: 100px; padding-left: 5px;}
    .member_box .input_container ul li:nth-child(2){width: calc(100% - 105px);}
    .member_box>p{font-size: 12px;}
    .container.select_wrap{padding: 20px 0;}
    .point_top{font-size: 24px;}
    .page_title .coupon_tt{font-size: 12px;}
    .coupon_wrap .input_button.color{width: 25%;}
    .php_button a, .input_button, .php_button p.del_color, .php_button p{border: 2px solid;}

    .table_top th.cou_c3,.table_top th.cou_c4,.table_top th.cou_c5{width: 42px; padding: 8px 5px;}

    #info .title_wrap span.title{font-size: 25px;}
    .payment_wrap .table_top td{padding: 10px 0;}
    .table_top th.payment_c7{min-width: 59px;}
    #info .tb_text select.birth1{width: 75px;}
    #info .tb_text select{width: 45px;}
    .info_wrap span.ex{display: block; font-size: 14px;}
    #info .title_wrap span.sub2{padding-bottom: 0;}
    #info .next_btn a{font-size: 16px; width: 120px; padding: 5px 0;}
    .selectbox .toggle-btn{padding: 5px 7px; width: 165px; font-size: 15px;}
    .selectbox .selectbox-option{width: 165px;}
    .selectbox .selectbox-option li a{padding: 2px 5px;}
    .selectbox .selectbox-option li{margin-bottom: 3px; border-radius: 10px; font-size: 15px;}

    .tqna_w .input_select{font-size: 14px;}
    .table_left th{padding: 8px 0;}
    .tqna_w .table_tt{font-size: 16px;}
    .table_top th{padding: 8px 0;}

    .sub .lb_wrap{}

    .lv_wrap .lv_tb7{width: 32px;}
    .lv_wrap .lv_tb6{width: 32px; }
    .lv_wrap .table_top th{font-size: 15px; padding: 8px 2px;}
    .lv_wrap .table_top td{font-size: 14px;}

    .wr_btn .php_button a{font-size: 14px; width: 60px; padding: 5px 0;}
    .wr_list_wrap a.lock_wrap p{width: 23vw;}

    .sub.mon_sub{font-size: 14px;}
    .result_button{font-size: 13px;}
    .result_button span{display: block;}

    #present .select_class{margin-bottom: 20px; padding: 3px 24px 3px 10px; background-position:right 10px center; font-size: 14px;}

    #present .title_wrap .position td:nth-child(2){bottom: 17px; right: 140px;}
    #present .title_wrap .position td:nth-child(3){bottom: 17px; right: 70px;}
    #present .title_wrap .position td:nth-child(4){bottom: 17px; right: 0;}
    #present .title_wrap .position td:nth-child(5){bottom: -3px;}
    #present .title_wrap .position td:nth-child(6){bottom: -3px;}
    #present .title_wrap .position td:nth-child(7){bottom: -7px;}
    #present .myButton{height: auto;}
    #present .title_wrap .position h3{padding-bottom: 0;}

    #present tr td.day td{font-size: 9px;}
    #present tr td.sat td:not(.sat), #present tr td.sun td:not(.sun){font-size: 9px;}
    #present td.sat td, #present td.sun td{font-size: 12px; padding: 2px;}
    #present tr td.day .day{font-size: 12px; padding: 2px;}
    #present .calendar td{font-size: 14px;}
    .present_calender img{width: 50px;}
    .sub.present_sub{font-size: 12px;}
    #present h3.title{font-size: 20px;}
    #present .calendar_txt td:first-child{width: 80px;}
    #present .day_wrap{}
    .old_new_days{height: 80px;}
    #present .tb1 .tb_title{padding: 3px; width: 50px;}
    #present .tb1 .tb_text{width: calc(50% - 50px);}

    #present .title_wrap{margin-bottom: 20px;}
    #present h3.title{margin-top: 20px;}
    #present .calendar_title{padding-bottom: 10px;}
    #present .calendar_txt{margin-top: 10px;}
    #present .tb2{flex-direction: column; gap: 30px;}
    #present .tb2_right{width: 70%;}
    #present .chart_wrap h3{font-size: 22px;}
    #present .chart_wrap canvas{width: 140px;}
    #present .chart_wrap{width: 140px;}
    #present .tb2_left{width: 190px;height: 190px;}

    #join .member_box{width: 90%; padding: 15px;}
    #join .ico_mark_blue{margin-bottom: 0;font-size: 22px;}
    .input_text_log{font-size: 15px; padding: 5px 10px;}
    #join .input_button.color{margin-top: 12px; width: 100px;}
    #join dt{padding: 2px 0 5px;}
    #join .member_box:first-child{margin-bottom: 20px;}
    #join{padding: 111px 0 20px;}
    .sub.mypage_wrap{font-size: 14px;}
    .myclass_wrap .myclass_day{font-size: 14px;}
    .mypage_wrap td.day_num td, .mypage_wrap td.sat td, .mypage_wrap td.sun td{font-size: 11px; padding: 3px 0;}
    .myclass_wrap .myclass_num .blank{height: 16px;}
    .mypage_wrap .old_new_days{height: 49px;}
    .mypage_wrap .fz16{font-size: 14px;}

    .usefulenglish_wrap .table_top .td_left a{width: 55vw;}
    .sub.todayenglish{font-size: 14px;}
    .usefulenglish_wrap .table_top td{padding: 10px 0;}
    .usefulenglish_wrap .tb_num{min-width: 30px;}

    .break button.input_button{margin-top: 15px;}

    .qns_v_wrap .tb_txt{padding: 5px 10px;}
    .qns_v_wrap .border{padding: 8px; font-size: 18px;}
    .qns_v_wrap .input_text{padding: 5px 10px;}
    .qns_v_wrap .tb_tt{padding: 5px 10px;}

    .qns_v_buttons .php_button a, .qns_v_buttons .input_button, .qns_v_buttons .php_button p.del_color{width: 25vw;}
    .wr_v_buttons .php_button a, .wr_v_buttons .input_button, .wr_v_buttons .php_button p.del_color{width: 25vw;}
    .qns_v_wrap .tb_txt.right{width: 110px; padding: 5px 0;}
    .qns_v_wrap .tb_txt.day{width: 110px;}
    .qns_v_wrap .tb_tt{width: 70px;}

    .qns_v_wrap.tqna_v td{padding: 5px 2px;}
    .qns_v_wrap.tqna_v td.border{padding: 7px;}
    .qns_v_wrap.tqna_v .tb_tt{min-width: 65px; padding: 2px 7px;}
    .qns_v_wrap.tqna_v .tb_txt.half{}
    .qns_v_wrap.tqna_v .tb_txt.min_hight{}

    .qns_v_wrap.tqna_m .tb_tt{width: 70px;}
    .qns_v_wrap.tqna_m .tb_txt{width: calc(100% - 70px);}

    .table_top td.tqna_name{padding: 10px 0;}
    .tqna_c3{min-width: 45px;}
    .wr_v_tb .wr_v_tt{width: 70px;}

    .table_top th.payment_c1{}
    .table_top th.payment_c2{min-width: 65px;}
    .table_top th.payment_c3{}
    .table_top th.payment_c5{min-width: 55px;}
    .table_top th.payment_c7{}
    .sub.pay{font-size: 14px;}
    .payment_wrap button{font-size: 14px;}
    .table_top td{padding: 5px;}
    .faq td.title{padding: 7px 5px;}
    .faq th{padding: 8px 0;}
    .table_title td{padding: 8px 0;}
    .table_con td{padding: 5px;}
    .monthly_wrap .table_top th.monthly_4{padding: 10px 2%;}
    .wr_list_wrap .table_top td{padding: 5px 2px;}
    .wr_list_wrap .wr_list_tb4{min-width: 34px;}
    .sub.wr_list{font-size: 14px;}
    .wr_list_wrap .table_top td span{display: block;}

    .video_wrap th span{display: block;}
    .usefulenglish_wrap th{font-size: 14px;}
    .payment_m.sub_main_c .container{background-size: 160px; background-position: right bottom 13px;}
    .sub.tqna{font-size: 14px;}
    .sub_main.center_main .container{background-position: right bottom; background-size: 180px;}
    
    .review_w_table .tb_tt span{display: block;}
    .review_w_table .tb_tt{min-width: 60px;}
    .review_w_table td.flex{justify-content: space-around;}
    .review_w_table span.flex span{padding-left: 3px;}

    .reply .php_button a, .reply .input_button, .reply .php_button p.del_color, .reply .php_button p{width: 90px;}
    .review_wrap .php_button a, .review_wrap .input_button, .review_wrap .php_button p.del_color, .review_wrap .php_button p{width: 90px;}
    .reply .small{font-size: 12px;}

    .con_min_height{min-height: 160px;}
    .reply{margin-top: 25px;}

    .reply .input_text.w_calc{width: 100%; margin-right: 0;}
    .reply .reply_button{margin-top: 10px;}
    .reply .m_flex{display: flex;  flex-direction: column;}
    
    .reply_table_wrap{font-size: 14px;}
    .list_wrap .right{display: none;}
    .search.left{width: 100%;}
    .list_wrap .search input{width: calc(100% - 166px);}
    .list_wrap .search input.search_btn{width: 60px;}
    .list_wrap .search select{width: 70px;}

    .list_wrap .search input.input_search{margin: 0 5px;}
    .search.left{padding-top: 5px;}
    .list_wrap .search{justify-content: center;}
    .flex_order{font-size: 12px;}

    .tutor_content .search select{width: 91px;}
    
}