@charset "utf-8";
/* HIVELAB (http://www.hivelab.co.kr) */

/* common */
body, input, button, a, p, table{font-size: 12px;}
.sp, .bx_btn a:after, .header .logo, .bx_advantage em:after, .landing .header h1:after, .landing .area_btn a, .teacher_comment:before, .lst_dot .dot, .lst_dot .dot.is_active, .lst_ctrl .ctrl, .top_btn a, .group_input .input_btn{overflow:hidden;display:inline-block;line-height:999em;vertical-align:top;background:url(../img/sp_m.png) no-repeat;-webkit-background-size:240px auto;background-size:240px auto}

/* bridge */
.area_bridge{height:100%;}
.area_bridge > div{display:table;width:100%;height:50%;text-align:center}
.group_iteacher{background-color:#3577f8}
.group_ischool{background-color:#2cbd6a}
.bx_txt{display:table-cell;padding-top:50px;color:#ffffff;vertical-align:middle}
.bx_txt h2{position:relative;font-size:19px;font-weight:700;line-height:23px}
.bx_txt .sp{position:absolute;top:-50px;left:50%;width:37px;height:38px;margin-left:-18px}
.bx_txt .desc{line-height:15px;margin:6px 0 23px}
.bx_txt .logo_teacher .sp{background-position:-38px -66px}
.bx_txt .logo_school .sp{background-position:0 -66px}
.bx_txt .bx_btn a{display:inline-block;position:relative;width:142px;height:36px;padding-left:24px;font-size:11px;font-weight:700;color:#fff;line-height:38px;text-align:left;box-sizing:border-box}
.bx_txt .bx_btn a:before{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(255,255,255,.6);box-sizing:border-box;content:''}
.bx_txt .bx_btn a:after{position:absolute;top:50%;right:25px;width:6px;height:10px;margin-top:-5px;background-position:-65px -42px;content:''}

/* info */
.iteacher .header, .ischool .header{height:33px;padding:18px 0 0 15px;border-bottom:1px solid #ededed}
.iteacher .header .logo{width:117px;height:18px;background-position:-103px -219px}
.ischool .header .logo{width:103px;height:18px;background-position:0 -219px}
.sub_tit{font-size:23px;font-weight:700;color:#fff;text-align:center;line-height:26px}

.area_guide{padding-top:54px;color:#36383c;text-align:center}
.area_guide .tit{margin-bottom:13px;font-size:26px;font-weight:300;line-height:40px}
.area_guide .tit span{display:block;font-size:34px;font-weight:bold}
.ischool .area_guide .tit,.ischool .tit span{font-size:23px;line-height:30px}
.area_guide .desc{font-size:16px;font-weight:300;line-height:22px;opacity:0.6}
.area_guide .inner{position:relative;padding-bottom:386.5px}
.area_guide .inner:after{position:absolute;left:50%;bottom:-137.5px;z-index:10;width:251px;height:478.5px;margin-left:-125.5px;background:url(../img/bg_device_m.png) no-repeat;background-size:251px 478.5px;content:''}
.area_guide .guide_img{overflow:hidden;position:absolute;bottom:-85.5px;left:50%;z-index:20;width:218.5px;height:379.5px;margin-left:-109.25px;background:#fff}
.area_guide .guide_img img{display:inline-block;width:218.5px;height:379.5px}

.area_search{padding:202px 0 100px;background-color:#2cbd6a;}
.area_search .sub_tit{margin-bottom:37px;font-size:21px}
.group_input{position:relative;width:290px;height:43px;margin:0 auto;border-bottom:2px solid #ffffff}
.group_input .input_lbl{position:absolute;top:0;left:0;font-size:18px;color:#fff;opacity:0.6;line-height:43px}
.group_input .input_txt{display:inline-block;width:260px;height:100%;padding-right:10px;border:0;background:#2cbd6a;font-size:18px;font-weight:400;color:#fff;line-height:43px;vertical-align:top;box-sizing:border-box}
.group_input .input_btn{display:inline-block;width:25px;height:25px;margin-top:9px;background-position:0 -29px}
.group_input.on .input_lbl{display:none;}
.lst_result{position:absolute;top:45px;left:0;width:290px;padding:3px 0 8px;border:1px solid #e5e5e5;background-color:#fff;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);box-sizing:border-box;z-index:100;}
.bx_result a{display:inline-block;width:290px;padding:7.5px 0 7.5px 22.5px;box-sizing:border-box}
.bx_result a .result_school{display:block;font-size:18px;font-weight:700;color:#171717;line-height:24px}
.bx_result a .result_area{display:block;font-size:15px;font-weight:400;color:#919191;line-height:24px}
.bx_result_no{width:290px;padding:54px 0 52px;font-size:18px;font-weight:400;color:#171717;text-align:center;line-height:24px}

.area_reason{padding:196px 0 70px;background-color:#3577f8;color:#ffffff;text-align:center}
.ischool .area_reason{padding:67px 0 70px;background-color:#ffffff;color:#252d3e}
.area_reason .sub_tit{margin-bottom:10px}
.ischool .area_reason .sub_tit{color:#252d3e}
.area_reason .sub_desc{display:block;margin-bottom:27px;font-size:15px;font-weight:300;line-height:18px;opacity:0.6}
.area_reason .reason_em{display:block;margin-bottom:9px;font-size:19px;font-weight:300}
.ischool .area_reason .reason_em{color:#2cbd6a}
.area_reason .reason_em .num{display:inline-block;margin-right:2px;font-size:44px;font-weight:400;line-height:46px;vertical-align:baseline}
.area_reason .reason_txt{display:block;margin-bottom:27px;font-size:15px;line-height:19px}
.ischool .area_reason .reason_txt{opacity:0.8}

.area_renewal{padding:65px 0 15px;background-color:#f6f6f6;text-align:center}
.area_renewal .sub_tit{margin-bottom:34px;color:#252d3e;line-height:30px}
.bx_renewal{padding-bottom:53px}
.bx_renewal .renewal_img{position:relative;width:225px;height:334.5px;margin:0 auto 31px;}
.bx_renewal .renewal_img:after{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/bg_device2_m.png) no-repeat;background-size:225px 334.5px;content:'';z-index:1}
.bx_renewal .renewal_img img{position:absolute;top:31px;left:17.5px;width:190px;height:302px;z-index:2}

.bx_renewal .renewal_img.type2{width:230px;height:335px}
.bx_renewal .renewal_img.type2:after{display:none}
.bx_renewal .renewal_img.type2 img{top:0;left:0;width:230px;height:100%}

.bx_renewal .renewal_txt{color:#252d3e}
.bx_renewal .renewal_txt .renewal_tit{display:block;margin-bottom:9px;font-size:17px;font-weight:400;color:#252d3e;line-height:23px}
.bx_renewal .renewal_txt .renewal_desc{display:block;font-size:14px;opacity:0.7;line-height:23px}

.area_advantage{padding:63.5px 0 70px;color:#252d3e}
.area_advantage .sub_tit{color:#252d3e}
.bx_advantage{width:289px;margin:0 auto;padding-top:36.5px}
.bx_advantage .advantage_tit{display:block;margin-bottom:7px;font-size:17px;font-weight:400;line-height:27px}
.bx_advantage .advantage_tit .sp{width:25px;height:25px;margin:1px 6px 0 0}
.bx_advantage .advantage_tit .num1{background-position:-116px 0}
.bx_advantage .advantage_tit .num2{background-position:-142px 0}
.bx_advantage .advantage_tit .num3{background-position:-168px 0}
.bx_advantage .advantage_tit .num4{background-position:-194px 0}
.bx_advantage .advantage_desc{display:block;font-size:14px;font-weight:400;line-height:20px;opacity:0.6}

.area_coast{padding:63px 0 0;background-color:#f6f6f6;color:#252d3e}
.area_coast .sub_tit{margin-bottom:15px;color:#252d3e}
.area_coast .sub_desc{font-size:15px;text-align:center;line-height:19px;opacity:0.6;}
.group_graph{width:289px; margin:0 auto;}
.bx_graph_bar{position:relative;width:170.5px; padding:37px 0 37px}
.graph_month{font-size:14px;color:#252d3e}
.graph_bar{display:block;position:relative;height:14px;margin-top:9.5px;background:#d0d2d8;background-blend-mode:darken}
.graph_bar.color{margin-top:14.5px;background:#306fea}
.graph_bar .num{display:inline-block;position:absolute;top:-4px;right:-43.5px;min-width:37px;height:18px;font-size:14px;color:#252d3e;line-height:18px}
.graph_bar.color .num{font-size:14px;font-weight:700;color:#306fea}
.bx_graph_data{padding:9.5px 0 71px}
.graph_data{display:inline-block;position:relative;margin-left:16px;padding-left:19px;font-size:12px;color:#252d3e;opacity:0.7;}
.graph_data:first-child{margin-left:0}
.graph_data:after{position:absolute;top:50%;left:0;width:14px;height:14px;margin-top:-7px;background:#e1e2e4;content:''}
.graph_data.color:after{background:#3577f8}
.badge{position:absolute;bottom:37px;right:-60px;width:60px;height:60px;border-radius:50%;background:#306fea;text-align:center}
.badge1{right:-114px;}
.badge2{right:-79px;}
.badge3{right:-28px;}
.coast_badge{display:block;padding-top:10.7px;font-size:10px;font-weight:600;color:#fff;line-height:1.24}
.coast_badge .num{display:inline-block;margin-right:1px;font-size:18px;font-weight:700}

.area_teacher{position:relative;padding:67px 0 119px;color:#252d3e;}
.area_teacher .sub_tit{margin-bottom:51px;color:#252d3e}
.lst_teacher{position:relative;width:195px;height:280px;margin:0 auto;z-index:2}
.lst_teacher li{display:none;position:absolute;top:0;left:0;height:280px;box-sizing:border-box}
.lst_teacher li.is_active{display:block;}
.teacher_comment{display:block;font-size:16px;font-weight:300;color:#252d3e;line-height:26px}
.teacher_comment:before{display:block;width:14px;height:11px;margin-bottom:10.5px;background-position:-65px -29px;content:''}
.teacher_name{position:absolute;left:0;bottom:0;font-size:16px;color:#252d3e}
.iteacher .teacher_name .color{color:#306fea}
.ischool .teacher_name .color{color:#2cbd6a}
.lst_dot{position:absolute;bottom:70px;left:50%;margin-left:-24px;z-index:3}
.lst_dot .dot{display:inline-block;width:9px;height:9px;margin-left:8px;background-position:-100px -29px}
.lst_dot .dot:first-child{margin-left:0}
.iteacher .lst_dot .dot.is_active{background-position:-80px -29px}
.ischool .lst_dot .dot.is_active{background-position:-90px -29px}
.lst_ctrl .ctrl{position:absolute;top:50%;left:50%;width:18px;height:36px;margin-top:-18px;margin-left:137px;background-position:-46px -29px;z-index:1}
.lst_ctrl .ctrl:first-child{margin-left:-155px;background-position:-27px -29px}

.footer{padding-bottom:90px;}
.footer .footer_menu li{padding:23px 0 33px 4.375%;border-top:1px solid #f0f0f0}
.footer .footer_menu li:first-child{padding:0;}
.footer .footer_menu li a{display:inline-block;width:100%;height:100%;padding:25.5px 0 25.5px 4.375%;font-size:16px;color:#252d3e;line-height:18px;box-sizing:border-box}
.footer .footer_menu li dl dt{font-size:16px;color:#252d3e;line-height:18px;}
.footer .footer_menu li dl dd{padding-top:8px;font-size:13px;color:#171717;line-height:15px;opacity:0.7}
.footer .footer_menu li dl dd span{display:inline-block;padding-left:20px;text-decoration:underline}
.footer .copy{padding-left:4.375%;font-size:11.5px;color:#171717;line-height:13.5px;opacity:0.7}

.start_btn{position:fixed;bottom:0;left:0;width:100%;z-index:300;}
.start_btn a{display:inline-block;width:100%;height:60px;background-color:#3577f8;font-size:16px;font-weight:700;color:#ffffff;text-align:center;line-height:60px;}
.ischool .start_btn a{background-color:#2cbd6a;}

.top_btn{position:fixed;bottom:75px;right:4.84375%;z-index:400;}
.top_btn a{width:45px;height:45px;background-position:-79px -42px}

/* landing */
.landing{height:auto;padding:149px 0 30.5px}
.landing .header{padding-bottom:38px;text-align:center;color:#36383c}
.landing .header h1{position:relative;margin-bottom:3px;font-size:22px;font-weight:700;line-height:37px}
.landing .header h1:after{display:block;position:absolute;left:50%;content:''}
.landing .header h1.tit_teacher:after{top:-39px;width:40px;height:30px;margin-left:-20px;background-position:-125px -26px}
.landing .header h1.tit_school:after{top:-39px;width:32px;height:32px;margin-left:-16px;background-position:-125px -57px}
.landing .header .desc{font-size:14px;line-height:18px;opacity:0.6}
.landing .area_btn.btn_teacher{height:258.5px;}
.landing .area_btn.btn_school{height:238.5px;}
.landing .area_btn a{display:block;width:240px;height:56px;margin:0 auto; background-position:0 -162px}
.landing .area_btn a:first-child{margin-bottom:10px;background-position:0 -105px}
.landing_footer{text-align:center;}
.landing_footer .copy{font-size:10px;font-weight:300;color:#171717;opacity:0.7;}