﻿/* btn_more */
[class*="btn_more"]{ position: absolute; width: 1.95rem; height: 1.95rem; background:#ddd; top: -0.2rem; right: 0; font-size: 1.25rem; line-height: 1.95rem; text-align:center; border-radius: 50%;}
[class*="btn_more"] i{transition: all 0.15s;}
.btn_more01 { top: 0; width: 2.75rem; height: 2.75rem; line-height:1; display: flex; justify-content: center; align-items: center; border: 2px solid #d6d3d3; background: #fff; border-radius: 0.65rem; }
.btn_more02{ background:#ffd0ce; top: 50%; right: 1rem; transform: translateY(-50%);}
.btn_more03{ background:#ffbe35; }
.btn_more04 { top: 0; right: 1.5rem; width: 2rem; height: 2rem; line-height: 2rem; background: #4d96e4; font-size: 1.25rem; color: #fff; border-radius: 0.5rem; transform: translateY(-50%);}
/* btn_more : active */
[class*="btn_more"]:hover i,
[class*="btn_more"]:focus i{transform: rotate(180deg);}

/* 메인비주얼 */
.MVisual0038 { position:relative; }
.MVisual0038::before{content: ''; display: block; width: 7.7rem; height: 4.9rem; position: absolute; left: -3rem; bottom: -1rem; background: url(/images/schl/template/T0038/main/0038_img_deco01.png) no-repeat center center; z-index: 2;}
.MVisual0038 .slider{ position:relative; z-index: 0;}
.MVisual0038 .slider,
.MVisual0038 .slick-list,
.MVisual0038 .slick-track{ height:100%; }
.MVisual0038 .item { overflow:hidden; line-height:0; }
.MVisual0038 .control { position:absolute; right:1.5rem; bottom:1.3rem; z-index:1; }
.MVisual0038 .control > a { display:inline-block; width:2rem; height:2rem; line-height:2rem; background:rgba(70, 42, 23, 0.5); color:#fff; text-align:center; border-radius:50%; -webkit-transition:all 0.15s; -ms-transition:all 0.15s; transition:all 0.15s; }
.MVisual0038 .control > a.play { display:none; }
/* 메인비주얼 : active */
.MVisual0038 .control > a:hover,
.MVisual0038 .control > a:focus{background: rgba(70, 42, 23, 0.8);}

/* 바로가기 */
.M_link0038 { position:relative; height:100%; display: flex; align-items: center;}
.M_link0038 ul { flex: 1; display:table; table-layout:fixed; overflow:hidden; }
.M_link0038 li { position:relative; display:table-cell; vertical-align:top; z-index:1; width: calc(100% / 8); }
.M_link0038 li ~ li::before{ content: ''; display: block; width: 0; height: 0.8rem; border-left: 3px dotted #90c3fa; position: absolute; top: 1.8rem; left: 0; transform: translate(0%, -50%); }
.M_link0038 li a { display:block; position:relative; width:100%; word-break:keep-all; text-align:center; }
.M_link0038 li a .img { position:relative; display:block; }
.M_link0038 li a img { display:block; width:3rem; -webkit-transition:all 0.15s; -ms-transition:all 0.15s; transition:all 0.15s; margin: auto; }
.M_link0038 li a p { font-size:0.9rem; line-height:1.2rem; height: 2.5rem; padding:0 5px; margin-top:1rem; overflow:hidden; font-weight:400; color:#222; word-break:break-all; }
.M_link0038 li a,
.M_link0038 li a p { -webkit-transition:all 0.15s; -ms-transition:all 0.15s; transition:all 0.15s; }
/* 바로가기 : active */
.M_link0038 li a:hover img,
.M_link0038 li a:focus img { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg); }
.M_link0038 li a:hover p,
.M_link0038 li a:focus p{font-weight: 600;}

/* 게시판 */
.notice0038 { position:relative; height:100%; }
.notice0038 a{ -webkit-transition:all 0.15s; transition:all 0.15s; }
.notice0038 .titTab{background: #f6f6f6; border-radius: 0.7rem; padding: 0 0.5rem; margin-bottom: 1rem;}
.notice0038 .titTab ul{ margin-right: 3rem; }
.notice0038 .titTab ul::after{content: ''; display: block; clear: both;}
.notice0038 .titTab ul li{ position:relative; float: left; max-width: 33.333%; height: 2.75rem; line-height: 2.75rem; font-size:1rem; transition:all 0.15s; }
.notice0038 .titTab ul li a { position:relative; display:block; color:#6e6e6e; padding:0 1.5rem; z-index:1; text-align: center; z-index: 1; }
.notice0038 .titTab ul li ~ li a::before{content: ''; display: block; width: 0; height: 0.8rem; position: absolute; top: 50%; left: -3px; transform: translateY(-50%); border-left: 3px dotted #bebebe; z-index: -1;} 
.notice0038 .titTab ul li a span { display:block; overflow:hidden; white-space:nowrap; }
.notice0038 .list_box { display:none; margin: 0 -0.5rem; height: 11.2rem;}
.notice0038 .list_box ul{height: 100%;}
.notice0038 .list_box ul::after{content: ''; display: block; clear: both;}
.notice0038 .list_box li { float: left; width: 33.3%; padding: 0 0.5rem; height: 100%; transition: 0.1s;}
.notice0038 .list_box li:nth-of-type(n + 4) { display:none; }
.notice0038 .list_box li a { position:relative; display:block; height: 100%; padding:2.5rem 1.5rem 0 1.5rem; border: 1px solid #ddd; border-radius: 1.15rem; }
.notice0038 .list_box li a.new:after{ content:'N'; position: absolute; top: 1rem; right: 1rem; width: 1.25rem; height: 1.25rem; background: #027fe7; color: #FFF; font-size: 0.7rem; text-align: center; line-height: 1.25rem; border-radius: 50%; font-weight: 500;}
.notice0038 .list_box li a .txt{height: 2.8rem; color: #333; font-size: 0.85rem; line-height: 1.6; overflow: hidden; white-space:normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 500;}
.notice0038 .list_box li a span { position:absolute; left:1.5rem; bottom:1.55rem; color:#8b8b8b; font-size:0.8rem; font-weight:400; }
/* 게시판 : 데이터 없음 */
.notice0038 .list_box dl.no_data dt { line-height:3.5rem; }
.notice0038 .list_box dl.no_data .date p { padding-top:1rem;  }
.notice0038 .list_box li.no_data { text-align:center; width: 100%; height: 100%; line-height: 15;}
/* 게시판 : active */
.notice0038 .titTab ul li a:hover,
.notice0038 .titTab ul li a:focus{font-weight: 600;}
.notice0038 .titTab ul li a.current {margin-top: -0.5rem; background: #027fe7; color:#fff; font-weight:600; height: 100%; box-sizing: border-box; border-radius: 0.7rem; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.1); z-index: 2; }
.notice0038 .titTab ul li a.current::before{display: none;}
.notice0038 .list_box.on { display: block; }
.notice0038 .list_box li a:hover,
.notice0038 .list_box li a:focus { border-color: #78c2ff; }

/* 팝업존 */
.popup0038 .tit_wrap{ position: relative; line-height: 2.75rem; background: #ff5b96; color: #fff; border-radius: 0.7rem; padding: 0 1rem; margin-bottom: 1rem;}
.popup0038 .tit_wrap h2{ font-size: 1rem; font-weight: 500; overflow: hidden; white-space: nowrap; margin-right: 7.5rem;}
.popup0038 .control { display: inline-flex; position:absolute; right:1rem; top: 50%; transform: translateY(-50%); z-index:1;}
.popup0038 .control .page{ margin-right: 0.7rem; font-size: 0.85rem;}
.popup0038 .control .page > strong{ color: #fcd200; font-weight: 600;}
.popup0038 .control > a { display:inline-block; width: 1.5rem; text-align:center; -webkit-transition:all 0.15s; -ms-transition:all 0.15s; transition:all 0.15s; }
.popup0038 .control a i{ font-size: 1rem; }
.popup0038 .control a.play{ display: none; }
.popup0038 .pop_img{ height: 11.2rem; background: rgba(0,0,0,0.1); border-radius: 0.9rem; overflow: hidden; isolation: isolate; }
.popup0038 .slider{ z-index: 0;}
.popup0038 .slider,
.popup0038 .slick-list,
.popup0038 .slick-track{ height:100%; }
.popup0038 .item { overflow:hidden; line-height:0;}
.popup0038 .item img{ margin: 0 auto; height: 100%; width:auto; display: block; }
/* 팝업존 : active */
.popup0038 .control > a:hover,
.popup0038 .control > a:focus{color: #000;}


/* 식단 */
.meal_menu0038 { display: flex; align-items: center; height: 100%; padding:0 4rem 0 2.5rem; margin-left: 2.25rem; background: #fff2f3; border: 2px solid #ffbfbc; border-radius: 1rem;}
.meal_menu0038 h2{ width: 5.5rem; font-size: 0.95rem; font-weight: 500; overflow: hidden; white-space: nowrap;}
.meal_menu0038 .inner { display: block; width: calc(100% - 5.5rem);}
.meal_menu0038 .inner ul { overflow-y: auto; height: 1.4rem; padding-right: 1rem;}
.meal_menu0038 .inner ul li.no_data{ width: 100%; padding-left: 1rem; text-align: center;}
.meal_menu0038 .inner dl { z-index: 1; display: flex; align-items: baseline; }
.meal_menu0038 .inner dt{ position: relative; flex-shrink: 0; width: 7rem; font-size: 0.85rem; padding-left: 1rem; color: #111;}
.meal_menu0038 .inner dt::before{content: ''; position: absolute; left: 0; top: 50%; display: block; width: 4px; height: 4px; background:#f4bab8; border-radius: 50%; transform: translateY(-50%);}
.meal_menu0038 .inner dt span { position: relative; vertical-align:middle; font-weight: 500; font-size:0.9rem; z-index: 1; }
.meal_menu0038 .inner dt span > strong{ color: #ff005b;}
.meal_menu0038 .inner dd { color: #333; font-size: 0.8rem; font-weight: 400; word-break: keep-all; text-align: left; padding-left: 1rem; line-height: 1.5;}
.meal_menu0038 img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: block; max-width: 3.6rem;}

/* 갤러리 */
.gallery0038 { position:relative; height: 100%; }
.gallery0038 h2 { position:relative; margin-right: 3rem; color:#111; font-weight:500; font-size:1rem; margin-bottom:1.6rem; white-space: nowrap; overflow: hidden; }
.gallery0038 .list_box { height: 13.65rem; margin: 0 -1rem;}
.gallery0038 .list_box ul{height: 100%;}
.gallery0038 .list_box ul::after{content: ''; display: block; clear: both;}
.gallery0038 .list_box ul li{ float: left; padding-right: 1.8rem; width: 50%; padding: 0 1rem; }
.gallery0038 .list_box ul li:nth-child(n+3){display: none;}
.gallery0038 .list_box ul li.no_data{ width: 100%; height: 100%; line-height: 13.65rem; text-align: center;}
.gallery0038 .list_box a { position:relative; display:block; }
.gallery0038 .list_box a .img { position:relative; height: 10.65rem; border-radius:1.25rem 1.25rem 1.25rem 0; overflow:hidden; isolation: isolate; background: rgba(0,0,0,0.1); -webkit-transition:all 0.15s; transition:all 0.15s; }
.gallery0038 .list_box a img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.2s; height: 100%; width: auto;}
.gallery0038 .list_box a .txt { position:relative; display:block; line-height: 3rem; color:#111111; font-size: 0.8rem; font-weight:500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; padding: 0 1rem; background: #fff; border-radius: 0 1.25rem 1.25rem 1.25rem; -webkit-transition:all 0.15s; transition:all 0.15s;}
/* 갤러리 : active */
.gallery0038 .list_box a:hover .img,
.gallery0038 .list_box a:focus .img{border:1px solid  #ffbe35;}
.gallery0038 .list_box a:hover img,
.gallery0038 .list_box a:focus img{ top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.2); }
.gallery0038 .list_box a:hover .txt,
.gallery0038 .list_box a:focus .txt{background: #ffbe35;}

/* 캘린더 */
.pop_schedule0038 { position:relative; height:100%; background: #b7daff; padding: 1.25rem 1rem; border-radius: 1.5rem 1.5rem 1.5rem 0; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.1);}
.pop_schedule0038 h2 { position:relative; display:inline-block; max-width:calc(100% - 5rem); padding-right:1rem; background:#f9e3ff; color:#793581; font-weight:700; font-size:1.1rem; }
.pop_schedule0038 .sche_wrap { position:relative;}
.pop_schedule0038 .month { display: flex; justify-content: center; align-items: center; margin-bottom: 1.15rem; text-align:center; line-height: 1.8rem;}
.pop_schedule0038 .month a { display:block; width: 1.8rem; color:#fff; background: #4d96e4; font-size:1.2rem; font-family:"xeicon"; border-radius: 50%; text-align:center; -webkit-transition:all 0.15s; transition:all 0.15s; }
.pop_schedule0038 .month a.more  { font-size: 1.4rem; line-height: 2.4rem; padding-left: 0.8rem; }
.pop_schedule0038 .month span { display:inline-block; color:#111; font-size:1rem; margin:0 1rem; }
.pop_schedule0038 .month span em { font-size: 1.05rem; font-weight: 600;}
.pop_schedule0038 .sche_table { overflow:hidden; height: 13rem; }
.pop_schedule0038 .sche_table table { height:100%; font-family:"SCDream"; text-align:center; }
.pop_schedule0038 .sche_table table thead th { padding:0.8rem 0.3rem; color:#111; font-size: 0.85rem; font-weight:500; background-color: #fff; }
.pop_schedule0038 .sche_table table thead th.sat { color:#0c5eb7; }
.pop_schedule0038 .sche_table table thead th.sun { color:#ff005c; }
.pop_schedule0038 .sche_table table thead th:first-of-type { padding-left:1rem; border-radius: 5rem 0 0 5rem; }
.pop_schedule0038 .sche_table table thead th:last-of-type { padding-right:1rem; border-radius: 0 5rem 5rem 0; }
.pop_schedule0038 .sche_table table tbody td { padding-top: 0.25rem; font-size: 0.8rem; text-align:center; font-weight: 500;}
.pop_schedule0038 .sche_table table tbody td:first-of-type{ padding-left: 0.7rem;}
.pop_schedule0038 .sche_table table tbody td:last-of-type{ padding-right: 0.7rem;}
.pop_schedule0038 .sche_table table tbody td .sat { color:#0c5eb7; }
.pop_schedule0038 .sche_table table tbody td .sun { color:#ff005c; }
.pop_schedule0038 .sche_table table tbody td a,
.pop_schedule0038 .sche_table table tbody td span { display:inline-block; font-weight: 500; width:1.05rem; height:1.05rem; line-height:1.05rem; border-radius:50%; color:#111; }
.pop_schedule0038 .sche_table table tbody td a:before { content:""; position:absolute; bottom:-0.5rem; left:50%; width: 0.3rem; height: 0.3rem; -webkit-transform:translateX(-50%); transform:translateX(-50%); border-radius:50%; }
.pop_schedule0038 .sche_table table tbody td .today { width:1.5rem; height:1.5rem; background:#007eff !important; color:#fff !important; line-height: 1.5rem; }
.pop_schedule0038 .sche_table table tbody td .event { background: #fff; width:1.5rem; height:1.5rem; color:#007eff; line-height: 1.5rem; }
.pop_schedule0038 a span { -webkit-transition:all 0.15s; -ms-transition:all 0.15s; transition:all 0.15s; }
/* 캘린더 : active */
.pop_schedule0038 .month a:hover,
.pop_schedule0038 .month a:focus{background: #007eff;}
.pop_schedule0038 .sche_table table tbody td a:hover,
.pop_schedule0038 .sche_table table tbody td a:focus{text-decoration: underline;}

/* 배너존 */
.banner_zone {line-height:1; border-top:1px solid #d1d8e4;}
.banner_zone .container {position:relative; height:4rem; overflow:hidden;}
.banner_zone h2 {float:left; margin-top:1.5rem; width:4rem; font-size:0.8rem; font-weight:600; 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;}



@media (max-width:1240px) { 
	/* 메인비주얼 */
	.MVisual0038::before{left: -1rem; width: 7rem; height: 4.2rem; background-size: contain;}
	.MVisual0038 .item img{width: 100%; height: auto;}

}


@media (max-width:1024px) {
	/* 바로가기 */
	.M_link0038 li ~ li::before{display: none;}

	/* 게시판 */
	.notice0038 .list_box li{width: 50%;}
	.notice0038 .list_box li:nth-child(n+3){display: none;}

	/* 갤러리 */
	.gallery0038 .list_box{margin: 0 -0.5rem;}
	.gallery0038 .list_box ul li{padding: 0 0.5rem;}

}

@media (max-width:950px) {
	/* 바로가기 */
	.M_link0038{padding-bottom: 1rem;}
	.M_link0038 ul{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
	.M_link0038 li{width: 25%;}
	.M_link0038 li:nth-child(n+5){margin-top: 0.5rem;}

	/* 게시판 */
	.notice0038 .titTab ul li a{padding: 0 0.8rem;}

}

@media (max-width:860px) {
	.btn_more02{top: 1.2rem; transform: none;}

	/* 식단 */
	.meal_menu0038{flex-direction: column; align-items: flex-start; padding: 1.5rem 1rem 4rem 1rem; margin-left: 0;}
	.meal_menu0038 h2{margin-bottom: 0.5rem;}
	.meal_menu0038 .inner{width: 100%;}
	.meal_menu0038 .inner ul{height: 4rem;}
	.meal_menu0038 .inner dl{flex-direction: column; align-items: flex-start;}
	.meal_menu0038 .inner dt{padding-left: 0;}
	.meal_menu0038 .inner dt::before{display: none;}
	.meal_menu0038 .inner dd{padding-left: 0; margin-top: 0.5rem;}
	.meal_menu0038 img{max-width: 2.8rem; left: auto; right: 1rem; bottom: 1rem; top: auto; transform: none;}

	/* 갤러리 */
	.gallery0038 .list_box {height: auto;}
	.gallery0038 .list_box ul li{width: 100%;}
	.gallery0038 .list_box ul li ~ li{display: none;}

}

@media (max-width:620px){
	/* 포토갤러리 */
	.gallery0038 h2{margin-bottom: 1rem;}

	/* 캘린더 */
	.pop_schedule0038 .month{margin-bottom: 1rem;}
}
@media (max-width:560px){
	/* 메인비주얼 */
	.MVisual0038 .control{right: 1rem; bottom: 1rem;}
	.MVisual0038 .control > a{ width:1.65rem; height:1.65rem; line-height:1.65rem; }

	/* 게시판 */
	.notice0038 .titTab ul li{max-width: 100%;}
	.notice0038 .titTab ul li ~ li a::before{display: none;}
}

@media (max-width:480px){
	/* 메인비주얼 */
	.MVisual0038::before{display: none;}
	.M_link0038 li:nth-child(5n)::before{display: block;}
	.M_link0038 li:nth-child(3n + 1)::before{display: none;}

	/* 바로가기 */
	.M_link0038 li a p{margin-top: 0.5rem; font-size: 0.85rem;}

	/* 게시판 */
	.notice0038 .titTab{margin-bottom: 0.5rem;}
	.notice0038 .list_box{height: auto;}
	.notice0038 .list_box li{width: 100%;}
	.notice0038 .list_box li ~ li{margin-top: 0.5rem;}
	.notice0038 .list_box li a{padding: 1rem;}
	.notice0038 .list_box li a.new{padding-right: 2.5rem;}
	.notice0038 .list_box li a span{position: relative; left: 0; bottom: 0;}

	/* 팝업존 */
	.popup0038 .tit_wrap{margin-bottom: 0.5rem;}

	/* 갤러리 */
	.gallery0038 h2{margin-bottom: 0.5rem;}

	/* 캘린더 */
	.pop_schedule0038 .month{margin-bottom: 0.5rem;}


}

@media (max-width:420px){
	/* 바로가기 */
	.M_link0038 li{width: 33.33%;}
	.M_link0038 li:nth-child(n+4){margin-top: 0.5rem;}

	/* 팝업존 */
	.popup0038 .pop_img{height: auto;}

	
}

@media (max-width:380px){
	/* 팝업존 */
	.popup0038 .item img{width: 100%; height: auto;}

	/* 캘린더 */
	.pop_schedule0038 .sche_table table thead th:first-of-type { padding-left:0.5rem;}
	.pop_schedule0038 .sche_table table thead th:last-of-type { padding-right:0.5rem;}
	.pop_schedule0038 .sche_table table tbody td:first-of-type{ padding-left: 0.2rem;}
	.pop_schedule0038 .sche_table table tbody td:last-of-type{ padding-right: 0.2rem;}

}
