@import url('global.css');
@import url('layout.css');

/* view */
.templetDetail {margin-bottom:10px; font:12px 'µ¸¿ò', gulim, arial, serif, sans-serif; color:#434343; line-height:142%; font-weight :100; }

/* paging */
.newsPaging {clear:both; text-align:center; margin:0 0 22px; font-size:11px;}
.newsPaging li {display:inline; padding:0 2px 0 8px; font-family:arial; font-size:14px; color:#999; background:url(../images/v_01.gif) no-repeat left center;}
.newsPaging li a.current {font-size:24px; color:#999;}
.newsPaging li a {color:#999; cursor:pointer;}
.newsPaging li * {vertical-align:middle;}
.newsPaging li.fir {background:none;}
.newsPaging li.btn01 {padding:0; margin-right:10px; background:none;}
.newsPaging li.btn02 {padding:0; margin-left:10px; background:none;}

/* credit */
.tempCredit {clear:both; padding-top:2px; background:url(../images/h_01_new.gif) repeat-x left top;}
.tempCredit p {margin:0 0 13px; height:15px; font-family:tahoma; font-size:10px; font-weight:bold; color:#666; background:url(../images/h_01_new.gif) repeat-x left bottom;}
.tempCredit p img {margin-bottom:-2px;}
.tempCredit ul {margin-bottom:7px;}
.tempCredit ul li {padding:0 0 2px 7px; color:#8C8C8C; background:url(../images/bu_01.gif) no-repeat 0 4px;}
.tempCredit dl {margin-bottom:4px; padding-bottom:28px; background:url(../images/bg_line.gif) repeat-x left bottom;}
.tempCredit dl dt {padding:16px 0 8px; background:url(../images/h_01_new.gif) repeat-x left top;}
.tempCredit dl img {vertical-align:top;}
/* 2010³â 9¿ù30ÀÏ Ãß°¡ */
.tempCredit dl .adds {margin-top:20px;width:100%;  background:url(../images/h_01_new.gif) repeat-x left top;}
.tempCredit dl .adds .tabl {margin-top:20px; width:100%; height:90px; border:1px solid #d3d3d3;}
/* 2010³â 9¿ù30ÀÏ Ãß°¡ */

.recommScrap {height:56px; font-size:12px; font-weight:bold; color:#686868;}
.recommand {float:right; width:200px; height:53px;}
.recommand .btn {float:right; margin:0; padding-right:9px;}
.recommand ul {float:left; margin-top:18px;}
.recommand ul li {float:left; padding-left:6px;}
.recommand ul li.fir {padding:0 7px 0 0; background:url(../images/v_02_new.gif) no-repeat right 3px;}
.recommand ul li img {margin-bottom:-4px;}
.recommand .layer {display:none; position:absolute; margin-top:20px; width:141px; height:77px;}
.recommand .layer .wrap {position:absolute; padding:4px 7px 0 2px; width:132px; height:73px;}
.recommand .layer .wrap .close {margin:0; padding-right:3px; height:12px; text-align:right;}
.recommand .layer .wrap dl {margin-left:23px; height:25px;}
.recommand .layer .wrap dd {float:left; padding-top:1px;}
.recommand .layer .wrap dd.fir {margin-right:13px; padding:0 14px 0 0; background:url(../images/v_10.gif) no-repeat right 3px;}
.recommand .layer .wrap .btn {margin:0; width:100%; text-align:center;}

/* 2010³â 9¿ù30ÀÏ Ãß°¡ */
.t_date {float:left; color:#6478a6; font:11px 'arial', sans-serif; }
/* 2010³â 9¿ù30ÀÏ Ãß°¡ */
.scrap {float:right;}
.scrap span {float:left; margin:18px 10px 0 0; padding:2px 0 0 19px; background:url(../images/ico_scrap_new.gif) no-repeat left top;}

.tempTit {clear:both; margin:0; padding-left:7px; height:16px;}
.recomBoard {clear:both; width:100%; font-size:12px; margin:4px 0 -4px; border-collapse:collapse; text-align:center; border-spacing:0; background:url(../images/bg_table.gif) repeat-x left top;}
.recomBoard thead, .recomBoard tbody {background-image:none;}
.recomBoard thead th {padding:9px 0 12px 0;}
.recomBoard tbody td  {padding:8px 0 5px 0; border-bottom:1px solid #D3D3D3;}
.recomBoard tbody td.taL {text-align:left; padding-left:10px;}

/* tag / 40ÀÚÆò */
.recommWrite {margin-bottom:25px; width:100%; padding:8px 0 0 !important; margin:4px 0 24px !important; border-top:1px solid #D3D3D3 !important; border-bottom:1px solid #ADADAD !important; background:#F3F3F3;}
.recommWrite p {margin:0; padding:0 0 4px 14px !important; border-bottom:1px solid #D3D3D3 !important;}
.recommWrite p input {width:480px; height:14px; padding:5px 0 0 8px;}
.recommWrite p .tit {margin:5px 5px 0 0;}
.recommWrite p * {vertical-align:top;}

/* button */
.temBtn {height:17px; margin-bottom:20px;}

.templateWrap {margin-top:25px;}
.templateWrap .title {clear:both; margin:0; padding:5px 0 8px; border-top:1px solid #B6B6B6 !important;}
.templateWrap .other {padding-top:0; border:none !important;}
.templateWrap .lgtSec {float:left; width:305px; margin-right:20px; padding-top:15px; background:url(../images/bg_title_template.gif) repeat-x left top;}
	/* relatedFeatures */
	.templateWrap dl {width:100%; height:90px; margin:7px 0 25px;}
	.templateWrap dl dt {float:right; width:200px; padding:15px 0 6px; font-size:12px; font-weight:bold; color:#424242;}
	.templateWrap dl dd {line-height:14px; text-align:justify;}
	.templateWrap dl dd.thumb img {float:left; width:88px; height:88px; border:1px solid #BDBDBD !important; margin-right:15px; font:0/0 arail;}
	.templateWrap dl dt a, .templateWrap dl dt a:link, .templateWrap dl dt a:visited {color:#424242;}
	.lgtSec .btn {float:right; margin-top:-19px;}
	.lgtSec .btn img {margin-left:2px;}

.templateWrap .rgtSec {float:left; width:305px; padding-top:15px; background:url(../images/bg_title_template.gif) repeat-x left top;}
	.templateWrap .vod {width:100%; height:90px; margin:7px 0 25px; _margin:7px 0 20px;}
	.templateWrap .vod .lgtBtn {float:left; margin:23px 13px 0 0;}
	.templateWrap .vod .rgtBtn {float:right; margin:23px 0 0 0;}
	.templateWrap .vod ul {float:left; width:268px; margin-left:-20px;}
	.templateWrap .vod ul li {_display:inline; float:left; padding-left:20px;}
	.templateWrap .vod ul li .thumb {width:112px; height:62px; border:1px solid #B6B6B6 !important;}
	.templateWrap .vod ul li .tit {margin:3px 0 0 0; line-height:14px; text-align:center;}
	.templateWrap .banner {width:305px; height:210px;}

.rBannerA {margin:0 0 23px; padding-bottom:2px; background:url(../images/box_bg_01.gif) repeat-x left bottom;}
.rBannerA img {vertical-align:top;}

/* psj Ãß°¡/¼öÁ¤ */
.styleTag {clear:both; width:100%; height:77px;}
.styleTag .tag {float:left; margin:0; color:#EE9DA0; font-size:11px;}
.styleTag .tag img {margin-bottom:-2px;}
.styleTag .logo {float:right; padding-top:5px;}

/* shop list */
.shopList {clear:both; width:100%;}
.shopList .title {margin:0; background:url(../images/bg_title.gif) repeat-x left bottom;}
.shopList ul li .txt {color:#8D8B8B; line-height:15px; margin:7px 0 3px 0;} 
.shopList ul li .txt span {font-weight:bold; font-size:12px;}
.shopList ul li .grade {margin:0;}
.shopList .updateList {float:left; margin:8px 0 0 -30px;}
.shopList .updateList li {float:left; width:102px; padding-left:30px;}
.shopList .updateList li .thumb {width:100px; height:100px; border:1px solid #B6B6B6 !important;}

/* select design */
.remixSelect {float:right; margin:-18px 5px 0 0;}
.selDesign {_display:inline; float:right; width:110px; background:#FFF;}
.selDesign dt {}
.selDesign dt span {overflow:hidden; display:block; padding:1px 7px 0; #padding:2px 7px 0; height:13px; #height:12px; color:#8D8B8B; cursor:pointer; background:url(../images/btn_selector_01.gif) no-repeat 98px 6px;}
.selDesign dd {display:none; position:absolute; z-index:10; width:110px; background:#289051;}
.selDesign dd ul {margin:0 7px; border-top:1px solid #289051; padding:2px 0 4px;}
.selDesign dd ul li {padding-top:4px;}
.selDesign dd ul li a, .selDesign dd ul li a:link, .selDesign dd ul li a:visited {color:#FFF;}


/* left area banner */
.sideBanner li {padding-top:15px;}
.sideBanner li img {vertical-align:top;}

/* 2010³â 10¿ù 12ÀÏ º¯°æ*/
.comment2 {clear:both; width:628px; padding-bottom:20px; border:1px solid #d3d3d3 !important; background:#f1f1f1; margin:10px 0px 16px 0px;}
.comment2 .tit {float:left; margin:34px 0px 0px 20px;}
.comment2 .register {float:left; margin:17px 0px 0px 5px;}
.comment2 .texta {float:left; margin:17px 0px 0px 8px; width:421px; height:48px; border:1px solid #999999; 
									scrollbar-face-color: #FFFFFF; 
									scrollbar-shadow-color: #ccccb9;
									scrollbar-highlight-color: #efefec;
									scrollbar-3dlight-color: #e6e6e6;
									scrollbar-darkshadow-color: #fefefb; 
									scrollbar-track-color:#fefefb; 
									scrollbar-arrow-color: #c9c9c2}
.comment2 .co  {clear:both;}
.comment2 .co ul {margin:10px 0px 0px 19px; clear:both; width:592px; }
.comment2 .co ul li {width:592px; height:54px; background:url(../images/comment_line.gif) no-repeat left bottom;}
.comment2 .co ul li p {margin:0px; padding:0px; }
.comment2 .co ul li  .comm {margin:13px 0px 6px 0px; font:12px '±¼¸²', gulim, arial, serif, sans-serif; color:#656565; }
.comment2 .co ul li  .dat {margin:0px; font:12px 'µ¸¿ò', gulim, arial, serif, sans-serif; color:#b7b7b7; }

.comment2 .paddingWrap {clear:both; width:100%; padding-top:16px;}
.comment2 .paging {color:#8C8C8C; margin-top:-2px; #margin-top:-1px; font-size:12px; text-align:center;}
.comment2 .paging li {clear:both; display:inline; padding:0 1px 0 2px; color:#5A5A5A; text-align:center;}
.comment2 .paging li.btn {padding:0 3px; background:none; }
.comment2 .paging li.fir {padding-left:0; background:none;}
.comment2 .paging li a:hover {color:#212121;}
.comment2 .paging li.select {color:#212121; text-decoration:none;}
.comment2 .paging img {margin-top:4px; #margin-top:3px; vertical-align:top;}