@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:100;}
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 { text-decoration: none; color: inherit;}


/* Header */
#header-wrap { position: relative; width:100%; height: 100px; max-height:100px; background:#ffffff;}
.header {
  width: 1200px;
  height: 100px;
  margin: 0 auto;
  font-size:20px;
  font-weight:300;
  color:#555555;
  text-indent:-0.5;

}
#gnb_bg { background:rgba(255,255,255,0.9); width: 100%; height: 100px; position: relative; }
.btline { width: 100%; height: 1px; border-bottom:1px solid #dedede; 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 > a {  }
.gnb > li.on { padding-bottom:36px; border-bottom:solid 4px #0f345d; }
.gnb > li a:hover { padding-bottom:33px; border-bottom:solid 5px #e40012; color:#e40012; text-decoration: none;}

.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; }



h1 {
  text-align: center;
  color: #fff;
  font-size:24px;
  padding-top:110px;
}
h2 {
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size:40px;
  margin-top:20px;
}
h3{
  color: #222222;
  font-weight: 400;
  font-size: 32px;
  margin-top: 80px;
}
body{
  width: 100%;
}
.sub-title{
  width:100%;
  height:320px;
  background:url('../images/company_bg.png') no-repeat center top ;
}

/* content 영역*/

.content{
  width: 1200px;
  margin: 0 auto;
}

.tab  {
  width: 1200px;
  height: 50px;
  margin-top: -25px;
  background-color: #fff;
}
.tab li {
  width:299px;
  max-height: 50px;
  color: #666666;
  font-size: 18px;
  float: left;
  text-align: center;
  border: solid 1px #efefef;
  margin-right:-1px;
}
.tab li a {
  display: inline-block;
  padding:16px 0;
  width: 100%;
}
.tab li a:hover {
  border-bottom: solid 2px #e40012;
  color: #e40012;
  padding:16px 0 15px 0;
}
li.tab-on { background: #0f345d; color: #fff; border:1px solid #0f345d;}
li.tab-on a:hover {color: #fff;}

.con{
  margin: 0 auto;
  margin-top: 40px;
  width: 1200px;
  overflow: hidden;
  background: url('../images/company_img_bg.png') no-repeat center 0;
}
.con_01{
  float: left;
  margin: 90px 0;
  padding-left: 58px;
  left: -20px;
}
.con_02{
  float: right;
  margin-top: 90px;
  padding-right: 120px;
  margin-bottom: 64px;
}
.con_02 p {
  line-height: 1.75;
  font-size: 16px;
}
.con_02 img {
  float: right;
  margin-top: 14px;
}

.group {
  margin: 0 auto;
  margin-top: 40px;
  text-align: center;
}

.process {
  margin: 0 auto;
  margin-top: 40px;
  text-align: center;
}

.map{
  margin: 0 auto;
  margin-top: 40px;
  width: 1200px;
}

.caddress{
  text-align: center;
  font-size: 26px;
  color: #444444;
  text-align: center;
  margin-top: 30px;
}

.call_number{
  text-align: center;
  font-size: 20px;
  color: #444444;
  text-align: center;
  margin-top: 18px;
}


/* 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;
}