#main {min-width: 1440px; max-width: 1920px; margin: 0 auto;}

.section .inner {position: relative; width: 100%; height: 100%; overflow: hidden;}
.section .img_box {position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: 1;}
.section .img_box img {height: 100%; display: block;}

/* MAIN 01 */
.main01 {height: 900px;}
.main01 .actions {position: absolute; left: 50%; bottom: 52px; transform: translateX(-50%); display: flex; z-index: 10;}
.main01 .actions .btn {display: flex; justify-content: center; align-items: center; text-align: center; width: 253px; box-sizing: border-box; margin: 0 10px; height: 56px; font-size: 20px;}
.main01 .actions .btn img {transform: translateY(-1.5px); margin-left: 4px;}
.main01 .actions .btn01 {border: 1px solid #58AF00;; background-color: #58AF00;; color: white;}
.main01 .actions .btn02 {border: 1px solid #fff; background-color: #fff; color: #333;}
/* @media (min-width: 1920px) {
  .main01 .actions {left: 35.5%;}
}
@media (max-width: 1460px) {
  .main01 .actions {left: 31%;}
} */

/* MAIN 02 */
.main02 {height: 966px;}
.main02 .inner {position: relative;}
.welcome_button {position: absolute; bottom: 67px; left: 50%; transform: translateX(-50%); z-index: 2;}

/* MAIN 03 */
.main03 {height: 4190px;box-sizing: border-box;}
.dress_list {position: absolute; z-index: 30; top:562px; left: 50%; transform: translateX(-50%);width: 1200px;}
.dress_list img {max-width: 100%;}
.modern_list {margin: 0 auto 93px;position: relative;}
.modern_text {margin-bottom: 28px;}
.modern {width: 600px;overflow: hidden; margin: 0 auto; position: relative;}
.swiper-modern-prev { display: inline-block; position: absolute; left: 17%; top: 50%; cursor: pointer;}
.swiper-modern-next { display: inline-block; position: absolute; right: 17%; top: 50%; cursor: pointer;}

.fancy_list {margin: 0 auto 93px;position: relative;}
.fancy_text {margin-bottom: 28px;}
.fancy {width: 600px;overflow: hidden; margin: 0 auto; position: relative;}
.swiper-fancy-prev { display: inline-block; position: absolute; left: 17%; top: 50%; cursor: pointer;}
.swiper-fancy-next { display: inline-block; position: absolute; right: 17%; top: 50%; cursor: pointer;}

.unique_list {margin: 0 auto 93px;position: relative;}
.unique_text {margin-bottom: 28px;}
.unique {width: 600px;overflow: hidden; margin: 0 auto; position: relative;}
.swiper-unique-prev { display: inline-block; position: absolute; left: 17%; top: 50%; cursor: pointer;}
.swiper-unique-next { display: inline-block; position: absolute; right: 17%; top: 50%; cursor: pointer;}

.romantic_list {margin: 0 auto 93px;position: relative;}
.romantic_text {margin-bottom: 28px;}
.romantic {width: 600px;overflow: hidden; margin: 0 auto; position: relative;}
.swiper-romantic-prev { display: inline-block; position: absolute; left: 17%; top: 50%; cursor: pointer;}
.swiper-romantic-next { display: inline-block; position: absolute; right: 17%; top: 50%; cursor: pointer;}
/* MAIN 04 */
.main04 {height: 1080px;}
.main04 .movie {position: absolute; left: 50%; top: 349px; z-index: 10; width: 800px; height: 450px; transform: translateX(-50%);} 

/* MAIN 05 */
.main05 {height: 1060px;}
.promotion_box {position: absolute; overflow: hidden;bottom: 40px; left: 0; max-width: 100%;}

/* MAIN 06 */
.main06 {height: 1080px;}

/* MAIN 07 */
.main07 {height: 4096px;}
.main07 .halls {top: 1016px;position: absolute;}

/* MAIN 08 */
.main08 {height: 1080px;}
.main08 .invite_form {position: absolute; flex-direction: column; z-index: 10; overflow: hidden; left: 50%; bottom: 60px; transform: translateX(-50%); background: white; padding: 32px 55px; border-radius: 12px; box-shadow: 0 3px 17px rgb(0 0 0 / 16%); display: flex; align-items: center; row-gap: 60px;}
.main08 .invite_form .title {}
.main08 .invite_form .form_row {display: flex; align-items: center; font-size: 1.4rem;}
.main08 .invite_form .form_row .full {width: 100%;}
.main08 .invite_form .form_row .name_form {width: 150px; margin-right: 5px;}
.main08 .invite_form .form_row:not(:last-child) {margin-bottom: 12px;}
.main08 .invite_form .base_input {border: 1px solid #E0E0E0; border-radius: 0; padding: 14px 20px; font-size: 1.6rem; width: 100%; box-sizing: border-box;}
.main08 .invite_form .base_radio {margin: 0; transform: translateY(-1px); margin: 0 5px;}
.main08 .invite_form .invite_agree {font-size: 1.2rem; color: #616161;}
.main08 .invite_form .show_agree {font-size: 1.2rem; color: #333; font-weight: 500;}
#invite_agree {margin: 0 4px 0 0; transform: translateY(-1px);}
.main08 .actions {margin-top: 22px; display: flex; justify-content: flex-start; align-items: center;}
.main08 .actions .invite_act {width: 173px; margin-right: 20px; padding: 16px 0 15px; font-size: 1.8rem; font-weight: 700; border-radius: 4px; color: #fff;}
.main08 .actions .invite_act1 {background-color: #212121;}
.main08 .actions .invite_act2 {background-color: #FF5353;}
.main08 .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;}

/* MAIN 09 */
.main09 {height: 1072px;}
.main09 .reserv_btn {position: absolute; left: 50%; transform: translateX(-50%); bottom: 72px; z-index: 10;}

/* MAIN 10 */
.main10 {height: 4192px;}
.main10 .halls {position: absolute; left: 0; top: 1012px; z-index: 10; width: 100%; height: 380px;}

/* MAIN 11 */
.main11 {height: 1080px;}

/* MAIN 12 */
.main12 {height: 1080px;}

/* MAIN 13 */
.main13 {height: 1122px;}
.main13 .studios {position: absolute; left: 0; top: 573px; width: 100%; height: 489px; z-index: 10;}

/* MAIN 14 */
.main14 {height: 1080px;}

/* MAIN 15 */
.main15 {height: 3903px;}
.main15-5 {height: 2664px;}

/* MAIN 16 */
.main16 {height: 2530px;}
.main16 .wares {position: absolute; z-index: 10; overflow: hidden; width: 1540px;}
.main16 .wares.wares1 {right: 50%; top: 381px;}
.main16 .wares.wares2 {left: 50%; top: 1030px;}
.main16 .wares .swiper-slide {width: 750px;}

/* MAIN 17 */
.main17 {height: 2246px;}

/* MAIN 18 */
.main18 {height: 1020px;}
.main18 .map_box {width: 1200px; height: 550px; background-color: #fff; position: absolute; z-index: 10; left: 50%; transform: translateX(-50%); top: 370px;}

#footer {background-color: #172641; color: #fff; padding: 40px 20px 160px; max-width: 1920px; margin: 0 auto; box-sizing: border-box;}
#footer .footer_wrap {max-width: 1200px; margin: 0 auto}
#footer .address {font-size: 1.1rem;}
#footer .copy {opacity: 0.6; margin-top: 6px;}


/* 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;}


#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;}

.weddinghall_lotation { width: 100%; max-width: 1920px; margin: 0 auto;}
.weddinghall_lotation img {display: block; max-width: 100%;}

.mainreviews {height: 1080px;}
.mainreviews .reviews {position: absolute; left: 50%; top: 185px;  width: 532px; z-index: 10; overflow: hidden; margin-left: 110px;}

.mainvideos {height: 1000px;}
.mainvideos .movie {position: absolute; left: 50%; top: 349px; z-index: 10; width: 800px; height: 450px; transform: translateX(-50%);} 

.popup_box {position: fixed; bottom: 56px; right: 56px;z-index: 10;}
.popup_chat {position: absolute; bottom: 56px; right: 54px; width: 101px; height: 34px; background: url('../img/popup/ticket_chat.png') no-repeat; background-size: cover;color: white;font-size: 12px; line-height: 15px; font-weight: 700; box-sizing: border-box; padding-top: 11px; text-align: center;}
.popup_chat span {color: #FFD911;}

.timer {text-align: center; background-color: #333; color: #fff; font-size: 20px; padding: 24px 0; line-height: 20px; box-sizing: border-box; position: sticky; top: 0; z-index: 10000;}
.timer .remaining {color: #fff; font-weight: 400;}
.timer .remaining span {color: #FF6464; font-weight: 700;}