@charset "euc-kr";
@import url('common.css');

body { font-family:Dotum; }

/*±â´É*/
.function {position:relative;width:755px;height:310px;}
.function .tab {position:absolute;top:268px;left:15px;}
.function .tab li {float:left;margin:0 2px 0 0;}

/**/
.telecom {float:left;margin:7px 0 0 0;}
.telecom li {float:left;}

/* »ç¿ëÀÚ Âü¿©°ø°£ */
.download { float:left; width:495px; height:66px; margin-top:22px; }
	.download h3 { padding-bottom:8px; }
	.download .txt { font-size:11px;color:#999;letter-spacing:-1px;padding:5px 0 0 0;}
	
	.download .confirm { position:relative; width:472px; height:30px; background:#f5f5f5; }
	.download .confirm input { width:66px; height:14px; border:1px solid #dcdcdc; background:#fff;font-size:12px;padding:4px 0 0 2px; color:#666; .margin-bottom:1px;}
	.download .confirm .inp_form { margin:5px 0 0 10px; float:left; display:inline; }
	.download .confirm .inp_form li { float:left; color:#ccc; }
	.download .confirm .inp_form li.tel { width:50px; height:18px; padding:2px 0 0 10px; background:url('//nateonweb.nate.com/menu/img/mobile/bg_selectbox.gif') no-repeat; margin-right:5px;color:#666; cursor:pointer;}
	.download .confirm .inp_form li.tel_num { width:42px; height:18px; padding:2px 0 0 8px; background:url('//nateonweb.nate.com/menu/img/mobile/bg_selectbox2.gif') no-repeat; margin-right:5px;color:#666; cursor:pointer; }
	.download .confirm .inp_form li .btn { vertical-align:top; .margin-top:1px; }
	.download .confirm .inp_list { position:absolute;top:25px;left:10px;border:1px solid #dcdcdc;border-top:0px;width:58px;background:#fff; }
	.download .confirm .inp_list li { padding:0 0 0 9px; cursor:pointer; }
	.download .confirm .inp_list2 { position:absolute;top:25px;left:75px;border:1px solid #dcdcdc;border-top:0px;width:48px;background:#fff; }
	.download .confirm .inp_list2 li { padding:0 0 0 7px; cursor:pointer; }

/* Ä£±¸¿¡°Ô ÃßõÇϱâ */
.recommand { float:right; width:252px; height:66px; margin-top:22px;  }
	.recommand h3 { padding:0 0 11px 0; }
	.recommand .txt { font-size:11px;color:#999;letter-spacing:-1px; padding:0 0 2px 0;}

/* À̺¥Æ® */
.event { float:left; width:472px; margin-top:35px; text-align:left;}
	.event h3 { padding-bottom:8px;  border-bottom:1px solid #ebebeb;}
	.event .more { float:right; margin:-17px 3px 0 0; }
	.event .thumb {float:left; margin:12px 0 0 0; width:245px;}
	.event .thumb img {border:1px solid #ebebeb;}
	
	.event dl { float:left; margin-top:16px; width:225px; }
	.event dt { font-weight:bold; color:#666; }
	.event dd { color:#999; line-height:16px; }
	.event dd.sub { font-size:11px; color:#666; margin-bottom:6px; }

/* °øÁö»çÇ× */
.notice { float:right; width:253px; margin-top:34px; }
	.notice h3 { padding:0 0 8px 0;  border-bottom:1px solid #ebebeb; }
	.notice .more { float:right; margin:-8px 3px 0 0; }
	.notice iframe { margin-top:13px; display:block;  }
	.notice td { padding-left:8px; background:url('//nateonweb.nate.com/menu/img/icon/bul_dot.gif') no-repeat left 6px; line-height:18px; }

/* À¥Å÷ */
.webtoon_tab {float:left;width:755px;height:31px;}
.webtoon_tab li {float:left;height:31px;}

.webtoon_view {clear:both;padding:25px 0 0 0;}
.webtoon_view .btn {text-align:right;margin:11px 0 0 0;}
.webtoon_view p {margin:0;}

.pop_wrap {width:320px;border-top:6px solid #7bb9e6;padding:15px;}
.pop_wrap .content {width:298px;border:1px solid #e5eaef;background:#f9fafb;padding:15px 10px;text-align:left;}
.pop_wrap .content .group {width:298px;margin:11px 0 2px 0;}
.pop_wrap .content .group .list {width:296px;height:178px;border:1px solid #cdd6e1;background:#fff;overflow-y:scroll;
	scrollbar-face-color: #f6f6f6; 
	scrollbar-shadow-color: #dedede; 
	scrollbar-highlight-color: #f6f6f6; 
	scrollbar-3dlight-color: #dedede; 
	scrollbar-darkshadow-color: #f6f6f6; 
	scrollbar-track-color: #fff; 
	scrollbar-arrow-color: #adadad;
}
.pop_wrap .content .group .list ul {margin:3px 0 0 7px;}
.pop_wrap .content .group .list li {padding:0 0 3px 0;}
.pop_wrap .content .group .list li img {vertical-align:top;}
.pop_wrap .content .group .list input { margin-top:-1px; .margin:-3px 0 0 -4px; vertical-align:middle; }
.pop_wrap .content .group .limit {text-align:right;padding:3px 0 0 0;}
.pop_wrap .content .group .group_tit { background:url('//nateonweb.nate.com/menu/img/icon/ico_arrow_down.gif') no-repeat 7px 6px;color:#6da3b9;font-weight:bold;padding:1px 0 0 22px;}
.pop_wrap .content .msg {width:298px;margin:8px 0 0 0;}
.pop_wrap .content .msg textarea {border:1px solid #cdd6e1;background:#fff;width:294px;height:78px;color:#666;font-size:12px;}
.pop_wrap .btn {padding:15px 0 0 0;}


/* 200901222 Ãß°¡ */
.mone_tit { margin-bottom:10px; text-align:left; }
a.go_mone, a.go_mone:visited { float:right; background:url('//mobileim.nate.com/img/mobile/img_pop_arrow.gif') right 2px no-repeat; margin-top:8px; padding-right:7px; font:normal 11px Dotum,µ¸¿ò; color:#999; text-align:right; }

/* 2010331Ãß°¡ ¿È´Ï¾Æ¿ë */
.smartVisual { position:relative; width:755px; height:515px; background-repeat:no-repeat; background-position:0 0; }
.omnia{ background-image:url('//mobileim.nate.com/img/visual/nateonOmnia.jpg'); }
.iphone{ background-image:url('//mobileim.nate.com/img/visual/nateonIphone.jpg'); }
.smartVisual h3, .smartVisual p, .smartVisual ul { display:none; }
.smartVisual a { overflow:hidden; position:absolute; left:50px; display:block; height:52px; text-indent:-1000em; }
.omnia a { top:322px; width:227px; }
.iphone a { top:349px; width:267px; }
.omnia_step03 { overflow:hidden; width:755px; height:100px; margin-top:10px; background:url('//mobileim.nate.com/img/common/bg_use_step3.gif') no-repeat 0 0; }
.omnia_step03 li { float:left; padding-top:20px; }
.omnia_step03 li.step01 { width:226px; padding-left:28px; }
.omnia_step03 li span { padding-left:22px; }
.omnia_step03 li p { margin:8px 0 0 0; font:12px/20px dotum; color:#999; }
.omnia_step03 li.step02 { width:266px; }
.smartNateon_desc { width:100%; font:11px/17px dotum; color:#999; letter-spacing:-1px; margin:8px 0 0 0; padding-left:8px; text-indent:-8px; }
.ipone_step03_01 { overflow:hidden; width:755px; height:120px; margin-top:10px; background:url('//mobileim.nate.com/img/common/bg_use_step3_02.gif') no-repeat 0 0; }
.ipone_step03_01 li { float:left; padding-top:20px; }
.ipone_step03_01 li.step01 { width:296px; padding-left:28px; }
.ipone_step03_01 li span { padding-left:22px; }
.ipone_step03_01 li p { margin:8px 0 0 0; font:12px/20px dotum; color:#999; }
.ipone_step03_01 li.step02 { width:217px; }
.ipone_step03_02 { overflow:hidden; width:755px; height:120px; margin-top:10px; background:url('//mobileim.nate.com/img/common/bg_use_step3_03.gif') no-repeat 0 0; }
.ipone_step03_02 li { float:left; padding-top:20px; }
.ipone_step03_02 li.step01 { width:259px; padding-left:28px; }
.ipone_step03_02 li span { padding-left:22px; }
.ipone_step03_02 li p { margin:8px 0 0 0; font:12px/20px dotum; color:#999; }
.ipone_step03_02 li.step02 { width:214px; }
.refer { width:705px; height:73px; padding:15px 0 0 50px; margin-top:60px; background:url('//mobileim.nate.com/img/common/bg_refer.gif') no-repeat 0 0; }
.refer p { margin-bottom:5px; }
.refer a { font-weight:bold; padding-right:10px; background:url('//mobileim.nate.com/img/common/bul_refer.gif') no-repeat right 2px; }
.refer a:hover { color:#666; text-decoration:underline; }

/* 2010.05.26 ¾Èµå·ÎÀ̵å¿ë Ãß°¡ */
.android { background-image:url('//mobileim.nate.com/img/visual/nateonAndroid.jpg'); }
.android_step03 { overflow:hidden; width:755px; height:110px; margin-top:10px; background:url('//mobileim.nate.com/img/common/bg_use_step3_04.gif') no-repeat 0 0; }
.android_step03 li { float:left; padding-top:20px; }
.android_step03 li.step01 { width:251px; padding-left:28px; }
.android_step03 li span { padding-left:22px; }
.android_step03 li p { margin:8px 0 0 0; font:12px/20px dotum; color:#999; }
.android_step03 li.step02 { width:263px; }

/* 2010819 Ãß°¡ ¹× ¼öÁ¤ */
.smartPhone { position:relative; width:755px; height:515px; background-repeat:no-repeat; background-position:0 0;}
.smartPhone *, .smartNateon_desc { display:none; }
.smartPhone br { display:block; }

.omniaTit { height:446px; background-image:url('//mobileim.nate.com/img/mobile/smartphone_omnia01.jpg'); }
	.omniaTit a.btngo { position:absolute; top:318px; left:29px; display:block; width:196px; height:47px; text-indent:-1000em; overflow:hidden; }
.omniaSetting { height:400px; background-image:url('//mobileim.nate.com/img/mobile/smartphone_omnia02.jpg'); }
.omniaSetting li, .omniaSetting dl, .omniaSetting dd { float:left; display:block; color:#999; line-height:1.6;}
.omniaSetting ol.setting01 { position:absolute; top:48px; left:28px; display:block; }
	.omniaSetting ol.setting01 li.step01 { width:275px; }
	.omniaSetting ol.setting01 li.step02 { width:238px; }
	.omniaSetting ol.setting01 li.step03 { width:200px; }
.omniaSetting ol.setting02 { position:absolute; top:250px; left:28px; display:block; }
	.omniaSetting ol.setting02 li.step01 { width:254px; }
	.omniaSetting ol.setting02 li.step02 { width:215px; }
	.omniaSetting ol.setting02 li.step03 { width:200px; }

.iphoneTit { height:446px; background-image:url('//mobileim.nate.com/img/mobile/smartphone_iphone01.jpg'); }
	.iphoneTit a.btngo { position:absolute; top:323px; left:29px; display:block; width:226px; height:47px; text-indent:-1000em; overflow:hidden; }
.iphoneSetting { height:525px; background-image:url('//mobileim.nate.com/img/mobile/smartphone_iphone02.jpg'); }
.iphoneSetting li, .iphoneSetting dl, .iphoneSetting dd { float:left; display:block; color:#999; line-height:1.6;}
.iphoneSetting ol.setting01 { position:absolute; top:46px; left:28px; display:block; }
	.iphoneSetting ol.setting01 li.step01 { width:275px; }
	.iphoneSetting ol.setting01 li.step02 { width:238px; }
	.iphoneSetting ol.setting01 li.step03 { width:200px; }
.iphoneSetting ol.setting02 { position:absolute; top:248px; left:28px; display:block; }
	.iphoneSetting ol.setting02 li.step01 { width:254px; }
	.iphoneSetting ol.setting02 li.step02 { width:215px; }
	.iphoneSetting ol.setting02 li.step03 { width:240px; }
	.iphoneSetting a.itunesgo { position:absolute; top:388px; left:2px; display:block; width:176px; height:32px; text-indent:-1000em; overflow:hidden; }

.androidTit { height:466px; background-image:url('//mobileim.nate.com/img/mobile/smartphone_android01.jpg'); }
	.androidTit a.btngo { position:absolute; top:318px; left:29px; display:block; width:216px; height:47px; text-indent:-1000em; overflow:hidden; }
.androidSetting { height:272px; background-image:url('//mobileim.nate.com/img/mobile/smartphone_android02.jpg'); }
.androidSetting li, .androidSetting dl, .androidSetting dd { float:left; display:block; color:#999; line-height:1.6;}
.androidSetting ol.setting01 { position:absolute; top:48px; left:28px; display:block; }
	.androidSetting ol.setting01 li.step01 { width:250px; }
	.androidSetting ol.setting01 li.step02 { width:248px; }
	.androidSetting ol.setting01 li.step03 { width:200px; }
	
/* ºí·¢º£¸®¿ë */	
.bberryInfo{ position:relative;width:755px;height:514px;background:url('//mobileim.nate.com/img/mobile/bg_bb_info.gif') no-repeat; }
	.bberryInfo h3, .bberryInfo li, .bberryInfo p{ display:none; }
	.bberryInfo a.btn_download{ position:absolute;left:49px;top:328px;display:block;width:234px;height:55px;background:url('//mobileim.nate.com/img/mobile/btn_bb_download.gif') no-repeat;text-indent:-5000em;overflow:hidden;line-height:0;font-size:0; }
	.bberryHowto1{ position:relative;width:755px;height:197px;background:url('//mobileim.nate.com/img/mobile/bg_bb_howto1.gif') no-repeat; }
	.bberryHowto1 h4, .bberryHowto1 li strong{ display:none; }	
	.bberryHowto1 li{ position:absolute;top:75px;color:#999; }
	.bberryHowto1 .step1{ left:27px; }
	.bberryHowto1 .step2{ left:253px; }
	.bberryHowto1 .step3{ left:520px; }	
	.bberryHowto1 p{  position:absolute;top:142px;width:418px;height:13px;background:url('//mobileim.nate.com/img/mobile/bg_bb_p.gif') no-repeat;text-indent:-5000em;overflow:hidden;line-height:0;font-size:0; }	
	.bberryHowto1 a.btn_mysmart{ position:absolute;left:420px;top:137px;display:block;width:107px;height:23px;background:url('//mobileim.nate.com/img/mobile/btn_bb_mysmart.gif') no-repeat;text-indent:-5000em;overflow:hidden;line-height:0;font-size:0; }
	.bberryHowto2{ position:relative;width:755px;height:197px;background:url('//mobileim.nate.com/img/mobile/bg_bb_howto2.gif') no-repeat; }
	.bberryHowto2 h4, .bberryHowto2 li strong{ display:none; }	
	.bberryHowto2 li{ position:absolute;top:75px;color:#999; }
	.bberryHowto2 .step1{ left:27px; }
	.bberryHowto2 .step2{ left:253px; }
	.bberryHowto2 .step3{ left:520px; }	
	.bberryHowto2 p{ position:absolute;top:135px;font-size:11px;letter-spacing:-1px;color:#999; }
	
	
/* ipad ´ëÀÀ */
.flash_alt_cont_wrap { padding:0; margin:0; width:238px; height:295px; background:#fff; border:2px solid #E5E5E5; margin-top:-1px;margin-left:-1px;}
	.flash_alt_text_wrap { padding:75px 0 0 0; margin:0px auto 0 auto; width:200px; height:95px; font-size:12px;8 font-family:Dotum; color:#676767; line-height:1.4; }
	.flash_alt_text_wrap strong.headline { display:block; padding:0 0 4px 0; font-size:16px; color:#26ADF1; letter-spacing:-1px; }
	.flash_alt_text_wrap p.alt_detail { margin:10px 0 0 0; font-size:11px; }
	.flash_alt_text_wrap p.alt_detail a { padding:0 10px 0 0; font-size:11px; color:#676767; text-decoration:underline; background:url('../img/set_layer_flash.gif') no-repeat 58px -37px; }
	.flash_alt_text_wrap strong { font-weight:bold; }