@charset "euc-kr";

/* ±âº»(¸ð¹ÙÀÏ) : ÇÏ´Ü °íÁ¤, °¡·Î 100% / 768px ÀÌ»ó(PC)Àº ¸Ç ¾Æ·¡ @media ¿¡¼­ ÀçÁ¤ÀÇ */
/* ¡Ø ¸ð¹ÙÀÏ ÆùÆ®/¿©¹é °ªÀº Àӽà */
#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 0 0; width:100%; padding:30px 20px 30px; border-radius:24px 24px 0 0; background:#fff; overflow:hidden}
#free_trial_terms_agreement_popup .btn_close{position:absolute; top:0; right:0; z-index:1; width:60px; height:56px; background:url(/images/brand/free_trial_terms_agreement_popup/btn_close.svg) no-repeat 50% 50%; background-size:20px 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:80px; height:82px; margin:0 auto; background:url(/images/brand/free_trial_terms_agreement_popup/icon_book.png) no-repeat 50% -20.6px; background-size:164px 123px;}
#free_trial_terms_agreement_popup .popup_head .tit{margin-top:16px; font-size:22px; color:#222; font-weight:700; line-height:30px; letter-spacing:-0.44px;}
#free_trial_terms_agreement_popup .popup_head .sub_tit{margin-top:8px; font-size:14px; font-weight:400; line-height:20px; letter-spacing:-0.7px;}

/* coaching box */
#free_trial_terms_agreement_popup .coaching_box{display:flex; align-items:center; justify-content:center; gap:12px; height:64px; margin-top:20px; border-radius:14px; background:#fcebef;}
#free_trial_terms_agreement_popup .coaching_box p{font-size:16px; font-weight:600; line-height:1; color:#222; letter-spacing:-0.96px; 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:8px}
#free_trial_terms_agreement_popup .terms_list li{display:flex; align-items:center; height:56px; border-bottom:1px solid #ccc;}
#free_trial_terms_agreement_popup .terms_name{flex:1; min-width:0; font-size:15px; font-weight:500; line-height:1; letter-spacing:-0.3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#free_trial_terms_agreement_popup .btn_agree{flex:none; width:52.88px; height:22.4px; padding:0 1.87px; border-radius:6.22px; background:#e2e2e2; font-size:12.44px; font-weight:500; line-height:1; letter-spacing:-0.248px; 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:15px; height:24px; margin-left:12px; background:url(/images/brand/free_trial_terms_agreement_popup/ico_arrow.svg) no-repeat 0 0; background-size:15px 24px; text-indent:-9999px; overflow:hidden;}

/* terms layer */
#free_trial_terms_agreement_popup .terms_layer{display:none; position:relative; flex:none; margin:auto 0 0; width:100%; height:90%; border-radius:24px 24px 0 0; background:#fff; overflow:hidden}
#free_trial_terms_agreement_popup .terms_cont{display:flex; flex-direction:column; height:100%; padding:40px 0 20px; overflow:hidden; font-size:13px; font-weight:400; line-height:1.4; letter-spacing:-0.26px; color:#666; word-break:break-all}
#free_trial_terms_agreement_popup .terms_cont .terms_body{flex:1; min-height:0;}
#free_trial_terms_agreement_popup .terms_cont .terms_body iframe{display:block; width:100%; height:100%; border:0;}
#free_trial_terms_agreement_popup .terms_cont .terms_tit{flex:none; font-size:22px; padding:0 20px; font-weight:700; line-height:1; letter-spacing:-0.44px; 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:10px 8px; 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:0; right:0; bottom:0; width:100%; 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{padding-top:36px; box-shadow:0 0 30px rgba(0,0,0,.25);}
#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;}

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

.clause{padding:0 !important;}


/* PC (768px ÀÌ»ó) */
@media all and (min-width:768px){
	#free_trial_terms_agreement_popup .popup_inner{margin:auto; width:720px; height:820px; padding:55px 60px 0; border-radius:40px;}
	#free_trial_terms_agreement_popup .btn_close{width:118px; height:88px; background-size:auto;}
	#free_trial_terms_agreement_popup .icon_book{width:107px; height:110px; background-position:50% -27.6px; background-size:220px 165px;}
	#free_trial_terms_agreement_popup .popup_head .tit{margin-top:30px; font-size:36px; line-height:40px; letter-spacing:-0.72px; white-space:nowrap;}
	#free_trial_terms_agreement_popup .popup_head .sub_tit{margin-top:13px; font-size:22px; line-height:30px; letter-spacing:-1.1px; white-space:nowrap;}
	#free_trial_terms_agreement_popup .coaching_box{gap:20px; height:100px; margin-top:24px; border-radius:20px;}
	#free_trial_terms_agreement_popup .coaching_box p{font-size:26px; letter-spacing:-1.56px;}
	#free_trial_terms_agreement_popup .teacher_photo{width:66px; height:66px;}
	#free_trial_terms_agreement_popup .terms_list{margin-top:10px}
	#free_trial_terms_agreement_popup .terms_list li{height:80px;}
	#free_trial_terms_agreement_popup .terms_name{flex:none; width:477px; font-size:26px; letter-spacing:-0.52px; overflow:visible; text-overflow:clip;}
	#free_trial_terms_agreement_popup .btn_agree{width:85px; height:36px; margin-left:0; border-radius:10px; font-size:20px; letter-spacing:-0.4px;}
	#free_trial_terms_agreement_popup .btn_view{margin-left:auto;}
	#free_trial_terms_agreement_popup .terms_layer{margin:auto; width:720px; height:820px; border-radius:40px;}
	#free_trial_terms_agreement_popup .terms_cont{padding:50px 0 18px; font-size:24px; letter-spacing:-0.48px;}
	#free_trial_terms_agreement_popup .terms_cont .terms_tit{font-size:44px; letter-spacing:-0.88px;}
	#free_trial_terms_agreement_popup .terms_cont th, #free_trial_terms_agreement_popup .terms_cont td{padding:20px 16px;}
	#free_trial_terms_agreement_popup.type_banner{top:auto; left:auto; right:2vw; bottom:2vw; width:auto;}
	#free_trial_terms_agreement_popup.type_banner.view_layer{top:0; left:0; right:auto; bottom:auto; width:100%;}
	#free_trial_terms_agreement_popup.type_banner .popup_inner{height:640px; padding-top:64px;}
	#free_trial_terms_agreement_popup.type_banner .btn_close{width:100px;}
	#free_trial_terms_agreement_popup .btn_area{gap:30px; margin-top:29px;}
	#free_trial_terms_agreement_popup .btn_all_agree{height:80px; border-radius:60px; font-size:30px;}
	#free_trial_terms_agreement_popup .btn_later{font-size:24px; letter-spacing:-0.48px;}
}