/* BASIC css start */
.xans-board-title .titleAreaBoard { /*margin:17px 0 30px;*/ *zoom:1; text-align:center;  /*border: 10px solid #D0E5E2;*/ }
.xans-board-title .titleAreaBoard:after {content:""; display:block; clear:both; }
.xans-board-title .titleAreaBoard h2 { zoom:1;  margin-bottom: 17px; width: 1120px margin: 0 auto;}
/*.xans-board-title .titleAreaBoard h2 span { height:21px; padding:0 5px 0 0; color:#272823; font-size:16px; }*/
.xans-board-title .titleAreaBoard p { padding:10px 0 10px; clear:both; font-size:.9em; line-height:1.5em; color:#8f8f8f;  /*border-bottom:1px solid #dedcdc;*/}
.xans-board-title .titleAreaBoard p.imgArea { padding:0 0 30px; }

.xans-board-title .titleAreaBoard ul {float:left; margin-bottom: 10px; display: block; width: 1120px; height: 36px; border-bottom: 1px solid #eeeeee;}
.xans-board-title .titleAreaBoard li { margin: 0 1px; display:block; font-size:1.3em;  background: #eeeeee; width: 124px; height: 36px; text-align: center; float: left; line-height: 36px;/*url(http://img.echosting.cafe24.com/design/skin/mono/bg_path.gif) 0 50% no-repeat;*/ }
.xans-board-title .titleAreaBoard li:hover{ background: #D0E5E2;}

.xans-board-title .titleAreaBoard li.first { margin-left: 0; }

.xans-board-category { margin:0 0 10px; }
/* read */
.xans-board-read div.boardView { clear:both; width:1200px; margin:auto; }
.xans-board-read table { width:1200px; margin:auto; background:#f6f7f9; font-size:.9em; position: relative; border-top: 3px solid #ddd;  }
.xans-board-read table input { border:1px solid #bcbcbc; background:#fff; color:#202020; padding:1px 0 2px 4px;  }
.xans-board-read table input#password {height: 20px; margin-top: -3px;}
.xans-board-read table th { width:40px; padding:15px; text-align:left; line-height:2em; border-bottom:1px solid #e6e6e6; color:#000; font-weight:normal;text-align: center; border-right: 1px solid #eee; }
.xans-board-read table td { width:506px; padding:15px; border-bottom:1px solid #e6e6e6; line-height:2em; color:#8b8b8c;}
.xans-board-read table td img { vertical-align:middle;max-width:100%}

.xans-board-read table .eReplyStatusText img { position: absolute; top: 22px; right: 80px; margin:0; }
.xans-board-read table .eReplyStatusChangeBtn img {  position: absolute; top: 22px; right: 20px; margin:0; }
.xans-board-read table .th-title {  }
.xans-board-read table td.view { border-top:2px solid #dbdbdb;/* border-bottom:3px solid #333;*/ background:#fff;}
.xans-board-read table td.view .detail { padding:30px 10px; text-align:center;}


.xans-board-read table tr.etcArea {  }
.xans-board-read table tr.etcArea td { padding:0; }
.xans-board-read table tr.etcArea ul { overflow:hidden; width:750px; border-bottom:1px solid #e6e6e6; margin-top:-1px;  }
.xans-board-read table tr.etcArea ul li { float:left; overflow:hidden; margin:0 0 -1px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }
.xans-board-read table tr.etcArea ul li.colspan2 { width:360px; }
.xans-board-read table tr.etcArea ul li.colspan2 .td { width:220px; }
.xans-board-read table tr.etcArea ul .th { float:left; width:113px; padding:13px; font-weight:normal; color:#000;  text-align: center; border-right: 1px solid #eee; }
.xans-board-read table tr.etcArea ul .td { float:left; width:140px; padding:13px 0 13px 0; text-align: center; }

.xans-board-read .btnArea { width:1200px; text-align:right; overflow:hidden; margin:20px auto 50px; }
.xans-board-read .btnArea.miniType { margin:10px 0 20px; padding:0 15px; }
.xans-board-read .btnArea img { float:left; padding:0 1px 0 0; cursor:pointer;  }
.xans-board-read .btnArea p.btnLeft { float:left; }
.xans-board-read .btnArea p.btnRight { float:right; }
.xans-board-read .btnArea p.btnRight img { float:left; padding:0 0 0 1px; }

/* read-»óǰŸÀÔ */
.xans-board-product { width: 1200px; margin: 0 auto; overflow:hidden; padding:9px 9px 0 9px; /*background:#f0e4d9;*/  }
.xans-board-product .prdThumb { width: 10%; float: left; }
.xans-board-product .prdThumb img {
	width: 100%;
}
.xans-board-product p.prdArea { float:left; margin:0; border:1px solid #fff; }
.xans-board-product p.prdArea img { width:86px; }
.xans-board-product .prdInfo {  float: left; padding:10px 0 0 20px; }
.xans-board-product .prdInfo h3 { font-size:15px;}
.xans-board-product .prdInfo h3 img { vertical-align:middle;  }
.xans-board-product .price { margin:15px 0; font-size:16px; font-weight:bold; color:#34a7b3; }
.xans-board-product .btn {}


.xans-board-commentlist .boardReply { border-top:3px solid #333;  border-bottom:3px solid #333; }
.xans-board-commentlist .boardReply li { padding:5px; border:none; text-align:left; border-bottom:1px dotted #bdc0cb; line-height:1.4em; }
.xans-board-commentlist .boardReply li strong,
.xans-board-commentlist .boardReply li span { padding:0 5px 0 0; font-size:11px; }
.xans-board-commentlist .boardReply li span.comment { display:block; clear:both; word-wrap:break-word; }

.xans-board-commentlist .btnArea { text-align:right; overflow:hidden; margin:10px 0 20px; padding:0 15px; }
.xans-board-commentlist .btnArea img { float:left; padding:0 1px 0 0; cursor:pointer; }
.xans-board-commentlist .btnArea p  { float:left; }

.xans-board-commentpaging { clear:both; padding:13px 0; margin:20px 0; text-align:center; }
.xans-board-commentpaging p,
.xans-board-commentpaging ol,
.xans-board-commentpaging li { display:inline; }
.xans-board-commentpaging img {vertical-align:middle; }
.xans-board-commentpaging ol { margin:0 7px; }
.xans-board-commentpaging li { margin:0 9px 0 0; padding:0 0 0 11px; font-size:.9em; background:url(/design/twinkring/pc/img//bg_page.gif) left center no-repeat; }
.xans-board-commentpaging li:first-child { background:none; }
.xans-board-commentpaging li strong { color:#f26522; }
.xans-board-commentpaging li a { color:#202020; }
.xans-board-commentpaging li a:hover { color:#f26522; text-decoration:underline; }
.xans-board-commentpaging a.nolink { cursor:default; }

.xans-board-commentwrite { margin:20px 0; padding:15px 20px; border:1px solid #d2d2cf; background:#ececec; font-size:.9em; }
.xans-board-commentwrite legend { display:none; }
.xans-board-commentwrite p { padding:5px 0; color:#000; }
.xans-board-commentwrite p label { padding:0 10px 0 0; }
.xans-board-commentwrite p a { margin:0 -2px 0 0;}
.xans-board-commentwrite textarea { width:620px; height:46px; }
.xans-board-commentwrite p.grade input { border:0; padding:0; background:none; }
.xans-board-commentwrite input,
.xans-board-commentwrite textarea { border:1px solid #bcbcbc; background:#fff; color:#202020; padding:1px 0 2px 4px; }
.xans-board-commentwrite #attendCommentBtnWrap input { border:none !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; }

.xans-board-commentform { margin:20px 0; padding:15px 20px; border:1px solid #d2d2cf; background:#ececec; font-size:.9em; }
.xans-board-commentform legend { display:none; }
.xans-board-commentform p { padding:5px 0; color:#000; }
.xans-board-commentform p label { padding:0 10px 0 0; }
.xans-board-commentform p a { margin:0 -2px 0 0;}
.xans-board-commentform textarea { width:560px; height:46px; }
.xans-board-commentform p.grade input { border:0; padding:0; background:none; }
.xans-board-commentform input,
.xans-board-commentform textarea { border:1px solid #bcbcbc; background:#fff; color:#202020; padding:1px 0 2px 4px; }
.xans-board-commentform #attendCommentBtnWrap input { border:none !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; }

.boardComment li { padding: 8px; border-bottom:1px solid #e6e6e6; }
.boardComment li.first { border-top:1px solid #e6e6e6; }

.xans-board-movement { width:1200px; border-top:2px solid #333; border-bottom:2px solid #333; margin:30px auto; }
.xans-board-movement li { padding:7px 10px; border-bottom:1px dotted #bdc0cb; display:flex; justify-content:flex-start; align-items:center; }
.xans-board-movement li strong { padding: 15px; width:100px; color:#8f8f8f; font-weight:normal; background:url(/design/twinkring/pc/img//bg_movePrev.gif) 55px center no-repeat; }
.xans-board-movement li a {  }
.xans-board-movement li a,
.xans-board-movement li a:hover { color:#8f8f8f; }
.xans-board-movement li.next { border:none; }
.xans-board-movement li.next strong { color:#202020; background:url(/design/twinkring/pc/img//bg_moveNext.gif) 55px center no-repeat;}

#comment_form{display:none}
/* BASIC css end */