/**
 * account_layout 적용 스타일
 * @author 최주섭
 * @since  2019
 * @version 1.0
 * @see
 * Copyright (C)  All right reserved.
*/

@import url(../../font/font.css);

/* common */
body {font-family: 'Nanum Barun Gothic';}
.mt20 {margin-top:20px !important;}

/*dashboard_top.jsp*/
.main-header .navbar {background-color: #f8f8f8;border-bottom: 1px solid #bbb;}
.btn-dropbox {background-color: #333;border-color: #003870;}

/********** login.jsp **********/
.cyl-login-page {
	letter-spacing: normal !important;
    word-spacing: -0.64px !important;
    font-size: 12px !important;
    line-height: 20px !important;
    min-height: 650px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ddd url(../../../img/account/basic/login_bg.jpg) no-repeat top center;
}
.cyl-login-page .box {border-top: 0px solid #d2d6de;border-radius: 0;}
.cyl-login-page .box.box-primary {border-top-color: none;}
.cyl-login-page .login-box {
	width: 450px;
    min-height: 450px;
    display: table;
    margin:0 auto;
    position: absolute;
    left: 50%;
    top: 47%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    box-shadow: 7px 10px 26px 2px rgba(0,0,0,0.38);
    -webkit-box-shadow: 7px 10px 26px 2px rgba(0,0,0,0.38);
    -moz-box-shadow: 7px 10px 26px 2px rgba(0,0,0,0.38);
}
.cyl-login-page .login-logo {/* display:none; */margin-bottom:15px;}
.cyl-login-page .login-logo img {width:254px;}
.cyl-login-page .login-box-msg {text-align: center;padding: 0 0 20px 0;font-size: 15px; font-family: Nanum Barun Gothic !important; letter-spacing:-0.5px; color:#555;}
.cyl-login-page .login-bg {width: 400px;display: table-cell; background: #e8eff7;vertical-align: middle;text-align: center;display:none;}
.cyl-login-page .login-title {text-align: left;padding-left: 50px; margin-bottom: 50px;}
.cyl-login-page .login-title dd {font-size: 14px;color: #555;margin-top:12px;}
.cyl-login-page .login-box-body {padding: 100px 75px 70px 75px;width: 500px;display: table-cell;vertical-align: middle;position:relative;}
.cyl-login-page .login-box-con {margin-top:0px;}
.cyl-btn-login {background-color:#fff;border-color:#444;color:#333;padding:15px 0px;text-align:center;font-size:16px;font-family:'Noto Sans KR Bold';}
.cyl-btn-login:hover, .cyl-btn-login:active, .cyl-btn-login.hover {background-color: #373c35;border-color:#373c35;color:#fff;}
.cyl-btn-download {padding:14px 0px;font-size:15px;background-color:#3f8dd5;border-color:#3875ae;color:#fff;font-family:nanum gothic bold;}
.cyl-btn-tablet-only {display:none;}

.cyl-login-page .form-control-feedback {width: 50px; height: 60px; line-height: 60px;}
.cyl-login-page .login-box-body .form-control-feedback {color: #55739A;}
.cyl-login-page .has-feedback .form-control {padding-left: 55px; padding-right: 0; height: 45px;}
.cyl-login-page .has-feedback .form-control:active,
.cyl-login-page .has-feedback .form-control:visited,
.cyl-login-page .has-feedback .form-control:focus {border:1px solid #ccc;}
.cyl-login-page .form-control-feedback {left: 0;}
.cyl-login-page .form-group {margin-bottom: 10px;}
.cyl-login-page .language {
    position:absolute;
    float: none;
    text-align: left;
    overflow:hidden;
    border-bottom: none;
    background: #333;
    top: 0;
    left: 0;
    right: 0;
    padding:10px 15px;
}
.cyl-login-page .language .language-tit {float:left;display:inline-block;font-family: nanum barun gothic bold;font-size:16px;padding-top:5px;color:#fff;}
.cyl-login-page .language .language-btn {float:right;display:inline-block;}
.cyl-login-page .language a {
    padding: 0px 10px 0px 10px;
    margin-top:6px;
    display: inline-block;
    font-size: 13px;
    line-height: 13px;
    font-family: nanum barun gothic;
    background:none;
    border-radius: 0;
	border-left: 1px solid #fff;
	color: #aaa;
}
.cyl-login-page .language a:first-child {border-left:none;}
.cyl-login-page .language a:link { text-decoration:none; }
.cyl-login-page .language a:visited { text-decoration:none; }
.cyl-login-page .language a:active {text-decoration:none;color: #fff;}
.cyl-login-page .language a:hover {text-decoration:none;color: #fff;}
.cyl-login-page .language .locale  {text-decoration: none;color: #fff;}
.cyl-login-page .alert {display: none;}
.cyl-login-page .alert p{display: inline;}
.cyl-login-page .error {color: #ED7476;font: 12px Tahoma, sans-serif;}
.glyph-login {display:inline-block;position:absolute;top:11px;left:20px;font-size:18px;color:#333;}


/* 사파리 브라우저 적용 핵 */
/* @media screen and (-webkit-min-device-pixel-ratio:0){
	.login-box .checkbox {margin-left:20px;}
} */