@charset "utf-8";
/* CSS Document */

* {
	margin:0; 
	padding:0; 
	color:#323232; 
	font-family: dotum,'돋움',gulim,'굴림',Helvetica,Apple-Gothic,sans-serif;
	font-size:12px;
}

html, body {
	margin:0;
	padding:0; 
	font-size:12px;
	color:#784625;
	height:100%;
	text-align:left;
	scrollbar-face-color:#F7F7F7;
	scrollbar-shadow-color:#CCCCCC;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-track-color:#f3f3f3;
	scrollbar-arrow-color:#CCCCCC;
}
#body_epop {
	margin:0;
	padding:0; 
	font-size:12px;
	color:#784625;
	height:100%;
	width:320px;
	text-align:left;
	scrollbar-face-color:#F7F7F7;
	scrollbar-shadow-color:#CCCCCC;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-track-color:#f3f3f3;
	scrollbar-arrow-color:#CCCCCC;
}

h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset {
	margin:0;
	padding:0;
	list-style:none;
	font-size:12px;
	font-weight:normal;
}

a { text-decoration:none; font-family:"돋움", Dotum, dotum, "", Gulim, Verdana, AppleGothic, Sans-serif; }
a:hover, a:active, a:focus { text-decoration:none; font-family:"돋움", Dotum, dotum, "", Gulim, Verdana, AppleGothic, Sans-serif; }

img, form, fieldset, button { border:0 none; margin:0; padding:0; }

.clear { display:block; clear:both; }/* End hide from IE-mac */

#login	{background:url('../images/webView/mobile_web/bg_login.jpg') repeat-x; }

#wrapper	{ float:left; width:100%; background-color:#eee; }

#wrapper_login	{ background:url('../images/webView/mobile_web/bg_login_2.jpg') no-repeat center top; }


/* 대표이미지 */
#header	{ text-align:center; margin:auto; height:120px; }
#header_qr	{ text-align:center; margin:auto; height:130px; }
#header_epop	{ text-align:center; margin:auto; height:81px; background:url('../images/webView/epop/epop_title.jpg') no-repeat center top; }

/* container */
#container	{ background:url('../images/webView/mobile_web/container_bg.jpg') repeat-x left top; padding-top:17px; width:100%; }
#container_qr	{ background:url('../images/webView/mobile_web/container_bg.jpg') repeat-x left top; width:100%; }
#container_epop	{  background:url('../images/webView/epop/bg.gif') repeat-y lefe top; width:100%; }

#container h2	{ padding: 0 15px; height:17px;	}

#container_qr	.title	{ float: left; width:100%; padding: 7px 0;	border-bottom:1px solid #dcdcdc;  }
#container_qr	.title	.title_list_qr	{	float: left;	width: 100%; 	}
.title_list	{ border-top: 1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; background:#eee; padding: 7px 15px;	}
.qr_title	{ float:left; font-size:14px;	padding-left: 15px;	}
.qr_title_qr	{ font-size:14px; text-align: center;	}
.btn_reply	{ float:right; margin-top:-2px;	margin-bottom:-5px; padding-right: 15px; }
.title_list		li,	.title_list_qr		li	{ color: #000; font-weight:bold; font-size:14px; }

h3 { background:url('../images/webView/mobile_web/contents_title_bg.png') repeat-x; height:32px; line-height:32px; padding: 0 15px; }

.contents	{ border-bottom: 1px solid #333; }
.contents_tit	{ float:left; display:block; color:#fff; font-weight:bold; padding-right:8px;	}
.contents_num	{ float:left; display:block; background:url('../images/webView/mobile_web/contents_num_bg.png') no-repeat; height:32px; width:42px; text-align:center; margin:auto; color:#fff; font-weight:bold; }
.contents_list	{  border-bottom: 1px solid #fff; background:#eee; }
.contents_list	.list_text	{ display:block; padding: 10px 15px; color: #784625; font-weight:bold; border-top: 1px solid #fff;	}
.contents_list	a.list_text	{ background:url('../images/webView/mobile_web/arrow_01.png') no-repeat 100% 50%; padding-right:40px;	}
.contents_list	a.list_text:hover, a.list_text:active, a.list_text:focus		{ color:#542100; background:url('../images/webView/mobile_web/arrow_01_on.png') no-repeat 100% 50%; background-color:#dadada;	}

.contents_txt_list	{ background:#eee; border-bottom: 1px solid #fff; }
.contents_txt_list	li	{ display:block; padding: 10px 15px; color: #784625; font-weight:bold; border-top: 1px solid #fff; 	}

.btn_align	{ text-align:center; margin:auto; padding-top: 15px; vertical-align:top; margin:0; }
.btn_align_reply	{ text-align:center; margin:auto; margin-top: 6px; background:url('../images/webView/mobile_web/btn_reply.png') no-repeat top center; }
.btn_align_reply	a	{ display:block; width:130px; height:27px; text-align:center; margin:auto; font-weight:bold; color:#949edf; padding-top: 12px; padding-right:102px; }

.qrcode	{	 background:#eee; padding: 10px 15px 25px; text-align:center; margin:auto;	}
.qrbg	{ background: url('../images/webView/mobile_web/img_qrcode_bg.png') no-repeat top center; padding-top: 16px; height:215px; }

.rp_write	{ width:93%; height: 150px; border:1px solid #bdbdbd; padding:10px 8px; }

/* reply_list */
.reply_me	{ background: #f1eae2; padding: 3px 12px 12px; border-bottom:1px solid #dcdcdc; }
h4 { height:32px; line-height:32px; }
.reply_me_name	{ float:left; display:block; font-size:14px; font-weight:bold; color:#542100;	}
.reply_me_date	{ float:right; display:block; font-size:12px; color:#777; }
.reply_me_del	{ float:right; display:block; margin-top:5px; padding-left:10px; }

.reply_you	{ background: #eee; padding: 3px 12px 12px; border-bottom:1px solid #dcdcdc; }
.reply_you_name	{ float:left; display:block; font-size:14px; font-weight:bold; color:#444;	}


/* 회원가입_로그인 */
#header_bg	{ background:url('../images/webView/mobile_web/bg_login_3.jpg') ;}
.align_center	{ text-align:center; margin:auto 0; vertical-align:top; margin:0; padding:0; }
.sig_box	{ background:url('../images/webView/mobile_web/bg_login_3.png') no-repeat center top !important; text-align:center; margin:auto; width:225px; height:166px; padding-top: 8px; padding-left: 80px;  }
.input_type	{ height: 42px; line-height:42px; }
.input_type	input { padding:2px 0 2px 5px; border:1px solid #bdbdbd; width:170px; height:21px; line-height:21px; color:#666; }
.login_box	{ text-align:center; margin:auto; width:270px; height:90px; }
.login_type	{ height: 35px; line-height:35px; }
.login_type	input { padding:2px 0 2px 5px; border:1px solid #bdbdbd; width:270px; height:21px; line-height:21px; color:#666; }
.login_id	{ float:left; padding-left:25px; height: 20px;	}
.check_id, .check_pwd	{ float:left; display:block; margin-top: 5px; padding-right: 4px; }
.check_idtxt, .check_pwdtxt	{  float:left; display:block; padding-top:5px; }
.login_pwd	{ float:right; padding-right:25px;	}
.login_btn_align	{ text-align:center; margin:auto; padding-top: 7px; vertical-align:top; }


/* epop */
#header_epop h1	{ visibility:	hidden;	}
.epop_bg	{ background:url('../images/webView/epop/content_bg.gif') no-repeat left top; text-align:center; margin:auto;}
.epop_text	{ background: url('../images/webView/epop/free_text.png') no-repeat center top; width:100%; height:65px; }
.epop_text	h2	{ visibility:hidden; }
.and_bg	{ text-align:left; background:url('../images/webView/epop/btn_sam_and_bg.png') no-repeat 8px 0; height:41px; padding:87px 0 0 17px;	}
.tomnia	{ text-align:left; background:url('../images/webView/epop/btn_tomnia_bg.png') no-repeat 8px 0 ; height:115px; padding: 87px 0 0 17px; }
.etc_app	{ background:url('../images/webView/epop/text_etc.png') no-repeat; }
.etc_text	{  visibility:	hidden;  height:33px;	 }




/* copyright */
#footer		{ padding-top: 30px; border-bottom: 1px solid #e5e5e5; }
address		{ font-style:normal; background:#e7e7e7; padding:8px 0; text-align:center; margin:auto; border-top: 1px solid #d6d6d6; }
address  strong		{  color:#aaa9a9; font-size:11px; font-family:Verdana; }

/* QRcode copyright */
#qr_footer		{ border-bottom: 1px solid #e5e5e5; }
qr_address		{ font-style:normal; background:#e7e7e7; padding:8px 0; text-align:center; margin:auto; border-top: 1px solid #d6d6d6; }
qr_address  strong		{  color:#aaa9a9; font-size:11px; font-family:Verdana; }

#epop_footer		{ background:url('../images/webView/epop/epop_copyright.png') no-repeat; height:30px; }
.epop_address		{ visibility:	hidden;	}


/* 여백 */
.tp_15	{ padding-top: 15px; }
.tp_30	{ padding-top: 30px; }
.rp_7	{ padding-right: 7px; }
.bp_3	{ padding-bottom: 3px; }
.bp_4	{ padding-bottom: 4px; }
.bp_5	{ padding-bottom: 5px; }
.bp_6	{ padding-bottom: 6px; }
.bp_12	{ padding-bottom: 12px; }
.bp_30	{ padding-bottom: 45px; }