/* common style */ 
h2.heading {font-size: 1.1rem; margin-bottom: 1rem; margin-right: 3rem; font-weight: 600; color:#222; white-space: nowrap; overflow: hidden;}
.btn_more {position: absolute; top: 0; right: 0; text-align:center; font-size:1.1rem; overflow: hidden;}
.btn_more i{transition: all 0.2s;}
.btn_more:hover i,
.btn_more:focus i {transform: rotate(180deg);}

/* 메인비주얼 */ 
.MVisual0031 { position: relative; width:100%; height: 100%; }
.MVisual0031 .slider{height:100%; overflow:hidden; }
.MVisual0031 .slider div{height:100%;}
.MVisual0031 .item{overflow:hidden; line-height:0;}
.MVisual0031 .item img{position:relative; width:100%; height:auto; float:right;}
.MVisual0031 .control{position:absolute; left:3rem; bottom:2rem; z-index:1;}
.MVisual0031 .control > a{display:inline-block; width:2rem; height:2rem; line-height:2rem; background:rgb(60, 85, 102, 0.4); color:#fff; text-align: center; border-radius:50%; -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.MVisual0031 .control > a.play{display:none;}
.MVisual0031 .control > a:hover,
.MVisual0031 .control > a:focus{ background:rgb(60, 85, 102, 0.9);}

/* 게시판 */
.notice0031 { position:relative; overflow:hidden; height:100%; }
.notice0031 .titTab{margin-bottom: 1rem;}
.notice0031 .titTab li { position:relative; display:inline-block; max-width:calc(33% - 1.1rem); font-size:1.1rem; font-weight: 500; vertical-align: top;}
.notice0031 .titTab li a { position:relative; display:block; color:#555; line-height:1.5rem; padding:.25rem 1rem 0 0;}
.notice0031 .titTab li a:before{content:""; position: absolute; top:1rem; left: 0; width:38px; height:4px; background: url(/images/template/T0031/main/0031_img_notice_active.jpg) no-repeat center center; opacity: 0;}
.notice0031 .titTab li a span{ display:block; overflow:hidden; white-space:nowrap;}
.notice0031 .titTab li + li{padding-left:.75rem; margin-left:.75rem;}
.notice0031 .list_box { display:none; width:100%; max-height:calc(100% - 3.5rem);}
.notice0031 .list_box .topList{position:relative; display:block; overflow:hidden; border: 1px solid #9a7c7e; background: #fff; padding: 1rem;}
.notice0031 .list_box .topList .new dt{padding-left:2rem;}
.notice0031 .list_box .topList .new dt:before{content:"N"; position:absolute; left:0; top:0; width:1.4rem; height:1.4rem; background:#ffa800; color:#fff; font-size:.75rem; border-radius:50%; text-align:center;}
.notice0031 .list_box dl{position:relative; padding-left:5.5rem; color: #111; }
.notice0031 .list_box dt{position:relative; line-height:1.5rem; font-size:0.9rem; font-weight: 600; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:.3rem;}
.notice0031 .list_box dt span{position:relative; padding:0 .25rem;}
.notice0031 .list_box dd > p{line-height:1.2rem; height:2.3rem; overflow:hidden;}
.notice0031 .list_box dd > span{position: absolute; left: 0; top: 0; width: 5rem; text-align: center;}
.notice0031 .list_box dd > span em {display: block; width: 100%; line-height: 2.2rem; background: #55393b; color: #fff; margin-bottom: 0.5rem; font-size: 0.9rem;}
.notice0031 .list_box dd .date{color:#666; font-weight: 400;}
.notice0031 .list_box dd .date p{position:relative; top:50%; padding-top:2rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.notice0031 .list_box dd .date span{position:absolute; left:0; top:0; width:100%; font-size:1.75rem; font-weight: 900; line-height:2rem;}
.notice0031 .list_box ul { max-height:11.5rem; overflow:hidden; margin-top:1.25rem; }
.notice0031 .list_box li:nth-child(n+4){display: none;}
.notice0031 .list_box li a { position:relative; display:block; line-height:2.6rem; padding:0 4rem 0 .75rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight: 400; color:#222;}
.notice0031 .list_box li a:after{content:""; position:absolute; left:0; top:50%; width:5px; height:5px; background:#ffa800; margin-top:-2.5px; border-radius: 50%;}
.notice0031 .list_box li a.new:before{content:"N"; display:inline-block; width:1.15rem; height:1.15rem; line-height:1.2rem; margin-right:3px; color:#333; background:#ffe3ac; font-weight:600; font-size: .65rem; text-align: center; border-radius:50%;}
.notice0031 .list_box li a span { position:absolute; right:0; top:0; color:#666; font-size:0.7rem; }
.notice0031 .list_box li + li a { border-top:1px dashed #ddd;} 
.notice0031 .btn_more:before {background: rgba(35,71,204,0.25);}
/* 게시판 : 데이터 없음 */
.notice0031 .list_box dl.no_data dt{line-height:3rem;}
.notice0031 .list_box dl.no_data .date p{padding-top:0;}
.notice0031 .list_box li.no_data{text-align:center; line-height:6rem;}
/* 게시판 : active */
.notice0031 .titTab li a:hover,
.notice0031 .titTab li a:focus,
.notice0031 .titTab li a.current { color:#55393b; font-weight: 700; }
.notice0031 .titTab li a.current:before{ opacity: 1; top: 0rem;}
.notice0031 .list_box.on { display: block; }
.notice0031 .list_box .topList:hover dt,
.notice0031 .list_box .topList:focus dt{text-decoration: underline; }
.notice0031 .list_box li a:hover,
.notice0031 .list_box li a:focus { text-decoration: underline; }
.notice0031 a{-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.notice0031 :before, .notice0031 :after{-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }

/* 캘린더 */
.pop_schedule0031 .lst { height:100%;}
.pop_schedule0031 .lst ul { overflow-y:auto; height:15.45rem;}
.pop_schedule0031 .lst li + li {margin-top: 0.5rem;}
.pop_schedule0031 .lst li a { position:relative; display:block; line-height:3.5rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:0.8rem; font-weight: 600; color:#222;}
.pop_schedule0031 .lst li a::after{content: ''; display: block; clear: both;}
.pop_schedule0031 .lst li a span{ display:block; float:left; margin-right: 0.5rem; width:3.5rem; height:3.5rem; line-height:1.2rem; font-weight: 600; text-align:center; color:#fff; background:#ffa800;}
.pop_schedule0031 .lst li a span strong{display: inline-block; font-size: 0.7rem; font-weight: 400; margin-top: 0.5rem;}
.pop_schedule0031 .lst li a span em{display: block; font-weight: 600; font-size: 1rem;}
.pop_schedule0031 .lst li.sche_list_type2 a span { max-width:3.5rem;} 
.pop_schedule0031 .lst .no_data { padding-left:0; text-align:center; line-height: 15rem; background: #f6f6f6; } 
.pop_schedule0031 .btn_more:before {background: rgba(0,112,170,0.25);}
/** 캘린더 : active **/
.pop_schedule0031 .lst li a:hover,
.pop_schedule0031 .lst li a:focus { text-decoration:underline; }
.pop_schedule0031 .lst li a:hover span,
.pop_schedule0031 .lst li a:focus span{background:#ea8600; color:#fff;}
.pop_schedule0031 a,
.pop_schedule0031 a span{-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }


/* 바로가기1 */
.M_link0031 { position:relative; height:100%;}
.M_link0031 ul{display:table; width:100%; table-layout:fixed;}
.M_link0031 li { display:table-cell; vertical-align:top; z-index:1; }
.M_link0031 li:nth-child(even) a{margin-top: -1rem;}
.M_link0031 li a { display:block; margin: 0 0.5rem; position:relative; font-weight: 500; text-align:center; color:#222; background: #fff; border: 1px solid #726465; transition: all 0.2s; box-shadow: 0 0 0.5rem rgba(0,0,0,0.1);} 
.M_link0031 li a img { position:relative; width:100%; height:auto; vertical-align: middle; transition: all 0.2s;}
.M_link0031 li a p { position:relative; width:4rem; height:4.75rem; line-height:4.75rem; margin:0.5rem auto 0 ; overflow:hidden;}
.M_link0031 li a span{position:relative; display:inline-block; font-size:.9rem; font-weight: 600; color: #222; line-height:1.2rem; height:2.3rem; margin:.5rem auto; padding:0 .25rem; overflow:hidden;}
/** 바로가기1 : active **/
.M_link0031 li a:hover{border: 2px solid #bb681f;}
.M_link0031 li a:hover span{color: #55393b;}
.M_link0031 li a:hover img{transform: rotateY(180deg);}


/* 갤러리 */
.gallery0031 { position:relative; }
.gallery0031 .list_box{ overflow:hidden;}
.gallery0031 .list_box ul{ height:16rem; overflow: hidden;}
.gallery0031 .list_box li.no_data{width:100%; height:11rem; display:flex; align-items:center; justify-content:center; }
.gallery0031 .list_box a { position:relative; display:block; overflow:hidden;}
.gallery0031 .list_box a .img{ height:11.25rem; overflow:hidden; background:#f1f1f1; }
.gallery0031 .list_box a .img img { position:relative; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:auto; transition: 0.2s all;}
.gallery0031 .list_box a strong {position:absolute; left: 0; right: 2rem; bottom: 0; padding: 0.1rem 0.5rem; display: block; line-height:2rem;font-size:.8rem; color:#fff; background: #55393b; font-weight: 500;}
.gallery0031 .list_box a strong em{display: inline-block; vertical-align: middle; width:calc(100% - 4.5rem); white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.gallery0031 .list_box a strong span{display: inline-block; vertical-align: middle; width: 4.5rem; color:#c5bfbd;}
/** 갤러리 : active **/
.gallery0031 .list_box a:hover .img img{ transform:translate(-50%, -50%) scale(1.1); }
.gallery0031 .list_box a:hover strong,
.gallery0031 .list_box a:focus strong{text-decoration: underline;}
.gallery0031 a, .gallery0031 a span{-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }

/* 식단 */
.meal_menu0031 { position:relative; height:100%;}
.meal_menu0031 .inner { position:relative; height:11.25rem; padding: 1.5rem; background:#f6f6f6; background-size: cover;}
.meal_menu0031 .inner ul { height:100%; overflow-y:auto; }
.meal_menu0031 .inner li + li{margin-top:.5rem;}
.meal_menu0031 .inner li:not(.no_data) { width:100%;  }
.meal_menu0031 .inner li.no_data { text-align:center; line-height:8rem;}
.meal_menu0031 .inner dl { position:relative; color:#000;}
.meal_menu0031 .inner dt { background:#fff; font-weight: 600; color:#000; font-size:.9rem; border: 1px solid #ffa800; box-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.2);}
.meal_menu0031 .inner dt em{display: inline-block; line-height: 2rem; width: 5rem; background: #ffa800; text-align: center; color: #fff;}
.meal_menu0031 .inner dt span {display: inline-block; width: calc(100% - 5rem); text-align: center; font-weight: 600;}
.meal_menu0031 .inner dd { position: relative; min-height: 6.2rem; line-height:1.5; word-break:keep-all; margin:1.25rem auto 0; padding-left: 5rem;}
.meal_menu0031 .inner dd::before{content: ''; display: block; position: absolute; left: 0; top: 0; width: 4.5rem; height: 4.5rem; border-radius: 50%; background: #fff url(/images/template/T0031/main/0031_img_meal.png) no-repeat center center; box-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.2);}
.meal_menu0031 .btn_more {top: -0.25rem;}
/** 식단 : active **/
.meal_menu0031 .list_box a:hover strong,
.meal_menu0031 .list_box a:focus strong{text-decoration: underline;}
.meal_menu0031 a{-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }


/* 팝업존 */
.pop0031 { position:relative; width:100%; height:100%; margin:0 auto;}
.pop0031 .tit_wrap{position:relative; padding-right:9.5rem;}
.pop0031 .nss_pg{position:absolute; right:0; top:0rem; }
.pop0031 .nss_pg p { display:inline-block; color:#000; font-size:.75rem; margin-right:.5rem;}
.pop0031 .nss_pg p strong { font-size:.9rem; color: #ffa800; font-weight: 600; vertical-align: middle;}
.pop0031 .nss_pg p strong + span{vertical-align: middle;}
.pop0031 .nss_pg p strong + span:before{ content: ""; display: inline-block; width: 1px; height: 15px; margin: 0 0.5rem; background: #000; vertical-align: middle; transform: rotate(25deg);}
.pop0031 .nss_pg a {display: inline-block; width:1.9rem; height:1.9rem; line-height:1.9rem; overflow: hidden; text-align:center; font-size:1.2rem; vertical-align: middle; margin:0 2px; color:#222; background:#fff;}
.pop0031 .nss_pg .play,
.pop0031 .nss_pg .stop{background:#ebebeb; color:#000;}
.pop0031 .nss_pg .play {display: none;}
.pop0031 .pop_img { position:relative; height:calc(11.25rem + 2px); overflow: hidden; text-align:center; background:#f6f6f6;}
.pop0031 .pop_img div,
.pop0031 .pop_img .item {height:100%;}
.pop0031 .pop_img .item a { display: block; height:100%; line-height:0; text-align:center; overflow:hidden;}
.pop0031 .pop_img .item img {position:relative; max-width:100%; width:auto; height:100%; transform: scale(1.1);}
/* 팝업존 : active */
.pop0031 .nss_pg a:hover,
.pop0031 .nss_pg a:focus{background:#ffe3a7;}

/* 배너존 */
.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: 1600px) {
}

@media (max-width: 1440px) {
}

@media (max-width: 1240px) {
}

@media (max-width: 1024px) {
    /* 바로가기 */
    .M_link0031 li a span{margin:0rem auto 0.2rem ;}
}

@media (max-width: 940px) {
    /* 공지사항 */
    .notice0031 .titTab li + li{padding-left: 0; margin-left: 0;}
    /* 갤러리 */
    .gallery0031 .list_box a .img img{width: auto; height: 100%;}

}

@media (max-width: 860px) {
	/* 배너존 */
	.banner_zone h2{display:none;}
	.banner_zone .bnWrap{width:calc(100% - 6rem); padding-left:0.75rem;}
}

@media (max-width: 768px) {	
	/* common style */ 
	h2.heading,
	.notice0031 .titTab li {font-size: 1rem;}

	/* 바로가기1 */
	.M_link0031 li a p {width: 3rem; height:3.75rem; line-height:3.75rem; margin:0.25rem auto 0 ;}
	.M_link0031 li a span{font-size:.85rem;}
}

@media (max-width: 680px) {	
    /* 바로가기 */
    .M_link0031 ul{display: flex; flex-wrap: wrap;}
    .M_link0031 li{display: block; width: 33.33%;}
    .M_link0031 li:nth-child(n+4){margin-top: 1rem;}
    .M_link0031 li:nth-child(even) a{margin-top: 0;}

    /* 식단 */
    .meal_menu0031 .inner dd{min-height: 5rem;}
}

@media (max-width: 560px) {	
}

@media (max-width: 480px) {
	/* 메인비주얼 */ 
	.MVisual0031 .control{left:1rem; bottom:1rem;}

    /* 공지사항 */
    .notice0031 .titTab{margin-bottom: 0.5rem;}
    .notice0031 .titTab li{max-width: 100%; margin-bottom: 0.2rem;}    
    .notice0031 .list_box ul{ margin-top: 0.5rem;}

    /* 바로가기 */    
    .M_link0031 li a{margin: 0 0.2rem;}
    .M_link0031 li:nth-child(n+4){margin-top: .4rem;}

    /* 팝업존 */
    .pop0031 h2.heading{ margin-right: 0;}
}

@media (max-width: 360px) {
	/* 공지사항 */
    .notice0031 .list_box .topList{padding:1rem 0.5rem;}

    /* 식단 */
    .meal_menu0031 .inner{height: 8.85rem;}
    .meal_menu0031 .inner dd{padding-left: 0; min-height: auto;}
    .meal_menu0031 .inner dd::before{display: none;}
}