/* COMMON CSS - LAYOUT CSS */

/* all layout */
body {min-width:1100px; }
header{width: 100%; height: 114px; background-color: #fff; position: relative;}
.wrap {width:100%;}
.layout{width: 1100px; margin: 0 auto;}
#main{display: block; width: 100%; overflow: hidden; position: relative}

/*gnb*/
.top_wrap{width: 100%; height: 28px; background-color: #4482cf; overflow: hidden;}
.top_wrap ul{float: right;}
.top_wrap ul li{float: left}

.logo{float: left; margin-top: 20px;}

.gnb{float: right; margin-top: 35px;}
.gnb li{float: left; display: block;}
.gnb li a{font-size: 18px; font-weight:700; color: #222; padding:0 35px; display: block;}

.gnb>li:first-child::before {
    display: none;
}
.gnb>li::before{
            width: 1px;
            height: 12px;
            background-color: #d5d5d5;
            display: block;
            position: absolute;
            top: 77px;
            content: ""
          }

.gnb:after {
          content: '';
          display: block;
          clear: both;
          }



/*mv*/
.mv_wrap{ width: 100%;position: relative;}
.mv_wrap .bg1{background: url(../images/main/mv01.jpg)center center no-repeat;width: 100%; height: 510px}
.mv_wrap .bg2{background: url(../images/main/mv02.jpg)center center no-repeat;width: 100%; height: 510px}
.mv_wrap .bg3{background: url(../images/main/mv03.jpg)center center no-repeat;width: 100%; height: 510px}


.btn_wrap {
    width: 1400px;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateY(-50%);
    transform: translateX(-50%);
    z-index: 9999
}

.btn_wrap .main_pre_btn a {
   float: left;
   text-indent: -9999px;
   position: absolute;
   left: 0;
   width: 42px;
   height: 82px;
   background: url(../images/main/pre_btn.png) no-repeat center center;
}

.btn_wrap .main_next_btn a {
   float: left;
   text-indent: -9999px;
   position: absolute;
   right: 0;
   width: 42px;
   height: 82px;
   background: url(../images/main/next_btn.png) no-repeat center center;
}


/*community*/
.community_wrap{
  background-color: #fff;
  width: 1100px;
  height: 62px;
  box-shadow: 2px 3px 10px #999;
  border-radius: 6px;
  position: absolute;
  z-index: 999;
 top:-30px;
 left:0;
}

.community_wrap .data{

  float: left;
  margin:8px 0 0 20px;

}

.community_wrap .customer{
  width: 50%;
  padding-top: 17px;
  float: right;

}

.community_wrap .customer .tel{
  background: url(../images/main/tel.png)0 5px no-repeat;
  padding:0 15px 0 30px;
  margin-left: 20px;
}

.community_wrap .customer .fax{
  background: url(../images/main/fax.png)0 5px no-repeat;
}

.customer ul li{float: left; font-size: 18px; font-weight: 700; padding-left: 30px;}
.bar{
  background: url(../images/main/cm_bar.jpg)3px no-repeat;
  font-size: 20px;
  font-weight: 700;
  padding:0px 0 0 10px;
  float: left;
}
/*퀵메뉴*/
.quick_m{
  background: url(../images/main/quick_bg.jpg)no-repeat;
  width: 465px;
  height: 185px;
  margin:50px 0 15px 0;
  display: block;
  float: left;

}
.quick_m p{text-align: center; font-size: 15px; font-weight: 700; padding-top: 3px;}
.quick_m .left{ float: left; padding-left: 110px;}

.quick_m .right{float: right; padding-right: 20px;}
.quick_m ul{padding-top: 10px;}
.quick_m ul li{float: left;}


.con{
  width: 1100px;
  margin: 0 auto;
}

.gallery{
  width: 620px;
  height: 185px;
  border: 1px solid #ccc;
  float: left;
  border-radius: 10px;
  margin:50px 0 0 10px;
}
.gallery h3{font-size: 20px; font-weight: 700; float: left; padding:10px}

.g_list{float: left;display: block; width:100%; overflow: hidden;}
.g_list ul li{float: left; width: 140px; height: 124px; display: block;}

/*footer*/
#footer{background-color: #777; width: 100%; overflow: hidden;}
#footer p{color: #fff; padding:17px 0}