@charset "utf-8";

/** 4학년 국어 **/

.sk_ex023_p_01 .touch {right:25%;top:54%;}

.sk_ex023_p_02 .touch01 {right:42%;top:29%;}
.sk_ex023_p_02 .audio {right:10%;top:14%;}
.sk_ex023_p_02 .close {right:-3px;top:-13px;}

.sk_ex023_p_03 .touch-quiz {z-index:1;position:absolute;right:15%;top:10%;}
.sk_ex023_p_03 .touch-ans01 {right:14%;top:-17%;}
.sk_ex023_p_03 .touch-ans02 {right:9%;top:4%;}

.sk_ex023_p_04  .touch01 {left:47%;top:49%;}
.sk_ex023_p_04 .audio {left:4%;top:10%;}
.sk_ex023_p_04 .touch-next {right:-3%;top:3%;}

.sk_ex023_p_05  .touch01 {left:63%;top:4%;}
.sk_ex023_p_05  .touch02 {left:77%;top:10%;}

.sk_ex023_p_06 .drag-hand {left:70%;top:30%;position:absolute;z-index:10;}
.sk_ex023_p_06 .touch-next {right:5%;bottom:18%;}

.sk_ex023_p_06 .drag-group {position:absolute;left:50%;top:26.625%;width:45%;z-index:5;}
.sk_ex023_p_06 .drag-group.iphone {width:44.5%;}
.sk_ex023_p_06 .drag-group > div {float:left;width:33.3333%;}
.sk_ex023_p_06 .drag-group > div img {width:100%;}
.sk_ex023_p_06 .drag-area {position:absolute;left:71.875%;top:44.5%;width:15%;height:7.5%;text-align:center}
.sk_ex023_p_06 .drag-area.iphone {width:14.5%;left:71%;}
.sk_ex023_p_06 .drag-area > div {width:100%;height:100%;}

.sk_ex023_p_06 .scroll-left-wrap {width:43.75%;top:13%;bottom:14%;}
.sk_ex023_p_06 .scroll-left-wrap.iphone {width:43%;top:13%;bottom:14%;left:1%;}
.sk_ex023_p_06 .ico-scroll {left:25%;}


@media screen and (max-width:900px) {
	.sk_ex023_p_06 .drag-area {top:43.5%;}
}

.sk_ex023_p_09 .touch-next {right:-3%;top:3%;}

/** 4학년 수학 **/

.sm_ex024_p_01 .touch {right:25%;top:38%;}

.sm_ex024_p_02 .touch01 {right:42%;top:32%;}
.sm_ex024_p_02 .audio {right:10%;top:14%;}
.sm_ex024_p_02 .close {right:-3px;top:-13px;}

.sm_ex024_p_03 .touch01 {left:45%;top:50%;} 
.sm_ex024_p_03 .audio {left:5%;top:11%;}
.sm_ex024_p_03 .touch-next {right:-3%;top:3%;}

.sm_ex024_p_04 .touch01 {top:15%;left:31%;}

.sm_ex024_p_05 .drag-hand {top:57%;left:73%;position:absolute;z-index:10;}
.sm_ex024_p_05 .touch-next {right:5%;bottom:18%;}

.sm_ex024_p_05 .drag-group {position:absolute;left:72.5781%;top:44.125%;width:11.7187%;z-index:5;}
.sm_ex024_p_05 .drag-group > div {width:100%;}
.sm_ex024_p_05 .drag-group > div img {width:100%;}
.sm_ex024_p_05 .drag-area {position:absolute;left:29.0625%;top:52.625%;width:11.7187%;height:10%;text-align:center}
.sm_ex024_p_05 .drag-area > div {width:100%;height:100%;}

@media screen and (max-width:900px) {
	.sm_ex024_p_05 .drag-area {top:51.625%;}
}
.sm_ex024_p_08 .touch-next {right:-3%;top:3%;}

/** 4학년 사회 **/

.sh_ex025_p_01 .touch {right:25%;top:68%;}

.sh_ex025_p_02 .close {right:-0.2%;top:-2%;}
.sh_ex025_p_02 .touch01 {right:45%;top:31%;}
.sh_ex025_p_02 .audio {right:15%;top:20%;}

.sh_ex025_p_03 .touch-next {right:-3%;top:3%;}
.sh_ex025_p_04 .touch01 {top:30%;left:15%;}
.sh_ex025_p_04 .touch02 {bottom:2%;right:15%;}

.sh_ex025_p_05  #input-1 {left:53.67%;top:57.5%;width:4.06%;}
.sh_ex025_p_05  #input-2 {left:58.82%;top:57.5%;width:4.06%;}
.sh_ex025_p_05  #input-3 {left:53.67%;top:67%;width:4.06%;}
.sh_ex025_p_05 .touch01 {left:52%;top:58%;}
.sh_ex025_p_05 .touch02 {left:57%;top:58%;}
.sh_ex025_p_05 .touch03 {left:52%;top:67%;}
.sh_ex025_p_05 .touch-next {right:5%;bottom:18%;}

.sh_ex025_p_08 .touch-next {right:-3%;top:3%;}


/** 4학년 과학 **/

.ss_ex026_p_01 .touch {right:25%;top:24%;}

.ss_ex026_p_02 .touch01 {right:42%;top:31%;} 
.ss_ex026_p_02 .audio {right:10%;top:19%;}

.ss_ex026_p_03 .touch-next {right:-3%;top:3%;}
.ss_ex026_p_04 .touch01 {left:48%;top:4%;} 

.ss_ex026_p_05 #input-1 {left:46.40%;top:40.75%;width:9.76%;}
.ss_ex026_p_05 .touch01 {left:48%;top:41%;} 
.ss_ex026_p_05 .touch-next {right:5%;bottom:18%;}

@media all and (max-width: 900px)  {	
	.ss_ex026_p_05 .inputbox {top:54.5%;}
	.ss_ex026_p_05 .inputbox input[type="text"] {height:25px;font-size:14px;}
	.q-movie-page .close {right:1px;top:-5px;}
}
.ss_ex026_p_08 .touch-next {right:-3%;top:3%;}



/** 4학년 영어 **/

.se_ex027_p_01 .touch {right:25%;top:24%;}
.se_ex027_p_02 .touch01 {left:78%;top:65%;} 
.se_ex027_p_02 .audio {left:40%;top:45%;}

.se_ex027_p_03 .audio {left:15%;top:5%;}
.se_ex027_p_03 .touch01 {left:35%;top:28%;}
.se_ex027_p_03 .touch02 {left:13%;top:68%;}
.se_ex027_p_03 .touch03 {left:35%;top:68%;}
.se_ex027_p_03 .touch04 {left:58%;top:68%;}
.se_ex027_p_03 .touch05 {left:82%;top:68%;}

.se_ex027_p_04 .audio {left:10%;top:7%;}
.se_ex027_p_04 .audio2 {left:20%;top:20%;}
.se_ex027_p_04 .audio3 {left:20%;top:30%;}
.se_ex027_p_04 .audio4 {left:20%;top:40%;}
.se_ex027_p_04 .audio5 {left:20%;top:50%;}
.se_ex027_p_04 .audio6 {left:20%;top:60%;}
.se_ex027_p_04 .audio7 {left:20%;top:72%;}

.se_ex027_p_05 .touch-next {right:-3%;top:3%;}
.se_ex027_p_05 .video-player.blk {top:5%;}

.se_ex027_p_06 .audio {left:10%;top:7%;}
.se_ex027_p_06 .touch01 {left:35%;top:60%;}
.se_ex027_p_06 .touch-ans  {right:5%;bottom:17%;z-index:201;} 

.se_ex027_p_07 .touch01,
.se_ex027_p_08 .touch01 {right:-5%;top:0;}


/**************** 4학년 실력평가 ****************/

.ek_ex072_p_01 .touch {left:85%;top:26%;}
.ek_ex072_p_01 .close02 {left:1.5%;top:30.5%;}
.ek_ex072_p_01 .close03 {left:1.5%;top:45.2%;}
.ek_ex072_p_01 .close04 {left:1.5%;top:59.5%;}

@media all and (max-width: 900px)  {	
	.ek_ex072_p_01 .close02 {left:2%;top:31%;}
	.ek_ex072_p_01 .close03 {left:2%;top:45.2%;}
	.ek_ex072_p_01 .close04 {left:2%;top:59.5%;}
}

.ek_ex072_p_02 .scroll-wrap {width:75.39%;bottom:18%;}
.iphone .ek_ex072_p_02 .scroll-wrap  {left:1%;width:74%;}
.ek_ex072_p_02 .touch01 {left:2%;top:27%;}
.ek_ex072_p_02 .touch-next {right:24%;}

.ek_ex072_p_03 .scroll-wrap {width:75.39%;bottom:20%;}
.iphone .ek_ex072_p_03 .scroll-wrap  {left:1%;width:74%;}
.ek_ex072_p_03 .touch01 {right:10%;bottom:10%;}
.ek_ex072_p_03 .inputbox {position:absolute;right:3.7305%;top:72.99%;width:8.6406%;height:7.25%;}
.ek_ex072_p_03 .inputbox input {width:100%;height:100%;left:0;top:0;color:#ff0000;}
.ek_ex072_p_03 .touch-next {right:58%;}

@media all and (max-width: 900px)  {	
	.ek_ex072_p_03 .inputbox {top:72%;}
}
.ek_ex072_p_04 .touch01 {right:18%;top:20%;}
.ek_ex072_p_05 .touch01 {left:46%;top:63%;}
.ek_ex072_p_06 .touch01 {right:18%;top:20%;}

.em_ex073_p_01 .touch {left:85%;top:26%;}
.em_ex073_p_01 .close02 {left:1.5%;top:15.7%;}
.em_ex073_p_01 .close03 {left:1.5%;top:45.2%;}
.em_ex073_p_01 .close04 {left:1.5%;top:59.5%;}

@media all and (max-width: 900px)  {	
	.em_ex073_p_01 .close02 {left:2%;top:16.2%;}
	.em_ex073_p_01 .close03 {left:2%;top:45.2%;}
	.em_ex073_p_01 .close04 {left:2%;top:59.5%;}
}

.em_ex073_p_02 .touch01 {right:14%;bottom:16%;}
.em_ex073_p_02 .touch-next {right:24%;}
.em_ex073_p_02 .inputbox {position:absolute;top:29.3%;left:52.75%;width:4.3%;height:10.9%;}
.em_ex073_p_02 .inputbox input {width:100%;height:47.5%;color:#ff0000;}
.em_ex073_p_02 .inputbox input.type1 {left:0;top:0;} 
.em_ex073_p_02 .inputbox input.type2 {left:0;bottom:0;} 

@media all and (max-width: 900px)  {	
	.em_ex073_p_02 .inputbox {top:28.3%;}
}

.em_ex073_p_03 .touch01 {right:3%;bottom:17%;}
.em_ex073_p_03 .touch-next {left:33%;}
.em_ex073_p_03 .inputbox {position:absolute;width:2.8125%;height:4.5%;}
.em_ex073_p_03 .inputbox-1 {left:32.1093%;top:48%;}
.em_ex073_p_03 .inputbox-2 {left:48.2812%;top:48%;}
.em_ex073_p_03 .inputbox-3 {left:36.0156%;top:56.875%;}
.em_ex073_p_03 .inputbox-4 {left:45.1562%;top:54%;}
.em_ex073_p_03 .inputbox-5 {left:45.1562%;top:59.25%;}
.em_ex073_p_03 .inputbox input {left:0;top:0;width:100%;height:100%;color:#ff0000;}


@media all and (max-width: 900px)  {	
	.em_ex073_p_03 .inputbox-1 {top:47%;}
	.em_ex073_p_03 .inputbox-2 {top:47%;}
	.em_ex073_p_03 .inputbox-3 {top:56%;}
	.em_ex073_p_03 .inputbox-4 {top:53%;}
	.em_ex073_p_03 .inputbox-5 {top:58.3%;}
}

.em_ex073_p_04 .touch01 {left:45%;top:57%;}
.em_ex073_p_05 .touch01 {left:45%;top:65%;}
.em_ex073_p_06 .touch01  {left:45%;top:57%;}


.eh_ex074_p_01 .touch {left:85%;top:26%;}
.eh_ex074_p_01 .close02 {left:1.5%;top:15.7%;}
.eh_ex074_p_01 .close03 {left:1.5%;top:30.5%;}
.eh_ex074_p_01 .close04 {left:1.5%;top:59.5%;}

@media all and (max-width: 900px)  {	
	.eh_ex074_p_01 .close02 {left:2%;top:31%;}
	.eh_ex074_p_01 .close03 {left:2%;top:31%;}
	.eh_ex074_p_01 .close04 {left:2%;top:59.5%;}
}

.eh_ex074_p_02 .touch01 {left:2%;top:47%;}
.eh_ex074_p_02 .touch-next {right:24%;}

.eh_ex074_p_03 .touch01 {left:2%;top:47%;}
.eh_ex074_p_03 .touch-next {left:33%;}

.eh_ex074_p_04 .touch01 {left:72%;top:18%;}
.eh_ex074_p_05 .touch01 {left:45%;top:65%;}
.eh_ex074_p_06 .touch01  {left:72%;top:18%;}

.es_ex075_p_01 .touch {left:85%;top:26%;}
.es_ex075_p_01 .close02 {left:1.5%;top:15.7%;}
.es_ex075_p_01 .close03 {left:1.5%;top:30.5%;}
.es_ex075_p_01 .close04 {left:1.5%;top:45.2%;}

@media all and (max-width: 900px)  {	
	.es_ex075_p_01 .close02 {left:2%;top:31%;}
	.es_ex075_p_01 .close03 {left:2%;top:31%;}
	.es_ex075_p_01 .close04 {left:2%;top:45.2%;}
}

.es_ex075_p_02 .touch01 {left:2%;top:19%;}
.es_ex075_p_02 .touch-next {right:24%;}

.es_ex075_p_03 .touch-next {left:19%;bottom:2%;}
.es_ex075_p_03 .touch01 {right:8.5%;bottom:2%;}
.es_ex075_p_03 .inputbox {position:absolute;left:24.9%;top:71.5%;width:32.375%;height:6%;}
.es_ex075_p_03 .inputbox input {width:21%;height:100%;color:#ff0000;}
.es_ex075_p_03 .inputbox input.type1 {left:0;} 
.es_ex075_p_03 .inputbox input.type2 {left:20.1%;} 
.es_ex075_p_03 .inputbox input.type3 {left:51.5%;} 
.es_ex075_p_03 .inputbox input.type4 {right:8%;} 

@media all and (max-width: 900px)  {	
	.es_ex075_p_03 .inputbox {top:70.5%;}
}

.es_ex075_p_04 .touch01 {left:72%;top:18%;}
.es_ex075_p_05 .touch01 {left:45%;top:65%;}
.es_ex075_p_06 .touch01  {left:72%;top:18%;}


/**************** 4학년 성취도평가 ****************/

.ek_ex102_p_01 .touch {left:85%;top:26%;}
.ek_ex102_p_01 .close02 {left:1.5%;top:30.5%;}

@media all and (max-width: 900px)  {	
	.ek_ex102_p_01 .close02 {left:2%;top:31%;}
}

.ek_ex102_p_02 .touch01 {left:2%;top:48%;}
.ek_ex102_p_02 .touch-next {right:24%;}

.ek_ex102_p_03 .scroll-wrap {width:69.39%;bottom:48.5%;}
.iphone .ek_ex102_p_03 .scroll-wrap  {left:1%;width:68%;}
.ek_ex102_p_03 .scroll-wrap.high {top:14.2%;left:3.1%;}
.ek_ex102_p_03 .touch-next {right:58%;}
.ek_ex102_p_03 .touch01 {right:10%;bottom:10%;}
.ek_ex102_p_03 .inputbox {position:absolute;width:4.3%;height:5.5%;top:63%;left:20.65%;}
.ek_ex102_p_03 .inputbox input {width:100%;height:100%;color:#ff0000;}
.ek_ex102_p_03 .inputbox input.type1 {left:0;top:0;} 
.ek_ex102_p_03 .inputbox input.type2 {left:184%;top:105%;} 

@media all and (max-width: 900px)  {	
	.ek_ex102_p_03 .inputbox {top:63.5%;}
}

.ek_ex102_p_04 .touch01 {right:-3%;top:2%;}
.ek_ex102_p_05 .touch01 {right:-3%;top:2%;}

.em_ex103_p_01 .touch {left:85%;top:26%;}
.em_ex103_p_01 .close02 {left:1.5%;top:15.7%;}

@media all and (max-width: 900px)  {	
	.em_ex103_p_01 .close02 {left:2%;top:16.2%;}
}

.em_ex103_p_02 .touch-next {right:24%;}
.em_ex103_p_02 .touch01 {right:10%;bottom:10%;}
.em_ex103_p_02 .inputbox {position:absolute;right:27.95%;top:39.55%;width:6.6406%;height:5.25%;}
.em_ex103_p_02 .inputbox input {width:100%;height:100%;left:0;top:0;color:#ff0000;}

@media all and (max-width: 900px)  {	
	.em_ex103_p_02 .inputbox {top:38.55%;}
}

.em_ex103_p_03 .touch01 {right:10%;bottom:10%;}
.em_ex103_p_03 .inputbox {position:absolute;right:26.45%;top:41.95%;width:8.6406%;height:7.25%;}
.em_ex103_p_03 .inputbox input {width:100%;height:100%;left:0;top:0;color:#ff0000;}
.em_ex103_p_03 .touch-next {right:58%;}

@media all and (max-width: 900px)  {	
	.em_ex103_p_03 .inputbox {top:40.95%;}
}

.em_ex103_p_04 .touch01 {left:46%;top:57%;}
.em_ex103_p_05 .touch01 {left:44%;top:68%;}
.em_ex103_p_06 .touch01 {left:46%;top:57%;}


/**************** 4학년 족집게 ****************/

.ek_ex090_p_01 .touch {left:50%;top:22%;}
.ek_ex090_p_01 .close02 {left:1.5%;top:30.5%;}

@media all and (max-width: 900px)  {	
	.ek_ex090_p_01 .close02 {left:2%;top:31%;}
}

.ek_ex090_p_02 .scroll-wrap {width:75.39%;bottom:18%;}
.iphone .ek_ex090_p_02 .scroll-wrap  {left:1%;width:74%;}
.ek_ex090_p_02 .touch01 {left:1%;top:43%;}
.ek_ex090_p_02 .touch-next {right:24%;}

.ek_ex090_p_03 .scroll-wrap {width:75.39%;bottom:18%;}
.iphone .ek_ex090_p_03 .scroll-wrap  {left:1%;width:74%;}
.ek_ex090_p_03 .touch01 {right:9%;bottom:17%;}
.ek_ex090_p_03 .touch-next {left:33%;}
.ek_ex090_p_03  input {color:#ff0000;height:10.46%;}
.ek_ex090_p_03  #input01 {left:74.6113%;top:60.5%;width:8.6010%;}
.ek_ex090_p_03  #input02 {left:87.5647%;top:60.5%;width:8.6010%;}


@media all and (max-width: 900px)  {	
	.ek_ex090_p_03 #input01,
	.ek_ex090_p_03 #input02 {top:59.5%;}
}

.ek_ex090_p_04 .touch01 {left:46%;top:57%;}
.ek_ex090_p_05 .touch01 {left:47%;top:63%;}
.ek_ex090_p_06 .touch01 {left:46%;top:57%;}

.em_ex091_p_01 .touch {left:50%;top:22%;}
.em_ex091_p_01 .close02 {left:1.5%;top:15.7%;}

@media all and (max-width: 900px)  {	
	.em_ex091_p_01 .close02 {left:2%;top:16.2%;}
}

.em_ex091_p_02 .touch01 {right:14%;bottom:17%;}
.em_ex091_p_02 .touch-next {right:24%;}
.em_ex091_p_02  input {color:#ff0000;height:4.375%;}
.em_ex091_p_02  #input01 {left:35.7812%;top:46.25%;width:5.0781%;}
.em_ex091_p_02  #input02 {left:43.9843%;top:49.125%;width:2.9687%;}
.em_ex091_p_02  #input03 {left:47.8906%;top:46.25%;width:2.9687%;}

@media all and (max-width: 900px)  {	
	.em_ex091_p_02 #input01,
	.em_ex091_p_02 #input03 {top:45.25%;}
	.em_ex091_p_02 #input02 {top:48.125%;}
}

.em_ex091_p_03 .touch01 {right:14%;bottom:2%;}
.em_ex091_p_03 .touch-next {left:33%;}
.em_ex091_p_03  input {color:#ff0000;height:4.375%;width:2.8906%;}
.em_ex091_p_03  #input01 {left:66.9531%;top:41.75%;}
.em_ex091_p_03  #input02 {left:66.9531%;top:47.75%;}

@media all and (max-width: 900px)  {	
	.em_ex091_p_03 #input01 {top:40.75%;}
	.em_ex091_p_03 #input02 {top:46.75%;}
}
.em_ex091_p_04 .touch01 {left:46%;top:57%;}
.em_ex091_p_05 .touch01 {left:47%;top:63%;}
.em_ex091_p_06 .touch01 {left:46%;top:57%;}

/* 오늘의 학습 */
.scroll-mm-wrap.g4_scroll {
  left: 3.3%;
  top: 29.5%;
  width: 36.2%;
  bottom: 17.375%;
  background-color: #3ac4e1;
}
.scroll-mm-wrap.g4_scroll .scrollbar-inner > .scroll-element, .scroll-mm-wrap.g4_scroll .scrollbar-inner > .scroll-element div {z-index:0}
.scroll-mm-wrap.g4_scroll2 {
  left: 43.2%;
  top: 39.5%;
  width: 31%;
  bottom: 17.375%;
  background-color: #b88546;
  z-index: 0;
}