@charset "euc-kr";
@import "common_j.css";
@import "font.css";

.right-area h3.cateTitle {width:820px;height:20px;overflow:hidden;background:url('../img/sub/icon_01.gif') no-repeat 0 0;}
.cateTitle ul {width:100%;height:20px;overflow:hidden;font-weight:normal;font-size:12px;background:url('../img/sub/catebg.gif') repeat 0 0;}
.cateTitle li {float:left;height:100%;margin-right:5px;line-height:20px;}
.cateTitle li.ford {padding-left:17px;}
.cateTitle li.sub {background:url('../img/sub/catesub.gif') no-repeat center 15px;}
.cateTitle a {font:normal 12px 'dotum','돋움';color:#111;text-decoration:none;line-height:20px;}
.cateTitle a:hover{color:#999;text-decoration:underline;}

.right-area .catesub {width:820px;margin:-1px 0 15px 0;border-right:1px solid #ababab;border-bottom:1px solid #ababab;border-left:1px solid #ababab;overflow:hidden;}
.catesub dl {width:800px;margin:10px auto 0 auto;overflow:hidden;}
.catesub dd {float:left;width:148px;height:19px;margin-bottom:10px;line-height:20px;padding:0 5px 0 7px;background:url('../img/sub/icon_05.gif') no-repeat 0 5px;}

.catesub a {font:normal 12px 'dotum','돋움';color:#111;text-decoration:none;}
.catesub a:hover {color:#999;text-decoration:underline;}

/* 각 카테고리별 베스트 상품 */
.right-area .mainBest {width:835px;margin-top:16px;overflow:hidden;}
.mainBest p.title {width:100%;height:30px;line-height:25px;margin:0;padding:0;overflow:hidden;}
p.title span.red {font-size:1.2em;color:#C60000;font-weight:bold;}
p.title span.blk {font-size:1.2em;color:#2C2C2C;font-weight:bold;}
p.title span.txt {color:#959595;font-size:11px;}

.mainBest ul.bestul {width:818px;border:1px solid #eaeaea;overflow:hidden;}
ul.bestul li {float:left;width:163px;height:100%;}

.mainBest dl {z-index:1;position:relative;width:130px;height:208px;}
.mainBest dl dt {z-index:10;position:absolute;top:30px;left:-13px;width:130px;height:48px;}
.mainBest dl dd {z-index:1;position:absolute;}
.mainBest dl dd.thmimg {top:30px;left:0;width:128px;height:128px;border:1px solid #ECECEC;text-align:center;}
.mainBest dl dd.gdnm {top:166px;left:0;width:130px;height:18px;text-align:center;color:#555;line-height:18px;white-space:normal;text-overflow:ellipsis;overflow:hidden;}
.mainBest dl dd.gdpric {top:185px;left:0;width:130px;height:20px;font-weight:bold;text-align:center;color:#555;}
.mainBest dd.thmimg img {width:100%;height:100%;vertical-align:top;}

.mainBest dl.best1 {margin:0 9px 0 24px;}
.mainBest dl.best1 dt {background:url('/img/main/best1.png') no-repeat 0 0;}

.mainBest dl.best2 {margin:0 13px 0 21px;}
.mainBest dl.best2 dt {background:url('/img/main/best2.png') no-repeat 0 0;}

.mainBest dl.best3 {margin:0 17px 0 17px;}
.mainBest dl.best3 dt {background:url('/img/main/best3.png') no-repeat 0 0;}

.mainBest dl.best4 {margin:0 21px 0 13px;}
.mainBest dl.best4 dt {background:url('/img/main/best4.png') no-repeat 0 0;}

.mainBest dl.best5 {margin:0 24px 0 9px;}
.mainBest dl.best5 dt {background:url('/img/main/best5.png') no-repeat 0 0;}

.mainBest dl.best6 {margin:0 9px 0 24px;}
.mainBest dl.best6 dt {background:url('/img/main/best6.png') no-repeat 0 0;}

.mainBest dl.best7 {margin:0 13px 0 21px;}
.mainBest dl.best7 dt {background:url('/img/main/best7.png') no-repeat 0 0;}

.mainBest dl.best8 {margin:0 17px 0 17px;}
.mainBest dl.best8 dt {background:url('/img/main/best8.png') no-repeat 0 0;}

.mainBest dl.best9 {margin:0 21px 0 13px;}
.mainBest dl.best9 dt {background:url('/img/main/best9.png') no-repeat 0 0;}

.mainBest dl.best10 {margin:0 24px 0 9px;}
.mainBest dl.best10 dt {background:url('/img/main/best10.png') no-repeat 0 0;}

/* category Search */
.right-area .catesearch {width:818px;height:53px;background-color:#F7F7F7;border:1px solid #aaa;margin:15px 0;}
.catesearch ul.frm {width:790px;height:26px;margin:13px auto;overflow:hidden;}
.catesearch li {float:left;height:26px;}
.catesearch li.img {width:188px;margin-right:10px;}
.catesearch li.img img {width:100%;height:100%;vertical-align:top;}
.catesearch li.text {width:400px;}
.catesearch li.text input#subkwd {width:100%;height:26px;padding:0;font-weight:bold;font-size:12px;border:1px solid #ccc;padding:0 5px;border-right-style:none;}
.catesearch li.submit {width:63px;}
.catesearch li.submit img {width:63px;height:26px;cursor:pointer;}
.catesearch li.listbtn {width:63px;margin-left:5px;}
.catesearch li.listbtn input {width:63px;height:26px;border:1px solid #353B4C;background-color:#353B4C;color:#fff;}

.right-area .nonedata{width:820px;height:200px;border-top:2px solid #aaa;border-bottom:1px solid #aaa;line-height:200px;text-align:center;}

/* block page */
ul.order-top {width:100%;height:40px;background-color:#F95A5A;overflow:hidden;}
.order-top li {float:left;height:40px;margin-right:15px;}
li.trdcod {margin:0 20px 0 10px;line-height:40px;}
li.receipt {width:100px;}
li.receipt img {width:100%;height:18px;vertical-align:top;margin-top:10px;}
li.staus {float:right;line-height:40px;}
li.xclose {float:right;width:40px;margin-right:0;}
li.xclose img {width:40px;height:40px;vertical-align:top;cursor:pointer;}

.order-body {width:100%;height:650px;overflow-x:auto;}
.order-body h4 {width:98%;height:20px;margin:10px auto 2px auto;text-align:left;background:url('../img/sub/icon_01.gif') no-repeat 0 0;line-height:20px;}
.order-body h4 span {margin-left:18px;color:#DD0203;}

.order-body table.ordlist {width:98%;border-collapse:collapse;margin:0 auto;border-top:2px solid #666;border-bottom:1px solid #aaa;}
.order-body table.ordlist th {height:27px;font-weight:normal;background-color:#f5f5f5;}
.order-body table.ordlist td {border-top:1px solid #aaa;}
.order-body table.ordlist td.bdr {border-right:1px solid #aaa;}
.order-body table.ordlist td.gdinfo {padding:5px 0;}
.order-body table.ordlist td img.imgstat {width:69px;height:20px;cursor:pointer;margin-top:10px;}

.order-body table.ordlist td dl {width:96%;margin:5px auto;overflow:hidden;}
.order-body table.ordlist td dt {float:left;width:12%;}
.order-body table.ordlist td dd {float:right;width:87%;line-height:1.5;word-wrap:break-word;word-break:break-all;text-align:left;}
.order-body table.ordlist td dt img {width:80px;height:80px;border:1px solid #aaa;}

.order-body .paymnt {width:98%;height:30px;margin:7px auto;}
.paymnt .cncl {float:left;width:69px;height:20px;vertical-align:middle;cursor:pointer;}
.paymnt ul.right {float:right;height:25px;margin-top:5px;overflow:hidden;}
.paymnt ul.right li {float:left;height:100%;margin-left:15px;line-height:25px;}
.paymnt ul.right li img {width:20px;height:20px;}

.order-body .pyrcv {width:98%;margin:20px auto;overflow:hidden;}
.pyrcv table {width:49%;border-collapse:collapse;border-bottom:1px solid #aaa;}
table.payinf {float:left;}
table.delinf {float:right;}

.pyrcv table thead th {width:98%;height:20px;text-align:left;border-bottom:2px solid #666;background:url('../img/sub/icon_01.gif') no-repeat 0 0;}
.pyrcv table thead th span {margin-left:18px;color:#DD0203;}
.pyrcv table tbody th,.pyrcv table tbody td {height:30px;border-top:1px solid #aaa;}
.pyrcv table tbody th {background-color:#F9F9F9;}
.pyrcv table tbody td {text-align:left;}
.pyrcv table tbody .ask {padding:7px 0;word-wrap:break-word;word-break:break-all;}

.order-body img.blkclose {width:99px;height:30px;vertical-align:top;margin:30px 0;cursor:pointer;}

/* 장바구니,관심상품 */
ul.cart-top {width:100%;height:40px;background-color:#F95A5A;overflow:hidden;}
.cart-top li {height:100%;height:40px;line-height:40px;font-size:14px;font-weight:bold;}
.cart-top li.left {float:left;margin-left:10px;color:#fff;}
.cart-top li.right {float:right;margin-right:10px;}
.cart-top li.right span {font-size:18px;font-family:arial;color:#fff;cursor:pointer;}

dl.cart-msg {width:100%;margin-top:20px;border-top:2px solid #F5F5F5;overflow:hidden;}
.cart-msg dt {width:100%;margin:25px 0;text-align:center;}
.cart-msg dd {width:100%;height:36px;margin-bottom:25px;text-align:center;}
.cart-msg dd img {width:106px;height:36px;vertical-align:top;cursor:pointer;}


/* Q&A */
.my-qna-body {width:98%;margin:0 auto;text-align:left;overflow:hidden;}
.my-qna-body h3.qnajemok {width:90%;height:30px;font-size:12px;margin:10px auto 0 auto;line-height:30px;border-bottom:1px solid #d5d5d5; }
.my-qna-body .my-question {width:90%;margin:20px auto;overflow:hidden;}
.my-qna-body .my-anwser {width:90%;margin:0 auto 20px auto;border-top:1px dashed #d5d5d5;overflow:hidden;}
.my-qna-body p.my-qaicon {float:left;width:10%;height:50px;}
.my-qna-body p.my-qaneyong {float:left;width:90%;color:#444;word-wrap:break-word;word-break:break-all;line-height:1.6;overflow:hidden;}
.my-qna-body p.my-noans {float:left;width:90%;height:50px;line-height:50px;}
p.my-qaicon img {width:20px;height:22px;vertical-align:top;margin-top:10px;}
p.my-qaneyong span {float:right;margin-left:15px;}

/* 상품평 */
.my-reform {width:624px;margin:0 auto;text-align:left;overflow:hidden;}
.my-reform dl {width:100%;height:100px;margin-top:20px;border-bottom:1px solid #aaa;overflow:hidden;}
.my-reform dl dt {float:left;width:88px;height:88px;border:1px solid #aaa;overflow:hidden;}
.my-reform dl dd {float:right;width:526px;height:84px;word-wrap:break-word;word-break:break-all;line-height:1.5;}
.my-reform table {width:100%;border-collapse:collapse;margin:0;border-bottom:1px solid #aaa;}
.my-reform table th {width:89px;font-weight:normal;border-right:1px solid #D2D2D2;background-color:#F8F8F8;}
.my-reform table td {width:519px;}
.my-reform table td.txa {height:179px;}
.my-reform table th,.my-reform table td {height:34px;border-bottom:1px solid #D2D2D2;padding-left:15px;}
.my-reform table td input#jemok {width:97%;height:18px;border:1px solid #d5d5d5;background-color:#fff;}
.my-reform table td textarea {width:97%;height:158px;border:1px solid #d5d5d5;background-color:#fff;}
.my-reform table td label {margin-right:50px;vertical-align:middle;}
.my-reform p.reformok {width:100%;height:36px;text-align:center;margin-top:25px;}
.my-reform p.reformok img.refmbtn {width:106px;height:36px;vertical-align:top;cursor:pointer;}
.my-reform p.reformok img.blkclose {margin-top:3px;}


/* noj 테이블 스타일 */
p.title {width:100%;height:20px;line-height:20px;margin:20px 0 5px 0;padding:0;overflow:hidden; }

.table1 { margin: 0 0 20px 0; font-size:12px;}
.table1 th.left { background-color:#f3f3f3; color:#555555; border-top:2px solid #a1d1eb; border-bottom:1px solid #dbdbdb; text-align:center; padding:7px 0; border-right:1px solid #cde3ef;}
.table1 th.right { background-color:#f3f3f3; color:#555555; border-top:2px solid #a1d1eb; border-bottom:1px solid #dbdbdb; text-align:center; padding:7px 0;}
.table1 th.left1 { background-color:#f9f9f9; color:#555555; text-align:center; padding:5px 0; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.table1 th.left1_b { background-color:#f9f9f9; color:#555555; text-align:center; padding:5px 0; border-right:1px solid #e8e8e8; border-bottom:2px solid #dbdbdb;}
.table1 th.left2 { background-color:#f3f3f3; color:#555555; border-bottom:1px solid #dbdbdb; text-align:center; padding:7px 0; border-right:1px solid #cde3ef;}
.table1 th.left2_b { background-color:#f3f3f3; color:#555555;  border-bottom:2px solid #dbdbdb; text-align:center; padding:7px 0; border-right:1px solid #cde3ef;}
.table1 th.top { background-color:#f3f3f3; color:#555555; border-bottom:2px solid #d9373d; border-top:1px solid #dbdbdb; text-align:center; padding:7px 0; }
.table1 th.top1 { background-color:#f3f3f3; color:#555555; border-bottom:1px solid #dbdbdb; border-top:1px solid #dbdbdb; text-align:center; padding:7px 0; }
.table1 th.top2 { background-color:#f3f3f3; color:#555555; border-bottom:2px solid #d9373d; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; text-align:center; padding:7px 0; }

.table1 td.center {padding:5px; text-align:center; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.table1 td.center_r {padding:5px; text-align:center; border-bottom:1px solid #e8e8e8;}
.table1 td.center1 {padding:5px; text-align:center; border-right:1px solid #e8e8e8; border-bottom:2px solid #e8e8e8;}
.table1 td.center1_r {padding:5px; text-align:center; border-bottom:2px solid #e8e8e8;}
.table1 td.center2 {padding:7px 0; text-align:center; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; border-top:1px solid #e8e8e8;}
.table1 th.center2 {background-color:#f3f3f3; padding:7px 0; text-align:center; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; border-top:1px solid #e8e8e8;}
.table1 td.center2_r {padding:7px 0; text-align:center; border-bottom:1px solid #e8e8e8; border-top:1px solid #e8e8e8;}

.table1 td.center_top {padding:5px; border-right:1px solid ##e8e8e8; border-bottom:1px solid #e8e8e8; border-top:2px solid #a1d1eb;}
.table1 td.center_top_r {padding:5px; border-bottom:1px solid #e8e8e8; border-top:2px solid #a1d1eb;}
.table1 td.center_b {padding:5px; text-align:center; border-right:1px solid #e8e8e8; border-bottom:2px solid #dbdbdb;}
.table1 td.center_r_b {padding:5px; text-align:center; border-bottom:2px solid #dbdbdb;}

.table1 td.left {padding:5px; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.table1 td.left_r {padding:5px; border-bottom:1px solid #e8e8e8;}
.table1 td.left_b {padding:5px; border-right:1px solid #e8e8e8; border-bottom:2px solid #dbdbdb;}
.table1 td.left_r_b {padding:5px; border-bottom:2px solid #dbdbdb;}
.table1 td.left1 {padding:5px; color:#555; font-weight:bold; background:#ECFEE9; border-right:1px solid #cde3ef; border-bottom:1px solid #e8e8e8; text-align:center;}
.table1 td.left1_r {padding:5px; color:#555; font-weight:bold; background:#F4FFF3; border-bottom:1px solid #e8e8e8; text-align:center;}
.table1 td.left1_l {padding:5px; background:#F4FFF3; border-bottom:1px solid #e8e8e8;}
.table1 td.left2_r {padding:5px; border-bottom:2px solid #e8e8e8; text-align:center;}
.table1 td.left_t {padding:5px; background:#F4FFF3; border-bottom:2px solid #e8e8e8; border-right:1px solid #e8e8e8; text-align:center;}

.table1 td.hr1 {border-right:none; text-align:center; border-bottom:1px solid #e8e8e8;}
.table1 td.hr2 {border-right:none; text-align:center; border-bottom:2px solid #e8e8e8;}
.table1 td.hr3 {border-right:none; text-align:center; border-bottom:2px solid #dbdbdb;}

/* noj 추가 */
.catebanner {width:820px; margin-bottom:15px;overflow:hidden;}