﻿/* heading */
h2.heading {margin-right: 4.5rem; margin-bottom: 1.5rem; line-height: 1.4rem; font-size: 1.1rem; font-weight: 700; color: #000; white-space: nowrap; overflow: hidden;} 

/* btn_more */
.btn_more {position: absolute; top: 0; right: 0; padding-left: 1rem; height: 1.4rem; line-height: 1.4rem; font-size: 0.7rem; font-weight: 600; color: #000; z-index: 1;}
.btn_more:before {position: absolute; top: 0; right: 0; width: 1.4rem; height: 1.4rem; background: #f6f7f9; border-radius: 0.25rem; content: ""; transition: all 0.25s; -webkit-transition: all 0.25s; z-index: -1;}
.btn_more img {margin-left: 0.5rem; vertical-align: middle;}
.btn_more:hover:before,
.btn_more:focus:before {right: calc(100% - 1.4rem);}

.btn_more.arrow {padding-left: 0; font-size: 1.4rem;}
.btn_more.arrow:before {display: none;}
.btn_more.arrow i {-webkit-transition: 0.2s; transition: 0.2s;}
.btn_more.arrow:hover i,
.btn_more.arrow:focus i {transform: rotate(180deg); -webkit-transform: rotate(180deg);}

/* 메인비주얼 */
.MVisual0033 {position: relative; height: 100%;}
.MVisual0033 .slider,
.MVisual0033 .slick-list,
.MVisual0033 .slick-track {height: 100%;}
.MVisual0033 .item {line-height: 0; overflow: hidden;}
.MVisual0033 .item img {position: relative; width: auto; height: 100%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);} 
.MVisual0033 .control {position: absolute; right: 1rem; bottom: 1rem; z-index: 1;}
.MVisual0033 .control > a {display: inline-block; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; color: #fff; background: rgba(0, 0, 0, 0.3); border-radius: 50%; -webkit-transition: all .15s; transition: all .15s;}
.MVisual0033 .control > a.play {display: none;}
/** 메인비주얼 active **/
.MVisual0033 .control > a:hover,
.MVisual0033 .control > a:focus {background: rgba(0,0,0,0.5);}
 
/* 게시판 */
.notice0033 {position: relative; height: 100%;}
.notice0033 .titTab ul {margin-right: 4.5rem; font-size: 0;}
.notice0033 .titTab ul li {position: relative; display: inline-block; max-width: 33%; vertical-align: top;}
.notice0033 .titTab ul li:nth-of-type(1) {z-index: 3;}
.notice0033 .titTab ul li:nth-of-type(2) {z-index: 2;}
.notice0033 .titTab ul li:nth-of-type(3) {z-index: 1;}
.notice0033 .titTab ul li + li {margin-left: -2rem;}
.notice0033 .titTab ul li a {position: relative; display: block; padding: 0 2rem 0 4rem; line-height: 3rem; font-size: 1.1rem; font-weight: 500; color: #000; background: #f9f9f9; border-radius: 1.25rem 1.25rem 1.25rem 0;} 
.notice0033 .titTab ul li:nth-of-type(1) a {padding: 0 2rem;}
.notice0033 .titTab ul li:nth-of-type(1) a::before {position: absolute; left: 0; bottom: -1rem; width: 0; height: 0; border-top: 10px solid #f9f9f9; border-right: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #f9f9f9; content: "";}
.notice0033 .titTab li a span {display: block; white-space: nowrap; overflow: hidden;}
.notice0033 .tabWrap {position: relative; padding: 1.75rem 1.5rem 1rem; background: #fff; border: 2px solid #e8e6e6; border-radius: 1rem; z-index: 4;}
.notice0033 .list_box {display:none;}
.notice0033 .list_box .topList {position:relative; display:block; height:5rem; margin-bottom: 0.5rem; padding-left:5.25rem; color: #000; background:url('/images/template/T0033/main/0033_img_noti.png') no-repeat left center;}
.notice0033 .list_box .topList dl dt {position:relative; font-size:0.95rem; line-height:1.5rem; font-weight:600; margin:0 5rem 0.75rem 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.notice0033 .list_box .topList dl.new dt:before {display: inline-block; margin-right: 0.25rem; width:1.5rem; height:1.5rem; line-height:1.5rem; text-align:center; vertical-align: top; font-size:0.8rem; color:#fff; background:#2fd2d0; border-radius:50%; border-radius:50%; content:"N";}
.notice0033 .list_box .topList dl dd {height:2.5rem; line-height:1.25rem; font-weight:400; overflow:hidden;} 
.notice0033 .list_box .topList dl span {position:absolute; right:0; top:0; padding-left: 1rem; width:5rem; line-height:1.5rem; text-align:right; font-size: 0.75rem; color: #666;}
.notice0033 .list_box .topList dl span:before {position:absolute; left:0; top:0; font-family: 'xeicon'; content: "\ea1f"; }
.notice0033 .list_box ul {padding: 0.5rem 1rem; height:10rem; background: #f9f9f9; border-radius: 1rem;}
.notice0033 .list_box li {position:relative; line-height: 2.25rem;}
.notice0033 .list_box li + li {border-top: 1px dotted #dedede;}
.notice0033 .list_box li:nth-child(n+5) {display:none;}
.notice0033 .list_box li a {position:relative; display:block; padding-left:1rem; padding-right:4.5rem; font-weight:400; color: #000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.notice0033 .list_box li a:before {content:"\e92b"; position:absolute; left:0; top:0; font-family: 'xeicon'; color: #00baff;}
.notice0033 .list_box li a.new {padding-left:1.5rem; }
.notice0033 .list_box li a.new:before {content:"N"; position:absolute; left:0; top:0.5rem; font-family: inherit; width:1.2rem; height:1.2rem; line-height:1.2rem; background:#00baff; color:#fff; font-size:0.7rem; border-radius:50%; text-align:center; }
.notice0033 .list_box li a span {position:absolute; right:0; top:0; color:#666; font-size:0.75rem;} 
.notice0033 .list_box li.no_data { width:100%; line-height:10rem; padding:0; text-align:center; font-weight:600; }
.notice0033 .btn_more {top: -2.5rem;}
/** 게시판 :action **/  
.notice0033 a {-webkit-transition: all .15s; transition: all .15s;} 
.notice0033 .titTab ul li a.current {font-weight: 700; color: #fff; background: #00baff;} 
.notice0033 .titTab ul li:nth-of-type(1) a.current::before {border-top: 10px solid #00baff; border-right: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #00baff;}
.notice0033 .list_box .topList:hover,
.notice0033 .list_box .topList:focus {text-decoration: underline;}
.notice0033 .list_box li a:hover,
.notice0033 .list_box li a:focus {color: #00baff;}
.notice0033 .list_box.on {display: block;}
 
/* 바로가기 */
.M_link0033 {height: 100%;} 
.M_link0033 ul {display: table; table-layout: fixed; width: 100%;}
.M_link0033 li {position: relative; display: table-cell; vertical-align: top;}
.M_link0033 li a {position: relative; display: block; padding: 0 0.5rem; text-align: center;}
.M_link0033 li a .img {display: inline-block; margin: 0 auto; width: 5.75rem; height: 5.75rem; line-height: 5.55rem; font-size: 0; background: #f9f9f9; border: 2px solid #f9f9f9; border-radius: 50%;}
.M_link0033 li a img {max-width: 100%; vertical-align: middle;}
.M_link0033 li a p {position: relative; margin-top: 0.75rem; max-height: 2rem; line-height: 1rem; font-size: 0.9rem; font-weight: 600; color: #333; word-break: break-all; overflow: hidden;}
/** 바로가기 : active **/ 
.M_link0033 li a .img img,
.M_link0033 li a p {transition: all .15s; -webkit-transition: all .15s;}
.M_link0033 li a:hover .img,
.M_link0033 li a:focus .img {background: #fff; border: 2px dotted #00baff;}
.M_link0033 li a:hover .img img,
.M_link0033 li a:focus .img img {transform: rotateY(360deg); -webkit-transform: rotateY(360deg);}
.M_link0033 li a:hover p,
.M_link0033 li a:focus p {color: #00baff;}

/* 행사일정 */
.pop_schedule0033 { position:relative; height:100%;}    
.pop_schedule0033 h2.heading {margin-right: 2rem; margin-bottom: 1.25rem;}
.pop_schedule0033 .month { text-align:center; margin:1rem 0; }
.pop_schedule0033 .month a {position:relative; display:inline-block; width:2rem; height:2rem; background:#fff; border-radius:50%; font-size:1rem; vertical-align:middle; border: 2px dotted #cff2f2;}
.pop_schedule0033 .month a i {position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.pop_schedule0033 .month span {display:inline-block; vertical-align:middle; margin:0 0.5rem;}
.pop_schedule0033 .month span em { font-size:1.75rem; font-weight:700; color: #2fd2d0; }
.pop_schedule0033 .sche_wrap {border: 1px solid #cff2f2; box-shadow:0 0 6px rgba(0,0,0,0.17); border-radius: 0.75rem; overflow: hidden;}
.pop_schedule0033 .sche_table { text-align:center; }
.pop_schedule0033 .sche_table table { height:14rem; text-align:center; }
.pop_schedule0033 .sche_table thead {position: relative;}
.pop_schedule0033 .sche_table thead:before {position: absolute; top: 0; left: 0; width: 100%; height: 2.5rem; background:#cff2f2; border-radius: 0.75rem; content: "";}
.pop_schedule0033 .sche_table th {position: relative; font-weight:600; color:#000; height:2.5rem; vertical-align: middle;}
.pop_schedule0033 .sche_table tr:first-child td { padding-top:0.5rem; }
.pop_schedule0033 .sche_table .sun { color:#db2e15; }
.pop_schedule0033 .sche_table .sat { color:#5a76b6; } 
.pop_schedule0033 .sche_table td span,
.pop_schedule0033 .sche_table td a { position:relative; display:block; width:1.55rem; height:1.55rem; line-height:1.55rem; border-radius:50%; margin:0 auto;} 
.pop_schedule0033 .sche_table td a.event { background:#cff2f2; } 
.pop_schedule0033 .sche_table td a.today { background:#2fd2d0; color:#fff; } 
.pop_schedule0033 .lst { position:relative; margin-top:1.5rem; padding:1.25rem; border-top:2px dotted #cff2f2; }
.pop_schedule0033 .lst ul { height:6rem; overflow-y:auto; } 
.pop_schedule0033 .lst ul li + li {margin-top: 0.75rem;}
.pop_schedule0033 .lst ul li a { position:relative; display:block; line-height:1.5rem; font-weight:400; padding-left:4.5rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .15s; transition:all .15s;}
.pop_schedule0033 .lst ul li a span { position:absolute; left:0; top:0; color:#fff; width: 4rem; text-align: center; background: #2fd2d0; border-radius: 1rem;}
.pop_schedule0033 .lst .no_data {line-height:6rem; font-weight:600; text-align:center;} 
/** 행사일정 : active **/  
.pop_schedule0033 .sche_table td a:hover,
.pop_schedule0033 .sche_table td a:focus {text-decoration:underline; } 
.pop_schedule0033 .lst ul li a:hover,
.pop_schedule0033 .lst ul li a:focus {color:#2fd2d0;}

/* 식단 */
.meal_menu0033 { position:relative; padding: 2rem 2rem 2rem 0; height:100%;}    
.meal_menu0033 h2.heading {float: left; margin: 0; padding-right: 3rem; width:10rem; height: 3.5rem; line-height: 3.5rem; background: url('/images/template/T0033/main/0033_img_meal.png') no-repeat right center;}
.meal_menu0033 .inner {position:relative; float: left; width:calc(100% - 10rem);}
.meal_menu0033 .inner ul { overflow:hidden; overflow-y:auto; height:3.5rem; padding: 0 1rem; } 
.meal_menu0033 .inner li + li { margin-top:1.5rem; }
.meal_menu0033 .inner .no_data {line-height:2.5rem; font-weight:600; text-align:center;}
.meal_menu0033 .inner dl {display:flex; height:3.5rem; align-items: center;}
.meal_menu0033 .inner dt {position:relative; width:9rem; height:2.25rem; line-height:2.25rem; color:#222; font-size:0.85rem; font-weight: 500; text-align:center; padding:0 0.5rem; background: #fff; border-radius: 2rem; overflow:hidden;} 
.meal_menu0033 .inner dt span {color:#29cbc9; font-weight:700;}
.meal_menu0033 .inner dd {width:calc(100% - 9rem); padding-left:1rem; line-height:1.25rem; word-break:keep-all; float:right;}
.meal_menu0033 .btn_more.arrow {top: 3rem;}
 
/* 갤러리 */
.gallery0033 { position:relative; height:100%; }    
.gallery0033 h2 { margin:0 6rem 1.5rem 0; } 
.gallery0033 ul { display:flex; flex-wrap:wrap; overflow:hidden; }
.gallery0033 ul li { width:48%; height:100%; text-align:center; }
.gallery0033 ul li:nth-child(n+3) { display:none; }
.gallery0033 ul li + li { margin-left:4%; } 
.gallery0033 ul li a .img { position:relative; height:11.25rem; overflow:hidden; background:#efefef; border-radius: 1rem;}
.gallery0033 ul li a .img img {position: absolute; top: 50%; left: 50%; width: 100%; height: auto; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.gallery0033 ul li a p { position:relative; font-size:0.9rem; font-weight:600; line-height:3.3rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } 
.gallery0033 .list_box li.no_data{ width:100%; height:11.25rem; display:flex; align-items:center; justify-content:center; padding:2rem 0; font-size:.9rem; background:rgba(0,0,0,0.05); }  
.gallery0033 .btn_more { position:absolute; right:0; top:0; }
/** 갤러리 active **/
.gallery0033 .list_box a:hover .img img,
.gallery0033 .list_box a:focus .img img { -webkit-transform:translate(-50%, -50%) scale(1.1); transform:translate(-50%, -50%) scale(1.1); } 

/* 팝업존 */
.pop0033 { position:relative; width:100%; } 
.pop0033 h2.heading {padding-right: 9rem;}
.pop0033 .nss_pg {position:absolute; top:0; right:0; line-height:1.5rem;}
.pop0033 .nss_pg p { display:inline-block; vertical-align:middle; font-size:1rem; margin-right:0.5rem; color: #000; font-weight:600; }
.pop0033 .nss_pg p strong { position:relative; display: inline-block; margin-right: 0.75rem; width: 1.5rem; height: 1.5rem; text-align: center; background: rgba(0,186,255,0.1); border-radius: 50%; color:#00baff; font-size:1.1rem; font-weight:700; }
.pop0033 .nss_pg p strong:before {content:""; position:absolute; right:-0.6rem; top:0.75rem; width:0.5rem; height:1px; background:rgba(0,186,255,0.3);}
.pop0033 .nss_pg a { display:inline-block; width:1.5rem; height:1.5rem; line-height:1.5rem; text-align:center; font-size:1.1rem; vertical-align:middle; color: #000;}
.pop0033 .nss_pg .play { display:none; }
.pop0033 .pop_img { position:relative; width:100%; max-width:17.5rem; height:11.25rem; border-radius: 1rem; overflow:hidden; background:#dbdbdb; }
.pop0033 .pop_img div,
.pop0033 .pop_img .item { height:100%; }
.pop0033 .pop_img .item a { display: block; height:100%; line-height:0; text-align:center; overflow:hidden;}
.pop0033 .pop_img .item img {position:relative; top: 50%; max-width:100%; width:auto; max-height:100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
 
/* 배너존 */
.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.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;} 
/** 배너존 : active **/
.banner_zone .btn a:hover,
.banner_zone .btn a:focus{background:#f1f1f1;}
   
@media (max-width: 1240px) {   
	/* 메인비주얼 */ 
	.MVisual0033 .item img { left:0; width:100%; height:auto; -webkit-transform:none; transform:none; } 

	/* 바로가기 */
	.M_link0033 li a .img {width:4.5rem; height:4.5rem; line-height:4.5rem;}
}

@media (max-width: 1024px) {   
	/* heading */
	h2.heading,
 	.notice0033 .titTab ul li a {font-size: 1rem;} 
 
	/* 바로가기 */
	.M_link0033 li a img {max-width: 2.5rem;}
}  

@media (max-width: 860px) {    
	/* 행사일정 */
	.pop_schedule0033 .month {margin-top: -2.85rem;}
	.pop_schedule0033 .month span em {font-size:1.2rem;}
	.pop_schedule0033 .sche_wrap {display:flex;}
	.pop_schedule0033 .sche_table {width:50%;}
	.pop_schedule0033 .lst {width:50%; margin:0; border-top:none; border-left:2px dotted #a3a3a3;}
	.pop_schedule0033 .lst ul {height:12rem;}

	/* 포토갤러리 */
	.gallery0033 ul li {width:100%;}
	.gallery0033 ul li:nth-child(2) {display:none;}

	/* 배너존 */
	.banner_zone h2{display:none;}
	.banner_zone .bnWrap{width:calc(100% - 6rem); padding-left:0.75rem;}
}  

@media (max-width:768px) { 
	/* heading */
	h2.heading,
 	.notice0033 .titTab ul li a {font-size: 0.9rem;} 

	/* 공지사항 */
	.notice0033 .tabWrap {padding: 1rem;}
	.notice0033 .list_box .topList {padding-left: 4.5rem; background-size:2.5rem auto; background-position:left 1rem top 1.5rem;}

	/* 식단 */
	.meal_menu0033 {padding: 1rem 0; text-align: center; overflow:hidden;}
	.meal_menu0033 h2.heading {float: none; display: inline-block; margin: 0 auto 1rem; padding-right: 4rem; width: auto;}
	.meal_menu0033 .inner {float: none; width: 100%; text-align: left;}
	.meal_menu0033 .inner ul {padding: 0;}
	.meal_menu0033 .inner dl {height: auto; align-items: stretch;}
	.meal_menu0033 .btn_more.arrow {top: 1.5rem;}

	/* 포토갤러리 */
	.gallery0033 h2 {margin-bottom:1rem;}
	.gallery0033 ul li {width:48%;}
	.gallery0033 ul li:nth-child(2) {display:block;}

	/* 팝업존 */
    .pop0033 .pop_img{ width:90%; height:auto; margin:0 auto; text-align:center; }
    .pop0033 .pop_img .item img { top:auto; left:auto; max-height:15rem; transform: none; -ms-transform: none;}
}

@media (max-width:640px) { 
	/* 공지사항 */
	.notice0033 .titTab ul li {max-width: 100%;}
	.notice0033 .titTab ul li + li {margin: 0;}
	.notice0033 .titTab ul li a {padding: 0 1.5rem; line-height: 2.5rem;}
	.notice0033 .titTab ul li:nth-of-type(1) a::before {display: none;}
} 


@media (max-width:580px) { 
	/* 포토갤러리 */
	.gallery0033 ul li {width:100%;}
	.gallery0033 ul li:nth-child(2) {display:none;}
} 

@media (max-width:480px) {  
	/* 바로가기 */
	.M_link0033 ul {display: block; table-layout: none;}
	.M_link0033 li {float: left; display: inline-block; width: calc(100% / 3);}
	.M_link0033 li:nth-of-type(n+4) {margin-top: 1rem;}
	.M_link0033 li:nth-of-type(3n+1) {clear: both;}
	.M_link0033 li a .img {width: 4rem; height: 4rem; line-height: 4rem;}
	.M_link0033 li a img {max-width: 2.25rem;}

	/* 공지사항 */
	.notice0033 .list_box .topList dl dt {margin:0 0 0.75rem 0;}
	.notice0033 .list_box .topList dl span {display: none;}

	/* 행사일정 */
	.pop_schedule0033 .month {margin-top: -1rem;}
	.pop_schedule0033 .sche_wrap {display:block;}
	.pop_schedule0033 .sche_table {width:100%;}
	.pop_schedule0033 .lst {width:100%; border-left:none; border-top:2px dotted #a3a3a3; padding:1rem; }
	.pop_schedule0033 .lst ul { height:7rem;}

	/* 식단 */
	.meal_menu0033 .inner ul {height: 6rem;}
	.meal_menu0033 .inner dl {display: block;}
	.meal_menu0033 .inner dt {width: 100%;} 
	.meal_menu0033 .inner dd {width: 100%; padding-top:1rem; padding-left:0;}
}