@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
	
	* {padding:0; margin:0;box-sizing:border-box}



header {
    width: 100%;
position:fixed;
	background:#fff;
display:block;
z-index:9999;
top:0
}
    

div.top_inner {
    width:93%; 
    display:flex; justify-content:space-between;  align-items:center; 
    margin:0 auto;

    
}

header div.top_inner h1 {
    width:55px; 


}
header div.top_inner h1 img{width:100%}

header div.top_inner h3 {    width:30px; 

}
header div.top_inner h3 img{width:100%}

/* Navigation Styles */

nav { 

}

nav ul {
  font-size: 0;
  margin: 0;  
  padding: 0;

}

nav ul li {
  display: inline-block;
  position: relative;  
}

nav ul li a {
  color: #333;
  display: block;
  font-size: 18px;
  padding: 30px 31px;
  transition: 0.3s linear;
  text-align:center;
  font-weight:600;
  
}

nav ul li:hover { }

nav ul li ul {
  display: none;
  position: absolute;
  width: 160px; left:50%; margin-left:-80px; 
    z-index: 9999;
  
}


nav ul li ul li {
  display: block;

}

.big{
font-size:16px ;
font-weight:600;
padding:17px 0;

}
nav ul li ul li:first-child { border-top: 3px solid #f05f32; }
nav ul li ul li:first-child a{padding-bottom:7px;}
.two{ padding:17px 0 7px 0; }
nav ul li ul li:last-child a{padding-bottom:17px;}
nav ul li ul li a {
  background: #fff;
  display: block;
  padding: 7px 0px;
  font-size:14px;
  font-weight:400
}

nav ul li ul li a:hover { color:#f05f32}

nav .fa.fa-angle-down { margin-left:6px; }

#navi_2 .sub{background:#f28d6d}





 .naver {width:80px;height:80px; background-color:#03c75a; text-align:center; position:fixed; color:#fff !important; display:inline-block; bottom:25%; right:2%; z-index:99999; border-radius:50%;}
  .naver .top{padding:17px 0 0 15px;width:80%;text-align:center}

  .one {width:80px; height:80px; background-color:#f05f32; display:inline-block; position:fixed; bottom:15%; right:2%; transition: all 0.3s ease-out; overflow:hidden; border-radius:50px; z-index:99999;}
   .one:hover {width:200px; height:80px; }
   .one span {color:#fff; font-size:24px; font-weight:400;width:80px; line-height:80px;}
   .one span.i {width:80px; line-height:80px; text-align:Center; color:#fff; display:inline-block;padding:13px}

 .top_fixed {width:80px;height:80px; background-color:#181919; text-align:center; position:fixed; color:#fff !important; display:inline-block; bottom:5%; right:2%; z-index:99999; border-radius:50%;}
  .top_fixed .top{  display: flex;flex-direction: column; align-items: center;padding-top:20px}



	@media (max-width:900px){
 .naver {width:60px;height:60px;bottom:160px; right:2%;}
  .naver .top{padding:13px 0 0 12px;font-size:0.875rem;}


 .one {width:60px; height:60px; bottom:90px; right:2%;}
    .one:hover {width:130px; height:60px; }
	   .one span {color:#fff; font-size:0.875rem; font-weight:400;width:60px; line-height:60px;}
	      .one span.i {width:60px; line-height:60px;padding:9px }

	.top_fixed {width:60px;height:60px;bottom:20px; right:2%;}
  .top_fixed .top{  display: flex;  flex-direction: column;align-items: center;padding-top:13px;font-size:0.875rem;}
	}





	#main .footer01{border-bottom:1px solid #ddd;padding:30px 0; border-top:0px;}
	.footer01{border-bottom:1px solid #ddd;border-top:1px solid #7d7d7d;padding:30px 0;}
	#story .footer01{border-top:none}
	.footer01 a{font-weight:700;padding:30px 23px;font-size:16px;transition: 0.3s linear;}
	.footer01 a.first{padding-left:0}
	.footer01 a:hover{color:#f05f32;transition: 0.3s linear;}

	.footer02{width:100%;overflow:hidden;padding-bottom:4.17%;}
	.footer02 h4{width:250px;padding:30px 0}
	.footer02 h4 img{width:100%;}

    .ft{  display: flex;
  align-items: center;
 justify-content: space-between;}
	.left{float:left;}
	.left li{font-size:15px;padding-bottom:12px}

	.right{float:right;text-align:right;width:50%}
	.right ul{overflow:hidden;width:30%;float:right;}

	.right li{padding-bottom:30px; float:left;width:33.33%;display:inline-block;}

	.right li img{width:80%;}

	.right p{color:#c0c0c0;font-size:15px; width:100%;float:right}
	.m_email{display:none}


	@media (max-width:900px){
.footer02 h4 img{width:230px;}
.pc_top{display:none}
	.footer01{display:none}
	.footer02 h4{width:100%; border-top: 1px solid #7d7d7d;}
	#main .footer02 h4{border-top:none}
	#story .footer02 h4{border-top:none}
		.left{float:none;}
 .ft{  display: block;}
	.right{float:none;text-align:left;width:100%}
	.right ul{border-top:1px solid #ddd;padding-top:10px;float:none;width:100%;}
	.right ul li{width:55px;padding-bottom:3%;}
	.pc_email{display:none}
		.m_email{display:block}

	}
	





 @media all and (min-width:901px) {
.m_top{display:none !important}

 }