@import url("https://fonts.googleapis.com/css?family=La+Belle+Aurore|Fira+Sans:400,700");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

footer,

.form-control {
  display: block;
  /*width: 100%;*/
  height: 45px;
  padding: 8px 12px;
  font-size: 15px;
  line-height: 1.81;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #555;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 
}

.form-control1 {
  height: 45px;
  padding: 8px 12px;
  font-size: 15px;
  line-height: 1.81;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #eee;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 
}

.form-control2 {
  height: 45px;
  padding: 8px 12px;
  font-size: 15px;
  line-height: 1.81;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #555;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 
}

.form-control3 {
  height: 45px;
  padding: 8px 12px;
  font-size: 15px;
  line-height: 1.81;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #eee;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 
}

  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999; }
  .form-control::-webkit-input-placeholder {
    color: #999; }
  .form-control::-ms-expand {
    border: 0;
    background-color: transparent; }
  .form-control[disabled], .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1; }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed; }

textarea.form-control {
  height: auto; }

input[type="search"] {
  -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 45px; }
  input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
  .input-group-sm > input[type="date"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="date"].btn,
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input[type="time"].form-control,
  .input-group-sm > input[type="time"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="time"].btn,
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input[type="datetime-local"].form-control,
  .input-group-sm > input[type="datetime-local"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input[type="month"].form-control,
  .input-group-sm > input[type="month"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="month"].btn,
  .input-group-sm
  input[type="month"] {
    line-height: 33px; }
  input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
  .input-group-lg > input[type="date"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="date"].btn,
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input[type="time"].form-control,
  .input-group-lg > input[type="time"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="time"].btn,
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input[type="datetime-local"].form-control,
  .input-group-lg > input[type="datetime-local"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input[type="month"].form-control,
  .input-group-lg > input[type="month"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="month"].btn,
  .input-group-lg
  input[type="month"] {
    line-height: 52px; } }

.form-group {
  margin-bottom: 15px; }

.contact-form {
  margin-top: 30px; }

.form-control {
	box-shadow: none; 
	display: inline-block;
}
.form-control:focus {
	box-shadow: none;
	border-color: #eee; 
}

textarea {
  max-width: 100%; }

.form-control {
		width: 60%;
}
.form-control1 {
		width: 30%;
}
.form-control2 {
		width: 40%;
}
.form-control3 {
		width: 80%;
}
@media (max-width: 991px) {
	.form-control {
		width: 80%;
	}
	.form-control1 {
		width: 40%;
	}
	.form-control2 {
		width: 60%;
	}
	.form-control3 {
		width: 72%;
	}
}
@media (max-width: 910px) {
	.form-control {
		width: 60%;
	}
	.form-control1 {
		width: 30%;
	}
	.form-control2 {
		width: 40%;
	}
	.form-control3 {
		width: 80%;
	}
}  

/* Footer */
#footer {
	background: #4e5266;
	padding: 1em 1em 1em;
}

#footer h2, #footer h3, #footer h4 {
	color: #ffffff;
}

#footer p, #footer a, #footer li {
	color: #cdced0;
}

#footer .links {
	/*border-bottom: 1px solid rgba(144, 144, 144, 0.25);*/
	
}

#footer .copyright {
	margin-top: 0.65em;
	padding: 0;
}

#footer .copyright li {
color: #858585;
display: inline-block;
list-style: none;
margin-left: 0.5em;
padding-left: 0.5em;
}

#footer .copyright li:first-child {
margin-left: 0;
padding-left: 0;
}

#footer .copyright a {
color: #858585;
}

#footer .icons {
text-align: right;
}

#footer a.icon {
color: #ffffff;
font-size: 0.65em;
height: 4em;
line-height: 4em;
width: 4em;
cursor: pointer;
}

ol {
list-style: decimal;
margin: 0 0 2em 0;
padding-left: 1.25em;
}

ol li {
padding-left: 0.25em;
}

ul {
list-style: disc;
margin: 0 0 2em 0;
padding-left: 1em;
}

ul li {
padding-left: 0em;
}

ul.alt {
list-style: none;
padding-left: 0;
}

ul.alt li {
border-top: solid 1px rgba(144, 144, 144, 0.25);
padding: 0.5em 0;
}

ul.alt li:first-child {
border-top: 0;
padding-top: 0;
}

ul.unstyled {
list-style: none;
padding-left: 0;
}

ul.unstyled li {
padding: 0.4em 0;
}

ul.icons {
cursor: default;
list-style: none;
padding-left: 0;
}

ul.icons li {
display: inline-block;
padding: 0 1em 0 0;
}

ul.icons li:last-child {
padding-right: 0;
}

ul.icons li .icon:before {
font-size: 2em;
}

ul.actions {
cursor: default;
list-style: none;
padding-left: 0;
}

ul.actions li {
display: inline-block;
padding: 0 1em 0 0;
vertical-align: middle;
}

ul.actions li:last-child {
padding-right: 0;
}

ul.actions.small li {
padding: 0 0.5em 0 0;
}

ul.actions.vertical li {
display: block;
padding: 1em 0 0 0;
}

ul.actions.vertical li:first-child {
padding-top: 0;
}

ul.actions.vertical li > * {
margin-bottom: 0;
}

ul.actions.vertical.small li {
padding: 0.5em 0 0 0;
}

ul.actions.vertical.small li:first-child {
padding-top: 0;
}

ul.actions.fit {
display: table;
margin-left: -1em;
padding: 0;
table-layout: fixed;
width: calc(100% + 1em);
}

ul.actions.fit li {
display: table-cell;
padding: 0 0 0 1em;
}

ul.actions.fit li > * {
margin-bottom: 0;
}

ul.actions.fit.small {
margin-left: -0.5em;
width: calc(100% + 0.5em);
}

ul.actions.fit.small li {
padding: 0 0 0 0.5em;
}

dl {
margin: 0 0 2em 0;
}

.item.active {
    color: #fff;
	font-weight:bold;
	background-color: #233b4d;
}

/*qna*/
.main_area { background-color:#fff; min-height:450px;}
.qna .container {padding:0; width:100%;}
.qna .more-top { margin-top:50px; }
.qna .container p { text-align:left; }
.qna .container .list-table { width:100%; border-top:2px solid #e9ecef; font-size:14px; }
.qna .container .list-table th { height:53px; line-height:24px; color:#000000; text-align:center; border-bottom:2px solid #E3E3E3; }
.qna .container .list-table td { height:43px; line-height:24px; color: #000; text-align:center; border-bottom:2px solid #E3E3E3; }
.qna .container .list-table td.left { text-align:left; }
.qna .container .list-table td a { text-decoration:none; color: #666666; }
.qna .container .btnRight { margin:1em 0; text-align:right; .zoom:1; position:relative; }
.search-box { margin:10px 0; }
.search-box .left-box { width:30%; display:inline-block; text-align:left; height:40px; line-height:40px; }
.search-box .right-box { width:70%; height:40px; line-height:40px; display:inline-block; text-align:right; vertical-align:middle; }
.search-box select { height:100%; line-height:100%; border:1px solid #CFCFCF; color:#575757; background-color:#FFFFFF; vertical-align:middle; }
.search-box input { height:38px; line-height:100%; border:1px solid #CFCFCF; color:#575757; padding:0 7px; vertical-align:middle; }
.search-box .search_btn { width:40px; height:100%; background:url('../img/search_btn.png'); border:0; cursor:pointer; padding:0; vertical-align:middle; }
.qna form .t-line { border-bottom:1px solid #CFCFCF; padding:9px 0; }
.qna form .t-line .t-head { display:inline-block; width:20%; text-align:left; height:37px; line-height:37px; vertical-align:top; }
.qna form .t-head img { padding-bottom:3px; margin-left:7px; }
.qna form .t-line .t-data { display:inline-block; width:80%; height:37px; line-height:37px; text-align:left; }
.qna form .t-line .t-data::after { display:block; content:''; clear:both; }
.qna form .t-line .t-data input { height:100%; width:96%; border:1px solid #CFCFCF; margin:0; padding:0 2%; }
.qna form .t-line .t-data .s-input { width:30%; }
.qna form .t-line .t-data .checkarea { display:inline-block; margin:0 15px; height:25px; line-height:25px; }
.qna form .t-line .t-data textarea { height:280px; width:96%; border:1px solid #CFCFCF; margin:0; padding:0 2%; line-height:22px; }
.qna form .buttons { margin-top:45px; }
.qna .box-outline { max-width:550px; background-color:#FCFCFC; border:1px solid #C7C7C7; }
.qna .container .container-box { padding:70px 85px 60px; }
.qna .container-box table { width:100%; }
.qna .container-box table th { text-align:left; width:30%; font-weight:500; }
.qna .container-box table td { height:37px; line-height:37px; }
.qna .container-box table td input { height:100%; width:96%; border:1px solid #CFCFCF; margin:0; padding:0 2%; }
.qna .container-box .buttons { margin-top:35px; }
.qna .container .view-table { width:100%; border-top:2px solid #808080; }
.qna .container .view-table th { line-height:38px; color:#000000; text-align:left; border-bottom:2px solid #E3E3E3; font-size:22px; padding:16px 0; }
.qna .container .view-table th div{ line-height:30px; font-size:14px; }
.qna .container .view-table th div span{ color:#969696; margin:0 70px 0 12px; }
.qna .container .view-table td { font-size:15px; line-height:25px; color:#000000; text-align:left; border-bottom:2px solid #E3E3E3; padding:25px 0; }
.tb-center {width:10%;}
@media (max-width: 640px) {
	
	/*qna*/
	.qna .more-top { margin-top:37px; }
	.qna .container .list-table { font-size:13px; }
	.qna .container .list-table th { height:40px; line-height:22px; }
	.qna .container .list-table td { height:32px; line-height:22px; }
	.search-box { margin:8px 0; }
	.qna form .t-line .t-head { width:25%; }
	.qna form .t-line .t-data { width:75%; }
	.qna form .t-line .t-data .s-input { width:40%; }
	.qna form .t-line .t-data .checkarea { margin:0 8px; }
	.qna form .t-line .t-data textarea { height:210px; line-height:20px; }
	.qna form .buttons { margin-top:34px; }
	.qna .container .container-box { padding:50px 64px 45px; }
	.qna .container-box table th { width:35%; }
	.qna .container-box table td { height:32px; line-height:32px; }
	.qna .container-box .buttons { margin-top:25px; }
	/*.tb-center {width:auto}*/
}

@media (max-width: 500px) {
	/*.buttons div img { width:25%; height:auto; }*/

	.qna .more-top { margin-top:25px; }
	.qna .container .list-table { font-size:12px; }
	.qna .container .list-table th { height:35px; line-height:20px; }
	.qna .container .list-table td { height:30px; line-height:20px; }
	.search-box .left-box { width:0; display:none; }
	.search-box .right-box { width:100%; height:30px; line-height:30px; }
	.search-box input { height:28px; }
	.search-box .search_btn { background:url('../img/search_btn.png') center center; }
	.qna form .t-line { padding:7px 0; }
	.qna form .t-line .t-head { width:30%; }
	.qna form .t-line .t-data { width:70%; }
	.qna form .t-line .t-data .s-input { width:40%; }
	.qna form .t-line .t-data .checkarea { margin:0; }
	.qna form .buttons { margin-top:25px; }
	.qna .container .container-box { padding:35px 40px 30px; }
	.qna .container-box table td { height:32px; line-height:32px; }
	.qna .container-box .buttons { margin-top:20px; }
	.qna .container-box .buttons img { max-width:150px; width:48%; }
	
}

@media (max-width: 400px) {
	.qna form .t-head img { margin-left:3px; }
	.qna form .t-line .t-data .s-input { width:35%; }
	.qna form .t-line .t-data .min-input { width:96%; }
	.qna form .buttons img { width:49%; max-width:150px; }
	.qna .container .list-table .m-none { display:none; }
}

.component-tab {
}

.component-tab .tab-menus {
}

.component-tab .tab-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.component-tab .tab-item {
}

.component-tab .tab-trigger {
	display: inline-block;
}

.component-tab .tab-trigger.tab-selected {
	font-weight: bold;
}

.component-tab .tab-contents {
}

.component-tab .tab-target {
	display: none;
}

.component-tab .tab-target.tab-selected {
	display: block;
}

/* Pagination */
.page_num {
	padding: 0;
}
.page_num ul {
	list-style: none;
	margin: 0;
	text-align: center;
	font-weight: normal;
}
.page_num li {
	display: inline;
	line-height: 16px;
	height: 16px;
	vertical-align: middle;
	margin: 0 2px;
}
.page_num a {
	display: inline-block;
	padding: 7px;
	background: #fff;
	font-size: 13px;
	line-height: 16px;
	/*height: 26px;*/
	min-width: 16px;
	color: #6A6A6A;
	vertical-align: middle;
	border: 2px solid #D2D2D2;
}
.page_num a:hover, .page_num a:active, .page_num a:focus {
	color: #000000;
	border: 2px solid #AAD26E;
}
.page_num .active a {
	display: inline-block;
	padding: 7px;
	background: #fff;
	color: #000000;
	border: 2px solid #AAD26E;
}
/* Pagination */
.main-count ul li .count-box {
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #555;
    height:100%;
}

.main-count ul li {
    float: left;
    box-sizing: border-box;
    width: 19.5%;
    text-align: center;
    margin-right: 0.25%;
	height:120px;
	list-style:none;
}

.static-label{
	font-size:2.5rem;
}

.static-title{
	font-size:1.7rem;
}

@media (max-width: 640px) {
	.static-label{
		font-size:2.5rem;
	}

	.static-title{
		font-size:1.7rem;
	}
}

.listTop .listTitle {
    width: 10%;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    font-weight: bold;
	margin-left:10px;
}

canvas {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.search-input{
	text-align:right;
}
// WEBPACK FOOTER //
// ./styles/main.scss

.qna .container .view-table th {
    line-height: 38px;
    color: #000000;
    text-align: left;
    border-bottom: 2px solid #E3E3E3;
    font-size: 22px;
    padding: 16px 0;
}
.qna .container .view-table {
    width: 100%;
    border-top: 2px solid #808080;
}
.qna .container .view-table th div {
    line-height: 30px;
    font-size: 14px;
}
.qna .container .view-table th div span {
    color: #969696;
    margin: 0 70px 0 12px;
}
.qna .container .view-table td {
    font-size: 15px;
    line-height: 25px;
    color: #000000;
    text-align: left;
    border-bottom: 2px solid #E3E3E3;
    padding: 25px 0;
}