@charset "UTF-8";

@import url("https://cdn.jsdelivr.net/gh/ungveloper/web-fonts/SBAggro/font-face.css");

.event_wrap {font-family:Pretendard,'Noto Sans KR',sans-serif;}

.event_wrap .evt_header {background:#2F00AE url('https://contents.kyobobook.co.kr/pmtn/2026/eBook/260729_reward/bnH_cont01_bg.jpg') center top/2800px auto;color:#fff;text-align:center;}
.event_wrap .evt_header .inner {width:670px;padding:120px 40px;margin:0 auto;}
.event_wrap .evt_header .heading {font-size:64px;line-height:70px;font-weight:700;}
.event_wrap .evt_header .heading img {height:136px;}
.event_wrap .evt_header .text_1 {margin-top:12px;font-size:28px;line-height:40px;font-weight:600;}
.event_wrap .evt_header .visual {margin-top:50px;}
.event_wrap .evt_header .visual img {width:490px;}
.event_wrap .evt_header .text_2 {margin-top:11px;font-size:24px;line-height:34px;}

.scroll_sensor.scroll_down .event_wrap .section_tab {top:0;}

.event_wrap .section {padding-bottom:120px;}
.event_wrap .section.bg_1 {background:#D9F5FF;}
.event_wrap .section.bg_2 {background:#8AE0FF;}
.event_wrap .section.bg_3 {background:#202182;color:#fff;}
.event_wrap .section.bg_4 {background:#08083A;color:#B1B1E5;}
.event_wrap .section .inner {width:670px;padding:120px 40px 0;margin:0 auto;}

.event_wrap .section_tab {background:#000;position:sticky;top:80px;z-index:10;transition:top 0.23s ease;}
.event_wrap .section_tab ul {display:flex;width:750px;margin:0 auto;}
.event_wrap .section_tab ul li {flex:1;}
.event_wrap .section_tab ul li a {display:block;padding:10px 10px 12px;text-align:center;font-size:26px;line-height:31px;color:#fff;}
.event_wrap .section_tab ul li.on a {color:#000;font-weight:700;}
.event_wrap .section_tab ul li.item_1.on a {background:#D9F5FF;}
.event_wrap .section_tab ul li.item_2.on a {background:#8AE0FF;}
.event_wrap .section_tab ul li.item_3.on a {background:#202182;color:#fff;}

.event_wrap .section_header {text-align:center;}
.event_wrap .section_header .heading {font-size:42px;line-height:59px;font-weight:700;font-family:SBAggro,Pretendard,'Noto Sans KR',sans-serif;}
.event_wrap .section_header .heading em {position:relative;z-index:1;display:inline-block;padding:0 4px;}
.event_wrap .section_header .heading em span:before {content:'';position:absolute;z-index:-1;top:5px;left:0;right:0;bottom:10px;background:#fff;border-radius:4px;}
.event_wrap .section_header .text_1 {margin-top:20px;font-size:26px;line-height:36px;}
.event_wrap .section_header .text_2 {margin-top:12px;font-size:24px;line-height:34px;}

.event_wrap .section.bg_1 .section_header {margin-top:-20px;}
.event_wrap .section.bg_1 .section_header .text_1 {margin-top:28px;font-size:24px;line-height:34px;}
.event_wrap .section.bg_1 .section_header b {font-weight:600;}
.event_wrap .section.bg_1 .section_header p em {font-weight:600;background:#fff;border-radius:4px;padding:0 4px;}

.event_wrap .section.bg_2 .section_header .text_2 {color:#0E4F6B;}

/* STACK이란? */
.event_wrap .how_to {margin-top:100px;}
.event_wrap .how_to .heading {text-align:center;font-size:42px;line-height:59px;font-weight:700;font-family:SBAggro,Pretendard,'Noto Sans KR',sans-serif;}
.event_wrap .how_to ol {margin-top:28px;padding:40px 32px;background-color:#fff;border-radius:16px;}
.event_wrap .how_to ol li {padding-left:56px;position:relative;}
.event_wrap .how_to ol li + li {padding-top:28px;margin-top:28px;border-top:1px dashed #ccc;}
.event_wrap .how_to ol li + li .number {top:28px;}
.event_wrap .how_to ol li .number {position:absolute;left:0;top:0;display:inline-block;width:40px;padding:8px 0;border-radius:8px;text-align:center;font-size:24px;line-height:24px;font-weight:700;color:#054CD9;background:#BCE3FF;}
.event_wrap .how_to ol li .title {font-size:30px;line-height:42px;font-weight:700;}
.event_wrap .how_to ol li .text {margin-top:8px;font-size:26px;line-height:37px;font-weight:500;}
.event_wrap .how_to ol li .text em {background:#8AE0FF;}

/* 나의 STACK */
.event_wrap .my_status .progress_bar {margin:134px 40px 0;padding:0 12px;height:24px;background:#fff;border-radius:12px;}
.event_wrap .my_status .progress_bar .bar {position:relative;display:block;margin:0 -12px;padding:0 12px;height:100%;background:#141566;border-radius:12px;}
.event_wrap .my_status .progress_bar .bar .cursor {position:absolute;left:100%;bottom:100%;margin-bottom:26px;transform:translateX(-50%);padding:8px 16px;background:#00004A;border-radius:12px;font-size:24px;line-height:34px;font-weight:700;color:#fff;white-space:nowrap;}
.event_wrap .my_status .progress_bar .bar .cursor:before {content:'';position:absolute;left:50%;top:100%;width:0;height:0;border:0 solid transparent;border-width:18px 10px 0;border-top-color:#00004A;transform:translateX(-50%);}
.event_wrap .my_status .progress_label {margin:12px 37px 0;display:flex;justify-content:space-between;}
.event_wrap .my_status .progress_label li {width:30px;text-align:center;font-size:24px;line-height:34px;color:#005E80;}
.event_wrap .my_status .text_1 {margin-top:20px;text-align:center;font-size:24px;line-height:34px;font-weight:500;}
.event_wrap .my_status .text_1 b {font-weight:800;}
.event_wrap .my_status .status {margin-top:48px;display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;padding:40px 32px;background-color:#fff;border-radius:16px;}
.event_wrap .my_status .tooltip_wrap {vertical-align:middle;}
.event_wrap .my_status .status.bg_gray {background-color:#66CDF2;}
.event_wrap .my_status .status.bg_gray dt {color:#000;}
.event_wrap .my_status .status + .status {margin-top:20px;}
.event_wrap .my_status .status dt {font-size:26px;line-height:37px;font-weight:500;color:#494949;}
.event_wrap .my_status .status dd {text-align:right;font-size:28px;line-height:39px;font-weight:500;}
.event_wrap .my_status .status b {font-weight:800;}
.event_wrap .my_status .status_wrap {position:relative;}
.event_wrap .my_status .status_wrap .mask {position:absolute;z-index:5;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:16px;font-size:28px;line-height:39px;font-weight:600;background:rgba(255,255,255,0.7);color:#000;backdrop-filter:blur(4px);}
.event_wrap .my_status .button {margin-top:36px;}
.event_wrap .my_status .button a {display:block;padding:24px 0;border-radius:12px;text-align:center;font-size:28px;line-height:40px;font-weight:700;background:#141566;color:#fff;}

.event_wrap .my_benefit {margin-top:80px;}
.event_wrap .my_benefit .heading {text-align:center;font-size:32px;line-height:45px;font-weight:700;}
.event_wrap .my_benefit .tab {margin-top:40px;display:flex;}
.event_wrap .my_benefit .tab li {flex:1;}
.event_wrap .my_benefit .tab li a {display:block;padding:24px 0 104px;border-radius:20px 20px 0 0;text-align:center;font-size:24px;line-height:34px;font-weight:700;background:#CFDCE5 url('https://contents.kyobobook.co.kr/pmtn/2026/eBook/260729_reward/bnH_obj01.png') no-repeat center 70px/60px;color:#A6A6A6;}
.event_wrap .my_benefit .tab li.on a {background-color:#fff;}
.event_wrap .my_benefit .tab li.item_1.on a {color:#0084BF;background-image:url('https://contents.kyobobook.co.kr/pmtn/2026/eBook/260729_reward/bnH_obj03.png');}
.event_wrap .my_benefit .tab li.item_2.on a {color:#F23B00;background-image:url('https://contents.kyobobook.co.kr/pmtn/2026/eBook/260729_reward/bnH_obj04.png');}
.event_wrap .my_benefit .tab li.item_3.on a {color:#E60375;background-image:url('https://contents.kyobobook.co.kr/pmtn/2026/eBook/260729_reward/bnH_obj05.png');}
.event_wrap .my_benefit .tab li.item_4.on a {color:#119748;background-image:url('https://contents.kyobobook.co.kr/pmtn/2026/eBook/260729_reward/bnH_obj02.png');}
.event_wrap .my_benefit .cont {display:none;padding:40px 32px;border-radius:0 0 16px 16px;background:#fff;}
.event_wrap .my_benefit .cont.on {display:block;}
.event_wrap .my_benefit .cont .text_1 {font-size:24px;line-height:34px;}
.event_wrap .my_benefit .cont .text_1 em {display:inline-block;padding:4px 10px;border-radius:6px;}
.event_wrap .my_benefit .cont .text_2 {margin-top:12px;font-size:36px;line-height:40px;font-weight:700;}
.event_wrap .my_benefit .cont .text_2 em {}

.event_wrap .my_benefit .cont_1 .text_1 em {color:#0084BF;background:#CCF2FF;}
.event_wrap .my_benefit .cont_1 .text_2 em {color:#0084BF;}
.event_wrap .my_benefit .cont_2 .text_1 em {color:#F23B00;background:#FFE6CC;}
.event_wrap .my_benefit .cont_2 .text_2 em {color:#F23B00;}
.event_wrap .my_benefit .cont_3 .text_1 em {color:#E60375;background:#FFD9F8;}
.event_wrap .my_benefit .cont_3 .text_2 em {color:#E60375;}
.event_wrap .my_benefit .cont_4 .text_1 em {color:#119748;background:#CAFFC0;}
.event_wrap .my_benefit .cont_4 .text_2 em {color:#119748;}

.event_wrap .my_benefit .cont .list {margin-top:56px;}
.event_wrap .my_benefit .cont .list > li {padding:8px 0;}
.event_wrap .my_benefit .cont .list > li.on .detail {display:block;}
.event_wrap .my_benefit .cont .list > li.on .btn_open:after {transform:rotate(180deg);}
.event_wrap .my_benefit .cont .list > li + li {border-top:1px solid #CFDCE5;}
.event_wrap .my_benefit .cont .list .btn_open {position:relative;display:block;width:100%;text-align:left;padding:12px 44px 12px 0;font-size:30px;line-height:42px;font-weight:700;}
.event_wrap .my_benefit .cont .list .btn_open:after {content:'';position:absolute;top:0;right:0;bottom:0;margin:auto 0;width:32px;height:32px;background:url('https://contents.kyobobook.co.kr/pmtn/2026/eBook/260729_reward/bnH_btn_open.png') no-repeat center/contain;}
.event_wrap .my_benefit .cont .list .detail {display:none;margin:16px 0;padding:32px 24px;border-radius:8px;background:#F2F2F2;}
.event_wrap .my_benefit .cont .list .detail p {font-size:24px;line-height:34px;font-weight:600;color:#1a1a1a;}
.event_wrap .my_benefit .cont .list .detail ul {margin-top:20px;}
.event_wrap .my_benefit .cont .list .detail ul li {padding-left:20px;font-size:24px;line-height:34px;color:#595959;}
.event_wrap .my_benefit .cont .list .detail ul li:before {content:'•';display:inline-block;width:20px;margin-left:-20px;color:#595959;}
.event_wrap .my_benefit .cont .list .detail ul li a {color:inherit;text-decoration:underline;}
.event_wrap .my_benefit .cont .list .detail ul li + li {margin-top:10px;}
.event_wrap .my_benefit .cont .list .detail .image {margin-top:20px}
.event_wrap .my_benefit .cont .list .detail .image img {width:100%;border-radius:16px;}
.event_wrap .my_benefit .cont .list .detail .button {margin-top:32px;}
.event_wrap .my_benefit .cont .list .detail .button a {display:block;padding:18px 0;border-radius:8px;background-color:#191A8C;color:#fff;text-align:center;font-size:26px;line-height:40px;font-weight:700;}

.event_wrap .my_benefit .benefit_info {margin-top:28px;text-align:center;font-size:22px;line-height:31px;color:#0E4F6B;}

/* STACK 쌓기 */
.event_wrap .bulid_stack {margin-top:60px;display:flex;gap:28px;}
.event_wrap .bulid_stack li {flex:1;text-align:center;font-size:24px;line-height:34px;}
.event_wrap .bulid_stack li:before {content:'';display:block;height:225px;margin-bottom:4px;}
.event_wrap .bulid_stack li.item_1:before {background:url('https://contents.kyobobook.co.kr/pmtn/2026/eBook/260729_reward/bnH_section3_img1.png') no-repeat center/contain;}
.event_wrap .bulid_stack li.item_2:before {background:url('https://contents.kyobobook.co.kr/pmtn/2026/eBook/260729_reward/bnH_section3_img2.png') no-repeat center/contain;}
.event_wrap .bulid_stack li .button {margin-top:24px;display:block;width:100%;background-color:#fff;color:#000;text-align:center;padding:24px 0;font-size:28px;line-height:40px;font-weight:700;border-radius:12px;}

/* 유의사항 */
.event_wrap .evt_notice {}
.event_wrap .evt_notice .heading {text-align:center;font-size:28px;line-height:40px;font-weight:700;}
.event_wrap .evt_notice ul {margin-top:40px;}
.event_wrap .evt_notice ul li {padding-left:20px;font-size:24px;line-height:34px;word-break:keep-all;overflow-wrap:anywhere;}
.event_wrap .evt_notice ul li:before {content:'•';display:inline-block;width:20px;margin-left:-20px;color:inherit;}
.event_wrap .evt_notice ul li + li {margin-top:4px;}

.event_wrap ~ .contents_inner {padding-top:50px;}



.scroll_sensor.scroll_down .event_wrap .my_status_sticky {
	transform: translateY(0);
}
.event_wrap .my_status_sticky {
	position: fixed;
	z-index: 20;
	top: 61px;
	transform: translateY(80px);
	width: 100%;
	max-width: 670px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 8px 6px rgba(0, 0, 0, 0.1);
	font-size: 24px;
	line-height: 1.4;
	letter-spacing: -0.025em;
	visibility: hidden;
	opacity: 0;
	transition: all 0.23s ease;
}
.event_wrap .my_status_sticky .sticky_inner {
	position: relative;
	display: flex;
	padding: 20px 32px;
}
.event_wrap .my_status_sticky .sticky_inner .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
	backdrop-filter: blur(8px);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	line-height: 1.4;
	font-weight: 600;
	color: #292929;
}
.event_wrap .my_status_sticky b {
	font-weight: 500;
}
.event_wrap .my_status_sticky .right_area {
	margin-left: auto;
	font-weight: 500;
}
.event_wrap .my_status_sticky .right_area b {
	font-weight: 800;
}
.event_wrap .my_status_sticky.on {
	visibility: visible;
	opacity: 1;
}