.login_wrap {display: flex;width: 100%;height: 100%;/* overflow: hidden; */}
.login_area {/* overflow-y:scroll; *//* min-height: 100%; */background-color: #04315a;width: 60%;display: flex;justify-content: center;align-items: center;}
.login_area .login_scroll {/* overflow-y: scroll; *//* height: 860px; */background:#fff;}
.login_box {max-width:350px;display: flex;flex-direction: column;min-width: 340px;position: relative;background: #fff;padding: 0 30px;border-radius: 15px 0 0 15px;z-index: 999;height: 800px;overflow-y: scroll;}

.login_header {margin-top: 50px;margin-bottom: 30px;}
.login_header>p {color: #999;font-size: 13px;}

.login_body {}
.login_body .form_group {margin-bottom: 15px;}
.login_body .form_group.flex,
.login_body .form_group .flex {display: flex;}
.login_body .form_group label{display: block;margin-bottom: 7px;font-weight: 500;color:#333;}
.login_body .form_group input{width: 100%;height: 45px;}
.login_body .login_btn {margin-bottom: 5px;}.login_body .login_btn>a {width: 100%;text-align: center;height: 45px;line-height: 45px;}
.login_body .id_pw {text-align: right;line-height: 34px;float: right;}
.login_body .id_pw>a{color: #999;font-size: 14px;}

.login_body .find {font-size: 13px;margin-bottom: 7px;}
.login_body .find p {line-height: 32px;display: inline-block;/* width: 160px; */margin-right: 20px;}
.login_body .find:after {content:'';height:0;display: block;clear:both;}
.login_body .find .btn {border: 1px solid #eaeaea;-webkit-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.2);box-shadow: inset 0 -1px 0 0 rgb(0 0 0 / 18%);border-radius: 3px;width: 100px;text-align: center;padding: 5px 0;float: right;}

.login_footer {padding-top: 80px;margin-top:auto;margin-bottom: 30px;font-size: 10px;color: #c7c7c7;font-weight: 300;}
.login_footer .logo {background: url(../../images/new_logo_dark.png) no-repeat;width: 70px;height: 20px;background-size: 100%;display: block;left: 50px;margin-bottom: 10px;text-align: center;margin: 0 auto;}
.login_footer > a {	margin-top:10px;display: inline-block;}
.login_slide {height: 100%;min-width: 480px;width: 40%;background-color: #04315a;position: relative;}
.slide_img {position:fixed;height: 100%;top: 130px;}
.slide_img .img.login {background-image: url(../../images/login_img.png);background-size: 100%;background-position: 0;background-repeat: no-repeat;width: 638px;height: 533px;margin-top: 50px;position: absolute;left: -160px;z-index: 1;}
.slide_img .img.forgot {background-image: url(../../images/forgot_img.png);background-size: 100%;background-position: 100% 50%;background-repeat: no-repeat;width: 475px;height: 530px;margin-top: 50px;position: absolute;left: -120px;z-index: 1;}
.slide_img .img.register {background-image: url(../../images/register_img.png);background-size: 100%;background-position: 100%;background-repeat: no-repeat;width: 538px;height: 450px;margin-top: 50px;position: absolute;left: -100px;z-index: 1;}
.slide_img .logo {background: url(../../images/new_logo.png) no-repeat;width: 180px;height: 42px;background-size: 83%;display: inline-block;left: 50px;margin-bottom: 30px;}
.slide_text {color: #fff;margin-left: 50px;}
.slide_text h2 {}
.slide_text p {margin-top: 20px;font-size: 14px;color: #cfdee4;}

.intro_sub.partnership {width: 100%;background-image: url("../images/intro_sub_partnership_bg.png");background-repeat: no-repeat;background-position: top center;height: 400px; text-align: center;}


/*비밀번호 찾기*/
.login_body .tc_btn{display: none;width: 125px;margin-left: 10px;display: block; height: 45px;line-height: 45px;text-align: center;border: 1px solid #eaeaea;}
.login_body .info_text {font-size: 12px;margin-top:10px;}
.login_body .forpot_btn {margin: 20px 0 10px 0;}
.login_body .forpot_btn>a {width: 100%;text-align: center;height: 45px;line-height: 45px;}


/*회원가입*/
.register {}
.register .chk_box {}
.register .chk_box>li {padding: 3px 0;}


/* 회원탈퇴 */
.withdrawal {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.withdrawal .login_box {width: 100%;max-width: 600px;height: auto;margin-bottom: 80px;}
.withdrawal h1 {font-size: 28px;font-weight: 600;}
.withdrawal .withdrawal_top {margin-top: 12px;font-size: 16px;color: #000;background: #e8f0fe;padding: 16px;border-radius: 4px;}
.withdrawal .login_header {margin-bottom: 0;}
.withdrawal .login_area {background: #fff;}
.withdrawal_info {margin-top: 24px;padding-top: 24px;border-top: 2px dotted #dddddd;}
.withdrawal_info h1 {}
.withdrawal_info > ul{}
.withdrawal_info > ul li{margin-bottom: 8px;position: relative;padding-left: 8px;color: #555;}
.withdrawal_info > ul li:after {content:'';display: block;width: 4px;height: 4px;border-radius: 4px;position: absolute;left: 0;top: 8px;background: #3F51B5;}

.withdrawal_btn  {margin-top: 24px;display: flex;gap: 8px;}
.withdrawal_btn a {width: 100%;text-align: center;height: 45px;line-height: 45px;border-radius: 4px;}
.withdrawal .login_footer {padding: 24px 0 0 0;text-align: center;}


@media (max-width: 768px) {
    .login_slide {display: none;}
    .login_area {width: 100%;background-color: #fff;}
    .login_box {padding: 0 20px;}
    .login_footer {
    	padding: 50px 0 30px 0;
    }
}
@media (max-width: 992px) {

}
@media (max-width: 1210px) {

}