@charset "utf-8";
@font-face {
	font-family:'ONE-Mobile-POP';
	src:url('/img/fonts/ONE-Mobile-POP.woff') format('woff');
	font-weight:normal;
	font-style: normal;
}

/* common */
.color_red {
	color:#f23f3f !important;
}
.color_yellow {
	color:#f9d768;
}
.color_white {
	color:#fff;
}
.supv_contents .btn_wrap {
	margin-top:20px;
	text-align:center;
}
.supv_contents .btn_wrap .btn {
	display:block;
	width:100%;
	padding:19px 20px;
	border-radius:10px;
	border:2px solid #333;
	background-color:#F9D768;
	font-family:'ONE-Mobile-POP';
	font-size:18px;
	line-height:1em;
	font-weight:400;
	color:#333;
	box-sizing:border-box;
}
.sec_tit_wrap,.sec_tit_wrap h3,.sec_tit_wrap span {
	font-family:'ONE-Mobile-POP';
	font-weight:400;
}
.sec_tit_wrap {
	display:flex;
	align-items:center;
	margin-bottom:20px;
}
.sec_tit_wrap h3 {
	margin-left:6px;
	margin-top:-4px;
	font-size:20px;
	line-height:1.1em;
}
.sec_tit_wrap span {
	font-size:14px;
	line-height: 1.57em;
}

/* main visual */
.supv_main_wrap {
	width:100%;
	margin:0 auto;
	background-color:#FFE5DE;
	padding-top:40px;
	text-align:center;
}
.supv_main_wrap img {
	max-width:720px;
	width:100%;
}
.schm_sec {
	margin:-16px auto 0;
	padding:20px 0 40px;
	position:relative;
}
.schm_inner {
	background:#fff;
	color:#000000;
	border:1px solid #333;
	border-radius:15px;
	line-height:1.4;
	padding:33px 20px 20px;
	text-align:center;
	word-break:keep-all;
}
.schm_inner p {
	max-width:340px;
	margin:0 auto;
	font-size:12px;
	font-weight:700;
}
.schm_inner .help_txt {
	display:block;
	margin-top:10px;
	color:#777;
	font-size:10px;
}
.schm_inner:before {
	display:block;
	content:'';
	position:absolute;
	margin-top:-52px;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	max-width:35px;
	width:10vw;
	height:10vw;
	background: url(/img/suneung/supervision/Supervision_Sub1/schm_label.png) no-repeat top center / contain;
}

/* point tab */
.point_contents {
	padding:40px 0;
}
.point_contents .tab_tit_wrap {
	margin-bottom:20px;
}
.point_contents .tab_tit {
	font-size:20px;
}
.tab_menu_wrap {
	margin-bottom:20px;
}
.tab_menu {
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	border:1px solid #ddd;
	color:#bebebe;
	border-radius:6px;
	background:#fff;
}
.tab_menu span {
	font-size:10px;
	font-weight:400;
}
.tab_menu p {
	font-size:13px;
	letter-spacing:-.05rem;
}
.tab_menu li {
	width:50%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding:10px 5px;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	box-sizing:border-box;
}
.tab_menu li:nth-child(2n+1) {
	border-left:0;
}
.tab_menu li:nth-child(-n+2) {
	border-top:0;
}
.tab_menu li.active {
	background-color:#f23f3f;
	color:#f8f8f8;
}
.tab_content {
	border:1px solid #f23f3f;
	border-radius:5px;
}
.tab_content .inner {
	padding: 30px 20px;
}

/* point contents */
.point_tit_wrap {
	text-align:center;
}
.point_tit_wrap .point_tit {
	display:inline-block;
	padding:14px 24px;
	padding-left:48px;
	border-radius:45px;
	border:1px solid #333;
	background-repeat:no-repeat;
	background-position:left 10px center;
	font-size:16px;
	font-weight:700;
}
.point_tit_wrap p {
	margin-top:20px;
	font-size:12px;
    word-break: keep-all;
}
.point1 .point_tit {
	background-image:url('/img/suneung/supervision/Supervision_Sub1/ico_point_tit_01.png');
}
.point2 .point_tit {
	background-image:url('/img/suneung/supervision/Supervision_Sub1/ico_point_tit_02.png');
}
.point3 .point_tit {
	background-image:url('/img/suneung/supervision/Supervision_Sub1/ico_point_tit_03.png');
}
.point4 .point_tit {
	background-image:url('/img/suneung/supervision/Supervision_Sub1/ico_point_tit_04.png');
}
.point5 .point_tit {
	background-image:url('/img/suneung/supervision/Supervision_Sub1/ico_point_tit_05.png');
}
.point6 .point_tit {
	background-image:url('/img/suneung/supervision/Supervision_Sub1/ico_point_tit_06.png');
}
.chart_wrap {
	position:relative;
	width:100%;
	max-width:334px;
	margin:30px auto 0;
}
.chart_wrap:before,.chart_wrap:after {
	display:block;
	content:'';
	position:absolute;
	z-index:1;
	background-repeat:no-repeat;
	opacity:0;
	-webkit-transform:translateY(5px);
	transform:translateY(5px);
}
.point1 .chart_wrap:before {
	left:8%;
	bottom:8%;
	width:31px;
	height:37px;
	background-image:url('/img/suneung/supervision/Supervision_Sub1/point_obj_01_01.png');
}
.point1 .chart_wrap:after {
	right:3.8%;
	bottom:7%;
	width:61px;
	height:79px;
	background-image:url('/img/suneung/supervision/Supervision_Sub1/point_obj_01_02.png');
}
.point2 .chart_wrap:before {
	left:12%;
	bottom:10%;
	width:32px;
	height:48px;
	background-image:url('/img/suneung/supervision/Supervision_Sub1/point_obj_02_01.png');
}
.point2 .chart_wrap:after {
	right:10.47%;
	bottom:10%;
	width:57px;
	height:102px;
	background-image:url('/img/suneung/supervision/Supervision_Sub1/point_obj_02_02.png');
}
.point3 .chart_wrap:before {
	right:44%;
	bottom:10%;
	width:87px;
	height:124px;
	background-image:url('/img/suneung/supervision/Supervision_Sub1/point_obj_03_02.png');
}
.point3 .chart_wrap:after {
	top:-10%;
	left:2%;
	width:100%;
	max-width:322px;
	height:196px;
	background-image:url('/img/suneung/supervision/Supervision_Sub1/point_obj_03_01.png');
	background-size:contain;
}
.active .chart_wrap:before {
	animation:chartObj 0.8s 1.3s forwards;
}
.active .chart_wrap:after {
	animation:chartObj 0.8s 1.3s forwards;
}
.point3.active .chart_wrap:before {
	animation:chartObj 0.8s 0.5s forwards;
}
.point3.active .chart_wrap:after {
	animation:chartConfetti 2s 1.3s linear infinite;
}
.chart_wrap .chart_unit {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	font-size:12px;
	text-align:left;
}
.chart_wrap .chart_unit:after {
	display:block;
	content:'';
	position:absolute;
	top:-200%;
	right:-2%;
	width:60px;
	height:28px;
	background-image:url('/img/suneung/supervision/Supervision_Sub1/point_obj_01_03.png');
	opacity:0;
}
.active .chart_wrap .chart_unit:after {
	animation:chartHeart 0.8s 1s forwards;
}
.chart_wrap .chart_star {
	display:inline-block;
	position:absolute;
	top:-8%;
	right:25%;
	z-index:1;
	padding:40px 32px 32px;
	background:url('/img/suneung/supervision/Supervision_Sub1/point_star.png') no-repeat center / contain;
	font-size:13px;
	color:#1C1C1C;
	font-family:'ONE-Mobile-POP';
	font-weight:400;
	text-align:center;
	opacity:0;
}
.active .chart_wrap .chart_star {
	animation:chartStar 1s 0.8s linear infinite;
}
.chart_wrap .chart_img {
	position:relative;
	font-size:0;
}
.chart_wrap .chart_img img {
	max-width:100%;
}
.chart_wrap .chart_img:before {
	display:block;
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	background-color:#fff;
}
.chart_wrap .chart_img:after {
	display:block;
	content:'';
	position:absolute;
	left:5%;
	bottom:7%;
	width:0;
	height:116px;
	background-image:url('/img/suneung/supervision/Supervision_Sub1/point_arrow.png');
	background-repeat:no-repeat;
}
.point3 .chart_wrap .chart_img:after {
	display:none;
}
.active .chart_wrap .chart_img:before {
	animation:chartReveal 0.5s linear forwards;
}
.active .chart_wrap .chart_img:after {
	animation:chartArrow 0.5s 0.5s linear forwards;
}

.chart_wrap .chart_cate {
	font-size:0;
}
.chart_wrap .chart_cate img {
	max-width:100%;
}
.chart_wrap .chart_ann {
	margin-top:10px;
	font-size:10px;
	color:#999;
	text-align: right;
}

/* chart animation */
@keyframes chartObj {
	to {
		opacity:1;
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
}
@keyframes chartHeart {
	to {
		opacity:1;
	}
}
@keyframes chartConfetti {
	0%,100% {
		opacity:1;
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
	50% {
		opacity:1;
		-webkit-transform:translateY(20px);
		transform:translateY(20px);
	}
}
@keyframes chartReveal {
	to {
		height:0;
	}
}
@keyframes chartArrow {
	to {
		width:262px;
	}
}
@keyframes chartStar {
	0%,100% {
		opacity:1;
		-webkit-transform:scale(0.9);
		transform:scale(0.9);
	}
	50% {
		opacity:1;
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}

/* point 4 */
.update_wrap {
	margin-top:20px;
}
.update_conbox * {
	font-size:13px;
	color:#707070;
}
.update_conbox {
	border-radius:8px;
	padding:20px 20px 30px;
	background:#f8f8f8;
}
.update_conbox+.update_conbox {
	margin-top:20px;
	background:#fff3f3;
	position:relative;
}
.update_wrap .tit {
	color:#707070;
	font-size:16px;
	font-weight:700;
	display:inline-block;
}
.update_conbox+.update_conbox .tit,
.update_conbox+.update_conbox .update_txt dd,
.update_conbox+.update_conbox .update_txt dd li div {
	color:#333;
}
.update_wrap .tit span {
	font-size:16px;
	font-weight:400;
}
.update_conbox+.update_conbox .tit span {
	color:#333;
}
.update_wrap .update_txt dl {
	margin-top:20px;
}
.update_wrap .update_txt dt {
	margin-bottom:10px;
	padding:4px 12px;
	display:inline-block;
	border:1px solid #bebebe;
	border-radius:50px;
	background-color:#fff;
	color:#707070;
	font-weight:500;
}
.update_conbox+.update_conbox .update_txt dt {
	border-color:#f23f3f;
	color:#f23f3f;
}
.update_wrap .update_txt dd {
	letter-spacing:-.05em;
	word-break:keep-all;
}
.update_conbox+.update_conbox .update_txt .color_red {
	margin-top:10px;
	letter-spacing:-.05rem;
}
.update_conbox+.update_conbox:before {
	display:block;
	content:'';
	position:absolute;
	margin-top:-50px;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	width:36px;
	height:36px;
	border-radius:50%;
	background:#fff url(/img/suneung/supervision/Supervision_Sub1/ico_arr_after.png) no-repeat center;
	-webkit-box-shadow:3px 3px 15px 0px #00000040;
	box-shadow: 3px 3px 15px 0px #00000040;
}
.update_txt .help_txt{
    margin-top: 20px;
	color:#f23f3f;
    word-break: keep-all;
}

/* point 5 */
.bene_wrap {
	margin:20px 0;
	background:#fff;
	-webkit-box-shadow:0px 2px 10px 2px #00000015;
	box-shadow:0px 2px 10px 2px #00000015;
	border-radius:8px;
}
.bene_wrap .tit_wrap {
	border-radius:8px 8px 0 0;
	font-size:16px;
	padding:13px 0;
	background:#f23f3f;
	color:#fff;
	text-align:center;
}
.bene_wrap .year_wrap {
	padding:30px 20px;
}
.year_wrap .year_txt dl {
	font-size:14px;
	color:#333;
}
.year_txt dl+dl dt {
	margin-top:20px;
	color:#f23f3f;
	font-weight:700;
}
.year_wrap .year_txt dt {
	margin-bottom:10px;
}
.year_wrap .year_txt dd {
	color:#707070;
}
.update_txt ol {
	margin-top:20px;
}
.update_conbox+.update_conbox .list_type_circle li:before {
	border-color:#f23f3f;
	color:#f23f3f;
}
.update_txt ol li+li {
	margin-top:10px;
}
.update_conbox+.update_conbox li {
	color: #333;
}

/* point 6 */
.point6_box {
	padding:20px;
	background:#f8f8f8;
	border-radius:5px;
}
.point6_box .p6_title {
	font-size:14px;
	font-weight:600;
}
.point6_box .p6_title span {
	font-size:10px;
	color:#8c8c8c;
}
.point6_box .p6_txtwrap {
	font-size:12px;
	margin-top:10px;
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
}
.point6_box .p6_txtwrap .p6_subtxt p span {
	color:#f23f3f;
	font-weight:500;
}
.point6_box .p6_txtwrap .p6_img {
	width:50px;
	height:50px;
	margin-top:-20px;
}
.point6_box .p6_txtwrap .p6_img img {
	width:100%;
	height:auto;
	object-fit:cover;
}
.sale_wrap+.small {
	margin-top:20px;
	color:#bebebe;
	font-size:10px;
	text-align: center;
}

/* 꿈키 공간 */
.kkumki_contents {
	padding:40px 0;
	background-color:#d74c46;
}
.kkumki_wrap {
	padding-top:30px;
	border:1px solid #333;
	border-radius:5px;
	background-color:#fff;
}
.kkumki_tit_wrap {
	padding:0 20px;
	text-align:center;
}
.kkumki_tit_wrap strong {
	font-size:20px;
	font-weight:700;
	line-height:1.4em;
}
.kkumki_tit_wrap p {
	margin-top:6px;
	font-size:14px;
	line-height:1.6em;
}
.kkumki_wrap .img_wrap {
	width:100%;
	max-width:247px;
	padding:30px 20px 34px;
	margin:0 auto;
	box-sizing:border-box;
}
.kkumki_wrap .img_wrap img {
	max-width:100%;
}
.kkumki_wrap .bg_yellow {
	padding:26px 20px;
	border-radius:0px 0px 4px 4px;
	background-color:#FFFBF6;
}
.kkumki_wrap dl+dl {
	margin-top:30px;
}
.kkumki_wrap dt {
	font-size:16px;
	font-weight:700;
	color:#f23f3f;
}
.kkumki_wrap dd {
	margin-top:6px;
	font-size:14px;
	line-height:1.4em;
	word-break:keep-all;
}
.kkumki_wrap .help_txt {
	margin-top:20px;
	font-size:14px;
	line-height:1.4em;
	word-break: keep-all;
}

/* 꿈나무 장학 */
.dreamtree_contents {
	padding:40px 0 0px;
}
.dreamtree_contents .tree_sub_txt {
	font-size:12px;
	word-break:keep-all;
}
.dreamtree_contents .tree_contents {
	margin-top:20px;
}
.dreamtree_contents .tree_subject {
	padding:20px;
	background:#f8f8f8;
	border-radius:5px;
	margin-top:30px;
}
.dreamtree_contents .tree_subject .tree_s_title {
	font-size:16px;
	font-weight:600;
}
.dreamtree_contents .tree_subject .tree_s_sub {
	font-size:12px;
	word-break:keep-all;
	margin-top:10px;
	color:#707070;
}
.dreamtree_contents .tree_subject .tree_s_sub p:nth-of-type(2) {
	margin-top:10px;
}
.tree_slide {
	width:100%;
	height:100%;
}
.tree_slide .swiper-wrapper {
	padding-bottom: 25px !important;
}
.tree_slide .swiper-slide {
	text-align:center;
	font-size:18px;
	background:#fff;
	/* Center slide text vertically */
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	border-radius:5px;
}
.tree_slide .swiper-slide img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:5px;
}
.tree_slide .swiper-pagination {
	bottom:0px !important;
}
.tree_slide .swiper-pagination-bullet-active {
	background:#f23f3f;
}
.tree_slide .popupModalVideo {
	display:flex;
	justify-content:space-between;
}
.tree_slide .popupModalVideo a {
	width:100%;
}
.tree_slide .popupModalVideo a img {
	width:100%;
	height:auto;
	border-radius:5px;
}
.video_modal_popup .close_btn {
	display:none;
	z-index:11;
	border:none;
	background:none;
	position:relative;
	left:37.5%;
	margin-bottom:5px;
}
.video_modal_popup .close_btn img {
	width:21px;
	height:auto;
}
.video_modal_popup.reveal {
	display:flex;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	z-index:999;
}
.video_modal_popup .video-wrapper {
	position:relative;
	width:80%;
	padding-bottom:45%;
	z-index:10;
}
.video_modal_popup .video-wrapper iframe {
	position:absolute;
	width:100%;
	height:100%;
	border:none;
}
.video_modal_popup.reveal .video_modal_popup-closer {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.5);
	z-index: 2;
}
/* 꿈나무 장학 후기 */
.review_contents {
	padding:35px 0 15px;
	background:#fff7ec;
	margin-top:40px;
}
.review_contents .sri_tilte {
	font-size:20px;
	font-weight:600;
	margin-bottom:20px;
}
.review_slide_wrap {
	width:100%;
	height:100%;
	padding-bottom:35px;
	border-radius:5px;
}
.review_slide_wrap .swiper-slide {
	text-align:center;
	font-size:18px;
	display:flex;
	justify-content:center;
	flex-direction:column;
	align-items:center;
}
.review_slide_wrap .swiper-slide img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.review_slide_wrap .swiper-pagination-bullet-active {
	background:#f23f3f;
}
.review_slide_wrap .s_review_txt {
	text-align:left;
}
.review_slide_wrap .s_review_txtbox {
	background:#fff;
	padding:20px;
	border-radius:5px;
}
.review_slide_wrap .s_review_txtbox strong {
	display:block;
	margin-bottom:10px;
	font-size:14px;
	letter-spacing:-.05rem;
    word-break: keep-all;
}
.review_slide_wrap .s_review_txtbox p {
	font-size:12px;
	word-break:keep-all;
}
.review_slide_wrap .s_review_imgbox {
	display:flex;
	align-items:center;
	margin-bottom:20px;
}
.review_slide_wrap .sri_img img {
	width:44px;
	height:auto;
	object-fit:cover;
}
.review_slide_wrap .s_review_subtxt {
	margin-left:14px;
}
.review_slide_wrap .s_review_subtxt strong {
	font-size:16px;
	font-weight:700;
	margin-bottom:0px;
	color:#f23f3f;
}
.review_slide_wrap .s_review_subtxt p {
	font-size:16px;
	font-weight:500;
}
.review_slide_wrap .sri_red {
	color: #f23f3f;
}

/* list */
.list_type_num li,
.list_type_circle li,
.list_type_decimal li {
	display:flex;
    word-break: keep-all;
}
.list_type_num li span {
	display:inline-block;
	width:14px;
}
.list_type_num li div {
	width:calc(100% - 14px);
	word-break:keep-all;
}
.list_type_circle {
	counter-reset:type-circle;
}
.list_type_circle li {
	display:block;
	position:relative;
	padding-left:24px;
	word-break:keep-all;
}
.list_type_circle li:before {
	display:inline-block;
	content:counter(type-circle) "";
	counter-increment:type-circle;
	position:absolute;
	top:0;
	left:0;
	border:1px solid #707070;
	border-radius:50%;
	width:16px;
	height:16px;
	text-align:center;
	box-sizing:border-box;
	font-size:11px;
}
.list_type_decimal {
	counter-reset:type-decimal;
}
.list_type_decimal li {
	display:block;
	position:relative;
	padding-left:14px;
}
.list_type_decimal li:before {
	margin-right:4px;
	content:counter(type-decimal) ".";
	counter-increment:type-decimal;
	position:absolute;
	left:0;
}
.list_type_decimal li.fw_600,.list_type_decimal li.fw_600:before {
	font-weight: 600;
}

/* media */
@media screen and (max-width:360px) {
	.chart_wrap .chart_img:after {
		left: -5%;
	}
}