@charset "euc-kr";

#free_trial_terms_agreement_popup{position:fixed; top:0; left:0; z-index:10000; display:flex; justify-content:center; width:100%; height:100%; overflow-y:auto; background:rgba(0,0,0,.6); font-family:'Pretendard'; color:#222;}
#free_trial_terms_agreement_popup .popup_inner{position:relative; flex:none; margin:auto; width:480px; height:547px; padding:37px 40px 0; border-radius:27px; background:#fff; overflow:hidden}
#free_trial_terms_agreement_popup .btn_close{position:absolute; top:0; right:0; z-index:1; width:79px; height:59px; background:url(/_images/brand/free_trial_terms_agreement_popup/btn_close.svg) no-repeat 50% 50%; background-size:20px; text-indent:-9999px; overflow:hidden;}

/* head */
#free_trial_terms_agreement_popup .popup_head{text-align:center}
#free_trial_terms_agreement_popup .icon_book{display:block; width:71px; height:73px; margin:0 auto; background:url(/_images/brand/free_trial_terms_agreement_popup/icon_book.png) no-repeat 50% -18px; background-size:147px 110px;}
#free_trial_terms_agreement_popup .popup_head .tit{margin-top:20px; font-size:24px; color:#222; font-weight:700; line-height:27px; letter-spacing:-0.48px; white-space:nowrap;}
#free_trial_terms_agreement_popup .popup_head .sub_tit{margin-top:9px; font-size:15px; font-weight:400; line-height:20px; letter-spacing:-0.73px; white-space:nowrap;}

/* coaching box */
#free_trial_terms_agreement_popup .coaching_box{display:flex; align-items:center; justify-content:center; gap:13px; height:67px; margin-top:16px; border-radius:13px; background:#fcebef;}
#free_trial_terms_agreement_popup .coaching_box p{font-size:17px; font-weight:600; line-height:1; color:#222; letter-spacing:-1.04px; white-space:nowrap;}
#free_trial_terms_agreement_popup .teacher_photo{flex:none; width:44px; height:44px; border-radius:50%; object-fit:cover;}

/* terms */
#free_trial_terms_agreement_popup .terms_list{margin-top:7px}
#free_trial_terms_agreement_popup .terms_list li{display:flex; align-items:center; height:53px; border-bottom:1px solid #ccc;}
#free_trial_terms_agreement_popup .terms_name{flex:none; width:318px; font-size:17px; font-weight:500; line-height:1; letter-spacing:-0.35px; white-space:nowrap;}
#free_trial_terms_agreement_popup .btn_agree{flex:none; width:60px; height:28px; margin-left:8px; padding:0 3px; border-radius:8px; background:#e2e2e2; font-size:13px; font-weight:500; line-height:1; letter-spacing:-0.26px; color:#888; text-align:center; pointer-events:none; cursor:default;}
#free_trial_terms_agreement_popup .btn_agree.active{border:1px solid #000; background:#fff; font-weight:700; color:#222}
#free_trial_terms_agreement_popup .btn_view{flex:none; width:10px; height:16px; margin-left:auto; background:url(/_images/brand/free_trial_terms_agreement_popup/ico_arrow.svg) no-repeat 0 0; background-size:10px 16px; text-indent:-9999px; overflow:hidden;}

/* terms layer */
#free_trial_terms_agreement_popup .terms_layer{display:none; position:relative; flex:none; margin:auto; width:480px; height:547px; border-radius:27px; background:#fff; overflow:hidden}
#free_trial_terms_agreement_popup .terms_cont{height:100%; padding:33px 29px 12px; overflow-y:auto; font-size:16px; font-weight:400; line-height:1.4; letter-spacing:-0.32px; color:#666; word-break:break-all}
#free_trial_terms_agreement_popup .terms_cont .terms_tit{margin:0 0 13px; font-size:29px; font-weight:700; line-height:1; letter-spacing:-0.59px; color:#12192c}
#free_trial_terms_agreement_popup .terms_cont table{width:100%; border-collapse:collapse; border-top:1px solid #000}
#free_trial_terms_agreement_popup .terms_cont th, #free_trial_terms_agreement_popup .terms_cont td{padding:13px 11px; border:1px solid #ccc; font-weight:400; text-align:center; vertical-align:middle}

/* type_banner */
#free_trial_terms_agreement_popup.type_banner{top:auto; left:auto; right:2vw; bottom:2vw; width:auto; height:auto; overflow:visible; background:none;}
#free_trial_terms_agreement_popup.type_banner.view_layer{top:0; left:0; right:auto; bottom:auto; width:100%; height:100%; overflow-y:auto; background:rgba(0,0,0,.6);}
#free_trial_terms_agreement_popup.type_banner .popup_inner{width:360px; height:320px; padding:32px 30px 0; border-radius:20px; box-shadow:0 0 30px rgba(0,0,0,.25);}
#free_trial_terms_agreement_popup.type_banner .btn_close{width:50px; height:44px;}
#free_trial_terms_agreement_popup.type_banner .icon_book{width:54px; height:55px; background-position:50% -14px; background-size:110px 83px;}
#free_trial_terms_agreement_popup.type_banner .popup_head .tit,
#free_trial_terms_agreement_popup.type_banner .popup_head .sub_tit,
#free_trial_terms_agreement_popup.type_banner .btn_later{display:none;}
#free_trial_terms_agreement_popup.type_banner .coaching_box{gap:10px; height:50px; margin-top:12px; border-radius:10px;}
#free_trial_terms_agreement_popup.type_banner .coaching_box p{font-size:13px; letter-spacing:-0.78px;}
#free_trial_terms_agreement_popup.type_banner .teacher_photo{width:33px; height:33px;}
#free_trial_terms_agreement_popup.type_banner .terms_list{margin-top:5px}
#free_trial_terms_agreement_popup.type_banner .terms_list li{height:40px;}
#free_trial_terms_agreement_popup.type_banner .terms_name{width:238px; font-size:13px; letter-spacing:-0.26px;}
#free_trial_terms_agreement_popup.type_banner .btn_agree{width:43px; height:18px; padding:0 1px; border-radius:5px; font-size:10px; letter-spacing:-0.2px;}
#free_trial_terms_agreement_popup.type_banner .btn_view{width:8px; height:12px; background-size:8px 12px;}

/* buttons */
#free_trial_terms_agreement_popup .btn_area{display:flex; flex-direction:column; align-items:center; gap:20px; margin-top:19px;}
#free_trial_terms_agreement_popup .btn_all_agree{width:100%; height:53px; border-radius:40px; background:#f20000; font-size:20px; font-weight:800; line-height:1; color:#fff;}
#free_trial_terms_agreement_popup .btn_later{font-size:16px; line-height:1; letter-spacing:-0.32px; color:#999; background:#fff;}
#free_trial_terms_agreement_popup .btn_later strong{font-weight:700;}
#free_trial_terms_agreement_popup.type_banner .btn_area{gap:15px; margin-top:15px;}
#free_trial_terms_agreement_popup.type_banner .btn_all_agree{height:40px; border-radius:30px; font-size:15px;}


.clause{padding:0 !important;}