@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300&display=swap');
@font-face {
  font-family: 'NanumSquare';       
  font-style:   normal;
  font-weight:  300;
  src: url(./../fonts/NanumSquareL.eot);
  src: url(./../fonts/NanumSquareL.eot?#iefix) format('embedded-opentype'),
       url(./../fonts/NanumSquareL.woff) format('woff'), 
       url(./../fonts/NanumSquareL.otf)  format('opentype'),
       url(./../fonts/NanumSquareL.ttf)  format('truetype')
}

@font-face {
  font-family: 'NanumSquare';       
  font-style:   normal;
  font-weight:  400;
  src: url(./../fonts/NanumSquareR.eot);
  src: url(./../fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'), 
       url(./../fonts/NanumSquareR.woff) format('woff'), 
       url(./../fonts/NanumSquareR.otf)  format('opentype'),
       url(./../fonts/NanumSquareR.ttf)  format('truetype')
}

@font-face {
  font-family: 'NanumSquare';       
  font-style:   normal;
  font-weight:  700;
  src: url(./../fonts/NanumSquareB.eot);
  src: url(./../fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'), 
       url(./../fonts/NanumSquareB.woff) format('woff'), 
       url(./../fonts/NanumSquareB.otf)  format('opentype'),
       url(./../fonts/NanumSquareB.ttf)  format('truetype')
}

@font-face {
  font-family: 'NanumSquare';       
  font-style:   normal;
  font-weight:  800;
  src: url(./../fonts/NanumSquareEB.eot);
  src: url(./../fonts/NanumSquareEB.eot?#iefix) format('embedded-opentype'), 
       url(./../fonts/NanumSquareEB.woff) format('woff'), 
       url(./../fonts/NanumSquareEB.otf)  format('opentype'),
       url(./../fonts/NanumSquareEB.ttf)  format('truetype')
}

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 300;
    src: local('Spoqa Han Sans Regular'),
    url(./../fonts/SpoqaHanSansRegular.woff) format('woff'),
    url(./../fonts/SpoqaHanSansRegular.ttf) format('truetype');
}
/* layout */
iframe{width: 0;height: 0;float: left;}

/* reset */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, a, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, td, input, select, textarea{margin:0;padding:0;    -webkit-text-size-adjust:none;}
hr{display:none;}
ul, ol, li{list-style:none;}
img, fieldset{border:none;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
table{border-collapse:collapse;width:100%;}
address, em, optgroup{font-style:normal;}
object{vertical-align:top;}
input, button, select{vertical-align:middle;}
strong{font-weight:normal;}
option{padding-right:6px;} /* Firefox Fix */
legend{display:none;visibility:hidden;}
img, fieldset, button{vertical-align:middle;border:0;}
ul, ol{list-style:none;}
em, address{font-style:normal;}
hr{display:none;visibility:hidden;}
caption {display:none;}
input, textarea, button{line-height: 1.2;/* 입력폼에서 춤추지 않는 최소 줄간 1.2 */ vertical-align: middle;}
label,button{cursor:pointer;}
legend {position:absolute;}
legend, caption, hr {overflow:hidden; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px);}
a,
a:link,
a:visited,
a:active,
a:hover {text-decoration:none;}

 /* Chrome, Firefox, Opera, Safari 10.1+ */
::placeholder {color:#AAA; opacity: 1;/* Firefox */}

/* Internet Explorer 10-11 */
:-ms-input-placeholder {color:#AAA;}

html, body{margin:0; height:100%;font-family: 'NanumSquare';}
* {-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
table {border:0;}
textarea{resize: vertical;}
.clear{clear:both;}
.fleft{float:left}
.fright{float:right}
.tleft, td.tleft{text-align:left !important;}
.tcenter, td.tcenter{text-align:center !important;}
.tright, td.tright{text-align:right !important}
.clear_area:after{content:""; display:block; clear:both;}
.blind{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
.mb_view{display: none;}
.pc_view{display: block;}
img.pc_view{display: inline-block;}
.page_indicator {position:fixed; width:auto; top:50%; transform:translateY(-50%); right:25px; z-index:999;}
.indicator_nav ul {list-style:none; margin:0; padding:0; float:right;}
.indicator_nav ul li {display:block; width:auto; margin: 0; text-align:center; position:relative;}
.indicator_nav ul li a {width:15px; height:35px; line-height:32px; display:block; position:relative;}
.indicator_nav ul li a>span{display:none}
.indicator_nav ul li a:before{content:""; width:8px; height:8px; border-radius:100%; background-color:transparent; display:inline-block; vertical-align:middle; position:absolute; left:0px;border: 2px #ccc solid;}
.indicator_nav ul li.active a:before{width: 13px;height: 13px;background-color:#cf152d;border: none;}


header{width:100%; min-width:1200px; height: 80px;position:fixed; top:0; left:0; background-color:#202020; transition: all 0.2s ease-out; z-index:9998;}
header h1{position: absolute;top: 20px;left: 30px;}
header > ul {text-align: center;}
header > ul > li {display: inline-block;position:relative;font-size: 0}
header > ul > li > a {font-size:18px; color:#fff; text-align:center; display:block; padding:26px 40px 27px; position:relative; z-index: 9999}
header > ul > li > a.active{color: #f00}
header > ul > li > a:after{position: absolute;top: 50%;left: 0;margin-top: -2px;margin-left: -2px;content: '';display: inline-block;width: 4px;height: 4px;background: #989;border-radius: 100%;}
header > ul > li:first-child > a:after{display: none}

footer{background: #222325;height: 130px;}
.footer_wrap{position: relative;width: 1200px;margin: 0 auto;padding-top: 45px;}
.footer_wrap h1{position: absolute;top: 45px;left: 0;line-height: 16px;}
.footer_wrap address{margin-left: 210px;font-size: 16px;color: #999;}
.footer_wrap small{display: inline-block;width: 1px;height: 13px;margin: 0 15px;background: #999;vertical-align: middle;}

@-webkit-keyframes scrolldown{
  0%{opacity:1;top:6px}
  50%{opacity:0.5;top:26px}
  100%{opacity:1;top:6px}
}
@keyframes scrolldown{
  0%{opacity:1;top:6px}
  50%{opacity:0.5;top:26px}
  100%{opacity:1;top:6px}
}
.scroll_down{position: relative;width: 150px;height: 165px;margin: 0 auto;padding-top: 90px;text-align: center;font-size:16px;}
.scroll_down:before{position: absolute;top: 0;left: 50%;content: '';display: inline-block;width: 1px;height: 80px;background: #fff;margin: 0 auto;}
.scroll_down span{position: absolute;bottom: 0;left: 50%;margin-left: -13px;display: inline-block;width: 26px;height: 44px;border: 3px #fff solid;border-radius: 26px;}
.scroll_down span:before{position: absolute;top: 0;left: 50%;margin-left: -2px;content:'';width: 4px;height: 4px;background: #fff;border-radius: 4px;-webkit-animation-name:scrolldown;animation-name:scrolldown;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}

.section{background-position: 50% 0 ;background-repeat: no-repeat;}
.section .inner{position: relative;width: 1200px;height: 1000px;margin: 0 auto;text-align: center;}
.section h2{padding-top: 85px;font-size: 55px;font-weight: 700;}
.section h3{font-size: 42px;margin-top: 15px;letter-spacing: -1px;}
.section .txt{font-size: 21px;margin-top: 50px;color: #777;line-height: 1.5;}
.section .txt p{margin-bottom: 20px;}
/* 메인 비주얼 */
.main_top{margin-top: 80px;padding-bottom: 45px;background-color: #222325;background-image: url(./../images/bg_main1.png); color: #fff}
.main_top .inner{height: 790px;text-align: left;}
.main_top .inner h2{padding-top: 325px;font-size: 58px}
.main_top .inner h3{font-size: 45px}
@-webkit-keyframes main_title{
    0%{opacity:0;transform:translateY(-50px);}
  100%{opacity:1;transform:translateY(0px);}
}
@keyframes main_title{
    0%{opacity:0;transform:translateY(-50px);}
  100%{opacity:1;transform:translateY(0px);}
}
.main_top .inner h2{
  opacity:0;
  animation:main_title 0.8s 0.1s;
  animation-fill-mode:forwards;}
.main_top .inner h3{
  opacity:0;
  animation:main_title 0.8s 0.1s;
  animation-fill-mode:forwards;}
.main_top .inner .txt{
  color: #999;
  opacity:0;
  animation:main_title 0.8s 0.5s;
  animation-fill-mode:forwards;}
.main_top .inner .img_main{display: none;}

/* 에듀뱅크 */
.section.type1{background-color: #3c3d39 ;background-image:url(./../images/bg_section1.png) ;color: #fff}
.section.type1 .inner h2{font-size: 58px}
.section.type1 .inner .txt{color: #f00;color: #ccc}
.slide_wrap{overflow: hidden;position: relative;width: 100%;height: 545px;margin: 55px auto 0;}
.swiper-button-next,
.swiper-button-prev{width: 70px;height: 70px;margin-top: -95px;background-color: #2b2c2b;background-position: 50% 50%;background-repeat: no-repeat;border-radius: 100%;opacity: 0.4;-webkit-background-size: auto;background-size: auto;outline: none}
.swiper-button-next{right: 0;background-image: url(./../images/swiper-button-next.png);}
.swiper-button-prev{left: 0;background-image: url(./../images/swiper-button-prev.png);}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0.2;}
.swiper-button-next{}
.swiper-pagination{bottom: 0;}
.swiper-pagination-bullet{width: 36px; height: 4px;background: #999;border-radius: 0;opacity: 1;transition: .4s;}
.swiper-pagination-bullet-active{width: 60px;background: #fff;transition: .4s;}

.section.type1 .cont1{width: 100%;height: 100%;}
.section.type1 .cont1 div.el2{margin-left: 30px;}
.section.type1 .cont1 div.el3{margin: 0;}
.section.type1 .cont1 div.el4{margin-right: 30px;}
.section.type1 .cont2{width: 100%;height: 100%;}
.section.type1 .cont3{width: 100%;height: 100%;}
.section.type1 .cont3 .box{width: 620px;height: 440px;}
.section.type1 .cont3 .box .el1,
.section.type1 .cont3 .box .el2,
.section.type1 .cont3 .box .el3{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.slide_wrap .box{width: 980px;height: 410px;margin: 0 auto;display: flex;align-items: center;}
.slide_wrap .box>div{margin: 0 auto;}
.slide_wrap p{color: #ff6700;font-size: 22px;font-weight: 700;line-height: 80px;}
.slide_wrap .line{width: 0px;margin: 0 auto;opacity: 0;border-top: 1px #999 dashed;transition: .4s;}
@-webkit-keyframes cont_moveL{
    0%{opacity:0;transform:translateX(-50px);}
  100%{opacity:1;transform:translateX(0px);}
}
@-webkit-keyframes cont_moveR{
    0%{opacity:0;transform:translateX(50px);}
  100%{opacity:1;transform:translateX(0px);}
}
@-webkit-keyframes cont_moveB{
    0%{opacity:0;transform:translateY(50px);}
  100%{opacity:1;transform:translateY(0px);}
}
@-webkit-keyframes cont_moveT{
    0%{opacity:0;transform:translateY(-50px);}
  100%{opacity:1;transform:translateY(0px);}
}
@keyframes cont_moveL{
    0%{opacity:0;transform:translateX(-50px);}
  100%{opacity:1;transform:translateX(0px);}
}
@keyframes cont_moveR{
    0%{opacity:0;transform:translateX(50px);}
  100%{opacity:1;transform:translateX(0px);}
}
@keyframes cont_moveB{
    0%{opacity:0;transform:translateY(50px);}
  100%{opacity:1;transform:translateY(0px);}
}
@keyframes cont_moveT{
    0%{opacity:0;transform:translateY(-50px);}
  100%{opacity:1;transform:translateY(0px);}
}
.swiper-slide-active .cont1 .el1{  
  opacity:0;
  animation:cont_moveL 0.5s 0.1s;
  animation-fill-mode:forwards;
}
.swiper-slide-active .cont1 .el2{  
  opacity:0;
  animation:cont_moveL 0.5s 0.2s;
  animation-fill-mode:forwards;
}
.swiper-slide-active .cont1 .el3{  
  opacity:0;
  animation:cont_moveL 0.5s 0.5s;
  animation-fill-mode:forwards;
}
.swiper-slide-active .cont1 .el4{  
  opacity:0;
  animation:cont_moveL 0.5s 0.6s;
  animation-fill-mode:forwards;
}
.swiper-slide-active .cont1 .el5{  
  opacity:0;
  animation:cont_moveL 0.5s 0.9s;
  animation-fill-mode:forwards;
}
.swiper-slide-active .cont2 .el1{  
  opacity:0;
  animation:cont_moveL 0.8s 0.1s;
  animation-fill-mode:forwards;
}
.swiper-slide-active .cont2 .el2{  
  opacity:0;
  animation:cont_moveL 0.8s 0.5s;
  animation-fill-mode:forwards;
}
.swiper-slide-active .cont2 .el3{  
  opacity:0;
  animation:cont_moveL 0.8s 0.9s;
  animation-fill-mode:forwards;
}
.swiper-slide-active .cont3 .el1{  
  opacity:0;
  animation:cont_moveB 0.8s 0.1s;
  animation-fill-mode:forwards;
}
.swiper-slide-active .cont3 .el2{  
  opacity:0;
  animation:cont_moveB 0.8s 0.5s;
  animation-fill-mode:forwards;
}
.swiper-slide-active .cont3 .el3{  
  opacity:0;
  animation:cont_moveB 0.8s 0.9s;
  animation-fill-mode:forwards;
}
.swiper-slide-active .line{width: 980px;opacity: 1;transition: .4s;transition-delay: 1.3s;}
.swiper-slide-active p{  
  opacity:0;
  animation:cont_moveB 0.8s 1.5s;
  animation-fill-mode:forwards;
}
.cont_detail{width: 380px;border: 2px #c9c9c9 solid;border-radius: 10px;padding: 0 0 30px;}
.cont_detail.type1 dt{position: relative;top: -25px;display: inline-block;margin: 0 auto;background: #cf152d;line-height: 46px;padding: 0 40px;border-radius: 46px;font-size: 24px;}
.cont_detail.type1 dd{text-align: left;font-size: 20px;line-height: 40px;padding-left: 45px;}
.cont_detail.type1 dd:before{content: '';display: inline-block;width: 3px;height: 3px;margin-right: 11px;background: #fff;border-radius: 3px;vertical-align: middle;}
.cont_detail.type2{width: 280px;padding-top: 20px;}
.cont_detail.type2 dt{position: relative;display: inline-block;margin: 0 auto 36px;background: #cf152d;line-height: 46px;padding: 0 40px;border-radius: 46px;font-size: 24px;}
/* 에듀LMS */
.section.type2{background-color: #fff ;background-image:url(./../images/bg_section2.png) ;}
.section.type2 .inner h2{color: #333;opacity: 0;}
.section.type2 .inner h3{color: #333;opacity: 0;}
.section.type2 .inner .txt{opacity: 0;}
.section.type2 .inner .cont_box{opacity: 0;height: 580px;margin-top: 60px;}
.section.type2 .inner .cont_box .bg_box{position: absolute;top: 0;left: 0;width: 100%;z-index: -1;}
.section.type2 .inner .cont_box .cont_txt{position: absolute;text-align: left;font-size: 17px;color: #111;line-height: 1.5;-ms-word-break: keep-all;word-break: keep-all;}
.section.type2 .inner .cont_box .cont_txt .tit{font-size: 32px;line-height: 32px;padding-bottom: 10px;letter-spacing: -1px;transition: .4s;}
.section.type2 .inner .cont_box .cont_txt.ty1:hover .tit{color: #ed7422;transition: .4s;}
.section.type2 .inner .cont_box .cont_txt.ty2:hover .tit{color: #cf152d;transition: .4s;}
.section.type2 .inner .cont_box .cont_txt.ty3:hover .tit{color: #e04445;transition: .4s;}
.section.type2 .inner .cont_box .cont_txt.ty1{width: 280px;top: 85px;left: 10px;}
.section.type2 .inner .cont_box .cont_txt.ty2{width: 230px;top: 130px;right: 10px;}
.section.type2 .inner .cont_box .cont_txt.ty3{width: 320px;top: 500px;left: 130px;}
.action.type2 h2{
  animation:cont_moveT 0.8s 0.1s;
  animation-fill-mode:forwards;
}
.action.type2 h3{
  animation:cont_moveT 0.8s 0.5s;
  animation-fill-mode:forwards;
}
.action.type2 .txt{
  animation:cont_moveT 0.8s 0.9s;
  animation-fill-mode:forwards;
}
.action.type2 .cont_box{
  animation:cont_moveB 0.8s 1.3s;
  animation-fill-mode:forwards;
}
/* 문항임대 */
.section.type3{background-color: #adadad ;background-image:url(./../images/bg_section3.png) ;}
.section.type3 .inner{height: 1123px;}
.section.type3 .inner h2{color: #333;opacity: 0;}
.section.type3 .inner h3{color: #333;opacity: 0;}
.section.type3 .inner .txt{opacity: 0;}
.section.type3 .inner .cont_box{position: relative;opacity: 0;height: 690px;margin-top: 80px;}
.section.type3 .inner .cont_txt {position: absolute;width: 360px;height: 100px;padding-left: 60px;text-align: left;-ms-word-break: keep-all;word-break: keep-all;background-position: 7px 100%;background-repeat: no-repeat;}
.section.type3 .inner .cont_txt img{display: none;}
.section.type3 .inner .cont_txt .tit_big{display: none;}
.section.type3 .inner .cont_txt p{font-size: 18px;color: #111;letter-spacing: -1px;font-weight: 700;line-height: 1.4;}
.section.type3 .inner .cont_txt .tit{font-size: 32px;font-weight: 400;margin-bottom: 20px;line-height: 35px;transition: .4s;}
.section.type3 .inner .cont_txt .tit span{position: relative;padding-bottom: 3px;}
.section.type3 .inner .cont_txt .tit span:before{content: '';display: inline-block;position: absolute;bottom: -4px;left: 0;width: 100%;height: 4px;background: #000;opacity: 0.3;}
.section.type3 .inner .cont_txt.ty1 .tit span:before{background: #2dcccc;}
.section.type3 .inner .cont_txt.ty1{top: 571px;left: 100px;background-image: url(./../images/bg_s3_cont1.png);}
.section.type3 .inner .cont_txt.ty2{top: -2px;left: 731px;background-image: url(./../images/bg_s3_cont2.png);}
.section.type3 .inner .cont_txt.ty3{top: 571px;left: 835px;background-image: url(./../images/bg_s3_cont3.png);}

.section.type3 .inner .cont_txt.ty1:hover .tit{color: #339898;transition: .4s;}
.section.type3 .inner .cont_txt.ty2:hover .tit{color: #d53d42;transition: .4s;}
.section.type3 .inner .cont_txt.ty3:hover .tit{color: #fb6500;transition: .4s;}
.section.type3 .inner .cont_txt.ty1 .tit span{border-bottom: 4px #2a314c solid;}
.section.type3 .inner .cont_txt.ty2 .tit span{border-bottom: 4px #d53d42 solid;}
.section.type3 .inner .cont_txt.ty3 .tit span{border-bottom: 4px #fb6500 solid;}
.section.type3 .inner .cont_box .bg_box{position: absolute;top: 0;left: 0;width: 100%;z-index: -1;}

.section.type3 .inner .cont_txt .tit span:before{
  -webkit-transform-origin: right top; 
  transform-origin: right top; 
  -webkit-transform: scaleX(0); transform: scaleX(0); 
  -webkit-transition: -webkit-transform .3s cubic-bezier(.165,.84,.44,1); 
  transition: -webkit-transform .3s cubic-bezier(.165,.84,.44,1);
  transition: transform .3s cubic-bezier(.165,.84,.44,1); 
  transition: transform .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1); 
}
.section.type3 .inner .cont_txt:hover .tit span:before { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scaleX(1); transform: scaleX(1); }

.action.type3 h2{
  opacity:0;
  animation:cont_moveT 0.8s 0.1s;
  animation-fill-mode:forwards;
}
.action.type3 h3{
  opacity:0;
  animation:cont_moveT 0.8s 0.5s;
  animation-fill-mode:forwards;
}
.action.type3 .txt{
  opacity:0;
  animation:cont_moveT 0.8s 0.9s;
  animation-fill-mode:forwards;
}
.action.type3 .cont_box{
  animation:cont_moveB 0.8s 1.3s;
  animation-fill-mode:forwards;
}
/* 회사소개 */
.icon_bul{display: inline-block;width: 26px;height: 26px;margin: 0 8px;vertical-align: middle;background: url(./../images/icon_bul.png) 50% 50% no-repeat;}
.section.type4{color: #fff}
.section.type4 .txt{color: #999}
.section.type4 .inner_wrap.type1{position: relative;background: #323232;}
.section.type4 .inner_wrap.type1:before{content: '';position: absolute;top: 0;left: 0;z-index: 0;display: block;width: 100%;height: 75%;background: #202020;}
.section.type4 .inner_wrap.type1 .inner{height: 850px;}
.section.type4 .inner_wrap.type1 .inner .b_txt{font-size: 24px;clear: both;padding-top: 70px;}
.section.type4 .inner_wrap.type1 .inner .cont_box .cont_txt{position: relative;display: inline-block;width: 320px;height: 360px;padding: 170px 0 0 50px;background-repeat: no-repeat;background-position: 0 0;text-align: left;font-size: 18px;vertical-align: middle;top: 0;transition: top 0.2s ease-in-out;}
.section.type4 .inner_wrap.type1 .inner .cont_box .cont_txt:hover{
    top: -10px;transition: top 0.2s ease-in-out;
}
.section.type4 .inner_wrap.type1 .inner .cont_box .cont_txt .tit{font-size: 32px;padding-bottom: 50px;transition:all 0.5s ;
  -webkit-transform-origin: left bottom; 
  transform-origin: left bottom; }
.section.type4 .inner_wrap.type1 .inner .cont_box .cont_txt:hover .tit{transform:scale(1.06);}
.section.type4 .inner_wrap.type1 .inner .cont_box .cont_txt.ty1{background-image: url(./../images/bg_s4_cont1.png);}
.section.type4 .inner_wrap.type1 .inner .cont_box .cont_txt.ty2{background-image: url(./../images/bg_s4_cont2.png);}
.section.type4 .inner_wrap.type1 .inner .cont_box .cont_txt.ty3{background-image: url(./../images/bg_s4_cont3.png);}
.section.type4 .inner h2,
.section.type4 .inner h3,
.section.type4 .inner .txt{opacity: 0;}
.section.type4 .inner .cont_box{opacity: 0;height: 450px;margin-top: 70px;}
.action.type4 .inner_wrap.type1 h2{
  opacity:0;
  animation:cont_moveT 0.8s 0.1s;
  animation-fill-mode:forwards;
}
.action.type4 .inner_wrap.type1 h3{
  opacity:0;
  animation:cont_moveT 0.8s 0.5s;
  animation-fill-mode:forwards;
}
.action.type4 .inner_wrap.type1 .txt{
  opacity:0;
  animation:cont_moveT 0.8s 0.9s;
  animation-fill-mode:forwards;
}
.action.type4 .inner_wrap.type1 .cont_box{
  animation:cont_moveB 0.8s 1.3s;
  animation-fill-mode:forwards;
}
.section.type4 .inner_wrap.type2{background: #f6f6f6;}
.section.type4 .inner_wrap.type2 .inner{height: auto;padding: 100px 0;}
.section.type4 .inner_wrap.type2 .inner h2{display: inline-block;padding: 0 50px;line-height: 130px;font-size: 60px;font-weight: 300;border: 10px #d12130 solid;color: #000;letter-spacing: -3px;opacity: 1;}
.section.type4 .inner_wrap.type2 .inner h2 strong{font-weight: 700;}
.section.type4 .inner_wrap.type2 .inner .txt{font-size: 42px;color: #333;margin-bottom: 60px;opacity: 1;}
.project_list{overflow: hidden;width: 1100px;margin: 0 auto;}
.project_list li{float: left;width: 200px;height: 70px;margin: 0 10px 20px;border: 1px #ddd solid;background: #fff;}
.project_list li img{max-width: 100%;max-height: 100%;}
/* 오시는 길 */
.section.type5 h4{font-size: 40px;color: #333;margin-bottom: 80px;}
.section.type5 .inner{overflow: hidden;height: auto;padding: 100px 0;}
.company_info{float: right;width: 410px;text-align: left;padding-top: 25px;}
.company_info p{font-size: 24px;color: #111;}
.company_info ul{margin-top: 30px;}
.company_info ul li{font-size: 20px;color: #111;display: flex;margin-bottom: 10px;}
.company_info ul li span{align-self:center;}
.company_info .icon{display: inline-block;width: 40px;height: 40px;margin-right: 20px;border-radius: 100%;background-color: #cf152d;background-position: 50% 50%;background-repeat: no-repeat;}
.company_info .icon.icon_addr{background-image: url(./../images/icon_addr.png);}
.company_info .icon.icon_tel{background-image: url(./../images/icon_tel.png);}
.company_info .icon.icon_mail{background-image: url(./../images/icon_mail.png);}
.company_map{float: left;width: 700px;height: 300px;margin-left: 35px;}
.company_map iframe{width: 100%;height: 100%;}

/* 찍수 */
.section.zzicsu_cont{color: #fff;background-color: #323232;background-image: url(./../images/bg_section_zzicsu1.png);}
.section.zzicsu_cont .txt{color: #ccc}
.section.zzicsu_cont .inner_wrap{position: relative;}
.section.zzicsu_cont .inner_wrap .inner{height: 1043px;}
.section.zzicsu_cont .inner_wrap .inner .b_txt{font-size: 24px;clear: both;padding-top: 70px;}
.section.zzicsu_cont .inner_wrap .inner .cont_box .cont_txt{position: relative;display: inline-block;width: 370px;height: 370px;margin: 0 5px;padding: 225px 0 0 0;background-repeat: no-repeat;background-position: 0 0;text-align: center;font-size: 18px;vertical-align: middle;top: 0;transition: top 0.2s ease-in-out;}
.section.zzicsu_cont .inner_wrap .inner .cont_box .cont_txt:hover{
    top: -10px;transition: top 0.2s ease-in-out;
}
.section.zzicsu_cont .inner_wrap .inner .cont_box .cont_txt .tit{font-size: 24px;padding-bottom: 50px;transition:all 0.5s ;
  -webkit-transform-origin: left bottom; 
  transform-origin: left bottom; color: #333;font-weight: 800;}
  .section.zzicsu_cont .inner_wrap .inner .cont_box .cont_txt .tit strong{color: #f10c29;font-weight: 800;}
/*.section.zzicsu_cont .inner_wrap .inner .cont_box .cont_txt:hover .tit{transform:scale(1.06);}*/
.section.zzicsu_cont .inner_wrap .inner .cont_box .cont_txt.ty1{background-image: url(./../images/bg_szzicsu_cont1.png);}
.section.zzicsu_cont .inner_wrap .inner .cont_box .cont_txt.ty2{background-image: url(./../images/bg_szzicsu_cont2.png);}
.section.zzicsu_cont .inner_wrap .inner .cont_box .cont_txt.ty3{background-image: url(./../images/bg_szzicsu_cont3.png);}
.section.zzicsu_cont .inner_wrap .inner .link_btn{display: inline-block;height: 80px;line-height: 80px;padding: 0 60px;border-radius: 40px;background: #ff5300;color: #fff;font-size: 26px;font-weight: 700;}
.section.zzicsu_cont .inner h2,
.section.zzicsu_cont .inner h3,
.section.zzicsu_cont .inner .txt,
.section.zzicsu_cont .inner .link_btn{opacity: 0;}
.section.zzicsu_cont .inner .cont_box{opacity: 0;height: 430px;margin-top: 90px;}
.action.zzicsu_cont .inner_wrap h2{
  opacity:0;
  animation:cont_moveT 0.8s 0.1s;
  animation-fill-mode:forwards;
}
.action.zzicsu_cont .inner_wrap h3{
  opacity:0;
  animation:cont_moveT 0.8s 0.5s;
  animation-fill-mode:forwards;
}
.action.zzicsu_cont .inner_wrap .txt{
  opacity:0;
  animation:cont_moveT 0.8s 0.9s;
  animation-fill-mode:forwards;
}
.action.zzicsu_cont .inner_wrap .cont_box{
  animation:cont_moveB 0.8s 1.3s;
  animation-fill-mode:forwards;
}
.action.zzicsu_cont .inner_wrap .link_btn{
  opacity:0;
  animation:cont_moveB 0.8s 1.7s;
  animation-fill-mode:forwards;
}


/* 2023영문페이지 추가 */
.lang_btn{display: flex;align-items: center;justify-content: flex-end;width: 68px;height: 30px;position: absolute;top: 25px;right:30px;transition: all 0.2s ease-out;background: url(./../images/en/lang_btn_off.png) 12px 50%  no-repeat;}
.lang_btn span{margin-right: 15px;font-size: 16px}
.lang_btn span.go_kr:before{content: 'EN';color: #fff;}
.lang_btn span.go_kr:after{content: 'KR';color: #000;display: none;}
.lang_btn span.go_en:before{content: 'KR';color: #fff;}
.lang_btn span.go_en:after{content: 'EN';color: #000;display: none;}
.lang_btn:hover{background: #fff url(./../images/en/lang_btn_on.png) 12px 50%  no-repeat;}
.lang_btn:hover span:before{display: none;}
.lang_btn:hover span:after{display: inline;}

.lang_en .header > ul > li > a{padding-left: 38px;padding-right: 38px;}
.lang_en .main_top{background-image: url(./../images/en/bg_main1.png);}
.lang_en .section.type1{background-image: url(./../images/en/bg_section1.png);}
.lang_en .section.type1 .inner{height: 1088px;}
.lang_en .slide_wrap p{line-height: 30px;padding-top: 15px;}
.lang_en .slide_wrap .box{height: 440px;}
.lang_en .cont_detail.type1{padding-bottom: 10px;}
.lang_en .cont_detail.type1 dt{margin-bottom: -10px;padding: 0 10px;}
.lang_en .cont_detail.type1 dd{line-height: 30px;letter-spacing: -1px;margin-bottom: 5px;padding-left:50px;text-indent: -15px;}
.lang_en .cont_detail.type2 dt{width: 247px;padding: 0;letter-spacing: -1px;}

.lang_en .section.type2{background-image: url(./../images/en/bg_section2.png);}
.lang_en .section.type2 .inner{height: 1091px;}
.lang_en .section.type2 .inner .cont_box .cont_txt{font-size: 18px;letter-spacing: -1px}
.lang_en .section.type2 .inner .cont_box .cont_txt.ty1{width: 320px;}
.lang_en .section.type2 .inner .cont_box .cont_txt.ty2{width: 239px;right: 9px;}
.lang_en .section.type2 .inner .cont_box .cont_txt.ty3{width: 300px;}

.lang_en .section.type3{background-image: url(./../images/en/bg_section3.png);}
.lang_en .section.type3 .inner{height: 1234px;}
.lang_en .section.type3 .inner .cont_txt.ty1{width: 400px;left: 45px;}
.lang_en .section.type3 .inner .cont_txt.ty2{left: 732px;}
.lang_en .section.type3 .inner .cont_txt.ty3{height: 140px;top: 566px;background-position: 7px 100%;}
.lang_en .section.type3 .inner .cont_txt.ty3 .tit span{display: inline-block;}

.lang_en .section.type4 .inner_wrap.type1:before{height: 79%;}
.lang_en .section.type4 .inner_wrap.type1 .inner{height: 890px;}
.lang_en .section.type4 .inner_wrap.type1 .inner .cont_box .cont_txt{padding-top: 140px;padding-left: 35px;}
.lang_en .section.type4 .inner_wrap.type1 .inner .cont_box .cont_txt.ty1{background-image: url(./../images/en/bg_s4_cont1.png);}
.lang_en .section.type4 .inner_wrap.type1 .inner .cont_box .cont_txt.ty2{background-image: url(./../images/en/bg_s4_cont2.png);}
.lang_en .section.type4 .inner_wrap.type1 .inner .cont_box .cont_txt.ty3{background-image: url(./../images/en/bg_s4_cont3.png);}
.lang_en .section.type4 .inner_wrap.type1 .inner .cont_box .cont_txt .tit{font-size: 22px;letter-spacing: -1px;padding-bottom: 30px;}
.lang_en .section.type4 .inner_wrap.type2 .inner .txt{font-size: 30px;letter-spacing: -1px;}

.lang_en .company_info{padding-top: 0;letter-spacing: -1px}
.lang_en .company_info ul li:first-child span{align-self:flex-start;}

@media screen and (max-width:720px){
  .page_indicator{display: none;}
  .scroll_down{display: none;}
  .mb_view{display: block;}
  img.mb_view{display: inline-block;}
  .pc_view,img.pc_view{display: none;}
  header{min-width:0; height: 100px;position:relative; top:0; left:0;}
  header h1{position: static;height: 100%;text-align: center;display: flex;align-items: center;}
  header h1 img{margin: 0 auto;max-height: 100%;}
  header > ul{display: none;}
  footer{height: auto;}
  .footer_wrap{width: 100%;padding: 100px 40px;}
  .footer_wrap h1{position: relative;top: 0;left: 0;margin-bottom: 25px;}
  .footer_wrap address{margin-left: 0;font-size: 24px;}
  .footer_wrap .mb{display: block;}
  .footer_wrap .mb small{display: none;}
  .footer_wrap small{height: 23px;margin: 0 4px 0 8px;}
  .section{padding-bottom: 80px;-webkit-background-size: cover;background-size: cover;}
  .section .inner{width: 100%;height: auto;}
  .section .txt{padding: 0 20px;color:#ccc;-ms-word-break: keep-all;word-break: keep-all;font-family: 'Spoqa Han Sans';letter-spacing: -2px;font-size: 28px;}
  .section h2{font-size: 70px}
  .section h3{font-weight: 300;font-size: 60px}
  /* 메인 비주얼 */
  .main_top{margin-top: 0;background-image: url(./../images/bg_main2.png);}
  .main_top .inner{height: auto;text-align: center;}
  .main_top .inner h2{padding-top: 90px;font-size: 70px}
  .main_top .inner h3{font-size: 60px}
  .main_top .inner .img_main{display: block;width: 100%;height: 100vw;}
  .main_top .inner .txt{
    opacity:0;
    animation:main_title 0.8s 0.5s;
    animation-fill-mode:forwards;
  }

  /* 에듀뱅크 */
  .section.type1{background-image: url(./../images/bg_section1_2.png);}
  .section.type1 .inner h2{font-size: 70px}
  .slide_wrap{width: 95%;height: 135vw;}
  .slide_wrap .box{width: auto;height: 80%;margin: 0 100px;display: block;}
  .slide_wrap p{line-height: 1.5;font-size: 28px;padding-top: 25px;}
  .swiper-button-next, .swiper-button-prev{width: 80px;height: 80px;}
  .swiper-button-next{right: 0;background-image: url(./../images/swiper-button-next2.png);}
  .swiper-button-prev{left: 0;background-image: url(./../images/swiper-button-prev2.png);}
  .swiper-pagination-bullet{height: 8px;}
  .section.type1 img{max-width: 100%;max-height: 100%;margin: 0 auto;}
  .section.type1 .cont1 div.el2{margin: 25px 0;}
  .section.type1 .cont1 div.el3{margin: 0 auto;padding-top: 32px;}
  .section.type1 .cont1 div.el4{margin: 25px 0;}
  .section.type1 .cont2 .el1,
  .section.type1 .cont2 .el2,
  .section.type1 .cont2 .el3{width: 100%;height: 32%;margin-bottom: 10px;}
  .section.type1 .cont3 .box{position: relative;width: auto;height: 80%;font-size: 0}
  .section.type1 .cont3 .el1:before,
  .section.type1 .cont3 .el2:before,
  .section.type1 .cont3 .el3:before{content: '';display: inline-block;width: 1px;height: 100%;vertical-align: middle;}
  .section.type1 .cont3 .box img{max-width: calc(100% - 1px);}
  .cont_detail{width: 100%;}
  .cont_detail.type1 dt{top: -32px;font-size: 36px;line-height: 65px;}
  .cont_detail.type1 dd{font-size: 28px;padding-left: 25px;}
  .cont_detail.type2{width: 100%;height: 100%;padding-top: 15px;padding-bottom: 15px;}
  .cont_detail.type2 dt{font-size: 36px;line-height: 65px;margin-bottom: 10px;}
  .cont_detail.type2 dd{height: calc(100% - 75px);}
  .swiper-slide-active .cont1 .el1{  
    opacity:0;
    animation:cont_moveT 0.5s 0.1s;
    animation-fill-mode:forwards;
  }
  .swiper-slide-active .cont1 .el2{  
    opacity:0;
    animation:cont_moveT 0.5s 0.2s;
    animation-fill-mode:forwards;
  }
  .swiper-slide-active .cont1 .el3{  
    opacity:0;
    animation:cont_moveT 0.5s 0.5s;
    animation-fill-mode:forwards;
  }
  .swiper-slide-active .cont1 .el4{  
    opacity:0;
    animation:cont_moveT 0.5s 0.6s;
    animation-fill-mode:forwards;
  }
  .swiper-slide-active .cont1 .el5{  
    opacity:0;
    animation:cont_moveT 0.5s 0.9s;
    animation-fill-mode:forwards;
  }
  /* 에듀LMS */
  .section.type2{background-image: url(./../images/bg_section2_2.png);}
  .section.type2 .inner .txt{color: #777}
  .section.type2 .inner .cont_box{height: auto;}
  .section.type2 .inner .cont_box .cont_txt{display: none;}
  .section.type2 .inner .cont_box .bg_box{position: static;}

  /* 문항임대 */
  .section.type3{background-image: url(./../images/bg_section3_2.png);}
  .section.type3 .inner{height: auto;}
  .section.type3 .inner .txt{color: #777}
  .section.type3 .inner .cont_box{height: auto;padding: 0 40px;}
  .section.type3 .inner .cont_box img{display: inline;}
  .section.type3 .inner .cont_box .bg_box{display: none;}
  .section.type3 .inner .cont_txt{position: static;width: 100%;height: auto;margin-top: 50px;padding-left: 0;background: none;text-align: center;}
  .section.type3 .inner .cont_txt.ty1{background-image: none;}
  .section.type3 .inner .cont_txt.ty2{background-image: none;}
  .section.type3 .inner .cont_txt.ty3{background-image: none;}

  .section.type3 .inner .cont_txt p{font-size: 28px;font-weight: 400;padding-left: 60px;text-align: left;}
  .section.type3 .inner .cont_txt .tit{font-size: 34px;height: 42px;margin: 20px 0;background-repeat: no-repeat;background-position: 0 0;}
  .section.type3 .inner .cont_txt.ty1 .tit{border-bottom: 1px #2a314c solid;background-image: url(./../images/bg_s3_cont1_2.png);}
  .section.type3 .inner .cont_txt.ty2 .tit{border-bottom: 1px #d53d42 solid;background-image: url(./../images/bg_s3_cont3_2.png);}
  .section.type3 .inner .cont_txt.ty3 .tit{border-bottom: 1px #fb6500 solid;background-image: url(./../images/bg_s3_cont2_2.png);}
  .section.type3 .inner .cont_txt .tit span{display: inline-block;height: 42px;top: 0;padding-bottom: 0;}

  /* 회사소개 */
  .icon_bul{margin: 18px 0;}
  .section.type4{padding-bottom: 0;}
  .section.type4 .txt{font-size: 28px;letter-spacing: -1px;}
  .section.type4 .inner .cont_box{height: auto;}
  .section.type4 .inner_wrap.type1{}  
  .section.type4 .inner_wrap.type1:before{height: 42%;}
  .section.type4 .inner_wrap.type1 .inner{height: auto;padding-bottom: 100px;}
  .section.type4 .inner_wrap.type1 .inner .b_txt{padding: 80px 20px 50px;font-size: 38px;-ms-word-break: keep-all;word-break: keep-all;line-height: 1.5;}
  .section.type4 .inner_wrap.type1 .inner .cont_box .cont_txt{display: block;width: 460px;margin: 0 auto;padding: 140px 0 0 50px;font-size: 28px}
  .section.type4 .inner_wrap.type1 .inner .cont_box .cont_txt.ty1{background-image: url(./../images/bg_s4_cont1_2.png);}
  .section.type4 .inner_wrap.type1 .inner .cont_box .cont_txt.ty2{background-image: url(./../images/bg_s4_cont2_2.png);}
  .section.type4 .inner_wrap.type1 .inner .cont_box .cont_txt.ty3{background-image: url(./../images/bg_s4_cont3_2.png);}

  .section.type4 .inner_wrap.type1 .inner .cont_box .cont_txt .tit{font-size: 45px;padding-bottom: 35px;}
  .section.type4 .inner_wrap.type2{}
  .section.type4 .inner_wrap.type2 .inner h2{font-size: 80px;line-height: 170px;padding: 0 60px;}
  .section.type4 .inner_wrap.type2 .inner .txt{font-size: 60px;-ms-word-break: keep-all;word-break: keep-all;line-height: 1.2;}
  .project_list{width: auto;margin: 0 40px;}
  .project_list li{width: calc(33.3% - 14px);margin-right: 20px;margin-left: 0;}
  .project_list li:nth-child(3n){margin-right: 0;}
  /* 오시는 길 */
  .section.type5{padding-bottom: 0;}
  .section.type5 h4{font-weight: 700;font-size: 70px;margin-bottom: 30px;}
  .company_info{float: none;width: auto;margin: 0 40px 40px;}
  .company_info p{text-align: center;font-size: 28px;color: #777}
  .company_info ul{margin-top: 70px;margin-left: 25px;}
  .company_info ul li{font-size: 28px;margin-bottom: 20px;}
  .company_info .icon{width: 60px;height: 60px;}  
  .company_info .icon.icon_addr{background-image: url(./../images/icon_addr_mb.png);}
  .company_info .icon.icon_tel{background-image: url(./../images/icon_tel_mb.png);}
  .company_info .icon.icon_mail{background-image: url(./../images/icon_mail_mb.png);}
  .company_map{float: none;width: auto;height: 40vw;margin: 0 40px;}

    /* 찍수 */
  .section.zzicsu_cont{padding-bottom: 0;background-image: url(./../images/bg_section_zzicsu2.png);}
  .section.zzicsu_cont .txt{font-size: 28px;letter-spacing: -1px;}
  .section.zzicsu_cont .inner .cont_box{height: auto;}
  .section.zzicsu_cont .inner_wrap .inner{height: auto;padding-bottom: 100px;}
  .section.zzicsu_cont .inner_wrap .inner .b_txt{padding: 80px 20px 50px;font-size: 38px;-ms-word-break: keep-all;word-break: keep-all;line-height: 1.5;}
  .section.zzicsu_cont .inner_wrap .inner .cont_box .cont_txt{display: block;width: 460px;margin: 0 auto 60px;padding: 210px 0 0 0;font-size: 28px;background-color: #fff;}
  .section.zzicsu_cont .inner_wrap .inner .cont_box .cont_txt.ty1{background-image: url(./../images/bg_szzicsu_cont1_2.png);}
  .section.zzicsu_cont .inner_wrap .inner .cont_box .cont_txt.ty2{background-image: url(./../images/bg_szzicsu_cont2_2.png);}
  .section.zzicsu_cont .inner_wrap .inner .cont_box .cont_txt.ty3{background-image: url(./../images/bg_szzicsu_cont3_2.png);}

  .section.zzicsu_cont .inner_wrap .inner .cont_box .cont_txt .tit{font-size: 30px;padding-bottom: 35px;}
  .section.zzicsu_cont .inner_wrap .inner .link_btn{height: 100px;line-height: 100px;padding: 0 90px;border-radius: 50px;font-size: 32px}

  /* 2023영문페이지 추가 */
  .lang_btn{width: 94px;height: 40px;position: absolute;top: 25px;right:30px;background: url(./../images/en/lang_btn_mo_en.png) 12px 50%  no-repeat;}
  .lang_btn:hover{background: none;}
  .lang_btn span{margin-right: 15px;font-size: 20px;}
  .lang_btn span.go_kr:before{content: 'KR';color: #fff;}
  .lang_btn span.go_en:before{content: 'EN';color: #fff;}

  .lang_en .section .inner{height: auto !important;}
  .lang_en .section h3{font-size: 45px;}
  .lang_en .section .txt{font-size: 24px;}
  .lang_en .main_top{margin-top: 0;background-image: url(./../images/en/bg_main2.png);}
  .lang_en .main_top .inner h3{font-size: 55px;}
  .lang_en .main_top .inner .txt.mb_view{text-align: left;padding-left: 30px;}
  .lang_en .slide_wrap .box{height: 85%;}
  .lang_en .slide_wrap p{font-size: 24px;letter-spacing:-1px;padding-top: 40px;}
  .lang_en .cont_detail dt{font-size: 30px;}
  .lang_en .cont_detail.type1 dd{font-size: 22px;}
  .lang_en .cont_detail.type2 dt{width: 340px;}

  .lang_en .section.type3 .inner .cont_txt{width: 100% !important;height: auto !important;}
  .lang_en .section.type3 .inner .cont_txt .tit{font-size: 30px}
  .lang_en .section.type3 .inner .cont_txt p{font-size: 24px}
  .lang_en .section.zzicsu_cont .inner_wrap .inner .link_btn{padding: 0 150px}

  .lang_en .section.type4 .inner_wrap.type1:before{height: 42%}
  .lang_en .section.type4 .inner_wrap.type1 .inner .cont_box .cont_txt.ty1{background-image: url(./../images/en/bg_s4_cont1_2.png);}
  .lang_en .section.type4 .inner_wrap.type1 .inner .cont_box .cont_txt.ty2{background-image: url(./../images/en/bg_s4_cont2_2.png);}
  .lang_en .section.type4 .inner_wrap.type1 .inner .cont_box .cont_txt.ty3{background-image: url(./../images/en/bg_s4_cont3_2.png);}
  .lang_en .section.type4 .inner_wrap.type1 .inner .cont_box .cont_txt{font-size: 26px}
  .lang_en .section.type4 .inner_wrap.type1 .inner .cont_box .cont_txt .tit{font-size: 35px}

  .lang_en .section.type4 .inner_wrap.type2 .inner .txt{font-size: 42px;}
  .lang_en .footer_wrap address{letter-spacing: -1px;}
}

.lang_btn2{font-family: 'Noto Sans SC', sans-serif;font-size: 14px;font-weight: 300;letter-spacing: -1px;display: flex;align-items: center;justify-content: flex-end;width: 124px;height: 30px;position: absolute;top: 25px;right:130px;padding-right: 10px;background: url(./../images/en/lang_btn2.png) 12px 50%  no-repeat;color: #fff;border: 1px solid #fff;border-radius: 5px}

@media screen and (max-width:720px){
  .lang_btn2{right: auto;left: 30px;width:155px;height:38px;font-size: 17px;background: url(./../images/en/lang_btn2_mo.png) 12px 50%  no-repeat;}
}