@charset "utf-8";

@import url(common.css);

#container {position:relative; background-color:#fafaf0}
#container:after {content:""; display:block; clear:both}

.main_content {position:relative; z-index:7; width:980px; margin:0 auto; min-height:750px}
.main_content:after {content:""; display:block; clear:both}

/* 메인비주얼 */
.main_visual {position:absolute; top:0; right:0; width:735px; height:375px}
.main_visual p img {width:100%; height:100%}
.main_visual p.mT {display:none}
.main_visual .visualBg {position:absolute; top:0; left:0; width:1250px; height:375px; margin-left:-380px; background:url('/images/template/02285/main/m_visualBg.png') no-repeat 0 top}

/* 슬라이더 */
#slider {position:absolute; left:0; top:0; width:100%; height:100%}
#slider div {position:absolute; width:100%; height:100%; top:0; left:0;}
#slider .img_1 {background:url('/images/template/02285/main/bg_01.jpg') no-repeat center top; background-size:cover;}

.cont_01 {position:relative; float:left; width:735px; margin-top:375px; clear:both}

/* 팝업존 */
.pop {position:absolute; top:-216px; left:0; width:245px; height:216px; background-color:#3a5bc5; clear:both;}
.pop h2 {padding:25px 25px 0; margin-bottom:15px; line-height:24px; font-size:20px; font-family:"NanumBold"; color:#fff}
.pop .btn_more {position:absolute; top:30px; right:25px; background:url('/images/template/02285/main/btn_more.png') no-repeat 0 0; width:14px; height:14px; text-indent:-10000px; z-index:10 }
.pop .list {padding:0 25px 0}
.pop .list li {padding-left:10px; line-height:26px; background:url('/images/template/02285/main/pop_dot.gif') no-repeat 0 12px}
.pop .list li a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:13px; font-family:"Nanum"; color:#fff}
.pop .list li a:hover {text-decoration:underline}

/* 행사일정 */
.schedule {position:relative; float:left; overflow:hidden; width:245px; height:216px; background-color:#00ada0}
.schedule h2 {padding:25px 25px 0; margin-bottom:15px; line-height:24px; font-size:20px; font-family:"NanumBold"; color:#fff}
.schedule .date_view {position:absolute; top:26px; right:25px; width: 100px; height: 20px; line-height:24px; background-color:#008e7b; border-radius:4px; font-size:11px; font-family:'돋움',Dotum; vertical-align:middle}
.schedule .date_view .btn_more {display:inline-block; width:24px; height:24px; background:#00715e url('/images/template/02285/main/btn_more.png') no-repeat center center; text-indent:-10000px; border-radius:0 4px 4px 0; z-index:10}
.schedule .date_view span { position: absolute; margin:0 6px 0; line-height:15px; font-size:11px; font-weight:bold; color:#fff; top: 2px;}
.schedule .date_view span.sch_year { left: 15px; } 
.schedule .date_view span.sch_month { right: 15px; }
.schedule .date_view a{ position:absolute; top:2px; display:block; font-size:0; line-height:0; width:14px; height:14px; }
.schedule .date_view a.pre{ left:5px; background:url(/images/template/02285/main/btn_c_prev.png) no-repeat;}
.schedule .date_view a.next{ right:5px; background:url(/images/template/02285/main/btn_c_next.png) no-repeat;}
.schedule .inner {position:relative; margin:0 25px; background-color:#fff; border-radius:4px}
.schedule table {width:100%; font-size:11px; font-family:'돋움',Dotum}
.schedule table thead th {line-height:16px; padding:5px 0 3px 0; letter-spacing:-1px; color:#a9c9e8; background-color:#00715e}
.schedule table tbody td {line-height:17px; text-align:center; letter-spacing:-1px; vertical-align:middle; color:#2c2e32}
.schedule table tbody td a.check {display:inline-block; width:15px; height:15px; color:#fff; background:url('/images/template/02285/main/schd_check.png') no-repeat center center}
.schedule table tbody td a.today {display:inline-block; width:15px; height:13px; color:#00715e; border-bottom:2px solid #00715e;}

/* 공지사항 */
.notice {position:relative; float:right; width:490px; height:216px; background-color:#fff}  
.notice h2 {font-size:20px; font-family:"NanumBold"}
.notice h2 a {display:block; position:absolute; top:25px; line-height:24px; text-align:center; color:#999}
.notice h2.tit_1 a {left:25px}
.notice h2.tit_2 a {left:120px}
.notice h2.tit_3 a {left:235px}
.notice h2 a.current {color:#010101; border-bottom:2px solid #010101} 
.notice .btn_more {position:absolute; top:25px; right:25px; background:url('/images/template/02285/main/btn_more.gif') no-repeat 0 0; width:14px; height:14px; text-indent:-10000px; z-index:10 }
.notice .list_box.on {display:block}
.notice .list_box {display:none; overflow:hidden; padding:65px 25px 0; font-family:"Nanum"; font-size:13px}
.notice .list_box li {position:relative; font-family:"Nanum"; font-size:13px; line-height:26px; *line-height:24px; overflow:hidden; }
.notice .list_box li a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#444;}
.notice .list_box li a:hover {text-decoration:underline;}
.notice .list_box li span.text {float:left; width:70%; padding-left:8px; background:url('/images/template/02285/main/notice_dot.gif') no-repeat 0 12px}
.notice .list_box li span.date {position:absolute; top:0; right:0; color:#727272}

/* 바로가기1 */
.M_link {position:relative; float:left; width:735px; height:216px}
.M_link ul {width:100%}
.M_link li {float:left; width:245px; height:216px; text-align:center}
.M_link li.link1 {background-color:#71b76c} /*170112 수정*/
.M_link li.link2 {background-color:#9c61cf}
.M_link li.link3 {background-color:#d58f57}  /*170112 수정*/
.M_link li a {display:block; color:#fff}
.M_link li a:hover {text-decoration:underline}
.M_link li a h2 {padding:25px 0 10px; font-size:20px; font-family:"NanumBold"}
.M_link li a p {letter-spacing:-1px; font-size:15px; font-family:"Nanum"}
.M_link li a img {margin-top:22px}

.meal_list { width: 205px; height: 100px; padding: 20px; overflow-y: auto;}
.meal_list p {color:#fff; font-family:"Nanum"; font-size:15px; line-height:20px}/*170315 추가*/


/* 바로가기2 */
.M_link02 {position:absolute; top:375px; right:0; width:245px; height:432px;}
.M_link02 ul {width:100%; height:100%; background-color:#07abce}
.M_link02 li {position:relative; height:107px; *height:105px; border-top:1px dashed #3262ad}
.M_link02 li:first-child {border-top:0}
.M_link02 li a {display:block; width:100%; height:100%; font-size:16px; font-family:"NanumBold"; color:#fff}
.M_link02 li a img {position:absolute; top:25px; left:15px}
.M_link02 li a span {position:absolute; top:48px; left:80px}
.M_link02 li a:hover span {text-decoration:underline}



/* 배너존 */
.banner_zone {position:relative; float:left; width:980px; padding:10px 0; margin:25px 0 35px; background-color:#fff ; overflow : hidden;}
.banner_zone h2 {position:absolute; top:25px; left:15px; font-size:15px; font-family:"NanumBold"; color:#1d1d1d}
.banner_zone .btn {position:absolute; top:25px; left:75px}
.banner_zone .btn a {float:left; font-size:0; text-indent:-10000em; width:20px; height:20px; margin:0 2px; vertical-align:top}
.banner_zone .btn a.pre {background:url('/images/template/02285/main/btn_b_prev.gif') no-repeat}
.banner_zone .btn a.stop{background:url('/images/template/02285/main/btn_b_stop.gif') no-repeat}
.banner_zone .btn a.next{background:url('/images/template/02285/main/btn_b_next.gif') no-repeat}
.banner_zone .btn a.list{background:url('/images/template/02285/main/btn_b_list.gif') no-repeat}
.banner_zone ul {margin-left:170px; height:48px; overflow:hidden}
.banner_zone ul li{ float:left; margin-left:15px;}
.banner_zone ul li a img {width:145px; height:48px}





@media (max-width:800px) {
	
	#container, .main_content, .main_visual,
	.M_link02 li {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	.main_visual, #slider, 
	.pop, .schedule, .notice, .M_link li, .M_link02 li,
	.banner_zone {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease}
	
	#container {width:100%; padding-top:68px; background-color:#dceefb}
	.main_content {width:96%; margin:0 auto; height:100%}
	
	
	/* 메인비주얼 */
	.main_visual {position:relative; top:0; left:0; width:100%; height:auto; margin-top:0; margin:0 auto}
	.main_visual p.mT {display:block}
	.main_visual p.mP, .main_visual .visualBg {display:none}
	.main_visual p img {width:100%; height:auto}
	
	
	/* 슬라이더 */
	#slider .img_1 {background:none}
	
	.cont_01 {float:left; width:100%; margin-top:0}

	/* 팝업존 */
	.pop {position:relative; top:0; left:0; float:left; width:33%; z-index:10}
	
	/* 행사일정 */
	.schedule {width:33%; z-index:10}
	
	/* 공지사항 */
	.notice {width:34%; z-index:10} 
	.notice h2 {font-size:13px}
	.notice h2.tit_2 a {left:80px}
	.notice h2.tit_3 a {left:150px}
	.notice .list_box li span.text {width:96%}
	.notice .list_box li span.date {display:none}
	
	/* 바로가기1 */
	.M_link {float:none; width:100%}
	.M_link li.link1, .M_link li.link2 {width:33%}
	.M_link li.link3 {width:34%}

        /* 오늘의 식단 170315*/
	.M_link li.link1 a h2{color:#fff; padding:10px 0; text-align:center; ;line-height:35px;}
	.meal_list {height:140px;}
	.meal_list p {text-align:center;color:#fff; font-family:"Nanum"; font-size:15px; line-height:20px}
	
	
	/* 바로가기2 */
	.M_link02 {position:relative; top:0; left:0; float:left; width:100%; height:auto;}
	.M_link02 ul {overflow:hidden}
	.M_link02 li {float:left; width:25%; height:auto; border-top:0; border-left:1px dashed #3262ad}
	.M_link02 li:first-child {border-left:0}
	.M_link02 li a {text-align:center; font-size:13px}
	.M_link02 li a span {position:relative; top:auto; left:auto; }
	.M_link02 li a img {position:relative; top:auto; left:auto; margin:10px auto 10px auto; width:30px;}
	
		
	/* 배너존 */
	.banner_zone {width:100%; margin:10px auto}
	.banner_zone ul {}
	.banner_zone ul li{width:-webkit-calc(32% - 10px); width:-moz-calc(32% - 10px); width:calc(32% - 10px); margin-left:10px;}
	.banner_zone ul li a img{ width:100%}

}


@media (max-width: 690px) {	

	.cont_01 {float:none}
	.pop h2, .schedule h2 {padding:20px 25px 0; margin-bottom:10px; font-size:16px;}
	
	/* 팝업존 */
	.pop {float:none; width:100%; height:auto; padding-bottom:20px}
	.pop .pop_list li {line-height:20px; background:url('/images/template/02285/main/pop_dot.gif') no-repeat 0 10px}
	.pop .pop_list li a {font-size:12px; font-family:"Nanum"}
	
	/* 행사일정 */
	.schedule {width:100%}
	.schedule .date_view {top:21px; right:25px; line-height:24px; background-color:#008e7b; border-radius:4px; font-size:11px; font-family:'돋움',Dotum; vertical-align:middle}
	
	/* 공지사항 */
	.notice {width:100%} 
	.notice h2 {font-size:16px}
	.notice h2.tit_2 a {left:100px}
	.notice h2.tit_3 a {left:190px}
	.notice .list_box li span.text {width:70%}
	.notice .list_box li span.date {display:block}
	
	/* 바로가기1 */
	.M_link li {position:relative; height:auto; text-align:left}
	.M_link li.link1, .M_link li.link2, .M_link li.link3 {width:100%}
	.M_link li.link1 a {color:#010101}
	.M_link li a h2 {padding:20px 25px 5px 140px; font-size:18px}
	.M_link li a p {padding:0 25px 20px 140px; font-size:14px}
	.M_link li a img {position:absolute; top:15px; left:5px; width:100px; height:auto; margin:0}
	
	/* 바로가기2 */
	.M_link02 li {width:50%; height:auto;}

	/* 배너존 */
	.banner_zone h2 {display:none}
	.banner_zone .btn {left:10px}
	.banner_zone ul {margin-left:80px}
	
	
	
}


@media (max-width: 480px) {

	
	/* 배너존 */
	.banner_zone ul li {width:-webkit-calc(48% - 10px); width:-moz-calc(48% - 10px); width:calc(48% - 10px);}
	
	
}

@media (max-width: 380px) {
	/* 바로가기2 */
	.M_link02 li {width:100%; border-left:0}
	.M_link02 li {border-bottom:1px dashed #3262ad}
	.M_link02 li:last-child {border-bottom:none}
	.M_link02 li a {text-align:left; font-size:13px; padding:0 20px;}
	
	/* 배너존 */
	.banner_zone ul li{width:-webkit-calc(95% - 10px); width:-moz-calc(95% - 10px); width:calc(95% - 10px);}
}