@import url(https://fonts.googleapis.com/css?family=Exo:100,200,400);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:700,400,300);

    html { 
        background: url(/Site/Resources/Images/Login_bg.jpg) no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .login_container{
	    padding: 80px 100px 100px; 
	    left: 50%; 
	    top: 50%; 
	    width: 550px; 
	    height: 120px; 
	    text-align: center; 
	    margin-top: -200px; 
	    margin-left: -363px; 
	    position: absolute; 
        background-color: #000; /* 배경색 지정 */
        opacity: 0.8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    }

    .header{
	    position: relative;
	    top: calc(50% - 63px);
	    left: calc(50% - 315px);
	    z-index: 2;
    }

    .header div{
	    float: left;
	    color: #fff;
	    font-family: 'Exo', sans-serif;
	    font-size: 35px;
	    font-weight: 400;
        padding-left: 30px;
    }

    .header div span{
	    color: #bfcbd6 !important;
    }

    .login{
	    position: absolute;
	    top: calc(50% - 85px);
	    left: calc(50% - 40px);
	    height: 150px;
	    width: 350px;
	    padding: 10px;
	    z-index: 2;
    }

    .login input[type=text]{
	    width: 250px;
	    height: 30px;
	    background: transparent;
	    border: 1px solid rgba(255,255,255,0.6);
	    border-radius: 2px;
	    color: #fff;
	    font-family: 'Exo', sans-serif;
	    font-size: 16px;
	    font-weight: 400;
	    padding: 4px;
    }

    .login input[type=password]{
	    width: 250px;
	    height: 30px;
	    background: transparent;
	    border: 1px solid rgba(255,255,255,0.6);
	    border-radius: 2px;
	    color: #fff;
	    font-family: 'Exo', sans-serif;
	    font-size: 16px;
	    font-weight: 400;
	    padding: 4px;
	    margin-bottom: 10px;
    }

    .login input[type=text]:focus{
	    outline: none;
	    border: 1px solid rgba(255,255,255,0.9);
    }

    .login input[type=password]:focus{
	    outline: none;
	    border: 1px solid rgba(255,255,255,0.9);
    }
    
    ::-webkit-input-placeholder{
       color: rgba(255,255,255,0.6);
    }

    ::-moz-input-placeholder{
       color: rgba(255,255,255,0.6);
    }
        
    .login_container .login_btn {
	    width: 260px;
	    height: 35px;
	    background: #fff;
	    border: 1px solid #fff;
	    cursor: pointer;
	    border-radius: 2px;
	    color: #a18d6c;
	    font-family: 'Exo', sans-serif;
	    font-size: 16px;
	    font-weight: 400;
	    padding: 6px;
	    margin-top: 10px;
    }