#wrap{width:100%; height:100%; min-width:320px;}

#header{position: relative; width:100%; border-bottom: 1px solid #e9e9e9; background:url(../images/hd_bg.jpg) no-repeat right 0;}

#header .hd_inner{width:100%; max-width: 1750px; display: flex; justify-content: space-between; margin:0 auto; background: #fff;}

	@media all and (max-width:1750px){
		#header .hd_inner{width:96%; margin: 0 auto;}
	}

#header .hd_inner > h1{width: 273px; height: 52px; padding-top: 17px;  box-sizing: border-box;}
#header .hd_inner > h1 a{display: block; width:273px; height: 52px; background:url(../images/hd_logo.jpg) no-repeat 0 0; text-indent: -9999em;}

	@media all and (max-width:1279px){
		#header .hd_inner > h1{width: 173px; height: 59px; padding: 13px 0;}
		#header .hd_inner > h1 a{width:173px; height: 33px; background-size: 100%;}
	}

/*gnb*/
#header .hd_inner .gnb{height: 83px; margin:0 auto; padding-top: 17px; box-sizing: border-box;}
#header .hd_inner .gnb > ul{ display: flex; margin:0; padding:0; list-style:none;}
#header .hd_inner .gnb > ul > li{ width: 200px; text-align:center;}
#header .hd_inner .gnb > ul > li > a{display:inline-block; padding-top:17px; font-weight:700; font-size:20px; letter-spacing:-1px; color:#5c5147; text-align:center;}
#header .hd_inner .gnb > ul > li > a:after{display:block; content: ""; margin:21px 0 0 -10px; width:100%; padding:0 10px; height:5px; background:#e77061; transform:scale(0, 1); transition:all 0.3s ease;}
#header .hd_inner .gnb > ul > li > a.active, 
#header .hd_inner .gnb > ul > li > a:hover{ color:#e77061;}
#header .hd_inner .gnb > ul > li > a.active:after, 
#header .hd_inner .gnb > ul > li > a:hover:after	{transform: scale(1, 1);}

#header .hd_inner .gnb .gnb_wrap{position:absolute; display:none; left:0; top:83px; width:100%; height:300px; z-index:4000; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:#fff;}
#header .hd_inner .gnb ul li .menu_inner{position:absolute; display:none; z-index:4500;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap .left_inner{}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap .left_inner .txt_big{display:none;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul{display: block; width:200px; height:300px; list-style:none; padding-top:20px; box-sizing: border-box; border-top:1px solid #e9e9e9; border-left: 1px solid #e9e9e9;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul:active,
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul:hover{background:#f7faf9;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul > li{margin:5px 2% 0 2%;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul > li > a{display:block; font-size:15px; letter-spacing: -1px; font-weight: 500; color:#5c5147; padding:5px 8px; text-align:center;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul > li > a:hover{display:block; color: #2eb80d; text-decoration: underline;}

#header .hd_inner .gnb ul li:nth-child(1) .menu_inner .menu_wrap > ul{}
#header .hd_inner .gnb ul li:nth-child(2) .menu_inner .menu_wrap > ul{}
#header .hd_inner .gnb ul li:nth-child(3) .menu_inner .menu_wrap > ul{}
#header .hd_inner .gnb ul li:nth-child(4) .menu_inner .menu_wrap > ul{ border-right: 1px solid #e9e9e9;}


		@media all and (min-width:1280px){
			#mobileNavi {display:none;}
			#mask_mn {display:none !important;}
			#header .hd_inner .open_mn {display:none;}
			#header .hd_inner .open{display: none;}
		}
		
		@media all and (max-width:1480px){
			#header .hd_inner .gnb{margin: 0 0 0 auto;}
			#header .hd_inner .gnb > ul > li{ width: 175px;}
		}
		
		@media all and (max-width:1279px){
			#header .hd_inner .hd_link .sitemap_btn{display:none; height:0;}
			#header .hd_inner .gnb{display:none; height:0;}
			#header .hd_inner .gnb > ul{display:none;}
			#header .hd_inner .hd_link .open_mn {display:block; width: 59px; height: 59px; text-indent:-9999em; font-size: 0;}
			#header .hd_inner .hd_link .open { position:absolute; top:0; right:0; background:url('/villagecenter/images/cm_hd_menu.png') no-repeat center 15px; margin-right: 139px; width:59px; height:59px; }
			#header .hd_inner{ width:96%;}
			#header .hd_inner .sitemap{display:none;}

		
			#mobileNavi {display:none; position:fixed; top:0; right:0; width:100%; height:100%; padding:0; z-index:99999; overflow-x:hidden;}
			#mobileNavi > div { float:right; display:block; width:231px; min-height:100%; background:#FFF;}
			#mobileNavi .global { overflow:hidden; display: flex;  height: 50px; margin:0 auto; background: #8dc051; text-align: right;}
			#mobileNavi .global .global_home{width: calc(100% - 51px); text-align: left; margin-left: 10px; padding: 13px 0 0 25px;  background:url('../images/cm_header_mobile_navi_home.png') no-repeat left 15px;}
			#mobileNavi .global .global_home a{color: #fff; font-size: 18px; font-weight: 600;}
			#mobileNavi .global .close { width: 51px; text-align: center; padding-top: 15px; line-height:0;}
			#mobileNavi .member {overflow:hidden; width:100%; list-style:none; margin:29px 0 0 0; padding:20px 0 5px 0; vertical-align:middle; border-bottom:1px solid #dedede;}
			#mobileNavi .member > li {position:absolute; right:180px; top:70px; background:url('../images/cm_header_line_bg.gif') no-repeat left 6px;}
			#mobileNavi .member > li+li {right:110px; padding-left:10px;}
			#mobileNavi .member > li+li+li {right:43px; padding-left:10px;}
			#mobileNavi .member > li+li+li+li {right:10px; padding-left:10px;}
			#mobileNavi .member > li.logout{right:173px;}
			#mobileNavi .member li:first-child{background:none;}
			#mobileNavi .member a {font-weight:bold; color:#797979; font-size:13px; vertical-align:middle;}
			#mobileNavi .member li img{vertical-align:middle;}

			

			#mobileNavi .mobilelnb a {display:block; text-align:left; padding-left:20px; color:#FFF; cursor:pointer;}
			#mobileNavi .depth_01 > li {border-bottom:1px solid #dedede;}
			#mobileNavi .depth_01 > li > a {padding:0 5%; line-height:45px; color:#000; font-weight:700; font-size:14px; background: url('../images/cm_header_mobile_navi_bg_off.png') no-repeat 95% 14px;}
			#mobileNavi .depth_01 > li > a:hover,
			#mobileNavi .depth_01 > li > a:focus,
			#mobileNavi .depth_01 > li.on > a {color:#fff; background: url('../images/cm_header_mobile_navi_bg_on.png') no-repeat 95% 17px #215e40;}
				
			#mobileNavi .depth_02 {display:none; padding:10px 5%; background:#f7f7f7;}
			#mobileNavi .depth_02 > li > a {height:28px; font-weight:500; line-height:28px; padding-left:10px; font-size:14px; color:#424242;}
			#mobileNavi .depth_02 > li > a:hover,
			#mobileNavi .depth_02 > li > a:focus,
			#mobileNavi .depth_02 > li.on > a { font-weight:600; color:#8dc051; background-position:0 -18px;}

			#mobileNavi .sns { float:right; width:80px; padding-top:10px;}
			#mobileNavi .sns ul li {float:left; width:35px; height:35px; background: url('../images/hd_sns_01.png') no-repeat 0 6px;}
			#mobileNavi .sns ul li+li {float:left; width:35px; height:35px;  background: url('../images/hd_sns_02.png') no-repeat 0 6px;}
			#mobileNavi .sns a {display:inline-block; width:100%; color:#FFF; font-weight:600; font-size:12px;}
			
			/* mobile mask */
			.stop_scrolling {height:100%; overflow:hidden !important;}
			#mask_mn {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9995;}
		}

	@media all and (max-width:799px){
		#header .hd_inner .hd_link .open{width: 43px; height: 43px; background-size: 60%; background-position: center 17px; margin-right:109px;}
		#header .hd_inner .hd_link .open_mn {width: 43px; height: 43px;}
	}
#header .hd_inner .hd_link{ display: flex; justify-content: space-between; margin-right: 0; background:url('../images/hd_link_bg.jpg') no-repeat 0 0 #215e40;}
#header .hd_inner .hd_link .sitemap_btn{ width: 99px; padding-left: 14px; text-align: center; margin-top: 25px; box-sizing: border-box;}
#header .hd_inner .hd_link .sitemap_btn a{display:block;  margin: 0 auto; width:32px; height:32px; background:url('../images/cm_hd_menu.png') no-repeat center 0;}

#header .hd_inner .hd_link .link_btn{display: flex; justify-content: space-between; padding-top: 25px; overflow: hidden; box-sizing: border-box;}
#header .hd_inner .hd_link .link_btn > li{ margin-left: 20px; box-sizing: border-box;}
#header .hd_inner .hd_link .link_btn > li a{display: block; text-indent: -9999em; font-size: 0; width: 35px; height: 32px; color:#393d4e; background:url('../images/hd_top_insta.png') no-repeat 0 0;}
#header .hd_inner .hd_link .link_btn > li+li a{display: block; color:#393d4e; background:url('../images/hd_top_blog.png') no-repeat 0 0;}

	@media all and (max-width:1279px){
		#header .hd_inner .hd_link { width: calc(100% - 173px); text-align: right; background: #fff; background: url(../images/hd_m_link_bg.jpg) no-repeat right 0;}
		#header .hd_inner .hd_link .link_btn{ position: absolute; right: 0; top:0; width: 110px; height: 59px; padding-top: 0; margin-right: 2%; background: #8ec051;}
		#header .hd_inner .hd_link .link_btn > li{display: inline-block; background: #215e40; width: 55px; height: 59px; margin: 0; padding: 15px 0 0 20px;}
	}

	@media all and (max-width:799px){
		#header .hd_inner .hd_link{background: url(../images/hd_m_link_bg_799.jpg) no-repeat right 0;}
		#header .hd_inner .hd_link .link_btn{width: 86px;}
		#header .hd_inner .hd_link .link_btn > li{width: 43px; padding: 15px 0 0 10px;}
		#header .hd_inner .hd_link .link_btn > li a{background-size: 70%;}
		#header .hd_inner .hd_link .link_btn > li+li a{background-size: 70%;}
	}

#footer{clear:both; width:100%; height:auto; background: #54504f;}
#footer .privacy_wrap { width:100%; padding: 20px 0; border-bottom: 1px solid #767372;}
#footer .privacy_wrap .privacy_top {display: flex; justify-content: center; flex-wrap: wrap; }
#footer .privacy_wrap .privacy_top > li {position:relative; padding-right:45px; box-sizing: border-box;}
#footer .privacy_wrap .privacy_top > li:last-child {padding-right:0;}
#footer .privacy_wrap .privacy_top > li:first-child a{color:#ffb33b;}
#footer .privacy_wrap .privacy_top > li:after {content:''; position:absolute; left:0; top:10px; margin-left:-22px; width:3px; height:3px; border-radius: 50%; background:#d1d2d4;}
#footer .privacy_wrap .privacy_top > li:first-child:after {display: none;}
#footer .privacy_wrap .privacy_top > li a{display: block; font-size:14px; color: #ededed; font-weight:500;}
#footer .privacy_wrap .privacy_top > li a:hover{color:#ffffff; text-decoration:none;}
#footer .privacy_wrap .privacy_top > li:first-child a:hover{color:#de9843;}

#footer .ft_bottom{ width:100%; max-width: 1540px; height:auto; margin: 0 auto;}
#footer .ft_bottom .copy{ text-align: center; padding: 35px 0;}
#footer .ft_bottom .copy .ft_logo_wrap{ margin-right: 54px;}
#footer .ft_bottom .copy .address_wrap { color:#cfcfcf; font-size: 14px; font-weight: 500; line-height: 150%; letter-spacing: -0.5px;}
#footer .ft_bottom .copy .address_wrap > p { margin: 0 auto; color: #b7b5b5; font-size: 13px; margin-top: 5px;}

#footer .ft_wrap .address_wrap .btn_top{position:absolute; top:0; right:0; width:51px; height:51px; color:#fff; padding-top:13px; text-decoration:none; font-size:13px; text-align:center; box-sizing:border-box; z-index:1000; background: url('../images/ft_top.jpg') no-repeat 0 0;}	

	@media all and (max-width:1750px){
		#footer .privacy_wrap{width:96%; margin: 0 auto;}
		#footer .ft_bottom{width:96%;}
	}

	@media all and (max-width:1024px){
		#footer .privacy_wrap .privacy_top > li a{font-size:0.9rem;}
		#footer .ft_bottom .copy .address_wrap{font-size:0.9rem;}
		#footer .ft_bottom .copy .address_wrap > p{font-size:0.9rem;}
	}
	@media all and (max-width:499px){
		#footer .privacy_wrap .privacy_top > li {width: 50%; padding-left: 10px;}
		#footer .privacy_wrap .privacy_top > li:after { margin-left:0;}
		#footer .privacy_wrap .privacy_top > li:first-child:after {display:block;}

	}