@charset "utf-8";

.mwOnly {display:block;}
.pcOnly {display:none;}
.brake-t {display:block;}
.brake-p {display:none;}

.btn_top {right:16px; bottom:16px; width:40px; height:40px;}
.sub.view .btn_top {bottom:120px;}
.btn_top::before {width:40px; height:40px; mask-size:30px auto;}
.btn_top::after {display:none;}
.btn_top:hover {pointer-events: none;}
.btn_top:hover::before {top:0; opacity:1;}

.btn01 {height:51px;}
.btn02,
.btn03,
.btn04 {height:42px;}
.btn05 {height:32px;}
.btn03 span,
.btn04 span,
.btn05 span {font-size:12px;}


.btn_area {padding:60px 0 0 0;}


.sel01::after {width:24px; height:24px;}
.sel01 select {height:44px; padding:10px 39px 10px 15px; font-size:12px;}

.sel03:after {width:24px; height:24px;}
.sel03 select {height:43px; font-size:14px; padding:10px 45px 10px 20px}

.chk01 label > input + span {font-size:16px; padding:6px 0 6px 40px;}
.rdo01 label > input + span {font-size:16px; padding:6px 0 6px 40px;}


.input01 {height:43px; font-size:14px; padding:10px 20px; line-height:100%; box-sizing:border-box;}
.input01::placeholder,
.input01:disabled {font-size:14px;}


.main_ly_popup {left:20px !important; right:20px !important; width:calc(100%  - 40px) !important; height:auto !important;}
.ly_nav_box {height:100%; padding:82px 30px 125px; box-sizing:border-box;}
#gnb_all_wrap {height:100%; overflow:auto;}
.gnb {flex-direction:column; gap:0;}
.gnb > li > a {height:auto; width:100%; flex-direction:row; align-items:center; justify-content:flex-start; padding-bottom:15px;}
.gnb > li > a > strong {font-family:var(--font-family1); font-size:24px; line-height:36px; letter-spacing:var(--letter-spacing1); font-weight:400;}
.gnb > li > a > strong + em {padding:6px 11px; margin-left:10px; background-color:var(--color-sub1); border-radius:70px; color:var(--color-gray1); font-size:16px; font-weight:600; font-style:normal; line-height:16px;}
.gnb > li > ul {display:none; height:fit-content; transition:none; overflow:visible;}
.gnb > li > ul > li a {display:block; padding:7px 0 8px; color:var(--color-gray6)}
.gnb > li.depthOn > a {border-bottom:2px solid var(--color-gray1);}
.gnb > li.depthOn > ul {padding:8px 0 12px;}

header {min-height:94px;}

#header {width:100%; height:100vh; display:block; position:fixed; left:100%; top:0; bottom:0; padding:0 0 86px; box-sizing:border-box; transition:all .3s;}
#header h1 {position:fixed; left:20px; top:20px; width:75px; height:54px; margin-top:0;}
#header h1 a,
#header h1 a::before,
.sub #header h1 a::before {width:75px; height:54px;}
#header .btn_allNav {display:block; position:fixed; right:20px; top:20px; width:32px; height:32px;}
#header .btn_allNav::before {width:32px; height:32px;}
.ly_nav_wrap {position:relative; z-index:11; width:100%; height:100vh; background-color: var(--color-gray0);}

header.schOn .gnb > li > a > strong,
header.gnbOn .gnb > li > a > strong,
header.mainGnbOn .gnb > li > a > strong,
.navOn .gnb > li > a > strong {color:var(--color-gray1) !important;}
.navOn.m_color_ty01 header #header h1 a::before,
.navOn.m_color_ty01 header #header .headerQuick_nav li > a::before,
.navOn.m_color_ty01 header #header .headerQuick_nav li > button::before,
.navOn.m_color_ty01 header #header .btn_allNav::before,
.navOn.m_color_ty02 header #header h1 a::before,
.navOn.m_color_ty02 header #header .headerQuick_nav li > a::before,
.navOn.m_color_ty02 header #header .headerQuick_nav li > button::before,
.navOn.m_color_ty02 header #header .btn_allNav::before ,
.sub #header .headerQuick_nav li > a::before,
.sub #header .headerQuick_nav li > button::before {background-color:var(--color-gray1);}

header.mainGnbOn {background-color:var(--color-gray1); height:fit-content;}
header.mainGnbOn .gnb > li > a > strong {color:var(--color-gray1) !important;}

header.mainGnbOn {min-height:72px;}
header.mainGnbOn #header h1 {margin-top:5px; width:139px !important; height:22px !important;}
header.mainGnbOn #header h1 a {width:139px; height:22px;}
header.mainGnbOn #header h1 a::before {width:139px; height:22px; 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-gray1) !important;}
header.mainGnbOn #header .btn_allNav::before,
.sub header #header .btn_allNav::before {background-color:var(--color-gray0) !important;}

.navOn #header {left:0;}
.navOn #header h1 {z-index:-1;}
#header .mw_nav_ft h1 {position:static !important;}
.navOn #header .btn_allNav {display: none;}
.navOn header.schOn #header .btn_allNav {display:block; z-index:12; background-color:var(--color-gray0); right:65px;}
.navOn header.schOn #header .btn_allNav::before {background-color:var(--color-gray1) !important;}
.navOn #header .btn_navClose {display:flex; justify-content:center; align-items:center; position:absolute; right:20px; top:20px; width:32px; height:32px; background-color:var(--color-gray0); z-index:1;}


#header .headerQuick_nav {position:absolute; right:65px; top:20px; margin:0; z-index:11; background-color:var(--color-gray0)}
.navOn #header .mw_nav_ft {position:absolute; left:30px; right:30px; bottom:40px; z-index:11; display:flex; align-items:flex-end; justify-content:space-between;}
.navOn #header .mw_nav_ft h1 {position:static; width:106px !important; height:46px !important; }
.navOn #header .mw_nav_ft h1 a {display:block;  width:106px !important; height:46px !important; }
.navOn #header .mw_nav_ft h1 a::before {content:""; display:block; margin:0; width:106px !important; height:46px !important; background-color:transparent !important; background:url(/images/common/h1_logo_footer.svg) no-repeat 0 0 !important; background-size:contain !important; mask:none !important;}
.navOn #header .mw_nav_ft .btn_vr {display:flex; justify-content:center; align-items:center; height:32px; border:1px solid var(--color-gray1); box-sizing:border-box;}
.navOn #header .mw_nav_ft .btn_vr span {padding:10px 10px 10px 36px; background:url(/images/common/ico_vr.svg) no-repeat 11px 50%; color:var(--color-gray1); font-size:12px;}

.ly_sch_wrap {position:fixed; height:0; top:72px; overflow:hidden;} 
.ly_sch_box {height:100%; padding:48px 30px 0; box-sizing:border-box; background-color:var(--color-gray0);}
.sch_form {width:100%; padding:15px 36px 15px 0; border-bottom:2px solid var(--color-gray1)}
.sch_form input {height:36px; background:none; font-family:var(--font-family1); font-size:18px; text-align:left; color:var(--color-gray6);}
.sch_form .btn_sch {position:absolute; right:0; top:50%; width:24px; height:24px; transform:translate(0, -50%);}
.sch_form .btn_sch::before {width:24px; height:24px; mask:url(/images/common/ico_sch02.svg) no-repeat 100% 50%; background:var(--color-gray1);}

header.schOn .ly_sch_wrap {height:calc(100vh - 72px); 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 {display:none;}
header .ly_sch_wrap .btn_closed,
header.schOff .ly_sch_wrap .btn_closed {display:none;}
header.schOn .ly_sch_wrap .btn_closed {background:none; background-color:var(--color-gray0); right:14px; top:-52px;}
header.schOn .ly_sch_wrap .btn_closed::before {content:""; display:block; width:20px; height:20px; background:url(/images/common/ico_close03.svg) no-repeat 50% 50%; background-size:contain;}


header.schOn {background-color:var(--color-gray1); height:fit-content;}
header.schOn .gnb > li > a > strong{color:var(--color-gray0) !important;}
header.schOn #header::before {content:""; position:absolute; left:0; top:110px; right:0; height:1px; background-color:rgba(0, 0, 0, 0.1);}
header.schOn #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.schOn #header .headerQuick_nav li > a::before,
header.schOn #header .headerQuick_nav li > button::before {background-color:var(--color-gray1) !important;}

#footer_wrap {position:relative;}
.f_contents {padding:60px 0 0;}
.f_contents h1 {width:90px; margin:0 0 80px 40px;}  
.f_call {position:static; align-items:flex-start; margin-bottom:18px; padding:0 40px;}
.f_call dt {font-size:14px;}
.f_call dd a {font-size:24px;}
.f_contents address {padding:0 40px;}
.f_contents address p {font-size:14px; line-height:21px; letter-spacing:var(--letter-spacing3);}
.f_sns_wrap {position:static; padding:40px 40px 60px;}
.f_sns_wrap li a::before {width:30px; height:30px;}
.f_quick_nav {padding:0;}
.f_quick_nav ul {width:100%; height:auto; border-bottom:1px solid var(--color-gray3); flex-wrap:wrap; align-items:stretch;}
.f_quick_nav ul li {width:calc(100% / 3); padding:10px 0; border-top:1px solid var(--color-gray3);}
.f_quick_nav ul li a {position:relative; width:100%; height:34px; justify-content:center; align-items:center; text-align:center;}
.f_quick_nav ul li a::before {position:absolute; left:0; top:50%; height:34px; margin:0; transform:translate(0, -50%);}
.f_quick_nav ul li:nth-child(3n+1) a::before {display:none;}
.f_quick_nav ul li a span {font-size:12px; letter-spacing:var(--letter-spacing3);}
.sponsor_wrap {height:70px;}
.sponsor_wrap .sponsor_bnr {height:70px; padding:0 20px;}
.sponsor_wrap .sponsor_bnr::before, 
.sponsor_wrap .sponsor_bnr::after {width:50px;}
.sponsor_wrap .sponsor_bnr > ul > li a {height:30px}

.a_disabled {pointer-events:none; cursor:default; text-decoration:none;}
.main .btn_s_down {display:none;}
.m_bnr_wrap {width:100%;}
.m_bnr_wrap .swiper-slide img.pcOnly {display:none;}
.m_bnr_wrap .swiper-slide img.mwOnly {display:block;}
.m_bnr_wrap .mBnr_text {bottom:90px; right:20px; left:20px; width:auto; text-align:left;}
.m_bnr_wrap .mBnr_title {line-height:130%; font-weight:400;}
.m_bnr_wrap .controls {right:20px; left:20px; bottom:36px;}
.m_bnr_wrap .pagination_wrap {width:100%;}
.m_bnr_wrap .swiper-scrollbar {width:calc(100% - 30px) !important;}
.m_bnr_wrap .swiper-button-prev.nav_btn,
.m_bnr_wrap .swiper-button-next.nav_btn,
.m_bnr_wrap .play_btn {width:24px !important; height:24px !important;}
.m_bnr_wrap .page_numbers,
.m_bnr_wrap .page_numbers span {font-size:12px;}

.main .btn_more {width:36px; height:36px;}
.section > .btn_more {right:20px;}
.m_section02 {margin:0 20px; padding:40px 0 80px;}
.m_section02 > .bnr_wrap ul li {width:280px;}
.m_section03 {padding:0 0 80px;}
.m_section03 > h2 {margin-left:20px;}
.m_section03 > .bnr_wrap {overflow-x:hidden; padding:0 20px;}
.m_section03 > .bnr_wrap ul li {min-width:calc((100% - 25px) / 2);}
.m_section03 > .bnr_wrap ul li a .title {font-size:18px;}
.m_section03 > .bnr_wrap ul li a .date {padding:20px 0 10px; font-size:12px;}
.m_section03 > .bnr_wrap .controls {right:20px;}
.m_section04 {padding:0 20px 10px;}
.m_section04 > ul > li > a {position:relative; padding:55px 0 20px; flex-wrap:wrap; justify-content:flex-start}
.m_section04 > ul > li:first-child > a {padding:55px 0 20px;}
.m_section04 > ul > li:first-child > a.tagN,
.m_section04 > ul > li > a.tagN {padding:30px 0 20px;}
.m_section04 > ul > li > a .title_wrap {width:100%; margin:0 0 8px 0;}
.m_section04 > ul > li > a .title_wrap.imgOn .img_area,
.m_section04 > ul > li > a .title_wrap.imgOn .img_area {display:none;}
.m_section04 > ul > li > a:hover .title_wrap.imgOn .title,
.m_section04 > ul > li > a:focus-visible .title_wrap.imgOn .title {padding:0;}
.m_section04 > ul > li > a .title_wrap .img_area {display:none;}
.m_section04 > ul > li > a .title_wrap .title {font-size:16px;}
.m_section04 > ul > li > a .tag {position:absolute; left:0; top:0; width:100%; justify-content:flex-start; padding:20px 0 0 0;}
.m_section04 > ul > li > a .tag em {height:28px; font-size:14px;}
.m_section04 > ul > li > a .dday {width:auto; font-size:14px;}
.m_section04 > ul > li > a .date {width:auto; font-size:14px;}
.m_section05 {padding:0 20px 80px;}
.m_section05 > .bnr_wrap ul li {min-width:calc((100% - 25px) / 2);}

.m_section06 {padding:0 20px 80px;}
.m_section06 > ul {gap:0; flex-direction:column;}
.m_section06 > ul > li {border-top:1px solid var(--color-gray3);}
.m_section06 > ul > li:first-child {border-top-width:2px;}
.m_section06 > ul > li > a {padding:20px 0;}
.m_section06 > ul > li > a .title {height:auto; margin:23px 0 8px; font-size:16px; line-height:100%;}
.m_section06 > ul > li > a::before,
.m_section06 > ul > li > a::after {display:none;}
/* 서브 페이지 */
.sub #container { padding:94px 0 0 0;}
.page_title_wrap {padding:0;}
.page_title_wrap.pack {padding-bottom:0;}
.page_title_wrap h2,
.h2_title {padding:20px 0; font-size:24px; letter-spacing:var(--letter-spacing1);}
.s_depth_nav {overflow-x:auto;}
.s_depth_nav ul {display:flex; overflow-x:auto; -webkit-overflow-scrolling:touch; margin:0; max-width:none; min-width:100%; scrollbar-width:none;}
.s_depth_nav ul::-webkit-scrollbar {display:none;}
.s_depth_nav ul li {flex:1; min-width:fit-content;}
.s_depth_nav ul li a,
.s_depth_nav ul li button {height:60px; min-width: 85px;}
.s_depth_nav ul li a span,
.s_depth_nav ul li button span {font-size: 14px; white-space:nowrap;padding: 0 16px;}
/* 마이홈 */
.my_home_section {padding-top:40px;}
.my_home_section .h3_title {padding:0 0 20px; font-size:18px; letter-spacing:var(--letter-spacing0); box-sizing:border-box; line-height:24px;}
.my_home_section .h3_title strong {font-size:18px; letter-spacing:var(--letter-spacing0);}

.my_info_wrap {flex-direction:column;}
.my_info_wrap .my_mem_card {width:100%; min-height:100px; padding:20px; justify-content:flex-start; box-sizing:border-box;}
.my_info_wrap .my_mem_card::before {content:""; display:block; width:69px; height:44px;}
.my_info_wrap .my_mem_card h3 {position:static; margin-left:20px; color:var(--color-gray1); font-size:16px; letter-spacing:var(--letter-spacing0); line-height:23px;}
.my_info_wrap .my_mem_card h3 span, 
.my_info_wrap .my_mem_card h3 strong {color:var(--color-gray1); font-size:16px; letter-spacing:var(--letter-spacing0); line-height:23px;}
.my_mem_card.member04,
.my_mem_card.member05 {min-height:151px; padding-bottom:71px;}
.my_mem_card .btn_lounge {width:100%; height:51px; top:100px}
.my_mem_card .btn_lounge span {font-size:14px;}

.my_info_wrap .my_info {width:100%; margin:0; border:0 none; padding:20px 20px 52px; box-sizing:border-box; background-color:var(--color-gray4);}
.my_info_wrap .my_info > dl {}
.my_info_wrap .my_info > dl dt {width:56px; padding:6px 0; font-size:14px; letter-spacing:var(--letter-spacing3); line-height:14px;}
.my_info_wrap .my_info > dl dd {width:calc(100% - 56px); padding:6px 0; font-size:14px; letter-spacing:var(--letter-spacing3); line-height:14px;}
.my_info_wrap .my_info > dl dd em,
.my_info_wrap .my_info > dl dd strong {font-size:14px;}
.my_info_wrap .my_info > .btn_area {max-width:470px; width:50%; display:flex; justify-content:flex-end; gap:10px;}
.my_info_wrap .my_info > .btn_area > * {min-width:calc((100% - 10px)   / 2);}
.my_info_wrap .my_info > .btn_area > * span {font-size:14px;}
.my_info_wrap .btn_withdrawal {bottom:20px; right:20px;}
.my_info_wrap .btn_withdrawal span {font-size:12px;} 

.expect_order_list {padding:0 0 40px;}
.expect_order_list .swiper-scrollbar.swiper-scrollbar-horizontal {width:calc(100% - 100px); height:3px; left:50px; right:50px;}
.order_box {padding:17px 0 0 0; max-width:calc(100% - 60px);}
.order_box .img_area {left:50%; transform:translate(-50%, 0);}
.order_box .img_area .img {width:215px; height:287px;}
.order_box .img_area .tag {width:51px; height:28px; font-size:12px;}
.order_box .prd_wrap {min-height:400px; padding:287px 0 0 0; background-color:var(--color-gray5); box-sizing:border-box; display:flex; justify-content:space-between; flex-direction:column;}
.order_box .prd_wrap .dday {padding:0 0 0 19px; margin:0 30px 6px; flex-direction:row; align-items:center; justify-content:flex-start; position:static; background-size:auto 14px;}
.order_box .prd_wrap .dday em {font-size:12px; padding-right:5px;}
.order_box .prd_wrap .dday span {font-size:12px;}
.order_box .prd_wrap .show_info {padding:0 30px 20px;}
.order_box .prd_wrap .show_info .title {font-size:16px;}
.order_box .prd_wrap .show_info .date {max-width:100%; font-size:12px; padding:6px 0 0 0;}
.order_box .prd_wrap .perf_info {gap:0px; padding:20px; margin-top:0;}
.order_box .prd_wrap .perf_info dl {padding:0; flex:none;}
.order_box .prd_wrap .perf_info dl:nth-child(1) {width:50%; padding:0 15px 0 0;}
.order_box .prd_wrap .perf_info dl:nth-child(2) {width:50%; padding:0 0 0 15px;}
.order_box .prd_wrap .perf_info dl dt {font-size:12px;}
.order_box .prd_wrap .perf_info dl dd {font-size:14px;}
.order_noData {padding:0 20px 20px;}
.order_noData .noData_txt {padding:60px 0 72px 0; font-size:16px;}
.order_noData > h4,
.order_noData > h4 span {font-size:14px; line-height:14px;}
.order_noData > .order_noData_list {overflow-x:auto;}

.recent_order_list li > button {position:relative; height:83px; padding:47px 0 20px 0;}
.recent_order_list li > button span {font-size:12px;}
.recent_order_list li > button span:nth-child(1) {display:none;}  
.recent_order_list li > button span:nth-child(2) {max-width:calc(100% - 63px); font-size:16px;}
.recent_order_list li > button span:nth-child(3) {width:63px; text-align:right; font-size:14px;}
.recent_order_list li > button span:nth-child(4) {position:absolute; right:0; top:20px; max-width:63px; width:100%; text-align:right;}
.recent_order_list li > button span:nth-child(5) {position:absolute; left:0; top:20px; max-width:calc(100% - 63px); font-size:12px;}
.recent_order_list li.noData {padding:143px 0;}
.recent_order_list li.noData p {font-size:18px; background-size:161px auto; padding-top:89px;}

.my_home_section .btn_more {right:20px; top:40px; width:24px; height:24px; display:flex;}
.my_home_section .btn_more::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(180deg);}
.my_home_section .btn_more 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%);}
.my_home_section .btn_more span::after {display:none;}

.my_quick_menu {padding:0; margin-bottom:40px; overflow:auto;}
.my_quick_menu ul {gap:10px;}
.my_quick_menu ul li {min-width:132px; height:100px;}
.my_quick_menu ul li a {border:0 none; background-color:var(--color-gray4); gap:5px;}
.my_quick_menu ul li a::before {width:24px; height:24px;}
.my_quick_menu ul li a span {font-size:14px;}


.tip_precaution {display:inline-block; position:relative;}
.tip_precaution .btn_tip {width:16px; height:16px; margin-left:6px; vertical-align:-4px;}
.tip_precaution > div {position:absolute; left:-40px; top:30px; width:261px; padding:15px; z-index:50;}
.tip_precaution > div dl dt {padding-bottom:12px; font-size:12px;}
.tip_precaution > div dl dd p {font-size:12px;}
.tip_precaution > div dl dd p + p {padding-top:5px;}
.tip_precaution > div .btn_close {right:15px; top:15px; width:16px; height:16px; mask-size:9px 9px;}

.ct_section {padding:40px 20px 60px;}
.ct_section .h3_title {padding:0 0 20px; font-size:18px; line-height:25px; letter-spacing:var(--letter-spacing0); font-weight:500;}
.ct_section .h3_title.mwTc {text-align:center;}

.ct_title_wrap,
.ct_title_wrap.pdt60 {padding:20px 0 40px;}
.ct_title_wrap.sNavOn {padding-top:0;}
.ct_section.w100p .ct_title_wrap {padding:20px 20px 40px;}
.ct_title_wrap > h3 {font-size:18px; line-height:26px;}
.ct_title_wrap > h3 em {font-size:18px;}
.ct_title_wrap.marketing > h3,
.ct_title_wrap.marketing > em {line-height:140%; line-height:normal;}
.ct_title_wrap > div {font-size:14px; padding:5px 0 0 0; line-height:20px;}

.s_title_wrap {padding:0 0 30px 0;}
.s_title_wrap .title {font-size:18px;}
.s_title_wrap button.btn01.inquiry {width:109px; height:42px;}
.s_title_wrap button.btn01.inquiry span {font-size:12px;}

.dsg_select01 {max-width:157px;}
.dsg_select01 > button {height:24px;}
.dsg_select01 > button::after {width:24px; height:24px;}
.dsg_select01 > button span {font-size:14px;}
.dsg_select01 > ul {top:24px; padding:10px;}
.dsg_select01 > ul li button {padding:3px 0 2px;}
.dsg_select01 > ul li button span {font-size: 14px;}

.dsg_select02 {max-width:166px;}
.dsg_select02 > button {height:24px; padding-left:10px;}
.dsg_select02 > button span {font-size:18px;}
.dsg_select02 > ul {top:32px; padding:10px;}
.dsg_select02 > ul li button {padding:3px 0 2px;}
.dsg_select02 > ul li button span {font-size:18px;}


.ct_title_wrap .ct_s_nav {padding:20px 0 0 0;}
.ct_s_nav ul li {width:112px; height:41px;}
.ct_s_nav ul li a {font-size:14px; font-weight:600; letter-spacing:var(--letter-spacing3);}
.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);}
.ct_s_nav.full ul {width:100%;}
.ct_s_nav.full ul li {flex:1; width:auto;}
/*------------------------------------
    게시판 - 리스트
--------------------------------------*/
.list_label .label {display:none;}

.list_ty01 ul {border-bottom:1px solid var(--color-gray8)}
.list_ty01 ul li {border-top:1px solid var(--color-gray8);}
.list_ty01 ul li:first-child {border-top:0 none;}
.list_ty01 ul li > button {position:relative; flex-wrap:wrap;}
.list_ty01 ul li > button > span {position:absolute; font-size:12px; text-align:right;}
.list_ty01 ul li > button > span.wait,
.list_ty01 ul li > button > span.cancel {color:var(--color-sub1);}
.list_ty01 ul li > button > span.listNo {color:var(--color-gray0)}

.list_ty01.membership ul li > button > span strong.my_mem_card {width:auto; height:auto; padding:0;}
.list_ty01.membership ul li > button > span strong.my_mem_card > span {position:static; color:var(--color-gray0); transform:none; font-size:16px; font-weight:600; line-height:100%;}
.list_ty01.membership ul li > button > span strong.my_mem_card::before,
.list_ty01.membership ul li > button > span strong.my_mem_card::after {display:none;}

.list_ty01.membership ul li > button {align-items:flex-end;}
.list_ty01.membership ul li > button .listNo {position:static; text-align:left; width:100%;}
.list_ty01.membership ul li > button .listCate {position:static; padding:48px 0 0 0; text-align:left; width:75%;}
.list_ty01.membership ul li > button .listAmount {position:static; width:25%;}
.list_ty01.membership ul li > button .listMethod {right:0; top:65px; width:25%;}
.list_ty01.membership ul li > button .listDate {left:0; top:40px; text-align:left; width:100%;}
.list_ty01.membership ul li > button .listState {right:0; top:20px; font-size:14px; width:25%;}

.list_label.event  ul li > button {display:block;}
.list_label.event  ul li > button > span {position:static; display:block;}
.list_label.event  ul li > button .listNo {width:100%; padding:0 0 25px 0; text-align:left;}
.list_label.event  ul li > button .listWinDate {position:static; display:inline-flex;  text-align:left; width:100%;}
.list_label.event  ul li > button .listWinDate::before {content:"당첨자 발표일"; width:79px; color:var(--color-gray0); font-weight:600;}
.list_label.event  ul li > button .listDate {position:static; display:inline-flex; text-align:left; width:100%;}
.list_label.event  ul li > button .listDate::before {content:"이벤트 기간"; width:79px; color:var(--color-gray0); font-weight:600;}
.list_label.event  ul li > button .listTitle {position:static; text-align:left; width:100%; flex:none; font-size:16px;  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:23px; margin:0 0 15px 0;}


.list_ty01.notice ul li > button {padding:20px 15px;}
.list_label.notice .label span {font-weight:700;}
.list_label.notice .listNo {display:none;}
.list_label.notice .listCate {left:15px; bottom:20px; width:80px; text-align:left; font-size:14px;}
.list_label.notice .listDate {right:15px; bottom:20px; width:auto; text-align:right; font-size:14px;}
.list_label.notice .listTitle {position:static; width:100%; padding:0 0 24px 0; flex-direction:column-reverse; align-items: flex-start;}
.list_label.notice .listTitle strong {font-size:16px; font-weight:500; padding:0 30px 0 0; margin:0 0 8px 0; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:23px; box-sizing:border-box;}
.list_label.notice .listTitle .state {width:100%; padding:0 0 10px 0; justify-content:flex-start;}
.list_label.notice .listTitle .state .b_n {font-size:14px;}
.list_label.notice .listTitle .state .b_ipt {font-size:14px;}
.list_label.notice .listTitle strong .file {transform:none; vertical-align:middle; margin-left:10px; top:auto; bottom:0; background-color:var(--color-gray1);}
.list_label.notice li.important .listTitle strong .file {background-color:var(--color-gray4);}
.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:20px 15px;}
.list_label.notice2 .label span {font-weight:700;}
.list_label.notice2 .listNo {display:none;}
.list_label.notice2 .listDate {position:static; width:auto; text-align:right; font-size:12px;}
.list_label.notice2 .listTitle {position:static; width:100%; padding:0 0 15px 0; flex-direction:column-reverse; align-items: flex-start;}
.list_label.notice2 .listTitle strong {font-size:16px; font-weight:500; padding:0 30px 0 0; margin:0 0 8px 0; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:23px;box-sizing: border-box;}
.list_label.notice2 .listTitle strong .file {transform:none; vertical-align:middle; margin-left:10px; top:auto; bottom:0; background-color:var(--color-gray1);}
.list_label.notice2 li.important .listTitle strong .file {background-color:var(--color-gray4);}
.list_label.notice2 .listNo {color:var(--color-gray6); font-weight:700;}
.list_label.notice2 .listDate {color:var(--color-gray3); font-weight:500;}
.list_label.notice2 .listDate::before {content:"작성일"; margin-right:15px; color:var(--color-gray0); font-size:12px; font-weight:600;}

.list_ty01.coupon ul li > button {flex-direction:column; padding:0 0 30px 0;}
.list_label.coupon  span {position:static; box-sizing:border-box;}
.list_label.coupon .listState {width:100%; padding:30px 15px 10px; text-align:left;}
.list_label.coupon .listDate {width:140px; text-align:center;}
.list_label.coupon .listCouponNum,
.list_label.coupon .listValidity {width:240px; text-align:center; font-weight:500;}
.list_label.coupon .listTitle {width:100%; padding:0 15px 30px; box-sizing:border-box;}
.list_label.coupon .listTitle ul {border:0 none;}
.list_label.coupon .listTitle ul li {font-size:12px; line-height:17px;}
.list_label.coupon .listTitle ul li::before {top:6px;}
.list_label.coupon .listTitle .tit {color:var(--color-gray3);}

.list_label.coupon .mwGroup {width:100%; flex-direction:column; background-color:var(--color-gray4); padding:20px 14px; gap:10px; box-sizing:border-box;}
.list_label.coupon .mwGroup span {display:inline-flex; width:100%; justify-content:space-between; font-size:14px;}
.list_label.coupon .mwGroup span:nth-of-type(1)::before {content:"쿠폰/예매권 번호"; color:var(--color-gray3); font-size:14px; font-weight:700;}
.list_label.coupon .mwGroup span:nth-of-type(2)::before {content:"유효기간"; color:var(--color-gray3); font-size:14px; font-weight:700;}
.list_label.coupon .mwGroup span:nth-of-type(3)::before {content:"사용일"; color:var(--color-gray3); font-size:14px; font-weight:700;}

.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 {padding:0 0 10px 0; color:var(--color-gray0); font-weight:600;}
.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.inquiry ul li > button {position:relative;}
.list_label.inquiry span {font-weight:500;}
.list_label.inquiry .listNo {position:static; width:100%; padding:0 0 25px 0; text-align:left;}
.list_label.inquiry .listState {width:auto; position:absolute; right:0; top:30px;}
.list_label.inquiry .listDate {position:static; width:100%; text-align:left;}
.list_label.inquiry .listDate::before {content:"작성일"; padding-right:15px; font-size:12px; color:var(--color-gray0);}
.list_label.inquiry .listTitle {position:static; text-align:left; width:100%; flex:none; font-size:16px;  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:23px; margin:0 0 15px 0;}
.list_label.inquiry .listState em {font-size:12px; padding:4px 6px;}

.list_ty01 ul li.important {position:relative;}
.list_ty01 ul li.important .listNo {position:absolute; right:15px; top:20px; width:24px; height:24px; text-indent:-9999px; overflow:hidden; display:block;}
.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 .noData {padding:143px 0;}
.list_ty01 .noData p {font-size:18px; background-size:161px auto; padding-top:89px;}


.list_ty02 > ul {gap:30px;}
.list_ty02 > ul li {flex:1; min-width:calc((100% - 30px) / 2); max-width:calc((100% - 43px) / 2); padding: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 > button .prd_info {padding:15px 0 0 0;}
.list_ty02 > ul li > button .prd_info .cate {top:-36px; padding:12px 20px; font-size:12px; letter-spacing:var(--letter-spacing0); }
.list_ty02 > ul li > button .prd_info .title {height:50px; margin-bottom:15px; font-size:18px; line-height:25px; font-weight:500;}
.list_ty02 > ul li > button .prd_info .evt_info {padding:11px 0 0 0;}
.list_ty02 > ul li > button .prd_info .evt_info dl {padding-top:4px;}
.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:74px; font-size:12px;}
.list_ty02 > ul li > button .prd_info .evt_info dl dd {width:calc(100% - 74px); font-size:12px;}
.list_ty02 .noData {padding:143px 0;}
.list_ty02 .noData p {font-size:18px; background-size:161px auto; padding-top:89px;}

.list_ty03 .listTitle {width:calc(100% - 54px); font-size:16px;}
.list_ty03 > ul li > button::after {width:24px; height:24px;}
.list_ty03 .noData {padding:143px 0;}
.list_ty03 .noData p {font-size:18px; background-size:161px auto; padding-top:89px;}

.list_ty04 {padding:20px 0 80px 0}
.list_ty04 > ul {border-top:0 none}
.list_ty04 > ul li,
.list_ty04 > ul li + li {border-color:var(--color-gray7)}
.list_ty04 > ul li > button {padding:30px 52px 30px 20px;}
.list_ty04 > ul li > button::after {width:32px; height:32px;}
.list_ty04 > ul li > button .tit > span {width:29px; font-size:18px;}
.list_ty04 > ul li > button .tit > strong {width:calc(100% - 29px); font-size:18px;}
.list_ty04 > ul li > .answer_wrap {padding:10px 20px 50px;}
.list_ty04 > ul li > .answer_wrap span {width:29px;font-size: 18px;}
.list_ty04 > ul li > .answer_wrap .txt {width:calc(100% - 29px); font-size:14px; line-height:22px;}
.list_ty04 > ul li > .answer_wrap .txt * {font-size:14px; line-height:22px;}
.list_ty04 .noData {padding:143px 0;}
.list_ty04 .noData p {font-size:18px; background-size:161px auto; padding-top:89px;}

.thumb_list01 {padding:0 0 40px 0;}
.thumb_list01 ul {gap:15px;}
.thumb_list01 ul li {min-width:calc((100% - 45px) / 4); max-width:calc((100% - 45px) / 4); padding:15px 0 0 !important;}
.thumb_list01:not(.thumb_list01.listView) ul li:nth-child(-n+3) {padding-top:0;}
.thumb_list01 ul li a .prd_info {padding:20px 0 0 0;}
.thumb_list01 ul li a .prd_info .classify span {padding:6px 11px; font-size:14px;}
.thumb_list01 ul li a .prd_info .classify span::before {width:13px; height:13px;}
.thumb_list01 ul li a .prd_info .tit {font-size:16px; line-height:22px;}
.thumb_list01 ul li a .prd_info .date {padding:10px 0 0 0; font-size:12px;}
.thumb_list01 ul li a .prd_info .state {font-size:12px;}
.thumb_list01.interest ul li .btn_favorite {right:10px; top:25px  !important; width:20px; height:20px;}
.thumb_list01.interest ul li:nth-child(-n+3) .btn_favorite {top:10px; right:10px;}
.thumb_list01.interest ul li.endShow .thumb::before {padding:6px 11px; font-size:14px;}
.thumb_list01.listView ul li:nth-child(-n+4) {padding:0;}
.thumb_list01.listView ul li a .thumb {width:73px;}
.thumb_list01.listView ul li a .prd_info {width:calc(100% - 73px); padding:0 0 0 15px;}
.thumb_list01.listView ul li a .prd_info .classify {position:static;}
.thumb_list01.listView ul li a .prd_info .tit {padding-top:5px;}
.thumb_list01 ul li.noData {padding:143px 0 !important;}
.thumb_list01 ul li.noData p {font-size:18px; background-size:161px auto; padding-top:89px;}

.thumb_list02 {padding-bottom:40px;}
.thumb_list02 li a .thumb {aspect-ratio: 335 / 217; max-width:335px;}
.thumb_list02 li a .thumb img {aspect-ratio:335 / 217;}
.thumb_list02 li a .prd_info .tit {font-size:20px;}
.thumb_list02 li a .prd_info .s_tit {padding:5px 0 0 0; font-size:16px;}
.thumb_list02 ul li.noData {padding:143px 0;}
.thumb_list02 ul li.noData p {font-size:18px; background-size:161px auto; padding-top:89px;}

.thumb_list03 {padding-bottom:40px;}
.thumb_list03 > ul > li a .thumb {max-width:335px; max-height:335px;}
.thumb_list03 > ul > li a .prd_info {padding:40px 20px;}
.thumb_list03 > ul > li a .prd_info .tit {font-size:20px;}
.thumb_list03 > ul > li a .prd_info .s_tit {padding:5px 0 0 0; font-size:16px; font-weight:400;}
.thumb_list03 > ul > li a .prd_info > ul {padding:16px 0 0 0;}
.thumb_list03 > ul > li a .prd_info > ul li {padding:4px 0 4px 30px; font-size:14px; line-height:21px; font-weight:500;}
.thumb_list03 > ul > li a .prd_info > ul li::before {left:0; top:4px; width:20px; height:20px;}
.thumb_list03 ul li.noData {padding:143px 0;}
.thumb_list03 ul li.noData p {font-size:18px; background-size:161px auto; padding-top:89px;}

.year_list {}
.year_list .label {display:none;}
.year_list > section,
.year_list > section:last-child {display:block; border:0 none;}
.year_list > section h4 {display:flex; width:100%; justify-content:flex-start; font-size:18px; padding:22px 10px; border-top:2px solid var(--color-gray0); box-sizing:border-box;}
.year_list > section h4 strong {font-size:18px; font-weight:500;}
.year_list > section h4 em {padding:6px 0 0 8px; font-size:13px;}
.year_list > section ul {width:100%; padding:0; border-top:2px solid var(--color-gray0);}
.year_list > section ul li button {flex-wrap:wrap; padding:20px 6px;}
.year_list > section ul li button .poster {display:none;}
.year_list > section ul li button div {width:auto; height:auto; padding:0 4px; color:var(--color-gray3); font-size:14px; font-weight:500;}
.year_list > section ul li button div span {color:var(--color-gray3); font-size:14px; font-weight:500;}
.year_list > section ul li button div:last-child {width:100%; margin-top:10px;}
.year_list > section ul li button > div strong {font-size:18px; font-weight:500;-webkit-line-clamp:2;}
.year_list > section ul.noDataWrap {border-bottom:2px solid var(--color-gray0);}
.year_list > section ul.noDataWrap li.noData {padding:143px 0;}
.year_list > section ul.noDataWrap li.noData p {font-size:18px; background-size:161px auto; padding-top:89px;}


.monthly_list {}
.monthly_list table {width:100%; table-layout:fixed;}
.monthly_list thead th,
.monthly_list tbody td {width:calc(100%  / 7)}
.monthly_list thead th {padding:0; text-align:center;}
.monthly_list tbody td {height: 100%;}
.monthly_list tbody td:last-child {border-right:0 none;}
.monthly_list tbody td > div {min-height:118px; height:100%; max-height:100%; position:relative; display:flex; flex-direction:column;}
.monthly_list tbody td > div > .day {position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; height:100%; display:flex; justify-content:center; pointer-events:auto; cursor:pointer;}
.monthly_list tbody td > div > .day span {font-size:20px;}
.monthly_list tbody td > div > ul {width:100%; padding:45px 0 15px 0;}
.monthly_list tbody td > div > ul li {padding:5px 0 0 0; text-align:center;}
.monthly_list tbody td > div > ul li button {width:auto; padding:0;}
.monthly_list tbody td > div > ul li button::before {content:""; position:static; display:block; width:14px; height:14px;  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,
.monthly_list tbody td > div > ul li button .poster,
.monthly_list tbody td > div > ul li button .classify,
.monthly_list.tk_open tbody td > div > ul li button .tk_open_time em {display:none;}


.mwMonthly {display:block; margin-top:40px; border-top:1px solid var(--color-gray0); border-bottom:1px solid var(--color-gray0);}
.btn_show_list {display:flex; justify-content:space-between; align-items:center; padding:20px 10px; width:100%; box-sizing:border-box;}
.btn_show_list::after {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(270deg); transition:transform 0.3s;}
.btn_show_list span {font-weight:500}
.mwMonthly.active .btn_show_list::after {transform:rotate(90deg);}

.tkOp_ty01::before,
.tkOp_ty02::before,
.tkOp_ty03::before,
.tkOp_ty04::before {width:16px; height:16px; font-size:12px; line-height:16px;}

.tk_open_info {flex-wrap:wrap; gap:10px; padding:0 0 30px;}
.tk_open_info strong {font-size:14px;}

.mwMonthly .monthly_show_list {width:100%; display:none;}
.mwMonthly.active .monthly_show_list,
.mwMonthly.tk_open .monthly_show_list {display:block;}
.monthly_show_list > li {padding:30px 20px; border-top:1px solid var(--color-gray7);}
.monthly_show_list .day {display:flex; justify-content:space-between; align-items:center; height:36px;}
.monthly_show_list .day strong {font-size:24px; font-family:var(--font-family1);}
.monthly_show_list .day em {font-style:normal; font-weight:700;}
.monthly_show_list ul {padding-top:20px;}
.monthly_show_list ul li button {width:100%; padding:0 0 0 20px; border-left:4px solid var(--color-gray0); text-align:left;;}
.monthly_show_list ul li + li {margin-top:20px;}
.monthly_show_list ul li.plan button {border-color:var(--color-sub1)}
.monthly_show_list ul li button .classify {padding-bottom:10px;}
.monthly_show_list ul li button .classify span {display:inline-flex; align-items:center; justify-content:center; padding:6px 11px; background-color:var(--color-sub1); color:var(--color-gray1); font-size:14px; font-weight:500;}
.monthly_show_list 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_show_list ul li button .tit {font-weight:700;}

.mwMonthly.tk_open {border-bottom:0;}
.mwMonthly.tk_open .monthly_show_list > li {border-top:2px solid var(--color-gray0);}
.mwMonthly.tk_open .monthly_show_list ul li {border-top:1px solid var(--color-gray7);}
.mwMonthly.tk_open .monthly_show_list ul li button {padding:20px 0; border:0 none;}
.mwMonthly.tk_open .monthly_show_list ul li button .tk_open_time {display:flex; padding:0 0 10px 0;}
.mwMonthly.tk_open .monthly_show_list ul li button .tk_open_time strong {height:16px; display:inline-flex;}
.mwMonthly.tk_open .monthly_show_list ul li button .tk_open_time em {display:flex; align-items:center; margin-left:5px; height:16px; padding:0 5px; border:1px solid var(--color-gray3); font-size:12px; line-height:16px; font-style:normal; box-sizing:border-box;}


.pu_monthly {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%;background: rgba(255, 255, 255, 0.90); backdrop-filter: blur(6px); box-sizing:border-box; padding:60px 20px 0; z-index:80;}
.pu_monthly.active {display:block;}
.pu_monthly .btn_closed {position:absolute; right:20px; top:20px; width:28px; height:28px; display:flex; justify-content:center; align-items:center; background:none;}
.pu_monthly .btn_closed::before {content:""; width:14px; height:14px; mask:url(/images/common/ico_close03.svg) no-repeat 50% 50%; mask-size:contain; background-color:var(--color-gray6);}
.pu_monthly .day {display:flex; justify-content:space-between; align-items:center; height:36px;}
.pu_monthly .day strong {font-size:24px; font-family:var(--font-family1);}
.pu_monthly .day em {font-style:normal; font-weight:700;}
.pu_monthly .pu_monthly_box {height:calc(100% - 53px); overflow:auto; box-sizing:border-box; margin-top:15px;}
.pu_monthly_box ul {display:flex; flex-wrap:wrap; gap:20px; padding-bottom:40px;}
.pu_monthly_box ul li {width:calc(50% - 10px);}
.pu_monthly_box ul li button {display:block; text-align:left; border-left:4px solid var(--color-gray0); padding:0 0 0 15px; width:100%;}
.pu_monthly_box ul li.plan button {border-left:4px solid var(--color-sub1)}
.pu_monthly_box ul li button .classify span {display:inline-flex; align-items:center; justify-content:center; padding:6px 11px; background-color:var(--color-sub1); color:var(--color-gray1); font-size:14px; font-weight:500;}
.pu_monthly_box 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;}
.pu_monthly_box ul li button .tit {padding:10px 0; font-size:16px; line-height:24px; font-weight:700;}
.pu_monthly_box ul li button .poster {width:153px; height:204px;}
.pu_monthly_box ul li button .poster img {aspect-ratio: 3/4;}

.pu_tk_open_box {padding:30px 20px; border-top:2px solid var(--color-gray0); border-bottom:2px solid var(--color-gray0);}
.pu_tk_open_box ul {padding-top:20px;}
.pu_tk_open_box ul li {border-top: 1px solid var(--color-gray7);}
.pu_tk_open_box ul li button {width:100%; padding:20px 0; text-align:left;}
.pu_tk_open_box ul li button .tit {font-weight:700; font-size:16px; line-height:24px;}
.pu_tk_open_box ul li button .tk_open_time {display:flex; align-items:center; padding:0 0 10px 0;}
.pu_tk_open_box ul li button .tk_open_time strong {height:16px; display:inline-flex;}
.pu_tk_open_box ul li button .tk_open_time em {display:inline-flex; align-items:center; height:16px; margin-left:5px; padding:0 5px; border:1px solid var(--color-gray3); font-size:12px; line-height:16px; font-style:normal; box-sizing:border-box;}
/*------------------------------------
    게시판 - 검색
--------------------------------------*/
.board_sch_wrap {max-width:640px; width:100%; margin:0 auto; padding:40px 0 ; box-sizing:border-box;}
.board_sch_wrap .sch_wrap form {gap:15px; width:100%;}
.board_sch_wrap .sch_wrap form .sel01 {min-width:113px;}
.board_sch_wrap .sch_wrap form .ip_form {padding-right:29px;}
.board_sch_wrap .sch_wrap form .ip_form input {height:44px; padding:0 5px; font-size:12px;}
.board_sch_wrap .sch_wrap form .ip_form .btn_sch {width:29px; height:44px; mask-size:14px 14px; right:0;}
.board_sch_wrap.interest {padding:30px 0 15px;}
.board_sch_wrap.interest .btn_delete {width:97px; height:42px;}
.board_sch_wrap.interest .btn_delete::before {width:20px; height:20px; mask-size:contain;}
.board_sch_wrap.interest .btn_delete span {font-size:12px;}

.goods_sch_wrap {padding:20px 0 40px;}

.goods_sch_wrap .year_sch_wrap {height:36px; width:143px; padding:0 24px;}
.goods_sch_wrap .year_sch_wrap strong {font-size:24px;}
.goods_sch_wrap .year_sch_wrap button {width:24px; height:100%;}
.goods_sch_wrap .year_sch_wrap button::before {width:24px; height:24px; mask-size:contain; top:50%; transform:translate(0, -50%);}
.goods_sch_wrap .cate_sch_wrap {display:flex;}
.goods_sch_wrap .cate_sch_wrap button::before,
.goods_sch_wrap .cate_sch_wrap button.active::before {width:28px; height:28px; background-size:contain;}
.goods_sch_wrap .cate_sch_wrap button span {font-size:16px; font-weight:600;}

.goods_sch_wrap.month {flex-direction:row; padding:0 0 40px 0;}
.goods_sch_wrap.month h3 {font-size:24px;}

.month_sch_wrap {display:flex; gap:15px;}
.month_sch_wrap .custom_select {position:relative; width:auto;}
.month_sch_wrap .custom_select .select_btn::after {width:24px; height:24px;}
.month_sch_wrap .custom_select .select_btn span {font-size:18px;}
.month_sch_wrap .custom_select .select_list {display:none; left:-20px; width:calc(100% + 20px); height:auto; max-height:300px; overflow:auto; box-sizing:border-box;}
.month_sch_wrap .custom_select .select_list li button {padding:10px 17px; font-size:18px;}
.month_sch_wrap .custom_select.year .select_list li button {padding:10px 20px;}


/*------------------------------------
    게시판 - paging
--------------------------------------*/
.paging {max-width:335px; margin:0 auto; justify-content:space-between;}
.paging .page_num {gap:20px; padding:0;}
.paging .page_num li a {font-size:14px;}
.paging .page_num li.active > a {color:var(--color-gray0); font-weight:700;}
.list_ty01 + .paging {padding-top:40px;}
/*------------------------------------
    게시판 - 작성
--------------------------------------*/
.write_ty01 {border-top:2px solid var(--color-gray0)}
.write_ty01 .form {padding:30px 0;}
.write_ty01 .form + .form {border-top:1px solid var(--color-gray8);}
.write_ty01 .form > dt {width:45px; font-size:14px;}
.write_ty01 .form > dd {width:calc(100% - 45px); flex-shrink:0; min-height:48px;}
.write_ty01 .form.txt dd {display:flex; align-items:center;}
.write_ty01 .form.txt dd strong,
.write_ty01 .form > dd .input01,
.write_ty01 .form > dd .input01::placeholder {font-size:16px;}
.write_ty01 .form > dd textarea {font-size:16px; padding:15px;}
.write_ty01 .form > dd textarea::placeholder {color:var(--color-gray7);}
.write_ty01 .form.cont {display:block;}
.write_ty01 .form.cont dt {width:100%; padding-bottom:15px;}
.write_ty01 .form.cont dd {width:100%;}
.write_ty01 .attach_file dt {height:48px; width:63px;}
.write_ty01 .attach_file dd {width:calc(100% - 63px);}
.attach_file .file_form button {height:48px; padding:15px;}
.attach_file .file_form button span {font-size:14px;}
.attach_file .file_form button::before {width:16px; height:16px;}
.attach_file .ex_txt {padding:10px 0 0 0; font-size:12px;}
.attach_file .file_list {margin-top:10px; min-height:48px; text-align:left; padding:15px;}
.attach_file .file_list li {padding:0 20px 0 21px; margin:5px 0;}
.attach_file .file_list li::before {width:16px; height:16px; top:6px;}
.attach_file .file_list li > span {font-size:14px;}
.write_ty01 + .btn_area .btn04 {width:calc(50% - 5px); max-width:162px; margin:0 0 0 5px;}
.write_ty01 + .btn_area .btn04:first-child {margin-right:5px; margin-left:0;}
/*------------------------------------
    게시판 - 상세
--------------------------------------*/
.view_ty01 {border-top:1px solid var(--color-gray2);}
.view_ty01 > dl {display:flex; align-items:center;}
.view_ty01 > dl dt {width:80px; padding:20px 0; font-size:14px;}
.view_ty01 > dl dd {padding:20px 0; font-size:14px;}
.view_ty01 > dl dd *:not(button > span) {font-size:14px;}
.view_ty01 > dl dd.member_txt {padding:20px 0;}
.view_ty01 > dl dd.state {flex-wrap:wrap; padding:20px 0; gap:10px;}
.view_ty01 > dl dd.state strong {padding-right:10px;}
.view_ty01 > dl dd > .btn02 {width:130px; margin-left:0;}
.view_ty01 > dl dd > .btn02 span {font-size:12px;}
.view_ty01 > dl dd.multi_txt strong {font-weight:700;}
.view_ty01 > dl dd.cancel_info .ic_mem_cancel {margin-top:10px;}


.view_ty01.marketing > dl dt {width:100px; padding:20px 0; font-size:14px;}
.view_ty01.marketing > dl dd {padding:20px 0; font-size:14px;}
.view_ty01.marketing > dl dd .agree_box {gap:5px;}
.view_ty01.marketing > dl dd ol + .agree_box {margin-top:10px;}

.marketing_wrap .txt {font-size:16px; line-height:160%;}

.member_view_wrap .my_mem_card {position:static; margin:10px auto 30px;  width:180px; height:113px;}
.member_view_wrap .my_mem_card::before {width:180px; height:113px;}
.member_view_wrap  + .btn_area .list {width:109px;}
.member_view_wrap  + .btn_area .list span {font-size:12px;}

.view_ty02 .tit_area {padding:0 0 40px 0;}
.view_ty02 .tit_area .title {padding-bottom:15px; font-size:18px; line-height:25px;}
.view_ty02 .tit_area .evt_info {padding:15px 0 0 0;}
.view_ty02 .tit_area .evt_info dl dt {width:74px; font-size:12px;}
.view_ty02 .tit_area .evt_info dl dd {width:calc(100% - 74px); font-size:12px;}
.view_ty02 .tit_area .evt_info dl + dl {padding:4px 0 0 0;}

.view_ty02 .tit_area .evt_info .sns_area .btn_share {width:18px; height:18px; background:url(/images/common/ico_share.svg) no-repeat 0 0; background-size:contain;}
.view_ty02 .tit_area .evt_info .sns_area .btn_share span,
.view_ty02 .tit_area .evt_info .sns_area .btn_share span::selection {font-size:5px; color:transparent;}
.view_ty02 .tit_area .evt_info .sns_area .pu_share_wrap {position:absolute; right:0; top:37px; width:190px; height:87px; padding:17px 35px 15px 35px; background-color:var(--color-gray1); border:1px solid var(--color-gray8); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10); box-sizing:border-box; transition:all .3s; overflow:hidden; opacity:0; z-index:-1;}
.view_ty02 .tit_area .evt_info .sns_area .pu_share_wrap.on {opacity:1; z-index:1;}
.view_ty02 .tit_area .evt_info .sns_area .pu_share_wrap > strong {display:block; padding:0 0 6px 0; font-size:12px; text-align:center;}
.view_ty02 .tit_area .evt_info .sns_area .pu_share_wrap > div {display:flex; margin:0;}
.view_ty02 .tit_area .evt_info .sns_area .pu_share_wrap > div button {margin:0 0 0 8px; width:32px; height:32px;}
.view_ty02 .tit_area .evt_info .sns_area .pu_share_wrap > div button:first-child {margin-left:0;}
.view_ty02 .tit_area .evt_info .sns_area .pu_share_wrap .btn_close {top:10px; right:10px; position:absolute; width:24px; height:24px; mask:url(/images/common/ico_close03.svg) no-repeat 50% 50%; mask-size:10px 10px; background-color:var(--color-gray6);}
.view_ty02 .tit_area .evt_info .sns_area .pu_share_wrap .btn_close span,
.view_ty02 .tit_area .evt_info .sns_area .pu_share_wrap .btn_close span::selection {font-size:5px; color:transparent;}

.view_ty02 + .btn_area.view {padding:40px 0 0 0;}
.view_ty02 + .btn_area.view .btn03 {width:109px;}

.view_ty03 {padding:40px 0 0 0;}
.view_ty03 .tit_area {padding:0 0 40px 0;}
.view_ty03 .tit_area .tit {padding-bottom:5x; font-size:24px; line-height:36px;}
.view_ty03 .tit_area .s_tit {padding-bottom:0; font-size:18px; line-height:25px;;}

.view_ty03 + .btn_area.view .btn03 {width:109px;}

.view_ty03 > h3 {padding:60px 0 20px; font-size:18px}
.view_ty03 .related_goods_list ul li {width:280px;}
.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:18px;}
.view_ty03 .related_goods_list ul li a .date {padding:20px 0 10px; font-size:12px;}

.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_ty04 {}
.view_ty04 .board_info {display:flex; border-top:2px solid var(--color-gray0); background-color:var(--color-gray4); padding:37px 30px; flex-wrap:wrap;}

.view_ty04 .board_info .listNo {display:none;}
.view_ty04 .board_info {padding:20px 15px; position:relative;}
.view_ty04 .board_info .listCate {position:absolute; left:15px; bottom:20px; width:80px; text-align:left; font-size:14px;}
.view_ty04 .board_info .listDate {position:absolute; right:15px; bottom:20px; width:auto; text-align:right; font-size:14px;}
.view_ty04.organ .board_info .listDate {position:static; width:100%; text-align:left;}
.view_ty04.organ .board_info .listDate::before {content:"작성일"; margin-right:15px; color:var(--color-gray0); font-size:12px; font-weight:600;}
.view_ty04 .board_info .listTitle {width:100%; padding:0 0 24px 0;}
.view_ty04.organ .board_info .listTitle {width:100%; padding:0;}
.view_ty04 .board_info .listTitle strong {font-size:16px; font-weight:500; padding:0; margin:0 0 8px 0; line-height:23px;}
.view_ty04 .board_info .listTitle strong .file {transform:none; vertical-align:middle; margin-left:10px; top:auto; bottom:0;}

.view_ty04 .editor-content {min-height:300px;}

.view_ty04 .file_warp {padding:20px 0;}
.view_ty04 .file_warp dt  {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%);}
.view_ty04 .file_warp dd p {padding-left:20px; background-size:16px auto; background-position:0 0;}
.view_ty04 .file_warp dd p a {display:block; text-decoration:underline; font-size:14px;}
.view_ty04 + .btn_area.view {gap:10px;}

.view_ty04.question .board_info {padding:20px 15px; flex-wrap:wrap; justify-content:space-between;}
.view_ty04.question .board_info .listState em {font-size:12px; font-weight:500; padding:4px 11px 3px;}
.view_ty04.question .board_info .listState {width:auto;}
.view_ty04.question .board_info .listTitle {width:100%; padding:0;}
.view_ty04.question .board_info .listDate {position:static; width:auto;}
.view_ty04.question .editor-content,
.view_ty04.answer .editor-content {min-height:240px;}
.view_ty04.question .editor-content *,
.view_ty04.answer .editor-content * {font-size:16px;}

.view_ty04.answer .board_info {padding:30px 0; background-color:var(--color-gray1); border-top:1px solid var(--color-gray7)}
.view_ty04.answer .board_info .listNo {width:48px; font-size:16px;}
.view_ty04.answer .board_info .listTitle {width:calc(100% - 48px); padding:0;} 
.view_ty04.answer .listNo {display:flex; text-align:left;}



.comment_wrap {padding:40px 0 0 0;}
.comment_wrap .comment_write_wrap {position:relative; padding:0;}
.comment_wrap .comment_write_wrap .btn04 {width:91px;}
.comment_wrap .comment_write_wrap .comment_tit strong {font-size:16px; font-weight:500; line-height:22px;}
.comment_wrap .comment_write_wrap .comment_tit p {padding:10px 120px 0 0; font-size:12px; font-weight:500;}
.comment_wrap .comment_list {padding:0 0 40px 0;}
.comment_wrap .comment_list li {padding:20px 0;}
.comment_wrap .comment_list strong {padding:0 0 15px 0; font-size:14px; line-height:100%;}
.comment_wrap .comment_list .comment_area {}
.comment_wrap .comment_list .comment_area p {padding:0 0 18px; font-size:14px; line-height:21px;}
.comment_wrap .comment_list .comment_area span {font-size:12px;}
.comment_wrap .comment_list .comment_area span + span::before {height:12px;}
.comment_wrap .comment_list .comment_area .btn_del span {font-size:12px;}
.comment_wrap .comment_write {height:133px; margin:15px 0 0 0; padding:0 0 57px;}
.comment_wrap .comment_write.on {display:block;}
.comment_wrap .comment_write textarea {padding:15px 78px 15px 15px; font-size:14px; line-height:21px;}

.comment_wrap .comment_write .txt_limit {right:15px; top:15px; font-size:12px;}
.comment_wrap .comment_write .txt_limit strong {font-size:12px;}
.comment_wrap .comment_write .btn05 {right:15px; bottom:15px; width:71px;}

.view_coupon_wrap {padding:40px 0 0 0;}
.view_coupon_wrap h4 {padding:0 0 20px 0; font-size:16px;}
.view_coupon_wrap .coupon_area {display:flex; justify-content:center; align-items:stretch; padding:0 0 60px 0;}
.view_coupon_wrap .coupon_area > div {padding:0 20px; min-height:55px; font-size:14px;}
.view_coupon_wrap .coupon_area > div::before {width:10px; height:10px; left:-5px;}
.view_coupon_wrap .coupon_area > .btn_down {width:60px; min-height:55px; flex-shrink:0;}
.view_coupon_wrap .coupon_area > .btn_down::before {mask-size:15px 15px; width:15px; height:15px;}
.view_coupon_wrap .coupon_area > .btn_down span {padding:5px 0 0 0; font-size:12px;}
.view_coupon_wrap .validity {padding:0 0 15px 0; font-size:12px;}
.view_coupon_wrap .txt_precaution {font-size:12px; line-height:17px;}

.goods_view_wrap {display:block;}
.goods_view_wrap > .thumb {top:94px; width:100%; max-height:calc(100vh - 94px); z-index:-1;}
.goods_view_wrap > .detail_wrap {position:relative; z-index:1; background-color: var(--color-gray1);}
.detail_contents {padding:0;}
.detail_contents .detail_nav {top:94px; overflow-x:auto;}
.detail_contents .detail_nav ul {}
.detail_contents .detail_nav ul li a {height:60px; min-width:115px; width:100%;}
.detail_contents .detail_nav ul li a span {font-size:14px;}

.detail_contents .detail_txt {width:calc(100% - 40px); margin:0 auto; padding:0 0 80px 0;}
.detail_contents .detail_txt:nth-of-type(2) {margin-top:40px;}

.detail_contents .detail_txt h3 {font-size:16px; margin:80px 0 15px;}
.detail_contents .detail_txt:nth-of-type(2) {padding:30px 20px;}
.detail_contents .detail_txt:nth-of-type(2) h3::before,
.detail_contents .detail_txt:nth-of-type(3) h3::before {width:20px; height:20px;}
.detail_contents .detail_txt:nth-of-type(2) h3 {margin:0 0 15px 0; padding-left:29px; line-height:20px;}
.detail_contents .detail_txt:nth-of-type(3) h3 {margin:80px 0 15px 0; padding-left:29px; line-height:20px;}

.detail_contents .detail_txt .related_contents ul li a .tit {padding:10px 0 0 0; font-size:16px;}
.detail_contents .detail_txt .related_goods_list {overflow-x:auto;}
.detail_contents .detail_txt .related_goods_list ul {gap:20px; flex-wrap:nowrap;}
.detail_contents .detail_txt .related_goods_list ul li {min-width:279px; max-width:calc((100% - 20px) / 2);}
.detail_contents .detail_txt .related_goods_list ul li a .tit {padding:20px 0 0 0; font-size:16px; line-height:22px;}


.detail_wrap > .prd_info {padding:40px 20px;}
.detail_wrap > .prd_info .sns_share_area {position:static; margin-top:40px;}
.detail_wrap > .prd_info .prd_title_area {padding:0 0 20px 0; width:100%;}
.detail_wrap > .prd_info .prd_title_area .classify span {font-size:14px; padding:8px 12px;}
.detail_wrap > .prd_info .prd_title_area h2 {font-size:20px;}
.detail_wrap > .prd_info .prd_title_area p {font-size:16px;}
.detail_wrap > .prd_info .prd_info_area li {padding-left:30px;}
.detail_wrap > .prd_info .prd_info_area li::before {width:20px; height:20px;}
.detail_wrap > .prd_info .prd_info_area li p,
.detail_wrap > .prd_info .prd_info_area li p a {font-size:14px; line-height:21px;}
.detail_wrap > .prd_info .sns_share_area {gap:15px;}

.goods_view_wrap > .perf_sale_wrap .episode_select {background-color:var(--color-gray1); box-shadow: 0 -4px 20px 0 rgba(0, 0, 0, 0.10);}
.goods_view_wrap > .perf_sale_wrap .episode_select > button {width:100%; height:68px; padding:0 44px 0 20px; position:relative;}
.goods_view_wrap > .perf_sale_wrap .episode_select > button::before {left:auto; right:20px; position:absolute;}
.goods_view_wrap > .perf_sale_wrap .episode_select > button em {display:block; padding:0; font-size:16px;}
.goods_view_wrap > .perf_sale_wrap .episode_select > button strong {display:block; font-size:16px;}
.goods_view_wrap > .perf_sale_wrap .episode_select > button span {font-size:16px; padding:0;}
.goods_view_wrap > .perf_sale_wrap .episode_select > ul {bottom:68px; width:100%;box-shadow: 0 -4px 20px 0 rgba(0, 0, 0, 0.10);}
.goods_view_wrap > .perf_sale_wrap .episode_select > ul li .btn_episode {padding:0 140px 0 20px; height:68px;}
.goods_view_wrap > .perf_sale_wrap .episode_select > ul li .btn_episode span {font-size:16px;}
.goods_view_wrap > .perf_sale_wrap .episode_select > ul li .btn_remain {right:20px; padding:10px;}

.btn_remain span {font-size:14px;}

.btn_perfsale {padding:24px 0;}
.btn_perfsale span {font-size:16px;}
.btn_perfsale::before {width:20px; height:20px; transition:none;}
.btn_perfsale:hover {background-color:var(--color-sub1);}
.btn_soldOut,
.btn_other {padding:24px 0;}
.btn_soldOut span,
.btn_other span,
.btn_other em {color:var(--color-gray6); font-weight:700; font-style:normal;font-size:16px;}
.btn_other em {padding-left:8px;}



.detail_contents .detail_txt .editor-content,
.detail_contents .detail_txt .editor-content *,
.detail_contents .detail_txt .cancel_info_txt > dl > dd dt,
.detail_contents .detail_txt .cancel_info_txt > dl > dd dd,
.detail_contents .detail_txt .cancel_info_txt > dl > dd ul li,
.detail_contents .detail_txt .cancel_info_txt > dl > dd .point {font-size:14px; line-height:21px;}


.detail_contents .detail_txt .cancel_info_txt dl:nth-child(3) > dd {padding-bottom:0;}
.detail_contents .detail_txt .cancel_info_txt dl:nth-child(4) {border-top-color:var(--color-gray6);}
.detail_contents .detail_txt .cancel_info_txt > dl > dt {font-size:16px;}
.detail_contents .detail_txt .cancel_info_txt > dl > dt::before {width:20px; height:20px;}
.detail_contents .detail_txt .cancel_info_txt > dl > dd dt {padding-top:20px;}
.detail_contents .detail_txt .cancel_info_txt > dl > dd strong {font-size:14px; font-weight:700;}
.detail_contents .detail_txt .cancel_info_txt > dl > dd ul li::before {width:4px; height:4px; top:9px;}
.detail_contents .detail_txt .cancel_info_txt > dl + dl > dt {margin:40px 0 20px;}
.detail_contents .detail_txt .cancel_info_txt > dl > dd > div .perf_fee {line-height:100%;}
.detail_contents .detail_txt .cancel_info_txt > dl > dd > div .perf_fee > dt {padding:16px 10px; font-size:14px; font-weight:700; border-top:2px solid var(--color-gray0); border-bottom:2px solid var(--color-gray0);}
.detail_contents .detail_txt .cancel_info_txt > dl > dd > div .perf_fee > dd {padding:20px 10px;}
.detail_contents .detail_txt .cancel_info_txt > dl > dd > div .perf_fee > dd > dl > dt {font-size:14px;}
.detail_contents .detail_txt .cancel_info_txt > dl > dd > div .perf_fee > dd > dl > dd {padding:10px 0 20px; border-bottom:1px solid var(--color-gray7); font-size:14px;}
.detail_contents .detail_txt .cancel_info_txt > dl > dd > div .perf_fee > dd > dl > dd dt {padding:0 0 10px 0;}
.detail_contents .detail_txt .cancel_info_txt > dl > dd > div .perf_fee > dd > dl > dd dl + dl {margin-top:20px; padding:20px 0 0 0; border-top:1px solid var(--color-gray7);}
.detail_contents .detail_txt .cancel_info_txt > dl > dd > div .perf_fee > dd > dl:last-child > dd {border-bottom:0 none;}

.goods_view_wrap.pack > .perf_sale_wrap .pack_tit {display:none;}
.goods_view_wrap.pack > .perf_sale_wrap .btn_area {width:100%;}
.goods_view_wrap.pack > .detail_wrap > .prd_info {padding-bottom:0}
.goods_view_wrap.pack > .detail_wrap .detail_contents .detail_txt {padding-bottom:0;}
.goods_view_wrap.pack > .detail_wrap > .prd_info .prd_title_area {width:100%;}
.goods_view_wrap.pack > .detail_wrap > .prd_info .prd_info_area {width:100%;}
.goods_view_wrap.pack > .detail_wrap > .prd_info .sns_share_area {position:static; margin:40px 0;}

.goods_view_wrap.pack > .detail_wrap > .prd_info .show_list_wrap {position:static; width:100%; padding:0; border:0; border-top:1px solid var(--color-gray7);}
.goods_view_wrap.pack > .detail_wrap > .prd_info .show_list_wrap.active  {padding-bottom:40px;}
.goods_view_wrap.pack > .detail_wrap > .prd_info .show_list_wrap > button {position:relative; display:block; width:100%; padding:22px 20px; pointer-events:all; cursor:pointer; text-align:left;}
.goods_view_wrap.pack > .detail_wrap > .prd_info .show_list_wrap > button::after {content:""; position:absolute; right:0; top:50%; transform:translate(0, -50%) rotate(0deg); width:24px; height:24px; mask:url(/images/common/ico_arr05.svg) no-repeat 50% 50%; mask-size:contain; background-color:var(--color-gray6); transition:transform 0.3s ease;}
.goods_view_wrap.pack > .detail_wrap > .prd_info .show_list_wrap.active > button::after {transform:translate(0, -50%) rotate(180deg);}
.goods_view_wrap.pack > .detail_wrap > .prd_info .show_list_wrap > button span {font-size:16px; font-weight:500; font-family:var(--font-family1);}
.goods_view_wrap.pack > .detail_wrap > .prd_info .show_list_wrap ul {padding:0 20px;background-color:var(--color-gray8); max-height:0; overflow:hidden; opacity:0; transition:max-height 0.3s ease, opacity 0.3s ease, padding 0.3s ease;}
.goods_view_wrap.pack > .detail_wrap > .prd_info .show_list_wrap.active ul {max-height:10000px; opacity:1; padding:16px 20px;}
.goods_view_wrap.pack > .detail_wrap > .prd_info .show_list_wrap ul li + li {padding:12px 0 0 0;}
.goods_view_wrap.pack > .detail_wrap > .prd_info .show_list_wrap ul li a {font-size:14px; line-height:21px;}

.goods_view_wrap.bridge > .detail_wrap > .prd_info {padding:20px; }
.goods_view_wrap.bridge > .detail_wrap > .prd_info .prd_title_area {padding:0 0 20px;}
.goods_view_wrap.bridge > .detail_wrap > .prd_info .show_list_wrap ul {padding:0 20px;background-color:var(--color-gray8); max-height:0; overflow:hidden; opacity:0; transition:max-height 0.3s ease, opacity 0.3s ease, padding 0.3s ease;}
.goods_view_wrap.bridge > .detail_wrap > .prd_info .show_list_wrap.active ul {max-height:10000px; opacity:1; padding:6px 10px;}
.goods_view_wrap.bridge > .detail_wrap > .prd_info .show_list_wrap ul li {padding:6px 0; justify-content:space-between; gap:10px; border-bottom:1px solid var(--color-gray7);}
.goods_view_wrap.bridge > .detail_wrap > .prd_info .show_list_wrap ul li + li {padding:6px 0; border-top:1px solid var(--color-gray1)}
.goods_view_wrap.bridge > .detail_wrap > .prd_info .show_list_wrap ul li:last-child {border-bottom:0 none;}
.goods_view_wrap.bridge > .detail_wrap > .prd_info .show_list_wrap ul li a {flex-direction:column;}
.goods_view_wrap.bridge > .detail_wrap > .prd_info .show_list_wrap ul li a strong {font-size:14px;}
.goods_view_wrap.bridge > .detail_wrap > .prd_info .show_list_wrap ul li a span {font-size:14px; margin-top:5px;}
.goods_view_wrap.bridge > .detail_wrap > .prd_info .show_list_wrap ul li a span::before {display:none;}
.goods_view_wrap.bridge > .detail_wrap > .prd_info .show_list_wrap ul li .btn_bridge_perfsale {padding:5px 10px;}
.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:14px;}
.goods_view_wrap.bridge > .detail_wrap > .detail_contents .detail_txt {padding:20px 0;}

.pack_step {display:flex; justify-content:center; flex-wrap:wrap; max-width:1280px; margin:0 auto; padding:40px 0 0; gap:8px; counter-reset: step-counter;}
.pack_step > li {display:flex; justify-content:center; align-items:center; width:calc(100% / 2 - 8px); height:44px; padding:0; counter-increment: step-counter;}
.pack_step > li br,
.pack_step > li::after,
.pack_step > li::before {display:none;}
.pack_step > li span::before {padding-right:5px; content:counter(step-counter) ". ";}
.pack_step > li span {}
.pack_info {padding:0 16px 40px;}
.pack_info > ul {padding:28px 0 4px 0}
.pack_info > ul li {font-size:16px; line-height:27px;}
.pack_info + .s_depth_nav {padding:0;}

/*------------------------------------
    회원소개
--------------------------------------*/
.member_info_wrap {max-width:none; padding:0 20px 83px;}
.member_info_wrap ul {gap:0; flex-wrap:nowrap;}
.member_info_wrap ul li {position:relative; flex:none; min-width:auto; width:100%; max-width:311px; min-height:380px; padding-bottom:50px;}
.member_info_wrap ul li.my_mem_card::before {width:74px; height:48px; right:25px; top:25px;}
.member_info_wrap ul li h4 {padding:25px 25px 30px;}
.member_info_wrap ul li h4 strong {padding:0 0 5px 0; font-size:18px; letter-spacing:var(--letter-spacing0);}
.member_info_wrap ul li h4 em {font-size:14px; letter-spacing:var(--letter-spacing3);}
.member_info_wrap ul li > dl {padding:0 25px;}
.member_info_wrap ul li > dl > dt {width:77px; padding:4px 0 3px; font-size:12px;}
.member_info_wrap ul li > dl > dd {width:calc(100% - 77px); padding:4px 0 3px; font-size:12px; line-height:17px;}
.member_info_wrap ul li > dl > dd p {font-size:12px;}
.member_info_wrap ul li > dl > dd p + p {padding-top:8px;}
.member_info_wrap ul li > dl > dd p .btn_more {width:61px; height:22px; font-size:10px; margin:0 0 0 12px;}
.member_info_wrap ul li:nth-last-child(-n+2) dl dd p .btn_more {margin:0 0 0 12px;}

.member_info_wrap .swiper-scrollbar.swiper-scrollbar-horizontal {width: calc(100% - 100px); height:3px; background-color:var(--color-gray8); border-radius:0; left:50px; right:50px; bottom:40px;}
.member_info_wrap .swiper-scrollbar.swiper-scrollbar-horizontal.swiper-scrollbar-lock {display:block !important;}
.member_info_wrap .swiper-scrollbar-drag {background-color:var(--color-sub1); border-radius:0;}

.member_info_wrap ul li .btn_join {height:50px;}
.member_info_wrap ul li .btn_join span {font-size:12px;}
.member_join_wrap {display:flex; flex-wrap:wrap; justify-content:center; background-color:var(--color-gray4); 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 {font-size:14px; line-height:21px;}
.member_join_wrap dl dd {font-size:14px;}
.member_join_wrap dl dd p {font-size: 14px; line-height:21px;}
.member_join_wrap dl dd p strong {font-size:14px;}
.member_join_wrap dl dd p > a  {width:48px; height:22px; margin-left:10px;}
.member_join_wrap dl dd p > a span {font-size:10px;}
.member_join_wrap dl dd p + p {padding-top:6px;}
.more_agree_wrap {height:82px;}
.more_agree_wrap p {font-size:14px; font-weight:500;}
.more_agree_wrap a {width:68px; height:22px; margin-left:18px;}
.more_agree_wrap a span {font-size:10px;}

.member_type {gap:25px; padding:40px 0 0 0 !important;}
.member_type p {font-size:12px;}
.member_type p::before {width:45px; height:45px; margin:0 auto 15px; font-size:16px;} 
.member_benefit_wrap {padding-bottom:40px;}
.member_benefit_wrap ul {gap:15px;}
.member_benefit_wrap ul li {min-width:calc((100% - 30px) / 3); padding:0 0 25px 0;}
.member_benefit_wrap ul li .img_area > span {width:20px; height:20px;}
.member_benefit_wrap ul li .img_area > span.i_b {left:0;}
.member_benefit_wrap ul li .img_area > span.i_r {left:20px;}
.member_benefit_wrap ul li .img_area > span.i_l {left:40px;}
.member_benefit_wrap ul li .txt_area {padding:15px 0 0 0; line-height:17px;}
.member_benefit_wrap ul li .txt_area em {font-size:12px;}
.member_benefit_wrap ul li .txt_area strong {padding:5px 0 20px; font-size:16px;}
.member_benefit_wrap ul li .txt_area p {font-size:12px; line-height:17px;}

.member_benefit_precaution {padding:40px 30px;}
.member_benefit_precaution > dl {display:block;}
.member_benefit_precaution > dl dt {width:100%; padding-bottom:15px; line-height:normal; font-size:14px;}
.member_benefit_precaution > dl dd {width:100%; line-height:normal;}
.member_benefit_precaution > dl dd p {font-size:14px; line-height:21px;}
.member_benefit_precaution > dl dd p + p {padding-top:10px;}
/*------------------------------------
    유료회원 가입
--------------------------------------*/
.agree_membership {padding:0 20px; margin:20px 0 0 0; width:100%; border-top-color:var(--color-gray7);}
.agree_membership dt {margin:30px 0; font-size:18px;}
.agree_membership .agree_box {padding:15px; height:400px;}
.agree_membership .chk_box {padding:20px 0;}
.agree_membership .chk_box .chk01 label > input + span {padding:7px 0 7px 30px; font-size:12px;}
.agree_membership .chk_box .chk01 em {font-size:12px;}
.payment_membership {padding:20px 20px 0; margin:0; width:100%; border-top-color:var(--color-gray7);}
.payment_membership >  dt {margin:0 0 30px 0; font-size:18px;}
.payment_membership .payment_membership_btn {padding:0 0 30px 0;}
.payment_membership .payment_membership_btn > button {height:50px;}
.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-size:14px;}
.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-size:14px;}
.payment_membership > dd dd {font-size: 14px;}
.payment_membership > dd dd::before {top:10px; width:4px; height:4px;}
.payment_membership +  .btn_area {gap:10px; padding:60px 20px 40px;}
.payment_membership +  .btn_area .btn03 {width:162px; max-width:50%;}

.terms_of_vineyard * {font-size:14px;}
/*------------------------------------
    예매내역 - 리스트
--------------------------------------*/
.my_booking_sch_wrap {padding:28px 0 40px;}
.my_booking_cate ul li {width:50%; max-width:167px;}
.my_booking_cate ul li button {height:51px;}
.my_booking_state ul {gap:10px;}
.my_booking_state ul li {width:calc((100% - 30px) / 4);}
.my_booking_state ul li button {width:100%; height:72px;}
.my_booking_cate ul li.active button span,
.my_booking_cate ul li button span,
.my_booking_cate ul li button strong,
.my_booking_state ul li button em,
.my_booking_state ul li button strong,
.sch_booking_wrap .classify .btn_class span {font-size:14px;}
.sch_booking_wrap .classify + .my_sch_box {padding:0;}

.sch_booking_wrap .classify {height:51px;}
.sch_booking_wrap .my_sch_box fieldset .sel01 {width:100%; max-width:120px;}
.sch_booking_wrap .my_sch_box fieldset .sel01 select {height:51px; font-size:14px;}
.sch_booking_wrap .sch_form_box input {width:calc(100% - 51px); height:51px; padding:0 20px; font-size:14px;}
.sch_booking_wrap .sch_form_box .btn_sch {width:51px; height:51px; background-size:14px 14px; right:0;}

.my_booking_sch_wrap.pack .my_booking_state ul li {width:calc((100% - 20px) / 3);}
.my_booking_sch_wrap.pack .sch_booking_wrap {width:100%; padding-top:28px;}
.my_booking_sch_wrap.pack .my_sch_box {width:100%;}
.my_booking_sch_wrap.pack .sch_booking_wrap .sch_form_box {width:calc(100% - 140px);}


.list_booking > ul {padding-top:13px;}
.list_booking > ul > li .ticket_info {padding:66px 0 30px; align-items:flex-start;}
.list_booking > ul > li .ticket_info .thumb,
.list_booking > ul > li .ticket_info .thumb img {width:96px; height:129px;}
.list_booking > ul > li .ticket_info .prd_info {width:calc(100% - 96px); padding:56px 0 0 20px; box-sizing:border-box;}
.list_booking > ul > li .ticket_info .prd_info .perf_number {top:-56px; right:0; left:-96px; text-align:left; padding:8px 25px 8px 0;}
.list_booking > ul > li .ticket_info .prd_info .perf_number span {font-size:12px;}
.list_booking > ul > li .ticket_info .prd_info .perf_number em {font-size:16px;}
.list_booking > ul > li .ticket_info .prd_info .prd_state {left:20px; gap:6px;}
.list_booking > ul > li .ticket_info .prd_info .prd_state em {width:71px; height:32px;}
.list_booking > ul > li .ticket_info .prd_info .prd_state em.state span,
.list_booking > ul > li .ticket_info .prd_info .prd_state em.count {font-size:12px;}
.list_booking > ul > li .ticket_info .prd_info .tit {line-height: 24px;}
.list_booking > ul > li .ticket_info .prd_info .tit strong {font-size:16px;}
.list_booking > ul > li .ticket_info .prd_info .tit .tit_pk {width:50px; height:24px; margin-right:6px; font-size:12px; background:url(/images/sub/bg_packge_m.svg) no-repeat 0 0; background-size:contain; font-size:12px;}
.list_booking > ul > li .ticket_info .prd_info .info {padding:24px 0 0 0;}
.list_booking > ul > li .ticket_info .prd_info .info li span {width:76px; font-size:14px;}
.list_booking > ul > li .ticket_info .prd_info .info li strong {width:calc(100% - 76px); font-size:14px;}
.list_booking > ul > li .ticket_info .prd_info .info li strong em {display:block; padding:8px 0 0 0; font-size: 14px; box-sizing:border-box;}

.list_booking.pack > ul > li .ticket_info .thumb,
.list_booking.pack > ul > li .ticket_info .thumb img {width:96px; height:96px;}

.list_booking > ul > li.noData {padding:143px 0;}
.list_booking > ul > li.noData p {font-size:18px; background-size:161px auto; padding-top:89px;}
.list_booking > ul > li.noData p em {font-size:18px;}

.pk_show_list li {display:block; padding:24px 17px;}
.pk_show_list li .title,
.pk_show_list li.usePrd strong {max-width:100%;  line-height:24px; font-size:16px;}
.pk_show_list li > div {display:block; width:100%; padding:0 0 48px;}
.pk_show_list li .prd_info {display:block; width:100%; padding:8px 0 0 0;}
.pk_show_list li .prd_info > p {display:flex; padding:6px 0;}
.pk_show_list li .prd_info > p span {width:72px; font-size:14px;}
.pk_show_list li .prd_info > p strong {width:calc(100% - 72px); font-size:14px;}
.pk_show_list li.usePrd em {margin:0 0 8px 0;}
.pk_show_list li.usePrd > div {padding:0;}
.pk_show_list li.usePrd strong {display:block;}
.pk_show_list li.useBefore > div {padding:0;}
.pk_show_list li.useBefore .prd_info {display:flex; flex-direction:row;}
.pk_show_list li.useBefore .prd_info > p {flex:1; padding:0; height:48px; align-items:center;}
.pk_show_list li .btn_area {position:absolute; right:17px; bottom:24px; transform:none; top:auto;}
.pk_show_list li .btn_area a,
.pk_show_list li .btn_area button {width:98px; height:48px;}
.pk_show_list li .btn_area a::after,
.pk_show_list li .btn_area button::after {display:none;}
.pk_show_list li .btn_area a span,
.pk_show_list li .btn_area button span {font-size:14px;}

.booking_prd_info {padding:0;}
.booking_prd_info .thumb {position:absolute; left:50%; top:116px; transform:translate(-50%,0); z-index:1;}
.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:100%; padding:0; display:flex; flex-direction:column; align-items:center; padding:30px 0;}
.booking_prd_info .info .perf_number {position:static; margin-bottom:276px;}
.booking_prd_info .info .perf_number strong {font-size:12px;}
.booking_prd_info .info .perf_number em {font-size:16px;}
.booking_prd_info .info .prd_state {top:64px; left:50%; transform:translate(-50%, 0);}
.booking_prd_info .info .prd_state em {width:72px; height:32px;}
.booking_prd_info .info .prd_state em.state span,
.booking_prd_info .info .prd_state em.count {font-size:12px;}
.booking_prd_info .info .tit {padding:0; margin:0 0 20px; padding:0 17px; font-size:16px; letter-spacing:-0.82px; line-height:24px; word-break:break-all;}
.booking_prd_info .info > p:not(.tit) {width:100%; padding:6px 17px; box-sizing:border-box; width:420px; margin:0 auto;}
.booking_prd_info .info > p > span {width:68px; font-size:14px;}
.booking_prd_info .info > p > em {width:calc(100% - 68px); font-size:14px;}
.booking_prd_info .info > p > strong {font-size:14px;}
.booking_prd_info .info > p > strong em {font-size:14px; display:block; width:100%;}
.booking_prd_info .info .edu_info {width:100%; padding:0 32px; box-sizing:border-box;}
.booking_prd_info .info .edu_info dt {width:76px; margin:0; padding:0 0 18px 0; font-size:14px;}
.booking_prd_info .info .edu_info dd {width:calc(50% - 76px); padding:0 0 18px 0; font-size:14px;}
.booking_prd_info .btn_area {width:100%; padding:30px 32px 0; box-sizing:border-box; justify-content:flex-start;}

.btn_mtGo {display:inline-flex; align-items:center; justify-content:center; height:40px; padding:0 18px; background-color:var(--color-gray5);}
.btn_mtGo::before {content:""; width:16px; height:22px; margin-right:10px; background:url(/images/sub/ico_mticket.svg) no-repeat 50% 50%;}
.btn_mtGo span {font-weight:800;}

.booking_view_box {padding:54px 0 0 0}
.booking_view_box h4 {padding:0 0 24px; font-size:20px; letter-spacing:-1.1px;}
.booking_view_box > ul > li,
.booking_view_box > .inBox > ul > li {padding:20px 0;}
.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.total,
.booking_view_box > .inBox > ul > li.total {border-bottom:0 none;}
.booking_view_box > ul > li > span,
.booking_view_box > .inBox > ul > li > span {width:116px; padding-right:16px; font-size:16px; box-sizing:border-box;}
.booking_view_box > ul > li > div,
.booking_view_box > .inBox > ul > li > div {width:calc(100% - 116px); line-height:21px; font-size:16px;}
.booking_view_box > ul > li > div.discount > ul {padding:0;}
.booking_view_box > ul > li > .prd_state,
.booking_view_box > ul > li > .receipt {padding:0;}
.booking_view_box > ul > li > .perfDate * ,
.booking_view_box > ul > li > div p,
.booking_view_box > .inBox > ul > li > div p,
.booking_view_box > ul > li > div em,
.booking_view_box > .inBox > ul > li > div span {font-size:16px;}
.booking_view_box > ul > li > .prd_state > ul > li {padding:0; width:100%; font-size:16px; line-height:21px;}
.booking_view_box > ul > li > .prd_state > ul > li + li {padding-top:10px;}
.booking_view_box > ul > li > .receipt .delivery_list > div > p,
.booking_view_box > ul > li > .receipt > p {font-size:14px; padding:10px 0 0 0; line-height:17px;}
.booking_view_box > ul > li > .receipt strong,
.booking_view_box > ul > li > .receipt em,
.booking_view_box > ul > li > .receipt .delivery_list > div > ul li + li,
.booking_view_box > ul > li > .receipt > ul li + li,
.booking_view_box > ul > li > .receipt .delivery_list > div > ul li .txt,
.booking_view_box > ul > li > .receipt .btn_area button span {font-size:16px;}
.booking_view_box > ul > li > .receipt .btn_q {margin-right:8px; vertical-align:6px;}
.booking_view_box > ul > li > .receipt .btn_q + .btn_mtGo {margin:5px 8px 5px 0;}
.booking_view_box > ul > li > .receipt .mTicket_link .btn01,
.booking_view_box > ul > li > .receipt .mTicket_link strong + .btn01 {margin:5px 8px 5px 0;}
.booking_view_box > ul > li > .receipt .mTicket_link strong + .btn01 {margin-left:8px;}
.booking_view_box > ul > li > .receipt .btn01 + .btn01,
.booking_view_box > ul > li > .receipt .mTicket_link .btn01 + .btn01,
.booking_view_box > ul > li > .receipt .delivery_list > div .btn01 + .btn01,
.booking_view_box > ul > li > .receipt .mTicket_link .btn_mtGo + .btn01,
.booking_view_box > ul > li > .receipt .mTicket_link > div + .btn01 {margin:5px 8px 5px 0;}
.booking_view_box > ul > li > .receipt .btn_area {justify-content:flex-start;}
.booking_view_box > ul > li > .receipt .delivery_list + .delivery_list {margin-top:16px;}
.booking_view_box > ul > li > .receipt .delivery_list > div .btn_change {padding:5px 10px;}
.booking_view_box > ul > li > .receipt .delivery_list > div .btn_change span {font-size:14px;}
.booking_view_box > ul > li > div.discount > ul li,
.booking_view_box > ul > li > div.discount > ul li .tit,
.booking_view_box > ul > li > div strong,
.booking_view_box > ul > li > div > ul li em.tit,
.booking_view_box > ul > li > div span {font-size:16px; line-height:21px;}
.booking_view_box > ul > li > div.discount > ul li + li {padding-top:10px;}
.booking_view_box > ul > li > div.discount > ul li.total_price > em, .booking_view_box > ul > li > div.discount > ul li.total_price > strong {font-weight:600;}
.booking_view_box > ul > li > div > ul {line-height:100%;}
.booking_view_box > .inBox > ul > li.total > div {gap:10px; flex-wrap:wrap; padding:0 10px;}

.booking_view_box > ul > li.total > div span + em,
.booking_view_box > .inBox > ul > li.total > div span + em,
.booking_view_box > ul > li.total > div em:nth-child(3),
.booking_view_box > .inBox > ul > li.total > div em:nth-child(3) {font-size:16px; padding:0;}
.booking_view_box > ul > li.total > div,
.booking_view_box > .inBox > ul > li.total > div {gap:10px; flex-wrap:wrap; padding:0 10px;}
.booking_view_box > ul > li.total,
.booking_view_box > .inBox > ul > li.total {padding:20px 0;}
.booking_view_box > ul > li > div > ul li {width:100%; font-size:16px;}
.booking_view_box > ul > li > div > ul li + li {padding:0;}
.booking_view_box > ul > li > div.edu_payment {flex-direction:column;}
.booking_view_box > ul > li > div.edu_payment p {padding:0; flex-wrap:wrap;}
.booking_view_box > ul > li > div.tk_message_content .messageBox {padding:0; display:flex; flex-direction: column; gap:10px;}
.booking_view_box > ul > li > div.tk_message_content .messageBox input {height:40px; font-size:14px;}
.booking_view_box > ul > li > div.tk_message_content .messageBox > button {position:static; width:84px; height:40px; font-size: 14px;}
.booking_view_box > ul > li > div.tk_message_content > ul li {font-size:14px; line-height:17px; padding:10px 0 0 0;}

.booking_view_box > ul > li.edu_cancel > span {width:132px;}
.booking_view_box > ul > li.edu_cancel > div {width:calc(100% - 132px);}

.booking_view_box > .inBox > ul > li.noData,
.booking_view_box > ul > li.noData {padding:143px 0;}
.booking_view_box > .inBox > ul > li.noData p,
.booking_view_box > ul > li.noData p {font-size:18px; background-size:161px auto; padding-top:89px; width:100%}



.booking_view_box .booking_notice_wrap {padding:0; border:0 none;}
.booking_view_box .booking_notice_wrap dl {display:block; padding:0}
.booking_view_box .booking_notice_wrap dl dt {padding:0 0 24px; font-size:15px;}
.booking_view_box .booking_notice_wrap dl dd {}



.seat_info_wrap .seat_info_txt {top:-42px; left:90px;}
.seat_info_wrap .check_all {top:-55px; right:0;}
.seat_info_wrap .check_all .chk01.ar label > input + span {font-size:16px;}
.seat_info_wrap > ul > li {display:block; position:relative;}
.seat_info_wrap > ul > li .seat_tit {position:relative; display:flex; justify-content:space-between; gap:10px; align-items:center; width:100%; padding:20px 0; text-align:left; box-sizing:border-box;}
.seat_info_wrap > ul > li .seat_tit > p button, .seat_info_wrap > ul > li .seat_tit > p {gap:15px;}
.seat_info_wrap > ul > li .seat_tit > p {width:calc(100% - 40px);}
.seat_info_wrap > ul > li .seat_tit > p span {flex:1; font-size:16px;}
.seat_info_wrap > ul > li .seat_tit strong {min-width:70px; padding:0 10px 0 20px; font-size:16px;}
.seat_info_wrap > ul > li .seat_tit .chk_area {top:50%; right:6px; transform:translate(0, -50%); width:auto;}
.seat_info_wrap > ul > li .seat_info {position:static; width:100%; padding:0;}
.seat_info_wrap > ul > li .seat_info dl {width:100%;}
.seat_info_wrap > ul > li .seat_info dl dt,
.seat_info_wrap > ul > li .seat_info dl dd,
.seat_info_wrap > ul > li .seat_info dl dd em,
.seat_info_wrap > ul > li .seat_info dl dd span {font-size:16px;}
.seat_info_wrap > ul > li .seat_info dl dt {width:116px; padding:20px 0;}
.seat_info_wrap > ul > li .seat_info dl dd {width:calc(100% - 116px); padding:20px 0;}
.seat_info_wrap > ul > li .seat_info dl dd span {display:block; padding-left:0;}
.seat_info_wrap > ul > li .seat_info .mwOnly {display:flex;}
.seat_info_wrap > ul > li .seat_info .mwOnly dd,
.seat_info_wrap > ul > li .seat_info .mwOnly dd p {color:var(--color-gray3); font-size:16px;}
.seat_info_wrap > ul > li .seat_info .mwOnly dd p.point {color:var(--color-sub1); font-size:16px;}
.seat_info_wrap > ul > li .seat_info .mwOnly dd .btn_parking {height:40px; padding:0 24px; border:1px solid var(--color-gray6); border-radius:40px;}
.seat_info_wrap > ul > li .seat_info .mwOnly dd .btn_parking span {color:var(--color-gray3); font-size:14px;}
.seat_info_wrap > ul > li .seat_info .mwOnly dd .btn_parking + p {padding-top:8px;}

.seat_info_wrap > ul > li .seat_tit.pk_seat {padding:20px 10px;}
.seat_info_wrap > ul > li .seat_info.pk_seat .chk_area {right:6px; top:-50px;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li {display:block; padding:24px 17px;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li .title,
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li.usePrd strong {max-width:100%;  line-height:24px; font-size:16px;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li > div {display:block; width:100%; padding:0 0 48px;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li .prd_info {display:block; width:100%; padding:8px 0 0 0;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li .prd_info > p {display:flex; padding:6px 0;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li .prd_info > p span {width:72px; font-size:14px;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li .prd_info > p strong {width:calc(100% - 72px); font-size:14px;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li.usePrd em {margin:0 0 8px 0;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li.usePrd > div {padding:0;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li.usePrd strong {display:block;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li.useBefore > div {padding:0;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li.useBefore .prd_info {display:flex; flex-direction:row;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li.useBefore .prd_info > p {flex:1; padding:0; height:48px; align-items:center;}
.seat_info_wrap > ul > li .seat_info.pk_seat .pk_show_list li .btn_area {position:absolute; right:17px; bottom:24px; transform:none; top:auto;}
.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 {width:98px; height:48px;}
.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 {display:none;}
.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 {font-size:14px;}

.seat_info_wrap > ul > li.noData {padding:143px 0;}
.seat_info_wrap > ul > li.noData p {font-size:18px; background-size:161px auto; padding-top:89px; width:100%}
.seat_info_wrap > ul > li .seat_info.pk_seat .seatNot {padding:60px 0; flex-direction:column; align-items:center;}
.seat_info_wrap > ul > li .seat_info.pk_seat .seatNot strong {font-size:16px;}
.seat_info_wrap > ul > li .seat_info.pk_seat .seatNot span,
.seat_info_wrap > ul > li .seat_info.pk_seat .seatNot p {display:block; padding:5px 0 0 0; text-align:center; font-size:14px;}

.seat_info_wrap.edu {}

.seat_info_wrap + .btn_area {gap:8px; flex-wrap:wrap}
.seat_info_wrap + .btn_area button {flex:1; min-width:calc((100% - 8px) / 2); max-width:210px;}
.seat_info_wrap + .btn_area button span {font-size:14px;}

.booking_view_box > ul > li.total > div .btn_receipt,
.booking_view_box > .inBox > ul > li.total > div .btn_receipt {margin:0;}
.booking_view_box > ul > li.total > div em + .btn_receipt {margin:0;}
.booking_view_box > ul > li.total > div .btn_receipt_wrap,
.booking_view_box > .inBox > ul > li.total > div .btn_receipt_wrap {display:inline-flex; flex-wrap:wrap; justify-content:flex-end; margin:0;}
.booking_view_box > ul > li.total > div .btn_receipt_wrap button,
.booking_view_box > .inBox > ul > li.total > div .btn_receipt_wrap button {margin:0;}
.booking_view_box > ul > li.total > div span,
.booking_view_box > .inBox > ul > li.total > div span,
.booking_view_box .booking_txt {font-size:16px;}
.booking_view_box > ul > li.total > div .btn_receipt span,
.booking_view_box > .inBox > ul > li.total > div .btn_receipt span {font-size:14px;}

.charge_wrap {display:block;position:relative;}
.charge_wrap .charge_info {flex-direction:column;}
.charge_wrap .charge_info + .tbl_charge {display:none; width:100%; padding:0;}
.charge_wrap .charge_info + .tbl_charge.active {display:flex; flex-direction:column-reverse;}
.charge_wrap .charge_info {width:100%; height:auto; flex-wrap:wrap; margin-bottom:50px; padding:22px 0;}
.charge_wrap.btnN .charge_info {margin-bottom:10px;}
.charge_wrap .charge_info .time {font-size:16px;}
.charge_wrap .charge_info .time + p {padding:0;}
.charge_wrap .charge_info .time span,
.charge_wrap .charge_info .time span strong {font-size:16px;}
.charge_wrap .charge_info p.txt {font-size:14px; padding:11px 0 0 0;}
.charge_wrap .txt_guide {padding:20px 0;}
.charge_wrap .txt_guide ul li {padding:0 0 0 12px; font-size:14px; line-height:22px;}
.charge_wrap .tbl_charge table thead th,
.charge_wrap .tbl_charge table tbody td {font-size:14px; padding:12px 0;}
.charge_wrap .tbl_charge table tbody td > em,
.charge_wrap .tbl_charge table tbody td > span {font-size:14px;}
.charge_wrap .btn_area.mwOnly {display:flex;}
.charge_wrap .btn_area {position:absolute; top:90px; left:0; right:0; padding:0;}
.charge_wrap .btn_area button {width:100%; height:42px; border:1px solid var(--color-gray3)}
.charge_wrap .btn_area button span {display:flex; justify-content:center; align-items:center; color:var(--color-gray3); font-size:14px; font-weight:500;}
.charge_wrap.btnN  .btn_area {display:none;}
/* .charge_wrap .btn_area button span::after {content:""; width:12px; height:16px; margin-left:16px; width:10px; height:5px; background-color:var(--color-gray0); mask:url(/images/common/ico_arr_more.svg) no-repeat 50% 50%; -webkit-mask:url(/images/common/ico_arr_more.svg) no-repeat 50% 50%; transition:all .3s;} */
/*.charge_wrap .btn_area button.active {border-bottom:0 none;}*/
/*.charge_wrap .btn_area button.active span::after {transform:rotate(180deg);}*/

.booking_view_box + .btn_area {padding:0; gap:10px;}
.booking_view_box + .btn_area .btn03 {width:100%;}
.booking_view_box + .btn_area .btn03 span {font-size:14px;}

.txt_Precautions {padding:40px 20px;}
.txt_Precautions ul li {font-size:14px; line-height:24px;}
.txt_Precautions ul li + li {padding-top:8px;}
.txt_Precautions > .btn_area a {height:51px;}
.txt_Precautions > .btn_area a span {font-size:14px;}
/*------------------------------------
    팝업
--------------------------------------*/
.layer_popup .inner_layer {max-width:375px; padding:60px 0;}
.layer_popup .layer_content {padding:0 20px 20px;}
.layer_popup .layer_foot {padding:0;}
.layer_popup .layer_foot .wrap_btn {display:flex;}
.layer_popup .layer_foot button.layer_cancel {flex:1; margin:0; min-width:50%;}
.layer_popup .layer_foot button.layer_confirm {flex:1; margin:0; min-width:50%;}

.layer_popup .tit {font-size:14px;}

.layer_popup.message_popup .inner_layer {max-width:400px;max-height:480px;}
.message_view {background-size:contain;}
.message_view p {width:185px; font-size:14px;}

.tbl_ty_box ul li span,
.tbl_ty_box ul li.total div span {width:120px; font-size:16px;}
.tbl_ty_box ul li span + div {width:calc(100% - 120px); font-size:16px;}
.tbl_ty_box ul li.total div em {width:calc(100% - 120px); padding:21px 0; font-weight:800; font-size:16px;}
.tbl_ty_box ul li span + div * {font-size:16px;}

.refund_info {position:relative;}
.tbl_ty_box + .refund_info .refund_form {padding:38px 0 0 0;}
.tbl_ty_box + .refund_info .tit  {left:120px; top:20px;}
.refund_form > span {width:120px; font-size:16px;}
.refund_form > div {width:calc(100% - 120px); font-size:16px;}
.refund_form > div li {display:flex; align-items:center; padding:10px 0;}
.refund_form > div li .sel03 {width:100%;}
.refund_form > div li .input01 {width:100%;}
.refund_form > div li::before {display:none}

.refund_bank_wrap .txt_bul02 > *,
.cash_receipt_wrap .txt_bul02 > * {font-size:14px;}

.btn_receipt_modify,
.btn_receipt_cancel {height:51px}
.btn_receipt_modify span,
.btn_receipt_cancel span {font-size:14px;}

/* .패키지구성선택 */
.tk_pack_txt {padding:15px; font-size:15px; line-height:24px;}
.tk_pack_txt strong {display:block; font-size:15px; line-height:29px;}
.tk_tb_pk_seatSelect {width:100%; table-layout:fixed;}
.pk_seatSecetBox {max-height:290px; overflow:auto; overflow-x:hidden;}
.tk_tb_pk_seatSelect thead th {padding:10px 0; font-size:12px; border-top:2px solid #1C171D; border-bottom:1px solid #C4C6C9; vertical-align:middle; line-height:100%;}
.tk_tb_pk_seatSelect tbody td {padding:10px 0; border-bottom:1px solid #C4C6C9; background-color:#f3f3f3; color:#1C171D; font-size:13px; text-align:center;}
.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 .seatSelectedLine td {background-color:#fff; font-weight:800;}
.tk_tb_pk_seatSelect tbody td > img {width:22px; height:auto;}
.tk_tb_pk_seatSelect tbody td .tit {width:100%;}
.tk_tb_pk_seatSelect tbody td .tit em {display:inline-flex; align-items:center; padding:2px 9px; margin:0; width:auto; border-radius:50px; border-radius:12px; font-size:15px; box-sizing:border-box; line-height:100%;}
.tk_tb_pk_seatSelect tbody td .tit em.seatComplete {color:#fff; background-color:#C4C6C9; border:2px solid #C4C6C9;}
.tk_tb_pk_seatSelect tbody td .tit em.seatSoon {background-color:#fff; border:2px dotted #1C171D;}
.tk_tb_pk_seatSelect tbody td .tit em.seatPossible {color:#fff; background-color:#1C171D; border:2px solid #1C171D;}
.tk_tb_pk_seatSelect tbody td .tit strong {display:block; margin-top:8px; font-size:13px; font-weight:800; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.tk_tb_pk_seatSelect tbody td.tl {text-align:left;}
.txt_error {margin:0 15px 15px; padding:0 0 0 29px; background:url(/img/perfsale/ico_important.png) no-repeat 0 0; font-size:13px; line-height:20px;}
.txt_error em {color:#1C171D; font-weight:800;}
.tk_pack_txt + .txt_error + .tk_pack_selectBox > .pk_seatSecetBox {max-height:235px;}

.add_modify table tbody th label {font-size:16px;}
.add_modify table tbody td .btn_add_list,
.add_modify table tbody td .btn_add_post {width:74px; height:43px;}
.add_modify table tbody td .btn_add_list span,
.add_modify table tbody td .btn_add_post span {font-size:14px;}
.add_modify table tbody tr:first-child td .sel03,
.add_modify table tbody tr td.add p:first-child .input01 {width:calc(100% - 78px);}

/*------------------------------------
    공연검색 리스트
--------------------------------------*/
.goods_ty_sch_wrap {padding:0 0 40px;}
.goods_ty_sch_wrap > p {}
.goods_ty_sch_wrap > p em {font-family:var(--font-family1); font-weight:500; font-style:normal;}
/* 썸네일, 리스트형 토글버튼 */
.list_toggle {height:34px;}
.list_toggle input {position:absolute; opacity:0;}
.list_toggle label {width:45px; height:34px;}
.ico {width:18px; height:18px;}


.booking_cancel_guide {padding:20px 0 0;}
.booking_cancel_guide > dl {border-top:1px solid var(--color-gray7);}
.booking_cancel_guide > dl > dd dt,
.booking_cancel_guide > dl > dd dd,
.booking_cancel_guide > dl > dd ul li,
.booking_cancel_guide > dl > dd .point {font-size:14px; line-height:21px;}
.booking_cancel_guide > dl > dt {font-size:16px;}
.booking_cancel_guide > dl > dt button {padding:30px 20px 30px 54px;}
.booking_cancel_guide > dl > dt button::before {left:20px;}
.booking_cancel_guide > dl > dt button::after {right:20px;}
.booking_cancel_guide > dl > dt button span {font-size:18px;}
.booking_cancel_guide > dl > dt::before {width:20px; height:20px;}
.booking_cancel_guide > dl > dd {padding:0 20px 100px;}
.booking_cancel_guide > dl > dd dt {padding-top:20px;}
.booking_cancel_guide > dl > dd strong {font-size:14px; font-weight:700;}
.booking_cancel_guide > dl > dd ul li::before {width:4px; height:4px; top:9px;}
.booking_cancel_guide > dl > dd > dl > dd div .perf_fee {line-height:100%;}
.booking_cancel_guide > dl > dd > dl > dd div .perf_fee > dt {padding:16px 10px; font-size:14px; font-weight:700; border-top:2px solid var(--color-gray0); border-bottom:2px solid var(--color-gray0);}
.booking_cancel_guide > dl > dd > dl > dd div .perf_fee > dd {padding:20px 10px;}
.booking_cancel_guide > dl > dd > dl > dd div .perf_fee > dd > dl > dt {font-size:14px; font-weight:700;}
.booking_cancel_guide > dl > dd > dl > dd div .perf_fee > dd > dl > dd {padding:10px 0 20px; border-bottom:1px solid var(--color-gray7); font-size:14px;}
.booking_cancel_guide > dl > dd > dl > dd div .perf_fee > dd > dl > dd dt {padding:0 0 10px 0; font-weight:700;}
.booking_cancel_guide > dl > dd > dl > dd div .perf_fee > dd > dl > dd dl + dl {margin-top:20px; padding:20px 0 0 0; border-top:1px solid var(--color-gray7);}
.booking_cancel_guide > dl > dd > dl > dd div .perf_fee > dd > dl:last-child > dd {border-bottom:0 none;}
.booking_cancel_guide > dl.active > dt button::after {transform:translate(0, -50%) rotate(0deg);}
.booking_cancel_guide > dl > dt button::after {transform:translate(0, -50%) rotate(180deg);}
.booking_cancel_guide > dl > dd {display:block;}
.booking_cancel_guide > dl.active > dd {display:none;}

/*------------------------------------
    통합검색 리스트
--------------------------------------*/
.search_form_wrap {margin:0 20px 60px;}
.search_form_wrap form {padding-right:62px}
.search_form_wrap form input {height:52px; padding:10px; font-size:18px;}
.search_form_wrap form .btn_sch {right:10px; width:32px; height:32px;}
.search_form_wrap form .btn_sch::before {width:32px; height:32px;}
.search_result_txt {padding-bottom:60px;}
.search_result_txt P,
.search_result_txt P em {font-size:18px;}
.search_result_wrap > .noData {padding:143px 0;}
.search_result_wrap >.noData p {font-size:18px; background-size:161px auto; padding-top:89px;}
.search_result_box .title_box {display:flex; justify-content:space-between; padding:30PX 0 22px 0;}
.search_result_box .title_box h3,
.search_result_box .title_box h3 span {font-size:24px; font-weight:500;}
.search_result_box .title_box .btn_more {width:32px; height:32px;}
.search_result_box .title_box .btn_more::before {width:32px; height:32px;}

/*------------------------------------
    이용안내
--------------------------------------*/
.contect_intro_wrap {padding:40px 0 60px 0;}
.contect_intro_wrap dl {width:calc(100% / 4); padding-top:124px;}
.contect_intro_wrap dl dt {font-size:18px}
.contect_intro_wrap dl dd > p,
.contect_intro_wrap dl dd > p > a {font-size:14px;}
.contect_intro_wrap dl dd > em {font-size:12px;}
.location_area + .btn_area {padding-bottom:60px}
.location_area + .btn_area .btn03 {width:125px;}

.direction_wrap {}
.direction_wrap > dl > dt,
.parking_wrap > dl > dt {padding:15px 0; font-size:16px; border-width:1px;}
.direction_wrap > dl.address_map > dd {padding:15px 0 0 0;}
.direction_wrap > dl.address_map > dd > p {padding:0 0 18px 0; font-size:12px;}
.direction_wrap > dl.address_map > dd > div,
.parking_wrap > dl.parking_map > dd > div {position:relative; width:100%; aspect-ratio:335 / 210; overflow:hidden;}
.direction_wrap > dl.address_map > dd > div img,
.parking_wrap > dl.parking_map > dd > div img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:auto; height:100%; max-width:max-content; max-height:max-content;}
.direction_wrap > dl + dl,
.parking_wrap > dl + dl {padding-top:28px;} 
.direction_wrap > dl > dd > dl > dt {padding:30px 0 15px 0; font-size:14px; border-bottom:1px solid var(--color-gray7);}
.direction_wrap dl dl dl {border-top:0 none; padding:20px 0 0 0;}
.direction_wrap dl dl dl dt {padding:7px 11px; font-size:12px;}
.direction_wrap dl dl dl dd {padding:0 0 0 20px; font-size:14px;}
.direction_wrap dl dl dl dd em,
.parking_wrap dl dl em {font-size:14px;}
.direction_wrap dl dl dl dd > span {font-size:14px;}
.direction_wrap dl dl dl dd .btn_pu_info {display:inline-block; padding:14px 12px 14px 17px; border:1px solid var(--color-gray7);}
.direction_wrap dl dl dl dd .btn_pu_info span {background-size:20px 20px; font-size:12px;}

ul.dot_list li {font-size:14px; line-height:22px;;}
ul.dot_list li::before {width:4px; height:4px; top:9px;}
ul.dot_list li a {font-size:14px;}

.parking_wrap > dl.parking_map > dd {padding:15px 0 0 0;}
.parking_wrap > dl.parking_map > dd > p {padding:0 0 20px 0; font-size:14px;}
.parking_wrap > dl > dd > dl > dt {padding:20px 0 10px 0; font-size:16px;}
.parking_wrap > dl > dd > dl > dd {padding:20px 0;}
.parking_wrap dl dl dl {padding:20px 0;}
.parking_wrap dl dl dl dt {font-size:14px;}
.parking_wrap dl dl dl dd {font-size:14px; line-height:22px;}
.parking_wrap dl dl dl dd span {font-size:14px;}
.parking_wrap dl dl dl dd ul:not(.dot_line) li {font-size:14px;}
.parking_wrap .notice_box {padding:20px;}

.coupon_app_wrap {flex-direction:column; gap:0; margin-top:30px; padding:30px 20px;}
.coupon_app_wrap > dl {max-width:100%; padding:0; margin:0;}
.coupon_app_wrap > dl dt {font-size:16px; background-size:24px 24px;}
.coupon_app_wrap > dl dd form {padding-right:83px}
.coupon_app_wrap > dl dd input {height:37px; font-size:14px;}
.coupon_app_wrap > dl dd button {width:83px; height:37px; margin-left:8px; font-size:14px;}
.coupon_app_wrap > .dot_list {margin-top:20px; padding-top:20px; border-top:1px solid var(--color-gray7);}

.ly_alert {max-width:320px;}
.ly_alert_msg .title i {width:24px; height:24px;}
.ly_alert_msg .title strong {font-size:18px;}
.ly_alert_msg .txt {padding:30px 0 0 0; text-align:center; font-size:16px;}

.join_l_point {margin:60px 20px 57px; flex-direction:column; gap:30px; padding:20px;}
.join_l_point::before { width:100%; max-width:295px; height:159px; background-size:153px auto;}
.join_l_point dl {}
.join_l_point dl dt {font-size:18px;}
.join_l_point dl dt strong {font-size:18px;}
.join_l_point dl dd {padding:15px 0 0 0; font-size:16px; line-height:24px;}


.login_tit {font-size:24px; font-weight:500; padding:20px 0; margin:0 20px 20px;}
.login_tit::before {width:145px; height:3px;}
.login_tit img {width:146px; height:auto;}
.login_wrap {}
.login_wrap .login_form {padding-right:30px;}
.login_wrap .login_form h3 {font-size:18px;}
.login_wrap .login_form > p {padding:20px 0; font-size:14px; line-height:21px;}
.login_wrap .login_form > p br {display:none;}
.login_wrap .login_form form fieldset {gap: 15px;}
.login_wrap .login_form form .item label {font-size:14px;}
.login_wrap .login_form form .item .input01 {font-size:14px; height:48px;}
.login_wrap .login_form form .item .chk01 label > input + span {margin:14px 0; font-size:14px;}
.login_wrap .login_form form .btn_login {height:54px;}
.login_wrap .login_form form .btn_login span {font-size:14px;}
.login_wrap .login_form .log_util {margin-top:0; border-top:0 none;}
.login_wrap .login_form .log_util li {padding:15px 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-size:14px;}
.login_wrap .login_form dl {padding:40px 0 0 0;}
.login_wrap .login_form dl dt {font-size:14px;}
.login_wrap .login_form dl dd {padding:10px 0 0 0;}
.login_wrap .login_form dl dd .btn_join {height:51px; font-size:14px;}

.login_wrap .login_bnr_wrap .pager > span {width:8px; height:8px;}


.ly_pg_popup > h1 {height:64px;}
.ly_pg_popup > .ly_pg_content {max-height:calc(100vh - 124px);}
.ly_pg_popup > .ly_pg_content.use_direction dl dt {font-size:16px; font-weight:500;}

.ogran_wrap {padding-top:15px;}


.concertHall_wrap .ch_section01 h3 {font-size:40px; text-align:center;}
.concertHall_wrap .ch_section02 {padding:152px 20px 80px;}
.concertHall_wrap .ch_section02 .swiper-slide > h3 strong {font-size:24px; letter-spacing:-0.48px; line-height:140%;}
.concertHall_wrap .ch_section02 .swiper-slide > h3 em {padding-top:5px; font-size:16px; line-height:140%; font-weight:500;}
.concertHall_wrap .ch_section02 .swiper-slide > p {padding-top:30px; font-size:16px; letter-spacing:-0.32px; line-height:160%;}
.concertHall_wrap .ch_section02 .swiper-slide:last-child {padding-bottom:80px;}
.concertHall_wrap .ch_section02 .controls {margin:0;}
.concertHall_wrap .ch_section03 {height:auto; padding:80px 20px;}
.concertHall_wrap .ch_section03 h3 strong {font-size:24px; letter-spacing:-0.48px; line-height:140%;}
.concertHall_wrap .ch_section03 h3 em {padding-bottom:10px; font-size:18px; letter-spacing:-0.36px;}
.concertHall_wrap .ch_section03 ul {flex-direction:column; padding:30px 0 0 0; gap:60px;}
.concertHall_wrap .ch_section03 ul li .txt_area {margin-top:30px;}
.concertHall_wrap .ch_section03 ul li .txt_area strong {font-size:18px;}
.concertHall_wrap .ch_section03 ul li .txt_area p {font-size:16px; line-height:160%;}

.concertHall_wrap .btn_more {width:32px; height:32px; border-width:1px;}
.concertHall_wrap .btn_more::before {width:28px; height:28px;}
.concertHall_wrap .ch_section04 {min-height:auto; padding:80px 0;}
.concertHall_wrap .ch_section04 h3 {padding:0 0 80px 0;}
.concertHall_wrap .ch_section04 h3 strong {font-size:24px; letter-spacing:-0.48px; line-height:140%;}
.concertHall_wrap .ch_section04 h3 em {padding-bottom:10px; font-size:18px; letter-spacing:-0.36px;}

.concertHall_wrap .ch_section04 > dl {margin:30px 0 0 0; padding:0 20px; gap:0; flex-direction:column; box-sizing:border-box;}
.concertHall_wrap .ch_section04 > dl > dt {flex:auto; width:100%; padding:0 0 30px 0; font-size:24px; letter-spacing:-0.48px;}
.concertHall_wrap .ch_section04 > dl > dd {width:100%; padding:30px 0; border-top:1px solid var(--color-gray0);}
.concertHall_wrap .ch_section04 > dl > dd strong {font-size:18px; line-height:140%; letter-spacing:-0.36px;}
.concertHall_wrap .ch_section04 > dl > dd p {font-size:16px;}
.concertHall_wrap .ch_section04 > dl > dd p .brake-p {display:none;}
.concertHall_wrap .ch_section04 > dl > dd .btn_more {top:30px;}
.concertHall_wrap .ch_section05 {min-height:auto; padding:80px 20px;}
.concertHall_wrap .ch_section05 h3 strong {font-size:24px; letter-spacing:-0.48px; line-height:140%;}
.concertHall_wrap .ch_section05 h3 em {padding-bottom:10px; font-size:18px; letter-spacing:-0.36px;}
.concertHall_wrap .ch_section05 .ch_section05_swiper {padding:30px 0 0 0;}
.concertHall_wrap .ch_section05 .ch_section05_swiper li {padding:30px 0 0 0;}
.concertHall_wrap .ch_section05 .ch_section05_swiper li dt {padding:0 40px 25px 0; font-size:18px; line-height:140%; letter-spacing:-0.36px;}
.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_section05 .ch_section05_swiper li dd .btn_more {position:absolute; right:0; top:30px; border-color:var(--color-gray0)}
.concertHall_wrap .ch_section05 .ch_section05_swiper li dd .btn_more::before {background-color:var(--color-gray0)}
.concertHall_wrap .ch_section06 {background-color:var(--color-gray0);}
.concertHall_wrap .ch_section06 .bg {aspect-ratio:32 / 19; height:auto; background-attachment:scroll;}
.concertHall_wrap .ch_section06 h3 {padding:80px 0 30px 0;}
.concertHall_wrap .ch_section06 h3 strong {font-size:24px; letter-spacing:-0.48px; line-height:140%;}
.concertHall_wrap .ch_section06 h3 em {padding-bottom:10px; font-size:18px; letter-spacing:-0.36px;}
.concertHall_wrap .ch_section06 .vr_start_wrap {height:360px;}
.concertHall_wrap .ch_section06 .vr_content .btn_vr {width:167px; height:48px;}
.concertHall_wrap .ch_section06 .vr_content .btn_vr::before {width:28px; height:28px;}
.concertHall_wrap .ch_section06 .vr_content .btn_vr span {font-size:18px;}
.concertHall_wrap .ch_section06 .vr_content p {padding:20px 0 0 0; font-size:16px;}

.ly_popup_ch_wrap {width:100%; max-width:355px; padding:40px;}
.ly_popup_ch_wrap .btn_close {position:absolute; right:40px; top:40px; 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 dt {padding:0 40px 30px 0; font-size:20px; line-height:140%; letter-spacing:-0.4px; word-break:break-all;}
.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);}

.seat_intro_wrap {position:relative; max-width:1280px; min-height:auto; width:100%; box-sizing:border-box; margin:30px 0 0 0;}
.seat_intro_wrap .info_seat_map .btn_zoom_reset {left:15px; bottom:15px;}
.seat_intro_wrap .info_seat_map .btn_zoom_out {right:61px; bottom:15px;}
.seat_intro_wrap .info_seat_map .btn_zoom_in {right:15px; bottom:15px;}
.seat_intro_wrap .seat_intro_txt01 {padding:20px;}
.seat_intro_wrap .seat_intro_txt01 > p {font-size:16px;}
.seat_intro_wrap .seat_intro_txt01 .seat_info dl dt {width:70px; font-size:14px;}
.seat_intro_wrap .seat_intro_txt01 .seat_info dl dd {width:calc(100% - 70px);}
.seat_intro_wrap .seat_intro_txt01 .seat_info dl dd strong,
.seat_intro_wrap .seat_intro_txt01 .seat_info dl dd span {font-size:14px;}
.seat_intro_wrap .seat_intro_txt02 > dl {padding-top:30px;}
.seat_intro_wrap .seat_intro_txt02 > dl > dt {font-size:18px; letter-spacing:-0.36px;}
.seat_intro_wrap .seat_intro_txt02 > dl > dd p.txt_seat {min-height:28px; font-size:16px; letter-spacing:-0.32px; display:flex; align-items:center;}
.seat_intro_wrap .seat_intro_txt02 > dl > dd p.txt_seat + p {font-size:14px; letter-spacing:-0.28px;}
.seat_intro_wrap .seat_intro_txt02 > dl > dd > dl dt {font-size:16px;}
.seat_intro_wrap .seat_intro_txt02 > dl > dd > dl dd strong {font-size:16px;}
.seat_intro_wrap .seat_intro_txt02 > dl > dd > dl dd span {font-size:14px;}
.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 li {font-size:16px;}
.seat_intro_wrap .seat_intro_txt02 > dl > dd > ul li::before {width:4px; height:4px; top:12px;}
.seat_intro_wrap .seat_intro_txt02 > dl > dd > ol li {padding:0 0 5px 16px; text-indent:-16px; font-size:16px;}
.seat_intro_wrap .seat_intro_txt02 > dl > dd > p {font-size:16px;}

.seat_intro_wrap .seat_intro_gate {width:100%; min-height:auto;}
.seat_intro_wrap .seat_intro_gate > dl {padding-top:30px;}
.seat_intro_wrap .seat_intro_gate > dl > dt {font-size:18px;}
.seat_intro_wrap .seat_intro_gate > dl > dd .btn_group {gap:15px;}
.seat_intro_wrap .seat_intro_gate > dl > dd .btn_group li {width:calc((100% - 15px) / 2);}
.seat_intro_wrap .seat_intro_gate > dl > dd .btn_group li button {font-size:16px;}

/* Seat map scaling for smaller viewports */
.seat_intro_wrap .info_seat_map {--seat-map-width:708; --seat-map-height:940; --seat-map-scale:min(1, calc((100vw - 80px) / (var(--seat-map-width) * 1px))); position:relative; right:auto; top:auto; width:calc(var(--seat-map-width) * 1px * var(--seat-map-scale) + 40px); height:calc(var(--seat-map-height) * 1px * var(--seat-map-scale) + 90px); padding:0 0 70px; margin:30px auto 0; box-sizing:border-box;}
.seat_intro_wrap .info_seat_map.map_gak02 {--seat-map-width:653; --seat-map-height:934;}
.seat_intro_wrap .info_seat_map .img_area {zoom:var(--seat-map-scale); transform:none; margin:0;}

body.gate_popup_open {overflow:hidden;}
.seat_intro_wrap .info_seat_map.map_gate01 {display:none; position:fixed; left:0; top:0; right:0; bottom:0; z-index:65; width:100%; height:100vh; padding:78px 20px 20px; box-sizing:border-box; background:var(--color-gray4); backdrop-filter: blur(6px);}
.seat_intro_wrap .info_seat_map.map_gate01.is_open {display:block; overflow:auto;}
.seat_intro_wrap .info_seat_map.map_gate01 .img_area {width:100%; height:auto; left:0; transform:none; background-color:var(--color-gray1);}
.seat_intro_wrap .info_seat_map.map_gate01 .btn_close {display:block; position:absolute; right:20px; top:20px; width:28px; height:28px;}
.seat_intro_wrap .info_seat_map.map_gate01 .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-gray6);}

.seat_intro_wrap.emergency .info_seat_map,
.seat_intro_wrap.disabled .info_seat_map {padding:30px 0 0 0; border:0 none; height:auto; width:100%;}
.seat_intro_wrap.disabled .info_seat_map .img_area {text-align:center;}

.seat_intro_wrap.disabled > .seat_intro_txt03 .disabled_seat_info dt {font-size:16px;}
.seat_intro_wrap.disabled > .seat_intro_txt03 .disabled_seat_info dd {font-size:14px;}
.seat_intro_wrap .seat_intro_txt03 > dl > dt {font-size:18px; letter-spacing:-0.36px;}
.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 li {font-size:16px;}
.seat_intro_wrap.disabled > .seat_intro_txt03 .s_txt01 ul li::before {width:4px; height:4px; top:12px;}

.facility_map_wrap {padding:30px 0 80px;}
.facility_map_select {padding:0 20px 10px;}
.facility_wrap.concerthall .tab_content {flex-direction:column;}
.facility_wrap.concerthall .tab_content .facility_map {width:100%; height:359px;}
.facility_wrap.concerthall .tab_content .facility_txt {width:100%; padding:40px 20px 0; box-sizing:border-box;}
.facility_wrap.concerthall .tab_content .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 .tab_content .facility_txt dd {padding:20px 0 0 0;}
.facility_wrap.concerthall .tab_content .facility_txt dd ol {display:flex; flex-direction:column; gap:15px;}
.facility_wrap.concerthall .tab_content .facility_txt dd ol li {display:flex;}
.facility_wrap.concerthall .tab_content .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 .img_area {padding:0 !important;}
.facility_wrap .facility_map .btn_zoom_reset {left:15px; bottom:15px;}
.facility_wrap .facility_map .btn_zoom_out {right:61px; bottom:15px;}
.facility_wrap .facility_map .btn_zoom_in {right:15px; bottom:15px;}

.facility_wrap.surround .facility_map {width:100%; height:400px;}
.facility_wrap.surround .surround_facility_txt {grid-template-columns:repeat(2, minmax(0, 1fr)); margin-top:50px; padding:0 20px;}
.facility_wrap.surround .surround_facility_txt > li > dl {padding:15px 0 0 0;}
.facility_wrap.surround .surround_facility_txt > li > dl > dt strong {font-size:20px; letter-spacing:-0.4px;}
.facility_wrap.surround .surround_facility_txt > li > dl > dt span {font-size:20px; letter-spacing:-0.4px;}
.facility_wrap.surround .surround_facility_txt > li > dl > dd {padding:15px 0 0 0;}
.facility_wrap.surround .surround_facility_txt > li > dl > dd dl dt {font-size:16px; line-height:160%;}
.facility_wrap.surround .surround_facility_txt > li > dl > dd dl dd {padding:5px 0 0 0; font-size:14px;}

.btn_rent_apply {width:97px; height:42px;}
.btn_rent_apply::before {width:20px; height:20px;}
.btn_rent_apply span {font-size:14px;}
.btn_rent_down {padding:0 15px; height:42px;}
.btn_rent_down::before {width:20px; height:20px;}
.btn_rent_down span {font-size:14px;}
.ct_rent_section {padding:0;}
.ct_rent_section .ct_s_nav.full {margin-top:0; padding:0 20px;}
.rent_wrap {flex-direction:column; padding:30px 0 50px; gap:30px;}
.rent_lnb_wrap {padding:0 20px 20px; top:94px; background-color:var(--color-gray1); width:100%; box-sizing:border-box;}
.rent_lnb_wrap dl {position:relative; width:100%;}
.rent_lnb_wrap dl dt button {height:58px;}
.rent_lnb_wrap dl dt button::before {display:none;}
.rent_lnb_wrap dl dt.active button::before {display:block;}
.rent_lnb_wrap dl dt button span {font-size:18px;}
.rent_lnb_wrap dl dd {display:none; position:absolute; left:0; right:0; background-color:var(--color-gray4);}
.rent_lnb_wrap dl dd ol li a span {font-size:16px;}
.rent_content_wrap {width:100%;}
.rent_content_wrap .title {height:auto; gap:10px; flex-direction:column; align-items:flex-start;}
.rent_content_wrap .title > h3 {font-size:18px;}
.rent_content_wrap.step {padding:0 20px; box-sizing:border-box;}
.rent_content_wrap.step ol > li > dl > dt {font-size:18px; padding:10px 0;}
.rent_content_wrap.step ol > li > dl > dd ul li {font-size:16px;}
.rent_content_wrap.step ol > li > dl > dd ul li::before {width:4px; height:4px; top:12px;}
.rent_content_wrap.step ol > li > dl > dd > dl dt,
.rent_content_wrap.step ol > li > dl > dd ul li a,
.txt_rent_precautions dt,
.txt_rent_precautions dd ul li,
.rent_content_wrap .point {font-size:16px;}
.txt_rent_precautions dd p {font-size:14px;}

.rent_content_wrap.rules {padding:0 20px; box-sizing:border-box;}
.rent_content_wrap .tbl_box {width:calc(100% + 40px); overflow-x:auto; padding:10px 20px 20px; margin-left:-20px; box-sizing:border-box;}
.rent_content_wrap .tbl_box .tbl_ty01 {width:100%; min-width:1024px; border-collapse:collapse;}
.rent_content_wrap.rules > ol > li > dl > dt {font-size:18px; padding:10px 0;}
.rent_content_wrap.rules > ol > li > dl > dd,
.rent_content_wrap.rules > ol > li > dl > dd > dl > dt,
.rent_content_wrap.rules > ol > li > dl > dd > dl > dd,
.rent_content_wrap.rules > ol > li > dl > dd > dl > dd *,
.rent_content_wrap.rules > ol > li .num li,
.rent_content_wrap.rules > ol > li .num li span,    
.rent_content_wrap.rules > ol > li > dl > dd > dl > dd > ul > li .tit,
.rent_content_wrap.rules > ol > li > dl > dd > p,
.rent_content_wrap.rules > ol > li > dl > dd > div  {font-size:14px;}
.rent_content_wrap.rules > ol > li .num li {margin-top:5px; padding-left:15px;}
.rent_content_wrap.rules > ol > li .num li span {width:15px;}
.rent_content_wrap.rules > ol > li .tit + .num {padding-left:10px;}
.rent_content_wrap.rules > ol > li > dl > dd > p {padding-top:10px;}

.rent_content_wrap.rules > ol > li .bul1 li,
.rent_content_wrap.rules > ol > li .bul1 dd {padding:0 0 0 15px; margin-top:5px;}
.rent_content_wrap.rules > ol > li .bul1 li::before,
.rent_content_wrap.rules > ol > li .bul1 dd::before {top:10px; left:4px;}
.rent_content_wrap.rules > ol > li .bul2 li,
.rent_content_wrap.rules > ol > li .bul2 dd {padding:0 0 0 15px; margin-top:5px;}
.rent_content_wrap.rules > ol > li .bul2 li::before,
.rent_content_wrap.rules > ol > li .bul2 dd::before {top:10px; width:15px;}
.rent_content_wrap.rules > ol > li div + .bul2 {margin-top:20px;}

.rent_content_wrap.fee {padding:0 20px;}
.fee_wrap .tit_wrap {padding-bottom:10px;}
.fee_wrap .tit_wrap h4 {font-size:16px;}
.fee_wrap .tit_wrap p {font-size:14px;}
.fee_wrap .tbl_box .tbl_ty01 * {font-size:16px;}

.rent_content_wrap.bi {padding:0 20px; box-sizing:border-box;}
.rent_content_wrap.bi > ol > li > dl > dt {font-size:18px; padding:10px 0;}
.rent_content_wrap.bi > ol > li > dl > dd li strong,
.rent_content_wrap.bi > ol > li > dl > dd li {font-size:16px;}
.rent_content_wrap.bi > ol > li > dl > dd ol li {padding-left:15px; text-indent:-15px;}

.rent_facility_wrap {margin-top:30px;}
.rent_facility_wrap > ul > li {flex-direction:column; padding:40px 0;}
.rent_facility_wrap > ul > li > dl {max-width:598px; width:100%; padding:30px 0 0 0;}
.rent_facility_wrap > ul > li dl dt {padding:0 0 10px 0; font-size:16px; line-height:160%; letter-spacing:-0.32px;}
.rent_facility_wrap > ul > li dl dd li {font-size:16px; line-height:160%; letter-spacing:-0.32px;}

.agree_wrap {flex-direction:column; padding:30px 0 50px; gap:30px;}
.agree_lnb_wrap {padding:0 20px 20px; top:94px; background-color:var(--color-gray1); width:100%; box-sizing:border-box;}
.agree_lnb_wrap dl {position:relative; width:100%;}
.agree_lnb_wrap dl dt button {height:58px;}
.agree_lnb_wrap dl dt button::before {display:none;}
.agree_lnb_wrap dl dt.active button::before {display:block;}
.agree_lnb_wrap dl dt button span {font-size:18px;}
.agree_lnb_wrap dl dd {display:none; position:absolute; left:0; right:0; background-color:var(--color-gray4);}
.agree_lnb_wrap dl dd ol li a span {font-size:16px;}
.agree_content_wrap {width:100%;}

.terms_of_use {margin:0 20px; width:calc(100% - 40px)}
.terms_of_use h5 {font-size:18px;}
.terms_of_use h6,
.terms_of_use p {font-size:14px;}
.terms_of_use > ul li {padding-left:15px; text-indent:-15px; font-size:14px;}
.terms_of_use > ul li li {padding-left:14px; text-indent:-14px;}


.privacy {margin:0 20px; width:calc(100% - 40px)}
.privacy p,
.privacy dl dt,
.privacy dl dd {font-size:14px;}
.privacy ol li,
.privacy .num li {padding-left:15px; text-indent:-15px; font-size:14px;}
.privacy ol li li {padding-left:14px; text-indent:-14px;}
.privacy li,
.privacy a {font-size:14px;}
.privacy .tbl_box {width:100%; overflow:auto;}
.privacy .tbl_box .tbl_ty02{width:100%; min-width:900px; border-collapse:collapse;}
.privacy .tbl_box .tbl_ty02 * {font-size:14px;}


.equipment {margin:0 20px; width:calc(100% - 40px)}
.equipment p,
.equipment dl dt,
.equipment dl dd {font-size:14px;}
.equipment li,
.equipment a {font-size:14px;}
.equipment .tbl_box {width:100%; overflow:auto;}
.equipment .tbl_box .tbl_ty02 {width:100%;min-width: 900px; border-collapse:collapse;}
.equipment .tbl_box .tbl_ty02 * {font-size:14px;}


.foundation_purpose_wrap {gap:30px;}
.foundation_purpose_wrap .txt_area h3 {padding:0 0 30px 0; font-size:16px; font-weight:400;}
.foundation_purpose_wrap .txt_area h3 strong {font-size:16px;}
.foundation_purpose_wrap .txt_area p {font-size:14px;}

.foundation_intro_wrap h3 {font-size:18px; padding-bottom:30px;}
.f_intro_box dl {width:100%; max-width:660px;}
.f_intro_box dl dt {font-size:18px;}
.f_intro_box dl dd {font-size:14px;}


.foundation_sponsor_wrap .title {padding:0 0 30px 0;}
.foundation_sponsor_wrap .title h3 {font-size:18px; letter-spacing:-0.36px;}
.foundation_sponsor_wrap .title p {padding:30px 0 0 0; font-size:16px; font-family:var(--font-family1); font-weight:400; letter-spacing:-0.48px; text-align:center;}

.foundation_sponsor_wrap ul {gap:20px;}
.foundation_sponsor_wrap ul li {padding:0 0 20px 0; border-bottom:1px solid var(--color-gray2);}
.foundation_sponsor_wrap ul > li:nth-child(-n+3) {padding-top:20px;}
.foundation_sponsor_wrap ul > li:nth-last-child(-n+3) {border-bottom:0 none;}
.foundation_sponsor_wrap ul li a {height: 40px;}