@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800;900&display=swap');


/* header scroll */
.header_show {transform: translateY(0%); -webkit-transform: translateY(0%);}
.header_hide {transform: translateY(-100%); -webkit-transform: translateY(-100%);}
 
.header {
position:fixed;
top:0;
left:0; 
width:100%;  
z-index:1000; box-sizing:border-box; 
  transition: all 0.3s ease-out;
}

 .header.roll {height: 75px;}
  
.top_sitemap {position:absolute; right:2%; z-index:9999999999999;
  top:25px; color:rgba(255,255,255,.5) !important; font-family:'Montserrat'; line-height:28px; font-size:0.88rem; padding:0 15px;  letter-spacing:0; border:1px solid rgba(255,255,255,.5);  transition: 0.3s linear; }
.top_sitemap:hover {color:#fff !important; border:1px solid #fff}
 
 /*새로운네비*/

nav {width:100%;    background-color:#333;   }
  
nav ul {
  font-size: 0;
  margin: 0; 
  padding: 0; width:100%; position:relative;   displaY:flex; align-items:center
} 

nav ul li {
  display: inline-block; position:relative;  
 
}

nav ul li a {
 text-decoration: none; box-sizing:border-box;
color: #fff !important;  width:100%;  height:75px; line-height:75px;
display:inline-block; font-size:1.2rem; font-weight:600;  padding:0 1.5vw; letter-spacing:-.5px;    transition: 0.3s linear; 
}
  
nav ul li ul {
 /*  background-color:#444; */
  display: none;
  width:200px;
    position: absolute;  left:50%;  margin-left:-100px; top:75px; z-index:99999;  
}

nav ul li ul li { transition: 0.3s linear;   display:inline-block;  background-color:#333; width:100%;}
nav ul li ul li:hover { background-color:#af1e23; }

 
nav ul li ul li a {
   width:100%; text-align:center;
   color:#fff !important; font-size:0.95rem;  font-weight:400; line-height:1.3em;
   letter-spacing:-1px; padding:12px 0; margin:0;  height:auto; 
 }
.menu > ul li.logo {padding-right:4%; padding-left:2.5%;  }
.menu > ul li.logo a {padding:0; line-height:1em; height:1em}





@media all and (max-width:1024px){
	 .top_sitemap {display:none}
	 nav  {  font-size:1rem; }
	 .menu > ul li.logo {padding-top:20px;  padding-bottom:20px;  padding-left:3.5% }
	 nav li:nth-child(n+2):nth-child(-n+6)  {display:none}    
}








img {max-width:100%}
#top {width:100%; height:100px; background-color:#fff; position:fixed; z-index:999999999}
#top ul {width:100%; text-align:center}
#top ul li {display:inline-block; padding:0 2%}





.eng {font-family:'Montserrat' !important}
 
.border_box {border:1px solid #ddd}
.box_100 {width:100%; display:inline-block}
.flex_box {width:100%; display:flex}
.space-between  {justify-content:space-between}
.space-between  div  {width:49%}
.flex_center  {justify-content:center}
.align_center {align-items:center}
.align_start {align-items:start}

.line_br {width:100%; height:1px; background-color:#ddd; display:inline-block; }

b.b_t1 {font-size:1.45rem; color:#333; font-weight:700; line-height:1.4em}
 
.red {color:#eb0a0a }
.blue {color:#0f1e91}

a.basic_btn {width:200px;  display:inline-block; line-height:55px; border:1px solid rgba(255,255,255,1); text-align:center;  font-size:1.1rem; color:rgba(255,255,255,13) !important; letter-spacing:-2px; transition: all 0.3s ease-out;}

@media (max-width:1025px) {
	a.basic_btn {  line-height:45px; font-size:1rem  }

}
 
@media (max-width:950px) {
		.flex_box {flex-wrap:wrap}
		.space-between  div  {width:100%}
		b.b_t1 {font-size:1.2rem; }


}



.disc_list  {width:100%}
.disc_list li {width:calc(100% - 22px); margin-left:22px; list-style:disc}



#footer{width:100%;margin:0 auto;background:#20232b; padding:30px 0; box-sizing:border-box;text-align:center;}
.foot_top > ul > li{display:inline-block;margin-right:5px;padding-right:12px; }
.foot_top > ul > li:last-child{background:none;margin-right:0;padding-right:0;}
.foot_top > ul > li > a{display:block;font-size:1rem;color:#fff;font-weight:300;}
.foot_bot > p {font-size:1rem; margin-top:15px; color:#fff;opacity: 0.4;font-weight:300; margin-bottom:10px;}
.foot_bot > p > span{display:inline-block;margin:0 2px;}

@media (max-width:1024px) {
.foot_top > ul > li > a{font-size:.95rem}
.foot_bot > p {font-size:.9rem; width:100%; display:inline-block; padding:0 7%; box-sizing:border-box}


}

