@charset "euc-kr"; @import url('common.css'); /* 네이트온 서비스 전체 */ .svc-all { } /* 20090122 수정 */ /* 신규 서비스 */ .svc-all .svc-new { margin-left:1px; } .svc-all .svc-new div { position:relative; zoom:1; } /* le6관련 레이아웃 수정 :: 20081126 */ .svc-all .svc-new div#svc-second { display:none; } /* S : 20090120 수정 */ .svc-all .svc-new div ul { border-top:1px solid #eef0f0; position:absolute; width:754px; left:0; bottom:1px; background:url('/service/images/bg_svc.gif') no-repeat -1px 0; } .svc-all .svc-new div ul li { padding-top:12px; float:left; width:377px; height:24px; text-align:center; } /* E : 20090120 수정 */ .svc-all .svc-new div ul li img { vertical-align:middle; cursor:pointer; } .svc-all .svc-new div p { margin:0; padding:0; } .svc-all .svc-new div p img { display:block; } /* 서비스 목록 */ .svc-all ul.list { margin:10px 0 0 1px; } /* 20090122 수정 */ .svc-all ul.list li { border-bottom:1px solid #dedede; display:inline; float:left; width:377px; height:155px; } .svc-all ul.list li dl { margin:19px 0 0 14px; padding:12px 0 0 135px; position:relative; } .svc-all ul.list li dl dt { color:#444444; font:bold 14px/1 돋움; } .svc-all ul.list li dl dd.thumb { position:absolute; top:0; left:0; _left:-135px; } /* le6관련 레이아웃 수정 :: 20081124 */ .svc-all ul.list li dl dd.description { margin:10px 0 0 1px; color:#a1a1a1; font:normal 11px/1.4 돋움; } .svc-all ul.list li dl dd.description p.detail { margin:18px 0 0 1px; } .svc-all ul.list li dl dd.description p.detail a { padding:1px 2px 0 2px; border:1px solid #d1d1d1; color:#4a4a4a; font:normal 11px/1 돋움; vertical-align:top; letter-spacing:-1px; } .svc-all ul.list li dl dd.description p.detail a em { font-style:normal; font-weight:normal; } /* =네이트 미니 Q&A ----------------------------------------------------------------------------------------------------------------*/ #contents .col-contents .mini_qna img { display:block; } #contents .col-contents .mini_qna h3 { margin:9px 0 5px 0; } #contents .col-contents .mini_qna h4 { position:absolute; top:12px; left:148px; } /* 메인 */ .mini_qna .main h3 { display:none; } .mini_qna .main h4 { position:static !important; margin:26px 0 48px 0; } .mini_qna .main h4 img { display:inline !important; } .mini_qna .main dl.intro01 { position:relative; width:755px; height:428px; background:url('//nateonweb.nate.com/service/communication/ask/img/miniqna/bg_qna-home01.gif') 0 0 no-repeat; } .mini_qna .main dl.intro01 dt { display:none; } .mini_qna .main dl.intro01 dd { display:none; } .mini_qna .main dl.intro01 dd.btn { display:block; position:absolute; top:221px; left:42px; } .mini_qna .main dl.intro02 { width:755px; height:328px; background:url('//nateonweb.nate.com/service/communication/ask/img/miniqna/bg_qna-home02.gif') 0 0 no-repeat; } .mini_qna .main dl.intro02 dt { display:none; } .mini_qna .main dl.intro02 dd { display:none; } /* 사용방법 안내 */ .mini_qna .howto {} .mini_qna .howto ul {} .mini_qna .howto ul li { margin-top:32px; padding-bottom:40px; border-bottom:1px solid #e1e1e1; } .mini_qna .howto ul li.last { border:0; } .mini_qna .howto ul li:after { content:"."; display:block; clear:both; height:0; visibility:hidden; } .mini_qna .howto ul li { display:inline-block; } * html .mini_qna .howto ul li { height:1%; } .mini_qna .howto ul li { display:block; } .mini_qna .howto ul li p.screen_shot { margin:0; float:left; width:376px; } .mini_qna .howto ul li p.screen_shot img { display:block; } .mini_qna .howto ul li dl { float:left; width:379px; } .mini_qna .howto ul li dl dt { } .mini_qna .howto ul li dl dd { color:#807f7f; font:normal 12px/1.4 돋움; } .mini_qna .howto ul li dl dd p { margin:12px 0 0 0; } .mini_qna .howto ul li dl dd p strong { font-weight:bold; } .mini_qna .howto ul li dl dd p em { color:#32bee8; font-style:normal; } .mini_qna .howto ul li dl dd p.toast { margin:33px 0 0 0 } .mini_qna .howto ul li dl dd p.faq { margin:10px 0 0 0 } /******************************* 네이트온 서비스_네이트지식 */ #contents .col-contents h3.knowledge { margin:13px 0 19px 0; } #contents .col-contents h4.knowledge_sub { position:absolute; top:20px; left:134px; } /* 네이트지식_홈 */ .knowledge_main01 { position:relative; width:755px; height:374px; background:url('//nateonweb.nate.com/menu/img/service/img_knowledgemain_01-01.gif') no-repeat 0 100%; } .knowledge_main01 h3 { position:absolute; top:12px; left:30px; } .knowledge_main01 .txt { position:absolute; top:83px; left:30px; } .knowledge_main01 .btn { position:absolute; top:142px; left:31px; } .knowledge_main01 .btn02 { position:absolute; top:289px; left:31px; } .knowledge_main02 { float:left; width:511px; height:260px; background:url('//nateonweb.nate.com/menu/img/service/img_knowledgemain_02.gif') no-repeat; } .knowledge_main02 dt { padding:19px 0 0 0; } .knowledge_main02 dd { padding:10px 0 0 4px; } .knowledge_main03 { float:left; width:244px; height:260px; } .knowledge_main03 dt { padding:19px 0 0 15px; } .knowledge_main03 ul { width:190px; padding:17px 0 0 15px; } .knowledge_main03 li { position:relative; width:190px; height:50px; .height:46px; background:url('//nateonweb.nate.com/menu/img/service/img_dot_line.gif') no-repeat bottom; } .knowledge_main03 li.last { background:none; } .knowledge_main03 li .txt { position:absolute; top:12px; .top:8px; left:0; } .knowledge_main03 li .btn { position:absolute; top:12px; .top:8px; right:0; } .knowledge_main04 { float:left; padding:12px 0 0 2px; width:713px; height:22px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } /* 네이트지식_서비스소개 */ .knowledge_intro { border-top:3px solid #dedede; width:755px; } .knowledge_intro .intro { position:relative; width:755px; margin:40px 0 0 0; padding:0 0 40px 0; border-bottom:1px solid #dedede; } .knowledge_intro .intro dt { padding:0 0 25px 230px; } .knowledge_intro .intro dd { padding:0 0 0 230px; color:#706f6e; line-height:16px; } .knowledge_intro .intro dd a { color:#2682ae; } .knowledge_intro .intro dd.txt { padding:0 0 2px 230px; } .knowledge_intro .intro dd.txt2 { padding:30px 0 5px 230px; } .knowledge_intro .intro dd.thumb { position:absolute; top:0; left:21px; margin:0; padding:0; } /* 네이트지식_사용방법안내 */ .knowledge_how { position:relative; width:755px; } .knowledge_how .tab { float:left; padding:0 0 25px 0; } .knowledge_how .tab li { float:left; } .knowledge_how .tab li img { display:block; } .knowledge_how .info { float:left; } .knowledge_how .info02 { padding:10px 0 0 0; } .knowledge_how .info03 { padding:10px 0 0 10px; } .knowledge_how .how_list { float:left; width:755px; min-height:120px; position:relative; margin:40px 0 0 0; padding:0 0 40px 0; border-bottom:1px solid #dedede } .knowledge_how .how_list.h150 { height:150px; } .knowledge_how .how_list.h230 { height:190px; } .knowledge_how .how_list.h250 { height:210px; } .knowledge_how .how_list.h300 { height:260px; } .knowledge_how .how_list.h350 { height:310px; } .knowledge_how .how_list dt { padding:0 0 17px 270px; } .knowledge_how .how_list dt.tip { padding:0 0 17px 300px; } .knowledge_how .how_list dd { padding:0 0 0 295px; } .knowledge_how .how_list dd li { padding:0 0 8px 8px; background:url('//nateonweb.nate.com/menu/img/service/ico_dot_gray.gif') no-repeat 0 5px; color:#706f6e; line-height:16px; } .knowledge_how .how_list dd.thumb { position:absolute; top:0; left:20px; padding:0; } .knowledge_how .how_list dd.thumb2 { position:absolute; top:155px; left:302px; padding:0; } /* =프로야구 Live ----------------------------------------------------------------------------------------------------------------*/ .baseball { margin-top:-1px; } #contents .col-contents .baseball h3 { margin:0; height:0; overflow:hidden; } /* 소개 */ .baseball .guidance { position:relative; width:590px; height:228px; background:url('//nateonweb.nate.com/service/contents/baseball/img/bg_guidance.gif') no-repeat; } .baseball .guidance.intro { background-image:url('//nateonweb.nate.com/service/contents/baseball/img/bg_guidance_1.gif'); } /* 20090515 추가 */ .baseball .guidance dl.intro { position:absolute; top:94px; left:35px; overflow:hidden; width:218px; height:60px; background:url('//nateonweb.nate.com/service/contents/baseball/img/bg_intro.gif') no-repeat; } .baseball .guidance dl.intro dt, .baseball .guidance dl.intro dd { position:absolute; left:-1000em; } .baseball .guidance dl.howto { position:absolute; top:74px; left:35px; overflow:hidden; width:218px; height:45px; background:url('//nateonweb.nate.com/service/contents/baseball/img/bg_howto_20090525.gif') no-repeat; } /* 20090525 수정 */ .baseball .guidance dl.howto dt, .baseball .guidance dl.howto dd { position:absolute; left:-1000em; } .baseball .guidance .link { margin:0; padding:0; position:absolute; top:166px; left:35px; width:257px; height:29px; } .baseball .guidance .link a { position:absolute; top:0; left:0; overflow:hidden; width:147px; height:29px; text-indent:-1000em; } .baseball .guidance .link a.howto { margin:0; left:auto; right:0; width:99px; } /* 20090515 수정 */ .baseball .guidance .link a.intro { margin:0; left:auto; right:9px; width:90px; } /* 20090515 추가 */ /* 네이트 프로야구 LIVE는? */ .baseball .function { margin-top:28px; position:relative; } .baseball .function h4 { border-bottom:1px solid #c9c9c9; height:21px; overflow:hidden; background:url('//nateonweb.nate.com/service/contents/baseball/img/tit_function.gif') no-repeat 2px 0; text-indent:-1000em; } .baseball .function ol { margin:0; padding: list-style:none; } .baseball .function ol li { margin:0; padding:24px 0 20px 132px; border-bottom:1px solid #ededed; overflow:hidden; _height:1%; background-repeat:no-repeat; background-position:46px 23px; } .baseball .function ol li.screen { background-image:url('//nateonweb.nate.com/service/contents/baseball/img/bg_screen.gif'); } .baseball .function ol li.hookup { background-image:url('//nateonweb.nate.com/service/contents/baseball/img/bg_hookup.gif'); } .baseball .function ol li.notice { background-image:url('//nateonweb.nate.com/service/contents/baseball/img/bg_notice.gif'); background-position:48px 21px;} .baseball .function ol li.newsflash { background-image:url('//nateonweb.nate.com/service/contents/baseball/img/bg_newsflash.gif'); background-position:56px 21px; } .baseball .function ol li strong { display:block; overflow:hidden; height:11px; background-repeat:no-repeat; text-indent:-1000em; line-height:normal; } .baseball .function ol li.screen strong { background-image:url('//nateonweb.nate.com/service/contents/baseball/img/tit_screen.gif'); } .baseball .function ol li.hookup strong { background-image:url('//nateonweb.nate.com/service/contents/baseball/img/tit_hookup.gif'); } .baseball .function ol li.notice strong { background-image:url('//nateonweb.nate.com/service/contents/baseball/img/tit_notice.gif'); } .baseball .function ol li.newsflash strong {background-image:url('//nateonweb.nate.com/service/contents/baseball/img/tit_newsflash.gif'); } .baseball .function ol li p { margin:11px 0 0 0; color:#666666; font-family:돋움; } .baseball .function .faq { margin:0; padding:0; position:absolute; top:1px; right:-1px; } .baseball .function .faq a { color:#666; font:normal 11px 돋움; } /* 사용방법 Tip */ .baseball .howto { margin-top:28px; position:relative; } .baseball .howto h4 { border-bottom:1px solid #c9c9c9; height:21px; overflow:hidden; background:url('//nateonweb.nate.com/service/contents/baseball/img/tit_howto.gif') no-repeat 2px 0; text-indent:-1000em; } .baseball .howto ol { margin:0 16px 0 20px; padding: list-style:none; } .baseball .howto ol li { margin:0; padding:0; border-bottom:1px solid #ededed; overflow:hidden; height:auto !important; min-height:236px; height:236px; background-repeat:no-repeat; background-position:100% 30px; } .baseball .howto ol li.tab { background-image:url('//nateonweb.nate.com/service/contents/baseball/img/bg_thumb_tab.gif'); } .baseball .howto ol li.quick { background-image:url('//nateonweb.nate.com/service/contents/baseball/img/bg_thumb_quick.gif'); } .baseball .howto ol li.notice { background-image:url('//nateonweb.nate.com/service/contents/baseball/img/bg_thumb_notice.gif'); } .baseball .howto ol li.hookup { border-bottom:0; background-image:url('//nateonweb.nate.com/service/contents/baseball/img/bg_thumb_hookup.gif'); } .baseball .howto ol li strong { margin-top:30px; display:block; overflow:hidden; height:21px; background-repeat:no-repeat; text-indent:-1000em; line-height:normal; } .baseball .howto ol li.tab strong { background-image:url('//nateonweb.nate.com/service/contents/baseball/img/tit_howto_tab.gif'); } .baseball .howto ol li.quick strong { background-image:url('//nateonweb.nate.com/service/contents/baseball/img/tit_howto_quick.gif'); } .baseball .howto ol li.notice strong { background-image:url('//nateonweb.nate.com/service/contents/baseball/img/tit_howto_notice.gif'); } .baseball .howto ol li.hookup strong {background-image:url('//nateonweb.nate.com/service/contents/baseball/img/tit_howto_hookup.gif'); } .baseball .howto ol li p { margin:13px 0 0 3px; color:#666666; font-family:돋움; line-height:1.6; } .baseball .howto .faq { margin:0; padding:0; position:absolute; top:1px; right:-1px; } .baseball .howto .faq a { color:#666; font:normal 11px 돋움; } /* =네이트온 라디오 ----------------------------------------------------------------------------------------------------------------*/ /* S : 메인 2009.11.6 추가 */ .radio_main { } .radio_main .radio_introduce { position:relative; overflow:hidden; width:755px; height:290px; background:#fff url('//nateonweb.nate.com/service/entertainment/radio/img/bg_introduce.gif') no-repeat; } .radio_main .radio_introduce h3, .radio_main .radio_introduce p { position:absolute; left:-1000em; } .radio_main .radio_introduce ul { position:absolute; top:171px; left:65px; width:160px; } .radio_main .radio_introduce ul li { margin-bottom:4px; width:160px; height:16px; } .radio_main .radio_introduce ul li.kbs { } .radio_main .radio_introduce ul li.cbs {} .radio_main .radio_introduce ul li.sbs {} .radio_main .radio_introduce ul li.mbc {} .radio_main .radio_introduce ul li a { display:block; overflow:hidden; height:100%; text-indent:-1000em; } .radio_main h4 { margin:0; padding:25px 0 13px 18px; display:block; position:relative; height:12px; background:url('//nateonweb.nate.com/service/entertainment/radio/img/ico_h4.gif') no-repeat 0 24px; _zoom:1; } /**/ .radio_main h4 img { display:block; } .radio_main h4 a.more { padding:4px; position:absolute; top:26px; right:-4px; } /* 2009.11.09 */ .radio_main .listening { border-bottom:1px solid #ededed; height:327px; } .radio_main .listening p { margin:0; } .radio_main .listening p img { display:block; } .radio_main .use { position:absolute; top:290px; right:0; width:358px; height:303px; } .radio_main .use ul { position:absolute; width:335px; height:253px; background:url('//nateonweb.nate.com/service/entertainment/radio/img/bg_use.gif') no-repeat; } .radio_main .use ul li { position:absolute; } .radio_main .use ul li.kbs { top:0; left:0; width:168px; height:126px; } .radio_main .use ul li.cbs { top:126px; left:0; width:168px; height:127px; } .radio_main .use ul li.sbs { top:0; left:168px; width:167px; height:126px; } .radio_main .use ul li.mbc { top:126px; left:168px; width:168px; height:127px; } .radio_main .use ul li a { display:block; overflow:hidden; height:100%; text-indent:-1000em; } .radio_main .radio_notice { width:358px; } .radio_main .list_wrap {} .radio_main .list_wrap iframe { margin-top:6px; display:block; } .radio_main .radio_event { position:absolute; top:618px; right:0; width:358px; } /* E : 메인 2009.08.13 추가 */