: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:'Pretendard-Regular','Outfit',sans-serif !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#222222; position: relative;
	line-height: 1.8em;background: #ffffff;
	word-break:keep-all;letter-spacing: -0.1px;font-size:16px;
}

#contents {margin-top:80px;overflow: hidden}
.wrap {width: 1200px;margin: 0 auto;position: relative}
.mgnb{display: none;}
.gnb_btn {display: none}
.disnone {display: none}
.nowrap {white-space: nowrap;}
.only-mo {display: none}

.contents_box {background: #F5F2EA;color: #3A3A3A !important;border-radius: 25px;margin: 0 150px;overflow: hidden}


header {width: 100%;position: relative;height: 80px !important}
header .header {z-index: 99;position: absolute;width: 100%;display: table;height: 80px; top:0;}
header .header .logo {padding-left: 60px;}
header .header .logo img {cursor: pointer; height: 37px;}
header .header .gnb {font-weight: 500; position: relative; z-index: 1; background: inherit; background-color: transparent}

header .header .gnb {margin: 0 auto;}
header .header .gnb .gnb_ul {margin: 0 !important}
header .header .gnb .gnb_ul li {text-align: center;font-size: 18px;padding: 0 34px;letter-spacing: -.04em; position: relative;line-height: 80px;  white-space: nowrap;}
header .header .gnb .gnb_ul li.depth00::after{ content: ''; display:block; position: absolute; left: 0; right: 0; bottom:0; height: 0;margin:auto; background:#c5a568; transition: all .2s;}
header .header .gnb .gnb_ul li.depth00:hover::after{height: 4px;}
header .header .gnb .gnb_ul li.line::after{height: 4px;}
header .header .gnb .gnb_ul li a {color: #333; text-decoration: none;font-family:'Pretendard-SemiBold'}
header .header .gnb .gnb_ul li a span{display:table-cell; vertical-align: middle; height: 80px;}

header .header .header_right{padding-right:60px;display:flex; z-index: 2;}
header .header .header_right small {font-size: 16px;margin-right: 5px}
header .header .header_right a{display: block; font-size: 20px; letter-spacing: -.04em; line-height: 1.5em; color:#333; text-decoration: none;font-family: 'Outfit'}

header .sub_head {background-color: transparent; position: absolute; border: 0;}
header .sub_head .gnb .gnb_ul li a {color: #333}
header .sub_head .gnb .gnb_ul li .depth01 a{color: #fff; }


.sub_menu {display: none;position: absolute;top:90px;left: 0;width: 100%;text-align: center;font-size: 13px}
.sub_menu ul li {all: unset !important;}
.sub_menu ul li a .inner:hover {color:#c5a568;}
.sub_menu ul li .inner{padding: 10px 0;text-overflow: ellipsis; white-space: nowrap;font-size: 16px;color:#333; text-align: center; line-height: 1.5em;font-family:'Pretendard-Regular'}
.gnb ul li:last-child .sub_menu {width: 120%}

.gnb_btn, .mgnb, .mgnbmask {display: none}


header .header .depth01_back {background: #fff; opacity: 90%;display: none;height: 430px}


.footer_info{padding: 40px 0;}
.footer_info .foot_top{display: flex; justify-content: space-between; align-items: center;}
.footer_info .foot_top .foot_logo{}
.footer_info .foot_top .foot_logo a{}
.footer_info .foot_top .foot_logo a img{height: 37px;}
.footer_info .foot_top .iconWrap{display: flex; justify-content: space-between; align-items: center;}
.footer_info .foot_top .iconWrap .icon{padding: 0 10px;}
.footer_info .foot_top .iconWrap .icon a{}
.footer_info .foot_top .iconWrap .icon a img{}
.footer_info .foot_bot{margin-top: 25px; padding-top: 25px; border-top:1px solid #cecece; display: flex; justify-content: space-between; position: relative;}
.footer_info .foot_bot .foot_left{}
.footer_info .foot_bot .foot_left ul{margin:0 !important}
.footer_info .foot_bot .foot_left ul li{font-size: 14px; line-height: 1.7em; color:#333;margin-top: 10px;}
.footer_info .foot_bot .foot_left ul li:first-of-type{margin-top: 0;}
.footer_info .foot_bot .foot_left .copy{ font-size: 14px; line-height: 1.5em; color:#333; position: absolute; left: 0; bottom:0;}
.footer_info .foot_bot .foot_right{}
.footer_info .foot_bot .foot_right ul{display: flex; justify-content: space-between;}
.footer_info .foot_bot .foot_right ul li{padding: 0 20px;}
.footer_info .foot_bot .foot_right ul li a{text-decoration: none; white-space: nowrap;}
.footer_info .foot_bot .foot_right ul li a span{ color:#333; font-size: 14px; line-height: 1.5em; }
.footer_info .foot_bot .foot_right ul li:hover a span{font-weight: bold}
.footer_info .foot_bot .foot_right ul li .footer_nav_sub{}
.footer_info .foot_bot .foot_right ul li .footer_nav_sub a{text-decoration: none; display: block; margin-top: 10px;}
.footer_info .foot_bot .foot_right ul li .footer_nav_sub a .inner{ color:#999; font-size: 14px; line-height: 1.5em;}
.footer_info .foot_bot .foot_right ul li .footer_nav_sub a .inner:hover{font-weight: bold;}

@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}
	footer .footer_wrap {width:1200px; margin:0 auto;}

}

@media screen and (max-width:1380px) {
	.section {padding: 120px 0}
	header .header .header_right{display: none;}
	header {height: 147px !important}
	header .header .logo {margin: 0;width: 100%;padding: 0;text-align: center;padding: 20px 0 10px}
	header .header .gnb {width: 100%;}

	.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}
	
	
}

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

@media screen and (max-width:860px) {
	.section {padding: 90px 0}
	header {height: 80px !important}
	header .header .top {height: 80px}
	header .header .logo {width: auto;padding: 0;padding-left: 5%;}
	header .logo img {height: 38px;transition: all .8s;text-align: left}

	header .gnb{display: none;}
	header .gnb_btn{display: block;z-index: 99;position: fixed;right: 5%;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:98 ;width:100%; height: 100%; top:0px; background:#ffffff; visibility: hidden; overflow-y: scroll; padding-top: 80px;}
	.mgnb ul{margin-bottom: 0;}
	.mgnb .m_gnb {width:40%; background: #ececec;}
	.mgnb .m_gnb ul{}
	.mgnb .m_gnb ul li{font-size: 16px; line-height: 1.5em;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 25px 25px 0; background: #c4a468;color: #ececec; 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:-20px;}
	.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:#ffffff;}
	.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:#333; padding:15px 10px; border-bottom:1px solid rgba(255, 255, 255, 0.2);font-size: 15px}
	.mgnb .m_gnb_nav ul li .nav_list .depth1 a.on{color:#94702e;font-family: 'Pretendard-ExtraBold';}
	
	.footer_info .foot_bot{display: block;}
	.footer_info .foot_bot .foot_left{margin-top: 0; padding-top: 0; border-top:none; padding-bottom: 100px;}
	.footer_info .foot_bot .foot_right{display: none;}
}


@media screen and (max-width:620px) {
	.section {padding: 70px 0}
	.only-pc {display: none}
	.only-mo {display: block}

	.footer_info .foot_bot .foot_left{padding-bottom: 80px;}
	.footer_info .foot_bot .foot_left ul li{font-size: 12px; margin-top: 8px;}
	.footer_info .foot_bot .foot_left .copy{font-size: 12px;}
	.footer_info .foot_top .foot_logo a img{height: 33.33px;}
	.footer_info .foot_top .iconWrap .icon a img{height: 25.2px;}
	
}