@charset "utf-8";

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

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

.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 .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;
    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 .boardTail {
    background:#fff;
    position:relative;
    padding:10px 0;
}

.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%;
}

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

.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 .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;
}

.board .boardList .boardControl {
    padding:20px 0;
}
.board .boardControl .control {
    display:flex;
    justify-content: center;
    background:#fff;
}

.board .boardControl .control .control-list {
    position:relative;
    display:flex;
}
.board .boardControl .control .control-list li {
    display:flex;
    align-items:center;
    margin-left:5px;
}

.board .boardControl .control .control-list li .ctrl-btn {
    background:#eceff3;
    color:#666;
    padding:10px;
    border:0;
}

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


/***
 * Board Comment
 */

.boardComment {
    background:#fff;
    border-top:1px solid #f1f1f1;
}

.boardComment .commentCount {
    padding:20px 20px;
    font-size:12px;
    color:#5B666E
}

.boardComment .commentCount em {
    color:#dd6568;
    font-family:tahoma
}

.boardComment .commentWrite {position:relative;padding:0 20px 20px}
.boardComment .commentWrite .commentWriteBox {position:relative;padding-bottom:50px;border:1px solid #bec8d0;box-shadow:0 1px 0 rgba(190, 200, 208, 0.13)}
.boardComment .commentWrite .user{position:relative;height:42px;padding:10px 0 0 15px;background-color:#f7f8fa;border-bottom:1px solid #eceff5;border-radius:4px 4px 0 0}
.boardComment .commentWrite .user:after{display:block;clear:both;font-size:0;content:''}
.boardComment .commentWrite .user .info_account{float:left;z-index:1}
.boardComment .commentWrite .user .info_account .name{display:inline-block;overflow:hidden;max-width:130px;padding-top:2px;letter-spacing:0;text-align:right;white-space:nowrap;font-weight:bold;text-overflow:ellipsis;color:#535a63}
.boardComment .commentWrite .user .link_nick{display:block;position:relative;height:21px;padding:2px 15px;font-size:12px}
.boardComment .commentWrite .user .link_logout{display:none;position:absolute;top:32px;right:12px;height:24px;padding:9px 12px 0 13px;border:1px solid #666;background-color:#fff;text-align:center}

.boardComment .commentWrite .textArea{position:relative;padding:0;background-color:#fff;line-height:1.3}
.boardComment .commentWrite .textArea .textAreaBox {overflow:hidden;padding:10px 8px 0}
.boardComment .commentWrite .textArea .input-textarea{display:block;overflow:hidden;width:100%;height:80px;margin-bottom:0;border:0 none;font-size:12px;line-height:17px;color:#141414;resize:none}
.boardComment .commentWrite .textArea .input-textarea::-webkit-input-placeholder{color:#a6acb9}
.boardComment .commentWrite .textArea .input-textarea:-ms-input-placeholder{color:#a6acb9}

.boardComment .commentWrite .buttonArea{overflow:hidden;position:absolute;right:0;margin:10px 10px}
.boardComment .commentWrite .buttonArea .btn-write{width:56px;padding-top:1px;border-radius:1px;background-color:#535a63;font-size:13px;line-height:29px;font-weight:400;font-family:'돋움',dotum,Apple SD Gothic Neo,sans-serif;color:#fff;vertical-align:top;outline:0}
.boardComment .commentWrite .buttonArea .btn-write:hover{background-color:#6a747c}

.boardComment .commentWrite .selectGhostUser{
    overflow-y:scroll;
    max-height:153px;
    padding:10px;
    width:100%;
    border-bottom:1px solid #d1d1d1;
}

.boardComment .selectGhostUser ul {
    position:relative;
}

.boardComment .selectGhostUser ul li {
    float:left;
    height:20px;
    width:100px;
}


.boardComment article{position:relative;padding:0 0 17px;border-top:1px solid #f0f0f0;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc}
.boardComment article:first-child{border-top:none}
.boardComment header{position:relative;padding:12px 20px 18px;border-bottom:1px solid #f4f4f4;background-color:#fcfcfc}
.boardComment .info{position:relative;padding:7px 0 0 40px}
.boardComment .info .thumb{display:inline-block;position:absolute;left:0;top:0;width:31px;height:31px;font-size:1px;line-height:0;border-radius:50px;vertical-align:top}
.boardComment .info .thumb:after{position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid #000;opacity:.05;border-radius:50px;content:""}
.boardComment .info .thumb img{border-radius:50px}
.boardComment .tbl_form{border-top:1px solid #e7eaef;padding:20px 20px 10px;background-color:#fff}
.boardComment .tbl_form table{width:100%;border-collapse:collapse;border-spacing:0}
.boardComment .tbl_form th{width:74px;text-align:left;white-space:nowrap}
.boardComment .tbl_form td{padding:0 0 10px}
.boardComment .tbl_form .secret label{display:inline-block;margin-right:4px;font-size:11px;color:#555}
.boardComment .tbl_form .cont{padding:0}
.boardComment .tbl_form .frm_input{}
.boardComment .tbl_form textarea{width:100%;height:100px;line-height:18px;border-right:none;border-radius:4px 0 0 4px}
.boardComment .tbl_form a{text-decoration:none}
.boardComment .tbl_form .item{position:relative;padding-right:108px}
.boardComment .tbl_form .frm_file{display:block;margin-bottom:5px}
.boardComment .tbl_form .frm_info{display:block;padding:0 0 5px;line-height:1.4em}
.boardComment .tbl_form .btn_confirm{position:absolute;top:0;right:0;width:108px;height:100px}
.boardComment .tbl_form .btn_confirm .btn_submit{width:108px;height:100px;border:1px solid #cc5255;background-color:#dd6568;border-radius:0 4px 4px 0;color:#fff;cursor:pointer}
.boardComment .tbl_form .btn_confirm .btn_submit:hover{background-color:#e26a70;border-color:#d1545a}


.boardComment .comments-list{position:relative}
.boardComment .comments-list li{display:block;position:relative;margin-bottom:15px}
.boardComment .comments-list li.noresult{margin:0;padding:60px 0;color:#969ea5;text-align:center}
.boardComment .comments-list li.noresult .fa{display:block;margin-bottom:14px;font-size:40px;color:#d3d6de}
.boardComment .comments-list li:after{display:block;clear:both;width:0;height:0;content:''}
.boardComment .comments-list .comment-avatar{overflow:hidden;float:left;position:relative;z-index:99;width:65px;height:65px;border:3px solid #FFF;box-shadow:0 1px 1px rgb(194, 200, 212)}
.boardComment .comments-list .comment-avatar img{width:100%;height:100%}
.boardComment .comments-list .comment-main-level{position:relative}
.boardComment .comments-list .comment-main-level:after{display:block;clear:both;width:0;height:0;content:''}
.boardComment .comments-list .comment-box{position:relative;margin-left:88px;border:1px solid #e8edf1}
.boardComment .comments-list .comment-box:before,
.boardComment .comments-list .comment-box:after{display:block;position:absolute;top:8px;left:-12px;width:0;height:0;border-width:10px 12px 10px 0;border-style:solid;border-color:transparent #f7f8fa;content:''}
.boardComment .comments-list .comment-box:before{left:-13px;border-width:11px 13px 11px 0;border-color:transparent rgb(232, 237, 241)}
.boardComment .comments-list .comment-box .comment-head{padding:10px 15px;border-bottom:1px solid #eceff5;background:#f7f8fa;height: 46px;}
.boardComment .comments-list .comment-box .comment-head:after{display:block;clear:both;content:""}
.boardComment .comments-list .comment-box .comment-head i{}
.boardComment .comments-list .comment-box .comment-head i:hover{}
.boardComment .comments-list .comment-box .comment-head .comment-edit {float:right;line-height:23px;}
.boardComment .comments-list .comment-box .comment-head .comment-edit a {font-size:12px;color:#999;padding-left:10px;}
.boardComment .comments-list .comment-box .comment-head .comment-edit .bar{color:#b1b1b1;padding-left:10px;}
.boardComment .comments-list .comment-box .comment-name{float:left;margin-right:10px;font-size:12px;font-weight:700;color:#283035}
.boardComment .comments-list .comment-box .comment-name a{color:#535a63;font-weight:bold}
.boardComment .comments-list .comment-box .comment-head span{float:left;position:relative;top:2px;font-size:11px;color:#a6acb9;}
.boardComment .comments-list .comment-box .comment-head .delete{float:right;position:relative;top:2px;margin-left:15px;font-size:11px;color:#959ba9;transition:color .3s ease}
.boardComment .comments-list .comment-box .comment-head .delete:hover{color:#6a747c}
.boardComment .comments-list .comment-box .comment-content{padding:15px;background:#FFF;font-size:12px;line-height:18px;color:#5B666E}
.boardComment .comments-list .comment-box .comment-options{padding:0 15px 15px}
.boardComment .comments-list .comment-box .comment-options .act_box{position:relative;text-align:right}
.boardComment .comments-list .comment-box .comment-options .act_box .right_box{display:inline-block;margin:0;vertical-align:top;list-style:none;zoom:1}
.boardComment .comments-list .comment-box .comment-options .act_box .right_box:after{display:block;visibility:hidden;clear:both;content:''}
.boardComment .comments-list .comment-box .comment-options .act_box .right_box li{float:left;margin:0 0 0 4px;padding:0;border:none}
.boardComment .comments-list .comment-box .comment-options .act_box .btn{display:inline-block;height:24px;padding:0 6px;border:1px solid #d9dde4;background-color:#fff;font-size:11px;color:#6A747B;line-height:23px;vertical-align:top}
.boardComment .comments-list .comment-box .comment-options .act_box .btn:hover{border-color:#b9c1ce}
.boardComment .comments-list .comment-box .comment-options .act_box .btn .fa{margin:-4px 4px 0 0;font-size:13px;vertical-align:middle}
.boardComment .comments-list .comment-box .comment-options .act_box .btn_recom .cnt,
.boardComment .comments-list .comment-box .comment-options .act_box .btn_norecom .cnt{font-family:verdana;font-size:10px;font-weight:bold}
.boardComment .comments-list .comment-box .comment-options .act_box .btn_recom{color:#dd6568}
.boardComment .comments-list .comment-box .comment-options .act_box .btn_norecom{color:#8E99A9}
.boardComment .comments-list .comment-box .comment-options .act_box .left_box{text-align:left}
.boardComment .comments-list .comment-box .comment-name.by-author,
.boardComment .comments-list .comment-box .comment-name.by-author a{color:#535a63;line-height:20px;}

/* reply list */
.boardComment .comments-list .reply-list{clear:both;margin-top:15px;padding-left:88px}
.boardComment .comments-list .reply-list{clear:both;margin-top:15px;padding-left:88px}
.boardComment .comments-list .reply-list .comment-avatar{width:50px;height:50px}
.boardComment .comments-list .reply-list .comment-box{margin-left:73px}

/* reply write */
.boardComment .comments-list .comment_reply_write{position:relative;margin-top:15px}
.boardComment .comments-list .comment_reply_write .write_wrap{position:relative;padding-left:88px;clear:none}
.boardComment .comments-list .comment_reply_write fieldset{border:none}
.boardComment .comments-list .comment_reply_write .cont_write{position:relative}
.boardComment .comments-list .comment_reply_write .comment-avatar{width:50px;height:50px}
.boardComment .comments-list .comment_reply_write .write_alex{position:relative;margin-left:73px;padding-bottom:45px;border:1px solid #e8edf1}
.boardComment .comments-list .comment_reply_write .write_alex:before,
.boardComment .comments-list .comment_reply_write .write_alex:after{display:block;position:absolute;top:8px;left:-11px;width:0;height:0;border-width:10px 12px 10px 0;border-style:solid;border-color:transparent #f7f8fa;content:''}
.boardComment .comments-list .comment_reply_write .write_alex:before{left:-12px;border-width:11px 13px 11px 0;border-color:transparent rgba(0,0,0,0.05)}
.boardComment .comments-list .comment_reply_write .cmt_account{position:relative;height:46px;padding:10px 0 0 15px;background-color:#f7f8fa;border-bottom:1px solid #eceff5;border-radius:4px 4px 0 0}
.boardComment .comments-list .comment_reply_write .cmt_account:after{display:block;clear:both;font-size:0;content:''}
.boardComment .comments-list .comment_reply_write .cmt_account .info_account{float:left;z-index:1}
.boardComment .comments-list .comment_reply_write .cmt_account .info_account .name{display:inline-block;overflow:hidden;max-width:130px;padding-top:2px;letter-spacing:0;text-align:right;white-space:nowrap;font-weight:bold;text-overflow:ellipsis;color:#535a63}
.boardComment .comments-list .comment_reply_write .cmt_account .link_nick{display:block;position:relative;height:21px;padding:2px 15px;font-size:12px}
.boardComment .comments-list .comment_reply_write .cmt_account .link_logout{display:none;position:absolute;top:32px;right:12px;height:24px;padding:9px 12px 0 13px;border:1px solid #666;background-color:#fff;text-align:center}
.boardComment .comments-list .comment_reply_write .alex_write{position:relative;padding:0 5px;background-color:#fff;line-height:1.3;border-bottom:1px solid #f4f7fb}
.boardComment .comments-list .comment_reply_write .alex_write .input_wrap{overflow:hidden;padding:10px 8px}
.boardComment .comments-list .comment_reply_write .alex_write .lab_cmt{position:absolute;top:0;height:63px;font-size:12px;color:#bbb;cursor:pointer}
.boardComment .comments-list .comment_reply_write .alex_write .txt_info{display:block;padding:11px 2px 0;line-height:18px;font-weight:300;white-space:pre-line}
.boardComment .comments-list .comment_reply_write .alex_write .tf_cmt{display:block;overflow:hidden;width:100%;min-height:90px;border:0 none;font-size:12px;line-height:17px;color:#141414;resize:none}
.boardComment .comments-list .comment_reply_write .alex_write .tf_cmt::-webkit-input-placeholder{color:#a6acb9}
.boardComment .comments-list .comment_reply_write .alex_write .tf_cmt:-ms-input-placeholder{color:#a6acb9}
.boardComment .comments-list .comment_reply_write .alex_console{clear:both;position:absolute;left:0;bottom:10px;width:100%;*zoom:1}
.boardComment .comments-list .comment_reply_write .alex_console:after{display:block;clear:both;font-size:0;content:''}
.boardComment .comments-list .comment_reply_write .alex_console .btn_emot{float:right;position:relative;bottom:38px;margin-right:10px;outline:0}
.boardComment .comments-list .comment_reply_write .alex_console .txt_byte{position:absolute;top:4px;left:13px;margin-right:3px;font-size:12px;font-family:Roboto,arial;color:#333;letter-spacing:0}
.boardComment .comments-list .comment_reply_write .alex_console .txt_byte .num_fst{color:#333}
.boardComment .comments-list .comment_reply_write .alex_console .txt_byte .slash{margin-left:5px;margin-right:5px}
.boardComment .comments-list .comment_reply_write .alex_console .txt_byte.count{position:absolute;right:12px;bottom:9px}
.boardComment .comments-list .comment_reply_write .alex_console .btn_emot{float:right;position:relative;bottom:38px;margin-right:10px;outline:0}
.boardComment .comments-list .comment_reply_write .tool_write{overflow:hidden;position:absolute;right:0;margin:10px 10px}
.boardComment .comments-list .comment_reply_write .tool_write .btn_write{width:46px;padding-top:1px;border-radius:1px;background-color:#eee;font-size:12px;line-height:24px;font-weight:400;font-family:'돋움',dotum,Apple SD Gothic Neo,sans-serif;color:#4d4d4d;vertical-align:top;outline:0}
.boardComment .comments-list .comment_reply_write .tool_write .btn_write:hover{background-color:#dedede}
.boardComment .list_box{position:relative;padding:0 20px 20px}
.boardComment .list_box .list{}
.boardComment .list_box .list li{position:relative;border-top:1px solid #edf0f3}
.boardComment .list_box .list li:first-child{border-top:none}
.boardComment .list_box .list li .inner{position:relative;padding-bottom:14px;background-color:#fff}
.boardComment .list_box .list li .profile{position:relative;padding:11px 20px;border-bottom:1px solid #ecedee;background-color:#f7f8fa}
.boardComment .list_box .list li .profile .name{font-weight:bold;font-size:12px;color:#535a63}
.boardComment .list_box .list li .profile .box{position:relative;padding:7px 0 0 40px;height:31px}
.boardComment .list_box .list li .profile .thumb{display:inline-block;position:absolute;left:0;top:0;width:31px;height:31px;font-size:1px;line-height:0;border-radius:50px;vertical-align:top}
.boardComment .list_box .list li .profile .thumb:after{position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid #000;opacity:.1;border-radius:50px;content:""}
.boardComment .list_box .list li .profile .thumb img{border-radius:50px}
.boardComment .list_box .list li .profile .date{display:inline-block;margin:2px 0 0 4px;font-family:tahoma;font-size:10px;color:#AEB3BA;vertical-align:top}
.boardComment .list_box .list li .desc{padding:14px 20px 15px;line-height:18px;color:#6a747c}
.boardComment .list_box .list li .desc a{text-decoration:underline}
.boardComment .list_box .list li .desc a.s_cmt{text-decoration:none}
.boardComment .list_box .list li .info{min-height:26px;padding:0 20px}
.boardComment .list_box .list li .info:after{display:block;visibility:hidden;clear:both;content:''}
.boardComment .list_box .list li .act_box{position:relative;text-align:right}
.boardComment .list_box .list li .act_box .right_box{display:inline-block;margin:0;vertical-align:top;list-style:none;zoom:1}
.boardComment .list_box .list li .act_box .right_box:after{display:block;visibility:hidden;clear:both;content:''}
.boardComment .list_box .list li .act_box .right_box li{float:left;margin-left:4px;border:none;padding:0}
.boardComment .list_box .list li .act_box .btn{display:inline-block;height:24px;padding:0 6px;border:1px solid #c7cdd6;background-color:#fff;font-size:11px;color:#6A747B;line-height:23px;vertical-align:top}
.boardComment .list_box .list li .act_box .btn:hover{border-color:#939EAB}
.boardComment .list_box .list li .act_box .btn .fa{margin:-4px 4px 0 0;font-size:13px;vertical-align:middle}
.boardComment .list_box .list li .act_box .btn_recom .cnt,
.boardComment .list_box .list li .act_box .btn_norecom .cnt{font-family:tahoma;font-size:11px;font-weight:bold}
.boardComment .list_box .list li .act_box .btn_recom{color:#dd6568}
.boardComment .list_box .list li .act_box .btn_norecom{color:#8E99A9}
.boardComment .list_box .list li .act_box .left_box{position:absolute;top:0;left:0}
.boardComment .list_box .list li.noresult{padding:60px 0;text-align:center;color:#939ca5}
.boardComment .list_box .list li.reply{padding:10px 20px 10px 40px;border-top:none}
.boardComment .list_box .list li.reply+li.reply{padding-top:0}
.boardComment .list_box .list li.reply .inner{border:1px solid #e2e4e8}
.boardComment .list_box .list li.reply:before{position:absolute;left:17px;top:15px;width:12px;height:12px;border-left:2px solid #ddd;border-bottom:2px solid #ddd;content:""}
.boardComment .list_box .reply_wrap{position:relative;margin:15px 0 -14px;padding:20px 20px 20px 40px;border-top:1px solid #e8e8e8}
.boardComment .list_box .reply_wrap:before{position:absolute;left:20px;top:20px;width:12px;height:12px;border-left:2px solid #ddd;border-bottom:2px solid #ddd;content:""}
.boardComment .list_box .reply_box{position:relative;border:1px solid #ddd}
.boardComment .list_box .reply_box .tbl_form{margin:0;border-top:none;background-color:#fff}
.boardComment .list_box .reply_box .profile{background-color:#fff}
.boardComment .list_box .reply_box .profile .nick{font-weight:bold;font-size:12px;color:#232a32}
.boardComment .list_box .reply_box .tbl_form .btn_confirm .btn_submit{border-color:#acb4bb;background-color:#fff;color:#5b666f}
.boardComment .list_box .reply_box .tbl_form .btn_confirm .btn_submit:hover{}
.boardComment .list_box .reply_wrap.modify{padding-left:20px;padding-bottom:20px}

.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;}