@charset "utf-8";

.board {
    position:relative;
    border:1px solid #eceff3;
}

.board .boardHeader {
    position:relative;
    background:#fff;
    padding:25px;
}

.board .boardHeader:after {
    display:block;
    content:'';
    clear:both;
}

.board .boardHeader .search {
    position:relative;
    float:left;
}

.board .boardHeader .searchWrapper {

}

.board .boardHeader .search select,
.board .boardHeader .search input {
    border-radius:3px;
    border:1px solid #eceff3;
    height:35px;
    line-height:35px;
    padding:0 8px;
    float:left;
}

.board .boardHeader .search select.field {
    width:120px;
    border-right:0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.board .boardHeader .search input.keyword {
    width:150px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.board .boardHeader .search input.submit {
    width:80px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.board .boardHeader .toolButton {
    float:right;
    height:35px;
}

.board .boardHeader .toolButtonList {
    position:relative;
}

.board .boardHeader .toolButtonList li {
    display:inline-block;
}

.board .boardHeader .toolButtonList li a {
    display:inline-block;
    border-radius:3px;
    width:100%;
    background:#555;
    color:#fff;
    padding:0 15px;
    height:35px;
    line-height:35px;
}


.board .boardTail .paging {
    display:block;
    background:#fff;
    border-bottom:1px solid #eceff3;
    padding:25px 0;
}

.board .boardTail .pagination {
    position:relative;
    font-size:0;
    text-align:center;
}

.board .boardTail .pagination span.first {
    border-left:1px solid #d8d9de!important;
}

.board .boardTail .pagination span {
    display:inline-block;
    border:1px solid #d8d9de;
    border-left:0;
    vertical-align:top;
}

.board .boardTail .pagination span a {
    display:block;
    border-left:0;
    vertical-align:top;
    width:32px;
    height:32px;
    margin:0;
}

.board .boardTail .pagination span.first a {background:url(./img/btn_page_first.gif) no-repeat;content:'<<';}
.board .boardTail .pagination span.last a {background:url(./img/btn_page_last.gif) no-repeat;content:'>>';}
.board .boardTail .pagination span.prev a {background:url(./img/btn_page_prev.gif) no-repeat;content:'<';}
.board .boardTail .pagination span.next a {background:url(./img/btn_page_next.gif) no-repeat;content:'>';}

.board .boardTail .pagination ol {
    display:inline-block;
    margin:0;
    *margin:0;
    padding:0;
    font-size:0;
    line-height:0;
    vertical-align:top;
}

.board .boardTail .pagination ol li {
    display:inline-block;
    margin:0;
    border:1px solid #d8d9de;
    border-left:0;
    font-size:11px;
    color:#757575;
    vertical-align:top;
}

.board .boardTail .pagination li a {
    display: block;
    width: 32px;
    height: 32px;
    padding: 0;
    background: #fff;
    line-height: 32px;
    color: #5b666f;
}

.board .boardTail .pagination li a.this{
    background:#f7f8fa;
    font-weight:bold;
}

.board .boardTail .pagination a.nolink{cursor:default}
.board .boardTail .pagination li:first-child{}
.board .boardTail .pagination li a:hover{}

/***
 * BOARDLIST
 */

.board .boardList {
    position:relative;
	background:#fff;
}

.board .boardList:after {
	clear:both;
	display:block;
	content:'';
}

.board .boardList .boardListNormal {
    position:relative;
}

.board .boardListNormal .articleList {
    width:100%;
}

.board .boardListNormal .articleList tr.notice td {
	background:#f8f8f8;
}

.board .boardListNormal .articleList th {
    position:relative;
    background:#fff;
    border:1px solid #eceff3;
    border-left:0;
    border-right:0;
    height:45px;
}

.board .boardListNormal .articleList td {
    background:#fff;
    border-bottom: 1px solid #efefef;
    height:55px;
}

.board .boardListNormal .articleList td a {
    color:#777;
    vertical-align:middle;
    display:inline-block;
    font-size:13px;
}

.board .boardListNormal .articleList tr.blank td {
    height:500px;
    vertical-align:middle;
    text-align:center;
}

.board .boardListNormal .articleList tr:hover td {
    background:#fbfbfb;
}

.board .boardListNormal .articleList tr.notice:hover td {
	background:#f8f8f8;
}

.board .boardListNormal .articleList tr.notice td .noticeText {
	display:inline-block;
	padding:5px;
	background:#232323;
	color:#fff;
}

.board .boardListNormal .articleList tr td .date .today {
	color:#b80000;
	font-weight:700;
}

.board .boardListNormal .articleList tr td .xpIcon {
	margin-right:3px;
}


/** Photo **/
.board .boardListPhoto .photoList {
	padding:10px;
}

.board .boardListPhoto .photoList li {
	float: left;
    width: 25%;
    margin-bottom: -1px;
    background-color: #fff;
    position: relative;
}

.board .boardListPhoto .photoList li:first-child {
	margin-left:0
}

.board .boardListPhoto .photoList li a {
	display: block;
    position: relative;
    margin-right: -1px;
    border: 1px solid #d8d9de;
}

.board .boardListPhoto .photoList li a:hover:after{
	position:absolute;
	left:-1px;top:-1px;right:-1px;bottom:-1px;border:1px solid #a9b2bd;z-index:1;content:"";
}

.board .boardListPhoto .photoList li:nth-child(4n) a {
	border-right:1px solid #e8e8e8;
	margin-right:0;
}

.board .boardListPhoto .photoList li a .thumb {
	position: relative;
    padding: 10px 10px 0;
	width: 100%;
	height: 100px;
    overflow: hidden;
}

.board .boardListPhoto .photoList li a .thumb img {
	width: 100%;
	height: auto;
}

.board .boardListPhoto .photoList li a .info {
	position: relative;
    padding: 10px 10px 10px 10px;
}

.board .boardListPhoto .photoList li a .info .tit {
	display: inline-block;
    vertical-align: top;
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    color: #234c6b;
	height:35px;
    text-overflow: ellipsis;
}

.board .boardListPhoto .photoList li a .info .tit span {
	vertical-align:top;
}

.board .boardListPhoto .photoList li a .info .tit .commentCnt {
	color:#f80000;
}

.board .boardListPhoto .photoList li a .info .user {
	margin-top:5px;
}

.board .boardListPhoto .photoList li a .info .user .xpIcon {
	margin-right:3px;
}

.board .boardListPhoto .photoList li a .info .extra {
	margin-top:5px;
}

.board .boardListPhoto .photoList li a .info .extra .date {
	color:#666;
}

.board .boardListPhoto .photoList li a .info .extra .hit {
	margin-left:5px;
	color:#666;
}

.board .boardListPhoto .photoList li a .info .extra .hit .iconify {
	vertical-align:top;
	font-size:13px;
}

/** Photo Casino **/
.board .boardListCasino .photoList li {
	width:415px;
	margin-left:12px;
	margin-top:5px;
}

.board .boardListCasino .photoList li:after {
	clear:both;
	display:block;
	content:'';
}

.board .boardListCasino .photoList li .anchor {
	display: block;
    position: relative;
    margin-right: -1px;
}

.board .boardListCasino .photoList li .anchor .item {
}

.board .boardListCasino .photoList li .anchor .item .thumb {
	position: relative;
}

.board .boardListCasino .photoList li .anchor .item .thumb span {
	display: block;
    position: relative;
    height: 224px;
    font-size: 0;
    background: url(../../img/pc/no_image.jpg) #f1f1f1 no-repeat 50% 50%;
}

.board .boardListCasino .photoList li .anchor .item .thumb span img {
	width:100%;
	height:100%;
	border-radius:5px;
}

.board .boardListCasino .photoList li .anchor .item .info {
    padding: 15px 0 ;
	border-radius: 0 0 5px 5px;
	background:#fff;
}

.board .boardListCasino .photoList li .anchor .item .info dl {
	display:block;	
	margin-top:10px;
}

.board .boardListCasino .photoList li .anchor .item .info dl dt {
	border-radius:3px;
	border:1px solid #3e4c6f;
	padding:5px;
	width:100px;
	text-align:center;
	display:inline-block;
	color:#3e4c6f;
	font-weight:600;
}

.board .boardListCasino .photoList li .anchor .item .info dl dd {
	display:inline-block;
	margin-left:10px;
	color:#3e4c6f;
}

/***
 * BoardWrite
 */
.board .boardHeader .boardWriteHeader h1 {
    font-size:20px;
}

.board .boardWrite .writeRow {
    position:relative;
    display:block;
    background:#fff;
    padding:25px;
    border-top:1px solid #eceff3;
}

.board .boardWrite .writeRow .writeGhostUsers {
	overflow-y:scroll;
	max-height:153px;
	padding:10px;
	width:100%;
	border:1px solid #d1d1d1;
}

.board .boardWrite .writeRow .writeGhostUsers ul {
	position:relative;
}

.board .boardWrite .writeRow .writeGhostUsers ul li {
	float:left;
	height:20px;
	width:100px;
}

.board .boardWrite .input-text {
    height:55px;
    border:1px solid #eceff3;
    padding:10px;
    display:block;
    width:100%;
}

.board .boardWrite .input-checkbox {
	width:15px;
	height:15px;
	border:1px solid #eceff3;
	display:inline-block;
}

.board .boardWrite .options {
	position:relative;
	padding:10px 0 ;
	display:flex;
}

.board .boardWrite .options li {
	align-items: flex-start;
	margin-right:15px;
}

.board .boardWrite .options li span {
	font-size:12px;
	margin-left:5px;
	line-height:15px;
	color:#666;
}

/***
 * BoardView
 */

.board .boardView {
    position:relative;
}

.board .boardView .view {
    background:#fff;
}

.board .boardView .view .wrSubject {
    display:table;
    width:100%;
    border-bottom:1px dashed #eceff3;
    background:#fff;
    font-size: 15px;
    line-height: 1.5;
    padding: 24px;
}

.board .boardView .view .wrSubject .title {
    color:#e62626;
    display:table-cell;
}

.board .boardView .view .wrSubject .counter {
    display:table-cell;
    text-align:right;
    color:#555;
    width:250px;
}

.board .boardView .view .wrSubject .counter span,
.board .boardView .view .wrSubject .counter strong {
    ont-family: dotum;
    font-size: 11px;
}

.board .boardView .view .wrSubject .counter .iconify {
    font-weight:700!important;
}

.board .boardView .view .wrSubject .counter .split {
    margin: 0 8px;
}

.board .boardView .view .wrSubject:after {
    clear:both;
    display:block;
    content:'';
}

.board .boardView .view .wrContent {
    padding: 24px;
    min-height:250px;
	word-wrap: break-word;
	word-break: break-all;
	font-size:14px;
}

.board .boardView .view .wrContent img {
	max-width:100%;
}

.board .boardView .view .sns {
    text-align:center;
    padding:15px 0;
}

#bo_v_sns {padding:0;list-style:none;zoom:1;display:inline-block;}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;width:135px;margin-right:5px;text-align:left}
#bo_v_sns li a {height:35px;line-height:35px;text-align:center;border-radius:5px;color:#fff;font-size:0.95em}
#bo_v_sns li img {vertical-align:middle;margin-right:5px}
#bo_v_sns li .sns_f {display:block;background:#3b5997}
#bo_v_sns li .sns_t {display:block;background:#09aeee}
#bo_v_sns li .sns_g {display:block;background:#ea4026}
#bo_v_sns li .sns_k {display:block;background:#fbe300}

#bo_v_share {position:relative;padding:20px 0}
#bo_v_share:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_share .btn {padding:0 10px;color:#555;font-weight:normal;font-size:1em;width:80px;line-height:35px;height:35px;border-color:#d5d5d5;border-radius:5px}
#bo_v_share .btn:hover {background:#fff}
#bo_v_share .btn i {margin-right:5px;color:#4b5259;vertical-align:middle}

.board .boardView .buttonList {
	background:#fff;
	padding:24px;
}

.board .boardView .buttonList:after {
	clear:both;
	content:'';
	display:block;
}

.board .boardView .buttonList .navButton {
	float:left;
    position: relative;
}

.board .boardView .buttonList .toolButton {
	display:flex;
}

.board .boardView .buttonList .toolButton .tbLeft {
	flex:1;
	text-align:left;
}

.board .boardView .buttonList .toolButton .tbRight {
	flex:1;
	text-align:right;
}

.board .boardView .buttonList .toolButton li {
	display:inline-block;
}

.board .boardView .buttonList .toolButton li a {
	display:inline-block;	
	font-size:14px;
	padding:5px 15px;
	background:#555;
	color:#fff;
}

.board .boardView .comment {
    background: #fff;
    padding:24px;
}

.board + .board {
    margin-top:20px;
}

/***
 * Comment
 */

.board .boardView .comment {
    border-top:1px dashed #eceff3;
    padding: 24px;
}


.board .boardView .comment .summary {
	padding: 0 0 10px 0;
    font-size: 12px;
    color: #5B666E;
}

.board .boardView .comment .summary .count {
    color: #dd6568;
    font-family: tahoma;
	font-style:normal;
}

.board .boardView .comment .writeCommentWrapper {
    position:relative;
}

.board .boardView .comment .writeGhostUsers {
	overflow-y:scroll;
	max-height:153px;
	padding:10px;
	width:100%;
	border:1px solid #d1d1d1;
	margin-bottom:15px;
}

.board .boardView .comment .writeGhostUsers ul {
	position:relative;
}

.board .boardView .comment .writeGhostUsers ul li {
	float:left;
	height:20px;
	width:100px;
}


.board .boardView .comment .writeCommentBox {
    position:relative;
    width:100%;
	border: 1px solid #bec8d0;
	padding-bottom: 50px;
}

.board .boardView .comment .writeCommentBox .writeMember {
	position: relative;
    height: 42px;
    padding: 10px 0 0 15px;
    background-color: #f7f8fa;
    border-bottom: 1px solid #eceff5;
    border-radius: 4px 4px 0 0;
}

.board .boardView .comment .writeCommentBox .writeCommentText {
    position: relative;
    padding: 0;
    background-color: #fff;
    line-height: 1.3;
}

.board .boardView .comment .writeCommentBox .writeCommentText .textArea {
    overflow: hidden;
    padding: 10px 8px 0;
}

.board .boardView .comment .writeCommentBox .writeCommentText .textArea .inputComment {
	display: block;
    overflow: hidden;
    width: 100%;
    height: 80px;
    margin-bottom: 0;
    border: 0 none;
    font-size: 12px;
    line-height: 17px;
    color: #141414;
    resize: none;
}

.board .boardView .comment .writeCommentBox .writeCommentSubmit {
	overflow: hidden;
    position: absolute;
    right: 0;
    margin: 10px 10px
}


.board .boardView .comment .writeCommentBox .submitComment {
	width: 56px;
    padding-top: 1px;
    border-radius: 1px;
	border:0;
    background-color: #535a63;
    font-size: 13px;
    line-height: 29px;
    font-weight: 400;
    color: #fff;
    vertical-align: top;
    outline: 0;
}

.board .boardView .comment .writeCommentRule {
    padding: 8px 0;
}

.board .boardView .comment .writeCommentRule .rule {
    font-size: 12px;
    letter-spacing: -1px;
    color: #aaa;
}

.board .boardView .comment .listCommentWrapper  {

}

.board .boardView .comment .listComment {
    clear: both;
    position: relative;
    background: #f7f7f7;
    padding: 10px 0;
    zoom: 1;
}

.board .boardView .comment .listComment .rowComment {
    position:relative;
    clear: both;
    padding: 15px 15px;
    background: #f7f7f7;
    border-top:1px dashed #e1e1e1;
    color: #000;
    word-break: break-all;
}

.board .boardView .comment .listComment .rowComment:first-child {
    border-top:0;
}

.board .boardView .comment .listComment .rowComment .cmtMemberImg {
    position: absolute;
    top: 15px;
    width: 58px;
    height: 58px;
}

.board .boardView .comment .listComment .rowComment .cmtMemberImg img {
    width: 58px;
    height: 58px;
    border-radius: 50%;
}

.board .boardView .comment .listComment .rowComment .cmtMemberName {
    position: relative;
    margin: 0 0 0 65px;
    padding: 5px;
}

.board .boardView .comment .listComment .rowComment .cmtContent {
    display: block;
    position:relative;
    margin: 8px 0 0 75px;
    padding: 7px;
    background: #fff;
    border: 1px solid #dddddf;
    border-radius: 5px;
}

.board .boardView .comment .listComment .rowComment .cmtContent .ico_chat {
    position: absolute;
    left: -10px;
    top: 5px;
    display: inline-block;
    width: 18px;
    height: 11px;
    background: url(./img/icon_chat.png) 0 0 no-repeat;
}

.view-text-head {text-align:center;max-width:800px;margin: 0 auto 15px;padding: 0 0px 20px;}
.view-text-tail {text-align:center;max-width:800px;margin: 0 auto 15px;padding: 0 0px 20px;margin-top: -35px;}
.view-text-tail img, .view-text-head img {width:50%;float: left;}