@charset "utf-8";

body{position:relative;}
  
/* header .*/
#header_wrap {width:100%; }
#header_wrap.ov {background: #FFF;box-shadow: 5px 5px 15px rgb(0 0 0 / 3%);}
#header_wrap .header_inner {  display: flex; justify-content: space-between;align-items: center;box-sizing:border-box;}
#header_wrap .bg_menu{opacity:0;visibility:hidden;position: absolute;top: 79px;left: 0;width: 100%;height: 0;background: #FFF; z-index: 6;}
#header_wrap.on .bg_menu{opacity:1;visibility:visible;height: 50px; border-top:1px solid #DDD; background:#FFF; box-shadow: 0 10px 10px rgb(0 0 0 / 10%); }

.logo{width: 8%;min-width: 150px;}
.logo > a {display:block;background-image:url('/common/img/common/logo_w.png');background-size:contain;background-position: left;background-repeat:no-repeat;padding: 18%; box-sizing: border-box;}


#gnb{display:flex;align-items: center;justify-content: flex-end; width: 70%; box-sizing: border-box;}
#gnb > li{margin-left:50px; text-align:center;cursor: pointer; position:relative;}
#gnb > li > a {display:block; white-space:nowrap;  font-family: "Noto Sans", sans-serif; font-weight:600; font-size:1.2rem; letter-spacing:0px; color:#000;transition:0.3s;position:relative;line-height:79px;}
#gnb > li a:after{content:''; display:block; width:100%; height:0; background:#F19A68; position:absolute; bottom:0; left:0; transition: all 0.3s ease-out; }
#gnb > li:nth-child(2) > a:after{ background:#E4E36D; }
#gnb > li:nth-child(3) > a:after{ background:#86CADD; }
#gnb > li:nth-child(4) > a:after{ background:#EE8C9C; }
#gnb > li:nth-child(5) > a:after{ background:#6F6EB1; }
#gnb > li:hover > a:after{height:5px}
#gnb > li.ov > a:after {height:5px}


#gnb > li.ov a {color:#F19A68}
#gnb > li:nth-child(2).ov a {color:#E4E36D}
#gnb > li:nth-child(3).ov a {color:#86CADD}
#gnb > li:nth-child(4).ov a {color:#EE8C9C}
#gnb > li:nth-child(5).ov a {color:#6F6EB1}



/* 헤더 숨김 */
#header_wrap.hid{background:rgb(78, 172, 238);border-bottom:0;}
#header_wrap.hid h1,
#header_wrap.hid ul{opacity:0;height:0;}
#header_wrap.hid.on .bg_menu{opacity:0;}


/* 모바일 */
.btn_mobileMenu{display:none;color:#000;font-size:2rem;}
.btn_mobileMenu > i.xi-close{}


/* mo_menu_wrap */
.mo_menu_wrap{display:none;}
.mo_menu_wrap.on{display:block; background:#FFF;padding-top:0;}
.mo_menu  {}
.mo_menu > ul {margin-top:40px}
.mo_menu > ul > li{ }
.mo_menu > ul > li > a{display:flex; font-family: "Noto Sans"; justify-content: space-between; align-items: center;padding:10px 4%; box-sizing:border-box; font-size:1.1em;}
 
  
@media screen and (max-width:1200px){
	#header_wrap{ }
	#header_wrap.ov{background:transparent;}
	#header_wrap.on{box-shadow:none;}
	#header_wrap .header_inner{padding:5px 3%;}
	#header_wrap .bg_menu {display: none;}
	#gnb{display:none;}
	.btn_mobileMenu{display:block;}
	 
	.logo > a{min-width:130px; margin:3px 0}
 }

 


/* btn-scroll */
.btn-scroll{display: none;width: 50px; height: 50px; position: fixed;bottom: 100px;right:50px;z-index: 999;border-radius: 30px;box-shadow: 4px 4px 17px 0px #71717145; background:#FFF;justify-content:center; align-items: center;}
.btn-scroll > i {display:flex;justify-content:center; align-items: center;font-size:1.5rem;}

@media screen and (max-width:640px){
	 .btn-scroll{display:none !important}
}


/* footer*/


footer{background:#17355f; color:rgba(255,255,255,.8); padding:70px 0; box-sizing: border-box;}
footer > .inner { display:flex; align-items:center; gap:50px;  font-size:0.95rem; line-height:1.5}
footer > .inner p {margin-top:20px}  
 

/* clearfix */
.clearfix:after {content:'';display:block;clear:both;}

/* img_box > img */
.img_box > img {width:100%;height:100%;}

/* f_box */
.f_box{display:flex;}

 
 @media screen and (max-width:640px){
	 
		footer img {width:200px}
		footer > .inner {flex-wrap:wrap; }


}