@charset "utf-8";
/* CSS Document */

#mcontainer { margin-top:50px}

/* visual */
.visual_wrap {width:100%;height:630px;position:relative;}
.visual_wrap .visual {width:100%; height:630px}
.visual_wrap .visual li {width:100%;height:630px;background-size:cover !important;background-position:50% 50% !important;}
.visual_wrap .visual li div{width:530px;margin:0px auto;}
.visual_wrap .visual li div h3{position:relative;text-align:center;font-size:40px;color:#FFF;margin-top:100px;font-weight:600}
.visual_wrap .visual li div span{margin-top:20px;display:block;text-align:center;}
.visual_wrap .bot{height: 609px; max-width: 5000px; position: relative;}
.visual_wrap .bbs{height: 609px; width: 100%; display: block;}
#visual-fade {height:630px}
	ul.bjqs{position:relative;list-style:none;padding:0;margin:0;/*overflow:hidden;*/ display:none;}
	li.bjqs-slide{position:absolute;display:none;z-index:1;}
	ul.bjqs-controls{list-style:none;margin:0;padding:0}
	ul.bjqs-controls.v-centered li a{position:absolute;z-index:9;width:45px;height:75px;display: block;line-height:440px;font-size:0;overflow:hidden}
	ul.bjqs-controls.v-centered li.bjqs-next a{background:url('../images/main/visual/btnArrow_next.png') no-repeat 0 0;right:10px}
	ul.bjqs-controls.v-centered li.bjqs-prev a{background:url('../images/main/visual/btnArrow_prev.png') no-repeat 0 0;left:10px}
	ol.bjqs-markers {position:absolute;bottom:350px; left:50% ;z-index:9}
	ol.bjqs-markers li {float:left;margin: 0 3px; display: inline-block}
	ol.bjqs-markers li a {width: 12px; height: 12px; display: block; background: url('../images/main/visual/visual_pager.png') no-repeat; background-position:-45px 0; text-indent:-9999em}
	ol.bjqs-stop {position:absolute;bottom:350px; left:48% ;z-index:9;}
	ol.bjqs-stop li.pause a {width:12px; height:12px; display:block; text-indent:-9999em;background:url('../images/main/visual/visual_pause.png') no-repeat 0 0;}
	ol.bjqs-stop li.play a {width:12px; height:12px; display:block; text-indent:-9999em;background:url('../images/main/visual/visual_play.png') no-repeat 0 0;}
	ol.bjqs-markers li.play a {background:url('../images/main/visual/visual_play.png') no-repeat 0 0;}
	ol.bjqs-markers li.pause a {background:url('../images/main/visual/visual_pause.png') no-repeat 0 0;}
	ol.bjqs-markers li a:hover, ol.bjqs-markers li.active-marker a {background-position:0 0 !important; width:40px}

/* major */	
.visual_wrap .major_box {position:absolute !important;left:50%;bottom:35px;z-index:10;width:100%;height:250px;margin:0 -50%}
	.major_lst li > a:focus:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px dashed #FFF;}	
	.major_lst > li {vertical-align:middle;position:relative;width:250px;height:250px; transition:all .5s; -webkit-transition: all .5s;}
	.major_lst > li:hover {transition:all .5s; -webkit-transition: all .5s;}	
	.major_lst > li.major01 { background:url(../images/main/major_bg01.jpg) no-repeat 50% 20%;}
	.major_lst > li.major02 { background:url(../images/main/major_bg02.jpg) no-repeat 50% 100%;}
	.major_lst > li.major03 { background:url(../images/main/major_bg03.jpg) no-repeat 50% 20%;}
	.major_lst > li.major04 { background:url(../images/main/major_bg04.jpg) no-repeat 50% 20%;}
	.major_lst > li.major05 { background:url(../images/main/major_bg05.jpg) no-repeat 50% 20%;}	
	.major_lst li > a {display:block;color:#fff;width:100%; height:250px;margin:0 auto;position:relative}
	.major_lst li > a:hover { text-decoration:none}
	.major_lst li > a .tit {display:block;font-size:20px;padding-top:15px; text-align:center;line-height:140%; height:145px;}
	.major_lst li > a .tit span {display:inline-block;background:url(../images/main/major_li_ic.png) no-repeat;width:100%;height:60px;}
	.major_lst li > a span.major_ic01 { background-position:50% 0px}	
	.major_lst li > a span.major_ic02 { background-position:50% -60px}
	.major_lst li > a span.major_ic03 { background-position:50% -120px}
	.major_lst li > a span.major_ic04 { background-position:50% -175px}
	.major_lst li > a span.major_ic05 { background-position:50% -240px}	
	.major_lst li > a .txt { background:#FFF;display:block; padding:15px 20px; min-height:60px; font-size:13px; color:#4c5365; text-align:justify}
	.major_lst li > a .btn_more { background:#FFF url(../images/main/btn_more.gif) no-repeat 50% 50%; display:block; width:30px; height:30px; text-indent:-1000em; font-size:0px; position:absolute; right:0; top:130px}
	
	/* 치유의 숲 */
	.major_lst > li.major03 > a .tit { font-size:28px; text-align:left; padding:40px 0px 10px 40px; height:auto}
	.major_lst > li.major03 > a .txt { background:none; display:block; padding:0px 40px; min-height:auto; font-size:15px; color:#FFF; }
	.major_lst > li.major03 > a span.major_ic03 { width:60px; height:60px; position:absolute; right:30px; top:20px;}
	.major_lst > li.major03 > a .btn_more { background:rgba(255,255,255,0.3); border:3px solid #FFF; width:65%; line-height:28px; text-indent:0em; font-size:14px; color:#FFF; text-align:center; left:40px; top:160px;}
	
	/* over */	
	.majorShow {width:200px;height:200px;padding:25px;position:absolute;top:0;left:0}
	.major_lst li.major01 .majorShow { background:rgba(0,147,87,0.9)}
	.major_lst li.major02 .majorShow { background:rgba(0,111,185,0.9)}
	.major_lst li.major03 .majorShow { background:rgba(243,111,33,0.9)}
	.major_lst li.major04 .majorShow { background:rgba(0,147,87,0.9)}
	.major_lst li.major05 .majorShow { background:rgba(0,111,185,0.9)}	
	.majorShow > .tit {display:block;font-size:20px;background:url(../images/main/major_li_ic.png) no-repeat; text-align:left; height:55px; padding:3px 0 0 65px; line-height:22px; color:#FFF;border-bottom:1px solid; border-bottom-color:rgba(255, 255, 255, 0.6); margin-bottom:15px;}
	.majorShow > .tit.major_ic01 { background-position:0 0px}
	.majorShow > .tit.major_ic02 { background-position:0 -60px}
	.majorShow > .tit.major_ic03 { background-position:0 -120px}
	.majorShow > .tit.major_ic04 { background-position:0 -180px}
	.majorShow > .tit.major_ic05 { background-position:0 -240px}	
	.majorShow > a { display:block; position:relative; color:#fff;padding:5px 0 5px 15px; margin-bottom:5px}
	.majorShow > a:before {content:"";position:absolute;top:14px;left:5px;width:4px;height:4px;background:#FFF;}
	.majorShow > a:hover { background:rgba(0,0,0,0.3); color:#FF9; text-decoration:none}	
	
	/* control */
	.bx-wrapper { position:relative}
	.bx-wrapper .bx-controls a {width:44px;height:44px;background:url('../images/main/major_btn.gif') no-repeat;font-size:0; display:block; position:absolute}
	.bx-wrapper .bx-controls .bx-prev {background-position:0 0; left:-76px; bottom:100px}
	.bx-wrapper .bx-controls .bx-next {background-position:-50px 0; right:-76px; bottom:100px}

/* news */
.news_wrap { max-width:1200px; margin:0 auto; text-align:center; padding:80px 0}
.news_wrap h3 { font-size:36px; font-weight:700; margin-bottom:45px;}
.news_wrap .news_box  { clear:both; height:300px;text-align:left;overflow:hidden }
	.news_box > ul > li { float:left;width:299px;height:300px; position:relative; border-right:1px solid #d9d9d9; box-sizing:border-box;}
	.news_box > ul > li:last-child { border-right:0px}
	.news_box > ul > li > a {display: block; padding:40px 35px 35px}
	.news_box > ul > li > a:hover{ text-decoration:none; background:#dff9f4;  transition: all .5s; -webkit-transition: all .5s;}
	.news_box > ul > li > a .news_lst{position:relative; }
	.news_box > ul > li > a .news_lst .tit {display:block; font-size:22px; letter-spacing:-1px; line-height:24px; min-height:52px; word-break:break-all; overflow:hidden; margin-bottom:15px}
	.news_box > ul > li > a .news_lst .txt {line-height:20px; color:#666; text-align:justify; min-height:58px; margin:0px; font-weight:normal; margin-bottom:60px }
	.news_box > ul > li > a .news_lst .pt {height:120px; background:#f5f5f5 url(../images/content/noimage.gif) no-repeat 50% 50%; width:100%; margin-bottom:20px; overflow:hidden}
	.news_box > ul > li > a .news_lst .pt img { width:228px; transition: all 0.5s ease;}
	.news_box > ul > li > a:hover .news_lst .pt img {transform:scale(1.3);}
	.news_box > ul > li > a .news_lst .data_con em { display:inline-block; color:#666}
	.news_box > ul > li > a .news_lst .data_con em.date:after {display: inline-block; position:relative; top:-2px; width:1px; height:10px; margin:0 10px; background-color:#DDD; content: ''; vertical-align: middle;}
	.news_box > ul > li > a .label_new {position:absolute; top:-40px;left:-35px; width:25px; height:25px; background:#009357 url(../images/main/label_new.png) no-repeat 0 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
	/*.news_box > ul > li > a:hover .label_new {-webkit-transform: rotate(180deg); transform: rotate(180deg);}	*/
	.news_box > ul > li .popup_zone { padding:40px 20px 0; position:relative;}
	.popup_zone > .mainVInfo_Popup { width:100%; height:205px; position:relative}
	.popup_zone > .mainVInfo_Popup ol {float: right;}
	.popup_zone > .mainVInfo_Popup li { display:inline;} 
	/*.popup_zone > .mainVInfo_Popup li a.popupZoneImg img { position:absolute; top:0px; left:0px; overflow:hidden; width:260px; height:190px; display:block;}*/
	.popup_zone > .mainVInfo_Popup li a.popupZoneImg { position:absolute; top:0px; left: 0; width:260px; height: 190px; overflow:hidden;}
	.popup_zone > .mainVInfo_Popup li a.num { position:relative; bottom:-210px; right:0px; width:20px; height:16px; float:left}	
	.popup_zone > .arrow{ height:30px}
	.popup_zone > .arrow li {float:left}
	.popup_zone > .arrow li a { display:block; height:30px;width:30px; border:1px solid #DDD; margin-right:2px}
	.popup_zone > .arrow li a.btn_play {background: url(../images/main/popupzone/btn_play.png) no-repeat center 50%}
	.popup_zone > .arrow li a.btn_stop {background: url(../images/main/popupzone/btn_stop.png) no-repeat center 50%;}

/* forest */
.forest_wrap { width:100%; background:url(../images/main/forest_bg.jpg) no-repeat 50% 0}
.forest_wrap:after { content:''; clear:both; overflow:hidden; display:block}
.forest_wrap .forest_box  { clear:both; max-width:1200px; height:445px; margin:0 auto;}
	.forest_box a { display:block}
	.forest_box a:hover { text-decoration:none}
	.forest_box > .cure { padding-top:70px; float:left}
	.forest_box .tit { font-size:20px; line-height:20px; color:#FFF; position:relative; margin-bottom:35px; animation-delay:.3s;}
	.forest_box .tit:after { display:inline-block; position:relative; top:-6px; width:70%; height:1px; margin:0 10px; background:rgba(255,255,255,0.5); content:''; }
	.forest_box .cont { font-size:30px; color:#FFF; display:block; line-height:120%;}
	.forest_box .cont span { display:block}
	.forest_box .cont .txt01 { animation-delay:.8s;}
	.forest_box .cont .txt02 { animation-delay:1s;}
	.forest_box .cont .txt03 { animation-delay:1.3s;}
	.forest_box a .btn_go { margin:30px 0 0 !important;animation-delay: 1.5s;}
	.animate-pop-in { animation:pop-in .6s cubic-bezier(0, 0.9, 0.3, 1.2) forwards; opacity: 0;}
	 @keyframes pop-in { 0% {opacity: 0;transform: translateY(-4rem) scale(.8);}
					  	100% {opacity: 1;transform: none;}
	}
	.forest_box > .child { padding-top:150px; float:right}
	.forest_box > .child .tit {text-align:right; animation-delay:2s;}
	.forest_box > .child .tit:after { width:48%;}
	.forest_box > .child .cont .txt01 { animation-delay:2.3s;}
	.forest_box > .child .cont .txt02 { animation-delay:2.6s;}
	.forest_box > .child .cont .txt03 { animation-delay:2.9s;}
	.forest_box > .child a .btn_go {background:rgb(0, 111, 185) url(../images/main/quick_btn02.gif) no-repeat 88% 50%; animation-delay: 3.3s;}

/* quick */
.quick_wrap {  text-align:center; padding:80px 0; background:url(../images/main/quick_bg.gif) repeat}
.quick_wrap:after { content:''; clear:both; overflow:hidden; display:block}
.quick_wrap h3 { font-size:36px; font-weight:700; margin-bottom:45px;}
.quick_wrap .quick_box { text-align:center;max-width:1200px; margin:0 auto; }
	.quick_box:after { content:''; overflow:hidden; clear:both; display:block;}
	.quick_box ul li {float:left;width:20%;}
	.quick_box ul li a {display:block; text-decoration:none;text-align:center; }
	.quick_box ul li a span.quick {display:block; position:relative; width:155px; height:155px;margin:0 auto;background:rgba(255,255,255,1); border-radius:200px; transition:all 0.3s ease-in-out;}
	.quick_box ul li a:hover span.quick {background:rgba(255,255,255,0.2); box-shadow:inset 0 0 0 8px rgba(0, 147, 87, 0.8);} 
	.quick_box ul li a span.quick:after {content:''; display:block; position:absolute; left:0; top:0; width:155px; height:155px; background-repeat:no-repeat; background-position:50% 50%; font-size:0}
	.quick_box ul li:nth-child(1) a span.quick:after {background-image:url('../images/main/quick_ic01.png');}
	.quick_box ul li:nth-child(2) a span.quick:after {background-image:url('../images/main/quick_ic02.png');}
	.quick_box ul li:nth-child(3) a span.quick:after {background-image:url('../images/main/quick_ic03.png');}
	.quick_box ul li:nth-child(4) a span.quick:after {background-image:url('../images/main/quick_ic04.png');}
	.quick_box ul li:nth-child(5) a span.quick:after {background-image:url('../images/main/quick_ic05.png');}
	.quick_box ul li a span.text {display:block;margin-top:20px;font-size:20px; font-weight:600;line-height:22px; text-decoration:none;} 
	.forest_box a .btn_go, .quick_box ul li a span.btn_go {display:block; color:#fff;text-align:left; width:120px; margin:10px auto 0; padding:6px 0px 6px 20px;
								border:3px solid #FFF; background:rgb(0, 147, 87) url(../images/main/quick_btn.gif) no-repeat 88% 50%;
								-webkit-box-shadow: 0px 3px 1px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 3px 1px 0px rgba(0,0,0,0.2);box-shadow: 0px 3px 1px 0px rgba(0,0,0,0.2);}		
	.forest_box a:hover .btn_go, .quick_box ul li a:hover span.btn_go {transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease;
										-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);}
										
/* banner */
.banner_wrap {position:relative; max-width:1200px; padding:30px 0; margin:0 auto}
.banner_wrap .control {position:absolute;left:0;top:35px;z-index:10;}
.banner_wrap .control button {float:left;width:28px;height:28px;background:url('../images/main/banner_btn.gif') no-repeat;font-size:0;}
.banner_wrap .control .btnPrev {background-position:0 0;}
.banner_wrap .control .btnStop {background-position:-27px 0;}
.banner_wrap .control .btnPlay {background-position:-54px 0;}
.banner_wrap .control .btnNext {background-position:-81px 0}
.banner_wrap .siteList {margin-left:90px;overflow:hidden}
.banner_wrap .siteList ul li {float:left;display:block;}
.banner_wrap .siteList ul li a {display:block; width:136px; height:41px; transition:all 0.3s ease-in-out; border:1px solid #DDD}
.banner_wrap .siteList ul li a:hover {border:1px solid #009357} 
.banner_wrap .siteList ul li a img {width:136px;height:41px}
.banner_wrap .siteList div a {display:block; width:198px; height:41px; transition:all 0.3s ease-in-out; border:1px solid #DDD}
.banner_wrap .siteList div a:hover {border:1px solid #009357} 
.banner_wrap .siteList div a img {width:auto;height:41px;max-width:198px}

.swiper-container {
	width: 100%;
	height: 300px;
	margin: 20px auto;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.append-buttons {
	text-align: center;
	margin-top: 20px;
}

.append-buttons a {
	display: inline-block;
	border: 1px solid #007aff;
	color: #007aff;
	text-decoration: none;
	padding: 4px 10px;
	border-radius: 4px;
	margin: 0 10px;
	font-size: 13px;
}