@import url(./SpoqaHanSans-kr.css);

*{margin:0; padding:0; font-family: 'Montserrat', 'Spoqa Han Sans', Sans-serif; }
html{width:100%;}
body{position:relative; font-size:16px; color:#000; height:100%; letter-spacing:-1px; line-height:1; vertical-align: top; }
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td{margin:0; padding:0; font-weight:normal;}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{position:absolute; top:-9999px; left:-9999px; z-index:-1}
textarea, button{vertical-align:middle}
select::-ms-expand {display: none;}
input{padding:3px 10px; height:26px; box-sizing:border-box}
a { color:inherit; text-decoration: none;}

#wrap{
  min-width: 1200px;
}

/* Header */
#header-wrap {
  position: absolute;
  width:100%;
  height: 100px;
  max-height:100px;
  background:rgba(15,52,93,0.5);
  z-index: 99;
}
.header {
  width: 1200px;
  margin: 0 auto;
  font-size:20px;
  font-weight:300;
  color:#fff;
}

.gnb_bg {
  position: absolute;
  top:100px;
  background:rgba(15,52,93,0.7);
  width: 100%;
  height: 240px;
  display: none;
}
.btline { width: 100%; height: 1px; border-bottom:1px solid #143c6a; position: absolute; z-index: 99; top:99px; display: none;}

.ci { margin-top:32px; float:left; }
.gnb { float:right; }
.gnb > li {float: left; margin-top: 40px; margin-left:90px;}
.gnb > li.on { padding-bottom:36px; border-bottom:solid 4px #0f345d; }
.gnb > li a:hover { padding-bottom:34px; border-bottom:solid 4px #e40012; color:#e20012; }



.sub { font-size:15px; margin-top:50px; position:absolute; display: none; z-index: 6;}
.sub li { margin:0; float:none; padding:12px 0; }
.sub li a:hover { border-bottom: none; }




#scroll_menu {
  position: fixed;
  z-index: 2;
  width: 100%;
  height: 100px;
  max-height: 100px;
  background: rgba(255,255,255,0.9);
  opacity: 0;
}

.scheader {
  width: 1200px;
  height: 100px;
  margin: 0 auto;
  font-size:20px;
  font-weight:300;
  color:#555555;
  text-indent:-0.5;

}

.scgnb_bg {
  background:rgba(255,255,255,0.9);
  width: 100%;
  height: 100px;
  border-bottom:1px solid #dedede;
  position: relative;
}
.scgnb_bg {

}

.scbtline { width: 100%; height: 1px; border-bottom:1px solid #dedede; position: absolute; z-index: 99; top:99px; display: none;}
#menu { float:right;  }
#menu > li {float: left; margin-top: 40px; margin-left:90px; }
#menu > li > a {  }
#menu > li.on { padding-bottom:36px; border-bottom:solid 4px #0f345d; }
#menu > li a:hover { padding-bottom:33px; border-bottom:solid 5px #e40012; color:#e40012; text-decoration: none;}

.sub_menu { font-size:15px; margin-top:50px; position:absolute; display: none; z-index: 6;}
.sub_menu li { margin:0; float:none; padding:12px 0; }
#menu > li > .sub_menu li a:hover { border-bottom: none; }


/* 상단 Visual */
#visual_wrap {
  color:#fff;
  width: 1920px;
  margin: 0 auto;
  height: 910px;
  overflow: hidden;
}
#visual_wrap .visual {
  width: 3840px;
  position: relative;
  overflow:hidden;
  height: 910px;
}
#visual_wrap .visual li {
  width:1920px;
  height:910px;
  float: left;
}

.visual01 { background:url('../images/main_Visual01.jpg') no-repeat top center;  }
.visual02 { background:url('../images/main_Visual02.jpg') no-repeat top center; }
.visual-text { width:1200px; margin:0 auto; }

h1.main-title {
  font-size: 100px;
  font-weight:700;
  margin-top:260px;
}
h2 { font-size:24px; font-weight: 100; line-height: 1.5;  padding-top:20px;  }

.btn-view  {
  margin-top:50px;
  max-height: 58px;
  width:180px;
  text-align: center;
  background-image:url('../../common/images/btn_view_bg.png');
  background-repeat: no-repeat;
  display: block;
  color:#fff;
}

.btn-view:hover{
  background:#e40012;
}


.btn-view a {
  height: 58px;
  max-height: 58px;
  width:180px;
  display: inline-block;
  padding-top:21px;
}


.ui_wrap {
  position: absolute;
  width: 100%;
  top:746px;
}
.rolling {
  width: 125px;
  height: 4px;
  margin: 0 auto;
}
.rolling li {
  width: 60px;
  height: 4px;
  float: left;
  background: #fff;
  margin-right: 5px;

}
.rolling li:last-child {margin-right:0;}

.rolling li.on {
  background:#e40012;
}


.arrow { position:absolute; top:398px; width: 1920px; margin: 0 auto; }
.arrow li {
  float: left;
  right:0;
  margin: 0 0 0 100px;
  opacity: 0.3;
}
.arrow li:last-child { float: right; margin:0 100px 0 0; left:0}

/*
.btn-view a:hover {
  background:url('../../common/images/btn_view_bg_hover.png') no-repeat;
  color:#fff;
}
*/

/* contents 영역*/

#container .business-area {
  margin: -100px auto 0;
  width: 1200px;
  height: 280px;
  overflow: hidden;
  text-align: center;
  position: relative;

}
.business-area li {
  float: left;
  width: 25%;
  color: #fff;
  font-weight:200;
  max-height: 280px;
  padding-bottom: 80px;
}
.business-area img {
  margin-top: -80px;
}

.busi01 {
  background: #08315f;
  font-size:30px;
  height: 280px;
  padding:170px 0;
}
.busi01 p {
  margin-top: -45px;
}
.busi02 {
  background: #0b3c74;
  font-size:24px;
}

.sprite1 {
	background: transparent url('../images/icon_w_1.png') 0 0 no-repeat;
	width:300px;
	height:280px;
	cursor: pointer;
}

.busi03 {
  background: #0c4586;
  font-size:24px;
}
.sprite2 {
	background: transparent url('../images/icon_w_2.png') 0 0 no-repeat;
	width:300px;
	height:280px;
	cursor: pointer;
}
.busi04 {
  background: #0b4b94;
  font-size:24px;
}
.sprite3 {
	background: transparent url('../images/icon_w_3.png') 0 0 no-repeat;
	width:300px;
	height:280px;
	cursor: pointer;
}
.busi_txt{
  margin-top: -80px;
}


#container .product-area{
  margin-top:100px;
  color: #fff;
  text-align: center;
  width: 100%;
  height:320px;
  background: url('../images/product_bg.jpg') top center no-repeat;
}

.k-tit {
  padding-top:80px;
  font-size:18px;
}
.e-tit{
  padding-top:16px;
  font-size:30px;
  font-weight: 700;
}
.pt-t {
  padding-top:20px;
  line-height: 1.5;
  color:#cbcbcb;
}

.btn-more {
  font-size:14px;
  padding-top:30px;
}
.btn-more a {
  padding:14px;
  border-bottom: 1px solid #fff;
}
.btn-more a:hover {
  color:#e40012;
  border-bottom:1px solid #e40012;
}


#container .contact-news{
  overflow: hidden;
  width: 1200px;
  margin:100px auto 80px;
}

.k-tit2 {
  padding-top:50px;
  font-size:18px;
  color:#092545;
  text-align: center;
}
.e-tit2 {
  padding-top:12px;
  font-size:30px;
  font-weight: 700;
  color:#092545;
  text-align: center;
}



#container .contact-area {
  width: 598px;
  float: left;
  background: #f5f5f5;
  border:solid 1px #dddddd;
  color: #555555;
  font-size: 18px;
  max-height:546px;
}
.contactus_form {
  overflow: hidden;
  padding:20px 50px 0 30px;
  font-weight: 100;
}

.contactus_form label {
  font-size:16px;
  color:#555;
}
.contactus_form th  {
  text-align: left;
  width:95px;
}
.contactus_form td {
  padding-top:5px;
}
.contactus_form td input {
  height: 56px;
  border: none;
  width:436px;
}
.contactus_form td textarea{
  border: none;
  width:436px;
}

.btn_submit {
  font-size:18px;
  font-weight: 400;
  color: #fff;
  background: #0f345d;
  margin: 10px 0 50px 75px;

}
.btn_submit:hover {
  background: #e40012;
}

/*
.form-group {
  overflow: hidden;
  padding:20px 18px 0 18px;
  font-weight: 100;

}
.form-group .input-box input {
  height:60px;
  border: none;
  width:436px;
}

.inp-txt {
  padding-top:22px;
}

.input-box p {
  float: left;
  margin-left:30px;
  margin-top:10px;
}

*/

#container .news-area {
  float: right;
  width:599px;
  border-top:solid 1px #dddddd;
  border-right:solid 1px #dddddd;
  border-bottom:solid 1px #dddddd;
  max-height: 546px;
}

#i-tt {
  height:120px;
  width:416px;
  vertical-align: top;
  line-height: 1.5;
  border: none;
  padding: 10px;
}

.btn-send {
  margin:20px 0 50px 96px;
  width: 436px;
  height: 60px;
  border:none;
  background:#0f345d;
  color :#fff;
  font-size:18px;
}

.btn-send:hover {
  background: #e40012;

}
.catalog {
  margin: 30px auto 50px;
  border: 1px solid #dddddd;
  max-height: 100px;
  width:500px;
}
.catalog a span {
  color: #555;
  font-weight:300;
  display: inline-block;
  padding: 40px 0;
  font-size:18px;
}
.catalog strong {
  padding-left:10px;
  font-weight: 300;
  font-size:14px;
}
.catalog:hover { border: 1px solid #e40012;}
.catalog img { padding:0 20px 0 30px;}


/*.news-list { overflow: hidden; width: 500px; margin:30px auto;}*/
/*
.news-list ul {
  float:left;
  width:242px;
  height:232px;
  border: 1px solid #dddddd;
}
*/
.news-area {
  position: relative;

}
.news-list .more  {
  position: absolute;
  top:0;
  right:0;
  background: #0f345d;
}
.news-list .more:hover {
  background: #e40012;
}

.news-list .more a {
  width:100%;
  height: 100%;
}

.lt ul.list_wrap {
  overflow: hidden;
  width: 500px;
  margin:30px auto;
}

.lt ul.list_wrap li {
  float:left;
  width:182px;
  height:166px;
  padding:30px;
  border: 1px solid #dddddd;
  font-size: 18px;
  font-weight: 400;
  color:#555;
}


.lt ul.list_wrap li:first-child {
  margin-right:12px;
}

.lt ul li.listbox a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 30px;
  padding-top:30px;
 }

 .lt ul li.listbox a:hover {
   color:#092545;
   text-decoration: underline;
 }

 .lt ul li.listbox:hover {
   border: 1px solid #e40012;
 }


.lt .listbox .date {
  font-size:14px;
  color:#555;
  display: block;
  letter-spacing: 0.8px;
 }

.lt .btn_more {
  display: block;
  font-size:14px;
  padding-top:20px;
}



/* footer 영역*/

#footer-wrap {
  width: 100%;
  margin-top:120px;
  height:180px;
  background:#eaedf2;
}
.footer {
  width: 1200px;
  margin:0 auto ;
  padding-top:70px;
  font-size: 14px;
}
.ci-foot {
  padding-bottom:78px;
  float: left;
}
.adr {
  overflow: hidden;
  float: right;
  margin-top: -14px;
  width: 1000px;
  color: #80848e;
}
.adr li {
  float: left;
  padding: 0 12px;
  margin-top: 14px;
}
.footer-border {
  border-right: 1px solid #80848e;
}