@charset "UTF-8";

body {letter-spacing: -0.1em;}
p,strong,span{font-family:"pretendard";font-weight: 400;}
.event__contents {position: relative; margin: 0 auto; padding:80px 20px;text-align: center;color: #333;}
.step-title{margin-bottom: 30px;font-size: 32px;font-weight: 700;line-height: 42px;text-align: center;}.step-title-wrap {}
.step-title-wrap {}
.step-title-wrap .step-title {margin-bottom: 8px;}
.step-title-wrap .step-title span {color: #5D62F1;font-weight: 700;}
.step-title-wrap .step-sub-title {margin-bottom: 30px;text-align: center;font-size: 16px;line-height: 22.4px;font-weight: 400;color: #333;}
div > img{width: 100%;height: 100%;vertical-align: top;}
.swiper__area div.swiper-pagination{bottom: 50px;}
.swiper__area div.swiper-pagination .swiper-pagination-bullet {background-color: #ddd;opacity: 1;}
.swiper__area div.swiper-pagination .swiper-pagination-bullet-active {background-color: #000;}

.visual{position: relative; height: 287px;background-color: #DCD9D1;}
.visual .event__contents{display: flex; width: 360px; margin: 0 auto; padding: 0;}
.visual .content-text{position: absolute;width: 124px;top: 46px;left: 39px;}
.visual .main-book{position: absolute;width: 347px;top: 33px;left: 13px;}

.step--01{background-color: #F3F3F3;}
.step--01 .swiper__area{width: 300px;margin: 0 auto;}

.step--02 .product__area{display: flex;flex-direction: column;row-gap: 40px; justify-content: center;margin-bottom: 50px;max-width: 300px;margin: 0 auto 50px;}
.step--02 .product__img{overflow: hidden; width: 100%;}
.step--02 .product__item {position: relative;}
.step--02 .product__item label{position: unset;}
.step--02 .product__item .product-desc{display: flex;flex-direction: column;align-items: center; row-gap: 8px;margin-top: 24px;}
.step--02 .product__item .product-desc span{display: inline-flex;justify-content: center;align-items: center;height: 30px;margin-bottom: 8px; padding: 0 16px; background-color: #000;border-radius: 4px; font-size: 14px;font-weight: 500; color: #fff;}
.step--02 .product__item .product-desc p{font-size: 28px;line-height: 34px;font-weight: 600;}
.step--02 .product__item .product-desc p.etc-text{font-size: 16px; line-height: 22px; font-weight: 500; color: #16A6A3;}

.step--03{background-color: #16A6A3;}
.step--03 .event-title{display: flex; flex-direction: column; row-gap: 8px; margin-bottom:30px;text-align: center;}
.step--03 .sold-out{position: absolute; width: 200px; height: 200px; left: 100px; top: 364px;}
.step--03 .event__contents{max-width: 300px;}
.step--03 .event-title .title1{font-size: 26px; line-height: 26px; font-weight: 600; letter-spacing: -0.8px; color: #333;}
.step--03 .event-title .title2{font-size: 36px; line-height: 36px; font-weight: 700; letter-spacing: -1.1px; color: #333;}
.step--03 .event-title .title2 strong{display: inline-block;font-weight: 700;color: #FFF;}
.step--03 .event-info-wrap{display: flex; flex-direction: column; row-gap: 16px; padding-bottom: 30px; width: 100%; min-width: 300px; margin: 0 auto;}
.step--03 .event-info-wrap .event-notice{}
.step--03 .event-info-wrap .event-notice li{text-align: left; font-size: 12px;line-height: 17px; font-weight: 300; letter-spacing: -0.5px; color: #333;}
.step--03 .event-info{display: flex; flex-direction: column; row-gap: 6px; width: 330px; margin: 0 auto;}
.step--03 .event-info dl{display: flex;}
.step--03 .event-info dl dt, .step--03 .event-info dl dd{font-size: 16px; line-height: 22px; letter-spacing: 0;}
.step--03 .event-info dl dt{margin-right: 16px; font-weight: 700;}
.step--03 .event-info dl dd{font-weight: 500; text-align: left;}