@charset "utf-8";

@import url("common.css");

/* infotop */
.pan_info{clear:both; position:relative; width:705px; height:28px; padding:8px 7px 0 7px; margin:0 auto; font-size:11px; letter-spacing:-1px;}
.view_line{width:705px; height:30px; background:url(http://image2.pullbbang.com/pull40/common/bg_view_line.gif) repeat-x; margin:0 auto; font-size:11px; padding:11px 7px 0 7px; letter-spacing:-1px; }

/* tabmenu */
.tab_menu01{position:relative; height:34px; width:701px; padding-left:18px; margin:0 auto; font-size:12px; background:url(http://image2.pullbbang.com/pull40/common/bg_tab.gif) repeat-x left bottom;}
.tab_menu01 li {float:left; margin-right:5px; font-size:12px;}
.tab_menu01 .on{position: relative; height:34px; background:url('http://image2.pullbbang.com/pull40/common/bg_tab_on.gif') no-repeat left top;}
.tab_menu01 .on .tab_end{height:26px; background:url('http://image2.pullbbang.com/pull40/common/bg_tab_on01.gif') no-repeat right top; padding:8px 25px 0px 25px; font-weight:bold; display:block; COLOR:#9c0000; }
.tab_menu01 .on .tab_end A:link, .tab_menu01 .on .tab_end a:visited, .tab_menu01 .on .tab_end a:active{COLOR:#9c0000; text-decoration: none;}
.tab_menu01 .off {position:relative; height:30px; background:url('http://image2.pullbbang.com/pull40/common/bg_tab_off.gif') no-repeat left top;}
.tab_menu01 .off .tab_end{height:26px; background:url('http://image2.pullbbang.com/pull40/common/bg_tab_off01.gif') no-repeat right top; padding:8px 25px 0px 25px; display:block; }	
.tab_menu01 .off .tab_end A:link, .tab_menu01 .off .tab_end a:visited, 	.tab_menu01 .off .tab_end a:active{text-decoration: none;}
.tab_menu01 .off .tab_end a:hover {COLOR:#9c0000; text-decoration: none;}
.tab_menu01 .favo_btn{position:absolute; top:0; right:1px;}
.ico_new { position:absolute; top:13px; right:10px;}
.tab_menu01 .f11{font-size:11px;}	/*080918 추가*/

/* for ie6 */
*html .tab_menu01 .on .tab_end { display:inline-block;} 
*html .tab_menu01 .off .tab_end { display:inline-block;}
*html .tab_select_con .on .end { display:inline-block;} 
*html .tab_select_con .off .end { display:inline-block;}
*html .con_box li input{ margin-left:-4px;}
/* for ie6 */

/* table 

.pan_list_t { background:url(http://image2.pullbbang.com/pull40/common/bg_dot.gif) repeat-x top; margin:0 auto; font-size:11px;}
.pan_list_t tr{ background:url(http://image2.pullbbang.com/pull40/common/bg_dot.gif) repeat-x bottom;}
.pan_list_t td{padding:20px 0 15px 5px;}
.line_msg_t { background:url(http://image2.pullbbang.com/pull40/common/bg_dot.gif) repeat-x top; margin:0 auto; font-size:11px;}
.line_msg_t tr{ background:url(http://image2.pullbbang.com/pull40/common/bg_dot.gif) repeat-x bottom;}
.line_msg_t td{ position:relative; padding:20px 0 15px 20px;}	
.line_msg_t dt{ font-size:14px; font-weight:bold;}
.line_msg_t dd{ font-size:11px; color:#b3b3b3; padding-left:20px;}
.line_msg_t .tag{ background:url(http://image2.pullbbang.com/pull40/common/ico_tag.gif) no-repeat left 2px; padding-left:35px; font-size:11px; color:#998675; margin-left:47px;}
.line_msg_t .brown { color:#d69300;}
.line_msg_t .pink { color:#ea7d82;}
.line_msg_t .orange { color:#ffa608;}
.line_msg_t .yellow { color:#f7ce00;}
.line_msg_t .green { color:#bdbe08;}						
.go_fanpi{ position:absolute; top:0; right:0;}
*/
.pan_list_t { background:url(http://image2.pullbbang.com/pull40/common/bg_dot.gif) repeat-x top; margin:0 auto; font-size:11px;}
.pan_list_t tr{ background:url(http://image2.pullbbang.com/pull40/common/bg_dot.gif) repeat-x bottom;}
.pan_list_t td{padding:20px 0 15px 5px;}
.line_msg_t {margin:20px auto 0 auto; font-size:11px;}
.line_msg_t tr{ background:url(http://image2.pullbbang.com/pull40/common/bg_dot.gif) repeat-x bottom;}
.line_msg_t td{ position:relative;}
.line_msg_t dl{margin-left:20px; margin-top:5px; margin-bottom:3px;}
.line_msg_t dt{ font-size:14px; font-weight:bold;}
.line_msg_t dd{ font-size:11px; color:#b3b3b3; padding-left:33px;}
.line_msg_t .brown { color:#d69300;}
.line_msg_t .pink { color:#ea7d82;}
.line_msg_t .orange { color:#ffa608;}
.line_msg_t .yellow { color:#f7ce00;}
.line_msg_t .green { color:#bdbe08;}						
.go_fanpi{ position:absolute; top:0; right:0;}



/* line_repple */
.line_repple{width:602px; padding:9px 20px 9px 50px; margin:1px 0 0 55px; background:url(http://image2.pullbbang.com/pull40/line_msg/bg_repple.gif) no-repeat left top; background-color:#f4f4f4; overflow:hidden; font-size:12px; font-weight:normal;}
.line_repple .date{ font-size:11px; font-weight:normal; color:#b3b3b3;}	
.line_repple_write{ position:relative; width:632px; padding:9px 20px 9px 20px; margin:1px 0 8px 55px; background-color:#f4f4f4; overflow:hidden; font-size:12px; font-weight:normal;}	
.line_msg_t p A:link, .line_msg_t p a:visited, .line_msg_t p .tab_end a:active{color:#998675; text-decoration: none;}
.line_msg_t p a:hover {COLOR:#000; text-decoration: none;}



/*
.line_repple{width:617px; padding:9px 20px 9px 50px; margin:1px 0 0 20px; background:url(http://image2.pullbbang.com/pull40/line_msg/bg_repple.gif) no-repeat left top; background-color:#f4f4f4; overflow:hidden; font-size:12px; font-weight:normal;}
.line_repple .date{ font-size:11px; font-weight:normal; color:#b3b3b3;}	
.line_repple_write{ position:relative; width:647px; padding:9px 20px 9px 20px; margin:1px 0 0 20px; background-color:#f4f4f4; overflow:hidden; font-size:12px; font-weight:normal;}	
.line_msg_t p A:link, .line_msg_t p a:visited, .line_msg_t p .tab_end a:active{color:#998675; text-decoration: none;}
.line_msg_t p a:hover {COLOR:#000; text-decoration: none;}
*/

.table_style01 {margin:0 auto; font-size:11px;}
.table_style01 td{height:90px; padding:20px 0 15px 15px;}	
.table_style01 .bg_r{background:url(http://image2.pullbbang.com/pull40/common/bg_table_r.gif) no-repeat right 20px;}
.list_area{position:relative; height:90px;}
.list_area .check{position:absolute; top:0; left:4px;}
.list_area .check input{width:10px; height:10px; float:left;}
.list_area .ico_01{position:absolute; top:20px; left:4px;}
.list_area .ico_02{ position:absolute; top: 35px; left:4px;}			
.list_area .photo{position:absolute; width:80px; height:80px; padding:4px; border:1px solid #e7e7e7; top:0; left:21px;}
.list_area .txt{position:absolute; width:230px; top:3px; left:120px; }
.list_area .txt dt{font-size:12px; font-weight:bold; margin-bottom:5px;}
.list_area .txt img{margin-right:3px; vertical-align:middle;}
.list_area .txt dd{line-height:15px; letter-spacing:-1px;}
.list_area .btn{position:absolute; top:66px; left:120px; width:230px;}
.list_area .btn img{float:left; margin-right:3px;}
.list_area .btn01{position:absolute; top:50px; left:120px; width:230px;}
.list_area .btn01 img{float:left; margin-right:3px;}		
.list_area .btn02{position:absolute; top:71px; left:120px; width:230px;}
.list_area .btn02 img{float:left; margin-right:3px;}				
.list_area .txt dt A:link, .list_area .txt dt a:visited,.list_area .txt dt a:active{COLOR: #000; text-decoration: none;}
.list_area .txt dt a:hover{color:#000;text-decoration:none;}
.list_area .txt dd A:link, .list_area .txt dd a:visited,.list_area .txt dd a:active{COLOR: #000; text-decoration: none;}
.list_area .txt dd a:hover{color:#000;text-decoration:none;}

/* 동영상 리스트 썸네일 부분 추가 2008-09-10 남원일 */
.list_area .photo1{position:absolute; width:100px; height:75px; padding:4px; border:1px solid #e7e7e7; top:0; left:21px;}
.list_area .txt1{position:absolute; width:210px; top:3px; left:140px; }
.list_area .txt1 dt{font-size:12px; font-weight:bold; margin-bottom:5px;}
.list_area .txt1 img{margin-right:3px; vertical-align:middle;}
.list_area .txt1 dd{line-height:15px; letter-spacing:-1px;}
.list_area .txt1 dt A:link, .list_area .txt1 dt a:visited,.list_area .txt1 dt a:active{COLOR: #000; text-decoration: none;}
.list_area .txt1 dt a:hover{color:#000;text-decoration:none;}
.list_area .txt1 dd A:link, .list_area .txt1 dd a:visited,.list_area .txt1 dd a:active{COLOR: #000; text-decoration: none;}
.list_area .txt1 dd a:hover{color:#000;text-decoration:none;}
.pan_list.movie_list .txt1 dd.txtCont {margin-top:4px;height:40px;}


.btn_area {width:691px; margin-top:20px; padding:0 3px 0 25px;}
.msg_title{ height:20px;}
.face_area{ width:80px; height:80px; padding:4px; border:1px solid #d4d4d4;}
.msg_view{width:450px; height:78px; border:1px solid #d4d4d4; color:#666; padding:5px;}
.msg_btn_list{float:left; width:138px; height:50px;}
.btn_go_panpi{width:90px; text-align:center;}
.sys_msg{width:454px; border:1px solid #ededed; padding:3px; background-color:#f8f8f8; overflow:hidden;  height:39px;}
.sys_msg dl{padding:2px 0 0 8px;}
.sys_msg dt{color:#4f7f9d; line-height:17px; font-weight:bold;}
.sys_msg dd{color:#666; font-weight:normal; font-size:11px; margin-right:5px;}
.msg_btns{ clear:both; text-align:right; padding-right:157px;}
.msg_btns img{ margin:5px 0 0 3px;}
.msg_send_btns{width:460px; padding:3px; text-align:right;}

/* zzim */
.zzim_msg{ text-align:center; color:#9c0000; font-weight:bold; height:35px; margin-top:40px; }
.zzim_select_area{ position:relative; width:708px; background-color:#fffefc; border:1px solid #efead4; margin:0 auto; padding-top:25px; text-align:center; line-height:16px; padding-bottom:25px; overflow:hidden;}
.zzim_quiz_list{ margin-left:110px;}
.zzim_quiz_list dl{width:98px; margin-right:35px; padding:25px 0 0 0; float:left;}
.zzim_quiz_list dt{width:89px; height:89px; background:url(http://image2.pullbbang.com/pull40/zzim/bg_zzim_photo.gif) no-repeat; padding:19px 0 5px 9px;}
.zzim_quiz_list dt img{ float:left;}
.zzim_quiz_list dd{ padding-bottom:10px;}
.zzim_ok_text{width:680px; height:38px; background-color:#f1f1f1; padding:12px 10px 10px 20px; margin:0 auto; margin-top:10px;}
.zzim_quiz_ok {position:absolute; left:185px; top:60px; display:inline-block; margin-right:8px; width:600px;}
.zzim_quiz_ok dt{float:left; background:url(http://image2.pullbbang.com/pull40/zzim/zzim_bulit.gif) no-repeat left 6px; font-size:11px; color:#666; font-weight:bold; padding-left:7px;  display:inline-block;}
.zzim_quiz_ok dd{ float:left; font-size:11px; color:#666; text-align:left;  display:inline-block; margin-right:8px; margin-left:5px;}
.zzim_quiz_ok .green{ font-weight:bold; color:#14a5b7;}
.zzim_ok_area{position:relative; width:708px; height:200px; background-color:#fffefc; border:1px solid #efead4; margin:0 auto; }
.zzim_face{ position:absolute; left:30px; top:30px;}
.user_name{ position:absolute; left:185px; font-weight:bold; text-align:left;  top:32px;}
.zzim_your_info{ position:absolute; width:430px; top:0px; left:60px;}
.tag_title{background:url(http://image2.pullbbang.com/pull40/zzim/bulit_tag.gif) no-repeat left 4px; padding-left:10px; font-weight:bold; color:#6d6d6d;}

/* tag */
.tag_area{width:700px;  background-color:#f5f5f5; margin:0 auto; padding:5px; margin-top:10px; overflow:hidden;}
.tag_list{width:658px;  border:1px solid #e6e6e7; background-color:#fff; text-align:center; font-family:"굴림"; padding:10px 20px;  text-align:left; overflow:hidden;}
.tag_list span{ line-height:30px;}
.tag_list .red A:link,.tag_list .red a:visited, .tag_list .red a:active{COLOR:#890000; text-decoration: none;}
.tag_list .red a:hover{color:#fff; background-color:#890000; text-decoration:none; padding:5px 8px;}
.tag_list A:link,.tag_list a:visited, .tag_list a:active{COLOR:#666; text-decoration: none;  padding:5px 8px;}
.tag_list a:hover{color:#fff; background-color:#666; text-decoration:none; padding:5px 8px;}
.tag_list .orange A:link,.tag_list .orange  a:visited, .tag_list .orange  a:active{COLOR:#ec8900; text-decoration: none;  padding:5px 8px;}
.tag_list .orange  a:hover{color:#fff; background-color:#ec8900; text-decoration:none; padding:5px 8px;}
.tag_list .green A:link,.tag_list .green  a:visited, .tag_list .green  a:active{COLOR:#46c20f; text-decoration: none; padding:5px 8px;}
.tag_list .green  a:hover{color:#fff; background-color:#46c20f; text-decoration:none; padding:5px 8px;}

/* line msg 
.write_linemsg {position:relative; width:733px; height:155px; background:url(http://image2.pullbbang.com/pull40/line_msg/bg_write.gif) no-repeat;}
.write_linemsg .select_mind { position:absolute; top:24px; left:27px;}
.write_linemsg .select_mind li{ clear:both;}
.write_linemsg .select_mind img{ float: left;}
.write_linemsg .btn_ok { position:absolute; top:24px; left:626px;}
.write_linemsg .help { position:absolute; top:63px; left:626px;}
.write_linemsg .input_tag {position:absolute; top:89px; left:98px;}
.write_linemsg .input_msg {position:absolute; top:22px; left:98px;}
.write_linemsg .select_color { position:absolute; top:53px; left:94px; padding:5px; background-color:#fbfbfb; overflow:hidden; border:1px solid #b6b6b6; z-index:100; }
.write_linemsg .select_color img { float:left; margin-right:1px;}
.write_linemsg .btn_select_color {position:absolute; top:53px; left:75px; }

.view_date{width:733px; height:98px; background:url(http://image2.pullbbang.com/pull40/line_msg/bg_date_view.gif) no-repeat; padding-top:20px; }
.view_date .date_title{text-align:center; font-weight:bold; font-size:30px; color:#9c0000; font-family:"돋움"; letter-spacing:-1px;}
.view_date .date_title img{ vertical-align:middle; margin:0 30px;}
.view_date .date_month{margin-top:20px; text-align:center; font-weight:bold; color:#b3b3b3; padding-left:30px;}
.view_date .date_month span{margin:0 4px; float:left;}
.view_date .date_month .today { background:url(http://image2.pullbbang.com/pull40/line_msg/bg_date_on.gif) no-repeat; width:26px; height:21px; display: block; color:#fff;}
.view_date .date_month .reg {font-weight:bold; color:#ff0000; cursor:pointer;}
.view_date .date_month .sunday{ color:#ff8200;}
.view_date .date_month .under{ color:#000; text-decoration:underline}
.view_date .date_month span, .view_date .date_month span  a:visited, .view_date .date_month span a:active{ color:#b3b3b3; text-decoration:none; }
.view_date .date_month span a:hover{ color:#b3b3b3;}
.no_msg{background:url(http://image2.pullbbang.com/pull40/common/bg_dot.gif) repeat-x top; height:200px; width:719px; margin:0 auto; text-align:center; padding-top:35px;}
.no_msg_text{ width:297px; height:39px; background:url(http://image2.pullbbang.com/pull40/line_msg/bg_no_msg.gif) no-repeat; font-size:14px; font-weight:bold; color:#9c0000; padding:15px 0 0 45px; margin:0 auto;}
*/

/* line msg */ /*080918 전체 수정*/



.write_linemsg {position:relative; width:733px; height:78px; background:url(http://image2.pullbbang.com/pull40/line_msg/bg_write1.gif) no-repeat;}
.write_linemsg .select_mind { position:absolute; top:11px; left:27px;}
.write_linemsg .select_mind li{ clear:both;}
.write_linemsg .select_mind img{ float: left;}
.write_linemsg .btn_ok { position:absolute; top:11px; left:626px;}
.write_linemsg .help { position:absolute; top:43px; left:626px;}
.write_linemsg .input_tag {position:absolute; top:76px; left:98px;}
.write_linemsg .input_msg {position:absolute; top:9px; left:98px;}
.write_linemsg .select_color { position:absolute; top:40px; left:94px; padding:5px; background-color:#fbfbfb; overflow:hidden; border:1px solid #b6b6b6; z-index:100; }
.write_linemsg .select_color img { float:left; margin-right:1px;}
.write_linemsg .btn_select_color { position:absolute; top:40px; left:75px; }
.view_date{width:733px; height:78px; background:url(http://image2.pullbbang.com/pull40/line_msg/bg_date_view1.gif) no-repeat; padding-top:16px; } 
.view_date .date_title{text-align:center; font-weight:bold; font-size:30px; color:#9c0000; font-family:"돋움"; letter-spacing:-1px;}
.view_date .date_title img{ vertical-align:middle; margin:0 30px;}
.view_date .date_month{margin-top:15px; text-align:center; font-weight:bold; color:#b3b3b3; padding-left:30px;}
.view_date .date_month span{margin:0 4.8px; float:left;}
.view_date .date_month .today { background:url(http://image2.pullbbang.com/pull40/line_msg/bg_date_on1.gif) no-repeat; width:26px; height:21px; display: block; color:#fff;}
.view_date .date_month .sunday{ color:#ff8200;}
.view_date .date_month .under{ color:#000; text-decoration:underline}
.view_date .date_month span, .view_date .date_month span  a:visited, .view_date .date_month span a:active{ color:#b3b3b3; text-decoration:none; }
.view_date .date_month span a:hover{ color:#b3b3b3;}
.no_msg{background:url(http://image2.pullbbang.com/pull40/common/bg_dot.gif) repeat-x top; height:200px; width:719px; margin:0 auto; text-align:center; padding-top:35px;}
.no_msg_text{ width:297px; height:39px; background:url(http://image2.pullbbang.com/pull40/line_msg/bg_no_msg.gif) no-repeat; font-size:14px; font-weight:bold; color:#9c0000; padding:15px 0 0 45px; margin:0 auto;}


*html .tab_menu01 .on .tab_end { display:inline-block;} 
*html .tab_menu01 .off .tab_end { display:inline-block;}
*html .tab_select_con .on .end { display:inline-block;} 
*html .tab_select_con .off .end { display:inline-block;}
*html .con_box li input{ margin-left:-4px;}



/* Nam WI add css [ 2008.08.12 ] */
.border-box {
	border:3px solid #363a3d;
	padding:15px 18px 20px;
	overflow:hidden; 
}
/*
.border-box {
	border:3px solid #e1e1e1;
	padding:15px 18px 20px;
	overflow:hidden; 
}
*/
/* Nam WI add css [ 2008.08.12 ] */

/* msg cartoon 080820 add */
.toon_bg{position:relative; clear:both; width:436px; height:274px; border:1px solid #b3b3b3; margin:5px 35px 0 95px;}
.toon_txt{position:absolute; width:200px; height:190px; padding:5px; top:32px; left:185px; line-height:18px; overflow-y: auto;}

/* message add css 2008.09.23 */
.fanbook_repple {height:190px; overflow:hidden;width:95%;float: left;}
.fanbook_repple .book02{height:190px; margin:0;}
.fanbook_repple .book02 .input{background:transparent;height:140px; border:0px solid; font-size:12px; color:#4b4b4b; margin-top:25px;}
.d_skrol02 {overflow-y: auto;}


/* board recom movie add css 남원일 : 2008-09-30 */
/* 080918추가 */
.thumbnail{position:relative; width:735px; height:150px; background:url(http://image2.pullbbang.com/pull40/movie/bg_movie_sum.gif) no-repeat; margin-bottom:10px;}
.thumbnail .btn_back{ position:absolute; top:40px; left:15px;}
.thumbnail .btn_next{ position:absolute; top:40px; right:15px;}
.thumbnail .img_thum{position:absolute; top:23px; left:68px;}
.thumbnail .img_thum dl{float:left; margin-right:15px; width:110px;}
.thumbnail .img_thum dt img{display:block; padding:3px; border:1px solid #e6e6e4;}
.thumbnail .img_thum  dd { text-align:center; font-size:12px; line-height:18px; margin-top:10px;}
.thumbnail .img_thum  dd a:link,.thumbnail .img_thum  dd a:visited ,.thumbnail .img_thum  dd a:hover,.thumbnail .img_thum  dd a:active {color: #000; text-decoration:none;}
