@charset "utf-8";
/* CSS Document */
body{
	background-color:#bfbfbf;
}
#wrap{

	width: 1280px;
	height: 650px;
	margin: 90px auto;

-webkit-box-shadow: 10px 10px 6px -8px rgba(0,0,0,0.52);
-moz-box-shadow: 10px 10px 6px -8px rgba(0,0,0,0.52);
box-shadow: 10px 10px 6px -8px rgba(0,0,0,0.52);

}
/*각 박스 사이즈 및 배경 색상*/
.main ul li{
/*	display: inline-block;*/
	float: left;
}
.main ul li.ima01{
	width:608px;
	height:500px;
	background:url(/domcfg.nsf/log_img_01.gif);
}
.main ul li.login_p{
	width:672px;
	height:500px;
	background:#fff;
}
.main ul li.ima02{
	width:608px;
	height:150px;
	background:#fff;
}
.main ul li.img03{
	width:672px;
	height:150px;
	background-color: #f1f2f2;
}

/*ima01 입력 사항*/

.main ul li .login_wrap{
	width:480px;
	height:210px;
	margin:195px 96px 0;

}

.login_wrap .logo_title{
	width:480px;
	height: 65px;
	float: left;
}

.login_wrap .logo_title .log_logo{
	display: block;
	width:186px;
	height:61px;
	float: left;
	background:url(/domcfg.nsf/logo.png)no-repeat; 
}
.login_wrap .logo_title .log_title{
	display: block;
	width:234px;
	height:49px;
	float: right;
	margin-top: 15px;
	background:url(/domcfg.nsf/log_title.png)no-repeat; 
}

.inputbox{
	height: 52px;
	width: 470px;
	overflow: hidden;
	margin: 35px 0 0 5px;
}

.inputbox .input-t{
	width:194px;
	height:52px; 
	background:url(/domcfg.nsf/login_img_01.png)no-repeat ;
}

.inputbox .input-t .input3{
	width:130px;
	height:32px; 
	float: right;
	border:0;
	background-color:#002f65;
	margin-top:10px;
	margin-right:10px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	letter-spacing:1px;



}
.inputbox .input-b{
	width:206px;
	height:52px; 
	background:url(/domcfg.nsf/login_img_02.png)no-repeat ;
}
.inputbox .input-b .input4{
	width:140px;
	height:32px; 
	float: right;
	border:0;
	background-color:#002f65;
	margin-top:10px;
	margin-right:15px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	letter-spacing:1px;

}
.inputbox .loginbtn{
	width:65px;
	height:53px; 
	background:url(/domcfg.nsf/login_img_03.png)no-repeat;
	cursor: pointer;
}




.btnbox{
	height: 22px;
	width: 470px;
	overflow: hidden;
	margin: 15px 0 0 5px;
}

.btnbox ul .lang select{
	width: 110px;
	height:20px;
}

.btnbox ul .id_save{
	margin-left:15px;
	width:90px;
	height:20px;
}
.btnbox ul .id_save_text{
	margin-left:7px;
	line-height: 20px;
}
.btnbox ul .btn01{
	float: right;
}
.btnbox ul .btn01 .icon_04{
	display: inline-block;
	width:12px;
	height:11px;
	margin-right:7px;
	margin-top:4px;
	background:url(/domcfg.nsf/login_img_04.gif)no-repeat;
}

@media only screen and (min-width:320px){
	.main ul li.ima01{
		display:none;
	}
	.main ul li.ima02{
		display:none;
	}
	.main ul li.img03{
		display:none;
	}
	
	#wrap{
		width: 650px;
		height: 500px;
		margin: 0px auto;
		box-shadow: 00px 0px 0px 0px;
	}
	
	body{
		background-color:#ffffff;
	}
	
	.main ul li.login_p{
		width:650px;
		height:500px;
		background:#fff;
	}
}

@media only screen and (min-width:1000px){
	.main ul li.ima01{
		display:block;
	}
	.main ul li.ima02{
		display:block;
	}
	.main ul li.img03{
		display:block;
	}
	
	#wrap{
		width: 1280px;
		height: 650px;
		margin: 90px auto;
		-webkit-box-shadow: 10px 10px 6px -8px rgba(0,0,0,0.52);
		-moz-box-shadow: 10px 10px 6px -8px rgba(0,0,0,0.52);
		box-shadow: 10px 10px 6px -8px rgba(0,0,0,0.52);
	}
	
	body{
		background-color:#bfbfbf;
	}
	
	.main ul li.login_p{
		width:672px;
		height:500px;
		background:#fff;
	}
}