@charset "euc-kr";

/* =³×ÀÌÆ®¿Â ¾Ë¸®¹Ì
----------------------------------------------------------------------------------------------------------------*/
.alarm {}
	/* Ȩ */
		.alarm.main { position:relative; overflow:hidden; width:755px; background:url('../img/service/alarm/bg_main.gif') no-repeat; }
		/* ¼Ò°³ */
		.alarm.main .introduce { height:497px; }
			.alarm.main .introduce h3, .alarm.main .introduce p { position:absolute; left:-1000em; }
			.alarm.main .introduce a { position:absolute; top:188px; left:29px; overflow:hidden; width:165px; height:50px; text-indent:-1000em; }
			.alarm.main .introduce a.receive { left:205px; }
		/* ½Å±Ô ¾Ë¸®¹Ì */
		.alarm.main div.new { position:absolute; top:303px; left:4px; }
			.alarm.main div.new h3 { position:absolute; left:-1000em; }
			.alarm.main div.new ul { padding:15px 0 0 0; width:366px; }
				.alarm.main div.new ul li { margin:0 0 0 25px; display:inline; float:left; overflow:hidden; width:97px; height:78px; }
					.alarm.main div.new ul li dl { padding-top:32px; position:relative; line-height:1.3; }
						.alarm.main div.new ul li dl dt {}
							.alarm.main div.new ul li dl dt a { color:#555; font:normal 12px µ¸¿ò; }
							.alarm.main div.new ul li dl dt a:hover { color:#eb3228; } /* 2009.06.29 Ãß°¡ */							
						.alarm.main div.new ul li dl dd.logo { position:absolute; top:0; left:0; }
							.alarm.main div.new ul li dl dd.logo a { border:1px solid #ebebeb; display:block; }
								.alarm.main div.new ul li dl dd.logo a img { display:block; }
						.alarm.main div.new ul li dl dd.description {  }
							.alarm.main div.new ul li dl dd.description a { color:#999; font:normal 11px µ¸¿ò; letter-spacing:-1px; }
		/* ¾Ë¸®¹Ì Àαâ¼øÀ§ */
		.alarm.main .ranking { margin:35px 30px 0 0; display:inline; float:left; width:365px; }
			.alarm.main .ranking h3 { margin:0 !important; border-bottom:2px solid #d1d1d1; position:relative; overflow:hidden; height:19px; background:url('../img/service/alarm/tit_ranking.gif') no-repeat; text-indent:-1000em; z-index:1; }
			.alarm.main .ranking ol { position:relative; top:-1px; }
				.alarm.main .ranking ol li { border-top:1px solid #d1d1d1; position:relative; float:left; width:365px; overflow:hidden; height:47px; }
					.alarm.main .ranking ol li dl { padding:11px 0 0 113px; line-height:1; }
						.alarm.main .ranking ol li dl dt { }
							.alarm.main .ranking ol li dl dt a { color:#555; font:normal 12px µ¸¿ò; }
							.alarm.main .ranking ol li dl dt a:hover { color:#eb3228; } /* 2009.06.29 Ãß°¡ */							
						.alarm.main .ranking ol li dl dd.logo { position:absolute; top:10px; left:0; }
							.alarm.main .ranking ol li dl dd.logo span { position:absolute; top:0; left:0; overflow:hidden; width:15px; height:15px; text-indent:-1000em; } /* 2009.06.30 (happymiya) ¿ÀÇ ÈÄ ¾î´ÀÁ¤µµ Áö³ª¸é ÇØ´ç ³»¿ë ³Ö±â background:url('../img/service/alarm/ico_ranking.gif') no-repeat;  */
							.alarm.main .ranking ol li.rank_2 dl dd.logo span { background-position:0 -15px; }
							.alarm.main .ranking ol li.rank_3 dl dd.logo span { background-position:0 -30px; }
							.alarm.main .ranking ol li.rank_4 dl dd.logo span { background-position:0 -45px; }
							.alarm.main .ranking ol li.rank_5 dl dd.logo span { background-position:0 -60px; }
							.alarm.main .ranking ol li dl dd.logo a { padding-left:5px; border:1px solid #ebebeb; display:block; } /* 2009.06.29 ¼öÁ¤ */
								.alarm.main .ranking ol li dl dd.logo a img { display:block; }
						.alarm.main .ranking ol li dl dd.description {}
							.alarm.main .ranking ol li dl dd.description a { color:#999; font:normal 11px µ¸¿ò; letter-spacing:-1px; }
					.alarm.main .ranking ol li p { margin:0; position:absolute; top:13px; right:1px; width:40px; height:20px; background:url('../img/service/alarm/btn_config.gif') no-repeat; }
					.alarm.main .ranking ol li p.change { background-position:0 -20px; }
						.alarm.main .ranking ol li p a { display:block; overflow:hidden; height:20px; text-indent:-1000em; }

		/* ¾Ë¸®¹Ì Áß¿ä FAQ */
		.alarm.main .faq { margin:35px 0 0 0; display:inline; float:left; position:relative; width:360px; }
			.alarm.main .faq h3 { margin:0 !important; border-bottom:2px solid #d1d1d1; position:relative; overflow:hidden; height:19px; background:url('../img/service/alarm/tit_faq.gif') no-repeat; text-indent:-1000em; z-index:1; }
			.alarm.main .faq ul { position:relative; top:-1px; }
				.alarm.main .faq ul li { padding:8px 0 0 21px; border-top:1px solid #d1d1d1; position:relative; overflow:hidden; height:19px; background:url('../img/service/alarm/ico_q.gif') no-repeat 0 8px; }
					.alarm.main .faq ul li a { color:#999; font:normal 12px µ¸¿ò; }
			.alarm.main .faq p.more { margin:0; padding:0; position:absolute; top:5px; right:4px; width:24px; height:5px; background:url('../img/service/alarm/ico_more.gif') no-repeat; z-index:1; }
				.alarm.main .faq p.more a { display:block; overflow:hidden; height:5px; text-indent:-1000em; }

		/* Á¦ÈÞ Á¦¾È */
		.alarm.main .partner { display:inline; float:left; margin:14px 0 0 0; position:relative; overflow:hidden; width:360px; height:70px; background:url('../img/service/alarm/bg_partner.gif') no-repeat; }
			.alarm.main .partner h3, .alarm.main .partner p { position:absolute; left:-1000em; }
			.alarm.main .partner a { position:absolute; top:23px; left:257px; overflow:hidden; width:79px; height:24px; text-indent:-1000em; }

	/* ¼­ºñ½º ¼Ò°³ */
	.alarm.svc-info { overflow:hidden; position:relative; }
		.alarm.svc-info h3 { margin:0; padding:0; position:absolute; top:3px; left:1px; overflow:hidden; width:161px; height:26px; background:url('../img/service/alarm/tit_alarm.gif') no-repeat; text-indent:-1000em; }
		.alarm.svc-info h4 { margin:0; padding:0; position:absolute; top:7px; left:172px; overflow:hidden; width:87px; height:26px; background:url('../img/service/alarm/tit_svc_info.gif') no-repeat; text-indent:-1000em; }
		.alarm.svc-info p.introduce { margin:0; height:265px; background:url('../img/service/alarm/bg_svc_info.gif') no-repeat 15px 103px; text-indent:-1000em; }
		.alarm.svc-info .config { width:755px; height:583px; background:url('../img/service/alarm/bg_svc_info_config.gif') no-repeat; }
			.alarm.svc-info .config ul, .alarm.svc-info .config p { position:absolute; left:-1000em; }
			.alarm.svc-info .config a { overflow:hidden; position:absolute; top:363px; left:422px; width:165px; height:50px; text-indent:-1000em; }
		.alarm.svc-info .feature { position:absolute; left:-1000em; }

	/* »ç¿ë¹æ¹ý ¾È³» */
	.alarm.howto { padding-top:55px; overflow:hidden; position:relative; }
		.alarm.howto h3 { margin:0; padding:0; position:absolute; top:3px; left:1px; overflow:hidden; width:161px; height:26px; background:url('../img/service/alarm/tit_alarm.gif') no-repeat; text-indent:-1000em; }
		.alarm.howto h4 { margin:0; padding:0; position:absolute; top:7px; left:172px; overflow:hidden; width:102px; height:26px; background:url('../img/service/alarm/tit_howto.gif') no-repeat; text-indent:-1000em; }

		/* menu-1depth */
		.alarm.howto .menu-1depth { margin:3px 0 0 0; position:relative; width:755px; height:31px; background:url('../img/service/alarm/bg_tab_menu.gif') no-repeat; }
		.alarm.howto .menu-1depth.modify { background-position:0 -31px; }
		.alarm.howto .menu-1depth.confirm { background-position:0 -62px; }
			.alarm.howto .menu-1depth li { display:inline; float:left; width:201px; }
			.alarm.howto .menu-1depth li.modify { width:202px; }
				.alarm.howto .menu-1depth li a { overflow:hidden; display:block; height:31px; text-indent:-1000em; }

		/* menu-2depth */
		.alarm.howto .menu-2depth { padding:20px 0 14px 33px; border-bottom:1px solid #f3e1e1; background:#fbf9fa; }
			.alarm.howto .menu-2depth li { margin:0; padding:0 0 0 7px; display:inline; float:left; height:20px; background:url('//nateonweb.nate.com/menu/img/guide/bg_menu_li.gif') no-repeat 0 6px; }
			.alarm.howto .menu-2depth li.first { width:259px; }
			.alarm.howto .menu-2depth li.second { width:236px; }
			.alarm.howto .menu-2depth li.third { width:205px; }
				.alarm.howto .menu-2depth li a:link, .alarm.howto .menu-2depth li a:visited { color:#706f6e; font:normal 12px µ¸¿ò; }
				.alarm.howto .menu-2depth li a:hover, .alarm.howto .menu-2depth li a strong { color:#e56371; font-weight:normal; text-decoration:underline; }

		/* ÄÁÅÙÆ® */
		.alarm.howto .content {}
			.alarm.howto .content ol { _margin-top:25px; padding:5px 0 0 0; }
				.alarm.howto .content ol li { margin-top:25px; padding-bottom:30px; border-bottom:1px solid #dedede; position:relative; _height:1%; }
				.alarm.howto .content ol li.last { border:0; }
					.alarm.howto .content ol li dl { margin:0; position:absolute; top:0; left:280px; width:475px; }
					.alarm.howto .content ol li dl.second { top:104px; }
						.alarm.howto .content ol li dl dt { margin:0 0 0 10px; }
							.alarm.howto .content ol li dl dt img { display:block; }
						.alarm.howto .content ol li dl dd { margin:0 0 0 29px; }
							.alarm.howto .content ol li dl dd ul { margin:0; padding:6px 0 0 0; _padding-top:9px; }
								.alarm.howto .content ol li dl dd ul li { margin:3px 0 0 0; padding:0 0 0 6px; border:0; background:url('../img/service/alarm/ico_rect_1.gif') no-repeat 0 5px; color:#6a6a6a; font:normal 12px µ¸¿ò; line-height:1.3; }
								.alarm.howto .content ol li dl dd ul.alphabet li { padding-left:11px; background:url('../img/service/alarm/ico_a.gif') no-repeat 0 2px; }
								.alarm.howto .content ol li dl dd ul.alphabet li.b { background-image:url('../img/service/alarm/ico_b.gif'); }
								.alarm.howto .content ol li dl dd ul.alphabet li.c { background-image:url('../img/service/alarm/ico_c.gif'); }
					.alarm.howto .content ol li p.screenshot { margin:0; width:280px; }
						.alarm.howto .content ol li p.screenshot img { margin:0 auto; display:block; }
					/* °¡·ÎÇü */
					.alarm.howto .content ol li.horizontal dl { padding:7px 0 0 5px; position:static; top:303px; left:15px; }
					.alarm.howto .content ol li.horizontal dl dd ul { _margin-top:7px; padding-top:2px; }
					.alarm.howto .content ol li.horizontal dl dd ul li { margin-top:7px; }
					.alarm.howto .content ol li.horizontal p.screenshot { padding-left:10px; width:auto; }
					.alarm.howto .content ol li.horizontal p.screenshot img { margin:0; }