@charset "UTF-8";
@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );

/*초기화*/
body, h1, h2, h3,h4, p, ul, dl, dd{
  margin: 0;
  padding: 0;
}
ul li{ list-style: none; }
a{ text-decoration: none;}
hr {display: none;}
.hidden{ position: absolute; left: -9999px;}
address { font-style:normal; line-height: 30px;}
small { font-size: 1em;}
img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block; }
table{
  border-collapse: collapse;
}

/*기본값*/
body,a{
  color: #4c4c4c;
  font-size: 15px;
  font-family:   'Noto Sans KR',sans-serif;
}
input[type="text"], input[type="password"]{
  border: 1px solid #cccccc;
  line-height: 25px; height: 25px;
  padding-left: 5px;
  font-size: 15px;
}
textarea{
  border: 1px solid #cccccc;
  padding: 5px;
}
input[type="submit"], input[type="reset"]{
  cursor: pointer;
  border: 1px solid #cccccc;
  background: white;
  line-height: 35px; height: 35px;
  width: 90px;
  padding: 0;
  font-size: 16px;
}

.board_search_box input.search_button{
  line-height: 30px;
  font-size: 14px;
}
a.button{
  display: block;
  text-align: center;
  border: 1px solid #cccccc;
  background: white;
  line-height: 35px; height: 35px;
  width: 90px;
  padding: 0;
  font-size: 16px;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.clear{
  clear: both;
}
.wrap{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

h1{
  font-size: 36px;
}
h2{
  font-size: 24px;
}
h3{
  font-size: 18px;
}

/*글쓰기버튼*/
.write_wrap{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.write{
 width: 86px; height: 37px; line-height: 37px;
 font-size: 16px; text-align: center;
 margin: 10px;
 margin-top: 30px;
 border: 1px solid #b5b5b5;
 float: right;
 background-color: #eeeeee;
 cursor: pointer;
}
.clear{
  clear: both;
}
.more{
  display: block;
  width: 447px; height: 69px;
  line-height: 69px;
  border: 1px solid #313131;
  text-align: center;
  text-transform: uppercase;
  color: #313131;
  font-size: 25px;
  margin: 30px auto;
}
.more:hover{
  background: #313131;
  color: white;
}



.paging{
 clear: both;
 text-align: center;
 width:auto;
 /*max-width: 330px;*/
 margin: 0 auto;
 padding-top: 10px;
}
.paging li{
 display: inline-block;
 line-height: 37px;
 border: 1px solid #cccccc;
 margin: 0 1px;
 margin-bottom: 10px;
}
.paging li:hover{
   background:#5c5c5c;
   color: white;
}
.paging li a:hover{
  color: white;
}
.paging a{
 padding: 0 14px;
 display: block;
}
.paging span{/* padding: 0 14px */; display: block;}
.paging li.short{
  background:#5c5c5c;
}
.paging li.short a{
    color: white;
}
.paging .on{
 background: #5c5c5c;
}
.paging .on a{
 color:white;
}
.board_search_box{
 clear: both;
 width: 295px;
 margin: 0 auto;
 padding-top: 20px;
}
.board_search_box select{
 width: 100px; height: 31px;
 /*border-radius: 5px;*/
 border: 1px solid #b5b5b5;
 margin-right: 7px;
 cursor: pointer;
}
.board_search_box  input[type="text"]{
 width: 117px; height: 27px;
 border: 1px solid #b5b5b5;
 margin-right: 7px;
 padding-left: 3px;
 /*font-size: 16px;*/
}
.board_search_box  input[type="submit"]{
 width: 44px; height: 30px;
 border: 1px solid #b5b5b5;
 background: #eeeeee;
 /*border-radius: 5px;*/
 vertical-align: middle;
 cursor: pointer;
 line-height: 0;
}
 .button{
  width: 180px;
  margin: 0 auto;
  margin-top: 20px;
}
 .button input, .button a.white{
  background: #eeeeee;
  border: 1px solid #b5b5b5;
  width: 86px;
  line-height: 37px;
  font-size: 16px;
  cursor: pointer;
}
 .button a.white{
  float: left;
  display: block;
  background: white;
  text-align: center;
  padding: 1px 0;
  margin-right: 5px;
}

.no-data{
  width: 100%;
  height: 400px;
  text-align: center;
  position: relative;

}
.no-data .wrap{
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}
.no-data .wrap p{
  font-size: 23px;
  margin: 20px 0;
  color: #cccccc;
}

.fa-exclamation-circle{
  color: #cccccc;}

.col-1 {width: 8.33%; float:left; box-sizing: border-box;}
.col-2 {width: 16.66%; float:left; box-sizing: border-box;}
.col-3 {width: 25%; float:left; box-sizing: border-box;}
.col-4 {width: 33.33%; float:left; box-sizing: border-box;}
.col-5 {width: 41.66%; float:left; box-sizing: border-box;}
.col-6 {width: 50%; float:left; box-sizing: border-box;}
.col-7 {width: 58.33%; float:left; box-sizing: border-box;}
.col-8 {width: 66.66%; float:left; box-sizing: border-box;}
.col-9 {width: 75%; float:left; box-sizing: border-box;}
.col-10 {width: 83.33%; float:left; box-sizing: border-box;}
.col-11 {width: 91.66%; float:left; box-sizing: border-box;}
.col-12 {width: 100%; float:left; box-sizing: border-box;}

@media all and (max-width:640px) {
    body,a{
        font-size: 14px;
    }
}


@media all and (max-width:500px) {
  .w_view{
    display: none !important;
  }
}