﻿*  { -webkit-text-size-adjust:none;   } 
html	{ width:100%; height:100%; font-size:1.0em;  }
body { width:100%; height:100%; font-family:Malgun Gothic; -ms-content-zooming:none; -webkit-text-size-adjust:none;   } 
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, span, a, table, thead, tfoot, tbody, th, td, form, legend, label, input, textarea, address, strong, em, pre, q, abbr, acronym, cite, blockquote, object, iframe {margin:0; padding:0;font-family: 'Malgun Gothic', '맑은 고딕', '맑은고딕', 'Apple SD Gothic Neo', Sans-Serif, 'Dotum', '돋움', 'Gulim', '굴림', '굴림체'; }  
img, fieldset, hr {border:0; margin:0; padding:0;}
img {vertical-align:top; }
ul, ol {list-style-type:none;}

.fL {float:left !important;}
.fR {float:right !important;}
.clear		{ clear:both; }
.cboth		{ clear:both;height:0;line-height:0;margin:0;padding:0;font-size:0;overflow:hidden;display:block; }

body		{ background:#beac96 url('./images/bg_body.png') center top no-repeat; background:cover; width:100%; min-width:320px; background-attachment:scroll; background-size:100% auto;   	}
#wrapper_login		{ background:rgba(59, 43, 32, 0.4); width:100%; height:100%; min-height:580px; 	}
#wrapper_loginm		{    font-family: 'Noto Sans Korean'; background:rgba(59, 43, 32, 0.4); width:100%; height:100%; min-height:900px;     max-width: 580px; margin:auto;	}
#wrapper_loginm	.mtitle {background: #8bc223; width: 100%; height:44px; text-align:left;color:#000;overflow: hidden;}
#wrapper_loginm	.mtitle span{padding:9px 0 0 20px; text-align:left;color:#000;overflow: hidden;display:block;font-size:20px;}
.login					{ padding:20px; 		}
.login h1			{ padding-top:18px; text-align:center; 	}
.login_close		{ position:absolute; top:10px; right:10px; 	}

.login_info		{ margin:34px 0 0 0;	}
.login_info ul		{	}
.login_info ul li		{ background:rgba(255, 255, 255, 0.3); height:36px; border-radius:3px; margin:7px 0 7px; padding:3px 20px 3px; 	  	}
.login_info ul li input.inp_login		{ height:34px; background:transparent; border:none; color:#FFF; font-size:1.2em;  }
.login_info .id_chk		{ margin:12px 0 0 3px; font-size:0.8em; color:#FFF;  	}
.login_info .id_chk input.chk		{ -webkit-transform: scale(1.5); 	}

.login_btn		{ padding:20px 0 15px; 	}
.login_btn input.inp_logbtn		{ width:100%; height:40px; background:rgba(38, 31, 25, 0.8); border:none; color:#ffd005; font-size:1.0em !important; 	}

.login_btn2		{ padding:20px 0 15px; 	}
.login_btn2 input.inp_logbtn		{ width:49%; height:40px; background:rgba(38, 31, 25, 0.8); border:none; color:#ffd005; font-size:1.0em !important; 	}
.login_btn2 input.inp_logbtnnot		{ width:49%; height:40px; background:rgba(38, 31, 25, 0.8); border:none; color:#ffffff; font-size:1.0em !important; 	}


.login_attx		{ padding-top:10px; 	}
.login_attx li		{ background:url('./images/blt_wh.png') 0 7px no-repeat; color:#FFF; font-size:0.8em; padding:0 0 0 10px; margin-bottom:10px;  	}

.login_footer		{ margin-top:15px; text-align:center;  	}
.login_footer .ft_mn		{ text-align:center; 	}
.login_footer .ft_mn li		{ display:inline; color:rgba(255, 255, 255, 0.5); font-size:1.2em; background:url('./images/login_ft_bar.png') right 2px no-repeat; padding:0 10px 0 5px;   }
.login_footer .ft_mn li a		{ color:rgba(255, 255, 255, 0.5); 	}
.login_footer .ft_mn li:last-child		{ background:none; padding-right:0px; 	}
.login_footer .copyright		{ color:rgba(255, 255, 255, 0.5); font-size:1.4em; margin:10px 0 0;  	}

.login  .container {overflow-y:auto; max-width:580px; width:95%; height:250px; border:#cccccc 1px solid; background-color:#f3f3f3; padding:10px; margin:5px auto;text-align:left;}
.login  .container p{font-size:13px; line-height:1.2; margin:-0.5px 0; color:#222;}}
.login  .container img{height:auto;}
.login  .container img{max-width:560px; width:95%; height: auto; display:block; }

#wrapper_loginm	 .container .joinintro {font-size:16px;line-height:1.6;color:#000;padding:5px 7px; background-color:#e9e9e9; text-align:left;word-break:break-all;white-space:normal;}
#wrapper_loginm	 .container ul li {background-color:#e9e9e9; padding:4px 2px;}
#wrapper_loginm	 .container ul li.method {display:block; text-align:center; padding:3px 0px 15px 3px;}
