@charset "utf-8"; 

/* 메인 컨테이너 */
#container{position:relative; width:100%; }
/* heading */
h2{font-weight:500;font-size:1rem;color:#000;overflow:hidden;white-space:nowrap;}

/* 메인비주얼 */
#m_visual{overflow:hidden; }
#m_visual li{position:relative; }
#m_visual li img{display:block; width:100%; }
.main_visual .bx-controls {position: absolute; bottom:1rem; left:50%; margin-left:-600px; }
.main_visual .bx-controls-direction {display: none;}
.main_visual .bx-controls a {display: inline-block; margin: 0 3px; color: transparent; overflow: hidden; vertical-align: middle;}
.main_visual .bx-controls-auto { font-size:0; vertical-align: middle; }  
.main_visual .bx-controls-auto,
.main_visual .bx-pager,
.main_visual .bx-pager-item {display: inline-block;}
.main_visual .bx-controls-auto a {position:relative; width: 1.3rem; height: 1.3rem; line-height:1.3rem; background:#4bbfc7; border-radius:50%;}
.main_visual .bx-controls-auto a:before{position:absolute; left:0; top:0; width:100%; height:100%; font-family: 'xeicon'; font-size:0.9rem; text-align:center; color:#fff;}
.main_visual .bx-controls-auto a.bx-start {display: none; }
.main_visual .bx-controls-auto a.bx-start:before{content:"\ea3e";}
.main_visual .bx-controls-auto a.bx-stop {display: inline-block;}
.main_visual .bx-controls-auto a.bx-stop:before{content:"\ea3b";}
.main_visual .bx-pager { height: 0.8rem; }
.main_visual .bx-pager-item { height: 100%; }
.main_visual .bx-pager a {width: 0.8rem; height: 100%; border: 1px solid #4bbfc7; border-radius: 50%;} /* 비주얼 버튼 색상 */
.main_visual .bx-pager a.active {background-color: #4bbfc7;}/* 비주얼 버튼 색상 */

/* 전광판 */
.dis_board0011{position:relative; width:100%; height:100%; height:3.5rem; background:#262f3e; }
.dis_board0011 .dis_board_box{height:100%; font-weight:400; position:relative; max-width:1200px; margin:0 auto; }
.dis_board0011 h2{position:relative; display:block; float:left; max-width:200px; height:100%; line-height:3.5rem; font-size:1rem; font-weight:500; color:#fff; margin-right:1rem;}
.dis_board0011 h2:before { content:"\ea5b"; display:inline-block; width:1.5rem; height:1.5rem; line-height:1.5rem; border-radius:50%; background:#fff; color:#262f3e; font-size:1rem; font-family:'xeicon'; text-align:center; margin-right:0.5rem; }
.dis_board0011 ul{ position:relative; float:left; padding-left:3rem; width:calc(100% - 15rem); height:100%; overflow:hidden; }
.dis_board0011 ul:after { content:''; position:absolute; top:50%; left:0; width:2rem; height:2px; background:#fff; }
.dis_board0011 ul li{height:100%; }
.dis_board0011 ul li a{display:block; height:100%; line-height:3.5rem; color:#fff; font-weight:300; font-size:.8rem; }
.dis_board0011 ul li a:hover > strong,
.dis_board0011 ul li a:focus > strong{text-decoration:underline; }
.dis_board0011 ul li a > strong{display:inline-block; width:calc(100% - 5rem); vertical-align:top; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.dis_board0011 .nss_pg{position:absolute; top:50%; right:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.dis_board0011 ul li a .time{display:inline-block; vertical-align:top; font-size:.75rem; }
.dis_board0011 .nss_pg a{float:left; position:relative; display:block; width:1.5rem; height:1.5rem; line-height:1.5rem; text-align:center; overflow:hidden; color:#fff; font-size:1.5rem; -webkit-transition:color .3s; transition:color .3s; font-size:1rem; }
.dis_board0011 .nss_pg .play{display:none; }

/* 게시판 */
.notice0011{position:relative; height:100%; }
.notice0011:before { content:''; position:absolute; left:0; top:2.6rem; width:100%; height:2px; background:#cecece; }
.notice0011 h2{position:relative; display:inline-block; height:2.75rem; max-width:30%; }
.notice0011 h2 ~ h2 { margin-left:0.5rem;}
.notice0011 h2 a{position:relative; display:block; font-weight:400; text-align:center; line-height:2.75rem; color:#666; overflow:hidden; }
.notice0011 h2 a:hover:before,
.notice0011 h2 a:focus:before,
.notice0011 h2 a.current::before{ opacity:1; }
.notice0011 h2 a:before{position:absolute; bottom:0; left:0; width:0; height:3px; background:#326095; content:''; }
.notice0011 h2 a:hover:before,
.notice0011 h2 a:focus:before,
.notice0011 h2 a.current:before{width:100%; }
.notice0011 h2 a:hover,
.notice0011 h2 a:focus,
.notice0011 h2 a.current { color:#326095; }

.notice0011 .list_box{display:none; position:absolute; top:2.75rem; left:0; width:100%; height:auto; }
.notice0011 .list_box.on{display:block }
.notice0011 .list_box .top_list a { display:block; padding:1.6rem 0; border-bottom:2px solid #cecece; }
.notice0011 .list_box .top_list dl { position:relative; padding-left:6.25rem; }
.notice0011 .list_box .top_list dl dt { font-size:0.9rem; color:#000; margin-bottom:0.5rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.notice0011 .list_box .top_list dl dd { font-size:0.75rem; color:#444; height:2.2rem; overflow:hidden; }
.notice0011 .list_box .top_list .date { position:absolute; left:0; top:1rem; display:table; width:4.85rem; height:4.85rem; padding:0.3rem; border-radius:1rem 1rem 0 1rem; background: rgb(35,89,142); background: -moz-linear-gradient(90deg, rgba(35,89,142,1) 0%, rgba(77,198,202,1) 100%); background: -webkit-linear-gradient(90deg, rgba(35,89,142,1) 0%, rgba(77,198,202,1) 100%); background: linear-gradient(90deg, rgba(35,89,142,1) 0%, rgba(77,198,202,1) 100%); }
.notice0011 .list_box .top_list .date span { display:table-cell; vertical-align:middle; width:100%; height:100%; border-radius:0.7rem 0.7rem 0 0.7rem; background:#fff; text-align:center; color:#000; font-size:0.9rem; line-height:1.2; }
.notice0011 .list_box .top_list .date span strong { display:block; font-size:1.25rem; font-weight:700; }
.notice0011 .list_box .top_list a:hover .date,
.notice0011 .list_box .top_list a:focus .date{ border-radius:1rem 0 1rem 1rem; }
.notice0011 .list_box .top_list a:hover .date span,
.notice0011 .list_box .top_list a:focus .date span { border-radius:0.7rem 0 0.7rem 0.7rem;}
.notice0011 .list_box .top_list a:hover dl dt,
.notice0011 .list_box .top_list a:focus dl dt,
.notice0011 .list_box .top_list a:hover dl dd,
.notice0011 .list_box .top_list a:focus dl dd{ color:#185294; }
.notice0011 .list_box ul{width:100%; overflow:hidden; }
.notice0011 .list_box ul > li + li{ border-top:1px solid #e6e6e6; }
.notice0011 .list_box ul > li > a {position:relative; display:block; width:100%; color:#312500; overflow:hidden; padding:1rem 0; }
.notice0011 .list_box ul > li > a .txt {display:block; overflow:hidden; width:calc(100% - 100px); text-overflow:ellipsis; overflow:hidden; white-space: nowrap; }
.notice0011 .list_box ul li .date {position:absolute; top:50%; right:1px; width:100px; text-align:right; color:#666; font-size:.75rem; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.notice0011 .list_box ul > li > a:hover,
.notice0011 .list_box ul > li > a:focus{ color:#185294; text-decoration:underline; }
.notice0011 .btn_more{ position:absolute; right:0; top:-2.5rem; font-size:1.2rem; text-align:center; }
.notice0011 .btn_more:hover,
.notice0011 .btn_more:focus { color:#185294; transform:rotate(180deg); -webkit-transform:rotate(180deg); }
.notice0011 a, .notice0011 h2 a:before, .notice0011 .list_box .top_list .date, .notice0011 .list_box .top_list .date span, .notice0011 .list_box .top_list dl dt, .notice0011 .list_box .top_list dl dd {transition:all 0.3s; -webkit-transition:all 0.3s;}

/* 캘린더 */
.pop_schedule0011{position:relative; width:100%; height:100%;}
.pop_schedule0011 h2 { line-height:2.75rem; width:calc(100% - 1.5rem); }
.pop_schedule0011 .btn_more{ position:absolute; right:0; top:0.5rem; font-size:1.2rem; text-align:center; }
.pop_schedule0011 .btn_more:hover,
.pop_schedule0011 .btn_more:focus { color:#4bbfc7; transform:rotate(180deg); -webkit-transform:rotate(180deg); }
.pop_schedule0011 a, .pop_schedule0011 .sche_list li p {transition:all 0.3s; -webkit-transition:all 0.3s; }
.month{position:absolute; font-family:'NotoSans'; left:0; top:0; width:4.2rem; height:3rem; color:#fff; border-radius:1rem 1rem 0 1rem; background:#4bbfc7; font-size:0.75rem; font-weight:200; text-align:center; line-height:1.2; padding:0.7rem 0; }
.month:hover{border-radius:1rem 0 1rem 1rem;}
.calendar{display:none}
#iyear {top: -28%;font-size: 1rem;position: relative;left: 14%;} 
#imonth {left: -28%;font-size: 1.5rem;position: relative;top: 38%;}
.cal_content {left: -0.45rem;position: relative;top: -2.2rem;}
.cal_scroll {height: 300px;overflow-y: auto;}
.cal_btn{display:none}
#list_ifr {width: 100%;height: 1000px;position: relative;top: 51px;}



/* 바로가기 */
.M_link0011{position:relative; height:auto; overflow:hidden; }
.M_link0011 ul{display:table; table-layout:fixed; width:100%; }
.M_link0011 li{display:table-cell; vertical-align:top; width:1%; }
.M_link0011 li > a{display:block; text-align:center; padding:0 .75rem; }
.M_link0011 li > a > .ico{ position:relative; display:inline-block; width:5.75rem; height:5.75rem; border-radius:50%; background:#fff; transition:all 0.3s; -webkit-transition:all 0.3s; }
.M_link0011 li > a > .ico img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); }
.M_link0011 li > a > span{display:block; max-height:2.1rem; margin-top:.75rem; line-height:1.2; font-size:.85rem; color:#000; overflow:hidden; }
.M_link0011 li > a:hover > .ico { background:#e8f3ff; box-shadow:3px 3px 5px 0 rgba(0,0,0,0.34); }
.M_link0011 li > a:hover > span,
.M_link0011 li > a:focus > span{text-decoration:underline; }

/* 식단 */
.meal_menu0011{position:relative; }
.meal_menu0011:after { content:''; display:block; clear:both; }
.meal_menu0011 h2 { position:relative; display:block; width:10rem; line-height:3.5rem; overflow:hidden; text-align:center; float:left; }
.meal_menu0011 h2:before,
.meal_menu0011 h2:after { content:''; position:absolute; left:0; width:100%; height:4px; background: rgb(35,89,142); background: -moz-linear-gradient(90deg, rgba(35,89,142,1) 0%, rgba(77,198,202,1) 100%); background: -webkit-linear-gradient(90deg, rgba(35,89,142,1) 0%, rgba(77,198,202,1) 100%); background: linear-gradient(90deg, rgba(35,89,142,1) 0%, rgba(77,198,202,1) 100%); }
.meal_menu0011 h2:before { top:0;}
.meal_menu0011 h2:after { bottom:0;}
.meal_menu0011 h2 span { display:block; width:calc(100% - 1rem); overflow:hidden; }
.meal_menu0011 .inner{ position:relative; width:calc(100% - 22rem); height:auto; margin-left:2rem; float:left; border-top:1px solid #b6b6b6; border-bottom:1px solid #b6b6b6; padding:0.7rem 0; }
.meal_menu0011 .inner ul{overflow-y:auto; max-height:2rem; }
.meal_menu0011 .inner li{overflow:hidden; }
.meal_menu0011 .inner li + li{margin-top:.5rem; }
.meal_menu0011 .inner dl{position:relative; padding-left:10rem; }
.meal_menu0011 .inner dt{position:absolute; left:0; top:0; width:9rem; line-height:1.75rem; background:#22578d; border-radius:1.75rem 1.75rem 0 1.75rem; color:#fff; text-align:center; font-size:0.75rem; }
.meal_menu0011 .inner dd{ font-size:0.75rem; word-break:keep-all; line-height:1.75rem; }
.meal_menu0011 .inner .no_Data { text-align:center; line-height:2rem; }
.meal_menu0011 .img{position:absolute; top:-20px; right:0; width:162px; }
.meal_menu0011 .btn_more{ position:absolute; left:9rem; top:1.2rem; font-size:1rem; color:#000; text-align:center; transition:all 0.3s; -webkit-transition:all 0.3s;}
.meal_menu0011 .btn_more:hover,
.meal_menu0011 .btn_more:focus { transform:rotate(180deg); -webkit-transform:rotate(180deg); color:#4bbfc7; }


/* 팝업존 */
.pop0011{position:relative; z-index:1; height:100%; overflow:hidden; }
.pop0011 h2{display:block; width:100%; line-height:3rem; }
.pop0011 .inner { overflow:hidden; padding:1.5rem 0 2rem; border:1px solid #b6b6b6; border-radius:1rem 1rem 0 1rem; }
.pop0011 .pop_img li{display:none; max-width:235px; height:145px; margin:auto; }
.pop0011 .pop_img li a{display:block; height:100%; }
.pop0011 .pop_img li.on{display:block; }
.pop0011 .nss_pg { text-align:center; margin-top:0.8rem;}
.pop0011 .nss_pg span { margin-right:1rem; font-size:0.9rem; color:#666; font-weight:200; }
.pop0011 .nss_pg span strong { font-size:1.1rem; font-weight:600; color:#000; }
.pop0011 .nss_pg a{display:inline-block; color:#111; width:1.9rem; height:1.9rem; line-height:1.9rem; border-radius:50%; background-color:#eee; border-radius:0.2rem; font-size:1.4rem; vertical-align:middle; text-align:center; transition:all 0.3s; -webkit-transition:all 0.3s; }
.pop0011 .nss_pg a:hover,
.pop0011 .nss_pg a:focus{ background-color:#d4e8ff; }

/* 팝업리스트 레이어 추가 */
.pop0011 .pop_layer_box{position:absolute; top:0; left:0; display:none; width:100%; height:100%; background:#394b61; border-radius:1rem 1rem 0 1rem; }
.pop0011 .pop_layer_box .pop_layer{position:relative; height:100%; padding:1rem; }
.pop0011 .pop_layer_box .pop_layer h3{font-size:0.9rem; color:#fff; }
.pop0011 .pop_layer_box .pop_layer ul{margin-top:0.75rem; padding:1rem 2rem; height:calc(100% - 2.5rem); line-height:1.1rem; text-align:left; background:#576c85; overflow-y:auto; }
.pop0011 .pop_layer_box .pop_layer ul li{list-style-type:disc; color:#fff; }
.pop0011 .pop_layer_box .pop_layer ul li a:hover,
.pop0011 .pop_layer_box .pop_layer ul li a:focus{text-decoration:underline; }
.pop0011 .pop_layer_box .pop_layer a.pop_close{position:absolute; top:0.75rem; right:1.25rem; display:block; padding:0.25rem 0.5rem; color:#fff; background:#576c85; border-radius:5px; }

/* 포토 갤러리 */
.gallery0011{position:relative;height: 334px;}
.gallery0011 h2{ display:block; width:calc(100% - 2rem); line-height:3rem; }
.gallery0011 .list_box{ position:relative; width:100%; }
.gallery0011 .list_box ul{overflow:hidden; margin:0 -1rem; }
.gallery0011 .list_box ul > li{float:left; width:50%; padding:0 1rem; }
.gallery0011 .list_box ul > li a:hover,
.gallery0011 .list_box ul > li a:focus{text-decoration:underline; }
.gallery0011 .list_box ul > li .img{ position:relative; display:block; width:100%; height:10.5rem; border-radius:1.5rem 1.5rem 0 1.5rem; overflow:hidden; background:#eee; }
.gallery0011 .list_box ul > li .img > img{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:100%; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }
.gallery0011 .list_box ul > li a:hover p > img,
.gallery0011 .list_box ul > li a:focus p > img{-webkit-transform:translate(-50%, -50%) scale(1.1); -ms-transform:translate(-50%, -50%) scale(1.1); transform:translate(-50%, -50%) scale(1.1); }
.gallery0011 .list_box ul > li .txt{ display:block; padding:1rem 0; color:#000; font-weight:300; text-align:center; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; }
.gallery0011 .btn_more{ position:absolute; right:0; top:0.5rem; font-size:1.2rem; text-align:center; transition:all 0.3s; -webkit-transition:all 0.3s;}
.gallery0011 .btn_more:hover,
.gallery0011 .btn_more:focus { transform:rotate(180deg); -webkit-transform:rotate(180deg); color:#22578d }


/* 배너존 */
.banner_zone{line-height:1; border-top:1px solid #d1d8e4; background:#fff; }
.banner_zone .container{position:relative; height:4rem; overflow:hidden; }
.banner_zone h2{float:left; display:inline-block; margin-top:1.5rem; width:4rem; font-size:0.85rem; font-weight:400; color:#191919; }
.banner_zone .btn{float:left; margin-top:1.35rem; overflow:hidden; }
.banner_zone .btn a{float:left; width:27px; height:28px; color:transparent; background:no-repeat center / 100%; overflow:hidden; }
.banner_zone .btn a.prev{background-image:url('/images/template/10175/main/btn_b_prev.png'); }
.banner_zone .btn a.stop{background-image:url('/images/template/10175/main/btn_b_stop.png'); }
.banner_zone .btn a.next{background-image:url('/images/template/10175/main/btn_b_next.png'); }
.banner_zone .btn a.list{background-image:url('/images/template/10175/main/btn_b_list.png'); }
.banner_zone ul{float:left; display:inline-block; padding-top:0.75rem; padding-left:1.5rem; width:calc(100% - 10rem); overflow:hidden; }
.banner_zone ul li{float:left; display:inline-block; margin-bottom:0.75rem; padding:0 0.25rem; width:20%; }
.banner_zone ul li a{display:block; height:2.5rem; line-height:2.3rem; text-align:center; border:1px solid #c8d1db; overflow:hidden; }
.banner_zone ul li a img{max-width:100%; max-height:100%; vertical-align:middle; }

/* 레이어 팝업 */
.layerpopup table tbody tr td {vertical-align:middle;}
@media (max-width:1240px){
	h2 { font-size:0.9rem; }

	/* 메인비주얼 */
	.main_visual .bx-controls { margin-left:0; left:1rem; }

}
@media (max-width:1200px){

	/* 메인비주얼 */
	#m_visual li { overflow:hidden; }
	#m_visual li img { position:relative; width:150%; height:auto; left:-25%; top:0; }

	/*바로가기*/
	.M_link0011 li > a > .ico { width:4.8rem; height:4.8rem; }	

	/* 전광판 */
	.dis_board0011 .dis_board_box { width:95%; }
	.dis_board0011{height:3rem; }
	.dis_board0011 .dis_board_box { border-radius:0; z-index:1; }
	.dis_board0011 h2,
	.dis_board0011 ul li a{line-height:3rem; }

}
@media (max-width:1024px){

	/* 배너존 */
	.banner_zone h2{position:absolute; top:0; left:0; margin:-1px; padding:0; width:1px; height:1px; border:0; clip:rect(0, 0, 0, 0); overflow:hidden; }
	.banner_zone .btn{position:absolute; top:50%; left:0; margin-top:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
	.banner_zone ul{margin-left:6rem; width:calc(100% - 6rem); }

	/* 전광판 */
	.dis_board0011 h2{display:none; }
	.dis_board0011 ul{width:calc(100% - 120px); padding-left:0; }
	.dis_board0011 ul:after { display:none; }
	.dis_board0011 .nss_pg a.stop, .dis_board0011 .nss_pg a.play{margin:0 .25rem; }

	/*학사일정*/
	.pop_schedule0011 .sche_list ul {max-height: 10rem;}
	.pop_schedule0011 .sche_list li {width: 100%;float:left;margin-top:0.5rem;}

	/*바로가기*/
	.M_link0011 ul { display:block; font-size:0; } 
	.M_link0011 li { display:inline-block; width:25%; margin:0.5rem 0; }

	/*식단*/
	.meal_menu0011 .img { display:none; }
	.meal_menu0011 .inner { width:calc(100% - 12rem); }	
    /* 레이어 팝업 */
	.layerpopup {top:1px !important; left:1px !important;}
	.layerpopup .layerpopupimg {width:100%;}
}
@media (max-width:900px){
	.gallery0011 .list_box ul > li { width:100%; }
	.gallery0011 .list_box ul > li:last-child { display:none; }
}
@media (max-width:800px){
	/*식단*/
	.meal_menu0011 h2 { width:100%; margin-bottom:0.5rem; line-height:3rem; text-align:left; padding-left:1rem; }
	.meal_menu0011 .inner { width:100%; margin-left:0; }
	.meal_menu0011 .btn_more { left:auto; right:1rem; top:0.8rem; }
	.meal_menu0011 .inner ul { max-height:3.8rem; }

	/* 배너존 */
	.banner_zone ul li{width:25%; }
}
@media (max-width:767px){
	/* 전광판 */
	.dis_board0011{height:2.5rem; }
	.dis_board0011 h2,
	.dis_board0011 ul li a{line-height:2.5rem; }
	.dis_board0011 ul li a .time{display:none; }
	.dis_board0011 ul li a > strong{width:100%; }
	.dis_board0011 .nss_pg{right:.75rem; }

	/*바로가기*/
	.M_link0011 li { width:33.333%; }

}
@media (max-width:600px){
	/* 배너존 */
	.banner_zone ul li{width:50%; }
	
	/* 포토앨범 */
	.gallery0011{height: 301px;}
}

@media (max-width:480px){
	.pop_schedule0011 .sche_list li { width:100%; }
}
@media (max-width:380px){
	/*바로가기*/
	.M_link0011 li { width:50%; }

	/*식단*/
	.meal_menu0011 .inner ul { max-height:4.5rem; }
	.meal_menu0011 .inner dl { padding-left:0; }
	.meal_menu0011 .inner dt { position:relative; left:auto; top:auto; margin-bottom:0.5rem; }
	.meal_menu0011 .inner dd { line-height:1.2rem; }

	/* 배너존 */
	.banner_zone ul li{width:100%; }
}