@charset "utf-8";

/* 풀페이지 팝업 */
.full_popup{position:fixed; left:0; top:0; right:0; bottom:0; z-index: 200; background:#fff;}
.full_popup .popup_head{position:relative; padding:0 36px; border-bottom:1px solid #f1f1f3;}
.full_popup .popup_head.no_border{border:none;}
.full_popup .popup_head .btn_back{position:absolute; left:0; top:50%; transform: translateY(-50%); padding-left:16px; width:36px; height:100%; background:transparent;}
.full_popup .popup_head .btn_back span{display:inline-block; width:14px; height: 100%; background: url('../image/ico/ico_back.png') no-repeat center center / contain;}
.full_popup .popup_head h2{text-align: center; font-size:17px; color:#333; font-weight:600; line-height:5rem;}
.full_popup .popup_body{min-height:calc(100% - 5rem);background:#f5f5f5;}
.full_popup .popup_body.scroll{height:calc(100% - 5rem); overflow-y: auto;}
.full_popup .popup_body.bg_white{background:#fff;}
.full_popup .popup_btn_fix{position:fixed;left:0;bottom:0;right:0;z-index:101;background:#fff;border-top:1px solid #ddd;}

/* 문제유형분류 팝업 */
.full_popup .category_box{position:relative; padding-right:53px;}
.full_popup .category_box .category_row{padding:11px 16px;}
.full_popup .category_box .category_list{padding-top:0; white-space: nowrap; flex-wrap:nowrap; overflow-x: scroll;}
.full_popup .category_box .category_list li{display:inline-block; margin:0 5px 0 0;}
.full_popup .category_box .category_list li:last-child{margin:0;}
.full_popup .category_box .btn_reset{position:absolute; right:0; top:0; width:53px; height:100%; border-left:1px solid #f1f1f3;}
.full_popup .category_box .btn_reset span{display:inline-block; width:18px; height:100%; background: url('../image/ico/ico_reset2.png') no-repeat center center / contain;}
.full_popup .scroll_row{overflow-x: scroll; overflow-y: hidden; height:calc(100% - 67px);}

/* 작가검색 팝업*/
.full_popup .search_wrap{padding:16px 36px;}
.full_popup .btn_add{position:fixed; left:50%; bottom:45px; transform: translateX(-50%); margin:0; height:45px; font-size:15px; font-weight:500; line-height:43px; box-shadow: 2px 2px 5px 0 rgba(0,0,0,.2);}

/* 레이어 팝업 */
.layer_popup{position: fixed; left:0; right:0; top:0; bottom:0; padding:0 25px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; background:rgba(0,0,0,.2); z-index: 9991; overflow-y: auto;}
.layer_popup .layer_popup_wrap{position:relative; padding:15px 25px 25px; width:100%;border-radius: 10px; background:#fff; overflow: hidden; box-shadow: 0 0 8px 3px rgba(0,0,0,.14);}
.layer_popup .tit_wrap{text-align: center;}
.layer_popup .subTit{font-size:17px; color:#202020; font-weight:500; line-height:22px;}
.layer_popup .btn_close{position:absolute; right:30px; top:15px; width:20px;  height:20px;}
.layer_popup .btn_close span{display:block; margin:1px; width:18px; height:18px; background:url('../image/ico/ico_close2.png') no-repeat center center / contain;}
.layer_popup .btn_wrap .btn_cancle,
.layer_popup .btn_wrap .btn_save,
.layer_popup .btn_wrap .btn_delete,
.layer_popup .btn_wrap .btn_confirm,
.layer_popup .btn_wrap .btn{font-size:15px;}


/* 문제집 만들기 */
.layer_popup.workbook_pop.nativePopup{height:695px;}
.workbook_pop .layer_popup_wrap{max-width:640px;padding:0;background:#f5f5f5;}
.workbook_pop .in_tit{padding:13px 10px 0; font-size:11px; color:#848484; font-weight:400; text-align: left;}
.workbook_pop .article.tit_wrap{padding: 20px 25px 15px;}
.workbook_pop .article.tit_wrap .subTit{padding:0;}
.workbook_pop .input_tit{position:relative;padding: 0 42px 0 10px; border:1px solid #e3e3e3; border-radius: 6px;}
.workbook_pop .input_tit input[type="text"]{width:100%; height:45px; font-size:20px; color:#121212; font-weight:600;}
.workbook_pop .input_tit .btn_del{position:absolute; right:11px; top:50%; transform:translateY(-50%);padding:3px;}
.workbook_pop .input_tit .btn_del span{display:block; width:14px; height:14px; background:url('../image/ico/ico_delete3.png') no-repeat center center / contain;}
.workbook_pop .input_tit .cnt{position:absolute; right:36px; top:50%; transform:translateY(-50%); font-size:11px; color:#aaa; line-height:20px;}
.workbook_pop .input_tit .cnt span{font:inherit;}
.workbook_pop .tit{font-size:20px; color:#121212; font-weight:600; text-align: left;}
.workbook_pop .tags{padding:14px 0 3px; display:flex; flex-wrap:wrap; gap:4px;}
.workbook_pop .tags li{font-size:13px; color:#848484; font-weight:400;}
.workbook_pop .dropTit{position:relative; padding:8px 25px; font-size:15px; color:#202020; font-weight:600;}
.workbook_pop .dropBtn{position:relative; display:block; padding:5px 0; font:inherit; color:inherit;}
.workbook_pop .dropBtn:after{content:''; position:absolute; right:0; top:50%; margin-top:-3px; width:12px; height:6px; background:url('../image/ico/ico_arr_down2.png') no-repeat center center / contain; transition: .5s;}
.workbook_pop .dropTit.slide .dropBtn:after{transform: rotate(180deg);}
.workbook_pop .tit_wrap .info{margin-top:5px;}
.workbook_pop .tit_wrap .info ul{display:flex; gap:10px; flex-wrap:wrap;}
.workbook_pop .tit_wrap .info li{padding:0 10px; background:#fafafa;}
.workbook_pop .tit_wrap .info li p{font-size:12px; color:#333; font-weight:400; line-height: 30px; text-align:left; background-position:left center; background-repeat: no-repeat;}
.workbook_pop .tit_wrap .info li span{font:inherit;}
.workbook_pop .tit_wrap .info li.quiz p{padding-left:20px;background-image:url('../image/ico/ico_quiz.png'); background-size:13px 16px;}
.workbook_pop .tit_wrap .info li.term p{padding-left:22px;background-image:url('../image/ico/ico_term.png'); background-size:16px 16px;}
.workbook_pop .tit_wrap .info li.term p span{position:relative; padding-right:8px; margin-right:7px;}
.workbook_pop .tit_wrap .info li.term p span:after{content:''; position:absolute; right:0; top:50%; transform: translateY(-50%); width:1px; height: 8px; background:#333;}
.workbook_pop .tit_wrap .info li.term p span:last-child{margin-right:0; padding-right:0;}
.workbook_pop .tit_wrap .info li.term p span:last-child:after{display:none;}
.workbook_pop .workbook_index ul {border-top:1px solid #e3e3e3;}
.workbook_pop .workbook_index ul li{padding:9px 25px; display: flex; justify-content: space-between; gap:10px;align-items: center}
.workbook_pop .workbook_index ul li+li{border-top:1px solid #eee;}
.workbook_pop .workbook_index ul li p{flex:1;font-size:14px; color:#666; font-weight:400; line-height:20px;}
.workbook_pop .workbook_index ul li span{margin-left:10px;padding-left:20px; font-size:13px; color:#121212; font-weight:400; line-height:25px; background:url('../image/ico/ico_quiz.png') no-repeat left center /13px 16px;}
.workbook_pop .toggle{display:none;}
.workbook_pop .toggle + label{position:absolute; right:16px; top:50%; transform:translateY(-50%); width:41px; height:14px; border-radius:6px; background:#f1f1f3; transition: .5s;}
.workbook_pop .toggle + label:before{display:none;}
.workbook_pop .toggle + label:after{content:'';position:absolute; left:-6px; top:-6px; width:26px; height:26px; background:url('../image/ico/ico_toggle.png') no-repeat center center / contain; transition: .5s;}
.workbook_pop .toggle:checked + label{background:#2733b2;}
.workbook_pop .toggle:checked + label:after{transform: translateX(100%);}
.workbook_pop .dropTit.plan{padding:14px 25px;border-bottom:1px solid #e3e3e3;}
.workbook_pop .study_plan dl{padding:9px 25px;display:flex; justify-content:space-between; border-top:1px solid #e3e3e3;}
.workbook_pop .dropTit.plan+.dropArea dl:first-child{border-top:none;}
.workbook_pop .study_plan dl:last-child{border-bottom:1px solid #e3e3e3;}
.workbook_pop .study_plan dl dt{width:112px; padding-right:10px;}
.workbook_pop .study_plan dl dt p{font-size:13px; color:#959595; font-weight:500; line-height:24px;}
.workbook_pop .study_plan dl dd{flex:1; text-align: right; line-height:24px;}
.workbook_pop .study_plan dl dd a{padding-right:16px; font-size:14px; color:#121212; font-weight:500; background:url('../image/ico/ico_arr_right3.png') no-repeat right center / 7px 11px;}
.workbook_pop .study_plan dl dd input{text-align: right;}
.workbook_pop .study_plan dl dd p{font-size:14px; color:#121212; font-weight:500; line-height:24px;}
.workbook_pop .study_plan dl dd p span{font:inherit;}
.workbook_pop .btn_wrap{padding:22px 25px; margin:0;}
.workbook_pop .btn_wrap .btn_cancle{font-size:15px;}
.workbook_pop .btn_wrap .btn_save{font-size:15px;}

.workbook_pop.sticky .layer_popup_wrap{max-height:85vh; overflow-y:auto;}
.workbook_pop.sticky .layer_popup_wrap::-webkit-scrollbar{display:block; width:8px;height:100%; background:#f5f5f5;}
.workbook_pop.sticky .layer_popup_wrap::-webkit-scrollbar-thumb{margin:0 2px;width:4px; background-color:#ddd;}
.workbook_pop.sticky .btn_wrap{position:sticky; left:0; right:0; bottom:0; background:#fff;}


.workbook_pop .study_plan dl.picker_wrap{display:none; border-top:none;}
.workbook_pop .study_plan dl input[type="text"]{font-size:14px; color:#121212; font-weight:500;}
.picker-cell:after{background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.01));}
.picker-cell:before{background:linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.01));}
.picker-picked{font-size:15px; color:#2733b2;}

/* 일일 학습량 팝업 */
.daily_learning_pop .layer_popup_wrap{max-width: 640px; height:671px; padding-top:20px; box-shadow:0 0 4px 0 rgba(0,0,0,.2);}
.daily_learning_pop .conts_wrap{padding:25px 0; height:calc(100% - 67px); display:flex; align-items:center; justify-content:center;}
.daily_learning_pop .conts_wrap .conts{width:100%; text-align:center;}
.daily_learning_pop .conts_wrap input{width:45%;margin-right:5px; height:55px; font-size:17px; color:#121212; font-weight:400; border:1px solid #e8e8e8; border-radius:4px; text-align: center;}
.daily_learning_pop .conts_wrap span{font-size:15px; color:#202020; font-weight:400; line-height:55px;}
.daily_learning_pop .btn_wrap{margin:0;}

/* 학습 기간 팝업 */
.learning_term_pop .layer_popup_wrap{max-width: 640px; height:671px; padding:20px 0 25px;}
.learning_term_pop .conts_wrap{height:calc(100% - 89px);}
.learning_term_pop .term_wrap{margin-top:22px;}
.learning_term_pop .term_wrap .rdo input[type="radio"]{display:none;}
.learning_term_pop .term_wrap .rdo input[type="radio"] + label{position:relative; display:block; padding:0 72px 0 36px; border-bottom:1px solid #ededed; font-size:14px; color:#202020; font-weight:400; line-height:50px;}
.learning_term_pop .term_wrap .rdo input[type="radio"]:checked + label{background:#f8f8f8; color:#2733b2;}
.learning_term_pop .term_wrap .rdo input[type="radio"]:checked + label:after{content:''; position:absolute; right:36px; top:50%; transform:translateY(-50%); width:17px; height:20px; font-size:12px; color:#2733b2; font-weight:500; background: url('../image/ico/ico_check3.png') no-repeat left center / 17px 13px;}

.learning_term_pop .term_select{display:none;margin-top:32px; text-align: center;}
.learning_term_pop .term_select .chk+.chk{margin-left:25px;}
.learning_term_pop .term_select .chk input[type="checkbox"] + label{ padding:0;width:47px; height:47px;border-radius:50%; font-size:14px; color:#202020; font-weight:400;  line-height:45px; text-align: center; border:1px solid #e8e8e8;}
.learning_term_pop .term_select .chk input[type="checkbox"] + label:before{display:none;}
.learning_term_pop .term_select .chk input[type="checkbox"]:checked + label{font-weight:500; color:#49eb71;border-color:#2733b2;background:#2733b2}
.learning_term_pop .btn_wrap{margin:0; padding:0 25px;}

/* 알림 설정 팝업 */
.set_alarm_pop .layer_popup_wrap{max-width: 640px; height:671px; padding:20px 0 25px;}
.set_alarm_pop .btn_back{top:11px; transform:translateY(0);}
.set_alarm_pop .alarm_list_wrap{margin-top:22px;}
.set_alarm_pop .alarm_list_wrap li{border-bottom:1px solid #ededed;}
.set_alarm_pop .alarm_list_wrap .rdo input[type="radio"] + label{position:relative;display:block; padding:0 72px 0 36px; font-size:14px; color:#202020; font-weight:400; line-height:50px;}
.set_alarm_pop .alarm_list_wrap .rdo input[type="radio"]:checked + label{background:#f8f8f8; color:#2733b2;}
.set_alarm_pop .alarm_list_wrap .rdo input[type="radio"]:checked + label:after{content:''; position:absolute; right:36px; top:50%; transform:translateY(-50%); width:17px; height:20px; font-size:12px; color:#2733b2; font-weight:500; background: url('../image/ico/ico_check3.png') no-repeat left center / 17px 13px;}

/* 약관 동의 팝업 */
.terms_pop .layer_popup_wrap{padding:0;max-width:680px; margin:0 auto;}
.terms_pop .tit_wrap{padding:15px 30px; border-bottom:1px solid #f1f1f1;}
.terms_pop .btn_close{right:15px;}
.terms_pop .terms_wrap{padding:15px 0; min-height:400px;}
.terms_pop .terms_wrap .terms_cont{padding:0 30px; max-height:calc(100vh - 183px); overflow-y:auto;}
.terms_pop .terms_wrap .terms_cont *{font:inherit;color:inherit;line-height:1.4;}
.terms_pop .terms_wrap .terms_cont strong{font-weight:bold;}
.terms_pop .terms_wrap .terms_cont.no_adm h3{margin:10px 0 5px; font-size:15px; font-weight:500;}
.terms_pop .terms_wrap .terms_cont.no_adm p{font-size:15px;}
.terms_pop .terms_wrap .terms_cont.no_adm p+p{margin-top:5px;}
.terms_pop .terms_wrap .terms_cont.no_adm .table{margin-top:10px; width:100%;}
.terms_pop .terms_wrap .terms_cont.no_adm .table th{padding:5px 10px;border:1px solid #999; text-align:center;}
.terms_pop .terms_wrap .terms_cont.no_adm .table td{padding:5px 10px;border:1px solid #999;}
.terms_pop .terms_wrap .terms_cont .history_privacy{padding:20px;background:#f0f0f0;border-radius:12px;}
.terms_pop .terms_wrap .terms_cont .history_privacy a{position:relative;display:block;padding:0 7px 0 12px;font-weight:400;line-height:1.3;font-size:13px;color:#666;cursor:pointer;}
.terms_pop .terms_wrap .terms_cont .history_privacy a:before{content:'';position:absolute;left:5px;top:50%;width:2px;height:2px;background:#666}
.terms_pop .terms_wrap .terms_cont .history_privacy a:hover{text-decoration: underline;}
.terms_pop .terms_wrap .terms_cont .history_privacy a + a{margin-top:3px;}
.terms_pop .terms_wrap .terms_cont .history_privacy a.last{color:#2733b2;}
.terms_pop .terms_wrap .terms_cont .history_privacy a.last:before{background:#2733b2;}

/* 쿠폰 팝업 */
.coupon_pop .layer_popup_wrap{max-width: 650px; margin:0 auto;padding:15px 30px 30px;}
.coupon_pop .input_wrap{display:flex; gap:15px; margin-top:40px;}
.coupon_pop .input_wrap input[type="text"]{padding:0 20px; flex:1; height:47px; font-size:15px; font-weight:400; border-radius: 4px; border:1px solid #e7e7e7;}
.coupon_pop .input_wrap input[type="text"]::placeholder{color:#ddd;}
.coupon_pop .input_wrap .btn_coupon_add{width:102px; height:47px; font-size:15px; color:#fff; font-weight:400; background:#848484; border-radius: 4px;}
.coupon_pop .able_coupon{margin-top:28px; padding-left:30px; font-size:14px; color:#000; font-weight:400; background:url('../image/profile/ico_coupon2.png') no-repeat left center / 21px 15px;}
.coupon_pop .able_coupon span{color:#2733b2; font-weight:500;}
.coupon_pop .coupon_list{margin-top:15px; max-height: 310px; display:flex; flex-wrap:wrap; gap:18px; overflow-y: auto;}
.coupon_pop .coupon_list li{position:relative;padding:15px; width:calc(50% - 9px);min-height:224px; border:1px solid #ccc; border-radius:4px;}
.coupon_pop .coupon_list li h5{margin-bottom:9px; font-size:17px; color:#000; font-weight:700;}
.coupon_pop .coupon_list li p{font-size:14px; color:#787878; font-weight: 400; line-height:1.429;letter-spacing:-0.05em;}
.coupon_pop .coupon_list li p span{font:inherit;font-weight:500;word-break: keep-all;}
.coupon_pop .coupon_list li .adm_info_view{position:relative;padding:40px 0 0;min-height:180px;border-top:1px solid #ddd;}
.coupon_pop .coupon_list li .adm_info_view .view_info_pop{position:absolute;right:0;top:7px;z-index:10;display:inline-block;padding:0 12px;color:#999;font-size:13px;line-height:24px;background:#f0f0f0;border-radius:12px;overflow:hidden;}
.coupon_pop .coupon_list li .adm_info_view .clear{display:block;clear:both;}
.coupon_pop .coupon_list li .adm_info_view p{position:relative;padding-left:10px;}
.coupon_pop .coupon_list li .adm_info_view p:before{content:'';position:absolute;left:0;top:8px;width:2px;height:2px;background:#999;}
.coupon_pop .coupon_list li .adm_info_view p em{font:inherit;color:#2733B2;font-weight:600;}

.coupon_pop .coupon_list li .btn_use{margin-top:17px; display:block; width:100%; height:40px; font-size: 14px; color:#fff; font-weight:500; border:1px solid #2733b2;background:#2733b2}
.coupon_pop .coupon_list li.nodata{width: 100%; text-align: center; border:none; background:#f6f7f8;}
.coupon_pop .coupon_list li.nodata p{padding:70px 0;font-size:14px; color:#999; font-weight:400; line-height:15px;}

.coupon_use_pop .layer_popup_wrap{max-width: 320px; margin:0 auto;padding:15px 15px;}
.coupon_use_pop .layer_popup_wrap .coupon_pop_conts{padding:15px 0 0;max-height:280px;overflow-y:auto;}
.coupon_use_pop .layer_popup_wrap .coupon_pop_conts h3{margin-bottom:10px;font-size:14px;line-height:1.4;background:#ebf9ff;padding:12px;color:#2733b2;}
.posiblelist{padding:10px;border-bottom:1px solid #ddd;}
.posiblelist h4{font-size:12px;color:#999;font-weight:500;}
.posiblelist ul{margin-top:7px;}
.posiblelist ul li{position:relative;padding: 3px 10px;display:block;font-size:14px;color:#333;line-height:1.3;font-weight:600;word-break:keep-all;}
.posiblelist ul li:before {content:'';position:absolute;top:10px;left:0;background:#333;width:3px;height:3px;border-radius:50%;}
.posiblelist.no_border {border-bottom:none;}


.basic_img_pop .layer_popup_wrap{max-width: 650px; margin:0 auto; padding:15px 25px 25px;}
.basic_img_pop .basic_img_conts ul{display:flex; flex-wrap: wrap; gap:8px 16px; margin-top:20px;}
.basic_img_pop .basic_img_conts ul li{padding:6px 12px; flex: 0 0 calc(25% - 12px);}
.basic_img_pop .basic_img_conts ul li .thumb{margin:0 auto;width:108px; height:108px;}
.basic_img_pop .basic_img_conts ul li .txt{margin-top:4px; text-align: center; color:#333;}
.basic_img_pop .basic_img_conts ul li .txt span{font-size:11px; font-weight:400;}
.basic_img_pop .basic_img_conts ul li .txt p{font-size:14px; font-weight:600;}
.basic_img_pop .basic_img_conts ul li input[type="radio"] + label i{display:block; width:15px; height:15px; margin:5px auto 0; background:url('../image/ico/ico_checkbox4.png') no-repeat center top / 100% auto;}
.basic_img_pop .basic_img_conts ul li input[type="radio"]:checked + label i{background-position-y: bottom;}
.basic_img_pop .basic_img_conts ul li input[type="radio"] + label:before{display:none;}
.basic_img_pop .btn_wrap{margin-top:37px;}

/* 학습 계획 팝업 */
.workbook_pop .tit_wrap .btns{margin-top:13px;display:flex; justify-content: flex-end;gap:7px;}
.workbook_pop .tit_wrap .btns .btn{padding:0 7px; min-width:65px; height:25px; font-size:12px; color:#666; line-height:23px; text-align:center; border:1px solid #666; border-radius:4px;}
.workbook_pop .tit_wrap .btns .btn.btn_delete{border:1px solid #2733b2;color:#2733b2;}

/* 문제집 정보 팝업 */
.workbook_info_pop .btn_close{top:14px; right:24px;}
.workbook_info_pop .tit{line-height:47px;}
.workbook_info_pop .txt_subject{margin-top:18px; font-size:15px; color:#121212; font-weight:600; text-align: left;}
.workbook_info_pop .btn_edit{margin-left:7px;}
.workbook_info_pop .btn_edit span{width:16px; height:16px; background-image:url('../image/ico/ico_edit.png')}
.workbook_info_pop .workbook_index li:last-child{border-bottom:1px solid #eee;}
.workbook_info_pop .workbook_index li .txt_prgress{display:inline-block; margin-left:5px; width:50px; height:20px; font-size:11px; color:#2733b2; line-height:18px; text-align: center; background:#fff; border:1px solid #2733b2; border-radius:10px;}
.workbook_info_pop .workbook_index li .txt_prgress.end{color:#666; border-color:#666;}
.workbook_info_pop .workbook_index li a{display:block; font-size:13px; color:#121212;}
.workbook_info_pop .workbook_index li a.workbook_link{padding-right:16px; background:url('../image/ico/ico_arr_right3.png') no-repeat right center / 7px 11px;}
.workbook_info_pop .workbook_index li a.workbook_down{padding-right:20px; background:url('../image/ico/ico_down2.png') no-repeat right center / 13px 13px;}
.workbook_info_pop .wb_index{padding-bottom:38px;}

.workbook_info_pop.group .tit{line-height:1.2;}
.workbook_info_pop.group .txt_info{margin-top:13px;font-size:13px; color:#848484; text-align: left;}
.workbook_pop .tit_wrap .info li.private p{padding-left:16px; background-image:url('../image/group/ico_private2.png'); background-size:10px 15px;}
.workbook_pop .tit_wrap .info li.member p{padding-left:16px; background-image:url('../image/ico/ico_member3.png'); background-size:11px 15px;}

/* 문제집 이름 변경 팝업 */
.workbook_tit_edit_pop .layer_popup_wrap{max-width: 400px;padding-top:20px;}
.workbook_tit_edit_pop .conts_wrap{padding:40px 0; text-align: center;}
.workbook_tit_edit_pop .conts_wrap > p{margin-bottom:20px; font-size:15px; color:#121212;}
.workbook_tit_edit_pop .input_tit{position:relative;padding: 0 42px 0 13px; border:1px solid #e3e3e3; border-radius: 6px;}
.workbook_tit_edit_pop .input_tit input[type="text"]{width:100%; height:45px; font-size:20px; color:#121212; font-weight:600;}
.workbook_tit_edit_pop .input_tit .btn_del{position:absolute; right:11px; top:50%; transform:translateY(-50%);padding:3px;}
.workbook_tit_edit_pop .input_tit .btn_del span{display:block; width:14px; height:14px; background:url('../image/ico/ico_delete3.png') no-repeat center center / contain;}
.workbook_tit_edit_pop .input_tit .cnt{position:absolute; right:36px; top:50%; transform:translateY(-50%); font-size:11px; color:#aaa; line-height:20px;}
.workbook_tit_edit_pop .input_tit .cnt span{font:inherit;}
.workbook_tit_edit_pop .btn_wrap{margin:0;}

/* 채점결과 팝업 */
.full_popup .btn_close_txt{position:absolute; top:0; right:0; padding:0 20px; font-size:15px; color:#32a2fa; font-weight:400; line-height:5rem;}
.full_popup .btn_close{position:absolute; right:36px; top:15px;}
.full_popup .btn_close span{display:block; margin:1px; width:18px; height:18px; background:url('../image/ico/ico_close2.png') no-repeat center center / contain;}
.scoring_pop .rewind_wrap{padding:20px 36px}
.scoring_pop .rewind_wrap .tit_box{position:relative; display:inline-block;}
.scoring_pop .rewind_wrap .tit{font-size:17px; font-weight:600; color:#121212; line-height:1;}
.scoring_pop .rewind_wrap .sub_tit{margin-top:12px; font-size:14px; font-weight:400; color:#898989; line-height:1.4;}
.scoring_pop .rewind_wrap .rewind_tab{margin-top:14px; display:flex; gap:12px;}
.scoring_pop .rewind_wrap .rewind_tab li{width:calc(20% - 8px);}
.scoring_pop .rewind_wrap .rewind_tab li a{display:block; height:40px; font-size:15px; color:#898989; font-weight:500; line-height:39px; border-radius:5px; background:#f3f3f3; border:1px solid #e3e3e3; text-align:center;}
.scoring_pop .rewind_wrap .rewind_tab li a span{font:inherit;}
.scoring_pop .rewind_wrap .rewind_tab li.on a{color:#fff; background:#2633b3; border-color:#2633b3;}

.scoring_pop .scoring_result_box{padding:38px 36px; background:#f9f9f9;}
.scoring_pop .scoring_result_box ul{display:flex; gap:10px; justify-content:center;}
.scoring_pop .scoring_result_box ul li{flex:1; padding:21px 15px 21px 19px; border-radius: 5px; border:1px solid #eee; background:#fff;}
.scoring_pop .scoring_result_box ul li .label{padding-left:24px;font-size:14px; color:#666; font-weight:500; line-height:18px; background-position:left top; background-repeat: no-repeat; background-size:18px 18px;}
.scoring_pop .scoring_result_box ul li .label.ty01{background-image: url('../image/ico/ico_reult_type01.png');}
.scoring_pop .scoring_result_box ul li .label.ty02{background-image: url('../image/ico/ico_reult_type02.png');}
.scoring_pop .scoring_result_box ul li .label.ty03{background-image: url('../image/ico/ico_reult_type03.png');}
.scoring_pop .scoring_result_box ul li .label.ty04{background-image: url('../image/ico/ico_reult_type04.png');}
.scoring_pop .scoring_result_box ul li .label.ty05{background-image: url('../image/ico/ico_reult_type05.png');}
.scoring_pop .scoring_result_box ul li .label.ty06{background-image: url('../image/ico/ico_reult_type06.png');}
.scoring_pop .scoring_result_box ul li .score{margin-top:18px;font-size:25px; color:#121212; font-weight:600;}
.scoring_pop .scoring_result_box ul li .score.ever{}
.scoring_pop .scoring_result_box ul li .score.ever i{margin-top:3px;display:inline-block;font-size:13px; color:#121212;line-height:inherit;font-weight:400;vertical-align: middle;}
.scoring_pop .scoring_result_box ul li .score.ever span{display:inline-block;font-size:25px; color:#121212;line-height:inherit; font-weight:600;vertical-align: middle;}
.scoring_pop .scoring_result_box ul li .maximum{margin-top:10px;font-size:13px; color:#999; font-weight:400;}
.scoring_pop .scoring_result_box ul li .maximum span{font:inherit;}
.scoring_pop .scroll_tb{overflow-y: auto; height:calc(100vh - 419px - 5rem);}
.scoring_pop .table li{padding:0 36px; min-height:45px; display:flex; border-bottom:1px solid #e8e8e8; align-items: center;}
.scoring_pop .table li > p{padding:10px;flex:1; font-size:14px; color:#848484; font-weight:400; text-align: center;}
.scoring_pop .table.tb_head li{padding:0;background:#e9e9e9; border:none;}
.scoring_pop .table.tb_head li p{color:#000; font-weight:500;}
.scoring_pop .table li .num{position:relative;}
.scoring_pop .table li .num:after{content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:27px; height:30px; opacity: .7;}
.scoring_pop .table li.right .num:after{background:url('../image/ico/score_right.png') no-repeat center center / contain;}
.scoring_pop .table li.wrong .num:after{background:url('../image/ico/score_wrong.png') no-repeat center center / contain;}
.scoring_pop .table li .btn{flex:0 0 10%;}
.scoring_pop .table li .btn_quiz span{display:inline-block; width:31px; height:31px; background:url('../image/ico/ico_btn_goQuiz.png') no-repeat center center / contain;}
.scoring_pop .table li.nodata p{padding:50px 0;}

/* 휴면해제 팝업 */
.dormancy_pop .layer_popup_wrap{width: 350px; padding:30px 25px 25px;}
.dormancy_pop .txt_box{padding-top:60px; text-align: center; background: url('../image/ico/ico_confirm2.png') no-repeat center top / 47px 47px;}
.dormancy_pop .txt_box h3{font-size:17px; color:#202020; font-weight:500;}
.dormancy_pop .txt_box p{margin-top:14px;font-size:14px; color:#666; font-weight:400; line-height:1.5;}
.dormancy_pop .txt_box p span{font:inherit; color:#2733b2;}
.dormancy_pop .txt_box .btn_confirm{display:block; margin-top:30px; width:100%; height:45px; font-size:15px; color:#fff; font-weight:400; line-height:45px; text-align: center; background: #202020;}

/* 로그인 후 안내 팝업 */
.info_pop .layer_popup_wrap{padding:0; border-radius: 0; max-width: 490px;}
.info_pop .thumb a{display:block;}
.info_pop .thumb img{width:100%; height:100%;}
.info_pop .btn_wrap{margin-top:0;}
.info_pop .btn_wrap .btn{flex:1; text-align: center; font-size:16px; color:#333; font-weight:600; line-height:50px;}
.info_pop .btn_wrap .btn+.btn{border-left:1px solid #e8e8e8;}

/* 유사문제 팝업 */
.similar_pop .btn_close{position:absolute; right:31px; top:50%; transform: translateY(-50%); padding:5px;}
.similar_pop .btn_close span{display: block; width:18px; height:18px; background:url('../image/ico/ico_close2.png') no-repeat center center / contain;}
.similar_pop .tit_wrap{padding:10px 16px; border-bottom:1px solid #f4f4f4;}
.similar_pop .tit{font-size:15px; color:#121212; font-weight:500; line-height:28px;}
.similar_pop .concept_tit_wrap{padding:0 16px;border-bottom:1px solid #f4f4f4;overflow-x:auto;white-space: nowrap;display:flex;gap:15px;}
.similar_pop .concept_tit_wrap button{padding:0 12px;font-size:15px;font-weight:500; line-height:48px;color:#999;}
.similar_pop .concept_tit_wrap button.on{font-weight:700;color:#121212;line-height:46px;border-bottom:2px solid #121212;}
.similar_wrap{padding:23px 36px;overflow-y:auto;}
.similar_list{margin-top:13px; display: flex; flex-wrap:wrap; gap:12px;}
.similar_list li{width:calc(25% - 9px);}
.similar_list li a{display:block;}
.similar_list li .thumb{position:relative;height:17.79vh;border-radius:10px;border:1px solid #eee;overflow:hidden;}
.similar_list li .thumb:before{content:'';position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;background:rgba(135, 152, 164, 0.1);z-index:10;}
.similar_list li .thumb .number{position:absolute; right:10px; bottom:10px; padding:0 9px; font-size:13px; color:#333; font-weight:400; line-height:22px; border-radius: 11px;text-align: center; background:#fff;z-index:20;}
.similar_list li .thumb .number i{display:inline-block; margin-right:4px; width:15px; height:22px; background:url('../image/ico/ico_number.png') no-repeat center center / contain; vertical-align: top;}
.similar_list li .thumb img{z-index:0;}
.similar_list li p{margin-top:10px; min-height:50px; padding-bottom:5px; font-size:12px; color:#404040; font-weight:400; line-height:1.25;}

.similar_list li.nodata{display:block;width:100%; padding:22px 0;}
.similar_list li.nodata p{padding-top:35px; font-size:14px; color:#999; font-weight:400; text-align:center; background:url('../image/ico/nolist_myquiz.png') no-repeat center top / 31px 25px;}

/* 일자별 계획 리스트 팝업 */
.schedule_pop{display:none;position:fixed; left:0; right:0; bottom:0; border-radius: 40px 40px 0 0; background:#f8f8f8; overflow:hidden; z-index: 9990; box-shadow: 0 -2px 14px 0 rgba(0,0,0,.1);}
.schedule_pop .pop_head{background:#fff;}
.schedule_pop .pop_head .btn_bar{display:block; padding:15px 0 10px;}
.schedule_pop .pop_head .btn_bar span{display:block; margin:0 auto; width:60px; height:5px; border-radius: 2px; background:#ddd;}
.schedule_pop .pop_head .date{padding:0 36px 28px; margin-top:9px; font-size:20px; color:#121212; font-weight:600;}
.schedule_pop .pop_schedule_list{height:309px; overflow:auto; border-top:1px solid #ddd;}
.schedule_pop .pop_schedule_list li{padding-right:36px; gap:10px; background:#fff; border-bottom:1px solid #ddd;}
.schedule_pop .pop_schedule_list li .txt{padding:22px 0 22px 35px;}
.schedule_pop .pop_schedule_list li.nodata{display:block; padding:22px 0;background:none; border:none;}
.schedule_pop .pop_schedule_list li.nodata p{color:#848484; text-align:center;}
.schedule_pop .pop_dimmed{position:fixed; left:0; right:0; top:0; bottom:0; z-index:-1;}

/* 얼럿 팝업 */
.alert_pop .layer_popup_wrap{padding-top:35px; max-width:355px;}
.alert_pop p{font-size:15px; color:#222; font-weight:500; text-align: center; word-break: keep-all; line-height:1.5;}
.alert_pop .btn_wrap{margin-top:35px;}

/* 나의 문제집 편집 팝업 */

.my_workbook_edit_pop .popup_body{padding:33px 36px 80px;}
.my_workbook_edit_pop .input_wrap{margin-left:64px;}
.my_workbook_edit_pop .input_wrap input[type=checkbox] + label{display:block; margin:0; padding:0; width:27px; height:27px; background:url('../image/ico/ico_checkbox2.png') no-repeat center top / 100% auto;}
.my_workbook_edit_pop .input_wrap input[type=checkbox] + label:before{display:none;}
.my_workbook_edit_pop .input_wrap input[type=checkbox]:checked + label{background-position-y: bottom;}
.my_workbook_edit_pop .btn_wrap{margin:0;position:fixed; bottom:0; left:0; right:0; width:auto; padding:17px 20px 17px; background:#fff;}
.my_workbook_edit_pop .btn_wrap .btn{font-size:15px; font-weight:600;}

/* 스터디 그룹 현황 팝업 */
.group_pop .layer_popup_wrap{max-width: 350px; padding-top:34px;}
.group_pop .btn_close{top:16px; right:25px;}
.group_pop h4{font-size:15px; color:#222; font-weight:500;}
.group_pop .info{margin-top:10px;font-size:12px; color:#848484;}
.group_pop .table_list {margin-top:10px;}
.group_pop .table_list li{display:flex; width:100%; align-items: center; border-bottom:1px solid #e8e8e8;}
.group_pop .table_list li p{position:relative;padding:10px 5px; text-align: center;}
.group_pop .table_list li .rank{width:21.849%;}
.group_pop .table_list li .member{width:25.882%;}
.group_pop .table_list li .progress{width:52.269%; display:flex; align-items: center; justify-content: center; gap:7px;}
.group_pop .table_list li p>span{font-size:12px; color:#848484;}
.group_pop .table_list li p>span em{line-height:inherit;}
.group_pop .table_list li.top3 p span{color:#121212; font-weight:500;}
.group_pop .table_list li.table_head{background:#f6f7f8; border:none;}
.group_pop .table_list li.table_head p span{color:#000;}
.group_pop .table_list li.me{background:#f8f8f8;}
.group_pop .table_list li.me .rank:before{content:''; position:absolute; left:12px; top:50%; transform:translateY(-50%); width:9px; height:12px; background:url('../image/ico/ico_member2.png') no-repeat center center / contain;}
.group_pop .table_list li.me p span{color:#2733b2;}

/* 스터디 그룹 만들기 팝업 */
.layer_popup.create_group_pop.nativePopup{height:680px;}
.create_group_pop .layer_popup_wrap{padding:0; max-width: 640px;}
.create_group_pop .tit_wrap{padding:16px;}
.create_group_pop .tit_wrap .tit{line-height:20px; font-size:17px; color:#222; font-weight:600;}
.create_group_pop .btn_close{top:16px; right:25px;}
.create_group_pop .list_wrap .btn_flex{display: flex;justify-content: space-between;align-items:center;}
.create_group_pop .list_wrap .btn_flex.flex_end{justify-content: flex-end;}
.create_group_pop .list_wrap h3{padding:0 25px; font-size:15px; color:#222; font-weight:600; line-height:53px;}
.create_group_pop .txt_wrap{padding:20px;margin:0 25px;font-size:14px;font-weight:500;color:#333;background:#ebf6ff;border-radius:8px;word-break: keep-all;}
.create_group_pop .workbook_list ul{max-height:133px; overflow-y:auto; border-top:1px solid #e3e3e3;}
.create_group_pop .workbook_list ul::-webkit-scrollbar {-webkit-appearance: none;}
.create_group_pop .workbook_list ul::-webkit-scrollbar:vertical {width: 12px;}
.create_group_pop .workbook_list ul::-webkit-scrollbar:horizontal {height: 12px;}
.create_group_pop .workbook_list ul::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .2);border-radius: 10px;border: 2px solid #ffffff;}
.create_group_pop .workbook_list ul::-webkit-scrollbar-track {border-radius: 10px;background-color: #ffffff;}
.create_group_pop .workbook_list ul li{border-bottom:1px solid #eee;}
.create_group_pop .workbook_list ul li input[type=radio] + label{position:relative; display:block; padding:11px 50px 11px 55px;}
.create_group_pop .workbook_list ul li input[type=radio] + label span{position:absolute; left:25px; width:23px; height:23px; background-size:23px 23px; background-repeat:no-repeat; background-position:center center;}
.create_group_pop .workbook_list ul li input[type=radio] + label span.diy{background-image:url('../image/ico/ico_diy.png');}
.create_group_pop .workbook_list ul li input[type=radio] + label span.mock{background-image:url('../image/ico/ico_mockexam.png');}
.create_group_pop .workbook_list ul li input[type=radio] + label span.curri{background-image:url('../image/ico/ico_curriculum.png');}
.create_group_pop .workbook_list ul li input[type=radio] + label p{font-size:14px; color:#666; line-height:21px; font-weight:400;}
.create_group_pop .workbook_list ul li input[type=radio]:checked + label{background: #f8f8f8;}
.create_group_pop .workbook_list ul li input[type=radio]:checked + label:after{content:''; position:absolute; right:25px; top:50%; transform: translateY(-50%); width:17px; height:13px; background:url('../image/ico/ico_check3.png') no-repeat center center / contain;}
.create_group_pop .workbook_list.workbook_pick {display:flex;justify-content:space-between;padding:11px 25px;}
.create_group_pop .workbook_list.workbook_pick p {font-size:14px;color:#666;line-height:21px;font-weight:400;}
.create_group_pop .btn_pick {margin:0 25px; padding:0 7px; min-width:65px; height:25px; font-size:12px; color:#2733b2; line-height:23px; text-align:center; border:1px solid #2733b2; border-radius:4px;}
.create_group_pop .btn_edit {margin:0 25px; padding:0 7px; min-width:65px; height:25px; font-size:12px; color:#2733b2; line-height:23px; text-align:center; border:1px solid #2733b2; border-radius:4px;}
.create_group_pop .btn_select {position:absolute; right:0; top:14px; margin:0 25px; padding:0 7px; min-width:65px; height:25px; font-size:12px; color:#2733b2; line-height:23px; text-align:center; border:1px solid #2733b2; border-radius:4px;}
.create_group_pop .btn_disabled {position:absolute; right:0; top:14px; margin:0 25px; padding:0 7px; min-width:65px; height:25px; font-size:12px; color:#c9c9c9; line-height:23px; text-align:center; border:1px solid #c9c9c9; border-radius:4px;}
.create_group_pop .setting_item{padding:10px 25px; border-bottom:1px solid #eee;}
.create_group_pop .setting_item .tit{position:relative; font-size:14px; color:#666; line-height:24px; font-weight:400;}
.create_group_pop .setting_item.intro{padding:20px 25px;}
.create_group_pop .setting_item.intro .tit{line-height:1.2;}
.create_group_pop .setting_item.intro .tit span{position:absolute;right:0;font:inherit;color:#121212;}
.create_group_pop .setting_item.intro .t13{font-size:13px;color:#999;}

.create_group_pop .input_btn{display:flex;flex-wrap:nowrap;gap:12px;}
.create_group_pop .input_btn .btn{flex:1;height:45px;line-height:43px;font-size:14px;color:#121212;border:1px solid #e3e3e3;border-radius:6px;}
.create_group_pop .input_btn .btn.on{border-color:#2733B2;color:#2733B2;}
.create_group_pop .input_btn .btn:disabled {color:#e3e3e3;border:1px solid #e3e3e3;}
.create_group_pop .input_btn .btn.on:disabled {color:#121212;border:1px solid #e3e3e3;font-weight:600;}
.create_group_pop .input_box .input_btn{margin:15px 0 12px;}

.create_group_pop .setting_item .date{text-align: left;}
.create_group_pop .setting_item .date_wrap{display:flex; height:24px; align-items:center;gap:15px;}
.create_group_pop .setting_item .date_wrap input{width:100%;max-width:80px;}
.create_group_pop .setting_item .date_wrap span{font-size:14px; font-weight:400;}
.create_group_pop .setting_item .date_wrap .txt {margin-right:5px;}

.create_group_pop .setting_item .picker_item{display:flex; height:24px; align-items:center;}
.create_group_pop .setting_item .picker_item span{font-size:14px; font-weight:400;}
.create_group_pop .term_wrap{margin-top:10px;display:flex; justify-content:center; gap:10px; flex-wrap:wrap;}
/*.create_group_pop .term_wrap .rdo+.rdo{margin-left:10px;}*/
.create_group_pop .term_wrap .rdo input[type="radio"] + label{display:inline-block; padding:0; width:42px; height:42px;border-radius:50%; font-size:14px; color:#202020; font-weight:400;  line-height:40px; text-align: center; border:1px solid #e8e8e8;}
.create_group_pop .term_wrap .rdo input[type="radio"] + label:before{display:none;}
.create_group_pop .term_wrap .rdo input[type="radio"]:checked + label{font-weight:500; color:#49eb71;border-color:#2733b2;background:#2733b2}

.create_group_pop .input_box+.input_box{margin-top:18px;}
.create_group_pop .input_wrap{position:relative; margin-top:9px; padding: 0 42px 0 13px; border:1px solid #e3e3e3; border-radius: 6px;}
.create_group_pop .input_wrap input[type="text"]{width:100%; height:45px; font-size:14px; color:#121212;}
.create_group_pop .input_wrap input[type="text"]::placeholder{font-size:14px; color:#cfcfcf;}
.create_group_pop .input_wrap .btn_del{position:absolute; right:11px; top:50%; transform:translateY(-50%);padding:3px;}
.create_group_pop .input_wrap .btn_del span{display:block; width:14px; height:14px; background:url('../image/ico/ico_delete3.png') no-repeat center center / contain;}
.create_group_pop .input_wrap .cnt{position:absolute; right:36px; top:50%; transform:translateY(-50%); font-size:11px; color:#aaa; line-height:20px;}
.create_group_pop .input_wrap .cnt span{font:inherit;}
.create_group_pop .setting_item.flex{display:flex; justify-content: space-between;}
.create_group_pop .toggle{display:none;}
.create_group_pop .toggle + label{position:absolute; right:0; top:50%; transform:translateY(-50%); width:41px; height:14px; border-radius:6px; background:#f1f1f3; transition: .5s;}
.create_group_pop .toggle + label:before{display:none;}
.create_group_pop .toggle + label:after{content:'';position:absolute; left:-6px; top:-6px; width:26px; height:26px; background:url('../image/ico/ico_toggle.png') no-repeat center center / contain; transition: .5s;}
.create_group_pop .toggle:checked + label{background:#2733b2;}
.create_group_pop .toggle:checked + label:after{transform: translateX(100%);}
.create_group_pop .setting_item .password{display:none; padding-top:16px;}
.create_group_pop .setting_item .password input{display: block; width:100%; height:35px; background:#f8f8f8; font-size:14px; color:#666; font-weight:500; text-align: center;}
.create_group_pop .setting_item .password input::placeholder{font-size:14px; color:#d0d0d0;}
.create_group_pop .btn_wrap{margin:0; padding:19px 25px 12px;}

/*문제집 선택 팝업*/
.create_group_pop .subject_list_wrap {max-height:calc(100vh - 260px);overflow-y:auto;}
.create_group_pop .subject_list_wrap li {padding:20px;display: flex;justify-content:space-between;border-bottom:1px solid #ddd;}
.create_group_pop .subject_list_wrap li p {font-size:14px;}
.create_group_pop .subject_list_wrap li p.category_txt {font-size:14px;padding-left:30px;line-height:1.5;}
.create_group_pop .subject_list_wrap li .diy{background-image:url('../image/ico/ico_diy.png');background-size:23px 23px; background-repeat:no-repeat; background-position:left center;}
.create_group_pop .subject_list_wrap li .mock{background-image:url('../image/ico/ico_mockexam.png');background-size:23px 23px; background-repeat:no-repeat; background-position:left center;}
.create_group_pop .subject_list_wrap li .curri{background-image:url('../image/ico/ico_curriculum.png');background-size:23px 23px; background-repeat:no-repeat; background-position:left center;}
.create_group_pop .subject_list_wrap li input[type="checkbox"] + label {padding-left:20px;}
.create_group_pop .subject_list_wrap li input[type="checkbox"] + label:before {content:'';position: absolute;left:0;top:0;width:20px;height:20px;background:url('../image/ico/ico_checkbox7.png')no-repeat center top / 100% auto;}
.create_group_pop .subject_list_wrap li input[type="checkbox"]:checked + label:before {background-position:center center;}
.create_group_pop .subject_list_wrap li input[type="checkbox"]:disabled + label:before {background-position:center bottom;}
/*.create_group_pop .subject_list_wrap .btn_wrap {position: relative;bottom:0;background:#fff;z-index:100;}*/


    /* 데이트피커 */
.ui-datepicker{padding:0;}
.ui-datepicker .ui-widget-header{background:#2733b2; border-color:#2733b2; color:#fff;}
.ui-datepicker .ui-datepicker-prev:hover{background:none; border-color:transparent;}
.ui-datepicker .ui-datepicker-prev span{background: url(../image/ico/month_arr_prev.png) no-repeat center center / 15px 15px;}
.ui-datepicker .ui-datepicker-next:hover{background:none; border-color:transparent;}
.ui-datepicker .ui-datepicker-next span{background: url(../image/ico/month_arr_next.png) no-repeat center center / 15px 15px;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{top:2px;}
.ui-datepicker .ui-datepicker-prev-hover{left:2px;}
.ui-datepicker .ui-datepicker-next-hover{right:2px;}

.ui-datepicker th{border-bottom:1px solid #c5c5c5;}
.ui-state-default,
.ui-widget-content .ui-state-default{border:1px solid transparent; background:#fff; text-align:center;}
.ui-state-active, .ui-widget-content .ui-state-active{background: #2733b2;}
/*.ui-state-default.ui-state-highlight{background: #2733b2; color: #fff;}*/

/* 그룹 삭제 사유 팝업 */
.group_del_pop .layer_popup_wrap{max-width: 400px; padding:32px 25px 25px;}
.group_del_pop .tit{font-size:16px; color:#000; font-weight:500; text-align: center;}
.group_del_pop select{margin-top:23px; display:block; padding:0 40px 0 10px; width:100%; height:45px; border:1px solid #e8e8e8; border-radius: 4px; font-size:14px; color:#121212; appearance: none; background:url('../image/ico/ico_select3.png') no-repeat right 26px center / 9px 5px;}
.group_del_pop .ex_input{margin-top:10px; position:relative;}
.group_del_pop .ex_input input{display:block; padding:0 40px 0 10px; width:100%; height:45px; border:1px solid #e8e8e8; border-radius: 4px;}
.group_del_pop .ex_input .cnt{position:absolute; right:10px; top:50%; transform: translateY(-50%); font-size:11px; color:#d0d0d0;}
.group_del_pop .btn_wrap{margin-top:30px;}

/* 참여코드 팝업 */
.enter_code_pop .layer_popup_wrap{max-width: 400px; padding:32px 25px 25px;}
.enter_code_pop .tit{font-size:16px; color:#000; font-weight:500; text-align: center;}
.enter_code_pop input{display:block; margin-top:55px; padding:0 10px; width:100%; height:45px; border:1px solid #e8e8e8; border-radius: 4px; text-align: center;}
.enter_code_pop input::placeholder{font-size:14px; color:#d0d0d0;}



.alert_pop.confirm .layer_popup_wrap{max-width:350px; padding-top:30px;}
.alert_pop.confirm .conts_wrap{min-height:90px; padding-top:50px; background:url('../image/ico/ico_confirm2.png') no-repeat center top / 35px 35px;}
.alert_pop.confirm p+p{margin-top:10px;}
.alert_pop.confirm .btn_wrap{margin-top:25px;}



/* 구독 상품 팝업 */
.product_pop .product_wrap{margin:0 auto; padding:70px 0 85px; }
.product_pop .tit{font-size:18px; color:#222; font-weight:600; line-height:1.4; text-align: center; word-break: keep-all;}
.product_pop .tit span{display:block;margin-bottom:7px;font-size:30px;color:#2733b2; font-weight: 700;}
.product_pop .product_service{margin:35px auto;}
.product_pop .product_service h4{margin:30px auto 20px;display:block;color:#121212;font-size:20px;font-weight:700;line-height:28px;text-align:center;}
.product_pop .product_service div{margin:0 auto;display:flex;gap:0 10px;flex-wrap:wrap;justify-content: flex-start;padding:10px 20px;max-width:670px;border-radius:7px;align-items: center;background:#f4f4f4;}
.product_pop .product_service div span{padding:0 16px 0 32px;font-size:14px;font-weight:500;line-height:34px;border-radius:17px;border:1px solid #ddd;background:#fff url(../image/ico/ico_check3.png) no-repeat 14px center / 14px auto;}
.product_pop .product_service div p{font-size:15px;font-weight:500;line-height:1.5;}
.product_pop .product_service div p em{color:#121212;font-weight:700;}
.product_pop .product_list{margin:40px auto 140px; display:flex;max-width:670px;flex-direction:column; gap:15px; justify-content: center; flex-wrap:wrap;}
.product_pop .product_list h2{margin:0 auto;display:block;width:180px;color:#fff;font-size:17px;font-weight:700;line-height:36px;text-align:center;border-radius:18px;background:#2733b2;}
.product_pop .product_list .item{}
.product_pop .product_list .item + .item{margin-top:20px}
.product_pop .product_list .item input[type="radio"] + label{position:relative;padding:20px 20px 10px;display:block;border:1px solid #ddd;border-radius:7px;}
.product_pop .product_list .item input[type="radio"] + label:before{content:'';position:absolute;left:20px;top:29px;width:27px;height:27px;background:url("../image/ico/ico_checkbox2.png") no-repeat center top / 27px 55px;}
.product_pop .product_list .item input[type="radio"]:checked + label{padding:19px 19px 10px;border:2px solid #2733b2;}
.product_pop .product_list .item input[type="radio"]:checked + label:before{background:url("../image/ico/ico_checkbox2.png") no-repeat center bottom / 27px 55px;}
.product_pop .product_list .item .origin{display:flex;padding-left:40px;}
.product_pop .product_list .item .info{flex:auto;text-align:left;}
.product_pop .product_list .item .info .explain{}
.product_pop .product_list .item .info h4{padding-bottom:5px;font-size:18px;color:#666;font-weight:700;}
.product_pop .product_list .item .info p{font-size:15px; color:#555; font-weight:400; line-height:1.5; word-break: keep-all; letter-spacing: -0.015em;}
.product_pop .product_list .item .info ul{display:inline-block; margin-top:30px; }
.product_pop .product_list .item .info ul li{padding-left:20px; font-size:14px; color:#787878;font-weight:500; line-height:1; background:url('../image/ico/ico_dot.png') no-repeat left top 1px / 12px 12px; text-align: left;}
.product_pop .product_list .item .info ul li+li{margin-top:15px;}
.product_pop .product_list .item .info ul li span{font-size:12px; color:#999;}
.product_pop .product_list .item .txt_pay{width:250px;display:flex; flex-direction: column; align-items: flex-end; justify-content: center;}
.product_pop .product_list .item .txt_pay p{font-size:20px; color:#787878; font-weight:600; line-height:1;}
.product_pop .product_list .item input[type="radio"] + label .info h4 .btn_link_opt{margin-left:7px;display:inline-block;padding:0 7px;color:#fff;font-size:13px;font-weight:400;line-height:22px;background: #282e5b;border-radius: 4px;}
.product_pop .product_list .item input[type="radio"]:checked + label .info h4 span{font-size:18px;color:#222;}
.product_pop .product_list .item input[type="radio"]:checked + label .txt_pay p{color:#121212;}
.product_pop .product_list .item .txt_pay .discount{margin-bottom:10px;}
.product_pop .product_list .item .txt_pay .discount span{display:inline-block; font-size:16px; color:#bcbcbc; font-weight:300; text-decoration: line-through; line-height:22px; vertical-align: top;}
.product_pop .product_list .item .txt_pay .discount .bedge{padding:0 7px; min-width:45px; font-size:12px; color:#fff; font-weight:500; text-align: center; border-radius: 11px; background:#fe238a; text-decoration: none;}
.product_pop .product_list .item .txt_pay .discount .bedge em{font:inherit;}
.product_pop .product_list .item .txt_pay .discount .bedge i{margin-left:3px; display:inline-block; width:7px; height:22px; background:url('../image/web/arr_down.png') no-repeat center center; vertical-align: top;}
.product_pop .product_list .item .check_pst{}
.product_pop .product_list .item.basic{background:#fbfbfb; border-color:#fbfbfb;}
.product_pop .product_list .item.basic .btn{background:#efefef; color:#666;}

.product_pop .product_list .payment_info{margin-top:14px;padding-top:14px;border-top:1px solid #f0f0f0; }
.product_pop .product_list .payment_info .btnwrap{text-align:center;}
.product_pop .product_list .payment_info ul{display:none;height:100%; gap:1px;flex:1;}
.product_pop .product_list .payment_info ul li{position:relative; flex:1; text-align:center;}
.product_pop .product_list .payment_info ul li+li:before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:112px; border-right:1px dashed #ececec;}
.product_pop .product_list .payment_info ul li h6{padding-top:10px; font-size:17px; color:#404040; font-weight:600; line-height:1;}
.product_pop .product_list .payment_info ul li p{margin-top:8px; font-size:14px;font-weight:400; color:#555; line-height:1.4; word-break:keep-all;}
.product_pop .product_list .payment_info ul li.off h6{padding-top:40px; font-size:17px; color:rgba(64,64,64,0.4); font-weight:600; line-height:1; background:url('../image/web/ico_gift_no.png') no-repeat center top / 30px 30px;}
.product_pop .product_list .payment_info ul li.off p{min-height:42px;}
.product_pop .product_list .payment_info ul li.off img {display: none;}
.product_pop .product_list .payment_info .btn_slide{width:100%;font-size:13px;color:#787878;}
.product_pop .product_list .payment_info .btn_slide span{padding-right:28px;background:url(../image/ico/btn_slide.png) no-repeat right -6px / 14px 62px;}
.product_pop .product_list .payment_info .btn_slide.close{display:none;}
.product_pop .product_list .payment_info.open ul{display:flex;}
.product_pop .product_list .payment_info.open .btn_slide{display:none;}
.product_pop .product_list .payment_info.open .btn_slide.close{margin-top:20px;padding-top:10px;display:block;height:34px;border-top:1px solid #f0f0f0;}
.product_pop .product_list .payment_info.open .btn_slide.close span{background:url(../image/ico/btn_slide.png) no-repeat right -37px / 16px 62px;}

.product_pop .product_list .cost{padding:20px;width:271px; border-left:1px solid #ececec; flex:none;}
.product_pop .product_list .paysum .sale{display:flex;flex-wrap:nowrap;justify-content: center;}
.product_pop .product_list .paysum span{color:#999;font-size:16px;font-weight:400; line-height:22px;text-decoration:line-through;}
.product_pop .product_list .paysum .discount{margin-left:6px;padding:0 25px 0 12px; font-size:12px; color:#fff; font-weight:500; background:#fe238a; url('../image/web/arr_down.png') no-repeat right 12px center; border-radius:13px;text-decoration: none;}
.product_pop .product_list .paysum p{font-size:28px; color:#222; font-weight:700; line-height:1.3;text-align:center;}
.product_pop .product_list .button{display:flex;flex-wrap:wrap;justify-content: center;}
.product_pop .product_list .button .btn{margin-top:8px; padding:0 10px; display:block; width:100%; max-width:180px; font-size:16px; color:#fff; font-weight:500; line-height:40px; border:1px solid #2733b2; background:#2733b2; text-align:center;}
.product_pop .product_list .button .btn.ty2{color:#2733b2; background:#fff;}

.product_pop .label{padding:12px 20px; background:#969696;}
.product_pop .label p{margin:0 auto; width:100%; height:22px; background:url('../image/web/tease/txt2.png') no-repeat center center / contain;}
.product_pop .info_section{padding:40px 18px 88px; background:#f4f4f4;}
.product_pop .info_section .info_item{margin:0 auto; max-width:580px;}
.product_pop .info_section .info_item + .info_item{margin-top:40px;}
.product_pop .info_section p{position:relative;padding-top:60px; font-size:26px; color:#111; font-weight:500; line-height:32px; text-align:center;}
.product_pop .info_section .tit p:before{content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:45px; height:45px; background:url('../image/web/tease/ico.png') no-repeat center center / contain;}
.product_pop .info_section p span{display:inline-block; padding:0 2px; font-size:inherit; font-weight:600; color:#fff; line-height:28px; background:#2733b2;}
.product_pop .img{margin-top:25px;}
.product_pop .img img{max-width:100%;}

.product_pop .alert_box{margin:30px auto; padding:25px 15px;max-width:670px; background:#f4f7f9; border-radius: 10px;}
.product_pop .alert_box h4{font-size:14px; color:#555; font-weight:600;}
.product_pop .alert_box ul{margin-top:11px;}
.product_pop .alert_box ul li{position:relative; padding-left:12px; font-size:13px; color:#787878; font-weight:300; line-height:21px; word-break: keep-all;}
.product_pop .alert_box ul li:before{content:''; position:absolute; left:0; top:9px; width:3px; height:3px; background:#c2c2c2;}

.product_pop .popup_btn_fix .pay_total{padding:15px 32px;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content: space-between;align-items: center;}
.product_pop .popup_btn_fix .pay_total .pay_info{flex:1;}
.product_pop .popup_btn_fix .pay_total .pay_info h4{font-size:16px;font-weight:400;}
.product_pop .popup_btn_fix .pay_total .pay_info p{margin-top:5px;font-size:22px;font-weight:700;color:#111;}
.product_pop .popup_btn_fix .pay_total .btn_wrap{flex:2;margin-top:0;display:flex; gap:10px;}
.product_pop .popup_btn_fix .pay_total .btn_wrap .btn{display:block; flex:1; font-size:16px; color:#fff; font-weight:500; line-height:47px; text-align: center; background:#2733b2;}
.product_pop .popup_btn_fix .pay_total .btn_wrap .btn.btn_tease{color:#2733b2; background:#49eb71;}


/*부모님께 결제요청 개선 2024-12-19*/
.tease.info_section .result_wrap {padding-top:40px;}
.tease.info_section .result_wrap h2 {margin:0 0 35px 0;color:#fff;}
.tease.info_section .result_wrap .result-swiper{padding:40px 0;background:url('../image/web/tease/result_bg.png') no-repeat center center / 100% 100%;}
.tease.info_section .result_wrap ul {padding:0;}
.tease.info_section .result_wrap .img_wrap {max-width:580px;margin:0 auto;}
.tease.info_section .result_wrap .img_wrap img {width:100%;}
.tease.info_section .result-swiper {width:100%;overflow: hidden;}
.tease.info_section .result-swiper .swiper-pagination {padding:0 0 30px 0; position: relative; top:40px;}
.tease.info_section .result-swiper .swiper-pagination .swiper-pagination-bullet {margin: 0 10px; width: 10px; height: 10px; background-color: #d9d9d9;opacity:1;}
.tease.info_section .result-swiper .swiper-pagination .swiper-pagination-bullet-active {background-color: #49eb71;}
.tease.info_section {text-align:center;}
.tease.info_section h2 {margin-top:35px;font-size:20px;color:#111;font-weight:700;}
.tease.info_section .review_list{margin-top:20px;}
.tease.info_section .review_box {padding: 22px 42px; min-height:260px; background-color: #fff; border-radius: 10px;}
.tease.info_section .review_box .user_detail {display: flex; gap: 15px; align-items: center;}
.tease.info_section .review_box .user_detail .thumb img{width:55px;height:55px;}
.tease.info_section .review_box .user_detail .user {display: flex; width: 100%; flex-direction:column; align-items: flex-start;gap:5px;}
.tease.info_section .review_box .user_detail .user em {font-size: 14px; color: #121212; text-align: left; font-weight: 400;}
.tease.info_section .review_box .user_detail .user em span {font: inherit; font-weight: 600;}
.tease.info_section .review_box .user_detail .user .star{display:inline-block; width:85px; height:15px; background:url('../image/event/20241223/star.png') no-repeat left center / contain;}
.tease.info_section .review_box .txt_area {margin-top: 18px;}
.tease.info_section .review_box .txt_area p {padding-top:0;font-size: 16px; color: #222; text-align: left; font-weight: 600; line-height: 1.4;}
.tease.info_section .review_box .txt_area p span {display:contents; font: inherit; color: #2733b2;}
.tease.info_section .review-swiper {overflow: hidden;}
.tease.info_section .review-swiper .swiper-pagination {position: relative; padding: 30px 0 0;}
.tease.info_section .review-swiper .swiper-pagination .swiper-pagination-bullet {margin: 0 10px; width: 10px; height: 10px; background-color: #d9d9d9;opacity:1;}
.tease.info_section .review-swiper .swiper-pagination .swiper-pagination-bullet-active {background-color: #49eb71;}
.tease.info_section .info_item.ty2 {max-width:600px;}
.tease.info_section .info_item .item {padding-top:40px;text-align:left;}
.tease.info_section .info_item .item_wrap {padding-bottom:40px; margin-top:30px;background:#fff;border-radius:10px;box-shadow:0 2px 10px 4px rgba(0,0,0,0.05);}
.tease.info_section .info_item .item_wrap.ty2 {background:#ebf6ff;}
.tease.info_section .info_item .item .flex {margin:0 50px;display:flex;gap:14px;}
.tease.info_section .info_item .item .flex.ty2 {display:block;}
.tease.info_section .info_item .item .badge {position:relative;text-align:center;}
.tease.info_section .info_item .item .badge span{position:relative;margin:0 auto;display:block;width:50px;line-height:50px;background:#48eb70;color:#282e5b;font-size:20px;font-weight:500;border-radius:50%;z-index:10;}
.tease.info_section .info_item .item .item_tit {font-size:23px;color:#111;font-weight:800;line-height:1.3;}
.tease.info_section .info_item .item .item_tit span{font:inherit;color:#2733B2;}
.tease.info_section .info_item .item .txt {margin-top:5px;font-size:17px;font-weight:500;line-height:1.25;}
.tease.info_section .info_item .item .img {max-width:520px;margin:20px auto 0;}
.tease.info_section .info_item .tit .gradient {font-size:23px;color:#111;font-weight:500;}
.tease.info_section .info_item .tit .gradient em {font:inherit;font-weight:800;background-clip:text;-webkit-background-clip:text;color:transparent;background-image:linear-gradient(55deg, #2733b2 0%, #48eb70 100%);}






/*구독상품 상세 팝업*/
.product_detail_pop{padding:0!important;}
.product_detail_pop .layer_popup_wrap{padding:0; max-width:720px;height:calc(100vh - 80px);overflow-y:auto;}
.product_detail_pop .layer_popup_wrap .product_pop_wrap{position:relative;}
.product_detail_pop .layer_popup_wrap .product_pop_wrap .btn_close{right:20px;}
.product_detail_pop .title{padding:50px 20px 20px; background:#f8f8f8; text-align:center;}
.product_detail_pop .title h3{font-size:18px; color:#222; font-weight:700; line-height:1.333;}
.product_detail_pop .title p{margin-top:7px; font-size:15px; color:#787878; font-weight:500; line-height:1.4;}
.product_detail_pop .title .cost{margin-top:10px;display:flex; gap:10px; align-items:flex-end;justify-content: center;}
.product_detail_pop .title .cost .discount{margin:5px 0;padding:0 20px 0 7px; font-size:14px; color:#fff; font-weight:600; line-height:22px; background:#fe238a url('../image/web/arr_down.png') no-repeat right 10px center; border-radius:16px;}
.product_detail_pop .title .cost p{margin-top:0;font-size:20px; color:#121212; font-weight:700; line-height:32px;}
.product_detail_pop .title .cost p em{font-size:inherit; font-weight:800;}
.product_detail_pop .title .cost .first_cost{font-size:16px; color:#999; font-weight:400; text-decoration:line-through; line-height:30px;}
.product_detail_pop .cont{padding:30px 18px;}
.product_detail_pop .detail_item+.detail_item{margin-top:35px;}
.product_detail_pop .detail_item .tit{text-align:center;}
.product_detail_pop .detail_item .tit span{margin:0 auto; display:block; width:26px; font-size:13px; color:#fff; font-weight:800; line-height:26px; background:#353535; border-radius:50%;}
.product_detail_pop .detail_item .tit p{margin-top:6px; font-size:18px; color:#222; font-weight:700; line-height:1;}
.product_detail_pop .detail_item .tit .subtit{margin-top:10px;font-size:16px;line-height:1.3;font-weight:500;color:#555;}
.product_detail_pop .detail_item ul{margin-top:17px; display:flex; gap:23px;}
.product_detail_pop .detail_item ul li{position:relative; padding:8px 12px 20px; flex:1; border-radius:8px; background:#f4ffea; text-align:center;}
.product_detail_pop .detail_item ul li:after{content:''; position:absolute; right:-20px; top:50%; transform:translateY(-50%); width:16px; height:16px; border-radius:50%; border:4px solid #49eb71;}
.product_detail_pop .detail_item ul li:last-child:after{display:none;}
.product_detail_pop .detail_item ul li h5{padding:7px 0; font-size:15px; color:#222; font-weight:700; line-height:1.3; border-bottom:1px solid #d0ebb6;}
.product_detail_pop .detail_item ul li p{margin-top:12px; font-size:13px; color:#575757; line-height:1.4; font-weight:400; word-break:keep-all;}
.product_detail_pop .detail_item ul li .hashs{margin:21px auto 0; max-width:750px; display:flex; justify-content:center; flex-wrap:wrap; gap:9px 15px;}
.product_detail_pop .detail_item ul li .hashs span{padding:0 20px; font-size:14px; color:#222; font-weight:500; line-height:32px; border-radius:16px; background:#fff; box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);}

.product_detail_pop .detail_item ul.col3{gap:30px;}
.product_detail_pop .detail_item ul.col3 li{padding:18px 10px;align-self:center;}
.product_detail_pop .detail_item ul.col3 li:after{content:'';right:-25px;width:20px;height:20px;background:url(../image/web/pay_arrow.png) no-repeat center center;border:none;border-radius:0;}
.product_detail_pop .detail_item ul.col3 li p{margin-top:0;}
.product_detail_pop .detail_item ul.col3 li h6{font-size:16px;color:#222;font-weight:700;line-height:1.3;}
.product_detail_pop .detail_item ul.col3 li p + h6{margin-top:3px;}
.product_detail_pop .detail_item ul.col3 li:nth-child(2) h6{line-height:45px;}


/*구매유도 팝업*/

.purchase_pop.native {padding:0;background:none;max-height:100%;}
.purchase_pop.native .layer_popup_wrap {border-radius:0;height:100%;overflow-y:auto;box-shadow:none;}
.purchase_pop.native .btn_wrap {position:fixed;bottom:0;left:0;right:0;padding:15px 30px;margin-top:0;align-items: center;background:#fff;z-index:999;/*box-shadow:0 0 8px 0 rgba(64,69,72,.18);*/}

.purchase_pop .layer_popup_wrap{max-height:94vh;overflow-y:auto;}
.purchase_pop .layer_popup_wrap form {padding:15px 0 0;}
.purchase_pop .tit_wrap .tit {font-size:18px;font-weight:700;color:#121212;}
.purchase_pop .tit_wrap.ty2 {text-align: left;}
.purchase_pop .tit_wrap.ty2 .tit {margin-top:20px;font-size:16px;}
.purchase_pop .tit_wrap.ty2 .txt_wrap {margin-top:20px;padding:14px 20px;background:#b1ede3;font-size:18px;border-radius:8px;}
.purchase_pop .tit_wrap.ty2 .txt_wrap h4 {font-size:18px;color:#121212;}
.purchase_pop .tit_wrap.ty2 .txt_wrap h4#space1 {color:#2733B2;}
.purchase_pop .tit_wrap.ty2 .txt_wrap h4 span{font:inherit;font-weight:700;color:#fe238a;}
.purchase_pop .conts_wrap {padding-bottom:90px;height:100%;overflow-y: scroll;}
.purchase_pop .conts_wrap .txt_wrap {margin-top:10px;}
.purchase_pop .conts_wrap .txt_wrap h4 {font-size:16px;font-weight:700;color:#121212;}
.purchase_pop .conts_wrap .txt_wrap h4 span{font:inherit;font-weight:700;color:#fe238a;}
.purchase_pop .conts_wrap .txt_wrap h4.bold{font-weight:700;}
.purchase_pop .conts_wrap .txt_wrap .alert_txt{margin-top:7px;font-size:12px;font-weight:500;color:#999;}
.purchase_pop .product_list_wrap{display:flex;flex-direction:column;gap:12px;margin-top:10px;}
.purchase_pop .product_list_wrap > ul > li.on {border:1px solid #2733b2;}
.purchase_pop .product_list_wrap > ul > li.on .tit {background:#2733b2;border-radius: 8px 0 0 8px;}
.purchase_pop .product_list_wrap > ul > li.on .tit h4 {color:#fff;}
.purchase_pop .product_list_wrap > ul > li.on .tit p {color:#fff;}
.purchase_pop .product_list_wrap > ul > li{border:1px solid #ddd; border-radius:10px;}
.purchase_pop .product_list_wrap > ul > li label{display:flex; }
.purchase_pop .product_list_wrap > ul > li+li{margin-top:10px;}
.purchase_pop .product_list_wrap > ul > li .list_item{padding:12px 8px 12px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.purchase_pop .product_list_wrap > ul > li .tit{width:142px;padding:13px 9px 13px; background:#ebf6ff; text-align:center;border-radius:10px 0 0 10px;}
.purchase_pop .product_list_wrap > ul > li .tit h4{font-size:15px; color:#121212; font-weight:700;}
.purchase_pop .product_list_wrap > ul > li .tit p{margin-top:7px; font-size:9px; color:#787878;}
.purchase_pop .product_list_wrap > ul > li .tit .btn{margin-top:18px; width:110px; height:34px; font-size:14px; color:#fff; border-radius:4px; background: #282e5b;}
.purchase_pop .product_list_wrap > ul > li .info{flex:1;}
.purchase_pop .product_list_wrap > ul > li .info ul{display:flex;align-items:flex-start;height:100%; gap:1px;}
.purchase_pop .product_list_wrap > ul > li .info ul li{position:relative;text-align:center;}
.purchase_pop .product_list_wrap > ul > li .info ul li:nth-child(1) {width: 36%;}
.purchase_pop .product_list_wrap > ul > li .info ul li:nth-child(2) {width: 32%;}
.purchase_pop .product_list_wrap > ul > li .info ul li:nth-child(3) {width: 32%;}
.purchase_pop .product_list_wrap > ul > li .info ul li+li:before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:56px; border-right:1px dashed #ececec;}
.purchase_pop .product_list_wrap > ul > li .info ul li h6{padding-top:10px; font-size:12px; color:#404040; font-weight:600; line-height:1; }
.purchase_pop .product_list_wrap > ul > li .info ul li p{margin-top:13px; font-size:10px;font-weight:400; color:#555; line-height:1.4; word-break:keep-all;}
.purchase_pop .product_list_wrap > ul > li .info ul li .gift{width:18px;height:18px;}
.purchase_pop .product_list_wrap > ul > li .info ul li .gift img{width:100%;}
.purchase_pop .product_list_wrap > ul > li .info ul li.off .gift {display: flex;}
.purchase_pop .product_list_wrap > ul > li .info ul li.off img {display:none;}
.purchase_pop .product_list_wrap > ul > li .info ul li.off h6{position:absolute;top:0;margin-top:12px;padding-top:24px;font-size:10px; color:rgba(64,64,64,0.4); font-weight:600; line-height:1; background:url('../image/web/ico_gift_no.png') no-repeat center top / 18px 18px;}
.purchase_pop .product_list_wrap > ul > li .info ul li.off p{margin-top:32px;}
.purchase_pop .product_list_wrap > ul > li .cost{padding:20px 11px;width:120px; border-left:1px solid #ececec; flex:none;}
.purchase_pop .product_list_wrap > ul > li .paysum .sale{display:flex;flex-wrap:nowrap;justify-content: center;align-items: center;}
.purchase_pop .product_list_wrap > ul > li .paysum span{color:#999;font-size:10px;font-weight:400; line-height:11px;text-decoration:line-through;}
.purchase_pop .product_list_wrap > ul > li .paysum .discount{display:flex;align-items:center;line-height:15px;margin-left:6px;padding:0 10px 0 5px; font-size:8px; color:#fff; font-weight:500; background:#fe238a url('../image/web/arr_down.png') no-repeat right 3px center;background-size:5px auto; border-radius:10px;text-decoration: none;}
.purchase_pop .product_list_wrap > ul > li .paysum .discount em{font-size:8px; color:#fff; font-weight:500;}
.purchase_pop .product_list_wrap > ul > li .paysum p{font-size:15px; color:#222; font-weight:700; line-height:1.3;text-align:center;}
.purchase_pop .alert_box{margin-top:30px;}
.purchase_pop .alert_box h4{font-size:15px;font-weight:700;color:#121212;}
.purchase_pop .alert_box ul {padding-left:10px;}
.purchase_pop .alert_box ul li {margin-top:9px;font-size:12px;font-weight:400;color:#787878;text-indent: -10px;}
.purchase_pop .btn_wrap {padding:0;margin-top:0;align-items: center;background:#fff;z-index:999;}
.purchase_pop .btn_wrap .pay_info {margin-right:42px;min-width:90px;}
.purchase_pop .btn_wrap .pay_info .productName{font-size:12px;font-weight:500;color:#787878;}
.purchase_pop .btn_wrap .pay_info .productPrice{font-size:18px;font-weight:800;color:#121212;}
.purchase_pop .btn_wrap .btn_cancle {color:#2733b2;background:#7ce87f;font-weight:600;}

/*구매유도 팝업 모바일*/
.layer_popup.purchase_pop.nativePopup {margin:0 auto;height:100vh;background:rgba(0,0,0,0.2);}
.layer_popup.purchase_pop.nativePopup .layer_popup_wrap {margin:0 auto;max-width:90%;box-shadow: 0 0 8px 3px rgba(0,0,0,.14);border-radius:10px;}
.purchase_pop.nativePopup .layer_popup_wrap form {padding:0;}
.purchase_pop.nativePopup .tit_wrap .tit {font-size:16px;font-weight:600;}
.purchase_pop.nativePopup .tit_wrap .btn_close {font-size:16px;font-weight:600;right:15px;}
.purchase_pop.nativePopup .conts_wrap {padding-bottom:50px;}
.purchase_pop.nativePopup .conts_wrap .txt_wrap {margin-top:30px;text-align: left;}
.purchase_pop.nativePopup .conts_wrap .txt_wrap h4 {font-size:15px;font-weight:700;color:#121212;line-height:1.45;}
.purchase_pop.nativePopup .conts_wrap .txt_wrap h4 span{font:inherit;font-weight:700;color:#fe238a;}
.purchase_pop.nativePopup .conts_wrap .txt_wrap h4.bold{font-weight:700;}
.purchase_pop.nativePopup .conts_wrap .txt_wrap .alert_txt{margin-top:10px;font-size:12px;font-weight:500;color:#999;}
.purchase_pop.nativePopup .coupon_img {margin-top:20px;}
.purchase_pop.nativePopup img {width:100%;}
.purchase_pop.nativePopup .btn_wrap {margin-top:14px;gap:12px;box-shadow:none;}
.purchase_pop.nativePopup .btn_wrap .btn_cancle {border:1px solid #666;background:#fff;}

/* 구매내역 팝업 */
.pay_list_pop{}
.pay_tab{display:flex;flex-direction:row;gap:5px;border-bottom:1px solid #2733b2;}
.pay_tab li{position:relative;min-width:140px;}
.pay_tab li a{padding:0 10px;display:block;height:35px;line-height:35px;text-align:center;color:#848484;font-size:14px;background:#f8f8f8;border:1px solid #d0d0d0;border-bottom:none;border-radius:5px 5px 0 0;}
.pay_tab li.on a{background:#fff;border-color:#2733b2;color:#2733b2;font-weight:600;}
.pay_tab li.on:after{content:'';position:absolute;left:1px;bottom:-1px;width:calc(100% - 2px);height:1px;background:#fff;}
.pay_list_pop .pay_wrap{padding:25px 36px;}
.pay_list_pop .list_cnt{font-size:13px;}
.pay_list_pop .item_list{margin-top:10px;}
.pay_list_pop .item_list li{padding:10px 20px; min-height:131px; display:flex; align-items: center; gap:45px; border:1px solid #eee; border-radius:5px; box-shadow:0 0 6px 1px rgba(0,0,0,.05);}
.pay_list_pop .item_list li+li{margin-top:12px;}
.pay_list_pop .item_list li .state{padding:12px 0 0;width:77px; height:77px;  text-align: center; background:#fafafa; border-radius: 50%;}
.pay_list_pop .item_list li .state span{display:block;margin:auto;padding:35px 0 0;font-size:12px; color:#848484; font-weight:500; line-height:1;}
.pay_list_pop .item_list li .state.ing{background:#2733b2;}
.pay_list_pop .item_list li .state.ing span{color:#fff;background:url('../image/ico/ico_pay_ing.png') no-repeat center top / 20px 28px; }
.pay_list_pop .item_list li .state.end span{background:url('../image/ico/ico_pay_end.png') no-repeat center top / 20px 28px; }
.pay_list_pop .item_list li .state.ready span{background:url('../image/ico/ico_pay_ready.png') no-repeat center top / 20px 28px; }
.pay_list_pop .item_list li .state.cancel span{padding:35px 13px 0;line-height:1.1;background:url('../image/ico/ico_pay_cancel.png') no-repeat center top / 20px 28px; }
.pay_list_pop .item_list li .state.ebook{background:#2733b2;}
.pay_list_pop .item_list li .state.ebook span{color:#fff;background:url('../image/ico/ico_ebook.png') no-repeat center top / 31px 25px; }
.pay_list_pop .item_list li .state.refund span{background:url('../image/ico/ico_refund.png') no-repeat center top / 31px 25px; }.pay_list_pop .item_list li .txt{flex:1; display:flex; justify-content: center; flex-direction: column;}
.pay_list_pop .item_list li .txt h3{margin-bottom:6px; font-size:16px; color:#222; font-weight:600;}
.pay_list_pop .item_list li .txt p{font-size:13px; color:#787878; font-weight:400;}
.pay_list_pop .item_list li .txt p+p{margin-top:3px;}
.pay_list_pop .item_list li .btn{padding-right:14px; font-size:13px; color:#2733b2; font-weight:400; background:url('../image/ico/ico_arr_right3_blue.png') no-repeat right center / auto 11px;}
.pay_list_pop .item_list li .nodata{flex:0 0 100%;text-align:center;align-items: center;}
.pay_list_pop .item_list li .nodata p{font-size:14px; color:#999; font-weight:400; line-height:15px;}
.pay_list_pop .alert_box{margin-top:50px; padding:25px 15px; background:#f4f7f9; border-radius: 10px;}
.pay_list_pop .alert_box h4{font-size:14px; color:#555; font-weight:600;}
.pay_list_pop .alert_box ul{margin-top:15px;}
.pay_list_pop .alert_box ul li{position:relative; padding-left:12px; font-size:13px; color:#787878; font-weight:300; line-height:19px; word-break: keep-all;}
.pay_list_pop .alert_box ul li:before{content:''; position:absolute; left:0; top:9px; width:3px; height:3px; background:#c2c2c2;}
.pay_list_pop .alert_box ul li span{font:inherit;font-weight:400;color:#555;}
.pay_list_pop .alert_box ul li p{font-size:13px;line-height:20px;padding-left:20px;text-indent:-15px;}
.pay_list_pop .alert_box ul li > *,.pay_list_pop .alert_box ul li p *{font-size:inherit;font-weight:inherit;color:inherit;}
.pay_list_pop .alert_box ul + h4{margin-top:25px;}

/* 네이티브 팝업 */
.layer_popup.nativePopup{position:relative; display: block; padding:0; height:800px; background:none;}
.layer_popup.nativePopup .layer_popup_wrap{box-shadow: none; border-radius: 0; max-width:100%; max-height:100%; overflow-y:auto;}
.info_pop.nativePopup .layer_popup_wrap{max-width:490px;}
.create_group_pop.nativePopup{overflow-y:auto;}
.daily_learning_pop.nativePopup{height:100%;}

	/* 알림 설정 팝업 */
.set_alarm_pop.nativePopup{padding:0; height:100%; width:100%; max-width:100%;}
.set_alarm_pop.nativePopup .layer_popup_wrap{max-width: 100%;height:100%;}

/* 튜토리얼 팝업 */
.tutorial_popup{background:rgba(0,0,0,.5);}
.tutorial_popup .popup_head{height:5rem; border-bottom:none;}
.tutorial_popup .popup_body{background:transparent;}
.tutorial_popup .pop_close{position:absolute; right:18px; top:10px; width:29px; height:29px; border-radius:50%; background:url('../image/tutorial/btn_close.png') no-repeat center center / contain; box-shadow:0 0 8px 0 rgba(8,8,8,.25); z-index:9999;}
.tutorial_popup .opa0{opacity:0;}

.tutorial_popup .tutorial_wrap{position:fixed; left:0; right:0; top:0; bottom:0; overflow:hidden;}
.tutorial_popup .tutorial_wrap li{display:flex; align-items:center; justify-content:center; flex-direction:column;}
.tutorial_popup .tuto_bg{position:absolute; left:0; right:0; top:0; bottom:0; background-repeat:no-repeat; background-position: center top; background-size:100% 100%; z-index:-1;}
.tutorial_popup .tuto1_bg{background-image:url('../image/tutorial/tuto01_bg.png');}
.tutorial_popup .tuto2_bg{background-image:url('../image/tutorial/tuto02_bg.png');}
.tutorial_popup .tuto8_bg{background-image:url('../image/tutorial/tuto08_bg.png');}
.tutorial_popup .tuto3_bg{background-image:url('../image/tutorial/tuto03_bg.png');}
.tutorial_popup .tuto4_bg{background-image:url('../image/tutorial/tuto04_bg.png');}
.tutorial_popup .tuto5_bg{background-image:url('../image/tutorial/tuto05_bg.png');}
.tutorial_popup .tuto6_bg{background-image:url('../image/tutorial/tuto06_bg.png');}
.tutorial_popup .tuto7_bg{background-image:url('../image/tutorial/tuto07_bg.png');}
.tutorial_popup .img_wrap1{position:relative; margin:0 auto; width:374px;}
.tutorial_popup .img_wrap1 .img1{max-width:100%;}
.tutorial_popup .img_wrap1 .ico_arrow{position:absolute; left:50%; top:237px; margin-left:-22px; width:44px;}
.tutorial_popup .chr_box{margin-top:15px; display:flex; align-items:center; justify-content:center; gap:10px; flex-direction:column;}
.tutorial_popup .chr_box .tutorial_char{width:126px;}
.tutorial_popup .txt_box{width:378px; height:106px; background:url('../image/tutorial/tuto01_text.png') no-repeat center center / contain;}
.tutorial_popup .txt_box p{font-size:18px; font-weight:600; color:#fff; text-align:center; line-height:1.444; white-space:pre-wrap;}
.tutorial_popup .txt_box p span{font:inherit; color:#49eb71;}
.tutorial_popup .txt_box.ty2{position:absolute; top:27.644%; right:64px; width:328px; height:105px; background-image:url('../image/tutorial/tuto02_text.png')}
.tutorial_popup .txt_box.ty8{position:absolute; top:27.644%; right:64px; width:328px; height:105px; background-image:url('../image/tutorial/tuto08_text.png')}
.tutorial_popup .txt_box.ty3{position:absolute; top:27.644%; right:64px; width:328px; height:105px; background-image:url('../image/tutorial/tuto03_text.png')}
.tutorial_popup .txt_box.ty4{position:absolute; top:27.644%; right:64px; width:328px; height:105px; background-image:url('../image/tutorial/tuto04_text.png')}
.tutorial_popup .txt_box.ty5{position:absolute; top:26.203%; right:5.11%; width:378px; height:105px; background-image:url('../image/tutorial/tuto05_text.png')}
.tutorial_popup .txt_box.ty6{position:absolute; top:17.237%; left:12px; width:328px; height:95px; background-image:url('../image/tutorial/tuto06_text.png')}
.tutorial_popup .txt_box.ty7{width:378px; height:109px; background-image:url('../image/tutorial/tuto07_text.png')}
.tutorial_popup .img_box .img{position:absolute; background-position:center center; background-repeat:no-repeat; background-size:contain;}
.tutorial_popup .img_box .img.land{display:none;}
.tutorial_popup .img_box .img img{max-height:100%;}

.tutorial_popup .step2 .img1{left:10px; top:4.9%; height:31.822%;}
.tutorial_popup .step2 .img2{right:8.293%; top:38.22%; height:24.686%; border-radius:10px; overflow:hidden; box-shadow:0 0 40px 1px rgba(0,0,0,.2);}
.tutorial_popup .step2 .img3{right:8.293%; top:63.9%; height:27.198%; border-radius:10px; overflow:hidden; box-shadow:0 0 40px 1px rgba(0,0,0,.2);}
.tutorial_popup .step8 .img1{left:10px; top:4.9%; height:31.822%;}
.tutorial_popup .step8 .img2{right:8.293%; top:38.22%; height:37.5%; border-radius:10px; overflow:hidden; box-shadow:0 0 40px 1px rgba(0,0,0,.2);}
.tutorial_popup .step3 .img1{left:10px; top:4.9%; height:31.822%;}
.tutorial_popup .step3 .img2{right:8.293%; top:38.22%; height:30.33%; border-radius:10px; overflow:hidden; box-shadow:0 0 40px 1px rgba(0,0,0,.2);}
.tutorial_popup .step4 .img1{left:10px; top:4.9%; height:31.822%;}
.tutorial_popup .step4 .img2{right:8.293%; top:38.22%; height:29.915%; border-radius:10px; overflow:hidden; box-shadow:0 0 40px 1px rgba(0,0,0,.2);}
.tutorial_popup .step5 .img1{left:10px; top:17.584%; height:17.118%;}
.tutorial_popup .step5 .img2{right:5.457%; top:36.610%; height:50.211%; border-radius:10px; overflow:hidden; box-shadow:0 0 40px 1px rgba(0,0,0,.2);}
.tutorial_popup .step6 .img1{left:10px; top:28.813%; height:17.118%;}
.tutorial_popup .step6 .img2{right:28px; top:17.237%; height:51.86%;}
.tutorial_popup .step7 .lottie_wrap{position:relative; margin:0 auto; width:100%; max-width:820px;}
.tutorial_popup .step7 #lottie{width:100%;}
.tutorial_popup .step7 .chr_box{position:absolute; left:0; right:0; top:0; bottom:0; margin-top:0; padding-top:120px;}

.tutorial_popup .swiper-pagination{bottom:75px;}
.tutorial_popup .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px;}
.tutorial_popup .swiper-pagination-bullet{width:10px; height:10px; opacity:1; background:#fff; vertical-align:bottom}
.tutorial_popup .swiper-pagination-bullet-active{width:24px; background:#49eb71; border-radius:5px;}

.tutorial_popup .ani_fade_in{animation: ani_fade_in 500ms 200ms 1 linear forwards;}
.tutorial_popup .ani_bounce{animation: ani_bounce 1s infinite linear; opacity:1;}
.tutorial_popup .ani_bounce2{animation: ani_bounce2 350ms infinite cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate; opacity:1;}
.tutorial_popup .ani_bounce3{animation: ani_bounce3 350ms infinite cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate; opacity:1;}


.tutorial_popup.diy .tuto_diy{background-image:url('../image/tutorial/tuto_diy.png');}
.tutorial_popup.diy .txt_box{position:absolute; padding:0; background-size:contain; background-repeat:no-repeat; background-position:center center;}
.tutorial_popup.diy .txt_box1{top:47.077%; left:50%; transform:translateX(-50%); width:338px; height:106px; background-image:url('../image/tutorial/tuto_diy_txt1.png')}
.tutorial_popup.diy .txt_box2{top:71.2%; left:124px; width:244px; height:61px; background-image:url('../image/tutorial/tuto_diy_txt2.png')}
.tutorial_popup.diy .chr{position:absolute; right:41px; bottom:72px; width:129px;}
.tutorial_popup.diy .chr img{max-width:100%;}
.tutorial_popup.diy .chr .arr{position:absolute; right:100%; top:67px; width:51px;}
.tutorial_popup.diy .img1{top:1.212%; left:0; right:0; height:41.78%;}
.tutorial_popup.diy .img1 img{width:100%;}
.tutorial_popup.diy .img2{top:41.706%; left:50%; transform:translateX(-50%); height:4.322%;}
.tutorial_popup.diy .img3{top:53.097%; left:24px; height:32.5%;}
.tutorial_popup.diy .img4{bottom:9px; left:18.232%; right:7px; height:5.297%;}
.tutorial_popup.diy .img4 img{width:100%;}

.tutorial_popup.concept .tuto_concept{background-image:url('../image/tutorial/tuto_concept.png');}
.tutorial_popup.concept .txt_box{position:absolute; padding:0; background-size:contain; background-repeat:no-repeat; background-position:center center;}
.tutorial_popup.concept .txt_box1{top:47.077%; left:50%; transform:translateX(-50%); width:338px; height:106px; background-image:url('../image/tutorial/tuto_concept_txt1.png')}
.tutorial_popup.concept .chr{position:absolute; right:41px; bottom:72px; width:129px;}
.tutorial_popup.concept .chr img{max-width:100%;}
.tutorial_popup.concept .chr .arr{position:absolute; right:100%; top:67px; width:51px;}
.tutorial_popup.concept .img1{top:1.212%; left:0; right:0; height:41.78%;}
.tutorial_popup.concept .img1 img{width:100%;}
.tutorial_popup.concept .img2{top:41.706%; left:50%; transform:translateX(-50%); height:4.322%;}
.tutorial_popup.concept .img3{top:53.097%; left:24px; height:32.5%;}
.tutorial_popup.concept .img4{bottom:9px; left:18.232%; right:7px; height:5.297%;}
.tutorial_popup.concept .img4 img{width:100%;}

@keyframes ani_fade_in{
	0%{opacity:0;}
	100%{opacity:1;}
}

@keyframes ani_bounce{
	0%{transform:rotate(0)}
	25%{transform:rotate(5deg)}
	50%{transform:rotate(0)}
	75%{transform:rotate(-5deg)}
	1000%{transform:rotate(0)}
}

@keyframes ani_bounce2{
	0%{transform:translateY(0);}
	100%{transform:translateY(10px);}
}

@keyframes ani_bounce3{
	0%{transform:translate(0,0);}
	100%{transform:translate(-5px, 5px);}
}

/* 챌린지 이용방법 팝업 */
.challenge_info_wrap{margin:0 auto; padding:30px 0 50px; max-width:500px;}
.challenge_info_list li{position:relative; margin-bottom:30px;width:100%; padding:20px 0; background:#fff; border:1px solid #ddd; border-radius:10px; text-align:center;}
.challenge_info_list li:after{content:''; position:absolute; bottom:-22px; left:50%; transform:translateX(-50%); width:16px; height:13px; background:url('../image/challenge/arr_down.png') no-repeat center center / contain;}
.challenge_info_list li p{padding:0 8px; font-size:14px; color:#555; font-weight:400; line-height:1.5; word-break:keep-all;}
.challenge_info_list li p span{font:inherit; font-weight:600; color:#2733b2;}
.challenge_info_list li .step{margin-bottom:6px;font-size:15px;font-weight:800;color:#111;line-height:1.4; }
.challenge_info_list li .step span{font:inherit;color:#2733b2;}

.challenge_info_list li .target_info{position:relative; margin-top:100px; height:3px; background:#e0e0e0;}
.challenge_info_list li .target_info .ico_target{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:24px; height:24px; background:url('../image/challenge/ico_target.png') no-repeat center center / contain;}
.challenge_info_list li .target_info .ico_target:before{content:''; position:absolute; bottom:20px; left:50%; transform:translateX(-50%); width:72px; height:82px; background:url('../image/challenge/btn_target.png') no-repeat center center / contain;}
.challenge_info_list li .ex_img_box{margin:20px auto 15px; padding:15px 20px; max-width:420px; border:1px solid #eaeaea; border-radius:10px; background:#f5f5f5;}
.challenge_info_list li .ex_img_box h6{font-size:12px; color:#8d8d8d; font-weight:500; line-height:1;}
.challenge_info_list li .ex_img_box h6 span{font:inherit; color:#2733B2; font-weight:600;}
.challenge_info_list li .ex_img_box .thumb{margin-top:10px; text-align:center;}
.challenge_info_list li .ex_img_box .thumb img{max-width:100%;}
.challenge_info_list li .ex_img_box .thumb.fl{display:flex; gap:10px;}
.challenge_info_list li .ex_img_box .thumb.fl .thumb_item{flex:1;}
.challenge_info_list li .btn_enter{margin:25px auto;display:block;width:382px;height:40px;line-height:40px;text-align:center;font-size:14px;font-weight:500;color:#fff;background:#2733b2;border-radius:5px;}
.challenge_info_list li .txt_alert{font-size:12px; color:#de152d; line-height:1.3;}
.challenge_info_list li .txt_alert+.txt_alert{margin-top:5px;}
.challenge_info_list li:last-child{margin-bottom:0;}
.challenge_info_list li:last-child:after{display:none;}
.challenge_info_list li .thumb_wrap{margin:15px auto 0;max-width:387px;}
.challenge_info_list li .thumb_wrap img{width:100%;}
.challenge_info_list li.blue{background:#f7faff;}
.challenge_info_list li .evt_ex_text{margin:25px auto 0;max-width:365px;text-align:left;}
.challenge_info_list li .evt_ex_text .label{padding:0 13px; display:inline-block; font-size:13px; color:#fff; font-weight:600; line-height:20px; background:#2733b2; border-radius:3px;}
.challenge_info_list li .evt_ex_text .ex_txt_box{margin-top:15px; padding:12px 10px;text-align:left; min-height:100px; border-radius:5px; border:1px solid #e6e6e6; background:#f6f6f6; }
.challenge_info_list li .evt_ex_text .ex_txt_box p{font-size:13px; color:#121212; font-weight:500; line-height:1.46; word-break:keep-all;}
.challenge_info_list li .evt_ex_text .ex_txt_box p span{font-size:inherit;color:#2733b2; font-weight:600;}
.challenge_info_list li .img_good{margin:0 auto;width:6.7vw;}
.challenge_info_list li .img_good img{width:100%;}
.challenge_info_list li h6.subscript{margin-top:10px;font-size:12px; color:#8d8d8d; font-weight:500; line-height:1;}


.challenge_notice{margin-top:50px; padding:25px 16px; background:#f6f6f6; border-radius:10px;}
.challenge_notice h4{font-size:15px; color:#121212; font-weight:500; line-height:1;}
.challenge_notice .list_disc{margin-top:15px;}
.challenge_notice .list_disc li{position:relative; padding-left:10px; font-size:14px; color:#787878; font-weight:400; line-height:21px; word-break:keep-all;}
.challenge_notice .list_disc li:before{content:'-'; position:absolute; left:0; top:0px;font-size:14px;color:#787878;line-height:21px;}
.challenge_notice .list_disc li p{font:inherit;}
.challenge_notice .list_disc li p.txt_alert{font-size:12px; color:#de152d;}
.challenge_notice .list_disc li .list_num{padding-left:10px;}
.challenge_notice .list_disc li .list_num li{padding-left:14px; text-indent:-14px;color:#999}
.challenge_notice .list_disc li .list_num li:before{display:none;}
.challenge_notice .list_disc li .list_hyp{padding-left:10px;}
.challenge_notice .list_disc li .list_hyp li{padding-left:9px; text-indent:-9px;}
.challenge_notice .list_disc li .list_hyp li:before{display:none;}
.challenge_notice > p{margin-top:11px; font-size:13px; color:#787878; font-weight:400; line-height:1;}
.challenge_notice p.ti9{padding-left:9px; text-indent:-9px; line-height:1.3; word-break:keep-all;}

/* 리워드 상품 안내 팝업 */
.reward_pop .layer_popup_wrap{padding:0; max-width:614px;}
.reward_pop .tit_wrap{padding:0 36px;}
.reward_pop .subTit{color:#222; line-height:50px;}
.reward_pop .btn_close{right:20px;}
.reward_pop .conts_wrap .thumb img{max-width:100%;}

/* 성적표 업로드 예시 팝업 */
.guide_pop .layer_popup_wrap{max-width:640px;}
.guide_pop .thumb{margin-top:40px;}

/* 휴대폰 번호 팝업 */
.set_number_pop .layer_popup_wrap{max-width:500px;}
.set_number_pop .tit_wrap{margin-bottom:30px;}
.set_number_pop .sub_tit{margin-top:10px;}
.set_number_pop .sub_tit .subTit{font-weight:700;}
.set_number_pop .sub_tit .sub{margin-top: 10px;font-size: 14px;color:#555;font-weight: 400;line-height: 1.4;}
.set_number_pop .conts_wrap{padding-top:20px;}
.set_number_pop .label{margin-bottom:10px; font-size:14px; color:#333; font-weight:600; line-height:1.3;}
.set_number_pop .input_wrap{position:relative; padding-bottom:22px; display:flex; gap:15px;}
.set_number_pop .input_wrap input[type=text]{padding:0 10px; flex:1; width:100%; height:45px; border:1px solid #e7e7e7; border-radius: 4px; font-size:14px; color:#222;}
.set_number_pop .input_wrap input[type=text]:read-only{background:#f3f4f5;}
.set_number_pop .input_wrap .number{position:relative; flex:1;}
.set_number_pop .input_wrap .number .time{position:absolute; right:10px; top:50%; transform:translateY(-50%); font-size:12px; color:#1a9bff; font-weight:500;}
.set_number_pop .input_wrap .number .time *{font:inherit;}
.set_number_pop .input_wrap button{padding:0 10px; width:105px; height:45px; font-size:14px; color:#fff; font-weight:500; background:#848484; border-radius: 4px;}
.set_number_pop .input_wrap button.ty2{background:#222;}
.set_number_pop .txt_alert{position:absolute; bottom:0; font-size:12px; font-weight:400; color:#fe3142; line-height:1;}
.set_number_pop .txt_alert.done{color:#1a9bff;}
.set_number_pop .btn_wrap{margin-top:30px;}

/*인앱 결제 얼럿 팝업*/
.layer_popup_wrap.pay_alert {padding:15px; max-width:450px;}
/*.pay_alert .layer_popup_wrap {max-width:450px;}*/
.pay_alert .btn_close {right:15px;}
.pay_alert .txt {padding:20px;}
.pay_alert .txt p{color:#222;font-size:15px;text-align: center;line-height:1.45;word-break:keep-all;}
.pay_alert .txt p + p {margin-top:10px;}


/*학년선택팝업*/
.layer_popup.set_grade_pop.nativePopup{height:540px;}
.set_grade_pop .layer_popup_wrap{padding:25px 0;height:540px;}
.set_grade_pop .sub_tit{padding:0 20px;}
.set_grade_pop .check_grade{margin-top:22px;}
.set_grade_pop .check_grade li{}
.set_grade_pop .check_grade li input[type="radio"]{display:none;}
.set_grade_pop .check_grade li input[type="radio"] + label{position:relative; display:block; padding:0 72px 0 30px; border-bottom:1px solid #ededed; font-size:14px; color:#202020; font-weight:400; line-height:50px;}
.set_grade_pop .check_grade li input[type="radio"]:checked + label{background:#f8f8f8; color:#2733b2;}
.set_grade_pop .check_grade li input[type="radio"]:checked + label:after{content:''; position:absolute; right:30px; top:50%; transform:translateY(-50%); width:17px; height:20px; font-size:12px; color:#2733b2; font-weight:500; background: url('../image/ico/ico_check3.png') no-repeat left center / 17px 13px;}
.set_grade_pop .btn_wrap .btn_save{background:#2733B2;color:#fff;}

.stopservice .layer_popup_wrap{}
.stopservice .layer_popup_wrap .tit_wrap{padding-bottom:20px;}
.service_info{padding:0 0 20px;max-height:75vh;overflow-y:auto;}
.service_info h4{font-size:17px;font-weight:600;}
.service_info .check_out{margin-top:12px;padding:12px 15px;border:1px solid #adadad;border-radius:5px;}
.service_info .check_out dl{display:flex;flex-wrap:nowrap;justify-content: flex-start;align-content: center;}
.service_info .check_out dl + dl{margin-top:10px;}
.service_info .check_out dl dt{width:25%;}
.service_info .check_out dl dt p{font-size:15px;font-weight:600;line-height:1.2;color:#454545;}
.service_info .check_out dl dd{flex:1;}
.service_info .check_out dl dd p{font-size:15px;font-weight:400;line-height:1.2;color:#787878;}

.reason_out{margin-top:20px;padding:10px 15px;border:1px solid #adadad;border-radius:5px;}
.reason_out dl dt p{font-size:15px;font-weight:600;line-height:2;color:#2d2d2d;}
.reason_out dl dd{padding-top:5px;}
.reason_out dl dd p{font-size:15px;font-weight:400;line-height:1.2;color:#787878;white-space:pre;}
.reason_out dl dd select{appearance: none;padding:0 12px;width:100%;height:47px;font-size:15px;color:#787878;border:1px solid #d4d4d4;border-radius:6px;background:url(../image/ico/ico_arr_more.png) no-repeat right 12px center;background-size:10px 5px;}
.reason_out dl dd input{padding:0 12px;width:100%;height:47px;font-size:15px;border:1px solid #d4d4d4;border-radius:6px;}
.reason_out dl dd .account_num{display:flex;flex-wrap:nowrap;gap:10px;}
.reason_out dl dd .account_num input{width:120px;}
.reason_out dl dd .account_num input:last-child{flex:1;}
.reason_out dl dd .account_num div{font-size:15px;font-weight:600;line-height:1.6;color:#787878;}
.reason_out dl dd .account_num div span{font:inherit;font-weight:400;color:#333}
.reason_out dl dd textarea{padding:10px 12px;width:100%;height:93px;font-size:15px;color:#787878;line-height:1.4;border:1px solid #d4d4d4;border-radius:6px;white-space:pre;}
.reason_out dl + dl{margin-top:20px;}
.reason_out dl .bank_img{position:relative;}
.reason_out dl .bank_img .btn_thumb{display:inline-block;width:102px;height:47px;color:#fff;font-size:15px;font-weight:400;border-radius:7px;background:#a4a4a4;vertical-align: top;}
.reason_out dl .bank_img .img_select_wrap{display:none;position:absolute;left:108px;top:0;}
.reason_out dl .bank_img .img_select_wrap .img_dim{position:fixed;left:0;top:0;right:0;bottom:0; z-index: 9900;}
.reason_out dl .bank_img .img_select_wrap ul{position:relative; width:180px; border:1px solid #ddd; border-radius: 4px; background:#fff; z-index: 9901;}
.reason_out dl .bank_img .img_select_wrap ul li+li{border-top:1px solid #ddd;}
.reason_out dl .bank_img .img_select_wrap ul li a{position:relative;display:block;padding:10px 16px;font-size:14px; line-height:24px; color:#121212; font-weight:400;text-align:center;}
.reason_out dl .bank_img .img_select_wrap ul li a:after{content:''; position:absolute; right:16px; top:50%; transform:translateY(-50%); background-position:  center center; background-repeat: no-repeat; background-size:contain;}
.reason_out dl .bank_img .img_select_wrap ul li.album a:after{width:23px; height:23px; background:url('../image/profile/ico_album2.png') no-repeat center center / contain;}
.reason_out dl .bank_img .copybank,.check_out dl .bank_img .copybank{position:relative;display:inline-block;width:260px;background:#f0f0f0;vertical-align: top;}
.reason_out dl .bank_img .copybank .btn_del, .check_out dl .bank_img .copybank .btn_del{position:absolute;right:10px;top:10px;width:22px;height:22px;z-index:100;background:url('../image/ico/ico_close.png') no-repeat center center;background-size:18px 18px;}
.reason_out dl .bank_img .copybank img, .check_out dl .bank_img .copybank img{width:100%;}
.service_info .agree_term{padding:25px 0 30px;}
.service_info .agree_term .h4{font-size:17px;font-weight:600;color:#202020;}
.service_info .agree_term input[type=checkbox] + label span{font-size:17px;font-weight:600;color:#202020;}
.service_info .agree_term .term{margin-top:15px;padding:10px 15px;height:100px;overflow-y:auto;border:1px solid #d4d4d4;}
.service_info .agree_term .term p{font-size:15px;color:#787878;line-height:1.4;}
.service_info .agree_term .term .bold{color:#333;font-weight:600;}

.service_info .pop_alertbox{margin-top:30px;}
.service_info .pop_alertbox div{padding:10px 15px;}
.service_info .pop_alertbox p{position:relative;font-size:14px;line-height:1.4;}
.service_info .pop_alertbox p:before{content:'-';margin-right:7px;font-size:14px;line-height:1.3;}


.ai_subject .layer_popup_wrap{max-width:650px;}
.ai_subject .layer_popup_wrap .tit_wrap{padding:3px 0 18px;}
.ai_subject .layer_popup_wrap .tit_wrap .subTit{color:#000;font-weight:500;}
.ai_subject .layer_popup_wrap .popup_body p{font-size:15px;font-weight:400;color:#404040;line-height:1.5;}
.ai_subject .layer_popup_wrap .popup_body .check_ty{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px;min-height:90px;}
.ai_subject .layer_popup_wrap .popup_body .check_ty input[type="checkbox"] + label{min-width:110px;height:40px;line-height:38px;border-radius:4px;padding:0 15px;text-align:center;border:1px solid #e0e0e0;color:#858585;font-size:14px;font-weight:400;}
.ai_subject .layer_popup_wrap .popup_body .check_ty input[type="checkbox"]:checked + label{border-color:#2733b2;color:#2733b2;}
.ai_subject .layer_popup_wrap .popup_body .check_ty input[type="checkbox"] + label:before{content:none;}

.ai_subject.native{background:none;}
.ai_subject.native .layer_popup_wrap{padding:0;max-width:100%;box-shadow: none; border-radius: 0;}

/*웹 이용권 2024-11-26*/
.coupon_use_pop .layer_popup_wrap.ty2{max-width: 400px; margin:0 auto;padding:40px 0 20px;}
.coupon_pop_conts .coupon_list li .adm_info_view.ty2 {padding-top:15px;}
.coupon_pop_conts .coupon_list li .adm_info_view.ty2 h3 {padding:10px; text-align: center; font-size:15px; background:#f4f4f4; border-radius:35px;}
.coupon_pop_conts .coupon_list li .adm_info_view.ty2 p:nth-of-type(1) {margin-top:15px;}
.coupon_pop_conts .coupon_list li .btn_wrap {margin-top:15px;align-items:center;gap:20px;}
.coupon_pop_conts .coupon_list li .btn_wrap .coupon_info {line-height:14px;}
.coupon_pop_conts .coupon_list li .btn_wrap .coupon_info .ico_info {content:'';margin-left:4px;display:inline-block;width:16px;height:16px;background:url('../image/ico/ico_question.png') no-repeat center center / contain;vertical-align:middle;}
.coupon_pop_conts .coupon_list li .btn_wrap .btn_use {flex:1;margin-top:0;}
.layer_popup_wrap .coupon_detail {margin-top:20px;}
.layer_popup_wrap .coupon_detail .coupon_wrap {margin-top:10px;}
.layer_popup_wrap .coupon_detail .coupon_wrap p + p {margin-top:10px;}
.layer_popup_wrap .coupon_detail .coupon_wrap .txt1 {font-size:14px;color:#222;font-weight:500;}
.layer_popup_wrap .coupon_detail .coupon_wrap .txt2 {font-size:14px;color:#222;font-weight:500;}
.layer_popup_wrap .coupon_detail .coupon_wrap .txt3 {font-size:16px;color:#2733B2;font-weight:700;}
.layer_popup_wrap .coupon_detail .coupon_wrap .txt_wrap {margin:20px auto 10px;padding:14px;background:#f4f4f4;border-radius:5px;}
.layer_popup_wrap .coupon_detail .coupon_wrap .txt_wrap h3{position:relative;font-size:14px;color:#000;}
.layer_popup_wrap .coupon_detail .coupon_wrap .txt_wrap p{position:relative;padding-left:10px;margin-top:5px;line-height:1.5;color:#000;word-break:keep-all;}
.layer_popup_wrap .coupon_detail .coupon_wrap .txt_wrap p:before{content:'';position:absolute;left:0;top:8px;width:3px;height:3px;background:#000;border-radius:50%;}
.layer_popup_wrap .coupon_detail .coupon_wrap .txt_alert {padding-left:20px;text-indent:-16px;font-size:14px;font-weight:400;color:#999;line-height:1.25;word-break:keep-all;}
.layer_popup_wrap .coupon_detail .btn_wrap {margin-top:20px;gap:20px;}
.layer_popup_wrap .coupon_detail .btn_wrap .btn{flex:1;padding:0 20px;height:40px;border-radius:6px;font-size:14px;}
.layer_popup_wrap .coupon_detail .btn_wrap .btn.no{background:#ddd;color:#000;font-weight:600;}
.layer_popup_wrap .coupon_detail .btn_wrap .btn.yes{background:#2733B2;color:#fff;font-weight:600;}


@media screen and (orientation: landscape){
	.similar_list li .thumb{height:25vw;}
}

@media screen and (orientation: landscape) and (max-height:820px){
	.tutorial_popup .img_box .img.port{display:none;}
	.tutorial_popup .img_box .img.land{display:block;}
	.tutorial_popup .swiper-pagination{bottom:35px;}
	.tutorial_popup .tuto1_bg{background-image:url('../image/tutorial/land_tuto01_bg.png');}
	.tutorial_popup .tuto2_bg{background-image:url('../image/tutorial/land_tuto02_bg.png');}
    .tutorial_popup .tuto8_bg{background-image:url('../image/tutorial/land_tuto08_bg.png');}
	.tutorial_popup .tuto3_bg{background-image:url('../image/tutorial/land_tuto03_bg.png');}
	.tutorial_popup .tuto4_bg{background-image:url('../image/tutorial/land_tuto04_bg.png');}
	.tutorial_popup .tuto5_bg{background-image:url('../image/tutorial/land_tuto05_bg.png');}
	.tutorial_popup .tuto6_bg{background-image:url('../image/tutorial/land_tuto06_bg.png');}
	.tutorial_popup .tuto7_bg{background-image:url('../image/tutorial/land_tuto07_bg.png');}

	.tutorial_popup .txt_box{width:378px; height:106px;}
	.tutorial_popup .txt_box.ty2{position:absolute; top:8.742%; right:7.924%;}
    .tutorial_popup .txt_box.ty8{position:absolute; top:9.8%; right:7.924%;}
    .tutorial_popup .txt_box.ty3{position:absolute; top:9.8%; right:7.924%;}
	.tutorial_popup .txt_box.ty4{position:absolute; top:9.8%; right:7.924%;}
	.tutorial_popup .txt_box.ty5{position:absolute; top:9.937%; right:7.797%;}
	.tutorial_popup .txt_box.ty6{position:absolute; top:13.522%; left:12px;}
	.tutorial_popup .img_wrap1{padding-top:30px;}
	.tutorial_popup .img_wrap1 .ico_arrow{top:267px}
	.tutorial_popup .chr_box{margin-top:0;}

	.tutorial_popup .step2 .img1{left:12px; top:28.912%; height:47.232%;}
	.tutorial_popup .step2 .img2{right:8.263%; top:23.208%; width:56.271%; height:auto;}
	.tutorial_popup .step2 .img2 img{max-width:100%; height:auto;}
	.tutorial_popup .step2 .img3{right:8.263%; top:46.415%; width:56.271%; height:auto;}
	.tutorial_popup .step2 .img3 img{max-width:100%; height:auto;}
    .tutorial_popup .step8 .img1{left:12px; top:28.912%; height:47.232%;}
    .tutorial_popup .step8 .img2{right:8.263%; top:26.208%; width:56.271%; height:auto;}
    .tutorial_popup .step8 .img2 img{max-width:100%; height:auto;}
	.tutorial_popup .step3 .img1{left:12px; top:28.912%; height:47.232%;}
	.tutorial_popup .step3 .img2{right:8.263%; top:26.208%; width:56.271%; height:auto;}
	.tutorial_popup .step3 .img2 img{max-width:100%; height:auto;}
	.tutorial_popup .step4 .img1{left:12px; top:28.912%; height:47.232%;}
	.tutorial_popup .step4 .img2{right:8.263%; top:26.208%; width:56.271%; height:auto;}
	.tutorial_popup .step4 .img2 img{max-width:100%; height:auto;}
	.tutorial_popup .step5 .img1{left:12px; top:15%; height:25.408%;}
	.tutorial_popup .step5 .img2{right:8.136%; top:24.528%; height:54.843%;}
	.tutorial_popup .step6 .img1{left:12px; top:44.774%; height:25.408%;}
	.tutorial_popup .step6 .img2{right:unset; left:48.475%; top:9.8%; height:76.981%;}


	.tutorial_popup.diy .tuto_diy{background-image:url('../image/tutorial/land_tuto_diy.png');}
	.tutorial_popup.diy .txt_box1{top:45.975%; height:105px; background-image:url('../image/tutorial/land_tuto_diy_txt1.png');}
	.tutorial_popup.diy .txt_box2{top:68.05%; left:124px; width:244px; height:61px;}
	.tutorial_popup.diy .chr{right:35px;}

	.tutorial_popup.diy .img1{top:2.956%; height:45.157%;}
	.tutorial_popup.diy .img2{top:60.314%; height:6.415%;}
	.tutorial_popup.diy .img3{top:48.428%; left:33px; height:48.239%;}
	.tutorial_popup.diy .img4{left:15.169%; right:22px; height:7.862%;}

    .tutorial_popup.concept .tuto_concept{background-image:url('../image/tutorial/land_tuto_concept.png');}
    .tutorial_popup.concept .txt_box1{top:45.975%; height:105px;background-image:url('../image/tutorial/land_tuto_concept_txt1.png');}
    .tutorial_popup.concept .txt_box2{top:68.05%; left:124px; width:244px; height:61px;}
    .tutorial_popup.concept .chr{right:35px;}

    .tutorial_popup.concept .img1{top:2.956%; height:43.207%;}
    .tutorial_popup.concept .img2{top:60.314%; height:6.415%;}
    .tutorial_popup.concept .img4{bottom:14px;left:15.169%; right:22px; height:7.862%;}
}

/* IOS Split View 230824 */
.schedule_pop .pop_schedule_list{min-height:120px;}

@media screen and (max-width : 768px) {
    .purchase_pop .product_list_wrap > ul > li .tit {width:112px;padding:13px 5px 13px;}
    .purchase_pop .product_list_wrap > ul > li .cost {padding:20px 6px;width:110px;}
}


@media screen and (max-width : 640px) {
	.schedule_pop .pop_schedule_list li{padding-right:18px;}
	.full_popup .popup_head h2{font-size:16px;}
	.full_popup .btn_close{right:18px;}
    .product_detail_pop .detail_item ul.col3 li{padding:18px 10px;align-self:normal;}
    .product_detail_pop .detail_item ul.col3 li:after{right:50%;bottom:-25px;}

}