
img {
  -webkit-user-drag: none; /* Safari 및 Chrome에서 이미지 드래그 방지 */
}
/* 모든 텍스트의 드래그를 방지하는 스타일 */
body, html {
  user-select: none; /* 최신 브라우저 */
  -webkit-user-select: none; /* Chrome, Safari, Opera */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
}
/* =============================================== */
/*			 		아이설렘 메인 					   */
/* =============================================== */
.Wrapper section{
	width:100%;
	height: auto; 
	position:relative;
	display: flex;
    align-items: center;
	justify-content: center;
}

/* ++++++ common ++++++ */
.section_Warp {display: flex;margin:0 auto;padding:0 3rem;align-items: center;}
.left, .right {height:100%; display: inline-block;}
/* ++++++ // common ++++++ */

/* ++++++ section01 ++++++ */
#section_01 {
	background:#fff;
	/* background: url(../img/main.jpg) no-repeat center/cover; */
}
#main #section_01 {height:100vh; overflow:hidden;}
.section_Warp.s01 {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: flex-end;
    margin: 0 auto;
    padding: 0 2rem;
    max-width: 176rem;
	z-index:10;
}
.videodim {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 5;
}
#main #section_01 video {width: 105%;z-index: 0;position: absolute;}
.main_title_box {padding: 0 0 6rem 0rem;}
.main_BTitle { 
	color:#fff;
	font-family: 'Cafe24Ssurround';
	font-size: 8.5rem;
	font-weight: 700;
	line-height: 10rem;
	letter-spacing: -0.4rem;
	padding-bottom:4rem;
}
.main_BTitle span {color: rgba(81, 206, 211, 1);}
.main_STitle {color:#fff;font-weight: 600;font-size: 2.4rem;line-height: 2.9rem; padding-left: 0.3rem;}
@media (max-width:1600px) {
	#main #section_01 video  {width:auto; height:100vh;}
}
@media (max-width:1300px) {
	.main_title_box {padding: 0px 0 6rem 0px;}
	.main_BTitle {font-size: 6.5rem;line-height: 8rem;padding-bottom: 2rem;}
}
@media (max-width:991px) {
	.section_Warp.s01 {align-items: center;justify-content: center;}
	.main_title_box {padding: 0;}
	.main_BTitle {
		font-size: 6rem;
		line-height: 7rem;
		letter-spacing: 0rem;
		padding-bottom: 4rem;
		text-align:center;
	}
	.main_STitle {text-align:center;font-weight: 400;font-size: 2rem;line-height: 3.1rem;}
}
@media (max-width:767px) {
	.main_BTitle {font-size: 4rem;line-height: 5rem;padding-bottom: 2rem;}
	.main_STitle {font-size: 1.8rem;line-height: 2.1rem;}
}
/* ++++++ // section01 ++++++ */
.cont_Title {color:#222;font-size: 5rem;font-weight: 700;line-height: 6.6rem;}
.cont_Txt {color: #444;font-size: 1.9rem;font-weight: 400;line-height: 3.3rem;}
.cont_Txt .un_line {color:#222;font-weight: 600;position:relative;z-index:1;}

.cont_Txt .un_line::before {
	content:'';
	width:100%;
	height:1rem;
	position:absolute;
	left:0; bottom:0;
	z-index: -1;
	background:url(../img/underline.png) no-repeat center/cover;
}
.app_btn {width:100%; max-width:19rem; height:6rem;}
.app_btn img {width:100%;height:auto;}

/* ++++++ section02 - 어렵지 않은 세상을 만듭니다 ++++++ */
#section_02 {background:#F8F8F8; padding: 11.6rem 0 23.2rem 24rem; justify-content: flex-start;}
.section_Warp.s02 {
    height: auto;
	padding: 0 2rem;
    margin: 0;
	align-items: flex-start;
}
.left.s02 {
	width: 33%;
    display: flex;
	padding-top:18.35rem;
	margin-right:2.3rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.s02 .cont_Title {color:#111;}
.s02 .cont_Txt {padding-top:3rem; padding-bottom:5rem;}
.right.s02 {width:60%; max-width:108.2rem;}
.s02_board {width: 100%;margin: 0 auto;position:relative;max-width: 71.6rem;}
.s02_board img.board_img {width:100%;}

.l_ko {left: -18rem; top: -1rem; max-width: 21.7rem; position: absolute;}
.b_ko {width: 20.8rem;height: auto;bottom: -11rem;left: -19.8rem;position: absolute;}
.b_ko img {width:100%;}
.r_ko {width: 17.9rem;height: 19rem;bottom: 4rem;right: -4rem;position: absolute;}

.s02_turtle {left: 0;bottom: 0;position: relative;}
.s02_turtle>img {width:100%;}
img.s02_Rko_img {top: -4rem;width: 44.9rem;left: -10.8rem;position: absolute;}
.l_ko img {width:100%;}

@media(min-width:1980px) {
	#section_02 {background:#F8F8F8; padding: 11.6rem 3rem 23.2rem 3rem; justify-content: flex-start;}
	.section_Warp.s02 {margin:0 auto;}
}

@media(max-width:1800px) {
	#section_02 {background:#F8F8F8; padding: 11.6rem 3rem 23.2rem 3rem; justify-content: flex-start;}
	.section_Warp.s02 {margin:0 auto;}
}

@media (max-width:1650px) {
	.section_Warp.s02 {width: 100%; max-width: 148rem; margin:0 auto;}
	.left.s02 {margin-right:0;}
}
@media (max-width:1300px) {
	.section_Warp.s02 {max-width: 118rem;padding: 0 3rem;height:auto; }
	#section_02 {padding: 9rem 0 15rem 0; overflow:hidden;}
	.cont_Title {font-size: 4rem;line-height: 5rem;}
	.s02 .cont_Txt {padding-top: 2rem;padding-bottom: 3rem;}
	.cont_Txt {font-size: 1.5rem;line-height: 2.6rem;}
	.app_btn {width: 100%;max-width: 14.4rem;}
	.s02_board {width: 100%; max-width: 67.6rem; margin-top: 40px;}
	
	.l_ko {top: 6rem;left: -2rem;max-width: 12rem;position: absolute;}
	.b_ko {width: 12rem;height: auto;bottom: -7rem;left: -3.6rem;position: absolute;}
	.r_ko {right: -4rem;bottom: 4rem;width: 18rem;height: 19rem;position: absolute;}
	
	.s02_turtle {left: 0;bottom: 0;left: 4.5rem;max-width: 10rem;bottom: -11.5rem;position: relative;}
	img.s02_Rko_img {left: -7.2rem;top: -4.2rem;width: 25rem;position: absolute;}
}
@media (max-width:991px) {
	#section_02 {padding: 9rem 0 10rem 0; overflow:hidden;}
	.section_Warp.s02 {flex-direction: column;}
	.left.s02 {width:100%; padding-top:0rem; text-align:center;align-items: center;flex-direction: column; margin-right:0;}
	
	.cont_Title {font-size: 3.8rem;line-height: 4.8rem;}
	.s02 .cont_Txt {font-size: 2rem;line-height: 3.1rem; margin-top:0;}
	.cont_Txt {font-size: 1.8rem;line-height: 2.8rem;}
	.app_btn {width: 100%;max-width: 19.4rem;}
	.right.s02 {width:100%;}
	
	.l_ko {top: 9rem;left: -2rem;max-width: 15rem;}
	.b_ko {bottom: -4rem;left: -1.6rem;max-width: 10.9rem;}
	.s02_turtle {left: 5.5rem;bottom: -8.5rem;max-width: 10rem;}
	img.s02_Rko_img {left: -4.2rem;top: -1.2rem;width: 21rem;}
}
@media (max-width:767px) {
	#section_02 {padding: 9rem 0 12rem 0; overflow:hidden;}
	.section_Warp.s02 {flex-direction: column;}
	.left.s02 {
		width: 100%;
		text-align: left;
		flex-direction: flex-start;
		align-items: flex-start;
	}
	.cont_Title {font-size: 2.8rem;line-height: 3.8rem;}
	.s02 .cont_Txt {
		font-size:1.5rem;
		padding-top: 2rem;
		line-height:2.6rem;
		padding-bottom: 3rem;
	}
	.cont_Txt {font-size: 1.5rem;line-height: 2.6rem;}
	.app_btn {width: 100%;height: 4.4rem;max-width: 14.4rem;}
	.right.s02 {width:100%;}
	.l_ko {left: -2.5rem; top: -0.5rem; max-width: 8rem;}
	.b_ko {bottom: -6rem;left: -2.6rem;max-width: 7.9rem;}
	.s02_turtle {left: 8rem; bottom: -17.8rem; max-width: 7rem;}
	img.s02_Rko_img {left: -3.2rem;top: -1.2rem;width: 15rem;}
}
/* ++++++ // section02 - 어렵지 않은 세상을 만듭니다 ++++++ */

/* ++++++ section03 - 골든타임을 놓치지 마세요 ++++++ */
#section_03 {background:url(../img/main/s03_main.jpg) no-repeat center/cover; padding: 18.4rem 0 15.5rem 0;}
.section_Warp.s03 {
	width: 100%;
    max-width: 147.7rem;
	margin:0 auto;
	height:auto;
	align-items: flex-start;
}
.left.s03 {width:100%; max-width:75.2rem;}
.s03_tablet {max-width:75.2rem; position: relative;}
.left.s03 img {width:100%;}
img.s02_rocekt {
    position: absolute;
    max-width: 32rem;
    right: -0.9rem!important;
    top: -4.4rem!important;
    z-index: 3;
}
img.s02_space {
    position: absolute;
    left: -16rem;
    max-width: 16.5rem;
    top: 50%;
    transform: translateY(-50%);
}
.right.s03 {   
	width: 50%;
    display: flex;
	margin-left :15rem;
	padding-top: 7.6rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
} 
.s03 .cont_Title {color:#fff;}
.s03 .cont_Txt {color:#fff; padding:3rem 0 5.4rem 0;}
.s03 span.color {color:rgba(81, 206, 211, 1)!important;font-weight: bold;}

.ko_btn {background:#fff; display: inline-block; border-radius:8px; box-sizing:border-box;}
.ko_btn p{
	color: #2D2A89;
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 2rem;
	padding:2rem 3.2rem;
}

@media (max-width:1360px) {
	.right.s03 {margin-left: 11rem;}
}
@media (max-width:1300px){
	.left.s03 {max-width: 73.8rem;}
	.s03_tablet {
		padding-top: 9rem;
		max-width: 54.8rem;
		position: relative;
		margin: 0px 29px 0 auto;
	}
	img.s02_rocekt {max-width: 27rem;top: 3.6rem!important;right: -3.9rem!important;}
	img.s02_space {left: -16rem; max-width: 16.5rem;}
	.right.s03 {margin-left: 6rem;}
}

@media (max-width:991px){
	#section_03 {padding:9rem 0rem 15.2rem 0rem;}
	.section_Warp.s03 {flex-direction: column-reverse;}
	.right.s03 {
		width: 100%;
		margin-left: 0;
		padding-top:0;
		text-align:center;
		align-items: center;
		margin-bottom:5.9rem;
		flex-direction: column;
	}
	.s03 .cont_Txt {color: #fff;padding: 2rem 0 3rem 0;}
	.ko_btn {border-radius:0.6rem;}
	.ko_btn p {font-size: 1.5rem;line-height: 1.5rem;padding: 2rem 3rem;}
	.s03_tablet {width: 47%;margin: 0 auto;padding-top: 2rem;position: relative;}
	img.s02_rocekt {z-index: 3;max-width: 16.7rem;right: -4.3rem!important;top: -3.3rem!important;}
	img.s02_space {top: 59%;left: -5.3rem;max-width: 6.5rem;}
	
	.eff .k_conTitle.f55 {font-size: 3rem!important; line-height: 3.6rem;}
}

@media (max-width:767px){
	.eff .k_conTitle.f55 {font-size: 2.6rem!important; line-height: 3.6rem;}
	#section_03 {padding:9rem 0rem 15.2rem 0rem;}
	.section_Warp.s03 {flex-direction: column-reverse;}
	.right.s03 {
		width: 100%;
		margin-left: 0;
		text-align:left;
		margin-bottom:5.9rem;
		flex-direction: column;
		align-items: flex-start;
	}
	.s03 .cont_Txt {color: #fff;padding: 2rem 0 3rem 0;}
	.ko_btn p {font-size: 1.3rem;line-height: 1.5rem;padding: 1.4rem 2.2rem;}
	.s03_tablet {
		margin: 0 auto;
		width: 27.3rem;
		padding-top: 1rem;
		position: relative;
	}
	img.s02_rocekt {
		z-index: 3;
		max-width: 16.7rem;
		right: -4.3rem!important;
		top: -3.3rem!important;
	}	
	img.s02_space {top: 59%;left: -5.3rem;max-width: 6.5rem;}
}
/* ++++++ // section03 - 골든타임을 놓치지 마세요 ++++++ */


/* ++++++ section04 - 변화로 증명합니다 ++++++ */
#section_04 {background:url(../img/main/s04_main.jpg) no-repeat center/cover;}
#ko .section_Warp.s04 {
    width: 100%;
	height: auto;
    max-width: 148.5rem;
    padding: 22.8rem 2rem;
}
.left.s04 {width:35%; max-width:35.8rem; margin:0 auto;}
.right.s04 {width:65%; max-width:92rem; position:relative; filter: drop-shadow(10px 40px 50px rgba(139, 96, 63, 0.15));}

#ko .section_Warp.s04 .swiper {height:100%; overflow:hidden;}
#ko .swiper-slide {width:100%;}
#ko .swiper-slide img {width:100%; height:auto;}

#ko .section_Warp.s04 .swiper-pagination {bottom:-2rem;}

#ko .section_Warp.s04 .swiper-pagination-bullet {background:#fff; opacity:0.5;}
#ko .section_Warp.s04 .swiper-pagination-bullet-active {opacity:1!important;}
.s04_sketch {
    height: 100%;
    width: 100%!important;
    max-width: 75.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

#ko .swiper-slide img {width:100%; height:auto;}
.s04 .turtle {
    z-index: 1;
	right: 3.6rem;
    left: inherit;
    bottom: -9rem;
    max-width: 19.3rem;
	position: absolute;
}
.s04 .turtle img {width:100%;}
.s04 .cont_Txt {padding-top:3rem; padding-bottom:5rem;}
.s04 .ko_btn {
	background:#111;
	display: inline-block;
	border-radius:8px;
	box-sizing:border-box;
	box-shadow: 5px 20px 50px rgba(0, 0, 0, 0.1);
}
.s04 .ko_btn p{
	color: #FFF;
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 2rem;
	padding:2rem 4.2rem;
}

@media (max-width:1300px) {
	.right.s04 {width: 55%;}
	.left.s04 {margin:0;}
	#ko .section_Warp.s04 {justify-content: center;}
	#ko .section_Warp.s04 .swiper {height: 100%;padding: 0 2rem;overflow: hidden;}
	.s04 .cont_Txt {padding-top:2rem;padding-bottom:3rem;}
	.s04 .turtle {right:-3.4rem;}
}

@media (max-width:991px) {
	#section_04 {overflow:hidden;}
	#ko .section_Warp.s04 {
		width: 100%;
		max-width: 148.5rem;
		flex-direction: column;
		padding: 9rem 0rem 17.9rem 0rem;
	}
	#ko .section_Warp.s04 .swiper {overflow:unset;}
	.left.s04 {width:100%;text-align: center;max-width:inherit;}
	#ko .section_Warp.s04 .swiper-pagination {bottom: 3.2rem;}
	.s04_top {padding:0 2rem 7.7rem 2rem;}
	.s04 .ko_btn {border-radius:0.6rem;}
	.s04 .ko_btn p {font-size: 1.5rem;padding: 2rem 3rem;line-height: 1.5rem;}
	.s04 .cont_Txt {padding-bottom: 3rem;}
	
	.right.s04 {width: 85.5%;}
	.s04_sketch {width: 84%!important;}
	.s04 .turtle {right: 1rem;left: inherit;bottom: -11rem;max-width: 23.5rem;}
}

@media (max-width:767px) {
	#section_04 {overflow:hidden;}
	#ko .section_Warp.s04 {
		width: 100%;
		max-width: 148.5rem;
		flex-direction: column;
		padding: 9rem 0rem 17.9rem 0rem;
	}
	#ko .section_Warp.s04 .swiper {padding:0;}
	#ko .section_Warp.s04 .swiper-pagination {bottom: 1.2rem;}
	.left.s04 {width:100%;text-align: left;max-width:inherit;}
	.s04_top {padding:0 2rem 7.7rem 2rem;}
	.s04 .ko_btn p {font-size: 1.3rem;line-height: 1.56rem;padding: 1.4rem 2.2rem;}
	.s04 .cont_Txt {padding-bottom: 3rem;}
	.right.s04 {width: calc(100% - 4rem);}
	.s04_sketch {width: 98%!important;}
	.s04 .turtle {right: -2rem;left: inherit;bottom: -14rem;max-width: 14.5rem;}
}
/* ++++++ // section04 - 변화로 증명합니다 ++++++ */

/* ++++++ section05 - 읽기이해까지 완성하자 ++++++ */
#section_05 {background: #FFFFFF; height:auto; flex-direction: column;  padding: 3rem 0;}
.section_Warp.s05 {
	height:auto;
	width: auto;
	position:relative;
	max-width: 146.8rem;
	flex-direction: column;
    justify-content: center;
}
.s05 .cont_Title {text-align:center;}
.s05 .cont_Txt {margin:3rem 0 6rem 0;}
.s05 .botm_txt {position:relative;}
.s05_cont {width:100%; max-width:117.6rem;}
.s05 .botm_txt img {width:100%; height:auto;}

img.flower {max-width:11.6rem;}
img.s05_rabbit {max-width:13.6rem;}

.ra_flower {
	left: -19rem;
    bottom: -10rem;
	display: flex;
	position: absolute;
    justify-content: center;
    align-items: flex-end;
}
.s05_turtle {right: -5rem;bottom: -10rem;position: absolute;}
.s05_turtle img {width:100%;}

.s05 span.color {color: rgba(81, 206, 211, 1)!important;}	
.s05 span.bold {font-weight:600; color:#222!important;}	
.left.s05 {width:35%;}
.right.s05 {width:65%;}

.read_btn { 
	box-shadow: 10px 20px 55px rgba(91, 101, 180, 0.35);  
	background: #4B5BD8; 
	display: inline-block; 
	border-radius:0.8rem; 
	box-sizing:border-box;
	margin-top: 6rem;
}
.read_btn p{
	color: #FFF;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 2.16rem;
	padding:2.4rem 5rem;
}
.s05 .sc_notice {display:none;}

@media (max-width:1468px) {
	.s05_turtle {right: 1rem; max-width:15.2rem;}
	.ra_flower {left:-1rem;}
	img.flower {max-width: 11.4rem;}
	img.s05_rabbit {max-width: 10.5rem;}
} 

@media (max-width:991px) {
	#section_05 {padding: 9rem 0 8rem 0;}
	.section_Warp.s05 {padding:0; width: 100%;}
	.s05_cont {max-width: inherit; height: 100%;}
	.s05 .cont_Txt {margin: 2rem 0 4rem 0;text-align: center;}
	
	.s05 .botm_txt {padding:0 2rem;}
	.s05_turtle {max-width: 12.2rem;right:1rem; display:none;}
	img.flower {max-width: 8.4rem; display:none;}
	img.s05_rabbit {max-width: 9.5rem; display:none;}
	.ra_flower {left:0;justify-content: flex-start;}
	.read_btn {margin-top:4rem; border-radius:0.6rem;}
	.read_btn p {font-size: 1.5rem;line-height: 1.56rem;padding: 2rem 3rem;}
	
	#section_04 .swiper-button-next, #section_04 .swiper-rtl .swiper-button-prev {right:1.5rem!important; transform: translateY(-50%);}
	#section_04 .swiper-button-prev, #section_04 .swiper-rtl .swiper-button-next {left:1.1rem!important; transform: translateY(-50%);}
	
	.s05 .botm_txt.pc_only {display:none;}
		img.s05_cont_img.grap {
		width: 75.7rem;
		max-height: 26rem;
		padding: 0 2rem;
	}
	
}

@media (max-width:767px) {
	#section_05 {padding: 9rem 0 8rem 0; overflow:hidden;}
	.section_Warp.s05 {padding:0; width: 100%;}
	.s05_cont {margin: 0 2rem;width: 75.7rem;max-width: inherit;}
	.s05 .cont_Txt {margin: 2rem 0 4rem 0;text-align: center;}
	.s05 .sc_notice {
		display:block;
		width: 100%;
		padding: 0 3rem;
		margin: 0 auto 2rem;
		box-sizing: border-box;
	}
	.s05 .botm_txt {width: 100%;padding:0; overflow:scroll;overflow-y: unset;}
	
	
	.s05_turtle {max-width: 12.2rem;right: inherit;bottom: -9rem;left:2rem;}

	.ra_flower {display:none;}
	.s05_cont_img { width:100%; margin:0;}
	.read_btn p {font-size: 1.3rem;line-height: 1.56rem;padding: 1.7rem 2rem;}
}
/* ++++++ // section05 - 읽기이해까지 완성하자 ++++++ */

/* =============================================== */
/*			 	//  아이설렘 메인 					   */
/* =============================================== */