@charset "utf-8";
/**
 * @author http://www.cosmosfarm.com/
 */

img { border: 0; }
.cut_strings { width: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; }

.kboard-customer-button-small,
.kboard-customer-button-small:link,
.kboard-customer-button-small:visited { display: inline-block; margin: 0 !important; padding: 0 10px !important; height: 28px; line-height: 28px; font-size: 13px !important; font-weight: normal; color: white !important; background-image: none !important; background-color: #34b371 !important; border: none; /* border-radius: 3px; */ text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }
.kboard-customer-button-small:hover,
.kboard-customer-button-small:focus,
.kboard-customer-button-small:active { display: inline-block; margin: 0 !important; padding: 0 10px !important; height: 28px; line-height: 28px; font-size: 13px !important; font-weight: normal; color: white !important; background-image: none !important; background-color: #34b371 !important; border: none; /* border-radius: 3px; */ text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }

.kboard-customer-poweredby {float: left; padding-bottom: 15px; width: 100%; }
.kboard-customer-poweredby a { font-size: 13px; text-decoration: none; color: gray; }

#kboard-customer-list { margin: 0 auto; width: 99%; }
#kboard-customer-list .kboard-header { float: left; margin-top: 0; width: 100%; }
#kboard-customer-list .kboard-category { float: left; padding-bottom: 5px; width: 50%; text-align: left; }
#kboard-customer-list .kboard-category select { display: inline-block; margin: 0; padding: 5px 2px; font-size: 12px; width: 120px; color: #666666; /* border-radius: 3px; */ border: 1px solid #cccccc; box-shadow: none; }
#kboard-customer-list .kboard-search { float: right; padding-bottom: 5px; width: 50%; text-align: right; }
#kboard-customer-list .kboard-search select { display: inline-block; margin: 0; padding: 5px 2px; width: 80px; height: auto; font-size: 12px; color: #666666; /* border-radius: 3px; */ border: 1px solid #cccccc; vertical-align: middle; box-shadow: none; }
#kboard-customer-list .kboard-search input { display: inline-block; margin: 0; padding: 6px 2px; width: 120px; height: auto; font-size: 12px; color: #666666; /* border-radius: 3px; */ border: 1px solid #cccccc; line-height: 12px; vertical-align: middle; box-shadow: none; }
#kboard-customer-list .kboard-list { float: left; width: 100%; background-color: white; }
#kboard-customer-list .kboard-list table { table-layout: fixed; width: 100%; border: 0; font-size: 14px; border-collapse: collapse; }
#kboard-customer-list .kboard-list table a { color: #888; text-decoration: none; border: 0; }
#kboard-customer-list .kboard-list table tr { border: 0; }
#kboard-customer-list .kboard-list table td { padding: 8px 0; text-align: center; vertical-align: middle;}
#kboard-customer-list .kboard-list table td.kboard-list-bool-comment { width: 113px; }
#kboard-customer-list .kboard-list table td.kboard-list-title { width: auto; }
#kboard-customer-list .kboard-list table td.kboard-list-title img { display: inline; margin: 0; width: 16px; height: 16px; vertical-align: middle; }
#kboard-customer-list .kboard-list table td.kboard-list-user { width: 77px; padding-left: 7px; padding-right: 7px;}
#kboard-customer-list .kboard-list table td.kboard-list-date { width: 113px; }
#kboard-customer-list .kboard-list table td.kboard-list-view { width: 55px; }
#kboard-customer-list .kboard-list thead tr td { font-weight: 600; color: #222; /*border: 0; border-bottom: 2px solid #eee; */ border:1px solid #eee; border-right: 0; border-top:2px solid #34b371;}
#kboard-customer-list .kboard-list thead tr td:first-child{border-left: 0;}
#kboard-customer-list .kboard-list tbody tr td { word-break: break-all; border: 0; /*border: 1px solid #eee;*/ border:1px solid #eee; border-right: 0;}
#kboard-customer-list .kboard-list tbody tr td:first-child{border-left: 0;}
#kboard-customer-list .kboard-list tbody tr:hover { background-color: #f7f7f7; }
#kboard-customer-list .kboard-list tbody tr.kboard-list-notice { background-color: #f4f4f4; }
#kboard-customer-list .kboard-list tbody tr.kboard-list-notice td.kboard-list-bool-comment { font-weight: bold; color: #515151; }
#kboard-customer-list .kboard-list tbody td.kboard-list-title { text-align: left; padding-left: 19px;}
#kboard-customer-list .kboard-list tbody td.kboard-list-title img { display: inline; vertical-align: text-bottom; }
#kboard-customer-list .kboard-pagination { float: left; padding: 30px 0; width: 550px; margin: 0 auto;}
#kboard-customer-list .kboard-pagination .kboard-pagination-pages { float: left; margin: 0; padding: 0 0 1px 0; width: 100%; list-style: none; text-align: center; border: 0; }
#kboard-customer-list .kboard-pagination .kboard-pagination-pages li { display: inline-block; margin: 0; padding: 0 3px; background: none; border: 0; list-style: none; }
#kboard-customer-list .kboard-pagination .kboard-pagination-pages li a {display: block; width: 30px; height: 30px; border: 1px solid #d6d6d6; text-decoration: none; font-size: 13px; line-height: 30px; color: #666; background-color: white; padding:0;}
#kboard-customer-list .kboard-pagination .kboard-pagination-pages li.active a { border:0; color:#fff; background-color: #e90485; text-decoration: none; }
#kboard-customer-list .kboard-control { float:left; padding: 30px 0 1px 0;  text-align: left; }

#kboard-customer-editor { margin: 0 auto; width: 100%; }
#kboard-customer-editor select,
#kboard-customer-editor input { width: auto; height: auto; box-shadow: none; }
#kboard-customer-editor .kboard-header { float: left; width: 100%; border-top: 2px solid #34b371; line-height: 0; }
#kboard-customer-editor .kboard-attr-row { float: left; padding: 0px 0; width: 100%; border-bottom: 1px solid #eee; /*background-color: white;*/ height: 41px; border-bottom: 1px solid #eeeeee;}
#kboard-customer-editor .kboard-attr-title { float: left; border-bottom: 1px solid #eee; }
#kboard-customer-editor .kboard-attr-title input { display: inline-block; padding: 6px 2px; font-size: 12px; width: 100%; color: #666666; /* border-radius: 3px; */ border: 1px solid #cccccc; }
#kboard-customer-editor .attr-name { display: inline; float: left; margin: 0; padding: 0 10px 0 20px; width: 95px; width: 16.89088191330344%; line-height: 30px; color: #222; font-size: 14px; font-weight: 600; text-align: right; background-color: #f9f9f9; line-height: 40px; border-right: 1px solid #eee; margin-right: 20px; margin-right: 2.989536621823617%; }
#kboard-customer-editor .kboard-attr-row .attr-name img { display: inline; max-width: 100%; vertical-align: middle; }
#kboard-customer-editor .attr-value { font-size: 14px; padding: 7px 0; width: 80.11958146487294%; display: inline-block;}
#kboard-customer-editor .kboard-attr-row .attr-value select { margin: 0; padding: 5px 2px; font-size: 12px; min-width: 130px; color: #666666; /* border-radius: 3px; */ border: 1px solid #cccccc; }
#kboard-customer-editor .kboard-attr-row .attr-value input[type=text],#kboard-customer-editor .kboard-attr-row .attr-value input[type=tel],
#kboard-customer-editor .kboard-attr-row .attr-value input[type=password] { margin: 0; padding: 6px 2px; font-size: 12px; color: #666666; /* border-radius: 3px; */ border: 1px solid #ddd; height: 28px; width: 209px;}
#kboard-customer-editor .kboard-attr-row .attr-value input[type=radio],
#kboard-customer-editor .kboard-attr-row .attr-value input[type=checkbox] { margin-top: 8px; }
#kboard-customer-editor .kboard-attr-row .attr-value input[type=file] { margin: 0; padding: 6px 2px; font-size: 12px; color: #666666; border: 0; }
#kboard-customer-editor .kboard-content { float: left; /*padding: 9px 0;*/ width: 100%; border-bottom: 1px solid #eee; text-align: center; background-color: white; }
#kboard-customer-editor .kboard-content .attr-name{height: 124px;}
#kboard-customer-editor .kboard-content .attr-value{float: left;}
#kboard-customer-editor .kboard-content textarea { display: block; margin: 0; padding: 0; width: 100%; height: 110px; /* border-radius: 3px; */ border: 1px solid #eee; font-size: 14px; box-shadow: none;}
#kboard-customer-editor .kboard-control { float: left; padding: 15px 0; width: 100%; }
#kboard-customer-editor .kboard-control .left { position: static; float: left; }
#kboard-customer-editor .kboard-control .right { position: static; float: right; width: 50%; text-align: right; }

#kboard-customer-document { margin: 15px auto 0; width: 100%; }
#kboard-customer-document .kboard-header { float: left; margin-top: 0; width: 100%; }
#kboard-customer-document .kboard-document-wrap { float: left; width: 100%; background-color: white; }
#kboard-customer-document .kboard-title { float: left; width: 100%; }
#kboard-customer-document .kboard-title p { margin: 0; padding: 12px 22px; color: #222; font-weight: bold; font-size: 33px; font-weight: 300; }
#kboard-customer-document .kboard-detail { clear: both; float: left; width: 100%; /*border-top: 1px solid #eee;*/ border-bottom: 2px solid #34b371; padding-bottom: 3px; /*background-color: #f9f9f9;*/ font-size: 12px; }
#kboard-customer-document .kboard-detail .detail-attr {text-align: left; display: inline-block; float: left; margin: 0; /*padding: 12px 35px 12px 0px;*/ padding: 0; }
#kboard-customer-document .kboard-detail .detail-attr .detail-name {position: absolute; top: -11px;  float: left; width: 60px; font-weight: bold; color: #222; /*text-align: right;*/ }
#kboard-customer-document .kboard-detail .detail-attr .detail-value {font-size: 14px; float: left; padding-left: 7px; color: #222; color: #666;}
#kboard-customer-document .kboard-content { clear: both; float: left; width: 100%; min-height: 200px; }
#kboard-customer-document .kboard-content .content-view { margin: 0; padding: 22px 0; }
#kboard-customer-document .kboard-content .content-view img { max-width: 100%; }
#kboard-customer-document .kboard-content .content-view .thumbnail-area { text-align: center; }
#kboard-customer-document .kboard-attach { padding: 0 0 5px 22px; font-size: 12px; }
#kboard-customer-document .kboard-comments-area { float: left; width: 100%; }
#kboard-customer-document .kboard-control { float: left; padding: 15px 0;  width: 100%; }
#kboard-customer-document .kboard-control .left { position: static; float: left; }
#kboard-customer-document .kboard-control .right { position: static; float: right; text-align: right; }

#kboard-customer-latest table { width: 100%; table-layout: fixed; border: 0; border-bottom: 1px solid #eee; }
#kboard-customer-latest table tr { padding: 0; border: 0; }
#kboard-customer-latest table th { padding: 5px 0; border: 0; text-align: center; }
#kboard-customer-latest table td { padding: 5px 0; border: 0; border-top: 1px solid #eee; }
#kboard-customer-latest table .kboard-latest-title { padding-left: 5px; }
#kboard-customer-latest table .kboard-latest-date { width: 80px; text-align: center; }

/*추가*/
.bool-comment{width: 72px; height: 26px; line-height: 26px; display: block; color: #fff; font-style: normal; margin: 0 auto;}
.bool-comment-true{background-color: #93ce7f;}
.bool-comment-false{background-color: #d80a6b;}

#kboard-customer-list .kboard-control .kboard-customer-button-small{width: 96px; height: 30px; line-height: ; border:2px solid #d80a6b; background-color: #d80a6b !important; text-align: center;}
#kboard-customer-list .kboard-control .kboard-customer-button-small:hover{border-color:#d80a6b; background-color: #fff !important; color: #d80a6b !important;}
#kboard-customer-document .kboard-detail .detail-title{position: relative;}
#kboard-customer-document .kboard-detail .detail-title .detail-value{font-size: 16px; padding-left: 42px; color: #000;}
#kboard-customer-document .kboard-detail .detail-value .fa{margin-right: 4px;}
#kboard-customer-document .right{float: right;}

#selector .qna-typo{font-size: 45px; font-weight: bold; font-family: dotum,"돋움",sans-serif; color: #444;/*position: relative; top: -10px; left: -3px;*/}
.qna-typo-q{margin-left: -2px;}
#jt-comment-wrap .kboard-document-wrap .kboard-detail{border-bottom: 2px solid rgba(52, 179, 113, 0.7);}
.privacy-outer-wrap{margin-bottom: 100px;}
.privacy-outer-wrap .privacy{height: 126px; border:1px solid #eee; padding: 20px;}
.privacy-control{float: right; margin-top: 14px;}

#kboard-customer-editor .half-attr .kboard-attr-row{width: 50%; display: inline-block;}
#kboard-customer-editor .half-attr .attr-name{width: 33.8%;}
#kboard-customer-editor .half-attr .kboard-attr-date .attr-name{border-left: 1px solid #eee;}
#kboard-customer-editor .user-query-content .kboard-content{text-align: left;}


/* 추가 2 */
body #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-attr .detail-attr.detail-view-num {width:100%;}
#kboard-isotope-container:after {content:""; clear:both; display:block;}
body #kboard-customer-list #kboard-isotope-container {width:101.5%;}
#kboard-isotope-container .isotope-box {width:33.33%; float:left; padding:1.5%;}
#kboard-isotope-container .isotope-box img {width:100%; height:auto;}
#kboard-isotope-container .isotope-box .isotope-box-container {border:1px solid #e5e5e5; padding:40px 30px; position:relative;}
#kboard-isotope-container .isotope-box .isotope-box-container .thumbnail-area {margin:-40px -30px 32px;}
body #kboard-customer-list {width:100%;}

.kboard-isotope-date {font-size:13px; color:#999; font-style:italic; margin-bottom:16px;}
.kboard-isotope-title {color:#000; font-size:20px; margin-bottom:13px;}
.kboard-isotope-content {font-size:15px; color:#666; line-height:27px; margin-bottom:23px;}
.kboard-isotope-btn a {display:inline-block; border:1px solid #cfc6af; width:115px; height:35px; color:#666; text-align:center; line-height:35px; transition:0.3s; -webkit-transition:0.3s;}
.kboard-isotope-btn a:hover {background:#cfc6af; color:#fff;}
body .review-board #kboard-customer-document .kboard-content .content-view {line-height:27px;}
body #kboard-customer-document .kboard-detail.last-next-prev {border-bottom:1px solid #e3e3e3;}

@media only screen and (max-width:900px){
	body .review-board #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-title .detail-value {width:100%; float:none;}
	body .review-board #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-title .jt-detail-value {position:static; display:block; text-align:right; margin-top:10px;}
}

@media only screen and (max-width:768px){
	#kboard-isotope-container .isotope-box {width:50%;}
}

@media all and (max-width: 600px) {
	#kboard-customer-list .kboard-category { width: 100%; }
	#kboard-customer-list .kboard-category select { width: auto;}
	#kboard-customer-list .kboard-search { clear: both; float: left; width: 100%; }
	#kboard-customer-list .kboard-search select { width: 80px; }
	#kboard-customer-list .kboard-search input { width: 80px; }
	#kboard-customer-list .kboard-list table td.kboard-list-bool-comment { width: 50px; }
	#kboard-customer-list .kboard-list table td.kboard-list-date { width: 70px; }
	#kboard-customer-list .kboard-list td.kboard-list-user,
	#kboard-customer-list .kboard-list td.kboard-list-view { display: none; }
	
	#kboard-customer-editor .kboard-attr-row input[type=text],
	#kboard-customer-editor .kboard-attr-row input[type=file],
	#kboard-customer-editor .kboard-attr-row input[type=password] { width: 50%; }
	
	#kboard-customer-document .kboard-detail .detail-attr { clear: both; }
}

@media only screen and (max-width:480px){
	#kboard-isotope-container .isotope-box {width:100%; padding:15px 0;}
}