.main-visual {width: 100%; height: 465px; padding: 0 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #1BBC58;}
.main-visual .text-chip { width: 148px; height: 30px; display: flex; align-items: center; justify-content: center; padding-top: 1px; border-radius: 30px; background: rgba(255, 255, 255, 0.26); color: #fff; font-family: 'GmarketSans'; font-size: 14px; font-weight: 400; margin-bottom: 21px;}
.main-visual .title {color: #fff; font-family: 'GmarketSans'; font-size: 24px; font-weight: 500; line-height: 33.6px; margin-bottom: 8px;}
.main-visual .title em{color: #FFDE2A; font-family: 'GmarketSans'; }
.main-visual .text {color: #fff; font-family: 'GmarketSans'; font-weight: 400; line-height: 28.8px;}
.main-visual .text em{color: #FFDE2A; font-family: 'GmarketSans';}
.main-visual .img_box {width: 239px; height: 250px; background-image: url(../../image/landing/coffee_event/coffee_event_visual.png); background-size: 239px 250px; margin-top: -32px; margin-left: 40px;}

.note-wrap {padding: 24px 20px 130px;}
.note-wrap .note_content{padding: 20px; border-radius: 12px; background: #F8F9FA;}
.note-wrap .note_content .sub_title{color: #aaa; border: none; font-weight: 500; margin-bottom: 8px;}
.note-wrap .note_content .text-list-box li{font-size: 12px; color: #aaa; word-break: keep-all; line-height: 130%; margin-bottom: 4px;}
.note-wrap .note_content .text-list-box li:last-child {margin-bottom: 0;}

.btn-box {position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; min-width: 360px; max-width: 480px;  padding: 36px 20px 40px; background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 80%, rgba(255, 255, 255, 0) 100%)}
.btn-box a {display: block; padding: 16px 20px; border-radius: 8px; font-weight: 700; line-height: 140%; background-color: #2AAD5C; color: #fff; text-align: center; letter-spacing: -0.32px; text-decoration: none;}