@import"/css/global/sass_module/_font.scss";html *{font-family:"Pretendard",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",helvetica,sans-serif}html[lang=en] *,body.en_US *{font-family:Arial,Helvetica,verdana,sans-serif !important}html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,a,address,em,img,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,footer,frm-header,hgroup,menu,#frm-header,section,summary,video{border:0;font-size:100%;margin:0;padding:0;vertical-align:middle}article,aside,details,figcaption,figure,footer,hgroup,menu,section{display:block}body{font-family:"Pretendard",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",helvetica,sans-serif;font-size:12px;line-height:1.2}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}a{color:inherit;font-family:inherit;font-weight:normal;text-decoration:none}a:active,a:visited,a:hover{outline:none;text-decoration:none}button{background:none;border:0 none;color:inherit;cursor:pointer;font-size:inherit;outline:none}img{max-width:100%}.blind{display:block;position:absolute;top:-9999em;left:-9999em;height:.1rem;overflow:hidden;width:.1rem}fieldset{border:0 none !important}em{font-style:normal}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}select::-ms-expand{display:none}*{outline:none}#wrap{overflow:hidden}#frm-header{background:#0a60f0}#frm-header .inner{margin:0 auto;padding:25px 0}#frm-header .inner .logo a{display:block;background:url(/images/svg/soop_logo_dark.svg) 0 0 no-repeat;width:89px;height:49px;margin:0 auto;font:0/0 a}#frm-header .inner h2{margin:30px 0;margin:15px 0;color:#fff;letter-spacing:-0.8px;text-align:center;font-size:30px}#frm-header .inner h2 span{font-weight:normal;vertical-align:text-bottom}#frm-header .inner p{color:#a2bdff;line-height:1.4;letter-spacing:-1px;text-align:center;font-size:13px}#container .inner{width:768px;margin:25px auto 0;padding:0 15px;box-sizing:border-box}#container .inner>ul>li{position:relative;margin-bottom:15px}#container .inner>ul>li h3{margin-bottom:7px;color:#444;letter-spacing:-0.8px;font-size:14px;font-weight:normal}#container .inner>ul>li h3 label{font-size:14px}#container .inner>ul>li h3 label:after{content:"*";display:inline-block;*display:inline;zoom:1;margin-left:5px;color:#f7155a}#container .inner>ul>li h3 span.sub_text{display:block;margin-top:5px;padding-left:15px;line-height:1.4;font-size:13px}#container .inner>ul>li>div{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}#container .inner>ul>li>div.textareaBox{height:109px}#container .inner>ul>li>div.borderNone{border:none}#container .inner>ul>li input{width:100%;height:29px;border:none;box-sizing:border-box;font-size:13px}#container .inner>ul>li textarea{width:100%;height:100%;padding:3%;border:none;box-sizing:border-box;font-size:13px}#container .inner>ul>li .addText{float:right;margin-top:5px;color:#8f8f8f;letter-spacing:-1px;font-size:12px}#container .inner>ul>li input{width:100%;height:30px;padding:0;border:solid 1px #bbb;border-radius:5px;text-indent:18px;font-family:inherit;font-size:13px}#container .inner>ul>li input:focus{border:solid 1px #2e6afd}#container .inner>ul>li textarea{width:100%;height:100%;padding:0;padding:15px;border:solid 1px #bbb;border-radius:5px;font-family:inherit;font-size:13px;resize:none}#container .inner>ul>li textarea:focus{border:solid 1px #2e6afd}#container .inner>ul>li .byte{display:block;margin-top:5px;color:#8f8f8f;text-align:right;font-size:12px;font-weight:700}#container .inner>ul>li .byte strong{color:#2e6afd;vertical-align:top;font-weight:700}#container .inner>ul>li .selectBox{position:relative;width:auto;height:29px;padding:0;border:solid 1px #bbb;border-radius:5px;text-indent:18px;font-size:26px;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}#container .inner>ul>li .selectBox select{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 10px;border:none;border-radius:5px;font-size:13px;outline:#2e6afd;-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-border-radius:5px;color:#666}#container .inner>ul>li .selectBox select:focus{border:solid 1px #2e6afd}#container .inner>ul>li .selectBox select option{outline:none}#container .inner>ul>li .selectBox:after{content:"";display:inline-block;*display:inline;position:absolute;top:50%;right:20px;background:url(/afevent/template/form/images/sp_form.png) -162px 0 no-repeat;width:14px;height:8px;margin-top:-4px}#container .inner .tellCheckBox{margin:0 auto 35px}#container .inner .tellCheckBox h3{margin-bottom:15px;color:#444;letter-spacing:-0.8px;font-size:14px;font-weight:normal}#container .inner .tellCheckBox .infoText{position:relative}#container .inner .tellCheckBox .infoText p{color:#8f8f8f;font-size:13px}#container .inner .tellCheckBox .infoText .btn_check{display:block;position:absolute;top:-10px;right:10px;background:#ababab;width:80px;height:31px;border-radius:5px;color:#fff;line-height:31px;letter-spacing:-1.2px;text-align:center;font-size:13px}#container .inner .tellCheckBox .infoText .btn_check.btn_check2{background-color:#2e6afd}#container .inner .tellCheckBox .agreeBox{margin-top:25px}#container .inner .tellCheckBox .agreeBox dl{background:#f5f5f5;padding:20px}#container .inner .tellCheckBox .agreeBox dl dt{margin-bottom:15px;color:#626262;font-size:15px}#container .inner .tellCheckBox .agreeBox dl dd{color:#858585;line-height:1.4;letter-spacing:-0.8px;font-size:13px}#container .inner .tellCheckBox .agreeBox>div{margin-top:15px}#container .inner .tellCheckBox .agreeBox>div label{color:#404040;font-size:13px;vertical-align:middle}#container .inner .btnBox{zoom:1}#container .inner .btnBox:after{content:"";display:block;clear:both}#container .inner .btnBox button{float:left;background:#0055e5;width:48.75%;height:37px;padding:0;border:solid 1px #0055e5;border-radius:5px;color:#fff;text-align:center;font-size:12px}#container .inner .btnBox button.cancel{float:right;background:#fff;border:solid 1px #d0d0d0;color:#ababab}#footer{padding:25px 0;color:#939393;text-align:center;font-size:12px}input[type=checkbox]{display:none}input[type=checkbox]+label span{display:inline-block;*display:inline;background:url(/afevent/template/form/images/sp_check.png) 0 0 no-repeat;background-size:100%;width:19px;height:19px;cursor:pointer;vertical-align:middle}input[type=checkbox]:checked+label span{background:url(/afevent/template/form/images/sp_check.png) 0 100% no-repeat;background-size:100%}input[type=radio]{display:none}input[type=radio]+label{padding-right:10px;color:#000;font-size:13px}input[type=radio]+label:after{display:none !important}input[type=radio]+label span{display:inline-block;*display:inline;background:url(/afevent/template/form/images/sp_radio.png) 0 0 no-repeat;background-size:100%;width:20px;height:20px;margin-right:5px;cursor:pointer;vertical-align:-6px}input[type=radio]:checked+label span{background:url(/afevent/template/form/images/sp_radio.png) 0 100% no-repeat;background-size:100%}input[type=radio]:checked+label+input{visibility:visible}input[type=radio].type2{display:none}input[type=radio].type2+label{color:#000}input[type=radio].type2+label:after{display:none !important}input[type=radio].type2+label span{display:inline-block;*display:inline;background:url(/afevent/template/form/images/sp_radio2.png) 0 0 no-repeat;background-size:100%;width:20px;height:20px;cursor:pointer;vertical-align:-6px}input[type=radio].type2:checked+label span{background:url(/afevent/template/form/images/sp_radio2.png) 0 100% no-repeat;background-size:100%}@media screen and (max-width: 768px){#container .inner{width:100%}#container .inner>ul>li .addText{float:left;width:100%;margin-bottom:5px}#container .inner .tellCheckBox .infoText p{width:65%}#container .inner .tellCheckBox .infoText p br{display:none}#container .inner .tellCheckBox .infoText .btn_check{top:50%;transform:translateY(-50%)}}.add_bj{display:inline-block;*display:inline;width:50% !important;margin-top:5px;visibility:hidden}#footer{width:100%;min-width:960px;margin:0 auto;margin-top:57px;padding:25px 25px;border-top:1px solid rgba(117,123,138,.2);box-sizing:border-box;line-height:1.2;text-align:center}#footer .blind{display:block;overflow:hidden;position:absolute;top:-9999em;left:-9999em;width:0;height:0;line-height:0;text-indent:-9999em;font-size:0}#footer ul.f_list{display:flex;position:relative;margin:0;padding:0;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 8px}#footer ul.f_list li{position:relative;line-height:18px}#footer ul.f_list li::after{display:none}#footer ul.f_list li a{color:#525661;letter-spacing:-0.5px;font-size:13px;text-decoration:none}#footer .adr{display:flex;padding-top:12px;color:#acb0b9;line-height:18px;font-size:12px;font-weight:normal;justify-content:center;flex-wrap:wrap}#footer .adr span{position:relative;margin-left:8px;padding-left:8px;font-size:12px}#footer .adr span:after{content:"";position:absolute;top:4px;left:0;background:#acb0b9;width:1px;height:10px}#footer .adr span a{color:inherit}#footer .adr div{display:flex;width:100%;color:#acb0b9;font-size:12px;justify-content:center;flex-wrap:wrap}#footer .adr address{font-style:normal}#footer .copyright{padding:15px 0 30px;color:#525661;font-size:12px;font-weight:600}#footer .familysite{min-width:107px;height:100%;padding:0;font-size:12px}#footer .familysite #familylBtn{display:flex;position:relative;width:100%;height:100%;padding:0 7px;border:1px solid #d5d7dc;border-radius:6px;box-sizing:border-box;color:#757b8a;line-height:30px;font-size:12px;justify-content:center;align-items:center}#footer .familysite #familylBtn:after{content:"";display:block;background-size:11px 7px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 11 7'%3e%3cpath stroke='%23ACB0B9' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m10 1.234-4.5 4.5-4.5-4.5'/%3e%3c/svg%3e");background-position:50% 50%;background-repeat:no-repeat;width:20px;height:20px;margin-left:5px;transition:all .2s}#footer .familysite .flayer{position:absolute;left:50%;bottom:38px;background:#fff;width:-moz-fit-content;width:fit-content;min-width:100%;padding:6px 0;border:1px solid rgba(0,0,0,0);border-color:rgba(117,123,138,.2);border-radius:12px;z-index:9999;opacity:0;visibility:hidden;transform:translateX(-50%);box-shadow:0 0 8px 0 rgba(0,0,0,.04),0 4px 12px 0 rgba(0,0,0,.12);transition:all .2s}#footer .familysite .flayer ul{display:block}#footer .familysite .flayer ul li.on a{color:#0182ff !important}#footer .familysite .flayer ul li a{display:block;width:100%;height:36px;padding:0 10px;box-sizing:border-box;color:#525661;line-height:36px;text-align:left;font-size:14px;transition:all .2s}#footer .familysite .flayer ul li a:hover{background:#f2f2f4;color:#17191c}#footer .familysite .flayer ul li a:active{background:rgba(0,0,0,0) !important;color:#0182ff}#footer .familysite.on .flayer{opacity:1;visibility:visible}#footer .familysite.on #familylBtn::after{transform:rotate(180deg)}#footer.payment{padding:28px 18px 32px}#footer.payment .footer_inner{text-align:center}#footer.payment .footer_inner>span{display:block;color:#757b8a;line-height:1.4;font-size:12px}#footer.payment .footer_inner>span a{color:#757b8a}#footer.payment .footer_inner>span address{font-style:normal}#footer.payment .footer_inner>span>em{margin-right:12px}#footer.payment .footer_inner .rule{display:flex;padding-top:13px;flex-wrap:wrap;align-items:center;justify-content:center}#footer.payment .footer_inner .rule li{margin-right:13px}#footer.payment .footer_inner .rule li:last-of-type{margin-right:0}#footer.payment .footer_inner .rule li a{display:block;color:#525661;line-height:1.4;font-size:12px;font-weight:500}#footer.payment .footer_inner .copyright{padding:13px 0 0 0;color:#525661;line-height:1.4;font-size:12px}#footer .global_lang{display:none}.helloSoop_form #frm-header{background:#222}.helloSoop_form #frm-header .inner{padding:35px 0 40px}.helloSoop_form #frm-header .inner h2{margin:4px 0 10px;font-weight:500}.helloSoop_form #frm-header .inner .logo a{background-size:100% 100%;width:137px;height:67px}.helloSoop_form #frm-header .inner p{font-size:16px;color:rgba(211,211,211,.8)}.helloSoop_form #footer{min-width:auto}/*# sourceMappingURL=form.css.map */