@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: #000;}
.event__contents img {width: 100%;}
.step-title-wrap {display: flex; flex-direction: column; align-items: center; gap: 16px;}
.step-title{margin-bottom: 22px;font-size: 30px;font-weight: 700;line-height: 36px;text-align: center;letter-spacing: -0.9px;}
.step-title-wrap .step-title span {color: #D7896D;font-weight: 700;}
.step-title-wrap .tag {display: block; padding: 4px 6px; font-size: 20px; line-height: 20px; font-weight: 700; color: #FFF; background-color: #D7896D;}

.visual{position: relative; padding: 40px 0 80px; background-color: #305E76;}
.visual .event__contents{width: 360px; margin: 0 auto; padding: 0;}
.visual .content-text{width: 269px; margin: 0 auto;}
.visual .main-book{margin: -78px 0 0 40px; width: 274px;}

.step--01, .step--03 {background-color: #F2F3F8;}
.step--02 {background-color: #E7E8EF}
.step--01 .content-introduce,
.step--02 .content-introduce,
.step--03 .content-introduce {width: 300px; margin: 0 auto;}

.step--04{background-color: #D7896D;}
.step--04 .event-title{display: flex; flex-direction: column; row-gap: 8px; margin-bottom:30px;text-align: center;}
.step--04 .sold-out{position: absolute; width: 200px; height: 200px; margin-left: -30px; left: 50%; bottom : 210px;}
.step--04 .event-title .title1{font-size: 20px; line-height: 1.2; font-weight: 600; letter-spacing: -0.6px; color: #000;}
.step--04 .event-title .title2{font-size: 40px; line-height: 1.2; font-weight: 700; color: #000;}
.step--04 .event-title .title2 strong{display: inline-block;font-weight: 800;color: #FFF;}
.step--04 .event-info-wrap{display: flex; flex-direction: column; row-gap: 16px; padding-bottom: 30px; width: 100%; min-width: 300px; margin: 0 auto;}
.step--04 .event-info{display: flex; flex-direction: column; row-gap: 6px; width: 300px; margin: 0 auto;}
.step--04 .event-info dl{display: flex; gap: 10px;}
.step--04 .event-info dl dt, .step--04 .event-info dl dd{font-size: 16px; line-height: 1.3; letter-spacing: 0;}
.step--04 .event-info dl dt{min-width: 42px; margin-right: 16px; font-weight: 700;}
.step--04 .event-info dl dd{font-weight: 500; text-align: left;}
.step--04 .goods-img {display: block; margin: -45px auto -55px; width: 270px;}
.step--04 .btn__area {flex-direction: column; gap: 8px; margin: 30px 0 24px;}
.step--04 .btn__area .buy-btn {height: 68px; color: #D7896D; background-color: #FFF;}
.step--04 .event-notice{}
.step--04 .event-notice li{text-align: left; font-size: 12px;line-height: 1.4; font-weight: 300; letter-spacing: -0.6px; color: #000;}