/* BASIC css start */
.bbs-link { font-size:0 }
.bbs-link a { margin:0 2px }
.bbs-link a.delete { padding: 0 3px 0 5px; }
.bbs-link a.reply { padding: 0; }

.bbs-table-view .data-bd-cont { padding: 20px 0 40px 0; color:#8d8d8d }
.bbs-table-view hr { display: block; }

.input-style2 { width: 120px; margin: 0px 5px; }

.list-link { padding:10px 15px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }
.list-link li { padding:10px 0px }
.list-link li a { color:#828282 }
.list-link span.arrow { padding: 0px 5px 0px 15px; color: #828282; font-weight:bold }
.list-link span.arrow.prev { background: url(/images/d3/modern_simple/common/icon_prev_arrow.gif) no-repeat left 1px }
.list-link span.arrow.next { background: url(/images/d3/modern_simple/common/icon_next_arrow.gif) no-repeat left 1px }

.data-bd-cont .add_info { float: left; border: 1px solid #e5e5e5; width: 97%; padding: 5px 10px; line-height: 150%; margin-bottom: 10px; }
.data-bd-cont .add_title { float: left; width: 30%; font-weight: bold; }
.data-bd-cont .add_content { float: left; width: 70%; }
.data-bd-cont .attach { text-align: center; margin-bottom: 10px; }
/* 관련 상품 목록 */
.fixed-img-collist { margin-top:10px; padding-top:10px; border-top:1px solid #e5e5e5;}
.list-tit { padding-left:7px; color:#9d9d9d; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 50%;}
.fixed-img-collist ul { padding:15px 11px 0;}
.fixed-img-collist ul li { float:left; padding:0 10px 15px; text-align:center;}
.fixed-img-collist ul li a { display:block; width:150px; font-size:11px; color:#9d9d9d;}
.fixed-img-collist ul li a span.prd img { width:142px; height:142px; margin-bottom:8px; padding:3px; border:1px solid #d8d8d8;}
.fixed-img-collist ul li p { padding:1px; font-size:11px; color:#666; font-weight:bold;}
/* 상품 상단 정보 */
.prd-tinfo { margin-top:10px; zoom: 1; overflow: hidden; padding:20px 0 20px 107px; border:1px solid #e4e4e5 }
.prd-tinfo dt,
.prd-tinfo dd { position: relative; float: left; }
.prd-tinfo dt { left: -87px; margin-right: -87px; width:70px; height:70px }
.prd-tinfo dt img {  width: 100%; height: 100%; }
.prd-tinfo dd { width: 100%;  }
.prd-tinfo dd ul {  }
.prd-tinfo dd ul li { padding-top:14px }
.prd-tinfo dd ul li .tit { font-weight:bold }
/* 개인정보보호정책 동의 */
.privercy-contract textarea {  height: 60px; width: 660px; }
.privercy-contract-tap { height:30px; }
.privercy-contract-tap li a { padding: 7px 10px; }
/* 개인정보 수집 이용 */
.privercy-contract .tbl { width:100% !important; padding:0; margin:0; border-spacing:0; border-collapse:collapse; border-top: 1px solid #dadada; border-left: 1px solid #dadada; }
.privercy-contract .tbl caption { display:none; }
.privercy-contract .tbl th { line-height:32px; color: #3b3b3b; font-size:12px; font-weight:bold; background: #f0f0f0; text-align:center; }
.privercy-contract .tbl th,
.privercy-contract .tbl td { height:32px; padding:0; margin:0; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; letter-spacing:-1px }
.privercy-contract .tbl td .txt-l { padding:5px 3px; margin:0; text-align:left; }




/* read */
.xans-board-read .boardView table { table-layout:fixed; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background:#fbfbfb; }
.xans-board-read table th { width:60px; padding:10px 0 8px 20px; border-top:1px solid #e8e8e8; text-align:left; font-weight:normal; }
.xans-board-read table td { width:auto; padding:10px 0 8px 10px; border-top:1px solid #e8e8e8; }
.xans-board-read table tr:first-child th,
.xans-board-read table tr:first-child td{ border-top:0; }

.xans-board-read table td.title { color:#000; font-weight:bold; }
.xans-board-read table td .date { margin-left:30px; }
.xans-board-read table td .recom { margin-left:20px; }
.xans-board-read table td .hit { margin-left:20px; }
.xans-board-read table td .grade { margin-left:20px; }

.xans-board-read table td img { vertical-align:middle; }
.xans-board-read table a { text-decoration:none; }
.xans-board-read table tr.view td { padding:0; border:0; }
.xans-board-read table tr.view .detail { position:relative; z-index:2; margin:0; padding:30px 0; border-top:1px solid #e8e8e8; background:#fff; word-break:break-all; color:#222; line-height:1.7;  }
.xans-board-read table tr.view ol,
.xans-board-read table tr.view ul { margin:15px 0; padding:0 0 0 40px; }
.xans-board-read table tr.view ol li { list-style:decimal; }
.xans-board-read table tr.view ul li { list-style:disc; }

.xans-board-read table tr.attach a { padding:0 0 0 12px; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/board/ico_attach1.gif") no-repeat 0 0; color:#222; }
.xans-board-read table tr.attach a:hover { color:#ff0000; }
.xans-board-read table .info { margin:0 0 0 5px; color:#757575; font-size:11px; }
.xans-board-read table input { height:20px; padding:2px; border:1px solid #d9d9d9; }

.xans-board-read .button { position:relative; width:100%; padding:20px 0; overflow:hidden; }

/* read - 상품 */
.xans-board-product { position:relative; margin:0; padding:15px 20px; border:1px solid #e8e8e8; border-bottom:0; background:#fbfbfb; overflow:hidden; }
.xans-board-product .prdThumb { position:relative; float:left; width:120px; }
.xans-board-product .prdThumb img { width:100px; }
.xans-board-product .prdInfo { position:relative; padding:0; float:left; }
.xans-board-product .prdInfo .icon_img { margin:0 1px 0 0; }
.xans-board-product .prdInfo h3 { font-size:12px; color:#222; font-weight:normal; padding:2px 5px; }
.xans-board-product .prdInfo .price { font-size:12px; line-height:1.8; padding:2px 5px; }
.xans-board-product .prdInfo .button { margin:5px 0; padding:0; }
.xans-board-commentlist { border:0px solid #d7d5d5; border-top:0; }
.xans-board-commentlist .btnArea { position:relative; width:100%; padding:10px 0; overflow:hidden; border-top:1px solid #e9e9e9; }

/* 댓글 리스트*/
.xans-board-commentlist .boardComment li { position:relative; margin:0; border-top:1px solid #e9e9e9; color:#353535; line-height:140%; }
.xans-board-commentlist .boardComment li:first-child { margin:0 }
.xans-board-commentlist .boardComment li div.commentTop { overflow:hidden; padding:12px 0 10px 10px; border-bottom:1px solid #e9e9e9; background:#fbfbfb; }
.xans-board-commentlist .boardComment li .name { float:left; }
.xans-board-commentlist .boardComment li .name input { width:13px; height:13px; margin:0 2px 0 0; vertical-align:-2px; *vertical-align:2px; }
.xans-board-commentlist .boardComment li .date { margin:1px 10px 0 15px; font-size:11px; color:#999; }
.xans-board-commentlist .boardComment li .button { position:absolute; top:7px; right:10px; }
.xans-board-commentlist .boardComment li .comment { clear:both; padding:15px 10px; word-break:break-all; background:#fff; }

/* 댓글의 댓글 */
.xans-board-commentlist .boardComment li.replyArea { overflow:hidden; margin:0 30px; padding:0; border-top:1px solid #e9e9e9; }
.xans-board-commentlist .boardComment li.replyArea:last-child { margin-bottom:10px;}
.xans-board-commentlist .boardComment li.replyArea div.commentTop { border-bottom:0; background:#fff; }
.xans-board-commentlist .boardComment li.replyArea .comment { padding:5px 10px 10px; }
.xans-board-commentlist .boardComment li.replyArea .button { right:5px; }
.xans-board-commentlist .boardComment li.replyArea .xans-board-commentformsecret { margin:10px 35px 10px 0; }

/* 코멘트 페이징 */
.xans-board-commentpaging { margin:10px 0 50px; padding:20px 0; text-align:center; border:1px solid #d7d5d5; background-color:#fbfafa; }
.xans-board-commentpaging p { display:inline-block; *display:inline; *zoom:1; margin:0 13px; }
.xans-board-commentpaging ol { display:inline-block; font-size:0; line-height:0; *display:inline; *zoom:1; *margin:0; }
.xans-board-commentpaging li { display:inline-block; font-size:12px; *display:inline; *zoom:1; }
.xans-board-commentpaging img { vertical-align:middle; }
.xans-board-commentpaging li a { display:block; margin:0 5px 0; padding:2px; font-weight:bold; color:#353535; line-height:14px; }
.xans-board-commentpaging li a:hover { text-decoration:none; }
.xans-board-commentpaging li a.this { color:#008bcc; text-decoration:underline; }
.xans-board-commentpaging a.nolink { cursor:default; }

/* 댓글 쓰기 */
.xans-board-commentwrite { margin:0 0 20px; padding:5px 20px 20px; border:1px solid #e9e9e9; background:#fbfbfb; color:#353535; }
.xans-board-commentwrite legend { visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0; }
.xans-board-commentwrite p { margin:10px 0 0; }
.xans-board-commentwrite p.captcha { border-top:1px solid #e9e9e9; padding:15px 0 0 0; font-size:11px; color:#757575; }
.xans-board-commentwrite p.captcha img { vertical-align:middle; }
.xans-board-commentwrite strong { display:block; margin:0 0 10px 0; }
.xans-board-commentwrite input[type=text],
.xans-board-commentwrite input[type=password],
.xans-board-commentwrite textarea { padding:2px 2px 2px 4px; border:1px solid #d9d9d9; }
.xans-board-commentwrite input { width:135px; height:20px; margin:0 10px 0 9px; }
.xans-board-commentwrite .secret input { width:13px; height:13px; margin-right:3px; }
.xans-board-commentwrite .secret { margin:0 20px 0 0; }
.xans-board-commentwrite textarea { width:100%; height:44px; margin:0 5px 0 0;}
.xans-board-commentwrite .view { position:relative; margin:10px 0 0; padding:0 95px 0 0; }
.xans-board-commentwrite .submit { position:absolute; top:0; right:0; }
.xans-board-commentwrite p.grade input { width:13px; height:13px; margin:0 2px 0 0; padding:0; border:0; vertical-align:-2px; *vertical-align:1px; }
.xans-board-commentwrite p.grade label { padding:0 10px 0 0; }
.xans-board-commentwrite p.grade em { font-style:normal; }

/* 댓글의 댓글 쓰기 */
.xans-board-commentreply { margin:20px auto 0px; padding:5px 20px 20px; border:0px solid #e9e9e9; background-color:#fbfafa; color:#353535; }
.xans-board-commentreply legend { visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0; }
.xans-board-commentreply p { margin:10px 0 0; }
.xans-board-commentreply p.captcha { border-top:1px solid #e9e9e9; padding:15px 0 0 0; font-size:11px; color:#757575; }
.xans-board-commentreply p.captcha img { vertical-align:middle; }
.xans-board-commentreply strong { display:block; margin:0 0 10px 0;}
.xans-board-commentreply input[type=text],
.xans-board-commentreply input[type=password],
.xans-board-commentreply textarea { padding:2px 2px 2px 4px; border:1px solid #d9d9d9; }
.xans-board-commentreply input { width:135px; height:20px; margin:0 10px 0 9px; }
.xans-board-commentreply .secret input { width:13px; height:13px; margin-right:3px; }
.xans-board-commentreply .secret { margin:0 20px 0 0; }
.xans-board-commentreply textarea { width:100%; height:44px; margin:0 5px 0 0;}
.xans-board-commentreply .view { position:relative; margin:10px 0 0; padding:0 95px 0 0; }
.xans-board-commentreply .submit { position:absolute; top:0; right:0; }
.xans-board-commentreply p.grade input { width:13px; height:13px; margin:0 2px 0 0; padding:0; border:0; vertical-align:-2px; *vertical-align:1px; }
.xans-board-commentreply p.grade label { padding:0 10px 0 0; }
.xans-board-commentreply p.grade em { font-style:normal; }

/* 댓글 수정 */
.xans-board-commentform { margin:20px auto 0px; padding:5px 20px 20px; border:0px solid #e9e9e9; background-color:#fbfafa; color:#353535; }
.xans-board-commentform legend { visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0; }
.xans-board-commentform p { margin:10px 0 0; }
.xans-board-commentform input[type=text],
.xans-board-commentform input[type=password],
.xans-board-commentform textarea { padding:2px 2px 2px 4px; border:1px solid #d9d9d9; }
.xans-board-commentform input { width:135px; height:20px; margin:0 10px 0 9px; }
.xans-board-commentform .secret input { width:13px; height:13px; margin-right:3px; }
.xans-board-commentform .secret { margin:0 20px 0 0; }
.xans-board-commentform textarea { width:100%; height:44px; margin:0 5px 0 0;}
.xans-board-commentform .view { position:relative; margin:10px 0 0; padding:0 180px 0 0; }
.xans-board-commentform .submit { position:absolute; top:0; right:0; }
.replyArea .xans-board-commentform { margin:10px 20px 10px 0; }

/* 비밀글 관련 */
.xans-board-commentformsecret { margin:10px 25px 0 0; padding:10px 15px; border:1px solid #e9e9e9; background-color:#fbfafa; color:#353535; }
.xans-board-commentformsecret input[type=password] { height:20px; padding:2px 2px 2px 4px; border:1px solid #d9d9d9; }
.xans-board-movement { overflow:hidden; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; margin:40px 0; position:relative; width:100%; }
.xans-board-movement li { overflow:hidden; padding:0 20px; border-bottom:1px solid #e9e9e9; }
.xans-board-movement li strong,
.xans-board-movement li a { float:left; padding:10px; }
.xans-board-movement li strong { width:6%; padding-left:15px; font-weight:normal; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/board/ico_move_prev.gif") no-repeat 0 15px; }

.xans-board-movement li.next { border:0; }
.xans-board-movement li.next strong { background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/board/ico_move_next.gif") no-repeat 0 15px; }

.xans-board-listsgroup {
	margin:0 0 10px;
}
.xans-board-listsgroup h3 {
	margin:0 0 10px;
	font-size:14px;
	color:#222;
}
.xans-board-listsgroup table {
	border-top:1px solid #e8e8e8;
	font-size:12px;
}
.xans-board-listsgroup table th {
	padding:10px 0;
	border-bottom:1px solid #e8e8e8;
	background:#fbfafa;
	font-weight:normal;
}
.xans-board-listsgroup table td {
	padding:10px 0;
	border-bottom:1px solid #e8e8e8;
	text-align:center;
	vertical-align:middle;
}
.xans-board-listsgroup table th:last-child, .xans-board-listsgroup table td:last-child {
	border-right:none;
}
.xans-board-listsgroup table a, .xans-board-listsgroup table a:hover {
}
.xans-board-listsgroup table td.subject {
	font-size:12px;
	text-align:left;
	word-break:break-all;
}
.xans-board-listsgroup table .subject img {
	vertical-align:middle;
	margin:0 1px;
}
.xans-board-listsgroup table .txtLess {
	color:#939393;
	font-size:11px;
}
.xans-board-read table td img {
    max-width: 100%;
}
/* BASIC css end */

