﻿/* 공통 */
.heading {font-size: 1.1rem; color: #000; font-weight: 600; margin-bottom: 1.2rem; margin-right: 3rem; white-space: nowrap; overflow: hidden; line-height: 1rem;}
.btn_more {display: block; position: absolute; right: 0; top: 0rem;}
.btn_more i{width: 1.75rem; height: 1.75rem; line-height: 1.75rem; text-align: center; background: #fff; border-radius: 50%; color: #11558e; font-size: 1.1rem; transition: 0.15s; -webkit-transition: 0.15s; -ms-transition: 0.15s;}
/* 공통 : active */
.btn_more:hover i,
.btn_more:focus i {transform: rotate(180deg);}

/* 메인비주얼 */
.MVisual0059 {position: relative; height: 100%; border-radius: 1.25rem; overflow:hidden; isolation: isolate; background: #f7f7f7; box-shadow: 0.2rem 0.2rem 0.5rem rgba(0,0,0,0.1);}
.MVisual0059 div,
.MVisual0059 p {height: 100%;}
.MVisual0059 .slider {position: relative; z-index: 0;}
.MVisual0059 .item {line-height: 0; overflow: hidden; }
.MVisual0059 .item img {position: relative; width: 100%; height: auto; left:0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }

.MVisual0059 .control {height: auto; position: absolute; right: 1.5rem; bottom: 1.5rem; z-index: 1;}
.MVisual0059 .control > a {display: inline-block; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; color: #fff; background: rgba(58, 58, 58, 0.5); border-radius: 50%; transition: all 0.15s; -webkit-transition: all 0.15s;}
.MVisual0059 .control > a.play {display: none;}
.MVisual0059 .control > a:hover,
.MVisual0059 .control > a:focus {background: rgba(0, 0, 0, 0.9);}
  
/* 행사일정 */
.pop_schedule0059 { position: relative; height: 100%; padding: 2rem 1rem; background: #afdafa; border-radius: 1.25rem; box-shadow: 0.2rem 0.2rem 0.2rem rgba(0,0,0,0.1);}
.pop_schedule0059 .sche_wrap .month {display: inline-flex; align-items: flex-end; padding: 0 0.4rem; line-height: 1;}
.pop_schedule0059 .sche_wrap .month .date {font-weight: 500; margin: 0 0.7rem; font-size: 0.9rem;}
.pop_schedule0059 .sche_wrap .month .date em {margin-left: 0.3rem; font-size: 1.2rem; font-weight: 800; color: #11558e;}
.pop_schedule0059 .sche_wrap .month a{font-size: 0.8rem; }
.pop_schedule0059 .sche_wrap .sche_table {height: 12.9rem; margin: 1rem 0; padding:0.6rem 0.4rem; background: #fff; border-radius: 0.5rem;}
.pop_schedule0059 .sche_wrap .sche_table table {height: 100%; table-layout: fixed; border-collapse: collapse; text-align: center;}
.pop_schedule0059 .sche_wrap .sche_table table thead {border-bottom: 1px solid #c9c9c9;}
.pop_schedule0059 .sche_wrap .sche_table table th { font-weight: 600; padding-bottom: 0.5rem;}
.pop_schedule0059 .sche_wrap .sche_table table td {padding-top: 0.3rem; font-size: 0.75rem;}
.pop_schedule0059 .sche_wrap .sche_table table td span,
.pop_schedule0059 .sche_wrap .sche_table table td a {display: inline-flex; justify-content: center; align-items: center; width: 1.25rem; height: 1.25rem; line-height:1.5; border-radius: 50%;}
.pop_schedule0059 .sche_wrap .sche_table table td .event {background: #e2f5f9;}
.pop_schedule0059 .sche_wrap .sche_table table td .today {background: #11558e !important; color: #fff !important;}
.pop_schedule0059 .sche_wrap .sche_table table .sun {color:#e23d0b;}
.pop_schedule0059 .sche_wrap .sche_table table .sat {color:#0077e5;}
.pop_schedule0059 .sche_wrap .lst ul{height: 6.3rem; overflow-y: auto;}
.pop_schedule0059 .sche_wrap .lst ul li{ line-height: 1.75rem;}
.pop_schedule0059 .sche_wrap .lst ul li.no_data{display: flex; align-items: center; justify-content: center; height: 100%; line-height: 1;}
.pop_schedule0059 .sche_wrap .lst ul li ~ li {margin-top: 0.4rem;}
.pop_schedule0059 .sche_wrap .lst ul li a{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.9rem;}
.pop_schedule0059 .sche_wrap .lst ul li a span{ display: inline-block; width: 3.5rem; margin-right: 0.5rem; color: #fff; font-size: 0.85rem; font-weight: 500; background: #27689d; border-radius: 3rem; text-align: center;}
.pop_schedule0059 .btn_more {right: 1rem; top: 1.8rem;}
/* 행사일정 : active */
.pop_schedule0059 .sche_wrap .month a {transition: 0.15s; -webkit-transition: 0.15s; -ms-transition: 0.15s;}
.pop_schedule0059 .sche_wrap .month a.prev:hover,
.pop_schedule0059 .sche_wrap .month a.prev:focus {transform: translateX(-3px);}
.pop_schedule0059 .sche_wrap .month a.next:hover,
.pop_schedule0059 .sche_wrap .month a.next:focus {transform: translateX(3px);}
.pop_schedule0059 .sche_wrap .sche_table table td a:hover,
.pop_schedule0059 .sche_wrap .sche_table table td a:focus {text-decoration: underline;}
.pop_schedule0059 .sche_wrap .lst ul li a:hover,
.pop_schedule0059 .sche_wrap .lst ul li a:focus {text-decoration: underline;}
 
/* 게시판 */
.notice0059 {position: relative;}
.notice0059 .titTab ul {display: flex; margin-right: 1.9rem; font-size: 1.1rem; color: #666; line-height: 1;}
.notice0059 .titTab ul li {max-width: calc(100% / 3);}
.notice0059 .titTab ul li a {position: relative; display: block; margin-right: 1rem; transition: all 0.15s;}
.notice0059 .titTab ul li a span{display: block; white-space: nowrap; overflow: hidden;}

.notice0059 .tabWrap {margin-top: 1.2rem;}
.notice0059 .tabWrap .list_box {display: none; height: 11.9rem; margin:0 -0.4rem;}
.notice0059 .tabWrap .list_box ul{height: 100%;}
.notice0059 .tabWrap .list_box ul::after{content: ''; display: block; clear: both;}
.notice0059 .tabWrap .list_box ul li{float: left; width: 50%; height: 5.55rem; padding:0 0.4rem;}
.notice0059 .tabWrap .list_box ul li:nth-child(n + 3) {margin-top: 0.8rem;}
.notice0059 .tabWrap .list_box ul li:nth-child(n + 5) {display: none;}
.notice0059 .tabWrap .list_box ul li a {position: relative; display: flex; flex-direction: column; justify-content: center; height: 100%; border: 1px dashed #b8cbce; border-radius: 1rem; padding: 0 0.7rem 0 6rem; transition: all 0.1s;}
.notice0059 .tabWrap .list_box ul li a .date { position: absolute; top: 50%; left: 0.7rem; transform: translateY(-50%); display: flex; flex-direction: column; justify-content: center; align-items: center; width: 4rem; height: 4rem; font-family: 'Montserrat'; background: #f3f9ff; border-radius: 50%; font-size: 0.7rem; line-height: 1;}
.notice0059 .tabWrap .list_box ul li a .date em {font-size: 1.4rem; font-family: 'SCDream'; color: #11558e; margin-top: 0.2rem; font-weight: 600;}
.notice0059 .tabWrap .list_box ul li a p{font-weight: 500; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1;}
.notice0059 .tabWrap .list_box ul li a .tit{line-height: 1rem; font-size: 0.9rem;}
.notice0059 .tabWrap .list_box ul li a .txt{font-weight: 300; font-size: 0.75rem; margin-top: 0.5rem;}
.notice0059 .btn_more { top: -0.3rem;}
.notice0059 .btn_more i{background: #f1f1f1;}
/* 게시판 : active */
.notice0059 .titTab ul li a:hover,
.notice0059 .titTab ul li a:focus {color: #11558e; font-weight: 600;}
.notice0059 .titTab ul li a.current {color: #11558e; font-weight: 600; margin-right: 2rem;}
.notice0059 .titTab ul li a.current::after{content: "\e937"; font-family: 'xeicon'; font-weight: 400; position: absolute; right: -1.2rem; top: 50%; transform: translateY(-50%);}
.notice0059 .tabWrap .list_box.on {display: block;}
.notice0059 .tabWrap .list_box ul li a:hover,
.notice0059 .tabWrap .list_box ul li a:focus {border: 2px solid #11558e; box-shadow: 0.2rem 0.2rem 0.5rem #e4edf5;}
/* 게시판 : new */
.notice0059 .tabWrap .list_box ul li a.new .tit {position: relative; padding-left: 1.3rem;}
.notice0059 .tabWrap .list_box ul li a.new .tit:before {content: "N"; display: flex; justify-content: center; align-items: center; width: 1rem; height: 1rem; background: #11558e; border-radius: 50%; font-size: 0.6rem; color: #fff; font-weight: 600; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
/* 게시판 : no_data */
.notice0059 .tabWrap .list_box ul li.no_data {height: 100%; width: 100%; display: flex; align-items: center; justify-content: center;}

/* 팝업존 */
.pop0059{position: relative; padding-bottom: 1rem;}
.pop0059::before{content: ''; display: block; height: 10.85rem; position: absolute; left: -1rem; right: 0; bottom: 0; border-radius: 2rem; background: url(/images/schl/template/T0059/main/0059_popup_bg.jpg); z-index: -1; }
.pop0059 .heading{margin-right: 8rem;}
.pop0059 .pop_img {height: 11.25rem; background: rgba(0,0,0,0.05); border-radius: 1.25rem; overflow: hidden; isolation: isolate;}
.pop0059 .pop_img div,
.pop0059 .pop_img .item {height: 100%; }
.pop0059 .pop_img .item a { display: block; height: 100%; font-size: 0; line-height: 0; overflow: hidden;}
.pop0059 .pop_img .item img {width: 100%; height: auto; position: relative; left: 0; top: 50%; transform: translateY(-50%);}
.pop0059 .control { position: absolute; top: -0.5rem; right: 0; display: inline-flex; align-items: center;}
.pop0059 .control .page {margin-right: 0.5rem; color: #666666; font-weight: 500;}
.pop0059 .control .page strong {font-size: 1rem; color: #11558e; font-weight: 700;}
.pop0059 .control .page span{position: relative; display: inline-block; padding-left: 1.2rem; font-size: 0.9rem;}
.pop0059 .control .page span::before{content: ''; display: block; width: 5px; height: 5px; position: absolute; left: 0.6rem; top: 50%; transform: translate(-50%, -50%); background: #cfcfcf; border-radius: 50%;}
.pop0059 .control a {font-size: 0.9rem; width: 1.2rem; height: 1.2rem; line-height: 1.2rem; border-radius: 50%; text-align: center; } 
.pop0059 .control a.stop {width: 1.75rem; height: 1.75rem; line-height: 1.75rem; background: #f1f1f1; color: #11558e; margin: 0 0.2rem;}
.pop0059 .control a.play {width: 1.75rem; height: 1.75rem; line-height: 1.75rem; background: #f1f1f1; color: #11558e; margin: 0 0.2rem; display: none; }
/* 팝업존 : active */
.pop0059 .control a {transition: 0.15s; -webkit-transition: 0.15s; -ms-transition: 0.15s;}
.pop0059 .control a:hover,
.pop0059 .control a:focus {background: #11558e; color: #fff}
 
/* 갤러리 */
.gallery0059 {position: relative; padding: 2.5rem 0 1rem; height: 100%;}
.gallery0059 .heading{margin-right: 7rem;}
.gallery0059 .list_box {height: 12.7rem; margin: 0 -0.45rem;}
.gallery0059 .list_box ul {height: 100%; display: flex;}
.gallery0059 .list_box ul li {width: 50%; padding: 0 0.45rem;}
.gallery0059 .list_box ul li:nth-child(n + 3) {display: none;}
.gallery0059 .list_box ul li a .img {height: 9rem; background: rgba(0,0,0,0.05); overflow: hidden; border-radius: 1.25rem; isolation: isolate; box-shadow: 0.1rem 0.1rem 0.3rem #a2dbe6;}
.gallery0059 .list_box ul li a .img img {width: auto; height: 100%; position: relative; left: 50%; transform: translateX(-50%);}
.gallery0059 .list_box ul li a .tit {margin: 1.25rem 0 0.85rem 0; line-height: 1; color: #333; text-align: center; white-space: nowrap; font-weight:500; overflow: hidden; text-overflow: ellipsis; font-size: 0.9rem;}
.gallery0059 .list_box ul li a .date {text-align: center; font-size: 0.7rem; color: #777; font-family: 'Montserrat'; line-height: 1;}
.gallery0059 .list_box ul li a .date i{font-size: 0.8rem; margin-right: 0.1rem; vertical-align: text-top;}
.gallery0059 .btn_more {font-family: 'Montserrat'; font-weight: 600; top: 2rem; font-size: 0.9rem;}
.gallery0059 .btn_more i{margin-left: 0.3rem;}
/* 갤러리 : active */
.gallery0059 .list_box ul li a .img img {transition: 0.2s; -webkit-transition: 0.2s; -ms-transition: 0.2s;}
.gallery0059 .list_box ul li a:hover .img img,
.gallery0059 .list_box ul li a:focus .img img {transform: translateX(-50%) scale(1.1);}
.gallery0059 .list_box ul li a:hover .tit,
.gallery0059 .list_box ul li a:focus .tit {text-decoration: underline;}
/* 갤러리 : no_data */
.gallery0059 .list_box ul li.no_data {height:100%; width:100%; display: flex; align-items: center; justify-content: center;}

/* 바로가기 */
.M_link0059{ padding: 2.5rem 0; height: 100%;}
.M_link0059 ul {height: 100%; display: flex; flex-direction: column; justify-content: center;}
.M_link0059 ul li {height: 3.6rem;}
.M_link0059 ul li + li {border-top: 2px dotted #d3d3d3;}
.M_link0059 ul li a {position: relative; display: flex; align-items: center; height: 100%; padding: 0 0.3rem; z-index: 1;}
.M_link0059 ul li a::before{content: ''; display: block; width: 1.15rem; height: 1.15rem; position: absolute; top: 50%; right: -0.2rem; transform: translateY( -50%); background: #94daf2; border-radius: 50%; z-index: -1; opacity: 0; transition: all 0.15s;}
.M_link0059 ul li a::after{content: "\e90b"; font-family: 'xeicon'; font-size: 1.2rem; display: block; margin-left: auto; }
.M_link0059 ul li a .img { flex-shrink: 0; display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; max-width: 2.5rem; margin-right: 0.5rem;}
.M_link0059 ul li a .img img {width: 100%; height: auto;}
.M_link0059 ul li a p {flex-shrink: 0; max-width: calc(100% - 4rem); max-height: 2.3rem; color: #111; font-size: 0.9rem; font-weight: 500; overflow-y: hidden;}
/* 바로가기 : active */
.M_link0059 ul li a .img img {transition: 0.15s; -webkit-transition: 0.15s; -ms-transition: 0.15s;}
.M_link0059 ul li a:hover .img img,
.M_link0059 ul li a:focus .img img{transform: rotateY(180deg);}
.M_link0059 ul li a:hover p,
.M_link0059 ul li a:focus p{color: #003c70; font-weight: 600;}
.M_link0059 ul li a:hover::before,
.M_link0059 ul li a:focus::before{opacity: 1;}

/* 식단 */
.meal_menu0059 {position: relative; height: 100%; padding: 2.5rem 1.4rem; background: #7bdce0; border-radius: 1.25rem 1.25rem 0 1.25rem; margin-top: -1.25rem; }
.meal_menu0059 .inner {height: 11.8rem; background: #fff; border-radius: 1.25rem; padding: 1.8rem; padding-bottom: 3.8rem; position: relative; z-index: 1;}
.meal_menu0059 .inner ul {height: 100%; overflow-y: auto;}
.meal_menu0059 .inner ul li + li {margin-top: 1rem;}
.meal_menu0059 .inner ul li dl {padding-right: 0.5rem;}
.meal_menu0059 .inner ul li dl .kcal {display: block; color: #076281; font-size: 0.9rem; font-weight: 700; background: #f7f7f7; border-radius: 3rem; line-height: 2.15rem; text-align: center;}
.meal_menu0059 .inner ul li dl .kcal em {position: relative; font-family: 'Montserrat'; }
.meal_menu0059 .inner ul li dl .kcal em::before{content: ''; display: inline-block; width: 1rem; height: 0; border-bottom: 4px dotted #4b8497; vertical-align: middle; margin: 0 0.5rem; margin-top: -2px; }
.meal_menu0059 .inner ul li dl .meal_list {margin-top: 0.5rem; font-size: 0.75rem; color: #444; line-height: 1.6; word-break: keep-all;}
.meal_menu0059 .inner img {max-width: 5rem; position: absolute; right: 1rem; bottom: 0.7rem; z-index: -1;}
.meal_menu0059 .btn_more{top: 2.1rem; right: 1.4rem;}
/* 식단 : no_data */
.meal_menu0059 .inner ul li.no_data {height: 100%; display: flex; align-items: center; justify-content: center;}


/* 배너존 */
.banner_zone {line-height: 1; border-top: 1px solid #dbdbdd; 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: 1240px) {
}

@media (max-width: 1110px) {
    /* 갤러리 */
    .gallery0059 .list_box ul li{width: 100%;}
    .gallery0059 .list_box ul li ~ li{display: none;}

}
 
@media (max-width: 1024px){
    /* 식단 */
    .meal_menu0059{padding: 2.5rem 1rem;}
} 

@media (max-width: 960px){
    /* 메인비주얼 */
    .MVisual0059 .item img{top: 0; transform: none;}

    /* 캘린더 */
    .pop_schedule0059{padding: 1rem;}
    .pop_schedule0059 .btn_more{top: 0.8rem;}


    /* 팝업존 */
    .pop0059{padding-bottom: 0;}
    .pop0059::before{display: none;}
    .pop0059 .pop_img .item img{width: auto; height: 100%; top: 0; left: 50%; transform: translate(-50%, 0);}  

    /* 갤러리 */
    .gallery0059 .list_box ul li{width: 50%;}
    .gallery0059 .list_box ul li:nth-child(2){display: block;}

    /* 식단 */
    .meal_menu0059{margin-top: 0; border-radius: 0; margin: 0 -1rem;}
    



}

@media (max-width: 960px) and (min-width: 581px){
    /* 캘린더 */
    .pop_schedule0059 .sche_wrap{display: flex; flex-wrap: wrap;}
    .pop_schedule0059 .sche_wrap .month{width: 100%;}
    .pop_schedule0059 .sche_wrap .sche_table{width: 15rem; margin-bottom: 0;}
    .pop_schedule0059 .sche_wrap .lst{width: calc(100% - 15rem); height: 12.9rem; margin: 1rem 0; margin-bottom: 0; padding-left: 1rem;}
    .pop_schedule0059 .sche_wrap .lst ul{height: 100%;}
    .pop_schedule0059 .sche_wrap .lst ul li ~ li{ margin-top: 0.35rem;}

    /* 식단 */
    .meal_menu0059{padding:1.5rem 1rem;}
    .meal_menu0059 .inner{padding: 1rem 7rem 1rem 1rem; height: 4.5rem;}
    .meal_menu0059 .inner ul li dl{display: flex; align-items: flex-start;}
    .meal_menu0059 .inner ul li dl .kcal{flex-shrink: 0; min-width: 10rem; margin-right: 1rem; line-height: 2.45rem;}
    .meal_menu0059 .inner ul li dl .meal_list{margin-top: 0.1rem;}
    .meal_menu0059 .btn_more{top: 1.1rem;}



}


@media (max-width: 768px){
}

@media (max-width: 640px){
    .heading{margin-bottom: 1rem; font-size: 1rem;}

    /* 게시판 */
    .notice0059 .tabWrap{margin-top: 1rem;}
    .notice0059 .titTab ul{font-size: 1rem;}
    .notice0059 .tabWrap .list_box ul li{width: 100%;}
    .notice0059 .tabWrap .list_box ul li ~ li{margin-top: 0.8rem;}
    .notice0059 .tabWrap .list_box ul li:nth-child(n + 4){display: none;}

    /* 갤러리 */
    .gallery0059{padding: 1.5rem 0;}
    .gallery0059 .btn_more{top: 1.1rem;}


    /* 바로가기 */
    .M_link0059{padding: 1rem 0;}

    /* 식단 */
    .meal_menu0059 .btn_more{top: 1.1rem;}    

}

@media (max-width: 640px) and (min-width: 401px){
    /* 바로가기 */
    .M_link0059 ul{flex-wrap: wrap; flex-direction: unset; justify-content: flex-start;}
    .M_link0059 ul li{width: 50%;}
    .M_link0059 ul li:nth-child(2){border-top: 0;}
    .M_link0059 ul li:nth-child(even){border-left: 2px dotted #d3d3d3 ;}
    .M_link0059 ul li a::before{right: 0;}
    .M_link0059 ul li a::after{flex-shrink: 0; width: 1.5rem;}
    .M_link0059 ul li a p{flex-shrink: unset; width: auto;}

}

@media (max-width: 580px){
    
    /* 메인비주얼 */
    .MVisual0059 .control {bottom: 0.75rem; right: 1rem;}
    .MVisual0059 .control > a {width: 1.65rem; height: 1.65rem; line-height: 1.65rem;}

    /* 게시판 */
    .notice0059 .titTab ul{flex-wrap: wrap;}
    .notice0059 .titTab ul li{max-width: 100%; margin-bottom: 0.5rem;}
    .notice0059 .tabWrap{margin-top: 0.5rem;}

    /* 식단 */
    .meal_menu0059{padding: 1.5rem 1rem;}
    .meal_menu0059 .inner ul li dl .kcal{max-width: 13rem; margin: 0 auto;}

}


@media (max-width: 400px){
    /* 갤러리 */
    .gallery0059 .list_box ul li{width: 100%;}
    .gallery0059 .list_box ul li:nth-child(2){display: none;}
}

@media (max-width: 370px){
    /* 팝업존 */
    .pop0059 .pop_img{height: 100%;}
    .pop0059 .pop_img .item img{width: 100%; height: auto; left: 0; transform: none;} 

}
