@charset "utf-8";
/** 화상영어란? **/
.manager_area{padding:10px 3% 30px 3%;}
.manager_text{line-height:1.6; text-align:center; padding:0 0 20px 0; color:#606060;}
.manager_text .bold{font-weight:500; font-size:15px; color:#333;}
.img_manager{width:100%;}

.effect_wrap{background:url(../images/bg_effect.png) no-repeat center center; background-size:cover; padding:30px 3%;}
.effect_area{}
.effect_left{padding:20px 0 20px 0;}
.effect_left_caption{color:#333; font-weight:400; font-size:24px; text-align:center; padding:0 0 25px 0; font-family:'Jua', sans-serif;}
.effect_left_caption .bold{font-weight:500;}
.effect_table{width:100%; border-spacing:0; font-size:13px; margin-left:5px;}
.effect_table th{height:32px; font-weight:400; width:70px;}
.effect_table .bullet{display:inline-block; width:4px; height:4px; background-color:#333; border-radius:50%; vertical-align:3px; margin-right:8px;}
.colon{width:12px; text-align:center;}
.img_effect{width:100%;}

.edge_wrap{padding:30px 3%; text-align:center;}
.img_best{width:100%; margin-top:-30px;}

.infra_wrap{background-color:#fbf9f0; padding:30px 3%; text-align:center;}
.infra_list li{background-color:#fff; border:1px solid #e9e9e9; border-bottom:0; border-bottom:4px solid #f0c468; overflow:hidden; padding:25px 0; position:relative; margin:0 0 15px 0;}
.infra_img_area, .infra_line, .infra_text{float:left;}
.infra_img_area{width:40%;}
.infra_text{width:58%;}
.infra_img{width:108px;}
.infra_line{width:1px; height:80px; background-color:#222;}
.infra_text{color:#333; font-size:16px; font-weight:500; line-height:1.4; padding:5px 0 0 0;}
.infra_list li:nth-child(2) .infra_text{padding:18px 0 0 0;}
.infra_list li:nth-child(3){margin-bottom:0;}
.infra_list .normal{font-weight:400;}

.bold_green{color:#56a79b; font-weight:500;}
.bold_pink{color:#f95659; font-weight:500;}

@media all and (min-width:480px){
.effect_table{width:360px; margin:0 auto;}
}
@media all and (min-width:640px){
.manager_text .break{display:inline;}

.effect_table{width:360px; font-size:14px;}
.img_effect{width:470px; display:block; margin:0 auto;}	
	
.edge_wrap{padding:50px 3%;}

.infra_wrap{padding:50px 0;}
.infra_list{overflow:hidden; width:600px; margin:0 auto;}
.infra_list li{padding:45px 0 50px 0; margin:0 0 0 0; float:left; width:32.5%; margin-right:1.25%; text-align:center;}
.infra_img_area, .infra_line, .infra_text{float:none; display:inline-block;}
.infra_img_area, .infra_text{width:100%;}
.infra_img{width:130px;}
.infra_line{width:26px; height:1px; display:block; margin:30px auto;}
.infra_list li:nth-child(2) .infra_text{padding:5px 0 0 0;}
.infra_list li:last-child{margin-right:0;}
}
@media all and (min-width:768px){
.manager_area{width:760px; margin:0 auto; padding:30px 0 50px 0;}
.manager_text{padding:0 0 30px 0; font-size:15px;}
.manager_text .bold{font-size:16px;}

.effect_wrap{padding:50px 0;}
.effect_area{overflow:hidden; width:700px; margin:0 auto;}
.effect_left{float:left; width:390px; padding:45px 0 30px 0;}
.effect_right{float:right; width:300px;}
.img_effect{width:100%;}
.effect_left_caption{font-size:28px; text-align:left; padding:0 0 25px 20px;}
.effect_table{font-size:15px; width:100%;}
.effect_table th{width:78px;}
.effect_table .bullet{vertical-align:4px;}
.colon{width:15px; text-align:center;}

.edge_wrap{padding:50px 0;}
.img_best{margin-top:-60px;}

.infra_wrap{padding:50px 0;}
.infra_list{width:740px;}
.infra_list li{width:31.4%; margin-right:2.9%;}
.infra_img{width:145px;}
}
@media all and (min-width:1024px){
.manager_area{width:1000px;}

.effect_area{width:900px;}
.effect_left{width:420px; padding:130px 0 65px 0;}
.effect_right{width:440px;}
.effect_table{font-size:16px;}
.effect_table th{width:82px;}
.colon{width:20px; text-align:center;}

.img_best{margin-top:-65px;}

.infra_list{width:900px;}
.infra_list li{width:30.8%; margin-right:3.8%;}
.infra_img{width:180px;}
.infra_line{width:26px; height:1px; display:block; margin:30px auto;}
.infra_list .break{display:inline;}
}
@media all and (min-width:1280px){
.manager_area{width:1080px; padding:50px 0 70px 0;}
.manager_text{padding:0 0 40px 0; font-size:16px;}
.manager_text .bold{font-size:17px;}
.img_manager{width:1060px; display:block; margin:0 auto;}

.effect_wrap{padding:70px 0;}
.effect_area{width:930px;}
.effect_left{padding:135px 0 70px 0;}
.effect_right{fwidth:470px;}
.effect_left_caption{font-size:32px; text-align:left; padding:0 0 25px 10px;}

.edge_wrap{padding:70px 0;}
.img_best{margin-top:-70px; width:1000px;}

.infra_wrap{padding:70px 0;}
.infra_list{width:1080px;}
.infra_list li{padding:45px 0 50px 0; width:30.8%; margin-right:3.8%;}
.infra_img{width:200px;}
.infra_text{font-size:18px;}
.infra_line{width:26px;}
}

/** 3단계 학습시스템 **/
.step_wrap{padding:30px 3% 10px 3%;}

.step1_wrap{background:url(../images/img_step_1_bg.png) no-repeat center; background-size:cover;}
.step1_area{height:520px;}
.step1_left{border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; height:180px; padding:20px 0 0 0; margin-bottom:30px;}
.step1_left_caption{color:#333; font-weight:500; font-size:20px; text-align:center; padding:0 0 20px 0;}
.step1_left_caption .normal{font-weight:400;}
.step1_list{padding-left:30px;}
.step1_list li{padding-left:14px; line-height:26px; position:relative;}
.step1_list li:before{content:''; position:absolute; width:4px; height:4px; border-radius:50%; background-color:#333; left:0; top:11px;}
.img_step1{width:320px; display:block; margin:0 auto;}

.step2_wrap{background:url(../images/img_step_2_bg.png), url(../images/img_step_2.png); background-repeat:no-repeat, no-repeat; background-position:left bottom, center 71%; background-size:contain, 85%;}
.step2_area{height:520px;}
.step2_left{border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; height:180px; padding:20px 0 0 0; margin-bottom:30px;}
.step2_left_caption{color:#333; font-weight:500; font-size:20px; text-align:center; padding:0 0 20px 0;}
.step2_left_caption .normal{font-weight:400;}
.step2_list{padding-left:30px;}
.step2_list li{padding-left:14px; line-height:26px; position:relative;}
.step2_list li:before{content:''; position:absolute; width:4px; height:4px; border-radius:50%; background-color:#333; left:0; top:11px;}

.step3_wrap{background:url(../images/img_step_3_bg.png); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.step3_area{height:520px;}
.step3_left{border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; height:180px; padding:20px 0 0 0; margin-bottom:30px;}
.step3_left_caption{color:#333; font-weight:500; font-size:20px; text-align:center; padding:0 0 20px 0;}
.step3_left_caption .normal{font-weight:400;}
.step3_list{padding-left:30px;}
.step3_list li{padding-left:14px; line-height:26px; position:relative;}
.step3_list li:before{content:''; position:absolute; width:4px; height:4px; border-radius:50%; background-color:#333; left:0; top:11px;}
.img_step3{width:320px; display:block; margin:0 auto;}

@media all and (min-width:480px){
.step2_wrap{background:url(../images/img_step_2_bg.png), url(../images/img_step_2.png); background-repeat:no-repeat, no-repeat; background-position:left bottom, center 71%; background-size:contain, 64%;}	
}
@media all and (min-width:640px){
.step_wrap{padding:50px 0 45px 0;}	
	
.step1_wrap{background:none; padding:0;}
.step1_area{overflow:hidden; width:620px; margin:0 auto; background:url(../images/img_step_1_bg.png) no-repeat center right; background-size:contain; padding:10px 0 0 0; height:320px;}
.step1_left{float:left; width:290px; height:200px; padding:30px 0 0 0; margin:0 0 0 0;}
.step1_left_caption{font-size:20px; text-align:left; padding:0 0 20px 16px;}
.step1_list{padding-left:15px; font-size:14px;}
.step1_list li{padding-left:14px; line-height:26px;}
.step1_list li:before{left:0; top:11px;}
.step1_right{float:right; width:320px; padding:5px 0 0 0;}
.img_step1{width:100%;}

.step2_wrap{padding:0; background:none;}
.step2_area{width:620px; margin:0 auto; padding:10px 0 0 0; background:url(../images/img_step_2_bg.png), url(../images/img_step_2.png); background-repeat:no-repeat, no-repeat; background-position:right bottom, 96% top; background-size:contain, 48%; height:320px;}
.step2_left{width:290px; height:200px; padding:30px 0 0 0; margin:0 0 0 0;}
.step2_left_caption{font-size:20px; text-align:left; padding:0 0 20px 16px;}
.step2_list{padding-left:15px; font-size:14px;}
.step2_list li{padding-left:15px; line-height:26px;}
.step2_list li:before{left:0; top:11px;}

.step3_wrap{background:none; padding:0;}
.step3_area{overflow:hidden; width:620px; margin:0 auto; background:url(../images/img_step_3_bg.png) no-repeat center right; background-size:contain; padding:10px 0 0; height:320px;}
.step3_left{float:left; width:290px; height:200px; padding:30px 0 0 0; margin:0 0 0 0;}
.step3_left_caption{font-size:20px; text-align:left; padding:0 0 20px 16px;}
.step3_list{padding-left:15px; font-size:14px;}
.step3_list li{padding-left:14px; line-height:26px;}
.step3_list li:before{left:0; top:11px;}
.step3_right{float:right; width:320px; padding:5px 0 0 0;}
.img_step3{width:100%;}
}
@media all and (min-width:768px){
.step_wrap{padding:50px 0;}	
	
.step1_area{width:760px; padding:15px 0 0 0; height:370px;}
.step1_left{width:295px; height:220px; padding:40px 0 0 0; margin:13px 0 0 0;}
.step1_right{width:420px;}

.step2_area{width:760px; margin:0 auto; padding:15px 0 0 0; background:url(../images/img_step_2_bg.png), url(../images/img_step_2.png); background-repeat:no-repeat, no-repeat; background-position:right bottom, 90% top; background-size:contain, 46%; height:370px;}
.step2_left{width:295px; height:220px; padding:40px 0 0 0; margin:13px 0 0 0;}
.step2_left_caption{font-size:20px; padding:0 0 20px 16px;}
.step2_list{padding-left:15px; font-size:14px;}
.step2_list li:before{left:0; top:11px;}

.step3_area{width:760px; padding:15px 0 0 0; height:370px;}
.step3_left{float:left; width:295px; height:220px; padding:40px 0 0 0; margin:13px 0 0 0;}
.step3_left_caption{font-size:20px; text-align:left; padding:0 0 20px 16px;}
.step3_list{padding-left:15px; font-size:14px;}
.step3_list li{padding-left:14px; line-height:26px;}
.step3_list li:before{left:0; top:11px;}
.step3_right{float:right; width:420px;}
}
@media all and (min-width:1024px){
.step_wrap{padding:50px 0;}		
	
.step1_area{width:1000px; padding:20px 0 0 0; height:550px;}
.step1_left{width:340px; height:290px; padding:70px 0 0 0; margin:45px 0 0 0;}
.step1_left_caption{font-size:24px;}
.step1_list{padding-left:25px; font-size:15px;}
.step1_list li:before{top:12px;}
.step1_right{width:620px;}

.step2_area{width:1000px; padding:20px 0 0 0; background-size:contain, 53%; height:550px;}
.step2_left{width:340px; height:290px; padding:70px 0 0 0; margin:45px 0 0 0;}
.step2_left_caption{font-size:24px;  padding:0 0 20px 26px;}
.step2_list{padding-left:25px; font-size:15px;}
.step2_list li:before{left:0; top:12px;}

.step3_area{width:1000px; padding:20px 0 0 0; height:550px;}
.step3_left{float:left; width:340px; height:290px; padding:70px 0 0 0; margin:45px 0 0 0;}
.step3_left_caption{font-size:24px; text-align:left; padding:0 0 20px 26px;}
.step3_list{padding-left:25px; font-size:15px;}
.step3_list li{padding-left:15px; line-height:26px;}
.step3_list li:before{left:0; top:12px;}
.step3_right{float:right; width:620px;}
}
@media all and (min-width:1280px){
.step_wrap{padding:70px 0;}
	
.step1_area{width:1080px; padding:25px 0 0 0; height:570px;}
.step1_left{float:left; width:370px; height:300px; padding:75px 0 0 0; margin:50px 0 0 0;}
.step1_left_caption{font-size:24px; padding:0 0 20px 26px;}
.step1_list li{padding-left:15px;}
.step1_list li:before{top:12px;}
.step1_right{width:650px;}

.step2_area{width:1080px; margin:0 auto; padding:25px 0 0 0; background-position:right bottom, 89% top; background-size:contain, 53%; height:570px;}
.step2_left{width:370px; height:300px; padding:75px 0 0 0; margin:50px 0 0 0;}
.step2_left_caption{font-size:24px; padding:0 0 20px 26px;}
.step2_list li:before{left:0; top:12px;}

.step3_area{width:1080px; padding:30px 0 0 0; height:570px;}
.step3_left{float:left; width:370px; height:300px; padding:75px 0 0 0; margin:50px 0 0 0;}
.step3_left_caption{font-size:24px; text-align:left; padding:0 0 20px 26px;}
.step3_list{padding-left:25px; font-size:15px;}
.step3_list li{padding-left:15px; line-height:26px;}
.step3_list li:before{left:0; top:12px;}
.step3_right{float:right; width:650px;}
}

/** 망고아이 특장점 **/
.feature_wrap{background:url(../images/bg_feature.png) no-repeat center; background-size:cover;}
.feature_area{padding:30px 3%; margin:0 auto; word-break:break-all;}

.feature_list_1{overflow:hidden; margin-bottom:30px;}
.feature_list_1 > li{background-color:#fff; margin:0 0 10px 0; line-height:1.5; font-size:13px; text-align:justify; padding:12px 20px 18px 20px;}
.feature_list_1 > li:last-child{margin-bottom:0;}
.feature_num{font-size:25px; color:#f95659; font-weight:500;}
.feature_title{font-size:16px; color:#333; font-weight:500; line-height:1.4; padding:5px 0 10px 0;}

.feature_step_list{padding:20px 0 5px 0; margin:0 -10px 0 -10px;}
.feature_step_list li{border:1px dotted #ddd; padding:10px 10px 6px 10px; display:flex; flex-direction:row; justify-content:space-between; border-radius:10px; position:relative;}
.feature_step_left{width:110px;}
.feature_step_img{width:100%;}
.feature_step_list .break{display:block;}
.feature_step_right{width:calc(100% - 125px); padding:0 0 5px 0;}
.feature_step_right h4{font-size:14px;}
.feature_step_right h2{font-size:16px; font-weight:500; color:#f95659;}
.feature_step_text{font-size:13px; line-height:1.3; padding:5px 0 10px 0;}
.feature_sample_btn{display:block; width:100px; height:32px; line-height:32px; text-align:center; font-size:14px; font-weight:500; color:#fff; background-color:#7dc3b9;}
.feature_step_list li.arrow{border:0; text-align:center; display:block; padding:12px 0 8px 0;}
.feature_step_list .arrow_right{display:none; width:16px;}
.feature_step_list .arrow_down{height:16px;}

.feature_list_2{overflow:hidden;}
.feature_list_2 li{background-color:#fff; margin:0 0 10px 0; line-height:50px; text-align:center; font-size:15px;}
.feature_list_2 li:last-child{margin-bottom:0;}
@media all and (min-width:480px){
.feature_step_left{width:125px;}
.feature_step_list .break{display:inline;}
.feature_step_right{width:calc(100% - 140px);}	
.feature_step_right h2{padding:5px 0; font-size:17px;}
}
@media all and (min-width:640px){
.feature_area{padding:50px 3%;}

.feature_list_1{margin-bottom:40px;}
.feature_list_1 > li > .feature_title > .break{display:inline;}

.feature_step_list{padding:25px 0 5px 0; margin:0;}
.feature_step_list li{padding:15px 15px 10px 15px;}
.feature_step_left{width:150px;}
.feature_step_list .break{display:inline;}
.feature_step_right{width:calc(100% - 175px);}	
.feature_step_right h4{padding:0 0 0 0; font-size:16px;}
.feature_step_right h2{padding:5px 0; font-size:20px;}
.feature_step_text{font-size:14px; padding:5px 0 15px 0; }
	
.feature_list_2 li{float:left; width:49%; margin:0 2% 2% 0;}
.feature_list_2 li:nth-child(2n){margin-right:0;}
}
@media all and (min-width:768px){
.feature_area{padding:50px 0; width:700px; margin:0 auto;}	
.feature_list_1 > li{font-size:14px; padding:20px 35px 30px 35px; margin:0 0 15px 0;}

.feature_step_list{padding:25px 0 5px 0; margin:0 -10px 0 -10px; display:flex; flex-direction:row; justify-content:space-between;}
.feature_step_list li{width:200px; height:340px; display:block; padding:10px 10px 10px 10px;}
.feature_step_left, .feature_step_right{width:100%; text-align:center;}
.feature_step_list .break{display:block;}
.feature_step_right h4{padding:10px 0 0 0; font-size:15px;}
.feature_step_right h2{padding:5px 0; font-size:19px;}
.feature_step_text{font-size:13px; line-height:1.4;}
.feature_sample_btn{width:130px; height:36px; line-height:36px; font-size:16px; position:absolute; left:50%; margin-left:-65px; bottom:18px;}
.feature_step_list li.arrow{width:30px; display:flex; align-items:center; justify-content:center}
.feature_step_list .arrow_right{display:inline-block;}
.feature_step_list .arrow_down{display:none;}
}
@media all and (min-width:1024px){
.feature_area{padding:50px 0; width:900px;}	

.feature_list_1{margin-bottom:45px;}
.feature_list_1 > li{padding:25px 40px 35px 40px; margin:0 0 20px 0;}

.feature_step_list{padding:25px 0 5px 0; margin:0;}
.feature_step_list li{width:250px; height:420px; display:block; padding:15px; border-width:2px;}
.feature_step_left, .feature_step_right{width:100%; text-align:center;}
.feature_step_list .break{display:block;}
.feature_step_right h4{padding:15px 0 15px 0; font-size:15px;}
.feature_step_right h2{padding:0; font-size:20px; position:relative; height:40px; margin:0 0 10px 0;}
.feature_step_right h2:after{content:''; position:absolute; width:36px; height:1px; background-color:#dfdfdf; bottom:0; left:50%; transform:translateX(-50%);}
.feature_step_text{font-size:14px;}
.feature_step_list li.arrow{width:40px; display:flex; align-items:center; justify-content:center}
	
.feature_list_2 li{font-size:18px; line-height:70px;}
}
@media all and (min-width:1280px){
.feature_area{padding:70px 0; width:1080px;}	

.feature_list_1{margin-bottom:60px;}
.feature_list_1 > li{font-size:16px; padding:30px 45px 40px 45px; line-height:1.7;}

.feature_step_list{padding:30px 0 10px 0;}
.feature_step_list li{width:290px; height:480px; padding:20px;}
.feature_step_right h4{padding:15px 0 15px 0; font-size:19px; font-weight:500;}
.feature_step_right h2{font-size:24px; height:45px;}
.feature_step_text{font-size:16px;}
.feature_sample_btn{width:150px; height:38px; line-height:38px; font-size:17px; bottom:20px;}

.feature_num{font-size:30px;}
.feature_title{font-size:19px; line-height:1.4; padding:5px 0 10px 0;}
	
.feature_list_2 li{float:left; width:49.2%; margin:0 1.6% 1.6% 0; font-size:20px; line-height:90px;}
}

/** 필리핀 학습센터 소개 **/
.phi_center_wrap{background-color:#fcf9f0;}
.phi_center_area{padding:30px 4% 0 4%; position:relative;}
.phi_center_left{text-align:center; color:#606060; line-height:1.8;}
.phi_center_left b{font-weight:500; font-size:16px; color:#333;}
.phi_center_list{text-align:left; line-height:1.7; color:#444; width:300px; margin:20px auto 0 auto;}
.phi_center_list li:before{content:''; display:inline-block; width:3px; height:3px; border-radius:50%; background-color:#444; vertical-align:3px; margin-right:7px;}
.photo_phi_center{width:300px; display:block; margin:30px auto 0 auto;}
.photo_phi_text{position:absolute; padding:15px 25px; line-height:1.4; bottom:30px; left:50%; transform:translateX(-50%); text-align:left; background-color:rgba(255,255,255,0.8); font-size:13px;}
.photo_phi_text .name{font-size:14px; padding:0 0 4px 0;}

/** 학습센터 홍보동영상 **/
.phi_video_wrap{padding:30px 3%; background:url(../images/bg_pattern_green.jpg) no-repeat center; background-size:cover;}
.phi_video_area{margin:0 auto;}

.phi_video_iframe{display:block; width:320px; height:180px; border:0; margin:0 auto;}
@media all and (min-width:480px){
.phi_video_iframe{width:430px; height:242px;}	
}
@media all and (min-width:640px){
.phi_center_area{padding:40px 0 0 0; width:600px; margin:0 auto; height:250px;}
.phi_center_left{float:left; text-align:left; width:330px; padding:40px 0 0 0;}
.phi_center_list{width:auto; margin:20px 0 0 0;}
.photo_phi_center{width:245px; position:absolute; right:0; bottom:0;}
.photo_phi_text{padding:15px 25px; bottom:20px; right:32px; transform:translateX(0); left:auto;}

.phi_video_wrap{padding:35px 0;}
.phi_video_area{width:600px;}

.phi_video_iframe{width:570px; height:320px;}	
}
@media all and (min-width:768px){
.phi_center_area{padding:40px 0 0 0; width:710px; margin:0 auto; height:260px;}
.phi_center_left{width:350px; padding:40px 0 0 0; font-size:15px;}
.phi_center_left b{font-size:16px;}
.phi_center_list{width:auto; margin:20px 0 0 0;}
.photo_phi_center{width:260px; position:absolute; right:0; bottom:0;}
.photo_phi_text{padding:18px 0 0 25px; bottom:45px; right:150px; transform:translateX(0); left:auto; background:url(../images/bg_balloon_white.png) no-repeat; background-size:cover; width:204px; height:96px;}

.phi_video_wrap{padding:40px 0;}
.phi_video_area{width:710px;}

.phi_video_iframe{width:700px; height:394px;}	
}
@media all and (min-width:1024px){
.phi_center_area{padding:50px 0 0 0; width:900px; margin:0 auto; height:300px;}
.phi_center_left{width:450px; font-size:18px; padding:50px 0 0 0;}
.phi_center_left b{font-size:20px;}
.phi_center_list{width:auto; margin:20px 0 0 0;}
.phi_center_list li:before{vertical-align:4px;}
.photo_phi_center{width:310px; position:absolute; right:0; bottom:0;}
.photo_phi_text{padding:20px 0 0 25px; bottom:55px; right:200px; width:218px; height:102px; font-size:14px;}
.photo_phi_text .name{font-size:15px;}

.phi_video_wrap{padding:50px 0;}
.phi_video_area{width:900px;}

.phi_video_iframe{width:770px; height:433px;}	
}
@media all and (min-width:1280px){
.phi_center_area{padding:90px 0 0 0; width:1080px; margin:0 auto; height:370px;}
.phi_center_left{width:530px; font-size:20px; padding-left:60px;}
.phi_center_left b{font-size:22px;}
.phi_center_list{width:auto; margin:30px 0 0 0;}
.phi_center_list li:before{vertical-align:4px;}
.photo_phi_center{width:370px; position:absolute; right:5px; bottom:0;}
.photo_phi_text{padding:20px 0 0 27px; bottom:100px; right:230px; width:228px; height:110px; font-size:15px;}
.photo_phi_text .name{font-size:16px; padding:0 0 5px 0;}

.phi_video_wrap{padding:70px 0;}
.phi_video_area{width:1080px;}
}

/** 강사 선발 **/
.tea_select_area{padding:0 0 30px 0;}
.tea_select_inner{padding:0 3%;}
.tea_select_text{line-height:1.5; color:#606060; text-align:center;}
.caption_tea_select{color:#333; font-size:16px; font-weight:500; padding:25px 0 15px 0; text-align:center;}
.img_recruit_process{width:100%; display:block; margin:0 auto;}

.tea_select_form{background:url(../images/bg_five_form.jpg) no-repeat center; background-size:cover; padding:25px 1%;}
.tea_select_form h4{font-weight:400; font-size:18px; color:#333; padding:0 0 15px 0; text-align:center;}
.tea_select_table{width:100%; border-collapse:separate; border-spacing:2px; font-size:11px; color:#606060; line-height:1.3;}
.tea_select_table th{color:#333; font-weight:400;}
.tea_select_table th, .tea_select_table td{text-align:center; background-color:#fff; height:32px;}
th.cell_bg_blue, td.cell_bg_blue{background-color:#cae1f6;}

/** 강사 프로필 **/
.tea_profile_wrap{background-color:#fcf9f0;}
.tea_profile_area{padding:30px 3% 10px 3%;}
.caption_tea_profile{font-weight:500; font-size:16px; color:#333; padding:10px 0 15px 0;}
.caption_tea_profile .normal{font-weight:400;}
.caption_tea_profile img{width:30px; vertical-align:-8px; margin:0 5px 0 0;}

.tea_profile_list{margin:0 0 25px 0;}
.tea_profile_list li{display:flex; flex-direction:row; flex-wrap:wrap;}
.profile_left{background-color:#fff; margin:0 0 5px 0; padding:10px 0; width:100%;}
.photo_profile{width:130px; display:block; margin:0 auto;}
.profile_right{background-color:#fff; margin:0 0 5px 0; padding:8px 12px; position:relative; width:100%; min-height:100px;}
.profile_table{font-size:12px; color:#606060; line-height:1.6;}
.profile_table th{font-weight:400; width:75px; text-align:left; display:none;}
.profile_table th, .profile_table td{vertical-align:top; padding:2px 0;}
.profile_table .bold_name{font-weight:700; color:#333;}
.btn_tea_profile{display:block; width:72px; height:24px; line-height:22px; text-align:center; border:1px solid #888; color:#666; position:absolute; right:10px; top:10px; font-size:12px;}
.btn_tea_profile img{width:5px; margin:0 0 0 3px; vertical-align:0px;}

@media all and (min-width:480px){
.tea_select_table{font-size:12px;}	
.tea_select_table th, .tea_select_table td{height:34px;}
}
@media all and (min-width:640px){
.tea_select_area{padding:0 0 35px 0;}
.tea_select_inner{padding:0 0; width:600px; margin:0 auto;}
.caption_tea_select{font-size:17px;}
.tea_select_table{width:600px; margin:0 auto; font-size:13px;}	
.tea_select_table th, .tea_select_table td{height:36px;}

.tea_profile_area{width:600px; margin:0 auto; padding:35px 0 15px 0;}
.tea_profile_list li{margin:0 0 10px 0; justify-content:space-between; min-height:169px;}
.tea_profile_list li:last-child{margin-bottom:0;}
.profile_left{margin:0; padding:10px; width:150px;}
.profile_right{margin:0; padding:10px 15px 0 15px; width:calc(100% - 160px);}
.profile_table{font-size:11px;}
.profile_table th{display:table-cell;}

.tea_profile_list.usa .profile_left, .tea_profile_list.usa .profile_right{height:270px;}
}
@media all and (min-width:768px){
.tea_select_area{padding:0 0 40px 0;}	
.tea_select_inner{width:720px;}
.caption_tea_select{font-size:17px; padding:30px 0 15px 0;}
.tea_select_form{padding:30px 0 35px 0;}
.tea_select_form h4{font-size:19px;}
.tea_select_table{width:720px; margin:0 auto; font-size:13px;}	
.tea_select_table th, .tea_select_table td{height:36px;}

.tea_profile_area{width:720px; margin:0 auto; padding:40px 0 20px 0;}
.tea_profile_list li{margin:0 0 10px 0; min-height:175px;}

.profile_left{margin:0; padding:10px; width:155px;}
.photo_profile{width:135px;}
.profile_right{margin:0; padding:10px 15px 0 20px; width:calc(100% - 165px);}
.profile_table{font-size:12px;}
.btn_tea_profile{width:80px; height:26px; line-height:24px; right:15px; top:12px; font-size:13px;}
.btn_tea_profile img{width:6px; margin:0 0 0 3px; vertical-align:-1px;}	

.tea_profile_list.usa .profile_left, .tea_profile_list.usa .profile_right{height:270px;}
}
@media all and (min-width:1024px){
.tea_select_area{padding:0 0 50px 0;}
.tea_select_inner{width:980px;}
.caption_sub.left{text-align:left; padding-left:2px;}
.tea_select_text{font-size:15px; text-align:left;}
.caption_tea_select{font-size:18px; text-align:left; padding:35px 0 15px 2px;}
.tea_select_form{padding:35px 0 40px 0;}
.tea_select_form h4{font-size:20px;}
.tea_select_table{width:990px; margin:0 auto; font-size:14px; border-spacing:4px;}	
.tea_select_table th, .tea_select_table td{height:38px;}

.caption_tea_profile{font-size:17px; padding:15px 0 16px 1px;}
.caption_tea_profile img{width:32px; vertical-align:-8px; margin:0 6px 0 0;}

.tea_profile_area{width:980px; margin:0 auto; padding:50px 0 30px 0;}
.tea_profile_list li{margin:0 0 15px 0; min-height:185px;}

.profile_left{margin:0; padding:15px; width:166px;}
.photo_profile{width:136px;}
.profile_right{margin:0; padding:20px 30px 0 35px; width:calc(100% - 181px);}
.profile_table{font-size:13px;}
.profile_table th{width:95px;}
.btn_tea_profile{width:90px; height:28px; line-height:26px; right:25px; top:20px; font-size:14px;}
.btn_tea_profile img{width:7px; margin:0 0 0 3px; vertical-align:-2px;}	

.tea_profile_list.usa .profile_left, .tea_profile_list.usa .profile_right{height:250px;}
}
@media all and (min-width:1280px){
.tea_select_area{padding:0 0 70px 0;}	
.tea_select_inner{width:1080px;}
.caption_sub.left{text-align:left; padding-left:2px;}
.tea_select_text{font-size:16px; text-align:left;}
.caption_tea_select{font-size:19px; text-align:left; padding:35px 0 18px 2px;}
.tea_select_form{padding:55px 0 60px 0; width:1080px; margin:0 auto;}
.tea_select_form h4{font-size:22px; padding:0 0 25px 0;}
.tea_select_table{width:1000px; margin:0 auto; font-size:14px; border-spacing:5px;}	
.tea_select_table th, .tea_select_table td{height:40px;}

.caption_tea_profile{font-size:18px; padding:18px 0 17px 1px;}
.caption_tea_profile img{width:35px; vertical-align:-9px; margin:0 7px 0 0;}

.tea_profile_area{width:1080px; margin:0 auto; padding:70px 0 50px 0;}
.tea_profile_list li{margin:0 0 20px 0; min-height:198px;}

.profile_left{margin:0; padding:20px; width:178px;}
.photo_profile{width:138px;}
.profile_right{margin:0; padding:25px 30px 0 40px; width:calc(100% - 198px);}
.profile_table{font-size:14px;}
.profile_table th{width:100px;}
.btn_tea_profile{width:100px; height:30px; line-height:28px; right:30px; top:22px; font-size:14px;}
.btn_tea_profile img{width:7px; margin:0 0 0 3px; vertical-align:-2px;}	

.tea_profile_list.usa .profile_left, .tea_profile_list.usa .profile_right{}
}

/** 회사소개 **/
.sub_title_company{text-align:center; font-size:23px; font-weight:400; color:#333; padding:0 0 25px 0; font-family: 'Jua', sans-serif;}
.sub_title_company img{height:27px; vertical-align:-1px; margin:0 0 0 3px;}
.company_wrap{background:#fbf9f0;}
.company_area{padding:30px 3%;}
.caption_company{text-align:center; font-weight:400; font-size:22px; padding:0 0 20px 0; color:#333;}
.caption_company.goal{margin:30px 0 0 0;}
.company_table{width:100%; border-collapse:collapse; border-spacing:0; margin:0 0 25px 0;}
.company_table th{display:none;}
.company_table td{vertical-align:top; padding:1px 0 0 0;}
.company_table h4{font-weight:500; color:#333; text-align:center; font-size:15px;}
.company_flag{text-align:center; margin:0 0 15px 0;}
.company_flag li{display:inline-block; margin:0 5px 0 0;}
.company_flag li:last-child{margin:0;}
.company_flag img{width:60px;}
.company_language{margin:10px 0 0 0; font-size:13px; color:#606060; line-height:1.6;}
.company_language li{padding:0 0 0 10px; position:relative;}
.company_language li:before{content:''; position:absolute; width:3px; height:3px; border-radius:50%; background-color:#606060; left:0; top:9px;}
.img_strategy, .img_facotr{width:100%;}
.img_strategy{margin:0 0 25px 0;}
.img_strategy.pc, .img_facotr.pc{display:none;}

/** 경영진 **/
.company_manager_area{padding:30px 3%;}
.company_manager_list{margin:10px 0 0 0; overflow:hidden; margin:0 auto;}
.company_manager_list > li{border:1px solid #e9e9e9; border-bottom:3px solid #77c5dc; margin:0 0 10px 0; padding:10px 0;}
.company_manager_list > li:last-child{margin-bottom:0;}
.company_manager_table{width:100%; border-collapse:collapse; min-height:100px;}
.company_manager_left{width:110px; text-align:center;}
.photo_manager{width:80px; height:80px; border-radius:50%; margin:0 auto 10px auto; display:none;}
.company_manager_left h3{font-weight:500; font-size:17px; color:#333;}
.company_manager_left h3 span{font-weight:400; font-size:12px; display:block; padding:5px 0 0 0;}
.company_manager_right{font-size:12px; padding:0 5px 0 5px; color:#606060;}
.company_manager_right > li{position:relative; line-height:1.4; padding:0 0 0 12px; width:100%; margin:0;}
.company_manager_right > li:before{content:''; position:absolute; width:3px; height:3px; border-radius:50%; background-color:#606060; left:0; top:8px;}

/** 설립이념 **/
.company_mean_wrap{background:url(../images/bg_sub_pattern.png) no-repeat center; background-size:cover; background-color:#e7f4ec;}
.company_mean_area{padding:30px 3%; margin:0 auto; background:url(../images/img_meaning.png) no-repeat 95% 10%; background-size:90px;}
.caption_mean{color:#333; font-size:16px; font-weight:500; padding:25px 0 15px 2px;}
.company_mean_text_1, .company_mean_text_2{line-height:1.6; text-align:justify;}
.company_mean_text_2 li{position:relative; padding:0 0 4px 24px;}
.company_mean_text_2 b{color:#3b855b; font-weight:500; position:absolute; left:0; top:0;}

/** 연혁 **/
.company_history_area{padding:30px 0;}
.company_history_list{padding:25px 0 0 0;}
.company_history_list li{display:block; overflow:hidden; color:#606060;}
.company_history_list .blank, .company_history_list .circle, .company_history_list .year{vertical-align:middle;}
.company_history_list .blank{display:none;}
.company_history_list .year{width:calc(100% - 60px); float:right; text-align:justify; padding-right:10px; line-height:1.5;}
.company_history_list .circle{width:60px; float:left; min-height:100px; text-align:center; position:relative;}
.company_history_list .line{position:absolute; left:50%; transform:translateX(-50%); top:0; bottom:0; width:1px; background-color:#dedede; z-index:10;}
.company_history_list .bullet{margin:3px 0 0 0; width:15px; position:relative; z-index:20;}
.company_history_list .right{text-align:left;}
.company_history_list .caption{font-size:20px; height:31px; margin:0 0 7px 0; color:#333; position:relative; font-weight:500; line-height:1;}
.company_history_list .caption:after{content:''; position:absolute; bottom:0; width:24px; height:1px; background-color:#444;}
.company_history_list .left .caption:after{left:1px;}
.company_history_list .right .caption:after{left:1px;}
.company_history_list .br{display:inline;}

/** 조직도 **/
.company_organization_wrap{background:url(../images/bg_sub_pattern.png) no-repeat center; background-size:cover; background-color:#fbf9f0;}
.company_organization_area{padding:30px 3%;}
.img_company_organization{width:100%; margin:10px 0 0 0;}
.img_company_organization.pc{display:none;}

/** 주요사업 categories **/
.company_main_area{padding:30px 3%; text-align:center;}
.img_company_main{width:100%; margin:10px 0 0 0; max-width:1000px;}

/** 회사소개 CSR 갤러리 **/
.company_csr_wrap{background:url(../images/bg_pattern_green.jpg) no-repeat center; background-size:cover;}
.company_csr_text{width:300px; margin:0 auto 20px auto; text-align:center; line-height:1.6; font-size:13px; color:#333;}
.company_csr_text h4{padding:8px 0 1px 0; font-weight:500; font-size:14px;}
@media all and (min-width:480px){
.company_manager_left{width:120px;}
.company_manager_left h3{font-size:18px;}
.company_mean_area{background-position:95% 10%; background-size:110px;}
	
.company_csr_text{width:400px;}
}
@media all and (min-width:640px){
.sub_title_company{font-size:25px;}
.sub_title_company img{height:29px;}
.company_area{padding:35px 0; width:600px; margin:0 auto;}
.caption_company{text-align:left; font-size:23px; padding:0 0 20px 3px;}
.company_table h4{text-align:left;}
.company_table th{display:table-cell; width:260px; text-align:right;}
.company_table th img{width:100%;}
.company_flag{text-align:left; margin:0 0 15px 0;}
.img_strategy{margin:0 0 30px 0;}
	
.company_manager_area{padding:35px 0;}
.company_manager_list{width:600px;}
.company_manager_left{width:140px;}
.company_manager_left h3{font-size:18px;}
.company_manager_right{font-size:14px;}
.company_manager_right > li{line-height:1.8;}
.company_manager_right li:before{top:11px;}	

.company_mean_area{padding:35px 3%; background-position:95% 10%; background-size:140px;}

.company_history_list .year{width:calc(100% - 100px);}
.company_history_list .circle{width:100px;}
.company_history_list .bullet{margin:7px 0 0 0;}
.company_history_list .caption{font-size:28px; height:42px;}	
	
.company_main_area{padding:35px 3%;}
.img_company_main{margin:15px 0 0 0;}	
	
.company_csr_text{width:550px; font-size:14px;}
.company_csr_text h4{font-size:15px;}
}
@media all and (min-width:768px){
.sub_title_company{font-size:26px; padding:0 0 30px 0;}
.sub_title_company img{height:30px; margin:0 0 0 4px;}	
.company_area{padding:40px 0; width:720px; margin:0 auto;}
.caption_company{text-align:left; font-size:24px; padding:0 0 20px 3px;}
.company_table th{display:table-cell; width:375px; text-align:right;}
.company_flag{text-align:left; margin:0 0 15px 0;}
.img_strategy{margin:0 0 30px 0;}	
.img_strategy.pc, .img_facotr.pc{display:block;}
.img_strategy.m, .img_facotr.m{display:none;}
	
.company_manager_area{padding:40px 0;}
.company_manager_list{width:720px; margin:15px auto 0 auto;}
.company_manager_list > li{float:left; width:48.5%; margin:0 3% 3% 0;}
.company_manager_list > li:nth-child(2n){margin-right:0;}
.company_manager_table{height:150px;}
.company_manager_left{width:110px;}
.company_manager_left h3{font-size:17px;}
.photo_manager{width:94px; height:94px; margin:0 auto 10px auto;}
.company_manager_right{font-size:13px;}
.company_manager_right > li{line-height:1.6;}
.company_manager_right li:before{top:9px;}	

.company_mean_text_2 li{padding:0 0 0 25px;}

.company_history_area{padding:40px 0;}
.company_history_list{width:740px; margin:0 auto;}
.company_history_list li{display:table;}
.company_history_list .blank, .company_history_list .circle, .company_history_list .year{display:table-cell;}
.company_history_list .blank, .company_history_list .year{width:320px; padding:0;}
.company_history_list .circle{width:100px; float:none; vertical-align:top;}
.company_history_list .line{position:absolute; left:50%; transform:translateX(-50%); top:0; bottom:0; width:1px; background-color:#dedede; z-index:10;}
.company_history_list .bullet{width:17px; position:relative; z-index:20; margin:7px 0 0 0;}
.company_history_list .right{text-align:right;}
.company_history_list .caption{font-size:28px; color:#000; height:44px; position:relative; margin:0 0 12px 0; font-weight:500; line-height:1;}
.company_history_list .caption:after{content:''; position:absolute; bottom:0; width:24px; height:1px; background-color:#000;}
.company_history_list .left .caption:after{left:1px;}
.company_history_list .right .caption:after{right:1px; left:auto;}

.company_mean_area{padding:40px 0; width:720px; background-position:100% 39%; background-size:250px;}
.caption_mean{font-size:17px; padding:30px 0 15px 2px;}
.company_mean_text_1{width:440px;}	
.company_mean_text_1, .company_mean_text_2{line-height:1.6;}	
	
.company_organization_area{padding:40px 0; width:720px; margin:0 auto;}
.img_company_organization{margin:15px 0 0 0;}
.img_company_organization.pc{display:block;}	
.img_company_organization.m{display:none;}		
	
.company_main_area{padding:40px 0; width:720px; margin:0 auto;}
.img_company_main{margin:15px 0 0 0;}		
	
.company_csr_text{width:550px; font-size:14px;}
.company_csr_text h4{font-size:15px;}
}
@media all and (min-width:1024px){
.sub_title_company{font-size:27px; padding:0 0 30px 0;}
.sub_title_company img{height:31px; margin:0 1px 0 5px;}		
.company_area{padding:50px 0; width:950px; margin:0 auto;}
.caption_company{text-align:left; font-size:25px; padding:0 0 20px 3px;}
.caption_company.goal{margin:45px 0 0 0;}
.company_table h4{font-size:16px;}
.company_table th{display:table-cell; width:420px; text-align:right;}
.company_flag{text-align:left; margin:0 0 15px 0;}
.company_flag img{width:62px;}
.company_language{font-size:14px;}
.img_strategy{margin:0 0 30px 0;}	
	
.company_manager_area{padding:50px 0;}
.company_manager_list{width:980px; margin:20px auto 0 auto;}
.company_manager_table{height:140px;}
.company_manager_left{width:140px;}
.company_manager_left h3{font-size:18px;}
.photo_manager{width:94px; height:94px; margin:0 auto 10px auto;}
.company_manager_right{font-size:14px;}
.company_manager_right > li{line-height:1.6;}
.company_manager_right li:before{top:10px;}

.company_mean_area{padding:50px 0; width:960px; background-position:95% 49%; background-size:370px;}
.caption_mean{font-size:19px;}
.company_mean_text_1{width:480px;}	
.company_mean_text_1, .company_mean_text_2{line-height:1.8;}

.company_history_area{padding:50px 0;}
.company_history_list{width:980px; margin:0 auto;}
.company_history_list .blank, .company_history_list .year{width:430px; padding:0;}
.company_history_list .circle{width:120px; float:none; vertical-align:top;}
.company_history_list .line{position:absolute; left:50%; transform:translateX(-50%); top:0; bottom:0; width:1px; background-color:#dedede; z-index:10;}
.company_history_list .bullet{width:17px; position:relative; z-index:20; margin:9px 0 0 0;}
.company_history_list .caption{font-size:30px; color:#000; height:45px; position:relative; margin:0 0 12px 0; font-weight:500; line-height:1;}
	
.company_organization_area{padding:50px 0; width:900px;}
.img_company_organization{margin:20px 0 0 0;}		
	
.company_main_area{padding:50px 0; width:900px;}
.img_company_main{margin:20px 0 0 0;}		
	
.company_csr_text{width:560px; font-size:15px; margin:0 auto 25px auto;}
.company_csr_text h4{font-size:16px;}
}
@media all and (min-width:1280px){
.sub_title_company{font-size:30px; padding:0 0 45px 0;}
.sub_title_company img{height:34px; margin:0 1px 0 6px;}	
.company_area{padding:70px 0; width:1000px; margin:0 auto;}
.caption_company{text-align:left; font-size:27px; padding:0 0 25px 3px;}
.caption_company.goal{margin:50px 0 0 0;}
.company_table{margin:0 0 45px 0;}
.company_table h4{font-size:17px;}
.company_table th{display:table-cell; width:460px; text-align:right;}
.company_flag{text-align:left; margin:0 0 15px 0;}
.company_flag img{width:64px;}
.company_language{font-size:15px; line-height:1.7;}
.company_language li:before{top:12px;}
.img_strategy{margin:0 0 45px 0;}		
	
.company_manager_area{padding:70px 0;}
.company_manager_list{width:1080px; margin:20px auto 0 auto;}
.company_manager_table{height:140px;}
.company_manager_left{width:150px;}
.company_manager_left h3{font-size:20px;}
.company_manager_left h3 span{font-size:14px; padding:8px 0 0 0;}
.photo_manager{width:94px; height:94px; margin:0 auto 10px auto;}
.company_manager_right{font-size:14px;}
.company_manager_right > li{line-height:1.6;}
.company_manager_right li:before{top:10px;}

.company_mean_area{padding:70px 0; width:1000px; background-position:92% 50%; background-size:385px;}
.caption_mean{padding:35px 0 15px 2px;}
.company_mean_text_1{width:500px;}	

.company_history_area{padding:70px 0;}
.company_history_list{width:1080px; margin:0 auto;}
.company_history_list .blank, .company_history_list .year{width:470px; padding:0;}
.company_history_list .circle{width:120px; float:none; vertical-align:top;}
.company_history_list .line{position:absolute; left:50%; transform:translateX(-50%); top:0; bottom:0; width:1px; background-color:#dedede; z-index:10;}
.company_history_list .bullet{width:17px; position:relative; z-index:20; margin:10px 0 0 0;}
.company_history_list .caption{font-size:32px; color:#000; height:48px; position:relative; margin:0 0 12px 0; font-weight:500; line-height:1;}
	
.company_organization_area{padding:70px 0; width:1000px;}
.img_company_organization{margin:25px 0 0 0;}		
	
.company_main_area{padding:70px 0; width:1070px;}
.img_company_main{margin:25px 0 0 0;}		
	
.company_csr_text{width:640px; font-size:16px; margin:0 auto 30px auto;}
.company_csr_text h4{font-size:17px;}
}

/** 8단계 심층 레벨 시스템 **/
.level_table_area{padding:0 3% 30px 3%;}
.img_level_table{width:100%;}

/** 8단계 레벨 **/
.level_wrap{background:url(../images/bg_sub_pattern.png) no-repeat center; background-size:cover; background-color:#fbf9f0;}
.level_area{height:530px; padding:30px 0 0 0; text-align:justify; color:#555; font-size:13px; line-height:1.5;}
.level_caption{font-weight:500; font-size:19px; padding:0 0 20px 0; text-align:center; color:#f95659;}
.level_caption .normal{font-weight:400; font-size:16px;}
.level_kor{padding:0 0 20px 0;}

/** 레벨테스트 신청하기 **/
.level_submit_wrap{background:url(../images/bg_level_dot.png) no-repeat center; background-size:cover; background-color:#a0e3e5;}
.level_submit_area{padding:50px 3% 75px 3%; background:url(../images/img_level8.png) no-repeat right bottom; background-size:34%; text-align:center;}
.level_submit_caption{font-weight:500; color:#333; font-size:19px;}
.level_submit_line{background-color:#222; width:25px; height:1px; display:none;}
.level_submit_text{line-height:1.6; color:#444; padding:20px 0 20px 0;}
.button_whtie_border_arrow.level{font-weight:500; color:#333; font-size:15px;}
@media all and (min-width:480px){

}
@media all and (min-width:640px){
.level_table_area{width:600px; margin:0 auto; padding:0 0 35px 0;}

.level_submit_area{width:600px; margin:0 auto; padding:50px 0 60px 20px; background-size:49%; text-align:left;}
.level_submit_caption{font-size:20px;}
.level_submit_text{padding:25px 0 35px 0;}

.button_gradient.level{width:180px; height:48px; line-height:48px;} 
}
@media all and (min-width:768px){
.level_table_area{width:720px; padding:0 0 40px 0;}

.level_submit_area{width:720px; padding:60px 0 70px 30px; background-size:45%;}
.level_submit_caption{font-size:24px;}
.level_submit_text{padding:30px 0 40px 0;}

.button_gradient.level{width:240px; height:60px; line-height:60px; font-size:20px;}  
}
@media all and (min-width:1024px){
.level_table_area{width:980px; padding:0 0 50px 0;}

.level_submit_area{width:980px; padding:75px 0 80px 60px; background-size:38%;}
.level_submit_caption{font-size:28px;}
.level_submit_text{padding:35px 0 45px 0;}
}
@media all and (min-width:1280px){
.level_table_area{width:1080px; padding:0 0 70px 0;}

.level_submit_area{width:1080px; padding:125px 0 130px 60px; background-size:46%;}
.level_submit_caption{font-size:32px;}
.level_submit_line{display:block; margin:25px 0 0 0;}
.level_submit_text{padding:25px 0 45px 0; font-size:15px; line-height:1.5;}

.button_gradient.level{width:310px; height:70px; line-height:70px; font-size:24px;}   
}

/** 레벨테스트 강사선택 **/
.level_application_area{margin:0 auto; padding:0 0 30px 0;}

.level_application_text_box{color:#333; font-weight:500; font-size:14.5px; padding:18px 5px; margin:30px 0 0 0; text-align:center; background-color:#fec726; border-radius:10px; letter-spacing:-1px;}

.level_teacher_select_list li{display:flex; flex-direction:row; flex-wrap:wrap; position:relative; margin:0 0 10px 0;}
.level_teacher_select_list li:last-child{margin:0;}

.level_teacher_photo_wrap{width:100%; text-align:center; padding:15px 0 0 0; background-color:#fff; order:1;}
.level_teacher_photo{width:100%; max-width:136px; display:block; margin:0 auto 10px auto;}

.level_teacher_greeting_btn{width:74px; height:26px; line-height:24px; text-align:center; border:1px solid #888; color:#666; position:absolute; right:12px; top:12px; font-size:12px;}
.level_teacher_greeting_btn img{width:6px; margin:0 0 0 3px; vertical-align:-1px;}
.level_teacher_select_btn{width:100%; display:block; background-color:#c5c5c5; color:#fff; height:34px; line-height:34px; font-size:16px;}
.level_teacher_select_arrow{display:inline-block; width:11px; height:8px; margin:0 0 0 8px; background:url(../images/arrow_teacher_down.png) no-repeat; background-size:cover; vertical-align:1px;}
.level_teacher_select_btn:hover{background-color:#555; color:#fff;}
.level_teacher_select_btn.active{background-color:#333; color:#fff;}
.level_teacher_select_btn.active .level_teacher_select_arrow{background:url(../images/arrow_teacher_up.png) no-repeat; background-size:cover; vertical-align:2px;}

.level_teacher_time_wrap{width:100%; background-color:#ffd83f; order:2; padding:10px; color:#333; display:none;}
.level_teacher_time_caption{padding:0 0 10px 0; border-bottom:1px solid #fff; text-align:center;}
.level_month_caption{margin:0 0 10px 0;}
.level_month_caption img{width:10px; margin:0 10px; vertical-align:-1px;}

.level_month_table{width:100%; border-collapse:separate; border-spacing:2px;}
.level_month_table th, .level_month_table td{height:24px; border-radius:4px;}
.level_month_table th{background-color:#555; color:#fff; font-weight:500; width:14.28%; font-size:12px;}
.level_month_table td{background-color:#fff; color:#444; font-size:13px; cursor:pointer;}
.level_month_table td.active{font-weight:500; background-color:#333; color:#ffd83f;}

.level_teacher_time_table{border-collapse:collapse; border-spacing:0; width:100%; margin:10px 0 15px 0; font-size:13px; text-align:center;}
.level_teacher_time_table th{height:40px; font-size:14px; font-weight:500;}
.level_teacher_time_table td{padding:3px 0; height:38px;}
.level_teacher_time{display:inline-block; width:62px; height:28px; line-height:26px; text-align:center; border:1px solid #fff; margin:2px; cursor:pointer;}
.level_teacher_time:hover{background-color:rgba(255,255,255,0.7);}
.level_teacher_time.active{background-color:#333; color:#ffd83f; border:1px solid #333;}
.level_teacher_select_submit{display:block; width:100%; height:36px; line-height:36px; text-align:center; background-color:#333; color:#ffd83f; font-size:15px; font-weight:500;}

.level_teacher_profile_wrap{width:100%; background-color:#fff; order:3; padding:10px 15px 15px 15px;}
.level_teacher_profile_table{border-collapse:collapse; border-spacing:0; width:100%; font-size:13px; line-height:1.5;}
.level_teacher_profile_table th{width:75px; text-align:left; font-weight:400; padding:3px 0; vertical-align:top;}
.level_teacher_profile_table td{padding:3px 0; vertical-align:top;}
.level_teacher_profile_table b{font-weight:500; color:#333;}
.level_teacher_select_chart{text-align:center; padding:10px 0 0 0;}

.level_reserve_table{width:100%; border-collapse:separate; border-spacing:3px;}
.level_reserve_table th{background-color:#f7f7f7; font-weight:400; width:90px; height:40px;}
.level_reserve_table th.caption{padding:0; font-weight:500; color:#333;}
.level_reserve_table td{border:1px solid #eee; padding:5px 5px 5px 10px; line-height:1.5; height:40px;}

.radio_wrap.reset{padding:10px 15px; line-height:2;}

.radio_wrap.time .label{padding-top:2px;}

.radio_wrap.level_test{line-height:2;}
.radio_wrap.level_test .bullet_radio{top:6px;}
.radio_wrap.level_test .label{display:inline-block; padding-right:11px;}

.quiz_result_area{max-width:900px; margin:0 auto; padding:30px 0;}

.quiz_result_summary{margin:10px 0 20px 0; font-size:13.5px; width:100%; border-collapse:separate; border-spacing:1px;}
.quiz_result_summary th, .quiz_result_summary td{height:42px; text-align:center; border-radius:4px;}
.quiz_result_summary th{background-color:#fff3bf; font-weight:400; color:#333;}
.quiz_result_summary td{font-weight:500; font-size:15px; border:1px solid #eee;}
.quiz_result_summary .color_1{color:#3f51b5;}
.quiz_result_summary .color_2{color:#b91817;}

.quiz_result_table{width:100%; border-collapse:separate; border-spacing:3px;}
.quiz_result_table th{background-color:#f7f7f7; font-weight:400; height:40px; position:relative;}
.quiz_result_table td{border:1px solid #eee; padding:5px 5px 5px 10px; line-height:1.4; height:40px;}
th.quiz_result_qustion{font-size:18px; text-align:left; padding-left:20px; height:50px; color:#333;}
.img_correct{position:absolute; width:22px; left:12px; top:13px;}
.quiz_img_area img{width:100%; max-width:600px; margin:10px auto 0 auto; display:block;}

.quiz_select{text-align:center; overflow:hidden; padding:10px 0 5px 0; border-top:1px dashed #ddd; margin:10px 0 0 0;}
.quiz_select li{float:left; width:50%;}
.quiz_select b{color:#333; font-size:18px;}
.quiz_select .color_1{color:#ff373e;}
.quiz_select .color_2{color:#3e84fe;}

.quiz_result_img li{margin:5px 0;}
.quiz_result_img img{width:100%; margin:5px 0 0 0;}

.quiz_result_text li{margin:5px 0;}
@media all and (min-width:480px){
.level_application_text_box{font-size:15px;}
.radio_wrap.reset .break{display:inline;}
}
@media all and (min-width:640px){
	
	
.level_application_area{padding:0 3% 35px 3%;}	
	
.level_teacher_greeting_btn{width:100px; height:32px; line-height:30px; right:12px; top:12px; font-size:14px;}
.level_teacher_greeting_btn img{width:7px; margin:0 0 0 3px; vertical-align:-1px;}

.level_teacher_profile_wrap{display:flex; flex-direction:row; justify-content:space-between;}
.level_teacher_profile_table{width:calc(100% - 150px);}
.level_teacher_select_chart{width:30%; padding:20px 10px 10px 10px; width:140px;}
}
@media all and (min-width:768px){
.level_application_area{padding:0 0 40px 0; width:720px;}		
.level_application_text_box{font-size:16px; padding:20px 0;}

.level_teacher_select_list li{flex-wrap:no-wrap; margin:0 0 15px 0; justify-content:space-between;}

.level_teacher_photo_wrap{width:25%; padding:15px 0 0 0;}

.level_teacher_profile_wrap{width:73.5%; order:2; padding:10px 15px 0 15px;}
.level_teacher_select_chart{padding:55px 0 0 0; width:140px;}

.level_teacher_time_wrap{order:3; padding:15px 15px 15px 3px; overflow:hidden; position:relative;}
.level_teacher_time_caption{padding:0 0 0 0; border-bottom:0; float:left; width:26%;}
.level_month_table th{font-size:11px;}
.level_month_table td{font-size:12px;}

.level_teacher_time_line{position:absolute; left:26.5%; top:15px; bottom:15px; width:1px; background-color:#fff;}
.level_teacher_time_table{float:left; width:calc(74% - 180px); margin:0 0 0 20px; font-size:13px; text-align:left;}
.level_teacher_time_table th{padding:0 0 0 4px; font-size:16px;}
.level_teacher_time{width:64px; height:30px; line-height:28px;}
.level_teacher_select_submit{position:absolute; right:20px; top:50%; transform:translateY(-50%); width:110px; height:110px; line-height:110px; border-radius:50%;}

.level_reserve_table th{width:120px;}
.level_reserve_table td{padding:5px 5px 5px 15px;}

.quiz_result_summary{font-size:15px; border-spacing:4px;}
.quiz_result_summary td{font-size:16px;}
    
.quiz_result_table{border-spacing:5px;}
.quiz_result_table td{padding:15px; line-height:1.6;}
th.quiz_result_qustion{font-size:20px; padding-left:30px; height:60px;}
.img_correct{left:23px; top:17px; width:24px;}

.quiz_result_img{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; padding:10px;}
.quiz_result_img li{width:47%;}
.quiz_result_img img{width:100%; margin:5px 0 0 0;}

.quiz_result_text li{margin:5px 0;}
}
@media all and (min-width:1024px){
.level_application_area{padding:0 0 50px 0; width:960px;}		
	
.level_teacher_select_list li{margin:0 0 20px 0;}

.level_teacher_photo_wrap{width:22%; padding:20px 0 0 0;}

.level_teacher_greeting_btn{right:20px; top:20px;}

.level_teacher_profile_wrap{width:76.5%; padding:15px 25px 0 25px;}
.level_teacher_profile_table{width:calc(100% - 160px); font-size:13px; line-height:1.6;}
.level_teacher_profile_table th{width:85px;}
.level_teacher_select_chart{padding:60px 0 0 0; text-align:right; width:150px;}

.level_teacher_time_wrap{padding:15px 15px 15px 4px;}
.level_teacher_time_caption{width:22%;}
.level_teacher_time_line{left:22.5%; top:15px; bottom:15px;}
.level_teacher_time_table{width:calc(78% - 200px);}
.level_teacher_select_submit{width:120px; height:120px; line-height:120px; font-size:16px; right:25px;}	

.level_reserve_table th{width:140px;}	
.level_reserve_table td{padding:5px 5px 5px 20px;}
}
@media all and (min-width:1280px){
.level_application_area{padding:0 0 70px 0; width:1000px;}	
.level_application_text_box{font-size:18px; padding:25px 0;}
	
.level_teacher_select_list li{margin:0 0 20px 0;}

.level_teacher_photo_wrap{width:21%; padding:30px 0 0 0;}

.level_teacher_greeting_btn{right:25px;}

.level_teacher_greeting_btn img{width:7px; margin:0 0 0 3px; vertical-align:-1px;}

.level_teacher_profile_wrap{width:77.5%; padding:20px 30px 0 30px;}
.level_teacher_profile_table{width:calc(100% - 170px);}
.level_teacher_profile_table th{width:90px;}
.level_teacher_select_chart{padding:60px 0 0 0; width:160px;}

.level_teacher_time_wrap{padding:18px 18px 18px 5px;}
.level_teacher_time_caption{width:21%;}
.level_teacher_time_line{left:21.6%; top:18px; bottom:18px;}
.level_teacher_time_table{width:calc(79% - 200px); font-size:14px;}
.level_teacher_time{width:70px; height:32px; line-height:30px; margin:4px;}
.level_teacher_select_submit{right:30px; width:140px; height:140px; line-height:140px; font-size:17px;}

.level_reserve_table th{width:160px;}	
.level_reserve_table td{padding:5px 5px 5px 25px;}
}

/** 교재안내 **/
.books_wrap{padding:30px 3%;}
.books_wrap.one{padding-top:0;}
.books_intro_list{line-height:1.6; text-align:justify; margin:0 auto;}
.books_intro_list li{padding:0 0 2px 23px; position:relative;}
.books_intro_list b{position:absolute; left:0; top:0; font-weight:500;}

.books_img_list{overflow:hidden; padding:25px 0 0 0; margin:0 auto;}
.books_img_list .book{width:100%;}
.books_img_list li{float:left; width:48%; margin:0 4% 4% 0;}
.books_img_list li:nth-child(2n){margin-right:0;}

.books_img_list.three li{width:31%; margin:0 3.5% 0 0;}
.books_img_list.three li:nth-child(2n){margin-right:3.5%;}
.books_img_list.three li:last-child{margin-right:0;}
@media all and (min-width:640px){
.books_wrap{padding:35px 3%;}
.books_img_list{padding:30px 0 0 0;}	
}
@media all and (min-width:768px){
.books_wrap{padding:40px 0;}
.books_intro_list{line-height:1.8;}
.books_intro_list, .books_img_list{width:700px;}
.books_img_list{padding:35px 0 0 0;}	
}
@media all and (min-width:1024px){
.books_wrap{padding:50px 0;}
.books_intro_list, .books_img_list{width:900px;}
.books_img_list{padding:40px 0 0 0;}	
.books_img_list.two{width:600px;}
.books_img_list.three li{width:31%; margin:0 3.5% 0 0;}
.books_img_list.three li:nth-child(2n){margin-right:3.5%;}
.books_img_list.three li:last-child{margin-right:0;}
.books_img_list.four li{width:23.5%; margin:0 2% 0 0;}
.books_img_list.four li:nth-child(2n){margin-right:2%;}
.books_img_list.four li:last-child{margin-right:0;}
}
@media all and (min-width:1280px){
.books_wrap{padding:70px 0;}
.books_intro_list, .books_img_list{width:1000px;}
.books_img_list{padding:50px 0 0 0;}	
.books_intro_list li{padding:0 0 4px 25px;}
}

/** 학생과정 탭메뉴 **/
.tab_student_wrap{background-color:#fcf9f0; border-bottom:1px solid #e3e3e3; padding:30px 0 0 0; height:71px;}
.tab_student{text-align:center; height:41px; width:98%; margin:0 auto;}
.tab_student li{float:left; width:23%; height:40px; line-height:40px; font-size:11px; letter-spacing:-0.5px; border-right:1px solid #e3e3e3; border-top:1px solid #e3e3e3; background-color:#fff; font-weight:500;}
.tab_student li.three, .tab_student li.four{width:27%;}
.tab_student a{display:block; color:#333;}
.tab_student a:hover{color:#000; font-weight:700;}

/** 학생과정 상단 **/
.student_top_area{padding:0 3% 30px 3%;}
.img_student_top{width:100%; margin:30px 0 0 0;}
.caption_student{font-weight:500; font-size:18px; padding:0 0 10px 0; color:#333;}
.student_top_text{font-size:13px; line-height:1.6; text-align:justify; color:#666; background-position:right center; background-repeat:no-repeat;}
.student_top_text .padding{padding:0 0 20px 0;}
@media all and (min-width:480px){
.tab_student li{font-size:13px; width:25%;}
.tab_student li.three, .tab_student li.four{width:25%;}
}
@media all and (min-width:640px){
.tab_student_wrap{padding:35px 0 0 0; height:80px;}
.tab_student{height:45px; width:610px; margin:0 auto;}
.tab_student li{height:44px; line-height:44px; font-size:14px; width:25%;}
.tab_student li.three, .tab_student li.four{width:25%;}

.student_top_area{padding:0 0 35px 0; width:600px; margin:0 auto;}
.student_top_text.one{background-image:url(../images/img_student_1.png); background-size:40%;}
.student_top_text.two{background-image:url(../images/img_student_2.png); background-size:43%;}
.student_top_text.three{background-image:url(../images/img_student_3.png); background-size:40%;}
.student_top_text.four{background-image:url(../images/img_student_4.png); background-size:39%;}
.student_top_text > div{width:350px;}
}
@media all and (min-width:768px){
.tab_student_wrap{padding:40px 0 0 0; height:85px;}
.tab_student{height:45px; width:710px;}

.student_top_area{padding:0 0 40px 0; width:720px;}
.student_top_text.one{background-size:40%;}
.student_top_text.two{background-size:43%;}
.student_top_text.three{background-size:39%;}
.student_top_text.four{background-size:39%;}
.student_top_text > div{width:420px;}
}
@media all and (min-width:1024px){
.tab_student_wrap{padding:50px 0 0 0; height:100px;}
.tab_student{height:50px; width:820px;}
.tab_student li{height:49px; line-height:49px; font-size:15px; width:25%;}

.student_top_area{padding:0 0 50px 0; width:960px;}
.caption_student{font-size:20px; padding:0 0 15px 0;}
.student_top_text{font-size:15px; line-height:1.7;}
.student_top_text.one{background-size:34%;}
.student_top_text.two{background-size:38%;}
.student_top_text.three{background-size:34%;}
.student_top_text.four{background-size:34%;}
.student_top_text > div{width:600px;}
.student_top_text .padding{padding:0 0 25px 0;}
.img_student_top{margin:40px 0 0 0;}
}
@media all and (min-width:1280px){
.tab_student_wrap{padding:70px 0 0 0; height:120px;}
.tab_student{height:50px; width:1010px;}
.tab_student li{height:49px; line-height:49px; font-size:15px; width:25%;}

.student_top_area{padding:0 0 70px 0; width:1010px;}
.caption_student{font-size:22px; padding:0 0 15px 0;}
.student_top_text{font-size:15px; line-height:1.7;}
.student_top_text.one{background-size:33%;}
.student_top_text.two{background-size:36%;}
.student_top_text.three{background-size:33%;}
.student_top_text.four{background-size:33%;}
.student_top_text > div{width:660px;}
.student_top_text .padding{padding:0 0 30px 0;}
.img_student_top{margin:45px 0 0 0;}
}

/** 학생과정 망고아이 **/
.study_plan_wrap{background-color:#fcf9f0;}
.study_plan_area{padding:30px 3%;}
.caption_sub.mangoi_plan{font-size:18px;}
.study_mangoi_table{width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #e3e3e3; min-width:640px; font-size:12px; margin-top:20px; color:#444;}
.study_mangoi_table th, .study_mangoi_table td{border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; line-height:1.4;}
.study_mangoi_table th{font-weight:500; padding:10px 1px;}
.study_mangoi_table td{padding:10px 12px 10px 12px;}
.study_mangoi_table .book_img{width:100%; margin:0 0 5px 0;}
.study_mangoi_table .no_border{border-right:0;}
.study_mangoi_table .td_gray{background-color:#f7f7f7; padding:0; text-align:center; font-weight:500;}
.study_mangoi_table .tr_blue{color:#fff; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#99e3e4+0,63bfed+100 */
background: #99e3e4; /* Old browsers */
background: -moz-linear-gradient(left, #99e3e4 0%, #63bfed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #99e3e4 0%,#63bfed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #99e3e4 0%,#63bfed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99e3e4', endColorstr='#63bfed',GradientType=1 ); /* IE6-9 */
}

.study_plan_table_caption{font-size:12px; color:#606060; padding:5px 1px 10px 0; text-align:right;}
.img_study_plan{width:100%;}
.overflow_table{overflow:auto;}
.study_plan_table{width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #e3e3e3; min-width:720px; font-size:12px;}
.study_plan_table th, .study_plan_table td{border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; line-height:1.4;}
.study_plan_table th{font-weight:500; padding:10px 1px;}
.study_plan_table td{padding:15px 5px 15px 12px; vertical-align:top;}
.study_plan_table .no_border{border-right:0;}
.study_plan_table .td_white{background-color:#fff;}
.study_plan_table .tr_pink{color:#fff; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f36a9c+0,f0657a+100 */
background: #f36a9c; /* Old browsers */
background: -moz-linear-gradient(left, #f36a9c 0%, #f0657a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #f36a9c 0%,#f0657a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #f36a9c 0%,#f0657a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f36a9c', endColorstr='#f0657a',GradientType=1 ); /* IE6-9 */	
}

.textbook_wrap{background-color:#fff; padding:15px 20px 20px 20px; text-align:justify; color:#606060; line-height:1.5; margin:25px 0 0 0; overflow:hidden;}
.caption_sub.textbook{font-size:18px;}
.textbook_right{width:100%; display:block; margin:20px 0 0 0;}

.day1_area{padding:30px 0 0 0;}
.day2_area{padding:30px 0 0 0;}
.day3_area{padding:30px 0 0 0;}
.review_test_wrap{border-bottom:1px solid #e3e3e3;}
.review_test_area{padding:30px 0;}
.caption_day{font-size:18px; padding:20px 0 20px 0; color:#333; font-weight:500; text-align:center;}

.voca_wrap{overflow:hidden; padding:0 3% 15px 3%; text-align:justify; color:#606060; font-size:13px; line-height:1.5;}
.voca_right{margin:20px 0 0 0; width:100%; display:block; border:1px solid #e3e3e3;}

.con_wrap{padding:0 3% 15px 3%; text-align:justify; color:#606060; font-size:13px; line-height:1.5;}
.con_bottom{overflow:hidden;}
.con_bottom img{margin:20px 0 0 0; width:100%; display:block; border:1px solid #e3e3e3;}

.drill_wrap{padding:0 3% 15px 3%; text-align:justify; color:#606060; font-size:13px; line-height:1.5;}
.drill_bottom{margin:20px 0 0 0; width:100%; display:block; border:1px solid #e3e3e3;}

.mangoi_video_area{background:url(../images/bg_mangoi_video.jpg) no-repeat center; padding:30px 3.5%;}
.sample_video{width:100%; display:block; margin:0 auto;}

.pic_wrap{padding:5px 3% 15px 3%; text-align:justify; color:#606060; font-size:13px; line-height:1.5;}
.pic_bottom{overflow:hidden; margin:0 0 15px 0;}
.pic_bottom img{margin:20px 0 0 0; width:100%; display:block; border:1px solid #e3e3e3;}

.idea_wrap{padding:5px 3% 15px 3%; text-align:justify; color:#606060; font-size:13px; line-height:1.5;}
.idea_bottom{overflow:hidden; margin:0 0 15px 0;}
.idea_bottom img{margin:20px 0 0 0; width:100%; display:block; border:1px solid #e3e3e3;}

.review_wrap{padding:5px 3% 5px 3%; text-align:center; color:#606060; font-size:14px; line-height:1.5;}
.review_wrap.margin{margin:25px auto 0 auto;}
.review_bottom{overflow:hidden;}
.review_bottom img{margin:20px 0 0 0; width:100%; display:block; border:1px solid #e3e3e3;}
@media all and (min-width:480px){
.textbook_right{width:350px; margin:20px auto 0 auto;}

.voca_right{width:350px; margin:20px auto 0 auto;}

.con_bottom li{float:left; width:48%; margin:0 4% 0 0;}
.con_bottom li:last-child{margin-right:0;}

.drill_bottom{width:350px; margin:20px auto 0 auto;}

.pic_bottom li{float:left; width:48%; margin:0 4% 0 0;}
.pic_bottom li:last-child{margin-right:0;}

.idea_bottom li{float:left; width:32%; margin:0 2% 0 0;}
.idea_bottom li:last-child{margin-right:0;}

.review_bottom li{float:left; width:48%; margin:0 4% 0 0;}
.review_bottom li:last-child{margin-right:0;}
}
@media all and (min-width:640px){
.study_plan_area{width:600px; margin:0 auto; padding:35px 0;}
.caption_sub.mangoi_plan{font-size:20px;}

.textbook_wrap{padding:0; margin:30px 0 0 0;}
.caption_sub.textbook{font-size:20px;}
.textbook_left{float:left; width:350px; padding:17px 0 0 25px; font-size:13px;}
.textbook_right{float:right; width:220px; margin:0;}

.day1_area, .day2_area, .day3_area{padding:35px 0 0 0;}
.review_test_area{padding:35px 0;}
.caption_day{font-size:20px;}
.voca_wrap{width:600px; margin:0 auto; padding:0 0 15px 0;}
.voca_right{width:350px; margin:20px auto 0 auto;}

.con_wrap{width:600px; margin:0 auto; padding:0 0 15px 0;}

.drill_wrap{width:600px; margin:0 auto; padding:0 0 15px 0;}
.drill_bottom{margin:20px auto 0 auto; width:390px;}

.mangoi_video_area{padding:35px 0;}
.sample_video{width:600px;}

.pic_wrap{width:600px; margin:0 auto;}

.idea_wrap{width:600px; margin:0 auto;}

.review_wrap{width:600px; margin:0 auto;}
}
@media all and (min-width:768px){
.study_plan_area{width:720px; margin:0 auto; padding:40px 0;}
.caption_sub.mangoi_plan{font-size:22px;}
.study_mangoi_table{font-size:13px;}

.study_plan_table_caption{font-size:13px; padding:10px 1px 10px 0;}
.study_plan_table{font-size:13px;}

.textbook_wrap{padding:0; margin:35px 0 0 0;}
.caption_sub.textbook{font-size:22px;}
.textbook_left{float:left; width:420px; padding:20px 0 0 35px; font-size:14px;}
.textbook_right{float:right; width:250px; margin:0;}

.day1_area, .day2_area, .day3_area{padding:40px 0 0 0;}
.review_test_area{padding:40px 0;}
.caption_day{font-size:22px; padding:20px 0 25px 0;}
.voca_wrap{width:720px; margin:0 auto; padding:0 0 20px 0;}
.voca_left{float:left; width:390px;}
.voca_right{float:right; width:300px; margin:5px 0 0 0;}

.con_wrap{width:720px; margin:0 auto; padding:0 0 20px 0; text-align:center;}

.drill_wrap{width:720px; margin:0 auto; padding:0 0 20px 0; text-align:center;}
.drill_bottom{margin:20px auto 0 auto; width:390px;}

.mangoi_video_area{padding:40px 0;}
.sample_video{width:720px;}

.pic_wrap{width:720px; margin:0 auto; padding:5px 0 20px 0; text-align:center;}
.pic_bottom{margin:0 0 20px 0;}

.idea_wrap{width:720px; margin:0 auto; padding:5px 0 20px 0; text-align:center;}
.idea_bottom{margin:0 0 20px 0;}

.review_wrap{width:720px; margin:0 auto; padding:5px 0 0 0;}
.review_wrap.margin{margin:30px auto 0 auto;}

.review_bottom{margin:0 0 0 0;}
}
@media all and (min-width:1024px){
.study_plan_area{width:960px; margin:0 auto; padding:50px 0;}
.caption_sub.mangoi_plan{font-size:23px;}
.study_mangoi_table{font-size:14px;}

.study_plan_table_caption{font-size:14px; padding:10px 1px 10px 0;}
.study_plan_table{font-size:14px;}

.textbook_wrap{padding:0; margin:40px 0 0 0;}
.caption_sub.textbook{font-size:23px;}
.textbook_left{float:left; width:550px; padding:40px 0 0 75px; font-size:14px; line-height:1.6;}
.textbook_right{float:right; width:320px; margin:0;}

.day1_area, .day2_area, .day3_area{padding:50px 0 0 0;}
.review_test_area{padding:50px 0;}
.caption_day{font-size:23px; padding:20px 0 25px 0;}
.voca_wrap{width:960px; margin:0 auto; padding:0 0 25px 0;}
.voca_left{float:left; width:570px; font-size:14px; line-height:1.6;}
.voca_right{float:right; width:340px; margin:0 0 0 0;}

.con_wrap{width:960px; margin:0 auto; padding:0 0 25px 0; text-align:center; font-size:14px; line-height:1.6;}
.con_bottom{width:700px; margin:0 auto;}

.drill_wrap{width:960px; margin:0 auto; padding:0 0 25px 0; text-align:center; font-size:14px; line-height:1.6;}
.drill_bottom{margin:20px auto 0 auto; width:390px;}

.mangoi_video_area{padding:50px 0;}
.sample_video{width:750px;}

.pic_wrap{width:960px; margin:0 auto; padding:10px 0 25px 0; text-align:center; font-size:14px; line-height:1.6;}
.pic_bottom{width:700px; margin:0 auto 25px auto;}

.idea_wrap{width:960px; margin:0 auto; padding:10px 0 25px 0; text-align:center; font-size:14px; line-height:1.6;}
.idea_bottom{margin:0 0 25px 0;}

.review_wrap{width:960px; margin:0 auto; padding:5px 0 0 0;}
.review_wrap.margin{margin:30px auto 0 auto;}
.review_bottom{width:700px; margin:0 auto 0 auto;}
}
@media all and (min-width:1280px){
.study_plan_area{width:1010px; margin:0 auto; padding:70px 0;}
.caption_sub.mangoi_plan{font-size:25px;}
.study_mangoi_table{font-size:14px;}

.study_plan_table_caption{font-size:14px; padding:15px 1px 12px 0;}
.study_plan_table{font-size:14px;}

.textbook_wrap{padding:0; margin:60px 0 0 0;}
.caption_sub.textbook{font-size:25px;}
.textbook_left{float:left; width:580px; padding:42px 0 0 80px; font-size:15px; line-height:1.7;}
.textbook_right{float:right; width:350px; margin:0;}

.day1_area, .day2_area, .day3_area{padding:70px 0 0 0;}
.review_test_area{padding:70px 0;}
.caption_day{font-size:23px; padding:20px 0 25px 0;}
.voca_wrap{width:1010px; margin:0 auto; padding:0 0 30px 0;}
.voca_left{float:left; width:555px; font-size:15px; line-height:1.7;}
.voca_right{float:right; width:390px; margin:0 0 0 0;}

.con_wrap{width:1010px; margin:0 auto; padding:0 0 50px 0; text-align:center; font-size:15px; line-height:1.7;}
.con_bottom{width:750px; margin:0 auto;}

.drill_wrap{width:1010px; margin:0 auto; padding:0 0 50px 0; text-align:center; font-size:15px; line-height:1.7;}
.drill_bottom{margin:20px auto 0 auto; width:390px;}

.mangoi_video_area{padding:70px 0; width:1010px; margin:0 auto;}
.sample_video{width:760px;}

.pic_wrap{width:1010px; margin:0 auto; padding:20px 0 40px 0; text-align:center; font-size:15px; line-height:1.7;}
.pic_bottom{width:750px; margin:0 auto 30px auto;}

.idea_wrap{width:1010px; margin:0 auto; padding:20px 0 40px 0; text-align:center; font-size:15px; line-height:1.7;}
.idea_bottom{width:1010px; margin:0 0 30px 0;}

.review_wrap{width:1010px; margin:0 auto; padding:15px 0 0 0; font-size:15px;}
.review_wrap.margin{margin:35px auto 0 auto;}
.review_bottom{width:750px; margin:0 auto;}
}

/** 성인과정 탭메뉴 **/
.tab_adult_wrap{background-color:#fcf9f0; border-bottom:1px solid #e3e3e3; padding:30px 0 0 0; height:71px;}
.tab_adult{text-align:center; height:41px; width:98%; margin:0 auto;}
.tab_adult li{float:left; width:33%; height:40px; line-height:40px; font-size:11px; letter-spacing:-0.5px; border-right:1px solid #e3e3e3; border-top:1px solid #e3e3e3; background-color:#fff; font-weight:500;}
.tab_adult li.one{width:34%;}
.tab_adult a{display:block; color:#333;}
.tab_adult a:hover{color:#000; font-weight:700;}

/** 성인과정 상단 **/
.adult_top_area{padding:0 3% 30px 3%;}
.img_adult_top{width:100%; margin:30px 0 0 0;}
.caption_adult{font-weight:500; font-size:18px; padding:0 0 10px 0; color:#333;}
.adult_top_text{font-size:13px; line-height:1.6; text-align:justify; color:#666; background-position:right bottom; background-repeat:no-repeat;}
.adult_top_text .padding{padding:0 0 20px 0;}
@media all and (min-width:480px){
.tab_adult li{font-size:13px;}
}
@media all and (min-width:640px){
.tab_adult_wrap{padding:35px 0 0 0; height:80px;}
.tab_adult{height:45px; width:600px; margin:0 auto;}
.tab_adult li{height:44px; line-height:44px; font-size:14px;}

.adult_top_area{padding:0 0 35px 0; width:600px; margin:0 auto;}
.adult_top_text.one{background-image:url(../images/img_adult_1.png); background-size:52%;}
.adult_top_text.two{background-image:url(../images/img_adult_2.png); background-size:58%;}
.adult_top_text.three{background-image:url(../images/img_adult_3.png); background-size:44%;}
.adult_top_text > div{width:328px;}
}
@media all and (min-width:768px){
.tab_adult_wrap{padding:40px 0 0 0; height:85px;}
.tab_adult{height:45px; width:700px; margin:0 auto;}
.tab_adult li{height:44px; line-height:44px; font-size:14px;}

.adult_top_area{padding:0 0 40px 0; width:720px;}
.adult_top_text.one{background-size:55%;}
.adult_top_text.two{background-size:56%;}
.adult_top_text.three{background-size:48%;}
.adult_top_text > div{width:360px;}
}
@media all and (min-width:1024px){
.tab_adult_wrap{padding:50px 0 0 0; height:100px;}
.tab_adult{height:50px; width:800px;}
.tab_adult li{height:49px; line-height:49px; font-size:15px;}

.adult_top_area{padding:0 0 50px 0; width:960px;}
.caption_adult{font-size:20px; padding:0 0 15px 0;}
.adult_top_text{font-size:15px; line-height:1.7;}
.adult_top_text.one{background-size:50%;}
.adult_top_text.two{background-size:49%;}
.adult_top_text.three{background-size:45%;}
.adult_top_text > div{width:500px;}
.adult_top_text .padding{padding:0 0 25px 0;}
.img_adult_top{margin:40px 0 0 0;}
}
@media all and (min-width:1280px){
.tab_adult_wrap{padding:70px 0 0 0; height:120px;}
.tab_adult{height:50px; width:800px; margin:0 auto;}
.tab_adult li{height:49px; line-height:49px; font-size:15px;}

.adult_top_area{padding:0 0 70px 0; width:1010px; margin:0 auto;}
.caption_adult{font-size:22px; padding:0 0 15px 0;}
.adult_top_text{font-size:15px; line-height:1.7;}
.adult_top_text.one{background-size:49%;}
.adult_top_text.two{background-size:48%;}
.adult_top_text.three{background-size:45%;}
.adult_top_text > div{width:520px;}
.adult_top_text .padding{padding:0 0 30px 0;}
.img_adult_top{margin:45px 0 0 0;}
}

/** 교재 보기 **/
.book_wrap{padding:30px 3%; background:url(../images/bg_book_preview.jpg) no-repeat; background-size:cover;}
.book_list > li{padding:0 0 25px 0;}
.book_list > li:last-child{padding:0;}
.book_left{margin:0 auto 20px auto; max-width:230px;}
.book_left img{width:100%; display:block; margin:0 0 10px 0;}
.btn_book_sample{display:block; height:40px; line-height:38px; background-color:#fff; color:#333; border:1px solid #444; text-align:center; font-size:15px; font-weight:500;}

.book_right{background-color:rgba(255,255,255,0.8); padding:15px 20px;}
.book_caption{font-weight:500; padding:0 0 10px 5px; color:#333;}
.book_intro{line-height:1.6; text-align:justify;}
.book_intro li{padding:0 0 5px 12px; position:relative;}
.book_intro li:before{content:''; position:absolute; width:4px; height:4px; background-color:#333; border-radius:50%; left:0; top:9px;}

@media all and (min-width:480px){

}
@media all and (min-width:640px){
.book_wrap{padding:35px 0;}
.book_area{width:600px; margin:0 auto;}

.book_list > li{display:flex; flex-direction:row; justify-content:space-between; padding:0 0 30px 0;}
.book_left{margin:0; width:200px;}
.book_right{width:calc(100% - 220px);}
}
@media all and (min-width:768px){
.book_wrap{padding:40px 0;}
.book_area{width:720px;}

.book_list > li{padding:0 0 35px 0;}
.book_left{margin:0; width:210px;}
.book_right{width:calc(100% - 230px); padding:20px 25px;}
}
@media all and (min-width:1024px){
.book_wrap{padding:50px 0;}
.book_area{width:980px;}

.book_list > li{padding:0 0 45px 0;}
.book_left{margin:0; width:220px;}
.book_right{width:calc(100% - 240px); padding:20px 25px;}
}
@media all and (min-width:1280px){
.book_wrap{padding:70px 0;}
.book_area{width:1010px;}

.book_list > li{padding:0 0 45px 0;}
.book_left{margin:0; width:225px;}
.book_right{width:calc(100% - 250px); padding:25px 30px;}
.book_caption{font-size:20px; padding:0 0 15px 5px;}
}

/** 학습지원 탭메뉴 **/
.tab_support_wrap{background-color:#fcf9f0; border-bottom:1px solid #e3e3e3; padding:30px 0 0 0; height:71px;}
.tab_support{text-align:center; height:41px; width:98%; margin:0 auto;}
.tab_support li{float:left; width:33%; height:40px; line-height:40px; font-size:11px; letter-spacing:-0.5px; border-right:1px solid #e3e3e3; border-top:1px solid #e3e3e3; background-color:#fff; font-weight:500;}
.tab_support li.one{width:34%;}
.tab_support a{display:block; color:#333;}
.tab_support a:hover{color:#000; font-weight:700;}

@media all and (min-width:480px){
.tab_support li{font-size:13px;}
}
@media all and (min-width:640px){
.tab_support_wrap{padding:35px 0 0 0; height:80px;}
.tab_support{height:45px; width:600px; margin:0 auto;}
.tab_support li{height:44px; line-height:44px; font-size:14px;}
}
@media all and (min-width:768px){
.tab_support_wrap{padding:40px 0 0 0; height:85px;}
.tab_support{height:45px; width:700px;}
.tab_support li{height:44px; line-height:44px;}
}
@media all and (min-width:1024px){
.tab_support_wrap{padding:50px 0 0 0; height:100px;}
.tab_support{height:50px; width:800px;}
.tab_support li{height:49px; line-height:49px; font-size:15px;}
}
@media all and (min-width:1280px){
.tab_support_wrap{padding:70px 0 0 0; height:120px;}
.tab_support{height:50px; width:800px;}
.tab_support li{height:49px; line-height:49px;}
}

/** 영어이름 작명소 **/
.eng_name_wrap{border-bottom:1px solid #e3e3e3;}
.eng_name_area{padding:0 0 30px 0;}
.eng_name_bg{background:url(../images/bg_eng_name.png) no-repeat right bottom; background-size:45%; height:60px;}
.eng_name_title{text-align:center; font-weight:500; color:#333; font-size:20px; padding:0 0 25px 0; font-family:'Jua', sans-serif;}

.eng_name_alpha{text-align:center; background-color:#fcf9f0; padding:12px 0;}
.eng_name_left{font-weight:500; color:#333; padding:0 0 10px 0;} 
.eng_name_navi{padding:0 10px;}
.eng_name_navi li{display:inline-block; width:22px; height:18px; line-height:18px; margin:2px 0;}
.eng_name_navi a{display:block; color:#888;}
.eng_name_navi a:hover{color:#444; border:2px solid #555; background-color:rgba(255,255,255,0.5);}
.eng_name_navi a.active{color:#333; border:2px solid #333; background-color:#fff;}

.eng_name_iframe{width:100%; height:350px; border:0; margin:20px 0 0 0;}

@media all and (min-width:480px){
.eng_name_bg{background-size:37%; height:70px;}
}
@media all and (min-width:640px){	
.eng_name_area{padding:0 0 35px 0; width:600px; margin:0 auto;}
.eng_name_bg{background-size:45%; height:80px;}
.eng_name_title{font-size:22px;}

.eng_name_left{font-size:15px;} 

.eng_name_iframe{height:370px; margin:25px 0 0 0;}
}
@media all and (min-width:768px){	
.eng_name_area{padding:0 0 40px 0; width:720px;}
.eng_name_bg{background-size:40%; height:90px; margin-top:-10px;}
.eng_name_title{font-size:23px;}

.eng_name_left{font-size:15px;} 
.eng_name_navi li{width:23px; height:19px; line-height:19px;}

.eng_name_iframe{height:390px; margin:30px 0 0 0;}
}
@media all and (min-width:1024px){	
.eng_name_area{padding:0 0 50px 0; width:960px;}
.eng_name_bg{background-size:38%; height:110px; margin-top:-30px;}
.eng_name_title{font-size:24px; padding:40px 0 0 0;}

.eng_name_left{font-size:15px; display:inline-block; padding:0; margin:0 15px 0 0;} 
.eng_name_navi{display:inline-block;}
.eng_name_navi li{width:24px; height:20px; line-height:20px;}

.eng_name_iframe{height:410px; margin:35px 0 0 0;}
}
@media all and (min-width:1280px){		
.eng_name_area{padding:0 0 70px 0; width:1010px;}
.eng_name_bg{background-size:45%; height:150px; margin-top:-60px;}
.eng_name_title{font-size:25px; padding:70px 0 0 0;}

.eng_name_left{font-size:15px; display:inline-block; padding:0; margin:0 10px 0 0;} 
.eng_name_navi li{width:26px; height:22px; line-height:22px; font-size:16px;}

.eng_name_iframe{height:500px; margin:40px 0 0 0;}
}

/** 한글의 영문 표기법 **/
.kor_eng_wrap{border-bottom:1px solid #e3e3e3;}
.kor_eng_area{padding:0 3% 30px 3%; line-height:1.5; color:#606060; font-size:13px; text-align:justify;}

.kor_eng_title{text-align:center; font-weight:500; color:#333; font-size:20px; font-family:'Jua', sans-serif;}
.kor_eng_title div{font-size:13.5px; padding:1px 0 0 0;}
.kor_eng_big{font-size:16px; color:#333; font-weight:500; padding:28px 0 0 0;}
.kor_eng_mid{font-size:13px; font-weight:400; padding:18px 0 0 1px;}
.kor_eng_mid b{font-size:15px; font-weight:500; color:#333;}
.kor_eng_small{font-weight:500; color:#333; font-size:14px; padding:15px 0 5px 2px;}

.table_ke{border-collapse:collapse; width:100%; text-align:center;}
.table_ke td{border:1px solid #e3e3e3; height:32px;}

.table_1 td{width:10%;}
.table_2 td{width:9.09%;}
.table_2{margin:0 0 10px 0;}
.table_3 td{width:11.11%;}
.table_4 td{width:33.33%;}
.table_5{width:34%;}

.kor_eng_box{width:200px; height:34px; line-height:32px; text-align:center; border:1px solid #e3e3e3;}

.ke_wrap{overflow:hidden;}
.ke_left{float:left; width:47%;}
.ke_right{float:right; width:47%;}

.ke_add_text{padding:13px 0 6px 0; color:#444; font-weight:500;}
.ke_view{padding:5px 0 5px 2px;}

.table_6{text-align:left; font-size:12px;}
.table_6 td, .table_7 td{padding:0 0 0 5px;}

.table_7{text-align:left;}

@media all and (min-width:480px){
.table_6{font-size:13px;}
.table_6 td, .table_7 td{padding:0 0 0 10px;}
}
@media all and (min-width:640px){	
.kor_eng_area{padding:0 0 35px 0; width:600px; margin:0 auto;}
.kor_eng_title{font-size:22px;}
.kor_eng_title div{font-size:14px;}

.kor_eng_box{height:36px; line-height:34px;}

.table_ke td{height:36px;}
.table_6{font-size:13px;}
.table_6 td, .table_7 td{padding:0 0 0 10px;}
.table_7 td{width:50%;}
}
@media all and (min-width:768px){	
.kor_eng_area{padding:0 0 40px 0; width:720px; font-size:14px; line-height:1.6;}

.kor_eng_title{font-size:23px;}
.kor_eng_title div{font-size:15px;}
.kor_eng_mid{font-size:14px;}

.kor_eng_box{width:210px; height:38px; line-height:36px;}

.table_ke td{height:38px;}
.table_6{font-size:14px;}
.table_6 td, .table_7 td{padding:0 0 0 15px; }
}
@media all and (min-width:1024px){	
.kor_eng_area{padding:0 0 50px 0; width:960px; font-size:14px; line-height:1.6; background:url(../images/bg_kor_eng.png) no-repeat; background-position:right 100px; background-size:200px;}

.kor_eng_title{font-size:24px;}
.kor_eng_title div{font-size:16px;}
.kor_eng_big{font-size:18px; padding:30px 0 0 0;}
.kor_eng_mid{font-size:14px; padding:20px 0 0 1px;}
.kor_eng_mid b{font-size:16px;}
.kor_eng_small{font-size:15px; padding:16px 0 5px 2px;}

.kor_eng_box{width:220px; height:40px; line-height:38px;}

.table_1, .table_2, .table_3, .table_6, .table_7, .ke_wrap{width:700px;}

.table_ke td{height:40px;}
.table_6{font-size:14px;}
.table_6 td, .table_7 td{padding:0 0 0 20px;}
}
@media all and (min-width:1280px){		
.kor_eng_area{padding:0 0 70px 0; width:1010px; font-size:14px; line-height:1.7; background-position:right 115px; background-size:230px;}

.kor_eng_title{font-size:25px;}
.kor_eng_title div{font-size:17px;}
.kor_eng_big{font-size:19px; padding:40px 0 0 0;}
.kor_eng_mid{font-size:14px; padding:25px 0 0 1px;}
.kor_eng_mid b{font-size:17px;}
.kor_eng_small{font-size:16px; padding:25px 0 10px 2px;}

.kor_eng_box{width:230px; height:44px; line-height:42px;}

.table_1, .table_2, .table_3, .table_6, .table_7, .ke_wrap{width:710px;}

.table_ke td{height:44px;}
.table_6{font-size:14px;}
.table_6 td, .table_7 td{padding:0 0 0 25px;}
}

/** 수업시 유용한 표현 **/
.class_use_wrap{border-bottom:1px solid #e3e3e3;}
.class_use_area{padding:0 3% 30px 3%;}

.tab_class_use{overflow:hidden; margin:0 auto 10px auto;}
.tab_class_use li{float:left; width:32.8%; height:38px; line-height:36px; border:1px solid #e3e3e3; text-align:center; font-size:12px; margin:0 0.8% 0 0; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 5px; color:#333; padding:0 5px;}
.tab_class_use li:last-child{margin-right:0;}
.tab_class_use li:hover{font-weight:600;}
.tab_class_use li.active{border:0; background-color:#48b78c; color:#fff; line-height:38px;}

.support_list{display:none;}
.support_list li{border-top:1px solid #000; margin:0 0 10px 0; color:#606060; font-size:12px;}
.support_list li:last-child{margin:0;}
.support_q, .support_a{padding:10px 0; overflow:hidden;}
.support_a{border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background-color:#f8f8f8;}
.support_left{float:left; width:38px; text-align:center; padding:5px 0 0 0;}
.support_left .img{width:22px;}
.support_right{float:right; width:calc(100% - 46px); text-align:justify; line-height:1.5; padding:0 10px 0 0;}

@media all and (min-width:480px){
.tab_class_use li{font-size:13px;}

.support_left{width:45px;}
.support_left .img{width:25px;}
.support_right{width:calc(100% - 55px); padding:0 12px 0 0;}
}
@media all and (min-width:640px){
.tab_class_use{margin:0 auto 15px auto;}	
.tab_class_use li{height:44px; line-height:42px; font-size:13px;}
.tab_class_use li.active{line-height:44px;}	
	
.class_use_area{padding:0 0 35px 0; width:600px; margin:0 auto;}

.support_list li{font-size:13px; margin:0 0 15px 0;}
.support_left{width:50px;}
.support_left .img{width:30px;}
.support_right{width:calc(100% - 60px); padding:0 15px 0 0;}
}
@media all and (min-width:768px){
.tab_class_use{margin:0 auto 20px auto;}
.tab_class_use li{height:44px; line-height:42px; font-size:14px;}
.tab_class_use li.active{line-height:44px;}		
	
.class_use_area{padding:0 0 40px 0; width:720px;}

.support_list li{font-size:13px; margin:0 0 20px 0;}
.support_q, .support_a{padding:15px 0;}
.support_left{width:56px; padding:3px 0 0 0;}
.support_left .img{width:32px;}
.support_right{width:calc(100% - 65px); padding:0 20px 0 0;}
}
@media all and (min-width:1024px){
.tab_class_use{margin:0 auto 25px auto;}
.tab_class_use li{height:48px; line-height:46px; font-size:15px;}
.tab_class_use li.active{line-height:48px;}		
	
.class_use_area{padding:0 0 50px 0; width:960px;}

.support_list li{font-size:14px; margin:0 0 25px 0;}
.support_q, .support_a{padding:20px 0;}
.support_left{width:60px; padding:3px 0 0 0;}
.support_left .img{width:34px;}
.support_right{width:calc(100% - 70px); padding:0 25px 0 0; line-height:1.6;}
}
@media all and (min-width:1280px){
.tab_class_use{margin:0 auto 35px auto;}
.tab_class_use li{height:48px; line-height:46px; font-size:15px;}
.tab_class_use li.active{line-height:48px;}	
		
.class_use_area{padding:0 0 70px 0; width:1010px;}

.support_list li{font-size:14px; margin:0 0 25px 0;}
.support_left{width:75px; padding:2px 0 0 0;}
.support_left .img{width:42px;}
.support_right{width:calc(100% - 85px); padding:0 30px 0 0; line-height:1.7;}
}

/** 수강절차 **/
.class_step_area{padding:0 3% 30px 3%; margin:0 auto;}
.img_class_step{background-color:#fff;}
.img_class_step img{width:100%; display:block;}

.class_step_list{margin:20px 0 0 0; border-top:1px solid #333;}
.class_step_list li{border-bottom:1px solid #dadada; padding:12px 0; display:flex; flex-direction:row; flex-wrap:wrap;}
.class_step_left{width:120px; display:flex; flex-direction:row;}
.class_step_mid{width:calc(100% - 120px); font-size:12px; line-height:1.3;}
.class_step_right{width:100%; padding:12px 0 0 0;}

.class_step_number{width:40px; color:#ff903b; font-size:30px;}
.class_step_text{color:#333; font-size:13px;}
.class_step_text small{display:block; font-size:11px; padding:2px 0 3px 0;}
.class_step_right .button_whtie_border_arrow{width:100%; height:40px; line-height:38px;}
.class_step_right.two{display:flex; flex-direction:row; justify-content:space-between;}
.class_step_right.two .button_whtie_border_arrow{width:49%; padding-left:10px;}

@media all and (min-width:480px){
.class_step_left{width:150px;}
.class_step_mid{width:calc(100% - 150px); font-size:13px;}

.class_step_number{width:54px; text-align:center;}
.class_step_text{font-size:14px;}
.class_step_text small{font-size:11px;}	
}
@media all and (min-width:640px){
.class_step_area{padding:0 3% 35px 3%;}	
.class_step_list{margin:25px 0 0 0;}
.class_step_mid{width:calc(100% - 300px); padding:0 15px 0 0;}
.class_step_right{width:150px; padding:0 0 0 0;}
.class_step_right .button_whtie_border_arrow{height:38px; line-height:36px; font-size:13px; padding-left:10px;}
.class_step_right.two{display:block;}
.class_step_right.two .button_whtie_border_arrow{width:100%;}
.class_step_right.two .button_whtie_border_arrow:first-child{margin:0 0 4px 0;}	
}
@media all and (min-width:768px){
.class_step_area{padding:0 0 40px 0; width:720px;}	
.class_step_list li{padding:15px 0;}
.class_step_left{width:160px;}
.class_step_mid{width:calc(100% - 330px); padding:0 20px 0 0; line-height:1.5; font-size:14px;}
.class_step_right{width:170px; padding:0 0 0 0;}

.class_step_number{width:54px; font-size:32px;}
.class_step_text{font-size:15px;}
.class_step_text small{font-size:12px;}

.class_step_right .button_whtie_border_arrow, .class_step_right.two .button_whtie_border_arrow{ padding-left:15px;}
}
@media all and (min-width:1024px){
.class_step_area{padding:0 0 50px 0; width:960px;}	
.class_step_list li{padding:15px 0;}
.class_step_left{width:200px;}
.class_step_mid{width:calc(100% - 380px); padding:0 30px 0 0; line-height:1.6;}
.class_step_right{width:180px; padding:0 10px 0 0;}

.class_step_number{width:70px; font-size:36px;}
.class_step_text{font-size:16px;}

.class_step_right .button_whtie_border_arrow{height:40px; line-height:38px; font-size:14px; padding-left:15px;}
}
@media all and (min-width:1280px){
.class_step_area{padding:0 0 70px 0; width:1000px;}
.class_step_list li{padding:20px 0;}
.class_step_left{width:220px;}
.class_step_mid{width:calc(100% - 410px); padding:0 30px 0 0; font-size:15px;}
.class_step_right{width:190px; padding:0 20px 0 0;}

.class_step_number{width:80px; font-size:40px;}
.class_step_text{font-size:17px;}
.class_step_text small{display:block; font-size:12px; padding:2px 0 3px 0;}	
}

/** 수강신청안내 **/
.app_class_wrap.pop{padding:30px 0 0 0;}

.app_class_area{padding:0 3% 30px 3%; margin:0 auto;}

.caption_left_common{color:#333; font-weight:400; font-size:20px; padding:0 0 15px 2px; position:relative;}
.caption_left_common b{font-weight:500;}
.caption_left_common span{position:absolute; right:1px; top:7px; font-size:14px; color:#555; display:none;}
.caption_left_common span b{color:#ff903b;}
.caption_left_common.margin{margin:50px 0 0 0;}

.caption_left_common_span{color:#333; font-weight:400; font-size:20px; padding:0 0 15px 2px; position:relative;}
.caption_left_common_span b{font-weight:500;}
.caption_left_common_span span{position:absolute; right:1px; top:7px; font-size:14px; color:#555;}

.overflow_table{overflow:auto;}
.app_class_price_table{width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #e3e3e3; min-width:720px; font-size:12px; text-align:center;}
.app_class_price_table th, .app_class_price_table td{border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; line-height:1.4;}
.app_class_price_table th{font-weight:400; padding:12px 1px; background-color:#fff;}
.app_class_price_table td{padding:15px 5px 15px 5px;}
.app_class_price_table .no_border{border-right:0;}
.app_class_price_table b{font-weight:500; color:#333;}

.app_class_bank{padding:10px 0 30px 0;}
.app_class_bank img{width:14px; vertical-align:-2px; margin:0 6px 0 0;}
.app_class_bank li{line-height:28px;}
.app_class_bank b{font-weight:500; color:#333;}

.app_class_noticeable{background-color:#fff; border:4px solid #eee; padding:20px; text-align:justify; margin:0 0 30px 0;}
.app_class_noticeable h4{font-weight:500; font-size:18px; padding:0 0 15px 5px;}
.app_class_noticeable ul{line-height:1.6;}
.app_class_noticeable li{padding:0 0 10px 13px;; position:relative;}
.app_class_noticeable li:before{content:''; position:absolute; width:4px; height:4px; background-color:#c4c4c4; border-radius:50%; left:0; top:9px;}

.app_class_refund{margin:0 0 30px 0;}
.app_class_refund li{position:relative; padding:0 0 5px 16px; text-align:justify; line-height:1.6;}
.app_class_refund b{font-weight:500; position:absolute; left:0; top:-1px; font-size:15px;}

.app_class_refund_table{width:100%; border-collapse:separate; border-spacing:4px; font-size:12px; text-align:center; line-height:1.2;}
.app_class_refund_table th{font-weight:400; background-color:#666; color:#fff; height:42px;}
.app_class_refund_table td{background-color:#fff; height:42px; padding:0 5px;}

.app_class_btns{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; -webkit-justify-content:space-between; margin:30px 0 0 0; text-align:center; border-top:1px dotted #ccc; padding:30px 0 0 0;}
.app_class_btns_left, .app_class_btns_right{width:100%;}
.app_class_btns_left{margin:0 0 25px 0;}
.app_class_btns h4{font-size:20px; font-weight:400; padding:0 0 15px 0;}
.app_class_btns h4 b{font-weight:500;}
.app_class_btns .button_orange_arrow{height:50px; line-height:50px; font-size:18px; border-radius:10px;}
.app_class_btns .button_orange_arrow img{width:8px; vertical-align:-1px;}
.app_class_btns .button_yellow_arrow{height:50px; line-height:50px; font-size:18px; border-radius:10px;}
.app_class_btns .button_yellow_arrow img{width:8px; vertical-align:-1px;}
@media all and (min-width:480px){

}
@media all and (min-width:640px){
.app_class_refund_table{font-size:13px;}

.app_class_btns{margin:50px 0 0 0;}
.app_class_btns h4{padding:0 0 20px 0;}
.app_class_btns_left, .app_class_btns_right{width:50%; padding:20px;}
}
@media all and (min-width:768px){
.caption_left_common{font-size:22px;}	
.caption_left_common span{display:block;}
.caption_left_common_span{font-size:22px;}
.app_class_wrap.pop{padding:40px 0 0 0;}
.app_class_area{padding:0 0 40px 0; width:720px;}	
.app_class_price_table{font-size:12.5px;}

.app_class_bank{display:flex; flex-direction:row;}
.app_class_bank li{padding:0 30px 0 0;}

.app_class_noticeable{padding:25px;}
.app_class_noticeable h4{font-size:20px;}

.app_class_refund_table{font-size:14px;}

.app_class_btns{margin:60px 0 0 0;}
.app_class_btns h4{font-size:24px; padding:0 0 35px 0;}
.app_class_btns .button_orange_arrow{height:56px; line-height:56px; font-size:22px; border-radius:10px;}
.app_class_btns .button_orange_arrow img{width:10px; vertical-align:-1px;}
.app_class_btns .button_yellow_arrow{height:56px; line-height:56px; font-size:22px; border-radius:10px;}
.app_class_btns .button_yellow_arrow img{width:10px; vertical-align:-1px;}
}
@media all and (min-width:1024px){
.caption_left_common{font-size:24px;}
.caption_left_common_span{font-size:24px;}	
.app_class_wrap.pop{padding:50px 0 0 0;}	
.app_class_area{padding:0 0 50px 0; width:950px;}	
.app_class_price_table{font-size:13px;}
.overflow_table{overflow:hidden;}
.app_class_refund_table{font-size:15px;}

.app_class_btns_left, .app_class_btns_right{padding:40px;}
}
@media all and (min-width:1280px){
.app_class_area{padding:0 0 70px 0; margin:0 auto; width:1000px;}
.app_class_price_table{font-size:15px;}

.app_class_noticeable{padding:25px 30px;}
}

/** 수강신청 탭메뉴 **/
.class_register_tab{display:flex; flex-direction:row;}
.class_register_tab li{width:50%; height:50px; line-height:48px; text-align:center;}
.class_register_tab .register_img_1{background:url(../images/icon_tab_application_1_off.png) no-repeat; background-size:cover;}
.class_register_tab .register_img_2{background:url(../images/icon_tab_application_2_off.png) no-repeat; background-size:cover;}
.class_register_tab span{display:inline-block; width:30px; height:20px; margin:0 5px 0 0; vertical-align:-4px;}

.class_register_tab a{border:1px solid #dadada; display:block; color:#555; font-size:16px; background-color:#fff;}
.class_register_tab a:hover{background-color:#ffac6c; border:1px solid #ffac6c; color:#fff; font-weight:500;}
.class_register_tab a:hover .register_img_1{background:url(../images/icon_tab_application_1_on.png) no-repeat; background-size:cover;}
.class_register_tab a:hover .register_img_2{background:url(../images/icon_tab_application_2_on.png) no-repeat; background-size:cover;}
.class_register_tab .active{background-color:#ff903b; border:1px solid #ff903b; color:#fff; font-weight:500;}
.class_register_tab .active .register_img_1{background:url(../images/icon_tab_application_1_on.png) no-repeat; background-size:cover;}
.class_register_tab .active .register_img_2{background:url(../images/icon_tab_application_2_on.png) no-repeat; background-size:cover;}

/** 강사 먼저 선택 **/
.class_keyword_list{border-top:1px solid #333; border-bottom:1px solid #dadada; padding:10px 0; overflow:hidden;}
.class_keyword_list.noborder{border-top:0;}
.class_keyword_list li{float:left; border:1px solid #dadada; background-color:#fff; color:#a0a0a0; text-align:center; height:34px; line-height:32px; width:32%;margin:1% 2% 1% 0; cursor:pointer; border-radius:4px;}
.class_keyword_list li:nth-child(3n+1){margin-right:0;}
.class_keyword_list li:hover{background-color:#666; color:#fff; border:1px solid #666; font-weight:500;}
.class_keyword_list .active{background-color:#333; color:#ffd83f; border:1px solid #333; font-weight:500;}
li.class_keyword_caption{background-color:#6094da; color:#fff; border:1px solid #6094da; font-weight:500; cursor:default; width:100%;}
li.class_keyword_caption:hover{background-color:#6094da; color:#fff; border:1px solid #6094da; font-weight:500; cursor:default;}
li.class_keyword_caption.gendar, li.class_keyword_caption.nation{background-color:#76c4b6; border:1px solid #76c4b6;}
li.class_keyword_caption.time{background-color:#76c4b6; border:1px solid #76c4b6;}

.class_disposition_list{border-top:1px solid #333; border-bottom:1px solid #dadada; padding:10px 0; overflow:hidden;}
.class_disposition_list.noborder{border-top:0;}
.class_disposition_list li{float:left; color:#333; text-align:center; height:42px; line-height:42px; width:33.33%; cursor:pointer; font-weight:500; position:relative; border:1px solid #fff; transition:0.3s;}
.class_disposition_list li:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:4px solid #fff; transition:0.3s; opacity:0;}
.class_disposition_list li:hover:after{opacity:1;}
.class_disposition_list li:nth-child(1){background-color:#b5ceec;}
.class_disposition_list li:nth-child(2){background-color:#b6ded6;}
.class_disposition_list li:nth-child(3){background-color:#c4e0af;}
.class_disposition_list li:nth-child(4){background-color:#f5f088;}
.class_disposition_list li:nth-child(5){background-color:#fce3e6;}
.class_disposition_list li:nth-child(6){background-color:#e6eb87;}
.class_disposition_list li:nth-child(7){background-color:#d8bbd9;}
.class_disposition_list li:nth-child(8){background-color:#f6cfbe;}
.class_disposition_list li:nth-child(9){background-color:#e7d3b8;}
.class_disposition_list li:nth-child(10){background-color:#fedfc2;}
.class_disposition_list li:nth-child(11){background-color:#bddeed;}
.class_disposition_list li:nth-child(12){background-color:#b1e8d1;}
.class_disposition_list li.active{background-color:#333; color:#ffd83f;}
.class_disposition_list li.active:after{opacity:1;}

.class_teacher_search{background-color:#fff; border:1px solid #eee; margin:20px 0; position:relative; padding:0 0 0 5px;}
.class_teacher_input{border:0; width:calc(100% - 40px); height:42px; display:block;}
.class_teacher_search_btn{position:absolute; width:22px; right:10px; top:9px;}

.teacher_select_list li{display:flex; flex-direction:row; flex-wrap:wrap; position:relative; margin:0 0 10px 0; border:3px solid #fec726; border-radius:2px;}
.teacher_select_list li:last-child{margin:0;}

.teacher_photo_wrap{width:100%; text-align:center; padding:15px 0 0 0; background-color:#fff; order:1;}
.teacher_photo{width:100%; max-width:136px; display:block; margin:0 auto 10px auto;}

.teacher_greeting_btn{width:74px; height:26px; line-height:24px; text-align:center; border:1px solid #888; color:#666; position:absolute; right:12px; top:12px; font-size:12px;}
.teacher_greeting_btn img{width:6px; margin:0 0 0 3px; vertical-align:-1px;}
.teacher_select_btn{width:100%; display:block; background-color:#c5c5c5; color:#fff; height:34px; line-height:34px; font-size:16px;}
.teacher_select_arrow{display:inline-block; width:11px; height:8px; margin:0 0 0 8px; background:url(../images/arrow_teacher_down.png) no-repeat; background-size:cover; vertical-align:1px;}
.teacher_select_btn:hover{background-color:#555; color:#fff;}
.teacher_select_btn.active{background-color:#333; color:#fff;}
.teacher_select_btn.active .teacher_select_arrow{background:url(../images/arrow_teacher_up.png) no-repeat; background-size:cover; vertical-align:2px;}

.teacher_search_btn{display:block; width:100%; height:48px; line-height:48px; background:url(../images/bg_btn_gradient.png) no-repeat center; background-size:cover; color:#fff; font-weight:500; font-size:20px; text-align:center; margin:35px 0; border-radius:10px;}

.teacher_select_none{background-color:#5fcad4; border-radius:10px; text-align:center; padding:0 0 20px 0; line-height:1.8; font-weight:500; font-size:18px; color:#fff;}
.teacher_select_none_img{display:block; width:60%; max-width:350px; margin:0 auto;}

.teacher_time_wrap{width:100%; background-color:#ffd83f; order:2; padding:10px; color:#333; display:none;}
.teacher_time_caption{padding:0 0 10px 0; border-bottom:1px solid #fff; font-size:18px; text-align:center;}
.teacher_time_caption img{width:22px; margin:0 7px 0 0; vertical-align:-4px;}
.teacher_time_table{border-collapse:collapse; border-spacing:0; width:100%; margin:10px 0; font-size:12px;}
.teacher_time_table th{font-weight:400; width:56px; text-align:center;}
.teacher_time_table td{padding:3px 0; height:38px;}
.teacher_time{display:inline-block; width:60px; height:26px; line-height:24px; text-align:center; border:1px solid #fff; margin:1px 0;}
.teacher_time:hover{background-color:rgba(255,255,255,0.7);}
.teacher_time.active{background-color:#333; color:#ffd83f; border:1px solid #333;}
.teacher_time.active_sub{background-color:#696969; color:#ffd83f; border:1px solid #696969;}
.teacher_select_submit{display:block; width:100%; height:36px; line-height:36px; text-align:center; background-color:#333; color:#ffd83f; font-size:15px; font-weight:500;}

.teacher_profile_wrap{width:100%; background-color:#fff; order:3; padding:10px 15px 15px 15px;}
.teacher_profile_table{border-collapse:collapse; border-spacing:0; width:100%; font-size:13px; line-height:1.5;}
.teacher_profile_table th{width:75px; text-align:left; font-weight:400; padding:5px 0; vertical-align:top;}
.teacher_profile_table td{padding:5px 0; vertical-align:top;}
.teacher_profile_table b{font-weight:500; color:#333;}
.teacher_select_chart{text-align:center; padding:10px 0 0 0;}

/** 날짜 먼저 선택 **/
.class_register_table{border-collapse:collapse; border-spacing:0; border-top:1px solid #333; font-size:12px; width:100%; margin:0 0 25px 0;}
.class_register_table th, .class_register_table td{border-bottom:1px solid #dadada;}
.class_register_table th{font-weight:500; color:#444; width:110px; line-height:1.3;}
.class_register_table td{padding:12px 0; text-align:justify;}

li.class_start_day{width:100%; border:0;}
li.class_start_day:hover{background-color:#fff; border:#fff;}

.class_days_wrap{overflow:hidden; border-bottom:1px solid #dadada; padding:20px 0 10px 0;}
h4.class_days_caption{background-color:#6094da; color:#fff; border:1px solid #6094da; font-weight:500; cursor:default; width:100%; height:34px; line-height:32px; border-radius:4px; text-align:center;}
.class_days_right{padding:10px 0 0 0;}
.class_days_list{overflow:hidden;}
.class_days_list.noborder{border-top:0;}
.class_days_list li{float:left; border:1px solid #dadada; background-color:#fff; color:#a0a0a0; text-align:center; height:34px; line-height:32px; width:32%;margin:0 2% 2% 0; cursor:pointer; border-radius:4px;}
.class_days_list li:nth-child(2n){margin-right:0; width:64%; border:0;}
.class_days_list li:nth-child(2n):hover{background-color:#fff; border:#fff;}
.class_days_list li:hover{background-color:#666; color:#fff; border:1px solid #666; font-weight:500;}
.class_days_list .active{background-color:#333; color:#ffd83f; border:1px solid #333; font-weight:500;}
.class_days_time{width:100%; height:34px; vertical-align:top; box-shadow:none;}

li.class_days_caption:hover{background-color:#6094da; color:#fff; border:1px solid #6094da; font-weight:500; cursor:default;}

.class_register_text{line-height:1.4; padding:12px 0 0 0;}

.radio_wrap.register .label:first-of-type{margin:0 10px 0 0;}
.radio_wrap.register .bullet_radio{top:-1px;}

.radio_wrap.count{line-height:2;}

.class_select{border:1px solid #eee; width:112px; height:30px; background-color:#fff;}
.class_register_text_box{background-color:#fff; border:1px solid #eee; padding:5px 10px; line-height:1.5; margin:10px 0 0 0;}

.class_textarea{background-color:#fff; border:1px solid #eee; padding:5px 10px; width:100%; height:100px;}

/** 강사 로딩 **/
.loading_wrap{position:fixed; left:0; right:0; top:0; bottom:0; background-color:rgba(255,255,255,0.9); z-index:100000;}
.loading_inner{position:absolute; width:300px; height:300px; left:50%; top:50%; margin:-150px 0 0 -150px; font-weight:500; font-size:18px; text-align:center; color:#111;}
.loading_img{display:block; width:150px; margin:0 auto 50px auto;}

@media all and (min-width:480px){

	
/** 날짜 먼저 선택 **/	
.class_register_table th{width:120px;}
}
@media all and (min-width:640px){
/** 강사 먼저 선택 **/
.class_keyword_list li{height:34px; line-height:32px; width:23.5%; margin:1% 2% 1% 0;}
.class_keyword_list li:nth-child(3n+1){margin-right:2%;}
.class_keyword_list li:nth-child(4n){margin-right:0;}

.class_disposition_list li{height:44px; line-height:44px;}	

.class_teacher_search{padding:0 0 0 10px;}
.class_teacher_input{width:calc(100% - 40px); height:48px;}
.class_teacher_search_btn{width:24px; right:20px; top:11px;}

.teacher_greeting_btn{width:100px; height:32px; line-height:30px; right:12px; top:12px; font-size:14px;}
.teacher_greeting_btn img{width:7px; margin:0 0 0 3px; vertical-align:-1px;}

.teacher_profile_wrap{display:flex; flex-direction:row; justify-content:space-between;}
.teacher_profile_table{width:calc(100% - 150px);}
.teacher_select_chart{width:30%; padding:20px 10px 10px 10px; width:140px;}
	
/** 날짜 먼저 선택 **/
.class_register_table{font-size:13px; margin:0 0 30px 0;}
.class_register_table th{width:145px;}
.radio_wrap.register .bullet_radio{top:2px;}
.radio_wrap.count{line-height:1;}

.class_days_wrap{}
h4.class_days_caption{float:left; width:23.5%; margin:0 2% 0 0;}
.class_days_right{float:left; width:74.5%; padding:0;}
.class_days_list{}
.class_days_list li{height:34px; line-height:32px; width:31.5%; margin-right:2.5%;}
.class_days_list li:nth-child(2n){width:31.5%;}
}
@media all and (min-width:768px){
/** 강사 먼저 선택 **/
.class_keyword_list li{height:36px; line-height:34px;}

.class_disposition_list li{height:50px; line-height:50px; width:25%;}	

.teacher_select_list li{flex-wrap:no-wrap; margin:0 0 15px 0; justify-content:space-between; border:0;}
.teacher_select_none{font-size:24px; padding:0 0 30px 0;}

.teacher_photo_wrap{width:25%; padding:15px 0 0 0;}

.teacher_profile_wrap{width:73.5%; order:2; padding:10px 15px 0 15px;}
.teacher_select_chart{padding:55px 0 0 0; width:140px;}

.teacher_time_wrap{order:3; padding:15px 15px 15px 3px; overflow:hidden; position:relative;}
.teacher_time_caption{padding:50px 0 0 0; border-bottom:0; font-size:18px; text-align:center; float:left; width:25%;}
.teacher_time_caption img{width:50px; margin:0 auto 15px auto; vertical-align:0; display:block;}
.teacher_time_line{position:absolute; left:25.5%; top:15px; bottom:15px; width:1px; background-color:#fff;}
.teacher_time_table{float:left; width:calc(75% - 140px); margin:0 0 0 10px; font-size:13px;}
.teacher_time_table th{width:65px;}
.teacher_time{width:60px; height:26px; line-height:24px; cursor:pointer;}
.teacher_select_submit{position:absolute; right:20px; top:50%; transform:translateY(-50%); width:110px; height:110px; line-height:110px; border-radius:50%;}

/** 날짜 먼저 선택 **/	
.class_register_table{font-size:14px; margin:0 0 35px 0;}
.class_register_table th{width:160px;}
.class_register_table td{padding:15px 0;}
.class_select{width:140px; height:36px;}
.class_register_text_box{padding:10px 15px; line-height:1.7;}
.class_textarea{height:120px; padding:10px 15px;}

h4.class_days_caption{height:36px; line-height:34px;}
.class_days_list li{height:36px; line-height:34px;}
.class_days_time{height:36px;}

/** 강사 로딩 **/
.loading_inner{width:350px; height:300px; margin:-150px 0 0 -175px; font-size:24px;}
}
@media all and (min-width:1024px){
/** 강사 먼저 선택 **/
.class_keyword_list{padding:15px 0; font-size:15px;}
.class_keyword_list li{height:40px; line-height:38px; width:18%; margin:1.25% 2.5% 1.25% 0;}
.class_keyword_list li:nth-child(3n){margin-right:2.5%;}
.class_keyword_list li:nth-child(4n){margin-right:2.5%;}
.class_keyword_list li:nth-child(5n){margin-right:0;}

.class_keyword_list.week li{width:15%; margin:1.25% 1.2% 1.25% 0;}
.class_keyword_list.week li:first-child{width:18%; margin:1.25% 2.1% 1.25% 0;}
.class_keyword_list li:nth-child(5n){margin-right:1.2%;}
.class_keyword_list.week li:nth-child(6n){margin-right:0;}

.class_disposition_list{padding:20px 0;}
.class_disposition_list li{height:60px; line-height:60px; font-size:18px;}
.class_disposition_list li:hover:after{border:5px solid #fff;}
.class_disposition_list li.active:after{border:5px solid #fff;}

.class_teacher_search{padding:0 0 0 15px; margin:25px 0;}
.class_teacher_input{ width:calc(100% - 45px); height:50px; font-size:15px;}
.class_teacher_search_btn{width:26px; right:25px; top:12px;}

.teacher_select_list li{margin:0 0 20px 0;}
.teacher_select_none{font-size:28px; padding:0 0 40px 0;}

.teacher_photo_wrap{width:22%; padding:20px 0 0 0;}

.teacher_greeting_btn{right:20px; top:20px;}

.teacher_profile_wrap{width:76.5%; padding:15px 25px 0 25px;}
.teacher_profile_table{width:calc(100% - 160px); font-size:14px; line-height:1.6;}
.teacher_profile_table th{width:85px;}
.teacher_select_chart{padding:60px 0 0 0; text-align:right; width:150px;}

.teacher_time_wrap{padding:15px 15px 15px 4px;}
.teacher_time_caption{width:22%;}
.teacher_time_line{left:22.5%; top:15px; bottom:15px;}
.teacher_time_table{width:calc(78% - 150px);}
.teacher_time_table th{width:75px;}
.teacher_select_submit{width:120px; height:120px; line-height:120px; font-size:16px; right:25px;}		
	
/** 날짜 먼저 선택 **/	
.class_register_table{margin:0 0 45px 0;}
.class_register_table th{width:200px;}

h4.class_days_caption{width:18%; margin:0 2.5% 0 0; font-size:15px; height:40px; line-height:38px;}
.class_days_list{font-size:15px;}
.class_days_list li{height:40px; line-height:38px; width:24%; margin:0 3.5% 3.5% 0;}
.class_days_list li:nth-child(2n){width:23.5%;}
.class_days_time{height:40px;}

/** 강사 로딩 **/
.loading_inner{width:400px; height:300px; margin:-150px 0 0 -200px; font-size:30px;}
}
@media all and (min-width:1280px){
/** 강사 먼저 선택 **/
.class_keyword_list{font-size:16px;}
.class_keyword_list li{height:50px; line-height:48px;}

.class_disposition_list{padding:25px 0;}
.class_disposition_list li{height:70px; line-height:70px; font-size:19px;}

.class_teacher_search{padding:0 0 0 20px; margin:30px 0;}
.class_teacher_input{ width:calc(100% - 50px); height:54px;}
.class_teacher_search_btn{width:28px; right:30px; top:13px;}

.teacher_select_list li{margin:0 0 20px 0;}

.teacher_photo_wrap{width:21%; padding:30px 0 0 0;}

.teacher_greeting_btn{right:25px;}

.teacher_greeting_btn img{width:7px; margin:0 0 0 3px; vertical-align:-1px;}

.teacher_profile_wrap{width:77.5%; padding:20px 30px 0 30px;}
.teacher_profile_table{width:calc(100% - 170px);}
.teacher_profile_table th{width:90px;}
.teacher_select_chart{padding:60px 0 0 0; width:160px;}

.teacher_time_wrap{padding:18px 18px 18px 5px;}
.teacher_time_caption{font-size:20px; width:21%;}
.teacher_time_caption img{width:50px; margin:0 auto 15px auto; vertical-align:0; display:block;}
.teacher_time_line{left:21.6%; top:18px; bottom:18px;}
.teacher_time_table{ width:calc(79% - 160px); font-size:14px;}
.teacher_time_table th{width:85px;}
.teacher_time_table td{padding:3px 0; height:38px;}
.teacher_time{width:64px; height:28px; line-height:26px; margin:2px 1px;}
.teacher_select_submit{right:30px; width:140px; height:140px; line-height:140px; font-size:17px;}
	
/** 날짜 먼저 선택 **/	
.class_register_table{margin:0 0 50px 0;}	
.class_register_table th{width:230px;}
.class_register_table td{padding:20px 0;}
.class_select{width:150px; height:40px;}
.class_register_text_box{padding:15px 20px;}
.class_textarea{height:140px; padding:15px 20px;}

h4.class_days_caption{font-size:16px; height:50px; line-height:48px;}
.class_days_list{font-size:16px;}
.class_days_list li{height:50px; line-height:48px;}
.class_days_time{height:50px;}
}

/** 수강안내 및 규정 **/
.caption_left_common.center{text-align:center; padding:0 0 25px 0;  font-family:'Jua', sans-serif; font-size:22px;}
.caption_left_common.center.two{padding:5px 0 25px 0;}	
.class_guide_box{border:3px solid #ff8f39; background-color:#fff; padding:10px 15px; font-size:13px; margin:0 0 25px 0; line-height:1.6;}
.class_guide_box.center{text-align:center;}
.class_guide_box h3{font-weight:500; color:#333; font-size:17px; text-align:center; padding:0 0 5px 0;}

.class_guide_list, .class_rule_list{font-size:13px;}
.class_guide_list li{line-height:1.8; position:relative; padding:0 0 4px 20px; background:url(../images/bullet_orange.png) no-repeat 0 4px; background-size:14px; text-align:justify;}
.class_guide_list li.table{background-position:0 3px;}
.class_guide_list li:last-child{padding-bottom:0;}
.class_guide_list b{color:#333; font-weight:500;}
.class_guide_list.one, .class_guide_list.two, .class_guide_list.three{margin:0 0 25px 0;}
.class_guide_list_table{width:100%; border-collapse:collapse; line-height:1.5;}
.class_guide_list_table th{color:#333; font-weight:500;}
.class_guide_list_table th, .class_guide_list_table td{vertical-align:top;}
.class_guide_list_table.one th{width:73px;}
.class_guide_list_table.two th{width:33px;}
.class_guide_list_table.three th{width:73px;}
.class_guide_list_table.four th{width:95px;}

.app_class_refund_table.orange{margin:0 0 30px 0;}
.app_class_refund_table.orange th{background-color:#ff8f39; height:42px;}

.class_rule_caption.orange{font-weight:500; position:relative; padding:0 0 10px 20px; background:url(../images/bullet_orange.png) no-repeat 0 10%; background-size:14px; font-size:16px;}
.class_rule_list{margin:0 0 25px 0;}
.class_rule_list:last-child{margin:0;}
.class_rule_list li{line-height:1.6; position:relative; padding:0 0 4px 20px; text-align:justify;}
.class_rule_list span{position:absolute; left:0; top:0;}
@media all and (min-width:480px){

}
@media all and (min-width:640px){

}
@media all and (min-width:768px){
.caption_left_common.center{font-size:24px;}	
.caption_left_common.center.two{padding:15px 0 25px 0;}
.class_guide_box{padding:15px 20px;}
.class_guide_box, .class_guide_list.one, .class_guide_list.two, .class_guide_list.three, .class_rule_list{margin:0 0 30px 0;}
.class_guide_box, .class_guide_list, .class_rule_list{font-size:14px;}

.class_rule_list li{padding:0 0 4px 22px;}

.class_guide_list_table.one th{width:76px;}
.class_guide_list_table.two th{width:35px;}
.class_guide_list_table.three th{width:76px;}
.class_guide_list_table.four th{width:102px;}
}
@media all and (min-width:1024px){
.app_class_area.guide{width:800px;}
.caption_left_common.center{padding:0 0 30px 0; font-size:26px;}	
.caption_left_common.center.two{padding:15px 0 30px 0;}
.class_guide_box{padding:20px 25px;}
.class_guide_box, .class_guide_list.one, .class_guide_list.two, .class_guide_list.three, .class_rule_list{margin:0 0 35px 0;}
}
@media all and (min-width:1280px){
.class_guide_box, .class_guide_list, .class_rule_list{font-size:15px;}	
	
.caption_left_common.center{padding:0 0 35px 0; font-size:28px;}	
.caption_left_common.center.two{padding:20px 0 35px 0;}
.class_guide_box{padding:30px 35px;}
.class_guide_box, .class_guide_list.one, .class_guide_list.two, .class_guide_list.three, .class_rule_list{margin:0 0 40px 0;}
.class_rule_list li{padding:0 0 4px 24px;}

.class_guide_list li{background-position:0 5px;}
.class_guide_list li.table{background-position:0 4px;}

.class_guide_list_table.one th{width:82px;}
.class_guide_list_table.two th{width:39px;}
.class_guide_list_table.three th{width:82px;}
.class_guide_list_table.four th{width:110px;}
}

/** 레벨테스트 **/
.level_step_area{padding:0 3% 30px 3%; margin:0 auto;}
.level_test_img{width:100%;}
.level_test_img.pc{display:none;}
.level_test_area{background:url(../images/bg_sub_pattern.png) no-repeat; background-size:cover; background-color:#fcf9f0;}
.level_test_box{padding:30px 3%; margin:0 auto;}

.level_test_1{padding:0 0 20px 0; line-height:1.6; text-align:justify;}
.level_test_1 b{font-weight:500; color:#222;}
.img_level_intro{display:block; width:80%; max-width:768px; margin:5px auto 25px auto;}

.level_test_2{padding:0 0 30px 0;}
.level_test_2_caption{text-align:center; color:#444; font-size:18px; font-weight:400; padding:0 0 20px 0;}

.level_test_2_table{width:100%; border-collapse:separate; border-spacing:2px; font-size:12px; line-height:1.2; min-width:640px;}
.level_test_2_table th{font-weight:400; background-color:#ff899d; color:#fff; height:42px; text-align:center; border-radius:4px;}
.level_test_2_table td{background-color:#fff; height:42px; border-radius:4px;}
.level_test_2_table b{color:#ff899d; font-weight:400;}
.level_test_2_table .td_1{padding:0 0 0 15px;}
.level_test_2_table .td_2{padding:0 0 0 20px;}
.level_test_2_table img{width:18px; margin:0 0 0 10px; vertical-align:-3px;}
.level_test_2_table a{color:#fff;}

.level_test_3_table{width:100%; min-width:600px; line-height:1.6; font-size:12px;}
.level_test_3_table th{background-color:#ff899d; color:#fff; font-weight:500; padding:10px 0 10px 20px; text-align:left; width:180px; line-height:1.9; border-radius:6px;}
.level_test_3_table td{text-align:justify; padding:0 0 0 20px;}
.img_level_high{display:block; width:80%; max-width:768px; margin:5px auto 25px auto;}

.button_gradient.leveltest{width:220px;}
@media all and (min-width:480px){

}
@media all and (min-width:640px){
.level_step_area{padding:0 0 35px 0; width:600px;}
.level_test_box{padding:35px 0; width:600px;}
.level_test_1{padding:0 0 25px 0;}
.img_level_intro, .img_level_high{margin:10px auto 30px auto;}

.level_test_2{padding:0 0 35px 0;}
.button_gradient.leveltest{width:230px; height:48px; line-height:48px;} 
}
@media all and (min-width:768px){
.level_step_area{padding:0 0 40px 0; width:720px;}
.level_test_img.m{display:none;}
.level_test_img.pc{display:block;}

.level_test_box{padding:40px 0; width:720px;}
.level_test_1{padding:0 0 30px 0;}
.img_level_intro, .img_level_high{margin:15px auto 35px auto;}

.level_test_2{padding:0 0 40px 0;}

.level_test_2_caption{font-size:22px;}
.level_test_2_table{font-size:14px; letter-spacing:0;}

.level_test_3_table{font-size:13px;}
.level_test_3_table th{padding:10px 0 10px 20px; width:200px;}
    
.button_gradient.leveltest{width:270px; height:60px; line-height:60px; font-size:20px;}      
}
@media all and (min-width:1024px){
.level_step_area{padding:0 0 50px 0; width:900px;}
.level_test_box{padding:50px 0; width:800px;}
.level_test_1{line-height:1.8; padding:0 0 40px 0;}
.level_test_2{padding:0 0 50px 0;}

.level_test_3_table{font-size:14px;}
.level_test_3_table th{padding:15px 0 15px 25px; width:230px;}
.level_test_3_table td{line-height:1.7;}
}
@media all and (min-width:1280px){
.level_step_area{padding:0 0 70px 0; width:1000px;}
.level_test_box{padding:70px 0; width:820px;}
.level_test_1{padding:0 0 50px 0;}
.img_level_intro, .img_level_high{margin:20px auto 40px auto;}

.level_test_2{padding:0 0 65px 0;}
.level_test_2_caption{font-size:24px;}
.level_test_2_table{font-size:15px; border-spacing:5px;}
.level_test_2_table th, .level_test_2_table td{hanging-punctuation:44px; border-spacing:6px;}

.level_test_3_table{font-size:15px;}
.level_test_3_table th{padding:20px 0 20px 30px; width:250px; line-height:2;}
.level_test_3_table td{line-height:1.8;}
    
.button_gradient.leveltest{width:340px; height:70px; line-height:70px; font-size:24px;}      
}

/** 마이페이지 상단 **/
.mypage_wrap{border-bottom:1px solid #e3e3e3;}

.mypage_area{padding:0 0 30px 0; margin:0 auto;}
.mypage_top_wrap{display:flex; flex-direction:row; flex-wrap:wrap; margin:0 auto;}
.mypage_top_left{width:100%; background-color:#ffd83f; padding:20px 3% 0 3%; display:flex; flex-direction:row; position:relative; height:210px;}
.mypage_top_right{width:100%; background-color:#333; text-align:center; padding:20px 25px 22px 25px;}

.mypage_photo{position:relative; width:80px; height:80px; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:50%;}
.mypage_photo_add{position:absolute; width:30px; left:-2px; bottom:-2px;}
.mypage_info{padding:2px 0 0 15px; color:#333; width:calc(100% - 80px);}
.mypage_join{font-size:12px; line-height:1.3;}
.mypage_name{font-weight:400; font-size:19px; padding:0 0 10px 1px;}

.mypage_point{padding:5px 0 0 0; font-size:14px;}
.mypage_point b{font-size:18px; font-weight:500; padding:0 10px 0 5px;}

.mypage_point .button_br_black{display:block; margin:5px 0;}

.mypage_btns{display:flex; flex-direction:row; justify-content:space-between; position:absolute; left:3%; right:3%; bottom:20px;}
.mypage_btns li{width:31%;}
.mypage_btns li a{width:100%;}

.mypage_today_class{display:flex; flex-direction:row; justify-content:space-between; line-height:24px; width:280px; margin:0 auto 20px auto;}

.mypage_today{font-size:24px; color:#ffd83f; font-weight:400;}
.mypage_today_teacher{font-size:17px; color:#ffd83f;}
.mypage_today_time{color:#fff; padding:0 2px 0 0;}
.mypage_today_btns{display:flex; flex-direction:row; justify-content:space-between; width:260px; margin:0 auto;}
.mypage_today_btns li{width:48.5%;}

@media all and (min-width:480px){
.mypage_top_left{padding:20px 5% 0 5%; height:190px;}

.mypage_photo{width:90px; height:90px;}
.mypage_photo_add{width:32px;}
.mypage_info{padding:5px 0 0 20px; width:calc(100% - 90px);}
.mypage_join{font-size:13px;}

.mypage_point{padding:10px 0 0 0;}
.mypage_btns{left:5%; right:5%;}
.mypage_point .button_br_black{display:inline-block; margin:0;}
}
@media all and (min-width:640px){
.mypage_top_left{padding:20px 10% 0 10%; height:200px;}
.mypage_top_right{padding:23px 25px 24px 25px;}

.mypage_photo{width:100px; height:100px;}
.mypage_photo_add{width:35px;}
.mypage_info{padding:8px 0 0 25px; width:calc(100% - 100px);}
.mypage_name{font-size:21px;}
.mypage_join{font-size:14px;}

.mypage_point{padding:10px 0 0 0;}
.mypage_btns{left:10%; right:10%;}
}
@media all and (min-width:768px){
.mypage_area{padding:0 0 40px 0; width:740px;}
.mypage_top_wrap{flex-wrap:no-wrap;}
.mypage_top_left{padding:30px 20px 0 25px; width:69%; height:245px;}
.mypage_top_right{padding:40px 15px 0 15px; width:31%;}

.mypage_photo{width:130px; height:130px;}
.mypage_photo_add{width:45px;}
.mypage_info{padding:12px 0 0 20px; width:auto;}
.mypage_name{font-size:22px;}
.mypage_join{font-size:13px;}
.mypage_point{padding:20px 0 30px 0; font-size:16px;}
.mypage_point b{font-size:20px; padding:0 10px 0 5px;}

.mypage_btns{position:absolute; left:25px; right:25px; bottom:25px;}
.mypage_btns .button_black_yellow{width:100%;}

.mypage_today_class{line-height:1; width:100%; margin:0; display:block;}

.mypage_today_teacher{padding:48px 0 55px 0;}
.mypage_today_btns{display:flex; flex-direction:row; justify-content:space-between; width:100%; margin:0 auto;}
.mypage_today_btns li{width:50%;}
.mypage_today_btns .button_yellow_black{width:100%;}
.mypage_today_btns .button_br_yellow{width:100%;}
}
@media all and (min-width:1024px){
.mypage_area{padding:0 0 50px 0; width:980px;}
.mypage_top_left{padding:40px 25px 0 30px; width:70%; height:260px;}
.mypage_top_right{padding:52px 20px 0 20px; width:30%;}

.mypage_photo{width:180px; height:180px;}
.mypage_info{padding:12px 0 0 25px;}

.mypage_name{font-size:24px;}
.mypage_join{font-size:14px;}
.mypage_point{padding:25px 0 25px 0; font-size:16px;}
.mypage_point b{font-size:22px; padding:0 10px 0 5px;}

.mypage_btns{position:static;}
.mypage_btns .button_black_yellow{width:130px;}

.mypage_today_teacher{padding:43px 0 48px 0;}
.mypage_today_btns li{width:48.5%;}
}
@media all and (min-width:1280px){
.mypage_area{padding:0 0 70px 0; width:1000px;}
.mypage_top_left{padding:40px 25px 0 30px; width:70%; height:270px;}
.mypage_top_right{padding:52px 25px 0 25px; width:30%;}

.mypage_photo{width:190px; height:190px;}
.mypage_info{padding:12px 0 0 30px;}
.mypage_point{padding:25px 0 30px 0;}

.mypage_today_teacher{padding:45px 0 51px 0;}
}

/** 마이페이지 탭버튼 / 수강규정, 안내 **/
.mypage_tip_btns{display:flex; flex-direction:row; justify-content:space-between; margin:15px 0 0 0;}
.mypage_tip_btns li{width:49%; height:42px; line-height:40px;}
.mypage_tip_btns a{display:block; background-color:#fcf9f0; color:#333; text-align:center; border:1px solid #eee;}
.mypage_tip_btns b{font-weight:500;}
.mypage_tip_btns img{width:22px; display:inline-block; vertical-align:-4px; margin:0 5px 0 0;}

.app_class_area.mypage{padding:30px 3%;}
.app_class_area.mypage .class_guide_box{border-color:#6094da;}
.app_class_refund_table.blue{margin:0 0 30px 0;}
.app_class_refund_table.blue th{background-color:#6094da;}
.app_class_area.mypage .class_guide_list li{line-height:1.6; position:relative; padding:0 0 4px 20px; background:url(../images/bullet_blue.png) no-repeat 0 4px; background-size:14px; text-align:justify;}
.class_rule_caption{font-weight:500; position:relative; padding:0 0 10px 20px; background:url(../images/bullet_blue.png) no-repeat 0 1px; background-size:14px; font-size:16px;}
@media all and (min-width:480px){

}
@media all and (min-width:640px){
.mypage_tip_btns li{height:50px; line-height:48px;}
.mypage_tip_btns a{font-size:16px;}
.mypage_tip_btns img{width:25px; vertical-align:-5px; margin:0 8px 0 0;}

.app_class_area.mypage{padding:35px 3%;}
}
@media all and (min-width:768px){
.mypage_tip_btns li{line-height:50px;}
.mypage_tip_btns a{border:0; background:url(../images/arrow_btn_right.png) no-repeat 90% 50%; background-size:10px; background-color:#f7f7f7; text-align:left; padding:0 0 0 30px;}

.app_class_area.mypage{padding:40px 0;}
}
@media all and (min-width:1024px){
.mypage_tip_btns{margin:20px 0 0 0;}
.mypage_tip_btns li{height:60px; line-height:60px;}
.mypage_tip_btns a{font-size:18px;}
.mypage_tip_btns img{width:28px;}

.app_class_area.mypage{padding:50px 0;}
}
@media all and (min-width:1280px){
.mypage_tip_btns li{height:70px; line-height:70px;}
.mypage_tip_btns a{background-size:12px; padding:0 0 0 45px; background-position:91% 50%;}
.mypage_tip_btns img{width:30px; margin:0 10px 0 0;}

.app_class_area.mypage{padding:70px 0;}
}

/** 마이페이지 팁 **/
.mypage_tip_area{padding:30px 3%; margin:0 auto; position:relative;}
.tip_img_1{width:100%; margin:0 0 25px 0;}
.tip_list_1{border:6px solid #eee; padding:15px 5px 15px 20px; background-color:#fff;}
.tip_list_1 li{line-height:2.2;}
.tip_list_1 b{display:inline-block; width:24px; height:24px; line-height:24px; border-radius:50%; background-color:#6094da; color:#fff; margin:0 5px 0 0; text-align:center;}

.mypage_tip_wrap_2{background:url(../images/bg_tip_green.jpg) no-repeat center; background-size:cover;}
.mypage_tip_box{position:relative; padding:5px 0 25px 0;}
.mypage_tip_box:last-of-type{padding:5px 0 0 0;}
.tip_img_2, .tip_img_3{width:100%;}
.tip_list_2, .tip_list_3{padding:20px 5px 0 5px; color:#444; text-align:justify;}
.tip_list_2 h5, .tip_list_3 h5{color:#333; font-weight:500; font-size:15px;}
.tip_list_2 li, .tip_list_3 li{position:relative; padding:0 0 10px 32px; line-height:1.6;}
.tip_list_2 b, .tip_list_3 b{position:absolute; left:0; top:0; width:24px; height:24px; line-height:24px; border-radius:50%; background-color:#6094da; color:#fff;  text-align:center;}
.tip_list_2 li:last-child, .tip_list_3 li:last-child{padding-bottom:0;}

.mypage_tip_wrap_3{background-color:#fcf9f0;}

#tip_1, #tip_2, #tip_3, #tip_top{margin-top:-80px; padding-top:80px;}
.mypage_tip_top{position:absolute; text-align:center; right:15px; bottom:15px; color:#333; z-index:10;}
.mypage_tip_top img{display:block; width:26px; margin:0 0 6px 0; opacity:0.9;}

@media all and (min-width:480px){
.tip_list_1{border:6px solid #eee; padding:15px 5px 15px 30px;}
}
@media all and (min-width:640px){
.mypage_tip_area{padding:35px 0; width:600px;}
.tip_img_1{margin:0 0 30px 0;}

.mypage_tip_box{padding:10px 0 25px 0;}
}
@media all and (min-width:768px){
.mypage_tip_area{padding:40px 0; width:720px;}	
.tip_list_1{padding:40px 5px 40px 30px; width:50%; margin:15px 0 0 0;}
.tip_img_1{position:absolute; width:58%; right:0; top:105px; z-index:10;}

.mypage_tip_box{width:720px; height:300px; margin:10px auto 35px auto;}
.mypage_tip_box:last-of-type{margin-bottom:0;}
.tip_img_2, .tip_list_2, .tip_img_3, .tip_list_3{position:absolute;}

.tip_img_2{right:0; top:0; width:60%;}
.tip_list_2{left:0; top:0; width:39%;}

.tip_img_3{left:0; top:0; width:60%;}
.tip_list_3{right:0; top:0; width:39%;}

.mypage_tip_top{right:25px; bottom:40px;}
}
@media all and (min-width:1024px){
.mypage_tip_area{padding:40px 0; width:960px;}	
.tip_list_1{padding:55px 15px 55px 45px; width:50%; margin:15px 0 0 0;}
.tip_list_1 li{line-height:2.4; font-size:15px;}
.tip_list_1 b{width:26px; height:26px; line-height:26px; margin:0 6px 0 0;}
.tip_img_1{width:57%; top:98px;}	

.mypage_tip_box{width:960px; height:400px; margin:10px auto 45px auto;}

.tip_list_2, .tip_list_3{padding:25px 5px 0 5px; font-size:15px;}
.tip_list_2 h5, .tip_list_3 h5{font-size:16px;}
.tip_list_2 b, .tip_list_3 b{width:26px; height:26px; line-height:26px;}
.tip_list_2 li, .tip_list_3 li{padding:0 0 10px 34px; line-height:1.7;}

#tip_1, #tip_2, #tip_3, #tip_top{margin-top:-90px; padding-top:90px;}
}
@media all and (min-width:1280px){
.mypage_tip_area{padding:70px 0; width:1000px;}
.tip_list_1{padding:70px 15px 70px 50px; width:50%; margin:15px 0 0 0;}
.tip_list_1 li{line-height:2.5;}	
.tip_img_1{width:60%; top:140px;}

.mypage_tip_box{width:1000px; height:415px; margin:10px auto 50px auto;}
.mypage_tip_top{right:30px; bottom:45px;}
}

/** 마이페이지 학습이력 / 결제내역 / 포인트내역 **/
.mypage_inner{padding:30px 3% 0 3%;}
.bbs_page{text-align:center; padding:40px 0 0 0;}
.bbs_page a, .bbs_page span{color:#555; vertical-align:middle; display:inline-block; background:#fff; border:1px solid #ddd; height:32px; line-height:30px; width:32px; text-align:center; font-weight:500;}
.bbs_page a:hover{border:1px solid #333;}
.bbs_page .active{border-bottom:3px solid #333; color:#333;}
.bbs_page img{height:8px; margin:-3px 0 0 0;}

.caption_left_br{font-size:20px; font-weight:400; color:#333; padding:0 0 12px 2px; border-bottom:1px solid #333; margin:0 0 15px 0; position:relative;}
.caption_left_br b{font-weight:500; color:#333;}
.caption_left_br span{position:absolute; top:7px; right:2px; color:#555; font-size:14px;}
.caption_left_br .text{display:none;}
.caption_left_br .text b{color:#ff8f39;}

.overflow_table_history{overflow:auto;}
.mypage_history_table{border-collapse:collapse; border-spacing:0; width:100%; min-width:740px;}
.mypage_history_table th{background-color:#333; color:#fff; height:50px; font-weight:400;}
.mypage_history_table td{text-align:center; border-bottom:1px solid #dadada; height:52px; padding:5px 1px;}

.study_data_btn{width:32px;}

.study_start{display:inline-block; background-color:#91a8d1; color:#fff; width:54px; height:26px; line-height:26px; text-align:center;}
.study_ing{display:inline-block; background-color:#f8786b; color:#fff; width:54px; height:26px; line-height:26px; text-align:center;}
.study_complete{display:inline-block; background-color:#9896a4; color:#fff; width:54px; height:26px; line-height:26px; text-align:center;}

.study_repeat{line-height:2.1;}
.study_repeat_btn{display:inline-block; border:1px solid #9896a4; color:#555; width:40px; height:26px; line-height:24px; text-align:center;}

.study_repeat_btn_2{display:inline-block; background-color:#fff3bf; color:#555; width:90px; height:26px; line-height:24px; text-align:center; border:1px solid #9896a4;}
.study_repeat_btn_3{display:inline-block; border:1px solid #9896a4; color:#555; width:90px; height:26px; line-height:24px; text-align:center;}

.mypage_payment_table{border-collapse:collapse; border-spacing:0; width:100%; min-width:660px;}
.mypage_payment_table th{background-color:#333; color:#fff; height:50px; font-weight:400;}
.mypage_payment_table td{text-align:center; border-bottom:1px solid #dadada; height:52px; padding:5px 1px;}
.mypage_payment_table a{color:#555;}

.mypage_point_table{border-collapse:collapse; border-spacing:0; width:100%; font-size:13px;}
.mypage_point_table th{background-color:#333; color:#fff; height:50px; font-weight:400;}
.mypage_point_table td{text-align:center; border-bottom:1px solid #dadada; height:52px; padding:5px 1px;}
.point_minus{color:#ff8f39;}
@media all and (min-width:480px){
.mypage_point_table{font-size:14px;}
}
@media all and (min-width:640px){
.mypage_inner{padding:35px 3% 0 3%;}
.caption_left_br .text{display:block;}
}
@media all and (min-width:768px){
.mypage_inner{padding:40px 0 0 0;}
.caption_left_br{font-size:22px;}
    
.study_repeat_btn_2, .study_repeat_btn_3{width:100px;}    
}
@media all and (min-width:1024px){
.caption_left_br{font-size:24px;}
}
@media all and (min-width:1280px){
.study_repeat_btn_2, .study_repeat_btn_3{width:110px; height:30px; line-height:28px;}  
}

/** 선생님 마이페이지 **/
.tab_teacher_wrap{background-color:#fcf9f0; border-bottom:1px solid #e3e3e3; padding:30px 0 0 0; height:71px;}
.tab_teacher{text-align:center; height:41px; width:98%; margin:0 auto;}
.tab_teacher li{float:left; width:33%; height:40px; line-height:40px; font-size:14px; letter-spacing:-0.5px; border-right:1px solid #e3e3e3; border-top:1px solid #e3e3e3; background-color:#fff; font-weight:500;}
.tab_teacher li.one{width:34%;}
.tab_teacher a{display:block; color:#333;}
.tab_teacher a:hover{color:#000; font-weight:700;}

.mypage_teacher_wrap{border-bottom:1px solid #dadada;}
.mypage_teacher_area{padding:0 3% 30px 3%; margin:0 auto;}

.mypage_teacher_mode_img{width:130px; margin:0 auto; display:block;}
.mypage_teacher_mode_text{text-align:center; padding:20px 0 40px 0; font-size:18px;}
.mypage_teacher_mode_wait{font-size:30px; font-weight:500; color:#333; text-align:center; padding:30px 0 20px 0; border-top:1px dashed #ccc;}

.mypage_teacher_password_img{width:120px; margin:0 auto; display:block;}
.mypage_teacher_password_text{text-align:center; padding:20px 0 40px 0; font-size:18px;}
.mypage_teacher_password_input{display:block; width:100%; height:50px; text-align:center; border:1px solid #dadada; margin:0 0 10px 0; padding:0; font-size:16px;}
.mypage_teacher_password_box .button_yellow_black{width:100%; height:50px; line-height:50px; font-size:18px; font-weight:500;}

.mypage_teacher_device_img{width:130px; margin:0 auto; display:block;}
.mypage_teacher_device_text{text-align:center; padding:20px 0 40px 0; font-size:18px;}
.mypage_teacher_device_select{display:block; width:100%; height:50px; border:1px solid #dadada; margin:0 0 10px 0; padding:0 0 0 15px; font-size:16px;}
.mypage_teacher_device_box .button_yellow_black{width:100%; height:50px; line-height:50px; font-size:18px; font-weight:500;}

.mypage_teacher_dash_inner{margin:0 0 10px 0;}
.mypage_teacher_dash_select{display:block; width:100%; height:50px; border:1px solid #dadada; margin:0 0 10px 0; padding:0 0 0 15px; font-size:16px;}
.mypage_teacher_dash_box .button_yellow_black{width:100%; height:50px; line-height:50px; font-size:18px; font-weight:500;}
.mypage_teacher_dash_text{text-align:center; padding:35px 0 35px 0; font-size:18px; background-color:#fafafa;}
.mypage_teacher_dash_img{width:120px; margin:0 auto 25px auto; display:block;}
.mypage_teacher_dash_table{width:100%; border-collapse:collapse;}
.mypage_teacher_dash_table th{background-color:#333; color:#fff; width:33.33%; height:46px; font-weight:500;}
.mypage_teacher_dash_table td{border-bottom:1px solid #dadada; height:48px; text-align:center;}
.mypage_teacher_dash_table .button_br_black{font-size:14px; color:#333; width:90px;}

@media all and (min-width:640px){
.tab_teacher_wrap{padding:35px 0 0 0; height:80px;}
.tab_teacher{height:45px; width:600px;}
.tab_teacher li{height:44px; line-height:44px; font-size:15px;}
	
.mypage_teacher_area{padding:0 3% 35px 3%;}

.mypage_teacher_password_box{width:500px; margin:0 auto;}

.mypage_teacher_device_box{width:500px; margin:0 auto;}

.mypage_teacher_dash_box{width:500px; margin:0 auto;}
}
@media all and (min-width:768px){
.tab_teacher_wrap{padding:40px 0 0 0; height:85px;}
.tab_teacher{width:700px;}
	
.mypage_teacher_area{padding:0 0 40px 0; width:700px;}

.mypage_teacher_mode_img{width:250px;}
.mypage_teacher_mode_text{padding:30px 0 50px 0; font-size:24px;}
.mypage_teacher_mode_wait{font-size:50px; padding:45px 0 30px 0;}

.mypage_teacher_password_img{width:230px;}
.mypage_teacher_password_text{padding:30px 0 50px 0; font-size:24px;}

.mypage_teacher_device_img{width:250px;}
.mypage_teacher_device_text{padding:30px 0 50px 0; font-size:24px;}

.mypage_teacher_dash_box{width:700px; margin:0 auto;}
.mypage_teacher_dash_inner{display:flex; flex-direction:row; justify-content:space-between; margin:0 0 20px 0;}
.mypage_teacher_dash_select{width:24%; height:50px; font-size:14px; padding:0 0 0 10px;}
.mypage_teacher_dash_box .button_yellow_black{width:24%; font-size:18px;}
.mypage_teacher_dash_img{width:230px; margin:0 auto 35px auto;}
.mypage_teacher_dash_text{padding:50px 0; font-size:24px;}
}
@media all and (min-width:1024px){
.tab_teacher_wrap{padding:0 0 50px 0 0 0; height:100px;}
.tab_teacher{height:50px; width:800px;}
.tab_teacher li{height:49px; line-height:49px; font-size:15px;}	
	
.mypage_teacher_area{padding:45px 0; width:900px;}

.mypage_teacher_dash_box{width:900px;}
.mypage_teacher_dash_select{font-size:15px; padding:0 0 0 15px;}
}
@media all and (min-width:1280px){
.tab_teacher_wrap{padding:70px 0 0 0; height:120px;}
	
.mypage_teacher_area{padding:0 0 50px 0; width:1000px;}
}

/** 결제하기 **/
.payment_wrap{padding:30px 3%; margin:0 auto;}
.payment_wrap table, .payment_wrap li{font-size:13px;}
.payment_caption{text-align:center; font-weight:500; font-size:22px; padding:0 0 20px 0;}

.payment_table_1{border-top:1px solid #333; border-collapse:collapse; width:100%; line-height:1.9; margin-bottom:20px;}
.payment_table_1 th, .payment_table_1 td{border-bottom:1px solid #dadada;}
.payment_table_1 th{background-color:#f7f7f7; font-weight:500; color:#555; width:85px; height:40px;}
.payment_table_1 td{padding:5px 5px 5px 10px; color:#777;}
.payment_table_1 .radio_wrap .input_radio:checked + .label{font-weight:500; color:#555;}
.payment_table_1 .radio_wrap .label .bullet_radio{border:0; background-color:#f1f1f1;}
.payment_table_1 .orange{color:#ff903b;}
.radio_wrap.type .label .bullet_radio{top:2px;}
.radio_wrap.time .label{display:inline-block; margin:0 20px 0 0;}
.radio_wrap.time .label:last-of-type{margin:0;}
.radio_wrap.time .label .bullet_radio{top:4px;}
.radio_wrap.minute .label{display:inline-block;}
.radio_wrap.minute .label:first-of-type{ margin:0 25px 0 0;}
.radio_wrap.minute .label .bullet_radio{top:4px;}
.radio_wrap.duration .label{display:inline-block; margin:0 20px 0 0;}
.radio_wrap.duration .label:last-of-type{margin:0;}
.radio_wrap.duration .label .bullet_radio{top:4px;}

.payment_table_2{border-top:1px solid #333; border-collapse:collapse; width:100%; line-height:1.9; margin-bottom:20px;}
.payment_table_2 th, .payment_table_2 td{border-bottom:1px solid #dadada;}
.payment_table_2 th{font-weight:500; color:#555; width:85px; height:40px;}
.payment_table_2 td{padding:5px 5px 5px 10px; color:#777;}
.price_bold{font-weight:500; color:#333; font-size:16px; padding:0 2px 0 0;}
input.input_point{text-align:center; padding:0; border:1px solid #dadada; width:70px; height:22px; margin:0 2px 0 1px; vertical-align:1px;}

.payment_left_caption{font-weight:400; font-size:16px; padding:0 0 10px 2px;}
.payment_left_caption b{font-weight:500;}
.payment_table_3, .payment_table_4{border-top:1px solid #333; border-collapse:collapse; width:100%; line-height:2.4; margin-bottom:20px;}
.payment_table_3{border-bottom:1px solid #dadada;}
.payment_table_3 th{padding:8px 0 8px 12px; text-align:left; font-weight:500;}
.payment_table_3 .bullet{display:inline-block; width:2px; height:2px; background-color:#555; margin:0 6px 0 0; border-radius:50%; vertical-align:4px;}
.payment_table_3 td{color:#333; font-size:16px; text-align:right; padding:8px 12px 8px 0; line-height:2; font-weight:500;}

.payment_table_4 th{padding:8px 0 8px 12px; text-align:left; font-weight:500; border-bottom:1px solid #dadada;}
.payment_table_4 .bullet{display:inline-block; width:2px; height:2px; background-color:#555; margin:0 6px 0 0; border-radius:50%; vertical-align:4px;}
.payment_table_4 td{color:#333; font-size:16px; text-align:right; padding:8px 12px 8px 0; line-height:2; font-weight:500; border-bottom:1px solid #dadada;}
.payment_table_4 .orange{color:#ff903b;}

.button_orange_white.payment{height:44px; line-height:44px; width:100%; display:block;}

.payment_table_5{border-top:1px solid #333; border-collapse:collapse; width:100%; line-height:1.9; margin:20px 0 20px 0;}
.payment_table_5 th, .payment_table_5 td{border-bottom:1px solid #dadada;}
.payment_table_5 th{font-weight:500; color:#555; width:85px; height:40px;}
.payment_table_5 td{padding:5px 5px 5px 10px; color:#777;}
.payment_table_5 .line_height{line-height:1.5;}
.payment_table_5 strong{font-weight:500; color:#555;}
.payment_table_5 .orange{color:#ff903b;}

.payment_attention_list{line-height:1.5; padding:25px 0 0 0;}
.payment_attention_list li{position:relative; padding:0 0 5px 12px;}
.payment_attention_list li:last-child{padding-bottom:0;}
.payment_attention_list li:before{content:''; width:3px; height:3px; background-color:#ff903b; border-radius:50%; position:absolute; left:2px; top:8px;}
@media all and (min-width:480px){

}
@media all and (min-width:640px){
.payment_wrap{padding:35px 0; width:600px;}
.payment_table_1 th, .payment_table_2 th, .payment_table_5 th{width:120px;}
.payment_table_1 td, .payment_table_2 td, .payment_table_5 td{padding-left:20px;}
.point_text{display:inline; padding:0 0 0 5px;}
.payment_table_wrap{display:flex; flex-direction:row; justify-content:space-between;}
.payment_table_left, .payment_table_right{width:47%;}
.payment_table_3 th{padding:18px 0 18px 12px;}
}
@media all and (min-width:768px){
.payment_wrap{padding:40px 0; width:700px;}
.payment_wrap table, .payment_wrap li{font-size:14px;}
.payment_caption{font-size:24px; padding:0 0 25px 0;}
.payment_table_1, .payment_table_2, .payment_table_3, .payment_table_4{margin-bottom:25px;}
.payment_table_5{margin:25px 0;}
.payment_table_1 th, .payment_table_2 th, .payment_table_5 th{width:140px;}
.payment_table_3 th{padding:17px 0 16px 12px;}
.payment_left_caption{font-size:18px;}

.radio_wrap.type .label .bullet_radio{top:3px;}
.radio_wrap.time .label .bullet_radio{top:5px;}
.radio_wrap.minute .label .bullet_radio{top:5px;}
.radio_wrap.duration .label .bullet_radio{top:5px;}
}
@media all and (min-width:1024px){
.payment_wrap{padding:45px 0; width:720px;}
.payment_caption{font-size:26px; padding:0 0 30px 0;}
.payment_table_1, .payment_table_2, .payment_table_3, .payment_table_4{margin-bottom:30px;}
.payment_table_5{margin:30px 0;}
.payment_table_1 th, .payment_table_2 th, .payment_table_5 th{width:150px;}
}
@media all and (min-width:1280px){
.payment_wrap{padding:50px 0; width:730px;}
.payment_caption{font-size:28px; padding:0 0 35px 0;}
.payment_table_1, .payment_table_2, .payment_table_3, .payment_table_4{margin-bottom:35px;}
.payment_table_5{margin:35px 0;}
}

/** 마이페이지 나의 공부방, 일정 **/
.schedule_caption{position:relative; text-align:center; color:#333; font-weight:500; font-size:20px; padding:0 0 15px 0; margin:0 0 15px 0; border-bottom:1px solid #333;}
.schedule_left, .schedule_right{width:10px; margin:0 8px; vertical-align:-1px;}
.schedule_btns_right{text-align:right; padding:0 0 15px 0;}
.button_whtie_border_arrow.schedule{width:100px; height:28px; line-height:26px; font-weight:400; padding-left:10px; background-position:90% 50%; font-size:13px;}
.button_orange_white.lesson{width:100px; height:28px; line-height:28px; font-size:13px;}
.schedule_select{width:100px; height:28px; position:absolute; top:-3px; right:0; border:1px solid #dadada;}

.schedule_wrap{padding:0 3% 0 3%;}
.schedule_list > li{border:2px solid #eaeaea; margin:0 0 10px 0; display:flex; flex-direction:row; flex-wrap:wrap; position:relative;}
.schedule_list > li:last-child{margin:0;}
.schedule_inner{display:flex; flex-direction:row; flex-wrap:wrap; padding:12px 15px; color:#333; width:100%;}
.schedule_date{font-weight:500; text-align:center; font-size:14px;}
.schedule_date b{font-weight:500; display:block; padding:4px 0 0 0; font-size:24px;}
.schedule_bar{width:28px; text-align:center; margin:0 20px;}
.schedule_bar .bar{width:100%;}
.schedule_teacher{padding:0 0 5px 1px;}
.schedule_english{text-align:center; display:flex; flex-direction:row;}
.schedule_english_left{background-color:#333; color:#ffd83f; width:100px; height:24px; line-height:24px;}
.schedule_english_right{background-color:#ffd83f; color:#333; width:60px; height:24px; line-height:24px;}
.schedule_time{width:100%; border:2px dotted #ccc; border-radius:8px; font-weight:500; font-size:16px; margin:12px 0 0 0; display:flex; justify-content:center; align-items:center; padding:8px 0;}
.schedule_time .icon{width:20px; margin:0 6px 0 0; vertical-align:-3px;}
.schedule_btns{background-color:#f5f5f5; padding:12px 15px; width:100%;}
.schedule_btns{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center;}
.schedule_btns li{width:30%; margin:1.5%; display:flex;}
.schedule_btns a{display:inline-block; height:30px; line-height:30px; width:100%; text-align:center; color:#fff;}

.schedule_active:before{content:''; position:absolute; left:-2px; top:-2px; right:-2px; bottom:-2px; border:4px solid rgba(255,216,63,0.95);}

.mypage_survey_wrap{background-color:#ffd83f; color:#333; margin:0 0 25px 0; border-collapse:collapse; border-spacing:0; width:100%;}
.survey_img{display:none;}
.survey_left{padding:0 0 0 12px; font-size:12px; line-height:1.2;}
.survey_left h3{font-size:16px; padding:0 0 5px 0; font-weight:500; font-family:'Jua', sans-serif;}
.survey_right{position:relative; text-align:center; width:100px;}
.survey_bg{position:relative; width:100px; display:block;}
.survey_link{position:absolute; left:42%; top:50%; transform:translateY(-50%); color:#ffd83f;}
.survey_caption{line-height:1.2; font-size:13px;}
.survey_go{font-weight:500; font-size:18px; padding:3px 0 0 0;}

.remark_list{border-top:1px solid #333; margin:0 auto;}
.remark_list li{border-bottom:1px solid #dadada; padding:10px 10px 10px 15px;}
.remark_left{padding:0 0 7px 0;}
.remark_left span{display:inline-block; width:122px; height:28px; line-height:28px; color:#fff; text-align:center; margin:0 4px 0 0;}
.remark_left span:last-child{margin:0;}
.remark_right{line-height:1.4;}

.color_unregist_data{background-color:#91a8d1; color:#fff;}
.color_lesson_video{background-color:#88b14b; color:#fff;}
.color_review_quiz{background-color:#f8786b; color:#fff;}
.color_review_book{background-color:#FE9147; color:#fff;}
.color_attend{background-color:#006aa7;}
.color_absent{background-color:#e11a5c;}
.color_cancel_1{background-color:#e94d42;}
.color_feedback{background-color:#3cb79c;}
.color_finish{background-color:#c9a062;}
.color_cancel_2{background-color:#c9a062;}
.color_result{background-color:#3cb79c;}
.color_classin{background-color:#e94d42;}
.color_today{background-color:#e94d42;}
.color_requst{background-color:#5085cf;}
.color_postpone{background-color:#9f9fa0;}
.color_cancel_3{background-color:#9f9fa0;}
.color_comment{background-color:#ac7a66;}
.color_mark{background-color:#ac7a66;}
.color_evaluation{background-color:#ac7a66;}
@media all and (min-width:480px){
.schedule_btns li{width:22%;}
	
.survey_left{padding:0 0 0 20px;}
}
@media all and (min-width:640px){
.schedule_caption{font-size:22px;}
.schedule_left, .schedule_right{width:11px; margin:0 10px; vertical-align:-2px;}
 
	
.schedule_inner{padding:15px 20px; justify-content:space-between;}
.schedule_bar{margin:0;}
.schedule_time{width:200px; height:100%; margin:0; padding:0;}
	
.mypage_survey_wrap{margin:0 0 30px 0;}		
.mypage_survey_wrap	th{text-align:center; width:180px;}
.survey_img{display:inline-block; width:110px;}
.survey_left{padding:0; font-size:13px; line-height:1.4;}
.survey_left h3{font-size:18px;}

.survey_link{left:45%;}
.survey_bg{width:150px;}
.survey_caption{font-size:14px;}
.survey_go{font-size:18px; padding:5px 0 0 0;}
}
@media all and (min-width:768px){
.schedule_caption{font-size:23px; padding:0 0 15px 0; margin:0 0 15px 0;}
    
.schedule_wrap{padding:0;}
	
.mypage_survey_wrap{margin:0 0 35px 0;}		
.mypage_survey_wrap	th{width:250px;}
.survey_img{width:150px;}
.survey_left{font-size:14px;}
.survey_left h3{font-size:19px;}

.survey_link{left:47%;}
.survey_bg{width:220px;}
.survey_caption{font-size:14px;}
.survey_go{font-size:19px; padding:8px 0 0 0;}	
	
.remark_list li{display:flex; flex-direction:row;}
.remark_left{padding:0; width:275px;}
.remark_right{line-height:28px;}
}
@media all and (min-width:1024px){
.schedule_caption{font-size:24px; padding:0 0 20px 0; margin:0 0 20px 0;}
.schedule_left, .schedule_right{width:12px;}
.button_whtie_border_arrow.schedule{width:120px; height:32px; line-height:30px; font-size:14px;}
.button_orange_white.lesson{width:120px; height:32px; line-height:32px; font-size:14px;}  
.schedule_select{width:120px; height:32px; top:-2px;}
	
.schedule_list > li{margin:0 0 15px 0; align-items:center;}
.schedule_inner{padding:15px 0 15px 30px; width:calc(100% - 290px); justify-content:left;}
.schedule_date{width:100px;}
.schedule_date b{padding:5px 0 0 0; font-size:30px;}
.schedule_bar{width:38px; margin:0 35px 0 20px;}
.schedule_teacher{padding:0 0 8px 1px;}
.schedule_english_left{height:26px; line-height:26px;}
.schedule_english_right{height:26px; line-height:26px;}
.schedule_time{width:200px; height:52px;  margin:0 0 0 55px;}
.schedule_btns{padding:15px 20px; width:290px; justify-content:left;}
.schedule_btns li{width:46%; margin:2%;}
	
.mypage_survey_wrap{margin:10px 0 45px 0;}		
.mypage_survey_wrap	th{width:300px;}
.survey_img{width:170px;}
.survey_left{font-size:15px;}
.survey_left h3{font-size:22px; padding:0 0 10px 0; line-height:1.5;}

.survey_link{left:48%;}
.survey_bg{width:250px;}
.survey_caption{font-size:15px;}
.survey_go{font-size:22px; padding:8px 0 0 0;}		
	
.remark_list li{padding:12px 15px 12px 20px;}
.remark_left{width:300px;}
}
@media all and (min-width:1280px){
.schedule_caption{font-size:26px; padding:0 0 20px 0; margin:0 0 20px 0;}
.schedule_left, .schedule_right{margin:0 15px;}
.button_whtie_border_arrow.schedule{width:130px; height:34px; line-height:32px; padding-left:15px;}
.button_orange_white.lesson{width:130px; height:34px; line-height:34px;}   
.schedule_select{width:130px; height:33px; top:-1px;}    

.schedule_inner{width:calc(100% - 300px);}	
.schedule_bar{margin:0 37px 0 22px;}
.schedule_time{margin:0 0 0 57px;}
.schedule_btns{width:300px;}
	
.mypage_survey_wrap{margin:20px 0 60px 0;}		
.mypage_survey_wrap	th{width:315px; text-align:right; padding:0 45px 0 0;}
.survey_img{width:190px;}
.survey_left{font-size:16px; line-height:1.6;}
.survey_left h3{font-size:28px;}

.survey_link{left:50%;}
.survey_bg{width:295px;}
.survey_caption{font-size:16px;}
.survey_go{font-size:26px; padding:12px 0 0 0;}		
	
.remark_list li{padding:15px 15px 15px 20px;}
.remark_left{width:320px;}
}

/** 평가보고서/레벨테스트 **/
.mypage_report_tab{display:flex; flex-direction:row;}
.mypage_report_tab li{width:50%; height:50px; line-height:48px; text-align:center;}
.mypage_report_tab a{border:1px solid #dadada; display:block; color:#555; font-size:16px; background-color:#fff;}
.mypage_report_tab a:hover{background-color:#ffe068; border:1px solid #ffe068; color:#333; font-weight:500;}
.mypage_report_tab .active{background-color:#ffd83f; border:1px solid #ffd83f; color:#333; font-weight:500;}

.mypage_report_table{border-collapse:collapse; border-spacing:0; width:100%;}
.mypage_report_table th{background-color:#333; color:#fff; height:50px; font-weight:400;}
.mypage_report_table td{text-align:center; border-bottom:1px solid #dadada; height:52px; padding:5px 1px;}
.mypage_report_btn{width:32px;}

.report_wrap{padding:10px 15px;}
.report_month_caption{height:48px; line-height:48px; text-align:center; color:#333; font-weight:500; font-size:20px; background:url(../images/img_report_top.png) no-repeat right bottom; background-size:contain; position:relative;}
.report_print_btn{position:absolute; left:0; top:6px; width:112px; height:38px; text-align:center; line-height:36px; border:1px solid #9896a4; color:#333; font-size:18px; display:none;}
.report_print_btn .icon{width:23px; margin:0 6px 0 0; vertical-align:-4px;}
.report_studen_name{background-color:#ffd83f; color:#333; text-align:center; height:40px; line-height:40px; margin:0 0 10px 0;}
.report_studen_name b{font-weight:500;}
.report_caption_left{color:#333; padding:10px 0 10px 2px; font-weight:500; font-size:15px;}

.report_top{overflow:hidden;}
.report_comment{border:1px solid #eee; border-radius:8px; padding:10px 15px; line-height:1.5; margin:0 0 20px 0; background-color:#f7f7f7; text-align:justify;}

.report_table{border-collapse:collapse; border-spacing:0; width:100%; font-size:12px; line-height:1.5; margin:0 0 10px 0; color:#333;}
.report_table th{font-weight:400; text-align:center; height:40px; border:1px solid #eee;}
.report_table td{text-align:center; height:40px; border:1px solid #eee; padding:8px 10px;}
.report_table b{font-weight:500;}
.report_bg_gray{background-color:#fcf9f0;}
.report_table .text_left{text-align:left;}
.report_chart_wrap{padding:20px 0 0 0; text-align:center;}
.report_chart_1{padding:0 0 25px 0;}
.report_chart_1 .img{width:100%; max-width:270px;}
.report_chart_2 .img{width:100%; max-width:590px;}
.report_chart_mark{text-align:center;}
.report_chart_mark li{display:inline-block; padding:0 5px;}

.bg_green_1{background-color:#d3f3ee;}
.bg_green_2{background-color:#f3fcfb;}

.bg_pink_1{background-color:#ffd5df;}
.bg_pink_2{background-color:#fff0f3;}
.bg_pink_3{background-color:#fff9fb;}

.bg_yellow_1{background-color:#ffea97;}
.bg_yellow_2{background-color:#fff4c7;}
.bg_yellow_3{background-color:#fffbe8;}

.text_color_green{color:#49ab9f;}
.text_color_red{color:#f95659;}
.text_color_orange{color:#fd6f00;}

@media all and (min-width:480px){

}
@media all and (min-width:640px){
.report_wrap{padding:20px 25px;}	
.report_month_caption{height:50px; line-height:50px; font-size:22px;}
.report_studen_name{height:42px; line-height:42px; font-size:15px;}	
.report_table{font-size:13px;}
}
@media all and (min-width:768px){
.report_wrap{padding:25px 30px;}

.report_top_left{float:left; width:48%;}
.report_top_right{float:right; width:48%;}
.report_comment{padding:15px 20px; line-height:1.6; margin:0 0 25px 0;}
}
@media all and (min-width:1024px){
.report_wrap{padding:30px 35px;}	
.report_month_caption{height:64px; line-height:50px; font-size:28px;}
.report_print_btn{display:block;}
.report_studen_name{height:46px; line-height:46px; font-size:16px;}	
.report_caption_left{font-size:16px; padding:15px 0 10px 2px;}

.report_comment{padding:20px 25px; line-height:1.8; margin:0 0 30px 0;}
.report_table{font-size:14px; margin:0 0 15px 0;}
.report_table th, .report_table td{height:44px;}
.report_chart_wrap{overflow:hiddne; padding:25px 0 0 0; text-align:center;}
.report_chart_1{float:left; width:400px;}
.report_chart_2{float:right; width:calc(100% - 420px);}
}
@media print and (min-width:1024px){
.report_chart_1{float:none; width:100%;}
.report_chart_2{float:none; width:100%;}   
#chartdiv_1{display:inline-block;}    
}
@media all and (min-width:1280px){
.report_wrap{padding:35px 45px;}	
.report_month_caption{height:70px; font-size:30px;}
.report_studen_name{height:48px; line-height:48px; font-size:17px;}	
.report_caption_left{font-size:16px; padding:20px 0 10px 2px;}
.report_table{margin:0 0 20px 0;}
.report_table th, .report_table td{height:48px;}
.report_chart_wrap{padding:30px 0 0 0;}
}
/** 자주 묻는 질문 **/
.tab_faq{overflow:hidden; margin:0 auto 10px auto;}
.tab_faq li{float:left; width:32%; height:38px; line-height:36px; border:1px solid #e3e3e3; text-align:center; font-size:13px; margin:0 2% 2% 0;}
.tab_faq li:nth-child(3n){margin-right:0;}
.tab_faq a{display:block; padding:0 5px; color:#333;}
.tab_faq a:hover{font-weight:500; background-color:#58cb9e; border:1px solid #58cb9e; color:#fff;}
.tab_faq a.active{background-color:#48b78c; border:1px solid #48b78c; color:#fff; font-weight:500;}

.faq_sub_wrap{border-bottom:1px solid #e3e3e3;}
.faq_sub_area{padding:0 3% 30px 3%; margin:0 auto;}
.faq_sub_list{border-top:1px solid #333; text-align:justify; font-size:13px; line-height:1.5;}
.faq_sub_list li{border-bottom:1px solid #dadada;}
.faq_sub_list a{color:#444;}
.faq_q{display:flex; flex-direction:row; padding:10px 0;}
.faq_icon{width:60px; display:flex; justify-content:center; align-items:center;}
.faq_icon .icon{width:28px;}
.faq_a .icon{padding:5px 0 0 0;}
.faq_question{width:calc(100% - 100px); display:flex; align-items:center;}
.faq_arrow{width:40px; background-image:url(../images/arrow_down_gray.png); background-position:50% 50%; background-repeat:no-repeat; background-size:18px;}
.faq_arrow.active{background-image:url(../images/arrow_up_gray.png); background-position:50% 50%; background-repeat:no-repeat; background-size:18px;}

.faq_a{overflow:hidden; border-top:1px solid #dadada; background-color:#f9f9f9; padding:10px 0; display:none;}
.faq_icon, .faq_answer{float:left;}
.faq_answer{width:calc(100% - 60px); padding:0 12px 0 0;}
@media all and (min-width:480px){

}
@media all and (min-width:640px){
.tab_faq li{font-size:14px;}	
	
.faq_sub_area{padding:0 3% 35px 3%;}	
.faq_sub_list{font-size:14px;}
.faq_icon{width:70px;}
.faq_question{width:calc(100% - 120px);}
.faq_arrow{width:50px;}
.faq_answer{width:calc(100% - 70px);}
}
@media all and (min-width:768px){
.tab_faq li{width:23.5%; font-size:14px; margin:0 2% 2% 0;}
.tab_faq li:nth-child(3n){margin-right:2%;}
.tab_faq li:nth-child(4n){margin-right:0;}
	
.faq_sub_area{padding:0 0 40px 0; width:700px;}
.faq_q{padding:12px 0;}
.faq_a{padding:15px 18px 15px 0;}
}
@media all and (min-width:1024px){
.tab_faq{margin:0 auto 20px auto;}
.tab_faq li{width:19%; font-size:15px; margin:0 1.25% 1.25% 0; height:44px; line-height:42px;}
.tab_faq li:nth-child(3n){margin-right:1.25%;}
.tab_faq li:nth-child(4n){margin-right:1.25%;}	
.tab_faq li:nth-child(5n){margin-right:0;}
	
.faq_sub_area{padding:0 0 50px 0; width:900px;}
.faq_sub_list{line-height:1.6; font-size:15px;}
.faq_q{padding:15px 0;}
.faq_a{padding:18px 20px 18px 0;}
.faq_icon{width:80px;}
.faq_question{width:calc(100% - 140px);}
.faq_arrow{width:60px;}
.faq_answer{width:calc(100% - 80px);}
}
@media all and (min-width:1280px){	
.tab_faq li{font-size:16px; height:46px; line-height:44px;}

.faq_sub_area{padding:0 0 70px 0; width:980px;}
.faq_q{padding:16px 0;}
.faq_a{padding:20px 25px 20px 0;}
.faq_icon{width:90px;}
.faq_question{width:calc(100% - 160px);}
.faq_arrow{width:70px;}
.faq_answer{width:calc(100% - 90px);}
.faq_icon .icon{width:30px;}
}

/** 1:1상담 **/
.mantoman_wrap{border-bottom:1px solid #e3e3e3;}
.mantoman_area{padding:0 3% 30px 3%; margin:0 auto;}

.mantoman_btn_area{padding:0 0 30px 0; text-align:right;}
.mantoman_btn_area .button_whtie_border_arrow{width:100%;}

.mantoman_first{background-color:#333; height:50px; line-height:50px; color:#fff; text-align:center; display:flex; flex-direction:row;}
.mantoman_first .caption{width:70%;}
.mantoman_first .date{width:24%; display:none;}
.mantoman_first .status{width:30%;}

.mantoman_list li{text-align:center; font-size:13px;}
.mantoman_q{display:flex; flex-direction:row; border-bottom:1px solid #dadada;}
.mantoman_q{background-color:#f7f7f7; line-height:54px;}
.mantoman_a{display:none; overflow:hidden;  border-bottom:1px solid #dadada;}
.mantoman_icon{text-align:right; width:14%; padding:0 10px 0 0; line-height:54px;}
.mantoman_icon .icon{width:26px; vertical-align:-7px;}
.mantoman_a .mantoman_icon{padding:2px 10px 0 0; float:left;}
.mantoman_question{width:56%; text-align:left;}
.mantoman_date{width:24%; display:none;}
.mantoman_status{width:30%;}
.mantoman_answer{width:86%; text-align:justify; line-height:1.7; padding:12px 15px 12px 0; float:left;}

.mantoman_btn{background-color:#ff903b; color:#fff; width:90px; height:30px; line-height:30px; text-align:center; display:inline-block; padding:0 0 0 2px;}
.mantoman_arrow{background:url(../images/arrow_teacher_down.png) no-repeat; background-size:100%; width:10px; height:9px; display:inline-block; margin:0 0 0 6px; vertical-align:-1px;}
.mantoman_btn.active .mantoman_arrow{background:url(../images/arrow_teacher_up.png) no-repeat; background-size:100%;}

/** 이벤트 **/
.event_area{padding:0 3% 30px 3%; margin:0 auto;}
.event_list li{background-color:#fff; border-radius:10px; padding:10px; margin:0 0 10px 0;}
.event_list a{display:flex; flex-direction:row; color:#666;}
.event_img{width:130px; height:100px; background-repeat:no-repeat; background-size:cover; border-radius:8px;}
.event_right{width:calc(100% - 130px); padding:0 0 0 10px; position:relative;}
.event_status{display:inline-block; width:52px; height:22px; line-height:22px; background-color:#c3c3c3; color:#fff; text-align:center; border-radius:8px; font-size:12px; font-weight:500;}
.event_status.ing{background-color:#ffd83f; color:#333;}
.event_caption{font-weight:500; color:#333; padding:10px 0 5px 0; font-size:15px;}
.event_text{font-size:12px; line-height:1.2; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:2.4em; display:none;}
.event_date{position:absolute; left:10px; bottom:10px; font-size:12px;}

.event_content_wrap{padding:0 0 20px 0; border-bottom:1px solid #dadada;}
.event_content_top{position:relative;}
.event_content_img{width:100%; border-radius:20px;}
.event_content_top .event_status{position:absolute; left:15px; top:15px; font-size:14px; width:62px; height:26px; line-height:26px;}
.event_content_area{padding:20px 10px 0 10px; line-height:1.4; text-align:justify; word-break:break-all; color:#666;}
.event_content_caption{font-weight:500; padding:0 0 10px 0; font-size:17px; color:#333;}
@media all and (min-width:480px){
.event_img{width:160px; height:110px;}
.event_caption{font-size:16px; padding:6px 0 5px 0;}	
.event_text{display:block;}
.event_date{bottom:5px;}
}
@media all and (min-width:640px){
.event_area{padding:0 3% 35px 3%;}	
.event_list li{padding:12px;}
.event_img{width:180px; height:125px;}	
.event_right{padding:0 0 0 20px;}
.event_status{width:58px; height:24px; line-height:24px; font-size:13px;}
.event_caption{padding:1px 0 8px 0; font-size:18px;}
.event_text{font-size:14px;}
.event_date{left:20px; bottom:5px; font-size:14px;}

.event_content_wrap{padding:0 0 25px 0;}
}
@media all and (min-width:768px){
.mantoman_list li{font-size:14px;}	
	
.event_area{padding:0 0 40px 0; width:700px;}	
.event_img{width:200px; height:140px;}	

.event_content_area{padding:20px 20px 0 20px;}
.event_content_caption{font-size:18px;}
.event_content_top .event_status{left:35px; top:35px; font-size:16px; width:80px; height:32px; line-height:32px;}
}
@media all and (min-width:1024px){
.event_area{padding:0 0 50px 0; width:900px;}	
.event_list{display:flex; flex-direction:row; flex-wrap:wrap;}
.event_list li{width:49%; margin:0 2% 2% 0; padding:10px;}
.event_list li:nth-child(2n){margin-right:0;}
.event_img{width:180px; height:125px;}
.event_right{padding:0 0 0 15px;}
.event_caption{padding:6px 0 8px 0; font-size:17px;}
.event_date{left:15px;}

.event_content_caption{font-size:20px;}

.event_content_wrap{padding:0 0 30px 0;}
}
@media all and (min-width:1280px){
.mantoman_list li{font-size:15px;}	
	
.event_area{width:1000px; padding:0 0 70px 0;}
.event_list li{padding:12px;}
.event_img{width:190px; height:130px;}
.event_right{padding:0 0 0 15px;}
.event_caption{padding:6px 0 8px 0; font-size:18px;}

.event_content_area{padding:30px 30px 0 30px;}
.event_content_caption{font-size:22px;}
}

/** 원격지원 **/
.support_remote_area{padding:0 3% 30px 3%; margin:0 auto;}
.support_remote_textarea{border:1px solid #eee; width:100%; height:150px;}

.remote_wrap{background-color:#fff; color:#333; margin:0 0 25px 0; border-collapse:collapse; border-spacing:0; width:100%;}
.remote_img{display:none;}
.remote_left{padding:0 0 0 12px; font-size:12px; line-height:1.2;}
.remote_left h3{font-size:16px; padding:0 0 5px 0; font-weight:500; font-family:'Jua', sans-serif;}
.remote_right{position:relative; text-align:center; width:100px;}
.remote_bg{position:relative; width:100px; display:block;}
.remote_link{position:absolute; left:42%; top:50%; transform:translateY(-50%); color:#333;}
.remote_caption{line-height:1.2; font-size:13px;}
.remote_go{font-weight:500; font-size:18px; padding:3px 0 0 0;}

.remote_text_box{color:#333; font-weight:500; font-size:14.5px; padding:15px 5px; margin:30px 0 30px 0; text-align:center; background-color:#fec726; border-radius:10px; line-height:1.4;}

.remote_select{border:1px solid #eee; background-color:#fff; height:40px; width:28%; color:#666;} 
.remote_select_break{padding:5px 0 0 0;}

.support_remote_area .button_black_white{height:48px; line-height:48px; font-size:16px; width:220px;}
@media all and (min-width:480px){
.remote_left{padding:0 0 0 20px;}
}
@media all and (min-width:640px){
.support_remote_area{padding:0 3% 35px 3%;}

.remote_wrap{margin:0 0 30px 0;}		
.remote_wrap th{text-align:center; width:220px;}
.remote_img{display:inline-block; width:130px;}
.remote_left{padding:0; font-size:13px; line-height:1.4;}
.remote_left h3{font-size:18px;}

.remote_link{left:45%;}
.remote_bg{width:150px;}
.remote_caption{font-size:14px;}
.remote_go{font-size:18px; padding:5px 0 0 0;}

.remote_text_box{font-size:16px;}
}
@media all and (min-width:768px){
.support_remote_area{padding:0 0 40px 0; width:720px;}

.remote_wrap{margin:0 0 35px 0;}		
.remote_wrap th{width:240px;}
.remote_img{width:150px;}
.remote_left{font-size:14px;}
.remote_left h3{font-size:19px;}

.remote_link{left:47%;}
.remote_bg{width:220px;}
.remote_caption{font-size:14px;}
.remote_go{font-size:19px; padding:8px 0 0 0;}	

.remote_text_box{font-size:17px;}
.remote_text_box .break{display:inline;}

.remote_select{width:75px;} 
.remote_select_break{padding:0 0 0 25px; display:inline;}
}
@media all and (min-width:1024px){
.support_remote_area{padding:0 0 50px 0; width:960px;}

.remote_wrap{margin:10px 0 45px 0;}		
.remote_wrap th{width:360px;}
.remote_img{width:220px;}
.remote_left{font-size:15px;}
.remote_left h3{font-size:22px; padding:0 0 10px 0; line-height:1.5;}

.remote_link{left:48%;}
.remote_bg{width:250px;}
.remote_caption{font-size:15px;}
.remote_go{font-size:22px; padding:8px 0 0 0;}	

.remote_text_box{font-size:18px; padding:16px 0; margin:30px 0 40px 0;}

.remote_select_break{padding:0 0 0 30px;}
}
@media all and (min-width:1280px){
.support_remote_area{padding:0 0 70px 0; width:1000px;}

.remote_wrap{margin:20px 0 60px 0;}		
.remote_wrap th{width:380px; text-align:right; padding:0 45px 0 0;}
.remote_img{width:240px;}
.remote_left{font-size:16px; line-height:1.6;}
.remote_left h3{font-size:28px;}

.remote_link{left:50%;}
.remote_bg{width:295px;}
.remote_caption{font-size:16px;}
.remote_go{font-size:26px; padding:12px 0 0 0;}	

.remote_select_break{padding:0 0 0 40px;}
}

/** 로그인 **/
.login_wrap{border-bottom:1px solid #e3e3e3; background-color:#fcf9f0;}
.login_caption{font-size:32px; font-weight:500; text-align:center; padding:0 0 15px 0; color:#333;}
.login_caption .normal{font-weight:300;}
.login_caption_text{text-align:center; margin:0 0 25px 0; color:#666;}

.login_area{padding:35px 3.5%; margin:0 auto;}
.login_box{border-top:1px solid #333; border-bottom:1px solid #dadada; padding:20px 0; margin:0 0 19px 0;}
.input_login{display:block; border:1px solid #eee; height:54px; width:100%; margin:0 0 10px 0; padding:0 0 0 15px;}
.input_login:last-of-type{margin:0;}

.login_btn{display:block; background-color:#fec726; color:#333; text-align:center; height:58px; line-height:58px; font-size:20px; font-weight:500;}

.login_bottom{height:30px; padding:15px 0 0 0; font-size:13px;}
.login_save{float:left; color:#7a7a7a;}
.login_navi{float:right; overflow:hidden;}
.login_navi li{float:left;}
.login_navi li span{content:''; display:inline-block; width:1px; height:10px; background-color:#cdcdcd; margin:0 7px;}
.login_navi a{color:#555;}

.login_link{padding:40px 0 0 0; overflow:hidden;}
.login_link li{margin:10px 0 0 0;}
.login_link img{width:100%; height:70px;}

@media all and (min-width:480px){
.login_area{padding:35px 0; width:400px;}

.login_link img{height:84px;}
}
@media all and (min-width:640px){
.login_area{padding:40px 0; width:480px;}

.login_link li{width:49%;}
.login_link li:first-child{float:left;}
.login_link li:last-child{float:right;}

.login_link img{height:49px;}
}
@media all and (min-width:768px){
.login_area{padding:45px 0; width:500px;}
.login_bottom{font-size:14px;}

.login_link{padding:50px 0 0 0;}
.login_link img{height:51px;}
}
@media all and (min-width:1024px){
.login_caption{font-size:40px;}
.login_area{padding:60px 0; width:500px;}

.login_navi li span{margin:0 10px;}
}
@media all and (min-width:1280px){
.login_caption{font-size:52px;}
.login_caption_text{margin:0 0 50px 0;}
.login_area{padding:130px 0; width:520px;}
.input_login{height:58px;}

.login_navi li span{margin:0 15px;}
.login_link img{height:54px;}
}

/** 회원가입 동의 **/
.member_wrap{border-bottom:1px solid #e3e3e3; background-color:#fcf9f0;}
.member_area{padding:30px 3%; margin:0 auto;}
.member_caption{font-size:24px; font-weight:500; text-align:center; padding:0 0 15px 0; color:#333;}
.member_caption .normal{font-weight:400;}
.member_caption_text{text-align:center; margin:0 0 30px 0; color:#666; line-height:1.3;}

.member_agree_caption{font-weight:500; color:#333; padding:0 0 10px 1px; border-bottom:1px solid #333; position:relative; font-size:18px; margin:0 0 10px 0;}
.member_agree_caption span{position:absolute; right:1px; font-size:14px; top:4px; color:#666; font-weight:400; display:none;}

.member_iframe{width:100%; border:0; height:150px; background-color:#fff; border:1px solid #eee;}

.member_agree{text-align:right; border-top:1px solid #dadada; padding:10px 1px 0 0; margin:10px 0 30px 0;}
.check_wrap.member_agree .label{padding-left:26px;}
.check_wrap.member_agree .label .bullet_check{width:20px; height:20px; border:2px solid #eaeaea; left:0; top:1px; border-radius:0; background-color:#fff;}
.check_wrap.member_agree .input_check:checked + .label .bullet_check{background-image:url(../images/input_check_orange.png);}

@media all and (min-width:480px){
.member_area{padding:35px 3.5%;}	
}
@media all and (min-width:640px){
.member_area{padding:40px 3.5%;}
.member_caption{font-size:29px;}
.member_agree_caption span{display:block;}
.member_iframe{height:180px;}
}
@media all and (min-width:768px){
.member_area{padding:45px 4%;}
.member_caption{font-size:30px;}
.member_caption_text{margin:0 0 40px 0;}
.member_iframe{height:200px;}
.member_agree_caption{padding:0 0 15px 1px; margin:0 0 15px 0; font-size:20px;}
.member_agree{padding:15px 1px 0 0; margin:15px 0 40px 0;}
}
@media all and (min-width:1024px){
.member_caption{font-size:32px;}
.member_area{padding:50px 0; width:900px;}
.member_iframe{height:240px;}
}
@media all and (min-width:1280px){
.member_caption{font-size:36px;}
.member_caption_text{margin:0 0 55px 0;}
.member_area{padding:70px 0; width:1000px;}
.member_iframe{height:310px;}
.member_agree{margin:15px 0 50px 0;}
}

/** 회원가입 **/
.member_join_caption{font-weight:500; color:#333; padding:0 0 15px 1px; position:relative; font-size:18px;}
.member_join_caption span{position:absolute; right:1px; font-size:14px; top:4px; color:#666; font-weight:400; display:none;}
.member_red{color:#ff903b; padding:0 1px 0 1px; vertical-align:0.5px;}

.member_table{border-collapse:collapse; border-spacing:0; font-size:12px; width:100%; border-top:1px solid #333; margin:0 0 30px 0;}
.member_table th, .member_table td{border-bottom:1px solid #dadada;}
.member_table th{text-align:left; font-weight:500; color:#444; padding:0 0 0 5px; width:92px;}
.member_table td{color:#666; padding:10px 5px 10px 0; height:60px;}
.member_id, .member_common, .member_select_1, .member_select_2, .member_select_3, .member_input_small, .member_input_mid, .member_input_zip, .member_input_auto{border:1px solid #eee; height:42px; background-color:#fff; color:#555;}

.member_idpw_text{padding:7px 0 0 1px; line-height:1.3;}

.check_wrap.agree .label .bullet_check{top:1px;}

.radio_wrap.alram{padding:14px 0 0 10px; display:inline-block;}
.radio_wrap.alram .label .bullet_check{top:1px;}
.radio_wrap.alram .label:first-of-type{margin:0 7px 0 0;}

.radio_wrap.teacher .label .bullet_check{top:1px;}
.radio_wrap.teacher .label:first-of-type{margin:0 7px 0 0;}

.member_id{width:calc(100% - 95px); vertical-align:top;}
.member_btn_confirm{display:inline-block; width:90px; height:42px; line-height:42px; background-color:#9c9c9c; color:#fff; text-align:center; font-size:14px; vertical-align:top;}
.member_common{width:100%;}

.member_select_1{width:26%;}
.member_input_small{width:29%;}
.member_space{display:inline-block; width:10px; text-align:center;}
.member_select_1.change{width:26%; border:0;}
.member_input_small.change{width:29%; border:0;}

.member_input_mid{width:45%;}
.member_select_2{width:45%; vertical-align:top;}
.member_btn_confirm.email{width:75px;}

.member_input_zip{width:57%;}
.member_btn_confirm.zip{width:95px;}
.mameber_margin{margin:5px 0;}

.member_select_3{width:100%; margin:0 0 5px 0;}

.member_common.red::-webkit-input-placeholder{color:#ff903b;}
.member_common.red::moz-placeholder{color:#ff903b;}
.member_common.red::-moz-placeholder{color:#ff903b;}
.member_common.red::-ms-input-placeholder{color:#ff903b;}

.member_auto_prevention{display:inline-block; width:48%; background-color:#ff32cb; color:#fff; height:42px; line-height:42px; text-align:center; vertical-align:top; font-size:16px;}
.member_input_auto{width:48%;}

.member_input_mid.parent{width:46%;}
.member_select_2.parent{width:45%;}

@media all and (min-width:480px){
.member_table{font-size:13px;}
.member_table th{width:120px;}

.check_wrap.agree .label .bullet_check{top:2px;}

.radio_wrap.alram{padding:15px 0 0 20px;}
.radio_wrap.alram .label .bullet_check{top:2px;}
.radio_wrap.alram .label:first-of-type{margin:0 15px 0 0;}

.radio_wrap.teacher .label .bullet_check{top:2px;}
.radio_wrap.teacher .label:first-of-type{margin:0 25px 0 0;}

.member_btn_confirm.email{width:80px;}
}
@media all and (min-width:640px){
.member_join_caption span{display:block;}

.member_table{margin:0 0 35px 0;}
.member_table th{width:130px; padding:0 0 0 10px;}
.member_id{width:calc(100% - 145px);}
.member_btn_confirm{width:140px;}

.radio_wrap.teacher .label:first-of-type{margin:0 50px 0 0;}

.member_input_mid{width:25%;}
.member_select_2{width:25%;}
.member_btn_confirm.email{width:80px;}

.member_input_zip{width:170px;}
.member_btn_confirm.zip{width:140px;}

.member_auto_prevention{width:200px; font-size:18px; margin:0 10px 0 0;}
.member_input_auto{width:200px;}

.member_input_mid.parent{width:180px;}
.member_select_2.parent{width:170px;}
}
@media all and (min-width:768px){
.member_join_caption{padding:0 0 20px 1px; font-size:20px;}

.member_table{font-size:14px; margin:0 0 40px 0;}
.member_table th{width:150px; padding:0 0 0 20px;}

.member_idpw_text{padding:10px 0 0 1px;}

.member_select_1{width:150px;}
.member_input_small{width:150px;}
.member_space{width:24px;}

.member_input_mid{width:125px;}
.member_select_2{width:120px;}
.member_btn_confirm.email{width:120px;}

.member_input_mid.parent{width:170px;}
.member_select_2.parent{width:170px;}
}
@media all and (min-width:1024px){
.member_table{margin:0 0 50px 0;}
.member_table th{width:170px; padding:0 0 0 30px;}

.member_input_mid{width:170px;}
.member_select_2{width:170px;}
.member_btn_confirm.email{width:140px;}
}
@media all and (min-width:1280px){
.member_table{margin:0 0 60px 0; font-size:15px;}
.member_table th{width:200px; padding:0 0 0 40px;}
.member_table td{padding:15px 15px 15px 0;}

.mameber_margin{margin:7px 0;}

.member_select_3{margin:0 0 7px 0;}
}

/** 회원가입 약관 외 **/
.privacy_wrap{padding:0 3% 0 3%; margin:0 auto;}
.privacy_iframe{height:300px; border:0; width:100%; border:1px solid #eee;}
@media all and (min-width:480px){

}
@media all and (min-width:640px){
.privacy_wrap{padding:0 3% 5px 3%;}
.privacy_iframe{height:350px;}
}
@media all and (min-width:768px){
.privacy_iframe{height:400px;}
}
@media all and (min-width:1024px){
.privacy_wrap{padding:0 0 10px 0; width:1000px;}
.privacy_iframe{height:450px;}
}
@media all and (min-width:1280px){
.privacy_wrap{padding:0 0 10px 0; width:1080px;}
.privacy_iframe{height:500px;}
}

/** 아이디/패스워드 찾기 **/
.tab_idpw_wrap{background-color:#fcf9f0; border-bottom:1px solid #e3e3e3; padding:30px 0 0 0; height:71px;}
.tab_idpw{text-align:center; height:41px; width:98%; margin:0 auto;}
.tab_idpw li{float:left; width:50%; height:40px; line-height:40px; font-size:14px; letter-spacing:0; border-right:1px solid #e3e3e3; border-top:1px solid #e3e3e3; background-color:#fff; font-weight:500;}
.tab_idpw a{display:block; color:#333;}
.tab_idpw a:hover{color:#000; font-weight:700;}

.idpw_wrap{border-bottom:1px solid #e3e3e3;}
.idpw_area{padding:0 3% 30px 3%;}
.idpw_text{line-height:1.5; position:relative; padding:0 0 0 12px;}
.idpw_text:before{content:''; position:absolute; width:4px; height:4px; background-color:#ff903b; border-radius:50%; top:8px; left:0;}

.idpw_table{width:100%; border-collapse:collapse; border-top:1px solid #333; margin:10px 0;}
.idpw_table th, .idpw_table td{border-bottom:1px solid #dadada; padding:10px 0;}
.idpw_table th{font-weight:500; width:25%;}
.input_idpw{width:100%; border:1px solid #eee; height:40px;}

.button_orange_white.idpw{width:100%; height:44px; line-height:44px; font-size:16px; font-weight:500;}

@media all and (min-width:480px){
}
@media all and (min-width:640px){
.tab_idpw_wrap{padding:35px 0 0 0; height:80px;}
.tab_idpw{height:45px; width:400px;}
.tab_idpw li{height:44px; line-height:44px;}

.idpw_area{padding:0 0 45px 0; width:530px; margin:0 auto}
}
@media all and (min-width:768px){
.tab_idpw_wrap{padding:40px 0 0 0; height:85px;}
.tab_idpw{width:500px;}
.idpw_area{padding:0 0 50px 0;}
.idpw_table{margin:15px 0;}
}
@media all and (min-width:1024px){
.tab_idpw_wrap{padding:50px 0 0 0; height:100px;}
.tab_idpw{height:50px; width:600px;}
.tab_idpw li{height:49px; line-height:49px; font-size:15px;}

.idpw_area{padding:0 0 60px 0; width:600px;}
.idpw_table th, .idpw_table td{padding:15px 0;}
}
@media all and (min-width:1280px){
.tab_idpw_wrap{padding:70px 0 0 0; height:120px;}
.tab_idpw{margin:0 auto;}
.tab_idpw li{font-size:16px;}

.idpw_area{padding:0 0 80px 0; width:600px;}
}

/** 학생모드 전환 **/
.mode_login_wrap{padding:30px 3%;}
.mode_login_caption{margin:0 auto 30px auto; font-size:24px; height:36px; width:170px; text-align:center; color:#333; font-weight:400; position:relative;}
.mode_login_caption b{font-weight:500;}
.mode_login_caption:after{content:''; width:100%; bottom:0; left:0; height:1px; position:absolute; background-color:#333;}
.mode_login_search{padding:0 0 20px 0; text-align:right;}
.mode_login_input{width:180px; height:36px; background-color:#f6f6f6; border:0; vertical-align:top;}
.mode_login_search_btn{width:62px; height:36px; line-height:36px; display:inline-block; background-color:#555; color:#fff; text-align:center; vertical-align:top;}
.mode_login_table{width:100%; border-collapse:collapse;}
.mode_login_table th, .mode_login_table td{height:50px; text-align:center;}
.mode_login_table th{border-top:1px solid #666; border-bottom:1px solid #eee;}
.mode_login_table td{border-bottom:1px solid #eee;}
.mode_login_name_btn{display:inline-block; width:150px; height:36px; line-height:34px; border:1px solid #dadada; color:#555; padding-left:20px; background:url(../images/arrow_go.png) no-repeat 90% 50%; background-size:11px; text-align:left;}

/** 포인트 순위 **/
.point_rank_wrap{border-bottom:1px solid #e3e3e3;}
.point_rank_area{padding:0 3% 30px 3%; margin:0 auto;}
.img_point_rank{width:100%;}
.point_rank_box{padding:25px 0 0 0;}
.point_rank_caption{color:#333; font-weight:400; font-size:21px; padding:0 0 10px 4px; font-family:'Jua', sans-serif;}
.point_rank_caption b{font-weight:500;}
.point_rank_caption .icon{width:30px; margin:0 8px 0 0; vertical-align:-9px;}

.point_rank_box div{margin:0 0 25px 0;}
.point_rank_box div:last-child{margin:0;}
.point_rank_table{width:100%; border-collapse:separate; border-spacing:4px;}
.point_rank_table th, .point_rank_table td{border-radius:8px; text-align:center; height:46px;}
.point_rank_table th{background-color:#5fc9d4; color:#fff; font-weight:400;}
.point_rank_table.two th{background-color:#f8ba3f;}
.point_rank_table.three th{background-color:#062958;}
.point_rank_table td{background-color:#eee;}
.point_rank_number{display:block; margin:0 auto; width:28px; height:28px; line-height:28px; background-color:#fff; border-radius:4px;}
.point_rank_academy{display:block; width:100px; margin:0 auto; padding:0 0 4px 0; color:#777; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
@media all and (min-width:480px){
.point_rank_academy{width:140px;}		
}
@media all and (min-width:640px){
.point_rank_area{padding:0 3% 35px 3%;}
.point_rank_academy{width:190px;}
}
@media all and (min-width:768px){
.point_rank_area{padding:0 3% 40px 3%;}

.point_rank_box{display:flex; flex-direction:row; justify-content:space-between; padding:35px 0 0 0;}
.point_rank_box > div{width:32%;}

.point_rank_academy{width:70px;}
}
@media all and (min-width:1024px){
.point_rank_area{padding:0 0 50px 0; width:980px;}

.point_rank_box{padding:45px 0 0 0;}

.point_rank_academy{width:94px;}
}
@media all and (min-width:1280px){
.point_rank_area{padding:0 0 70px 0; width:1080px;}

.point_rank_box{padding:60px 0 0 0;}

.point_rank_academy{width:104px;}
}

/** 게시판 **/
.bbs_wrap{border-bottom:1px solid #e3e3e3;}
.bbs_area{padding:0 3% 20px 3%; margin:0 auto;}
@media all and (min-width:480px){

}
@media all and (min-width:640px){
.bbs_area{padding:0 3% 25px 3%;}
}
@media all and (min-width:768px){
.bbs_area{padding:0 3% 35px 3%;}
}
@media all and (min-width:1024px){
.bbs_area{padding:0 0 45px 0; width:1000px;}
}
@media all and (min-width:1280px){
.bbs_area{padding:0 0 65px 0; width:1080px;}
}

/** 학원/학생 요약정보 **/
.summary_wrap{padding:30px 3% 0 3%;}
.summary_title{padding:15px 0 15px 0; text-align:center; font-size:20px; font-weight:500; background-color:#ffd83f; color:#222; margin:0 0 30px 0; border-radius:10px;}
.summary_select{width:50%; background-color:#fff; border:1px solid #ddd; height:38px; margin:0 0 20px auto; display:block;}

.summary_section{padding:0 0 30px 0;}
.summary_caption_left{font-weight:500; padding:0 0 10px 5px; font-size:16px;}

.summary_table{border-collapse:collapse; width:100%; text-align:center; font-size:13px;}
.summary_table.small{font-size:12px;}
.summary_table.small th{line-height:1.3; padding:5px 0;}
.summary_table th, .summary_table td{border:1px solid #ddd; height:36px;}
.summary_table th{font-weight:500; background-color:#f7f7f7; color:#333;}

.summary_chart{margin-bottom:20px;}

.summary_table_overflow{overflow:hidden;}
.summary_table.left td, .summary_table.one td, .summary_table.two td{border-bottom:0;}

.summary_section.info{overflow:hidden; border:3px solid #ffd83f; padding:12px 12px; border-radius:10px; margin:0 0 25px 0;}
.summary_photo, .summary_info{float:left;}
.summary_photo{width:110px; height:110px; border-radius:50%; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#f4f4f4;}
.summary_info{padding:8px 0 0 18px; font-size:16px; line-height:1.9;}

@media all and (min-width:768px){
.summary_title{padding:20px 0; font-size:24px;}
.summary_select{width:200px;}
.summary_table.left, .summary_table.right{float:left; width:50%;}
.summary_table.left td{border-bottom:1px solid #ddd; border-right:0;}
.summary_table.left th{border-right:0;}

.summary_table.small{font-size:12px;}
.summary_table.small .break{display:inline;}
}

@media all and (min-width:1024px){
.summary_title{padding:20px 0; font-size:28px;}
.summary_caption_left{font-size:18px; padding:0 0 12px 5px;}
.summary_section{padding:0 0 40px 0;}
.summary_table, .summary_table.small{font-size:15px;}
.summary_table.left, .summary_table.right{float:left; width:50%;}
.summary_table.left td{border-bottom:1px solid #ddd; border-right:0;}
.summary_table.left th{border-right:0;}
.summary_table.one, .summary_table.two, .summary_table.three{float:left; width:33.33%;}
.summary_table.one td, .summary_table.two td{border-bottom:1px solid #ddd; border-right:0;}
.summary_table.one th, .summary_table.two th{border-right:0;}
}

@media all and (min-width:1280px){
.summary_wrap{padding:40px 0 0 0; width:1080px; margin:0 auto;}	
}