/* COMMON CSS - LAYOUT CSS */

/* all layout */
.layout{
  width: 1140px;
  margin: 0 auto
}
body {min-width:1140px; }
.wrap {width:100%; }
header{
  width: 100%;
  margin: 0 auto;
  height: 88px;
  box-shadow: 3px 3px 10px #ddd;
}

/* header layout */
.gnb_wrap{
  overflow: hidden;
  width: 100%;
}


.top_menu ul{
  overflow: hidden;
  float: right;
}
.top_menu ul li{
  float: left;
  position: relative;
}
.top_menu ul li a{
  width: 56px;
  height: 22px;
  display: block;
  background-color:#ebebeb;
  text-align: center;
  font-size:12px
}

.top_menu ul .admin a{
  background-color:#bababa;
  color: #fff;

}

.logo{
  float: left;
  margin: 12px 0;
}


.gnb{
  display: block;
  overflow: hidden;
  float: right;
  margin:15px 0 0 22px;
}
.gnb>li{
  float: left;
}
.gnb>li>a{
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  padding:16px 41px;
  display: block;
}
.gnb_bg{
  width: 100%;
  height: 170px;
  background-color: #f0f0f0;
  position: absolute;
  top: 87px;
  left: 0;
  z-index: 99;
}


.drop_list{
   position: absolute;
   top:100px;

   display: none;
   height: 170px;
   z-index:990;
    opacity: 0.7;

}
.drop_list li{
  display: block;
  width: 143px;
  text-align: center;


}
.drop_list a{
  display: block;
  color: #000;
  width: 100%;
  font-size: 14px;
  z-index: 999;
  line-height: 30px;
  height: 25px;

}

.gnb:hover .drop_list{
  display: block;
}
.gnb .drop_list a:hover{
  display: block;
  color: #f58e1c;
}



/* content layout */
.mv_wrap{
  position: relative;

}


.mv01{
  width: 100%;
  height: 470px;
  background: url(../images/common/mv01.jpg)center center no-repeat;
}

.mv02{
  width: 100%;
  height: 470px;
  background: url(../images/common/mv002.jpg)center center no-repeat;
}

.mv03{
  width: 100%;
  height: 470px;
  background: url(../images/common/mv003.jpg)center center no-repeat;
}

.mv04{
  width: 100%;
  height: 470px;
  background: url(../images/common/mv004.jpg)center center no-repeat;
}
.mv05{
  width: 100%;
  height: 470px;
  background: url(../images/common/mv005.jpg)center center no-repeat;
}
.quick_menu_wrap{
  overflow: hidden;
  margin-top: 15px;
}
.quick_menu_wrap .icon_menu{
  width:820px;
  height: 124px;
  background:url(../images/main/icon_bg.jpg)no-repeat;
  display: block;
  float: left;

}

.quick_menu_wrap .icon_menu ul li{
  float: left;
  text-align: center;
  padding: 0 9px
}

.quick_menu_wrap .call{
  float: right;
}

.quick_menu_wrap .kakao{
  float: right;
  padding-top: 5px;
}

.main_board{
  display: block;
  float: left;
  overflow: hidden;
  margin:15px 0 ;
}
.exposure_tit{
  width: 100%;
  overflow: hidden;
  padding-bottom: 15px;
}
.maingall_tit{
  width: 100%;
  overflow: hidden;
  padding-bottom: 15px;
}
.main_board .photo_gall{
  margin-right: 13px;
}

.maingall_box{
  float: none;
  overflow: hidden;
  width: 100%;
}

.main_board .notice{
  margin-right: 13px;
}
.main_board .b_box{
  width: 372px;
  height: 176px;
  padding: 4px;
  border: 1px solid #ccc;
  float: left;
}
.b_box p{
  padding:10px 0 0 25px;
  font-size: 16px;
  font-weight: bold;
  float: left;
}
.banner{
  margin: 15px 0;
  overflow: hidden;
}
.more{
  display: inline-block;
  float: right;
  margin: 8px 5px 0 0;
}
.a_bar{
  background: url(../images/main/board_bar.png)16px 14px no-repeat;
}


/*banner_silder*/
.ban_slider{
  width: 100%;
  height: 186px;
  overflow: hidden;
  clear:both;
}
.banner li{
  width: 100%;
  float: left;
}
.banner01{
  background: url(../images/main/banner001.png)no-repeat;
  width: 100%;
  height: 186px;
}
.banner02{
  background: url(../images/main/banner002.png)no-repeat;
  width: 100%;
    height: 186px;
}
.p_btn_pre{
  width: 9px;
  float: right;
  height: 9px;
  border-radius: 20px;
  background-color: #000;
}
.p_btn_next{
  width: 9px;
  float: right;
  height: 9px;
  border-radius: 20px;
  background-color: #000;
}

/*footer*/

#footer{
  background-color: #e4e4e4;
  width: 100%;
  height: 107px;
  position:relative;
  overflow: hidden;
}
#footer .layout {
    width:1140px;
    height: 57px;
    position:relative;
    margin:0 auto;
    padding-top:25px;
    overflow: hidden;
}
#footer .layout h3, #footer .layout .copy_text {
    position:relative;
    float:left;
    height:100%;
}
#footer .layout h3 {
    width: 216px;
    border-right:1px solid #dbdbdb;
    padding: 8px 0 0 12px;
    box-sizing:border-box;
}
#footer .layout .copy_text {
    padding-left:30px;
    width: 52%;
}
#footer .layout .copy_text p {
    color:#444;
    font-size:13px;
    line-height: 18px;
}