@charset "utf-8";

@font-face { 
    font-family: 'ptd'; 
    font-style: normal; 
    font-weight: 400; 
    src: url("//tkfile.yes24.com/entimg/font/Ptd/Pretendard-Regular.woff2") format('woff2'), 
        url("//tkfile.yes24.com/entimg/font/Ptd/Pretendard-Regular.woff") format('woff'), 
        url("//tkfile.yes24.com/entimg/font/Ptd/Pretendard-Regular.otf") format('opentype'),
        url("//tkfile.yes24.com/entimg/font/Ptd/Pretendard-Regular.eot?#iefix") format('embedded-opentype'); 
}
@font-face { 
    font-family: 'ptd'; 
    font-style: normal; 
    font-weight: 500; 
    src: url("//tkfile.yes24.com/entimg/font/Ptd/Pretendard-Medium.woff2") format('woff2'), 
        url("//tkfile.yes24.com/entimg/font/Ptd/Pretendard-Medium.woff") format('woff'), 
        url("//tkfile.yes24.com/entimg/font/Ptd/Pretendard-Medium.otf") format('opentype'),
        url("//tkfile.yes24.com/entimg/font/Ptd/Pretendard-Medium.eot?#iefix") format('embedded-opentype'); 
}
@font-face { 
    font-family: 'ptd'; 
    font-style: normal; 
    font-weight: 700; 
    src: url("//tkfile.yes24.com/entimg/font/Ptd/Pretendard-Bold.woff2") format('woff2'), 
        url("//tkfile.yes24.com/entimg/font/Ptd/Pretendard-Bold.woff") format('woff'), 
        url("//tkfile.yes24.com/entimg/font/Ptd/Pretendard-Bold.otf") format('opentype'),
        url("//tkfile.yes24.com/entimg/font/Ptd/Pretendard-Bold.eot?#iefix") format('embedded-opentype'); 
}
@font-face{
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 400;
    src: url('//tkfile.yes24.com/entimg/font/barunN/NanumBarunGothicSubset.eot');
    src: url('//tkfile.yes24.com/entimg/font/barunN/NanumBarunGothicSubset.eot?#iefix') format('embedded-opentype'), url('//tkfile.yes24.com/entimg/font/barunN/NanumBarunGothicSubset.woff2') format('woff2'),
    url('//tkfile.yes24.com/entimg/font/barunN/NanumBarunGothicSubset.woff') format('woff'), url('//tkfile.yes24.com/entimg/font/barunN/NanumBarunGothicSubset.ttf') format('truetype');
}
@font-face{
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 700;
    src: url('//tkfile.yes24.com/entimg/font/barunN/NanumBarunGothicBoldSubset.eot');
    src: url('//tkfile.yes24.com/entimg/font/barunN/NanumBarunGothicBoldSubset.eot?#iefix') format('embedded-opentype'), url('//tkfile.yes24.com/entimg/font/barunN/NanumBarunGothicBoldSubset.woff2') format('woff2'),
    url('//tkfile.yes24.com/entimg/font/barunN/NanumBarunGothicBoldSubset.woff') format('woff'), url('//tkfile.yes24.com/entimg/font/barunN/NanumBarunGothicBoldSubset.ttf') format('truetype')
}

@font-face{
    font-family:"Noto Sans KR";
    font-style: normal;
    font-weight: 300;
    src: url("//tkfile.yes24.com/entimg/font/notoN/NotoSansKR-DemiLight-Hestia.eot");
    src: url("//tkfile.yes24.com/entimg/font/notoN/NotoSansKR-DemiLight-Hestia.woff") format("woff"), url("//tkfile.yes24.com/entimg/font/notoN/NotoSansKR-DemiLight-Hestia.otf") format("opentype");
}
@font-face{
    font-family:"Noto Sans KR";
    font-style: normal;
    font-weight: 500;
    src: url("//tkfile.yes24.com/entimg/font/notoN/NotoSansKR-Medium-Hestia.eot");
    src: url("//tkfile.yes24.com/entimg/font/notoN/NotoSansKR-Medium-Hestia.woff") format("woff"), url("//tkfile.yes24.com/entimg/font/notoN/NotoSansKR-Medium-Hestia.otf") format("opentype");
}
@font-face{
    font-family:"Noto Sans KR";
    font-style: normal;
    font-weight: 700;
    src: url("//tkfile.yes24.com/entimg/font/notoN/NotoSansKR-Bold-Hestia.eot");
    src: url("//tkfile.yes24.com/entimg/font/notoN/NotoSansKR-Bold-Hestia.woff") format("woff"), url("//tkfile.yes24.com/entimg/font/notoN/NotoSansKR-Bold-Hestia.otf") format("opentype");
}

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{ margin:0;padding:0;-webkit-text-size-adjust:none;list-style: none;line-height: 1;}
.listWrap, .topTxt, .theaterBgWrap, .m_theaterWrap .theaterPerfArea{visibility: hidden;}
.theaterWrap a{text-decoration: none;color: #333;}
.theaterWrap .topLogo{display: none;}

.pc_theaterWrap{min-width: 1300px;}
.theaterWrap .topBgArea{overflow: hidden;position: relative;transition: background-color .3s ease-in-out 0s;}
.topBgArea.fadein{animation: fadein_i .8s ease-in-out;animation-fill-mode: forwards;}
@keyframes fadein_i{
    50%{opacity: 1;}
}
/* 상단 공연장 배경 */
.theaterBgWrap{position: relative;transition: filter 0.3s ease, opacity 0.5s ease;background-position: center -100px;background-repeat: no-repeat;background-size: auto;width: 100%;min-height: 538px;will-change: background-image, opacity;}
.theaterWrap .topBgArea::after{content:'';position: absolute;bottom: -1px;left: 0;background-image: linear-gradient(180deg, rgb(255 255 255 / 0%) 10%, rgba(255, 255, 255, 0.9) 70%, rgba(255, 255, 255, 1) 100%);width: 100%;height: 200px;}
.m_theaterWrap .topBgArea::after{height: 100px;}
.pc_theaterWrap .topTxtWrap{width: 1096px;margin: 0 auto;}
.pc_theaterWrap .topTxt{padding-left: 60px;box-sizing: border-box;padding-left: 0;}
.theaterWrap .topTxt{margin: 0 auto;padding-top: calc(100px + 0px);position: absolute;top: 0;width: 1096px;transition: opacity .4s cubic-bezier(0.62, 0.04, 0.4, 0.93) 0s;padding-left: 10px;}
.theaterWrap .topTxt .theaterTit{font-family: 'Noto Sans KR', 'NanumBarunGothic', '맑은 고딕', 'Malgun Gothic', sans-serif;font-size: 60px;line-height: 65px;color: #fff;font-weight: 700;padding: 16px 0 25px;}
.theaterWrap .topTxt .subtit p{font-family: 'Noto Sans KR', 'NanumBarunGothic', '맑은 고딕', 'Malgun Gothic', sans-serif;font-size: 14px;color: #fff;font-weight: 300;padding-left: 5px;}
.theaterWrap .topTxt .subtit p.tel{/*padding-left: 14px;*/margin-top: 8px;position: relative;letter-spacing: 0.025em;}
.theaterWrap .topTxt .subtit p.tel::before{content: '';position: absolute;left: 5px;top: 3px;width: 1px;height: 10px;background-color: #fff;content:none;}
.theaterWrap .topTxt .subtit p.tel.noTelNum::before{content: none;}

/* 상단 배경 모션 */
/* .theaterWrap .theaterBgWrap{transition: all .3s ease-in-out 0s;} */
.theaterWrap .theaterBgWrap.bgani{
    animation-name: opc, bgani;
    animation-delay: 0s, 0s;animation-duration: 1s, .8s;
    animation-timing-function: cubic-bezier(0.62, 0.04, 0.4, 0.93);animation-fill-mode: forwards, backwards;
}
@keyframes opc{
    5%{opacity: 0;}
    25%,50%{opacity: 0;}
    80%{opacity: 1;}
    100%{opacity: 1;}
}
@keyframes bgani{
    5%{transform: translateX(0%);}
    25%{transform: translateX(0%);}
    40%{transform: translateX(5%);}
    100%{transform: translateX(0%);}
}

.m_theaterWrap .theaterBgWrap.bgani{animation-name: opc_m, bgani;}
@keyframes opc_m{
    0%,50%{opacity: 0;}
    80%, 100%{opacity: .8;}
}
/* 
@keyframes bgani_m{
    5%{transform: translateX(0%);}
    25%{transform: translateX(0%);}
    50%{transform: translateX(5%);}
    100%{transform: translateX(0%);}
}
*/

@keyframes bgani2{
    0%{transform: translateX(10%);opacity: 1;}
    60%{opacity: 0;}
    100%{transform: translateX(0%);opacity: 1;}
}

/* bg color */
.thWrap4587 .topBgArea{background-color: #14437a;}/*1*/
.thWrap4588 .topBgArea{background-color: #1b3245;}
.thWrap4589 .topBgArea{background-color: #e9ded7;}
.thWrap4590 .topBgArea{background-color: #1d2023;}
.thWrap4591 .topBgArea{background-color: #2d3d57;}/*5*/
.thWrap4592 .topBgArea{background-color: #5f1810;}
.thWrap4593 .topBgArea{background-color: #dcd7d4;}
.thWrap4594 .topBgArea{background-color: #171a52;}
.thWrap4595 .topBgArea{background-color: #d4e8ff;}
.thWrap4596 .topBgArea{background-color: #dae4f2;}/*10*/
.thWrap4597 .topBgArea{background-color: #98ceff;}
.thWrap4598 .topBgArea{background-color: #18150d;}
.thWrap4599 .topBgArea{background-color: #806a63;}
.thWrap4600 .topBgArea{background-color: #1d0403;}
.thWrap4601 .topBgArea{background-color: #030101;}/*15*/
.thWrap4602 .topBgArea{background-color: #141a3e;}
.thWrap4603 .topBgArea{background-color: #1f2028;}
.thWrap4604 .topBgArea{background-color: #e4d1c6;}
.thWrap4605 .topBgArea{background-color: #a5cfe7;}
.thWrap4606 .topBgArea{background-color: #482018;}/*20*/
.thWrap4607 .topBgArea{background-color: #cfddec;}
.thWrap4608 .topBgArea{background-color: #112745;}

/* 상단 공연장 명 컬러 (#333) */
.theaterWrap .topTxt.bkk .theaterTit,
.theaterWrap .topTxt.bkk .subtit p{color: #333;}
.theaterWrap .topTxt.bkk .subtit p.tel::before{background-color: #333;}

.thWrap4589 .topTxt .theaterTit, .thWrap4589 .topTxt .subtit p, /* 3 예스24아트원 */
.thWrap4593 .topTxt .theaterTit, .thWrap4593 .topTxt .subtit p, /* 7 세종문화회관 */
.thWrap4595 .topTxt .theaterTit, .thWrap4595 .topTxt .subtit p, /* 9 롯데콘서트홀 */
.thWrap4596 .topTxt .theaterTit, .thWrap4596 .topTxt .subtit p, /* 10 LG아트센터 서울 */
.thWrap4597 .topTxt .theaterTit, .thWrap4597 .topTxt .subtit p, /* 11 성산아트홀 */
.thWrap4604 .topTxt .theaterTit, .thWrap4604 .topTxt .subtit p, /* 18 서초문화예술회관 */
.thWrap4605 .topTxt .theaterTit, .thWrap4605 .topTxt .subtit p, /* 19 소월아트홀 */
.thWrap4607 .topTxt .theaterTit, .thWrap4607 .topTxt .subtit p{color: #333;transition: opacity .4s cubic-bezier(0.62, 0.04, 0.4, 0.93) 0s;} /* 21 부산콘서트홀 */
.theaterWrap .topTxt.fadein{
    animation: fadein .4s cubic-bezier(0.62, 0.04, 0.4, 0.93) .7s;
    animation-fill-mode: backwards;
    opacity: 1;
}
.theaterWrap.m_theaterWrap .topTxt.fadein{
    animation-fill-mode: backwards;
    opacity: 1;
}
@keyframes fadein{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
/* 상단 공연장 리스트 */
.pc_theaterWrap .theaterListArea{width: 1200px;}
.theaterListArea{position: relative;margin: -190px auto 0;}
.theaterListArea .listWrap{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;gap: 16px;text-align: center;margin: 0 auto;/*cursor: pointer;opacity: 0;*/height: 362px;overflow: hidden;transition: opacity .3s linear;}
.pc_theaterWrap .theaterListArea .listWrap .hall_list.listAct{border: 2px solid rgb(255, 74, 8);}
.pc_theaterWrap .theaterListArea .listWrap .hall_list{width: 206px;height: 110px;background-color: #fff;border: 1px solid #dcdcdc;box-sizing: border-box;border-radius: 17px;position: relative;cursor: pointer;user-select: none;}
.pc_theaterWrap .theaterListArea .listWrap .hall_list a{display: block;width: 100%;height: 100%;font-size: unset;}
.pc_theaterWrap .theaterListArea .listWrap .hall_list span{display: block;color: #333;}
.pc_theaterWrap .theaterListArea .listWrap .hall_list span.logo{padding: 22px 30px 0;font-size: 13px;}
.pc_theaterWrap .theaterListArea .listWrap .hall_list span.logo.logo4596 img{position: relative;top: 8px;}/*LG아트센터 서울*/
.pc_theaterWrap .theaterListArea .listWrap .hall_list span.logo.logo4602 img{position: relative;top: -2px;}/*부천아트센터*/
.pc_theaterWrap .theaterListArea .listWrap .hall_list span.name{font-family: 'Noto Sans KR', 'NanumBarunGothic', '맑은 고딕', 'Malgun Gothic', sans-serif;font-size: 18px;font-weight: 400;letter-spacing: -0.025em;position: absolute;bottom: 22px;width: 100%;}
.pc_theaterWrap .theaterListArea .listWrap .hall_list span.name.longText{bottom: 10px;height: 41px;line-height: 20px;overflow: hidden;}
.theaterListArea .arrow > span{position: absolute;top: 50%;transform: translateY(-50%);font-size: 30px;cursor: pointer;transition: opacity .2s linear;cursor: pointer;}
.theaterListArea .arrow > span:hover{font-weight: 900;}
.theaterListArea .arrow .prev{left: 0px;transform: translateY(-50%) scaleX(-100%);}
.theaterListArea .arrow .next{right: 0px;}
.theaterListArea .arrow .disabled{pointer-events: none;opacity: .2;}

/* 하단 예매 가능 상품 */
.theaterWrap .content-min-wrap{overflow: unset;display: block !important;}
.venue-view-list-tit{text-align: center;font-size: 26px;color: #333;font-weight: 700;padding: 70px 0 50px 0;font-family: 'Noto Sans KR', 'NanumBarunGothic', '맑은 고딕', 'Malgun Gothic', sans-serif;}
.pc_theaterWrap .theaterPerfArea .ms-list-imgs{width: calc((236px * 4) + 216px);}
.theaterPerfArea{margin-bottom: 50px;}
.theaterPerfArea .ms-list-imgs a:hover img{transform: scale(1);}
.theaterPerfArea .ms-list-imgs{margin: 0 auto;display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;margin-bottom: 30px;height: auto;max-height: 452px;}
.theaterPerfArea .ms-list-imgs a{display: inline-block;width: 216px;text-decoration: none;color: #333;text-align: center;vertical-align: top;box-sizing: border-box;cursor: pointer;margin: unset;height: unset;}
.theaterPerfArea img{width: 100%;}
.theaterPerfArea .ms-list-imgs a .list-bigger-wrap{height: auto;}
.theaterPerfArea .ms-list-imgs a .list-bigger-wrap .list-bigger-txt > p{font-family: 'NanumBarunGothic','맑은 고딕','Malgun Gothic',sans-serif;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}/* 말줄임 */
.theaterPerfArea .ms-list-imgs a .list-bigger-wrap .list-bigger-txt{position: relative;height: auto;}
.theaterPerfArea .ms-list-imgs a .list-bigger-wrap .list-bigger-txt .list-b-tit1{font-size:16px;line-height:22px; color:#333;-webkit-line-clamp: 2;margin:0px 0 9px 0;padding: 25px 0 0;}
.theaterPerfArea .ms-list-imgs a .list-bigger-wrap .list-bigger-txt .list-b-tit2{font-size:13px;line-height:20px;color:#999;-webkit-line-clamp: 1;}
.theaterPerfArea .ms-list-imgs a .list-bigger-wrap .list-bigger-txt .list-b-circle{font-size:19px;color:#fff;background:#ec7d2c;width:57px;height:57px;line-height:57px;border-radius:50%;text-align:center;border:4px solid #fff;font-weight:bold;position:absolute;left:10px;top:-46px;}
.theaterPerfArea .moreBtn{text-align: center;cursor: pointer;font-weight: 500;font-size: 15px;margin-bottom: 50px;color: #000;}
/* 하단 지도 */
/* .content-min-wrap{padding-bottom: 410px;} */
.content-min-wrap *{font-family: 'NanumBarunGothic', '맑은 고딕', 'Malgun Gothic', sans-serif;}
.content-min-wrap .venue-view-btns{display: block !important;}

/* ----- MOB ----- */
/* #content_wrap *{font-family: 'Noto Sans KR', 'NanumBarunGothic', '맑은 고딕', 'Malgun Gothic', sans-serif;} */
.m_theaterWrap{position: relative;}
.m_theaterWrap .theaterBgWrap{background-size: 200%;background-position: -170px top;min-height: 81.33vw;opacity: .8;/*background-size: 220%;background-position: -350px top;*/}/**/
.m_theaterWrap .theaterBgWrap::after{height: 100px;bottom: 0;}
.m_theaterWrap .topTxt{padding-top: 15.20vw;padding-left: 5.87vw;position: absolute;top: 0;left: 0;width: unset;/*padding-left: 0;width: 100%;*/}/**/
.m_theaterWrap .topTxt .theaterTit{font-size: 11.8vw;line-height: 12.80vw;padding-top: 0;padding-bottom: 0;word-break: keep-all;padding-right: 26.67vw;height: 25.60vw;display: flex;align-items: center;/*font-size: 9vw;padding-right: 0 !important;justify-content: center;*/}/**/
/* .m_theaterWrap .topTxt .theaterTit.longText{word-break: break-all;overflow: hidden;align-items: baseline;} */
.m_theaterWrap .topTxt .subtit{display: none;}
.m_theaterWrap .theaterListArea{position: absolute;top: 56vw;margin-top: 0;width: 100%;}

.m_theaterWrap.thWrap4594 .topTxt .theaterTit,
.m_theaterWrap.thWrap4597 .topTxt .theaterTit,
.m_theaterWrap.thWrap4598 .topTxt .theaterTit,
.m_theaterWrap.thWrap4599 .topTxt .theaterTit,
.m_theaterWrap.thWrap4600 .topTxt .theaterTit,
.m_theaterWrap.thWrap4606 .topTxt .theaterTit,
.m_theaterWrap.thWrap4605 .topTxt .theaterTit{padding-right: 37.33vw;}

.m_theaterWrap .listWrap::-webkit-scrollbar{display: none;}
.m_theaterWrap .theaterListArea .listWrap{height: auto;white-space: nowrap;overflow-x: auto;padding: 0 2.67vw;box-sizing: border-box;flex-wrap: nowrap;justify-content: flex-start;gap: 0;}
.m_theaterWrap .theaterListArea .listWrap > div{grid-template-columns: repeat(2, 39.20vw); grid-template-rows: repeat(2, 12.53vw);gap: 1.33vw;display: inline-grid;margin-right: 1.33vw;}
.m_theaterWrap .theaterListArea .listWrap > div:last-child{margin-right: 0;}
.m_theaterWrap .theaterListArea .listWrap .hall_list.listAct{color: #e74224;border-color: #e74224;font-weight: 700;}
.m_theaterWrap .theaterListArea .listWrap .hall_list{background-color: #fff;border: 0.27vw solid #dcdcdc;border-radius: 2.13vw;line-height: 1;white-space: normal;display: flex;justify-content: center;align-items: center;color: #333;font-weight: 400;font-size: 3.73vw;letter-spacing: -0.025em;}
.m_theaterWrap .theaterListArea .listWrap .hall_list span{font-family: 'Noto Sans KR', 'NanumBarunGothic', '맑은 고딕', 'Malgun Gothic', sans-serif;}
.m_theaterWrap .theaterListArea .listWrap .dot span{position: relative;}
.m_theaterWrap .theaterListArea .listWrap .dot span::after{/*content: '';*/position: absolute;right: -1.8vw;top: 3.5vw;background-color: #ff4a08;width: 1.07vw;height: 1.07vw;border-radius: 5.33vw;}

.m_theaterWrap .venue-view-list-tit{padding: 11.47vw 0 5.33vw;color: #333;font-size: 5.33vw;font-weight: 700;}
.m_theaterWrap .theaterPerfArea{display: flex;flex-wrap: wrap;gap: 8vw 4vw;justify-content: center;margin: 0 auto 50px;max-width: 100vw;} /* gap: 30px 15px;max-width: 375px; */
.m_theaterWrap .theaterPerfArea .ms-list-imgs{display: contents;/*max-width: 133.33vw;*/max-height: unset;}
.m_theaterWrap .theaterPerfArea a{width: 42.67vw;}
.m_theaterWrap .ms-list-imgs a .list-bigger-wrap .list-bigger-txt p{font-family: 'ptd', 'Noto Sans KR', 'NanumBarunGothic', '맑은 고딕', 'Malgun Gothic', sans-serif;text-align: left;}
.m_theaterWrap .ms-list-imgs a .list-bigger-wrap .list-bigger-txt .list-b-tit1{font-weight: 500;color: #101010;letter-spacing: -0.03em;font-size: 4.00vw;line-height: 5.07vw;padding-top: 4.00vw;margin-bottom: 1.33vw;}
.m_theaterWrap .ms-list-imgs a .list-bigger-wrap .list-bigger-txt .list-b-tit2{font-weight: 500;color: #666;letter-spacing: -0.01em;font-size: 3.20vw;line-height: 4.27vw;}

@media screen and (min-width: 751px) {
    .m_theaterWrap .theaterBgWrap{min-height: 305px;background-size: 150%;}
    .m_theaterWrap .theaterBgWrap::after{height: 50px;}
    .m_theaterWrap .topTxt{padding-top: 65px;padding-left: 22px;}
    .m_theaterWrap .topTxt .theaterTit{font-size: 35px;line-height: 40px;padding-right: 165px;height: 80px;padding-right: 0;}/**/
    .m_theaterWrap .theaterListArea{top: 210px;}
    .m_theaterWrap .theaterListArea .listWrap{padding: 0 10px;}
    .m_theaterWrap .theaterListArea .listWrap > div{grid-template-columns: repeat(2, 147px); grid-template-rows: repeat(2, 47px);gap: 7px;margin-right: 7px;}
    .m_theaterWrap .theaterListArea .listWrap .hall_list{border: 1px solid #dcdcdc;border-radius: 8px;/*line-height: 45px;*/font-size: 14px;}
    .m_theaterWrap .theaterListArea .listWrap .dot span::after{right: -6px;top: 13px;width: 4px;height: 4px;border-radius: 20px;}

    .m_theaterWrap .venue-view-list-tit{padding: 43px 0 20px;font-size: 20px;}
    /* .m_theaterWrap .theaterPerfArea .ms-list-imgs{gap: 15px;max-width: 500px;} */
    .m_theaterWrap .theaterPerfArea a{width: 160px;}
    .m_theaterWrap .ms-list-imgs a .list-bigger-wrap .list-bigger-txt .list-b-tit1{font-size: 15px;line-height: 19px;padding-top: 15px;margin-bottom: 5px;}
    .m_theaterWrap .ms-list-imgs a .list-bigger-wrap .list-bigger-txt .list-b-tit2{font-size: 12px;line-height: 16px;}

    .m_theaterWrap .theaterPerfArea{max-width: 375px;gap: 30px 15px;}
}
@media screen and (min-width: 1024px) {
    .m_theaterWrap .theaterBgWrap{background-size: cover;background-position: 0px top;}
}
@media screen and (min-width: 1930px) {
    .theaterBgWrap{background-position: right -100px;}
}