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

/* movie view */
div.movieView {margin-bottom:10px; padding:10px 10px 0; width:200px; height:171px; background:url(../images/main/movie_bg.gif) no-repeat left top;}
	div.movieView div.view {width:200px; height:140px;}
	div.movieView ul {padding-top:7px; width:200px;}
		div.movieView ul li {float:left; margin-right:5px;}

/* round box */
div.roundBox {clear:both; width:100%; background:url(../images/main/round_box_mid.gif) repeat-y left top;}
	div.roundBox div.boxCont {padding:11px 10px 0; width:200px; background:url(../images/main/round_box_top.gif) no-repeat left top;}
	div.roundBox div.boxContBtm {width:100%; height:11px; background:url(../images/main/round_box_btm.gif) no-repeat left bottom;}
	div.roundBox div.boxContBtm02 {width:100%; height:30px; background:url(../images/main/round_box_btm03.gif) no-repeat left bottom;}

	h3.title01 {width:200px; height:18px;}
	h3.title02 {padding-left:5px; width:195px; height:23px;}
	h3.title03 {padding-top:3px; height:19px;}
	h3.title04 {height:18px;}

	ul.contList {clear:both; width:100%;}
		ul.contList li {margin-top:5px; padding-left:9px; font-size:11px; background:url(../images/icon/icon_bullet08.gif) no-repeat 2px 5px; _background-position:2px 4px;}

	div.pollQuestion {margin-bottom:6px; padding:9px 14px; width:172px; background:#F7F4F2;}
		div.pollQuestion h3.tit {padding-left:21px; font-size:11px; background:url(../images/main/tit_q.gif) no-repeat left 1px;}

	ul.pollList {clear:both; margin-bottom:10px; padding:0 5px 0 15px;}
		ul.pollList li {padding-top:3px; font-size:11px;}

	div.contBtn {clear:both; margin-top:10px; padding-top:10px; width:200px; text-align:right; font:0/0 arial; border-top:1px solid #DCDCDC;}

	ul.allSearch {padding:6px 6px 0; height:59px;}
		ul.allSearch li.btn {float:right; width:42px;}
		ul.allSearch li {float:left; width:146px;}
			ul.allSearch li input.in {padding:1px 0 0 5px; border:1px solid #BBB; width:132px; height:16px; background:#F6F6F6;}
	
	div.parLine {width:100%; height:12px; border-top:1px solid #CDCDCD;}

	h3.titTag {margin:0 14px 5px; width:192px; height:20px; border-bottom:1px solid #DCDCDC;}

	ul.tagCont {margin:0 14px; width:192px;}
		ul.tagCont li {display:inline; height:22px; line-height:21px;}
			ul.tagCont li span.bar {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.monthChoice {padding:3px 10px 0; width:178px; height:15px; background:url(../images/main/schedule_bar.gif) no-repeat left top;}
		div.monthChoice div.before {float:left; padding-top:2px;}
		div.monthChoice div.text {float:left; width:168px; text-align:center; color:#FFF; font-weight:bold; line-height:12px;}
		div.monthChoice div.next {float:left; padding-top:2px;}

	ul.latter {clear:both; width:100%; padding-top:5px; border-top:1px solid #DCDCDC;}
		ul.latter li {padding-top:4px; padding-left:9px; font-size:11px; background:url(../images/icon/icon_bullet08.gif) no-repeat 2px 10px; _background-position:2px 9px;}


/* main visual flash */
div.mainVisual {width:420px; height:390px;}
	div.mainVisual dl dt {width:420px; height:344px;}
	div.mainVisual dl dd {width:320px; height:39px; background:url(../images/main/aphorism_back.jpg) no-repeat; color:#fff; padding:7px 0 0 100px; font-size:11px;}

/* round box 2 */
div.roundBox02 {clear:both; width:100%; background:url(../images/main/round_box_mid02.gif) repeat-y left top;}
	div.roundBox02 div.boxCont {padding:16px 13px 0; width:394px; background:url(../images/main/round_box_top02.gif) no-repeat left top;}
		div.roundBox02 div.boxCont dl {width:100%; overflow:hidden;}
			div.roundBox02 div.boxCont dl dt {float:left; margin-right:15px; width:80px; height:70px;}
				div.roundBox02 div.boxCont dl dt img {width:80px; height:70px;}
			div.roundBox02 div.boxCont dl dd {float:left; width:299px; font-size:11px; line-height:16px;}
			div.roundBox02 div.boxCont dl dd.tit {height:21px; font-size:12px; font-weight:bold; line-height:14px;}
	div.roundBox02 div.boxContBtm {width:100%; height:12px; background:url(../images/main/round_box_btm02.gif) no-repeat left bottom;}

/* notice list */
div.newList {clear:both; width:100%; height:125px;}
	div.newList ul.tab {height:20px; background:url(../images/main/tab_line.gif) repeat-x left bottom;}
		div.newList ul.tab li {float:left; margin-right:2px; font:0/0 arial;}
		div.newList ul.tab li.more {float:right; padding-top:6px;}
	
	div.newList ul.title {height:19px; border-bottom:1px solid #DCDCDC;}
		div.newList ul.title li {float:left; padding:0 8px; font:0/0 arial; background:url(../images/icon/bar_line23.gif) no-repeat right 2px;}
		div.newList ul.title li.mainTit {background:url(../images/icon/bar_line26.gif) no-repeat right top;}
		div.newList ul.title li.end {background:none;}
		div.newList ul.title li.more {float:right; padding-top:6px; background:none;}
	
	div.newList div.listView {clear:both; padding:13px 13px 0; width:394px;}
		div.newList div.listView div.mainPhoto {float:left; margin-right:17px; width:80px;}
		div.newList div.listView ul.list {float:left; width:297px; font-size:11px;}
			div.newList div.listView ul.list li {margin:4px 0; padding-left:7px; background:url(../images/icon/icon_bullet08.gif) no-repeat left 5px; _background-position:left 4px;}

/* photo gallery */
div.photoGallery {clear:both; width:100%;}
	div.photoGallery dl {width:100%;}
		div.photoGallery dl dt {margin-bottom:11px; height:19px; border-bottom:1px solid #DCDCDC;}
		div.photoGallery dl dd {float:left; padding-left:25px; width:80px;}
		div.photoGallery dl dd.fir {padding-left:13px;}
			div.photoGallery dl dd p {margin:0; text-align:center; font-size:11px; line-height:11px;}
			div.photoGallery dl dd p.photo {margin:0 0 8px 0; font:0/0 arial; height:70px;}

/* left banner */
div.bannerArea {margin-bottom:10px; width:100%;}
	div.bannerArea ul {clear:both; height:37px; margin-bottom:4px;}
		div.bannerArea ul li {float:left;}
		div.bannerArea ul li.fir {margin-right:3px;}

/* 화제의 ucc */
ul.uccImg {clear:both; width:100%; overflow:hidden;}
	ul.uccImg li {float:left; margin-right:8px; width:74px;}
	ul.uccImg li.btnLeft {padding-top:25px; width:13px;}
	ul.uccImg li.btnRight {margin-right:0; padding-top:24px; width:13px;}
		ul.uccImg li p.img {margin:0 0 7px 0;}
			ul.uccImg li p.img img {width:70px; height:60px; border:2px solid #ccc;}
		ul.uccImg li p.txt {margin:0; font-size:11px; line-height:16px; text-align:center;}

/* 추천불교서적 */
div.recommBook {padding:38px 0 0 14px; width:206px; height:78px; background:url(../images/main/recomm_book_bg.gif) no-repeat left top;}
	div.recommBook div.book {float:left; margin-right:13px; width:55px; height:65px;}
		div.recommBook div.book img {width:53px; height:63px; border:1px solid #C1BCB9;}
	div.recommBook div.info {float:left; width:125px; height:65px; line-height:16px;}
	
/* 사찰로떠나는여행 by Jung DongHun */
div.travelTemple {padding:0px 0 0 0px; width:206px; height:78px; }
	div.travelTemple div.book {float:left; margin-right:13px; width:55px; height:65px;}
	div.travelTemple div.book img {width:53px; height:63px; border:1px solid #C1BCB9;}
	div.travelTemple div.info {float:left; width:125px; height:65px; line-height:16px;}

/* 카페 */
div.cafeContArea {padding:32px 0 0 9px; width:646px; height:161px; background:url(../images/main/cont_btm_bg.gif) no-repeat left top;}
	div.cafeContArea div.contView {float:left; padding:15px 20px 0; width:274px;}
		div.cafeContArea div.contView dl {clear:both; width:274px; height:63px; background:url(../images/icon/dot_line05.gif) repeat-x left bottom;}
			div.cafeContArea div.contView dl dt img {vertical-align:top;}
			/*div.cafeContArea div.contView dl dt {float:left; width:85px;}
				div.cafeContArea div.contView dl dt img {width:70px; height:50px;}
			div.cafeContArea div.contView dl dd {float:left; width:189px;}
				div.cafeContArea div.contView dl dd h4 {height:20px; color:#C84811;}
				div.cafeContArea div.contView dl dd p {margin:0; line-height:16px;}*/		


/* 080313 화제의 ucc 수정DH */
dl.mainEvent {clear:both; width:100%;overflow:hidden;}
	dl.mainEvent dd {float:left; width:164px;}
		dl.mainEvent dd ul {float:left;}
		dl.mainEvent dd ul li {float:left; width:70px; padding-right:10px; _padding-right:8px; }
		dl.mainEvent dd ul li p.img {margin:0 0 7px 0;}
		dl.mainEvent dd ul li p.img img {width:70px; height:60px; border:2px solid #ccc;}
		dl.mainEvent dd ul li p.txt {margin:0; font-size:11px; line-height:16px; text-align:center;}
	dl.mainEvent dt.btnLeft {float:left; padding-top:25px; width:13px; margin-right:10px; _margin-right:8px;}
	dl.mainEvent dt.btnRight {float:right; margin-right:0; padding-top:24px; width:13px;}