@charset "utf-8"; 

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
* {font-family:'nanumgothic';}
* { font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb' }

#wrap {width: 100%; min-width: 1200px;  }

#header { border-bottom:1px solid #dbdbdb; }






#banner { position:relative;  height: 500px;}






#section {padding:70px 0 0px 0;  }
#footer{padding: 30px 0; margin-top: 60px;  border-top:1px solid #dcdcdc; clear: both;  background: #666;   } 

.inner { width:1200px; height:inherit; margin:0 auto;}



#header h1 { width: 250px; }
#header h1 a { display: block; }
#header h1 a img { width: 100%; }

#header .inner { display: flex; align-items: center; justify-content: space-between;  }

.menu_wrap {} 
.menu {text-align: center;   }
.menu > ul > li {display:inline-block;  position: relative;  z-index: 9999;}
.menu > ul > li:hover > a { color: #005491; font-weight: bold; }
.menu > ul > li:hover ul { display:block; }
.menu > ul > li > a { display:block ; padding:0 40px ; box-sizing: border-box;  line-height: 80px;   font-weight: 500; color:#222; transition: all ease .3s; }
.menu ul ul {display: none; position: absolute; top:80px; left:0;  width: 100%; border:1px solid #ddd; background: #fff;  z-index: 999; border-radius: 0 0 15px 15px; overflow: hidden; border-top: none; }
.menu ul ul li a {padding:12px 0; font-size: 14px; font-weight: 600;display: block; border-top:1px solid #ddd; transition: all .3s ease; }
.menu ul ul li:first-child a { border-top:0; }
.menu ul ul li a:hover { background: #70bfe1; color: #fff; }
.sub{}

.menu > ul > li > a span {font-size: 19px; display: inline-block; }
/*.menu > ul > li > a span:after {content: ''; position: absolute; bottom:0; left:0; width: 0; height: 3px; display: block; background: #225095; transition: all 0.3s ease;  }
.menu > ul > li > a:hover span:after {content: ''; width: 100%;   }*/

.bannerWrap .inner { }
.main_ban {position: relative; overflow: hidden;  width: 100%;  }
.main_ban .swiper-slide  {text-align: center; height: 500px;  }


#banner .inner {position: relative}
#banner .txtbx { position: absolute; top:50%;  transform: translateY(-50%); left:0; }
#banner .txtbx h2  {font-size: 41px; font-weight: 600; color:#005491; letter-spacing: -1.7pt;}
#banner .txtbx h3 { font-size: 22px; font-weight: 800; color:#999;  letter-spacing: -0.075rem; line-height: 1.5; border-bottom: 2px solid #dbdbdb; padding-bottom: 30px; }
#banner .txtbx p {font-size: 23px; color:#555 ; margin-top: 30px; font-weight: 600; letter-spacing: -0.075rem; line-height:1.6; }




.sldWrap {position: relative; width: 100%; padding: 60px 0 ; }
.product_slide { overflow: hidden; width: 100%;  }
.product_slide img{  width: 204px; height: 152px; object-fit: cover;  }
.swiper-wrapper{
	transition-timing-function: linear;
}
.sldWrap .btnbx button {  width: 100%; position: absolute;  top:50%; transform: translateY(-50%);  }
.sldWrap .swiper-slide { width: 204px; height: 152px;}
.sldWrap  .swiper-button { display: none; }
.sldWrap .swiper-button-next { background: url(../images/next.png)no-repeat center;  width: 40px; height: 40px;  right:10px; top:140px }
.sldWrap  .swiper-button-prev {background: url(../images/prev.png)no-repeat center;  width: 40px; height: 40px; left:10px; top:140px  }
.swiper-pagination { position: absolute; bottom:40px ; top:auto; left:50%; z-index: 10;  }








.infomation { display: flex; gap:20px; width: 100%; margin-bottom: 60px; }
.infomation > div {width: 25%;   border: 1px solid #dbdbdb; padding: 32px 26px ; border-radius: 15px; }
.infomation  h4 {font-size: 26px; font-weight: 600; color:#555; }
.infomation  p {font-size: 16px; color:#555 }
.infomation  a { margin-top: 10px; display: inline-block; background: #70bfe1; color: #fff; padding: 5px 14px; border-radius: 4px; transition: all ease .3s; }
.infomation  a:hover { background: #005491; }




.pro_info .pro_tit  {font-size: 26px; font-weight: bold; color:#222; }
.pro_info > div {display: flex; align-items: center; gap:20px;  margin: 20px 0 60px 0;}
.pro_info > div > a{ width: 25%; display: block; text-align: center; overflow: hidden; border-radius: 10px; transition: all ease .3s; }
.pro_info > div > a:hover img { transform: scale(1.2) }
.pro_info p { margin-top: 10px; font-size: 16px; font-weight: 500; }
.pro_info img{ width: 100%;  height: 100%; transition: all ease .3s; }


.gallery h5  {font-size: 26px; font-weight: bold; color: #222; }
.gallery > div {display: flex; align-items: center; gap: 20px; margin: 20px 0; flex-wrap: wrap; }
.gallery > div > div { width: calc(25% - 15px); border: 1px solid #ddd; overflow: hidden; border-radius: 10px; box-sizing: border-box;  }

@keyframes blinker { 0% { border: 1px solid #dbdbdb; } 100% { border: 1px solid #555; } }
/* 요소별 animation-delay 설정 */
.gallery > div > div:nth-child(7n) { animation-delay: 0s; }
.gallery > div > div:nth-child(4n+3) { animation-delay: 0.15s; }
.gallery > div > div:nth-child(5n+1) { animation-delay: 0.3s; }
.gallery > div > div:nth-child(3n+2) { animation-delay: 0.45s; }
.gallery > div > div:nth-child(6n+5) { animation-delay: 0.6s; }
.gallery > div > div:nth-child(2n+1) { animation-delay: 0.75s; }

.gallery img {width: 100%; height: 100%; object-fit: cover; }

.gallery .tel {font-size: 20px; font-weight: 900; color:#00a39a; }
.gallery p {font-size: 20px; color:#555;  font-weight: 500;}


.copy {display: flex;  align-items: center; justify-content: space-between; }
.copy > div { display: flex; align-items: center; }
.copy .tbox {margin-left: 50px; }
.copy p{font-size: 13px; line-height:1.7; color:#fff; }



.board  {position: relative; }
.board .more {  position: absolute; top:6px; right:0; }
.flogo h1{font-size: 42px; color:#fff; font-weight: 900; letter-spacing: -0.25rem; }





/*서브*/
#sub {width: 100%; min-width: 1200px; }
.sub_bg { height:200px; background:#ddd; background:url(/common/images/sub_bg.png) no-repeat top center;  }
.sub_menu {width:200px;margin-top:30px; float:left; margin-bottom: 30px; }
.sub_menu h2 {padding: 30px 20px; background:#fff; text-align:center; font-size:28px; font-weight:600; color:#555; letter-spacing:0pt; font-family:'nanumgothic'; border: 1px solid #dbdbdb; border-bottom:0; border-radius: 15px 15px 0 0; }
.sub_menu span {text-align: center; color:#70bfe1;   display: block; font-size: 14px;  margin-bottom:2px;}
.sub_menu ul {margin-bottom:38px; border: 1px solid #dbdbdb; border-radius: 0 0 15px 15px; overflow: hidden; }
.sub_menu .dep1 { text-align:center; font-size: 15px;  background:#fff; border-bottom:1px solid #dbdbdb; }
.sub_menu .dep2 {padding:5px 0 5px 15px ;  text-align:left; font-size: 13px;  background:#fff; border-bottom:1px solid #dbdbdb; }
.sub_menu ul li:hover {background: #70bfe1; color:#222; transition: all ease .3s; }
.sub_menu ul li a {font-weight:600; font-size:14px; display: block; padding:14px 0; }
.sub_menu ul li:hover a { color:#fff; }
.sub_menu ul li:last-child{ border-bottom:0; }
.bd_bottom_n { border-bottom: none; } 

.sub_bx {border:1px solid #ddd; padding:14px; background: url(/common/images/tel.png) no-repeat 10px 50px #f2f2f2; background-size: 22%;  border-radius: 5px; margin-bottom: 40px; } 
.sub_bx h4 {font-size:16px; font-weight: 600; color:#00a39a; }

.sub_bx p {font-size:20px;font-weight: 600; letter-spacing: -1.5px;}

.sub_bx p:nth-child(2) {font-size: 20px; margin-top: 10px;}
.dep2 { border-bottom:none; font-size: 13px;  text-align:center; padding:5px 0;  }

.sub_contents {width: 960px; margin-top:40px; float:right;  min-height: 600px;  }
.sub_contents h3 {font-size:33px; letter-spacing:-2pt; font-weight:200; color:#222; font-family: 'Noto Sans KR'; margin-bottom:9px; padding-top:13px;}

.lat_title {display:none;}
.lt_more {display:none; }

.ltm1 {letter-spacing: -1px;}


.lnb_common dl{  padding: 10px; color:#666; margin-top:46px; }
.lnb_common dl dt{ position:relative; color:#222222; font-size:18px; font-weight:600;line-height:30px;letter-spacing:-0.5px; width: fit-content; padding-bottom: 8px; }
.lnb_common dl dt:after { content: ''; display: block; width: 40%; height: 2px; position: absolute; background: #555; bottom: 0; }
.lnb_common dl dd.tit{ font-size:11px; font-weight:600; color:#222222;  padding-top:8px; letter-spacing:-1px;}
.lnb_common dl dd.tel{ font-weight:900;font-size:20px;  letter-spacing: -1.5pt; color:#222;   word-break: break-all; line-height:1.4; color:#005491; margin-top: 10px; }
.lnb_common dl dd.fax{ font-weight:700;font-size:19px; letter-spacing: -1px; color:#70bfe1; margin-top: 3px; }
.lnb_common dl dd.email{font-size:14px;color:#888;  font-weight:500; margin-top: 3px; }


.icon span{font-size: 60px !important; font-weight: 600 ; color:#225095; }