@charset "UTF-8";

* {font-family: 'suit', 'pretendard', 'Noto Sans KR', sans-serif !important;}
body {letter-spacing: -0.1em;font-family: 'suit', 'pretendard', 'Noto Sans KR', sans-serif !important;}
p,strong,span{font-family:"pretendard";font-weight: 400;}
.event__contents {position: relative; margin: 0 auto; padding:80px 16px; max-width: 375px; text-align: center;color: #333;}
div > img{width: 100%;height: 100%;vertical-align: top;} 
.main-content-wrap {overflow: hidden;}
.product__radio + label::before {width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='2.5' y='2.5' width='15' height='15' stroke='%23E1E1E1'/%3E%3C/svg%3E");}
.product__radio:checked + label::before{width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='16' height='16' fill='%23222222'/%3E%3Cpath d='M6 8.61235L9 12.4219L14 6.42188' stroke='white'/%3E%3C/svg%3E%0A");}

.img-box {position: relative;}
.sold-out{position: absolute; margin-left: 60px; width: 200px;height: 200px; left: 50%; bottom: -32px; transform:translateX(-50%);}
.step-title{padding-bottom: 60px; text-align: center; font-size: 40px;line-height: 40px;font-weight: 700;color: #333;}
.step-title-wrap {}
.step-title-wrap .wrap {margin: 0 auto; padding: 80px 16px 40px;}
.step-title-wrap span {display: block;width: 100%;text-align: center; color: #FFF;text-align: center;font-size: 20px;font-weight: 600;line-height: 1;letter-spacing: -0.1px;}
.step-title-wrap .step-title_m {padding: 16px 0 24px;color: #FFF;text-align: center;font-size: 50px;font-weight: 800;line-height: 1;letter-spacing: -2px;}
.step-title-wrap .step-title_s {color: #FFF;text-align: center;font-size: 45px;font-weight: 800;line-height: 120%;letter-spacing: -0.045px;}
.step-title-wrap .step-sub-title {}
.step-title-wrap .step-sub-title p {padding: 24px 0 16px; color: #222;text-align: center;font-size: 14px;font-weight: 700;line-height: 1;letter-spacing: -0.14px;}
.step-title-wrap .step-sub-title li {color: #222;text-align: center;font-size: 14px;font-weight: 500;line-height: 150%;letter-spacing: -0.14px;}
.product_title_wrap {padding-bottom: 10px;display: flex;justify-content: space-between;align-items: center;}
.product_title_wrap h5 {color: #222;font-size: 20px;font-weight: 600;line-height: 140%;letter-spacing: -0.2px;}
.product_title_wrap span {padding: 6px 16px; border-radius: 20px;border: 1px solid #E3C5D2;;color: #E3C5D2;font-size: 13px;font-weight: 600;line-height: 120%;letter-spacing: -0.13px;}
.product__area {border-top: 1px solid #222;}
.product__item {padding: 20px 0;display: flex; flex-direction: column; gap: 20px; text-align: left;}
.product__item:not(:last-child) {border-bottom: 1px solid #D4D4D4;}
.product__item label{position: relative;padding-left: 26px;width: 300px;color: #000;font-size: 16px;font-weight: 600;line-height: 120%;letter-spacing: -0.16px;}
.product__item p {margin-left: 26px; color: #767676;font-size: 14px;font-weight: 500;line-height: 140%;letter-spacing: -0.14px;}
.btn__area {padding-top: 20px;}
.btn__area.soldOut {display: none;}
.btn__area .buy-btn {width: 100%; height: 54px;font-size: 15px;font-weight: 600;line-height: 135%;letter-spacing: -1px;border-radius: 3px;}
.event__contents .step-title {padding-bottom: 24px;color: #000;text-align: center;font-size: 45px;font-weight: 700;line-height: 1;letter-spacing: -1.35px;}
.event__contents .step-sub-title {color: #767676;font-size: 16px;font-weight: 400;line-height: 140%;letter-spacing: -0.48px;}
.event__contents .step-sub-title strong {color: #222;font-size: 16px;font-weight: 600;line-height: 140%;letter-spacing: -0.48px;}


.visual{width: 100%; height: 426px; overflow: hidden; background: linear-gradient(180deg, #E5B9CC 0%, #A1C8D9 61.54%, #7AC5C0 100%);}
.visual .event__contents{position: relative; width: 290px; height: 100%; margin: 0 auto; padding: 0;}
.visual .main-book{width: 145px; position: absolute; left: 0; top: 77px; z-index: 2;}
.visual .content-text {width: 128px; position: absolute; right: 0; top: 80px; z-index: 2;}
.visual .main-bg {margin-left: -200px; width: 400px; position: absolute; left: 50%; right: 0; top: 107px; z-index: 1;}

.step--02{background-color: #FFF;}
.step--02 .event__contents{}
.step--02 .event-title{margin-bottom:40px;text-align: center; font-size: 45px; line-height: 120%; font-weight: 700; letter-spacing: -1.35px; background: linear-gradient(79deg, #E9C8D6 20%, #B5D9E9 47%, #A9BDE1 80%); background-clip: text; -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent;}
.step--02 .event-info-wrap{width: 100%; margin: 0 auto; display: flex; flex-direction: column; row-gap: 40px; margin-bottom: 40px;}
.step--02 .event-info{display: flex; flex-direction: column; row-gap: 16px; width: 100%; margin: 0 auto; padding: 0 20px; box-sizing:border-box;}
.step--02 .event-info dl{display: flex;}
.step--02 .event-info dl dt{margin-right: 16px; font-weight: 700; color: #767676;font-size: 16px;font-weight: 500;line-height: 170%;letter-spacing: -0.16px;}
.step--02 .event-info dl dd{width: calc(100% - 46px); text-align: left; color: #222;font-size: 16px;font-weight: 600;line-height: 170%;letter-spacing: -0.16px;}
.step--02 .event-info dl span{display: block; width: 100%; padding: 3px 4px; text-align: center; color: #000;font-family: 'pretendard';font-size: 11px;font-weight: 500;line-height: 120%;letter-spacing: -0.5px;background: #DEDEDE;}
.step--02 img {width: calc(100% + 40px); margin: 0 -20px;}
.step--02 .delivery-info {margin: 0 -20px; padding: 40px 20px; background: #F5F5F5;}
.step--02 .delivery-info h5 {text-align: center;color: #000;font-size: 24px;font-weight: 500;line-height: 130%;}
.step--02 .delivery-info ul {margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: center;}
.step--02 .delivery-info li {display: flex; flex-direction: column; align-items: center; width: 80px;}
.step--02 .delivery-info li:first-child {margin: 0 14px 20px 40px; width: 85px;}
.step--02 .delivery-info li:nth-child(2) {margin: 0 40px 20px 14px;}
.step--02 .delivery-info li:nth-child(3) {width: 118px; margin: 0 9px 0 0;}
.step--02 .delivery-info li:nth-child(4) {margin-right: 30px;}
.step--02 .delivery-info span {margin-bottom: 16px;display: flex; justify-content: center; align-items: center; width: 80px; height: 80px;border-radius: 100px;background: #DEDEDE;color: #000;font-size: 18px;font-weight: 600;line-height: 130%;}
.step--02 .delivery-info p {color: #000;text-align: center;font-size: 14px;font-weight: 600;line-height: 180%;letter-spacing: -0.42px;}
.step--02 .event-notice{margin-top: 20px; text-align: left; color: #767676;font-size: 13px;font-weight: 500;line-height: 140%;letter-spacing: -0.13px;}

.step--03 .step-title-wrap {background: #E3C5D2;}
.step--03 .product_title_wrap span {border: 1px solid #E3C5D2;color: #E3C5D2;}
.step--03 .event__contents {padding: 30px 16px 80px; }

.step--04 .step-title-wrap {background: #C6C5DA;}
.step--04 .product_title_wrap span {border: 1px solid #C6C5DA;color: #C6C5DA;}
.step--04 .event__contents {padding: 30px 16px 80px; }

.step--05 .step-title-wrap {background: #BACFDF;}
.step--05 .product_title_wrap span {border: 1px solid #BACFDF;color: #BACFDF;}
.step--05 .event__contents {padding: 30px 16px 80px; }

.step--06 .step-title-wrap {background: #ACC4C4;}
.step--06 .product_title_wrap span {border: 1px solid #ACC4C4;color: #ACC4C4;}
.step--06 .event__contents {padding: 30px 16px 80px; }
.step--06 .product__item {flex-direction: column; gap: 20px;}
.step--06 .product__item .product__box {display: flex; flex-direction: column; gap: 10px;}

.step--07 {background: #F5F5F5;}
.step--07 .tab-wrap {position: relative; margin-top: 40px; padding-top: 74px;}
.step--07 .tab-menu2 {position:absolute; left: 50%; top: 0; margin-left: -50vw; padding: 0; width:100vw;}
.step--07 .tab-menu2 ul {padding: 0 16px; width: fit-content; box-sizing: border-box;}
.step--07 .tab-menu2 li {flex-direction: column; min-height: 74px; width: 132px;}
.step--07 .tab-menu2 li a {padding: 10px 0;}
.step--07 .tab-menu2 li span {display: inline;padding: 2px 6px;border-radius: 100px;border: 1px solid #777;background: #777;color: #FFF;text-align: center;font-size: 12px;line-height: 1;font-weight: 400;letter-spacing: -0.36px;}
.step--07 .tab-menu2 li p {margin-top: 8px; color: #222;text-align: center;font-size: 16px;font-weight: 600;line-height: 140%;letter-spacing: -1px;}
.step--07 .tab-menu2 li:last-child {margin-right: 16px;}
.step--07 .cont {display: none; padding: 40px 0; background-color: #FFF;}
.step--07 .cont.active {display: block;}
.step--07 .cont .book-img {margin: 0 auto; width: 127px;filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.10));}
.step--07 .cont p {margin-top: 42px; min-height: 80px;color: #767676;text-align: center;font-size: 16px;font-weight: 400;line-height: 140%;letter-spacing: -1px;}
.step--07 .cont dl {margin-top: 42px;}
.step--07 .cont dt {margin-bottom: 18px;color: #222;text-align: center;font-size: 16px;font-weight: 600;line-height: 140%;}
.step--07 .cont dd {color: #767676;text-align: center;font-size: 16px;font-weight: 400;line-height: 140%;}

.step--08 {background-color: #222;}
.step--08 .step-title {color: #FFF;}
.step--08 .schedule-info {}
.step--08 .schedule-info ul {margin-top: 16px; display: flex; justify-content: center; flex-wrap: wrap; row-gap: 36px;}
.step--08 .schedule-info li {display: flex; flex-direction: column; align-items: center; width: 100px;}
/* .step--08 .schedule-info li:last-child {width: 100px;} */
.step--08 .schedule-info span {margin-bottom: 16px;display: flex; justify-content: center; align-items: center; width: 80px; height: 80px;border-radius: 100px;background: #777;color: #FFF;font-size: 18px;font-weight: 600;line-height: 130%;}
.step--08 .schedule-info p {color: #FFF;text-align: center;font-size: 14px;font-weight: 600;line-height: 180%;letter-spacing: -0.42px;}
.step--08 .notice{margin-top: 40px;text-align: center;color: #777;font-size: 13px;font-weight: 500;line-height: 150%;letter-spacing: -0.13px;}

.step--09 {background-color: #F5F5F5; overflow: hidden;}
.step--09 .step-sub-title strong {margin-bottom: 20px; display: block; width: 100%; text-align: center; font-size: 20px; line-height: 1; letter-spacing: 0;}
.step--09 .reivew-box {position: relative; margin: 0 -16px; width: calc(100% + 32px); height: 349px;}
.step--09 img {position: absolute; left: 50%; top: 0; margin-left: -285px; display: block; width: 570px; height: 349px;}
.step--09 .notice{text-align: center;color: #777;font-size: 13px;font-weight: 500;line-height: 150%;letter-spacing: -0.13px;}