@charset "UTF-8";

/* 로그인 */
.bn-login01{}
.bn-login01 .logo{padding:55px 0;text-align:center;}
.bn-login01 .logo img{width:auto;max-width:100%;}
.b-login-wrap{margin:0 auto;padding:40px 0;max-width:1200px;border-top:4px solid #000;border-bottom:1px solid #000;background:#fff;}
.b-login-wrap:after{content:'';display:block;clear:both;}
.b-login-wrap > div{float:left;width:50%;box-sizing:border-box;}
.b-login-left-box{padding:0 10px 0 40px;border-right:1px solid #eee;}
.b-login-left-box h4{padding:0 0 20px;font-family:'NanumSquare',sans-serif;font-weight:600;font-size:32px;line-height:42px;color:#000;}
.b-login-left-box .login-ul > li{position:relative;padding:0 0 20px 10px;font-size:16px;line-height:22px;}
.b-login-left-box .login-ul > li:before{content:'';position:absolute;top:7px;left:0;width:3px;height:3px;border-radius:50%;background:#666;}
.b-login-left-box .login-ul > li > p{padding:0 0 5px;color:#000;font-weight:700;}
.b-login-left-box .login-ul > li > span{display:block;color:#333;margin-left: 2%;}

.b-login-right-box{padding:0 60px;}
.b-login-right-box h4{padding:25px 0 40px;font-family:'NanumSquare',sans-serif;font-weight:600;font-size:44px;line-height:50px;color:#000;text-align:center;}
.b-login-right-box .login-input-box > div .b-input{margin:0 0 10px;padding:10px 10px 10px 45px;width:100%;height:50px;border:1px solid #d4d4d4;border-radius:0;font-size:16px;color:#000;box-sizing:border-box;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.b-login-right-box .login-input-box > div .b-input::placeholder{color:#666;}
.b-login-right-box .login-input-box > div .b-input.id{background:url(../image/ico-user01.png) no-repeat center left 15px;}
.b-login-right-box .login-input-box > div .b-input.pwd{background:url(../image/ico-pwd01.png) no-repeat center left 15px;}
.b-login-right-box .b-login-bottom-box{padding:0 0 60px;}
.b-login-right-box .info{font-size:16px;line-height:26px;color:#666;}

.btn-container {
    display: flex;
    gap: 16px; /* 버튼 사이의 간격 */
    width: 100%;
    max-width: 500px;
}
.btn-container .btn {
	flex: 1; /* 두 버튼이 남은 공간을 동일하게 차지 */
	padding: 15px 20px;
	font-size: 16px;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	font-weight: 600;
}
.btn-primary { background-color: #00316a; color: white; }
.btn-secondary { background-color: #5BAC5C; color: white; }
.btn-disabled { background: #999; color: #d4d4d4; }

@media screen and (max-width:1024px){
	.bn-login01{padding:10px 10px;}
}

@media screen and (max-width:768px){
	.bn-login01 .logo{padding:20px 0;}
	.bn-login01 .logo img{width:180px;}
	.b-login-wrap{padding:20px 0;border-top-width:2px;}
	.b-login-left-box{padding:0 15px;}
	.b-login-left-box h4{padding:0 0 10px;font-size:20px;line-height:30px;}
	.b-login-left-box .login-ul > li{padding:0 0 10px 10px;font-size:14px;line-height:20px;}
	.b-login-left-box .login-ul > li > p{padding:0;}
	.b-login-right-box{padding:0 15px;}
	.b-login-right-box h4{padding:10px 0 15px;font-size:25px;line-height:35px;}
	.b-login-right-box .login-input-box > div .b-input{padding:10px 10px 10px 30px;height:40px;font-size:14px;}
	.b-login-right-box .login-input-box > div .b-input.id{background-size:12px;background-position:center left 10px;}
	.b-login-right-box .login-input-box > div .b-input.pwd{background-size:12px;background-position:center left 10px;}
	.b-login-right-box .btn-login{height:40px;font-size:14px;}
	.b-login-right-box .b-login-bottom-box{padding:0 0 20px;}
	.b-login-right-box .info{font-size:14px;line-height:24px;}
}

@media screen and (max-width:480px){
	.b-login-wrap{padding:10px 0;}
	.b-login-wrap > div{float:none;width:100%;}
	.b-login-left-box{padding:0 20px 10px;border-right:none;border-bottom:1px solid #eee;}
	.b-login-right-box{padding:10px 20px 0;}
	.btn-container {
      flex-direction: column;
    }
}