@charset "utf-8";

/*---------------------------------------------------------------------------------*\
	CUSTOM
	- 사용자정의, 미디어쿼리
\*---------------------------------------------------------------------------------*/

/* svg */
object, svg {position: absolute;height:100%;}

.reader_only {position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; clip:rect(1px,1px,1px,1px); clip-path:inset(50%);}

/* 모션 - picture a svg object */
.scroll_ani {
	position:relative;
	z-index:1;
	opacity:0;
	transition:opacity 1s, transform 1s;
	transition-property:opacity, transform;
	transition-timing-function:ease;
	transform:translate3d(0, 100px, 0);
} 
.scroll_ani.show {
	opacity:1;
	transform:translateZ(0);
}


/* 고정버튼 */
aside.aside_wrap {
	position:fixed; left:0; bottom:0;
	width:100%;
	z-index: 20;
}

.btn_scroll {
	position:absolute; 
	bottom:-200px; 
	right:20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	transition:all 0.5s ease-in-out;
}

.btn_scroll.on {
	bottom:118px;
}

.btn_scroll .go_cocoble {
	width:132px;
	height:132px;
}
.btn_scroll .go_cocoble img {
	position: absolute;
	opacity: 0;
}
.btn_scroll .go_cocoble img.visible {
	opacity: 1;
}


.gotop {
	padding:0;
	width:70px;
	transform: translateX(6px);
}

/* ----------------------- section 공통 */

[class ^= "section_"] {
	position:relative;
	padding:184px 0;
	background:#fff;
}
.title_wrap {
	font-family:"GmarketSans", "Noto Sans", sans-serif;
	font-weight:700; word-break:keep-all;
	text-align:center;
}
.title_wrap .title_label {
	display:block;
	margin-bottom:24px;
	height:36px;
}
.title_wrap .title_label img {
	height:100%;
}
.title_wrap .title {
	font-size:48px;
	font-weight:500; 
	letter-spacing:-0.05em;
	line-height: 1.2em;
}

.title_wrap .sub_title {
	font-size: 28px;
	font-weight:normal;
	margin-bottom:10px;
	letter-spacing:-0.05em;
	line-height: 1em;
}
.title_wrap .sub_title.lg {
	font-size: 32px;
}
.title_wrap .desc {
	font-size: 18px;
	color:#7B7B7B;
	letter-spacing: -0.03em;
	font-weight: normal;
	margin-top:20px;
	font-family : 'Noto Sans KR', sans-serif;
}
.title_wrap.white .desc,
.title_wrap.white .sub_title,
.title_wrap.white .title {
	color:#fff;
}
.title_wrap .bold {
	font-weight: bold;
}

/* ----------------------- section_01 */

.main_slide {
	position:absolute; 
	top:0; 
	left:0;
	width:100%; 
	height:100%;
	transition-timing-function:ease-in-out;
}
.main_slide .swiper-slide {
	overflow:hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.main_slide .swiper-wrapper {
	align-items:center;
}
.main_slide .swiper-slide img {
	height:auto;
	max-width:778px;
}
.main_slide .swiper-slide:not(.swiper-slide-active) {
	opacity:0 !important;
}

.section_01 {
	height:100vh; 
	max-height:1080px;
	padding:0;
	background:transparent;
}
.section_01:after,
.section_01:before {
	content:"";
	position:absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}
.section_01:after {
	background:#3468F3;
	z-index: -2;
}
.section_01:before {
	background:url("../../images/20231009/visual_pattern.svg") no-repeat center / cover;
	z-index: -1;
}
.section_01 > .container {
	z-index:1;
	max-width:1280px;
}
.section_01 > .container {
	display:flex; 
	flex-direction:column; 
	justify-content:center; 
	align-items:flex-start;
	height:100%;
}
.section_01 .title_wrap {
	color:#fff;
	text-align:left;
	width: 45%; /* 텍스트 영역 너비 제한 */
	z-index: 2; /* 이미지보다 위에 표시 */
	position: relative;
}

.section_01 .title_wrap .title {
	font-size:58px; 
	font-weight:500; 
	line-height:1.18; 
	letter-spacing:-0.01em;
	overflow: hidden;
}
.section_01 .title_wrap .title.visual_bounce {
	padding-top:50px
}
.visual_bounce {
	font-family:"GmarketSans", "Noto Sans", sans-serif;
	display:block;
	font-size:98px; 
	line-height:1; 
	font-weight:700;
	padding-top:20px; 
	letter-spacing: -0.05em;
}
.visual_bounce span {
	 position:relative;
	 opacity: 0;
	transform: translateY(-50%);
	animation: bounce 0.5s forwards;
}
.visual_bounce span:before {
	content:''; 
	position:absolute; 
	top:-15px; 
	left:50%; 
	transform:translateX(-50%);
	width:8px; 
	height:8px;
	background:#fff; 
	border-radius:50%;
	animation-name: bounceDot;
	animation-duration: 1.2s;
	animation-fill-mode: both;
	animation-timing-function: ease-in-out;
}

@keyframes bounceDot {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0);}
	40% {-webkit-transform: translate(-50%,-20px);transform: translate(-50%,-20px);}
	60% {-webkit-transform: translate(-50%,-10px);transform: translate(-50%,-10px); }
}

.visual_bounce span:first-child {color:#DBDB19;}
.visual_bounce span:first-child::before {background:#DBDB19; animation-delay:0.4s;}
.visual_bounce span:nth-child(2) {animation-delay:0.2s; color:#FD9901;}
.visual_bounce span:nth-child(2)::before {background:#FD9901; animation-delay:0.5s;}
.visual_bounce span:nth-child(3) {animation-delay:0.3s;}
.visual_bounce span:nth-child(3)::before {animation-delay:0.6s;}

.slide-item-2 .visual_bounce span {animation-delay : 2.7s}
.slide-item-2 .visual_bounce span:nth-child(2) {animation-delay : 2.8s}
.slide-item-2 .visual_bounce span:nth-child(3) {animation-delay : 2.9s}

.slide-item-2 .visual_bounce span:before {animation-delay : 3s}
.slide-item-2 .visual_bounce span:nth-child(2):before {animation-delay : 3.1s}
.slide-item-2 .visual_bounce span:nth-child(3):before {animation-delay : 3.2s}

.slide-item-3 .visual_bounce span {animation-delay : 3.3s}
.slide-item-3 .visual_bounce span:nth-child(2) {animation-delay : 3.4s}
.slide-item-3 .visual_bounce span:nth-child(3) {animation-delay : 3.5s}

.slide-item-3 .visual_bounce span:before {animation-delay : 3.6s}
.slide-item-3 .visual_bounce span:nth-child(2):before {animation-delay : 3.7s}
.slide-item-3 .visual_bounce span:nth-child(3):before {animation-delay : 3.8s}

.visual_bounce span:before {
	width:7px;
	height:7px;
	top: -13px;	
}
.visual_bounce span:nth-child(3) {
	color:#7CDCFD;
}
.visual_bounce span:nth-child(3):before {
	background:#7CDCFD;
}
.swiper-slide .title.lg {
	font-size: 98px;
	font-weight: bold;
	position:relative;
	display: inline-block;
}
.swiper-slide .title.lg img {
	margin-left:7px;
}

@keyframes bounce {
	0% {transform:translateY(50px);}
	100% {opacity:1; transform:translateY(0);}
}

.visual_btn {
	display:inline-block;	
	margin-top: 60px;
}
.visual_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	background:#fff; 
	color:#2F67FB; 
	font-size:22px; 
	font-weight:700; 
	line-height:64px;
	padding:0 65px; 
	border-radius:40px;
	font-family: "Noto Sans KR", sans-serif;
}

.visual_btn a img {
	margin-left: 10px;
}

/* section_01 이미지 스타일 */
.section_01 .img {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	width: 50%; /* 이미지 컨테이너 너비 제한 */
}

.section_01 .img img {
	max-width: 100%;
	height: auto;
	object-fit: contain; /* 이미지 비율 유지 */
}

/* ----------------------- section_02 */

.section_02 {
	overflow:hidden;
	padding-top:179px;
	padding-bottom:0;
}

.section_02 .title_wrap {
	color:#000;
	margin-bottom:15vh;
}
.section_02 .sec_line_01::before,
.section_02 .sec_line_01::after {
	z-index:2;
}

.keywords_wrap {
	position:relative;
	width:100%; 
	text-align:center; 
	margin:0 auto;
}
.keywords_wrap.fixed {
	position:fixed;
	left:50%;
	top:-30%;
	transform:translate(-50%,0);
}

.keywords_wrap ul {
	position: absolute;
	left: 50%;
	top: 28%;
	transform: translateX(-50%);
	width: 100%;
}
.keywords_wrap li {
	max-width:500px;
	display: inline-block;
	font-size:24px; 
	padding:31px 50px;
	background:#386EFB; 
	border-radius:100px;
	line-height: 30px;
	letter-spacing: -0.05em;
	position:absolute; 
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	opacity: 0;
	color:#fff;
	box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}
.keywords_wrap li:before {
	content:'';
	position:absolute;
	width: 0; 
	height:0; 
	border-top:8px solid #386EFB;
	border-bottom:8px solid transparent;
	border-left:10px solid  #386EFB;
	border-right:10px solid transparent;
	transform:translateY(99%);
	bottom:0;
	left:50px;
}
.keywords_wrap li:nth-child(1):before,
.keywords_wrap li:nth-child(3):before,
.keywords_wrap li:nth-child(5):before {
	left:auto;
	right:50px;
	border-left:10px solid transparent;
	border-right:10px solid #386EFB;
}
.keywords_wrap li strong {
	color:#F7FF29;
}

.keywords_wrap .img {
	transform:translate(95px, 35px);
	max-width:600px;
	margin:0 auto;
}


/* 
	사용 클래스 : stretch_ani 
	중앙에서 작았다가 커지면서 순차적으로 뻗어나가는 모션
 */
.keywords_wrap.stretch_ani.show li:first-child {padding:20px 80px; animation: stretch1 0.7s forwards; animation-delay:1s;}
.keywords_wrap.stretch_ani.show li:nth-child(2) {animation: stretch2 0.7s forwards; animation-delay: 1.3s;}
.keywords_wrap.stretch_ani.show li:nth-child(3) {animation: stretch3 0.7s forwards; animation-delay: 1.5s;}
.keywords_wrap.stretch_ani.show li:nth-child(4) {animation: stretch4 0.7s forwards; animation-delay: 1.7s;}
.keywords_wrap.stretch_ani.show li:nth-child(5) {animation: stretch5 0.7s forwards; animation-delay: 1.9s;}

 @keyframes stretch1 {
	0% { transform: translate(-50%,-50%); opacity: 0;}
	100% {transform: translate(-135%, -150%); opacity: 1;}
}
@keyframes stretch2 {
	0% { transform: translate(-50%,-50%); opacity: 0;}
	100% {transform:translate(35%, -274%); opacity: 1;}
}
@keyframes stretch3 {
	0% { transform: translate(-50%,-50%); opacity: 0;}
	100% {transform:translate(-134%, 80%); opacity: 1;}
}
@keyframes stretch4 {
	0% { transform: translate(-50%,-50%); opacity: 0;}
	100% {transform:translate(55%, -60%); opacity: 1;}
}
@keyframes stretch5 {
	0% { transform: translate(-50%,-50%); opacity: 0;}
	100% {transform:translate(85%, 140%); opacity: 1;}
} 

/* 이거로 선택 !
	사용 클레스 : static_ani 
	정해진 자리에서 아래서 위로 나타나는 모션 
*/
.keywords_wrap li:nth-child(1) {
	padding:20px 80px; 
}
.keywords_wrap.static_ani.show li:nth-child(1) { /*초딩교육의무화*/

	animation: static1 0.7s forwards; 
	animation-delay:0.5s;
	transform: translate(-110%, -210%) /* Y 기존값 -240 (30 up) */
}
.keywords_wrap.static_ani.show li:nth-child(2) {/*기술 잘짜는*/
	animation: static2 0.7s forwards; 
	animation-delay: 0.9s;
	transform: translate(24%, -150%); /* Y 기존값 -180 */
}
.keywords_wrap.static_ani.show li:nth-child(3) {/*무엇이 좋은가*/
	animation: static3 0.7s forwards; 
	animation-delay: 1.3s;
	transform: translate(-150%, -20%) /* Y 기존값 -50 */
}
.keywords_wrap.static_ani.show li:nth-child(4) {/*뭐배워야할까*/
	animation: static4 0.7s forwards; 
	animation-delay: 1.7s;
	transform: translate(46%, 70%); /* Y 기존값 40 */
}
.keywords_wrap.static_ani.show li:nth-child(5) {/*왜배워야할까*/
	animation: static5 0.7s forwards; 
	animation-delay: 2.1s;
	transform: translate(-150%, 185%) /* Y 기존값 155 */
}


@keyframes static1 {
	0% {opacity: 0; transform: translate(-110%, -210%)}
	100% { opacity: 1; transform: translate(-110%, -240%) }
}
@keyframes static2 {
	0% {opacity: 0; transform: translate(24%, -150%);}
	100% {opacity: 1; transform: translate(24%, -180%);}
}
@keyframes static3 {
	0% { opacity: 0;transform: translate(-150%, -20%); }
	100% { opacity: 1;transform: translate(-150%, -50%); }
}
@keyframes static3_tbl {
	0% { opacity: 0;transform: translate(-130%, -20%); }
	100% { opacity: 1;transform: translate(-130%, -50%); }
}
@keyframes static4 {
	0% { opacity: 0; transform: translate(46%, 70%);}
	100% {opacity: 1; transform: translate(46%, 40%);}
}
@keyframes static5 {
	0% { opacity: 0; transform: translate(-150%, 185%);}
	100% {opacity: 1; transform: translate(-150%, 155%);}
}

.keywords_wrap img {
	width:600px; 
}

/* ----------------------- section_03 */

.section_03 {
	margin-top: -120px;
	z-index: 2;
	padding: 0;
	background: transparent;
}

.section_03 .title_wrap {
	background:url("../../images/20231009/section3-bg.png") no-repeat top center  / cover;
	padding:215px 0 151px; 
}
.section_03 .title_wrap .title strong{
	color:#7CDCFD;
	font-size: 58px;
}

#motion_txt2 {
	display: flex;
	align-items: flex-end;
	justify-content: center;
} 

/* ----------------------- section_05 */

.section_05 {
	padding:176px 0 167px;
	background:url("../../images/20231009/section4-bg.png") no-repeat center / cover;
}
.section_05.fixed {
	position:fixed;
	top:78%;
}
.section_05 .title_wrap {
	margin-bottom:64px; 
}

.section_05 .title_wrap > p strong {
	font-weight:500;
}

.section_05 .title_wrap .title strong {
	color:#2BF6FE;
}
.video_01 {
	width:100%; 
	max-width:900px;
	margin:0 auto; 
	text-align:center;
}
.video_01 .video_wrap {
	margin-bottom:20px;
	position:relative;
	height: 506px;
	border-radius: 24px;
	overflow:hidden;
	border:2px solid #fff;
}
.video_01 [poster] {
	height:506px;
	width:100%;
}
.video_01 video {
	height:100%;
}
.video_01 p {
	color:#fff; 
	font-size:23px; 
	font-weight:300;
}
.video_btn {
	border-radius:50%;
	width:100px;
	height:100px;
	text-indent:-999999em;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	display: none;
}
.video_btn.play {
	background:url("../../images/20231009/ico_play.svg") no-repeat center / cover;
}

.video_btn.stop {
	background:url("../../images/20231009/ico_stop%EF%B9%96v=1.1.svg") no-repeat center / cover;
}

.video_wrap.stop .video_btn.play {
	display: block;
}
.video_wrap.play:hover .video_btn.play {
	display: none;
}
.video_wrap.play:hover .video_btn.stop {
	display: block;
} 

/* ----------------------- section_06 */

.section_06 {
	padding:500px 0 0; 
	margin-bottom: 400px;
	background:transparent;
}

.section_06 .box {
	display: flex;
	justify-content: space-between;
	max-width:1060px;
}

.section_06 .title_wrap {
	text-align:left;
}

.section_06 .title_wrap .sticky {
	position:sticky;
	transform:translateY(-50%);
	transition:0.3s;
	top:50%;
}

.section_06 .title_wrap .title,
.section_06 .title_wrap .title strong {
	font-size:46px;
}
.section_06 .title_wrap .title strong {
	position:relative;
}

.section_06 .title_wrap .title strong:after {
	content:"";
	position:absolute;
	top:-10px;
	left:0;
	right:0;
	height:134%;
	z-index: -1;
	background:url("../../images/20231009/section06-textline.svg") no-repeat center / 100%;
}
.card_list_01 {
	margin-top: -10%;;
}
.card_list_01 ul {
	display:flex;
	flex-direction: column;
	margin-top: -20%;
}
.card_list_01 ul li {
	position:relative;
	display:flex; 
	align-items:center; 
	justify-content:center;
	margin-bottom:40px;
	border-radius:16px;
	width:500px;
	height:390px;
}
.card_list_01 ul li:last-child {
	margin-bottom: 0;
}
.card_list_01 ul li p {
	position: absolute; 
	top: 50%; 
	left: 50%;
	transform:translate(-50%,-50%);
	width: 100%; 
	height: 100%;
	color:#fff; 
	font-size:18px; 
	line-height:1.52; 
	letter-spacing:-0.04em;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	width:65%;
}
.card_list_01 ul li p strong {
	display:block;
	font-size:34px; 
	font-weight:500;
	margin-bottom:15px;
	font-family: 'TmoneyRoundWindExtraBold';
}


/* ----------------------- section_07 */

.section_07 {
	padding:135px 0 222px;
	background:url("../../images/20231009/section7-bg.png") no-repeat top center / cover;

}
.section_07 .title_wrap {
	margin-bottom:60px;
}

.section_07 .title strong {
	color:#EEFD36;
	font-size:66px;
	position:relative;
}
.section_07 .title strong:after {
	background: url("../../images/20231009/title-line-bg.png") no-repeat center bottom / 100%;
	content: "";
	bottom: 0;
	left: 50%;
	transform: translate(-50%);
	display: inline-block;
	width: 125%;
	height: 100%;
	position: absolute;
	z-index: -1;
}
.card_list_02, .card_list_02 ul {
	display:flex;
	width:100%; 
	max-width:1034px;
	margin:0 auto;
}
.card_list_02 ul li {
	position:relative;
	display:flex; 
	justify-content:center;
	padding:30px 10px; 
	margin-right:10px;
	border-radius:30px;
	width:20%;
	cursor: pointer;
	transition: 0.3s;
	position:relative;
	flex-direction: column;
	min-height:460px;
	height: auto;
}
.card_list_02 ul li .img {
	position:relative;
}
.card_list_02 ul li .img a {
	position: absolute;
	background:#0C002E;
	border-radius: 20px;
	color:#fff;
	padding:7px 16px;
	right:35px;
	bottom:40px;
	display: flex;
	font-size: 12px;
	align-items: center;
}
.card_list_02 ul li .img a:after {
	content:"";
	display: inline-block;
	width:11px;
	height:13px;
	margin-left:3px;
	background:url("../../images/20231009/section7-arrow.png") no-repeat center / cover;
}
.card_list_02 ul li .hide {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.card_list_02 ul li:first-child {background: #FDA30F;}
.card_list_02 ul li:nth-child(2) {background: #1EAEFC;}
.card_list_02 ul li:nth-child(3) {background: #78BF02;}
.card_list_02 ul li:nth-child(4) {background: #A54AFF; margin-right:0;}

.card_list_02 ul li:first-child p span {color:#FDA30F;}
.card_list_02 ul li:nth-child(2) p span {color:#1EAEFC;}
.card_list_02 ul li:nth-child(3) p span {color:#78BF02;}
.card_list_02 ul li:nth-child(4) p span {color:#A54AFF;}

.card_list_02 ul li > div {
	display:flex; 
	flex-direction:column; 
	justify-content:center;
	height:100%;
	overflow: hidden;
}
.card_list_02 ul li.on > div {
	justify-content: space-between;
}
.card_list_02 ul li p {
	color:#fff; 
	font-size:18px; 
	line-height:1.42; 
	letter-spacing:-0.04em;
	word-break: keep-all;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.card_list_02 ul li p:first-child {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom:10px;
}
.card_list_02 ul li p:nth-child(2) {
	color:rgba(255,255,255,0.8);
}
.card_list_02 ul li img {
	width:100%;
	height: auto;
	max-height: 255px;
	object-fit: cover;
	border: 4px solid #fff;
	border-radius: 23px;
	margin-top: 12px;
}
.card_list_02 ul li p span {
	display:block;
	width:80px;
	height:32px;
	font-size:14px; 
	font-weight:bold; 
	line-height:36px; 
	text-align:center;
	margin-bottom:6px; 
	background:#fff; 
	font-family: "GmarketSans", sans-serif;
	border-radius:20px;
}

.card_list_02 ul li p strong {
	font-family:"GmarketSans", sans-serif;
	display:block;
	font-size:23px; 
	font-weight:600;
	letter-spacing: -0.08em;
	text-align: center;
	line-height: 1.3;
	margin-bottom: 8px;
}

.card_list_02 ul li.on {
	padding:33px 26px;
	width:38%;
	min-height: 500px;
	height: auto;
}
.card_list_02 ul li.on p:first-child {
	align-items: baseline;
}
.card_list_02 ul li.on .hide {
	position: relative;
	opacity: 1;
	visibility: visible;
	display: block;
	max-height: none;
	overflow: visible;
}
@keyframes card_hover_ani {
	0% {opacity: 0; visibility: hidden; }
	100% {opacity: 1; visibility: visible; }
}
/* ----------------------- section_08 */

.section_08 .container {
	max-width:1420px;
}
.section_08 .title_wrap {
	margin-bottom: 33px;
}

.section_08 .title_wrap .title strong {
	color:#FDA30F;
}
.slider_01 {
	width:100%; 
	margin:0 auto;
	color:#fff; 
	text-align:center;
	padding:70px 0;
}

.slider_01 .slick-track {
	padding:100px 0;
}
.slider_01 .swiper-button-next:after, 
.slider_01 .swiper-button-prev:after {
	display: none;
}
.slider_01 .slide-item {
	transition:all 0.3s;
	filter:grayscale(1);
	cursor:pointer;
	width:460px;
	height:432px;
}
.slider_01 .slide-item:before {
	content:"";
	width:100%;
	height:120%;
	position:absolute;
	left:0;
	top:0;
	background:rgba(255,255,255,0.8);
	z-index: 2;
}

.slider_01 .slick-center {
	filter:grayscale(0);
	transform:scale(1.37);
	z-index:1;
}

.slider_01 .slick-center:before  {
	display: none;
}

.slider_01 .slick-center .slide-item-title {
	transform:translateY(-10px)
}
.slider_01 .slick-next, 
.slider_01 .slick-prev {
	position:absolute;
	width:68px;
	text-indent: -99999em;
	height:68px;
	margin-top:0;
	z-index: 2;
	top:50%; 
	left:50%;
	transform:translate(50%, -50%);
	background:url("../../images/20231009/funfunslide-ico-right.svg") no-repeat center / cover;

	display: none !important;
}
.slider_01 .slick-prev {
	margin-left:-435px;
	background:url("../../images/20231009/funfunslide-ico-left.svg") no-repeat center / cover;
}
.slider_01 .slick-next {
	/* right:22%; */
	margin-left:300px;
}
.slider_01 .slide-1-bullet {
	position:absolute;
	display: flex !important;
	width:100%;
	justify-content: center;
	top:0;
	left:50%;
	transform:translateX(-50%);
}
.slider_01 .slide-1-bullet > li {
	height:auto;
	font-size:22px; line-height:2.5;
	padding:0 27px;
	border-radius:30px;
	background:#EAEAEA;
	opacity:1;
	color:#C1C1C1;
	width:auto;
	cursor: pointer;
	margin: 0 5px;
}
.slider_01 .slide-1-bullet > li button {
	text-indent: -99999em;
	padding:0;
	width:0;
}
.slider_01 .slide-1-bullet > li.slick-active {
	background:#FDA328;
	color:#fff;
}
.slider_01 .slide-1-bullet > li:first-child::before {
	content:'스크래치 주니어';
}
.slider_01 .slide-1-bullet > li:nth-child(2)::before {
	content:'스크래치';
}
.slider_01 .slide-1-bullet > li:nth-child(3)::before {
	content:'스크래치 연구실';
}
.slider_01 .slide-1-bullet > li:nth-child(4)::before {
	content:'스크래치 게임';
}
.slider_01 .slide-1-bullet > li:nth-child(5)::before {
	content:'스크래치 AI 연구실';
}


.slider_01 .slide-item {
	padding:11px;
	background:#FDA30F; border-radius:30px;
	position: relative;
}
.slider_01 .slide-item .slide-item-title {
	display:inline-block;
	font-size:20px;
	padding:12px 0;
	text-align: center;
	width:210px;
	background:#FDA30F;
	border-radius: 40px;
	margin-top: -50%;
}
.slider_01 .slide-item p {
	font-size:16px;
	padding-bottom: 10px;
} 
.slider_01 .slide-item p.mgt {
	margin-top: -14px;
	padding-bottom:0;
}


/* ----------------------- section_08 */

/* ----------------------- section_081 */

.section_081 {
	/* padding:156px 0 170px; */
	background:#F2FAFF;
}

.section_081 .container {
	max-width:1420px;
}
.section_081 .title_wrap {
	margin-bottom: 33px;
}

.section_081 .title_wrap strong {
	color:#1EAEFC;
}
.section_081 .title_wrap .title strong {
	color:#FDA30F;
}
.slider_081 {
	width:100%; 
	margin:0 auto;
	color:#fff; 
	text-align:center;
	padding:70px 0;
}

.slider_081 .slick-track {
	padding:100px 0;
}
.slider_081 .swiper-button-next:after, 
.slider_081 .swiper-button-prev:after {
	display: none;
}
.slider_081 .slide-item {
	transition:all 0.3s;
	filter:grayscale(1);
	cursor:pointer;
	width:460px;
	height:432px;
}
.slider_081 .slide-item:before {
	content:"";
	width:100%;
	height:120%;
	position:absolute;
	left:0;
	top:0;
	background:rgba(255,255,255,0.8);
	z-index: 2;
}

.slider_081 .slick-center {
	filter:grayscale(0);
	transform:scale(1.37);
	z-index:1;
}

.slider_081 .slick-center:before  {
	display: none;
}

.slider_081 .slick-center .slide-item-title {
	transform:translateY(-10px)
}
.slider_081 .slick-next, 
.slider_081 .slick-prev {
	position:absolute;
	width:68px;
	text-indent: -99999em;
	height:68px;
	margin-top:0;
	z-index: 2;
	top:50%; 
	left:50%;
	transform:translate(50%, -50%);
	background:url("../../images/20231009/funfunslide-ico-right.svg") no-repeat center / cover;

	display: none !important;
}
.slider_081 .slick-prev {
	margin-left:-435px;
	background:url("../../images/20231009/funfunslide-ico-left.svg") no-repeat center / cover;
}
.slider_081 .slick-next {
	/* right:22%; */
	margin-left:300px;
}
.slider_081 .slide-1-bullet {
	position:absolute;
	display: flex !important;
	width:100%;
	justify-content: center;
	top:0;
	left:50%;
	transform:translateX(-50%);
}
.slider_081 .slide-1-bullet > li {
	height:auto;
	font-size:22px; line-height:2.5;
	padding:0 27px;
	border-radius:30px;
	background:#EAEAEA;
	opacity:1;
	color:#C1C1C1;
	width:auto;
	cursor: pointer;
	margin: 0 5px;
}
.slider_081 .slide-1-bullet > li button {
	text-indent: -99999em;
	padding:0;
	width:0;
}
.slider_081 .slide-1-bullet > li.slick-active {
	background:#FDA328;
	color:#fff;
}
.slider_081 .slide-1-bullet > li:first-child::before {
	content:'아두이노';
}
.slider_081 .slide-1-bullet > li:nth-child(2)::before {
	content:'라즈베리파이';
}
.slider_081 .slide-1-bullet > li:nth-child(3)::before {
	content:' VEX 로봇';
}
.slider_081 .slide-1-bullet > li:nth-child(4)::before {
	content:'레고 마인드스톰';
}
.slider_081 .slide-1-bullet > li:nth-child(5)::before {
	content:'로봇대회 준비반';
}


.slider_081 .slide-item {
	padding:11px;
	background:#FDA30F; border-radius:30px;
	position: relative;
}
.slider_081 .slide-item .slide-item-title {
	display:inline-block;
	font-size:20px;
	padding:12px 0;
	text-align: center;
	width:210px;
	background:#FDA30F;
	border-radius: 40px;
	margin-top: -50%;
}
.slider_081 .slide-item p {
	font-size:16px;
	padding-bottom: 10px;
} 
.slider_081 .slide-item p.mgt {
	margin-top: -14px;
	padding-bottom:0;
}


/* ----------------------- section_082 */

.section_082 {
	/* padding:156px 0 170px; */
	background:#faf8f9;
}

.section_082 .container {
	max-width:1420px;
}
.section_082 .title_wrap {
	margin-bottom: 33px;
}

.section_082 .title_wrap strong {
	color:#1EAEFC;
}
.section_082 .title_wrap .title strong {
	color:#FDA30F;
}
.slider_082 {
	width:100%; 
	margin:0 auto;
	color:#fff; 
	text-align:center;
	padding:70px 0;
}

.slider_082 .slick-track {
	padding:100px 0;
}
.slider_082 .swiper-button-next:after, 
.slider_082 .swiper-button-prev:after {
	display: none;
}
.slider_082 .slide-item {
	transition:all 0.3s;
	filter:grayscale(1);
	cursor:pointer;
	width:460px;
	height:432px;
}
.slider_082 .slide-item:before {
	content:"";
	width:100%;
	height:120%;
	position:absolute;
	left:0;
	top:0;
	background:rgba(255,255,255,0.8);
	z-index: 2;
}

.slider_082 .slick-center {
	filter:grayscale(0);
	transform:scale(1.37);
	z-index:1;
}

.slider_082 .slick-center:before  {
	display: none;
}

.slider_082 .slick-center .slide-item-title {
	transform:translateY(-10px)
}
.slider_082 .slick-next, 
.slider_082 .slick-prev {
	position:absolute;
	width:68px;
	text-indent: -99999em;
	height:68px;
	margin-top:0;
	z-index: 2;
	top:50%; 
	left:50%;
	transform:translate(50%, -50%);
	background:url("../../images/20231009/funfunslide-ico-right.svg") no-repeat center / cover;

	display: none !important;
}
.slider_082 .slick-prev {
	margin-left:-435px;
	background:url("../../images/20231009/funfunslide-ico-left.svg") no-repeat center / cover;
}
.slider_082 .slick-next {
	/* right:22%; */
	margin-left:300px;
}
.slider_082 .slide-1-bullet {
	position:absolute;
	display: flex !important;
	width:100%;
	justify-content: center;
	top:0;
	left:50%;
	transform:translateX(-50%);
}
.slider_082 .slide-1-bullet > li {
	height:auto;
	font-size:22px; line-height:2.5;
	padding:0 27px;
	border-radius:30px;
	background:#EAEAEA;
	opacity:1;
	color:#C1C1C1;
	width:auto;
	cursor: pointer;
	margin: 0 5px;
}
.slider_082 .slide-1-bullet > li button {
	text-indent: -99999em;
	padding:0;
	width:0;
}
.slider_082 .slide-1-bullet > li.slick-active {
	background:#FDA328;
	color:#fff;
}
.slider_082 .slide-1-bullet > li:first-child::before {
	content:'HTML/CSS/JS';
}
.slider_082 .slide-1-bullet > li:nth-child(2)::before {
	content:'웹게임 메이커스';
}
.slider_082 .slide-1-bullet > li:nth-child(3)::before {
	content:'웹 메이커스';
}
.slider_082 .slide-1-bullet > li:nth-child(4)::before {
	content:' 모바일 메이커스';
}
.slider_082 .slide-1-bullet > li:nth-child(5)::before {
	content:'인공지능 기초';
}
.slider_082 .slide-1-bullet > li:nth-child(6)::before {
	content:'인공지능 메이커스';
}

.slider_082 .slide-item {
	padding:11px;
	background:#FDA30F; border-radius:30px;
	position: relative;
}
.slider_082 .slide-item .slide-item-title {
	display:inline-block;
	font-size:20px;
	padding:12px 0;
	text-align: center;
	width:210px;
	background:#FDA30F;
	border-radius: 40px;
	margin-top: -50%;
}
.slider_082 .slide-item p {
	font-size:16px;
	padding-bottom: 10px;
} 
.slider_082 .slide-item p.mgt {
	margin-top: -14px;
	padding-bottom:0;
}

/* ----------------------- section_09 */

.section_09 {
	/* padding:156px 0 170px; */
	background:#F2FAFF;
}
.section_09 .container {
	max-width:1320px;
}
.section_09 .title_wrap {
	margin-bottom:58px;
}
.section_09 .title_wrap strong {
	color:#1EAEFC;
}

.section_09 .card_slide .card {
	width:560px;
	border-radius: 40px;
	filter: grayscale(1);
	position: relative;
	cursor: pointer;
	background:#fff;
	transition:0.3s;
	margin:0 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	max-width:49%;
}
.section_09 .card_slide .card:after {
	content:"";
	position:absolute;
	top: 0; 
	left: 0;
	background:rgba(255,255,255,0.6);
	z-index: 100;
	display: inline-block;
	width:100%;
	height:100%;
}
.card.point .thumb > *:not(.content) {
	position: absolute;;
}
.section_09 .card_slide .thumb {
	border-radius: 40px 40px 0 0;
	overflow: hidden;
	padding:10px;
	overflow: hidden;
	height:100%; 
}
.section_09 .card_slide .thumb .img {
	width:100%;
	height:100%;
	border-radius: 28px 28px 0 0;
	position:relative;
	overflow:hidden;
	display: flex;
	justify-content: center;
	border:1px solid #f5f5f5;
}
.section_09 .card_slide:last-child .thumb .img {
	display: flex;
	justify-content: center;
}

.card_slide .thumb .img video {
	height:100%;
	width:100%;
}


.section_09 .card_slide .card:after {
	border-radius: 40px;
}
.section_09 .card_slide .card:last-child,
.section_09 .card_slide .card:last-child:after{
	border-radius: 40px;
}
.section_09 .card_slide .content {
	border-top:1px dashed #A0D6E6;
	padding:35px 0 52px;
	text-align: center;
}
.section_09 .card_slide .content h3 {
	font-weight: 500;
	color:#022962;
	font-size: 26px;
	font-family: 'TmoneyRoundWindExtraBold', sans-serif;
}
.section_09 .card_slide .content h3 span {
	display: inline-block;
	width:40px;
	line-height: 43px;
	height:49px;
	background:url("../../images/20231009/section9-chat.png") no-repeat center / cover;
	color:#fff;
	font-family: 'TmoneyRoundWindExtraBold';
	text-align: center;
	margin-right:10px;
	font-size: 17px;
}
.section_09 .card_slide .content p {
	color:#606060;
	font-size: 18px;
}
.section_09 .card_slide .card:hover {
	filter:none;
}

.section_09 .card_slide .card.on {
	filter:none;
	box-shadow: 4px 8px 20px #00000014;
	transform: scale(1.05);
}
.section_09 .card_slide .card.on:after,
.section_09 .card_slide .card:hover:after  {
	opacity: 0;
	z-index: -1;
}

#poster img {
	max-width:initial;
	width:100%;
}
#poster.show {
	z-index: 2000;
	display: flex;
	justify-content: center;
}

.slider_02 {
	width:100%; 
	max-width:763px; 
	margin:0 auto;
	color:#fff; 
	text-align:center;
	padding:0 0 30px;
}
.slider_02 .swiper-slide:not(.swiper-slide-active) {
	opacity:0 !important;
}
.slider_02 .slide_title {
	font-size:24px; 
	/* font-weight:500; */
	padding:15px 0;
	width:80%;
	border-radius: 100px;
	background:rgba(0,0,0,0.2);
	margin:0 auto 40px;
	font-family: 'TmoneyRoundWindExtraBold';
}
.slider_02 .slide_title + .img {
	border:10px solid #fff;
	border-radius: 34px;
	overflow: hidden;
	margin-bottom:20px;
}
.slider_02 .icon{
	position:absolute; 
	right:-100px; 
	bottom:-50px;
	width:auto;
}
.slider_02 .icon.gif {
	max-width:178px;
	right:-9%;
	bottom:-29px;
}
.slider_02 .change_img .icon.gif img:nth-child(2) {
	position: absolute;
	left: 3px;
	opacity: 0;
	top: -5px;
}
.slider_02 .swiper-slide.change_img.swiper-slide-active .icon.gif img:nth-child(1) {
	/* gif */
	transition-delay : 2.2s;
	opacity: 0;
}

.slider_02 .swiper-slide.change_img.swiper-slide-active .icon.gif img:nth-child(2) {
		/* img */
	transition-delay : 2.2s;
	opacity: 1;
}

.slider_02 .swiper-slide:nth-child(1) .icon,
.slider_02 .swiper-slide:nth-child(3) .icon {
	animation: upDown_ani 1s infinite ease; 
}


.slider_02 .swiper-button-next,
.slider_02 .swiper-button-prev {
	width:36px; 
	height:36px;
	top: 15px;
	transform:translateY(0);
	margin-top:0;
	background:url("../../images/20231009/section9-icn2-right.svg") no-repeat center / auto 15px;
}
.slider_02 .swiper-button-next {
	right:20%;
}
.slider_02 .swiper-button-prev {
	left:20%;
	transform:translate(0) rotate(180deg);
}
.slider_02 .swiper-pagination-bullet {
	background:rgba(255,255,255,0.66);
}
.slider_02 .swiper-pagination-bullets .swiper-pagination-bullet-active {
	background:#F7FF29;
}



/* ----------------------- section_10 */
/* ----------------------- slider 슬라이더 */

.slider_02 {
	padding:0 60px 30px;
	overflow: visible;
}
.slider_02 .img {
	width:100%; 
	max-width:580px;
	margin:0 auto;
}
.swiper-button-next,
.swiper-button-prev {
	width:50px; height:90px;	
	font-size:0;
	background:url("../../images/20231009/section8-icn2-right.svg") no-repeat center;
	transform:translateY(-50%);
}
.swiper-button-next {
	right:0;
}
.swiper-button-prev {
	left:0;
	transform:translateY(-50%) rotate(180deg);
}
.slider_02 .basic-pagination {
	display:flex; align-items:center; justify-content:center;
	bottom:0;
}
.slider_02 .swiper-pagination-bullets .swiper-pagination-bullet {
	width:12px; height:12px;
	margin:0 5px;
}
.slider_02 .swiper-pagination-bullets .swiper-pagination-bullet-active {
	background:#668EFC;
}

.section_10 {
	background:url("../../images/20231009/section10-bg.png") no-repeat center / cover;
}
.section_10 .title_wrap {
	margin-bottom: 30px;
}
.section_10 .title_wrap strong {
	font-size:inherit;
	color:#F7FF29;
}

.card_slide {
	display:flex; 
	justify-content:center;
	margin:64px auto 0;
}
.card_slide .swiper-slide {
	background:#fff;
	display: flex;
}
.card_slide .swiper_visual {
	width:690px;

}

.card_slide .swiper_controls {
	flex:1; margin-left:16px;
}
.card_slide .swiper_controls .swiper-slide {
	color:#fff; font-size:20px;
	padding:38px 30px 80px;
	border-radius:16px;
}
.card_slide .swiper_controls .swiper-slide:first-child {
	background:#78BF02;
}
.card_slide .swiper_controls .swiper-slide:nth-child(2) {
	background:#FF9300;
}
.card_slide .swiper_controls .swiper-slide:nth-child(3) {
	background:#A54AFF;
}
.card_slide .swiper_controls .swiper-slide .slider_title {
	font-size:28px; font-weight:700;
	margin-bottom:24px;
}
.card_slide_bottom {
	position:absolute; bottom:0; left:0; right:0; z-index:1;
	display:flex; align-items:center;
	padding:0 30px 30px;
}
.card_slide_pagination {
	font-family:"NanumSquare";
	color:#fff; font-size:18px; font-weight:700;
}
.card_slide_btn {
	display:flex; margin:0 -6px;
}
.slider_btn {
	width:42px; height:42px;
	margin:0 6px;
	font-size:0;
	background:#fff; border-radius:50%;
}
.slider_btn.swiper-button-disabled {
	opacity:0.5;
}


/* ----------------------- section_11 */

.section_11 {
	background:#F7F7F7;
}

.section_11 .title_wrap {
	font-size:39px;
	margin-bottom:40px;
}

.section_11 .title_wrap .title strong {
	color:#A54AFB;
}
.card_list_03 ul {
	display: flex;
	justify-content:space-between;
}
.card_list_03 ul li {
	width:380px;
	height:400px;
	display: flex;
	flex-direction: column;
	border-radius: 20px;
	overflow: hidden;
}

.card_list_03 ul li .img {
	height:240px;
	background:#ccc; 
	width:100%;
	background:no-repeat center top / 100%;
}
.card_list_03 ul li:first-child .img {
	background-image:url("../../images/20231009/img/20231009-report-01@2x.png");
}
.card_list_03 ul li:nth-child(2) .img {
	background-image:url("../../images/20231009/img/20231009-report-02@2x.png");
}
.card_list_03 ul li:nth-child(3) .img {
	background-image:url("../../images/20231009/img/20231009-report-03@2x.png");
}

.card_list_03 ul li p {
	background:#fff;
	height:157px;
	display:flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	color:#6F6F6F;
}
.card_list_03 ul li strong {
	margin-bottom: 10px;
	font-size: 24px;
	color:#2E2E2E;
	font-family: 'TmoneyRoundWindExtraBold', sans-serif;
	letter-spacing: -0.1em;
}

/* ----------------------- section_12 */

.section_12 {
	overflow:hidden;
	padding:165px 0 0;
	padding:99px; background:url("../../images/20231009/section12-bg.png") no-repeat center / cover;
}

.section_12::before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7);}
.section_12 .title_wrap {position:relative; margin-bottom:0; color:#fff;}
.section_12 .title_wrap .title strong {color:#1EAEFC; font-size: 60px;}
.section_12 .sec_line_02 {display:none;}


/* ----------------------- section_13 */

.section_13 {
	padding:232px 0 0;
	background:#7E2EFF;
	display: flex;
	justify-content: center;
	text-align:left;
}
.section_13 .title_wrap {
	text-align:left;
	
}
.section_13 .info {
	height:120px;
	width:100%;
	background:#671ED6;
	color:#AE92DB;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom:0;
}
.section_13 .title_wrap .title strong {
	color:#64C9FF;
	font-size:inherit;
	letter-spacing: 0;
}
.section_13 .title_wrap .title {
	position:relative;
}

.section_13 .chat {
	position:absolute;
	bottom:-19px;
	right:-78px;
	z-index: -1;
	background:url("../../images/20231009/section13-chat.svg") no-repeat center / cover;

}

.section_13 .title_wrap .title p {
	color:inherit;
	margin-top:27px;
}
.chat_list {
	max-width:700px;
	margin-left:8vw;
	margin-bottom:170px;
}
.section_13:after {
	position:absolute;
	content:"";
	right:0;
	bottom:120px;
	background:rgba(0,0,0,0.08);
	border-radius: 164px 0 0 0;
	width:57vw;
	height:calc(100% - 220px);
	max-width:1200px;
}

.chat_list ul {
	width:100%;
}
.chat_list ul li {
	display:flex; justify-content:flex-end;
}
.chat_list ul li ~ li {margin-top:16px;}
.chat_list ul li .chat_content {
	color:#7E2DFB; 
	font-size:20px;
	padding:26px 30px;
	background:#fff; 
	border-radius:24px 24px 0 24px; 
	box-shadow:4px 12px 12px #00000014;
	font-family: 'nanumsquareround';
	font-weight: bold;
}
.chat_list ul li.chat_left {
	justify-content:flex-start;
	width:100%; 
	max-width:88%;
	margin-bottom:47px;
}
.chat_list ul li.chat_left .chat_thumb {
	position: absolute;
	width:177px;
	top:-50px;
}

.chat_list ul li.chat_left .chat_text {
	flex:1;
	padding-left:163px;
}
.chat_list ul li.chat_left .chat_text p {
	color:#fff; 
	font-size:28px; 
	font-weight:700;
	margin-bottom:8px;
	font-family: 'nanumsquareround';
}
.chat_list ul li.chat_left .chat_content {
	color:#fff; 
	background:#722AE3;
	border:2px solid rgba(255,255,255,0.15);
	box-shadow:4px 12px 8px #00000033; 
	border-radius:0 24px 24px 24px;
	font-weight: normal;
	letter-spacing: -0.03em;
}

.chat_list ul li.chat_right .chat_thumb {
	position:absolute;
	right:0;
	top:0;
	transform:translate(50%, -60%);
	max-width:110px;
}



/* ----------------------- section_14 */

.section_14 {
	align-items:flex-end;
}

.section_14 .title_wrap span {
	color:#7E2DFB; 
}
.section_14 .title_wrap .title strong {
	color:#7E2DFB; 
	font-size:inherit;
}

.section_14 .info {
	background:#F7F7F7;
	padding: 41px 0;
	text-align: center;
	color:#555;
}
.device_slider {
	position:relative;
	max-width:770px;
	display: flex;
	margin: 0 auto;
	align-items:flex-end;
}
.device_slider > div {
	position:relative;
	transition:0.5s;
	z-index: 0;
	cursor: pointer;
}
.device_slider > div.on .finger {
	opacity: 0;
}

.device_slider .finger {
	position:absolute;
	max-width:220px;
	left: -14%;
	bottom: 9%;
	display: none;
}
.device_slider > div.mobile .finger {
	left: 59%;
	bottom: -18%;
	max-width: 159px;
}
.device_slider > div.pc {
	transform:scale(0.95) translate(9%, 3%);
}
.device_slider > div.mobile {
	transform:scale(0.95) translate(-19%, -3%);
}
.device_slider > div.pc.on {
	transform:scale(1.05) translate(5px,0px);
	z-index: 2;
}
.device_slider > div.mobile.on {
	transform:scale(1.1) translate(-23%, -7%);
	z-index: 2;
}

.device_slider > .pc img:first-child { /* 비활이미지 */
	opacity: 0;
}

 .device_slider > .pc img:nth-child(2) { /* 활성이미지 */
	opacity: 1;
}

.device_slider > div.on img:first-child { /* 비활이미지 */
	animation:hideImg 0.3s ease forwards;
}

 .device_slider > div.on img:nth-child(2) { /* 활성이미지 */
	animation:showImg 0.3s ease forwards;
}

.device_slider > div.hide img:first-child { /* 비활이미지 */
	animation:showImg 0.3s ease forwards;
}

 .device_slider > div.hide img:nth-child(2) { /* 활성이미지 */
	animation:hideImg 0.3s ease forwards;
}


.device_slider > div img:first-child {
	position: absolute;
}
.device_ctrl {
	display: flex;
	align-items: center;
	justify-content: center;
	margin:60px 0;
}
.device_ctrl > button {
	background:none;
	border:none;
	border:1px solid #BFBFBF;
	border-radius: 32px;
	font-size: 22px;
	padding:11px 36px;
	display: inline-block;
	margin:0 10px;
	color:#BFBFBF;
	font-weight: 600;
}
.device_ctrl > button.on {
	color:#7E2DFB;
	border-color:#7E2DFB;
}
.device_slider + p {
	font-size:20px;
	text-align:center;
}

@keyframes pc {
	0% {transform:translate(0px, 0px);}
	50% {transform:translate(-10%, -3%);}
	100% {transform:translate(0px, 0px);}
}


@keyframes mobile {
	0% {transform:translate(0, 0);}
	50% {transform:translate(25%, 10%);}
	100% {transform:translate(0,0); }
}
@keyframes showMobile {
	0% {transform:translate(0, 0);}
	40% {transform:translate(25%, 10%); z-index:1;}
	60% { z-index:0;}
	80% {transform:translate(0, 0);}
	100% {transform:translate(0, 0);}
}


@keyframes showImg {
	0% {opacity: 0; visibility: hidden; }
	100% {opacity: 1; visibility: visible;}
}
@keyframes hideImg {
	0% {opacity: 1; visibility: visible; }
	100% {opacity: 0; visibility: hidden;}
}

@keyframes lastImg {
	0% {opacity: 0; visibility: hidden;}
	20% {opacity: 0; visibility: hidden; }
	30% {opacity: 0; visibility: hidden; }
	35% {opacity: 1; visibility: visible;}
	40% {opacity: 1; visibility: visible;}
	70% {opacity: 1; visibility: visible;}
	80% {opacity: 1; visibility: visible;}
	85% { opacity: 0; visibility: hidden; }
	90% {opacity: 0; visibility: hidden;}
	100% {opacity: 0; visibility: hidden;}
}


/* ----------------------- section_15 */

.section_15 {padding-top:120px; padding-bottom:150px;}
.section_15 .title_wrap {margin-bottom:30px;}
.card_list_04 {margin:0 -10px;}
.card_list_04 ul {display:flex; justify-content:space-between; align-items:center;}
.card_list_04 ul li {margin:10px; text-align:center; border:1px solid #D6D6D6; border-radius:16px; overflow:hidden;}
.card_list_04 ul li ~ li {margin-top:16px;}
.card_list_04 ul li p {color:#7B7B7B; font-size:15px; padding:20px 5px; word-break:keep-all;}
.card_list_04 ul li p span {color:#042c57; font-size: 14px; font-weight: 700;}
.card_list_04 ul li p strong {display:block; font-size:24px; line-height: 30px; font-weight:700; margin-bottom:7px;}
.card_list_04 ul li:first-child p strong {color:#3067fb;}
.card_list_04 ul li:nth-child(2) p strong {color:#1EAEFC;}
.card_list_04 ul li:nth-child(3) p strong {color:#6E2FFB;}


/* ----------------------- section_16 */

.section_16 {
	background:url("../../images/20231009/section16-bg.png") no-repeat center / cover;
}
.section_16 .title_wrap > p {
	color:#fff; font-size:29px;
}
.section_16 .title_wrap .title {
	color:#fff; font-size:54px; font-weight:700;
}
.section_16 .title_wrap .title strong {
	color:#1EAEFC; 
	font-size:inherit;
	position:relative;
}
.section_16 .title_wrap .title strong:after {
	content: "";
	position: absolute;
	bottom: 0px;
	right: 0;
	left: -78px;
	width: auto;
	height: 120%;
	background: url('../../images/20231009/section15-textline.svg') no-repeat center / auto 100%;
}
.point span {
	position:relative;
	display: inline-block;
}
.point span:before {
	content:"";
	position:absolute;
	top:-9px;
	left:50%;
	transform:translateX(-50%);
	width:3px;
	height:3px;
	border-radius: 50%;
	display: inline-block;
	background:#fff;
}

.interview_wrap {
	width:1240px;
	overflow:hidden;
	padding:90px 0 ;
	margin: 0 auto;
}

.interview_wrap .slick-track {
	padding:50px 0;
}
.interview_card dl {
	-webkit-display:flex; 
	display:flex; 
	align-items: center;
	-webkit-flex-direction:column; 
	flex-direction:column; 
	padding:40px 27px;
	background:#fff; 
	border-radius:10px; 
	box-shadow:3px 3px 10px rgba(0,0,0,0.1);
	opacity:0.8;
	justify-content: center;
	margin: 0 9px;
	height:329px;
	width:calc(24% - 18px);
	transition:0.3s;
}
.interview_card dl.slick-center.slick-active {
	opacity: 1;
	transform:scale(1.15);
	z-index: 2;
	margin:0 30px;
}

.interview_card dl.swiper-slide-active + .swiper-slide {
	opacity:1;
	transform:scale(1.15);
	margin:0 30px;
}

.interview_card dl dt {
	-webkit-display:flex; 
	display:flex; 
	-webkit-align-items:center; 
	flex-direction: column;
	align-items:center; 
	font-size:16px;
}
.interview_card h3 {
	font-family: 'Cafe24Shiningstar';
	font-size: 40px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: normal;
}
.interview_card img {
	max-height:18px;
}
.interview_card p {
	font-size: 16px;
	line-height: 1.3em;
	text-align: center;
}

.interview_card .email {
	background:#F5F5F5;
	border-radius: 16px;
	color:#C4C4C4;
	padding:3px 20px 4px; 
	display: inline-block;
	margin-bottom:22px;
}

.interview_wrap .swiper-button-next, 
.interview_wrap .swiper-button-prev {
	width:68px; 
	height:68px;
	top:58%;
	left:50%;
	transform:translate(-50%,-50%);
}
.interview_wrap .swiper-button-next {
	background:url("../../images/20231009/section16-next.svg") no-repeat center / cover;
	/* right:10vw; */
	margin-left:655px;
}
.interview_wrap .swiper-button-prev {
	background:url("../../images/20231009/section16-prev.svg") no-repeat center / cover;
	/* left:10vw; */

	margin-left:-664px;
}




/* ----------------------- section_17 */

.section_17 {
	padding:0 0 105px;
	background:url("../../images/20231009/section17-pattern.svg") no-repeat center / cover #EDEDED;
}
.section_17 .count_area {
	background:#1EAEFC;
	position:relative;
	text-align: center;
	color:#fff;
	padding:62px 0;
	margin-bottom: 100px;
}
.section_17 .count_area:after {
	content:"";
	position:absolute;
	top:100%;
	left:50%;
	transform:translateX(-50%);
	width:0;
	height:0;
	border-top:35px solid #1EAEFC;
	border-right:50px solid transparent; 
	border-left:50px solid transparent; 
	border-bottom:50px solid transparent; 
}
/* .section_17 .count_area .sub_title {
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	display: inline-block;
	font-size: 28px;
	line-height: 50px;
	margin-bottom: 50px;
} */
.section_17 .count_area .count_wrap {
	font-family: "GmarketSans";
	font-size: 54px;
	font-weight: bold;
	line-height: 1.5em;

}
.section_17 .count_area #count {
	font-size: 100px;
}
.section_17 .mouse {
	position:absolute;
	bottom:0;
	right:0;
	max-width:122px;
	z-index: 233;
	transform: translate(28%,-25%);
}
.section_17 .mouse:after {
	position: absolute;
	bottom: 0;
	right: 0;
	content:"";
	width:100%;
	height:100%;
	border-radius: 50%;
	background:radial-gradient(#fff, transparent);
	display: inline-block;
}
.notice_marquee {
	width:760px;
	height:512px; 
	margin:0 auto; 
	box-shadow: 0px 4px 20px rgba(0,0,0,0.1);
	border-radius: 20px;
}
.notice_marquee .title {
	font-family:"GmarketSans";
	font-size:52px; font-weight:700;
	text-align:center;
	margin-bottom: 55px;
}

.notice_marquee .peedback_wrap {
	position: absolute;
	border-radius:0 0 20px 20px;
	position: relative;
	background:#fff;
	height:calc(100% - 45px);
}
.notice_marquee .head {
	background:#F5F5F5;
	border-radius: 20px 20px 0 0;
	height:45px;
	display: flex;
	align-items: center;
	padding-left:25px;
}
.notice_marquee .head span {
	width:12px;
	height:12px;
	display: inline-block;
	margin:0 4px;
	border-radius: 50%;
}
.notice_marquee .head span:first-child {
	background:#FC635D;
	border:1px solid #D95550;
}
.notice_marquee .head span:nth-child(2) {
	background:#FDBC40;
	border:1px solid #DAA237;
}
.notice_marquee .head span:last-child {
	background:#34C84A;
	border:1px solid #2CAC3F;
}
.notice_marquee .bg {
	position:absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border-radius: 20px;
	opacity: 0.2;
}

.peedback_wrap:after {
	content:"";
	position:absolute;
	width:100%; 
	height:100%;
	bottom:0; 
	left:0;
	top:0;
	bottom:0;
	border-radius: 0 0 20px 20px;
	background:linear-gradient( #fff 12% , transparent 50%, #fff 80%, #fff );
	z-index: 20;
}
.notice_marquee h4 {
	position:absolute;
	left:0;
	bottom:50px;
	font-size: 28px;
	z-index: 24;
	width:100%;
	text-align: center;
	font-family: "GmarketSans";
}
.peedback_wrap ul {
	height:340px;
	position:relative;
}

.notice_marquee .peedback_slider {
	overflow: hidden;
	display: inline-block;
	width: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.peedback_wrap li {
	font-size:24px;
	display: inline-block;
	min-width:500px;
	/* border-bottom :1px dashed #ccc; */
}
.peedback_wrap li:after {
	content:"";
	position:absolute;
	bottom:13px;
	left:0;
	width:100%;
	border-bottom:1px dashed #ccc;
}
.peedback_wrap li span {font-weight:700;}
.peedback_wrap li:nth-child(3n-2) span {color:#78BF02;}
.peedback_wrap li:nth-child(3n-1) span {color:#1EAEFC;}
.peedback_wrap li:nth-child(3n) span {color:#FDA30F;}


/* ----------------------- section_main */

.section_main {
	background:url("../../images/20231009/sectionmain-bg.png") no-repeat center / cover;
	overflow: hidden;
	padding:0;
}
.section_main .container {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding:174px 0;
	max-width:1000px;
}
.section_main .title_wrap {
	text-align: left;
}
.section_main span {
	display: inline-block;
	position:relative;
}
.section_main span:after {
	content:"";
	position:absolute;
	left:0;
	bottom:-10px; 
	height:5px;
	width:100%; 
	display: inline-block;
	background:linear-gradient(91deg, #38E0FF 0%, #3EFD9F 100% ) ;
}

.section_main .right .girl {
	position:absolute;
	top:35%;
	right:-75px;
	z-index: 5;
}
.section_main .right .bg_img {
	position:absolute;
	top:25%;
	left:47%;
	width:227px;
	transition-delay: 0.2s;
}
.section_main .right .bg_img:nth-child(2) {
	transition-delay: 0.4s;
	z-index: 4; 
	left:calc(47% + 227px); 
	top:calc(25% - 20px); 
}
.section_main .right .bg_img:nth-child(3) { 
	z-index: 3; 
	transition-delay: 0.6s;
	left:calc(47% + 454px);
}
.section_main .right .bg_img:nth-child(4) {
	z-index: 2;
	transition-delay: 0.8s;
	left:calc(47% + 681px); 
	top:calc(25% - 10px);
}
.section_main .right .bg_img:nth-child(5) {
	z-index: 1;
	transition-delay: 1s;
	left:calc(47% + 908px);
}

.link_btns {
	width:100%; 
	background:#1E1660;
	margin: 0 auto;
	position: relative;
	bottom: 0;
	display: flex;
	justify-content: center;
	padding: 58px 0;
	z-index: 6;
}
.link_btns a { 
	margin: 0 16px;
	height: 83px;
	box-sizing: content-box;
	border-radius: 100px;
	transition: 0.3s;;
}
.link_btns a:hover,
.link_btns a:active {
	animation:test2 0.7s infinite
}
@keyframes test2 {
	0% {
		box-shadow: none;
	}
	100% {
		box-shadow: 0px 4px 10px rgba(255,255,255,0.5), 0px -4px 10px rgba(255,255,255,0.5);
	}
}
/* ----------------------- 푸터 */

footer {
	padding:95px 0 170px;
	background:#000;
	color:#fff !important;
}
address {
	display:block;
	width: 100%;
	max-width: 1200px;
	margin:0 auto;
	text-align: left;
	font-style: normal;
	font-weight:300;
	line-height:1.75;
	margin: 0 auto;
	position: relative;
	color:#fff !important;

}
footer .add em {
	font-size: 12px;
	line-height: 16px;
	padding: 0 5px;
	margin-right: 5px;
	background: #3b404e;
	border-radius: 10px;
} 
footer .add em:last-child {
	margin-left: 10px;
}
address p {
    display: flex; flex-wrap: wrap;
		align-items: center;
		color:#fff !important;
}

address p img {
	height:23px;
	margin-bottom:31px;
}

address p a {
    color: inherit;
}

address p span {
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
    color:#fff !important;
}

address p span::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 12px;
    background: rgba(255,255,255,0.3);
    transform: translateY(-50%);
}

address p span:last-child {padding-right:0; margin-right:0;}
address p span:last-child::after {display:none;}
address .copy {
	font-family:"Proxima"; 
	font-size:14px; 
	line-height:1.5; 
	font-weight:300; 
	letter-spacing:-0.025em;
	margin-top:16px;
	opacity: 0.8;
}
address .copy img {
	width:auto;
	margin:0;
}
.sns_wrap {
	display:flex;
	margin-top:30px;
}
.sns_wrap a {
	margin-right:18px;
}

/* 탭 메뉴 */
.tab_01 {overflow:auto; width:100%; text-align:right; margin-left:20px;}
.tab_01 ul {display:inline-flex; justify-content:flex-end; white-space:nowrap;}
.tab_01 ul li a {display:block; font-size:15px; padding:4px 10px; margin:0 5px; border:1px solid; border-radius:8px;}
.tab_02 {overflow:auto; width:100%; max-width:800px; padding:0 5px; margin:0 auto;}
.tab_02 ul {display:inline-flex; justify-content:flex-end; white-space:nowrap; margin:0 -5px;}
.tab_02 ul li a {display:block; padding:8px 16px; margin:0 5px;}
.select_01 {display:flex; justify-content:flex-end; align-items:center; width:100%; max-width:800px; margin:0 auto; padding:10px 0; text-align:right;}
.select_01 label {font-weight:500;}
.select_01 select {width:150px; height:30px; padding-left:5px; margin-left:5px; background:#fff; border:1px solid #ddd; border-radius:4px;}


	/* 개인정보취급방침, 이용약관 등 */
	.terms_wrap {
		min-height:100vh;
		font-size:16px;
	}
	.terms_header {
		border-bottom:1px solid #ccc;
	}
	.terms_header_btn {
		display:flex; align-items:center; justify-content:space-between;
		max-width:800px; margin:0 auto; padding:20px;
		position:relative;
		text-align:center;
	}
	.terms_header h2 {
		font-size:24px; line-height:2; text-align:center;
		margin-bottom:20px;
	}
	.terms_content {
		max-width:800px; margin:0 auto;
		padding:20px 20px 50px;
	}
	.terms_content h2 {
		font-size:20px;
		margin:20px 0 10px;
	}
	.terms_content h3 {
		font-size:18px;
		margin:15px 0 5px;
	}
	.terms_content h4 {
		font-size:16px;
		margin:10px 0 0;
	}
	.tbl_01 table {
		table-layout:fixed;
		width:100%;
	}
	.tbl_01 table th, 
	.tbl_01 table td {
		text-align:center;
		padding:5px;
		border:1px solid #ddd;
	}
	.tbl_01 table th {
		font-weight:500;
	}
	.tbl_01 table td.al_l {
		text-align:left;
	}



	/* 온도 슬라이드 test */
	.card_slide .slick-list {
		overflow: visible;
	}


/* plan */

body.page_plan {
	background:#F7F7F7;
}

.plan_01 {
	height:60vh;
	min-height:620px;
	background:#1EAEFC;
}

.plan_01 .container {
	display: flex; align-items: center; justify-content:space-between;
	height: 100%;
	padding-top:80px;
}
.plan_01 .plan_visual {
	position:relative;
	order:-1;
	max-width:600px;
	margin-top:5%;
	margin-left:-5%;
}
.plan_01 .plan_visual picture {position:relative; z-index:1;}
.plan_01 .plan_visual_bg {
	position:absolute; top:0; left:0; right:0; bottom:0;
}
.plan_01 .plan_visual_bg img {
	position:absolute;
}
.plan_01 .plan_visual_bg img:first-child {width:33.34%;top: -17%;left: 5%;z-index: 1; animation:upDown1 8s ease-out infinite;}
.plan_01 .plan_visual_bg img:nth-child(2) {width:27.34%;top: -5%;left: 32%;  animation:upDown2 6s linear infinite;}
.plan_01 .plan_visual_bg img:nth-child(3) {width:31.67%;right: -13%;bottom: 5%; animation:upDown3 10s linear infinite;}

@keyframes upDown1 {
	0% { transform:translateY(0);}
	50% {transform:translateY(20%);}
	100% {transform:translateY(0);}
}
@keyframes upDown2 {
	0% { transform:translateY(0);}
	50% {transform:translateY(-10%);}
	100% {transform:translateY(0);}
}
@keyframes upDown3 {
	0% { transform:translateY(0);}
	25% {transform:translateY(-10%);}
	75% {transform:translateY(10%);}
	100% {transform:translateY(0);}
}

.plan_01 .title_wrap {
	color:#fff;
	text-align:left;
}
.plan_01 .title_wrap p:last-of-type {
	font-family:"Noto Sans KR", sans-serif;
	color:#003C83; font-size:22px; font-weight:400;
	margin-top:25px;
}
.plan_01 .title_wrap .sub_title {
	font-size:40px;
}
.plan_01 .title_wrap .title {
	font-size:72px;
	font-weight:700;
	background:url("../../images/20231009/plan/contents1-img/20231009-arrow.svg") no-repeat right 6% bottom;
}
.plan_02 {
	margin-bottom:200px;
}
.plan_02 .container {
	max-width:1200px;
	padding-top:128px;
}
.plan_tab {
	display:none; justify-content:space-between;
}
.plan_tab a {
	width:50%;
	color:#BABABA; font-size:12px; line-height:36px; 
	text-align:center;
	background:#EDEDED;
	border-radius:8px 8px 0 0;
}
.plan_tab a.on {
	color:#2F67FB; font-weight:700;
	background:#fff;
}
.plan_wrap {
	display:flex; justify-content:space-between;
}
.plan_item {
	position:relative;
	width:calc(50% - 18px);
	text-align:center;
	padding-bottom:180px;
	background:#fff;
	border-radius:20px;
	overflow:hidden;
}
.plan_item h2 {
	color:#000; font-size:30px; font-weight:700;
	margin:38px 0 27px;
}
.plan_item h2 img {
	display:block; 
	width:120px; margin:0 auto;
}
.plan_item h3 {
	display:flex; justify-content:center; align-items:center;
	font-size:24px; font-weight:400;
	margin:50px 0;
}
.plan_item h3 strong {
	font-weight:700;
}
.plan_item h3 img {
	width:113px;
	margin:0 5px;
}
.plan_item ul {
	padding:0 20px;
}
.plan_item ul li {
	position:relative;
	display:flex; justify-content:space-between; align-items:center; 
	border-top:1px dashed #ddd;
}
.plan_item ul li h4 {
	color:#7C7C7C; font-size:16px; font-weight:400;
	text-align:left;
	margin-left:11%;
}
.plan_item ul li h4 strong {
	display:block;
	color:#000000; font-size:22px; font-weight:700;
}
.plan_item ul li h4 span {
	display:inline-block;
	font-size:14px; margin-top:14px;
}
.plan_item ul li img {
	flex:1;
	width:50%; max-width:236px;
	margin-right:1%;
}
.plan_item ul li.plan_more::before {
	content:'';
	position:absolute; top:0; left:50%; transform:translate(-50%, -50%);
	width:42px; height:42px;
	background:url("../../images/20231009/plan/contents2-ico-plus.svg") no-repeat center / 100%;
}
.plan_item ul li.plan_more div {
	width:50%;
	padding:49px 0;
}
.plan_item ul li.plan_more div:first-child {
	border-right:1px dashed #ddd;
}
.plan_item ul li.plan_more h4 {
	text-align:center;
	margin:0;
}
.plan_bottom {
	position:absolute; left:0; bottom:0; width:100%;
}
.plan_price {
	position:relative;
	padding:20px;
}
.plan_price p {
	color:#7C7C7C; font-size:16px; 
	padding:20px;
	background:#F5F5F5;
	border-radius:36px;
}
.plan_price img {
	display:none;
	position:absolute; top:0; left:7%; transform:translateY(-13%);
	width:29%; max-width:128px;
}
.plan_btn a {
	display:block;
	color:#fff; font-size:22px; line-height:80px; text-align:center;
	background:#2F67FB;
}
[data-plan="2"] .plan_btn a {
	background:#1EAEFC;
}
/* ----- plan */


/* 무료상담신청 완료 ----- */

.section_confirm {color:#fff; background:#1EAEFC; text-align:left;}
.section_confirm .container {max-width:630px;}
.section_confirm .title_wrap {text-align:left; font-size:24px; font-weight:500;}
.section_confirm .title_wrap .title {font-weight:700; }
.section_confirm .title_wrap p {margin-top:1em;}

/* ----- 무료상담신청 완료 */

/* 레이어팝업 - 공통 */

.layer_pop {display:none;}
.layer_bg {opacity:0; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0, 12, 44, 0.4); z-index:2000; transition:0.3s;}

.layer_content {opacity:0; position:fixed; top:50%; left:50%; transform:translateX(-50%);
	overflow:hidden; width:calc(100% - 30px); max-width:1000px; height:100%; max-height:calc(100% - 200px); margin:0 auto; background:#fff; border-radius:10px; z-index:999; transition:all 0.3s;}
.layer_header {position:relative; padding:56px 20px 20px;}
.layer_header .layer_title {color:#000; font-size:30px; text-align:center;}
.layer_header .btn_close {position:absolute; top:28px; right:28px;}
.layer_body {overflow:auto; height:calc(100% - 121px); padding:38px 20px 56px;}
.layer_body .form_element {max-width:780px; margin:0 auto;}

	.layer_pop.on {display:block;}
	.layer_pop.on .layer_bg {animation:aniFadeIn 0.1s linear forwards;}
	.layer_pop.on .layer_content {animation:aniFadeIn 0.3s linear forwards;}
	.layer_pop.active .layer_content {top:100px;}
	@keyframes aniFadeIn {
		0% {opacity:0;}
		100% {opacity:1;}
	}

/* 레이어팝업 - 상담신청 */

.agree_wrap {max-width:780px; padding:40px 20px; margin:24px auto 56px; border-top:1px solid #000;}
.agree_wrap > p {font-size:20px; font-weight:700; margin-bottom:14px;}
.agree_wrap .scrollBox {
	overflow:auto; width:100%; height:107px;
	color:rgba(68, 68, 68, 0.87); font-size:16px; 
	padding:17px 20px; margin-bottom:18px; background:#f7f7f7; border:1px solid #e2e2e2; border-radius:4px;
}
.agree_wrap .scrollBox h5 {font-size:16px; font-weight:700; margin-top:10px;}

/* 레이어팝업 - 무료상담신청 */
.counsel_layer_bg {opacity:1;}
.counsel_layer {display:none; position:fixed; top:0 !important; left:0; right:0; bottom:0; z-index:2001; }
.online_counsel_wrap {overflow:auto; /* position:absolute !important; top:50% !important; left:50%; transform:translate(-50%, -50%) !important; */     margin: 9vh auto; max-width:730px; border-radius:10px;width:100% !important; background:#fff !important; }
.online_counsel_wrap input[type=radio] + label {height:30px; line-height:30px; display:inline-block; margin-right:6px;}
.online_counsel_wrap ::placeholder {padding-left:5px; font-size: 13px; font-weight: normal;}
.online_counsel_wrap #layer_close {width:30px; height:30px; font-size:0; border-radius:4px;}
.online_counsel_wrap #layer_close::before {content:"✕"; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:28px; color:#ccc;}
.online_counsel_wrap #layer_close:hover {background:#f8f8f8; color:#666;}
.online_counsel_wrap .btn_brown_lg {background:#002b59;}
.online_counsel_wrap .btn_brown_md {background:#fff; border:1px solid #002b59; color:#002b59 !important; font-size: 13px; line-height: 31px !important; height:35px !important;}

	.homepage{position:relative; font-size:15px;}
	.homepage input[type="radio"],
	.homepage input[type="checkbox"],
	.homepage input[type="tel"],
	.homepage label {cursor:pointer;}
	.homepage input[type="text"],
	.homepage input[type="tel"] {border:1px solid #e0e0e0 !important; height:35px !important; border-radius: 5px; padding-left:5px; font-size: 14px;}
	.homepage input[type="checkbox"] {border:none;}
	.homepage input[type="text"]:focus,
	.homepage select:focus,
	.homepage textarea:focus,
	.homepage input[type="tel"]:focus {outline:none; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
	.homepage > img {display:none;}
	.homepage p{margin-bottom:9px;}
	.homepage p span{color:#e53543;}
	.homepage p img {vertical-align:middle;margin-right:7px;}
	.homepage table {width:100%; border-spacing:0; border-collapse:collapse; table-layout:fixed;}
	.homepage .boardWrite {border:0;}
	.homepage .boardWrite select {height:35px;}
	.homepage .boardWrite colgroup {display:none;}
	.homepage .boardWrite th,
	.homepage .boardWrite td {padding:10px; border:0; font-weight: 500;}
	.homepage .boardWrite tr { border-top:1px solid #e0e0e0;}
	.homepage .boardWrite tr:last-child{border-bottom: 1px solid #e0e0e0;}
	.homepage .boardWrite th{width:20%; max-width:130px; text-align:left; word-break:keep-all; background:#f8f8f8;}
	.homepage .boardWrite th img {vertical-align:middle; }
	.homepage .boardWrite th span{color:#e53543;padding-right:2px;}
	.homepage .boardWrite td.coment{padding:10px 0 0 7px;}
	.homepage .boardWrite td img {vertical-align:middle;}
	.homepage .boardWrite td.check p{float:left; margin-right:25px;}
	.homepage .boardWrite td.check p span{display:block;padding:3px 0;color:#656669;}
	.homepage .boardWrite td.check span{float:left; margin-right:5px;display:block;zoom:1;width:170px;}
	.homepage .boardWrite td.check span input.checkBox{margin-right:5px;}
	.homepage .boardWrite td input.checkBox{border:none;}
	.homepage .boardWrite td input.full{margin-top:5px; width:100%;}
	.homepage .boardWrite td select{border:1px solid #e5e5e5;min-width:70px;padding:0 0 0 5px; margin-right:5px; border-radius: 5px;}
	.homepage .boardWrite td textarea{width:100%; border:1px solid #e0e0e0; padding:5px; overflow:auto; border-radius: 5px; resize:none;}
	.homepage .tip_blue {font-size:12px; color:#1271e6;}
	.counsel_agree_wrap {font-size:12px; border:0 !important; border-radius:0 !important; margin-top:10px;}
	.counsel_agree_wrap > h4 {font-size:15px !important;}
	.counsel_agree_wrap input[type="checkbox"] {vertical-align:0 !important;}
	.scrollBoxWrap {width:100% !important; border:1px solid #eaeaea; overflow-y:scroll; border-radius:5px;}
	.scrollBox {padding: 12px 15px; color:#858585;  background:#fff}
	.scrollBox h5 {font-size:13px; margin-bottom:5px;  color:#666;}
	.scrollBox ul {margin-bottom:8px;}
	.scrollBox p {margin-bottom:5px;}

	.online_counsel_wrap {height:85vh; max-height:755px; }
	@media screen and (max-height : 755px) {
		.online_counsel_wrap {overflow-y : scroll;}
	}

/* 레이어팝업 - 무료상담신청 */
/* 추석 연휴 문구 */
.noti_vac {font-family: "pretendard", sans-serif; margin-bottom:10px; letter-spacing: -0.03em;}
.noti_vac span:first-child {display: none;}
.noti_vac .font_red {color:#cc0000;}

/* ----------------------- 이벤트 */

/* ----------------------- 7월 */

.event_202307 {padding:176px 0 0; background:url("../../images/20231009/img/20231009-section15-bg.svg") no-repeat center / cover;}
	.event_202307 .title_wrap .title {margin-bottom:32px;}
	.event_202307 .content_wrap {background:#fff; position:relative; 	margin:100px auto 0; padding:53px 0;}
	.event_202307 .content_wrap .container {display: flex; justify-content: flex-end;}
	.event_202307 .phone_wrap {		position:absolute;		left:auto;		right:55%;		bottom:0;		z-index: 2;		width:650px;	}
	.event_202307 .phone_wrap img.phone {		height:500px;		max-width:initial;		z-index: -1;		position: absolute;	}
	.event_202307 .phone_wrap > img:not(.phone) {		position: absolute;		left:57%;		top:50%;		transform:translate(-50%,-40%);	}
	.event_202307 .phone_wrap img.step1 {		left:71%;		top:32%;		opacity: 0;	}
	.event_202307 .phone_wrap img.step2 {		left: 34%;		top: 69%;		opacity: 0;	}
	.event_202307 .phone_wrap img.btn {	top:55%;		opacity: 0;	}
	.event_202307 .deco_wrap {		width:100%;		height:500px;		opacity: 0;		transition:0.5s;		transition-delay : 2s;	}
	.event_202307 .deco_wrap img {		position: absolute;		/* transform:translate(-50%,-50%); */	}
	.event_202307 .deco_wrap img.ball1 {		left: 90%;		top: 79%;	}
	.event_202307 .deco_wrap img.ball2 {		left: 20%;		top: 32%;	}
	.event_202307 .deco_wrap img.ring_p {		left: 11%;		top: 5%;	}
	.event_202307 .deco_wrap img.circle {		left: 86%;		top: 2%;	}
	.event_202307 .deco_wrap img.star {		left: 9%;		top: 55%;	}
	.event_202307 .deco_wrap img.ring_y {		left: 91%;		top: 85%;	}
	.event_202307 img.particle {position: absolute;		left: 83%;		bottom: 13px;		height: 174px;		animation: upDown_ani 1s infinite ease;		z-index: 2;	}
	.event_202307.ani_show img.step1 {		animation:show_ani 0.5s forwards;		animation-delay : 0.5s;	}
	.event_202307.ani_show img.btn {		animation:show_ani 0.5s forwards;		animation-delay : 0.8s;	}
	.event_202307.ani_show img.step2 {		animation:show_ani 0.5s forwards;		animation-delay : 1.2s;	}
	.event_202307.ani_show .deco_wrap {		opacity: 1;	}
	.event_202307.ani_show img.circle,
	.event_202307.ani_show img.ball1,
	.event_202307.ani_show img.ball2,
	.event_202307.ani_show img.ring_p, 
	.event_202307.ani_show img.ring_y, 
	.event_202307.ani_show img.star { 		animation:upDown_ani 1s infinite ease;		animation-delay : 2.2s;	}
	@keyframes show_ani {
		0% {transform:translate(-50%, -40%); opacity: 0;}
		100% {transform:translate(-50%, -50%); opacity: 1;}
	}
	@keyframes show_ani_upDown {
		0%{transform:translate(-50%, -40%); opacity: 0;}
		50%{transform:translate(-50%, -50%); opacity: 1;}
		100%{transform:translate(0,0);}
	}
	@keyframes upDown_ani {
		0%{transform:translate(0,0);}
		70%{transform:translate(0,-3px);}
		100%{transform:translate(0,0);}
	}
	.text_info {padding:60px 100px; background:#F5F5F5;	}
	.event_info li { font-size: 20px; display: flex; margin-bottom: 17px; border-bottom: 2px dashed #CECECE; padding-bottom: 17px; padding-right:30px;	}
	.event_info li:last-child { margin-bottom: 0;	}
	.event_info li .tt { width:auto; color:#1B0C3B; font-family: 'TmoneyRoundWindExtraBold'; letter-spacing: -0.08em; text-align: center; margin-right:38px; height:27px; line-height: 27px; width:94px; display: flex; justify-content: space-between; align-items: center;	}
	.event_info li .ct span.info { font-size: 14px; color:#9B9B9B; display: block;	} 
	.event_noti { padding:73px 0; position: relative;	}
	.event_noti:after { content:""; position:absolute; right: 0; bottom: 0; top: 0; left: 0; width:100%; height:100%; background:rgba(255,255,255,0.2)	}
	.event_noti > div { max-width:1000px;	}
	.event_noti p { color:#fff;  font-size:16px;  padding-left:10px; margin-bottom: 6px;	}
	.event_noti  h5 { font-family: 'TmoneyRoundWindExtraBold'; font-size: 20px; color:#fff; margin-bottom: 12px;	}
	.event_noti  p::before { content:"* "; position:absolute; margin-left:-10px;	}
	
/* ----------------------- 8월 */

.event_202308 {font-family:"GmarketSans"; overflow:hidden;}
.event_202308 .content_wrap {position:relative; padding:128px 0 0; background:url("../../images/20231009/event/event_cool_bg.jpg") no-repeat center / cover;}
.event_202308 .title_wrap .title img {width:61%; max-width:726px;}
.event_202308 .title_wrap .desc {font-family:"GmarketSans", sans-serif; color:#fff; font-size:32px; padding:50px 20px; margin-top:10px; background:rgba(0, 35, 75, 0.12); border:4px solid #219EFF; border-radius:100vw;}
.event_202308 .title_wrap .desc img {height:32px; margin-top:4px;}
.event_202308 .title_wrap .desc strong {color:#9BF8FF; font-weight:700;}

.event_202308 .event_info {font-family:inherit; color:#fff; font-weight:500; padding:57px 20px 75px; max-width:760px; margin:0 auto; z-index:2;}
.event_202308 .event_info li {justify-content:space-between; align-items:flex-start; font-size:24px; line-height:1.45; border-bottom:0; padding:0; margin-bottom:0;word-break:keep-all;}
.event_202308 .event_info li ~ li {margin-top:24px;}
.event_202308 .event_info li .tt {font-family:inherit; color:inherit; font-weight:700; width:92px; height:auto; line-height:inherit; margin-right:0;}
.event_202308 .event_info li .ct {flex:1; padding-left:90px;}
.event_202308 .event_info li .ct span.info {color:inherit;}

.event_202308 .deco_wrap {position:absolute; top:0; bottom:0; left:0; right:0;}
.event_202308 .deco_wrap img {position:absolute; z-index:1;}
.event_202308 .deco_wrap img.deco_ball1 {left:83.6%; top:40%; width:150px; animation:upDown_ani 2s infinite ease-in-out;}
.event_202308 .deco_wrap img.deco_ball2 {left:0; bottom:8%; width:278px; animation:upDown_ani 2s infinite ease-in-out; animation-delay:0.7s;}

.event_202308 .event_noti {padding:45px 0 40px;}
.event_202308 .event_noti:after {display:none;}
.event_202308 .event_noti .container {padding:0 20px;}
.event_202308 .event_noti h5, 
.event_202308 .event_noti p {color:#5D5D5D; line-height:1.75;}
.event_202308 .event_noti h5 {font-family:inherit; font-weight:700; margin-bottom:10px;}
.event_202308 .event_noti p {font-family:"Noto Sans KR"; margin-bottom:0;}

/* ----------------------- 9월 */
.event_202309 {background:url("../../images/20231009/event/event_09_bg.jpg") no-repeat center / cover; padding-top:136px;}
.event_202309 .title img {max-height:410px;}
.event_202309 .desc {font-family: "GmarketSans", sans-serif; color:#6C4F40; font-size: 32px; line-height: 48px; }
.event_202309 .desc em {position:relative;}
.event_202309 .desc em:after {content:""; position:absolute; bottom:3px; left:0; width:100%; background:#F2A732; border-radius: 10px; height:8px; z-index: -1; width:0; transition:0.5s; transition-delay:2s;}
.event_202309 .scroll_ani.show > .desc em:after {width:100%;}
.event_202309 .event_info {background:#fff; border:10px solid #EFE8E0; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 34px 150px; transform: rotate(-0.9deg) translateZ(0); margin-top:50px;}
.event_202309 .event_info li {border-bottom-color: #F2EFED;}
.event_202309 .event_info li:last-child {border-bottom: none; padding-bottom:0;}
.event_202309 .event_info li .tt,
.event_202309 .event_info li .ct {font-family: "GmarketSans", sans-serif; font-weight: bold; color: #784C35; font-size: 26px; line-height: 30px;}
.event_202309 .event_info li .ct {font-weight: normal; font-size: 24px;color: #392518;} 
.event_202309 .event_noti h5 {font-family: "GmarketSans", sans-serif; font-weight: bold; }

.event_202309 .event_noti {background-color: #372418; padding-top: 225px; margin-top: -155px;}
.event_202309 .latte {position:absolute; right:0; bottom:0; z-index: 2; transform:translate(35%, 30%);}
.event_202309 .event_noti:after {display: none;}
.event_202309 .event_info_tt {display: none;}
.event_202309 [class^=maple] {position:absolute; z-index: -1; opacity: 0;}
.event_202309 .maple1 {left:-120px; top:0; }
.event_202309 .maple2 {left:145px; top:330px;}
.event_202309 .maple3 {right:0; top:250px; transform-origin: top center;}

/* bounce effect cubic-bezier(0.175, 0.885, 0.32, 1.275) */
.scroll_ani.show .maple1 {animation:fallingLeaves1 2s forwards linear ; animation-delay:0.5s;}
.scroll_ani.show .maple2 { animation: fallingLeaves2 2s forwards linear; animation-delay:0.7s; }
.scroll_ani.show .maple3 {animation:fallingLeaves3 2s forwards linear; animation-delay:0.9s; }


@keyframes fallingLeaves1 {
  0% {opacity: 0; transform: translate3d(0, 0, 0) rotate(0deg);  }
  30% {opacity: 0.5; transform: translate3d(-20px, 50px, 0) rotate(45deg);}
	60% {opacity: 0.8; transform: translate3d(20px, 100px, 0) rotate(0);}
  100% {opacity: 1; transform:translate3d(20px, 150px, 0) rotate(45deg);}
}

@keyframes fallingLeaves2 {
  0% {opacity: 0; transform: translate3d(0, 0, 0) rotate(0deg);  }
  30% {opacity: 0;transform: translate3d(20px, 50px, 0) rotate(20deg);}
	60% {opacity: 0.5;transform: translate3d(-20px, 100px, 0) rotate(-20deg);}
  100% {opacity: 1;transform: translate3d(20px, 150px, 0) rotate(0);}
}

@keyframes fallingLeaves3 {
  0% {opacity: 0;transform: translate3d(0, 0, 0) rotate(0deg);  }
  30% {opacity: 0;transform: translate3d(-20px, 30px, 0) rotate(10deg);}
	60% {opacity: 0.5;transform: translate3d(20px, 60px, 0) rotate(-10deg);}
  100% {opacity: 1;transform: translate3d(20px, 90px, 0) rotate(0);}
}

@-webkit-keyframes fallingLeaves1 {
  0% {opacity: 0; transform: translate3d(0, 0, 0) rotate(0deg);  }
  30% {opacity: 0.5; transform: translate3d(-20px, 50px, 0) rotate(45deg);}
	60% {opacity: 0.8; transform: translate3d(20px, 100px, 0) rotate(0);}
  100% {opacity: 1; transform:translate3d(20px, 150px, 0) rotate(45deg);}
}

@-webkit-keyframes fallingLeaves2 {
  0% {opacity: 0; transform: translate3d(0, 0, 0) rotate(0deg);  }
  30% {opacity: 0;transform: translate3d(20px, 50px, 0) rotate(20deg);}
	60% {opacity: 0.5;transform: translate3d(-20px, 100px, 0) rotate(-20deg);}
  100% {opacity: 1;transform: translate3d(20px, 150px, 0) rotate(0);}
}

@-webkit-keyframes fallingLeaves3 {
  0% {opacity: 0;transform: translate3d(0, 0, 0) rotate(0deg);  }
  30% {opacity: 0;transform: translate3d(-20px, 30px, 0) rotate(10deg);}
	60% {opacity: 0.5;transform: translate3d(20px, 60px, 0) rotate(-10deg);}
  100% {opacity: 1;transform: translate3d(20px, 90px, 0) rotate(0);}
}

/* 연령별 가이드 섹션 스타일 */
.age_guide {
	margin-top: 50px;
	text-align: center;
}

.age_guide > div {
	background: #F8F9FA;
	padding: 35px;
	border-radius: 20px;
	border: 1px solid rgba(0,0,0,0.1);
	box-shadow: 0 8px 32px rgba(0,0,0,0.1);
	transition: all 0.3s ease;
}

.age_guide > div:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 40px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.1);
}

.age_guide .title_wrap {
	margin-bottom: 40px;
}

.age_guide .title_wrap .sub_title {
	color: #666;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 15px;
}

.age_guide .title_wrap .title {
	color: #333;
	font-size: 32px;
	font-weight: 600;
	letter-spacing: -0.5px;
	line-height: 1.3;
}

.age_guide .title_wrap .title strong {
	color: #FDA30F;
}

.age_guide .age-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;
	color: #333; /* 카드 내부 텍스트를 어두운 색으로 변경 */
}

.age-card {
	padding: 25px;
	background: white; /* 배경을 흰색으로 변경 */
	border-radius: 16px;
	border: 1px solid rgba(0,0,0,0.1); /* 테두리를 어둡게 조정 */
	box-shadow: 0 4px 12px rgba(0,0,0,0.1); /* 그림자 추가 */
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.age-card:hover {
	transform: translateY(-5px) scale(1.02);
	box-shadow: 0 15px 35px rgba(0,0,0,0.2);
	border-color: rgba(0,0,0,0.2); /* 호버 시 테두리를 더 어둡게 */
	background: #f8f9fa; /* 호버 시 약간의 회색 배경 */
}

.age-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(0,0,0,0.05), transparent);
	transition: left 0.5s ease;
}

.age-card:hover::before {
	left: 100%;
}

.age-card .color-bar {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	transition: height 0.3s ease;
}

.age-card:hover .color-bar {
	height: 5px;
}

.age-card .emoji {
	font-size: 32px;
	margin-bottom: 15px;
	transition: transform 0.3s ease;
}

.age-card:hover .emoji {
	transform: scale(1.1);
}

.age-card .age-title {
	display: block;
	font-size: 18px;
	margin-bottom: 8px;
	font-weight: 600;
	transition: color 0.3s ease;
	color: #333; /* 연령 제목을 어두운 색으로 변경 */
}

.age-card .course-name {
	font-size: 16px;
	margin-bottom: 6px;
	font-weight: 500;
	transition: color 0.3s ease;
	color: #555; /* 과정명을 어두운 색상으로 변경 */
}

.age-card .description {
	color: #666; /* 설명 텍스트를 어두운 색상으로 변경 */
	font-size: 14px;
	transition: color 0.3s ease;
}

/* 각 연령별 카드 색상 */
.age-card:nth-child(1) .color-bar {
	background: #FDA30F;
}

.age-card:nth-child(1) .age-title {
	color: #FDA30F;
}

.age-card:nth-child(2) .color-bar {
	background: #1EAEFC;
}

.age-card:nth-child(2) .age-title {
	color: #1EAEFC;
}

.age-card:nth-child(3) .color-bar {
	background: #78BF02;
}

.age-card:nth-child(3) .age-title {
	color: #78BF02;
}

.age-card:nth-child(4) .color-bar {
	background: #A54AFF;
}

.age-card:nth-child(4) .age-title {
	color: #A54AFF;
}

/* 반응형 디자인 */
@media (max-width: 768px) {
	.age_guide .age-cards {
		grid-template-columns: 1fr;
		gap: 15px;
	}
	
	.age-card {
		padding: 20px;
	}
	
	.age_guide .title_wrap .title {
		font-size: 28px;
	}
	
	.age_guide .title_wrap .sub_title {
		font-size: 18px;
	}
	
	/* 모바일 슬라이더 레이아웃 */
	.section_01 .main_slide .swiper-slide {
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		text-align: center;
		padding: 120px 20px 20px;
	}
	
	.section_01 .title_wrap {
		width: 100%;
		position: relative;
		z-index: 10;
		text-align: center;
		margin-bottom: 60px;
	}
	
	.section_01 .img {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		max-width: 750px;
		height: auto;
		z-index: 1;
		opacity: 0.8;
	}
	
	.section_01 .img img {
		width: 120%;
		height: auto;
		object-fit: contain;
		transform: scale(1.2);
	}
	
	.section_01 .title_wrap .title.visual_bounce {
		font-size: 42px;
		padding-top: 10px;
		margin-bottom: 5px;
		line-height: 1.1;
	}
	
	.section_01 .title_wrap .title.lg {
		font-size: 48px;
		margin-top: 5px;
		margin-bottom: 3px;
		line-height: 1.1;
	}
	
	.visual_btn {
		margin-top: 8px;
		position: relative;
		z-index: 10;
	}
	
	.visual_btn a {
		font-size: 16px;
		padding: 12px 30px;
		line-height: 1.4;
		border-radius: 25px;
	}
}

/* 더 작은 모바일 화면 (480px 이하) */
@media (max-width: 480px) {
	.section_01 .title_wrap .title.visual_bounce {
		font-size: 32px;
		padding-top: 5px;
		margin-bottom: 3px;
		line-height: 1.0;
	}
	
	.section_01 .title_wrap .title.lg {
		font-size: 36px;
		margin-top: 3px;
		margin-bottom: 3px;
		line-height: 1.0;
	}
	
	.section_01 .main_slide .swiper-slide {
		padding: 100px 15px 15px;
	}
	
	.section_01 .img {
		max-width: 650px;
	}
	
	.visual_btn {
		margin-top: 5px;
	}
	
	.visual_btn a {
		font-size: 14px;
		padding: 10px 25px;
	}
	
	.section_01 .img img {
		width: 120%;
		height: auto;
		object-fit: contain;
		transform: scale(1.2);
	}
}

/* 새로운 연령별 가이드 세션 */
.age_guide_new {
	position: relative;
	padding: 100px 0;
	background: #A7D984;
}

.age_guide_new .container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.age_guide_new .age_guide .title_wrap {
	margin-bottom: 40px;
}

.age_guide_new .age_guide .title_wrap .sub_title {
	color: #4a5d3a;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 15px;
}

.age_guide_new .age_guide .title_wrap .title {
	color: #2d3a1f;
	font-size: 32px;
	font-weight: 600;
	letter-spacing: -0.5px;
	line-height: 1.3;
}

.age_guide_new .age_guide .title_wrap .title strong {
	color: #FDA30F;
}