@charset "utf-8"; @import url('http://mailimg.nate.com/mail/css02/common.css?t=20121015130000'); body { background:#eceef0 url('http://mailimg.nate.com/mail/img/login/bg_login.gif') repeat-x 0 0; } #bodyArea02 { width:100%; } #bodyArea02 #content { position:relative; width:920px; margin:0 auto; padding:29px 0 59px 0; text-align:left; } /* 비로그인 */ .mail_login { width:929px; margin:118px 0 171px 0; line-height:1.2em; } .mail_login h3 { width:460px; height:70px; margin:0 0 19px 30px; background:url('http://mailimg.nate.com/mail/img/etc/tit_login.gif') no-repeat 0 0; text-indent:-1000em; } .mail_login a { color:#444; text-decoration:underline; } .login_box { width:921px; border:4px solid #f3f3f3; } .login_box .inline { padding:38px 40px 24px 42px; border:1px solid #dfdfdf; color:#444; line-height:1.7em; } /* 좌측 문구 */ .login_box .txt_area { float:left; width:519px; border-right:1px solid #f2f2f2; } .login_box .txt_area p { width:433px; height:17px; margin:0 0 23px 0; background:url('http://mailimg.nate.com/mail/img/etc/txt_login.gif') no-repeat 0 0; text-indent:-1000em; } .login_box .txt_area ul { margin:0 0 0 2px; } .login_box .txt_area li { color:#333; padding:0 0 7px 10px; background:url('http://mailimg.nate.com/mail/img/icon/ico_dot04.gif') no-repeat 0 8px; } /* 우측 로그인 영역*/ .login_box .form_area { position:relative; float:left; width:274px; margin:9px 0 0 39px; color:#666; } .login_box .form_area fieldset legend { display:none; } /* 아이디,비밀번호 입력 */ .login_box .form_area .id_pw { margin:0 0 5px 0; .margin:0 0 3px 0; } .login_box .form_area .id_pw input { width:137px; height:11px; margin:0 0 5px 0; .margin:0 0 3px 0; padding:7px 0 3px 5px; border:1px solid #e1e1e1; color:#666; font-size:8pt; letter-spacing:-1px; line-height:0.8; } .login_box .form_area .id_pw input.bg_id { background:url('http://mailimg.nate.com/mail/img/etc/txt_login_id.gif') no-repeat 6px 6px; } .login_box .form_area .id_pw input.bg_pw { background:url('http://mailimg.nate.com/mail/img/etc/txt_login_pw.gif') no-repeat 6px 6px; } .login_box .form_area .id_pw input.bg { background:none; } .login_box .form_area .id_pw select { width:111px; height:19px; margin:3px 0 0 -1px; background:#c6e8ff; color:#333; vertical-align:top; } /* 아이디 저장, 보안접속 */ .login_box .form_area .check { letter-spacing:-1px; color:#838383; } .login_box .form_area .check input { margin:-2px 2px 0 0; .margin:-2px 0 0 -4px; background:none; vertical-align:middle; } .login_box .form_area .check label { margin:0 10px 0 0; color:#838383; font-size:8pt; } .login_box .form_area input.btn { position:absolute; top:29px; right:2px; width:111px; height:22px; margin:0; border:0; background:url('http://mailimg.nate.com/mail/img/button/btn_login.gif') no-repeat left top; color:#e72820; font-weight:bold; text-indent:-1000em; } /* 아이디비밀번호 찾기, 회원가입 */ .login_box .form_area .find_join { margin:15px 0 0 0; padding:5px 0 0 0; border-top:1px solid #e6e6e6; color:#e6e6e6; text-align:right; } .login_box .form_area .find_join a { color:#444; text-decoration:none; } .login_box .form_area .find_join a:hover { text-decoration:underline; } /* 로그인 전 */ #sidebar_login { height:554px; } #LoginBox { padding:10px 18px 0 12px; position:relative; width:169px; height:138px; background:url('http://mailimg.nate.com/mail/img/login/bg_personal_otp.gif') no-repeat 0 100%; } #LoginBox .tab_login { position:absolute; top:-26px; left:0; width:180px; height:30px; } #LoginBox .tab_login .wrap { position:absolute; top:0; left:0; width:199px; height:30px; background:url('http://mailimg.nate.com/mail/img/login/tab_login.gif') no-repeat; } #LoginBox.login_form_cy .tab_login .wrap { background-position:0 -30px; } #LoginBox .tab_login button { margin:0; padding:0; border:0; overflow:hidden; display:inline; float:left; width:99px; height:30px; background:transparent; text-indent:-1000em; cursor:pointer; } #LoginBox fieldset { width:168px; padding:0 0 5px 3px; } #LoginBox fieldset legend { display:block; overflow:hidden; height:0; font:normal 0/0 verdana; } #LoginBox fieldset ul.check { margin-top:10px; height:18px; } #LoginBox fieldset ul.check * { color:#666666; font-size:8pt; vertical-align:middle; letter-spacing:-1px; } #LoginBox fieldset ul.check li.remember { display:inline; margin-right:6px; padding-right:7px; float:left; } #LoginBox fieldset ul.check li label { position:relative; .top:-1px; cursor:pointer; } #LoginBox fieldset ul.check li label input { margin-top:-1px; .margin:-4px -4px 0 -4px; vertical-align:middle; } #LoginBox fieldset ul.check li.info { float:right; width:60px; font-size:8pt; color:#6f787d; letter-spacing:-1px; font-family:돋움; margin:0 3px 0 0; text-align:right; } #LoginBox fieldset ul.check li.info a { color:#6f787d; font-weight:bold; text-decoration:underline; cursor:pointer; } #LoginBox fieldset ul.check li.info a:link, #LoginBox fieldset ul.check li.info a:visited, #LoginBox fieldset ul.check li.info a:active { font-size:11px; } #LoginBox fieldset ul.check li.info a.on { color:#6f787d; } #LoginBox fieldset ul.check li.info a.btn_ip { display:block; margin-top:-2px; text-align:right; } #LoginBox fieldset ul.check li.info a.btn_ip span { display:inline-block; height:14px; background:url('http://mailimg.nate.com/mail/img/login/set_ip.gif') no-repeat; text-indent:-9999em; overflow:hidden; cursor:pointer; } #LoginBox fieldset ul.check li.info a.btn_ip span.level3 { width:50px; background-position:0 -2px; } #LoginBox fieldset ul.check li.info a.btn_ip span.level2 { width:50px; background-position:0 -22px; } #LoginBox fieldset ul.check li.info a.btn_ip span.level1 { width:55px; background-position:0 -42px; } #LoginBox fieldset ul.check li.security { position:relative; float:left; } #LoginBox fieldset ul.check li.security a { text-decoration:none; } #LoginBox fieldset ul.check li.security button { position:absolute; top:1px; right:-22px; overflow:hidden; width:19px; height:12px; background:url('http://natesf.kr/keycrypt/icon_key_off.gif') no-repeat; text-indent:-1000em; cursor:pointer; } #LoginBox fieldset ul.check li.security button.on { background-image:url('http://natesf.kr/keycrypt/icon_key_on.gif'); } #LoginBox fieldset p.login { margin-top:27px; position:relative; } #LoginBox fieldset p.login input.input { display:block; width:78px; height:15px; margin:0 2px 0 0; margin-top:2px; padding:5px 2px 0 4px; border:1px solid #d7d7d7; background:url('http://mailimg.nate.com/mail/img/login/bg_input.gif') no-repeat 0 -48px; color:#838588; font-size:11px; font-family:Dotum; } #LoginBox.login_form_cy fieldset p.login input.input { width:158px; } #LoginBox.login_form_cy fieldset p.login input.input.passwd { width:78px; } #LoginBox fieldset p.login input.input.id { background-position:0 -30px; } #LoginBox.login_form_cy fieldset p.login input.input.id { width:158px; background-position:0 2px; } #LoginBox fieldset p.login input.input.passwd { _margin-top:0; background-position:0 -13px; } #LoginBox fieldset p.login input.bgnone { background-image:none; } #LoginBox fieldset p.login span { position:absolute; top:0; left:88px; height:23px; display:block; font-size:11px; vertical-align:middle; } #LoginBox fieldset p.login span select { width:78px; height:22px; margin:0 0 0 0; border:1px solid #d7d7d7; font-size:13px; font-family:tahoma; vertical-align:middle; } #LoginBox fieldset p.login span select option { padding:1px 0; color:#2f3743; font-family:tahoma; font-size:13px; } #LoginBox.login_form_cy fieldset p.login span { display:none; } #LoginBox fieldset p.login input.submit { position:absolute; top:24px; _top:25px; left:88px; width:78px; height:23px; margin:0; padding:0; border:0; background:url('http://mailimg.nate.com/mail/img/login/bg_btn_login.gif') no-repeat 0 0; color:#000; font-size:12px; font-family:Dotum; font-weight:bold; letter-spacing:-1px; cursor:pointer; } #LoginBox fieldset p.login02 { margin-top:27px; position:relative; } #LoginBox fieldset p.login02 input.input { display:block; width:108px; height:15px; margin:0 2px 0 0; margin-top:2px; padding:5px 2px 0 4px; border:1px solid #d7d7d7; background:url('http://mailimg.nate.com/mail/img/login/bg_input02.gif') no-repeat 0 -48px; color:#838588; font-size:11px; font-family:Dotum; } #LoginBox.login_form_cy fieldset p.login02 input.input { width:158px; } #LoginBox.login_form_cy fieldset p.login02 input.input.passwd { width:78px; } #LoginBox fieldset p.login02 input.input.id { background-position:0 -30px; } #LoginBox.login_form_cy fieldset p.login02 input.input.id { width:158px; background-position:0 2px; } #LoginBox fieldset p.login02 input.input.passwd { _margin-top:0; background-position:0 -13px; } #LoginBox fieldset p.login02 input.bgnone { background-image:none; } #LoginBox fieldset p.login02 span { position:absolute; top:0; left:88px; height:23px; display:block; font-size:11px; vertical-align:middle; } #LoginBox fieldset p.login02 span select { width:78px; height:22px; margin:0 0 0 0; border:1px solid #d7d7d7; font-size:13px; font-family:tahoma; vertical-align:middle; } #LoginBox fieldset p.login02 span select option { padding:1px 0; color:#2f3743; font-family:tahoma; font-size:13px; } #LoginBox.login_form_cy fieldset p.login02 span { display:none; } #LoginBox fieldset p.login02 input.submit { position:absolute; top:0; _top:1px; left:118px; width:46px; height:46px; margin:0; padding:0; border:0; background:url('http://mailimg.nate.com/mail/img/login/bg_btn_login02.gif') no-repeat 0 0; color:#000; font-size:12px; font-family:Dotum; font-weight:bold; letter-spacing:-1px; cursor:pointer; } #LoginBox.login_form_cy fieldset p.login02 input.submit { position:absolute; top:24px; _top:25px; left:88px; width:78px; height:23px; margin:0; padding:0; border:0; background:url('http://mailimg.nate.com/mail/img/login/bg_btn_login.gif') no-repeat 0 0; color:#000; font-size:12px; font-family:Dotum; font-weight:bold; letter-spacing:-1px; cursor:pointer; } #LoginBox ul.link { padding:6px 0 0 7px; border-top:1px solid #e2e2e3; } #LoginBox ul.link li { float:left; margin:4px 0 0 0; font-size:8pt; line-height:1; vertical-align:middle; letter-spacing:-1px; } #LoginBox ul.link li a { color:#6f787d; } #LoginBox ul.link li.remember { background:url('http://mailimg.nate.com/mail/img/login/bg_slash_02.gif') no-repeat 100% 1px; padding-right:8px; } #LoginBox ul.link li.regist { font-weight:bold; padding-left:7px; white-space:nowrap;letter-spacing:-2px;float:left; } /* S : 보안로그인 추가 */ #LoginBox dl.otp { position:absolute; top:15px; padding-top:1px; width:164px; height:17px; } #LoginBox dl.type2 { top:108px; } #LoginBox dl.otp dt { float:left; width:0; text-indent:-1000em; } #LoginBox dl.otp dd { float:left; color:#838383; } #LoginBox dl.otp dd.level { float:left; width:59px; height:16px; overflow:hidden; } #LoginBox dl.otp dd.levelText { float:left; margin-left:-4px; padding-top:0; font-size:8pt; letter-spacing:-1px; cursor:pointer; } #LoginBox dl.otp dd.info { float:right; margin-top:-1px; width:48px; } #LoginBox dl.otp dd.info a.btn { display:block; width:48px; height:18px; padding:0; background:url('http://mailimg.nate.com/mail/img/login/btn_otp.gif') no-repeat; text-indent:-100em; overflow:hidden; cursor:pointer; } #securityText { margin:0 2px; font-family:verdana; font-size:8pt; color:#3FA0E3; font-weight:bold; } #LoginBox #ifrmLevel { float:left; width:51px height:17px; margin:-1px 0 0 -1px; } #LoginBox .otp_layer { position:absolute; top:3px; left:0; display:none; width:194px; height:142px; background:#FFFFFF; border:1px solid #E6E6E6; z-index:22; } #LoginBox .layer2 { height:128px; } #LoginBox .layer3 { top:108px; } #LoginBox .layer4 { height:120px; top:108px; } #LoginBox .layer_content { position:relative; top:50%; left:0; float:left; width:100%; height:100%; margin-top:-32px; color:#464646; font-family:돋움, Dotum; font-size:8pt; letter-spacing:-1px; line-height:15px; text-align:center; } #LoginBox .layer_content strong { font-weight:bold; } #LoginBox .layer_content a { display:inline-block; margin:8px 1px 0 1px; font-family:돋움, Dotum; font-size:8pt; text-decoration:underline; cursor:pointer; } #LoginBox .layer_content a:hover { font-family:돋움, Dotum; font-size:8pt; } #LoginBox .layer_content a.install { color:#EE482F; font-weight:bold; } #LoginBox a.close { position:absolute; top:9px; right:9px; display:block; width:11px; height:11px; background:url('http://xo.nate.com/common/img/btn_close_layer.gif') no-repeat 1px 1px; text-indent:-1000em; overflow:hidden; cursor:pointer; } * html #LoginBox a.close { position:relative; top:9px; float:right; margin-bottom:-22px; } /* E : 보안로그인 추가 */ .sidebar { clear:both; width:194px; padding:0 4px 20px 1px; background:url('http://mailimg.nate.com/mail/img/login/bg_sidebar.gif') no-repeat 0 bottom; } .sidebar h3 { padding:15px 0 6px 13px; font-weight:bold; letter-spacing:-1px; } .sidebar .notice_list { margin:0 0 0 15px; } .sidebar .notice_list li { height:16px; padding:2px 0 0 7px; background:url('http://mailimg.nate.com/mail/img/icon/ico_dot03.gif') no-repeat 0 6px; letter-spacing:-1px; } .sidebar .notice_list li a { float:left; height:17px; color:#878787; font-size:8pt; } .sidebar .notice_list li .date { float:right; display:block; margin:-1px 10px 0 0; width:30px; height:17px; font-family:Verdana; font-size:7pt; letter-spacing:-1px; color:#878787; } .sidebar .notice_list li .ico_new { display:inline-block; width:8px; height:8px; margin-left:3px; background:url('http://mailimg.nate.com/mail/img/icon/ico_new02.gif') no-repeat 0 0; vertical-align:middle; } .sidebar .m_web_list { margin:1px 0 0 9px; } .sidebar .m_web_list li { float:left; width:44px; height:64px; text-align:center; } .sidebar .m_web_list li a { display:block; color:#878787; font-size:8pt; letter-spacing:-1px; text-decoration:none; cursor:pointer; } .sidebar .m_web_list li a span.icon { display:block; height:34px; margin-bottom:3px; background:url('http://mailimg.nate.com/mail/img/login/set_mobile_icon.gif') no-repeat 0 0; } .sidebar .m_web_list li a.mnate_mail span.icon { background-position:1px 0; } .sidebar .m_web_list li a.mnate_note span.icon { background-position:-43px 0; } .sidebar .m_web_list li a.mnate_calendar span.icon { background-position:-86px 0; } .sidebar .m_web_list li a.mnate_memo span.icon { background-position:-129px 0; } .sidebar .m_app_list { margin:0 0 0 15px; } .sidebar .m_app_list { margin:0 0 0 9px; } .sidebar .m_app_list li { float:left; width:44px; height:58px; text-align:center; } .sidebar .m_app_list li a { display:block; color:#878787; font-size:8pt; letter-spacing:-1px; text-decoration:none; cursor:pointer; } .sidebar .m_app_list li a span.icon { display:block; height:34px; margin-bottom:3px; background:url('http://mailimg.nate.com/mail/img/login/set_mobile_icon02.gif') no-repeat 0 -36px; } .sidebar .m_app_list li a.app_mail span.icon { background-position:-86px -34px; } .sidebar .m_app_list li a.app_calendar span.icon { background-position:1px -34px; } .sidebar .m_app_list li a.app_memo span.icon { background-position:-43px -34px; } .sidebar .login_help_qna { border-top:1px solid #e6e8e9; border-bottom:1px solid #fff; letter-spacing:-1px; } .sidebar .login_help_qna .inline { padding:0 14px; border-top:1px solid #fff; border-bottom:1px solid #e6e8e9; } .sidebar .login_help_qna a { display:inline-block; height:20px; padding:10px 0 0 18px; color:#878787; font-size:8pt; } .sidebar .login_help_qna a.service_help { width:73px; background:url('http://mailimg.nate.com/mail/img/login/ico_help.gif') no-repeat 0 7px; } .sidebar .login_help_qna a.qna { width:50px; background:url('http://mailimg.nate.com/mail/img/login/ico_qna.gif') no-repeat 0 7px; } /* 광고 배너 영역*/ .login_bnr_ad { padding:10px 0 0 14px; } .login_bnr_ad img { display:block; } /* 우측 영역 */ .login_cont { position:absolute; top:3px; right:0; width:686px; text-indent:-1000em; } .login_cont .info_home { width:686px; height:564px; background:url('http://mailimg.nate.com/mail/img/login/img_info_home.jpg') no-repeat 0 0; } .login_cont .info_mail { width:686px; height:564px; background:url('http://mailimg.nate.com/mail/img/login/img_info_mail02.jpg') no-repeat 0 0; } .login_cont .info_note { width:686px; height:564px; background:url('http://mailimg.nate.com/mail/img/login/img_info_note.jpg') no-repeat 0 0; } .login_cont .info_chat { width:686px; height:564px; background:url('http://mailimg.nate.com/mail/img/login/img_info_chat.jpg') no-repeat 0 0; } .login_cont .info_sms { width:686px; height:564px; background:url('http://mailimg.nate.com/mail/img/login/img_info_sms.jpg') no-repeat 0 0; } .login_cont .info_pims { width:686px; height:564px; background:url('http://mailimg.nate.com/mail/img/login/img_info_pims.jpg') no-repeat 0 0; } .login_cont .info_calendar { width:686px; height:564px; background:url('http://mailimg.nate.com/mail/img/login/img_info_calendar.jpg') no-repeat 0 0; } .login_cont .info_memo { width:686px; height:564px; background:url('http://mailimg.nate.com/mail/img/login/img_info_memo.jpg') no-repeat 0 0; } /* 로그인 ID입력 영역 */ .lyr_openid { position:absolute; top:-70px; left:-10px; width:218px; height:113px; background:url('http://mailimg.nate.com/mail/img/login/bg_login_id.png') no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://mailimg.nate.com/mail/img/login/bg_login_id.png',sizingMethod='crop'); font-size:8pt; } .lyr_openid .inbox { width:214px; line-height:1.3; color:#2d3740; margin:0; padding:20px 0 0 15px; } .lyr_openid .txt { line-height:1.5;} .lyr_openid .txt strong { color:#569bd2; } .lyr_openid .stxt { color:#f43b3b; letter-spacing:0; text-align:left; margin:5px 0 0 0; } .lyr_openid a.btn_close { position:absolute; top:2px; right:4px; width:20px; height:20px; text-indent:-99999em; overflow:hidden; display:block; } /* Footer 영역 #footer { position:relative; clear:left; height:42px; padding:15px 0 0 0; border-top:0; text-align:center; background:url('http://mailimg.nate.com/mail/img/login/bg_footer.gif') no-repeat center top; } */