#header{position:relative; width:100%;}
#header .hd_inner{width:100%; margin-top:2.5rem;}
#header .hd_inner .hd_top{width:100%; max-width:1415px; margin:0 auto; padding-bottom: 2.6875rem; display: flex; justify-content: space-between;}
	@media all and (max-width:1500px){
		#header .hd_inner .hd_top{width:96%;}
	}
	@media all and (max-width:1023px){
		#header .hd_inner{margin-top:20px;}
		#header .hd_inner .hd_top{height:68px;}
	}
	@media all and (max-width:580px){
		#header .hd_inner .hd_top{height:58px;}
	}

#header .hd_inner .hd_top h1{width:293px; height:50px;}
	@media all and (max-width:1023px){
		#header .hd_inner .hd_top h1 img{width:195px;}
	}

#header .hd_inner .hd_top .hd_support{ background: #f7d61f; display: flex; align-items: center; border-radius: 60px; padding:1rem 1.75rem;}
#header .hd_inner .hd_top .hd_support .hd_support_tit{color: #3c3c3c; font-weight:600; margin-right: 1rem;}
#header .hd_inner .hd_top .hd_support .hd_support_tel{color: #015780; font-size:1.25rem; font-weight: 800;}
	@media all and (max-width:1023px){
		#header .hd_inner .hd_top .hd_support{display: none;}
	}

#header .hd_inner .hd_btm{position:relative; width:100%; border-top:1px solid #ebebeb;}
#header .hd_inner .hd_btm .hd_btm_wrap{ position: relative; width: 100%; height:74px;}

#header .hd_inner .hd_btm .hd_btm_wrap .gnb{ width: 100%; max-width:1415px; margin:0 auto; padding: 0;}
#header .hd_inner .hd_btm .hd_btm_wrap .gnb > ul{display: flex; justify-content: center;}
#header .hd_inner .hd_btm .hd_btm_wrap .gnb > ul > li{text-align:center;}
#header .hd_inner .hd_btm .hd_btm_wrap .gnb > ul > li > a{display:inline-block; width: 180px; font-weight:500; padding:21px 20px; font-size:1.25rem; letter-spacing:-1px; color:#222; text-align:center;}
#header .hd_inner .hd_btm .hd_btm_wrap .gnb > ul > li > a:after{display:block; content: ""; margin:1.3125rem 0 0 -0.5rem; width:100%; padding:0 0.5rem; height:0.1875rem; background:#00c18c; transform:scale(0, 1); transition:all 0.3s ease;}
#header .hd_inner .hd_btm .hd_btm_wrap .gnb > ul > li > a.active, 
#header .hd_inner .hd_btm .hd_btm_wrap .gnb > ul > li > a:hover{color:#00c18c;}
#header .hd_inner .hd_btm .hd_btm_wrap .gnb > ul > li > a.active:after,
#header .hd_inner .hd_btm .hd_btm_wrap .gnb > ul > li > a:hover:after{transform: scale(1, 1);}

#header .hd_inner .hd_btm .hd_btm_wrap .gnb_wrap{position:absolute; display:none; left:0; top:4.625rem; width:100%; height:300px; z-index:4000; border-top: 1px solid rgba(0,0,0,0.1); background: #fff}
#header .hd_inner .hd_btm .hd_btm_wrap .gnb ul li .menu_inner{position:absolute; display:none; z-index:4500;}
#header .hd_inner .hd_btm .hd_btm_wrap .gnb ul li .menu_inner .menu_wrap .left_inner{}
#header .hd_inner .hd_btm .hd_btm_wrap .gnb ul li .menu_inner .menu_wrap .left_inner .txt_big{display:none;}
#header .hd_inner .hd_btm .hd_btm_wrap .gnb ul li .menu_inner .menu_wrap > ul{width:220px; list-style:none;}
#header .hd_inner .hd_btm .hd_btm_wrap .gnb ul li .menu_inner .menu_wrap > ul > li{margin-top:10px;}
#header .hd_inner .hd_btm .hd_btm_wrap .gnb ul li .menu_inner .menu_wrap > ul > li > a{display:block; font-size:0.875rem; padding: 0.3125rem 0; color:#666; font-weight:500;}
#header .hd_inner .hd_btm .hd_btm_wrap .gnb ul li .menu_inner .menu_wrap > ul > li > a:hover{display:block; color:#00c18c; font-weight:500;}

#header .hd_inner .hd_btm .hd_btm_wrap .sitemap_btn{position:absolute; right: 13%; top: 0; width: 24px; margin-top:26px; text-indent:-99999em;}
#header .hd_inner .hd_btm .hd_btm_wrap .sitemap_btn a{display:block; width:100%; background:url('../images/cm_hd_menu.png') no-repeat 0 0;}

	@media all and (max-width:1500px){
		#header .hd_inner .hd_btm .hd_btm_wrap{width:96%;}
	}
	@media all and (max-width:1023px){
  		#header .hd_inner .open_mn{background:url('../images/hd_sitemap.png') no-repeat center center #20a9ee;}
		#header .hd_inner .open{display:block; position:absolute; top:0; right:0; margin:0 2%; width:40px; height:40px; text-indent:-9999px;}
		#header .hd_inner .hd_btm{display:none;}
		#header .hd_inner .hd_btm .hd_btm_wrap .gnb{display:none;}
		#header .hd_inner .hd_btm .hd_btm_wrap .sitemap_btn{display:none;}
		#header .hd_inner .hd_btm{width:100%;}
		#header .hd_inner .hd_btm .hd_btm_wrap{width:96%;}
	}
	@media all and (min-width:1024px){
		#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:1023px){
		#mobileNavi {display:none; position:fixed; top:0; right:0; width:100%; height:100vh; padding:0; z-index:9999999; /*overflow-x:hidden;*/}
			#mobileNavi > div {position: relative; float:right; display:block; width:90%; height:100%; min-height:100%; background:#fff;}
			#mobileNavi .top_wrap{ position: relative; width:100%; height: 50px; padding: 1rem; background:#22a188;}
			#mobileNavi .top_wrap .home_link{ width: 50px; padding-left: 1.5rem; background:url('../images/hd_m_home.png') no-repeat 0 center;}
			#mobileNavi .top_wrap .home_link a{ display: block; color: #fff; font-size: 0.875rem; line-height: 140%;}

			#mobileNavi .close {position:absolute; top:1.5rem; right:1.5rem; line-height:0; text-indent: -9999em;}
			#mobileNavi .close::before,
			#mobileNavi .close::after {content: ""; position: absolute; left: 50%; top: 50%; width: 20px; height: 2px; background: #fff; transform-origin: center;}
			#mobileNavi .close::before {transform: translate(-50%, -50%) rotate(45deg);}
			#mobileNavi .close::after {transform: translate(-50%, -50%) rotate(-45deg);}
			#mobileNavi .close:hover::before,
			#mobileNavi .close:hover::after {background:#0091fa; /* 포커스 컬러 */
			}

			#mobileNavi .mobilelnb{padding: 1rem; margin: 0 auto; color:#FFF; cursor:pointer;}
			#mobileNavi .mobilelnb a {display:block; color:#FFF; cursor:pointer;}
			#mobileNavi .depth_01{}
			#mobileNavi .depth_01 > li {border-bottom:1px solid #dedede;}
			#mobileNavi .depth_01 > li > a {color:#000; padding:10px 0; padding-left:15px; font-weight:700; font-size:14px;}
			#mobileNavi .depth_01 > li > a:after{position: absolute; right:15px; line-height:26px; color:rgba(0,0,0,.5); width:26px; z-index:2; cursor:pointer; top:16px;}
				
			#mobileNavi .depth_02 {display:none; padding:10px 5%; background:#f7f7f7;}
			#mobileNavi .depth_02 > li > a {height:28px; font-weight:500; line-height:28px; font-size:0.75rem; color:#424242;}
			#mobileNavi .depth_02 > li > a:hover,
			#mobileNavi .depth_02 > li > a:focus,
			#mobileNavi .depth_02 > li.on > a {font-weight:400; font-weight:500; color:#8d756b; background-position:0 -18px;}

			#mobileNavi .depth_03 {display:none; padding:10px 0; background:#f7f7f7;}
			#mobileNavi .depth_03 > li > a {height:28px; font-weight:400; line-height:28px; font-size:13px; color:#424242;}
			#mobileNavi .depth_03 > li > a:hover,
			#mobileNavi .depth_03 > li > a:focus,
			#mobileNavi .depth_03 > li.on > a {font-weight:400; color:#424242; background-position:0 -18px;}
						
			/* mobile mask */
			.stop_scrolling {height:100%; overflow:hidden !important;}
			#mask_mn {display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.7); z-index:9995;}
	}

#footer{clear:both; position:relative; width:100%; background: #fff;}
#footer .ft_wrap{position:relative; width:100%; max-width: 1415px; margin: 0 auto; padding:4.625rem 0 2rem 0; display:flex; justify-content: flex-start;}
#footer .ft_wrap .ft_logo{width:12.8125rem;}
#footer .ft_wrap .ft_copy{display:flex; flex-direction: column;}
#footer .ft_wrap .ft_copy .ft_link{width:100%; display:flex; gap:0 2rem; justify-content:flex-start;}
#footer .ft_wrap .ft_copy .ft_link > li{position:relative;}
#footer .ft_wrap .ft_copy .ft_link > li:before{position:absolute; content:''; right:-1rem; top: 50%; transform: translateY(-50%); width:2px; height:12px; background:#dddcdc;}
#footer .ft_wrap .ft_copy .ft_link > li:last-child:before{display:none;}
#footer .ft_wrap .ft_copy .ft_link > li a{display:block; font-size:1rem; font-weight: 500; color:#484646; letter-spacing:-1px;}
#footer .ft_wrap .ft_copy .ft_link > li:first-child{padding-left:0;}
#footer .ft_wrap .ft_copy .ft_link > li:first-child a{color:#2faaa9;}
#footer .ft_wrap .ft_copy .copy_wrap{ margin-top: 1.25rem; font-size: 0.9375rem; color: #8d8f92;}
#footer .ft_wrap .ft_copy .address_wrap{width:100%; margin-top:15px;}
#footer .ft_wrap .ft_copy .address_wrap address{color:#DEDADA; font-size:15px; }
#footer .ft_wrap .ft_copy .address_wrap .copyright{color:#DEDADA; font-size:14px; margin:20px 0;}

#footer .ft_wrap .addr_wrap{margin-left: 2.5rem;}
#footer .ft_wrap .addr_wrap > dl{ color:#231815; margin-bottom:1.5rem;}
#footer .ft_wrap .addr_wrap > dl > dt{ font-size:1.125rem; font-weight: 600;}
#footer .ft_wrap .addr_wrap > dl > dd.tel{ font-size:1.625rem; font-weight: 800;}
#footer .ft_wrap .addr_wrap > dl > dd.addr{ font-size:1rem; font-weight: 500;}


#footer .ft_wrap .top_btn{position:absolute; right:0; top:0; width:72px; height:72px; text-align:center; padding-top:20px; box-sizing:border-box; background:#50c2ff; }
#footer .ft_wrap .top_btn a{font-size:18px; color:#fff;}

	@media all and (max-width:1500px){
		#footer .ft_wrap{width:96%;}
	}
	@media screen and (max-width: 1280px) {
		#footer .ft_wrap {flex-wrap: wrap; gap: 2rem; padding: 1rem 0;}
		#footer .ft_wrap .ft_logo{width: 100%;text-align: left;}		
		#footer .ft_wrap .ft_copy{flex: 1 1 100%; order: 3;}		
		#footer .ft_wrap .addr_wrap{flex: 1 1 100%; order: 2; margin-left: 0;}
		#footer .ft_wrap .addr_wrap > dl{display: flex; gap: 1rem; flex-wrap: wrap; align-items: center;}
		#footer .ft_wrap .top_btn{position: absolute;right: 1rem;top: 1rem;width: 60px;height: 60px;padding-top: 16px;}
	}
	@media screen and (max-width: 1024px) {
		#footer .ft_wrap .ft_logo img{width: 70px;}
		#footer .ft_wrap .addr_wrap > dl{margin-bottom: 0.25rem;}
		#footer .ft_wrap .ft_copy .copy_wrap{margin-top: 0.25rem;}
		#footer .ft_wrap .addr_wrap > dl > dt,
		#footer .ft_wrap .addr_wrap > dl > dd.tel,
		#footer .ft_wrap .addr_wrap > dl > dd.addr,
		#footer .ft_wrap .ft_copy .ft_link > li a,
		#footer .ft_wrap .top_btn a{font-size: 0.875rem;}
		#footer .ft_wrap .ft_copy .copy_wrap{font-size: 0.75rem;}
		#footer .ft_wrap .ft_copy .ft_link{flex-wrap: wrap; gap:0.5rem 2rem;}
	}