@charset "utf-8";
/* ==========================================================================
   Disney English  -  /elite/disney-english.php
   --------------------------------------------------------------------------
   rem 기준 (reset.css)
     ≥1501px : 1rem = 10px
     ≤1500px / ≤991px : 1rem = 8.72px
     ≤767px  : 1rem = 9.36px
   네임스페이스 : de*
   ========================================================================== */


/* --------------------------------------------------------------------------
   웹폰트 : Paperlogy (타이틀 포인트 폰트)
   --------------------------------------------------------------------------
   ※ kid_atw.css 등 다른 페이지도 font-family:Paperlogy 를 쓰고 있으나
      @font-face 선언이 사이트 어디에도 없어 실제로는 폴백 렌더링 중입니다.
      이 선언은 kid_disney.css 에만 있어 디즈니 페이지에만 적용됩니다.
      사이트 전체에 적용하려면 이 블록을 newcommon.css 로 옮기세요.
   ※ 다른 웨이트가 필요하면 파일명만 바꿔 추가 (같은 경로)
      Paperlogy-1Thin / 2ExtraLight / 3Light / 4Regular / 5Medium
      Paperlogy-6SemiBold / 7Bold / 8ExtraBold / 9Black
   -------------------------------------------------------------------------- */
@font-face {
	font-family: 'Paperlogy';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Paperlogy';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}


/* --------------------------------------------------------------------------
   00. 상단 비주얼
   -------------------------------------------------------------------------- */
.deInt00Wrap {
	position: relative;
	width: 100%;
	padding: 22rem 0 11rem 0;
	background: #141D52; /* gradient 미지원 폴백 */
	background: linear-gradient(180deg, #1A1D42 0%, #141D52 50%, #152A70 100%);
	overflow: hidden;
}
.deInt00SideBox {
	position: relative;
	max-width: 94rem;
	margin: 0 auto;
	padding: 0 2rem;
}
.deInt00Inner {
	position: relative;
	width: 100%;
}
.deInt00title h1 {
	color: #FFF;
	font-family: Paperlogy, Pretendard;
	font-size: 8rem;
	font-style: normal;
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -0.02em;
}

/* 버튼 */
.deBtnBox {
	margin: 8rem 0 0 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 2rem;
}
.deBtn {
	position: relative;
}
.deBtn a {
	display: flex;
	min-width: 20rem;
	padding: 1.5rem 2rem;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	border-radius: 0.8rem;
	text-align: center;
	white-space: nowrap;
	font-family: Pretendard;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	transition: filter 0.2s ease;
}
.deBtn a:hover {
	filter: brightness(0.94);
}
.deBtn a.mint {
	color: #000;
	background: #00E5BE;
}
.deBtn a.yel {
	color: #000;
	background: #FFEA00;
}

@media (max-width: 1500px) {
	.deInt00title h1 {
		font-size: 7.4rem;
	}
}
@media (max-width: 991px) {
	.deInt00Wrap {
		padding: 16rem 0 9rem 0;
	}
	.deInt00title h1 {
		font-size: 6rem;
	}
	.deBtnBox {
		margin: 6rem 0 0 0;
	}
}
@media (max-width: 767px) {
	.deInt00Wrap {
		padding: 9rem 0 10rem 0;
	}
	.deInt00SideBox {
		padding: 0 3rem;
	}
	.deInt00title h1 {
		font-size: 3.4rem;
		line-height: 1.14;
	}
	.deBtnBox {
		margin: 3rem 0 0 0;
		gap: 0.8rem;
	}
	.deBtn a {
		min-width: 12.6rem;
		padding: 1.1rem 1.2rem;
		border-radius: 0.6rem;
		font-size: 1.4rem;
	}
}
@media (max-width: 360px) {
	.deBtn a {
		min-width: 11.4rem;
		padding: 1.1rem 0.8rem;
		font-size: 1.3rem;
	}
}


/* --------------------------------------------------------------------------
   03. 왜 디즈니일까? (피어슨 디즈니 공식 영상)
   시안 실측 : PC 1920x871 / MO 360x517
   -------------------------------------------------------------------------- */
.deInt03Wrap {
	position: relative;
	width: 100%;
	padding: 15rem 0;
	background: #0D0E3C;
}
.deInt03SideBox {
	position: relative;
	max-width: 62.4rem; /* 영상 58.4rem + 좌우 padding 2rem */
	margin: 0 auto;
	padding: 0 2rem;
}

/* 영상 : 16:9 반응형 */
.deInt03Movie {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	background: #FFF;
	overflow: hidden;
}
.deInt03Movie iframe,
.deInt03Movie video,
.deInt03MovieHold {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
/* 영상 들어오기 전 자리표시 - iframe 삽입 후 삭제 */
.deInt03MovieHold {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000;
	font-family: Pretendard;
	font-size: 1.6rem;
	font-weight: 700;
}

.deInt03TitleBox {
	margin: 10rem 0 0 0;
	text-align: center;
}
.deInt03TitleBox h2 {
	color: #FFF;
	font-family: Paperlogy, Pretendard;
	font-size: 5.2rem;
	font-style: normal;
	font-weight: 800;
	line-height: 1.3;
}
.deInt03TitleBox p {
	margin: 1.3rem 0 0 0;
	color: #FFF;
	font-family: Paperlogy, Pretendard;
	font-size: 2.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3.1rem;
}

@media (max-width: 991px) {
	.deInt03Wrap {
		padding: 13rem 0;
	}
	.deInt03TitleBox {
		margin: 8rem 0 0 0;
	}
	.deInt03TitleBox h2 {
		font-size: 4.4rem;
	}
	.deInt03TitleBox p {
		margin: 1.2rem 0 0 0;
		font-size: 2.2rem;
		line-height: 2.8rem;
	}
}
@media (max-width: 767px) {
	.deInt03Wrap {
		padding: 10.7rem 0;
	}
	.deInt03SideBox {
		max-width: 100%;
		padding: 0 3.6rem; /* 시안 360폭 기준 좌우 36px */
	}
	.deInt03MovieHold {
		font-size: 1rem;
	}
	.deInt03TitleBox {
		margin: 3.7rem 0 0 0;
	}
	.deInt03TitleBox h2 {
		font-size: 2.9rem;
	}
	.deInt03TitleBox p {
		margin: 2.1rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2.3rem;
	}
}


/* --------------------------------------------------------------------------
   04. 영어 공부가 제대로 되나요? (Pearson 디즈니 교재)
   시안 실측 : PC 1913x940 / MO 353x532
   -------------------------------------------------------------------------- */
.deInt04Wrap {
	position: relative;
	width: 100%;
	padding: 15rem 0 8rem 0;
	background: #FFF;
}
.deInt04SideBox {
	position: relative;
	max-width: 62.4rem;
	margin: 0 auto;
	padding: 0 2rem;
}
.deInt04TitleBox {
	text-align: center;
}
.deInt04TitleBox h2 {
	font-family: Paperlogy, Pretendard;
	font-size: 5.2rem;
	font-style: normal;
	font-weight: 800;
	line-height: 1.3;
}
.deInt04TitleBox h2 span {
	display: block;
	color: #000;
}
.deInt04TitleBox h2 span.poi {
	color: #0D0E3C;
}
.deInt04TitleBox p {
	margin: 3.1rem 0 0 0;
	color: #363636;
	font-family: Paperlogy, Pretendard;
	font-size: 2.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3.2rem;
}

/* 교재 이미지 */
.deInt04Img {
	margin: 10rem auto 0 auto;
	width: 56.2rem;
	max-width: 100%;
}
.deInt04Img img {
	display: block;
	width: 100%;
	height: auto;
}

@media (max-width: 991px) {
	.deInt04Wrap {
		padding: 13rem 0 7rem 0;
	}
	.deInt04TitleBox h2 {
		font-size: 4.4rem;
	}
	.deInt04TitleBox p {
		margin: 2.6rem 0 0 0;
		font-size: 2.2rem;
		line-height: 2.9rem;
	}
	.deInt04Img {
		margin: 8rem auto 0 auto;
	}
}
@media (max-width: 767px) {
	.deInt04Wrap {
		padding: 10.5rem 0 8.3rem 0;
	}
	.deInt04SideBox {
		max-width: 100%;
		padding: 0 2.5rem;
	}
	.deInt04TitleBox h2 {
		font-size: 2.9rem;
	}
	.deInt04TitleBox p {
		margin: 1.6rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2.25rem;
	}
	.deInt04Img {
		margin: 5.5rem auto 0 auto;
		width: 28rem;
	}
}
@media (max-width: 359px) {
	.deInt04TitleBox h2 {
		font-size: 2.7rem;
	}
	.deInt04TitleBox p {
		font-size: 1.4rem;
		line-height: 2.1rem;
	}
}


/* --------------------------------------------------------------------------
   05. 우리 아이에게 꼭 필요한 4 SKILLS
   시안 실측 : PC 1912x811 (프레임 1920, 상하좌우 4px 트림) / MO 352x520 (프레임 360)
   ※ 타이틀만 Paperlogy 800, 카드 안 텍스트는 Pretendard (라벨 700 / 본문 600)
   -------------------------------------------------------------------------- */
.deInt05Wrap {
	position: relative;
	width: 100%;
	padding: 15rem 0;
	background: #DEEDF6;
}
.deInt05SideBox {
	position: relative;
	max-width: 62rem; /* 카드 58rem + 좌우 padding 2rem */
	margin: 0 auto;
	padding: 0 2rem;
}
.deInt05TitleBox {
	text-align: center;
}
.deInt05TitleBox h2 {
	font-family: Paperlogy, Pretendard;
	font-size: 5.2rem;
	font-style: normal;
	font-weight: 800;
	line-height: 1.3;
}
.deInt05TitleBox h2 span.ln1,
.deInt05TitleBox h2 span.ln2 {
	display: block;
}
.deInt05TitleBox h2 span.ln1 {
	color: #252525; /* 1행과 2행 색이 다르다 */
}
.deInt05TitleBox h2 span.ln2 {
	color: #000000;
}
.deInt05TitleBox h2 span.poi {
	color: #09165F;
}

/* 4 SKILLS 카드 */
.deInt05List {
	margin: 10.2rem 0 0 0;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	list-style: none;
}
.deInt05Item {
	display: flex;
	align-items: center;
	min-height: 5.9rem;
	padding: 0 2.4rem;
	border-radius: 0.6rem;
	background: #FFF;
	box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.2);
}
.deInt05Head {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex-shrink: 0;
	width: 15.1rem; /* 본문 시작점을 4개 카드 모두 동일하게 고정 */
}
.deInt05Ico {
	display: block;
	width: 2.4rem;
	height: 2.4rem;
	flex-shrink: 0;
}
.deInt05Ico img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.deInt05Head strong {
	color: #000;
	font-family: Pretendard;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.9rem;
	white-space: nowrap;
}
.deInt05Txt {
	color: #000;
	font-family: Pretendard;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.9rem;
}
.deInt05Txt .poi {
	color: #09165F;
}

@media (max-width: 991px) {
	.deInt05Wrap {
		padding: 13rem 0;
	}
	.deInt05TitleBox h2 {
		font-size: 4.4rem;
	}
	.deInt05List {
		margin: 8rem 0 0 0;
	}
}
@media (max-width: 767px) {
	.deInt05Wrap {
		padding: 7.4rem 0;
	}
	.deInt05SideBox {
		max-width: 100%;
		padding: 0 2.6rem; /* 타이틀 기준 - 2행이 한 줄로 들어가야 한다 */
	}
	.deInt05TitleBox h2 {
		font-size: 2.9rem;
	}
	.deInt05List {
		margin: 4.9rem 0 0 0;
		/* 카드는 타이틀보다 좌우 1.4rem 안쪽 - 시안 360폭 기준 좌우 37.5px */
		padding: 0 1.4rem;
		gap: 0.8rem;
	}
	/* MO 는 라벨 / 본문 2줄 쌓기 */
	.deInt05Item {
		display: block;
		min-height: 0;
		padding: 0.95rem 1.8rem;
		box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.14);
	}
	.deInt05Head {
		width: auto;
		gap: 0.4rem;
	}
	.deInt05Ico {
		width: 1.28rem;
		height: 1.28rem;
	}
	.deInt05Head strong {
		font-size: 1.4rem;
		line-height: 1.5;
	}
	.deInt05Txt {
		margin: 0.8rem 0 0 0;
		font-size: 1.28rem;
		line-height: 1.5;
	}
}
@media (max-width: 359px) {
	.deInt05SideBox {
		padding: 0 2rem;
	}
	.deInt05TitleBox h2 {
		font-size: 2.6rem;
	}
}



/* --------------------------------------------------------------------------
   07. 즐겁게 시작한 영어, 실력으로 이어지도록
   -------------------------------------------------------------------------- */
.deInt07Wrap {
	position: relative;
	width: 100%;
	padding: 15rem 0 15rem 0;
background: linear-gradient(90deg, #0D0E3B 0%, #2326A1 50%, #0D0E3B 100%);
	overflow: hidden;
}
.deInt07SideBox {
    position: relative;
    width: 100%;
    display: flex;
    padding: 0 2rem;
    justify-content: center;
}
.deInt07Inner {
	position: relative;
}
.deInt07title h2 {
	color: #FFF;
	font-family: Paperlogy, Pretendard;
	font-size: 3.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 130%;
}

/* 버튼 */
.deBtnBox07 {
	margin: 6.2rem 0 0 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 1.6rem;
}
.deBtn07 {
	position: relative;
}
.deBtn07 a {
    display: flex;
    min-width: 19rem;
    padding: 1.3rem 1rem;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 0.5rem;
    text-align: center;
    white-space: nowrap;
    font-family: Pretendard;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    transition: filter 0.2s ease;
}
.deBtn07 a:hover {
	filter: brightness(0.94);
}
.deBtn07 a.mint {
	color: #fff;
background: #000;
}
.deBtn07 a.yel {
	color: #000;
	background: #fff;
}

@media (max-width: 1300px) {
	.deInt07Wrap {
		padding:13rem 0;
	}
}
@media (max-width: 767px) {
	.deInt07Wrap {
		padding:10rem 0;
	}
	.deInt07SideBox {
		padding: 0 3.3rem;
	}
	.deInt07title h2 {
		font-size: 2.2rem;
		line-height: 130%;
	}
	.deBtnBox07 {
		margin: 3rem 0 0 0;
		gap: 1rem;
	}
	.deBtn07 a {
		min-width: 13rem;
		padding: 1.3rem 1rem;
		border-radius: 0.5rem;
		font-size: 1.3rem;
	}
}
@media (max-width: 440px) {
	.deInt07SideBox {
		display: flex;
		padding: 0 3.3rem;
		justify-content: flex-start;
	}
}


/* --------------------------------------------------------------------------
   02. 디즈니 친구들과 함께하는 즐거운 영어 공부 시간
   -------------------------------------------------------------------------- */
.deInt02Wrap{
	position:relative;
	width:100%;
	padding:34rem 0 15rem 0;
	background:#fff;
}   
.deInt02SideBox{
	padding:0 3.2rem;
	position:relative;
}
.dei02Inner {
    gap: 15rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.dei02Pearson{
	position:relative;
}
.dei02Pearsonimg{
	position:relative;
}
.dei02Pearsonimg img{
	height:50.1rem;
}
.dei02Pearson h2{
	margin:5rem 0 3rem 0;
	color: #000;
text-align: center;
font-family: Paperlogy;
font-size: 5.2rem;
font-style: normal;
font-weight: 700;
line-height: 130%;
}
.dei02Pearson h2 span{
background: linear-gradient(90deg, #15B9FF 0%, #D0F 87.98%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.dei02Pearson h3{
color: #000;
text-align: center;
font-family: Paperlogy;
font-size: 2.5rem;
font-style: normal;
font-weight: 500;
line-height: 130%; /* 32.5px */
}
.dei02Pearson h3 span{
font-weight: 800;
}

.dei02hero {
    gap: 2rem;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.dei02heroimg img{
	height:36.3rem;
}
.dei02heroimg2 img{
	height:43.2rem;
}
.dei02dot{
	position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.dei02dotline{
	width: 1px;
height: 15.2rem;
	background: #C4C4C4;
}
.dei02mulbox{
	max-width:58.4rem;
	margin:0 auto;
	position:relative;
}
.dei02multilec{
	display:flex;
	position:relative;
}
.dei02multgif{
	display:flex;
	position:relative;
}
.dei02multgif img{
	position:relative;
	z-index:1;
}
.dei02multgif span {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 0 6px;
    height: 19.088px;
    background: #000;
    color: #FFF;
    font-family: Pretendard;
    font-size: 9.042px;
    font-style: normal;
    font-weight: 600;
    line-height: 170%;
    align-items: center;
    justify-content: center;
}
.dei02multitle {
    display: flex;
    gap: 3rem;
    flex-direction: column;
    align-items: center;
}
.dei02multitle p{
	display: flex;
padding:1rem 3rem;
justify-content: center;
align-items: center;
gap: 1rem;
	border-radius: 5rem;
background: #000;
	color: #FFF;
text-align: center;
font-family: Pretendard;
font-size: 2rem;
font-style: normal;
font-weight: 800;
line-height: 130%; /* 26px */
}
.dei02multitle h2{
	color: #000;
text-align: center;

/* 대제모ㅓㄱ */
font-family: Paperlogy;
font-size: 5.2rem;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 68.25px */
}
.dei02multitle h2 span{
	color: #7135FF;
}
.dei02multilec{
	margin:10rem 0;
}
.dei02multilec img{
	max-width:100%;
	/* height:22.7rem; */
}
.dei02multilec2 img{
	box-shadow: 0 0 13.7px 7px rgba(0, 0, 0, 0.12);
		max-width:100%;
	/* height:41.35rem; */
}
.dei02cardBox{
	display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 3.5rem -1.5rem;
    list-style-type: none;
    justify-content: flex-start;
}
.dei02card {
    position: relative;
    flex: 0 0 calc(50% - 3rem);
    margin: 1.5rem;
    box-sizing: border-box;
    display: flex;
    padding: 1.6rem 4px;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    border-radius: 1rem;
    background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(0deg, #FFF 0%, #FFF 100%), #FFF;
    box-shadow: 0 2px 19.9px 5px rgba(0, 0, 0, 0.06);
    flex-direction: column;
}
.dei02card p{
	color: #09165F;
text-align: center;
font-family: Pretendard;
font-size: 2.5rem;
font-style: normal;
font-weight: 700;
line-height: 153%; /* 38.25px */
}
.dei02card h3{
	color: #585858;
font-family: Pretendard;
font-size: 2rem;
font-style: normal;
font-weight: 500;
line-height: 153%;
}
.dei02btnBox {
    display: flex;
    justify-content: center;
}
.dei02btnBox a{
	display: flex;
width: 32.8rem;
height: 5.9rem;
padding: 7.981px 26.604px;
justify-content: center;
align-items: center;
gap: 5.321px;
	border-radius: 5px;
background: #09165F;
	color: #FFF;
text-align: center;
font-family: Pretendard;
font-size: 1.9rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}

@media (max-width: 1300px) {
	.deInt02Wrap {
		padding: 24rem 0 15rem 0;
	}
}
@media (max-width: 767px) {
	.deInt02Wrap {
		padding: 10rem 0 10rem 0;
	}
	.dei02Inner {
		gap: 10rem;
	}
	.dei02Pearsonimg {
		text-align: center;
	}
	.dei02Pearsonimg img {
		height: 23.1rem;
	}
	.dei02Pearson h2 {
		margin: 10rem 0 1.4rem 0;
		font-size: 2.7rem;
	}
	.dei02Pearson h3 {
		font-size: 1.4rem;
		line-height: 157%;
	}
	
	.dei02hero {
		gap: 1rem;
	}
	.dei02heroimg img {
		height: 24.6rem;
	}
	.dei02heroimg2 img {
		height: 19.7rem;
	}
	.dei02dotline {
		height: 11rem;
	}
	
	.dei02multitle {
		gap: 1.3rem;
	}
	.dei02multitle p {
		padding: 4.31px 12.929px;
		border-radius: 5rem;
		font-size: 1rem;
		line-height: 130%;
	}
	.dei02multitle h2 {
		font-size: 2.7rem;
		line-height: 130%;
	}
	.dei02multilec {
		margin: 4.3rem 0;
	}
	.dei02multilec2 img {
		box-shadow: 0 0 6.948px 3.55px rgba(0, 0, 0, 0.12);
	}
	
	.dei02cardBox {
		margin: 1.8rem -0.8rem 3.2rem -0.8rem;
	}
	.dei02card {
		gap: 5.072px;
		flex: 0 0 calc(50% - 1.6rem);
		margin: 0.8rem;
		padding: 8.115px 23.33px;
border-radius: 5.072px;
background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(0deg, #FFF 0%, #FFF 100%), #FFF;
box-shadow: 0 1.014px 10.093px 2.536px rgba(0, 0, 0, 0.06);
		flex-direction: column;
	}
	.dei02card p {
		font-size: 1.3rem;
		line-height: 153%;
	}
	.dei02card h3 {
		font-size: 1.1rem;
		line-height: 153%;
	}
	.dei02btnBox a {
		width: 100%;
		height: 47px;
		padding: 7.981px 26.604px;
		border-radius: 4px;
		font-size: 1.5rem;
	}
}

/* --------------------------------------------------------------------------
   06. 좋은 교재는 좋은 수업이 함께 해야 실력이 됩니다.  
   -------------------------------------------------------------------------- */  
.deInt06Wrap{
	position:relative;
	width:100%;
	padding:15rem 0;
	background:#fff;
}   
.deInt06SideBox{
	padding:0 20px;
	position:relative;
	max-width:620px;
	margin:0 auto;
}
.dei06Inner {
    gap: 15rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.de06videobox{
	position:relative;
	width: 100%;
}
.de06videobox h2{
	color: #000;
text-align: center;
font-family: Paperlogy;
font-size: 5.2rem;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 68.25px */
}

/* 영상 : 16:9 반응형 */
.deInt06Movie {
    margin: 15rem 0 5rem 0;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background: #D9D9D9;
    overflow: hidden;
}
.deInt06Movie iframe,
.deInt06Movie video,
.deInt06MovieHold {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
/* 영상 들어오기 전 자리표시 - iframe 삽입 후 삭제 */
.deInt06MovieHold {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000;
	font-family: Pretendard;
	font-size: 1.6rem;
	font-weight: 700;
}
.de06videobtnBox {
    display: flex;
    justify-content: center;
}
.de06videobtnBox a {
    display: flex;
    width: 32.8rem;
    height: 5.9rem;
    padding: 7.981px 26.604px;
    justify-content: center;
    align-items: center;
    gap: 5.321px;
    border-radius: 5px;
background: #7135FF;
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 1.9rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.de06bookvideo {
    display: flex;
    justify-content: center;
}
.de06bookvideo img {
    height: 23.8rem;
    border-radius: 1.8rem;
    box-shadow: 0 23px 19.8px -3px rgba(0, 0, 0, 0.20);
}
.de06stepbox {
    gap: 10rem;
    display: flex;
    position: relative;
    flex-direction: column;
}
.de06step img{
	max-width:100%;
}
.de06step img.pc{display:block;}
.de06step img.mo{display:none;}

.de06recomdbox{
	    width: 100%;
	position:relative;
}
.de06recomdbox h2{
	color: #000;
text-align: center;

/* 대제모ㅓㄱ */
font-family: Paperlogy;
font-size: 5.2rem;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 68.25px */
}

.de06recomd {
	width:100%;
    margin: 5rem 0 0 0;
    display: flex;
    gap: 2.5rem;
    flex-direction: column;
}
.de06rec{
	display: flex;
padding: 17px 10px 17px 10px;
justify-content: center;
align-items: center;
	border-radius: 15px;
background: linear-gradient(0deg, #FDF5FF 0%, #FDF5FF 100%), linear-gradient(0deg, #DEEEF6 0%, #DEEEF6 100%), #DEEEF6;
box-shadow: 0 0 12px 5px rgba(0, 0, 0, 0.07);
}
.de06rec:nth-child(1){
background: linear-gradient(0deg, #FDF5FF 0%, #FDF5FF 100%), linear-gradient(0deg, #DEEEF6 0%, #DEEEF6 100%), #DEEEF6;	
}
.de06rec:nth-child(2){
background: linear-gradient(0deg, #F6E8FA 0%, #F6E8FA 100%), linear-gradient(0deg, #DEEEF6 0%, #DEEEF6 100%), #DEEEF6;
}
.de06rec:nth-child(3){
background: linear-gradient(0deg, #F2D2FB 0%, #F2D2FB 100%), linear-gradient(0deg, #DEEEF6 0%, #DEEEF6 100%), #DEEEF6;
}
.de06rec:nth-child(4){
background: linear-gradient(0deg, #EBABFD 0%, #EBABFD 100%), linear-gradient(0deg, #DEEEF6 0%, #DEEEF6 100%), #DEEEF6;
}
.de06rec h3{
	color: #000;
text-align: center;
font-family: Pretendard;
font-size: 2rem;
font-style: normal;
font-weight: 600;
line-height: 130%; /* 26px */
}

@media (max-width: 991px) {
	.deInt06Wrap {
		padding: 13rem 0;
	}
	.dei06Inner {
		gap: 13rem;
	}
	.deInt06Movie {
		margin: 13rem 0 5rem 0;
	}
	.de06stepbox {
		gap: 6rem;
	}
}
@media (max-width: 767px) {
	.deInt06Wrap {
		padding: 10rem 0;
	}
	.dei06Inner {
		gap: 10rem;
	}
	.deInt06Movie {
		margin: 5rem 0 5rem 0;
	}
	.de06stepbox {
		gap: 4rem;
	}
	.de06bookvideo img {
		max-width:100%;
		height: auto;
		border-radius: 13.395px;
box-shadow: 0 17.116px 14.734px -2.232px rgba(0, 0, 0, 0.20);
	}
	.de06step img.pc{display:none;}
	.de06step img.mo{display:block;}
	
	.de06videobox h2 {
		font-size: 2.7rem;
	}
	.de06videobtnBox a {
		display: flex;
		width: 193px;
        height: 36px;
		padding: 7.981px 26.604px;
		border-radius: 5px;
		font-size: 11px;
	}
	
	.de06recomdbox h2 {
		font-size: 2.7rem;
	}
	.de06recomd {
		margin: 2.6rem 0 0 0;
		gap: 1.3rem;
	}
	.de06rec h3 {
		font-size: 1.2rem;
	}
	.de06rec {
		padding: 9px 10px;
		
		border-radius: 7.733px;
box-shadow: 0 0 6.186px 2.578px rgba(0, 0, 0, 0.07);
	}
}


.de06silbox{
	position:relative;
	width:100%;
}
.de06silInner{
	overflow:hidden;
	position:relative;
	width:100%;
	height: 37rem;
	border-radius: 1.5rem;
	background: #F7F4FF;
	padding:4rem 0;
}
.de06siltitle{
position:relative;
}
.de06siltitle h2{
	color: #000;
text-align: center;
font-family: Pretendard;
font-size: 1.9rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.de06siltitle h3{
		margin:2.8rem 0 4.8rem 0;
	color: #2D2D2D;
text-align: center;
font-family: Pretendard;
font-size: 1.5rem;
font-style: normal;
font-weight: 600;
line-height: 112.64%; /* 16.896px */
}

.de06silLineBox{
	position:relative;
	width:100%;
	height:13.5rem;
	overflow:hidden;
}
.de06silLineLeftDim{
	transform: translateY(-50%);
	z-index: 2;
	position:absolute;
	left:0;
	width: 125px;
	height: 188px;
	background: linear-gradient(90deg, #F7F4FF 0%, rgba(247, 244, 255, 0.00) 100%);
	top: 50%;
}
.de06silLineRightDim {
    transform: translateY(-50%);
    z-index: 2;
    position: absolute;
    right: 0;
    width: 125px;
    height: 188px;
    background: linear-gradient(270deg, #F7F4FF 0%, rgba(247, 244, 255, 0.00) 100%);
    top: 50%;
}

/* 교재 표지 띠 무한 흐름 — 같은 이미지 2장을 이어 붙이고 -50% 이동 후 반복 */
.de06silLine {
    display: flex;
    width: max-content;
    height: 100%;
    position: relative;
    animation: de06silFlow 15s linear infinite;
    will-change: transform;
}
.de06silLine img{
	display:block;
	flex:none;
	width:auto;
	height:100%;
	margin-right:.6rem; /* 이음새 간격을 표지 사이 간격(원본 14~17px)과 맞춤 */
}
@keyframes de06silFlow{
	from{transform:translate3d(0,0,0);}
	to{transform:translate3d(-50%,0,0);}
}
@media (prefers-reduced-motion: reduce){
	.de06silLine{animation:none;}
}

.de06siltext{
	margin:2.5rem 0 0 0;
	position:relative;
}
.de06siltext p {
    padding: 0 0 0 1.4rem;
    position: relative;
    color: #686868;
    font-family: Pretendard;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.de06siltext p b{
	position:absolute;
	left:0;
	top:0;
	color: #686868;
    font-family: Pretendard;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media (max-width: 767px) {
    .de06silInner {
		height: 37rem;
		border-radius: 8.405px;
		padding: 3rem 0 4.4rem 0;
	}
	.de06siltext {
		margin: 2rem 0 0 0;
	}
	.de06siltext p b {
		font-size: 1rem;
		line-height: 130%;
	}
	.de06siltext p {
		padding: 0 0 0 1rem;
		font-size: 1rem;
		line-height: 130%;
	}
}

.de06prevBox{
	position:relative;
	width:100%;
}
.de06prevtitle {
    margin: 0 0 5rem 0;
    gap: 2rem;
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.de06prevtitle img{
	height:18rem;
}
.de06prevtitle h2{
	color: #7135FF;
font-family: Paperlogy;
font-size: 2.5rem;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 32.5px */
}
.de06stBox {
    gap: 0.8rem;
    display: flex;
    position: relative;
    width: 100%;
	margin:0 0 2rem 0;
}
.de06st {
	    width: 100%;
	cursor:pointer;
    gap: 6px;
    display: flex;
    padding: 16px 2px 16px 12px;
    align-items: flex-start;
    border-radius: 10px;
    border: 0.721px solid #C7C7C7;
    background: #FFF;
    flex-direction: column;
}
.de06st.on{
	background: #F7DFFF;
}
.de06st p {
    display: flex;
    color: #000;
    text-align: left;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    flex-direction: column;
}
.de06st b{
	position:relative;
	display:inline-block;
	height:3rem;
	width:3rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.de06st b.ic01{
	background-image: url(/img/kid/disney/de06st_01.webp);
}
.de06st b.ic02{
	background-image: url(/img/kid/disney/de06st_02.webp);
}
.de06st b.ic03{
	background-image: url(/img/kid/disney/de06st_03.webp);
}
.de06st b.ic04{
	background-image: url(/img/kid/disney/de06st_04.webp);
}

.de06st_sildeBox{
	position:relative;
	width:100%;
	border-radius: 1rem;
	background: #F7F4FF;
	padding:4rem 3rem;
}


/* 단계별 교재 미리보기 — 탭 패널 (PC 기준, 시안 캡처 1rem=10px 환산값) */
.de06st_sildeInner{
	position:relative;
}
.de06stPanel{
	display:none;
	gap:2rem;
	align-items:stretch;
}
.de06stPanel.on{
	display:flex;
}

/* 교재 카드 Swiper
   ※ 사이트 swiper JS 는 4.4.5, CSS 는 9.3.2 로 버전이 달라 v4 마크업(.swiper-container)에
     기본 규칙이 걸리지 않는다. 동작에 필요한 규칙을 여기서 직접 잡는다. */
.de06stSlide{
	position:relative;
	flex:none;
	width:35.2rem;
	margin:0;
	overflow:hidden;
}
.de06stSlide .swiper-wrapper{
	position:relative;
	display:flex;
	width:100%;
	height:100%;
	box-sizing:content-box;
	transition-property:transform;
}
.de06stSlide .swiper-slide{
	position:relative;
	flex-shrink:0;
	width:100%;
}
.de06stSlide img{
	display:block;
	width:100%;
	height:auto;
	aspect-ratio:352 / 456;
	object-fit:cover;
}

/* 우측 : 설명 카드 + 이전/다음 · 페이지 번호 */
.de06stSide{
	flex:1;
	min-width:0;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.de06stDesc{
	padding:2.2rem 1.5rem 2.6rem 1.5rem;
	border-radius:0.8rem;
	background:#FFF;
}
.de06stLv{
	color:#7135FF;
	font-family:Pretendard;
	font-size:1rem;
	font-weight:700;
	line-height:130%;
}
.de06stDesc h3{
	margin:0.8rem 0 0.8rem 0;
	
	
	color: #000;
font-family: Pretendard;
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 19.5px */
}
.de06stTxt{
	color:#323232;
	font-family:Pretendard;
	font-size:1.2rem;
	font-weight:500;
	line-height:170%;
}
.de06stCtrl{
	display:flex;
	align-items:center;
}
.de06stPrev,
.de06stNext{
	position:relative;
	width:2.4rem;
	height:2.4rem;
	padding:0;
	border:0;
	background:none;
	cursor:pointer;
}
.de06stNext{
	margin:0 0 0 2.8rem;
}
.de06stPrev::before,
.de06stNext::before{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	width:0.9rem;
	height:0.9rem;
	border-left:0.2rem solid #000;
	border-bottom:0.2rem solid #000;
}
.de06stPrev::before{
	transform:translate(-30%, -50%) rotate(45deg);
}
.de06stNext::before{
	transform:translate(-70%, -50%) rotate(-135deg);
}
.de06stNum{
	margin:0 0 0 1.4rem;
	color:#000;
	font-family:Pretendard;
	font-size:1.3rem;
	font-weight:400;
	line-height:1;
	white-space:nowrap;
}

@media (max-width: 767px) {
	.de06stPanel {
		gap: 1.7rem;
	}
	.de06stPanel.on {
		display: flex;
		flex-direction: column;
	}
	.de06stDesc h3 br{display:none;}
	.de06stTxt br{display:none;}
	
	
	.de06prevtitle {
		margin: 0 0 2.6rem 0;
		gap: 1rem;
	}
	.de06prevtitle img {
		height: 9rem;
	}
	.de06prevtitle h2 {
		font-size: 2.3rem;
	}
	.de06st {
		gap: 6px;
		padding: 8px 2px 19px 6px;
		border-radius: 5px;
	}
	.de06st p {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		display: flex;
		font-size: 10px;
	}
	.de06st p span{
		font-size: 12px;
	}
	.de06st b {
		height: 2rem;
		width: 2rem;
	}
	.de06st_sildeBox {
		border-radius: 0.5rem;
		padding: 2rem 2rem;
	}
	.de06stDesc {
		padding: 2rem 1.2rem 2rem 1.2rem;
		border-radius: 0.5rem;
		background: #FFF;
	}
	.de06stLv {
		font-size: 1.2rem;
	}
	.de06stDesc h3 {
		margin: 1rem 0 1rem 0;
		font-size: 1.5rem;
	}
	.de06stTxt {
		font-size: 1rem;
	}
	.de06stCtrl {
		margin: 2rem 0 0 0px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	
	.de06stSlide {
		width: 100%;
	}
}