/* ---- ¸ÞÀκñÁê¾ó---- */
.flickity-enabled { position: relative;}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {overflow: hidden; position: relative; height: 100%;}
.flickity-slider {position: absolute; width: 100%; height: 100%;}
.flickity-enabled.is-draggable {-webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none;}
.flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab;}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing;cursor: grabbing;}
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot { display: inline-block; width:66px; height:100px; cursor: pointer;}
.flickity-prev-next-button{display: none;}
.flickity-viewport{width: 100%;}
.flickity-page-dots .dot{opacity: 1; position:absolute;z-index:999; }
.flickity-page-dots .dot.is-selected{ background:url(../../img/dotA.png) no-repeat 0 0; width:66px; height:100px;margin-left:0;margin-top:-0; }
.flickity-page-dots {position:absolute;top:55%;left:50%;list-style: none;text-align: center;z-index: inherit;margin-left:-145px; margin-top:-150px;width:289px;height:50px;background:url(../../img/rect_bg.png) no-repeat 0 0; }
/*¸ÞÀÎÀ̹ÌÁö Æ÷ÀÎÆ® À§Ä¡*/
.flickity-page-dots .dot:nth-child(1){top:-15px;left:0px;}
.flickity-page-dots .dot:nth-child(2){top:-15px;left:80px;}
.flickity-page-dots .dot:nth-child(3){top:-15px;left:160px;}
.flickity-page-dots .dot:nth-child(4){top:-15px;left:240px;}
.slides {margin:0; padding:0; zoom:1;height: 100%;background-size: 100% 100%;}
.slides > li {height:100%;position: relative; z-index:2; }
.slides .cont{width: 100% !important; background-size: cover; display:block; height:100%; background-position:50%; z-index: inherit;}
.slides .box h2{font-size:86px;color: #fff;font-weight:900; text-align:center; line-height:80px;   font-family: 'Permanent Marker', cursive; }
.slides .box .textBox{line-height:22px;font-weight: 300;padding: 30px 20px 30px; color: #fff;font-size: 16px; height:39px;
text-overflow:ellipsis; display:-webkit-box; word-wrap:break-all; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow: hidden;}
.slides .box { width:390px; height:300px; position:absolute; left:50%; position:absolute; margin-left:-215px; top:48%; margin-top:-20px; text-align:center; padding:0 20px; color:#fff; z-index:999; }

@media screen and (min-width:200px) and (max-width:669px) {
/*¸ÞÀÎ ½½¶óÀ̵å*/
.slides .cont .box h2 { font-size:55px; line-height:50px;}
.slides .cont .box .textBox{padding:15px;font-size:13px; line-height:18px;}
.TopScroll { right:20px; width:38px; height:38px; background-size:15px;}
.TopScroll:hover {background-size:15px;}
.TopScroll a { width:38px; height:38px;}
.slider .downBtn img{ width:50px;}
.slider .downBtn { margin-left:-25px;}
.flickity-page-dots {top:65%;}
.slides .box { top:54%;}
.flickity-page-dots .dot.is-selected{ background-size:33px; width:33px; height:50px;  }
.flickity-page-dots { margin-left:-73px; margin-top:-150px;width:147px;height:26px; background-size:147px; }
/*¸ÞÀÎÀ̹ÌÁö Æ÷ÀÎÆ® À§Ä¡*/
.flickity-page-dots .dot:nth-child(1){top:-15px;left:-3px;}
.flickity-page-dots .dot:nth-child(2){top:-15px;left:37px;}
.flickity-page-dots .dot:nth-child(3){top:-15px;left:77px;}
.flickity-page-dots .dot:nth-child(4){top:-15px;left:120px;}
}

/*º»¹®À̵¿¹öÆ°*/
.taBox{top: 50%;left: 50%;position: absolute; display:none;}
.taBox p { position:absolute;}
.taBox p img{position:absolute; z-index:10; top: 0;left: 0; }

/* ·¹À̾ƿô */
.wArea{width:1280px; margin: 0 auto; }
.content {position: relative; max-width:1920px; margin:0 auto; width:100%;}
.content h2{font-size:51px;padding-top:0px; padding-bottom:20px; margin-bottom:10px; letter-spacing:-1px; line-height:45px; font-weight:900;}
.content .subText{font-size:15px;padding-bottom:20px; color:#2C2C2A; font-weight:400; }
/* title */
.container01 .box01{background:#FFE300; padding:80px 0; text-align:center;}
.container01 h2{color: #12120F;   font-family: 'Permanent Marker', cursive;}
.content .subText a { color: #2C2C2A;  font-size:14px; text-decoration:underline; margin-top:10px; display:block; font-weight:bold; }
/* ¹è³Ê1 Arte English Studio */
.container01 .box01 ul{display: inline-block; max-width:1200px; width:100%; margin:0 auto; }
.container01 .box01 ul li { float:left; width:21%; height:200px; display:inline-blcok; margin:0 2%; }
.container01 .box01 ul li.mb_01 div h3 {background:url(../../img/mbusi_icon1.png) no-repeat center 20px; }
.container01 .box01 ul li.mb_02 div h3 {background:url(../../img/mbusi_icon2.png) no-repeat center 20px; }
.container01 .box01 ul li.mb_03 div h3 {background:url(../../img/mbusi_icon3.png) no-repeat center 20px; }
.container01 .box01 ul li.mb_04 div h3 {background:url(../../img/mbusi_icon4.png) no-repeat center 20px; }
.container01 .box01 ul li a div {margin:0 auto;}
.container01 .box01 ul li a:hover div {opacity: 0.7; filter:alpha(opacity=70);}
.container01 .box01 ul li a div h3 {margin:0 auto; padding-top:140px; font-size:16px; font-family: 'Gugi', cursive; color: #2C2C2A; font-weight:600; }
.container01 .box01 ul li a div span { font-size:13px;color: #2C2C2A; padding-top:10px; letter-spacing:-0.03em;  font-weight:400; line-height:140%; width:95%; margin:0 auto; display:block;}
 
  
 
/* ¹è³Ê2 project*/
.container02 {background:url(../../img/mproject_bg.jpg) no-repeat center top;  padding:0 0 100px 0; text-align:center;}
.container02 h2{color:#FFE300; font-size:80px; font-family: 'Permanent Marker', cursive; padding-top:90px;}
.container02 .subText{color:#FFE300;  margin-bottom:0px; padding-top:10px;}
.container02 li{width: 25%;height: 250px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover; background-position:50%; position:relative; overflow:hidden;}
.container02 li:hover{overflow: hidden;}
.container02 li .hover{font-size:13px;text-align: left;position: relative; position:absolute; left:0px; top:250px; background:#FFE300; opacity: 0.8; filter:alpha(opacity=80); height: 100%;padding:30px 20px;box-sizing:border-box; }
.container02 li .hover h4{font-family: 'Permanent Marker', cursive; font-size: 25px; color: #2C2C2A;padding-top: 20px;background: url(../../img/titlebar03.gif) no-repeat 0 0px; font-weight:400; }
.container02 li .hover .sum{color:#fff; background:#2C2C2A;  padding:6px 4px 3px 4px; font-size:15px; display:inline-block; line-height:100%;}
.container02 li a .hover .descrip{padding-top:20px;color: #2C2C2A; font-size:15px;  width:100%; display:block; word-wrap:break-all;    }
/* ¹è³Ê3 class */
.container04 .box01{background:#F6F6F6; padding:80px 0; text-align:center;  transform: skew(-0.03deg);}
.container04 h2{color: #12120F;  font-family: 'Permanent Marker', cursive;   }
.container04 .box01 ul{display: inline-block; max-width:1260px;height:560px; width:96%; margin:30px 2%;  background:#fff; }
.container04 .box01 ul li { float:left; width:33.333%; height:560px; display:inline-block; }
.container04 .box01 ul li.mc_01 {background:url(../../img/mclass_01.jpg) no-repeat center 280px; background-size:420px;}
.container04 .box01 ul li.mc_02  {background:url(../../img/mclass_02.jpg) no-repeat center 0; background-size:420px;}
.container04 .box01 ul li.mc_03   {background:url(../../img/mclass_03.jpg) no-repeat center 280px; background-size:420px;}
.container04 .box01 ul li a div {padding:30px 20px 20px 30px; text-align:left;  }
.container04 .box01 ul li a div h3 { margin:30px auto; font-size:21px; transform: skew(-0.03deg); color: #000; font-weight:600; font-family:"Noto Sans Korean", sans-serif;}
.container04 .box01 ul li a div span { word-break: keep-all; font-size:14px;color: #2C2C2A; font-weight:400;  transform: skew(-0.03deg);line-height:140%;}
.container04 .box01 ul li a div h3 span  { margin-right:8px; font-size:28px;color: #FFE300;font-family: 'Permanent Marker', cursive; display:inline; padding:15px 5px 0 20px; line-height:100%;background:#2C2C2A; }  
.container04 .box01 ul li.mc_02 a div {padding-top:310px;}

/* ¹è³Ê4 notice contact */
.container03 h2{background: url(../../img/titleBar04.png) no-repeat center 60px;color: #fff; padding-top:0; padding-bottom:20px; font-family: 'Gugi', cursive;font-family: 'Permanent Marker', cursive;}
.container03 p { color:#fff; opacity:0.8; filter:alpha(opacity=80); }
.container03 ul > li{width: 50%;position:relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:449px; display:inline-block; text-align:center; }
.container03 ul > li a{ display:block; width:100%; height:100%; position:relative; z-index:2; }
.container03 ul > li .over_bg {opacity:0; filter:alpha(opacity=0); background:#FFE300; width:100%; height:100%; position:absolute; left:0px; top:0; transition:all .5s; -moz-transition:all .5s}
.container03 ul > li:hover .over_bg{opacity:0.7; filter:alpha(opacity=70); }
.container03 .bg01 { background:url(../../img/news_bg.jpg) no-repeat 50%; -webkit-background-size:cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover;}
.container03 .bg02 { background:url(../../img/contact_bg.jpg) no-repeat 50%; -webkit-background-size:cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover;}
.container03 .box_line{ display:inline-block; vertical-align:middle; }
.container03 .bg01 a:before { width:1px; height:100%; content:' '; vertical-align:middle; margin-left:-1px; display:inline-block; }
.container03 .bg02 a:before { width:1px; height:100%; content:' '; vertical-align:middle; margin-left:-1px; display:inline-block; }
/* ¹è³Ê5  ¿Â¶óÀι®ÀÇ*/
.project_btn { width:100%; text-align:center; background:#FFE300;}
.project_btn a { padding:40px 0 20px 0; display:block; transition:all 200ms linear; -webkit-transition:all 200ms linear; cursor:pointer; -moz-transition:all 200ms linear; -ms-transition:all 200ms linear; -o-transition:all 200ms linear; }
.project_btn a h3 {background:url(../../img/icon_online.png) no-repeat center top; padding-top:60px; font-family:'Archivo Narrow',sans-serif; font-size:17px; color:#2C2C2A; font-weight:600;}
.project_btn a p { padding-top:10px; font-size:13px; color:#2C2C2A; opacity:0.8; filter:alpha(opacity=80);}
.project_btn a:after { content:''; display:inline-block; width:26px; height:13px;  margin-left:15px; }
.project_btn a:hover { background:#161615; color:#2C2C2A;}
.project_btn a:hover h3 {background:url(../../img/icon_online2.png) no-repeat center top; color:#FFE300; }
.project_btn a:hover p { color:#FFE300;}

@media screen and (min-width:960px) and (max-width:1280px) {
.content { width:100%; }
.wArea { width:960px; margin:auto; position:relative; }
.content .linear { transition:all 200ms linear; -webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -ms-transition:all 200ms linear; -o-transition:all 200ms linear;}
.content .work_more a:hover {background:#FFE300 url(../../img/more_work.png) center no-repeat;}
/* ¹è³Ê1 Arte English Studio  */
.container01 .box01 ul{ max-width:960px;}
.container03 ul > li { height:350px;}
/* ¹è³Ê3 class */
.container04 .box01 ul li a div h3 {font-size:19px;}
.container04 .box01 ul li a div h3 span  { font-size:19px; padding:12px 5px 0 15px;} 
}
 
@media screen and (min-width:670px) and (max-width:959px) {
.wArea { width:100%; }
.container02 ul {max-width:640px; margin:0 auto;}
.container02 li { width:50%;}
.container02 .subText { margin-bottom:30px;}
.container01 .box02 ul li { width:50%; margin:10px 0;}
.container03 ul > li { height:350px;}
.taBox { display:none; }
.content .subText { padding:0 20px;}
/* ¹è³Ê1 Arte English Studio  */
.container01 .box01 ul{ max-width:670px;}
.container03 ul > li { width:100%; float:none !important; height:280px;}
.container01 .box01 ul li a div span {font-size:11px;}
 
/* ¹è³Ê4 notice contact */
.contact .ff > li li{min-height: 60px;padding: 10px 0; margin-right: 30px; border-bottom: 1px solid #d5333a; margin-left:10px;}
.mapBox .map_wrapper{height:400px;}
.contact .send_from { margin-right:10px;}
/* ¹è³Ê3 class */
.container04 .box01 ul li a div {padding:10px;  }
.container04 .box01 ul li a div h3 { margin:20px auto; font-size:14px;  }
.container04 .box01 ul li a div span { font-size:12px; line-height:120%;}
.container04 .box01 ul li a div h3 span  {font-size:15px; padding:5px 5px 0 5px;}  
}

@media screen and (min-width:200px) and (max-width:669px) {
.content { width:100%; }
.wArea { width:100%; margin:auto; position:relative; }
.container01 .box01 { padding:40px 0;}
.taBox { display:none;}
.content .subText {padding:0 15px; font-size:12px; line-height:130%;}
.content .subText br{ display:none;}
.content h2 { font-size:27px; padding-bottom:5px; padding-top:0px; background-size:30px 2px; line-height:32px;}
.content .subText a {font-size:12px;} 

/* ¹è³Ê1 Arte English Studio  */
.container01 .box01 ul{ max-width:420px; width:90%; margin:0 auto; }
.container01 .box01 ul li { float:left; width:50%; height:auto;  margin:20px 0; }
.container01 .box01 ul li.mb_01 div h3,
.container01 .box01 ul li.mb_02 div h3,
.container01 .box01 ul li.mb_03 div h3,
.container01 .box01 ul li.mb_04 div h3 {background-size:50px;}
.container01 .box01 ul li a div h3 {   padding-top:80px;  }
.container01 .box01 ul li a div span { font-size:12px;  width:100%;}
/* ¹è³Ê2 project */
.container02 .subText { margin-bottom:20px; font-size:11px; line-height:140%;}
.container02 { padding:50px 0;}
.container02 li { width:50%; height:170px;}
.container02 li .hover{ padding:10px; transition: all 0.4s ease-out 0.0s; -moz-transition: all 0.4s ease-out 0.0s; -webkit-transition: all 0.4s ease-out 0.0s;}
.container02 li a .hover .descrip{padding-top:10px; height:40px; -webkit-line-clamp:2; }
.container02 li .hover h4 { font-size:16px; margin-top:10px; font-weight:normal; background-position:0 10px; background-size:20px 2px;}
.container02 li a .hover .descrip{  font-size:12px; line-height:140%;}
 
/* ¹è³Ê3 class */
.container04 .box01{ padding:40px 0;  }
.container04 .box01 ul{  max-width:300px; height:auto;margin:10px 2%;    }
.container04 .box01 ul li { float:none; width:100%; height:auto; display:block; }
.container04 .box01 ul li.mc_01, 
.container04 .box01 ul li.mc_02,
.container04 .box01 ul li.mc_03 {background-position: center 0px; background-size:300px; }
.container04 .box01 ul li a div,.container04 .box01 ul li.mc_02 a div  {padding:220px 20px 20px 20px; }
.container04 .box01 ul li a div h3 { margin:20px auto;   font-size:18px; letter-spacing:-0.03em; }
.container04 .box01 ul li a div span { font-size:12px;}
.container04 .box01 ul li a div h3 span  {font-size:16px; padding:10px 5px 0 15px;}  

/* ¹è³Ê4 notice contact */
.container03 ul > li { width:100%; float:none !important; height:170px;}
.container03 h2 {background-size:30px 2px; background-position: center 90%; padding:0;}
.container03 p { font-size:11px;}
/* ¹è³Ê5  ¿Â¶óÀι®ÀÇ*/
.project_btn a p {font-size:11px;}
.project_btn a h3,
.project_btn a:hover h3 {background-size:30px; }
.project_btn a h3 {  padding-top:40px;}
}
/* ÇÏ´Ü È¸»çÁ¤º¸*/
#footer{background: #1e1e1d; text-align: center;color: #8E8E8D; padding:30px 0; font-size:12px; line-height:150%; }
#footer span { padding:7px; display:inline-block; }
#scrollbar { position:fixed; right:2px; height:50px; width:6px; background:#444; background:rgba(0,0,0,0.6); border:1px solid rgba(255,255,255,0.6); z-index:300; border-radius:3px;}
.skrollr-desktop #scrollbar {display:none;}
@media screen and (min-width:200px) and (max-width:669px) {
#footer { padding:15px 0; font-size:10px;}
#footer span { padding:5px; display:block; }
}