/* 모든 스타일은 css 충돌방지를 위해 .header을 기준으로 작성 하시면 됩니다. 예) .header .box {} */
#fboardlist{margin-bottom:0 !Important;}
.gall_name , .gall_info{display:none !important;}
.gall_text_href a{
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 5px 0;
    font-size: 14px;}
.pic_lt{border:0 !Important;}
.pic_lt li{width:100% !important;padding:0 !Important;}
.pic_lt .lat_title{display:none !important;}
.pic_lt .lt_more{display:none !Important}
.pic_lt ul{padding:0 !important;}
.pic_lt li a{font-size:16px !important;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;font-weight:600;padding-top:10px;}
.pic_lt li a:nth-child(1){padding-top:0;}
.pic_lt li .lt_img{margin:0 !important;}
.new_icon , .lt_date{display:none !Important;}
/* #e60012 */  
/* 공통 & 스크롤 모션 */
a:hover {text-decoration: none;}

.page_top {
  width: 50px;
  height: 50px;
  background: #fff;
  border: 1px solid #ccc;
  background: #fff;
  text-align: Center;
  position: fixed;
  right: 50px;
  bottom: 0px;
  line-height: 46px;
  border-radius: 10px;
  opacity: 0;
  transition: all .5s;
  z-index: 9999;
}

.page_top a {
  display: block;
}

.page_top_on {
  bottom: 50px;
  opacity: 1;
}



/* 모바일 숨김 */

.mb_head{display:none;}

.nav-up {top: -100px; transition: all 0.2s;}
.nav-down {opacity: 1;  transition: all 0.2s;}
#headerID.nav-up .container {width: 100%; transition: all 0.8s ease-in-out; padding: 0 50px; box-sizing: border-box; border-bottom: 1px solid #e8e8e8; border-color: #e8e8e8;}



/* 헤더 뼈대 */
.header{height: 100px;background:#fff; position: fixed; z-index: 9999; margin:0 auto; width: 100%;top: 0;}
.header .container{overflow:hidden; position: relative; z-index: 2; transition: all 0.8s ease-in-out; border-color: #fff; width: 1300px;}
.menu_back {display:none; height: 250px; position: absolute; top: 100px; left: 0; background: #fff; width: 100%; z-index: 2;}
.menu_back::before {display: block; content:""; position: absolute; top: 0px; left:0; background:#e8e8e8; width: 100%; height: 1px;}
.menu_backOverlay {visibility:hidden; content:""; position: absolute; top: 100px; left: 0; width: 100%; height: 100vw; background: rgba(0,0,0,0.4); z-index: 1; transition: all 0.8s; opacity: 0;} 
.menu_backOverlay.on {visibility: visible; transition: all 0.8s; opacity: 1;}

/* 헤더 로고 */
.header .logo{float:left;width:20%;line-height:100px;}
.header .logo a{}

/* 헤더 메뉴 */
.header .menu_wrap{float:left;width:80%;line-height:100px;}
.header .menu_wrap .menu{overflow:hidden;float:right; width:100%;}
.header .menu_wrap .menu > li{float:left;position:relative; width: 12.5%; transition: all 0.8s; }
.header .menu_wrap .menu > li > a{display:block;color:#fff;font-size:17px;font-weight:600;text-align:center;padding:0 15px;color:#333;}
.menu_wrap .menu li:hover > a {color:#e60012;}
.header .menu_wrap .menu > li:after{position:absolute;display:block;content:"";background:red;width:0%;height:4px;top:96px;left:0;transition:all .4s;}
.header .menu_wrap .menu > li:hover:after{width:100%;}

/* 헤더 서브 메뉴 */
.header .menu_wrap .menu .menu_sup {padding: 20px 0; display: none;  height: 250px; }
.header .menu_wrap .menu .menu_sup.on {display: block;}
.header .menu_wrap .menu > li:hover .menu_sup {background: #f9f9f9;}
.header .menu_wrap .menu .menu_sup li {width: 100%; color: #333; position: relative; z-index: 3; line-height:34px; font-size: 16px; font-weight: 400;}
.header .menu_wrap .menu .menu_sup li a {display: block; width: 100%; padding: 0 7px; box-sizing: border-box; text-align: center;}


/**/
.newsk {width: 60px; margin-top: -6px;}



@media screen and (max-width:1300px) {

  .container {
    width: 100%;
  }

  
  .header {
    display: none;
  }

  .mb_head {
    display: block;
    height: 70px;
  }

  .mb_head .uk-button-default {
    border: 0;
  }

  .mb_head .uk-button img {
    width: 35px;
    position: absolute;
    top: 18px;
    left: 20px;
  }

  .mb_logo {}

  .mb_logo a {
    display: block;
    width: 170px;
    padding-top: 18px;
    margin: 0 auto;
  }

  .mb_logo img {
    width: 100%;
  }

  .mb_menu > ul > li > a:hover {
    color: #333 !important;
  }

  .mb_menu {
    padding-top: 40px;
  }


  .mb_submenu {
    display: none;
    padding: 0 30px;
    background: #f7f7f7;
    margin-top: 15px;
  }

  .mb_menu > ul > li {
    padding-bottom: 20px;
  }

  .mb_menu > ul > li > a {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    display: block;
    padding: 0 20px;
  }

  .mb_menu > ul > li > a > span {
    float: right;
    font-size: 18px;
    display: inline-block;
  }

  .mb_submenu > li > a {
    font-size: 15px;
    font-weight: 600;
    padding: 7px 5px;
    display: block;
    color: #333;
  }

  .mb_submenu > li > a:hover {
    color: #1e529e !important;
  }

  .uk-offcanvas-bar {
    background: #fff;
    width: 80%;
    padding: 20px 0;
  }

  .uk-offcanvas-overlay {
    width: 100%;
  }

  button.uk-icon:not(:disabled) {
    cursor: pointer;
    color: #fff;
    width: 40px;
    height: 40px;
    background:#dc1d1d;
    right: 0;
    top: 0;
  }
}