/* Event CSS 입니다 / 작업자 : 정선화(lemoncloud@eluocnc.com) */

/* 탭 */
.Tab {height:39px; overflow:hidden; background:url('/img/shop/ProdSort_line.gif') repeat-x left bottom;}
.Tab li {float:left; height:35px; padding-top:2px;}
.Tab li img {vertical-align:top;}

/* 특별기획전 리스트 */
ul.SpProjectList {padding-top:20px; padding-left:10px; }
ul.SpProjectList li {margin-bottom:20px; }
ul.SpProjectList li.last {margin-bottom:0; }
ul.SpProjectList li img {border:1px solid #D2D2D2; padding:2px;}

/* 특별기획전 보기 */
ul.HitList {float:left; margin-bottom:0px; margin-top:20px; padding-left:8px; padding-right:12px; overflow:hidden;}
ul.HitList li {float:left; width:140px; height:240px; margin-bottom:10px; margin-right:30px;text-align:center;}
ul.HitList li.last {margin-right:0; }
ul.HitList li span {display:block;font-size:0.95em; }
ul.HitList li span.hit_k {}
ul.HitList li span.hit_e {font-weight:bold; color:#333333; }
ul.HitList li span.hit_price {display:inline; padding-left:13px; color:#CC0000; font-weight:bold; background:url('/img/i/icon_won.gif') no-repeat left 1px;}

/* 이벤트 리스트 */
ul.EventList {height:111px; padding-top:20px; border-bottom:1px solid #E2E2E2;overflow:hidden; }
ul.EventList li {float:left; overflow:hidden; width:310px; }
ul.EventList li.Image {width:330px; padding-left:10px; padding-right:10px;}
ul.EventList li.Image img {border:1px solid #D2D2D2; padding:2px;}
ul li.noList {width:100%; padding-top:60px; height:71px; border-bottom:1px solid #E2E2E2;}

ul.EventList li span {float:left; padding-left:9px; padding-top:2px;  padding-right:11px; background:url('/img/i/icon_grey_arrow.gif') no-repeat 0 4px;}
ul.EventList li span img {vertical-align:middle;}
ul.EventList li.name {height:22px; padding-top:10px;background:url('/img/event/dot_line_bg.gif') repeat-x left bottom;}
ul.EventList li.name p {font-weight:bold; color:#333333;}
ul.EventList li.name p a { color:#333333;}
ul.EventList li.period {height:22px; padding-top:7px; background:url('/img/event/dot_line_bg.gif') repeat-x left bottom;}
ul.EventList li.period p {font-size:0.95em; color:#898989;}
ul.EventList li.period strong {font-size:1.1em; color:#996699;}
ul.EventList li.period strong.end {font-size:1.1em; font-weight:normal; color:#898989;}
ul.EventList li.announce {height:22px; padding-top:7px; }
ul.EventList li.announce p {font-size:0.95em; color:#898989;}

/* 상세보기 */
.EventTit {width: 650px; height: 45px; padding: 11px 0 0 20px; background: url("/img/tctown/photoreview_view_titbg.gif") no-repeat 0 0; color: #898989; font-size: 11px;}
.EventTit p {color: #333333; font-weight: bold; font-size: 14px; padding-bottom: 5px;}
.EventTit p strong {color: #959421;}
.EventTit span strong {color: #959421; font-weight: normal;}
.EventTit em { color: #d2d2d2; font-style: normal; padding: 0 5px;}
.EventTit .recommendation {position: relative;top: -14px;left: 550px;width: 60px; height: 14px; text-align: right; font-weight: bold; color: #fe6700; padding-left: 20px;}
.EventTit .recommendation img {vertical-align: middle;}
.EventCont {width:630 px; padding: 20px 20px 50px 20px; color: #666666; line-height: 150%; border-bottom:1px solid #C5C5C5;}
.EventCont p.ImgOnly {margin-top:20px;}
.EventCont img {margin-bottom: 20px;}

/* 뷰티테스터 리스트 */
p.bbsTopBg {position:absolute;top:-75px; left:498px;}
p.winnerBg {position:absolute;top:-70px; left:478px;}
.eventList2 {position:relative; width: 670px; background: url("/img/tctown/new_prod_th.gif") no-repeat 0 0; }
.eventList2 th {height: 33px;}
.eventList2 td {border-bottom: 1px solid #e1e1e1; color:#898989; text-align: center;padding: 6px 0;}
.eventList2 td strong {color:#996699;}
.eventList2 td.end {border-bottom: 1px solid #c5c5c5;}
.eventList2 td.tit {text-align: left;}
.eventList2 td.tit a {color: #666666; }
.eventList2 td.period {font-size:0.95em; color:#898989; }
.eventList2 td.hits {font-size:0.95em; color:#898989; }

/* 버튼 */
.btnRightWrap {width: 670px; height: 20px; margin-top: 15px; text-align: right;}
.btnRightWrap2 {position: relative;top: -20px;left: 0;width: 670px; height: 20px; margin-top: 15px; _margin-top: -4px; text-align: right;}
.btnRightWrap3 {position: relative;top: -20px;left: 0;width: 670px; height: 20px; margin-top: 15px; _margin-top: -2px; text-align: right;}
.btnRightWrap4 {width: 670px; height: 20px; padding-top: 15px; text-align: right; border-top: 1px solid #c5c5c5;}
.btnRightWrap5 {width: 670px; height: 34px; padding-top: 15px; padding-bottom: 40px; text-align: center; border-top: 1px solid #c5c5c5;}

/* 리플 관련 */
.replyBox {width: 650px; height: 109px;background: url("/img/tctown/reply_box.gif") no-repeat 0 0; padding: 16px 0 0 20px; margin-top: 45px; font-size: 11px;}
.replyBox img {vertical-align: middle;}
.replyBox strong {color: #ed5f00;}
.replyBox textarea {width: 556px;height: 40px;border: 1px solid #d2d2d2; margin: 9px 0 8px 0;}
.replyBox span img {margin-top: -32px;}
.commentsCont {float: left; width: 630px; background: url("/img/tctown/reply_dotline.gif") repeat-x 0 bottom; padding: 10px 0; margin-left: 20px; _margin-left: 10px;}
.commentsCont span {display: block; float: left; width: 80px; background: url("/img/i/icon_comments.gif") no-repeat 0 4px; padding: 0 0 0 16px; font-size: 11px; color: #996699;}
.commentsCont p {float: left; width: 530px;}
.commentsCont em {font-style: normal; font-size: 11px; color: #aaaaaa;}
.commentsCont img {vertical-align: middle;}