@charset "utf-8";
/* 노벨패스 체험신청 레이어팝업 */
.layer_apply_nvpass .layer_vert_item{width:95%;max-width:540px;background-color:#fff;color:#464646;border-radius:10px;overflow:hidden;overflow-y:auto;overflow-y:overlay;overscroll-behavior:contain;}
.layer_apply_nvpass.nobdrad .layer_vert_item{/* max-width:600px; */border-radius:0;}
.layer_apply_nvpass .btn_close{float:right;position:-webkit-sticky;position:sticky;top:15px;margin:15px 15px 0 0;}
.layer_apply_nvpass .btn_close button{position:relative;display:block;width:18px;height:18px;border-radius:100%;}
.layer_apply_nvpass .btn_close button:before, .layer_apply_nvpass .btn_close button:after{content:"";display:block;position:absolute;top:50%;left:50%;width:22px;height:2px;background-color:#a2a2a2;margin:-1px 0 0 -11px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.layer_apply_nvpass .btn_close.pass_type_nm button:before, .layer_apply_nvpass .btn_close.pass_type_nm button:after{background-color:#464646;}
.layer_apply_nvpass .btn_close button:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.ly_apply_nvpass .appl_nvpass_hgroup{padding:30px 20px 20px;border-radius:10px 10px 0 0;border-bottom:2px solid #e1e4e5;}
.ly_apply_nvpass.nobdrad .appl_nvpass_hgroup{padding-left:0;padding-right:0;}
.ly_apply_nvpass .appl_nvpass_hgroup.pass_type_nm{padding-top:28px;background-color:#97bd4d;border-color:#97bd4d;}
.ly_apply_nvpass h2{font-size:23px;color:#464646;}
.ly_apply_nvpass .pass_type_nm h2{font-size:29px;}
.ly_apply_nvpass h2 img{margin-right:12px;}
.ly_apply_nvpass h2 strong{font-weight:800;color:#97bd4d;}
.ly_apply_nvpass .nvpass_advantages{padding:28px 20px;color:#464646;}
.ly_apply_nvpass .nvpass_advantages_ext{position:relative;border:2px solid #cee0ab;}
.ly_apply_nvpass .nvpass_advantages_ext .title{position:absolute;bottom:100%;left:0;display:inline-block;padding:0 5px;background-color:#fff;font-size:20px;font-weight:500;color:#97bd4d;margin-left:27px;-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-o-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);}
.ly_apply_nvpass .nvpass_advantages ul{text-align:left;}
.ly_apply_nvpass .nvpass_advantages li{position:relative;padding-left:35px;line-height:1.35;font-size:18px;word-break:keep-all;word-wrap:break-word;margin-top:8px;}
.ly_apply_nvpass .nvpass_advantages li:first-child{margin-top:0;}
.ly_apply_nvpass .nvpass_advantages li::before{content:"";display:block;position:absolute;top:0;left:0;width:24px;height:24px;background:url("https://cdn.metoon.co.kr/img/menv/ico_achtung_green.png") no-repeat center;background-size:100%;}
.ly_apply_nvpass .nvpass_advantages .b_pdr{padding-right:10px;}
.ly_apply_nvpass .nvpass_advantages .ico_badge{vertical-align:bottom;margin-left:2px;}
.ly_apply_nvpass .nvpass_advantages b + .ico_badge{margin-left:5px;}
.ly_apply_nvpass .nvpass_advantages button{display:inline-block;padding:2px 10px 2px;border-radius:4px;border:1px solid #9ec159;font-size:10px;color:#9ec159;vertical-align:2px;transition:all 0.2s;}
.ly_apply_nvpass .nvpass_advantages button.bco_bk{border-color:#464646;color:#464646;}
.ly_apply_nvpass .nvpass_price_area{padding:10px 20px;border-top:1px solid #ccc;font-size:25px;color:#464646;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.ly_apply_nvpass .nvpass_price_area ins{position:relative;display:inline-block;padding:0 40px 0 7px;font-size:0.72em;margin-right:22px;vertical-align:middle;margin-top:2px;}
.ly_apply_nvpass .nvpass_price_area ins::before, .ly_apply_nvpass .nvpass_price_area ins::after{content:"";display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.ly_apply_nvpass .nvpass_price_area ins::before{left:0;width:100%;height:1px;background-color:#d60000;}
.ly_apply_nvpass .nvpass_price_area ins::after{right:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #d60000;}
.ly_apply_nvpass .nvpass_price_area strong{font-weight:800;}
.ly_apply_nvpass .nvpass_price_area ins + strong{vertical-align:middle;}
.ly_apply_nvpass .price_sec em{font-size:1.32em;}
.ly_apply_nvpass .price_sec .co_red{color:#e52222;}
.ly_apply_nvpass .nvpass_appl_form{border-top:1px solid #ccc;padding:24px 15px 18px;}
.ly_apply_nvpass .appl_form_ttl{font-size:19px;font-weight:700;}
.ly_apply_nvpass .appl_method{margin-top:10px;}
.ly_apply_nvpass .appl_method::after{content:"";display:block;clear:both;}
.ly_apply_nvpass .appl_method li{float:left;width:50%;padding:5px;}
.ly_apply_nvpass .appl_method a, .ly_apply_nvpass .appl_method button{position:relative;display:block;width:100%;border:1px solid #a0a0a0;height:56px;line-height:54px;font-size:0;color:inherit;background-repeat:no-repeat;background-position:center;}
.ly_apply_nvpass .appl_method .not_act a, .ly_apply_nvpass .appl_method .not_act button{filter:grayscale(1);opacity:0.5;cursor:default;}
.ly_apply_nvpass .appl_method a::before, .ly_apply_nvpass .appl_method button::before{content:"";display:block;position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;border:2px solid #e52222;opacity:0;margin:auto;transition:opacity 0.2s ease;}
.ly_apply_nvpass .appl_method .npay a::before{border-color:#00a42a;}
.ly_apply_nvpass .appl_method .kakaopay a::before{border-color:#dbbf00;}
.ly_apply_nvpass .appl_method li:not(.not_act) a:hover::before, .ly_apply_nvpass .appl_method li:not(.not_act) button:hover::before{opacity:1;}
.ly_apply_nvpass .appl_method img, .ly_apply_nvpass .appl_method img + span{vertical-align:middle;}
.ly_apply_nvpass .appl_method img + span{padding-left:8px;}
.ly_apply_nvpass .appl_method img{height:21px;}
.ly_apply_nvpass .appl_method span{font-size:16px;}
.ly_apply_nvpass .appl_method .npay a{background-color:#00cd34;border-color:#00a42a;background-image:url("https://cdn.metoon.co.kr/img/fulp_npay_logo.png");}
.ly_apply_nvpass .appl_method .kakaopay a{background-color:#ffdf00;border-color:#dbbf00;background-image:url("https://cdn.metoon.co.kr/img/fulp_kakao_logo.png");background-size:auto 21px;}
.ly_apply_nvpass .nvpass_appl_terms{padding:0 20px 30px;font-size:12.5px;color:#b1b1b1;text-align:left;}
.ly_apply_nvpass .terms_ttl{font-size:1.5em;font-weight:500;}
.ly_apply_nvpass .nvpass_appl_terms ul{margin-top:10px;}
.ly_apply_nvpass .nvpass_appl_terms li{position:relative;padding-left:8px;line-height:1.4;font-weight:300;margin-top:2px;}
.ly_apply_nvpass .nvpass_appl_terms li::before{content:"·";position:absolute;top:0;left:0;}

.nvpass_appl_signup{padding:34px 20px 20px;border-top:1px solid #ccc;}
.nvpass_signup_ttl{position:relative;padding:0 15px;font-size:19px;font-weight:500;color:#464646;text-align:center;}
.nvpass_signup_ttl .btn_close_signup{display:block;position:absolute;top:50%;right:0;width:15px;height:15px;margin-top:-8px;}
.nvpass_signup_ttl .btn_close_signup::before, .nvpass_signup_ttl .btn_close_signup::after{content:"";display:block;position:absolute;top:50%;left:50%;width:20px;height:1px;background-color:#a1a1a1;-webkit-transform:translate(-50%, -50%) rotate(45deg);-moz-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);-o-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg);}
.nvpass_signup_ttl .btn_close_signup::after{-webkit-transform:translate(-50%, -50%) rotate(-45deg);-moz-transform:translate(-50%, -50%) rotate(-45deg);-ms-transform:translate(-50%, -50%) rotate(-45deg);-o-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg);}

.nvpass_signup_select{text-align:center;margin-top:15px;margin-bottom:35px;}
.nvpass_signup_select .sns_list{font-size:0;}
.nvpass_signup_select .sns_list li{position:relative;display:inline-block;padding:15px 20px 0;vertical-align:middle;}
.nvpass_signup_select .sns_list a{display:block;}
.nvpass_signup_select .sns_list img{display:block;max-width:100%;margin:0 auto;}
.nvpass_signup_select .btn_signup_mail{display:block;width:100%;max-width:280px;height:54px;line-height:50px;border-radius:27px;padding:0 20px;background-color:#fff;border:2px solid #e1e4e5;font-size:19px;color:#464646;margin:36px auto 0;transition:all 0.2s;}

.nvpass_signup_agree{display:-webkit-flex;display:-moz-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap;padding-top:5px;}
.nvpass_signup_agree li{display:inline-block;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;align-items:center;padding:5px;font-size:13px;color:#a7a7a7;}
.nvpass_signup_agree input{margin:1px 0 0 0;border-color:#a7a7a7;cursor:pointer;}
.nvpass_signup_agree input + label{display:inline-block;cursor:pointer;margin-left:6px;}
.nvpass_signup_agree a{display:inline-block;color:inherit;margin-left:4px;}
.nvpass_signup_agree a:hover{text-decoration:underline;}

.nvpass_signup_mail{margin-top:15px;}
.nvpass_signup_mail .signup_mail_sec + .signup_mail_sec{margin-top:15px;}
.nvpass_signup_mail .mail_sec_name{display:block;font-size:18px;color:#464646;text-align:left;margin-bottom:8px;}
.nvpass_signup_mail input[type="text"], .nvpass_signup_mail input[type="password"]{display:block;width:100%;height:54px;padding:0 15px;background-color:#f1f3f4;}
.nvpass_signup_mail input::placeholder{font-weight:300;color:#b2b2b2;}
.nvpass_signup_mail .inp_sec_leng2{display:-webkit-flex;display:-moz-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;}
.nvpass_signup_mail .inp_sec_leng2 input[type="password"]{width:-webkit-calc((100% - 7px) / 2);width:-moz-calc((100% - 7px) / 2);width:calc((100% - 7px) / 2);}
.ly_apply_nvpass .nvpass_signup_mail .appl_method{margin-top:19px;}

@media all and (min-width:1000px){
	.layer_apply_nvpass .layer_vert_item::-webkit-scrollbar{width:7px;background-color:rgba(0, 0, 0, 0.1);}
	.layer_apply_nvpass .layer_vert_item::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.15);}
	.nvpass_signup_select .btn_signup_mail:hover{background-color:#9fcd47;border-color:#9fcd47;color:#fff;text-shadow:0 0 3px rgba(0, 0, 0, 0.3);}
}
@media all and (min-width:580px){
	.layer_apply_nvpass.nobdrad .layer_vert_item{max-height:95%;padding:0 30px;}
	.layer_apply_nvpass.nobdrad .btn_close{margin-right:0;}
	.ly_apply_nvpass .nvpass_advantages{padding-left:48px;padding-right:48px;}
	.ly_apply_nvpass .nvpass_advantages_ext{padding:32px 32px 26px;margin-top:9px;}
	.ly_apply_nvpass .nvpass_advantages_ext + .appl_form_ttl{margin-top:26px;}
	.ly_apply_nvpass .nvpass_advantages button:not(.bco_bk):hover{background-color:#9ec159;color:#fff;text-shadow:0 0 2px rgba(0, 0, 0, 0.3);}
	.ly_apply_nvpass .nvpass_advantages button.bco_bk:hover{background-color:#464646;color:#fff;}
	.ly_apply_nvpass .nvpass_price_area{padding-left:50px;padding-right:50px;}
	.nvpass_signup_agree li{-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex:1 1 50%;-moz-flex:1 1 50%;flex:1 1 50%;}
}

@media all and (max-width:579px){
	.layer_apply_nvpass .layer_vert_item{overflow-y:overlay;}
	.ly_apply_nvpass .appl_nvpass_hgroup, .ly_apply_nvpass .appl_nvpass_hgroup.pass_type_nm{padding:20px 15px 15px;}
	.ly_apply_nvpass .appl_nvpass_hgroup.pass_type_nm{padding-top:17px;padding-bottom:13px;}
	.ly_apply_nvpass .pass_type_nm h2{font-size:22px;}
	.ly_apply_nvpass .pass_type_trial h2 img{display:block;height:15px;margin:0 auto;}
	.ly_apply_nvpass .pass_type_nm h2 img{height:16px;margin-right:6px;}
	.ly_apply_nvpass .pass_type_trial h2 span{display:block;margin-top:6px;}
	.ly_apply_nvpass .pass_type_nm h2 span{/* margin-top:4px; */}
	.ly_apply_nvpass .nvpass_advantages{padding:20px 25px 20px}
	.ly_apply_nvpass .nvpass_advantages li{padding-left:18px;font-size:15px;margin-top:4px;}
	.ly_apply_nvpass .nvpass_advantages li::before{width:12px;height:12px;margin-top:4px;}
	.ly_apply_nvpass .nvpass_advantages .ico_badge{min-width:16px;width:16px;height:16px;vertical-align:-2px;}
	.ly_apply_nvpass .nvpass_advantages .b_pdr{padding-right:6px;}
	.ly_apply_nvpass .nvpass_advantages_ext{margin-top:5px;}
	.ly_apply_nvpass .nvpass_advantages_ext + .appl_form_ttl{margin-top:22px;}
	.ly_apply_nvpass .nvpass_price_area{font-size:20px;}
	.ly_apply_nvpass .nvpass_price_area ins{padding-right:16px;margin-right:10px;}
	.ly_apply_nvpass .nvpass_price_area ins::after{border-top-width:6px;border-bottom-width:6px;border-left-width:10px;}
	.ly_apply_nvpass .nvpass_appl_form{padding:30px 10px 18px;}
	.ly_apply_nvpass .appl_method a, .ly_apply_nvpass .appl_method button{height:50px;line-height:48px;}
	.ly_apply_nvpass .appl_method span{font-size:14px;}
	.ly_apply_nvpass .appl_method img + span{padding-left:6px;}
	.ly_apply_nvpass .appl_method .npay a{background-size:auto 18px;}
	.ly_apply_nvpass .appl_method .kakaopay a{background-size:auto 16px;}
	.nvpass_signup_select{margin-bottom:18px;}
	.nvpass_signup_select .sns_list li{padding:10px 10px 0;}
	.nvpass_signup_select .sns_list a{width:46px;}
	.nvpass_signup_select .btn_signup_mail{margin-top:30px;}
	.nvpass_signup_agree{gap:0 5px;}
	.nvpass_signup_agree li{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap;}
	.nvpass_signup_agree input + label{margin-left:4px;}
}