@charset "utf-8";
.mwOnly {display:none;}
.pcOnly {display:block;}
.brake-m, .brake-t {display:none;}
.scrollFix {overflow:hidden;}

.btn_top {position:fixed; right:48px; bottom:105px; width:52px; height:52px; background:rgba(28, 23, 29, 0.4); border-radius:25px; z-index:-1; opacity:0; transition:all .5s; overflow:hidden;}
.btn_top::before {content:""; position:absolute; left:0; top:0; width:52px; height:52px; background-color:var(--color-gray1); mask:url(/images/common/ico_arr03.svg) no-repeat 50% 50%; transform:rotate(90deg); transition:all .3s; opacity:1;}
.btn_top::after {content:"TOP"; position:absolute; left:0; top:100%; width:52px; height:52px; display:flex; justify-content:center; align-items:center; font-size:13px; color:var(--color-gray1); opacity:0; transition:all .5s; transition:all .3s; opacity:0;}
.btn_top:hover::before,
.btn_top:focus-visible::before {top:-100%; opacity:0;}
.btn_top:hover::after,
.btn_top:focus-visible::after {top:0; opacity:1;}
.btn_top.on {opacity:1; z-index:52;}

.btn01 {display:inline-flex; justify-content:center; align-items:center; height:56px; box-sizing:border-box;}
.btn02 {display:inline-flex; justify-content:center; align-items:center; height:64px; box-sizing:border-box;}
.btn03 {display:inline-flex; justify-content:center; align-items:center; height:68px; box-sizing:border-box;}
.btn04 {display:inline-flex; justify-content:center; align-items:center; height:58px; box-sizing:border-box;}
.btn05 {display:inline-flex; justify-content:center; align-items:center; height:43px; box-sizing:border-box;}

.b_col01 {background-color:var(--color-sub2); transition:all .3s;}
.b_col01:hover,
.b_col01:focus-visible {background-color:var(--color-sub1);}
.b_col01.ovN:hover,
.b_col01.ovN:focus-visible {background-color:var(--color-sub2);}
.b_col02 {background-color:var(--color-gray0);}
.b_col03 {background-color:var(--color-gray1); border:1px solid var(--color-gray3);}
.b_col04 {background-color:var(--color-sub1);}
.b_col05 {border:1px solid var(--color-gray0); background-color:var(--color-gray1);}

.b_col01 > span,
.b_col02 > span,
.b_col04 > span {color:var(--color-gray1);} 
.b_col03 > span {color:var(--color-gray3);}

.ic_receipt span {padding-left:30px; background:url(/images/common/ico_receipt.svg) no-repeat 0 50%; background-size:contain; line-height:24px;}
.ic_cancel span {padding-left:30px; background:url(/images/common/ico_receipt_cancel.svg) no-repeat 0 50%; background-size:contain; line-height:24px;}
.ic_mem_cancel span {padding-left:30px; background:url(/images/common/ico_member_cancel.svg ) no-repeat 0 50%; background-size:contain; line-height:24px;}

.btn_area {display:flex; padding:100px 0 0 0;}
.btn_area.tc {justify-content:center;}

.sel01 {position:relative; display:inline-block;}
.sel01::after {content:""; position:absolute; right:13px; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); width:32px; height:32px; background:url(/images/common/ico_arr05.svg) no-repeat 50% 50%; background-size:contain; z-index:-1;}
.sel01 select {width:100%; height:60px; border:2px solid var(--color-gray0); padding:14px 45px 14px 20px; font-weight:600; background-color:transparent; appearance:none; -webkit-appearance:none; -moz-appearance:none; box-sizing:border-box; cursor:pointer;}

.sel03{position:relative; display:inline-block;}
.sel03:after {content:""; position:absolute; right:13px; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); width:32px; height:32px; background:url(/images/common/ico_arr05.svg) no-repeat 50% 50%; background-size:contain; z-index:-1;}
.sel03 select {width:100%; height:56px; border:1px solid var(--color-gray7); padding:14px 45px 14px 20px; font-weight:600; background-color:transparent; appearance:none; -webkit-appearance:none; -moz-appearance:none; box-sizing:border-box; cursor:pointer; color:var(--color-gray7);}

.chk01 {display:inline-flex; flex-wrap:wrap;}
.chk01 label {position:relative; display:inline-block;}
.chk01 label ~ label {margin:0 0 0 24px;}
.chk01 label > input {position:absolute; left:0; right:0; top:0; bottom:0; opacity:0; z-index:-1; width:100%;}
.chk01 label > input + span {position:relative; display:inline-block; padding:5px 0 6px 40px;}
.chk01 label > input + span::before {content:''; position:absolute; left:0; top:0; width:32px; height:32px; background:url(/images/common/bg_chk_bas.svg) no-repeat 50% 50%; box-sizing:border-box;}
.chk01.ar label > input + span {padding:6px 40px 6px 0;}
.chk01.ar label > input + span::before,
.chk01.tN label > input + span::before {left:auto; right:0;}
.chk01.tN label > input + span {width:32px; height:32px; color:transparent; font-size:4px; padding:6px 32px 6px 0; overflow:hidden; box-sizing:border-box;}
.chk01 label > input:focus-visible + span::before {outline:3px dotted var(--color-gray6);}
.chk01 label > input:checked + span::before {background:url(/images/common/bg_chk_chk.svg) no-repeat 50% 50%;}
.chk01 label > input:disabled + span::before {background:url(/images/common/bg_chk_dsb.svg) no-repeat 50% 50%}
.chk01 label > input:checked:disabled + span::before {background:url(/images/common/bg_dbs_chk.svg) no-repeat 50% 50%;}

.rdo01 {display:inline-flex; flex-wrap:wrap;}
.rdo01 label {position:relative; display:inline-block;}
.rdo01 label ~ label {margin:0 0 0 24px;}
.rdo01 label > input {position:absolute; left:0; right:0; top:0; bottom:0; opacity:0; z-index:-1; width:100%;}
.rdo01 label > input + span {position:relative; display:inline-block; padding:4px 0 4px 40px;}
.rdo01.tN label > input + span {width:32px; height:32px; color:transparent; font-size:4px; padding:6px 32px 6px 0; overflow:hidden; box-sizing:border-box;}
.rdo01 label > input + span::before {content:''; position:absolute; left:0; top:0; width:32px; height:32px; background:url(/images/common/bg_rdo_bas.svg) no-repeat 50% 50%; box-sizing:border-box;}
.rdo01 label > input:focus-visible + span::before {outline:3px dotted var(--color-gray6);}
.rdo01 label > input:checked + span::before {background:url(/images/common/bg_rdo_chk.svg) no-repeat 50% 50%;}
.rdo01 label > input:disabled + span::before {background:url(/images/common/bg_rdo_dsb.svg) no-repeat 50% 50%}
.rdo01 label > input:checked:disabled + span::before {background:url(/images/common/bg_rdo_dbs.svg) no-repeat 50% 50%;}

.input01 {border:1px solid var(--color-gray7); padding:16px 20px; line-height:18px;}
.input01::placeholder {color:var(--color-gray7);}
.input01:disabled {background-color:var(--color-gray4); color:var(--color-gray3);}
.input01:focus-visible {border:2px solid var(--color-sub1)}

.main_ly_popup {position:absolute; z-index:70; width:100%; height:100%;}
.main_ly_popup .ly_popup_contents {height:calc(100% - 56px); overflow:auto; box-shadow:30px 30px 30px rgba(0, 0, 0, 0.3); background-color:var(--color-gray1);}
.main_ly_popup .ly_popup_contents > a {display:block;}
.main_ly_popup .ly_popup_contents::-webkit-scrollbar {width:5px;}
.main_ly_popup .ly_popup_contents::-webkit-scrollbar-thumb {background-color:var(--color-gray3); background-clip:padding-box;}
.main_ly_popup .ly_popup_contents::-webkit-scrollbar-track {}
.main_ly_popup .ly_popup_btn {display:flex; justify-content:space-between;}
.main_ly_popup .ly_popup_btn button {padding:17px 0 20px;}
.main_ly_popup .ly_popup_btn button span {display:block; padding:3px 0 0; color:var(--color-gray1);}
.main_ly_popup .ly_popup_btn button:first-child span {padding-left:26px; background:url(/images/common/ico_today_chk.svg) no-repeat 0 50%;}
.main_ly_popup .ly_popup_btn button:last-child span {padding-right:24px; background:url(/images/common/ico_close01.svg) no-repeat 100% 50%;}

.main .btn_more {width:48px; height:48px; background:url(/images/common/ico_more01.svg) no-repeat 50% 50%; background-size:contain;}
.main .btn_s_down {position:absolute; left:50%; bottom:50px; width:32px; height:32px; margin-left:-16px; z-index:10; animation:btn_s_down_anim 1.5s infinite;}
.main .btn_s_down::before {content:''; display:block; width:32px; height:32px; mask:url(/images/common/ico_arr02.svg) no-repeat 50% 50%; mask-size:contain;}
.main.m_color_ty01 .btn_s_down::before {background-color:rgba(255, 255, 255, .50);}
.main.m_color_ty02 .btn_s_down::before {background-color:rgba(0, 0, 0, .5);}

/* 스크린리더 전용 텍스트 */
.sr-only {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-pace:nowrap; border:0;}
/* 섹션 포커스 시 외곽선 제거 */
.section:focus {outline:none;}
@keyframes btn_s_down_anim {
    0% {transform:translateY(0);}
    50% {transform:translateY(10px);}
    100% {transform:translateY(0);}
}
/* header */
header {position:fixed; left:0; top:0; right:0; z-index:65; width:100%; min-height:110px; transition:all .5s;}

.m_color_ty01 header .gnb > li > a > strong {color:var(--color-gray1);}
.m_color_ty02 header .gnb > li > a > strong {color:var(--color-gray0);}

#header {width:100%; max-width:1920px; margin:0 auto; padding:0 80px; display:flex; justify-content:space-between; align-items:flex-start; box-sizing:border-box;}
#header h1 {width:180px; height:70px; margin-top:20px;}
#header h1 a {display:block; width:97px; height:70px;}
#header h1 a::before {mask:url(/images/common/h1_logo_10decade.svg) no-repeat 0 0; mask-size:contain;}
.sub #header h1 a::before {background:url(/images/common/h1_logo_10decade.svg) no-repeat 0 0; background-size:contain; mask:none;}
#header h1 a::before,
.sub #header h1 a::before {content:""; display:block; width:97px; height:70px;}
#header *:focus-visible {outline:3px dotted var(--color-gray6) !important;}
#header .headerQuick_nav {display:flex; gap:14px; align-items:center; margin-top:39px;}
#header .headerQuick_nav li > a,
#header .headerQuick_nav li > button {display:block; width:32px; height:32px;}
#header .headerQuick_nav li > a::before,
#header .headerQuick_nav li > button::before {content:""; display:block; width:32px; height:32px;}
.sub #header .headerQuick_nav li > a::before,
.sub #header .headerQuick_nav li > button::before {background-color:var(--color-gray0);}
#header .headerQuick_nav li.login > a::before,
#header .headerQuick_nav li.login > button::before {mask:url(/images/common/ico_mypage.svg) no-repeat 0 0; mask-size:contain;}
#header .headerQuick_nav li.logout > a::before,
#header .headerQuick_nav li.logout > button::before {mask:url(/images/common/ico_logout.svg) no-repeat 0 0; mask-size:contain;}
#header .headerQuick_nav li.navQ01 > a::before,
#header .headerQuick_nav li.navQ01 > button::before {mask:url(/images/common/ico_mypage.svg) no-repeat 0 0; mask-size:contain;}
#header .headerQuick_nav li.navQ02 > a::before,
#header .headerQuick_nav li.navQ02 > button::before {mask:url(/images/common/ico_global.svg) no-repeat 0 0; mask-size:contain;}
#header .headerQuick_nav li.navQ03 > a::before,
#header .headerQuick_nav li.navQ03 > button::before {mask:url(/images/common/ico_sch01.svg) no-repeat 0 0; mask-size:contain;}

.gnb {display:flex; gap:20px;}
.gnb > li > a  {width:100px; height:110px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.gnb > li > a > strong {font-weight:700; letter-spacing:var(--letter-spacing0);}
.gnb > li > ul {display:flex; flex-direction:column; align-items:center; gap:20px; height:0; overflow:hidden; transition:all .5s;}
.gnb > li > ul > li > a {color:var(--color-gray3); font-size:16px; font-weight:500; line-height:normal;}

.ly_sch_wrap {position:absolute; top:0; left:0; right:0; height:0; overflow:hidden;} 
.ly_sch_box {max-width:1920px; margin:0 auto; padding:153px 0 73px; position:relative; z-index:1; box-sizing:border-box;}
.sch_form {position:relative; width:540px; margin:0 auto; padding-right:44px; border-bottom:1px solid var(--color-gray3); box-sizing:border-box; opacity:0;}
header.schOn .sch_form {opacity:1; transition:all 1s .1s;}
.sch_form input {width:100%; height:64px; border:0 none; text-align:center;}
.sch_form ::-webkit-input-placeholder {color:var(--color-gray6);}
.sch_form .btn_sch {position:absolute; right:0; top:0; width:44px; height:64px;}
.sch_form .btn_sch::before {content:''; display:block; width:44px; height:64px; background:url(/images/common/ico_sch02.svg) no-repeat 100% 50%;}

header.schOn .ly_sch_wrap {height:fit-content; overflow:visible; transition:all .3s;}
header .ly_sch_wrap::before {content:''; position:absolute; left:0; top:110px; right:0; height:0; z-index:1; transition:all .3s;}
header.schOn .ly_sch_wrap::before {height:calc(100% - 110px); background-color:var(--color-gray1); transition:all .3s .1s;}
header .ly_sch_wrap .btn_closed,
header.schOff .ly_sch_wrap .btn_closed {display:none;}
header.schOn .ly_sch_wrap .btn_closed {display:block; width:32px; height:32px; position:absolute; right:80px; top:39px; z-index:1; background:url(/images/common/ico_close02.svg) no-repeat 50% 50%;}

.m_color_ty01 header #header h1 a::before,
.m_color_ty01 header #header .headerQuick_nav li > a::before,
.m_color_ty01 header #header .headerQuick_nav li > button::before,
.m_color_ty01 header #header .btn_allNav::before {background-color:var(--color-gray1);}
.m_color_ty02 header #header h1 a::before,
.m_color_ty02 header #header .headerQuick_nav li > a::before,
.m_color_ty02 header #header .headerQuick_nav li > button::before,
.m_color_ty02 header #header .btn_allNav::before {background-color:var(--color-gray0);}

.sub header,
header.mainGnbOn,
header.schOn,
header.gnbOn {background-color:var(--color-gray1); height:fit-content;}
header.gnbOn .gnb > li > ul {padding:36px 0 60px; height:fit-content; overflow:visible;}
header.schOn .gnb > li > a > strong,
header.gnbOn .gnb > li > a > strong,
header.mainGnbOn .gnb > li > a > strong {color:var(--color-gray0) !important;}

header.schOn #header::before,
header.gnbOn #header::before {content:""; position:absolute; left:0; top:110px; right:0; height:1px; background-color:rgba(0, 0, 0, 0.1); z-index:11;}
header.schOn #header h1 a::before,
header.gnbOn #header h1 a::before {mask:none; background-color:transparent; background:url(/images/common/h1_logo_10decade.svg) no-repeat 0 0; background-size:contain;}
header.gnbOn #header .headerQuick_nav li > a::before,
header.gnbOn #header .headerQuick_nav li > button::before {background-color:var(--color-gray0) !important;}

header.mainGnbOn.gnbOn {box-shadow:0 1px 10px rgba(0,0,0,.1);}
header.mainGnbOn #header h1 {margin-top:41px; height:28px;}
header.mainGnbOn #header h1 a {width:180px; height:28px;}
header.mainGnbOn #header h1 a::before {width:180px; height:28px; mask:none; background-color:transparent; background:url(/images/common/h1_logo.svg) no-repeat 0 0; background-size:contain;}
header.mainGnbOn #header .headerQuick_nav li > a::before,
header.mainGnbOn #header .headerQuick_nav li > button::before,
header.schOn #header .headerQuick_nav li > a::before,
header.schOn #header .headerQuick_nav li > button::before {background-color:var(--color-gray0) !important;}

#header .btn_allNav::before {content:""; display:block; width:36px; height:36px; mask:url(/images/common/ico_all_menu.svg) no-repeat 50% 50%; mask-size:contain;}
#header .btn_navClose::before {content:""; display:block; width:20px; height:20px; background:url(/images/common/ico_close03.svg) no-repeat 50% 50%; background-size:contain;}
#header .btn_allNav,
#header .btn_navClose {display:none;}


@media (max-width:1300px){
    #header {padding:0 20px;}
    .gnb {gap:0;}
}

footer {background-color:var(--color-gray0); box-sizing:border-box;}
#footer {}
/* 스폰서 */
.sponsor_wrap {height:141px; border-bottom:3px solid rgba(255, 255, 255, 0.40); box-sizing:border-box; background-color:var(--color-gray0);}
.sponsor_wrap .sponsor_bnr {position:relative; width:100%; max-width:1920px; height:141px; margin:0 auto; padding:0 80px; box-sizing:border-box; overflow:hidden;}
.sponsor_wrap .sponsor_bnr::before {content:""; position:absolute; left:0; top:0; width:100px; height:calc(100% - 3px); background:linear-gradient(to right, rgba(0, 0, 0, 1), transparent); z-index:10; pointer-events:none;}
.sponsor_wrap .sponsor_bnr::after {content:""; position:absolute; right:0; top:0; width:100px; height:calc(100% - 3px); background:linear-gradient(to left, rgba(0, 0, 0, 1), transparent); z-index:10; pointer-events:none;}
.sponsor_wrap .sponsor_bnr > ul {display:flex; align-items:center;}
.sponsor_wrap .sponsor_bnr > ul > li {flex:1; display:flex; align-items:center;}
.sponsor_wrap .sponsor_bnr > ul > li a {display:flex; width:100%; height:60px; align-items:center;}
.sponsor_wrap .sponsor_bnr > ul > li a img {max-width:fit-content;}
.sponsor_wrap .swiper-scrollbar {bottom:-1px !important; top:auto !important; left:0 !important; right:0 !important; width:100%; background-color:transparent; box-sizing:border-box; width:100% !important;}
.sponsor_wrap .swiper-scrollbar .swiper-scrollbar-drag {height:4px !important; background-color:var(--color-sub1); border-radius:0;}

.f_contents {position:relative; width:100%; max-width:1920px; padding:50px 80px 85px; margin:0 auto; box-sizing:border-box;}
.f_contents h1 {margin-bottom:30px;}
.f_contents address p {color:var(--color-gray7); font-size:16px; font-weight:500; line-height:24px; letter-spacing:var(--letter-spacing0);}
.f_call {position:absolute; right:80px; top:128px; display:flex; flex-direction:column; align-items:flex-end;}
.f_call dt {padding:0 0 16px 0; color:var(--color-gray7);}
.f_call dd a {display:block; color:var(--color-gray1); font-family:var(--font-family1); font-size:36px; font-weight:500;}
.f_sns_wrap {position:absolute; bottom:85px; right:80px; display:flex; gap:10px;}
.f_sns_wrap li a {display:block;}
.f_sns_wrap li a::before {content:""; display:block; width:58px; height:58px; background-position:50% 50%; background-size:contain; background-repeat:no-repeat;}
.f_sns_wrap li a.s_instar::before {background-image:url(/images/common/ico_insta.png);}
.f_sns_wrap li a.s_blog::before {background-image:url(/images/common/ico_blog.png);}
.f_sns_wrap li a.s_youtube::before {background-image:url(/images/common/ico_youtube.png);}
.f_sns_wrap li a.s_channel::before {background-image:url(/images/common/ico_kakao.png);}
.f_quick_nav {padding:40px 0 0 0;}
.f_quick_nav ul {width:calc(100% - 300px); flex-wrap:wrap; display:flex; align-items:center; height:58px;}
.f_quick_nav ul li a {display:flex;}
.f_quick_nav ul li a::before {content:""; margin:0 30px; width:1px; height:16px; background-color:var(--color-gray7);}
.f_quick_nav ul li:first-child a::before {display:none;}
.f_quick_nav ul li a span {color:var(--color-gray7); font-size:16px; font-weight:500; letter-spacing:var(--letter-spacing0);}

#wrap {width:100%;}
#wrap.view { overflow-x:visible}
#wrap.main,
#wrap.mypage,
#wrap.sub { overflow-x:hidden}

@supports (overflow:clip) {
    #wrap.main,
    #wrap.mypage,
    #wrap.sub {overflow-x:clip;}
}
/* 메인 배너 스타일 */
.m_bnr_wrap {position:relative; width:100%; height:100vh; overflow:hidden;}
/* 스와이퍼 슬라이드 */
.m_bnr_wrap.pcOnly {display:block;}
.m_bnr_wrap.mwOnly {display:none;}

.m_bnr_wrap .mBnrSwiper {width:100%; height:100vh}
.m_bnr_wrap .swiper-wrapper,.swiper-slide{width:100%; height:100%}
.m_bnr_wrap .swiper-slide {position:relative;}
.m_bnr_wrap .swiper-slide > a {position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.m_bnr_wrap .swiper-slide img {width:100%; height:100%; object-fit:cover; display:block}
.m_bnr_wrap .swiper-slide img.pcOnly {display:block;}
.m_bnr_wrap .swiper-slide img.mwOnly {display:none;}
.m_bnr_wrap .swiper-slide video {width:100%; height:100%; object-fit:cover; display:block}
.m_bnr_wrap .swiper-slide iframe {width:100%; height:100%; border:0}

/* 비디오 박스 스타일 */
.m_bnr_wrap .swiper-slide .videoBox video {width:100%; height:100%; object-fit:cover; display:block;}
.m_bnr_wrap .swiper-slide .videoBox {position:relative; overflow:hidden; height:100%;}

/* 텍스트 (고정) */
.m_bnr_wrap .mBnr_text {position:absolute; right:80px; bottom:134px; text-align:right; z-index:20; opacity:0; transition:opacity .45s ease, transform .45s cubic-bezier(0.68, -0.55, 0.265, 1.55); width:420px;}
.m_bnr_wrap .mBnr_text.show {opacity:1;}
.m_bnr_wrap .mBnr_title {font-size:clamp(22px,2.6vw,24px); font-family:var(--font-family1); font-weight:400; line-height:1.05; transform:rotateX(0deg); transition:transform .45s ease; transform-style:preserve-3d;}
.m_bnr_wrap .mBnr_date {margin-top:8px; font-size:clamp(16px,1.6vw,18px); font-weight:600;}
/* 컨트롤 버튼들 */
.m_bnr_wrap .controls {position:absolute; right:80px; bottom:80px; display:flex; align-items:center; gap:4px; z-index:20;}
.m_bnr_wrap .nav_btn {width:40px; height:40px; display:flex; align-items:center; justify-content:center; cursor:pointer; user-select:none;}
.m_bnr_wrap .nav_btn::before {content:""; width:24px; height:24px; mask:url(/images/common/ico_arr03.svg) no-repeat 0 0; mask-size:contain; background-color:rgba(255, 255, 255, 0.60);}
.m_bnr_wrap .nav_btn.next::before,
.m_bnr_wrap .swiper-button-next::before {transform:rotate(180deg);}

/* Swiper 버튼에도 동일한 스타일 적용 */
.m_bnr_wrap .swiper-button-prev::before,
.m_bnr_wrap .swiper-button-next::before {content:""; width:24px; height:24px; mask:url(/images/common/ico_arr03.svg) no-repeat 0 0; mask-size:contain; background-color:rgba(255, 255, 255, 0.60);}
/* Swiper 페이지네이션 스타일 */
.m_bnr_wrap .pagination_wrap {display:flex; flex-direction:row-reverse; align-items:center; gap:20px;}
.m_bnr_wrap .swiper-scrollbar {width:180px !important; height:4px !important; background:rgba(255, 255, 255, 0.30) !important; border-radius:3px; position:relative !important; top:auto !important; bottom:auto !important;}
.m_bnr_wrap .swiper-scrollbar-drag {background:var(--color-sub1) !important; border-radius:3px;}
.m_bnr_wrap .page_numbers {font-size:14px; opacity:.95; display:flex; gap:6px; align-items:center;}
.m_bnr_wrap .page_numbers span {color:rgba(255, 255, 255, 0.40); font-size:16px; font-weight:600;}
.m_bnr_wrap .page_numbers span:first-child {color:var(--color-sub1);}

/* Swiper 네비게이션 버튼 스타일 */
.m_bnr_wrap .swiper-button-prev,
.m_bnr_wrap .swiper-button-next {position:static !important; width:40px !important; height:40px !important; margin:0 !important; color:transparent; background:transparent;}
.m_bnr_wrap .swiper-button-prev::after,
.m_bnr_wrap .swiper-button-next::after {display:none;}
.m_bnr_wrap .swiper-button-disabled {opacity:0.4; cursor:not-allowed;}
/* 재생/일시정지 */
.play_btn {width:40px; height:40px;display:flex; align-items:center; justify-content:center; cursor:pointer; user-select:none;}
.play_btn::before {content:""; width:24px; height:24px; mask:url mask-size:contain; background-color:rgba(255, 255, 255, 0.60);}
.play_btn.paused::before {mask:url(/images/common/ico_play.svg) no-repeat 50% 50%; mask-size:contain; background-color:rgba(255, 255, 255, 0.60);}
.play_btn.playing::before {mask:url(/images/common/ico_pause.svg) no-repeat 50% 50%; mask-size:contain; background-color:rgba(255, 255, 255, 0.60);}

/* main_type 별 color 변경 */
.m_color_ty01 .mBnr_text * {color:var(--color-gray1);}
.m_color_ty02 .mBnr_text * {color:var(--color-gray0);}
/* 메인스타일 */
.section {max-width:1760px; margin:0 auto; position:relative;}
.section > h2 {padding-bottom:clamp(30px, 2.6vw, 46px); font-family:var(--font-family1); font-size:clamp(24px, 2.6vw, 36px); font-weight:500; letter-spacing:var(--letter-spacing2);}
.section > .btn_more {position:absolute; right:0; top:0;}

/* 공연리스트 */
.m_section02 {padding:100px 0;}
.m_section02 > .bnr_wrap {}
.m_section02 > .bnr_wrap ul {display:flex;}
.m_section02 > .bnr_wrap ul li {width:360px;}
.m_section02 > .bnr_wrap ul li a {display:flex; flex-direction:column; position:relative; overflow:hidden;}
.m_section02 > .bnr_wrap ul li a .img_area {width:100%;}
.m_section02 > .bnr_wrap ul li a .img_area img {aspect-ratio:3/4;}
.m_section02 > .bnr_wrap ul li a .date {padding:40px 0 10px;color:var(--color-gray3); font-size:clamp(12px,2.6vw,18px); font-weight:600; letter-spacing:var(--letter-spacing0);}
.m_section02 > .bnr_wrap ul li a .title {font-size:clamp(18px,2.6vw,24px); font-family:var(--font-family1); letter-spacing:var(--letter-spacing1); line-height:clamp(25px,2.6vw,36px); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
/* 기획공연 */
.m_section03 {padding:0 0 100px 0;}
.m_section03 > .bnr_wrap {overflow:hidden;}
.m_section03 > .bnr_wrap ul {display:flex;}
.m_section03 > .bnr_wrap ul li {flex:1; min-width:calc((100% - 50px) / 3);}
.m_section03 > .bnr_wrap ul li a {display:flex; flex-direction:column; position:relative; overflow:hidden;}
.m_section03 > .bnr_wrap ul li a .img_area img {aspect-ratio:570 / 369;}
.m_section03 > .bnr_wrap ul li a .date {padding:40px 0 10px; color:var(--color-gray3); font-weight:600; letter-spacing:var(--letter-spacing0);}
.m_section03 > .bnr_wrap ul li a .title {font-size:24px; font-family:var(--font-family1); letter-spacing:var(--letter-spacing1); line-height:clamp(25px,2.6vw,36px); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.m_section03 > .bnr_wrap .controls {position:absolute; right:0; top:0; display:flex; align-items:center; gap:4px; z-index:20;}
.m_section03 > .bnr_wrap .nav_btn {width:32px; height:32px; display:flex; align-items:center; justify-content:center; cursor:pointer; user-select:none;}
.m_section03 > .bnr_wrap .nav_btn::before {content:""; width:32px; height:32px; mask:url(/images/common/ico_arr04.svg) no-repeat 0 0; mask-size:contain; background-color:var(--color-gray0);}
.m_section03 > .bnr_wrap .nav_btn.next::before {transform:rotate(180deg);}
.m_section03 > .bnr_wrap .nav_btn.swiper-button-disabled::before {background-color:var(--color-gray6);}
.m_section03 > .btn_more {display:none;}
/* 티켓오픈예정 */
.m_section04 > ul {}
.m_section04 > ul > li {border-top:1px solid var(--color-gray0);}
.m_section04 > ul > li:first-child {border-top-width:2px;}
.m_section04 > ul > li > a {display:flex; align-items:center; justify-content:space-between; padding:40px 0 41px;}
.m_section04 > ul > li:first-child > a {padding:39px 0 41px;}
.m_section04 > ul > li > a .title_wrap {width:calc(100% - 486px); display:flex; align-items:center; position:relative;}
.m_section04 > ul > li > a .title_wrap .img_area {width:66px; height:88px; position:absolute; left:0; top:50%; transform:translate(0, -50%); opacity:0; transition:all .3s}
.m_section04 > ul > li > a .title_wrap .title {font-size:24px;  font-family:var(--font-family1); font-weight:500; letter-spacing:var(--letter-spacing1); display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; transition:all .3s;}
.m_section04 > ul > li > a .tag {width:162px; padding:0 20px; display:flex; justify-content:flex-end; align-items:center; box-sizing:border-box;}
.m_section04 > ul > li > a .tag em {display:inline-flex; justify-content:center; align-items:center; height:38px; padding:0 10px; color:var(--color-gray1); font-style:normal;}
.m_section04 > ul > li > a .tag em.ty01 {background-color:var(--color-sub1);}
.m_section04 > ul > li > a .tag em.ty02 {background-color:var(--color-sub2);}
.m_section04 > ul > li > a .dday {width:142px; padding-right:20px; color:var(--color-sub2); text-align:right; font-weight:700; box-sizing:border-box;}
.m_section04 > ul > li > a .dday.today {color:var(--color-gray0);}
.m_section04 > ul > li > a .date {width:178px; color:var(--color-gray6); text-align:right; font-weight:600;}
.m_section04 > ul > li > a:hover .title_wrap.imgOn .img_area,
.m_section04 > ul > li > a:focus-visible .title_wrap.imgOn .img_area {opacity:1;}
.m_section04 > ul > li > a:hover .title_wrap.imgOn .title,
.m_section04 > ul > li > a:focus-visible .title_wrap.imgOn .title {padding-left:86px;}
/*띠배너*/
.m_section05 {padding:40px 0 120px;}
.m_section05 > .bnr_wrap {overflow:hidden;}
.m_section05 > .bnr_wrap ul {display:flex;}
.m_section05 > .bnr_wrap ul li {flex:1; min-width:calc((100% - 50px) / 3);}
.m_section05 > .bnr_wrap ul li a {display:block;}
.m_section05 > .bnr_wrap ul li a img {aspect-ratio:570/156;}
/* 콘서트홀소식 */
.m_section06 {padding:0 0 100px;}
.m_section06 > ul {display:flex; gap:25px;}
.m_section06 > ul > li {flex:1;}
.m_section06 > ul > li > a {display:flex; flex-direction:column; position:relative; overflow:hidden; padding:40px 0 0 0;}
.m_section06 > ul > li > a::before {content:""; position:absolute; top:0; left:0; width:100%; height:2px; background-color:var(--color-gray0); transition:all .3s;}
.m_section06 > ul > li > a::after {content:""; position:absolute; right:0; bottom:0; width:32px; height:32px; background:url(/images/common/ico_arr01.svg) no-repeat 50% 50%; background-size:contain; opacity:0; transition:all .3s;}
.m_section06 > ul > li > a:hover::before,
.m_section06 > ul > li > a:focus-visible:before {height:5px; background-color:var(--color-sub1);}
.m_section06 > ul > li > a:hover::after,
.m_section06 > ul > li > a:focus-visible:after {opacity:1;}
.m_section06 > ul > li > a .cate {font-size:clamp(14px, 2.6vw, 14px); font-weight:600; letter-spacing:var(--letter-spacing0);}
.m_section06 > ul > li > a .title {height:72px; margin:10px 0 26px; font-size:24px; font-family:var(--font-family1); letter-spacing:var(--letter-spacing1); line-height:36px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.m_section06 > ul > li > a .date {font-size:14px; color:var(--color-gray6); letter-spacing:var(--letter-spacing0); font-weight:500;}
.m_section06 > ul > li > a:hover .title,
.m_section06 > ul > li > a:focus-visible .title {font-weight:500;}
@media (max-width:1920px){
    .m_section02 {margin:0 80px;}    
    .m_section03 {padding:0 80px 100px;}
    .m_section03 > .bnr_wrap .controls {right:80px}
    .m_section04 {padding:0 80px;}
    .m_section05 {padding:40px 80px 120px;}
    .m_section06 {padding:0 80px 100px;}
    .section > .btn_more {right:80px}
}
/*------------------------------------
    SUB
--------------------------------------*/
.sub #container {padding:110px 0 0 0;}
.sub.concertHall #container {padding:0;}
.page_title_wrap {padding:0 0 100px 0;}
.page_title_wrap.pack {padding-bottom:40px;}
.page_title_wrap h2,
.h2_title {padding:60px 0; font-family:var(--font-family1); font-size:36px; font-weight:500; letter-spacing:var(--letter-spacing2); text-align:center;}
.page_title_wrap h2.pdb0 {padding-bottom:0;}
.s_depth_nav ul {max-width:1280px; width:100%; margin:0 auto; display:flex;}
.s_depth_nav ul li {flex:1;}
.s_depth_nav ul li a,
.s_depth_nav ul li button {display:flex; width:100%; justify-content:center; align-items:center; height:80px; border-top:1px solid var(--color-gray7); box-sizing:border-box;}
.s_depth_nav ul li.active a,
.s_depth_nav ul li.active button,
.s_depth_nav ul li a:hover,
.s_depth_nav ul li button:hover,
.s_depth_nav ul li a:focus-visible,
.s_depth_nav ul li button:focus-visible {border-top:3px solid var(--color-gray0);}
.s_depth_nav ul li a span,
.s_depth_nav ul li button span {color:var(--color-gray6); font-weight:600;}
.s_depth_nav ul li.active a span,
.s_depth_nav ul li.active button span,
.s_depth_nav ul li a:hover span,
.s_depth_nav ul li button:hover span,
.s_depth_nav ul li a:focus-visible span,
.s_depth_nav ul li button:focus-visible span {color:var(--color-gray0); font-weight:700;}
.my_home_section {position:relative; max-width:1280px; width:100%; margin:0 auto; padding-top:100px;}
.my_home_section .h3_title {padding:0 0 25px; font-family:var(--font-family1); font-size:24px; font-weight:500; letter-spacing:var(--letter-spacing1); line-height:36px;}
.my_home_section .h3_title strong {color:var(--color-sub1); font-family:var(--font-family1); font-size:24px; font-weight:500; letter-spacing:var(--letter-spacing1); line-height:36px;}
@media (max-width:1320px){
    .my_home_section {max-width:none; padding:100px 20px 0; box-sizing:border-box;}
}
/*------------------------------------
    마이홈
--------------------------------------*/
.my_info_wrap {position:relative; max-width:1280px; width:100%; margin:0 auto; display:flex;}
.my_info_wrap .my_mem_card {display:flex; justify-content:center; align-items:center; width:300px; min-height:280px; background-color:var(--color-gray0); box-sizing:border-box;}
.my_mem_card::before {content:""; display:block; width:220px; height:140px; box-shadow:rgba(255, 255, 255, 0.5) 0 0 5px; border-radius:5px;}
.my_mem_card.member01::before {background:url(/images/sub/img_member01.png) no-repeat 50% 50%; background-size:cover;}
.my_mem_card.member02::before {background:url(/images/sub/img_member02.png) no-repeat 50% 50%; background-size:cover;}
.my_mem_card.member03::before {background:url(/images/sub/img_member03.png) no-repeat 50% 50%; background-size:cover;}
.my_mem_card.member04::before {background:url(/images/sub/img_member04.png) no-repeat 50% 50%; background-size:cover;}
.my_mem_card.member05::before {background:url(/images/sub/img_member05.png) no-repeat 50% 50%; background-size:cover;}
.my_mem_card.member06::before {background:url(/images/sub/img_member06.png) no-repeat 50% 50%; background-size:cover;}
.my_mem_card.member07::before {background:url(/images/sub/img_member07.png) no-repeat 50% 50%; background-size:cover;}
.my_mem_card.member04,
.my_mem_card.member05 {padding-bottom:54px;}
.my_mem_card .btn_lounge {display:flex; justify-content:center; align-items:center; gap:6px; width:300px; height:56px; position:absolute; left:0; bottom:0; background-color:var(--color-sub2);}
.my_mem_card .btn_lounge::before {content:""; width:18px; height:18px; background:url(/images/common/ico_lounge.svg) no-repeat 50% 50%;}
.my_mem_card .btn_lounge span {color:var(--color-gray1); font-size:16px; font-weight:600;}
.my_mem_card.member01 .btn_lounge,
.my_mem_card.member02 .btn_lounge,
.my_mem_card.member03 .btn_lounge,
.my_mem_card.member06 .btn_lounge,
.my_mem_card.member07 .btn_lounge {display:none;}
.my_info_wrap .my_mem_card h3 {position:absolute; left:340px; top:40px; font-family:var(--font-family1); font-size:24px; font-weight:500; letter-spacing:var(--letter-spacing1); line-height:36px;}
.my_info_wrap .my_mem_card h3 span,
.my_info_wrap .my_mem_card h3 strong {font-family:var(--font-family1); font-size:24px; font-weight:500; letter-spacing:var(--letter-spacing1); line-height:36px;}
.my_info_wrap .my_info {display:flex; align-items:flex-end; justify-content:space-between; margin-left:20px; width:calc(100% - 320px); padding:132px 40px 40px; border:2px solid var(--color-gray0); border-width:2px 0; box-sizing:border-box;}
.my_info_wrap .my_info > dl {max-width:410px; width:50%; display:flex; align-items:flex-start; flex-wrap:wrap;}
.my_info_wrap .my_info > dl dt {width:61px; font-size:16px; padding:5px 0 6px 0; font-weight:700; letter-spacing:var(--letter-spacing0); line-height:16px;}
.my_info_wrap .my_info > dl dd {width:calc(100% - 61px); padding:5px 0 6px 0; font-size:16px; font-weight:500; letter-spacing:var(--letter-spacing0); line-height:16px;}
.my_info_wrap .my_info > dl dd em {font-style:normal; font-weight:500;}
.my_info_wrap .my_info > dl dd strong {display:block; padding-top:5px; color:var(--color-sub1); font-weight:500;}
.my_info_wrap .my_info > .btn_area {max-width:470px; width:50%; display:flex; justify-content:flex-end; gap:10px; padding:0;}
.my_info_wrap .my_info > .btn_area > * {max-width:210px; width:100%;}
.my_info_wrap .btn_withdrawal {position:absolute; right:40px; bottom:-32px; text-decoration:underline; text-underline-offset:4px; z-index:11;}
.my_info_wrap .btn_withdrawal span {font-size:16px; color:var(--color-gray3);}

.expect_order_list {padding:0 0 91px 0;}
.expect_order_list .swiper-scrollbar.swiper-scrollbar-horizontal {width:100%; height:6px; background-color:var(--color-gray8); border-radius:0; left:0; right:0;}
.expect_order_list .swiper-scrollbar.swiper-scrollbar-horizontal.swiper-scrollbar-lock {display:block !important;}
.expect_order_list .swiper-scrollbar-drag {background-color:var(--color-sub1); border-radius:0;}
.order_box {position:relative; padding:50px 0 0 0; max-width:1050px;}
.order_box .img_area {position:absolute; left:50px; top:0;}
.order_box .img_area .img {width:300px; height:400px;}
.order_box .img_area .tag {position:absolute; left:0; top:0; display:flex; justify-content:center; align-items:center; width:68px; height:40px; background-color:var(--color-sub1); color:var(--color-gray1); font-size:16px; font-weight:600; font-style:normal;}
.order_box .prd_wrap {min-height:400px; padding:50px 50px 50px 400px; background-color:var(--color-gray4); box-sizing:border-box; display:flex; justify-content:space-between; flex-direction:column;}
.order_box .prd_wrap .dday {display:flex; align-items:flex-end; flex-direction:column; position:absolute; right:50px; top:100px; padding:0 0 0 47px; background:url(/images/common/ico_time01.svg) no-repeat 0 50%;}
.order_box .prd_wrap .dday em {color:var(--color-sub1); font-weight:700; font-style:normal;}
.order_box .prd_wrap .dday span {color:var(--color-gray3); font-weight:700;}
.order_box .prd_wrap .show_info button {width:100%; max-width:470px; text-align:left;}
.order_box .prd_wrap .show_info .title {width:100%; max-width:470px; font-size:32px; letter-spacing:var(--letter-spacing4); font-family:var(--font-family1); font-weight:500;}
.order_box .prd_wrap .show_info .date {width:100%; max-width:470px; padding:15px 0 0 0; color:var(--color-gray3); font-weight:600; letter-spacing:var(--letter-spacing0);}
.order_box .prd_wrap .perf_info {display:flex; gap:20px; padding:20px 0; margin-top:50px; border-top:2px solid var(--color-gray0); background:rgba(255, 255, 255, 0.50);}
.order_box .prd_wrap .perf_info dl {width:50%; padding:0 30px; box-sizing:border-box;}
.order_box .prd_wrap .perf_info dl + dl {border-left:1px solid var(--color-gray7);}
.order_box .prd_wrap .perf_info dl dt {padding:0 0 10px 0; color:var(--color-gray3); font-weight:600;}
.order_box .prd_wrap .perf_info dl dd {font-family:var(--font-family1); font-size:22px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.order_noData {background-color:var(--color-gray4); padding:0 80px 80px;}
.order_noData .noData_txt {padding:100px 0 50px 0; text-align:center; font-size:22px; font-family:var(--font-family1); color:var(--color-gray6);}
.order_noData > h4 {padding:0 0 15px 0; font-family:var(--font-family1); line-height:36px;}
.order_noData > h4 span {font-family:var(--font-family1);}
.order_noData > .order_noData_list ul {display:flex; gap:20px;}
.order_noData > .order_noData_list ul li {flex:1; min-width:calc((100% - 80px) / 5 );}
.order_noData > .order_noData_list ul li a {display:block;}
.order_noData > .order_noData_list ul li a img {aspect-ratio:3/4;}

.recent_order_list {border-top:2px solid var(--color-gray0);}
.recent_order_list li {border-top:1px solid var(--color-gray8);}
.recent_order_list li:first-child {border-top:0 none;}
.recent_order_list li > button {display:flex; align-items:center; width:100%; height:78px; text-align:left;}
.recent_order_list li > button span {width:100%; max-width:140px; color:var(--color-gray3); font-size:16px; font-weight:500; letter-spacing:var(--letter-spacing0);}
.recent_order_list li > button span:nth-child(1) {max-width:120px; color:var(--color-gray0); font-weight:600;}  
.recent_order_list li > button span:nth-child(2) {max-width:740px; color:var(--color-gray0); font-weight:600;}
.recent_order_list li > button span:nth-child(4) {max-width:180px;}
.recent_order_list li.noData {padding:210px 0; min-width:100%;}
.recent_order_list li.noData p {padding-top:149px; background:url(/images/common/bg_nodata.svg) no-repeat 50% 0; background-size:200px auto; font-family:var(--font-family1); font-weight:400; font-size:24px; text-align:center;}
.my_home_section .btn_more {position:absolute; right:0; top:106px;}
.my_home_section .btn_more span {display:block; position:relative; padding-right:24px; font-size:16px; line-height:24px;}
.my_home_section .btn_more span::after {content:""; position:absolute; right:0; top:0; width:24px; height:24px; background:url(/images/common/ico_arr03.svg) no-repeat 50% 50%; background-size:contain; transform:rotate(180deg);}
.my_quick_menu {padding:0 0 110px;}
.my_quick_menu ul {display:flex; gap:20px;}
.my_quick_menu ul li {flex:1; height:171px;}
.my_quick_menu ul li a {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px; border:2px solid var(--color-gray0); border-width:2px 0; height:100%; box-sizing:border-box;}
.my_quick_menu ul li a::before {content:""; width:40px; height:40px; background-color:var(--color-gray0);}
.my_quick_menu ul li a span {font-family:var(--font-family1); font-weight:400;}
.my_quick_menu ul li.quick01 a::before {mask:url(/images/sub/ico_my_quick01.svg) no-repeat 50% 50%; mask-size:contain;}
.my_quick_menu ul li.quick02 a::before {mask:url(/images/sub/ico_my_quick02.svg) no-repeat 50% 50%; mask-size:contain;}
.my_quick_menu ul li.quick03 a::before {mask:url(/images/sub/ico_my_quick03.svg) no-repeat 50% 50%; mask-size:contain;}
.my_quick_menu ul li.quick04 a::before {mask:url(/images/sub/ico_my_quick04.svg) no-repeat 50% 50%; mask-size:contain;}
.my_quick_menu ul li.quick05 a::before {mask:url(/images/sub/ico_my_quick05.svg) no-repeat 50% 50%; mask-size:contain;}
.my_quick_menu ul li a:hover,
.my_quick_menu ul li a:focus-visible {border-color:var(--color-sub2); background-color:var(--color-sub2);}
.my_quick_menu ul li a:hover span,
.my_quick_menu ul li a:focus-visible span {color:var(--color-gray1)}
.my_quick_menu ul li a:hover::before,
.my_quick_menu ul li a:focus-visible::before {background-color:var(--color-gray1);}

.tip_precaution {display:inline-block; position:relative;}
.tip_precaution .btn_tip {display:inline-block; width:16px; height:16px; margin-left:6px; mask:url(/images/common/ico_tip01.svg) no-repeat 0 0; mask-size:contain; background-color:var(--color-gray3); cursor:pointer; vertical-align:-2px;}
.tip_precaution > div {display:none; position:absolute; left:40px; top:0; width:387px; padding:25px 30px 25px 30px; border:1px solid var(--color-gray7); background-color:var(--color-gray1); z-index:11; box-sizing:border-box;}
.tip_precaution > div dl dt {padding-bottom:15px; color:var(--color-gray6); font-size:16px; letter-spacing:var(--letter-spacing0); font-weight:700;}
.tip_precaution > div dl dd p {color:var(--color-gray6); font-size:16px; letter-spacing:var(--letter-spacing0);}
.tip_precaution > div dl dd p + p {padding-top:15px;}
.tip_precaution > div .btn_close {position:absolute; right:20px; top:25px; width:20px; height:20px; mask:url(/images/common/ico_close03.svg) no-repeat 0 0; mask-size:11px 11px; background-color:var(--color-gray7);}

.ct_section {position:relative; max-width:1280px; width:100%; margin:0 auto; padding:0 0 100px 0;}
.ct_section.w100p {max-width:100%; padding:0;}
.ct_section .h3_title {padding:0 0 25px; font-family:var(--font-family1); font-size:24px; font-weight:500; letter-spacing:var(--letter-spacing1); line-height:36px;}
.s_title_wrap {display:flex; justify-content:space-between; align-items:center; padding:0 0 30px 0;}
.s_title_wrap .title {font-family:var(--font-family1); font-size:24px; font-weight:500;}
.s_title_wrap button.btn01.inquiry {width:120px;}
.dsg_select01 {position:relative; width:100%; max-width:214px; display:flex; flex-direction:column; align-items:flex-end;}
.dsg_select01 > button {display:flex; justify-content:space-between; align-items:center; width:100%; height:32px; justify-content:flex-end;}
.dsg_select01 > button::after {content:""; display:block; width:32px; height:32px; margin-left:10px; mask:url(/images/common/ico_arr05.svg) no-repeat 50% 50%; mask-size:contain; background-color:var(--color-gray0); transition:all .3s;}
.dsg_select01 > button.active::after {transform:rotate(180deg);}
.dsg_select01 > button span {font-weight:600;}
.dsg_select01 > ul {position:absolute; top:32px; left:0; width:100%; padding:20px; border:1px solid var(--color-gray7); background-color:var(--color-gray1); z-index:11; box-sizing:border-box; box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.10);; display:none; box-sizing:border-box;}
.dsg_select01 > ul li button {width:100%; padding:7px 0 8px; text-align:left;}
.dsg_select01 > ul li button span {color:var(--color-gray6); font-weight:600;}
.dsg_select01 > ul li button:hover span,
.dsg_select01 > ul li button:focus-visible span {color:var(--color-gray0);}

.dsg_select02 {position:relative; width:100%; max-width:212px; display:flex; flex-direction:column; align-items:flex-end;}
.dsg_select02 > button {display:flex; justify-content:space-between; align-items:center; width:100%; height:36px; justify-content:space-between; box-sizing:border-box; padding:0 0 0 20px; line-height:150%;}
.dsg_select02 > button::after {content:""; display:block; width:32px; height:32px; margin-left:10px; mask:url(/images/common/ico_arr05.svg) no-repeat 50% 50%; mask-size:contain; background-color:var(--color-gray6); transition:all .3s;}
.dsg_select02 > button.active::after {transform:rotate(180deg);}
.dsg_select02 > button span {font-weight:500; font-family:var(--font-family1); font-size:24px;}
.dsg_select02 > ul {position:absolute; top:36px; left:0; width:100%; padding:20px; border:1px solid var(--color-gray7); background-color:var(--color-gray1); z-index:11; box-sizing:border-box; box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.10);; display:none; box-sizing:border-box;}
.dsg_select02 > ul li button {width:100%; padding:7px 0 8px; text-align:left;}
.dsg_select02 > ul li button span {color:var(--color-gray3); font-weight:500; font-family:var(--font-family1); font-size:24px; line-height:150%;}
.dsg_select02 > ul li button:hover span,
.dsg_select02 > ul li button:focus-visible span {color:var(--color-gray0);}
@media (max-width:1320px){
    .ct_section {max-width:none; padding:0 20px 100px; box-sizing:border-box;}
}
.ct_title_wrap {padding:0 0 100px 0;}
.ct_title_wrap.pdt60 {padding:60px 0 100px 0;}
.ct_title_wrap.pdb0 {padding:0;}
.ct_title_wrap > h3 {font-size:36px; font-family:var(--font-family1); font-weight:500; letter-spacing:var(--letter-spacing2); line-height:54px; text-align:center; padding:0 0 2px 0;}
.ct_title_wrap > h3 em {font-size:36px; font-family:var(--font-family1); font-weight:500; letter-spacing:var(--letter-spacing2); line-height:54px; color:var(--color-sub1); font-style:normal;}
.ct_title_wrap > div {font-size:24px; font-family:var(--font-family1); font-weight:400; text-align:center; padding:10px 0 0 0;}
.ct_title_wrap .tip_precaution dl {text-align:left;}
.ct_title_wrap .tip_precaution > div {top:40px; left:auto; right:0;}

.ct_s_nav {}
.ct_title_wrap .ct_s_nav {padding:40px 0 0 0;}
.ct_s_nav ul {display:flex; justify-content:center;}
.ct_s_nav ul li {width:176px; height:58px;}
.ct_s_nav ul li a {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background-color:var(--color-gray1); border:1px solid var(--color-gray0); font-weight:700; color:var(--color-gray0); letter-spacing:var(--letter-spacing0);}
.ct_s_nav ul li + li a {width:calc(100% + 1px); margin-left:-1px;}
.ct_s_nav ul li.active a {background-color:var(--color-gray0); color:var(--color-gray1);}
/*------------------------------------
    게시판 - 리스트
--------------------------------------*/
.list_ty01 {border-top:2px solid var(--color-gray0);}
.list_label .label {display:flex; padding:30px 0; border:2px solid var(--color-gray0); border-width:0 0 2px 0;}

.list_ty01 ul {}
.list_ty01 ul li {border-top:1px solid var(--color-gray2);}
.list_ty01 ul li:first-child {border-top:0 none;}
.list_ty01 ul li > button {display:flex; align-items:center; width:100%; padding:20px 0; text-align:left;}
.list_ty01 ul li > button > span {text-align:center; color:var(--color-gray3);}
.list_ty01 ul li > button > span.listNo {color:var(--color-gray0)}

.list_label.membership .label span {text-align:center; font-weight:700;}
.list_label.membership .label #listNo,
.list_label.membership .listNo {width:100px; font-weight:600;}
.list_label.membership .label #listState,
.list_label.membership .listState {width:135px; font-weight:600; color:var(--color-gray0);}
.list_label.membership .label #listMethod,
.list_label.membership .listMethod,
.list_label.membership .label #listAmount,
.list_label.membership .listAmount,
.list_label.membership .label #listDate,
.list_label.membership .listDate {width:135px;}
.list_label.membership .label #listDate,
.list_label.membership .listDate {width:155px;}
.list_label.membership .label #listCate,
.list_label.membership .listCate {flex:1; justify-content:center;}
.list_label.membership ul li > button > span.wait,
.list_label.membership ul li > button > span.cancel {color:var(--color-sub1);}

.list_ty01.event ul li > button {padding:30px 0;}
.list_label.event .label span {font-weight:500;}
.list_label.event .label #listNo,
.list_label.event .listNo {width:120px; font-weight:600; text-align:left;}
.list_label.event .label #listWinDate,
.list_label.event .listWinDate {width:120px; text-align:center;}
.list_label.event .label #listDate,
.list_label.event .listDate {width:220px; text-align:center;}
.list_label.event .label #listTitle,
.list_label.event .listTitle {flex:1; text-align:left; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--color-gray0); font-weight:600;}


.list_ty01.notice ul li > button {padding:37px 0;}
.list_label.notice .label span {font-weight:700;}
.list_label.notice .label #listNo,
.list_label.notice .listNo {width:120px; font-weight:600; text-align:center;}
.list_label.notice .label #listCate,
.list_label.notice .listCate {width:120px; font-weight:600; text-align:center;}
.list_label.notice .label #listDate,
.list_label.notice .listDate {width:110px; text-align:center;}
.list_label.notice .label #listTitle,
.list_label.notice .listTitle {width:calc(100% - 335px);}
.list_label.notice .listTitle {display:flex; justify-content:space-between; align-items:center;}
.list_label.notice .listTitle strong {position:relative; padding-right:34px; text-align:left; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--color-gray0); font-weight:600;}
.list_label.notice .listTitle strong .file {width:24px; height:24px; background:url(/images/common/ico_file.svg) no-repeat 50% 50%; background-size:contain; position:absolute; right:0; top:50%; transform:translate(0, -50%); color:transparent; font-size:4px; text-indent:-9999px; overflow:hidden;}
.list_label.notice .listTitle .state {flex-shrink:0; width:210px; display:flex; gap:10px; justify-content:flex-end; padding-right:100px; box-sizing:border-box;}
.list_label.notice .listTitle .state .b_n {background-color:var(--color-sub2); color:var(--color-gray1); padding:3px 11px; font-size:16px; font-weight:500;}
.list_label.notice .listTitle .state .b_ipt {background-color:var(--color-sub1); color:var(--color-gray1); padding:3px 11px; font-size:16px; font-weight:500;}
.list_label.notice .listNo,
.list_label.notice .listCate {color:var(--color-gray6); font-weight:700;}
.list_label.notice .listDate {color:var(--color-gray6); font-weight:500;}


.list_ty01.notice2 ul li > button {padding:37px 0;}
.list_label.notice2 .label span {font-weight:700;}
.list_label.notice2 .label #listNo,
.list_label.notice2 .listNo {width:120px; font-weight:600; text-align:center;}
.list_label.notice2 .label #listDate,
.list_label.notice2 .listDate {width:110px; text-align:center;}
.list_label.notice2 .label #listTitle,
.list_label.notice2 .listTitle {width:calc(100% - 230px);}
.list_label.notice2 .listTitle {display:flex; justify-content:space-between; align-items:center;}
.list_label.notice2 .listTitle strong {position:relative; padding-right:34px; text-align:left; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--color-gray0); font-weight:600;}
.list_label.notice2 .listTitle strong .file {width:24px; height:24px; background:url(/images/common/ico_file.svg) no-repeat 50% 50%; background-size:contain; position:absolute; right:0; top:50%; transform:translate(0, -50%); color:transparent; font-size:4px; text-indent:-9999px; overflow:hidden;}
.list_label.notice2 .listNo {color:var(--color-gray6); font-weight:700;}
.list_label.notice2 .listDate {color:var(--color-gray6); font-weight:500;}

.list_ty01.coupon ul li > button {padding:30px 0;}
.list_label.coupon .label #listState,
.list_label.coupon .listState {width:140px; font-weight:600; text-align:center;}
.list_label.coupon .label #listDate,
.list_label.coupon .listDate {width:140px; text-align:center;}
.list_label.coupon .label #listCouponNum,
.list_label.coupon .listCouponNum,
.list_label.coupon .label #listValidity,
.list_label.coupon .listValidity {width:240px; text-align:center; font-weight:500;}
.list_label.coupon .label #listTitle,
.list_label.coupon .listTitle {flex:1; text-align:left;}
.list_label.coupon .listTitle ul {padding:10px 0 0 0}
.list_label.coupon .listTitle ul li {position:relative; border:0 none; color:var(--color-gray3); padding:0 0 0 10px; font-size:14px; line-height:21px; box-sizing:border-box;}
.list_label.coupon .listTitle ul li::before {content:""; position:absolute; left:0; top:7px; width:4px; height:4px; border-radius:4px; background-color:var(--color-gray3); border-radius:4px;}
.list_label.coupon .listTitle .tit {color:var(--color-gray3); font-weight:600;}
.list_label.coupon .mwGroup {flex:1; display:flex; justify-content:center; align-items:center;}
.list_label.coupon .mwGroup span {font-size:16px;}
.list_label.coupon ul span {color:var(--color-gray6)}
.list_label.coupon button.st_av .listState {color:var(--color-sub2);}
.list_label.coupon button.st_av .listCouponNum {color:var(--color-gray3);}
.list_label.coupon button.st_av .listValidity {color:var(--color-sub1);}
.list_label.coupon button.st_av .listTitle .tit {color:var(--color-gray0);}
.list_label.coupon button.st_av .listTitle ul li::before {background-color:var(--color-gray0);}
.list_label.coupon button.st_av .listTitle ul li {color:var(--color-gray0);}

.list_ty01 ul li.important {background-color:var(--color-gray4);}
.list_ty01 ul li.important .listNo {position:relative; color:transparent; font-size:4px;}
.list_ty01 ul li.important .listNo::before {content:""; position:absolute; left:50%; top:50%; width:20px; height:20px; background:url(/images/common/ico_important.svg) no-repeat 50% 50%; background-size:contain; transform:translate(-50%, -50%);}

.list_ty01.membership ul li > button > span strong.my_mem_card {position:relative; display:flex; align-items:flex-start; margin:0 auto; overflow:hidden; border-radius:7px; width:200px; height:126px; padding-top:10px; box-sizing:border-box;}
.list_ty01.membership ul li > button > span strong.my_mem_card > span {position:absolute; bottom:0; left:50%; transform:translate(-50%, 0); color:var(--color-gray1); font-size:14px; line-height:25px; z-index:1}
.list_ty01.membership ul li > button > span strong.my_mem_card::before {content:""; width:200px; height:126px; position:absolute; left:0; top:0; z-index:-1;}
.list_ty01.membership ul li > button > span strong.my_mem_card::after{content:""; height:25px; background:rgba(0, 0, 0, 0.50); position:absolute; left:0; right:0; bottom:0;}

.list_ty01.inquiry ul li > button {padding:30px 0;}
.list_label.inquiry .label span {font-weight:500;}
.list_label.inquiry .label #listNo,
.list_label.inquiry .listNo {width:120px; font-weight:600; text-align:center;}
.list_label.inquiry .label #listState,
.list_label.inquiry .listState {width:120px; text-align:center;}
.list_label.inquiry .label #listDate,
.list_label.inquiry .listDate {width:220px; text-align:center;}
.list_label.inquiry .label #listTitle {flex:1; text-align:left; min-width:0;}
.list_label.inquiry .label #listTitle,
.list_label.inquiry .listTitle {width:calc(100% - 460px);}
.list_label.inquiry .listTitle {display:flex; justify-content:space-between; align-items:center;}
.list_label.inquiry .listTitle strong {position:relative; padding-right:34px; text-align:left; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--color-gray0); font-weight:600;}
.list_label.inquiry .listTitle strong .file {width:24px; height:24px; background:url(/images/common/ico_file.svg) no-repeat 50% 50%; background-size:contain; position:absolute; right:0; top:50%; transform:translate(0, -50%); color:transparent; font-size:4px; text-indent:-9999px; overflow:hidden;}
.list_label.inquiry .listState em {font-style:normal; font-size:16px; font-weight:500; padding:6px 12px 5px; border:1px solid var(--color-gray0); line-height:normal;}
.list_label.inquiry .listState em.re_state.ty01 {color:var(--color-gray3); border-color:var(--color-gray3);}
.list_label.inquiry .listState em.re_state.ty02 {color:var(--color-sub1); border-color:var(--color-sub1);}

.list_ty01.list_label .label > span {font-weight:600 !important;}

.list_ty01 .noData {padding:210px 0; min-width:100%;}
.list_ty01 .noData p {padding-top:149px; background:url(/images/common/bg_nodata.svg) no-repeat 50% 0; background-size:200px auto; font-family:var(--font-family1); font-weight:400; font-size:24px; text-align:center;}

.list_ty02 {}
.list_ty02 > ul {display:flex; gap:40px; flex-wrap:wrap;}
.list_ty02 > ul li {flex:1; min-width:calc((100% - 40px) / 2); max-width:calc((100% - 40px) / 2); padding:20px 0; box-sizing:border-box;}
.list_ty02 > ul li:nth-child(-n+2) {padding-top:0;}
.list_ty02 > ul li > button {text-align:left;}
.list_ty02 > ul li > button .thumb {width:100%; }
.list_ty02 > ul li > button .thumb img {aspect-ratio:620 / 348;}
.list_ty02 > ul li.evEnded > button .thumb img {filter:grayscale(100%) brightness(1.2);}
.list_ty02 > ul li > button .prd_info {position:relative; padding:30px 0 0 0;}
.list_ty02 > ul li > button .prd_info .cate {position:absolute; left:0; top:-40px; padding:12px 20px; background-color:var(--color-gray0); color:var(--color-gray1); font-size:16px; font-weight:600; letter-spacing:var(--letter-spacing0); line-height:100%; font-style:normal;}
.list_ty02 > ul li > button .prd_info .title {display:flex; align-items:center; width:100%; height:56px; margin:0 0 30px 0; font-family:var(--font-family1); font-size:22px; letter-spacing:var(--letter-spacing1); line-height:28px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.list_ty02 > ul li > button .prd_info .evt_info {border-top:1px solid var(--color-gray7); padding:30px 0 0 0;}
.list_ty02 > ul li > button .prd_info .evt_info dl {display:flex; padding-top:10px;}
.list_ty02 > ul li > button .prd_info .evt_info dl:first-child {padding-top:0;}
.list_ty02 > ul li > button .prd_info .evt_info dl dt {width:121px; color:var(--color-gray3); font-weight:700;}
.list_ty02 > ul li > button .prd_info .evt_info dl dd {width:calc(100% - 121px); color:var(--color-gray3);}
.list_ty02 .noData {padding:210px 0; min-width:100%;}
.list_ty02 .noData p {padding-top:149px; background:url(/images/common/bg_nodata.svg) no-repeat 50% 0; background-size:200px auto; font-family:var(--font-family1); font-weight:400; font-size:24px; text-align:center;}

.list_ty03 {border-top:2px solid var(--color-gray0);}
.list_ty03 > ul {}
.list_ty03 > ul li + li {border-top:1px solid var(--color-gray2);}
.list_ty03 > ul li:first-child {border-top:0 none;}
.list_ty03 > ul li > button {display:flex; align-items:center; width:100%; padding:30px 0; text-align:left; position:relative; }
.list_ty03 .listTitle {width:calc(100% - 62px); color:var(--color-gray0); font-weight:600; font-family:var(--font-family1); font-size:22px; font-weight:400;}
.list_ty03 > ul li > button::after {content:""; width:32px; height:32px; position:absolute; right:0; top:50%; mask:url(/images/common/ico_arr05.svg) no-repeat 0 0; mask-size:contain; background-color:var(--color-gray2); transform:translate(0, -50%) rotate(270deg);}
.list_ty03 .noData {padding:210px 0; min-width:100%;}
.list_ty03 .noData p {padding-top:149px; background:url(/images/common/bg_nodata.svg) no-repeat 50% 0; background-size:200px auto; font-family:var(--font-family1); font-weight:400; font-size:24px; text-align:center;}

.list_ty04 {max-width:1280px; width:100%; margin:0 auto; padding:0 0 100px 0;}
.list_ty04 > ul {border-top:1px solid var(--color-gray0);}
.list_ty04 > ul > li + li {border-top:1px solid var(--color-gray0);}
.list_ty04 > ul > li:first-child {border-top:0 none;}
.list_ty04 > ul > li > button {display:flex; align-items:center; width:100%; padding:40px 42px 40px 0; text-align:left; position:relative; }
.list_ty04 > ul > li > button::after {content:""; width:32px; height:32px; position:absolute; right:0; top:50%; mask:url(/images/common/ico_arr05.svg) no-repeat 0 0; mask-size:contain; background-color:var(--color-gray6); transform:translate(0, -50%) rotate(270deg);}
.list_ty04 > ul > li > button .tit {display:flex; width:100%;}
.list_ty04 > ul > li > button .tit > span {width:35px; font-family:var(--font-family1); font-size:24px; font-weight:500;}
.list_ty04 > ul > li > button .tit > strong {width:calc(100% - 35px); font-family:var(--font-family1); font-size:24px; font-weight:500;}
.list_ty04 > ul > li > .answer_wrap {display:none; padding:20px 10px 80px 0;}
.list_ty04 > ul > li.active > .answer_wrap {display:flex;}
.list_ty04 > ul > li > .answer_wrap > span {width:35px; font-family:var(--font-family1); font-size:24px; font-weight:500;}
.list_ty04 > ul > li > .answer_wrap .txt {width:calc(100% - 35px); font-size:16px; font-weight:500; line-height:28px;}
.list_ty04 > ul > li > .answer_wrap .txt * {font-size:16px; font-weight:500; line-height:28px;}
.list_ty04 > ul > li > .answer_wrap .txt a {color:var(--color-sub1)} 
.list_ty04 > ul > li > .answer_wrap .txt strong {font-weight:700;}
.list_ty04 > ul > li .answer_wrap {border-top:1px solid var(--color-gray7);}
.list_ty04 .noData {padding:210px 0; min-width:100%;}
.list_ty04 .noData p {padding-top:149px; background:url(/images/common/bg_nodata.svg) no-repeat 50% 0; background-size:200px auto; font-family:var(--font-family1); font-weight:400; font-size:24px; text-align:center;}
.list_ty04 + .paging {padding-bottom:100px;}

@media (max-width:1280px){
    .list_ty04 ul li > button {padding:40px 62px 40px 20px;}
    .list_ty04 ul li > button::after {right:20px;}
    .list_ty04 ul li > .answer_wrap {padding:20px 20px 80px; box-sizing:border-box;}
}

.thumb_list01 {padding:0 0 140px 0;}
.thumb_list01 ul {display:flex; gap:30px; flex-wrap:wrap;}
.thumb_list01 ul li {flex:1; min-width:calc((100% - 90px) / 4); max-width:calc((100% - 90px) / 4); padding:25px 0; box-sizing:border-box;}
.thumb_list01:not(.thumb_list01.listView) ul li:nth-child(-n+4) {padding-top:0;}
.thumb_list01 ul li a {display:block; position:relative;}
.thumb_list01 ul li a .thumb {width:100%; aspect-ratio:3/4;}
.thumb_list01 ul li a .thumb img {aspect-ratio:3/4; width:100%;}
.thumb_list01 ul li a .prd_info {padding:30px 0 0 0;}
.thumb_list01 ul li a .prd_info .classify {position:absolute; right:0; top:0;}
.thumb_list01 ul li a .prd_info .classify span {display:inline-flex; align-items:center; justify-content:center; padding:8px 12px; background-color:var(--color-sub1); color:var(--color-gray1); font-size:16px; font-weight:600;}
.thumb_list01 ul li a .prd_info .classify span::before {content:""; width:13px; height:13px; margin-right:2px; background:url(/images/common/ico_goods01.svg) no-repeat 50% 50%; background-size:contain;}
.thumb_list01 ul li a .prd_info .tit {font-size:22px; font-family:var(--font-family1); line-height:33px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.thumb_list01 ul li a .prd_info .date {padding:10px 0 0 0; color:var(--color-gray3); font-size:20px; font-weight:500;}
.thumb_list01 ul li a .prd_info .state {padding:10px 0 0 0; color:var(--color-sub1); font-weight:500;}
.thumb_list01 ul li a .prd_info .state.end {color:var(--color-gray6)}
.thumb_list01.interest ul li {position:relative;}
.thumb_list01.interest ul li .btn_favorite {position:absolute; right:15px; top:40px; width:24px; height:24px;}
.thumb_list01.interest ul li:nth-child(-n+4) .btn_favorite {top:15px; right:15px;}
.thumb_list01.interest ul li .btn_favorite {background-image:url(/images/common/ico_favorite.svg); background-size:contain;}
.thumb_list01.interest ul li .btn_favorite.active {background-image:url(/images/common/ico_favorite_full.svg);}
.thumb_list01.interest ul li.endShow .thumb {position:relative; background-color:var(--color-gray1);}
.thumb_list01.interest ul li.endShow .thumb img {opacity:0.3;}
.thumb_list01.interest ul li.endShow .thumb::before {content:'공연종료'; position:absolute; left:0; top:0; display:inline-flex; align-items:center; justify-content:center; padding:8px 12px; background-color:var(--color-gray0); color:var(--color-gray1); font-size:16px; font-weight:600; z-index:1;}
.thumb_list01.listView ul {display:block; width:100%; border-top:1px solid var(--color-gray7);}
.thumb_list01.listView ul li {min-width:auto; max-width:none; width:100%; border-bottom:1px solid var(--color-gray7); padding:0;}
.thumb_list01.listView ul li a {display:flex; align-items:center; padding:20px 0;}
.thumb_list01.listView ul li a .thumb {width:150px;}
.thumb_list01.listView ul li a .prd_info {width:calc(100% - 150px); padding:0 0 0 40px; box-sizing:border-box;}
.thumb_list01.listView ul li a .prd_info .classify {position:static;}
.thumb_list01.listView ul li a .prd_info .tit {padding-top:10px;}
.thumb_list01.listView ul li a .classify span.state.ty01 {background-color:var(--color-gray0)}
.thumb_list01.listView ul li a .classify span.state.ty02 {background-color:var(--color-gray4); border:1px solid var(--color-gray7); color:var(--color-gray6);}
.thumb_list01.listView ul li a .classify span.state::before {display:none;}
.thumb_list01 ul li.noData {padding:210px 0; min-width:100%;}
.thumb_list01 ul li.noData p {padding-top:149px; background:url(/images/common/bg_nodata.svg) no-repeat 50% 0; background-size:200px auto; font-family:var(--font-family1); font-weight:400; font-size:24px; text-align:center;}

.thumb_list02 {padding-bottom:80px;}
.thumb_list02 li + li {border-top:1px solid var(--color-gray0);}
.thumb_list02 li a {display:flex; padding:40px 0;}
.thumb_list02 li a .thumb {aspect-ratio:720 / 466; flex:1;}
.thumb_list02 li a .thumb img {aspect-ratio:720 / 466;}
.thumb_list02 li a .prd_info {flex:1; display:flex; flex-direction:column; justify-content:center; padding-right:40px; box-sizing:border-box;}
.thumb_list02 li a .prd_info .tit {font-size:32px; font-weight:500; font-family:var(--font-family1);}
.thumb_list02 li a .prd_info .s_tit {padding:15px 0 0 0; font-size:22px; font-family:var(--font-family1);}
.thumb_list02 ul li.noData {padding:210px 0; min-width:100%;}
.thumb_list02 ul li.noData p {padding-top:149px; background:url(/images/common/bg_nodata.svg) no-repeat 50% 0; background-size:200px auto; font-family:var(--font-family1); font-weight:400; font-size:24px; text-align:center;}

.thumb_list03 {padding-bottom:80px;}
.thumb_list03 > ul > li {border-top:1px solid var(--color-gray0);}
.thumb_list03 > ul > li:first-child {border-top:0 none}
.thumb_list03 > ul > li a {display:flex; align-items:stretch; padding:20px 0;}
.thumb_list03 > ul > li a .thumb {width:600px; height:600px; display:flex; align-items:center; justify-content:center; overflow:hidden; background-color:var(--color-gray0);}
.thumb_list03 > ul > li a .thumb img {width:100%; max-height:fit-content}
.thumb_list03 > ul > li a .prd_info {flex:1; display:flex; flex-direction:column; justify-content:space-between; padding:60px 40px; box-sizing:border-box;}
.thumb_list03 > ul > li a .prd_info .tit {font-size:32px; font-weight:500; font-family:var(--font-family1);}
.thumb_list03 > ul > li a .prd_info .s_tit {padding:19px 0 0 0; font-size:18px; font-weight:600;}
.thumb_list03 > ul > li a .prd_info > ul li {position:relative; padding:12px 0 12px 44px; line-height:24px; font-weight:600;}
.thumb_list03 > ul > li a .prd_info > ul li + li {border-top:1px solid var(--color-gray7);}
.thumb_list03 > ul > li a .prd_info > ul li::before {content:""; position:absolute; left:0; top:12px; width:24px; height:24px; background-color:var(--color-gray0); mask-size:contain; mask-position:50% 50%; mask-repeat:no-repeat;}
.thumb_list03 > ul > li a .prd_info > ul li.period::before,
.thumb_list03 > ul > li a .prd_info > ul li:nth-child(1)::before {mask-image:url(/images/common/ico_calendar.svg);}
.thumb_list03 > ul > li a .prd_info > ul li.schedule::before,
.thumb_list03 > ul > li a .prd_info > ul li:nth-child(2)::before {mask-image:url(/images/common/ico_open.svg);}
.thumb_list03 > ul > li a .prd_info > ul li.price::before,
.thumb_list03 > ul > li a .prd_info > ul li:nth-child(3)::before {mask-image:url(/images/common/ico_ticket.svg);}
.thumb_list03 > ul > li.noData {padding:210px 0; min-width:100%;}
.thumb_list03 > ul > li.noData p {padding-top:149px; background:url(/images/common/bg_nodata.svg) no-repeat 50% 0; background-size:200px auto; font-family:var(--font-family1); font-weight:400; font-size:24px; text-align:center;}

.year_list {width:100%; max-width:1480px; margin:0 auto;}
.year_list .label {display:flex; border-bottom:2px solid var(--color-gray0); border-top:2px solid var(--color-gray0);}
.year_list .label span {display:flex; padding:30px 0; font-weight:700; text-align:center;}
.year_list .label span b {font-weight:700;}
.year_list .label span:first-child {width:190px; justify-content:center;}
.year_list .label span:last-child {width:calc(100% - 190px);}
.year_list .label span:last-child b {width:15%; text-align:center;}
.year_list .label span:last-child b:last-child {width:70%}
.year_list > section {display:flex; border-bottom:1px solid var(--color-gray0);}
.year_list > section h4 {width:190px; display:flex; align-items:center; justify-content:center;}
.year_list > section h4 strong {display:block; font-family:var(--font-family1); font-size:24px; text-align:center;}
.year_list > section h4 em {display:block; padding:4px 0 0 0; font-family:var(--font-family1); font-size:16px; font-style:normal; text-align:center;}
.year_list > section ul {width:calc(100% - 190px);}
.year_list > section ul li {width:100%; border-top:1px solid var(--color-gray7);}
.year_list > section ul li:first-child {border-top:0 none;}
.year_list > section ul li button {display:flex; width:100%; text-align:left;}
.year_list > section ul li button > div {display:flex; flex-shrink:0; justify-content:center; align-items:center; width:15%; height:78px; padding:0 15px; font-weight:600; box-sizing:border-box;transition:all .3s;}
.year_list > section ul li button > div strong {transition:all .3s; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.year_list > section ul li button > div span,
.year_list > section ul li button > div strong {font-weight:600;}
.year_list > section ul li button > div:last-child {width:70%; justify-content:flex-start;}
.year_list > section ul li button > div .poster {opacity:0; transition:opacity .5s;}
.year_list > section ul li.active button > div {position:relative; background-color:var(--color-gray0); color:var(--color-gray1);}
.year_list > section ul li.active button > div.classify span {color:var(--color-gray1);}
.year_list > section ul li.active button > div strong {padding:0 0 0 102px; color:var(--color-gray1);}
.year_list > section ul li.active button > div .poster {opacity:1; position:absolute; left:0; top:50%; width:87px; height:116px; background-size:100% 100%; background-position:50% 50%; background-repeat:no-repeat; transform:translate(0, -50%);}
.year_list > section ul.noDataWrap {width:100%;}
.year_list > section ul.noDataWrap li.noData {padding:210px 0; min-width:100%;}
.year_list > section ul.noDataWrap li.noData p {padding-top:149px; background:url(/images/common/bg_nodata.svg) no-repeat 50% 0; background-size:200px auto; font-family:var(--font-family1); font-weight:400; font-size:24px; text-align:center;}

.monthly_list {}
.monthly_list table {width:100%; table-layout:fixed;}
.monthly_list thead th,
.monthly_list tbody td {width:calc(100%  / 7); vertical-align:top; box-sizing:border-box;}
.monthly_list thead th {height:55px; padding:0 0 0 12px; font-weight:700; text-align:left; border-bottom:1px solid var(--color-gray0); vertical-align:middle;}
.monthly_list thead th:first-child {color:var(--color-sub1);}
.monthly_list thead th:last-child {color:#004AC1;}
.monthly_list tbody td {border-bottom:1px solid var(--color-gray7); border-right:1px solid var(--color-gray7);}
.monthly_list tbody td:last-child {border-right:0 none;}
.monthly_list tbody td > div {min-height:222px;}
.monthly_list tbody td > div > .day {padding:15px; pointer-events:none; cursor:default;}
.monthly_list tbody td > div > .day span {font-size:60px; font-family:var(--font-family1); font-weight:300;}
.monthly_list tbody td.today {background-color:var(--color-gray4);}
.monthly_list tbody td.offDay > div > .day span {color:var(--color-gray7)}
.monthly_list tbody td.today > div > .day span {font-weight:500; color:var(--color-gray0);}
.monthly_list tbody td > div > ul {padding:0 0 40px 0;}
.monthly_list tbody td > div > ul li {padding:20px 0 0 0;}
.monthly_list tbody td > div > ul li button {position:relative; text-align:left; padding:0 15px; width:100%;}
.monthly_list tbody td > div > ul li button::before {content:""; position:absolute; left:-2px; top:0; bottom:0; width:4px; background-color:var(--color-gray0);}
.monthly_list tbody td > div > ul li.plan button::before {background-color:var(--color-sub1);}
.monthly_list tbody td > div > ul li button .tit {font-size:16px; margin:10px 0;}
.monthly_list tbody td > div > ul li button .poster {width:153px; height:0; overflow:hidden; background-size:153px 204px; transition:all .3s;}
.monthly_list tbody td > div > ul li button .classify {height:0; overflow:hidden; transition:all .3s;}
.monthly_list tbody td > div > ul li button .classify span {display:inline-flex; align-items:center; justify-content:center; padding:8px 12px; background-color:var(--color-sub1); color:var(--color-gray1); font-size:14px; font-weight:500;}
.monthly_list tbody td > div > ul li button .classify span::before {content:""; width:13px; height:13px; margin-right:2px; background:url(/images/common/ico_goods01.svg) no-repeat 50% 50%; background-size:contain;}
.monthly_list tbody td > div > ul li button.active .poster {height:204px;}
.monthly_list tbody td > div > ul li button.active .classify {height:33px}
.monthly_list.tk_open tbody td > div > ul li button::before {display:none;}
.monthly_list.tk_open tbody td > div > ul li button .tk_open_time {display:flex; flex-wrap:wrap; gap:5px;}
.monthly_list.tk_open tbody td > div > ul li button .tk_open_time em {height:24px; padding:0 5px; border:1px solid var(--color-gray3); font-size:16px; line-height:24px; font-style:normal; box-sizing:border-box;}
.monthly_list.tk_open tbody td > div > ul li button .tit {font-size:16px; font-weight:700;}
@media (max-width:1320px){
    .monthly_list tbody td > div > ul li button .poster {width:107px; background-size:107px 143px;}
    .monthly_list tbody td > div > ul li button.active .poster {height:143px;}
}
.mwMonthly, .pu_monthly {display:none;}

.tkOp_ty01::before {content:"V"; display:inline-flex; justify-content:center; align-items:center; width:24px; height:24px; background-color:var(--color-sub2); color:var(--color-gray1); font-size:16px; line-height:24px;}
.tkOp_ty02::before {content:"M"; display:inline-flex; justify-content:center; align-items:center; width:24px; height:24px; background-color:var(--color-gray0); color:var(--color-gray1); font-size:16px; line-height:24px;}
.tkOp_ty03::before {content:"T"; display:inline-flex; justify-content:center; align-items:center; width:24px; height:24px; background-color:var(--color-gray3); color:var(--color-gray1); font-size:16px; line-height:24px;}
.tkOp_ty04::before {content:"A"; display:inline-flex; justify-content:center; align-items:center; width:24px; height:24px; background-color:#E7E4E1; color:#C70017; font-size:16px; line-height:24px;}

.tk_open_info {display:flex; justify-content:center; gap:20px; padding:0 0 60px;}
.tk_open_info strong {display:flex; align-items:center; gap:10px; font-size:16px; font-weight:500;}

/*------------------------------------
    게시판 - 검색
--------------------------------------*/
.board_sch_wrap {max-width:1280px; width:100%; margin:0 auto; padding:100px 0; box-sizing:border-box;}
.board_sch_wrap .sch_wrap form {display:flex; justify-content:center; gap:15px; width:100%;}
.board_sch_wrap .sch_wrap form .ip_form {max-width:600px; width:100%; position:relative; padding-right:64px; border-bottom:1px solid var(--color-gray6); box-sizing:border-box;}
.board_sch_wrap .sch_wrap form .ip_form input {width:100%; height:60px; padding:0 20px; box-sizing:border-box; font-size:16px; color:var(--color-gray0); border:none; background-color:transparent;}
.board_sch_wrap .sch_wrap form .ip_form input::placeholder {color:var(--color-gray6);}
.board_sch_wrap .sch_wrap form .ip_form .btn_sch {position:absolute; right:0; top:50%; transform:translate(0, -50%); width:64px; height:60px; mask:url(/images/common/ico_sch01.svg) no-repeat 50% 50%; mask-size:24px 24px; background-color:var(--color-gray6); cursor:pointer;}
.board_sch_wrap.interest {display:flex; justify-content:space-between; align-items:center; padding:60px 0 30px}
.board_sch_wrap.interest .dsg_select01 {max-width:143px;}
.board_sch_wrap.interest .btn_delete {width:145px; height:64px; display:flex; justify-content:center; align-items:center; border:1px solid var(--color-gray7);}
.board_sch_wrap.interest .btn_delete::before {content:""; width:24px; height:24px; margin-right:8px; background:url(/images/common/ico_del.svg) no-repeat 50% 50%; background-size:contain;}
.board_sch_wrap.interest .btn_delete span {font-size:16px; font-weight:500;}

.goods_sch_wrap {display:flex; justify-content:space-between; align-items:center; max-width:1280px; width:100%; margin:0 auto; padding:60px 0; box-sizing:border-box;}
.goods_sch_wrap .calendar_sch_wrap {max-width:298px; width:100%; position:relative;}
.goods_sch_wrap .calendar_sch_wrap > button {display:flex; align-items:center; width:100%; height:60px; border:1px solid var(--color-gray7); border-width:0 0 1px 0; position:relative;}
.goods_sch_wrap .calendar_sch_wrap > button::before {content:""; width:24px; height:24px; background:url(/images/common/ico_calendar.svg) no-repeat 0 0;}
.goods_sch_wrap .calendar_sch_wrap > button::after {content:""; width:32px; height:32px; position:absolute; right:10px; top:50%; mask:url(/images/common/ico_arr05.svg) no-repeat 0 0; mask-size:contain; background-color:var(--color-gray0); transform:translate(0, -50%);}
.goods_sch_wrap .calendar_sch_wrap > button strong {padding-left:10px; font-weight:700;}
.goods_sch_wrap .calendar_sch_wrap > button.active strong {font-size:15px;}
.goods_sch_wrap .calendar_sch_wrap > button.calOn::after {transform:translate(0, -50%) rotate(180deg);}
.goods_sch_wrap .sch_wrap {width:calc(100% - 328px);}
.goods_sch_wrap .sch_wrap form {display:flex; justify-content:center; gap:15px; width:100%;}
.goods_sch_wrap .sch_wrap form .ip_form {width:100%; position:relative; padding-right:64px; border-bottom:1px solid var(--color-gray6); box-sizing:border-box;}
.goods_sch_wrap .sch_wrap form .ip_form input {width:100%; height:60px; padding:0 20px; box-sizing:border-box; font-size:16px; color:var(--color-gray0); border:none; background-color:transparent;}
.goods_sch_wrap .sch_wrap form .ip_form input::placeholder {color:var(--color-gray6);}
.goods_sch_wrap .sch_wrap form .ip_form .btn_sch {position:absolute; right:0; top:50%; transform:translate(0, -50%); width:64px; height:60px;  cursor:pointer;}
.goods_sch_wrap .sch_wrap form .ip_form .btn_sch::before {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:64px; height:60px; mask:url(/images/common/ico_sch01.svg) no-repeat 50% 50%; mask-size:24px 24px; background-color:var(--color-gray6);}

.goods_sch_wrap.year {padding:0 0 30px 0;}
.goods_sch_wrap .year_sch_wrap {position:relative; display:flex; align-items:center; justify-content:center; width:274px; height:48px; padding:0 48px; box-sizing:border-box;}
.goods_sch_wrap .year_sch_wrap strong {display:block; font-size:36px; font-family:var(--font-family1); font-weight:500; text-align:center;}
.goods_sch_wrap .year_sch_wrap button {position:absolute; top:0; width:48px; height:48px;}
.goods_sch_wrap .year_sch_wrap button::before {content:''; position:absolute; left:0; top:0; width:48px; height:48px; mask:url(/images/common/ico_arr03.svg) no-repeat 100% 50%; background-color:var(--color-gray6);}
.goods_sch_wrap .year_sch_wrap button.btn_prev {left:0;}
.goods_sch_wrap .year_sch_wrap button.btn_next {right:0; transform:rotate(180deg);}
.goods_sch_wrap .cate_sch_wrap {display:flex;}
.goods_sch_wrap .cate_sch_wrap button {display:flex; align-items:center;}
.goods_sch_wrap .cate_sch_wrap button + button {margin-left:16px}
.goods_sch_wrap .cate_sch_wrap button::before {content:''; width:32px; height:32px; margin-right:7px; background:url(/images/common/bg_rdo_bas.svg) no-repeat 0 0;}
.goods_sch_wrap .cate_sch_wrap button.active::before {background:url(/images/common/bg_rdo_chk.svg) no-repeat 0 0;}
.goods_sch_wrap .cate_sch_wrap button span {font-weight:700;}

/* 월간일정 커스텀 셀렉트 */
.goods_sch_wrap.month {padding:0 0 60px;}
.goods_sch_wrap.month h3 {font-size:60px; font-family:var(--font-family1); letter-spacing:-1.2px;}
.month_sch_wrap {display:flex; gap:15px;}
.month_sch_wrap .custom_select {position:relative; width:120px;}
.month_sch_wrap .custom_select .select_btn {display:flex;}
.month_sch_wrap .custom_select .select_btn::after {content:''; width:40px; height:40px; mask:url(/images/common/ico_arr03.svg) no-repeat 50% 50%; mask-size:contain; background-color:var(--color-gray7); transform:rotate(270deg); transition:transform 0.3s;}
.month_sch_wrap .custom_select .select_btn span {border-bottom:2px solid var(--color-gray7); font-size:40px; font-family:var(--font-family1);}
.month_sch_wrap .custom_select.year .select_btn span {color:var(--color-sub2);}
.month_sch_wrap .custom_select.active .select_btn {border-color:var(--color-gray0);}
.month_sch_wrap .custom_select.active .select_btn::after {transform:rotate(90deg);}
.month_sch_wrap .custom_select .select_list {display:none; position:absolute; top:100%; left:-40px; width:calc(100% + 40px); padding:5px 0; overflow-y:auto; background-color:#fff; border:1px solid var(--color-gray7); box-shadow:0 4px 12px rgba(0,0,0,0.1); z-index:55;}
.month_sch_wrap .custom_select.active .select_list {display:block;}
.month_sch_wrap .custom_select .select_list li button {display:block; width:100%; padding:15px 35px; text-align:right; font-family:var(--font-family1); color:var(--color-gray6); font-size:40px; border:none; background:none; cursor:pointer; transition:background-color 0.2s;}
.month_sch_wrap .custom_select .select_list li button:hover {background-color:var(--color-gray8);}
.month_sch_wrap .custom_select .select_list li button.active {color:var(--color-gray0);}
.month_sch_wrap .custom_select.year .select_list li button.active {color:var(--color-sub2);}

.calendar_wrap .btn_area {padding:0; gap:10px;}
.calendar_wrap .btn_area .btn_show_sch {background-color:var(--color-gray7); width:calc(100% - 56px); height:46px;}
.calendar_wrap .btn_area .btn_show_sch.active {background-color:var(--color-gray0);}
.calendar_wrap .btn_area .btn_show_sch span {color:var(--color-gray1); font-size:16px; font-weight:600;}
.calendar_wrap .btn_area .btn_reset {width:46px; height:46px; border:1px solid var(--color-gray7); background:var(--color-gray1) url(/images/common/ico_reset01.svg) no-repeat 50% 50%; background-size:24px 24px;}
/*------------------------------------
    게시판 - paging
--------------------------------------*/
.paging {display:flex; justify-content:center; align-items:center;}
.paging > a {display:inline-block; width:24px; height:24px; overflow:hidden; line-height:999px; vertical-align:middle; color:transparent;}
.paging > a.disabled {cursor:default;}
.paging > a.prev::before,
.paging > a.next::before {content:""; display:block; width:24px; height:24px; mask:url(/images/common/ico_arr03.svg) no-repeat 0 0; mask-size:contain; background-color:var(--color-gray0);}
.paging > a.next::before {transform:rotate(-180deg);}
.paging > a.first, .paging > a.end {display:none;}
.paging .page_num {display:inline-flex; gap:40px; padding:0 40px;}
.paging .page_num li a {display:inline-block; width:24px; height:24px; color:var(--color-gray6); text-align:center; box-sizing:border-box; line-height:24px;}
.paging .page_num li.active > a {color:var(--color-gray0); font-weight:700;}
.list_ty01 + .paging {padding-top:40px;}
/*------------------------------------
    게시판 - 작성
--------------------------------------*/
.write_ty01 {border-top:1px solid var(--color-gray0)}
.write_ty01 .form {display:flex; align-items:center; padding:16px 0;}
.write_ty01 .form + .form {border-top:1px solid var(--color-gray8);}
.write_ty01 .form > dt {width:160px;}
.write_ty01 .form > dd {width:calc(100% - 160px); flex-shrink:0; min-height:51px;}
.write_ty01 .form.txt dd {display:flex; align-items:center;}
.write_ty01 .form > dd .input01 {width:100%; box-sizing:border-box;}
.write_ty01 .form > dd textarea {width:100%; height:240px; padding:25px; border:1px solid var(--color-gray7); resize:none; box-sizing:border-box;}
.write_ty01 .form > dd textarea::placeholder {color:var(--color-gray7);}
.write_ty01 .attach_file {align-items:flex-start;}
.write_ty01 .attach_file dt {display:flex; align-items:center; height:74px;}
.attach_file .file_form button {border:1px solid var(--color-gray7); box-sizing:border-box; width:100%; height:74px; text-align:left; padding:12px 25px; display:flex; align-items:center;}
.attach_file .file_form button span {color:var(--color-gray6);}
.attach_file .file_form button::before {content:""; margin-right:3px; width:24px; height:24px; mask:url(/images/common/ico_file.svg) no-repeat 50% 50%; mask-size:contain; background-color:var(--color-gray6);}
.attach_file .ex_txt {display:block; padding:20px 0 0 0; color:var(--color-gray6)}
.attach_file .file_list {margin-top:20px; border:1px solid var(--color-gray7); box-sizing:border-box; width:100%; min-height:74px; text-align:left; padding:12px 25px;}
.attach_file .file_list li {position:relative; padding:0 30px 0 34px; margin:16px 0;}
.attach_file .file_list li::before {content:""; position:absolute; left:0; top:0; width:24px; height:24px; mask:url(/images/common/ico_file.svg) no-repeat 50% 50%; mask-size:contain; background-color:var(--color-gray0);}
.attach_file .file_list li > span {word-break:break-all; text-decoration:underline;}
.attach_file .file_list li .btn_del {position:absolute; right:0; top:50%; transform:translate(0, -50%); width:24px; height:24px;}
.attach_file .file_list li .btn_del::before {content:''; position:absolute; left:50%; top:50%; width:14px; height:14px; transform:translate(-50%, -50%); mask:url(/images/common/ico_close03.svg) no-repeat 50% 50%; mask-size:contain; background-color:var(--color-gray6);}
.write_ty01 + .btn_area .btn04 {width:120px; margin:0 8px;}
/*------------------------------------
    게시판 - 상세
--------------------------------------*/
.view_ty01 {border-top:2px solid var(--color-gray0);}
.view_ty01 > dl {display:flex; align-items:center; border-bottom:1px solid var(--color-gray2);}
.view_ty01 > dl dt {width:200px; padding:50px 0; font-weight:700;}
.view_ty01 > dl dd {padding:50px 0; flex:1; color:var(--color-gray3);}
.view_ty01 > dl dd *:not(button > span) {color:var(--color-gray3);}
.view_ty01 > dl dd.member_txt {padding:60px 0 60px 220px;}
.view_ty01 > dl dd.state {display:flex; align-items:center; gap:60px; padding:40px 0;}
.view_ty01 > dl dd > .remain,
.view_ty01 > dl dd > .wait,
.view_ty01 > dl dd > .cancel {color:var(--color-sub1); font-style:normal;}
.view_ty01 > dl dd > .btn02 {width:189px;}
.view_ty01 > dl dd > .btn02 span {font-size:16px;}
.view_ty01 > dl dd.multi_txt strong {font-weight:700;}
.view_ty01 > dl dd.multi_txt p + p {padding-top:6px;}
.view_ty01 > dl dd.cancel_info {position:relative; }
.view_ty01 > dl dd.cancel_info .ic_mem_cancel {position:absolute; right:10%; top:50%; transform:translate(0, -50%);}


.view_ty01.marketing > dl dt {width:300px; padding:30px 0;}
.view_ty01.marketing > dl dd {padding:30px 0;}
.view_ty01.marketing > dl dd strong {font-weight:700;}
.view_ty01.marketing > dl dd .agree_box {display:flex; align-items:center; gap:10px; }
.view_ty01.marketing > dl dd ol + .agree_box {margin-top: 20px;}
@media (max-width:1180px){
    .view_ty01 > dl dd.cancel_info .ic_mem_cancel {position:static; transform:none; margin-top:20px;}
}
.marketing_wrap .txt {text-align:center; padding:30px 0 0 0; font-family:var(--font-family1); line-height:180%;}
.marketing_wrap .btn_area {gap:20px;}
.marketing_wrap .btn_area .btn03 {width:191px;}
.marketing_wrap .view_ty01 > dl dd > ol li {line-height:180%;;}
.member_view_wrap {position:relative;}
.member_view_wrap .my_mem_card {position:absolute; left:200px; top:20px; width:160px; height:100px;}  
.member_view_wrap .my_mem_card::before {content:""; display:block; width:160px; height:100px;}
.member_view_wrap  + .btn_area .list {width:262px;}

.view_ty02 {}
.view_ty02 .tit_area {padding:0 0 60px 0;}
.view_ty02 .tit_area .title {padding-bottom:30px; font-family:var(--font-family1); font-size:24px; line-height:36px;}
.view_ty02 .tit_area .evt_info {position:relative; padding:30px 0 0 0; border-top:1px solid var(--color-gray7);}
.view_ty02 .tit_area .evt_info dl {display:flex;}
.view_ty02 .tit_area .evt_info dl dt {width:121px; color:var(--color-gray3); font-weight:700;}
.view_ty02 .tit_area .evt_info dl dd {width:calc(100% - 121px);}
.view_ty02 .tit_area .evt_info dl + dl {padding:10px 0 0 0;}
.view_ty02 .tit_area .evt_info .sns_area {position:absolute; right:0; bottom:0;}
.view_ty02 .tit_area .evt_info .sns_area .pu_share_wrap > div {display:flex; justify-content:center; gap:10px;}
.view_ty02 .tit_area .evt_info .sns_area .pu_share_wrap > div button {width:40px; height:40px; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.view_ty02 .tit_area .evt_info .sns_area .pu_share_wrap > div button span,
.view_ty02 .tit_area .evt_info .sns_area .pu_share_wrap > div button span::selection {font-size:5px; color:transparent;}
.view_ty02 .tit_area .evt_info .sns_area .pu_share_wrap > div button.btn_kakao {background-image:url(/images/common/btn_kakao.png);}
.view_ty02 .tit_area .evt_info .sns_area .pu_share_wrap > div button.btn_blog {background-image:url(/images/common/btn_blog.png);}
.view_ty02 .tit_area .evt_info .sns_area .pu_share_wrap > div button.btn_url {background-image:url(/images/common/btn_url.png);}
.view_ty02 .editor-content {width:100%; overflow-x:auto;}
.view_ty02 + .btn_area.view {padding:60px 0 0 0;}
.view_ty02 + .btn_area.view .btn03 {width:262px;}

.view_ty03 {padding:160px 0 0 0;}
.view_ty03 .tit_area {padding:0 0 60px 0;}
.view_ty03 .tit_area .tit {padding-bottom:10px; font-family:var(--font-family1); font-size:32px; line-height:44px; font-weight:500; text-align:center;}
.view_ty03 .tit_area .s_tit {padding-bottom:30px; font-family:var(--font-family1); font-size:24px; line-height:36px; text-align:center;}
.view_ty03 .editor-content {width:100%; overflow-x:auto;}
.view_ty03 + .btn_area.view {padding:60px 0 0 0;}
.view_ty03 + .btn_area.view .btn03 {width:262px;}
.view_ty03 > h3 {padding:100px 0 30px; font-family:var(--font-family1); font-size:24px; font-weight:500;}
.view_ty03 .related_goods_list ul {display:flex;}
.view_ty03 .related_goods_list ul li {width:360px;}
.view_ty03 .related_goods_list ul li a {display:flex; flex-direction:column; position:relative; overflow:hidden;}
.view_ty03 .related_goods_list ul li a .img_area {width:100%;}
.view_ty03 .related_goods_list ul li a .img_area img {aspect-ratio:3/4;}
.view_ty03 .related_goods_list ul li a .date {padding:40px 0 10px;color:var(--color-gray3); font-size:clamp(12px,2.6vw,18px); font-weight:600; letter-spacing:var(--letter-spacing0);}
.view_ty03 .related_goods_list ul li a .title {font-size:clamp(18px,2.6vw,24px); font-family:var(--font-family1); letter-spacing:var(--letter-spacing1); line-height:clamp(25px,2.6vw,36px); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}

.view_ty03 .related_pack_list ul {display:flex;}
.view_ty03 .related_pack_list ul li {width:400px;}
.view_ty03 .related_pack_list ul li a {display:flex; flex-direction:column; position:relative; overflow:hidden;}
.view_ty03 .related_pack_list ul li a .img_area {width:100%;}
.view_ty03 .related_pack_list ul li a .img_area img {aspect-ratio:1/1;}
.view_ty03 .related_pack_list ul li a .title {padding:20px 0 0 0; font-size:clamp(14px,2.6vw,18px); font-family:var(--font-family1); letter-spacing:var(--letter-spacing1); line-height:clamp(21px,2.6vw,25px); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.view_ty03 .related_pack_list + .btn_more {display:none;}

.view_ty04 {}
.view_ty04 .board_info {display:flex; align-items:center; border-top:2px solid var(--color-gray0); background-color:var(--color-gray4); padding:37px 30px;}

.view_ty04 .board_info .listNo {width:120px; font-weight:600; text-align:center;}
.view_ty04 .board_info .listCate {width:120px; font-weight:600; text-align:center;}
.view_ty04 .board_info .listDate {width:110px; text-align:center;}
.view_ty04 .board_info .listTitle {width:calc(100% - 335px);}
.view_ty04.organ .board_info .listTitle {width:calc(100% - 230px);}
.view_ty04 .board_info .listTitle {display:flex; justify-content:space-between; align-items:center;}
.view_ty04 .board_info .listTitle strong {position:relative; text-align:left; color:var(--color-gray0); font-weight:600; word-break:break-all;}
.view_ty04 .board_info .listTitle strong .file {display:inline-block; width:24px; height:24px; background:url(/images/common/ico_file.svg) no-repeat 50% 50%; background-size:contain; color:transparent; font-size:4px; text-indent:-9999px; overflow:hidden; vertical-align:middle;}
.view_ty04 .board_info .listNo,
.view_ty04 .board_info .listCate {color:var(--color-gray6); font-weight:700;}
.view_ty04 .board_info .listDate {color:var(--color-gray6); font-weight:500; font-size:16px;}
.view_ty04 .editor-content {width:100%; min-height:480px; overflow-x:auto; padding:40px 0;}
.view_ty04 .file_warp {padding:43px 15px; display:flex; border-top:1px solid var(--color-gray7);}
.view_ty04 .file_warp dt {width:92px; font-weight:700 ;}
.view_ty04 .file_warp dd {flex:1;}
.view_ty04 .file_warp dd p {padding-left:34px; background:url(/images/common/ico_file.svg) no-repeat 0 50%; background-size:contain;}
.view_ty04 .file_warp dd p a {display:block; text-decoration:underline;}
.view_ty04 + .btn_area.view {padding:40px 0 0 0; gap:20px;}
.view_ty04 + .btn_area.view .btn03 {width:262px;}

.view_ty04.question .board_info {padding:30px 0;}
.view_ty04.question .board_info .listState em {font-style:normal; font-size:16px; font-weight:500; padding:6px 12px 5px; border:1px solid var(--color-gray0); line-height:normal;}
.view_ty04.question .board_info .listState em.re_state.ty01 {color:var(--color-gray3); border-color:var(--color-gray3);}
.view_ty04.question .board_info .listState em.re_state.ty02 {color:var(--color-sub1); border-color:var(--color-sub1);}
.view_ty04.question .board_info .listState {width:100px;}
.view_ty04.question .board_info .listTitle {width:calc(100% - 440px);}
.view_ty04.question .board_info .listDate {width:220px;}
.view_ty04.question .editor-content,
.view_ty04.answer .editor-content {min-height:480px; box-sizing:border-box;}

.view_ty04.answer .board_info {padding:30px 0; background-color:var(--color-gray1); border-top:1px solid var(--color-gray7)}
.view_ty04.answer .listNo {text-align:left;}


.comment_wrap {position:relative; padding:100px 0 0 0;}
.comment_wrap .comment_write_wrap {position:relative; padding:0 0 40px;}
.comment_wrap .comment_write_wrap .btn04 {position:absolute; right:0; bottom:22px; width:122px;}
.comment_wrap .comment_write_wrap .comment_tit {position:relative}
.comment_wrap .comment_write_wrap .comment_tit strong {font-family:var(--font-family1); font-size:24px; font-weight:500; letter-spacing:var(--letter-spacing1); line-height:36px;}
.comment_wrap .comment_write_wrap .comment_tit p {padding:20px 0 0 0; color:var(--color-gray6); font-size:16px; font-weight:500; letter-spacing:var(--letter-spacing0);}
.comment_wrap .comment_list {padding:0 0 60px 0;}
.comment_wrap .comment_list li {display:flex; flex-direction:column; padding:30px 0; border-top:1px solid var(--color-gray6);}
.comment_wrap .comment_list li:first-child {border-top:0 none}
.comment_wrap .comment_list strong {padding:0 0 20px 0; font-weight:500; letter-spacing:var(--letter-spacing0); line-height:27px;}
.comment_wrap .comment_list .comment_area {}
.comment_wrap .comment_list .comment_area p {padding:0 0 18px; font-weight:500; letter-spacing:var(--letter-spacing0); line-height:27px;}
.comment_wrap .comment_list .comment_area span {display:inline-flex; align-items:center; color:var(--color-gray6); font-size:16px; vertical-align:middle;}
.comment_wrap .comment_list .comment_area span + span::before {content:""; margin:0 10px; width:1px; height:20px; background-color:var(--color-gray6);}
.comment_wrap .comment_list .comment_area .btn_del {}
.comment_wrap .comment_list .comment_area .btn_del span {color:var(--color-sub1); font-size:16px;}
.comment_wrap .comment_write {display:none; position:relative; height:239px; margin:40px 0 0 0; padding:0 0 93px; border:1px solid var(--color-gray2); background-color:var(--color-gray1); box-sizing:border-box;}
.comment_wrap .comment_write.on {display:block;}
.comment_wrap .comment_write textarea {width:100%; height:100%; padding:25px 110px 25px 25px; border:0 none; background-color:transparent; font-size:15px; line-height:28px; resize:none; box-sizing:border-box;}
.comment_wrap .comment_write textarea::placeholder {color:var(--color-gray7);}
.comment_wrap .comment_write .txt_limit {position:absolute; right:25px; top:25px; color:var(--color-gray7); font-weight:500; letter-spacing:var(--letter-spacing0);}
.comment_wrap .comment_write .txt_limit strong {font-weight:500; color:var(--color-gray7);}
.comment_wrap .comment_write .btn05 {position:absolute; right:25px; bottom:25px; width:91px;}

.view_coupon_wrap {padding:80px 0 0 0;}
.view_coupon_wrap h4 {padding:0 0 60px 0; font-size:36px; font-family:var(--font-family1); font-weight:500; text-align:center;}
.view_coupon_wrap .coupon_area {display:flex; justify-content:center; align-items:stretch; padding:0 0 60px 0;}
.view_coupon_wrap .coupon_area > div {display:flex; align-items:center; position:relative; width:100%; max-width:750px; min-height:140px; padding:15px 52px; background-color:var(--color-gray0); color:var(--color-gray1); font-family:var(--font-family1); font-size:24px; box-sizing:border-box;}
.view_coupon_wrap .coupon_area > div::before {content:''; position:absolute; left:-12px; top:50%; width:24px; height:24px; border-radius:24px; background-color:var(--color-gray1); transform:translate(0, -50%);}
.view_coupon_wrap .coupon_area > .btn_down {display:flex; flex-direction:column; align-items:center; justify-content:center; width:140px; min-height:140px; border-left:2px solid var(--color-gray1); background-color:var(--color-gray0);}
.view_coupon_wrap .coupon_area > .btn_down::before {content:""; background-color:var(--color-gray1); mask:url(/images/common/ico_arr06.svg) no-repeat 50% 0; mask-size:contain; width:40px; height:40px;}
.view_coupon_wrap .coupon_area > .btn_down span {padding:10px 0 0 0; color:var(--color-gray1);}
.view_coupon_wrap .coupon_area.disabled > div,
.view_coupon_wrap .coupon_area.disabled > .btn_down {background-color:var(--color-gray8);}
.view_coupon_wrap .coupon_area.disabled > .btn_down::before {background-color:var(--color-gray6);}
.view_coupon_wrap .coupon_area.disabled > div,
.view_coupon_wrap .coupon_area.disabled > .btn_down span {color:var(--color-gray6)}
.view_coupon_wrap .validity {padding:0 0 40px 0; text-align:center; font-weight:700;}
.view_coupon_wrap .txt_precaution {text-align:center; color:var(--color-gray6); font-weight:500; line-height:27px;}

.goods_view_wrap {width:100%; margin:0 auto; display:flex; flex-wrap:wrap; position:relative;}
.goods_view_wrap > .thumb {position:sticky; top:110px; align-self:flex-start; flex:0 0 39.0625vw;}
.goods_view_wrap > .thumb img {width:100%;}
.goods_view_wrap > .ly_dim {position:static; left:0; right:0; bottom:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.2);}
.goods_view_wrap > .perf_sale_wrap {position:sticky; bottom:0; width:100%; background-color:var(--color-gray1); z-index:55;}
.goods_view_wrap > .perf_sale_wrap.active {box-shadow:0 -4px 20px 0 rgba(0, 0, 0, 0.10);z-index:65;}
.goods_view_wrap > .perf_sale_wrap .ly_dim {position:fixed; left:0; right:0; top:0; bottom:86px; width:100%; height:auto; background-color:rgba(0, 0, 0, 0.2); z-index:-1;}
.goods_view_wrap > .perf_sale_wrap.active .ly_dim {z-index:3; display:block;}
.goods_view_wrap > .perf_sale_wrap .inBox {display:flex; justify-content:space-between;}
.goods_view_wrap > .perf_sale_wrap .episode_select {position:relative; width:calc(100% - 530px); z-index:4;}
.goods_view_wrap > .perf_sale_wrap .episode_select > button {padding:31px 80px; display:flex; align-items:center; width:100%; text-align:left; background-color:var(--color-gray1); position:relative; z-index:1;}
.goods_view_wrap > .perf_sale_wrap .episode_select > button::before {content:""; width:24px; height:24px; mask:url(/images/common/ico_arr03.svg) no-repeat 50% 50%; mask-size:contain; background-color:var(--color-gray0); transform:rotate(90deg); transition:transform 0.3s ease;}
.goods_view_wrap > .perf_sale_wrap.active .episode_select > button::before {transform:rotate(270deg);}
.goods_view_wrap > .perf_sale_wrap .episode_select > button span {padding-left:20px; font-weight:600; line-height:100%;}
.goods_view_wrap > .perf_sale_wrap .episode_select > button strong {font-weight:700;}
.goods_view_wrap > .perf_sale_wrap .episode_select > button em {font-weight:600; color:var(--color-gray3); padding-left:20px; font-style:normal;}
.goods_view_wrap > .perf_sale_wrap .episode_select > ul {position:absolute; left:0; bottom:86px; min-width:540px; max-width:100%; max-height:50vh; overflow:auto; opacity:0; visibility:hidden; transform:translateY(10px); transition:opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;}
.goods_view_wrap > .perf_sale_wrap.active .episode_select > ul {opacity:1; visibility:visible; transform:translateY(0); box-shadow:0px 0px 14px 0px #00000059;}
.goods_view_wrap > .perf_sale_wrap .episode_select > ul li {position:relative; border-bottom:1px solid var(--color-gray7); background-color:var(--color-gray1);}
.goods_view_wrap > .perf_sale_wrap .episode_select > ul li.ready,
.goods_view_wrap > .perf_sale_wrap .episode_select > ul li.soon,
.goods_view_wrap > .perf_sale_wrap .episode_select > ul li.soldOut {background-color:var(--color-gray4);}
.goods_view_wrap > .perf_sale_wrap .episode_select > ul li .btn_episode {width:100%; padding:33px 200px 33px 80px; text-align:left;}
.goods_view_wrap > .perf_sale_wrap .episode_select > ul li .btn_episode span {font-weight:700;}
.goods_view_wrap > .perf_sale_wrap .episode_select > ul li.soldOut .btn_episode span {color:var(--color-gray6);}
.goods_view_wrap > .perf_sale_wrap .episode_select > ul li.soldOut .btn_episode {pointer-events:none; cursor:default;}
.goods_view_wrap > .perf_sale_wrap .episode_select > ul li .btn_remain {position:absolute; right:60px; top:50%; transform:translate(0, -50%);}
.goods_view_wrap > .perf_sale_wrap .btn_area {padding:0; width:530px;}

.btn_remain {padding:10px 15px; border:1px solid var(--color-gray7); background-color:var(--color-gray4); display:flex; align-items:center; justify-content:center;}
.btn_remain::before {content:""; width:20px; height:20px; margin-right:7px; background:url(/images/common/ico_seat01.svg) no-repeat 50% 50%;}
.btn_remain span {font-size:16px; color:var(--color-gray3); font-weight:600;}

.goods_view_wrap > .perf_sale_wrap .episode_select > ul li.ready .btn_remain {padding:5px 10px; border-radius:30px;}
.goods_view_wrap > .perf_sale_wrap .episode_select > ul li.ready .btn_remain::before {background:url(/images/common/ico_ready.svg) no-repeat 50% 50%; background-size:contain;}
.goods_view_wrap > .perf_sale_wrap .episode_select > ul li.ready .btn_remain span {color:var(--color-gray6);}
.goods_view_wrap > .perf_sale_wrap .episode_select > ul li.soon .btn_remain {padding:5px 10px; border-radius:30px;}
.goods_view_wrap > .perf_sale_wrap .episode_select > ul li.soon .btn_remain::before {background:url(/images/common/ico_soon.svg) no-repeat 50% 50%; background-size:contain;}
.goods_view_wrap > .perf_sale_wrap .episode_select > ul li.soon .btn_remain span {color:var(--color-gray6);}
.goods_view_wrap > .perf_sale_wrap .episode_select > ul li.soldOut .btn_remain {padding:5px 10px; border-radius:30px;}
.goods_view_wrap > .perf_sale_wrap .episode_select > ul li.soldOut .btn_remain::before {background:url(/images/common/ico_end.svg) no-repeat 50% 50%; background-size:contain;}
.goods_view_wrap > .perf_sale_wrap .episode_select > ul li.soldOut .btn_remain span {color:var(--color-gray6);}

.btn_perfsale {width:100%; padding:30px 0; display:flex; justify-content:center; align-items:center; background-color:var(--color-sub1);}
.btn_perfsale span {font-size:22px; font-weight:700; color:var(--color-gray1);}
.btn_perfsale::before {content:""; width:24px; height:24px; margin-right:8px; mask:url(/images/common/ico_ticket.svg) no-repeat 50% 50%; mask-size:contain; background-color:var(--color-gray1); transition:all .3s;}
.btn_perfsale:hover {background-color:var(--color-gray0);}
.btn_perfsale:hover::before {transform:rotate(90deg);}
.btn_soldOut,
.btn_other {width:100%; padding:30px 0; display:flex; justify-content:center; align-items:center; background-color:var(--color-gray4);}
.btn_soldOut span,
.btn_other span,
.btn_other em {color:var(--color-gray6); font-weight:700; font-style:normal;}
.btn_other em {padding-left:15px;}

.goods_view_wrap > .detail_wrap {flex:1;}
.detail_wrap > .prd_info {position:relative; background-color:var(--color-gray4); padding:60px 80px; box-sizing:border-box;}
.detail_wrap > .prd_info .prd_title_area {width:calc(100% - 155px); padding:0 40px 80px 0; box-sizing:border-box;}
.detail_wrap > .prd_info .prd_title_area .classify {display:flex; align-items:center;}
.detail_wrap > .prd_info .prd_title_area .classify span {padding:10px 15px; background-color:rgba(0, 0, 0, 0.40); color:var(--color-gray1); font-weight:600;}
.detail_wrap > .prd_info .prd_title_area .classify.ty01 span:first-child {background-color:var(--color-gray0);}
.detail_wrap > .prd_info .prd_title_area .classify.ty02 span:first-child {background-color:var(--color-sub1);}
.detail_wrap > .prd_info .prd_title_area h2 {padding:15px 0 5px 0; font-size:36px; font-family:var(--font-family1); font-weight:500;}
.detail_wrap > .prd_info .prd_title_area p {font-size:24px; font-family:var(--font-family1);}
.detail_wrap > .prd_info .prd_info_area li {position:relative; padding:0 0 0 44px;}
.detail_wrap > .prd_info .prd_info_area li + li {margin-top:15px;}
.detail_wrap > .prd_info .prd_info_area li p,
.detail_wrap > .prd_info .prd_info_area li p a {line-height:27px; font-weight:500;}
.detail_wrap > .prd_info .prd_info_area li p a {text-decoration:underline; text-underline-offset:5px;}
.detail_wrap > .prd_info .prd_info_area li::before {content:""; position:absolute; left:0; top:2px; width:24px; height:24px; background-color:var(--color-gray0); mask-size:contain; mask-position:50% 50%; mask-repeat:no-repeat;}
.detail_wrap > .prd_info .prd_info_area li.i_txt01::before {mask-image:url(/images/common/ico_calendar.svg);}
.detail_wrap > .prd_info .prd_info_area li.i_txt02::before {mask-image:url(/images/common/ico_viewer.svg);}
.detail_wrap > .prd_info .prd_info_area li.i_txt03::before {mask-image:url(/images/common/ico_credit.svg);}
.detail_wrap > .prd_info .prd_info_area li.i_txt04::before {mask-image:url(/images/common/ico_time02.svg);}
.detail_wrap > .prd_info .prd_info_area li.i_txt05::before {mask-image:url(/images/common/ico_help.svg);}
.detail_wrap > .prd_info .prd_info_area li.i_txt06::before {mask-image:url(/images/common/ico_ticket.svg);}
.detail_wrap > .prd_info .prd_info_area li.i_txt07::before {mask-image:url(/images/common/ico_cast.svg);}
.detail_wrap > .prd_info .prd_info_area li.i_txt08::before {mask-image:url(/images/common/ico_by.svg);}
.detail_wrap > .prd_info .prd_info_area li.i_txt09::before {mask-image:url(/images/common/ico_book.svg);}
.detail_wrap > .prd_info .prd_info_area li.i_txt::before {mask-image:url(/images/common/ico_error.svg);}
.detail_wrap > .prd_info .sns_share_area {position:absolute; right:80px; top:160px; display:flex; gap:10px;}
.detail_wrap > .prd_info .sns_share_area button {width:40px; height:40px; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.detail_wrap > .prd_info .sns_share_area .btn_kakao {background-image:url(/images/common/btn_kakao.png);}
.detail_wrap > .prd_info .sns_share_area .btn_url {background-image:url(/images/common/btn_url.png);}
.detail_wrap > .prd_info .sns_share_area .btn_favorite {background-color:var(--color-gray0); background-image:url(/images/common/ico_favorite.svg); background-size:24px 24px; border-radius:40px;}
.detail_wrap > .prd_info .sns_share_area .btn_favorite.active {background-image:url(/images/common/ico_favorite_full.svg);}
.detail_contents {padding:60px; align-self:flex-start;}
.detail_contents .detail_nav {position:sticky; top:110px; z-index:1; background-color:var(--color-gray1);}
.detail_contents .detail_nav ul {width:100%; margin:0 auto; display:flex;}
.detail_contents .detail_nav ul li {flex:1;}
.detail_contents .detail_nav ul li a {display:flex; justify-content:center; align-items:center; height:80px; border-top:1px solid var(--color-gray7); box-sizing:border-box;}
.detail_contents .detail_nav ul li.active a,
.detail_contents .detail_nav ul li a:hover,
.detail_contents .detail_nav ul li a:focus-visible {border-top:3px solid var(--color-gray0);}
.detail_contents .detail_nav ul li a span {color:var(--color-gray6); font-weight:600;}
.detail_contents .detail_nav ul li.active a span,
.detail_contents .detail_nav ul li a:hover span,
.detail_contents .detail_nav ul li a:focus-visible span {color:var(--color-gray0); font-weight:700;}
.detail_contents .detail_txt {padding:0 0 40px 0;}
.detail_contents .detail_txt h3 {margin:70px 0 30px; font-size:22px; font-family:var(--font-family1); font-weight:500;}
.detail_contents .detail_txt:nth-of-type(2) {padding:40px; background-color:var(--color-gray4); box-sizing:border-box;}
.detail_contents .detail_txt:nth-of-type(2) h3 {padding:0 0 0 34px; margin:0 0 30px; position:relative;}
.detail_contents .detail_txt:nth-of-type(2) h3::before {content:''; position:absolute; left:0; top:0; width:24px; height:24px; background-color:var(--color-gray0); mask:url(/images/common/ico_notice.svg) no-repeat 50% 50%; mask-size:contain;}
.detail_contents .detail_txt:nth-of-type(3) {border-bottom:1px solid var(--color-gray7);}
.detail_contents .detail_txt:nth-of-type(3) h3 {padding:0 0 0 34px; margin:70px 0 30px; position:relative;}
.detail_contents .detail_txt:nth-of-type(3) h3::before {content:''; position:absolute; left:0; top:0; width:24px; height:24px; background-color:var(--color-gray0); mask:url(/images/common/ico_discount.svg) no-repeat 50% 50%; mask-size:contain;}
.detail_contents .detail_txt:nth-of-type(4) {padding:40px 0;}
.detail_contents .detail_txt .editor-content,
.detail_contents .detail_txt .editor-content * {font-size:16px;}
.detail_contents .detail_txt .editor-content p {margin:0;}
.detail_contents .detail_txt .program_book {width:100%; position:relative; aspect-ratio:16 / 9;}
.detail_contents .detail_txt .program_book iframe {width:100%; height:100%; border:0;}
.detail_contents .detail_txt .related_goods_list {}
.detail_contents .detail_txt .related_goods_list ul {display:flex; gap:20px; flex-wrap:wrap;}
.detail_contents .detail_txt .related_goods_list ul li {flex:1; min-width:calc((100% - 60px) / 4); max-width:calc((100% - 60px) / 4); padding:25px 0; box-sizing:border-box;}
.detail_contents .detail_txt .related_goods_list ul li:nth-child(-n+4) {padding-top:0;}
.detail_contents .detail_txt .related_goods_list ul li a {display:block; position:relative;}
.detail_contents .detail_txt .related_goods_list ul li a .thumb {width:100%;}
.detail_contents .detail_txt .related_goods_list ul li a .thumb img {aspect-ratio:3/4;}
.detail_contents .detail_txt .related_goods_list ul li a .tit {padding:20px 0 0 0; font-size:18px; font-weight:600; line-height:25px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}

.detail_contents .detail_txt .related_contents ul {display:flex; gap:20px; flex-wrap:wrap;}
.detail_contents .detail_txt .related_contents ul li {flex:1; min-width:calc((100% - 20px) / 2); max-width:calc((100% - 20px) / 2); padding:25px 0; box-sizing:border-box;}
.detail_contents .detail_txt .related_contents ul li:nth-child(-n+4) {padding-top:0;}
.detail_contents .detail_txt .related_contents ul li a {display:block; position:relative;}
.detail_contents .detail_txt .related_contents ul li a .thumb {width:100%;}
.detail_contents .detail_txt .related_contents ul li a .thumb img {aspect-ratio:515 / 290;}
.detail_contents .detail_txt .related_contents ul li.youtube a .thumb {position:relative;}
.detail_contents .detail_txt .related_contents ul li.youtube a .thumb::before {content:''; position:absolute; left:50%; top:50%; width:7.76%; aspect-ratio:40 / 29; background:url(/images/common/ico_youtube.png) no-repeat 50% 50%; background-size:contain; transform:translate(-50%, -50%);}
.detail_contents .detail_txt .related_contents ul li a .tit {padding:20px 0 0 0; font-size:18px; font-weight:600; line-height:25px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.detail_contents .detail_txt .cancel_info_txt {}
.detail_contents .detail_txt .cancel_info_txt > dl {border-top:1px solid var(--color-gray7);}
.detail_contents .detail_txt .cancel_info_txt > dl > dt {position:relative;  margin:40px 0 0; padding:0 0 0 34px; font-family:var(--font-family1); font-size:22px; font-weight:500;}
.detail_contents .detail_txt .cancel_info_txt > dl + dl > dt {margin:40px 0 30px;}
.detail_contents .detail_txt .cancel_info_txt > dl > dt::before {content:""; width:24px; height:24px; background-repeat:no-repeat; background-position:center; background-size:contain; margin-right:10px; position:absolute; left:0; top:0;}
.detail_contents .detail_txt .cancel_info_txt > dl:first-child > dt::before {background-image:url(/images/common/ico_ticket.svg);}
.detail_contents .detail_txt .cancel_info_txt > dl:nth-child(2) > dt::before {background-image:url(/images/common/ico_error.svg);}
.detail_contents .detail_txt .cancel_info_txt > dl:nth-child(3) > dt::before {background-image:url(/images/common/ico_credit_cancel.svg);}
.detail_contents .detail_txt .cancel_info_txt > dl:nth-child(4) > dt::before {background-image:url(/images/common/ico_refund.svg);}
.detail_contents .detail_txt .cancel_info_txt > dl:nth-child(5) > dt::before {background-image:url(/images/common/ico_pk_careful.svg);}
.detail_contents .detail_txt .cancel_info_txt > dl:nth-child(6) > dt::before {background-image:url(/images/common/ico_show.svg);}
.detail_contents .detail_txt .cancel_info_txt > dl:nth-child(4) dt {margin-bottom:0;}
.detail_contents .detail_txt .cancel_info_txt > dl > dd {padding:0 0 70px 0; line-height:28px;}
.detail_contents .detail_txt .cancel_info_txt > dl > dd dt {padding:28px 0 0 0; font-size:16px; font-weight:700;}
.detail_contents .detail_txt .cancel_info_txt > dl > dd dd {font-size:16px; font-weight:500;}

.detail_contents .detail_txt .cancel_info_txt > dl > dd ul li {position:relative; padding:0 0 0 20px; font-size:16px; font-weight:500;}
.detail_contents .detail_txt .cancel_info_txt > dl > dd ul li::before  {content:""; position:absolute; left:8px; top:13px; transform:translate(0, -50%); width:5px; height:5px; border-radius:5px; background-color:var(--color-gray0);}
.detail_contents .detail_txt .cancel_info_txt > dl > dd .point {color:var(--color-sub1);}

.goods_view_wrap.pack > .detail_wrap {max-width:1280px; margin:0 auto;}
.goods_view_wrap.pack > .perf_sale_wrap .pack_tit {padding:32px 0 32px 80px; font-weight:700;}
.goods_view_wrap.pack > .detail_wrap > .prd_info .prd_title_area {width:600px;}
.goods_view_wrap.pack > .detail_wrap > .prd_info .prd_info_area {width:600px;}
.goods_view_wrap.pack > .detail_wrap > .prd_info .sns_share_area {position:static; margin:40px 0 0 0;}
.goods_view_wrap.pack > .detail_wrap > .prd_info .prd_info_area li.i_txt01::before,
.goods_view_wrap.pack > .detail_wrap > .prd_info .prd_info_area li:nth-child(1)::before {mask-image:url(/images/common/ico_calendar.svg);}
.goods_view_wrap.pack > .detail_wrap > .prd_info .prd_info_area li.i_txt02::before,
.goods_view_wrap.pack > .detail_wrap > .prd_info .prd_info_area li:nth-child(2)::before {mask-image:url(/images/common/ico_time02.svg);}
.goods_view_wrap.pack > .detail_wrap > .prd_info .prd_info_area li.i_txt03::before,
.goods_view_wrap.pack > .detail_wrap > .prd_info .prd_info_area li:nth-child(3)::before {mask-image:url(/images/common/ico_viewer.svg);}
.goods_view_wrap.pack > .detail_wrap > .prd_info .prd_info_area li.i_txt04::before,
.goods_view_wrap.pack > .detail_wrap > .prd_info .prd_info_area li:nth-child(4)::before {mask-image:url(/images/common/ico_ticket.svg);}
.goods_view_wrap.pack > .detail_wrap > .prd_info .prd_info_area li.i_txt05::before,
.goods_view_wrap.pack > .detail_wrap > .prd_info .prd_info_area li:nth-child(5)::before {mask-image:url(/images/common/ico_help.svg);}
.goods_view_wrap.pack > .detail_wrap > .prd_info .show_list_wrap {position:absolute; right:80px; top:60px; bottom:60px; width:calc(100% - 760px); padding-left:40px; border-left:1px solid var(--color-gray0); box-sizing:border-box;}
.goods_view_wrap.pack > .detail_wrap > .prd_info .show_list_wrap > button {display:block; padding:0 0 20px 0; pointer-events:none; cursor:default;}
.goods_view_wrap.pack > .detail_wrap > .prd_info .show_list_wrap > button span {font-size:22px; font-weight:500; font-family:var(--font-family1);}
.goods_view_wrap.pack > .detail_wrap > .prd_info .show_list_wrap ul {height:calc(100% - 49px); overflow:auto;}
.goods_view_wrap.pack > .detail_wrap > .prd_info .show_list_wrap ul li + li {padding:15px 0 0 0;}
.goods_view_wrap.pack > .detail_wrap > .prd_info .show_list_wrap ul li a {font-weight:600;}

.goods_view_wrap.bridge > .detail_wrap {max-width:1280px; margin:0 auto;}
.goods_view_wrap.bridge > .detail_wrap > .prd_info {}
.goods_view_wrap.bridge > .detail_wrap > .prd_info .prd_title_area {width:100%; padding:0 0 40px;}
.goods_view_wrap.bridge > .detail_wrap > .prd_info .prd_title_area h2 {padding-top:0;}
.goods_view_wrap.bridge > .detail_wrap > .prd_info .show_list_wrap {width:100%; box-sizing:border-box;}
.goods_view_wrap.bridge > .detail_wrap > .prd_info .show_list_wrap ul {max-height:400px ; overflow:auto;}
.goods_view_wrap.bridge > .detail_wrap > .prd_info .show_list_wrap ul li + li {padding:15px 0 0 0;}
.goods_view_wrap.bridge > .detail_wrap > .prd_info .show_list_wrap ul li {display:flex; gap:20px; align-items:center}
.goods_view_wrap.bridge > .detail_wrap > .prd_info .show_list_wrap ul li a {display:flex;}
.goods_view_wrap.bridge > .detail_wrap > .prd_info .show_list_wrap ul li a strong {font-weight:600;}
.goods_view_wrap.bridge > .detail_wrap > .prd_info .show_list_wrap ul li a span {display:inline-flex; font-weight:400; font-size:16px; align-items:center; color:var(--color-gray6)}
.goods_view_wrap.bridge > .detail_wrap > .prd_info .show_list_wrap ul li a span::before {content:""; width:1px; height:14px; background-color:var(--color-gray7); margin:0 10px;}
.goods_view_wrap.bridge > .detail_wrap > .prd_info .show_list_wrap ul li .btn_bridge_perfsale {padding:7px 12px; background-color:var(--color-sub1); display:flex; align-items:center; justify-content:center; border-radius:30px;}
.goods_view_wrap.bridge > .detail_wrap > .prd_info .show_list_wrap ul li .btn_bridge_perfsale::before {content:""; width:20px; height:20px; margin-right:7px; mask:url(/images/common/ico_ticket.svg) no-repeat 50% 50%; mask-size:contain; background-color:var(--color-gray1);}
.goods_view_wrap.bridge > .detail_wrap > .prd_info .show_list_wrap ul li .btn_bridge_perfsale span {font-size:16px; color:var(--color-gray1); font-weight:600;}


.pack_info {max-width:1280px; width:100%; margin:0 auto; padding:0 0 100px 0;}
.pack_step {display:flex; justify-content:center;}
.pack_step > li {width:calc((100% / 4) - 56px); height:120px; position:relative; padding:0 24px;}
.pack_step > li::before {content:""; position:absolute; left:-16px; top:50%; width:40px; height:120px; mask:url(/images/sub/bg_pack_before.png) no-repeat 0 0; transform:translate(0, -50%);}
.pack_step > li::after {content:""; position:absolute; right:-16px; top:50%; width:40px; height:120px; mask:url(/images/sub/bg_pack_after.png) no-repeat 0 0; transform:translate(0, -50%);}
.pack_step > li:nth-child(odd):before,
.pack_step > li:nth-child(odd):after,
.pack_step > li:nth-child(odd) span {background-color:#877669;}
.pack_step > li:nth-child(even):before,
.pack_step > li:nth-child(even):after,
.pack_step > li:nth-child(even) span {background-color:#9F8D7F;}
.pack_step > li span {display:flex; width:100%; height:100%; justify-content:center; align-items:center; text-align:center; color:var(--color-gray1); font-weight:700;}
.pack_info > ul {padding:28px 0 4px 0}
.pack_info > ul li {line-height:27px;}

@media (max-width:1320px){
    .pack_info {max-width:none; padding:0 20px 100px; box-sizing:border-box;}
    .pack_info + .s_depth_nav {max-width:none; padding:0 20px; box-sizing:border-box;}
}

.tbl_perf_fee {width:100%; border-bottom:2px solid var(--color-gray0);}
.tbl_perf_fee thead th {border-top:2px solid var(--color-gray0); border-bottom:2px solid var(--color-gray0); padding:24px 0; font-weight:700;}
.tbl_perf_fee tbody th {font-weight:600; vertical-align:middle; font-weight:600;}
.tbl_perf_fee tbody td {font-size:16px; text-align:center; vertical-align:middle; line-height:44px; font-weight:500;}
.tbl_perf_fee tbody .fst_line {padding-top:45px;}
.tbl_perf_fee tbody .lst_line01 {padding-bottom:45px;}
.tbl_perf_fee tbody .lst_line02 {border-bottom:1px solid var(--color-gray7); padding-bottom:45px;}
.tbl_perf_fee tbody .multi {line-height:24px;}
.tbl_perf_fee tbody .point {color:var(--color-sub1); font-size:16px;}
.tbl_perf_fee tbody strong {font-weight:700; font-size:16px;}

/* 회원소개 */
.member_info_wrap {position:relative; max-width:1280px; width:100%; margin:0 auto; padding:0 0 172px 0;}
.member_info_wrap ul {display:flex; gap:40px; flex-wrap:wrap;}
.member_info_wrap ul li {position:relative; flex:1; min-width:calc((100% - 40px) / 2); min-height:569px; padding-bottom:68px; border:1px solid var(--color-gray0); box-sizing:border-box;}
.member_info_wrap ul li.my_mem_card::before {position:absolute; right:50px; top:50px; width:156px; height:100px; border-radius:5px;}
.member_info_wrap ul li.my_mem_card.member07::before {border:1px solid var(--color-gray8);}
.member_info_wrap ul li h4 {padding:60px 50px 50px;}
.member_info_wrap ul li h4 strong {display:block; padding:0 0 9px 0; font-size:36px; font-family:var(--font-family1); font-weight:500; letter-spacing:var(--letter-spacing2);}
.member_info_wrap ul li h4 em {font-style:normal; font-size:24px; font-family:var(--font-family1); letter-spacing:var(--letter-spacing1);}
.member_info_wrap ul li > dl {display:flex; flex-wrap:wrap; padding:0 50px;}
.member_info_wrap ul li > dl > dt {width:111px; padding:7px 0 6px; font-weight:700;}
.member_info_wrap ul li > dl > dd {width:calc(100% - 111px); padding:7px 0 6px;}
.member_info_wrap ul li > dl > dd p + p {padding-top:13px;}
.member_info_wrap ul li > dl > dd p .btn_more {width:71px; height:28px; display:inline-flex; justify-content:center; align-items:center; margin:0 0 0 24px; color:var(--color-gray1); background-color:var(--color-sub2); font-size:12px;}
.member_info_wrap ul li:nth-last-child(-n+2) dl dd p .btn_more {margin:13px 0 0 0;}

.member_info_wrap ul li .btn_join {position:absolute; right:-1px; left:-1px; bottom:-1px;height:68px; display:flex; justify-content:center; align-items:center; background-color:var(--color-gray0); transition:all .3s;}
.member_info_wrap ul li .btn_join:hover,
.member_info_wrap ul li .btn_join:focus-visible {background-color:var(--color-sub1);}
.member_info_wrap ul li .btn_join span {font-weight:700; color:var(--color-gray1);}
.member_join_wrap {display:flex; flex-wrap:wrap; justify-content:center; background-color:var(--color-gray4); border-top:1px solid var(--color-gray5); padding:80px 0 0;}
.member_join_wrap dl {display:flex; flex-wrap:wrap; max-width:calc(1280px / 2); width:50%; padding:0 0 120px;}
.member_join_wrap dl dt {width:121px; padding:13px 0 0; font-weight:700; line-height:27px; color:var(--color-sub2);}
.member_join_wrap dl dd {width:calc(100% - 121px); padding:13px 0 0; line-height:27px;}
.member_join_wrap dl dt:first-of-type,
.member_join_wrap dl dd:first-of-type {padding-top:0;}
.member_join_wrap dl dd p {font-weight:500;}
.member_join_wrap dl dd p strong {font-weight:700;}
.member_join_wrap dl dd p > a  {width:61px; height:28px; display:inline-flex; justify-content:center; align-items:center; margin:0 0 0 24px; background-color:var(--color-sub2);}
.member_join_wrap dl dd p > a span {color:var(--color-gray1); font-size:12px; line-height:normal;}
.member_join_wrap dl dd p + p {padding-top:13px;}
.more_agree_wrap {width:100%; height:78px; background-color:var(--color-gray3); display:flex; justify-content:center; align-items:center;}
.more_agree_wrap p {color:var(--color-gray1); font-weight:600;}
.more_agree_wrap a {width:84px; height:28px; display:inline-flex; justify-content:center; align-items:center; margin-left:10px; background-color:var(--color-gray1); color:var(--color-gray3);}
.more_agree_wrap a span {font-size:12px;}

@media (max-width:1320px){
    .member_info_wrap {max-width:none; padding:0 20px 172px; box-sizing:border-box;}
    .member_join_wrap > dl {max-width:50%; padding:0 20px 120px 0; box-sizing:border-box;}
    .member_join_wrap > dl:first-child {padding:0 0 120px 20px;}
}

.member_type {display:flex; justify-content:center; gap:80px; padding:70px 0 0 0 !important;}
.member_type p {text-align:center;}
.member_type p::before {display:flex; justify-content:center; align-items:center; width:85px; height:85px; margin:0 auto 20px; color:var(--color-gray1); font-size:36px; font-weight:500;}
.member_type p.member_ty01::before {content:'B'; background-color:var(--color-gray0);}
.member_type p.member_ty02::before {content:'R'; background-color:var(--color-sub1);}
.member_type p.member_ty03::before {content:'L'; background-color:var(--color-sub3);}
.member_benefit_wrap {max-width:1280px; width:100%; margin:0 auto; padding-bottom:172px;}
.member_benefit_wrap ul {display:flex; gap:100px; flex-wrap:wrap;}
.member_benefit_wrap ul li {width:calc((100% - 200px) / 3);}
.member_benefit_wrap ul li .img_area {position:relative; border:1px solid var(--color-gray7);}
.member_benefit_wrap ul li .img_area > span {position:absolute; bottom:0; width:28px; height:28px; font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0;}
.member_benefit_wrap ul li .img_area > span.i_b {left:0; background:url(/images/sub/ico_b.png) no-repeat 0 0; background-size:contain;}
.member_benefit_wrap ul li .img_area > span.i_r {left:28px; background:url(/images/sub/ico_r.png) no-repeat 0 0; background-size:contain;}
.member_benefit_wrap ul li .img_area > span.i_l {left:56px; background:url(/images/sub/ico_l.png) no-repeat 0 0; background-size:contain;}
.member_benefit_wrap ul li .txt_area {padding:20px 0 0 0;}
.member_benefit_wrap ul li .txt_area em {display:block; font-style:normal; color:var(--color-gray6);}
.member_benefit_wrap ul li .txt_area strong {display:block; padding:10px 0 16px; font-size:28px; font-weight:500; letter-spacing:var(--letter-spacing5); font-family:var(--font-family1);}
.member_benefit_wrap ul li .txt_area p {display:block; line-height:27px; letter-spacing:var(--letter-spacing0);}

.member_benefit_precaution {padding:80px 0 120px; background-color:var(--color-gray4); border-top:1px solid var(--color-gray5);}
.member_benefit_precaution > dl {display:flex; flex-wrap:wrap; max-width:1280px; width:100%; margin:0 auto;}
.member_benefit_precaution > dl dt {width:151px; font-weight:700; line-height:27px; color:var(--color-sub2);}
.member_benefit_precaution > dl dd {width:calc(100% - 151px); line-height:27px;}
.member_benefit_precaution > dl dd p {font-weight:500;}
.member_benefit_precaution > dl dd p + p {padding-top:13px;}

@media (max-width:1320px){
    .member_benefit_wrap {max-width:none; padding:0 20px 172px; box-sizing:border-box;}
    .member_benefit_precaution {padding:80px 20px 120px; box-sizing:border-box;}
}
/*------------------------------------
    유료회원 가입
--------------------------------------*/
.agree_membership {border-top:1px solid var(--color-gray0); max-width:1280px; width:100%; margin:20px auto 0;}
.agree_membership dt {margin:40px 0 30px 0; padding-left:34px; background:url(/images/common/ico_error.svg) no-repeat 0 50%; font-size:24px; font-family:var(--font-family1); font-weight:500;}
.agree_membership .agree_box {border:1px solid var(--color-gray7); height:426px; overflow:auto; padding:30px; box-sizing:border-box;}
.agree_membership .chk_box {padding:50px 0 80px; text-align:right;}
.agree_membership .chk_box .chk01 label > input + span {padding:6px 0 7px 40px; font-size:16px;}
.agree_membership .chk_box .chk01 em {font-style:normal; color:var(--color-gray6); font-size:16px;}
.payment_membership {padding:40px 0; border-top:1px solid var(--color-gray0); max-width:1280px; width:100%; margin:0 auto;}
.payment_membership >  dt {margin:0px 0 30px 0; padding-left:34px; background:url(/images/common/ico_error.svg) no-repeat 0 50%; font-size:24px; font-family:var(--font-family1); font-weight:500;}
.payment_membership .payment_membership_btn {display:flex; justify-content:space-between; padding:0 0 20px 0;}
.payment_membership .payment_membership_btn > button {display:flex; align-items:center; justify-content:center; width:50%; height:104px; border:1px solid var(--color-gray0); background-color:var(--color-gray1);}
.payment_membership .payment_membership_btn > button:last-child {width:calc(50% + 1px); margin-left:-1px;}
.payment_membership .payment_membership_btn > button.active {background-color:#000;}
.payment_membership .payment_membership_btn > button::before {content:""; display:block; width:24px; height:24px; background-color:var(--color-gray0); margin-right:10px;}
.payment_membership .payment_membership_btn > button.active::before {background-color:var(--color-gray1);}
.payment_membership .payment_membership_btn > button span {font-weight:700; letter-spacing:-1.38px;}
.payment_membership .payment_membership_btn > button.btn_card::before {mask:url(/images/common/ico_credit.svg) no-repeat 50% 50%; mask-size:contain;}
.payment_membership .payment_membership_btn > button.btn_bank::before {mask:url(/images/sub/ico_my_quick01.svg) no-repeat 50% 50%; mask-size:contain;}
.payment_membership .payment_membership_btn > button.active span {color:var(--color-gray1);}
.payment_membership > dd dt {font-weight:700; padding:40px 0 10px 0;}
.payment_membership > dd dd {line-height:28px; position:relative; padding-left:15px;;}
.payment_membership > dd dd::before {content:""; position:absolute; left:0; top:10px; width:5px; height:5px; border-radius:5px; background-color:var(--color-gray0);}
.payment_membership +  .btn_area {gap:20px; padding-bottom:172px;}
.payment_membership +  .btn_area .btn03 {width:191px;}

.terms_of_vineyard h5{font-weight:700; margin-bottom:30px;}
.terms_of_vineyard h6{font-weight:600; margin-bottom:15px; margin-top:30px;}
.terms_of_vineyard ul ~ h5 {margin-top:50px;}
.terms_of_vineyard li{margin-bottom:20px;line-height:24px; text-indent:-17px; padding-left:17px;}
.terms_of_vineyard li li{margin-bottom:0;margin-left:20px; padding-left:0;}

@media (max-width:1320px){
    .agree_membership,
    .payment_membership {max-width:none; width:calc(100% - 40px); margin:20px 20px 0; box-sizing:border-box;}
    .member_benefit_precaution {padding:80px 20px 120px; box-sizing:border-box;}
}

/*------------------------------------
    예매내역 - 리스트
--------------------------------------*/
.my_booking_cate {position:relative;}
.my_booking_cate ul {position:relative; display:flex; justify-content:center;}
.my_booking_cate ul li {max-width:260px; width:100%;}
.my_booking_cate ul li button {display:flex; justify-content:center; align-items:center; width:100%; height:58px; background-color:var(--color-gray1); border:1px solid var(--color-gray0);}
.my_booking_cate ul li button span {font-weight:700;}
.my_booking_cate ul li button strong {display:flex; align-items:center; padding:0 0 0 21px; position:relative; color:var(--color-gray3);}
.my_booking_cate ul li button strong::after {content:""; position:absolute; left:10px; top:50%; transform:translate(0, -50%); width:1px; height:12px; background-color:var(--color-gray6);}
.my_booking_cate ul li.active button {background-color:var(--color-gray0);}
.my_booking_cate ul li.active button span {color:var(--color-gray1);}
.my_booking_cate ul li.active button strong,
.my_booking_cate ul li.active button strong::before {color:var(--color-gray7);}
.my_booking_cate ul li.active button strong::after {background-color:var(--color-gray7);}

.my_booking_sch_wrap {display:flex; justify-content:space-between; padding:50px 0;}
.my_booking_state {}
.my_booking_state ul {display:flex; gap:12px;}
.my_booking_state ul li {}
.my_booking_state ul li button {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; width:100px; height:80px; border:2px solid var(--color-gray7);}
.my_booking_state ul li.active button {border-color:var(--color-gray0)}
.my_booking_state ul li button em {font-style:normal; color:var(--color-gray6)}
.my_booking_state ul li button strong {color:var(--color-gray3)}
.my_booking_state ul li.active button em {font-weight:700; color:var(--color-gray0);}
.my_booking_state ul li.active button strong {font-weight:700; color:var(--color-gray0); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:2px;}
.my_booking_state ul li button span {overflow:hidden; display:inline-block; position:absolute; z-index:-1; border:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);}

.sch_booking_wrap {display:flex; flex-direction:row-reverse; padding:8px 0 0 0;}
.sch_booking_wrap .classify {display:flex; align-items:center; height:60px;}
.sch_booking_wrap .classify .btn_class {display:flex; align-items:center;}
.sch_booking_wrap .classify .btn_class::before {content:''; width:1px; height:20px; margin:0 12px; background-color:var(--color-gray7);}
.sch_booking_wrap .classify .btn_class:first-child::before {display:none;}
.sch_booking_wrap .classify .btn_class span {color:var(--color-gray6);}
.sch_booking_wrap .classify .btn_class.active span {color:var(--color-gray0);}
.sch_booking_wrap .classify + .my_sch_box {padding-right:71px;}
.sch_booking_wrap .my_sch_box fieldset {display:flex; align-items:center;}
.sch_booking_wrap .my_sch_box fieldset label {overflow:hidden; display:inline-block; position:absolute; z-index:-1; border:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);}
.sch_booking_wrap .my_sch_box fieldset .sel01 {width:160px;}
.sch_booking_wrap .sch_group_wrap .sch_wrap {width:272px;}
.sch_booking_wrap .sch_form_box {display:flex; width:230px; margin-left:20px; border-bottom:1px solid var(--color-gray6);}
.sch_booking_wrap .sch_form_box input {width:calc(100% - 64px); padding:22px 0 21px 24px; border:0 none; background:none; box-sizing:border-box;}
.sch_booking_wrap .sch_form_box input::placeholder {color:var(--color-gray6);}
.sch_booking_wrap .sch_form_box .btn_sch {width:64px; height:60px; background:url(/images/common/ico_sch02.svg) no-repeat 50% 50%; background-size:24px 24px; color:transparent;}


.list_booking {display:flex; flex-wrap:wrap;}
.list_booking > ul {width:100%; border-top:2px solid var(--color-gray0);}
.list_booking > ul > li {border-top:1px solid var(--color-gray7);}
.list_booking > ul > li:first-child {border-top:0 none;}
.list_booking > ul > li .ticket_info {display:flex; align-items:center; padding:36px;}
.list_booking > ul > li .ticket_info .thumb {flex-shrink:0; width:146px; height:198px; aspect-ratio:146 / 198;}
.list_booking > ul > li .ticket_info .thumb button {display:block;}
.list_booking > ul > li .ticket_info .thumb img {width:146px; height:198px; aspect-ratio:146 / 198;}
.list_booking > ul > li .ticket_info .prd_info {flex:1; padding:66px 0 0 65px; position:relative;}
.list_booking > ul > li .ticket_info .prd_info .perf_number {position:absolute; right:18px; top:0; padding:10px 28px 10px 0;}
.list_booking > ul > li .ticket_info .prd_info .perf_number::after {content:""; position:absolute; right:0; top:50%; transform:translate(0,-50%); width:20px; height:15px; background:url(/images/common/ico_arr07.svg) no-repeat 0 0; background-size:contain;}
.list_booking > ul > li .ticket_info .prd_info .perf_number span {padding:0 8px 0 0; font-size:14px; color:var(--color-gray3);}
.list_booking > ul > li .ticket_info .prd_info .perf_number em {color:var(--color-sub2); font-weight:600; letter-spacing:1.08px; font-style:normal;}
.list_booking > ul > li .ticket_info .prd_info .tit {text-align:left; line-height:32px;}
.list_booking > ul > li .ticket_info .prd_info .tit strong {font-size:22px; font-weight:700;}
.list_booking > ul > li .ticket_info .prd_info .tit .tit_pk {display:inline-flex; justify-content:center; align-items:center; width:80px; height:39px; margin-right:10px; color:var(--color-gray3); font-size:16px; font-weight:700; background:url(/images/sub/bg_packge.svg) no-repeat 0 0;}
.list_booking > ul > li .ticket_info .prd_info .info {padding:36px 0 0 0;}
.list_booking > ul > li .ticket_info .prd_info .info li {display:flex; padding:4px 0;}
.list_booking > ul > li .ticket_info .prd_info .info li span {width:100px; font-weight:600; color:var(--color-gray3);}
.list_booking > ul > li .ticket_info .prd_info .info li strong {width:calc(100% - 100px); color:var(--color-gray3);}
.list_booking > ul > li .ticket_info .prd_info .info li strong em {color:var(--color-gray6); font-style:normal;}
.list_booking > ul > li .ticket_info .prd_info .prd_state {position:absolute; left:65px; top:0; display:flex; flex-direction:row-reverse; gap:8px;}
.list_booking > ul > li .ticket_info .prd_info .prd_state em {display:flex; justify-content:center; align-items:center; width:80px; height:38px; font-style:normal; box-sizing:border-box;}
.list_booking > ul > li .ticket_info .prd_info .prd_state em.count {position:relative; background-color:var(--color-gray3); color:var(--color-gray1); font-size:16px; font-weight:700;}
.list_booking > ul > li .ticket_info .prd_info .prd_state em.state span {color:var(--color-gray1); font-size:16px; font-weight:700;}
.list_booking > ul > li .ticket_info .prd_info .prd_state em.state.st01 {background-color:var(--color-sub2);}
.list_booking > ul > li .ticket_info .prd_info .prd_state em.state.st02 {background-color:var(--color-sub2);}
.list_booking > ul > li .ticket_info .prd_info .prd_state em.state.st03 {background-color:var(--color-gray6);}
.list_booking > ul > li.noData {padding:210px 0; min-width:100%;}
.list_booking > ul > li.noData p {padding-top:149px; background:url(/images/common/bg_nodata.svg) no-repeat 50% 0; background-size:200px auto; font-family:var(--font-family1); font-weight:400; font-size:24px; text-align:center;}
.list_booking > ul > li.noData p em {font-family:var(--font-family1); font-weight:400; font-size:24px; font-style:normal;}

.list_booking.pack > ul > li .ticket_info .thumb,
.list_booking.pack > ul > li .ticket_info .thumb img {width:146px; height:146px; aspect-ratio:1 / 1;}

.pk_show_list {margin-bottom:60px;}
.pk_show_list li {position:relative; padding:22px 46px; background-color:var(--color-gray4); border-bottom:4px solid var(--color-gray1);}
.pk_show_list li:last-child {border-bottom:0 none;}
.pk_show_list li > div {display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding-right:195px;}
.pk_show_list li .title {display:block; word-break:break-all; text-align:left; line-height:28px; box-sizing:border-box; width:100%; font-weight:600;}
.pk_show_list li .prd_info {flex-shrink:0; display:flex; flex-wrap:wrap; box-sizing:border-box; gap:40px;}
.pk_show_list li .prd_info > p {display:inline-flex; flex-shrink:0; gap:16px;}
.pk_show_list li .prd_info > p span {font-size:16px; font-weight:600;}
.pk_show_list li .prd_info > p strong {font-size:16px;}
.pk_show_list li.useBefore .prd_info > p strong {color:var(--color-sub2); font-weight:600;}
.pk_show_list li .btn_area {position:absolute; right:49px; top:50%; transform:translate(0,-50%); display:inline-flex; align-items:center; padding:0;}
.pk_show_list li .btn_area a::after,
.pk_show_list li .btn_area button::after {content:""; width:18px; height:16px; background:url(/images/common/ico_arr07.svg) no-repeat 0 0; background-size:100% auto; margin-left:8px;}
.pk_show_list li .btn_area a,
.pk_show_list li .btn_area button {display:flex; align-items:center; justify-content:center; width:139px; height:56px; border:1px solid var(--color-gray7); background-color:var(--color-gray1); color:var(--color-gray3);}
.pk_show_list li .btn_area a span,
.pk_show_list li .btn_area button span {color:var(--color-gray3); font-size:16px; font-weight:600;}
.pk_show_list li.usePrd em {display:inline-block; width:fit-content; padding:5px 14px 4px; background-color:#DA291C; color:var(--color-gray1); font-size:13px; font-weight:600; box-sizing:border-box; font-style:normal;}
.pk_show_list li.usePrd strong {word-break:break-all; font-weight:600;}


@media (max-width:1200px) {
    .my_booking_sch_wrap {display:block;}
    .my_booking_sch_wrap::before {top:134px; bottom:auto;}
    .my_booking_sch_wrap:not(.pack) .sch_booking_wrap {width:100%; padding:20px 0 0 0; justify-content:space-between;}


    .my_booking_sch_wrap {padding:40px 0 60px;}
    .my_booking_sch_wrap::before {left:65px; right:65px;}
}
/*------------------------------------
    예매내역 - 상세
--------------------------------------*/
.booking_view_wrap {position:relative;}
.booking_prd_info {position:relative; background-color:var(--color-gray4); display:flex; padding:36px 40px; align-items:center;}
.booking_prd_info .thumb {flex-shrink:0; width:146px; height:198px; aspect-ratio:146 / 198;}
.booking_prd_info .thumb button {display:block;}
.booking_prd_info .thumb img {width:146px; height:198px; aspect-ratio:146 / 198;}
.booking_view_wrap.pk_type .booking_prd_info .thumb,
.booking_view_wrap.pk_type .booking_prd_info .thumb img {aspect-ratio:1 / 1; width:146px; height:146px;}
.booking_prd_info .info {width:calc(100% - 146px); position:relative; padding:66px 0 0 64px; box-sizing:border-box;}
.booking_prd_info .info .perf_number {position:absolute; right:0; top:0;}
.booking_prd_info .info .perf_number strong {padding:0 14px 0 0; font-size:14px; color:var(--color-gray3);}
.booking_prd_info .info .perf_number em {color:var(--color-sub2); font-weight:600; letter-spacing:1.08px; font-style:normal;}
.booking_prd_info .info .tit {padding:0 0 36px 0; font-size:22px; font-weight:700;}
.booking_prd_info .info > p:not(.tit) {display:flex; padding:0 0 10px 0;}
.booking_prd_info .info > p > span {width:100px; font-weight:600; color:var(--color-gray3)}
.booking_prd_info .info > p > strong {width:calc(100% - 100px); color:var(--color-gray3);}
.booking_prd_info .info > p > strong em {color:var(--color-gray6); font-style:normal;}
.booking_prd_info .info > p > em {width:calc(100% - 100px); color:var(--color-gray3); font-style:normal;}

.booking_prd_info .info .prd_state {position:absolute; left:65px; top:0; display:flex; flex-direction:row-reverse; gap:8px;}
.booking_prd_info .info .prd_state em {display:flex; justify-content:center; align-items:center; width:80px; height:38px; font-style:normal; box-sizing:border-box;}
.booking_prd_info .info .prd_state em.count {position:relative; background-color:var(--color-gray3); color:var(--color-gray1); font-size:16px; font-weight:700;}
.booking_prd_info .info .prd_state em.state span {color:var(--color-gray1); font-size:16px; font-weight:700;}
.booking_prd_info .info .prd_state em.state.st01 {background-color:var(--color-sub2);}
.booking_prd_info .info .prd_state em.state.st02 {background-color:var(--color-sub2);}
.booking_prd_info .info .prd_state em.state.st03 {background-color:var(--color-gray6);}
.booking_prd_info .info .edu_info {display:flex; flex-wrap:wrap; width:794px; padding:4px 0 0 0;}
.booking_prd_info .info .edu_info dt {width:94px; padding:4px 0; margin-left:60px; font-weight:600;}
.booking_prd_info .info .edu_info dd {width:243px; padding:4px 0;}
.booking_prd_info .btn_area {padding:0; position:absolute; bottom:40px; right:125px;}
.booking_prd_info .btn_area .btn01 {min-width:145px; height:40px; background-color:#F3F3F3;}
.booking_prd_info .btn_area .btn01:hover {background-color:#e1e1e1;}
.booking_prd_info .btn_area .btn01 span {display:inline-flex; height:25px; padding-left:34px; background:url(/images/common/ico_parking.svg) no-repeat 0 50%; line-height:25px;}

.booking_view_box {max-width:1280px; width:100%; padding:100px 0 0 0;}
.booking_view_box h4,
.booking_view_wrap > h4 {padding:0 0 25px 0; font-family:var(--font-family1); font-size:24px; font-weight:500; line-height:36px; letter-spacing:-1.38px;}
.booking_view_box em {font-style:normal; color:var(--color-gray3);}
.booking_view_box > ul,
.booking_view_box > .inBox > ul {width:100%; border-top:2px solid var(--color-gray0);}
.booking_view_box > ul > li,
.booking_view_box > .inBox > ul > li {display:flex; align-items:center; padding:30px 0; border-top:1px solid var(--color-gray6); box-sizing:border-box;}
.booking_view_box > ul > li:first-child,
.booking_view_box > .inBox > ul > li:first-child {border-top:0 none;}
.booking_view_box > ul > li:last-child,
.booking_view_box > .inBox > ul > li:last-child {border-bottom:1px solid var(--color-gray6);}
.booking_view_box > ul > li > span,
.booking_view_box > .inBox > ul > li > span {width:200px; box-sizing:border-box; font-weight:600;}
.booking_view_box > ul > li > div,
.booking_view_box > .inBox > ul > li > div {width:calc(100% - 200px); box-sizing:border-box; color:var(--color-gray3);}
.booking_view_box > ul > li > div p,
.booking_view_box > .inBox > ul > li > div p {color:var(--color-gray3);}
.booking_view_box > ul > li > div p + p,
.booking_view_box > .inBox > ul > li > div p + p {padding-top:8px;}
.booking_view_box > ul > li > div em {font-style:normal;}
.booking_view_box > .inBox > ul > li > div span,
.booking_view_box > ul > li > div span,
.booking_view_box > .inBox > ul > li > div strong,
.booking_view_box > ul > li > div strong {color:var(--color-gray3);}
.booking_view_box > ul > li > .prd_state {}
.booking_view_box > ul > li > .prd_state > em {display:inline-flex; justify-content:center; align-items:center; width:80px; height:38px; font-style:normal; box-sizing:border-box;}
.booking_view_box > ul > li > .prd_state > em.count {position:relative; background-color:var(--color-gray3); color:var(--color-gray1); font-size:16px; font-weight:700;}
.booking_view_box > ul > li > .prd_state > em.state span {color:var(--color-gray1); font-size:16px; font-weight:700;}
.booking_view_box > ul > li > .prd_state > em.state.st01 {background-color:var(--color-sub2);}
.booking_view_box > ul > li > .prd_state > em.state.st02 {background-color:var(--color-sub2);}
.booking_view_box > ul > li > .prd_state > em.state.st03 {background-color:var(--color-gray6);}
.booking_view_box > ul > li > .prd_state > ul {padding:10px 0 0 0;}
.booking_view_box > ul > li > .prd_state > ul > li {color:var(--color-gray3); line-height:27px;}
.booking_view_box > ul > li > .receipt {display:block;}
.booking_view_box > ul > li > .receipt strong {display:inline-block; padding:0 10px 0 0; font-weight:600; color:var(--color-gray0)}
.booking_view_box > ul > li > .receipt .mTicket_link {display:flex; align-items:center; flex-wrap:wrap;}

.booking_view_box > ul > li > .receipt .delivery_list > div:first-child {padding-top:4px;}
.booking_view_box > ul > li > .receipt .delivery_list > div div + .btn_change {margin-left:8px;}
.booking_view_box > ul > li > .receipt .delivery_list > div .btn_change {padding:10px 15px; margin-right:8px; background-color:var(--color-gray1); border:1px solid var(--color-gray0)}
.booking_view_box > ul > li > .receipt .delivery_list > div .btn_change span {font-size:16px;}
.booking_view_box > ul > li > .receipt .delivery_list > div + div,
.booking_view_box > ul > li > .receipt .btn01 + .mTicket_link {padding-top:24px;}
.booking_view_box > ul > li > .receipt .delivery_list > div > ul {display:block;}
.booking_view_box > ul > li > .receipt > ul {display:flex; flex-wrap:wrap; padding-bottom:24px;}
.booking_view_box > ul > li > .receipt .delivery_list > div > ul:last-child {padding-bottom:0;}
.booking_view_box > ul > li > .receipt .delivery_list > div > ul li + li,
.booking_view_box > ul > li > .receipt > ul li + li {padding:10px 0 0 0;}
.booking_view_box > ul > li > .receipt .delivery_list > div > ul li .txt {font-weight:600;}
.booking_view_box > ul > li > .receipt em {display:inline-block; padding:0 10px 0 0; font-style:normal;}
.booking_view_box > ul > li > .receipt .delivery_list > div > p,
.booking_view_box > ul > li > .receipt > p {padding-top:24px; line-height:28px; color:var(--color-gray6);}
.booking_view_box > ul > li > .receipt .delivery_list + .delivery_list {margin-top:24px;}
.booking_view_box > ul > li > .receipt .btn_q {width:25px; height:25px; display:inline-flex; justify-content:center; align-items:center; margin-left:8px; border:2px solid var(--color-gray0); border-radius:25px; font-weight:900; box-sizing:border-box;}
.booking_view_box > ul > li > .receipt .btn_area {display:flex; padding:0; justify-content:flex-start;}
.booking_view_box > ul > li > .receipt .btn_area button {padding:0 30px 0 0; background:url(/images/common/ico_arr01.svg) no-repeat 100% 50%; background-size:24px auto;}
.booking_view_box > ul > li > .receipt .btn_area button:first-child {margin-left:0}
.booking_view_box > ul > li > .receipt .btn_area button {margin-right:10px;}
.booking_view_box > ul > li > .receipt .btn_area button span {font-weight:600;}
.booking_view_box > ul > li > .receipt .btn_area button:hover span,
.booking_view_box > ul > li > .receipt .btn_area button:focus-visible span {text-decoration:underline; text-underline-offset:5px;}
/* .booking_view_box > ul > li > .perfDate {flex-direction:row; justify-content:flex-start; align-items:center;} */

.btn_receipt {display:flex; justify-content:center; align-items:center; padding:9px 15px; border:1px solid var(--color-gray0); background-color:var(--color-gray1);}
.btn_receipt::before {content:""; width:20px; height:20px; margin-right:8px; mask:url(/images/common/ico_receipt.svg) no-repeat 50% 50%; mask-size:contain; background-color:var(--color-gray0);}
.btn_receipt > span {color:var(--color-gray0); font-size:16px}
.booking_view_box > ul > li.total,
.booking_view_box > .inBox > ul > li.total {background-color:var(--color-gray4); padding:27px 0; border-color:var(--color-gray4); border-top:1px solid var(--color-gray4); border-radius:10px;}
.booking_view_box > ul > li.total > div,
.booking_view_box > .inBox > ul > li.total > div {width:100%; padding:0 20px; display:flex; flex-direction:row; justify-content:flex-end; align-items:center;}
.booking_view_box > ul > li.total > div span,
.booking_view_box > .inBox > ul > li.total > div span {font-weight:600; color:var(--color-gray0);}
.booking_view_box > ul > li.total > div em,
.booking_view_box > .inBox > ul > li.total > div em {padding:0 0 0 24px; font-style:normal; color:var(--color-gray3);}
.booking_view_box > ul > li.total > div span + em,
.booking_view_box > .inBox > ul > li.total > div span + em {padding:0 0 0 40px; color:var(--color-sub1); font-size:20px; letter-spacing:-0.99px; font-weight:600;}
.booking_view_box > ul > li.total > div .btn_receipt,
.booking_view_box > .inBox > ul > li.total > div .btn_receipt {margin-left:24px;}
.booking_view_box > ul > li.total > div .btn_receipt span,
.booking_view_box > .inBox > ul > li.total > div .btn_receipt span {color:var(--color-gray0); font-weight:400;}
.booking_view_box > .inBox > ul > li.total > div .btn_receipt_wrap {display:flex; flex-direction:column; gap:10px; margin-left:24px;}
.booking_view_box > ul > li > div > ul {line-height:27px;}
.booking_view_box > ul > li > div > ul li {color:var(--color-gray3)}
.booking_view_box > ul > li > div.discount > ul {display:block; padding:8px 0;}
.booking_view_box > ul > li > div.discount > ul li {padding:0; color:var(--color-gray3)}
.booking_view_box > ul > li > div.discount > ul li .tit {font-weight:400;}
.booking_view_box > ul > li > div > ul li em.tit {font-style:normal; font-weight:600; color:var(--color-gray3)}
.booking_view_box > ul > li > div > ul li.total_price em.tit {font-weight:600;}
.booking_view_box > ul > li > div.edu_payment {display:flex; flex-wrap:wrap; flex-direction:row; justify-content:flex-start;}
.booking_view_box > ul > li > div.edu_payment p {padding:0 0 0 16px;}
.booking_view_box > ul > li > div.edu_payment p:first-child + p {padding:0;}
.booking_view_box > ul > li > div.edu_payment p:first-child {display:flex; width:100%; align-items:center; padding:0 0 8px 0;}
.booking_view_box > ul > li > div.edu_payment p:first-child .btn_receipt {margin:0 0 0 24px;}
.booking_view_box > ul > li > div.tk_message_content .messageBox {position:relative; padding:0 100px 0 0;}
.booking_view_box > ul > li > div.tk_message_content .messageBox > button {position:absolute; right:0; top:0; width:91px; height:43px; border:1px solid var(--color-gray0); background-color:var(--color-gray1);}
.booking_view_box > ul > li > div.tk_message_content .messageBox > input {width:100%; height:43px; padding:0 20px; background-color:var(--color-gray4); border:1px solid var(--color-gray6); box-sizing:border-box;}
.booking_view_box > ul > li > div.tk_message_content > ul li {padding-top:8px;}

.booking_view_box > .inBox > ul > li.noData {padding:210px 0; min-width:100%; justify-content:center;}
.booking_view_box > .inBox > ul > li.noData p {padding-top:149px; background:url(/images/common/bg_nodata.svg) no-repeat 50% 0; background-size:200px auto; font-family:var(--font-family1); font-weight:400; font-size:24px; text-align:center;}
.booking_view_box .booking_txt {padding:10px 0 0 0;}
.booking_view_box .booking_notice_wrap {border:1px solid var(--color-gray2)}
.booking_view_box .booking_notice_wrap dl {display:flex; padding:40px 0;}
.booking_view_box .booking_notice_wrap dl dt {padding:0 141px 0 100px; font-size:18px; letter-spacing:-0.99px; font-weight:600;}
.booking_view_box .booking_notice_wrap dl dd {line-height:28px;}
.booking_view_box .booking_notice_wrap dl dd .txt_bul02 li {padding-bottom:10px;}
.booking_view_box .booking_notice_wrap dl dd .txt_bul02 strong {font-weight:600;}


.seat_info_wrap {position:relative;}
.seat_info_wrap + .btn_area {padding:40px 0 0 0; gap:18px;}
.seat_info_wrap + .btn_area button {width:210px;}
.seat_info_wrap .seat_info_txt {position:absolute; left:110px; top:-54px; padding:0 0 10px 0; display:none;}
.seat_info_wrap .check_all {position:absolute; right:14px; top:-65px;}
.seat_info_wrap > ul {width:100%;}
.seat_info_wrap > ul > li {position:relative;}
.seat_info_wrap > ul > li + li {margin-top:40px;}
.seat_info_wrap > ul > li .seat_tit {padding:30px 0; background-color:var(--color-gray4); border-radius:10px; box-sizing:border-box;}
.seat_info_wrap > ul > li .seat_tit > p button,
.seat_info_wrap > ul > li .seat_tit > p {display:flex; align-items:center; text-align:left; width:100%;}
.seat_info_wrap > ul > li .seat_tit > p button:disabled {pointer-events:none; cursor:default;}
.seat_info_wrap > ul > li .seat_tit span {font-weight:600;}
.seat_info_wrap > ul > li .seat_tit strong {min-width:200px; font-weight:600; text-align:left; padding:0 10px 0 40px; box-sizing:border-box;}
.seat_info_wrap > ul > li .seat_tit a {font-weight:600;}
.seat_info_wrap > ul > li .seat_tit .chk_area {position:absolute; right:14px; top:24px; display:flex; flex-direction:row; justify-content:flex-end; z-index:1; width:32px;}
.seat_info_wrap > ul > li .seat_tit .chk_area .chk01 {display:flex; height:32px;}
.seat_info_wrap > ul > li .seat_tit .chk_area .ticket_delivery {display:none; justify-content:center; align-items:center; width:80px; height:40px; font-style:normal; box-sizing:border-box; position:relative; background-color:var(--color-sub1);}
.seat_info_wrap > ul > li .seat_tit .chk_area .ticket_delivery::before {content:""; position:absolute; right:-7px; top:-7px; width:14px; height:14px; transform:rotate(45deg); background-color:var(--color-gray1);}
.seat_info_wrap > ul > li .seat_tit .chk_area .ticket_delivery span {color:var(--color-gray1); font-size:13px; font-weight:600; letter-spacing:-0.71px; font-style:normal;}
.seat_info_wrap > ul > li .seat_info {position:relative;}
.seat_info_wrap > ul > li .seat_info dl {display:flex; flex-wrap:wrap;}
.seat_info_wrap > ul > li .seat_info .mwOnly {display:none;}
.seat_info_wrap > ul > li .seat_info dl dt {width:200px; padding:30px 0; font-weight:600; border-top:1px solid var(--color-gray6); color:var(--color-gray0);}
.seat_info_wrap > ul > li .seat_info dl dd {width:calc(100% - 200px); padding:30px 0; border-top:1px solid var(--color-gray6); color:var(--color-gray3)}
.seat_info_wrap > ul > li .seat_info dl dt:first-of-type,
.seat_info_wrap > ul > li .seat_info dl dd:first-of-type {border-top:0 none;}
.seat_info_wrap > ul > li .seat_info dl dt:last-of-type,
.seat_info_wrap > ul > li .seat_info dl dd:last-of-type {border-bottom:1px solid var(--color-gray6);}
.seat_info_wrap > ul > li .seat_info dl dd em {font-style:normal;}
.seat_info_wrap > ul > li .seat_info dl dd span {padding-left:8px; color:var(--color-gray3)}

.seat_info_wrap > ul > li .seat_tit.pk_seat {width:100%; padding:30px 60px; border-radius:4px; background-color:var(--color-gray1); border:1px solid var(--color-gray0);}
.seat_info_wrap > ul > li .seat_tit.pk_seat p {text-align:left;}
.seat_info_wrap > ul > li .seat_info.pk_seat {position:relative; width:100%; padding:0;}
.seat_info_wrap > ul > li .seat_info.pk_seat > strong {overflow:hidden; display:inline-block; position:absolute; z-index:-1; border:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);}
.seat_info_wrap > ul > li .seat_info.pk_seat .chk_area {position:absolute; right:14px; top:-62px; display:flex; flex-direction:row; justify-content:flex-end; z-index:1;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list {width:100%; margin:4px 0 0 0; background:none;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li {position:relative; padding:22px 46px; background-color:var(--color-gray4); border-bottom:4px solid var(--color-gray1);}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li:last-child {border-bottom:0 none;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li > div {display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding-right:195px;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li .title {display:block; word-break:break-all; text-align:left; line-height:28px; box-sizing:border-box; width:100%; font-weight:600;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li .prd_info {flex-shrink:0; display:flex; flex-wrap:wrap; box-sizing:border-box; gap:40px;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li .prd_info > p {display:inline-flex; flex-shrink:0; gap:16px;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li .prd_info > p span {font-size:16px; font-weight:600;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li .prd_info > p strong {font-size:16px;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li.useBefore .prd_info > p strong {color:var(--color-sub2); font-weight:600;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li .btn_area {position:absolute; right:49px; top:50%; transform:translate(0,-50%); display:inline-flex; align-items:center; padding:0;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li .btn_area a::after,
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li .btn_area button::after {content:""; width:18px; height:16px; background:url(/images/common/ico_arr07.svg) no-repeat 0 0; background-size:100% auto; margin-left:8px;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li .btn_area a,
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li .btn_area button {display:flex; align-items:center; justify-content:center; width:139px; height:56px; border:1px solid var(--color-gray7); background-color:var(--color-gray1); color:var(--color-gray3);}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li .btn_area a span,
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li .btn_area button span {color:var(--color-gray3); font-size:16px; font-weight:600;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li.usePrd em {display:inline-block; width:fit-content; padding:5px 14px 4px; background-color:#DA291C; color:var(--color-gray1); font-size:13px; font-weight:600; box-sizing:border-box; font-style:normal;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li.usePrd strong {word-break:break-all; font-weight:600;}

.seat_info_wrap > ul > li .seat_info.pk_seat .seatNot {width:100%; display:flex; justify-content:center; padding:43px 0; margin-top:4px; background:var(--color-gray4);}
.seat_info_wrap > ul > li.noData {padding:43px 0; justify-content:center;}

.seat_info_wrap > ul > li.noData {padding:210px 0; min-width:100%; justify-content:center; border-top:2px solid var(--color-gray0); border-bottom:1px solid var(--color-gray6);}
.seat_info_wrap > ul > li.noData p {padding-top:149px; background:url(/images/common/bg_nodata.svg) no-repeat 50% 0; background-size:200px auto; font-family:var(--font-family1); font-weight:400; font-size:24px; text-align:center;}

.seat_info_wrap > ul > li .seat_info.pk_seat .seatNot strong {font-weight:600;}
.seat_info_wrap > ul > li .seat_info.pk_seat .seatNot span,
.seat_info_wrap > ul > li .seat_info.pk_seat .seatNot p {padding-left:10px;}

.charge_wrap {}
.charge_wrap .charge_info {position:relative; display:flex; justify-content:center; align-items:center; width:100%; height:80px; background-color:var(--color-gray3); text-align:center;}
.charge_wrap .charge_info .time {color:var(--color-gray1); font-weight:600; font-size:22px;}
.charge_wrap .charge_info .time > span {color:var(--color-gray1); font-weight:600; font-size:22px;}
.charge_wrap .charge_info .time > span strong {color:var(--color-gray1); font-weight:600; font-size:22px;}
.charge_wrap .charge_info > p em {color:var(--color-gray1);}
.charge_wrap .charge_info > p.txt {padding:0 0 0 5px; color:var(--color-gray1);}
.charge_wrap .charge_info .time + p {padding-left:123px}
.charge_wrap .tbl_charge {width:100%; padding:0;}
.charge_wrap .charge_info + .tbl_charge {width:100%; padding:30px 0 0 0; box-sizing:border-box; display:flex; flex-direction:column-reverse;}
.charge_wrap .tbl_charge table {width:100%; border-top:2px solid var(--color-gray0)}
.charge_wrap .tbl_charge table thead th {padding:30px 0; border-bottom:1px solid var(--color-gray2); font-weight:600;}
.charge_wrap .tbl_charge table tbody td {padding:17px 0; border-bottom:1px solid var(--color-gray2); text-align:center; vertical-align:middle; line-height:28px; color:var(--color-gray3);}
.charge_wrap .tbl_charge table tbody td > em,
.charge_wrap .tbl_charge table tbody td > span {display:block; font-weight:600; font-style:normal; color:var(--color-gray3);}
.charge_wrap .tbl_charge table tbody td > p {padding:10px 0 0 0; color:var(--color-gray3);}
.charge_wrap .txt_guide {padding:0 40px 30px;}
.charge_wrap .txt_guide:first-child {padding:0;}
.charge_wrap .txt_guide ul li {position:relative; padding:0 0 0 20px; line-height:30px; color:var(--color-gray6);}
.charge_wrap .txt_guide ul li + li {margin-top:8px;}
.charge_wrap .txt_guide ul li.point,
.charge_wrap .txt_guide ul li .point {font-weight:600; color:var(--primary-c4);}
.charge_wrap .txt_guide ul li::before {content:""; position:absolute; left:0; top:12px; transform:translate(0, -50%); width:4px; height:4px; border-radius:6px; background-color:var(--color-gray6);}
.charge_wrap .btn_area.mwOnly {display:none;}

.booking_view_box + .btn_area {gap:40px;}
.booking_view_box + .btn_area .btn03 {width:262px;}

.txt_Precautions {padding:40px 50px; border:1px solid var(--color-gray7);}
.txt_Precautions > ul {background-color:var(--color-gray4); padding:30px;}
.txt_Precautions > ul li {line-height:27px; color:var(--color-gray3);}
.txt_Precautions > ul li + li {padding-top:16px;}
.txt_Precautions > dl {background-color:var(--color-gray4); padding:30px;} 
.txt_Precautions > dl dt {font-weight:700; padding-bottom:15px;}
.txt_Precautions > dl dd + dt {padding-top:25px;}
.txt_Precautions > dl dd li {line-height:27px; color:var(--color-gray3);}
.txt_Precautions > dl dd li + li {padding-top:16px;}
.txt_Precautions > .btn_area a {width:296px; height:58px; background-color:var(--color-sub1); display:flex; justify-content:center; align-items:center;}
.txt_Precautions > .btn_area a span {color:var(--color-gray1);}

/*------------------------------------
    팝업
--------------------------------------*/
.btn_pu_closed {position:absolute; right:40px; top:23px; width:20px; height:20px; padding:0; background:url(/images/common/btn_closed.svg) no-repeat 50% 50%; background-size:20px 20px;}
.ly_popup_wrap {position:fixed; left:0; top:0; right:0; bottom:0; z-index:0;}
.ly_popup_wrap .ly_dim {display:block;}
.ly_popup_wrap .ly_popup .btn_area {padding:0; margin-top:30px;}
.ly_popup {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:80; background-color:var(--color-gray1);}

.layer_popup {position:fixed; left:0; top:0; right:0; bottom:0; z-index:81;}
.layer_popup .ly_dim {display:block; z-index:81;}
.layer_popup .inner_layer {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:82; width:100%; max-width:700px; min-height:330px; height:100%; max-height:588px; padding:67px 0 100px; background-color:var(--color-gray1); box-sizing:border-box;}
.layer_popup .inner_layer >  .layer_close {position:absolute; right:20px; top:20px; width:20px; height:20px; padding:0; mask:url(/images/common/ico_close03.svg) no-repeat 50% 50%; mask-size:20px 20px; background-color:var(--color-gray0);}
.layer_popup.note_popup .inner_layer {max-height:350px; max-width:400px;}
.layer_popup.my_popup_method .inner_layer {max-height:450px;}
.layer_popup.my_popup_pkSeat .inner_layer {max-width:650px;}
.layer_popup.my_add_view .inner_layer {max-width:520px; max-height:420px;}
.layer_popup.payment_popup .inner_layer {max-height:415px; max-width:400px; padding:67px 0 0;}
.layer_popup.agree_popup01 .inner_layer {max-height:650px;}
.layer_popup.agree_popup02 .inner_layer {max-height:460px;}
.layer_popup.message_popup .inner_layer {max-width:455px; max-height:520px;}


.layer_popup .layer_head {position:absolute; left:0; top:0; right:0; padding:14px 30px; border-bottom:1px solid var(--color-gray7);}
.layer_popup .layer_head strong {font-family:var(--font-family1); font-size:18px; font-weight:500; line-height:32px;}
.layer_popup .layer_head .layer_close {position:absolute; right:20px; top:25px; width:20px; height:20px; padding:0; mask:url(/images/common/ico_close03.svg) no-repeat 50% 50%; mask-size:20px 20px; background-color:var(--color-gray0);}

.layer_popup .layer_content {position:relative; height:100%; padding:0 30px; box-sizing:border-box; overflow:auto; box-sizing:border-box;}
.layer_popup .layer_content::-webkit-scrollbar {width:10px;}
.layer_popup .layer_content::-webkit-scrollbar-thumb {background-color:#858995; border-radius:10px; background-clip:padding-box; border:2px solid transparent;}
.layer_popup .layer_content::-webkit-scrollbar-track {background-color:var(--color-gray1); border-radius:10px;}

.layer_popup .layer_foot {position:absolute; left:0; bottom:0; right:0; padding:0 0 20px 0;}
.layer_popup .layer_foot > .layer_close {display:block; width:100%; text-align:center; background-color:#e6e6e6; font-size:1em; font-weight:800; color:#aaa; line-height:56px; height:56px; border:0; outline:none;}
.layer_popup .layer_foot .wrap_btn {overflow:hidden; text-align:center;}
.layer_popup .layer_foot .wrap_btn button {margin:0 5px;}
.layer_popup .layer_foot button.layer_cancel,
.layer_popup .layer_foot button.layer_confirm {display:inline-flex; align-items:center; justify-content:center; height:60px; min-width:108px; padding:0 8px; box-sizing:border-box;}
.layer_popup .layer_foot button.layer_cancel span {color:var(--color-gray0); font-weight:700;}
.layer_popup .layer_foot button.layer_confirm span {color:var(--color-gray1); font-weight:700;}
.layer_popup .layer_foot button.layer_cancel {min-width:172px; justify-content:center; background-color:var(--color-gray1); border:1px solid var(--color-gray7);}
.layer_popup .layer_foot button.layer_confirm {min-width:172px; justify-content:center; background-color:var(--color-gray0); border:1px solid var(--color-gray0);}

/* 결제하기 */
.membership_info .membership_pay_wrap {width:100%; max-width:350px; height:100%; max-height:744px; background-color:var(--color-gray1); border-radius:5px;}
.membership_info_content h1 {padding:23px 20px; font-weight:800; border-bottom:1px solid var(--color-gray2)}
.membership_info_payment {height:473px; padding:0 20px; box-sizing:border-box; overflow:auto;}
.membership_info_payment h2 {padding:32px 0 20px; font-weight:800;}

.pay_type {display:flex;}
.pay_type li {padding-left:8px;}
.pay_type li:first-child {padding-left:0;}
.pay_type li span {display:block; height:auto; position:relative;}
.pay_type li span label::before {content:""; display:block; width:46px; height:32px;}
.pay_type li span input {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:2px solid var(--color-gray7);}
.pay_type li span input + label {display:flex; align-items:center; flex-direction:column; min-width:85px; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; border:1px solid #D4D8DA; border-radius:5px; text-align:center; transition:none !important; padding:12px 10px; box-sizing:border-box;}
.pay_type li span input + label strong {display:flex; padding:2px 0 0 0; font-size:13px; height:35px; font-weight:400 !important; line-height:16px; justify-content:center; align-items:center;}
.pay_type li span.pay_type01 input:checked + label {border-width:2px !important; margin-right:-1px; position:relative; z-index:1;}
.pay_type li span.pay_type02 input:checked + label {border-width:2px; margin-left:-1px; position:relative; z-index:1;}
.pay_type li span input:checked + label {border-color:var(--color-gray0); padding:11px 9px}
.pay_type li span input:checked + label strong {font-weight:800 !important;}
.pay_type li span.pay_type01 input + label::before {background:url(/images/sub/ico_card.png) no-repeat 50% 50%;}
.pay_type li span.pay_type02 input + label::before {background:url(/images/sub/ico_bank.png) no-repeat 50% 50%;}
/* 환불정보 */
.layer_popup .tit {padding:24px 0; font-size:16px; color:var(--color-gray3);}
.refund_bank_wrap .txt_bul02,
.cash_receipt_wrap .txt_bul02 {margin-top:30px;}
.refund_bank_wrap .txt_bul02 > *,
.cash_receipt_wrap .txt_bul02 > * {font-size:16px; line-height:24px; color:var(--color-gray6);}
.refund_bank_wrap .txt_bul02 > li::before,
.cash_receipt_wrap .txt_bul02 li::before {content:"※"; display:inline; padding-right:5px; color:var(--color-gray6);}
.tbl_ty_box {width:100%; margin:0 auto; border-top:1px solid var(--color-gray0)}
.tbl_ty_box ul {width:100%;}
.tbl_ty_box ul li {display:flex; border-bottom:1px solid var(--color-gray6);}
.tbl_ty_box ul li span,
.tbl_ty_box ul li.total div span {width:164px; padding:21px 0; font-weight:600;}
.tbl_ty_box ul li span + div {width:calc(100% - 164px); padding:21px 0; font-style:normal; color:var(--color-gray3);}
.tbl_ty_box ul li span + div * {color:var(--color-gray3);}
.tbl_ty_box ul li em {font-style:normal;}
.tbl_ty_box ul li:first-child div,
.tbl_ty_box ul li:nth-child(2) div {font-weight:600;}
.tbl_ty_box ul li.total div {display:flex; width:100%;}
.tbl_ty_box ul li.total div em {width:calc(100% - 164px); padding:21px 0; font-weight:800; color:var(--color-sub1)}

.refund_info {position:relative;}
.refund_form {width:100%; display:flex; align-items:center; margin:0 auto; border-bottom:1px solid var(--color-gray2);  border-top:1px solid var(--color-gray0);}
.refund_form > span {width:164px; padding:0 0 21px 0; margin-top:-10px; font-weight:500; box-sizing:border-box;}
.refund_form > div {width:calc(100% - 164px); padding:10px 0; font-style:normal; box-sizing:border-box;}
.refund_form > div li {display:flex; align-items:center; padding:10px 0;}
.refund_form > div li .sel03 {width:218px;}
.refund_form > div li .input01 {width:310px;}
.refund_form > div li::before {width:120px; color:var(--color-gray3); font-weight:500;}
.refund_form > div li:nth-child(1):before {content:"은행";}
.refund_form > div li:nth-child(2):before {content:"계좌번호";}
.refund_form > div li:nth-child(3):before {content:"예금주";}

.tbl_ty_box + .refund_info .refund_form {border-top:0 none; padding:58px 0 0 0;}
.tbl_ty_box + .refund_info .tit {position:absolute; left:164px; top:30px; padding:0;}

/* 현금영수증 */
.cash_receipt_wrap > .tit {font-weight:600;}
.cash_receipt_wrap .tab {display:flex; justify-content:space-evenly; padding:15px 0; border-top:2px solid var(--color-gray0);}
.cash_receipt_wrap .tab li {}
.cash_receipt_wrap .tab li .rdo01 label > input:checked + span {font-weight:800;}
.cash_receipt_wrap .tab_content {padding:0 0 15px; border-bottom:1px solid var(--color-gray2);}
.cash_receipt_wrap .tab_content .form .input01 {width:100%; box-sizing:border-box;}
.cash_receipt_wrap .chash_receipt_cont .tbl_ty_box {border-top:2px solid var(--color-gray0);}
.cash_receipt_wrap .chash_receipt_cont .btn_area {display:flex; justify-content:center; padding:24px 0 0 0;}
.cash_receipt_wrap .chash_receipt_cont .btn_area button {margin:0 4px;}

.notice_box {padding:32px 0; line-height:28px;}
.notice_box strong {font-weight:800;}

.btn_receipt_modify,
.btn_receipt_cancel {background-color:var(--color-gray4); width:133px; height:61px}
.btn_receipt_modify span,
.btn_receipt_cancel span {color:var(--color-gray3);}

/* 팝업 - 패키지구성선택 */
.tk_pack_selectBox .txt {padding:24px 0;}
.tk_pack_selectBox .txt strong {font-weight:600; font-size:16px; color:var(--color-gray3);}
.tk_pack_selectBox p {padding:10px 0 0 0; font-size:14px; color:var(--color-gray6);}
.tk_tb_pk_seatSelect {width:100%; table-layout:fixed;}
.pk_seatSecetBox {max-height:410px; overflow:auto; overflow-x:hidden;}
.tk_tb_pk_seatSelect thead th {height:50px; line-height:51px; border-top:2px solid #000000; border-bottom:1px solid #000000; font-weight:500; font-size:16px}
.tk_tb_pk_seatSelect tbody td {padding:10px 0; border-bottom:1px solid #dddddd; text-align:center; vertical-align:middle;}
.tk_tb_pk_seatSelect tbody th:first-child {border-left:0 none;}
.tk_tb_pk_seatSelect tbody td:first-child,.tk_tb_pk_seatSelect tbody th {border-left:none;}
.tk_tb_pk_seatSelect tbody td .tit {width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:0;}
.tk_tb_pk_seatSelect tbody td .tit strong {font-weight:normal;}
.tk_tb_pk_seatSelect tbody td .tit em {display:inline-block; width:104px; height:30px; font-style:normal; line-height:28px; margin:7px 15px 7px 0; border-radius:30px; box-sizing:border-box; font-size:16px; text-align:center; font-weight:500;}
.tk_tb_pk_seatSelect tbody td .tit em.seatComplete {background:#8F9191; color:#fff;}
.tk_tb_pk_seatSelect tbody td .tit em.seatSoon {background:#fff; border:1px solid #000000; color:#000000;}
.tk_tb_pk_seatSelect tbody td .tit em.seatPossible {background:#54585A; color:#fff;}
.tk_tb_pk_seatSelect tbody td.tl {text-align:left;}
/* .tk_tb_pk_seatSelect tbody .seatSelectedLine td { background:#dddddd;} */
.tk_pack_selectBox .txt_error {margin:0 0 19px 0; padding:0 0 0 29px; background:url(/img/perfsale/ico_important.svg) no-repeat 0 0; line-height:22px;}
.tk_pack_selectBox .txt_error em {font-weight:500; font-style:normal;}

.tk_wrap_perfsale .tk_perf_cont.tk_step_01.tk_on .tk_hd_content .off_box {display:none;}
/* .tk_wrap_perfsale .tk_perf_cont.tk_step_01.tk_on .tk_perf_header {border-top:0 none;} */
.tk_wrap_perfsale .tk_perf_cont.tk_step_01.tk_on .tk_perf_header {border-top:2px solid #000000; max-height:130px; box-sizing:border-box;}
.tk_wrap_perfsale .tk_perf_cont.tk_step_01.tk_on .tk_perf_article {height:0;}
.tk_wrap_perfsale .tk_perf_cont.tk_step_02.tk_on .tk_hd_content .on_box {display:block;}
.tk_wrap_perfsale .tk_perf_cont.tk_step_02.tk_on .tk_hd_content .off_box {display:none;}
.tk_wrap_perfsale .tk_perf_cont.tk_step_02 .tk_hd_content .on_box {display:none;position:relative;/* top:10px; */left:50px;width:204px;line-height:21px;/*clear:both; position:absolute; top:46px; left:-143px;*/z-index:99;}


.add_modify table {width:100%; margin:10px 0 0 0;}
.add_modify table tbody th {padding:5px 0; box-sizing:border-box; text-align:left; vertical-align:middle;}
.add_modify table tbody th label {font-weight:600; vertical-align:middle;}
.add_modify table tbody td {padding:5px 0; box-sizing:border-box; vertical-align:middle;}
.add_modify table tbody td .sel03,
.add_modify table tbody td .input01 {width:100%; box-sizing:border-box;}
.add_modify table tbody td .sel03::after select {padding:10px 21px 9px 19px; font-size:13px; vertical-align:middle;}
.add_modify table tbody td .btn_add_list {display:inline-flex; align-items:center; justify-content:center; width:114px; height:56px; border:1px solid var(--color-gray7); background-color:var(--color-gray4); color:var(--color-gray3);}
.add_modify table tbody td .btn_add_post {display:inline-flex; align-items:center; justify-content:center; width:114px; height:56px; border:1px solid var(--color-gray7); background-color:var(--color-gray4); color:var(--color-gray3);}
.add_modify table tbody td.add p + p > .input01 {margin-top:4px;}
.add_modify table tbody tr:first-child td .sel03 {width:calc(100% - 118px); vertical-align:top;}
.add_modify table tbody tr td.add p:first-child .input01 {width:calc(100% - 118px); text-align:center;}

.address_list {margin:22px 0 0 0;}
.address_list li {padding:10px 0; border-bottom:1px solid var(--color-gray2); line-height:28px;}
.address_list li em {display:block; font-style:normal; font-weight:500;}
.address_list li .rdo01 label > input + span::before {top:6px;}
.address_list li .add_txt p,
.address_list li .add_txt p span {font-weight:800;}
.address_list li.noData {width:100%; max-width:100%; margin:0; padding:45px 0; border-top:2px solid var(--color-gray0); box-sizing:border-box;}
.address_list li.noData p  {padding-top:89px; background:url(/images/common/bg_nodata.svg) no-repeat 50% 0; background-size:161px auto; font-family:var(--font-family1); font-weight:400;text-align:center;}

.tk_loading_box .txt {padding:67px 0 34px 0; text-align:center; font-size:18px; letter-spacing:-0.99px; font-weight:800;}
.tk_loading_box .loading {text-align:center;}
.payment_complete h2 {padding:32px 0 0 0; font-size:20px; font-weight:600; text-align:center;}
.payment_complete p {padding:20px 0 0 0;  text-align:center; line-height:28px;;}

.lately_wrap {padding:30px 0 0;}
.message_view {height:171px;  background:url(/img/perfsale/bg_message.png) no-repeat 0 0;}
.message_view p { display:inline-block; margin:80px 0 0 115px; padding:5px 10px; width:205px; background:#E7EAEC; font-weight:500; line-height:21px; box-sizing:border-box; font-size:16px;}
.message_input {margin:20px 0 0 0;padding:9px 0 15px 0;}
.message_input h2 {font-size:16px; font-weight:500;line-height:34px;}   
.message_input p .input_form {width:100%;}
.message_input p .input_form label {color:#000000; font-size:16px; line-height:26px;}
.message_input p {width:100%;}
.message_input p .input01 {width:100%; box-sizing:border-box;}

.txt_box {padding:32px 0 0 0;}
.txt_box > p {line-height:28px;}
.txt_box > p + p {padding-top:28px;}
.txt_box > p strong {font-weight:600;}

.mypage_pu_wrap > h2 {}

@media all and (max-width:1270px) {
    .membership_info_content h1 {padding:23px 20px;}
    .membership_info_payment h2 {margin:0; padding:32px 0 0;}
}


/*------------------------------------
    공연검색 리스트
--------------------------------------*/
.goods_ty_sch_wrap {display:flex; justify-content:space-between; align-items:center; padding:0 0 30px;}
.goods_ty_sch_wrap > p {}
.goods_ty_sch_wrap > p em {font-family:var(--font-family1); font-weight:500; font-style:normal;}
/* 썸네일, 리스트형 토글버튼 */
.list_toggle {display:inline-flex; border:1px solid var(--color-gray0); border-radius:44px; height:44px; box-sizing:border-box; overflow:hidden;}
.list_toggle input {position:absolute; opacity:0;}
.list_toggle label {width:59px; height:44px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background .2s ease;}
.ico {width:24px; height:24px; background-color:var(--color-gray0); mask-repeat:no-repeat; mask-position:center; mask-size:contain; -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; -webkit-mask-size:contain;}
.ico.card {mask-image:url("/images/common/ico_card.svg"); -webkit-mask-image:url("/images/common/ico_card.svg"); margin-left:5px;}
.ico.list {mask-image:url("/images/common/ico_list.svg"); -webkit-mask-image:url("/images/common/ico_list.svg"); margin-right:5px;}
.list_toggle input:checked + label {background:var(--color-gray0);}
.list_toggle input:checked + label .ico {background-color:var(--color-gray1)}
.list_toggle input:focus-visible + label {outline:3px dotted var(--color-gray6);}

.booking_cancel_guide {max-width:1280px; width:100%; margin:0 auto;}
.booking_cancel_guide > dl {border-top:2px solid var(--color-gray0);}
.booking_cancel_guide > dl > dt button {position:relative; width:100%; padding:40px 0 40px 34px; text-align:left;}
.booking_cancel_guide > dl > dt button span {font-family:var(--font-family1); font-size:24px; font-weight:500;}
.booking_cancel_guide > dl > dt button::before {content:""; width:24px; height:24px; background-repeat:no-repeat; background-position:center; background-size:contain; margin-right:10px; position:absolute; left:0; top:50%; transform:translate(0, -50%);}
.booking_cancel_guide > dl > dt button::after {content:""; width:32px; height:32px; mask:url(/images/common/ico_arr05.svg) no-repeat 50% 50%; mask-size:contain; background-color:var(--color-gray6); position:absolute; right:0; top:50%; transform:translate(0, -50%);}
.booking_cancel_guide > dl.active > dt button::after {transform:translate(0, -50%) rotate(180deg);}
.booking_cancel_guide > dl:first-child > dt button::before {background-image:url(/images/common/ico_ticket.svg);}
.booking_cancel_guide > dl:nth-child(2) > dt button::before {background-image:url(/images/common/ico_ticket.svg);}
.booking_cancel_guide > dl:nth-child(3) > dt button::before {background-image:url(/images/common/ico_error.svg);}
.booking_cancel_guide > dl:nth-child(4) > dt button::before {background-image:url(/images/common/ico_error.svg);}
.booking_cancel_guide > dl > dd {display:none; padding:0 0 100px 0; line-height:28px;}
.booking_cancel_guide > dl.active > dd {display:block;}
.booking_cancel_guide > dl > dd > dl + dl {margin-top:50px}
.booking_cancel_guide > dl > dd > dl > dt {padding:0 0 20px; border-bottom:1px solid var(--color-gray7); font-weight:700;}
.booking_cancel_guide > dl > dd > dl > dt.bdr_bN {border-bottom:0; padding:0;}
.booking_cancel_guide > dl > dd > dl > dd {padding:20px 0 0 0;} 
.booking_cancel_guide > dl > dd > dl.box {background-color:var(--color-gray4); padding:30px; border-radius:4px;}
.booking_cancel_guide > dl > dd ul li {position:relative; padding:0 0 0 20px; font-size:16px; font-weight:500;}
.booking_cancel_guide > dl > dd ul li::before  {content:""; position:absolute; left:8px; top:13px; transform:translate(0, -50%); width:4px; height:4px; border-radius:5px; background-color:var(--color-gray0);}
.booking_cancel_guide > dl > dd .point {color:var(--color-sub1);}

@media (max-width:1320px){
    .booking_cancel_guide {max-width:none; padding:0 20px 100px; box-sizing:border-box;}
}
/*------------------------------------
    통합검색 리스트
--------------------------------------*/
.search_form_wrap {max-width:952px; margin:0 auto; margin-bottom:100px; background-color:var(--color-gray4);}
.search_form_wrap form {position:relative; padding-right:68px}
.search_form_wrap form input {width:100%; height:80px; padding:10px 20px; box-sizing:border-box; font-family:var(--font-family1); font-size:24px; line-height:35px; border:0 none; background-color:transparent;}
.search_form_wrap form input::placeholder {color:var(--color-gray6);}
.search_form_wrap form .btn_sch {position:absolute; right:20px; top:50%; width:48px; height:48px; transform:translate(0, -50%);}
.search_form_wrap form .btn_sch::before {content:''; position:absolute; left:50%; top:50%; width:48px; height:48px; transform:translate(-50%, -50%); mask:url(/images/common/ico_sch01.svg) no-repeat 50% 50%; mask-size:contain; background-color:var(--color-gray0);}
.search_result_txt {padding-bottom:100px;}
.search_result_txt P {font-size:24px; font-weight:500; font-family:var(--font-family1); color:var(--color-gray6); text-align:center;}
.search_result_txt P em {font-size:24px; font-weight:500; font-family:var(--font-family1); font-style:normal;}

.search_result_wrap {max-width:1280px; width:100%; margin:0 auto; padding:0 0 140px;}
.search_result_wrap > .noData {padding:210px 0; min-width:100%;}
.search_result_wrap > .noData p {padding-top:149px; background:url(/images/common/bg_nodata.svg) no-repeat 50% 0; background-size:200px auto; font-family:var(--font-family1); font-weight:400; font-size:24px; text-align:center;}

.search_result_box .title_box {display:flex; justify-content:space-between; padding:50PX 0 40px 0;}
.search_result_box .title_box h3 {font-family:var(--font-family1); font-size:36px; font-weight:500;}
.search_result_box .title_box h3 span {color:var(--color-gray6); font-family:var(--font-family1); font-size:36px; font-weight:500;}
.search_result_box .title_box .btn_more {position:relative; width:48px; height:48px;}
.search_result_box .title_box .btn_more::before {content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:48px; height:48px; background:url(/images/common/ico_more01.svg) no-repeat 50% 50%; background-size:contain;}
.search_result_box .thumb_list01.listView ul li:first-child {border-top:2px solid var(--color-gray0);}

@media (max-width:1320px){
    .search_result_wrap {max-width:none; padding:0 20px 100px; box-sizing:border-box;}
}
/*------------------------------------
    이용안내
--------------------------------------*/
.contect_intro_wrap {max-width:1280px; width:100%; margin:0 auto; display:flex; padding:0 0 80px 0;}
.contect_intro_wrap dl {width:calc(100% / 4); padding-top:124px;}
.contect_intro_wrap dl:nth-child(1) {background:url(/images/sub/ico_location.svg) no-repeat 50% 0;}
.contect_intro_wrap dl:nth-child(2) {background:url(/images/sub/ico_call.svg) no-repeat 50% 0;}
.contect_intro_wrap dl:nth-child(3) {background:url(/images/sub/ico_fax.svg) no-repeat 50% 0;}
.contect_intro_wrap dl:nth-child(4) {background:url(/images/sub/ico_mail.svg) no-repeat 50% 0;}
.contect_intro_wrap dl dt {padding-bottom:12px; font-family:var(--font-family1); font-size:24px; font-weight:500; text-align:center;}
.contect_intro_wrap dl dd {text-align:center;}
.contect_intro_wrap dl dd > p,
.contect_intro_wrap dl dd > p > a {font-weight:600;}
.contect_intro_wrap dl dd > p + a {display:inline-flex; margin-top:24px; width:64px; height:28px; justify-content:center; align-items:center; background-color:var(--color-gray0); color:var(--color-gray1); font-size:12px;}
.contect_intro_wrap dl dd > em {display:block; padding-top:12px; font-style:normal; font-size:14px;}
.contect_intro_wrap dl dd > em .pcOnly {display:inline; font-size:14px;}
.contect_intro_wrap dl dd .break {display:none;}
/* Contact Us */
.location_area {position:relative; width:100%; max-width:1280px; height:600px; margin:0 auto; overflow:hidden;}
.location_area iframe {position:absolute; left:0; top:0; width:100%; height:100%; border:0;}

.location_area + .btn_area {padding-bottom:100px}
.location_area + .btn_area .btn03 {width:286px;}


@media (max-width:1320px){
    .contect_intro_wrap {max-width:none; padding:0 20px 100px; box-sizing:border-box;}
}

.direction_wrap {}
.direction_wrap > dl > dt,
.parking_wrap > dl > dt {border-bottom:2px solid var(--color-gray0); padding:0 0 20px 0; font-size:24px; font-family:var(--font-family1); font-weight:500;}
.direction_wrap > dl.address_map > dd {padding:30px 0 0 0;}
.direction_wrap > dl.address_map > dd > p {padding:0 0 30px 0; color:var(--color-gray3); font-weight:700;}
.direction_wrap > dl.address_map > dd > div {border:1px solid var(--color-gray7); aspect-ratio:1278 / 666;}
.direction_wrap > dl.address_map > dd > div img,
.parking_wrap > dl.parking_map > dd > div img {width:100%; height:auto;}
.direction_wrap > dl + dl,
.parking_wrap > dl + dl {padding-top:100px;}
.direction_wrap > dl > dd > dl > dt {padding:40px 0 20px 0; font-weight:700;}
.direction_wrap dl dl dl {border-top:1px solid var(--color-gray7); display:flex; align-items:flex-start; padding:20px 0;}
.direction_wrap dl dl dl dt {background-color:var(--color-gray0); padding:5px 10px; color:var(--color-gray1); font-size:16px; line-height:100%;}
.direction_wrap dl dl dl dd {padding:2px 0 2px 20px; font-size:16px; line-height:24px;}
.direction_wrap dl dl dl dd em,
.parking_wrap dl dl em  {color:var(--color-sub1); font-style:normal; font-size:16px;}
.direction_wrap dl dl dl dd > span {display:block; padding:20px 0; font-size:16px;}
.direction_wrap dl dl dl dd .btn_pu_info {display:inline-block; padding:10px; border:1px solid var(--color-gray7);}
.direction_wrap dl dl dl dd .btn_pu_info span {display:block; padding-right:34px; font-size:16px; font-weight:600; color:var(--color-gray6); background:url(/images/common/ico_arr01.svg) no-repeat 100% 50%; background-size:24px 24px;}

ul.dot_list li {position:relative; padding:0 0 0 20px; color:var(--color-gray0); font-size:16px; font-weight:500; line-height:26px;}
ul.dot_list li::before  {content:""; position:absolute; left:8px; top:13px; transform:translate(0, -50%); width:4px; height:4px; border-radius:5px; background-color:var(--color-gray0);}
ul.dot_list li a {font-size:16px;}

.parking_wrap > dl.parking_map > dd {padding:30px 0 0 0;}
.parking_wrap > dl.parking_map > dd > p {padding:0 0 30px 0; color:var(--color-gray3); font-weight:500;}
.parking_wrap > dl.parking_map > dd > div {border:1px solid var(--color-gray7); aspect-ratio:1280 / 580;}
.parking_wrap > dl > dd > dl > dt {padding:40px 0 20px 0; font-weight:700; border-bottom:1px solid var(--color-gray7);}
.parking_wrap > dl > dd > dl > dd {padding:20px 0;}
.parking_wrap dl dl dl {padding:20px 0;}
.parking_wrap dl dl dl:first-child {padding-top:0;}
.parking_wrap dl dl dl:last-child {padding-bottom:0;}
.parking_wrap dl dl dl dt {font-size:16px; font-weight:700; padding:0 0 10px 0;}
.parking_wrap dl dl dl dd {font-size:16px; line-height:26px;}
.parking_wrap dl dl dl dd span {display:block; color:var(--color-gray3); font-size:16px;}
.parking_wrap dl dl dl dd ul:not(.dot_line) {padding:40px 0 0 0;}
.parking_wrap dl dl dl dd ul:not(.dot_line) li {color:var(--color-gray3); font-size:16px;}
.parking_wrap .notice_box {background-color:var(--color-gray4); padding:30px; margin-top:50px;}
.parking_wrap .notice_box dt {padding-top:0;}
.parking_wrap .notice_box dd {padding-bottom:0;}
.parking_wrap .parking_quick_gate {position:relative; width:100%; max-width:1280px; height:525px; margin:50px auto 0 auto;}
.parking_wrap .parking_quick_gate .map_area {display:flex; justify-content:center; align-items:center; overflow:hidden; cursor:grab;}
.parking_wrap .parking_quick_gate .map_area.dragging {cursor:grabbing;}
.parking_wrap .parking_quick_gate .map_area img {width:auto; height:525px; user-select:none; -webkit-user-drag:none; pointer-events:none;}
.parking_wrap .parking_quick_gate .map_nav {position:absolute; right:20px; bottom:20px; z-index:10; display:flex; gap:10px;}
.parking_wrap .parking_quick_gate .map_nav .map_select {position:relative;}
.parking_wrap .parking_quick_gate .map_nav .map_select > button {width:195px; height:48px;  padding-left:48px; background-color:var(--color-gray0); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all .3s;;}
.parking_wrap .parking_quick_gate .map_nav .map_select > button span {display:flex; align-items:center; justify-content:center; width:100%; height:48px; border-left:1px solid var(--color-gray1); color:var(--color-gray1); font-size:16px; font-weight:600; box-sizing:border-box;}
.parking_wrap .parking_quick_gate .map_nav .map_select > button span::before {content:""; position:absolute; left:0; top:0; width:48px; height:48px; mask:url(/images/common/ico_arr05.svg) no-repeat 50% 50%; mask-size:32px 32px; background-color:var(--color-gray1); transform:rotate(180deg);}
.parking_wrap .parking_quick_gate .map_nav .map_select > button:hover,
.parking_wrap .parking_quick_gate .map_nav .map_select > button:focus-visible,
.parking_wrap .parking_quick_gate .map_nav .map_select > ul li button:hover,
.parking_wrap .parking_quick_gate .map_nav .map_select > ul li button:focus-visible {background-color:var(--color-sub2);}
.parking_wrap .parking_quick_gate .map_nav .map_select > ul {display:none; position:absolute; bottom:48px; right:0; background-color:var(--color-gray0); box-shadow:0 4px 8px rgba(0,0,0,0.1);}
.parking_wrap .parking_quick_gate .map_nav .map_select.active > ul {display:block;}
.parking_wrap .parking_quick_gate .map_nav .map_select > ul li {}
.parking_wrap .parking_quick_gate .map_nav .map_select > ul li button {width:195px; height:48px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all .3s;}
.parking_wrap .parking_quick_gate .map_nav .map_select > ul li button span  {width:calc(100% - 48px); height:48px; border-left:1px solid var(--color-gray1); color:var(--color-gray1); font-size:16px; font-weight:600; display:flex; align-items:center; justify-content:center; box-sizing:border-box;}
.parking_wrap .parking_quick_gate .map_nav .map_select > ul li button em {display:flex; justify-content:center; align-items:center; width:48px; height:48px; color:var(--color-gray1); font-size:16px; font-weight:600; font-style:normal;}
.parking_wrap .parking_quick_gate .map_nav .map_select > ul li button:hover em {mask:url(/images/common/ico_arr05.svg) no-repeat 50% 50%; mask-size:32px 32px; background-color:var(--color-gray1); transform:rotate(180deg); text-indent:-9999px; overflow:hidden;}
.parking_wrap .parking_quick_gate .map_nav .btn_zoom_in,
.parking_wrap .parking_quick_gate .map_nav .btn_zoom_out {width:48px; height:48px; background-color:var(--color-gray0); display:flex; align-items:center; justify-content:center; cursor:pointer;}
.parking_wrap .parking_quick_gate .map_nav .btn_zoom_in::before {content:""; width:32px; height:32px; background:url(/images/common/ico_plus.svg) no-repeat 50% 50%; background-size:contain;}
.parking_wrap .parking_quick_gate .map_nav .btn_zoom_out::before {content:""; width:32px; height:32px; background:url(/images/common/ico_minus.svg) no-repeat 50% 50%; background-size:contain;}

.coupon_app_wrap {display:flex; gap:50px; margin:60px 0; background-color:var(--color-gray4); padding:30px; background-color:var(--color-gray4);}
.coupon_app_wrap > dl {max-width:585px; width:100%; margin:0 auto;}
.coupon_app_wrap > dl dt {padding:0 0 0 34px; background:url(/images/common/ico_coupon.svg) no-repeat 0 50%; background-size:24px 24px; font-size:20px; font-weight:600;}
.coupon_app_wrap > dl dd {padding:20px 0 0 0;}
.coupon_app_wrap > dl dd form {display:block; padding-right:105px; position:relative;}
.coupon_app_wrap > dl dd input {width:100%; height:50px; padding:0 10px; border:0 none; background-color:var(--color-gray1); box-sizing:border-box;}
.coupon_app_wrap > dl dd input::placeholder {color:var(--color-gray6);}
.coupon_app_wrap > dl dd button {position:absolute; right:0; top:0; width:105px; height:50px; background-color:var(--color-sub2); color:var(--color-gray1); font-size:14px; font-weight:500;}
.coupon_app_wrap > .dot_list {margin-top:44px;}

.ly_alert_wrap {background-color:rgba(0,0,0,0.4); position:fixed; left:0; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; z-index:85;}
.ly_alert {background-color:var(--color-gray1); max-width:500px; width:100%; box-sizing:border-box;}
.ly_alert_msg {padding:60px 20px;}
.ly_alert_msg .title i {display:block; margin:0 auto; width:32px; height:32px; margin-bottom:10px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
.ly_alert_msg .title i.i_ty01 {background-image:url(/images/common/ico_error.svg);}
.ly_alert_msg .title i.i_ty02 {background-image:url(/images/common/ico_success.svg);}
.ly_alert_msg .title strong {display:block; text-align:center; font-size:22px; font-family:var(--font-family1);}
.ly_alert_msg .txt {padding:20px 0 0 0; text-align:center;}
.ly_alert_msg .txt em {font-weight:600; color:var(--color-sub1); font-style:normal;}
.ly_alert .btn_area {display:flex; justify-content:center; padding:0;}
.ly_alert .btn_area button {flex:1; height:60px;}
.ly_alert .btn_area button.btn_confirm {background-color:var(--color-gray0); color:var(--color-gray1); font-weight:700;}
.ly_alert .btn_area button.btn_cancel {background-color:var(--color-gray1); border-top:1px solid var(--color-gray7); color:var(--color-gray0); font-weight:700;}

.join_l_point {max-width:1280px; width:100%; margin:0 auto 80px; padding:40px; background-color:var(--color-gray4); display:flex; gap:40px; align-items:center; box-sizing:border-box;}
.join_l_point::before {content:""; flex-shrink:0; width:301px; height:180px; background:var(--color-gray1) url(/images/sub/img_lpoint.png) no-repeat 50% 50%; background-size:201px auto;}
.join_l_point dl {}
.join_l_point dl dt {font-size:24px; font-family:var(--font-family1); font-weight:500;}
.join_l_point dl dt strong {font-size:24px; font-family:var(--font-family1); color:#009BFA; font-weight:500;}
.join_l_point dl dd {padding:10px 0 0 0; color:var(--color-gray3); line-height:27px; letter-spacing:0;}
@media (max-width:1320px){
    .join_l_point {max-width:none; margin:0 20px 80px; width:calc(100% - 40px);}
}

.login_tit {width:100%; max-width:1280px; margin:0 auto 30px; display:flex; gap:10px; padding:100px 0 30px 0; position:relative; font-size:36px; font-family:var(--font-family1); font-weight:500; letter-spacing:-0.72px;}
.login_tit::before {content:""; position:absolute; left:0; bottom:0; width:210px; height:4px; background-color:var(--color-sub1);}
.login_tit img {width:214px; height:auto;}
.login_wrap {width:100%; max-width:1280px; margin:0 auto; padding:0 0 100px 0; display:flex; justify-content:space-between; align-items:flex-start;}
.login_wrap .login_form {width:100%; max-width:781px; padding-right:60px;}
.login_wrap .login_form h3 {font-size:24px; font-family:var(--font-family1);}
.login_wrap .login_form > p {padding:15px 0; font-size:16px; line-height:24px; color:var(--color-gray3);}
.login_wrap .login_form form {display:block;}
.login_wrap .login_form form fieldset {display:flex; flex-direction:column; gap:25px;}
.login_wrap .login_form form .item {display:flex; flex-direction:column; gap:10px;}
.login_wrap .login_form form .item label {font-weight:700;}
.login_wrap .login_form form .item .input01 {font-size:16px; height:54px; box-sizing:border-box;}
.login_wrap .login_form form .item .chk01 label > input + span {font-weight:600;}
.login_wrap .login_form form .btn_login {height:74px; width:100%; display:flex; justify-content:center; align-items:center;}
.login_wrap .login_form form .btn_login::before {content:""; width:24px; height:24px; mask:url(/images/common/ico_logout.svg) no-repeat 50% 50%; mask-size:contain; margin-right:10px; background-color:var(--color-gray1);}
.login_wrap .login_form form .btn_login span {font-weight:700;}
.login_wrap .login_form .log_util {margin-top:15px; border-top:1px solid var(--color-gray7); display:flex; justify-content:center;}
.login_wrap .login_form .log_util li {display:flex; align-items:center; padding:20px 0;}
.login_wrap .login_form .log_util li::before {content:""; display:inline-block; width:2px; height:10px; background-color:var(--color-gray6); margin:0 15px;}
.login_wrap .login_form .log_util li:first-child::before {display:none;}
.login_wrap .login_form .log_util li a {font-weight:600; font-size:16px;}
.login_wrap .login_form dl {padding:55px 0 0 0;}
.login_wrap .login_form dl dt {font-weight:500; font-size:16px; text-align:center;}
.login_wrap .login_form dl dd {padding:22px 0 0 0;}
.login_wrap .login_form dl dd .btn_join {width:100%; height:68px; background-color:var(--color-gray4); border:1px solid var(--color-gray7); display:flex; justify-content:center; align-items:center; font-weight:700; color:var(--color-gray3); box-sizing:border-box;}
.login_wrap .login_bnr_wrap {flex-shrink:0; width:439px; overflow:hidden; position:relative; padding-bottom:42px;}
.login_wrap .login_bnr_wrap ul li a {display:block;}
.login_wrap .login_bnr_wrap ul li a img { aspect-ratio:439 / 585; width:100%; height:auto;}
.login_wrap .login_bnr_wrap .pager {position:absolute; left:50%; bottom:0; transform:translate(-50%, 0); display:flex; gap:10px; justify-content:center;}
.login_wrap .login_bnr_wrap .pager > span {background-color:var(--color-gray7); width:12px; height:12px; border-radius:12px; opacity:1;}
.login_wrap .login_bnr_wrap .pager > span.swiper-pagination-bullet-active {background-color:var(--color-sub1);}
@media (max-width:1320px){
    .login_tit {max-width:none; margin:0 20px 30px; width:calc(100% - 40px);}
    .login_wrap {max-width:none; margin:0 20px 80px; width:calc(100% - 40px);}
}

.ly_popup_wrap {background-color:rgba(0,0,0,0.4); position:fixed; left:0; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; z-index:85;}
.ly_pg_popup {background-color:var(--color-gray1); max-width:1100px; width:100%; box-sizing:border-box; position:relative;}
.ly_pg_popup > h1 {display:flex; align-items:center; height:72px; border-bottom:1px solid var(--color-gray7); padding:20px 30px; box-sizing:border-box;}
.ly_pg_popup > .ly_pg_content {max-height:calc(100vh - 152px); overflow-y:auto; padding:40px 30px; box-sizing:border-box;}
.ly_pg_popup .btn_area {display:flex; justify-content:center; padding:0;}
.ly_pg_popup .btn_area button {flex:1; height:60px;}
.ly_pg_popup .btn_area button.btn_confirm {background-color:var(--color-gray0); color:var(--color-gray1); font-weight:700;}
.ly_pg_popup .btn_area button.btn_cancel {background-color:var(--color-gray1); border-top:1px solid var(--color-gray7); color:var(--color-gray0); font-weight:700;}
.ly_pg_popup > button.btn_close {display:block; width:32px; height:32px; position:absolute; right:30px; top:20px; z-index:1;}
.ly_pg_popup > button.btn_close::before {content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:32px; height:32px; mask:url(/images/common/ico_close03.svg) no-repeat 50% 50%; mask-size:18px 18px; background-color:var(--color-gray6);}

.ly_pg_popup > .ly_pg_content.use_direction dl dt {font-family:var(--font-family1); padding:0 0 20px 0;}
.ly_pg_popup > .ly_pg_content.use_direction dl + dl {padding-top:40px;}

.ogran_wrap {max-width:1280px; width:100%; margin:0 auto; display:flex; flex-direction:column; padding:0 0 80px 0;}

.concertHall_wrap {width:100%; padding-top:100vh;}
.concertHall_wrap .ch_section01 {position:fixed; top:0; right:0; bottom:0; left:0; z-index:-1; display:flex; justify-content:center; align-items:center; height:100vh; background:url(/images/sub/img_concertHall_intro01.png) no-repeat 50% 50%; background-size:cover; background-attachment:fixed;}
.concertHall_wrap .ch_section01 h3 {color:var(--color-gray1); font-family:var(--font-family1); font-size:60px; letter-spacing:-1.2px;}
.concertHall_wrap .ch_section02 {padding:310px 0 200px; background-color:var(--color-gray0); box-sizing:border-box;}
.concertHall_wrap .ch_section02 .ch_section02_swiper {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.concertHall_wrap .ch_section02 .swiper-wrapper {align-items:center;}
.concertHall_wrap .ch_section02 .swiper-slide {display:flex; flex-direction:column; justify-content:center; align-items:center;}
.concertHall_wrap .ch_section02 .swiper-slide > h3 strong {display:block; text-align:center; color:var(--color-gray1); font-size:32px; font-family:var(--font-family1); font-weight:500; letter-spacing:-0.64px;}
.concertHall_wrap .ch_section02 .swiper-slide > h3 em {display:block; padding-top:20px; text-align:center; color:var(--color-sub2); font-family:var(--font-family1); font-style:normal; font-size:24px; letter-spacing:-0.48px;}
.concertHall_wrap .ch_section02 .swiper-slide > p {max-width:1100px; padding-top:20px; text-align:center; color:var(--color-gray7); line-height:180%; letter-spacing:-0.36px; font-weight:500;}
.concertHall_wrap .ch_section02 .swiper-slide > ul {display:flex; justify-content:center; gap:30px; max-width:1100px; padding:80px 0 0 0;}
.concertHall_wrap .ch_section02 .swiper-slide > ul li {width:calc(100% / 3);}
.concertHall_wrap .ch_section02 .swiper-slide > ul li dl dt {padding-bottom:20px; border-bottom:1px solid var(--color-gray3);}
.concertHall_wrap .ch_section02 .swiper-slide > ul li dl dt strong {display:block; color:var(--color-gray1);}
.concertHall_wrap .ch_section02 .swiper-slide > ul li dl dt span {display:block; padding-top:5px; color:var(--color-gray7);}
.concertHall_wrap .ch_section02 .swiper-slide > ul li dl dd {padding-top:20px; color:var(--color-gray7); line-height:180%; letter-spacing:-0.36px;}
/* 컨트롤 버튼들 */
.concertHall_wrap .ch_section02 .controls {display:flex; align-items:center; gap:4px; margin-top:200px;}
.concertHall_wrap .ch_section02 .nav_btn {width:40px; height:40px; display:flex; align-items:center; justify-content:center; cursor:pointer; user-select:none; border:1px solid var(--color-gray1);}
.concertHall_wrap .ch_section02 .nav_btn::before {content:""; width:24px; height:24px; mask:url(/images/common/ico_arr03.svg) no-repeat 0 0; mask-size:contain; background-color:rgba(255, 255, 255, 0.60);}
.concertHall_wrap .ch_section02 .nav_btn.next::before,
.concertHall_wrap .ch_section02 .swiper-button-next::before {transform:rotate(180deg);}
.concertHall_wrap .ch_section02 .nav_btn.swiper-button-disabled {opacity:0.4; cursor:not-allowed;}
.concertHall_wrap .ch_section03 {background-color:var(--color-gray0); height:100vh; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.concertHall_wrap .ch_section03 h3 strong {display:block; text-align:center; color:var(--color-gray1); font-size:40px; font-family:var(--font-family1); font-weight:500; letter-spacing:-0.64px;}
.concertHall_wrap .ch_section03 h3 em {display:block; padding-bottom:20px; text-align:center; color:var(--color-sub2); font-family:var(--font-family1); font-style:normal; font-size:24px; letter-spacing:-0.48px;}
.concertHall_wrap .ch_section03 ul {display:flex; max-width:1260px; padding:80px 0 0 0; gap:60px;}
.concertHall_wrap .ch_section03 ul li .txt_area {margin-top:60px; position:relative;}
.concertHall_wrap .ch_section03 ul li .txt_area strong {display:block; color:var(--color-gray1); font-size:24px; font-family:var(--font-family1); font-weight:400; line-height:150%;}
.concertHall_wrap .ch_section03 ul li .txt_area p {padding:10px 0 0 0; line-height:180%; color:var(--color-gray1);}
.concertHall_wrap .ch_section03 ul li .txt_area .btn_more {position:absolute; right:0; top:0;}
.concertHall_wrap .btn_more {width:40px; height:40px; border:2px solid var(--color-gray1); background:none;}
.concertHall_wrap .btn_more::before {content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:30px; height:30px; mask:url(/images/common/ico_more01.svg) no-repeat 50% 50%; mask-size:contain; background-color:var(--color-gray1);}
.concertHall_wrap .ch_section04 {min-height:100vh; padding:200px 0; display:flex; flex-direction:column; justify-content:center; background-color:var(--color-gray1); box-sizing:border-box;}
.concertHall_wrap .ch_section04 h3 {padding:0 0 80px 0;}
.concertHall_wrap .ch_section04 h3 strong {display:block; text-align:center; color:var(--color-gray0); font-size:40px; font-family:var(--font-family1); font-weight:500; letter-spacing:-0.64px;}
.concertHall_wrap .ch_section04 h3 em {display:block; padding-bottom:20px; text-align:center; color:var(--color-sub2); font-family:var(--font-family1); font-style:normal; font-size:24px; letter-spacing:-0.48px;}
.concertHall_wrap .ch_section04 .img_area {max-width:1760px; margin:0 auto;}
.concertHall_wrap .ch_section04 > dl {max-width:1760px; width:100%; margin:80px auto 0; display:flex; gap:60px;}
.concertHall_wrap .ch_section04 > dl > dt {flex:1; font-size:36px; font-weight:500; font-family:var(--font-family1); letter-spacing:-0.72px;}
.concertHall_wrap .ch_section04 > dl > dd {width:500px; position:relative; padding-right:40px; box-sizing:border-box;}
.concertHall_wrap .ch_section04 > dl > dd strong {display:block; font-size:24px; font-weight:500; letter-spacing:-0.48px; padding:0 0 10px 0;}
.concertHall_wrap .ch_section04 > dl > dd p {line-height:180%; letter-spacing:-0.36px;}
.concertHall_wrap .ch_section04 > dl > dd p .brake-p {display:block;}
.concertHall_wrap .ch_section04 > dl > dd .btn_more {position:absolute; right:0; top:0; border-color:var(--color-gray0)}
.concertHall_wrap .ch_section04 > dl > dd .btn_more::before {background-color:var(--color-gray0)}
.concertHall_wrap .ch_section05 {min-height:100vh; padding:200px 0; display:flex; flex-direction:column; justify-content:center; background-color:var(--color-gray1); box-sizing:border-box;  overflow:hidden;}
.concertHall_wrap .ch_section05 h3 {max-width:1760px; width:100%; margin:0 auto;}
.concertHall_wrap .ch_section05 h3 strong {display:block; color:var(--color-gray0); font-size:40px; font-family:var(--font-family1); font-weight:500; letter-spacing:-0.64px;}
.concertHall_wrap .ch_section05 h3 em {display:block; padding-bottom:20px; color:var(--color-sub2); font-family:var(--font-family1); font-style:normal; font-size:24px; letter-spacing:-0.48px;}
.concertHall_wrap .ch_section05 .ch_section05_swiper {padding:80px 0 0 0; max-width:1760px; width:100%; margin:0 auto;}
.concertHall_wrap .ch_section05 .ch_section05_swiper li {max-width:800px; width:100%; border-top:2px solid var(--color-gray0); padding:40px 0 0 0;}
.concertHall_wrap .ch_section05 .ch_section05_swiper li dt {padding:0 0 40px 0; font-family:var(--font-family1); font-size:24px; font-weight:500; line-height:150%; letter-spacing:-0.48px;}
.concertHall_wrap .ch_section05 .ch_section05_swiper li dt .brake-p {display:block;}
.concertHall_wrap .ch_section05 .ch_section05_swiper li dd p {padding:0 0 40px 0; height:192px; line-height:180%; letter-spacing:-0.36px; word-break:break-all;}
.concertHall_wrap .ch_section06 {background-color:var(--color-gray0);}
.concertHall_wrap .ch_section06 .bg {display:flex; justify-content:center; align-items:center; height:100vh; background:url(/images/sub/img_concertHall_intro08.png) no-repeat 50% 50%; background-size:cover; background-attachment:fixed;}
.concertHall_wrap .ch_section06 h3 {padding:200px 0 80px 0;}
.concertHall_wrap .ch_section06 h3 strong {display:block; text-align:center; color:var(--color-gray1); font-size:40px; font-family:var(--font-family1); font-weight:500; letter-spacing:-0.64px;}
.concertHall_wrap .ch_section06 h3 em {display:block; padding-bottom:20px; text-align:center; color:var(--color-sub2); font-family:var(--font-family1); font-style:normal; font-size:24px; letter-spacing:-0.48px;}
.concertHall_wrap .ch_section06 .vr_start_wrap {height:710px; display:flex; justify-content:center; align-items:center; position:relative; background-color:var(--color-gray0);}
.concertHall_wrap .ch_section06 .vr_start_wrap::before {content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:url(/images/sub/img_concertHall_intro09.png) no-repeat 50% 50%; background-size:cover; z-index:1; opacity:0.2;}
.concertHall_wrap .ch_section06 .vr_content {position:relative; z-index:2;}
.concertHall_wrap .ch_section06 .vr_content .btn_vr {display:flex; justify-content:center; align-items:center; width:270px; height:76px; margin:0 auto; border:1px solid var(--color-gray1)}
.concertHall_wrap .ch_section06 .vr_content .btn_vr::before {content:""; width:36px; height:36px; margin-right:10px; background-color:var(--color-gray1); mask:url(/images/common/ico_vr02.svg) no-repeat 50% 50%; mask-size:contain;}
.concertHall_wrap .ch_section06 .vr_content .btn_vr span {color:var(--color-gray1); font-size:24px; font-weight:400;; font-family:var(--font-family1);}
.concertHall_wrap .ch_section06 .vr_content p {padding:30px 0 0 0; text-align:center; line-height:180%; font-weight:500; color:var(--color-gray1);}

.ly_popup_ch_wrap {display:none; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:1000px; padding:80px; box-sizing:border-box; z-index:10; background-color:rgba(255, 255, 255, 0.90); border:1px solid var(--color-gray7);}
.ly_popup_ch_wrap .btn_close {position:absolute; right:80px; top:80px; width:32px; height:32px;}
.ly_popup_ch_wrap .btn_close::before {content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:18px; height:18px; mask:url(/images/common/ico_close03.svg) no-repeat 0 0; mask-size:contain; background-color:var(--color-gray0);}
.ly_ch_content > dl {display:flex; flex-direction:column;}
.ly_ch_content > dl dt {padding:0 0 40px 0; font-family:var(--font-family1); font-size:24px; font-weight:400; line-height:150%; letter-spacing:-0.48px;}
.ly_ch_content > dl dd {line-height:180%; letter-spacing:-0.36px; text-align:justify; word-break:break-all; font-weight:500;}
.ly_popup_ch_wrap.blk {border:1px solid var(--color-gray3); background-color:rgba(0, 0, 0, 0.90); backdrop-filter:blur(5px);}
.ly_popup_ch_wrap.blk dl * {color:var(--color-gray1)}
.ly_popup_ch_wrap.blk .btn_close::before {background-color:var(--color-gray1);}

@media (max-width:1800px){
    .concertHall_wrap .ch_section02,
    .concertHall_wrap .ch_section03,
    .concertHall_wrap .ch_section04,
    .concertHall_wrap .ch_section05 {max-width:none; padding-left:20px; padding-right:20px; box-sizing:border-box;}

    .concertHall_wrap .ch_section04 > dl > dt,
    .concertHall_wrap .ch_section04 > dl > dd  {flex:auto; width:calc(100% / 3); }
}
@media (max-width:1445px){
    .concertHall_wrap .ch_section04 > dl > dd p .brake-p {display:none;}
}

/*! 좌석배치도 */
.info_seat_map .img_area{position:relative}
.info_seat_map .img_area .btn_go {display:block;position:absolute}
.info_seat_map.map_gak01 .img_area{width:708px;height:940px;background:url(/images/sub/img_info_seat_gak01.png) left top no-repeat;background-size:100%}
.info_seat_map.map_gak01 .img_area .lp01{top:201px;left:91px}
.info_seat_map.map_gak01 .img_area .lp02{top:404px;left:143px}
.info_seat_map.map_gak01 .img_area .l01{top:448px;left:125px}
.info_seat_map.map_gak01 .img_area .l02{top:548px;left:64px}
.info_seat_map.map_gak01 .img_area .a01{top:528px;left:145px}
.info_seat_map.map_gak01 .img_area .a02{top:630px;left:81px}
.info_seat_map.map_gak01 .img_area .a03{top:667px;left:162px}
.info_seat_map.map_gak01 .img_area .a04{top:731px;left:91px}
.info_seat_map.map_gak01 .img_area .a05{top:805px;left:95px}
.info_seat_map.map_gak01 .img_area .b01{top:487px;left:191px}
.info_seat_map.map_gak01 .img_area .b02{top:667px;left:208px}
.info_seat_map.map_gak01 .img_area .b03{top:788px;left:223px}
.info_seat_map.map_gak01 .img_area .c01{top:495px;left:338px}
.info_seat_map.map_gak01 .img_area .c02{top:600px;left:338px}
.info_seat_map.map_gak01 .img_area .c03{top:634px;left:338px}
.info_seat_map.map_gak01 .img_area .c04{top:733px;left:338px}
.info_seat_map.map_gak01 .img_area .c05{top:765px;left:338px}
.info_seat_map.map_gak01 .img_area .c06{top:825px;left:281px}
.info_seat_map.map_gak01 .img_area .d01{top:492px;left:437px}
.info_seat_map.map_gak01 .img_area .d02{top:582px;left:483px}
.info_seat_map.map_gak01 .img_area .d03{top:653px;left:447px}
.info_seat_map.map_gak01 .img_area .d04{top:817px;left:500px}
.info_seat_map.map_gak01 .img_area .e01{top:580px;left:517px}
.info_seat_map.map_gak01 .img_area .e02{top:692px;left:561px}
.info_seat_map.map_gak01 .img_area .e03{top:731px;left:620px}
.info_seat_map.map_gak01 .img_area .e04{top:809px;left:531px}
.info_seat_map.map_gak01 .img_area .r01{top:323px;left:616px}
.info_seat_map.map_gak01 .img_area .r02{top:558px;left:609px}
.info_seat_map.map_gak01 .img_area .rp01{top:110px;left:512px}
.info_seat_map.map_gak01 .img_area .rp02{top:289px;left:604px}
.info_seat_map.map_gak01 .img_area .rp03{top:306px;left:512px}
.info_seat_map.map_gak01 .img_area .p01{top:92px;left:228px}
.info_seat_map.map_gak01 .img_area .p02{top:124px;left:338px}
.info_seat_map.map_gak01 .img_area .p03{top:186px;left:338px}
.info_seat_map.map_gak01 .img_area .p04{top:190px;left:456px}

.info_seat_map.map_gak02 .img_area{width:653px;height:934px;background:url(/images/sub/img_info_seat_gak02.png) left top no-repeat;background-size:100%}
.info_seat_map.map_gak02 .img_area .l01{top:307px;left:66px}
.info_seat_map.map_gak02 .img_area .l02{top:535px;left:38px}
.info_seat_map.map_gak02 .img_area .a01{top:705px;left:50px}
.info_seat_map.map_gak02 .img_area .a02{top:764px;left:119px}
.info_seat_map.map_gak02 .img_area .a03{top:841px;left:100px}
.info_seat_map.map_gak02 .img_area .b01{top:819px;left:169px}
.info_seat_map.map_gak02 .img_area .c01{top:783px;left:313px}
.info_seat_map.map_gak02 .img_area .c02{top:826px;left:238px}
.info_seat_map.map_gak02 .img_area .c03{top:877px;left:392px}
.info_seat_map.map_gak02 .img_area .d01{top:817px;left:471px}
.info_seat_map.map_gak02 .img_area .e01{top:708px;left:575px}
.info_seat_map.map_gak02 .img_area .e02{top:806px;left:518px}
.info_seat_map.map_gak02 .img_area .e03{top:1048px;left:655px}
.info_seat_map.map_gak02 .img_area .r01{top:189px;left:546px}
.info_seat_map.map_gak02 .img_area .r02{top:416px;left:562px}
.info_seat_map.map_gak02 .img_area .r03{top:533px;left:607px}

.seat_intro_wrap .info_seat_map.map_gate01,
.seat_intro_wrap .info_seat_map.map_gate02 {overflow:visible; width: 850px; padding-bottom:0; z-index:-1;}
.seat_intro_wrap .info_seat_map.map_gate01 .img_area,
.seat_intro_wrap .info_seat_map.map_gate02 .img_area {position:relative; left:50%; transform:translateX(-50%); width:900px; height:1132px;}
.seat_intro_wrap .info_seat_map.map_gate01 .img_area img,
.seat_intro_wrap .info_seat_map.map_gate02 .img_area img {width:100%; height:auto;}
@media (max-width:1350px){
    .seat_intro_wrap .info_seat_map.map_gate01,
    .seat_intro_wrap .info_seat_map.map_gate02 {width:708px;}
    .seat_intro_wrap .info_seat_map.map_gate01 .img_area,
    .seat_intro_wrap .info_seat_map.map_gate02 .img_area {width:90%; height:auto;}
}

.seat_intro_wrap {position:relative; max-width:1280px; min-height:1080px; width:100%; box-sizing:border-box; margin:100px 0 0 0;}
.seat_intro_wrap .info_seat_map {position:absolute; right:0; top:0; padding:0 0 140px 0; overflow:hidden;}
.seat_intro_wrap .info_seat_map .btn_zoom_reset,
.seat_intro_wrap .info_seat_map .btn_zoom_in,
.seat_intro_wrap .info_seat_map .btn_zoom_out {position:absolute; bottom:0; width:36px; height:36px; background-color:var(--color-gray0); display:flex; align-items:center; justify-content:center; cursor:pointer;}
.seat_intro_wrap .info_seat_map .btn_zoom_reset::before {content:""; width:24px; height:24px; background:url(/images/common/ico_reset02.svg) no-repeat 50% 50%; background-size:contain;}
.seat_intro_wrap .info_seat_map .btn_zoom_in::before {content:""; width:24px; height:24px; background:url(/images/common/ico_plus.svg) no-repeat 50% 50%; background-size:contain;}
.seat_intro_wrap .info_seat_map .btn_zoom_out::before {content:""; width:24px; height:24px; background:url(/images/common/ico_minus.svg) no-repeat 50% 50%; background-size:contain;}
.seat_intro_wrap .info_seat_map .btn_zoom_reset {left:0;}
.seat_intro_wrap .info_seat_map .btn_zoom_out {right:46px;}
.seat_intro_wrap .info_seat_map .btn_zoom_in {right:0;}
.seat_intro_wrap.emergency .info_seat_map,
.seat_intro_wrap.disabled .info_seat_map {position:static; padding-bottom:0; width:calc(100% - 435px); margin:0 auto;}
.seat_intro_wrap .seat_intro_txt01 {width:410px;; background-color:var(--color-gray4); padding:30px; box-sizing:border-box;}
.seat_intro_wrap .seat_intro_txt01 > p {line-height:150%; letter-spacing:-0.36px; font-weight:400;}
.seat_intro_wrap .seat_intro_txt01 .seat_info {margin-top:20px; padding:10px 0 0 0; border-top:1px solid var(--color-gray0);}
.seat_intro_wrap .seat_intro_txt01 .seat_info dl {padding:10px 0 0 0; display:flex; flex-wrap:wrap;}
.seat_intro_wrap .seat_intro_txt01 .seat_info dl dt {width:84px; font-weight:600; line-height:160%; letter-spacing:-0.36px;}
.seat_intro_wrap .seat_intro_txt01 .seat_info dl dd {width:calc(100% - 84px); box-sizing:border-box; font-weight:500; letter-spacing:-0.36px;}
.seat_intro_wrap .seat_intro_txt01 .seat_info dl dd > p {line-height:100%;}
.seat_intro_wrap .seat_intro_txt01 .seat_info dl dd strong {color:var(--color-gray3); line-height:160%;}
.seat_intro_wrap .seat_intro_txt01 .seat_info dl dd span {color:var(--color-gray2); font-size:16px; line-height:160%;}
.seat_intro_wrap .seat_intro_txt02 {width:410px;}
.seat_intro_wrap .seat_intro_txt02 > dl {padding-top:60px;}
.seat_intro_wrap .seat_intro_txt02 > dl > dt {padding:0 0 20px; margin:0 0 20px; border-bottom:1px solid var(--color-gray0); font-size:24px; font-family:var(--font-family1); font-weight:500; letter-spacing:-0.48px; line-height:150%;}
.seat_intro_wrap .seat_intro_txt02 > dl > dd {letter-spacing:-0.36px; font-weight:500;}
.seat_intro_wrap .seat_intro_txt03 {width:100%; position:relative}
.seat_intro_wrap .seat_intro_txt03 > dl {padding-top:60px;}
.seat_intro_wrap .seat_intro_txt03 > dl > dt {padding:0 0 20px; margin:0 0 20px; border-bottom:1px solid var(--color-gray0); font-size:24px; font-family:var(--font-family1); font-weight:500; letter-spacing:-0.48px; line-height:150%;}
.seat_intro_wrap .seat_intro_txt03 > dl > dd {letter-spacing:-0.36px; font-weight:500;}

@media (max-width:1280px){
    .seat_intro_wrap {min-height:710px;}
}
.seat_intro_wrap .seat_intro_txt02 > dl > dd p.txt_seat {padding-left:38px; background:url(/images/sub/btn_seat_go.svg) no-repeat 0 0; background-size:28px 28px;  line-height:160%;}
.seat_intro_wrap .seat_intro_txt02 > dl > dd p.txt_seat + p {padding:10px 0 0 0; color:var(--color-gray2); letter-spacing: -0.32px;  line-height:160%;}
.seat_intro_wrap .seat_intro_txt02 > dl > dd > dl {display:flex; flex-wrap:wrap; justify-content:space-between; padding:0 0 15px 0;}
.seat_intro_wrap .seat_intro_txt02 > dl > dd > dl dt {width:50%; padding:0 0 5px 0; font-weight:600;}
.seat_intro_wrap .seat_intro_txt02 > dl > dd > dl dd {width:50%; padding:0 0 5px 0;}
.seat_intro_wrap .seat_intro_txt02 > dl > dd > dl dd strong {display:block; color:var(--color-sub1); font-weight:600; line-height:150%; text-align:right;}
.seat_intro_wrap .seat_intro_txt02 > dl > dd > dl dd span {display:block; color:var(--color-gray2); font-size:16px; line-height:150%; text-align:right;}
.seat_intro_wrap .seat_intro_txt02 > dl > dd > ul {border-top:1px solid var(--color-gray7); padding:20px 0 0 0;}
.seat_intro_wrap .seat_intro_txt02 > dl > dd > ul:first-child {border-top:0 none; padding-top:0;}
.seat_intro_wrap .seat_intro_txt02 > dl > dd > ul li {position:relative; padding:0 0 0 20px; margin-top:10px; font-size:16px; font-weight:500; line-height:150%;}
.seat_intro_wrap .seat_intro_txt02 > dl > dd > ul li:first-child {margin-top:0;}
.seat_intro_wrap .seat_intro_txt02 > dl > dd > ul li::before  {content:""; position:absolute; left:8px; top:13px; transform:translate(0, -50%); width:4px; height:4px; border-radius:5px; background-color:var(--color-gray0);}
.seat_intro_wrap .seat_intro_txt02 > dl > dd > ol li {padding:0 0 5px 18px; text-indent:-18px; line-height:160%; font-weight:500}

.seat_intro_wrap .seat_intro_gate {width:410px; min-height:500px;}
.seat_intro_wrap .seat_intro_gate > dl {padding-top:60px;}
.seat_intro_wrap .seat_intro_gate > dl > dt {padding:0 0 20px; margin:0 0 20px; border-bottom:1px solid var(--color-gray0); font-size:24px; font-family:var(--font-family1); font-weight:500; letter-spacing:-0.48px; line-height:150%;}
.seat_intro_wrap .seat_intro_gate > dl > dd .btn_group {display:flex; gap:25px 26px; flex-wrap:wrap;}
.seat_intro_wrap .seat_intro_gate > dl > dd .btn_group li {width:calc(50% - 13px);}
.seat_intro_wrap .seat_intro_gate > dl > dd .btn_group li button {background-color:var(--color-gray1); border:1px solid var(--color-gray0); width:100%; height:61px; display:flex; justify-content:center; align-items:center; font-weight:600; letter-spacing:-0.36px;}
.seat_intro_wrap .seat_intro_gate > dl > dd .btn_group li.active button {background-color:var(--color-gray0); color:var(--color-gray1);}
.seat_intro_wrap .info_seat_map.map_gate01 .btn_close,
.seat_intro_wrap .info_seat_map.map_gate02 .btn_close {display:none;}


.seat_intro_wrap.emergency {display:flex; justify-content:space-between; flex-direction:row-reverse;}
.seat_intro_wrap.disabled {display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; position:relatvie; margin-top:0;}
.seat_intro_wrap.disabled > .seat_intro_txt02:first-child {display:flex; justify-content:space-between; flex-direction:column;}
.seat_intro_wrap.disabled > .seat_intro_txt02 > dl:first-child {padding-top:0}
.seat_intro_wrap.disabled > .seat_intro_txt03 .disabled_seat_info {position:absolute; left:0; top:-292px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.seat_intro_wrap.disabled > .seat_intro_txt03 .disabled_seat_info dt {width:100%; border-bottom:1px solid var(--color-gray7); font-weight:700; font-size:18px; font-family:"Pretendard";}
.seat_intro_wrap.disabled > .seat_intro_txt03 .disabled_seat_info dd {width:50%; display:inline-flex; gap:10px; font-size:16px; font-weight:500; letter-spacing:-0.32px; line-height:160%;}
.seat_intro_wrap.disabled > .seat_intro_txt03 .disabled_seat_info dd::before {content:""; width:50px; height:25px;}
.seat_intro_wrap.disabled > .seat_intro_txt03 .disabled_seat_info dd:first-of-type:before {background-color:#6CC5D0;}
.seat_intro_wrap.disabled > .seat_intro_txt03 .disabled_seat_info dd:last-of-type:before {background-color:#F4981D;}
.seat_intro_wrap.disabled > .seat_intro_txt03 .s_txt01 p {padding:0 0 20px 0; font-weight:500; line-height:160%;}
.seat_intro_wrap.disabled > .seat_intro_txt03 .s_txt01 dl dt {padding:0 0 10px 0; margin:0 0 20px 0; border-bottom:1px solid var(--color-gray7); font-size:18px; font-weight:700;}
.seat_intro_wrap.disabled > .seat_intro_txt03 .s_txt01 dl dd {padding:0 0 20px 0;}
.seat_intro_wrap.disabled > .seat_intro_txt03 .s_txt01 ul {border-top:1px solid var(--color-gray7); padding:20px 0 0 0;}
.seat_intro_wrap.disabled > .seat_intro_txt03 .s_txt01 ul:first-child {border-top:0 none; padding-top:0;}
.seat_intro_wrap.disabled > .seat_intro_txt03 .s_txt01 ul li {position:relative; padding:0 0 0 20px; margin-top:10px; font-size:16px; font-weight:500; line-height:150%;}
.seat_intro_wrap.disabled > .seat_intro_txt03 .s_txt01 ul li:first-child {margin-top:0;}
.seat_intro_wrap.disabled > .seat_intro_txt03 .s_txt01 ul li::before  {content:""; position:absolute; left:8px; top:13px; transform:translate(0, -50%); width:4px; height:4px; border-radius:5px; background-color:var(--color-gray0);}

@media (max-width:1160px){
    .seat_intro_wrap .info_seat_map {position:relative; padding:60px 0 140px 0;}
    .seat_intro_wrap .info_seat_map .img_area {margin:0 auto;}
    .seat_intro_wrap .seat_intro_txt01,
    .seat_intro_wrap .seat_intro_txt02,
    .seat_intro_wrap .seat_intro_gate {width:100%;}
    .seat_intro_wrap.emergency {display:block;}
    .seat_intro_wrap.emergency .info_seat_map .img_area {text-align:center;}
    
    .seat_intro_wrap .info_seat_map.map_gate01,
    .seat_intro_wrap .info_seat_map.map_gate02 {position:relative; padding:60px 0 0 0; z-index:1; margin:0 auto;}
    .seat_intro_wrap.disabled > .seat_intro_txt03 .disabled_seat_info {position:static; padding:0;}
}


.facility_map_wrap {max-width:1280px; width:100%; margin:0 auto; padding:0 0 80px 0;}
@media (max-width:1320px){
    .facility_map_wrap {max-width:none; padding:0 20px 100px; box-sizing:border-box;}
}

.facility_map_select {padding:0 0 30px 0;}
.facility_wrap.concerthall .tab_content {display:flex; justify-content:space-between;}
.facility_wrap.concerthall .facility_map {border:1px solid var(--color-gray4); background-color:var(--color-gray4); width:calc(100% - 326px); height:537px; box-sizing:border-box; position:relative; overflow:hidden;}
.facility_wrap.concerthall .img_area {width:100%; height:100%; padding:20px 20px; box-sizing:border-box; display:flex; justify-content:center; align-items:center;}
.facility_wrap.concerthall .facility_txt {width:300px;}
.facility_wrap.concerthall .facility_txt dt {padding:0 0 20px 0; font-weight:700; line-height:150%; letter-spacing:-0.36px; border-bottom:1px solid var(--color-gray7);}
.facility_wrap.concerthall .facility_txt dd {padding:20px 0 0 0;}
.facility_wrap.concerthall .facility_txt dd ol {display:flex; flex-direction:column; gap:15px;}
.facility_wrap.concerthall .facility_txt dd ol li {display:flex;}
.facility_wrap.concerthall .facility_txt dd ol li em {width:24px; height:24px; border-radius:24px; background-color:var(--color-gray3); color:var(--color-gray1); font-size:14px; font-weight:600; font-style:normal; display:flex; justify-content:center; align-items:center; margin-right:10px;}

.facility_wrap.surround .facility_map {border:1px solid var(--color-gray4); background-color:var(--color-gray4); width:100%; height:537px; box-sizing:border-box; position:relative; overflow:hidden;}
.facility_wrap.surround .img_area {width:100%; height:100%; padding:53px 86px; box-sizing:border-box; display:flex; justify-content:center; align-items:center;}

.facility_wrap .img_area img {max-width:100%; max-height:100%;}
.facility_wrap .facility_map .btn_zoom_reset,
.facility_wrap .facility_map .btn_zoom_in,
.facility_wrap .facility_map .btn_zoom_out {position:absolute; bottom:30px; width:36px; height:36px; background-color:var(--color-gray0); display:flex; align-items:center; justify-content:center; cursor:pointer;}
.facility_wrap .facility_map .btn_zoom_reset::before {content:""; width:24px; height:24px; background:url(/images/common/ico_reset02.svg) no-repeat 50% 50%; background-size:contain;}
.facility_wrap .facility_map .btn_zoom_in::before {content:""; width:24px; height:24px; background:url(/images/common/ico_plus.svg) no-repeat 50% 50%; background-size:contain;}
.facility_wrap .facility_map .btn_zoom_out::before {content:""; width:24px; height:24px; background:url(/images/common/ico_minus.svg) no-repeat 50% 50%; background-size:contain;}
.facility_wrap .facility_map .btn_zoom_reset {left:30px;}
.facility_wrap .facility_map .btn_zoom_out {right:76px;}
.facility_wrap .facility_map .btn_zoom_in {right:30px;}

.facility_wrap.surround .surround_facility_txt {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:50px 26px; margin-top:100px;}
.facility_wrap.surround .surround_facility_txt > li {min-width:0;}
.facility_wrap.surround .surround_facility_txt > li > .img_area {height:235px; padding:0; overflow:hidden;}
.facility_wrap.surround .surround_facility_txt > li > .img_area img {width:100%; height:100%; object-fit:cover;}
.facility_wrap.surround .surround_facility_txt > li > dl {padding:25px 0 0 0;}
.facility_wrap.surround .surround_facility_txt > li > dl > dt {}
.facility_wrap.surround .surround_facility_txt > li > dl > dt strong {font-size:24px; font-family:var(--font-family1); font-weight:500; letter-spacing:-0.48px; line-height:150%; color:var(--color-gray0);}
.facility_wrap.surround .surround_facility_txt > li > dl > dt span {font-size:24px; font-family:var(--font-family1); font-weight:500; letter-spacing:-0.48px; line-height:150%; color:var(--color-gray6);}
.facility_wrap.surround .surround_facility_txt > li > dl > dd {padding:20px 0 0 0;}
.facility_wrap.surround .surround_facility_txt > li > dl > dd dl {}
.facility_wrap.surround .surround_facility_txt > li > dl > dd dl dt {font-weight:500; line-height:180%;}
.facility_wrap.surround .surround_facility_txt > li > dl > dd dl dd {padding:10px 0 0 0; font-size:16px; color:var(--color-gray3); line-height:180%; text-align:justify; word-break:break-all;}

.btn_rent_apply {display:flex; justify-content:center; align-items:center; width:145px; height:64px; background-color:var(--color-gray1); border:1px solid var(--color-gray7);}
.btn_rent_apply::before {content:""; width:24px; height:24px; margin-right:10px; background-color:var(--color-gray7); mask:url(../../images/common/ico_rent_apply.svg) no-repeat 50% 50%; mask-size:contain;}
.btn_rent_apply span {color:var(--color-gray3); font-size:16px; font-weight:600;}
.btn_rent_down {display:flex; justify-content:center; align-items:center; padding:0 30px; height:64px; background-color:var(--color-gray1); border:1px solid var(--color-gray7);}
.btn_rent_down::before {content:""; width:24px; height:24px; margin-right:10px; background-color:var(--color-gray3); mask:url(../../images/common/ico_down.svg) no-repeat 50% 50%; mask-size:contain;}
.btn_rent_down span {color:var(--color-gray3); font-size:16px; font-weight:600;}

.ct_rent_section {max-width:1800px; width:100%; margin:0 auto; padding:0 20px; box-sizing:border-box;}
.ct_rent_section .ct_s_nav.full {margin-top:60px;}
.rent_wrap {display:flex; gap:80px; align-items:flex-start; justify-content:space-between; padding:100px 0;}
.rent_lnb_wrap {align-self:flex-start; align-items:flex-start; position:sticky; top:170px; width:421px; background-color:var(--color-gray1); z-index:10;}
.rent_lnb_wrap dl {background-color:var(--color-gray4);}
.rent_lnb_wrap dl dt button {position:relative; display:flex; justify-content:space-between; align-items:center; width:100%; height:76px; padding:20px; box-sizing:border-box; text-align:left;}
.rent_lnb_wrap dl dt button::before {content:""; position:absolute; left:20px; right:20px; bottom:0; height:1px; background-color:var(--color-gray2);}
.rent_lnb_wrap dl dt button::after {content:""; width:28px; height:28px; background-color:var(--color-gray2); mask:url(../../images/common/ico_arr05.svg) no-repeat 50% 50%; mask-size:contain;}
.rent_lnb_wrap dl dt button span {font-size:24px; font-weight:500; font-family:var(--font-family1);}
.rent_lnb_wrap dl dd ol {padding:15px 20px; display:flex; flex-direction:column; gap:15px;}
.rent_lnb_wrap dl dd ol li a {width:100%; display:block;}
.rent_lnb_wrap dl dd ol li a span {display:block; color:var(--color-gray3); font-weight:500; letter-spacing:-0.36px; line-height:150%;}
.rent_lnb_wrap dl dd ol li.active a span {font-weight:700;}
.rent_content_wrap {width:calc(100% - 501px);}
.rent_content_wrap .title {display:flex; align-items:center; justify-content:space-between; height:64px; padding:0 0 30px 0;}
.rent_content_wrap .title > h3 {font-size:24px; font-weight:500; font-family:var(--font-family1); letter-spacing:-0.48px; line-height:150%;}
.rent_content_wrap.step ol {border-top: 2px solid var(--color-gray0);}
.rent_content_wrap.step ol > li {padding:0 0 30px 0;}
.rent_content_wrap.step ol > li > dl > dt {padding:20px 0; font-size:22px; font-family:var(--font-family1); font-weight:400; line-height:130%; letter-spacing:-0.44px; border-bottom:1px solid var(--color-gray7);}
.rent_content_wrap.step ol > li > dl > dd {padding:20px 0 0 0;}
.rent_content_wrap.step ol > li > dl > dd ul li {position:relative; padding:0 0 0 20px; margin-top:10px; font-weight:500; line-height:160%;}
.rent_content_wrap.step ol > li > dl > dd ul li:first-child {margin-top:0;}
.rent_content_wrap.step ol > li > dl > dd ul li::before {content:""; position:absolute; left:8px; top:14px; transform:translate(0, -50%); width:4px; height:4px; border-radius:5px; background-color:var(--color-gray0);}
.rent_content_wrap.step ol > li > dl > dd ul li a {text-decoration:underline; font-weight:500;}
.rent_content_wrap.step ol > li > dl > dd > dl {padding:20px 0;}
.rent_content_wrap.step ol > li > dl > dd > dl:first-child {padding-top:0;}
.rent_content_wrap.step ol > li > dl > dd > dl + dl {border-top:1px solid var(--color-gray7);}
.rent_content_wrap.step ol > li > dl > dd > dl dt {position:relative; padding:0 0 0 20px; font-weight:700;}
.rent_content_wrap.step ol > li > dl > dd > dl dt::before {content:""; position:absolute; left:8px; top:14px; transform:translate(0, -50%); width:4px; height:4px; border-radius:5px; background-color:var(--color-gray0);}
.rent_content_wrap.step ol > li > dl > dd > dl dd ul {padding:5px 0 0 30px;}
.rent_content_wrap .point {color:var(--color-sub1); font-weight:500;}
.txt_rent_precautions {background-color:var(--color-gray4); padding:30px; box-sizing:border-box;}
.txt_rent_precautions dt {padding:0 0 20px 0; font-weight:700; line-height:150%; letter-spacing:-0.36px; border-bottom:1px solid var(--color-gray7);}
.txt_rent_precautions dd {padding:20px 0 0 0;}
.txt_rent_precautions dd ul li {padding:10px 0 0 0; line-height:160%; letter-spacing:-0.36px; font-weight:500;}
.txt_rent_precautions dd ul li:first-child {padding:0;}
.txt_rent_precautions dd p {padding:10px 0 0 0; color:var(--color-gray3); font-size:16px; line-height:160%; letter-spacing:-0.32px; font-weight:500;}

.rent_content_wrap.rules > ol {border-top: 2px solid var(--color-gray0);}
.rent_content_wrap.rules > ol > li {padding:0 0 30px 0;}
.rent_content_wrap.rules > ol > li > dl > dt {padding:20px 0; font-size:22px; font-family:var(--font-family1); font-weight:400; line-height:130%; letter-spacing:-0.44px; border-bottom:1px solid var(--color-gray7);}
.rent_content_wrap.rules > ol > li > dl > dd {padding:20px 0 0 0;}
.rent_content_wrap.rules > ol > li > dl > dd > dl + dl {padding:20px 0 0 0;}
.rent_content_wrap.rules > ol > li > dl > dd > dl > dt {font-weight:700; letter-spacing:-0.36px; line-height:180%;}
.rent_content_wrap.rules > ol > li > dl > dd > dl > dd {letter-spacing:-0.36px; line-height:180%;}
.rent_content_wrap.rules > ol > li > dl > dd > dl > dd > ul > li {position:relative; letter-spacing:-0.36px; line-height:180%; font-weight:500;}
.rent_content_wrap.rules > ol > li > dl > dd > dl > dd > ul > li li {letter-spacing:-0.36px; line-height:180%; font-weight:500;}
.rent_content_wrap.rules > ol > li > dl > dd > dl > dd > ul > li .unit {position:absolute; right:0; top:10px; color:var(--color-gray6)}
.rent_content_wrap.rules > ol > li > dl > dd > dl > dd > ul > li .tit {display:block; padding:10px 0 0 0; font-weight:500;}
.rent_content_wrap.rules > ol > li > dl > dd > p {padding-top:20px; letter-spacing:-0.36px; line-height:180%; font-weight:500;}
.rent_content_wrap.rules > ol > li > dl > dd > div {letter-spacing:-0.36px; line-height:180%; font-weight:500;}
.rent_content_wrap.rules > ol > li .num li {position: relative; padding:0 0 0 20px; margin-top:10px; font-weight:500; line-height:160%;}
.rent_content_wrap.rules > ol > li .num li span {position:absolute; left:0; top:0; width:20px;}
.rent_content_wrap.rules > ol > li .num li > ol:not(.bul1, .bul2) > li,
.rent_content_wrap.rules > ol > li .num li > ul:not(.bul1, .bul2) > li {padding:0;}
.rent_content_wrap.rules > ol > li .tit + .num {padding-left:20px;}
.rent_content_wrap.rules > ol > li .tbl_box {padding:20px 0;}
.rent_content_wrap.rules > ol > li .bul1 dt {font-weight:700; letter-spacing:-0.36px; line-height:180%;}
.rent_content_wrap.rules > ol > li .bul1 li,
.rent_content_wrap.rules > ol > li .bul1 dd {position:relative; padding:0 0 0 20px; margin-top:10px; font-weight:500; line-height:160%;}
.rent_content_wrap.rules > ol > li .bul1 li::before,
.rent_content_wrap.rules > ol > li .bul1 dd::before {content:""; position:absolute; left:8px; top:13px; transform:translate(0, -50%); width:4px; height:4px; border-radius:5px; background-color:var(--color-gray0);}
.rent_content_wrap.rules > ol > li .bul2 li,
.rent_content_wrap.rules > ol > li .bul2 dd {position:relative; padding:0 0 0 20px; margin-top:10px; font-weight:500; line-height:160%;}
.rent_content_wrap.rules > ol > li .bul2 li::before,
.rent_content_wrap.rules > ol > li .bul2 dd::before {content:"-"; position:absolute; left:0; top:13px; transform:translate(0, -50%); width:20px; text-align:center;}
.rent_content_wrap.rules > ol > li div + .bul2 {margin-top:20px;}

.tbl_ty01 {width:100%;}
.tbl_ty01 thead tr th {padding:10px 0; background-color:var(--color-gray4); letter-spacing:-0.36px; font-weight:600; line-height:180%; text-align:center; border-top:1px solid var(--color-gray0); border-bottom:1px solid var(--color-gray0); border-right: 1px solid var(--color-gray0); vertical-align:middle;}
.tbl_ty01 thead tr th:last-child {border-right:0 none;}
.tbl_ty01 tbody tr th,
.tbl_ty01 tbody tr td {padding:10px 0; letter-spacing:-0.36px; font-weight:600; line-height:180%; text-align:center; border-bottom:1px solid var(--color-gray0); border-right:1px solid var(--color-gray0); vertical-align:middle;}
.tbl_ty01 tbody tr td:last-child {border-right:0 none;}
.tbl_ty01 .tl {padding-left:20px; text-align:left;}
.tbl_ty01 .tr {padding-right:20px; text-align:right;}
.tbl_ty01 thead tr th.bdrR,
.tbl_ty01 tbody tr td.bdrR {border-right:1px solid var(--color-gray0);}

.tbl_ty02 {width:100%;}
.tbl_ty02 thead tr th {padding:10px 0; background-color:var(--color-gray4); letter-spacing:-0.36px; font-weight:600; line-height:180%; text-align:center; border:1px solid var(--color-gray0); vertical-align:middle;}
.tbl_ty02 thead tr th:first-child {border-left:0 none;}
.tbl_ty02 thead tr th:last-child {border-right:0 none;}
.tbl_ty02 tbody tr th {padding:10px 0; background-color:var(--color-gray4); letter-spacing:-0.36px; font-weight:600; line-height:180%; text-align:center; border-top:1px solid var(--color-gray0); border-bottom:1px solid var(--color-gray0); border-right: 1px solid var(--color-gray0); vertical-align:middle;}
.tbl_ty02 tbody tr td {padding:10px 0; letter-spacing:-0.36px; font-weight:600; line-height:180%; text-align:center; border: 1px solid var(--color-gray0); vertical-align:middle;}
.tbl_ty02 tbody tr td:first-child,
.tbl_ty02 tbody tr th:first-child {border-left:0 none;}
.tbl_ty02 tbody tr td:last-child,
.tbl_ty02 tbody tr th:last-child {border-right:0 none;}
.tbl_ty02 .tl {padding-left:20px; text-align:left;}
.tbl_ty02 .tr {padding-right:20px; text-align:right;}
.tbl_ty02 thead tr th.bdrR,
.tbl_ty02 tbody tr td.bdrR {border-right:1px solid var(--color-gray0);}

.rent_content_wrap.fee {max-width:1280px; width:100%; margin:0 auto; padding:0 0 80px 0;}
.rent_content_wrap.fee .title {border-bottom:2px solid var(--color-gray0); padding:0; margin-bottom:30px;}
.fee_wrap .tit_wrap {display:flex; justify-content:space-between; padding:0 0 20px 0;}
.fee_wrap .tit_wrap h4 {font-family:var(--font-family1); font-size:22px;}
.fee_wrap .tit_wrap p {color:var(--color-gray6);}
.fee_wrap .tbl_box + .tit_wrap {margin-top:60px;}

.rent_content_wrap.bi > ol {border-top: 2px solid var(--color-gray0);}
.rent_content_wrap.bi > ol > li {padding:0 0 30px 0;}
.rent_content_wrap.bi > ol > li > dl > dt {padding:20px 0; font-size:22px; font-family:var(--font-family1); font-weight:400; line-height:130%; letter-spacing:-0.44px; border-bottom:1px solid var(--color-gray7);}
.rent_content_wrap.bi > ol > li > dl > dd {padding:20px 0 0 0;}
.rent_content_wrap.bi > ol > li > dl > dd .img_area {display:flex; gap:25px; padding:40px 0;}
.rent_content_wrap.bi > ol > li > dl > dd .img_area.tc {justify-content:center;}
.rent_content_wrap.bi > ol > li > dl > dd .img_area > div {display:flex; flex-direction:column; gap:20px;}
.rent_content_wrap.bi > ol > li > dl > dd li {margin-top:10px; letter-spacing:-0.36px; line-height:180%; font-weight:500;}
.rent_content_wrap.bi > ol > li > dl > dd ol li {padding-left:17px; text-indent:-17px;}
.rent_content_wrap.bi > ol > li > dl > dd ol li strong {font-weight:700}

.rent_facility_wrap {border-top:2px solid var(--color-gray0); margin-top:100px;}
.rent_facility_wrap > ul > li {padding:60px 0; display:flex; justify-content:space-between; flex-direction:row-reverse; align-items:center;}
.rent_facility_wrap > ul > li + li {border-top:1px solid var(--color-gray2);}
.rent_facility_wrap > ul > li .img_area {max-width:598px; width:100%;}
.rent_facility_wrap > ul > li .img_area img {aspect-ratio:598 / 323;}
.rent_facility_wrap > ul > li dl {flex:1;}
.rent_facility_wrap > ul > li dl dt {padding:0 0 15px 0; font-size:20px; font-weight:700; letter-spacing:-0.4px; line-height:160%;}
.rent_facility_wrap > ul > li dl dd > ul {padding:0 0 38px 0;}
.rent_facility_wrap > ul > li dl dd li {position:relative; padding:0 0 0 20px; font-weight:500; line-height:160%;}
.rent_facility_wrap > ul > li dl dd li::before {content:""; position:absolute; left:8px; top:14px; transform:translate(0, -50%); width:4px; height:4px; border-radius:5px; background-color:var(--color-gray0);}

@media (max-width:1320px){
    .rent_content_wrap.fee {max-width:none; padding:0 0 100px; box-sizing:border-box;}
}

.agree_wrap {max-width:1800px; width:100%; margin:0 auto; padding:0 20px 100px; box-sizing:border-box; display:flex; gap:80px; align-items:flex-start; justify-content:space-between;}
.agree_lnb_wrap {align-items:flex-start; position:sticky; top:170px; width:421px; background-color:var(--color-gray1); z-index:10;}
.agree_lnb_wrap dl {background-color:var(--color-gray4);}
.agree_lnb_wrap dl dt button {position:relative; display:flex; justify-content:space-between; align-items:center; width:100%; height:76px; padding:20px; box-sizing:border-box; text-align:left;}
.agree_lnb_wrap dl dt button::before {content:""; position:absolute; left:20px; right:20px; bottom:0; height:1px; background-color:var(--color-gray2);}
.agree_lnb_wrap dl dt button::after {content:""; width:28px; height:28px; background-color:var(--color-gray2); mask:url(../../images/common/ico_arr05.svg) no-repeat 50% 50%; mask-size:contain;}
.agree_lnb_wrap dl dt button span {font-size:24px; font-weight:500; font-family:var(--font-family1);}
.agree_lnb_wrap dl dd ol {padding:15px 20px; display:flex; flex-direction:column; gap:15px;}
.agree_lnb_wrap dl dd ol li a {width:100%; display:block;}
.agree_lnb_wrap dl dd ol li a span {display:block; color:var(--color-gray3); font-weight:500; letter-spacing:-0.36px; line-height:150%;}
.agree_lnb_wrap dl dd ol li.active a span {font-weight:700;}
.agree_content_wrap {width:calc(100% - 501px);}

.terms_of_use {border-top:1px solid var(--color-gray0);}
.terms_of_use h5 {margin:70px 0 20px; padding:10px 0; font-size:22px; font-family:var(--font-family1); font-weight:400; line-height:130%; letter-spacing:-0.44px; border-bottom:1px solid var(--color-gray7);}
.terms_of_use h4 + h5 {margin-top:0;}
.terms_of_use h6 {margin-top:20px; font-weight:700; letter-spacing:-0.36px; line-height:180%;}
.terms_of_use p {margin-top:10px; font-weight:500; line-height:160%;}
.terms_of_use > ul li {padding-left:18px; text-indent:-18px; margin-top:10px; font-weight:500; line-height:160%;}

.privacy {border-top:1px solid var(--color-gray0); padding:30px 0;}
.privacy p {margin-top:10px; font-weight:500; line-height:160%;}
.privacy dl dt {margin-top:20px; font-weight:700; letter-spacing:-0.36px; line-height:180%;}
.privacy dl dd {margin-top:10px; font-weight:500; line-height:160%;}
.privacy ol li,
.privacy .num li {padding-left:18px; text-indent:-18px; margin-top:10px; font-weight:500; line-height:160%;}
.privacy ol li li {padding-left:22px; text-indent:-22px; margin-top:10px; font-weight:500; line-height:160%;}
.privacy .tbl_ty02 {margin:20px 0;}

.equipment {border-top:1px solid var(--color-gray0); padding:30px 0;}
.equipment p {margin-top:10px; font-weight:500; line-height:160%;}
.equipment dl dt {margin-top:20px; font-weight:700; letter-spacing:-0.36px; line-height:180%;}
.equipment dl dd {margin-top:10px; font-weight:500; line-height:160%;}
.equipment ul li {margin-top:10px; font-weight:500; line-height:160%;}
.equipment .tbl_ty02 {margin:20px 0;}
.equipment .tbl_ty02 thead tr th {border-bottom:0 none;}
.equipment a {text-decoration:underline; font-weight:500;}

.foundation_purpose_wrap {display:flex; gap:80px; justify-content:center;}
.foundation_purpose_wrap.greeting {flex-direction:row-reverse;}
.foundation_purpose_wrap .txt_area {max-width:528px; width:100%; text-align:justify; word-break:break-all;}
.foundation_purpose_wrap .txt_area h3 {padding:0 0 40px 0; font-family:var(--font-family1); font-size:28px; font-weight:500; letter-spacing:-0.56px; line-height:140%;}
.foundation_purpose_wrap .txt_area h3 strong {font-family:var(--font-family1); font-size:28px; font-weight:500; color:var(--color-sub1)}
.foundation_purpose_wrap .txt_area p {line-height:180%; font-weight:400; letter-spacing:-0.36px;}
.foundation_purpose_wrap .img_area {max-width:480px; width:100%;}

.foundation_intro_wrap {display:flex; flex-wrap:wrap; justify-content:space-between;}
.foundation_intro_wrap h3 {width:100%; padding:0 0 40px; border-bottom:2px solid var(--color-gray0); font-family:var(--font-family1); font-size:24px; line-height:150%; letter-spacing:-0.48px;}
.f_intro_box {display:flex; gap:40px; flex-direction:column; padding:80px 0; width:calc(50% - 20px)}
h3 + .f_intro_box {width:100%; flex-direction:row; width:100%; border-bottom:2px solid var(--color-gray6);}
.f_intro_box .img_area {max-width:620px; width:100%;}
.f_intro_box dl {width:100%; max-width:660px;}
.f_intro_box dl dt {padding:0 0 20px 0; font-size:24px; font-family:var(--font-family1); font-weight:400; letter-spacing:-0.48px; line-height:150%;}
.f_intro_box dl dd {font-weight: 400; line-height: 180%; letter-spacing:-0.36px;}

.foundation_sponsor_wrap .title {padding:0 0 80px 0;}
.foundation_sponsor_wrap .title h3 {font-size:36px; font-family:var(--font-family1); font-weight:500; letter-spacing:-0.72px; text-align:center;}
.foundation_sponsor_wrap .title p {padding:40px 0 0 0; font-size:24px; font-family:var(--font-family1); font-weight:400; letter-spacing:-0.48px; text-align:center;}
.foundation_sponsor_wrap ul {display:grid; row-gap: 40px; column-gap: 40px; align-self: stretch; grid-template-rows: repeat(6, fit-content(100%)); grid-template-columns: repeat(3, minmax(0, 1fr)); border:1px solid var(--color-gray0); border-width:1px 0;;}
.foundation_sponsor_wrap ul li {padding:0 0 40px 0; border-bottom:1px solid var(--color-gray2);}
.foundation_sponsor_wrap ul > li:nth-child(-n+3) {padding-top:40px;}
.foundation_sponsor_wrap ul > li:nth-last-child(-n+3) {border-bottom:0 none;}
.foundation_sponsor_wrap ul li a {display:block;}