@charset "utf-8";
/* base */
body { margin: 0; padding: 0; background-color: #fff; }
img,fieldset { border:0 none;}
dl,ul,ol,li { list-style: none; }
hr { display:none; }
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend,body { margin: 0; padding: 0; font-family: '돋움', 'Dotum', '굴림', 'gulim', 'Helvetica', 'Apple-Gothic'; } /* font-size는 달라짐 */
a { text-decoration: none; }
a:link, a:hover, a:active { text-decoration: none; }
input, select, textarea { font-size: 100%; vertical-align: middle; }

.nodp { display: none; }
.clr { clear: both; }

/* layout */
body { text-align: center; margin: 0; padding: 0; background-color: #fff; -webkit-text-size-adjust: none;}
	#mobileWrap { text-align: left; min-width: 320px; }
		#topWrap, #contentsWrap { margin: 0 10px; } /* FB - Margin */
		#topWrap { border-bottom: 1px solid #F4F4F8; } /* FB - border */
		#footerWrap { text-align: center; }
/* 로고 & 서비스 타이틀 영역 */
#daumHead {padding:14px 0;height:34px;}
#daumHead h1 {float:left;display:inline;margin:6px 15px 0 10px;position:relative;}
#daumLogo {float:left;display:inline;position:absolute;top:0;left:0;}
#daumServiceLogo {float:left;display:inline; text-indent:-9999in;overflow:hidden; width:69px; height:28px; background:url(http://icon.daum-img.net/mobile/simple/polaris/2010_common/cbi_pls.gif) 0 -310px no-repeat; margin-left:76px;}
#daumAllServices {float:left;display:inline; text-indent:-9999in;overflow:hidden; width:95px;height:25px; background:url(http://icon.daum-img.net/mobile/simple/polaris/2010_common/cbi_pls.gif) no-repeat 0 -79px;margin-top:6px;}
/* CI & BI - FB */
#gnbLogoNav h1 { position: relative; height: 61px; }
#gnbLogoNav a { position: absolute; top: 9px; display: block; height: 50px; text-indent: -1000em; overflow: hidden; background: url('http://i1.daumcdn.net/photo-section/-view/old/fb/common/cbi_fb_v2.gif') no-repeat; }
#gnbLogoNav h1 a.daum { left: 6px; width: 71px; background-position: left -8px; }
#gnbLogoNav h1 a.blgnews { left: 85px; width: 85px; background-position: left -308px; }

#gnbLogoNav a.btn_2_pc { left: 200px; width: 110px; background-position: left -66px; }
#gnbLogoNav a.btn_2_rel { width: 70px; top: 30px; left: 180px; background-position: left 0; background: url('http://icon.daum-img.net/mobile/simple/polaris/bnews/cbi_rel_agora.gif') no-repeat; }
#gnbLogoNav a.btn_2_all { width: 100px; top: 20px; left: 250px; background-position: left 0; background: url('http://icon.daum-img.net/mobile/simple/polaris/common/cbi_pls.gif') 0 -74px no-repeat; }

/* GNB */
#gnbTabNav { position: relative;background:url('http://i1.daumcdn.net/photo-section/-view/old/iphone/bnews/v_gnbbg01.gif') 0 -44px repeat-x; }
	#gnbBrd { position: relative; height: 43px;position:relative;top:2px;}
	#gnbBrd ul { min-height: 41px;}
	#gnbBrd li { display: inline; }
	#gnbBrd a { display: block; float: left; height: 39px; text-indent: -1000em; overflow: hidden; text-decoration: none; background: url('http://i1.daumcdn.net/photo-section/-view/old/iphone/bnews/v_gnb_view02.gif') no-repeat; }
	#gnbBrd li.lifestory a { width: 80px; background-position: 0px -39px; } 
	#gnbBrd li.lifestory a.on { width: 80px; background-position: 0px 0px; } 
	#gnbBrd li.culture a { width: 97px; background-position: -80px -39px; } 
	#gnbBrd li.culture a.on { width: 97px; background-position: -80px 0; } 
	#gnbBrd li.it a { width: 80px; background-position: -177px -39px; } 
	#gnbBrd li.it a.on { width: 80px; background-position: -178px 0; } 
	#gnbBrd li.sports a { width: 75px; background-position: -257px -39px; } 
	#gnbBrd li.sports a.on { width: 75px; background-position: -257px 0; } 
	#gnbBrd li.economy a { width: 58px; background-position: -332px -39px; } 
	#gnbBrd li.economy a.on { width: 58px; background-position: -332px 0; } 
	#gnbBrd li.sisa a { width: 54px; background-position: -390px -39px; } 
	#gnbBrd li.sisa a.on { width: 54px; background-position: -390px 0; } 
	.gnb_l, .gnb_r { position: absolute; top:0px; display: block; width: 2px; height: 43px; background: url('http://i1.daumcdn.net/photo-section/-view/old/iphone/bnews/v_gnbbg01.gif') no-repeat; }
	.gnb_l { left: 0px; background-position: 0 0; }
	.gnb_r { right: 0px; background-position: 0 -88px; }

/* contentsWrap */
#contentsWrap { padding: 11px 0; }
	#topListWrap { position: relative; height: 100%; }
		.line { position: absolute; top: 35px; width: 100%; border-top: 2px solid #8D96D4; z-index: -1; }
		.top_category li { display: inline; }
		.top_category li a { display: block; float: left; width: 110px; height: 37px; text-indent: -1000em; overflow: hidden; text-decoration: none; background: url('http://i1.daumcdn.net/photo-section/-view/old/fb/bnews/gnb_common_blgnews_v2.gif') no-repeat; margin-left: 2px;}
		.top_category li.ml_none a { margin-left: 0; }
		.top_category li.cate_best a { background-position: left -80px; }
		.top_category li.cate_best a.on { background-position: left -120px; }
		.top_category li.cate_pop a { background-position: -112px -80px; }
		.top_category li.cate_pop a.on { background-position: -112px -120px; }
		.top_category li.cate_latest a { background-position: -224px -80px; }
		.top_category li.cate_latest a.on { background-position: -224px -120px; }
		.top_category li.cate_recommend a { background-position: -336px -80px; }
		.top_category li.cate_recommend a.on { background-position: -336px -120px; }
		.top_category li.view_mine a, .top_category li.view_prev a { position: absolute; top: 4px; right: 5px; }
		.top_category li.view_mine a { width: 93px; height: 30px; background-position: -158px -158px; }
		.top_category li.view_prev a { width: 97px; height: 30px; background-position: -248px -158px; }

		.cate_option { position: relative; height: 52px; background: #EEEEF8; border-bottom: 1px solid #E3E3E8; padding-left: 12px; }
			.my_info { position: absolute; top: 17px; left: 19px; color: #686A73; font-size: 22px; }
			.my_info strong { color: #3F4FC4; font-weight: bold; }
			.channel { position: absolute; top: 12px; right: 10px; display: block; width: 90px; height: 30px; background: url('http://i1.daumcdn.net/photo-section/-view/old/fb/bnews/gnb_common_blgnews_v2.gif') -65px -163px no-repeat; text-indent: -1000em; z-index: 2; }
			.list_sort_option { position: absolute; right: 110px; font-size: 22px; line-height: 55px; }
			.list_sort_option a, .list_sort_option em { display: block; padding: 0 5px; float: left; color: #686A73; text-decoration: none; font-style: normal; }
			.list_sort_option a.on { color: #3F4FC4; }
			.channel_name{padding:18px 0 0 0;font-weight:bold;letter-spacing:-1px;color:#444; font-size: 22px;}

		.top_list { margin: 12px 0 10px 0; }
		.top_list li { position: relative; height: 65px; padding: 12px 20px 0 111px;  border-bottom: 1px solid #E9E9E9; }
		.top_list li.mobile {background:url('http://i1.daumcdn.net/photo-section/-view/old/iphone/bnews/v_ico_p01.gif') 86px 12px no-repeat;}
		.top_list li.pc {background:url('http://i1.daumcdn.net/photo-section/-view/old/iphone/bnews/v_ico_p02.gif') 86px 16px  no-repeat;}

		.recommend, .top_list_tit, .list_info { display: block; letter-spacing: -1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
		.recommend, .top_list_tit { font-weight: bold; line-height: 31px; }
		.top_list_tit, .list_info { width: 100%; }
		.recommend {
			width: 59px; height: 52px; position: absolute; top: 15px; left: 13px;
			background: url('http://i1.daumcdn.net/photo-section/-view/old/fb/bnews/gnb_common_blgnews_v2.gif') left -163px no-repeat;
			text-align: center; font-size: 17px; color: #6565F1;
		}
		.top_list_tit { height: 31px; color: #333; font-size: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
		.list_info { height: 26px; position:relative;left:-26px;}
		.list_info, .top_list li span a, .top_list li span em { font-size: 22px; line-height: 26px; color: #999; font-style: normal; }
		.top_list li span em { color: #D1D1D1; margin: 0 5px; }
	#channel_list_wrap { padding: 11px 0px; font-size: 26px; }
	#channel_list_wrap h2 span { display: block;height: 31px; margin-left: 11px; text-indent: -1000em; overflow: hidden; background: url('http://i1.daumcdn.net/photo-section/-view/old/iphone/bnews/v_tit_allsee.gif') 0 0 no-repeat; }
	#channel_list_wrap .list_box {width:100%;border-collapse:collapse;}

	#channel_list_wrap .list_box td {width:33%;padding:0;vertical-align:top;border-top:1px #AEB5E1 solid ;}
	#channel_list_wrap .list_box td.td_mid {width:34%;padding:0;border-left:1px #eee solid;border-right:1px #eee solid;}
	#channel_list_wrap dl {width: 100%;} /* width, height, margin */
	
	#channel_list_wrap dt { padding: 0 0 0 21px;line-height: 49px; font-weight: bold; background-color:#F7F7F7;} /* line-height */
	#channel_list_wrap dt a { width:100%;display:block;color: #000;letter-spacing: -1px; }
	#channel_list_wrap dd { padding: 0 0 0 21px;color: #666; line-height: 49px;border-top:1px #EEEEEE solid ;}
	#channel_list_wrap dd a { width:100%;display:block;color: #666; letter-spacing: -1px; }

	#joinWrap { padding: 10px 15px; }
	#joinWrap h2 { width: 391px; height: 59px; text-indent: -1000em; background: url('http://i1.daumcdn.net/photo-section/-view/old/fb/bnews/tit_txt.gif') no-repeat left top; overflow: hidden; }
		.join_comment { color: #999; font-size: 22px; line-height: 28px; padding: 26px 0 31px 0; text-align: justify; }
	#joinWrap dl { background: #F7F7F7; padding: 20px 18px 16px 18px; margin: 10px 0; }
	#joinWrap dt { width: 392px; height: 19px; text-indent: -1000em; background: url('http://i1.daumcdn.net/photo-section/-view/old/fb/bnews/tit_txt.gif') no-repeat left -60px; overflow: hidden; margin: 5px 0; }
	#joinWrap dd { font-size: 18px; line-height: 40px; }
	#joinWrap dd a { display: block; color: #5661AC; text-decoration: underline; padding-left: 3px; }

/* 풀브라우징 (SKT, LGT) - 위 아래 padding, Margin 값은 서비스별로 조정할 것 */
#pagingNav { clear: both; margin: 0 auto; text-align: center; font-size: 22px; font-family: 'Helvetica'; letter-spacing: -1px; line-height: normal; }
	.cur_num, #pagingNav a { display: inline-block; color: #656565; text-decoration: none; vertical-align: middle; padding: 8px 10px; margin: 3px; }
	#pagingNav a:hover { color: #3E4BD8; }
	.num_box { color: #656565; border: 2px solid #D4D4D4; font-weight:bold; }
	.cur_num { border: 2px solid #3E4BD8; color: #FFF; background-color: #5365E1; }


/* footerWrap */
#foot_btn { position: relative; height: 41px; margin-top: 5px; } /* margin-top은 각 서비스별로 조정할 것 */
#foot_btn a { display: block; position: absolute; height: 41px; background: url('http://icon.daum-img.net/mobile/simple/polaris/common/footer_btn.gif') no-repeat; overflow: hidden; text-indent: -1000em; }
#foot_btn .btGoPrev { top:0;  left:1px; width:118px; background-position:8px -35px; }
#foot_btn .btGoPC { top:0;  right:1px; width:155px; background-position:8px -125px; }
#foot_btn .btGoTop { display: none; }

#footerWrap { border-top:1px solid #DADADA; background-color:#F0F0F0; text-align:center; }
#footerWrap .copy { font-family: 'Tahoma', 'Helvetica'; font-size:14px; color:#999; text-align: center; padding:10px 0 30px 0; margin:0; }


/* Scroll Navigation */
#scrollNav { position: absolute; top: 223px; right: 32px; width: 66px; height: 190px; z-index: 9999; }
#scrollNav a { display: block; width: 66px; height: 66px; overflow: hidden; background: url('http://i1.daumcdn.net/photo-section/-view/old/fb/common/scroll_v2.png') no-repeat; text-indent: -1000em; }
#scrollNav a.btn_up { margin-bottom: 18px; background-position: left top; }
#scrollNav a.btn_dn { margin-bottom: 8px; background-position: 0 -84px; }
#scrollNav a.btn_top { height: 32px; background-position: 0 -158px; }
#scrollNav a.btn_up:active, #scrollNav a.btn_up:hover { background-position: -84px top; }
#scrollNav a.btn_dn:active, #scrollNav a.btn_dn:hover { background-position: -84px -84px }