html {
	margin: 0px !important; font-size: 100%; direction: ltr; box-shadow: none !important; -webkit-box-shadow: none;
}


body {
	margin: 0px; padding: 0px; text-align: left; color: rgb(112, 112, 112); line-height: 22px; font-family: "Open Sans", sans-serif; font-size: 13px; -ms-overflow-x: hidden; -ms-overflow-y: scroll; background-color: rgb(255, 255, 255);
}
.body {
	background-color: rgb(255, 255, 255);
}


.newboard-img {
	border: 3px;
	border-style: solid;
	border-color: #eaeaea;
	/*
	width: 100%;
	height: auto;
	max-width: 100%;
	margin:0px 20px 0px 20px;
	*/
}

tr > td{
	cursor:pointer; !important;
}

.section {
	padding: 4.61rem 0px;
	position: relative;
}
.section > .container {
	position: relative;
	z-index: 3;
}


h4 {
	font-size: 1.1rem;
}
h4 {
	margin: 0px 0px 0.4rem; color: rgb(28, 31, 33); line-height: 1.2; letter-spacing: -0.5px; font-weight: 400;
}
h4 {
	font-family: "Montserrat", sans-serif;
}


a {
	transition:color 300ms; color: rgb(112, 112, 112); -webkit-transition: ease color 300ms;
}

a:hover {
	color: rgb(35, 136, 237); text-decoration: none !important;
}
/*
a:focus {
	color: rgb(35, 136, 237); text-decoration: none !important;
}
*/


html :not(.no-skin).badge-primary {
	background: rgb(35, 136, 237);
	color: rgb(255, 255, 255);
}


li {
	line-height: 24px;
}


.pagination .page-link.prev {
	border: currentColor; border-image: none;
}
.pagination .page-link {
	background: none;
	color: rgb(112, 112, 112);
	font-weight: bold;
}
.pagination .page-item + .page-item {
	margin-left: 5px;
}
.pagination .page-item + .page-item.active .page-link {
	background: rgb(35, 136, 237);
}
.pagination .page-item + .page-item.active .page-link {
	color: rgb(255, 255, 255)  !important;
}
.pagination .page-link.next {
	border: currentColor; border-image: none;
}


html .btn-primary {
	border-color: rgb(35, 136, 237);
	color: rgb(255, 255, 255);
	background-color: rgb(35, 136, 237);
}


.btn {
	transition:0.1s; font-family: "Montserrat", sans-serif; font-size: 0.75rem; display: inline-flex; cursor: pointer; -webkit-transition: all 0.1s;
}


/*Ãß°¡*/


html :not(.no-skin).text-color-primary {
  color: rgb(35, 136, 237) !important;
}
/*
.pagination :not(.next):not(.prev).page-link:hover {
	border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(204, 204, 204);
}
*/
.pagination :not(.next):not(.prev).page-link:hover {
	border: 1px solid rgb(35, 136, 237); border-image: none; color: rgb(35, 136, 237);
}



/************************************************************************************************************************************************************/
/*¿©±â±îÁö board.list */



.blog-post .blog-post-header {
	overflow: hidden; position: relative;
}
.blog-post .blog-post-header .post-format-icon {
	transition:transform 300ms cubic-bezier(0.55, 0, 0.1, 1) 200ms, opacity 300ms cubic-bezier(0.55, 0, 0.1, 1); left: 15px; bottom: 15px; position: absolute; z-index: 2; opacity: 0; pointer-events: none; transform: translate3d(0px, 100px, 0px); -webkit-transform: translate3d(0, 100px, 0); -webkit-transition: cubic-bezier(0.55, 0, 0.1, 1) transform 300ms 200ms, cubic-bezier(0.55, 0, 0.1, 1) opacity 300ms;
}


.text-color-light {
	color: rgb(255, 255, 255) !important;
}
.text-color-dark {
	color: rgb(28, 31, 33) !important;
}
.text-color-light-3 {
	color: rgb(162, 162, 162) !important;
}


.link-color-dark {
	color: rgb(28, 31, 33);
}


p {
	margin: 0px 0px 1.2em; color: rgb(112, 112, 112); line-height: 1.9;
}


:not(.list-unstyled).list.list-style-1 {
	list-style: none;
	padding-left: 0px;
}
:not(.list-unstyled).list.list-style-1 li::before {
	left: 0px; top: 50%; width: 12px; height: 1px; margin-top: 1px; border-bottom-color: rgb(112, 112, 112); border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; content: " "; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
:not(.list-unstyled).list.list-style-1 li {
	padding-left: 22px; margin-bottom: 0.5rem; position: relative;
}
:not(.list-unstyled).list li:not(.list-group-item) {
	margin-bottom: 0.25em;
}


.learn-more {
	color: rgb(28, 31, 33);
}
.learn-more i {
	transition:margin-left 300ms; margin-left: 5px; -webkit-transition: ease margin-left 300ms;
}


.font-weight-bold {
	font-weight: 700 !important;
}


.text-2 {
	font-size: 0.9rem !important;
}
.text-3 {
	font-size: 1rem !important;
}
.text-4 {
	font-size: 1.1rem !important;
}
.text-7 {
	font-size: 2rem !important;
}


html .btn-quaternary {
	border-color: rgb(15, 57, 100);
	color: rgb(255, 255, 255);
	background-color: rgb(15, 57, 100);
}


h2 {
	margin: 0px 0px 0.4rem; color: rgb(28, 31, 33); line-height: 1.2; letter-spacing: -0.5px; font-weight: 400;
}
h2 {
	font-size: 1.8rem;
}
h2 {
	font-family: "Montserrat", sans-serif;
}


ul.comments {
	list-style: none; margin: 0px; padding: 0px;
}
ul.comments li {
	padding: 10px 0px 0px 55px;
}
ul.comments li .comment {
	margin-bottom: 10px; display: flex;
}
ul.comments .comment-block {
	padding: 20px 20px 30px; border-radius: 5px; width: 100%; position: relative;
}
ul.comments .comment-block .comment-by {
	margin: 0px; padding: 0px 0px 5px; line-height: 21px; font-size: 1em; display: flex; align-items: center; -webkit-box-align: center;
}
ul.comments .comment-block .comment-by .comment-date {
	margin: 0px 1rem;
	padding: 0px 1rem;
	border-right-color: rgb(218, 218, 218);
	border-left-color: rgb(218, 218, 218);
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
}
ul.comments li a {
	text-decoration: none;
}
ul.comments .comment-block p {
	margin: 0px; padding: 0px; line-height: 21px; font-size: 0.9em;
}
ul.comments li ul.reply {
	margin: 0px;
}


strong {
	line-height: 1;
}


.opacity-8 {
	opacity: 0.8;
}


:not(.form-control-sm):not(.form-control-lg).form-control {
	line-height: 1.3; font-size: 0.8rem;
}
:not(.form-control-lg).form-control {
	line-height: 1.3; font-size: 0.75rem;
}


form.form-style-2 .form-control {
	background-color: rgb(241, 243, 247);
}
.form-control {
	border-color: transparent; padding: 0.9rem 0.75rem; border-radius: 0px; height: auto !important; font-size: 0.8rem;
}


.border-0 {
	border: currentColor !important; border-image: none !important;
}


.bg-light-5 {
	background-color: rgb(241, 243, 247) !important;
}



/************************************************************************************************************************************************************/
/*¿©±â±îÁö board.view */



.font-weight-semibold {
	font-weight: 600 !important;
}


.text-color-dark {
	color: rgb(28, 31, 33) !important;
}


.line-height-1 {
	line-height: 1 !important;
}


.input-group.input-group-style-3 {
	position: relative;
}
.input-group.input-group-style-3 .form-control {
	padding-right: 155px;
}
.input-group.input-group-style-3 .input-group-btn {
	background: none !important; top: 0px; width: 100%; height: 100%; right: 0px; position: absolute; z-index: 3; max-width: 150px;
}
.input-group.input-group-style-3 .input-group-btn button {
	border: currentColor; border-image: none; width: 100%; height: 100%; text-align: center; justify-content: center; -webkit-box-pack: center;
}


:not(:first-child).input-group-btn > :first-child.btn {
	align-items: center; -webkit-box-align: center;
}


.btn-h-3 {
	padding-right: 2.61rem !important; padding-left: 2.61rem !important;
}


.custom-select-1 {
	position: relative;
}
.custom-select-1::before {
	top: 11px; right: 18px; color: rgb(181, 181, 181); font-family: "Font Awesome 5 Free"; font-weight: 900; display: block; position: absolute; content: "\f107"; pointer-events: none;
}
.custom-select-1 select {
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
}


.radio-custom {
	padding: 0px 0px 0px 25px; margin-top: 0px; margin-bottom: 7px; position: relative;
}
.radio-custom input[type='radio'] {
	margin: -6px 0px 0px; left: 3px; top: 50%; position: absolute; z-index: 2; cursor: pointer; opacity: 0;
}
.radio-custom input[type='radio']:checked + label::after {
	border-radius: 50px; left: 4px; top: 50%; width: 10px; height: 10px; line-height: 1; font-size: 11px; margin-top: -5px; display: inline-block; position: absolute; content: ""; box-shadow: 0px 0px 1px #444; background-color: rgb(68, 68, 68); -webkit-box-shadow: 0px 0px 1px #444;
}
.radio-custom label {
	text-align: left; line-height: 1.2; margin-bottom: 0px; cursor: pointer;
}
.radio-custom label::before {
	background: rgb(255, 255, 255); border-radius: 50px; border: 1px solid rgb(187, 187, 187); border-image: none; left: 0px; top: 50%; width: 18px; height: 18px; margin-top: -9px; display: inline-block; position: absolute; content: "";
}



/************************************************************************************************************************************************************/
/*¿©±â±îÁö board.write */