/*basic-set*/
input[type=text],
input[type=password],
textarea
{
    -webkit-box-sizing :border-box;‌​
    -moz-box-sizing :border-box;
    box-sizing :border-box;
	line-height:auto;
	vertical-align:top;
}
* { position:relative; word-break:keep-all; }
a.off { pointer-events:none; cursor:default; }
.bt_ov { position:absolute; top:0; left:0; right:0; bottom:0; text-indent:-9999px; }


/* layout */
:root {
    --gray50: #F4F4F4;
    --gray100: #E9E9E9;
    --gray200: #D8D8D8;
    --gray400: #AFAFAF;
    --gray500: #8B8B8B;
    --gray600: #6C6C6C;
    --gray700: #484848;
    --gray800: #2F2E2E;
    --gray900: #252525;
    --gold500: #CB9F5D;
}
#header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: #2F2E2E; padding: 0 30px; }
#header .wrap { margin: 0 auto; max-width: 1200px; height: 58px; }
#header .wrap h1 { position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
#header .wrap h1 a { display: block; width: 106px; height: 24px; background: url(../images/logo.png) 0/100% 100%; text-indent: -9999px; }
.header_gap { height: 58px; }

.bt_logout { position: absolute; top: 50%; right: 80px; transform: translateY(-50%); margin-right: 32px; font-size: 12px; color: var(--gold500); font-family: "Inder", sans-serif; line-height: 24px; }
.bt_my_page { position: absolute; top: 50%; right: 0; transform: translateY(-50%); padding-left: 32px; background: url(../images/ic_user.png) no-repeat 0 0/24px; font-family: "Inder", sans-serif; font-size: 12px; color: var(--gold500); line-height: 24px; }

#gnb { position: absolute; top: 0; left: 150px; right: 150px; display: flex; justify-content: center; gap: 36px; }
#gnb li a { display: block; line-height: 58px; font-size: 14px; color: var(--gray400); transition: all 0.3s; }
#gnb li a:hover { color: var(--gold500); }
.gnb_logout_item { display: none; }

#footer { background: var(--gray50); padding: 80px 30px; text-align: center; color: var(--gray500); font-weight: 500; line-height: 200%; }

.mt_slider { width: 100%; height: 600px; overflow: hidden; }
.mt_slider .swiper-container { position: absolute; top: 0; left: 50%; width: 1920px; margin-left: -960px; }
.mt_slider .swiper-slide img { width: 100%; }
.mt_slider .btns { position: absolute; top: 50%; left: 50%; width: 100%; max-width: 1340px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: 10; }
.mt_slider .swiper-button-prev,
.mt_slider .swiper-button-next { width: 70px; height: 70px; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.mt_slider .swiper-button-prev { left: 50%; margin-left: -670px; background-image: url(../images/mt_slider_prev.png); }
.mt_slider .swiper-button-next { right: 50%; margin-right: -670px; background-image: url(../images/mt_slider_next.png); }
.mt_slider .swiper-pagination { bottom: 25px; }
.mt_slider .swiper-pagination-bullet { background: none; border: 2px solid #fff; margin: 0 13px !important; }
.mt_slider .swiper-pagination-bullet-active { background: #d0d0d0; border-color: #d0d0d0; }
#bt_gnb { display: none; }
@media screen and (max-width:1024px) {
#header { padding: 0 20px; }
.bt_logout { display: none; }
.bt_my_page { right: 40px; }

#bt_gnb { position:absolute; text-indent: -9999px; top: 50%; right: 0; width: 20px; height: 16px; margin-top: -8px; z-index: 11; display: block; }
#bt_gnb i { position: absolute; left: 0; right: 0; height: 2px; background: var(--gold500); font-size: 0; line-height: 0; border-radius: 2px; transition: all 0.3s; }
#bt_gnb i:nth-child(1) { top: 0; }
#bt_gnb i:nth-child(2),
#bt_gnb i:nth-child(3) { top: 7px; }
#bt_gnb i:nth-child(4) { top: 14px; }
#bt_gnb i:nth-child(1),
#bt_gnb i:nth-child(4) { transition: opacity 0.8s; -webkit-transition: opacity 0.8s; }
#bt_gnb.on i:nth-child(1),
#bt_gnb.on i:nth-child(4) { opacity: 0; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; }
#bt_gnb.on i:nth-child(2),
#bt_gnb.on i:nth-child(3) { opacity: 0.7; -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
#bt_gnb.on i:nth-child(2) { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); }
#bt_gnb.on i:nth-child(3) { transform: rotate(-495deg); -webkit-transform: rotate(-495deg); }

#gnb { position: fixed; top: 0; bottom: 0; left: 100%; right: -100%; background: #2F2E2E; z-index: 10; flex-direction: column; justify-content: center; align-items: center; gap: 5px; transition: all 0.3s; }
#gnb.on { left: 0; right: 0; }
#gnb .gnb_logout_item { display: list-item; margin-top: 20px; }
#gnb .gnb_logout { display: block; font-size: 14px; color: var(--gold500); font-family: "Inder", sans-serif; line-height: 58px; }

#footer { padding: 30px 20px; }
}


/* main */
.mt_area { height: 930px; background: center center/cover no-repeat; }
.mt_area > * { position: absolute; left: 0; right: 0; text-align: center; }
.mt_area .i_tx { top: 130px; bottom: 330px; padding: 0 30px; display: flex; justify-content: center; align-items: center; }
.mt_area .i_tx img { width: 998px; max-width: 100%; }
.mt_area .tx { bottom: 132px; color: #fff; line-height: 32px; font-weight: 500; }
@media screen and (max-width:1024px) {
.mt_area { height: 600px; }
.mt_area .i_tx { padding: 0 20px; }
.mt_area .tx { bottom: 80px; line-height: 24px; }
}

h2.m_tit { font-size: 56px; line-height: 120%; color: var(--gray900); font-weight: 700; text-align: center; }

.m_space_guide { padding: 125px 30px; }
.m_space_guide .wrap { max-width: 1024px; margin: 0 auto; }
.m_space_guide .s_tx { color: var(--gray500); line-height: 190%; letter-spacing: 12%; text-align: center; margin: 24px 0; }
.m_space_guide .line { height: 52px; width: 2px; background: #000; margin: 0 auto 66px; }
.m_space_guide .target_menu { padding: 28px 90px; }
.m_space_guide .target_menu .inner { padding-top: 101.5%; background: url(../images/m_space_guide_default.png) no-repeat center center/100% 100%; transition: all 0.3s; }
.m_space_guide .target_menu .inner:has(.f2:hover) { background-image: url(../images/m_space_guide_2f.png); }
.m_space_guide .target_menu .inner:has(.f3:hover) { background-image: url(../images/m_space_guide_3f.png); }
.m_space_guide .target_menu .inner:has(.f17:hover) { background-image: url(../images/m_space_guide_17f.png); }
.m_space_guide .target_menu .inner .map_link { position: absolute; width: 10%; height: 4.3%;  cursor: pointer; z-index: 10; }
.m_space_guide .target_menu .inner .f17 { left: 0; top: 32.6%; width: 11%; }
.m_space_guide .target_menu .inner .f3  { right: 0; top: 59.5%; }
.m_space_guide .target_menu .inner .f2  { right: 0; top: 65%; }
@media screen and (max-width:1024px) {
h2.m_tit { font-size: 32px; }
.m_space_guide { padding: 60px 20px; }
.m_space_guide .target_menu { padding: 0; }
.m_space_guide .s_tx { margin: 16px 0; }
.m_space_guide .line { height: 40px; margin-bottom: 40px; }
}

.target { position: absolute; top: -58px; left: 0; }
.target.ty2 { top: -200px; }
.m_space_slider .unit .swiper-slide { padding-bottom: 900px; background: center center/cover; position: relative; }
.m_space_slider .unit .swiper-slide::before { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.35); z-index: 1; }
.m_space_slider .unit .swiper-slide .tx { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 1024px; max-width: calc(100% - 230px); display: flex; flex-direction: column; z-index: 2; }
.m_space_slider .unit .swiper-slide .tx h3 { font-family: 'Pretendard'; font-size: 56px; font-weight: 700; color: #fff; margin-bottom: 34px; }
.m_space_slider .unit .swiper-slide .tx h3 span { margin-left: 10px; }
.m_space_slider .unit .swiper-slide .tx h4 { font-family: 'Pretendard'; font-size: 56px; font-weight: 300; color: #fff; margin-bottom: 4px; }
.m_space_slider .unit .swiper-slide .tx .d_info { display: flex; flex-direction: column; gap: 6px; }
.m_space_slider .unit .swiper-slide .tx .d_info dl { display: flex; gap: 4px; font-size: 16px; color: rgba(255, 255, 255, 0.9); font-weight: 500; }

.m_space_slider .unit .swiper-slide .tx .d_info dl dt { width: 42px; }
.m_space_slider .unit .swiper-slide .tx .d_info dl dd { width: calc(100% - 42px); }
.m_space_slider .unit .swiper-button-prev,
.m_space_slider .unit .swiper-button-next { position: absolute; top: 50%; transform: translateY(-50%); width: 56px; height: 56px; background-size: 100% 100%; text-indent: -9999px; transition: all 0.3s; margin: 0; z-index: 2; }
.m_space_slider .unit .swiper-button-prev { left: 50%; margin-left: -700px; background-image: url(../images/m_sg_slider_bt_prev_wh.png); }
.m_space_slider .unit .swiper-button-next { right: 50%; margin-right: -700px; background-image: url(../images/m_sg_slider_bt_next_wh.png); }
.m_space_slider .unit .swiper-button-prev:hover { background-image: url(../images/m_sg_slider_bt_prev_ov.png) !important; }
.m_space_slider .unit .swiper-button-next:hover { background-image: url(../images/m_sg_slider_bt_next_ov.png) !important; }
.m_space_slider .unit .swiper-pagination { position: absolute; top: 50%; left: auto; right: 50%; margin-right: -512px; transform: translateY(-50%); width: 280px; display: flex; flex-direction: column; justify-content: center; gap: 12px; z-index: 2; }
.m_space_slider .unit .swiper-pagination-bullet { width: auto; height: auto; padding: 20px; border-radius: 0; background: rgba(24, 24, 24, 0.8); opacity: 1; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 700; text-align: left; transition: all 0.3s; }
.m_space_slider .unit .swiper-pagination-bullet-active { background: #fff; }
.m_space_slider .unit .swiper-pagination-bullet:before { color: var(--gray700); }
.m_space_slider .unit .swiper-pagination-bullet::after { display: block; color: var(--gray400); margin-top: 4px; }
.m_space_slider .unit .swiper-pagination-bullet-active:before { color: var(--gray600); }
.m_space_slider .unit .swiper-pagination-bullet-active::after { color: var(--gray900); }

.m_space_slider .unit .swiper-pagination-bullet:nth-child(1):before { content: '1'; }
.m_space_slider .unit .swiper-pagination-bullet:nth-child(2):before { content: '2'; }
.m_space_slider .unit .swiper-pagination-bullet:nth-child(3):before { content: '3'; }
.m_space_slider .unit .swiper-pagination-bullet:nth-child(4):before { content: '4'; }
.m_space_slider .unit .swiper-pagination-bullet:nth-child(5):before { content: '5'; }
.m_space_slider .unit .swiper-pagination-bullet:nth-child(6):before { content: '6'; }
.m_space_slider .unit.f2 .swiper-pagination-bullet:nth-child(1):after { content: 'Lounge Hall'; }
.m_space_slider .unit.f2 .swiper-pagination-bullet:nth-child(2):after { content: 'A1 Room'; }
.m_space_slider .unit.f2 .swiper-pagination-bullet:nth-child(3):after { content: 'A2 Room'; }
.m_space_slider .unit.f2 .swiper-pagination-bullet:nth-child(4):after { content: 'A3 Room(A1+2)'; }
.m_space_slider .unit.f2 .swiper-pagination-bullet:nth-child(5):after { content: 'B Room'; }
.m_space_slider .unit.f2 .swiper-pagination-bullet:nth-child(6):after { content: 'S Room'; }
.m_space_slider .unit.f17 .swiper-pagination-bullet:nth-child(1):after { content: 'Skyballroom'; }
.m_space_slider .unit.f17 .swiper-pagination-bullet:nth-child(2):after { content: 'Skyhall (전체A/B)'; }
.m_space_slider .unit.f17 .swiper-pagination-bullet:nth-child(3):after { content: 'THE CHANBER'; }
.m_space_slider .unit.f17 .swiper-pagination-bullet:nth-child(4):after { content: 'CLOUD OFFICE'; }
@media screen and (max-width:1460px) {
.m_space_slider .unit .swiper-button-prev { left: 30px; margin: 0; }
.m_space_slider .unit .swiper-button-next { right: 30px; margin: 0; }

}
@media screen and (max-width:1250px) {
.m_space_slider .unit .swiper-slide { padding-bottom: 600px; }
.m_space_slider .unit .swiper-slide .tx h3 { font-size: 48px; margin-bottom: 20px; }
.m_space_slider .unit .swiper-slide .tx h3 span { margin-left: 5px; }
.m_space_slider .unit .swiper-slide .tx h4 { font-size: 48px; margin-bottom: 2px; }
.m_space_slider .unit .swiper-slide .tx .d_info { gap: 4px; }
.m_space_slider .unit .swiper-slide .tx .d_info dl { gap: 3px; font-size: 14px; }
.m_space_slider .unit .swiper-button-prev,
.m_space_slider .unit .swiper-button-next { width: 42px; height: 42px; }
.m_space_slider .unit .swiper-pagination { right: 115px; margin: 0; transition: all 0.3s; width: 200px; }
.m_space_slider .unit .swiper-pagination-bullet { padding: 12px; font-size: 13px; }
.m_space_slider .unit .swiper-pagination-bullet::after { margin-top: 2px; }
}
@media screen and (max-width:1024px) {
.target.ty2 { top: -130px; }
.m_space_slider .unit .swiper-slide { padding-bottom: 500px; }
.m_space_slider .unit .swiper-slide .tx { max-width: calc(100% - 130px); }
.m_space_slider .unit .swiper-slide .tx h3 { font-size: 32px; margin-bottom: 14px; }
.m_space_slider .unit .swiper-slide .tx h3 span { margin-left: 4px; }
.m_space_slider .unit .swiper-slide .tx h4 { font-size: 32px; }
.m_space_slider .unit .swiper-slide .tx .d_info dl { gap: 2px; font-size: 12px; }
.m_space_slider .unit .swiper-button-prev,
.m_space_slider .unit .swiper-button-next { width: 30px; height: 30px; }
.m_space_slider .unit .swiper-button-prev { left: 15px; }
.m_space_slider .unit .swiper-button-next { right: 15px; }
.m_space_slider .unit .swiper-pagination { right: 65px; }
.m_space_slider .unit .swiper-pagination-bullet { padding: 12px; font-size: 13px; }
.m_space_slider .unit .swiper-pagination-bullet::after { margin-top: 2px; }
}
@media screen and (max-width:763px) {
.m_space_slider .unit .swiper-pagination { display: none; }
}
#m_container { padding: 140px 30px 260px; }
#m_container .wrap { max-width: 1024px; margin: 0 auto; display: flex; flex-direction: column; gap: 260px; }
#m_container .wrap h2.m_tit { margin-bottom: 37px; }
#m_container .wrap .s_tx { color: #040607; font-weight: 500; letter-spacing: 12%; text-align: center; margin-bottom: 60px; }

.m_perspective_view .img { margin-bottom: 44px; text-align: center; padding-left: 5%; }
.m_perspective_view .img img { max-width: 100%;}
.m_perspective_view .bt_pdf_download { display: block; width: 246px; line-height: 39px; background: #000; border-radius: 20px; font-size: 16px; color: #fff; font-weight: 500; text-align: center; margin: 0 auto; }
@media screen and (max-width:1024px) {
#m_container { padding: 60px 20px 100px; }
#m_container .wrap { gap: 100px; }
#m_container .wrap h2.m_tit { margin-bottom: 20px; }
#m_container .wrap .s_tx { margin-bottom: 36px; }

.m_perspective_view .img { margin-bottom: 36px; }
.m_perspective_view .bt_pdf_download { width: 180px; line-height: 32px; font-size: 14px; }
}

.tb_bs { width: 100%; border: 3px solid var(--gray700); border-width: 3px 0; }
.tb_bs tr>* { border-bottom: 1px solid var(--gray700); font-weight: 500; color: #040607; height: 68px; padding: 11px 0; text-align: left; }
.tb_bs .b_tx { font-family: Arial, Helvetica, sans-serif; font-size: 36px; line-height: 56px; padding: 15px 0; font-weight: 700; color: var(--gray700); }
.tb_bs .b_tx.s1 { color: var(--gray500); }
.tb_bs .b_tx.s2 { color: var(--gray600); }
.tb_bs .b_tx.s3 { color: var(--gray800); }
.tb_bs .b_tx.s4 { color: var(--gray900); }

.tb_step { margin-bottom: 105px; }

.m_rental_guide .price h3 { font-size: 34px; color: var(--gray900); font-weight: 500; line-height: 64px; padding-left: 50px; background: url(../images/m_ar_ic.png) no-repeat 0 center/30px auto; margin-bottom: 12px; }
.m_rental_guide .price .bt_close { position: absolute; top: 0; right: 0; width: 44px; height: 64px; background: url(../images/m_ar_ic_arr.png) no-repeat right center/44px; text-indent: -9999px; }
.m_rental_guide .price.off .bt_close { transform: rotate(180deg); }
.m_rental_guide .price.off .con { display: none; }

.tb_price th { font-weight: 800; }
.tb_price td { padding: 11px 30px; }
.tb_price td:nth-child(1) { width: 12%; }
.tb_price td:nth-child(3) { color: var(--gray700); }
.tb_price td:nth-child(4) { text-align: right; }
.tb_price td:nth-child(5) { text-align: center; }
.tb_price td:nth-child(6) { width: 20%; }

.m_d_info h2.m_tit { margin-bottom: 50px !important; }

.fc_gold { color: var(--gold500) !important; }
@media screen and (max-width:1024px) {
.tb_bs { border-width: 2px 0; }
.tb_bs tr>* { height: 50px; padding: 8px 0; }
.tb_bs .b_tx { font-size: 16px; line-height: 40px; padding: 10px 0; }

.tb_step { margin-bottom: 50px; }

.m_rental_guide .price h3 { font-size: 22px; line-height: 48px; padding-left: 32px; background-size: 24px auto; margin-bottom: 8px; }
.m_rental_guide .price .bt_close { width: 32px; height: 48px;  background-size: 32px; }
.m_rental_guide .price .con { overflow: auto; }
.m_rental_guide .price table { min-width: 600px; }

.tb_price td { padding: 8px 5px; }
.tb_price td:nth-child(1) { width: 12%; }
.tb_price td:nth-child(3) { color: var(--gray700); }
.tb_price td:nth-child(4) { text-align: right; }
.tb_price td:nth-child(5) { text-align: center; }
.tb_price td:nth-child(6) { width: 20%; }

.m_d_info h2.m_tit { margin-bottom: 30px !important; }

.fc_gold { color: var(--gold500) !important; }
}

.m_reservation .s_tx { color: var(--gray500) !important; }
.m_reservation .options { margin-bottom: 30px; }
.m_reservation .options .floor { display: flex; gap: 20px; }
.m_reservation .options .floor li { width: 120px; }
.m_reservation .options .floor li input { display: none; }
.m_reservation .options .floor li input + label { display: block; border: 1px solid var(--gray700); padding: 0 10px; font-weight: 800; line-height: 46px; }
.m_reservation .options .floor li input:checked + label { background: #000; color: #fff; }
.m_reservation .options .room { position: absolute; top: 0; right: 0; }
.m_reservation .options .room::after { content: ''; position: absolute; top: 0; bottom: 0; right: 10px; width: 44px; background: url(../images/sel_arr.png) no-repeat center center/100%; }
.m_reservation .options .room select { width: 320px; height: 48px; border: 1px solid var(--gray700); padding: 0 14px; appearance: none; outline: 0; }
.m_reservation .d_info { background: var(--gray50); padding: 60px 32px; margin-bottom: 60px; }
.m_reservation .d_info h3 { font-size: 34px; font-weight: 500; color: var(--gray900); margin-bottom: 40px; }
.m_reservation .d_info .list { height: 280px; overflow: hidden; }
.m_reservation .d_info .list::before,
.m_reservation .d_info .list::after { content: ''; position: absolute; left: 0; right: 36px; height: 3px; background: var(--gray700); z-index: 1; }
.m_reservation .d_info .list::before { top: 0; }
.m_reservation .d_info .list::after { bottom: 0; }
.m_reservation .d_info .list dl { background: #fff; border-bottom: 1px solid var(--gray700); display: flex; line-height: 32px; padding: 14px 0; margin-right: 36px;  }
.m_reservation .d_info .list dl>* { min-height: 64px; display: flex; align-items: center; }
.m_reservation .d_info .list dl dt { width: 190px; padding-left: 16px; }
.m_reservation .d_info .list dl dd { width: calc(100% - 206px); }

.m_reservation .calendar .yearmonth { height: 60px; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; }
.m_reservation .calendar .yearmonth a { width: 28px; height: 44px; text-indent: -9999px; background-size: 100% 100%; }
.m_reservation .calendar .yearmonth a.bt_prev { background-image: url(../images/cal_bt_pvev.png); }
.m_reservation .calendar .yearmonth a.bt_next { background-image: url(../images/cal_bt_next.png); }
.m_reservation .calendar .yearmonth span { width: 264px; font-weight: 800; text-align: center; color: var(--gray700); }
.m_reservation .calendar .d_board { margin-bottom: 70px; }
.tb_calendar { width: 100%; border-bottom: 1px solid #000; }
.tb_calendar tr>* { width: 14.285%; }
.tb_calendar tr>*:first-child { color: #CE5353; }
.tb_calendar tr>*:last-child { color: #257DB4; }
.tb_calendar tr>*:first-child a { color: #CE5353; }
.tb_calendar tr>*:last-child a { color: #257DB4; }
.tb_calendar th { height: 48px; padding: 0 8px; border-bottom: 1px solid #000; text-align: left; font-weight: 500; }
.tb_calendar td { padding: 8px; border: 1px solid var(--gray200); border-width: 0 1px 1px 0; }
.tb_calendar td:last-child { border-right: 0; }
.tb_calendar td a { display: block; min-height: 115px; color: var(--gray700); line-height: 30px; }
.tb_calendar td.hd a { color: #CE5353; }
.tb_calendar td em { position: absolute; top: 0; right: 0; font-size: 12px; }
.tb_calendar td span { display: block; margin-top: 4px; line-height: 25px; padding: 0 4px; background: var(--gray200); font-size: 14px; color: var(--gray700); }
.tb_calendar td.today i { display: inline-block; width: 30px; height: 30px; border-radius: 100%; background: #000; color: #fff; text-align: center; }
.tb_calendar td.off a { opacity: 0.4; cursor: none; pointer-events: none; }
.tb_calendar td.pass { background: var(--gray50); }
.tb_calendar td.pass a { color: var(--gray200); cursor: none; pointer-events: none; }
.tb_calendar td.on { background: var(--gold100, #FFF8E1); }

.m_reservation .calendar .t_board { margin-bottom: 60px; }
.tb_time { width: 100%; border: 1px solid var(--gray700); border-width: 1px 0; }
.tb_time td { width: 8.333%; border-right: 1px solid var(--gray200); }
.tb_time td:last-child { border: 0; }
.tb_time td a { display: block; padding-bottom: 100%; }
.tb_time td a i { position: absolute; bottom: calc(100% + 12px); left: 0; transform: translateX(-50%); font-weight: 500; color: var(--gray700); }
.tb_time td a i:nth-child(2) { left: auto; right: 0; transform: none; }
.tb_time td:first-child a i { transform: none; }
.tb_time td a span { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); font-size: 14px; color: var(--gray400); text-align: center; }
.tb_time td.off { background: var(--gray50); }
.tb_time td.off a span { color: var(--gray50); }
.tb_time td.on { background: var(--gold500); }
.tb_time td.on a span { color: #fff; }

.m_reservation .calendar .price { line-height: 38px; border: 3px solid var(--gray700); border-width: 3px 0; display: flex; justify-content: center; align-items: center; padding: 23px 12px; }
.m_reservation .calendar .price dl { display: flex; font-size: 32px; gap: 10px; }
.m_reservation .calendar .price dl dt { font-weight: 800; }
.m_reservation .calendar .price dl dd { font-weight: 500; }
.m_reservation .calendar .bt_reservation { width: 200px; line-height: 60px; background: #000; border-radius: 30px; color: #fff; text-align: center; font-weight: 500; }

@media screen and (max-width:1024px) {
.m_reservation .options { margin-bottom: 20px; }
.m_reservation .options .floor { gap: 10px; margin-bottom: 10px; }
.m_reservation .options .floor li { width: 33.3333%; }
.m_reservation .options .floor li input + label { padding: 0 7px; line-height: 38px; }
.m_reservation .options .room { position: relative; top: auto; right: auto; }
.m_reservation .options .room::after { right: 5px; width: 30px; }
.m_reservation .options .room select { width: 100%; height: 40px; padding: 0 7px;  }
.m_reservation .d_info { padding: 20px 15px; margin-bottom: 30px; }
.m_reservation .d_info h3 { font-size: 24px; margin-bottom: 20px; }
.m_reservation .d_info .list { height: 201px; }
.m_reservation .d_info .list::before,
.m_reservation .d_info .list::after { right: 16px; height: 2px; }
.m_reservation .d_info .list dl { line-height: 24px; padding: 9px 0; margin-right: 16px;  }
.m_reservation .d_info .list dl>* { min-height: 48px; }
.m_reservation .d_info .list dl dt { width: 60px; padding-left: 10px; }
.m_reservation .d_info .list dl dd { width: calc(100% - 70px); }

.m_reservation .calendar .yearmonth { height: 40px; margin-bottom: 10px; }
.m_reservation .calendar .yearmonth a { width: 24px; height: 36px; }
.m_reservation .calendar .yearmonth span { width: 150px; }
.m_reservation .calendar .d_board { margin-bottom: 40px; }
.tb_calendar th { height: 36px; padding: 0 4px;}
.tb_calendar td { padding: 4px; }
.tb_calendar td a { min-height: 90px; line-height: 24px; }
.tb_calendar td em { font-size: 11px; }
.tb_calendar td span { margin-top: 2px; line-height: 20px; padding: 0 2px; font-size: 12px; }
.tb_calendar td.today i { width: 24px; height: 24px; }

.m_reservation .calendar .t_board { margin-bottom: 30px; padding-top: 30px; overflow: auto; }
.tb_time { min-width: 700px; }
.tb_time td a i { bottom: calc(100% + 8px); }
.tb_time td a span { font-size: 12px; }

.m_reservation .calendar .price { line-height: 24px; border-width: 2px 0; padding: 18px 10px; flex-direction: column; gap: 20px; }
.m_reservation .calendar .price dl { font-size: 20px; gap: 8px; }
.m_reservation .calendar .bt_reservation { width: 100%; line-height: 40px; }
}

.m_community .s_tx { color: var(--gray500) !important; }
.community_list { display: flex; flex-wrap: wrap; gap: 64px 30px; }
.community_list li { width: calc(25% - 22.5px); }
.community_list li .ph { padding-bottom: 102.14%; background: center center/cover; margin-bottom: 16px; }
.community_list li .ph span { position: absolute; top: 12px; left: 12px; line-height: 25px; padding: 0 12px; background: #000; font-size: 11px; color: #fff; font-weight: 500; text-align: center; }
.community_list li.noti .ph span { background: #D81C1C; }
.community_list li .tx span { display: block; font-size: 11px; color: #999; margin-bottom: 12px; }
.community_list li .tx .tit { font-size: 16px; font-weight: 600; line-height: 120%; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }

.bt_m_bot { display: block; width: 197px; line-height: 58px; padding: 0 26px; border: 1px solid var(--gray700); border-radius: 30px; margin: 60px auto 0; text-align: center; font-weight: 500; color: var(--gray700); }
.bt_m_bot.bt_view_more { text-align: left; display: flex; justify-content: space-between; align-items: center; }
.bt_m_bot.bt_view_more::after { content: ''; width: 11px; height: 19px; background: url(../images/bt_view_more_arr.png) 0/100% 100%; }
@media screen and (max-width:1024px) {
.community_list { gap: 30px 12px; }
.community_list li { width: calc(25% - 9px); }
.community_list li .ph { margin-bottom: 12px; }
.community_list li .ph span { top: 10px; left: 10px; }
.community_list li .tx span { margin-bottom: 8px; }
.community_list li .tx .tit { font-size: 14px; }

.bt_m_bot { width: 120px; line-height: 38px; padding: 0 16px; margin: 30px auto 0;}
.bt_m_bot.bt_view_more::after { width: 7px; height: 12px; }
}
@media screen and (max-width:640px) {
.community_list { gap: 30px 12px; }
.community_list li { width: calc(50% - 6px); }
}

.m_faq .m_tit { margin-bottom: 60px !important; }
.m_faq .list { border: 3px solid var(--gray700); border-width: 3px 0; }
.m_faq .list dl { padding: 26px 0 26px 208px; color: var(--gray700); font-weight: 700; border-bottom: 1px solid var(--gray700); line-height: 140%; }
.m_faq .list dl:last-child { border: 0; }
.m_faq .list dl dt span { position: absolute; top: -5px; left: -198px; font-size: 36px; line-height: 100%; color: var(--gray700); }
.m_faq .list dl dt { color: #040607; font-weight: 800; margin-bottom: 8px; }
.m_faq .list dl dd { font-weight: 500; }
@media screen and (max-width:1024px) {
.m_faq .m_tit { margin-bottom: 30px !important; }
.m_faq .list { border-width: 2px 0; }
.m_faq .list dl { padding: 16px 0 16px 40px; }
.m_faq .list dl dt span { top: 0; left: -40px; font-size: 18px; }
.m_faq .list dl dt { margin-bottom: 6px; }
}

.m_contact_us .m_tit { margin-bottom: 60px !important; }
.m_contact_us .map { padding-bottom: 540px; }
.m_contact_us .map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media screen and (max-width:1024px) {
.m_contact_us .m_tit { margin-bottom: 30px !important; }
.m_contact_us .map { padding-bottom: 400px; }
}


/*contents*/
#container { padding: 200px 30px; }
#container .wrap { max-width: 1024px; margin: 0 auto; }
.s_tit { line-height: 67px; font-size: 56px; color: #040607; text-align: center; padding-bottom: 37px; border-bottom: 1px solid var(--gray700); margin-bottom: 40px; }
.my_page .s_tit { border: 0; margin: 0; }
.my_page .unit { border: 1px solid var(--gray700); border-width: 1px 0; padding: 34px 0; display: flex; gap: 20px; }
.my_page .unit h3 { width: 200px; font-size: 32px; color: #333; font-weight: 600; line-height: 140%; }
.my_page .unit > div { width: calc(100% - 220px); }
.my_page .u_info_form dt { width: calc(100% - 450px); }
.my_page .u_info_form dd { width: 440px; }
.my_page .bt_confirm { display: block; max-width: 480px; line-height: 72px; background: #000; border-radius: 36px; color: #fff; text-align: center; font-weight: 500; margin: 80px auto 0; }
.tb_r_state { width: 100%; }
.tb_r_state thead th.on { padding: 0 5px; height: 48px; border: 1px solid #D9D9D9; background: var(--gray50); color: var(--gray400); font-weight: normal; text-align: center; }
.tb_r_state td { height: 48px; color: var(--gray700); padding: 8px 12px; text-align: center; }
.tb_r_state td.gap { height: 10px; padding: 0; }
.tb_r_state td.state { padding: 0; }
.tb_r_state td.state > * { display: block; line-height: 20px; padding: 7px 5px; border: 1px solid; text-align: center; border-radius: 3px; }
.tb_r_state td.state .rc_ing { border-color: #FF653F; color: #FF653F; }
.tb_r_state td.state .b_done { border-color: #2EA211; color: #2EA211; }
.tb_r_state td.state .r_doen { border-color: var(--gold500); background: var(--gold500); color: #fff; }
.tb_r_state td.state .c_ing { border-color: var(--gray400); background: var(--gray400); color: var(--gray700); }
.tb_r_state td.state .c_done { border-color: var(--gray400); background: var(--gray50); color: var(--gray400); }
.tb_r_state td.state .pay { border-color: var(--gray900); background: var(--gray900); color: #fff; }
.tb_r_state td.price { display: flex; justify-content: space-between; gap: 5px; align-items: center; }
.tb_r_state td.cancel { padding: 0; }
.tb_r_state td.cancel a { display: inline-block; line-height: 30px; padding: 0 11px; border: 1px solid var(--gray700); font-size: 14px; color: var(--gray700); }
.tb_r_state td.cancel a.off { color: var(--gray400); border-color: var(--gray400); background: var(--gray50); }
.my_page .r_info .i_box { margin-top: 40px; border: 1px solid #D9D9D9; background: var(--gray50); color: var(--gray700); padding: 30px 40px; line-height: 200%; }
.my_page .r_info .i_box dl { display: flex; gap: 5px; }
.my_page .r_info .i_box dl dd { font-weight: 700; }
.my_page .r_info .i_box .btn-estimate-download { display: block; max-width: 300px; line-height: 52px; background: #000; border-radius: 26px; color: #fff; text-align: center; font-weight: 500; margin: 30px auto 0; text-decoration: none; }
@media screen and (max-width:1024px) {
#container { padding: 60px 20px; }
.s_tit { line-height: 50px; font-size: 32px; padding-bottom: 20px; margin-bottom: 20px; }
.my_page .unit { padding: 20px 0; flex-direction: column; }
.my_page .unit h3 { width: auto; font-size: 20px; }
.my_page .unit h3 br { display: none; }
.my_page .unit > div { width: auto; }
.my_page .u_info_form dt { width: 100px; }
.my_page .u_info_form dd { width: calc(100% - 110px); }
.my_page .bt_confirm { line-height: 40px; margin-top: 40px; }
.my_page .ov_x { overflow-x: auto; }
.tb_r_state { width: 100%; font-size: 12px; min-width: 445px; }
.tb_r_state thead th.on { height: 38px }
.tb_r_state td { height: 48px; color: var(--gray700); padding: 5px 6px; text-align: center; }
.tb_r_state td.gap { height: 10px; padding: 0; }
.tb_r_state td.state { padding: 0; }
.tb_r_state td.state span { line-height: 14px; padding: 5px 3px; }
.tb_r_state td.cancel a { line-height: 24px; padding: 0 5px; font-size: 12px; }
.my_page .r_info .i_box { margin-top: 20px; padding: 15px 25px; }
.my_page .r_info .i_box .btn-estimate-download { line-height: 40px; max-width: 240px; margin-top: 20px; border-radius: 20px; font-size: 14px; }
}

.community .rg_op { border-bottom: 1px solid #DEDEDE; line-height: 55px; display: flex; gap: 40px; justify-content: center; margin-bottom: 48px; }
.community .rg_op input { display: none; }
.community .rg_op input + label { font-weight: 600; color: #999; }
.community .rg_op input:checked + label { color: #000; }
.community .rg_op input:checked + label::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: #000; }
.community .search { padding: 20px; background: var(--gray50); display: flex; gap: 16px; justify-content: center; line-height: 36px; font-size: 13px; margin-bottom: 56px; }
.community .search input[type=text] { width: 100%; height: 36px; border: 1px solid #d9d9d9; padding: 0 11px; font-size: 13px; }
.community .search dl { display: flex; gap: 10px; }
.community .search dl.tit dd { width: 300px; }
.community .search dl.period dd { width: 265px; display: flex; gap: 8px; align-items: center; }
.community .search dl.period dd input { width: calc(50% - 12px); }
.community .search .bt_search { padding: 0 14px 0 12px; background: #000; color: #fff; display: flex; align-items: center; gap: 8px; justify-content: center; }
.community .search .bt_search::before { content: ''; width: 16px; height: 16px; background: url(../images/ic_search.png) 0/100%; }

.pagination { justify-content: center; display: flex; gap: 16px; margin-top: 96px; }
.pagination a { min-width: 16px; height: 36px; line-height: 36px; padding: 0 10px; background-size: 100%; }
.pagination>a { text-indent: -9999px; }
.pagination a.bt_prev { background-image: url(../images/pn_prev.png); }
.pagination a.bt_next { background-image: url(../images/pn_next.png); }
.pagination a.bt_prev.off { background-image: url(../images/pn_prev_off.png); }
.pagination a.bt_next.off { background-image: url(../images/pn_next_off.png); }
.pagination span { display: flex; gap: 16px; }
.pagination span a { font-family: 'Pretendard'; font-size: 14px; border-radius: 18px; text-align: center; }
.pagination span a.on { background: #000; color: #fff; }
@media screen and (max-width:1024px) {
.community .rg_op { line-height: 40px; gap: 20px; margin-bottom: 24px; }
.community .search { padding: 15px; flex-direction: column; gap: 8px; margin-bottom: 20px; }
.community .search dl { width: 100%; gap: 10px; }
.community .search dl dt { width: 50px; }
.community .search dl dd { width: calc(100% - 60px) !important; }

.pagination { gap: 12px; margin-top: 40px; }
.pagination a { min-width: 12px; height: 32px; line-height: 32px; }
.pagination span { gap: 12px; }
.pagination span a { font-size: 13px; }
}

.community .detail { font-family: 'Pretendard'; }
.community .detail .t_sec { padding: 30px 24px; background: var(--gray50); }
.community .detail .t_sec .tit { font-size: 32px; font-weight: 600; margin-bottom: 12px; }
.community .detail .t_sec .b_tx { display: flex; justify-content: space-between; font-size: 15px; font-weight: 500; color: #999; }
.community .detail .t_sec .b_tx .date { padding-left: 23px; background: url(../images/ic_date.png) no-repeat 0 0/16px; }
.community .detail .t_sec .b_tx .r_info { display: flex; gap: 5px; }
.community .detail .t_sec .b_tx .r_info .bt_share { width: 16px; height: 16px; background: url(../images/ic_share.png) 0/100%; text-indent: -9999px; }
.community .detail .c_sec { padding: 60px 24px; font-size: 16px; line-height: 175%; }
.community .detail .c_sec img { max-width: 100%; }
.community .detail .pn_list { border-top: 1px solid #EBEBEB; }
.community .detail .pn_list dl { border-bottom: 1px solid #EBEBEB; display: flex; padding: 0 32px; line-height: 65px; font-size: 15px; color: #999; }
.community .detail .pn_list dl dt { width: 140px; }
.community .detail .pn_list dl dd { width: calc(100% - 140px); }
.community .detail .pn_list dl dd a { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; }
.community .detail .btn { margin-top: 50px; text-align: right; }
.community .detail .btn a { display: inline-block; width: 71px; line-height: 40px; border-radius: 20px; background: #000; font-size: 13px; color: #fff; text-align: center; }
@media screen and (max-width:1024px) {
.community .detail .t_sec { padding: 20px; }
.community .detail .t_sec .tit { font-size: 20px; margin-bottom: 10px; }
.community .detail .t_sec .b_tx { font-size: 13px; line-height: 16px; }
.community .detail .c_sec { padding: 20px; font-size: 13px; }
.community .detail .pn_list dl { padding: 0 20px; line-height: 45px; font-size: 13px; }
.community .detail .pn_list dl dt { width: 70px; }
.community .detail .pn_list dl dd { width: calc(100% - 70px); }
.community .detail .btn { margin-top: 30px }
}


/* popup */
.pu_bg { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.75); z-index:99; display:none; transition:none; }
.pu { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; z-index:101; display:none; transition:none; box-sizing: border-box; width: 620px; max-width: calc(100% - 40px); padding: 60px 30px; }
.pu h3 { line-height: 50px; padding: 0 0 20px 60px; border-bottom: 3px solid var(--gray700); font-size: 34px; color: #040607; font-weight: 700; background: no-repeat 0 2px/50px; margin-bottom: 20px; }
.pu .con { color: var(--gray700); }
.pu_reservation h3 { background-image: url(../images/pu_tit_ic_book.png); }
.pu_login h3 { background-image: url(../images/pu_tit_ic_login.png); }
.pu_find h3 { background-image: url(../images/pu_tit_ic_find.png); }
.pu_join h3 { background-image: url(../images/pu_tit_ic_join.png); }
.pu_pay h3 { background-image: url(../images/pu_tit_ic_pay.png); }
.pu .bt_close { position: absolute; top: 60px; right: 30px; width: 50px; height: 50px; background: url(../images/pu_bt_close.png) no-repeat center center/48px; text-indent: -9999px; }

.pu_reservation h4 { font-size: 28px; line-height: 34px; color: var(--gray900); font-weight: 500; margin-bottom: 20px; }
.pu .con { max-height: calc(100vh - 260px); overflow: auto; }
.pu_reservation .p_info { padding: 40px 28px; background: var(--gray50); }
.pu_reservation .p_info .ph { padding-bottom: 72%; background: center center/cover; margin-bottom: 20px; }
.pu_reservation .p_info .info { border: 3px solid #000; border-width: 3px 0 2px; }
.pu_reservation .p_info .info dl { border-bottom: 1px solid #000; display: flex; gap: 20px; padding: 24px 20px; font-weight: 500; }
.pu_reservation .p_info .info dl dt { width: 100px; color: var(--gray400); }
.pu_reservation .p_info .info dl dd { width: calc(100% - 120px); text-align: right; color: #040607; }

.pu_reservation .u_info { margin: 40px 28px 0; }
.pu_reservation .u_info h4 { margin-bottom: 36px; }
.pu_reservation .u_info .t_guide { position: absolute; top: 0; right: 0; line-height: 34px; color: var(--gold500); font-weight: 500; }
.pu_reservation .u_info .info { display: flex; flex-direction: column; gap: 10px; font-family: 'Pretendard'; }
.pu_reservation .u_info .info dl { display: flex; align-items: center; gap: 30px; }
.pu_reservation .u_info .info dl dt { width: 130px; line-height: 22px; }
.pu_reservation .u_info .info dl dt i { color: var(--gold500); }
.pu_reservation .u_info .info dl dd { width: calc(100% - 160px); }
.pu_reservation .u_info .info dl dd .ra_op { display: flex; flex-wrap: wrap; gap: 5px 20px; padding: 10px 0; }
.pu_reservation .u_info .info dl dd .ra_op li { width: calc(50% - 10px); }
.pu_reservation .u_info .info dl dd .ra_op.op2 li { width: auto; }
.pu_reservation .u_info .info dl dd .guide { font-size: 14px; color: var(--gray400); padding: 8px 0; }
.form input[type=text] { width: 100%; height: 48px; border: 1px solid #d9d9d9; padding: 0 11px; color: var(--gray700); }
.form input[type=text]:disabled { background: var(--gray50); color: var(--gray400); }
.form input[type=password] { width: 100%; height: 48px; border: 1px solid #d9d9d9; padding: 0 11px; color: var(--gray700); }
.form input[type=radio] { display: none; }
.form input[type=radio] + label { padding: 3px 0; display: flex; gap: 12px; color: var(--gray400); line-height: 22px; }
.form input[type=radio]:checked + label { color: var(--gray700); }
.form input[type=radio] + label::before { content: ''; width: 22px; height: 22px; border-radius: 100%; background: url(../images/radio.png) 0/100%; }
.form input[type=radio]:checked + label::before { background-image: url(../images/radio_on.png); }
.form input[type=checkbox] { display: none; }
.form input[type=checkbox] + label { padding: 3px 0; display: flex; gap: 12px; color: var(--gray400); line-height: 22px; }
.form input[type=checkbox]:checked + label { color: var(--gray700); }
.form input[type=checkbox] + label::before { content: ''; width: 22px; height: 22px; border-radius: 100%; background: url(../images/radio.png) 0/100%; }
.form input[type=checkbox]:checked + label::before { background-image: url(../images/radio_on.png); }
.attach { display: flex; gap: 10px; }
.attach input[type="file"] { position:absolute; top:0; left:0; width:100%; height:48px; filter:alpha(opacity=0); opacity:0; cursor:pointer; z-index:5; }
.attach a { width:100px; line-height:48px; text-align:center; background: var(--gray400); color: #fff; }
.attach span { display: inline-block; width: calc(100% - 112px); line-height: 46px; border: 1px solid #D9D9D9; box-sizing: border-box; padding: 0 11px; vertical-align: top; color: #C7C7C7; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.attach.on span { color: #000; }
.pu_reservation .bt_reservation { display: block; line-height: 72px; border-radius: 36px; background: #000; font-size: 24px; color: #fff; text-align: center; font-weight: 500; margin-top: 30px; }
@media screen and (max-width:1024px) {
.pu { padding: 20px; max-width: 450px; }
.pu h3 { line-height: 40px; padding: 0 0 10px 50px; border-bottom-width: 2px; font-size: 24px; background-position: 0 2px; background-size: 40px; margin-bottom: 10px; }
.pu .bt_close { top: 20px; right: 20px; width: 40px; height: 40px; background-size: 40px; }

.pu_reservation h4 { font-size: 20px; line-height: 24px; margin-bottom: 10px; }
.pu .con { max-height: calc(100vh - 200px); }
.pu_reservation .p_info { padding: 20px; }
.pu_reservation .p_info .ph { margin-bottom: 10px; }
.pu_reservation .p_info .info { border-width: 2px 0 1px; }
.pu_reservation .p_info .info dl { gap: 10px; padding: 16px 0; }
.pu_reservation .p_info .info dl dt { width: 70px; }
.pu_reservation .p_info .info dl dd { width: calc(100% - 80px); }

.pu_reservation .u_info { margin: 20px 20px 0; }
.pu_reservation .u_info h4 { margin-bottom: 20px; }
.pu_reservation .u_info .t_guide { line-height: 24px; }
.pu_reservation .u_info .info { gap: 8px; }
.pu_reservation .u_info .info dl { gap: 10px; }
.pu_reservation .u_info .info dl dt { width: 100px; line-height: 20px; }
.pu_reservation .u_info .info dl dd { width: calc(100% - 110px); }
.pu_reservation .u_info .info dl dd .ra_op { gap: 3px 10px; padding: 7px 0; }
.pu_reservation .u_info .info dl dd .ra_op li { width: calc(50% - 5px); }
.pu_reservation .u_info .info dl dd .guide { font-size: 12px; padding: 4px 0; }
.form input[type=text] { height: 38px; padding: 0 8px; }
.form input[type=password] { height: 38px; padding: 0 8px; }
.form input[type=radio] + label { padding: 2px 0; gap: 8px; line-height: 20px; }
.form input[type=radio] + label::before { width: 20px; height: 20px; }
.form input[type=checkbox] + label { padding: 2px 0; gap: 8px; line-height: 20px; }
.form input[type=checkbox] + label::before { width: 20px; height: 20px; }
.attach { gap: 8px; }
.attach input[type="file"] { height:38px; }
.attach a { width:70px; line-height:38px; }
.attach span {width: calc(100% - 78px); line-height: 36px; padding: 0 8px; }
.pu_reservation .bt_reservation { line-height: 48px; font-size: 16px; margin-top: 20px; }
}

.pu_login { padding: 60px 80px; }
.pu_login .bt_close { right: 80px; }
.pu_login h3 { margin-bottom: 40px; }
.pu_login .form input[type=text] { margin-bottom: -1px; }
.pu_login .form .guide { height: 38px; padding: 8px 12px; font-size: 14px; color: var(--gold500); }
.pu_login .btns { display: flex; justify-content: space-between; margin-top: 10px; line-height: 48px; padding: 0 20px; margin-bottom: 40px; }
.pu_login .btns a { color: var(--gray400); }
.pu_login .sns_login { display: flex; gap: 40px; justify-content: center; }
.pu_login .sns_login a { width: 72px; height: 72px; background-size: 100%; text-indent: -9999px; }
.pu_login .sns_login a.ka { background-image: url(../images/sns_ka.png); }
.pu_login .sns_login a.na { background-image: url(../images/sns_na.png); }
.pu_login .sns_login a.go { background-image: url(../images/sns_go.png); }
.pu .bt_block { display: block; line-height: 70px; border: 1px solid #000; background: #000; font-size: 24px; color: #fff; text-align: center; font-weight: 500; }
.pu .bt_block.c_wh { background: #fff; color: #000; }
.pu .bt_block.off { background: var(--gray50); border-color: var(--gray400); color: var(--gray400); }
@media screen and (max-width:1024px) {
.pu_login { padding: 20px; }
.pu_login .bt_close { right: 20px; }
.pu_login h3 { margin-bottom: 20px; }
.pu_login .form .guide { height: 28px; padding: 4px 9px; font-size: 12px; }
.pu_login .btns { margin-top: 8px; line-height: 38px; padding: 0 10px; margin-bottom: 20px; }
.pu_login .sns_login { gap: 20px; }
.pu_login .sns_login a { width: 50px; height: 50px; }
.pu .bt_block { line-height: 46px; font-size: 16px; }
}

.pu_find { padding: 60px 80px; }
ul.tab_find { margin: 0 50px 20px; display: flex; gap: 40px; justify-content: center; border-bottom: 1px solid #DEDEDE; }
ul.tab_find li a { display: block; line-height: 55px; color: #999; font-weight: 600; }
ul.tab_find li.active a { color: var(--gray700); }
ul.tab_find li.active a::after { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 2px; background: var(--gray700); }
.tab_find_content { display: none; }
.tab_find_content.on { display: block; }
.tab_find_content .msg { padding: 27px 0; text-align: center; }
.tab_find_content .email { margin: 20px 50px 0; width: calc(100% - 102px) !important; background: var(--gray50); }
.tab_find_content .bt_block { margin-top: 40px; }

.pu_find .id_result { padding-top: 10px; }
.pu_find .id_result .tx { line-height: 56px; font-weight: 600; text-align: center; margin-bottom: 10px; }
.pu_find .id_result .form { display: flex; flex-direction: column; gap: 8px; }
.pu_find .id_result .form input { background: var(--gray50); }
.pu .b_btns { display: flex; gap: 20px; margin-top: 40px; }
.pu .b_btns a { width: calc(50% - 12px); }
@media screen and (max-width:1024px) {
.pu_find { padding: 20px; }
ul.tab_find { margin: 0 30px 20px; gap: 30px; }
ul.tab_find li a { line-height: 45px; }
.tab_find_content .msg { padding: 20px 0; }
.tab_find_content .email { margin: 10px 30px 0; width: calc(100% - 62px) !important; }
.tab_find_content .bt_block { margin-top: 20px; }

.pu_find .id_result .tx { line-height: 38px; }
.pu_find .id_result .form { gap: 5px; }
.pu .b_btns { gap: 10px; margin-top: 20px; }
.pu .b_btns a { width: calc(50% - 7px); }
}

.pu_join .list { display: flex; flex-direction: column; gap: 34px; }
.pu_join .list li:first-child { margin-bottom: -24px; }
.pu_join .list .ag_box { box-sizing: border-box; max-height: 240px; padding: 8px 12px; border: 1px solid #D9D9D9; background: var(--gray50); }
.pu_join .list .ag_box .inner { margin-right: 10px; }
.pu_join .b_btns { margin-top: 20px; }

.form.ty2 input[type=checkbox] { display: none; }
.form.ty2 input[type=checkbox] + label { padding: 8px 0; display: flex; gap: 4px; color: var(--gray700); line-height: 30px; }
.form.ty2 input[type=checkbox] + label em { color: var(--gold500); }
.form.ty2 input[type=checkbox] + label::before { content: ''; width: 30px; height: 30px; background: url(../images/radio.png) no-repeat center center/22px; }
.form.ty2 input[type=checkbox]:checked + label::before { background-image: url(../images/radio_on.png); }
@media screen and (max-width:1024px) {
.pu_join .list { gap: 10px; }
.pu_join .list li:first-child { margin-bottom: -15px; }
.pu_join .list .ag_box { max-height: 140px; padding: 5px 10px; }
.pu_join .b_btns { margin-top: 10px; }

.form.ty2 input[type=checkbox] + label { padding: 6px 0; line-height: 22px; }
.form.ty2 input[type=checkbox] + label::before { content: ''; width: 22px; height: 22px; background-size: 16px; }
}

.u_info_form { display: flex; flex-direction: column; gap: 20px; margin-bottom: 40px; }
.u_info_form dl { display: flex; gap: 10px; }
.u_info_form dl dt { width: 160px; line-height: 48px; color: #000; }
.u_info_form dl dt i { color: var(--gold500); }
.u_info_form dl dd { width: calc(100% - 170px); }
.u_info_form dl dd .gap { margin-bottom: 4px; }
.u_info_form dl dd .guide { height: 26px; line-height: 26px; margin-top: 10px; font-size: 14px; color: var(--gold500); }
.u_info_form dl dd .p_cer { display: flex; gap: 8px; }
.u_info_form dl dd .p_cer input { width: calc(100% - 163px); }
.u_info_form dl dd .p_cer a { width:155px; line-height:48px; text-align:center; background: var(--gray400); color: #fff; }
.u_info_form dl dd .attach { gap: 8px; }
.u_info_form dl dd .attach span { width: calc(100% - 163px); }
.u_info_form dl dd .attach a { width:155px; }
@media screen and (max-width:1024px) {
.u_info_form { gap: 15px; margin-bottom: 20px; }
.u_info_form dl dt { width: 120px; line-height: 38px; }
.u_info_form dl dd { width: calc(100% - 130px); }
.u_info_form dl dd .gap { margin-bottom: 3px; }
.u_info_form dl dd .guide { height: 18px; line-height: 18px; margin-top: 5px; font-size: 12px; }
.u_info_form dl dd .p_cer { gap: 5px; }
.u_info_form dl dd .p_cer input { width: calc(100% - 115px); }
.u_info_form dl dd .p_cer a { width:110px; line-height:38px; }
.u_info_form dl dd .attach { gap: 5px; }
.u_info_form dl dd .attach span { width: calc(100% - 115px); }
.u_info_form dl dd .attach a { width:110px; }
}

.pu_reservation_cancel { padding: 60px 80px; }
.pu_reservation_cancel h3 { padding-left: 0; }
.pu_reservation_cancel .bt_close { right: 80px; }
.pu_reservation_cancel .i_box { border: 1px solid #D9D9D9; background: var(--gray50); color: var(--gray700); padding: 10px 19px; line-height: 200%; letter-spacing: -0.5px; }
.pu_reservation_cancel .i_box dl { display: flex; gap: 5px; }
.pu_reservation_cancel .i_box dl dd { font-weight: 700; }
.pu_reservation_cancel .b_btns { margin-top: 30px; }
@media screen and (max-width:1024px) {
.pu_reservation_cancel { padding: 20px; }
.pu_reservation_cancel .bt_close { right: 20px; }
.pu_reservation_cancel .i_box { padding: 7px 14px; }
.pu_reservation_cancel .b_btns { margin-top: 20px; }
}