.main_space1 { min-height:367px;display:table;}
.main_space2 { min-height:130px;display:table;}
.main_space3 { min-height:387px;margin-top:20px;display:table;}
.ani_eleDiv { position:absolute; z-index:1;}

.bdays { line-height:100% }

.lstop1{
	float:left;
    width: 66%;
    background-color: #fff;
    margin-right: 2%;
}
.lstop2{
	float:left;
    width: 32%;
    background-color: #fff;
}

.pwd_load {text-align:center;width:380px;height:170px;display:block;
	background-image:url('/homeimg/patbg300.png')  !important; 
	background-repeat:no-repeat   !important; 
	background-position:center top  !important;
	background:#e8e8e8;
}

.ani_index3{
	-webkit-animation-name: ani_index3;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-delay:0s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count:1;
	animation-name: ani_index3;
	animation-duration: 0.8s;
	animation-delay:0s;
	animation-fill-mode: forwards;
	animation-iteration-count:1;
		opacity: 0;
}
div#ani_index3 {}
@-webkit-keyframes ani_index3 {
	from {
		opacity: 0.2;-webkit-transform: translateY(60px);
	}
	to {
		opacity: 1;
	}
}
@keyframes ani_index3 {
	from {
		opacity: 0.2;transform: translateY(60px);
	}
	to {
		opacity: 1;
	}
}
.ani_index2{
	-webkit-animation-name: ani_index2;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-delay:0s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count:1;
	animation-name: ani_index2;
	animation-duration: 0.6s;
	animation-delay:0s;
	animation-fill-mode: forwards;
	animation-iteration-count:1;
		opacity: 0;
}
div#ani_index2 {}
@-webkit-keyframes ani_index2 {
	from {
		opacity: 0.2;-webkit-transform: translateY(60px);
	}
	to {
		opacity: 1;
	}
}
@keyframes ani_index2 {
	from {
		opacity: 0.2;transform: translateY(60px);
	}
	to {
		opacity: 1;
	}
}
.ani_index1{
    width:100%;
	-webkit-animation-name: ani_index1;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-delay:0s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count:1;
	animation-name: ani_index1;
	animation-duration: 0.4s;
	animation-delay:0s;
	animation-fill-mode: forwards;
	animation-iteration-count:1;
		opacity: 0;
}
div#ani_index1 {}
@-webkit-keyframes ani_index1 {
	from {
		opacity: 0.2;-webkit-transform: translateY(60px);
	}
	to {
		opacity: 1;
	}
}
@keyframes ani_index1 {
	from {
		opacity: 0.2;transform: translateY(60px);
	}
	to {
		opacity: 1;
	}
}
.tab_menu ul li {
    float: left;
    background-color: #e8e8e8;
    text-align: center;
    vertical-align: middle;
	height:40px;
	cursor:pointer;
	letter-spacing:0px;

}



.tab_ns li {
    width: 25%; //4µîºÐ
	height:40px;
	cursor:pointer;
	border-right:2px solid #fff;
}
.tab_menu ul li.on a {
    position: relative;
    height: 40px;
    padding-right: 1px;
    font-weight: bold;
    background-color: #545453;
    background-image: none;
    border: none;
	color:#fff;

}
.tab_menu ul li a {
    display: block;
    width: 100%;
    padding: 10px 0 0 0;
    height: 40px;
    font-size: 16px;
    color: #444;
    letter-spacing: -2px;
    text-decoration: none !important;
}

.bts1 { height:311px;width:100%;padding-top:30px;display:table }
.bts2 { height:311px;width:100%;padding-top:30px;display:table }
.bts3 { height:311px;width:100%;padding-top:30px;display:table }
.bts4 { height:311px;width:100%;padding-top:30px;display:table }
.btn_more { height:40px;width:40px;display:block;float:right;text-align:center;font-weight:bold;font-size:0.8em;padding-top:8px;color:#3a3a3a }
.btn_more1 { height:30px;width:30px;background:#fff;display:block;float:right;text-align:center;font-weight:bold;font-size:1.2em;padding-top:2px;color:silver;border:1px solid silver;margin-top:-5px;margin-right:5px }
.btn_more2 { height:30px;width:30px;background:#fff;display:block;float:right;text-align:center;font-weight:bold;font-size:1.2em;padding-top:2px;color:silver;border:1px solid silver;margin-top:-5px;margin-right:5px  }
.btn_more3 { height:30px;width:40px;display:block;float:right;text-align:center;font-size:0.8em;padding-top:2px;color:silver;margin-top:-5px;color:#3a3a3a  }



/* ¸ÞÀÎÇÏ´Ü Å«À̹ÌÁöhover¹è³Ê ³»ºÎ¸µÅ©¿ë */
.imghbox {  position: relative;  overflow: hidden;  width:100%;  box-sizing: border-box; border: 1px solid silver;  }
.himage {  display: inline;  width: 100%;  height: auto; }/* Make the image to responsive */
.himage:hover {  -webkit-transform: scale(1.02);  transform: scale(1.02);  -webkit-transition: all 0.8s;  transition: all 0.8s;  opacity: 0.8;}

/*ŸÀÌƲbg*/
.hoverlay {  position: absolute;
  bottom: 0;
  background: rgba(78, 78, 78, 0.4);
  width: 100%;
  transition: .5s ease;
  opacity:1;
  color: #FFFFFF;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

/* The overlay effect - lays on top of the container and over the image */
.imghbox:hover .hoverlay {  opacity: 1;   background: rgba(0, 0, 0, 0.6);  color: #FFFF00; }/* When you mouse over the container, fade in the overlay title */

.index_ani1 { height:350px;width:100%;border-top:1px solid #f7f7f7;border-bottom:1px solid #f7f7f7 }
.index_responsive_ban { height:350px;width:50%;float:left; }

.main_load_photo1 { background-image: url('/theme/basic/img/unesc.jpg');background-repeat:no-repeat;background-position:right bottom }
.main_load_photo2 { background-image: url('/theme/basic/img/schooln.png');background-repeat:no-repeat;background-position:left bottom;text-align:right;padding-right:50px }

.main_load_text1 { margin:80px 0px 30px 50px;font-size:1.6em;font-weight:bold;color:maroon;text-shadow:-2px -2px 5px #fff,2px -2px 5px #fff,-2px 2px 5px #fff,2px 2px 5px  #fff; -webkit-transition: 0.5s;    -moz-transition: 0.5s;    -o-transition: 0.5s;    -ms-transition: 0.5s;    transition: 0.5s;  }
.main_load_text2 { margin:0px 0px 30px 50px;font-size:0.9em;line-height:180%;text-shadow:-2px -2px 5px #fff,2px -2px 5px #fff,-2px 2px 5px #fff,2px 2px 5px #fff; -webkit-transition: 0.5s;    -moz-transition: 0.5s;    -o-transition: 0.5s;    -ms-transition: 0.5s;    transition: 0.5s;  }


.main_container { width:100%;max-width:1200px;margin:0 auto}
.box{
 width:140px; height:100px; /*¿É¼Ç*/
 display: -moz-inline-box; /* For FF<3 */
 -moz-box-orient: vertical; /* For FF<3 */
 display: inline-block; /* IE <8 needs this tripped back to display: inline; to make it work on block elements - see conditional below */
 vertical-align: top; /* explicitly declare your preference as Moz inline-box auto aligns to top */
 text-align: center; /* to left align text within divs when container has been set to center */
 font-size:1.1em;
}
.box img { margin-bottom:10px; }

@media screen and (max-width: 680px) {
.box{
 width:85px; height:100px; /*¿É¼Ç*/
 display: -moz-inline-box; /* For FF<3 */
 -moz-box-orient: vertical; /* For FF<3 */
 display: inline-block; /* IE <8 needs this tripped back to display: inline; to make it work on block elements - see conditional below */
 vertical-align: top; /* explicitly declare your preference as Moz inline-box auto aligns to top */
 text-align: center; /* to left align text within divs when container has been set to center */
 font-size:1em;
}
.box img { width:50px }

}
.box .material-icons { font-size:3.5em }


.tl_latest_box_warp { width:100%; padding:0px; margin:0px  0 10px 0; clear:both; font-size:1.2em}
.tl_latest_box_warp .notice_latest { width:24%; float:left; margin-right:1%}
.tl_latest_box_warp .center_latest { width:24%; float:left; margin-right:1%}
.tl_latest_box_warp .counsel_latest { width:25%; float:right}

@media screen and (max-width:1340px) {
	.tl_latest_box_warp .notice_latest { width:49%}
	.tl_latest_box_warp .center_latest { width:49%}
	.tl_latest_box_warp .counsel_latest { width:49%}
}

@media screen and (max-width:640px) {
	.tl_latest_box_warp .notice_latest { width:100%;}
	.tl_latest_box_warp .center_latest { width:100%}
	.tl_latest_box_warp .counsel_latest { width:100%}
    .tl_latest_box_warp {padding: 10px 0 10px 0;}
.box{
 width:70px; height:90px; /*¿É¼Ç*/
 font-size:0.8em;
}
}
.micon_img_box { margin-bottom:20px;width:100%;border:1px solid #ebebeb; }
.micon_img_box > a > img { width:100%; }
.micon_box { width:100%;height:240px;border:1px solid #ebebeb;background-color: #f4f9f9;padding-top:20px;margin-bottom:20px; }
.micon { font-size:1em;width:100%;display:table;padding-top:10px; }
.middle_title { width:100%;font-size:1.5em;text-align:center;display:table;padding-bottom:20px; }
.micon > div:first-child{ width:20%;font-size:2em;text-align:center;float:left  }
.micon > div:last-child{ width:80%;font-size:0.95em;float:right;padding-top:3px }


.go_btn { background:#ffc34f;border-radius: 9px;padding:5px;width:120px;text-align:center; }

.button-4{
  width:140px;
  height:40px;
  background:#ffc34f;
  color:#000;
  float:left;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  margin:0 0 40px 50px;
  border-radius: 9px;
}
.button-4 a{
  font-family:arial;
  font-size:16px;
  color:#000;
  text-decoration:none;
  line-height:40px;
  transition:all .5s ease;
  z-index:2;
  position:relative;
}
.eff-4{
  width:140px;
  height:40px;
  left:-250px;
  background:#d08f3c;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
  color:#fff;
  font-size:2rem;
  padding-top:3px;
  padding-right:10px;
  text-align:right;
}

.button-4:hover .eff-4{
  left:0;
}
.button-4:hover a{
  color:#fff;
}
#eff-4s:hover .eff-4{
  left:0;
}
#eff-4s:hover .button-4 a{
  color:#fff;
}

.ml80 { margin-left:80px; }
.ml50 { margin-left:50px; }
.mr50 { margin-right:0px;float:right }


@media screen and (max-width:900px) {
    .index_responsive_ban  { height:350px;width:100%;float:normal }
	.main_load_photo1 { background-image: url('/theme/basic/img/unesc.jpg');background-repeat:no-repeat;background-position:right bottom;text-align:left;}
	.main_load_photo2 { background-image: url('/theme/basic/img/schooln.png');background-repeat:no-repeat;background-position:left bottom;text-align:left;}
	.main_load_text1 { margin:80px 0px 30px 20px;font-size:1.6em;font-weight:bold;color:maroon }
	.main_load_text2 { margin:0px 0px 30px 20px;font-size:0.9em;line-height:180% }
	.xs_hide { display: none; }

}