@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-bottom:20px; border:1px solid #ddd; padding:10px 0;  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:25px; line-height:25px; margin:0; padding:0 15px; color:#666; text-decoration:none; outline:none;}
#board-category a:hover {color:#333; }
#board-category li:first-child a {margin-left:0;}
#board-category #bo_cate_on {position:relative; color:#000; font-weight:700; border-color:#000; }

#category-select {position:relative; display:inline-block; width:100%; margin-bottom:20px;}
#category-select dt {height:40px; border:1px solid #ddd; font-size:15px; width:100%; float:right;}
#category-select dt a {display:block; line-height:40px; padding:0 10px 0 10px; color:#333; background:url(../img/common/all_bullet.png) no-repeat right center; outline:0;}
#category-select dt a i {float:right; padding-top:12px; color:#ff5b5c; font: normal normal normal 14px/1 FontAwesome; font-family: "FontAwesome"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#category-select dt a i::after {content: "\f107";}
#category-select dt a.current i::after {content: "\f106";}
#category-select dd {display:none; position:absolute; top:39px; right:0; width:100%; background:#fff; z-index:5;}
#category-select ul {padding:10px 0; border:1px solid #ddd;}
#category-select li {}
#category-select li a {display:block; padding:5px 10px; color:#333; font-size:15px;}
#category-select li a:hover {color:#ff5b5c;}
#category-select li a em { color:#333; font-size:12px;}

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

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

.board-search-form {position:relative; padding:10px; 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 { width:20%;height:36px; font-size:13px; display:inline-block; white-space:nowrap; border-radius:2px; user-select:none;}
.board-search-form .iText {display:inline-block; width:60%; height:36px; padding:0 3px; margin:10px 0;  font-size:13px; 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:36px; padding:0 15px; width:20%; font-size:15px; font-weight:700; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}

#board-list-basic {position:relative; margin-bottom:20px; }
#board-list-basic:after {content:""; display:block; clear:both;}
#board-list-basic ul {width:100%;border-top:1px solid #999; font-size:13px; color:#333; zoom:1;}
#board-list-basic img {vertical-align:middle;}
#board-list-basic li {position:relative; width:100%; padding:10px 0 5px 0; border-bottom:1px solid #ddd;}
#board-list-basic li.notice {background:#f5f5f5; color:#000 !important; font-weight:700;}
#board-list-basic li.notice a {color:#000;}
#board-list-basic li.notice .fa-bullhorn {margin-right:5px; color:#ff5b5c !important;}
#board-list-basic li.notice i.notice {margin-top:3px; margin-right:5px; background:url('../img/mobile/icon_notice.png') no-repeat !important; width:12px; height:15px; display:inline-block;}
#board-list-basic li .notice {font-size:14px; color:#ff5b5c;}
#board-list-basic li.current a {color:#000 !important;  font-weight:700;}
#board-list-basic li.current .fa-check {margin-right:5px; color:#ff5b5c !important;}
#board-list-basic i {margin-right:3px; color:#ccc; font-size:14px;}
#board-list-basic a.subject {display:inline-block; position:relative; max-width:99%; font-size:15px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#board-list-basic a.subject i {font-size:14px; color:#ccc;}
#board-list-basic a.subject .icon-secret i {margin-right:5px; font-size:14px; color:#fb5861;}
#board-list-basic #subject {padding-right:60px;}
#board-list-basic .new-comm {position:absolute; right:0; width:55px; text-align:left;}
/*#board-list-basic .new {font-size:13px; color:#dc0000; font-weight:700; margin-right:10px;}*/
#board-list-basic .new {margin-top:5px; margin-right:10px; background:url('../img/mobile/icon_new.gif') no-repeat !important; width:11px; height:11px; display:inline-block;}
#board-list-basic .comment {font-size:13px; color:#999; white-space:nowrap;}
#board-list-basic .comment i {display:none; font-size:14px; color:#ff9900 !important; margin-right:0;}
#board-list-basic .comment .cnt_cmt {margin-left:0;}
#board-list-basic .info {display:inline-block; width:100%; text-align:left;  font-weight:400;}
#board-list-basic .num,
#board-list-basic .group,
#board-list-basic .board,
#board-list-basic .cate,
#board-list-basic .name,
#board-list-basic .date,
#board-list-basic .hit,
#board-list-basic .good,
#board-list-basic .nogood {display:inline-block; text-align:left; padding-bottom:5px; padding-right:10px; font-size:13px; color:#666; white-space:nowrap;}
#board-list-basic .num {display:none;}
#board-list-basic .info i {display:none; margin-right:5px; color:#ccc; font-size:14px;}
#board-list-basic .stat {font-size:13px;color:#8abc2a; text-align:center !important; white-space:nowrap;}
#board-list-basic .stat i {font-size:14px;}
#board-list-basic .stat .ok {color:#ff5b5c;}
#board-list-basic .cate a {color:#ff5b5c; }
#board-list-basic .name a {font-size:13px; color:#666; }
#board-list-basic .sv a {display:block; color:#fff !important;}
#board-list-basic.list-kin .info {padding-right:60px;}
#board-list-basic .icon-ing,
#board-list-basic .icon-end {width:55px; line-height:160%; text-align:center; font-size:13px; color:#fff; position:absolute; top:0; right:0; bottom:0; vertical-align:middle;}
#board-list-basic .icon-ing {background:#ef7a7a;  font-weight:700;}
#board-list-basic .icon-end {background:#aaa;}
#board-list-basic .icon-text {width: 100%; height: 20px; position: absolute; top: 50%; margin-top: -10px;}
#board-list-basic .icon-end-text,
#board-list-basic .icon-ing-text {padding:3px 5px;text-align:center; font-size:12px; color:#fff;margin-right:5px;}
#board-list-basic .icon-end-text {background:#aaa;}
#board-list-basic .icon-ing-text {background:#ff5b5c;}
#board-list-basic.list-kin .subject {padding-right:60px;}
#board-list-basic.list-kin #subject {padding-right:120px;}
#board-list-basic.list-kin .new-comm {right:60px;}
#board-list-basic.list-kin .cate  {color:#ff5b5c; }
#board-list-basic .info .text {margin-right:5px; font-size:13px; color:#999;}

#board-list-gallery {margin-bottom:20px; margin-left:-2%; text-align:left; zoom:1;}
#board-list-gallery:after {content:""; display:block; clear:both;}
#board-list-gallery li {position:relative; display:block; float:left; width:48%; margin:0 0 2% 2%; border:1px solid #ddd;}
#board-list-gallery li:after {display:block; visibility:hidden; clear:both; content:"";}
#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;}
/*
#board-list-gallery .icon-notice {padding:5px;position:absolute;top:0;left:0; width:30px;text-align:center; background:#ff5b5c; z-index:1;}
#board-list-gallery .icon-notice i {color:#fff;font-size:14px;}
*/
#board-list-gallery .subject {margin:5px 10px; height:60px; font-size:15px; overflow:hidden;}
#board-list-gallery .icon-secret i {margin-right:5px; font-size:14px; color:#fb5861;}
#board-list-gallery .subject a {color:#333;}
#board-list-gallery .new {font-size:12px; color:#dc0000; font-weight:700;}
#board-list-gallery .comment {font-size:13px; color:#999; white-space:nowrap;}
#board-list-gallery .comment i {display:none; font-size:14px; color:#ff9900 !important; margin-right:0;}
#board-list-gallery .comment .cnt_cmt {margin-left:0;}
#board-list-gallery .info {line-height:160%; margin:10px;}
#board-list-gallery .category {width:100%; height:20px; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#board-list-gallery .name {float:left; width:100%; font-size:13px; color:#666; text-align:left; height:20px; overflow:hidden;}
#board-list-gallery .date {margin:5px 0; float:left; width:65%; height:20px; font-size:13px; color:#999; text-align:left;}
#board-list-gallery .hit {margin:5px 0; float:right; width:35%; height:20px; font-size:13px; color:#999; text-align:right;}
#board-list-gallery .cate a {color:#ff5b5c; }
#board-list-gallery .name a {font-size:13px; color:#666; }
#board-list-gallery .sv a {display:block; color:#fff;}
#board-list-gallery .subject i {margin-right:5px; font-size:14px; color:#ccc;}
#board-list-gallery .info i {display:none; margin-right:5px; font-size:14px; color:#ccc;}
#board-list-gallery .info .text {margin-right:5px; font-size:13px; color:#999;}

#board-list-market {position:relative; margin-bottom:20px; border-top:1px solid #999;  border-bottom:1px solid #ddd; }
#board-list-market:after {content:""; display:block; clear:both;}
#board-list-market li {position:relative; width:100%; padding:10px 0 5px 0;  border-top:1px solid #ddd;display:inline-block;}
#board-list-market li.notice {background:#f5f5f5; color:#000 !important; font-weight:700;}
#board-list-market li.notice .fa-bullhorn {margin-right:5px; color:#ff5b5c !important;}
#board-list-market li.notice i.notice {margin-top:0; margin-right:5px; background:url('../img/mobile/icon_notice.png') no-repeat !important; width:12px; height:15px; display:inline-block;}
#board-list-market li .notice {font-size:14px; color:#ff5b5c;}
#board-list-market li.current a {font-weight:700; color:#000 !important;}
#board-list-market li.current .fa-check {margin-right:5px; color:#ff5b5c !important;}
#board-list-market .thumb {float: left; position: relative; display: inline-block; overflow: hidden; width:100px; margin-right:10px; margin-bottom:5px;}
#board-list-market .thumb img {width: 100px; height:75px; vertical-align:top;}
#board-list-market .info-wrap {margin:0 0 0 110px;}
/*#board-list-market .notice-wrap {margin:0;}*/
#board-list-market i {margin-right:3px; color:#ccc; font-size:14px;}
#board-list-market a.subject {position:relative; display:inline-block; max-width:99%; font-size:15px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#board-list-market a.subject i {font-size:14px; color:#ccc;}
#board-list-market a.subject .icon-secret i {margin-right:5px; font-size:14px; color:#fb5861;}
#board-list-market #subject {padding-right:60px;}
#board-list-market .auction {margin-top:5px; font-size:13px; line-height:180%; color:#333; }
#board-list-market .new-comm {position:absolute; right:0; width:55px; text-align:left;}
/*#board-list-market .new {font-size:13px; color:#dc0000; font-weight:700; margin-right:10px;}*/
#board-list-market .new {margin-top:5px; margin-right:10px; background:url('../img/mobile/icon_new.gif') no-repeat !important; width:11px; height:11px; display:inline-block;}
#board-list-market .comment {font-size:13px; color:#999;}
#board-list-market .comment i {display:none; font-size:14px; color:#ff9900 !important;white-space:nowrap; }
#board-list-market .comment .cnt_cmt {margin-left:0;}
#board-list-market .info {display:inline-block; width:100%; text-align:left; font-weight:400;}
#board-list-market.mmarket .info {position:absolute; width:auto; text-align:left;}
#board-list-market.mmarket .notice .info {position:relative;  /*width:100%;*/ text-align:left;}
#board-list-market .num,
#board-list-market .cate,
#board-list-market .name,
#board-list-market .date,
#board-list-market .hit,
#board-list-market .good,
#board-list-market .nogood {display:inline-block; text-align:left; padding-bottom:5px; padding-right:10px; font-size:13px; color:#666; white-space:nowrap;}
#board-list-market .info i {display:none; margin-right:5px; color:#ccc; font-size:14px;}
#board-list-market .cate a {color:#ff5b5c; }
#board-list-market .name a {font-size:13px; color:#666; }
#board-list-market .sv a {display:block; color:#fff;}
#board-list-market .info .text {margin-right:5px; font-size:13px; color:#999;}

.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; position:relative; font-size:13px; color:#333; *zoom:1;}
#board-view .board-view-head {position:relative; border-top:1px solid #999; border-bottom:1px solid #ddd; padding:10px;}
#board-view .board-view-head .subject {position: relative; display:block; color:#333; font-size:15px; word-break:break-all; font-weight:700;}
#board-view .board-view-head .subject .category {color:#ff5b5c; font-size:15px; margin-right:10px;}
#board-view .board-view-head .info-list {position:relative; padding-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:200%; color:#999; font-size:13px;}
#board-view .board-view-head .info-list li:last-child {margin-right:0;}
#board-view .board-view-head .info-list li .text {margin-right:5px; font-size:13px; color:#999;}
#board-view .board-view-head .info-list li i {margin-right:5px; font-size:14px; color:#ccc;}
#board-view .board-view-head .info-list li em {font-style:normal; color:#333;}
#board-view .board-view-head .info-list li .profile {display:inline-block; margin-right:5px;}
#board-view .board-view-head .info-list li .profile img {width:25px; height:auto; border-radius:50%;}
#board-view.view-kin .subject {padding-right:60px;}
#board-view.view-kin .info-list {padding-right:60px;}
#board-view .icon-ing,
#board-view .icon-end {width:55px; line-height:160%; text-align:center; font-size:13px; color:#fff; position:absolute; top:0; right:0; bottom:0; vertical-align:middle;}
#board-view .icon-ing {background:#ef7a7a;  font-weight:700;}
#board-view .icon-end {background:#aaa;}
#board-view .icon-text {width: 100%; height: 20px; position: absolute; top: 50%; margin-top: -10px;}
#board-view .icon-end-text,
#board-view .icon-ing-text {padding:3px 5px;text-align:center; font-size:12px; color:#fff;margin-right:5px;}
#board-view .icon-end-text {background:#aaa;}
#board-view .icon-ing-text {background:#ff5b5c;}
#board-view .file-link-list {position:relative; font-size:13px; 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:#ccc; 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:#ccc; font-size:14px;}

#board-view .board_url {padding:10px; line-height:160%; font-size:13px; border-bottom:1px solid #ddd; width:100%; overflow:hidden; word-break: break-all !important;}
#board-view .board_url i {font-size:14px; color:#ccc;}

#contents-view-text {min-height:250px; vertical-align:top; padding:20px 10px; line-height:160%; width:100%; font-size:15px; overflow:hidden; word-break: break-all !important;}
#contents-view-text img {max-width:100%; width:auto; height:auto;}
#bo_v_img img {margin-bottom: 10px;}
#contents-view-text table {width:100% !important;}

#contents-view-select {vertical-align:top; line-height:160%; border-top:1px dotted #ccc; padding: 0 10px;}
#contents-view-select .select-title {color:#ff5b5c; font-size:15px; font-weight:700; margin:10px 0;}
#contents-view-select .select-title i {font-size:14px;}
#contents-view-select .select-view { width:100%; overflow:hidden; word-break: break-all !important;}

#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:40px; top:10px; width: 30px; height: 30px;  z-index:1;}
#board-view #bo_v_share .btn_share{position:absolute; top:10px; right:10px; 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:0; 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 #good-button {padding:0; text-align:center; margin-bottom:10px;}
#board-view #good-button span {display:inline-block; width:70px; height:70px; margin:5px; padding:10px 0; line-height:25px; 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 strong {line-height:20px; font-size:15px; color:#ff5b5c; font-weight:700;}
#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:13px;}
.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:80px; 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:100px; ; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cmt-btn-wrap {text-align:right; margin-bottom:10px;}
.cmt_btn,
.cmt_btn_op {font-family: "FontAwesome";font-size: 14px; width: 24px; height: 24px;border:0 !important; color:#ff5b5c !important; display: inline-block; background:#fff !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.cmt_btn::before {content: "\f078";}
.cmt_btn_op::before {content: "\f077";}

.board-comment-list-wrap {padding:10px 0; font-size:13px; border-top:1px solid #ddd;}
.board-comment-list-wrap i { font-size:14px;}
.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 {position:relative; padding-left:0; color:#333; font-size:15px; line-height:160%; margin:0 10px 10px 10px;  }
.board-comment-list .content .comment {width:100%; overflow:hidden; word-break: break-all !important;}
.board-comment-list .head-wrap {margin-bottom:5px; font-size:13px;}
.board-comment-list .head-wrap .head-wrap-btn {text-overflow:ellipsis; white-space:nowrap;}
.board-comment-list .head-wrap a {padding-right:5px;}

.board-comment-list i {/*display:inline-block; */ display:none;margin-right:5px; color:#ccc; font-size:14px;}
.board-comment-list .fa-reply {float:left; margin-left:-20px; margin-top:5px; color:#ccc; font-size:14px;}
.board-comment-list .author {font-weight:700; color:#333;}
.board-comment-list .date {padding:0 5px; color:#333;}
.board-comment-list .ipaddress {padding-right:5px; color:#999;}
.board-comment-list .btn-wrap {width:100%; text-align:right; margin-top:10px;}
.board-comment-list .btn-wrap .span {margin-right:10px; color:#999;}
.board-comment-list .em {margin-right:30px; color:#333;}
.board-comment-list .s_cmt {color:#ff9900;}

.board-comment-list .comment-select {padding:0; text-align:center; margin:10px 0;}
.board-comment-list .comment-select span {display:inline-block; width:80px; height:80px; margin:0 5px; padding:10px 0; overflow:hidden; text-align:center; border:1px solid #ef7a7a; border-radius:50%;}
.board-comment-list .comment-select i {color:#ef7a7a; font-size:21px; line-height:32px;}
.board-comment-list .comment-select b {line-height:26px; font-size:13px; color:#ef7a7a;}

#board-comment-write {width:100%; margin-bottom: 20px; border-top: 0px 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; font-size: 13px; color: #333; /* border-bottom: 1px solid #ddd;*/}
#board-comment-write .form-group .form-group-col-label {padding: 10px 0 0 0;  font-size: 13px; color: #333; font-weight:700;}
#board-comment-write .form-group .radio-group {padding: 12px 0;}
#board-comment-write .form-group .radio-group label {margin-right: 10px;}
#board-comment-write .form-group .checkbox-group {padding: 12px 0; }
#board-comment-write .form-group .checkbox-group label {margin-right: 0; }
#board-comment-write .form-group .text-group {padding: 12px 0; }

#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;}
#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:10px; 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);}

/* 게시판 쓰기 */
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: 1px solid #999;}
#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 0 10px 0; font-size: 13px; color: #333; /*border-bottom: 1px solid #ddd;*/}
#board-write .form-group .form-group-col-label {padding: 10px 0 0 0; font-size: 13px; color: #333; font-weight:700;}
#board-write .form-group .radio-group {padding: 12px 0;}
#board-write .form-group .radio-group label {margin-right: 0;}
#board-write .form-group .checkbox-group {padding: 12px 0; }
#board-write .form-group .checkbox-group label {margin-right: 0; }
#board-write .form-group .text-group {padding: 12px 0; }

#board-write select {height:40px; border-radius:2px; user-select:none;}
#board-write .iText {padding:11px 3px 10px 3px; border:1px solid #ddd; border-radius:2px;}
#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,
#board-write input.order {width:100%;}
#board-write input.tel {width:30%;}
#board-write input.zip {width:80px;}
#board-write input.addr {width:100%; margin-top:10px;}
#board-write select.datetime {width:40%;}
#board-write select.time {width:20%;}
#board-write input.num {width:20%;}
#board-write input.pay {width:90%;}
#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;}
#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; height : 40px;  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);}

#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; padding:8px; top:55px; right:0; width:100%;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;}
#autosave_wrapper #btn_autosave {display:none;}

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


.board-list-write {width:100%; margin:20px 0; font-size:13px; border-top: 2px solid #666; border-bottom: 1px solid #ccc; border-collapse:collapse; border-spacing:0;}
.board-list-write thead th {padding:10px 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 th {padding:7px 10px !important; text-align:left; font-weight:700; font-size:13px; color:#333; border-bottom:1px dotted #ccc; background:#f9f9f9;}
.board-list-write tbody td {padding:7px 10px !important; font-size:13px; color:#333; border-bottom:1px dotted #ccc;}
.board-list-write tbody td p {margin: 5px 0 0 0; font-size: 13px; color: #666;}
.board-list-write tbody td span {display:inline-block; margin: 5px 0 0 0; font-size: 13px; color: #666;}
.board-list-write tbody td .closingtime {font-weight:700; font-size:13px; color:#ff5b5c; }
.board-list-write .iText {width:100%;padding:11px 3px 10px 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;}
.board-list-write input.pay {width:50%;}

/* 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;}
}