@charset "utf-8";
/* CSS Document */

.bluelink a:link {color:#308ab4;text-decoration:none;}
.bluelink a:visited {color:#308ab4;text-decoration:none;} 
.bluelink a:hover {color:#308ab4;text-decoration:underline;} 


.arrow { float:right; width:5px; height:16px;background-image:url(../img/cafe/cafepack7.png);background-position: -2px -153px; cursor:pointer; margin:1px 0 0 7px; }
.moretxt { float:right; width:160px; height:16px; cursor:pointer }

.toparea { position:relative; width:960px; }

	.topinfo { position:relative;  width:960px;height:40px; }
/*		.topinfo .cafelogo {float:left; margin:6px 0 0 0px;  width:69px; height:35px;  background-image:url(../img/cafe/cafepack7.png);background-position: 0px 0px; cursor:pointer }*/
		.topinfo .tip {float:left; margin:17px 8px 0 20px; height:16px; color:#888; }
		
		.topinfo .tip strong{ color:#444; font-weight:normal;}
		.topinfo .tip b{ color:#444; font-weight:normal; }
		
		.topinfo .info { float:left; margin:16px 0 0 12px; font-size:13px; font-weight:bold; color:#804a2d}
			.topinfo .info small{font-size:10px; color:#aaa; padding:0 5px; font-weight:normal}
		.topinfo .date { float:right; margin:18px 10px 0 0; font-family:Verdana, Geneva, sans-serif; font-size:13px;}
		.topinfo .todayimg {float:right; margin:20px 8px 0 0; width:36px; height:16px; background-image:url(../img/cafe/cafepack7.png);background-position: 0px -119px; }
		
		.topinfo a:link {color:#666;text-decoration:none;}
		.topinfo a:visited {color:#666;text-decoration:none;} 
		.topinfo a:hover {color:#308ab4;text-decoration:none;} 		
		

.bodyleft {float:left; width:780px; padding-bottom:20px; z-index:2;  }
.bodyright { float:right; width:176px;  padding-top:0px; z-index:1;  }	
	
.catmenu { position:relative;  width:780px;height:31px; }
	.catmenu .maincat { float:left; width:780px; height:30px; background:url(../img/cafe/manu_catbg2.png) repeat-x; background-position:0px -30px; border:1px solid #cbc8c7; border-bottom:none}
	.catmenu .maincat .on { float:left;height:18px; background:url(../img/cafe/manu_catbg2.png) repeat-x; background-position:0px 0px; padding:6px 0px; color:#FFF; font-weight:bold; text-align:center}
	.catmenu .maincat .off {float:left; height:18px; padding:6px 0px; color:#444; cursor:pointer; border-right:1px solid #eae9e7;text-align:center}

	.catmenu .maincat .info {background:#f9f7f3;float:left; height:17px; padding:6px 0px; color:#8c8c8c;border-bottom:1px solid #eae9e7;border-right:1px solid #eae9e7;text-align:center}
	.catmenu .maincat .info .text {float:left; width:60px; text-align:right;  color:#bbb }
	.catmenu .maincat .info .arrow {float:left; width:4px; overflow:hidden; height:6px; background-image:url(../img/cafe/cafepack7.png);background-position: -56px -102px; margin-top:7px;}
	

.catmenu a:hover {text-decoration:none;} 

.videoicon{ bottom:82px; right:10px; width:20px; height:19px; margin:-22px 0 0 94px;}

.viewpoint_1{float:left; width:26px; overflow:hidden; height:16px; background-image:url(../img/cafe/cafepack7.png);background-position: -82px -59px}
.viewpoint_2{float:left; width:26px; overflow:hidden; height:16px; background-image:url(../img/cafe/cafepack7.png);background-position: -82px -76px}
.viewpoint_3{float:left; width:26px; overflow:hidden; height:16px; background-image:url(../img/cafe/cafepack7.png);background-position: -82px -93px}
.viewpoint_4{float:left; width:26px; overflow:hidden; height:16px; background-image:url(../img/cafe/cafepack7.png);background-position: -82px -110px}
.viewpoint_5{float:left; width:26px; overflow:hidden; height:16px; background-image:url(../img/cafe/cafepack7.png);background-position: -82px -127px}

.recomcontent { position:relative; width:958px; height: 330px;border:1px solid #cbc8c7; border-bottom:none; border-top:none; margin-bottom:10px;}
	.recomcontent .paper { float:left; padding:54px 0 0 26px;  width:304px; height:276px; _height:276px; background:url(../img/cafe/main_bg1.png) repeat-x left top}
	
	#id_recompapermore { position:absolute; left:295px; top:16px; width:16px; height:16px; background-image:url(../img/cafe/cafepack7.png);background-position: 0px -136px; cursor:pointer}
	.recomcontent .paper .title { position:absolute; width:71px; height:16px; background-image:url(../img/cafe/cafepack7.png);background-position: -136px 0px; left:20px; top:13px;}
	
	.recomcontent .paper .recompaper {position:relative; width:284px; height:66px; padding:0 0 0 0}
	.recomcontent .paper .recompaper .no1 { float:left; width:13px; height:13px; background-image:url(../img/cafe/cafepack7.png);background-position: 0px -102px; margin-top:2px;}
	.recomcontent .paper .recompaper .no2 { float:left; width:13px; height:13px; background-image:url(../img/cafe/cafepack7.png);background-position: -14px -102px; margin-top:2px;}
	.recomcontent .paper .recompaper .no3 { float:left; width:13px; height:13px; background-image:url(../img/cafe/cafepack7.png);background-position: -28px -102px; margin-top:2px;}
	.recomcontent .paper .recompaper .no4 { float:left; width:13px; height:13px; background-image:url(../img/cafe/cafepack7.png);background-position: -42px -102px; margin-top:2px;}
	
	.recomcontent .paper .recompaper .thumb { float:left; margin-left:6px;  width:66px; height:48px; background:#FFF; border:1px solid #efefef; padding:3px; }
	.recomcontent .paper .recompaper .thumb .inthumb { float:left; width:66px; height:48px; background:#000;overflow:hidden}
	.recomcontent .paper .recompaper .info { float:left;margin:2px 0 0 10px;  width:174px; height:60px;}
	.recomcontent .paper .recompaper .info h1 { font-size:12px; color:#FFF; font-weight:bold;height:18px;overflow:hidden}
	.recomcontent .paper .recompaper .info h2 { font-size:12px; color:#b5b0ad; font-weight:normal; height:16px;overflow:hidden}
	.recomcontent .paper .recompaper .info h3 { font-size:11px; color:#b5b0ad; font-weight:normal; height:17px; overflow:hidden}
	
	.recomcontent a:link {color:#fff;text-decoration:none;}
	.recomcontent a:visited {color:#fff;text-decoration:none;} 
	.recomcontent a:hover {color:#fff;text-decoration:underline;} 	


.recomcontent .video { float:left; width:628px; height:330px; background:url(../img/cafe/main_bg2.png) repeat-x left top}						
	.recomcontent .video .title { position:absolute; width:74px; height:16px; background-image:url(../img/cafe/cafepack7.png);background-position: -136px -17px; left:348px; top:13px;}

	#id_playvideotitle { position:absolute; width:305px; height:16px; left:400px; top:300px; color:#FFF; text-align:center; overflow:hidden;}

	#id_recomvideomore {position:absolute; left:744px; top:16px; width:16px; height:16px; background-image:url(../img/cafe/cafepack7.png);background-position: 0px -136px; cursor:pointer}

	#id_reccurrentplay{ position:absolute; left:350px; top:48px; width:332px; height:268px; background:#000; border:#000 1px solid; z-index:10; background:#000}
	#id_recvideothumb1{position:absolute; left:700px; top:49px; width:80px; height:60px; background:#000; }
	#id_recvideothumb2{position:absolute; left:700px; top:117px; width:80px; height:60px; background:#000;}
	#id_recvideothumb3{position:absolute; left:700px; top:185px; width:80px; height:60px; background:#000;}
	#id_recvideothumb4{position:absolute; left:700px; top:253px; width:80px; height:60px; background:#000;}

	#id_recvideotitle1{position:absolute; left:790px; top:54px; width:140px; height:50px; line-height:140%; overflow:hidden}
	#id_recvideotitle2{position:absolute; left:790px; top:122px; width:140px; height:50px; line-height:140%; overflow:hidden}
	#id_recvideotitle3{position:absolute; left:790px; top:190px; width:140px; height:50px; line-height:140%; overflow:hidden}
	#id_recvideotitle4{position:absolute; left:790px; top:258px; width:140px; height:50px; line-height:140%; overflow:hidden}
	
	.recselected { border:#fff799 2px solid}
	.recnoselected { border:#222 2px solid;}
	
	#id_recomvideoshow{ width:332px; height:268px;}
	
.videocontent { position:relative; width:780px; height:410px; border-left:1px solid #cbc8c7; border-right:1px solid #cbc8c7; } 
	.videocontent .maintitle {position:absolute; left:20px; top:17px; width:95px; height:22px;  background-image:url(../img/cafe/cafepack7.png);background-position: -136px -52px;}
/*	.videocontent .more { position:absolute; right:26px; top:26px; width:16px; height:16px; background-image:url(../img/cafe/cafepack7.png);background-position: -17px -136px; cursor:pointer}
*/	
	.videocontent .videopoptitle {position:absolute; left:24px; top:54px; width:30px; height:17px;  background-image:url(../img/cafe/cafepack7.png);background-position: -8px -153px;}
	.videocontent .videonewtitle {position:absolute; left:24px; top:214px; width:30px; height:17px;  background-image:url(../img/cafe/cafepack7.png);background-position: -39px -153px;}
	
	.videocontent ol { position:absolute; left:24px;width:740px; height:145px; }
	
	.videocontent ol li {float:left; width:120px; height:145px; padding-right:2px;}
	.videocontent ol li .date {float:left; width:116px; height:18px; text-align:right; color:#ff57a6; font-style:11px;}
	.videocontent ol li .thumb {float:left; width:120px; height:90px; }
	.videocontent ol li .title {float:left; width:114px; height:28px; padding:5px 3px 3px 3px; line-height:130%; overflow:hidden}
	
	#id_videocontent { float:left; margin-top:50px;  padding-left:30px;}
	.videocontent .videoitem { float:left; width:120px; height:140px;  padding:12px 12px 20px 12px;}
	.videocontent .videoitem  .thumb {float:left; width:120px; height:90px; border:#333 2px solid}
	.videocontent .videoitem  .title {float:left; width:114px; height:25px; padding:5px 2px; line-height:130%;overflow:hidden;}
	.videocontent .videoitem  .view {float:left; width:114px; padding:3px 3px; overflow:hidden; font-size:11px; color:#8f8f8f;}
	
	.videocontent .videoitem  .view .verti { float:left; width:1px; height:19px; background-image:url(../img/cafe/cafepack7.png);background-position: 0px -153px; margin:0 5px;}
	.videocontent .videoitem  .view .cont { float:left; height:14px;  }
	
	#id_videocontent .more2 { float:left; width:730px;  display:block; text-align:right; padding:2px 0px 0 0}
	#id_videocontent .order { float:left; width:710px; height:40px;  text-align:right}

	
	#id_videocontent .order small { color:#ccc; font-size:10px; padding:2px 5px 0 5px}


.more {background:transparent url(../img/bullet_arrow.gif) no-repeat scroll left 3px;color:#7D7D7D;display:block;font-family:"돋움",Dotum,"굴림",Gulim,AppleGothic,Sans-serif;font-size:11px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:-1px;line-height:normal;padding:0 0 0 7px;position:absolute;right:30px; top:24px;}
.more3 { position:absolute; right:30px; top:20px; width:300px; height:24px; text-align:right}
/*.more4 { position:absolute; right:30px; bottom:30px; width:730px;  display:block; text-align:right; padding:10px 0px 0 0}
*/

.contentbottom1 { background:#FFF url(../img/cafe/main_video_bg.png) bottom repeat-x}
.contentbottom2 {background:#FFF; border-bottom:1px solid #cbc8c7; }

.papercontent { position:relative; width:780px; height:530px; border-left:1px solid #cbc8c7; border-right:1px solid #cbc8c7;}
	.papercontent .maintitle {position:absolute; left:20px; top:20px; width:101px; height:19px;  background-image:url(../img/cafe/cafepack7.png);background-position: -136px -75px;}
/*	.papercontent .more {position:absolute; right:26px; top:26px; width:16px; height:16px; background-image:url(../img/cafe/cafepack7.png);background-position: -17px -136px; cursor:pointer}
*/	.papercontent .paperpoptitle {position:absolute; left:29px; top:50px; width:30px; height:17px;  background-image:url(../img/cafe/cafepack7.png);background-position: -8px -153px;}
	.papercontent .papernewtitle {position:absolute; left:405px; top:50px; width:30px; height:17px;  background-image:url(../img/cafe/cafepack7.png);background-position: -39px -153px;}

	.papercontent ul { position:absolute; top:66px; width:360px; height:440px; overflow:hidden; }
	
	.papercontent ul li {float:left; width:360px; height:97px;padding:8px 0 0 0;}	
	.papercontent ul li .thumb { float:left; margin-left:4px;  width:114px; height:88px; background-image:url(../img/cafe/cafepack7.png);background-position: -111px -95px; padding:9px 0 0 9px; }
	.papercontent ul li .thumb .inthumb { float:left; width:108px; height:82px; background:#000;overflow:hidden}
	.papercontent ul li .info { float:left;margin-left:10px;  width:210px; height:82px; padding-top:6px;}
	.papercontent ul li .info h1 { font-size:13px; color:#565656; font-weight:bold;height:20px;overflow:hidden; }
	.papercontent ul li .info h2 { font-size:12px; color:#797979; font-weight:normal; height:17px;overflow:hidden;}
	.papercontent ul li .info h3 { font-size:11px; color:#8f8f8f; font-weight:normal;overflow:hidden; padding-top:4px;}	
	.papercontent ul li .info h4 { font-size:11px; color:#8f8f8f; font-weight:normal;overflow:hidden; padding-top:2px;}	

	.papercontent ul li .info h3 .verti { float:left; width:1px; height:19px; background-image:url(../img/cafe/cafepack7.png);background-position: 0px -153px; margin:0 5px;}
	.papercontent ul li .info h3 .cont { float:left; }




	#id_papercontent { float:left; margin-top:56px;  padding-left:30px;}
	.papercontent .paperitem { float:left; width:360px; height:102px;  padding:0px 0 10px 0;}
	
	.papercontent .paperitem .thumb { float:left; margin-left:4px;  width:114px; height:88px; background-image:url(../img/cafe/cafepack7.png);background-position: -111px -95px; padding:9px 0 0 9px; }
	.papercontent .paperitem .thumb .inthumb { float:left; width:108px; height:82px; background:#000;overflow:hidden}
	.papercontent .paperitem .info { float:left;margin-left:10px;  width:210px; height:82px; padding-top:6px;}
	.papercontent .paperitem .info h1 { font-size:13px; color:#565656; font-weight:bold; height:20px;overflow:hidden}
	.papercontent .paperitem .info h2 { font-size:12px; color:#797979; font-weight:normal; height:17px;overflow:hidden}
	.papercontent .paperitem .info h3 { font-size:11px; color:#797979; font-weight:normal;overflow:hidden; padding-top:4px;}
	
	.papercontent .paperitem  .info h4 { font-size:11px; color:#8f8f8f; font-weight:normal;overflow:hidden; padding-top:4px;}	

	.papercontent .paperitem  .info h3 .verti { float:left; width:1px; height:19px; background-image:url(../img/cafe/cafepack7.png);background-position: 0px -153px; margin:0 5px;}
	.papercontent .paperitem  .info h3 .cont { float:left; }
	
	
	#id_papercontent .more2 { float:left; width:730px;  display:block; text-align:right; padding:10px 0px 0 0}
	#id_papercontent .order { float:left; width:710px; height:40px;  text-align:right}


	#id_papercontent .order small { color:#ccc; font-size:10px; padding:2px 5px 0 5px}


	.pagenav { float:left; width:720px;  display:block; text-align:center; padding:20px 0px 0 0; color:#aaa}
	
	.bottom { float:left; display:block; width:100%; height:38px; background:#e8e5e3 url(../img/bottombg.gif) top repeat-x; padding-top:15px; margin-top:10px;}

	.bottom .inbottom	{position:relative; margin:0; width:960px; margin-left:auto; margin-right:auto; overflow:hidden; padding-top:2px;}
	.bottom .inbottom .left	{float:left; overflow:hidden; text-align:left; color:#8c8c8c; font-size:11px; padding:1px 0 0 20px; }
	.bottom .inbottom .right	{float:right; overflow:hidden; width:159px; height:17px; background-image:url(../img/cafe/cafepack7.png);background-position: 0px -193px; margin-right:10px;}



	.bodyright .paperad { float:right; width:166px; height:241px; margin-top:2px; padding:0px 0px 0px 0px; margin-bottom:10px; border:1px solid #cecece}


#pageloading { position:absolute; left:350px; top:560px; border:1px solid #CCC; padding:4px 16px 4px 10px; background:#FFF}


.bestvideo { float:left; width:750px; height:152px; padding:36px 0 0 30px; background:url(../img/cafe/sub_hot_bg2.png) repeat-x left top}
.bestpaper { float:left; width:750px; height:122px; padding:46px 0 0 30px;  background:url(../img/cafe/sub_hot_bg2.png) repeat-x left top}

.bestvideo a:link,.bestpaper a:link {color:#fff;text-decoration:none;}
.bestvideo a:visited, .bestpaper a:visited {color:#fff;text-decoration:none;} 
.bestvideo a:hover, .bestpaper a:hover {color:#fff;text-decoration:underline;} 

.papercontent .hottitle {position:absolute; left:20px; top:17px; width:73px; height:14px;  background-image:url(../img/cafe/cafepack7.png);background-position: 0px -211px;}
.videocontent .hottitle {position:absolute; left:20px; top:17px; width:75px; height:14px;  background-image:url(../img/cafe/cafepack7.png);background-position: -74px -211px;}

.videocontent .content { float:left; margin-top:15px;  padding-left:30px;}
.papercontent .content { float:left; margin-top:15px;  padding-left:30px;}

.videocontent .order { float:left; width:710px; height:16px;  text-align:right}
.papercontent .order { float:left; width:710px; height:22px;  text-align:right}

.videocontent .order small,.papercontent .order small { color:#ccc; font-size:10px; padding:2px 5px 0 5px}


	.papercontent .paperitem2 { float:left; width:230px; height:102px;  padding:5px;}
	
	.papercontent .paperitem2 .thumb { float:left; margin-left:4px;  width:108px; height:82px; border:#666 1px solid; background:#FFF; padding:5px;}
	.papercontent .paperitem2 .thumb .inthumb { float:left; width:108px; height:82px; background:#000;overflow:hidden}
	.papercontent .paperitem2 .info { float:left;margin-left:10px;  width:90px; height:82px; padding-top:6px;}
	.papercontent .paperitem2 .info h1 { font-size:12px; color:#565656; font-weight:bold; height:20px;}
	.papercontent .paperitem2 .info h1 small { font-size:11px; color:#bbb; font-weight:normal;}


	.videocontent .videoitem2 { float:left; width:120px; height:120px;  padding:8px 12px 20px 12px;}
	.videocontent .videoitem2  .thumb {float:left; width:120px; height:90px; border:#000 2px solid}
	.videocontent .videoitem2  .title {float:left; width:114px; height:27px; padding:5px 2px; line-height:130%;overflow:hidden;}