


#header{width: 100%; height: 70px; background-color:rgba(255,255,255,0); position: fixed; left: 0; top: 0; z-index: 100; border-bottom: 1px solid #fff; }

#header .inner-wrap{width: 1200px; margin: auto; position: relative;  }

#header h1{position: absolute; top: 5px; left: 0;}

#header h1 a{}

#header h1 a img{max-width:158px; top:10px;position:absolute;}


#nav{position: absolute; right:0; top:13px;  }


#nav > ul > li{ width: 120px;}


#nav > ul > li > a {
  color: #fff;
  display: block;
  font-size: 18px;  
  text-indent: 15px;
  transition: 0.3s linear;
  padding:0px 140px 12px 0px;
  line-height:44px;
}
#nav > ul > li:last-child > a {
  color: #fff;
  display: block;
  font-size: 18px;  
  text-indent: 15px;
  transition: 0.3s linear;
  font-weight:30;
  padding:0px 0px 12px 0px;
line-height:44px;
}


#nav > ul > li > a:hover{
	color:#89ce40;
}

 
.gnb_bg{ 
	display: none; 
background-color: rgba(167,32,37,0.8); 
width: 100%; 
height:53px;
position: absolute; 
left: 0;
top:69px; 
z-index:2;
}

#gnb{position: relative;}

#gnb li{float: left; margin-left: 20px; }

#gnb > li > a{font-size: 18px; font-weight: bold; } 

#gnb li ul {
 display: none;
  position: absolute;
 left: 0; 
 top: 54px;	
  z-index: 2;
   /*background-color: rgba(167,32,37,0.8);*/
}

#gnb li ul li { 
 margin-left: 0; margin-right: 15px;
}

#gnb li ul li a {  
  font-size: 16px; color:#fff; padding-bottom: 4px;line-height:44px;
}

#gnb li ul li a:hover {  
 border-bottom: 3px solid #89ce40; 
 color:#89ce40;
}


/*#nav .fa.fa-angle-down { margin-left: 6px; }*/


#gnb .m1 ul{left: 35px;}
#gnb .m2 ul{left: 155px;  width: 800px; }
#gnb .m3 ul{left: 300px;  width: 800px; }
#gnb .m4 ul{left: 455px;  width: 800px; }
#gnb .m5 ul{left: 595px;  width: 800px; }
#gnb .m6 ul{left: 635px; width: 300px; }

#subcontents {
background-color:#fff;
}
a.btn_admin, .btn_admin {
width:120px;
color:#fff;
}
a.btn_b02, .btn_b02 , a.btn_b01, .btn_b01 {
color:#fff;
}

#bo_w .btn_cancel {
width:90px;
color:#fff;
}
#bo_gall , #bo_v , #bo_w{
margin:0 auto;
} 
#bo_w{
width:1200px;
} 

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}


#contents .section .box1 {
padding-top:70px;
}

#contents .section .main_con .list_st.wd > li {
width:20%;
}
#contents .section .main_wd .list_st > li .cont .tbox {
margin-top:-200px;
}
#contents .section .main_wd .list_st > li .cont.st1 {
padding:220px 0 30px 0;
}
#contents .section .main_wd .list_st > li .cont.st1 .icon {
top:100px;
}
#contents .section .main_wd .list_st > li .cont .icon {
width:120px;
height:120px;
margin-left:-55px;
}
#contents .section .main_wd .list_st > li .cont.st1 .icon.i1 {
background-position:-115px -160px;
}
#contents .section .main_wd .list_st > li .cont.st1 .icon.i2 {
background-position:-487px -165px;
}
#contents .section .main_wd .list_st > li .cont.st1 .icon.i3 {
background-position:-869px -165px;
}
#contents .section .main_wd .list_st > li .cont.st1 .icon.i4 {
background-position:-1240px -160px;
}

#contents .section#section1, #contents .section#section3 , #contents .section#section5 , #contents .section#section7 {
background-color:#fff;
}
#contents .section#section8 {
background-color:#a92025;
}
#contents .section#section8 .main_tt .t1 , #contents .section#section8 .main_tt .t2 , #contents .section#section8 .main_tt .t3 {
color:#fff;
}


      .myContent{
        height: 450px;
      }
#header .allmenu_wrap .allmenu {
border-top:0px solid #fff;
}
#header .menu_wrap .gnb_wrap .gnb > li:hover .dp1 .va_tt,
#header .menu_wrap .gnb_wrap .gnb > li.on .dp1 .va_tt{ color:#FFF2E6}

#menu li {
	display:inline-block;
	margin: 5px;
	color: #fff;
	background:#FC913A;
	-webkit-border-radius: 10px;
            border-radius: 10px;
}
#menu li.active{
	background:#666;
	background: rgba(0,0,0, 0.5);
	color: #FC913A;
}
#menu li a{
	text-decoration:none;
	color: #fff;
}
#menu li.active a:hover{
	color: #fff;
}
#menu li:hover{
	background: #000;
}
#menu li a,
#menu li.active a{
	padding: 9px 18px;
	display:block;
}
#menu li.active a{
	color: #fff;
}
#menu{
	position:fixed;
	bottom:10px;
	right:20px;
	height: 40px;
	z-index: 9999;
	width: 180px;

	padding: 0;
	margin:0;
}
	/* Backgrounds will cover all the section
	* --------------------------------------- */
	#section1,
	#section2,
	#section3,
	#section4,
	#section5,
	#section6,
    #slide1,
    #slide2{
		background-size: cover;
		background-attachment: fixed;
		background-image: url(../img/banner.jpg);
	}

	/* Defining each sectino background and styles
	* --------------------------------------- */

#menu_nav li {
	display:inline-block;
	margin: 10px;
	color: #000;

}
#menu_nav li.active{
	background:#666;
	background: rgba(0,0,0, 0.5);
	color: #fff;
}
#menu_nav li a{
	text-decoration:none;

}
#menu_nav li.active a:hover{

}
#menu_nav li:hover{

}
#menu_nav li a,
#menu_nav li.active a{

}
#menu_nav li.active a{
	color: #fff;
}

#contents .main_intro_nav > li {
text-align:center;
font-size:13px;
}
#contents .main_intro_nav {
position:fixed;
bottom:100px;
width:1200px;
margin-left:20px;
}
#contents .main_intro_nav > li > a {
text-align:center;
margin:0px;
font-size: 30px;
}



#section1{}
#section1 .box1{width: 100%; height: 867px;}
#section1 .who_box {width: 100%; margin:0 auto; height: auto; position: relative; text-align: center;}
#section1 .who_box li{float: left;  }
#section1 .who_box .left{position: absolute; left: 0; width: 928px; height: 867px;}
#section1 .who_box .right{position: absolute; right: 0; width: 1115px; height: 849px; }



#fire_introdu{width: 100%;height: 880px;margin: auto;position: relative;overflow: hidden;  position: relative; text-align: center;}
#fire_introdu h2{font-size: 52px;text-align: center; margin-top: 80px;font-weight: bold; color: #333; letter-spacing: -0.05em;}
#fire_introdu h3{display: block; font-size: 22px; color:#666; font-weight: 200; line-height: 1.4; margin-top: 25px;}
#fire_introdu .fire_list{width: 1205px; height: 450px;margin-top:80px;  }
#fire_introdu .fire_list li{ float: left; width: 280px; height: 518px; margin: 9px;}
#fire_introdu .fire_list li:nth-child(4){margin-right: 0;}
#fire_introdu .fire_list .firebox{width: 100%; height: 450px; background-color: #fff; border-radius: 20px; box-shadow:0 0 25px gray; }
#fire_introdu .fire_list h4{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size: 20px; padding-top: 10px; line-height: 2.4; font-weight: 700; text-align: center;}
#fire_introdu .fire_list .firebox span{width: 270px; height: 242px; background-color: #ddd; display: block; margin: auto;margin-top: 10px;}
#fire_introdu .fire_list .firetxt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width: 270px; height: auto; margin: auto;  margin-top: 0px;}
#fire_introdu .fire_list .firetxt p{font-size: 16px; line-height: 1.6; padding-top: 35px;}



#VR_intro{width: 100%;height: 880px;margin: auto;position: relative;overflow: hidden;  position: relative; text-align: center;}
#VR_intro h2{font-size: 52px;text-align: center; margin-top: 70px;font-weight: bold; color: #333; letter-spacing: -0.05em;}
#VR_intro h3{display: block; font-size: 22px; color:#666; font-weight: 200; line-height: 1.4; margin-top: 20px;}
#VR_intro .txt_list{font-size: 16px; text-align:left; margin:30px 0 0 270px;}
#VR_intro .img_box{width: 1200px; height: 300px; margin: auto; backgro und-color: #fff; margin-top: 80px; }
#VR_intro .img_box li{width: 23%; margin: 1%; height: 300px; float: left; }
#VR_intro .img_box .box{width: 100%; height: 300px;  box-shadow: 0 0 15px gray; }
#VR_intro .img_box .box{background-color: #fff;}
#VR_intro .img_box .box p{width:100%; height: 240px; margin: auto; background-color: #ccc; }
#VR_intro .img_box .Itxt{width: 100%; height: 60px; }
#VR_intro .img_box .Itxt span{line-height: 4;}



#equi{width: 100%;height: 880px;margin: auto;position: relative;overflow: hidden;  position: relative; text-align: center;}
#equi h2{font-size: 52px;text-align: center; margin-top: 70px;font-weight: bold; color: #333; letter-spacing: -0.05em;}
#equi h3{display: block; font-size: 22px; color:#666; font-weight: 200; line-height: 1.4; margin-top: 20px;}
#equi .txt_list{font-size: 16px; text-align:center; margin:30px 0 0 0;}
#equi .img_box{width: 1200px; height: 300px; margin: auto; backgro und-color: #fff; margin-top: 80px; }
#equi .img_box li{width: 23%; margin: 1%; height: 300px; float: left; }
#equi .img_box .box{width: 100%; height: 300px; box-shadow: 0 0 15px gray; }
#equi .img_box .box{background-color: #fff;}
#equi .img_box .box p{width:100%; height: 240px; margin: auto;; background-color: #fff; }
#equi .img_box .Itxt{width: 100%; height: 60px; background-color: #eee;}
#equi .img_box .Itxt span{line-height: 4;}




#expCen{width: 100%;height: 880px;margin: auto;position: relative;overflow: hidden;  position: relative; text-align: center;}
#expCen h2{font-size: 52px;text-align: center; margin-top: 70px;font-weight: bold; color: #333; letter-spacing: -0.05em;}
#expCen h3{display: block; font-size: 22px; color:#666; font-weight: 200; line-height: 1.4; margin-top: 20px;}
#expCen .txt_list{font-size: 16px; text-align:center; margin:30px 0 0 0;}
#expCen .CPR_list{width: 1205px; height: 450px;margin-top:60px;  }
#expCen .CPR_list li{ float: left; width: 280px; height: 518px; margin: 9px;}
#expCen .CPR_list li:nth-child(4){margin-right: 0;}
#expCen .CPR_list .cprbox{width: 100%; height: 450px; background-color: #fff; border-radius: 20px; box-shadow:0 0 25px gray; }
#expCen .CPR_list h4{font-size: 20px; padding-top: 10px; line-height: 2.4; font-weight: 700; text-align: center;}
#expCen .CPR_list .cprbox span{width: 270px; height: 242px; background-color: #ddd; display: block; margin: auto;margin-top: 10px;}
#expCen .CPR_list .cprtxt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width: 270px; height: 100px; margin: auto;  margin-top: 0px;}
#expCen .CPR_list .cprtxt p{font-size: 16px; line-height: 1.6; padding-top: 35px;letter-spacing: -0.05em;}




#history{height:auto; }
#history h3{ font-size:30px; font-weight:bold; line-height:1.8; text-align: center; margin-top:35px;}
#history h4{font-size:20px; text-align: center; margin-bottom:50px;  }
#history p{margin-left:-50px;}
#history em.historyEm{display: block; font-size: 15px; color:#333; font-weight: bold; text-align: left; letter-spacing: -0.025em;line-height: 1.73; margin-bottom: 0;}
#history .yearBox{width: 1200px; padding: 0px 0;}
#history h5{font-size: 30px; color:#666;}
#history h6{font-size: 16px; color:#999;margin-bottom: 15px; margin-top: -5px;}
#history .img_box{width: 1200px; height: 300px; margin: auto;}
#history .IB{width: 1200px; height: 330px; padding:20px 0; margin: auto;}

#history .img_box li{width: 23%; margin-right: 2%; height: 350px; float: left; }
#history .img_box .box{width: 100%; height: 320px;  box-shadow: 0 0 15px gray; }
#history .img_box .box{background-color: #fff;}
#history .img_box .box p{width:100%; height: 240px; margin: auto; background-color: #ccc; }
#history .img_box .Itxt{width: 100%; height: 70px; }
#history .img_box .Itxt span{display: block; line-height: 1.4; text-align: center; margin-top: 12px; font-size: 14px;}
#history .img_box .Itxt .s01{margin-top: 20px;}
#history .img_box .Itxt .s02{font-weight: bold;}


#certi{width: 100%;height: 1400px;margin: auto;position: relative;overflow: hidden;  position: relative; text-align: center;}
#certi h2{font-size: 52px;text-align: center; margin-top: 70px;font-weight: bold; color: #333; letter-spacing: -0.05em;}
#certi h3{display: block; font-size: 22px; color:#666; font-weight: 200; line-height: 1.4; margin-top: 20px;}
#certi .box00{width: 1060px; height: 322px; margin: auto; margin-top: 40px;}
#certi ul:nth-child(2) { margin-top: 20px;}
#certi .box00 li{width: 200px; hei ght: 422px; margin-right: 15px; float: left; ba ckground-color: #dcdcdc; box-sizing: border-box; }
#certi .box00 li:nth-child(5){margin-right:0;}
#certi .box00 li p img{width: 200px; height: 292.11px; border: 1px solid #ddd; box-sizing: border-box; } 
#certi .box00 li span{display: block; width: 200px; height: 30px; text-align: center; line-height:1.9; font-size: 14px; color:#fff;background-color: #444; box-sizing: border-box; } 




#maps{width: 100%;height: 330px;margin: auto;position: relative;overflow: hidden; background-color:#a92025; position: relative; }
#maps .contact{width: 1200px; height: 330px; left: 50%; margin-left: -600px;  position: relative;  }
#maps .contact  .wrap_list{width: 50%; height: 264px; position: absolute; float: left; }
#maps .contact .left{width: 50%; height: 264px; top: 8%; left:0; }
#maps .contact .left p{display: block; color:#fff; font-size: 30px; line-height: 1.2;  }
#maps .contact .left em{color:#fff;}
#maps .contact .left em span{color:#ffeb44;}
#maps .contact .right{float:right; width: 520; height: 264px;position: absolute; top: 10%;left: 50%; }

#maps .contactList{ margin:60px 0 0 0; height: 200px;  }
#maps .contactList li{height: 26px; line-height: 2; font-size: 16px; color:#fff;}
#maps .contactList li label{width: 50px; font-size: 14px; }
