/* 서비스별 설정 */ body { margin:0; color:#5A5A5A; font:normal 9pt 돋움,dotum; text-align:center; } ol, ul, li, dl, dt, dd { list-style:none; } ul, ol, li, dl, dt, dd, form, p, h1, h2, h3, h4, h5, h6, blockquote { margin:0; padding:0; } #header { position:relative; width:980px; height:123px; margin:0 auto 7px 0; text-align:left; border-bottom:1px solid #F5F5F5; }/* modify */ /********** SNB 영역 **********/ fieldset { border:0; margin:0; padding:0; } legend { display:none; } /* header */ #header { position:relative; width:980px; height:110px; margin:0 auto; padding:0; text-align:left; z-index:1000; font-family:"돋움", Dotum, Verdana, sans-serif; } #header h1 { position:absolute; top:33px; left:1px; width:80px; height:20px; background:url('img/snb/nate.gif') no-repeat left top; text-indent:-1000em; } #header h1 a { display:block; width:80px; height:22px; overflow:hidden; } #header h2 { position:absolute; top:33px; left:85px; width:68px; height:21px; background:url('img/snb/h2_roseday.gif') no-repeat left top; text-indent:-1000em; } #header h2 a { display:block; width:68px; height:21px; overflow:hidden; } #header .gnbArea { position:absolute; top:0; right:0; width:600px; height:25px; margin:2px 0 0 0; text-align:right; font-size:8pt; font-family:"돋움", Dotum, Verdana, sans-serif; z-index:999; } #header .gnbArea #noscript_gnb { position:relative; float:right; height:26px; margin:0; padding:0; font-size:8pt; letter-spacing:-1px; z-index:999; } #header .gnbArea #noscript_gnb div { display:inline; float:left; height:26px; margin:0 0 0 9px; padding:7px 12px 0 0; } #header .gnbArea #noscript_gnb div span { margin:0 4px 0 2px; color:#BBBBBB; } /* 검색창 - 신규가이드 */ #header #searchWrap { position:absolute; top:33px; right:0; z-index:999;width:205px; } #header #searchWrap fieldset .wrapBox { float:left; border:2px solid #ec2000; background-color:#FFFFFF; } #header #searchWrap fieldset input.searchBox { float:left; display:inline; width:153px; height:21px; margin:0 2px 0 4px; padding:5px 0 0 0; border:0 none; font-size:9pt; color:#444; } #header #searchWrap fieldset input.btn_service { float:left; width:42px; height:25px; margin:0; padding:0; border:0; background:url('img/snb/set_search.gif') no-repeat 0 0; cursor:pointer; } #header #searchWrap #selectTxt { position:absolute; left:10px; float:left; display:inline; width:70px; height:15px; margin:4px 0 0 0; padding:1px 0 0 0; border:0; background:#FFF url('img/snb/set_search.gif') no-repeat right -65px; color:#656565; font-size:9pt; letter-spacing:-1px; cursor:pointer; z-index:222; } #header #searchWrap .disable { position:absolute; left:0; float:left; display:inline; width:70px; height:15px; margin:6px 0 0 10px; padding:5px 0 0 0; background:#FFF url('img/snb/set_search.gif') no-repeat right -65px; font-size:8pt; letter-spacing:-1px; color:#999999; cursor:default; } #header #searchWrap #search_layer { position:absolute; top:3px; left:3px; width:80px; padding:3px 0 0 0; border:1px solid #cecece; overflow:hidden; } #header #searchWrap #search_layer ul.select_list { margin:16px 0 0 0; padding:3px 1px 3px 1px; .padding-top:5px; background:#FFFFFF; } #header #searchWrap #search_layer ul.select_list li { width:73px; padding:4px 0 3px 5px; background:#FFFFFF; color:#656565; font-size:9pt; letter-spacing:-1px; cursor:pointer; } /* 배너 영역 */ #header .promotionSpot { position:absolute; top:34px; right:5px; } #header .promotionSpot a img { border:none; } /* SNB */ #header .secNaviWrap { position:absolute; top:76px; left:0; width:980px; height:32px; margin:0; padding:0; border-bottom:4px solid #E4281B; overflow:hidden; }/* modify */ #header .secNaviWrap ul { margin:0 0 0 3px; padding-top:5px; height:28px; background:url('http://roseday.nate.com/nate/img/snb/navi_roseday2.gif') no-repeat left -84px; } #header .secNaviWrap ul li { float:left; overflow:hidden; } #header .secNaviWrap ul li a { display:block; height:18px; margin-left:12px; background:url('http://roseday.nate.com/nate/img/snb/navi_roseday2.gif') no-repeat left top; text-indent:-9999px; overflow:hidden; } #header .secNaviWrap ul li.roseday_home, #header .secNaviWrap ul li.roseday_home_select { width:77px; } #header .secNaviWrap ul li.roseday_home a { width:64px; margin-left:0; background-position:0 0; } #header .secNaviWrap ul li.roseday_home a:hover { background-position:0 -30px; } #header .secNaviWrap ul li.roseday_home_select a, #header .secNaviWrap ul li.roseday_home_select a:hover { width:71px; margin-left:0; background-position:0 -60px; } #header .secNaviWrap ul li.roseday_test, #header .secNaviWrap ul li.roseday_test_select { width:131px;} #header .secNaviWrap ul li.roseday_test a { width:106px; background-position:-89px 0; } #header .secNaviWrap ul li.roseday_test a:hover { background-position:-89px -30px; } #header .secNaviWrap ul li.roseday_test_select a, #header .secNaviWrap ul li.roseday_test_select a:hover { width:119px; margin-left:6px; background-position:-83px -60px; } #header .secNaviWrap ul li.roseday_counsel, #header .secNaviWrap ul li.roseday_counsel_select { width:100px; } #header .secNaviWrap ul li.roseday_counsel a { width:75px; background-position:-220px 0; } #header .secNaviWrap ul li.roseday_counsel a:hover { background-position:-220px -30px; } #header .secNaviWrap ul li.roseday_counsel_select a, #header .secNaviWrap ul li.roseday_counsel_select a:hover { width:86px; margin-left:7px; background-position:-214px -60px; } #header .secNaviWrap ul li.roseday_center, #header .secNaviWrap ul li.roseday_center_select { width:75px; } #header .secNaviWrap ul li.roseday_center a { width:51px; background-position:-320px 0; } #header .secNaviWrap ul li.roseday_center a:hover { background-position:-320px -30px; } #header .secNaviWrap ul li.roseday_center_select a, #header .secNaviWrap ul li.roseday_center_select a:hover { width:57px; margin-left:9px; background-position:-316px -60px; } #header .secNaviWrap ul li.roseday_my, #header .secNaviWrap ul li.roseday_my_select { width:95px; } #header .secNaviWrap ul li.roseday_my a { width:73px; background-position:-394px 0; } #header .secNaviWrap ul li.roseday_my a:hover { background-position:-394px -30px; } #header .secNaviWrap ul li.roseday_my_select a, #header .secNaviWrap ul li.roseday_my_select a:hover { width:82px; margin-left:8px; background-position:-390px -60px; } /* footer */ #footer { margin:0 auto 20px; width:980px; border-top:2px solid #e4e4e4; text-align:center; } #footer dl.footer_main { padding:15px 0 10px 0; width:100%; } #footer dl.footer_main dt { display:none; } #footer dl.footer_main dd a { font-size:11px; letter-spacing:-1px; text-decoration:none; } #footer dl.footer_main dd a:hover { text-decoration:underline; } #footer dl.footer_main dd a strong { font-size:11px; } #footer dl.footer_main dd span { padding:0 3px; color:#e9e9e9; } #footer dl.footer_list { padding:15px 0 10px 0; width:100%; } #footer dl.footer_list dt { display:none; } #footer dl.footer_list dd a { letter-spacing:-1px; text-decoration:none; } #footer dl.footer_list dd a:hover { text-decoration:underline; } #footer dl.footer_list dd span { padding:0 5px; color:#e9e9e9; } #footer p.copyright { float:left; width:100%; font-family:Verdana; font-size:9px; } #footer p.copyright a { text-decoration:none; color:#F60;} #footer p.copyright a:hover { text-decoration:underline; } #footer p.copyright strong { font-family:Verdana; font-size:10px; font-weight:bold; color:#F60; } #footer p.copyright strong span.sk { font-family:Verdana; font-size:10px; color:#ff2400; } #footer p.copyright span.family_site { padding:0 0 0 15px; font-family:Dotum; font-size:11px; color:#444; font-weight:normal; } #footer p.copyright span.family_site a { text-decoration:none; font-size:11px; color:#444; } #footer p.copyright span.family_site a:hover { text-decoration:underline; font-size:11px;} #footer p.copyright span.family_site span.title { font-family:Verdana; font-size:9px; } #footer p.copyright span.family_site span.bar { color:#e9e9e9; padding:0 2px; } #footer p.alert_right { padding:5px 0 10px 0; font-size:11px; color:#888; line-height:15px; letter-spacing:-1px; } #footer p.cp_address { padding:0 0 10px 0; font-size:11px; color:#888; line-height:14px; } #footer p.cp_address span { color:#e9e9e9; height:10px; } #footer p.cp_address a { color:#888; text-decoration:underline; } #footer p.cp_address a:hover { color:#444; }