/****************************************
Header
*****************************************/
#header { position: fixed; top: 0; left: 0; width: 100%; height: 100px; z-index: 1000; border-bottom: 1px solid transparent; transition: all .3s ease-out; } 
.header-container { width: 100%; padding: 0 50px; display: flex; align-items: center; justify-content: space-between; height: 100%; position: relative; } 

.hd-logo{width: 250px;}
.hd-logo a { display: block; width: 100%; height: 100%; } 
.hd-logo img { width: 100%; height: 100%; display: block; object-fit: cover;  } 
.hd-rgt { display: flex; align-items: center; gap: 28px; height: 100%; } 
.hd-nav>ul { display: flex; } 
.hd-nav>ul>li { position: relative; } 
.hd-nav>ul>li>a { display: block; width: 100%; height: 100%; line-height: 100px; font-size: 20px; font-weight: 500; padding: 0 30px; color: #FFF; transition: color .2s ease; } 
.hd-nav>ul>li:hover>a { color: var(--color-2) !important; } 
.hd-nav>ul>li>ul { position: absolute; top: calc( 100% - 13px ); left: 0; min-width: 230px; z-index: 1; background: #47b69d; padding: 16px 0; border-radius: 8px; overflow: hidden; display: none;backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
box-shadow: 0px 10px 15px rgba(109, 171, 73, .2); } 
.hd-nav>ul>li>ul>li>a { display: block; width: 100%; height: 100%; padding: 8px 28px; font-weight: 500; color: #FFF; transition: color .2s ease; line-height: 150%; } 
.hd-nav>ul>li>ul>li:hover>a { opacity: .5;} 
.hd-nav>ul>li>ul>li>ul>li>a { display: block; width: 100%; height: 100%; padding: 3px 42px; font-size: 14px; color: rgba(255,255,255,.7); position: relative; transition: color .2s ease; } 
.hd-nav>ul>li>ul>li>ul>li>a::before { content: ""; position: absolute; top: 50%; left: 32px; transform: translateY(-50%); width: 3px; height: 3px; border-radius: 3px; background: #FFF; } 
.hd-nav>ul>li>ul>li>ul>li:hover>a { color: #FFF; text-decoration: underline; } 
.hd-nav>ul>li>ul>li>ul>li:hover>a::before { background: #FFF; } 
.hd-nav>ul>li>ul>li:last-child>ul>li:last-child>a { padding-bottom: 7px;} 

.hd-btn { display: flex; align-items: center; width: 20px; height: 100%; } 
.hd-btn-inner { width: 100%; height: 20px; position: relative; transition: transform .3s ease; } 
.hd-btn-inner span { position: absolute; width: 4px; height: 4px; border-radius: 4px; background-color: #FFF; z-index: 1; transition-delay: .3s !important; transition: top .3s ease, left .3s ease; } 

.hd-btn-inner span:nth-child(1) { top: 0; left: 0; } 
.hd-btn-inner span:nth-child(2) { top: 0; left: 8px; } 
.hd-btn-inner span:nth-child(3) { top: 0; left: 16px; } 

.hd-btn-inner span:nth-child(4) { top: 8px; left: 0; } 
.hd-btn-inner span:nth-child(5) { top: 8px; left: 8px; } 
.hd-btn-inner span:nth-child(6) { top: 8px; left: 16px; } 

.hd-btn-inner span:nth-child(7) { top: 16px; left: 0; } 
.hd-btn-inner span:nth-child(8) { top: 16px; left: 8px; } 
.hd-btn-inner span:nth-child(9) { top: 16px; left: 16px; } 

/*hover*/
.hd-btn:hover .hd-btn-inner span:nth-child(1) { left: 8px; } 
.hd-btn:hover .hd-btn-inner span:nth-child(3) { top: 8px; } 
.hd-btn:hover .hd-btn-inner span:nth-child(7) { top: 8px; } 
.hd-btn:hover .hd-btn-inner span:nth-child(9) { left: 8px; } 

/*open*/
.hd-btn.open .hd-btn-inner span:nth-child(2) { left: 16px; } 
.hd-btn.open .hd-btn-inner span:nth-child(4) { top: 0; } 
.hd-btn.open .hd-btn-inner span:nth-child(6) { top: 16px; } 
.hd-btn.open .hd-btn-inner span:nth-child(8) { left: 0; } 

/*on*/
#header.on { height: 100px; background-color: #FFF; border-bottom-color: #ececec; } 
#header.gnb-on { background-color: #FFF; border-bottom-color: #ececec; } 
#header.on .hd-logo img, #header.gnb-on .hd-logo img {-webkit-filter: none;filter: none; } 
#header.on .hd-nav>ul>li>a { color: #000; line-height: 80px; } 
#header.gnb-on .hd-nav>ul>li>a { color: #000; } 
#header.on .hd-btn-inner span, #header.gnb-on .hd-btn-inner span { background-color: #000; } 



.hd-logo .c{display: none;}
#header.on .c{display: block;}
#header.on .w{display: none;}

#header.gnb-on .c{display: block;}
#header.gnb-on .w{display: none;}


@media screen and (max-width: 1680px) {
	.hd-nav>ul>li>a { padding: 0 20px; } 
	.hd-nav>ul>li>ul>li>a { padding: 8px 20px; } 
	.hd-rgt { gap: 20px; } 
}
@media screen and (max-width: 1480px) {
	#header { height: 80px; } 
	.hd-logo img { max-width: 210px; } 
	.hd-nav>ul>li>a { line-height: 80px; padding: 0 18px; } 
	.hd-nav>ul>li>ul { padding: 11px 0; min-width: 150px; } 
	.hd-nav>ul>li>ul>li>a { padding: 7px 18px; } 
	.hd-nav>ul>li>ul>li>ul>li>a { padding: 3px 36px; } 
	.hd-nav>ul>li>ul>li>ul>li>a::before { left: 26px; } 
 }

@media screen and (max-width: 1340px) {
	.hd-nav>ul>li>a { padding: 0 15px; } 
	.hd-nav>ul>li>ul>li>a { padding: 7px 15px; } 
	.hd-rgt { gap: 24px; } 
 }

@media screen and (max-width: 1280px) {
	.hd-nav { display: none; } 
}

@media screen and (max-width: 1280px) {
	.hd-logo img { max-width: 200px; } 
	.hd-rgt { gap: 20px; } 
	.hd-nav>ul>li>a { padding: 0 20px; } 
	.hd-nav>ul>li>ul>li>a { padding: 5px 20px; } 
	.hd-nav>ul>li>ul>li>ul>li>a { padding: 3px 30px; } 
	.hd-nav>ul>li>ul>li>ul>li>a::before { left: 20px; } 
 }
@media screen and (max-width: 1080px) {
    .hd-logo img { max-width: 220px; }
}
@media screen and (max-width: 720px) {
	#header { height: 60px; } 
	#header.on { height: 60px; } 
	.header-container{padding: 0 16px;}
	.hd-logo img { max-width: 180px; } 
	.hd-rgt { gap: 18px; } 
}

/*site map wrap*/
.siteMap-wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 900;padding-top: 100px;display: none;}
.siteMap-gnb{display: flex;align-items: center;width: 100%;height: 100%;margin: 0 auto;  padding-left: 13rem;}
.siteMap-gnb>ul{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;row-gap: 70px;width: 100%;}
.siteMap-gnb>ul>li{width: 25%;}
.siteMap-gnb>ul>li>a{display: block;width: 100%;height: 100%; font-size: 22px;font-weight: 600;color: #FFF;position: relative;}
.siteMap-gnb>ul>li>a::after{position: absolute;bottom: 100%;left: 0;font-size: 1rem;font-weight: 400;z-index: 1;opacity: .4;}
.siteMap-gnb>ul>li:nth-child(1)>a::after{content: "01";}
.siteMap-gnb>ul>li:nth-child(2)>a::after{content: "02";}
.siteMap-gnb>ul>li:nth-child(3)>a::after{content: "03";}
.siteMap-gnb>ul>li:nth-child(4)>a::after{content: "04";}
.siteMap-gnb>ul>li:nth-child(5)>a::after{content: "05";}
.siteMap-gnb>ul>li:nth-child(6)>a::after{content: "06";}
.siteMap-gnb>ul>li:nth-child(7)>a::after{content: "07";}
.siteMap-gnb>ul>li>ul{margin-top: 15px;}
.siteMap-gnb>ul>li>ul>li>a{display: block;width: 100%;height: 100%;font-size: 18px;font-weight: 400;color: #FFF;opacity: .6;padding: 7px 0;transition: opacity .25s ease;}
.siteMap-gnb>ul>li>ul:hover>li>a{opacity: .2;}
.siteMap-gnb>ul>li>ul>li:hover>a{opacity: 1;}
.siteMap-gnb>ul>li>ul>li>ul>li>a:hover{opacity: 1;}
.siteMap-gnb>ul>li>ul>li>ul>li>a:hover::after{opacity: 1;}

.siteMap-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;transform: translateY(-100%);z-index: 900;opacity: .4;transition: opacity .4s ease, transform .6s ease;
	background-color: rgba(0,0,0,.7);
	backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.siteMap-overlay.on{transform: translateY(0);opacity: 1;}

@media screen and (max-width: 1480px){
	.siteMap-wrap{padding-top: 80px;}
	.siteMap-gnb>ul{row-gap: 60px;}
	.siteMap-gnb>ul>li>ul{margin-top: 10px;}
	.siteMap-gnb>ul>li>ul>li>a{padding: 5px 0;}
}
@media screen and (max-width: 1200px){
	.siteMap-gnb{padding: 0 3rem;}
}
@media screen and (max-width: 1080px){
	.siteMap-gnb>ul{row-gap: 50px;}
	.siteMap-gnb>ul>li>a{font-size: 22px;}
}
@media screen and (max-width: 860px){
	.siteMap-gnb>ul>li{width: calc( 100% / 3 );}
	.siteMap-gnb>ul>li>ul>li>a{padding: 4px 0;}
	.siteMap-wrap{padding-top: 60px;}
	.siteMap-gnb{width: 90%;}
	.siteMap-gnb>ul{gap: 15px;}
	.siteMap-gnb>ul>li{width: 100%;}
	.siteMap-gnb>ul>li>a{font-size: 28px;padding-left: 40px;}
	.siteMap-gnb>ul>li>a::after{bottom: auto;top: 5px;font-size: 14px;opacity: .2;}
	.siteMap-gnb>ul>li>ul{display: none;margin-top: 10px;}
	.siteMap-gnb>ul>li>ul>li>a{padding-left: 40px;font-size: 16px;}
	.siteMap-gnb>ul>li>ul>li>ul>li>a{padding: 3px 20px;padding-left: 50px;}
	.siteMap-gnb>ul>li>ul>li>ul>li>a::after{left: 30px;}
}



/****************************************
Footer
*****************************************/
.sec-footer {position:relative;width:100%;margin:0;padding:0;box-sizing:border-box;}

.sec-footer{background:#5e5e5e;; padding:80px 0 40px;}
.sec-footer a{ color: #fff;}
.sec-footer .ft-nav{display:flex; flex-wrap:wrap; justify-content:space-between;}
.sec-footer .ft-nav .gnb{    width: 100%; display: flex; gap: 3rem;}
.sec-footer .ft-nav .gnb > li{width:16.66%;}
.sec-footer .ft-nav .gnb > li > a{font-size: 20px; margin-bottom: 10px; display:inline-block; font-weight: 500;}
.sec-footer .ft-nav .gnb .depth a{font-size: 16px; color: #cecece; padding:7px 0; display:inline-block;}
.sec-footer .ft-nav .gnb .depth a:hover{color:#fff;}
.sec-footer .ft-nav .family-site{width:100%; max-width:200px; position:relative;}
.sec-footer .ft-nav .family-site > a{position:relative; padding:0 20px; height:50px; line-height:50px; border:1px solid #333; display:block;  }
.sec-footer .ft-nav .family-site > a i{position:absolute; right:20px; top:15px; font-size: 20px; color: #fff;     transition: all ease .6s;}
.sec-footer .ft-nav .family-site > a.open i{transform:rotate(180deg); transform-origin: center;}
.sec-footer .ft-nav .family-site > ul{position:absolute; right:0; top:60px; background:#222; color: #fff;  width:600px; padding:30px;   display:none; z-index:2; overflow:hidden; }
.sec-footer .ft-nav .family-site > ul p{font-weight: 600; font-size: 1.1em; margin-bottom: 5px;}
.sec-footer .ft-nav .family-site > ul > li{float:left; width:33.33%;}
.sec-footer .ft-nav .family-site > ul a{font-size: 15px; padding:3px 0; display:block; color: #999;}
.sec-footer .ft-nav .family-site > ul a:hover{color:#5cb3e6; font-weight: 600;}
.sec-footer .ft-btm{display:flex; flex-wrap:wrap;    align-items: flex-end; border-top:1px solid #9d9d9d; padding-top:30px; margin-top: 50px;}
.sec-footer .ft-logo{    display: block; width: 200px;background: url(../../images/logo.png) no-repeat center center / contain;transition: background 0.3s ease;margin-right: 50px;}
.sec-footer .ft-logo a{display:block;  width:100%; height:100%;}
.sec-footer .ft-info p{color:#999; font-size: 18px; line-height:2;}
.sec-footer .ft-info p .bar{display: inline-block; width:1px; height:12px; background:#444; margin:0 10px;}
.sec-footer .ft-links{margin-left:auto; }
.sec-footer .ft-links a{color:#999; margin-left:30px; display:inline-block; font-weight: 500; font-size: 15px;}
.sec-footer .ft-links a:last-child{color:#fff;}
.sec-footer .ft-links a i{font-style:normal; vertical-align: middle; font-size: 1.2em;} 
#btn_topmove {display: none;position: fixed;z-index: 90;bottom: 40px;right: 40px;width: 50px;height: 50px;}
#btn_topmove button{ width: 50px; height: 50px; background:rgba(255,255,255,0.8); color:#000; border:1px solid #ddd; display:flex; align-items:center; justify-content:center; border-radius:50%;}

.call-box{padding-bottom: 12px;}
.call-box a{ display: inline-block; padding: 10px 30px; border: 2px solid transparent; transition: all .3s; background: #47b69d; color: #fff; font-size: 1.3rem; font-weight: 500; border-radius: 30px;}
.call-box a:hover{border: 2px solid #47b69d; background: transparent; color: #47b69d;}
@media screen and (max-width:969px){  
	#btn_topmove{right:20px; width: 40px; height: 40px; bottom:20px;}
	#btn_topmove button{width: 40px; height: 40px;} 
	/* .sec-footer .ft-nav .gnb{display:none;} */
	.sec-footer .ft-nav .gnb{flex-wrap: wrap;}
	.sec-footer .ft-nav .gnb > li{width: 33%;}
	.sec-footer{padding:30px 0;}
	.sec-footer .ft-nav .family-site > a{font-size: 14px;}
	.sec-footer .ft-nav .family-site > ul{right:auto; left:0; width:100%;min-width:320px; padding:20px;}
	.sec-footer .ft-nav .family-site > ul > li{ width:50%;}
	.sec-footer .ft-nav .family-site > ul > li:last-child{width:100%; margin-top: 20px;}
	.sec-footer .ft-nav .family-site > ul > li:last-child .depth ul{overflow:hidden;}
	.sec-footer .ft-nav .family-site > ul > li:last-child .depth ul > li{width:50%; float:left;}
	.sec-footer .ft-nav .family-site > ul a{font-size: 13px; }
	.sec-footer .ft-nav .family-site > ul p{font-size: 14px;}
	.sec-footer .ft-btm{padding-top: 30px; margin-top: 30px; justify-content: space-between;}
	.sec-footer .ft-nav .family-site > a i{right:14px; font-size: 14px; top:16px;}
	/* .sec-footer .ft-info{margin : 20px 0;} */
	.sec-footer .ft-info p{font-size: 13px;}
	.sec-footer .ft-links{margin-left: 0;}
	.sec-footer .ft-links a{margin-left: 0; margin-right:10px; font-size: 13px;}
}

@media screen and (max-width:480px){
	.sec-footer .ft-nav .gnb > li{width: 45%;}
	.sec-footer .ft-nav .gnb > li > a{font-size: 16px;}
	.sec-footer .ft-nav .gnb .depth a{font-size: 14px;}

	.call-box{padding-bottom: 12px;}
	.call-box a{ display: inline-block; padding: 6px 20px; background: #47b69d; color: #fff; font-size: 1rem; font-weight: 500; border-radius: 30px;}

}