@import url(../css/global.css);
@import url(../css/board.css);

#container {width:100%;}

	#headerWrap {margin:0 auto; width:880px; height:68px;}
		#headerWrap div.logo {float:left; padding-top:14px;}
		#headerWrap ul.globalMenu {float:right; padding-top:10px;}
			#headerWrap ul.globalMenu li {float:left; padding:2px 8px 0; background:url(../images/icon/bar_line12.gif) no-repeat left 3px; _background-position:0 2px;}
			#headerWrap ul.globalMenu li.btn {padding:0; background:none;}
			#headerWrap ul.globalMenu li.fir {background:none;}
			#headerWrap ul.globalMenu li.end {padding-right:0;}
					#headerWrap ul.globalMenu li a {color:#444;}
	
	#contentsWrap {margin:0 auto; padding-bottom:20px; _padding-bottom:0px; width:880px;}
		
		/* tab menu */
		ul#topTapList {height:31px; border-bottom:3px solid #7E3F93;}
			ul#topTapList li {float:left; padding-right:1px; font:0/0 arial;}

		#contSec {clear:both; padding-top:10px; width:880px;}
			#contSec #cafeVisual {width:880px; height:145px;}

			#contSec #leftWarp {float:left; margin-right:10px; width:220px;}
			
			#contSec #drawerContent {float:left; margin-bottom:20px; width:650px; height:100%; background:url(../images/community/content_box_mid.gif) repeat-y left top;}
				#contSec #drawerContent div.contMid {padding:20px 20px 0 20px; width:610px; height:100%; _height:500px; min-height:500px; background:url(../images/community/content_box_top.gif) no-repeat left top;}
				#contSec #drawerContent div.contBtm {width:650px; height:20px; background:url(../images/community/content_box_btm.gif) no-repeat left bottom;}
			#contSec #contMainSec {float:left; margin-bottom:20px; width:650px; height:100%; _height:500px; min-height:500px;}
			
			#contSec #drawerContent02 {float:left; margin-bottom:20px; padding:19px; width:610px; height:100%; _height:450px; min-height:450px; border:1px solid #CCC;}

			


/* 로그인 / 로그아웃 */
div.memLogin {float:left; margin:0 0 10px 0; width:220px; height:128px; background:url(../images/common/login_box_bg.gif) no-repeat left top;}
	div.memLogin div.logOut {padding:19px 0 0 20px;}
		div.memLogin div.logOut h3 {height:21px;}
		div.memLogin div.logOut div.loginInput {float:left; width:130px; height:54px;}
			div.memLogin div.logOut div.loginInput dl {width:130px; height:20px; background:url(../images/common/login_input_box.gif) no-repeat left top;}
				div.memLogin div.logOut div.loginInput dl dd {width:130px; height:20px;}
					div.memLogin div.logOut div.loginInput dl dd input {margin:1px 0 0 1px; padding:2px 0 0 2px; width:120px; height:15px; border:0; background:#F6F6F6;}

	div.memLogin div.loginBtn {float:left;}
	div.memLogin div.funcBtn {clear:both;}
	
	div.memLogin div.logIn {padding:19px 0 0 23px;}
		div.memLogin div.logIn h3 {height:19px; font-size:11px;}
		div.memLogin div.logIn div.myInfo {width:172px; height:26px; border:1px solid #DEDEDE; font-size:11px;}
			/*div.memLogin div.logIn div.myInfo div.blog {float:left; padding-top:6px; width:75px; text-align:center; background:url(../images/icon/bar_line01.gif) no-repeat right 8px;}*/
			div.memLogin div.logIn div.myInfo div.cafe {float:left; padding-top:6px; width:172px; text-align:center; }
		div.memLogin div.logIn div.point {padding:8px 0 0 16px; height:20px; font-size:11px; background:url(../images/icon/icon_bullet01.gif) no-repeat 9px 13px;}

/* footer */
#footer {clear:both; position:relative; margin-bottom:20px; width:100%; height:120px;}
		#footer div.footerArea div.menuArea {width:100%; height:39px; background:url(../images/common/foot_line.gif) repeat-x left top;}
			#footer div.footerArea div.menuArea div.menu {margin:0 auto; width:880px; height:39px; background:url(../images/common/foot_line.gif) repeat-x left top;}
				#footer div.footerArea div.menuArea div.menu ul {padding-top:7px; width:880px;}
					#footer div.footerArea div.menuArea div.menu ul li {float:left; padding:0 25px; background:url(../images/common/family_site_bar.gif) no-repeat left 4px;}
					#footer div.footerArea div.menuArea div.menu ul li.fir {padding-left:0; background:none;}
					#footer div.footerArea div.menuArea div.menu ul li.end {float:right; padding:4px 0 0 0; background:0;}

		#footer div.footerArea div.copyRight {margin:0 auto; width:880px; height:78px;}
			#footer div.footerArea div.copyRight div.footLogo {float:left; padding-top:29px; width:200px; text-align:center;}
			#footer div.footerArea div.copyRight div.footMenu {float:left; padding-top:19px;}
				#footer div.footerArea div.copyRight div.footMenu ul {width:680px;}
					#footer div.footerArea div.copyRight div.footMenu ul li {float:left; padding:0 14px; height:22px; background:url(../images/common/foot_bar.gif) no-repeat left 2px;}
					#footer div.footerArea div.copyRight div.footMenu ul li.fir {padding-left:0; background:none;}
					#footer div.footerArea div.copyRight div.footMenu div.copy {clear:both; width:680px;}

/* 커뮤니티 footer */
#communityFooter {clear:both; margin:0 auto 20px; width:880px; border-top:1px solid #CDCDCD;}
	#communityFooter ul {padding-top:20px; text-align:center;}
		#communityFooter ul li {display:inline; padding:0 7px 0 11px; line-height:12px; background:url(../images/icon/bar_line15.gif) no-repeat left top;}
		#communityFooter ul li.fir {padding-left:0; background:none;}
			#communityFooter ul li a {color:#333;}
	#communityFooter p {margin:15px 0 0 0; text-align:center; font-size:11px; color:#333;}

/* ========== 컨텐츠 내용 ========== */
h2.headTitle {margin-bottom:20px; padding-left:11px; height:25px; font-size:15px; line-height:15px; border-bottom:2px solid #CCC; background:url(../images/icon/comm_title_bar.gif) no-repeat left top;}
h2.headTitle02 {margin-bottom:20px; height:23px; font-size:14px; color:#000; line-height:16px; border-bottom:2px solid #CCC;}
	h2.headTitle02 span.subTitle {padding-left:10px; color:#999; font-size:11px; font-weight:normal;}	

/* left menu */
div.leftBanner {clear:both; padding-bottom:5px;}
div.leftMenuSec {clear:both; margin-bottom:10px; width:220px; height:100%; background:url(../images/community/left_menu_box02.gif) repeat-y left top;}
	div.leftMenuSec div.menuBoxTop {padding:19px 17px 0; width:186px; background:url(../images/community/left_menu_box01.gif) no-repeat left top;}
		div.leftMenuSec div.menuBoxTop h3 {margin-bottom:10px; height:21px; border-bottom:1px solid #DCDCDC;}
		div.leftMenuSec div.menuBoxTop ul {padding-left:3px;}
			div.leftMenuSec div.menuBoxTop ul li {padding:0 0 8px 7px; background:url(../images/icon/icon_bullet05.gif) no-repeat left 5px; _background-position:left 4px;}
	div.leftMenuSec div.menuBoxMid {padding:22px 17px 0; width:186px; height:100%; background:url(../images/community/left_menu_box03.gif) no-repeat left top;}
		div.leftMenuSec div.menuBoxMid h3 {margin-bottom:13px; height:21px; border-bottom:1px solid #DCDCDC;}

		/* 인기태그 */
		ul.tag {width:186px;}
			ul.tag li {display:inline; height:20px; line-height:20px; white-space:nowrap;}
				ul.tag li span.bar {padding:0 3px; font-size:11px; color:#CCC;}

				a.tag01, a.tag01:link, a.tag01:visited {padding:2px 0; color:#FFF; font-size:12px; font-weight:bold; background:#E37023; text-decoration:none; cursor:pointer;}
				a.tag01:hover, a.v:active {color:#FFF; font-size:12px; font-weight:bold; background:#E37023; text-decoration:none; cursor:pointer;}
					
				a.tag02, a.tag02:link, a.tag02:visited {color:#DC4200; font-size:12px; font-weight:bold; text-decoration:none; cursor:pointer;}
				a.tag02:hover, a.tag02:active {color:#DC4200; font-size:12px; font-weight:bold; text-decoration:none; cursor:pointer;}
							
				a.tag03, a.tag03:link, a.tag03:visited {color:#666; font-size:11px; font-weight:bold; text-decoration:none; cursor:pointer;}
				a.tag03:hover, a.tag03:active {color:#666; font-size:11px; font-weight:bold;text-decoration:none; cursor:pointer;}
				
				a.tag04, a.tag04:link, a.v:visited {color:#666; font-size:11px; text-decoration:none; cursor:pointer;}
				a.v:hover, a.tag04:active {color:#666; font-size:11px; text-decoration:none; cursor:pointer;}

	div.leftMenuSec div.menuBoxBtm {padding-top:13px; background:url(../images/community/left_menu_box04.gif) no-repeat left bottom;}

/* hot issue */
div.hotIssue {margin-bottom:29px; width:100%; background:url(../images/community/hot_issue_box_mid.gif) repeat-y left top;}
	div.hotIssue div.issueTop {padding:91px 0 0 41px; width:609px; height:188px; background:url(../images/community/hot_issue_box_top.gif) no-repeat left top;}
		div.hotIssue div.issueTop div.btnLeft {float:left; padding:60px 30px 0 0; width:24px;}
		div.hotIssue div.issueTop div.btnRight {float:left; padding:60px 0 0 30px; width:24px;}
		div.hotIssue div.issueTop ul {float:left; width:460px;}
			div.hotIssue div.issueTop ul li.start {float:left; width:210px;}
			div.hotIssue div.issueTop ul li.end {float:right; width:210px;}
				div.hotIssue div.issueTop ul li p.img {margin:0 0 5px 0; padding:0;}
				div.hotIssue div.issueTop ul li p.text {margin:0; padding:0; width:210px; overflow:hidden; text-align:center; font-weight:bold; color:#000;}
				div.hotIssue div.issueTop ul li a img {border:5px solid #DDD;}
				div.hotIssue div.issueTop ul li a:hover img {border:5px solid #A26EB1;}
	div.hotIssue div.issueSearch {clear:both; padding-top:19px; height:42px; text-align:center; background:url(../images/community/hot_issue_box_btm.gif) no-repeat left bottom;}

/* 조회수 베스트 / 추천수 베스트 */
div.bestPhoto {margin:0 auto 20px; width:610px; height:175px; background:url(../images/icon/dot_line01.gif) repeat-x left bottom;}
	div.bestPhoto h3 {margin-bottom:10px; height:22px; border-bottom:1px solid #CCC;}
	div.bestPhoto ul {width:100%;}
		div.bestPhoto ul li {float:left; padding-left:30px;}
		div.bestPhoto ul li.fir {padding-left:0;}
			div.bestPhoto ul li p.img {margin:0 0 10px 0; padding:0;}
			div.bestPhoto ul li p.text {margin:0; padding:0; text-align:center;}

div.photoMent {clear:both; padding-top:10px; text-align:center;}

/* theme hot */
div.hotPhoto {margin-bottom:20px; width:610px; height:191px; background:url(../images/community/hot_box_bg.gif) no-repeat left top;}
	div.hotPhoto ul {padding:21px 0 0 0;}
		div.hotPhoto ul li {float:left; padding-left:21px; width:175px;}
			div.hotPhoto ul li p.img {margin:0 0 7px 0; padding:0;}
			div.hotPhoto ul li p.img img {border:3px solid #FFF;}
			div.hotPhoto ul li p.text {margin:0; font-weight:bold; color:#000;}

/* title */
ul.contHeadView {clear:both; height:21px;}
	ul.contHeadView li {float:right; padding:0 10px; font-size:11px; line-height:11px; background:url(../images/icon/bar_line14.gif) no-repeat left top;}
	ul.contHeadView li.fir {float:left; padding-left:0; font-size:12px; line-height:14px; font-weight:bold; background:none;}
	ul.contHeadView li.none {background:none;}

/* hot topic ucc */
div.topicUcc {margin-bottom:29px; width:100%; background:url(../images/community/hot_issue_box_mid.gif) repeat-y left top;}
	div.topicUcc div.uccTop {padding:91px 49px 0 46px; width:555px; height:355px; background:url(../images/community/hot_topic_ucc_top.gif) no-repeat left top;}
		div.topicUcc div.uccTop div.uccView {float:left; padding-right:16px; width:414px; height:340px;}
		div.topicUcc div.uccTop div.uccList {float:left; width:125px;}
			div.topicUcc div.uccTop div.uccList ul {width:100%;}
					div.topicUcc div.uccTop div.uccList ul li p.img {margin:0 0 5px 0; padding:0;}
						div.topicUcc div.uccTop div.uccList ul li p.img a img {border:5px solid #DDD; width:115px; height:77px;}
						div.topicUcc div.uccTop div.uccList ul li p.img a:hover img {border:5px solid #A26EB1;}
					div.topicUcc div.uccTop div.uccList ul li p.text {margin:0 0 8px 0; width:125px; color:#000; text-align:center; font-weight:bold;}
	div.topicUcc div.uccSearch {clear:both; padding-top:19px; height:42px; text-align:center; background:url(../images/community/hot_issue_box_btm.gif) no-repeat left bottom;}


/* ucc best */
div.bestListArea {width:650px;}
	div.bestUcc {float:left; padding-left:20px; width:295px;}
		div.bestUcc h3 {margin-bottom:10px; height:22px; border-bottom:1px solid #CCC;}
		div.bestUcc dl {width:100%; height:94px;}
			div.bestUcc dl dt {float:left; width:110px; height:74px;}
				div.bestUcc dl dt img {border:2px solid #000; width:106px; height:70px;}
			div.bestUcc dl dd {float:left; padding:5px 0 0 10px; width:175px;}
				div.bestUcc dl dd p.text {margin:0 0 5px 0; font-weight:bold; color:#000; line-height:18px;}
				div.bestUcc dl dd p.value {margin:0; font-size:11px; color:#CC8851;}



/* cafe directory list */
dl.cafeList {clear:both; width:100%;}
	dl.cafeList dd {margin-left:3px; padding:0 0 8px 8px; background:url(../images/icon/icon_bullet05.gif) no-repeat left 5px; _background-position:left 4px;}

/* 상단 코멘트 */
ul.contComment {width:100%; height:23px;}
	ul.contComment li {float:left;}
	ul.contComment li.txt {float:right; font-size:11px;}

/* cafe main */
div.cafeContWapper {float:left; width:650px;}

div.cafeMain {margin-bottom:10px; width:650px; background:url(../images/community/cafe_main_mid.gif) repeat-y left top;}
	div.cafeMain div.cont {padding:10px 10px 0; width:630px; background:url(../images/community/cafe_main_top.gif) no-repeat left top;}
		div.cafeMain div.cont div.visual {margin-bottom:5px; width:630px; height:150px;}
			div.cafeMain div.cont div.visual div.img {float:left; padding-right:6px; width:407px;}
			div.cafeMain div.cont div.visual div.banner {float:left; width:217px;}
		div.cafeMain div.cont div.cafeSearch {clear:both; padding-top:13px; height:32px; text-align:center; background:url(../images/community/cafe_main_search.gif) no-repeat left top;}
	div.cafeMain div.contBtm {padding-top:10px; background:url(../images/community/cafe_main_btm.gif) no-repeat left bottom;}

div.cafeMainCont {margin:0 auto; widht:530px;}
	div.cafeMainCont div.mainLeft {float:left; width:400px;}
		
		div.memberCafeList {margin-bottom:14px; width:100%;}
			div.memberCafeList div.tit {padding-top:18px; height:21px; border-bottom:1px solid #CCC;}
				div.memberCafeList div.tit h3 {float:left; padding-left:10px;}
				div.memberCafeList div.tit ul.func {float:right;}
					div.memberCafeList div.tit ul.func li {float:left; padding-left:11px;}
					div.memberCafeList div.tit ul.func li.txt {padding:0 11px 0 0; _padding-top:2px; font-size:11px; background:url(../images/icon/bar_line20.gif) no-repeat right 2px;}
						div.memberCafeList div.tit ul.func li.txt a {color:#999;}
			div.memberCafeList dl.list {clear:both; padding-top:8px; width:400px;}
				div.memberCafeList dl.list dt {float:left; padding-left:17px; width:328px; background:url(../images/icon/icon_bullet02.gif) no-repeat 10px 6px; _background-position:10px 5px;}
				div.memberCafeList dl.list dd {float:left; width:55px; text-align:center;}

		div.bestCafe {margin-bottom:20px; width:100%;}
			div.bestCafe h3 {padding:11px 0 0 11px; height:26px; border-bottom:2px solid #945CA5;}
			div.bestCafe dl {padding:11px 0 10px 0; width:400px; height:70px; background:url(../images/icon/dot_line01.gif) repeat-x left top;}
			div.bestCafe dl.fir {background:none;}
				div.bestCafe dl dt {float:left;padding:1px; width:96px; height:66px; border:1px solid #CDCDCD; font:0/0 arial;}
				div.bestCafe dl dd {float:left; padding-left:15px; width:275px;}
					div.bestCafe dl dd h4 {font-weight:bold; color:#7B4E88; line-height:18px;}
					div.bestCafe dl dd p.text {margin:0; line-height:18px;}
					div.bestCafe dl dd p.name {margin:0; color:#CC8851; font-size:11px;}
						div.bestCafe dl dd p.name span.line {padding:0 10px;}

		div.photoBest {width:100%;}
			div.photoBest h3 {margin-bottom:10px; padding-left:10px; height:21px; border-bottom:1px solid #CCC;}
			div.photoBest ul.list {clear:both; height:124px;}
				div.photoBest ul.list li {float:left; padding-left:10px;}
					div.photoBest ul.list li p.img {margin:0; width:120px; height:90px;}
						div.photoBest ul.list li p.img img {padding:1px; border:1px solid #CDCDCD; width:116px; height:86px;}
					div.photoBest ul.list li p.tit {margin-top:6px; text-align:center;}

	div.cafeMainCont div.mainRight {float:right; width:230px;}
		div.openCafe {margin-bottom:6px; padding:17px 16px 0; width:198px; height:139px; background:url(../images/community/new_cafe_box.gif) no-repeat left top;}
			div.openCafe h3 {height:21px; border-bottom:1px solid #CCC;}
			div.openCafe ul {width:100%;}
				div.openCafe ul li {margin-top:7px; padding-left:10px; background:url(../images/icon/icon_bullet02.gif) no-repeat 2px 6px; _background-position:2px 5px;}
		
		div.roundBox {width:100%; background:url(../images/community/round_box_mid.gif) repeat-y left top;}
			div.roundBox div.cont {padding:11px 16px 0; background:url(../images/community/round_box_top.gif) no-repeat left top;}
				div.roundBox div.cont h3.tit01 {height:21px; border-bottom:1px solid #CCC;}
				div.roundBox div.cont h3.tit02 {margin-bottom:2px; padding-top:1px; height:24px; border-bottom:1px solid #CCC;}
				div.roundBox div.cont dl {clear:both; margin-top:10px; height:60px;}
					div.roundBox div.cont dl dt {float:left; margin-right:10px; width:60px; height:60px;}
					div.roundBox div.cont dl dd {float:left; width:128px;}
						div.roundBox div.cont dl dd a {font-weight:bold; color:#7B4E88; line-height:18px;}
				
				div.roundBox div.cont ul {clear:both; width:100%;}
					div.roundBox div.cont ul li {margin-top:8px; padding-left:10px; background:url(../images/icon/icon_bullet02.gif) no-repeat 2px 6px; _background-position:2px 5px;}
			div.roundBox div.contBtm {padding-top:14px; background:url(../images/community/round_box_btm.gif) no-repeat left bottom;}

div.cafeValueList {padding:9px 0 0 20px; width:590px; height:21px; font-weight:bold; background:url(../images/community/value_bar.gif) no-repeat left top;}
	div.cafeValueList span.bar {padding:0 9px 0 8px; color:#743885; font-weight:normal;}

div.directotyCafeList {padding:20px 20px 0; width:570px; border-bottom:2px solid #CCC;}
	div.directotyCafeList div.list {padding-bottom:30px;}
		div.directotyCafeList div.list h3 {line-height:20px;}
			div.directotyCafeList div.list a {color:#743885; font-size:13px; text-decoration:underline;}
		div.directotyCafeList div.list p.text {margin:0; line-height:20px;}
		div.directotyCafeList div.list ul {clear:both; width:100%;}
			div.directotyCafeList div.list ul li {float:left; padding:0 10px; font-size:11px; color:#999; background:url(../images/icon/bar_line21.gif) no-repeat left 2px; _background-position:left 1px;}
			div.directotyCafeList div.list ul li.fir {padding-left:0; background:none;}

div.cafeSearchBar {margin-bottom:10px; padding-top:13px; width:610px; height:32px; text-align:center; background:url(../images/community/cafe_search_bar.gif) no-repeat left top;}

ul.searchTab {clear:both; margin-bottom:20px; width:100%; height:25px; background:url(../images/community/tab_line.gif) repeat-x left bottom;}
	ul.searchTab li {float:left; margin-right:2px; width:93px; height:25px;}
		ul.searchTab li a, ul.searchTab li a:link, ul.searchTab li a:visited {display:block; padding-top:8px; _padding-top:9px; width:93px; height:17px; _height:16px; text-align:center; background:url(../images/community/tab_off.gif) no-repeat left top;}
		ul.searchTab li a:hover, ul.searchTab li a:active {display:block; padding-top:8px; _padding-top:9px; width:93px; height:17px; _height:16px; font-weight:bold; color:#743885; text-align:center; background:url(../images/community/tab_on.gif) no-repeat left top;}
		ul.searchTab li a.now, ul.searchTab li a.now:link, ul.searchTab li a.now:visited, ul.searchTab li a.now:hover, ul.searchTab li a.now:active {display:block; padding-top:8px; _padding-top:9px; width:93px; height:17px; _height:16px; font-weight:bold; color:#743885; text-align:center; background:url(../images/community/tab_on.gif) no-repeat left top;}

div.searchTitValue {margin-bottom:16px; padding-left:10px; height:21px; border-bottom:2px solid #CCC; font-weight:bold;}
	div.searchTitValue span.bar {padding:0 9px 0 8px; color:#743885; font-weight:normal;}

div.searchListValue {width:610px;}
	div.searchListValue div.list {clear:both; padding:0 10px 30px;}
		div.searchListValue div.list h3 {line-height:20px;}
		div.searchListValue div.list h3 span.date {padding-left:12px; font-size:11px; font-weight:normal; color:#999;}
			div.searchListValue div.list a {color:#743885; font-size:13px; text-decoration:underline;}
		div.searchListValue div.list p.text {margin:0; line-height:20px;}
		div.searchListValue div.list ul {clear:both; width:100%;}
			div.searchListValue div.list ul li {float:left; padding:0 10px; font-size:11px; color:#999; background:url(../images/icon/bar_line21.gif) no-repeat left 2px; _background-position:left 1px;}
			div.searchListValue div.list ul li.fir {padding-left:0; background:none;}
				div.searchListValue div.list ul li a.cafe {font-size:12px; color:#1D94AD; text-decoration:underline;}
	div.searchListValue p.more {clear:both; margin:0; text-align:right;}
		div.searchListValue p.more a {text-decoration:underline;}

div.cafeListLine {width:610px; border-bottom:2px solid #CCC;}
	div.cafeListLine div.list {clear:both; padding:18px 10px; background:url(../images/icon/dot_line01.gif) repeat-x left top;}
	div.cafeListLine div.fir {padding-top:0; background:none;}
		div.cafeListLine div.list h3 {font-weight:normal; line-height:20px;}
			div.cafeListLine div.list a {color:#743885; font-size:12px;}
		div.cafeListLine div.list p.text {margin:0; line-height:20px;}
		div.cafeListLine div.list ul {clear:both; width:100%;}
			div.cafeListLine div.list ul li {float:left; padding:0 10px; font-size:11px; color:#999; background:url(../images/icon/bar_line21.gif) no-repeat left 2px; _background-position:left 1px;}
			div.cafeListLine div.list ul li.fir {padding-left:0; background:none;}

dl.memeberAppMent {margin-bottom:8px; padding-left:10px;}
	dl.memeberAppMent dt {line-height:18px; color:#743885; font-size:13px; font-weight:bold;}
	dl.memeberAppMent dd {line-height:18px; padding-left:8px; background:url(../images/icon/icon_bullet02.gif) no-repeat left 8px; _background-position:left 7px;}

/* cafe area */
#cafeVisual div.visual {margin-bottom:1px; width:880px; height:100px;}
	#cafeVisual div.visual div.cafeInfo {position:absolute; margin:33px 0 0 30px;}
		#cafeVisual div.visual div.cafeInfo h2.cafeName {font-size:15px; line-height:16px;}
		#cafeVisual div.visual div.cafeInfo h2.cafeAdd {margin-top:8px; font-size:15px; line-height:16px;}
			#cafeVisual div.visual div.cafeInfo h2 a {color:#000;}
	#cafeVisual div.visual div.img {font:0/0 arial;}

#cafeVisual div.infoCont {margin-bottom:8px; width:880px; height:36px; background:#2CC3C8;} 
	#cafeVisual div.infoCont ul {padding:0 20px; width:840px;}
		#cafeVisual div.infoCont ul li {float:left; padding-top:12px; color:#FFF;}
		#cafeVisual div.infoCont ul li.search {float:right; padding-top:8px; background:url(../images/community/cafe_search_bg.gif) no-repeat left 8px;}	
			#cafeVisual div.infoCont ul li span.bar {padding:0 10px; color:#96E1E4;}
			#cafeVisual div.infoCont ul li.search input {margin-left:5px; padding:0 0 0 0; width:140px; height:14px; border:0;}

/* cafe left menu */
div.cafeLeftLayer {margin-bottom:5px; width:214px; border:3px solid #2CC3C8;}
	div.cafeLeftLayer ul.cafeTab {width:100%; height:28px;}
		div.cafeLeftLayer ul.cafeTab li {float:left; text-align:center; font-weight:bold;}
		div.cafeLeftLayer ul.cafeTab li.info_on {width:105px;}
		div.cafeLeftLayer ul.cafeTab li.my_on {width:106px; border-left:3px solid #2CC3C8; border-bottom:3px solid #2CC3C8; background:#6BD5D8;}
			div.cafeLeftLayer ul.cafeTab li.info_on a {display:block; padding-top:8px; width:105px; height:18px; color:#000;}
			div.cafeLeftLayer ul.cafeTab li.my_on a {display:block; padding-top:8px; width:106px; height:18px; color:#FFF;}

		div.cafeLeftLayer ul.cafeTab li.info_off {width:105px; border-right:3px solid #2CC3C8; border-bottom:3px solid #2CC3C8; background:#6BD5D8;}
		div.cafeLeftLayer ul.cafeTab li.my_off {width:106px;}
			div.cafeLeftLayer ul.cafeTab li.info_off a {display:block; padding-top:8px; width:105px; height:18px; color:#FFF;}
			div.cafeLeftLayer ul.cafeTab li.my_off a {display:block; padding-top:8px; width:106px; height:18px; color:#000;}

div.cafeLeftLayer div.layerCont {margin:0 auto; width:186px; color:#333;}
	div.cafeLeftLayer div.layerCont ul.cafeInfoList {margin:20px 0 10px 0; width:100%; height:63px; background:url(../images/icon/dot_line02.gif) repeat-x left bottom;}
		div.cafeLeftLayer div.layerCont ul.cafeInfoList li {height:20px;}
			div.cafeLeftLayer div.layerCont ul.cafeInfoList li a {color:#333;}

	div.cafeLeftLayer div.layerCont div.myCafeInfo {margin:27px 0 10px 0; width:100%; height:56px;  background:url(../images/icon/dot_line02.gif) repeat-x left bottom;}
		div.cafeLeftLayer div.layerCont div.myCafeInfo ul {width:100%; height:19px;}
			div.cafeLeftLayer div.layerCont div.myCafeInfo ul li {float:left; padding-left:10px; width:83px;}

			div.cafeLeftLayer div.layerCont p.btn {margin:0; text-align:center;}
			div.cafeLeftLayer div.layerCont p.func {margin:8px 0 15px 0; text-align:center;}
				div.cafeLeftLayer div.layerCont p.func span.bar {padding:0 10px; color:#BFBFBF;}
				div.cafeLeftLayer div.layerCont p.func a {color:#333; font-weight:bold;}

div.cafeMenuList {margin-bottom:10px; padding:15px 14px 5px; width:186px; border:3px solid #2CC3C8;}
	div.cafeMenuList ul {width:100%;}
		div.cafeMenuList ul li {padding:0 0 0 3px; height:21px;}
			div.cafeMenuList ul li a {color:#333 !important;}
	div.cafeMenuList div.divisionLine {width:100%; height:10px; background:url(../images/icon/dot_line02.gif) repeat-x left top;}

div.join {margin-bottom:20px; padding:15px 20px; width:178px; border:1px solid #CCC; background:#F5F5F5;}
	div.join p.break {margin:0 0 14px 0; padding-left:14px; height:26px; border-bottom:1px solid #CCC; background:url(../images/icon/icon_bullet06.gif) no-repeat 5px 5px; _background-position:5px 4px;}
		div.join p.break a {color:#333 !important; font-weight:bold;}
	div.join ul {width:100%; height:11px;}
		div.join ul li {float:left; padding:0 0 0 20px; width:77px; font-size:11px; line-height:11px; _line-height:12px; font-weight:bold; color:#333; background:url(../images/icon/bar_line23.gif) no-repeat left 1px;}
		div.join ul li.fir {padding:0 5px 0 13px; width:63px; background:none;}

div.cafeApp {margin-bottom:10px; width:100%; border-top:2px solid #CCC;}
	div.cafeApp dl {padding:0 10px 9px; width:590px; border-bottom:1px solid #CCC; background:#F5F5F5;}
		div.cafeApp dl dt {padding-top:10px; height:22px;}
		div.cafeApp dl dd {padding-left:47px;}

/* 카페 관리자 왼쪽 메뉴 */
div.cafeAdminMenu {width:220px; background:url(../images/community/admin_menu_mid.gif) repeat-y left top;}
	div.cafeAdminMenu div.cont {padding:44px 17px 0; width:186px; background:url(../images/community/admin_menu_top.gif) no-repeat left top;}
		div.cafeAdminMenu div.cont div.head {padding:0 10px; width:166px; border-bottom:1px solid #DCDCDC;}
			div.cafeAdminMenu div.cont div.head span.name a {color:#000; font-weight:bold;}
			div.cafeAdminMenu div.cont div.head span.add a {color:#999; font-size:11px;}
			div.cafeAdminMenu div.cont div.head p.btn {margin:0; padding:8px 0 10px 0;}
		div.cafeAdminMenu div.cont dl.adminMenu {clear:both;}
			div.cafeAdminMenu div.cont dl.adminMenu dt {padding:9px 13px 7px; _padding-bottom:6px; border-bottom:1px solid #DCDCDC;}
				dl.adminMenu dt a, dl.adminMenu dt a:link, dl.adminMenu dt a:visited {font-weight:bold; color:#000;}
				dl.adminMenu dt a:hover {font-weight:bold; color:#7E3F93;}
				dl.adminMenu dt a.select, dl.adminMenu dt a.select:link, dl.adminMenu dt a.select:visited, dl.adminMenu dt a.select:hover, dl.adminMenu dt a.select:active {font-weight:bold; color:#7E3F93;}

			div.cafeAdminMenu div.cont dl.adminMenu dd {padding:9px 13px 7px 22px; _padding-bottom:6px; border-bottom:1px solid #DCDCDC; background:url(../images/icon/icon_bullet05.gif) no-repeat 13px 14px; _background-position:13px 13px;}
			div.cafeAdminMenu div.cont dl.adminMenu dd.fir {border-bottom:0;}
				dl.adminMenu dd a:hover {font-weight:bold; color:#7E3F93;}
				dl.adminMenu dd a.select, dl.adminMenu dd a.select:link, dl.adminMenu dd a.select:visited, dl.adminMenu dd a.select:hover, dl.adminMenu dd a.select:active {font-weight:bold; color:#7E3F93;}

	div.cafeAdminMenu div.contBtm {padding-top:20px; width:220px; background:url(../images/community/admin_menu_btm.gif) no-repeat left bottom;}

/* 카페 관리자 */
div.menuAdminArea {clear:both; width:100%;}
	div.menuAdminArea div.add {float:left; padding-top:30px; width:48px; text-align:center;}

div.previouslyView {float:right; width:180px;}
div.previouslyView div.previouslyList {padding:15px 13px 5px; width:154px; border:1px solid #CCC;}
	div.previouslyView p.tit {margin:0; height:23px;}
	div.previouslyView div.previouslyList ul {clear:both; width:100%;}
		div.previouslyView div.previouslyList ul li {padding:0 0 0 3px; height:21px;}
			div.previouslyView div.previouslyList ul li a {color:#333 !important;}
	div.previouslyView div.previouslyList div.divisionLine {width:100%; height:10px; background:url(../images/icon/dot_line02.gif) repeat-x left top;}

/* 가입 질문 답변 */
dl.entryJoinInfo {clear:both; margin:5px 0; line-height:13px;}
	dl.entryJoinInfo dt {font-size:11px; padding-bottom:6px; width:530px; border-bottom:1px solid #E0E0E0;}

dl.entryReply {clear:both; padding:5px 0; width:100%; line-height:15px;}
	dl.entryReply dt {float:left; width:45px; color:#FF6600; font-weight:bold;}
	dl.entryReply dd {float:left; width:485px;}

/* cafe inner round box */
div.innerRoundBox {margin-bottom:20px; width:100%; background:url(../images/community/inner_roundbox_mid.gif) repeat-y left top;}
	div.innerRoundBox div.innerCont {padding:21px 20px 0; width:570px; background:url(../images/community/inner_roundbox_top.gif) no-repeat left top;}
	div.innerRoundBox div.innerContBtm {padding-top:21px; background:url(../images/community/inner_roundbox_btm.gif) no-repeat left bottom;}

/* sample skin */
div.sampleSkinView {float:left; width:285px;}
	div.sampleSkinView dl {padding-top:8px; height:60px;}
	div.sampleSkinView dl.fir {padding-top:0;}
		div.sampleSkinView dl dt {float:left; padding-top:24px; width:20px; height:36px;}
		div.sampleSkinView dl dd {float:left; width:265px; height:60px; font:0/0 arial;}

ul.titleImg {width:100%;}
	ul.titleImg li {padding-left:8px; font-size:11px; color:#999;}
	ul.titleImg li.img {padding-bottom:8px; font-weight:bold; color:#666; font-size:12px; background:url(../images/icon/icon_bullet06.gif) no-repeat left 9px;}

div.ChangeColorLarge {margin-right:2px; padding:2px; width:14px; height:14px; border:1px solid #ADAFAA;}
	div.ChangeColorLarge img {font:0/0 arial;}

div.colorArrayal {position:absolute; margin:-123px 0 0 280px; width:175px; height:136px; border:3px solid #DADADA; background:#FFF;}
	div.colorArrayal p.close {margin:0; padding:1px; height:18px; text-align:right;}
	div.colorArrayal ul {padding:0 9px 1px 10px;}
		div.colorArrayal ul li {float:left; padding:0 1px 1px 0; width:11px; height:11px; font:0/0 arial;}

/* 카페 통계 */
ul.statisticsBar {margin:8px 0; width:100%; height:13px;}
	ul.statisticsBar li {padding:2px; width:450px; height:7px; border:1px solid #D0D0D0; font:0/0 arial;}
		ul.statisticsBar li img {height:7px;}

/* 카페 폐쇄 */
div.shutDownMent {margin-bottom:20px; padding:20px 20px 13px; width:570px; border-top:2px solid #CCC; border-bottom:1px solid #CCC; background:#F5F5F5;}
	div.shutDownMent p {margin:0; height:18px;}
div.shutDownMent02 {margin-bottom:10px; padding:0 20px 12px; width:570px; border-bottom:1px solid #CCC; line-height:20px;}
	div.shutDownMent02 p {margin:0; height:20px;}