@charset "UTF-8";

/* 공통 */
.resco_login_header > .inner, .resco_login_contents > .inner, .resco_login_footer > .inner{width: 1280px; margin: 0 auto;}

/* 배경 */
.wrap.resco_login{background-image: linear-gradient(rgba(206, 234, 211, 0.9), rgba(206, 234, 211, 0)), url(../img/resco_login_background.png); background-size: cover; background-position: center; background-repeat: no-repeat;}

/* 로그인 헤더 */
.resco_login_header > .inner{display: flex; justify-content: space-between; align-items: center; height: 100px;}
.resco_login_header > .inner > h1{flex-shrink: 0; width: 546px; height: 35px; background: url(../img/resco_login_header_h1.png) no-repeat 0 0;} 
.resco_login_header > .inner > a.home_button{height: 40px; padding: 0 16px 0 45px; margin-left: auto; font-size: 16px; line-height: 40px; color: #fff; background-image: url(../img/login_home_button.png); background-repeat: no-repeat; background-position: left 15px center; background-color: #0c4a4a; border-radius: 20px;}

/* 로그인 콘텐츠 */
.resco_login_contents > .inner{position: relative;}
.login_main{display: flex; flex-direction: column; position: relative; width: 700px; height: 730px; padding: 90px 90px 50px; background-color: #fff; border-radius: 30px 30px 0 0;}
.login_main::before{content: ''; position: absolute; left: -30px; bottom: 0; width: 30px; height: 30px; background: url(../img/login_main_before.png) no-repeat 0 0;}
.login_main::after{content: ''; position: absolute; right: -30px; bottom: 0; width: 30px; height: 30px; background: url(../img/login_main_after.png) no-repeat 0 0;}
.main_text{width: 347px; height: 318px; background: url(../img/login_main_text.png) no-repeat 0 0;}
.sub_text1{margin-top: 32px; font-size: 32px; color: #888888; font-weight: 500;}
.sub_text2{margin-top: 32px; font-size: 16px; line-height: 32px; color: #888888;}
.warning{padding-left: 40px; margin-top: auto; font-style: normal; font-size: 14px; line-height: 24px; color: #a23939; background: url(../img/login_warning.png) no-repeat 0 0;}

.login_button{position: absolute; right: 0; bottom: 50px; width: 176px; height: 176px; padding: 24px; font-size: 24px; line-height: 36px; font-weight: 500; color: #fff; background: linear-gradient(rgba(74, 203, 162, 1), rgba(3, 153, 130, 1)); border-radius: 10px; box-shadow: 0 9px 10px rgba(0, 0, 0, 0.15);}
.login_button::after{content: ''; position: absolute; right: 24px; bottom: 24px; width: 34px; height: 34px; background-image: url(../img/login_button_after.png); background-repeat: no-repeat; background-position: center; background-color: rgba(255, 255, 255, 0.4); border-radius: 100%;}

/* 로그인 푸터 */
.resco_login_footer{background-color: #fff;}
.resco_login_footer > .inner{height: 70px;}
.resco_login_footer > .inner > p{padding-left: 285px; font-size: 13px; line-height: 70px; color: #b5b5b5; background: url(../img/resco_login_footer_p.png) no-repeat left center;}