@charset "UTF-8";

html, body { height:100%; }
html {
   -ms-overflow-style: -ms-autohiding-scrollbar; /* ie auto hide scroll */
    -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
    font-family:  "나눔바른고딕", 'Nanum Barun Gothic', "맑은 고딕", 'Malgun Gothic',  Helvetica, Arial, sans-serif;
    color:#2f2f2f;
    font-size: 16px;
    line-height: 1.42857143;
    font-weight: 400;
    position: relative;
    background-color: #FFF;
}
body * { text-shadow: none; }
::-moz-selection { /* Code for Firefox */
    color: #333333;
    background: #60ccff;
}
::selection { /* 드래그 활성화시 스타일 */
    color: #333333;
    background: #60ccff;
}
* {
  outline:none;
  padding:0;margin:0;
border:0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
article, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

h1,h2,h3,h4,h5 { font-weight: normal; }
img { width:100%; vertical-align: bottom; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.radio,
.checkbox {
  position: relative;
  margin-top: 10px;
}
.radio label,
.checkbox label {
  position: relative;
  top:-2px;
  padding-left: 5px;
  color:#000;
  font-weight: normal;
  cursor: pointer;
}
textarea { display:block; width:100%; border:1px solid #ccc; padding:10px; -webkit-appearance:none; font: inherit; color: inherit; }
a { color: inherit; text-decoration: none; }
a:visited { color:#000; }
a:hover,
a:active { color: inherit; }

.container {
  width:100%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom:70px;
}

@media (min-width: 640px) {
  .container {
    width: 640px;
  margin-bottom:100px;
  }
}
.row { margin:0 -10px; }



/* form style */
.form-class {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #555;
  border: 1px solid #ccc;
  border-radius: 0px;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
textarea.form-class { height: auto; }

::-moz-placeholder {
  color: #bbb;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #bbb;
}
::-webkit-input-placeholder {
  color: #bbb;
}
::-ms-expand {
  background-color: transparent;
  border:0;
}

table {
  border-spacing: 0;
  border-collapse: collapse !important;
  background-color: transparent;
  width:100%;
}
thead th { text-align:right; color:#000; padding:20px 0; }
thead th strong { font-weight:700; }
tbody th { color:#000; text-align:right; padding:5px 10px 0 0; }
tbody td { color:#000; padding:5px 10px; }

#inDB {
  width:100%;
  color:#000 !important;
  background-color: #f2f2f2;
  padding:10px;
  border-bottom:10px solid #e8e8e8;
}
#inDB a > img { max-width: 100%; }

header h1 { 
  color: #464646;
  font-size: 45px;
  font-weight:bold;
  text-align:center;
  letter-spacing: -.5px;
  line-height:1.17345;
  margin:10px 0 0 0;
}
.date-info { 
  color: #a1a1a1;
  font-size:14px;
  text-align:right;
  padding:10px;
}
main h3,
main p { padding:10px;}
main h3 { 
  font-size:20px;
  font-weight: bold;
}
main h3.action { color:#01466f; }
main kbd { font:inherit; color:#ce0000; }
main p { 
  font-size: 16px;
  line-height:1.634546;
}
.comment { 
  padding:20px 10px;
}

.pannel { 
  border-bottom:1px solid #dadada;
  padding-bottom:15px;
  margin-bottom:15px;
}
.pannel:last-child { 
  border:0;
  padding:0;
  margin:0;
}
.pannel label { 
  font-size:13px;
  color:#fff;
  background-color:#da0000;
  vertical-align:middle;
  padding: 2px 5px;
}
.pannel-body { 
  padding:10px 0;
}
.pannel-body span { 
  display:block;
  color:#8f8f8f;
  margin-top:10px;
}

.btn-group { 
  display: table;
  width:100%;
}
.btn-left,
.btn-right { 
  display: table-cell;
  vertical-align: middle;
}
.btn-right { text-align:right; }

.btn{ width:100px; height: 100px; display:block; position:fixed; bottom:20px; right:20px; z-index:100;}
.btn img{width:100%;}

.banner { 
  position: fixed;
  bottom:0;
  cursor: pointer;
  z-index:99;
}


.t-center { text-align: center; }


/*2*/
.l-h-27 {line-height: 27px;}
.l-h-23 {line-height: 23px;}
li {list-style: none;}