@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'); 
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
/* CSS Document */
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;}
a{text-decoration: none;font-size: inherit;color: #101010;}

/* ----- PC ----- */
.evt_YDexpo_wrap div, .evt_YDexpo_wrap p, .evt_YDexpo_wrap span, .evt_YDexpo_wrap li{font-family: 'Pretendard', sans-serif;line-height: 1;color: #fff;letter-spacing: -0.05em;}
/* .evt_YDexpo_wrap li{font-family: 'Pretendard-Medium','Pretendard','ptd', sans-serif;}
.evtWrap .info_wrap .infoTit span{font-family: 'Pretendard-Bold','Pretendard','ptd', sans-serif;}
.evtWrap .giftconts .gtit span,
.evtWrap .gift .evtdate span{font-family: 'Pretendard-SemiBold','Pretendard','ptd', sans-serif;}
.evtWrap .gift .evtdate span.hpRgl.tit{font-family: 'Pretendard-Medium','Pretendard','ptd', sans-serif;} */
.evt_YDexpo_wrap.evt_YDexpo_pc{min-width: 1300px;}
/* 이벤트 상단 */
.hdWrap{
    height: auto;position: relative;text-align: center;
    background-image: url('https://tkfile.yes24.com/img/event/2026/0522/evt_penta_hdbg.jpg');background-position: center top;background-size: auto;background-repeat: no-repeat;
    /* padding: 484px 0 710px; */
}
.evt_YDexpo_pc .hdWrap .typo{padding: 25px 0 625px;}
.evt_YDexpo_pc .hdWrap .typo img{width: 80%;}
.evt_YDexpo_pc .hdWrap{background-position: center bottom;background-size: 100%;padding: 0;}
.hdWrap span{display: inline-block;}

.hdWrap .typo{padding: 65px 0;}
.hdWrap .hdDate{padding-bottom: 40px;}
/* 이벤트 내용 */
.evtWrap{text-align: center;background: var(--gr1, linear-gradient(180deg, #D383B6 0%, #8C7BB8 25%, #6FB4E3 75%, #0094D9 100%));}
.evtWrap > div{max-width: 916px;margin: 0 auto;}
.evtWrap .topTxtarea{padding-top: 76px;padding-bottom: 40px;}
.evtWrap .topTxtarea .toptxt{padding-bottom: 37px;}
.evtWrap .topTxtarea .subtit{font-size: 50px;letter-spacing: -0.05em;font-weight: 100;color: #FFF;font-family: 'Pretendard', sans-serif;}
.evtWrap .topTxtarea .subtit p:nth-child(1){font-size: 50px;font-weight: 600;line-height: 65px;}
.evtWrap .topTxtarea .subtit p:nth-child(2){font-size: 110px;font-weight: 700;line-height: normal;padding-top: 20px;}
/* 선물 */
.evtWrap .gift{position: relative;}
.evtWrap .giftInfotxt{margin-bottom: 40px;}
.evtWrap .giftInfotxt span{color: #FFF;text-align: center;font-family: 'Pretendard', sans-serif;font-size: 30px;font-style: normal;font-weight: 400;line-height: normal;}
/* .evt_YDexpo_pc .evtWrap .giftInfotxt span{line-height: 50px;} */
.evtWrap .giftconts{background-color: #fff;border-radius: 70px;border: 3px solid #000;max-width: 720px;margin: 0 auto;position: relative;z-index: 3;}
.evtWrap .graBg{content: '';width: 720px;height: 200px;position: absolute;left: 50%;bottom: -14px;transform: translateX(-50%);border-radius: 70px;border: 3px solid #000;background: linear-gradient(90deg, #0094D9 -21.65%, #6FB4E3 17.11%, #8C7BB8 46.06%, #D383B6 100.5%, #9E7DB8 113.52%);}
.evtWrap .giftconts .gtit{background: linear-gradient(180deg, rgba(211, 131, 182, 0.3) 0%, rgba(140, 123, 184, 0.3) 25%, rgba(111, 180, 227, 0.3) 75%, rgba(0, 148, 217, 0.3) 100%);padding: 40px 0 30px;border-top-left-radius: 50px;border-top-right-radius: 50px;}
.evtWrap .giftconts .gtit span{color: #111;font-size: 30px;font-weight: 600;}
.evtWrap .giftconts .gimgarea{position: relative;padding: 30px 0;}
.evtWrap .giftconts .gimgarea .giftName,
.evtWrap .giftconts .gimgarea .badge{position: absolute;display: none !important;}
.evtWrap .giftconts .gimgarea .giftImg{text-align: center;display: block;padding: 0 0 0 30px;}
.evtWrap .giftconts .gimgarea .giftName{color: #333;right: 283px;bottom: 55px;font-size: 18px;}
.evtWrap .giftconts .gimgarea .badge{
    border-radius: 69px;
    background: linear-gradient(180deg, #D383B6 0%, #8C7BB8 46.74%, #6FB4E3 140.22%, #0094D9 186.96%, #76A6D8 186.96%);
    font-size: 36px;
    width: 138px;
    padding: 54px 0 48px;
    /* height: 138px; */
    display: block;
    line-height: 1;
    font-weight: 700;
    right: 165px;
    top: 100px;
}
.evtWrap .giftconts .gimgarea .badge span.num{font-weight: 600;}
.evt_YDexpo_pc .evtWrap .giftconts .gimgarea .badge span.num{line-height: 1;}
.evtWrap .gift .gtxt{border-top: 1px solid #999;max-width: 497px;margin: 0 auto;padding: 20px 0px 40px 20px;text-align: left;}
.evtWrap .gift .evtdate span{color: #333;font-size: 24px;line-height: 40px;font-weight: 600;}
.evtWrap .gift .evtdate span.hpRgl.tit{padding-left: 32px;padding-right: 20px;position: relative;font-weight: 500;}
.evtWrap .gift .evtdate span.hpRgl.tit::before{
    content: '';
    position: absolute;left: 0;top: -4px;
    width: 22px;height: 38px;
    background-image: url('https://tkfile.yes24.com/img/event/2026/0522/evt_penta_ic01.png');
    background-repeat: no-repeat;background-size: contain;background-position: center;
}

/* 이벤트 유의사항 */
.evtWrap .info_wrap{max-width: 720px;}
.evtWrap .info_wrap .infoTit span{color: #000;}
.evtWrap .info_wrap .infoTit span:nth-child(1){padding-right: 10px;}
.evtWrap .info_wrap .infoTit{padding: 84px 0 30px;font-size: 50px;font-weight: 700;}
.evtWrap .info_wrap .infoConts{text-align: left;padding: 0 35px 0 40px;padding: 0 40px;}
.evtWrap .info_wrap .infoConts li{font-size: 20px;font-weight: 500;line-height: 36px;position: relative;text-indent: -20px;padding-left: 20px;color: #000;}
.evtWrap .info_wrap .infoConts .bold{font-weight: 600;}
/* 예매/자세히 버튼 */
.evtWrap .tkBtn{padding-bottom: 220px;position: relative;}
.evtWrap .tkBtn > a{width: 100%;height: auto;border-radius: 18px;display: block;font-size: 40px;font-weight: 600;box-sizing: border-box;}
.evt_YDexpo_pc .evtWrap .tkBtn > a{width: 734px;}
.evtWrap .tkBtn > a div{line-height: 142px;height: auto;overflow: hidden;}
.evtWrap .tkBtn02{position: fixed;bottom: 58px;left: 50%;transform: translateX(-50%);z-index: 10;transition: bottom .3s linear, opacity .2s linear;opacity: 0;z-index: -1;}
.evtWrap .tkBtn02.btt{bottom: unset;position: absolute;top: 30px;}
.evtWrap .tkBtn02.opc{opacity: 1;z-index: 10;}
.evtWrap .tkBtn02 span{color: #000;}
.evtWrap .tkBtn span{display: inline-block;vertical-align: middle;padding-top: 3px;}
.evt_YDexpo_pc .evtWrap .tkBtn > a div{display: flex;align-items: center;justify-content: center;}
.evtWrap .tkBtn span.icon{padding-left: 12px;padding-top: 23px;height: 46px;}

/* ----- M ----- */
.evt_YDexpo_m{overflow: hidden;}
.evt_YDexpo_m .hdWrap{background-size: 100%;background-position: center bottom;padding: 210px 30px 310px;}
.evt_YDexpo_m .hdWrap .typo{padding: 30px 240px;}
.evt_YDexpo_m .hdWrap .hdFlag img,
.evt_YDexpo_m .hdWrap .typo img{width: 100%;}
.evt_YDexpo_m .hdWrap .hdFlag{padding: 0 400px;}
.evt_YDexpo_m .hdWrap .hdDate{padding: 0 60px 20px;display: none;}
.evt_YDexpo_m .hdWrap .hdVenue{padding: 0 160px;display: none;}
.evt_YDexpo_m .evtWrap .topTxtarea .toptxt{padding: 0 100px 37px;}
.evt_YDexpo_m .evtWrap > div{width: 100%;}
.evt_YDexpo_m .evtWrap .info_wrap .infoTit span:nth-child(1) img{width: auto;}
.evt_YDexpo_m .evtWrap .info_wrap .infoConts li::before{content: none;}
.evt_YDexpo_m .evtWrap .info_wrap .infoConts li{text-indent: -10px;padding-left: 10px;}
.evt_YDexpo_m .evtWrap .info_wrap .infoConts li .fwth{font-weight: 300;}
.evt_YDexpo_m .evtWrap .tkBtn > a div{display: flex;justify-content: center;align-items: center;}
.evt_YDexpo_m .evtWrap .tkBtn > a.tkBtn02.btt{bottom: unset;position: absolute;width: 100%;}
@media screen and (max-width: 750px){
    .evt_YDexpo_m img{max-width: 100%;}
    .evt_YDexpo_m .hdWrap{background-size: 110%;background-position: center bottom;padding: 72px 30px 120px;}
    .evt_YDexpo_m .hdWrap .typo{padding: 20px 60px;padding: 5.33vw 16.00vw;}
    .evt_YDexpo_m .hdWrap .hdFlag{padding: 0 120px;padding: 0 32vw}
    .evt_YDexpo_m .hdWrap .hdDate{padding: 0 60px 20px;display: none;}
    .evt_YDexpo_m .hdWrap .hdVenue{padding: 0 50px;}
    
    .evt_YDexpo_m .evtWrap{padding: 0 20px;}
    .evt_YDexpo_m .evtWrap .topTxtarea{padding-top: 35px;padding-bottom: 20px;}
    .evt_YDexpo_m .evtWrap .topTxtarea .toptxt{padding: 0 65px 15px;}
    .evt_YDexpo_m .evtWrap .topTxtarea .subtit{font-size: 20px;}
    .evt_YDexpo_m .evtWrap .topTxtarea .subtit p:nth-child(1){font-size: 23px;line-height: 28px;}
    .evt_YDexpo_m .evtWrap .topTxtarea .subtit p:nth-child(2){font-size: 50px;line-height: 1;padding-top: 10px;}
    .evt_YDexpo_m .evtWrap .topTxtarea .subtit,
    .evt_YDexpo_m .evtWrap .giftInfotxt span{font-size: 16px;line-height: 22px;}
    .evt_YDexpo_m .evtWrap .giftInfotxt{font-size: 16px;line-height: 20px;margin-bottom: 25px;padding: 0 20px;}
    .evt_YDexpo_m .evtWrap .giftconts{border-width: 1px;border-radius: 35px;}
    .evt_YDexpo_m .evtWrap .graBg{max-width: 720px;width: 99.9%;bottom: -7px;border-width: 1px;border-radius: 35px;box-sizing: border-box;}
    .evt_YDexpo_m .evtWrap .giftconts .gtit{padding: 20px 0 15px;border-top-left-radius: 35px;border-top-right-radius: 35px;}
    .evt_YDexpo_m .evtWrap .giftconts .gtit span{font-size: 18px;}
    .evt_YDexpo_m .evtWrap .giftconts .gimgarea{padding: 35px 0 20px;}
    .evt_YDexpo_m .evtWrap .giftconts .gimgarea .giftImg{padding: 0 13.33vw 0 17.33vw;padding: 0 60px 0 75px;}
    .evt_YDexpo_m .evtWrap .giftconts .gimgarea .giftName{font-size: 13px;right: 22.67vw;bottom: 5.33vw;}
    .evt_YDexpo_m .evtWrap .giftconts .gimgarea .badge{
        width: 16.00vw;height: 16.00vw;right: 20.00vw;top: 17.67vw;line-height: 17.07vw;font-size: 4.80vw;padding: 0;
        width: 60px;
        height: 60px;
        right: 60px;
        top: 60px;
        line-height: 64px;
        font-size: 18px;
        padding: 0;
    }
    .evt_YDexpo_m .evtWrap .giftconts .gimgarea .badge span{line-height: 16vw;}
    .evt_YDexpo_m .evtWrap .gift .gtxt{border-top-width: 1px;margin: 0 25px;padding: 10px 0 20px 6px;}
    .evt_YDexpo_m .evtWrap .gift .evtdate{padding: 0;}
    .evt_YDexpo_m .evtWrap .gift .evtdate:nth-child(1){margin-bottom: 5px;}
    .evt_YDexpo_m .evtWrap .gift .evtdate span{font-size: 15px;line-height: 18px;}
    .evt_YDexpo_m .evtWrap .gift .evtdate span.hpRgl.tit{padding-left: 18px;padding-right: 10px;}
    .evt_YDexpo_m .evtWrap .gift .evtdate span.hpRgl.tit::before{width: 12px;height: 12px;top: 3px;}
    .evt_YDexpo_m .evtWrap .info_wrap .infoTit{padding: 35px 0 10px;font-size: 22px;}
    .evt_YDexpo_m .evtWrap .info_wrap .infoTit span:nth-child(1){padding-right: 5px;vertical-align: middle;}
    .evt_YDexpo_m .evtWrap .info_wrap .infoTit span:nth-child(1) img{width: 20px;}
    .evt_YDexpo_m .evtWrap .info_wrap .infoConts{padding: 0 20px;}
    .evt_YDexpo_m .evtWrap .info_wrap .infoConts li{font-size: 14px;line-height: 22px;padding-left: 9px;}
    .evt_YDexpo_m .evtWrap .tkBtn{padding-bottom: 150px;}
    .evt_YDexpo_m .evtWrap .tkBtn > a{width: 100%;border-radius: 9px;font-size: 20px;}
    .evt_YDexpo_m .evtWrap .tkBtn > a div{line-height: 70px;height: 100%;}
    .evt_YDexpo_m .evtWrap .tkBtn span.icon{height: 8px;padding-left: 6px;padding-top: 2px;}
    .evt_YDexpo_m .evtWrap .tkBtn span.icon img{width: 8px;}
    .evt_YDexpo_m .evtWrap a.tkBtn02{width: calc(100% - 40px);bottom: 20px;bottom: calc(env(safe-area-inset-top,0)/2 + 130px);}
    .evt_YDexpo_m .evtWrap a.tkBtn02.btt{top: 12px;}
    .evt_YDexpo_m .evtWrap a.tkBtn02.app{top: 65px;}
}
@media screen and (min-width: 751px) and (max-width: 1023px){
    .evt_YDexpo_m img{width: 100%;}
    .evt_YDexpo_m .evtWrap{padding: 0 20px;}
    .evt_YDexpo_m .hdWrap{background-position: center bottom;padding: 100px 30px 210px;}
    .evt_YDexpo_m .hdWrap .typo{padding: 40px 168px;}
    .evt_YDexpo_m .hdWrap .hdFlag{padding: 0 270px;}

    .evt_YDexpo_m .evtWrap .topTxtarea{padding: 80px 0 42px;}
    .evt_YDexpo_m .evtWrap .giftInfotxt{font-size: 32px;line-height: 38px;margin-bottom: 30px;}
    .evt_YDexpo_m .evtWrap .gift .gtxt{margin: 0 auto;}
    .evt_YDexpo_m .evtWrap .gift .evtdate{padding: 0 20px;}
    .evt_YDexpo_m .evtWrap .giftconts .gimgarea .giftName{bottom: 40px;right: 185px;}
    .evt_YDexpo_m .evtWrap .giftconts .gimgarea .badge{right: 175px;top: 50px;}
    .evt_YDexpo_m .evtWrap .giftconts .gimgarea .giftImg{padding: 0 100px;}
    .evt_YDexpo_m .evtWrap .gift .evtdate span.hpRgl.tit::before{width: 24px;height: 40px;}
    .evt_YDexpo_m .evtWrap .info_wrap .infoConts{padding: 0 34px;}
    .evt_YDexpo_m .evtWrap .tkBtn > a{font-size: 34px;}
    .evt_YDexpo_m .evtWrap .tkBtn > a div{padding: 0 10px;}
    .evt_YDexpo_m .evtWrap .tkBtn span.icon{height: 40px;padding-top: 16px;}
    .evt_YDexpo_m .evtWrap .tkBtn > a.tkBtn02{max-width: 916px;width: calc(100% - 40px);}
    .evt_YDexpo_m .evtWrap .info_wrap .infoTit{padding: 40px 0 22px;}
    .evt_YDexpo_m .evtWrap .info_wrap .infoConts li{padding-left: 26px;text-indent: -16px;}
}
@media screen and (min-width: 1024px){
    .evt_YDexpo_m .evtWrap .giftconts .gimgarea .giftImg img{width: auto;}
    .evt_YDexpo_m .evtWrap .giftconts .gimgarea .badge{right: 275px;top: 100px;width: 110px;height: 110px;font-size: 32px;line-height: 120px;}
    .evt_YDexpo_m .evtWrap .tkBtn > a.tkBtn02{max-width: 916px;width: calc(100% - 80px);}
    .evt_YDexpo_m .evtWrap .tkBtn > a.tkBtn02.btt{top: 20px;}
    .evt_YDexpo_m .evtWrap .info_wrap .infoConts li{text-indent: -16px;padding-left: 16px;}
}
@media screen and (min-width: 1366px){
    .evt_YDexpo_m .hdWrap{padding: 210px 30px 430px;}
    .evt_YDexpo_m .hdWrap .hdFlag img{width: auto;}
    /* .evt_YDexpo_m .hdWrap .hdDate, .evt_YDexpo_m .hdWrap .hdVenue{display: block;} */
    .evt_YDexpo_m .evtWrap a.tkBtn02.btt{bottom: 230px;}
}