@charset "euc-kr";

@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: normal;
  src: url(/EZ/TP/common/css/font/NanumGothic-Regular.eot);
  src: url/EZ/TP/common/css/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/EZ/TP/common/css/font/NanumGothic-Regular.woff2) format('woff2'),
       url(/EZ/TP/common/css/font/NanumGothic-Regular.woff) format('woff'),
       url(/EZ/TP/common/css/font/NanumGothic-Regular.ttf) format('truetype');
}



	.loginwap{
		margin: 0;
		padding: 0;
		outline : 0;
		font-size: 100%; 
		-webkit-text-size-adjust: 100%; 
		-ms-text-size-adjust: 100%; 
		font: inherit;
		font-family: '³ª´®°íµñ', 'NanumGothic', 'NG', '¸¼Àº °íµñ', 'MalgunGothic', 'MG', 'Dotum', 'Arial', 'sans-serif';
		vertical-align: baseline;
		text-decoration:none;
		color:#555;
		border:0;

	}
	



	.loginwap img {border:0;}


	/*ŸÀÌƲ°ú ºÎºÐ¼³¸í*/
	.loginwap {position:relative; margin:0 auto; width:95%; height:100%;}
	.loginwap .loginwap_tx {position:relative; width:100%;}
	.loginwap .loginwap_tx .user_h1 {font-size:60px; color:#888; font-weight:800; height:80px;  }
	.loginwap .loginwap_tx .user_h2 {display:inline; font-size:18px; color:#000; font-weight:600; height:50px; }
	.loginwap:after {clear:both; margin:0; padding:0; display:block; content:"";}


     /*·Î±×ÀÎÆäÀÌÁö Å×À̺í*/
	.login_box1 {position:relative; width:100%; margin-top:22px;  }
	.login_box1 .login_box2 {float:left; width:99.5%; margin:1%; }
	.login_box1 .login_box2 .login_box3 {}
	.login_box1 .login_box2 .login_box3 .login_box4 .login_tx{text-align:center; margin-top:9px; }
	.login_box1 .login_box2 .login_box3 .login_box4 {border:1px solid #ddd; border-radius:5px; overflow:hidden;}
	.login_box1 .login_box2 .login_box3 .login_box4 li.login_li_h1 {min-height:230px}
	.login_box1 .login_box2 .login_box3 .login_box4 li .line {width:90%; margin:0 auto; overflow:hidden; }
	.login_box1 .login_box2 .login_box3 .login_box4 li .line2 {width:90%; margin:0 auto; padding-top:10px; overflow:hidden;}
	.login_box1 .login_box2 .login_box3 .login_box4 li div p {width:100%; line-height:18px; margin-top:9px; font-size:14px; color:#444; font-weight:500;}									 
	.login_box1 .login_box2 .login_box3 .login_box4 li div p:first-child {margin-top:0}
	.login_box1 .login_box2 .login_box3 .login_box4 li div p:nth-child(2) {margin-bottom:15px}
	.login_box1 .login_box2 .login_box3 .login_box4 li:first-child {height:55px; background:#383f48;  font-size:25px;font-weight:600; color:#fff; line-height:55px;}
	.login_box1 .login_box2 .login_box3 .login_box4 li:first-child span {font-size:14px; color:#fff; }
	.login_box1:after {clear:both; margin:0; padding:0; display:block; content:"";}	
	
	
	/*ÀÔ·Â*/
	.tx_input{ font-size:14px; width:100%-5PX; /*height:20px;*/ padding:5px; border:1px solid #ccc; margin-top:7px; margin-bottom:5px;}

	/*.tx_input:first-child{margin-bottom:5px;}*/
	.tx_input .tx_input_1 {width:100%;border:0}


	.tx_input_nob{ font-size:14px; width:100%-5PX; height:20px; padding:5px; border:0px solid #ccc; margin-top:11px; margin-bottom:15px;}
	.tx_input_nob .textid {color:#0099ff;font-weight:bold}

	#tx_tx{float:left; width:90px; font-size:14px; font-weight:600; margin-top:5px;}
	#tx_tx2{float:left; width:90px; font-size:14px; font-weight:600; margin-bottom:60px;}
	#tx_input2{ font-size:14px; width:70%; height:20px; padding:5px; border:1px solid #ccc; margin-left:100px; margin-bottom:5px; }


	/*¹öÆ°*/
	.loginbt{display:inline-block; width:100%; padding:20px; background:#ccc; text-align:center; font-size:16px; color:#000; font-weight:600; }
	.loginbt:hover {background:#000; font-size:16px; color:#fff; font-weight:600; }
	.loginbt2{display: inline-block; width:200px; padding: 20px; background: #ccc; text-align:center; font-size:16px; color:#000; font-weight:600;}
	.loginbt2:hover { background: #000; font-size:16px; color:#fff; font-weight:600; }
	

	.sns_loginbt {text-align:center;margin-bottom:10px}

	
	/*¾à°ü³»¿ëºÎºÐ*/
	.join {position:relative; width:100%; margin-top:22px;  }
	.join .join_box {position:relative;  width:100%;height:100%;}
	.join .join_box ul {list-style-type:none;}
	.join .join_box ul li {margin-bottom:7px;}
	.join .join_box h1 {font-size:60px; color:#888; font-weight:800; height:80px;  }
	.join .join_box h2 {font-size:18px; color:#000; font-weight:600; }
	.join .join_box h3 {font-size:15px; color:#666; font-weight:400; margin:5px;}
	.join .join_box:after {clear:both; margin:0; padding:0; display:block; content:"";}	

	.join .join_box .textbox1 {border:1px solid #eeeeee;background-color:#f8f8f8;color:#888888;padding:20px;width:95%;height:100px;font-size:12px}
	.join .join_box .textbox2 {border:1px solid #eeeeee;background-color:#f8f8f8;color:#888888;padding:20px;width:95%;height:60px;font-size:12px}




	
	/*°¡ÀÔ»ó´Ü ¸Þ´º Å×À̺í*/
	.nav_table {width:100%; }
	.nav_table thead th {height:44px; background:#0957a2; text-align:center; font-size:15px; color:#fff; font-weight:600; vertical-align:middle; border-left:1px solid #e1e1e1;}
	.nav_table thead td {height:44px; background:#ccc; text-align:center; font-size:15px; color:#fff; font-weight:600; vertical-align:middle; border-left:1px solid #e1e1e1;}
	.nav_table:after {clear:both; margin:0; padding:0; display:block; content:"";}	


	/*ȸ¿ø°¡ÀÔÇ¥*/
	.login_table {width:100%;margin-bottom:20px;}
	.login_table thead th {height:44px; background:#383f48; text-align:center; font-size:15px; color:#fff; font-weight:600; vertical-align:middle; }
	.login_table tbody th { padding:17px 10px 10px 10px; font-size:13px; font-weight:600; line-height:15px; color:#444; background:#f6f6f6; border-bottom:1px solid #d8d8d8;}

	.login_table tbody tr th:first-child {border-left:1px solid #d8d8d8;}
	.login_table tbody td {vertical-align:top; padding:10px; font-size:13px; line-height:15px; color:#444;  border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}


	.login_table tbody td input[type='text'], .login_table tbody td input[type='password'] { font-size:14px; padding:5px; border:1px solid #ccc; /*margin-top:11px; margin-bottom:22px;*/}
	.login_table tbody td textarea { font-size:14px; padding:5px; border:1px solid #ccc; /*margin-top:11px; margin-bottom:22px;*/}
    .login_table tbody td select { font-size:14px;  height:28px; padding:5px; border:1px solid #ccc; width:80px; /*margin-top:11px; margin-bottom:22px;*/} 
    .login_table tbody td input[type='file'] { font-size:14px;  height:24px; padding:5px; border:1px solid #ccc; /*margin-top:11px; margin-bottom:22px;*/} 

	.login_table .input_img{ vertical-align:middle; }
	.login_table .w70{ width:63px;}
	.login_table .w157{ width:150px;}
	.login_table .w286{ width:279px;}

	.login_table .mgb_5{ margin-bottom:5px;}

	.login_table .input_select {border:1px solid #cccccc; padding:3px 5px 3px 5px; _height /**/:23px;  vertical-align:middle;}






	@media all and (max-width:480px){
		/*.login_box1 .login_box2 {width:49.5%;}*/
		.login_box1 .box_sp1 {width:100%;}


		.loginbt2{display: inline-block; width:100px; padding: 20px; background: #ccc; text-align:center; font-size:16px; color:#000; font-weight:600;}
		.loginbt2:hover { background: #000; font-size:16px; color:#fff; font-weight:600; }
	}

	@media all and (min-width:800px){
		.login_box1 .login_box2 {width:47.5%;}

		.login_box1 .box_sp1 {width:100%;}
	}

	@media all and (min-width:1024px){
		.login_box1 .login_box2 {width:47.5%;}

		.login_box1 .box_sp1 {width:100%;}
	}