@charset "utf-8";
.sub01_01 .b_intro .txt_intro{padding:25px 0px 0px 0;}
.sub01_01 .b_intro .txt{ font-size: 15px; line-height: 170%;}
.b_intro .txt_intro .point_intro{font-size: 34px;}
.b_intro .txt_intro .point_intro span{font-size: 34px;display: inline-block;}
@media(min-width:769px){
	.sub01_01 .b_intro .txt_intro{padding:25px 310px 0px 0;}
	.b_intro .txt_intro .point_intro span{display:block;}
}

/* sub01_03 졸업 후 진로*/
/*세명대 장점*/
.ui.uit{background-color:transparent;}
.ui.uit .inner{padding: 30px 25px 40px;}
.ui.uit .inner .txtwrap .m-txt em{width:80%;margin:10px 0 0 15px;}
.ui.uit .inner .txtwrap .m-txt{padding:30px 0;margin:0;border-bottom: 1px solid #ddd;}
.ui.uit .inner .txtwrap .m-txt:first-child{padding-top:0px;}
.ui.uit .inner .txtwrap .m-txt:last-child{padding-bottom:0px;border-bottom:0;}
.ui.uit.mintro_num { border: 1px solid #ddd;}

@media(max-width:767px){
.ui.uit .inner .txtwrap .m-txt em{width:100%;margin:20px 0px;text-align: center;}
}

/*강점 디자인*/
.ui.uit.type8 .inner{padding: 0;}
.ui.uit.type8 .inner .txtwrap .m-txt{float: left;width: 49%;min-height: 248px;padding:40px 40px 60px; margin:0 2% 20px 0; border:1px solid #ddd;background-color:#FBFBFB;}
.ui.uit.type8 .inner .txtwrap .m-txt:nth-of-type(2n){margin-right:0;}
.ui.uit.type8.mintro_num{border:0;}

.ui.uit.type8 .inner .txtwrap .m-txt em,
.ui.uit.type8 .inner .txtwrap .m-txt p
{display: block;width:100%; text-align: center;}
.ui.uit.type8 .inner .txtwrap .m-txt em{margin:0 0 10px;font-size:17px;}

.ui.uit.type8 .inner .txtwrap .num_micon {display: block;float:none; margin: 20px auto;}


.ui.uit .inner .txtwrap .m-txt em.fntcl_bl{color:#1461AC;}


@media(max-width:767px){
.ui.uit.type8 .inner .txtwrap .m-txt{padding:40px 30px 60px;}
}

@media(max-width:500px){
.ui.uit.type8 .inner .txtwrap .m-txt{width:100%; height:auto;margin:0 auto 20px;}   
}


/* 연혁 */
/* .history_box .list_1st:before{height: 96.7%;} */


/* 학생회 */

@media only screen and (min-width:769px) {

	.org > li:before{bottom: 162px;}

	.org .group:before{left: 10%;width: 80%;}

	.org .lv2 .group > li{width: 18.0%;}

	.org .lv2 .group > li > p .t2{height: 90px;}

}

.i1{
	margin : 0 0 0 ;
}
#i1{
	margin-bottom: 10px;
}
.i2{
	text-align: center;
	padding-top: 10px;
	font-size: 20px;
}
.txtp_org{
	text-align: center;
}
.col > .item{
	height: 220px;
}

.org_title{
	text-align: center;
	font-size: 40px;
}
.ui.uit .inner .txtwrap .org_txt{
	text-align: center;	
	font-size: 20px;
}

/* body {
    padding: 40px;
} */

/* Animation */

/* @keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

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

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

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

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
} */


/* fade in box */

.fade-in-box {
  padding: 10px;
  animation: fadein 3s;
  -moz-animation: fadein 3s; /* Firefox */
  -webkit-animation: fadein 3s; /* Safari and Chrome */
  -o-animation: fadein 3s; /* Opera */
}
@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* fade in box */

.animatable {
  
  /* initially hide animatable objects */
  visibility: hidden;
  
  /* initially pause animatable objects their animations */
  -webkit-animation-play-state: paused;   
  -moz-animation-play-state: paused;     
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;   
  animation-play-state: paused; 
}

/* show objects being animated */
.animate-in {
  visibility: visible;
  
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;

  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}

.animate-out {
  visibility: visible;
  
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;

  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;

  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -ms-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
}

/* CSS Animations (extracted from http://glifo.uiparade.com/) */

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animate-in.animationDelay, .animate-out.animationDelay {
	animation-delay:.4s;
	-webkit-animation-delay:.4s;
}
.animate-in.animationDelayMed, .animate-out.animationDelayMed {
	animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
}
.animate-in.animationDelayLong, .animate-out.animationDelayLong {
	animation-delay:1.6s;
	-webkit-animation-delay:1.6s;
}

.animate-in.fadeInUp, .animate-out.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.animate-in.moveUp, .animate-out.moveUp {
	-webkit-animation-name: moveUp;
	-moz-animation-name: moveUp;
	-o-animation-name: moveUp;
	animation-name: moveUp;
}


/* 탑버튼 스타일 */

#top-button {
position: fixed;
z-index: 999;
cursor:pointer;
} 


/* .btn-desktop-top{position:fixed;right:20px;bottom:-100px;width:60px;height:60px;overflow:hidden;opacity:0;color:#fff;border:0;border-radius:3px;background-color:#0467b3;box-shadow:2px 2px 7px rgba(0,0,0,0.07);transform:scale(0);transition:background-color .4s, bottom .4s ease-in-out, opacity .4s ease-in-out, transform .4s ease-in-out;z-index:1000}
.btn-desktop-top.show{bottom:20px;opacity:1;transform:scale(1)}
.btn-desktop-top__icon{font-size:24px}
.btn-desktop-top__txt{display:inline-block;width:0;height:0;overflow:hidden;color:transparent;text-indent:-99px;font-size:10px;line-height:1}

@media (max-width:1280px) {
	body:not(.home) .footer {margin-top:20px}
}
@media (min-width:1025px) {
	.footer__family-btn:hover {background-color:#626262}
	.footer__menu-link:hover, .footer__family-link:hover {text-decoration:underline}
	.btn-desktop-top:hover{background-color:#0179d5}
}
@media (max-width:1024px) {
	.btn-desktop-top {width:50px;height:50px}
}
@media (max-width:768px) {
	.footer {padding:50px 0 45px}
	.footer__content {flex-direction:column;align-items:flex-start}
	.footer__family {margin-top:30px}
	.footer__bottom {flex-direction:column;align-items:flex-start}
	.footer__copyright {margin-top:15px}
}
@media (max-width:640px) {
	.footer__copyright {font-size:12px}
	.btn-desktop-top {width:40px;height:40px}
}
 */