@charset "utf-8";
.full_width{width:100% !important; padding:0px !important;}
.width_90{width: 100% !important;padding-left: 0% !important;position:relative;margin:0 auto;box-sizing: content-box;}
/* 멤버십구매 */
.bg_gray{background:#f9f9f9;}
.membership_wrap{padding:80px 0 100px; display:flex; flex-wrap:wrap; justify-content: space-between;}
.membership_wrap .memebership_title{font-size:28px; font-weight:bold; color:#222222; width:100%; margin-bottom:48px;}
.membership_wrap .mem_left{width:61.407%;}
.membership_wrap .mem_left > label{display:flex; justify-content:space-between; align-items: center; padding:58px 60px 58px 55px; background:#fff; border-radius:10px; position:relative; cursor:pointer;}
.membership_wrap .mem_left > label ~ label{margin-top:25px;}
.membership_wrap .mem_left > label .mem_name{width:250px; height:94px; border-right:1px solid #eeeeee; display: flex; justify-content: center; flex-direction:column;}
.membership_wrap .mem_left > label .mem_tit{font-size:28px; font-weight:bold; color:#222222;}
.membership_wrap .mem_left > label .mem_des{font-size:14px; color:#999999; margin-top:15px;}
.membership_wrap .mem_left > label .mem_priceBox .dc_priceBox{margin-bottom:17px; display:flex; justify-content: flex-end; align-items: center;}
.membership_wrap .mem_left > label .mem_priceBox .dc_priceBox .dc_price{font-size:16px; color:#666666; text-decoration: line-through; }
.membership_wrap .mem_left > label .mem_priceBox .dc_priceBox .dc_percent{font-size:20px; font-weight:bold; color:#2071ff; margin-left:8px;}
.membership_wrap .mem_left > label .mem_priceBox .mem_priceBox{font-size:20px; font-weight:bold; color:#222222}
.membership_wrap .mem_left > label .mem_priceBox .mem_priceBox .mem_price{font-size:32px;}
.membership_wrap .mem_left > label .mem_priceBox .mem_subBox{font-size:20px; margin-top:15px; text-align: center; color:#222222}
.membership_wrap .mem_left > label .mem_priceBox .mem_subBox .mem_price{font-size:20px;}
.membership_wrap .mem_left > label .mem_rightBox{display:flex; ;text-align:center}
.membership_wrap .mem_left > label .mem_rightBox .mem_chkBox{margin-left:50px; display:flex; align-items: center;}
.membership_wrap .mem_left > label .mem_rightBox .mem_chkBox span{width:30px; height:30px; border:1px solid #d2d2d2; border-radius:50%; display:block;}
.membership_wrap .mem_left > input[type=radio] {display:none;}
.membership_wrap .mem_left > input[type=radio] + label:after{content:''; display:block; width:100%; height:100%; border:1px solid #eeeeee; position:absolute; top:0; left:0; border-radius:10px; pointer-events:none;}
.membership_wrap .mem_left > input[type=radio]:checked + label:after{border:2px solid #2071ff;}
.membership_wrap .mem_left > input[type=radio]:checked + label .mem_rightBox .mem_chkBox span{background:#2071ff url(../img/mem_chk.png) no-repeat center; border-color:#2071ff}
.membership_wrap .mem_right{width:35.938%;}
.membership_wrap .mem_right .buy_form{border:1px solid #222222; width:100%; border-radius:10px; background:#fff; padding:48px 40px;}
.membership_wrap .mem_right .buy_form .buy_top{padding:0 18px;}
.membership_wrap .mem_right .buy_form .co_name{font-size:16px; font-weight:500; color:#2071ff;}
.membership_wrap .mem_right .buy_form .item_name{font-size:28px; font-weight:bold; color:#222222; margin-top:14px;}
.membership_wrap .mem_right .buy_form .item_option{margin-top:45px;}
.membership_wrap .mem_right .buy_form .item_option li + li{margin-top:20px;}
.membership_wrap .mem_right .buy_form .item_option li{display:flex; font-size:16px; line-height:1.4; flex-wrap:wrap; justify-content: space-between; font-weight:500;}
.membership_wrap .mem_right .buy_form .item_option li .dot{width:4px; height:4px; border-radius:50%; background:#2071ff; margin-top:11px;}
.membership_wrap .mem_right .buy_form .item_option li .item_opt_name{width:calc(100% - 18px);}
.membership_wrap .mem_right .buy_form .buy_middle{margin-top:40px; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding:30px 20px;}
.membership_wrap .mem_right .buy_form .buy_middle li{font-size:16px; display:flex; justify-content: space-between;}
.membership_wrap .mem_right .buy_form .buy_middle li + li{margin-top:23px;}
.membership_wrap .mem_right .buy_form .buy_middle li .buy_price_txt{color:#666666;}
.membership_wrap .mem_right .buy_form .buy_middle li .buy_price{color:#222222; font-weight:500;}
.membership_wrap .mem_right .buy_form .buy_middle li .dc_price{color:#ff0000; font-weight:500;}
.membership_wrap .mem_right .buy_form .buy_middle2{margin-top:30px;}
.membership_wrap .mem_right .buy_form .buy_middle2 .buy_tot_con{display:flex; align-items: center; justify-content: space-between; padding:0 20px;}
.membership_wrap .mem_right .buy_form .buy_middle2 .buy_tot_con .buy_tot_txt{font-size:16px; color:#222; font-weight:500;}
.membership_wrap .mem_right .buy_form .buy_middle2 .buy_tot_con .buy_tot_priceBox{font-size:20px; font-weight:bold; color:#222222;}
.membership_wrap .mem_right .buy_form .buy_middle2 .buy_tot_con .buy_tot_price{font-size:28px;}
.membership_wrap .mem_right .buy_form .buy_bottom{margin-top:30px;border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding:30px 20px;}
.membership_wrap .mem_right .buy_form .buy_bottom .buy_memo .buy_memo{font-size:16px; color:#222; font-weight:500;}
.membership_wrap .mem_right .buy_form .buy_bottom button{width:100%; height:65px; background:#2071ff; color:#fff; font-size:18px; font-weight:500; text-align: center; border-radius:35px; border:none; outline:0; margin-top:45px; display:block;}
.membership_wrap .mo_fixedArea{display:none;}

/* 멤버십 주문조회 */
.item-detail{font-size:15px}
.copy_btn, .sprint_btn{border-radius:20px !important;padding:7px 17px;background:#2071ff !important;border-color:#2071ff !important;font-size:14px}

/* 멤버십 정보 */
.membership_wrap .mem_info .title{font-size:18px; font-weight:bold; text-decoration:underline;margin-bottom:20px;color:#666666;}
.membership_wrap .mem_info .title .active{color:#2071ff;}
.membership_wrap .mem_info .title a~a{margin-left:10px;}
.membership_wrap .mem_info .box{display:inline-flex; border:2px solid #2071ff; border-radius:10px; background:#fff; padding:20px;}
.membership_wrap .mem_info .box.canceled{border-color:#999999;}
.membership_wrap .mem_info .box .item_name{font-size:28px; font-weight:bold; color:#222222;}
.membership_wrap .mem_info .box .item_desc{margin-left:30px; padding:10px 15px; font-size:12px; background-color:#999999; color:#fff; text-align:center;}
.membership_wrap .mem_info .period{margin-top:10px; font-size:18px; font-weight:bold; color:#222222; line-height:150%;}
.membership_wrap .mem_info .period .canceled{color:#999999; text-decoration:line-through;}
.membership_wrap .mem_info .payment{margin-top:10px; font-size:18px; font-weight:bold; color:#222222; line-height:150%;}
.membership_wrap .mem_info .refund{margin-top:50px; font-size:12px; color:#999999;}
.membership_wrap .mem_info .refund .refund_title{margin-bottom:10px;}
.membership_wrap .mem_info .refund button{width:150px; margin-top:10px; padding:10px; background:#999999; color:#fff; font-size:14px; font-weight:500; text-align: center; border-radius:35px; border:none; outline:0; display:block;}
#order_list .item{
    padding-bottom: 80px;
}
#order_list .item:first-child{
  padding-top: 50px;
}
#order_list .item:last-child{
  padding-bottom: 0px;
}
#order_list .item .ticket{
    font-size: 24px;
    font-weight: 700;
    padding: 24px 0px;
    min-width: 340px;
    border-radius: 10px;
    border: 2px solid rgb(25 119 255);
    display: inline-block;
    text-align: center;
}
#order_list .item .date_term{
    padding: 10px 0px;
    font-size: 18px;
    font-weight: 600;
}
#order_list .item .des{
    line-height: 1.5;
    font-size: 15px;
    color: #999;
    word-break: keep-all;
    padding-top: 30px;
}
#order_list .item .btn_terminate{
    border-radius: 30px;
    background: #999;
    color: #fff;
    padding: 12px 40px;
    display: inline-block;
    margin-top: 10px;
}
#order_list .coupon_regist{
  font-size: 20px;
  font-weight: 500;
  padding: 14px 0px;
  width: 80%;
  max-width: 1000px;
  border-radius: 10px;
  border: 2px solid rgb(25 119 255);
  display: inline-block;
  text-align: center;
}
#order_list .coupon_des{
  padding-top: 15px;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 10px;
}
#order_list .coupon_des>span.countable{
  font-size: 14px;
    color:rgb(25 119 255);
}
#order_list .coupon_regist_popup{
  background: rgba(0,0,0,0.25);
  position:fixed;
  visibility: hidden;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index: 100;
}
#order_list .coupon_regist_popup .popup_box{
    position: absolute;
    max-width: 500px;
    width:90vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 2px solid rgb(25 119 255);
    border-radius: 25px;
    background: #fff;
    padding: 30px;
}
#order_list .coupon_regist_popup .popup_box h6{
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 30px;
}
#order_list .coupon_regist_popup .popup_box .number_input{
    width: 100%;
    background: #f7f7f7;
    border: 0;
    border-radius: 10px;
    line-height: 50px;
    padding: 0px 15px;
    font-size: 13px;
    margin-bottom: 20px;
}
#order_list .coupon_regist_popup .popup_box .number_input::placeholder{
  color:#aaa;
}
#order_list .coupon_regist_popup .popup_box .submit_coupon{
    border: 2px solid rgb(25 119 255);
    border-radius: 10px;
    width: 45%;
    display: inline-block;
    text-align: center;
    padding: 18px 0px;
    font-size: 14px;
    color: rgb(25 119 255);
    font-weight: 600;
}
#order_list .coupon_regist_popup .popup_box .cancel_coupon{
    border: 2px solid rgb(25 119 255);
    border-radius: 10px;
    width: 45%;
    display: inline-block;
    text-align: center;
    padding: 18px 0px;
    font-size: 14px;
    color: rgb(25 119 255);
    font-weight: 600;
}

#order_list .coupon_regist_popup .popup_box a.submit_coupon{
    margin-left: 3%;
	margin-right: 4%;
}
#order_list .coupon_regist_popup.active{
    height: 100%;
    visibility: visible;
    background: rgba(0,0,0,0.5);
    transition: height 0s 0s, visibility 0s 0s, background .2s ease 0s;
}

#order_list .list_table{
    width: 100%;
    max-width: 1000px;
}
#order_list .list_table li{
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

#order_list .list_table li:last-child {
    border-bottom: 0;
}
#order_list .list_table li .flex{
    display: flex;
    gap: 20px;
    padding: 10px 0px;
}
#order_list .list_table li .thumb{width: 120px;height: 75px;}
#order_list .list_table li .thumb > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#order_list .list_table li .article{
    padding-top: 20px;
}
#order_list .list_table li .article h6{
    font-size: 16px;
    padding-bottom: 7px;
    font-weight: 500;
}
#order_list .list_table li .article p{
    color: #999;
    font-weight: 500;
}

/* 멤버십 취소 */
.membership_wrap .mem_cancel{text-align:top}
.membership_wrap .mem_cancel .title{font-size:28px; font-weight:bold; margin-bottom:40px;text-align:left;}
.membership_wrap .mem_cancel .sub_title{font-size:24px; font-weight:bold; color:#999999; margin-bottom:10px;}
.membership_wrap .mem_cancel .desc{font-size:17px; color:#999999; line-height:150%; margin-bottom:10px;}
.membership_wrap .mem_cancel .desc p{margin-bottom:20px;}
.membership_wrap .mem_cancel .desc p b{color:#2071ff; font-weight:bold;}
.membership_wrap .mem_cancel .btn_area span{font-weight:bold; line-height:50px;font-size:17px;}
.membership_wrap .mem_cancel .btn_area button{margin-left:20px; padding:5px 15px; background:#2071ff; color:#fff; font-size:17px; font-weight:500; text-align: center; border-radius:35px; border:none; outline:0; display:inline-block;}
.membership_wrap .mem_cancel .bottom{display:none;}
.membership_wrap .mem_cancel .bottom .input{width:80%; display:inline-block; text-align:center;}
.membership_wrap .mem_cancel .bottom .input select{width:100%; margin-bottom:10px; color:#999999; border-top:none; border-right:none; border-left:none;}
.membership_wrap .mem_cancel .bottom .input .reason{width:100%; margin-bottom:10px; color:#999999; text-align:left;}
.membership_wrap .mem_cancel .bottom .input textarea{width:100%; margin-bottom:10px; height:100px; color:#999999; background-color:#eeeeee;}
.membership_wrap .mem_cancel .bottom .input button{margin-left:20px; padding:5px 15px; background:#999999; color:#fff; font-size:17px; font-weight:500; text-align: center; border-radius:35px; border:none; outline:0; display:inline-block;}
.membership_wrap .mem_cancel .popup{display:none; position:absolute; left:200px; top:300px; border:1px solid #999999; border-radius:10px; background:#fff; padding:20px;}
.membership_wrap .mem_cancel .popup p{color:#999999; line-height:150%; margin-bottom:20px;}
.membership_wrap .mem_cancel .popup button{padding:5px 15px; background:#999999; color:#fff; font-size:17px; font-weight:500; text-align: center; border-radius:35px; border:none; outline:0; display:inline-block;}
.membership_wrap .mem_cancel .failpopup{display:none; position:absolute; left:200px; top:300px; border:1px solid #999999; border-radius:10px; background:#fff; padding:20px;}
.membership_wrap .mem_cancel .failpopup p{color:#999999; line-height:150%; margin-bottom:20px;}
.membership_wrap .mem_cancel .failpopup button{padding:5px 15px; background:#999999; color:#fff; font-size:17px; font-weight:500; text-align: center; border-radius:35px; border:none; outline:0; display:inline-block;}

@media (max-width:991px){
    .at-html.fix{padding-bottom:97px;}
    .membership_wrap{padding:40px 0 60px; flex-direction:column}
    .membership_wrap .memebership_title{font-size:19px; margin-bottom:30px;}
    .membership_wrap .mem_left{width:100%;}
    .membership_wrap .mem_left > label{flex-direction:column; padding:30px 25px; align-items: flex-start;}
    .membership_wrap .mem_left > label .mem_name{width:auto; height:auto; border-right:0;}
    .membership_wrap .mem_left > label .mem_priceBox .dc_priceBox{justify-content: flex-start; margin-bottom:12px;}
    .membership_wrap .mem_left > label .mem_tit{font-size:19px;}
    .membership_wrap .mem_left > label .mem_des{font-size:13px; margin-top:12px;}
    .membership_wrap .mem_left > label .mem_rightBox{padding-top:18px; border-top:1px solid #eee; margin-top:20px; width:100%; justify-content: space-between;text-align:center}
    .membership_wrap .mem_left > label .mem_priceBox .dc_priceBox .dc_price{font-size:13px;}
    .membership_wrap .mem_left > label .mem_priceBox .dc_priceBox .dc_percent{font-size:15px; margin-left:10px;}
    .membership_wrap .mem_left > label .mem_priceBox .mem_priceBox{font-size:15px;}
    .membership_wrap .mem_left > label .mem_priceBox .mem_priceBox .mem_price{font-size:25px;}
    .membership_wrap .mem_left > input[type=radio]:checked + label .mem_rightBox .mem_chkBox span{background-image:url(../img/mmem_chk.png); background-size:10.5px }
    .membership_wrap .mem_right{width:100%; position:fixed; bottom:0; left:0; right:0; top:auto; padding:12px 15px 15px; background:#fff; border-radius: 20px 20px 0 0; z-index:9; box-shadow:0 -4px 10px rgba(0,0,0,0.1); z-index:99999;}
    .membership_wrap:before{position:fixed; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.3); content:''; display:block; z-index:9999; transition:opacity 0.3s ease; pointer-events:none; opacity:0;}
    .membership_wrap.on:before{opacity:1;}
    .membership_wrap .mem_right .buy_form{border:0; padding:30px 0px 25px; display:none;}
    .membership_wrap .mem_right .buy_form .buy_top{padding:0;}
    .membership_wrap .mem_right .buy_form .co_name{font-size:13px;}
    .membership_wrap .mem_right .buy_form .item_name{font-size:23px; margin-top:14px;}
    .membership_wrap .mem_right .buy_form .item_option{margin-top:28px;}
    .membership_wrap .mem_right .buy_form .item_option li{font-size:14px;}
    .membership_wrap .mem_right .buy_form .item_option li + li{margin-top:18px;}
    .membership_wrap .mem_right .buy_form .item_option li .dot{margin-top:8.5px;}
    .membership_wrap .mem_right .buy_form .item_option li .item_opt_name{width:calc(100% - 10px)}
    .membership_wrap .mem_right .buy_form .buy_middle{margin-top:33px; padding:20px 15px;}
    .membership_wrap .mem_right .buy_form .buy_middle li{font-size:13px;}
    .membership_wrap .mem_right .buy_form .buy_bottom{margin-top:16px;}
    .membership_wrap .mem_right .buy_form .buy_bottom .buy_tot_con{padding:0 15px;}
    .membership_wrap .mem_right .buy_form .buy_bottom .buy_tot_con .buy_tot_txt{font-size:13px;}
    .membership_wrap .mem_right .buy_form .buy_bottom .buy_tot_con .buy_tot_priceBox{font-size:14px;}
    .membership_wrap .mem_right .buy_form .buy_bottom .buy_tot_con .buy_tot_price{font-size:19px;}
    .membership_wrap .mo_arrow{display:block; margin:0 auto 10px; height:9px; }
    .membership_wrap .mo_fixedArea{display:block;}
    .membership_wrap .mo_fixedArea button{display:block; color:#fff; margin:0px auto; font-size:14px; font-weight:500; background-color: #2071ff; border-radius:25px; line-height:49px; width:100%; border:none;}
    .membership_wrap .mo_fixedArea .none_btn{display:block; color:#fff; margin:0px auto; font-size:14px; font-weight:500; background-color: #2071ff; border-radius:25px; line-height:49px; width:100%; border:none;text-align:center}
}

/* 부모페이지_자녀관리 html > page > children_info.php */
.children_wrap{margin:102px 0 0px}
.children_wrap .clearfix > div{float:left}
.left_box{width:15.625%}
.left_menu_wrap{width:100%}
.left_menu_wrap .list_ul{width:100%;border-bottom:1px solid #e5e5e5}
.left_menu_wrap .list_ul:last-child{border-bottom:0}
.left_menu_wrap .list_ul li a{display:block;font-size:16px;color:#666666;font-weight:400;padding:24px 10px}
.left_menu_wrap .list_ul li.list_first a{padding-top:0;color:#2071ff}
.left_menu_wrap .list_ul li.active a{color:#2071ff}
.right_box{width:84.375%;padding-left:134px}
.right_box .content_tit{margin-bottom:60px}
.right_box .content_tit .page_tit{font-size:30px;color:#583501;font-weight:700}
.right_box .content_info{display:flex}
.right_box .children_plus{width:350px}
.right_box .children_plus .children_box{display:flex;align-items:center;-ms-display:flex;-ms-align-items:center;width:100%;padding:0 30px;border:1px solid #e5e5e5;border-radius:10px}
.right_box .children_plus .children_box + div{margin-top:10px}
.right_box .children_plus .children_box input[type="radio"]{display:none}
.right_box .children_plus .children_box input[type="radio"] + label{width:100%;font-size:18px;color:#222;font-weight:500;line-height:58px}
.right_box .children_plus .children_box input[type="radio"] + label::after{content:"";display:block;clear:both}
.right_box .children_plus .children_box input[type="radio"] + label span{display:inline-block;width:24px;height:24px;border-radius:50%;border:1px solid #d2d2d2;cursor:pointer;position:relative;float:right;margin-top:6%}
.right_box .children_plus .children_box input[type="radio"]:checked + label span{}
.right_box .children_plus .children_box input[type="radio"]:checked + label span::before{content:"";width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:50%;background:#2071ff url(../img/mem_chk.png) no-repeat center;}
.right_box .children_plus .plus_btn{width:100%;text-align:center;margin-top:20px}
.right_box .children_plus .plus_btn button{font-size:16px;color:#2071ff;font-weight:500;background:#fff;border:0;position:relative}
.right_box .children_plus .plus_btn button::after{content:"";display:block;width:100%;height:1px;background:#2071ff;position:absolute;left:0;bottom:-6px}
.right_box .children_info{width:calc(100% - 396px);margin-left:46px;border:1px solid #222222;border-radius:10px;padding:50px 54px}
.right_box .ch_icon{width:105px;margin:0 auto;position:relative}
.right_box .ch_icon .img_box{width:100%;height:105px;border:1px solid #e5e5e5;border-radius:50%;overflow:hidden;position:relative}
.right_box .ch_icon img{display:block;width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.right_box .ch_icon .file_add{position:absolute;right:8px;bottom:5px;display:block;width:20px;height:20px;line-height:18px;text-align:center;background:#2071ff;color:#fff;font-size:18px;font-weight:500;border-radius:50%}
.right_box .ch_cont{margin-top:40px}
.right_box .ch_cont::after{content:"";display:block;clear:both}
.right_box .ch_cont .question_box{float:left;width:100%;margin-bottom:20px;display:flex;align-items:center}
.right_box .ch_cont .question_box.last_question{margin-bottom:40px}
.right_box .ch_cont .question_box:last-child{margin-bottom:0}
.right_box .ch_cont .question_box label{width:24.546%;font-size:16px;color:#222222;font-weight:500}
.right_box .ch_cont .question_box label span.point{display:inline-block;width:16px;height:16px;line-height:16px;background:#999;text-align:center;font-size:10px;color:#fff;font-weight:500;border-radius:50%;vertical-align:top}
.right_box .ch_cont .question_box .answer_box{width:calc(100% - 24.546%)}
.right_box .ch_cont .question_box .answer_box input{width:100%;line-height:45px;font-size:16px;color:#222;font-weight:400;border:1px solid #e5e5e5;border-radius:10px;padding:0 13px}
.right_box .ch_cont .question_box .answer_box input::placeholder{font-size:16px;color:#c1c1c1;font-weight:400}
.right_box .ch_cont .question_box.question_year input{width:48%}
.right_box .ch_cont .question_box.question_year input + input{margin-left:2.8%}
.right_box .ch_cont .question_box .tanswer label:last-child{margin-left:10px}
.right_box .ch_cont .question_box .tanswer input[type=radio]{ display:none;}
.right_box .ch_cont .question_box .tanswer input[type=radio] + label{width:auto;line-height:33px;text-align:center;font-size:14px;color:#2071ff;font-weight:400;border-radius:18px;border:1px solid #2071ff;cursor:pointer;padding:0 22px}
.right_box .ch_cont .question_box .tanswer input[type=radio]:checked + label{color:#fff;background:#2071ff}
.right_box .ch_cont .question_box.ch_write{border-top:1px solid #eeeeee;padding-top:40px}
.right_box .ch_cont .question_box.ch_write button{width:280px;margin:0 auto;line-height:55px;font-size:16px;color:#fff;font-weight:500;border-radius:28px;text-align:center;background:#666666;border:0}
.popup_bx{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:40}

.right_box .children_report{width:60%}
.right_box .children_report .children_box~.children_box{margin-left:20px;}
.right_box .children_report .children_box{display:inline-flex;align-items:center;-ms-display:flex;-ms-align-items:center;width:calc(50% - 12px);padding:0 30px;border:1px solid #e5e5e5;border-radius:10px}
.right_box .children_report .children_box input[type="radio"]{display:none}
.right_box .children_report .children_box input[type="radio"] + label{width:100%;font-size:18px;color:#222;font-weight:500;line-height:58px}
.right_box .children_report .children_box input[type="radio"] + label::after{content:"";display:block;clear:both}
.right_box .children_report .children_box input[type="radio"] + label span{display:inline-block;width:24px;height:24px;border-radius:50%;border:1px solid #d2d2d2;cursor:pointer;position:relative;float:right;margin-top:17px}
.right_box .children_report .children_box input[type="radio"]:checked + label span{}
.right_box .children_report .children_box input[type="radio"]:checked + label span::before{content:"";width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:50%;background:#2071ff url(../img/mem_chk.png) no-repeat center;}
.right_box .children_report .month_week{margin-top:30px; border-bottom:1px solid #e5e5e5; text-align:center; padding:10px}
.right_box .children_report .month_week a{margin:0 50px; color:#e5e5e5; font-size:10px;}
.right_box .children_report .month_week span{font-size:16px;}
.right_box .children_report .nodata span{font-size:18px;}
.right_box .children_report .img{margin-top:30px; text-align:center;}
.right_box .children_report .txt{margin-top:20px; text-align:center; color:#e5e5e5;}

.type_popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:510px;max-width:100%;padding:60px 0 50px;background:#fff;border-radius:20px;z-index:50}
.type_popup .popup_container{padding:0 60px}
.type_popup .popup_container::after{content:"";display:block;clear:both}
.type_popup .popup_cont{float:left;width:100%;margin-bottom:40px}
.type_popup .popup_cont.close_Btn{margin-bottom:0}
.type_popup .popup_cont .tit_txt{font-size:20px;color:#2071ff;font-weight:700;position:relative}
.type_popup .popup_cont .tit_txt::after{content:"";display:block;width:4px;height:4px;background:#2071ff;position:absolute;left:-10px;top:50%;transform:translateY(-40%);border-radius:50%}
.type_popup .popup_cont .cont_txt{margin:20px 0;font-size:16px;color:#666;font-weight:400;line-height:26px}
.type_popup .popup_cont .rec_txt{width:100%;background:#f8f8f8;border-radius:10px;padding:14px 18px}
.type_popup .popup_cont .rec_txt li{display:inline-block}
.type_popup .popup_cont .rec_txt li + li{margin-left:8px;padding-left:8px;position:relative}
.type_popup .popup_cont .rec_txt li + li::after{content:"";display:block;width:1px;height:10px;background:#b5b5b5;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.type_popup .popup_cont .rec_txt li h1{font-size:14px;color:#222;font-weight:500}
.type_popup .popup_cont .rec_txt li span{font-size:14px;color:#666666;font-weight:400}
.type_popup .popup_close{display:block;width:100px;line-height:35px;margin:0 auto;font-size:16px;color:#fff;font-weight:400;text-align:center;background:#2071ff;border-radius:18px}


/* 부모페이지_자녀관리 프로필 html > page > profile.php */
.profile_wrap{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:779px;max-width:100%;padding:40px 0 70px;background:#fff;border-radius:20px;z-index:50}
.profile_wrap .profile_container{position:relative;padding:0 80px}
.profile_wrap .colse_btn{position:absolute;right:40px;top:-30px}
.profile_wrap .profile_box{}
.profile_wrap .profile_box .profile_tit{text-align:center;margin-top:30px}
.profile_wrap .profile_box .profile_tit h2{font-size:25px;color:#222222;font-weight:700}
.profile_wrap .profile_box .profile_tit p{font-size:16px;color:#666666;font-weight:400;margin-top:15px}
.profile_wrap .profile_box .profile_icon{margin:50px 0 55px}
.profile_wrap .profile_icon .icon_ul::after{content:"";display:block;clear:both}
.profile_wrap .profile_icon .icon_ul li{float:left;text-align:center}
.profile_wrap .profile_icon .icon_ul li + li{margin-left:5.33%}
.profile_wrap .profile_icon .icon_ul li .icon_box{width:130px;height:130px;border:1px solid #e5e5e5;border-radius:50%;overflow:hidden}
.profile_wrap .profile_icon .icon_ul li .icon_box .icon_bg{width:100%;height:100%;background-position:50% 32%;background-repeat:no-repeat;background-size:cover}
.profile_wrap .profile_icon .icon_ul li:nth-child(1) .icon_box .icon_bg{background-image:url('/img/rio_img.jpg')}
.profile_wrap .profile_icon .icon_ul li:nth-child(2) .icon_box .icon_bg{background-image:url('/img/timmy.jpg')}
.profile_wrap .profile_icon .icon_ul li:nth-child(3) .icon_box .icon_bg{background-image:url('/img/oli.jpg')}
.profile_wrap .profile_icon .icon_ul li:nth-child(4) .icon_box .icon_bg{background-image:url('/img/denny.jpg')}
.profile_wrap .profile_icon .icon_ul li .check_box{margin-top:20px}
.profile_wrap .profile_icon .icon_ul li .check_box input[type="radio"]{display:none}
.profile_wrap .profile_icon .icon_ul li .check_box input[type="radio"] + label{font-size:18px;color:#222;font-weight:400}
.profile_wrap .profile_icon .icon_ul li .check_box input[type="radio"] + label span{display:inline-block;width:20px;height:20px;border-radius:50%;border:1px solid #d2d2d2;cursor:pointer;position:relative;margin:0 7px 0 0;vertical-align:middle}
.profile_wrap .profile_icon .icon_ul li .check_box input[type="radio"]:checked + label span::before{content:"";width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:50%;border-color:#2071ff;background:#2071ff url(../img/pro_chk.png) no-repeat center;}
.profile_wrap .profile_btn{width:120px;margin:0 auto}
.profile_wrap .profile_btn .profile_write{width:100%;line-height:40px;background:#2071ff;border:0;border-radius:18px;font-size:16px;color:#fff;font-weight:400}

@media(max-width:1200px){
	.children_wrap .clearfix > div.left_box{display:none}
	.children_wrap .clearfix > div.right_box{width:100%;padding-left:0}
}
@media(max-width:991px){
	.children_wrap{margin:50px 0 80px}
	.right_box .content_tit{text-align:center;margin-bottom:40px}
	.right_box .content_tit .page_tit{font-size:24px}
	.right_box .content_info{flex-direction:column}
	.right_box .children_plus{width:100%}
	.right_box .children_plus .children_box{padding:0 20px}
	.right_box .children_plus .children_box input[type="radio"] + label{font-size:14px;line-height:50px}
	.right_box .children_plus .children_box input[type="radio"] + label span{width:22px;height:22px;margin-top:1.2%}
	.right_box .children_plus .plus_btn{margin-top:15px}
	.right_box .children_plus .plus_btn button{font-size:14px}
	.right_box .children_info{width:100%;margin-left:0;margin-top:45px;padding:40px 20px}
	.right_box .ch_icon img{width:100%}
	.right_box .ch_cont{margin-top:35px}
	.right_box .ch_cont .question_box{margin-bottom:18px}
	.right_box .ch_cont .question_box.last_question{margin-bottom:35px}
	.right_box .ch_cont .question_box label{font-size:13px;width:24%}
	.right_box .ch_cont .question_box .answer_box{width:76%}
	.right_box .ch_cont .question_box .answer_box input{height:35px;line-height:35px}
	.right_box .ch_cont .question_box .answer_box input::placeholder{font-size:13px}
	.right_box .ch_cont .question_box .tanswer input[type=radio] + label{font-size:13px}
	.right_box .ch_cont .question_box.ch_write{padding-top:35px}
	.right_box .ch_cont .question_box.ch_write button{width:170px;line-height:45px;font-size:13px}

	.type_popup{width:calc(100% - 30px);padding:50px 0;border-radius:13px}
	.type_popup .popup_container{padding:0 35px}
	.type_popup .popup_cont{margin-bottom:25px}
	.type_popup .popup_cont .tit_txt{font-size:18px}
	.type_popup .popup_cont .cont_txt{font-size:14px;margin:16px 0 20px;line-height:20px}
	.type_popup .popup_cont .rec_txt{border-radius:5px}
	.type_popup .popup_cont .rec_txt li{vertical-align:top}
	.type_popup .popup_cont .rec_txt li + li::after{top:3px;transform:translateY(0)}
	.type_popup .popup_cont .rec_txt li h1,
	.type_popup .popup_cont .rec_txt li span{font-size:13px}
	.type_popup .popup_cont .rec_txt li span{display:inline-block;margin-top:-4px;line-height:1.5}
	.type_popup .popup_close{width:73px;line-height:33px;font-size:13px;border-radius:16px}


	/* 부모페이지_자녀관리 프로필 html > page > profile.php */
	.profile_wrap{width:calc(100% - 30px);padding:50px 0;border-radius:13px}
	.profile_wrap .profile_container{padding:0 45px}
	.profile_wrap .colse_btn{right:20px;top:-30px}
	.profile_wrap .colse_btn img{height:17px}
	.profile_wrap .profile_box .profile_tit{margin-top:0}
	.profile_wrap .profile_box .profile_tit h2{font-size:19px;line-height:26px}
	.profile_wrap .profile_box .profile_tit p{font-size:14px;line-height:26px;margin-top:12px}
	.profile_wrap .profile_box .profile_icon{margin:30px 0 40px}
	.profile_wrap .profile_icon .icon_ul li{width:47%}
	.profile_wrap .profile_icon .icon_ul li + li{margin-top:25px}
	.profile_wrap .profile_icon .icon_ul li:nth-child(2){;margin-top:0}
	.profile_wrap .profile_icon .icon_ul li:nth-child(3){margin-left:0}
	.profile_wrap .profile_icon .icon_ul li .icon_box{width:90px;height:90px;margin:0 auto}
	.profile_wrap .profile_icon .icon_ul li .check_box input[type="radio"] + label{font-size:14px}
}
@media(max-width:768px){
	.right_box .children_plus .children_box input[type="radio"] + label span{margin-top:4%}
	#order_list .item{
		padding-bottom: 80px;
	}
	#order_list .item:first-child{
	  padding-top: 50px;
	}
	#order_list .item:last-child{
	  padding-bottom: 0px;
	}
	#order_list .item .ticket{
		font-size: 22px;
		font-weight: 700;
		padding: 24px 0px;
		min-width: 100%;
		border-radius: 10px;
		border: 2px solid rgb(25 119 255);
		display: inline-block;
		text-align: center;
	}
	#order_list .item .date_term{
		padding: 10px 0px;
		font-size: 17px;
		text-align: center;
		font-weight: 600;
	}
	#order_list .item .des{
		line-height: 1.5;
		font-size: 13px;
		color: #999;
		word-break: keep-all;
		padding-top: 30px;
	}
	#order_list .item .btn_terminate{
		border-radius: 30px;
		background: #999;
		color: #fff;
		padding: 14px 40px;
		width: 100%;
		display: inline-block;
		margin-top: 10px;
		text-align: center;
	}
	#order_list .coupon_regist {
	  font-size: 18px;
	  padding: 16px 0px;
	  min-width: 100%;
	}
	#order_list .coupon_des{
	  font-size: 14px;
	}
}
@media(max-width:480px){
	.right_box .ch_cont .question_box.question_year input{width:47%}
	.right_box .ch_cont .question_box label{width:30%}
	.right_box .ch_cont .question_box .answer_box{width:70%}
	.right_box .ch_cont .question_box .tanswer input[type=radio] + label{font-size:12px;padding:0 15px;border-radius:18px}
	.right_box .ch_cont .question_box .tanswer label:last-child{margin-left:3px}
}


/*커리큘럼 html > page > m02_01.php */
.max_lg{display:none}
.m02_01_wrap{}
.m02_01_wrap .padding_box{padding:120px 0}
.m02_01_wrap .m02_tit .seciton_tit{font-size:45px;color:#583501;font-family: 'BMJUA', sans-serif}
.m02_01_wrap .m02_tit .seciton_sub{font-size:45px;color:#2071ff;font-family: 'BMJUA', sans-serif}
.m02_01_wrap .m02_tit .seciton_subtit{font-size:18px;color:#666666;font-weight:400;margin-top:30px}

.m02_section01{background:#f7f7f7 url(../img/m02_section01bg.png) no-repeat center;background-size:cover}
.m02_section01 .m02_tit .seciton_tit{font-size:42px;margin-bottom:20px}
.m02_section01 .m02_tit .seciton_sub{font-size:62px}
.m02_section01 .container_fix{display:flex;align-items: center;-ms-display:flex;-ms-align-items: center}
.m02_section01 .se_left{width:calc(100% - 631px)}
.m02_section01 .se_left .seciton_stit{margin-top:50px}
.m02_section01 .se_left .seciton_stit p{font-size:18px;color:#666666;font-weight:400;line-height:30px}
.m02_section01 .se_right{width:631px} 

/* 커리큘럼 차별점 */
.m02_section02{background:url(../img/m02_section02bg.jpg) no-repeat center;background-size:cover}
.m02_section02 .m02_tit .seciton_tit{margin-bottom:68px;text-align:center}
.m02_section02 .se_ul{}
.m02_section02 .se_ul li{float:left;width:25%;min-height:280px;text-align:center}
.m02_section02 .se_ul li + li{border-left:1px solid #eeeeee}
.m02_section02 .se_ul li .txt_box{margin-top:40px}
.m02_section02 .se_ul li .txt_box h2{font-size:22px;color:#222222;font-family: 'BMJUA', sans-serif;margin-bottom:6px;line-height:28px}
.m02_section02 .se_ul li .txt_box p{height:30px;line-height:24px;font-size:15px;color:#666666;font-weight:400}
.m02_section02 .se_notice{margin-top:70px;background:#f7f7f7;padding:20px 90px;border-radius:10px}
.m02_section02 .se_notice p{font-size:13px;color:#999999;font-weight:400;line-height:22px}

/* 비바부 잉글리시 기적의 학습법 */
.m02_section03{background:url(../img/m02_section03bg.jpg) no-repeat center;background-size:cover;padding:114px 0}
.m02_section03 .m02_tit{text-align:center;margin-bottom:70px}
.section03_sub{background:#fff;border-radius:30px;padding:80px 50px}
.section03_sub .point_cont{border-bottom:1px dashed #dcdcdc;margin-bottom:80px}
.section03_sub .point_cont:last-child{border-bottom:0;margin-bottom:0}
.section03_sub .point_cont .point_top{}
.section03_sub .point_cont .point_tit{text-align:center}
.section03_sub .point_cont .point_tit .point_box{display:block;width:130px;height:45px;line-height:45px;margin:0 auto;border-radius:22px;background:#2071ff;text-align:center}
.section03_sub .point_cont .point_tit .point_box h2{font-size:22px;font-family: 'Montserrat', sans-serif;font-weight:700;color:#fff}
.section03_sub .point_cont .point_tit .po_title{margin:30px 0 20px;font-size:35px;color:#583501;font-family: 'BMJUA', sans-serif}
.section03_sub .point_cont .point_tit .po_stitle{font-size:18px;color:#666666;font-weight:400}
.section03_sub .point_content{text-align:center;margin:74px 0 110px}
.section03_sub .point_content .point01_li{display:inline-block;padding:0 55px}
.section03_sub .point_content .point01_li:first-child{padding-left:0}
.section03_sub .point_content .point01_li:last-child{padding-right:0}

.section03_sub .point02 .point_tit .po_stitle{line-height:30px}
.section03_sub .point02 .point_content{margin:54px 0 80px;position:relative}
.section03_sub .point02 .point_content .youtube_wrap{position:absolute;left:50%;top:6.7%;width:606px;height:341px;border-radius:20px;overflow:hidden;transform:translateX(-50%)}
.section03_sub .point02 .point_content .youtube_box{width:100% !important;height:100%;padding-bottom: 56.315% !important;position:relative;overflow:hidden}
.section03_sub .point02 .point_content .youtube_box > iframe{position: absolute;top:0%;left:0%;width:100%;height:100%}
.section03_sub .point02 .point_content .youtube_box > video{width:100%}
.section03_sub .point02 .point_content .youtube_box .img_box{position:absolute;z-index:2;cursor:pointer;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);cursor:pointer}
.section03_sub .point02 .point_content .youtube_box .img_box::after{width:45px;height:55px;content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(../img/mc02_play.png) no-repeat center;}

.section03_sub .point03 .point_tit .po_stitle{line-height:30px}
.section03_sub .point03 .point_tit .po_stitle span{font-size:14px;color:#999999}
.section03_sub .point03 .point_content{margin:45px 0 64px}

.section03_sub .point04 .point_content{margin:55px 0 80px}

.section03_sub .point05 .point_content{margin:50px 0 80px}
.section03_sub .point05 .point_tit .point_box{width:270px;height:auto;line-height:1;background:#fff;}
/*.section03_sub .point05 .point_tit .point_box{width:270px;height:auto;line-height:1;background:#fff;border:1px solid #d2d2d2;border-radius:25px;position:relative}
.section03_sub .point05 .point_tit .point_box .point_arrow{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);border-right:10px solid transparent;border-top:16px solid #d5d5d5;border-left:10px solid transparent}
.section03_sub .point05 .point_tit .point_box .point_arrow::after{content:"";display:block;position:absolute;bottom:2px;left:50%;transform:translateX(-50%);border-right:9px solid transparent;border-top:14px solid #fff;border-left:9px solid transparent}*/
.section03_sub .point05 .point_tit .po_stitle{line-height:30px}

.section03_sub .point06 .point_content{width:755px;margin:40px auto 0}
.section03_sub .point06 .point_content::after{content:"";display:block;clear:both}
.section03_sub .point06 .point_content .point06_li{float:left;width:46.358%}
.section03_sub .point06 .point_content .point06_li + li{margin-left:7.284%}
.section03_sub .point06 .point_content .point06_li + li .img_box{border:1px solid #e5e5e5}
.section03_sub .point06 .point_content .point06_li  .img_box{border-radius:15px;overflow:hidden}
.section03_sub .point06 .point_content .point06_li .point06_box{margin-top:20px}
.section03_sub .point06 .point_content .point06_li .point06_box p{font-size:18px;color:#666666;font-weight:400;line-height:28px}

/* 커리큘럼 */
.m02_section04{}
.m02_section04 .m02_tit{text-align:center;margin-bottom:80px}
.m02_section04 .m02_tit .seciton_subtit{line-height:35px;margin-top:50px}
.m02_section04 .m02_tit .seciton_subtit:last-child{margin-top:0}
.m02_section04 .se_content{}

.m02_section04 .se_content .map_box{width:100%;display:flex;-ms-display:flex;align-items:end;-ms-align-items:end}
.m02_section04 .se_content .map_step:nth-child(1){width:155px}
.m02_section04 .se_content .map_step:nth-child(2){width:630px}
.m02_section04 .se_content .map_step:nth-child(3){width:476px}
.m02_section04 .se_content .map_step + div{margin-left:10px}
.m02_section04 .se_content .map_step .map_tit{line-height:50px;text-align:center;border-radius:20px 20px 0 0}
.m02_section04 .se_content .map_step .map_tit h2{font-size:25px;color:#fff;font-family: 'BMJUA', sans-serif}
.m02_section04 .se_content .map_step .map_tit.alphabet{background:#fac800}
.m02_section04 .se_content .map_step .map_tit.phonics{background:#8dc938}
.m02_section04 .se_content .map_step .map_tit.readers{background:#2071ff}
.m02_section04 .se_content .map_step .map_cont{text-align:center;padding:40px 0;border-radius:0 0 20px 20px}
.m02_section04 .se_content .map_step .map_cont p{font-size:20px;color:#222222;font-weight:400;line-height:32px}
.m02_section04 .se_content .map_step .map_cont p span{font-weight:700}
.m02_section04 .se_content .map_step .map_cont.alphabet{background:rgba(250,200,0,0.1)}
.m02_section04 .se_content .map_step .map_cont.phonics{background:rgba(147,202,69,0.1)}
.m02_section04 .se_content .map_step .map_cont.readers{background:rgba(32,113,255,0.1)}

.m02_section04 .se_content .map_tab{width:100%;height:1px;position:relative;margin:35px 0 79px}
.m02_section04 .se_content .map_tab:after{content:"";display:block;width:100%;height:1px;background:#eeeeee;position:absolute;left:0;top:0}
.m02_section04 .se_content .map_tab .tab_li{float:left;width:12.5%;text-align:center}
.m02_section04 .se_content .map_tab .tab_li a{font-size:16px;color:#bbbbbb;font-weight:300;display:block;position:relative;padding-top:23px}
.m02_section04 .se_content .map_tab .tab_li a::after{content:"";display:block;width:10px;height:10px;background:#dcdcdc;position:absolute;top:-5px;left:50%;transform:translateX(-50%);border-radius:50%;z-index:5}
.m02_section04 .se_content .map_tab .tab_li.active a{font-weight:700;font-size:18px}
.m02_section04 .se_content .map_tab .tab_li.alphabet.active a{color:#fac800}
.m02_section04 .se_content .map_tab .tab_li.phonics.active a{color:#8dc938}
.m02_section04 .se_content .map_tab .tab_li.readers.active a{color:#2071ff}
.m02_section04 .se_content .map_tab .tab_li.active a::after{width:13px;height:13px;background:#fff;border:3px solid transparent}
.m02_section04 .se_content .map_tab .tab_li.alphabet.active a::after{border-color:#fac800}
.m02_section04 .se_content .map_tab .tab_li.phonics.active a::after{border-color:#8dc938}
.m02_section04 .se_content .map_tab .tab_li.readers.active a::after{border-color:#2071ff}

.m02_section04 .se_content .map_wrap{}
.m02_section04 .se_content .map_content{display:none}
.m02_section04 .se_content .map_content.active{display:block}
.m02_section04 .se_content .map_line{width:100%;border-radius:20px;padding:74px 87px;border:1px solid #ffffff;display:flex;align-items:center;-ms-display:flex;-ms-align-items:center;position:relative}
.m02_section04 .se_content .alphabet .map_line{border-color:#fac800}
.m02_section04 .se_content .phonics .map_line{border-color:#8dc938}
.m02_section04 .se_content .readers .map_line{border-color:#2071ff}

.m02_section04 .se_content .line_arrow{display:block;position:absolute;top:-20px;left:5.3%;border-right:14px solid transparent;border-bottom:20px solid #fac800;border-left:14px solid transparent}
.m02_section04 .se_content .line_arrow::after{content:"";display:block;position:absolute;top:2px;left:50%;transform:translateX(-50%);border-right:13px solid transparent;border-bottom:18px solid #fff;border-left:13px solid transparent}
.m02_section04 .se_content .phonics .line_arrow{border-bottom-color:#8dc938}
.m02_section04 .se_content .readers .line_arrow{border-bottom-color:#2071ff}

.m02_section04 .se_content .map02 .line_arrow{left:17.7%}
.m02_section04 .se_content .map03 .line_arrow{left:30.3%}
.m02_section04 .se_content .map04 .line_arrow{left:42.7%}
.m02_section04 .se_content .map05 .line_arrow{left:initial;right:42.5%}
.m02_section04 .se_content .map06 .line_arrow{left:initial;right:30%}
.m02_section04 .se_content .map07 .line_arrow{left:initial;right:17.4%}
.m02_section04 .se_content .map08 .line_arrow{left:initial;right:5%}

.m02_section04 .se_content .left_video{width:46.106%;position:relative}
.m02_section04 .se_content .left_video .video_wrap{position:absolute;left:50%;top:6.7%;width:90%;height:87%;border-radius:20px;overflow:hidden;transform:translateX(-50%)}
.m02_section04 .se_content .left_video .video_box{position:absolute;left:0;top:0;width:100%;height:100%}
.m02_section04 .se_content .left_video .video_box{width:100% !important;padding-bottom: 56.315% !important;position:relative}
.m02_section04 .se_content .left_video .video_box > iframe{position: absolute;top:0%;left:0%;width:100%;height:100%}
.m02_section04 .se_content .right_cont{width:calc(100% - 46.106%);padding-left:80px}
.m02_section04 .se_content .right_cont .txt_box{}

.m02_section04 .se_content .right_cont h4{font-size:16px;font-weight:700}
.m02_section04 .se_content .alphabet .right_cont h4{color:#fac800}
.m02_section04 .se_content .phonics .right_cont h4{color:#8dc938}
.m02_section04 .se_content .readers .right_cont h4{color:#2071ff}

.m02_section04 .se_content .right_cont h1{font-size:28px;color:#222222;font-family: 'BMJUA', sans-serif;margin:25px 0 20px}
.m02_section04 .se_content .right_cont p{font-size:16px;color:#666666;font-weight:400;line-height:28px}
.m02_section04 .se_content .right_cont .cont_line{display:block;width:100%;height:1px;background:#eeeeee;margin:30px 0 20px}
.m02_section04 .se_content .right_cont .ex_li{font-size:14px;color:#999999;font-weight:400}
.m02_section04 .se_content .right_cont .ex_li + li{margin-top:12px}


/* 비바부 잉글리시 여러분도 지금 바로 이용해 보세요. */
.m02_section05{background:url(../img/mc07_bg.jpg) no-repeat bottom center /cover;}
.m02_01_wrap .padding_box.m02_section05{padding:90px 0 100px}
.m02_section05 .container_fix{text-align:center}
.m02_section05 .section05_tit h1{font-size:55px;color:#fff;font-family: 'BMJUA', sans-serif;line-height:70px}
.m02_section05 .section05_ico{display:flex;justify-content: center;-ms-display:flex;-ms-justify-content:center;margin-top:47px}
.m02_section05 .section05_ico li + li{margin-left:80px}
.m02_section05 .section05_ico li p{width:94px; white-space:nowrap; font-size:18px; line-height:28px; height:56px; color:#fff; text-align: center; display:flex; justify-content: center; margin-top:23px;}
.m02_section05 .member_btn{display:block;width:250px;line-height:65px;margin:40px auto 0;border-radius:32px;background:#1f71ff;font-size:16px;color:#fff;font-weight:500}

/* .main_cont07{padding:90px 0 100px; background:url(../img/mc07_bg.jpg) no-repeat bottom center /cover;}
.main_cont07 .mc_title{font-size:55px; color:#fff; line-height:70px;}
.main_cont07 .mc07_ul{display:flex; align-items:center; justify-content: center; margin-top:47px;}
.main_cont07 .mc07_ul li + li{margin-left:80px;}
.main_cont07 .mc07_ul li p{width:94px; white-space:nowrap; font-size:18px; line-height:28px; height:56px; color:#fff; text-align: center; display:flex; justify-content: center; margin-top:23px;}
.main_cont07 .mc_more{margin-top:40px;} */

/* 마이페이지 */
.myinfo-wrap .quart-box{width:50%}
.myinfo-wrap .quart-box:nth-child(3){border-right:0}


@media(max-width:1200px){
	.max_lg{display:block}

	.m02_01_wrap .point_content img{display:block;width:100%}

	.m02_section01 .m02_tit .seciton_tit{font-size:38px}
	.m02_section01 .m02_tit .seciton_sub{font-size:58px}
	.m02_section01 .se_left .seciton_stit p{font-size:16px}
	.m02_section01 .se_left{width:calc(100% - 512px)}
	.m02_section01 .se_right{width:512px;text-align:right}
	.m02_section01 .se_right img{height:300px}

	.m02_section02 .se_ul li .txt_box h2{font-size:20px}
	.m02_section02 .se_ul li .txt_box p{font-size:14px}

	.section03_sub .point02 .point_content img{width:auto;display:initial}

	.m02_section04 .se_content .map_line{padding:74px 40px}
	.m02_section04 .se_content .left_video img{height:255px}

}
@media(max-width:991px){
	
	.m02_01_wrap .padding_box{padding:50px 0 40px}
	.m02_01_wrap .m02_tit .seciton_tit,
	.m02_01_wrap .m02_tit .seciton_sub{font-size:29px}
	.m02_01_wrap .m02_tit .seciton_subtit{font-size:14px;margin-top:25px}

	.m02_01_wrap .m02_section01.padding_box{padding:65px 0}
	.m02_section01{background:#f7f7f7 url(../img/mm02_section01bg.png) no-repeat center;background-size:cover;}
	.m02_section01 .container_fix{flex-direction: column;}
	.m02_section01 .m02_tit .seciton_tit{font-size:30px;margin-bottom:14px}
	.m02_section01 .m02_tit .seciton_sub{font-size:36px}
	.m02_section01 .se_left{width:100%}
	.m02_section01 .se_right{width:100%;text-align:left;margin-top:50px}
	.m02_section01 .se_left .seciton_stit{margin-top:20px}
	.m02_section01 .se_left .seciton_stit p{font-size:14px;line-height:23px}

	/* 커리큘럼 차별점 */
	.m02_01_wrap .m02_section02.padding_box{padding:50px 0}
	.m02_section02{background:url(../img/mm02_section02bg.jpg) no-repeat center;background-size:cover}
	.m02_section02 .m02_tit .seciton_tit{margin-bottom:40px}
	.m02_section02 .se_ul{padding:0 15px}
	.m02_section02 .se_ul li{width:100%;min-height:auto}
	.m02_section02 .se_ul li + li{border-left:0;border-top:1px solid #eeeeee;margin-top:30px}
	.m02_section02 .se_ul li .txt_box{margin-top:15px}
	.m02_section02 .se_ul li .txt_box p{height:auto;line-height:22px}
	.m02_section02 .se_ul li .img_box img{height:104px}
	.m02_section02 .se_ul li + li .img_box{margin-top:15px}
	.m02_section02 .se_notice{margin-top:40px;padding:30px 15px;border-radius:5px}
	.m02_section02 .se_notice p{line-height:22px}
	.m02_section02 .se_notice p + p{margin-top:6px}

	/* 비바부 잉글리시 기적의 학습법 */
	.m02_section03{background:url(../img/mm02_section03bg.jpg) no-repeat center;background-size:cover;padding:114px 0}
	.m02_section03 .m02_tit{margin-bottom:47px}
	.m02_section03 .m02_tit .seciton_subtit{line-height:24px;margin-top:20px}
	.section03_sub{border-radius:15px;padding:32px 15px}
	.section03_sub .point_cont{margin-bottom:40px}
	.section03_sub .point_cont .point_tit .point_box{width:80px;height:30px;line-height:30px;border-radius:15px}
	.section03_sub .point_cont .point_tit .point_box h2{font-size:13px}
	.section03_sub .point_cont .point_tit .po_title{margin:20px 0 17px;font-size:24px}
	.section03_sub .point_cont .point_tit .po_stitle{font-size:14px;line-height:21px}
	.section03_sub .point_content{margin:27px 0 40px;width:100%}

	.section03_sub .point01 .point_content{margin:27px 0 45px;display:flex;justify-content:center}
	.section03_sub .point_content .point01_li{padding:0 42px;display:block}
	.section03_sub .point_content .point01_li .img_box img{height:75px;width:auto}

	.section03_sub .point02 .point_tit .po_title{margin:20px 0 18px}
	.section03_sub .point02 .point_content{margin:26px 0 40px}
	.section03_sub .point02 .point_content img{display:block;width:100%}
	.section03_sub .point02 .point_content .youtube_wrap{width:90%;height:86%;border-radius:10px}

	.section03_sub .point03 .point_content{margin:25px 0 40px;display:flex;justify-content:center;-ms-display:flex;-ms-justify-content:center}
	.section03_sub .point03 .point_tit .po_stitle span{display:block;font-size:12px;margin-top:11px}


	.section03_sub .point04 .point_tit .po_title{margin:20px 0 17px}
	.section03_sub .point04 .point_content{margin:25px 0 40px}
	
	.section03_sub .point05 .point_tit .po_title{margin:20px 0 17px}
	.section03_sub .point05 .point_content{margin:30px 0 40px}
	.section03_sub .point05 .point_tit .point_box{width:auto;height:auto;line-height:1;background:none;border:0;border-radius:0}
	.section03_sub .point05 .point_tit .point_box img{height:38px}
	.section03_sub .point05 .point_tit .point_box .point_arrow,
	.section03_sub .point05 .point_tit .point_box .point_arrow::after{display:none}

	.section03_sub .point06 .point_tit .po_title{margin:20px 0 25px}
	.section03_sub .point06 .point_content{width:100%;margin:20px auto 0}
	.section03_sub .point06 .point_content .point06_li{width:100%}
	.section03_sub .point06 .point_content .point06_li + li{margin-left:0;margin-top:25px}
	.section03_sub .point06 .point_content .point06_li .img_box{border-radius:13px}
	.section03_sub .point06 .point_content .point06_li .point06_box{margin-top:15px}
	.section03_sub .point06 .point_content .point06_li .point06_box p{font-size:14px;line-height:1}


	/* 커리큘럼 */
	.m02_section04 .m02_tit{margin-bottom:20px}
	.m02_section04 .m02_tit .seciton_subtit{line-height:23px;margin-top:25px}
	.m02_section04 .m02_tit .seciton_subtit:last-child{margin-top:10px}
	.m02_section04 .se_content > div + div{margin-top:40px}
	.m02_section04 .se_content .map_box{display:block}
	.m02_section04 .se_content .map_step:nth-child(1),
	.m02_section04 .se_content .map_step:nth-child(2),
	.m02_section04 .se_content .map_step:nth-child(3){width:100%}
	.m02_section04 .se_content .map_step + div{margin-left:0}
	.m02_section04 .se_content .map_step .map_tit{line-height:35px;border-radius:10px 10px 0 0}
	.m02_section04 .se_content .map_step .map_tit h2{font-size:18px}
	.m02_section04 .se_content .map_step .map_cont{padding:21px 0;border-radius:0 0 10px 10px}
	.m02_section04 .se_content .map_step .map_cont p{font-size:14px;line-height:21px}

	.m02_section04 .se_content .map_tab{margin:0;margin-top:30px}
	.m02_section04 .se_content .alphabet_box .map_tab .tab_li{width:100%}
	.m02_section04 .se_content .phonics_box .map_tab .tab_li{width:25%}
	.m02_section04 .se_content .readers_box .map_tab .tab_li{width:33.333%}
	.m02_section04 .se_content .map_tab .tab_li a{font-size:14px;padding-top:16px}
	.m02_section04 .se_content .map_tab .tab_li.active a{font-size:14px}
	.m02_section04 .se_content .map_content.active{margin-top:52px}
	.m02_section04 .se_content .map_line{border-radius:10px;padding:40px 14px}

	.m02_section04 .se_content .line_arrow{border-right:9px solid transparent;border-bottom:15px solid #fac800;border-left:9px solid transparent;top:-16px}
	.m02_section04 .se_content .line_arrow::after{border-right:9px solid transparent;border-bottom:14px solid #fff;border-left:9px solid transparent}
	.m02_section04 .se_content .map01 .line_arrow{left:50%;transform:translateX(-50%)}
	.m02_section04 .se_content .map02 .line_arrow{left:10.7%}
	.m02_section04 .se_content .map03 .line_arrow{left:36.3%}
	.m02_section04 .se_content .map04 .line_arrow{left:initial;right:35%}
	.m02_section04 .se_content .map05 .line_arrow{left:initial;right:10%}
	.m02_section04 .se_content .map06 .line_arrow{left:15%;right:initial}
	.m02_section04 .se_content .map07 .line_arrow{left:50%;transform:translateX(-50%);right:initial}
	.m02_section04 .se_content .map08 .line_arrow{left:initial;right:14%}

	.m02_section04 .se_content .map_line{flex-direction:column}
	.m02_section04 .se_content .map_line > div{width:100%}
	.m02_section04 .se_content .left_video{margin-bottom:25px}
	.m02_section04 .se_content .left_video img{display:block;width:100%;height:auto}
	.m02_section04 .se_content .right_cont{padding-left:0}
	.m02_section04 .se_content .right_cont h4{font-size:14px}
	.m02_section04 .se_content .right_cont h1{font-size:22px;margin:15px 0 21px}
	.m02_section04 .se_content .right_cont p{font-size:14px;line-height:20px}
	.m02_section04 .se_content .right_cont .cont_line{margin:25px 0 20px}
	.m02_section04 .se_content .right_cont .ex_li{font-size:13px}
	.m02_section04 .se_content .right_cont .ex_li + li{margin-top:8px}



	/* 비바부 잉글리시 여러분도 지금 바로 이용해 보세요. */
	.m02_section05{background-image:url(../img/mmc07_bg.jpg);}
	.m02_01_wrap .padding_box.m02_section05{ padding:52px 0 60px;}
	.m02_section05 .section05_tit h1{font-size:35px;line-height:45px}
	.m02_section05 .section05_ico{margin-top:35px;}
	.m02_section05 .section05_ico li + li{margin-left:40px}
	.m02_section05 .section05_ico li img{width:73px;}
	.m02_section05 .section05_ico li p{font-size:14px;line-height:22px;margin-top:17px}
	.m02_section05 .member_btn{width:180px;line-height:44px;border-radius:24px;font-size:14px}
	 

}
@media(max-width:768px){
	.m02_section01 .se_right img{height:auto;display:block;width:100%}

	.section03_sub .point_content .point01_li{padding:0 20px}
}


/* 회원가입 */
.register_box{display:block}
.register_box::after{content:"";display:block;clear:both}
.register-form .register_box .regbtn-wrap{float:left;width:100%}
.register-form .register_box .regbtn-wrap button{width:560px;margin:50px auto 0}

/* 마이페이지 */
.mypage-table .mypage-categorys .categorys-links a{display:block;font-size:16px;color:#666666;font-weight:400;padding: 24px 10px;line-height:1}
.mypage-table .mypage-categorys .categorys-links.active a{color:#2071ff}
.mypage-table .mypage-categorys .categorys-links.b_top a{border-top:1px solid #e5e5e5}
.mypage-table .mypage-categorys .categorys-links.b_top.active a{color:#2071ff}
.mypage-table .mypage-sections{padding-left:20px}
.mypage-table .mypage-sections section .head .title{color:#583501;font-weight:700}

@media(max-width:991px){
	.mypage-table .mypage-categorys .categorys-links a{font-size:1.0rem;padding: 0 12px;line-height:40px}
	.mypage-table .mypage-categorys .categorys-links.b_top a{border-top:0}
	.mypage-table .mypage-sections{padding-left:0}
}