/* BASIC css start */
/* page-hd */
#productPlan .page-hd { border:1px solid #ebe3dd; margin-top: 20px; margin-bottom:15px; padding: 10px 0px 28px 0px; font-family: 'Nanum Gothic', serif; }
#productPlan .page-hd .order { float: left; padding-left:10px; }
#productPlan .page-hd .pick { float: right;  padding-right:10px; font-family: 'Nanum Gothic', serif; }
#productPlan .page-hd .pick select { width: 300px; border: 1px solid #c5c5c5; font-size:12px; color:#000; font-family: 'Nanum Gothic', serif; }
/* page-body */
#productPlan .page-body { padding-bottom: 80px; }
#productPlan .page-body .visual { margin-top: 0px; }
#productPlan .page-body .event-title { padding-top:20px; font-size:25px; color:#000; font-family: 'Libre Baskerville', serif; text-align:center; }
#productPlan .page-body .event-sub-title { font-size:14px; color:#000; font-family: 'Nanum Gothic', serif; margin-top:5px; text-align:center; padding-bottom:20px; }
#productPlan .page-body .event-sub-title .subname { }
#productPlan .page-body .event-sub-title .date { position: absolute; right:0; }

#productPlan .page-body .clst { text-align:center; margin-top:20px; margin-bottom:20px; }
#productPlan .page-body .clst li { display: inline-block; width: 23.1%; text-align:center; padding:10px; margin-right:10px; margin-bottom:10px; background-color: #fcf7f3; border:1px solid #ebe3dd; height: 25px; line-height: 25px; }
#productPlan .page-body .clst li:hover { background-color: #fff; border:1px solid #ebe3dd;  }
#productPlan .page-body .clst li a { color:#3c3937; font-size:14px; }
#productPlan .page-body .cate-warp { position: relative; background-color: #FCF7F3; color: #3c3937; font-size: 14px; text-align: center; margin:70px 0px 60px 0px; border: 1px solid #ebe3dd; padding: 20px 0px; }
#productPlan .page-body .cate-name { font-size:14px; }
#productPlan .page-body .top { position: absolute; top: 50%; right: 5px; font-size: 24px; color:#3c3937; transform: translateY(-50%); }
#productPlan .page-body .top:hover { position: absolute; top: 50%; right: 5px; font-size: 24px; color:#c2935f; transform: translateY(-50%); }

.event_title { text-align:center; }


/* »óÇ°Áø¿­ */


.tab_prdwarp {  max-width: 1680px; }
.tab_prdwarp ul {  }
.tab_prdwarp ul li { display: inline-block; width: 19.4%; margin: 0px 10px 20px 0px; }
.tab_prdlist02 li { display: block;  }
.tab_prdlist02 .dsc { margin-top: 20px; color: #1b1b1b; font-size: 15px; font-weight: 400; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 300px; }
.tab_prdlist02 .subname { margin-top: 5px; color: #c39562; font-family: 'Nanum Gothic', serif; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: 0.02em; max-width: 300px; }
.tab_prdlist02 .price { position: relative; margin-top: 25px; color: #000; font-size: 17px; font-weight: 700; text-align: left; max-width: 300px; }
.tab_prdlist02 .consumer { margin-left: 7px; color: #999; font-size: 16px; font-weight: 300; text-align: left; text-decoration: line-through; }
.tab_prdlist02 .salebox2 { }
.tab_prdlist02 #sale_bg { position: absolute; top: 0; right: 0px; color: #ff4800; font-size: 16px; font-weight: 300; }
.tab_prdlist02 .icon { margin-top: 18px; font-size: 0px; text-align: left; }
.tab_prdlist02 .icon img { padding-right: 5px; }
.tab_prdimg { text-align:center; }
.tab_prdlist02 { position: relative; width: 100%; padding: 0; text-align: left; }
.tab_prdlist01 { padding: 10px; border: 1px solid #e9e9e9; }
/* BASIC css end */