html, body 
	{width:100%; margin:0px; padding:0px; font-family:Helvetica,AppleGothic; font-size:13px; color:#000}
dl,dt,dd,ul,li,ol
	{margin:0px; padding:0px; font-size:12px}
ul,ol
	{list-style:none}
h1,h2,h3,h4
	{font-size:1px; margin:0px; padding:0px;}
img
	{border:0px; vertical-align:middle;}
a 
	{text-decoration:underline; color:#444; -webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
input
	{height:18px; margin:2px 0}

/*tel*/
.tel
	{background:url(/m/images/call.png); border:0px; width:25px; height:25px;}
.tel_s
	{background:url(/m/images/call_s.png); border:0px; width:15px; height:15px; vertical-align:bottom; margin-right:2px;}


/*·Î±×ÀÎ
*/
#login
	{width:92%; margin:0px auto}
#login li
	{border:1px solid #d4d4d4; background:#fff}
#login li input
	{width:94%; height:20px; margin:5px 5px; border:0px; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); font-size:14px; color:#999}
#login li input:focus
	{color:#222}
#login li:first-child 
	{border-bottom:0px; -webkit-border-radius:8px 8px 0px 0px}
#login li:last-child 
	{-webkit-border-radius:0px 0px 8px 8px;}

#help
	{width:92%; margin:0px auto; background:#ffffcc; border:1px solid #ffcc00; -webkit-border-radius:6px; padding:4px 0}
#help span
	{margin-left:8px; color:#3b5998;}

#loginbtn
	{width:92%; margin:20px auto;}
#loginbtn input
	{width:100%; height:38px; color:#fff; -webkit-border-radius:6px; border:0px; background-image:-webkit-gradient(linear, left top, left bottom, from(#a1a5f0), to(#3b5998))}

/*¸ÞÀÎ
*/
div#index
	{width:100%;}
div#main
	{width:100%; background:#fff}

#logo
	{width:100%; background-image:-webkit-gradient(linear, left top, left bottom, from(#b1bdc9), to(#6e83a2)); color:#fff; border-spacing:0px; border-collapse:collapse;}
#logo td
	{border:0px; padding:0px;}
#logo .logo
	{width:90px;}
#logo .text
	{text-align:right; }
#logo ul
	{width:100%; margin:4px 0 0 0; padding:0px;}
#logo li
	{float:left; font-size:13px; padding:7px 0; text-align:center; -webkit-border-radius:50px 6px 0px 0px; opacity:.4;  background-image:-webkit-gradient(linear, left top, left bottom, from(#E4E8FF), to(#B5C0F8));
	}				
#logo li a
	{color:#000; text-decoration:none}
#logo li.li1
	{width:40%;}
#logo li.li2
	{width:30%;}
#logo li.li3
	{width:30%;}
#logo li.fc
	{opacity:.7; background-image:-webkit-gradient(linear, left top, left bottom, from(#2F43A2), to(#091D81));}
	
#logo li.fc a
	{color:#fff; text-decoration:none}


#title
	{
		width:100%; color:#fff; border:0px; 		
		background-image:-webkit-gradient(linear, left top, left bottom, from(#3b5998), to(#3b5998));
		font-size:18px;
		padding:8px 0; text-align:center;
	}

#javascript
	{width:92%; margin:0px auto; color:#000; font-weight:bold}
#copy 
	{width:92%; margin:40px auto 0 auto; border-top:1px dotted #aaa; padding:20px 0}


/*ÇÁ·Î±×·¹½º¹Ù
*/
#progress
	{position:absolute; z-index:100; width:200px; height:70px; font-size:16px; font-weight:bold; line-height:70px; color:white; text-align:center; /*background-image:-webkit-gradient(linear, left top, left bottom, from(#111), to(#666)); */ background-color:rgba(0,0,0,.7); -webkit-border-radius:5px; display:none; text-indent:30px;}
#progress #canvas          
	{position:absolute; left:15%; top:25%}

/*½ºÅ©·ÑÆäÀÌÁö
*/
.activity
	{position:absolute; top:0px;}

/*¼ö¹ßÁÖ
*/
#product
	{width:100%; margin:0px auto 20px auto;}
#product .subject
	{padding:8px 0; font-weight:bold; background:#f4f4f4; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:15px;}
#product ul
	{width:90%; margin:5px auto;}
#product li
	{list-style:disc; font-size:13px; padding:5px 0}
#product li p
	{margin:-15px 0 0 60px;}
#product li p.red
	{color:#dd0000; }

/*À̹ÌÁöºä¾î
*/
.imgview
	{width:94%; top:0px; left:3%; position:absolute; z-index:90; background-color:rgba(0,0,0,.7);
	border:1px solid #000; border-top:0px; -webkit-border-radius:0px 0px 3px 3px; -webkit-box-shadow:rgba(30,30,30) 4px 8px 4px; display:none}
.imgview .izone
	{width:94%; margin:20px auto; position:relative; text-align:center}
.imgview .izone img
	{width:90%;}
.imgview .bzone
	{width:94%; margin:20px auto 10px auto; position:relative; text-align:right}
.imgbg
	{position:absolute; width:100%; height:100%; top:0px; left:0px;  z-index:80; background:#000; opacity:.4;-ms-filter:alpha(opacity=40);filter:alpha(opacity=40); display:none}


.gray
	{color:#bbb}
.blue
	{color:#446A97}
.red
	{color:#dd0000}

/*¹öÆ°
*/
.csbtn1	
	{width:65px; height:22px; background:url('/m/zimage/form/csbtn1.gif');  border:0px; font-size:11px; padding:0px auto;}
.csbtn2	
	{width:65px; height:22px; background:url('/m/zimage/form/csbtn2.gif');   border:0px; font-size:11px; padding:0px auto;}
.csbtn3	 
	{width:65px; height:22px; background:url('/m/zimage/form/csbtn3.gif');   border:0px; font-size:11px; padding:0px auto;}
.csbtn4	 
	{width:65px; height:22px; background:url('/m/zimage/form/csbtn4.gif');   border:0px; font-size:11px; padding:0px auto;}
.csbtn5	 
	{color:#fff; width:65px; height:22px; background:url('/m/zimage/form/csbtn5.gif');   border:0px; font-size:11px; padding:0px auto;}
.csbtn1_s 
	{width:42px; height:22px; background:url('/m/zimage/form/csbtn1_s.gif'); border:0px; font-size:11px; padding:0px auto;}
.csbtn2_s 
	{width:42px; height:22px; background:url('/m/zimage/form/csbtn2_s.gif'); border:0px; font-size:11px; padding:0px auto;}
.csbtn3_s 
	{width:42px; height:22px; background:url('/m/zimage/form/csbtn3_s.gif'); border:0px; font-size:11px; padding:0px auto;}
.csbtn4_s 
	{width:42px; height:22px; background:url('/m/zimage/form/csbtn4_s.gif'); border:0px; font-size:11px; padding:0px auto;}
.csbtn5_s 
	{color:#fff; width:42px; height:22px; background:url('/m/zimage/form/csbtn5_s.gif'); border:0px; font-size:11px; padding:0px auto;}


/*window.open
*/
#infotitle
	{padding:8px 0; background:url('/m/zimage/sms/b_bg.jpg') repeat-x; color:#000; font-size:15px; text-align:center}
#info
	{width:94%; margin:20px auto; border-spacing:0px; border-collapse:collapse;}
#info th
	{width:50px; text-align:right; font-weight:normal;  background:#f4f4f4; padding:0 15px 0 0; font-size:12px; border:1px dotted #ddd}
#info td
	{padding:7px 0 7px 5px; border:1px dotted #ddd}
#infobtn
	{width:94%; text-align:right}
.dftext
	{width:60%; border:1px solid #aaa}

	#info td .detail
		{width:98%}
	#info td .detail th
		{width:45px; text-align:right; font-weight:normal;  background:#f4f4f4; padding:0 5px 0 0; font-size:12px; border:1px solid #ddd}
	#info td .detail td
		{padding:3px 0 3px 5px; border:1px solid #ddd}


.wtitle
	{width:96%; margin:10px auto 5px auto; font-size:14px; font-weight:bold}
.wtitle img
	{vertical-align:top; width:20px; height:20px; margin:-2px 5px 0 0px;}
.wline
	{width:96%; margin:0px auto; border:3px solid #B5C0F8}

.winfo
	{width:100%; margin:0px auto; border-spacing:0px; border-collapse:collapse;}
.winfo th
	{width:50px; text-align:right; font-weight:normal;  background:#f4f4f4; padding:10px 15px 10px 0; font-size:12px; border:1px dotted #ddd}
.winfo td
	{padding:3px 0 3px 5px; border:1px dotted #ddd}
.winfo td input
	{color:#999}
.winfo td input:focus
	{color:#222}

	.wdetail
		{width:98%; margin:5px 0; border-spacing:0px; border-collapse:collapse;}
	.wdetail th
		{padding:3px 0; border:1px solid #ddd; text-align:center}
	.wdetail td
		{height:30px; border:1px solid #ddd}

	#month
		{width:94%; margin:0px auto; border-collapse:collapse; color:#444}
	#month th
		{width:14%; padding:5px 0; border:1px solid #ddd; background:#f4f4f4}
	#month td
		{padding:5px 0; border:1px solid #ddd; text-align:center}
	#month td.noline
		{border:0px;}

	#addr  
		{margin:10px 0}
	#addr  li 
		{border-bottom:1px solid #eee; background:#fff; padding:5px 0; font-size:13px;}
	#addr  li.bg
		{background:#fdc3c3}
	#addr  li p
		{margin:-18px 0 0 36px}



/*°Ô½ÃÆdz׺ñ°ÔÀ̼Ç
*/
div#bfoot
	{width:100%; margin:15px 0 25px 0; text-align:center; }
div#bfoot img
	{border:0px;  vertical-align:middle}

	div#bfoot #foot_navi
		{width:100%;  }
	div#bfoot #foot_navi img
		{border:0px;  vertical-align:middle}
	div#bfoot #foot_navi div
		{margin-left:4px; padding:3px 4px 3px 4px;}
	div#bfoot #foot_navi .page_over
		{border:1px solid #446A97; color:#446A97; font-weight:bold}
	div#bfoot #foot_navi .page_out 
		{border:1px solid #dddddd;}



#help .title
	{color:#1367bd; font-weight:bold}
#help .emphasis
	{font-weight:bold}
#help .content
	{margin:10px 10px 20px 0px;}
#help .dot
	{font-size:16px; font-weight:bold}
#help .underline
	{text-decoration:underline}
#help .finale
	{font-size:18px; font-weight:bold; color:#000;}
#help .line
	{font-size:0px;  background:#ddd; height:1px; margin:30px auto;}
#help .imline
	{border:1px solid #999}
#help .bold
	{font-weight:bold; margin-bottom:10px;}


.mt  {width:94%; margin:20px auto 2px auto; font-size:14px; font-weight:bold}
.mt img
	 {vertical-align:top; width:20px; height:20px; margin:-2px 5px 0 0px;}

.mb	 {width:94%; margin:0px auto; border:1px solid #ddd; -webkit-border-radius:8px; padding:18px 0}

.mt span.btn1
	{
	float:right; border:1px solid #ddd; border-bottom:0px; margin:-1px -1px 0 0; padding:5px 15px 4px 15px; font-weight:normal; -webkit-border-radius:0px 40px 0px 0px; font-size:11px; background:#fff; color:#3E50A7
	}
.mt span.btn2
	{
	float:right; border:1px solid #ddd; border-bottom:0px; margin:-1px -1px 0 0; padding:5px 15px 4px 15px; font-weight:normal; -webkit-border-radius:40px 0px 0px 0px; font-size:11px; background:#fff; color:#3E50A7
	}
.mt span.fcs
	{
		background-image:-webkit-gradient(linear, left top, left bottom, from(#3E50A7), to(#566CC7)); color:#fff
	}