/*  */

/* Reset */

/* Base */
body{width:100%;height:100%;font-family: 'NotoSans', sans-serif;}
html{overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,table,tr,th,td,label,select{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
ul,ol,li{list-style:none;}
img,fieldset{border:0;}
label{cursor:pointer;}
textarea{overflow:auto;}
button,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance: button;cursor: pointer;}
input[type="checkbox"],input[type="radio"]{border:0;}
svg:not(:root){overflow: hidden;}
/* HTML5 display definitions */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}

/* Clearfix */
.clearfix:before,.clearfix:after{content:"";display:block;}
.clearfix:after{clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{*zoom:1;}
img{vertical-align:inherit;}
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


body { color: #000;font-size:12px;letter-spacing:-1px;}
a {color: #000;text-decoration: none;}
h2{font-size:44px;font-weight:normal;}

.f300{ font-weight: 300;}
.f400{ font-weight: 400;}
.f500{ font-weight: 500;}
.f700{ font-weight: 700;}

.footer_bot .botnav li{float:left; font-weight:400;}

.pc_block{display:block;}
.m_block{display:none;}

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  49.95% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  49.95% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

particle {position: fixed;left: 0;top: 0;border-radius: 50%; pointer-events: none;opacity: 0;z-index:100;}	



/* MAIN */
.engtop{background:url(../img/top_bg.png) no-repeat 50% 0;height:470px;padding:32px 0;background-size:cover;}
	.engtop .top_tt{text-align:left;width:662px;background:rgba(255,255,255,0.7);padding:40px 32px;box-sizing:border-box;border-radius:10px 10px 120px 10px;}
	.engtop .top_tt p{margin:15px 0;font-size:20px;font-weight:300;color:#666;word-break: keep-all;}
	.engtop .top_tt p span{font-weight:400;color:#000;}
	.engtop .top_tt .v_go{background:#ee3823;color:#fff;font-size:19px;display:inline-block;padding: 10px 38px; border-radius: 50px;margin-top:15px;}
	.engtop .top_tt .v_go:hover{background:#bf1400;transition:all 0.3s;}
	.engtop .top_tt .v_go img{margin-left:5px;}
	
.eng_explain{padding:90px 0;}
	.eng_explain h2 b{color:#ee3823;}
	.eng_explain .whylist{margin-top:20px;}
	.eng_explain .whylist li{float:left;width:336px;margin-right:14px;border:1px solid #ececec;box-sizing:border-box;border-radius:10px 10px 50px 10px;overflow:hidden;}
	.eng_explain .whylist li img{border-bottom:1px solid #ececec;}
	.eng_explain .whylist li .txt{text-align:left;padding:22px;font-weight:300;}
	.eng_explain .whylist li:last-child{margin-right:0;}

	.eng_slider{margin-top:55px;}
	.eng_slider .playthumb{padding:20px 0;}
	.eng_slider .playthumb a{display:inline-block;border-radius:10px 10px 50px 10px;overflow:hidden;}
	.eng_slider .playthumb a:hover{box-shadow:10px 10px 20px 0 rgba(0,0,0,0.12);transition:all 0.3s;}
	.eng_slider .slick-prev, .eng_slider .slick-next{width:54px;height:54px;}
	.eng_slider .slick-prev{background:url(../img/slide_prev.png)0 0 no-repeat;left: -65px;}
	.eng_slider .slick-next{background:url(../img/slide_next.png)0 0 no-repeat;right: -65px;}
	.eng_slider .slick-prev:hover, .eng_slider .slick-prev:focus, .eng_slider .slick-next:hover, .eng_slider .slick-next:focus{background-position:0 100%;}

.eng_category{background:#faf7f4;padding:90px 0 40px;}
	.eng_category li{float:left;width:334px;box-sizing:border-box;margin-right:15px;margin-bottom:50px;}
	.eng_category li:hover a{box-shadow:0 10px 20px 0 rgba(0,0,0,0.12);transition:all 0.3s;}
	.eng_category li a{display:block;border:1px solid #eee2d7;}
	.eng_category li b{font-size:24px;display:inline-block;margin-top:10px;}
	.eng_category li:nth-child(3),.eng_category li:nth-child(6),.eng_category li:last-child{margin-right:0;}


.engsub_top{padding:80px 0 60px;}
	.engsub_top h2{float:left;font-size:32px;line-height:1.2;text-align:left;}
	.engsub_top h2 b{display:block;}
	.engsub_top .engnav{float:right;width:560px;}
	.engsub_top .engnav li{width:33%;float:left;position:relative;}
	.engsub_top .engnav li a{display:block;position:relative;z-index:1;}
	.engsub_top .engnav li:after{content:'';display:block;position:absolute;width:1px;height:45px;background:#ebebeb;top: 0;}
	.engsub_top .engnav li:first-child:after{display:none;}
	.engsub_top .engnav li p{font-size:16px;color:#737373;font-weight:400;}
	.engsub_top .engnav li:hover p,.engsub_top .engnav li:active p,.engsub_top .engnav li:focus p,.engsub_top .engnav li .active p{font-weight:500;color:#000;transition:1s;}
	.engsub_top .engnav li .ic_img{height:42px;position:relative;z-index:0;}	
	.engsub_top .engnav li:hover .hvr-wobble-vertical,.engsub_top .engnav li:focus .hvr-wobble-vertical,ngsub_top .engnav li:active .hvr-wobble-vertical, .engnav li .active .hvr-wobble-vertical{
		-webkit-animation-name: hvr-wobble-vertical;
		animation-name: hvr-wobble-vertical;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;}
	
	/* 잉글리시리딩 메뉴 */
	.engsub_top .engnav2{width:280px;}	
	.engsub_top .engnav2 li{width:50%;}
	
	
	
.subcon_play{}
	.subcon_play li{float:left;width:200px;box-sizing:border-box;border:1px solid #ececec;border-radius:10px;margin-right:9px;overflow:hidden;margin-bottom:22px;}
	.subcon_play li:nth-child(5),.subcon_play li:last-child{margin-right:0;}
	.subcon_play li:hover{border-color:#ee3823;transition:0.5s;}
	.subcon_play li .tt{font-size:15px;text-align:left;padding:15px 10px 15px;}
	.subcon_play li .thumb img{width:100%;}

.subcon_chant{margin-bottom:6vh;}
	.chant_top{padding:45px 0;height:185px;background:url(../img/chant_top_bg.png) no-repeat 50% 0;border-radius:10px 10px 0 0;color:#fff;background-size: cover;}
	.chant_top h2{font-size:44px;}
	.chant_top p{font-weight:300;font-size:20px;}
	.chant_con{padding:60px 0;background:url(../img/chant_con_bg.png) no-repeat 50% 0;border-radius:0 0 10px 10px;background-size: cover;}
	.chant_con ul{width:84%;margin:0 auto;}
	.chant_con ul li{display: inline-block;margin: 6px;float: left;border-radius:10px;overflow:hidden;}
	.chant_con ul li:hover{box-shadow:0px 5px 20px rgba(133, 86, 39, 0.16);transition:0.5s;transform:scale(0.95);}
	
/* 잉글리시 챈트 팝업 */	
.chmodal-content{position:relative;width:875px;border-radius:20px;overflow:hidden;background:#fff; margin:130px auto;}
	.pop-conts{padding:45px 40px;}
	.pop-conts h3{font-size:35px;margin-bottom: 7px;}
	.pop-conts h3 span{font-size:20px;font-weight:400;}
	.pop-conts video{width:100%;border:20px solid #ffd503;}
	a.btn-layerClose {position:absolute;top: 14px; right: 14px;}
	
.sub_paper{margin-bottom:6vh;}
	.eng_submenu{margin-bottom:2vh;}
	.eng_submenu .num{float:left;font-size:16px;}
	.eng_submenu .contab{float:right;}
	.eng_submenu .contab li{float:left;}
	.eng_submenu .contab li a{font-size:14px;margin-left:8px;padding:8px 15px;border:1px solid #e1e1e1;border-radius:50px;color:#737373;}
	.eng_submenu .contab li a:hover,.eng_submenu .contab li a.active{color:#ee3823;border-color:#ee3823;transition:0.5s;}
	
.paper_con{}
	.paper_con li{position:relative;float:left;width:24%;border:1px solid #e1e1e1;border-radius:10px;margin-right:1.333%;overflow:hidden;margin-bottom: 1.3%}
	.paper_con li:hover{border-color:#ee3823;transition:0.5s;}
	.paper_con li:last-child{margin-right:0;}
	.paper_con li .paper_thumb{padding:25px;}
	.paper_con .chck_box{position:absolute;left: 8px;top: 10px;}
	.paper_con .chckbx{display: none;}
	.paper_con .checkbox-1 {cursor: pointer;position: relative;text-transform: uppercase;color:#fff;font-weight:500;}
	.paper_con .checkbox-2{color:#000;}
	.paper_con .checkbox-1:before {position: absolute;content: '';width: 25px;height: 25px;border-radius:5px;background: #faf7f4;left: 0;top:0;border:1px solid #d9d9d9;-webkit-transition: all .3s ease;transition: all .3s ease;}
	.paper_con .checkbox-1:after {position: absolute;content:url(../img/check.png);left:0;top:0;border-radius: 5px;transform: scale(0);-webkit-transition: all .3s ease;transition: all .3s ease;width: 25px;}
	.chckbx:checked + .checkbox-1:before {background:#ee3823;border-color:#ee3823;}
	.chckbx:checked + .checkbox-1:after {transform: scale(1);}
	.paper_con .tt{position:relative;background:#f9f9f9;padding:15px 15px;border-top:1px dashed #d4d4d4;text-align:left;font-size:17px;font-weight:300;}
	.paper_con .tt .print_ic{position: absolute;top: -20px;right: 10px;line-height: 1; padding:9px 10px;background: #555; border-radius: 50px;width: 38px;height: 38px;}
	
.modal-content{width:615px;border-radius:20px;overflow:hidden;background:#fff; margin:130px auto;}
	.modal-content .y_box{background:#fdb813;padding:20px 25px 15px;color:#fff;position: relative;}
	.modal-content .y_box h3{font-weight:400;}
	.modal-content a.btn-layerClose {position:absolute;top: 22px; right: 14px;}
	.modal-content .paperpop_con{padding:50px 32px 0;}
	.modal-content .paperpop_con .viewimg{width:56%;text-align:center;margin: auto;}
	.modal-content .paperpop_con .viewimg img{padding:35px;border:1px solid #e1e1e1;}
	.modal-content .paperpop_con .videoimg{float:right;}
	.modal-content .paperpop_con .videoimg li{position:relative;margin-bottom:2vh;}
	.modal-content .paperpop_con .videoimg li:last-child{margin-botto:0;}
	.modal-content .paperpop_con .videoimg li a{position: relative;display:block;overflow:hidden;}
	.modal-content .paperpop_con .videoimg li .videott{font-size: 17px;margin-bottom: 5px;}
	.modal-content .paperpop_con .videoimg li .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;}
	.modal-content .paperpop_con .videoimg li .shadow{position: absolute;left: 0;top: 0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
	.modal-content .print_btn{display:inline-block;float:right;margin: 30px 40px;padding: 15px 70px; background: #000; color: #fff;border-radius: 10px;font-size:20px;}
	.modal-content .print_btn:hover{background:#535353;transition:0.3s;}
	
	
	
	/* The Modal (background) */
	.modal {
	  display: none; /* Hidden by default */
	  position: fixed; /* Stay in place */
	  z-index: 2; /* Sit on top */
	  left: 0;
	  top: 0;
	  width: 100%; /* Full width */
	  height: 100%; /* Full height */
	  overflow: hidden; /* Enable scroll if needed */
	  background-color: rgb(0,0,0); /* Fallback color */
	  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	}

	
	
	
	
	
/* 익스 */
@media screen and (min-width:0\0){
	
	.engtop .top_tt .v_go{padding:15px 38px 6px;}
	.paper_con .chck_box{top:25px;}
	.subcon_play li .tt{padding:18px 10px 12px;}
	:checked.chckbx + .checkbox-1::after{top:3px;}
	.eng_submenu .contab li a{padding:10px 15px 6px;}
	.paper_con .tt{padding:18px 15px 12px;}
}

/* 반응형 */  
@media screen and (max-width: 1024px){
	.container{width:96%;}
	.eng_explain .whylist li{width: 32.5%;margin-right: 1.2333%;}
	.eng_category li{width: 32.5%;margin-right: 1.2333%;}
	.eng_slider .slick-prev, .eng_slider .slick-nex{display:none !important;}
	.eng_slider .playthumb{padding: 20px 0 15px;}
	.eng_slider .slick-dots li button:before{content:'';width:12px;height:12px;border-radius:12px;background:#ee3823;}
	
	.subcon_play li{width: 19%;margin-right: 1.233%;}
	
	.chant_con ul{width:88%;}
	
	.chmodal-content,.modal-content{width:75%;margin: 38% auto;}

}



@media screen and (max-width: 800px){
	.engsub_top h2{font-size: 28px;}
	
	
	
}


@media screen and (max-width: 768px){
	h2{height:auto;}
	.eng_explain .whylist li .txt{padding: 16px;font-size: 15px;}
	.eng_category li b{font-size:21px;}
	
	.engsub_top .engnav{width:70%;}
	
	.pop-conts{padding:35px 30px;}
	.modal-content{width:75%;margin: 28% auto;}
}



@media screen and (max-width: 601px){
	h2{font-size:40px;}
	.engtop{background-position:66% 0;padding: 60px 0;}
	.engtop .top_tt{width:90%;margin:0 auto;padding: 40px 22px;background: rgba(255,255,255,0.9);text-align: center;}
	.engtop .top_tt h1 img{width: 50%;}
	.engtop .top_tt p{font-size: 16px;}
	.eng_explain{padding: 7vh 0;}
	.eng_explain .whylist li{width: 80%; margin-right: inherit; margin: 0 auto 4vh;float: inherit;}
	.eng_explain .whylist li img{width:100%;}
	.eng_explain .whylist li .txt{padding: 18px; font-size: 21px;}
	.eng_explain .whylist li:last-child{margin-right:auto;}
	.eng_category{padding: 9vh 0 3vh;}
	.eng_category li{width:49%;margin-right:2%;margin-bottom: 4vh;}
	.eng_category li:nth-child(3),.eng_category li:nth-child(5){margin-right:2%;}
	.eng_category li:nth-child(2), .eng_category li:nth-child(4),.eng_category li:nth-child(6), .eng_category li:nth-child(8),.eng_category li:last-child{margin-right:0;}
	
	.engsub_top{padding: 5vh 0;}
	.engsub_top h2{float:inherit;text-align:center;}
	.engsub_top .engnav{float:inherit;width:100%;margin-top: 3vh;}
	.subcon_play li{width: 48.5%; margin-right: 3%;}
	.subcon_play li:nth-child(3),.subcon_play li:nth-child(5){margin-right:3%;}
	.subcon_play li:nth-child(2), .subcon_play li:nth-child(4),.subcon_play li:nth-child(6), .subcon_play li:nth-child(8),.subcon_play li:last-child{margin-right:0;}
	
	.chant_con ul{width:75%;}
	
	.pop-conts video{border-width:10px;}
	.pop-conts h3{font-size:30px;}
	.pop-conts h3 span{font-size:17px;}
	
	.modal-content .paperpop_con .videoimg{width: 38%;}
	
	.paper_con li{width:49%;margin-right: 2%;margin-bottom: 4%;}
	.paper_con li:nth-child(2){margin-right:0;}
}


@media screen and (max-width: 480px){
	.pc_block{display:none;}
	.m_block{display:block;}
	.engtop{height:auto;padding: 6vh 0;}
	.engtop .top_tt {padding: 25px 14px;border-radius: 10px 10px 80px 10px;}
	.engtop .top_tt h1 img{width:60%;}
	.engtop .top_tt .v_go{font-size: 16px;padding: 10px 30px;}
	.eng_explain .whylist li{width:90%;}
	.eng_explain .whylist li .txt{font-size:18px;}
	.eng_slider .slick-dots li{margin:0;}
	.eng_slider .slick-dots li button:before{width:10px;height:10px;}
	.eng_slider .playthumb a{border-radius:10px 10px 35px 10px;}
	.eng_category li b{font-size:18px;}
	
	.engsub_top .engnav{margin-top:5vh;}
	
	.engsub_top .engnav li .ic_img img{width:90%;}
	
	.subcon_chant .container{width:100%;}
	.chant_con{padding:5vh 0;}
	.chant_top h2{font-size:36px;}
	.chant_top p{font-size: 17px;padding: 0 20px;word-break: keep-all;}
	.chant_con ul{width:70%;}
	.chant_con ul li{margin: 2.5%;width: 45%;}
	.chant_con ul li img{width:100%;}
	.chmodal-content{width:82%;}
	.chmodal-content,modal-content{margin:35vh auto;}
	.pop-conts h3{font-size:26px;}
	.pop-conts{padding: 25px 16px;}
	.pop-conts .video-dimensions{max-width:275.5px; height: 415px; !important;}

	a.btn-layerClose{width:16px;}
	
	.eng_submenu .contab{display:none;}
	
	.paper_con li p{font-size:16px;word-break:keep-all;}
	.modal-content .y_box h3{font-size: 18px;}
	.modal-content .paperpop_con{padding: 4vh 10vw 0;}
	.modal-content .paperpop_con .viewimg{width:76%;float:inherit;margin: 0 auto;}
	.modal-content .paperpop_con .videoimg{width:100%;float:inherit;}
	.modal-content .paperpop_con .videoimg li{display:inline-block;width: 48%;margin: 0 0.5% 10%;}
	.modal-content .paperpop_con .videoimg li .videott{font-size: 14px;margin-bottom: 5px;margin-top: 12px;}
	.modal-content .paperpop_con .videoimg li .play{width:30%;}
	.modal-content .print_btn{width:100%;float:inherit;display:block;padding: 14px 0;text-align: center;border-radius: 0 0;margin: 0;}
	
	.paper_con .morebtn{margin-top:2vh;display:block; padding: 10px;border: 1px solid #d9d9d9;}
	
}



@media screen and (max-width: 340px){
	h2{font-size:34px;}
	.eng_explain .whylist li .txt,.eng_category li b{font-size:16px;}
	
	.engsub_top h2{font-size:24px;}
	.engsub_top .engnav li p{font-size:14px;}
	.chmodal-content{width:88%;}
	.pop-conts h3{font-size:22px;}
	.pop-conts h3 span{font-size:14px;}
	
	.modal-content{margin: 23% auto;}
	.modal-content .y_box{padding: 12px 25px 8px;}
	.modal-content a.btn-layerClose{top: 13px;}
}