/*-----------------------------------------------------------
Author :hyerim, Park
Creative date :2022. 06. 03
-----------------------------------------------------------*/

/* heading */
h2.heading {display:inline-block; min-width:7.25rem; max-width:calc(100% - 3rem); height:2.6rem; line-height:2.6rem; color:#fff; font-size:0.9rem; text-align:center; font-weight:600; border-radius:1.2rem 1.2rem 0 0; padding:0 0.5rem; overflow:hidden; }

/* btnTy */
.btnTy {position:absolute; right:0; top:0.3rem; width:1.8rem; height:1.8rem; background:#fff; border:1px solid #c4dbdd; border-radius:50%; text-align:center; line-height:1.8rem; font-size:1rem; -webkit-transition:0.2s; transition:0.2s;}
.btnTy:hover,
.btnTy:focus { -webkit-transform:rotate(180deg); transform:rotate(180deg); background:#e5f7f8; }

/* 메인비주얼 */
.MVisual0109 { position:relative; height:100%; border-radius:1.2rem; overflow:hidden; background:rgba(0,0,0,0.1); }
.MVisual0109 .slider,
.MVisual0109 .slick-list,
.MVisual0109 .slick-track{height:100%; }
.MVisual0109 .item { position:relative; overflow:hidden; line-height:0; }
.MVisual0109 .item img { position:relative; width:auto; height:100%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.MVisual0109 .control { position:absolute; right:1rem; bottom:1rem; z-index:1; }
.MVisual0109 .control > a { display:inline-block; width:2rem; height:2rem; line-height:2rem; background:rgba(0, 0, 0, 0.3); color:#fff; text-align:center; border-radius:50%; -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.MVisual0109 .control > a.play { display:none; }
/** 메인비주얼 active **/
.MVisual0109 .control > a:hover,
.MVisual0109 .control > a:focus { background:rgba(0,0,0,0.5); }

/* 캘린더 */
.pop_schedule0109 { position:relative; height:100%; background:#cdcfff; border-radius:1.5rem; padding:0.7rem 2rem 0.7rem 6.6rem; } 
.pop_schedule0109:before {content:""; position:absolute; left:-1rem; top:2.25rem; width:0; height:0; border-top:1rem solid #8184ce; border-left:1rem solid transparent; }
.pop_schedule0109 h2 { position:absolute; left:-1rem; top:-0.5rem; width:6.6rem; height:2.75rem; line-height:2.75rem; background:#5e62c9; font-size:0.9rem; color:#fff; font-weight:600; text-align:center; border-radius:0.6rem 0.6rem 0.6rem 0; overflow:hidden; } 
.pop_schedule0109 .month { position:absolute; left:0; bottom:1rem; display:flex; justify-content:center; align-items:center; width:6.6rem; text-align:center; }
.pop_schedule0109 .month a { display:block; width:1rem; height:1rem; background:#e8f8f8; border-radius:50%; color:#5e62c9; line-height:1rem; font-size:1rem; -webkit-transition:0.2s; transition:0.2s; }
.pop_schedule0109 .month p { color:#5e62c9; font-size:0.75rem; margin:0 0.5rem; font-weight:600;}
.pop_schedule0109 .month p em { display:block; font-weight:700; color:#2d3198; font-size:1.2rem; line-height:1; }
.pop_schedule0109 .lst { position:relative;  }
.pop_schedule0109 .lst ul { overflow-y:auto; height:4.5rem; }
.pop_schedule0109 .lst .no_data { padding-left:0; width:100%; font-weight:600; text-align:center; line-height:4.5rem; }
.pop_schedule0109 .lst li a { position:relative; display:block; line-height:1.5rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color: #333; padding-left:3.5rem; font-weight:600; }  
.pop_schedule0109 .lst li a:before {content:""; position:absolute; left:0; top:0.6rem; width:0.2rem; height:0.2rem; background:#5e62c9; border-radius:50%; }
.pop_schedule0109 .lst li a span { position:absolute; left:0.5rem; top:0;  font-weight:700;  }  
.pop_schedule0109 .btn_more { position:absolute; right:0.5rem; top:2rem; color:#5e62c9; font-size:1.2rem; -webkit-transition:0.2s; transition:0.2s;}
/* 캘린더 :active */
.pop_schedule0109 .month > a:hover, 
.pop_schedule0109 .month > a:focus { background:#fff; }
.pop_schedule0109 .lst li a:hover,
.pop_schedule0109 .lst li a:focus{ color:#2d3198; text-decoration:underline; }
.pop_schedule0109 .btn_more:hover,
.pop_schedule0109 .btn_more:focus {-webkit-transform:rotate(180deg); transform:rotate(180deg);}

/* 팝업존 */
.pop0109 { position:relative; height:100%; overflow:hidden; font-size:0;}  
.pop0109 h2 {max-width:calc(100% - 7rem); background:#02bc83;}
.pop0109 .nss_pg { position:absolute; top:0; right:0; line-height:2.6rem;}  
.pop0109 .nss_pg a { display:inline-block; vertical-align:middle; font-size:1.05rem; padding:0 0.2rem; } 
.pop0109 .nss_pg .play { display:none; }
.pop0109 .nss_pg p { display:inline-block; vertical-align:middle; width:2rem; height:2rem; background:#02bc83; border-radius:50%; color:#fff; text-align:center; font-size:0.75rem; line-height:2rem; margin-left:0.5rem;}
.pop0109 .nss_pg p strong { font-weight:700; }  
.pop0109 .nss_pg p strong:after {content:"/"; display:inline-block; vertical-align:middle; font-weight: 200; font-size:0.8rem; margin:0 3px; }
.pop0109 .pop_img { position:relative; width:100%; height:calc(100% - 2.6rem); background:rgba(0,0,0,0.1); border-radius:0 1.2rem 1.2rem 1.2rem; overflow:hidden; }
.pop0109 .pop_img div,
.pop0109 .pop_img .item {height:100%;}
.pop0109 .pop_img .item a { display:block; height:100%; line-height:0; text-align:center; overflow:hidden;}
.pop0109 .pop_img .item img {position:relative; top:50%; width:auto; max-width:100%; max-height:100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all .2s; -webkit-transition: all .2s;}
/** 팝업존 :active **/
.pop0109 .pop_img .item a:hover img,
.pop0109 .pop_img .item a:focus img{transform: translateY(-50%) scale(1.05); -webkit-transform: translateY(-50%) scale(1.05);}
.pop0109 .nss_pg a:hover,
.pop0109 .nss_pg a:focus {color:#1d6cc5;}

/* 식단 */
.meal_menu0109 { position:relative; height:100%; font-size:0; overflow:hidden;}     
.meal_menu0109 h2{ background:#5583e3;}
.meal_menu0109 .inner {position:relative; height:calc(100% - 2.6rem); background:#fff url('/images/schl/template/T0109/main/0109_img_meal.png') no-repeat right 1.7rem bottom; padding:1.5rem; border-radius:0 1.2rem 1.2rem 1.2rem; overflow:hidden; }
.meal_menu0109 .inner ul { width:100%; height:7rem; overflow-y:auto; font-size:0.75rem; }  
.meal_menu0109 .inner .no_data { text-align:center; line-height:4rem; font-weight:600; }
.meal_menu0109 .inner li + li {margin-top:1.2rem;}
.meal_menu0109 .inner dl {position:relative; height:auto; }
.meal_menu0109 .inner dt { position:relative; width:100%; font-size:0.85rem; line-height:2.7rem; text-align:center; border:2px solid #6695e0; border-radius:2.7rem; margin-bottom:0.5rem; background:#fff; color:#000; }  
.meal_menu0109 .inner dt strong{ color:#055ce7; font-weight:700; font-size:1rem;}
.meal_menu0109 .inner dd { font-weight:600; line-height:1.2rem; padding-right:3rem;}
.meal_menu0109 .btn_more:before{ background:#afd3ff;}
 
/* 게시판 */
.notice0109 { position:relative; height:100%;} 
.notice0109 .titTab ul { display:flex; flex-wrap:wrap; background:#a8b2c0; border-radius:1.2rem 1.2rem 0 0; overflow:hidden; margin-right:3rem; }
.notice0109 .titTab ul li { flex:1; }
.notice0109 .titTab ul li:nth-child(n+4) {display:none;}
.notice0109 .titTab ul li a { display:block; text-align:center; color:#fff; padding:0 0.5rem; font-size:0.9rem; line-height:2.6rem; height:2.6rem; overflow:hidden; }
.notice0109 .titTab ul li a.current { background:#2d5081; font-weight:600; }
.notice0109 .tabWrap { height:calc(100% - 2.6rem); }
.notice0109 .list_box { display:none; height:100%; background:#fff; padding:1rem; border-radius:0 1.2rem 1.2rem 1.2rem; overflow:hidden;} 
.notice0109 .list_box ul { position:relative;  }
.notice0109 .list_box ul li:nth-child(n+6) { display:none;}
.notice0109 .list_box ul li a { position:relative; display:block; line-height:1.5rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:400; padding-left:0.5rem; font-size:0.75rem; color:#000; }
.notice0109 .list_box ul li a:before { content:""; position:absolute; left:0; top:0.6rem; width:0.2rem; height:0.2rem; background:#97a8b6; }  
/** 게시판 :action **/   
.notice0109 .list_box.on { display:block; } 
.notice0109 .list_box ul li a:hover,
.notice0109 .list_box ul li a:focus { text-decoration:underline; color:#2d5081; }
/** 게시판 :new **/  
.notice0109 .list_box li a.new { padding-left:1.8rem;}
.notice0109 .list_box li a.new:after {content:"N"; position:absolute; left:0.5rem; top:0.25rem; width:1rem; height:1rem; line-height:1rem; background:#2d5081; color:#fff; font-size:0.6rem; border-radius:50%; font-weight: 600; text-align:center; z-index:3;}
/** 게시판 :데이터 없음 **/
.notice0109 .list_box li.no_data { line-height:7rem; text-align:center; font-weight:600; }
  
/* 갤러리 */
.gallery0109 { position:relative; height:100%; overflow:hidden; font-size:0;}    
.gallery0109 h2 {background:#00afd7;  }
.gallery0109 ul {height:calc(100% - 2.6rem); border-radius:0 1.2rem 1.2rem 1.2rem; overflow:hidden; }
.gallery0109 li { width:100%; height: 100%; }
.gallery0109 li:nth-child(n+2) { display:none; }  
.gallery0109 li a { position:relative; display:block; height:100%; }
.gallery0109 li a .img { position:relative; height:100%; overflow:hidden; background:rgba(0,0,0,0.1); }
.gallery0109 li a .img img { position:absolute; left:50%; top:50%; display:block; width:100%; height:auto; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:0.2s; transition:0.2s; }
.gallery0109 li a .txt { position:absolute; left:0; bottom:0; width:100%; padding:0 6rem 0 1rem; background:rgba(0,0,0,0.7); color:#fff; font-size:0.8rem; font-weight:400; line-height:2.5rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.gallery0109 li a .txt span { position:absolute; right:1rem; top:0; font-size:0.75rem; }
.gallery0109 li.no_data {display:flex; height:100%; align-items:center; justify-content:center; background:rgba(0,0,0,0.1); font-size:0.9rem;}
/** 갤러리 active **/ 
.gallery0109 li a:hover strong,
.gallery0109 li a:focus strong{ color:#1d6cc5}
.gallery0109 li a:hover .img > img,
.gallery0109 li a:focus .img > img { -webkit-transform:translate(-50%, -50%) scale(1.1); transform:translate(-50%, -50%) scale(1.1); } 

/* 바로가기 */
.M_link0109 { position:relative; } 
.M_link0109 ul { display:flex;}
.M_link0109 li { flex:1; padding:0 0.3rem;}
.M_link0109 li a { position:relative; text-align:center; }
.M_link0109 li a .img {display:block; max-width:4.5rem; height:4.5rem; background:#fff; border-radius:0.7rem; margin:0 auto 0.5rem; }
.M_link0109 li a .img img {width:100%; transition: all .2s; -webkit-transition: all .2s;}
.M_link0109 li a span { display:block; max-height:2rem; line-height:1rem; font-weight:600; overflow:hidden; font-size:0.85rem; }
/** 바로가기 :active **/
.M_link0109 li a:hover img,
.M_link0109 li a:focus img{ transform:rotateY(180deg); -webkit-transform: rotateY(180deg);}
.M_link0109 li a:hover span,
.M_link0109 li a:focus span{ color:#1d6cc5; }
 
/* 배너존 */
.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; 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:860px) { 

	/* 배너존 */
	.banner_zone h2{display:none;}
	.banner_zone .bnWrap{width:calc(100% - 6rem); padding-left:0.75rem;}
} 
@media (max-width:768px) {   
	/* 팝업존 */
	.pop0109 .pop_img{ height:auto; text-align:center; }
    .pop0109 .pop_img .item img { top:auto; left:auto; max-height:15rem; transform: none; -ms-transform: none;}
	.pop0109 .pop_img .item a:hover img, 
	.pop0109 .pop_img .item a:focus img{ transform: none; -webkit-transform: none;}

	/* 게시판 */
	.notice0109 .titTab ul {flex-wrap:wrap; }
	.notice0109 .titTab ul li { flex:inherit;} 
	.notice0109 .tabWrap {height:9.5rem; }

	/* 바로가기 */
	.M_link0109 li a .img {width:4rem; height:4rem;}
}
@media (max-width:580px) {  
	/* 메인비주얼 */
	.MVisual0109 { position:relative; right:auto; top:auto; width:100%; height:auto;}
	.MVisual0109 .item img { width:100%; height:auto; left:auto; float:right; transform:none; -webkit-transform:none;}

	/* 캘린더 */
	.pop_schedule0109 { padding:2rem 1rem 1rem; }
	.pop_schedule0109 .month { position:relative; left:auto; bottom:auto; margin:0 auto 0.5rem; }
	.pop_schedule0109 .btn_more { top:0.5rem; }

	/* 바로가기 */
	.M_link0109 ul { flex-wrap:wrap;}
	.M_link0109 li {flex:inherit; width:33.333%; margin-bottom:0.5rem; }
}