:root{
    --main-color:#5e44cb;
}
body {font-family: "Pretendard Variable";}
img {max-width:100%; max-height:100%;}
#sidetab, #mobilefix {display:none !important;}
.textAlignL {text-align: left !important;}
.textAlignC {text-align: center !important;}
.textAlignR {text-align: right !important;}
.sectionWrap { max-width: 1200px; margin: auto;}
.textBold {font-weight: 700; color:var(--page-color);}
a[href=""]{display:none;}


.main_img_wrap {width:100vw; max-width:1200px; height:138.41667vw; max-height:1661px; position:relative; padding: 39px 45px;
    background-image: url(https://onyouimage.cafe24.com/model/z8/tplus/everkick_bg.jpg); background-repeat: no-repeat; background-size: contain; }
.main_topIcon {width:4.08333vw; max-width:49px; height:4.41667vw; max-height:53px;}
.everkickLogo_wrap {text-align:center; margin-top:31px;}
.main_topLogo {width:39.66667vw; max-width:476px; height:5.41667vw; max-height:65px;}
.promoInfoWrap { text-align: center; margin-top:28px;}
.promoInfoTitle { font-size: 91px; font-weight: 700; line-height: 1.3;}
.promoItemWrap {line-height: 1; margin-top: 25px; font-size:42px;}
.promoItemName { position:relative; }
.promoItemName + .promoItemName:before { content: ""; display: inline-block; margin: 0 23px; height: 2.41667vw; max-height: 29px; width: 2px; background: #343434;}
.promoInfoText {margin-top:24px; font-size: 44px;}
.promoItemImg {display:inline-block; margin-top:35px; height:47.25vw; max-height:669px; width:55.75vw; max-width:437px; object-fit: contain;}
.promoDateWrap {display:flex; flex-direction:column; background:#fff; margin-top:34px; padding:50px 172px; gap:15px; border-radius: 20px;}
.promoDateRow {display:flex; gap:25px; align-items:center;}
.promoDateTitle {width:23.33333vw; max-width:280px; line-height:1; text-align: center; color: #fff; background:#000; padding: 12px 0; font-size: 32px; border-radius: 30px; font-weight: 400;}
.promoDateContent { font-size: 36px; font-weight: 500;}
.promoDateSub { color: #919191; font-size: 25px; font-weight: 500; line-height:1; margin-top:13px; white-space: nowrap; box-shadow: 0px 0px 10px #0000000d;}

.dualInputRow {display:flex; align-items: center; gap:12px;}

.skbInternetForm {background:#f4f4f4; padding:60px 69px 188px; font-size:38px; font-family: "Pretendard Variable"; font-weight: 500;}
.inputFormBoxWrap {padding: 73px 70px 22px; border:1px solid #e3e3e3; background:#fff; margin-top:60px; border-radius: 25px;}
.viewOtherPhoneLabel { display: flex; align-items: center; gap: 4px; font-size: 0.85em; font-weight: 500;}
.view_other_phone {width:2.08333vw; max-width:25px; height:2.08333vw; max-height:25px; accent-color:var(--main-color); }
.inputFormItem {padding:0;}
.inputFormTitle { margin-bottom: 28px;}
.radioCheckLabel {display:flex; align-items: center; width:0; flex-grow:1; gap:13px; border:2px solid #e3e3e3; height:8vw; max-height:96px; padding:0 38px; border-radius: 20px; font-weight: 500; font-size: .9em; cursor:pointer;}
.radioCheckLabel.active {border-color:var(--main-color);}
.dataFormInput[type="text"] {border:2px solid #e3e3e3; height:8vw; max-height:96px; padding:0 38px;}
.dataFormInput[type="text"]:focus {border-color:var(--main-color);}
.dataFormInput[type="radio"] {width:2.75vw; max-width:33px; height:2.75vw; max-height:33px; accent-color:var(--main-color);}
.teamname_notice {font-size:.75em; margin-top:5px; padding-left:28px; color:#666;}
.dualInputRow .customSelectWrap {width:0; flex-grow:1;}
.customSelectWrap + .customSelectWrap {margin-top:17px;}
.dualInputRow .customSelectWrap + .customSelectWrap {margin:0;}
.customSelectorTextWrap {padding:2px; background: #e3e3e3; height:8vw; max-height:96px;}
.customSelectWrap.active .customSelectorTextWrap {background:var(--main-color); }
.customSelectorText {border-radius:18px;}
.customSelectorText:after {width:2.08333vw; max-width:25px; height:1.25vw; max-height:15px;}
.customSelectList { border: 2px solid #bdb2ea; border-radius:20px; max-height: 460px;}
.customSelectList li {height:7.66667vw; max-height:92px; padding:0 45px;}
.customSelectList li + li {border-color:#bdb2ea;}

.inputAgreeCheck {display:flex; gap:17px; align-items: center;}
.inputAgreeCheck .dataFormInput {width:3vw; max-width:36px; height:3vw; max-height:36px; accent-color:var(--main-color);}
.inputAgreeCheck input[type="checkbox"] + span {font-size:31px;}
.inputAgreeCheck input[type="checkbox"] + span:before {display:none;}
.popAgree .s26formTitle {border:none; padding-bottom: 50px;}
.popAgree.active .agreeList {margin-top:0;}
.bottomFixBtnWrap {margin: 0; max-width: unset; width: 100%; max-width:1200px; height: 11.58333vw; max-height:139px; position: fixed; left: calc(50% - 600px); bottom: 0; border-radius: 0; cursor:pointer; z-index:1;}
#form_submit { margin: 0; width: 100%; max-width:1200px; padding: 0; border-radius: 0; }
#form_submit:active {top:unset;}
.formSubmitArrow {position:absolute; width:2.08333vw; max-width: 25px; height:3.33333vw; max-height: 40px; top: calc(50% - 20px); right: 41px; }

.layerPopupContent {width:86.66667vw; max-width:1040px; height: auto; max-height: 100%;}
.layerPopupContent[data-type="apply"] .layerPopupItem {padding: 135px 60px 73px; gap:17px;}
#layerPopupClose {width:2.83333vw; max-width:34px; height:2.83333vw; max-height:34px; top:40px; right:40px;}
#layerPopupClose:active {top:41px;}
.applyDoneTitle {font-weight: 700; font-size: 68px; letter-spacing: -1px;}
.applyDoneText {font-size: 34px; line-height: 1.4; font-weight: 400; color: #111; display: flex; flex-grow: 1; align-items: center; padding:24px 0; }
.applyDoneFriend {background:var(--main-color); display: flex; color: #fff; width: 100%; height: 10vw; max-height: 120px; 
    align-items: center; justify-content: center; border-radius: 16px; font-size: 50px; position: relative; cursor: pointer; font-weight: 600; }
.applyDoneFriend:active {top:1px;}
.applyDoneFriend:hover {color:#fff;}
.applyDoneBtnArrow { position: absolute; width:2.08333vw; max-width: 25px; height:3.33333vw; max-height: 40px; top: calc(50% - 20px); right: 41px; }
.applyFriendInfo { width: 100%; border: 2px solid #dddddd; background: #f4f4f4; padding: 39px 148px; border-radius: 16px; font-size:31px; line-height:1;}
.applyFriendRowWrap {padding:0 30px;}
.applyFriendRow {display:flex; gap:33px; text-align:left; white-space: nowrap;}
.applyFriendRow + .applyFriendRow {margin-top:18px;}
.applyFriendTitle {font-weight:800;}
.kakaoChatBtn { display: flex; flex-direction:column; justify-content: space-between; flex-grow: 1; gap:5px;}
.kakaoChatBtn:hover{color:inherit;}
.kakaoBtnImgWrap {display:inline-block; max-width: 268px; width: 22.3333vw;}
.applyTelRow {display:flex; flex-direction: column; padding-top: 26px; margin-top: 18px; border-top: 2px solid #dddddd; }
.callPhoneIcon {width:2.08333vw; max-width:25px; height:2.5vw; max-height:30px; margin-right:10px;}
.applyTelTitle { font-weight: 700;}
.applyTelList {font-weight: 600; padding: 11px 0 23px; display: flex; flex-direction: column; gap: 5px;}
.applyTelSub { color: #777777; font-weight: 500; font-size: 0.75em;}


@media screen and (max-width:1200px){
    .main_img_wrap {padding:3.25vw 3.75vw;}
    .everkickLogo_wrap { margin-top:2.58333vw;}
    .promoInfoWrap { margin-top:2.33333px;}
    .promoInfoTitle { font-size: 7.58333vw; }
    .promoItemWrap {margin-top: 2.08333vw; font-size:3.5vw;}
    .promoItemName + .promoItemName:before { margin: 0 1.91667vw; width: 0.16667vw;}
    .promoInfoText {margin-top:2vw; font-size: 3.66667vw;}
    .promoItemImg {margin-top:2.91667vw;}
    .promoDateWrap {margin-top:2.83333vw; padding:4.16667vw 14.33333vw; gap:1.25vw; border-radius:1.66667vw; }
    .promoDateRow {gap:2.08333vw;}
    .promoDateTitle {padding:1vw 0; font-size: 2.66667vw; border-radius: 2.5vw;}
    .promoDateContent {font-size:3vw;}
    .promoDateSub {font-size:2.08333vw; margin-top:1.08333vw;}
    
    .dualInputRow { gap:1vw;}
    .skbInternetForm {padding:5vw 5.75vw 15.66667vw; font-size:3.16667vw; }
    .inputFormBoxWrap {padding: 6.08333vw 5.83333vw 1.83333vw; margin-top:5vw; border-radius: 2.08333vw;}
    .viewOtherPhoneLabel {gap:0.3333vw;}
    .inputFormTitle { margin-bottom: 2.33333vw;}
    .radioCheckLabel { gap:1.08333vw; border-width:0.16667vw; padding:0 3.16667vw; border-radius: 1.66667vw;}
    .dataFormInput[type="text"] {border-width:0.16667vw; padding:0 3.16667vw;}
    .teamname_notice {padding-left:2.33333vw;}
    .customSelectWrap + .customSelectWrap {margin-top:1.41667vw;}
    .customSelectorTextWrap {padding:0.16667vw;}
    .customSelectorText {border-radius:1.5vw;}
    .customSelectList { border-width: 0.16667vw; border-radius:1.66667vw; max-height: 38.33333vw;}
    .customSelectList li { padding:0 3.75vw;}

    .inputAgreeCheck {gap:1.41667vw;}
    .inputAgreeCheck input[type="checkbox"] + span {font-size:2.58333vw;}
    .popAgree .s26formTitle { padding-bottom: 4.16667vw;}
    .bottomFixBtnWrap{left:0;}
    #form_submit { font-size: 4.16667vw; left:0;}
    .formSubmitArrow { top: calc(50% - 1.66667vw); right: 3.41667vw; }

    .layerPopupContent[data-type="apply"] .layerPopupItem {padding: 11.25vw 6vw 6.08333vw; gap:1.41667vw;}
    #layerPopupClose { top:3.33333vw; right:3.33333vw; }
    #layerPopupClose:active {top:calc(3.33333vw + 1px);}
    .applyDoneTitle { font-size: 5.66667vw; }
    .applyDoneText {font-size: 2vw; padding:2.75vw 0; }
    .applyDoneFriend { border-radius: 1.33333vw; font-size: 4.16667vw; }
    .applyDoneBtnArrow { top: calc(50% - 1.66667vw); right: 3.41667vw; }
    .applyFriendInfo { padding: 3.25vw 12.33333vw; border-width:0.16667vw; border-radius: 1.33333vw; font-size:2.58333vw;}
    .applyFriendRowWrap {padding:0 2.5vw;}
    .applyFriendRow { gap:2.75vw; }
    .applyFriendRow + .applyFriendRow {margin-top:1.5vw;}
    .applyTelRow {padding-top: 2.16667vw; margin-top: 1.5vw; border-width: 0.16667vw;}
    .callPhoneIcon {margin-right:0.83333vw;}
    .applyTelList {padding:0.91667vw 1.91667vw; gap:0.41667vw;}
}
@media screen and (max-width: 600px){
    .promoItemName + .promoItemName:before { width: 1px;}
    .radioCheckLabel { border-width:1px; }
    .dataFormInput[type="text"] {border-width:1px;}
    .customSelectorTextWrap {padding:1px;}
    .customSelectList { border-width: 1px;}
    .applyFriendInfo {border-width:1px;}
    .applyTelRow {border-width:1px;}
}