/* BASIC css start */
/* 게시판 전체 공통 */
.xans-board-title .title { min-height:30px; margin:10px 0 20px; border-bottom:1px solid #e8e8e8; }
.xans-board-title .title h2 { display:inline-block; padding:0 0 0 12px; color:#2e2e2e; font-size:16px; *display:inline; *zoom:1; background:url("http://img.echosting.cafe24.com/skin/base/layout/ico_heading.gif") 0 50% no-repeat; }
.xans-board-title .title p { display:inline-block; margin:0 0 0 6px; padding:0 0 0 10px; color:#939393; vertical-align:bottom; background:url("http://img.echosting.cafe24.com/skin/base/layout/ico_bar.gif") no-repeat 0 0; *display:inline; *zoom:1; }
.xans-board-title p.imgArea { margin:0 0 20px; }

/* read */
.xans-board-read .ec-base-table .etcArea li { display:inline-block; margin:0 0 9px; padding:8px 20px 10px; vertical-align:top; line-height:22px; color:#666; }
.xans-board-read .ec-base-table .etcArea li a { text-decoration:none; }
.xans-board-read .ec-base-table .detail { padding:30px 20px; border-top:1px solid #eaeaea; margin:-9px 0 0; word-break:break-all; line-height:normal; }
.xans-board-read .ec-base-table .detail ol,
.xans-board-read .ec-base-table .detail ul { margin:15px 0; padding:0 0 0 40px; }
.xans-board-read .ec-base-table .detail ol li { list-style:decimal; }
.xans-board-read .ec-base-table .detail ul li { list-style:disc; }
.xans-board-read .ec-base-table tr.attach a { padding:0 0 0 12px; background:url("http://img.echosting.cafe24.com/skin/base/common/ico_file.gif") no-repeat 0 0; color:#8f8f8f; }
.xans-board-read .ec-base-table tr.attach a:hover { text-decoration:underline; }

.xans-board-read .ec-base-button { margin:10px 0 40px; }

/* read - 상품 */
.xans-board-product.ec-base-box.typeProduct { margin:0 0 20px; }
.xans-board-product .information .icon_img { margin:0 1px 0 0; }
.xans-board-product .information h3 { margin:17px 0 5px; font-size:14px; color:#2e2e2e; }
.xans-board-product .information .price { font-size:14px; font-weight:bold; color:#008bcc; }
.xans-board-product .information .button { margin:19px 0 0 0; padding:13px 0 0 0; border-top:1px solid #e8e8e8; }


.xans-board-commentlist { border:1px solid #d7d5d5; border-top:0; }
.xans-board-commentlist .ec-base-button.typeBG.spam { border-left:0; border-right:0; border-bottom:0; margin:10px 0 0; }

/* 댓글 리스트*/
.xans-board-commentlist .boardComment li { position:relative; margin:15px 0 0 0; border-top:1px solid #d7d5d5; 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 20px; border-bottom:1px solid #e9e9e9; }
.xans-board-commentlist .boardComment li .name { float:left; }
.xans-board-commentlist .boardComment li .date { margin:1px 10px 0 15px; font-size:11px; }
.xans-board-commentlist .boardComment li .grade {  }
.xans-board-commentlist .boardComment li .button { position:absolute; top:7px; right:20px; }
.xans-board-commentlist .boardComment li .comment { clear:both; padding:20px 0 20px 25px; word-break:break-all; }

/* 댓글의 댓글 */
.xans-board-commentlist .boardComment li.replyArea { overflow:hidden; margin:-1px 20px 0; padding:0 0 0 33px; border:1px solid #e9e9e9; background:url("http://img.echosting.cafe24.com/skin/admin_ko_KR/board/ico_comment.gif") no-repeat 20px 15px; }
.xans-board-commentlist .boardComment li.replyArea:last-child { margin-bottom:15px;}
.xans-board-commentlist .boardComment li.replyArea div.commentTop { border:none; padding-left:5px; }
.xans-board-commentlist .boardComment li.replyArea .comment { padding:0 0 5px 5px; }
.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-commentwrite { margin:30px 0 0; padding:5px 20px 20px; border:1px solid #e9e9e9; background-color:#fbfafa; 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; 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] { width:135px; margin:0 10px 0 9px; }
.xans-board-commentwrite input#captcha { width:85px; }
.xans-board-commentwrite .secret { margin:0 20px 0 10px; }
.xans-board-commentwrite textarea { width:100%; height:44px; padding:2px 2px 2px 4px; }
.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 label { padding:0 10px 0 0; }
.xans-board-commentwrite p.grade em { font-style:normal; }

/* 댓글의 댓글 쓰기 */
.xans-board-commentreply { width:92%; margin:20px auto 0px; padding:5px 20px 20px; border:1px 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; 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] { width:135px; margin:0 10px 0 9px; }
.xans-board-commentreply .secret { margin:0 20px 0 10px; }
.xans-board-commentreply textarea { width:100%; height:44px; padding:2px 2px 2px 4px; }
.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 label { padding:0 10px 0 0; }
.xans-board-commentreply p.grade em { font-style:normal; }

/* 댓글 수정 */
.xans-board-commentform { margin:10px 20px; padding:5px 20px 20px; border:1px 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] { width:135px; margin:0 10px 0 9px; }
.xans-board-commentform .secret { margin:0 20px 0 10px; }
.xans-board-commentform textarea { width:100%; height:44px; padding:2px 2px 2px 4px; }
.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-movement { border:1px solid #d7d5d5; margin:20px 0; }
.xans-board-movement li { overflow:hidden; padding:0 20px; border-bottom:1px solid #e9e9e9; line-height:140%; color:#353535; }
.xans-board-movement li strong,
.xans-board-movement li a { float:left; padding:10px; }
.xans-board-movement li strong { width:6%; padding-left:15px; border-right:1px solid #e9e9e9; font-weight:normal; background:url("http://img.echosting.cafe24.com/skin/base/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/board/ico_move_next.gif") no-repeat 0 15px; }

.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; }
/* BASIC css end */