@charset "utf-8";


/*레이아웃*/
#wrap {  width: 100%;  min-width:1400px;  }


#headerWrap {    }
#slideWrap { width: 100%; display: flex; align-content: center; justify-content: center; }
#contentsWrap { padding: 60px 0; }
#areaFooter{ padding: 30px 0 ; border-top: 1px solid #dbdbdb; }
.inner  { width: 1200px; margin: 0 auto;  }

#headerWrap .inner { width: 1400px;  }

.header_menu { display: flex; align-items: center; justify-content: space-between;  padding: 30px 0;  }
.header_menu ul {   width: 1000px;  overflow: hidden;  }
.header_menu ul li { float: left;  width: 12.5%;   text-align: center; }
.header_menu ul li a { font-size: 18px; color:#000; font-weight: 500;  transition: all 0.3s ease;   }
.header_menu ul li a:hover {color:#0661b6; font-weight: 700; }


.mainSlide {overflow: hidden; width: 1400px; padding-bottom: 20px;   }
.mainSlide .swiper-wrapper  {position: static; }
.mainSlide .swiper-slide {height: 100%;  margin-top: 0; margin-right: 0;   }
.mainSlide .swiper-slide img { height: 100%; width: 100%; object-fit: cover }


h3 {text-align: center; font-size: 20px;  }
.cus_service { display: flex; align-content: center; justify-content: space-between;  }
.cus_service > div { width: 280px;  text-align: center }

.cus_service > div h3 {margin-bottom: 10px; }
.cus_service > div p {color:#444;  font-weight: 400; }

.cus_service .img { border: 1px solid #dbdbdb; overflow: hidden; }


#productwrap { width: 100%; padding-bottom: 60px;  }
#productwrap .inner {width: 1300px; }
#productwrap  h3 {text-align: left; }
#productwrap  h3 span {font-size: 13px; color:#777;}
.gallbox { padding: 16px ; background: #f0f0f0; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; margin-top: 20px; display: flex; align-content: center; justify-content: space-between; } 

.footerWrap  { display: flex; }
.footerWrap > div:first-child {margin-right: 40px; }
.footerWrap p {color:#333; font-weight: 400; font-size: 13px; }
.footerWrap p:last-child {margin-top: 10px; }



.sub_vs {width: 1400px;  margin :0 auto;  }

#subContainer {  min-height:600px    }
#subContainer h2 {font-size: 28px; color:#555; font-weight: 700;  }
#subContainer h2 span {display: block; font-size: 14px; margin-top: 6px; }



.sub_contents {display: flex;  justify-content: space-between; padding: 60px 0 ;}

.s_nav {width: 190px; text-align: left }
.s_nav h3{ font-size: 30px;  text-align: left }
.s_nav span {color:#777; }
.s_nav > div {display: flex; flex-direction: column; margin-top: 20px; }
.s_nav > div > a {padding: 6px 0; text-align: center; margin-bottom: 4px; }
.s_nav > div > a:hover {background: #0661b6 ; color:#fff; }
.s_nav > div > .on {background: #0661b6 ; color:#fff; }
.board_area { width:  calc( 100% - 220px) ;}
.board_area h2 {padding-bottom: 10px; border-bottom: 1px solid #dbdbdb;  font-size: 32px; }