@charset "utf-8";

/*common*/
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none;}
body,ul,li,p,div,input,textarea,select,table,button{font-size:11px;line-height:1.25em;font-family:"µ¸¿ò",NanumGothic,"±¼¸²",Gulim,Helvetica,AppleGothic,Sans-serif}

html, body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	font-family:"µ¸¿ò",dotum;
}
img {
	border:0;
	vertical-align:top;
}
a {
	outline:none; 
	text-decoration:none;
	cursor:pointer;
	font-size:12px;
	color:#000000;
}
a:hover {
	color:#ff0000;
}
h1,h2,h3,h4 {
	display:none;
}

#wrap {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

/* Top */
.top_wrap {
	position:relative;
	width:800px;
	height:88px;
	margin:0 auto;
	padding:30px 0 0 0;
	border-bottom:5px solid red;
}
.p_logo {
	float:left;
	width:160px;
	height:60px;
	line-height:60px;
	margin:0;
	padding:0 0 0 20px;
}
.s_logo {
	float:right;
	width:160px;
	height:60px;
	line-height:60px;
	margin:0;
	padding:0 20px 0 0;
}

/* Contents */
.cont_wrap {
	position:relative;
	width:800px;
	height:422px;
	margin:0 auto;
	padding:0;
}
.cont_title {
	position:relative;
	clear:both;
	float:left;
	width:100%;
	margin:0;
	padding:67px 0 35px 14px;
	font-size:24px;
	font-family:"µ¸¿ò",dotum;
	font-weight:bold;
	line-height:32px;
}
.cont_01 {
	position:relative;
	clear:both;
	float:left;
	width:300px;
	height:160px;
	margin:0 8px 0 0;
	padding:0;
	border:1px solid #dddddd;
}
.cont_02 {
	position:relative;
	float:left;
	width:300px;
	height:160px;
	margin:0;
	padding:0;
	border:1px solid #dddddd;
}
.cont_03 {
	position:relative;
	float:right;
	width:178px;
	height:160px;
	margin:0;
	padding:0;
	border:1px solid #dddddd;
	background:url("../images/home_customer.gif") no-repeat center 5px;
}
.cont_01_title {
	position:relative;
	margin:15px 0 0 15px;
	padding:0;
	font-size:14px;
	font-weight:bold;
	font-family:"µ¸¿ò",dotum;
	color:#000;
}
.cont_02_title {
	position:relative;
	margin:15px 0 0 15px;
	padding:0;
	font-size:14px;
	font-weight:bold;
	font-family:"µ¸¿ò",dotum;
	color:#000;
}
.cont_tx {
	position:relative;
	width:268px;
	margin:5px 0 0 15px;
	padding:0;
	font-size:12px;
	font-family:"µ¸¿ò",dotum;
	color:#515151;
	line-height:20px;
	text-align:justify;
}
.cont_login a {
	position:absolute;
	clear:both;
	width:128px;
	height:20px;
	margin:0;
	bottom:10px;
	left:15px;
	background-color:#ff0000;
	color:#FFF;
	text-align:center;
	line-height:20px;
}
.cont_login a:hover {
	background-color:#6d6e71;
}
.pw_serch {
	position:relative;
	clear:both;
	padding:10px 0 0 15px;
	margin:0;
}
.pw_serch a {
	font-size:12px;
	color:#ff0000;
	text-decoration:underline;
}
.pw_serch a:hover {
	color:#000;
}
.faq_link
{
	clear:both;
	padding: 0px 15px 0 0px;
	margin:0;
	float:right;
	margin-top:-13px;
}
.faq_link a {
	font-size:12px;
	color:#ff0000;
	text-decoration:underline;
}
.faq_link a:hover {
	color:#000;
}
.faq_link_center
{
	clear:both;
	padding: 40px 0 0 0;
	margin:0;
	text-align:center;
}
.faq_link_center a {
	font-size:12px;
	color:#ff0000;
	text-decoration:underline;
}
.faq_link_center a:hover {
	color:#000;
}


.font_title_01 {
	color:red;  /*#ff0000;*/
	
}
.font_title_02 {
	color:#6d6e71;
}

/* Foot */
.foot_wrap {
	position:relative;
	clear:both;
	width:800px;
	height:83px;
	margin:0 auto;
	padding:0;
	border-top:5px solid #dddddd;
}
.foot {
	position:relative;
	width:800px;
	height:70px;
	margin:8px 0 0 0;
	padding:0;
	border:1px solid #dddddd;
}
.foot_logo {
	position:relative;
	float:left;
	width:126px;
	height:12px;
	margin:0;
	padding:27px 0 0 120px;

}
.foot_tx {
	position:relative;
	float:left;
	padding:13px 0 0 50px;
	font-size:11px;
	font-family:"µ¸¿ò",dotum;
	color:#909090;
	line-height:16px;

}

/* Main 01 */
.main_left {
	position:relative;
	float:left;
	width:400px;
	margin:0;
	padding:0;
}
.main_title {
	position:relative;
	float:left;
	margin:0;
	padding:60px 0 0 30px;
	font-size:24px;
	font-family:"µ¸¿ò",dotum;
	font-weight:bold;
	line-height:32px;
}
.main_tx {
	position:relative;
	float:left;
	width:340px;
	margin:0;
	padding:18px 0 0 30px;
	line-height:20px;
	font-size:12px;
	font-family:"µ¸¿ò",dotum;
	color:#6d6e71;
	text-align:justify;
}
.main_right {
	position:relative;
	float:right;
	width:400px;
	margin:0;
	padding:0;
}
.main_form {
	position:relative;
	float:right;
	width:294px;
	height:126px;
	margin:0 auto;
	padding:85px 20px 0 0;
}
.form_id {
	position:relative;
	float:left;
	width:294px;
	height:22px;
	margin:0;
	padding:0;
}
.form_pw {
	position:relative;
	float:left;
	width:294px;
	height:22px;
	margin:0;
	padding:10px 0 0 0;
}
.form_save {
	position:relative;
	float:left;
	width:294px;
	height:20px;
	margin:0;
	padding:10px 0 0 0;
}
.form_btn {
	position:relative;
	float:left;
	width:294px;
	height:20px;
	margin:0;
	padding:10px 0 0 0;
}
.form_tx {
	position:relative;
	float:left;
	width:82px;
	height:22px;
	line-height:22px;
	font-size:12px;
	color:#6d6e71;
	font-weight:bold;
	font-family:"µ¸¿ò",dotum;
}
.form_box {
	position:relative;
	float:left;
	width:212px;
	height:20px;
	margin:0;
	padding:0;
}
.txtLogin {
	position:relative;
	float:left;
	width:212px;
	height:20px;
	background-color:#ffdca9;
	border:0;
	line-height:20px;
	color:#a32020;
	/*text-align:center;*/
	font-weight:bold;
	font-family:"µ¸¿ò",dotum;
	font-size:12px;
	text-indent:5px;
}
.btn_serch a {
	position:absolute;
	clear:both;
	width:142px;
	height:20px;
	margin:0;
	padding:0;
	background-color:#ff0000;
	color:#FFF;
	text-align:center;
	line-height:20px;
}
.btn_serch a:hover {
	background-color:#6d6e71;
}
.btn_login a {
	position:absolute;
	clear:both;
	width:142px;
	height:20px;
	margin:0;
	left:152px;
	background-color:#ff0000;
	color:#FFF;
	text-align:center;
	line-height:20px;
}
.btn_login a:hover {
	background-color:#6d6e71;
}
.main_customer {
	position:relative;
	clear:both;
	float:right;
	width:294px;
	height:36px;
	margin:20px 20px 0 0;
	padding:22px 0 22px 0;
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
}
.main_link a {
	position:absolute;
	clear:both;
	width:142px;
	height:20px;
	margin:0 auto;
	bottom:0;
	left:0;
	background-color:#dddddd;
	color:#000;
	text-align:center;
	line-height:24px;
	font-size:11px;
	color:#6d6e71;
	font-family:"µ¸¿ò",dotum;
}
.main_link a:hover {
	color:#FFF;
}

/* Main 02 */
.main2_title {
	position:relative;
	margin:0;
	padding:60px 0 0 0;
	font-size:24px;
	font-family:"µ¸¿ò",dotum;
	font-weight:bold;
	line-height:32px;
	text-align:center;
}
.main2_tx {
	position:relative;
	margin:0;
	padding:10px 0 0 0;
	line-height:20px;
	font-size:12px;
	font-family:"µ¸¿ò",dotum;
	color:#6d6e71;
	text-align:center;
}
.main2_form {
	position:relative;
	width:440px;
	margin:0 auto;
	padding:40px 0 0 0;
}
.form_num_tx {
	position:relative;
	float:left;
	width:100px;
	height:22px;
	line-height:22px;
	font-size:12px;
	color:#6d6e71;
	font-weight:bold;
	font-family:"µ¸¿ò",dotum;
}
.form_num_box {
	position:relative;
	float:left;
	width:216px;
	height:22px;
	margin:0;
	padding:0;
}
.txtNum {
	position:relative;
	height:20px;
	background-color:#ffdca9;
	border:0;
	line-height:20px;
	color:#a32020;
	text-align:center;
	font-weight:bold;
	font-family:"µ¸¿ò",dotum;
	font-size:12px;
}
.btn_num_login a {
	position:absolute;
	clear:both;
	width:120px;
	height:20px;
	margin:0;
	right:0;
	background-color:#ff0000;
	color:#FFF;
	text-align:center;
	line-height:20px;
}
.btn_num_login a:hover {
	background-color:#6d6e71;
}
.main2_line {
	position:relative;
	clear:both;
	width:760px;
	height:1px;
	margin:0 auto;
	top:40px;
	background-color:#dddddd;
}
.main2_customer {
	position:relative;
	clear:both;
	width:294px;
	height:36px;
	margin:0 auto;
	padding:80px 0 0 0;
}

/* Password Serch */
#serch_wrap {
	position:relative;
	width:500px;
	height:500px;
	margin:0;
	padding:0;
}
.serch_close {
	position:relative;
	float:right;
	margin:0;
	padding:0;
	width:28px;
	height:28px;
	z-index:1;
}
.serch_title {
	position:relative;
	margin:0 auto;
	padding:28px 0 0 0;
	font-family:"µ¸¿ò",dotum;
	font-weight:bold;
	font-size:16px;
	color:#454545;
	text-align:center;
}
.serch_tx {
	position:relative;
	margin:0;
	padding:10px 0 22px 0;
	color:#ff0000;
	text-align:center;
	font-family:"µ¸¿ò",dotum;
}
.serch_form {
	position:relative;
	width:328px;
	height:60px;
	margin:0 auto;
	padding:20px 0 0 0;
}
.serch_btn {
	position:absolute;
	clear:both;
	width:56px;
	height:55px;
	left:290px;
	top:19px;
}
.serch_info_box {
	position:relative;
	width:430px;
	height:150px;
	margin:0 auto;
	padding:0;
	background-color:#eaeaea;
}
.serch_info {
	position:relative;
	width:370px;
	margin:0;
	padding:26px 0 0 26px;
}
.serch_font_01 {
	font-size:14px;
	color:#000;
	font-weight:bold;
	font-family:"µ¸¿ò",dotum;
	padding:0 0 14px 0;
}
.serch_font_02 {
	font-size:12px;
	color:#000;
	font-family:"µ¸¿ò",dotum;
	line-height:18px;
	padding:0 0 5px 0;
}
.font_arrow {
	font-size:10px;
}
.serch_id {
	position:relative;
	float:left;
	width:294px;
	height:22px;
	margin:0;
	padding:0;
}
.serch_email {
	position:relative;
	float:left;
	width:294px;
	height:22px;
	margin:0;
	padding:10px 0 0 0;
}
.form_tx2 {
	position:relative;
	float:left;
	width:60px;
	height:20px;
	line-height:20px;
	font-size:12px;
	color:#6d6e71;
	font-weight:bold;
	font-family:"µ¸¿ò",dotum;
}
.form_box2 {
	position:relative;
	float:left;
	width:212px;
	height:20px;
	margin:0;
	padding:0;
}