@charset "utf-8";
/* Typhographic */
*{word-break:keep-all;}
.en{letter-spacing:normal;}
h1,h2,h3,h4,h5{font-weight:400;color:#333;}
h2{font-size:28px;}
h3{font-size:22px;}
h4{font-size:14px;}
.c_gr{color:#197743;}
strong{font-weight:500;}

.blind{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;line-height:0;white-space:normal;word-wrap:break-word;word-break:break-all;clip:rect(0,0,0,0)}
.blind:before{display:block;width:0;height:0;font-size:0;content:'\00a0'}

/* Layout */
.container{width:100%;padding:0 20px;}
.button{display:block;width:100%;height:40px;line-height:40px;font-size:15px;font-weight:500;text-align:center;}
.button.btn_solid{background:#34D399;;color:#fff;}
.button.btn_gr{background:#a3a3a3;color:#fff;}
.button.btn_or{background:#FB923C;color:#fff;}
.button.btn_bl{background:#34D399;color:#fff;}
.button.btn_yl{background:#60A5FA;color:#fff;}
.button.btn_trans{background:none;color:#668bf7;}
.button.btn_radius{border-radius:5px;}
.button.btn_line{border:1px solid #668bf7;background:none;color:#668bf7;}
.btn_left{display:block;width:calc(50% - 5px);float:left;}
.btn_right{display:block;width:calc(50% - 5px);float:right;}

/* swiper */
.swiper-pagination-bullet{background:#abbffb;opacity:1;}
.swiper-pagination-bullet-active{width:25px;background:#668bf7;border-radius:5px;}

#bookClub{height:100%;min-height:100%;background-color:#fdfefb}
#bookClub.historypage{background-color:#fff;}
#bookClub .club_header{padding:0;}
#bookClub.mainpage .club_header{padding:15px 0 25px;}
#bookClub.mainpage .club_header .sub_header{position:relative; text-align:center;}
#bookClub.mainpage .club_header .sub_header h1{display:inline-block;width:60px;height:52px;overflow:hidden;text-indent:-9999px;background-size: cover;}
#bookClub .club_header .sub_header .btn_back{position:absolute;top:0;left:0;display:block;width:40px;height:40px;background:url(../../images/miracle/common/arr_back.png) no-repeat 50% 50% / 11px auto;overflow:hidden;text-indent:-9999px;}
#bookClub .club_header .sub_header h1{text-align:center;font-size:15px;font-weight:500;color:#333;line-height:40px;}
#bookClub .club_header .sub_header .login_btn{right:50px;}
#bookClub.mainpage .club_header .sub_header .login_btn{right:15px;}
#bookClub .club_header .sub_header .btn_home{position:absolute;top:0;right:0;display:block;width:40px;height:40px;background:#2f945d url(../../images/miracle/common/ico_home.png) no-repeat 50% 50% / 20px auto;overflow:hidden;text-indent:-9999px;}

#contents{position:relative;max-width:640px;height:calc(100% - 40px);padding:0 15px;margin:0 auto;}
.mainpage #contents{height:calc(100% - 93px);min-height:420px;}
#contents h2 img{height:21px !important;}
.txt_wrap{font-size:12px;font-weight:300;color:#707070;line-height:1.6;}

.float_bot_wrap{position:fixed;bottom:0;left:0;width:100%;max-width:640px;z-index:100;}
.float_bot_wrap .button{max-width:610px;height:40px;margin:0 auto;background-color:#34D399;line-height:40px;font-size:15px;font-weight:500;color:#fff;}

.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0;}
.modal .modal_bg{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);}
.modal .modal_inner{display:flex;align-items:center;position:absolute;top:0;left:5%;width:90%;height:80%;-webkit-transition:top .5s;transition:top .5s;}
.modal .modal_inner .modal_contents{width:100%;padding:20px;background-color:#fff;}
.modal .modal_inner .modal_contents .btn_wrap{overflow:hidden;}
.modal .modal_inner .modal_contents .btn_wrap .button{height:45px;line-height:45px;font-size:14px;}
.modal .modal_inner .modal_contents .btn_wrap .button.btn_line{line-height:43px;}
.modal .modal_inner .modal_contents .btn_wrap.col_half .button{width:48%;margin:0 auto;}
.modal.on{display:block;z-index:100000;opacity:1;}
.modal.on .modal_inner{top:10%;}
.modal .modal_inner .modal_contents{position:relative;max-width:600px;margin:0 auto;padding:25px 20px 20px;font-size:15px;font-weight:300;color:#333;line-height:1.4;text-align:center;}
.modal .modal_inner .modal_contents::after{content:'';position:absolute;top:-37px;left:50%;width:90px;height:37px;margin-left:-45px;background:url(../../images/miracle/common/modal_obj.png) no-repeat 0 0 / auto 37px;}
.modal .modal_inner .modal_contents .btn_wrap{margin-top:20px;}
.modal .modal_inner .modal_contents .btn_wrap .btn_solid{display:inline-block;width:120px;margin:0 auto;height:35px;line-height:35px;background-color:#60A5FA;border-radius:5px;}
.modal .modal_inner .modal_contents .btn_wrap .btn_solid.btn_gr{background-color:#a3a3a3}
.modal_booksel.on .modal_inner{height:90%;top:5%;}
.modal_booksel .modal_inner .modal_contents{height:100%;padding:0;}
.modal_booksel .modal_inner .modal_contents::after{content:none;}
.modal_booksel .modal_inner .modal_contents .head{position:relative;border-bottom:1px solid #dcdcdc;font-size:17px;font-weight:500;height:50px;line-height:50px;padding-left:15px;text-align:left;}
.modal_booksel .modal_inner .modal_contents .head .btn_close{position:absolute;top:0;right:0;width:50px;height:50px;background:url(../../images/icon/close.png) no-repeat 50% 50% / 20px auto;}
.modal_booksel .modal_inner .modal_contents .top_txt{padding:20px 15px 10px;text-align:left;}
.modal_booksel .modal_inner .modal_contents .top_txt .tit{font-size:14px;font-weight:500;color:#1a8249;}
.modal_booksel .modal_inner .modal_contents .top_txt .txt{padding-left: 14px;font-size:12px;font-weight:300;color:#707070;text-indent: -14px;}

.modal_booksel .modal_inner .modal_contents .sort_box{padding:15px;background-color:#f0f0f0}
.modal_booksel .modal_inner .modal_contents .sort_box .sel_sort{margin-bottom:10px;}
.modal_booksel .modal_inner .modal_contents .sort_box .input,
.modal_booksel .modal_inner .modal_contents .sort_box .select{background-color:#fff;}
.modal_booksel .modal_inner .modal_contents .sort_box .select{background-position:right 13px top 50%;background-size:16px auto;}
.modal_booksel .modal_inner .modal_contents .sort_box .ipt_wrap{position:relative;margin-bottom:0;}
.modal_booksel .modal_inner .modal_contents .sort_box .ipt_wrap .btn_srch{position:absolute;top:0;right:0;width:40px;height:40px;background:url(../../images/icon/ico_srch.png) no-repeat 50% 50% / 18px auto;overflow:hidden;text-indent:-99999px;}
.modal_booksel .modal_inner .modal_contents .btn_wrap{margin-top:0;}
.modal_booksel .modal_inner .modal_contents .btn_wrap .button.btn_solid{border-radius:0;width:100%;}

.modal_booksel .book_list{padding:15px;height:calc(100% - 280px);overflow-y:auto;}
.modal_booksel .book_list .list_scroll_wrap{overflow:hidden;}
.modal_booksel .book_list li{width:48%;margin-right:4%;margin-bottom:30px;float:left;}
.modal_booksel .book_list li:nth-child(2n-1){clear:both;}
.modal_booksel .book_list li:nth-child(2n){margin-right:0;}
.modal_booksel .book_list li .book{position:relative;padding-top:150%;}
.modal_booksel .book_list li .book .book_wrap{position:absolute;bottom:0;max-width:265px;border:1px solid #e9e9e9;font-size:0;line-height:1;}
.modal_booksel .book_list li .detail{padding:10px 0;height:55px;}
.modal_booksel .book_list li .detail .tit{margin-bottom:5px;font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;line-height:1.4;max-height:2.8em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.modal_booksel .book_list li .detail .author{display:block;width:100%;font-size:12px;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.modal_booksel .book_list li .btn_select{display:inline-block;width:100%;height:35px;line-height:35px;background-color:#a3a3a3;border-radius:5px;color:#fff;}
.modal_booksel .book_list li .btn_select.on{background-color:#2f945d;}

.modal_booksel .book_list .nobook{padding:30px 0;}

.modal_booksel.iptMode .modal_inner .modal_contents .top_txt{display:none;}
.modal_booksel.iptMode .modal_inner .modal_contents .sort_box .sel_sort{display:none;}
.modal_booksel.iptMode .book_list{height:calc(100% - 155px);}
/* mainpage */
.mainpage .txt_wrap{margin-top:15px;}
.mainpage .txt_wrap .para{margin-bottom:10px;}
.mainpage .bg_obj span{position:absolute;bottom:0;width:50%;height:100px;}
.mainpage .bg_obj .left{left:0;display:block;background:url(../../images/miracle/main/bg_obj_left.png) no-repeat 0% 50% / auto 100%;}
.mainpage .bg_obj .right{right:0;display:block;background:url(../../images/miracle/main/bg_obj_right.png) no-repeat 100% 50% / auto 100%;}

/* schedule page */

.schedulepage .intab{padding-top:20px;}
.schedulepage .intab .select{background-color:#fff;border:1px solid #e9e9e9;}
.schedulepage h2{padding-top:20px;}
.schedulepage .date_wrap{position:relative;padding:20px 0;overflow:hidden;}
.schedulepage .date_wrap::after{content:'';position:absolute;bottom:0;right:20px;width:77px;height:127px;background:url(../../images/miracle/schedule/bg_obj.png) no-repeat 0 0 / auto 100%}
.schedulepage .date_wrap dt{display:block;width:70px;height:20px;margin-bottom:4px;line-height:20px;background-color:#34D399;border-radius:20px;float:left;font-size:12px;font-weight:500;color:#fff;text-align:center;clear:both;}
.schedulepage .date_wrap dd{display:block;width:calc(100% - 80px);height:20px;margin-bottom:4px;margin-left:10px;float:left;font-size:12px;font-weight:300;color:#333;line-height:20px;}
.schedulepage .caution_box{border:1px solid #e7e7e7;}
.schedulepage .caution_box .tit{padding:10px 15px;background-color:#f2f4ee;font-size:13px;font-weight:500;color:#197743;}
.schedulepage .caution_box .tit .ico_caution{display:inline-block;width:14px;height:14px;margin-right:5px;background:url(../../images/miracle/common/ico_caution.png) no-repeat 0 0 / 100% auto;vertical-align:baseline;}
.schedulepage .caution_box .txt_wrap{padding:10px 15px;}
.schedulepage .btn_wrap{padding-bottom:20px;}
.navigator{display:block;padding-bottom:50px;width:100%;text-align:center;}
.navigator span{display:inline-block;width:6px;height:6px;background:#eaeaea;border-radius:6px;}
.navigator span.on{background-color:#2f945d}
.btn_wrap{position:relative;margin-top:30px;z-index:1;}
.btn_wrap .button{border-radius:5px;margin-top:10px;}

/* infopage */
.infopage #contents{height:auto;min-height:calc(100% - 40px);}
.infopage h2{padding-top:20px;}
.infopage .info_list{margin-top:20px;}
.infopage .info_list li{position:relative;padding-left:20px;margin-bottom:10px;font-size:12px;font-weight:300;color:#333;line-height:1.6;}
.infopage .info_list li .num{position:absolute;top:0;left:0;font-weight:600;color:#1a8249;}
.infopage .btn_wrap{padding-bottom:20px;}
.infopage #contents::before{content:'';position:absolute;bottom:20px;left:0;width:85px;height:90px;background:url(../../images/miracle/info/bg_left.png) no-repeat 0 0 / 100% auto;}
.infopage #contents::after{content:'';position:absolute;bottom:0;right:0;width:120px;height:122px;background:url(../../images/miracle/info/bg_right.png) no-repeat 0 0 / 100% auto;}

/* benefitpage */
.benefitpage h2{padding-top:20px;}
.benefitpage .benfit_box{position:relative;margin-top:20px;z-index:1;}
.benefitpage .benfit_box h3{margin-bottom:15px;font-size:17px;font-weight:500;color:#1a8249;}
.benefitpage .benfit_box h3 .ico_book{display:inline-block;width:10px;height:15px;margin-right:5px;background:url(../../images/miracle/common/ico_book.png) no-repeat 0 0 / 100% auto;vertical-align:baseline;}
.benefitpage .benfit_box .default_benefit{padding:0 5%;overflow:hidden;}
.benefitpage .benfit_box .default_benefit .inbox{width:45%;float:left;}
.benefitpage .benfit_box .default_benefit .inbox:first-child{margin-right:10%;}
.benefitpage .benfit_box .default_benefit .inbox .img{display:block;width:100%;padding-top:100%;}
.benefitpage .benfit_box .default_benefit .inbox .img01{background:url(../../images/miracle/benefit/default01.png) no-repeat 50% 50% / 100% auto;}
.benefitpage .benfit_box .default_benefit .inbox .img02{background:url(../../images/miracle/benefit/default02.png) no-repeat 50% 50% / 100% auto;}
.benefitpage .benfit_box .default_benefit .inbox .txt{display:block;margin-top:10px;text-align:center;font-size:12px;line-height:1.4;}

.benefitpage .benfit_box .ex_benefit{overflow:hidden;padding-bottom:30px;}
.benefitpage .benfit_box .ex_benefit li{width:calc(33% - 4px);margin-right:6px;float:left;}
.benefitpage .benfit_box .ex_benefit li:last-child{margin-right:0;}
.benefitpage .benfit_box .ex_benefit .tag{display:inline-block;width:3px;height:25px;padding-bottom:3px;background:url(../../images/miracle/benefit/tag_left.png) no-repeat 0 0 / auto 100%;font-size:12px;font-weight:500;color:#fbffcf;}
.benefitpage .benfit_box .ex_benefit .tag > span{position:relative;display:inline-block;padding-left:5px;padding-right:5px;height:22px;background-color:#34D399;border-radius:5px 0 0 0;white-space:nowrap;line-height:22px;}
.benefitpage .benfit_box .ex_benefit .tag > span::after{content:'';position:absolute;top:0;right:-9px;width:9px;height:22px;background:url(../../images/miracle/benefit/tag_right.png) no-repeat 0 0 / auto 100%;}
.benefitpage .benfit_box .ex_benefit .tag > span > span{font-size:11px;font-weight:300;color:#fff;}
.benefitpage .benfit_box .ex_benefit .box{margin:-13px 0 0 3px;padding:20px 10px;background-color:#eff5ef;text-align:center;}
.benefitpage .benfit_box .ex_benefit .box .tit{font-size:12px;font-weight:300;line-height:1.5;}
.benefitpage .benfit_box .ex_benefit .box .tit strong{display:block;margin:5px 0;font-size:13px;font-weight:600;}

.benefitpage #contents::after{content:'';position:absolute;bottom:10px;right:0;width:110px;height:79px;background:url(../../images/miracle/benefit/bg_right.png) no-repeat 0 0 / 100% auto;}

/* 신청하기 페이지 */
#bookClub.aplpage .club_header .sub_header h1{padding-right:50px;}
.aplpage h2{margin:0 -15px;padding:20px;background-color:#f5f5f5;font-size:18px;font-weight:500;text-align:center;}
.aplpage h4,
.partpage h4{margin-bottom:20px;font-size:17px;font-weight:500;color:#1a8249;}
.aplpage .caution{font-size:18px;margin-bottom:20px;}
.aplpage .top_box,
.partpage .top_box{padding:25px 0;}
.aplpage .top_box .txt,
.partpage .top_box .txt{margin-bottom:10px;padding-left:1em;text-indent:-.75em;font-size:13px;font-weight:300;color:#707070;line-height:1.4;}
.aplpage .top_box .txt .st{margin-top:5px;}
.aplpage .top_box .txt.nobot{margin-bottom:0;}
.aplpage .top_box .button{border-radius:5px;margin-bottom:10px;}
.aplpage .top_box .txt_after{display:none;}
.aplpage .selected_child .top_box .txt_first{display:none;}
.aplpage .selected_child .top_box .txt_after{display:block;}
.divider{margin:0 -15px;height:2px;background-color:#f5f5f5}
.aplpage .apl_form{padding:25px 0 30px;}
.partpage .apl_form{padding:25px 0 40px;}
.aplpage .selected_child .apl_form{padding-bottom:0;}
.aplpage .apl_form .btn_ok{border-radius:5px;}
.aplpage .float_bot_wrap .btn_solid,
.partpage .float_bot_wrap .btn_solid{width:50%;float:left;}
.aplpage .float_bot_wrap .btn_solid.btn_full,
.partpage .float_bot_wrap .btn_solid.btn_full{width:100%;}
.aplpage .float_bot_wrap .btn_solid.btn_gr,
.partpage .float_bot_wrap .btn_solid.btn_gr{background-color:#a3a3a3 }
.aplpage .survey_box{padding:25px 0;}
.aplpage .marketing_box{padding:25px 0 70px;}
.aplpage .survey_box h4,
.aplpage .marketing_box h4{color:#333;}
.aplpage .survey_box .txt,
.aplpage .marketing_box .txt{margin-bottom:20px;font-size:13px;font-weight:300;color:#707070;line-height:1.4;}
.aplpage .survey_box .field .ipt_wrap{margin-bottom:0;}
.agree_box{overflow:hidden;}
.agree_box .agree{width:60%;float:left;}
.agree_box .agree:first-child{width:40%;}

.aplpage .btn_addChild{position:static;margin-bottom:40px;background:#f5f5f5;color:#333;}
.aplpage .apl_form.full .btn_addChild{display:none;}
.aplpage .btn_addChild span{margin-right:10px;color:#2f945d;}

.apl_complete p{padding:30px 0 0;text-align:center;font-size:15px;font-weight:500;}

.field .ipt_wrap{margin-bottom:15px;}
.field .ipt_wrap.nobot{margin-bottom:0;}
.field .ipt_wrap.readonly{border-color:#d6d6d6;}
.field .ipt_wrap label{display:block;width:100%;margin-bottom:10px;font-size:15px;}
.field .ipt_wrap .input{width:100%;height:40px;padding:0 15px;background:#f5f5f5;line-height:40px;font-size:13px;font-weight:400;color:#333;}
.field .ipt_wrap .phone_wrap{overflow:hidden;}
.field .ipt_wrap .phone_wrap .input{width:32%;margin-left:2%;float:left;}
.field .ipt_wrap .phone_wrap .input:first-child{margin-left:0;}
.field .ipt_wrap .val_wrap{font-size:13px;font-weight:300;color:#333;}
.field .ipt_wrap .val_wrap li{margin-top:5px;}
.field .ipt_wrap .val_wrap li:first-child{margin-top:0;}
.field .ipt_wrap.ipt_srch{position:relative;}
.field .ipt_wrap.ipt_srch .input{padding-right:50px;background-color: #fff;border:1px solid #ddd;}
.field .ipt_wrap.ipt_srch .btn_srch{position:absolute;bottom:0;right:0;width:50px;height:50px;margin:0;background:url(../../images/icon/ico_srch.png) no-repeat 50% 50% / 18px auto;overflow:hidden;text-indent:-99999px;}
input[type="checkbox"]{display:none;}
input[type="checkbox"] + label{font-size:14px;color:#333;cursor:pointer;}
input[type="checkbox"] + label span{display:inline-block;width:20px; height:20px;margin:0 5px 0 0;border:1px solid #bbb;;vertical-align:middle;cursor:pointer;}
input[type="checkbox"] + label span{background:url(../../images/icon/ico_v.png) no-repeat 50% 50% / 12px auto;}
input[type="checkbox"]:checked + label span {background:#2f945d url(../../images/icon/ico_v_wh.png) no-repeat 50% 50% / 12px auto;border-color:#2f945d;}
.select,
.field .select,
.sel_val_wrap{width:100%;height:40px;padding:0 15px;background:#f5f5f5 url(../../images/icon/ico_sel.png) no-repeat right 15px top 50% / 14px auto;border:none;line-height:40px;font-size:13px;font-weight:400;color:#333;}
.sel_val_wrap{background:#f5f5f5}

.child_form_dv{display:none;}
.inchild_form .child_form{display:block;padding:25px 0;border-top:1px solid #c9c9c9;}
.inchild_form .child_form:first-child{border-top:none;padding-top:0;}
.inchild_form .child_form .tit{position:relative;margin-bottom:15px;font-size:15px;font-weight:500;color:#333;}
.inchild_form .child_form .tit .btn_del{position:absolute;top:-5px;right:0;width:30px;height:30px;background:#f5f5f5 url(../../images/miracle/common/ico_x.png) no-repeat 50% 50% / 13px auto;;border-radius:100%;overflow:hidden;text-indent:-9999px;}
.inchild_form .child_form .btn_or{border-radius:5px;}
.inchild_form .btn_next{display:none;margin:20px -15px 0;width:auto;font-size:17px;}
.inchild_form .booksel a{display:block;min-height:15px;margin-top:10px;padding-right:30px;background:url(../../images/icon/bg_del.png) no-repeat 100% 50% / 15px auto;font-size:13px;font-weight:300;color:#707070;}
.inchild_form .booksel a:first-child{margin-top:20px;}
.selected_child .inchild_form .btn_next{display:block;}

.apl_contents h3{margin-bottom:10px;font-size:18px;font-weight:600;}
.apl_contents .info_box{margin-bottom:10px;font-size:12px;line-height:1.3;}
.apl_contents .info_box li{margin-bottom:5px;font-size:12px;padding-left:11px;text-indent:-7px;line-height:1.3;}
.apl_contents .info_box li span{width:5px;display:inline-block;vertical-align:middle;text-indent:0;}

.phonebox{position:relative;}
.phonebox .in_box{position:absolute;top:0;width:100%;padding-bottom:50px;-webkit-transition:top .5s;transition:top .5s;}
.phonebox .ipt_box{position:absolute;top:30px;padding-bottom:50px;z-index:-1;-webkit-transition:top .5s;transition:top .5s;}
.phonebox.ipton .ipt_box{position:absolute;top:0;left:0;width:100%;z-index:1;}
.phonebox.ipton .in_box{top:30px;opacity:0;}
.img_complete{margin:30px 0 20px;}


.field .ipt_check{margin-bottom:15px;}
.field .ipt_check label{font-size:12px;font-weight:500;color:#668bf7;}
.apl_contents .btn_yl{margin-top:10px;}
.login_contents .top_txt{padding:15px 0;margin:0 -15px;background-color:#fdf2eb;font-size:13px;line-height:1.6;text-align:center;}
.login_contents .top_txt span{font-weight:500;color:#f27935;}
.login_box{padding:30px 0;}
.loginpage h3{margin-bottom:20px;font-size:21px;font-weight:500;text-align:center;}
.loginpage .ipt_wrap{margin-bottom:7px;}
.loginpage .ipt_wrap input{width:100%;height:40px;padding:0 15px;border:1px solid #d1d1d1;font-size:14px;box-shadow:none;}
.loginpage .login_box input[type="checkbox"] + label span{width:24px;height:24px;background:url(../../images/icon/bg_chkbox_default.png) left top no-repeat;background-size:24px auto;border:none;border-radius:0;}
.loginpage .login_box input[type="checkbox"]:checked + label span {background:url(../../images/icon/bg_chkbox_chk.png) left top no-repeat;background-size:24px auto}
.loginpage .login_box .chk_wrap{margin:15px 0}
.loginpage .login_box .saveid,
.loginpage .login_box .saveLogin{display:inline-block;width:150px;}
.loginpage .button{display:block;width:100%;height:40px;background-color:#f27935;border-radius:0;font-size:16px;color:#fff;text-align:center;}
.loginpage .login_sns{padding:20px 0;margin-top:30px;border-top:1px solid #e9e9e9;}
.loginpage .login_sns .tit{font-size:17px;font-weight:500;margin-bottom:12px;color:#333;text-align:center;}
.login_sns_wrap{overflow:hidden;}
  .login_sns_wrap a{height:40px;margin-top:5px;padding-left:30px;line-height:40px;font-size:13px;color:#fff;float:left;}
  .login_sns_wrap a:nth-child(2n){float:right;}
  .login_sns_wrap .btn_sns.naver{background:#41b649 url(../../images/icon/naver.png) no-repeat 10px 50%;background-size:auto 12px;}
  .login_sns_wrap .btn_sns.kakao{background:#ffdd0e url(../../images/icon/kakaotalk.png) no-repeat 10px 50%;background-size:auto 14px;color:#333;}
  .login_sns_wrap .btn_sns.facebook{background:#305097 url(../../images/icon/facebook.png) no-repeat 13px 50%;background-size:auto 14px;}
  .login_sns_wrap .btn_sns.google{background:#dd4b39 url(../../images/icon/google.png) no-repeat 10px 50%;background-size:auto 14px;}
.loginpage .login_box .bot_btn_wrap{padding:10px 0 20px;border-top:1px solid #e9e9e9;overflow:hidden;}
.loginpage .login_box .bot_btn_wrap a{height:25px;font-size:13px;color:#999;line-height:25px;text-align:center;}
.login_btn {position:absolute;top:8px;right:15px; padding:4px 5px; color:#2f945d; border:1px solid #ddd; border-radius:2px; }


.smsbox .field .ipt_wrap{position:relative;margin-bottom:0;border-color:#d6d6d6;}
.smsbox .field .ipt_wrap.readonly{border-bottom:none;}
.smsbox .field .ipt_wrap .btn_phonechk{position:absolute;top:0;right:0;height:40px;line-height:40px;font-size:15px;color:#668bf7;}
.smsbox .field .ipt_wrap .input{font-size:13px;color:#668bf7;}
.smsbox .field .ipt_wrap .input::-webkit-input-placeholder {color:#999;font-weight:300;}
.smsbox .field .ipt_wrap .input:-ms-input-placeholder {color:#999;font-weight:300;}
.smsbox .field .ipt_wrap .input::placeholder {color:#999;font-weight:300;}
.smsbox .field .ipt_wrap.readonly .input{font-size:18px;font-weight:500;color:#668bf7;}
.smsbox .field .infobox{margin:10px 0 20px;text-align:right;}
.smsbox .field .infobox .btn_info{display:inline-block;height:20px;padding-right:25px;line-height:20px;background:url(../../images/icon/infoquestion.png) no-repeat 100% 50% / auto 18px;font-size:12px;color:#999;}
.smsbox .field .infobox .box{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);}
.smsbox .field .infobox .box.on{display:block;}
.smsbox .field .infobox .box .modal_wrap{position:absolute;top:50%;left:5%;width:90%;height:110px;margin-top:-55px;background-color:#fff;}
.smsbox .field .infobox .box .modal_wrap .incont{position:relative;padding:20px;text-align:center;}
.smsbox .field .infobox .box .modal_wrap .incont .txt{font-size:12px;color:#333;line-height:1.8;}
.smsbox .field .infobox .box .modal_wrap .incont .btn_close{position:absolute;top:0;right:0;width:25px;height:25px;background:url(../../images/icon/close.png) no-repeat 50% 50% / auto 14px;overflow:hidden;text-indent:-9999px;}

.historypage .top_box{padding:25px 0;}
.historypage .apl_form{padding:25px 0 80px;}
.historypage .status{text-align:center;overflow:hidden;}
.historypage .status dl{width:32%;margin-right:2%;margin-bottom:2%;border:1px solid #dedede;float:left;}
.historypage .status dl:nth-child(3n){margin-right:0;}
.historypage .status dt{height:30px;line-height:30px;border-bottom:1px solid #dedede;}
.historypage .status dd{height:30px;line-height:30px;}
.historypage .status dd.inX{background:url(../../images/miracle/common/ico_status_x.png) no-repeat 50% 50% / auto 16px;}
.historypage .status dd.inO{background:url(../../images/miracle/common/ico_status_o.png) no-repeat 50% 50% / auto 18px;}
.historypage .status .btn_wrap{clear:both;text-align:right;}
.historypage .status .btn_wrap .button{display:inline-block;width:100px;height:35px;margin-top:0;line-height:35px;font-size:14px;}


.partpage .list{padding-top:20px;}
.partpage .list li{border-bottom:1px solid #c9c9c9;}
.partpage .list li.no_list{padding:30px 0;font-size:15px;text-align:center;}
.partpage .list li a{display:flex;min-height:60px;justify-content:flex-start;align-items: center;padding:10px 0;background:url(../../images/miracle/common/arr_next.png) no-repeat 100% 50% / 12px auto;overflow:hidden;}
.partpage .list li .tag_wrap{display:block;width:70px;margin-right:10px;}
.partpage .list li .tag_wrap span{display:inline-block;width:60px;height:25px;line-height:25px;background-color:#999;font-size:13px;color:#fff;text-align:center;}
.partpage .list li .tag_wrap span.bl{background-color:#0ea5a4}
.partpage .list li .tag_wrap span.yl{background-color:#ecb715}
.partpage .list li .txt_wrap{width:calc(100% - 80px);}
.partpage .list li .txt_wrap span{display:block;}
.partpage .list li .txt_wrap span.sort{font-size:15px;color:#333;}
.partpage .list li .txt_wrap span.info{font-size:13px;font-weight:300;color:#999;}
.partpage .detail_top .top_txt{padding:20px;text-align:center;font-size:17px;}
.partpage .detail_top .top_txt .tag{display:inline-block;width:60px;height:25px;line-height:25px;background-color:#999;font-size:13px;color:#fff;text-align:center;}
.partpage .detail_top .top_txt .tag.bl{background-color:#0ea5a4}
.partpage .detail_top .top_txt .tag.yl{background-color:#ecb715}
.partpage .detail_top .top_txt .sort{display:inline-block;margin-left:10px;font-size:17px;line-height:25px;}
.partpage .top_box{border-bottom:1px solid #333}
.partpage .btn_addChild{margin-bottom:50px;background:#f5f5f5;color:#333;}
.partpage .apl_form.full .btn_addChild{display:none;}
.partpage .btn_addChild span{margin-left:10px;color:#2f945d;}

#bookClub .popup h5{position: relative;height: 60px;padding: 18px 30px;border-bottom: 1px solid #dcdcdc;font-size: 18px;font-weight: 500;color: #333;}
.popup .pop_contents{padding:20px 30px}
.certificate_wrap { width: 800px;}
.certificate_wrap .print_wrap {position: relative;border: 1px solid #e9e9e9;}
.certificate_wrap .print_wrap .num {position: absolute;top: 65px;left: 70px;font-size: 16px;font-weight:500;}
.certificate_wrap .print_wrap .contents {position: absolute;top: 335px;left: 280px;}
.certificate_wrap .print_wrap .contents li{margin-bottom:21px;font-size:20px;font-weight:500;color:#000}
.certificate_wrap .print_wrap .date {position: absolute;bottom: 290px;left: 0;width:100%;font-size: 23px;text-align: center;}
.certificate_wrap .btn_wrap {display:flex;padding-bottom: 30px;justify-content: center;}
.certificate_wrap .btn_wrap .btn_solid {width: 155px;height: 45px;margin: 0 10px;border-radius: 45px;line-height: 45px;font-size: 15px;}

@media screen and (min-width: 375px) {
	#bookClub.mainpage .club_header{padding:15px 0 35px;}
	#contents{height:calc(100% - 50px);}
	.mainpage #contents{height:calc(100% - 103px);min-height:500px;}

	#bookClub .club_header .sub_header .btn_back{width:50px;height:50px;background:url(../../images/miracle/common/arr_back.png) no-repeat 50% 50% / 12px auto;}
	#bookClub .club_header .sub_header h1{font-size:17px;line-height:50px;}
	#bookClub .club_header .sub_header .login_btn{top:13px;right:60px;padding:4px 8px;}
	#bookClub.mainpage .club_header .sub_header .login_btn{right:15px;}
	#bookClub .club_header .sub_header .btn_home{width:50px;height:50px;background:#34D399 url(../../images/miracle/common/ico_home.png) no-repeat 50% 50% / 25px auto;}

	.mainpage .txt_wrap{margin-top:20px;font-size:13px;}
	.mainpage .txt_wrap .para{margin-bottom:15px;}
	.infopage .info_list li{font-size:13px;}
	.field .ipt_wrap{margin-bottom:20px;}
	.field .ipt_wrap label{font-size:15px;}

	.navigator{padding-bottom:60px;}
	.navigator span{width:10px;height:10px;margin:0 3px;}

	.infopage #contents{height:auto;min-height:calc(100% - 50px);}

	.aplpage .apl_form,
	.historypage .apl_form{padding-bottom:20px;}
	.partpage .apl_form{padding-bottom:50px;}

	.apl_contents h3{margin-bottom:20px;font-size:21px;}
	.apl_contents .info_box{margin-bottom:20px;font-size:13px;line-height:1.4;}
	.apl_contents .info_box li{margin-bottom:10px;font-size:13px;line-height:1.4;}


	.field .ipt_check{margin-bottom:20px;}
	.field .ipt_check label{font-size:13px;line-height:25px;}

	.loginpage h3{margin-bottom:30px;}
	.loginpage .ipt_wrap input{height:45px;}
	.loginpage .button{height:45px;}
	.login_sns_wrap a{height:45px;line-height:45px;font-size:14px;padding-left:35px;}

	.smsbox .field .ipt_wrap .input{font-size:15px;}
	.smsbox .field .infobox{margin:10px 0 30px;}
	.smsbox .field .infobox .btn_info{font-size:13px;}

	.benefitpage .benfit_box .default_benefit .inbox{width:47%;}
	.benefitpage .benfit_box .default_benefit .inbox:first-child{margin-right:6%;}
	.benefitpage .benfit_box .default_benefit .inbox .txt{font-size:13px;}

	.modal .modal_inner .modal_contents .btn_wrap .btn_solid{width:130px;}
	.modal_booksel .modal_inner .modal_contents .btn_wrap .button.btn_solid{height:45px;line-height:45px;}
}
@media screen and (min-width: 414px) {


	.mainpage .txt_wrap{font-size:14px;}
	.infopage .info_list li{font-size:14px;}

	.button,
	.float_bot_wrap .button{height:50px;line-height:50px;font-size:17px;}

	.modal .modal_inner .modal_contents{padding-top:40px;font-size:18px;}
	.modal_booksel .modal_inner .modal_contents{padding-top:0;}
	.modal .modal_inner .modal_contents .btn_wrap .button{height:50px;line-height:50px;}
	.modal .modal_inner .modal_contents .btn_wrap .button.btn_line{line-height:38px;}

	.modal_booksel .modal_inner .modal_contents .sort_box .ipt_wrap .btn_srch{width:50px;height:50px;background-size:20px auto;}
	.modal_booksel .modal_inner .modal_contents .sort_box .select{background-position:right 16px top 50%;background-size:18px auto;}


	.apl_contents h3{font-size:24px;}
	.apl_contents .info_box,
	.apl_contents .info_box li{font-size:14px;}
	.field .ipt_wrap{margin-bottom:30px;}
	.field .ipt_wrap label{font-size:17px;}
	.field .ipt_wrap .input{height:50px;line-height:50px;font-size:14px;}
	.field .ipt_wrap .val_wrap{font-size:14px;}
	.field .ipt_check{margin-bottom:25px;}
	.field .ipt_check label{height:24px;font-size:14px;line-height:24px;}
	.field .ipt_check input[type="checkbox"] + label span{vertical-align:top;}
	.field .select{height:50px;line-height:50px;}
	.img_complete{margin:50px 0 30px;}
	.loginpage h3{font-size:24px;}
	.loginpage .button{height:50px;}
	.loginpage .login_sns .tit{font-size:18px;}

	.smsbox .field .ipt_wrap .btn_phonechk{height:50px;line-height:50px;}
	.smsbox .field .infobox .box .modal_wrap{left:50%;width:360px;margin-left:-180px;}
	.smsbox .field .infobox .box .modal_wrap .incont .txt{font-size:13px;}

	.benefitpage .benfit_box .ex_benefit{padding-bottom:30px;}
	.benefitpage .benfit_box .ex_benefit .tag{height:30px;}
	.benefitpage .benfit_box .ex_benefit .tag > span{height:25px;padding:0 10px;line-height:25px;}
	.benefitpage .benfit_box .ex_benefit .tag > span::after{right:-12px;height:25px;width:12px;}

	.modal_booksel .book_list{height:calc(100% - 350px);}
	.modal_booksel .modal_inner .modal_contents .btn_wrap .button.btn_solid{height:50px;line-height:50px;}
	.aplpage .btn_addChild{margin-bottom:70px;}

	.historypage .status .btn_wrap .button{width:120px;height:40px;line-height:40px;font-size:15px;}


}
@media screen and (min-width: 640px) {
	#bookClub .club_header{position:relative;width:640px;margin:0 auto;}
	#contents{min-height:430px;}
	.mainpage #contents,
	.aplpage #contents,
	.benefitpage #contents{height:auto;}
	.mainpage #contents{min-height:550px;}

	.float_bot_wrap{position:relative;margin:0 auto;z-index:1;}
	.aplpage .btn_addChild{position:static;bottom:unset;margin-bottom:30px;}


	.schedulepage #contents{height:auto;min-height:470px;;}
	.infopage #contents{height:auto;min-height:470px;}

	.infopage #contents::before{bottom:-20px;left:15px;}
	.infopage #contents::after{bottom:-40px;right:15px;}

	.benefitpage #contents::after{bottom:-20px;right:15px;}

	.login_contents .top_txt{margin:0;}
	.smsbox .field .infobox .box .modal_wrap{top:30%;}
}

@media screen and (min-height: 800px) {
}