@charset "utf-8"; 

#wrap {width:100%; min-width: 1200px; position: relative; }
#header {border-top:3px solid #0b5398; border-bottom:1px solid #fff; width: 100%;  position: absolute; top:0; }    
#banner{height: 600px; background: url(../images/main.png)no-repeat top center;  } 
#section{padding: 60px 0;} 

#footer{clear: both; padding: 30px 0 ; border-top:1px solid #0b5398;}



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

.top { display: flex; align-items: center; justify-content: space-between; padding: 20px 0;   }
.top h1 {flex:1; padding-top:4px; }
.top h1 a { display: block; z-index:999999; width:392px;  height: 37px; background: url(/common/images/logo.png) no-repeat; }

.top ul {overflow: hidden;} 
.top ul li {float: left;  } 

.top ul li a { padding: 0 30px;  font-size: 18px; font-weight: 600; display: inline-block; text-align: center; }
.top ul li a:hover {color:#888888; }



.sub_menu .tel { font-size: 20px; letter-spacing:1pt;}



.banner {overflow: hidden; position: relative;  }
.main_slide .swiper-pagination { position: absolute; bottom: 0; left:0 ; z-index: 2; } 
#section h3 {font-size: 20px; font-weight: 600; color:#000; margin-bottom: 20px;  }
.boardBox {display: flex;  }
.boardBox > div { position: relative; flex: 1; margin-left: 40px; border: 1px solid #dbdbdb;  padding: 20px 16px 40px 16px ; margin-top:-120px;   }
.boardBox > div:first-child {margin-left: 0;}
.boardBox span { position: absolute; top:20px; right:20px; font-size: 16px; font-weight: 600; color:#0b5398; }

.boardBox > div:nth-child(2) { background: url(../images/box_bg1.png)no-repeat 90% 80%;  }
.boardBox > div:nth-child(3) { background: url(../images/box_bg2.png)no-repeat 90% 80%;  }
.boardBox > div:nth-child(3) p { font-size: 16px; }

.tel { font-size: 12px; font-weight:500; color:#092868; letter-spacing: -2px; line-height: 1; margin-bottom: 10px;  }
.tel2 { font-size:17px; color:#666; }

#section2 {padding: 40px 0; background: #f9f9f9; margin-top:-20px;  }
#section2 h3 {font-size: 20px; font-weight: 600; margin-bottom: 40px;  }
.vv        nncmn  cmncnmc,,vv     { display: flex;  align-items: center; justify-content: space-between;margin-bottom: 20px;  }
.sbanwrap h4 {width: 100px; font-size: 18px;  font-weight: 700;  margin-right: 20px; color:#0b5398;  }
.sbanwrap ul {overflow: hidden; width: 1200px; }
.sbanwrap ul li { float: left; margin-left: 11px; margin-bottom: 5px; border : 1px solid #dbdbdb;  }
.sbanwrap ul li:nth-child(7n+1) {margin-left: 0; }



.copy {display: flex; }
.copy img {width: 167px; }
.copy p {margin-left: 40px; }






/*서브*/
#sub { padding-top: 90px; }
.sub_bg {height:200px; background:#ccc; background:url(/common/images/sub_bg.png) no-repeat center; }
.sub_menu {width:200px;margin-top:40px; float:left; }
.sub_menu h2 {padding:40px; background:#092868; text-align:center; font-size:23px; font-weight:700; color:#fff; border-radius: 10px 10px 0 0; }
.sub_menu ul {margin-bottom:60px; }
.sub_menu .dep1 {padding:12px ; border-bottom:1px solid #ddd; text-align:left; font-size: 16px; }
.sub_menu ul li:hover {background: #f4f3f3; }
.sub_menu ul li a {font-weight:600; }
.sub_menu ul li a:hover {color:#092868; }


.sub_bx {border:1px solid #ccc; padding:10px; background:  #f2f2f2; border-radius: 5px; margin-bottom: 20px; } 
.sub_bx h4 {font-size:16px; font-weight: 600; color:#222; padding-bottom:5px;  }
.sub_bx h3 {font-size:14px; font-weight: 600; color:#092868; }
.sub_bx p:nth-child(2) {font-size: 21px;font-weight: 600; letter-spacing: -1pt; }
.dep2 { background:#f9f9f9; border-bottom:none;  text-align:left ; padding:5px 0 5px 20px; font-weight:300; font-size:13px;}

.sub_contents {width: 960px; margin-top:40px; float:right; min-height:500px; margin-bottom:79px; }
.sub_contents h3 {font-size:32px; font-weight:700; }

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