﻿
/* layout */
body { -webkit-text-size-adjust: none; }
	#topWrap, #contentsWrap { margin: 0 6px; }


/* CI & BI - FB */
#gnbLogoNav h1 { height: 33px; }
#gnbLogoNav a { top: 0; height: 33px; background: url('http://icon.daum-img.net/mobile/simple/safari/common/cbi_ipn.gif') no-repeat; }
#gnbLogoNav h1 a.daum { left: 3px; width: 41px; background-position: left 10px; }
#gnbLogoNav h1 a.svc { left: 49px; width: 43px; background: url('http://icon.daum-img.net/mobile/simple/safari/agora/bi_agora.gif') no-repeat;}
	/* Service BI Position */
	#gnbLogoNav h1 a.agora { background-position: left 0px; }

#gnbLogoNav a.btn_2_pc { width: 74px; left: 105px; background-position: left -15px; }
#gnbLogoNav a.btn_2_rel { width: 50px; height:20px; top: 12px; left: 106px; background: url('http://icon.daum-img.net/mobile/simple/safari/agora/cbi_rel_view.gif') no-repeat; background-position: left 0; }/*유관서비스*/
#gnbLogoNav a.btn_all_svc { width: 77px; left: 147px; background: url('http://icon.daum-img.net/mobile/simple/safari/common/cbi_sfr.gif') no-repeat; background-position: left -27px; }


/* GNB */
#gnbTabNav { position:relative; background:#6277ED; padding:0 0; }
	#gnbBrd { position:relative; height:100%; background:url('http://icon.daum-img.net/mobile/simple/safari/agora/ipn_gnb_bg_mid.gif') repeat-x; }
	#gnbBrd ul { min-height:36px; }
	#gnbBrd li { display:inline; }
	#gnbBrd a { display:block; float:left; height:36px; text-indent:-1000em; overflow:hidden; text-decoration:none; background:url('http://icon.daum-img.net/mobile/simple/safari/agora/ipn_gnb_agora.gif') no-repeat; }
	#gnbBrd li.debate a { width:54px; background-position:-0px -36px; }
	#gnbBrd li.debate a.on { width:54px; background-position:-0px top; }
	#gnbBrd li.story a { width:59px; background-position:-54px -36px; }
	#gnbBrd li.story a.on { width:59px; background-position:-54px top; }
	#gnbBrd li.kin a { width:64px; background-position:-113px -36px; }
	#gnbBrd li.kin a.on { width:64px; background-position:-113px top;  }

	/* iphone만 있는 좌우 GNB 라인 시작 */
	.gnb_l, .gnb_r { position:absolute; top:0px; display:block; width:2px; height:36px; background:url('http://icon.daum-img.net/mobile/simple/safari/agora/ipn_gnb_bg.gif') no-repeat; }
	.gnb_l { left:0; background-position:left top; }
	.gnb_r { right:0; background-position:-4px top; }
	/* iphone만 있는 좌우 GNB 라인 끝 */


/* contents */
#contentsWrap { padding: 0; }
.imbg { background: url('http://icon.daum-img.net/mobile/simple/safari/agora/agora_ipn.gif') no-repeat; }

	#topListWrap, #cList { height: 100%; border-bottom: 0px solid #F3F3F3; }
		.toplist_tit { height: 21px; color: #333; font-size: 15px; font-weight: bold; letter-spacing:-1px; margin: 10px 1px 0px 0px; text-indent: 3px; border-bottom:1px solid #abb6d7;}

/* kin_list */
#cList { padding: 12px 0 10px 0; border-bottom: 1px solid #F3F3F3; float:left; }
#cList li { display: block; float: left; width: 148px; margin-bottom: 20px; text-align: center; }
#cListVP a { width: 103px; position: relative; display: block; margin: 0 auto; /*padding-top: 65px;*/}
#cListVP li { height:132px; }
#cListVP span { display: block; padding-top: 5px; color: #313131; font-size: 16px; font-weight: bold; overflow: hidden; }
#cListVP .brd { width: 103px; height: 65px; }

.c_tit { color: #313131; font-size: 16px; line-height: 20px; display: block; width: 100%; /*white-space: nowrap;  text-overflow: ellipsis;*/ }
.c_info { font-size: 14px; font-weight: bold; letter-spacing:0; padding-top:5px; }
.c_info em { background:url('http://icon.daum-img.net/mobile/simple/safari/agora/agora_ipn.gif') 0 -100px no-repeat; padding:1px 0 0 16px; font-style:normal; color: #fe7200; }


/* debate, story _list */
.top_list { margin: 0px 0 5px 4px; } 
.top_list li { position: relative; height: 57px; padding: 12px 25px 0 0; border-bottom: 1px solid #E6E6E6; } /* height, padding, border-color */
.top_list_tit, .list_info { display: block; letter-spacing: -1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* letter-spacig */
.top_list_tit { font-weight: bold; line-height: 21px; /*padding-left:65px;*/ text-indent:65px; } /* line-height */
.top_list_tit, .list_info { width: 100%; }
.top_list_tit {height: 23px; color: #444; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* height, color, font-size */
.list_info { height: 19px; } /* height */
.list_info, .top_list li span a, .top_list li span em { font-size: 12px; line-height: 19px; color: #AAA; font-style: normal; } /* font-size, line-height, color */
.top_list li span em { color: #CCC; margin: 0 2px; } /* margin */

.list_info { padding-top:4px; }
.list_info span { font-weight:bold; }
.list_info .writer { font-size:13px; }
.list_info .date { font-size:12px; }
.list_info .up, .list_info .down { padding:2px 0 0 14px; background:url('http://icon.daum-img.net/mobile/simple/safari/agora/agora_ipn.gif') no-repeat;  letter-spacing:0px;}
.list_info .up { color:#FE7200; margin-left:2px; background-position:0 0;}
.list_info .down { color:#777; margin-left:7px; background-position:0 -49px; }


/* read_title */
.cview_tit { margin: 0px 0 5px 4px; position: relative; /*height: 57px;*/ padding: 12px 25px 0 0; border-bottom: 1px solid #E6E6E6; } 
.cview_tit .cview_sbj, .cview_tit .tit_info { display: block; width: 100%; letter-spacing: -1; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ } 
.cview_tit .cview_sbj { /* height: 23px;*/ color: #444; font-size: 17px; font-weight: bold; line-height: 23px; text-indent:65px; /*padding-left:65px;*/ } 
.cview_tit .tit_info { height: 25px; }
.cview_tit .tit_info, .cview_tit  span a, .cview_tit  span em { font-size: 12px; line-height: 19px; color: #AAA; font-style: normal; } 
.cview_tit  span em { color: #CCC; margin: 0 2px; }

.cview_tit .tit_info { padding-top:7px; }
.cview_tit .tit_info span { font-weight:bold; }
.cview_tit .tit_info .writer { font-size:13px; }
.cview_tit .tit_info .date { font-size:12px; }


.btn_big { display: block; position: absolute; top: 0; text-indent: -1000em; background: url('http://icon.daum-img.net/mobile/simple/safari/agora/agora_ipn.gif') no-repeat; }
.btn_big { top:38px; width: 66px; height: 25px; right: 8px; background-position: 0px -400px; overflow: hidden; }

.btn_small { display: block; position: absolute; top: 0; text-indent: -1000em; background: url('http://icon.daum-img.net/mobile/simple/safari/agora/agora_ipn.gif') no-repeat; }
.btn_small { top:38px; width: 66px; height: 25px; right: 8px; background-position: 0px -450px; overflow: hidden; }

/* bbsId_icon */
.top_list_tit, .cview_sbj {background:url('http://icon.daum-img.net/mobile/simple/safari/agora/agora_ipn.gif') 0 -500px no-repeat;}
.D003   { background-position: 0 -500px; } /* 자유토론 */
.K161   { background-position: 0 -550px; } /* 이야기즐 */
.D101   { background-position: 0 -600px; } /* 정치 */
.K152   { background-position: 0 -650px; } /* 유머 */
.D128   { background-position: 0 -700px; } /* 국회 */
.S101   { background-position: 0 -750px; } /* 감동 */
.D115   { background-position: 0 -800px; } /* 경제 */
.S102   { background-position: 0 -850px; } /* 고민 */
.D125   { background-position: 0 -900px; } /* 부동산 */
.S103 { background-position: 0 -950px; } /* 억울 */

.D126 { background-position: 0 -1000px; } /* 주식펀드 */
 /*.d12 { background-position: 0 -1050px; } 나도작가 */
.D116 { background-position: 0 -1100px; } /* 인터넷 */
.K157 { background-position: 0 -1150px; } /* 자동차 */
.D120 { background-position: 0 -1200px; } /* 취업 */
.K160 { background-position: 0 -1250px; } /* 먹거리 */
.D103 { background-position: 0 -1300px; } /* 언론 */
.K162 { background-position: 0 -1350px; } /* 군대/무기 */
.D102 { background-position: 0 -1400px; } /* 교육 */
.K154 { background-position: 0 -1450px; } /* 카툰 */

.D119 { background-position: 0 -1500px; } /* 리플토론 */
.D118 { background-position: 0 -1550px; } /* 제품 */
.K158 { background-position: 0 -1600px; } /* DSLR */
.D117 { background-position: 0 -1650px; } /* 종교 */
.K156 { background-position: 0 -1700px; } /* 애완동물 */
.D104 { background-position: 0 -1750px; } /* 국제 */
.K159 { background-position: 0 -1800px; } /* 생활속발견 */
.D127 { background-position: 0 -1850px; } /* 영화 */
.D110 { background-position: 0 -1900px; } /* 사회 */
.D109 { background-position: 0 -1950px; } /* 문화 */
.K150 { background-position: 0 -2000px; } /* 포토즐 */
.K153 { background-position: 0 -2050px; } /* 직찍/제보 */
.K151 { background-position: 0 -2100px; } /* 패러디 */


	/* view Page */
	#cvWrap { padding: 0; }
		.cview_con { padding-top:16px; margin:0 4px; line-height:23px; font-size:15px; letter-spacing:-1px; color:#333; }
		
		.articleListgo	{ position:relative; width:100%; padding-top:12px; text-align:center;  }
		.articleListgo a {width:67px; height:25px; display:block; background:url('http://icon.daum-img.net/mobile/simple/safari/agora/agora_ipn.gif') 0 -350px no-repeat; text-indent:-2000px; margin:0 auto;}

		/*.cview_con img { clear:both; display:block; margin:15px 0; width:expression(this.width > 300 ? this.width = 300 : void(0)); max-width:300px; height: auto; }*/
		.cview_con img { clear:both; display:block; margin:15px 0; width:100%; }

	/* 윗글 아랫글 보기 */
	.quickNav { clear:both; margin-top:19px;padding:7px 8px 5px 8px; border-bottom:1px solid #E0E0E0; border-top:1px solid #E0E0E0; }
	.quickNav a { position:relative; display:block; color: #333; line-height:21px; width:100%; }
	.quickNav a span.upDown { width:45px; white-space:nowrap; position:absolute; left:21px; top:0; font-size:14px; color:#666; background-color:#fff; }
	.quickNav a span.qTitle { display:inline-block; padding:0 0 0 70px; height:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width: 80%; font-size:15px; font-weight:bold; letter-spacing:0;  }
	.quickNav a.up, .quickNav a.down {background:url(http://icon.daum-img.net/mobile/simple/safari/agora/agora_ipn.gif) no-repeat;}
	.quickNav a.up { background-position: 0 -243px; }
	.quickNav a.down { background-position: 0 -291px;}

/* 에러메세지 */
.errorMsg { text-align:center; margin:11px 0 91px 0; padding-bottom:20px; border:3px solid #ebedf2; background:url('http://icon.daum-img.net/mobile/simple/safari/agora/agora_ipn_ico.gif') center 28px no-repeat; letter-spacing:-1px;}
.errorMsg  h2 { padding-top:109px; margin:0 10px 8px 10px; font-size:16px; color:#333; line-height:21px; }
.errorMsg  p { margin:0 50px; font-size:14px; color:#777; line-height:20px; }

/* 본인확인메세지 2010-02-17
.identityMsg_brd { text-align:center; margin:18px 0 91px 0;}
.identityMsg { position:relative; text-align:left; padding:0 9px 30px 9px; background:url('http://icon.daum-img.net/mobile/simple/safari/agora/aimg_err01.gif') 9px 0 no-repeat; letter-spacing:-1px;}
.identityMsg  h2 { margin:0 0 2px 65px; font-size:14px; color:#253185; }
.identityMsg  p { margin:0 0 0 65px; font-size:14px; color:#222; line-height:19px; font-weight:bold}
.identityMsg_brd .bt_ok { border-top:1px solid #DFDFDF; padding-top:15px; text-align:center;}
.identityMsg_brd .bt_ok a {display:block; margin:0 auto; width:94px; height:31px; background:url('http://icon.daum-img.net/mobile/simple/safari/agora/abt_ok01.gif') no-repeat; overflow:hidden; text-indent:-1000em;} */

/* 본인확인메세지 수정 2010-02-18 */
.identityMsg_brd { text-align:center; margin:0 0 91px 0; }
.identityMsg {position:relative; text-align:left; vertical-align:middle; padding:18px 9px 30px 9px; background:url('http://icon.daum-img.net/mobile/simple/safari/agora/aimg_err01.gif') 9px center no-repeat; letter-spacing:-1px; }
.identityMsg  h2 { margin:0 0 2px 65px; font-size:14px; color:#253185; }
.identityMsg  p { margin:0 0 0 65px; font-size:14px; color:#222; line-height:19px; font-weight:bold; }
.identityMsg_brd .bt_ok { border-top:1px solid #DFDFDF; padding-top:15px; margin-top:5px;}
.identityMsg_brd .bt_ok a {display:block; margin:0 auto; width:94px; height:31px; background:url('http://icon.daum-img.net/mobile/simple/safari/agora/abt_ok01.gif') no-repeat; overflow:hidden; text-indent:-1000em;}

/* Page Navigation 2009-05-21 수정 */
#pagingNav { clear: both; margin: 0 auto; text-align: center; font-size: 14px; font-family: 'Helvetica'; letter-spacing: -1px; line-height: normal; white-space: nowrap; }
	.current, #pagingNav a { display: inline-block; color: #656565; text-decoration: none; vertical-align: middle; padding: 2px 7px; margin: 1px; }
	#pagingNav a { color: #656565; border: 2px solid #D4D4D4; font-weight:bold; }
	.current { border: 2px solid #3E4BD8; color: #FFF; background-color: #5365E1; }
	/*disabled prev_page*/
	.disabled { display: none; }


/* footerWrap
#foot_btn { position: relative; height: 24px; margin-top: 23px;  }
#foot_btn a { display: block; position: absolute; height: 24px; background: url('http://icon.daum-img.net/mobile/simple/safari/common/footer_btn_ipn.gif') no-repeat; overflow: hidden; text-indent: -1000em; }
#foot_btn .btGoPrev { top: 0; left: 0; width: 78px; background-position: 10px -24px; }
#foot_btn .btGoTop { top: 0; right: 1px; width: 64px; background-position: 10px top; }

#footer .mini_copy { margin: 0; background-color:#f0f0f0; padding-top: 8px; padding-bottom: 10px; text-align: center; vertical-align: top; }
#footer .copy { font-family: 'Tahoma', 'Helvetica'; font-size: 10px; color:#999; text-align: center; padding: 10px 0 5px 0; } */

/* 기타 다른 브라우저(Mobile Safari, Opera Mobile)일 경우  */
#foot_btn { position:relative; height:24px; margin-top:23px; }  /* margin-top은 각 서비스별로 조정할 것 */
#foot_btn a { display:block; position:absolute; height:24px; background:url('http://icon.daum-img.net/mobile/simple/safari/common/footer_btn_ipn.gif') no-repeat; overflow:hidden; text-indent:-1000em; }
#foot_btn .btGoPrev { top:0; left:0; width:78px; background-position:10px -24px; }
#foot_btn .btGoPC { top:0; right:60px; width:90px; background-position:7px -72px; }
#foot_btn .btGoTop { top:0; right:1px; width:59px; background-position:left top; }

#footerWrap { border-top:1px solid #DADADA; background-color:#F0F0F0; text-align:center; }
#footerWrap .copy { font-family:'Helvetica','Apple-Gothic'; font-size:10px; color:#999; text-align: center; padding:5px 0 20px 0; margin:0; white-space:nowrap; }



/************************************************************
아고라 모바일 댓글 추가
************************************************************/

/*  목록 댓글 카운트 - 즐보드, 이야기/토론 */
.c_tit em, 
.top_list_tit em { font-size:13px; font-weight:bold; font-style:normal; letter-spacing:-1px; color:#606BED;}


/* 뷰 - 댓글쓰기/댓글보기/본문보기 */
.cmt { position:relative; top:-6px; height:35px; overflow:hidden; clear:both; }
.cmt_l, .cmt_r { position:absolute; top:0px; display:block; width:2px; height:34px; background:url('http://icon.daum-img.net/mobile/simple/safari/agora/ipn_bgbox_1.gif') no-repeat; }
	.cmt_l { left:0; background-position:left top; }
	.cmt_r { right:0; background-position:left -70px; }

.cmt_btn { height:35px; background:url('http://icon.daum-img.net/mobile/simple/safari/agora/ipn_bgbox_1.gif') 0 -35px repeat-x; }
	.cmt_btn li { float:left; position:relative; top:9px; font:bold 15px 돋움,dotum,sans-serif; }
	.cmt_btn li .write { margin-left:6px; padding-left:20px; background:url('http://icon.daum-img.net/mobile/simple/safari/agora/ipn_ico_wpan.gif') no-repeat;color:#606bed;}
	.cmt_btn li .read { color:#333;}
	.cmt_btn li span.num { font:13px tahoma;color:#606bed; letter-spacing:0; position:relative; top:-1px;}
	.cmt_btn li .article { color:#333;}
	.cmt_btn .bar { font-weight:normal; font:12px; color:#D4D4D4; margin:0 6px 0 7px;}

/* 뷰 -  찬성 반대 */
#btArea { height:52px; margin-top:20px; position:relative; z-index:100px; text-align:center; }

.updn { position:relative; clear:both; width:122px; height:50px; margin:0 auto;  }
	.updn .bt_rcmd, .updn .bt_rcmd2 { float:left; background:url('http://icon.daum-img.net/mobile/simple/safari/agora/ipn_bt_consent.gif') no-repeat; width:58px; height:45px; cursor:pointer; padding-top:8px;}
	.updn .bt_rcmd2 { background:url('http://icon.daum-img.net/mobile/simple/safari/agora/ipn_bt_recommend.gif') no-repeat; }
	.updn .bt_rcmd span, .updn .bt_rcmd2 span {font-family:돋움; font-weight:bold; color:#FE7200; font-size:12px;}

	.updn .bt_oppo { float:left; margin-left:3px; background:url('http://icon.daum-img.net/mobile/simple/safari/agora/ipn_bt_objection.gif') no-repeat; width:58px; height:45px; cursor:pointer; padding-top:8px;}
	.updn .bt_oppo span { font-family:돋움; font-weight:bold; color:#777; font-size:12px;}
	.updn #ld_image { float:left; width:125px;}


/* 뷰 -  댓글보기 */
.cview_cmt { padding-top:0px; margin:0 4px; line-height:23px; font:bold 15px 돋움,dotum,sans-serif; letter-spacing:-1px; color:#000; }
	.cview_cmt .Cmt { margin-bottom:10px; margin-top:13px;}
	.cview_cmt .Cmt1 { background-color:#F7F7F7; padding:8px 8px 8px 8px;}
	.cview_cmt .Cmt_sub .d_name { color:#000; margin-right:10px;}
	.cview_cmt .Cmt_sub .bar { color:#D4D4D4; font-weight:normal; font-size:12px; margin:0 4px 0 2px;}
	.cview_cmt .Cmt_sub a { color:#5E6BEB; }
	.cview_cmt .Cmt_body { font-weight:normal; color:#666; line-height:21px; margin:3px 0 3px 0}
	.cview_cmt .Cmt_date { font:12px tahoma; color:#BDBDBD; letter-spacing:0;}
	.cview_cmt .Cmt_line { clear:both; height:1px; border-top:1px solid #E0E0E0; font-size:0;padding-top:0px;}


/* 뷰 -  댓글쓰기 */
.cview_cmt_wr { padding-top:11px; clear:both; }
	.cview_cmt_wr .tit { margin-left:4px; padding-left:18px; background:url('http://icon.daum-img.net/mobile/simple/safari/agora/ipn_ico_wpan.gif') no-repeat; font:bold 15px 돋움,dotum,sans-serif; color:#606bed;}
	/*.cview_cmt_wr .cmtwr { height:150px; overflow:auto; border:1px solid #CFCFCF; margin:6px 0 0 4px; padding:0; font:15px 돋움,dotum,sans-serif; color:#666}*/
	.cview_cmt_wr textarea { width:98%; height:150px; overflow:auto; border:1px solid #CFCFCF; margin:6px 0 0 4px; padding:0; font:15px 돋움,dotum,sans-serif; color:#666; }

	.cview_cmt_wr .byte { clear:both; height:27px; font:12px tahoma; color:#666; margin:4px 10px 0 0; text-align:right; letter-spacing:0; }
	.cview_cmt_wr .byte span { color:#5365E1;}

	.cview_cmt_wr .btn { clear:both; height:20px; width:105px; margin:0 auto;}
	.cview_cmt_wr .btn a { display:block; float:left; background:url('http://icon.daum-img.net/mobile/simple/safari/agora/ipn_bt_ar.gif') no-repeat; width:48px; height:24px; text-indent:-3000em;}
	.cview_cmt_wr .btn .btnSubmit { background-position:0 0; margin-right:7px;}
	.cview_cmt_wr .btn .btnCancel { background-position:0 -50px;}

/*2009-10-23 등록버튼 설정*/
	.cview_cmt_wr .btn input { display:block; float:left; background:url('http://icon.daum-img.net/mobile/simple/safari/agora/ipn_bt_ar.gif') no-repeat; width:48px; height:24px; text-indent:-3000em; background-position:0 0; margin-right:7px; border:0; cursor:pointer;}

/* 2010-02-22 광고태그 */
.ad_view {margin:20px 6px 0 6px; }