html, body {
	 font-family: 'NanumSquare', 'Pretendard', "Apple SD Gothic Neo", "Malgun Gothic", Sans-serif;
}
 body {
	 overflow-y: visible;
}
/* :root{
	 --color1 : #262321;
	 --color2 : #7d9e4d;
	 --bg-color1 : #90a081;
}
 */
 footer {
	 background: var(--color1);
	 padding: 50px 0px;
}
 .main_visual.ani .slick-active.item .img img {
	 transform: scale(1, 1);
	 -webkit-transform: scale(1, 1);
	 -moz-transform: scale(1, 1);
	 -ms-transform: scale(1, 1);
}
 .wrap {
	 width: 1200px;
	 margin: 0 auto;
	 padding: 0px 15px;
}
 .fl {
	 float: left;
}
 .fr {
	 float: right;
}
 .clear {
	 clear: both;
}
 .ab {
	 z-index: 1;
}
 .pc {
	 display: block;
}
 .mo {
	 display: none;
}
/* footer */
 .f_logo {
	 display: block;
	 float: left;
	 width: 20%;
}
 .f_logo > img {
	 width: 100%;
}
 .f_txt {
	 color: white;
	 font-size: 18px;
	 line-height: 28px;
	 width: 80%;
	 letter-spacing: -1px;
	 padding: 15px 45px;
	 float: left;
	 position: relative;
}
 .sns_list {
	 position: absolute;
	 top: 0px;
	 right: 0px;
}
 .sns_list > li {
	 display: inline-block;
	 padding: 5px;
}
/* header */
 header {
	 position: absolute;
	 left: 0px;
	 bottom: 0px;
	 width: 100%;
	 background: #262321;
	 z-index: 10;
}
 .nav_mnu {
	 display: flex;
	 justify-content: space-around;
}
 .nav_mnu > .btn-bars {
	 display: none;
}
 .btn-bars {
	 width: 25px;
	 position: absolute;
	 top: 25px;
	 right: 20px;
	 cursor: pointer;
}
 .mnu {
	 display: block;
	 height: 105px;
	 padding: 0px 15px;
	 color: white;
	 font-size: 24px;
	 font-weight: bold;
	 line-height: 105px;
}
 .nav_m {
	 display: none;
}
 h1 {
	 text-align: center;
	 font-size: 3.5vw;
	 color: var(--color1);
}
 h1.white {
	 color: white;
}
 h1 > small {
	 display: block;
	 font-size: 28px;
	 padding: 40px 40px;
}
 h1 > small > span {
	 color: #ecdfcb;
}
 @media only screen and (max-width: 1200px) {
	/* footer */
	 .wrap {
		 width: 100%;
	}
	 .f_logo {
		 float: none;
		 width: 30%;
		 text-align: center;
		 margin: 0 auto;
	}
	 .f_txt {
		 float: none;
		 width: 100%;
		 text-align: center;
	}
	 .sns_list {
		 position: relative;
		 padding: 15px 0px;
	}
}
 @media only screen and (max-width: 680px) {
	/* header */
	 .pc {
		 display: none;
	}
	 .mo {
		 display: block;
	}
	 .nav_mnu {
		 display: none;
		 position: fixed;
		 left: 0px;
		 top: 0px;
		 width: 100%;
		 height: 100%;
		 text-align: center;
		 background: rgba(0, 0, 0, 0.8);
		 padding-top: 60px;
	}
	 .nav_mnu > .btn-bars {
		 display: block;
	}
	 .mnu {
		 height: 60px;
		 line-height: 60px;
	}
	 .nav_m {
		 width: 100%;
		 display: block;
		 position: fixed;
		 top: 0px;
		 left: 0px;
		 text-align: center;
		 padding: 15px;
	}
	 .nav_m > .logo img {
		 width: 50%;
	}
}