@charset "utf-8";
/* 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{display: inline-block;text-decoration: none;}

@font-face {
    font-family:"Gmarket";
	font-style: normal;
	font-weight: 300;
	src: url("//tkfile.yes24.com/entimg/font/gMarket/GmarketL.eot");
	src: local(※),
    url("//tkfile.yes24.com/entimg/font/gMarket/GmarketL.woff2") format("woff2"),
    url("//tkfile.yes24.com/entimg/font/gMarket/GmarketL.woff") format("woff"), 
	url("//tkfile.yes24.com/entimg/font/gMarket/GmarketL.otf") format("opentype");
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('//tkfile.yes24.com/entimg/font/GmarketSansMedium/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ttangsbudaejjigae';
    src: url('//tkfile.yes24.com/entimg/font/DdangFonts/TTTtangsbudaejjigaeB.woff2') format('woff2'),
        url('//tkfile.yes24.com/entimg/font/DdangFonts/TTTtangsbudaejjigaeB.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ttangsbudaejjigae';
    src: url('//tkfile.yes24.com/entimg/font/DdangFonts/TTTtangsbudaejjigaeL.woff2') format('woff2'),
        url('//tkfile.yes24.com/entimg/font/DdangFonts/TTTtangsbudaejjigaeL.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ttangsbudaejjigae';
    src: url('//tkfile.yes24.com/entimg/font/DdangFonts/TTTtangsbudaejjigaeM.woff2') format('woff2'),
        url('//tkfile.yes24.com/entimg/font/DdangFonts/TTTtangsbudaejjigaeM.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
.evt_sumvac.evt_sumvac_pc{min-width: 1300px;}
.evt_sumvac .tit{
    font-family: 'Ttangsbudaejjigae';
    width: fit-content;
    margin: 0 auto;
    text-align: center;
}
.evt_sumvac .top_area{
    background-color: #fcefba;
}
.evt_sumvac .top_area .hd{
    background-image: url('//tkfile.yes24.com/img/event/2024/0718/evt_svc_hdbg.jpg');
    background-repeat: no-repeat;
    background-position: 50% -65px;
    background-size: 110%;
    text-align: center;
    animation: sea 2s cubic-bezier(0.4, 0, 1, 1) infinite;
    -webkit-animation: sea 2s cubic-bezier(0.4, 0, 1, 1) infinite;
    position: relative;
}
.evt_sumvac .top_area .hd::before{
    content: '';
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;left: 0;
    background-color: #76adff;
}
@keyframes sea{
    50%{background-position: 30% -65px;}
}
@-webkit-keyframes sea{
    50%{background-position: 30% -65px;}
}
.evt_sumvac .top_area .hd .bg_l,.evt_sumvac .top_area .hd .bg_r{
    position: absolute;
}
.evt_sumvac .top_area .hd .typo{
    width: fit-content;
    margin: 0 auto;
    padding-top: 110px;
    position: relative;
    z-index: 10;
}
.evt_sumvac .top_area .hd .typo div[class*='tp_img']{
    position: relative;z-index: 5;
}
.evt_sumvac .top_area .hd .typo .arm{
    position: absolute;
    top: 110px;
    left: 30%;
    animation: arm 1s linear infinite;
    z-index: 4;
    transform: rotate(5deg)
}
.evt_sumvac.evt_sumvac_m .top_area .hd .typo .arm{top: 55px;}
@keyframes arm{
    50%{transform: rotate(10deg);}
}
.evt_sumvac .top_area .hd .typo .tp_txt > div{position: absolute;}
.evt_sumvac .top_area .hd .typo .tp_txt > div.txt_1{left: 0;top: 186px;animation: txt_1 1s infinite;}
.evt_sumvac .top_area .hd .typo .tp_txt > div.txt_2{left: 15.5%;top: 184px;animation: txt_2 1s infinite;}
.evt_sumvac .top_area .hd .typo .tp_txt > div.txt_3{left: 21%;top: 171px;animation: txt_3 1s infinite;animation-delay: .5s;}
.evt_sumvac .top_area .hd .typo .tp_txt > div.txt_4{left: 21%;top: 228px;animation: txt_4 1s infinite;}
.evt_sumvac .top_area .hd .typo .tp_txt > div.txt_5{right: 30.1%;top: 170px;animation: txt_5 1s infinite;}
.evt_sumvac .top_area .hd .typo .tp_txt > div.txt_6{right: 23%;top: 170px;animation: txt_6 1s infinite;}
.evt_sumvac .top_area .hd .typo .tp_txt > div.txt_7{right: 25%;top: 232px;animation: txt_7 1s infinite;animation-delay: .5s;}
.evt_sumvac .top_area .hd .typo .tp_txt > div.txt_8{right: 9.5%;top: 175px;animation: txt_8 1s infinite;}
.evt_sumvac .top_area .hd .typo .tp_txt > div.txt_9{right: 0%;top: 175px;animation: txt_9 1s infinite;}
.evt_sumvac .top_area .hd .typo .tp_txt > div.txt_10{right: 3%;top: 246px;animation: txt_10 1s infinite;}
.evt_sumvac .top_area .hd .typo .tp_txt > div[class*='txt_']{animation-timing-function: linear;}


@keyframes txt_1{
    50%{transform: translate(5px, 0) skew(-3deg) scale(1.05);}
}
@keyframes txt_2{
    50%{transform: scale(1.05) translateY(5px);}
}
@keyframes txt_3{
    50%{transform: scale(1.05);}
}
@keyframes txt_4{
    50%{transform: scale(1.05) skew(-3deg);}
}
@keyframes txt_5{
    50%{transform: scale(1.05);}
}
@keyframes txt_6{
    50%{transform: scale(1.05);}
}
@keyframes txt_7{
    50%{transform: scale(1.05) translateX(0px);}
}
@keyframes txt_8{
    50%{transform: translate(-2px, 0) skew(0deg) scale(1);}
}
@keyframes txt_9{
    50%{transform: scale(1.0) translateY(-3px);}
}
@keyframes txt_10{
    50%{transform: scale(1.05) translateX(0px);}
}

.evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_1{left: 0;top: 132px;}
.evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_2{left: 15.5%;top: 130px;}
.evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_3{left: 21%;top: 117px;}
.evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_4{left: 21%;top: 174px;}
.evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_5{right: 30.1%;top: 116px;}
.evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_6{right: 23%;top: 116px;}
.evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_7{right: 25%;top: 178px;}
.evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_8{right: 9.5%;top: 121px;}
.evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_9{right: 0%;top: 121px;}
.evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_10{right: 3%;top: 191px;}

.evt_sumvac .top_area .hd .hdimg{
    padding-top: 45px;
    position: relative;
    left: -75px;
}
.evt_sumvac .top_area .hd .bg_l{left: 200px;top: 610px;}
.evt_sumvac .top_area .hd .bg_r{right: 170px ;top: 600px;}
.evt_sumvac .top_area .tit p:nth-child(1){font-weight: 500;font-size: 20px;color: #555555;padding-bottom: 8px;line-height: 24px;font-family: 'Ttangsbudaejjigae';}
.evt_sumvac .top_area .tit p:nth-child(2){font-weight: 700;font-size: 30px;color: #4a8ff7;position: relative;line-height: 36px;font-family: 'Ttangsbudaejjigae';}
.evt_sumvac .top_area .tit p:nth-child(2)::after,
.evt_sumvac .top_area .tit p:nth-child(2)::before{
    content: '';
    position: absolute;
    left: 0;
    top: 14px;
    width: 28px;
    height: 2px;
    background-color: #4a8ff7;
}
.evt_sumvac .top_area .tit p:nth-child(2)::after{
    left: unset;
    right: 0;
    top: 14px;
}
.evt_sumvac .top_area .cpdown{
    text-align: center;
}
.evt_sumvac .top_area .cpdown .cpimg{
    padding-top: 32px;
}
.evt_sumvac .top_area .cpdown .cpinfo{
    max-width: 410px;
    margin: 28px auto 35px;
}
.evt_sumvac .top_area .cpdown .cpinfo p{
    font-family:"GmarketSansMedium";
    font-weight: 500;
    font-size: 20px;
    line-height: 35px;
    letter-spacing: -0.04em;
}
.evt_sumvac .top_area .cpdown .cpinfo .row{display: flex;gap: 65px;padding-left: 20px;}
.evt_sumvac .top_area .cpdown .cpinfo .row p{
    display: inline-block;
    color: #333;
}
.evt_sumvac .top_area .cpdown .cp_btn{
    font-family:"GmarketSansMedium";
    font-weight: 700;
    font-size: 26px;
    color: #fff;
    background-color: #4a8ff7;
    width: fit-content;
    /* padding: 27px 54px 23px; */
    margin: 0 auto;
    border-radius: 40px;
    width: 327px;
    height: 80px;
    padding-top: 30px;
    box-sizing: border-box;
    line-height: 1;
}
.evt_sumvac .top_area .notice{
    font-family: "GmarketSansMedium";
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: -0.03em;
    color: #555;
    margin: 78px auto 0;
    padding-bottom: 95px;
}
.evt_sumvac .top_area .notice .tit{
    padding-bottom: 25px;
}
.evt_sumvac .top_area .notice .txt{
    position: relative;left: 30px;
    max-width: 550px;
    margin: 0 auto;
}
.evt_sumvac .top_area .notice .txt p{
    line-height: 1;
    font-family: "GmarketSansMedium";
}
.evt_sumvac .top_area .notice .txt p:nth-child(2){padding: 14px 0;}
.evt_sumvac .perflist{
    background-color: #fffad1;
}
.evt_sumvac .perflist .tit{
    padding: 100px 0 65px;
}
.perflist ul{
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    justify-content: center;
    max-width: 960px;
    margin: 0 auto;
    padding-bottom: 100px;
}
.perflist ul li{
    /* margin: 50px 10px; */
    width: 260px;
    height: auto;
    /* box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); */
    position: relative;
    border-radius: 10px;
    /* background: #fff; */
    cursor: pointer;

    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
}
.perflist ul li img{
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.evt_sumvac_pc li img:nth-child(1){position: relative;}
.evt_sumvac_pc li img:nth-child(2){width: 260px;height: 360px;}
.perflist li div{
    color: #555;
}
.perflist li div:nth-child(1){
    color: #333;
}
.perflist li .info{
    position: absolute;
    bottom: 23px;
    /* left: 50%; */
    /* transform: translateX(-50%); */
    width: 100%;
    text-align: center;
    word-break: keep-all;
}
.evt_sumvac_pc li .info{
    bottom: unset;
    height: 125px;
    height: 125px;
    top: 375px;
}
.perflist li .info .pf_tit{
    font-size: 19px;
    font-weight: 900;
    font-family: "GmarketSansMedium";
    letter-spacing: -0.03em;
    line-height: 1;
    padding: 0 13px 10px;
    line-height: 24px;
}
.perflist li .info .pf_date{
    font-size: 14px;
    font-weight: 300;
    font-family: "GmarketSansMedium";
    line-height: 18px;
}

/* 모바일 */
.evt_sumvac.evt_sumvac_m img{
    max-width: 100%;
}
.evt_sumvac.evt_sumvac_m .hd .bg_l, .evt_sumvac.evt_sumvac_m .hd .bg_r{display: none;}
.evt_sumvac.evt_sumvac_m .top_area .hd{
    background: url('//tkfile.yes24.com/img/event/2024/0718/evt_svc_hdbg.jpg') no-repeat 0px 50%;
    background-size: 150%;
    position: relative;
}
.evt_sumvac.evt_sumvac_m .top_area .hd .hdimg{
    left: -30px;
    padding-top: 23px;
}
.evt_sumvac.evt_sumvac_m .top_area .hd .hdimg img{max-width: 104%;}
.evt_sumvac.evt_sumvac_m .top_area .notice .txt{
    left: 0;
}
.evt_sumvac.evt_sumvac_m .top_area .hd .typo{
    padding-top: 55px;
}
.evt_sumvac.evt_sumvac_m .top_area .hd,
.evt_sumvac.evt_sumvac_m .top_area .cpdown,
.evt_sumvac.evt_sumvac_m .top_area .notice{
    padding: 0 20px;
}
.evt_sumvac.evt_sumvac_m .top_area .cpdown{
    padding: 20px 40px 0;
}
.evt_sumvac.evt_sumvac_m .top_area .cpdown .row{padding-left: 10px;gap: 60px;}
.evt_sumvac.evt_sumvac_m .top_area .cpdown .cpimg{
    padding-top: 16px;
}
.evt_sumvac.evt_sumvac_m .top_area .cpdown .cpinfo{
    margin: 14px auto 18px;
}
.evt_sumvac.evt_sumvac_m .top_area .cpdown .cpinfo p{
    font-size: 15px;
    line-height: 25px;
}
.evt_sumvac.evt_sumvac_m .top_area .cpdown .cp_btn{
    width: 250px;
    height: 60px;
    padding-top: 20px;
    font-size: 23px;
}
.evt_sumvac.evt_sumvac_m .top_area .notice{
    padding-bottom: 48px;
    margin-top: 40px;
}
.evt_sumvac.evt_sumvac_m .top_area .notice .txt{
    text-indent: -11px;
    padding-left: 11px;
}
.evt_sumvac.evt_sumvac_m .top_area .notice .txt p{
    line-height: 20px;
}
.evt_sumvac.evt_sumvac_m .top_area .notice .txt p:nth-child(2){
    padding: 7px 0;
}
.evt_sumvac.evt_sumvac_m .perflist .tit{
    padding: 50px 30px 34px 25px;
}
.evt_sumvac.evt_sumvac_m .perflist ul{
    padding-bottom: 67px;
    gap: 16px;
}
.evt_sumvac.evt_sumvac_m li{
    width: 45%;
    height: auto;
}
.evt_sumvac.evt_sumvac_m li img{width: 100%;}
.evt_sumvac.evt_sumvac_m li img:nth-child(2){width: 97%;height: 65%;}
.evt_sumvac.evt_sumvac_m li img:nth-child(1){position: relative;}
.evt_sumvac.evt_sumvac_m li .info .pf_tit{
    font-size: 14px;
    line-height: 17px;
    padding: 0 10px 8px;
    /* word-break: keep-all; */
}
.evt_sumvac.evt_sumvac_m li.list05 .info .pf_tit{padding: 0 0px 5px;}
.evt_sumvac.evt_sumvac_m li .info .pf_date{
    font-size: 12px;
    line-height: 14px;
}
.evt_sumvac.evt_sumvac_m li .info .pf_date:nth-child(3){padding-top: 2px;}
.evt_sumvac.evt_sumvac_m li .info{
    bottom: unset;
    top: calc(65% + 15px);
}
.evt_sumvac.evt_sumvac_m li .info.info_l1{
    bottom: 22px;
}
/* .evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt{display: none;} */
.evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_img_m{display: none;}
.evt_sumvac.evt_sumvac_m .top_area .hd{animation: sea_m 2s cubic-bezier(0.4, 0, 1, 1) infinite;}
@keyframes sea_m{50%{background-position: -30px 50%;}}
@media screen and (max-width:320px) {
    .evt_sumvac.evt_sumvac_m li .info .pf_tit{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 26px;}
    .evt_sumvac.evt_sumvac_m li .info .pf_date{font-size: 10px;}
    .evt_sumvac.evt_sumvac_m .top_area .cpdown .row{gap: 10px;padding-left: 0;}
}
@media screen and (max-width:500px) {
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .arm{top: 57px;left: 25%;}
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .arm img{width: 60%;}
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div img{width: 61%;}
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_1{left: -4.5%;top: 103px;}
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_2{left: 14%;top: 102px;}
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_3{left: 15.3%;top: 93px;}
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_4{left: 15.5%;top: 129px;}
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_5{right: 27.1%;top: 93px;}
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_6{right: 20.5%;top: 93px;}
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_7{right: 20.5%;top: 132px;}
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_8{right: 5.5%;top: 96px;}
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_9{right: -3%;top: 96px;}
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_10{right: -3%;top: 141px;}
}
@media screen and (min-width:430px) and (max-width:499px)  {
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div img{width: 66%;}
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .arm{top: 57px;left: 25%;}
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .arm img{width: 60%;}
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div img{width: 66%;}
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_1{left: -3.5%;top: 109px;}
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_2{left: 14%;top: 106px;}
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_3{left: 17.3%;top: 98px;}
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_4{left: 17.5%;top: 137px;}
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_5{right: 28.1%;top: 98px;}
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_6{right: 21.5%;top: 98px;}
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_7{right: 21.5%;top: 141px;}
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_8{right: 6.5%;top: 100px;}
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_9{right: -2%;top: 102px;}
    .evt_sumvac.evt_sumvac_m .top_area .hd .typo .tp_txt > div.txt_10{right: -2%;top: 151px;}
}
@media screen and (min-width:768px) {
    .evt_sumvac.evt_sumvac_m .top_area .hd{background-size: 213%;}
    .evt_sumvac.evt_sumvac_m .top_area .notice .txt{text-indent: -14px;padding-left: 14px;}
    .evt_sumvac.evt_sumvac_m .top_area .notice .txt p{font-size: 20px;line-height: 25px;}
    .evt_sumvac.evt_sumvac_m .top_area .cpdown .cpinfo p{font-size: 20px;line-height: 35px;}
    .evt_sumvac.evt_sumvac_m li .info{top: calc(65% + 55px);}
    .evt_sumvac.evt_sumvac_m li .info.info_l1{bottom: 35px;}
    .evt_sumvac.evt_sumvac_m li .info .pf_tit{font-size: 25px;line-height: 30px;padding-bottom: 10px;}
    .evt_sumvac.evt_sumvac_m li .info .pf_date{font-size: 19px;line-height: 23px;}
}
@media screen and (min-width:1024px) {
    .evt_sumvac.evt_sumvac_m .top_area .hd{background-size: 135%;}
    .evt_sumvac.evt_sumvac_m li{width: 260px;height: auto;}
    .evt_sumvac.evt_sumvac_m li img:nth-child(2){height: 70%;}
    .evt_sumvac.evt_sumvac_m li .info{top: calc(70% + 20px);}
    .evt_sumvac.evt_sumvac_m li .info.info_l1{bottom: 35px;}
    .evt_sumvac.evt_sumvac_m li .info .pf_tit{font-size: 20px;line-height: 24px;padding: 0 10px 10px;}
    .evt_sumvac.evt_sumvac_m li .info .pf_date{font-size: 14px;line-height: 18px;}
}
@media screen and (min-width:1300px) {
    .evt_sumvac.evt_sumvac_m .top_area .hd{background-size: 105%;background-position: center;}
    @keyframes sea_m{50%{background-position: 45% 50%;}}
    .evt_sumvac.evt_sumvac_m li .info .pf_tit{padding: 0 8px 10px;}
}