@charset "UTF-8";

/*FULLPAGE 콘트롤*/
#fp-nav{display:none;}
.goto-section{position:fixed;right:0;top:calc(50% - 50px);}
.goto-section a{display:block;text-indent:-9999px;width:50px;height:50px;background:rgba(0,0,0,0.2) url(/images/guide/share/arrow_2_r_w.png) no-repeat center;z-index:1;}
.goto-section a:hover{background-color:rgba(0,0,0,0.5)}
.goto-section a.moveUp{transform:rotate(-90deg);margin-bottom:1px;}
.goto-section a.moveDown{transform:rotate(90deg);}
@media all and (max-height:768px) {
  .goto-section{display:none;}
}

/*FULLPAGE해제시,편집모드상하여백*/
.editMode #multipleDiv_engknou_6,
.editMode #multipleDiv_engknou_7,
.editMode #multipleDiv_engknou_8,
.editMode #multipleDiv_engknou_9{padding:50px 0;}
@media all and (max-width:1024px) {
  #multipleDiv_engknou_6,
  #multipleDiv_engknou_7,
  #multipleDiv_engknou_8,
  #multipleDiv_engknou_9{padding:30px 0;}
  #multipleDiv_engknou_7{padding-bottom:0;}
}
@media all and (max-height:768px) {
  #multipleDiv_engknou_6,
  #multipleDiv_engknou_7,
  #multipleDiv_engknou_8,
  #multipleDiv_engknou_9{padding:50px 0;}
  #multipleDiv_engknou_7{padding-bottom:0;}
}

.mainVisual{display:none;}
.mainVisual img{width:100%;}
.mainVisualBg{background:url(/images/engknou/main/main_v.png) no-repeat center;background-size:cover;width:100%;min-height:1080px;}

/*공통*/
/*Section 타이틀*/
h2.h2Title{font-size:35px;color:#0c0c0c;padding-bottom:30px;line-height:1;max-width:1400px;margin: 0 auto;font-family: 'Open Sans', sans-serif;font-weight:700;}
/*더보기 버튼*/
a.btnViewMore{display:block;width:160px;font-size:18px;color:#FFF;text-align:center;background:#b1b1b1;margin: 30px auto 0 auto;padding:4px 0;border-radius:30px;}
@media all and (min-width:1025px) {
  a.btnViewMore:hover{background:#52575c;}
}
@media all and (max-width:1400px) {
  h2.h2Title{max-width:96%;}
}
@media all and (max-width:1280px) {
  h2.h2Title{font-size:30px;}
}
@media all and (max-width:1024px) {
  h2.h2Title{font-size:25px;}
}
@media all and (max-width:768px) {
  h2.h2Title{font-size:22px;}
  a.btnViewMore{width:130px;font-size:15px;}
}

/*Section BG*/
#section1,
.editMode #multipleDiv_engknou_6{background:#FFF;}
#section2,
.editMode #multipleDiv_engknou_7{background:url(/images/engknou/main/division_bg.png) center;}
#section3,
.editMode #multipleDiv_engknou_8{background:url(/images/engknou/main/campus_bg.png) center;background-size:cover;}
#section4,
.editMode #multipleDiv_engknou_9{background:url(/images/engknou/main/world_bg.png) center;background-size:cover;}

/*마지막단*/
#section5,
#section5 .fp-tableCell{height:auto !important;}

/*탑패딩*/
#section1 .fp-tableCell,
#section2 .fp-tableCell,
#section3 .fp-tableCell,
#section4 .fp-tableCell{padding-top:110px;}

/*Section 0*/
#multipleDiv_engknou_5{height:100%;}
#menu5421_obj1027{position:absolute;top:0;left:0;width:100%;height:100%;}
.editMode #menu5421_obj1027{position:relative !important;top:auto;left:auto;}
@media all and (max-width:1024px) {
  #menu5421_obj1027{position:relative;top:auto;left:auto;}
}
@media all and (max-height:768px) {
  #menu5421_obj1027{position:relative;top:auto;left:auto;}
}

/*Section 1*/
/*인포그래픽*/
.mainInfo{background:url(/images/engknou/main/info_bg.png) repeat center;}
.mainInfo ul{max-width:1400px;margin: 0 auto;display:flex;flex-wrap:wrap;}
.mainInfo ul li{width:16.6%;}
.mainInfo ul li div{margin:20px 20px 15px 20px;}
.mainInfo ul li div:before{content:"";display:block;margin: 0 auto;width:89px;height:44px;}
.mainInfo ul li div p{font-size:13px;text-align:center;line-height:1.25;}
.mainInfo ul li div p strong{display:block;font-size:40px;padding:5px 0;font-family:'Arial' !important;font-weight:bold;}
.mainInfo ul li div p span{display:block;}
.mainInfo ul li div.con_1:before{background:url(/images/engknou/main/info_1.png) center no-repeat;}
.mainInfo ul li div.con_2:before{background:url(/images/engknou/main/info_2.png) center no-repeat;}
.mainInfo ul li div.con_3:before{background:url(/images/engknou/main/info_3.png) center no-repeat;}
.mainInfo ul li div.con_4:before{background:url(/images/engknou/main/info_4.png) center no-repeat;}
.mainInfo ul li div.con_5:before{background:url(/images/engknou/main/info_5.png) center no-repeat;}
.mainInfo ul li div.con_6:before{background:url(/images/engknou/main/info_6.png) center no-repeat;}
@media all and (max-width:1400px) {
  .mainInfo ul{max-width:96%;}
}
@media all and (max-width:1280px) {
  .mainInfo ul li div p strong{font-size:35px;}
}
@media all and (max-width:1024px) {
  #section1{margin-top:-15%;}
  .mainInfo ul li{width:33.33%;}
  .mainInfo ul li div{margin:10px;}
  .mainInfo ul li div:before{transform:scale(0.75);}
  .mainInfo ul li div p strong{font-size:25px;}
  .mainInfo ul li div p span{display:inline;}
}
@media all and (max-width:420px) {
  .mainInfo ul li{width:50%;}
}
/*4단박스*/
#menu5421_obj33{padding-top:40px;}
.mainWhy{}
.mainWhy ul{max-width:1400px;margin: 0 auto;display:flex;flex-wrap:wrap;}
.mainWhy ul li{width:50%;}
.mainWhy ul li div{box-sizing:border-box;color:#FFF;padding:20px 30px;height:100%;}
.mainWhy ul li div.con_1{background:#5a85ca;}
.mainWhy ul li div.con_2{background:#0a9fa3;}
.mainWhy ul li div.con_3{background:#6c90b0;}
.mainWhy ul li div.con_4{background:#35a374;}
/*
.mainWhy ul li div.con_1{background:#1193e6;}
.mainWhy ul li div.con_2{background:#48d2a4;}
.mainWhy ul li div.con_3{background:#45d2df;}
.mainWhy ul li div.con_4{background:#89ce50;}
*/
.mainWhy ul li div h3{font-size:20px;line-height:1.05;font-weight:600;}
.mainWhy ul li div h3:after{content:"";display:block;margin:13px 0 10px 0;width:35px;height:3px;background:#FFF;}
.mainWhy ul li div p{font-size:16px;line-height:1.25;}
/*애니메이션
@media all and (min-width:1025px) {
.mainWhy ul li div{display:none;}
.animation .mainWhy ul li div{display:block;}
.animation .mainWhy ul li div.con_1{animation-name:zoom;animation-duration:0.5s;animation-iteration-count:1;}
.animation .mainWhy ul li div.con_2{animation-name:zoom;animation-duration:0.75s;animation-iteration-count:1;}
.animation .mainWhy ul li div.con_3{animation-name:zoom;animation-duration:1s;animation-iteration-count:1;}
.animation .mainWhy ul li div.con_4{animation-name:zoom;animation-duration:1.25s;animation-iteration-count:1;}
@keyframes zoom{
0%{transform:scale(0);}
100%{transform:scale(1);}
}
}
*/
@media all and (max-width:1400px) {
  .mainWhy ul{max-width:96%;}
}
@media all and (max-width:1024px) {
  .mainWhy ul li div h3{font-size:20px;line-height:1.2;}
}
@media all and (max-width:768px) {
  .mainWhy ul li{width:100%;}
  .mainWhy ul li div{padding:20px;}
  .mainWhy ul li div h3{font-size:18px;}
}
@media all and (max-width:420px) {
}
@media all and (max-height:768px) {
  .mainWhy ul li div{display:block !important;}
}

/*Section 2*/
/*코스구조*/
.mainCourse{}
.mainCourse a.courseBtn,
.mainCourse a.con{box-sizing:border-box;}
.mainCourse a.courseBtn{display:block;color:#FFF;font-size:24px;line-height:1;padding:28px 80px 28px 0;text-align:right;background-color:rgba(0,0,0,0.2);width:1000px;position:absolute;left:50%;margin-left:-1500px;z-index:1;font-weight:600;}
.mainCourse a.courseBtn.active{background:#1193e6 url(/images/guide/share/arrow_11_r_w.png) no-repeat 98% center;margin-left:-1470px;}
.mainCourse a.a_1{top:calc(50% - 121px);}
.mainCourse a.a_2{top:calc(50% - 40px);}
.mainCourse a.a_3{top:calc(50% + 41px);}
.mainCourse .con{display:none;box-sizing:border-box;padding:40px;height:615px;background:#FFF;position:relative;top:0;left:50%;margin-left:-500px;width:1200px;}
.mainCourse .con.active{display:block;}
@media all and (max-width:1480px) {
  .mainCourse a.courseBtn{padding:28px 20px 28px 0;width:280px;left:0;margin-left:-30px;}
  .mainCourse a.courseBtn.active{margin-left:0;background-image:none;}
  .mainCourse .con{left:250px;width:calc(100% - 250px);margin-left:0;}
}
@media all and (max-width:1024px) {
  .mainCourse a.courseBtn{font-size:20px;padding:20px 15px;width:200px;}
  .mainCourse a.a_1{top:calc(50% - 91px);}
  .mainCourse a.a_2{top:calc(50% - 30px);}
  .mainCourse a.a_3{top:calc(50% + 31px);}
  .mainCourse .con{left:170px;width:calc(100% - 170px);padding:30px;height:auto;}
}
@media all and (max-width:768px) {
  .mainCourse a.courseBtn{font-size:17px;padding:15px 0;width:33.33%;margin-left:0;text-align:center;}
  .mainCourse a.a_1{left:0;top:0;}
  .mainCourse a.a_2{left:33.33%;top:0;}
  .mainCourse a.a_3{left:66.66%;top:0;}
  /*.mainCourse a.courseBtn.active{padding:20px 0;}*/
  .mainCourse .con{left:auto;width:100%;margin-top:49px;padding:30px 0;}
}
@media all and (max-width:380px) {
  .mainCourse a.courseBtn{font-size:16px;}
  .mainCourse .con{margin-top:46px;}
}
@media all and (max-width:380px) {
  .mainCourse a.courseBtn{width:100%;}
  .mainCourse a.a_1{left:0;top:0;}
  .mainCourse a.a_2{left:0;top:47px;}
  .mainCourse a.a_3{left:0;top:94px;}
  .mainCourse a.courseBtn.active{padding:15px 0;}
  .mainCourse .con{margin-top:140px;}
}
/*Undergraduate*/
.mainCourse .con_1{font-size:0;}
.mainCourse .con_1 dl{box-sizing:border-box;display:inline-block;width:49%;vertical-align:top;font-size:16px;padding:0 40px;}
.mainCourse .con_1 dt{font-weight:600;}
.mainCourse .con_1 span{display:block;font-size:18px;color:#FFF;text-align:center;padding:11px;border-radius:30px;line-height:1.1;}
.mainCourse .con_1 dd{padding:10px;}
.mainCourse .con_1 ul{}
.mainCourse .con_1 li{position:relative;padding:3px 0 3px 15px;line-height:1.3;}
.mainCourse .con_1 li:before{content:"";display:block;width:4px;height:4px;border-radius:10px;position:absolute;top:10px;left:0;}
.mainCourse .con_1 .c_1 span,
.mainCourse .con_1 .c_1 li:before{background:#5a85ca;}
.mainCourse .con_1 .c_2 span,
.mainCourse .con_1 .c_2 li:before{background:#0a9fa3;}
.mainCourse .con_1 .c_3 span,
.mainCourse .con_1 .c_3 li:before{background:#6c90b0;}
.mainCourse .con_1 .c_4 span,
.mainCourse .con_1 .c_4 li:before{background:#35a374;}
@media all and (max-width:1024px) {
  .mainCourse .con_1 span{font-size:18px;}
  .mainCourse .con_1 li{font-size:15px;}
  .mainCourse .con_1 li:before{top:10px;}
}
@media all and (max-width:768px) {
  .mainCourse .con_1 dl{padding:0 20px;}
}
@media all and (max-width:480px) {
  .mainCourse .con_1 dl{width:100%;padding:10px;}
}

/*Graduate*/
.mainCourse .con_2{font-size:0;}
.mainCourse .con_2 dl{box-sizing:border-box;display:inline-block;width:49%;vertical-align:top;font-size:16px;padding:0 40px;}
.mainCourse .con_2 dt{font-weight:600;}
.mainCourse .con_2 span{display:block;font-size:18px;color:#FFF;text-align:center;padding:11px;border-radius:30px;line-height:1.1;}
.mainCourse .con_2 dd{padding:10px;}
.mainCourse .con_2 ul{}
.mainCourse .con_2 li{position:relative;padding:3px 0 3px 15px;line-height:1.3;}
.mainCourse .con_2 li:before{content:"";display:block;width:4px;height:4px;border-radius:10px;position:absolute;top:10px;left:0;}
.mainCourse .con_2 .c_1 span,
.mainCourse .con_2 .c_1 li:before{background:#5a85ca;}
.mainCourse .con_2 .c_2 span,
.mainCourse .con_2 .c_2 li:before{background:#0a9fa3;}
@media all and (max-width:1024px) {
  .mainCourse .con_2 span{font-size:18px;}
  .mainCourse .con_2 li{font-size:15px;}
  .mainCourse .con_2 li:before{top:10px;}
}
@media all and (max-width:768px) {
  .mainCourse .con_2 dl{padding:0 20px;}
}
@media all and (max-width:480px) {
  .mainCourse .con_2 dl{width:100%;padding:10px;}
}

/*Prime*/
.mainCourse .con_3{font-size:0;}
.mainCourse .con_3 dl{box-sizing:border-box;display:inline-block;width:49%;vertical-align:top;font-size:16px;padding:0 40px;}
.mainCourse .con_3 dt{font-weight:600;}
.mainCourse .con_3 span{display:block;font-size:18px;color:#FFF;text-align:center;padding:11px;border-radius:30px;line-height:1.1;}
.mainCourse .con_3 dd{padding:10px;}
.mainCourse .con_3 ul{}
.mainCourse .con_3 li{box-sizing:border-box;position:relative;padding:3px 0 3px 15px;line-height:1.3;}
.mainCourse .con_3 li:before{content:"";display:block;width:4px;height:4px;border-radius:10px;position:absolute;top:10px;left:0;}
.mainCourse .con_3 .c_1 span,
.mainCourse .con_3 .c_1 li:before{background:#5a85ca;}
.mainCourse .con_3 .c_2 span,
.mainCourse .con_3 .c_2 li:before{background:#0a9fa3;}
.mainCourse .con_3 .c_3 span,
.mainCourse .con_3 .c_3 li:before{background:#6c90b0;}
/*.mainCourse .con_3 dd > ul > li{padding-bottom:10px;}*/
.mainCourse .con_3 dd > ul ul{padding-top:5px;}
.mainCourse .con_3 dd > ul > li li:before{width:5px;height:2px;border-radius:0;position:absolute;top:14px;left:2px;}
@media all and (max-width:1024px) {
  .mainCourse .con_3 span{font-size:18px;}
  .mainCourse .con_3 li{font-size:15px;}
  .mainCourse .con_3 li:before{top:10px;}
}
@media all and (max-width:768px) {
  .mainCourse .con_3 dl{padding:0 20px;}
}
@media all and (max-width:480px) {
  .mainCourse .con_3 dl{width:100%;padding:10px;}
}

/*Section 3*/
/*2단박스*/
.mainCampus{position:relative;overflow:hidden;}
.mainCampus:before,
.mainCampus:after{content:"";display:block;width:50%;height:100%;position:absolute;top:0;}
.mainCampus:before{left:0;background:#18a182;}
.mainCampus:after{right:0;background:#1a999e;}
.mainCampus ul{max-width:1400px;margin: 0 auto;display:flex;flex-wrap:wrap;position:relative;z-index:1;}
.mainCampus ul:before{content:"";display:block;width:467px;height:509px;position:absolute;top:-150px;left:50%;margin-left:-233.5px;background:url(/images/engknou/main/campus_bg_2.png) center no-repeat;background-size:100%;}
.mainCampus ul li{width:50%;}
.mainCampus ul li div{box-sizing:border-box;color:#FFF;padding:70px 40px 50px 40px;height:100%;text-align:center;position:relative;}
.mainCampus ul li div h3{font-size:35px;line-height:1.05;padding-bottom:20px;font-weight:600;}
.mainCampus ul li div p{font-size:18px;line-height:1.25;}
.mainCampus ul li div span{display:block;margin:40px auto 0 auto;width:350px;display:flex;flex-wrap:wrap;}
.mainCampus ul li div span i{display:inline-block;line-height:1.1;text-align:center;}
.mainCampus ul li div span i:before{content:"";display:block;height:91px;margin: 0 auto 10px auto;}
.mainCampus ul li div span i.i_1:before{background:url(/images/engknou/main/campus_icon_1.png) center no-repeat;width:130px;}
.mainCampus ul li div span i.i_2:before{background:url(/images/engknou/main/campus_icon_2.png) center no-repeat;width:140px;}
.mainCampus ul li div span i.i_3:before{background:url(/images/engknou/main/campus_icon_3.png) center no-repeat;width:60px;}
.mainCampus ul li div span i.i_4:before{background:url(/images/engknou/main/campus_icon_4.png) center no-repeat;width:100%;}
.mainCampus ul li div span i.i_5:before{background:url(/images/engknou/main/campus_icon_5.png) center no-repeat;width:100%;}
.mainCampus ul li div.con_1 i{}
.mainCampus ul li div.con_2 i{width:50%;}
@media all and (min-width:1025px) {
  /*애니메이션*/
  .animation .mainCampus ul:before{animation-name:rotation;animation-duration:2s;animation-iteration-count:1;}
  @keyframes rotation{
	0%{transform: rotatey(0deg);}
	100%{transform: rotatey(360deg);}
  }
}
@media all and (max-width:1400px) {
  .mainCampus ul{max-width:90%;}
}
@media all and (max-width:1024px) {
  .mainCampus ul:before{transform:scale(0.9);}
  .mainCampus ul li div{padding:30px;}
  .mainCampus ul li div h3{font-size:30px;}
  .mainCampus ul li div p{font-size:16px;}
  .mainCampus ul li div span{margin-top:20px;width:100%;}
  .mainCampus ul li div span i{width:33.33%;}
  .mainCampus ul li div span i:before{width:100px !important;height:71px !important;background-size:100% !important;}
}
@media all and (max-width:768px) {
  .mainCampus:before,
  .mainCampus:after{display:none;}
  .mainCampus ul:before{transform:scale(0.5);margin-left:0;left:auto;right:-200px;top:0;}
  .mainCampus ul li{width:100%;background:#18a182;}
  .mainCampus ul li:last-child{background:#1a999e;}
  .mainCampus ul li div{padding:25px 10px;}
  .mainCampus ul li div h3{font-size:25px;}
  .mainCampus ul li div span i:before{width:70px !important;height:50px !important;}
}
@media all and (max-width:280px) {
  .mainCampus ul li div h3{font-size:20px;}
  .mainCampus ul li div span i:before{width:40px !important;height:28px !important;}
}

/*Section 4*/
#multipleContentsDiv_engknou_9{max-width:1400px;margin: 0 auto;}
/*3단박스*/
#menu5421_obj33{padding-top:30px;}
.mainWrold{}
.mainWrold ul{display:flex;flex-wrap:wrap;}
.mainWrold ul li{width:33.33%;}
.mainWrold ul li div{box-sizing:border-box;color:#FFF;padding:50px 30px;height:100%;text-align:center;margin:0 5px;position:relative;overflow:hidden;}
.mainWrold ul li div:before{content:"";display:block;width:300px;height:327px;position:absolute;top:-90px;right:-20px;background:url(/images/engknou/main/campus_bg_2.png) center no-repeat;background-size:100%;transform:rotate(45deg);}
.mainWrold ul li div.con_1{background:#4d9ace;}
.mainWrold ul li div.con_2{background:#0a9c9c;}
.mainWrold ul li div.con_3{background:#6360a3;}
.mainWrold ul li div h3{font-size:27px;line-height:1.05;padding-bottom:40px;font-weight:600;}
.mainWrold ul li div p{font-size:17px;line-height:1.25;}
/*애니메이션
@media all and (min-width:1025px) {
.mainWrold ul li div{filter:alpha(opacity=0);opacity:0;}
.animation .mainWrold ul li div{filter:alpha(opacity=100);opacity:1;}
.animation .mainWrold ul li div.con_1{animation-name:upDown1;animation-duration:0.5s;animation-iteration-count:1;}
.animation .mainWrold ul li div.con_2{animation-name:upDown2;animation-duration:0.75s;animation-iteration-count:1;}
.animation .mainWrold ul li div.con_3{animation-name:upDown3;animation-duration:1s;animation-iteration-count:1;}
@keyframes upDown1{
0%{transform:translateY(-100px);}
100%{transform:translateY(0);}
}
@keyframes upDown2{
0%{transform:translateY(100px);}
100%{transform:translateY(0);}
}
@keyframes upDown3{
0%{transform:translateY(-100px);}
100%{transform:translateY(0);}
}
}
*/
@media all and (max-width:1400px) {
  #multipleContentsDiv_engknou_9{max-width:96%;}
}
@media all and (max-width:1024px) {
  .mainWrold ul li{width:100%;}
  .mainWrold ul li div{padding:20px;margin:5px 0;text-align:left;}
  .mainWrold ul li div:before{width:200px;height:218px;}
  .mainWrold ul li div h3{font-size:22px;line-height:1.2;padding-bottom:15px;}
  .mainWrold ul li div p{font-size:16px;}
}
@media all and (max-width:768px) {
  .mainWrold ul li div h3{font-size:20px;}
}
@media all and (max-height:768px) {
  .mainWrold ul li div{filter:alpha(opacity=100) !important;opacity:1 !important;}
}