@charset "utf-8";
/* 로그인 */
.login-wrap { height: calc(100vh - 100px); background: url(../images/main/login-bg.jpg) center no-repeat; background-size: cover; padding-bottom: 80px; }
.login-wrap .contain { display: flex; align-items: flex-end; height: 100%; justify-content: space-between;}
.login-wrap .contain::after { content: none;}
.login-wrap .title { width: 40%; }
.login-wrap .title h2 { font-family: var(--font-oswald); font-size: 52px; font-weight: 500; line-height: 1.3em; color: rgba(255,255,255,0.6); }
.login-wrap .title h2 span { color: #fff; }
.login-area { padding:80px; background: #fff; border-radius: 24px; width: 100%; max-width: 630px;}
.login-area .tit { font-size: 38px; font-weight:500; line-height: 1.2em; margin-bottom: 13px; display: inline-block; font-family: var(--font-oswald);}
.login-area h5 { font-size: 18px; font-family: var(--font-oswald); font-weight: 400; margin-bottom: 40px; line-height: 1.4em; }
.login-content .group {margin-bottom:8px;}
.login-content .group .input {display:block; width:100%; height:60px; font-size:16px; border: 1px solid #eee; border-radius: 8px; }
.login-content .links {display:flex; justify-content:space-between; margin-top:16px; font-size:14px; color:#505050; font-weight:500; line-height:1.5em; margin-bottom: 32px; }
.login-content .links a:hover {text-decoration:underline;}
.login-content .links .bar {display:inline-block; vertical-align:middle; margin:-.2em 12px 0; width:1px; height:16px; background:#ddd;}
.login-content .btn-pack {display:block; width:100%; margin-top: 10px; }
.login-content .btn-pack.dark {margin-top:20px;}
.login-content .btn-pack.xlarge {font-weight:500;}
.login-content .save .checkbox label:before { border-radius: 4px; background-color: #f8f8f8; border: 1px solid #dfdfdf; width: 20px; height: 20px; }
.login-content .save .checkbox input:checked + label:before { background:var(--color-primary) url("/images/bbs/checkbox.png") 50% 50% no-repeat; border-color:var(--color-primary);}
.login-quest { margin-top: 50px; }
.login-quest strong { display: block; font-size: 15px; font-weight: 600; line-height: 1.2em; color: #676767; margin-bottom: 5px; }
.login-quest p { font-size: 14px; color: #676767; }
.login-tel { display: flex; gap: 20px; flex-wrap:wrap; margin-top: 10px; }
.login-tel div { width: auto; color: #2c2c2c; font-family: var(--font-oswald);}

/* 개인정보처리방침, 이용약관 */
.terms-wrap {font-weight:400; color:#666; line-height:1.75em;}
.terms-wrap .sec {margin-bottom:40px;}
.terms-wrap .sec h3 {color:#121212; font-size:1.1em; font-weight:700; margin-bottom:7px;}
.terms-wrap .sec p {margin-bottom:1em;}
.terms-wrap .sec strong {font-weight:700;}
.terms-wrap .sec ol li {padding-left:1em; text-indent:-1em; display: block; }
.terms-wrap .sec ol li ol li {padding-left:1.35em; text-indent:-1.35em;}
.terms-wrap .policy-contact {display:flex; padding:20px 0; background:#fafafa; border:1px solid #e5e5e5; margin-bottom:1em;}
.terms-wrap .policy-contact dl {flex:1; padding:0 20px; border-left:1px solid #e5e5e5;}
.terms-wrap .policy-contact dl:first-child {border-left:0;}
.terms-wrap .policy-contact dt {font-weight:500; color:#333; margin-bottom:12px;}