@charset "utf-8";

/*메인*/
#container>.sec>.cont{width:1100px; margin:0 auto;}
#section1{height:600px; background: url(../images/bg_main_visual.jpg) no-repeat center top;}
#visual1 {background: #e6e6e6;}
#section{ background:#fff;}
#section2{background: #ffff; /*url(../images/del_1.jpg) no-repeat center top*/;}
#section3{ background: #dcd5c9; padding-bottom: 30px;}
#section4{background: #414141;  padding-top: 57px;}
#section5{/* background: #fff url(../images/del_4.jpg) no-repeat center -2px; */}
#section6{ background: url(../images/bg_main_sec6.gif) no-repeat center top;}
#section7{height:285px; /* background: #fff url(../images/del_6.jpg) no-repeat center -40px; */}
#section01{background: #f06a45; display:none }
#section01 p{margin-left:20px;color:#fff; font-size:16px; padding-bottom:20px;}
/* 이벤트 수정*/
#section_pop{background: #f5f5f5; margin-top:-1px;}
#section_job{background: #fff; margin-top:-1px;}
#section_Ceremony{background: #e01f9c; margin-top:-1px;}

 /* 이벤트
#section_pop{background: url(../images/event/main_1030event_bg.jpg) repeat-x; margin-top:-1px;}*/

.main_tit{margin: 65px 0 20px; padding-top: 20px;color:#4e4641; font-size: 20px; background: url(../images/spr_img.png) no-repeat 0 -7px;}
.main_tit>span{font-size: 12px; color: #8b827d; font-family: verdana,sans-serif; text-transform: uppercase;}
.main_tit01{margin: 0 0 20px 20px; padding-top: 20px;color:#fff; font-size: 24px;}
.main_tit01>span{font-size: 16px; color: #f9e337; }

.clear {clear: both;}
#section1{}

#visual1 .mrotate {padding:0; position: relative;	}
#visual1 .mrotate a.prev, #visual1 .mrotate a.next {background-image: url(../images/slide_arr4.png);	 width: 36px;	height: 72px;	display: block;	position: absolute;
	top: 200px;}
#visual1 .mrotate a.prev {			left: -60px;
					background-position: 0 -72px; }
#visual1 .mrotate a.prev:hover {		background-position: 0 0;}
#visual1 .mrotate a.prev.disabled {	background-position: 0 -100px !important;  }

#visual1 .mrotate a.next {			right: -60px;
					background-position: -36px -72px; }
#visual1 .mrotate a.next:hover {		background-position: -36px 0; }
#visual1 .mrotate a.next.disabled {	background-position: -50px -100px !important;  }
#visual1 .mrotate a.prev.disabled, #visual1 .mrotate a.next.disabled {
	cursor: default;}

#visual1 .mrotate a.prev span, #visual1 .mrotate a.next span {display: none;}


/*section2*/
#section2 .recruit{width:293px; float: left}
#section2 .admission{width:480px; float: left;}
#section2 .admission ul{overflow: hidden;}
#section2 .admission ul li{float: left;width: 35%;}
#section2 .admission_1 ul li{float: left; width: 48%; margin-left:6px;}
#section2 .admission_2 ul li{float: left; width: 31%; margin-left:6px;}
#section2 .admission_3 ul li{float: left; width: 33%;}
#section2 .admission ul li+li{margin-left:2px;;}
#section2 .admission ul li>a{display: block; color:#666; text-align: center; font-size: 14px; padding-top:15px;}

#section2 .bbs{width:327px; float: left;}
#section2 .bbs .board{padding-bottom: 21px; position: relative;} 
#section2 .bbs .board:first-child{border-bottom: 1px solid #ccc; }
#section2 .bbs .board h3{font-size:16px; color:#333; padding-bottom: 18px;padding-top: 26px;}
#section2 .bbs .board li{padding-left: 13px;background: url(../images/spr_img.png) no-repeat 4px -130px;}
#section2 .bbs .board li a{color:#7e776d; line-height: 24px; font-size:13px;}
#section2 .bbs .board li a>b{font-size: 11px}
#section2 .bbs .board li span{float: right; color:#b29e83;line-height: 24px;}
#section2 .bbs .board .more{position: absolute; top: 27px; right: 0px; width:19px; height:19px; background: url(../images/spr_img.png) no-repeat left -190px;}

#section .sns{width: 49.09090909090909%; float: left}
#section .sns>.cont{background: #fff; border:1px solid #c4c4c4; min-height:130px; padding: 0 2.72727272727273%;position: relative;}
#section .sns>.cont>h4{font-size: 16px; color:#333;padding-top: 26px;}
#section .sns>.cont dl{padding-top:20px;overflow: hidden;}
#section .sns>.cont dl dt{float:left;padding-right: 2%;width: 36%; }
#section .sns>.cont dl dd{width: 62%; float:left;font-size: 13px;line-height: 20px;color: #333;}
#section .sns>.cont span{position: absolute; top: 27px; right: 30px;}

#section .movie{width: 49.09090909090909%; text-align:center;}
#section .more{float: right; font-size: 12px; color: #333; font-family: verdana,sans-serif; text-transform: uppercase;}
#section .movie>.cont{; background: #f5f5f5;}
#section .movie>.cont dl{padding-top:10px;overflow: hidden;}
#section .movie>.cont dl dt{float:left;padding-right: 1.85185185185185%;width: 49%;}
#section .movie>.cont dl dd{width: 48.666667%; float:left;font-size: 13px;color: #333;}
#section .movie>.cont dl dd>.m_list{
    overflow: hidden;
    padding-bottom: 18px;
}
#section .movie>.cont dl dd>.m_list .thumb{float:left;padding-right: 2%;width: 97%;}
#section .movie>.cont dl dd>.m_list .txt{float:left;width: 57%;line-height: 16px;font-size: 11px;color: #666;padding-top: 5px;}
#section .movie>.cont dl dd>.m_list .txt p{padding-bottom:5px;font-size: 13px;}

/*section5*/
#section5 .cont{padding-bottom: 50px}
#section5 .award{width: 49.09090909090909%; float: left; }

#featured { overflow: hidden; background: url(/images/loader.gif) no-repeat center }
#featured>img,
#featured>div,
#featured>a { display: none; }

div.orbit-wrapper { width:540px; height:327px; position: relative; }
div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden }
div.orbit>img { position: absolute; top: 0; left: 0; display: none; }
div.orbit>a { border: none; position: absolute; top: 0; left: 0; line-height: 0; display: none; }
.orbit>div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }
.orbit-wrapper .orbit-caption { background: #000; background: rgba(0,0,0,.6); z-index: 1000; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; position: absolute; right: 0; bottom: 0; width: 100%; }

div.slider-nav { display: block }
div.slider-nav span { width: 45px; height: 45px; text-indent: -9999px; position: absolute; z-index: 1000; top: 63%; margin-top: -50px; cursor: pointer; }
/*
div.slider-nav span.right { background: url(../images/slide_arr.png) -45px -45px; ; right: 13px; }
div.slider-nav span.left { background: url(../images/slide_arr.png) 0 -45px; ; left: 13px; }
*/
div.slider-nav span.right:hover { background-position: -45px 0; }
div.slider-nav span.left:hover { background-position: 0 0; }

#section5 .professor{width: 49.09090909090909%; float: right;}

/*section6*/
#section6 h3{font-size: 32px; color:#fff; text-align: center;padding: 46px 0 0;}
#section6 h3>.line{height: 25px; background: url(../images/spr_img.png) no-repeat 524px -47px;}
#section6 h3>span{font-size: 13px; font-family: verdana ,sans-serif; text-transform: uppercase; color:#8b7f76;/* line-height: 65px; */ }
#section6 .rotate ul{padding-top: 37px;}
#section6 .rotate ul li{width: 310px; margin: 0 18px; float: left; text-align: center; height:450px;}
#section6 .rotate ul li .pic{}
#section6 .rotate ul li .comm{color: #f1ece3; font-size: 16px;padding-top: 23px;}
#section6 .rotate ul li .comp{color: #f1ece3; font-size: 18px;padding-top: 16px;}
#section6 .rotate ul li .name{color: #f1ece3; font-size: 16px}
#section6 .rotate ul li .name>span{color:#f7a214;}

#section6 .rotate .image_carousel {	padding: 15px 0;position: relative;	}
#section6 .rotate a.prev, #section6 .rotate a.next {background-image: url(../images/slide_arr2.png);	width: 36px;	height: 72px;	display: block;	position: absolute;
	top: 162px;}
#section6 .rotate a.prev {			left: -22px;
					background-position: 0 -72px; }
#section6 .rotate a.prev:hover {		background-position: 0 0; }
#section6 .rotate a.prev.disabled {	background-position: 0 -100px !important;  }
#section6 .rotate a.next {			right: -22px;
					background-position: -36px -72px; }
#section6 .rotate a.next:hover {		background-position: -36px 0; }
#section6 .rotate a.next.disabled {	background-position: -50px -100px !important;  }
#section6 .rotate a.prev.disabled, #section6 .rotate a.next.disabled {
	cursor: default;}

#section6 .rotate a.prev span, #section6 .rotate a.next span {	display: none;}

/*section7*/
#section7 .banner{padding-top:20px;}
#section7 .image_carousel {	padding: 15px 0;position: relative;	}
#section7 .image_carousel img{width:120px; height:90px; border:1px solid #eee; display: block; float:left; margin-right: 9px;

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */}
#section7 a.prev, #section7 a.next {background-image: url(../images/slide_arr3.png);	width: 8px;	height: 13px;	display: block;	position: absolute;	top: 49px;}
#section7 a.prev {			left: 0;
					background-position: 0 -13px;}; }
#section7 a.prev:hover {		background-position: 0 0; }
#section7 a.prev.disabled {	background-position: 0 -13px; !important;  }
#section7 a.next {			right: 0;
					background-position: -8px -13px; }
#section7 a.next:hover {		background-position: -8px 0; }
#section7 a.next.disabled {	background-position: -8px -13px; !important;  }
#section7 a.prev.disabled, #section7 a.next.disabled {
	cursor: default;}

#section7 a.prev span, #section7 a.next span {	display: none;}

/*미디어쿼리*/
/*1024px 이하의 디바이스*/
@media all and (max-width: 1024px) {
	#section1{height:350px; background-size:cover;}
	
	#visual1 .cont img{width: 100%}

#section2 .bbs{width:auto; float: none;overflow: hidden;clear: both;padding-bottom: 10px; background:#fff}
#section2 .bbs .board{float:left}
#section2 .bbs .board:first-child{border-bottom:none; }
#section2{height: auto;}
#container>.sec>.cont{width:auto; }

#section{height:auto; padding: 0px 0;}
#section .movie{  width: 48%;   margin: 0 1%;}
#section .sns{ width: 48%; margin: 0 1%;}
#section .sns .main_tit,
#section .movie .main_tit{margin-top:0}

#section .cont img{max-width: 100%}
#section4 .cont img{max-width: 100%}
#foo2 img{max-width: 100%}

#header{height:102px;}
#header #gnbWrap{height:68px;}
#header #gnb{padding:10px 0 13px;}
#header #gnb h1{position:absolute; left:24px; top:10px; float:auto; width:auto;}
#header #gnb #top{display:none;}
#section2 .recruit{}
#section2 .admission{width:100%;}

#section .movie>.cont dl dd>.m_list .txt{overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
#section .movie>.cont dl dd>.m_list{padding-bottom: 7px;}

#section2 .bbs .board{width: 44%; margin: 0 3%; padding:0;}
#section6 h3>.line{height:0;}
#section6 .rotate a.prev{left:0;}
#section6 .rotate a.next{right:0;}

div.orbit-wrapper { width:100%!important; height:auto!important;}
div.orbit {width:100%!important; }
#featured {width:100%!important; height:220px;}
#featured img{max-width: 100%; width: 100%;}
#section5 .professor img{max-width: 100%}

#section_pop .cont img{width: 100%}
#section_pop_1 .cont img{width: 20%;}

#section_job .cont img{width: 100%}
#section_Ceremony .cont img{width: 100%}
/*
#section3 .sns,
#section3 .movie{width:49.09090909090909%}
#section3 .sns>.cont dl dt{width:35.98326359832636%; padding-right:3.13807531380753%}
#section3 .sns>.cont dl dd{width:60.66945606694561%}
#section3 .sns>.cont dl dt>img{max-width:100%}
*/

}
/*767px 이하의 디바이스*/
 @media all and (max-width: 767px) {
 #featured {height:190px!important;}
 	#section1{height:350px; background-size:cover;}
	#visual1 .cont img{width: 100%}
 	#section2 .recruit{display: none}
 	#section2 .admission{width: 100%;float: none;}
 	#section2 .admission ul{padding:5px 0 0 0}
 	#section2 .bbs .board{width: 98%; margin: 0 1%; border-top: 1px solid #ccc; padding: 10px 0}
 	#section2 .bbs{margin-top: 20px;}
 	#section2 .bbs .board h3{padding: 0 0 10px 0}
 	#section2 .bbs .board .more{top:10px;}
 	#section .sns,
 	#section .movie{width:auto; float: none;}
 	#section .sns>.cont dl dt{}
 	#section .sns>.cont dl dd{}

 	#section5 .award,
 	#section5 .professor{width: auto; float: none}
 	#section5 .professor img{width: 100%}
 	#section .sns>.cont dl dt>img{width: 100%}
	#featured {height:327px!important;}
	#section .more{display:none;}

	#section01{display:block }

    #section_pop .cont img{width: 100%}
	#section_job .cont img{width: 100%}
	#section_Ceremony .cont img{width: 100%}
	
	
 }

 /*479px 이하의 디바이스*/
 @media all and (max-width: 479px) {
 #featured {height:300px!important;}
}


/*320px 이하의 디바이스*/
 @media all and (max-width: 320px) {
}