/* 알림장 */
.ann_tablet {display:none;}
.main_content .ann_tablet { z-index:2; margin:3% 0; }
.main_content .ann_tablet .ann_layer_box .ann_layer .ann_Tlist li { font-size:12px; }

/* 메인 비주얼 */
.main_visual { overflow:hidden; position:relative; width:100%; height:100%; }
.main_visual .bx-wrapper { height:100%; }
.main_visual .bx-viewport { height:100% !important; }
.main_visual ul { position:relative; height:100%; }
.main_visual ul li {overflow:hidden; position:relative; height:100%; }
.main_visual img { position:relative; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:auto; height:100%; }
.main_visual .bx-controls {position:absolute; width:980px; height:26px; left:50%; bottom:115px; 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 { overflow:hidden; width:26px; height:26px; color:transparent;}
.main_visual .bx-controls-auto .bx-controls-auto-item a.bx-start {display:none; background:url('/00_common/images/con_com/btn_play.png') no-repeat center center;}
.main_visual .bx-controls-auto .bx-controls-auto-item a.bx-stop {display:block; background:url('/00_common/images/con_com/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; overflow:hidden; width:16px; height:16px; color:transparent; border:1px solid #1e4873; box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; border-radius:9px;} /* 비주얼 버튼 색상 */
.main_visual .bx-pager.bx-default-pager .bx-pager-item a.active {background-color:#1e4873;}

/* 공지사항 */
.notice19 {position:relative; height:100%; padding:15px 20px 20px 20px; border:1px solid #dedede; border-radius:15px; box-sizing:border-box; }
.notice19:before { content:""; display:block; position:absolute; left:0; right:0; top:60px; width:calc(100% - 40px); height:4px; margin:0 auto; background:url('/tempSample/20019/images/main/19_pttrn_notice.png') repeat-x; }
.notice19:after { content:""; display:block; clear:both; }
.notice19 h2 { float:left; max-width:30%; font-family:"NotoM"; font-size:17px; text-align:center; letter-spacing:-0.05px; color:#838383; white-space:nowrap; overflow:hidden;}
.notice19 h2 a {display:block; position:relative; z-index:1; overflow:hidden; padding:0 10px; line-height:45px;}
.notice19 h2:first-child a { padding-left:0; }
.notice19 h2 a:not(.current):hover,
.notice19 h2 a:not(.current):focus { text-decoration:underline; }
.notice19 h2 a.current { color:#0054a6; font-family:"NotoB"; }
.notice19 h2 a.current:before { content:""; display:block; position:absolute; top:0; left:0; right:0; width:5px; height:5px; margin:0 auto; border-radius:50%; background:#0054a6; }
.notice19 .list_box.on {display:block;}
.notice19 .list_box { display:none; position:absolute; top:76px; left:0; width:100%; height:auto; padding:0 20px; box-sizing:border-box; }
.notice19 .list_box li { position:relative; padding-left:10px; line-height:30px; }
.notice19 .list_box li:before { content:""; display:block; position:absolute; top:0; bottom:0; left:0; margin:auto 0; width:3px; height:3px; background:#4d4d4d; }
.notice19 .list_box li.new { padding-left:30px; background:url('/tempSample/20019/images/main/19_new_ico_notice.png') no-repeat 8px center; }
.notice19 .list_box li a { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-right:90px; font-size:15px; color:#4d4d4d; }
.notice19 .list_box li a:hover,
.notice19 .list_box li a:focus { text-decoration:underline; }
.notice19 .list_box li a span { position:absolute; top:0; right:0; font-size:14px; color:#909090; }
.notice19 .btn_more { display:block; overflow:hidden; position:absolute; top:-55px; right:20px; width:27px; height:27px; background:#0054a6 url('/tempSample/20019/images/main/19_btn_more_notice.png') no-repeat center; border-radius:50%; color:transparent; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
.notice19 .btn_more:hover,
.notice19 .btn_more:focus { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }

/* 행사일정 */
.drawSchedule19 { position:relative; height:100%; padding:20px; background:#d0f2ff; border-radius:15px; box-sizing:border-box; }
.drawSchedule19 .date_view { position:relative; width:150px; margin:0 auto; color:#474747; font-family:"NotoM"; font-size:20px; text-align:center; }
.drawSchedule19 .date_view span { vertical-align:middle; }
.drawSchedule19 .date_view a { display:block; position:absolute; top:0; bottom:0; overflow:hidden; width:22px; height:22px; margin:auto 0; border-radius:50%; background-repeat:no-repeat; background-position:center; color:transparent; }
.drawSchedule19 .date_view .prev { left:0; background-image:url('/tempSample/20019/images/main/19_prev_sche.png'); }
.drawSchedule19 .date_view .next { right:0; background-image:url('/tempSample/20019/images/main/19_next_sche.png'); }
.drawSchedule19 .sch_list { margin-top:17px; }
.drawSchedule19 ul { overflow-y:auto; height:156px; }
.drawSchedule19 li { line-height:39px; }
.drawSchedule19 li a { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:10px; color:#2e2e2e; font-size:15px; }
.drawSchedule19 .btn_more { display:block; overflow:hidden; position:absolute; top:15px; right:20px; width:27px; height:27px; background:#0054a6 url('/tempSample/20019/images/main/19_btn_more_notice.png') no-repeat center; border-radius:50%; color:transparent; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
.drawSchedule19 li a:hover,
.drawSchedule19 li a:focus { text-decoration:underline; }
.drawSchedule19 li a span { display:inline-block; width:80px; height:26px; margin-right:10px; border-radius:5px; background:#1d9acb; color:#fff; font-size:15px; text-align:center; line-height:26px; }
.drawSchedule19 .no_Data { color:#333; font-size:15px; text-align:center; line-height:156px; }

/* 알림판 */
.pop19 { overflow:hidden; position:relative; height:100%; padding:12px; border:1px solid #dedede; border-radius:15px; box-sizing:border-box; }
.pop19 h2 { overflow:hidden; white-space:nowrap; margin-right:160px; font-family:"NotoM"; font-size:17px; }
.pop19 .nss_pg { display:inline-block; margin-top:10px; vertical-align:top; }
.pop19 .nss_pg span { display:block; letter-spacing:0; font-size:14px; line-height:25px; display:none;}
.pop19 .nss_pg span strong { color:#0072bc; font-family:"NotoB"; }
.pop19 .nss_pg a { display:block; overflow:hidden; width:27px; height:27px; margin-bottom:7px; margin-left:auto; color:transparent; background-repeat:no-repeat; }
.pop19 .nss_pg .pre {background-image:url('/tempSample/20019/images/main/19_pop_btn_prev.png'); }
.pop19 .nss_pg .stop {background-image:url('/tempSample/20019/images/main/19_pop_btn_stop.png'); }
.pop19 .nss_pg .next {background-image:url('/tempSample/20019/images/main/19_pop_btn_next.png'); }
.pop19 .nss_pg .play {background-image:url('/tempSample/20019/images/main/19_pop_btn_play.png'); }
.pop19 .nss_pg .list {background-image:url('/tempSample/20019/images/main/19_pop_btn_list.png');}
.pop19 .pop_img { display:inline-block; overflow:hidden; width:350px; vertical-align:middle; }
.pop19 .pop_img li {display:none; max-width:350px; overflow:hidden;}
.pop19 .pop_img li a { display:block; height:225px; }
.pop19 .pop_img li img {max-width:100%; height:100%;}
.pop19 .pop_img li.on {display:block}
/* 팝업리스트 레이어 추가 */
.pop19 .pop_layer_box {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#394b61; z-index:3;}
.pop19 .pop_layer_box .pop_layer {position:relative; padding:20px;}
.pop19 .pop_layer_box .pop_layer h3 {font-size:18px; color:#fff;}
.pop19 .pop_layer_box .pop_layer ul {height:165px; margin-top:10px; padding:10px 15px 10px 25px; line-height:22px; overflow-y:auto; background:#576c85; box-sizing:border-box;}
.pop19 .pop_layer_box .pop_layer ul li {font-family:'돋움',Dotum; font-size:12px; color:#fff; list-style-type:disc;}
.pop19 .pop_layer_box .pop_layer ul li a {color:#fff; }
.pop19 .pop_layer_box .pop_layer a.pop_close {display:block; position:absolute; right:20px; top:15px; padding:5px 10px; font-family:"NotoR"; color:#fff; background:#576c85; border-radius:5px;}

/* 바로가기 */
.M_link19 { position:relative; height:100%; }
.M_link19 ul { display:table; width:100%; height:100%; table-layout:fixed; }
.M_link19 li { display:table-cell; position:relative; vertical-align:middle; }
.M_link19 li a { display:block; padding:0 10px; text-align:center; }
.M_link19 li a img { position:absolute; top:30px; left:0; right:0; width:52px; height:46px; margin:0 auto; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
.M_link19 li a:hover img,
.M_link19 li a:focus img { -webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg); transform:rotateY(180deg); }
.M_link19 li a p {overflow:hidden;/* height:40px; */padding-top:76px;line-height:1.3;font-size:16px;color:#1f1f1f;} /*230102*/
.M_link19 li a:hover p,
.M_link19 li a:focus p { text-decoration:underline; }

/* 앨범 */
.gallery19 { position:relative; height:100%; padding:20px; border-radius:15px; background:#d3e9ff; box-sizing:border-box; }
.gallery19 h2 { overflow:hidden; white-space:nowrap; margin-right:40px; margin-bottom:15px; font-size:17px; font-family:"NotoM"; color:#333; }
.gallery19 ul { overflow:hidden; height:172px; }
.gallery19 li { float:left; width:48.5%; }
.gallery19 li + li { margin-left:3%; }
.gallery19 li a { display:block; }
.gallery19 li a p.img { overflow:hidden; background:#cecece; text-align:center; width:100%; max-width:230px; height:140px;}
.gallery19 li a img { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; max-height:140px;}
.gallery19 li a:hover img,
.gallery19 li a:focus img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
.gallery19 li a strong { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:10px; font-size:15px; color:#333; }
.gallery19 li a:hover strong,
.gallery19 li a:focus strong { text-decoration:underline; }
.gallery19 .btn_more { display:block; overflow:hidden; position:absolute; top:20px; right:20px; width:27px; height:27px; background:#367fc8 url('/tempSample/20019/images/main/19_btn_more_notice.png') no-repeat center; border-radius:50%; color:transparent; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
.gallery19 .btn_more:hover,
.gallery19 .btn_more:focus { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }

/* 우리반 홈페이지 */
.class19 { overflow:hidden; position:relative; height:100%; padding:20px; background:#0054a6 url('/tempSample/20019/images/main/19_pttrn_class.png') repeat; color:#fff; box-sizing:border-box; }
.class19:before { content:""; display:block; position:absolute; top:0; bottom:0; right:0; margin:auto 0; width:1px; height:42px; background:#92bca1; }
.class19 h2 { position:absolute; top:0; bottom:0; left:20px; overflow:hidden; white-space:nowrap; font-size:17px; font-family:"NotoM"; ;line-height:80px; }
.class19 .inner { float:right; width:387px; }
.class19 .select_wrap { position:relative; float:left; width:145px; height:40px; margin-right:10px;}
.class19 .select_wrap:before {content:""; display:block; position:absolute; top:0; right:0; z-index:1; width:30px; height:100%; background:url('/tempSample/20019/images/main/19_class_arrw.png') 20% center no-repeat; -ms-pointer-events:none; pointer-events:none; }
.class19 select { width:100%; height:100%; padding-left:10px; border:1px solid rgba(255, 255, 255, 0.7); background:none; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:none;}
.class19 .select_wrap select::-ms-expand { display:none; }
.class19 select option { color:#fff; }
.class19 select option ~ option { color:#333; }
.class19 .class_btn { display:block; float:right; width:77px; height:40px; border:1px solid rgba(255, 255, 255, 0.7); color:inherit; line-height:40px; font-size:15px; font-family:"NotoM"; text-align:center; box-sizing:border-box; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
.class19 .class_btn:hover,
.class19 .class_btn:focus { border-color:#fff; }

/* 기능바로가기 */
.classlink19 { position:relative; height:100%; padding:20px; background:#247943 url('/tempSample/20019/images/main/19_pttrn_class.png') repeat; box-sizing:border-box; }
.classlink19 ul { display:table; width:100%; height:100%; table-layout:fixed; border-collapse:collapse; }
.classlink19 li { display:table-cell; padding:0 10px; border:1px solid rgba(255, 255, 255, 0.7); vertical-align:middle; }
.classlink19 li a { display:block; overflow:hidden; white-space:nowrap; color:#fff; text-align:center; }

/* 식단 */
.meal_menu19 { position:relative; height:100%; padding:20px; background:#0054a6 url('/tempSample/20019/images/main/19_pttrn_class.png') repeat; color:#fff; box-sizing:border-box; }
.meal_menu19 .meal_info { display:none; }
.meal_menu19 h2 { position:absolute; top:0; bottom:0; left:20px; overflow:hidden; white-space:nowrap; font-size:17px; font-family:"NotoM"; ;line-height:80px; }
.meal_menu19 .inner { float:right; width:450px; padding-left:60px; box-sizing:border-box; }
.meal_menu19 ul { overflow-y:auto; height:40px; }
.meal_menu19 li:not(.no_Data) + li { margin-top:15px; }
.meal_menu19 dl { display:table; width:100%; table-layout:fixed; }
.meal_menu19 dt { display:inline-block; width:145px; height:40px; margin-right:15px; border:1px solid rgba(255, 255, 255, 0.7); line-height:40px; text-align:center; vertical-align:middle; box-sizing:border-box; }
.meal_menu19 dt span:after { content:""; display:inline-block; width:10px; height:10px; margin:0 5px 0 10px; background:url('/tempSample/20019/images/main/19_arr_meal.png') no-repeat; }
.meal_menu19 dd { display:table-cell; width:100%; padding-left:160px; padding-right:10px; vertical-align:middle; font-size:15px; box-sizing:border-box; }
.meal_menu19 .no_Data { line-height:40px; text-align:center; }

/* 배너존*/
.banner_zone {position:relative; width:100%; background:#fff; border-top:1px solid #dfdfdf;}
.banner_zone .inner {position:relative; width:980px; height:70px; margin:0 auto; overflow:hidden;}
.banner_zone .inner h2  {font-size:15px; font-family:"NotoM"; color:#1d1d1d; position:absolute; top:15px; left:0; display:none;}
.banner_zone .inner .btn {position:absolute; left:0; top:20px}
.banner_zone .inner .btn a { float:left; font-size:0; text-indent:-10000em; width:27px; height:28px; vertical-align:top}
.banner_zone .inner .btn a.pre {width:28px; background:url(/tempSample/20019/images/main/btn_b_prev.gif) no-repeat}
.banner_zone .inner .btn a.stop {background:url(/tempSample/20019/images/main/btn_b_stop.gif) no-repeat}
.banner_zone .inner .btn a.next {background:url(/tempSample/20019/images/main/btn_b_next.gif) no-repeat}
.banner_zone .inner .btn a.play {background:url(/tempSample/20019/images/main/btn_b_play.gif) no-repeat}
.banner_zone .inner .btn a.list {background:url(/tempSample/20019/images/main/btn_b_list.gif) no-repeat}
.banner_zone .inner ul {margin: 10px 0 10px 115px;height: 50px;overflow:hidden}
.banner_zone .inner ul li {width:163px; float:left; margin-left:10px;}
.banner_zone .inner ul li a {display:block; border:1px solid #c8d1db;}
.banner_zone .inner ul li a img {width:100%; height:48px}



@media (max-width:1080px) {

	#container,
	.main_content,
	.M_link19_1,
	.M_link19,
	.ann_tablet
	.banner_zone{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

	.ann_btn, .notice19, .gallery19, .meal_menu19, .main_visual, .pop, .drawSchedule19, .M_link19_1, .M_link19, .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_tablet {display:none;}

	/* 메인비주얼 */
	.main_visual img { max-width:100%; height:auto; }
	.main_visual .bx-controls { left:2.5%; bottom:20px; width:100%; margin-left:0; }

	/* 식단 */
	.meal_menu19 .inner { width:96%; }

	/* 우리반홈페이지 */
	.class19:before { content:none; }
	.class19 .inner { width:90%; }
	.class19 .select_wrap { width:40%; margin-right:1.5%; }
	.class19 .class_btn { width:17%; }
	/* 기능바로가기 */
	.classlink19 li { padding:10px; }

	/* 알림판 */
	.pop19 { text-align:center; }
	.pop19 .nss_pg { margin-left:4%; }

	/* 배너존 */
	.banner_zone ul{margin-left:6rem; width:calc(100% - 6rem) !important;}
	.banner_zone .inner {width:95%;}
	.banner_zone .inner ul li {width:163px; float:left; margin-left:10px;}
	.banner_zone .inner ul li a { height:100%; }
	.banner_zone ul li a img {width:100%}

}


@media (max-width:960px) {

	/* 게시판 */
	.notice19 h2 { font-size:16px; }
	.notice19 .list_box li a { font-size:14px; }
	.notice19 .list_box li a span { font-size:13px; }

	/* 행사일정 */
	.drawSchedule19 .date_view { font-size:18px; }
	.drawSchedule19 li a,
	.drawSchedule19 li a span { font-size:14px; }

	/* 바로가기 */
	.M_link19 li a p {/* height:38px; */font-size:15px;}

	/* 배너존 */
	.banner_zone .btn{left:30px;}
	.banner_zone ul{margin-left:110px;}
	.banner_zone .inner ul li {width:163px; float:left; margin-left:10px;}
	.banner_zone ul li a img{ width:100%; height:45px;}
}



@media (max-width:880px) {

	/* 배너존 */
	.banner_zone {width:100%; position:relative;}

}


@media (max-width:800px) {

	/* 식단 */
	.meal_menu19 h2 { position:absolute; height:1px; width:1px; overflow:hidden; clip:rect(1px 1px 1px 1px); }
	.meal_menu19 .inner { float:none; width:auto; padding-left:0; }

	/* 우리반홈페이지 */
	.class19 h2 { position:absolute; height:1px; width:1px; overflow:hidden; clip:rect(1px 1px 1px 1px); }
	.class19 .inner { float:none; width:auto; }
	.class19 .select_wrap { width:37%; }
	.class19 .class_btn { width:23%; }

	/* 바로가기 */
	.M_link19 ul { display:block; overflow:hidden; }
	.M_link19 li { display:block; float:left; width:25%; }
	.M_link19 li a p { padding-top:85px; }

	/* 배너존 */
	.banner_zone{ height:70px;}
	.banner_zone .inner { height:70px;}
	.banner_zone ul{ margin-left:121px;}
	.banner_zone .inner ul li {width:163px; float:left; margin-left:10px;}
	.banner_zone ul li a img{ width:155px; height:40px}

}

@media (max-width:580px) {

	/* 배너존 */
	.banner_zone .inner ul li {width:163px; float:left; margin-left:10px;}

}

@media (max-width:560px) {

	/* 알림판 */
	.pop19 { text-align:left; }
	.pop19 .pop_img { width:83%; }

	/* 바로가기 */
	.M_link19 li { width:33%; }

	/* 기능바로가기 */
	.classlink19 ul { display:block; overflow:hidden; }
	.classlink19 li { float:left; width:50%; box-sizing:border-box; }
	.classlink19 li:nth-child(2),
	.classlink19 li:nth-child(4) { border-left:0; }
	.classlink19 li:nth-child(3),
	.classlink19 li:nth-child(4) { border-top:0; }

}


@media (max-width:480px) {

	/* 배너존 */
	.banner_zone .inner ul li {width:163px; float:left; margin-left:10px;}

}

@media (max-width:380px) {

	/* 게시판 */
	.notice19 h2 { font-size:15px; }
	.notice19 h2 a { padding:0 5px; }

	/* 행사일정 */
	.drawSchedule19 .date_view { font-size:17px; }

	/* 앨범 */
	.gallery19 li { width:100%; }

	/* 식단 */
	.meal_menu19 dt { width:125px; font-size:15px; }
	.meal_menu19 dd { padding-left:140px; }

	/* 우리반홈페이지 */
	.class19 .select_wrap { width:37%; }
	.class19 select {font-size:14px;}

	/* 바로가기 */
	.M_link19 li {width:50%;}
	.M_link19 li a img { width:45px; height:40px; }
	.M_link19 li a p { padding-top:75px; }

	/* 배너존 */
	.banner_zone .inner ul li {width:163px; float:left; margin-left:10px;}

}