@charset "utf-8";
/*---------------------------------------------
	파일명 : my
	설　명 : 마이메뉴 페이지들
---------------------------------------------*/
/* 마이 배달긱  */
#my{padding-top: 50px;}
/*#my header {padding: 0 50px 0 45px;}*/
#my header .linkReminder{position: absolute; top: 0; right: 0; z-index: 10; width: 45px; height: 50px; line-height: 50px; text-align: center;}
#my header .linkReminder:focus{background-color: #F5F5F5;}
#my header .linkReminder .iconReminder{width: 24px; height: 24px; vertical-align: top; margin-top: 15px;}
#my header .linkReminder .iconReminder rect{fill: none;}
#my header .linkReminder .iconReminder path,
#my header .linkReminder .iconReminder line{fill: none; stroke: #000; stroke-width: 1.5px; stroke-linecap: round; stroke-linejoin: round;}
#my .sectionMy{position: relative; width: 100%; height: auto; margin-bottom: 5px; padding: 30px 20px 20px 20px; box-sizing: border-box; background-color: #FFFFFF;}
#my .sectionMy .areaNonMember{position: relative; width: 100%; padding: 10px 0 10px 0;}
#my .sectionMy .areaNonMember .textNonMember{width: 100%; height: auto; line-height: 1.5rem; margin-bottom: 15px; font-size: 0.875rem; text-align: center;}
#my .sectionMy .areaNonMember .welcome{color: #131313; font-size: 1.125rem; font-weight: 700;}
#my .sectionMy .linkProfile{position: relative; width: 100%; line-height: 20px; margin-bottom: 30px;}
#my .sectionMy .linkProfile .nickname{display: inline-block; height: 20px; margin-right: 3px; padding: 0 5px; border-bottom: 10px solid #FAE58E; box-sizing: border-box; color: #131313; font-size: 1.125rem; font-weight: 700;}
#my .sectionMy .linkProfile .iconMore{position: absolute; top: 0; right: 0;}
#my .sectionMy .bgMemberOnly{width: 100%; height: auto; border-radius: 5px; border: 1px solid #EAEAEA;}
#my .sectionMy .bgMemberOnly .areaCash{width: 100%; height: auto; box-shadow: 0 1px 4px rgba(0,0,0,12%);}
#my .sectionMy .bgMemberOnly .areaCash:after{content: ""; display: block; clear: both;}
#my .sectionMy .bgMemberOnly .linkCash{float: left; position: relative; width: 50%; height: auto; line-height: 1rem; padding: 20px 0; text-align: center;}
#my .sectionMy .bgMemberOnly .linkCash:first-of-type:after{content: ""; position: absolute; top: 20px; right: 0; bottom: 20px; width: 1px; background-color: #EAEAEA;}
#my .sectionMy .bgMemberOnly .haveCash{margin-top: 7px; color: #131313; font-size: 1rem; font-weight: 700;}
#my .sectionMy .bgMemberOnly .areaBenefitsNotice{visibility: hidden; position: absolute; top: 70px; left: 50%; width: 200px; height: 30px; line-height: 30px; margin-left: -100px; border-radius: 17px; color: #FFFFFF; background-color: rgba(0,0,0,0.6); font-size: 0.625rem; font-weight: 700; text-align: center; letter-spacing: -0.2px;}
#my .sectionMy .bgMemberOnly .areaBenefitsNotice:after{content: ""; position: absolute; left: 50%; top: -12px; width: 0; height: 0; margin-left: -6px; border-bottom: 6px solid rgba(0,0,0,0.6); border-top: 6px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent;}
#my .sectionMy .bgMemberOnly .areaBenefitsNotice.visible{animation: fadeOut 2s ease-in-out forwards;}
#my .sectionMy .ulQuick{position: relative; width: 100%; height: auto; margin-top: 20px;}
#my .sectionMy .ulQuick:after{content: ""; display: block; clear: both;}
#my .sectionMy .liQuick{float: left; position: relative; width: 33.3333%;}
#my .sectionMy .liQuick:last-of-type:after{background-color: transparent}
#my .sectionMy .linkQuick{position: relative; padding: 5px 0; text-align: center;}
#my .sectionMy .iconQuick{width: 16px; height: 16px; margin-bottom: 5px;}
#my .sectionMy .liQuick:last-of-type .iconQuick{width: 18px; height: 18px; margin-bottom: 3px;}
#my .sectionMy .iconQuick rect{fill: none;}
#my .sectionMy .iconQuick path{fill: #131313;}
#my .sectionMy .iconOrder{width: 16px; height: 16px; vertical-align: top;}
#my .sectionMy .textQuick{line-height: 14px; color: #131313; font-size: 14px; text-align: center;}
@keyframes fadeOut {
    0% {
        opacity: 1; visibility: visible;
    }
    60% {
        opacity: 1; visibility: visible;
    }
    100%{
        opacity: 0; visibility: hidden;
    }
}

#my .sectionBenefits{position: relative; width: 100%; height: auto; margin-bottom: 5px; padding: 30px 0; box-sizing: border-box; background-color: #FFFFFF;}
#my .sectionBenefits h3{margin-bottom: 22px; padding: 0 20px; box-sizing: border-box;}
#my .sectionBenefits .areaBenefits{position: relative; width: 100%; height: auto; padding: 0 20px; box-sizing: border-box; overflow: hidden;}
#my .sectionBenefits .ulBenefits{position: relative; width: 100%; height: auto;}
#my .sectionBenefits .liBenefits{position: relative; width: 210px; height: 90px; padding-right: 10px;}
#my .sectionBenefits .linkBenefits{display: block; position: relative; width: 100%; height: 100%; line-height: 1.4; padding: 25px 20px 0 20px; border-radius: 5px; box-sizing: border-box; font-size: 0.875rem;}
/*#my .sectionBenefits .liBenefits:nth-of-type(1) .linkBenefits{background: #FFEEEE url("https://d28cs9jl94n3og.cloudfront.net/baedalgeek/icon/imgBenefitPayco.png") no-repeat center right; background-size: contain;}*/
#my .sectionBenefits .liBenefits:nth-of-type(1) .linkBenefits{background: #F1F1FD url("https://d28cs9jl94n3og.cloudfront.net/baedalgeek/icon/imgBenefitRecommend.png") no-repeat center right; background-size: contain;}
#my .sectionBenefits .liBenefits:nth-of-type(2) .linkBenefits{background: #F2F7F2 url("https://d28cs9jl94n3og.cloudfront.net/baedalgeek/icon/imgBenefitRoulette.png") no-repeat center right; background-size: contain;}
#my .sectionBenefits .liBenefits:nth-of-type(3) .linkBenefits{background: #FFF5F0 url("https://d28cs9jl94n3og.cloudfront.net/baedalgeek/icon/imgBenefitSave.png") no-repeat center right; background-size: contain;}
#my .sectionBenefits .linkBenefits strong{font-size: 1rem; font-weight: 700; letter-spacing: -0.5px;}
/*#my .sectionBenefits .liBenefits:nth-of-type(1) strong{color: #F42829;}*/
#my .sectionBenefits .liBenefits:nth-of-type(1) strong{color: #5858C6;}
#my .sectionBenefits .liBenefits:nth-of-type(2) strong{color: #056B0A;}
#my .sectionBenefits .liBenefits:nth-of-type(3) strong{color: #FF8048;}

#my .sectionEtc{position: relative; width: 100%; height: auto; margin-bottom: 5px; padding: 10px 20px 30px 20px; box-sizing: border-box; background-color: #FFFFFF;}
#my .sectionEtc .ulEtc{position: relative; width: 100%; height: auto;}
#my .sectionEtc .liEtc{position: relative; width: 100%; height: auto; border-bottom: 1px solid #EAEAEA;}
#my .sectionEtc .liEtc:last-of-type{border-bottom: none;}
#my .sectionEtc .linkEtc{position: relative; width: 100%; height: 60px; line-height: 60px; padding: 0 5px; box-sizing: border-box;}
#my .sectionEtc .titleCS{width: 100%; height: 60px; line-height: 60px; padding: 0 5px; box-sizing: border-box;}
#my .sectionEtc .ulCS{position: relative; width: 100%; height: auto;}
#my .sectionEtc .ulCS:after{content: ""; display: block; clear: both;}
#my .sectionEtc .liCS{float: left; width: 50%; height: auto; padding: 0 5px; box-sizing: border-box;}
#my .sectionEtc .linkCs{display: block; width: 100%; height: 40px; line-height: 38px; border: 1px solid #EAEAEA; border-radius: 5px; box-sizing: border-box; text-align: center;}
#my .sectionEtc .linkCs:focus{background-color: #F5F5F5;}
#my .sectionEtc .linkCs .iconCall,
#my .sectionEtc .linkCs .iconKakao{width: 20px; height: 20px; vertical-align: top; margin-top: 9px; margin-right: 3px; margin-left: -5px;}
#my .sectionEtc .linkCs .iconCall rect,
#my .sectionEtc .linkCs .iconKakao rect{fill: none;}
#my .sectionEtc .linkCs .iconCall path,
#my .sectionEtc .linkCs .iconKakao path{fill: #505050;}

/*#authPopup .btnPopClose{position: absolute; top: 0; left: 0; z-index: 10; width: 50px; height: 50px; line-height: 50px; text-align: center;}*/
/*#authPopup .btnPopClose .iconDelete{width: 20px; height: 20px; vertical-align: top; margin-top: 15px;}*/
/*#authPopup .btnPopClose .iconDelete rect{fill: none;}*/
/*#authPopup .btnPopClose .iconDelete line{stroke: #505050; stroke-linecap: round; stroke-miterlimit: 4; stroke-width: 2px;}*/
/*#authPopup { background: transparent; z-index: 2000;}*/
/*#authPopup .sectionAuthResult{position: fixed; top: 50px; right: 0; bottom: 0; left: 0; background: #F5F5F5; overflow-y: auto; overflow-x: hidden;}*/
/*@media screen and (min-width: 480px) {*/
/*    #authPopup .sectionAuthResult{width: 480px; left: unset; right: unset;}*/
/*}*/
/**/
/* 내정보 수정 */
#myInformation{padding-top: 50px;}
#myInformation .sectionUnique{position: relative; width: 100%; height: auto; padding: 30px 0;}
#myInformation .sectionUnique .my_bdg{width: 40px; height: 40px; margin: 0 auto 10px auto; border-radius: 100%; background-color: #FFFFFF; box-shadow: 0 1px 4px rgba(0,0,0,12%);}
#myInformation .sectionUnique .my_bdg svg{width: 40px; height: 40px; vertical-align: top;}
#myInformation .sectionUnique .my_bdg circle{fill: none;}
#myInformation .sectionUnique .my_bdg path{fill: #101838;}
#myInformation .sectionUnique .id{width: 100%; height: auto; line-height: 16px; color: #505050; text-align: center;}
#myInformation .sectionUnique .id img{width: 16px; height: 16px; vertical-align: top;}

#myInformation .sectionChangeable{position: relative; width: 100%; height: auto; padding: 0 20px; box-sizing: border-box;}
#myInformation .sectionChangeable .ulChangeable{position: relative; width: 100%; height: auto; border: 1px solid #EAEAEA; border-radius: 5px; box-sizing: border-box; background-color: #FFFFFF;}
#myInformation .sectionChangeable .liChangeable{position: relative; width: 100%; height: auto; border-bottom: 1px solid #EAEAEA;}
#myInformation .sectionChangeable .liChangeable:last-of-type{border-bottom: none;}
#myInformation .sectionChangeable .linkChangeable{position: relative; display: block; width: 100%; height: auto; padding: 15px; box-sizing: border-box;}
#myInformation .sectionChangeable .liChangeable .left{line-height: 1rem; color: #131313; font-weight: 700;}
#myInformation .sectionChangeable .liChangeable .right{position: absolute; top: 15px; right: 15px; line-height: 1rem; color: #A0A0A0; font-size: 0.875rem;}
#myInformation .sectionChangeable .liChangeable .iconMore{width: 16px; height: 16px; vertical-align: top;}

#myInformation .sectionMyPlace{position: relative; width: 100%; height: auto; padding: 30px 20px 0 20px; box-sizing: border-box;}
#myInformation .sectionMyPlace .myTitle{width: 100%; height: auto; line-height: 1rem; margin-bottom: 15px; padding: 0 15px; box-sizing: border-box; color: #131313; font-weight: 700;}
#myInformation .sectionMyPlace .subTitle{width: 100%; line-height: 0.75rem; margin-top: 5px; color: #A0A0A0; font-size: 0.75rem; font-weight: 500;}
#myInformation .sectionMyPlace .areaBefore,
#myInformation .sectionMyPlace .areaAfter{position: relative; display: block; width: 100%; height: auto; line-height: 1rem; padding: 15px 0; box-sizing: border-box; border: 1px solid #EAEAEA; border-radius: 5px; background-color: #FFFFFF;}
#myInformation .sectionMyPlace .areaBefore{padding-left: 15px; padding-right: 65px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#myInformation .sectionMyPlace .areaBefore .btnChange{position: absolute; top: 0; right: 0; line-height: 1rem; padding: 15px 20px; color: #A0A0A0; font-size: 0.875rem; text-decoration: underline;}
#myInformation .sectionMyPlace .areaAfter{padding-right: 65px;}
#myInformation .sectionMyPlace .areaAfter:after{content: ""; display: block; clear: both;}
#myInformation .sectionMyPlace .areaAfter .areaMyPlace{float: left; position: relative; box-sizing: border-box;}
#myInformation .sectionMyPlace .areaAfter .areaMyPlace:first-of-type{width: 35%; padding-left: 15px; border-right: 1px solid #DADADA;}
#myInformation .sectionMyPlace .areaAfter .areaMyPlace:last-of-type{width: 65%; padding-left: 10px;}
#myInformation .sectionMyPlace .areaAfter .textSelect{position: relative; padding-right: 24px; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#myInformation .sectionMyPlace .areaAfter .iconUnfold{position: absolute; top: 0; right: 8px; width: 16px; height: 16px;}
#myInformation .sectionMyPlace .areaAfter .select{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; opacity: 0;}
#myInformation .sectionMyPlace .areaAfter .btnChange{position: absolute; top: 0; right: 0; line-height: 1rem; padding: 15px 20px; border-radius: 0 5px 5px 0; background-color: #0f173a; color: #FFF; font-size: 0.875rem; font-weight: 700;}

#myInformation .sectionSocial{position: relative; width: 100%; height: auto; padding: 30px 20px 0 20px; box-sizing: border-box;}
#myInformation .sectionSocial .myTitle{width: 100%; height: auto; line-height: 1rem; margin-bottom: 15px; padding: 0 15px; box-sizing: border-box; color: #131313; font-weight: 700;}
#myInformation .sectionSocial .subTitle{width: 100%; line-height: 0.75rem; margin-top: 5px; color: #A0A0A0; font-size: 0.75rem; font-weight: 500;}
#myInformation .sectionSocial .areaSocial{position: relative; display: block; width: 100%; height: auto; line-height: 30px; padding: 8px 90px 8px 15px; box-sizing: border-box; border: 1px solid #EAEAEA; border-radius: 5px; background-color: #FFFFFF;}
#myInformation .sectionSocial .areaSocial .iconSocial{width: 30px; height: 30px; margin-right: 5px; vertical-align: top;}
#myInformation .sectionSocial .areaSocial .iconSocial.off rect{fill: #EAEAEA;}
#myInformation .sectionSocial .areaSocial .iconSocial.off path{fill: #505050;}
#myInformation .sectionSocial .areaSocial .iconSocial.on rect{fill: #FEE500;}
#myInformation .sectionSocial .areaSocial .iconSocial.on path{fill: #181600;}
#myInformation .sectionSocial .areaSocial .btnChange{position: absolute; top: 0; right: 0; line-height: 1rem; padding: 15px 20px; color: #A0A0A0; font-size: 0.875rem; text-decoration: underline;}

#myInformation .sectionOut{position: relative; width: 100%; padding: 60px 0 30px 0; box-sizing: border-box; background-color: #F5F5F5; text-align: center;}
#myInformation .sectionOut .btnOut{display: inline-block; position: relative; height: 0.875rem; line-height: 0.875rem; padding: 0 15px; color: #909090; font-size: 0.875rem;}
#myInformation .sectionOut .btnOut:after{content: ""; position: absolute; top: 2px; right: 0; bottom: 2px; width: 1px; background-color: #DADADA;}
#myInformation .sectionOut .btnOut:last-of-type:after{background-color: transparent;}

/* 내정보 변경 */
#myChangeable{padding-top: 50px; padding-bottom: 70px;}
#myChangeable .bgContent{padding-bottom: 70px;}
#myChangeable .sectionNickname{position: relative; width: 100%; padding: 30px 20px; box-sizing: border-box;}
#myChangeable .sectionNickname h3{margin-bottom: 15px;}
#myChangeable .sectionCertification{position: relative; width: 100%; padding: 30px 20px; box-sizing: border-box;}
#myChangeable .sectionCertification h3{margin-bottom: 15px;}
#myChangeable .sectionNewPassword{position: relative; width: 100%; padding: 30px 20px; box-sizing: border-box;}
#myChangeable .sectionNewPassword h3{margin-bottom: 15px;}
#myChangeable .sectionNewPassword .setBorder{margin-bottom: 10px;}
#myChangeable .sectionNewPassword .setBorder:first-of-type{margin-bottom: 20px;}
#myChangeable .sectionNewPassword .setBorder:last-of-type{margin-bottom: 0;}

/* 본인인증 */
#myChangeable .sectionMyAuth{position: relative; width: 100%; padding: 30px 20px 20px 20px; box-sizing: border-box;}
#myChangeable .sectionMyAuth .areaMyAuth{position: relative; width: 100%; padding: 20px; border-radius: 5px 5px 0 0; border: 1px solid #EAEAEA; box-sizing: border-box; background-color: #FFFFFF;}
#myChangeable .sectionMyAuth .areaMyAuth .name{line-height: 1.125rem; color: #131313; font-size: 1.125rem; font-weight: 700;}
#myChangeable .sectionMyAuth .areaMyAuth .date{line-height: 0.75rem; margin-top: 7px; color: #909090; font-size: 0.75rem;}
#myChangeable .sectionMyAuth .areaAuthService{position: relative; width: 100%; line-height: 1.125rem; margin-top: -1px; padding: 20px; border-radius: 0 0 5px 5px; border: 1px solid #EAEAEA; box-sizing: border-box; background-color: #FFFFFF; font-size: 0.75rem; word-break: keep-all;}
#myChangeable .sectionNotice{position: relative; width: 100%; height: auto; padding: 0 20px 20px 20px; box-sizing: border-box;}
#myChangeable .sectionNotice .titleNotice{margin-bottom: 10px; color: #909090; font-size: 0.75rem;}
#myChangeable .sectionNotice .liNotice{position: relative; line-height: 1.4; margin-bottom: 3px; padding-left: 10px; box-sizing: border-box; color: #909090; font-size: 0.625rem;}
#myChangeable .sectionNotice .liNotice .dash{position: absolute; top :0; left: 0; color: inherit; font-size: inherit;}

#authConfirm{background: transparent;}
#authConfirm .btnPopClose{position: absolute; top: 0; left: 0; z-index: 10; width: 50px; height: 50px; line-height: 50px; text-align: center;}
#authConfirm .btnPopClose .iconDelete{width: 20px; height: 20px; vertical-align: top; margin-top: 15px;}
#authConfirm .btnPopClose .iconDelete rect{fill: none;}
#authConfirm .btnPopClose .iconDelete line{stroke: #505050; stroke-linecap: round; stroke-miterlimit: 4; stroke-width: 2px;}
#authConfirm .sectionAuthConfirm{position: fixed; top: 50px; right: 0; bottom: 70px; left: 0; background: #FFFFFF; text-align: center;}
#authConfirm .sectionAuthConfirm .imgAuthConfirm{width: 63px; margin: 100px auto 20px auto;}
#authConfirm .sectionAuthConfirm .titleConfirm{color: #131313; font-size: 1.25rem; font-weight: 700;}
#authConfirm .sectionAuthConfirm .contentConfirm{margin-top: 15px; line-height: 1rem; font-size: 0.75rem;}
#authConfirm .sectionAuthConfirm .subConfirm{width: 280px; height: auto; margin: 15px auto 0 auto; padding: 15px; box-sizing: border-box; border-radius: 5px; background-color: #F5F5F5; color: #909090; font-size: 0.75rem;}
#authConfirm .sectionAuthConfirm .subConfirm b{color: #505050; font-size: inherit;}
#authConfirm .sectionFull{position: fixed; right: 0; bottom: 0; left: 0;}
@media screen and (min-width: 480px) {
    #authConfirm .sectionAuthConfirm{width: 480px; left: unset; right: unset;}
    #authConfirm .sectionFull{width: 480px; left: unset; right: unset;}
}

/* 배달긱 소개 */
#onboarding .sectionOnboarding{position: fixed; top: 50px; bottom: 0; width: 100%; overflow: hidden; background-color: #FFFFFF;}
@media screen and (min-width: 480px) {
    #onboarding .sectionOnboarding{width: 480px;}
}
#onboarding .sectionOnboarding .ulOnboarding{position: relative; width: 100%; height: 100%; z-index: 10;}
#onboarding .sectionOnboarding .liOnboarding{position: relative; width: 100%; height: 100%;}
#onboarding .sectionOnboarding .areaCopy{position: absolute; top: 0; right: 0; left: 0; display: flex; flex-direction: column; align-content: center; justify-content: center; height: 34%;}
#onboarding .sectionOnboarding .areaCopy .center{line-height: 1.375rem; text-align: center;}
#onboarding .sectionOnboarding .areaCopy h2{display: inline-block; width: unset!important; height: 18px; margin-bottom: 20px; padding: 0 8px; border-bottom: 10px solid #FAE58E;}
#onboarding .sectionOnboarding .swiper-pagination{top: 34%; height: 8px; margin-top: -40px;}
#onboarding .sectionOnboarding .swiper-pagination-bullet-active{width: 24px; border-radius: 4px; background-color: #0f173a;}
#onboarding .sectionOnboarding .swiper-button-next, .swiper-button-prev{top: 15%; margin-top: -15px;}
#onboarding .sectionOnboarding .swiper-button-next:after, .swiper-button-prev:after{color: #A0A0A0; font-size: 20px;}
#onboarding .sectionOnboarding .ulImg{position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 65%; overflow: hidden;}
#onboarding .sectionOnboarding .liImg{position: absolute; width: 100%; height: 100%; opacity: 0; transition: 0.5s ease all; -moz-transition: 0.5s ease all; -webkit-transition: 0.2s ease all;}
#onboarding .sectionOnboarding .liImg.active{opacity: 1;}
#onboarding .sectionOnboarding .liImg img{display: block; height: 100%; margin: 0 auto; object-fit: contain;}

/* 투표 */
#community{padding-top: 95px;}
#community header h1{text-align: left;}
#community header .setLinkPlace{position: absolute; top: 0; left: 78px;}
#community header .btnLinkPlace{display: block; height: 50px; line-height: 50px; padding: 0 12px; color: #505050; font-size: 0.875rem; font-weight: 500;}
#community header .btnLinkPlace .iconUnfold{margin-top: 14px;}
#community header .sectionTabUnder .labelTabUnder{height: 45px; line-height: 45px; padding: 0 15px; font-size: 1rem;}
#community header .sectionTabUnder .labelTabUnder:after{left: 15px; right: 15px;}

#community .sectionVoteSpot{position: fixed; top: 95px; bottom: 0; width: 100%; height: 100%; overflow: hidden;}
@media screen and (min-width: 480px) {
    #community .sectionVoteSpot{width: 480px;}
}
#community .sectionVoteSpot .spotVoteMap{width: 100%; height: 100%; overflow: hidden;}
#community .sectionVoteSpot .spotVoteMap .spotOverlay{position: relative; top: 40px; height: auto; padding: 7px 10px; border-radius: 5px; background-color: rgba(0,0,0,0.6);}
#community .sectionVoteSpot .spotVoteMap .spotOverlay:after{content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 0; margin-left: -5px; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid rgba(0,0,0,0.6); border-left: 5px solid transparent;}
#community .sectionVoteSpot .spotVoteMap .spotOverlay .name{line-height: 0.875rem; color: #FFFFFF; font-size: 0.75rem; font-weight: 600;}
#community .setVoteTop{position: fixed; left: 50%; width: 134px; z-index: 3000; margin-top: -80px; margin-left: -67px; }
@media screen and (min-width: 1024px) {
    #community .setVoteTop{margin-left: 140px;}
}
#community .setVoteTop .btnVoteTop{display: block; width: 100%; height: 38px; line-height: 38px; background-color: #FFF; border-radius: 20px; color: #131313; font-size: 0.875rem; font-weight: 700; box-shadow: 0 1px 4px rgba(0,0,0,12%);}
#community .setVoteTop .btnVoteTop img{vertical-align: top; height: 19px; margin-top: 8px; margin-right: 7px;}
#community .setVoteTop .btnVoteTop .iconVoteList{vertical-align: top; width: 22px; height: 22px; margin-top: 8px; margin-right: 3px; margin-left: -5px;}
#community .setVoteTop .btnVoteTop .iconVoteList rect{fill: none;}
#community .setVoteTop .btnVoteTop .iconVoteList line{fill: none; stroke: #505050; stroke-linecap: round; stroke-width: 1.5px;}
#community .setVoteTop .btnVoteTop .iconVoteList circle{fill: #505050;}
#community .areaVoteIntro{position: relative; width: 100%; padding: 15px 20px 20px 20px; box-sizing: border-box; border-bottom: 5px solid #F5F5F5;}
#community .areaVoteIntro .ulLegend{width: 100%; height: auto;}
#community .areaVoteIntro .ulLegend:after{content: ""; display: block; clear: both;}
#community .areaVoteIntro .liLegend{float: left; height: auto; line-height: 0.875rem; margin-right: 20px; font-size: 0.875rem;}
#community .areaVoteIntro .liLegend:last-of-type{margin-right: 0;}
#community .areaVoteIntro .liLegend .existLegend,
#community .areaVoteIntro .liLegend .voteLegend{display: inline-block; vertical-align: top; width: 8px; height: 8px; margin-top: 3px; margin-right: 7px; border-radius: 100%;}
#community .areaVoteIntro .liLegend .existLegend{background-color: #505050;}
#community .areaVoteIntro .liLegend .voteLegend{background-color: #ff6c02;}
#community .areaVoteIntro .h3VoteSpot{margin-top: 15px;}
#community .areaVoteIntro .possibleVote{line-height: 0.75rem; margin-top: 10px; color: #A0A0A0; font-size: 0.75rem;}
#community .areaVoteSpot{position: relative; width: 100%; height: auto;}
#community .areaVoteSpot .areaSort{position: relative; width: 100%; margin-bottom: -10px; padding: 5px 10px 0 10px; box-sizing: border-box;}
#community .areaVoteSpot .setSort{display: inline-block; position: relative; width: fit-content; height: fit-content;}
#community .areaVoteSpot .setSort:after{content: ""; position: absolute; top: 12px; bottom: 12px; width: 1px; background-color: #EAEAEA;}
#community .areaVoteSpot .setSort:last-of-type:after{background-color: transparent;}
#community .areaVoteSpot .inputSort{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; opacity: 0;}
#community .areaVoteSpot .labelSort{display: inline-block; padding: 10px 10px; color: #909090; font-size: 0.75rem;}
#community .areaVoteSpot .inputSort:checked + .labelSort{color: #131313; font-weight: 700;}
#community .areaVoteSpot .ulVoteSpot{position: relative; width: 100%; height: auto; padding: 0 20px; box-sizing: border-box;}
#community .areaVoteSpot .liVoteSpot{position: relative; width: 100%; height: auto; padding: 22px 65px 22px 0; border-bottom: 1px solid #DADADA; box-sizing: border-box;}
#community .areaVoteSpot .liVoteSpot:last-of-type{border-bottom: none;}
#community .areaVoteSpot .liVoteSpot .voteName{width: 100%; height: auto; line-height: 1rem; margin-bottom: 10px; font-size: 0.875rem;}
#community .areaVoteSpot .liVoteSpot .areaProgress{position: relative; width: 100%; height: 14px; background-color: #EAEAEA;}
#community .areaVoteSpot .liVoteSpot .progress{position: absolute; top: 0; bottom: 0; left: 0;}
#community .areaVoteSpot .liVoteSpot .number{position: absolute; top: 0; left: 5px; line-height: 14px; color: #FFFFFF; font-size: 10px; font-weight: 700;}
#community .areaVoteSpot .liVoteSpot .btnVoteMore{position: absolute; top: 20px; right: 65px; line-height: 1rem; color: #A0A0A0; font-size: 0.75rem; text-align: right;}
#community .areaVoteSpot .liVoteSpot .btnVote{position: absolute; bottom: 14px; right: 10px; margin-top: -22.5px; width: 45px; height: 45px;}
#community .areaVoteSpot .liVoteSpot .btnVote img{display: block; width: 100%; height: 100%; vertical-align: top; object-fit: contain;}
#community .areaVoteSpot .areaExistSpot{position: relative; width: 100%; height: auto; padding: 22px 20px; box-sizing: border-box;}
#community .areaVoteSpot .areaExistSpot .areaImgSpot{position: absolute; top: 22px; left: 20px; width: 50px; height: 52px; border-radius: 5px; background-color: #F5F5F5; overflow: hidden;}
#community .areaVoteSpot .areaExistSpot .areaImgSpot img{display: block; width: 100%; height: 100%; object-fit: cover;}
#community .areaVoteSpot .areaExistSpot .spotName{display: flex; flex-direction: column; justify-content: center; height: auto; min-height: 52px; padding-left: 65px; box-sizing: border-box;}
#community .areaVoteSpot .areaExistSpot .spotDetail{display: block; width: 100%; height: auto; margin-top: 15px;}
#community .areaVoteSpot .areaExistSpot .titleSpotTime{line-height: 0.875rem; margin-bottom: 10px; font-size: 0.875rem; font-weight: 600;}
#community .areaVoteSpot .areaExistSpot .ulSpotTime{width: 100%; height: auto;}
#community .areaVoteSpot .areaExistSpot .liSpotTime{width: 100%; height: auto; line-height: 0.75rem; margin-bottom: 5px; color: #A0A0A0; font-size: 0.75rem;}
#community .areaVoteSpot .areaExistSpot .liSpotTime:last-of-type{margin-bottom: 0;}
#community .areaApply{position: relative; width: 100%; height: auto; z-index: 10;}
#community .areaApply .olApply{position: relative; width: 100%; height: auto; padding: 22px 20px 0px 20px; box-sizing: border-box; margin-bottom: 100px;}
#community .areaApply .liApply{position: relative; width: 100%; height: auto; margin-bottom: 15px;}
#community .areaApply .liApply:last-of-type{margin-bottom: 0;}
#community .areaApply .liApply .howToApply{width: 100%; height: auto; line-height: 18px; margin-bottom: 15px;}
#community .areaApply .liApply .applyMap{position: relative; width: 100%; height: 320px;}
#community .areaApply .liApply .setBorder{z-index: 10;}
#community .areaApply .liApply .setBorder .inputBorder{padding: 11px 40px 11px 14px; line-height: 0.875rem; color: #131313; font-size: 0.875rem;}
#community .areaApply .liApply .setBorder .inputBorder:focus{border: 1px solid #EAEAEA;}
#community .areaApply .liApply .errorMessage{position: absolute; top: 40px; left: 0;}
#community .areaApply .liApply .setBorder .btnDelete{position: absolute; top: 12px; right: 15px;}
#community .areaApply .liApply .setBorder .iconDelete{width: 16px; height: 16px; vertical-align: top;}
#community .areaApply .liApply .setBorder .iconDelete rect{fill: none;}
#community .areaApply .liApply .setBorder .iconDelete circle{fill: #EAEAEA;}
#community .areaApply .liApply .setBorder .iconDelete line{fill: none; stroke: #505050; stroke-linecap: round; stroke-miterlimit: 4; stroke-width: 1px;}
#community .areaApply .ulResultApply{position: absolute; top : 33px; left: 0; right: 0; z-index: -1; width: 100%; height: auto; max-height: 140px; padding: 40px 14px 0 14px; border: 1px solid #EAEAEA; border-radius: 5px; box-sizing: border-box; box-shadow: 0 1px 4px rgba(0,0,0,12%); overflow-y: auto;}
#community .areaApply .liResultApply{position: relative; width: 100%; height: auto; border-bottom: 1px solid #EAEAEA;}
#community .areaApply .liResultApply:last-of-type{border-bottom: none;}
#community .areaApply .linkResultApply{height: 42px; line-height: 42px; color: #A0A0A0; font-size: 0.875rem;}
#community .areaApply .linkResultApply .fontMain{font-size: inherit; font-weight: 700;}
#community .areaApply .iconLinkArrow{position: absolute; top: 50%; right: 0; width: 20px; height: 20px; margin-top: -10px;}
#community .areaApply .iconLinkArrow rect{fill: none;}
#community .areaApply .iconLinkArrow path{fill: none; stroke: #505050; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.2px;}
#community .areaApply .iconLinkArrow line{fill: none; stroke: #505050; stroke-linecap: round; stroke-width: 1.2px; stroke-miterlimit: 4;}
#community .areaApply .setFull{padding: 10px 20px;border-top: 1px solid #EAEAEA; box-sizing: border-box;}

#community .sectionVoteTime{position: relative; width: 100%; height: auto;}
#community .sectionVoteTime .areaSpotSelect{position: relative; width: 100%; height: auto; padding: 30px 20px; box-sizing: border-box; border-bottom: 5px solid #F5F5F5; background-color: #FFFFFF; overflow: hidden;}
#community .sectionVoteTime h3{margin-bottom: 20px;}
#community .sectionVoteTime .spotSelect{position: relative; width: 100%; height: auto;}
#community .sectionVoteTime .textSelect{position: relative; width: 100%; height: 44px; line-height: 42px; padding: 0 30px 0 14px; border: 1px solid #EAEAEA; border-radius: 5px; box-sizing: border-box; background-color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#community .sectionVoteTime .iconUnfold{position: absolute; top: 50%; right: 12px; margin-top: -10px;}
#community .sectionVoteTime .select{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; width: 100%; height: 100%; opacity: 0;}
#community .sectionVoteTime .areaVoteTime{position: relative; width: 100%; height: auto; padding: 30px 20px; box-sizing: border-box; background-color: #FFFFFF; overflow: hidden;}
#community .sectionVoteTime .ulLegend{width: 100%; height: auto; margin-bottom: 25px;}
#community .sectionVoteTime .ulLegend:after{content: ""; display: block; clear: both;}
#community .sectionVoteTime .liLegend{float: left; height: auto; line-height: 0.875rem; margin-right: 20px; font-size: 0.875rem;}
#community .sectionVoteTime .liLegend:last-of-type{margin-right: 0;}
#community .sectionVoteTime .liLegend .ableLegend,
#community .sectionVoteTime .liLegend .unableLegend,
#community .sectionVoteTime .liLegend .completeLegend{display: inline-block; vertical-align: top; width: 8px; height: 8px; margin-top: 3px; margin-right: 7px; border-radius: 100%;}
#community .sectionVoteTime .liLegend .ableLegend{background-color: #FFFFFF; border: 1px solid #EAEAEA; box-sizing: border-box;}
#community .sectionVoteTime .liLegend .unableLegend{background-color: #EAEAEA;}
#community .sectionVoteTime .liLegend .completeLegend{background-color: #0F1838;}
#community .sectionVoteTime .setVoteTime{position: relative; width: 100%; height: auto; margin-bottom: 12px;}
#community .sectionVoteTime .setVoteTime:last-of-type{margin-bottom: 0;}
#community .sectionVoteTime .setVoteTime .inputVoteTime{position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0;}
#community .sectionVoteTime .setVoteTime .labelVoteTime{position: relative; width: 100%; height: auto;}
#community .sectionVoteTime .setVoteTime .labelVoteTime:after{content: ""; display: block; clear: both;}
#community .sectionVoteTime .setVoteTime .textVoteTime{float: left; width: 140px; height: 42px; line-height: 40px; margin-right: 10px; border: 1px solid #eaeaea; border-radius: 21px; box-sizing: border-box; text-align: center; letter-spacing: -0.5px;}
#community .sectionVoteTime .setVoteTime .textVoteCount{float: left; line-height: 42px; color: #909090; font-size: 0.875rem;}
#community .sectionVoteTime .setVoteTime .iconVoter{width: 20px; height: 20px; vertical-align: top; margin-top: 11px; margin-right: -2px;}
#community .sectionVoteTime .setVoteTime .iconVoter rect{fill: none;}
#community .sectionVoteTime .setVoteTime .iconVoter path{fill: #909090;}
#community .sectionVoteTime .setVoteTime .inputVoteTime:disabled + .labelVoteTime .textVoteTime{background-color: #EAEAEA; color: #A0A0A0;}
#community .sectionVoteTime .setVoteTime .inputVoteTime:checked + .labelVoteTime .textVoteTime{border-color: #0f173a; background-color: #0f173a; color: #FFFFFF; font-weight: 700;}

/* 포인트 */
#point{padding-top: 50px;}
#point .sectionMyPoint{position: relative; width: 100%; margin-bottom: 5px; padding: 30px 20px; box-sizing: border-box; background-color: #FFFFFF; color: #131313; font-size: 1.25rem; font-weight: 900;}
#point .sectionMyPoint h3{margin-bottom: 15px;}
#point .sectionMyPoint .subTitle{margin-top: 3px; color: #909090; font-size: 0.75rem; font-weight: 500;}
#point .sectionMyPoint .myPoint{position: relative; width: 100%; line-height: 35px; padding-right: 110px; box-sizing: border-box; color: #131313; font-size: 1.25rem; font-weight: 900;}
#point .sectionMyPoint .myScheduledPoint{position: relative; width: 100%; margin-top: 15px; padding-top: 15px; border-top: 1px solid #EAEAEA;}
#point .sectionMyPoint .myScheduledPoint .scheduledPoint{position: relative; width: 100%; height: auto; margin-bottom: 10px;}
#point .sectionMyPoint .myScheduledPoint .scheduledPoint:last-of-type{margin-bottom: 0;}
#point .sectionMyPoint .myScheduledPoint .leftPoint{line-height: 0.75rem; color: #909090; font-size: 0.75rem; font-weight: 500;}
#point .sectionMyPoint .myScheduledPoint .rightPoint{position: absolute; top: 0; right: 0; line-height: 0.75rem; color: #909090; font-size: 0.75rem; font-weight: 500;}
#point .sectionMyPoint .myScheduledPoint .setTooltip{position: relative; line-height: 0.75rem; color: #909090; font-size: 0.75rem; font-weight: 500;}
#point .sectionMyPoint .myScheduledPoint .btnTooltip{display: inline-block; vertical-align: top; width: 12px; height: 12px; margin-left: 2px;}
#point .sectionMyPoint .myScheduledPoint .iconTooltip{vertical-align: top; width: 12px; height: 12px;}
#point .sectionMyPoint .myScheduledPoint .iconTooltip rect{fill: none;}
#point .sectionMyPoint .myScheduledPoint .iconTooltip path{fill: #EAEAEA;}
#point .sectionMyPoint .myScheduledPoint .tooltip{position: absolute; bottom: -82px; left: 60px; z-index: 10;}
#point .sectionMyPoint .myScheduledPoint  .contentTooltip{position: relative; line-height: 1rem; padding: 12px; border-radius: 5px; background-color: #FFFFFF; box-shadow: 0 1px 4px rgba(0,0,0,12%); font-size: 0.75rem;}
#point .sectionMyPoint .myScheduledPoint .triangleTooltip{position: absolute; z-index: -1; left: 4px; top: -18px;}
#point .sectionUsageHistory .resultHistory{position: relative; width: 100%; margin-bottom: 5px; padding: 0 10px; box-sizing: border-box;}
#point .sectionUsageHistory .resultHistory .result{line-height: 20px; color: #131313; font-weight: 700;}
#point .sectionUsageHistory .resultHistory .areaPeriodSelect{position: absolute; top: 0; right: 5px;}
#point .sectionUsageHistory .resultHistory .textSelect{line-height: 20px; font-size: 0.875rem;}
#point .sectionUsageHistory .resultHistory .select{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; width: 100%; height: 100%; opacity: 0;}

/* 아낀배달비 */
#savedDeliveryFee{padding-top: 50px;}
#savedDeliveryFee .sectionMySaved{position: relative; width: 100%; height: auto; padding: 50px 0 200px 0; background: #FAE58E url("https://d28cs9jl94n3og.cloudfront.net/baedalgeek/image/my/imgSaved.png") no-repeat center bottom; background-size: 360px 160px; text-align: center;}
#savedDeliveryFee .sectionMySaved h3{line-height: 1.5rem; margin-bottom: 30px;}
#savedDeliveryFee .sectionMySaved .areaMySaved{width: 260px; height: auto; line-height: 1rem; margin: 0 auto; padding: 18px 0 15px 0; box-sizing: border-box; background-color: #FBF6DE; border-radius: 50px;}
#savedDeliveryFee .sectionMySaved .areaMySaved strong{display: block; line-height: 2rem; margin: 5px 0 6px 0; color: #131313; font-size: 2rem; font-weight: 900; letter-spacing: -1px;}
#savedDeliveryFee .sectionNoticeSaved{position: relative; width: 100%; height: auto; line-height: 1rem; padding: 20px 20px 20px 35px; box-sizing: border-box; color: #A0A0A0; font-size: 0.75rem;}
#savedDeliveryFee .sectionNoticeSaved .dot{position: absolute; top: 20px; left: 20px; line-height: 1rem;}

/* 약관 */
#terms{padding-top: 50px;}
#terms .sectionTerms{position: relative; width: 100%; height: auto; padding: 5px 20px; box-sizing: border-box; background-color: #FFFFFF;}
#terms .sectionTerms .linkTerms{position: relative; width: 100%; height: auto; line-height: 1rem; padding: 20px 50px 20px 0; box-sizing: border-box; border-bottom: 1px solid #EAEAEA; color: #131313; font-size: 1rem;}
#terms .sectionTerms .linkTerms:last-of-type{border-bottom: none;}
#terms .sectionTerms .iconMore{position: absolute; top: 50%; right: 0; margin-top: -10px;}
#terms .sectionTermsDetail{background-color: #FFF;}

/* 내 리워드 */
#myRewards{padding-top: 50px;}
#myRewards .sectionRewards{position: relative; width: 100%; margin-bottom: 5px; padding: 30px 20px; box-sizing: border-box; background-color: #FFFFFF;}
#myRewards .sectionRewards h3{margin-bottom: 15px;}
#myRewards .sectionRewards h3 .place{margin-left: 7px; color: #A0A0A0; font-size: 0.75rem; font-weight: 500;}
#myRewards .divRewardsPlace{position: relative; width: 100%; height: auto; margin-bottom: 25px;}
#myRewards .divRewardsPlace:last-of-type{margin-bottom: 0;}
#myRewards .ulRewardsStore{position: relative; width: 100%; height: auto;}
#myRewards .ulRewardsStore:last-of-type{margin-bottom: 0;}
#myRewards .liRewardsStore{position: relative; width: 100%; height: auto; margin-bottom: 10px; border-radius: 5px; background-color: #FFFFFF; box-shadow: 0 1px 4px rgba(0,0,0,12%);}
#myRewards .liRewardsStore:last-of-type{margin-bottom: 0;}
#myRewards .linkRewardsHistory{position: relative; width: 100%; height: auto; padding: 15px 15px 17px 15px; box-sizing: border-box;}
#myRewards .linkRewardsHistory .storePhoto{position: absolute; top: 15px; left: 15px; width: 52px; height: 52px; border: 1px solid #F5F5F5; border-radius: 5px; box-sizing: border-box; overflow: hidden;}
#myRewards .linkRewardsHistory .storePhoto img{width: 100%; height: 100%; object-fit: cover;}
#myRewards .linkRewardsHistory .storeInfo{display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 100%; height: auto; min-height: 52px; padding-left: 67px; padding-right: 20px; box-sizing: border-box;}
#myRewards .linkRewardsHistory .name{width: 100%; line-height: 16px; color: #131313; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#myRewards .linkRewardsHistory .place{width: 100%; line-height: 0.875rem; margin-top: 7px; color: #707070; font-weight: 500; font-size: 0.875rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#myRewards .linkRewardsHistory .iconMore{position: absolute; top: 31px; right: 15px; width: 20px; height: 20px;}
#myRewards .linkRewardsHistory .areaCurrent{position: relative; width: 100%; margin-top: 15px; padding: 4px 52px 4px 70px; box-sizing: border-box;}
#myRewards .linkRewardsHistory .areaCurrent .text{position: absolute; top: 0; left: 0; height: 18px; line-height: 18px; color: #a0a0a0; font-size: 0.75rem;}
#myRewards .linkRewardsHistory .areaCurrent .bgProgress{position: relative; width: 100%; height: 10px; border-radius: 5px; background-color: #E4E6EA;}
#myRewards .linkRewardsHistory .areaCurrent .progress{position: absolute; top: 0; bottom: 0; left: 0; border-radius: 5px; background: rgb(158,170,236); background: -moz-linear-gradient(left, rgba(158,170,236,1) 0%, rgba(68,98,251,1) 100%); background: -webkit-linear-gradient(left, rgba(158,170,236,1) 0%,rgba(68,98,251,1) 100%); background: linear-gradient(to right, rgba(158,170,236,1) 0%,rgba(68,98,251,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9eaaec', endColorstr='#4462fb',GradientType=1);}
#myRewards .linkRewardsHistory .areaCurrent .number{position: absolute; top: 0; right: 0; height: 18px; line-height: 18px; color: #A0A0A0; text-align: right;}
#myRewards .linkRewardsHistory .areaCurrent .current{line-height: inherit; color: #131313; font-size: 1.125rem; font-weight: 700;}
#myRewards .linkRewardsHistory .endOfRewards{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; width: 100%; height: 100%; border-radius: 5px; background: rgba(0,0,0,0.4) url("https://next-delivery.s3.ap-northeast-2.amazonaws.com/baedalgeek/image/donationAd/imgEndOfRewards.png") no-repeat center center; background-size: 100px;}

/* 리워드 내역 */
#rewardsHistory{padding-top: 50px;}
#rewardsHistory .sectionStore{position: relative; width: 100%; margin-bottom: 5px; padding: 30px 20px; box-sizing: border-box; background-color: #FFFFFF;}
#rewardsHistory .sectionStore .storePhoto{position: absolute; top: 30px; left: 20px; width: 52px; height: 52px; border: 1px solid #F5F5F5; border-radius: 5px; box-sizing: border-box; overflow: hidden;}
#rewardsHistory .sectionStore .storePhoto img{width: 100%; height: 100%; object-fit: cover;}
#rewardsHistory .sectionStore .storeInfo{display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 100%; height: auto; min-height: 52px; padding-left: 67px; padding-right: 20px; box-sizing: border-box;}
#rewardsHistory .sectionStore .name{width: 100%; line-height: 16px; color: #131313; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#rewardsHistory .sectionStore .place{width: 100%; line-height: 0.875rem; margin-top: 7px; color: #707070; font-weight: 500; font-size: 0.875rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

#rewardsHistory .sectionStore .areaTotalRewards{position: relative; width: 100%; margin-top: 20px; padding-top: 20px; border-top: 1px solid #EAEAEA;}
#rewardsHistory .sectionStore .areaTotalRewards .totalRewards{position: relative; width: 100%; height: auto; margin-bottom: 16px;}
#rewardsHistory .sectionStore .areaTotalRewards .totalRewards:last-of-type{margin-bottom: 0;}
#rewardsHistory .sectionStore .areaTotalRewards .leftRewards{line-height: 1rem; color: #909090; font-size: 0.75rem; font-weight: 500;}
#rewardsHistory .sectionStore .areaTotalRewards .rightRewards{position: absolute; top: 0; right: 0; line-height: 1rem; color: #131313; font-size: 1rem; font-weight: 700;}
#rewardsHistory .sectionRewardsHistory{position: relative; width: 100%; height: auto; padding: 10px 20px; box-sizing: border-box; background-color: #FFFFFF;}
#rewardsHistory .sectionRewardsHistory .ulHistory{position: relative; width: 100%; height: auto;}
#rewardsHistory .sectionRewardsHistory .liHistory{position: relative; width: 100%; height: auto; padding: 22px 0 22px 135px; box-sizing: border-box; border-bottom: 1px solid #F0F0F0;}
#rewardsHistory .sectionRewardsHistory .liHistory:last-child{border-bottom: none;}
#rewardsHistory .sectionRewardsHistory .amountHistory{position: absolute; top: 50%; left: 0; line-height: 1.125rem; margin-top: -9px; color: #4065F4; font-size: 0.875rem; font-weight: 900; letter-spacing: -0.5px;}
#rewardsHistory .sectionRewardsHistory .amountHistory .amount{margin-left: 12px; color: #131313; font-size: 1.125rem; font-weight: 700; letter-spacing: -0.5px;}
#rewardsHistory .sectionRewardsHistory .detailHistory{width: 100%; height: auto; line-height: 1.25rem; margin-bottom: 5px;}
#rewardsHistory .sectionRewardsHistory .detailHistory .detail{line-height: inherit; color: #A0A0A0; font-size: 0.875rem;}
#rewardsHistory .sectionRewardsHistory .timeHistory{width: 100%; height: auto; line-height: 1rem; color: #A0A0A0; font-size: 0.75rem;}
#rewardsHistory .sectionNotice{position: relative; width: 100%; height: auto; padding: 20px; box-sizing: border-box; background-color: #F5F5F5;}
#rewardsHistory .sectionNotice .titleNotice{margin-bottom: 10px; color: #131313; font-size: 0.75rem; font-weight: 700;}
#rewardsHistory .sectionNotice .liNotice{position: relative; line-height: 1.4; margin-bottom: 3px; padding-left: 10px; box-sizing: border-box; color: #909090; font-size: 0.625rem;}
#rewardsHistory .sectionNotice .liNotice .dash{position: absolute; top :0; left: 0; color: inherit; font-size: inherit;}
#rewardsHistory .sectionNotice .liNotice .ex{line-height: 1.6; margin: 3px 0 5px 8px; color: #A0A0A0; font-size: inherit;}

/* 찜 */
#like {padding: 50px 0;}
#like .bgContent{padding-bottom: 50px;}
#like .sectionGroup{position: relative; z-index: 20; width: 100%; height: auto; padding: 20px 60px 0 20px; box-sizing: border-box; background-color: #FFFFFF; overflow-x: clip;}
#like .sectionGroup .ulGroup{position: relative; width: 100%; height: auto;}
#like .sectionGroup .liGroup{position: relative; display: flex; justify-content: center; width: auto; height: auto; padding-right: 10px;}
#like .sectionGroup .setGroup{position: relative; width: 100%; height: auto;}
#like .sectionGroup .inputGroup{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; width: 100%; height: auto; opacity: 0;}
#like .sectionGroup .labelGroup{display: block; height: 38px; line-height: 36px; padding: 0 34px 0 16px; border-radius: 5px; border: 1px solid #EAEAEA; box-sizing: border-box; background-color: #FFFFFF; color: #505050; font-weight: 700;}
#like .sectionGroup .liGroup:first-of-type .labelGroup{padding-right: 16px;}
#like .sectionGroup .labelGroup .number{margin-left: 3px; font-size: 0.875rem; font-weight: 500;}
#like .sectionGroup .inputGroup:checked + .labelGroup{border: 1px solid #0F1838; background-color: #0F1838; color: #FFFFFF;}
#like .sectionGroup .btnGroupEdit{position: absolute; top: 0; right: 0; z-index: 10; width: 34px; height: 38px; padding: 11px 0; box-sizing: border-box;}
#like .sectionGroup .btnGroupEdit .dot{width: 2.5px; height: 2.5px; margin: 2px auto; border-radius: 100%; background-color: #707070;}
#like .sectionGroup .check .btnGroupEdit .dot{background-color: #FFFFFF;}
#like .sectionGroup .setFolderAdd{position: absolute; top: 0; right: 0; bottom: -10px; z-index: 10; width: 70px; padding: 20px 20px 10px 0; box-sizing: border-box; background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 100%);}
#like .sectionGroup .setFolderAdd .btnFolderAdd{display: block; width: 100%; height: 38px; text-align: right;}
#like .sectionGroup .setFolderAdd .iconFolderAdd{width: 20px; height: 20px; vertical-align: top; margin-top: 3px;}
#like .sectionGroup .setFolderAdd .iconFolderAdd rect{fill: none;}
#like .sectionGroup .setFolderAdd .iconFolderAdd path{fill: #131313;}
#like .sectionGroup .ulGroupEdit{position: absolute; top: 45px; right: -45px; width: 125px; padding: 0 18px; border-radius: 5px; box-sizing: border-box; background-color: #FFFFFF; box-shadow: 0 1px 4px rgba(0,0,0,20%);}
#like .sectionGroup .liGroupEdit{display: block; width: 100%; height: auto; border-bottom: 1px solid #EAEAEA;}
#like .sectionGroup .liGroupEdit:last-of-type{border-bottom: none;}
#like .sectionGroup .liGroupEdit button{display: block; width: 100%; height: 45px; line-height: 45px; font-size: 0.875rem; text-align: left;}
#like .sectionGroup .liGroupEdit svg{width: 16px; height: 16px; vertical-align: top; margin-top: 14px; margin-right: 5px;}
#like .sectionGroup .liGroupEdit .iconNameChange rect{fill:none;}
#like .sectionGroup .liGroupEdit .iconNameChange path{fill:#131313;}
#like .sectionGroup .liGroupEdit .iconDelete rect{fill:none;}
#like .sectionGroup .liGroupEdit .iconDelete path{fill:#131313;}
#like .sectionStore{position: relative; width: 100%; height: auto; padding: 20px; box-sizing: border-box; background-color: #FFFFFF;}
#like .areaEdit{position: relative; width: 100%; height: auto;}
#like .areaEdit:after{content: ""; display: block; clear: both;}
#like .areaEdit .areaCheck{float: left; line-height: 16px; padding: 5px 0; color: #A0A0A0; font-size: 0.875rem;}
#like .areaEdit .areaCheck .fontMain{font-size: inherit; font-weight: 700;}
#like .areaEdit .areaButton{float: right; margin-right: -5px;}
#like .areaEdit .areaButton:after{content: ""; display: block; clear: both;}
#like .areaEdit .areaButton .btnEdit{float: left; line-height: 16px; padding: 5px 8px; color: #131313; font-weight: 700;}
#like .areaEdit .areaButton .btnCancel{float: left; line-height: 16px; padding: 5px 8px; color: #A0A0A0; font-weight: 700;}
#like .sectionStore .ulStore{position: relative; width: 100%; height: auto;}
#like .sectionStore .liStore{position: relative; width: 100%; height: auto; padding: 20px 0; border-bottom: 1px solid #EAEAEA;}
#like .sectionStore .liStore:last-of-type{border-bottom: 0;}
#like .sectionStore .setRow{display: none;}
#like .sectionStore .linkStore{position: relative; width: 100%; height: auto; padding-left: 87px; box-sizing: border-box;}
#like .sectionStore .storePhoto{position: absolute; top: 50%; left: 0; width: 72px; height: 72px; margin-top: -36px; border: 1px solid #F5F5F5; border-radius: 5px; box-sizing: border-box; overflow: hidden;}
#like .sectionStore .storePhoto img{width: 100%; height: 100%; object-fit: cover;}
#like .sectionStore .storePhoto .photoSoldOut{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; width: 100%; height: 100%; line-height: 70px; border-radius: 5px; background-color: rgba(0,0,0,0.6); color: #FFFFFF; font-size: 0.75rem; font-weight: 700; text-align: center; overflow: hidden;}
#like .sectionStore .storeInfo{display: flex; flex-direction: column; justify-content: center; align-items: flex-start; max-width: 100%; height: auto; min-height: 72px;}
#like .sectionStore .name{display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; height: 20px; margin-bottom: 6px;}
#like .sectionStore .name .store{line-height: 20px; color: #131313; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#like .sectionStore .name .new{flex: none; width: 34px; height: 16px; line-height: 16px; margin-left: 5px; border-radius: 3px; background-color: #FFC110; color: #FFFFFF; font-size: 0.625rem; font-weight: 700; text-align: center;}
#like .sectionStore .name .discount{flex: none; width: 34px; height: 16px; line-height: 16px; margin-left: 5px; border-radius: 3px; background-color: #E3131B; color: #FFFFFF; font-size: 0.75rem; font-weight: 700; text-align: center;}
#like .sectionStore .name .medal{flex: none; width: 14px; height: 20px; margin-left: 5px;}
#like .sectionStore .scoreAndReview{width: 100%; height: auto; line-height: 16px; margin-bottom: 7px;}
#like .sectionStore .scoreAndReview .iconStar{width: 16px; height: 16px; vertical-align: top; margin-left: -2px; margin-right: -3px;}
#like .sectionStore .scoreAndReview .iconStar rect{fill: none;}
#like .sectionStore .scoreAndReview .iconStar path{fill: #F5CC1F;}
#like .sectionStore .scoreAndReview .score{line-height: 16px; margin-right: 2px; color: #131313; font-size: 0.875rem; font-weight: 700; letter-spacing: -0.5px;}
#like .sectionStore .scoreAndReview .review{line-height: 16px; margin-right: 5px; font-size: 0.875rem; letter-spacing: -0.5px;}
#like .sectionStore .menu{width: 100%; height: auto; line-height: 14px; color: #A0A0A0; font-size: 0.875rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#like .sectionStore .checkbox .setRow{display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10;}
#like .sectionStore .checkbox .linkStore{padding-left: 119px;}
#like .sectionStore .checkbox .storePhoto{left: 32px;}

/* 찜리스트 팝업 */
#likeGroupList .sectionNewGroup{padding: 0 20px; background-color: #FFFFFF;}
#likeGroupList .sectionNewGroup .btnNewGroup{display: block; width: 100%; height: 46px; line-height: 46px; border-radius: 5px; background-color: #F5F5F5; color: #131313; font-size: 0.875rem; font-weight: 700; text-align: center;}
#likeGroupList .sectionNewGroup .btnNewGroup .iconPlus{width: 20px; height: 20px; vertical-align: top; margin-top: 13px; margin-left: -7px;}
#likeGroupList .sectionNewGroup .btnNewGroup .iconPlus rect{fill:none;}
#likeGroupList .sectionNewGroup .btnNewGroup .iconPlus line{fill:none; stroke: #505050; stroke-linejoin: round; stroke-linecap: round; stroke-width: 2px;}
#likeGroupList .sectionNewGroup .setBorder{margin-top: 10px; padding-bottom: 32px;}
#likeGroupList .sectionNewGroup .errorMessage{position: absolute; bottom: 12px; margin-top: 0;}
#likeGroupList .popBg .sectionRow{max-height: 300px; padding: 0 20px 20px 20px; overflow-y: auto;}
#likeGroupList .popBg .sectionRow .setRow{margin-bottom: 0; padding: 18px 0; border-bottom: 1px solid #EAEAEA;}
#likeGroupList .popBg .sectionRow .setRow:last-of-type{border-bottom: 0;}
#likeGroupList .popBg .sectionRow .inputRow:disabled + .labelRow {opacity: 0.5;}
#likeGroupList .popBg .sectionRow .inputRow:disabled + .labelRow svg path{fill: none;}
#likeGroupList .popBg .sectionRow .inputRow:disabled + .labelRow svg circle{r: 10; fill: #EAEAEA; stroke: #CACACA; stroke-width: 1;}
#likeGroupList .popBg .sectionRow .number{margin-left: 5px; color: #A0A0A0; font-size: 0.875rem;}

/* 알림 */
#reminder{padding-top: 50px;}
#reminder .sectionSystemAlarm{position: relative; width: 100%; height: auto; padding: 30px 20px; box-sizing: border-box; background-color: #FFFFFF;}
#reminder .sectionSystemAlarm .textSystem{line-height: 1rem; margin-top: 7px; margin-bottom: 20px; font-size: 0.875rem;}
#reminder .sectionSystemAlarm .btnSystemSet{width: 150px; height: 45px; line-height: 45px; border-radius: 5px; color: #FFFFFF; font-weight: 700;}
#reminder .sectionFirstReminder{position: relative; width: 100%; height: 70px; padding-left: 20px; box-sizing: border-box; background: #FF5264 url("https://kim-dami.github.io/carnival/imgFirstReminder.png") no-repeat right center; background-size: 180px 70px;}
#reminder .sectionFirstReminder .imgFirstReminder{width: 110px; height: 70px;}
#reminder .sectionBdgTime{position: relative; width: 100%; height: auto; padding: 30px 20px; box-sizing: border-box; background-color: #FFFFFF; margin-bottom: 5px;}
#reminder .sectionBdgTime .areaRecommendReminder{position: relative; width: 100%; height: auto; margin-bottom: 15px; padding: 10px 15px; box-sizing: border-box; background-color: #F5F5F5;}
#reminder .sectionBdgTime .titleRecommend{width: 100%; line-height: 0.75rem; margin-bottom: 5px; color: #131313; font-size: 0.75rem; font-weight: 700;}
#reminder .sectionBdgTime .iconRecommend{width: 12px; height: 12px; vertical-align: top; margin-right: 3px;}
#reminder .sectionBdgTime .iconRecommend rect{fill: none;}
#reminder .sectionBdgTime .iconRecommend path{stroke-width: 0;}
#reminder .sectionBdgTime .contentRecommend{line-height: 0.625rem; color: #909090; font-size: 0.625rem;}
#reminder .sectionBdgTime .btnRecommendClosed{position: absolute; top: 0; right: 0; padding: 5px 10px;}
#reminder .sectionBdgTime .iconClosed{width: 20px; height: 20px; vertical-align: top;}
#reminder .sectionBdgTime .iconClosed rect{fill: none;}
#reminder .sectionBdgTime .iconClosed line{stroke: #A0A0A0; stroke-linecap: round; stroke-miterlimit: 4; stroke-width: 1;}
#reminder .sectionBdgTime .olBdgTime{position: relative; width: 100%; height: auto;}
#reminder .sectionBdgTime .liBdgTime{position: relative; width: 100%; height: auto; margin-bottom: 12px; padding: 12px 15px 15px 15px; box-sizing: border-box; background-color: #FFFFFF; border-radius: 10px; box-shadow: 0 1px 5px rgba(0,0,0,0.1);}
#reminder .sectionBdgTime .liBdgTime .time{line-height: 1.5rem; margin-bottom: 7px; color: #131313; font-size: 1.5rem; font-weight: 900; letter-spacing: -0.5px;}
#reminder .sectionBdgTime .liBdgTime .badgeTime{display: inline-block; vertical-align: top; height: 18px; line-height: 18px; margin: 3px 7px 0 0; padding: 0 8px; border-radius: 5px; background-color: #E2F8EC; color: #3AAA6C; font-size: 0.625rem; font-weight: 700; letter-spacing: 0;}
#reminder .sectionBdgTime .liBdgTime .badgeTime.lunch{background-color: #E2F8EC; color: #3AAA6C;}
#reminder .sectionBdgTime .liBdgTime .badgeTime.dinner{background-color: #E5EEFF; color: #467CEA;}
#reminder .sectionBdgTime .liBdgTime .date{line-height: 0.75rem; color: #909090; font-size: 0.75rem;}
#reminder .sectionBdgTime .areaOnOff{position: absolute; top: 19px; right: 45px;}
#reminder .sectionBdgTime .setOnOff{position: absolute; top: 0; right: 0;}
#reminder .sectionBdgTime .inputOnOff{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; opacity: 0;}
#reminder .sectionBdgTime .labelOnOff{display: block; width: 52px; height: 32px; padding: 3px; box-sizing: border-box; border-radius: 16px; background-color: #EAEAEA; transition: background-color 0.2s ease-out;}
#reminder .sectionBdgTime .toggleCircle{width: 26px; height: 26px; margin-left: 0; border-radius: 100%; background-color: #FFFFFF; box-shadow: 0 1px 4px rgba(0,0,0,12%); transition: margin 0.2s ease-out;}
#reminder .sectionBdgTime .inputOnOff:checked + .labelOnOff{background-color: #0F1838;}
#reminder .sectionBdgTime .inputOnOff:checked + .labelOnOff .toggleCircle{margin-left: 20px;}
#reminder .sectionBdgTime .btnModify{position: absolute; top: 12px; right: 15px; bottom: 15px; padding: 13px 7px;}
#reminder .sectionBdgTime .btnModify .dot{width: 3px; height: 3px; margin-bottom: 4px; border-radius: 100%; background-color: #D0D0D0;}
#reminder .sectionBdgTime .areaModify{position: absolute; top: 57px; right: 15px; z-index: 10; width: 85px; padding: 0 10px; box-sizing: border-box; background-color: #FFFFFF; border-radius: 5px; box-shadow: 0 1px 4px rgba(0,0,0,12%); overflow: hidden;}
#reminder .sectionBdgTime .areaModify .linkModify{width: 100%; height: 35px; line-height: 35px; border-bottom: 1px solid #eaeaea; font-size: 0.75rem; text-align: center;}
#reminder .sectionBdgTime .areaModify .linkModify:last-of-type{border-bottom: 0;}
#reminder .sectionBdgTime .linkAddReminder{width: 100%; height: auto; padding: 13px 0 10px 0; text-align: center;}
#reminder .sectionBdgTime .iconAddReminder{width: 14px; height: 14px;}
#reminder .sectionBdgTime .iconAddReminder rect{fill: none;}
#reminder .sectionBdgTime .iconAddReminder path{fill: #cacaca; stroke-width: 0;}
#reminder .sectionAlarm{position: relative; width: 100%; height: auto; padding: 30px 20px 0 20px; box-sizing: border-box; background-color: #FFFFFF; margin-bottom: 5px;}
#reminder .sectionAlarm .areaDatePicker{position: relative; width: 100%; height: auto; margin-bottom: 25px;}
#reminder .sectionAlarm .areaDatePicker:after{content: ""; display: block; clear: both;}
#reminder .sectionAlarm .setDate{float: left; position: relative; width: 14.28%; height: auto;}
#reminder .sectionAlarm .inputDate{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; opacity: 0;}
#reminder .sectionAlarm .labelDate{display: block; width: 40px; height: 40px; line-height: 40px; margin: 0 auto; border-radius: 100%; background-color: #F5F5F5; color: #a0a0a0; font-weight: 700; text-align: center;}
#reminder .sectionAlarm .inputDate:checked + .labelDate{background-color: #0F1838; color: #FFFFFF;}
#reminder .sectionAlarm .areaTimePicker{padding-bottom: 25px; border-bottom: 1px solid #EAEAEA;}
#reminder .sectionAlarm .bgTimePicker{position: relative; width: 100%; height: 165px; padding: 15px 20px; border-radius: 10px; box-sizing: border-box; background-color: #FFFFFF; box-shadow: 0 1px 4px rgba(0,0,0,12%);}
#reminder .sectionAlarm .bgTimePicker:after{content: ""; display: block; clear: both;}
#reminder .sectionAlarm .areaSwiper{float: left; height: 100%; overflow: hidden;}
#reminder .sectionAlarm .areaSwiper:nth-of-type(1){width: 50%;}
#reminder .sectionAlarm .areaSwiper:nth-of-type(3){width: 50%;}
#reminder .sectionAlarm .areaSwiper .ulSwiper{width: 100%;}
#reminder .sectionAlarm .areaSwiper .liSwiper{width: 100%; text-align: center; height: 45px; line-height: 45px; color: #A0A0A0; font-size: 1.125rem; font-weight: 700;}
#reminder .sectionAlarm .areaSwiper .liSwiper.active{color: #0F1838;}
#reminder .sectionAlarm .bgTimePicker .timeSign{position: absolute; left: 50%; width: 10px; height: 135px; line-height: 135px; margin-left: -5px; color: #0F1838; font-size: 1.125rem; font-weight: 700; text-align: center;}
#reminder .sectionAlarm .bgTimePicker .line{position: absolute; left: 20px; right: 20px; height: 1px; background-color: #EAEAEA;}
#reminder .sectionAlarm .bgTimePicker .line:nth-of-type(1){top: 60px;}
#reminder .sectionAlarm .bgTimePicker .line:nth-of-type(2){bottom: 60px;}
#reminder .sectionAlarm .areaNotice{padding: 15px 0 30px 0; color: #A0A0A0; font-size: 0.75rem;}

#firstReminder .popBgFirstReminder{position: relative; width: 320px; height: 230px; line-height: 2rem; margin: 0 auto; padding-top: 107px; box-sizing: border-box; color: #FFFFFF; font-size: 2rem; font-weight: 900; text-align: center; background: url("https://kim-dami.github.io/carnival/bgFirstReminder.png") no-repeat right center; background-size: 100%;}
#firstReminder .btnPoint{display: block; width: 290px; height: 45px; line-height: 45px; margin: 25px auto 0 auto; background-color: #FFFFFF; color: #000000; font-weight: 500; text-align: center; box-shadow: 0 1px 4px rgba(0,0,0,12%);}

/* 배달긱타임(임시) */
#bdgTime{padding-top: 50px;}
#bdgTime .sectionBdgTimeTemp{position: relative; width: 100%; margin-bottom: 5px; padding: 30px 20px; box-sizing: border-box; background-color: #FFFFFF; color: #131313; font-size: 1.25rem; font-weight: 900;}
#bdgTime .sectionBdgTimeTemp h3{margin-bottom: 15px;}
#bdgTime .sectionBdgTimeTemp .subTitle{margin-top: 3px; color: #909090; font-size: 0.75rem; font-weight: 500;}

/* 알림(배달긱타임) */
#bdgTime{padding-top: 50px;}
#bdgTime .sectionSystemAlarm{position: relative; width: 100%; height: auto; padding: 30px 20px; box-sizing: border-box; background-color: #FFFFFF;}
#bdgTime .sectionSystemAlarm .textSystem{line-height: 1rem; margin-top: 7px; margin-bottom: 20px; font-size: 0.875rem;}
#bdgTime .sectionSystemAlarm .btnSystemSet{width: 150px; height: 45px; line-height: 45px; border-radius: 5px; color: #FFFFFF; font-weight: 700;}
#bdgTime .sectionFirstReminder{position: relative; width: 100%; height: 70px; padding-left: 20px; box-sizing: border-box; background: #FF5264 url("https://kim-dami.github.io/carnival/imgFirstReminder.png") no-repeat right center; background-size: 180px 70px;}
#bdgTime .sectionFirstReminder .imgFirstReminder{width: 110px; height: 70px;}
#bdgTime .sectionBdgTime{position: relative; width: 100%; height: auto; padding: 30px 20px; box-sizing: border-box; background-color: #FFFFFF; margin-bottom: 5px;}
#bdgTime .sectionBdgTime .areaRecommendReminder{position: relative; width: 100%; height: auto; margin-bottom: 15px; padding: 10px 15px; box-sizing: border-box; background-color: #F5F5F5;}
#bdgTime .sectionBdgTime .titleRecommend{width: 100%; line-height: 0.75rem; margin-bottom: 5px; color: #131313; font-size: 0.75rem; font-weight: 700;}
#bdgTime .sectionBdgTime .iconRecommend{width: 12px; height: 12px; vertical-align: top; margin-right: 3px;}
#bdgTime .sectionBdgTime .iconRecommend rect{fill: none;}
#bdgTime .sectionBdgTime .iconRecommend path{stroke-width: 0;}
#bdgTime .sectionBdgTime .contentRecommend{line-height: 0.625rem; color: #909090; font-size: 0.625rem;}
#bdgTime .sectionBdgTime .btnRecommendClosed{position: absolute; top: 0; right: 0; padding: 5px 10px;}
#bdgTime .sectionBdgTime .iconClosed{width: 20px; height: 20px; vertical-align: top;}
#bdgTime .sectionBdgTime .iconClosed rect{fill: none;}
#bdgTime .sectionBdgTime .iconClosed line{stroke: #A0A0A0; stroke-linecap: round; stroke-miterlimit: 4; stroke-width: 1;}
#bdgTime .sectionBdgTime .olBdgTime{position: relative; width: 100%; height: auto;}
#bdgTime .sectionBdgTime .liBdgTime{position: relative; width: 100%; height: auto; margin-bottom: 12px; padding: 12px 15px 15px 15px; box-sizing: border-box; background-color: #FFFFFF; border-radius: 10px; box-shadow: 0 1px 5px rgba(0,0,0,0.1);}
#bdgTime .sectionBdgTime .liBdgTime .time{line-height: 1.5rem; margin-bottom: 7px; color: #131313; font-size: 1.5rem; font-weight: 900; letter-spacing: -0.5px;}
#bdgTime .sectionBdgTime .liBdgTime .badgeTime{display: inline-block; vertical-align: top; height: 18px; line-height: 18px; margin: 3px 7px 0 0; padding: 0 8px; border-radius: 5px; background-color: #E2F8EC; color: #3AAA6C; font-size: 0.625rem; font-weight: 700; letter-spacing: 0;}
#bdgTime .sectionBdgTime .liBdgTime .badgeTime.lunch{background-color: #E2F8EC; color: #3AAA6C;}
#bdgTime .sectionBdgTime .liBdgTime .badgeTime.dinner{background-color: #E5EEFF; color: #467CEA;}
#bdgTime .sectionBdgTime .liBdgTime .date{line-height: 0.75rem; color: #909090; font-size: 0.75rem;}
#bdgTime .sectionBdgTime .areaOnOff{position: absolute; top: 19px; right: 45px;}
#bdgTime .sectionBdgTime .setOnOff{position: absolute; top: 0; right: 0;}
#bdgTime .sectionBdgTime .inputOnOff{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; opacity: 0;}
#bdgTime .sectionBdgTime .labelOnOff{display: block; width: 52px; height: 32px; padding: 3px; box-sizing: border-box; border-radius: 16px; background-color: #EAEAEA; transition: background-color 0.2s ease-out;}
#bdgTime .sectionBdgTime .toggleCircle{width: 26px; height: 26px; margin-left: 0; border-radius: 100%; background-color: #FFFFFF; box-shadow: 0 1px 4px rgba(0,0,0,12%); transition: margin 0.2s ease-out;}
#bdgTime .sectionBdgTime .inputOnOff:checked + .labelOnOff{background-color: #0F1838;}
#bdgTime .sectionBdgTime .inputOnOff:checked + .labelOnOff .toggleCircle{margin-left: 20px;}
#bdgTime .sectionBdgTime .btnModify{position: absolute; top: 12px; right: 15px; bottom: 15px; padding: 13px 7px;}
#bdgTime .sectionBdgTime .btnModify .dot{width: 3px; height: 3px; margin-bottom: 4px; border-radius: 100%; background-color: #D0D0D0;}
#bdgTime .sectionBdgTime .areaModify{position: absolute; top: 57px; right: 15px; z-index: 10; width: 85px; padding: 0 10px; box-sizing: border-box; background-color: #FFFFFF; border-radius: 5px; box-shadow: 0 1px 4px rgba(0,0,0,12%); overflow: hidden;}
#bdgTime .sectionBdgTime .areaModify .linkModify{width: 100%; height: 35px; line-height: 35px; border-bottom: 1px solid #eaeaea; font-size: 0.75rem; text-align: center;}
#bdgTime .sectionBdgTime .areaModify .linkModify:last-of-type{border-bottom: 0;}
#bdgTime .sectionBdgTime .linkAddReminder{width: 100%; height: auto; padding: 13px 0 10px 0; text-align: center;}
#bdgTime .sectionBdgTime .iconAddReminder{width: 14px; height: 14px;}
#bdgTime .sectionBdgTime .iconAddReminder rect{fill: none;}
#bdgTime .sectionBdgTime .iconAddReminder path{fill: #cacaca; stroke-width: 0;}
#bdgTime .sectionAlarm{position: relative; width: 100%; height: auto; padding: 30px 20px 0 20px; box-sizing: border-box; background-color: #FFFFFF; margin-bottom: 5px;}
#bdgTime .sectionAlarm .areaDatePicker{position: relative; width: 100%; height: auto; margin-bottom: 25px;}
#bdgTime .sectionAlarm .areaDatePicker:after{content: ""; display: block; clear: both;}
#bdgTime .sectionAlarm .setDate{float: left; position: relative; width: 14.28%; height: auto;}
#bdgTime .sectionAlarm .inputDate{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; opacity: 0;}
#bdgTime .sectionAlarm .labelDate{display: block; width: 40px; height: 40px; line-height: 40px; margin: 0 auto; border-radius: 100%; background-color: #F5F5F5; color: #a0a0a0; font-weight: 700; text-align: center;}
#bdgTime .sectionAlarm .inputDate:checked + .labelDate{background-color: #0F1838; color: #FFFFFF;}
#bdgTime .sectionAlarm .areaTimePicker{padding-bottom: 25px; border-bottom: 1px solid #EAEAEA;}
#bdgTime .sectionAlarm .bgTimePicker{position: relative; width: 100%; height: 165px; padding: 15px 20px; border-radius: 10px; box-sizing: border-box; background-color: #FFFFFF; box-shadow: 0 1px 4px rgba(0,0,0,12%);}
#bdgTime .sectionAlarm .bgTimePicker:after{content: ""; display: block; clear: both;}
#bdgTime .sectionAlarm .areaSwiper{float: left; height: 100%; overflow: hidden;}
#bdgTime .sectionAlarm .areaSwiper:nth-of-type(1){width: 50%;}
#bdgTime .sectionAlarm .areaSwiper:nth-of-type(3){width: 50%;}
#bdgTime .sectionAlarm .areaSwiper .ulSwiper{width: 100%;}
#bdgTime .sectionAlarm .areaSwiper .liSwiper{width: 100%; text-align: center; height: 45px; line-height: 45px; color: #A0A0A0; font-size: 1.125rem; font-weight: 700;}
#bdgTime .sectionAlarm .areaSwiper .liSwiper.active{color: #0F1838;}
#bdgTime .sectionAlarm .bgTimePicker .timeSign{position: absolute; left: 50%; width: 10px; height: 135px; line-height: 135px; margin-left: -5px; color: #0F1838; font-size: 1.125rem; font-weight: 700; text-align: center;}
#bdgTime .sectionAlarm .bgTimePicker .line{position: absolute; left: 20px; right: 20px; height: 1px; background-color: #EAEAEA;}
#bdgTime .sectionAlarm .bgTimePicker .line:nth-of-type(1){top: 60px;}
#bdgTime .sectionAlarm .bgTimePicker .line:nth-of-type(2){bottom: 60px;}
#bdgTime .sectionAlarm .areaNotice{padding: 15px 0 30px 0; color: #A0A0A0; font-size: 0.75rem;}





/* 알림(배달긱타임 알림 설정) */
#bdgTimeModify{padding-top: 50px;}

#bdgTimeModify .sectionSystemAlarm{position: relative; width: 100%; height: auto; padding: 30px 20px; box-sizing: border-box; background-color: #FFFFFF; margin-bottom: 5px;}
#bdgTimeModify .sectionSystemAlarm .textSystem{line-height: 1rem; margin-top: 7px; margin-bottom: 20px; font-size: 0.875rem;}
#bdgTimeModify .sectionSystemAlarm .btnSystemSet{width: 150px; height: 45px; line-height: 45px; border-radius: 5px; color: #FFFFFF; font-weight: 700;}

#bdgTimeModify .sectionAlarm{position: relative; width: 100%; height: auto; padding: 30px 20px 0 20px; box-sizing: border-box; background-color: #FFFFFF; margin-bottom: 5px;}
#bdgTimeModify .sectionAlarm .areaOnOff{position: relative; height: auto; padding-bottom: 25px;}
#bdgTimeModify .sectionAlarm .textOnOff{line-height: 1rem; margin-top: 7px; font-size: 0.875rem;}
#bdgTimeModify .sectionAlarm .setOnOff{position: absolute; top: 0; right: 0;}
#bdgTimeModify .sectionAlarm .inputOnOff{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; opacity: 0;}
#bdgTimeModify .sectionAlarm .labelOnOff{display: block; width: 52px; height: 32px; padding: 3px; box-sizing: border-box; border-radius: 16px; background-color: #EAEAEA; transition: background-color 0.2s ease-out;}
#bdgTimeModify .sectionAlarm .toggleCircle{width: 26px; height: 26px; margin-left: 0; border-radius: 100%; background-color: #FFFFFF; box-shadow: 0 3px 6px rgba(0, 0, 0, 15%); transition: margin 0.2s ease-out;}
#bdgTimeModify .sectionAlarm .inputOnOff:checked + .labelOnOff{background-color: #0F1838;}
#bdgTimeModify .sectionAlarm .inputOnOff:checked + .labelOnOff .toggleCircle{margin-left: 20px;}
#bdgTimeModify .sectionAlarm .areaDatePicker{position: relative; width: 100%; height: auto; margin-bottom: 25px; padding-top: 25px; border-top: 1px solid #EAEAEA;}
#bdgTimeModify .sectionAlarm .areaDatePicker:after{content: ""; display: block; clear: both;}
#bdgTimeModify .sectionAlarm .setDate{float: left; position: relative; width: 14.28%; height: auto;}
#bdgTimeModify .sectionAlarm .inputDate{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; opacity: 0;}
#bdgTimeModify .sectionAlarm .labelDate{display: block; width: 40px; height: 40px; line-height: 40px; margin: 0 auto; border-radius: 100%; background-color: #F5F5F5; color: #a0a0a0; font-weight: 700; text-align: center;}
#bdgTimeModify .sectionAlarm .inputDate:checked + .labelDate{background-color: #0F1838; color: #FFFFFF;}
#bdgTimeModify .sectionAlarm .areaTimePicker{padding-bottom: 25px; border-bottom: 1px solid #EAEAEA;}
#bdgTimeModify .sectionAlarm .bgTimePicker{position: relative; width: 100%; height: 165px; padding: 15px 20px; border-radius: 10px; box-sizing: border-box; background-color: #FFFFFF; box-shadow: 0 1px 4px rgba(0,0,0,12%);}
#bdgTimeModify .sectionAlarm .bgTimePicker:after{content: ""; display: block; clear: both;}
#bdgTimeModify .sectionAlarm .areaSwiper{float: left; height: 100%; overflow: hidden;}
#bdgTimeModify .sectionAlarm .areaSwiper:nth-of-type(1){width: 50%;}
#bdgTimeModify .sectionAlarm .areaSwiper:nth-of-type(3){width: 50%;}
#bdgTimeModify .sectionAlarm .areaSwiper .ulSwiper{width: 100%;}
#bdgTimeModify .sectionAlarm .areaSwiper .liSwiper{width: 100%; text-align: center; height: 45px; line-height: 45px; color: #A0A0A0; font-size: 1.125rem; font-weight: 700;}
#bdgTimeModify .sectionAlarm .areaSwiper .liSwiper.active{color: #0F1838;}
#bdgTimeModify .sectionAlarm .bgTimePicker .timeSign{position: absolute; left: 50%; width: 10px; height: 135px; line-height: 135px; margin-left: -5px; color: #0F1838; font-size: 1.125rem; font-weight: 700; text-align: center;}
#bdgTimeModify .sectionAlarm .bgTimePicker .line{position: absolute; left: 20px; right: 20px; height: 1px; background-color: #EAEAEA;}
#bdgTimeModify .sectionAlarm .bgTimePicker .line:nth-of-type(1){top: 60px;}
#bdgTimeModify .sectionAlarm .bgTimePicker .line:nth-of-type(2){bottom: 60px;}
#bdgTimeModify .sectionAlarm .areaNotice{padding: 15px 0 30px 0; color: #A0A0A0; font-size: 0.75rem;}