@charset "utf-8";
/* CSS Document */
* {margin: 0;padding: 0;}
body {
	font-family:Dotum, AppleGothic, sans-serif;
	font-size:12px;
	background: #fff;
	color: #666;
}
img {
	border:0px;
	vertical-align:middle;
}
a {
	color:#a9701e;
	text-decoration:none;
}
a:hover, a:active {text-decoration:underline;}
input, select, textarea {
	font-family:Dotum, AppleGothic, sans-serif;
	font-size:12px;
	color:#333;
}
ol, ul, li {list-style:none;}
h1, h2, h3, h4, h5 {
	display:none;
	font-size:12px;
	font-family:Dotum, AppleGothic, sans-serif;
}
.pointer {cursor:pointer;}
/* Option */
.b {font-weight:bold}
.m {letter-spacing:-1}
.t9 {font-size:9px}
.t10 {font-size:10px}
.t11 {font-size:11px}
.t12 {font-size:12px}
.t14 {font-size:14px}
.t16 {font-size:16px}
.lh16 {line-height:16px}
.lh18 {line-height:18px}
.lh20 {line-height:20px}

/* Color */
.or {color:#FF7C63;} .or a{color:#FF7C63;} 
.bl {color:#000000;} .bl a{color:#000000;} 
.re {color:#e44141;} .re a{color:#e44141;}
.bu {color:#6884b9;} .bu a{color:#6884b9;}
.sk {color:#6fb1ca;} .sk a{color:#6fb1ca;}
.gr {color:#6D6D6D;} .gr a{color:#6D6D6D;}
.dg {color:#333333;} .dg a{color:#333333;}
.wh {color:#ffffff;} .wh a{color:#ffffff;}
.wg {color:#858585;} .wg a{color:#858585;}
.dg {color:#4b4c4d;} .dg a{color:#4b4c4d;}
.red {color:#dd4b4b;} .red a{color:#dd4b4b;}
.ro {color:#ff745f;} .ro a{color:#ff745f;}
.wbr {color:#e0d8cb;} .wy a{color:#e0d8cb;}
.ds {color:#768cbb;} .ds a{color:#768cbb;}
.brn {color:#73370b;} .brn a{color:#73370b;}
.rbrn {color:#aa721f;} .rbrn a{color:#aa721f;}
.etx {font-family:Verdana,Arial,Helvetica, AppleGothic, sans-serif;}
.t10 {font-size:10px}
.t11 {font-size:11px}
.lh14 {line-height:14px}
.lh16 {line-height:16px}
.lh18 {line-height:18px}
.b {font-weight:bold}
.m {letter-spacing:-1px}
input.a, textarea.a {border:1px solid #c4c4c4;padding:2px}
input.v, textarea.v  {border:1px solid #c4c4c4;padding:2px;background:#f6f6f6;color:#7d7d7d}

/* ----------------------------- USER_HOME.php : START ----------------------------------- */
/* position Start */
#wrap {
	width: 950px;
	margin: 0 auto;
	/* 2008.02.26 bhahn add */
	float: center;
}
#header {
	width: 950px;
}
#contents {
	position:absolute;
	clear:left;
	width: 950px;
}
#sideLeft {
	float: left;
	width: 180px;
	margin:50px 0;
}
#conMain {
	width: 535px;
	margin: 0 0 20px 210px;
	vertical-align:top
}
#sideRight {
	position:relative;
	float: right;
	width: 180px;
	text-align:right;
	padding:0 0 50px 0;
	background: #fff;	// 2008.02.25 bhahn add 
}
/* position End */
/* header Start */
#headerNav {
	position:relative;
	width:950px;
	height:33px;
}
#headerNav div.logo {position:absolute; top:0; left:0;}
#headerNav div.login {position:absolute; top:12px; right:3px;color:#d9dad9;font-size:11px;}
#headerNav div.login a {color:#a77d23;}
#headerNav div.login a:hover {background-color:#a77d23;color:#fff}
#headerTit {
	position:relative;
	width:950px;
	height:100px;
/*	background:#312018; */
	background: url(/image/header_title_bg.PNG) ;
}
#headerTit div.profileImgBg {position:absolute;left:0;top:0;z-index:100;margin:12px 0 0 15px;background: url(/image/profile_bott.gif) no-repeat bottom; width:154px; height:123px}
#headerTit div.profileImg {float:left;padding:5px;background:#fff;}
#headerTit div.profileTxt {float:left;position:absolute;left:0;top:0;width:300px;height:80px;margin:15px 0 0 155px;}
#headerTit div.nickname {color:#e2d06b;font-size:14px;font-weight:bold}
/*#headerTit div.nicknameInfo {margin:8px 20px;color:#ded9c8;font-size:11px;letter-spacing:-1px;line-height:1.3} */
#headerTit div.nicknameInfo {margin:8px 20px;color:#e2d06b;font-size:11px;letter-spacing:-1px;line-height:1.3}

/* -------------------------- 2008.12.03 bhahn remove : #leftTag 로 변경  --------------------- */
#headerTit div.right {float:right;width:460px;margin:20px 0 0 0;}
#headerTit div.tagOption {position:absolute;float:left;margin:20px 0; z-index:100; width:145px; height:80px; background:#fff }
#headerTit div.tagBg {background:#a9701e; width:460px; height:78px;padding:2px 0 0 0;}
#headerTit div.tagTit {font-weight:bold;color:#312018;font-size:11px;background:url(/image/tag01.gif) no-repeat 0 50%;padding:1px 0 0 25px;margin:3px 0 0 10px}
#headerTit div.tagList {margin:5px 10px;color:#cb9a54;line-height:1.3}
#headerTit div.tagList a.w1 {font-size:14px;color:#09750e;font-weight:bold;background-color:#e9ff53;text-decoration:none} #headerTit div.tagList a.w1:hover {color:#0f5712;font-weight:bold;background-color:#e9ff53;text-decoration:none}
#headerTit div.tagList a.w2 {font-size:14px;color:#ffcc44;font-weight:bold;text-decoration:none}	#headerTit div.tagList a.w2:hover {color:#312018;font-weight:bold;background-color:#ffcc44;text-decoration:none}
#headerTit div.tagList a.w3 {color:#fff;font-weight:bold;text-decoration:none}	#headerTit div.tagList a.w3:hover {color:#52423a;font-weight:bold;background-color:#fff;text-decoration:none}
#headerTit div.tagList a.w4 {color:#fff;text-decoration:none}	#headerTit div.tagList a.w4:hover {color:#52423a;background-color:#fff;text-decoration:none}
#headerTit div.tagList a.w5 {font-size:11px;color:#e1d8ca;text-decoration:none}	#headerTit div.tagList a.w5:hover {color:#52423a;background-color:#e1d8ca;text-decoration:none}
/* -------------------------- 2008.12.03 bhahn remove  --------------------- */

/* header End */

/* ------------- left Start --------------*/
#leftTit {
	width:130px;
	height:19px;
	background:url(/image/leftmenu_tl.gif) repeat-x;
	color:#fff;
	font-weight:bold;
	padding:4px 0 0 50px;
}
/* -----------------------  2008.12.03 bhahn add ------------------------- */
#leftTag div.tagBg {background:#a9701e; width:180px; margin-bottom:5px; padding:2px 0 0 0;}
#leftTag div.tagTit {height:20px; font-weight:bold;color:#312018;font-size:11px;background:url(/image/tag01.gif) no-repeat 0 20%;padding:0 0 0 25px;margin:3px 0 0 10px}
#leftTag div.tagList {height:100px; margin:5px 10px;color:#cb9a54;line-height:1.3}
#leftTag div.tagList a.w1 {font-size:14px;color:#09750e;font-weight:bold;background-color:#e9ff53;text-decoration:none} #headerTit div.tagList a.w1:hover {color:#0f5712;font-weight:bold;background-color:#e9ff53;text-decoration:none}
#leftTag div.tagList a.w2 {font-size:14px;color:#ffcc44;font-weight:bold;text-decoration:none}	#headerTit div.tagList a.w2:hover {color:#312018;font-weight:bold;background-color:#ffcc44;text-decoration:none}
#leftTag div.tagList a.w3 {color:#fff;font-weight:bold;text-decoration:none}	#headerTit div.tagList a.w3:hover {color:#52423a;font-weight:bold;background-color:#fff;text-decoration:none}
#leftTag div.tagList a.w4 {color:#fff;text-decoration:none}	#headerTit div.tagList a.w4:hover {color:#52423a;background-color:#fff;text-decoration:none}
#leftTag div.tagList a.w5 {font-size:11px;color:#e1d8ca;text-decoration:none}	#headerTit div.tagList a.w5:hover {color:#52423a;background-color:#e1d8ca;text-decoration:none}
/* -----------------------  2008.12.03 bhahn add ------------------------- */

#leftMenu0 {}
#leftMenu0 ul {padding:5px 0 10px 5px;}
#leftMenu0 li {line-height:16px;padding:7px 0 0 15px; background:url(/image/ico_album_a.gif) 0 8px no-repeat;}
#leftMenu0 li a {color:#333;}
#leftMenu0 li.on {background:url(/image/ico_album_a.gif) 0 8px no-repeat;font-weight:bold;}

#leftMenu1 ul {padding:5px 0 10px 5px;}
#leftMenu1 li {line-height:16px;padding:7px 0 0 15px; background:url(/image/ico_album_f.gif) 0 8px no-repeat;}
#leftMenu1 li a {color:#333;}
#leftMenu1 li.on {background:url(/image/ico_album_f.gif) 0 8px no-repeat;font-weight:bold;}

#leftMenu2 ul {padding:5px 0 10px 5px;}
#leftMenu2 li {line-height:16px;padding:7px 0 0 15px; background:url(/image/ico_album_s.gif) 0 8px no-repeat;}
#leftMenu2 li a {color:#333;}
#leftMenu2 li.on {background:url(/image/ico_album_s.gif) 0 8px no-repeat;font-weight:bold;}

#leftMenu3 ul {padding:5px 0 10px 5px;}
#leftMenu3 li {line-height:16px;padding:7px 0 0 15px; background:url(/image/ico_album_h.gif) 0 8px no-repeat;}
#leftMenu3 li a {color:#333;}
#leftMenu3 li.on {background:url(/image/ico_album_h.gif) 0 8px no-repeat;font-weight:bold;}


#friends {margin:10px 0 0 0;width:180px}
#friends div.title {font-weight:bold;color:#a9701f;}
#friends ul {padding:5px 0 10px 0;}
#friends li {width:128px;height:14px;overflow:hidden;line-height:18px;padding:3px 8px; background:url(/image/list_bullet.gif) 0 8px no-repeat;}
#friends li a {color:#666;}

#miniMail {width:170px;background: #f5f5f5;margin:10px 0 0 0;padding:7px 5px 3px 5px}
#miniMail div.title {width:170px;border-bottom:1px solid #e2e2e2;padding:0 0 3px 0}
#miniMail div.title span.tit {
	font-weight:bold;
	color:#333;
	padding:0 0 0 15px;
	background:url(/image/memo_icon.gif)  no-repeat;
}
#miniMail div.title span.tit2 {
	color:#7b7b7b;
	font-size:11px;
}
#miniMail div.contents {width:170px;padding:8px 0 2px 2px;text-align:right}
#miniMail div.contents textarea {border:1px solid #b0b0b0}

#miniMail2 {width:290spx;background: #f5f5f5;margin:10px 0 20px 0;padding:7px 5px 3px 5px}
#miniMail2 div.title {width:280px;border-bottom:1px solid #e2e2e2;padding:0 0 5px 0}
#miniMail2 div.title span.tit {
	font-weight:bold;
	color:#333;
	padding:0 0 0 15px;
	background:url(/image/memo_icon.gif)  no-repeat;
}
#miniMail2 div.title span.tit2 {
	color:#7b7b7b;
	font-size:11px;
}
#miniMail2 div.contents {width:280px;padding:8px 0 2px 0;text-align:center;}
#miniMail2 div.contents textarea {border:1px solid #b0b0b0}


/* ------------- left End --------------*/

/* ------------- left yej start : bhahn modify ------------- */
#leftList {
	width:180px;height:230px;background:#f7f3e8;
}
.leftAlbumTitle {
	width:180px;height:20px;cursor:pointer;
	background:url(/image/leftmenu_tl.gif) repeat-x;
}
.leftAlbumList {
	position:relative;width:180px;height:0px;display:block;overflow:hidden;
}
.leftAlbumList div.leftClipBox {
	position:absolute;width:150px;height:0px;display:block;overflow:hidden;
	clip:rect(0px, 155px, 0px, 0px);
}

#leftTit2 {
	width:180px;height:28px;
	background:url(/image/leftmenu_tl.gif) repeat-x;
}
#leftTlist{
	float:left;border: solid 2px #5f4932;position:absolute;	z-index:1;
	width: 111px;height:14px;padding:2px 2px 2px 7px;margin:3px 5px 3px 3px;
}
#leftTit_open{
	/* position:relative; ==> position:absolute;*/
	width:121px; height:85px; background:#f7f3e8;margin-left:3px;position:absolute;top:74px;z-index:100;
	border-right:solid 1px #5b4631;	border-bottom:solid 1px #5b4631;padding-top:5px;border-left:solid 1px #5b4631;
}
#leftMenu_albumList{ width:113px;padding:0 0 0 7px;}
#leftMenu_albumList li{ height:18px;}
/* ------------- left yej end ------------- */

/* yej add_title start */
#pageTitle{ width:520px; height:16px;margin:15px 0 3px 0;}
#pageTitle_underline{background:#dadada; font-size:0; width:530px; height:2px;}
/* yej add_title start */

/* yej add picture resist */
#picResist_left{ float:left; width:522px; margin:5px;}
#picResist_lefttab{ width:391px; height:21px; margin-top:5px; z-index:100;}
#picResist_leftbg{ width:520px; height:402px; border:solid 1px #adadad; background:#f1f1f1; z-index:0; position:absolute;top:81px;}
#picResist_leftalbum{ background:#f1f1f1;}

/* yej add photo view */
#photoViewT { width:500px; height:20px; margin:0 15px; border-bottom:solid 1px #d4d4d4;}
#photoViewT .title{ float:left; margin:0 0 0 -15px;}
#photoViewT .titleBtn{ float:right;}
#photoViewC { margin:12px 18px;}
#photoViewTag { background:url(/image/tag02.gif) 0 1px no-repeat; margin:0 15px 10px 18px;line-height:1.2;padding:0 0 0 25px; font-size:11px;}



/* ae picResist_leftalbum resist 이미지가 잘 안떠서 추가 start */
#picResist_leftalbum span.tit {background:url(/image/ico_album_a.gif) no-repeat;font-weight:bold;padding:0 0 0 17px;color:#000;margin:0 0 0 2px;}
#picResist_leftalbum span.tit1 {background:url(/image/ico_album_f.gif) no-repeat;font-weight:bold;padding:0 0 0 17px;color:#000;margin:0 0 0 2px;}
#picResist_leftalbum span.tit2 {background:url(/image/ico_album_s.gif) no-repeat;font-weight:bold;padding:0 0 0 17px;color:#000;margin:0 0 0 2px;}
#picResist_leftalbum span.tit3 {background:url(/image/ico_album_h.gif) no-repeat;font-weight:bold;padding:0 0 0 17px;color:#000;margin:0 0 0 2px;}
/* ae picResist_leftalbum resist 이미지가 잘 안떠서 추가 end */
#picResist_right{ float:left; width:228px; margin:5px 5px 5px 0;}
#picResist_rightTl{ width:200px; height:27px; padding:12px 14px;
					background: url("http://192.168.12.68/image/picresist_tl_bg.gif") no-repeat;}
#picResist_rightbg{width:226px; height:385px; border:solid 1px #adadad; background:#eee; margin-top:5px;}
#picResist_rightalbum{margin:5px;}
#AlbList{ background:#f1f1f1}
/* yej add picture resist */

/* ------------- right Start --------------*/
#rightAd {
	float:right;
	/*width: 170px;
	height: 170px;*/
	border:solid 3px #f5f5f5;
	background:#eee;
	margin:20px 0 0 0;
}
#chatBox {
	float:right;
	width:170px;
	margin: 20px 0 0 0;
	text-align:left;
}
#countBox {
	float:right;
	width: 164px;
	height: 28px;
	padding: 3px;
	margin: 10px 0 0 0px;
	background: #618714 url(/image/count_bg.gif) no-repeat bottom;
}
#count {position:relative;width:164px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;color:#fff;}
#count span.today {position:absolute;top:4px;left:3px;}
#count span.today strong {color:#ffe554}
#count span.total {position:absolute;top:4px;right:3px;}

#blogger {float:left;margin:10px 0 0 5px;width:170px;text-align:left;}
#blogger div.title {font-weight:bold;color:#5c8607}
#blogger ul {padding:5px 0 10px 0}
#blogger li {width:128px;height:14px;overflow:hidden;line-height:18px;padding:3px 8px; background:url(/image/list_bullet.gif) 0 8px no-repeat;}
#blogger li a {color:#666;}
/* ------------- right End --------------*/
/* ----------------------------- USER_HOME.php : END ----------------------------------- */


/* ----------------------------- photo_main.php : START ----------------------------------- */
/* --------- Block start ------- */
#photoList {position:relative;margin:0 0 15px 6px;}

/* --------- Album ( Header Title ) -------2008.02.27 gang modify */
#albumInfo {position:relative;width:530px;padding:3px 0;}
#albumInfo span.tit {background:url(/image/ico_album_a.gif) no-repeat;font-weight:bold;padding:0 0 0 17px;color:#000;margin:0 0 0 2px;}
#albumInfo span.tit1 {background:url(/image/ico_album_f.gif) no-repeat;font-weight:bold;padding:0 0 0 17px;color:#000;margin:0 0 0 2px;}
#albumInfo span.tit2 {background:url(/image/ico_album_s.gif) no-repeat;font-weight:bold;padding:0 0 0 17px;color:#000;margin:0 0 0 2px;}
#albumInfo span.tit3 {background:url(/image/ico_album_h.gif) no-repeat 2px 40%;font-weight:bold;padding:0 0 0 17px;color:#000;margin:0 0 0 2px;}

#albumInfo span.adm {font-size:11px;letter-spacing:-1px;font-weight:bold;color:#8a2a0f;margin:0 0 0 10px;}
#albumInfo span.adm a {color:#8a2a0f}
#albumInfo span.all {float:right;font-weight:bold;padding:5px 10px 0 0;color:#000;margin:-15px 0 0 0;} 
#albumInfo span.all a {width:100px;text-decoration:none;color:#666; text-align:right} 


/* --------- first 5 Photo : Viewing Photo List -------2008.02.27 gang modify */
#photoList div.thum {clear:both; position:relative; margin:0 0 15px 0; }
#photoList div.thum img {margin:3px 9px 5px 0;}
#photoList div.thum a img {width:90px; height:70px;border:3px solid #d4d4d4; }
#photoList div.thum a img.on {border:3px solid #ff533b;}
#photoList div.thum a:link img {border:3px solid #d4d4d4;}
#photoList div.thum a:hover img {border:3px solid #ff533b;}

/* --------- Hidden Photo List -------2008.02.27 gang modify */
#photoList div.thum div.thumAll {position:relative;margin:5px 0 5px 0;}
#photoList div.thum div.thumAll img {margin:3px 9px 5px 0;} 
#photoList div.thum div.thumAll img.on {border:3px solid #ff533b}
#photoList div.thum div.thumAll a img {width:90px; height:70px;border:3px solid #d4d4d4}
#photoList div.thum div.thumAll a:link img {border:3px solid #d4d4d4}
#photoList div.thum div.thumAll a:hover img {border:3px solid #ff533b}

/* ----------------------------- photo_main.php : END ----------------------------------- */

/* ----------------------------- photo_view.php : START ----------------------------------- */
/* --------- Header Title -------2008.02.27 gang modify */
#album {position:relative;background:#f3f3f3;width:530px;padding:20px 0}
#album span.album_tit {background:url(/image/ico_album_a.gif) no-repeat;font-weight:bold;padding:0 0 0 17px;color:#4b4c4d;margin:0 0 0 20px;}
#album span.album_tit1 {background:url(/image/ico_album_f.gif) no-repeat;font-weight:bold;padding:0 0 0 17px;color:#4b4c4d;margin:0 0 0 20px;}
#album span.album_tit2 {background:url(/image/ico_album_s.gif) no-repeat;font-weight:bold;padding:0 0 0 17px;color:#4b4c4d;margin:0 0 0 20px;}
#album span.album_tit3 {background:url(/image/ico_album_h.gif) no-repeat;font-weight:bold;padding:0 0 0 17px;color:#4b4c4d;margin:0 0 0 20px;}

#album span.adm {font-size:11px;letter-spacing:-1px;font-weight:bold;color:#8a2a0f;margin:0 0 0 10px;}
#album span.adm a {color:#8a2a0f}
#album span.all {float:right;font-weight:bold;padding:0 10px 0 0;color:#000;margin:-30px 0 0 0;} 
#album span.all a {width:100px;text-decoration:none;color:#666; text-align:right} 
#album p.con {margin:5px 20px 5px 20px;line-height:1.2;}
#album div.tag {position:relative;}
#album div.tag div.list {height:100%; width:350px;background:url(/image/tag02.gif) 0 1px no-repeat; margin:2px 15px 10px 18px;line-height:1.2;padding:0 0 0 25px; font-size:11px;}

#album div.slide { width:99%;position:relative;border-top:1px dashed #d8d8d8;padding:20px 0 0 5px;}
#album div.slide span.all {float:right;font-weight:bold;padding:0 10px 0 0;color:#000;margin:-10px 0 0 0;} 

/* --------- first 5 Photo : Viewing Photo List 2008.02.27 gang modify------- */
#album div.thum {position:relative;padding:20px 0 0 5px;}
/* --------- 2008.02.27 gang modify ------- */
#album div.thum span.pre img {margin:0 0 3px 0;border:none;width:10px;height:31px}
#album div.thum span.pre a img {border:none;}
/*#album div.thum span.pre a:hover img {background:url(/image/btn_pre_on.gif) no-repeat;border:none;}*/
#album div.thum span.pre a:active img {border:none;}
/* --------- Photo List 2008.02.27 gang modify ------- */
#album div.thum a img {margin:3px 3px 0 0;width:90px; height:70px;border:3px solid #d4d4d4}
#album div.thum a img.on {border:3px solid #ff533b}
#album div.thum a:link img {border:3px solid #d4d4d4}
#album div.thum a:hover img {border:3px solid #ff533b}
#album div.thum a:active img {border:3px solid #0000ff}
#album div.thum a:focus img {border:3px solid #0000ff}
/* --------- 2008.02.27 gang modify ------- */
#album div.thum span.next img {margin:0 0px 3px 0;border:none;width:10px;height:31px}
#album div.thum span.next a img {border:none;}
/*#album div.thum span.next a:hover img {background:url(/image/btn_pre_on.gif) no-repeat;border:none;}*/
#album div.thum span.next a:active img {border:none;}

/* --------- Hidden All Photo ------- */
#album div.thumAll {position:relative;padding:20px 0 0 19px}
#album div.thumAll img {margin:3px 3px 0 0;}
#album div.thumAll img.on {border:3px solid #ff533b}
#album div.thumAll a img {width:90px; height:70px;border:3px solid #d4d4d4}
#album div.thumAll a:link img {border:3px solid #d4d4d4}
#album div.thumAll a:hover img {border:3px solid #ff533b}
#album div.thumAll a:active img {border:3px solid #0000ff}
#album div.thumAll a:focus img {border:3px solid #0000ff}

#photoSlide{ width:638px; height:371px; background:#d9d9d9; padding:10px 10px 0 10px;}
#photoSlide div.thumSlide {text-align:center;margin-top:15px;}
#photoSlide div.thumSlide img{  border:3px solid #bbbbbb}

#photoSlide div.thum { float:left; margin:5px;}
#photoSlide div.thum img{  border:3px solid #bbbbbb}
#photoSlide div.thum a img{ border:3px solid #bbbbbb}
#photoSlide div.thum a:hover img{border:3px solid #ff543a}

#photoSlide div.albumSelect{ width:165px; height:108px; background:#f6f6f6; border:solid 1px #fff;}
#photoSlide div.albumkind  { line-height:20px;margin:12px 0 0 10px;}
#photoSlide div.albumList  { width:167px; height:302px; background:#f6f6f6; margin-top:5px;}

#photoSlide div span.tit  {background:url(/image/ico_album_a.gif) no-repeat;font-weight:bold;padding:0 0 0 17px;color:#4b4c4d;margin:5px 0 0 8px;}
#photoSlide div span.tit1 {background:url(/image/ico_album_f.gif) no-repeat;font-weight:bold;padding:0 0 0 17px;color:#4b4c4d;margin:5px 0 0 8px;}
#photoSlide div span.tit2 {background:url(/image/ico_album_s.gif) no-repeat;font-weight:bold;padding:0 0 0 17px;color:#4b4c4d;margin:5px 0 0 8px;}
#photoSlide div span.tit3 {background:url(/image/ico_album_h.gif) no-repeat;font-weight:bold;padding:0 0 0 17px;color:#4b4c4d;margin:5px 0 0 8px;}

#photoSlideCenter{ float:left; width:253px; height:293px;background:#f5f5f5; padding:7px 0 0 0; 
border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc;}
#photoSlideCenter div.thumbg { width:231px; height:256px;background:#ffffff; border:solid 1px #e4e4e4; margin:5px;padding:5px;overflow:scroll;overflow-x:hidden;}

#photoSlideRight { float:left; width:358px; height:293px;background:#f5f5f5; margin:0 0 0 10px; padding:7px 0 0 0; 
border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc;}
#photoSlideRight div.thumbg { width:336px; height:256px;background:#ffffff; border:solid 1px #e4e4e4; margin:5px;padding:5px;}

/* ----------------------------- photo_view.php : END ----------------------------------- */

/* ----------------------------- album_list_modify.php : START ----------------------------------- */
/* 하단의 사진 목록을 표현하는 부분 */
#albumeditImg div.thum {position:relative;border-top:1px dashed #d8d8d8;padding:20px 0 0 5px}
#albumeditImg div.thum img {margin:3px 3px 0 0;}
#albumeditImg div.thum img.on {border:3px solid #ff533b}
#albumeditImg div.thum a img {width:78px; height:53px;border:3px solid #fff}
#albumeditImg div.thum a:link img {border:3px solid #d4d4d4}
#albumeditImg div.thum a:hover img {border:3px solid #ff533b}
#albumeditImg div.thum a:active img {border:3px solid #000000}

/* ----------------------------- album_list_modify.php : END ----------------------------------- */

/* ----------------------------- album_photo_insert.php : START ----------------------------------- */
/* 하나도 안 먹는다 : 왜 그럴까 - function 에서 resource 를 직접 넣어서 사용하는데 이름이 틀려서 ... 애고애고 */
#albumphotolist {width:120px;height:490px;padding:4px;overflow:auto;overflow-x:hidden;float:left;text-align:center;img-align:center;scrollbar-face-color:#CCCCCC;scrollbar-shadow-color:#FFFFFF;scrollbar-highlight-color:#FFFFFF;scrollbar-3dlight--color:#CCCCCC;scrollbar-darkshadow-color:#CCCCCC;scrollbar-track-color:#CCCCCC;scrollbar-arrow-color:#006600;} 
#albumphotolist span.addedtitle {background:url(/image/icon_date.gif) no-repeat;float:left;font-weight:bold;padding:0 0 0 15px;color:#000;margin:0 0 10px 5px;}
#albumphotolist img {margin:3px 0 3px 0;border:3px solid #d4d4d4}
#albumphotolist img.on {border:3px solid #ff533b}
/* ----------------------------- album_photo_insert.php : END ----------------------------------- */

/* ----------------------------- album_photo_list.php : START ----------------------------------- */
#AddPhotoList div.title {height:23px; padding-top:5px;}
#AddPhotoList div.title span.tit {background:url(/image/ico_album_a.gif) no-repeat;font-weight:bold;padding:0 0 0 20px;color:#000;margin:0 0 0 8px;}
#AddPhotoList div.title span.tit1 {background:url(/image/ico_album_f.gif) no-repeat;font-weight:bold;padding:0 0 0 20px;color:#000;margin:0 0 0 8px;}
#AddPhotoList div.title span.tit2 {background:url(/image/ico_album_s.gif) no-repeat;font-weight:bold;padding:0 0 0 20px;color:#000;margin:0 0 0 8px;}
#AddPhotoList div.title span.tit3 {background:url(/image/ico_album_h.gif) no-repeat;font-weight:bold;padding:0 0 0 20px;color:#000;margin:0 0 0 8px;}
#AddPhotoList div.title span.all {float:right;font-weight:bold;padding:0 0 0 0;color:#000;margin:-13px 20px 0 0;} 

#AddPhotoList div.thum {position:relative;padding:5px 0 3px 0; }
#AddPhotoList div.thum img {border:3px; margin:3px 3px 0 0;}
#AddPhotoList div.thum img.on {border:3px solid #ff533b} 
#AddPhotoList div.thum a img {width:90px; height:70px;border:3px solid #d4d4d4}
#AddPhotoList div.thum a:link img {border:3px solid #d4d4d4}
#AddPhotoList div.thum a:hover img {border:3px solid #ff533b}
#AddPhotoList div.thum a:active img {border:3px solid #0000ff}
#AddPhotoList div.thum a:focus img {border:3px solid #0000ff}
#AddPhotoList div.thumAll {position:relative;margin:5px 0 5px 0;}
#AddPhotoList div.thumAll img {margin:3px 3px 0 0;} 
#AddPhotoList div.thumAll img.on {border:3px solid #ff533b}
#AddPhotoList div.thumAll a img {width:90px; height:70px;border:3px solid #d4d4d4}
#AddPhotoList div.thumAll a:hover img {border:3px solid #ff533b}
#AddPhotoList div.thumAll a:link img {border:3px solid #d4d4d4}
#AddPhotoList div.thumAll a:active img {border:3px solid #0000ff}
#AddPhotoList div.thumAll a:focus img {border:3px solid #0000ff}


/* ----------------------------- album_photo_list.php : END ----------------------------------- */


#post {width:530px;position: relative;}
#post input, #post textarea {border:1px solid #b0b0b0;padding:2px;}
#post td {padding:5px 0 6px 10px;}
/*#post div.edit {text-align:center;color:#f43b3b;letter-spacing:-1px;margin:15px}*/
#post div.edit {text-align:center;color:#f43b3b;letter-spacing:-1px;margin:10px}
#post div.postbar{
	width:530px;
	border-bottom: 2px solid #c9c9c9;
	padding:10px 0 5px 5px;
}
#post div.posthead {
	width:530px;
	border-bottom:1px dotted #c9c9c9;
	padding:20px 0 5px 5px;
}
#post div.posttitle {
	display:block;
	width: 520px;
	font-size: 12px;
	color:#000;
	line-height:16px;
	overflow: hidden;
	word-break: break-all;
	letter-spacing: -1px;
}
#post h3.posttitle span.adm {font-size:11px;letter-spacing:-1px;font-weight:bold;color:#8a2a0f}
#post h3.posttitle span.adm a {color:#8a2a0f;}
#post div.posthead  div.postdate {
	width:140px;
	font-size:10px; 
	color:#7d7d7d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
/* 2008.02.21 bhahn add : 사진 우측 상단의 생성일자 표기 ; firefox/IE 가 서로 다 */
}
#post div.content {
	width:530px;
	padding:10px 0;
	line-height:18px;
}
#post div.contentedit {padding:5px 0;background:#f3f3f3; border-top:solid 2px #ddd; border-bottom:solid 2px #ddd;}

#post div.content p.img {margin:5px 0;}
#post div.content p.imgg {margin:12px 0 0 0;}
#post div.content p.con {color:#333;margin:15px 0;}
#post div.content div.taglist {background:url(/image/tag02.gif) 0 1px no-repeat;line-height:1.2;padding:2px 0 0 25px;color:#666;font-size:11px}

#post div.comment {margin:20px 0 0 0}
/* main End */


/* Page_Nav Start */
.pgn {border:1px solid #d1d1d1;background:#f2f2f2;height:15px;font-size:11px;font-family:dotum,Arial;text-decoration:none;display:block;padding:0 5px 0 5px;color:#7b7b7b;font-weight:bold}
.pgn a{color:#7b7b7b;text-decoration:none;}
.pgn a:hover{color:#f60000;background:#fff;text-decoration:none;}
.pgnon {border:1px solid #d1d1d1;background:#ffffff;height:15px;font-size:11px;font-family:dotum,Arial;text-decoration:none;display:block;padding:0 5px 0 5px;color:#f60000;font-weight:bold}
.pgnon a{color:#f60000;text-decoration:none;}
.pgnon a:hover{color:#f60000;background:#fff;text-decoration:none;}
div.pagenav {
	text-align:right;
	margin:8px 5px 10px 0;
}
/* Page_Nav End */