/*::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }*/


/* COMMMON */
  .hidden_file {
/*    display: none !important; */
  display: inline-block;
  *zoom:1; *display: inline;
  }
  .cover_file {

  }
  .upload_file button,.upload_file div,.upload_file input {
    display: inline-block;
    *zoom:1; *display: inline;
  }
  .upload_file  div.input-append {
    vertical-align: top;
  }

textarea {
  resize:none;
}
.only_eng {
  ime-mode:inactive !important;
}

.only_kor {
  ime-mode:active !important;
}
.txt_center {
  text-align: center !important;
}
.txt_left {
  text-align: left !important;
}
.txt_right {
  text-align: right !important;
}
.shadow_box {
  padding: 30px 20px 50px;
  border: 1px solid #b3b3b3;
  border-radius: 4px;
  // margin: auto;
  box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff;
  /*background: #fcfcfc;*/
}
.hr666 {
  border-top : 0 none;
  border-bottom : 1px solid #666;
}
/* margins */
.btn_w_input { /* 인풋 옆의 스몰 버튼 마진 */
  margin-bottom: 10px;
}

/* 게시판 테이블 */
.bbs {
  border-top: 2px solid #999;
  border-bottom: 1px solid #999;
  // background: #fff;
}
.bbs thead {
  background: #fff;
  border-bottom: 1px solid #fff;
}
  .board {
    border-top: 2px solid #fff;
    border-bottom: 1px solid #fff;
  }
  // .board th, .bbs_head {
  //  background: #d8ebf0;;
  //  color: #395868;
  //  font-weight: bold;
  // }

.bbs th, .board th, .bbs_head {
  background: #fff !important;
  text-align: center!important;
  color: #395868 !important;
  font-weight: bold !important;
}

.bbs_view_title {
  color: #777;
}
.bbs_view_detail {
  font-weight: bold;
  color: #666;
  margin-left: 5px;
  margin-right: 30px;
}
#comment_list li {
  display: block;
}

/* bbs */
.div4board {
  // width: 650px;
  // float: right;
  // background: white;
  // max-height: 400px;
  // border-top: 2px solid #e02d2c;
  // border-bottom: 2px solid #e02d2c;
  // overflow: auto;
  // margin-right: 35px;
  input {
    margin: 0;
    padding: 0 8px;
  }
  select {
    margin:0;
    height: auto;
    font-size: 11px;
    padding: 2px;
  }
}

.bbs_date {
  background: url('/resources/images/sogong/bbs_icon/icon_date.gif') no-repeat 0 2px;
  padding-left:20px;
  color: #888;
  /*line-height: 30px;*/
  height: 30px;
  display: inline-block;
}

.box {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px 0 10px 0px;
  background: #fff;
  color: #505050;
  font-weight: bold;
  word-break: break-all;
  font-size: 1.2em;
  border-top: 1px solid #999;
}

.bbs_mb_info {
  color: #888;
  padding: 10px 0 10px 0px;
  /*color: #505050;*/
}

.margin0{
  margin: 0;
}

.bbs_content {
  padding: 20px 0 20px 0px;
  /*border-bottom: 1px solid #999;*/
}


.bbs_title {
  margin-top: -70px;
  margin-bottom: 30px;
}

/* join */
.mb_join {
  // width: 50%;
  clear:both;
  background: #fff;
  border: 1px solid #ccc;
  padding: 20px 30px;
  margin: 0px auto 0 auto;
  text-align: center;
  width: 400px;
}
.mb_join label {
  font-size: 11px;
  text-align: left;
}
.mb_join label.control-label {
  font-weight:  bold;
  display: inline-block;
  *zoom:1; *display: inline;
  vertical-align: top;
  padding-top: 7px;
  padding-right:10px;
  width: 90px;
  text-align: right;
}
.mb_join .controls { display: inline-block; *zoom:1; *display: inline; }

.mb_join input {
  margin-bottom: 0px;
}

.mb_join .personal {
  height:100px;
  overflow-y:auto;
}


.bg_inquiry {
  width: 1120px;
  height: 100%;
  background: url('@{url}/page/inquiry_inquiry_bg.png') no-repeat;
  //margin-top: -80px;
}

.bbs_wrap {
  /*width: 625px;
  height: 540px;
  margin: 0 auto;*/
}

/* site */
@main-color: #999;
@grey-text : #b4b4b4;
@url: '/resources/img/site/';

body {
  background-color:#30343d;
  
  .container {
    width:1040px;
    position:relative;
    min-width:1040px;
  }
}

header#header {
  width:100%;
  min-width:1160px;
  /*border-bottom:3px solid #005aa9;*/
  background:url('@{url}header_bg.png') center repeat-x;
  .headerLogo {
    margin:20px 0px 19px;
    /*margin-left:60px;*/
  }
  .lnb {
    width:auto;
    margin-top:28px;
    /*margin-right:25px;*/
    font-size:0px;
    li {
      width:70px;
      padding:0px 26px;
      background:url('@{url}lnb_bg.png') left center no-repeat;
      a {
        display:block;
        background-image:url('@{url}gnb.png');
        background-repeat:no-repeat;
        height:25px;
      }
    }
    li.sub1,
    li.sub4 {
      width:120px;
    }
    li.sub3 {
      width:100px;
    }
    li.sub1 {
      background:none;
      a {
        background-position:-94px -797px;
      }
    }
    li.sub2 {
      a {
        background-position:-257px -797px;
      }
    }
    li.sub3 {
      a {
        background-position:-368px -797px;
      }
    }
    li.sub4 {
      a {
        background-position:-508px -797px;
      }
    }
    li.sub5 {
      padding-right:0px;
      a {
        background-position:-668px -797px;
      }
    }
  }
}

section#header_snb {
  background-color:#fff;
  border-bottom:1px solid #7e766b;
  position:absolute;
  width:100%;
  min-width:1160px;
  z-index:9;
  .container {
    background:url('@{url}submenu_bg.png') -10px bottom no-repeat;
    .lnb {
      width:auto;
      /*margin-right:25px;*/
      li {
        margin:0px 15px;
        vertical-align:top;
        ul.unstyled {
          li {
            a {
              display:block;
              background-image:url('@{url}gnb.png');
              background-repeat:no-repeat;
              font-size:0px;
              height:20px;
            }
          }
        }
      }
      li.sub1 {
        ul {
          li {
            a {
              width:68px;
            }
          }
        }
      }
      li.sub2 {
        margin-right:0px;
        ul {
          li {
            a {
              width:119px;
            }
          }
        }
      }
      li.sub3 {
        margin-left:0px;
        margin-right:39px;
      }
      li.sub3,
      li.sub4 {
        ul {
          li {
            a {
              width:47px;
            }
          }
        }
      }
      li.sub5 {
        margin-right:0px;
        ul {
          li {
            a {
              width:56px;
            }
          }
        }
      }
    }
  }
}

div#bodyarea {
  background-color:#fff;
  min-width:1042px;
  #mainSlide {
    margin:0px;
    img {
      width:100%;
    }
  }
  #mainIconWrap {
    border-bottom:1px solid #e9e9e9;
    .container {
      border-right:1px solid #e9e9e9;
      border-left:1px solid #e9e9e9;
      background-color:#f3f3f3;
      ul {
        text-align:center;
        font-size:0px;
        li {
          line-height:134px;
          padding:0px 40px;
        }
        li.bar {
          background:url('@{url}icon_mainBox5_bar.png') left center no-repeat;
        }
      }
    }
  }
  #mainLatestWrap {
    border-bottom:1px solid #e9e9e9;
    .container {
      border-right:1px solid #e9e9e9;
      border-left:1px solid #e9e9e9;
      overflow:hidden;
      .boxWrap {
        background:url('@{url}bottom_bg.png') left top repeat-x;
        width:25%;
        float:left;
        min-height:210px;
        margin-right:-1px;
        .title {
          margin:30px;
          .more {
            float:right;
            margin-top:15px;
          }
        }
        ul {
          margin:30px 20px 35px;
          li {
            background:url('@{url}icon_latest.png') 7px center no-repeat;
            margin-bottom:0px;
            padding-left:15px;
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap;
            font-size:12px;
            a {
              line-height:21px;
            }
          }
          li.empty {
            line-height:84px;
            background:none;
            text-align:center;
          }
        }
        div.text-center {
          line-height:84px;
        }
      }
      .boxWrap.bar {
        border-right:1px solid #e4e4e4;
      }
    }
  }
  #mainLinkWrap {
    .container {
      border-right:1px solid #e9e9e9;
      border-left:1px solid #e9e9e9;
      overflow:hidden;
      padding:35px 0px;
      .prev {
        float:left;
        margin-left:50px;
      }
      .bx-viewport {
        box-shadow:none;
      }
      ul {
        float:left;
        margin:35px 0px;
        margin:0px;
        width:940px;
        li {
          padding:0px 40px;
          padding:0px;
        }
      }
      .next {
        float:right;
        margin-right:50px;
      }
    }
  }
  .snb {
    margin-top:25px;
    background:url('@{url}sub_left_menu_bg.png') center no-repeat;
    width:203px;
    height:337px;
    .snbTitle {
      margin-top:25px;
      text-align:center;
    }
    .snbWrap {
      margin-top:50px;
      padding:0px 8px;
      li {
        margin-right:3px;
        a {
          background-image:url('@{url}gnb.png');
          background-repeat:no-repeat;
          width:184px;
          height:29px;
          display:block;
        }
      }
      li.active {
        background-color:#005aa9;
      }
    }
  }
  .subContent {
    margin-left:20px;
    padding-top:50px;
    padding-right:35px;
    padding-bottom:50px;
    padding-left:35px;
    width:670px;
    min-height:300px;
    border-right:1px solid #e1e1e1;
    border-left:1px solid #e1e1e1;
    .subContentTitle {
      width:270px;
      height:45px;
      background-image:url('@{url}gnb.png');
      background-repeat:no-repeat;
      margin-bottom:40px;
    }
  }
}

footer#footer {
  background-color:#30343d;
  min-width:1160px;
  ul.inline {
    margin:30px 0px;
    li {
      font-size:12px;
      line-height:17px;
      color:#86898f;
      a {
        color:#86898f;
      }
    }
  }
  
  ul.outlink {
    position:absolute;
    top:15px;
    right:20px;
    margin:0px;
    li {
      a {
        line-height:40px;
      }
    }
  }
}

.main {
  header#header,
  section#header_snb,
  footer#footer {
    min-width:1042px;
  }
}