html{overflow-x: hidden;}

/******************/
/*     intro      */
/******************/
.intro_bg{width: 100%; height: 100vh;}
.intro_bg img{width: 100%; height: 100%; display: block; object-fit: cover;}
.intro_logo{width: 300px; position: absolute;top: 43%; left: 50%; transform: translate(-50%,-50%) !important; z-index: 3;text-align: center;}
.intro_logo i{display: block;width: 163px;margin:0 auto;} 
/* .intro_logo em{font-size: 1.5em;color: #fff;font-weight: bold;margin:.4em 0} */
.intro_logo p{margin-top: 24px; font-size: 12px;color: #fff; font-family: 'NanumSquareRound';}
.intro_logo img{width: 100%;}
.logo_btm {width: 150px; position: absolute; z-index: 3; bottom: 15%; left: 50%; transform: translateX(-50%) !important;}
.logo_btm img{width: 100%;}
.intro_logo_wrap {width: 100%; text-align: center; margin: 0 auto; }
.intro_logo_wrap img {width: 8em; margin: 0 auto;}


/******************/
/*     login      */
/******************/
.login{ background-color: #d01313;
width: 100%; height: 100vh; background-size: 100%; background-position:center 40%;}
.login_nonmember{width: 100%; height: 100vh; background-size: 100%; background-position:center 40%;}
.login_wrap{ width: 100%; height: 100%;}
.login_wrap form{position: absolute;  bottom: 18%; left:0; width: 100%; padding: 0 40px;}
form .login_form .input_box{border: 0; outline: none; width: 100%; height: 46px;}
form .login_form .input_box::placeholder{font-size: 14px; color:#555}
form .login_form li{padding-bottom: 20px;}
form .login_form li>div{border-bottom: 1px solid #888;}
form .button_container{width: 100%; padding: 5px 0; border-bottom: 0!important;}
form .button_container .button{width: 100%; color: #fff; padding: 15px; background-color: #231f20; font-size: 16px;}

.login_finding li{width: 50%; float: left;}
.login_finding li:nth-child(1){text-align: left;}
.login_finding li:nth-child(2){text-align: right;}

.advertisement{width: 100%; box-sizing: border-box;}
.advertisement img{width: 100%; display: block; height: auto;}

.nonmember{width: 100%; padding-top: 20px;}
.nonmember p{text-align: center; color:#888;}

/******************/
/*     signup01   */
/******************/
.signup_branch h1{font-size: 28px;}
.signup_branch ul{width: 100%; padding: 60px 16px;}
.signup_branch ul li{width: 50%; float: left; padding-bottom: 5px;}
.signup_branch ul li:nth-child(1) p{ border-right: 0;}
.signup_branch ul li p{width: 100%; text-align: center; font-weight: 500;  border: 1px solid #231f20; padding: 10px 0;}
.select_on{background-color: #231f20; color: #fff;}

/******************/
/*     signup02   */
/******************/
.signuppage form{padding: 0 16px;}
.signuppage form>ul>li{padding: 10px 0;}
.signuppage .sign-input{height: 46px; border: none;border-right:0px; border-top:0px; border-left:0px; border-bottom:0px;
    outline: none; width: 100%; }
.signuppage .sign-input::placeholder{color: #ddd; font-size: 15px; font-weight: 500;}

.signuppage .sign-list{border-bottom: 1px solid #888; position: relative;}
.sign-cal{font-size: 14px; font-weight: 500;}
.sign-error{position: absolute; color:#d01313; font-size: 10px; width: 100%;display: block; bottom: 0; left: 0; text-align: right;}
.sign_button{padding:5px 10px; background-color: #231f20; border-radius: 30px; color: #fff; position: absolute; right: 0; top: 0;}
.sign_button01{padding:5px 10px; background-color: #ddd; border-radius: 30px; color: #fff; position: absolute; right: 0; bottom: 13px;}
.btn_on{background-color:#ffba00;}

/* 이용약관 */
.agreement{padding: 20px 16px;}
.agreement p.sub-agree{width: 80%; margin:0 auto; font-size: 12px; text-align: center; padding-top: 10px;}
.agreement .all-agree{padding-bottom: 10px; font-size: 16px; font-weight: 500;}
.agreement .each-agree p{padding-bottom: 10px; font-size: 14px; position: relative;}
.agreement .each-agree span{display: inline-block; position: absolute; right: 0; text-decoration: underline;}

.check-agreement input[type="checkbox"]:not(:checked){position: absolute; left: -999999999999px;}
.check-agreement input[type="checkbox"]:checked{position: absolute; left: -999999999999px;}

.check-agreement input[type="checkbox"]:not(:checked) + label,.check-agreement input[type="checkbox"]:checked + label{
    position: relative; padding-left: 20px;
}

.check-agreement input[type="checkbox"]:not(:checked) + label::before{
    content: ""; position: absolute; left: 0; top: 3px; font-size: 12px;  width: 15px; height: 15px;
    border: 2px solid #ccc;
    background: #fff;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}

.check-agreement input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  left: 0; top: 3px;
  background: url(/homepage3/TEACHERS/page/app/image/check.png) #231f20 no-repeat center; background-size: 100%;
  width: 15px; height: 15px;
  font-weight: 700;
  line-height: 0.8;
  border-radius: 4px;
  transition: all .2s;
}
.check-agreement input[type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0);}
.check-agreement input[type="checkbox"]:checked + label:after {  opacity: 1;  transform: scale(1); }
.check-agreement input[type="checkbox"]:disabled:not(:checked) + label:before,.check-agreement input[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.check-agreement input[type="checkbox"]:disabled:checked + label:after {color: #999;}
.check-agreement input[type="checkbox"]:disabled + label {color: #aaa;}


/* modal창 */
.signup-modal{
  position: fixed; 
  top: 0; width: 100%; max-width: 1080px; margin: 0 auto;
  height: 100%;  
  background-color: rgba(0, 0, 0, 0.5);  
  z-index: 9999; display: flex;
}

.signup-modal-content {width:90%; height: 90%; margin: auto; position: relative; display: flex; background-color: #fff;  padding: 1rem 1.5rem; border-radius: 0.5rem;}
.signup-modal .modal-content .signup-modal_img{background-repeat: no-repeat; background-size: cover;  height: 100%; max-width: 100%}
.signup-address-content{width: 95%; height: 95%; margin: auto;}
.close-button{text-align: center; cursor: pointer; border-radius: 0.2rem; display: block; font-size: 3.5rem; top: -20px; right:0; color:#231f20; position: absolute; }

/******************/
/*     main      */
/******************/
.main .Container > div + div{margin-top:2.1333em;}
/* .main .right > span img{filter: invert(30%);;} */


.con_type01 .col-md-12{margin-bottom:.8em ;}