@charset "utf-8";

/* 내용관리 */
.cu_style{ font-size: 10pt;width:95%;line-height: 180%;margin-top:-35px;}
.cu_style tr { }
.cu_style tr td { border: 1px solid #ddd; padding:10px 0 10px 30px}
#ctt {padding: 15px;
    background: #fff;
    float: right;
    width:100%;
    border: 0px solid #ccc;}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {}
/*#ctt_con img{max-width:100%;height:auto}*/
#ctt_himg img, #ctt_timg img, #ctt_con img {max-width:100%;height:auto} /*2019.0424*/
.ctt_img {text-align:center}

/* 학교장 인사말 */
.xzt_right{height:100%; overflow: hidden;}
.xzt_left{float: left;}
.xzt_left img{border-radius: 15px;
    width: 80%;
    margin: 0px 0 0 20px;}
.xzt_right{padding: 0px 10px 0 10px;
    width: 74%;
    float: right;
    line-height: 30px;
    font-size: 14px;}
.xzt_right p {padding-top: 15px;}
.xzt_right .p_p {width: 100%;padding-top: 25px;
    text-align: right;}
    .xzt_right .p_r {width: 100%;
        text-align: right;    padding-bottom: 50px;}
.xzt_right b {font-size: 20pt;
    font-weight: normal;}
    @keyframes xz_fadeup {
   	from {
   		opacity: 0;
      opacity: 0.1;
      opacity: 0.3;
   		-webkit-transform: translate3d(0, 200px, 100);
   		transform: translate3d(0, 200px, 0);
   	}

   	to {
   		opacity: 1;
   		-webkit-transform: translate3d(0, 0, 0);
   		transform: translate3d(0, 0, 0);
   	}
    }
    @-webkit-keyframes xz_fadeup {
     from {
    	 opacity: 1;
    	 -webkit-transform: translate3d(0, 200px, 0);
    	 transform: translate3d(0, 200px, 0);
     }

     to {
    	 opacity: 1;
    	 -webkit-transform: translate3d(0, 0, 0);
    	 transform: translate3d(0, 0, 0);
     }
    }

    .xz_p_0 {
        animation-duration: 0.8s;
        animation-fill-mode: both;
        animation-name: fadeInRight  ;
    }
    .xz_p_1 {
        animation-duration: 1.5s;
        animation-fill-mode: both;
        animation-name: xz_fadeup  ;
    }
    .xz_p_2 {
        animation-duration: 2.3s;
        animation-fill-mode: both;
        animation-name: xz_fadeup  ;
    }
    .xz_p_3 {
        animation-duration: 3.1s;
        animation-fill-mode: both;
        animation-name: xz_fadeup  ;
    }
    .xz_p_4 {
        animation-duration: 3.6s;
        animation-fill-mode: both;
        animation-name: xz_fadeup  ;
    }
    .xz_p_5 {
        animation-duration: 4.1s;
        animation-fill-mode: both;
        animation-name: xz_fadeup  ;
    }
    .xz_p_6 {
        animation-duration: 4.5s;
        animation-fill-mode: both;
        animation-name: xz_fadeup  ;
    }

/* 학교장 인사말 end*/

/* 학교 소개 */
.xxjs_on{margin-top:0px;}
.xxjs{line-height: 28px;
    padding: 10px;
    font-size: 14px;}
.xxjs p{
  font-size: 12pt;
      line-height: 50px;
      font-weight: 600;


}
.xzjs_img_m{
float: left;
margin: 0px 15px 10px 0;
width: 40%;
border-radius: 15px;
}
.xz_p_0 p{


    padding-top: 15px;

}
.x_21_01 {
    animation-duration: 0.8s;
    animation-fill-mode: both; padding-bottom:20px;
    animation-name: fadeInRight  ;
}
.x_21_02 {
    animation-duration: 1.5s;
    animation-fill-mode: both; padding-bottom:20px;
    animation-name: xz_fadeup  ;
}
.x_21_03 {
    animation-duration: 2.3s;
    animation-fill-mode: both; padding-bottom:20px;
    animation-name: xz_fadeup  ;
}
.x_21_04 {
    animation-duration: 3.1s;
    animation-fill-mode: both; padding-bottom:20px;
    animation-name: xz_fadeup  ;
}
.x_21_05 {
    animation-duration: 3.6s;
    animation-fill-mode: both; padding-bottom:20px;
    animation-name: xz_fadeup  ;
}
.x_21_06 {
    animation-duration: 4.1s;
    animation-fill-mode: both; padding-bottom:20px;
    animation-name: xz_fadeup  ;
}
.x_21_07 {
    animation-duration: 5.5s;
    animation-fill-mode: both; padding-bottom:20px;
    animation-name: xz_fadeup  ;
}
.x_21_08 {
    animation-duration: 4.8s;
    animation-fill-mode: both; padding-bottom:20px;
    animation-name: xz_fadeup  ;
}
.x_21_09 {
    animation-duration: 5.1s;
    animation-fill-mode: both; padding-bottom:20px;
    animation-name: xz_fadeup  ;
}
.xxjs_left{float: left; width:60%}
.xxjs_right{float:right; width:40%; /*background: url(/images/main/xxjs/xxjs_bg.gif) 100% 0px no-repeat;height: 9400px;*/}

/* 학교 소개 end */