/* CSS Document */
body {color:#888888; font-size:12px; font-family: dotum; line-height:18px;}   
a{ text-decoration:none; color:#727272;}
a.orange01{ color:#fdb36d;}
a.white{ color:#ffffff;}
a:hover{ color:#444444;}
img	{border:0;}
.clearboth {clear:both; }
.cbNone{clear:both; padding:0; margin:0;}
.fl { float:left; }
.fr { float:right; }
.hrNo{ margin:0; padding:0; display:none; height:0;}
.displayno {display:none; height:0; }
.cursor { cursor:pointer; }
.boldno{ font-weight:normal;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, fieldset, blockquote, p, form, iframe, table, tr, th, td
{margin:0;padding:0; }
li{ list-style:none}
input {padding:2px; vertical-align:middle;}
input, textarea{ border-top:solid 1px #808080; border-right:solid 1px #d4d0c8; border-left:solid 1px #808080; border-bottom:solid 1px #d4d0c8; font-size:12px; }
span input{border:none;}
input:focus {background-color:#f5f5f5;} 
.png24 {tmp:expression(setPng24(this));}

.width40px{ width:40px;}
.width50px{ width:50px;}
.width60px{ width:60px;}
.width70px{ width:70px;}
.width87px{ width:87px;}
.width90px { width:90px;}
.width100px { width:100px;}
.width110px { width:110px;}
.width140px { width:140px;}
.width150px { width:150px;}
.width300px { width:300px;}

/*-------------- align --------------*/
.tc { text-align:center; }
.tl { text-align:left; }
.tr { text-align:right; }
.valine {vertical-align:middle;}
.vbottom{ vertical-align:bottom;}
.vtop{ vertical-align:top;}

/*-------------- margin --------------*/
.mt2 { margin-top:2px;}
.mt3 { margin-top:3px;}
.mt5 { margin-top:5px;}
.mt7 { margin-top:7px;}
.mt8 { margin-top:8px;}
.mt10 { margin-top:10px;}
.mt12 { margin-top:12px;}
        *html .mt12 { margin-top:10px;}
        *:first-child+html .mt12 { margin-top:10px;}
.mt13 { margin-top:13px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mt26 { margin-top:26px;}
.mt30 { margin-top:30px;}
.mt35 { margin-top:35px;}
.mt38 { margin-top:38px;}
.mt40 { margin-top:40px;}
.mt45 { margin-top:45px;}
.mt50 { margin-top:50px;}
.mt60 { margin-top:60px;}
.mt70 { margin-top:70px;}

.mr2 { margin-right:2px;}
.mr3 { margin-right:3px;}
.mr4 { margin-right:4px;}
.mr5 { margin-right:5px;}
.mr6 { margin-right:6px;}
.mr7 { margin-right:7px;}
.mr8 { margin-right:8px;}
.mr10 { margin-right:10px;}
.mr12 { margin-right:12px;}
.mr13 { margin-right:13px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr25 { margin-right:25px;}
.mr30 { margin-right:30px;}
.mr40 { margin-right:40px;}
.mr50 { margin-right:50px;}
.mr55 { margin-right:55px;}
.mr60 { margin-right:60px;}

.mb4 {margin-bottom:4px;}
.mb5 {margin-bottom:5px;}
.mb8 {margin-bottom:8px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}

.ml2 {margin-left:2px;}
.ml3 {margin-left:3px;}
.ml4 {margin-left:4px;}
.ml5 {margin-left:5px;}
.ml6 {margin-left:6px;}
.ml8 {margin-left:8px;}
.ml9 {margin-left:9px;}
.ml10 {margin-left:10px;}
.ml11 {margin-left:11px;}
.ml15 {margin-left:15px;}
.ml18 {margin-left:18px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml26 {margin-left:26px;}
.ml28 {margin-left:28px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml37 {margin-left:37px;}
.ml50 {margin-left:50px;}
.ml110 {margin-left:110px;}
.ml156 {margin-left:156px;}
.ml170 {margin-left:170px;}

/*-------------- padding --------------*/

.padding2px{ padding:2px;}
.pt6 { padding-top:6px;}
.pt10 { padding-top:10px;}
.pt13 { padding-top:13px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}

.pr13 { padding-right:13px;}
.pr20 { padding-right:20px;}
.pr30 { padding-right:30px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb20 { padding-bottom:20px;}

.pl5 { padding-left:5px;}
.pl8 { padding-left:8px;}
.pl13 { padding-left:13px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pl30 { padding-left:30px;}

/*-------------- font --------------*/
.fNomal{ font-weight:normal;}
.fBold {font-weight:bold;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font30 {font-size:30px;}
.letterNom{ letter-spacing:normal;}
.letterS{ letter-spacing:-0.1em;}

.lh17{ line-height:17px;}
.lh19{ line-height:19px;}
.lh20{ line-height:20px;}
.lh21{ line-height:21px;}
.lh22{ line-height:22px;}
.lh24{ line-height:24px;}
.lh30{ line-height:30px;}
.lh34{ line-height:34px;}

/*--------------color --------------*/
.white { color:#ffffff;}
.red01 { color:#c91818;}
.red02 { color:#d55947;}
.gray01 { color:#dddddd;}
.gray02 { color:#585857;}
.gray03 { color:#888888;}
.gray04 { color:#ababab;}
.black { color:#000000;}
.blue01{ color:#566a8e;}
.blue02{ color:#5b7987;}
.blue03{ color:#4f819b;}
.blue04{ color:#9cace1;}
.brown01{ color:#ab9185;}
.brown02{ color:#633826;}
.brown03{ color:#615c4c;}
.brown04{ color:#867a5a;}
.green01{ color:#6fa589;}
.green02{ color:#679663;}
.orange01{ color:#fdb36d;}
.pink01{ color:#d081a8;}

.bgGray01{ background-color:#f9f9f9;}
.bgGray02{ background-color:#f2f2f2;}

/*--------------border --------------*/
.borderno{ border:none;}
.borBotno{ border-bottom:none;}
.bortop1pxECE{ border-top:solid 1px #ececec;}
.bortop1pxC4C{ border-top:solid 1px #c4c4c4;}
.bortop2pxECE{ border-top:solid 2px #ececec;}
.bortop1pxBBD{ border-top:solid 1px #bbd3c6;}
.bortop2px585 {border-top:solid 2px #585857;}
.bortop2pxGreen{border-top:solid 2px #699865;}
.borR1pxECE{ border-right:solid 1px #ececec;}
.borR1pxBBD{ border-right:solid 1px #bbd3c6;}
.borBot1pxECE{ border-bottom:solid 1px #ececec;}
.borBot2pxECE{ border-bottom:solid 2px #ececec;}
.borBot1pxBBD{ border-bottom:solid 1px #bbd3c6;}
.borBot1pxDDD{ border-bottom:solid 1px #dddddd;}
.borBot1pxC4C{ border-bottom:solid 1px #c4c4c4;}
.borBot2px {border-bottom:solid 2px #888888;}
.borBot1pxFFF{border-bottom:solid 1px #ffffff;}
.borL1pxE9E{ border-left:solid 1px #e9e9e9;}


/*-------------- start: ie6¿¡¼­ Detail.css °¡ ÀνÄÀÌ ¾ÈµÇ¾î share.css·Î ¿Å±è --------------*/
dl.viewCon dd.proCon{ padding:10px 0; border-bottom:solid 1px #e3e3e3;}
dl.viewCon dd.proCon div.media{ position:relative;}
dl.viewCon dd.proCon div.media img.vision{ position:absolute; top:0; left:0;}
dl.viewCon dd.proCon div.mediaTxt{ width:327px;}
dl.viewCon dd.proCon div.mediaTxt h3{ margin:12px 0; font-size:16px; color:#585857; letter-spacing:-0.1em;}
dl.viewCon dd.proCon div.mediaTxt p{ line-height:24px; height:144px;}

dl.viewCon dd.file{padding:0 15px; line-height:32px; font-size:11px; color:#7d6f59; border-top:solid 1px #e3e3e3;}
*html dl.viewCon dd.file img{ margin-top:11px; margin-bottom:12px; vertical-align:middle;}

dl.viewPreNex{ background-color:#f9f9f9; border-top:solid 1px #ececec; border-bottom:solid 1px #ececec;}
dl.viewPreNex dd{ line-height:32px; padding:0 15px;}
dl.viewPreNex dd img{ vertical-align:middle;}
*html dl.viewPreNex dd img{ margin-top:9px; margin-bottom:10px; vertical-align:middle;}

.viewComment{ width:680px;}
.viewComment textarea.comment{ 
	padding:4px;
	width:585px;
	height:27px;
	border-top:solid 1px #808080; border-right:solid 1px #d4d0c8; border-left:solid 1px #808080; border-bottom:solid 1px #d4d0c8; 
	color:#888888;
	font-size:12px;
	}
.viewComment input.btComment{ 
	width:74px;
	height:37px;
	border:none;
	background:url(/images/sub/bt_comment.gif) no-repeat left top;
	}

dl.viewRepl{ }
dl.viewRepl dt{ margin-bottom:7px; margin-top:15px; width:680px; }
dl.viewRepl dd{ padding-bottom:15px; border-bottom:solid 1px #f3f3f3;}
dl.viewRepl dd textarea.comment{ 
	padding:4px;
	width:660px;
	height:27px;
	border-top:solid 1px #808080; border-right:solid 1px #d4d0c8; border-left:solid 1px #808080; border-bottom:solid 1px #d4d0c8; 
	color:#888888;
	font-size:12px;
	}
/*-------------- end: ie6¿¡¼­ Detail.css °¡ ÀνÄÀÌ ¾ÈµÇ¾î share.css·Î ¿Å±è --------------*/