@charset "utf-8";
/**
 * lib2.css
 * Add Share Contents ..
 * 20210616 | @m | 최초 등록
 * 20210625 | @m | 요구반영. 결함개선. 고도화.
 * 20210625 | @m | 전체화면 어울리게
 * 20210629 | @m | Phonics 
 * 20210702 | @m | Elem 추가
 * 20210709 | @m | Bridge 추가
 * 20210716 | @m | Inter, Upper 추가
 * 20210720 | @m | Text7, Text8 추가
 * 20210722 | @m | 모든 과정. 스토리이미지 또는 학생 캐릭터 나올 수 있도록.
 * 20210730 | @m | 스티커추가
 * 20210805 | @m | 듣기 음성이 나올때 보기 문장 선택이 불가하도록 수정
 * 20210809 | @m | Inter~ 진행단계(.cp2process3) 수정
 * 20210809 | @m | 진행단계(.cp2process1) 상태 추가
 * 20210810 | @m | 캐릭터 남자선생님 추가 (.cp2learn19)
 * 20210811 | @m | .cp2learn1 수정
 * 20210812 | @m | .cp2result1, .cp2chart1circle2 수정, .cp2today1review1 추가
 * 20210813 | @m | 
 * 20210817 | @m | .cp2answer1 수정
 * 20210818 | @m | .cp2learn25
 * 20210823 | @m | .cp2learn8
 * 20210903 | @m | .cp2learn6, .cp2learn16
 * 20210910 | @m | .cp2learn6, .cp2learn16 ) .text1q1 .b1
 * 20210915 | @m | 
 * 20211130 | @m | .cp2learn16 .text1q1 수정
 * 20211208 | @m | .cp2learn16 .text1q1 .t1 수정
 * 20220120 | @m | 
 */

/** Compatible! [IE11+] 20210101~ */

/** Table of contents ))
 || Overwrite | Add Share Contents | Components Library | RWD
 || Phonics
 || Elem
 */


/* All Device ◆◆◆◆◆◆◆◆◆◆ */


/* … )) Overwrite ◆◆◆ */


/* ◇◆ Phonics | Elem | Bridge | ~ ◇◆◇◆◇◆◇◆◇◆ */


/* 메인(font-size단위vw활용) 20210618 ◇◆(안씀) */
.cp2main01{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:url(../../img/L0100Phonics/bg1@2x.png) no-repeat 0 0 / contain;
}
.cp2main01 .h2{
	position:absolute;left:0;right:0;
	top:66.015625%; /* (507/768) */
	margin:-.75em 0;
	color:#000;
	font-size:13.0859375vw; /* (134/1024) */
	font-family:'GmarketSansBold';
	text-align:center;
}
.cp2main01 .b1{
	display:inline-block;
	position:absolute;right:0;bottom:0;
	margin:7.8125%; /* (80/1024) */
	padding:.625em 2em;
	border-radius:9999px;
	background:#006737;
	color:#fff;
	font-size:2.1484375vw; /* (22/1024) */
	font-family:'S-CoreDream-5Medium';
	text-align:center;
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp2main01 .h2{
		font-size:8.375em; /* (134/16) */
	}
	.cp2main01 .b1{
		font-size:1.375em; /* (22/16) */
	}
}


/* 메인(font-size단위em만사용) 20210625 */
.cp2main1{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:url(../../img/L0100Phonics/bg1@2x.png) no-repeat 0 0 / contain;
}
.cp2main1:before{content:'';
	z-index:-1;
	display:block;
	position:fixed;left:0;right:0;top:0;bottom:0;
	background:#006737;
}
.cp2main1 .h2{
	position:absolute;left:0;right:0;
	top:66.015625%; /* (507/768) */
	margin:-.75em 0;
	color:#222;
	font-size:8.375em; /* (134/16) */
	font-family:'GmarketSansBold';
	letter-spacing:-.03125em;
	text-align:center;
}
.cp2main1 .b1{
	display:inline-block;
	position:absolute;right:0;bottom:0;
	margin:7.8125%; /* (80/1024) */
	padding:.625em 2em;
	border-radius:9999px;
	background:#006737;
	color:#fff;
	font-size:1.375em; /* (22/16) */
	font-family:'S-CoreDream-5Medium';
	text-align:center;
}


/* 닫기 (메인) 20210706 */
.cp2b1close1{
	display:block;
	z-index:10;
	position:fixed;right:0;top:0;
	width:1.9375em; /* (31/16) */
	height:1.9375em;
	margin:2.125em; /* (34/16) */
	background:url(../../img/L0100Phonics/ic62a1c0x1.png) no-repeat center center / contain;
	overflow:hidden;
	text-indent:-9999px;
}


/* 인사말 20210625 */
.cp2greeting1{
	position:fixed;left:0;right:0;top:0;bottom:0;
	background:#000;
}
.cp2greeting1 .video1{
	position:absolute;left:0;right:0;top:0;bottom:0;
	width:100%;
	height:100%;
}
/* 영상제어 */
.cp2greeting1 .btns1{
	position:absolute;
	left:50%;
	top:50%;
	width:7.5em;
	height:7.5em;
	transform:translate(-50%, -50%);
}
.cp2greeting1 .b1play1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 25% 100% / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
}
/* (☆진행중.보이기감추기) */
.cp2greeting1 .b1play1{
	visibility:hidden;
	opacity:0;
	transition:.4s;
}
.cp2greeting1 .b1play1.active.one{
	visibility:visible;
	opacity:1;
	transition:.4s;
}


/* 진행단계(3단) 20210810 */
.cp2process1{
	position:absolute;left:0;right:0;top:0;bottom:0;
	text-align:center;
}
.cp2process1:before{content:'';
	z-index:-2;
	display:block;
	position:fixed;left:0;right:0;top:0;bottom:0;
	background:url(../../img/L0100Phonics/bg2@2x.png) no-repeat 50% 0;
	background-size:100% 100%; /* ((cover */
}
.cp2process1 .bg1{
	display:block;
	/* z-index:-1; [SF]bug) z-index 음수값은 쌓임맥락 안에서 1개만 되는 결함 주의! */
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:2.125em 1.625em; /* (34/16) (26/16) */
	border-radius:8em;
	background:#fff;
	box-shadow:0 0 30px 0 rgba(0,0,0, .2);
}
.cp2process1 .bg1:before{content:'';
	display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:1.25em 1.4375em; /* (20/16) (23/16) */
	border-radius:7em;
	border:.4375em dashed #44ab00;
}
.cp2process1 .h1{
	display:inline-block;
	position:relative;
	margin:10.15625% 0 4.6875%; /* (104/1024) (48/1024) */
	padding:.4375em 2em .25em;
	border-radius:9999px;
	background:#006737;
	color:#fff;
	font-size:2.125em; /* (34/16) */
	font-family:'GmarketSansBold';
	text-transform:uppercase;
}
/* (☆) */
.cp2process1 .progress{display:block;
	position:relative;
	width:78.125%;
	margin:auto;
}
.cp2process1 .progress .g1{display:block;
	height:1.5625em;
	border:1px solid #ddd;
	border-radius:9999px;
	background:#fff;
	box-shadow:0 .1875em 0 0 rgba(0,0,0, .07);
}
.cp2process1 .progress .g1b1{display:block;
	position:relative;
	height:100%;
}
.cp2process1 .progress .g1b1b1{display:block;
	position:relative;
	height:100%;
	border-radius:9999px;
	background:#44ab00 url(../../img/L0100Phonics/b1p1.png) repeat-x 0 50% / 1.875em 1.625em;
}
.cp2process1 .progress .ic1{display:inline-block;
	position:absolute;right:0;top:0;
	width:1.75em;
	height:100%;
	padding:0 .4375em;
	border-radius:9999px;
	background:#44ab00 url(../../img/L0100Phonics/icw56a1c0car1.png) no-repeat center center / 1.75em 1em;
	vertical-align:middle;
}
.cp2process1 .progress .h2{
	position:absolute;
	right:1em;
	padding:.25em .75em;
	border-radius:.35em;
	background:#44ab00;
	color:#fff;
	font-weight:400;
	font-size:1.25em;
	transform:translate(50%, 0);
}
.cp2process1 .progress .h2:before{content:'';display:inline-block; /* △ */
	position:absolute;left:50%;top:0;
	width:0;height:0;
	margin:-.3125em;
	border:0 solid transparent;
	border-width:0 .3125em .3125em .3125em;
	border-bottom-color:#44ab00;
}
/* (☆) */
.cp2process1 .cards{display:block;
	margin:9.08203125% 0 0 8.88671875%; /* (93/1024) (91/1024) */
}
.cp2process1 .cards .ul1{
	list-style:none;margin:0;padding:0;
	float:left;
}
.cp2process1 .cards .li1{
	float:left;
}
.cp2process1 .cards .w1{
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:12.5em; /* (200/16) */
	height:18.125em; /* (290/16) */
	margin:0 1.1875em 0 0;
	border-radius:2.375em; /* (38/16) */
	overflow:hidden;
}
.cp2process1 .cards .a1{
	position:absolute;left:0;right:0;top:0;bottom:0;
	border:.3125em solid #44ab00;
	border-radius:2.375em; /* (38/16) */
}
.cp2process1 .cards .t1{
	display:block;
	position:absolute;left:0;right:0;bottom:0;
	margin:1.5em 1.0625em; /* (24/16) (17/16) */
	padding:.5em .375em .375em;
	border-radius:9999px;
	background:#44ab00;
	color:#fff;
	font-size:1.275em;
	font-family:'GmarketSansBold';
}
.cp2process1 .cards .ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:6.875em;height:6.875em; /* (110/16) */
	margin:-5em -3.4375em;
	background:url() no-repeat center center / contain;
	vertical-align:middle;
}
.cp2process1 .cards .voca .ic1{background-image:url(../../img/L0100Phonics/ic220a1c2voca1.png);}
.cp2process1 .cards .story .ic1{background-image:url(../../img/L0100Phonics/ic220a1c2story1.png);}
.cp2process1 .cards .talk .ic1{background-image:url(../../img/L0100Phonics/ic220a1c2talk1.png);}
.cp2process1 .cards .og1{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:rgba(0,0,0, .6);
}
.cp2process1 .cards .ic2{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:4.6875em;height:4.6875em; /* (75/16) */
	margin:-2.34375em;
	background:url(../../img/L0100Phonics/ic150a1c2lock1.png) no-repeat center center / contain;
	vertical-align:middle;
}
/* (☆) */
.cp2process1 .cards .li1.on .og1{
	display:none;
}
/* (☆) */
.cp2process1 .cards .li1.done .ic2{
	display:none;
}
/* (☆) */
.cp2process1 .character{display:inline-block;
	z-index:0;
	position:absolute;
	left:46.3125em; /* (741/16) */
	top:22.375em; /* (358/16) */
	width:25.6875em; /* (411/16) */
	height:17.25em; /* (276/16) */
	background:url(../../img/L0100Phonics/c1a1p1p1@2x.png) no-repeat 0 0 / 14.6875em; /* (235/16) (16.125) */
}
.cp2process1 .character:before{content:'';display:inline-block;
	z-index:-1;
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:url(../../img/L0100Phonics/c1a1p1s1@2x.png) no-repeat center center / contain;
}


/* 학습(단어듣기.사진없음) 20210714 */
.cp2learn1{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:#fff;
}
.cp2learn1:before{content:''; /*│*/
	display:block;
	position:absolute;
	left:34.25em; /* (548/16) */
	top:12.625em; /* (202/16) */
	bottom:5.6875em; /* (91/16) */
	width:0;
	border-left:1px solid #c7c7c7;
}
/* 문제(단어) */
.cp2learn1 .text1q1{
	position:absolute;
	left:2.5em; /* (40/16) */
	right:32em; /* (512/16) */
	top:25em; /* (400/16) */
	height:1px;
	/* background:#e00; */
	text-align:center;
}
.cp2learn1 .text1q1 .t1{
	display:block;
	height:1.5em;
	margin:-.75em 0;
	color:#333;
	font-size:4.375em; /* (70/16) */
	font-family:'GmarketSansBold';
	letter-spacing:-.03125em;
	opacity:0;
	animation:kfo1 ease .2s .2s both;
}
.cp2learn1 .text1q1 .em{
	color:#ef2f41;
}
/* 문제보기 */
.cp2learn1 .btns2{
	display:flex; /* ☆ */
	justify-content:space-between;
	align-items:center;
	position:absolute;
	left:39.625em; /* (634/16) */
	top:21.5625em; /* (345/16) */
	width:19.375em; /* (310/16) */
}
.cp2learn1 .b1example1{
	display:inline-block;
	position:relative;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	padding:0 .625em .625em .625em; /* (10/16) */
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 0 0 / 500% 200%;
	overflow:hidden;
}
.cp2learn1 .b1example1 .t1{
	color:#fff;
	font-size:2.75em; /* (44/16) */
	font-family:'GmarketSansBold';
}
/* ☆ */
.cp2learn1 .b1example1:hover,
.cp2learn1 .b1example1:focus{
	background-position:0 100%;
	text-indent:0;
}
.cp2learn1 .b1example1.on[data-answer='O']{
	background-position:75% 0;
	text-indent:-9999px;
}
.cp2learn1 .b1example1.on[data-answer='X']{
	background-position:100% 0;
	text-indent:-9999px;
}
.cp2learn1 .b1example1.play[class]{ /* 번호에 해당하는 음성 출력중 */
	background-position:25% 0;
	text-indent:-9999px;
}
.cp2learn1 .b1example1.disabled{
	cursor:not-allowed;
}
/* 문제듣기.다시듣기 */
.cp2learn1 .btns3{
	position:absolute;
	left:45.75em; /* (732/16) */
	top:31.875em; /* (510/16) */
	width:7.5em; /* (120/16) */
	height:7.5em;
	/* text-align:center; 이면 자손 크기 결함발생 */
}
.cp2learn1 .b1q1play1,
.cp2learn1 .b1q2play1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	padding:.75em 1.0625em .5625em;
	border:0;
	border-radius:1em;
	/* background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 100% / 500% 200%; */
	background:#888;
	color:#fff;
	white-space:normal;
	overflow:hidden;
	/* text-indent:-9999px; */
}
.cp2learn1 .b1q1replay1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 0 / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
}
/* (☆문제진행중.보이기감추기) */
.cp2learn1 .cp2nav1,
.cp2learn1 .b1d1play1,
.cp2learn1 .b1q1play1,
.cp2learn1 .b1q2play1,
.cp2learn1 .b1q1replay1{
	visibility:hidden;
	opacity:0;
	transition:.4s;
}
.cp2learn1 .cp2nav1.active.one,
.cp2learn1 .b1d1play1.active.one,
.cp2learn1 .b1q1play1.active.one,
.cp2learn1 .b1q2play1.active.one,
.cp2learn1 .b1q1replay1.active.one{
	visibility:visible;
	opacity:1;
	transition:.4s;
}


/* 지시글 20210630 */
.cp2direction1{
	display:flex; /* ☆ */
	align-items:center;
	z-index:10;
	position:fixed; /* (absolute) */
	left:0;
	top:1.5em;
	max-width:55em; /* ((786/16) */
	height:6em;
	border-radius:0 9999px 9999px 0;
	background:#006737;
	color:#fff;
	text-align:left;
	box-shadow:0 .3125em 0 0 rgba(0,0,0, .1);
}
.cp2direction1 .t1{
	padding:0 1.625em 0 1.1875em;
	font-size:1.5em;
	line-height:1.375;
}


/* 지시제어 20210625 */
.cp2direction1btns1{
	z-index:10;
	position:fixed; /* (absolute) */
	left:1.5em; /* (화면확인) */
	top:8.125em; /* (130/16) */
}
.cp2direction1btns1 .b1d1play1{
	height:auto;
	padding:.75em 1.0625em .5625em;
	border:0;
	border-radius:9999px;
	background:#888;
	color:#fff;
}


/* 내비(이동) 20210709 */
.cp2nav1{
	z-index:10;
	position:fixed; /* (absolute) */
	right:1.75em; /* (28/16) */
	top:2.0625em; /* (33/16) */
}
.cp2nav1 .b1{display:inline-block;
	width:5.625em; /* (90/16) */
	height:5.25em; /* (84/16) */
	background:url(../../img/L0100Phonics/icw180a1c2right1.png) no-repeat 0 0 / contain;
	overflow:hidden;
	text-indent:-9999px;
}
/* .type2 (Inter~) */
.cp2nav1{
	right:1.3125em; /* (21/16) */
	top:1.75em; /* (28/16) */
}
.cp2nav1.type2 .b1{
	width:6.125em; /* (98/16) */
	height:5.5625em; /* (89/16) */
	background-image:url(../../img/L1400Inter/icw196a1c2right1.png);
}


/* 학습(단어뜻) 20210712 */
.cp2learn2{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:#fff;
}
/* 문제(사진) */
.cp2learn2 .photo1q1{
	position:absolute;
	left:3.875em; /* (62/16) */
	top:12.5em; /* (200/16) */
	width:25.875em; /* (414/16) */
	height:17.25em; /* (276/16) */
	border-radius:.5625em; /* (9/16) */
	overflow:hidden;
}
.cp2learn2 .photo1q1 .p1{
	width:100%;
	height:100%;
}
.cp2learn2 .photo1q1 img{
	width:100%;
	height:auto;
	min-height:100%;
	object-fit:cover;
}
html.object-fit .cp2learn2 .photo1q1 img{
	height:100%;
}
/* 문제(단어) */
.cp2learn2 .text1q1{
	position:absolute;
	left:2.5em; /* (40/16) */
	right:32.875em; /* (526/16) */
	top:31.875em; /* (510/16) */
	height:1px;
	/* background:#e00; */
	text-align:center;
}
.cp2learn2 .text1q1 .t1{
	display:flex; /* ☆ */
	justify-content:center;
	height:1.25em;
	color:#333;
	font-size:4.375em; /* (70/16) */
	font-family:'GmarketSansBold';
	line-height:1.25;
	letter-spacing:-.03125em;
	opacity:0;
	animation:kfo1 ease .2s .2s both;
}
.cp2learn2 .text1q1 .em{
	color:#ef2f41;
}
/* 문제보기 */
.cp2learn2 .btns2{
	position:absolute;
	left:34.5em; /* (552/16) */
	top:14.5em; /* (232/16) */
	width:26.25em; /* (420/16) */
}
.cp2learn2 .b1example1{
	display:inline-block;
	position:relative;
	width:26.25em; /* (420/16) */
	height:6.25em; /* (100/16) */
	margin:0 0 1.875em; /* (30/16) */
	padding:0 .625em .625em .625em; /* (10/16) */
	border:0;
	background:url(../../img/L0100Phonics/icsw420btns1.png) no-repeat 0 0 / 200% 300%;
	overflow:hidden;
}
.cp2learn2 .b1example1 .t1{
	display:none; /* (☆) */
	color:#fff;
	font-size:1.6875em; /* (27/16) */
	font-family:'S-CoreDream-6Bold';
}
.cp2learn2 .b1example1 .t1t2{
	font-size:.815em; /* (22/27) */
}
/* ☆ */
.cp2learn2 .b1example1:hover,
.cp2learn2 .b1example1:focus{
	background-position:100% 0;
	text-indent:0;
}
.cp2learn2 .b1example1.on[data-answer='O']{
	background-position:0 50%;
	text-indent:-9999px;
}
.cp2learn2 .b1example1.on[data-answer='X']{
	background-position:0 100%;
	text-indent:-9999px;
}
/* 문제듣기.다시듣기 */
.cp2learn2 .btns3{
	position:absolute;
	left:43.9375em; /* (703/16) */
	top:31.0625em; /* (497/16) */
	width:7.5em;
}
.cp2learn2 .b1q1play1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	padding:.75em 1.0625em .5625em;
	border:0;
	border-radius:1em;
	/* background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 100% / 500% 200%; */
	background:#888;
	color:#fff;
	white-space:normal;
	overflow:hidden;
	/* text-indent:-9999px; */
}
.cp2learn2 .b1q1replay1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 0 / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
}
/* (☆문제진행중.보이기감추기) */
.cp2learn2 .cp2nav1,
.cp2learn2 .b1d1play1,
.cp2learn2 .b1q1play1,
.cp2learn2 .b1q1replay1{
	visibility:hidden;
	opacity:0;
	transition:.4s;
}
.cp2learn2 .cp2nav1.active.one,
.cp2learn2 .b1d1play1.active.one,
.cp2learn2 .b1q1play1.active.one,
.cp2learn2 .b1q1replay1.active.one{
	visibility:visible;
	opacity:1;
	transition:.4s;
}


/* 학습(단어 발음) 20210623 */
.cp2learn3{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:#fff;
}
/* 문제(사진) */
.cp2learn3 .photo1q1{
	position:absolute;
	left:3.875em; /* (62/16) */
	top:12.5em; /* (200/16) */
	width:25.875em; /* (414/16) */
	height:17.25em; /* (276/16) */
	border-radius:.5625em; /* (9/16) */
	overflow:hidden;
}
.cp2learn3 .photo1q1 .p1{
	width:100%;
	height:100%;
}
.cp2learn3 .photo1q1 img{
	width:100%;
	height:auto;
	min-height:100%;
	object-fit:cover;
}
html.object-fit .cp2learn3 .photo1q1 img{
	height:100%;
}
/* 문제(단어) */
.cp2learn3 .text1q1{
	position:absolute;
	left:2.5em; /* (40/16) */
	right:32em; /* (512/16) */
	top:31.875em; /* (510/16) */
	height:1px;
	/* background:#e00; */
	text-align:center;
}
.cp2learn3 .text1q1 .t1{
	display:block;
	height:1.5em;
	color:#333;
	font-size:4.375em; /* (70/16) */
	font-family:'GmarketSansBold';
	letter-spacing:-.03125em;
	opacity:0;
	animation:kfo1 ease .2s .2s both;
}
.cp2learn3 .text1q1 .em{
	color:#ef2f41;
}
/* 캐릭터 */
.cp2learn3 .character1{
	position:absolute;
	left:33.6875em; /* (539/16) */
	top:10.125em; /* (162/16) */
	width:27.6875em; /* (443/16) */
	height:15.375em; /* (246/16) */
	background:url(../../img/L0100Phonics/b1wave1.png) no-repeat 0 60.569% / contain;
}
.cp2learn3 .character1 .p1{ /* 모션아님 */
	display:none; /* (☆) */
	position:absolute;
	left:6.5625em; /* (105/16) */
	top:0;
	width:14.0625em; /* (225/16) */
	height:15.375em; /* (246/16) */
	background:url(../../img/L0100Phonics/c1a2p1@2x.png) no-repeat 0 0 / contain;
}
.cp2learn3 .character1 .p1a1{ /* 모션.듣는거 20210628 */
	position:absolute;
	left:4.25em; /* ((105-37)/16) */
	top:-5.625em; /* (-90/16) */
	width:18.21875em; /* (583/2/16) */
	height:22.03125em; /* (705/2/16) */
	background:url(../../img/L0100Phonics/c1a2p1a1@2x.png) no-repeat;
	background-size:1000% 100%;
}
.cp2learn3 .character1.on .p1a1{
	animation: kfw1s1 1s steps(9) infinite alternate;
}
/* (☆문제진행중.보이기감추기) */
.cp2learn3 .cp2nav1,
.cp2learn3 .b1d1play1{
	visibility:hidden;
	opacity:0;
	transition:.4s;
}
.cp2learn3 .cp2nav1.active.one,
.cp2learn3 .b1d1play1.active.one{
	visibility:visible;
	opacity:1;
	transition:.4s;
}
/* (☆) */
.cp2learn3 .cp2record1{
	left:47.25em; /* (756/16) */
	top:34.3125em; /* (549/16) */
}
.cp2learn3 .cp2score1{
	left:47.25em; /* (756/16) */
	top:18.25em; /* (292/16) */
}


/* 말하기녹음 20210623. 20210720 */
.cp2record1{
	position:absolute;
	width:6em; /* (96/16) */
	height:6em;
	transform:translate(-50%, -50%);
}
.cp2record1 .b1record1{
	display:block; /* ☆ */
	width:6em; /* (96/16) */
	height:6em;
	margin:0;
	border:0;
	border-radius:9999px;
	background:rgba(242,190,48, 1) url(../../img/L0100Phonics/ic100a1c0mic1.png) no-repeat 50% 50% / 3.125em; /* (50/16) */
	box-shadow:0 0 0 1.0625em rgba(242,190,48, 0.5);
	overflow:hidden;
	text-indent:-9999px;
}
/* (툴팁) */
.cp2record1 .tg1{
	z-index:10;
	position:absolute;
	left:50%;
	top:-4.25em; /* ((72/16) */
	height:3.0625em; /* (49/16) */
	padding:0 .125em;
	background:url(../../img/L0100Phonics/b1tbg1@2x.png) no-repeat 50% 0 / cover;
	transform:translate(-50%, 0);
}
.cp2record1 .tg1:before{content:'';
	display:block;
	position:absolute;
	left:-1.1875em;
	top:0;bottom:0;
	width:1.25em; /* (20/16) */
	background:url(../../img/L0100Phonics/b1tbg1@2x.png) no-repeat 0 0 / cover;
}
.cp2record1 .tg1:after{content:'';
	display:block;
	position:absolute;
	right:-1.1875em;
	top:0;bottom:0;
	width:1.25em; /* (20/16) */
	background:url(../../img/L0100Phonics/b1tbg1@2x.png) no-repeat 100% 0 / cover;
}
.cp2record1 .tg1 .t1{
	z-index:10;
	position:relative;
	display:block;
	color:#fff;
	font-size:.9375em;
	line-height:2.25;
	white-space:nowrap;
}
/* (녹음중) */
.cp2record1 .recording{
	display:none; /* ☆ */
	z-index:10;
	position:absolute;left:50%;top:50%;
	width:3.75em; /* (60/16) */
	height:3.75em;
	border:0;
	border-radius:9999px;
	background:rgba(242,190,48, 1);
	transform:translate(-50%, -50%);
}
.cp2record1 .recording>.e1{
	display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:-3.3125em;
	border-radius:9999px;
	background:rgba(242,190,48, 1);
	opacity:1;
	transform:scale(0);
}
.cp2record1 .recording>.e1:nth-child(1){
	z-index:-1;
	animation:kf1m1 2s 0s linear both infinite;
}
.cp2record1 .recording>.e1:nth-child(2){
	z-index:-2;
	animation:kf1m1 2s .5s linear both infinite;
}
.cp2record1 .recording>.e1:nth-child(3){
	z-index:-3;
	animation:kf1m1 2s 1s linear both infinite;
}
.cp2record1 .recording>.e1:nth-child(4){
	z-index:-4;
	animation:kf1m1 2s 1.5s linear both infinite;
}
@keyframes kf1m1 {
  100% {
		opacity:0;
		transform:scale(1);
	}
}
/* (녹음대기) */
.cp2record1 .wait{
	display:none; /* ☆ */
	position:relative;
	position:absolute;left:50%;top:50%;
	white-space:nowrap;
	transform:translate(-50%, -50%);
}
.cp2record1 .wait .e1{
	display:inline-block;
	width:.375em;
	height:.375em;
	margin:.21875em;
	border-radius:9999px;
	background:#fff;
	vertical-align:middle;
}
/* (녹음인식) */
.cp2record1 .recognize{
	display:none; /* ☆ */
	position:relative;
	position:absolute;left:50%;top:50%;
	white-space:nowrap;
	transform:translate(-50%, -50%);
}
html.IE11 .cp2record1 .recognize{
	margin:-.1875em 0 0;
}
.cp2record1 .recognize .e1{
	display:inline-block;
	width:.375em;
	height:.375em;
	margin:.21875em;
	border-radius:9999px;
	background:#fff;
	vertical-align:middle;
}
.cp2record1 .recognize .e1:nth-child(1){animation:kf1m2 1s 0s linear infinite;}
.cp2record1 .recognize .e1:nth-child(2){animation:kf1m2 1s .2s linear infinite;}
.cp2record1 .recognize .e1:nth-child(3){animation:kf1m2 1s .4s linear infinite;}
@keyframes kf1m2 {
  25% {transform:translate(0, -100%);}
  75% {transform:translate(0, 100%);}
}
/* (녹음분석) */
.cp2record1 .analyze{
	display:none; /* ☆ */
	position:relative;
	position:absolute;left:50%;top:50%;
	white-space:nowrap;
	transform:translate(-50%, -50%);
}
html.IE11 .cp2record1 .analyze{
	margin:-.1875em 0 0;
}
.cp2record1 .analyze .e1{
	display:inline-block;
	width:.3125em;
	height:.8125em;
	margin:.15625em;
	border-radius:9999px;
	background:#fff;
	vertical-align:middle;
}
.cp2record1 .analyze .e1:nth-child(1){animation:kf1m3 .2s alternate infinite;}
.cp2record1 .analyze .e1:nth-child(2){animation:kf1m3 .28s alternate infinite;}
.cp2record1 .analyze .e1:nth-child(3){animation:kf1m3 .26s alternate infinite;}
@keyframes kf1m3 {
  0% {transform:scale(1, .2);}
  50% {transform:scale(1, 1);}
  100% {transform:scale(1, 1.6);}
}
/* (타임바) */
.cp2record1 .progress{
	position:absolute;
	left:50%;
	top:7.5em; /* ((128/16) */
	transform:translate(-50%, 0);
}
.cp2record1 .progress .g1{
	display:block;
	width:14.625em; /* (234/16) */
	height:.75em;
	border:1px solid #eee;
	border-radius:9999px;
	background:#fff;
	box-shadow:.1875em .25em 0 0 rgba(0,0,0, .07);
}
.cp2record1 .progress .g1b1{display:block;
	position:relative;
	width:0; /* ☆ */
	height:calc(100% + 2px);
	margin:-1px;
	border-radius:9999px;
	background:#df2f41 url(../../img/L0100Phonics/b1bar1.png) no-repeat 100% 0 / cover;
}
/* (녹음완료) */
.cp2record1 .done{
	display:none; /* ☆ */
	width:6em; /* (96/16) */
	height:6em;
	border:0;
	border-radius:9999px;
	background:rgba(242,190,48, 1) url(../../img/L0100Phonics/ic100a1c0check1.png) no-repeat 50% 50% / 3.125em; /* (50/16) */
	box-shadow:0 0 0 1.0625em rgba(242,190,48, .5);
	overflow:hidden;
	text-indent:-9999px;
}


/* 점수+다시시도 20210623 */
.cp2score1{
	display:none; /* ☆ */
	position:absolute;
	transform:translate(-50%, -50%);
}
.cp2score1 .b1retry1{
	z-index:10;
	position:absolute;left:50%;top:64%;
	border:0;
	background:transparent;
	font-size:1.25em;
	font-family:'S-CoreDream-6Bold';
	transform:translate(-50%, -50%);
}


/* 차트.원 20210624 */
.cp2chart1circle1{
	z-index:0;
	position:relative;
	width:12.5em; 
	height:12.5em;
	margin:auto;
	line-height:1.375;
}
/* 값 */
.cp2chart1circle1 .t1{
	z-index:10;
	position:absolute;left:50%;top:43.75%;
	font-weight:600;
	font-size:4em;
	font-family:'GmarketSansBold';
	transform:translate(-50%, -50%);
}
/* 원 */
.cp2chart1circle1 svg.chart{
	position:relative;
	width:100%;
	height:100%;
	background:inherit;
	transform:rotate(-90deg);
	transform-origin:50% 50%;
}
.cp2chart1circle1 circle{
	fill:transparent;
	stroke-width:20;
	stroke:#ededed;
	stroke-dasharray:628;
	stroke-dashoffset:628;
	stroke-linecap:round;
}
.cp2chart1circle1 circle.fg{
	/* [IE]bug) svg 내부 요소에는 transform 안됨 */
	/* animation:kf1draw1 2s forwards; */
}
.cp2chart1circle1 circle.bg{
	/* stroke:#eee; */
	stroke-dashoffset:0;
}
.cp2chart1circle1.s1 circle.fg{
	stroke:#f7d92b;
}
.cp2chart1circle1.s1 .t1{
	color:#222;
}


/* 팝업(점수 스티커) 20210730 */
.cp2popup1{
	display:flex; /* ☆ */
	align-items:center;
	z-index:100;
	position:fixed; /* (absolute) */
	left:0;right:0;top:0;bottom:0;
	background:rgba(0,0,0, .75);
}
.cp2popup1 .cont{
	margin:auto;
	text-align:center;
}
.cp2popup1 .f1{
	width:40.625em; /* (650/16) */
	height:29.625em; /* (474/16) */
	background:url() no-repeat 0 0 / contain;
	overflow:hidden;
	text-indent:-9999px;
}
.cp2popup1.amazing1 .f1{background-image:url(../../img/L0100Phonics/s1amazing1@2x.png);}
.cp2popup1.excelent1 .f1{background-image:url(../../img/L0100Phonics/s1excelent1@2x.png);}
.cp2popup1.goodjob1 .f1{background-image:url(../../img/L0100Phonics/s1goodjob1@2x.png);}
.cp2popup1.tryagain1 .f1{background-image:url(../../img/L0100Phonics/s1tryagain1@2x.png);}
.cp2popup1.tryagain2 .f1{background-image:url(../../img/L0100Phonics/s1tryagain2@2x.png);}
.cp2popup1.keepitup1 .f1{background-image:url(../../img/L0100Phonics/s1keepitup1@2x.png);}

.cp2popup1 .t1{
	display:inline-block;
	position:relative;
	color:#fff;
	font-family:'GmarketSansBold';
}
.cp2popup1 .t1t1{
	font-size:7.25em; /* (116/16) */
}
.cp2popup1 .t1t2{
	font-size:3.75em; /* (60/16) */
}
.cp2popup1 .b1{ /* Re-try */
	display:inline-block;
	z-index:10;
	position:absolute;
	left:100%;
	top:50%;
	margin:0 0 0 1.5em;
	padding:.4375em 1em .3125em;
	border-radius:9999px;
	background:#ffdc47;
	color:#000;
	font-size:1.5em; /* (60/16) */
	white-space:nowrap;
	box-shadow:0 .25em 0 0 rgba(0,0,0, .35);
	transform:translateY(-40%);
}
.cp2popup1 .b2{ /* DAILY SCORE */
	display:inline-block;
	z-index:10;
	position:absolute;
	right:0;
	bottom:0;
	margin:1.5em;
	padding:.4375em 1em .3125em;
	border-radius:9999px;
	background:#f70;
	color:#fff;
	font-size:1.5em; /* (60/16) */
	font-family:'GmarketSansBold';
	white-space:nowrap;
	box-shadow:0 .25em 0 0 rgba(0,0,0, .35);
}
.cp2popup1 .a1{
	display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
}
/* (☆) */
#layer1popup1 .cp2popup1{
	display:none; 
}
#layer1popup1.on .cp2popup1{
	display:flex; 
}
/* .type2 */
.cp2popup1.type2 .f1{
	width:40.8125em; /* (653/16) */
	height:29.1875em; /* (467/16) */	
}
.cp2popup1.type2.amazing1 .f1{background-image:url(../../img/L1400Inter/s2amazing1@2x.png);}
.cp2popup1.type2.excelent1 .f1{background-image:url(../../img/L1400Inter/s2excelent1@2x.png);}
.cp2popup1.type2.greatjob1 .f1{background-image:url(../../img/L1400Inter/s2greatjob1@2x.png);}
.cp2popup1.type2.tryagain1 .f1{background-image:url(../../img/L1400Inter/s2tryagain1@2x.png);}
.cp2popup1.type2.tryagain2 .f1{background-image:url(../../img/L1400Inter/s2tryagain2@2x.png);}
.cp2popup1.type2.keepitup1 .f1{background-image:url(../../img/L1400Inter/s2keepitup1@2x.png);}


/* 학습(스토리듣기) 20210707 */
.cp2learn4{
	/* display:flex;
	flex-wrap:wrap;
	align-items:center;
	align-content:center; */
	position:fixed; /* (absolute) */
	left:0;right:0;top:0;bottom:0;
	background:#000;
}
/* 래퍼.영상+ */
.w1video1e1{
	position:relative;
	width:100%;
	height:100%;
}
/* 영상 */
.cp2learn4 .w1video1{
	position:relative;
	width:100%;
	height:100%;
	/* padding:0 0 56.25%; */
}
.cp2learn4 .video1q1{
	position:relative;
	width:100%;
	height:100%;
	object-fit:contain;
}
/* 진행바.custom */
.cp2learn4 .progressbar2{
	display:block;
	height:3px;
	overflow:hidden;
}
.cp2learn4 .progressbar2 .track{
	display:block;
	height:100%;
	background:rgba(255,255,255, .2);
}
.cp2learn4 .progressbar2 .bar{
	display:block;
	width:0;
	height:100%;
	background:#4a0;
}
.cp2learn4 .progressbar2 .t1{
	float:left;
	position:absolute;left:-9999px;
	margin:0 0 0 .5em;
	letter-spacing:0;
	font-size:.75em;
}
/* 재생.다시재생 */
.cp2learn4 .btns3{
	position:absolute;
	left:50%;
	top:50%;
	width:7.5em;
	height:7.5em;
	transform:translate(-50%, -50%);
}
.cp2learn4 .b1q1play1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 25% 100% / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
}
.cp2learn4 .b1q1replay1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 0 / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
}
/* 대본 */
.script1{
	display:none; /* ☆ */
	position:absolute;left:0;right:0;bottom:0;
	/* margin:.75em 0; */
	padding:.75em 1.25em;
	background:rgba(0,0,0, .8);
	color:#fff;
}
.script1 .ss{
	padding:.25em;
	transition:.4s;
}
.script1 .ss.mark{
	background:#ee0;
	color:#000;
}
/* (☆진행중.보이기감추기) */
.cp2learn4 .cp2nav1,
.cp2learn4 .b1d1play1,
.cp2learn4 .b1q1play1,
.cp2learn4 .b1q1replay1{
	visibility:hidden;
	opacity:0;
	transition:.4s;
}
.cp2learn4 .cp2nav1.active.one,
.cp2learn4 .b1d1play1.active.one,
.cp2learn4 .b1q1play1.active.one,
.cp2learn4 .b1q1replay1.active.one{
	visibility:visible;
	opacity:1;
	transition:.4s;
}


/* 학습(구문발음) 20210720 */
.cp2learn5{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:#fff;
}
/* 문제(구문) */
.cp2learn5 .text1q1{
	position:absolute;
	left:10em; /* (160/16) */
	right:18.4375em; /* (295/16) */
	top:15em; /* (240/16) */
	height:1px;
	/* background:#e00; */
	text-align:center;
}
.cp2learn5 .text1q1 .t1{
	display:block;
	height:1.5em;
	margin:0 0 .25em;
	color:#333;
	font-size:2.875em; /* (46/16) */
	font-family:'GmarketSansBold';
	line-height:1.375;
	letter-spacing:-.03125em;
	opacity:0;
	animation:kfo1 ease .2s .2s both;
}
.cp2learn5 .text1q1 .t2{
	display:block;
	height:1.5em;
	margin:0 0 .25em;
	color:#777;
	font-size:1.875em; /* (30/16) */
	font-family:'S-CoreDream-5Medium';
	letter-spacing:-.03125em;
	opacity:0;
	/* animation:kfo1 ease .2s .2s both; 초기에는 감추기에 주석처리 */
}
.cp2learn5 .text1q1 .em{
	color:#ef2f41;
}
/* 문제듣기.다시듣기 */
.cp2learn5 .btns3{
	position:absolute;
	left:1.3125em; /* (21/16) */
	top:14.1875em; /* (227/16) */
	width:7.5em;
}
.cp2learn5 .b1q1play1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	padding:.75em 1.0625em .5625em;
	border:0;
	border-radius:1em;
	/* background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 100% / 500% 200%; */
	background:#888;
	color:#fff;
	white-space:normal;
	overflow:hidden;
	/* text-indent:-9999px; */
}
.cp2learn5 .b1q1replay1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 0 / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
}
/* 캐릭터 */
.cp2learn5 .character1{
	position:absolute;
	left:45.4375em; /* (727/16) */
	top:5.9375em; /* (95/16) */
	width:18.21875em; /* (583/2/16) */
	height:22.03125em; /* (705/2/16) */
}
.cp2learn5 .character1 .p1a1{ /* 모션 */
	position:absolute;
	width:100%;
	height:100%;
}
.cp2learn5 .character1.say .p1a1{ /* 말하는거 */
	background:url(../../img/L0100Phonics/c1a4p1a1@2x.png) no-repeat;
	background-size:700% 100%;
}
.cp2learn5 .character1.say.on .p1a1{
	animation: kfw1s1 1s steps(6) infinite alternate;
}
.cp2learn5 .character1.hear .p1a1{ /* 듣는거 */
	background:url(../../img/L0100Phonics/c1a2p1a1@2x.png) no-repeat;
	background-size:1000% 100%;
}
.cp2learn5 .character1.hear.on .p1a1{
	animation: kfw1s1 1s steps(9) infinite alternate;
}
/* [IE11]fix) steps(값) 다르면 미봉책 */
html.IE11 .cp2learn5 .character1.hear.on .p1a1{
	animation:none;
}
/* (☆) */
.cp2learn5 .cp2record1{
	left:27.4375em; /* (439/16) */
	top:37.5em; /* (600/16) */
}
.cp2learn5 .cp2score1{
	left:54.5625em; /* (873/16) */
	top:19.6875em; /* (315/16) */
}
/* (☆문제진행중.보이기감추기) */
.cp2learn5 .cp2nav1,
.cp2learn5 .b1d1play1,
.cp2learn5 .b1q1play1,
.cp2learn5 .b1q1replay1{
	visibility:hidden;
	opacity:0;
	transition:.4s;
}
.cp2learn5 .cp2nav1.active.one,
.cp2learn5 .b1d1play1.active.one,
.cp2learn5 .b1q1play1.active.one,
.cp2learn5 .b1q1replay1.active.one{
	visibility:visible;
	opacity:1;
	transition:.4s;
}


/* 학습(작문말하기) 20210720. 20210910 */
.cp2learn6{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:#fff;
}
/* 문제(구문) */
.cp2learn6 .text1q1{
	position:absolute;
	left:10em; /* (160/16) */
	right:18.4375em; /* (295/16) */
	top:12.875em; /* (206/16) */
	height:1px;
	/* background:#e00; */
	text-align:center;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp2learn6 .text1q1 .t1{
	display:block;
	min-height:1.5em;
	max-height:3em;
	margin:0 0 .5em;
	color:#333;
	font-size:2.25em; /* (36/16) */
	font-family:'GmarketSansBold';
	line-height:1.375;
	letter-spacing:-.03125em;
	opacity:0;
	animation:kfo1 ease .2s .2s both;
}
.cp2learn6 .text1q1 .t2{
	display:block;
	min-height:1.5em;
	max-height:3em;
	margin:0 0 .25em;
	color:#777;
	font-size:1.625em; /* (26/16) */
	font-family:'S-CoreDream-5Medium';
	letter-spacing:-.03125em;
	opacity:0;
	/* animation:kfo1 ease .2s .2s both; 초기에는 감추기에 주석처리 */
}
.cp2learn6 .text1q1 .t1t1,
.cp2learn6 .text1q1 .t2t1{
	display:inline-block;
	position:relative;
	cursor:default;
}
.cp2learn6 .text1q1 .sep{
	font-weight:100;
	font-family:sans-serif;
	opacity:.5;
}
.cp2learn6 .text1q1 .em{
	color:#ef2f41;
}
/* 단어구 분리기호(/)와 재배치 */
.cp2learn6 .text1q1 .t1t1.on,
.cp2learn6 .text1q1 .t2t1.on{
	/* color:#06c; */
}
.cp2learn6 .text1q1 .t1t1 .sep{
	display:none;
}
.cp2learn6 .text1q1 .t1t1:after{content:'/';
	display:inline-block;
	margin:0 .25em;
	color:#777;
	font-weight:100;
	font-family:sans-serif;
	opacity:.5;
}
.cp2learn6 .text1q1 .t1t1:last-child:after{
	opacity:0;
}
.cp2learn6 .text1q1 .b1{
	display:none;
	position:absolute;left:50%;bottom:100%;
	border:0;
	border-radius:9999px;
	background:#ffdc47;
	color:#000;
	font-size:1rem;
	transform:translate(-50%, -10%);
	animation:kf1active2 ease 1s infinite;
}
.cp2learn6 .text1q1 .sn{
	display:inline-flex; /* ☆ */
	justify-content:center;
	align-items:center;
	position:absolute;left:50%;top:0;
	box-sizing:border-box; /* ☆ */
	width:1.75em;
	height:1.75em;
	padding:.125em 0 0;
	border-radius:9999px;
	background:#06c;
	color:#fff;
	font-size:12px;
	letter-spacing:0;
	opacity:0;
	transform:translate(-120%, -15%);
}
.cp2learn6 .text1q1 .on .sn{
	opacity:.5;
}
/* 문제듣기.다시듣기 */
.cp2learn6 .btns3{
	position:absolute;
	left:1.3125em; /* (21/16) */
	top:12.875em; /* (206/16) */
	width:7.5em;
}
.cp2learn6 .b1q1play1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	padding:.75em 1.0625em .5625em;
	border:0;
	border-radius:1em;
	/* background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 100% / 500% 200%; */
	background:#888;
	color:#fff;
	white-space:normal;
	overflow:hidden;
	/* text-indent:-9999px; */
}
.cp2learn6 .b1q1replay1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 0 / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
}
/* 캐릭터 */
.cp2learn6 .character1{
	position:absolute;
	left:47.5em; /* (760/16) */
	top:12.375em; /* (198/16) */
	width:14.4375em; /* (231/16) */
	height:14.4375em; /* (231/16) */
	border-radius:9999px;
	background:#ffba00;
	overflow:hidden;
}
.cp2learn6 .character1 .p1a1{ /* 모션 20210628 */
	position:absolute;
	left:-1.9375em; /* (-31/16) */
	top:-3.125em; /* (-50/16) */
	width:18.21875em; /* (583/2/16) */
	height:22.03125em; /* (705/2/16) */
}
.cp2learn6 .character1.say .p1a1{ /* 말하는거 */
	background:url(../../img/L0100Phonics/c1a4p1a1@2x.png) no-repeat;
	background-size:700% 100%;
}
.cp2learn6 .character1.say.on .p1a1{
	animation: kfw1s1 1s steps(6) infinite alternate;
}
.cp2learn6 .character1.hear .p1a1{ /* 듣는거 */
	background:url(../../img/L0100Phonics/c1a2p1a1@2x.png) no-repeat;
	background-size:1000% 100%;
}
.cp2learn6 .character1.hear.on .p1a1{
	animation: kfw1s1 1s steps(9) infinite alternate;
}
/* [IE11]fix) steps(값) 다르면 미봉책 */
html.IE11 .cp2learn6 .character1.hear.on .p1a1{
	animation:none;
}
/* 정답확인버튼 */
.cp2learn6 .btns4{
	position:absolute;
	left:49em; /* (784/16) */
	top:28.6875em; /* (459/16) */
	width:11.875em; /* (190/16) */
}
.cp2learn6 .b1answer1{
	float:left;
	position:absolute;
	box-sizing:border-box; /* ☆ */
	width:11.875em; /* (190/16) */
	height:3.125em; /* (50/16) */
	margin:0;
	padding:.375em 1.4375em .5em 1em; /* () () (8/16) () */
	border:0;
	background:url(../../img/L0100Phonics/icsw190btns1.png) no-repeat 0 0 / contain;
	color:#222;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	/* text-indent:-9999px; */
}
.cp2learn6 .b1answer1 .t1{
	font-size:1.375em;
	font-family:'S-CoreDream-5Medium';
}
/* (☆) */
.cp2learn6 .cp2record1{
	left:27.4375em; /* (439/16) */
	top:37.5em; /* (600/16) */
}
.cp2learn6 .cp2score1{
	left:54.5625em; /* (873/16) */
	top:19.6875em; /* (315/16) */
}
/* (☆문제진행중.보이기감추기) */
.cp2learn6 .cp2nav1,
.cp2learn6 .b1d1play1,
.cp2learn6 .b1q1play1,
.cp2learn6 .b1q1replay1,
.cp2learn6 .b1answer1{
	visibility:hidden;
	opacity:0;
	transition:.4s;
}
.cp2learn6 .cp2nav1.active.one,
.cp2learn6 .b1d1play1.active.one,
.cp2learn6 .b1q1play1.active.one,
.cp2learn6 .b1q1replay1.active.one,
.cp2learn6 .b1answer1.active.one{
	visibility:visible;
	opacity:1;
	transition:.4s;
}


/* 레이어라이트박스. 20210713 */
/* 공통 */
.cp2layer1lightbox1{display:none;
	display:flex !important; /* ☆ */
	visibility:hidden;
	z-index:100;
	position:absolute;left:0;right:0;top:0;bottom:0;
	/* background:rgba(0,0,0, .75); */
	opacity:0;
	transition:.2s;
}
.cp2layer1lightbox1:before{content:'';
	display:block;
	position:fixed;left:0;right:0;top:0;bottom:0;
	background:rgba(0,0,0, .75);
}
.cp2layer1lightbox1.on{
	visibility:visible;
	opacity:1;
}
.cp2layer1lightbox1>.wrap1{display:inline;}
.cp2layer1lightbox1 .lightbox{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:6em;
  border-top:7px solid #fae100;
	border-radius:1em;
	background:#fff;
	text-align:left;
	overflow:hidden;
	box-shadow:0 20px 40px 4px rgba(0,0,0, .2);
}
.cp2layer1lightbox1 .lightbox>.wrap2{}
/* ☆ */
.cp2layer1lightbox1 .b1.close{
	display:block;
	z-index:10;
	position:absolute;right:0;top:0;
	width:1.9375em; /* (31/16) */
	height:1.9375em;
	margin:2.125em; /* (34/16) */
	background:url(../../img/L0100Phonics/ic62a1c1x1.png) no-repeat center center / contain;
	overflow:hidden;
	text-indent:-9999px;
	transition:.2s;
}
/* ☆ */
.cp2layer1lightbox1 .lightbox>.wrap2>.cont{
	display:flex; /* ☆ */
	align-items:center;
	position:absolute;left:0;right:0;top:0;bottom:0;
}
/* .type2 */
.cp2layer1lightbox1.type2 .lightbox{
	border:0;
	border-radius:2.125em; /* (34/16) */
	background:#f3d54f;
}
.cp2layer1lightbox1.type2 .lightbox>.wrap2{
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:14px 4px 4px;
	border-radius:1.875em; /* (30/16) */
	background:#fff;
}
.cp2layer1lightbox1.type2 .b1.close{
	width:5.3125em; /* (85/16) */
	height:5.3125em;
	margin:1em; /* (16/16) */
	background:url(../../img/L1400Inter/ic170btn1x1.png) no-repeat center center / contain;
}


/* 정답 20210817 */
.cp2answer1{
	position:relative;
	width:80%;
	margin:auto;
	text-align:center;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp2answer1 .t1{
	display:block;
	min-height:1.5em;
	max-height:4.5em;
	margin:0 0 .5em;
	color:#333;
	font-size:2.25em; /* (36/16) */
	font-family:'GmarketSansBold';
	line-height:1.5;
	letter-spacing:-.025em;
	white-space:normal !important; /* 영역벗어나는 결함 회피 */
}
.cp2answer1 .t2{
	display:block;
	min-height:1.375em;
	max-height:2.75em;
	margin:0 0 .5em;
	color:#777;
	font-size:1.625em; /* (26/16) */
	font-family:'S-CoreDream-5Medium';
	line-height:1.375;
	letter-spacing:-.03125em;
}
/* (예비) */
.cp2answer1 .t1t1{
	display:inline-block;
}
.cp2answer1 .sep{
	font-weight:100;
	font-family:sans-serif;
	opacity:.5;
}
.cp2answer1 .em{
	color:#ef2f41;
}


/* 최종학습결과 20210812 */
.cp2result1{
	position:absolute;left:0;right:0;top:0;bottom:0;
	text-align:center;
}
.cp2result1:before{content:'';
	z-index:-2;
	display:block;
	position:fixed;left:0;right:0;top:0;bottom:0;
	background:url(../../img/L0100Phonics/bg2@2x.png) no-repeat 50% 0;
	background-size:cover;
}
.cp2result1 .bg1{
	display:block;
	/* z-index:-1; [SF]bug) z-index 음수값은 쌓임맥락 안에서 1개만 되는 결함 주의! */
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:2.125em 1.625em; /* (34/16) (26/16) */
	border-radius:8em;
	background:#fff;
	box-shadow:0 0 30px 0 rgba(0,0,0, .2);
}
.cp2result1 .h1{
	display:inline-block;
	position:relative;
	margin:10.15625% 0 0; /* (104/1024) */
	padding:.4375em 2em .25em;
	border-radius:9999px;
	background:#006737;
	color:#fff;
	font-size:2.125em; /* (34/16) */
	font-family:'GmarketSansBold';
	text-transform:uppercase;
}
.cp2result1 .hg2{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	position:relative;
	margin:1em 0 1.5em;
	color:#000;
}
.cp2result1 .h2,
.cp2result1 .h3{
	margin:0;
}
.cp2result1 .h3:before{
	content:'-';
	margin:0 .5em;
	color:#888;
}
/* ☆ */
.cp2result1 .charts{
	width:86%; /* ☆ */
	background:#ee0;
	margin:auto;
	text-align:center;
}
/* ☆ */
.cp2result1 .btns2{
	width:80%;
	margin:1.375em auto;
	text-align:center;
}
.cp2result1 .btns2 .b1{
	display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:14.375em; /* (230/16) */
	height:4em; /* ((80/16) */
	margin:0 .375em;
	padding:.875em calc(.625em + .375em) calc(.875em + .1875em) .625em; /* () (+6/16) (+3/16) () */
	border:0;
	background:url(../../img/L0100Phonics/icsw230btns1.png) no-repeat 0 0 / 200% 100%;
	text-align:center;
	overflow:hidden;
}
.cp2result1 .btns2 .b1+.b1{
	background-position:100% 0;
}
.cp2result1 .btns2 .b1 .t1{
	color:#fff;
	font-size:1.375em; /* (24/16) */
	font-family:'S-CoreDream-5Medium';
}
/* ☆ */
body[class*='Phonics'] .cp2result1:before{
	background-size:100% 100%; /* ((cover */
}
body[class*='Phonics'] .cp2result1 .bg1:before{content:'';
	display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:1.25em 1.4375em; /* (20/16) (23/16) */
	border-radius:7em;
	border:.4375em dashed #44ab00;
}
body[class*='Elem'] .cp2result1 .bg1,
body[class*='Bridge'] .cp2result1 .bg1{
	border-radius:1.875em;
}
body[class*='Inter'] .cp2result1 .bg1,
body[class*='Upper'] .cp2result1 .bg1{
	margin:3.75em 0; /* (60/16) (0/16) */
	border-radius:0;
}
body[class*='Upper'] .cp2result1:before{
	background-size:100% 100%;
}
body[class*='Text7'] .cp2result1 .bg1,
body[class*='Text8'] .cp2result1 .bg1{
	/* margin:3.75em; */ /* (60/16) */
	margin:3.75em 0; /* (60/16) (0/16) */
	border-radius:0;
}
body[class*='Text7'] .cp2result1:before,
body[class*='Text8'] .cp2result1:before{
	background-position:50% 50%;
	/* background-size:64em 48em; */ /* (1024/16) (768/16) */
}


/* 차트.원(결과_) 20210812 */
.cp2chart1circle2{
	display:inline-block;
	z-index:0;
	position:relative;
	width:10em; 
	height:10em;
	margin:0 .3125em .625em; /* (30/16) (10/16) */
	line-height:1.375;
}
/* 값 */
.cp2chart1circle2 .tg1{
	z-index:10;
	position:absolute;left:50%;top:50%;
	margin:.5em auto; /* (화면확인) */
	transform:translate(-50%, -50%);
}
.cp2chart1circle2 .tt1{
	display:block;
	color:#333;
	font-weight:100;
	font-size:1.125em; /* (18/16) */
}
.cp2chart1circle2 .t1{
	display:block;
	color:#333;
	font-size:1.875em; /* (30/16) */
	font-family:'GmarketSansBold';
}
/* 원 */
.cp2chart1circle2 svg.chart{
	position:relative;
	width:100%;
	height:100%;
	background:inherit;
	transform:rotate(-90deg);
	transform-origin:50% 50%;
}
.cp2chart1circle2 circle{
	fill:transparent;
	stroke-width:20;
	stroke:#eee;
	stroke-dasharray:628;
	stroke-dashoffset:628;
	stroke-linecap:round;
}
.cp2chart1circle2 circle.fg{
	stroke:#a0d85a;
	/* [IE]bug) svg 내부 요소에는 transform 안됨 */
	/* animation:kf1draw1 2s forwards; */
}
.cp2chart1circle2 circle.bg{
	/* stroke:#eee; */
	stroke-dashoffset:0;
}
.cp2chart1circle2.s1 circle.fg{stroke:#f7c16c;}
.cp2chart1circle2.s2 circle.fg{stroke:#ee4447;}
.cp2chart1circle2.s3 circle.fg{stroke:#9c5ad8;}
.cp2chart1circle2.s4 circle.fg{stroke:#5a76d8;}
.cp2chart1circle2.s5 circle.fg{stroke:#a0d85a;}


/* 학습(AI 질문에 답하기) (Frame9) 20210720 */
.cp2learn7{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:#fff;
}
/* 캐릭터 */
.cp2learn7 .character1{
	position:absolute;
	left:-.75em; /* (-12/16) */
	top:4.875em; /* (78/16) */
	width:15.5em; /* (496/2/16) */
	height:18.75em; /* (600/2/16) */
}
.cp2learn7 .character1 .p1a1{ /* 모션 */
	position:absolute;
	width:100%;
	height:100%;
}
.cp2learn7 .character1.say .p1a1{ /* 말하는거 */
	background:url(../../img/L0100Phonics/c1a4p1a1@2x.png) no-repeat;
	background-size:700% 100%;
}
.cp2learn7 .character1.say.on .p1a1{
	animation: kfw1s1 1s steps(6) infinite alternate;
}
.cp2learn7 .character1.hear .p1a1{ /* 듣는거 */
	background:url(../../img/L0100Phonics/c1a2p1a1@2x.png) no-repeat;
	background-size:1000% 100%;
}
.cp2learn7 .character1.hear.on .p1a1{
	animation: kfw1s1 1s steps(9) infinite alternate;
}
/* [IE11]fix) steps(값) 다르면 미봉책 */
html.IE11 .cp2learn7 .character1.hear.on .p1a1{
	animation:none;
}
/* 문제(질문) */
.cp2learn7 .text1q1{
	position:absolute;
	left:14.6875em; /* (235/16) */
	top:11.3125em; /* (181/16) */
	padding:1.59375em 2em;
	border-radius:1.875em; /* (30/16) */
	background:#3aaf59 url(../../img/L0100Phonics/b1tbg3.png) no-repeat 0 0 / 100% 100%;
	text-align:left;
	word-wrap:break-word;
	word-break:keep-all;
	box-shadow:0 .25em 0 0 rgba(0,0,0, .13);
}
.cp2learn7 .text1q1:before{content:'';display:inline-block; /* 우상코너삼각 */
	position:absolute;
	right:100%;
	top:1.9375em; /* (31/16) */
	width:0;height:0;
	border:0 solid transparent;
	border-width:0 .875em .875em 0; /* (14/16) */
	border-right-color:#3aaf59;
}
.cp2learn7 .text1q1 .t1{
	display:block;
	height:1.5em;
	color:#fff;
	font-size:1.375em; /* (22/16) */
	font-family:'GmarketSansMedium';
	letter-spacing:-.03125em;
	opacity:0;
	animation:kfo1 ease .2s .2s both;
}
.cp2learn7 .text1q1 .t2{
	display:block;
	height:1.5em;
	color:#fff;
	font-size:1.125em; /* (18/16) */
	font-family:'S-CoreDream-5Medium';
	line-height:1.375;
	letter-spacing:-.03125em;
	opacity:0;
	/* animation:kfo1 ease .2s .2s both; 초기에는 감추기에 주석처리 */
}
/* 문제듣기.다시듣기 */
.cp2learn7 .btns3{
	position:absolute;
	left:calc(100% + 1.5em);
	top:50%;
	width:6em; /* (96/16) */
	height:6em;
	margin:.3125em 0 0;
	transform:translate(0, -50%); /* [IE11]bug) translate(0, calc(-50% + .3125em) */
}
.cp2learn7 .b1q1play1{
	float:left;
	position:absolute;
	width:100%;
	height:100%;
	margin:0;
	padding:.75em 1.0625em .5625em;
	border:0;
	border-radius:1em;
	/* background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 100% / 500% 200%; */
	background:#888;
	color:#fff;
	white-space:normal;
	overflow:hidden;
	/* text-indent:-9999px; */
}
.cp2learn7 .b1q1replay1{
	float:left;
	position:absolute;
	width:100%;
	height:100%;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 0 / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
}
/* 스토리이미지 */
.cp2learn7 .story1{
	position:absolute;
	left:46.8125em; /* (749/16) */
	top:20.8125em; /* (333/16) */
	width:15.875em; /* (254/16) */
	height:9.125em; /* (146/16) */
	border-radius:.5625em; /* (9/16) */
	overflow:hidden;
}
.cp2learn7 .story1 .p1{
	width:100%;
	height:100%;
}
.cp2learn7 .story1 img{
	width:100%;
	height:auto;
	min-height:100%;
	object-fit:cover;
}
html.object-fit .cp2learn2 .story1 img{
	height:100%;
}
/* 캐릭터.학생 */
.cp2learn7 .character2{
	position:absolute;
	left:46.75em; /* (748/16) */
	top:17.8125em; /* (285/16) */
	width:15.75em; /* (504/2/16) */
	height:14.9375em; /* (478/2/16) */
	border-radius:9999px;
	/* background:#ff8e70; */
	overflow:hidden;
}
.cp2learn7 .character2 .p1a1{ /* 모션 */
	position:absolute;
	width:100%;
	height:100%;
}
.cp2learn7 .character2.say .p1a1{ /* 말하는거 */
	background:url(../../img/L1900Upper/c2a4p1a1@2x.png) no-repeat 0 0 / cover;
	/* background-size:900% 100%; */
}
.cp2learn7 .character2.say.on .p1a1{
	animation: kfw1s1 1s steps(6) infinite alternate;
}
.cp2learn7 .character2.hear .p1a1{ /* 듣는거 */
	background:url(../../img/L1900Upper/c2a4p1a2@2x.png) no-repeat 0 0 / cover;
	/* background-size:900% 100%; */
}
.cp2learn7 .character2.hear.on .p1a1{
	animation: kfw1s1 1s steps(6) infinite alternate;
}
/* [IE11]fix) */
html.IE11 .cp2learn7 .character2[class].on .p1a1{
	animation-direction:normal;
}
/* 문제(답변) */
.cp2learn7 .text1a1{
	position:absolute;
	right:18.75em; /* (300/16) */
	top:20.75em; /* (332/16) */
	box-sizing:border-box; /* ☆ */
	max-width:27.6875em; /* (443/16) */
	padding:1.59375em 2em;
	border-radius:1.875em; /* (30/16) */
	background:#3aaf59 url(../../img/L0100Phonics/b1tbg3.png) no-repeat 0 0 / 100% 100%;
	text-align:left;
	word-wrap:break-word;
	word-break:keep-all;
	box-shadow:0 .25em 0 0 rgba(0,0,0, .13);
}
.cp2learn7 .text1a1:before{content:'';display:inline-block; /* 좌상코너삼각 */
	position:absolute;
	left:100%;
	top:1.9375em; /* (31/16) */
	width:0;height:0;
	border:0 solid transparent;
	border-width:0 0 .875em .875em; /* (14/16) */
	border-left-color:#3aaf59;
}
.cp2learn7 .text1a1 .t1{
	display:block;
	color:#f7fe83;
	font-size:1.3125em; /* (21/16) */
	font-family:'GmarketSansBold';
	letter-spacing:-.03125em;
}
/* 정답확인버튼 */
.cp2learn7 .btns4{
	position:absolute;
	left:49em; /* (784/16) */
	top:33.3125em; /* (533/16) */
	width:11.875em; /* (190/16) */
}
.cp2learn7 .b1answer1{
	float:left;
	position:absolute;
	box-sizing:border-box; /* ☆ */
	width:11.875em; /* (190/16) */
	height:3.125em; /* (50/16) */
	margin:0;
	padding:.3125em 1.4375em .4375em 1em; /* (화면확인) */
	border:0;
	background:url(../../img/L0100Phonics/icsw190btns1.png) no-repeat 0 0 / contain;
	color:#222;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	/* text-indent:-9999px; */
}
.cp2learn7 .b1answer1 .t1{
	font-size:1.375em;
	font-family:'S-CoreDream-5Medium';
}
/* (☆) */
.cp2learn7 .cp2record1{
	left:32em; /* (512/16) */
	top:37.5em; /* (600/16) */
}
.cp2learn7 .cp2score1{
	left:54.5625em; /* (873/16) */
	top:25.5625em; /* (409/16) */
}
.cp2learn7 .cp2direction1 .t1{
	font-size:1.3125em;
}
/* (☆문제진행중.보이기감추기) */
.cp2learn7 .cp2nav1,
.cp2learn7 .b1d1play1,
.cp2learn7 .b1q1play1,
.cp2learn7 .b1q1replay1,
.cp2learn7 .b1answer1{
	visibility:hidden;
	opacity:0;
	transition:.4s;
}
.cp2learn7 .cp2nav1.active.one,
.cp2learn7 .b1d1play1.active.one,
.cp2learn7 .b1q1play1.active.one,
.cp2learn7 .b1q1replay1.active.one,
.cp2learn7 .b1answer1.active.one{
	visibility:visible;
	opacity:1;
	transition:.4s;
}


/*  말한음성듣기. 20210915 */
.cp2my1audio1 .b2play1{
	visibility:hidden;
	position:absolute;
	left:34.375em; /* (550/16) */
	top:37.5em; /* (600/16) */
	transform:translate(0, -50%);
	border:0;
	border-radius:9999px;
	background:#888;
	color:#fff;
	font-size:1rem;
	opacity:0;
	transition:.2s;
}
/* 활성 */
.cp2my1audio1 .b2play1.active{
	visibility:visible;
	opacity:1;
}
/* 재생중 */
.cp2my1audio1 .b2play1.playing{
	opacity:.5;
}


/* ◇◆ Elem | Bridge ◇◆◇◆◇◆◇◆◇◆ */


/* 진행단계(4단) 20210812 */
.cp2process2{
	position:absolute;left:0;right:0;top:0;bottom:0;
	text-align:center;
}
.cp2process2:before{content:'';
	z-index:-2;
	display:block;
	position:fixed;left:0;right:0;top:0;bottom:0;
	background:url(../../img/L0600Elem/bg2@2x.png) no-repeat 50% 0;
	background-size:cover; /* ((100% 100%) */
}
.cp2process2 .bg1{
	display:block;
	/* z-index:-1; [SF]bug) z-index 음수값은 쌓임맥락 안에서 1개만 되는 결함 주의! */
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:2.125em 2.25em; /* (34/16) (36/16) */
	border-radius:1.875em;
	background:#fff;
	box-shadow:0 0 30px 0 rgba(0,0,0, .2);
}
.cp2process2 .h1{
	display:inline-block;
	position:relative;
	margin:10.15625% 0 4.6875%; /* (104/1024) (48/1024) */
	padding:.4375em 2em .25em;
	border-radius:9999px;
	background:#44923d;
	color:#fff;
	font-size:2.125em; /* (34/16) */
	font-family:'GmarketSansBold';
	text-transform:uppercase;
}
/* (☆) */
.cp2process2 .progress{display:block;
	position:relative;
	width:78.125%;
	margin:auto;
}
.cp2process2 .progress .g1{display:block;
	height:1.5625em;
	border:1px solid #ddd;
	border-radius:9999px;
	background:#fff;
	box-shadow:0 .1875em 0 0 rgba(0,0,0, .07);
}
.cp2process2 .progress .g1b1{display:block;
	position:relative;
	height:100%;
}
.cp2process2 .progress .g1b1b1{display:block;
	position:relative;
	height:100%;
	border-radius:9999px;
	background:#65a039 url(../../img/L0100Phonics/b1p1.png) repeat-x 0 50% / 1.875em 1.625em;
}
.cp2process2 .progress .ic1{display:inline-block;
	position:absolute;right:0;top:0;
	width:1.75em;
	height:100%;
	padding:0 .4375em;
	border-radius:9999px;
	background:#65a039 url(../../img/L0100Phonics/icw56a1c0car1.png) no-repeat center center / 1.75em 1em;
	vertical-align:middle;
}
.cp2process2 .progress .h2{
	position:absolute;
	right:1em;
	padding:.25em .75em;
	border-radius:.35em;
	background:#65a039;
	color:#fff;
	font-weight:400;
	font-size:1.25em;
	transform:translate(50%, 0);
}
.cp2process2 .progress .h2:before{content:'';display:inline-block; /* △ */
	position:absolute;left:50%;top:0;
	width:0;height:0;
	margin:-.3125em;
	border:0 solid transparent;
	border-width:0 .3125em .3125em .3125em;
	border-bottom-color:#65a039;
}
/* (☆) */
.cp2process2 .cards{display:block;
	margin:9.1796875% 0 0 9.9609375%; /* (94/1024) (102/1024) */
}
.cp2process2 .cards .ul1{
	list-style:none;margin:0;padding:0;
	float:left;
}
.cp2process2 .cards .li1{
	float:left;
}
.cp2process2 .cards .w1{
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:11.875em; /* (190/16) */
	height:18.125em; /* (290/16) */
	margin:0 1.1875em 0 0; /* (19/16) */
	border-radius:2.375em; /* (38/16) */
	overflow:hidden;
}
.cp2process2 .cards .a1{
	position:absolute;left:0;right:0;top:0;bottom:0;
	border:.3125em solid #57a246;
	border-radius:2.375em; /* (38/16) */
}
.cp2process2 .cards .t1{
	display:flex; /* ☆ */
	justify-content:center;
	align-items:center;
	position:absolute;left:0;right:0;bottom:0;
	box-sizing:border-box; /* ☆ */
	height:3.619em; /* (76/16/1.3125) */
	margin:-.3125em; /* (.cards .a1) */
	padding:0 1em;
	border-radius:9999px; /* (.cards .w1) */
	background:#57a246;
	color:#fff;
	font-size:1.3125em; 
	font-family:'GmarketSansBold';
	line-height:1.25;
}
.cp2process2 .cards .ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:6.875em;height:6.875em; /* (110/16) */
	margin:-5.125em -3.4375em;
	background:url() no-repeat center center / contain;
	vertical-align:middle;
}
.cp2process2 .cards .voca .ic1{background-image:url(../../img/L0600Elem/ic220a1c2voca1.png);}
.cp2process2 .cards .grammar .ic1{background-image:url(../../img/L0600Elem/ic220a1c2grammar1.png);}
.cp2process2 .cards .write.speak .ic1{background-image:url(../../img/L0600Elem/ic220a1c2write1speak1.png);}
.cp2process2 .cards .talk .ic1{background-image:url(../../img/L0600Elem/ic220a1c2talk1.png);}
.cp2process2 .cards .og1{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:rgba(0,0,0, .6);
}
.cp2process2 .cards .ic2{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:4.6875em;height:4.6875em; /* (75/16) */
	margin:-2.34375em;
	background:url(../../img/L0600Elem/ic150a1c2lock1.png) no-repeat center center / contain;
	vertical-align:middle;
}
/* (☆) */
.cp2process2 .cards .li1.on .og1{
	display:none;
}
/* (☆) */
.cp2process2 .cards .li1.done .ic2{
	display:none;
}


/* 학습(단어듣기.사진있음) 20210823 */
.cp2learn8{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:#fff;
}
.cp2learn8:before{content:''; /*│*/
	display:block;
	position:absolute;
	left:34.25em; /* (548/16) */
	top:12.625em; /* (202/16) */
	bottom:5.6875em; /* (91/16) */
	width:0;
	border-left:1px solid #c7c7c7;
}
/* 문제(사진) */
.cp2learn8 .photo1q1{
	position:absolute;
	left:3.875em; /* (62/16) */
	top:16em; /* (256/16) */
	width:25.875em; /* (414/16) */
	height:17.25em; /* (276/16) */
	border-radius:.5625em; /* (9/16) */
	overflow:hidden;
}
.cp2learn8 .photo1q1 .p1{
	width:100%;
	height:100%;
}
.cp2learn8 .photo1q1 img{
	width:100%;
	height:auto;
	min-height:100%;
	object-fit:cover;
}
html.object-fit .cp2learn8 .photo1q1 img{
	height:100%;
}
/* 문제(단어) */
.cp2learn8 .text1q1{
	position:absolute;
	left:2.5em; /* (40/16) */
	right:32.875em; /* (526/16) */
	top:35.625em; /* (570/16) */
	height:1px;
	/* background:#e00; */
	text-align:center;
}
.cp2learn8 .text1q1 .t1{
	display:flex; /* ☆ */
	justify-content:center;
	height:1.25em;
	color:#333;
	font-size:4.375em; /* (70/16) */
	font-family:'GmarketSansBold';
	line-height:1.25;
	letter-spacing:-.03125em;
	opacity:0;
	animation:kfo1 ease .2s .2s both;
}
/* 문제보기 */
.cp2learn8 .btns2{
	display:flex; /* ☆ */
	justify-content:space-between;
	align-items:center;
	position:absolute;
	left:39.625em; /* (634/16) */
	top:21.5625em; /* (345/16) */
	width:19.375em; /* (310/16) */
}
.cp2learn8 .b1example1{
	display:inline-block;
	position:relative;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	padding:0 .625em .625em .625em; /* (10/16) */
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 0 0 / 500% 200%;
	overflow:hidden;
}
.cp2learn8 .b1example1 .t1{
	color:#fff;
	font-size:2.75em; /* (44/16) */
	font-family:'GmarketSansBold';
}
/* ☆ */
.cp2learn8 .b1example1:hover,
.cp2learn8 .b1example1:focus{
	background-position:0 100%;
	text-indent:0;
}
.cp2learn8 .b1example1.on[data-answer='O']{
	background-position:75% 0;
	text-indent:-9999px;
}
.cp2learn8 .b1example1.on[data-answer='X']{
	background-position:100% 0;
	text-indent:-9999px;
}
.cp2learn8 .b1example1.play[class]{ /* 번호에 해당하는 음성 출력중 */
	background-position:25% 0;
	text-indent:-9999px;
}
.cp2learn8 .b1example1.disabled{
	cursor:not-allowed;
}
/* 문제듣기.다시듣기 */
.cp2learn8 .btns3{
	position:absolute;
	left:45.75em; /* (732/16) */
	top:31.875em; /* (510/16) */
	width:7.5em; /* (120/16) */
	height:7.5em;
	/* text-align:center; 이면 자손 크기 결함발생 */
}
.cp2learn8 .b1q1play1,
.cp2learn8 .b1q2play1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	padding:.75em 1.0625em .5625em;
	border:0;
	border-radius:1em;
	/* background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 100% / 500% 200%; */
	background:#888;
	color:#fff;
	white-space:normal;
	overflow:hidden;
	/* text-indent:-9999px; */
}
.cp2learn8 .b1q1replay1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 0 / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
}
/* (☆문제진행중.보이기감추기) */
.cp2learn8 .cp2nav1,
.cp2learn8 .b1d1play1,
.cp2learn8 .b1q1play1,
.cp2learn8 .b1q2play1,
.cp2learn8 .b1q1replay1{
	visibility:hidden;
	opacity:0;
	transition:.4s;
}
.cp2learn8 .cp2nav1.active.one,
.cp2learn8 .b1d1play1.active.one,
.cp2learn8 .b1q1play1.active.one,
.cp2learn8 .b1q2play1.active.one,
.cp2learn8 .b1q1replay1.active.one{
	visibility:visible;
	opacity:1;
	transition:.4s;
}


/* 학습(듣고 그림과 맞는 문장) 20210805 */
.cp2learn9{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:#fff;
}
/* 문제(사진) */
.cp2learn9 .photo1q1{
	position:absolute;
	left:19em; /* (304/16) */
	top:11.5em; /* (184/16) */
	width:25.875em; /* (414/16) */
	height:17.25em; /* (276/16) */
	border:1px solid #ccc;
	border-radius:.5625em; /* (9/16) */
	overflow:hidden;
}
.cp2learn9 .photo1q1 .p1{
	width:100%;
	height:100%;
}
.cp2learn9 .photo1q1 img{
	width:100%;
	height:auto;
	min-height:100%;
	object-fit:cover;
}
html.object-fit .cp2learn9 .photo1q1 img{
	height:100%;
}
/* 문제보기 */
.cp2learn9 .btns2{
	position:absolute;
	left:6.375em; /* (102/16) */
	right:5em; /* (80/16) */
	top:32.9375em; /* (527/16) */
}
.cp2learn9 .btns2 .w1{
	margin:0 0 2.25em; /* (40/16) */
	overflow:hidden;
}
.cp2learn9 .btns2 .t2{
	display:block;
	margin:.25em 0 0;
	color:#333;
	font-size:2.125em; /* (34/16) */
	font-family:'GmarketSansBold';
	letter-spacing:-.03125em;
	overflow:hidden;
}
.cp2learn9 .b1example1{
	float:left;
	position:relative;
	width:4em; /* (64/16) */
	height:4em;
	margin:0 .75em 0 0;
	padding:0 .125em .125em .125em; /* (화면확인) */
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 0 0 / 500% 200%;
	overflow:hidden;
}
.cp2learn9 .b1example1 .t1{
	color:#fff;
	font-size:1.75em; /* (28/16) */
	font-family:'GmarketSansBold';
}
/* ☆ */
.cp2learn9 .b1example1:hover,
.cp2learn9 .b1example1:focus{
	background-position:0 100%;
	text-indent:0;
}
.cp2learn9 .b1example1.on[data-answer='O']{
	background-position:75% 0;
	text-indent:-9999px;
}
.cp2learn9 .b1example1.on[data-answer='X']{
	background-position:100% 0;
	text-indent:-9999px;
}
.cp2learn9 .b1example1.play[class]{ /* 번호에 해당하는 음성 출력중 */
	background-position:25% 0;
	text-indent:-9999px;
}
.cp2learn9 .b1example1.disabled{
	cursor:not-allowed;
}
/* 문제듣기.다시듣기 */
.cp2learn9 .btns3{
	position:absolute;
	left:8.6875em; /* (139/16) */
	top:17.75em; /* (284/16) */
	width:7.5em; /* (120/16) */
	height:7.5em;
	/* text-align:center; 이면 자손 크기 결함발생 */
}
.cp2learn9 .b1q1play1,
.cp2learn9 .b1q2play1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	padding:.75em 1.0625em .5625em;
	border:0;
	border-radius:1em;
	/* background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 100% / 500% 200%; */
	background:#888;
	color:#fff;
	white-space:normal;
	overflow:hidden;
	/* text-indent:-9999px; */
}
.cp2learn9 .b1q1replay1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 0 / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
}
/* (☆문제진행중.보이기감추기) */
.cp2learn9 .cp2nav1,
.cp2learn9 .b1d1play1,
.cp2learn9 .b1q1play1,
.cp2learn9 .b1q2play1,
.cp2learn9 .b1q1replay1{
	visibility:hidden;
	opacity:0;
	transition:.4s;
}
.cp2learn9 .cp2nav1.active.one,
.cp2learn9 .b1d1play1.active.one,
.cp2learn9 .b1q1play1.active.one,
.cp2learn9 .b1q2play1.active.one,
.cp2learn9 .b1q1replay1.active.one{
	visibility:visible;
	opacity:1;
	transition:.4s;
}


/* 학습(영어 문장과 맞는 한글 뜻) (Frame11) 20210714 */
/* 학습(문장에 맞는 한글 뜻) (Frame13_2) 20210714 */
/* 20210805 */
.cp2learn10{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:#fff;
}
/* 문제(문장) */
.cp2learn10 .text1q1{
	position:absolute;
	left:14.375em; /* (230/16) */
	right:14.375em; /* (230/16) */
	top:13.375em; /* (214/16) */
	text-align:center;
}
.cp2learn10 .text1q1 .t1{
	display:flex; /* ☆ */
	justify-content:center;
	align-items:center;
	height:2.75em;
	/* background:#ee0; */
	color:#333;
	font-size:3.25em; /* (52/16) */
	font-family:'GmarketSansBold';
	line-height:1.375;
	letter-spacing:-.03125em;
	opacity:0;
	animation:kfo1 ease .2s .2s both;
}
.cp2learn10 .text1q1 .em{
	color:#ef2f41;
}
/* 문제보기 */
.cp2learn10 .btns2{
	position:absolute;
	left:6.375em; /* (102/16) */
	right:5em; /* (80/16) */
	top:27.9375em; /* (447/16) */
}
.cp2learn10 .btns2 .w1{
	margin:0 0 2.25em; /* (40/16) */
	overflow:hidden;
}
.cp2learn10 .btns2 .t2{
	display:flex; /* ☆ */
	align-items:center;
	height:2.5em;
	color:#333;
	font-size:1.75em; /* (28/16) */
	line-height:1.25;
	font-family:'S-CoreDream-5Medium';
	letter-spacing:-.03125em;
	overflow:hidden;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp2learn10 .b1example1{
	float:left;
	position:relative;
	width:4em; /* (64/16) */
	height:4em;
	margin:.25em 1em 0 0;
	padding:0 .125em .125em .125em; /* (화면확인) */
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 0 0 / 500% 200%;
	overflow:hidden;
}
.cp2learn10 .b1example1 .t1{
	color:#fff;
	font-size:1.75em; /* (28/16) */
	font-family:'GmarketSansBold';
}
/* ☆ */
.cp2learn10 .b1example1:hover,
.cp2learn10 .b1example1:focus{
	background-position:0 100%;
	text-indent:0;
}
.cp2learn10 .b1example1.on[data-answer='O']{
	background-position:75% 0;
	text-indent:-9999px;
}
.cp2learn10 .b1example1.on[data-answer='X']{
	background-position:100% 0;
	text-indent:-9999px;
}
.cp2learn10 .b1example1.play[class]{ /* 번호에 해당하는 음성 출력중 */
	background-position:25% 0;
	text-indent:-9999px;
}
.cp2learn10 .b1example1.disabled{
	cursor:not-allowed;
}
/* 문제듣기.다시듣기 */
.cp2learn10 .btns3{
	position:absolute;
	left:5.0625em; /* (81/16) */
	top:14em; /* (224/16) */
	width:7.5em; /* (120/16) */
	height:7.5em;
	/* text-align:center; 이면 자손 크기 결함발생 */
}
.cp2learn10 .b1q1play1,
.cp2learn10 .b1q2play1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	padding:.75em 1.0625em .5625em;
	border:0;
	border-radius:1em;
	/* background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 100% / 500% 200%; */
	background:#888;
	color:#fff;
	white-space:normal;
	overflow:hidden;
	/* text-indent:-9999px; */
}
.cp2learn10 .b1q1replay1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 0 / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
}
/* (☆문제진행중.보이기감추기) */
.cp2learn10 .cp2nav1,
.cp2learn10 .b1d1play1,
.cp2learn10 .b1q1play1,
.cp2learn10 .b1q1replay1{
	visibility:hidden;
	opacity:0;
	transition:.4s;
}
.cp2learn10 .cp2nav1.active.one,
.cp2learn10 .b1d1play1.active.one,
.cp2learn10 .b1q1play1.active.one,
.cp2learn10 .b1q1replay1.active.one{
	visibility:visible;
	opacity:1;
	transition:.4s;
}


/* 학습(들리는 문장 고르기) 20210815 */
.cp2learn11{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:#fff;
}
/* 캐릭터 */
.cp2learn11 .character1{
	position:absolute;
	left:8.875em; /* (142/16) */
	top:8.5em; /* (136/16) */
}
.cp2learn11 .character1 .p1a1{ /* 모션.말하는거 */
	position:absolute;
	width:16.4375em; /* (263/16) */
	height:19.875em; /* (318/16) */
	background:url(../../img/L0100Phonics/c1a4p1a1@2x.png) no-repeat;
	background-size:700% 100%;
}
.cp2learn11 .character1.on .p1a1{
	animation: kfw1s1 1s steps(6) infinite alternate;
}
/* 문제보기 */
.cp2learn11 .btns2{
	position:absolute;
	left:6.375em; /* (102/16) */
	right:5em; /* (80/16) */
	top:32.875em; /* (526/16) */
}
.cp2learn11 .btns2 .w1{
	margin:0 0 2.25em; /* (40/16) */
	overflow:hidden;
}
.cp2learn11 .btns2 .t2{
	display:block;
	margin:.25em 0 0;
	color:#333;
	font-size:2em; /* (32/16) */
	font-family:'GmarketSansBold';
	letter-spacing:-.03125em;
	overflow:hidden;
}
.cp2learn11 .b1example1{
	float:left;
	position:relative;
	width:4em; /* (64/16) */
	height:4em;
	margin:0 .75em 0 0;
	padding:0 .125em .125em .125em; /* (화면확인) */
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 0 0 / 500% 200%;
	overflow:hidden;
}
.cp2learn11 .b1example1 .t1{
	color:#fff;
	font-size:1.75em; /* (28/16) */
	font-family:'GmarketSansBold';
}
/* ☆ */
.cp2learn11 .b1example1:hover,
.cp2learn11 .b1example1:focus{
	background-position:0 100%;
	text-indent:0;
}
.cp2learn11 .b1example1.on[data-answer='O']{
	background-position:75% 0;
	text-indent:-9999px;
}
.cp2learn11 .b1example1.on[data-answer='X']{
	background-position:100% 0;
	text-indent:-9999px;
}
.cp2learn11 .b1example1.play[class]{ /* 번호에 해당하는 음성 출력중 */
	background-position:25% 0;
	text-indent:-9999px;
}
.cp2learn11 .b1example1.disabled{
	cursor:not-allowed;
}
/* 문제듣기.다시듣기 */
.cp2learn11 .btns3{
	position:absolute;
	left:32.25em; /* (516/16) */
	top:17.0625em; /* (273/16) */
	width:7.5em; /* (120/16) */
	height:7.5em;
	/* text-align:center; 이면 자손 크기 결함발생 */
}
.cp2learn11 .b1q1play1{
	float:left; 
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 25% 0 / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
	cursor:default; /* ☆ */
}
.cp2learn11 .b1q1replay1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 0 / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
}
.cp2learn11 .b1q1noplay1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 100% / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
	cursor:default; /* ☆ */
}
/* (☆문제진행중.보이기감추기) */
.cp2learn11 .cp2nav1,
.cp2learn11 .b1d1play1,
.cp2learn11 .b1q1play1,
.cp2learn11 .b1q1replay1,
.cp2learn11 .b1q1noplay1{
	visibility:hidden;
	opacity:0;
	transition:.4s;
}
.cp2learn11 .cp2nav1.active.one,
.cp2learn11 .b1d1play1.active.one,
.cp2learn11 .b1q1play1.active.one,
.cp2learn11 .b1q1replay1.active.one,
.cp2learn11 .b1q1noplay1.active{
	visibility:visible;
	opacity:1;
	transition:.4s;
}


/* 학습(AI에게 질문하기) (Frame14) 20210720 */
.cp2learn12{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:#fff;
}
/* 스토리이미지 */
.cp2learn12 .story1{
	position:absolute;
	left:1.3125em; /* (21/16) */
	top:9.9375em; /* (159/16) */
	width:15.875em; /* (254/16) */
	height:9.125em; /* (146/16) */
	border-radius:.5625em; /* (9/16) */
	overflow:hidden;
}
.cp2learn12 .story1 .p1{
	width:100%;
	height:100%;
}
.cp2learn12 .story1 img{
	width:100%;
	height:auto;
	min-height:100%;
	object-fit:cover;
}
html.object-fit .cp2learn2 .story1 img{
	height:100%;
}
/* 캐릭터.학생 */
.cp2learn12 .character2{
	position:absolute;
	left:.375em; /* (6/16) */
	top:8.125em; /* (130/16) */
	width:15.75em; /* (504/2/16) */
	height:14.9375em; /* (478/2/16) */
	border-radius:9999px;
	/* background:#ff8e70; */
	overflow:hidden;
}
.cp2learn12 .character2 .p1a1{ /* 모션 */
	position:absolute;
	width:100%;
	height:100%;
}
.cp2learn12 .character2.say .p1a1{ /* 말하는거 */
	background:url(../../img/L1900Upper/c2a4p1a1@2x.png) no-repeat 0 0 / cover;
	/* background-size:900% 100%; */
}
.cp2learn12 .character2.say.on .p1a1{
	animation: kfw1s1 1s steps(6) infinite alternate;
}
.cp2learn12 .character2.hear .p1a1{ /* 듣는거 */
	background:url(../../img/L1900Upper/c2a4p1a2@2x.png) no-repeat 0 0 / cover;
	/* background-size:900% 100%; */
}
.cp2learn12 .character2.hear.on .p1a1{
	animation: kfw1s1 1s steps(6) infinite alternate;
}
/* [IE11]fix) */
html.IE11 .cp2learn12 .character2[class].on .p1a1{
	animation-direction:normal;
}
/* 문제(질문) */
.cp2learn12 .text1a1{
	position:absolute;
	left:19.125em; /* (306/16) */
	top:10.875em; /* (174/16) */
	box-sizing:border-box; /* ☆ */
	max-width:25em; /* (400/16) */
	padding:1.59375em 2em;
	border-radius:1.875em; /* (30/16) */
	background:#649b37 url(../../img/L0600Elem/b1tbg3.png) no-repeat 0 0 / 100% 100%;
	text-align:left;
	word-wrap:break-word;
	word-break:keep-all;
	box-shadow:0 .25em 0 0 rgba(0,0,0, .13);
}
.cp2learn12 .character2 ~ .text1a1{ /* 학생 캐릭터 있으면 위치 조정 */
	left:17.25em; /* (276/16) */
}
.cp2learn12 .text1a1:before{content:'';display:inline-block; /* 우상코너삼각 */
	position:absolute;
	right:100%;
	top:1.9375em; /* (31/16) */
	width:0;height:0;
	border:0 solid transparent;
	border-width:0 .875em .875em 0; /* (14/16) */
	border-right-color:#649b37;
}
.cp2learn12 .text1a1 .t1{
	display:block;
	color:#f7fe83;
	font-size:1.3125em; /* (21/16) */
	font-family:'GmarketSansBold';
	letter-spacing:-.03125em;
}
/* 캐릭터 */
.cp2learn12 .character1{
	position:absolute;
	left:47.25em; /* (756/16) */
	top:15.0625em; /* (241/16) */
	width:15.5em; /* (248/16) */
	height:17.75em; /* (284/16) */
}
.cp2learn12 .character1 .p1a1{ /* 모션 */
	position:absolute;
	width:100%;
	height:100%;
}
.cp2learn12 .character1.say .p1a1{ /* 말하는거 */
	background:url(../../img/L0100Phonics/c1a4p1a1@2x.png) no-repeat;
	background-size:700% 100%;
}
.cp2learn12 .character1.say.on .p1a1{
	animation: kfw1s1 1s steps(6) infinite alternate;
}
.cp2learn12 .character1.hear .p1a1{ /* 듣는거 */
	background:url(../../img/L0100Phonics/c1a2p1a1@2x.png) no-repeat;
	background-size:1000% 100%;
}
.cp2learn12 .character1.hear.on .p1a1{
	animation: kfw1s1 1s steps(9) infinite alternate;
}
/* [IE11]fix) steps(값) 다르면 미봉책 */
html.IE11 .cp2learn12 .character1.hear.on .p1a1{
	animation:none;
}
/* 문제(답변) */
.cp2learn12 .text1q1{
	position:absolute;
	right:17.5em; /* (280/16) */
	top:20.75em; /* (332/16) */
	box-sizing:border-box; /* ☆ */
	max-width:23.75em; /* (380/16) */
	padding:1.59375em 2em;
	border-radius:1.875em; /* (30/16) */
	background:#649b37 url(../../img/L0600Elem/b1tbg3.png) no-repeat 0 0 / 100% 100%;
	text-align:left;
	word-wrap:break-word;
	word-break:keep-all;
	box-shadow:0 .25em 0 0 rgba(0,0,0, .13);
}
.cp2learn12 .text1q1:before{content:'';display:inline-block; /* 좌상코너삼각 */
	position:absolute;
	left:100%;
	top:1.9375em; /* (31/16) */
	width:0;height:0;
	border:0 solid transparent;
	border-width:0 0 .875em .875em; /* (14/16) */
	border-left-color:#649b37;
}
.cp2learn12 .text1q1 .t1{
	display:block;
	height:1.5em;
	color:#fff;
	font-size:1.375em; /* (22/16) */
	font-family:'GmarketSansMedium';
	letter-spacing:-.03125em;
	opacity:0;
	animation:kfo1 ease .2s .2s both;
}
.cp2learn12 .text1q1 .t2{
	display:block;
	height:1.5em;
	color:#fff;
	font-size:1.125em; /* (18/16) */
	font-family:'S-CoreDream-5Medium';
	line-height:1.375;
	letter-spacing:-.03125em;
	opacity:0;
	/* animation:kfo1 ease .2s .2s both; 초기에는 감추기에 주석처리 */
}
/* 문제듣기.다시듣기 */
.cp2learn12 .btns3{
	position:absolute;
	right:calc(100% + 1.5em);
	top:50%;
	width:6em; /* (96/16) */
	height:6em;
	margin:.3125em 0 0;
	transform:translate(0, -50%); /* [IE11]bug) translate(0, calc(-50% + .3125em) */
}
.cp2learn12 .b1q1play1{
	float:left;
	position:absolute;
	width:100%;
	height:100%;
	margin:0;
	padding:.75em 1.0625em .5625em;
	border:0;
	border-radius:1em;
	/* background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 100% / 500% 200%; */
	background:#888;
	color:#fff;
	white-space:normal;
	overflow:hidden;
	/* text-indent:-9999px; */
}
.cp2learn12 .b1q1replay1{
	float:left;
	position:absolute;
	width:100%;
	height:100%;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 0 / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
}
/* 정답확인버튼 */
.cp2learn12 .btns4{
	position:absolute;
	left:2.6875em; /* (43/16) */
	top:23.1875em; /* (371/16) */
	width:11.875em; /* (190/16) */
}
.cp2learn12 .b1answer1{
	float:left;
	position:absolute;
	box-sizing:border-box; /* ☆ */
	width:11.875em; /* (190/16) */
	height:3.125em; /* (50/16) */
	margin:0;
	padding:.3125em 1.4375em .4375em 1em; /* (화면확인) */
	border:0;
	background:url(../../img/L0100Phonics/icsw190btns1.png) no-repeat 0 0 / contain;
	color:#222;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	/* text-indent:-9999px; */
}
.cp2learn12 .b1answer1 .t1{
	font-size:1.375em;
	font-family:'S-CoreDream-5Medium';
}
/* (☆) */
.cp2learn12 .cp2record1{
	left:32em; /* (512/16) */
	top:37.5em; /* (600/16) */
}
.cp2learn12 .cp2score1{
	left:8.4375em; /* (135/16) */
	top:14.9375em; /* (239/16) */
}
.cp2learn12 .cp2direction1 .t1{
	font-size:1.3125em;
}
/* (☆문제진행중.보이기감추기) */
.cp2learn12 .cp2nav1,
.cp2learn12 .b1d1play1,
.cp2learn12 .b1q1play1,
.cp2learn12 .b1q1replay1,
.cp2learn12 .b1answer1{
	visibility:hidden;
	opacity:0;
	transition:.4s;
}
.cp2learn12 .cp2nav1.active.one,
.cp2learn12 .b1d1play1.active.one,
.cp2learn12 .b1q1play1.active.one,
.cp2learn12 .b1q1replay1.active.one,
.cp2learn12 .b1answer1.active.one{
	visibility:visible;
	opacity:1;
	transition:.4s;
}


/* ◇◆ Bridge ◇◆◇◆◇◆◇◆◇◆ */


/* 닫기 (Bridge) 20210720 */
.cp2b1close2{
	display:block;
	z-index:10;
	position:fixed;right:0;top:0;
	width:3.875em; /* (62/16) */
	height:3.875em;
	margin:1.25em 1.625em; /* (20/16) (26/16) */
	border:4px solid #fff;
	border-radius:9999px;
	background:#000 url(../../img/L1200Bridge/ic58a1c0x1.png) no-repeat center center / 1.8125em 1.8125em; /* (29/16) */
	overflow:hidden;
	text-indent:-9999px;
	box-shadow:5px 5px 6px 0 rgba(0,0,0, .125);
}


/* 학습(문장듣기) 20210709 */
.cp2learn13{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:#fff;
}
/* 캐릭터 */
.cp2learn13 .character1{
	position:absolute;
	left:.8125em; /* (13/16) */
	top:11.9375em; /* (191/16) */
}
.cp2learn13 .character1 .p1a1{ /* 모션.말하는거 */
	position:absolute;
	left:0;
	top:0;
	width:24em; /* (384/16) */
	height:26.25em; /* (420/16) */
	background:url(../../img/L0100Phonics/c1a4p1a1@2x.png) no-repeat;
	background-size:700% 100%;
}
.cp2learn13 .character1.on .p1a1{
	animation: kfw1s1 1s steps(6) infinite alternate;
}
/* 문제지시 */
.cp2learn13 .text1{
	position:absolute;
	left:38.625em; /* (618/16) */
	top:28.75em; /* (460/16) */
	transform:translateX(-50%);
}
.cp2learn13 .text1 .t1{
	color:#000;
	font-size:2.75em; /* (44/16) */
	font-family:'GmarketSansBold';
	white-space:nowrap;
}
/* 문장듣기.다시듣기.듣기불가 */
.cp2learn13 .btns3{
	position:absolute;
	left:34.875em; /* (558/16) */
	top:19.1875em; /* (307/16) */
	width:7.5em; /* (120/16) */
	height:7.5em;
	/* text-align:center; 이면 자손 크기 결함발생 */
}
.cp2learn13 .b1q1play1{
	float:left; 
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 25% 0 / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
	cursor:default; /* ☆ */
}
.cp2learn13 .b1q1replay1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 0 / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
}
.cp2learn13 .b1q1noplay1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 100% / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
	cursor:default; /* ☆ */
}
/* (☆문제진행중.보이기감추기) */
.cp2learn13 .cp2nav1,
.cp2learn13 .b1d1play1,
.cp2learn13 .b1q1play1,
.cp2learn13 .b1q1replay1,
.cp2learn13 .b1q1noplay1{
	visibility:hidden;
	opacity:0;
	transition:.4s;
}
.cp2learn13 .cp2nav1.active.one,
.cp2learn13 .b1d1play1.active.one,
.cp2learn13 .b1q1play1.active.one,
.cp2learn13 .b1q1replay1.active.one,
.cp2learn13 .b1q1noplay1.active{
	visibility:visible;
	opacity:1;
	transition:.4s;
}


/* ◇◆ Inter ◇◆◇◆◇◆◇◆◇◆ */


/* 학습(단어뜻) 20210709 */
.cp2learn14{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:#fff;
}
/* 문제(사진) */
.cp2learn14 .photo1q1{
	position:absolute;
	left:19.0625em; /* (305/16) */
	top:10.9375em; /* (175/16) */
	width:25.875em; /* (414/16) */
	height:17.25em; /* (276/16) */
	border-radius:.5625em; /* (9/16) */
	overflow:hidden;
}
.cp2learn14 .photo1q1 .p1{
	width:100%;
	height:100%;
}
.cp2learn14 .photo1q1 img{
	width:100%;
	height:auto;
	min-height:100%;
	object-fit:cover;
}
html.object-fit .cp2learn14 .photo1q1 img{
	height:100%;
}
/* 문제(단어) */
.cp2learn14 .text1q1{
	position:absolute;
	left:17.5em; /* (280/16) */
	right:17.5em; /* (280/16) */
	top:30em; /* (480/16) */
	height:1px;
	/* background:#e00; */
	text-align:center;
}
.cp2learn14 .text1q1 .t1{
	display:flex; /* ☆ */
	justify-content:center;
	height:1.25em;
	color:#333;
	font-size:4.375em; /* (70/16) */
	font-family:'GmarketSansBold';
	line-height:1.25;
	letter-spacing:-.03125em;
	opacity:0;
	animation:kfo1 ease .2s .2s both;
}
.cp2learn14 .text1q1 .em{
	color:#ef2f41;
}
/* 문제보기 */
.cp2learn14 .btns2{
	position:absolute;
	left:7.9375em; /* (127/16) */
	top:38em; /* (608/16) */
}
.cp2learn14 .b1example1{
	display:inline-block;
	position:relative;
	width:23.125em; /* (370/16) */
	height:6.25em; /* (100/16) */
	margin:0 1.875em 0 0; /* (30/16) */
	padding:0 .625em .625em .625em; /* (10/16) */
	border:0;
	background:url(../../img/L1400Inter/icsw370btns1.png) no-repeat 0 0 / 200% 300%;
	overflow:hidden;
}
.cp2learn14 .b1example1 .t1{
	color:#fff;
	font-size:1.6875em; /* (27/16) */
	font-family:'S-CoreDream-6Bold';
}
.cp2learn14 .b1example1 .t1t2{
	font-size:.815em; /* (22/27) */
}
/* ☆ */
.cp2learn14 .b1example1:hover,
.cp2learn14 .b1example1:focus{
	background-position:100% 0;
	text-indent:0;
}
.cp2learn14 .b1example1.on[data-answer='O']{
	background-position:0 50%;
	text-indent:-9999px;
}
.cp2learn14 .b1example1.on[data-answer='X']{
	background-position:0 100%;
	text-indent:-9999px;
}
/* 문제듣기.다시듣기 */
.cp2learn14 .btns3{
	position:absolute;
	left:8.75em; /* (140/16) */
	top:17.1875em; /* (275/16) */
	width:7.5em;
}
.cp2learn14 .b1q1play1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	padding:.75em 1.0625em .5625em;
	border:0;
	border-radius:1em;
	/* background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 100% / 500% 200%; */
	background:#888;
	color:#fff;
	white-space:normal;
	overflow:hidden;
	/* text-indent:-9999px; */
}
.cp2learn14 .b1q1replay1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 0 / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
}
/* (☆문제진행중.보이기감추기) */
.cp2learn14 .cp2nav1,
.cp2learn14 .b1d1play1,
.cp2learn14 .b1q1play1,
.cp2learn14 .b1q1replay1{
	visibility:hidden;
	opacity:0;
	transition:.4s;
}
.cp2learn14 .cp2nav1.active.one,
.cp2learn14 .b1d1play1.active.one,
.cp2learn14 .b1q1play1.active.one,
.cp2learn14 .b1q1replay1.active.one{
	visibility:visible;
	opacity:1;
	transition:.4s;
}


/* 진행단계(탭) 20210709 */
.cp2process3{
	z-index:10; /* ☆ */
	position:fixed;right:0;top:50%;
	text-align:center;
	transform:translateY(-50%);
}
/* (☆) */
.cp2process3 .tabs{}
.cp2process3 .tabs .ul1{
	list-style:none;margin:0;padding:0;
}
.cp2process3 .tabs .li1{
	clear:both;
	float:right;
}
.cp2process3 .tabs .a1{
	display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:5.5625em; /* (89/16) */
	min-height:5.8125em; /* (93/16) */
	margin:.28125em 0; /* (4.5/16) */
	padding:.5em .25em .75em .75em;
	border-radius:1.5em 0 0 1.5em; /* (24/16) */
	background:url(../../img/L1400Inter/b1tbg4.png) no-repeat left center / cover;
	overflow:hidden;
}
.cp2process3 .tabs .t1{
	display:block;
	width:5em;
	margin:auto;
	color:#fff;
	font-size:1em; 
	font-family:'GmarketSansMedium';
	line-height:1.25;
}
.cp2process3 .tabs .ic1{
	display:block;
	width:3.75em;height:3.75em; /* (60/16) */
	margin:-.25em auto;
	background:url() no-repeat center center / contain;
	vertical-align:middle;
}
.cp2process3 .tabs .voca .ic1{background-image:url(../../img/L1400Inter/ic120a1c0voca1.png);}
.cp2process3 .tabs .story .ic1{background-image:url(../../img/L1400Inter/ic120a1c0story1.png);}
.cp2process3 .tabs .talk .ic1{background-image:url(../../img/L1400Inter/ic120a1c0talk1.png);}
/* (.on) */
.cp2process3 .tabs .on .a1{
	width:6.8125em; /* (109/16) */
	background-image:url(../../img/L1400Inter/b1tbg4on.png);
}
.cp2process3 .tabs .on .t1{
	color:#333;
	font-family:'GmarketSansBold';
}
.cp2process3 .tabs .on.voca .ic1{background-image:url(../../img/L1400Inter/ic120a1c1voca1.png);}
.cp2process3 .tabs .on.story .ic1{background-image:url(../../img/L1400Inter/ic120a1c1story1.png);}
.cp2process3 .tabs .on.talk .ic1{background-image:url(../../img/L1400Inter/ic120a1c1talk1.png);}
/* (.active) */
.cp2process3 .tabs .active .a1{
	animation:kf1active1 ease 1s infinite;
}


/* 학습(들리는 문장 고르기) 20210805 */
.cp2learn15{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:#fff;
}
/* 캐릭터 */
.cp2learn15 .character1{
	position:absolute;
	left:-1.375em; /* (-22/16) */
	top:12.3125em; /* (197/16) */
}
.cp2learn15 .character1 .p1a1{ /* 모션.말하는거 */
	position:absolute;
	width:28.25em; /* (904/2/16) */
	height:26.8125em; /* (858/2/16) */
	background:url(../../img/L1400Inter/c2a1p1a1@2x.png) no-repeat 0 0 / cover;
	/* background-size:700% 100%; */
	transform:rotateY(180deg);
}
.cp2learn15 .character1.on .p1a1{
	animation: kfw1s1 1s steps(6) infinite alternate;
}
/* 문제보기 */
.cp2learn15 .btns2{
	position:absolute;
	left:16.125em; /* (258/16) */
	top:28.0625em; /* (449/16) */
}
.cp2learn15 .btns2 .w1{
	overflow:hidden;
}
.cp2learn15 .b1example1{
	float:left;
	position:relative;
	width:35.625em; /* (570/16) */
	height:6.25em; /* (100/16) */
	margin:0 0 .75em; /* (12/16) */
	padding:0 .625em .625em .625em; /* (10/16) */
	border:0;
	background:url(../../img/L1400Inter/icsw570btns1.png) no-repeat 0 0 / 200% 300%;
	overflow:hidden;
}
.cp2learn15 .b1example1 .t1{
	color:#fff;
	font-size:1.625em; /* (26/16) */
	font-family:'GmarketSansMedium';
}
/* ☆ */
.cp2learn15 .b1example1:hover,
.cp2learn15 .b1example1:focus{
	background-position:100% 0;
	text-indent:0;
}
.cp2learn15 .b1example1.on[data-answer='O']{
	background-position:0 50%;
	text-indent:-9999px;
}
.cp2learn15 .b1example1.on[data-answer='X']{
	background-position:0 100%;
	text-indent:-9999px;
}
.cp2learn15 .b1example1.disabled{
	cursor:not-allowed;
}
/* 문제듣기.다시듣기 */
.cp2learn15 .btns3{
	position:absolute;
	left:30.3125em; /* (485/16) */
	top:17.0625em; /* (273/16) */
	width:7.5em; /* (120/16) */
	height:7.5em;
	/* text-align:center; 이면 자손 크기 결함발생 */
}
.cp2learn15 .b1q1play1{
	float:left; 
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 25% 0 / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
	cursor:default; /* ☆ */
}
.cp2learn15 .b1q1replay1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 0 / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
}
.cp2learn15 .b1q1noplay1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 100% / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
	cursor:default; /* ☆ */
}
/* (☆문제진행중.보이기감추기) */
.cp2learn15 .cp2nav1,
.cp2learn15 .b1d1play1,
.cp2learn15 .b1q1play1,
.cp2learn15 .b1q1replay1,
.cp2learn15 .b1q1noplay1{
	visibility:hidden;
	opacity:0;
	transition:.4s;
}
.cp2learn15 .cp2nav1.active.one,
.cp2learn15 .b1d1play1.active.one,
.cp2learn15 .b1q1play1.active.one,
.cp2learn15 .b1q1replay1.active.one,
.cp2learn15 .b1q1noplay1.active{
	visibility:visible;
	opacity:1;
	transition:.4s;
}


/* 학습(작문말하기) 20211130. 20211208. */
.cp2learn16{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:#fff;
}
/* 문제(구문) */
.cp2learn16 .text1q1{
	position:absolute;
	left:16.875em; /* (270/16) */
	right:8.125em; /* (130/16) */
	top:15em; /* (240/16) */
	height:1px;
	/* background:#ee0; */
	text-align:center;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp2learn16 .text1q1 .t1{
	display:block;
	min-height:1.5em;
	max-height:3em;
	margin:0 0 .5em;
	/* background:#ee0; */
	color:#333;
	font-size:2.25em; /* (36/16) */
	font-family:'GmarketSansBold';
	line-height:1.375;
	letter-spacing:-.03125em;
	opacity:0;
	animation:kfo1 ease .2s 1s both;
}
.cp2learn16 .text1q1 .t1.act{
	opacity:1;
	transition:.2s;
}
.cp2learn16 .text1q1 .t2{
	display:block;
	min-height:1.5em;
	max-height:3em;
	margin:0 0 .25em;
	color:#777;
	font-size:1.625em; /* (26/16) */
	font-family:'S-CoreDream-5Medium';
	letter-spacing:-.03125em;
	opacity:0;
	/* animation:kfo1 ease .2s .6s both; */
}
.cp2learn16 .text1q1 .t1t1,
.cp2learn16 .text1q1 .t2t1{
	display:inline-block;
	position:relative;
	cursor:default;
}
.cp2learn16 .text1q1 .sep{
	font-weight:100;
	font-family:sans-serif;
	opacity:.5;
}
.cp2learn16 .text1q1 .em{
	color:#ef2f41;
}
/* 단어구 분리기호(/)와 재배치 */
.cp2learn16 .text1q1 .t1t1.on,
.cp2learn16 .text1q1 .t2t1.on{
	/* color:#06c; */
}
.cp2learn16 .text1q1 .t1t1 .sep{
	display:none;
}
.cp2learn16 .text1q1 .t1t1:after{content:'/';
	display:inline-block;
	margin:0 .25em;
	color:#777;
	font-weight:100;
	font-family:sans-serif;
	opacity:.5;
}
.cp2learn16 .text1q1 .t1t1:last-child:after{
	opacity:0;
}
.cp2learn16 .text1q1 .b1{
	display:none;
	position:absolute;left:50%;bottom:100%;
	border:0;
	border-radius:9999px;
	background:#ffdc47;
	color:#000;
	font-size:1rem;
	transform:translate(-50%, -10%);
	animation:kf1active2 ease 1s infinite;
}
.cp2learn16 .text1q1 .sn{
	display:inline-flex; /* ☆ */
	justify-content:center;
	align-items:center;
	position:absolute;left:50%;top:0;
	box-sizing:border-box; /* ☆ */
	width:1.75em;
	height:1.75em;
	padding:.125em 0 0;
	border-radius:9999px;
	background:#06c;
	color:#fff;
	font-size:12px;
	letter-spacing:0;
	opacity:0;
	transform:translate(-120%, -15%);
}
.cp2learn16 .text1q1 .on .sn{
	opacity:.5;
}
/* 문제듣기.다시듣기 */
.cp2learn16 .btns3{
	display:none; /* ☆ 다시듣기 없음 */
	position:absolute;
	left:1.3125em; /* (21/16) */
	top:12.875em; /* (206/16) */
	width:7.5em;
}
.cp2learn16 .b1q1play1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	padding:.75em 1.0625em .5625em;
	border:0;
	border-radius:1em;
	/* background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 100% / 500% 200%; */
	background:#888;
	color:#fff;
	white-space:normal;
	overflow:hidden;
	/* text-indent:-9999px; */
}
.cp2learn16 .b1q1replay1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 0 / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
}
/* 캐릭터 */
.cp2learn16 .character1{
	position:absolute;
	left:.5625em; /* (9/16) */
	top:12.4375em; /* (199/16) */
	width:15.75em; /* (504/2/16) */
	height:14.9375em; /* (478/2/16) */
	border-radius:9999px;
	/* background:#ff8e70; */
	overflow:hidden;
}
.cp2learn16 .character1 .p1a1{ /* 모션 */
	position:absolute;
	width:100%;
	height:100%;
}
.cp2learn16 .character1.say .p1a1{ /* 말하는거 */
	background:url(../../img/L1400Inter/c2a3p1a1@2x.png) no-repeat 0 0 / cover;
	/* background-size:900% 100%; */
}
.cp2learn16 .character1.say.on .p1a1{
	animation: kfw1s1 1.27s steps(8) infinite alternate;
}
.cp2learn16 .character1.hear .p1a1{ /* 듣는거 */
	background:url(../../img/L1400Inter/c2a3p1a2@2x.png) no-repeat 0 0 / cover;
	/* background-size:900% 100%; */
}
.cp2learn16 .character1.hear.on .p1a1{
	animation: kfw1s1 1.27s steps(8) infinite alternate;
}
/* [IE11]fix) */
html.IE11 .cp2learn16 .character1[class].on .p1a1{
	animation-direction:normal;
}
/* 정답확인버튼 */
.cp2learn16 .btns4{
	position:absolute;
	left:2.6875em; /* (43/16) */
	top:27.8125em; /* (445/16) */
	width:11.875em; /* (190/16) */
}
.cp2learn16 .b1answer1{
	float:left;
	position:absolute;
	box-sizing:border-box; /* ☆ */
	width:11.875em; /* (190/16) */
	height:3.125em; /* (50/16) */
	margin:0;
	padding:.375em 1.4375em .5em 1em; /* () () (8/16) () */
	border:0;
	background:url(../../img/L0100Phonics/icsw190btns1.png) no-repeat 0 0 / contain;
	color:#222;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	/* text-indent:-9999px; */
}
.cp2learn16 .b1answer1 .t1{
	font-size:1.375em;
	font-family:'S-CoreDream-5Medium';
}
/* (☆) */
.cp2learn16 .cp2record1{
	left:27.4375em; /* (439/16) */
	top:37.5em; /* (600/16) */
}
.cp2learn16 .cp2score1{
	left:54.5625em; /* (873/16) */
	top:19.6875em; /* (315/16) */
}
/* (☆문제진행중.보이기감추기) */
.cp2learn16 .cp2nav1,
.cp2learn16 .b1d1play1,
.cp2learn16 .b1q1play1,
.cp2learn16 .b1q1replay1,
.cp2learn16 .b1answer1{
	visibility:hidden;
	opacity:0;
	transition:.4s;
}
.cp2learn16 .cp2nav1.active.one,
.cp2learn16 .b1d1play1.active.one,
.cp2learn16 .b1q1play1.active.one,
.cp2learn16 .b1q1replay1.active.one,
.cp2learn16 .b1answer1.active.one{
	visibility:visible;
	opacity:1;
	transition:.4s;
}
/* (☆) */
.cp2learn16 .cp2record1{
	left:32em; /* (512/16) */
	top:38.625em; /* (618/16) */
}
.cp2learn16 .cp2score1{
	left:8.3125em; /* (133/16) */
	top:19.625em; /* (314/16) */
}


/* 학습(문장듣기) 20210713 */
.cp2learn17{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:#fff;
}
/* 캐릭터 */
.cp2learn17 .character1{
	position:absolute;
	left:-.125em; /* (-2/16) */
	top:11.6875em; /* (187/16) */
}
.cp2learn17 .character1 .p1a1{ /* 모션.말하는거 */
	position:absolute;
	width:28.25em; /* (904/2/16) */
	height:26.8125em; /* (858/2/16) */
	background:url(../../img/L1400Inter/c2a1p1a1@2x.png) no-repeat 0 0 / cover;
	/* background-size:700% 100%; */
	transform:rotateY(180deg);
}
.cp2learn17 .character1.on .p1a1{
	animation: kfw1s1 1s steps(6) infinite alternate;
}
/* 문제지시 */
.cp2learn17 .text1{
	position:absolute;
	left:38.625em; /* (618/16) */
	top:28.75em; /* (460/16) */
	transform:translateX(-50%);
}
.cp2learn17 .text1 .t1{
	color:#000;
	font-size:2.75em; /* (44/16) */
	font-family:'GmarketSansBold';
	white-space:nowrap;
}
/* 문장듣기.다시듣기.듣기불가 */
.cp2learn17 .btns3{
	position:absolute;
	left:34.875em; /* (558/16) */
	top:19.1875em; /* (307/16) */
	width:7.5em; /* (120/16) */
	height:7.5em;
	/* text-align:center; 이면 자손 크기 결함발생 */
}
.cp2learn17 .b1q1play1{
	float:left; 
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 25% 0 / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
	cursor:default; /* ☆ */
}
.cp2learn17 .b1q1replay1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 0 / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
}
.cp2learn17 .b1q1noplay1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 100% / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
	cursor:default; /* ☆ */
}
/* (☆문제진행중.보이기감추기) */
.cp2learn17 .cp2nav1,
.cp2learn17 .b1d1play1,
.cp2learn17 .b1q1play1,
.cp2learn17 .b1q1replay1,
.cp2learn17 .b1q1noplay1{
	visibility:hidden;
	opacity:0;
	transition:.4s;
}
.cp2learn17 .cp2nav1.active.one,
.cp2learn17 .b1d1play1.active.one,
.cp2learn17 .b1q1play1.active.one,
.cp2learn17 .b1q1replay1.active.one,
.cp2learn17 .b1q1noplay1.active{
	visibility:visible;
	opacity:1;
	transition:.4s;
}


/* 학습(영어 문장과 맞는 한글 뜻) (Frame13_2) 20210805 */
.cp2learn18{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:#fff;
}
.cp2learn18 .em{
	color:#e72c31;
}
/* 문제(문장) */
.cp2learn18 .text1q1{
	position:absolute;
	left:10em; /* (160/16) */
	right:8.75em; /* (140/16) */
	top:13.125em; /* (210/16) */
	text-align:center;
}
.cp2learn18 .text1q1 .t1{
	display:flex; /* ☆ */
	justify-content:center;
	align-items:center;
	height:2.75em;
	color:#333;
	font-size:3.25em; /* (52/16) */
	font-family:'GmarketSansBold';
	line-height:1.375;
	letter-spacing:-.03125em;
	opacity:0;
	animation:kfo1 ease .2s .2s both;
}
.cp2learn18 .text1q1 .em{
	color:#ef2f41;
}
/* 문제보기 */
.cp2learn18 .btns2{
	position:absolute;
	left:3.4375em; /* (55/16) */
	right:8.75em; /* (140/16) */
	top:26.875em; /* (430/16) */
}
.cp2learn18 .btns2 .w1{
	margin:0 0 2.25em; /* (40/16) */
	overflow:hidden;
}
.cp2learn18 .btns2 .t2{
	display:flex; /* ☆ */
	align-items:center;
	height:2.5em;
	color:#333;
	font-size:1.75em; /* (28/16) */
	line-height:1.25;
	font-family:'S-CoreDream-5Medium';
	letter-spacing:-.03125em;
	overflow:hidden;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp2learn18 .btns2 .t2c{} /* ☆ .t2{display:flex;} 표현위해 자식 전체를 감싼다  */
.cp2learn18 .b1example1{
	float:left;
	position:relative;
	width:4em; /* (64/16) */
	height:4em;
	margin:.25em 1em 0 0;
	padding:0 .125em .125em .125em; /* (화면확인) */
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 0 0 / 500% 200%;
	overflow:hidden;
}
.cp2learn18 .b1example1 .t1{
	color:#fff;
	font-size:1.75em; /* (28/16) */
	font-family:'GmarketSansBold';
}
/* ☆ */
.cp2learn18 .b1example1:hover,
.cp2learn18 .b1example1:focus{
	background-position:0 100%;
	text-indent:0;
}
.cp2learn18 .b1example1.on[data-answer='O']{
	background-position:75% 0;
	text-indent:-9999px;
}
.cp2learn18 .b1example1.on[data-answer='X']{
	background-position:100% 0;
	text-indent:-9999px;
}
.cp2learn18 .b1example1.play[class]{ /* 번호에 해당하는 음성 출력중 */
	background-position:25% 0;
	text-indent:-9999px;
}
.cp2learn18 .b1example1.disabled{
	cursor:not-allowed;
}
/* 문제듣기.다시듣기 */
.cp2learn18 .btns3{
	position:absolute;
	left:1.3125em; /* (21/16) */
	top:13.875em; /* (222/16) */
	width:7.5em; /* (120/16) */
	height:7.5em;
	/* text-align:center; 이면 자손 크기 결함발생 */
}
.cp2learn18 .b1q1play1,
.cp2learn18 .b1q2play1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	padding:.75em 1.0625em .5625em;
	border:0;
	border-radius:1em;
	/* background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 100% / 500% 200%; */
	background:#888;
	color:#fff;
	white-space:normal;
	overflow:hidden;
	/* text-indent:-9999px; */
}
.cp2learn18 .b1q1replay1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 0 / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
}
/* (☆문제진행중.보이기감추기) */
.cp2learn18 .cp2nav1,
.cp2learn18 .b1d1play1,
.cp2learn18 .b1q1play1,
.cp2learn18 .b1q1replay1{
	visibility:hidden;
	opacity:0;
	transition:.4s;
}
.cp2learn18 .cp2nav1.active.one,
.cp2learn18 .b1d1play1.active.one,
.cp2learn18 .b1q1play1.active.one,
.cp2learn18 .b1q1replay1.active.one{
	visibility:visible;
	opacity:1;
	transition:.4s;
}


/* 학습(AI 질문에 답하기) (Frame9) 20210810 */
.cp2learn19{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:#fff;
}
/* 캐릭터 */
.cp2learn19 .character1{
	position:absolute;
	left:-11.6875em; /* (-187/16) */
	top:.8125em; /* (13/16) */
}
.cp2learn19 .character1 .p1a1{ /* 모션 */
	position:absolute;
	width:34.125em; /* ((1093-1)/2/16) */
	height:48.3125em; /* (1546/2/16) */
	transform:rotateY(180deg);
}
.cp2learn19 .character1.say .p1a1{ /* 말하는거 */
	background:url(../../img/L1400Inter/c2a2p1a1@2x.png) no-repeat 0 0 / cover;
	/* background-size:700% 100%; */
}
.cp2learn19 .character1.say.on .p1a1{
	animation: kfw1s1 1s steps(6) infinite alternate;
}
.cp2learn19 .character1.hear .p1a1{ /* 듣는거 */
	background:url(../../img/L1400Inter/c2a2p1a2@2x.png) no-repeat 0 0 / cover;
	/* background-size:700% 100%; */
}
.cp2learn19 .character1.hear.on .p1a1{
	animation: kfw1s1 1s steps(6) infinite alternate;
}
/* ☆.man */
.cp2learn19 .character1.man{
	position:absolute;
	left:-3.0625em; /* (-49/16) */
	top:9.8125em; /* (157/16) */
}
.cp2learn19 .character1.man .p1a1{ /* 모션 */
	position:absolute;
	width:21.875em; /* ((700)/2/16) */
	height:36.375em; /* (1164/2/16) */
	transform:rotateY(180deg);
}
.cp2learn19 .character1.man.say .p1a1{ /* 말하는거 */
	background:url(../../img/L1400Inter/c3a2p1a1@2x.png) no-repeat 0 0 / cover;
	/* background-size:700% 100%; */
}
.cp2learn19 .character1.man.say.on .p1a1{
	animation: kfw1s1 1s steps(6) infinite alternate;
}
.cp2learn19 .character1.man.hear .p1a1{ /* 듣는거 */
	background:url(../../img/L1400Inter/c3a2p1a2@2x.png) no-repeat 0 0 / cover;
	/* background-size:700% 100%; */
}
.cp2learn19 .character1.man.hear.on .p1a1{
	animation: kfw1s1 1s steps(6) infinite alternate;
}
/* 문제(질문) */
.cp2learn19 .text1q1{
	position:absolute;
	left:17em; /* (272/16) */
	top:10.3125em; /* (165/16) */
	box-sizing:border-box; /* ☆ */
	max-width:33em; /* (528/16) */
	padding:1.25em 2em;
	border-radius:1.875em; /* (30/16) */
	background:#3aaf59 url(../../img/L0100Phonics/b1tbg3.png) no-repeat 0 0 / 100% 100%;
	text-align:left;
	word-wrap:break-word;
	word-break:keep-all;
	box-shadow:0 .25em 0 0 rgba(0,0,0, .13);
}
.cp2learn19 .text1q1:before{content:'';display:inline-block; /* 우상코너삼각 */
	position:absolute;
	right:100%;
	top:1.9375em; /* (31/16) */
	width:0;height:0;
	border:0 solid transparent;
	border-width:0 .875em .875em 0; /* (14/16) */
	border-right-color:#3aaf59;
}
.cp2learn19 .text1q1 .t1{
	display:block;
	min-height:1.5em;
	max-height:3em;
	color:#fff;
	font-size:1.375em; /* (22/16) */
	font-family:'GmarketSansMedium';
	letter-spacing:-.03125em;
	opacity:0;
	animation:kfo1 ease .2s .2s both;
}
.cp2learn19 .text1q1 .t2{
	display:block;
	height:1.5em;
	color:#fff;
	font-size:1.125em; /* (18/16) */
	font-family:'S-CoreDream-5Medium';
	line-height:1.375;
	letter-spacing:-.03125em;
	opacity:0;
	/* animation:kfo1 ease .2s .2s both; 초기에는 감추기에 주석처리 */
}
/* 문제듣기.다시듣기 */
.cp2learn19 .btns3{
	position:absolute;
	left:calc(100% + 1.5em);
	top:50%;
	width:6em; /* (96/16) */
	height:6em;
	margin:.3125em 0 0;
	transform:translate(0, -50%); /* [IE11]bug) translate(0, calc(-50% + .3125em) */
}
.cp2learn19 .b1q1play1{
	float:left;
	position:absolute;
	width:100%;
	height:100%;
	margin:0;
	padding:.75em 1.0625em .5625em;
	border:0;
	border-radius:1em;
	/* background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 100% / 500% 200%; */
	background:#888;
	color:#fff;
	white-space:normal;
	overflow:hidden;
	/* text-indent:-9999px; */
}
.cp2learn19 .b1q1replay1{
	float:left;
	position:absolute;
	width:100%;
	height:100%;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 0 / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
}
/* 스토리이미지 */
.cp2learn19 .story1{
	position:absolute;
	left:42em; /* (672/16) */
	top:19.9375em; /* (319/16) */
	width:14.0625em; /* (225/16) */
	height:9.0625em; /* (145/16) */
	border-radius:.5625em; /* (9/16) */
	overflow:hidden;
}
.cp2learn19 .story1 .p1{
	width:100%;
	height:100%;
}
.cp2learn19 .story1 img{
	width:100%;
	height:auto;
	min-height:100%;
	object-fit:cover;
}
html.object-fit .cp2learn19 .story1 img{
	height:100%;
}
/* 캐릭터.학생 */
.cp2learn19 .character2{
	position:absolute;
	left:41em; /* (656/16) */
	top:17.1875em; /* (275/16) */
	width:15.75em; /* (504/2/16) */
	height:14.9375em; /* (478/2/16) */
	border-radius:9999px;
	/* background:#ff8e70; */
	overflow:hidden;
}
.cp2learn19 .character2 .p1a1{ /* 모션 */
	position:absolute;
	width:100%;
	height:100%;
}
.cp2learn19 .character2.say .p1a1{ /* 말하는거 */
	background:url(../../img/L1900Upper/c2a4p1a1@2x.png) no-repeat 0 0 / cover;
	/* background-size:900% 100%; */
}
.cp2learn19 .character2.say.on .p1a1{
	animation: kfw1s1 1s steps(6) infinite alternate;
}
.cp2learn19 .character2.hear .p1a1{ /* 듣는거 */
	background:url(../../img/L1900Upper/c2a4p1a2@2x.png) no-repeat 0 0 / cover;
	/* background-size:900% 100%; */
}
.cp2learn19 .character2.hear.on .p1a1{
	animation: kfw1s1 1s steps(6) infinite alternate;
}
/* [IE11]fix) */
html.IE11 .cp2learn19 .character2[class].on .p1a1{
	animation-direction:normal;
}
/* 문제(답변) */
.cp2learn19 .text1a1{
	position:absolute;
	right:23.5625em; /* (377/16) */
	top:20.4375em; /* (327/16) */
	box-sizing:border-box; /* ☆ */
	max-width:22.9375em; /* (367/16) */
	padding:1.25em 2em;
	border-radius:1.875em; /* (30/16) */
	background:#3aaf59 url(../../img/L0100Phonics/b1tbg3.png) no-repeat 0 0 / 100% 100%;
	text-align:left;
	word-wrap:break-word;
	word-break:keep-all;
	box-shadow:0 .25em 0 0 rgba(0,0,0, .13);
}
.cp2learn19 .text1a1:before{content:'';display:inline-block; /* 좌상코너삼각 */
	position:absolute;
	left:100%;
	top:1.9375em; /* (31/16) */
	width:0;height:0;
	border:0 solid transparent;
	border-width:0 0 .875em .875em; /* (14/16) */
	border-left-color:#3aaf59;
}
.cp2learn19 .text1a1 .t1{
	display:block;
	color:#f7fe83;
	font-size:1.3125em; /* (21/16) */
	font-family:'GmarketSansBold';
	letter-spacing:-.03125em;
}
/* 정답확인버튼 */
.cp2learn19 .btns4{
	position:absolute;
	left:43em; /* (688/16) */
	top:32.125em; /* (514/16) */
	width:11.875em; /* (190/16) */
}
.cp2learn19 .b1answer1{
	float:left;
	position:absolute;
	box-sizing:border-box; /* ☆ */
	width:11.875em; /* (190/16) */
	height:3.125em; /* (50/16) */
	margin:0;
	padding:.3125em 1.4375em .4375em 1em; /* (화면확인) */
	border:0;
	background:url(../../img/L0100Phonics/icsw190btns1.png) no-repeat 0 0 / contain;
	color:#222;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	/* text-indent:-9999px; */
}
.cp2learn19 .b1answer1 .t1{
	font-size:1.375em;
	font-family:'S-CoreDream-5Medium';
}
/* (☆) */
.cp2learn19 .cp2record1{
	left:32em; /* (512/16) */
	top:39.5625em; /* (633/16) */
}
.cp2learn19 .cp2score1{
	left:48.75em; /* (780/16) */
	top:24.375em; /* (390/16) */
}
.cp2learn19 .cp2direction1 .t1{
	font-size:1.3125em;
}
/* (☆문제진행중.보이기감추기) */
.cp2learn19 .cp2nav1,
.cp2learn19 .b1d1play1,
.cp2learn19 .b1q1play1,
.cp2learn19 .b1q1replay1,
.cp2learn19 .b1answer1{
	visibility:hidden;
	opacity:0;
	transition:.4s;
}
.cp2learn19 .cp2nav1.active.one,
.cp2learn19 .b1d1play1.active.one,
.cp2learn19 .b1q1play1.active.one,
.cp2learn19 .b1q1replay1.active.one,
.cp2learn19 .b1answer1.active.one{
	visibility:visible;
	opacity:1;
	transition:.4s;
}


/* 학습(AI에게 질문하기) (Frame14) 20210722 */
.cp2learn20{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:#fff;
}
/* 스토리이미지 */
.cp2learn20 .story1{
	position:absolute;
	left:1.25em; /* (20/16) */
	top:9.8125em; /* (157/16) */
	width:14.0625em; /* (225/16) */
	height:9.0625em; /* (145/16) */
	border-radius:.5625em; /* (9/16) */
	overflow:hidden;
}
.cp2learn20 .story1 .p1{
	width:100%;
	height:100%;
}
.cp2learn20 .story1 img{
	width:100%;
	height:auto;
	min-height:100%;
	object-fit:cover;
}
html.object-fit .cp2learn2 .story1 img{
	height:100%;
}
/* 캐릭터.학생 */
.cp2learn20 .character2{
	position:absolute;
	left:.375em; /* (6/16) */
	top:8.125em; /* (130/16) */
	width:15.75em; /* (504/2/16) */
	height:14.9375em; /* (478/2/16) */
	border-radius:9999px;
	/* background:#ff8e70; */
	overflow:hidden;
}
.cp2learn20 .character2 .p1a1{ /* 모션 */
	position:absolute;
	width:100%;
	height:100%;
}
.cp2learn20 .character2.say .p1a1{ /* 말하는거 */
	background:url(../../img/L1900Upper/c2a4p1a1@2x.png) no-repeat 0 0 / cover;
	/* background-size:900% 100%; */
}
.cp2learn20 .character2.say.on .p1a1{
	animation: kfw1s1 1s steps(6) infinite alternate;
}
.cp2learn20 .character2.hear .p1a1{ /* 듣는거 */
	background:url(../../img/L1900Upper/c2a4p1a2@2x.png) no-repeat 0 0 / cover;
	/* background-size:900% 100%; */
}
.cp2learn20 .character2.hear.on .p1a1{
	animation: kfw1s1 1s steps(6) infinite alternate;
}
/* [IE11]fix) */
html.IE11 .cp2learn20 .character2[class].on .p1a1{
	animation-direction:normal;
}
/* 문제(질문) */
.cp2learn20 .text1a1{
	position:absolute;
	left:17.25em; /* (276/16) */
	top:10.25em; /* (164/16) */
	box-sizing:border-box; /* ☆ */
	max-width:22.9375em; /* (367/16) */
	padding:1.25em 2em;
	border-radius:1.875em; /* (30/16) */
	background:#649b37 url(../../img/L0600Elem/b1tbg3.png) no-repeat 0 0 / 100% 100%;
	text-align:left;
	word-wrap:break-word;
	word-break:keep-all;
	box-shadow:0 .25em 0 0 rgba(0,0,0, .13);
}
.cp2learn20 .text1a1:before{content:'';display:inline-block; /* 우상코너삼각 */
	position:absolute;
	right:100%;
	top:1.9375em; /* (31/16) */
	width:0;height:0;
	border:0 solid transparent;
	border-width:0 .875em .875em 0; /* (14/16) */
	border-right-color:#649b37;
}
.cp2learn20 .text1a1 .t1{
	display:block;
	color:#f7fe83;
	font-size:1.3125em; /* (21/16) */
	font-family:'GmarketSansBold';
	letter-spacing:-.03125em;
}
/* 캐릭터 */
.cp2learn20 .character1{
	position:absolute;
	left:38.125em; /* (610/16) */
	top:-2.8125em; /* (-45/16) */
}
.cp2learn20 .character1 .p1a1{ /* 모션 */
	position:absolute;
	width:34.125em; /* ((1093-1)/2/16) */
	height:48.3125em; /* (1546/2/16) */
}
.cp2learn20 .character1.say .p1a1{ /* 말하는거 */
	background:url(../../img/L1400Inter/c2a2p1a1@2x.png) no-repeat 0 0 / cover;
	/* background-size:700% 100%; */
}
.cp2learn20 .character1.say.on .p1a1{
	animation: kfw1s1 1s steps(6) infinite alternate;
}
.cp2learn20 .character1.hear .p1a1{ /* 듣는거 */
	background:url(../../img/L1400Inter/c2a2p1a2@2x.png) no-repeat 0 0 / cover;
	/* background-size:700% 100%; */
}
.cp2learn20 .character1.hear.on .p1a1{
	animation: kfw1s1 1s steps(6) infinite alternate;
}
/* 문제(답변) */
.cp2learn20 .text1q1{
	position:absolute;
	right:16.6875em; /* (267/16) */
	top:20em; /* (320/16) */
	box-sizing:border-box; /* ☆ */
	max-width:23.75em; /* (380/16) */
	padding:1.25em 2em;
	border-radius:1.875em; /* (30/16) */
	background:#649b37 url(../../img/L0600Elem/b1tbg3.png) no-repeat 0 0 / 100% 100%;
	text-align:left;
	word-wrap:break-word;
	word-break:keep-all;
	box-shadow:0 .25em 0 0 rgba(0,0,0, .13);
}
.cp2learn20 .text1q1:before{content:'';display:inline-block; /* 좌상코너삼각 */
	position:absolute;
	left:100%;
	top:1.9375em; /* (31/16) */
	width:0;height:0;
	border:0 solid transparent;
	border-width:0 0 .875em .875em; /* (14/16) */
	border-left-color:#649b37;
}
.cp2learn20 .text1q1 .t1{
	display:block;
	min-height:1.5em;
	max-height:4.5em;
	color:#fff;
	font-size:1.375em; /* (22/16) */
	font-family:'GmarketSansMedium';
	letter-spacing:-.03125em;
	opacity:0;
	animation:kfo1 ease .2s .2s both;
}
.cp2learn20 .text1q1 .t2{
	display:block;
	height:1.5em;
	color:#fff;
	font-size:1.125em; /* (18/16) */
	font-family:'S-CoreDream-5Medium';
	line-height:1.375;
	letter-spacing:-.03125em;
	opacity:0;
	/* animation:kfo1 ease .2s .2s both; 초기에는 감추기에 주석처리 */
}
/* 문제듣기.다시듣기 */
.cp2learn20 .btns3{
	position:absolute;
	right:calc(100% + 1.5em);
	top:50%;
	width:6em; /* (96/16) */
	height:6em;
	margin:.3125em 0 0;
	transform:translate(0, -50%); /* [IE11]bug) translate(0, calc(-50% + .3125em) */
}
.cp2learn20 .b1q1play1{
	float:left;
	position:absolute;
	width:100%;
	height:100%;
	margin:0;
	padding:.75em 1.0625em .5625em;
	border:0;
	border-radius:1em;
	/* background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 100% / 500% 200%; */
	background:#888;
	color:#fff;
	white-space:normal;
	overflow:hidden;
	/* text-indent:-9999px; */
}
.cp2learn20 .b1q1replay1{
	float:left;
	position:absolute;
	width:100%;
	height:100%;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 0 / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
}
/* 정답확인버튼 */
.cp2learn20 .btns4{
	position:absolute;
	left:2.6875em; /* (43/16) */
	top:23.1875em; /* (371/16) */
	width:11.875em; /* (190/16) */
}
.cp2learn20 .b1answer1{
	float:left;
	position:absolute;
	box-sizing:border-box; /* ☆ */
	width:11.875em; /* (190/16) */
	height:3.125em; /* (50/16) */
	margin:0;
	padding:.3125em 1.4375em .4375em 1em; /* (화면확인) */
	border:0;
	background:url(../../img/L0100Phonics/icsw190btns1.png) no-repeat 0 0 / contain;
	color:#222;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	/* text-indent:-9999px; */
}
.cp2learn20 .b1answer1 .t1{
	font-size:1.375em;
	font-family:'S-CoreDream-5Medium';
}
/* (☆) */
.cp2learn20 .cp2record1{
	left:32em; /* (512/16) */
	top:38.9375em; /* (623/16) */
}
.cp2learn20 .cp2score1{
	left:8.4375em; /* (135/16) */
	top:14.9375em; /* (239/16) */
}
.cp2learn20 .cp2direction1 .t1{
	font-size:1.3125em;
}
/* (☆문제진행중.보이기감추기) */
.cp2learn20 .cp2nav1,
.cp2learn20 .b1d1play1,
.cp2learn20 .b1q1play1,
.cp2learn20 .b1q1replay1,
.cp2learn20 .b1answer1{
	visibility:hidden;
	opacity:0;
	transition:.4s;
}
.cp2learn20 .cp2nav1.active.one,
.cp2learn20 .b1d1play1.active.one,
.cp2learn20 .b1q1play1.active.one,
.cp2learn20 .b1q1replay1.active.one,
.cp2learn20 .b1answer1.active.one{
	visibility:visible;
	opacity:1;
	transition:.4s;
}


/* ◇◆ Upper ◇◆◇◆◇◆◇◆◇◆ */


/* 학습(단어뜻) 20210720 */
.cp2learn21{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:#fff;
}
/* 문제(단어) */
.cp2learn21 .text1q1{
	position:absolute;
	left:17.5em; /* (280/16) */
	right:12.8125em; /* (205/16) */
	top:14.75em; /* (236/16) */
	height:1px;
	/* background:#e00; */
	text-align:center;
}
.cp2learn21 .text1q1 .t1{
	display:flex; /* ☆ */
	justify-content:center;
	height:1.25em;
	color:#333;
	font-size:4.375em; /* (70/16) */
	font-family:'GmarketSansBold';
	line-height:1.25;
	letter-spacing:-.03125em;
	opacity:0;
	animation:kfo1 ease .2s .2s both;
}
.cp2learn21 .text1q1 .em{
	color:#ef2f41;
}
/* 문제보기 */
.cp2learn21 .btns2{
	position:absolute;
	left:5.625em; /* (90/16) */
	top:26.25em; /* (420/16) */
}
.cp2learn21 .b1example1{
	display:inline-block;
	position:relative;
	width:23.125em; /* (370/16) */
	height:6.25em; /* (100/16) */
	margin:0 .75em .75em 0; /* (12/16) (12/16) */
	padding:0 .625em .625em .625em; /* (10/16) */
	border:0;
	background:url(../../img/L1400Inter/icsw370btns1.png) no-repeat 0 0 / 200% 300%;
	overflow:hidden;
}
.cp2learn21 .b1example1 .t1{
	color:#fff;
	font-size:1.6875em; /* (27/16) */
	font-family:'S-CoreDream-6Bold';
}
.cp2learn21 .b1example1 .t1t2{
	font-size:.815em; /* (22/27) */
}
/* ☆ */
.cp2learn21 .b1example1:hover,
.cp2learn21 .b1example1:focus{
	background-position:100% 0;
	text-indent:0;
}
.cp2learn21 .b1example1.on[data-answer='O']{
	background-position:0 50%;
	text-indent:-9999px;
}
.cp2learn21 .b1example1.on[data-answer='X']{
	background-position:0 100%;
	text-indent:-9999px;
}
/* 문제듣기.다시듣기 */
.cp2learn21 .btns3{
	position:absolute;
	left:7.6875em; /* (123/16) */
	top:12.875em; /* (206/16) */
	width:7.5em;
}
.cp2learn21 .b1q1play1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	padding:.75em 1.0625em .5625em;
	border:0;
	border-radius:1em;
	/* background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 100% / 500% 200%; */
	background:#888;
	color:#fff;
	white-space:normal;
	overflow:hidden;
	/* text-indent:-9999px; */
}
.cp2learn21 .b1q1replay1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 0 / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
}
/* (☆문제진행중.보이기감추기) */
.cp2learn21 .cp2nav1,
.cp2learn21 .b1d1play1,
.cp2learn21 .b1q1play1,
.cp2learn21 .b1q1replay1{
	visibility:hidden;
	opacity:0;
	transition:.4s;
}
.cp2learn21 .cp2nav1.active.one,
.cp2learn21 .b1d1play1.active.one,
.cp2learn21 .b1q1play1.active.one,
.cp2learn21 .b1q1replay1.active.one{
	visibility:visible;
	opacity:1;
	transition:.4s;
}


/* 학습(영어문장 듣고 맞는 한글 뜻 찾기) (Frame15) 20210805 */
.cp2learn22{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:#fff;
}
.cp2learn22 .em{
	color:#e72c31;
}
/* 캐릭터 */
.cp2learn22 .character1{
	position:absolute;
	left:1.9375em; /* (31/16) */
	top:9em; /* (144/16) */
}
.cp2learn22 .character1 .p1a1{ /* 모션.말하는거 */
	position:absolute;
	width:25.05775em; /* (904/2/16)*.887 */
	height:23.7826875em; /* (858/2/16)*.887 */
	background:url(../../img/L1400Inter/c2a1p1a1@2x.png) no-repeat 0 0 / cover;
	/* background-size:700% 100%; */
	transform:rotateY(180deg);
}
.cp2learn22 .character1.on .p1a1{
	animation: kfw1s1 1s steps(6) infinite alternate;
}
/* 문제보기 */
.cp2learn22 .btns2{
	position:absolute;
	left:3.4375em; /* (55/16) */
	right:8.75em; /* (140/16) */
	top:34.375em; /* (550/16) */
}
.cp2learn22 .btns2 .w1{
	margin:0 0 2.25em; /* (40/16) */
	overflow:hidden;
}
.cp2learn22 .btns2 .t2{
	display:flex; /* ☆ */
	align-items:center;
	height:2.5em;
	color:#333;
	font-size:1.75em; /* (28/16) */
	line-height:1.25;
	font-family:'S-CoreDream-5Medium';
	letter-spacing:-.03125em;
	overflow:hidden;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp2learn22 .btns2 .t2c{} /* ☆ .t2{display:flex;} 표현위해 자식 전체를 감싼다  */
.cp2learn22 .b1example1{
	float:left;
	position:relative;
	width:4em; /* (64/16) */
	height:4em;
	margin:.25em 1em 0 0;
	padding:0 .125em .125em .125em; /* (화면확인) */
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 0 0 / 500% 200%;
	overflow:hidden;
}
.cp2learn22 .b1example1 .t1{
	color:#fff;
	font-size:1.75em; /* (28/16) */
	font-family:'GmarketSansBold';
}
/* ☆ */
.cp2learn22 .b1example1:hover,
.cp2learn22 .b1example1:focus{
	background-position:0 100%;
	text-indent:0;
}
.cp2learn22 .b1example1.on[data-answer='O']{
	background-position:75% 0;
	text-indent:-9999px;
}
.cp2learn22 .b1example1.on[data-answer='X']{
	background-position:100% 0;
	text-indent:-9999px;
}
.cp2learn22 .b1example1.play[class]{ /* 번호에 해당하는 음성 출력중 */
	background-position:25% 0;
	text-indent:-9999px;
}
.cp2learn22 .b1example1.disabled{
	cursor:not-allowed;
}
/* 문장듣기.다시듣기.듣기불가 */
.cp2learn22 .btns3{
	position:absolute;
	left:28.125em; /* (450/16) */
	top:17.4375em; /* (279/16) */
	width:7.5em; /* (120/16) */
	height:7.5em;
	/* text-align:center; 이면 자손 크기 결함발생 */
}
.cp2learn22 .b1q1play1{
	float:left; 
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 25% 0 / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
	cursor:default; /* ☆ */
}
.cp2learn22 .b1q1replay1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 0 / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
}
.cp2learn22 .b1q1noplay1{
	float:left;
	position:absolute;
	width:7.5em; /* (120/16) */
	height:7.5em;
	margin:0;
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 50% 100% / 500% 200%;
	overflow:hidden;
	text-indent:-9999px;
	cursor:default; /* ☆ */
}
/* (☆문제진행중.보이기감추기) */
.cp2learn22 .cp2nav1,
.cp2learn22 .b1d1play1,
.cp2learn22 .b1q1play1,
.cp2learn22 .b1q1replay1,
.cp2learn22 .b1q1noplay1{
	visibility:hidden;
	opacity:0;
	transition:.4s;
}
.cp2learn22 .cp2nav1.active.one,
.cp2learn22 .b1d1play1.active.one,
.cp2learn22 .b1q1play1.active.one,
.cp2learn22 .b1q1replay1.active.one,
.cp2learn22 .b1q1noplay1.active{
	visibility:visible;
	opacity:1;
	transition:.4s;
}


/* 학습(단어 뜻을 문장에서 찾기) (Frame16) 20210818 */
.cp2learn25{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:#fff;
}
.cp2learn25 .em{
	color:#e72c31;
}
/* 문제(문장) */
.cp2learn25 .text1q1{
	position:absolute;
	left:3.4375em; /* (55/16) */
	right:8.75em; /* (140/16) */
	top:13.125em; /* (210/16) */
	text-align:center;
}
.cp2learn25 .text1q1 .t1{
	display:flex; /* ☆ */
	justify-content:center;
	align-items:center;
	height:2.75em;
	color:#333;
	font-size:3.25em; /* (52/16) */
	font-family:'GmarketSansBold';
	line-height:1.375;
	letter-spacing:-.03125em;
	opacity:0;
	animation:kfo1 ease .2s .2s both;
}
.cp2learn25 .text1q1 .em{
	color:#ef2f41;
}
/* 문제보기 */
.cp2learn25 .btns2{
	position:absolute;
	left:3.4375em; /* (55/16) */
	right:8.75em; /* (140/16) */
	top:26.875em; /* (430/16) */
}
.cp2learn25 .btns2 .w1{
	margin:0 0 2.25em; /* (40/16) */
	overflow:hidden;
}
.cp2learn25 .btns2 .t2{
	display:flex; /* ☆ */
	align-items:center;
	height:2.5em;
	color:#333;
	font-size:1.75em; /* (28/16) */
	line-height:1.25;
	font-family:'S-CoreDream-5Medium';
	letter-spacing:-.03125em;
	overflow:hidden;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp2learn25 .btns2 .t2c{} /* ☆ .t2{display:flex;} 표현위해 자식 전체를 감싼다  */
.cp2learn25 .b1example1{
	float:left;
	position:relative;
	width:4em; /* (64/16) */
	height:4em;
	margin:.25em 1em 0 0;
	padding:0 .125em .125em .125em; /* (화면확인) */
	border:0;
	background:url(../../img/L0100Phonics/ics120btns1.png) no-repeat 0 0 / 500% 200%;
	overflow:hidden;
}
.cp2learn25 .b1example1 .t1{
	color:#fff;
	font-size:1.75em; /* (28/16) */
	font-family:'GmarketSansBold';
}
/* ☆ */
.cp2learn25 .b1example1:hover,
.cp2learn25 .b1example1:focus{
	background-position:0 100%;
	text-indent:0;
}
.cp2learn25 .b1example1.on[data-answer='O']{
	background-position:75% 0;
	text-indent:-9999px;
}
.cp2learn25 .b1example1.on[data-answer='X']{
	background-position:100% 0;
	text-indent:-9999px;
}
.cp2learn25 .b1example1.play[class]{ /* 번호에 해당하는 음성 출력중 */
	background-position:25% 0;
	text-indent:-9999px;
}
.cp2learn25 .b1example1.disabled{
	cursor:not-allowed;
}
/* (☆문제진행중.보이기감추기) */
.cp2learn25 .cp2nav1,
.cp2learn25 .b1d1play1{
	visibility:hidden;
	opacity:0;
	transition:.4s;
}
.cp2learn25 .cp2nav1.active.one,
.cp2learn25 .b1d1play1.active.one{
	visibility:visible;
	opacity:1;
	transition:.4s;
}


/* ◇◆ Text7 ◇◆◇◆◇◆◇◆◇◆ */


/* 진행단계(탭) 20210720 */
.cp2process4{
	z-index:10; /* ☆ */
	position:fixed;
	right:1em;
	bottom:1.5em;
	text-align:center;
}
.cp2process4:before{content:''; /*│*/
	display:block;
	position:absolute;left:50%;top:0;bottom:0;
	width:.375em;
	margin:1.25em -.1875em;
	background:#e7e7e7;
}
/* (☆) */
.cp2process4 .tabs{
	position:relative;
}
.cp2process4 .tabs .ul1{
	list-style:none;margin:0;padding:0;
}
.cp2process4 .tabs .li1{}
.cp2process4 .tabs .li1~.li1{
	margin:1.875em 0 0; /* (30/16) */
}
.cp2process4 .tabs .a1{
	display:flex; /* ☆ */
	justify-content:center;
	align-items:center;
	position:relative;
	width:2.8125em; /* (45/16) */
	height:2.8125em;
	margin:auto;
	border-radius:9999px;
	background:#bbb;
	overflow:hidden;
}
.cp2process4 .tabs .t1{
	display:block;
	width:5em;
	color:#fff;
	font-size:1.3125em;  /* (21/16) */
	font-family:'GmarketSansBold';
	line-height:1.25;
}
.cp2process4 .tabs .t1t1{
	display:inline;
}
.cp2process4 .tabs .t1t2{
	display:none;
}
.cp2process4 .tabs .ic1{
	position:absolute;
}
/* (☆) */
.cp2process4 .tabs .on .a1{
	width:6.125em; /* (98/16) */
	height:6.125em; /* (98/16) */
	background:url(../../img/L2500Text7/b1tbg5on.png) no-repeat 50% 50% / contain;
}
.cp2process4 .tabs .on .t1{
	color:#222;
	font-size:1.0625em; /* (17/16) */
}
.cp2process4 .tabs .on .t1t2{
	display:inline;
}


/* 최종학습결과.오늘의복습 20210812 */
.cp2today1review1{
	z-index:10; /* ☆ */
	display:flex; /* ☆ */
	align-items:center;
	align-content:center;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:51.875em; /* (830/16) */
	height:8.4375em;
	margin:2.25em auto 1.375em;
	padding:2em 1em 1em;
	border-radius:1em;
	background:#f1f1f1;
	text-align:left;
}
.cp2today1review1 .tt1{
	display:inline-block;
	position:absolute;left:1em;top:-.875em;
	padding:.25em 1.25em.125em;
	border-radius:9999px;
	background:#006737;
	color:#fff;
	font-family:'GmarketSansBold';
	font-size:1.25em;
}
.cp2today1review1 .lst1{
	flex:auto;
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
	list-style:none;margin:0;padding:0;
	color:#333;
	font-family:'GmarketSansBold';
	font-size:1.875em;
}
.cp2today1review1 .li1{}
/* ☆.type2 */
.cp2today1review1.type2{
	width:57.125em; /* (914/16) */
	padding:2em 2em 1em;
	border-radius:0;
}
.cp2today1review1.type2 .lst1{
	justify-content:flex-start;
	font-family:'GmarketSansMedium';
	font-size:1.0625em;
}
.cp2today1review1.type2 .li1{
	width:100%;
}


/* ◇◆ Text8 ◇◆◇◆◇◆◇◆◇◆ */



/* 20210629. 여기서 스타일 추가하다가 관리가 곤란하면 CSS 파일 분리하자! */



/* ◇◆ Components Library ◇◆◇◆◇◆◇◆◇◆ */



/* ContentBlockName YYYYMMDD.Writer ◇◆ */



/* RWD ◇◆◇◆ */
/* ◇◆ */
@media all and (max-width:767px){
}
/* ◇◆ */
@media all and (min-width:768px){
}
/* ◇◆ */
@media all and (min-width:1000px){
}
/* ◇◆ */
@media all and (min-width:1260px){
}


/* @keyframes ◇◆◇◆ */
@keyframes kfw1s1{
	100% {background-position:100%;}
}
@keyframes kfo1{
	100% {opacity:1;}
}
@keyframes kf1active1{
	50% {box-shadow:inset 0 0 999px 0 rgba(0,0,0, .6);}
}
@keyframes kf1active2{
	50% {background:#f90;}
}