@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:20px;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

.companyWrap{padding:160px 0}

.companyWrap .section01{position:relative;margin:0 60px}
.companyWrap .section01 *{font-family:var(--font-family-paybooc)}
.companyWrap .section01 img{width:100%}
.companyWrap .section01 .txtWrap{position:absolute;top:291px;left:150px}
.companyWrap .section01 .txtWrap .typingWrap #typing{position:relative;display:inline-block;font-weight:800;line-height:34px;font-size:28px;color:#8d8d8d}
/* .companyWrap .section01 .txtWrap .typingWrap #cursor{display:inline-block;height:34px;border-left:2px solid #fff;animation:blink 0.7s 2s infinite;margin-left:2px;vertical-align:bottom;opacity:0} */
.companyWrap .section01 .txtWrap .typingWrap #cursor{display:inline-block;height:34px;opacity:0}
.companyWrap .section01 .txtWrap strong{display:inline-block;font-weight:800;line-height:90px;letter-spacing:-0.01275em;animation:section01-upShow 1.7s forwards;margin-top:20px;font-size:75px;color:#fff}

@keyframes blink
{
    0% {
      opacity: 1;
    }

    50% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
}

@keyframes section01-upShow
{
    0%{transform:translateY(50px);opacity:0}
    100%{transform:translateY(0);opacity:1}
}


.companyWrap .section02{margin-top:160px;text-align:center}
.companyWrap .section02 b{display:block;font-family:var(--font-family-paybooc);font-weight:800;line-height:38px;letter-spacing:-0.0544em;font-size:32px;color:#111}
.companyWrap .section02 p{font-family:var(--font-family-Pretendard);font-weight:700;line-height:96px;letter-spacing:-0.0102em;margin-top:50px;font-size:60px;color:#111}
.companyWrap .section02 p span{color:#3145d3}

.companyWrap .section03{position:relative;margin-top:200px}
.companyWrap .section03 img{width:100%}
.companyWrap .section03 .txtWrap{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.companyWrap .section03 .txtWrap p{font-family:var(--font-family-Paperlogy);font-weight:500;line-height:48px;letter-spacing:19.6px;font-size:40px;color:#fff;opacity:0}
.companyWrap .section03.active .txtWrap p{animation:section03-upShow 1.7s forwards}

@keyframes section03-upShow
{
    0%{transform:translateY(50px);opacity:0}
    100%{transform:translateY(0);opacity:1}
}

.companyWrap .section04{margin-top:260px;text-align:center}
.companyWrap .section04 *{font-family:var(--font-family-Pretendard)}
.companyWrap .section04 b{display:block;font-weight:700;line-height:58px;letter-spacing:-1.05px;font-size:42px;color:#111}
.companyWrap .section04 p{font-weight:400;line-height:58px;letter-spacing:-1.05px;margin-top:86px;font-size:42px;color:#626262}