@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';
}
input[type="text"], input[type="password"]{
  border: 1px solid #cccccc;
  line-height: 25px; height: 25px;
  padding-left: 5px;
  font-family: '돋움';
  font-size: 15px;
}
textarea{
  border: 1px solid #cccccc;
  padding: 5px;
  font-family: '돋움';
}
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;
}



.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;}