@charset "utf-8";


.inner {overflow:hidden}
#wrap{position:relative;}

#header-fixed {  }
#header { position:relative; height:100px; position: fixed;left: 0; right:0; top:0; background: #fff; z-index:1000; padding:0 100px; display: flex; justify-content: center; align-items: center;  }
#header::after {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	background:#fff;
	height:1px;
	width:100%;
}

#header h1 { position:absolute; left:24px; margin-top:1px; top:50%; transform:translate(0, -50%); }
#header h1 a { display: block; background: url('../images/common/logo.png?ver=210') no-repeat 0 0; width:68px; height:68px; text-indent: -9999px;  background-size:100%}
#header nav { height: 100%; display: flex; justify-content: center; position:relative; }
#header nav > ul { display:flex; align-items: center; overflow:hidden; }
#header nav > ul > li { height: 100%; position:relative; }
#header nav > ul > li > a {display: flex; height: 100%; align-items: center; padding:0 40px; justify-content:center; position: relative; }
#header nav > ul > li > a > span { line-height: 1.2; font-size:17px; }

#header nav > ul > li:hover > a > span { color:#3b9268;  font-weight:500} 
#header nav > ul > li > a.active > span { color:#1c5c6b; }

#header nav > ul > li:hover > a::before { width:100%; }
#header nav > ul > li > a.active::before { width:100%; }

#header nav > ul > li > a::before { content: ''; position: absolute; left: 50%; bottom:0px; z-index: 1; width:0; height: 2px; background:#1c5c6b; transition: all 0.5s ease; transform: translateX(-50%); }


.sub-menu { 
    position: absolute;
    z-index: 1;
    transition:opacity .5s .1s;
    padding-top: 18px;
    opacity: 0;
    bottom: 0;
    transform: translate(-50%, 100%);
    left: 50%;
}
.sub-menu > li { 
    text-align: center;
    margin:10px 0;
}
.sub-menu > li:last-of-type { 
    margin-bottom: 0;
}
.sub-menu > li > a { 
    font-size: 15px;
	color:#fff;
	padding: 3px;
    display: inline-block;
	transition:.4s;
    white-space: nowrap; font-weight:400
}
.sub-menu > li > a:hover { 
	color:#47946a; font-weight:500; background:#f2f9f4; padding: 3px 20px; border-radius:50px;
}
.gnb-bg {
    background: #40a96a;
    height: 0;
    transform: translate(-50%, 100%);
    bottom:0px;
    position: absolute;
    left: 50%;
	transition:.4s; box-shadow:9px 9px 10px rgba(0,0,0,0.1) ;
}

/*header 마우스오버 후*/
#header.enter::after {
	
}

#header.enter .gnb-bg {
    height: 200px;
}
#header.enter .sub-menu {
	opacity:1;
}
#header.enter nav > ul {
	overflow:visible;
}

.head_on{display:none}


#header .etc { display: flex; align-items: center;  position:absolute; right:160px; top:50%; transform:translate(0, -50%);     z-index: 1; }
#header .etc-menu { font-size:13px; color:#8e8e8e}
#header .etc-btn i { font-size:25px; color: #333333; position: relative; z-index: 1; position: relative;  transition:.2s; }
#header .etc-btn img {width: 26px;}
#header .etc > a { margin-left: 13px; }
#header .etc > a:first-child { margin-left: 0; background: url("../images/common/top_line.png") no-repeat  right 6px; padding:0 18px 0 0  }
#header .etc > a:hover{color:#000; font-weight:500}


.btn-hbg { z-index: 3; }

.share-box { position:relative; }

.
#header .share-box.on .etc-btn i { color:#fff; }

.mo-only {
    display: none;
}
.courses_bt{display: none;}

/*언어선택셀렉트창*/
.sel_box {
  position: absolute;
  top: 33px;
  right:20px;
  width: 106px;
  z-index:10000
  
}
.sel_box ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sel_box ul li {
  /* Sub Menu */
}
.sel_box ul li a {
  display: block;
  background: #3d5256;
  padding: 10px 0px 12px 10px;
  color: #43de9f; text-align:center;
   border-radius:5px;
   font-size:11px;
  /*  text-Transform:uppercase; */
  text-decoration: none;
  letter-spacing:1px;
  margin-bottom:1px;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -ms-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;
}
.sel_box ul li a:hover {
  background: #3a9e63; color:#e8f15d
}
.sel_box ul li a .fa {
  width: 16px;
  text-align: center;
  margin-right: 5px;
}
.sel_box ul li a .badge {
  display: inline-block;
  background: #fff;
  /* IE Fallback */
  background: rgba(255, 255, 255, 0.2);
  padding: 3px 7px;
  color: #fff; 
  font-size: 12px;
  font-weight: 800;
}
.sel_box ul li ul li a {
  background: #f4f5f4; color:#000;
  padding: 10px 20px;
}
.sel_box ul li ul li a:hover {
  background: #3a9e63;

  
}
/*언어선택셀렉트창*/



#container{text-align:Center; }

/*회사소개*/
.company_wrap{ width:100%; padding-bottom:100px;position:relative;}
.company_wrap h2{text-align:Center;margin:80px 0 50px }
.company_wrap h2 p{font-size:43px; color:#242323;margin-bottom:5px;letter-spacing:-0.8px;}
.company_wrap h2 span{font-size:20px;  color:#828186; font-weight:300; letter-spacing:-0.8px;}
.company_wrap ul{ overflow:hidden; display:inline-block;}
.company_wrap ul li{ position:relative; float:left;margin-right:30px;}
.company_wrap ul li:last-child{margin-right:0;}
.company_wrap ul .num{background:#000; color:#fff; width:47px; height:42px; display:block; line-height:42px;font-family: 'Oswald', sans-serif; position:absolute; left:50%; transform:translateX(-50%); top:210px; }
.company_wrap .tit{font-size:24px; letter-spacinG:-0.9px; font-weight:400; line-height:29px;margin:42px 0 15px;}
.company_wrap .tit span{color:#22a66c; font-weight:500}
.company_wrap .del{font-size:17px; color:#828186; letter-spacinG:-0.3px; line-height:23px;font-weight:400; font-family: 'Noto Sans KR', sans-serif;}




/*강사진소개*/

.teacher_wrap h2{text-align:Center;margin:80px 0 50px }
.teacher_wrap h2 p{font-size:43px; color:#242323;margin-bottom:5px;letter-spacing:-0.8px;}
.teacher_wrap h2 span{font-size:20px;  color:#828186; font-weight:300; letter-spacing:-0.8px;}
.teacher_wrap{ width:100%; padding-bottom:100px;position:relative;background:#fafafa; }
.teacher_wrap .teacher_bg{ position:absolute; bottom:0; width:100%; background:#fafafa; height:375px;left:50%; transform:translateX(-50%); z-index:-100}
.teacher_box{ display:inline-block; margin:0 auto;}
.teacher{width:323px; text-align:Center; position:relative; float:left;margin-right:37px;}
.teacher:last-child{margin-right:0; }
.teacher .teacher_list{ padding:35px 0 47px; background:#fff; transition: 0.3s linear 0s; position:relative; box-sizing:border-box; }
.teacher .teacher_list span{}
.teacher .teacher_list p:nth-child(2){color:#aeaeae; font-size:13px ;font-weight:300; font-family: 'Oswald', sans-serif;letter-spacing:2px;margin:10px 0 0}
.teacher .teacher_list p:nth-child(3){color:#2f6c11; font-size:21px ;font-weight:400; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.8px; }
.teacher .teacher_list p:nth-child(4){color:#0e0e0e; font-size:22px ;font-weight:400; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-1px; margin-top:-3px;}
.teacher .teacher_list span{ width:52px; height:52px; transition: 0.3s linear 0s; padding-top:7px;  background:#fff; border-radius:50px; display:block; position:absolute; top:-15px; left:50%; transform:translateX(-50%);}

.teacher .teacher_list:hover{ background:#39a168; transition: 0.3s linear 0s; }
.teacher .teacher_list:hover span{width:52px; height:52px; background:#39a168; transition: 0.3s linear 0s; border-radius:50px; display:block; position:absolute; top:-20px; left:50%; transform:translateX(-50%);}
.teacher .teacher_list:hover p:nth-child(2){color:#d0e8db; font-size:13px ;font-weight:300; font-family: 'Oswald', sans-serif;letter-spacing:2px;margin:10px 0 0}
.teacher .teacher_list:hover p:nth-child(3){color:#e8f15d; font-size:21px ;font-weight:400; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.8px; }
.teacher .teacher_list:hover p:nth-child(4){color:#fff; font-size:22px ;font-weight:400; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-1px; margin-top:-3px;}



/*교육소개*/
.education_wrap{background:url('../images/main/education_bg.jpg') no-repeat center 0;background-size:cover; height:534px;padding:110px 0 0; position:relative;}
.education_wrap h2{color:#fff; font-size:60px; font-family: 'Paytone One', sans-serif;letter-spacing:2px;margin-bottom:40px;  text-shadow:10px 6px 10px rgba(0,0,0,0.2) ;}
.education_box{display:inline-block; margin:0 auto;}
.education_box ul li{ float:left; width:437px;}
.education_box ul li p.icon{  width:130px ; height:130px; position:relative;margin:0 auto}
.education_box ul li p.icon span:nth-child(1){position:absolute; width:130px ; height:130px; background:#000; opacity:0.5; bordeR-radius:50%; z-index:0; top:50%; left:50%;  transform:translate(-50%, -50%);}
.education_box ul li p.icon span:nth-child(2){display:block; position:absolute; top:50%; left:50%;  transform:translate(-50%, -50%);}
.education_box ul li .bt_txt{font-size:22px; color:#fff;letter-spacing:-1px; line-height:30px;margin-top:20px;  text-shadow:1px 3px 10px rgba(0,0,0,0.7) ;}
.education_box ul li .bt_txt span{color:#a5d856; font-size:26px;}
.edu_line{ display:inline-block; position:absolute; top:282px; left:50%;margin-left:-372px; opacity:0.5}
.edu_line02{ display:inline-block; position:absolute; top:282px; left:50%;margin-left:65px; opacity:0.5}

/*수강신청*/
.courses_wrap{background:url('../images/main/courses_bg.jpg') no-repeat center 0;background-size:cover; height:273px;}
.courses_wrap h2{display:inline-block; float:left;margin-top:18px; text-shadow:1px 5px 10px rgba(0,0,0,0.1) ; }
.courses_wrap h2 p:nth-child(1){ color:#fff; font-size:18px; font-weight:200; opacity:0.6 ; font-family: 'Oswald', sans-serif;letter-spacing:3px;}
.courses_wrap h2 p:nth-child(2){ color:#fff; font-size:50px;  font-family: 'Noto Sans KR', sans-serif; letter-spacing:-2.5px;margin-top:-5px;}
.courses_wrap h2 p:nth-child(2) span{color:#e8f15d}
.courses_box{margin:80px auto 0;  display:inline-block;margin-left:20px;}

.courses_box ul{float:left;margin:0 10px 0 30px;}
.courses_box ul li{}
.courses_box ul li input{width:220px; height:56px; bordeR-radius:10px; padding-left:10px; border:0;margin:2px; color:#333}
.courses_box .Submit{overflow:hidden;padding:0 20px 20px 0px;}
.courses_box .Submit button{background:#3d5256; bordeR-radius:10px; transition: 0.3s linear 0s; 
width:288px; text-align:left;padding-left:50px;height:117px; line-height:117px; float:left; border:0; font-weight:500; font-size:40px; color:#fff;letter-spacing:-2px;}
.courses_box .Submit button:hover{box-shadow:7px 7px 7px rgba(0,0,0,0.2) ; transition: 0.3s linear 0s;	  }
.courses_box .Submit span{color:#4fcf81}
.courses_box .Submit i{background:url('../images/main/Submit_icon.png') no-repeat 0 0px; margin:0 0 -4px 6px ;width:40px; height:40px; display:inline-block;}

.courses_box textarea::placeholder {color:#afafaf;}
.courses_box input::placeholder {color:#afafaf; bordeR:0 }
.courses_box input::-webkit-input-placeholder { color: #afafaf; bordeR:0}
.courses_box textarea::-webkit-input-placeholder { color: #afafaf; }

/*footer*/
#footer{width:100%; background:#1f1f1f;  clear:both; text-align:center; position:relative;}
.copy_topmenu{border-bottom:1px solid #2e2e2e; height:65px; line-height:65px; text-align:Center;}
.copy_topmenu a:link, .copy_topmenu a:active, .copy_topmenu a:hover, .copy_topmenu a:visited {color:#fff; font-size:15px; font-weight:300; padding:0 40px; background:url('../images/common/top_line02.png') no-repeat right center;}
.copy_topmenu a:last-child{background:none}
.copy_topmenu p{display:inline-block; }
.copy_bttxt{ overflow:hidden; display:inline-block; margin:60px 0 60px -420px;}
.copy_bttxt h3{color:#fff;  font-family: 'Oswald', sans-serif; font-size:24px;float:left;overflow:hidden}
.copy_bttxt address{color:#515151; font-size:14px;  text-align:left; line-height:20px;display:inline-block;float:left;margin-left:20px; font-weight:500;}
.copy_bttxt a{float:left;margin-left:20px;overflow:hidden;  width:38px; height:38px;background:#464646 url('../images/common/sns03.png') no-repeat center center; border-radius:50px;padding:9px 0;                 }
.copy_bttxt a img{width:60%;}
.copy_bttxt div{margin-right:40px; overflow:hidden; float:left; position:relative; z-index:100}
.copyRight{background:#000; width:100%; display:block;height:65px; font-size:13px;  font-weight:500; line-height:65px; clear:both; color:#515151}
.bt_Ksem{color:#242424; font-size:130px; font-family: 'Paytone One', sans-serif; position:absolute; bottom:29px; left:50%;margin-left:240px; opacity:0.6}

.quick_pc{width:160px;  position: fixed; top:41%;/*  transform:translate(0, -50%); */ right:-300px; transition:0.5s;  text-align:center; height:150px; 
		 z-index:30000; border-radius:15px 0 0 15px; box-shadow:-10px 4px 20px rgb(0 0 0 / 20%);  box-sizing:border-box; }
.quick_pc.scroll_on{right:0px; }
.link{ width:1200px; height:2699px; display:block; position:absolute; top:0; left:50%; transform:translate(-50%); border:3px solid red: }

.top{border-radius:50px; width:70px; height:70px; position:absolute; display:block;z-index:10000; right:30px; bottom:200px; background:#fff url('../images/common/top.png') no-repeat center 19px;transition: 0.2s linear 0.1s;}
.top:hover{ background:#52aa74 url('../images/common/top_on.png') no-repeat center 19px; transition: 0.2s linear 0.1s;}
.quick_m{display:none}
.bt_logo02{float:right; position:absolute;left:50%;margin-left:280px; top:126px;}
.bt_logo03{float:right; position:absolute;left:50%;margin-left:233px; top:126px;}

/*서브비주얼*/
#s_visual{width:98%;margin:100px auto 0 ; height:316px;text-align:Center; border-radius:12px ; }
#s_visual.visual01{ background: url('../images/sub/s_visual01.png') no-repeat center center ;  background-size:100%}
#s_visual.visual02{ background: url('../images/sub/s_visual02.png') no-repeat center center ;  background-size:100%}
#s_visual.visual03{ background: url('../images/sub/s_visual03.png') no-repeat center center ;  background-size:100%}
#s_visual.visual04{ background: url('../images/sub/s_visual04.png') no-repeat center center ;  background-size:100%}
#s_visual.visual05{ background: url('../images/sub/s_visual05.png') no-repeat center center ;  background-size:100%}
#s_visual.visual06{ background: url('../images/sub/s_visual06.png') no-repeat center center ;  background-size:100%}
#s_visual h3{text-align:Center; color:#fff; display:inline-block;margin:0 auto;}
#s_visual h3 p:first-child{font-family: 'Paytone One', sans-serif; font-size:54px; padding-top:10px;letter-spacing:2px;margin:110px 0 15px; background: url('../images/sub/s_tit_line.png') no-repeat center 0 ; }
#s_visual h3 p:last-child{font-size:16px; letter-spacing:-0.5px;font-weight:300; font-family: 'Noto Sans KR', sans-serif; height:23px; line-height:23px; display:inline-block;}
#s_visual h3 p:last-child .home{displaY:block; width:20px ; font-size:13px; line-height:18px;margin-top:3px; padding-right:1px;height:19px;border-radius:3px;font-family: 'Paytone One', sans-serif;  background:#1fba7b; float:left;}
#s_visual h3 p:last-child .next{font-family: 'Zilla Slab', serif; margin:1px 8px 0 13px;font-weight: 600; line-height:23px; height:23px; display:inline-block;float:left; font-size:13px;}
#s_visual h3 p:last-child .txt{display:inline-block; float:left; }

/*서브페이지_회사소개*/
.company{width:1350px; margin:0px auto; overflow:hidden; position:relative;padding:110px 0;  }
.company p.main_txt{font-size:60px;height:113px;font-weighT:400; margin-bottom:70px; }
.company p.main_txt i{color:#f6f6f6; font-size:160px; position:absolute; top:35px; left:50%; font-family: 'Paytone One', sans-serif; transform:translateX(-50%);   font-style:inherit; z-index:-1000}
.company_list{overflow:hidden;margin:10px 0 50px;clear:both; }
.list_left .float{float:left}
.list_right .float{float:right;}


.company .block{display:inline-block;}

.company_list dl{text-align:left;}
.company_list dl dt{font-size:36px; letter-spacing:-2px;margin:24px 0 10px; font-weight:400}
.company_list dl dt .num{display:inline-block;padding:0px 13px 10px;margin-bottom:10px; letter-spacing:-1px; height:52px ; line-height:52px; background:#1c1c1c; color:#fff; font-family: 'Oswald', sans-serif; font-weight:400; clear:both;}
.company_list dl dd{clear:both; color:#828186;  font-size:26px; letter-spacing:-1.6px;line-height:33px;font-weight:400;; font-family: 'Noto Sans KR', sans-serif;  }
.company_list dl dd span{clear:both;display:block;}
.green{color:#22a66c}
.gray{color:#c3c2c2}
.txt_b{text-align:400}
.list_left dl{text-align:left;float:left;margin:55px 0 0 50px;}
.list_right dl{text-align:right;float:right;  margin:55px 50px 0 0px;}


/*서브페이지_강사진소개*/

#container{text-align:Center; }

/* .sub_teacher {width:1340px; margin:70px auto; overflow:hidden; height:860px;}
.sub_teacher .center_h2{bordER:44px solid #fff; width:630px; height:630px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);bordeR-radius:50%;box-shadow:0px 3px 30px rgba(0,0,0,0.1); }
.sub_teacher h2{text-align:Center;margin:0px 0 px ; padding-top:100px;bordER:48px solid #36b17f;  width:540px; height:540px;position:relative; left:50%; transform:translateX(-50%); bordeR-radius:50%;  box-shadow:0px 3px 30px rgba(55,178,128,0.6)}
.sub_teacher h2 p:first-child{font-size:90px; color:#494f50;margin-bottom:0px;letter-spacing:-0.8px; font-family: 'Paytone One', sans-serif;background: url('../images/sub/h2_bo.png') no-repeat center 0 ;}
.sub_teacher h2 p:last-child{font-size:21px;  line-height:29px; color:#828186; font-weight:300; letter-spacing:-0.8px;font-family: 'Noto Sans KR', sans-serif; }
.sub_teacher h2 p:last-child span.block{displaY:block}
.teacher_line{background: url('../images/sub/teacher_line.png') no-repeat center 0 ; width:670px; height:528px; position:absolute;  z-indeX:1000; top:5px ; left:50%; transform:translateX(-50%);}

.sub_teacher .teacher_box{ display:inline-block; margin:0px auto; width:98%; position:relative; }
.sub_teacher .teacher{width:323px; text-align:Center; position:relative; float:left; position:absolute; margin:0;box-shadow:3px 10px 10px rgba(0,0,0,0.04); }
.sub_teacher .teacher:nth-child(1){left:0; top:0}
.sub_teacher .teacher:nth-child(2){right:0; top:0}
.sub_teacher .teacher:nth-child(3){left:0 ; top:410px;}
.sub_teacher .teacher:nth-child(4){right:0 ; top:410px;}
.sub_teacher .teacher .teacher_list{ padding:35px 0 47px; background:#fff; transition: 0.3s linear 0s; position:relative; box-sizing:border-box; }
.sub_teacher .teacher .teacher_list span{}
.sub_teacher .teacher .teacher_list p:nth-child(2){color:#aeaeae; font-size:13px ;font-weight:300; font-family: 'Oswald', sans-serif;letter-spacing:2px;margin:10px 0 0}
.sub_teacher .teacher .teacher_list p:nth-child(3){color:#2f6c11; font-size:21px ;font-weight:400; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.8px; }
.sub_teacher .teacher .teacher_list p:nth-child(4){color:#0e0e0e; font-size:22px ;font-weight:400; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-1px; margin-top:-3px;}
.sub_teacher .teacher .teacher_list span{ width:52px; height:52px; transition: 0.3s linear 0s; padding-top:7px;  background:#fff; border-radius:50px; display:block; position:absolute; top:-15px; left:50%; transform:translateX(-50%);}

.sub_teacher .teacher .teacher_list:hover{ background:#39a168; transition: 0.3s linear 0s; }
.sub_teacher .teacher .teacher_list:hover span{width:52px; height:52px; background:#39a168; transition: 0.3s linear 0s; border-radius:50px; display:block; position:absolute; top:-20px; left:50%; transform:translateX(-50%);}
.sub_teacher .teacher .teacher_list:hover p:nth-child(2){color:#d0e8db; font-size:13px ;font-weight:300; font-family: 'Oswald', sans-serif;letter-spacing:2px;margin:10px 0 0}
.sub_teacher .teacher .teacher_list:hover p:nth-child(3){color:#e8f15d; font-size:21px ;font-weight:400; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.8px; }
.sub_teacher .teacher .teacher_list:hover p:nth-child(4){color:#fff;} */


.sub_teacher{ width:100%; padding:0px 0 150px;position:relative;}
.sub_teacher h2{text-align:Center;margin:80px 0 80px }
.sub_teacher h2 p:first-child{font-size:80px;font-weight:300; color:#494f50;margin-bottom:5px;letter-spacing:-0.8px;font-family:'Paytone One', sans-serif; }
.sub_teacher h2 p:last-child{font-size:20px;  color:#000; font-weight:300; letter-spacing:-0.8px;}

.sub_teacher .block{displaY:inline-block;}
.sub_teacher .teacher_bg{ position:absolute; bottom:0; width:100%; background:#fafafa; height:375px;left:50%; transform:translateX(-50%); z-index:-100}
.teacher_box{ display:inline-block; margin:0 auto;}
.teacher{width:180px; text-align:Center; position:relative; float:left;margin-right:37px;}
.teacher:last-child{margin-right:0; }
.teacher .teacher_list{ padding:35px 0 32px; background:#fff; transition: 0.3s linear 0s; position:relative; box-sizing:border-box; height:180px; }
.teacher .teacher_list span{}
.teacher .teacher_list p:nth-child(2){color:#aeaeae; font-size:13px ;font-weight:300; font-family: 'Oswald', sans-serif;letter-spacing:2px;margin:14px 0 0}
.teacher .teacher_list p:nth-child(3){color:#2f6c11; font-size:21px ;font-weight:400; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.8px; }
.teacher .teacher_list p:nth-child(4){color:#0e0e0e; font-size:22px ;font-weight:400; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-1px; margin-top:-3px;}
.teacher .teacher_list p:nth-child(5){color:#9f9999; font-size:16px ;font-weight:400; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-1px; margin-top:0px;}
.teacher .teacher_list span{ width:75px; height:75px; transition: 0.3s linear 0s; padding-top:10px;  background:#fff; border-radius:50px; display:block; position:absolute; top:-25px; left:50%; transform:translateX(-50%);}

.teacher .teacher_list:hover{ background:#39a168; transition: 0.3s linear 0s; }
.teacher .teacher_list:hover span{width:75px; height:75px; background:#39a168; transition: 0.3s linear 0s; border-radius:50px; display:block; position:absolute; top:-30px; left:50%; transform:translateX(-50%);}
.teacher .teacher_list:hover p:nth-child(2){color:#d0e8db; font-size:13px ;font-weight:300; font-family: 'Oswald', sans-serif;letter-spacing:2px;margin:10px 0 0}
.teacher .teacher_list:hover p:nth-child(3){color:#e8f15d; font-size:21px ;font-weight:400; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.8px; }
.teacher .teacher_list:hover p:nth-child(4){color:#fff; font-size:22px ;font-weight:400; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-1px; margin-top:-3px;}
.teacher .teacher_list:hover p:nth-child(5){color:#fff; font-size:16px ;font-weight:400; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-1px; margin-top:0px;}

.green{color:#22a66c}
.gray{color:#c3c2c2}
.txt_b{font-weight:400}



/*서브페이지_교육소개*/
.education{display:inline-block; margin:0 auto; padding:120px 0 130px; overflow:hidden; position:relative; }
.education ul{position:relative; z-index:0; }
.education ul li{  box-shadow:2px 5px 15px rgba(0,0,0,0.1);  width:1250px;  overflow:hidden;margin:20px 20px 20px 20px; border-radius:18px;padding:60px 40px 65px; background:rgba(255,255,255,0.7);}
.education ul li p{ float:left;}
.education ul li:nth-child(1) .img{background: url('../images/sub/eu_icon01.png') no-repeat center center ; width:131px;; height:123px; margin:27px 0 0 50px}
.education ul li:nth-child(2) .img{background: url('../images/sub/eu_icon02.png') no-repeat center center ; width:131px;; height:123px;  margin:59px 0 0 50px}
.education ul li:nth-child(3) .img{background: url('../images/sub/eu_icon03.png') no-repeat center center ; width:131px;; height:123px;  margin:40px 0 0 50px}
.education ul li .txt{font-size:26px; line-height:33px; letter-spacing:-1.8px;margin-top:20px;color:#111111; font-weight:300}
.education ul li .txt span{font-weight:400}
.education .bg_txt{ font-family: 'Paytone One', sans-serif;letter-spacing:2px;font-size:240px ; color:#eff3f1; position:absolute;left:50%; transform:translateX(-50%); top:0px; z-index:-2000; width:800px; }


.education dl{text-align:left; float:right; width:920px; }
.education dl dt{font-size:33px; letter-spacing:-2.4px;margin:24px 0 18px; font-weight:500}
.education dl dt .num{display:inline-block;font-size:25px; padding:0px 11px 0 10px;margin:0 5px 0 0; letter-spacing:-1px; height:43px ; line-height:43px; background:#1c1c1c; color:#fff; font-family: 'Oswald', sans-serif; font-weight:400; clear:both;}
.education dl dd{clear:both; color:#5c5c5c;  font-size:22px; letter-spacing:-1.6px;line-height:37px;font-weight:400;; font-family: 'Noto Sans KR', sans-serif; }
.education dl dd span{color:#476f0d; font-weight:400; background:#f8faf1; bordeR-radius:3px;padding:0px 7px 2px 8px; font-size:22px; margin-right:4px}




/*서브페이지_절차*/
.process{display:inline-block; margin:90px auto 130px;  overflow:hidden; position:relative;}
.process ul{position:relative; z-index:200}
.process ul li{float:left; width:370px; height:370px;background:#Fff; border-radius:18px; text-align:Center; box-shadow:3px 3px 10px rgba(0,0,0,0.1); padding-top:65px; margin:20px 30px 20px 30px;position:relative; z-index:0;}
.process ul li:nth-child(1){background:#37b280 url('../images/sub/process_start02.png') no-repeat center center ; }
.process ul li:nth-child(2) p.img{background: url('../images/sub/process01.png') no-repeat center center ; width:94px; height:75px;margin:0 auto 20px;}
.process ul li:nth-child(3) p.img{background: url('../images/sub/process02.png') no-repeat center center ; width:94px; height:75px;margin:0 auto 20px; }
.process ul li:nth-child(6) p.img{background:#3d5256 url('../images/sub/process05.png') no-repeat center center ; width:94px; height:75px;margin:0 auto 20px;}
.process ul li:nth-child(5) p.img{background: url('../images/sub/process04.png') no-repeat center center ; width:94px; height:75px;margin:0 auto 20px;}
.process ul li:nth-child(4) p.img{background: url('../images/sub/process03.png') no-repeat center center ; width:94px; height:75px;margin:0 auto 20px;}
.process ul li:nth-child(4) {display:block;  clear:both;}
.process ul li:nth-child(6) {background:#3d5256}
.process ul li:nth-child(6) p.step{background:#fff; color:#303333; font-weight:500; letter-spacing:-0.5px;}
.process ul li:nth-child(6) p.step span{color:#37b280}
.process ul li:nth-child(6) p.tit{ font-size:29px; color:#23af76; font-weight:500; letter-spacing:-1.5px;margin:10px 0 12px}
.process ul li:nth-child(6) p.txt{ font-size:17px; line-height:22px; color:#fff; font-weight:300; letter-spacing:-0.8px;}
.process ul li p.step{background:#3d5256; color:#fff; font-size:20px; width:140px; border-radius:50px; height:38px; line-height:36px;margin:0 auto;}
.process ul li p.step span{color:#43d499}
.process ul li p.s_tit{ font-size:17px; color:#87cbac; font-weight:400; letter-spacing:1px;margin:33px 0 2px ; font-family: 'Oswald', sans-serif;}
.process ul li p.title{ font-size:41px;  line-height:49px;color:#fff; font-weight:600; letter-spacing:-1.9px;margin:0px 0 12px}
.process ul li p.title span{color:#e8f15d}
.process ul li p.tit{ font-size:29px; color:#3d5256; font-weight:500; letter-spacing:-1.5px;margin:10px 0 12px}
.process ul li p.txt{ font-size:17px; line-height:22px; color:#383838; font-weight:300; letter-spacing:-0.8px;}
.process .arrow_pc{ width:64px; height:64px; background: url('../images/sub/arrow.png?ver=20') no-repeat center center ;  box-shadow:2px 6px 15px rgba(61,82,86,0.3) ;border-radius:50px;  position:absolute; top:0 ;z-index:1000;right:-31px; top:50%; margin-top:-32px;}
.process .arrow_m{display:none}
/* .process ul li:nth-child(3) .arrow_pc{top:100%;left:50%;margin:8px 0  0 -32px; margin-top:-32px;background: url('../images/sub/arrow02.png') no-repeat center center ;}
.process ul li:nth-child(4) .arrow_pc, .process ul li:nth-child(5) .arrow_pc { margin-top:-32px; background: url('../images/sub/arrow03.png') no-repeat center center ;} */
.process ul p.process_line span:nth-child(1){background:#37b17f; width:677px; height:15px; left:50%; top:198px; margin-left:-250px;position:absolute; z-index:-200; }
/* .process ul p.process_line span:nth-child(2){background:#37b17f; width:15px; height:425px; left:50%; top:198px; margin-left:423px;position:absolute; z-index:-200; } */
.process ul p.process_line span:nth-child(2){background:#37b17f; width:677px; height:15px; left:50%; top:608px; margin-left:-250px;position:absolute; z-index:-200; }




/* 이용약관 */
.layer{position:fixed; max-width:1200px;  left:50%; transform:translate(-50%, -50%); top:50%; display:none; z-index:3000000; width:100%;height:700px; padding:30px;}
.layer h3{font-size:34px;padding:40px 0 20px; }
.layer h4{font-size:1rem;text-align:left;padding:20px 0 12px 7px}
.layer p{font-size:15px; line-height:20px;  width:90%; margin:20px auto 30px;}
.layer p span{display:block}
.layer_wrap{position:relative;top:0px; margin:0 auto; box-shadow:0 0 40px rgba(0,0,0,0.6) ;overflow:auto; height:680px;border-radius:7px;
background-color: #fff; text-align:left;z-index:1000; letter-spacing:-0.2px; }
.layer_wrap dt{display: block; background:#eee;font-size:14px; font-weight:500; padding:10px; text-align:left}
.layer_wrap dd{padding:14px 10px 17px; line-height:19px; text-align:left}
.DB_info_detail{text-align:center; width:96%; font-size:13px; margin:18px auto 30px ;  line-height:18px;padding:0 10px 0 10px;;}
.close_btn{position:absolute; width:60px;height:60px; right:0; top:0px;background:#2e2c2b; padding:12px 11px 0px 0px; }
.close_btn img{width:72%}



/*개인정보*/
.privacy_box, .agree{bordeR:20px solid #f6f6f6; width:1250px; margin:60px auto;min-height:600px; padding:60px 40px 50px}
.privacy_box h2{font-size:35px; font-weight:600;margin-bottom:20px; letter-spacing:-1px;}
.privacy_box p{font-size:15px; line-height:20px;  width:90%; margin:10px auto 50px;}
.privacy_box p span{display:block}
.privacy_box dt{display: block; background:#eee;font-size:14px; font-weight:500; padding:10px; text-align:left}
.privacy_box dd{padding:20px 10px; line-height:19px; text-align:left;font-size:14px; color:#5a5a5a}



/*신청폼*/
.form_box{width:900px; margin:100px auto;}
.form_box h3{text-align:left; font-size:25px; font-weight:500;color:#181818; letter-spacing:-1.4px; margin-bottom:12px}
.form_box h4{text-align:left; font-size:21px; font-weight:500;margin:10px 0 15px;letter-spacing:-0.7px; color:#3d710f}
.form_list{border-top:2px solid; }
.form_list ul li{border-bottom:1px solid #e4e4e4;  height:60px ; clear:both;}
.form_list ul li p{float:left;}
.form_list ul li p:last-child{float:left;line-height:19px; text-align:left; font-size:15px;padding:15px;}
.form_list ul li p:first-child{width:35%;background:#f6f6f6;line-height:59px; font-size:16px;font-weight:400; letter-spacing:-1px; text-align:Center;}
.form_list ul li p input{height:38px;width:400px;margin:5px 20px;padding-left:10px; border-radius:4px;bordeR:1px solid #e4e4e4; }

.form_list02{border-top:2px solid; }
.form_list02 ul li{border-bottom:1px solid #e4e4e4; overflow:hidden; clear:both;}
.form_list02 ul li p{float:left;}
.form_list02 ul li p:last-child{float:left;line-height:19px; text-align:left; font-size:14px; margin-top:12px;padding-left:10px;}
.form_list02 ul li p:first-child{width:35%;background:#f6f6f6;line-height:59px; font-size:16px;font-weight:400; letter-spacing:-1px; text-align:Center;}
.form_list02 ul li p input{height:38px;width:400px;padding-left:10px; border-radius:4px;bordeR:1px solid #e4e4e4; display:block; }
.form_list02 select{HEIGHT:35px; width:300px; line-height:35px; border-radius:4px;margin-left:20px; bordeR:1px solid #d7dfda ; padding-left:10px;}



.form_box a{background:#259b6b; display:inline-block;width:190px; height:54px; line-height:54px; color:#fff;font-weight:500; font-size:17px;margin-top:40px; }
.form_txt{bordER:1px solid #efefef; width:100%;padding:20px 40px;margin-bottom:40px; text-align:left; color:#303030; font-weighT:400; letter-spacing:-0.9px;; background:#fbfbfb}
.form_txt span{color:#2c8e05}
.edu_box{margin-bottom:40px; }
.edu_txt{margin-bottom:20px; overflow:hidden}
.edu_txt p{height:45px; line-height:42px; font-weight:400; letter-spacing:-0.8px;background:#3d5256; color:#fff}
.edu_txt p span{color:#43de9f}
.edu_txt ul li{float:left;width:50%; text-align:Center;border-right:1px solid #e4e4e4;height:45px; line-height:42px; font-size:15px;border-bottom:1px solid #e4e4e4;}
.edu_txt ul li:nth-child(odd){ font-weight:500; background:#f7fbf3; color:#373c33}
.edu_txt ul li:nth-child(even){border-right:0}


#quick{position:fixed;max-width:640px; bottom:170px; right:25px; z-index: 1000; transition:0.5s}
#quick .img{position: relative; top:0; width:60px;; height:60px; text-align:center;padding:8px;  color:#fff; border-radius:100%; font-weight:500; letter-spacing:-0.5px; font-size:15px; z-index: 100;padding-top:19px;}
#quick .img img{width:44px;}
#quick ul li{position:absolute; top:0; left:-1px;width:61px; height:61px; background:#1182FC; border-radius:100%; animation:circle 1.5s 0s infinite linear;}
@keyframes circle {
	0%{transform:scale(0.8);}
	100%{transform:scale(1.6); opacity:0;}
}
#quick ul li:nth-child(1){animation:circle 1.5s 0s infinite linear;}
#quick ul li:nth-child(2){animation:circle 1.5s 0.5s infinite linear;}
#quick ul li:nth-child(3){animation:circle 1.5s 1s infinite linear;}
#quick.scroll_on{top:24px;}