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

	Respond.css

**************************************************/
/**************************************************
	Setting Device Width
**************************************************/
@media screen and (min-width: 750px) and (max-width: 1200px){#_device_pc{display: none;} #_device_ta{display: block;} #_device_mo{display: none;} .__pc{display: none !important;} .__ta{display: block !important;} .__mo{display: none;}}
@media screen and (max-width: 750px){#_device_pc{display: none;} #_device_ta{display: none;} #_device_mo{display: block;} .__pc{display: none !important;} .__ta{display: none;} .__mo{display: block !important;} }

/**************************************************
	아이폰 하이브리드앱에서 노치 겹침현상 방지
    ( 노치 높이 만큼 html에 자동으로 padding 부여 )
**************************************************/
html{
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
}
#header{
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
}

/**************************************************
	Layout
**************************************************/
@media screen and (max-width: 1700px) {

    #header .inner{margin: 0 30px;}
    #tnb{right: 40px;}
    #my_classroom {right: 120px;}
    #gnb{padding-right: 80px;}
    #gnb > li > a{padding: 0 20px;}


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

	html{min-width: 320px;overflow-x: hidden;}
    body{padding-top: 50px;}
    img{max-width:100%;}

    #tbanner{display: none;}

	#header{position: fixed;top: 0;left: 0;width: 100%;box-shadow: 0 3px 3px rgba(0,0,0,0.05);}
	#header .inner{width: auto;height: 55px;margin: 0;}
    #header .logo{position: absolute;top: 0;left: 20px;height: 100%;line-height: 55px;}
    #header .logo img{width: auto;max-width: 120px;max-height: 40px;}
    #header:after{content: '';display: block;position: absolute;bottom: -1px;width: 100%;height: 1px;background: rgba(0,0,0,0.05);}

	#gnb{display: none;}
    #tnb{display: none;}

    #my_classroom{width: 90px;line-height: 30px;border-radius: 30px;font-size: 13px;right: 70px;}

    #hd-lan{display: none;}
    #hd-sch{display: none;}

    #footer{padding: 40px 20px 100px 20px;}
    #footer .info_wrap{width: auto;padding: 20px 0;font-size: 13px;line-height: 20px;text-align: center;}
    #footer .info_wrap hr{width: 0;height: 0;display: block;margin: 0;}
    #footer .info_wrap .call_center{position: static;transform: none;margin-top: 20px;}
    #footer .info_wrap .call_center p{font-size: 13px;}
    #footer .info_wrap .call_center a{font-size: 20px;margin-left: 10px;margin-top: -3px;}
    #footer .info_wrap .call_center em{font-size: 13px;margin-top: 5px;}
    #footer .info_wrap .footer_logo{position: static;transform: none;width: auto;height: 30px;display: block;margin: 30px auto;}
    #footer .fnb_wrap{width: auto;padding: 20px 0;}
    #footer .fnb_wrap .sns{position: static;transform: none;text-align: center;margin-top: 20px;}
    #footer .fnb_wrap .sns li{margin: 0 5px;}
    #footer .fnb_wrap .sns li img{width: auto;height: 17px;}
    #footer .fnb_wrap .copyright{font-size: 12px;display: block;position: static;transform: none;right: auto;text-align: center;}

    #sns-ico{margin-top: 15px;text-align: center;}
    #sns-ico li{margin: 2px;}
    #sns-ico li img{width: 25px;height: auto;}

    #ft-fam{display: none;}

    #gotop{display: none;}

    #fnb{text-align: center;}
    #fnb > li{display: inline-block;padding: 0 5px;}
    #fnb > li:first-child{padding-left: 0;background: none;}
    #fnb > li a{font-size: 11px;color: #b3b3b3;letter-spacing: -1px;line-height: 35px;}

    #slide-btn{top: 50%;transform: translate(0, -50%);right: 20px;display: block;width: 25px;height: 16px;}
    #slide-btn button span,
    #slide-btn button:before,
    #slide-btn button:after{height: 2px;}
    #slide-btn button span{margin-top: -1px;}
    #slide-btn button.on:before{margin-top: -1px;}
    #slide-btn button.on:after{margin-bottom: -1px;}

    #slide-bg{position: fixed;z-index: 200;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
    #slide-bg.on{display: block;}
    #slide-close{position: absolute;top: 0;right: 0;width: 60px;height: 55px;background: rgba(0,0,0,0.2) url('/images/layout/slide-close.png') no-repeat center center;background-size: 20px auto;}

    #slide-menu{position: fixed;top: 0;right: 0;width: calc(100% - 55px);height: 100%;display: none;background: #fff;z-index: 201;overflow-y: auto;transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
    #slide-menu .tit{height: 55px;position: relative;background: var(--slidebar-bg-color);}
    #slide-menu.on{display: block;}

    #tnb-mo{padding: 0 20px;line-height: 50px;border-bottom: 1px solid #ddd;background: #f7f7f7;}
    #tnb-mo > li{display: inline-block;margin-right: 15px;vertical-align: middle;}
    #tnb-mo > li a{font-size: 14px;color: #666;letter-spacing: -1px;}

    #gnb-mo > li{border-bottom: 1px solid #eee;}
    #gnb-mo > li > a{position: relative;display: block;line-height: 45px;padding: 0 20px 0 37px;font-size: 14px;letter-spacing: -1px;color: #333;text-decoration: none;}
    #gnb-mo > li > a:before{content: '\f12f';display: block;font-family: axicon;position: absolute;top: calc(50% - 1px);left: 20px;font-size: 13px;color: #999;line-height: 0;}
    #gnb-mo > li.active{border-top: 1px solid #ccc;margin-top: -1px;background: #f7f7f7;}
    #gnb-mo > li.active > a:before{transform: rotate(180deg);}
    #gnb-mo > li > ul{padding: 8px 20px;border-top: 1px solid #e1e1e1;border-bottom: 1px solid #ccc;margin-bottom: -1px;background: #f7f7f7;display: none;}
    #gnb-mo > li > ul li a{line-height: 30px;font-size: 14px;color: #666;text-decoration: none;padding-left: 15px;}
    #gnb-mo > li.hidden-gnb{display: none;}

    #hd-lan-mo{position: absolute;top: 0;left: 20px;z-index: 92;}
    #hd-lan-mo > a{display: block;line-height: 55px;padding: 0 10px 0 20px;font-size: 12px;color: #fff;text-decoration: none;text-transform: uppercase;background: url('/images/layout/hd-lan-ico-mo.png') no-repeat 0 center / 15px auto, url('/images/layout/hd-lan-spr-mo.png') no-repeat right center / 6px auto;}
    #hd-lan-mo > ul{position: absolute;top: 40px;left: 50%;display: none;width: 80px;margin-left: -40px;padding: 10px 0;border: 1px solid #b8b8b8;background: #fff;}
    #hd-lan-mo > ul:before{position: absolute;top: -7px;left: 50%;content: '';display: block;width: 6px;height: 7px;margin-left: -3px;background: url('/images/layout/hd-lanbox-spr-mo.png');}
    #hd-lan-mo > ul li a{display: block;font-size: 12px;line-height: 20px;color: #666666;text-decoration: none;text-align: center;text-transform: uppercase;}
    #hd-lan-mo.on > ul{display: block;}

    #hd-sch-mo{position: absolute;top: 50%;transform: translate(0, -50%);left: 20px;z-index: 91;}
    #hd-sch-mo .btn{display: block;width: 21px;height: 21px;background: url('/images/layout/hd-sch-btn-mo.png') no-repeat center center;background-size: 16px auto;text-indent: -999em;border: none;}
    #hd-sch-mo form{position: fixed;display: none;top: 55px;right: 0;width: 80%;padding-right: 50px;border: 1px solid #333;border-width: 1px 0 1px 0;overflow: hidden;background: #fff;box-sizing: border-box;}
    #hd-sch-mo legend{display: none;}
    #hd-sch-mo .inp{width: 100%;height: 38px;line-height: 38px;text-indent: 10px;background: none;border: none;font-size: 12px;}
    #hd-sch-mo .sbm{position: absolute;top: 0;right: 0;width: 40px;height: 40px;background: #333 url('/images/layout/hd-sch-btn-mo.png') no-repeat center center;background-size: 18px auto;border: none;text-indent: -999em;}
    #hd-sch-mo.on form{display: block;}
    
    #hd-sch-pop{position: fixed;top: 0;left: 0;width: 100%;z-index: 202;box-shadow: 3px 10px 30px rgba(0,0,0,0.1);padding: 0;border: none;}
    #hd-sch-pop form{width: auto;}
    #hd-sch-pop .inp{width: calc(100% - 80px);text-indent: 10px;font-size: 14px;}
    #hd-sch-pop .sbm{width: 40px;}
    #hd-sch-pop .sbm:after{font-size: 16px;}
    #hd-sch-pop .close{width: 40px;}
    #hd-sch-pop .close:after{font-size: 16px;}
    
    #asd{display: none;}
    #asd_pc{display: none;}
    #asd_mo{display: block;position: fixed;bottom: 0;left: 0;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;z-index: 89;}
    #asd_mo a{width: 50%;font-family: empty;font-size: 0;display: block;text-align: center;}
    #asd_mo a img{width: auto;height: 45px;}
    #asd_mo a:first-child{background: #ffdd00;}
    #asd_mo a:last-child{background: #0e3159;}


    /* Site Layer Popup */
    .sp-pop{top: 65px !important;left: 5% !important;width: 90% !important;height: auto !important;}
    .sp-pop .img{position: relative;min-height: 100px;padding-bottom: 30px;}
    .sp-pop .img img{max-width:100%;vertical-align: top;}
    .sp-pop .btns li{height: 30px;}
    .sp-pop .btns li a,
    .sp-pop .btns li label{line-height: 28px;}

    /* Table */
    .table_scroll_wrap{position: relative;overflow-x: auto;}
    .table_scroll_wrap > table{min-width: 800px;}
    .table_scroll_wrap .scroll_alert{position: absolute;bottom: 0;right: 0;z-index: 2;background: rgba(0,0,0,0.7);line-height: 40px;padding: 0 20px;font-size: 12px;letter-spacing: -1px;color: #fff;text-align: center;white-space: nowrap;}
    .table_scroll_wrap .scroll_alert i{font-size: 20px;margin-left: 10px;display: inline-block;vertical-align: middle;}
    .table1 colgroup{display: none;}
	.table1 tr > *{padding: 10px 5px;font-size: 12px;line-height: 16px;}
	.table1 tbody th{width: 80px;}
	.table1 .inp{width: 40%;font-size: 13px;padding: 0 10px;letter-spacing: -1px;}
	.table1 .w100p{width: 100% !important;}	
	.table1 .w50p{width: calc(50% - 8px);}	
	.table1 .w33p{width: calc(33% - 8px);}	
	.table1 select{padding: 0 5px;font-size: 13px;letter-spacing: -1px;}
	.table1 textarea{height: 150px;font-size: 13px;line-height: 16px;padding: 10px;letter-spacing: -1px;}
    .table1 label{font-size: 13px;}
	.table1 em.tbl_sment{font-size: 13px;}
	.table1 .fileWrap .addFile{display: block;margin-top: 5px;margin-left: 0;}
	.table1 .fileWrap input[type=file]{width: 100%;}
    .table1 .many-inputs{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .table1 .many-inputs > *{display: inline-block;}
    .table1 .many-inputs .hipen{font-size: 12px;width: 10px;line-height: 35px;}

    .apply_table_wrap{border-radius: 10px;}
    .apply_table colgroup{display: none;}
    .apply_table tr > *{padding: 10px;}
    .apply_table tr:last-child > *{padding: 10px;}
    .apply_table thead th{font-size: 13px;}
    .apply_table tbody td{font-size: 13px;}
    .apply_table tbody td label{font-size: 13px;}

    .apply_table_wrap2{border-top: 2px solid #333;}
    .apply_table2 colgroup{display: none;}
    .apply_table2 tr > *{padding: 10px;}
    .apply_table2 thead th{font-size: 13px;}
    .apply_table2 tbody th{font-size: 13px;width: 70px;}
    .apply_table2 .inputs .hipen{font-size: 11px;line-height: 40px;}
    .apply_table2 .inputs.phone .inp,
    .apply_table2 .inputs.phone select{width: 31.33%;}
    .apply_table2 .inputs.phone .hipen{width: 3%;}
    .apply_table2 .email .inp{width: 47%;}
    .apply_table2 .email .hipen{width: 6%;}
    .apply_table2 .email select{margin-left: 0;margin-top: 5px;width: 100%;}
    .apply_table2 .inp{height: 40px;padding-left: 10px;font-size: 13px;width: 100%;}
    .apply_table2 select{height: 40px;width: 100%;padding-left: 10px;font-size: 13px;}

    .table_text{margin-top: 5px;font-size: 13px;}

    .form_notice_text{border-radius: 10px;padding: 20px;padding-left: 40px;background-size: 13px auto;background-position: 20px 22px;margin-top: 15px;font-size: 13px;line-height: 20px;}

    /* Tab */
    .tab1{margin-bottom: 20px;}
    .tab1 li a{font-size: 14px;line-height: 50px;}
    
    /* Button */
    .btnWrap{ margin-top: 20px; }
    .btn1{padding: 0 20px;height: 45px;line-height: 45px;font-size: 15px;}
    .btn2{padding: 0 20px;height: 45px;line-height: 45px;font-size: 15px;}
    .btn3{padding: 0 20px;height: 45px;line-height: 45px;font-size: 15px;}
    .btn1.small,
    .btn2.small,
    .btn3.small{padding: 0 20px;height: 40px;line-height: 40px;font-size: 14px;}
    .bbtn1{min-width: 130px;padding: 0 15px;line-height: 50px;font-size: 14px;}
    .bbtn2{min-width: 130px;padding: 0 15px;line-height: 50px;font-size: 14px;}


    .sb-btn.type11{height: 30px;line-height: 30px;padding: 0 8px !important;background: #545c73;border: 1px solid #3b4151;color: #ffffff !important;font-size: 14px;color: #ffffff !important;min-width: 80px;}
    .sb-btn.type22{height: 30px;line-height: 30px;padding: 0 8px !important;background: #f7f7f7;border: 1px solid #ddd;color: #000000 !important;font-size: 14px;color: #2e2e2e !important;min-width: 80px;}

    /* Etc */

}

@media screen and (min-width: 1100px) and (max-width: 1300px){

    #gnb > li > a {font-size: 16px;padding: 0 15px;}

}

/**************************************************
	Ajax Popup
**************************************************/
@media screen and (max-width: 1200px) {

    .layer-ajaxpopBG{z-index: 300;}
    .layer-ajaxpop{top: 50%;left: 20px;transform: translate(0, -50%);padding-top: 50px;width: calc(100% - 40px) !important;height: auto !important;}
    .layer-ajaxpop .pop-tit{height: 50px;}
    .layer-ajaxpop .pop-tit h3{font-size: 14px;line-height: 50px;}
    .layer-ajaxpop .pop-tit .close{width: 50px;height: 50px;line-height: 50px;}
    .layer-ajaxpop .pop-tit .close:after{line-height: 50px;font-size: 14px;}

    .layer-ajaxpop .pop-wrap{height: auto;max-height: calc(100vh - 90px);}

    /* sitemap */
    .layer-ajaxpop .sitemap > li{width: 49%;}
    .layer-ajaxpop .sitemap > li > a{font-size: 14px;}
    .layer-ajaxpop .sitemap > li ul{padding: 10px 0;}
    .layer-ajaxpop .sitemap > li ul li a{font-size: 13px;line-height: 16px;}

}


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

    #main #mainWrap{width: auto;margin: 0;padding: 20px 15px;}

    #main .visual .roll .item img{position: static;margin-left: 0;width: 100%;height: auto;}
    #main .visual .slick-prev{display: none !important;}
    #main .visual .slick-next{display: none !important;}
    #main .visual .roll .item img{transform: none;}

    #main .level_test_banner{width: auto;margin: 20px;height: auto;border-radius: 5px;padding: 20px;}
    #main .level_test_banner h4{line-height: 130%;font-size: 20px;text-align: center;}
    #main .level_test_banner h4 img{margin-right: 5px;margin-top: -2px;width: 24px;height: auto;}
    #main .level_test_banner h4 em{display: block;margin-left: 0;margin-top: 5px;font-size: 13px;}
    #main .level_test_banner p{position: static;transform: none;right: 0;width: 170px;line-height: 35px;border-radius: 35px;font-size: 13px;display: block;margin: 0 auto;margin-top: 10px;}

    #main .main_title{margin-bottom: 20px;}
    #main .main_title h4{font-size: 20px;letter-spacing: -1px;}
    #main .main_title p{margin-top: 5px;font-size: 13px;}
    #main .main_title span.t1{font-size: 16px;}
    #main .main_title a.more{position: static;margin: 0 auto;line-height: 28px;border-radius: 28px;font-size: 13px;margin-top: 10px;width: 100px;}
    #main .main_title a.more i{margin-left: 5px;}
    #main .main_title.white h4 strong{margin-top: -2px;margin-right: 3px;line-height: 30px;border-radius: 5px;border: 2px solid #30a3ff;font-size: 20px;padding: 0 5px;}

    .main_title2{margin-bottom: 20px;}
    .main_title2 h4{font-size: 28px;letter-spacing: -1px;margin-bottom: 10px;line-height: 150%;}
    .main_title2 p{margin-top: 10px;font-size: 18px;line-height: 150%;}
    .main_title2 span.t1{font-size: 14px;}
    .main_title2 > img{margin-bottom: 15px;width: auto;height: 40px;}

    #main .mainbox1{padding: 40px 20px;}
    #main .mainbox1 .inner{width: auto;}
    #main .mainbox1 .numbers{display: block;margin: -10px 0;margin-top: 20px;}
    #main .mainbox1 .numbers li{width: auto;border-left: none;padding: 0 20px;text-align: center;margin: 10px 0;}
    #main .mainbox1 .numbers li span.count{font-size: 30px;}
    #main .mainbox1 .numbers li span.count strong{font-size: 40px;font-weight: bold;}
    #main .mainbox1 .numbers li p{font-size: 16px;margin-top: 5px;}

    #main .mainbox2{padding: 40px 20px;}
    #main .mainbox2 .inner{width: auto;}
    #main .mainbox2 .needsbox{display: block;margin-top: 20px;}
    #main .mainbox2 .needsbox > *{width: auto;}
    #main .mainbox2 .needsbox dt img{width: 100%;height: auto;}
    #main .mainbox2 .needsbox dd{padding-left: 0;margin-top: 10px;}
    #main .mainbox2 .needsbox dd em{width: 100px;line-height: 30px;border-radius: 30px;font-size: 14px;}
    #main .mainbox2 .needsbox dd h5{font-size: 20px;line-height: 28px;margin-top: 10px;}
    #main .mainbox2 .needsbox dd h5 br{display: none;}
    #main .mainbox2 .needsbox dd p{font-size: 14px;line-height: 20px;margin-top: 5px;}
    #main .mainbox2 .needsbox dd p br{display: none;}
    #main .mainbox2 .needsbox.reverse dd{padding-left: 0;}

    #main .mainbox3{padding: 40px 20px}
    #main .mainbox3 .inner{width: auto;;}
    #main .mainbox3 .roll_wrap{margin: -5px;}
    #main .mainbox3 .roll_wrap .item{margin: 5px;}
    #main .mainbox3 .roll_wrap .item .tmb{border-radius: 10px;}
    #main .mainbox3 .roll_wrap .item .info{margin-top: 15px;}
    #main .mainbox3 .roll_wrap .item .info .subject{font-size: 16px;}
    #main .mainbox3 .roll_wrap .item .info .date{margin-top: 5px;font-size: 13px;}
    #main .mainbox3 .slick-prev{display: none imor !important;}
    #main .mainbox3 .slick-next{display: none imor !important;}

    #main .mainbox5{padding: 40px 20px;}
    #main .mainbox5 .inner{width: auto;}
    #main .mainbox5 .roll_wrap{margin: -5px;}
    #main .mainbox5 .roll_wrap .item{width: calc(50% - 10px);margin: 5px;border-radius: 10px;}
    #main .mainbox5 .roll_wrap .item .cat{top: 10px;left: 10px;line-height: 28px;font-size: 13px;}
    #main .mainbox5 .roll_wrap .item .tmb{border-radius: 10px 10px 0 0;position: relative;padding-bottom: 70%;}
    #main .mainbox5 .roll_wrap .item .tmb img{width: 100% !important;height: 100% !important;position: absolute;top: 0;left: 0;}
    #main .mainbox5 .roll_wrap .item .info{padding: 20px;}
    #main .mainbox5 .roll_wrap .item .info .subject{font-size: 16px;}
    #main .mainbox5 .roll_wrap .item .info .text{font-size: 13px;line-height: 20px;margin-top: 10px;}
    #main .mainbox5 .roll_wrap .item .info .details{margin-top: 10px;font-size: 13px;}
    #main .mainbox5 .slick-prev{display: none !important;}
    #main .mainbox5 .slick-next{display: none !important;}

    #main .mainbox6{margin: 0;border-radius: 0;padding: 40px 20px;}
    #main .mainbox6 .text_box{width: auto;padding: 20px;border-radius: 10px;}
    #main .mainbox6 .text_box .tmb li{width: 25%;}
    #main .mainbox6 .text_box .text{width: auto;margin-top: 20px;}
    #main .mainbox6 .text_box .text p{font-size: 13px;line-height: 20px;margin: 10px 0;}
    #main .mainbox6 .text_box .logo{margin-top: 20px;padding: 0;}
    #main .mainbox6 .text_box .logo li{display: block;width: 100%;text-align: center;margin-bottom: 20px;}
    #main .mainbox6 .text_box .logo li img{width: auto;height: 50px;}
    #main .mainbox6 .text_box .logo p{font-size: 13px;line-height: 20px;margin-top: 0;}
    #main .mainbox6 .text_box .logo p br{display: none;}
    #main .mainbox6 .logo_summary{margin-top: 2px;font-size: 13px;}

    #main .mainbox7{padding: 40px 20px;}
    #main .mainbox7 .interview{width: auto;padding: 20px;display: block;border-radius: 10px;}
    #main .mainbox7 .interview dt{width: auto;}
    #main .mainbox7 .interview dt img{border-radius: 10px;}
    #main .mainbox7 .interview dd{padding-left: 0;width: auto;margin-top: 10px;}
    #main .mainbox7 .interview dd em{font-size: 14px;}
    #main .mainbox7 .interview dd .subject{font-size: 16px;line-height: 22px;margin-top: 10px;}
    #main .mainbox7 .interview dd .text{margin: 10px 0 15px 0;padding-top: 10px;font-size: 13px;line-height: 22px;}
    #main .mainbox7 .interview dd .more{font-size: 13px;}
    #main .mainbox7 .interview dd .more i{margin-left: 5px;}

    #main .latest_wrap{width: auto;padding: 0 20px;}
    #main .latest_wrap dd{width: 100%;margin-bottom: 20px;}
    #main .latest_wrap dd .title{border-bottom: 2px solid #333;padding-bottom: 10px;margin-bottom: 15px;}
    #main .latest_wrap dd .title h4{font-size: 16px;}
    #main .latest_wrap dd .title .more{width: 13px;height: 13px;}
    #main .latest_wrap dd .list li{line-height: 35px;padding-right: 80px;}
    #main .latest_wrap dd .list li .subject{font-size: 14px;}
    #main .latest_wrap dd .list li .subject img{width: 14px;height: auto;}
    #main .latest_wrap dd .list li .date{font-size: 13px;}

    #main .middle_banner{padding: 20px;}
    #main .middle_banner img{transform: none;left: auto;}

    #tesol_review{padding: 40px 20px;}
    #tesol_review .inner{width: auto;}
    #tesol_review .roll_wrap{margin: 0 -5px;width: auto;left: auto;transform: none;}
    #tesol_review .roll_wrap .item{margin: 0 5px;border-radius: 10px;padding: 20px;width: calc(50% - 10px);opacity: 1;}
    #tesol_review .roll_wrap .info{padding-bottom: 15px;margin-bottom: 15px;}
    #tesol_review .roll_wrap .info .cat{line-height: 28px;font-size: 13px;}
    #tesol_review .roll_wrap .info .subject{margin-top: 10px;font-size: 16px;line-height: 22px;}
    #tesol_review .roll_wrap .info .text{font-size: 14px;line-height: 20px;}
    #tesol_review .roll_wrap .writer .name{font-size: 13px;}
    #tesol_review .roll_wrap .writer .more{font-size: 13px;display: none;}
    #tesol_review .slick-prev{display: none !important;}
    #tesol_review .slick-next{display: none !important;}

    #footer_test_banner{width: auto;padding: 40px 20px;border-radius: 10px;margin: 0 20px;margin-bottom: 20px;}
    #footer_test_banner .text em{font-size: 13px;}
    #footer_test_banner .text h5{font-size: 20px;line-height: 30px;margin-top: 10px;}
    #footer_test_banner .text .more{width: auto;line-height: 40px;border-radius: 40px;font-size: 14px;margin-top: 20px;}

}

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

    #main2 #mainWrap{margin: 20px 15px;}

    #main2 .visual .roll .item img{left: auto;transform: translate(0, 0);}
    #main2 .visual .slick-prev{display: none !important;}
    #main2 .visual .slick-next{display: none !important;}

    #main2 .main_title2{margin-bottom: 20px;}
    #main2 .main_title2 h4{font-size: 28px;letter-spacing: -1px;}
    #main2 .main_title2 p{margin-top: 5px;font-size: 18px;}
    #main2 .main_title2 span.t1{font-size: 16px;}
    #main2 .main_title2 a.more{position: static;margin: 0 auto;line-height: 28px;border-radius: 28px;font-size: 13px;margin-top: 10px;width: 100px;}
    #main2 .main_title2 a.more i{margin-left: 5px;}
    #main2 .main_title2 > img{margin-bottom: 20px;width: auto;height: 50px;}

    #main2 .level_test_banner{height: auto;}
    #main2 .level_test_banner .inner{width: auto;padding: 30px 20px;}
    #main2 .level_test_banner .inner h4{line-height: 100%;font-size: 20px;text-align: center;}
    #main2 .level_test_banner .inner h4 img{width: 30px;height: auto;}
    #main2 .level_test_banner .inner h4 em{margin-left: 0;font-size: 13px;margin-top: 10px;display: block;}
    #main2 .level_test_banner .inner p{position: static;transform: none;width: 190px;line-height: 40px;font-size: 13px;display: block;margin: 0 auto;margin-top: 10px;}

    #main2 .m1{padding: 40px 20px;}
    #main2 .m1 .inner{max-width: auto;}
    #main2 .m1 .numbers{display: block;}
    #main2 .m1 .numbers li{width: auto;padding: 20px 0;border-left: none;border-top: 1px solid #ddd;}
    #main2 .m1 .numbers li:first-child{border-top: none;}
    #main2 .m1 .numbers li span.count{font-size: 20px;}
    #main2 .m1 .numbers li span.count strong{font-size: 30px;}
    #main2 .m1 .numbers li p{font-size: 16px;margin-top: 5px;}
    #main2 .m1 .numbers li img{width: 70px;height: auto;}

    #main2 .m2{padding: 40px 20px;}
    #main2 .m2 .img{text-align: center;}

    #main2 .m3{padding: 40px 20px;background-size: 100% 20%;}
    #main2 .m3 .text_box{max-width: auto;padding: 20px;border-radius: 15px;}
    #main2 .m3 .text_box .tmb li{width: 50%;}
    #main2 .m3 .text_box .tmb li img{max-width: 100%;}
    #main2 .m3 .text_box .text{padding: 20px 0 0 0;}
    #main2 .m3 .text_box .text > strong{font-size: 15px;line-height: 20px;}
    #main2 .m3 .text_box .text > p{font-size: 14px;line-height: 20px;}
    #main2 .m3 .img{margin-top: 40px;}
    #main2 .m3 .certbox{margin: 20px auto;width: auto;border-radius: 15px;padding: 30px 20px;}
    #main2 .m3 .certbox .title{margin-bottom: 20px;}
    #main2 .m3 .certbox .title h4{font-size: 18px;line-height: 26px;letter-spacing: -1px;}
    #main2 .m3 .certbox .title h4 strong:before{height: 10px;}
    #main2 .m3 .certbox .title p{font-size: 14px;margin-top: 15px;line-height: 20px;}
    #main2 .m3 .certbox ul{display: block;margin: -20px 0;margin-top: 30px;}
    #main2 .m3 .certbox ul li{width: 100%;text-align: center;margin: 20px 0;}

    #main2 .m5{padding: 40px 20px;}
    #main2 .m5 .main_title2 h4 strong:before{width: 100px;height: 60px;transform: translate(calc(-50% - 2px), calc(-50% - 2px));}
    .review_video{width: auto;}
    .review_video dt{margin-bottom: 10px;border-radius: 15px;}
    .review_video dd ul{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 10px;}
    .review_video dd ul li{flex: 1;border-radius: 15px;}

    #main2 .m7{padding: 40px 20px;}
    #main2 .m8{padding: 0 0 20px 0;}

    #main2 .m9{padding: 40px 20px;}
    #main2 .m9 .video_wrap{display: block;border-radius: 10px;width: auto;}
    #main2 .m9 .video_wrap h5{line-height: auto;padding: 20px;font-size: 15px;line-height: 20px;}
    #main2 .m9 .video_wrap dl{padding: 15px;}
    #main2 .m9 .video_wrap dl dd{padding: 15px;}
    #main2 .m9 .video_wrap dl dd .t1{font-size: 14px;line-height: 22px;}
    #main2 .m9 .video_wrap dl dd .t2{font-size: 14px;line-height: 22px;margin-top: 15px;}

    #main2 .cousulting_box{margin-bottom: 0;}

    #main2 .latest_wrap{width: auto;padding: 0 20px;}
    #main2 .latest_wrap dd{width: 100%;margin-bottom: 20px;}
    #main2 .latest_wrap dd .title{border-bottom: 2px solid #333;padding-bottom: 10px;margin-bottom: 15px;}
    #main2 .latest_wrap dd .title h4{font-size: 16px;}
    #main2 .latest_wrap dd .title .more{width: 80px;line-height: 30px;font-size: 13px;top: -10px;}
    #main2 .latest_wrap dd .title .more i{margin-top: -3px;margin-left: 6px;font-size: 20px;}

    #main2 .latest_wrap dd .list li{line-height: 35px;padding-right: 80px;}
    #main2 .latest_wrap dd .list li .subject{font-size: 14px;padding-left: 10px;}
    #main2 .latest_wrap dd .list li .subject:before{top: 14px;}
    #main2 .latest_wrap dd .list li .subject img{width: 14px;height: auto;}
    #main2 .latest_wrap dd .list li .date{font-size: 13px;}

    #tesol_review2{padding: 40px 20px;}
    #tesol_review2 .inner{width: auto;}
    #tesol_review2 .roll_wrap{margin: 0 -5px;width: auto;left: auto;transform: none;}
    #tesol_review2 .roll_wrap .item{margin: 0 5px;border-radius: 10px;padding: 20px;width: calc(50% - 10px);opacity: 1;min-height: 220px;}
    #tesol_review2 .roll_wrap .info{padding-bottom: 15px;margin-bottom: 15px;}
    #tesol_review2 .roll_wrap .info .cat{line-height: 28px;font-size: 13px;}
    #tesol_review2 .roll_wrap .info .subject{margin-top: 10px;font-size: 16px;line-height: 22px;}
    #tesol_review2 .roll_wrap .info .text{font-size: 14px;line-height: 20px;}
    #tesol_review2 .roll_wrap .writer .name{font-size: 13px;}
    #tesol_review2 .roll_wrap .writer .more{font-size: 13px;display: none;}
    #tesol_review2 .slick-prev{display: none !important;}
    #tesol_review2 .slick-next{display: none !important;}
    #tesol_review2 .slick-dots{margin-top: 30px;}
    #tesol_review2 .slick-dots li{margin: 0 5px;}

    #goals_roll .inner{width: auto;}
    #goals_roll .roll_wrap{margin: 0 -5px;}
    #goals_roll .roll_wrap .item{margin: 10px 0;border-radius: 10px;padding: 20px;width: calc(100% - 10px);margin: 0 5px;border: 1px solid #ddd;box-shadow: 0 0 5px rgba(0,0,0,0.1);}
    #goals_roll .roll_wrap .info{margin-bottom: 15px;}
    #goals_roll .roll_wrap .info .subject{margin-top: 10px;font-size: 15px;line-height: 20px;}
    #goals_roll .roll_wrap .info .text{margin-top: 5px;font-size: 13px;line-height: 20px;}
    #goals_roll .roll_wrap .info2 li{padding: 0 10px;font-size: 13px;}
    #goals_roll .roll_wrap .tmb{margin: -20px;margin-bottom: 20px;}
    #goals_roll .roll_wrap .tmb img{margin: 0;margin-bottom: 25px;}
    #goals_roll .slick-prev{display: none !important;}
    #goals_roll .slick-next{display: none !important;}
    #goals_roll .slick-dots{margin-top: 30px;}
    #goals_roll .slick-dots li{display: inline-block;vertical-align: middle;margin: 0 10px;}
    #goals_roll .slick-dots li{margin: 0 5px;}

}

/**************************************************
	Sub
**************************************************/
@media screen and (max-width: 1600px) {

    .course_list{padding: 0 4vw;}

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

    #sub #content{ width: auto;padding: 20px; }

    /* subpage */
    .fulldiv{width: 100%;left: -20px;transform: none;width: calc(100% + 40px);box-sizing: border-box;}
    #main2 .fulldiv{width: 100%;left: 0;width: 100%;}
    .fulldiv .inner{width: auto;}
    .fulldiv.bg_gray{padding: 40px 20px !important;}

    .sub_title{margin-bottom: 20px;}
    .sub_title p{font-size: 18px;margin-bottom: 10px;line-height: 150%;}
    .sub_title h4{font-size: 28px;line-height: 150%;}
    .sub_title em{margin-top: 5px;font-size: 16px;line-height: 150%;}
        
    .sub_title a.more{position: static;line-height: 26px;border-radius: 26px;font-size: 13px;display: block;margin: 0 auto;margin-top: 15px;}
    .sub_title a.more i{margin-left: 5px;font-size: 13px;}
    .sub_title.small h4{font-size: 20px;}

    .sub_title2{margin-bottom: 20px;}
    .sub_title2 p{font-size: 18px;margin-bottom: 10px;line-height: 150%;}
    .sub_title2 em{font-size: 18px;line-height: 150%;}
    .sub_title2 h4{font-size: 28px;margin-top: 10px;line-height: 150%;}
    

    .sub_text{font-size: 14px;line-height: 22px;}

    .ctit1{margin-bottom: 15px;font-size: 18px;}

    .go_page_btn{margin-top: 30px;line-height: 40px;border-radius: 40px;width: 200px;font-size: 14px;}
    .go_page_btn i{margin-left: 10px;margin-top: -2px;}

    /* wvc > introduce */
    .wvc_box1{margin-top: -20px;padding: 40px 20px;box-sizing: border-box;}
    .wvc_box1 .tmb{display: block;margin: -5px;}
    .wvc_box1 .tmb li{width: calc(33.33% - 10px);display: inline-block;vertical-align: top;margin: 5px;}
    .wvc_box1 .text{margin-top: 20px;font-size: 14px;line-height: 24px;}
    .wvc_box1 .sub_title h4{font-size: 28px;}

    .wvc_box2{padding: 40px 0;}
    .wvc_box2 .list{display: block;margin: -5px;}
    .wvc_box2 .list li{margin: 5px;border-radius: 10px;width: calc(50% - 10px);display: inline-block;vertical-align: top;}
    .wvc_box2 .list li p{font-size: 13px;padding: 15px 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

    .wvc_box4{padding: 40px 0;}
    .wvc_box4 .tmb{margin: -5px;margin-top: 20px;}
    .wvc_box4 .tmb li{display: inline-block;vertical-align: top;width: calc(33.33% - 10px);margin: 5px;}

    .wvc_box5{padding: 40px 0;margin-bottom: -20px;}
    .wvc_box5 dl{display: block;padding: 0 20px;}
    .wvc_box5 dl dt{width: auto;}
    .wvc_box5 dl dt img{display: block;margin: 0 auto;}
    .wvc_box5 dl dd{width: auto;padding-top: 20px;}
    .wvc_box5 dl dd h5{font-size: 20px;margin-bottom: 10px;}
    .wvc_box5 dl dd .text p{font-size: 14px;line-height: 20px;margin-bottom: 15px;}
    .wvc_box5 dl dd .text .sign{margin-top: 20px;font-size: 14px;}
    .wvc_box5 dl dd .btn{margin-top: 20px;width: 200px;line-height: 40px;border-radius: 40px;font-size: 14px;}
    .wvc_box5 dl dd .btn i{margin-left: 5px;}

    /* VWC TESOL */
    .tesol_int_box1{margin-top: -20px;padding: 40px 20px;}
    .tesol_int_box1 .text1{font-size: 28px;line-height: 130%;}
    .tesol_int_box1 .text1 strong{line-height: 30px;padding: 0 5px;}
    .tesol_int_box1 .text2{margin-top: 15px;font-size: 13px;}
    .tesol_int_box1 .video{margin: -2px;margin-top: 10px;width: auto;}
    .tesol_int_box1 .video li{width: calc(33.33% - 4px);margin: 2px;}
    .tesol_int_box1 .video p{margin-top: 10px;font-size: 13px;}
    .tesol_int_box1.type2{padding: 30px 20px;}
    .tesol_int_box1.type2 .video{margin: -2px;margin-top: 20px;}

    .tesol_int_box2{padding: 40px 0;}
    .tesol_int_box2 .list{display: block;margin: -5px 0;}
    .tesol_int_box2 .list li{width: auto;padding: 25px;border-radius: 10px;margin: 5px 0;background-size: auto 60px !important;}
    .tesol_int_box2 .list li em{font-size: 16px;}
    .tesol_int_box2 .list li .count{font-size: 26px;}
    .tesol_int_box2 .list li .count strong{font-size: 30px;}

    .tesol_int_box2.type2 .list{width: auto;gap: 10px;}
    .tesol_int_box2.type2 .list li{height: 200px;}

    .tesol_int_box3{padding: 40px 20px;}
    .tesol_int_box3 .video{margin: -2px;}
    .tesol_int_box3 .video li{margin: 2px;width: calc(50% - 4px);}

    .tesol_int_middle_banner{padding: 0 20px;}

    .tesol_int_box4{padding: 40px 0;}
    .tesol_int_box4 .checkbox{display: block;border-radius: 10px;margin-bottom: 10px;}
    .tesol_int_box4 .checkbox dt{width: auto;}
    .tesol_int_box4 .checkbox dd{width: auto;padding: 20px;}
    .tesol_int_box4 .checkbox dd .title{font-size: 20px;margin-bottom: 10px;}
    .tesol_int_box4 .checkbox dd .text1{font-size: 14px;line-height: 20px;}
    .tesol_int_box4 .checkbox dd .text1 br{display: none;}
    .tesol_int_box4 .checkbox dd .text2{font-size: 13px;line-height: 20px;margin-top: 10px;}
    .tesol_int_box4 .checkbox dd .flag{right: 20px;width: 50px;}
    .tesol_int_box4 .checkbox.reverse dd{padding-left: 20px;}
    .tesol_int_box4 .checkbox.reverse dd .flag{left: 20px;}

    .tesol_int_box5{padding: 40px 0;}
    .tesol_int_box5 .sub_title img{width: auto;height: 30px;}
    .review_list{display: block;margin: -10px 0;}
    .review_list li{margin: 10px 0;width: auto;border-radius: 10px;padding: 25px 0 25px 90px;}
    .review_list li .man{left: 20px;width: 50px;height: auto;}
    .review_list li .title{font-size: 18px;}
    .review_list li .text{font-size: 13px;line-height: 20px;}
    .review_list li .text br{display: none;}

    .cert_list{margin: -5px;}
    .cert_list li{border-radius: 10px;width: calc(50% - 10px);margin: 5px;}
    .cert_list li p{padding: 20px 5px;font-size: 14px;}

    .tesol_int_box6{padding: 40px 0;}
    .tesol_int_box6 .box{border-radius: 10px;display: block;background: #275499;padding: 30px 20px;}
    .tesol_int_box6 .box dt{width: auto;margin-bottom: 20px;}
    .tesol_int_box6 .box dt img{position: static;transform: none;width: 200px;height: auto;}
    .tesol_int_box6 .box dd{width: auto;padding: 0;}
    .tesol_int_box6 .box dd .title{font-size: 18px;line-height: 28px;}
    .tesol_int_box6 .box dd ul{margin-top: 10px;}
    .tesol_int_box6 .box dd ul li{font-size: 13px;line-height: 22px;padding-left: 10px;}
    .tesol_int_box6 .box dd ul li:before{top: 10px;width: 5px;}
    .tesol_int_box6 .box dd ul li br{display: none;}

    .unit_list{margin-top: 20px;}
    .unit_list dd{width: 50%;}
    .unit_list dd ul li{line-height: 20px;padding: 15px 5px 15px 5px;overflow: hidden;}
    .unit_list dd ul li em{width: 70px;line-height: 20px;border-radius: 20px;font-size: 12px;margin-right: 0;;display: block;}
    .unit_list dd ul li p{font-size: 13px;width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;margin-top: 5px;font-weight: bold;}
    .unit_list dd ul li .go_link{position: static;right: 5px;font-size: 14px;margin-top: 5px;}
    .unit_list dd ul li .go_link img{width: 13px;height: auto;}

    .tesol_int_box7 fieldset{padding: 20px;border-radius: 10px;}
    .tesol_int_box7 fieldset table tr > *{padding: 2px;}
    .tesol_int_box7 fieldset table .input{height: 50px;padding-left: 0;}
    .tesol_int_box7 fieldset table .input > strong{display: none;}
    .tesol_int_box7 fieldset table .input > strong em{font-style: normal;color: #006ec5;margin-left: 4px;}
    .tesol_int_box7 fieldset table .input .inp{height: 50px;font-size: 13px;padding-left: 10px;}
    .tesol_int_box7 fieldset table textarea{padding: 15px 10px;font-size: 13px;}
    .tesol_int_box7 fieldset table label{font-size: 13px;}
    .tesol_int_box7 fieldset button[type="submit"]{width: 100%;height: 50px;font-size: 14px;margin-top: 10px;}

    .tesol_int_box8{padding: 40px 0;}
    .tesol_int_box8 #footer_test_banner{margin: 0;}

    .tesol_int_box9{padding: 40px 20px;margin-bottom: -20px;}
    .tesol_int_box9 .package{display: block;padding: 20px 0;border-radius: 10px;}
    .tesol_int_box9 .package > *{width: auto;padding: 0 20px;}
    .tesol_int_box9 .package dt em{font-size: 13px;}
    .tesol_int_box9 .package dt h5{margin-top: 15px;font-size: 20px;line-height: 30px;margin-bottom: 20px;}
    .tesol_int_box9 .package dt .price{font-size: 16px;line-height: 20px;}
    .tesol_int_box9 .package dt .price p{font-size: 16px;}
    .tesol_int_box9 .package dt .price p strong{font-size: 20px;}
    .tesol_int_box9 .package dt .price2{font-size: 16px;line-height: 30px;margin-top: 5px;}
    .tesol_int_box9 .package dt .price2 p{font-size: 16px;}
    .tesol_int_box9 .package dt .price2 p strong{font-size: 30px;}
    .tesol_int_box9 .package dd h6{font-size: 18px;margin-bottom: 10px;margin-top: 30px;}
    .tesol_int_box9 .package dd ul li{font-size: 13px;line-height: 20px;width: 50%;padding-left: 20px;background-size: 15px auto;margin: 5px 0;}
    .tesol_int_box9 .package dd .btn{line-height: 50px;font-size: 14px;margin-top: 15px;}

    /* tec > introduce */
    .tec_int_box1{margin-top: -20px;padding: 40px 20px;}
    .tec_int_box1 .text1{font-size: 16px;line-height: 28px;padding: 0 5px;}
    .tec_int_box1 .text2{margin-top: 10px;font-size: 20px;line-height: 30px;}
    .tec_int_box1 .text3{margin-top: 10px;font-size: 13px;line-height: 20px;text-shadow: 0 0 7px rgba(0,0,0,0.6);}
    .tec_int_box1 .tmb{position: static;transform: none;margin-top: 20px;}
    .tec_int_box1.bg2{background-image: url('/images/sub/phonics_intro_bg1.png');}

    .tec_int_box2{padding: 40px 0;}
    .tec_int_box2 .sub_title img{width: auto;height: 30px;}

    .tec_int_box3 .box{display: block;padding: 20px;border-radius: 10px;}
    .tec_int_box3 .box dt{width: auto;}
    .tec_int_box3 .box dd{width: auto;padding-left: 0;margin-top: 15px;}
    .tec_int_box3 .box dd ul li{font-size: 13px;padding: 4px 0;padding-left: 20px;background-size: 13px auto;}

    .cousulting_box{padding: 40px 0;margin-bottom: -20px;}
    .cousulting_box fieldset{padding: 20px;width: auto;border-radius: 10px;}
    .cousulting_box table tr > *{padding: 10px 0;}
    .cousulting_box table th{font-size: 13px;width: 70px;}
    .cousulting_box table td .inp{height: 50px;font-size: 13px;padding-left: 10px;}
    .cousulting_box table td .w33p{width: 31.33%;}
    .cousulting_box table td select{height: 50px;font-size: 13px;padding-left: 10px;}
    .cousulting_box table td .inputs .hipen{font-size: 13px;line-height: 50px;}
    .cousulting_box table td textarea{height: 100px;font-size: 13px;padding: 15px 10px;}
    .cousulting_box label{font-size: 13px;line-height: 20px;}
    .cousulting_box button[type="submit"]{width: 100%;height: 50px;font-size: 14px;margin-top: 15px;}
    .cousulting_box.fulldiv{padding: 40px 20px;}
    .cousulting_box .sub_title h4{font-size: 23px;line-height: 130%;}

    /* phonics > introduce */
    .phonics_int_middle_banner{margin-top: 20px;}
    .phonics_int_middle_banner img{position: static;transform: none;}
    .phonics_int_middle_banner2{padding: 0 20px;}

    .phonics_int_box2{padding: 40px 0;}

    .phonics_int_box2 .list{margin: -5px;}
    .phonics_int_box2 .list li{border-radius: 10px;width: calc(50% - 10px);margin: 5px;}

    .phonics_int_box3{padding-bottom: 40px;}

    .phonics_step{margin: -5px 0;}
    .phonics_step li{width: calc(50% - 15px);margin: 5px 0;border-radius: 10px;line-height: 20px;padding: 20px;}
    .phonics_step li:after{right: -22px;width: 10px;height: 10px;}
    .phonics_step li:nth-child(3n):after{display: block;}
    .phonics_step li:nth-child(2n):after{display: none;}
    .phonics_step li:last-child:after{display: none;}
    .phonics_step li > *{display: block;}
    .phonics_step li em{margin-right: 0;margin-bottom: 5px;line-height: 26px;border-radius: 26px;font-size: 13px;}
    .phonics_step li p{font-size: 16px;white-space: wrap;}

    .phonics_int_box4{padding: 40px 0;}

    .phonics_int_box4 .videos{margin: -2px;}
    .phonics_int_box4 .videos li{border-radius: 5px;width: calc(50% - 4px);}
    .phonics_int_box4 hr{margin: 30px 0;}
    .phonics_int_box4 .roll_wrap{margin: -5px;width: auto;left: auto;transform: none;}
    .phonics_int_box4 .roll .item{margin: 5px;border-radius: 10px;opacity: 1;box-shadow: 0 0 5px rgba(0,0,0,0.1);}
    .phonics_int_box4 .slick-prev{display: none !important;}
    .phonics_int_box4 .slick-next{display: none !important;}

    .phonic_reviews .media_title{line-height: 45px;margin: 30px 0 20px 0;font-size: 16px;}
    .phonic_reviews .media_title img{margin-right: 5px;width: 25px;height: auto;}
    .phonic_reviews ul{display: block;}
    .phonic_reviews ul li{margin: 10px 0;}
    .phonic_reviews ul li img{width: 100%;height: auto;}

    .phonics_footer_banner{padding: 40px 20px;}
    .phonics_footer_banner p{font-size: 14px;}
    .phonics_footer_banner h5{font-size: 20px;}
    .phonics_footer_banner a{margin-top: 30px;width: 200px;line-height: 45px;border-radius: 45px;font-size: 14px;}

    /* apply > tesol */
    .apply_visual{padding: 40px 20px;margin-top: -20px;}
    .apply_visual .go_btn{margin: -5px;}
    .apply_visual .go_btn li{border-radius: 10px;margin: 5px;width: calc(50% - 10px);}
    .apply_visual .go_btn li p{line-height: 40px;font-size: 12px;border-radius: 0 0 10px 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 500;}

    .apply_tesol_box1{padding: 40px 0;}
    .apply_tesol_box1 .apply_box{display: block;margin-top: 20px;}
    .apply_tesol_box1 .apply_box dt{width: auto;text-align: center;}
    .apply_tesol_box1 .apply_box dd{width: auto;padding-left: 0;margin-top: 15px;}
    .apply_tesol_box1 .apply_box dd em{width: 35px;line-height: 35px;border-radius: 35px;font-size: 14px;}
    .apply_tesol_box1 .apply_box dd .title{margin-top: 10px;font-size: 18px;line-height: 28px;}
    .apply_tesol_box1 .apply_box dd .title br{display: none;}
    .apply_tesol_box1 .apply_box dd .title strong{display: inline-block;}
    .apply_tesol_box1 .apply_box.reverse dd{padding-left: 0;}

    .apply_tesol_box2{margin-bottom: -20px;}

    .course_list{display: block;margin: -15px 0;margin-top: 0;padding: 0;}
    .course_list > li{margin: 15px 0;width: auto;padding: 20px;padding-bottom: 70px;border-radius: 10px;width: 100%;}
    .course_list > li .flag{width: 40px;height: auto;right: 10px;}
    .course_list > li .title br{display: none;}
    .course_list > li .title strong{font-size: 20px;line-height: 30px;}
    .course_list > li .title p{margin-top: 10px;font-size: 13px;line-height: 20px;min-height: 0;}
    .course_list > li .price{border-top: 1px dashed #ccc;margin-top: 20px;padding-top: 20px;}
    .course_list > li .price li{font-size: 14px;}
    .course_list > li .price li strong{font-size: 16px;}
    .course_list > li .price li:last-child{font-size: 20px;line-height: 30px;margin-top: 5px;}
    .course_list > li .price li:last-child strong{font-size: 20px}
    .course_list > li .opt{border-radius: 10px;padding: 15px;margin-top: 10px;}
    .course_list > li .opt li{font-size: 13px;line-height: 20px;padding-left: 20px;background-size: 14px auto;}
    .course_list > li .btn{line-height: 50px;font-size: 14px;border-radius: 0 0 10px 10px;}
    .course_list > li .btn i{margin-left: 10px;}

    .teacher_infobox{display: block;margin-bottom: 30px;}
    .teacher_infobox dd{width: auto;padding-right: 0;background: none;box-sizing: border-box;margin-top: 30px;}
    .teacher_infobox dd .title{margin-bottom: 20px;}
    .teacher_infobox dd .title h4{font-size: 15px;line-height: 20px;}
    .teacher_infobox dd .title h4 strong{font-size: 20px;margin-right: 10px;letter-spacing: -1px;padding-bottom: 15px;}
    .teacher_infobox dd .text p{font-size: 14px;line-height: 20px;margin: 10px 0;}
    .teacher_infobox dt{width: auto;text-align: center;}
    .teacher_infobox dt img{width: 200px;height: auto;}

    .teacher_infobox2{display: block;margin-bottom: 30px;}
    .teacher_infobox2 dd{width: auto;padding: 20px;border-radius: 10px;margin-bottom: 10px;}
    .teacher_infobox2 dd h6{margin-bottom: 5px;font-size: 16px;}
    .teacher_infobox2 dd ul{height: auto;margin: 0;padding: 0;}
    .teacher_infobox2 dd ul li{font-size: 13px;line-height: 17px;margin: 5px 0;padding-left: 12px;}
    .teacher_infobox2 dd ul li:before{top: 6px;width: 3px;height: 3px;border-radius: 3px;}

    /* apply > tesol_step2 */
    .apply_title{margin-bottom: 40px;margin-top: 20px;}
    .apply_title h4{font-size: 20px;}
    .apply_title .steps{width: auto;margin-top: 20px;}
    .apply_title .steps:before{top: 25px;left: 50px;width: calc(100% - 100px);}
    .apply_title .steps li p{font-size: 13px;}
    .apply_title .steps li.now .bull{font-size: 20px;}
    .apply_title .steps li.tobe .bull{font-size: 20px;}
    .apply_title .steps li .bull{width: 50px;height: 50px;border-radius: 50px;line-height: 50px;margin-bottom: 10px;}

    /* level_test > introduce */
    .lvt_visual{padding: 40px 20px;margin-top: -20px;}
    .lvt_visual .logo{width: auto;height: 30px;}
    .lvt_visual h4{font-size: 21px;line-height: 130%;margin-top: 20px;}
    .lvt_visual .go_btn{margin: -2px;margin-top: 30px;}
    .lvt_visual .go_btn li{width: calc(33.33% - 4px);border-radius: 10px;padding: 20px 0 20px 0;margin: 0 2px;box-sizing: border-box;}
    .lvt_visual .go_btn li img{width: 40px;height: auto;}
    .lvt_visual .go_btn li p{margin-top: 10px;font-size: 13px;}

    .lvt_intro_box1{padding: 40px 0;}

    .step_list{display: block;margin: -5px;display: flex;justify-content: space-between;flex-wrap: wrap;}
    .step_list li{border-radius: 20px;padding: 20px;width: 100%;margin: 5px;width: calc(50% - 10px);}
    .step_list li:after{display: none;}
    .step_list li .cat{margin-bottom: 10px;line-height: 30px;border-radius: 30px;font-size: 13px;width: 80px;}
    .step_list li img{width: 50px;height: auto;}
    .step_list li p{font-size: 13px;}

    /* reviews > introduce */
    .reviews_visual{padding: 40px 20px;margin-top: -20px;}
    .reviews_visual h4{font-size: 23px;line-height: 130%;margin-bottom: 30px;}
    .reviews_visual h4 strong{line-height: 30px;}
    .reviews_visual ul{border-radius: 10px;}
    .reviews_visual ul li{box-sizing: border-box;width: 33.33%;position: relative;padding: 20px 0;}
    .reviews_visual ul li img{width: 40px;height: auto;}
    .reviews_visual ul li p{margin: 10px 0 0 0;font-size: 13px;}
    .reviews_visual ul li .count{font-size: 13px;}
    .reviews_visual ul li .count strong{font-size: 22px;}

    .reviews_intro_box1{padding: 40px 0;}
    .reviews_intro_box1 .youtube_list{margin: -5px 0;}
    .reviews_intro_box1 .youtube_list li{margin: 5px 0;width: 100%;border-radius: 10px;}

    .reviews_intro_box1 .review_list1{display: block;margin: 10px 0;margin-top: 20px;}
    .reviews_intro_box1 .review_list1 li{width: auto;border-radius: 10px;margin: 10px 0;padding: 20px;}
    .reviews_intro_box1 .review_list1 .title{margin-bottom: 10px;}
    .reviews_intro_box1 .review_list1 .title em{width: 70px;line-height: 26px;border-radius: 26px;font-size: 13px;margin-right: 5px;}
    .reviews_intro_box1 .review_list1 .title p{font-size: 15px;}
    .reviews_intro_box1 .review_list1 .text{font-size: 14px;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;white-space: normal;}
    .reviews_intro_box1 .review_list1 .info{margin-top: 15px;}
    .reviews_intro_box1 .review_list1 .info .name{line-height: 30px;font-size: 13px;}
    .reviews_intro_box1 .review_list1 .info img{width: 30px;height: auto;}
    .reviews_intro_box1 .review_list1 .tmb{margin-top: 15px;}

    .review_box{margin-bottom: -20px;}
    .review_box.type2{padding: 40px 20px;box-sizing: border-box;}
    .review_box .list_head{margin-bottom: 20px;height: 40px;}
    .review_box .list_head .total{line-height: 30px;font-size: 13px;}
    .review_box .list_head .select{width: 120px;height: 30px;border-radius: 4px;}
    .review_box .list_head .select:before{left: 10px;}
    .review_box .list_head .select:after{right: 10px;}
    .review_box .list_head .select select{height: 30px;padding-left: 25px;font-size: 13px;}

    .review_list2{margin: -10px 0;}
    .review_list2 dd{border-radius: 10px;padding: 20px;margin: 10px 0;}
    .review_list2 dd .profile{padding-left: 35px;line-height: 30px;position: relative;top: auto;left: auto;margin-bottom: 15px;}
    .review_list2 dd .profile p{font-size: 14px;}
    .review_list2 dd .profile img{width: 30px;height: auto;}
    .review_list2 dd .dd_head{margin-bottom: 15px;}
    .review_list2 dd .dd_head .category{font-size: 16px;}
    .review_list2 dd .dd_head .info{position: static;margin-top: 10px;}
    .review_list2 dd .dd_head .info li{font-size: 13px;line-height: 13px;}
    .review_list2 dd .dd_head .info li:first-child{padding-left: 0;}
    .review_list2 dd .dd_head .info li img{width: 14px;height: auto;}
    .review_list2 dd .text{font-size: 13px;line-height: 20px;}
    .review_list2 dd .tmb_roll_wrap{width: auto;}
    .review_list2 dd .tmb{margin: 0 -2px;margin-top: 15px;}
    .review_list2 dd .tmb .item{margin: 0 2px;border-radius: 5px;margin: 0 2px;width: calc(25% - 10px);}
    .review_list2 dd .tmb .item img{width: 100%;height: auto;}
    .review_list2 dd .slick-prev{width: 30px;height: 30px;border-radius: 30px;left: -15px;}
    .review_list2 dd .slick-next{width: 30px;height: 30px;border-radius: 30px;right: -15px;}

    .review_list3{margin: -10px 0;}
    .review_list3 dd{border-radius: 10px;padding: 20px;margin: 10px 0;}
    .review_list3 dd .profile{padding-left: 35px;line-height: 30px;position: relative;top: auto;left: auto;margin-bottom: 15px;}
    .review_list3 dd .profile p{font-size: 14px;}
    .review_list3 dd .profile img{width: 30px;height: auto;position: absolute;top: 0;left: 0;}
    .review_list3 dd .profile .info{position: static;line-height: 13px;position: absolute;top: 7px;right: 0;}
    .review_list3 dd .profile .info li{font-size: 12px;line-height: 13px;padding: 0 7px;}
    .review_list3 dd .profile .info li:first-child{padding-left: 0;}
    .review_list3 dd .profile .info li img{width: 14px;height: auto;position: static;}
    .review_list3 dd .category{font-size: 16px;}
    .review_list3 dd .text{font-size: 13px;line-height: 20px;}
    .review_list3 dd .tmb{position: static;width: 140px;transform: none;border-radius: 5px;margin-top: 10px;}

    /* board > note */
    .board_note_visual{padding: 40px 20px;margin-top: -20px;}
    .board_note_visual h4{font-size: 18px;line-height: 30px;margin-bottom: 30px;}
    .board_note_visual h4 strong{line-height: 30px;padding: 0 5px;}
    .board_note_visual .youtube_list{margin: -5px 0;}
    .board_note_visual .youtube_list li{width: 100%;border-radius: 10px;border-width: 3px;margin: 5px 0;}

    /* my */
    .my_class_wrap{margin: -20px 0;}

    .class_list{margin: -10px 0;}
    .class_list dd{margin: 10px 0;width: 100%;padding: 20px;border-radius: 10px;}
    .class_list dd .title{line-height: 40px;font-size: 14px;margin: -20px;margin-bottom: 20px;}
    .class_list dd .info li{font-size: 13px;line-height: 20px;}
    .class_list dd .go_link{margin-top: 10px;line-height: 40px;border-radius: 40px;font-size: 14px;}
    .class_list dd .go_link i{margin-left: 10px;}
    .class_list dd:hover > a{border-radius: 10px;}

    .my_tab{margin-bottom: 20px;margin-top: 20px;}
    .my_tab li{margin: 0 2px;}
    .my_tab li a{line-height: 40px;padding: 0 15px;min-width: 140px;font-size: 14px;border-radius: 40px;}
    .my_tab li a img{display: inline-block;vertical-align: middle;margin-right: 4px;margin-top: -2px;}
    .my_tab li.strong a{background: #0068bb;color: #fff;}

    .my_tab2{margin-bottom: 20px;display: block;padding: 20px 10px;}
    .my_tab2 li{display: inline-block;vertical-align: top;margin: 5px 10px;}
    .my_tab2 li a{line-height: 20px;font-size: 13px;padding: 0;}

    /* subpage ver2 */
    .abu_m2{padding: 40px 20px;}
    .abu_m2 .img{margin-bottom: 20px;}

    .abu_m3{padding: 40px 0;}
    .abu_m3 .inner{width: auto;}
    .abu_m3 dl{display: block;}
    .abu_m3 dl dd .t1{font-size: 14px;}
    .abu_m3 dl dd .t2{margin-top: 15px;font-size: 20px;line-height: 30px;}
    .abu_m3 dl dd .t2 br{display: none;}
    .abu_m3 dl dt img{width: 250px;height: auto;display: block;margin: 0 auto;margin-top: 20px;}
    .abu_m3 .text{margin-top: 20px;}
    .abu_m3 .text p{font-size: 14px;line-height: 20px;}

    .abu_m4{padding: 40px 20px !important;}
    .abu_m4 dl{width: auto;padding: 0;display: block;}
    .abu_m4 dl dt{width: auto;font-size: 25px;margin-bottom: 15px;}
    .abu_m4 dl dd{width: auto;}
    .abu_m4 dl dd ul li{padding: 20px 60px 10px 10px;}
    .abu_m4 dl dd ul li:last-child{border-bottom: none;padding-bottom: 0;}
    .abu_m4 dl dd ul li em{position: static;width: 60px;line-height: 26px;border-radius: 24px;font-size: 13px;display: inline-block;margin-bottom: 10px;}
    .abu_m4 dl dd ul li strong{font-size: 16px;}
    .abu_m4 dl dd ul li p{font-size: 14px;line-height: 20px;margin-top: 5px;}
    .abu_m4 dl dd ul li:after{right: 5px;width: 36px;height: 36px;border-radius: 36px;background-size: 8px auto;}

    .abu_m5{padding: 40px 20px;}

    #unit_roll{width: auto;}
    #unit_roll .roll{margin: 0 -5px;}
    #unit_roll .roll .item{margin: 0 5px;width: calc(50% - 10px);border-radius: 10px;padding: 20px;}
    #unit_roll .roll .item .tmb{border-radius: 10px;}
    #unit_roll .roll .item strong{margin-bottom: 15px;font-size: 16px;}
    #unit_roll .roll .item p{line-height: 18px;padding: 0 5px;font-size: 14px;overflow: normal;text-overflow: unset;padding: 15px;}
    #unit_roll .slick-prev{display: none !important;}
    #unit_roll .slick-next{display: none !important;}
    #unit_roll .slick-dots{margin-top: 30px;}
    #unit_roll .slick-dots li{margin: 0 5px;}

    .abu_m7{padding: 0;}
    .abu_m7 dl{width: auto;margin: 20px 0;display: block;border-radius: 10px;display: block;}
    .abu_m7 dl > *{display: block;}
    .abu_m7 dl dd{padding: 20px;}
    .abu_m7 dl dd .ico img{width: 40px;height: auto;}
    .abu_m7 dl dd span.t1{font-size: 20px;margin-top: 10px;}
    .abu_m7 dl dd span.t2{font-size: 15px;line-height: 22px;margin-top: 10px;}
    .abu_m7 dl dd span.t3{font-size: 14px;line-height: 20px;margin-top: 5px;}
    .abu_m7 dl dt{padding-bottom: 20px;}
    .abu_m7 dl dt img{position: static;transform: none;width: 250px;height: auto;display: block;margin: 0 auto;margin-top: 20px;}

    .abu_m8 .sub_title2 h4 strong:after{bottom: -10px;width: 110px;}
    .abu_m8 .img{margin-top: 10px;}

    .abu_m9{padding: 40px 0;}
    .abu_m9 dl{display: block;margin-top: 20px;}
    .abu_m9 dl dt{margin-bottom: 20px;}
    .abu_m9 dl dd em{font-size: 16px;}
    .abu_m9 dl dd span{display: block;}
    .abu_m9 dl dd span.t1{margin-top: 10px;font-size: 20px;letter-spacing: -1px;margin-bottom: 15px;}
    .abu_m9 dl dd span.t1 strong:before{letter-spacing: -1px;}
    .abu_m9 dl dd span.t2{font-size: 15px;}
    .abu_m9 dl dd span.t3{font-size: 14px;margin-top: 5px;}

    .abu_m10{padding: 40px 20px;margin-bottom: 0;}
    .abu_m10 .sub_title2 h4:after{width: 40px;height: 40px;top: -30px;transform: translate(120px, 0);}

    #faq_list{width: auto;}
    #faq_list ul > li .q{border-radius: 10px;overflow: hidden;border: 1px solid rgba(255,255,255,0.13);}
    #faq_list ul > li .q:before{left: 15px;font-size: 16px;}
    #faq_list ul > li .q:after{right: 15px;font-size: 13px;}
    #faq_list ul > li .q a{line-height: 20px;border-radius: 10px;font-size: 15px;padding: 15px 40px;}
    #faq_list ul > li .a{padding: 20px 40px;}
    #faq_list ul > li .a:before{top: 20px;left: 15px;font-size: 16px;}
    #faq_list ul > li .a p{font-size: 14px;line-height: 20px;}



    .tec_m1{margin-top: -20px;padding: 40px 20px;}
    .tec_m1 dl{display: block;width: auto;}
    .tec_m1 dl dd em{width: 180px;line-height: 35px;border-radius: 35px;font-size: 15px;}
    .tec_m1 dl dd h2{font-size: 22px;line-height: 30px;letter-spacing: -1px;margin-top: 20px;}
    .tec_m1 dl dd p{font-size: 15px;margin-top: 10px;}
    .tec_m1 dl dt{position: relative;margin-top: 20px;}
    .tec_m1 dl dt img{width: 100%;height: auto;}
    .tec_m1 dl dt .smile{display: none;}

    .tec_m2{padding: 40px 0;}
    .tec_m2 .sub_title2 img{width: auto;height: 60px;}

    .tec_m3{padding: 40px 20px !important;}
    .tec_m3 .sub_title2 h4 strong:after{bottom: -12px;width: 100px;height: 14px;}
    .tec_m3 .tecbox{width: auto;border-radius: 15px;overflow: hidden;}
    .tec_m3 .tecbox dt{padding: 0;}
    .tec_m3 .tecbox dt img{width: 100%;height: auto;}
    .tec_m3 .tecbox dd{padding: 30px;padding-top: 40px;}
    .tec_m3 .tecbox dd em{font-size: 16px;}
    .tec_m3 .tecbox dd em img{right: -40px;width: auto;height: 30px;}
    .tec_m3 .tecbox dd p{margin-top: 10px;font-size: 18px;line-height: 26px;letter-spacing: -1px;}
    .tec_m3 .tecbox dd p > strong:before{height: 10px;}

    .tec_m4{background: #f7e760;padding: 40px 20px;}

    #video_roll{width: auto;}
    #video_roll .roll .slick-list{border-radius: 15px;}
    #video_roll .slick-prev{display: none !important;}
    #video_roll .slick-next{display: none !important;}
    #video_roll .slick-dots{margin-top: 30px;}
    #video_roll .slick-dots li{margin: 0 5px;}

    .tec_m7{padding: 40px 20px;}

    .phonic_reviews2{padding: 40px 20px;}
    .phonic_reviews2 .media_title{margin: 30px 0 20px 0;font-size: 18px;}
    .phonic_reviews2 .media_title img{width: 24px;height: auto;margin-right: 5px;margin-top: -2px;}
    .phonic_reviews2 .img{text-align: center;}


}