@charset "utf-8";
/* container */
#container.licenseConfirm, #container.infoInput, #container.hopeSchedule, #container.infoAdd, #container.termsAgree, #container.phoneCerification, #container.applyConfirm{padding: calc(17.7778vw + env(safe-area-inset-top)) 0 calc(46.6667vw + env(safe-area-inset-bottom))}

#container.applyComplete {width:100vw; position: relative;padding: calc(13.3333vw + env(safe-area-inset-top)) 0 calc(46.6667vw + env(safe-area-inset-bottom))}

#container.matchAcademy {padding: calc(13.3333vw + env(safe-area-inset-top)) 0 0; min-height: calc(100vh - calc(37.7778vw + env(safe-area-inset-bottom)));}

#container.matchComplete, #container.matchSchedule, #container.rePayment, #container.applyInfo {padding: calc(17.7778vw + env(safe-area-inset-top)) 0 0; min-height: calc(100vh - calc(37.7778vw + env(safe-area-inset-bottom)));}

#container.simplePass.on {padding: calc(13.3333vw + env(safe-area-inset-top)) 0 calc(105vw + env(safe-area-inset-bottom));}

/* container noHead*/
main.noHead #container.licenseConfirm, main.noHead #container.applyConfirm, main.noHead #container.infoInput, main.noHead #container.hopeSchedule, main.noHead #container.infoAdd, main.noHead #container.termsAgree, main.noHead #container.phoneCerification {padding: calc(4.4445vw + env(safe-area-inset-top)) 0 calc(46.6667vw + env(safe-area-inset-bottom)) !important;}

main.noHead #container.applyComplete {padding: calc(4.4445vw + env(safe-area-inset-top)) 0 calc(71.2223vw + env(safe-area-inset-bottom))}

main.noHead #container.matchComplete, main.noHead #container.matchSchedule, main.noHead #container.rePayment, main.noHead #container.applyInfo {padding: calc(4.4445vw + env(safe-area-inset-top)) 0 0 !important;}

#matchAcademy #footer, #matchComplete #footer, #matchSchedule #footer, #rePayment #footer, #applyInfo #footer{padding-bottom: calc(15.5556vw + env(safe-area-inset-bottom));}

/* infoInput */
.infoInput .addressView {position: relative; width: 100%; height: 8.3333vw; margin-top: 2.2222vw;}
.infoInput .addressView a {position: relative; display: block; font-size: 4.4444vw; color: #888; line-height: 8.3333vw; padding-left: 7.7778vw; padding-right: 8.3333vw;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.infoInput .addressView a:before {content:''; position: absolute; left: 0; top: 50%;transform: translateY(-50%); width: 6.6667vw; height: 6.6667vw; background: url(../img/common/icon_place.png) 0 0 no-repeat;background-size: 6.6667vw 6.6667vw;}
.infoInput .addressView a:after {content:''; position: absolute; right: 0; top: 50%;transform: translateY(-50%); width: 8.3333vw; height: 8.3333vw; background: url(../img/common/icon_reselect.png) 0 0 no-repeat;background-size: 8.3333vw 8.3333vw;}
.infoInput .addressView + p {display: block; margin-top: 4.4444vw; font-size: 3.8889vw; font-weight: 300; line-height: 4.7222vw; color: #888;}
.infoInput .addressView + .benefits {margin-top: 4.4444vw;}
.infoInput .addressView + .benefits .benefitsList {padding: 3vw 4.4444vw;}
.placePop .searchPlace .formInput {margin-bottom: 4.4444vw}
.placePop .searchPlace .formInput input {position: relative; padding-right: 22vw;}
.placePop .searchPlace .formInput .searchBtn {position: absolute; top: 50%; right: 2.2222vw; transform: translateY(-50%); width: 8.8889vw; height: 8.8889vw; background: url(../img/common/icon_search.png) 0 0 no-repeat; background-size: 8.8889vw 8.8889vw;}
.placePop .searchPlace .formInput .btnDel {right: 13.3333vw;}
.placePop .searchPlace .dateNoneWrap {padding: 11.1111vw 0 4.4444vw}
.placePop .resultPlace {margin-top: 3.3333vw;}
.placePop .resultPlace .result + .result {border-top: 0.2778vw solid #eee}
.placePop .resultPlace .result a {display: block; overflow: hidden; padding: 4.4444vw 0;}
.placePop .resultPlace .result a > p + p{margin-top: 2.2222vw}
.placePop .resultPlace .result .zipCode {font-size: 4.4444vw; font-weight: 600; color: #3B5094}
.placePop .resultPlace .result .address {float: left; line-height: 6.7568vw;}
.placePop .resultPlace .result .match {float: right; width: 17.2973vw; height: 6.7568vw; line-height: 6.4865vw; text-align: center; color: #3259d8; border: 0.2703vw solid #3259d8; border-radius: 1.0811vw;}
.placePop .resultPlace .result.impossible .address {color: #888}
.placePop .resultPlace .result.impossible .match {color: #888; border: 0.2703vw solid #888;}

.placePop .searchPlace .benefits .benefitsList {padding: 3vw 4.4444vw;}
/* infoAdd */
.infoAdd .stepWrap .formInput {margin-top: 4.4444vw}
.infoAdd .stepWrap.recommend .radioArea .roundRadio:nth-child(n+3) {margin-top: 2.2222vw}
.infoAdd .stepWrap.recommend .formInput input::placeholder {font-size: 3.8889vw;}
.infoAdd .Stitle {font-weight: 600;}

/* termsAgree */
.agreeWrap {margin-top: 11.1111vw}
.agreeWrap .allChk .formChkbox {display: block;min-height: 15.5556vw;padding: 4.1667vw 5.5556vw 4.1667vw 15.5556vw;border: 0.2778vw solid #eee;background-color: #fff;border-radius: 2.2222vw;}
.agreeWrap .allChk .formChkbox.on {border: 0.2778vw solid #3B5094}
.agreeWrap .allChk .formChkbox .icon {width: 6.6667vw;height: 6.6667vw;left: 4.4444vw;background:url(../img/common/icon_form_chk_circle.png) 0 0 no-repeat;background-size: 6.6667vw 6.6667vw;transition: .2s ease-in;}
.agreeWrap .allChk .formChkbox input[type='checkbox']:checked + .icon {background:url(../img/common/icon_form_chk_circle_b.png) 0 0 no-repeat; background-size: 6.6667vw 6.6667vw;}
.agreeWrap .allChk .formChkbox .icon:before {display: none;}
.agreeWrap .allChk .formChkbox .txt {font-size: 5.0000vw;font-weight: 600;color: #222;line-height: 6.6667vw;}
.agreeWrap .accordionList {margin-top: 2.2222vw; padding-left: 4.4444vw;}
.agreeWrap .accordionList > li {position: relative;padding: 4.4444vw 0;}
.agreeWrap .accordionList > li > dl > dt.on + dd {display: block;}
.agreeWrap .accordionList > li .agreeTit {position: relative;}
.agreeWrap .accordionList > li .agreeTit .formChkbox .icon {width: 6.6667vw;height: 6.6667vw;left: 0;background:url(../img/common/icon_form_chk_circle.png) 0 0 no-repeat;background-size: 6.6667vw 6.6667vw;transition: .2s ease-in;}
.agreeWrap .accordionList > li .agreeTit .formChkbox input[type='checkbox']:checked + .icon {background:url(../img/common/icon_form_chk_circle_b.png) 0 0 no-repeat; background-size: 6.6667vw 6.6667vw;}
.agreeWrap .accordionList > li .agreeTit .formChkbox .icon:before {display: none;}
.agreeWrap .accordionList > li .agreeTit .formChkbox .txt {font-size: 4.4444vw; color: #222; font-weight: 600;}
.agreeWrap .accordionList > li .agreeTit .pdfBtn {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-60%);background: url(../img/common/icon_gomatch.png) 0 0 no-repeat;background-size: 6.6667vw 6.6667vw;width: 6.6667vw;height: 6.6667vw;}
.agreeWrap .accordionList > li .agreeTit .trigger {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url(../img/common/icon_acd_open_24.png) 0 0 no-repeat;background-size: 6.6667vw 6.6667vw;width: 6.6667vw;height: 6.6667vw;transition: all .3s;}
.agreeWrap .accordionList > li .agreeTit .trigger.on {transform: translateY(-50%) rotate(-180deg);}
.agreeWrap .accordionList > li .target {display: none;}
.agreeWrap .accordionList .agreeCon > li {overflow: hidden; margin-top: 1.6667vw}
.agreeWrap .accordionList .agreeCon > li:first-child {margin-top: 3.3333vw}
.agreeWrap .accordionList .agreeCon > li .formChkbox .txt {font-size: 3.3333vw; color: #888; font-weight: 300;}
.agreeWrap .accordionList .agreeCon > li .formChkbox .icon {background:url(../img/common/icon_form_chk_s.png) 0 0 no-repeat;background-size: 6.6667vw 6.6667vw;}
.agreeWrap .accordionList .agreeCon > li .formChkbox .icon:before {background:url(../img/common/icon_form_chk_s_b.png) 0 0 no-repeat;background-size: 6.6667vw 6.6667vw;}
.agreeWrap .accordionList .agreeCon .termsBtn {float: right; width: 6.6667vw; height: 6.6667vw; background: url(../img/common/icon_arrow_info.png) 0 0 no-repeat;background-size: 6.6667vw 6.6667vw;}
.termsAgree .benefits {display: none;}

/* dateTimeWrap  */
.dateTimeWrap .dateTime {display: flex; position: relative; border-radius: 2.2222vw; border: 0.2778vw solid #eee; padding: 5.2778vw 4.4444vw 4.1667vw; margin-top: 4.4444vw}
.dateTimeWrap .dateTime + .dateTime {margin-top: 2.2222vw;}
.dateTimeWrap .dateTime .date {flex: 0 0 32.7778vw; width: 32.7778vw}
.dateTimeWrap .dateTime .date p {position: relative; font-weight: 600; padding-left: 8.8889vw}
.dateTimeWrap .dateTime .date p:before {content: '';position: absolute;width: 6.6667vw;height: 6.6667vw;background: url(../img/common/icon_calendar_bk.png) 0 0 no-repeat;background-size: 6.6667vw 6.6667vw;left: 0;top: 50%;transform: translateY(-50%);}
.dateTimeWrap .dateTime .time {flex: 1;}
.dateTimeWrap .dateTime .time dl {overflow: hidden;}
.dateTimeWrap .dateTime .time dl + dl {margin-top: 1.1111vw;}
.dateTimeWrap .dateTime .time dl dt {float: left; clear: both; font-weight: 300; color: #888;}
.dateTimeWrap .dateTime .time dl dd {float: left; clear: right; font-weight: 300; padding-left: 2.2222vw}
.dateTimeWrap .dateTime .btnEdit {position: absolute;width: 8.3333vw;height: 8.3333vw;background: url(../img/common/icon_reselect.png) 0 0 no-repeat;background-size: 8.3333vw 8.3333vw;right: 2.2222vw;top: 50%;transform: translateY(-50%);}

/* acaOpenTip */
.acaOpenTip{margin-top:6.6667vw;text-align:center;}
.acaOpenTip .acaOpen{display:inline-block;color:#3259D8;font-weight:600;text-decoration:underline;}

/* dateSelectLayer */
.dateSelectLayer .schCalender {margin-top: 13.3333vw}

/* timeLayer */
.timeLayer .inner {padding: 8.8889vw 0 13.3333vw}
.timeLayer .inner .LayerHead {margin: 0 4.4444vw}
.timeLayer .timeSelect .pm {margin-top: 11.1111vw;}
.timeLayer .timeSelect .timeList {width: 100%; height: 9vw; margin-top: 4.4444vw; padding: 0 4.4444vw; width: 100vw;}
.timeLayer .timeSelect .timeList li {width: auto;}
.timeLayer .timeSelect .timeList li + li {margin-left: 1.1111vw;}
.timeLayer .timeSelect .timeList .checkboxArea {margin-top: 0}
.timeLayer .timeSelect .timeList .checkboxArea .roundCheckbox {margin: 0;}
.timeLayer .timeSelect .timeList .checkboxArea .roundCheckbox label {padding: 0 4.4444vw; min-width: 14.4444vw}
.timeLayer .timeSelect .slideTit {overflow: hidden; margin: 0 4.4444vw}
.timeLayer .timeSelect .slideTit p {float: left; line-height: 6.6667vw; font-size: 5vw; font-weight: 600; margin: 0;}
.timeLayer .timeSelect .slideTit .allSelect {float: right; position: relative; color: #999;line-height: 6.6667vw; padding-left: 7.7778vw;}
.timeLayer .timeSelect .slideTit .allSelect:before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 6.6667vw;height: 6.6667vw;background: url(../img/common/icon_check_grey.png) 0 0 no-repeat;background-size: 6.6667vw 6.6667vw;}
.timeLayer .timeSelect .slideTit .allSelect.on {color: #3B5094; font-weight: 600;}
.timeLayer .timeSelect .slideTit .allSelect.on:before {background: url(../img/common/icon_check_blue.png) 0 0 no-repeat;background-size: 6.6667vw 6.6667vw;}

/* applyConfirm */
.applyConfirm .stepWrap .reSelect {float: right; line-height: 5.5556vw; font-size: 3.3333vw; font-weight: 600;}
.applyConfirm .stepWrap .reSelect:after {content: '';display: inline-block;vertical-align: middle;width: 1.1111vw;height: 2.2222vw;background: url(../img/common/icon_detail.png) 0 0 no-repeat;background-size: 1.1111vw 2.2222vw;margin: -0.5556vw 0 0 2.2222vw;}
.placeInfo {position: relative; border-radius: 2.2222vw; border: 0.2778vw solid #eee; padding: 4.4444vw; margin-top: 2.2222vw; overflow: hidden;}
.placeInfo dl {overflow: hidden;}
.placeInfo dt {float: left; clear: both; font-weight: 300; color: #888; margin-top: 2.2222vw; width: 22.2222vw;}
.placeInfo dt:first-of-type, .placeInfo dd:first-of-type {margin-top: 0; padding-right: 6.58vw; box-sizing: border-box;}
.placeInfo dd {position:relative; float: left; clear: right; font-weight: 600; margin-top: 2.2222vw; width: 58.3333vw;}
.placeInfo dd span {font:inherit;}
.placeInfo dd a.codeModify {position:absolute; bottom:0; right:0; font: 500 3.8889vw/1.215 'Apple SD Gothic Neo'; color:#3259D8; text-decoration: underline; background: #fff; white-space: pre;}
.placeInfo dd .pmCode {word-break: break-all; padding-right: 6.58vw; box-sizing: border-box;}
.applyConfirm .placeAca {position: relative; border-radius: 2.2222vw; border: 0.2778vw solid #eee; padding: 4.4444vw; margin-top: 2.2222vw; overflow: hidden;}
.applyConfirm .placeAca > p {font-weight: 600;}
.applyConfirm .placeAca .place {display: flex;margin-top: 2.2222vw;}
.applyConfirm .placeAca .place .distance {position: relative;flex: 0 0 20.0000vw;overflow: hidden;padding-left: 5.5556vw;font-weight: 300;color: #3B5094;}
.applyConfirm .placeAca .place .distance:before {content: '';position: absolute;left: 0;top: 0;width: 4.4444vw;height: 4.4444vw;background: url(../img/common/icon_distance.png) 0 0 no-repeat;background-size: 4.4444vw 4.4444vw;}
.applyConfirm .placeAca .place .address {flex: 1;font-weight: 300;color: #888;}

/* certifyNum */
.certifyNum {margin-top: 17.7778vw; text-align: center; }
.certifyNum .passwordTit {min-height: 25.5556vw;}
.certifyNum .passwordTit .BTitle {padding-top: 0;}
.certifyNum.error .passwordTit .formPasswordResetBtn {display: block; padding-top: 2.2222vw}
.certifyNum.error .passwordTit .Tdesc {text-decoration: underline;}
.certifyNum.error .formPassword .pwdotArea > span.active { background:#E0182D !important;}
.certifyNum .ruleInfo {display: block; margin-top: 4.4444vw; text-align: center; }
.certifyNum .ruleInfo p {font-size: 3.8889vw; font-weight: 600; line-height: 4.7222vw; color: #E0182D}

/* password form */
.formPassword { position:relative; height:4.4444vw; margin-top: 11.1111vw;}
.formPassword input { position:absolute; width:100%; height:0; line-height:0; text-indent:-2777.5000vw;}
.formPassword input:focus + .pwdotArea > span:first-of-type {background-color:#C1CDF3}
.formPassword .pwdotArea { display:block; width:100%; height:100%;}
.formPassword .pwdotArea > span {display:inline-block; width:4.4444vw; height:4.4444vw; border-radius:50%; background:#eee; transition:0.3s;}
.formPassword .pwdotArea > span + span { margin-left:4.4444vw; }
.formPassword .pwdotArea > span.active { background:#3B5094 !important;}
.formPassword .pwdotArea > span.active + span {background-color:#C1CDF3}

/* applyComplete */
.applyComplete .completeTit{margin-top: 9.4444vw; text-align: center;}
.applyComplete .completeTit i.complete {display: block;width: 17.7778vw;height: 17.7778vw;background: url(../img/common/icon_complete.png) 0 0 no-repeat; background-size: 17.7778vw 17.7778vw; margin: 0 auto;}
.applyComplete .completeTit .userName {display: block; font-size: 6.6667vw; font-weight: 600; margin-top: 3.3333vw;}
.applyComplete .completeTit .userName span {font-size: 6.6667vw; font-weight: 600; color: #3B5094}
.applyComplete .completeTit .completeDesc {margin-top: 3.3333vw; display: block; color: #888;}
.applyComplete .completeStep  {margin-top: 11.1111vw; padding-left: 4.4444vw; padding-right: 4.4444vw}
.applyComplete .completeStep .swiper-slide {padding: 8.8889vw 4.4444vw 6.6667vw; background-color: #F8F8F8; border-radius: 2.2222vw; width: 60.0000vw; height: 38.8889vw}
.applyComplete .completeStep .swiper-slide + .swiper-slide {margin-left: 2.2222vw}
.applyComplete .completeStep .swiper-slide .MTitle.highlight {color: #3B5094; padding-top: 0}
.applyComplete .completeStep .swiper-slide .stepTxt {margin-top: 2.7778vw; line-height: 7.2222vw; font-size: 5.0000vw; font-weight: 300;}
.applyComplete .completeStep .swiper-slide .stepTxt span {font-size: 5.0000vw; font-weight: 600;}
.applyComplete .pushSet {margin: 6.6667vw 0 0 4.4444vw;}
.applyComplete .pushSet .formChkbox {padding-left: 8.8889vw}
.applyComplete .pushSet .formChkbox .icon {width: 6.6667vw;height: 6.6667vw;left: 0;background:url(../img/common/icon_form_chk_circle.png) 0 0 no-repeat;background-size: 6.6667vw 6.6667vw;transition: .2s ease-in;}
.applyComplete .pushSet .formChkbox input[type='checkbox']:checked + .icon {background:url(../img/common/icon_form_chk_circle_b.png) 0 0 no-repeat; background-size: 6.6667vw 6.6667vw;}
.applyComplete .pushSet .formChkbox .icon:before {display: none;}
.applyComplete .pushSet .formChkbox .txt {font-size: 3.3333vw;font-weight: 600;color: #222;line-height: 6.6667vw;}

/* applyFail */
.applyFail .failTit{margin-top: 9.4444vw; text-align: center;}
.applyFail .failTit i.fail {display: block;width: 17.7778vw;height: 17.7778vw;background: url(../img/common/icon_matching_fail.png) 0 0 no-repeat; background-size: 17.7778vw 17.7778vw; margin: 0 auto;}
.applyFail .failTit .userName {display: block; font-size: 6.6667vw; font-weight: 600; margin-top: 3.3333vw; line-height: 9.4444vw;}
.applyFail .failTit .userName span {font-size: 6.6667vw; font-weight: 600; color: #3B5094}
.applyFail .failTit .failDesc {margin-top: 2.2222vw; display: block; color: #888; line-height: 6.1111vw;}
.applyFail .retryLink {margin-top: 11.1111vw;}
.applyFail .retryLink ul li {width: 100%; height: 22.2222vw; background-color: #F8F8F8; border-radius: 2.2222vw;}
.applyFail .retryLink ul li + li {margin-top: 4.4444vw;}
.applyFail .retryLink ul li a {display: block; position: relative; width: 100%; height: 100%; padding: 4.4444vw 4.4444vw 4.4444vw 24.4444vw; }
.applyFail .retryLink ul li a:after {content: '';position: absolute;width: 6.6667vw;height: 6.6667vw;background: url(../img/common/icon_gomatch.png) 0 0 no-repeat; background-size: 6.6667vw 6.6667vw;top: 4.4444vw;right: 4.4444vw;}
.applyFail .retryLink ul li a.change:before {content: '';position: absolute;left: 4.4444vw;top: 50%; transform: translateY(-50%); width: 15.5556vw;height: 15.5556vw;background: url(../img/common/icon_cs_change.png) 0 0 no-repeat; background-size: 15.5556vw 15.5556vw;}
.applyFail .retryLink ul li a.search:before {content: '';position: absolute;left: 4.4444vw;top: 50%; transform: translateY(-50%); width: 15.5556vw;height: 15.5556vw;background: url(../img/common/icon_cs_address.png) 0 0 no-repeat; background-size: 15.5556vw 15.5556vw;}
.applyFail .retryLink ul li a p {display: block; font-size: 3.8889vw; font-weight: 600; color: #222; line-height: 4.7222vw; margin-top: 0.8333vw;}
.applyFail .retryLink ul li a strong {display: inline-block; position: relative; font-size: 5.0000vw; font-weight: 600; line-height: 5.8333vw; margin-top: 2.2222vw; color: #3B5094}
.applyFail .retryLink ul li a strong:before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2.2222vw; border-radius: 1.9444vw; background-color: #3259D8; opacity: 0.3;}

/* eventBanner */
.eventBanner {position: relative; width: 100vw; overflow: hidden; margin-top: 6.6667vw}
/*.eventBanner{position:absolute;left:0;bottom: calc(22.4444vw + env(safe-area-inset-bottom));width: 100vw; overflow: hidden;} */
.eventBanner a {display: block;padding: 0 4.4444vw;border-radius: 2.2222vw;overflow: hidden;}
.eventBanner a img {width: 100%; height: auto;border-radius: 2.2222vw;overflow: hidden;}
.eventBanner .bannerTxt{font-size:5.0000vw;font-weight: 600;}
.eventBanner .bannerTxt span{display: block;font-size:3.3333vw;font-weight:300;color:#888;margin-bottom: 1.1111vw}
.eventBanner .banner_img{position:absolute;top:50%;transform:translateY(-50%);right: 0; width:40.8333vw;height:21.1111vw;}
.eventBanner .banner_img img{width: auto; height: 21.1111vw;}
.applyFail .eventBanner {width: 100%;}
.applyFail .eventBanner a {padding: 0;}

/* matchAcademy */
.matchAcademy .matchWrap {margin-top: 11.1111vw;}
.matchAcademy .matchWrap > .MTitle {padding-top: 0}
.matchAcademy .matchWrap .matchList {margin-top: 4.4444vw;}
.matchAcademy .matchWrap .matchList li {overflow: hidden;}
.matchAcademy .matchWrap .matchList li + li {margin-top: 4.4444vw;}
.matchAcademy .matchWrap .matchList .academyImg {float: left; width: 35.5556vw; height: 22.2222vw; overflow: hidden; border-radius: 2.2222vw;}
.matchAcademy .matchWrap .matchList .academyImg img {width: 35.5556vw; height: 22.2222vw;}
/*21.07.29*/
.matchAcademy .matchWrap .matchList .academyInfo {float: left;margin-left: 4.4444vw;width: 50.8333vw;min-height: 22.2222vw;}
/*//21.07.29*/
.matchAcademy .matchWrap .matchList .academyInfo .name {position: relative;margin-top: 1.1111vw;font-size: 3.8889vw;font-weight: 600;width: 50.8333vw;padding-right: 6.6667vw;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.matchAcademy .matchWrap .matchList .academyInfo .name:after {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 6.6667vw;height: 6.6667vw;background: url(../img/common/icon_gomatch.png) 0 0 no-repeat;background-size: 6.6667vw 6.6667vw;}
.matchAcademy .matchWrap .matchList .academyInfo .distance {position: relative; margin-top: 1.1111vw; font-size: 3.8889vw; font-weight: 300; color: #888; padding-left: 5.5556vw;}
.matchAcademy .matchWrap .matchList .academyInfo .distance:before {content: '';position: absolute;left: 0;top: 0;width: 4.4444vw;height: 4.4444vw;background: url(../img/common/icon_distance_gray.png) 0 0 no-repeat;background-size: 4.4444vw 4.4444vw;}
.matchAcademy .matchWrap .matchList .academyInfo .price {margin-top: 2.2222vw; font-weight: 600; font-size: 6.6667vw; color: #3B5094;display: inline-flex;align-items: center;}
.matchAcademy .matchWrap .matchList .academyInfo .price span {font-size: 3.8889vw; font-weight: 600; color: #3B5094; line-height: 6.6667vw; vertical-align: middle; margin-left: 0.5556vw;}

/* matchComplete */
.academyDetail .name {position: relative; display: inline-block; vertical-align: middle; font-size: 6.6667vw; font-weight: 600; padding-right: 8.8889vw}
.academyDetail .name:after {content: '';position: absolute;right: 0;top: 50%; transform: translateY(-50%); width: 6.6667vw;height: 6.6667vw;background: url(../img/common/icon_gomatch.png) 0 0 no-repeat;background-size: 6.6667vw 6.6667vw;}
.academyDetail .place {display: flex;margin-top: 2.2222vw;}
.academyDetail .place .distance {position: relative;flex: 0 0 20.0000vw;overflow: hidden;padding-left: 5.5556vw;font-weight: 300;color: #3B5094;}
.academyDetail .place .distance:before {content: '';position: absolute;left: 0;top: 0;width: 4.4444vw;height: 4.4444vw;background: url(../img/common/icon_distance.png) 0 0 no-repeat;background-size: 4.4444vw 4.4444vw;}
.academyDetail .place .address {flex: 1;font-weight: 300;color: #888;}
.academyDetail .hashList {margin-top: 3.8889vw;}

.schConfirm {overflow: hidden; margin-top: 2.2222vw;}
.schConfirm p {display: block;font-size: 6.6667vw;line-height: 10.0000vw;font-weight: 600;color: #3B5094;}
.schConfirm .btnConsult {display: block;margin-top: 2.2222vw;font-size: 4.4444vw;font-weight: 600;color: #3259D8;line-height: 13.3333vw;height: 13.3333vw;text-align: center;background-color: #F8F8F8;border-radius: 2.2222vw;}
/*21.07.29*/
.trainingPrice {display:flex;justify-content:space-between;}
.trainingPrice .MTitle { line-height: 7.7778vw}
.trainingPrice .priceWrap {margin-top:0; font-size: 6.6667vw; font-weight: 600; color: #3B5094;}
.trainingPrice .priceWrap .amount{justify-content:flex-end;}
.trainingPrice .priceWrap .amount.sale .saleTag{margin-left:0;margin-right:1.9444vw;}
/*//21.07.29*/

/*21.07.29 , 21.09.01 추가 수정*/ /* 2022-04-25  운영sync맞춤 */
.trainingPrice{overflow:hidden;}
.trainingPrice .MTitle {float:left;line-height: 7.7778vw}
.trainingPrice .priceWrap {float:right;margin-top:0; font-size: 6.6667vw; font-weight: 600; color: #3B5094;}
.trainingPrice .priceWrap .amount{justify-content:flex-end;}
.trainingPrice .priceWrap .amount.sale .saleTag{margin-left:0;margin-right:1.9444vw;}
.trainingPrice .listType{display:inline-block;margin-top:3.3333vw;}
/*//21.07.29*/
.trainingPrice .price {float: right; font-size: 6.6667vw; font-weight: 600; color: #3B5094; display: inline-flex; align-items: center;}
.trainingPrice .price span {font-size: 3.8889vw; font-weight: 600; color: #3B5094; line-height: 6.6667vw; margin-left: 0.5556vw; vertical-align: middle;}
.trainingCoupon{margin-top:4.4444vw;text-align:right;}

.expiration {margin-top: 11.1111vw; text-align: center;}
.expiration p {font-weight: 300; color: #E8441A}
.expiration p span {font-weight: 600; color: #E8441A}

.selectBox.coupon {margin-top: 6.6667vw;}

/* simplePass */
.simplePass .passWrap {margin-top: 17.7778vw; text-align: center; }
.simplePass .passWrap .passTit {}
.simplePass .passWrap .passTit .BTitle {padding-top: 0;}
.simplePass .passWrap .passTit a.Tdesc {text-decoration: underline;}
.simplePass .formInput {margin-top: 8.8889vw;}
.simplePass .inputPass {margin-top: 15.5556vw;}
.simplePass .inputPass .inputTit {text-align: center;}
.simplePass .inputPass .inputTit p {font-size: 5.0000vw; font-weight: 600;}
.simplePass .inputPass .inputTit a {display: block; color: #888; font-size: 3.8889vw; font-weight: 300; margin-top: 2.2222vw; text-decoration: underline;}
.simplePass .inputPass .passError {display: block; text-align: center; margin-top: 4.4444vw; font-weight: 600; color: #E0182D; line-height: 5.5556vw;}
.simplePass .inputPass .ErrorInfo {display: block; text-align: center; font-weight: 300; color: #E0182D; line-height: 5.5556vw;}
.simplePass .inputPass .formPassword.error .pwdotArea > span.active { background:#E0182D !important;}

/* repayment */
/* .rePayment .repay {position: absolute; bottom: calc(21.3333vw + env(safe-area-inset-bottom)); left: 0; width: 100%; padding-top:14.4444vw; text-align: center; font-weight: 300; color: #999; text-decoration: underline;} */
.rePayment .repay{display:block;margin:14.4444vw 0 8.8889vw 0;text-align:center;font-weight: 300; color: #888; text-decoration: underline;}

/* payment */
.apply .stepWrap.paymentMet .radioArea .roundRadio:nth-child(n+3){margin-top:2.2222vw;}

/* 2021.02.02 추가 */
.viewAcademy {margin-top: 6.6667vw;}
.viewAcademy .tit {padding: 0 4.4444vw; text-align: center;}
.viewAcademy .tit p {font-weight: 600; font-size: 4.4444vw; padding-top: 6.6667vw; border-top: 0.2778vw solid #eee;}
.viewAcademy .tit p span {vertical-align: middle; font-size: 4.4444vw; font-weight: 600; color: #3b5094;}
.viewAcademy .academyList {position: relative; margin-top: 2.7778vw;}
.viewAcademy .academyList .academyNext {position: absolute; right: 0; top: 0; width: 13.3333vw; height: 13.3333vw; background: url(../img/common/btn_slide_nav_right.png) 0 0 no-repeat; background-size: 13.3333vw 13.3333vw; z-index: 2; cursor: pointer;}
.viewAcademy .academyList .academyPrev {position: absolute; left: 0; top: 0; width: 13.3333vw; height: 13.3333vw; background: url(../img/common/btn_slide_nav_left.png) 0 0 no-repeat; background-size: 13.3333vw 13.3333vw; z-index: 2; cursor: pointer;}
.viewAcademy .academyList .academyPrev.swiper-button-disabled , .viewAcademy .academyList .academyNext.swiper-button-disabled {display: none;}
.viewAcademy .academyList .swiper-slide {padding: 0 13.3333vw}
.viewAcademy .academyList .swiper-slide a {display: block;}
.viewAcademy .academyList .swiper-slide p {width: 100%; height: 13.3333vw; border-radius: 2.2222vw; border: 0.2778vw solid #00c7cf; text-align: center; line-height: 13.3333vw; font-weight: 600; background-color: #fff; display: flex; justify-content: center; align-items: center; }
.viewAcademy .academyList .swiper-slide p span {position: relative; color: #888;padding-left: 7.7778vw;}
.viewAcademy .academyList .swiper-slide p span:after {content: '';position: absolute;left: 2.2222vw;top: 0;width: 4.4444vw;height: 4.4444vw;background: url(../img/common/icon_distance_gray.png) 0 0 no-repeat;background-size: 4.4444vw 4.4444vw;}

/* uiTab */
.uiTab {margin-top: 11.1111vw;}
.uiTab .tabNotice {position: relative; font-size: 3.8889vw; font-weight: 400; line-height: 1.43; letter-spacing: -0.04em; color: #888; padding-left: 2.2222vw; padding-top: 2.2222vw; box-sizing: border-box;}
.uiTab .tabNav ul.uiTab-nav {display: flex; justify-content: space-between; align-items: center;}
.uiTab .tabNav ul.uiTab-nav li{width: 100%; min-width: 17.7778vw;}
.uiTab .tabNav ul.uiTab-nav li a {display: flex; justify-content: center; align-items: center; width: 44.4444vw; height: 13.3333vw; font: 600 3.8889vw/1.429 'Apple SD Gothic Neo'; text-align: center; color: #888; background:#fff; border: 0.2778vw solid #eee; border-radius: 2.2222vw;}
.uiTab .tabNav ul.uiTab-nav li.on a {background: #3b5094; border: 0.2778vw solid #3b5094; color:#fff;}
/* .uiTab .tabContents {margin-top: 6.6666vw;} */
.uiTab .tabContents > div {display: none;}
.uiTab .tabContents > div.on {display: block;}
.uiTab .tabContents .resultPlace {margin-top: 6.6666vw; max-height:50vh; overflow-y:scroll; box-sizing: border-box;}
.uiTab .tabContents .resultPlace ul li {display:flex; justify-content: flex-start; align-items: center; position:relative; font: 600 3.8889vw/1.429 'Apple SD Gothic Neo'; padding-bottom:5.5555vw; box-sizing: border-box;}
.uiTab .tabContents .resultPlace ul li:not(:first-child) {padding:5.5555vw 0; border-top:1px solid #eee;}
.uiTab .tabContents .resultPlace ul li:last-of-type {padding-bottom:0;}
.uiTab .tabContents .resultPlace ul li a {display:flex; justify-content: space-between; align-items: center; position:relative; width:100%; overflow: hidden;}
.uiTab .tabContents .resultPlace ul li a.textBox .localTit {width:100%;}
.uiTab .tabContents .resultPlace ul li a.textBox .localTit .acadName {display:block; overflow: hidden; text-overflow: ellipsis; white-space: pre; color:#222; font: 600 4.4444vw/1.429 'Apple SD Gothic Neo';}
.uiTab .tabContents .resultPlace ul li a.textBox .localTit .acadAdr {display:block; overflow: hidden; text-overflow: ellipsis; white-space: pre; color:#222; font: 300 3.8889vw/1.429 'Apple SD Gothic Neo';}
.uiTab .tabContents .resultPlace ul li a.textBox .localSt {position:absolute; top:0; right:0; color:#888; font: 600 3.8889vw/1.429 'Apple SD Gothic Neo';}
.uiTab .tabContents .resultPlace ul li a.textBox .localSt p {font:inherit; color:inherit;}
.uiTab .tabContents .resultPlace .noMatchText {display:none; margin-top:5.5555vw;}
.uiTab .tabContents .resultPlace .noMatchText > p {font: 600 3.8889vw/1.429 'Apple SD Gothic Neo'; padding:0.6944vw 0;}
.uiTab .tabContents .resultPlace.noMatch .noMatchText {display:block;}
.uiTab .tabContents .resultPlace.noMatch ul.DMlist {display:none;}
.uiTab .tabContents .resultPlace.normalMatch ul.DMlist .radioBox{display:none;}

.matchTime ul.listType li {font-weight: 300; word-break: keep-all;}
.matchTime ul.listType li .nowrap {white-space: nowrap;}
.matchTime ul.listType li .bold {font-weight:700;}
.matchSchedule .dateTime {display:flex; justify-content: flex-start; align-items: flex-start; height:100%; padding:4.4444vw;}
.matchSchedule .dateTimeWrap .dateTime .textBox > * {width:auto; }
.matchSchedule .dateTimeWrap .dateTime .date p {width:auto; line-height:1; padding:0 0 2.7777vw 0;}
.matchSchedule .dateTimeWrap .dateTime .date p::before {display:none;}
.matchSchedule .dateTimeWrap .dateTime .time dl > * {line-height:1.22; box-sizing: border-box;}
.matchSchedule .dateTimeWrap .dateTime .time dl dt {color:#888888;}
.matchSchedule .dateTimeWrap .dateTime .time .discount {display:flex; justify-content: space-between; align-items: center;}
.matchSchedule .dateTimeWrap .dateTime .time .priceTxt {position:relative;}
.matchSchedule .dateTimeWrap .dateTime .time .priceTxt::after {content: "(정상가)"; position:absolute; top:0; left:0; background:#fff;}
.matchSchedule .dateTimeWrap .dateTime .noteCaution {display:none;}
.matchSchedule .dateTimeWrap .dateTime .radioBox {margin-top:8.3333vw;}
.matchSchedule .dateTimeWrap .dateTime.saleTime .noteCaution {display:block;}
.matchSchedule .dateTimeWrap .dateTime.saleTime .time .priceTxt::after {content: "(할인가)"; position:absolute; top:0; left:0; background:#fff;}

.inpDateTime {border: 0.2778vw solid #eee; border-radius: 2.2222vw; margin: 4.4444vw 0; padding: 7.5vw 0; box-sizing: border-box;}
.inpDateTime dl {display:flex; justify-content: center; align-items: center; color:#3259D8; font: 600 4.4444vw/1.2 'Apple SD Gothic Neo';}
.inpDateTime dl dt, .inpDateTime dl dd, .inpDateTime dl span {color:inherit; font:inherit;}
.inpDateTime dl dt, .inpDateTime dl dd span {padding:0 .1em; box-sizing: border-box;}

.inpChk {margin-bottom: 4.4444vw;}
.inpChk .formChkbox {margin-top:2.2222vw;}
.inpChk .formChkbox .txt {color:#222; font-weight:400;}
.inpChk p.txt {font: 400 3.3333vw/1.25 'Apple SD Gothic Neo'; color: #888; padding-left: 10vw;}
.inpChk .agreeWrap {margin-top: 4.4444vw;}