@charset "utf-8";
/**
 * @File Name : main.css
 * @Description : Layout[main] | Contents[main]
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2016.08.19 | 김소화 | 최초 등록
 * 2016.09.22 | 민수인 | #bbs1 .wrap min-height 추가
 * 2016.09.22 | 민수인 | .pr border 추가
 * 2016.09.23 | 민수인 | #menu3 li a .ic1 크기변경
 * </pre>
 * @author 디자인팀 김소화
 * @since 2016.08.19
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* ◇◆ Layout[main] ◇◆◇◆◇◆◇◆◇◆ */

#wrap{}
	#wrap>.container{max-width:none;}
	#body{position:relative;
		min-height:1020px; /* ☆ 배치 후 최종화면 확인! */
		margin:0 auto;background:#fff;line-height:1.333;
	}
		#body [class*='mainbody']{}
			#body .mainbody1{}
			#body .mainbody2{}
			#body .mainbody3{}
				#body .container{position:relative;}
				#body .mainbody3 .container{padding:0 0 30px;}
				/* #body [class*='mainwrap']{} */


/* #body */


/* [JS] $('#vpr1').jQmPR1({interval:6666, mTabindex:'-1'}); // 20160525 */
#vpr1{display:block;position:relative;
	margin:0 auto 0px; /* ☆ */
	background:#fff;line-height:1.333;letter-spacing:-1px;
}
#vpr1>.wrap1{position:relative;
	padding:0 0 35.85%; /* =(717/2000)*/
}
#vpr1 .mView{z-index:10;
	position:absolute;left:-33.333%;right:-33.333%;top:0;bottom:0;
	/* height:100%; */ /* [Android4.1.2]fix) %값 있으면 결함 */
	overflow:hidden;
}

#vpr1 .mCont{position:relative;width:100%;height:100%;}
#vpr1 .mContC{display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
#vpr1 .mContC.on{display:block;}
#vpr1 .mContC>.m{display:none;} /* ☆ */
#vpr1 .mContC>.c{display:block;height:100%;text-decoration:none;}
#vpr1 .mContC .f1{display:block;height:100%;}
#vpr1 .mContC .f1p1{display:block;height:100%;}
#vpr1 .mContC img{width:100%;height:auto;min-height:100%;}
#vpr1 .mContC>.c:focus{border:1px dotted #000;} /* ☆ */
/* 메뉴 */
#vpr1 .menu{z-index:20;position:absolute;width:100%;height:100%;}
#vpr1 .menu .m{display:block;float:left;position:relative;
	margin:0 2px 0;padding:0;
	border-radius:0;border:0;
	background:none;cursor:pointer;
}

/* 제어 */
#vpr1 .mControl{position:absolute;left:10px;bottom:10px;}
#vpr1 .mControl .m{width:37px;height:27px;}
#vpr1 .mControl .stop{background-image:url(../../img/main/vpr1stop1.png);}
#vpr1 .mControl .play{background-image:url(../../img/main/vpr1play1.png);}
/* 순번 */
#vpr1 .mNum{display:block;position:absolute;left:100px;bottom:13px;}
#vpr1 .mNum .m{width:17px;height:18px;background:url(../../img/main/vpr1num1.png)}
#vpr1 .mNum .m.on{width:40px;background:url(../../img/main/vpr1num2.png)}

#vpr1 div.mb1{display:none;border:1px solid #fff;position:absolute;margin:0 auto;width:20px;height:30px;left:5%;top:5%;z-index:99;padding:10px 20px;}
#vpr1 div.mb1 a{color:#fff;font-size:.9em;}
#vpr1 div.mb1 a i.ic1{float:right;z-index:999;width:35px;height:35px;background-image:url(../../img/main/btn_vgo.png);margin-top:-3px;}



#vpr1 .vpr_t{position:absolute;margin:0 auto;left:20%;top:0%;z-index:12;padding:10px 20px;}
#vpr1 .vpr_t img{width:70%;}

#menu1{display:block;position:relative;margin:0 auto 0px;padding:0 0 20px;line-height:1.333;letter-spacing:-1px;background:url(../../img/main/menu1bg1.png);overflow:hidden;}
#menu1 .h1{font-size:30px;padding:10px 0 10px 25px;color:#fff;font-weight:normal;}
#menu1 .t1{color:#fff;font-size:13px;padding:0 0 20px 25px;}
#menu1 li{float:left;margin:5px 2%;width:46%}
#menu1 li a{display:block;position:relative;padding:10px 0 10px 36px;color:#fff;border:1px solid #fff}
#menu1 li a:hover{background:url(../../img/lib/b.000000.opacity.40.png)}
#menu1 li a .ic1{display:block;position:absolute;left:12px;top:50%;margin:-6px 0 0;width:17px;height:12px;background:url(../../img/main/menu1ic1.png)}
#menu1 .more{display:block;position:absolute;top:10px;right:20px;width:40px;height:39px;background:url(../../img/main/menu1more.png);text-indent:-999999px;}

#menu11{display:block;position:relative;margin:0 auto 15px;padding:0 0 20px;line-height:1.333;letter-spacing:-1px;background:url(../../img/main/menu1bg1.png);overflow:hidden;}
#menu11 .h1{font-size:30px;padding:10px 0 10px 25px;color:#fff;font-weight:normal;}
#menu11 .t1{color:#fff;font-size:13px;padding:0 0 20px 25px;}
#menu11 li{float:left;margin:5px 2%;width:46%}
#menu11 li a{display:block;position:relative;padding:10px 0 10px 36px;color:#fff;border:1px solid #fff}
#menu11 li a:hover{background:url(../../img/lib/b.000000.opacity.40.png)}
#menu11 li a .ic1{display:block;position:absolute;left:12px;top:50%;margin:-6px 0 0;width:17px;height:12px;background:url(../../img/main/menu1ic1.png)}
#menu11 .more{display:block;position:absolute;top:10px;right:20px;width:40px;height:39px;background:url(../../img/main/menu1more.png);text-indent:-999999px;}


#menu2{display:block;position:relative;margin:0 auto 10px;line-height:1.333;letter-spacing:-1px;background:#5aa600;overflow:hidden;}
#menu2 ul{margin:0 0 0 -1px;}
#menu2 li{display:block;float:left;width:50%;}
#menu2 li a{display:block;float:left;width:100%;padding:15px 0;text-align:center;color:#fff;border-left:1px solid #7bb833;border-top:1px solid #7bb833;}
#menu2 li a:hover{background:#519500;}
#menu2 li a .ic1{display:block;width:80px;height:70.5px;margin:0 auto 10px;background:url() no-repeat;}
#menu2 li.m1 a .ic1{background-image:url(../../img/main/menu2img1.png)}
#menu2 li.m2 a .ic1{background-image:url(../../img/main/menu2img2.png)}
#menu2 li.m3 a .ic1{background-image:url(../../img/main/menu2img3.png)}
#menu2 li.m4 a .ic1{background-image:url(../../img/main/menu2img4.png)}


#menu3{display:block;position:relative;margin:0 auto 15px;padding:0 0 20px;line-height:1.333;letter-spacing:-1px;background:url(../../img/main/menu3bg1.gif);overflow:hidden;}
#menu3 .h1{padding:20px 0 20px 25px;color:#fff;font-weight:normal;}
#menu3 ul{padding:25px 15px;}
#menu3 li{float:left;margin:5px 2%;width:29%;height:auto;;}
#menu3 li a{display:block;position:relative;color:#fff;border:1px solid #79624f;height:171px;}
#menu3 li a:hover{border:1px solid #ccc;}
#menu3 li.m1 {background:url(../../img/main/menu3img1_20181119.png) no-repeat; background-position:center;}
#menu3 li.m2 {background:url(../../img/main/menu3img2_20181119.png) no-repeat; background-position:center;}
#menu3 li.m3 {background:url(../../img/main/menu3img3_20181119.png) no-repeat; background-position:center;}

#menu3 li a span.t1{position:absolute;top:130px;font-size:.9em; left:10%; text-align:center;display:block;padding:8px;}

#menu3 .more{display:block;position:absolute;top:28px;right:20px;width:40px;height:39px;background:url(../../img/main/menu1more.png);text-indent:-999999px;}




#bbs1{display:block;position:relative;margin:0 auto 15px;line-height:1.333;letter-spacing:-1px;background:#fff;overflow:hidden;}
#bbs1 .wrap1{border:1px solid #ddd;padding:15px;min-height:233px;}
#bbs1 .h1{padding:0 0 10px;font-size:16px;}
#bbs1 ul{}
#bbs1 li{display:inline;}
#bbs1 li>a{display:block;
	height:1.333em;
	padding:4px 86px 3px .666em;
	background:url(../../img/main/bu1.png) no-repeat 0 50%;
	color:#555;	font-size:13px;line-height:1.333;
	overflow:hidden;cursor:pointer;
}

#bbs1 li .t1{float:left;position:relative;max-width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
#bbs1 li .t2{float:right;width:65px;margin:0 -86px 0 0;padding:0 1px 0 0;color:#767676;font-size:13px;text-align:right;}
*+html #bbs1 li .t2{margin-left:20px;}

/* ☆ */
#bbs1 .new{float:left;
	width:16px;height:16px;margin:1px -24px 1px 8px; /* 총높이18px=:=(13*1.333)  */
	border-radius:50%;background:#e44b3a;color:#fff;
	font:normal 10px/16px Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	vertical-align:middle;
	letter-spacing:16px;
	text-indent:4px;
	overflow:hidden;
}
#bbs1 .more{z-index:20;float:left;position:absolute;right:15px;top:17px;width:15px;height:15px;background:url(../../img/main/ic30a1plus@2x.png) no-repeat center center;background-size:contain;overflow:hidden;text-indent:-9999px;}
#bbs1 li.m7,
#bbs1 li.m8{display:none;}


/* 팝업존 [JS] $('#pr1').jQmPR1({interval:6666, mTabindex:'-1'}); */
#pr1{display:block;
	z-index:10;
	position:relative;margin:0 auto 10px;line-height:1.333;letter-spacing:-1px;
	overflow:hidden;
}
/* 뷰콘텐츠 */
#pr1>.wrap1{clear:both;
	position:relative;
}
#pr1 .mView{z-index:10;position:relative;
	padding:0 0 78.379% 0; /* =290/370 */
	overflow:hidden;
}
#pr1 .mCont {position: absolute;
	left: 0;top: 0;
	width: 100%;height: 100%;    
}
#pr1 .mContC{display:block; /* why?키보드운용 */
	float:left;position:relative;left:0;top:0;
	width:1%;
	height:100%;
}
#pr1 .mContC{display: block;position: absolute;left:0;top:0;width: 100%;height: 100%;   
}
#pr1 .mContC.on{display: block;}
#pr1 .mContC>.a1{position: relative;float: left;width: 100%;height: 100%;text-align: center;}
#pr1 .mContC .f1{display: block;position: relative;width: 100%;height: 100%;overflow: hidden;}
#pr1 .mContC .f1p1{position: absolute;left:0;top:0;width: 100%;height: 100%;}
#pr1 .mContC .f1 img{position: absolute;top: 0;left:0;height:auto;min-height: 100%;width: 100%;}
#pr1 .mContC>.a1:focus{border: 2px dotted #000;}
#pr1 .menu {z-index: 20;position: absolute;left:10px;right:10px;top: 10px;}
#pr1 .menu .m {float: left;position: relative;
	padding: 0;margin:0;
	vertical-align: middle;line-height:1;
	background: transparent;border:0;
	cursor: pointer;
}
#pr1 .menu .m > .ic1 {float: left;
	position: absolute;left: 50%;top: 50%;
    width: 20px;height: 20px;
    margin: -10px;
    background:#fff url() no-repeat 50% 50;background-size:contain;
	overflow: hidden;
    text-indent: -9999px;    
}
#pr1 .menu .mControl {position: absolute;right: 0;top: 0;}
#pr1 .menu .mControl .m {
	background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius:0;
    box-sizing: content-box;
    height: 20px;
    margin: 0 0 0 -1px;
    width:20px;
}
#pr1 .menu .mControl .prev>.ic1{background-image: url(../../img/main/ic40a1left@2x.png);}
#pr1 .menu .mControl .next>.ic1{background-image: url(../../img/main/ic40a1right@2x.png);}
#pr1 .menu .mControl .play>.ic1{background-image: url(../../img/main/ic40a1play@2x.png);}
#pr1 .menu .mControl .stop>.ic1{background-image: url(../../img/main/ic40a1pause@2x.png);}



#menu4{display:block;position:relative;margin:0 auto 15px;padding:0 0 20px;line-height:1.333;letter-spacing:-1px;background:#efefef;overflow:hidden;}
#menu4 .h1{color:#333;padding:20px 0 20px 25px;font-weight:normal;}
#menu4 .t1{color:#333;font-size:13px;padding:0 0 20px 25px;}
#menu4 li{float:left;margin:1% 2%;width:46%}
#menu4 li a{display:block;position:relative;padding:15px 0 15px 10px;color:#333;background:#fff}
#menu4 li a:hover{background:#fff100}
#menu4 li a .ic1{display:block;position:absolute;right:12px;top:50%;margin:-18px 0 0;width:34px;height:36px;background:url() no-repeat;}
#menu4 li.m1 a .ic1{background-image:url(../../img/main/menu4img1.png)}
#menu4 li.m2 a .ic1{background-image:url(../../img/main/menu4img2.png)}
#menu4 li.m3 a .ic1{background-image:url(../../img/main/menu4img3.png)}
#menu4 li.m4 a .ic1{background-image:url(../../img/main/menu4img4.png)}
#menu4 li.m5 a .ic1{background-image:url(../../img/main/menu4img5.png)}
#menu4 .more{display:block;position:absolute;top:28px;right:20px;width:40px;height:39px;background:url(../../img/main/menu1more.png);text-indent:-999999px;}


#menu5{display:block;position:relative;margin:0 auto 15px;line-height:1.333;letter-spacing:-1px;overflow:hidden;}
#menu5 .h1{padding:0 10px 10px;text-align:center;}
#menu5 .h1 img{width:100%;max-width:427px;}
#menu5 .wrap1{display:block;padding:20px;border:1px solid #ddd;}
#menu5 .wrap2{display:block;overflow:hidden;}
#menu5 .movie1{display:block;width:100%;margin:0 0 15px;}
#menu5 .movie1 img{width:100%;}
#menu5 .wrap2 .p1{display:block;}
#menu5 .wrap2 a:link{color:#333;}
#menu5 .wrap2 .t1{display:block;padding:10px;}
#menu5 .wrap2 .p1 img{width:100%;height:auto;}

#menu5 .wrap2 .title1{display:block;font-weight:bold;color:#333}
#menu5 .wrap2 .cont1{display:block;color:#666;font-size:13px;width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}


/* 갤러리 두개로 분리 20190318 */

#menu6,
#menu7{display:block;position:relative;margin:0 auto 15px;line-height:1.333;letter-spacing:-1px;overflow:hidden;}
#menu6 .h1,
#menu7 .h1{padding:0 10px 10px;text-align:center;}
#menu6 .h1 img,
#menu7 .h1 img{width:100%;max-width:427px;}
#menu6 .wrap1,
#menu7 .wrap1{display:block;padding:20px;border:1px solid #ddd;}
#menu6 .wrap2,
#menu7 .wrap2{display:block;overflow:hidden;}
#menu6 .movie1,
#menu7 .movie1{display:block;width:100%;margin:0 0 15px;}
#menu6 .movie1 img,
#menu7 .movie1 img{width:100%;}
#menu6 .wrap2 .p1,
#menu7 .wrap2 .p1{display:block;}
#menu6 .wrap2 a:link,
#menu7 .wrap2 a:link{color:#333;}
#menu6 .wrap2 .t1,
#menu7 .wrap2 .t1{display:block;padding:10px;}
#menu6 .wrap2 .p1 img,
#menu7 .wrap2 .p1 img{width:94%;height:auto;}

#menu6 .wrap2 .title1,
#menu7 .wrap2 .title1{display:block;font-weight:bold;color:#333}
#menu6 .wrap2 .cont1,
#menu7 .wrap2 .cont1{display:block;color:#666;font-size:13px;width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}




/* RWD 20160401 ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */
/* small~xlarge */
@media all and (min-width:640px){/* If the issue ◇◆◇◆◇◆◇◆◇◆ */
#vpr1 .vpr_t{position:absolute;margin:0 auto;left:30%;top:11%;z-index:12;padding:10px 20px;}

#vpr1 .vpr_t img{min-width:409px;}



} /* /(min-width:640px) and (max-width:767px) */
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */

#vpr1 div.mb1{display:block;left:30%;top:65%;width:230px;}
#vpr1 div.mb1 a{font-size:1.15em;}
#vpr1 div.mb1 a i.ic1{display:block;}



#menu1{float:left;width:100%} /* 숲길트레킹프로그램 2023년 진행 안함 */
/* #menu1{float:left;width:50%} */ /* 숲길트레킹프로그램 2024년 진행 예정 */
#menu1 ul{padding:0 15px;}

#menu11{float:left;width:50%}
#menu11 ul{padding:0 15px;}

#menu2{float:left;width:100%}
#menu2 li a{padding:23px 0;}

#menu3{float:left;width:50%;margin:0;}
#menu3 li{width:23.2%;}
#menu3 li a span.t1{font-size:1.2em;}


#bbs1{float:left;width:48%;margin:8px;}
#bbs1 .wrap1{padding:20px 20px 107px 20px;}
#bbs1 .h1{padding:0 0 20px;}
#bbs1 li>a{display:block;
	font-size:14px;
}
#bbs1 li.m7,
#bbs1 li.m8{display:inline;}

#pr1{float:left;width:50%;height:auto;margin:0;padding:0 0 39%;}
#pr1 .wrap1{position:absolute;top:0;bottom:0;left:0;right:0;}

#menu4{float:left;width:100%;height:auto;margin:0;padding:0 0 39%;}
#menu4 .wrap1{position:absolute;top:0;bottom:0;left:0;right:0;}

#menu5 .h1{padding: 0px 0 5px;}
#menu5 .wrap2 .p1 img{width:100%;height:170px;}


/*갤러리 두개로 분리 20190318 */
#menu6,
#menu7{width:48%; float:left;margin:8px;}
#menu6 .h1,
#menu7 .h1{padding: 0px 0 5px;}
#menu6 .wrap2 .p1 img{width:100%;height:170px;}
#menu7 .wrap2 .p1 img{width:95%;height:170px;}



#menu3 .h1{padding:10px 20px 7px;font-size:28px;}
#menu3 .bg2{position:absolute;left:20px;top:85px;width:153px;height:153px;background:url(../../img/main/menu3bg2.png) no-repeat;}
#menu3 ul{padding:25px 15px;}
#menu3 li{float:left;margin:3px;width:31%;height:171px;}
#menu3 li a{padding:0 0 0 10px;height:171px;}
#menu3 .more{top:10px;}


} /* /(min-width:768px) */
@media all and (min-width:1000px){/* large ◇◆◇◆◇◆◇◆◇◆ */

#vpr1 div.mb1{width:250px;height:30px;left:35%;top:280px;}
#vpr1 div.mb1 a{font-size:1.25em;}


} /* /(min-width:1000px) */
@media all and (min-width:1200px){/* xlarge ◇◆◇◆◇◆◇◆◇◆ */

#vpr1{display:block;position:relative;
	margin:0 auto 15px; /* ☆ */
	background:#fff;line-height:1.333;letter-spacing:-1px;
}

} /* /(min-width:1200px) */
@media all and (min-width:1256px){/* xlarge+(padding20*2)+(scrollbar-track16) ◇◆◇◆◇◆◇◆◇◆ */

#vpr1>.wrap1{position:relative;
	padding:0 0 55%; /* =(717/2000)*/
}

#vpr1 .mControl{left:40%;top:70%;}
#vpr1 .mNum{left:48%;top:70.5%;}
 
#menu1{z-index:40;margin:0 auto 15px; position:absolute;left:0;bottom:0;width:400px;height:230px;padding:0;} /* 숲길트레킹프로그램 2023년 진행 안함 */ 
/* #menu1{z-index:40;margin:0 auto 155px; position:absolute;left:0;bottom:0;width:400px;height:190px;padding:0;} */ /* 숲길트레킹프로그램 2024년 진행 예정 */
#menu11{z-index:40;position:absolute;left:0;bottom:0;width:400px;height:140px;padding:0;}

#menu2{z-index:40;position:absolute;left:400px;bottom:0;width:290px;height:150px;margin:0 0 15px;}
#menu2 ul{width:100%;}
#menu2 li{width:50%;margin:-1px 0 0 -1px;}

#menu3{width:813px;height:290px;margin:22px 15px 0 0;padding:0;}

#pic1{display:block;z-index:40;position:absolute;right:-60px;bottom:0;margin:0 0 15px;width:270px;height:295px;background:url(../../img/main/pic1img1.png)}




#bbs1{width:500px;height:290px;margin:17px 15px 0 0;}
#bbs1 .wrap1{padding:25px 25px 30px;}
#bbs1 li>a{display:block;
	height:1.451em;
	line-height:1.451;
}

#pr1{width:372px; margin-top:21px; height:290px;padding:0}


#menu4{width:100%;height:130px;padding:0;margin:20px 0 0 0;}
#menu4 .wrap1{position:absolute;top:0;bottom:0;left:0;right:0;}
#menu4 .h1{font-size:28px;}
#menu4 ul{position:absolute;left:300px;top:0;width:850px;}
#menu4 li{float:left;width:25%;padding:0;margin:0;}
#menu4 li a{padding:85px 0 0;text-align:center;background:none;}
#menu4 li a:hover{background:none;}
#menu4 li a .ic1{left:50%;top:15px;margin:0 0 0 -34px;width:68px;height:72px;}
#menu4 .more{display:none;}


#menu5 .wrap1{/* padding:35px; */}
#menu5 .h1 img{width:427px;height:59px;}
#menu5 .movie1{float:left;width:340px;height:210px;margin:0}
#menu5 ul{float:left;width:730px;margin:0 0 0 10px;}
#menu5 li{padding:0 1%;width:31.333%}
#menu5 .wrap2 .p1{height:145px;overflow:hidden;}

/* 갤러리 두개로 분리 20190318 */
#menu6{width:685px;margin:0;}
#menu6 .wrap1{/* padding:35px; */}
#menu6 .h1 img{width:341px;height:59px;}
#menu6 .movie1{float:left;width:340px;height:210px;margin:0}
#menu6 ul{float:left;width:642px;margin:0;}
#menu6 li{padding:0 1%;width:31.333%}
#menu6 .wrap2 .p1{height:145px;overflow:hidden;}

#menu7 {width:26%; margin-left:15px;}
#menu7 .h1 img{width:312px;height:59px;}
#menu7 .movie1{float:left;width:340px;height:210px;margin:0}
#menu7 ul{float:left;width:730px;margin:0;}
#menu7 li{padding:0 1%;width:35%}
#menu7 .wrap2 .p1{height:145px;overflow:hidden;}
#menu7 .wrap2 .p1 img{width:100%}



} /* /(min-width:1256px) */
@media screen and (orientation:landscape), (min-width:640px) {/* ◇◆◇◆◇◆◇◆◇◆ */
} /* /(orientation:landscape), (min-width:640px) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */