/*----------------------
  login : 경기도교육청
----------------------*/
.wrap.login-page-wrap{
  background-color: #daffd0;
  min-height: 980px;
}
.login-page-bg{
  position: relative;
  width: 100%;
  height: calc(100% - 97px);
}

.login-page-bg.login-banner{
  position: relative;
  width: 100%;
  height: calc(100% - 225px);
}
.login-page-footer {
  height: 97px;
  /*border-top: 1px solid #88D268;*/
  border-top: 1px solid #ddd;
  line-height: 96px;
  text-align: center;
  /*background-color: #88D268;*/
  background-color: #daffd0;
}
.h1-gyeonggido-edu{
  position: absolute;
  top:60px;
  left:60px;
  background: url('../images/login/logo_gyeonggido_edu.png') no-repeat;
  width: 200px;
  height: 100px;
}
.login-page-main {
  display: flex;
  align-items: center;
  align-content: center;
  height: 100%;
  margin:0 auto;
  /* responsive */
  width: 1500px;
  padding-left: 1000px;
  padding-right: 0px;
  background: url('../images/login/login_page_bg.png') left center / 900px auto no-repeat;
}


.login-page-right-section{
  width: 400px;
}
.login-page-box{
  border-radius: 12px;
  padding: 50px 30px 30px;
  background-color: #fff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}
.logo-argos-edu{
  /*background: url('../images/login/logo_mdm_green.png') no-repeat;*/
  background: url('../images/login/login_argos_logo.png') no-repeat;
  width: 278px;
  height: 50px;
  margin:0 auto 30px;
}
.login-page-form .input-password-wrap{
  margin:10px 0 11px;
}
.login-type-02 h3,
.login-type-03 h3{
  position: relative;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  margin: 36px 0 36px;
}
.login-type-02 h3::before,
.login-type-03 h3::before,
.login-type-02 h3::after,
.login-type-03 h3::after{
  content:'';
  position: absolute;
  top:50%;
  height: 1px;
  background-color: #ccc;
}
.login-type-02 h3::before,
.login-type-03 h3::before{
  left: 0;
}
.login-type-02 h3::after,
.login-type-03 h3::after{
  right:0;
}
.login-type-02 h3::before,
.login-type-02 h3::after{
  width: 78px;
}
.login-type-03 h3::before,
.login-type-03 h3::after{
  width: 122px;
}

.btn-square.btn-login-form{
  background-color:#6E60F6;
  margin-top:18px;
  box-shadow: 0px 4px 19px 0px #7793414D;
}
.login-type-03 button + button{
  margin-top:12px;
}
.btn-square.btn-login-ka{
  background-color: #FAE100;
  color: #371D1E;
}
.btn-square.btn-login-ka span{
  padding-left: 32px;
  background:url('../images/login/ico_kakao.png') left center / auto no-repeat;
}
.btn-square.btn-login-na{
  background-color: #1EC800;
}
.btn-square.btn-login-na span{
  padding-left: 30px;
  background: url('../images/login/ico_naver.png') left center / auto no-repeat;
}
.btn-square.btn-login-pa{
  background-color: #FE3A4A;
}
.btn-square.btn-login-pa span {
  padding-left: 55px;
  background: url('../images/login/ico_pass.png') left center / auto no-repeat;
}
.login-page-notice-box {
  margin-top: 20px;
  padding: 20px 0px 20px 50px;
  /* background-color: rgba(44, 44, 44, 0.75); */
  background:#586155 url('../images/login/ico_bell_wh.png') top 28px left 19px / auto no-repeat;
  border-radius: 20px;
}
.notice-line {
  padding-right: 30px;
}
.notice-line+.notice-line {
  border-top: 1px solid rgba(255,255,255,0.4);
  margin-top: 10px;
  padding-top: 10px;
}
.notice-line a {
  color: #fff;
  font-size: 13px;
  letter-spacing: -0.3px;
  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 18px; height: 36px;
}
.notice-line a:hover {
  text-decoration: underline;
}

/* 로그인 페이지 하단 띠배너 25.06.17 */
.login-page-banner {
  display: flex;
  height: 128px;
  background-color: #97E570;
  color: #fff;
  text-align: center;
  position: relative;
}

.login-banner-inner {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 20px;
  flex-wrap: wrap;
  flex: 1;
  max-width: 1240px;
  padding-block: 16px;
  margin: 0 auto;
  position: relative;
}

.login-banner-text {
  width: 356px;
  height: 92px;
  background-image: url("../images/login/login_banner_text.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.login-banner-text .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.login-banner-button {
  width: 158px;
  height: 34px;
  background-image: url("../images/login/login_banner_btn.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.login-banner-image {
  flex: 0 0 auto;
  width: 378px;
  height: 158px;
  background-image: url("../images/login/login_banner_pic.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 0;
  bottom: 0;
}

@media screen and (max-width:1536px) {
  .login-page-main {
    width: 1200px;
    padding-left: 735px;
    padding-right: 65px;
    background: url('../images/login/login_page_bg.png') left center / 735px auto no-repeat;
  }
}
@media screen and (max-height:1080px) {
  .login-page-bg {
    height: calc(100% - 57px);
  }

  .login-page-bg.login-banner {
    height: calc(100% - 185px);
  }

  .login-page-footer {
    height: 57px;
    line-height: 56px;
    font-size: 12px;
  }

  .login-page-right-section {
    margin-top: 30px;
  }
}