/* CSS 
# 생성일 : 2017-02-25 오후 3:15:46
# 작성자 : 김병희
# 내   용 : login.html 파일 CSS 정의
	
# 작업/변경 사항
2017-03-07 오후 4:06:15
변경 : .index_login > form > div.login_btn .btn	

*/
@charset "UTF-8";

body.login {background:url(../images/img/index_bg.jpg) 0 0 no-repeat #16559f; background-size:cover;}
/* --------------------------- index_login.html --------------------------- */
.index_login {position:absolute;top:50%;left:50%;margin-top:-165px;margin-left:-200px; width: 400px;}
.index_login h1 {font-size:50px;letter-spacing:-1px;color: #ffffff; font-weight:900; text-align: center; margin-bottom: 25px;}
.index_login div.form-group {}
.index_login div.form-group > label {display:none;}
.index_login div.form-group > input { border: 2px solid #ffffff; border-radius: 5px; margin-bottom: 10px;background-color: rgba(255,255,255,0.2); font-size: 1.3em; color: #ffffff; display:inline-block; width:calc(100% - 60px); padding:0.5em 0em; padding-left: 55px;}
.index_login div.form-group > input:first-child{margin-bottom: 10px;}
.index_login div.form-group > input.id_img { background-image: url(../images/img/id_img.svg); background-size: 25px 30px; background-repeat: no-repeat; background-position:13px center;}
.index_login div.form-group > input.pw_img {background-image:url(../images/img/pw_img.svg); background-size: 20px 30px; background-repeat: no-repeat; background-position:16px center;}
.index_login div.login_btn {margin-top: 15px;}
/* index_login > form > div.login_btn button {background-color:#01bad4; border-radius: 5px; font-size: 1.4em; font-weight: bold;color:#ffffff;width:100%;} */ 
.index_login  div.login_btn input.btn {background-color:#01bad4; border-radius: 5px; font-size: 1.4em; font-weight: bold;color:#ffffff;width:100%;padding:10px 0}

.index_login p.copy {font-size: 1em; text-align: center; color: #ffffff; margin-top: 20px;}
.index_login div.form-group > input[type='password']{font-family:sans-serif}
.index_login div.form-group > input::-webkit-input-placeholder {color:#fff}
.index_login div.form-group > input:-ms-input-placeholder { }



/* CSS 3.0 media queries : response web ######################################################## */
/* #1- Desktops */
@media (min-width: 992px) {

}
/* #2- Portrait tablet to landscape and netbooks */
/* @media (min-width: 768px) and (max-width: 979px) { ... } */
@media (min-width: 481px) and (max-width: 991px) {

		.index_login {width:80%;top:50%;margin-top:-170px;left:0;margin-left:10%;margin-right:10%;}

}
/* #3- Landscape phone to portrait tablet */
/* @media (max-width: 767px) { ... } */
/* #4- Landscape phones and down */
@media (max-width: 480px) {
	
		.index_login {width:90%;top:50%;margin-top:-170px;left:0;margin-left:5%;margin-right:5%;}
}