@charset "utf-8";
/* CSS Document */
@font-face{
	font-family:"NanumBrush";
	   src:url(/assets/font/NanumBrush.eot) format('embedded-opentype'),
	   url(/assets/font/NanumBrush.ttf) format('truetype');

}

.t_font{font-family:NanumBrush !important;}

/*.leveltest_wrap .slick-prev:before{content:"";}
.leveltest_wrap .slick-next:before{content:"";}*/
[dir='rtl'].leveltest_wrap .slick-prev:before
{
   content:url(/images/english/left_arrow.png);
}
    [dir='rtl'].leveltest_wrap .slick-next:before
{
    content:url(/images/english/right_arrow.png);
}


/*240621-추가*/
#speaking_blank{padding: 200px 0;}
#bigcat_container{display: none;}


/* side_follow */
.side_coun {position:fixed; top:27%; right:4%; z-index:2; padding:170px 50px 0 0}

.live_Elink{position:absolute; top:3.5%; right:15%; z-index:997}

/* counsel */
.con11_a{overflow:hidden; width:100%; height:660px; padding:0; margin:0 auto; background:url(/images/con11_bg.jpg) no-repeat center}
.english_15 .con11_in{width:878px; margin:0 auto; height:713px; background:url(/images/english/new/180711_b_english_31.png)no-repeat center;margin-top:60px}
.phonics_11 .con11_in{width:878px; margin:0 auto; height:713px; background:url(/images/english/new/180711_b_english_31.png)no-repeat center;margin-top:60px}
/*240223-마진 수정*/
/*.con11{display:block; float:left; height:auto; max-width:372px; width:100%; padding:0; margin:7px 0 0 19px; padding-bottom:35px}*/
.con11{display:block; float:left; height:auto; max-width:372px; width:100%; padding:0; margin:-24px 0 0 19px; padding-bottom:35px}
.con11_1{display:none}
.con11_bt{display:none}
.b_14{display:none}

.mt50{overflow:hidden}

.bot_con {overflow:hidden; width:100%; height:530px; padding:0; margin:0; background:#ffffff}
.bot_con_in {width:702px; margin:0 auto}

/*240214-수정*/
/*.counsel2 {width:335px; margin:30px 0 0 17px; padding:0}*/
.counsel2 {margin: 130px 0 0 17px; padding:0}
.counsel2 .tbl {width:100%; border-collapse:collapse; border-spacing:0}
.counsel2 .col30 {width:30%}
.counsel2 .tbl th { padding:4px 5px 4px 0; letter-spacing:-0.5px; font-size:14.5px; line-height:36px;  color:#333; text-align:right}
.counsel2 .tbl td {padding:4px 0; text-align:left; letter-spacing:-0.5px; font-size:15px; line-height:36px;  color:#333}
.counsel2 .tbl td input { padding:0 5px; height:30px; font-size:14px; line-height:36px;  color:#333;  border:1px solid #d5d5d5}
/*240214-수정*/
/*.counsel2 .tbl td select  { padding:0 0 0 10px; height:32px;font-size:14px; line-height:36px;  color:#666;  border:1px solid #d5d5d5}*/
.counsel2 .tbl td select  { padding:0 0 0 10px; width: 225px; height:32px;font-size:14px; line-height:36px;  color:#666;  border:1px solid #d5d5d5}

.counsel2 .tbl td input[type='radio'] { display:none;height:20px;background-color:#f6bb23}
.counsel2 .tbl td input[type='radio']+ label span {display:inline-block; width:19px;height:19px;background:url(/images/english/check_radio_sheet.png) left top no-repeat; vertical-align:middle; padding-bottom:3px}
.counsel2 .tbl td input[type='radio']:checked+ label span {background:url(/images/english/check_radio_sheet.png) -20px top no-repeat}


.phonics_11 .counsel2 .chk {overflow:hidden; text-align:center; display:block; height:30px; padding:15px 0 0 0px; margin:13px -18px 0 0; font-size:13.5px; /*line-height:18px;*/  color:#333;  letter-spacing:-1px; border-top:1px solid #ff5a5a}
/*240214-overflow:hidden 삭제*/
.counsel2 .chk {/*overflow:hidden; *//*text-align:left;*/ display:block; height:30px; padding:15px 0 0 20px; margin:13px -13px 0 0; font-size:13.5px; /*line-height:18px;*/  color:#333;  letter-spacing:-1px; border-top:1px solid #ff5a5a}
.counsel2 .chk label {float:none}
.counsel2 .chk input {vertical-align:-1.5px}

.counsel2 input[name='free_tel1'] {width:25%}
.counsel2 input[name='free_tel2'] {width:25%}
.counsel2 input[name='free_tel3'] {width:25%}

.counsel2 .chk input[type="checkbox"]{display:inline-block}
.counsel2 .chk a {float:none}
.bt_go2 {display: block; margin:0 auto; margin-top:15px; width:320px; /*height:81px;*/}
.bt_go2 img {max-width:100%}
.bt_view2 {display:inline-block; width:60px; font-size:14px; border:none; color:#fff; text-align:center; background-color:#ff5a5a; padding:2px 0}


@keyframes move {
    50% {transform: translateY(-15px)}
}     


.live_01_m, .live_02_m, .live_03_m, .live_04_m, .live_05_m, .live_06_m, .live_07_m, .live_08_m, .live_09_m, .live_10_m, .live_11_m, .live_12_m, .live_13_m, .live_14_m{display:none}

/*라이브 랜딩*/
/*.live_b{margin-left:-56px; overflow:hidden}*/
.live_b_1{overflow:hidden; width:100%; height:163px; background:url(/images/live/new/banner_1.png)no-repeat center; text-align:center}
.live_b_1 img{width:999px; margin:0 auto}
.live_b_2{overflow:hidden; width:100%; height:217px; background:url(/images/live/new/banner_2.png)no-repeat center; text-align:center}
.live_b_2 img{width:999px; margin:0 auto}
.live_b_3{overflow:hidden; width:100%; height:233px; background:url(/images/live/new/banner_3.png)no-repeat center; text-align:center}
.live_b_3 img{width:999px; margin:0 auto}


.live_01{overflow:hidden; width:100%; height:277px; padding:0; margin:0 auto; position:relative; background:url(/images/live/0911/180911_bigcat_live_web_background_01.png) no-repeat center;}
.live_01 .click_btn{margin-top:20px; display:inline-block; margin-left:-150px}
.live_01_w{width:1014px; margin:45px auto 0}
.live_01_w .year_txt{padding-left:49px; margin-top:22px}
.live_01_w .live_01_video{margin:0 auto; width:1232px; height:606px; background:url(/images/live/live_02.png)no-repeat center; margin-top:35px}
.live_01_w .live_01_video .youtube{margin:0 auto; width:535px; height:305px; padding-top:13px; margin-left:27.9%}
.live_01 .l_bao_box{display:inline-block; position:relative; top:-350px; left:542px; animation:move 2.5s infinite}


.live_02{overflow:hidden; position:relative; width:100%; height:663px; padding:0; margin:0 auto; background:url(/images/live/0911/180911_bigcat_live_web_background_02.png) no-repeat center}
.live_02_w{width:1244px; margin:0 auto; position:relative; }
.live_02_w .live_02_video{margin:0 auto; width:1014px; height:663px; background:url(/images/live/new/video_img.png)no-repeat center}
.live_02_w .live_02_video .youtube{margin:0 auto; width:605px; height:320px; padding-top:28px; margin-left:19.7%}
.live_02_w .literacy{position:absolute; display:inline-block; top:150px; left:127px; display:none}
.live_02_w .literacy_on{display:block}
.live_02_w .lit_btn{position:absolute; top:428px; right:110px}
.live_02 .l_kiya_box{display:inline-block; position:relative; top:200px; left:542px; animation:move 2s infinite}
.live_02 .l_lao_box{display:inline-block; position:relative; top:500px; right:542px; animation:move 3.5s infinite}

.live_03{overflow:hidden; width:100%; height:472px; padding:0; margin:0 auto;}
.live_03_w{width:1013px; margin:0 auto; margin-top:20px; text-align:center}

.live_04{overflow:hidden; width:100%; height:660px; padding:0; margin:0 auto; background:#fff}
.live_04_w{width:961px; margin:0 auto; position:relative; margin-top:88px}
.live_04_w .lit_btn{cursor:pointer; text-align:center}
.live_04_w .literacy{position:absolute; top:45px; left:124px; display:none}
.live_04 .kiya_box{display:inline-block; position:relative; top:-234px; left:950Px; animation:move 2.5s infinite}
.live_04 .lao_box{display:inline-block; position:relative; top:-277px; right:356px; animation:move 1.5s infinite}



/*.live_05{overflow:hidden; width:100%; height:715px; padding:0; margin:0 auto; background:#ffefca}*/
/*240424-수정*/
/*.live_05{overflow:hidden; width:100%; height:1075px; padding:0; margin:0 auto; background:#ffefca}*/
.live_05{overflow:hidden; width:100%; height:1135px; padding:0; margin:0 auto; background:#ffefca}
.live_05_w{width:1016px; margin:0 auto; text-align:center; position:relative}
.live_05_video{margin:0 auto; width:1244px; height:436px; background:url(/images/live/new/180712_b_live_29.png)no-repeat center}
.live_05_video .youtube{margin:0 auto; width:570px; height:300px; padding-top:60px; margin-left:26.7%}

/*240424-수정-s*/
/*.live_05 .ben_box{display:inline-block; position:relative; top:-349px; right:482px; animation:move 2.5s infinite}*/
/*.live_05 .ben_box{display:inline-block; position:relative; top:80px; right:20px; animation:move 2.5s infinite}*/
.live_05 .ben_box{display:inline-block; position:relative; top:80px; right:28px; animation:move 2.5s infinite;}
/*.live_05 .coco_box{display:inline-block; position:relative;  top:-364px; left:442px; animation:move 1.5s infinite}*/
.live_05 .coco_box{display:inline-block; position:relative;  top:20px; left:-30px; animation:move 1.5s infinite;}

.live_06{overflow:hidden; width:100%;  padding-bottom:65px; margin:0 auto; background:#ffefca}
.live_06_w{width:1082px; margin:0 auto}

.live_07{overflow:hidden; width:100%; height:333px; padding:0; margin:0 auto; background:#fff}
.live_07_w{width:925px; margin:0 auto}
.live_07 .l_ted_box{display:inline-block; position:relative; top:-250px; left:542px; animation:move 2.5s infinite}

.live_08{overflow:hidden; width:100%; height:800px; padding:0; margin:0 auto; background:#fff}
.live_08_w{width:865px; margin:0 auto; position:relative; padding-top:100px; position:relative;}
.live_08_w .live_08_g{width:891px; height:620px; background:url(/images/live/0911/180911_bigcat_live_web_11.png)no-repeat center}
.live_08_w .live_08_g .live_g_num{display:inline-block; padding:36px 0 0 75px; font-size:0}

.live_08_w .live_08_g .live_t_num .t_1{position:relative; opacity:0.3;  display:inline-block; top:-396px; right:-10px}
.live_08_w .live_08_g .live_t_num .t_2{position:relative; opacity:0.3;  display:inline-block; top:-440px; right:123px}
.live_08_w .live_08_g .live_t_num .t_3{position:relative; opacity:0.3;  display:inline-block; top:-482px; right:260px}
.live_08_w .live_08_g .live_t_num .t_4{position:relative; opacity:0.3;  display:inline-block; top:-666px; left:357px}
.live_08_w .live_08_g .live_t_num .t_5{position:relative; opacity:0.3;  display:inline-block; top:-714px; left:221px}
.live_08_w .live_08_g .live_t_num .t_6{position:relative; opacity:0.3;  display:inline-block; top:-759px; left:88px}
.live_08_w .live_08_g .live_t_num .t_7{position:relative; opacity:0.3;  display:inline-block; top:-950px; left:706px}
.live_08_w .live_08_g .live_t_num .t_1:hover{opacity:1; z-index:999}
.live_08_w .live_08_g .live_t_num .t_2:hover{opacity:1; z-index:999}
.live_08_w .live_08_g .live_t_num .t_3:hover{opacity:1; z-index:999}
.live_08_w .live_08_g .live_t_num .t_4:hover{opacity:1; z-index:999}
.live_08_w .live_08_g .live_t_num .t_5:hover{opacity:1; z-index:999}
.live_08_w .live_08_g .live_t_num .t_6:hover{opacity:1; z-index:999}
.live_08_w .live_08_g .live_t_num .t_7:hover{opacity:1; z-index:999}
.live_08_w .live_08_g .live_t_num .active{opacity:1; z-index:999}


.m_70{margin-top:-70px}


/****** 240214 수정 전 ******/
/*
.live_09{overflow:hidden; width:100%; height:1430px; padding:0; margin:0 auto; background:#ffe1e3}
.live_09_w{width:901px; margin:0 auto; }
.live_09 .sally_box{display:inline-block; position:relative; top:-490px; right:125px; animation:move 2.5s infinite}

.live_10{overflow:hidden; height:350px; width:100%; padding:0; margin:0 auto; background:#ffc2c7}
.live_10_w{width:1100px; margin:0 auto; text-align:center; margin-top:65px}
.live_13_w .teac_wrap .teac_photo{width:1100px; margin:0 auto; margin-top:30px; margin-bottom:15px}
.live_13_w .teac_wrap .teac_photo li{display:inline-block; vertical-align:top; font-size:0; width:363px; text-align:center; cursor:pointer}
.live_13_w .teac_wrap .teac_info{display:inline-block; font-size:0; width:363px; text-align:center; display:none}


.live_11{overflow:hidden; width:100%; height:900px; padding:0; margin:0 auto; background:#fff}

.live_11_w{width:891px; margin:0 auto; text-align:center; margin-top:-150px; margin-left:360px}
.live_11 .kiya_box{display:inline-block; position:relative; top:600px; left:497px; animation:move 2.5s infinite}
.live_11 .ted_box{display:inline-block; position:relative; top:580px; left:619px; animation:move 4s infinite}
.live_11 .go_coun{display:inline-block; position:relative; top:270px; left:913px;}

.live_12{overflow:hidden; width:100%; padding:0; margin:0 auto; background:#d40035; text-align:center}
.live_13{overflow:hidden; width:100%; padding:0; margin:0 auto; background:#ffc2c7}
.live_13_w{padding:30px 0 60px 0}

.live_11 .con11_in{width:433px; position:relative; display:inline-block; height:668px; background:url(/images/live/new/180712_b_live_139.png)no-repeat center;}
.live_11 .counsel2{margin:10px 0 0 22px}

.live_12_m{display:none}

.con11_Timg{margin-top:16%}
*/


/****** 240214 이후 수정예정 ******/
.live_09{overflow:hidden; width:100%; height:1430px; padding:0; margin:0 auto; background:#ffe1e3}
.live_09_w{width:901px; margin:0 auto; }
.live_09 .sally_box{display:inline-block; position:relative; top:-490px; right:125px; animation:move 2.5s infinite}

.live_10{overflow:hidden; height:350px; width:100%; padding:0; margin:0 auto; background:#ffc2c7}
.live_10_w{width:1100px; margin:0 auto; text-align:center; margin-top:65px}
.live_13_w .teac_wrap .teac_photo{width:1100px; margin:0 auto; margin-top:30px; margin-bottom:15px}
.live_13_w .teac_wrap .teac_photo li{display:inline-block; vertical-align:top; font-size:0; width:363px; text-align:center; cursor:pointer}
.live_13_w .teac_wrap .teac_info{display:inline-block; font-size:0; width:363px; text-align:center; display:none}


.live_11{overflow:hidden; width:100%; height:900px; padding:0; margin:0 auto; background:#fff}
/*240214-수정*/
.live_11_w{margin:0 auto; text-align:center; margin-top:-80px;}

/*240215-수정*/
/*.live_11 .kiya_box{display:inline-block; position:relative; top:600px; left:497px; animation:move 2.5s infinite}*/
.live_11 .kiya_box{display:inline-block; position:relative; top:520px; left:32%; animation:move 2.5s infinite}
/*.live_11 .ted_box{display:inline-block; position:relative; top:580px; left:619px; animation:move 4s infinite}*/
.live_11 .ted_box{display:inline-block; position:relative; top:570px; right:-58%; animation:move 4s infinite}
/*240214-수정*/
.live_11 .go_coun{display:none;}
/*240214-수정*/
.live_12{display: none;}
.live_13{overflow:hidden; width:100%; padding:0; margin:0 auto; background:#ffc2c7}
.live_13_w{padding:30px 0 60px 0}

/*230223-백그라운드이미지수정*/
/*.live_11 .con11_in{width:433px; position:relative; display:inline-block; height:668px; background:url(/images/live/new/180712_b_live_139.png)no-repeat center;}*/
.live_11 .con11_in{width:433px; position:relative; display:inline-block; height:668px; background:url(/images/live/new/240223_b_live_139.png)no-repeat center;}
/*240214-수정(삭제)*/
/*.live_11 .counsel2{margin:10px 0 0 22px}*/

.live_12_m{display:none}

/*240214-수정*/
/*.con11_Timg{margin-top:16%}*/
.con11_Timg{display:none;}


/* The typing effect */
@keyframes typing {
  from { width: 0;}
  to { width: 100% ;}
}

@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-10%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  animation:fadeInLeft 1s 1; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards}


@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(10%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
animation:fadeInRight 1s 1; animation-delay:0.5s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}


/*임시 라이브 랜딩*/
.live_o_01{margin-top:10px}


/* 키아(216), 테드(218) 미디어쿼리 */
@media all and (min-width:1461px) and (max-width:1600px){
    .live_11 .kiya_box{left:29%;}
    /*.live_11 .ted_box{right:-58%;}*/
}
@media all and (min-width:1381px) and (max-width:1460px){
    .live_11 .kiya_box{left:27%;}
    .live_11 .ted_box{right:-60%;}
}
@media all and (min-width:1261px) and (max-width:1380px){
    .live_11 .kiya_box{left:25%;}
    .live_11 .ted_box{right:-60%;}
}
@media all and (min-width:1161px) and (max-width:1260px){
    .live_11 .kiya_box{left:22%;}
    .live_11 .ted_box{right:-62%;}
}
@media all and (min-width:1031px) and (max-width:1160px){
    .live_11 .kiya_box{left:20%;}
    .live_11 .ted_box{right:-62.5%;}
}
@media all and (min-width:881px) and (max-width:1030px){
    .live_11 .kiya_box{left:17.5%;}
    .live_11 .ted_box{right:-64%;}
}
@media all and (max-width:881px){

}