#wrap {width: 100%; max-width: 500px; margin: 0 auto; position: relative;}

.timer {text-align: center; background-color: #333; color: #fff; font-size: 1.3rem; padding: 8px 0; height: 34px; box-sizing: border-box; position: sticky; top: 0; z-index: 10000;}
.timer .remaining {color: #FF6464; font-weight: 700;}
/* REMAINING */
.remaining_wrap {z-index: 1000;}
.remaining_wrap .photo_box img {width: 100%; display: block;}
.remaining_wrap .actions {display: flex;}
.remaining_wrap .actions .act {width: 50%;}
.remaining_wrap .actions .remain_act {width: 100%; text-align: left; font-size:1.6rem; font-weight: 700; box-sizing: border-box; padding: 12px 12px 12px 20px; display: flex; justify-content: space-between; align-items: center; margin: 0;}
.remaining_wrap .actions .remain_act1 {background-color: #58AF00; color: #fff;}
.remaining_wrap .actions .remain_act2 {background-color: #fff; color: #202730;}

/* REVIEW */
#review .review_bg {background: url('../img/review_bg2.jpg') 50% 100% no-repeat; background-size: 500px; padding: 33px 0 32px;}
#review .title {margin-bottom: 32px;}
#review .title img {display: block; margin: 0 auto;}
#review  .review_body {width: 350px; margin: 0 auto; overflow: hidden;}
#review  .review_body img {display: block; width: 100%;}
#review  .review_body .review-pagination {display: flex; margin-top: 21px; padding: 4px 0; justify-content: center;}
#review  .review_body .swiper-pagination-bullet {opacity: 1; background-color: #fff;}
#review  .review_body .swiper-pagination-bullet-active {background-color: #EB9916;}

/* REWORD */
#reword {position: relative;}
/* #reword .title {margin-bottom: 24px;} */
/* #reword .title .tit1 {margin-bottom: 40px;} */
#reword .title img {max-width: 100%;}
#reword .desc img,
#reword .title img {display: block; margin: 0 auto;}
#reword .desc {margin: 24px 0;}
#reword .reword_body {overflow: hidden; position: relative;}
#reword .reword_body img {display: block; margin: 0 auto;}
#reword .reword_body .swiper-slide img {width: 293px; display: block; margin: 0 auto;}
#reword .reword_body .reword_img {margin-top: 12px;}
/* #reword .reword_body .img_box img {display: block; margin: 0 auto;} */
/* #reword .reword_actions {display: flex; justify-content: center; align-items: center; margin: 24px 0;}
#reword .reword_actions .ract {border: 1px solid #fff; color: #fff;  font-size: 1.4rem; text-align: center; width: 75px; line-height: 35px; border-radius: 19px;}
#reword .reword_actions .ract.on {color: #F6E8A6; border-color: #F6E8A6;}
#reword .reword_actions li {margin: 0 6px;} */
#reword .reword_action {text-align: center; margin-top: 24px;position: absolute;bottom: 35px; left: 50%; transform: translateX(-50%);}
#reword .reword_btn {}
#reword .reword_btn img {display: block;max-width: 100%;}

/* BRAND */
#brand .brand_bg {padding: 100px 0 0; box-sizing: border-box; height: 681px; background: url('../img/brand_bg2.jpg') 50% 0 no-repeat; background-size: 500px;}
#brand .title {margin-bottom: 36px;}
/* #brand .title .tit1 {text-align: center; color: #333; font-size: 18px; font-weight: 700; margin-bottom: 10px;} */
#brand .title img {display: block; margin: 0 auto;}
#brand .desc_wrap {width: 270px; margin: 0 auto; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 12px 0; text-align: center; margin-bottom: 36px;}
#brand .desc_wrap .desc1 {font-size: 1.8rem; font-weight: 700; color: #F6E8A6;}
#brand .desc_wrap .desc2 {font-size: 1.4rem; color: #fff;}
#brand .brand_list {width: 295px; margin: 0 auto;}
#brand .brand_list li {background-color: rgba(255, 255, 255, 0.2); height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 20px; font-size: 1.4rem; color: #fff;}
#brand .brand_list li:not(first-child) {margin-top: 16px;}
#brand .brand_list .range {color: #fff;}
#brand .brand_list .name {margin: 0 10px; font-weight: 700;}
#brand .brand_list .result {height: 22px; overflow: hidden;}
#brand .brand_list .result .txt_box {font-size: 1.6rem; font-weight: 700; color: #FFE27C; line-height: 22px; animation-duration: 3s; animation-name: slideUpResult; animation-iteration-count: infinite;}

@keyframes slideUpResult {
  0% { transform: translateY(-44px) }
  66% { transform: translateY(0) }
  100% { transform: translateY(0) }
}

/* BEST */
#best {box-sizing: border-box; padding: 26px 20px;background: linear-gradient(45.4deg, #FFD680 20.44%, #FBC97C 35.47%, #FFB076 50.74%, #FF816F 73.35%, #FF6159 86.67%, #F73BAD 104.44%, #646AAC 119.78%);}
#best .best_bg {background-color: #fff; border-radius: 8px; padding: 32px; display: flex; flex-direction: column; align-items: center;}
#best .title {text-align: center; margin-bottom: 16px;}
/* #best .title .tit1 {font-size: 1.8rem; font-weight: 700; color:#A3193A; margin-bottom: 16px;} */
#best .title img {display: block; margin: 0 auto;}
#best .instagram {width: 280px; display: flex; padding: 16px 0; border-top: 1px solid #ECECEC; border-bottom: 1px solid #ECECEC;}
#best .instagram .desc {font-size: 1.6rem; color: #212121; margin-left: 8px;}
#best .grapth {margin-top: 22px;}
#best .grapth_list {display: flex; justify-content: center; align-items: flex-end;}
#best .grapth_list .grapth_item {display: flex; flex-direction: column; align-items: center; justify-content: flex-end; width: 81px;}
#best .grapth_list .count {font-size: 1.4rem; color: #616161; font-weight: 300;}
#best .grapth_list .name {font-size: 1.4rem; letter-spacing: -0.3px; color: #616161;}
#best .grapth_list .box {background-color: #ECECEC; border-radius: 8px 8px 0 0; margin: 8px 0; width: 48px;}
#best .grapth_list .grapth_item:nth-child(1) .box {height: 73px;}
#best .grapth_list .grapth_item:nth-child(2) .box {height: 183px; background: linear-gradient(180deg, #FC5D81 0%, #FFCD60 100%);}
#best .grapth_list .grapth_item:nth-child(2) .count {color: #E3574C; font-size: 1.8rem; font-weight: 700;}
#best .grapth_list .grapth_item:nth-child(2) .name {color: #212121; font-weight: 700;}
#best .grapth_list .grapth_item:nth-child(3) .box {height: 95px;}
#best .grapth_list .grapth_item:nth-child(4) .box {height: 148px;}

/* INVITE */
#invite {padding:10px 9px; background-color: #FBEFE8; }
#invite .invite_bg {background-color: white;padding: 30px 10px;}
#invite .title {text-align: center; margin-bottom: 28px;}
#invite .title img {display: block; margin: 0 auto;}
#invite .title .tit1 {font-size: 1.6rem;padding-bottom: 28px;border-bottom: 1px solid #d8d8d8;margin-bottom: 20px;}
#invite .title .tit2 {font-size: 3rem; font-weight: 700; color: #FF5353;}
#invite .invite_form {width: 350px; margin: 0 auto;}
#invite .invite_form .form_row {display: flex; align-items: center; font-size: 1.4rem;}
#invite .invite_form .form_row .full {width: 100%;}
#invite .invite_form .form_row .name_form {width: 150px; margin-right: 5px;}
#invite .invite_form .form_row:not(:last-child) {margin-bottom: 12px;}
#invite .invite_form .base_input {border: 1px solid #E0E0E0; border-radius: 0; padding: 9px 16px; font-size: 1.4rem; width: 100%; box-sizing: border-box;}
#invite .invite_form .base_radio {margin: 0; transform: translateY(-1px); margin: 0 5px;}
#invite .invite_form .invite_agree {font-size: 1.2rem; color: #616161;}
#invite .invite_form .show_agree {font-size: 1.2rem; color: #333; font-weight: 500;}
#invite_agree {margin: 0 4px 0 0; transform: translateY(-1px);}
#invite .actions {margin-top: 22px; display: flex; justify-content: center; align-items: center;}
#invite .actions .invite_act {width: 142px; margin: 0 5px; padding: 10px 0 9px; font-size: 1.4rem; font-weight: 700; border-radius: 4px; color: #fff;}
#invite .actions .invite_act1 {background-color: #212121;}
#invite .actions .invite_act2 {background-color: #DD7863;}
#invite .tail {font-size: 1.2rem; color: #616161; border: 1px solid #ECECEC; line-height: 25px; border-radius: 14px; width: 238px; margin: 16px auto 0; background-color: #fff; text-align: center;}
/* #invite .tail::before {content: ''; display: block; width: 18px; height: 18px; background: url('../img/tail_blt.svg') 0 0 no-repeat; position: absolute; left: 0; top: 0;} */

/* DRESS */
#dress .dress_bg {padding: 60px 0 93px; background: url('../img/dress_bg2.jpg') 50% 0 no-repeat; background-size: 500px; box-sizing: border-box;}
#dress .title {margin-bottom: 40px;}
#dress .title img {display: block; margin: 0 auto;}
#dress .dress_tab {background-color: rgba(255, 255, 255, 0.3); display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 20px 0;}
#dress .dress_tab li {margin: 4px 6px;}
#dress .dress_tab button {padding: 0 10px; border: 1px solid #ECECEC; height: 30px; border-radius: 16px; display: flex; align-items: center; justify-content: center;}
#dress .dress_tab button path {fill: #42312B;}
#dress .dress_tab button.on path {fill:#E3574C}
#dress .show_room {overflow: hidden; margin: 0 auto;}
#dress .show_room img {display: block; margin: 0 auto;}
#dress .show_room .show_room_title {text-align: center; height: 77px; display: flex; justify-content: center; align-items: flex-start; box-sizing: border-box; padding: 8px 0 0 0; font-size: 1.4rem; white-space: pre-wrap;}
#dress .room-pagination {display: flex; justify-content: center; margin-top: 16px; padding: 4px 0;}
#dress .room-pagination .swiper-pagination-bullet {width: 10px; height: 10px; background-color: #fff; opacity: 1;}
#dress .room-pagination .swiper-pagination-bullet-active {background-color: #E3574C;}
#dress .desc_wrap {display: flex; justify-content: center; margin: 40px 0;}
#dress .desc_wrap .desc_list {font-size: 1.8rem; color: #42312B; font-weight: 700;}
#dress .desc_wrap .desc_list li {position: relative; padding-left: 20px;}
#dress .desc_wrap .desc_list li::before {content: ''; display: block; width: 14px; height: 17px; background: url('../img/dress_blt.svg') 0 0 no-repeat; position: absolute; left: 0; top: 1px;}
#dress .desc_wrap .desc_list li:not(:first-child) {margin-top: 16px;}
#dress .slide_header {display: flex; justify-content: center; align-items: center; height: 35px;}
#dress .slide_header .show_room_name {margin: 0 20px; width: 138px;}
#dress .dress-action {cursor: pointer;}
#dress .tail {text-align: center; font-size: 1.4rem; color: #333;}
#dress .divider {margin: 0 20px; height: 1px; background-color: #ECECEC;}
#dress .dress_tab li:nth-child(1) svg {width: 40px;}
#dress .dress_tab li:nth-child(2) svg {width: 45px;}
#dress .dress_tab li:nth-child(3) svg {width: 53px;}
#dress .dress_tab li:nth-child(4) svg {width: 36px;}


/* LOCATION */
#location .location_bg {display: flex; flex-direction: column; justify-content: flex-end; background: #FFF9EF url('../img/festa/m_festa_movie_bg.png') 50% 0 no-repeat; background-size: cover; box-sizing: border-box; padding: 210px 0 0;}
#location .title {text-align: center; margin-bottom: 16px;}
#location .title img {display: block; margin: 0 auto;}
#location .desc {margin-bottom: 8px; font-size: 1.6rem; text-align: center; color: #5A3D18;}
#location .desc2 {margin-bottom: 20px; display: flex; justify-content: center;}
#location .desc2 li {color: #334354; font-weight: 700; padding-left: 18px; font-size: 1.6rem; position: relative; line-height: 1.6; margin: 0 3px;}
#location .desc2 li::before {content: ''; display: block; width: 18px; height: 18px; background: url('../img/festa/m_festa_vector.svg') 0 0 no-repeat; position: absolute; left: 0; top: 0;}
#location .movie {width: 100%; position:relative;margin-bottom: 23px;}
#location2 {background: #FFF9EF; /*padding: 82px 0 39px;*/}
#location2 .location2_body {overflow: hidden;}
#location2 .location2_body img {width: 100%;}
#location2 .desc2 img ,
#location2 .title img {display: block; margin: 0 auto;}
#location2 .desc {font-size: 1.5rem; color: #4C251C; padding: 10px 0; width: 320px; text-align: center; border-top: 1px solid #4C251C; border-bottom: 1px solid #4C251C; margin: 23px auto 25px;}
#location2 .desc strong {font-weight: 700;}
#location2 .desc2 {margin-bottom: 24px;}
#location2 .notice {text-align: center; padding: 34px 20px 0;}
#location2 .notice dt {font-size: 2.7rem; color: #E06017; font-weight: 700; padding: 20px 0 13px; background: white;}
#location2 .notice dd {font-size: 1.4rem; color: #333; line-height: 1.7;background: white; padding-bottom: 30px;}
#location2 .notice dd span {background-color: #fded8e; font-weight: 700;}
#location2 .swiper-slide {width: 92%;}

/* @media screen and (max-width: 360px) {
  #location2 .notice dt  {font-size: 4.6vw;}
  #location .desc2 li {font-size: 1.2rem;}
} */

/* HALL */
#hall {background: url('../img/festa/m_festa_hall_bg.jpg')50% 0 no-repeat;background-size: cover;}
#hall .hall_bg {padding: 310px 0 12px; background: url('../img/hall_bg.jpg') 50% 0 no-repeat; background-size: 663px;}
#hall .title {text-align: center; margin-bottom: 73px;}
#hall .title img {display: block; margin: 0 auto;}
#hall .title .tit1 {margin-bottom: 10px;}
#hall .title .tit2 {font-size: 1.8rem; color: #fff;}
#hall .point_list {display: flex; justify-content: center; text-align: center; position: relative; padding-bottom: 43px; margin-bottom: 24px;}
#hall .point_list li {width: 33.3333%;}
#hall .point_list .point_act {margin-bottom: 10px;}
#hall .point_list .point_act path {fill: #AFAFAF;}
#hall .point_list .on .point_act path {fill: #FFB911;}
#hall .point_list .txt {font-size: 1.6rem; font-weight: 700; padding-bottom: 28px; position: relative; color: white;}
#hall .point_list .on .txt::before,
#hall .point_list .on .txt::after {content: ''; display: block; background: #FFB911; position: absolute; left: 50%; transform: translateX(-50%);}
#hall .point_list .on .txt::before {width: 7px; height: 7px; border-radius: 50%; bottom: 17px;}
#hall .point_list .on .txt::after {width: 1px; height: 20px; bottom: 0;}
#hall .point_list .desc {display: none; position: absolute; left: 50%; bottom: 0; width: 90%; max-width: 450px; transform: translateX(-50%); border: 1px solid #FFB911; box-sizing: border-box; height: 45px; font-size: 1.4rem; line-height: 43px; border-radius: 23px; background-color: #fff;}
#hall .point_list .on .desc {display: block;}
#hall .points_body {overflow: hidden; margin-bottom: 34px;}
#hall .points_body img {width: 100%; display: block; border-radius: 4px;}
#hall .points_body .caption {display: block; text-align: center; font-size: 1.6rem; font-weight: 700; color: #fff; padding: 12px 0;}
#hall .points_body .swiper-slide {width: 77% !important;}

/* PRIVACY */
#privacy {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.4); z-index: 110;}
#privacy .privacy_wrap {background-color: #fff; width: 82%; max-width: 450px; border-radius: 8px; padding-bottom: 16px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#privacy .title {text-align: center; padding: 12px 0; font-size: 1.8rem; font-weight: 500;}
#privacy .text_wrap {padding: 0 3vw 12px; font-size: 1.2rem;}
#privacy .text_wrap dl {margin-top: 8px;}
#privacy .btn_close {color: #fff; font-size: 1.3rem; font-weight: 500; background-color: #172641; padding: 8px 20px; border-radius: 4px; display: block; margin: 0 auto;}

/* COMMING */
#comming {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.4); z-index: 110;}
#comming .comming_wrap {background-color: #fff; width: 90%; max-width: 450px; border-radius: 8px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 70vh; display: flex; flex-direction: column; overflow: hidden;}
#comming .comming_wrap .map_box {flex: 1 1 0%; width: 100%;}
#comming .wrap_controllers {display: none;}
#comming .close_box {padding: 8px 0 12px; text-align: center; background-color: #fff;}
#comming .close_btn {background-color: #A3193A; text-align: center; width: 90px; line-height: 32px; color: #fff; border-radius: 4px;}

/* FIX BUTTON */
.fix_btn {position: fixed; left: 50%; bottom: 20px; background-color: #FF6464; height: 38px; display: flex; justify-content: center; align-items: center; 
  font-size: 1.8rem; color: #fff; width: 86.66vw; transform: translateX(-50%); border-radius: 19px; z-index: 100; max-width: 450px; font-weight: 700;
  box-sizing: border-box;
}

.fix_btn .last_ticket {position: absolute; left: 50%; top: 0; transform: translate(-167%, -18px); 
  color: #333; background: url('../img/bubble1.png') 0 0 no-repeat; background-size: 100px; width: 100px; height: 32px; padding-top: 5px; box-sizing: border-box; font-weight: 700; font-size: 1.2rem;}
.fix_btn .last_ticket span {color: #E3574C; animation: shineFixBtn 1s infinite;}

@keyframes shineFixBtn {
  0% { opacity: 1;}
  35% { opacity: 1;}
  50% { opacity: 0;}
  65% { opacity: 1;}
  100% { opacity: 1;}
  /* 100% { opacity: 1; } */
}


#mb_login {width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center;}
#mb_login .mbskin_box {width: 90%; max-width: 320px; border: 1px solid #dfdfdf; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.08); border-radius: 8px; overflow: hidden;}
#mb_login .login_title {text-align: center; font-size: 16px; font-weight: 700; color: #fff; background-color: #B63608; display: block; width: 100%; padding: 12px 0;}
#mb_login .base_input {border: 1px solid #E0E0E0; border-radius: 0; padding: 8px 16px; font-size: 1.4rem; width: 100%; box-sizing: border-box;}
#mb_login .form_row {margin-bottom: 8px;}
#login_fs {padding: 20px;}
#mb_login .btn_submit {width: 100%; text-align: center; color: #fff; background-color: #172641; padding: 12px 0; font-weight: 500; font-size: 14px; border-radius: 4px; margin-top: 12px;}
#login_info {margin-top: 8px; font-size: 12px;}
#login_info .login_if_auto {display: flex; justify-content: flex-start; align-items: center;}
#login_info .selec_chk {transform: translateY(-1px); margin-right: 6px;}


#footer {background-color: #172641; color: #fff; padding: 40px 20px 160px;}
#footer .address {font-size: 1.1rem;}
#footer .copy {opacity: 0.6; margin-top: 6px;}



/* SNAP */
.snap {padding: 60px 0 40px; overflow: hidden;}
.snap .title img {display: block; margin: 0 auto;}
.snap .snap_body img {width: 100%;}
.snap .snap_body .swiper-slide {width: 83.4%;}
.snap .span_action {display: flex; justify-content: center; align-items: center; margin-top: 20px;}

#snap1 {background-color: #E8D1CB;}
#snap3 {background-color: #C1D9DC;}
#snap3.snap .title {margin-bottom: 28px;}

.promotion_wrap {padding-top: 434px; background: url('../img/promotion_bg.jpg') 100% 0 no-repeat; background-size: 500px;}
.promotion_wrap .title {text-align: center; font-weight: 700;}
.promotion_wrap .title .tit1 {font-size: 15px;}
.promotion_wrap .title .tit2 {font-size: 29px; color: #B63608;}
.promotion_wrap .tags {margin: 27px auto 33px; display: flex; flex-wrap: wrap; justify-content: center; max-width: 372px;}
.promotion_wrap .tags li {font-size: 12px; line-height: 25px; border: 1px solid; padding: 0 12px; border-radius: 19px; margin: 5px 4px;}
.promotion_wrap .tags li:nth-child(even) {color: #B63608; border-color: #B63608;}
.promotion_wrap .tags li:nth-child(odd) {color: #223949; border-color: #223949;}
.promo_slide_wrap {overflow: hidden;}
.promo_slide_wrap img {width: 100%; display: block;}
.promo_slide_wrap .swiper-slide {width: 83.4%;}
.promo_slide_wrap .info_wrap {padding: 20px 20px 40px;}
.promo_slide_wrap .info_wrap dt {font-size: 16px; font-weight: 700; color: #B63608;}
.promo_slide_wrap .info_wrap dd {font-size: 14px; line-height: 1.7;}
.promo_slide_wrap .info:not(:first-child) {margin-top: 20px;}

@media screen and (max-width: 360px) {
  .promotion_wrap .title .tit1 {font-size: 4vw;}
  .promotion_wrap .title .tit2 {font-size: 7.4vw;}
}


.special_wrap {padding: 40px 0; overflow: hidden;}
.special_wrap .title {text-align: center; margin-bottom: 40px;}
.special_wrap .title .tit1 {font-size: 1.8rem; margin-bottom: 8px;}
.special_wrap .title img {display: block; margin: 0 auto;}
.special_wrap .brand_box .brand_title {font-size: 16px; color: #616161; margin-bottom: 12px; width: 90px; border-radius: 15px; line-height: 29px; box-sizing: border-box; margin: 0 auto 12px; text-align: center; border: 1px solid #C7C7C7;}
.special_wrap .brand_box .desc {font-size: 16px; color: #616161; text-align: center; margin-bottom: 12px;}
.special_wrap .img_box img {width: 100%; display: block;}
.special_wrap .sub_img {margin-top: 24px;}
.special_wrap .sub_img img {display: block; margin: 0 auto;}
.special_wrap .brand_info {padding: 0 22px; margin-top: 20px;}
.special_wrap .brand_info .info_tit {font-size: 1.7rem; color: #E3574C; margin-bottom: 4px; font-weight: 700;}
.special_wrap .brand_info .info_desc {font-size: 1.4rem; color: #333;}
.special_wrap .brand_info.mt40 {margin-top: 40px !important;}
.special_wrap .line {border: 0; border-top: 15px solid #f5f5f5; margin-top: 40px;}
.special_wrap picture , .special_wrap picture img{display: block; width: 100%;}
.special_wrap .body {position: relative;}
.kissn-swiper {overflow: hidden; width: 100%; position: absolute; bottom: 40px; left: 0;}
.kissn-swiper .kissn-swiper-pagination {text-align: center;padding: 3px 0; margin-top: 20px;}
.kissn-swiper .kissn-swiper-pagination .swiper-pagination-bullet-active {background-color: white !important;}

.brand_sale {margin-bottom: 24px;}
.brand_sale .sale_title {font-size: 24px; text-align: center; padding: 24px 0; color: #E3574C; font-weight: 700;}
.brand_sale .sale_box {margin: 0 20px; border-top: 1px solid #C7C7C7; border-bottom: 1px solid #C7C7C7;}
.brand_sale .sale_box dl {padding: 12px; display: flex; align-items: flex-start;}
.brand_sale .sale_box dt {width: 68px; text-align: center; font-size: 1.4rem; font-weight: 500; color: #616161;}
.brand_sale .sale_box dd {font-size: 1.2rem; color: #929292; padding: 0 10px;}
.brand_sale .sale_box strong {font-size: 1.8rem; font-weight: 700; color: #333;}
.brand_sale .sale_box .bld {font-weight: 700; font-size: 1.8rem; color: #E3574C;}
.brand_sale .sale_box .blt {line-height: 1.7; padding-left: 16px; position: relative;}
.brand_sale .sale_box .blt::before {content: ''; display: block; width: 14px; height: 17px; background: url('../img/dress_blt.svg') 0 0 no-repeat; position: absolute; left: 0; top: 1px; background-size: 10px;}
.brand_sale .sale_box dl:not(:last-child) {border-bottom: 1px solid #ECECEC;}
.brand_sale .sale_box2 {max-width: 350px; margin: 0 auto;}
.brand_sale .sale_box2 img {width: 100%;}

.brand2_img {max-width: 345px; margin: 20px auto;}
.brand2_img img {width: 100%; display: block;}

.brand_box3 {padding: 32px; text-align: center;}
.brand_box3 .bb3_tit {font-size: 1.7rem; line-height: 1.7; margin-bottom: 32px; font-weight: 700; color: #633D1B;}
.brand_box3 .bb3_desc {font-size: 1.4rem; line-height: 1.7; color: #616161;}

.grid_img img {width: 100%; display: block;}

#wear .desc img,
#wear .title img {display: block; width: 100%; max-width: 350px; margin: 0 auto;}
#wear .desc {background-color: #F5F5F5; padding: 24px 20px; margin-top: 17px;}
#wear .wear_body {overflow: hidden;}
#wear .wear_body img {width: 100%;}
#wear .wear_body .swiper-slide {width: 90%;}

#wear2 .wear2_img img,
#wear2 .title img {display: block; width: 100%; max-width: 350px; margin: 0 auto;}
#wear2 .wear3_img img {display: block; width: 100%; margin: 0 auto;}
#wear2 .wear22 {padding: 29px 0 20px;}
#wear2 .wear23 {padding: 24px 20px; background-color: #f5f5f5;}

#comming2 {padding: 40px 20px; background-color: #FFF4EB;}
#comming2 .title {margin-bottom: 28px;}
#comming2 .title img {display: block; margin: 0 auto;}
#comming2 .addr {width: 288px; margin: 0 auto 20px; text-align: center; font-size: 1.4rem; color: #633D1B; line-height: 39px; border-radius: 20px; background-color: #fff;}

#comming2 .root_daum_roughmap .wrap_map .map_box {}
#comming2 .root_daum_roughmap .wrap_map,
#comming2 .root_daum_roughmap {width: 100% !important; height: 200px !important;}

#reword2 {padding: 52px 0; background: url('../img/mobile/m_new_ad_bg_0602.png') no-repeat;
  background-size: cover;
  background-position: bottom;}
#reword2 .title {margin-bottom: 16px;}
#reword2 .title img {display: block; margin: 0 auto;}
#reword2 .desc {margin-bottom: 32px; text-align: center; font-size: 1.6rem; line-height: 1.7;}
#reword2 .img_box img {display: block; margin: 0 auto;}

#planner {background-color: #e4eccd; padding: 0; position: relative;}
#planner .title img {width: 100%; display: block;}
#planner .title .tit1 {max-width: 100%; margin: 0 auto;}
#planner .planners {position: absolute; top: 27%; overflow: hidden; margin: 0 auto; max-width: 100%; background-color: #fff; border: 0; border-radius: 0;}
#planner .planner_list {display: flex; flex-wrap: nowrap;}
#planner .planner_list li {width: 50%; box-sizing: border-box; padding: 0; margin-bottom: 0;}
#planner .planner_list li img {display: block; width: 100%;}
#planner .planner_list .photo {margin-bottom: 0;}
#planner .planner_list .photo img {width: 100%; display: block;}
#planner .info { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0; background: rgba(39, 39, 39, 0.6); color: #fff;}
#planner .info .head {display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.3);}
#planner .info .head > div:nth-child(1) {display: flex; align-items: center; padding: 4px 12px;}
#planner .info .head > div:nth-child(2) { display: flex; flex-flow: column-reverse; gap: 4px;}

#planner .info .head .role {font-size: 2.2rem; margin-right: 8px;}
#planner .info .head .name {font-size: 2.2rem; font-weight: 700;}
#planner .info .desc {padding: 12px 32px; font-size: 1.8rem; line-height: 1.7; border: 0; margin-bottom: 0;}
#planner .info .sns {font-size: 1.2rem; line-height: 14px; padding-left: 22px;}
#planner .info .sns.kakao {background: url('../img/sns_kakao.svg') 0 0 no-repeat;}
#planner .info .sns.insta {background: url('../img/sns_insta.svg') 0 0 no-repeat;}

.planner_paggination {position: absolute; top: 81%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center;}
.planner_paggination .swiper-button-next,
.planner_paggination .swiper-button-prev,
.planner_paggination .swiper-pagination {position: static; margin-top: 0; height: auto;font-family: 'Cafe24Ohsquare'; font-size: 16px;}
.planner_paggination .swiper-pagination .swiper-pagination-current {font-weight: 700;}

.planner_paggination .swiper-button-next:after, .planner_paggination .swiper-button-prev:after {
  font-size: 22px;
  color: black;
}

/* #wine {padding: 60px 0 0 0; background: url('../img/new_vip_0521.png') no-repeat; background-size: 100%; box-sizing: border-box; height: 668px;} */
#wine img {display: block; margin: 0 auto; width: 100%;}

/* 웨딩홀특전 추가 css MSY */
.hall_list { max-width: 500px; width: 100%; }
.hall_list img {width: 100%; display: block;}
.hall_list .hall_list_images { 
  width: 100%;
  display: flex; }
.hall_list .hall_list_images .images_left {width: 65%;}
.hall_list .hall_list_images .images_right {box-sizing: border-box;
  width: 35%;
  margin-left: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;}
  .hall_list_name {margin: 14px 0; text-align: center; color: white;}
  .hall_list_name .name_korean {line-height: 23px; font-size: 20px; color: #fff; font-weight: 700; vertical-align: middle;}
  .hall_list_name .name_english {line-height: 23px; font-size: 16px; color: #fff; font-weight: 700;vertical-align: middle;margin-left: 8px;}
  .hall_list_tag {margin: 0 auto 40px; width: 275px; box-sizing: border-box; border: none; background: #FFB911; border-radius: 50px; padding:0 20px; display: flex; justify-content: space-between; align-items: center;}
  .hall_list_tag span {line-height: 28px; color: black; font-size: 13px;vertical-align: middle;}

  .wedding_list {width: 100%; max-width: 500px; box-sizing: border-box; padding: 9px 8px 60px;display: none; flex-wrap: wrap;}
  .wedding_list .wedding_list_desc {padding: 0 4px; margin-top: 11px; width: 33%; box-sizing: border-box;}
  .wedding_list .wedding_list_desc img {display: block; width: 100%;}
  .wedding_list .wedding_list_desc p {text-align: center; font-size: 13px; line-height: 20px; margin-top: 4px;color: #fff;}


  /* 광주 / 시외 웨딩홀 버튼 */
.wedding_location { padding: 0 20px; align-items: center; justify-content: center; display: flex;}
.wedding_location button {flex: 1 1 0%; padding: 12px 0; border: 1px solid #fff; border-radius: 50px; color: #fff; font-size: 16px; font-weight: 500; line-height: 20px;}
.wedding_location button:first-child {margin-right: 16px;}
.wedding_location button.select_location {color: #FFB911; font-weight: 700; border-color: #FFB911;}
.wedding_list2 {display: none;width: 100%; max-width: 500px; box-sizing: border-box; padding: 9px 8px 60px;flex-wrap: wrap;}
.wedding_list2 .wedding_list_desc {padding: 0 4px; margin-top: 11px; width: 33%; box-sizing: border-box;}
.wedding_list2 .wedding_list_desc img {display: block; width: 100%;}
.wedding_list2 .wedding_list_desc p {text-align: center; font-size: 13px; line-height: 20px; margin-top: 4px;color: #fff;}

.wedding_list.select_location, .wedding_list2.select_location {display: flex;}



#mb_login {width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center;}
#mb_login .mbskin_box {width: 90%; max-width: 320px; border: 1px solid #dfdfdf; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.08); border-radius: 8px; overflow: hidden;}
#mb_login .login_title {text-align: center; font-size: 16px; font-weight: 700; color: #fff; background-color: #B63608; display: block; width: 100%; padding: 12px 0;}
#mb_login .base_input {border: 1px solid #E0E0E0; border-radius: 0; padding: 8px 16px; font-size: 1.4rem; width: 100%; box-sizing: border-box;}
#mb_login .form_row {margin-bottom: 8px;}
#login_fs {padding: 20px;}
#mb_login .btn_submit {width: 100%; text-align: center; color: #fff; background-color: #172641; padding: 12px 0; font-weight: 500; font-size: 14px; border-radius: 4px; margin-top: 12px;}
#login_info {margin-top: 8px; font-size: 12px;}
#login_info .login_if_auto {display: flex; justify-content: flex-start; align-items: center;}
#login_info .selec_chk {transform: translateY(-1px); margin-right: 6px;}