@charset "UTF-8";

/* 로그인 */
body{font-family: 'Pretendard' !important;}
.login-wrap {width:100%; height:100vh; padding:20px; background: url("/main/img/sec1-bg.png") no-repeat center / cover;}
.login-wrap .container{display: flex; width:100%; height:100%;}
.login-wrap .content-left{display: flex; flex-direction: column; justify-content: space-between; width:60%; padding:60px 60px;}
.login-wrap .content-left .logo{font-size:32px; font-weight: 700; color:#fff;}
.login-wrap .content-left .intro-txt{display: flex; flex-direction: column; gap:20px; color:#fff; }
.login-wrap .content-left .intro-txt h2{font-size:52px; font-weight: 700;}
.login-wrap .content-left .intro-txt p{font-size:18px; opacity: .75;}
.login-wrap .content-right{position: relative; display: flex; flex-direction: column; justify-content: space-between; width:40%; border-radius: 20px; background: #fff; overflow: hidden; box-shadow: -30px 0 60px rgba(0, 0, 0, 0.25);}
.login-wrap .content-right .home{display: flex; align-items: center; justify-content: center; gap:10px; position: absolute; right:25px; top:25px; border-radius: 50%; opacity: .65; transition: all .3s ease;}
.login-wrap .content-right .home:hover{opacity: 1;}
.login-wrap .content-right .home span{line-height: 1;}
.login-wrap .content-right .home i{display: flex; align-items: center; justify-content: center; width:18px; height:18px; transition: all .3s ease;}
.login-wrap .content-right .home:hover .i-arrow-right{transform: translateX(5px);}
.login-wrap .content-right .tit{width:100%; padding:60px 60px 0;}
.login-wrap .content-right .tit h2{font-size:38px; font-weight: 900;}
.login-wrap .content-right .tit p{font-size:16px; opacity: .75;}

.login-wrap .form-wrap{display: flex; flex-direction: column; gap:25px; padding:0 60px;}
.login-wrap .input_group{display: flex; flex-direction: column; align-items: flex-start; gap:15px;}
.login-wrap .input-type1{width:100%;}
.login-wrap .input-type1 input{height:55px; width:100%; padding:0 20px; border:1px solid #d1d1d1; border-radius: 10px;}
.login-wrap .b-type1{display: flex; align-items: center; justify-content: center; height:55px; width:100%; border-radius: 10px; background: #0045bd; color:#fff;}
.login-wrap .link-group-wrap{display: flex; justify-content: space-between;}
.login-wrap .link-group{display: flex; justify-content: center; gap:25px;}
.login-wrap .link-group li a{transition: all .3s ease;}
.login-wrap .link-group:nth-child(1) li:nth-child(2) a{color:#005efe;}
.login-wrap .link-group li:hover a{text-decoration: underline;}
.login-wrap .check-type1 { display: inline-flex; align-items: center; cursor: pointer; position: relative; }
.login-wrap .check-type1 input { display: none; }
.login-wrap .check-type1 span { display: inline-flex; align-items: center; font-size: 14px; color: #666; }
.login-wrap .check-type1 span::before { content: ''; width: 18px; height: 18px; border: 1px solid #ccc; background-color: #fff; margin-right: 8px; border-radius: 3px; box-sizing: border-box; transition: all 0.2s; }
.login-wrap .check-type1 input:checked + span::before { background-color: #005efe; border-color: #005efe; }
.login-wrap .check-type1 span::after { content: ''; position: absolute; left: 6px; top: 50%; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: translateY(-60%) rotate(45deg); opacity: 0; transition: all 0.2s; }
.login-wrap .check-type1 input:checked + span::after { opacity: 1; }
.login-wrap .ft-bottom{display: flex; flex-direction: column; gap:10px; width:100%; padding:40px 60px; border-top:1px solid #d1d1d1; background: #fafafa;}
.login-wrap .ft-info{display: flex; gap:25px;}

/* 회원가입 */
.join-member header{position: fixed; left:0; top:0;}