@charset "utf-8";

/* initialize */
@import "https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css"

/* common */
body {font-family: 'Helvetica Neue', 'Apple SD Gothic Neo', 'Roboto', 'Noto Sans KR', sans-serif; font-size: 15px; color: #444; line-height: 1.4;}
h1, h2, h3, h4, h5, h6 {color: #000;}
h1, h2, h3, h4, h5, h6, ul, dl, ol, li, dt, dd, div, p, strong, span, button {margin: 0; padding: 0;}
ul, ol, dl {list-style: none;}
button {cursor: pointer; outline: 0;}
body, div, input, empty[comma-value], select, textarea, button, header, section, footer, em {font-family: inherit; line-height: 1.5; color: #303030; border: 0; font-size: inherit; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; letter-spacing: normal;}

/* page */
.wrap {width: 100%; background: #fff;}

.container {width: 100%; text-align: center;}

.title {width: 100%; padding: 5px 0px; margin: 0px auto 30px auto; text-align: center; color: #fff; background-color: #495566; border-radius: 0px;}
.title > h1 {color: #fff;}

.content {width: 100%; margin: 0 auto; padding: 20px 0; text-align: center;}

.table {width: inherit;}
.table {border-spacing: 0; border-collapse: collapse;}
.table {border-top: 2px solid #bbc0c7; border-bottom: 2px solid #bbc0c7;}
.table th,table td {border-bottom: 1px solid #ddd; padding: 3px 10px;}
.table thead th {height: 40px;}
.table th {font-size: 14px; min-width: 150px; height: 48px; background: #f5f5f5; color: #333; font-weight: bold; text-align: center;}
.table th~th,table td~td,table th~td,table td~th {border-left: 1px solid #ddd;}
.table td {height: 48px; background: #fff;}
.table .on td {background: #faf5ed; font-weight: bold;}
.table input[type="text"],
.table input[type="number"],
.table input[type="email"],
.table input[type="search"],
.table input[type="password"],
.table input[type="date"]
.table input[type="datetime"],
.table input[type="datetime-local"],
.table input[type="time"],
.table input[type="month"],
.table input[type="week"],
.table input[type="tel"],
.table input[type="url"] {border: 1px solid #d6d6d6; background: rgb(251, 253, 224); font-size: 14px; width: 150px; padding: 4px 5px 6px; margin: 0 10px; overflow: visible;}
.table input[type="file"] {border: 1px solid #d6d6d6; background: rgb(251, 253, 224); font-size: 14px; padding: 4px 5px 6px; margin: 0 10px; overflow: visible;}
.table input:disabled {border: 1px solid #d6d6d6; background: #eee !important; overflow: visible;}
.table tr th > label {padding: 6px 12px; color: #000; background-color: transparent; font-weight: bold !important;}
.table tr td > input {padding: 6px 12px; color: #fff; background-color: #337ab7; font-weight: normal !important;}