@charset "utf-8";
@font-face { 
    font-family: 'Pretendard'; 
    font-style: normal; 
    font-weight: 400; font-display: swap;
    src: url("https://tkfile.yes24.com/entimg/font/Ptd/Pretendard-Regular.woff2") format('woff2'), 
        url("https://tkfile.yes24.com/entimg/font/Ptd/Pretendard-Regular.woff") format('woff'), 
        url("https://tkfile.yes24.com/entimg/font/Ptd/Pretendard-Regular.otf") format('opentype'),
        url("https://tkfile.yes24.com/entimg/font/Ptd/Pretendard-Regular.eot?#iefix") format('embedded-opentype'); 
    }
@font-face { 
    font-family: 'Pretendard'; 
    font-style: normal; 
    font-weight: 500; font-display: swap;
    src: url("https://tkfile.yes24.com/entimg/font/Ptd/Pretendard-Medium.woff2") format('woff2'), 
        url("https://tkfile.yes24.com/entimg/font/Ptd/Pretendard-Medium.woff") format('woff'), 
        url("https://tkfile.yes24.com/entimg/font/Ptd/Pretendard-Medium.otf") format('opentype'),
        url("https://tkfile.yes24.com/entimg/font/Ptd/Pretendard-Medium.eot?#iefix") format('embedded-opentype'); 
}
@font-face { 
    font-family: 'Pretendard'; 
    font-style: normal; 
    font-weight: 600; font-display: swap;
    src: url("https://tkfile.yes24.com/entimg/font/Ptd/Pretendard-SemiBold.woff2") format('woff2'), 
        url("https://tkfile.yes24.com/entimg/font/Ptd/Pretendard-SemiBold.woff") format('woff'), 
        url("https://tkfile.yes24.com/entimg/font/Ptd/Pretendard-SemiBold.otf") format('opentype'),
        url("https://tkfile.yes24.com/entimg/font/Ptd/Pretendard-SemiBold.eot?#iefix") format('embedded-opentype'); 
}
@font-face { 
    font-family: 'Pretendard'; 
    font-style: normal; 
    font-weight: 700; font-display: swap;
    src: url("https://tkfile.yes24.com/entimg/font/Ptd/Pretendard-Bold.woff2") format('woff2'), 
        url("https://tkfile.yes24.com/entimg/font/Ptd/Pretendard-Bold.woff") format('woff'), 
        url("https://tkfile.yes24.com/entimg/font/Ptd/Pretendard-Bold.otf") format('opentype'),
        url("https://tkfile.yes24.com/entimg/font/Ptd/Pretendard-Bold.eot?#iefix") format('embedded-opentype'); 
}
@font-face { 
    font-family: 'Pretendard'; 
    font-style: normal; 
    font-weight: 800; font-display: swap;
    src: url("https://tkfile.yes24.com/entimg/font/Ptd/Pretendard-ExtraBold.woff2") format('woff2'), 
        url("https://tkfile.yes24.com/entimg/font/Ptd/Pretendard-ExtraBold.woff") format('woff'), 
        url("https://tkfile.yes24.com/entimg/font/Ptd/Pretendard-ExtraBold.otf") format('opentype'),
        url("https://tkfile.yes24.com/entimg/font/Ptd/Pretendard-ExtraBold.eot?#iefix") format('embedded-opentype'); 
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvvYwYL8g.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
body{padding: 0;margin: 0;line-height: 1;}
.evt_yesday a{text-decoration: none;}
.evt_yesday{background-color: #6A60FF;font-family: 'Pretendard', sans-serif;}
.evt_yesday div,.evt_yesday p,.evt_yesday span{font-family: 'Pretendard', sans-serif;}
.pc_evt_yesday{min-width: 1300px;}
/* 상단 영역 */
.evt_yesday .top_area{position: relative;text-align: center;}
.evt_yesday .top_area .typo{
    padding-top: 0px;position: relative;z-index: 3;width: fit-content;margin: 0 auto;
    background: url('https://tkfile.yes24.com/img/event/2026/0624/evt_yesday_typo.png') center top no-repeat;background-size: contain;overflow: hidden;
}
.evt_yesday .top_area .typo img{opacity: 0;}
.evt_yesday.pc_evt_yesday .top_area .typo img{width: 1200px;}

.evt_yesday .top_area .yd_cpimg{width: 100%;background-image: url('https://tkfile.yes24.com/img/event/2026/0624/evt_yesday_bg.jpg');background-color: #534BC1;background-position: center top;background-size: contain;background-repeat: repeat-x;}
.evt_yesday .top_area .yd_cpimg .cpFlex{display: flex;justify-content: center;}
.evt_yesday .top_area .yd_cpimg .cpFlex01{flex-direction: row;gap: 40px;}
.evt_yesday .top_area .yd_cpimg .cpFlex02{flex-direction: column;gap: 15px;}
.evt_yesday .top_area .yd_cpimg > div{max-width: 465px;margin: 0 auto;padding: 40px 0;}
.evt_yesday .top_area .yd_cpimg .cpTit{color: #E2FF3B;text-align: center;font-size: 30px;font-weight: 900;line-height: 90%; /* 27px */padding: 0px 0 24px;}
.evt_yesday .top_area .yd_cpimg .cpCash span{color: #FFF;font-size: 45px;font-weight: 800;line-height: 100%; /* 45px */}
.evt_yesday .top_area .yd_cpimg .cpCash span:nth-child(2){color: #FFF;font-size: 45px;font-weight: 400;line-height: 100%;}
.evt_yesday .top_area .yd_cpimg .cpNote p{position: relative;color: rgba(255, 255, 255, 0.80);font-size: 10px;font-weight: 700;line-height: 15px; /* 150% */text-transform: uppercase;margin: 0;text-align: left;padding-left: 10px;}
.evt_yesday .top_area .yd_cpimg a{position: relative;display: flex;width: 95px;height: 95px;border-radius: 100px;justify-content: center;align-items: center;gap: 8px;aspect-ratio: 1 / 1;background: #E2FF3B;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);}
.evt_yesday .top_area .yd_cpimg a span{color: #32369A;text-align: center;font-size: 26px;font-weight: 800;line-height: 26px; /* 100% */}
.evt_yesday .top_area .yd_cpimg a::before{content: '';position: absolute;left: -20px;top: 10px;width: 1px;height: 80px;opacity: 0.25;background: #FFF;}
.evt_yesday .top_area .yd_cpimg .cpNote p::before{content: '';position: absolute;left: 2px;top: 6px;width: 3px;height: 3px;background: rgba(255, 255, 255, 0.80);border-radius: 10px;}

/* 공연리스트 영역 */
.perf01N{display: none;}
.perf_list_wrap{padding-bottom: 60px;}
.perf_list_wrap .perfListConts{display: flex;flex-wrap: wrap;justify-content: center;gap: 45px 20px;max-width: 770px;margin: 42px auto 0;}
.perf_list_wrap .perfListConts.randList{margin-top: 40px;}
.perf_list_wrap .YperfList{position: relative;width: 350px;margin: 0 auto;}
.perf_list_wrap a{border-radius: 8px;background: linear-gradient(90deg, rgba(255, 249, 230, 0.22) 0%, rgba(255, 253, 240, 0.22) 100%), #FFFDF0;box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.25);transform: rotate(-1.7deg);padding: 16px; margin: 0px auto;display: block;color: #fff; text-decoration: none;box-sizing: border-box;width: 100%;height: 215px;z-index: 5;position: relative;}
.perf_list_wrap .fixList .YperfList a, .perf_list_wrap .YperfList:nth-child(even) a{transform: rotate(1.5deg);}
.perf_list_wrap .listPin{position: absolute;top: -10px;left: 50%;transform: translateX(-50%);width: 22px;height: 22px;background-image: url('https://tkfile.yes24.com/img/event/2026/0624/evt_yesday_pin.png');z-index: 6;}
.perf_list_wrap .listBg{position: absolute;left: 0;bottom: 0;border-radius: 4px;background: #534BC1;box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.25);width: 359.841px;height: 208.502px;transform: rotate(2.5deg);z-index: 3;}
.perf_list_wrap .fixList .YperfList .listBg, .perf_list_wrap .YperfList:nth-child(even) .listBg{transform: rotate(-3.5deg);}
.perf_list_wrap .perf_list{position: relative;z-index: 5;display: flex;gap: 16px;align-items: flex-start;padding: 0 0px;margin-bottom: -20px;}
.perf_list_wrap .perfListConts a:last-child .perf_list{margin-bottom: 0;}
.perf_list_wrap .perf_list > div{display: inline-block;}
.perf_list_wrap .poster{width: 110px;height: 154px;border-radius: 2px;border: 1px solid rgba(0, 0, 0, 0.10);box-sizing: border-box;overflow: hidden;}
.perf_list_wrap .poster img{width: 100%;}
.perf_list_wrap .perf_info{width: calc(100% - 125px);letter-spacing: -0.01em;font-size: 20px;font-weight: 500;line-height: 26px;text-align: center;margin-top: 0px;position: relative;text-align: left;}
.perf_list_wrap .perf_info .p_tit{color: #1A1A1A;font-size: 20px;font-weight: 700;line-height: 130%; /* 26px */word-break: keep-all;}
.perf_list_wrap .perf_info .p_btt{width: 100%;}
.perf_list_wrap .perf_info .p_date{color: #1A1A1A;padding: 8px 0;line-height: 18px;font-size: 15px;font-weight: 500;}
.perf_list_wrap .perf_info .p_text{color: #E2FF3B;text-align: center;font-family: 'Inter', 'Pretendard', sans-serif;font-size: 13px;font-weight: 500;line-height: 16px;border-radius: 4px;background: #0F0F0F;padding: 8px 8px;width: fit-content;max-width: 136px;word-break: keep-all;}
.perf_list_wrap .perf_name{color: #000;width: 100%;box-sizing: border-box;text-align: center;font-family: 'Inter', 'Pretendard', sans-serif;font-size: 13px;font-weight: 500;letter-spacing: -0.26px;border-radius: 0 0 8px 8px;padding: 8px 0px;background: #E2FF3B;position: absolute;bottom: 0;left: 0;}

.evt_yesday.pc_evt_yesday .perf_list_wrap {padding-bottom: 140px;}
.evt_yesday.pc_evt_yesday .top_area .yd_cpimg > div{transform: scale(1.25);padding: 70px 0;}
.evt_yesday.pc_evt_yesday .perf_list_wrap .perfListConts{transform: scale(1.2);padding-top: 80px;}
.evt_yesday.pc_evt_yesday .perf_list_wrap .perfListConts.fixList{padding-top: 60px;}
.evt_yesday.pc_evt_yesday .perf_list_wrap .listPin{width: 18px;height: 18px;background-size: contain;top: -8px;}
.evt_yesday.pc_evt_yesday .top_area .yd_cpimg .cpCash{text-align: left;}
.evt_yesday.pc_evt_yesday .top_area .yd_cpimg .cpCash span{font-size: 50px;}
.evt_yesday.pc_evt_yesday .top_area .yd_cpimg .cpNote p{font-size: 12px;line-height: 18px;padding-left: 10px;}
.evt_yesday.pc_evt_yesday .top_area .yd_cpimg .cpNote p::before{top: 8px;left: 2px;}

/* MOB */
.m_evt_yesday img{max-width: 100%;}
.m_evt_yesday .top_area .typo img{max-width: 50%;}
@media screen and (max-width: 960px) {
    .m_evt_yesday .top_area .typo{background-size: 120%}
    .m_evt_yesday .top_area .typo img{max-width: 120%;}
    .m_evt_yesday .top_area .yd_cpimg{background-size: cover;}
    .m_evt_yesday .perf_list_wrap .perfListConts.randList{margin-top: 35px;}
    .m_evt_yesday .perf_list_wrap .perfListConts{gap: 35px;max-width: 700px;}
    .m_evt_yesday .top_area .yd_cpimg .cpNote p::before{left: 4px;}
}
@media screen and (max-width: 650px) {
    .m_evt_yesday .top_area .typo{background-size: 200%}
    .m_evt_yesday .top_area .typo img{max-width: 200%;}
}
@media screen and (max-width: 375px) {.perf_list_wrap .listBg{max-width: 350px;}}