@charset "utf-8";

@media all and (max-width:1024px){
	.main .importance .img, .main .answer img{display:none;}
}

@media all and (max-width:767px){

/* 공통 구조
**********************************************/

/* 화면 감춤 */
#wrap .only_pc { display:none;}
#wrap .only_mobile { display:block;}

.h20 { height: 10px;}
.h30 { height: 15px;}
.h50 { height: 25px;}

/* Nav */
.header .gnb .area_new { position: inherit;}
.header .gnb_clear { position: fixed; right:-240px; top:0; z-index:90; width:240px; height: 100%; margin-top:0; padding:65px 28px 10px; border-left:1px solid #575651; background-color:#fff; transition: all .3s ease;}
.header .gnb_clear .menu { float: inherit;}
.header .gnb_clear .menu >li { display: block;}
.header .gnb_clear .menu >li >a { padding:17px 0; border-bottom: 1px solid #eee;}
.header .gnb_clear .menu >li:last-child >a { border-bottom:none;}
.header .gnb_clear .menu >li >a .global_new { left: 32px;}
.header .gnb_clear .menu >li >a .global_new img { width:33px; height: auto;}
.header .gnb_clear .menu >li >a span { height: inherit;}
.header .gnb_clear .menu >li >a.active span::before { display: none;}
.header .gnb_clear .menu >li.etc { margin-left: 0; padding-left: 0;}
.header .gnb_clear .menu >li.etc::before { display: none;}
.header .gnb_clear .menu >li ul { padding:10px 0; border-bottom: 1px solid #ddd;}
.header .gnb_clear .menu >li ul li a { display: inline-block; padding:6px 20px; line-height:1.4; border-radius:15px;}
.header .gnb_clear .menu >li ul li a.active { color:#000; font-weight:700; background-color: #ffd500;}
.header .gnb_clear .mylec { display: none;}
.header .gnb_clear.active { position:absolute; right:0;}
.header .gclear { padding:25px 67px 0 95px;}
.header .gclear .logo_search { float: inherit;}
.header .gclear .logo_search h1 { position: absolute; left:30px; top:28px;}
.header .gclear .logo_search h1 a img { width:66px; height:auto;}
.header .gclear .logo_search .dise { display:block; margin-left: 0;}
.header .gclear .logo_search .dise input { width:100%;}
.header .gclear .gmenu { display: none;}
.header .gnb_clear select { width:100%;}
.header .gnb_open { position: absolute; right:30px; top:25px; width:40px; height: 40px; padding:6px; border:1px solid #eee; border-radius:6px;}
.header .gnb_open span { position: absolute; left:6px; width:26px; height:4px; background-color: #4e008c; border-radius:2px;}
.header .gnb_open .t {  top:10px;}
.header .gnb_open .c {  top: 17px;}
.header .gnb_open .b {  top:24px;}
.header .gnb_close { position: absolute; right:26px; top:25px; width:40px; height: 40px;}
.header .gnb_close .t {  top:19px; transform:rotate(45deg);}
.header .gnb_close .b {  top:19px; transform:rotate(-45deg);}
.header .gnb_close span { position: absolute; left:6px; width:26px; height:3px; background-color: #000; border-radius:2px;}
.header .mo_di { clear: both; overflow: hidden; margin-top: 10px;}
.header .mo_di a { width:85px; height: 66px; padding-top:13px; font-size:12px; font-weight:700; text-align:center; border: 1px solid #ddd; border-radius:6px;}
.header .mo_di a i { display:block; margin: 0 auto 7px;}
.header .mo_di a.md_left { float: left;}
.header .mo_di a.md_right { float: right;}
.header .mo_di.di_before a.md_left i { width:15px; height:18px; background: url(../images/ico_logout_mobile.png) no-repeat center center; background-size:15px 16px;}
.header .mo_di.di_before a.md_right i { width:21px; height:18px; background: url(../images/ico_modify_mobile.png) no-repeat; background-size:21px 18px;}
.header .mo_di.di_after a.md_left i { width:15px; height:16px; background: url(../images/ico_login.png) no-repeat; background-size:15px 16px;}
.header .mo_di.di_after a.md_right i { width:16px; height:16px; background: url(../images/ico_member.png) no-repeat; background-size:16px 16px;}
.header .global_lecturer { margin-right: 0; border-bottom: 1px solid #ddd;}
.header .mylec_mo { padding:10px 7px 7px; border:1px solid #ddd; border-radius:6px;}
.header .mylec_mo .myc_header { display:block; padding:6px 0; font-size:12px; font-weight:700; text-align: center;}
.header .mylec_mo .myc_header img { width:17px; height: 17px; margin-right: 4px;}
.header .myc_btns { margin-top:9px; padding-top:10px; border-top:1px solid #eee;}
.header .myc_btns a { display: block; margin-top: 5px;}
.header .myc_btns a img { width:100%; height: auto;}
.header .mylec_mo +p { position:relative; margin-top:12px; padding-left:15px; font-size: 12px; color: rgba(0,0,0,0.58);}
.header .mylec_mo +p::before { content:''; position: absolute; left:0; top:7px; width:4px; height:4px; border-radius:50%; background-color: #4e008c;}

.mobile_menu a { display:block; height:58px; padding:22px 0 0; text-align: center;}
.mobile_menu a span { border-bottom:4px solid transparent;}
.mobile_menu a span img { width:29px; height: auto; vertical-align:bottom;}
.mobile_menu a sup { display: inline-block; margin:-4px 0 0 4px; vertical-align: top;}
.mobile_menu a sup img { width:33px; height:auto;}
.mobile_menu a.active span { position: relative; height: 40px;}
.mobile_menu a.active span::before { content:''; position: absolute; left: 0; bottom:0; width:100%; height:4px; background-color: #fcd700;}


.swiper-container-menu { overflow: hidden;}
.swiper-container-menu.fix { position: fixed; left:0; top:0; z-index:10; width:100%; border-bottom:1px solid #d1d1d1; background-color:#fff; box-shadow:0 4px 12px rgb(0 0 0 / 5%);}
.swiper-container-menu .swiper-notification { display: none;}
.swiper-container-menu .swiper-slide:nth-child(5) { min-width:120px !important;}

/* LNB */
.lnb { display: none !important;}

/* Contents */
.contents { width: 100%; min-height: 600px;}
.sub_commom { margin-top: 0;}
.explanation { margin-top: 0;}

/* Footer */
.footer { margin-top:40px; padding: 30px 0; text-align: center;}
.footer .links a { margin:0 6px; font-size: 12px;}
.footer .infomation { margin-top:20px;}
.footer .infomation >img { display: none;}
.footer .infomation .ceo { font-size: 13px;}
.footer .infomation .s { font-size: 12px;}
.footer .infomation .copyright { font-size: 12px;}
.footer .apps { display:none; position: inherit; right:inherit; top:inherit; margin-top: 15px;}
.footer .apps a {width: 32%;margin-left: 1%;}
.footer .apps a:first-child{margin-left:0;}
.footer .apps a img { width:100%; height: auto;}
.footer .sns a { width:38px; height: 38px;}
.footer .sns { display:inline-block; position: inherit; right:inherit; top:inherit; margin-top: 15px;}
.footer .sns img.g { width:12.5px; height: auto;}
.footer .sns img.f { width:7.5px; height: auto;}
.footer .sns img.i { width:12.5px; height: auto;}








/* 공통 STYLE
**********************************************/

/* 아이콘 */
#my_wrap .icons,
#wrap .icons { background-position:0 -50px; background-size:50px 100px}
.icons.sns_google { width:13px; height:9px;}
.icons.sns_facebook { width:7px; height:12px;}
.icons.sns_instagram { width:13px; height:13px;}
.icons.sns_blog{width:21px;height:10px;}
.icons.favicon { width:16px; height:17px;}
.icons.naver { height:19px;}
.icons.kakao { height:24px;}

/* 체크박스 */
#wrap .checkbox2 +label,
#my_wrap .checkbox2 +label { background: url(../images/ico_checkbox2_mobile.png) no-repeat; background-size: 18px 42.66px; }
#wrap .checkbox2:checked +label,
#my_wrap .checkbox2:checked +label { background-position: 0 -25px;}

/* 강의 목록 */
.teacher_list >li { margin-top:12px; padding:25px 0 0; border:1px solid #eee; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.08);}
.teacher_list >li >a { overflow:hidden; height:62px; padding:0 10px 0 120px;}
.teacher_list >li .situation { position: inherit; right: inherit; top: inherit; margin-top: 8px; padding-left: 120px;}
.teacher_list >li .situation >div.cont i { background-position:-19px 9px; background-size: 50px 100px;}
.teacher_list >li .situation >div.hart i { background-position:-19px 9px; background-size: 50px 100px;}
.teacher_list >li .situation >div i.active { background-position:-19px -41px; }
.teacher_list >li .picture { left:16px; top:39px; margin-top: 0;}
.teacher_list >li .situation >div { margin: 0 12px 0 0;}
.teacher_list >li .situation >div span { display: inline-block; margin-left: 4px;}
.teacher_list >li .picture .favorite img { width:16px; height: 15px;}
.teacher_list >li .info { margin-top:16px; padding:15px; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.teacher_list >li .btns { position: relative; right: inherit; top: inherit; margin: 0; transform:inherit;}
.teacher_list >li .btns::after { display:block; clear:both; visibility:hidden; height:0; content:'.';}
.teacher_list >li .btns >button { float:left; width:50%; height:inherit; margin: 0;  padding:17px 0; font-size:14px; font-weight:700; color: rgba(0,0,0,0.78); line-height:140%; border:none; background-color:#fff; border-radius:0 0 12px 12px;}
.teacher_list >li .btns >a { float:left; width:50%;  height:inherit; margin: 0; padding:17px 0; border:none; font-size:14px; font-weight:700; color: rgba(0,0,0,0.78); line-height:140%; background-color:#fff; border-radius:0 0 12px 12px;}
.teacher_list >li .btns::before { content:''; position:absolute; left:50%; top:50%;  width:2px; height:20px; margin:-10px 0 0 -1px; background-color: #f6f6f6;}
.teacher_list >li .t { display:-webkit-box; margin-top:4px; font-size: 14px; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.teacher_list >li .sample { top:inherit; right:0; width:100%; margin-top: 10px;}
.teacher_list >li .sample::before { left:50%; right:inherit; margin-left: calc(-25% - 8px);}
.teacher_list >li .sample ul li p { font-size: 12px;}

/* 배즐 선생님 및 통합검색에서 나오는 선생님 목록 */
.teacher_info  { margin:0 0 0 -3%;}
.teacher_info li { width:47%; margin:25px 0 0 3%;}
.teacher_info li a .t { font-size: 20px;}
.teacher_info li a small { margin-left: 5px;}
.teacher_intro .figure { overflow:hidden; width:460px; height: 335px; margin: 0 auto;}
.teacher_intro .figure img { width:auto; height:335px; transform:translate(-53%, 0);}
.teacher_intro .area { padding:0;}
.teacher_intro .column { margin-top: 25px;}
.teacher_intro .column ul li { font-size: 12px; line-height: 22px;}
.teacher_intro .history { padding:40px 15px 25px;}
.teacher_intro .history .area { padding:17px 0; border-top:2px solid #000;}
.teacher_intro h3 { position: inherit; left:inherit; top:inherit;}
.teacher_intro h4 { font-size: 18px; line-height: 25px;}
.teacher_intro .youtube { padding: 30px 0;}
.teacher_intro .youtube .text-group p { font-size: 12px;}
.teacher_intro .youtube .box .iframe { width:270px; height:152px; margin-top:15px;}
.teacher_intro .books { margin-top:-65px; padding:70px 15px 30px;}
.teacher_intro .book_column {display:block; margin-top: 10px;}
.teacher_intro .book_column ul{margin-bottom:32px;}
.teacher_intro .book_column ul:nth-child(2){padding-left:0;}
.teacher_intro .book_column ul:last-child{margin-bottom:0;}
.teacher_intro .book_column ul li dt, .teacher_intro .book_column ul li dd{margin-top: 16px;}
.teacher_intro .youtube .text-group { margin-top: 15px;}
.teacher_intro .youtube .text-group i.quotation { margin-bottom: 4px;}
.teacher_intro .youtube .box { margin-top: 0;}
.teacher_intro .youtube .box .iframe a { font-size: 14px;}
.teacher_intro .youtube .box .iframe a i { width:40px; height:40px; background-size: 100px 100px;}
.teacher_intro .youtube .box .iframe .player_click i { background-position:0 -50px;}
.teacher_intro .youtube .box .iframe .player2_click i { background-position:-50px -50px;}

/* 통합검색 핀셋 목록 */
.pincette_list li { padding:14px 0;}
.pincette_list li .mobile_line { margin-top:12px; padding:16px 0 0 10px; border-top: 1px solid #eee;}
.pincette_list li .time { display:inline-block; position: inherit; right:inherit; top:inherit; margin-top: 0;}
.pincette_list li .play { position: inherit; right:inherit; top:inherit; margin: 0 0 0 45px;}
.pincette_list li .down { display:inline-block; position: inherit; right:inherit; top:inherit; margin: 0 0 0 27px; text-align: left;}

/* QnA, 수강후기 */
.qna >ul >li .estimation span.choice img.only_pc { display: none !important;}
.qna >ul >li .estimation span.choice img.only_mobile { display: inline-block !important; width:16px; height: 15px;}



/* Split
**********************************************/
.split { display: inline-block; vertical-align: middle; background: url(../images/split.png) no-repeat; background-size: 250px 250px;}
i.new_window { width:13.5px; height:12.5px; background-position: 0 0;}
i.quotation {  width:14px; height:9px; background-position: 0 -20px;}







/* 테이블
**********************************************/
.bhtable th,
.bhtable td { display: block; width:100%;}




/* 레이어
**********************************************/
#wrap .join_layer .hp_mody { padding: 33px 0 0;}
#wrap .join_layer input,
#wrap .join_layer select { height: 26px;}
#wrap .join_layer .hp_mody .hp_modi .ib { padding-top: 5px;}
.join_layer .join_modify_text { padding:10px 10px 0; font-size:13px;}

.join_layer .body { left: 0; top: 0; width: 100%; min-height: 100%; margin-left: 0; transform: translate(0, 0);}
.join_layer .body h3 { padding: 21px 0 11px; font-size: 16px;}
.join_layer .close { top:10px;}
.join_layer .work .step1 { padding: 10px;}
.join_layer .work .step1 .search .por { padding-right: 30px;}
.join_layer .work .step1 .search .por button { width:26px; height:26px;}
.join_layer .work .step1 .member_overy { height:calc( 100vh - 220px );}
.join_layer .work .step1 .center li { padding: 6px 54px 6px 0;}
.join_layer .work .step1 .center li button { margin-top:-12px; padding:4px 5px; font-size: 13px;}
.join_layer .work .step2 { padding: 30px 10px 10px;}
.join_layer .work .step2 .select { margin-top: 30px;}
.join_layer .work .step2 .select li { width: 45%; margin-left: 5%;}
.join_layer .work .step2 .select li:first-child { margin-left: 0;}
.join_layer .work .step2 .select li img { width: auto; height: 60px;}
.join_layer .work .step2 .select li button { width: 100%; padding: 0; font-size: 13px;}
.join_layer .work .step3 { padding: 30px 10px 10px;}
.join_layer .work .step3 .terms input { width: 16px; height: 16px;}
.join_layer .work .step3 .terms label { font-size: 13px;}
.join_layer .work .step3 .terms textarea { height: 120px; padding: 5px;}
.join_layer .work .step3 .terms .tbody { height: 100px;}
.join_layer .work .step4 { padding: 10px;}
.join_layer .work .step4 .h40 { height:20px;}
.join_layer .work .step4 .form .mody { padding: 33px 0 0;}
.join_layer .work .step4 .pic .pic_body { width:90px; height:90px;}
.join_layer .work .step4 .pic .pic_body >img { width:90px; height:90px;}
.join_layer .work .send { width: 100%; margin-top: 10px; font-size: 13px;}
.join_layer .work .step5 { padding: 10px;}
.join_layer .work .step5 .form .call button { height: 26px; font-size: 13px;}
.join_layer .work .step5 .send { width: 100%; padding: 0; font-size: 13px;}
.join_layer .work .step6 { padding: 10px;}
.join_layer .work .step6 .form .g { padding-left: 0;}
.join_layer .work .step7 { padding: 10px;}
.join_layer .work .step8 { padding: 10px;}
.join_layer .work .step8 .tblue { font-size: 18px;}
.join_layer .work .step8 .t { font-size: 18px;}
.join_layer .work .step8 .tblue .initial { font-size: 15px;}

/* 아이디 찾기 */
.join_layer .id_step1 { padding: 20px 10px 10px;}
.join_layer .id_step1 .s { font-size: 14px;}
.join_layer .id_step1 .form { margin-top: 20px;}
.join_layer .id_step2 { padding: 20px 10px 10px;}
.join_layer .id_step2 .btns { margin-top: 30px;}
.join_layer .id_step2 h4 { font-size: 16px;}
.join_layer .id_step2 .s { font-size: 24px;}

.cs_layer { padding:10px;}
.cs_layer .body { width: 100%;}
.cs_layer .body .cs_contents { padding:15px;}
.cs_layer .body table { margin-top: 25px;}
.cs_layer .body .form .filebody .fs { position: inherit; right: inherit; top:inherit; width:inherit; margin-top: 10px;}
.cs_layer .body .form .mo_space { display: block; margin-top: 5px;}
.cs_layer .body .form .mo_space input[type=text] { width:100% !important;}
.cs_layer .body .form .mo_space select { width:75px !important;}
.cs_layer .body .form .mo_space .dash +input[type=text] { width:65px !important;}
.cs_layer .body .form .g { padding-left: 0;}

/* 메인 팝업 */
.main_popup { position: absolute; left: 30px; right:20px; top:80px; margin-left:0;}



/* 로그인
**********************************************/
.login .contents { width: 100%;}
.login .btn img.only_pc { display: none !important;}
.login .btn img.only_mobile { display: inline-block !important;}
.login .btn.naver img { width:22px; height: auto;}
.login .btn.kakao img { width:24px; height: auto;}






/* 메인
**********************************************/
.main .front .qa { font-size: 60px !important;font-family: 'Noto Sans Kr';font-weight: bold;margin-top: -11px;margin-left:0 !important;}
.main .front .blackhansans { font-size: 38px;margin-left:15px;}
.main .strong_text { margin-top:20px; font-size: 38px; line-height: 38px;}

/* 2021-12-21 메인 비주얼 슬라이드 추가 */
.visual_wrap .area_new{padding: 0;}
.visual_wrap h2{left:20px;font-size: 40px;line-height: 38px;}
.visual_slide .swiper-slide .text{position: absolute;top: 0;left: 20px;margin-top: 86px;}
.visual_slide .swiper-slide .text h3{font-size: 16px;}
.visual_slide .swiper-slide .text h3 span{font-size: 22px;}
.visual_slide .swiper-slide .text h3 span::before{bottom:0px;height: 12px;}
.visual_slide .swiper-slide .text ul{margin-top: 6px;}
.visual_slide .swiper-slide .text ul li{font-size: 14px;line-height: 24px;}
.visual_slide .swiper-slide .text ul li::before{top: 9px;}
.visual_slide .swiper-slide .img{padding-top: 208px;}

.visual_teacher_slide{top: 0;height: 97px;border-radius: 0;}
.visual_teacher_slide .swiper-slide .text{top: 15px;left: 15px;}
.visual_teacher_slide .swiper-slide .text span{margin-bottom: 4px;font-size: 12px;}
.visual_teacher_slide .swiper-slide .text strong{font-size: 30px;}
.visual_teacher_slide .swiper-control{top: 8px;right:24px;}
.visual_teacher_slide .swiper-control > div{width: 24px;height: 24px;background: url("../images/icon_swiper_arrow_mobile_2x.png") no-repeat 0 0;background-size: 48px 24px;}
.visual_teacher_slide .swiper-control > .swiper-button-prev2{background-position: -24px 0;}

.main .answer .qbody p { width:100%;}
.main .answer img{display:block;}
.main .importance h2 { font-size: 60px; line-height:inherit;}
.main .importance h2 span { display: block;}
.main .importance .img { display:block; position: inherit; right:inherit; bottom:inherit; max-width: 100%; height: auto; margin:0 auto;}
.main .importance .system { margin-top:5px; font-size: 18px;}
.main .importance ul{margin-top:10px;}
.main .importance ul li { margin-bottom:4px; font-size: 14px; line-height: 24px;}
.main .importance ul li span { display: inline-block;}
.main .importance ul li span:nth-child(2){margin-left: 11px;}
.main .importance a { margin-top:20px; font-size: 13px;}
.main .importance .mo_text_right { text-align: left;}
.main .front { padding-left: 50px;}

.main .questions { margin-top:-200px; padding: 260px 0 115px;}
.main .questions .qbody { padding:0 0 0 65px;}
.main .questions ul { margin-top: 0;}
.main .questions ul li { float: inherit; width:100%; margin-top:20px; padding-left:50px; font-size: 16px;}
.main .questions ul li .strong { margin-top:3px; font-size: 18px;}
.main .questions ul li p { line-height: 24px;}
.main .questions ul li img { top:3px; width:43px; height:auto;}
.main .questions ul li .strong +p { font-size:14px; line-height: 24px;}

.main .answer { padding:50px 0}
.main .answer img { right:20px; top:-103px; width:170px; height: auto;}
.main .answer .qbody { padding:15px 0 0 50px;}
.main .answer .qbody p { margin-top:10px; font-size: 14px; line-height:24px;}

.main .njoy .small { display:block; margin-bottom:20px; font-size: 15px;}
.main .njoy .strong { margin-left:0; font-size: 57px;}
.main .njoy .strong::before { height: 2px;}

.main .joy1 { margin-top:-110px; padding:200px 0 130px;}
.main .joy1 .jua { font-size: 50px;}
.main .joy1 .joy_body { background-size: 379px 140px;}
.main .joy1 .twins { margin-top:65px; padding:0 10px;}
.main .joy1 .twins dt { min-height:146px; padding:20px 20px 5px;}
.main .joy1 .twins dt span { height:28px; font-size: 13px;}
.main .joy1 .twins dt p { margin-top:15px; font-size: 16px; line-height:21px}
.main .joy1 .twins dd { display: none;}
.main .joy1 .twins .online { width:75%;}
.main .joy1 .twins .online dt { border-radius: 20px 73px 73px 20px;}
.main .joy1 .twins .offline { width:75%; margin-top: -30px;}
.main .joy1 .twins .offline dt { border-radius: 73px 20px 20px 73px;}

.main .joy2 .st { font-size: 16px; line-height: 24px;}
.main .joy2 .joy_titure { height: 260px; margin-top: 20px;}
.main .joy2 .joy_titure .left { float: inherit; width:100%;}
.main .joy2 .joy_titure .left img { width:auto; height: inherit; max-height: 260px;}
.main .joy2 .joy_titure .right { display: none !important;}
.main .joy2 .joy_titure .left .poa { top:0;}
.main .joy2 .joy_titure .left .poa .title { font-size: 22px; letter-spacing: -2px;}
.main .joy2 .joy_titure .left .poa .subject { font-size: 14px;}
.main .joy2 .joy_titure .left .poa .name { font-size: 18px;}
.main .joy2_list .bn{right: 20px;}
.main .joy2_list .bp{right: 53px;}

.main .joy3 { margin-top:-110px; padding:200px 0 130px;}
.main .joy3 .title { margin-top: 30px;}
.main .joy3 .title span { font-size: 55px; line-height: 55px;}
.main .joy3 .title .bcg { margin-right:-28px; padding:23px 35px; border-radius:50px;}
.main .joy3 .title .round { padding:20px 33px; border:3px solid #4e008c; border-radius:50px;}
.main .joy3 .title p { font-size: 30px;}
.main .joy3 .joy_list { margin-top: 30px;}
.main .joy3 .joy_list li { width:48%;}
.main .joy3 .joy_list li dt { font-size: 16px; line-height:22px;}
.main .joy3 .joy_list li dd { margin-top:10px; font-size: 14px; line-height:20px;}
.main .joy3 .joy_list li dd:last-child { display: none;}
.main .joy3 .joy_list li dt +dd { min-height:80px;}

.main .joy4 .twins { margin-top: 30px;}
.main .joy4 .twins .left { display:block; float: inherit; padding:0 20px;}
.main .joy4 .twins .left img { width: 100%; height: auto;}
.main .joy4 .twins .right{ float: inherit; width:inherit; margin-top: 10px;}
.main .joy4 .twins .right dt { font-size: 24px; text-align: center;}
.main .joy4 .twins .right dd { margin-top:10px; font-size: 16px; text-align: center; line-height:20px;}
.main .joy4 .joybox { padding: 20px 30px;}
.main .joy4 .joybox .left { float: inherit; width:100%; font-size: 13px; line-height: 20px;}
.main .joy4 .joybox .left br { display: none;}
.main .joy4 .joybox .right { float: inherit; width:100%; margin-top:10px; padding-left:0; font-size: 13px; line-height: 20px;}

.main .cheerup { padding:60px 0 45px; background-size: 449px 259px; background-position:center 20px;}
.main .cheerup .tier { font-size: 55px;}
.main .cheerup .cheer { margin-top:-34px; font-size: 55px;}
.main .cheerup .tup { width:inherit; margin-top:10px; font-size: 16px; text-align: center;}
.main .cheerup .program .title { font-size: 28px; text-align: center;}
.main .cheerup .program .bt { font-size: 16px; text-align: center;}
.main .cheerup .program .st { margin-top:20px; font-size: 14px; text-align: center; line-height: 1.5;}
.main .cheerup .img { position: inherit; right: inherit; bottom:inherit; width:100%; height: auto;}
.main .cheerup .program .point { display:block; margin-top:5px; font-size: 16px;}
.main .cheerup .text_guide { margin-top: 50px; padding:20px; border-radius:30px;}
.main .cheerup .text_guide figure { margin-top: 15px;}
.main .cheerup .text_guide figure img { width:100%; height: auto;}
.main .cheerup .out { font-size: 38px;}

.main .space .space_body { margin-top: 30px;}
.main .space .space_body .left { float: inherit; width:100%;}
.main .space .space_body .left img { width:100%; height: auto;}
.main .space .space_body .right { float: inherit;}
.main .space .space_body .right .top { font-size: 15px;}
.main .space .space_body .right .mt { font-size: 28px;}
.main .space .space_body .right .txt { font-size: 13px;}
.main .space .space_body .right a { margin-top: 20px; padding:10px 20px; font-size: 14px;}

/* 실시간 강의
**********************************************/
.main .live_lecure{padding-top: 0;}
.main .live_lecure .live_list > li{height: 100px;border-radius: 0;}
.main .live_lecure .live_list > li .live_info{width: 65%;padding-right: 12px;}
.main .live_lecure .live_list > li .live_info .name{margin-right: 0;}
.main .live_lecure .live_list > li .live_info .text{width: 100%;height: 38px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;overflow: hidden;}
.main .live_lecure .live_list > li .file_wrap .file_btn{line-height: inherit;margin-top: 24px;}
.main .live_lecure .live_list > li .file_wrap .file_btn i{display: block;float: none;position: inherit;margin: 0 auto;}
.main .live_lecure .live_list > li .file_wrap .file_btn span{display: block;margin: 4px 0 0 0;line-height: inherit;font-size: 11px;}
.main .live_lecure .later_live .file_list{top: 83px;}
.main .live_lecure .file_list{top: 83px;}





/* 동영상 플레이어
**********************************************/
.video { min-width:inherit; height: initial; padding-right: 0;}
.video .plyer { height: 500px;}
.video .reason { position: inherit; right: inherit; top: inherit; width: 100%; height: initial; padding: 18px;}
.video .reason .tab { position: inherit; left: inherit; top: inherit; width: 100%;}
.video .lecture { padding:0;}
.video .lecture .poa { position: inherit; left: inherit; top: inherit; width: 100%; padding:10px 0;}
.video .overflow { height: initial;}
.video .lecture .list li { padding:10px 10px 10px 63px;}
.video .target { height: initial;}









/* 배즐 선생님
**********************************************/
.teacher .title_bg { height: 250px; padding-top:30px;}
.teacher .title_bg .text_img { width:113px; height: auto;}
.teacher .title_bg .picture_img { width:960px; height: auto;}
.teacher .tec_info{padding-top: 30px;}
.teacher .tec_ani { height: 60px;}
.teacher .tec_ani span { font-size: 6vw; line-height: 40px;}
.teacher .swiper-slide-active .tec_ani .ta_2 img {bottom:90px;width: 70px;height: 25px;margin-left: -35px;}
@keyframes ta_2 {
    0%   { width:70px; height:0; bottom:20px;}
    10%  { width:70px; height:35px; bottom:20px;}
    20%  { width:70px; height:35px; bottom:20px;}
    40%  { width:70px; height:25px; bottom:20px;}
    60%  { width:70px; height:35px; bottom:20px;}
    80% { width:70px; height:25px; bottom:20px;}
    100% { bottom:80px;}
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;}







/* 통합 검색
**********************************************/
.se_result .teacher_info li a { padding:35px 0 38px 102px;}






/* 나의 강의실
**********************************************/
.graybox .iframe_box iframe { float: inherit; display:block; width:386px; height: 217px; margin:0 auto;}
.graybox .iframe_box iframe +iframe { margin:10px auto 0;}












}


@media all and (max-width:479px){
	.teacher .ti_text{font-size:18px;}
	.teacher .tec_ani {height: 40px;}
	@keyframes ta_2 {
	    0%   { width:70px; height:0; bottom:10px;}
	    10%  { width:70px; height:30px; bottom:10px;}
	    20%  { width:70px; height:30px; bottom:10px;}
	    40%  { width:70px; height:25px; bottom:10px;}
	    60%  { width:70px; height:30px; bottom:10px;}
	    80% { width:70px; height:25px; bottom:10px;}
	    100% { bottom:80px;}
	}
	.main .live_lecure .live_list > li .live_info{width: 55%;}
}
@media all and (max-width:414px){
	.main .live_lecure .live_list > li .live_info .time, .main .live_lecure .live_list > li .live_info .name{font-size: 13px;}
}