* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
}

body {
    padding: 0;
    margin: 0;
    background-color: #fff;
}

a, a:hover {
    text-decoration: none;
}



#direct_body {
    display: block;
    position: relative;
    width: 100%;
    max-width: 560px;
    height: 100vh;
    margin: 0 auto;
}

#direct_body > div {
    display: block;
    width: 100%;
    height: 100%;
    padding: min(200px, max(20vw, 150px)) min(75px, min(7.5vw)) min(35px, min(3.5vw));
    text-align: center;
}

#direct_body > div > .intro {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: min(200px, max(20vw, 150px));
    object-fit: cover;
}

#direct_body h1 {
    font: min(28px, max(18px, 2.8vw)) 'Noto Sans KR';
    font-weight: 400;
    line-height: 1.5em;
    color: #000;
    padding: min(40px, max(20px, 4vw)) 0;
}

#direct_body .desc {
    font: min(18px, max(14px, 1.8vw)) 'Noto Sans KR';
    font-weight: 200;
    line-height: 1.5em;
    color: #000;
}


#direct_body .login_btn_box {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 min(75px, min(7.5vw)) min(35px, min(3.5vw));
}

#direct_body .login_btn_box > p {
    font: min(18px, max(14px, 1.8vw)) 'Noto Sans KR';
    font-weight: 400;
    line-height: 1.5em;
    color: #000;
}

#direct_body .login_btn_box > p > span {
    font: inherit;
    white-space: nowrap;
}

#direct_body .login_btn_box > a {
    display: flex;
    margin: min(25px, max(13px, 2.5vw)) 0 0;
    width: 100%;
    height: min(60px, max(40px, 9.375vw));
    justify-content: center;
    align-items: center;
}

#direct_body .login_btn_box > a > p {
    font: min(22px, max(18px, 3.4375vw)) 'Noto Sans KR';
    font-weight: 500;
    line-height: 1em;
    margin-top: max(-5px, min(-1px, -.78125vw));
}

#direct_body .login_btn_box img {
    width: min(36px, max(22px, 5.625vw));
    height: auto;
}

#direct_body .kakao {
    background-color: #FFD400;
    color: #000;
}

#direct_body .naver {
    background-color: #1EC800;
    color: #fff !important;
}