/* Color */
:root {
  --main-color: #265E49;
  --mainT-color: rgba(38,94,83,0.1);

  --bg-color: #F7F7EF;
  --white-color: #FFF;
  --black-color: #000;
  --border-color: #e5e5e5;
}

/* Common */
body {width: 600px; max-width: 100%; margin: 0 auto;}

/* Header */
.header {background-color: var(--bg-color); position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100%; z-index: 20; width: 600px; max-width: 100%;}
.hd-wrap {display: flex; align-items: center; justify-content: space-between; height: 64px;}
.hd-wrap .logo {width: 177px;}

.header .white {display: none!important;}

.rnb {}
.rnb-ul {display: flex; align-items: center; gap: 17.5px;}
.rnb-ul li {}
.rnb-ul li .my-btn {display: flex; align-items: center; justify-content: center; width: 22px; border: 2px solid var(--main-color); border-radius: 50%;}
.rnb-ul li .my-btn.white {display: flex; align-items: center; justify-content: center; width: 22px; border: 2px solid var(--white-color); border-radius: 50%;}
.rnb-ul li .my-btn img {}
.all-menu-btn {display: flex; align-items: center; justify-content: center; width: 19px; height: 16px; border: none; background-color: transparent;}
.all-menu-btn span {width: 100%; height: 2px; background-color: var(--main-color); position: relative;}
.all-menu-btn span::before {content: ''; width: 100%; height: 2px; background-color: var(--main-color); position: absolute; left: 0; top: -7.5px;}
.all-menu-btn span::after {content: ''; width: 100%; height: 2px; background-color: var(--main-color); position: absolute; left: 0; top: 7.5px;}

.header.main-color {background-color: var(--main-color);}
.header.main-color .point {display: none!important;}
.header.main-color .white {display: block!important;}
.header.main-color .my-btn.white {display: flex!important;}
.header.main-color .all-menu-btn span {background-color: var(--white-color);}
.header.main-color .all-menu-btn span::before {background-color: var(--white-color);}
.header.main-color .all-menu-btn span::after {background-color: var(--white-color);}

/* All menu */
.pop-dim {position: fixed; z-index: 21; background-color: rgba(0,0,0,0.4); top: 50%; left: 50%; transform: translate(-50%,-50%); width: 600px; max-width: 100%; height: 100vh; display: none;}

.all-menu-wrap {position: fixed; top: 0; right: -100%; width: 300px; max-width: 100%; height: 100vh; z-index: 21; transition: .5s; box-shadow: 0 0 20px rgba(0,0,0,0.12);}
.all-menu-wrap.open {right: 0;}
.all-menu-wrap .menu-top {display: flex; flex-direction: column; height: 118px; background-color: var(--main-color); padding-left: 24px; padding-right: 16px; justify-content: center; gap: 24px;}
.all-menu-wrap .menu-top .name-wrap {display: flex; align-items: center; justify-content: space-between;}
.all-menu-wrap .name {font-weight: 500; font-size: 24px; color: var(--white-color);}
.all-menu-wrap .my-btn {display: flex; align-items: center; justify-content: center; width: 22px; border: 2px solid var(--white-color); border-radius: 50%;}
.all-menu-wrap .member-location {font-weight: 500; font-size: 18px; color: #EDEDE3; padding-left: 24px; position: relative;}
.all-menu-wrap .member-location::before {content: ''; width: 16px; height: 16px; background: url('/source/img/icon-loc.png') no-repeat center; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.menu-list-wrap {height: calc(100vh - 118px); background-color: var(--white-color); overflow-y: auto; padding-top: 12px; padding-bottom: 60px;}

.depth1-ul {}
.depth1-ul > li {padding: 0 24px; border-bottom: 1px solid #EFEFEF;}
.depth1-ul > li:last-child {border-bottom: none;}
.depth1-btn {display: flex; height: 48px; align-items: center; font-weight: 700; font-size: 16px; color: #242424; width: 100%; border: none; background-color: transparent; position: relative; transition: .3s;}
.depth1-btn.on {color: var(--main-color);}
.depth1-btn::before {content: ''; background: url('/source/img/icon-arr-top.png') no-repeat center; width: 13px; height: 8px; position: absolute; top: 50%; right: 0; transform: translateY(-50%) rotate(180deg); transition: .5s;}
.depth1-btn.on::before {transform: translateY(-50%) rotate(0deg);}
.depth2-ul {padding-bottom: 24px; display: none;}
.depth2-ul > li {}
.depth2-ul > li a {font-weight: 600; font-size: 15px; color: #242424; line-height: 2;}
.depth2-ul > li a.new {position: relative; padding-right: 30px;}
.depth2-ul > li a.new::after {content: 'N'; font-weight: 600; font-size: 12px; color: var(--white-color); width: 22px; height: 20px; background-color: #FF6D1B; border-radius: 80px; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}

.menu-list-wrap .logout-btn {font-weight: 600; font-size: 15px; color: var(--main-color); text-decoration: underline;}

.header .btn-wrap {display: flex; height: 44px; align-items: center; justify-content: center;}
.point-go-btn {font-weight: 500; font-size: 18px; color: var(--main-color); display: flex; align-items: center; gap: 5px;}
.point-go-btn .icon {font-size: 0;}

/* Footer */
.footer {background-color: #EDEDE4; padding: 48px 0;}
.ft-wrap {}
.ft-top {display: flex; border-bottom: 1px solid var(--main-color); padding-bottom: 39px;}
.ft-logo {width: 175px;}
.ft-bot {padding-top: 32px;}
.ft-link-wrap {display: flex; align-items: flex-start;}
.ft-link-box {width: 50%;}
.ft-link-box .t1 {font-weight: 700; font-size: 15px; color: var(--main-color); padding-bottom: 14px;}
.ft-link-ul {margin: -6px;}
.ft-link-ul li {padding: 6px;}
.ft-link-ul li a {font-weight: 500; font-size: 14px; color: #757575;}

/* Main */
#contents_dom {padding-top: 64px; background-color: var(--bg-color);}
#contents_dom.login-main {padding-top: 108px;}

.main-visual {background-color: var(--main-color);}
.main-visual-img {position: relative; height: 0; padding-bottom: 72%; overflow: hidden; border-radius: 0 0 0 40px;}
.main-visual-img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}

.main-beforeLogin-section {background-color: var(--main-color);}
.main-before-login {padding: 40px 0 50px;}
.main-before-login .login-btn {display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 16px; color: var(--white-color); height: 52px; border: 1px solid var(--white-color); border-radius: 80px;}
.main-before-login .before-login-txt {font-weight: 500; font-size: 45px; color: var(--white-color); line-height: 1; padding-top: 40px;}

.swiper-ctr-box {display: flex; align-items: center; gap: 0 30px;}
.swiper-ctr-box button {border: none; background-color: transparent; width: 8px; height: 13px;}
.swiper-ctr-box .btn-prev {background: url('/source/img/btn-prev.png') no-repeat center/contain;}
.swiper-ctr-box .btn-next {background: url('/source/img/btn-next.png') no-repeat center/contain;}

.main-partners-section {background-color: var(--main-color);}
.main-partners-box {background-color: #F9F9EF; border-radius: 40px 40px 0 0;}
.main-partners-top {display: flex; align-items: center; justify-content: space-between; padding: 45px 0 16px; border-bottom: 1px solid var(--main-color);}
.main-partners-top .main-title {font-weight: 700; font-size: 28px; color: var(--main-color);}

.main-partners-sl {padding: 28px 0;}
.main-partners-sl .container {padding-right: 0;}
.main-partners-slide {}
.main-partners-slide .link {display: flex; flex-direction: column;}
.main-partners-slide .t1 {font-weight: 500; font-size: 14px; color: #242424; line-height: 1.42; margin-bottom: 32px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.84em;}
.main-partners-slide .img-wrap {border-radius: 20px; overflow: hidden; position: relative; height: 0; padding-bottom: 74%;}
.main-partners-slide .img-wrap::before {content: ''; width: 40px; height: 40px; border-radius: 50%; background: url('/source/img/icon-arr-right.png') no-repeat center rgba(220,220,220,0.25); position: absolute; bottom: 20px; right: 20px; z-index: 1;}
.main-partners-slide .img-wrap img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
.main-partners-slide .loc {font-weight: 600; font-size: 16px; color: #242424; padding: 0 9px; padding-top: 12px;}

.main-help-section {padding: 20px 0 90px; padding-left: 24px;}
.main-help-box {border-radius: 20px 0 0 20px; background-color: var(--main-color); padding: 20px 24px 20px 28px; position: relative;}
.main-help-box .main-title {font-weight: 700; font-size: 28px; color: var(--white-color);}
.main-help-info-ul {display: flex; align-items: center; margin: 0 -10px;}
.main-help-info-ul li {font-weight: 400; font-size: 14px; color: var(--white-color); line-height: 1.42; padding: 0 10px; position: relative; margin-top: 10px;}
.main-help-info-ul li::after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 13px; background-color: var(--white-color); opacity: .1;}
.main-help-info-ul li:last-child::after {display: none;}
.main-help-num {font-weight: 500; font-size: 20px; color: var(--white-color); line-height: 1; margin-top: 22px; display: inline-block;}
.main-help-box .more-view {display: flex; width: 40px; height: 40px; border-radius: 50%; background: url('/source/img/icon-arr-right.png') no-repeat center rgba(220,220,220,0.25); position: absolute; right: 24px; bottom: 20px;}

.main-notice-section {background-color: var(--main-color);}
.main-notice-box {padding: 40px 0 50px;}
.main-notice-top {display: flex; align-items: center; justify-content: space-between; padding: 0 0 18px; border-bottom: 1px solid var(--main-color);}
.main-notice-top .main-title {font-weight: 700; font-size: 28px; color: var(--white-color);}
.main-notice-top .more-view {font-weight: 500; font-size: 14px; color: var(--white-color); position: relative; padding-right: 20px;}
.main-notice-top .more-view::after {content: ''; width: 11px; height: 11px; background: url('/source/img/icon-plus.png') no-repeat center; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}

.main-notice-slide {}
.main-notice-slide .link {display: flex; flex-direction: column; background-color: rgba(255,255,255,.1); border-radius: 16px; padding: 20px;}
.main-notice-slide .tag {display: flex; width: 50px; height: 20px; align-items: center; justify-content: center; border: 1px solid #B0B0B0; font-weight: 500; font-size: 12px; color: var(--white-color); margin-bottom: 9px;}
.main-notice-slide .tit {font-weight: 400; font-size: 16px; color: var(--white-color); line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-notice-slide .date {font-weight: 400; font-size: 14px; line-height: 1.42; color: rgba(255,255,255,.4); margin-top: 11px;}

/* Common */
.sub {padding-bottom: 60px;}
#user_main {padding-bottom: 0;}

.tab {padding: 20px 0;}
.tab .tab-ul {font-size: 0; margin: -5px;}
.tab .tab-ul li {padding: 5px;}
.tab .tab-ul li .tab-btn {display: flex; width: 100%; height: 38px; border: 1px solid rgba(255,255,255,.5); border-radius: 80px; align-items: center; justify-content: center; font-weight: 400; font-size: 14px; color: var(--white-color); transition: .3s;}
.tab .tab-ul li .tab-btn.on {background-color: #F9F9EF; border-color: #F9F9EF; font-weight: 800; color: #233B33;}
.tab .tab-ul li .tab-btn:hover {background-color: #F9F9EF; border-color: #F9F9EF; font-weight: 800; color: #233B33;}

.menu-card-wrap {}
.menu-card-top {display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px;}
.menu-card-top .date {font-weight: 700; font-size: 18px; color: var(--main-color);}
.menu-card-top .more-view {font-weight: 500; font-size: 14px; color: var(--main-color); position: relative; padding-right: 20px;}
.menu-card-top .more-view::before {content: ''; width: 11px; height: 11px; background: url('/source/img/icon-plus-c.png') no-repeat center; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}

.menu-card-list {}
.menu-card {display: flex; align-items: center; height: 228px; border-radius: 20px; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.12);}
.menu-card .card-thumb {position: relative; display: flex; align-items: center; justify-content: center; width: 40%; border-radius: 20px; height: 100%; overflow: hidden; background-color: #E7DCC8;}
.menu-card .card-thumb img {}
.card-thumb-btn {position: absolute; top: 8px; right: 8px; border: none; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background-color: rgba(0,0,0,0.25); border-radius: 50%;}
.menu-card .card-info {width: 60%; padding: 17px;}
.menu-card .card-info .t1 {font-weight: 700; font-size: 18px; color: #D94E1F/*#FF8A00*/; line-height: 1.333; padding-bottom: 7px;}
.menu-card .card-info .t1 span {display: inline-block; position: relative;}
/*.menu-card .card-info .t1 span::before {content: ''; width: 34px; height: 32px; background: url('/source/img/icon-crown.png') no-repeat center; position: absolute; top: -18px; right: -18px;}*/
.menu-card .card-info .t2 {border-radius: 2px; display: inline-block; /*background-color: #FF8A00;*/ text-align: center; font-weight: 700; font-size: 18px; color: var(--black-color); padding: 3px 9px; margin-bottom: 8px;}
.menu-card .card-list {}
.menu-card .card-list li {font-weight: 500; font-size: 14px; color: #242424; line-height: 1.714; position: relative; padding-left: 10px;}
.menu-card .card-list li::before {content: ''; width: 3px; height: 3px; background-color: #D94E1F/*#FF8A00*/; border-radius: 50%; position: absolute; top: 10px; left: 0;}

.menu-card-btn-wrap {padding-top: 19px; display: flex; align-items: center; gap: 10px;}
.menu-card-btn-wrap > * {width: calc((100% - 10px) / 2);}
.menu-card-btn-wrap .menu-review {display: flex; align-items: center; justify-content: space-between; height: 40px; background-color: var(--white-color); border-radius: 40px; box-shadow: 0 0 20px rgba(0,0,0,0.12); font-weight: 700; font-size: 16px; color: var(--main-color); padding-left: 20px; padding-right: 13px;}
.menu-card-btn-wrap .rv-star {display: flex; align-items: center; gap: 2px;}
.menu-card-btn-wrap .rv-star .star {width: 16px; height: 16px; background: url('/source/img/rv-star.png') no-repeat center;}
.menu-card-btn-wrap .rv-star .star.no {background: url('/source/img/rv-star-no.png') no-repeat center;}
.menu-card-btn-wrap .btn {display: flex; align-items: center; justify-content: center; border-radius: 40px; height: 40px; background-color: var(--main-color); font-weight: 600; font-size: 14px; color: var(--white-color);}

.required, textarea.required {background-image: none!important;}

.info-list {margin: -5px 0;}
.info-item {padding: 5px 0;}
.info-item .k {font-weight: 500; font-size: 14px; color: var(--black-color); padding-bottom: 6px;}
.info-item .v {}
.info-item .v input[type=text] {width: 100%;}
.info-item .v select {background: url('/source/img/icon-arr-bot.png') no-repeat center right 10px/10px #fff; padding-right: 20px; -webkit-box-shadow: none; height: 36px;}
.info-item .star {font-weight: 700; color: var(--main-color); display: inline-block; vertical-align: middle;}
.info-item .v .birth-wrap {font-size: 0; margin: -2.5px;}
.info-item .v .select-item {padding: 2.5px;}
.info-item .p {margin:8px 0 0 0;font-size:14px; word-break:keep-all;}

.sub-title {padding-top: 40px;}
.sub-title .t-box {text-align: center;}
.sub-title .t-box .t1 {font-weight: 500; font-size: 22px; color: var(--main-color); letter-spacing: -0.05em; padding-bottom: 16px; border-bottom: 1px solid var(--main-color); margin-bottom: 16px;}

/* 지점 메인 */
#user_main {background-color: var(--main-color);}
.login-info {border-bottom: 1px solid #496D5F; background-color: var(--main-color);}
.login-info-txt {display: flex; align-items: center; height: 44px;}
.login-info-txt .loc {position: relative; padding-left: 20px; font-weight: 500; font-size: 14px; color: #EDEDE3;}
.login-info-txt .loc::before {content: ''; width: 16px; height: 16px; background: url('/source/img/icon-loc.png') no-repeat center; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.login-info-txt .t1 {font-weight: 400; font-size: 14px; color: #EDEDE3; padding-left: 24px; position: relative;}
.login-info-txt .t1::before {content: ''; width: 1px; height: 14px; background-color: #75A291; position: absolute; top: 3px; left: 12px;}

.user_main-menu-ct {border-radius: 40px 40px 0 0; background-color: #F9F9EF;}
.user_main-menu-top {display: flex; align-items: center; justify-content: space-between; padding: 25px 0 16px; border-bottom: 1px solid var(--main-color);}
.user_main-menu-top .main-title {font-weight: 700; font-size: 28px; color: var(--main-color);}

.user_main-menu {padding-top: 20px;}

.user_main-notice-ct {padding-top: 52px; padding-bottom: 82px; background-color: #F9F9EF;}
.user_main-notice-top {display: flex; align-items: center; justify-content: space-between; padding: 0 0 18px; border-bottom: 1px solid var(--main-color);}
.user_main-notice-top .main-title {font-weight: 700; font-size: 28px; color: var(--main-color);}
.user_main-notice-top .more-view {font-weight: 500; font-size: 14px; color: var(--main-color); position: relative; padding-right: 20px;}
.user_main-notice-top .more-view::after {content: ''; width: 11px; height: 11px; background: url('/source/img/icon-plus-c.png') no-repeat center; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}

.user_main-notice-list {border-bottom: 1px solid var(--main-color);}
.user_main-notice-item {}
.user_main-notice-item {display: flex; flex-direction: column; border-bottom: 1px solid #DBDBDB; padding: 18px 0 15px;}
.user_main-notice-item:last-child {border-bottom: none;}
.user_main-notice-item .tag {display: flex; width: 50px; height: 20px; align-items: center; justify-content: center; border: 1px solid #265E49; font-weight: 500; font-size: 12px; color: var(--main-color); margin-bottom: 9px;}
.user_main-notice-item .tit-wrap {display: flex; align-items: center; position: relative;}
.user_main-notice-item .tit {font-weight: 500; font-size: 16px; color: #242424; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 75px);}
.user_main-notice-item .date {font-weight: 400; font-size: 14px; line-height: 1.42; color: #8F8F8F; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}

.card-thumb-exp-wrap {position: fixed; width: 600px; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 22; display: none;}
.card-thumb-exp-img-box {width: 100%; height: 100%; position: relative;}
.card-thumb-exp-img {display: flex; align-items: center; justify-content: center; background-color: #E7DCC8; border-radius: 10px; height: 50vh; padding: 30px; overflow-y: auto;}
.card-thumb-exp-img-wrap {width: 100%; padding: 30px; }
.card-thumb-exp-img img {width: 100%;}

.card-thumb-exp-close {display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background-color: var(--main-color); border-radius: 50%; position: absolute; top: 10px; right: 10px; border: none;}
.card-thumb-exp-close span {width: 14px; height: 1px; background-color: transparent; position: relative;}
.card-thumb-exp-close span::before {content: ''; width: 14px; height: 1px; background-color: var(--white-color); position: absolute; top: 0; left: 50%; transform: translateX(-50%) rotate(45deg);}
.card-thumb-exp-close span::after {content: ''; width: 14px; height: 1px; background-color: var(--white-color); position: absolute; top: 0; left: 50%; transform: translateX(-50%) rotate(-45deg);}

/* 로그인 */
.login-wrap {padding-top: 80px;}
.login-top {text-align: center; padding-bottom: 28px;}
.login-top .logo {width: 160px; margin: 0 auto;}
.login-title {font-weight: 700; font-size: 36px; color: var(--main-color);}

.login-box {width: 440px; max-width: 100%; margin: 0 auto; padding: 2vw 1vw;}
#login_fs {padding: 0!important;}
.login-input-box {display: flex; align-items: center; gap: .4vw; height: 80px;}
.login-input-box > * {height: 100%;}
.login-input-left {display: flex; flex-direction: column; gap: .4vw; width: calc(100% - 98px);}
.login-input-item {}
.login-input-item input {width: 100%;}
.login-input-right {width: 90px;}
.login-input-right .btn_submit {font-weight: 500; font-size: 14px; width: 100%; height: 100%; display: flex; border-radius: 4px; align-items: center; justify-content: center; background-color: var(--main-color);}

.login-box-bot {padding-top: 6px;}
.login-btn-wrap {padding-top: 30px;}
.login-box .btn-wrap {padding-top: 20px; text-align: center;}

/* 아이디/비밀번호 찾기 */
.login-box .t-box {border-radius: 4px; border: 1px solid var(--main-color); background-color: var(--white-color); padding: 1vh; text-align: center; margin-bottom: 16px;}
.login-box .t-box h3 {font-weight: 500; font-size: 16px; color: var(--main-color);}
.login-box .t-box .t1 {font-size: 14px; padding-top: 8px;}
.login-box .t-box .t1.red {color: #f00;}
.login-box .t-box .t2 {font-size: 14px;}
.login-box .lost-table {padding: 20px 0;}
#captcha #captcha_key {font-size: 14px!important;}

/* 회원가입 */
.login-box .terms-list {padding: 20px 0;}
.info-item textarea {padding: 6px 8px!important;}

.info-item .add-wrap {font-size: 0;}
.info-item .add-wrap #reg_mb_zip {width: calc(100% - 95px); margin-right: 5px;}
.info-item .add-wrap .btn {display: inline-block; align-items: center; justify-content: center; border-radius: 4px; height: 36px; border: 1px solid #265E49; font-weight: 500; font-size: 13px; background-color: #fff; padding: 0; transition: .3s; width: 90px; background-color: #265E49; color: #fff;}
.info-item .input-btn-wrap .btn {display: inline-block; align-items: center; justify-content: center; border-radius: 4px; height: 36px; border: 1px solid #265E49; font-weight: 500; font-size: 13px; background-color: #fff; padding: 0; transition: .3s; width: 90px; background-color: #265E49; color: #fff;}

.info-item .input-btn-wrap {font-size: 0;}
.info-item .input-btn-wrap ~ .input-btn-wrap {margin-top: 5px;}
.info-item .input-btn-wrap input[type=text] {width: calc(100% - 95px); margin-right: 5px;}
.info-item .input-btn-wrap #timer {font-weight: 500; font-size: 13px; color: var(--main-color); margin-top: 5px;}
.info-item .v input[type=text]:read-only {background-color: var(--mainT-color); color: #999;}
.info-item .v .v-txt {font-weight: 500; font-size: 14px; color: #666; padding-top: 4px;}
.info-item .v .check_wrap {padding-top: 4px;}

.join-res-box {}
.join-res-box .icon {font-weight: 700; font-size: 7vh; margin-bottom: 2vh; color: var(--main-color);}
.join-res-box.t-box h3 {font-size: 2vh;}
.join-res-box.t-box .t1 {padding-top: 1.4vh;}

/* 급식 신청 */
.evo-calendar {box-shadow: none;}
.calendar-sidebar > .calendar-year {box-shadow: none;}
.royal-navy .calendar-events {display: none;}
.royal-navy th[colspan="7"] {padding: 14px 10px; background-color: var(--white-color); border: 1px solid var(--main-color); color: var(--main-color); font-size: 18px; border-radius: 5px;}
.royal-navy th[colspan="7"]::after {display: none;}
tr.calendar-header .calendar-header-day {font-size: 16px; font-weight: 500; width: 60px; height: 60px;}
tr.calendar-header .calendar-header-day.--weekend:first-child {color: rgb(217, 25, 25);}
tr.calendar-header .calendar-header-day.--weekend:last-child {color: rgb(19, 19, 205);}
tr.calendar-body .calendar-day {padding: 0;}
tr.calendar-body .calendar-day .day {font-size: 15px; line-height: 1;}
.royal-navy tr.calendar-body .calendar-day .day.calendar-active {font-weight: 700; color: var(--main-color);}

.royal-navy tr.calendar-body .calendar-day .day.calendar-active, .royal-navy tr.calendar-body .calendar-day .day.calendar-active:hover {border-color: var(--main-color);}
.royal-navy tr.calendar-body .calendar-day .day:hover {color: var(--main-color); background-color: var(--mainT-color);}

.cal-caption {display: flex; align-items: center; justify-content: flex-start; gap: .4vw; padding-bottom: 10px;}
.cal-caption-item {display: flex; align-items: center; gap: 3px;}
.cal-caption-item .round {width: 8px; height: 8px; border-radius: 50%;}
.cal-caption-item .square {width: 8px; height: 8px;}
.cal-caption-item .lunch {background-color: var(--main-color);}
.cal-caption-item .dinner {background-color: var(--white-color); border: 1px solid var(--main-color);}
.cal-caption-item .square.dinner {background-color: #90EE90 !important; border: 1px solid #90EE90 !important; /* 연두색 배경 및 테두리 */}
.cal-caption-item p {font-weight: 500; font-size: 14px; color: var(--main-color);}

.meal-btn-wrap {padding-top: 12px; text-align: center;}

.meal-lunch {}
.meal-lunch::before {content: ''; width: 8px; height: 8px; border-radius: 50%; background-color: var(--main-color); position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%);}
.meal-dinner::before {content: ''; width: 8px; height: 8px; border-radius: 50%; background-color: var(--white-color); border: 1px solid var(--main-color); position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%);}
.meal-both::before {content: ''; width: 8px; height: 8px; border-radius: 50%; background-color: var(--main-color); position: absolute; bottom: 15px; left: 40%; transform: translateX(-50%);}
.meal-both::after {content: ''; width: 8px; height: 8px; border-radius: 50%; background-color: var(--white-color); border: 1px solid var(--main-color); position: absolute; bottom: 15px; left: 60%; transform: translateX(-50%);}

/* fullcallendar */
.calendar-top {display: flex; align-items: center; justify-content: space-between; padding: 16px 0;}
.calendar-title {font-weight: 700; font-size: 24px; color: var(--main-color); letter-spacing: -0.05em;}
.calendar-top .btn {width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--main-color); background-color: var(--main-color); border-radius: 50%;}
.calendar-top .btn img {width: 12px;}

.fc .fc-toolbar.fc-header-toolbar {display: none;}
.fc .fc-scrollgrid-liquid {border: none!important;}
.fc-theme-standard .fc-scrollgrid {border: none!important;}
.fc-theme-standard td, .fc-theme-standard th {border: none!important;}
.fc th {padding: 10px 0!important; font-size: 14px; font-weight: 700;}
.fc td {font-size: 14px; font-weight: 500;}
.fc .fc-scroller {overflow: auto!important;}

.fc .fc-daygrid-day-top {align-items: center; justify-content: flex-end; padding-top: 4px; padding-bottom: 20px; cursor: pointer;}
.fc .no-selected .fc-daygrid-day-top {cursor: default;}
.fc .fc-highlight {background-color: var(--mainT-color)!important;}
.fc .fc-daygrid-day-frame {border: 1px solid var(--border-color);}

.fc .fc-daygrid-day.fc-day-today {background-color: transparent!important; color: var(--main-color)!important; font-weight: 700;}
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number::before {color: var(--main-color);}

.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame {border: 1px solid var(--main-color); background-color: var(--bg-color);}
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {margin-bottom: 0!important; display: none!important;}

.fc-day-sat {color: rgb(19, 19, 205)!important;}
.fc-day-sat .fc-daygrid-day-number::before {color: rgb(19, 19, 205)!important;}
.fc-day-sat .fc-col-header-cell-cushion {color: rgb(19, 19, 205)!important;}
.fc-day-sun {color: rgb(217, 25, 25)!important;}
.fc-day-sun .fc-daygrid-day-number::before {color: rgb(217, 25, 25)!important;}
.fc-day-sun .fc-col-header-cell-cushion {color: rgb(217, 25, 25)!important;}

.fc .fc-daygrid-day.lunch-selected .fc-daygrid-day-frame::before {content: ''; width: 8px; height: 8px; background-color: var(--main-color); position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); z-index: 2;}
.fc .fc-daygrid-day.dinner-selected .fc-daygrid-day-frame::after {content: '' !important; width: 8px !important; height: 8px !important; background-color: #90EE90 !important; border: 1px solid #90EE90 !important; position: absolute !important; bottom: 10px !important; left: 50% !important; transform: translateX(-50%) !important; z-index: 1 !important;}
.fc .fc-daygrid-day.dinner-selected .fc-daygrid-day-events::after {content: '' !important; width: 8px !important; height: 8px !important; background-color: #90EE90 !important; border: 1px solid #90EE90 !important; position: absolute !important; bottom: 10px !important; left: 50% !important; transform: translateX(-50%) !important; z-index: 1 !important; display: block !important;}

.fc .fc-daygrid-day.lunch-selected.dinner-selected .fc-daygrid-day-frame::before {left: 40%;}
.fc .fc-daygrid-day.lunch-selected.dinner-selected .fc-daygrid-day-frame::after {left: 60% !important;}
.fc .fc-daygrid-day.lunch-selected.dinner-selected .fc-daygrid-day-events::after {left: 60% !important;}

/* 선택된 날짜 배경색 스타일 */
.fc .fc-daygrid-day.date-temp-selected {
  background-color: #265E531A !important;
}
.fc .fc-daygrid-day.date-temp-selected .fc-daygrid-day-frame {
  background-color: #265E531A !important;
}
/* date-temp-selected 클래스가 없을 때 흰색으로 설정 */
.fc .fc-daygrid-day:not(.date-temp-selected) {
  background-color: white !important;
}
.fc .fc-daygrid-day:not(.date-temp-selected) .fc-daygrid-day-frame {
  background-color: white !important;
}

.fc-dayGridMonth-view {background-color: var(--white-color); border-radius: 5px;}

.no-selected {opacity: .3;}

/* .fc .fc-daygrid-day.both-selected .fc-daygrid-day-frame::before {content: ''; width: 8px; height: 8px; background-color: var(--main-color); position: absolute; bottom: 10px; left: 40%; transform: translateX(-50%);}
.fc .fc-daygrid-day.both-selected .fc-daygrid-day-frame::after {content: ''; width: 8px; height: 8px; background-color: var(--white-color); border: 1px solid var(--main-color); position: absolute; bottom: 10px; left: 60%; transform: translateX(-50%);} */
/* #cal-sec {display:none} */
.meal-sec {padding-bottom: 40px;}
.meal-sec:last-child {padding-bottom: 0;}

.meal-recipt-box {padding-bottom: 30px;}
.meal-recipt-box:last-child {padding-bottom: 0;}
.meal-recipt-box .t-box {border-radius: 4px; border: 1px solid var(--main-color); background-color: var(--white-color); padding: 1vh; text-align: center; margin-bottom: 16px;}
.meal-recipt-box .t-box .t1 {font-weight: 500; font-size: 14px; color: var(--main-color);}
.meal-recipt-box .t-box .t2 {font-weight: 700; font-size: 16px; color: var(--black-color);}

.meal-recipt-cont {}
.meal-recipt-ul {margin: -4px 0;}
.meal-recipt-ul li {display: flex; align-items: center; gap: .4vw; padding: 4px 0;}
.meal-recipt-ul li > * {width: calc((100% - 8px) / 2);}
.meal-recipt-ul li .t1 {font-weight: 700; font-size: 15px; color: var(--white-color); display: flex; align-items: center; justify-content: center; height: 32px;; gap: 4px; background-color: var(--main-color); border-radius: 5px;}
.meal-recipt-ul li .t1 span {font-weight: 900; font-size: 14px;}
.meal-recipt-ul li .calc-wrap {display: flex; align-items: center; justify-content: center; border: 1px solid var(--main-color); height: 32px; border-radius: 5px; font-weight: 700; font-size: 14px; color: var(--main-color);}

.meal-price-amount {padding-top: 8px; margin-top: 8px; display: flex; align-items: flex-end; justify-content: space-between;}
.meal-price-amount .t1 {font-weight: 700; font-size: 16px; color: #666;}
.meal-price-amount .t2 {font-weight: 700; font-size: 16px; color: var(--black-color); line-height: -0.05em;}
.meal-price-amount .t2 span {font-size: 22px; color: var(--main-color); font-weight: 900;}
.meal-price-amount .t2 span.refund {color: #d90000;}

.meal-step-btn-wrap {}
.meal-step-btn-wrap .btn-wrap {display: flex; align-items: center; justify-content: space-between;}
.meal-step-btn-wrap .btn-wrap .btn-item {width: 100px;}
.meal-step-btn-wrap .btn-wrap .btn-item .btn i {font-size:10px;}

/* 급식신청 안내문 */
.consent-notice-wrap {padding-bottom: 40px;}
.consent-notice-img {border: 1px solid var(--main-color); border-radius: 4px; background-color: var(--white-color); padding: 1vh;}

.consent-notice-terms {border-radius: 4px; border: 1px solid var(--main-color); background-color: var(--white-color); padding: 1vh;}
.consent-notice-terms .t1 {font-weight: 600; font-size: 14px; color: var(--black-color); padding-bottom: 16px;}
.consent-notice-terms .t1 b {color: var(--main-color);}
.consent-notice-terms .check-row {display: flex; align-items: center; justify-content: space-between;}
.consent-notice-terms .check-row .date {font-weight: 500; font-size: 14px;}
.consent-notice-terms .check-row .date span {font-weight: 700;}

/* 급식신청 결제 */
.payment-box {padding-bottom: 40px;}
.payment-tit {font-weight: 700; font-size: 16px; color: var(--black-color); padding-bottom: 10px;}
.payment-wrap {padding-top: 6px; padding-bottom: 6px; border-bottom: 1px solid var(--border-color); border-top: 1px solid var(--border-color);}
.payment-item {display: flex; align-items: flex-start; justify-content: space-between; padding: 4px 0;}
.payment-item .k {font-weight: 700; font-size: 15px; color: #222; width: 120px; }
.payment-item .v {font-weight: 500; font-size: 15px; width: calc(100% - 100px); text-align: right;}
.payment-item .v.name {color: var(--main-color); letter-spacing: -0.05em;}
.payment-item .v b {font-size: 16px; color: var(--main-color); font-weight: 900;}
.payment-item .v b.refund {color: #d90000;}
.payment-item .v .clickable-text{display: inline-block; cursor: pointer;}

/* 급식신청 완료 */
.meal-complete-box {padding: 8vh 0;}
.meal-complete-box .icon {margin: 0 auto; width: 50px; height: 50px; border-radius: 50%; background-color: var(--main-color); display: flex; align-items: center; justify-content: center;}
.meal-complete-box > .t1 {padding-top: 20px; text-align: center; font-weight: 500; font-size: 16px;}

.meal-complete-box .vbank-info {width: 420px; max-width: 100%; margin: 0 auto; margin-top: 30px;}

/* 게시판 */
#basic_write {}
#basic_write .info-list {padding-bottom: 40px;}
.info-item .v .input-wrap.file {padding-top: 6px;}

.board-allCheck-top {padding-bottom: 10px; border-bottom: 2px solid var(--main-color);}
.board-allCheck-top label {font-weight: 700!important;}

.board-list {}
.board-list .board-ul {}
.board-list .board-ul > li {border-bottom: 1px solid var(--border-color); padding: 12px 0;}
.board-list .board-ul > li.no-data {display: flex; padding: 30px 0; font-weight: 700; font-size: 13px; align-items: center; justify-content: center;}
.board-list .board-ul li .board-check {padding-bottom: 4px; display: flex; justify-content: flex-end;}
.board-list .board-ul li .bo-title {display: block; font-weight: 400; font-size: 15px; color: var(--black-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.board-list .board-ul li .bo-info {display: flex; align-items: center; justify-content: space-between; padding-top: 10px;}
.board-list .board-ul li .bo-icon {display: flex; align-items: center; gap: 4px; color: var(--main-color);}
.board-list .board-ul li .bo-data-ul {display: flex; align-items: center; gap: 12px;}
.board-list .board-ul li .bo-data-ul li {font-size: 14px;}
.board-list .board-ul li .bo-data-ul li .sv_member {font-weight: 500;}
.board-list .board-ul li .bo-data-ul li.date {font-weight: 700; color: var(--main-color);}

.board-btn-wrap {margin-top: 30px; text-align: right;}
.board-prevnext-btn-wrap {text-align: center; margin-top: 10px; position: relative;}
.board-prevnext-btn-wrap .btn-left {position: absolute; top: 0; left: 0;}
.board-prevnext-btn-wrap .btn-left .btn {gap: .5vw;}
.board-prevnext-btn-wrap .btn-right {position: absolute; top: 0; right: 0;}
.board-prevnext-btn-wrap .btn-right .btn {gap: .5vw;}

.board-view-wrap {}
.board-view-top {border-bottom: 1px solid var(--border-color); padding: 10px;}
.board-view-title {font-weight: 600; font-size: 16px; color: var(--black-color);}
.profile_info {display: block!important; text-align: right;}
.board-view-top .sv_member {font-weight: 500;}
.board-view-top .if_date {font-weight: 700; color: var(--main-color);}

#bo_v_source .bo_v_source_ct:first-child {background-color: transparent!important;}
#bo_v_file {padding: 10px!important; border-bottom: 1px solid var(--border-color)!important;}
#bo_v_file li {display: flex; align-items: center; gap: 5px;}
#bo_v_file li i {float: none!important; font-size: 14px!important; margin: 0!important;}
#bo_v_file a {float: none!important; font-weight: 700; font-size: 15px!important;}
#bo_v_file li:hover i {color: var(--main-color)!important;}
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {color: var(--main-color)!important;}
#bo_v_file li:hover .bo_v_file_size {color: var(--main-color)!important;}

#bo_v_source .bo_v_source_ct:first-child {background-color: transparent!important;}
#bo_v_link {padding: 10px!important; border-bottom: 1px solid var(--border-color)!important;}
#bo_v_link li {display: flex; align-items: center; gap: 5px;}
#bo_v_link li i {float: none!important; font-size: 14px!important; margin: 0!important;}
#bo_v_link a {float: none!important; font-weight: 700; font-size: 15px!important;}
#bo_v_link li:hover i {color: var(--main-color)!important;}
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {color: var(--main-color)!important;}
#bo_v_link li:hover .bo_v_file_size {color: var(--main-color)!important;}

.board-view-content {padding: 15px 10px; border-bottom: 1px solid var(--border-color);}
#bo_v_con {line-height: 1.4!important; font-weight: 500; font-size: 14px;}

/* 급식 결제 내역 */
.order-list {}
.order-li {border-bottom: 1px solid var(--border-color); padding: 12px 0;}
.order-row {display: flex; align-items: flex-start; justify-content: space-between; padding-bottom: 3px;}
.order-row .t1 {font-weight: 500; font-size: 14px; color: #666;}
.order-row .t2 {font-weight: 600; font-size: 14px; color: var(--main-color);}
.bank-num-wrap {display: flex; align-items: center; gap: 4px;}
.order-row .tag-wrap {}
.copy-num-btn {font-weight: 600; font-size: 12px; border-radius: 4px; background-color: var(--main-color); color: var(--white-color); border: none; padding: 2px 4px;}
.order-row .tag {font-weight: 600; font-size: 12px; border-radius: 4px; color: #fff; display: flex; align-items: center; justify-content: center; padding: 3px 8px; border: 1px solid transparent;}
.order-row .tag.type01 {background-color: var(--main-color);}
.order-row .tag.type02 {background-color: #999;}
.order-row .tag.type03 {background-color: #d90000;}
.order-row .tag.type04 {background-color: #000;}
.order-row .tag.type05 {background-color: transparent; color: var(--main-color); border-color: var(--main-color);}

.order-row .col-wrap {display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding-top: 2px;}
.order-row .cmt {color: #000; font-weight: 500; font-size: 14px; position: relative;}
.order-row .cmt b {color: var(--main-color);}
.order-row .price {font-weight: 500; font-size: 14px; position: relative;}
.order-row .price::after {content: ''; width: 1px; height: 10px; background-color: #999; position: absolute; top: 3px; left: -5px;}
.order-row .price b {color: var(--main-color);}
.order-row .price.unpaid::after {display: none;}
.order-row .price.unpaid b {color: #d90000;}
.order-row .date {font-weight: 500; font-size: 13px;}

.vbank-info {margin-top: 14px; border-radius: 5px; background-color: #fff; padding: 12px;}
.vbank-info > .t1 {display: flex; align-items: center; justify-content: center; width: 100%; height: 26px; background-color: var(--mainT-color); border-radius: 5px; font-weight: 700; font-size: 15px; color: var(--main-color); margin-bottom: 6px;}

/* 급식일 변경 */
#meal_change_submit .order-list {border-top: 2px solid var(--main-color);}
.order-row.border-d-b {padding-bottom: 6px; margin-bottom: 6px; border-bottom: 1px dashed #e1e1e1;}
.order-list .date-row {display: flex; align-items: flex-start; justify-content: space-between; padding-bottom: 10px; gap: 8px;}
.order-list .date-row:last-child {padding-bottom: 0;}
.order-list .date-tit {font-weight: 700; font-size: 14px; padding-bottom: 4px;}
.order-list .date-tit.before {color: #111;}
.order-list .date-tit.after {color: var(--main-color);}
.order-list .date-row-wrap {width: calc((100% - 8px) / 2);}
.order-list .date-row-wrap.right {text-align: right;}
.order-list .date-col {font-weight: 500; font-size: 13px; color: #666;}
.order-list .date-col b {color: #000;}

/* 마이페이지 */
.my-wrap {}
.my-sec {padding-bottom: 30px;}
.my-sec:last-child {padding-bottom: 0;}
.my-info-box {display: flex; align-items: center; justify-content: space-between;}
.my-info-box .logout {font-weight: 600; font-size: 12px; color: var(--main-color); border: 1px solid var(--main-color); padding: 3px 6px; border-radius: 4px;}
.my-info-box .t1 {font-weight: 500; font-size: 16px;}
.my-info-box .t1 b {color: var(--main-color); font-size: 20px;}
.my-icon-list {border: 1px solid var(--border-color); border-radius: 5px; padding: 10px 5px;}
.my-icon-ul {display: flex; align-items: center;}
.my-icon-ul li {width: 33.33%;}
.my-icon-ul li a {display: flex; flex-direction: column; align-items: center; gap: 5px; font-weight: 600; font-size: 14px; height: 60px; justify-content: center;}
.my-icon-ul li a img {width: 28px;}

.my-sec .menu-list-wrap {height: auto; background-color: transparent; padding: 0; text-align: center; padding: 30px;}
.my-sec .depth1-ul {font-size: 0; margin: -5px;}
.my-sec .depth1-ul > li {padding: 0; width: 50%; display: inline-block; vertical-align: top; border-bottom: none; padding: 5px;}
.my-sec .depth2-ul {display: block; padding-bottom: 16px; text-align: left;}
.my-sec .depth2-ul > li a {font-size: 14px; line-height: 1.6;}
.my-depth-box {display: flex; height: 170px; border: 1px solid var(--border-color); flex-direction: column; padding: 10px;}
.my-sec .depth1-txt {display: flex; align-items: center; justify-content: center/*flex-start*/; height: 32px; font-weight: 700; font-size: 16px; color: var(--main-color);}

.my-depth-box .depth2-ul li {}

/* 주간식단표 */
.meal-date-btn-wrap {}
.meal-date-btn-wrap .btn.type03 {height:auto;padding:6px 0;line-height:normal;background-color: transparent; color: var(--main-color);}
.meal-date-btn-wrap .btn.type03:hover {background-color: var(--white-color);}
.meal-date-btn-wrap .btn.type03.active {background-color: var(--main-color); color: var(--white-color);}

.table-meals {margin: -15px 0;}
.table-meals-item {padding: 15px 0;}
.table-meals-tit {font-weight: 800; font-size: 17px; color: var(--black-color); padding-bottom: 8px; text-align: left;}
.table-meals-tit span {font-size: 16px; font-weight: 700; color: var(--main-color); vertical-align: middle; display: inline-block;}

.table-meals-box {border-radius: 10px; background-color: var(--white-color); padding: 16px;}
.table-meals-img {position:relative;border-radius: 10px; overflow: hidden; max-width:439px;max-height:439px;}

.table-meals-txt-box {margin-top: 15px; text-align: left;}
.table-meals-txt-box .t1 {border-radius: 4px; /*background-color: #FF8A00;*/ font-weight: 700; font-size: 18px; color: var(--black-color); padding: 3px 9px; margin-bottom: 10px;}
.table-meals-txt-box .t2 {font-weight: 500; font-size: 14px; color: var(--black-color); line-height: 1.4; padding: 10px; min-height:59px;}

/* 공지사항 */
.mo_category {padding-bottom: 4px; margin: -2px;}
.mo_category li {padding: 2px;}
.mo_category li .tag {display: flex; align-items: center; justify-content: center; border: 1px solid var(--main-color); font-weight: 500; font-size: 12px; color: var(--white-color); background-color: var(--main-color); padding: 0 4px;}
.mo_category li .tag.rdy {background-color: var(--white-color); color: var(--main-color);}

/* 2024-11-09 수정 */
.float-wrap {position: fixed; bottom: 80px; right: 20px; z-index: 20;}
.float-ul {margin: -3px;}
.float-li {padding: 3px;}
.float-btn {display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 40px; height: 40px; overflow: hidden; font-weight: 700; font-size: 12px; color: var(--main-color); background-color: var(--white-color); box-shadow: 0 0 20px rgba(0,0,0,0.12); border: 2px solid var(--main-color);}
.float-btn img {width: 100%;}

.menu-card-btn-wrap .menu-review {padding: 0 8px;}
.satisfaction-ul {width: 100%;}
.satisfaction-li {text-align: center;}
.satisfaction-btn {border: none; background-color: transparent; display: flex; flex-direction: column; align-items: center; width: 100%;}
.satisfaction-btn img {width: 16px;}
.satisfaction-btn .txt {font-size: 9px; font-weight: 500; color: var(--main-color);}

.common-pop {position: fixed; width: 600px; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 22; display: none;}
.common-pop-box {border-radius: 20px; background-color: #F9F9EF; max-height: 90vh; box-shadow: 0 0 20px rgba(0,0,0,0.12); position: relative; padding: 30px 20px; padding-top: 50px; overflow-y: auto;}
.common-pop-close {display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background-color: var(--main-color); border-radius: 50%; position: absolute; top: 10px; right: 10px; border: none;}
.common-pop-close span {width: 14px; height: 1px; background-color: transparent; position: relative;}
.common-pop-close span::before {content: ''; width: 14px; height: 1px; background-color: var(--white-color); position: absolute; top: 0; left: 50%; transform: translateX(-50%) rotate(45deg);}
.common-pop-close span::after {content: ''; width: 14px; height: 1px; background-color: var(--white-color); position: absolute; top: 0; left: 50%; transform: translateX(-50%) rotate(-45deg);}
.common-pop-inner {}
.common-pop-title {font-weight: 500; font-size: 14px;}
.common-pop-title.center {text-align: center;}
.common-pop-title .point {font-weight: 700; color: var(--main-color);}
.common-pop-content {padding: 20px 0;}
.common-pop-btn-wrap {}

.common-pop-content .radio_list .radio_wrap input[type=text] {display: block; width: 100%; margin-top: 10px;}

/* 2024-11-27 달력 토글 */
.payment-item .v.btn-v {display: flex; justify-content: flex-end;}
.payment-item.calendar-item {display: block; padding: 10px 0; display: none;}
.payment-item.calendar-item .calendar-wrap {padding: 10px 0; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);}

/* 2024-12-04 페이징 */
.pg_wrap {padding-top: 20px; float: none; display: block; text-align: center;}
.pg_page {border: 1px solid var(--main-color); background-color: var(--white-color); font-weight: 500; font-size: 12px; color: var(--main-color);}
.pg_page:hover {background-color: var(--white-color);}
.pg_current {border: 1px solid var(--main-color); background-color: var(--main-color); font-weight: 500; font-size: 12px; color: var(--white-color);}
#ans_msg {background-color: var(--mainT-color)!important; font-weight: 500!important; font-size: 14px; color: var(--main-color);}

/* 2024-12-10 팝업 스타일 수정 */
.hd_pops {border-radius: 10px; overflow: hidden; border: none; box-shadow: 0 5px 20px rgba(0,0,0,0.4); border: 1px solid var(--border-color);}
.hd_pops_con {width: 100%!important;}
.hd_pops_footer {background-color: var(--main-color);}
.hd_pops_footer .hd_pops_reject {background-color: var(--main-color);}
.hd_pops_footer .hd_pops_close {background-color: var(--mainT-color);}