/* Too Cool Town CSS 입니다 / 작업자 : 설미현(mihyeon@eluocnc.com) */

/* [포토 리뷰] 리스트 */
#Contents .tabMenu { position:relative; left:0; top:0; overflow:hidden; margin-bottom:18px;}
#Contents .tabMenu li {float:left;}
#Contents .tabMenu li img {vertical-align:top;}

.PhotoReviewTOP3 {width: 631px;height: 253px;padding: 15px 0 0 39px;background: url('/img/tctown/photoreview_top3_bg.gif') no-repeat 0 0;margin-bottom: 30px;}
.PhotoReviewTOP3 ul {float:left; }
.PhotoReviewTOP3 li {float:left;width:148px;height:205px;margin-right:15px; padding: 30px 22px 0 18px;background: url('/img/tctown/photoreview_bg.gif') no-repeat 0 0;}
.PhotoReviewTOP3 li p.thumb {padding: 0 0 0 3px;}
.PhotoReviewTOP3 li p.tit {padding-top:8px; padding-bottom:5px; padding-left:2px; font-weight:bold; color:#333; background:url('/img/shop/shop_dd_bg.gif') repeat-x left bottom;}
.PhotoReviewTOP3 li p.tit a {color:#333;}
.PhotoReviewTOP3 li p.tit a:hover {color:#333;}
.PhotoReviewTOP3 li p.tit a:visited {color:#333;}
.PhotoReviewTOP3 li p.tit span {color:#959421; font-weight:normal;}
.PhotoReviewTOP3 li p.writer {padding-top:3px; padding-left:12px; font-size:0.95em; background:url('/img/shop/bg_dot_89.gif') no-repeat 4px 8px;}
.PhotoReviewTOP3 li p.date {padding-left:12px; color:#AAA; font-size:0.95em; background:url('/img/shop/bg_dot_89.gif') no-repeat 4px 8px;}
.PhotoReviewTOP3 li p.hits {padding-left:12px; color:#AAA; font-size:0.95em; background:url('/img/shop/bg_dot_89.gif') no-repeat 4px 8px;}

.PhotoReview {float:left; width: 670px; border-bottom:1px solid #c4c4c4;}
.PhotoReview ul {float:left; }
.PhotoReview li {width:155px; float:left; margin-right:15px; padding-bottom:20px;}
.PhotoReview li.last {margin-right:0px; }
.PhotoReview li.noList {width:670px; text-align:center; padding-top:50px; height:50px; margin-right:0;}
.PhotoReview li p.thumb {padding:5px; background:url('/img/shop/frame_152122.gif') no-repeat left top;}
.PhotoReview li p.tit {padding-top:8px; padding-bottom:5px; padding-left:2px; font-weight:bold; color:#333; background:url('/img/shop/shop_dd_bg.gif') repeat-x left bottom;}
.PhotoReview li p.tit a {color:#333;}
.PhotoReview li p.tit a:hover {color:#333;}
.PhotoReview li p.tit a:visited {color:#333;}
.PhotoReview li p.tit span {color:#959421; font-weight:normal;}
.PhotoReview li p.writer {padding-top:3px; padding-left:12px; font-size:0.95em; background:url('/img/shop/bg_dot_89.gif') no-repeat 4px 8px;}
.PhotoReview li p.date {padding-left:12px; color:#AAA; font-size:0.95em; background:url('/img/shop/bg_dot_89.gif') no-repeat 4px 8px;}
.PhotoReview li p.hits {padding-left:12px; color:#AAA; font-size:0.95em; background:url('/img/shop/bg_dot_89.gif') no-repeat 4px 8px;}

/* [신제품 제안], [쿨 스폰서] 리스트 */
.newProdSuggestImg {position: relative;top: -31px;left: 0;}
.newProdList {width: 670px;background: url("/img/tctown/new_prod_th.gif") no-repeat 0 0; font-size: 11px;}
.newProdList th {height: 33px;}
.newProdList td {border-bottom: 1px solid #e1e1e1;text-align: center;padding: 6px 0;}

.newProdList td.end {border-bottom: 1px solid #c5c5c5;}
.newProdList td.tit {text-align: left;}
.newProdList td.tit span {color:#959421;}
.newProdList td.tit a {color: #666;font-size: 12px;}
.newProdList td.tit a:hover {color: #333;}
.newProdList td.writer {color: #949221;}
.newProdList td.theProgressOf p {color: #949221;}

/* [아트 스쿨] 리스트 */
.artSchoolTab {float: left; padding-bottom: 13px;}
.artSchoolTab li {float: left;}

/* [메이크업 컬럼] 리스트 */
.tipMakeupListBox {width: 640px;height: 142px;padding: 30px 0 0 30px;background: url("/img/tctown/tip_makeup_list_box.gif") no-repeat 0 0;}
.tipMakeupListBox div {float: left;}
.tipMakeupListBox .tipMakeupTit {padding-left:5px;}
.tipMakeupListBox .tipMakeupCont {width: 465px;padding: 17px 0 0 0;}
.tipMakeupListBox .tipMakeupCont .tit {font-size: 14px;}
.tipMakeupListBox .tipMakeupCont .tit span {font-size:1em; color:#959421;}
.tipMakeupListBox .tipMakeupCont .tit span a {color:#959421;}
.tipMakeupListBox .tipMakeupCont .tit span a:hover {color:#959421;}
.tipMakeupListBox .tipMakeupImg {padding: 10px 15px 10px 0;}

.tipMakeupList {float: left;padding: 0 0 15px 0;}
.tipMakeupList li {float: left;width: 670px;border-bottom: 1px solid #e1e1e1;}
.tipMakeupList li div {float: left;}
.tipMakeupList li .tipMakeupCont .tit {font-size: 12px;}

.tipMakeupImg {width: 120px;padding: 15px 10px;}
.tipMakeupImg img {padding: 2px;border: 1px solid #ced3cf;}
.tipMakeupCont {width: 500px;padding: 25px 0;}
.tipMakeupCont .tit {font-size: 12px;color: #333;font-weight:bold;}
.tipMakeupCont .tit a {color: #333;}
.tipMakeupCont .tit a:hover {color: #333;}
.tipMakeupCont .tit a:visited {color: #333;}
.tipMakeupCont .tit span {color:#959421;}
.tipMakeupCont .tit span a {color:#959421;}
.tipMakeupCont .tit span a:hover {color:#959421;}
.tipMakeupCont .cont {padding: 5px 0;}
.tipMakeupCont .cont a {color: #666666;}
.tipMakeupCont .cont a:hover {color: #666666;}
.tipMakeupCont .cont a:visited {color: #666666;}
.tipMakeupCont span {font-size: 11px;color: #898989;}
.tipMakeupCont strong {color: #959420;font-weight:normal;}
.tipMakeupCont em {font-style:normal;font-size: 11px;color: #d2d2d2;}



.PhotoReviewTOP3333 {width: 631px;height: 237px;padding: 15px 0 0 39px;background: url('/img/tctown/photoreview_top3_bg.gif') no-repeat 0 0;margin-bottom: 30px;}
.tipMakeupListBox ul {float:left; }
.tipMakeupListBox li {float:left;width:148px;height:189px;margin-right:15px; padding: 30px 22px 0 18px;background: url('/img/tctown/photoreview_bg.gif') no-repeat 0 0;}
.tipMakeupListBox li p.thumb {padding: 0 0 0 3px;}
.tipMakeupListBox li p.tit {padding-top:8px; padding-bottom:5px; padding-left:2px; font-weight:bold; color:#333; background:url('/img/shop/shop_dd_bg.gif') repeat-x left bottom;}
.tipMakeupListBox li p.tit span {color:#959421; font-weight:normal;}
.tipMakeupListBox li p.writer {padding-left:12px; color:#959421; font-size:0.95em; background:url('/img/shop/bg_dot_89.gif') no-repeat 4px 8px;}
.tipMakeupListBox li p.date {padding-left:12px; color:#AAA; font-size:0.95em; background:url('/img/shop/bg_dot_89.gif') no-repeat 4px 8px;}
.tipMakeupListBox li p.hits {padding-left:12px; color:#AAA; font-size:0.95em; background:url('/img/shop/bg_dot_89.gif') no-repeat 4px 8px;}



/* [포토 리뷰], [신제품 제안], [아트 스쿨], [쿨 스폰서], [미션퍼뮤니즘] 상세보기 */
.PhotoReviewTit {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;}
.PhotoReviewTit p {color: #333; font-weight: bold; font-size: 14px; padding-bottom: 7px;}
.PhotoReviewTit p strong {color: #959421;}
.PhotoReviewTit span strong {color: #959421; font-weight: normal;}
.PhotoReviewTit em { color: #d2d2d2; font-style: normal; padding: 0 5px;}
.PhotoReviewTit .recommendation {position: relative;top: -15px;left: 450px;width: 160px; height: 14px; text-align: right; font-weight: bold; color: #fe6700; padding-left: 20px;}
.PhotoReviewTit .recommendation img {vertical-align: middle;}
.PhotoReviewTit .addfile {position: relative;top: -17px;left: 250px;width: 370px; text-align: right; padding-left: 20px;}
.PhotoReviewTit .file img {vertical-align:middle;}
.PhotoReviewTit .file a {color:#898989;}
.PhotoReviewTit .file a:hover {color:#333;}
.PhotoReviewCont {width:630 px; padding: 20px 20px 50px 20px; color: #666666; line-height: 150%; _overflow-y:hidden; _overflow-x:auto;}
.PhotoReviewCont img {margin-bottom: 20px;}
.PhotoReviewCont .addfile a img {vertical-align:bottom; margin-top:-2px;}

/* 온라인폴 */
.OnlinePollInfo {position:relative;left:-2px; }
.OnlinePollCont {position:relative; left:-2px; width:670px; overflow:hidden; background: url("/img/tctown/op_bg.gif") repeat-y 0 0;}
	.OnlinePollCont .OP_top {width:623px; padding:52px 0 20px 47px; background: url("/img/tctown/op_top.gif") no-repeat 0 0;}
	.OnlinePollCont .OP_choice {width:477px; padding:0 45px 30px 148px; color:#898989; line-height:180%; background: url("/img/tctown/op_end.gif") no-repeat 0 bottom;}
		.OnlinePollCont .OP_choice input {float:left; width:25px;}
		.OnlinePollCont .OP_choice label {float:left; width:440px; margin-top:-6px; _margin-top:-2px;}
		/* Inline Bar Graph */
		.OnlinePollCont .OP_choice dl {width:450px;}
		.OnlinePollCont .OP_choice dt {float:left; width:160px; padding-right:10px; padding-bottom:7px; line-height:135%;}
		.OnlinePollCont .OP_choice dd {width:255px;}
			.OnlinePollCont .OP_choice dd.iGraph { position:relative; white-space:nowrap; line-height:normal;}
			.OnlinePollCont .OP_choice dd.iGraph .gBar { position:relative; display:inline-block; width:200px; height:6px; margin:-2px 15px 0 0; background:url('/img/tctown/icon_poll_result.gif') repeat-x 0 0;}
			.OnlinePollCont .OP_choice dd.iGraph .gBar .gAction { position:relative; display:inline-block; height:6px; background:url('/img/tctown/icon_poll_bar.gif') repeat-x 0 0;}
			.OnlinePollCont .OP_choice dd.iGraph .gPercent {width:40px;}
			.OnlinePollCont .OP_choice dd.iGraph .gPercent strong {font-size:1em; font-family:tahoma; color:#cc0000;}
		.OnlinePollCont .OP_choice .write_reply_essay {padding-top:5px; padding-left:5px;}
		.OnlinePollCont .OP_choice .view_reply_essay {padding-top:3px; padding-left:0px;}
	.OnlinePollCont .OP_total {position:absolute; left:549px; top:0; width:98px; height:133px; z-index:99; background:url("/img/tctown/op_total.png") no-repeat 0 0; behavior:url(/js/Ollehiepngfix.htc);}
	.OnlinePollCont .OP_total p {width:87px; color:#b3bf99; font-weight:bold; padding-top:89px; text-align:center;}

	/* 이전글 다음글 */
.previewArea {width: 670px; height: 63px; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; color: #898989;}
.previewArea .next {height: 10px; border-bottom: 1px solid #ececec; padding: 10px 0;}
.previewArea .prev {height: 10px; padding: 10px 0;}
.previewArea img {margin: 0 20px;}
.previewArea a {color:#898989; text-decoration:none;}
.previewArea a:link {color:#898989;}
.previewArea a:visited {color:#898989;}
.previewArea a:active {color:#898989;}
.previewArea a:hover {color:#898989; text-decoration:underline;}

	/* 공모전 접수하기 */
.contestAccept {width: 670px; height: 20px; border-top: 1px solid #c5c5c5; text-align: center; padding-top:15px;}

	/* 추천하기 */
.recommendationBtn {width: 670px; height: 20px; text-align: center;}
.recommendationBtn img {margin-top: 15px;}

	/* 버튼 */
.btnRightWrap {width: 670px; height: 20px; margin-top: 15px; text-align: right;}
	.btnRightWrap input {vertical-align:middle; margin:0; padding:0;}
	.btnRightWrap img {vertical-align:middle;}
.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;}
.btnRightWrap33 {float: right;}
.btnRightWrap4 {width: 670px; height: 20px; padding-top: 15px; text-align: right; }
.btnRightWrap5 {width: 670px; height: 34px; padding-top: 15px; padding-bottom: 40px; text-align: center; border-top: 1px solid #c5c5c5;}
.btnRightWrap6 {width: 670px; padding-top:7px; padding-bottom: 35px; text-align: center;}
.btnRightWrap6 img {position:relative; margin-left:-2px;}
.btnRightWrap7 {padding:15px 10px 40px 0; text-align: right;}
.btnRightWrap99 {float: right;}
.btnRightWrap999 {border-top: 1px solid #c5c5c5; padding-top:15px; padding-bottom:20px; text-align:center;}
.btnLeftWrap {height: 20px; margin-top: 15px; }

	/* 리플 관련 */
.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: #959421;}
.commentsCont p {float: left; width: 530px;}
.commentsCont em {font-style: normal; font-size: 11px; color: #AAA;}
.commentsCont img {vertical-align: middle;}

	/* [신제품 제안]-관련제품 */
.relatedProducts {float: left;width: 650px;height: 151px;background: url("/img/tctown/related_products_bg.gif") no-repeat 0 0; margin-top: 70px; padding: 16px 0 0 20px;}
.relatedProducts ul {float:left; overflow:hidden; padding-top:15px;}
.relatedProducts ul li {float:left; width:80px; margin-right:28px;text-align:center; }
.relatedProducts ul li img {border:1px solid #EBEAEA;}
.relatedProducts ul li span {display:block; }
.relatedProducts ul li span.title {color:#666666; font-size:0.95em;}
.relatedProducts ul li span.price {display:inline; padding-left:15px; color:#CC0000; font-weight:bold; background:url('/img/i/icon_won.gif') no-repeat 0 1px;}

/* [포토 리뷰], [쿨 스폰서], [아트 스쿨] 쓰기 */
.PhotoReviewWrite {width: 670px; background: url("/img/tctown/photoreview_topbg.gif") no-repeat 0 0; border-bottom: 1px solid #c4c4c4; padding: 20px 0 10px 0;}
.PhotoReviewWrite th {vertical-align: top;}
.PhotoReviewWrite th img {margin-top: 5px;}
.PhotoReviewWrite td {height: 20px; padding-bottom: 9px; }
.PhotoReviewWrite td .input_txt {width: 530px;}
.PhotoReviewWrite td .input_file {width: 300px;}
.PhotoReviewWrite td .file_del {font-size:0.95em; letter-spacing:-0.05em; color:#666;}
.PhotoReviewWrite img {vertical-align: middle;}
.PhotoReviewWrite td em {color: #a29f7c; font-style:normal; font-size: 11px; letter-spacing: -0.05em;}