@charset "utf-8";

/* 알림장 */
.ann_tablet {display:none;}

/* 180713 : 메인비주얼 */
.main_visual {position:relative; background:#b1ddff;/* background:url(/images/sch/web/changwonnam-m/main/032_m_visual_bg.png) no-repeat center top; */ }
.main_visual ul {position:relative; width:980px; margin:0 auto;}
.main_visual ul li {position:relative; text-align:center;}
.main_visual .bx-controls {position:absolute; width:980px; height:26px; left:50%; bottom:25px; margin-left:-490px; }
.main_visual .bx-controls-direction {display:none;}
.main_visual .bx-controls-auto {position:absolute; top:0; left:0;}
.main_visual .bx-controls-auto::after {content:''; display:block; clear:both; height:0;}
.main_visual .bx-controls-auto .bx-controls-auto-item {display:block; float:left; width:auto;}
.main_visual .bx-controls-auto .bx-controls-auto-item a {text-indent:-999em; width:26px; height:26px;}
.main_visual .bx-controls-auto .bx-controls-auto-item a.bx-start {display:none; background:url('/images/sch/web/changwonnam-m/common/btn_play.png') no-repeat center center;}
.main_visual .bx-controls-auto .bx-controls-auto-item a.bx-stop {display:block; background:url('/images/sch/web/changwonnam-m/common/btn_stop.png') no-repeat center center;}
.main_visual .bx-pager.bx-default-pager {position:absolute; top:5px; left:30px;}
.main_visual .bx-pager.bx-default-pager::after {content:''; display:block; clear:both; height:0;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item {display:block; float:left; margin-left:5px;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item a {display:block; text-indent:-999em; width:16px; height:16px; border:1px solid #333; box-sizing:border-box; border-radius:9px;} /* 비주얼 버튼 색상 */
.main_visual .bx-pager.bx-default-pager .bx-pager-item a.active {background-color:#333;}/* 비주얼 버튼 색상 */

/* 팝업존 */
.pop032{position:relative; height:100%; overflow:hidden; background:#0277bd;}
.pop032 h2 {height:62px; line-height:62px; font-size:16px; color:#fff; margin-left:30px;}
.pop032 .nss_pg{ position:absolute; right:47px; top:16px;}
.pop032 .nss_pg span {float:left; line-height:30px; margin-right:5px; color:#fff; font-size:12px;}
.pop032 .nss_pg a{ width:30px; height:30px; display:block; float:left; font-size:0; text-indent:-10000em; margin-left:2px;}
.pop032 .nss_pg a.prev{ background:url(/images/sch/web/changwonnam-m/main/032_btn_prev.png) no-repeat;}
.pop032 .nss_pg a.stop{ background:url(/images/sch/web/changwonnam-m/main/032_btn_stop.png) no-repeat;}
.pop032 .nss_pg a.next{ background:url(/images/sch/web/changwonnam-m/main/032_btn_next.png) no-repeat; }
.pop032 .nss_pg a.list{ background:url(/images/sch/web/changwonnam-m/main/032_btn_list.png) no-repeat; }
.pop032 .nss_pg a.play{ background:url(/images/sch/web/changwonnam-m/main/032_btn_play.png) no-repeat; }
.pop032 .pop_img{ position:relative; margin:0 22px 0 23px;}
.pop032 .pop_img li{/* display:none; */ margin-bottom: 50px;}
.pop032 .pop_img li img{ width:100%; height:145px;  }
.pop032 .pop_img li.on{ /* display:block */}

/* 180713 : 팝업리스트 레이어 추가 */
.pop032 a.list {position:absolute; top:16px; right:15px; display:block; float:left; font-size:0; text-indent:-10000em; width:30px; height:30px; background:url('/images/sch/web/changwonnam-m/main/032_btn_list.png') no-repeat; }
.pop032 .pop_layer_box {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#394b61;}
.pop032 .pop_layer_box .pop_layer {position:relative; padding:20px;}
.pop032 .pop_layer_box .pop_layer h3 {font-size:18px; color:#fff;}
.pop032 .pop_layer_box .pop_layer ul {height:125px; margin-top:15px; padding:10px 15px 10px 25px; line-height:22px; overflow-y:auto; background:#576c85;}
.pop032 .pop_layer_box .pop_layer ul li {font-family:'돋움',Dotum; font-size:12px; color:#fff; list-style-type:disc;}
.pop032 .pop_layer_box .pop_layer ul li a {color:#fff; }
.pop032 .pop_layer_box .pop_layer a.pop_close {display:block; position:absolute; right:25px; top:15px; padding:5px 10px; font-family:"NotoR"; color:#fff; background:#576c85; border-radius:5px;}



/* 공지사항 */
.notice032 {position:relative; height:100%; background-color:#fff; border:1px solid #bdbec1; overflow:hidden}   ​
.notice032 h2{ font-family:"NotoM"; line-height:30px; }
.notice032 h2 a{position:absolute; top:25px; font-size:16px; display:block; color:#666; border-bottom:2px solid #fff; padding-bottom:6px; text-align:center;  }
.notice032 h2.tit_1 a{ left:25px; }
.notice032 h2.tit_2 a{ left:100px; }
.notice032 h2 a:hover,
.notice032 h2 a.current{ color:#f6941f; border-bottom:2px solid #f6941f; }
.notice032 .btn_more{ position:absolute; width:30px; height:30px; right:20px; top:20px; background:url(/images/sch/web/changwonnam-m/main/032_btn_more.png) no-repeat 0 0; font-size:0; line-height:0;}
.notice032 .list_box{ display:none; margin:73px 25px 0; font-family:'돋움',Dotum; font-size:12px;  clear:both;}
.notice032 .list_box.on { display:block}
.notice032 .list_box a{color:#3c3c3c;}
.notice032 .list_box a:hover { text-decoration:underline;}
.notice032 .list_box .top_list{height:50px; padding:2px 0 0 0; border-bottom:1px dotted #b3b3b3;}
.notice032 .list_box .top_list a p.img {display:none;}
.notice032 .list_box .top_list dt, .notice032 .list_box .top_list dd{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice032 .list_box .top_list dt{font-weight:bold; margin-bottom:4px; font-size:13px; font-family:'굴림',Gulim; text-decoration:underline; color:#111;}
.notice032 .list_box .ul_list{ padding-top:14px}
.notice032 .list_box ul li{ font-family:'돋움',Dotum; line-height:23px; font-size:12px;}
.notice032 .list_box ul li a { display:block; background:url("/images/sch/web/changwonnam-m/main/notice_dot.gif") no-repeat 0 8px; padding-left:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* 공지사항02 */
.notice032_2 {position:relative; height:100%; background-color:#fff; border:1px solid #bdbec1}  ​
.notice032_2 h2{ font-family:"NotoM"; line-height:30px; }
.notice032_2 h2 a{ position:absolute; top:25px; font-size:16px; display:block; color:#666; border-bottom:2px solid #fff; padding-bottom:6px; text-align:center;  }
.notice032_2 h2.tit_1 a{ left:25px; }
.notice032_2 h2.tit_2 a{ left:115px; }
.notice032_2 h2 a:hover,
.notice032_2 h2 a.current{ color:#4e64c9; border-bottom:2px solid #4e64c9; }
.notice032_2 .btn_more{ position:absolute; width:30px; height:30px; right:20px; top:20px; background:url(/images/sch/web/changwonnam-m/main/032_btn_more.png) no-repeat 0 0; font-size:0; line-height:0;}
.notice032_2 .list_box{ display:none; margin:73px 25px 0; font-family:'돋움',Dotum; font-size:12px;  clear:both;}
.notice032_2 .list_box.on { display:block}
.notice032_2 .list_box a{color:#3c3c3c;}
.notice032_2 .list_box a:hover { text-decoration:underline;}
.notice032_2 .list_box .top_list{padding:2px 0 0 0; height:50px; border-bottom:1px dotted #b3b3b3;}
.notice032_2 .list_box .top_list a p.img {display:none;}
.notice032_2 .list_box .top_list dt, .notice032_2 .list_box .top_list dd{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice032_2 .list_box .top_list dt{font-weight:bold; margin-bottom:4px; font-size:13px; font-family:'굴림',Gulim; text-decoration:underline; color:#111;}
.notice032_2 .list_box .ul_list{ padding-top:14px;height: 90px;overflow-y:hidden; }
.notice032_2 .list_box ul li{ font-family:'돋움',Dotum; line-height:23px; font-size:12px;}
.notice032_2 .list_box ul li a { display:block; background:url("/images/sch/web/changwonnam-m/main/notice_dot.gif") no-repeat 0 8px; padding-left:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


/* 학교앨범 */
.gallery032{ position:relative; height:100%; background-color:#fff; border:1px solid #bdbec1;}
.gallery032 h2{ font-family:"NotoM"; line-height:30px; }
.gallery032 h2 a{ position:absolute; top:25px; font-size:16px; display:block; color:#666; border-bottom:2px solid #e3eefb; padding-bottom:6px; text-align:center;  }
.gallery032 h2.tit_1 a{ left:25px; }
.gallery032 h2.tit_2 a{ left:100px; }
.gallery032 h2 a:hover,
.gallery032 h2 a.current{ color:#2d508a; border-bottom:2px solid #1f3c61; }
.gallery032 .btn_more{ position:absolute; width:30px; height:30px; right:20px; top:25px; background:url(/images/sch/web/changwonnam-m/main/032_btn_more.png) no-repeat 0 0; font-size:0; line-height:0;}
.gallery032 .gall_box{ display:none; margin:80px 25px 0; font-family:'돋움',Dotum; font-size:12px;  clear:both;}
.gallery032 .gall_box.on { display:block}
.gallery032 .gall_box ul{ overflow:hidden; height:150px;}
.gallery032 .gall_box ul li{ width:142px; float:left; margin-left:23px; }
.gallery032 .gall_box ul li:first-child{ margin-left:0;}
.gallery032 .gall_box ul li a{ color:#424242; font-size:12px; font-family:'돋움',Dotum;}
.gallery032 .gall_box ul li a:hover{ text-decoration:underline}
.gallery032 .gall_box ul li a .img{ display:block}
.gallery032 .gall_box ul li a .img img{ width:142px; height:95px}
.gallery032 .gall_box ul li a .txt{ display:block; margin:13px 0 0; line-height:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.gallery032 .gall_box ul li a .date{ display:block; margin:10px 0 18px; color:#888; line-height:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}

/* 행사일정 */
.drawschedule032{position:relative; height:100%; overflow:hidden; background:#663ac1;}
.drawschedule032 h2{font-size:16px; font-family:"NotoM"; color:#fff; padding:30px 0 20px 30px;}/*180912 수정*/
.drawschedule032 p.sch_info { width:50%; height:20px; margin:0 30px; padding-bottom:20px; height:46px; line-height:23px; font-size:13px; font-family:"NotoR"; color:#fff; overflow:hidden; overflow-y:auto }/*180912 수정*/
.drawschedule032 .img {position:absolute;width: 86px;height: 60px;right:30px;top:77px;}/*180912 수정*/
.drawschedule032 .btn_more{ position:absolute; width:30px; height:30px; right:30px; top:25px; background:url(/images/sch/web/changwonnam-m/main/032_btn_more2.png) no-repeat 0 0;font-size:0; line-height:0;}
.drawschedule032 .date_view { display:none}
.drawschedule032 .sch_list{width:100%; height:95px; overflow:hidden; overflow-y:auto; font-family:'돋움',Dotum; font-size:12px; color:#fff;}
.drawschedule032 .sch_list ul{margin:0 25px; padding-top:15px;  border-top:1px dashed #fff;}/*180912 수정*/
.drawschedule032 .sch_list ul li{ line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.drawschedule032 .sch_list ul li span.date{ color:#fff799; font-weight:bold; margin-right:10px;}

/* 바로가기 */
.M_link032 {position:relative; height:100%;}
.M_link032 ul li {position:relative; width:24.85%; height:93px; float:left; background:#f6fbfe; border-left:1px solid #bdbec1; border-top:1px solid #bdbec1; border-bottom:1px solid #bdbec1;  padding:30px 0; }
.M_link032 ul li:last-child{border-right:1px solid #bdbec1;}
.M_link032 ul li p.img{position:absolute; top:30px; left:30px;}
.M_link032 ul li p.txt{font-family:"NotoM"; font-size:18px; color:#222; line-height:27px; letter-spacing:-1px; margin:0 0 10px 30px; padding-left:32px}
.M_link032 ul li span{font-family:"NotoR"; font-size:13px; color:#666; letter-spacing:-1px; margin:0 30px; display:block }
.M_link032 ul li a{position:absolute; top:105px; left:30px; padding:5px 40px 5px 15px; font-size:13px; color:#555; font-family:'NotoR'; color:#fff; }
.M_link032 ul li.link_01 a {background:#f6941f url(/images/sch/web/changwonnam-m/main/032_btn_more3.png)no-repeat 90% 50%;}
.M_link032 ul li.link_02 a {background:#4e64c9 url(/images/sch/web/changwonnam-m/main/032_btn_more3.png)no-repeat 90% 50%;}
.M_link032 ul li.link_03 a {background:#20ba3f url(/images/sch/web/changwonnam-m/main/032_btn_more3.png)no-repeat 90% 50%;}
.M_link032 ul li.link_04 a {background:#d9488b url(/images/sch/web/changwonnam-m/main/032_btn_more3.png)no-repeat 90% 50%;}


/* 배너존 */
.banner_zone{ position:relative; width:100%; z-index:1; overflow:hidden; background:#fff; border-top:1px solid #bdbec1; margin-top:25px}
.banner_zone .inner{ position:relative; width:980px; height:78px; margin:0 auto; overflow:hidden}
.banner_zone h2{position:absolute; top:19px; left:0; font-size:16px; font-family:"NotoM"; color:#1d1d1d; }
.banner_zone .btn{ position:absolute; left:0; top:44px}
.banner_zone .btn a{ float:left; font-size:0; text-indent:-10000em; width:14px; height:15px; vertical-align:top}
.banner_zone .btn a.pre{background:url(/images/sch/web/changwonnam-m/main/btn_b_prev.gif) no-repeat}
.banner_zone .btn a.stop{ background:url(/images/sch/web/changwonnam-m/main/btn_b_stop.gif) no-repeat}
.banner_zone .btn a.play{ background:url(/images/sch/web/changwonnam-m/main/btn_b_play.gif) no-repeat}
.banner_zone .btn a.next{ background:url(/images/sch/web/changwonnam-m/main/btn_b_next.gif) no-repeat}
.banner_zone .btn a.list{ background:url(/images/sch/web/changwonnam-m/main/btn_b_list.gif) no-repeat; width:15px; }
.banner_zone ul{ padding-top:17px; margin-left:80px; height:45px; overflow:hidden}
.banner_zone ul li{ float:left; margin-left:10px;}
.banner_zone ul li a img{ width:168px; height:43px; border:1px solid #ddd}
  
@media (max-width: 800px) {
	
	#container,
	.main_content,
	.M_link032 ul li,
	.banner_zone {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	#container { width:100%; padding-top:69px; background-image:none }

		
	.main_visual, .M_link032, .notice032, .notice032_2, .pop032, .gallery032, .drawschedule032, .meal_menu032, .banner_zone{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease}
	
	/* 알림장 */
	.ann_tablet032 {  display:block; border-radius:10px; border: 1px solid #a2bccf; background:#fff;  line-height:40px;   overflow:hidden; }
	.ann_tablet032 h2 {width:15%; text-indent:-9999px; font-size:0;}
	.ann_tablet032 h2 img { position:absolute; left:10px; top:7px;}
	.ann_tablet032 p {width:70%; margin-left:45px; float:left; font-size:13px;}
	.ann_tablet032 p a {display:block; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.ann_tablet032 p a:hover { text-decoration:underline;}
	.ann_tablet032 a.btn_more {position:absolute; top:0; right:15px; width:9px; height:41px; display:block; text-indent:-10000em; font-size:0; background:url('/images/sch/web/changwonnam-m/main/032_btn_more04.png') no-repeat center; overflow:hidden;}

	/* 180713 : 메인비주얼 */
	.main_visual ul li img {width:100%;}
	.main_visual .bx-controls {width:100%; left:2.5%; bottom:10px; margin-left:0; }	

	/* 바로가기 */
	.M_link032 ul li {width:50%; height:155px;}
	.M_link032 ul li p.txt {font-family:"NotoM"; font-size:18px; color:#222; line-height:27px; letter-spacing:-1px; margin:0 0 10px 30px; padding-left:32px}
	.M_link032 ul li span {font-family:"NotoR"; font-size:13px; color:#666; letter-spacing:-1px; margin:0 0 0 30px }
	.M_link032 ul li.link_01,
	.M_link032 ul li.link_03 { border-left:0;}
	.M_link032 ul li.link_03,
	.M_link032 ul li.link_04 { width:50%; border-right:0; border-top:0;}
	
	
	/* 학교앨범 */
	.gallery032 .gall_box ul li{ width:23.5%; float:left; margin-left:2%; }
	.gallery032 .gall_box ul li:first-child{ margin-left:0;}
	.gallery032 .gall_box ul li a .img img{ width:100%; height:95px}
	
	
	/* 배너존 */
	.banner_zone .inner{width:95%;}
	.banner_zone ul li{width:-webkit-calc(33% - 10px); width:-moz-calc(33% - 10px); width:calc(33% - 10px);}
	.banner_zone ul li a img{ width:100%}	
	
	
	
}


@media (max-width: 670px) {	

	/* 바로가기 */
	.M_link032 ul li p.txt{font-size:14px; letter-spacing:-2px;} 
	.M_link032 ul li span {margin:0 30px }
	
	
	/* 배너존 */
	.banner_zone { margin-top:2%}
	.banner_zone ul li{ width:-webkit-calc(50% - 11px); width:-moz-calc(50% - 11px); width:calc(50% - 11px);}	
		
}


@media (max-width:570px) {	


	/* 학교앨범 */
	.gallery032 .gall_box ul li{width: 49%;float:left;margin-left:2%;}
	.gallery032 .gall_box ul li:first-child{ margin-left:0;}
	.gallery032 .gall_box ul li a .img img{ width:100%; height:95px}
	

}



@media (max-width: 380px) {

	
	/* 배너존 */
	.banner_zone ul li{ width:-webkit-calc(100% - 12px); width:-moz-calc(100% - 12px); width:calc(100% - 12px);}
			
}