@charset "utf-8";

.brake-t {display:none;}
.brake-m {display:block;}


.m_section03 > .bnr_wrap ul li,
.m_section05 > .bnr_wrap ul li {min-width:320px;}
@media (max-width:610px){
    .m_section03>.bnr_wrap ul li,
    .m_section05>.bnr_wrap ul li {min-width:100%;}
}
@media (max-width:430px){
    .m_section05 > .bnr_wrap {}
    .m_section05 > .bnr_wrap ul {width:100%;}
}
.my_info_wrap .my_info {flex-direction:column; align-items:flex-start;}
.my_info_wrap .my_info > dl {max-width:100%; width:100%;}
.my_info_wrap .my_info > .btn_area {max-width:100%; width:100%; padding:14px 0 0 0; justify-content:center;}

@media (max-width:545px){
    .order_noData > .order_noData_list ul {display:flex; gap:5px;}
    .order_noData > .order_noData_list ul li {width:89px; flex:none;}
}
.member_join_wrap {padding:40px 0 0 0;}
.member_join_wrap dl {max-width:none; width:100%; padding:0 20px 40px; box-sizing:border-box;}
.member_join_wrap dl:first-child {padding:0 20px 40px;}
.member_join_wrap dl dt {width:100%; padding:40px 0 15px;}
.member_join_wrap dl dt br {display:none;}
.member_join_wrap dl dd {width:100%; padding:0;}


.member_benefit_wrap ul li {min-width:calc((100% - 15px) / 2); max-width:calc((100% - 15px) / 2);}
@media (max-width:367px){
    .ct_title_wrap .tip_precaution > div {right:50%; transform:translateX(50%);}
}

@media (max-width:560px){
    .my_booking_sch_wrap:not(.pack) .sch_booking_wrap {display:block; padding:28px 0 0 0;}
    .sch_booking_wrap .classify {height:40px; margin-bottom:20px;}
    .sch_booking_wrap .sch_form_box {width:calc(100% - 140px);}
}
@media (max-width:374px){
    .sch_booking_wrap .sch_form_box input {width:calc(100% - 31px); padding:0 0 0 5px;}
    .sch_booking_wrap .sch_form_box .btn_sch {width:31px;}
}


.thumb_list01 ul li {min-width:calc((100% - 30px) / 3); max-width:calc((100% - 30px) / 3); padding:15px 0 0;}
.thumb_list01 ul li:nth-child(-n+4) {padding-top:15px;}
.thumb_list01 ul li:nth-child(-n+3) {padding-top:0;}
@media (max-width:560px){
    .thumb_list01 ul li {min-width:calc((100% - 15px) / 2); max-width:calc((100% - 15px) / 2); padding:15px 0 0;}
    .thumb_list01 ul li:nth-child(-n+4) {padding-top:15px;}
    .thumb_list01 ul li:nth-child(-n+3) {padding-top:15px;}
    .thumb_list01 ul li:nth-child(-n+2) {padding-top:0;}
}

@media (max-width:610px){
    .list_ty02 ul li {min-width:100%; max-width:100%; padding:0; box-sizing:border-box;}
}
.pu_monthly_box ul li {width:100%;}

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

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

@media (max-width:425px){
    .tk_open_info {flex-wrap:wrap;}
    .tk_open_info strong {width:calc((100% - 10px) / 2);}
}

.goods_view_wrap > .perf_sale_wrap .inBox {display:block;}
.goods_view_wrap > .perf_sale_wrap .episode_select {width:100%;}
.goods_view_wrap > .perf_sale_wrap .episode_select > ul {min-width:auto; max-width:100%; max-height:50vh; overflow:auto;}
.goods_view_wrap > .perf_sale_wrap .btn_area {width:100%;}


@media (max-width:425px){
    .detail_contents .detail_txt .related_contents ul li {min-width:100%; max-width:100%;}
}

@media (max-width:374px) {
    .booking_view_box > ul > li > span,
    .booking_view_box > .inBox > ul > li > span {width:96px;}
    .booking_view_box > ul > li > div,
    .booking_view_box > .inBox > ul > li > div {width:calc(100% - 96px);}

}

@media (max-width:500px) {
    .thumb_list02 li a {flex-direction:column;}
    .thumb_list02 li a .thumb {max-width:100%;}
    .thumb_list02 li a .prd_info {padding:0 0 30px 0;}
}

.view_ty03 .related_pack_list .swiper-wrapper {display:grid !important; grid-template-columns:repeat(2, 1fr); gap:15px; transform:none !important;}
.view_ty03 .related_pack_list .swiper-slide {width:100% !important; margin:0 !important;}
.view_ty03 .related_pack_list + .btn_more {display:block; padding:20px 0 0 0;}
.view_ty03 .related_pack_list + .btn_more button {display:flex; justify-content:center; align-items:center; border:1px solid var(--color-gray7); padding:13px 0; width:100%;}
.view_ty03 .related_pack_list + .btn_more button::after {content:""; width:24px; height:24px; mask:url(/images/common/ico_arr05.svg) no-repeat 50% 50%; mask-size:contain; background-color:var(--color-gray6);}
.view_ty03 .related_pack_list + .btn_more button span {color:var(--color-gray6); font-size:14px;}
@media (max-width:360px) {
    .view_ty03 .related_pack_list .swiper-wrapper {grid-template-columns:1fr;}
}
.thumb_list03 > ul > li a {flex-direction:column-reverse; padding:40px 0;}
.thumb_list03 > ul > li:first-child a {padding-top:20px}
.thumb_list03 > ul > li a .thumb {max-width:335px; max-height:335px;}
.thumb_list03 > ul > li a .prd_info {padding:0 0 40px;}
.thumb_list03 > ul > li a .prd_info .tit_area {padding-bottom:30px;}
.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; border-top:1px solid var(--color-gray7);}
.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 + li {border:0 none;}
.thumb_list03 > ul > li a .prd_info > ul li::before {left:0; top:4px; width:20px; height:20px;}
@media (max-width:374px) {
    .thumb_list03 > ul > li a .thumb {max-width:280px; max-height:280px;}
}
.pack_step li {width:100%;}


.layer_popup.message_popup .inner_layer {max-width:320px; max-height:430px;}
.message_view {height:125px; background-size:contain;}
.message_view p {margin:55px 0 0 83px; font-size:12px; width:150px; line-height:18px;}


.contect_intro_wrap {padding:40px 0 60px 0; display:block;}
.contect_intro_wrap dl {width:100%; padding:0 0 0 96px; box-sizing:border-box;}
.contect_intro_wrap dl + dl {margin-top:40px;}
.contect_intro_wrap dl:nth-child(1) {background-position:20px 50%; background-size:60px 60px;}
.contect_intro_wrap dl:nth-child(2) {background-position:20px 50%; background-size:60px 60px;}
.contect_intro_wrap dl:nth-child(3) {background-position:20px 50%; background-size:60px 60px;}
.contect_intro_wrap dl:nth-child(4) {background-position:20px 50%; background-size:60px 60px;}
.contect_intro_wrap dl dt,
.contect_intro_wrap dl dd {text-align:left;}
.contect_intro_wrap dl dd > em .pcOnly,
.contect_intro_wrap dl dd br {display:none;}
.contect_intro_wrap dl dd .break {display:block;}
.location_area + .btn_area {padding-bottom:60px}
.location_area + .btn_area .btn03 {width:125px;}

.location_area {height:auto; aspect-ratio:1 / 1;}

.parking_wrap .parking_quick_gate {height:256px;}
.parking_wrap .parking_quick_gate .map_area {padding-bottom:48px;}
.parking_wrap .parking_quick_gate .map_area img {width:auto; max-height:256px; height:auto}
.parking_wrap .parking_quick_gate .map_nav {right:0; bottom:0; width:100%; justify-content:flex-end; z-index:10;}
.parking_wrap .parking_quick_gate .map_nav .map_select {position:absolute; left:0; bottom:0;}
@media (max-width:374px) {
    .parking_wrap .parking_quick_gate .map_nav .map_select > button,
    .parking_wrap .parking_quick_gate .map_nav .map_select > ul li button {width:165px;}
}

/* 예매취소 */
.my_booking_state {overflow-x:auto;}
@media (max-width:375px) {
    .my_booking_state ul {width:335px; gap:5px;}
    .my_booking_state ul li {width:calc((100% - 15px) / 4);}
}


.login_wrap {flex-direction:column;}
.login_wrap .login_bnr_wrap {margin:40px auto 0; width:100%; max-width:439px;}

.concertHall_wrap .ch_section01 h3 {font-size:24px; line-height:150%; letter-spacing: -0.48px;}
.concertHall_wrap .ch_section02 .swiper-slide > ul {flex-direction:column; padding:0;}
.concertHall_wrap .ch_section02 .swiper-slide > ul li {width:100%; text-align:center; padding:40px 0 0 0;}
.concertHall_wrap .ch_section02 .swiper-slide > ul li dl dt span {font-size:14px;}

.concertHall_wrap .ch_section05 .ch_section05_swiper ul {flex-direction:column;}
.concertHall_wrap .ch_section05 .ch_section05_swiper li {padding:30px 0;}


.seat_intro_wrap .info_seat_map {padding:20px 20px 70px; border:1px solid var(--color-gray7);}

.facility_wrap.surround .surround_facility_txt {grid-template-columns:repeat(1, minmax(0, 1fr)); margin-top:50px; padding:0 20px;}

.ct_rent_section .ct_s_nav.full ul {flex-wrap:wrap;}
.ct_rent_section .ct_s_nav.full ul li {width:calc(100% / 2); flex:auto;}
.ct_s_nav ul li:first-child a {margin-left:-1px;}

.rent_content_wrap.rules > ol > li .tbl_box .tbl_ty01 {min-width:768px;}

.rent_content_wrap.bi > ol > li > dl > dd .img_area {flex-direction:column;}
.rent_content_wrap.bi > ol > li > dl > dd .img_area div img {width:fit-content}