@charset "utf-8";
/**
 * @author https://www.cosmosfarm.com/
 */
 
  /* custom css 페이지버튼글쓰기 START*/
.pagination a {color: #000; padding: 5px; margin: 0 2px;}
.pagination a:hover,
.pagination .current_page_num {color: #000; background: #ff3300; padding: 5px;}
/* custom css 페이지버튼글쓰 END */ 

  
 
/* 별점 스킨start */
.star_rating {
  width: 100%; 
  box-sizing: border-box; 
  display: inline-flex; 
  float: left;
  flex-direction: row; 
  justify-content: flex-start;
}

.star_rating .star {
  width: 25px; 
  height: 25px; 
  margin-right: 10px;
  display: inline-block; 
  background: url('https://www.ohaven.co.kr/wp-content/plugins/kboard-comments/skin/test/star1.png') no-repeat; 
  background-size: 100%; 
  box-sizing: border-box; 
}
.star_rating .star.on {
  width: 25px; 
  height: 25px;
  margin-right: 10px;
  display: inline-block; 
  background: url('https://www.ohaven.co.kr/wp-content/plugins/kboard-comments/skin/test/star2.png') no-repeat;
  background-size: 100%; 
  box-sizing: border-box; 
}

.star_ratingt {
  width: 100%; 
  box-sizing: border-box; 
  display: inline-flex; 
  float: left;
  flex-direction: row; 
  justify-content: flex-start;
}
.star_ratingt .star {
  width: 25px; 
  height: 25px; 
  margin-right: 10px;
  display: inline-block; 
  background: url('https://www.ohaven.co.kr/wp-content/plugins/kboard-comments/skin/test/star1.png') no-repeat; 
  background-size: 100%; 
  box-sizing: border-box; 
}
.star_ratingt .star.on {
  width: 25px; 
  height: 25px;
  margin-right: 10px;
  display: inline-block; 
  background: url('https://www.ohaven.co.kr/wp-content/plugins/kboard-comments/skin/test/star2.png') no-repeat;
  background-size: 100%; 
  box-sizing: border-box; 
}


.star_ratings {
  width: 100%; 
  box-sizing: border-box; 
  display: inline-flex; 
  float: left;
  flex-direction: row; 
  justify-content: flex-start;
}
.star_ratings .star {
  width: 25px; 
  height: 25px; 
  margin-right: 10px;
  display: inline-block; 
  background: url('https://www.ohaven.co.kr/wp-content/plugins/kboard-comments/skin/test/star1.png') no-repeat; 
  background-size: 100%; 
  box-sizing: border-box; 
}
.star_ratings .star.on {
  width: 25px; 
  height: 25px;
  margin-right: 10px;
  display: inline-block; 
  background: url('https://www.ohaven.co.kr/wp-content/plugins/kboard-comments/skin/test/star2.png') no-repeat;
  background-size: 100%; 
  box-sizing: border-box; 
}



.star_box {
  width: 400px;
  box-sizing: border-box;
  display: inline-block;
  margin: 15px 0;
  background: #F3F4F8;
  border: 0;
  border-radius: 10px;
  height: 100px;
  resize: none;
  padding: 15px;
  font-size: 13px;
  font-family: sans-serif;
}
.btn02 {
  display:block;
  width: 400px;
  font-weight: bold;
  border: 0;
  border-radius: 10px;
  max-height: 50px;
  padding: 15px 0;
  font-size: 1.1em;
  text-align: center;
  background:bisque;
}

/* 별점 스킨 end */



/* 댓글 더보기 start */

*{ margin:0px; padding:0px }
ol.timeline
{
list-style:none
}
ol.timeline li
{
position:relative;
border-bottom:1px #dedede dashed;
padding:8px;
}
.morebox
{
font-weight:bold;
color:#333333;
text-align:center;
border:solid 1px #333333;
padding:8px;
margin-top:8px;
margin-bottom:8px;
border-radius: 6px;
-webkit-border-radius: 6px;
}

.morebox a{ color:#333333; text-decoration:none}
.morebox a:hover{ color:#333333; text-decoration:none}
#container{margin-left:60px; width:580px }

/* 댓글 더보기 end */



/* 댓글 쓰기버튼 start */
 .kboard-submit-button {
            font-size: 16px;
            padding: 10px 20px;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            margin-top: 10px;
        }		
/* 댓글 쓰기버튼 end */



.kboard-comments-default .comments-list .comments-list-content-reply { clear: both; padding: 10px 0; word-break: break-all; overflow: hidden; font-size: 16px; margin-left: 20px;  margin-right: 5px;} /* 25년 05.03일 오른쪽으로 10px 이동 */


.kboard-comments-default { background-color: #f9f9f9; }
.kboard-comments-default form { margin: 0; padding: 0; }
.kboard-comments-default hr { clear: both; margin: 0 !important; padding: 5px 0 0 0 !important; max-width: 100% !important; height: 0 !important; border: 0 !important; border-bottom: 1px dashed #d8d8d8 !important; background: none !important; background-color: transparent !important; }
.kboard-comments-default input[type=text],
.kboard-comments-default input[type=email],
.kboard-comments-default input[type=number],
.kboard-comments-default input[type=date],
.kboard-comments-default input[type=file],
.kboard-comments-default input[type=password] { display: inline; margin: 0; padding: 0 5px; width: 50%; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #eaeaea; background-color: white; color: #8a8a8a; vertical-align: top; box-sizing: border-box; text-indent: 0; }
.kboard-comments-default .kboard-comments-wrap { padding: 15px 15px 0 0; }
.kboard-comments-default .comments-header { padding: 0 0 0 15px; overflow: hidden; line-height: 1; }
.kboard-comments-default .comments-count { display: inline; color: #8a8a8a; font-size: 14px; }
.kboard-comments-default .comments-count .comments-total-count { color: #f05726; font-size: 14px; }
.kboard-comments-default .comments-sort { float: right; text-align: right; }
.kboard-comments-default .comments-sort select { display: inline; margin: 0; padding: 0; border: 0; width: auto; min-width: 0; max-width: none; height: auto; min-height: 0; color: #66666a; font-size: 14px; background: none; background-color: transparent; cursor: pointer; box-shadow: none; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
.kboard-comments-default .comments-list { padding: 0 0 0 15px; overflow: hidden; }
.kboard-comments-default .comments-list ul { margin: 0 !important; padding: 0 !important; list-style: none; border: 0; background: none; }
.kboard-comments-default .comments-list ul li { margin: 0 !important; padding: 15px 0 0 0 !important; list-style: none; border: 0; background: none; }
.kboard-comments-default .comments-list .comments-list-username { float: left; margin: 0; padding-right: 10px; width: auto; font-size: 14px; color: #3b3b3b; font-weight: bold; line-height: 24px; }
.kboard-comments-default .comments-list .comments-list-username a { color: #3b3b3b; }
.kboard-comments-default .comments-list .comments-list-username img.avatar { display: inline; margin: 0 3px 0 0; width: 24px; max-width: none; height: 24px; vertical-align: middle; border-radius: 50%; }
.kboard-comments-default .comments-list .comments-list-create { float: left; margin: 0; padding-right: 10px; width: auto; font-size: 13px; color: gray; line-height: 24px; }
.kboard-comments-default .comments-list .comments-list-content { clear: both; padding: 10px 0; word-break: break-all; overflow: hidden; font-size: 16px;}
.kboard-comments-default .comments-list .comments-list-content iframe { max-width: 100%; }
.kboard-comments-default .comments-list .comments-list-content img { display: inline; margin: 0; vertical-align: middle; max-width: 100%; }
.kboard-comments-default .comments-list .comments-list-content p { margin: 0 0 0.75em; }
.kboard-comments-default .comments-list .comments-list-content p:last-child { margin: 0; }
.kboard-comments-default .comments-list .comments-list-content .aligncenter { display: block; margin-right: auto; margin-left: auto; }
.kboard-comments-default .comments-list .comments-list-content .alignright { float:right; }
.kboard-comments-default .comments-list .comments-list-content .alignleft { float: left; }
.kboard-comments-default .comments-list .comments-list-controller { clear: both; overflow: hidden; line-height: 1; }
.kboard-comments-default .comments-list .comments-list-controller .left { position: static; float: left; }
.kboard-comments-default .comments-list .comments-list-controller .right { position: static; float: right; text-align: right; }
.kboard-comments-default .comments-list .comments-list-controller .comments-button-action { margin: 0 0 5px 0; padding: 3px 4px; font-size: 13px; font-weight: normal; line-height: 12px; text-align: left; border: 1px solid #ededed; background: none; background-color: white; border-radius: 2px; letter-spacing: normal; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; }
.kboard-comments-default .comments-list .comments-list-controller .comments-button-action span { position: static; display: inline; margin: 0; padding: 0; font-size: 12px; line-height: 12px; }
.kboard-comments-default .comments-list .comments-list-controller .comments-button-like { color: #ff5959; }
.kboard-comments-default .comments-list .comments-list-controller .comments-button-unlike { color: #3d62aa; }
.kboard-comments-default .comments-list .comments-list-controller .comments-button-delete { color: gray; }
.kboard-comments-default .comments-list .comments-list-controller .comments-button-edit { color: gray; }
.kboard-comments-default .comments-list .comments-list-controller .comments-button-reply { color: gray; }
.kboard-comments-default .comments-list .comments-list-controller .kboard-reply-active { }
.kboard-comments-default .comments-list .comments-reply-form { }
.kboard-comments-default .kboard-comments-form { padding: 15px 0 15px 15px; overflow: hidden; }
.kboard-comments-default .kboard-comments-form .comment-textarea { margin: 0; padding: 5px; width: 100%; min-width: 100%; max-width: 100%; height: 60px; min-height: 0; border: 1px solid #eaeaea; font-size: 14px; background-color: white; color: #8a8a8a; vertical-align: top; box-sizing: border-box; text-indent: 0; }
.kboard-comments-default .kboard-comments-form .comments-field-wrap { display: none; float: left; width: 50%; }
.kboard-comments-default .kboard-comments-form .comments-field { margin-bottom: 10px; line-height: 28px; font-size: 14px; }
.kboard-comments-default .kboard-comments-form .comments-field .comments-field-label { display: inline-block !important; margin: 0; padding: 0; width: 100px; font-size: 14px; color: #8a8a8a; vertical-align: top; }
.kboard-comments-default .kboard-comments-form .comments-field img { display: inline; margin: 0; padding: 0; width: auto; max-width: 100%; vertical-align: top; }
.kboard-comments-default .kboard-comments-form .comments-submit-button { display: none; float: right; }
.kboard-comments-default .kboard-comments-form .comments-submit-button input[type=submit] { margin: 0; padding: 10px 20px; width: auto; min-width: inherit; max-width: inherit; border: 0; background-color: black; color: white; font-weight: bold; cursor: pointer; text-align: center; vertical-align: top; }
.kboard-comments-default .kboard-comments-login { padding: 15px 0 15px 15px; text-align: center; font-size: 13px; overflow: hidden; }

@media screen and (max-width: 600px) {
	.kboard-comments-default input[type=text],
	.kboard-comments-default input[type=email],
	.kboard-comments-default input[type=number],
	.kboard-comments-default input[type=date],
	.kboard-comments-default input[type=password] { width: 100%; height: 28px; line-height: 28px; box-sizing: border-box; }
	.kboard-comments-default input[type=file] { width: 100%; height: auto; line-height: normal; box-sizing: border-box; }
	.kboard-comments-default .kboard-comments-form .comments-field { float: none; width: auto; }
	.kboard-comments-default .kboard-comments-form .comments-field .comments-field-label { display: block; margin: 0; }
	.kboard-comments-default .kboard-comments-form .comments-field-wrap { float: left; width: 100%; }
	.kboard-comments-default .kboard-comments-form .comments-submit-button { float: left; width: 100%; }
	.kboard-comments-default .kboard-comments-form .comments-submit-button input[type=submit] { padding: 10px 0; width: 100%; box-sizing: border-box; }
}