* { box-sizing: border-box; }
body { margin: 0; padding: 0; color: #333; font-weight: 400; font-style: normal; line-height: normal; letter-spacing: -.5px; font-family: 'Noto Sans KR', sans-serif; }
h1,h2,h3,h4,h5,h6 { color: #333; font-style: normal; line-height: normal; letter-spacing: -.5px; font-family: 'Noto Sans KR', sans-serif; }
input,textarea,select { color: #333; font-weight: 400; font-style: normal; line-height: normal; letter-spacing: -.5px; font-family: 'Noto Sans KR', sans-serif; }
a,a:hover { color: #333; text-decoration: none; }
ul,ol { margin: 0; padding: 0; }
li { list-style: none; }

/* layout */
body,.wrap-body,.wrap-box,.wrap-content { overflow: hidden; }
.wrap-body { width: 100%; height: 100%; min-width: 100vw; min-height: 100vh; }
.wrap-container { margin: 0 auto; }

/* login-container */
.login-container { width: 100%; max-width: 480px; margin: auto; padding: 100px 20px; }
.login-container .brand .logo { width: 151px; margin: 0 auto 0 auto; }
.login-container .brand .logo a { display: block; }
.login-container .brand .caption { color: #000; text-align: center; font-size: 20px; font-weight: 400; margin: 20px 0 0 0; }
.login-container .brand .caption-lg { color: #000; text-align: center; font-size: 20px; margin: 24px 0 0 0; font-weight: 300; }
.login-container .brand .caption.bottom { margin: 110px 0 -90px; }
.login-container .login-sns { margin: 110px 0 0 0; padding: 0 10px; }
.login-container .login-sns [class*="btn"] { display: block; border-radius: 2px; font-size: 15px; text-align: center; height: 50px; line-height: 50px; font-weight: bold; text-decoration: none; box-sizing: border-box; background-size: 20px 0; }
.login-container .login-sns [class*="btn"]+[class*="btn"] { margin: 8px 0 0 0; }
.login-container .login-sns .btnKakao { color: #000; background: #fee500 url(../img/icon/ico_kakao.svg) no-repeat 20px 15px; }
.login-container .line { position: relative; margin: 40px 0 100px 0; }
.login-container .line::before { content: ''; display: block; background: #000; height: 1px; position: absolute; top: 0; left: calc(50% - 80px); right: calc(50% - 80px); }
.login-container .text-9f { margin: 60px 0 0 0; color: #9f9f9f; text-align: center; font-size: 20px; font-weight: 400; }
.login-container .text-00 { color: #000; text-align: center; font-size: 20px; }
.login-container .text-00+.text-00 { margin: 20px 0 0 0; }
.login-container .btn-container { margin: 40px 0 0 0; }
.login-container .btn-container a { display: block; background: #000; color: #fff; padding: 10px; font-size: 18px; text-align: center; max-width: 400px; margin: auto; }