﻿
/* 공통 */
.heading {position: relative; white-space: nowrap; overflow: hidden; margin-right: 4rem; color: #010101; font-size: 1.1rem; font-weight: 600; margin-bottom: 1rem; line-height: 1; }
.btn_more01 {display: inline-flex; align-items: center; position: absolute; top: -0.2rem; right: 0; line-height: 1.5rem; font-size: 0.75rem; color: #333;}
.btn_more01 i{display:block; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; margin-left: 0.3rem; text-align: center; color: #fff; background: #50b7e0; font-size: 1rem; border-radius: 50%; -webkit-transition: all 0.15s; transition: all 0.15s;}
.btn_more01:hover i,
.btn_more01:focus i {transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.btn_more02 {display: flex; width: 2.75rem; height: 2.75rem; position: absolute; top: 1px; right: 1px; background: url(/images/schl/template/T0074/main/0074_img_more02.png) no-repeat center center; transition: all 0.15s;}
.btn_more02:hover,
.btn_more02:focus {transform: rotate(180deg); -webkit-transform: rotate(180deg);}

/* 메인비주얼 */
.MVisual0074 {position: relative; height: 100%; overflow:hidden;}
.MVisual0074 .slick-track { z-index: 0;}
.MVisual0074 .item {line-height: 0; overflow: hidden;}
.MVisual0074 .item img {position: relative; width: auto; height: 100%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.MVisual0074 .control {position: absolute; bottom: 1.5rem; left: 50%; margin-left: -30rem; z-index: 1;}
.MVisual0074 .control > a {display: inline-block; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; color: #fff; background: rgb(17, 50, 30, 0.5); border-radius: 50%; transition: all 0.15s; -webkit-transition: all 0.15s;}
.MVisual0074 .control > a.play {display: none;}
.MVisual0074 .control > a:hover,
.MVisual0074 .control > a:focus {background: rgba(3, 3, 39, 0.6);}

/* 팝업존 */
.pop0074 {position: relative; height: 100%;}
.pop0074 .heading{margin-right: 8.5rem;}
.pop0074 .pop_img {position: relative; width: 100%; height: 11.25rem; text-align:center; background:#eee; border-radius: 1rem; overflow: hidden; isolation: isolate;}
.pop0074 .pop_img .slick-list {margin: 0 auto; width: 100%; max-width: 17.5rem;}
.pop0074 .pop_img div,
.pop0074 .pop_img .item {height: 100%;}
.pop0074 .pop_img .item a { display: block; height:100%; overflow:hidden; line-height:0; text-align: center;}
.pop0074 .pop_img .item img {width: auto; max-width: 100%; height: 100%; position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.pop0074 .control {position: absolute; top: -0.3rem; right: 0;}
.pop0074 .control .page{display: inline-block; vertical-align: middle; margin-right: 0.5rem; font-size: 0.75rem;}
.pop0074 .control .page strong {position: relative; font-size: 1rem; line-height: 1; padding-right: 1rem; font-weight: 600; color: #ff397a;}
.pop0074 .control .page strong::before { content: ''; display:inline-block; position: absolute; bottom: 0.3rem; right: 0.45rem; width: 1px; height: 8px; background: #222; transform: rotate(15deg);}
.pop0074 .control a {display: inline-block; width: 1.75rem; height: 1.75rem; line-height: 1.75rem; border-radius: 50%; text-align: center; vertical-align: middle; font-size: 1rem; color: #fff; background: #2683ec; transition: all 0.15s;}
.pop0074 .control .play,
.pop0074 .control .stop{background: #e9e9e9; color: #000}
.pop0074 .control .play {display: none;}
/* 팝업존 : active */
.pop0074 .control a:hover,
.pop0074 .control a:focus{background: #0b4c96; color: #fff;}

/* 캘린더 */
.pop_schedule0074 {position: relative; height: 100%; display: flex; flex-wrap: wrap; }
.pop_schedule0074 .heading{ width: 100%;}
.pop_schedule0074 .month { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 5.5rem; height: 5.5rem; line-height: 1.1; font-size: 0.85rem; font-weight: 600; text-align: center; color: #fff; background: #4fb7e0; border-radius: 1rem;}
.pop_schedule0074 .month em { font-size: 1.75rem; font-weight: 800;}
.pop_schedule0074 .sche_list { display: flex; align-items: center; justify-content: center; width: calc(100% - 7.5rem); position: relative; margin-left: auto; height: 5.5rem; border-top: 2px dotted #d3d3d3; }
.pop_schedule0074 .sche_list a.prev,
.pop_schedule0074 .sche_list a.next {position: absolute; top: 1.5rem; display: inline-block; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; vertical-align: middle; font-size: 1.2rem; color: #222; background: #f4f4f4; border-radius: 50%; transition: all 0.15s;}
.pop_schedule0074 .sche_list a.prev {left: 0;}
.pop_schedule0074 .sche_list a.next {right: 0;}
.pop_schedule0074 .sche_list ul { width: calc(100% - 6rem);  padding-bottom:0.5rem; text-align: center; margin: auto; white-space:nowrap; overflow-x:auto; }
.pop_schedule0074 .sche_list li { display:inline-block; width: 2.5rem; margin: 0 0.1rem; }
.pop_schedule0074 .sche_list li a { display: block;}
.pop_schedule0074 .sche_list li span{display: block; font-size: 0.8rem;}
.pop_schedule0074 .sche_list li em{display: block; margin: 0 auto; width: 2rem; height: 2rem; line-height: 2rem; font-weight: 600; font-size: 1rem; color: inherit; border-radius: 50%; }
.pop_schedule0074 .sche_list li.event em { background:#4fb7e0; color: #fff; }
.pop_schedule0074 .sche_list li.today em { background:#d1d8e4 !important; color: #111 !important; }
.pop_schedule0074 .sche_list li.sat {color: #184ad7;}
.pop_schedule0074 .sche_list li.sun {color: #ed1551;}
.pop_schedule0074 .lst { width: 100%; height: 5.25rem; padding: 1rem 0.5rem; margin-top: 0.7rem; background: #f8f8f8; border-radius: 0.75rem;}
.pop_schedule0074 .lst ul {height: 100%; overflow-y: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.pop_schedule0074 .lst li { position: relative; display: inline-flex; justify-content: flex-start; align-items: center; height: 3.2rem; width: 33.33%;}
.pop_schedule0074 .lst li::before{content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 0; height: 1rem; border-left: 1px solid #d9d9d9; }
.pop_schedule0074 .lst li:nth-of-type(3n+1)::before {border: none;}
.pop_schedule0074 .lst li a {position: relative; display: block; padding: 0 1rem; line-height: 1.3rem; font-size: 0.8rem;color: #222; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pop_schedule0074 .lst li a span {display: inline-block; margin-right: 0.5rem; font-weight: 700; color:#4fb7e0; }
.pop_schedule0074 .lst .no_data {display: block; width: 100%; padding-left:0; line-height: 3rem; text-align: center;}
.pop_schedule0074 .btn_more {color: #fff; background: #004078;}
/** 캘린더 : active **/
.pop_schedule0074 .sche_list a:hover,
.pop_schedule0074 .sche_list a:focus{background: #4fb7e0; color: #fff;}
.pop_schedule0074 .sche_list li.today:focus em,
.pop_schedule0074 .sche_list li.today:hover em,
.pop_schedule0074 .sche_list li.event:focus em,
.pop_schedule0074 .sche_list li.event:hover em { text-decoration:underline;} 
.pop_schedule0074 .lst li a:hover,
.pop_schedule0074 .lst li a:focus {text-decoration: underline;}

/* 바로가기 */
.M_link0074 {height: 100%; margin: 0 -1rem;}
.M_link0074 ul {height: 100%;}
.M_link0074 li {position: relative;  display: table-cell;vertical-align: top; width: 1%; z-index: 1;}
.M_link0074 li a {display: flex; padding: 0 1rem; width: 100%; height: 100%; align-items: center; justify-content: center; font-weight: 500; color: #111; font-size: 0.85rem;}
.M_link0074 li a .img {flex-shrink: 0; display: inline-block; justify-content: center; align-items: center; width: 3.5rem; height: 3.5rem; margin-right: 0.5rem; background: #f5fafe; border-radius: 50%; border: 2px solid transparent; transition: all 0.15s;}
.M_link0074 li a .img img {max-width: 100%; max-height: 100%;}
.M_link0074 li a .txt {max-height: 2rem; line-height: 1.2;word-break: break-all; overflow: hidden;}
.M_link0074 li a .txt span {max-height: 2rem; line-height: 1.2;word-break: break-all; overflow: hidden;}
/* 바로가기 : active */
.M_link0074 li a:hover .img,
.M_link0074 li a:focus .img{border-color: #c9e5fc;}
.M_link0074 li a:hover .img img,
.M_link0074 li a:focus .img img {transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.M_link0074 li a:hover .txt span,
.M_link0074 li a:focus .txt span {background-image: linear-gradient(to bottom, transparent 65%, #e4f1fc 65%);}
.M_link0074 li a,
.M_link0074 li a img,
.M_link0074 li a span {-webkit-transition: all 0.15s; transition: all 0.15s;}

/* 게시판 : 공통 */
.notice0074 {position: relative; height: 100%;}
.notice0074 .titTab {position: relative; border: 1px solid #ddd; border-radius: 0.8rem; line-height: 2.75rem; margin-bottom: 1.7rem; }
.notice0074 .titTab ul {position: relative; width: calc(100% - 2.75rem); height: 100%; background: #f7f7f7; border-right:1px solid #ddd; border-radius: 0.8rem 0 0 0.8rem; }
.notice0074 .titTab ul::after{content: ''; display: block; clear: both;}
.notice0074 .titTab li {float: left; position: relative; display: block; width: 33.33%; text-align: center; font-size: 0.9rem; font-weight: 500;}
.notice0074 .titTab li + li:before {content:""; position: absolute; left: 0; top: 0.7rem; bottom: 0.7rem; width: 1px; background: #ddd; }
.notice0074 .titTab li a {position: relative; display: block; padding: 0 1rem; border-radius: 0.8rem; transition: color 0.3s; -webkit-transition: color 0.3s; color: #555555;}
.notice0074 .titTab li a span {position: relative; display: block; white-space: nowrap; overflow: hidden;}
.notice0074 .list_box {display: none; width: 100%; }
.notice0074 .list_box ul {height: 100%; }
.notice0074 .list_box li ~ li{margin-top: 1rem;}
.notice0074 .list_box li:nth-of-type(n+6) {display: none;}
.notice0074 .list_box li a {position: relative; display: block; padding: 0 5rem 0 0.9rem; line-height: 1; font-size: 0.8rem; color: #333333;}
.notice0074 .list_box li a:before {content:""; display:block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background: #5a7dff; border-radius: 50%; }
.notice0074 .list_box li a.new{position: relative; padding-left: 2rem;}
.notice0074 .list_box li a.new::after{ content: "N"; position: absolute; left: 0.7rem; top: 50%; transform: translateY(-50%); display: block; width: 1.15rem; height: 1.15rem; line-height: 1.15rem; text-align: center; background: #1367c1; border-radius: 50%; font-size: 0.65rem; font-weight: 800; color:#fff; }
.notice0074 .list_box li a p {display: inline-block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.notice0074 .list_box li a span {position: absolute; right: 0; top: 0; color: #656565; font-size: 0.75rem;}
.notice0074 .list_box li.no_data {text-align: center; line-height: 8rem;}
/* 게시판 : 공통 : active */
.notice0074 .titTab li a:hover,
.notice0074 .titTab li a:focus,
.notice0074 .titTab li a.current {font-weight: 600; color: #fff; background: #2957ca; box-shadow: 0.1rem 0.1rem 0.5rem rgba(0,0,0,0.15);}
.notice0074 .titTab li a.current::after{content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 100%); width: 0; height: 0; border-top: 13px solid #2957ca; border-left: 8px solid transparent; border-right: 8px solid transparent;}
.notice0074 .titTab li a,
.notice0074 .titTab li a:after {-webkit-transition: all 0.15s; transition: all 0.15s;}
.notice0074 .list_box.on {display: block;}
.notice0074 .list_box li a:hover p,
.notice0074 .list_box li a:focus p {text-decoration: underline;}
.notice0074 .list_box li a {-webkit-transition: all 0.15s; -ms-transition: all 0.15s; transition: all 0.15s;}

/* 게시판2 */
.notice007402 .list_box li a:before{background: #57a6ff;}
.notice007402 .list_box li a.new::after{background: #57a6ff;}
.notice007402 .titTab li a:hover, 
.notice007402 .titTab li a:focus, 
.notice007402 .titTab li a.current{background: #57a6ff; }
.notice007402 .titTab li a.current::after{ border-top-color: #57a6ff;}

/* 식단 */
.meal_menu0074 {position: relative; width: 100%; height: 100%;}
.meal_menu0074 .inner { padding: 1.5rem; height: 12.25rem; padding: 1.5rem 1.5rem 5rem 1.5rem; border-radius: 1.25rem; background: #fff;}
.meal_menu0074 .inner ul { height: 100%; padding-right: 0.5rem; overflow-y: auto;}
.meal_menu0074 .inner li + li {margin-top: 1rem;}
.meal_menu0074 .inner dt {width: 90%; margin: 0 auto; margin-bottom: 1rem; padding:0 0.5rem; line-height: 2.5rem; text-align: center; font-size: 0.9rem; color: #fff; font-weight:600; background: #4fc195; border-radius: 5rem;}
.meal_menu0074 .inner dt em {margin-left: 0.5rem; }
.meal_menu0074 .inner dd {line-height: 1.5; font-size: 0.8rem; word-break: keep-all;}
.meal_menu0074 .inner .no_data {line-height: 5.7rem; text-align: center;}

.meal_menu0074 img{position: absolute; right: 1rem; bottom: 1rem; max-width: 3.9rem;} 
.meal_menu0074 .btn_more01 i{background: #4fc195;}

/* 갤러리 */
.gallery0074 {position: relative; height: 100%;}
.gallery0074 .list_box {height: 12rem; margin: 0 -0.85rem;}
.gallery0074 .list_box::after {clear: both; display: block; content: '';}
.gallery0074 .list_box ul {height: 100%;}
.gallery0074 .list_box li {float: left; width:50%; height: 100%; padding:0 0.85rem;}
.gallery0074 .list_box li:nth-of-type(n+3) {display: none;}
.gallery0074 .list_box li.no_data{display: flex; padding: 2rem 0; width:calc(100% - 1.7rem); height: 100%; margin-left: 0.85rem; align-items: center; justify-content: center; background: rgba(0,0,0,0.05); border-radius: 1.5rem;}
.gallery0074 .list_box a {position: relative; display: block; height: 100%; }
.gallery0074 .list_box a .img {height: 100%; border-radius: 1.5rem; overflow: hidden; background: #e1e1e1;}
.gallery0074 .list_box a .img img {position: relative; top: 50%; left: 50%; width: 100%; height: auto; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: 0.15s;}
.gallery0074 .list_box a .txt {position: absolute; bottom: -1.25rem; left: 1.85rem; right: 1.85rem; display: block; padding: 0 1rem; line-height: 2.5rem; text-align: center; font-weight: 500; color: #222; white-space: nowrap; text-overflow: ellipsis; background: #f4f4f4; border-radius: 5rem; overflow: hidden;}
.gallery0074 .btn_more01 i{background: #0070d1;}

/** 갤러리 : active **/
.notice0074 .titTab li a,
.notice0074 .titTab li a .img,
.notice0074 .titTab li a .txt {-webkit-transition: all 0.15s; transition: all 0.15s;}
.gallery0074 .list_box a:hover,
.gallery0074 .list_box a:focus {-webkit-transition: all 0.15s; transition: all 0.15s;}
.gallery0074 .list_box a:hover .txt,
.gallery0074 .list_box a:focus .txt {color: #fff; background: #0070d1; -webkit-transition: all 0.15s; transition: all 0.15s;}
.gallery0074 .list_box ul li a:hover .img img,
.gallery0074 .list_box ul li a:focus .img img {transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1);}


/* 배너존 */
.banner_zone {line-height: 1; border-top: 1px solid #e5e5e5;}
.banner_zone .container {position: relative; height: 4rem; overflow: hidden;}
.banner_zone h2 {float:left; margin-top: 1.5rem; width: 4rem; font-size: 0.85rem; font-weight: 400; color: #191919;}
.banner_zone .btn {float: left; margin-top: 1.3rem; overflow: hidden; border-left:1px solid #ccc;}
.banner_zone .btn a {float: left; width: 1.4rem; height: 1.4rem; line-height:1.4rem; text-align:center; overflow: hidden; border:1px solid #ccc; border-left:0;}
.banner_zone .btn a.play{display:none;}
.banner_zone .bnWrap {width: calc(100% - 10rem); float:left; padding-top: 0.75rem; padding-left:1.5rem; overflow: hidden;}
.banner_zone .bnWrap a {display: block; height: 2.5rem; line-height: 2.3rem; text-align: center; margin:0 5px; border: 1px solid #c8d1db; overflow: hidden;}
.banner_zone .bnWrap a img {max-width: 100%; max-height: 100%; vertical-align: middle;}
/* 배너존 : active */
.banner_zone .btn a:hover,
.banner_zone .btn a:focus{background:#f1f1f1;}


@media (max-width: 1920px) {
	/* 메인비주얼 */
	.MVisual0074 .item img{width: 100%; height: auto; left: 0; top: 0; transform: none;}
}

@media (max-width: 1400px) {
}

@media (max-width: 1240px) {
	/* 메인비주얼 */
	.MVisual0074 .control{ left: 1.5rem; right: auto; margin-left: 0;}

	/* 캘린더 */
	.pop_schedule0074 .lst li{width: 50%;}

	/* 바로가기 */
	.M_link0074{margin: 0 -0.5rem}
	.M_link0074 li a{padding: 0 0.5rem;}
}

@media (max-width: 1024px) {
	/* 캘린더 */
	.pop_schedule0074 .sche_list{width: calc(100% - 6.5rem);}

	/* 바로가기 */
	.M_link0074 li a{flex-direction: column; text-align: center;}
	.M_link0074 li a .img{margin: auto; margin-bottom: 0.5rem;}

	/* 게시판 : 공통 */
	.notice0074 .titTab{margin-bottom: 1rem;}

	/* 갤러리 */
	.gallery0074 .list_box{margin: 0 -0.75rem;}
	.gallery0074 .list_box li{padding: 0 0.75rem;}

}

@media (max-width: 900px) {
	/* 갤러리 */
	.gallery0074 .list_box li{width: 100%;}
	.gallery0074 .list_box li:nth-child(n+2){display: none;}
	.gallery0074 .list_box a .img img{width: 100%; height: 100%; object-fit: contain;}

}

@media (max-width: 860px) {

}

@media (max-width: 768px) {
}

@media (max-width: 640px) {
	/* 바로가기 */
	.M_link0074{margin: -0.5rem;}
	.M_link0074 ul{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
	.M_link0074 li{display: block; width: 33.33%;}
	.M_link0074 li a{padding: 0.5rem;}

}
@media (max-width: 580px) {
	
	/* 메인비주얼 */
	.MVisual0074 .control{bottom: 0.5rem;}

}
@media (max-width: 560px) {
	.heading{font-size: 1rem;}

	/* 메인비주얼 */
	.MVisual0074 .control > a {width: 1.5rem; height: 1.5rem; line-height: 1.5rem;}

	/* 캘린더 */
	.pop_schedule0074 .month{width: 100%; height: auto;	display: block; line-height: 2.5rem; border-radius: 0.7rem;}
	.pop_schedule0074 .month em{font-size: 1.2rem; margin-left: 0.3rem;}
	.pop_schedule0074 .sche_list{width: 100%; height: 0; border-top: 0; }
	.pop_schedule0074 .sche_list a.prev, 
	.pop_schedule0074 .sche_list a.next{top: -2.2rem; width: 1.8rem; height: 1.8rem; line-height: 1.8rem;}
	.pop_schedule0074 .sche_list a.prev{left: 0.5rem;}
	.pop_schedule0074 .sche_list a.next{right: 0.5rem;}
	.pop_schedule0074 .sche_list ul{display: none;}
	.pop_schedule0074 .lst{height: 5.8rem; border-radius: 0.7rem; margin-top: 0;}
	.pop_schedule0074 .lst li{width: 100%; height: 1.3rem;}
	.pop_schedule0074 .lst li::before{display: none;}
	


	/* 게시판 : 공통 */
	.notice0074 .titTab li{max-width: 100%; width: auto;}
	.notice0074 .titTab li + li:before{display: none;}
	.notice0074 .titTab li a.current::after{border-top-width: 8px;}

}

@media (max-width: 460px) {
}

@media (max-width: 380px) {
	/* 팝업존 */
	.pop0074 .pop_img{height: auto;}
	.pop0074 .pop_img .item img{width: 100%; height: auto; left: 0; top: 0; transform: none;}

}