@charset "utf-8";
@import "font.css";
@import "morpheus-common.css";

/*
  CSS order:
  1. clear/display/position/z-index/overflow/float
  2. width/height
  3. margin/padding
  4. color/font/line-height/text/letter-spacing/vertical-align/white-spacing/word-spacing
  5. etc
  6. border/background
*/

/* MC_01_02_010_VB - 스플래시 */
.splash{padding-top:12.6rem;}

/* MC_01_15_090_VB - 로그인 안내 */
.login-guide{width:100%;flex:1;height:100%;padding:1.6rem 2.8rem;padding-top:calc(1.6rem + env(safe-area-inset-top))}
.login-guide > div{margin-top:12.6rem;width:100%;display:flex;flex-direction: column;align-items: center;}
.login-guide > div .bakho{margin-top:-1.5rem;margin-bottom:-.8rem;}
.login-guide > div .d-flex .btn-join{background:transparent;margin-left:.8rem;color:var(--fcAccent);font-weight:var(--fwBold);text-decoration: underline;}
.login-guide p.copy{font-size:1.2rem;line-height:1;}

/* LO_02_01_010_VB - 로그인 */
.login-wrap{width:100%;height:100%;padding:6rem 2.8rem 1.6rem;background:var(--fcPrimaryBasic);padding-top:calc(6rem + env(safe-area-inset-top))}
.login-wrap h1{color:var(--fcWhite);margin-left:2.4rem;flex:none;margin-top:9.6rem;}
.login-wrap .login-form-wrap:before{content:"";position:absolute;top:-8.8rem;right:.4rem;width:12rem;height:12.7rem;background:url('../img/character/img_character_login.png') no-repeat center / 12rem 12.7rem;}
.login-wrap .login-form-wrap{position:relative;width:100%;margin:1.8rem auto 3.2rem;padding:3.2rem 2rem 2.4rem;border-radius:1.6rem .2rem 1.6rem 1.6rem;background-color:var(--fcWhite);}
.login-wrap .login-form-wrap .login-form{display:flex;flex-direction: column;}
.login-wrap .login-form-wrap .login-form >  * + * {margin-top:1.6rem;}
.login-wrap .login-form-wrap .login-form > .btn{margin-top:2.8rem;}
.login-wrap .login-form-wrap .login-form > .idpw-find{margin-top:2rem;display:flex;align-items: center;justify-content: center;}
.login-wrap .login-form-wrap .login-form > .idpw-find button{position:relative;font-size:1.4rem;color:var(--fcAccent);font-weight:var(--fwSemiBold);}
.login-wrap .login-form-wrap .login-form > .idpw-find button:first-child:after{content:"";position:relative;top:0px;display:inline-block;width:1px;height:1rem;background:var(--fcGray200);margin:0 1.55rem;}
.login-wrap .sns-login{display:flex;align-items: center;justify-content: center;margin-bottom:6rem;}
.login-wrap .sns-login button{width:4.4rem;height:4.4rem;text-indent:-999em;}
.login-wrap .sns-login button + button{margin-left:2.4rem;}
.login-wrap .sns-login button.btn-kakao{background:url('../img/img_kakao.png') no-repeat center / 4.4rem 4.4rem;}
.login-wrap .sns-login button.btn-naver{background:url('../img/img_naver.png') no-repeat center / 4.4rem 4.4rem;}
.login-wrap .join-wrap{display:flex;align-items: center;justify-content: center;}
.login-wrap .join-wrap p{color:var(--fcPrimarySubBg01);}
.login-wrap .join-wrap button{margin-left:.8rem;color:var(--fcWhite);font-weight:var(--fwBold);text-decoration: underline;background:transparent}
.login-wrap .copy{position:absolute;bottom:1.6rem;;left:0;width:100%;text-align:center;color:var(--fcPrimarySubBg01);}

/* MC_01_15_050_VB - 가족관계 미인증 회원 자료제출 */
.certify-submit{margin-top:4rem;}
.certify-submit > p.fs-body2{margin-top:2.8rem;}
.certify-submit > p.fs-body2 strong{font-weight:var(--fwBold);color:var(--fcAccent);vertical-align: baseline;}
.certify-submit > p.fs-body2 strong.text-line{text-decoration: underline;}
.certify-submit .parents-info{padding:1.2rem 1.6rem;border:1px solid var(--fcAccent);border-radius:.8rem;background-color:var(--fcWhite);}
.certify-submit .parents-info dl div{display: flex;align-items: center;justify-content: center;}
.attach-file-box .box.file-in{border:2px solid var(--fcPrimaryActive);}
.attach-file-box .box:has(label){padding-left:1.6rem;}
.attach-file-box .box label > div{width:calc(100% - 2.4rem);margin-left:.8rem;}
.attach-file-box .box label{align-items: flex-start;}
.attach-file-box .box:has(input[type="radio"]:checked){border:2px solid var(--fcPrimaryActive);box-shadow:none;}

.attach-file-box .box .status{color:#1a1a1a;}
.attach-file-box .box .status::before{content:"";width:1.2rem;height:1.2rem;border-radius:50%;display:inline-block;margin-right:.4rem;vertical-align: middle;}
.attach-file-box .box .status.complete::before{background-color:var(--fcSysSuccess)}

.file-info > p{color:var(--fcGray700)}

/* MC_01_15_060_VB - 승인대기 */
.certify-ready{padding-top:12rem;}
.certify-ready .fs-body2{color:var(--fcGray700);}
.certify-ready + .dot-info-txt{position:absolute;bottom:1.6rem;left:2rem;width:calc(100% - 4rem);display: flex;justify-content: center;}

/* MC_01_03_010_VB - 권한 안내 */
.auth-info{height:100%;display:flex;flex-direction: column;justify-content: space-between;padding-top:env(safe-area-inset-top);}
.auth-info .auth-list li{position:relative;padding:1.2rem 0 1.2rem 5.2rem;}
.auth-info .auth-list li::before{content:"";position:absolute;top:1.5rem;left:0;width:4rem;height:4rem;background-repeat:no-repeat;background-size: 4rem 4rem;background-position: center;}
.auth-info .auth-list li:nth-child(1)::before{background-image:url('../img/ic_location.png')}
.auth-info .auth-list li:nth-child(2)::before{background-image:url('../img/ic_folder.png')}
.auth-info .auth-list li:nth-child(3)::before{background-image:url('../img/ic_camera.png')}
.auth-info .auth-list li p strong{color:var(--fcPrimaryBasic);vertical-align: baseline;}

/* MC_01_15_010_VB - QR 실행 안내 가이드 */
.app-install-info{padding-top:8rem;}
.app-install-info .btn-wrap{margin-left:auto;margin-right:auto;}
.app-install-info .box{padding:1.6rem 2rem;border-radius:.8rem;background:var(--fcSysInfoBg)}
.app-install-info .box ul li{display:flex;padding:.7rem 0;}
.app-install-info .box ul li + li{margin-top:.4rem;}
.app-install-info .box ul li span{width:2.4rem;height:2.4rem;border-radius:50%;background:var(--fcPrimaryActive);color:var(--fcWhite);font-weight:var(--fwSemiBold);display:flex;align-items: center;justify-content: center;margin-right:.8rem;}

/* LO_02_04_020_VB - 아이디 찾기 결과 */
.idfind-result .box{position:relative;padding:2rem 2rem 2.8rem;border:1px solid var(--fcGray200);background-color:var(--fcGray100);border-radius:.8rem;}
/* .idfind-result .box::after{content:"";position:absolute;bottom:-7.2rem;right:1.2rem;width:8.4rem;height:8.4rem;background:url('../img/character/img_character_seat.png') no-repeat center / contain;}*/
.idfind-result .box + .box{margin-top:1.6rem !important}
.idfind-result >  .btn-wrap{position:relative;width:calc(100% - 12rem)} 
.idfind-result .btn-wrap::after{content:"";position:absolute;right:-12rem;bottom:0;width:8.4rem;height:8.4rem;background:url('../img/character/img_character_seat.png') no-repeat center / contain;}

/* MB_03_02_010_VB - 회원가입 실명인증 */
.join-agree-box > p{padding:1.6rem;border:1px solid var(--fcGray200);border-radius:.8rem .8rem 0 0;border-bottom:0;}
.join-agree-box > .agree-box{height:23rem;border-radius:0 0 .8rem .8rem;}
.join-agree-box ~ .divide-line{width:calc(100% + 4rem);margin-left:-2rem;}

/* MB_03_04_010_VB - 약관 동의 */
.agree-list li{display:flex;align-items: center;justify-content: space-between;padding:.4rem 0 .4rem .8rem;}
.agree-list li + li{margin-top:.8rem;}
.agree-list li p{flex:1;}
.agree-list li p span{margin-left:.4rem;font-size:1.3rem;line-height:2rem;vertical-align: baseline;}
.agree-list li:has(> p.ml8 span.fc-gray) label{margin-top:-2rem;}
.agree-list + .divide-line{margin-left:-2rem;width:calc(100% + 4rem);}

/* MB_03_05_010_VB - 회원가입 양식 */
.join-form form > div + div{margin-top:1.6rem;}
.join-form form .d-flex{align-items: flex-start;}
.join-form form .d-flex .ipt-box + .btn{margin-top:2.4rem;} 
.join-form form .address-ipt .address-delete button{padding:.7rem .6rem .7rem 3.2rem;height:3.6rem;font-size:1.5rem;font-weight:var(--fwSemiBold);line-height:2rem;background:url('../img/ic_garbage.png') no-repeat center left .6rem / 2.4rem 2.4rem;}

/* MB_03_06_010_VB - 회원가입 완료 */
.join-complete{position:relative;height:100%;margin-top:6rem;display:flex;flex-direction: column;align-items: center;}
.join-complete .fs-body2{color:var(--fcGray700);}
.join-complete .fs-body2 strong{vertical-align: baseline;}
.join-complete + .dot-info-txt{position:absolute;bottom:1.6rem;left:2rem;width:calc(100% - 4rem);display: flex;justify-content: center;}

/* MC_01_15_010_VP - 회원정보 업데이트 */
.join-update{position:relative;height:100%;margin-top:10rem;display:flex;flex-direction: column;align-items: center;}
.join-update .fs-body2 strong{vertical-align: baseline;}
.join-update + .dot-list{position:absolute;bottom:1.6rem;left:2rem;width:calc(100% - 4rem);display: flex;flex-direction:column;align-items: center;}

/* MA_04_01_010_VB - 메인 화면 */
.content-wrap.padding-calc .main{padding-top:2rem;}
.main .cont + .cont{margin-top:3.2rem;}
.main .cont .top-txt{position:relative;padding-left:8.4rem;}
.main .cont .main-tit{text-indent:.4rem;}

/* .main .cont > p.top-txt */
.main .cont .main-fold-box{position:relative;padding:2rem 1.6rem 1.6rem;border-radius:1.6rem .2rem 1.6rem 1.6rem;background-color:var(--fcPrimaryBasic);}
.main .cont .main-fold-box::before{content:"";position:absolute;top:-5rem;left:0;width:8rem;height:6rem;background:url('../img/character/img_character_main.png') no-repeat center top / contain;}
.main .cont .main-fold-box h3::before{content:"";display:inline-block;width:2px;height:1.2rem;background:var(--fcSysWarning);margin-right:.6rem;}
.main .cont .main-fold-box .txt-point{text-align: right;}
.main .cont .main-fold-box .txt-point::after{content:"P";font-size:2.4rem;margin-left:.4rem;}
.main .cont .main-fold-box .folding-btn button{background:transparent;}
.main .cont .main-fold-box .folding-btn i{margin-left:2px;display:inline-block;width:2.4rem;height:2.4rem;background:url('../img/ic_line_arrow_right_white.png') no-repeat center / 2.4rem 2.4rem;transform: rotate(90deg);}
.main .cont .main-fold-box .folding-btn button.active + i{transform: rotate(-90deg);}

.main .cont .main-fold-box .folding-box{position:relative;padding:1.2rem 2.6rem;background:var(--fcPrimaryActive);width:calc(100% + 2.4rem);margin-top:1.6rem;margin-bottom:-1.2rem;;margin-left:-1.2rem;border-radius:0 0 1.6rem 1.6rem;display:none;} 
.main .cont .main-fold-box .folding-box::before{content:"";position:absolute;top:-1px;left:-.4rem;width:calc(100% + .8rem);height:1px;border-top:1px dashed rgba(255,255,255,0.2);}
.main .cont .main-fold-box .folding-box::after{content:"";position:absolute;top:-2px;left:-.4rem;width:calc(100% + .8rem);height:1px;border-top:1px dashed rgba(0,0,0,0.2);}
.main .cont .main-fold-box .point .progress-label{position:absolute;top:0;left:0;display:flex;flex-direction: column;align-items: center;transition: left 0.2s ease;white-space: nowrap;}
.main .cont .main-fold-box .point .point-progress .stack-point{position:relative;padding:.35rem .5rem;background:var(--fcWhite);font-size:1.3rem;line-height:1;color:var(--fcAccent);font-weight:var(--fwBold);border-radius:.4rem;margin-bottom:.5rem;text-indent:-1px;}
.main .cont .main-fold-box .point .point-progress .stack-point::after{content:"";position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border-width: 5px;border-style: solid;
border-color: #fff transparent transparent transparent;width: 0;height: 0;}
.main .cont .main-fold-box .point .progress-bar{position:relative;padding:3.7rem .45rem 0}
.main .cont .main-fold-box .point .progress-bar .bar-bg{width:100%;height:1.2rem;background:var(--fcPrimaryHover);border-radius:10rem;overflow: hidden;}
.main .cont .main-fold-box .point .progress-bar .bar-bg .bar-fill{height:100%;background:var(--fcWhite);}
.main .cont .main-fold-box .point .point-progress > p{padding-right:.45rem;}
.main .cont .main-fold-box .special-point{padding:1.6rem 1.2rem 1.2rem;border:2px solid var(--fcAccent);border-radius:.8rem;background:var(--fcWhite);}
.main .cont .main-fold-box .special-point div p.fc-primary{text-decoration: underline;}

.main .cont .main-qr button{width:100%;height:6.4rem;border-radius:1.2rem;border:2px solid var(--fcPrimaryBasic);}
.main .cont .main-qr button span{vertical-align: baseline;}
.main .cont .main-qr button span::before{content:"";display:inline-block;width:4rem;height:4rem;background:url('../img/img_qr_btn.png') no-repeat center / 4rem 4rem;vertical-align: middle;margin-right:1rem;;}

.main-qr-set{width:100%;padding:1.6rem;border-radius:1.6rem;background:var(--fcAccent);}
.main-qr-set .saving{padding:.2rem .8rem; background:var(--fcGray100);border-radius:.4rem;}
.main-qr-set .time-box{display:flex;flex-direction: column;}
.main-qr-set .time-box > p{color:#fff87c}
.main-qr-set .time-box .time{position:relative;width:100%;height:1.2rem;border-radius:10rem;background:#3b4f8e;}
.main-qr-set .time-box .time span{position:absolute;top:0;left:0;height:100%;background:#fff87c;border-radius:10rem;}

.main-qr-set.point-unable{border:2px solid var(--fcGray500);background-color:var(--fcGray200) ; }
.main-qr-set.point-unable .saving{background-color:var(--fcGray500) !important;color:var(--fcGray200) !important}
.main-qr-set.point-unable .status-txt.ing::before{background:#e98f2f;}
.main-qr-set.point-unable .time-box .time{background-color:var(--fcWhite) !important}
.main-qr-set.point-unable .time-box .time span{background-color:var(--fcGray500)}

.sports-activity{position:relative;width:calc(100% + 4rem);height:26.6rem;padding-top:1.2rem;margin-left:-2rem;background:url('../img/bg_challenge.png') no-repeat center / cover;}
.sports-activity::before{content:"";position:absolute;left:0;bottom:1.6rem;width:10.3rem;height:14rem;background:url('../img/character/img_character_challenge.png') no-repeat center / 10.3rem 14rem;}
.sports-activity .ft-onemobile{color:var(--fcPrimaryBasic);}
.sports-activity .stemp-area{position:relative;width:100%;height:12rem;}
.sports-activity .stemp-area .stemp-line{position: absolute;top: 1.6rem;left:0;width:100%;height: 9.2rem;background: url('../img/img_stemp_line.png') no-repeat center; background-size: contain;z-index: 0;}
.sports-activity .stemp-area .stemp-line::before{content:"";position:absolute;top:0;left:0;width:50%;height:.6rem;background:#a2ccff;}
.sports-activity .stemp-area ul{position:absolute;top:0;left:50%;margin-left:-16.4rem;width:32.3rem;height:100%;}
.sports-activity .stemp-area ul li{position:absolute;width:4.8rem;height:4.8rem;}
.sports-activity .stemp-area ul li.stemp{background:url('../img/img_stemp.png') no-repeat center / 4.2rem 4.2rem;display:flex;align-items: center;justify-content: center;font-family: 'Onemobilepop';color:var(--fcPrimaryBasic);font-size:1.6rem;line-height:2.6rem;}
.sports-activity .stemp-area ul li.stemp.fail{background:#a2ccff;border-radius:50%;width:4.2rem;height:4.2rem;}
.sports-activity .stemp-area ul li.stemp.sucess{background:url('../img/img_stemp_sucess.png') no-repeat center / 4.8rem 4.8rem;text-indent:-9999em;}
.sports-activity .stemp-area ul li.stemp.complete{background:url('../img/img_stemp_complete.png') no-repeat center / 4.8rem 4.8rem;text-indent:-9999em;}
.sports-activity .stemp-area ul li:nth-child(1){top:-.4rem;left:7.8rem;}
.sports-activity .stemp-area ul li:nth-child(2){top:-.4rem;left:13.6rem;}
.sports-activity .stemp-area ul li:nth-child(3){top:-.4rem;left:19.4rem;}
.sports-activity .stemp-area ul li:nth-child(4){top:-.4rem;left:25.2rem;}
.sports-activity .stemp-area ul li:nth-child(5){top:3.5rem;left:29.3rem;}
.sports-activity .stemp-area ul li:nth-child(6){bottom:-.6rem;left:25.2rem;}
.sports-activity .stemp-area ul li:nth-child(7){bottom:-.6rem;left:19.4rem;}

.main .health-connect > div button{width:100%;height:8rem;padding:1.6rem;border-radius:1.6rem;}
.main .health-connect > div button p{text-align: left;}
.main .health-connect > div button p.fc-gray700{color:var(--fcGray700);}
.main .health-connect > div.connect button div{position:relative;padding-left:4.8rem;}
.main .health-connect > div.connect button div.samsung::before{content:"";position:absolute;top:.3rem;left:0;width:4rem;height:4rem;background:url('../img/img_health_samsung.png') no-repeat center / 4rem 4rem;}

.main .quick-menu .quick-btn button{position:relative;width:100%;height:8rem;border:1px solid var(--fcGray200);border-radius:1.2rem;background:var(--fcWhite);padding:.4rem 1.6rem .4rem 7.2rem;}
.main .quick-menu .quick-btn button + button{margin-top:.8rem;}
.main .quick-menu .quick-btn button::before{content:"";position:absolute;top:2rem;left:2rem;width:4rem;height:4rem;background-repeat: no-repeat;background-position: center;background-size: 4rem 4rem;}
.main .quick-menu .quick-btn button.quick01::before{background-image:url('../img/img_main_quick_01.png')}
.main .quick-menu .quick-btn button.quick02::before{background-image:url('../img/img_main_quick_02.png')}
.main .quick-menu .quick-btn button.quick03::before{background-image:url('../img/img_main_quick_03.png')}
.main .quick-menu .quick-btn button.quick04::before{background-image:url('../img/img_main_quick_04.png')}
.main .quick-menu .quick-btn button p{text-align: left;}
.main .quick-menu .quick-btn button i{position:absolute;top:2.4rem;right:1.6rem;width:3.2rem;height:3.2rem;background:url('../img/ic_line_arrow_right.png') no-repeat center / 3.2rem 3.2rem;}

/* QR_06_01_010_VB - QR 인증 : 입장 */
.qr-pass > p.fs-body2{color:var(--fcPrimaryBasic);}
.qr-pass .img-wrap{margin-top:4.4rem;}
.qr-pass .img-wrap img{width:12rem;}
.btn-wrap .btn-qr-scan{position:relative;display:flex;align-items: center;justify-content: center; width:100%;height:6.4rem;font-size:1.4rem;font-weight:var(--fwRegular); box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.16);border:2px solid var(--fcPrimaryBasic);background-color: var(--fcWhite);color:var(--fcAccent)}
.btn-wrap .btn-qr-scan::before{content:"";display:inline-block;width:4rem;height:4rem;background:url('../img/img_qr_btn.png') no-repeat center / 4rem 4rem;margin-right:1rem;}
.btn-wrap .btn-qr-scan:disabled{background-color:var(--fcGray200);color:var(--fcGray500);border:none;box-shadow: none;}
.btn-wrap .btn-qr-scan:disabled:before{background-image:url('../img/img_qr_btn_off.png');}

/* QR_06_02_010_VB - QR 인증 : 퇴실 */
.qr-exit{align-items: flex-start;}
.qr-exit p.fc-gray{color:var(--fcGray700) !important}
.qr-exit .main-qr-set{position:relative;}
.qr-exit .main-qr-set::before{content:"";position:absolute;top:-8rem;right:.4rem;width:8rem;height:8rem;background:url('../img/character/img_character_activity.png') no-repeat center / 8rem 8rem;z-index: 1;}
.qr-exit .main-qr-set.point-unable::before{background-image:url('../img/character/img_character_question.png')}
.qr-exit .main-qr-set .saving{background:var(--fcSysSuccessBg);}
.qr-exit p.fs-body2.ta-c{width:100%;color:var(--fcPrimaryBasic)}

/* QR_06_01_020_VB - QR 인증 : 카메라 */
.qr-photo{background:rgba(0,0,0,0.12)}
.qr-photo .header{height:8rem;background:none;flex-direction: column;align-items: flex-start;}
.qr-photo .header .btn-close{position:absolute;top:1.8rem;right:1.6rem;background-image:url('../img/btn_close_white.png')}
.qr-photo .content{width:100%;height:100%;display:flex;align-items: center;justify-content: center;}
.qr-photo .content .box{position:relative;width:26.8rem;height:26.8rem;background:url('../img/img_camera_outline.png') no-repeat center / 26.8rem 26.8rem;display:flex;align-items: center;justify-content: center;}
.qr-photo .content .box::before{content:"";display:block;width:3.4rem;height:3.4rem;background:url('../img/img_camera_point.png') no-repeat center / 3.4rem 3.4rem;}

/* BD_05_01_010_VB - 맵 정보 */
#map{position:absolute;top:0;left:0;width:100%;height:100%}
.map-search{position:absolute;top:0;top:env(safe-area-inset-top);left:0;width:100%;padding:1.6rem 2rem;z-index:1;}
.map-filter{position:absolute;top:7.8rem;top:calc(7.8rem + env(safe-area-inset-top));left:0;width:100%;height:5rem;padding:0 2rem;z-index: 1;}
.map-filter .option{width:calc(100% - 5rem);height:100%;}
.map-filter .option button.btn-arrow{text-indent:-9999em;min-width:3.6rem;min-height:3.6rem;background-repeat:no-repeat;background-size: 3.6rem 3.6rem;background-position:center;background-color:transparent}
.map-filter .option button.btn-arrow:disabled{opacity: .5;}
.map-filter .option button.btn-arrow-left{background-image:url('../img/btn_left.png')}
.map-filter .option button.btn-arrow-right{background-image:url('../img/btn_right.png')}
.map-filter .option .option-list{width:calc(100% - 7.2rem);height:100%;display:flex;align-items:center; white-space: nowrap; overflow-x: auto; scroll-behavior: smooth; -ms-overflow-style: none;  /* IE/Edge */scrollbar-width: none;     /* Firefox */}
.map-filter .option .option-list::-webkit-scrollbar{display:none; /* Chrome/Safari */}
.map-filter .option .option-list button{display: inline-block;padding:.6rem 1.2rem;border-radius:5rem;background:var(--fcWhite);  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.24);font-size:1.5rem;line-height:2.4rem;color:var(--fcGray700);font-weight:var(--fwMedium);flex:none;}
.map-filter .option .option-list button.on{background:var(--fcPrimaryBasic);color:var(--fcWhite);font-weight:var(--fwSemiBold);}
.map-filter .option .option-list button + button{margin-left:.4rem;}
.map-move{position:absolute;width:11.2rem;height:11.2rem;left:2rem;bottom:10rem;bottom:calc(10rem - env(safe-area-inset-top));z-index: 1;}
.map-move button{position:absolute;display:block;width:5.4rem;height:5.4rem;text-indent:-9999em;background-color:transparent}
.map-move button.btn-map-up{top:0;left:50%;background:url('../img/btn_map_up.png') no-repeat center / contain;transform: translateX(-50%);}
.map-move button.btn-map-right{top:3rem;right:0;background:url('../img/btn_map_right.png') no-repeat center / contain;}
.map-move button.btn-map-down{bottom:0;left:50%;background:url('../img/btn_map_down.png') no-repeat center / contain;transform: translateX(-50%);}
.map-move button.btn-map-left{top:3rem;left:0;background:url('../img/btn_map_left.png') no-repeat center / contain;}
.btn-my-location{position:absolute;right:2rem;bottom:10rem;bottom:calc(10rem - env(safe-area-inset-top));z-index: 1;width:5.2rem;height:5.2rem;background:transparent url('../img/btn_map_focus.png') no-repeat center / 5.2rem 5.2rem;text-indent:-9999em;}
.map-position{padding:.4rem .8rem;border:1.2px solid var(--fcWhite);background-color:#29323f;border-radius:1rem .2rem 1rem 1rem;  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.24);z-index: 1;}
.map-position.favorite{padding-left:2.8rem;background:#29323f url('../img/ic_heart.png') no-repeat center left .8rem / 1.6rem 1.6rem;}

/* BD_05_01_030_VB - 시설상세 */
.facility-detail .map-wrap{position:relative;width:calc(100% + 4rem);margin-left:-2rem;margin-top:-1.6rem;height:24rem;}
.facility-detail .map-wrap .map-move{left:1rem;bottom:1rem;}
.facility-detail .detail-info{position:relative;border:1px solid var(--fcGray200);background-color:var(--fcGray100);border-radius:.8rem;margin-bottom:10rem;}
.facility-detail .detail-info::after{content:"";position:absolute;bottom:-7.2rem;right:1.2rem;width:8.4rem;height:8.4rem;background:url('../img/character/img_character_seat.png') no-repeat center / 8.4rem 8.4rem;}
.facility-detail .detail-info .my-location{padding-left:2rem;background:url('../img/ic_position.png') no-repeat center left / 1.6rem 1.6rem;}
.facility-detail .detail-info div.d-flex p:first-child{min-width:40%;}

/* BD_05_02_010_VT - 내 주변 적립 시설 */
.my-facility .tab-cont{position:relative;}
.my-facility .tab-cont .cont-list ul li + li{margin-top:.8rem;}
.my-facility .tab-cont .cont-list ul li button{position:relative;width:100%;padding:1.6rem;border-radius:.8rem; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);border:1px solid var(--fcGray200);}
.my-facility .tab-cont .cont-list ul li .operation-time p::after{content:"";display:inline-block;width:1px;height:1rem;background:var(--fcGray200);margin:0 .8rem;}
.my-facility .tab-cont .cont-list ul li .operation-time p:last-child::after{display:none;}
.my-facility .tab-cont .cont-list ul li div.d-flex{flex-wrap: wrap;}
.my-facility .tab-cont .cont-list ul li div.d-flex span{margin-right:.4rem;}
.my-facility .tab-cont .cont-list ul li div.d-flex span.badge{min-width:auto;}
.my-facility .tab-cont .cont-list ul li button i{position:absolute;bottom:1.6rem;right:1.6rem;width:2.4rem;height:2.4rem;background:url('../img/ic_favorite_on.png') no-repeat center / 2.4rem 2.4rem;}

.my-facility .tab-cont .near-list ul li button i{bottom:auto;top:.4rem;right:0;}
.my-facility .tab-cont .near-list .my-location{padding-left:2rem;background:url('../img/ic_position.png') no-repeat center left / 1.6rem 1.6rem;}

/* MC_01_06_020_VB - 알림 리스트 */
.alim-list{margin-top:-1.6rem;}
.alim-list ul li{position:relative;border-bottom:1px solid var(--fcGray200);padding:1.6rem .4rem}
.alim-list ul li:last-child{border-bottom:none;}
.alim-list ul li.new::before{content:"";position:absolute;top:2.3rem;right:.4rem;width:1.2rem;height:1.2rem;border-radius:50%;background:var(--fcPrimaryBasic)}
.alim-list ul li .btn-delete{position:absolute;bottom:1.6rem;right:.4rem;}

/* MR_08_01_010_VB - 더보기 메인 */
.more-main{padding-top:0 !important}
.more-main .myinfo{position:relative;align-items: flex-start;}
.more-main .myinfo > div{flex:1;min-height:17.1rem;}
.more-main .myinfo .active-complete{padding-top:1.6rem;padding-right:1.6rem;align-items: flex-start;}
.more-main .myinfo .active-complete .fs-h2{color:var(--fcPrimaryBasic)}
.more-main .myinfo::after{content:"";position:absolute;left:-2rem;bottom:0;width:12rem;height:12rem;background:url('../img/character/img_character_my.png') no-repeat left bottom / 12rem 12rem;}
.more-main .box{min-width:16.2rem;border:1px solid var(--fcGray200);border-radius:.8rem;background:var(--fcWhite);padding:1.6rem 0;}
.more-main .myinfo .box .box-in{padding-left:1.6rem;padding-right:1.6rem;}
.more-main .myinfo .box .box-in:first-child{border-bottom:1px solid var(--fcGray200)}
.more-main .box .btn-my{padding-left:1.6rem;padding-right:1.6rem;}
.more-main .box .btn-my button{position:relative;width:100%;height:4.8rem;font-weight:var(--fwSemiBold);padding:.8rem 3.2rem;text-align: left;background:url('../img/ic_right_line.png') no-repeat center right / 3.2rem 3.2rem;text-indent:.8rem;color:var(--fcGray900)}
.more-main .box .btn-my button + button{margin-top:.8rem;}
.more-main .box .btn-my button::before{content:"";position:absolute;top:50%;left:0; display:inline-block;width:3.2rem;height:3.2rem;margin-right:.8rem;background-repeat: no-repeat;background-size:3.2rem 3.2rem;background-position: center;transform: translateY(-50%);}
.more-main .box .btn-my button.btn-my01::before{background-image:url('../img/ic_my_01.png')}
.more-main .box .btn-my button.btn-my02::before{background-image:url('../img/ic_my_02.png')}
.more-main .box .btn-my button.btn-my03::before{background-image:url('../img/ic_my_03.png')}
.more-main .box .btn-my button.btn-my04::before{background-image:url('../img/ic_my_04.png')}
.more-main .box .btn-my button.btn-my05::before{background-image:url('../img/ic_my_05.png')}
.more-main .box .btn-my button.btn-my06::before{background-image:url('../img/ic_my_06.png')}
.more-main .box .btn-my button.btn-my07::before{background-image:url('../img/ic_my_11.png')}
.more-main .box .btn-my button.btn-my08::before{background-image:url('../img/ic_my_07.png')}
.more-main .box .btn-my button.btn-my09::before{background-image:url('../img/ic_my_08.png')}
.more-main .box .btn-my button.btn-my10::before{background-image:url('../img/ic_my_09.png')}
.more-main .box .btn-my button.btn-my11::before{background-image:url('../img/ic_my_10.png')}
.more-main .box .btn-my button span.badge{min-width: auto;text-indent:0;}

.more-main .btn-my-top button{flex:1;height:7.6rem;padding:.8rem .4rem;border-radius:.8rem; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.24);background:var(--fcWhite);display:flex;flex-direction: column;justify-content: space-between;align-items: center;}
.more-main .btn-my-top button + button{margin-left:.4rem}
.more-main .btn-my-top button i{width:4rem;height:4rem;background-size:4rem 4rem;background-repeat:no-repeat;background-position:center;}
.more-main .btn-my-top button.btn-my-01 i{background-image:url('../img/ic_my_01.png')}
.more-main .btn-my-top button.btn-my-02 i{background-image:url('../img/ic_my_02.png')}
.more-main .btn-my-top button.btn-my-03 i{background-image:url('../img/ic_my_03.png')}
.more-main .btn-my-top button.btn-my-04 i{background-image:url('../img/ic_my_04.png')}

.more-main .btm-copy div >  button{background:transparent}
.more-main .btm-copy div >  button:first-child::after{content:"";display:inline-block;width:1px;height:1rem;background:var(--fcGray200);margin:0 1.2rem;}

/* MR_08_04_010_VB - 즐겨찾기 */
.favorite-wrap .list ul li + li{margin-top:.8rem;}
.favorite-wrap .list ul li button{position:relative;width:100%;padding:1.6rem;border-radius:.8rem; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);border:1px solid var(--fcGray200);}
.favorite-wrap .list ul li .operation-time p:first-child::after{content:"";display:inline-block;width:1px;height:1rem;background:var(--fcGray200);margin:0 .8rem;}
.favorite-wrap .list ul li div.d-flex{flex-wrap: wrap;}
.favorite-wrap .list ul li div.d-flex span{margin-right:.4rem;}
.favorite-wrap .list ul li div.d-flex span.badge{min-width:auto;}
.favorite-wrap .list ul li button i{position:absolute;bottom:1.6rem;right:1.6rem;width:2.4rem;height:2.4rem;background:url('../img/ic_favorite_on.png') no-repeat center / 2.4rem 2.4rem;}

/* MR_08_05_010_VB - 측정내역 */
.measure-wrap ul li + li{margin-top:.8rem;}
.measure-wrap ul li button{position:relative;width:100%;padding:1.6rem 1.6rem 1.6rem 2rem;border-radius:1.2rem;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);border:1px solid var(--fcGray200);text-align: left;}
.measure-wrap ul li button::after{content:"";position:absolute;top:50%;right:1.6rem;transform: translateY(-50%);width:3.2rem;height:3.2rem;background:url('../img/ic_right_line.png') no-repeat center / 3.2rem 3.2rem;}
.measure-wrap ul li button p:first-child{padding-right:4rem;}

/*  MR_11_01_010_VT - 마이페이지 */
.mypage .box{position:relative;padding:2rem 1.6rem 1.6rem;border-radius:1.6rem;background-color:var(--fcPrimaryActive);}
.mypage .box::before{content:"";position:absolute;top:-5rem;right:0;width:8rem;height:6rem;background:url('../img/character/img_character_main.png') no-repeat center top / contain;}
.mypage .box h3::before{content:"";display:inline-block;width:2px;height:1.2rem;background:var(--fcSysWarning);margin-right:.6rem;}
.mypage-status{background:var(--fcGray100);}
.mypage-status .status-count ul li{padding:1.6rem;border-radius:.8rem;background-color:var(--fcGray200);}
.mypage-status .status-count ul li:first-child{background:var(--fcPrimaryActive) url('../img/character/img_character_twinkle.png') no-repeat bottom right / 8rem 6rem;}

.mypage .box .point .progress-label{position:absolute;top:0;left:0;display:flex;flex-direction: column;align-items: center;transition: left 0.2s ease;white-space: nowrap;}
.mypage .box .point .point-progress .stack-point{position:relative;padding:.35rem .5rem;background:var(--fcWhite);font-size:1.3rem;line-height:1;color:var(--fcAccent);font-weight:var(--fwBold);border-radius:.4rem;margin-bottom:.5rem;text-indent:-1px;}
.mypage .box .point .point-progress .stack-point::after{content:"";position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border-width: 5px;border-style: solid;
border-color: #fff transparent transparent transparent;width: 0;height: 0;}
.mypage .box .point .progress-bar{position:relative;padding:3.7rem .45rem 0}
.mypage .box .point .progress-bar .bar-bg{width:100%;height:1.2rem;background:var(--fcPrimaryHover);border-radius:10rem;overflow: hidden;}
.mypage .box .point .progress-bar .bar-bg .bar-fill{height:100%;background:var(--fcWhite);}
.mypage .box .point .point-progress > p{padding-right:.45rem;}
.mypage .box .special-point{padding:1.6rem 1.2rem 1.2rem;border:2px solid var(--fcAccent);border-radius:.8rem;background:var(--fcWhite);}
.mypage .box .special-point div p.fc-primary{text-decoration: underline;}

.mypage-status {height:auto !important;padding:1.6rem 2rem 4rem;}
.mypage-status .challenge .challenge-box{padding:1.6rem;border-radius:.8rem;background-color:var(--fcWhite);}
.mypage-status .challenge .challenge-box + .challenge-box{margin-top:.8rem;}
.mypage-status .challenge .challenge-box .badge{min-width: auto}
.mypage-status .challenge .progress-bar{position:relative;}
.mypage-status .challenge .progress-bar p strong{color:var(--fcGray900)}
.mypage-status .challenge .progress-bar .bar-bg{width:100%;height:1.2rem;background:var(--fcSysInfoBg);border-radius:10rem;overflow: hidden;}
.mypage-status .challenge .progress-bar .bar-bg .bar-fill{height:100%;background:var(--fcPrimaryBasic);border-radius:10rem;}

.achieve-rate{border-radius:.8rem;border:1px solid var(--fcGray200);background-color:var(--fcWhite);padding:2.4rem;}
.achieve-rate .chart-container{position:relative;width:60%;height:15.6rem;margin-right:3.6rem;}
.achieve-rate .chart-container .chart-center-text{position:absolute;top:0;left:0;width:100%;height:100%;display: flex;flex-direction: column; align-items: center;justify-content: center;}
.achieve-rate .chart-container .chart-center-text span{vertical-align: bottom;}
.achieve-rate .stats-container .stats-item{width:100%;padding:1.2rem 0;border-bottom:1px solid var(--fcGray200)}
.achieve-rate .stats-container .stats-item:last-child{border-bottom:none;}
.achieve-rate .stats-container .stats-item dd.fs-body3{font-size:1.6rem !important;line-height: 2.6rem !important}
.achieve-rate .stats-container{min-width:8rem;}

.latest-challenge ul li{padding:1.6rem 2rem;border-radius:.8rem;  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);border:1px solid var(--fcGray200);background-color:var(--fcWhite)}
.latest-challenge ul li + li{margin-top:.8rem;}

.monthly-rate .box{padding:2.4rem 1.6rem;border-radius:.8rem;background-color:var(--fcWhite);border:1px solid var(--fcGray200);}
.monthly-rate .box .progress-bar + .progress-bar{margin-top:1.6rem;}
.monthly-rate .box .progress-bar .bar-bg{width:100%;height:1.2rem;background:var(--fcSysInfoBg);border-radius:10rem;overflow: hidden;}
.monthly-rate .box .progress-bar .bar-bg .bar-fill{height:100%;background:var(--fcPrimaryBasic);border-radius:10rem;}

/* MR_08_02_010_VT - 포인트 내역 */
.point-status .box::before{top:-8.5rem;right:2rem;width:8.4rem;height:8.4rem;background:url('../img/character/img-character-point.png') no-repeat center / 8.4rem 8.4rem;}
.point-status .save-point{margin-left:-1.6rem;margin-top:1.6rem;padding-top:1.6rem;width:calc(100% + 3.2rem);border-top:1px solid var(--fcPrimaryHover);}
.point-save-tab{background:var(--fcGray100);min-height:calc(100% - 39.6rem);height:auto !important}
.point-save-tab .tab-in-tab{display:flex;}
.point-save-tab .tab-in-tab button{flex:1;padding:.6rem 1.2rem;}

/* MR_08_03_010_VT - 포인트 전환 */
.pt-box{padding:1.6rem 2rem;border:2px solid var(--fcAccent);border-radius:1.2rem;background:url('../img/character/img-character-point.png') no-repeat bottom 2.5rem right 2rem /  8.4rem 8.4rem;}

.gift-card-apply ul li{  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);border:1px solid var(--fcGray200);border-radius:.8rem;margin-top:.8rem;}
.gift-card-apply ul li > div{position:relative;padding:1.6rem;}
.gift-card-apply ul li > div:first-child{min-height:8.8rem;border-bottom:1px solid var(--fcGray200)}
.gift-card-apply ul li > div .apply-status{position:absolute;top:1.6rem;right:1.6rem;width:6rem;height:6rem;border-radius:50%;display:flex;align-items: center;justify-content: center;font-weight:var(--fwBold);color:var(--fcWhite);line-height:1.21;}
.gift-card-apply ul li > div .apply-status.confirm{background-color:var(--fcPrimaryActive)}
.gift-card-apply ul li > div .apply-status.stay{background-color:var(--fcGray600)}
.gift-card-apply ul li > div .apply-status.reject{background-color:#ed6c02}
.gift-card-apply ul li > div .btn-copy{color:var(--fcAccent);font-weight:var(--fwSemiBold);padding-left:2.2rem;background:url('../img/ic_copy.png') no-repeat center left / 2rem 2rem;}

/* MR_08_10_010_VB - 시설관리자 신청 */
.map-wrap{position:relative;height:24rem;}
.map-wrap #map{border-radius:.8rem;}
.map-wrap .map-move{position:absolute;left:1rem;bottom:1rem;}
.facility-request .ipt-box .opt-wrap{padding:0 .8rem .8rem;border-radius:.8rem;background:var(--fcGray100);flex-wrap:wrap;min-height:5.2rem;}
.facility-request .ipt-box .opt-wrap > button{height:3.6rem;padding:.5rem 3.2rem .5rem 1.2rem;border:1px solid var(--fcPrimaryHover);border-radius:5rem;font-size:1.5rem;line-height:2.4rem;color:var(--fcAccent);font-weight:var(--fwSemiBold);background:var(--fcWhite) url('../img/btn_close.png') no-repeat center right 1rem / 2rem 2rem;margin-top:.8rem;margin-right:.8rem;}
.facility-request .ipt-box div > button.plus{width:auto;padding-left:3.2rem;background-position:center left .8rem;}
.facility-request .operate-time ul li{position:relative;}
.facility-request .operate-time ul li + li{margin-top:1.7rem;}
.facility-request .operate-time ul li + li::before{content:"";position:absolute;top:-.8rem;width:100%;height:1px;background:var(--fcGray200);}
.facility-request .operate-time ul li p{width:100%;padding:1.2rem;font-size:1.5rem;line-height:2.4rem;font-weight:var(--fwMedium);border-radius:.8rem;background: var(--fcGray100);}

/* MR_12_01_010_VB - 설정 */
.setting > div{padding:.4rem 0;}
.setting > div + div{margin-top:.8rem;}

/* MR_12_07_010_PB - 등록된 기기 관리 */
.device-register{padding:1.2rem 1.6rem;border:1px solid var(--fcAccent);border-radius:.8rem;background:var(--fcGray100);text-align: center;}
.device-register .d-flex{align-items: flex-end;}
.device-setting .box-list .box{position: relative;}
.device-setting .box-list .box .status-txt{position:absolute;top:1.75rem;right:1.8rem;}
.device-setting .box-list .box .status-txt.ing::before{background-color:#09ab2d}
.device-setting .box-list .box div.d-flex p:first-child{min-width:8rem;margin-right:.4rem;}
.device-setting .box-list .box .btn-delete{position:absolute;bottom:2.5rem;right:1.6rem;width:3.2rem;height:3.2rem;background-size:3.2rem;}

/* MR_12_09_040_VB - 회원탈퇴 */
.leave-confirm{margin-top:12.6rem;}
.leave-confirm .bakho{margin-top:-2rem}

/* MR_09_03_010_VB - faq */
.faq-wrap .tab-in-tab button{margin-top:.8rem;margin-right:.4rem;}
.faq-wrap .tab-in-tab button + button{margin-left:0;}

/* MR_09_04_010_VB - 신고접수하기 */
.quotation{position:relative;}
.quotation::before{content:"";position:absolute;top:0;left:0;width:2.4rem;height:2.4rem;background:url('../img/ic_quotation_left.png') no-repeat center / 2.4rem 2.4rem;}
.quotation::after{content:"";position:absolute;top:0;right:0;width:2.4rem;height:2.4rem;background:url('../img/ic_quotation_right.png') no-repeat center / 2.4rem 2.4rem;}

/* BA_13_01_010_VT - 시설관리자 */
.visitor-static{position:relative;padding-bottom:4.8rem;}
.visitor-static::after{content:"";position:absolute;right:0;bottom:0rem;width:8.4rem;height:8.4rem;background:url('../img/character/img_character_activity.png') no-repeat center / 8.4rem 8.4rem;}
.visitor-static ul li{border-radius:.8rem;padding:1.6rem;}
.visitor-static ul li:first-child{background:var(--fcPrimaryBasic)}
.visitor-static ul li:last-child{background:var(--fcGray200)}

/* BA_13_04_010_VT - 출입자 전체 이력 */
.visitor-list ul li{padding:1.6rem;border-radius:.8rem;border:1px solid var(--fcGray200); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);}
.visitor-list ul li + li{margin-top:.8rem;}

/* MC_01_04_010_VB - 앱가이드 */
.app-guide{position:relative;width:100%;height:100%;}
.app-guide .app-guide-swiper{width:100%;height:100%;}
.app-guide .app-guide-swiper .swiper-container{height:calc(100% - 8rem);display:flex;flex-direction: column;align-items: center;justify-content: center;}
.app-guide .app-guide-swiper .swiper-container .swiper-wrapper{height:auto;}
.app-guide .app-guide-swiper .swiper-container .swiper-button{position:fixed;bottom:.4rem;left:0;padding:1.2rem 1.6rem 2rem;width:100%;}
.app-guide .app-guide-swiper .swiper-container .swiper-button button{width:100%;height:4.8rem;background:var(--fcPrimaryBasic);}
.app-guide .app-guide-swiper .swiper-container .swiper-button button.swiper-button-disabled{
  pointer-events: auto;opacity: 1;}
.app-guide .app-guide-swiper .swiper-slide .img {width:100%;max-width:32rem;margin:0 auto;}
.app-guide .app-guide-swiper .swiper-slide .img img{width:100%;}

/* RP_07_01_010_VT.html - 활동 리포트 */
.activity-report .report-box{padding:1.6rem .8rem;border:1px solid var(--fcGray200);border-radius:.8rem;background:var(--fcWhite);}
.activity-report .report-box dl{flex:1;text-align: center;}
.activity-report .app-connect{background:#f1f5ff}

/* MR_08_09_030_VT - 목표 및 관리 */
.my-goal div .badge + .badge{margin-left:.4rem;}
.my-goal .goal-box > div{display:inline-block;border:1px solid var(--fcGray200);border-radius:.8rem;min-width:12.8rem;min-height:12.8rem;text-align: center;}
.goal-tab{position:relative;}
.goal-tab::before{content:"";position:absolute;top:-9.2rem;right:.4rem;width:9.2rem;height:9.2rem;background:url('../img/character/img_character_activity.png') no-repeat center / 9.2rem 9.2rem;}
.goal-tab + .goal-tab-in{background:var(--fcGray100);min-height:calc(100% - 30.8rem);height:auto !important;padding-bottom:4rem;}
.goal-tab + .goal-tab-in .goal-select > p{min-width:fit-content}

/* MR_08_11_010_VB - 시설이용 */
.facility-use .btn.plus{padding-left:3.4rem;background-position:center left .8rem;}

/* BA_13_02_010_VT - 직원관리 */
.staff-list .btn.plus{padding-left:3.4rem;background-position:center left .8rem;}
.staff-list .btn-list .d-flex p:first-child::after{content:"";display:inline-block;width:1px;height:1rem;background:var(--fcGray200);margin:0 .8rem;}

/* BA_13_03_020_VT - 미성년회원승인 상세 */
.minor-member .protector-info{position:relative;padding:1.6rem;border:1px solid var(--fcGray200);background:var(--fcGray100);border-radius:.8rem;text-align: left;}
.minor-member .protector-info > p > span{vertical-align: baseline;}
.minor-member .protector-info p.line-txt{text-decoration: underline; text-underline-offset: 3px;}
.minor-member .border-box{position:relative;padding:1.6rem 2rem;border:1px solid var(--fcGray200);background:var(--fcGray100);border-radius:.8rem;}

/* MR_08_12_010_VB - 챌린지 */
.challenge-list ul li{flex:1;display:flex;flex-direction:column; align-items: center;padding:1.6rem;height:9.4rem;border-radius:.8rem;background:var(--fcGray200)}
.challenge-list ul li:first-child{background-color:var(--fcPrimaryBasic)}
.challenge-list ul li + li{margin-left:.4rem;}
.challenge-tab-conts{height:auto !important;}




/* 스와이퍼 스타일 */
/* 1. swiper 메인 카드 뉴스 */
.main-cardnews .swiper-container {padding-bottom:2.4rem;}
.main-cardnews .swiper-container .swiper-wrapper{width:100%;height:auto !important;border-radius:1.6rem;}
.main-cardnews .swiper-container .swiper-wrapper .swiper-slide{width:100%;height:auto !important; aspect-ratio: 1.7 / 1;max-height:30rem;border-radius:1.6rem;overflow: hidden;}
.main-cardnews .swiper-container .swiper-wrapper .swiper-slide img{width: 100%;
height: 100%;object-fit: cover;display: block;}
.main-cardnews .swiper-container .swiper-button{position:absolute;bottom:2.4em;right:.8rem;}
.main-cardnews .swiper-container .swiper-pagination{bottom:0}

/* 2. swiper 메인 챌린지 */
.challenge-cont{width:calc(100% + 4rem);margin-left:-2rem;padding-left:2rem;}
.challenge-cont > div > button.fc-accent{background: transparent;}
.main-challenge .swiper-slide{width:14.4rem;height:16.8rem;}
.main-challenge .swiper-slide + .swiper-slide{margin-left:1.2rem;}
.main-challenge .swiper-slide .box{position:relative;width:100%;height:100%;border-radius:1.6rem .2rem 1.6rem 1.6rem;background:var(--fcWhite);padding:1.6rem 1.6rem 0;}
.main-challenge .swiper-slide .box button{position:absolute;left:0;bottom:0;width:100%;height:4.4rem;padding:1rem 1.6rem;background:var(--fcPrimaryActive);color:var(--fcWhite);border-radius:0 0 1.6rem 1.6rem;}
.main-challenge .swiper-slide .box button:disabled{background:var(--fcGray100);color:var(--fcSysWarning);}
.main-challenge .swiper-button{justify-content: center;margin-left:-2rem;}

/* 팝업 스타일 */
#LO0203010VB .info-box{padding:1.2rem 1.6rem 1.6rem;border:1px solid var(--fcAccent);background-color:var(--fcGray100);border-radius:.8rem;}
#LO0203010VB .info-box > *{color:var(--fcAccent);}
#LO0203010VB .info-box dl{display:flex;text-align: left;margin-top:.2rem;}
#LO0203010VB .info-box dl dt{width:5.2rem;margin-right:.8rem;}
#LO0203010VB .info-txt{padding-left:3rem;background:url('../img/ic_solid_error_cycle.png') no-repeat top .3rem left .8rem / 1.6rem 1.6rem;}

#MC0115080PB .popup .pop-title{height:5.2rem;}
#MC0115080PB .d-flex .agree-box{max-height:25em;}

#MC0109010PB .popup {height:56rem}
#MC0109010PB .popup .pop-body .address-box > p.fw-semibold{color:var(--fcPrimaryBasic)}
#MC0109010PB .popup .pop-body .address-box .list-box{overflow-y: auto;height:32rem;}
#MC0109010PB .popup .pop-body .address-box .list-box ul li{position:relative;cursor: pointer;}
#MC0109010PB .popup .pop-body .address-box .list-box ul li::after{content:"";display:block;width:100%;height:1px;background:var(--fcGray200);margin:.8rem 0;}
#MC0109010PB .popup .pop-body .address-box .list-box ul li:last-child::after{display:none;}
#MC0109010PB .popup .pop-body .address-box .list-box ul li p{text-align: left;}
#MC0109010PB .popup .pop-body .address-box .list-box ul li p.fw-semibold{color:var(--fcPrimaryBasic)}

#QR0602020PBDesc .box{width:100%;height:8.8rem;border-radius:.8rem;background:var(--fcSysDangerBg);}
#QR0602020PBDesc .box::before{content:"";display:inline-block;width:4rem;;height:4rem;background:url('../img/ic_unable.png') no-repeat center / 4rem 4rem;margin-right:1.2rem;}

#QR0602030PBDesc .box{width:100%;height:8.8rem;border-radius:.8rem;background:var(--fcSysSuccessBg);}
#QR0602030PBDesc .box::before{content:"";display:inline-block;width:4rem;;height:4rem;background:url('../img/ic_able.png') no-repeat center / 4rem 4rem;margin-right:1.2rem;}

#MR0803030VTDesc .pt-box{background-position:center right 2rem;background-size:6rem 6rem;}

#MR0810040PBDesc button.plus{width:auto;padding-left:3.2rem;background-position:center left .8rem;}
#MR0810040PBDesc ul li{position:relative;}
#MR0810040PBDesc ul li + li{margin-top:1.7rem;padding-right:4.4rem;}
#MR0810040PBDesc ul li + li::before{content:"";position:absolute;top:-.8rem;width:100%;height:1px;background:var(--fcGray200);}
#MR0810040PBDesc ul li .ipt-box + .ipt-box{margin-top:.4rem;}
#MR0810040PBDesc ul li .btn-delete{position:absolute;top:50%;right:0;transform: translateY(-50%);width:3.2rem;height:3.2rem; background-size:3.2rem 3.2rem;}

#MR0904030PBDesc ul li{position:relative;padding:.3rem 0 .8rem 3.2rem;}
#MR0904030PBDesc ul li + li{margin-top:.8rem;}
#MR0904030PBDesc ul li span{position:absolute;top:2px;left:0;width:2.4rem;height:2.4rem;color:var(--fcWhite);font-weight:var(--fwSemiBold);border-radius: 50%;background:var(--fcPrimaryActive);line-height:2.4rem;}
#MR0904030PBDesc ul li p{text-align: left;font-size:1.4rem;}

#MR0811020VBDesc .facility-info-box{position:relative;min-height:16.6rem;padding:1.6rem;border:1px solid var(--fcGray200);background:var(--fcGray100);border-radius:.8rem;text-align: left;}
#MR0811020VBDesc .facility-info-box:has(.fc-gray700){display:flex;align-items: center;justify-content: center;}
#MR0811020VBDesc .facility-info-box .btn-delete{position:absolute;top:1.6rem;right:1.6rem;width:3.2rem;height:3.2rem;background-size:3.2rem;}

#MR0811030VBDesc .facility-info-box{position:relative;min-height:16.6rem;padding:1.6rem;border:1px solid var(--fcGray200);background:var(--fcGray100);border-radius:.8rem;text-align: left;}
#MR0811030VBDesc .use-period > div.d-flex{padding:1.2rem;background:var(--fcGray100);border-radius:.8rem;}
#MR0811030VBDesc .border-box{position:relative;margin-top:.8rem;padding:1.6rem 2rem;border:1px solid var(--fcGray200);background:var(--fcGray100);border-radius:.8rem;text-align: left;}

#BA1302030PTDesc .staff-info-box{position:relative;padding:1.6rem;border:1px solid var(--fcGray200);background:var(--fcGray100);border-radius:.8rem;text-align: left;}

/* 팝업 - 이용약관 히스토리 공통 */
.pop-body .btn-agree-history-list button{background-image:url('../img/ic_line_arrow_right.png');box-shadow: none;}
.pop-body .btn-agree-history-list button + button{margin-top:.8rem;}