@charset "UTF-8";

.empty-cont{height:100%; display:flex; justify-content:center; align-items:center; font-size:var(--font-size-20);}
.empty-cont.main-gift-cont{padding-bottom:4.5rem;}

/** main popup **/
.temp-pop-zone{max-width:100%; display:flex; height: auto; flex-direction: row; flex-wrap: wrap; align-content: center;justify-content: flex-start;
    align-items: flex-start; position: absolute; top: 135px; left: 50px; z-index: 2;}
.temp-pop-zone .popup-wrap{width: 100%; height: 100%;}
.temp-pop-zone .popup-wrap.temp-pop{display: none; width: 500px; height: auto; border:1px solid #000; cursor:pointer;}
.temp-pop-zone .popup-wrap.temp-pop .popup-contents{padding: 0px; display:block;}
.temp-pop-zone .popup-wrap.temp-pop .popup-contents img{width: 100%; height: 100%;}
.temp-pop-zone .popup-wrap.temp-pop .popup-bottom{padding: 10px; text-align: right; background-color: #333;}
.temp-pop-zone .popup-wrap.temp-pop .popup-bottom span{padding: 0 4px; color: #fff; font-size: 15px; letter-spacing: -1.5px; margin-left: 5px;}
.temp-pop-zone .popup-wrap.temp-pop .popup-bottom span.no-today .no-today-check{width: 15px; height: 15px; margin-bottom:3px; accent-color: aliceblue;}
.temp-pop-zone .popup-wrap.temp-pop .popup-bottom span.no-today label{color: #fff !important; padding-right:0px !important;}
.temp-pop-zone .popup-wrap.temp-pop .popup-bottom span:hover{cursor: pointer;}


/*
** main-visual 
*/ 
.inner-wrap.main-bn{display:flex; position:relative; min-height:50rem; background:var(--main-light-mint)  url('/images/common/main-back.png') no-repeat center top; }
/* .inner-wrap.main-bn > *{z-index:1;} */
.inner-wrap.main-bn .main-bg{position:absolute; top:0; left:0; width:100%; height:100%; z-index:0;}
.inner-wrap.main-bn .main-bg > div{width:100%; height:100%;}
.inner-wrap.main-bn .main-tit{flex-grow:1; display:flex; gap:3rem; flex-direction:column; align-items:center; padding:10rem 0 5rem;}
.inner-wrap.main-bn .txt-grp{flex-direction:column; max-width:104.4rem; width:100%; color:#fff;}
.inner-wrap.main-bn .txt-grp .title{font-size:4rem; font-weight:700; text-align:center; font-family:var(--ff-pagerlogy); color:#5452A2;}
/* 검색바 */
.mainSearchForm{width:100%; display:flex; align-items:center; justify-content:center;}
.main-search-bar {width:100%; max-width:70rem;  height: 6rem;  position: relative;  background: var(--main-light-mint);}
.main-search-bar .main-srch-input {width: 100%; height: 100%; padding:0 3rem; border: 2px solid #7876EF;  border-radius: 5rem; color: #666; background:#fff; font-size:var(--font-size-16);}
/* .main-search-bar .main-srch-input:focus {outline: 2px dashed Green !important; outline-offset: -6px; box-shadow: none; transition: none;} */
.main-search-bar .main-srch-input::placeholder {color: #666;}
.main-srch-bar-btn {width: 6rem; height: 6rem; background:#7876EF; display: flex; align-items: center; justify-content: center; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;}
.ico-search::before {content: ""; display: block; width: 2.4rem; height: 2.4rem;  background: url(/images/common/icon_search.svg) no-repeat center;background-size: contain; }
.main-srch-btn-group { position:absolute; top:-1rem; right:0rem; }

.main-hash .hash-list{display:flex; width:70rem; justify-content: center; gap: 2rem;}
.main-hash .hash-list * {font-size:var(--font-size-14);}
.main-hash .hash-list li span{color:#1FBAA5; margin-right:.2rem;}


.inner-wrap .main-grp-cont .left-grp { display: flex;  gap: 3rem; flex-direction: column;  justify-content: space-between; width:65%;}
.inner-wrap .main-grp-cont .left-grp .bn-wrap{display:flex; flex-wrap:wrap; gap:2rem 2.8rem;}
.inner-wrap .main-grp-cont .left-grp .bn-wrap > li.half{display:flex; flex-direction:column; gap:2rem;}
.inner-wrap .main-grp-cont .left-grp .bn-wrap > li:first-child{width:100%;}
.inner-wrap .main-grp-cont .left-grp .bn-wrap > li [class*='btn-bg-']{display:inline-block; width:100%; text-indent:-9999px; background-position:center center; background-size:100% 100%; background-repeat:no-repeat;}
/* .inner-wrap .main-grp-cont .right-grp{position:relative; width:35%; display:flex;flex-direction:column; justify-content: space-between;} */
.inner-wrap .main-grp-cont .right-grp{position:relative;width:35%;display:flex;flex-direction:column;justify-content:flex-start;gap:6rem; }
.inner-wrap .main-grp-cont .right-grp > *{font-size:var(--font-size-18);}
.inner-wrap .main-grp-cont .right-grp .main-notice-list{display:flex; flex-direction:column; width:100%; height: 100%;}
.inner-wrap .main-grp-cont .right-grp .main-notice-list .main-notice-tit{display:flex; justify-content: space-between; align-items:center; font-size:var(--font-size-26); font-family:var(--ff-pagerlogy); border-radius:2rem 2rem 0 0;  background:var(--main-mint); color:#fff; padding:2rem 3rem;     box-shadow: .2rem 0rem .5rem rgba(0, 0, 0, .15);}
.inner-wrap .main-grp-cont .right-grp .main-notice-list .main-notice-tit a{text-indent:-9999px; width:2rem; height:2rem; background:url(/images/common/main-notice-plus.svg) no-repeat center center; border:.1rem solid #fff; border-radius:5rem; padding:2rem; background-size: 1.6rem 1.6rem;}
.inner-wrap .main-grp-cont .right-grp .main-notice-list .main-notice-sub{background:#fff;height:100%;border:.1rem solid #ddd; box-shadow: .2rem .2rem .5rem rgba(0, 0, 0, .15); border-top:none; border-radius: 0 0 2rem 0; padding:3rem; }
.inner-wrap .main-grp-cont .right-grp .main-notice-list .main-notice-sub ul {display:flex; flex-direction:column; gap:2rem; }
.inner-wrap .main-grp-cont .right-grp .main-notice-list .main-notice-sub ul li {border-bottom:.1rem solid #ddd; padding-bottom:2rem; }
.inner-wrap .main-grp-cont .right-grp .main-notice-list .main-notice-sub ul li:nth-of-type(4){border-bottom:none;}
.inner-wrap .main-grp-cont .right-grp .main-notice-list .main-notice-sub ul li p{margin-bottom:1rem; font-weight:600;}
.inner-wrap .main-grp-cont .right-grp .main-notice-list .main-notice-sub ul li.main-notice-first p{ color:var(--main-mint);}
.inner-wrap .main-grp-cont .right-grp .main-notice-list .main-notice-sub ul li div{display:flex; align-items:center; justify-content: space-between; font-size:var(--font-size-16);}
.inner-wrap .main-grp-cont .right-grp .main-notice-list .main-notice-sub ul li div .new{color:#7876EF;}


.inner-wrap .left-grp .bn-wrap > li .mySwiper{width:100%; height:50rem;}
.inner-wrap .left-grp .bn-wrap > li .mySwiper .swiper-slide{height:100%;}
.inner-wrap .left-grp .bn-wrap > li .mySwiper .swiper-slide > a{height:100%;}
.inner-wrap .left-grp .bn-wrap > li .mySwiper .swiper-slide a img{width:100%; height:100%; display:block;}


.inner-wrap .main-grp-cont{position:absolute; min-height: 40rem; top:-20rem;width:100%;display: flex;flex-direction: row;gap: 5rem; justify-content: center;}
.swiper.type01 {position:relative;}
.swiper.type01 .swiper-wrapper > .swiper-slide > a {display:block; overflow:hidden; border-radius:2.8rem 2.8rem 0 2.8rem; margin:0 !important;}
.swiper.type01 .swiper-wrapper > .swiper-slide > a > .custom-box{background-color:var(--main-light-mint);  border:.1rem solid var(--main-mint); border-radius: 2.8rem 2.8rem 0 2.8rem;}

.swiper.type01 .swiper-wrapper > .swiper-slide > a > .custom-box.bg-type2{background-color:#FFF3F5; border:.1rem solid #E76F8A;}
.swiper.type01 .swiper-wrapper > .swiper-slide > a > .custom-box.bg-type3{background-color:#FFF6EA; border:.1rem solid #E5A623;}
.swiper.type01 .swiper-wrapper > .swiper-slide > a > .custom-box.bg-type4{background-color:#F5F5F5; border:.1rem solid #9E9E9E;}
.swiper.type01 .swiper-wrapper > .swiper-slide > a > .custom-box.bg-type5{background-color:#ECEEFF; border:.1rem solid #6B7CFF;}

.swiper.type01 .swiper-button{display:flex;position:absolute;bottom: 3rem;right: 3rem;width: 20rem;height: 4rem;background:rgba(18, 18, 18, 0.5);border-radius: 2rem;z-index:10; align-items: center; justify-content: space-between; padding: 0 2rem;}
.swiper.type01 .swiper-button .fraction, .swiper-button-type02 .fraction{width: 4rem; height: 3rem; margin: 0; text-align: center; color: #fff; font-size: var(--font-size-14); line-height: 2.8rem;}
.swiper.type01 .swiper-button button, .swiper-button-type02 button{width:3rem; height:3rem; margin:0;}
.swiper.type01 .swiper-button button:after, .swiper-button-type02 button:after{display:none;}
.swiper.type01 .swiper-button .swiper-button-prev,
.swiper.type01 .swiper-button .swiper-button-next,
.swiper-button-type02 .swiper-button-prev,
.swiper-button-type02 .swiper-button-next{position:static; }
/* .swiper.type01 .swiper-button .swiper-button-prev, */
/* .swiper.type01 .swiper-button .swiper-button-next{position:static; margin-top:.1rem;} */
.swiper.type01 .swiper-button .swiper-button-prev{margin-left:1rem;}

.bn-wrap .custom-box > *:not(img){position:relative; z-index:2;}
.bn-wrap .custom-box .custom-img{position:absolute; bottom:8rem; right:0; width:40%; z-index: 1;}
.bn-wrap .custom-box .custom-img img{width:100%; height:100%;}
.bn-wrap .custom-box{display:block; width:100%; height:100%; padding:5rem 10rem; }
.bn-wrap .custom-box .custom-txt-grp{display:flex; flex-wrap:wrap; gap:1rem; flex-direction:column; justify-content:center; align-items:flex-start; width:80%; height:100%; color:#000;}
.custom-box .custom-txt-grp .more{display:inline-flex;gap:1rem;margin-top: 2rem;font-weight: 500;font-size: var(--font-size-18);color: #867662;min-width: 22rem;border-radius: 0 2rem 2rem 0;background: #fff;padding: 1.5rem 1rem;justify-content: center;}
.arrow-right-bar{display:inline-block; width:5rem; height:1.7rem; background:url(/images/common/icon_bn_arrow_.svg) center center / 100% no-repeat;}
.custom-box .custom-txt-grp .txt18{line-height:unset;}
.ellipsis-main{display:inline-block; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; font-family:Paperlogy;}
.ellipsis-3line{display:-webkit-box; overflow:hidden; width:100%; font-weight:300; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow:ellipsis;}

span.bn-badge{display:inline-flex; align-items:center; padding:.8rem 2rem; color:#fff; font-weight:500; font-size:var(--font-size-16); background:#8AC650; border-radius:1.7rem;}


.swiper-navigation-icon{display:none;}



/* contents */
.inner-wrap{padding:0 1rem;}
.max-width{max-width:160rem; margin:0 auto;}
/* .max-width.login{max-width:78rem;} */
.inner-wrap.contents{position:relative; max-width:158rem; display:flex; gap:4.5rem; width:calc(100% - 4rem); min-height:40rem; margin: 0rem auto 0;}
.inner-wrap.main-contents{display:flex; flex-direction: column; gap:4.5rem; align-items: center; max-width:158rem; width:calc(100% - 4rem); margin:0 auto; margin-bottom:10rem;}
/* .inner-wrap .inner + .inner{margin-top:6rem;} */
/* .inner-wrap .inner + .sub-inner{margin-top:4rem;} */
/* .inner-wrap.mt-type2 .inner + .inner{margin-top:4rem;} */
/* .inner-wrap .sub-inner + .inner{margin-top:8rem;} */


.main-gift-tit{text-align: center; width: 100%; border-bottom: 2px solid #ddd; padding-bottom: 4rem; font-family:var(--ff-pagerlogy);}
.main-gift-tit strong{ display: flex;  align-items: center; justify-content: center;}
.main-gift-tit .gift-link {display: inline-flex; align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem; border: 1px solid #ccc; border-radius: 5rem; vertical-align: middle; margin-left: .8rem;}
.main-gift-tit .gift-link img{width:.7rem; height:1.2rem; display:block;}
.main-gift-tit p{margin-top:2rem; font-size:var(--font-size-16); font-weight:300;}
.main-gift-cont{width:100%;border-bottom: 2px solid #ddd;padding-bottom: 2rem;}
.main-gift-cont ul{align-items: flex-start;  display: grid; grid-template-columns:repeat(4, minmax(0, 1fr)); justify-content:center;gap:3rem 10rem;width:100%;}
.main-gift-cont ul li a{display:flex; flex-direction:column; align-items:center; margin-bottom: 3rem; gap:1.5rem;}
.main-gift-cont ul li > *{font-size:var(--font-size-16);}
.main-gift-cont ul li{position:relative;}
.main-gift-cont ul li .gift-like{content:''; position:absolute;  top:1.2rem; left:1.2rem; width:2.1rem;  height:1.8rem; background:url('/images/common/icon_cardfvrt_off.svg') no-repeat center;  background-size:contain; z-index:2; }
.main-gift-cont ul li.on .gift-like{content:''; position:absolute;  top:1.2rem; left:1.2rem; width:2.1rem;  height:1.8rem; background:url('/images/common/icon_cardfvrt_on.svg') no-repeat center;  background-size:contain; z-index:2; }
.main-gift-cont ul li .gift-img{ width: 32rem;  height:100%;   aspect-ratio: 1 / 1;}
.main-gift-cont ul li div {width:100%; }
.main-gift-cont ul li .gift-tit{min-height:3rem; padding:0 .5rem;}
.main-gift-cont ul li .gift-tit p{line-height:2rem; height:4rem; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:2;  -webkit-box-orient:vertical;  overflow:hidden; text-overflow:ellipsis;}
.main-gift-cont ul li .gift-img img{width:100%; border-radius: 1rem; height:100%;}
.main-gift-cont ul li .gift-city{border:1px solid #ddd; border-radius: 1rem;}
.main-gift-cont ul li .gift-city p{font-size: var(--font-size-16);padding:1rem 2rem;display: flex;justify-content: space-between;align-items: center;}
.main-gift-cont ul li .gift-price{color:var(--main-purple); padding:0 .5rem;}
.main-gift-cont ul li .gift-price span{font-family:var(--ff-pagerlogy);  font-size:var(--font-size-20); margin-right:.5rem; font-weight:600;}

.inner-wrap.main-bn2{min-height:69rem; background:#FFF6EA !important;  padding: var(--pd-0-20);}
.main-bn2 .grp-wrap{padding:8rem 0 ; display:flex; width:100%; justify-content: space-between; max-width: 158rem; margin: 0 auto 0;}
.main-bn2 .grp-wrap .left-grp{ display: flex;  gap: 3rem; flex-direction: column;  justify-content: space-between; }
.main-bn2 .grp-wrap .left-grp .city-tit {font-size: var(--font-size-16); color: #6FB32E; border-radius: 2rem; border : 1px solid #6FB32E; max-width: 26rem; display: flex; padding: 1rem 2rem; justify-content: space-between; align-items: center; }
.main-bn2 .grp-wrap .left-grp .city-tit img{margin-left:.5rem;}
.main-bn2 .grp-wrap .left-grp .city-fighting strong{font-family:var(--ff-pagerlogy); font-size:var(--font-size-60);}
.main-bn2 .grp-wrap .left-grp .city-list{display: flex; flex-direction: column; gap: 2rem;}
.main-bn2 .grp-wrap .left-grp .city-list li{gap: 2rem; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; font-size: var(--font-size-16);}
.main-bn2 .grp-wrap .left-grp .city-list li .fight-cont-wrap{display: flex; flex-direction: column; gap: .5rem;}
.main-bn2 .grp-wrap .left-grp .city-list li .fight-cont-wrap .fight-cont-tit{font-size:var(--font-size-18); font-weight:700;}

.main-bn2 .grp-wrap .right-grp {display:flex;flex-direction:column; justify-content: space-between; max-width: 70rem; }
.main-bn2 .grp-wrap .right-grp .swiper.type02{position:relative; width:100%;} 
.main-bn2 .grp-wrap .right-grp .swiper-top{display: flex;  justify-content: flex-end; margin-right: 2rem; align-items: center;}
.main-bn2 .grp-wrap .right-grp .swiper-wrapper{    gap: 4rem; margin-left:2rem;}
.main-bn2 .grp-wrap .right-grp .swiper-button-type02  {width: 15rem; display: flex; justify-content: space-around;  background: rgba(18, 18, 18, 0.3); border-radius: 2rem; align-items: center; height: 4rem;}
.main-bn2 .grp-wrap .right-grp .swiper-button-type02 .fraction{color:#fff;font-size:var(--font-size-16);}
.main-bn2 .grp-wrap .right-grp .swiper-slide{overflow:hidden; max-width: 31rem;  display: flex; flex-direction: column; align-items: center;}
.main-bn2 .grp-wrap .right-grp * {color: #000;}
.main-bn2 .grp-wrap .right-grp .custom-box{display:flex; flex-direction:column; gap:2rem; align-items: center;}
.main-bn2 .grp-wrap .right-grp .custom-img {width:28rem; height:28rem;}
.main-bn2 .grp-wrap .right-grp .custom-img img{border-radius:1rem; box-shadow: .5rem .5rem 1rem rgba(0, 0, 0, .15); width:100%; height:100%; aspect-ratio:1/1;}
.main-bn2 .grp-wrap .right-grp .custom-txt-grp{display: flex; flex-direction: column; gap: 1.5rem; width:100%;}
.main-bn2 .grp-wrap .right-grp .custom-txt-grp .city-day{display: flex; justify-content: space-between; align-items: center; font-size:var(--font-size-16);}
.main-bn2 .grp-wrap .right-grp .custom-txt-grp .city-day p{display:flex; align-items:center; gap:.5rem;}
.main-bn2 .grp-wrap .right-grp .custom-txt-grp .city-day span{font-size:var(--font-size-14); color:#666;}
.main-bn2 .grp-wrap .right-grp .custom-txt-grp .city-tit{font-size:var(--font-size-18); min-height:4.4rem; word-break: keep-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.main-bn2 .grp-wrap .right-grp .custom-txt-grp .city-prog {display:flex; flex-direction: column; gap:2rem; font-size:var(--font-size-18); font-family:var(--ff-pagerlogy);}
.main-bn2 .grp-wrap .right-grp .custom-txt-grp .city-prog .city-prog-bar{width:100%;height:1rem; background:#d9d9d9; border-radius:999px; overflow:hidden; }
.main-bn2 .grp-wrap .right-grp .custom-txt-grp .city-prog .city-prog-inner{width:var(--percent); height:100%; background:#7b79ff; border-radius:999px;}
.main-bn2 .grp-wrap .right-grp .custom-txt-grp .city-prog .city-prog-info{display:flex; justify-content: space-between; font-weight:300; }
.main-bn2 .grp-wrap .right-grp .custom-txt-grp .city-prog .city-prog-info span{font-weight:700;}
.main-bn2 .grp-wrap .right-grp .custom-txt-grp .city-prog .city-prog-info .city-prog-percent{display:inline-block;  color:var(--main-purple); font-size:var(--font-size-14);}
.main-bn2 .grp-wrap .right-grp .custom-txt-grp .city-prog .city-prog-info .city-prog-percent span{color:var(--main-purple);  font-size:var(--font-size-18);}


@media screen and (max-width:1920px) {
	.inner-wrap.main-bn2 {padding:0 15rem;}
}

@media screen and (max-width:1600px) {
	.inner-wrap.main-bn2{padding:0;}
	.main-bn2 .grp-wrap {padding:8rem 2rem;}
	.main-bn2 .grp-wrap .left-grp .city-fighting strong {font-size: var(--font-size-40);}
}
@media screen and (max-width:1500px) {
	:root { --pd-0-20:0rem;}	
	.main-gift-cont ul {grid-template-columns: repeat(3, minmax(0, 1fr));}
}

@media screen and (max-width:1400px){
	.inner-wrap .main-grp-cont .left-grp{width:55%;}
	.inner-wrap .main-grp-cont .right-grp{width:45%;}
	.bn-wrap .custom-box {padding: 5rem;}
/* 	.inner-wrap .main-grp-cont .right-grp .main-give-cont {aspect-ratio: 800 / 300;} */
}

@media screen and (max-width:1240px) {
	.inner-wrap.main-bn {
    background: var(--main-light-mint);}
	.inner-wrap .main-grp-cont{min-height: 30rem;}
	.inner-wrap.contents{min-height:30rem;}
	.inner-wrap .main-grp-cont .right-grp {align-items: center;}
	.inner-wrap .main-grp-cont .right-grp .main-give-cont{width:100%;}
}


@media screen and (max-width:1024px) {
	.inner-wrap.main-bn .txt-grp .title{font-size:var(--font-size-30); line-height:4rem;}
	.inner-wrap .main-grp-cont {flex-direction:column; align-items: center;  gap:3rem; padding:1rem;}
	.inner-wrap .left-grp .bn-wrap > li:first-child {width:90%;}
	.inner-wrap.main-bn .main-tit {padding: 5rem 0; width:100%; gap:2rem;}
	.main-search-bar, .main-hash .hash-list{width:100%; gap:1rem;}
	.inner-wrap.contents{width:100%; min-height:75rem; padding:0;}
	.bn-wrap .custom-box{ padding:5rem 3rem;}
	.bn-wrap .custom-box .custom-txt-grp {width:100%;justify-content: flex-start;}
	.bn-wrap .custom-box .custom-img {max-width:30rem; height:auto; width:100%;}
	.swiper.type01 .swiper-button {right:25%;}
	.inner-wrap .left-grp{align-items: center; width:100%;}
	.inner-wrap .left-grp .bn-wrap {width:100%; max-width:50rem; justify-content: center;}
	.inner-wrap .main-grp-cont .right-grp .main-notice-list{width:100%; max-width:50rem;}
 	.inner-wrap .left-grp .city-fighting{text-align:center;}
	.main-bn2 .grp-wrap .right-grp{gap:0; flex-direction:column-reverse; margin-top:2rem; max-width:100%; width:100%;}
	.main-bn2 .grp-wrap .right-grp .swiper-wrapper{margin-left:0; gap:0;}
	.main-bn2 .grp-wrap .right-grp .swiper-top{justify-content:center; margin-right:0; margin-top:2rem;}
	.inner-wrap .main-grp-cont .right-grp{  width:100%; align-items:center; gap:0; }
	.inner-wrap .main-grp-cont .right-grp .main-give-cont{ width:100%; max-width:50rem; aspect-ratio:auto; min-height:18rem;}
    .inner-wrap .main-grp-cont .left-grp{ width:100%; }
    .inner-wrap .main-grp-cont .left-grp .bn-wrap > li:first-child{ width:100%; }
    .inner-wrap .main-grp-cont .right-grp .main-give-cont{border-radius: 2.8rem 2.8rem 0 0;}
	.inner-wrap .main-grp-cont .right-grp .main-give-cont:nth-of-type(2) {border-radius: 0 0 2.8rem 2.8rem;}
	.main-bn2 .grp-wrap {flex-direction: column;}
	.main-gift-tit {margin-top:10rem;}
	.main-gift-tit p{font-size:var(--font-size-14);}
	.inner-wrap.main-contents{gap:2.5rem;}
	.main-gift-cont ul{gap:2rem; margin-left:0; justify-content: center; grid-template-columns: repeat(2, minmax(0, 1fr));}
	.main-gift-cont ul li .gift-img{width:100%;}
    .main-bn2 .grp-wrap {padding:5rem 1.5rem;}
    .main-bn2 .grp-wrap .right-grp .swiper-slide {max-width:100%;}
    .main-bn2 .grp-wrap .right-grp .custom-img {width:100%; height: 100%;}
    .main-bn2 .grp-wrap .right-grp .custom-txt-grp .city-day{font-size:var(--font-size-14); flex-direction: column; align-items: flex-start; gap: .5rem; }
    .main-bn2 .grp-wrap .right-grp .custom-txt-grp .city-tit{font-size:var(--font-size-16);}
    .main-bn2 .grp-wrap .right-grp .custom-txt-grp .city-prog, .main-bn2 .grp-wrap .right-grp .custom-txt-grp .city-prog .city-prog-info .city-prog-percent span {font-size:var(--font-size-14);}

	.main-gift-cont ul li .gift-city p {font-size: var(--font-size-14);padding:1rem; max-height:4.2rem;}
	.main-gift-cont ul li a {gap:1rem;}
	.inner-wrap.main-bn { min-height: 45rem; }
	
}

@media screen and (max-width:768px){
	.inner-wrap .main-grp-cont .right-grp .main-notice-list .main-notice-tit { padding: 2rem; }
	.inner-wrap .main-grp-cont .right-grp .main-notice-list .main-notice-sub { padding: 2rem; }
	
	
	
}