body {
	font-family:'Pretendard-Regular','Roboto',sans-serif !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#363432; position: relative;
	background-color: #ffffff !important;
}

.mgnb{display: none;}
.gnb_btn {display: none}
.pd180 {padding: 180px 0}
.pd80 {padding: 80px 0}
.bgcolor {background: #FCFAF6}
.text span {white-space: nowrap;}
.disnone {display: none}

header{position: fixed; width:100%; z-index: 99; top:0; transition: top 0.5s ease-in-out;}
header .headwrap{width:1400px; margin:0 auto; display: flex; justify-content: space-between; align-items: center; position: static;}
header .logo{height: 100px; display: flex; align-items: center; position: relative; z-index: 99;}
header .logo img{height: 40px;}
header .gnb ul{display: flex; justify-content: start; align-items: center;margin: 0}
header .gnb ul li {margin-right:30px;line-height: 100px}
header .gnb ul li .depth01 {line-height: 32px}
header .gnb ul li a{font-size: 15px; font-family: 'Pretendard-SemiBold';text-decoration: none; color:#483E30;}
header .gnb ul li:last-of-type{margin-right:0;}

.gnb>ul>li>a {
	display: block;
	color: #483E30;
	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: 100%;
	padding-top: 0px;
	transition: all .5s;
}
.gnb>ul .depth01 a {
	display: block;
	color: #483E30;
	background-color: #efede4;
	width: 100%;
	min-width: 130px;
}
.gnb>ul .depth01 .top{
	background-color: #efede4;
	height: 5px;
	border-radius: 5px 5px 0 0;
}
.gnb>ul .depth01 .bottom{
	background-color: #efede4;
	height: 5px;
	border-radius: 0 0 5px 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: #837157;color: #ffffff}
.depth01 a {color: #483E30 !important}

.wrap {width: 1300px;margin: 0 auto}
.title_wrap .left{font-family: 'Pretendard-SemiBold';font-size: 28px}
.title_wrap .right{font-size: 40px;font-weight: bold;font-family: 'Gowun Batang';line-height: 1.3em;letter-spacing: -.05em}

.footer_card {margin-top: 70px}
.footer_card .card {width: 32%;border: 1px solid #E7E7E7;border-radius: 12px;overflow: hidden;padding: 40px 50px;margin-bottom: 30px;transition: all .2s;cursor: pointer}
.footer_card .card.typea {background: #ffffff;}
.footer_card .card.typeb {background: #faf7f0;}
.footer_card .card .category {font-size: 14px}
.footer_card .card .body {margin-top: 20px}
.footer_card .card .body .sbuject {font-family: 'Pretendard-Bold';font-size: 35px;color: #57524C}
.footer_card .card .body .text {margin-top: 20px;min-height: 70px;font-size: 15px;color: #666360}
.footer_card .card .link button {background: #a69c8d;border: 0;color: #fff;line-height: 40px;width: 40px;border-radius: 20px;height: 40px;font-size: 16px}
.footer_card .card .link a {text-decoration: none;color: #333333}
.footer_card .card:hover {background: #a69c8b;transition: all .2s}
.footer_card .card:hover .sbuject, .footer_card .card:hover .text, .footer_card .card:hover .category {color: #ffffff;transition: all .2s}
.footer_card .card:hover .link button {background: #ffffff;color: var(--btnHoverColor);}
.footer_card .card:hover .link {color: #ffffff}

footer{
	background: #F7F7F7;position: relative;padding:30px 0;
}
footer .wrap{width:1400px;margin:  auto}
footer .foot-top{padding-bottom: 20px; margin-bottom: 30px; border-bottom:1px solid #DFDCD6;}
footer .foot-top .flexwrap{display: flex; justify-content: space-between; align-items: center;}
footer .foot-top .flexwrap .left{}
footer .foot-top .flexwrap .left ul{display: flex; justify-content: start; align-items: center; margin-bottom: 0;}
footer .foot-top .flexwrap .left ul li{margin-right:20px; font-size: 14px; line-height: 1.5em; font-family: 'Pretendard-Medium';}
footer .foot-top .flexwrap .left ul li:last-of-type{margin-right:0;}
footer .foot-top .flexwrap .left ul li a{color:#70695E; text-decoration: none;}
footer .foot-top .flexwrap .right ul {margin: 0}
footer .foot-top .flexwrap .right img {height: 40px;}

footer .logo img{height: 25px;}
footer .foot-middle .flexwrap{display: flex; justify-content: space-between; align-items: start; flex-direction: row-reverse;}
footer .foot-middle .flexwrap .right{text-align: right;}
footer .foot-middle .flexwrap .right .tel{font-family: 'Pretendard-bold'; font-size: 28px;}
footer .foot-middle ul{}
footer .foot-middle ul li{color:#70695E; font-size: 14px; line-height: 1.5em; margin-bottom: 5px; font-family: 'Pretendard-Regular';}
footer .foot-middle ul li:first-child {font-family: 'Pretendard-SemiBold';}
footer .foot-middle ul li:last-of-type{margin-bottom: 0;}
footer .foot-bottom{margin-top: 70px;}
footer .foot-bottom .copy{color:#A69C8D; font-size:13px; line-height: 1.5em;}


/* 로딩 화면 스타일 */
.loading-container {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(255, 255, 255, 0.9);
	justify-content: center;
	align-items: center;
}

.spinner {
	border: 4px solid rgba(0, 0, 0, 0.3);
	border-top: 4px solid #3498db;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 2s linear infinite;
}


@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@media screen and (max-width:1399px) {
	.wrap{width:98%;max-width: 1200px;}
	
	header .headwrap{width:100%; padding:0 2%; margin:0 auto;}
	
	header .lognav{right:1%;}
	header .gnb ul li .depth01 .inner{width:98%;}
	header .lognav .searchform input{width:165px; left:-170px;}
	
	footer .wrap{width:98%;}
}
@media screen and (max-width:1199px) {
	header .gnb ul li .depth01 .inner .right{width:720px;}
}
@media screen and (max-width:1100px) {
	h2{font-size: 28px;} 
	h3{font-size: 22px;}
	h4{font-size: 18px;}
	h5{font-size: 16px;}
	.text{font-size: 15px;}
	
	header .logo{margin-right:0;}
}

@media screen and (max-width:960px) {
	.pd180 {padding: 80px 0}
	.pd80 {padding: 50px 0}
	
	.wrap{width:96%;}
	
	.sub_img ul{display: none;}
	
	header{background: #ffffff !important;}
	header .logo{height: 60px;margin: 0}
	header .logo img{height: 26px;}
	header .gnb{display: none;}
	header .gnb_btn{display: block;z-index: 99}
	
	.toggle-mnu {
	  display: block !important;
	  width: 24px;
	  height: 24px;
	  margin-top: 8px;
	}
	
	.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: #887755;
	  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:98 ;width:100%; height: 100%; top:0px; background:#fff; visibility: hidden; overflow-y: scroll; padding-top: 70px;}
	.mgnb ul{margin-bottom: 0;}
	.mgnb .m_gnb {width:45%; background: #fbfaf6;}
	.mgnb .m_gnb ul{}
	.mgnb .m_gnb ul li{font-size: 16px; line-height: 1.5em;font-family: 'Pretendard-SemiBold';position: relative;}
	.mgnb .m_gnb ul li::after{display:block; content: ''; position: absolute; top:0; bottom:0; left:0; right:100vw; margin:auto; border-radius: 0 8px 8px 0; background: #837057;color: #fff; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25); z-index: 0; transition: right .4s;}
	.mgnb .m_gnb ul li.hover::after, .mgnb .m_gnb ul li.on::after{right:-10px;}
	.mgnb .m_gnb ul li a {text-decoration: none; color:#191919; max-width: 220px; padding:25px 20px; margin-left:auto; display:block; position: relative; z-index: 1; transition: color .4s;}
	.mgnb .m_gnb ul li.hover a, .mgnb .m_gnb ul li.on a{color:#fff;}
	.mgnb .m_gnb_nav {width:55%;}
	.mgnb .m_gnb_nav ul {}
	.mgnb .m_gnb_nav ul li{padding:10px 20px;}
	.mgnb .m_gnb_nav ul li .nav_list .depth1{font-size: 1em; line-height: 1.5em;}
	.mgnb .m_gnb_nav ul li .nav_list .depth1 a{display:block; text-decoration: none; color:#666; padding:15px 20px; border-bottom:1px solid #C2C2C2;font-size: 15px}
	.mgnb .m_gnb_nav ul li .nav_list .depth1 a.on{color:#ad6b0c;font-family: 'Pretendard-SemiBold';}
	
	.title_wrap .left{font-family: 'Pretendard-SemiBold';font-size: 20px}
	.title_wrap .right{font-size: 30px;font-weight: bold;font-family: 'Gowun Batang';line-height: 1.3em;letter-spacing: -.05em}
	
	.footer_card {margin-top: 50px}
	.footer_card .card {width: 33%;border: 1px solid #E7E7E7;border-radius: 12px;overflow: hidden;padding: 30px 30px;margin-bottom: 30px}
	.footer_card .card .category {font-size: 14px}
	.footer_card .card .body {margin-top: 20px}
	.footer_card .card .body .sbuject {font-family: 'Pretendard-Bold';font-size: 25px;color: #57524C}
	.footer_card .card .body .text {margin-top: 20px;min-height: 50px;font-size: 15px;color: #666360}
	.footer_card .card .link button {background: #a69c8d;border: 0;color: #fff;line-height: 40px;width: 40px;border-radius: 20px;height: 40px;font-size: 16px}
	.footer_card .card .link a {text-decoration: none;color: #333333}
	.footer_card .card:hover, .footer_card .card:hover .sbuject, .footer_card .card:hover .text  {background: #a69c8b;color: #ffffff}
	.footer_card .card:hover .link a button {background: #ffffff;color: var(--btnHoverColor);}
	.footer_card .card:hover .link a {color: #ffffff}
}

@media screen and (max-width:780px) {
	.title_wrap .left{font-size: 16px;width: 100%;margin-bottom: 10px}
	.title_wrap .right{font-size: 22px;font-weight: 500;font-family: 'Gowun Batang';line-height: 1.4em;letter-spacing: -.05em;width: 100%}
	
	.footer_card {margin-top: 40px}
	.footer_card .card {width: 100%;border: 1px solid #E7E7E7;border-radius: 12px;overflow: hidden;padding: 30px 40px;margin-bottom: 20px}
	.footer_card .card .category {font-size: 14px}
	.footer_card .card .body {margin-top: 15px}
	.footer_card .card .body .sbuject {font-family: 'Pretendard-Bold';font-size: 24px;color: #57524C}
	.footer_card .card .body .text {margin-top: 10px;min-height: 50px;font-size: 14px;color: #666360}
	.footer_card .card .link button {background: #a69c8d;border: 0;color: #fff;line-height: 36px;width: 36px;border-radius: 20px;height: 36px;font-size: 14px}
	.footer_card .card .link a {text-decoration: none;color: #333333}
	.footer_card .card:hover, .footer_card .card:hover .sbuject, .footer_card .card:hover .text  {background: #a69c8b;color: #ffffff}
	.footer_card .card:hover .link a button {background: #ffffff;color: var(--btnHoverColor);}
	.footer_card .card:hover .link a {color: #ffffff}
	
	footer{padding:50px 0;}
	footer .wrap{width:90%;}
	footer .foot-top{display: none}
	footer .foot-top .flexwrap .left ul li{font-size: 13px;}
	footer .foot-top .flexwrap .right{display: none;}
	footer .foot-middle ul li{font-size: 13px;}
	footer .foot-bottom{margin-top: 50px;}
	footer .foot-bottom .copy{font-size: 13px;}

}
@media screen and (max-width:520px) {
	h2{font-size: 22px;} 
	h3{font-size: 17px;}
	.text{font-size: 14px;}
	
	header .headwrap{padding:0 4%;}

	.wrap{width:92%;}	
	.mgnb{width:100%; right:-100%;}

	footer .foot-middle .flexwrap{display: block;}
	footer .foot-middle .flexwrap .right{text-align: left;}
	footer .foot-middle .flexwrap .left{margin-top: 15px;}
	footer .foot-bottom{margin-top: 20px;}
}
@media screen and (max-width:420px) {
	h2{font-size: 20px;} 
	h3{font-size: 16px;}
	
	.sub_img .wrap{padding:100px 0;}
	
	footer ul li{font-size: 14px;}
	footer .foot-middle ul li{font-size: 12px;}
	footer .foot-top .flexwrap .left ul li{font-size: 12px;}
	footer .copy{font-size:11px;}
}