/*-----------------------------------------------------------
Author :JI, choi
Creative date :2021. 09. 09
-----------------------------------------------------------*/
/*imgcut*/
div[class*="gallery"] .img { position: relative; }
div[class*="gallery"] .img > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; }
div[class*="gallery"] a { display: block; }

 
/* 메인 컨테이너 */
#container { position:relative; z-index:2; width:100%; overflow:hidden;}


/* 메인비주얼 */
.MVisual3012 {position: relative; height: 100%;}
.MVisual3012 .bx-wrapper {position: relative; height:100%;}
.MVisual3012 .bx-viewport,
.MVisual3012 ul,
.MVisual3012 li { height:100%; }
.MVisual3012 li { overflow:hidden; }
.MVisual3012 img { position:relative; width:auto; height:100%; }
.MVisual3012 .bx-controls {position: absolute; bottom: .75rem; right:50%; margin-right:-300px; height: 1.3rem;}
.MVisual3012 .bx-controls-direction {display: none;}
.MVisual3012 .bx-controls a {display: inline-block; margin: 0 3px; color: transparent; overflow: hidden; vertical-align: middle;}
.MVisual3012 .bx-controls-auto { font-size:0; vertical-align: middle; }  
.MVisual3012 .bx-controls-auto,
.MVisual3012 .bx-pager,
.MVisual3012 .bx-pager-item {display: inline-block;}
.MVisual3012 .bx-controls-auto a {width: 1.3rem; height: 1.3rem; background: no-repeat center / 100%;}
.MVisual3012 .bx-controls-auto a.bx-start {display: none; background-image: url('/00_common/images/con_com/btn_play.png');}
.MVisual3012 .bx-controls-auto a.bx-stop {display: inline-block; background-image: url('/00_common/images/con_com/btn_stop.png');}
.MVisual3012 .bx-pager { height: 0.8rem; }
.MVisual3012 .bx-pager-item { height: 100%; }
.MVisual3012 .bx-pager a {width: 0.8rem; height: 100%; border: 1px solid #82c423; border-radius: 50%;} /* 비주얼 버튼 색상 */
.MVisual3012 .bx-pager a.active {background-color: #82c423;}/* 비주얼 버튼 색상 */

/* 바로가기1 */
.M_link3012{position:relative; height:100%; padding-top:3rem;}
.M_link3012 ul{font-size:0; line-height:0;}
.M_link3012 li{display:inline-block; width:48%; font-size:.8rem; line-height:1.4; margin-bottom:.5rem; vertical-align: top; text-align:center;}
.M_link3012 li:nth-child(even) {margin-left:4%;}
.M_link3012 li a { display:block;}
.M_link3012 li a p {width:5rem;height:5rem;line-height:5rem;border-radius:50%;margin:0 auto .25rem;border: 2px dotted #57B540;transition: all .2s;-webkit-transition: all .2s;}
.M_link3012 li a p img { width:3.5rem; height:3.5rem; vertical-align:middle; transition:0.3s; -webkit-transition:0.3s; width:3.85rem; height:3.85rem;}
.M_link3012 li a span { display:block; height:2.2rem; line-height:1.1rem; overflow:hidden; }
.M_link3012 li a:hover p img, .M_link3012 li a:focus p img{transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.M_link3012 li a:hover p,
.M_link3012 li a:focus p {border:2px dotted #348222;}
.M_link3012 li a:hover span,
.M_link3012 li a:focus span { text-decoration:underline; }

/* 게시판 */
.notice3012{position:relative; height:100%; padding-right:1rem;}
.notice3012 h2 { float:left; position:relative; max-width:30%; line-height:1; z-index:1; font-weight: 400; font-size: 1rem; color:#000;}
.notice3012 h2 ~ h2 { margin-left:1rem; padding-left:1rem; }
.notice3012 h2 ~ h2:before { content:""; display:inline-block; position:absolute; top:50%; left:0; width: 5px; height: 5px; background:#555; margin-top:-2px; border-radius:50%;}
.notice3012 h2 a { display:block; max-width:10rem; white-space: nowrap; overflow:hidden; color:#777;}
.notice3012 h2 a:not(.current):hover { text-decoration:underline; }
.notice3012 .list_box { display:none; position:absolute; top:2rem; left:0; width:100%; height:calc(100% - 2rem); padding:0.25rem; background:url('00_common/images/T3012_main/3012_pttrn_notice.png') repeat; z-index:1;}
.notice3012 .list_box ul { width:102%; height:13.5rem; padding:1rem 0; margin-left:-1%; overflow:hidden;}
.notice3012 .list_box li { position:relative; width:23%; margin:0 1% 1rem; float:left;}
.notice3012 .list_box li.new:before{content:"N";position:absolute;right:1.5rem;top:-.75rem;width:1.75rem;height:1.75rem;line-height:1.75rem;border-radius:50%;background: #0072ff;color:#fff;font-weight:600;text-align:center;font-size:1rem;z-index:2;}
.notice3012 .list_box li a { display:block; position:relative; padding:5px; border-radius:1.5rem; background:#fff; box-shadow:0 0 8px rgba(0, 0, 0, 0.1); overflow:hidden;}
.notice3012 .list_box li a:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; transition: all .3s; -webkit-transition: all .3s; opacity: 0;
	background: #3992ff;
	background: -moz-linear-gradient(left,  #3992ff 0%, #b3d5ff 100%);
	background: -webkit-linear-gradient(left,  #3992ff 0%,#b3d5ff 100%); 
	background: linear-gradient(to right,  #3992ff 0%,#b3d5ff 100%);}
.notice3012 .list_box li a:hover:before,
.notice3012 .list_box li a:focus:before{opacity: 1;}
.notice3012 .list_box li a div{position:relative; background:#fff; padding:2rem 1.5rem; border-radius:1.25rem; z-index:1;}
.notice3012 .list_box li a strong { display:block; font-weight:200; font-size:1rem; color:#222; line-height:1.3rem; height:2.6rem; overflow:hidden; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }
.notice3012 .list_box li a:hover strong,
.notice3012 .list_box li a:focus strong { text-decoration:underline; }
.notice3012 .list_box li a p { font-weight:200; line-height:1.2rem; height:2.4rem; margin:.5rem 0; overflow:hidden; color:#555; }
.notice3012 .list_box .date {display:block; font-size:.75rem; font-weight: 200; color:#999;}
.notice3012 .list_box li a.new .date:before { content:""; display:block; position:absolute; top:-0.3rem; right:-0.2rem; width:1.1rem; height:1.1rem; background:url('00_common/images/T3012_main/3012_new_ico_notice.png') no-repeat; background-size:100%; }
.notice3012 .btn_more {position:absolute; font-size:1.25rem; color:#000; line-height:1; right:0; top:-1.6rem; z-index:1; transition: all .3s; -webkit-transition: all .3s;}
.notice3012 .btn_more:hover,
.notice3012 .btn_more:focus { color:#0072ff; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
/* on */
.notice3012 h2 a.current { color:#000; }
.notice3012 .list_box.on { display: block; }

.notice3012 .list_box .NoData {display:table; width:100%; height:100%; text-align:center; font-size:.75rem; background:#f3f3f3;}
.notice3012 .list_box .NoData span {display:table-cell; vertical-align:middle;}

/* 식단 */
.meal_menu3012 {position:relative; height:100%;}
.meal_menu3012 h2{margin-right:2rem; margin-bottom:.5rem; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; font-weight: 400; font-size: 1rem; line-height:1.5rem; color:#000;}
.meal_menu3012 .inner {position:relative;height:11.25rem;padding:1.5rem 2rem;border-radius:1.5rem;background: #ffb7b7;}
.meal_menu3012 .inner > img{position:absolute;right:1rem;bottom:1rem;width: 5.35rem;height: 3.6rem;}
.meal_menu3012 ul {overflow-y:auto;height:8rem;margin-right: 4.5rem;}
.meal_menu3012 dt {width:100%;max-width:10rem;padding:.5rem .25rem;background: #d95353;border-radius:2rem;color:#fff;font-weight:400;font-size:1rem;text-align:center;}
.meal_menu3012 li + li dt { margin-top:0.5rem; }
.meal_menu3012 dd { margin-top:0.75rem; color:#555; font-size:0.8rem; }
.meal_menu3012 .btn_more {position:absolute; font-size:1.25rem; color:#000; line-height:1; right:0; top:0; transition: all .3s; -webkit-transition: all .3s;}
.meal_menu3012 .btn_more:hover,
.meal_menu3012 .btn_more:focus{color:#d95353;-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}

/* 캘린더 */
.pop_schedule3012 { position:relative; height:100%; }
.pop_schedule3012 h2{margin-right:2rem; margin-bottom:.5rem; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; font-weight: 400; font-size: 1rem; line-height:1.5rem; color:#000;}
.pop_schedule3012 .inner {height:11.25rem;padding:1.5rem 2rem;border-radius:1.5rem;background: #cff7e8;}
.pop_schedule3012 .month { margin-bottom:0.6rem; color:#fff; font-weight:400; font-size:0.8rem; letter-spacing:0; text-align:center; }
.pop_schedule3012 .month span {display:inline-block;padding:.5rem 1.75rem;font-size:1rem;font-weight:100;margin:0 .25rem;vertical-align:middle;background: #05b975;border-radius:2rem;}
.pop_schedule3012 .month span em { font-weight:400; }
.pop_schedule3012 .month a {display:inline-block;overflow:hidden;width:2.5rem;height:2.5rem;line-height:2.5rem;color:#fff;background: #05b975;border-radius:50%;vertical-align:middle;}
.pop_schedule3012 .lst_schedule { overflow-y:auto; height:6rem; margin-top:0.5rem; }
.pop_schedule3012 .lst_schedule.week5 { height:3.75rem; }
.pop_schedule3012 .lst_schedule li { position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:3.25rem; color:#666; font-size:0.8rem; }
.pop_schedule3012 .lst_schedule li + li { margin-top:0.25rem;}
.pop_schedule3012 .lst_schedule li span { display:inline-block; position:absolute; top:0; left:0; color:#000; font-weight:700; }
.pop_schedule3012 .lst_schedule .no_Data { padding-left:0; padding-top:1.5rem; text-align:center; }
.pop_schedule3012 .btn_more {position:absolute; font-size:1.25rem; color:#000; line-height:1; top:0; right:0; transition: all .3s; -webkit-transition: all .3s;}
.pop_schedule3012 .btn_more:hover,
.pop_schedule3012 .btn_more:focus{color:#05b975; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}


/* 팝업존 */
.pop3012 {position:relative; height:100%;}
.pop3012 h2{margin-right:9rem; margin-bottom:.5rem; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; font-weight: 400; font-size: 1rem; line-height:1.5rem; color:#000;}
.pop3012 .nss_pg {position:absolute; right:0; top:0; height:2rem; text-align:center;}
.pop3012 .nss_pg span { display:inline-block; height:100%; vertical-align:top; letter-spacing:2px;}
.pop3012 .nss_pg span em {display: inline-block; color:#000; font-weight:200; font-size: 0.8rem; line-height:1.5rem;}
.pop3012 .nss_pg span em + em { margin-left:0.1rem; }
.pop3012 .nss_pg span .now {color: #6aa1e7; font-weight: 600;}
.pop3012 .nss_pg a {display: inline-block; overflow: hidden; width:1.5rem; height: 100%; font-size:1rem;}
.pop3012 .nss_pg a i{ font-weight: 700;}
.pop3012 .nss_pg a:hover,
.pop3012 .nss_pg a:focus{color:#6aa1e7;}
.pop3012 .nss_pg .play {display: none; }
.pop3012 .bx-wrapper { overflow: hidden; margin:auto; }
.pop3012 .bx-viewport{height:auto !important;}
.pop3012 .pop_img li { height:100%;}
.pop3012 .pop_img li a {position:relative; display:block; height:11.3rem;text-align:center;border-radius:1.5rem;border:1px solid #ddd;background: #ffefd2;overflow:hidden;}
.pop3012 .pop_img li img {position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); max-width: 100%; height:100%; vertical-align:middle;}
/* 팝업리스트 레이어 추가 */
.pop3012 .pop_layer_box {position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background: #394b61;}
.pop3012 .pop_layer_box .pop_layer {position: relative; padding: 1rem;}
.pop3012 .pop_layer_box .pop_layer h3 {font-size: 0.9rem; color: #fff;}
.pop3012 .pop_layer_box .pop_layer ul {margin-top: 0.75rem; padding: 1rem 2rem; height: 9rem; line-height: 1.1rem; text-align: left; background: #576c85; overflow-y: auto;}
.pop3012 .pop_layer_box .pop_layer ul li {list-style-type: disc; color: #fff;}
.pop3012 .pop_layer_box .pop_layer ul li a:hover,
.pop3012 .pop_layer_box .pop_layer ul li a:focus { text-decoration:underline; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
.pop3012 .pop_layer_box .pop_layer a.pop_close {position: absolute; top: 0.75rem; right: 1.25rem; display: block; padding: 0.25rem 0.5rem; color: #fff; background: #576c85; border-radius: 5px;}


/* 포토갤러리 */
.gallery3012 { position:relative; height:100%; overflow:hidden; }
.gallery3012 h2{font-size:1.75rem;font-weight: 400;padding-top:1.75rem;color: #437200;line-height:1.5rem;}
.gallery3012 h2 span{position:absolute;left:0;top:0;font-weight: 100;font-size:1rem;color: #67a907;}
.gallery3012 .tit_wrap{position:absolute;left:0;top: 1.5rem;width:11rem;height:auto;}
.gallery3012 .tit_wrap p{position:relative;font-weight:200;margin-top:1rem;padding-top:1rem;color: #67a907;}
.gallery3012 .tit_wrap p:before{content:"";position:absolute;left:0;top:0;width:70%;height:1px;background: #437200;}
.gallery3012 .list_box {margin-left:11rem;bottom: 1.5rem;}
.gallery3012 .list_box ul {overflow: hidden;height: 13.5rem;}
.gallery3012 .list_box li { float: left; width: 32%; }
.gallery3012 .list_box li:nth-of-type(even) {margin-top: 1.5rem;}
.gallery3012 .list_box li + li { margin-left:2%; }
.gallery3012 .list_box li a { display: block; text-align:center; }
.gallery3012 .list_box li p {overflow:hidden;width:100%;height:10rem;margin:0 auto .5rem;background:#eee;}
.gallery3012 .list_box li p img{ display:block; position:relative; width:100%; height:auto; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.gallery3012 .list_box li strong {overflow:hidden;display:block;line-height:1.5rem;text-overflow: ellipsis;white-space: nowrap;color: #333;}
.gallery3012 p,
.gallery3012 strong,
.gallery3012 a { -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }
.gallery3012 .list_box li a:hover p,
.gallery3012 .list_box li a:focus p {border-color:#437200; }
.gallery3012 .list_box li a:hover strong,
.gallery3012 .list_box li a:focus strong { text-decoration: underline; color:#437200; }
.gallery3012 .btn_more {position:absolute;font-size:1.25rem;left:0;top: 10.25rem;width:2.2rem;height:2.2rem;line-height:2.2rem;text-align:center;border-radius:50%;background: #82c423;color:#fff;transition: all .3s;-webkit-transition: all .3s;}
.gallery3012 .btn_more:hover,
.gallery3012 .btn_more:focus{background:#437200; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}

.gallery3012 .NoData {display:table; width:100%; height:13.5rem; text-align:center; font-size:.75rem; background:#f3f3f3;}
.gallery3012 .NoData span {display:table-cell; vertical-align:middle;}

/* 배너존 */
.banner_zone {line-height: 1; border-top: 1px solid #d1d8e4;}
.banner_zone .container {position: relative; height: 4rem; overflow: hidden;}
.banner_zone h2 {float: left; display:block; margin-top: 1.5rem; width: 4rem; font-size: 0.85rem; font-weight: 400; color: #191919;}
.banner_zone .btn {float: left; margin-top: 1.35rem; overflow: hidden;}
.banner_zone .btn a {float: left; width: 27px; height: 28px; color: transparent; background: no-repeat center / 100%; overflow: hidden;}
.banner_zone .btn a.prev {background-image: url('/00_common/images/common/btn_b_prev.png');}
.banner_zone .btn a.stop {background-image: url('/00_common/images/common/btn_b_stop.png');}
.banner_zone .btn a.play {display:none; background-image: url('/00_common/images/common/btn_b_play.png');}
.banner_zone .btn a.next {background-image: url('/00_common/images/common/btn_b_next.png');}
.banner_zone .btn a.list {background-image: url('/00_common/images/common/btn_b_list.png');}
.banner_zone .bx-wrapper {float: left; display:block; padding-top: 0.75rem; padding-left:1.5rem; width: calc(100% - 10rem); overflow: hidden;}
.banner_zone ul li { display: inline-block; margin-bottom: 0.75rem; padding: 0 0.25rem; width: 20%;}
.banner_zone ul li a {display: block; height: 2.5rem; line-height: 2.3rem; text-align: center; border: 1px solid #c8d1db; overflow: hidden;}
.banner_zone ul li a img {width: 100%; height: 100%; }




@media (max-width: 1200px) {
	/* 메인비주얼 */
	.MVisual3012{padding-left:.5rem;}
	.MVisual3012 img{width:125%; height:auto;}
	.MVisual3012 .bx-controls{right:2%; margin-right:0;}

	/* 바로가기1 */
	.M_link3012{padding-top:1.25rem;}
	.M_link3012 li{width:31.33%; margin:.5rem 1%;}
	.M_link3012 li:nth-child(even){margin-left:1%;}

	/* 식단 */
	.meal_menu3012 .inner{padding:1.5rem 1.25rem;}
	.meal_menu3012 .inner > img{right:.5rem; width:85px; height:auto;}

	/* 캘린더 */
	.pop_schedule3012 .inner{padding:1.5rem 1.25rem;}
}

@media (max-width: 1024px) {

	/* 게시판 */
	.notice3012 .list_box li{width:31.33%;}
	.notice3012 .list_box li + li + li + li {display:none;}

	/* 배너존 */
	.banner_zone h2 {position: absolute; top: 0; left: 0; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; clip: rect(0, 0, 0, 0); overflow: hidden;}
	.banner_zone .btn {position: absolute; top: 50%; left: 0; margin-top: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	.banner_zone .bx-wrapper {margin-left: 6rem; width: calc(100% - 6rem);}
}

@media (max-width: 960px) {

	/* 포토갤러리 */
	.gallery3012 h2{padding-top:0;}
	.gallery3012 h2 span{position:relative; left:auto; top:auto; display:inline-block; padding-left:.25rem;}
	.gallery3012 .tit_wrap{position:relative; left:auto; top:auto; width:100%;}
	.gallery3012 h2,
	.gallery3012 .tit_wrap p{display:inline-block;}
	.gallery3012 .tit_wrap p{padding-left:2rem; margin-top:0; padding-top:0; vertical-align: bottom;}
	.gallery3012 .tit_wrap p:before{top:50%; left:.25rem; width:1.5rem; }
	.gallery3012 .tit_wrap p br{display:none;}
	.gallery3012 .btn_more{left:auto; top:0; right:0;}
	.gallery3012 .list_box{margin-left:0; margin-top:1.5rem;}
}

@media (max-width: 860px) {

	/* 게시판 */
	.notice3012 .list_box{top:1.5rem;}
	.notice3012 .list_box ul{height:11rem;}
	.notice3012 .list_box li a div{padding:1rem;}

	/* 식단 */
	.meal_menu3012 ul{margin-right:3rem;}
	.meal_menu3012 .inner > img{width:60px; height:auto;}

	/* 캘린더 */
	.pop_schedule3012 .month span{padding:.5rem 1.25rem;}

	/* 포토갤러리 */
	.gallery3012 h2{font-size:1.4rem;}
	.gallery3012 .list_box li p{height:8.5rem;}
}

@media (max-width: 640px) {

	/* 게시판 */
	.notice3012 .list_box li{width:48%;}
	.notice3012 .list_box li + li + li {display:none;}

	/* 식단 */
	.meal_menu3012 dt{padding:.25rem; font-size:.9rem;}
	.meal_menu3012 ul{margin-right:0;}
	.meal_menu3012 .inner > img{display:none;}

	/* 바로가기 */
	.M_link3012 li a p{width:4rem; height:4rem; line-height:4rem;}
	.M_link3012 li a p img{width:2.5rem; height:2.5rem;}

	/* 캘린더 */
	.pop_schedule3012 .inner{padding:1rem 1.25rem;}

	/* 팝업존 */
	.pop3012 .pop_img li img{height:auto;}

	/* 포토갤러리 */
	.gallery3012 .btn_more{width:1.75rem; height:1.75rem; line-height:1.75rem; font-size:1rem;}
}

@media (max-width: 580px) {	

	/* 포토갤러리 */
	.gallery3012 .tit_wrap p{padding-left:0; display:block;}
	.gallery3012 .tit_wrap p:before{display:none;}
	.gallery3012 .list_box ul{height:10.5rem;}
	.gallery3012 .list_box li{width:48%; margin-bottom:.25rem;}
	.gallery3012 .list_box li:nth-of-type(even) {margin-top:0;}
	.gallery3012 .list_box li + li + li {display:none;}
}

@media (max-width: 480px) {	 
	.notice3012 h2 { font-size:0.85rem;}
	.notice3012 h2 ~ h2 { margin-left:0.5rem; padding-left:0.5rem; }

	/* 포토갤러리 */
	.gallery3012 .list_box ul{height:9rem;}
	.gallery3012 .list_box li p{height:7rem;}
}

@media (max-width: 420px) {

	/* 게시판 */
	.notice3012 .list_box li{width:100%; margin:0 0 .5rem;}
	.notice3012 .list_box li a strong { font-size:0.9rem; }
	.notice3012 .list_box li + li {display:none;}
}

@media (max-width: 380px) {

	/* 포토갤러리 */
	.gallery3012 h2{font-size:1.25rem;}
	.gallery3012 h2 span{display:block; font-size:14px;}
	.gallery3012 .list_box li{width:100%;}
}

@media (max-width: 320px) {
	
	/* 바로가기1 */
	.M_link3012 li{width:48%;}

	/* 캘린더 */
	.pop_schedule3012 .month span{ padding:.25rem 1.25rem; font-size:.9rem;}
	.pop_schedule3012 .month a{width:2rem; height:2rem; line-height:2rem;}
}