:root {
	--vh100: calc(var(--vh, 1vh) * 100);
}

@media all and (min-width: 961px){
	:root {
		--header: 120px;
	}
}
@media all and (max-width: 960px) {
	:root {
		--header: 80px;
	}
}


body {
	font-family:'Outfit','Pretendard-Regular',sans-serif !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#47665A; position: relative;
	background-color: #F7F5F0 !important;
	word-break:keep-all;
}
.wrap {width: 1200px;margin: 0 auto}
.mgnb{display: none;}
.gnb_btn {display: none}
.section {padding: 150px 0}
.disnone {display: none}
.nowrap {white-space: nowrap;}
.only-mo {display: none}

header{position: fixed; width:100%; z-index: 99; top:0; transition: top 0.5s ease-in-out;}
header .headwrap{width:100%; margin:0 auto;position: static;padding:0 150px}
header .mlogo {display: none}
header .logo {height: 120px;position: relative; z-index: 99;padding:40px 0;transition: all .8s}
header .logo img{height: 40px;transition: all .8s}
header .logo img.c {display: none}
header .gnb ul{display: flex; justify-content: start; align-items: center;margin: 0}
header .gnb ul li {margin-left:30px;line-height: 120px}
header .gnb ul li .depth01 {line-height: 32px}
header .gnb ul li a{font-size: 17px;font-family: 'Pretendard-Medium';text-decoration: none; color:#373737;}
header .gnb ul li:last-of-type{margin-right:0;}

.gnb>ul>li>a {
	display: block;
	color: #ffffff;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
.gnb>ul .depth01 {
	position: absolute;
	top: 80%;
	opacity: 0;
	visibility: hidden;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
.gnb>ul>li:hover .depth01 {
	opacity: 1;
	visibility: visible;
	top: 90%;
	padding-top: 0px;
	transition: all .5s;
}
.gnb>ul .depth01 a {
	display: block;
	color: #fff;
	background-color: #39974a;
	width: 100%;
	min-width: 130px;
}
.gnb>ul .depth01 .top{
	background-color: #39974a;
	height: 5px;
}
.gnb>ul .depth01 .bottom{
	background-color: #39974a;
	height: 5px;
}

.depth01 .inner{padding: 5px;text-align: left;text-overflow: ellipsis; white-space: nowrap;padding:12px 30px 12px 14px;font-size: 14px}
.depth01 .inner:hover {background-color: #56a665;}
.depth01 a {color: #ffffff !important}

header.on .gnb ul li a{color:#3A3A3A;}


footer {position: relative;padding:80px 150px;background: #F5F2EA}
footer .footer_wrap {width: 100%}
footer .footer_wrap .logo {width: 10%}
footer .footer_wrap .right {width: 90%}

footer .d-flex label {font-family: 'Pretendard-SemiBold';font-size: 15px}

footer .info ul{font-size: 14px;font-family: 'Pretendard-Regular';line-height:1.8em;margin-top: 20px;color: #7F7F7F}
footer .info ul li b {font-family: 'Pretendard-SemiBold';margin-right: 10px}
footer .info ul li span {margin-left: 20px}

footer .other_info .tel_wrap {margin-right: 80px;color: #626262}
footer .other_info .tel_wrap .tel {font-family: 'Outfit';font-size: 26px;margin: 20px 0 5px;letter-spacing: -3%}
footer .other_info .tel_wrap .noti {margin-top: 10px;font-size: 15px}
footer .other_info .sns {margin-top: 15px}
footer .other_info .sns li img {height: 46px}
footer .tel_wrap table {width: 210px;font-size: 14px;margin: 20px 0 5px;line-height: 2em;font-family: 'Pretendard-Medium';}
footer .tel_wrap table tr th {font-weight: 100;font-family: 'Pretendard-Medium';width: 70px;display: flex; justify-content: space-between;}
footer .tel_wrap table tr th, footer .time_wrap table tr td {}
footer .tel_wrap table tr td {text-align: right;font-family: 'Outfit';}



footer .copy{font-size:12px; line-height: 1.5em;font-family: 'Outfit';color: #7A7A7A;margin-top: 20px}

@media screen and (max-width:1500px) {
	header .headwrap{width:1200px; margin:0 auto;position: static;padding:0}
	.contents_box {background: #F5F2EA;color: #3A3A3A !important;border-radius: 25px;width:1200px; margin:0 auto;overflow: hidden}
	
	footer{position: relative;padding:80px 0;background: #F5F2EA}
	footer .footer_wrap {width:1200px; margin:0 auto;}

}

@media screen and (max-width:1320px) {
	.section {padding: 120px 0}
	
	header .headwrap{width: 90%;margin: 0 5%}

	.wrap {width: 90%;margin: 0 5%}
	.contents_box {background: #F5F2EA;color: #3A3A3A !important;border-radius: 25px;width: 90%;margin: 0 5%overflow: hidden}
	
	footer .footer_wrap {width:90%; margin:0 5%;}
}



@media screen and (max-width:1100px) {
	.wrap{width:92%;margin: 0 auto}
	
	
	header .logo{height: 72px;padding:20px 0 10px;margin-right: 0;transition: all .8s;text-align: center;width: 100%}
	header .logo img{height: 32px;transition: all .8s}
	header .gnb {width: 100%}
	header .gnb ul {margin: 0 auto;justify-content: center;height: 40px;margin-bottom: 10px}
	header .gnb ul li {margin-left:30px;line-height: 40px;}
	header .gnb ul li a{font-size: 16px;}
	
	.gnb>ul .depth01 {
		position: absolute;
		top: 90px;
		opacity: 0;
		visibility: hidden;
		transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
	}
	.gnb>ul>li:hover .depth01 {
		opacity: 1;
		visibility: visible;
		top: 120px;
		padding-top: 0px;
		transition: all .5s;
	}
	

	footer .footer_wrap .logo img {width: 60px}
	
	footer .d-flex label {font-family: 'Pretendard-SemiBold';font-size: 15px}
	
	footer .info ul{font-size: 14px;font-family: 'Pretendard-Regular';line-height:1.8em;margin-top: 20px;color: #7F7F7F}
	footer .info ul li b {font-family: 'Pretendard-SemiBold';margin-right: 10px}
	footer .info ul li span {margin-left: 20px}

	footer .other_info .tel_wrap {margin-right: 30px;color: #626262}
	footer .other_info .tel_wrap .tel {font-family: 'Outfit';font-size: 26px;margin: 20px 0 5px;letter-spacing: -3%}
	footer .other_info .tel_wrap .noti {margin-top: 10px;font-size: 14px} 
	footer .other_info .sns ul {margin: 20px 0 5px;}
	
	
	footer .copy{font-size:12px; line-height: 1.5em;font-family: 'Outfit';color: #7A7A7A;margin-top: 50px}

}

@media screen and (max-width:960px) {
	footer .tel_wrap {margin-right: 40px}
}

@media screen and (max-width:860px) {
	.section {padding: 90px 0}
	
	header .mlogo{display: block;height: 80px;padding:27px 0;transition: all .8s;width: auto;z-index: 99}
	header .logo {display: none}
	header .mlogo img{height: 26px;transition: all .8s}
	
	header .gnb{display: none;}
	header .gnb_btn{display: block;z-index: 99}
	
	
	.gnb_btn{z-index: 99;padding-top:29px}
	
	.toggle-mnu {
	  display: block !important;
	  width: 24px;
	  height: 24px;
	}
	
	.toggle-mnu span:after, .toggle-mnu span:before {
	  content: "";
	  position: absolute;
	  left: 0;
	  top: 7px;
	}
	
	.toggle-mnu span:after {
	  top: 14px;
	}
	
	.toggle-mnu span {
	  position: relative;
	  display: block;
	}
	
	.toggle-mnu span, .toggle-mnu span:after, .toggle-mnu span:before {
	  width: 100%;
	  height: 2px;
	  background-color: #535353;
	  transition: all 0.3s;
	  backface-visibility: hidden;
	  border-radius: 2px;
	}
	
	.toggle-mnu.on span {
	  background-color: transparent;
	}
	
	.toggle-mnu.on span:before {
	  transform: rotate(45deg) translate(-1px, 0px);
	}
	
	.toggle-mnu.on span:after {
	  transform: rotate(-45deg) translate(5px, -7px);
	}
	
	.mgnb{display: block; position: fixed; z-index: 9; width: 100%; height: calc(100% - 60px);  top:-100%; transition: all .4s;left: 0;background-color: rgb(247, 246, 241)}
	.mgnb.on{top:80px;}
	.mgnb .flexbox{height: 100%; position: relative;}
	.mgnb ul{margin-bottom: 0;}
	.mgnb ul.m_gnb{width:100%;margin-top: 10px}
	.mgnb ul.m_gnb li{font-size: 35px; line-height: 1em;font-family: 'Pretendard-SemiBold';opacity: 0;top: -40px;position: relative;transition: transform 0.8s, color 0.5s;width: 100%;text-align: center;}
	.mgnb ul.m_gnb li a{text-decoration: none; color: #2B5E4B; width: 100%; padding:15px 5%; display:block; position: relative; z-index: 1; transition: background .4s;}
	.mgnb ul.m_gnb li.on a,	.mgnb ul.m_gnb li:hover a {color: #214d3d}
	.sub_nav {position: absolute;bottom: 90px;width: 100%;left: 0}
	.sub_nav ul {display: table;margin: 0 auto}
	.sub_nav ul li {display: table-cell;padding: 0 5px}
	.sub_nav ul li a {color: #111;font-family: 'Pretendard-SemiBold'}
	
	.mgnb .m_gnb_nav {width:60%; background: #fff;padding:10px 0;}
	.mgnb .m_gnb_nav .nav_list .depth1{font-size: 1em; line-height: 1.5em; font-family: 'SUIT'}
	.mgnb .m_gnb_nav .nav_list .depth1 a{display:block; text-decoration: none; color:#2A3927; padding:15px 30px; border-bottom:1px solid #C2C2C2;}
	.mgnb .m_gnb_nav .nav_list .depth1 a span.on{color:#999999;font-weight: bold}
	

	footer .footer_wrap .logo img {width: 80px}

	
	footer .d-flex label {font-family: 'Pretendard-SemiBold';font-size: 15px}
	
	footer .info {width: 100%}
	footer .other_info {width: 100%;margin-top: 20px;}
	footer .info ul{font-size: 14px;font-family: 'Pretendard-Regular';line-height:1.8em;margin-top: 20px;color: #7F7F7F}
	footer .info ul li b {font-family: 'Pretendard-SemiBold';margin-right: 10px}
	footer .info ul li span {margin-left: 20px}
	
	footer .other_info .tel_wrap {margin-right: 30px;color: #626262}
	footer .other_info .tel_wrap .tel {font-family: 'Outfit';font-size: 26px;margin: 20px 0 5px;letter-spacing: -3%}
	footer .other_info .tel_wrap .noti {margin-top: 10px;font-size: 14px} 
	footer .other_info .sns ul {margin: 20px 0 5px;}
	
	
	footer .copy{font-size:12px; line-height: 1.5em;font-family: 'Outfit';color: #7A7A7A;margin-top: 50px}
}


@media screen and (max-width:620px) {
	.section {padding: 70px 0}
	.only-pc {display: none}
	.only-mo {display: block}
	
	.wrap{width:86%;margin: 0 auto}
	
	header .mlogo img{height: 23px;transition: all .8s}
	
	footer {padding: 80px 5% 100px}
	footer .nav {display: none}
	footer .other_info {width: 100%;margin-top: 20px}
	footer .other_info .time_wrap {width: 50%}
	footer .other_info .tel_wrap {width: 50%;margin: 0;}
	
	footer .footer_wrap .logo {margin-right: 0;width: 100%}
	footer .footer_wrap .logo img {width: 30px}
	footer .footer_wrap .right {width: 100%;margin-top: 10px}
	
	footer .d-flex label {font-family: 'Pretendard-SemiBold';font-size: 15px}
	
	footer .info {width: 100%}
	footer .other_info {width: 100%;margin-top: 20px;}
	footer .info ul{font-size: 14px;font-family: 'Pretendard-Regular';line-height:1.8em;margin-top: 20px;color: #7F7F7F}
	footer .info ul li b {font-family: 'Pretendard-SemiBold';margin-right: 10px}
	footer .info ul li span {margin-left: 20px}
	footer .info ul li span.fax {margin-left: 0}
	
	footer .tel_wrap table {margin:10px 0 5px}
	footer .other_info .tel_wrap {margin-right: 0;width: 100%;color: #626262}
	footer .other_info .tel_wrap .tel {font-family: 'Outfit';font-size: 26px;margin: 10px 0 5px;letter-spacing: -3%}
	footer .other_info .tel_wrap .noti {margin-top: 10px;font-size: 14px} 
	footer .other_info .sns {width: 100%;margin-top: 30px;}
	footer .other_info .sns ul {margin: 20px 0 5px;}
	footer .s_btn {margin-bottom: 30px}
	
	footer .copy{font-size:12px; line-height: 1.5em;font-family: 'Outfit';color: #7A7A7A;margin-top: 50px}
}