@charset "utf-8"; 
.nodata {width:100%; line-height:150px; text-align:center; border-bottom:1px solid #ddd;}
.empty_list {margin-bottom:20px; width:100%; line-height:150px; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:15px;}
/*
#board-category {width:100%; overflow:hidden; margin:20px 0; border-bottom:1px solid #ddd; font-size:15px; zoom:1;}
#board-category:after {content:""; display:block; clear:both;}
#board-category li {float:left; font-size:14px;}
#board-category a {display:block; height:35px; line-height:35px; margin:0 0 -1px -1px; padding:0 25px; color:#666; border:1px solid #ccc; background:#f5f5f5; text-decoration:none; outline:none;}
#board-category a:hover {color:#333; background:#f0f0f0;}
#board-category li:first-child a {margin-left:0;}
#board-category #bo_cate_on {position:relative; color:#fff; font-weight:700; border-color:#000; background:#333;}

@media (max-width:767px) {
	#board-category {margin-bottom:20px; padding:10px 0; border:1px solid #ccc;}
	#board-category:after {content:""; display:block; clear:both;}
	#board-category li {float:left; font-size:12px;}
	#board-category a {display:block; height:25px; line-height:25px; margin:0; padding:0 15px; color:#666; border:0; background:none; text-decoration:none; outline:none;}
	#board-category a:hover {color:#333; background:none;}
	#board-category li:first-child a {margin-left:0;}
	#board-category #bo_cate_on {position:relative; color:#000; font-weight:700; border-color:#000; background:none;}
}
*/

#board-category {display:inline-block;width:100%; margin-bottom:20px; border-bottom:1px solid #ccc; zoom:1;}
#board-category ul {margin-left:1px;}
#board-category li {float:left; width:12.5%; text-align:center;}
#board-category li:after {content:""; display:block; clear:both;}
#board-category a {display:block; line-height:40px; margin:0 0 -1px -1px; font-size:15px; color:#666; border:1px solid #ccc; background:#fff; text-decoration:none; outline:none; z-index:1;}
#board-category a:hover {color:#9bb2b1; background:#f5f5f5;}
#board-category #bo_cate_on {position:relative; color:#fff; font-weight:700; border-color:#9bb2b1; background:#9bb2b1;}
@media (max-width:767px) {
	#board-category {margin-bottom:20px; padding:10px 0; border:1px solid #ccc;}
	#board-category li {font-size:13px; width:auto;}
	#board-category a {display:block; line-height:30px; margin:0; padding:0 10px; font-size:15px; color:#666; border:0; background:none; text-decoration:none; outline:none;}
	#board-category a:hover {color:#9bb2b1; background:none;}
	#board-category #bo_cate_on {position:relative; color:#9bb2b1; font-weight:700; border-color:#9bb2b1; background:none;}
}
@media (min-width:768px) {
	#board-category li {width:25%;}
	#board-category a {line-height:40px; font-size:15px;}
}
@media (min-width:992px) {
	#board-category li {width:25%;}
	#board-category a {line-height:40px; font-size:15px;}
}
@media (min-width:1400px) {
	#board-category li {width:12.5%;}
	#board-category a {line-height:45px; font-size:15px;}
}

.board-head .pull-left {color:#999; font-size:15px;}
.board-head .pull-left strong {color:#9bb2b1;}
.check-all {margin-bottom:5px; color:#999; font-size:13px;}

.orange {color:#ff9900 !important;}
.gray {color:999 !important;}

.board-search-form {padding:15px 0; border:1px solid #ddd; text-align:center; zoom:1;}
.board-search-form * {vertical-align:middle;}
.board-search-form label.iLabel {padding:6px 0 0 4px; color:#666;}
.board-search-form select {height:40px; font-size:15px; display:inline-block; white-space:nowrap; border-radius:2px; user-select:none;}
.board-search-form .iText {display:inline-block; width:25%; height:40px; font-size:15px; padding:0 5px; background:url('../img/common/wrest.gif') #fff top right no-repeat !important; border:1px solid #ddd; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.board-search-form .btn-search {height:40px; padding:0 15px; font-size:15px; font-weight:700; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
@media (max-width:767px) {
	.board-search-form {position:relative; padding:15px;}
	.board-search-form select {height:36px; width:100%;}
	.board-search-form .iText {width:100%; height:36px; padding:0 3px; margin:10px 0;}
	.board-search-form .btn-search {height:36px; padding:0 15px; width:100%;}
}


#board-list-basic {width:100%; margin-bottom:20px; width:100%; border-top:2px solid #000; line-height:160%; font-size:17px; color:#333; zoom:1;}
#board-list-basic:after {content:""; display:block; clear:both;}
#board-list-basic a {color:#333;} 
#board-list-basic img {vertical-align:middle;}
#board-list-basic .board-list-head {width:100%; background:#fff; border-bottom:1px solid #999; font-weight:700; text-align:center; font-size:17px;}
#board-list-basic .board-list-head:after {content:""; display:block; clear:both;}
#board-list-basic .board-list-head li {float:left; display:block; padding:20px 0;}

#board-list-basic .board-list-body {width:100%; position:relative;}
#board-list-basic .board-list-body:after {display:block; visibility:hidden; clear:both; content:"";}
#board-list-basic .board-list-body li {border-bottom:1px solid #ddd;}
#board-list-basic .board-list-body li:after {display:block; visibility:hidden; clear:both; content:"";}
#board-list-basic .board-list-body li:hover {background:#fffef7; color:#000; text-decoration:none;} 
#board-list-basic .board-list-body li.notice,
#board-list-basic .board-list-body li.notice:hover {background:#f8f7f3; color:#000 !important;}
#board-list-basic .board-list-body li.notice i {display:none;}

#board-list-basic .board-list-body div {float:left; text-align:center; overflow:hidden; padding:20px 0;}

#board-list-basic .board-list-body i {display:none; margin-right:3px; color:#ccc; font-size:14px;}
#board-list-basic .board-list-body .num i {display:block !important; margin-top:5px; color:#ff9900;}
#board-list-basic .board-list-body .subject i {display:inline-block; color:#999;}
#board-list-basic .board-list-body .subject {text-align:left !important; word-break:break-all;}

#board-list-basic .board-list-body .check,
#board-list-basic .board-list-body .num,
#board-list-basic .board-list-body .cate {display:block; font-size:15px; color:#666;}
#board-list-basic .board-list-body .category {color:#3654a6;}
#board-list-basic .board-list-body .juso {color:#666;}
#board-list-basic .board-list-body .name,
#board-list-basic .board-list-body .date,
#board-list-basic .board-list-body .hit,
#board-list-basic .board-list-body .good,
#board-list-basic .board-list-body .nogood {font-size:15px; color:#666; white-space:nowrap;}
#board-list-basic .board-list-body .stat {display:block;font-size:15px; color:#666; text-align:center !important; white-space:nowrap;}
#board-list-basic .board-list-body .stat i {font-size:14px;}
#board-list-basic .board-list-body .comment {border:1px solid #ddd; background:#fff; padding:2px 4px; font-size:13px; color:#ff9900; border-radius:2px;}
#board-list-basic .board-list-body .new {font-size:13px; color:#dc0000; font-weight:700;}
#board-list-basic .board-list-body .stat .ok {color:#c91c22;}
@media (max-width:320px) {
	#board-list-basic {font-size:13px;}
	#board-list-basic .board-list-head {display:none;}
	#board-list-basic .board-list-body div {float:left;}
	#board-list-basic .board-list-body .check,
	#board-list-basic .board-list-body .num,
	#board-list-basic .board-list-body .cate {display:none;}
	#board-list-basic .board-list-body .subject {width:96% !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:10px 2%; font-size:15px;}
	#board-list-basic .board-list-body i {display:inline-block;}
	#board-list-basic .board-list-body li.notice i {display:inline-block;}
	#board-list-basic .board-list-body .name,
	#board-list-basic .board-list-body .date,
	#board-list-basic .board-list-body .hit,
	#board-list-basic .board-list-body .good,
	#board-list-basic .board-list-body .nogood {width:auto !important; float:left; text-align:left; padding:0 2% 10px 2%; font-size:13px;}
	#board-list-basic .board-list-body .stat {margin-top:0; width:auto !important; padding:0 2% 0 2%; font-size:13px;}
	#board-list-basic .board-list-body .thumb {display:none;}
}
@media (min-width:321px) and (max-width:767px)  {
	#board-list-basic {font-size:13px;}
	#board-list-basic .board-list-head {display:none;}
	#board-list-basic .board-list-body div {float:left;}
	#board-list-basic .board-list-body .check,
	#board-list-basic .board-list-body .num,
	#board-list-basic .board-list-body .cate {display:none;}
	#board-list-basic .board-list-body .subject {width:96% !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:10px 2%; font-size:15px;}
	#board-list-basic .board-list-body i {display:inline-block;}
	#board-list-basic .board-list-body li.notice i {display:inline-block;}
	#board-list-basic .board-list-body .name,
	#board-list-basic .board-list-body .date,
	#board-list-basic .board-list-body .hit,
	#board-list-basic .board-list-body .good,
	#board-list-basic .board-list-body .nogood {width:auto !important; float:left; text-align:left; padding:0 2% 10px 2%; font-size:13px;}
	#board-list-basic .board-list-body .stat {margin-top:0; width:auto !important;  padding:0 2% 0 2%; font-size:15px;}
	#board-list-basic .board-list-body .thumb {display:none;}
}
@media (min-width:768px) and (max-width:991px) {
	#board-list-basic {font-size:15px;}
	#board-list-basic .board-list-head {display:none;}
	#board-list-basic .board-list-body div {float:left; padding:5px 0;}
	#board-list-basic .board-list-body .check,
	#board-list-basic .board-list-body .num,
	#board-list-basic .board-list-body .cate {display:none;}
	#board-list-basic .board-list-body .subject {width:98% !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:15px 1% 10px 1%; font-size:15px;}
	#board-list-basic .board-list-body i {display:inline-block;}
	#board-list-basic .board-list-body li.notice i {display:inline-block;}
	#board-list-basic .board-list-body .name,
	#board-list-basic .board-list-body .date,
	#board-list-basic .board-list-body .hit,
	#board-list-basic .board-list-body .good,
	#board-list-basic .board-list-body .nogood {font-size:12px; width:auto !important; float:left; text-align:left; padding:0 1% 15px 1%;}
	#board-list-basic .board-list-body .stat {margin-top:-20px; width:auto !important; float:right; padding:0 2% 0 2%; font-size:15px;}
	#board-list-basic .board-list-body .thumb {display:none;}
}


#board-list-gallery {margin-bottom:20px; margin-left:-2%; text-align:center; zoom:1;}
#board-list-gallery:after {content:""; display:block; clear:both;}
#board-list-gallery li {position:relative; display:block; overflow:hidden; float:left; width:31.33%; margin:0 0 2% 2%; border:1px solid #ddd;}
#board-list-gallery li:after {display:block; visibility:hidden; clear:both; content:"";}
#board-list-gallery li:hover {text-decoration:none; border:1px solid #666;}
#board-list-gallery .thumb {display:block; overflow:hidden; border-bottom:1px solid #ddd;}
#board-list-gallery .thumb img {width:100%; height:auto; vertical-align:top; transition:all .3s ease-in-out;}
#board-list-gallery li:hover .thumb img {-webkit-transform:scale(1.1); transform:scale(1.1);}
#board-list-gallery .info {line-height:160%; margin:10px;}
#board-list-gallery .category {height:20px; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#board-list-gallery .category a {color:#666;}
#board-list-gallery .subject {margin-top:5px; height:40px; font-size:15px; overflow:hidden;}
#board-list-gallery .subject a {color:#333;}
#board-list-gallery .icon {position:absolute; top:1px; left:1px; padding:0 5px; background:#333; opacity:.8; filter:alpha(opacity=80); z-index:1;}
#board-list-gallery .icon i {line-height:30px; padding:0 5px; font-size:13px; color:#fff; z-index:2;}
#board-list-gallery .new {font-size:12px; color:#dc0000; font-weight:700;}
@media (max-width:767px) {
	#board-list-gallery li {width:48%;}
	#board-list-gallery .subject {height:60px;}
}

@media (min-width:768px) {

	#board-list-gallery li {width:23%;}
	#board-list-gallery .subject {height:40px;}
}

@media (min-width:992px) {
	#board-list-gallery li {width:23%;}
	#board-list-gallery .subject {height:40px;}
}



#board-list-clent {margin-bottom:20px; margin-left:-2%; text-align:center; zoom:1;}
#board-list-clent:after {content:""; display:block; clear:both;}
#board-list-clent li {position:relative; display:block; overflow:hidden; float:left; width:31.33%; margin:0 0 2% 2%; border:1px solid #ddd;}
#board-list-clent li:after {display:block; visibility:hidden; clear:both; content:"";}
#board-list-clent li:hover {text-decoration:none; border:1px solid #666;}
#board-list-clent .thumb {display:block; overflow:hidden; border-bottom:1px solid #ddd;}
#board-list-clent .thumb img {width:100%; height:auto; vertical-align:top; transition:all .3s ease-in-out;}
#board-list-clent li:hover .thumb img {-webkit-transform:scale(1.1); transform:scale(1.1);}
#board-list-clent .info {line-height:160%; margin:10px;}
#board-list-clent .category {height:20px; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#board-list-clent .category a {color:#666;}
#board-list-clent .subject {margin-top:5px; height:40px; font-size:15px; overflow:hidden;}
#board-list-clent .subject a {color:#333;}
#board-list-clent .icon {position:absolute; top:1px; left:1px; padding:0 5px; background:#333; opacity:.8; filter:alpha(opacity=80); z-index:1;}
#board-list-clent .icon i {line-height:30px; padding:0 5px; font-size:13px; color:#fff; z-index:2;}
#board-list-clent .new {font-size:12px; color:#dc0000; font-weight:700;}
@media (max-width:767px) {
	#board-list-clent li {width:48%;}
	#board-list-clent .subject {height:60px;}
}

@media (min-width:768px) {

	#board-list-clent li {width:23%;}
	#board-list-clent .subject {height:40px;}
}

@media (min-width:992px) {
	#board-list-clent li {width:18%;}
	#board-list-clent .subject {height:40px;}
}

/*FAQ*/
#board-help-search-form {margin-bottom:20px; padding:15px 0; border:1px solid #ddd; text-align:center; background:#f5f5f5; zoom:1;}
#board-help-search-form * {vertical-align:middle;}
#board-help-search-form label.iLabel {padding:6px 0 0 4px; color:#666;}
#board-help-search-form select {height:40px; font-size:15px; display:inline-block; white-space:nowrap; border-radius:2px; user-select:none;}
#board-help-search-form .iText {display:inline-block; width:25%; height:40px; font-size:15px; padding:0 5px; background:url('../img/common/wrest.gif') #fff top right no-repeat !important; border:1px solid #ddd; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#board-help-search-form .btn-search {height:40px; padding:0 15px; font-size:15px; font-weight:700; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}

#board-help-list {margin-bottom:20px; line-height:160%; font-size:17px; border-bottom:1px solid #ddd; color:#333; border-top:2px solid #333;} 
#board-help-list li {position:relative;border-top:1px solid #ddd}
#board-help-list li:first-child {border-top:0;}
#board-help-list li a.question-view {display:block;padding:20px 45px;line-height:160%;color: #333;}
#board-help-list li .info {position:absolute; display:block; top:20px; right:40px; width:40px;}
#board-help-list li .info i {font-size:14px; text-align:center; color:#ef7a7a;}
#board-help-list li .openhide {position:absolute; display:block; top:20px; right:0; width:40px;}
#board-help-list li .openhide i {font-size:14px; text-align:center;}
#board-help-list li .icon-down {display:block; color: #ccc;}
#board-help-list li .icon-up {display:none; color: #9bb2b1;}
#board-help-list li .qa {position:absolute; left:0; width:40px; text-align:center; font-weight:700; font-size:19px;}
#board-help-list li .q {color:#999;}
#board-help-list li .a {color:#9bb2b1;}
#board-help-list li .category {color:#9bb2b1; margin-right:10px;}
#board-help-list li dl {display:none; padding:20px 45px 20px 0; background:#f9f9f9;}
#board-help-list li dt {position:relative;}
#board-help-list li dd {padding-left:45px; line-height:160%; font-size:15px;}

#board-help-list li.current a.question-view {color: #000; font-weight:700;}
#board-help-list li.current .icon-down {display:none;}
#board-help-list li.current .icon-up {display:block;}
#board-help-list li.current .q {color: #000;}

@media (max-width:767px) {
	#board-help-search-form {position:relative; padding:15px;}
	#board-help-search-form select {height:36px; width:100%;}
	#board-help-search-form .iText {width:100%; height:36px; padding:0 3px; margin:10px 0;}
	#board-help-search-form .btn-search {height:36px; padding:0 15px; width:100%;}

	#board-help-list {font-size:13px;}
	#board-help-list li a.question-view {padding:10px 35px;}
	#board-help-list li .info {top:10px; right:30px; width:30px;}
	#board-help-list li .openhide {top:10px; width:20px;}
	#board-help-list li .qa {width:30px; font-size:15px;}
	#board-help-list li dl {padding:10px 35px 10px 0;}
	#board-help-list li dd {padding-left:35px; font-size:13px;}
}	
@media (min-width:768px) and (max-width:991px) {
	#board-help-list {clear:both;}
	#board-help-list {font-size:15px;}
	#board-help-list li a.question-view {padding:15px 40px;}
	#board-help-list li .info {top:15px; right:35px; width:35px;}
	#board-help-list li .openhide {top:15px; width:35px;}
	#board-help-list li .qa {width:35px; font-size:17px;}
	#board-help-list li dl {padding:15px 40px 15px 0;}
	#board-help-list li dd {padding-left:40px; font-size:15px;}
}
@media (min-width:992px) {
	#board-help-list {clear:none;}
	#board-help-list {font-size:17px;}
	#board-help-list li a.question-view {padding:20px 45px;}
	#board-help-list li .info {top:20px; right:40px; width:40px;}
	#board-help-list li .openhide {top:20px; width:40px;}
	#board-help-list li .qa {width:40px; font-size:19px;}
	#board-help-list li dl {padding:20px 45px 20px 0;}
	#board-help-list li dd {padding-left:45px; font-size:15px;}
}


.product-prev-next-post {width:100%;}
.product-prev-next-post .bg-color {color:rgba(0,0,0,.3); font-size:72px !important;}
.product-prev-next-post .icon-color {color:#fff; font-size:30px !important;}
.product-prev-next-post .prev {float:left;}
.product-prev-next-post .next {float:right;}

#board-sw {font-size:11px; color:#999;}
#board-sw select {vertical-align:middle; color:#999;}

#board-status {margin-bottom:10px;}
#board-status span {margin-right:10px; color:#333;}
#board-status em {margin-right:30px; font-style:normal; font-size:11px; color:#999;}

#board-view {padding-bottom:20px; clear:both; position:relative; font-size:17px; color:#333; *zoom:1;} 
#board-view .board-view-head {position:relative; border-top:2px solid #000; border-bottom:1px solid #ddd; padding:20px 10px;}
#board-view .board-view-head .subject {position: relative; display:block; color:#333; font-size:24px; word-break:break-all; font-weight:700;}
#board-view .board-view-head .subject .category {color:#666; font-size:21px; margin-right:10px;}
#board-view .board-view-head .info-list {position:relative; margin-top:10px;}
#board-view .board-view-head .info-list:after {display:block; visibility:hidden; clear:both; content:"";}
#board-view .board-view-head .info-list li {float:left; margin-right:20px; line-height:160%; color:#999; font-size:17px; height:20px;}
#board-view .board-view-head .info-list li:last-child {margin-right:0;}
#board-view .board-view-head .info-list li .text {display:inline-block; margin-right:5px;}
#board-view .board-view-head .info-list li i {margin-right:5px; font-size:14px; display:none;}
#board-view .board-view-head .info-list li em {font-style:normal; color:#333;}

#board-view .file-link-list {position:relative; font-size:15px; line-height:160%;}
#board-view .file-link-list li {overflow:hidden; padding:5px 10px;}
#board-view .file-link-list li:last-child {border-bottom:1px solid #ddd;}
#board-view .file-link-list li a {color:#333; overflow:hidden;}
#board-view .file-link-list li i {color:#999; font-size:14px;}
#board-view .file-link-list li .info {color:#666; font-size:13px; margin-left:5px; text-overflow:ellipsis; white-space:nowrap;}
#board-view .file-link-list li .info i {color:#999; font-size:14px;}

#contents-view-text {min-height:250px; vertical-align:top; padding:20px 0; line-height:160%;}


#board-view #bo_v_share {}
#board-view #bo_v_share:after {content:""; display:block; clear:both;}
#board-view #bo_v_share .btn_scrap {position:absolute; right:10px; top:20px; width: 30px; height: 30px;  z-index:1;}
#board-view #bo_v_share .btn_share{position:absolute; top:20px; right:40px; width: 30px; height: 30px; font-size:0 !important;}
#board-view #bo_v_share .btn{padding:0; border:0; padding:0; margin:0; vertical-align:middle;}
#board-view #bo_v_share .btn i{color:#999;text-align:center;font-size:14px !important; line-height:30px;}
#board-view #bo_v_share .btn:hover:before{position: absolute; border:1px solid #333; background:#666; color:#fff; top:30px; left:50%; border-radius:2px;font-size:13px; line-height:16px; padding:3px 7px;}
#board-view #bo_v_share .btn_scrap:hover:before{content: "스크랩"; margin-left:-25px; width:50px;}
#board-view #bo_v_share .btn_share:hover:before{content: "SNS공유"; margin-left:-31px; width:62px;}

#board-view #bo_v_sns {display:none;position:absolute;top:-30px;right:30px; background:#fff;border:1px solid #999;padding:0 8px; list-style:none;zoom:1}
#board-view #bo_v_sns:before{content: "";position: absolute;bottom: -8px;right: 17px;width: 0;height: 0;border-style: solid;border-width: 8px 6px 0 6px;border-color: #666 transparent transparent transparent;}
#board-view #bo_v_sns:after{content: "";position: absolute;bottom: -7px;right: 17px;width: 0;height: 0;border-style: solid;border-width: 8px 6px 0 6px;border-color: #fff transparent transparent transparent;}
#board-view #bo_v_sns li {float:left;}
#board-view #bo_v_sns li a {display:block; width:26px; height:26px; margin:10px 2px; padding:2px; text-align:center; border-radius:50%;}
#board-view #bo_v_sns li .sns_f{background:#415b92}
#board-view #bo_v_sns li .sns_t{background:#35b3dc}
#board-view #bo_v_sns li .sns_g{background:#d5503a}
#board-view #bo_v_sns li .sns_k{background:#ffeb00}
#board-view #bo_v_sns li img{width:16px; height:16px;vertical-align:middle;}
#board-view #bo_v_sns li span {display:none;}
@media (max-width:768px) {
	#board-view #bo_v_share .btn_scrap {top:10px;}
	#board-view #bo_v_share .btn_share{top:10px;}
}

#board-view #good-button {padding:0; text-align:center; margin-bottom:10px;}
#board-view #good-button span {display:inline-block; width:70px; height:70px; margin:0 5px; padding:10px 0; overflow:hidden; text-align:center; border:1px solid #ccc; border-radius:50%;}
#board-view #good-button i {color:#ef7a7a; font-size:21px; line-height:28px;}
#board-view #good-button b {line-height:20px; font-size:15px; color:#666;}
#board-view #bo_v_act_good, #board-view #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ef7a7a;color:#fff;text-align:center}


.board-prev-next-post {padding-bottom:20px; border-top:1px solid #ddd; font-size:15px;}
.board-prev-next-post li {width:100%; overflow:hidden; border-bottom:1px solid #ddd;}
.board-prev-next-post li a {display:block; width:100%; overflow:hidden; padding:18px 0; cursor:pointer; zoom:1;}
.board-prev-next-post li .na {float:left; width:100px; padding:0 0 0 10px; font-weight:700;}
.board-prev-next-post li .na i {float:right; right:0; font-size:14px; color:#999;}
.board-prev-next-post li .subject {display:block; margin-left:130px; ; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


@media (max-width:320px) {
	#board-view {font-size:13px;}
	#board-view .board-view-head {padding:10px;}
	#board-view .board-view-head .subject {font-size:17px;}
	#board-view .board-view-head .subject .category {font-size:15px;}
	#board-view .board-view-head .info-list li {font-size:13px;}
	#board-view .board-view-head .info-list li .text {display:none;}
	#board-view .board-view-head .info-list li i {display:inline-block;}
	#board-view .file-link-list {font-size:13px;}
	.board-prev-next-post {font-size:13px;}
	.board-prev-next-post li .na {width:80px;}
	.board-prev-next-post li .subject {margin-left:100px;}
	#contents-view-text img {width:100%; height:auto;}
}
@media (min-width:321px)  {
	#board-view {font-size:13px;}
	#board-view .board-view-head {padding:10px;}
	#board-view .board-view-head .subject {font-size:17px;}
	#board-view .board-view-head .subject .category {font-size:15px;}
	#board-view .board-view-head .info-list li {font-size:13px;}
	#board-view .board-view-head .info-list li .text {display:none;}
	#board-view .board-view-head .info-list li i {display:inline-block;}
	#board-view .file-link-list {font-size:13px;}
	.board-prev-next-post {font-size:13px;}
	.board-prev-next-post li .na {width:80px;}
	.board-prev-next-post li .subject {margin-left:100px;}
	#contents-view-text img {width:100%; height:auto;}
}
@media (min-width:768px) {

	#board-view {clear:both; font-size:15px;}
	#contents-view-text img {width:100%; height:auto;}
}
@media (min-width:992px) {
	#board-view {clear:none;}
	#contents-view-text img {width:auto; height:auto;}
}


.board-comment-list-wrap {margin:10px 0; font-size:15px; border-top:1px solid #ddd;}
.board-comment-list-wrap .com_empty {margin:0; padding:20px !important; text-align:center;}
.board-comment-list {margin-top:5px; padding-top:5px; border-bottom:1px dotted #ddd; zoom:1;}
.board-comment-list:after {content:""; display:block; clear:both;}
.board-comment-list .content {color:#333; line-height:160%; margin-bottom:5px;}
.board-comment-list .head-wrap {margin-bottom:5px; font-size:15px;}
.board-comment-list .head-wrap * {vertical-align:middle;}
.board-comment-list .head-wrap .head-wrap-btn {text-overflow:ellipsis; white-space:nowrap;}
.board-comment-list .head-wrap a {color:#999; padding-right:5px;}
.board-comment-list .author {color:#666;}
.board-comment-list .date {padding:0 5px; color:#999;}
.board-comment-list .ipaddress {padding-right:5px; color:#999;}
.board-comment-list .span {margin-right:10px; color:#999;}
.board-comment-list .em {margin-right:30px; color:#666;}
.board-comment-list .s_cmt {color:#ff9900;}
.board-comment-list i {margin-right:5px; color:#999; font-size:14px;}

@media (max-width:320px) {
	.board-comment-list .content img {width:100%; height:auto;}
}
@media (min-width:321px){
	.board-comment-list .content img {width:100%; height:auto;}
}
@media (min-width:768px) {
	.board-comment-list .content img {width:100%; height:auto;}
}
@media (min-width:992px) {
	.board-comment-list .content img {width:auto; height:auto;}
}

#board-comment-write {width:100%; margin-bottom: 20px; border-top: 2px solid #666;}
#board-comment-write .form-group {width:100%;}
#board-comment-write .form-group p {margin: 5px 0 0 0; font-size: 13px; color: #666;}
#board-comment-write .form-group span {display:inline-block; margin: 5px 0 0 0; font-size: 13px; color: #666;}
#board-comment-write .form-group .form-group-col,
#board-comment-write .form-group .form-group-col-label {display: block;}
#board-comment-write .form-group .form-group-col {padding: 10px 10px 10px 10px; font-size: 15px; color: #333; border-bottom: 1px solid #ddd;}
#board-comment-write .form-group .form-group-col-label {padding: 10px 10px 0 10px; font-size: 15px; color: #333;font-size: 15px; color: #333; font-weight:700;}
#board-comment-write .form-group .radio-group {padding: 12px 10px;}
#board-comment-write .form-group .radio-group label {margin-right: 10px;}
#board-comment-write .form-group .checkbox-group {padding: 12px 10px; }
#board-comment-write .form-group .checkbox-group label {margin-right: 10px; }
#board-comment-write .form-group .text-group {padding: 12px 10px; }

#board-comment-write select {height:40px; border-radius:2px; user-select:none;}
#board-comment-write .iText {padding:11px 3px 10px 3px; border:1px solid #ddd; border-radius:2px;}
#board-comment-write input.datepick {width:50%;}
#board-comment-write .iText,
#board-comment-write select,
#board-comment-write input.email,
#board-comment-write input.datetime,
#board-comment-write input.subject,
#board-comment-write input.basic,
#board-comment-write input.phone,
#board-comment-write input.order {width:100%;}
#board-comment-write input.tel {width:30%;}
#board-comment-write input.zip {width:80px;}
#board-comment-write input.addr {width:100%; margin-top:10px;}
#board-comment-write input.readonly {background:#f5f5f5; height:40px; border:1px solid #ddd; border-radius:2px;}
#board-comment-write textarea {padding:10px; width:100%; height:150px; border:1px solid #ddd; line-height:160%; vertical-align:middle; border-radius:2px;}

#board-comment-write #bo_vc_send_sns{display:inline-block;float:left}
#board-comment-write #bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1}
#board-comment-write #bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#board-comment-write #bo_vc_sns li {float:left;margin:0 5px 0 0}
#board-comment-write #bo_vc_sns .sns_li_f{border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
#board-comment-write #bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
#board-comment-write #bo_vc_sns .sns_li_off{background:#bbb}
#board-comment-write #bo_vc_sns a{display:inline-block;padding:0 15px 0 5px;}
#board-comment-write #bo_vc_sns input {margin:0 5px 0 0 }

#board-comment-write .form-group .files { margin-top: 5px;display: inline-block; width : 100%;}
#board-comment-write .form-group .files label { font-size: 13px; color: #999;}
  
#board-comment-write .form-group .file-file-div {width : 100%; display : inline-block; position:relative;}
#board-comment-write .form-group .file-input-textbox[type="text"] {width:100%;height:40px;  padding:0;  background-color:#fff; }
#board-comment-write .form-group .file-input-textbox {float:left;}
#board-comment-write .form-group .file-input-div {position:absolute; float:right;  padding:0 10px; height : 40px;  right : 0;left: 0; /* overflow : hidden; */}
#board-comment-write .form-group .file-input-button {position:absolute; padding:0;  width:20%; height:40px; right:0; font-size:13px; line-height:38px; color:#fff; border:1px solid #444; border-radius:0 3px 3px 0 !important; background-color:#666;}
#board-comment-write .form-group .file-input-hidden {font-size:15px;  width:100%; height:40px; opacity:0; filter:alpha(opacity=0);}


@media (min-width:768px){
	#board-comment-write {display:table;}
	#board-comment-write .form-group {display:table-row; width:100%;}
	#board-comment-write .form-group span {margin: 0 0 0 5px;}
	#board-comment-write .form-group .form-group-col,
	#board-comment-write .form-group .form-group-col-label {display: table-cell; border-bottom: 1px solid #ddd; vertical-align: middle;}
	#board-comment-write .form-group .form-group-col-label {width:20%; padding:22px 10px; margin-bottom: 0; text-align: right; background-color: #f5f5f5;}
	#board-comment-write .form-group .form-group-col {width:80%; padding: 10px;}
	#board-comment-write .form-group .radio-group {padding: 18px 10px;}
	#board-comment-write .form-group .checkbox-group {padding: 18px 10px;}
	#board-comment-write .form-group .text-group {padding: 18px 10px;}

	#board-comment-write input.datepick {width:30%;}
	#board-comment-write select {width:30%;}
	#board-comment-write input.email {width:50%;}
	#board-comment-write input.datetime {width:50%;}
	#board-comment-write input.subject {width:75%;}
	#board-comment-write input.basic {width:30%;}
	#board-comment-write input.phone {width:40%;}
	#board-comment-write input.order {width:20%;}
	#board-comment-write input.zip {width:80px;}
	#board-comment-write input.addr {width:80%; margin-top:10px;}
	
	#board-comment-write .form-group .file-input-textbox[type="text"] {}
	#board-comment-write .form-group .file-input-button {width:10%; font-size:15px;}

}

.board-comment-write {margin:20px 0;}
.board-comment-write .textarea-wrap {position:relative; zoom:1;}
.board-comment-write .textarea-wrap:after {content:""; display:block; clear:both;}
.board-comment-write .textarea-wrap label.iLabel {position:absolute; top:6px; left:6px; color:#999;}
.board-comment-write .textarea-wrap textarea {width:89%; height:80px; padding:5px 1%; overflow:auto; border:1px solid #ddd; border-radius:2px; font-size:15px;}
.board-comment-write .textarea-wrap .btn-cm {float:right; font-size:17px; font-weight:700; width:10%; height:80px;}
.board-comment-write table {width:100%; border-collapse:collapse; border-spacing:0; font-size:15px; margin-bottom:10px; border-top:2px solid #000;}
.board-comment-write table * {vertical-align:middle;}
.board-comment-write * {vertical-align:middle;}
.board-comment-write caption {margin:10px 0; text-align:left; font-weight:700;}
.board-comment-write th,
.board-comment-write td {border-bottom:1px solid #ddd; color:#666;}
.board-comment-write th {padding:10px; text-align:right; font-weight:700; background:#f6f6f6; width:15%;}
.board-comment-write td {padding:10px; width:85%;}
.board-comment-write .iText {padding:9px 3px; border:1px solid #ddd; border-radius:2px;}

@media (max-width:320px) {
	.board-comment-list-wrap i {font-size:14px;}
	.board-comment-list .head-wrap {font-size:13px;}
	.board-comment-list i {display:inline-block;}
	.board-comment-write .textarea-wrap textarea {width:80%; height:50px;}
	.board-comment-write .textarea-wrap .btn-cm {width:20%; height:50px;}
	.board-comment-write th {padding:10px 5px; width:20%;}
	.board-comment-write td {padding:10px 5px; width:80%;}
	.board-comment-write .iText {width:100%; padding:5px 3px; border:1px solid #ddd;}
	.board-comment-write .textarea-wrap textarea {width:100%; height:80px; padding:5px 2%; overflow:auto; border:1px solid #ddd; border-radius:2px;}
	.board-comment-write .textarea-wrap .btn-cm {font-size:13px; width:100%; margin-top:10px; height:40px;}
	.board-comment-write table {font-size:13px;}
}
@media (min-width:321px) {
	.board-comment-list-wrap i {font-size:14px;}
	.board-comment-list .head-wrap {font-size:13px;}
	.board-comment-list i {display:inline-block;}
	.board-comment-write .textarea-wrap textarea {width:80%; height:50px;}
	.board-comment-write .textarea-wrap .btn-cm {width:20%; height:50px;}
	.board-comment-write th {padding:10px 5px; width:20%;}
	.board-comment-write td {padding:10px 5px; width:80%;}
	.board-comment-write .iText {width:100%; padding:5px 3px; border:1px solid #ddd;}
	.board-comment-write .textarea-wrap textarea {width:100%; height:80px; padding:5px 2%; overflow:auto; border:1px solid #ddd; border-radius:2px;}
	.board-comment-write .textarea-wrap .btn-cm {font-size:13px; width:100%; margin-top:10px; height:40px;}
	.board-comment-write table {font-size:13px;}
}
@media (min-width:768px){
	.board-comment-write {clear:both;}
}
@media (min-width:992px) {
	.board-comment-write {clear:none;}
}

/* 게시판 쓰기 */
div.notice {margin-bottom:30px; font-size:15px; color:#666; text-align:center; line-height:160%;}
div.clause {margin-bottom:10px; border:#ddd 1px solid; padding:10px; height:100px; font-size:13px; color:#666; text-align:left; line-height:160%; overflow-x:hidden; overflow-y:auto;}
div.check_ok {width:100%; margin-bottom:20px; font-size:15px;}
@media (max-width:767px) {
	div.notice {font-size:13px;}
	div.clause {height:100px; padding:5px; font-size:13px;}
	div.check_ok {font-size:13px;}
}

#board-write {width:100%; margin-bottom: 20px; border-top: 2px solid #666;}
#board-write .form-group {width:100%;}
#board-write .form-group p {margin: 5px 0 0 0; font-size: 13px; color: #666;}
#board-write .form-group span {display:inline-block; margin: 5px 0 0 0; font-size: 13px; color: #666;}
#board-write .form-group .form-group-col,
#board-write .form-group .form-group-col-label {display: block;}
#board-write .form-group .form-group-col {padding: 10px 10px 10px 10px; font-size: 15px; color: #333; border-bottom: 1px solid #ddd;}
#board-write .form-group .form-group-col-label {padding: 10px 10px 0 10px; font-size: 15px; color: #333;font-size: 15px; color: #333; font-weight:700;}
#board-write .form-group .radio-group {padding: 12px 10px;}
#board-write .form-group .radio-group label {margin-right: 10px;}
#board-write .form-group .checkbox-group {padding: 12px 10px; }
#board-write .form-group .checkbox-group label {margin-right: 10px; }
#board-write .form-group .text-group {padding: 12px 10px; }

#board-write select {height:40px; border-radius:2px; user-select:none;}
#board-write .iText {padding:0 3px; border:1px solid #ddd; border-radius:2px; height:40px;}
#board-write input.datepick {width:50%;}
#board-write .iText,
#board-write select,
#board-write input.email,
#board-write input.datetime,
#board-write input.subject,
#board-write input.basic,
#board-write input.phone {width:100%;}
#board-write input.order,
#board-write input.tel {width:30%;}
#board-write input.zip {width:80px;}
#board-write input.addr {width:100%; margin-top:10px;}
#board-write input.readonly {background:#f5f5f5; height:40px; border:1px solid #ddd; border-radius:2px;}
#board-write textarea {padding:10px; width:100%; height:150px; border:1px solid #ddd; line-height:160%; vertical-align:middle; border-radius:2px;}

#board-write .form-group .files { margin-top: 5px;display: inline-block; width : 100%;}
#board-write .form-group .files label { font-size: 13px; color: #999;}
  
#board-write .form-group .file-file-div {width : 100%; display : inline-block; position:relative;}
#board-write .form-group .file-input-textbox[type="text"] {width:100%;height:40px;  padding:0;  background-color:#fff; }
#board-write .form-group .file-input-textbox {float:left;}
#board-write .form-group .file-input-div {position:absolute; float:right;  padding:0 10px; height : 40px; top:0; right : 0;left: 0; /* overflow : hidden; */}
#board-write .form-group .file-input-button {position:absolute; padding:0;  width:20%; height:40px; right:0; font-size:13px; line-height:38px; color:#fff; border:1px solid #444; border-radius:0 3px 3px 0 !important; background-color:#666;}
#board-write .form-group .file-input-hidden {font-size:15px;  width:100%; height:40px; opacity:0; filter:alpha(opacity=0);}


@media (min-width:768px){
	#board-write {display:table;}
	#board-write .form-group {display:table-row; width:100%;}
	#board-write .form-group span {margin: 0 0 0 5px;}
	#board-write .form-group .form-group-col,
	#board-write .form-group .form-group-col-label {display: table-cell; border-bottom: 1px solid #ddd; vertical-align: middle;}
	#board-write .form-group .form-group-col-label {width:20%; padding:22px 10px; margin-bottom: 0; text-align: right; background-color: #f5f5f5;}
	#board-write .form-group .form-group-col {width:80%; padding: 10px;}
	#board-write .form-group .radio-group {padding: 18px 10px;}
	#board-write .form-group .checkbox-group {padding: 18px 10px;}
	#board-write .form-group .text-group {padding: 18px 10px;}

	#board-write input.datepick {width:30%;}
	#board-write select {width:30%;}
	#board-write input.email {width:50%;}
	#board-write input.datetime {width:50%;}
	#board-write input.subject {width:75%;}
	#board-write input.basic {width:30%;}
	#board-write input.phone {width:40%;}
	#board-write input.order {width:20%;}
	#board-write input.zip {width:80px;}
	#board-write input.addr {width:80%; margin-top:10px;}
	
	#board-write .form-group .file-input-textbox[type="text"] {}
	#board-write .form-group .file-input-button {width:10%; font-size:15px;}

}


#char_count_desc {display:block; margin:0 0 5px; padding:0;}
#char_count_wrap {margin:5px 0 0 0; text-align:right;}
#char_count {font-weight:700;}

#autosave_wrapper {position:relative;}
#autosave_pop {display:none; z-index:10; position:absolute; top:40px; right:117px; padding:8px; width:350px; height:auto !important; height:180px; max-height:180px; border:1px solid #565656; background:#fff; overflow-y:scroll;}
html.no-overflowscrolling #autosave_pop {height:auto; max-height:10000px !important;} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute; font-size:0; line-height:0; overflow:hidden;}
#autosave_pop div {text-align:right;}
#autosave_pop button {margin:0; padding:0; border:0; background:transparent;}
#autosave_pop ul {margin:10px 0; padding:0; border-top:1px solid #e9e9e9; list-style:none;}
#autosave_pop li {padding:8px 5px; border-bottom:1px solid #e9e9e9; zoom:1;}
#autosave_pop li:after {display:block; visibility:hidden; clear:both; content:"";}
#autosave_pop a {display:block; float:left;}
#autosave_pop span {display:block; float:right;}
#autosave_count {margin:0 !important;color:#fff !important;}
.autosave_close {cursor:pointer;}
.autosave_content {display:none;}
.autosave_close {cursor:pointer;}
.autosave_content {display:none;}
@media (max-width:767px) {
	#autosave_wrapper #btn_autosave {display:none;}
	#autosave_pop {top:55px; right:0; width:100%;}
}
@media (min-width:768px) {
	#autosave_wrapper #btn_autosave {display:inline-block;}
	#autosave_pop {top:40px; right:117px; width:350px;}
}

#check-list ul {margin:0;}
#check-list ul li {padding-right:10px; float:left;}


.board-list-write {width:100%; margin-bottom:0; margin-top:5px; font-size:13px; border-top:0; border-collapse:collapse; border-spacing:0;}
.board-list-write thead th {padding:10px !important; text-align:center !important; font-weight:700; font-size:13px; color:#333; border:1px solid #bbb; border-left:0; border-right:0;}
.board-list-write tbody td {padding:10px !important; border-bottom:0 !important;}
.board-list-write .iText {padding:8px 8px 8px 3px; border:1px solid #ddd; border-radius:2px;}
.board-list-write textarea {padding:10px; width:100%; border:1px solid #ddd; line-height:160%; vertical-align:middle; border-radius:2px;}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header {margin-bottom:8px;}
.ui-timepicker-div dl {text-align:left;}
.ui-timepicker-div dl dt {height:25px; margin-bottom:-25px;}
.ui-timepicker-div dl dd {margin:0 10px 10px 65px;}
.ui-timepicker-div td {font-size:90%;}
.ui-tpicker-grid-label {background:none; border:none; margin:0; padding:0;}

@media print {
.util-button {display:none;}
}