@charset "utf-8";

.login-wrap{margin:0 auto;max-width:900px;border:1px solid #bfbfbf;background:#fff;}
.login-wrap .login-box{padding:40px 80px 0;}
.login-wrap .login-box .login{display:flex;justify-content:center;align-items:center;margin:0 0 30px;}
.login-wrap .login-box .login .login-logo{padding:0 13.6% 0 0;max-width:178px;vertical-align:top;}
.login-wrap .login-box .login .login-logo > a > img{width:100%;}
.login-wrap .login-box .login .login-form-wrap{max-width:370px;width:100%;}
.login-wrap .login-box .login .login-form-wrap form .field-wrap .user-info{margin:0 0 8px;width:100%;}
.login-wrap .login-box .login .login-form-wrap form .field-wrap .user-info > input{padding:10px 10px 8px 10px;}
.login-wrap .login-box .login .login-form-wrap form .field-wrap .user-info > input::placeholder{color:#999;}
.login-wrap .login-box .login .login-form-wrap form .field-wrap .user-info > input:focus{outline-color:#333;}
.login-wrap .login-box .login .login-form-wrap form .field-wrap .check-box{padding:0 0 5px;font-size:0.75rem;line-height:1.25rem;}
.login-wrap .login-box .login .login-form-wrap form .field-wrap .check-box .b-chk{display:inline-block;position:relative;margin:0 4px 0 0;min-width:13px;height:13px;border:1px solid #bfbfbf;-webkit-border-radius:0;border-radius:0;box-sizing:border-box;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.login-wrap .login-box .login .login-form-wrap form .field-wrap .check-box .b-chk:checked{border:1px solid #e8e8e8;background:#da0000 url(/_res/service/dea/img/common/ico-check01.png) no-repeat center / 100%;}
.login-wrap .login-box .login .login-form-wrap form .field-wrap .b-comment-txt{margin:0 0 0 -2px;}
.login-wrap .login-box .login .login-form-wrap form .field-wrap .login-btn{padding:25px 0 0 0;}
.login-wrap .login-box .login .login-form-wrap form .field-wrap .login-btn > input{padding:13px 0 10px 0;max-width:370px;width:100%;font-size:1.25rem;line-height:1.75rem;cursor:pointer;}

.login-wrap .login-box .help-container{display:flex;padding:15px 0 40px 0;border-top:1px solid #e8e8e8;}
.login-wrap .login-box .help-container .login-search-box{margin:10px 10px 10px 20px;padding:0 40px 0 0;max-width:334px;border-right:1px solid #e8e8e8;} 
.login-wrap .login-box .help-container .login-change-box{margin:10px 10px 10px 12px;padding:0 0 0 20px;max-width:294px;}
.login-wrap .login-box .help-container .help-box > p{margin:0 0 10px 0;color:#7c7c7c;font-size:0.75rem;font-weight:300;line-height:1.25rem;}
.login-wrap .login-box .help-container .help-box ul{padding:0 0 0 20px;}
.login-wrap .login-box .help-container .help-box ul li{display:inline-block;color:#417BD7;font-size:0.875rem;line-height:1.375rem;}
.login-wrap .login-box .help-container .help-box ul li a{position:relative;margin:0 20px 0 0;padding:0 15px 0 0;background:url(/_res/service/dea/img/etc/ico-arr-blue.png)no-repeat right -8px top -5px / 24px}
.login-wrap .login-box .help-container .help-box ul li:last-of-type a{margin:0;}

@media screen and (max-width:1024.98px){
	.login-wrap .login-box{padding:40px 60px 0;}
	.login-wrap .login-box .help-container .login-search-box{margin:10px;padding:0 20px 0 0;max-width:unset;}
	.login-wrap .login-box .help-container .login-change-box{padding:0;max-width:unset;}
}

@media screen and (max-width:768px){
	.login-wrap{margin:0;max-width:100%;border:none;background:transparent;}
	.login-wrap .login-box{padding:0}
	.login-wrap .login-box .login{display:block;margin:0 0 40px;}
	.login-wrap .login-box .login .login-logo{margin:0 auto;padding:0 0 25px;max-width:180px;}
	.login-wrap .login-box .login .login-form-wrap{max-width:100%;}
	.login-wrap .login-box .login .login-form-wrap form .field-wrap .user-info{margin:0 0 5px;}
	.login-wrap .login-box .login .login-form-wrap form .field-wrap .check-box .b-chk{min-width:15px;height:15px;}
	.login-wrap .login-box .login .login-form-wrap form .field-wrap .user-info > input{padding:15px 10px 14px 10px;}
	.login-wrap .login-box .login .login-form-wrap form .field-wrap .check-box{padding:0 0 2px;font-size:0.857rem;line-height:1.357rem;}
	.login-wrap .login-box .login .login-form-wrap form .field-wrap .b-comment-txt{font-size:1rem;line-height:1.5rem;}
	.login-wrap .login-box .login .login-form-wrap form .field-wrap .login-btn{padding:5px 0 0;}
	.login-wrap .login-box .login .login-form-wrap form .field-wrap .login-btn > input{padding:11px 0 12px 0;max-width:100%;font-size:1.428rem;line-height:1.928rem;}
	
	.login-wrap .login-box .help-container{display:block;padding:0;border-top:none;text-align:center;}
	.login-wrap .login-box .help-container .help-box{display:flex;flex-direction:column-reverse;margin:0;padding:0 0 20px;}
	.login-wrap .login-box .help-container .help-box:last-of-type{padding:0;}
	.login-wrap .login-box .help-container .login-search-box{border-right:none;}
	.login-wrap .login-box .help-container .help-box > p{margin:0 auto;font-size:0.857rem;line-height:1.142rem;}
	.login-wrap .login-box .help-container .help-box ul{padding:0;}
	.login-wrap .login-box .help-container .help-box ul li{font-size:1rem;line-height:1.5rem;}
	.login-wrap .login-box .help-container .help-box ul li a{padding:0 22px 0 0;background:none;}
	.login-wrap .login-box .help-container .help-box ul li:last-of-type a{padding:0;}
	.login-wrap .login-box .help-container .help-box ul li a:after{content:'';display:block;position:absolute;top:1px;right:0;width:1px;height:12px;background:#417BD7;}
	.login-wrap .login-box .help-container .help-box ul li:last-of-type a:after{display:none;}
}