@charset "utf-8";

@font-face {
    font-family: 'LINESeedSans';
    src: local("※"),url('//tkfile.yes24.com/entimg/font/LINESeedKR/LINESeedSans_W_Th.woff') format('woff'),url('//tkfile.yes24.com/entimg/font/LINESeedKR/LINESeedSans_W_Th.woff2') format('woff2');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'LINESeedSans';
    src: local("※"),url('//tkfile.yes24.com/entimg/font/LINESeedKR/LINESeedSans_W_Rg.woff') format('woff'),url('//tkfile.yes24.com/entimg/font/LINESeedKR/LINESeedSans_W_Rg.woff2') format('woff2');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'LINESeedSans';
    src: local("※"),url('//tkfile.yes24.com/entimg/font/LINESeedKR/LINESeedSans_W_Bd.woff') format('woff'),url('//tkfile.yes24.com/entimg/font/LINESeedKR/LINESeedSans_W_Bd.woff2') format('woff2');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'LINESeedSansKR';
    src: local("※"),url('//tkfile.yes24.com/entimg/font/LINESeedKR/LINESeedKR-Th.woff') format('woff'),url('//tkfile.yes24.com/entimg/font/LINESeedKR/LINESeedKR-Th.woff2') format('woff2');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'LINESeedSansKR';
    src: local("※"),url('//tkfile.yes24.com/entimg/font/LINESeedKR/LINESeedKR-Rg.woff') format('woff'),url('//tkfile.yes24.com/entimg/font/LINESeedKR/LINESeedKR-Rg.woff2') format('woff2');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'LINESeedSansKR';
    src: local("※"),url('//tkfile.yes24.com/entimg/font/LINESeedKR/LINESeedKR-Bd.woff') format('woff'),url('//tkfile.yes24.com/entimg/font/LINESeedKR/LINESeedKR-Bd.woff2') format('woff2');
    font-weight: 600;
    font-style: normal
}
@font-face {
    font-family: 'Happiness-Sans-Regular';
    src: url('//tkfile.yes24.com/entimg/font/happiness/Happiness-Sans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Happiness-Sans-Bold';
    src: url('//tkfile.yes24.com/entimg/font/happiness/Happiness-Sans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
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: 'LINESeedSansKR', 'LINESeedSans', sans-serif;line-height: 1;color: #fff;letter-spacing: -0.05em;}
.evt_YDexpo_wrap.evt_YDexpo_pc{min-width: 1300px;}
/* 이벤트 상단 */
.hdWrap{height: 947px;position: relative;}
.hdWrap span{display: inline-block;}
.hdWrap .deco01{
    display: block;text-align: center;margin: 62px 0 90px;height: 35px;
    background: url('//tkfile.yes24.com/img/event/2025/0717/evt_ydexpo_bg01.png') no-repeat center;background-size: contain;
}
.hdWrap .deco02{
    display: block;
    background: url('//tkfile.yes24.com/img/event/2025/0717/evt_ydexpo_bg02.png') no-repeat bottom right;background-size: contain;
    width: 776px;height: 659px;
    z-index: -1;
}
.hdWrap .deco02{
    position: absolute;
    right: 0;
    bottom: -88px;
}
.hdWrap .typo{text-align: center;}
.hdWrap .charimg{position: relative;z-index: 3;height: 612px;}
.hdWrap .charimg span{display: block;}
.hdWrap .charimg .deco03{
    background: url('//tkfile.yes24.com/img/event/2025/0717/evt_ydexpo_bg03.png') no-repeat 0 0;
    background-size: contain;
    width: 618px;
    height: 182px;
    margin-left: 268px;
    margin-top: -75px;
}
.hdWrap .charimg .char01{
    position: relative;
    left: -70px;
    margin-top: -40px;text-align: center;
}
.hdWrap .charimg .char02{
    position: absolute;
    right: 485px;
    top: 0px
}
/* 이벤트 내용 */
.evtWrap{text-align: center;background-color: #7351a1;}
.evtWrap > div{max-width: 916px;margin: 0 auto;}
.evtWrap .topTxtarea{padding-top: 196px;padding-bottom: 55px;}
.evtWrap .topTxtarea .subtit{font-size: 50px;letter-spacing: -0.05em;font-weight: 100;}
.evtWrap .topTxtarea .tit{font-size: 100px;letter-spacing: -0.025em;font-weight: 600;padding-top: 40px;}
.evtWrap .topTxtarea .tit .tit_01{color: #fff;padding: 40px 0 20px;}
.evtWrap .topTxtarea .tit .tit_02{color: #fcaf17;white-space: nowrap;}
.evtWrap .topTxtarea .tit .tit_02 .second{
    border-radius: 20px;
    background-color: #fcaf17;
    color: #7351a1;
    /* height: 103px; */
    margin-left: -5px;
    padding: 12px 15px 0 12px;
    display: inline-block;
    box-sizing: border-box;
}
.evt_YDexpo_pc .evtWrap .topTxtarea .tit .tit_02 .second{height: 103px;}
/* 선물 */
.evtWrap .giftInfotxt{
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 62px;
}
.evt_YDexpo_pc .evtWrap .giftInfotxt span{line-height: 50px;}
.evtWrap .giftconts{background-color: #fff;border-radius: 50px;}
.evtWrap .giftconts .gtit{background: rgb(115 81 161 / 20%);padding: 50px 0 40px;}
.evtWrap .giftconts .gtit span{color: #111;font-size: 40px;font-weight: 600;}
.evtWrap .giftconts .gimgarea{position: relative;}
.evtWrap .giftconts .gimgarea .giftName,
.evtWrap .giftconts .gimgarea .badge{position: absolute;}
.evtWrap .giftconts .gimgarea .giftImg{text-align: center;display: block;padding: 0;}
.evtWrap .giftconts .gimgarea .giftName{color: #333;right: 283px;bottom: 55px;font-size: 18px;}
.evtWrap .giftconts .gimgarea .badge{
    background-color: #fcaf17;
    border-radius: 100px;
    font-size: 35px;
    width: 114px;
    height: 114px;
    display: block;
    line-height: 123px;
    right: 248px;
    top: 88px;
}
.evtWrap .giftconts .gimgarea .badge span.num{font-weight: 600;}
.evt_YDexpo_pc .evtWrap .giftconts .gimgarea .badge span.num{line-height: 123px;}
.evtWrap .gift .gtxt{border-top: 2px solid #7351a1;margin: 0 65px;padding: 45px 0 60px;text-align: left;}
.evtWrap .gift .evtdate{padding: 0 103px;}
.evtWrap .gift .evtdate:nth-child(1){margin-bottom: 20px;}
.evtWrap .gift .evtdate span{color: #333;font-size: 30px;}
.evtWrap .gift .evtdate span.hpRgl{font-family: 'Happiness-Sans-Regular', sans-serif;}
.evtWrap .gift .evtdate span.hpBld{font-family: 'Happiness-Sans-Bold', sans-serif;}
.evtWrap .gift .evtdate span.hpRgl.tit{padding-left: 35px;padding-right: 20px;position: relative;}
.evtWrap .gift .evtdate span.hpRgl.tit::before{
    content: '';
    position: absolute;left: 0;top: -1px;
    width: 22px;height: 38px;
    background-image: url('//tkfile.yes24.com/img/event/2025/0717/evt_ydexpo_icon.png');
    background-repeat: no-repeat;background-size: contain;background-position: center;
}

/* 이벤트 유의사항 */
.evtWrap .info_wrap .infoTit{padding: 80px 0 45px;font-size: 50px;font-weight: 600;}
.evtWrap .info_wrap .infoConts{text-align: left;padding: 0 75px;}
.evtWrap .info_wrap .infoConts li{font-size: 24px;font-weight: 300;line-height: 40px;position: relative;padding-left: 36px;}
.evtWrap .info_wrap .infoConts li::before{
    content: '';
    position: absolute;left: 0;top: 0;
    width: 12px;height: 32px;
    background-image: url('//tkfile.yes24.com/img/event/2025/0717/evt_ydexpo_icon02.png');
    background-repeat: no-repeat;background-size: contain;background-position: center;
}
.evtWrap .info_wrap .infoConts .bold{font-weight: 600;}
/* 예매/자세히 버튼 */
.evtWrap .tkBtn{padding-bottom: calc(58px + 134px);position: relative;}
.evtWrap .tkBtn > a{width: 100%;height: 132px;border-radius: 18px;display: block;font-size: 40px;font-weight: 600;box-sizing: border-box;}
.evt_YDexpo_pc .evtWrap .tkBtn > a{width: 916px;}
.evtWrap .tkBtn > a div{line-height: 142px;height: 132px;overflow: hidden;}
.evtWrap .tkBtn01{border: 2px solid #b4a2cd;margin: 66px 0 40px;}
.evtWrap .tkBtn01 .logo{padding-right: 43px;}
.evtWrap .tkBtn02{background-color: #fcaf17;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: 172px;}
.evtWrap .tkBtn02.opc{opacity: 1;z-index: 10;}
.evtWrap .tkBtn02 span{color: #333;}
.evtWrap .tkBtn span{display: inline-block;vertical-align: middle;padding-top: 3px;}
.evt_YDexpo_pc .evtWrap .tkBtn .tkBtn02 span{padding-top: 7px;}
.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 img{width: 100%;}
.evt_YDexpo_m .evtWrap > div{width: 100%;}
.evt_YDexpo_m .hdWrap, .evt_YDexpo_m .evtWrap{padding: 0 20px;}
.evt_YDexpo_m .hdWrap .charimg .deco03{display: none;}
.evt_YDexpo_m .hdWrap .typo{padding-top: 30px;}
.evt_YDexpo_m .evtWrap .tkBtn01 .logo{display: none;}
.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 .hdWrap{height: 100.80vw;}
    .evt_YDexpo_m .hdWrap .typo{padding-top: 15px;}
    .evt_YDexpo_m .hdWrap .typo img{width: 85%;}
    .evt_YDexpo_m .hdWrap .deco01{margin: 15px 0px 23px;height: 4.80vw;background-size: 205.33vw;}
    .evt_YDexpo_m .hdWrap .deco02{width: 60%;height: 300px;bottom: -36px;}
    .evt_YDexpo_m .hdWrap .charimg{height: 300px;}
    .evt_YDexpo_m .hdWrap .charimg .char01{left: -14.13vw;margin-top: 10px;}
    .evt_YDexpo_m .hdWrap .charimg .char01 img{width: 120%;}
    .evt_YDexpo_m .hdWrap .charimg .char02{right: 0px;top: 0px;}
    .evt_YDexpo_m .hdWrap .charimg .char02 img{width: 21.33vw;}
    
    .evt_YDexpo_m .evtWrap{padding: 0 20px;}
    .evt_YDexpo_m .evtWrap .topTxtarea{padding-top: 80px;padding-bottom: 20px;}
    .evt_YDexpo_m .evtWrap .topTxtarea .subtit{font-size: 20px;}
    .evt_YDexpo_m .evtWrap .topTxtarea .tit{font-size: 40px;padding: 10px 15px 0;}
    .evt_YDexpo_m .evtWrap .topTxtarea .tit .tit_01{padding: 10px 0;}
    .evt_YDexpo_m .evtWrap .topTxtarea .tit .tit_02 .second{position: relative;z-index: 5;padding: 0;background: none;
        vertical-align: middle;
        margin-left: 1px;margin-bottom: 2px;}
        .evt_YDexpo_m .evtWrap .topTxtarea .tit .tit_02 .second img{width: 70px;}
    .evt_YDexpo_m .evtWrap .topTxtarea .tit .tit_02 .second::after{
        /* content: ''; */
        position: absolute;
        top: -7px;left: 4px;
        width: 72px;height: 48px;
        background-color: #fcaf17;
        border-radius: 10px;
        z-index: -1;
    }
    /* .evt_YDexpo_m .evtWrap .topTxtarea .tit .tit_02 .second{border-radius: 10px;padding: 0px 8px 0;margin-left: 0;height: 48px;line-height: 56px;} */
    .evt_YDexpo_m .evtWrap .giftInfotxt{font-size: 16px;line-height: 20px;margin-bottom: 20px;}
    .evt_YDexpo_m .evtWrap .giftconts{border-radius: 25px;}
    .evt_YDexpo_m .evtWrap .giftconts .gtit{padding: 25px 0 20px;}
    .evt_YDexpo_m .evtWrap .giftconts .gtit span{font-size: 20px;}
    .evt_YDexpo_m .evtWrap .giftconts .gimgarea .giftImg{padding: 0px 50px;padding: 0 13.33vw;}
    .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: 18.47vw;top: 6.67vw;line-height: 17.07vw;font-size: 4.80vw;}
    .evt_YDexpo_m .evtWrap .gift .gtxt{border-top-width: 1px;margin: 0 25px;padding: 22px 0 30px;}
    .evt_YDexpo_m .evtWrap .gift .evtdate{padding: 0 8px;}
    .evt_YDexpo_m .evtWrap .gift .evtdate:nth-child(1){margin-bottom: 5px;}
    .evt_YDexpo_m .evtWrap .gift .evtdate span{font-size: 15px;}
    .evt_YDexpo_m .evtWrap .gift .evtdate span.hpRgl.tit{padding-left: 14px;padding-right: 10px;}
    .evt_YDexpo_m .evtWrap .gift .evtdate span.hpRgl.tit::before{width: 11px;height: 20px;}
    .evt_YDexpo_m .evtWrap .info_wrap .infoTit{padding: 30px 0 10px;font-size: 22px;}
    .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: 130px;}
    .evt_YDexpo_m .evtWrap .tkBtn > a{width: 100%;height: 62px;border-radius: 9px;font-size: 20px;}
    .evt_YDexpo_m .evtWrap .tkBtn > a div{line-height: 70px;height: 100%;}
    .evt_YDexpo_m .evtWrap .tkBtn01{margin: 16px auto 10px;border-width: 1px;}
    .evt_YDexpo_m .evtWrap .tkBtn span.icon{height: 8px;padding-left: 6px;padding-top: 2px;/*position: relative;top: 9px;*/}
    .evt_YDexpo_m .evtWrap .tkBtn span.icon img{width: 8px;}
    .evt_YDexpo_m .evtWrap a.tkBtn02{width: calc(100% - 40px);bottom: 20px;bottom: 65px;}
    .evt_YDexpo_m .evtWrap a.tkBtn02.btt{top: 75px;}
    .evt_YDexpo_m .evtWrap a.tkBtn02.app{top: 65px;}
}
@media screen and (min-width: 751px) and (max-width: 1023px){
    .evt_YDexpo_m .hdWrap, .evt_YDexpo_m .evtWrap{padding: 0 40px;}
    .evt_YDexpo_m .hdWrap{height: 101.56vw;}
    .evt_YDexpo_m .hdWrap .deco01{margin:30px 0 45px;background-size: 150%;}
    .evt_YDexpo_m .hdWrap .deco02{width: 70%;}
    .evt_YDexpo_m .hdWrap .charimg .char01{left: -8.85vw;margin-top: 45px;}
    .evt_YDexpo_m .hdWrap .charimg .char01 img{width: 110%;}
    .evt_YDexpo_m .hdWrap .charimg .char02{right: -20px;top: -145px;}

    .evt_YDexpo_m .evtWrap .topTxtarea{padding: 160px 0 42px;}
    .evt_YDexpo_m .evtWrap .topTxtarea .tit{font-size: 50px;}
    .evt_YDexpo_m .evtWrap .topTxtarea .tit .tit_01{padding: 20px 0 10px;}
    .evt_YDexpo_m .evtWrap .topTxtarea .tit .tit_02 .second{border-radius: 10px;margin-left: 0px;}
    .evt_YDexpo_m .evtWrap .giftInfotxt{font-size: 32px;line-height: 38px;margin-bottom: 30px;}
    .evt_YDexpo_m .evtWrap .gift .gtxt{margin: 0 50px;}
    .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;/*width: 80px;height: 80px;font-size: 27px;line-height: 88px;*/}
    .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 .tkBtn01{margin: 33px auto 20px;}
    .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% - 80px);}
    .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: 845px){.evt_YDexpo_m .hdWrap{height: 870px;}}
@media screen and (min-width: 1024px){
    .evt_YDexpo_m .hdWrap{height: 968px;}
    .evt_YDexpo_m .hdWrap .typo{padding-top: 0;}
    .evt_YDexpo_m .evtWrap .topTxtarea .tit .tit_02 .second{height: 103px;}
    .evt_YDexpo_m .hdWrap .charimg .char01{margin-top: 90px;}
    .evt_YDexpo_m .hdWrap .charimg .char01 img{width: auto;}
    .evt_YDexpo_m .hdWrap .charimg .char02{right: 20px;top: -170px;}
    .evt_YDexpo_m .evtWrap .giftconts .gimgarea .giftImg img{width: auto;}
    .evt_YDexpo_m .evtWrap .gift .evtdate{padding: 0 120px;}
    .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: 162px;}
    .evt_YDexpo_m .evtWrap .info_wrap .infoConts li{text-indent: -16px;padding-left: 16px;}
}
@media screen and (min-width: 1366px){
    .evt_YDexpo_m .evtWrap .topTxtarea{padding-top: 230px;}
    .evt_YDexpo_m .evtWrap a.tkBtn02.btt{bottom: 230px;}
}