@charset "utf-8";

/* KH영상소개 */
.about_title_wrap .about_title {position:relative; background:#fff;}
/* .about_title_wrap .about_title .about_title_gradient {position:absolute; top:25px; left:325px; width:499px; height:100px; background:linear-gradient(87deg, #fe1c6c 10%, #ffa800 35%, #3ec2ff 60%, #7800ff 94%); mix-blend-mode:lighten;} */
.about_title_wrap .about_title .about_title_gradient {position:absolute; top:25px; left:394px; width:371px; height:100px; background:linear-gradient(87deg, #ffbc73 0%, #fce67d 24%, #77fff2 50%, #8bdbff 77%, #97aaff 100%); mix-blend-mode:lighten;}
.about_content_wrap {}
.about_content_wrap .about_content {overflow-y:visible;}
.about_content .about_content_left {float:left; /* overflow:hidden; */overflow-y:visible; width:530px;width:565px;}
.about_content .about_content_left .content_title {font-weight:800; font-family:"Pretendard"; font-size:45px; line-height:1;}
.about_content .about_content_left .content_title span {display:inline-block; padding-top:7px; color:#222; font-weight:normal; font-family:"CoreGothic5"; font-size:15px;}
.about_content .about_content_left .gray_text {padding:8px 30px 33px 0; color:#999; font-family:"CoreGothic4"; font-size:15px; text-align:end;}
.about_content .about_content_left .content_text {font-size:16px; line-height:1.7;}
.about_content .about_content_left .content_text span {display:inline-block; padding-bottom:2px; font-family:"CoreGothic6"; font-size:18px;}
.about_content .about_content_left .content_text_point {padding-top:17px; color:var(--common-point-font); font-family:"CoreGothic4"; font-size:17px; line-height:1.6;}
.about_content .about_content_right {float:right;}


/* 교육시설 */
.about_facility_wrap {height:450px; margin-top:100px;}


/* 약도 */
.fx_location {width:100%; height:360px; border:1px solid var(--border-darkgray); background:url(/resources/images/about/fx_location_map.jpg) no-repeat; background-position: center; }
.location_text_wrap {border-bottom:1px solid var(--border-darkgray); width:100%; height:70px; box-sizing: border-box;}
.location_text_wrap div:first-child {float:left; padding-top:22px;}
.location_text_wrap div p {display:inline-block; font-size:16px;}
.location_text_wrap div p:last-child {padding-left:45px;}
.location_text_wrap div p img {vertical-align:bottom;}
.location_text_wrap div p span {font-size:17px;}
.location_text_wrap .sendMap_btn {float:right; width:170px; height:46px; border:1px solid; margin-top:12px; font-size:15px;}
.location_text_wrap .sendMap_btn a {line-height:2.9;}
.location_text_wrap .sendMap_btn a img {margin:0 0 2px 4px;}




@keyframes bounce {
  0%   {opacity:1;}
  25%  {opacity:1;}
  50%  {opacity:1;}
  75%  {opacity:1;} 
  100% {opacity:1; top:-25px;}
}



.about_wrap2 .about_wrap_bg2 .six_values_mean .loding1 { 
    animation-name:example; 
    animation-duration: 1s;  
    -webkit-animation-duration: 1s;    
    -moz-animation-duration: 1s;   
    -o-animation-duration: 1s;   
    -ms-animation-duration: 1s;   
    animation-timing-function: 1s;    
    animation-fill-mode: forwards; 
    opacity: 0; 
    margin-left:80px;
}
.about_wrap2 .about_wrap_bg2 .six_values_mean .loding2 {
  animation-name:example; 
  animation-duration: 1.1s; 
  -webkit-animation-duration: 1.1s;  
  -moz-animation-duration: 1.1s;   
  -o-animation-duration: 1.1s;   
  -ms-animation-duration: 1.1s;   
  animation-timing-function: 1.1s;   
  animation-fill-mode: forwards; 
  opacity: 0; 
  padding:0 37px 0 37px;
}
.about_wrap2 .about_wrap_bg2 .six_values_mean .loding3 { 
  animation-name:example; 
  animation-duration: 1.1s; 
  -webkit-animation-duration: 1.1s;  
  -moz-animation-duration: 1.1s;   
  -o-animation-duration: 1.1s; 
  -ms-animation-duration: 1.1s; 
  animation-timing-function: 1.1s;
  animation-fill-mode: forwards; 
  opacity: 0;
}
.about_wrap2 .about_wrap_bg2 .six_values_mean .loding4 { 
  animation-name:example; 
  animation-duration: 1.2s; 
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  -ms-animation-duration: 1.2s; 
  animation-timing-function: 1.2s;
  animation-fill-mode: forwards;
  opacity: 0; 
  padding: 0 43px 0 40px;
}
.about_wrap2 .about_wrap_bg2 .six_values_mean .loding5 { 
  animation-name:example; 
  animation-duration: 1.2s; 
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  -ms-animation-duration: 1.2s; 
  animation-timing-function: 1.2s; 
 animation-fill-mode: forwards; 
 opacity: 0;
}
.about_wrap2 .about_wrap_bg2 .six_values_mean .loding6 { 
  animation-name:example; 
  animation-duration: 1.2s; 
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  -ms-animation-duration: 1.2s; 
  animation-timing-function: 1.2s; 
  animation-fill-mode: forwards; 
  opacity: 0; 
  padding: 0 8px 0 50px;
}
.about_wrap2 .about_wrap_bg2 .six_values_mean .loding7 { 
  animation-name:example; 
  animation-duration: 1.2s; 
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  -ms-animation-duration: 1.2s; 
  animation-timing-function: 1.2s;   
  animation-fill-mode: forwards;
   opacity: 0;
}
.about_wrap2 .about_wrap_bg2 .six_values_mean .loding8 { 
  animation-name:example;
  animation-duration: 1.4s; 
  -webkit-animation-duration: 1.4s; 
  -moz-animation-duration: 1.4s; 
  -o-animation-duration: 1.4s; 
  -ms-animation-duration: 1.4s; 
  animation-timing-function: 1.4s; 
  animation-fill-mode: forwards; 
  opacity: 0; 
  padding: 0 13px 0 18px;
}
.about_wrap2 .about_wrap_bg2 .six_values_mean .loding9 { 
  animation-name:example; 
  animation-duration: 1.4s; 
  -webkit-animation-duration: 1.4s; 
  -moz-animation-duration: 1.4s; 
  -o-animation-duration: 1.4s; 
  -ms-animation-duration: 1.4s; 
  animation-timing-function: 1.4s; 
  animation-fill-mode: forwards; 
  opacity: 0; 
  padding: 0 0 0 34px;
}
.about_wrap2 .about_wrap_bg2 .six_values_mean .loding10 { 
  animation-name:example; 
  animation-duration: 1.4s; 
  -webkit-animation-duration: 1.4s; 
  -moz-animation-duration: 1.4s; 
  -o-animation-duration: 1.4s; 
  -ms-animation-duration: 1.4s; 
  animation-timing-function: 1.4s; 
  animation-fill-mode: forwards; 
  opacity: 0; 
  padding: 0 6px 0 45px;
}
.about_wrap2 .about_wrap_bg2 .six_values_mean .loding11 { 
  animation-name:example; 
  animation-duration: 1.4s; 
  -webkit-animation-duration: 1.4s; 
  -moz-animation-duration: 1.4s; 
  -o-animation-duration: 1.4s; 
  -ms-animation-duration: 1.4s; 
  animation-timing-function: 1.4s; 
  animation-fill-mode: forwards;
   opacity: 0;
}

@keyframes example { 
  0%{ left:0px; opacity: 0}
  50%{left:0px; opacity: 0}
  100%{ left:0px; opacity: 1}
}