html, body {
	 font-family: 'NanumSquare', 'Pretendard', "Apple SD Gothic Neo", "Malgun Gothic", Sans-serif;
}
 body {
	 overflow-y: visible;
}
 .wrap {
	 width: 1200px;
	 margin: 0 auto;
	 padding: 0px 15px;
}
 .w100 {
	 max-width: 100%;
}
 .mw100 {
	 max-width: 100%;
}
 .fl {
	 float: left;
}
 .fr {
	 float: right;
}
 .clear {
	 clear: both;
}
 header {
	 background: #e8e9e3;
	 font-size: 18px;
	 position: fixed;
	 left: 0px;
	 top: 0px;
	 width: 100%;
	 height: 100px;
	 line-height: 100px;
	 z-index: 10;
}
 header .logo {
	 width: 200px;
	 height: 100px;
	 display: inline-block;
	 float: left;
	 vertical-align: middle;
	 position: relative;
}
 header .logo img {
	 max-height: 100px;
	 width: 100%;
	 position: absolute;
	 top: 50%;
	 transform: translateY(-50%);
}
 header .btn-bars {
	 display: none;
}
 header ul.nav_mnu {
	 float: right;
}
 header ul.nav_mnu li.nav_menu {
	 display: inline-block;
}
 header ul.nav_mnu li.nav_menu a {
	 font-size: 18px;
	 color: var(--color3);
	 display: block;
	 padding: 0px 50px;
	 font-weight: 600;
}
 h1 {
	 font-size: 50px;
	 font-weight: 600;
	 text-align: center;
	 color: var(--color4);
	 letter-spacing: -2px;
	 line-height: 64px;
	 display: block;
	 padding-bottom: 40px;
}
 h1 b {
	 font-weight: 600;
	 color: var(--color2);
}
 h1 small {
	 font-size: 32px;
	 letter-spacing: 0;
	 font-weight: 400;
	 color: var(--color4);
	 display: block;
}
 h1.white {
	 color: var(--color1);
}
 h1.white small {
	 color: var(--color1);
}
 p {
	 color: var(--color4);
	 font-size: 24px;
	 line-height: 29px;
}
 p b {
	 font-weight: bold;
	 font-size: 32px;
	 line-height: 29px;
}
 footer {
	 background: #322e2b;
	 text-align: left;
	 font-size: 18px;
	 line-height: 20px;
	 color: var(--color1);
	 padding: 30px 0px;
}
 footer p {
	 color: var(--color1);
}
 footer b {
	 font-weight: 600;
}
 footer span {
	 font-size: 16px;
	 display: block;
	 padding-top: 30px;
}
 footer .sns_list {
	 padding: 30px 0px;
}
 footer .sns_list a {
	 display: block;
	 float: left;
	 width: 20%;
}
 footer .sns_list a img {
	 width: 35px;
}
 section {
	 padding: 78px 0px;
}
 .pc {
	 display: block;
}
 .mo {
	 display: none;
}
 .lg {
	 display: block;
}
 .md {
	 display: none;
}
 @media only screen and (max-width: 1200px) {
	 .wrap {
		 width: 100%;
	}
	 .lg {
		 display: none;
	}
	 .md {
		 display: block;
	}
	 h1 {
		 font-size: 44px;
		 font-weight: 600;
		 text-align: center;
		 color: var(--color4);
		 letter-spacing: -2px;
		 line-height: 55px;
		 display: block;
		 padding-bottom: 40px;
	}
	 h1 b {
		 font-weight: 600;
		 color: var(--color2);
	}
	 h1 small {
		 font-size: 32px;
		 letter-spacing: 0;
		 font-weight: 400;
		 color: var(--color4);
		 display: block;
	}
	 h1.white {
		 color: var(--color1);
	}
	 h1.white small {
		 color: var(--color1);
	}
}
 @media only screen and (max-width: 999px) {
	 header {
		 background: #e8e9e3;
		 font-size: 18px;
		 position: fixed;
		 left: 0px;
		 top: 0px;
		 width: 100%;
		 height: 100px;
		 line-height: 100px;
		 z-index: 10;
	}
	 header .logo {
		 width: 150px;
		 height: 100px;
		 display: inline-block;
		 float: left;
		 vertical-align: middle;
		 position: relative;
	}
	 header .logo img {
		 max-height: 100px;
		 width: 150px;
		 position: absolute;
		 top: 50%;
		 transform: translateY(-50%);
	}
	 header .btn-bars {
		 display: block;
		 position: absolute;
		 right: 25px;
		 top: 50%;
		 transform: translateY(-50%);
		 cursor: pointer;
	}
	 header ul.nav_mnu {
		 display: none;
		 position: fixed;
		 left: 0px;
		 top: 100px;
		 background: rgba(0, 0, 0, 0.8);
		 float: none;
		 width: 100%;
		 height: 100%;
		 text-align: center;
	}
	 header ul.nav_mnu li.nav_menu {
		 display: block;
		 width: 100%;
	}
	 header ul.nav_mnu li.nav_menu a {
		 font-size: 18px;
		 color: var(--color1);
		 display: block;
		 padding: 0px 50px;
		 font-weight: 600;
	}
	 footer {
		 background: #322e2b;
		 text-align: center;
		 font-size: 18px;
		 line-height: 20px;
		 color: #ccc;
		 padding: 30px 0px;
	}
	 footer b {
		 font-weight: 600;
	}
	 footer span {
		 font-size: 16px;
		 display: block;
		 padding-top: 30px;
	}
	 footer .sns_list {
		 padding: 0px 0px;
	}
	 footer .sns_list a {
		 display: inline-block;
		 padding: 0px 5px;
		 width: auto;
		 float: none;
	}
	 footer .sns_list a img {
		 width: 35px;
	}
	 p {
		 color: var(--color4);
		 font-size: 18px;
		 line-height: 24px;
	}
	 p b {
		 font-weight: bold;
		 font-size: 24px;
		 line-height: 28px;
	}
}
 @media only screen and (max-width: 680px) {
	 .pc {
		 display: none;
	}
	 .mo {
		 display: block;
	}
	 header {
		 background: #e8e9e3;
		 font-size: 18px;
		 position: fixed;
		 left: 0px;
		 top: 0px;
		 width: 100%;
		 height: 100px;
		 line-height: 100px;
		 z-index: 10;
	}
	 header .logo {
		 width: 150px;
		 height: 100px;
		 display: inline-block;
		 float: left;
		 vertical-align: middle;
		 position: relative;
	}
	 header .logo img {
		 max-height: 100px;
		 width: 150px;
		 position: absolute;
		 top: 50%;
		 transform: translateY(-50%);
	}
	 header .btn-bars {
		 display: block;
		 position: absolute;
		 right: 25px;
		 top: 50%;
		 transform: translateY(-50%);
		 cursor: pointer;
	}
	 header ul.nav_mnu {
		 display: none;
		 position: fixed;
		 left: 0px;
		 top: 100px;
		 background: rgba(0, 0, 0, 0.8);
		 float: none;
		 width: 100%;
		 height: 100%;
		 text-align: center;
	}
	 header ul.nav_mnu li.nav_menu {
		 display: block;
		 width: 100%;
	}
	 header ul.nav_mnu li.nav_menu a {
		 font-size: 18px;
		 color: var(--color1);
		 display: block;
		 padding: 0px 50px;
		 font-weight: 600;
	}
	 footer {
		 background: #322e2b;
		 text-align: center;
		 font-size: 18px;
		 line-height: 20px;
		 color: #ccc;
		 padding: 30px 0px;
	}
	 footer b {
		 font-weight: 600;
	}
	 footer span {
		 font-size: 16px;
		 display: block;
		 padding-top: 30px;
	}
	 footer .sns_list {
		 padding: 0px 0px;
	}
	 footer .sns_list a {
		 display: inline-block;
		 padding: 0px 5px;
		 width: auto;
		 float: none;
	}
	 footer .sns_list a img {
		 width: 35px;
	}
	 p {
		 color: var(--color4);
		 font-size: 18px;
		 line-height: 24px;
	}
	 p b {
		 font-weight: bold;
		 font-size: 24px;
		 line-height: 28px;
	}
	 section {
		 padding: 30px 0px;
	}
	 h1 {
		 font-size: 32px;
		 font-weight: 600;
		 text-align: center;
		 color: var(--color4);
		 letter-spacing: -2px;
		 line-height: 40px;
		 display: block;
		 padding-bottom: 40px;
		 text-wrap: pretty;
	}
	 h1 b {
		 font-weight: 600;
		 color: var(--color2);
	}
	 h1 small {
		 font-size: 20px;
		 letter-spacing: 0;
		 font-weight: 400;
		 color: var(--color4);
		 display: block;
	}
	 h1.white {
		 color: var(--color1);
	}
	 h1.white small {
		 color: var(--color1);
	}
	 p {
		 color: var(--color4);
		 font-size: 14px;
		 line-height: 22px;
	}
	 p b {
		 font-weight: bold;
		 font-size: 18px;
		 line-height: 24px;
	}
}