@charset 'utf-8';

/* ====================== */
/* UI Reset */
/* ====================== */
@import url('https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard-subset.min.css');

* {margin:0;padding:0;font:inherit;}
*, *::before, *::after {box-sizing:border-box;}
html {font-size: 62.5%;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-touch-callout: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img, video, svg, picture {display:block;height:auto;max-width:100%;}
body {font-size:1.8rem;color:#000;overflow-x: hidden;font-family:"Pretendard", pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Hiragino Sans", "Apple SD Gothic Neo",  "Noto Sans KR", "Malgun Gothic", Osaka, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;letter-spacing:-0.15px;}
a {text-decoration:none;cursor:pointer;}
button {border:none;cursor:pointer;background-color:transparent;}
sup {line-height:1;vertical-align:0px;}
ul, ol, li {list-style:none;}

input {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input::-ms-clear {display: none;}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type='number'] {-moz-appearance: textfield;}

select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand {display: none;}

::-webkit-scrollbar {width: 5px;height:5px;}
::-webkit-scrollbar-thumb {background: #6e6e6e;border-radius: 10px;}

.blind {position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; overflow:hidden;}

/* ====================== */
/* Layout */
/* ====================== */
:root {
    --primary: #F56E0F;
}

#wrap {width:100%;overflow-x:hidden;}
.inner {padding:0 20px;max-width:1440px;width:100%;margin-left:auto;margin-right:auto;}


/* header */
.header-wrap {z-index:100;position:fixed;left:0;right:0;background:rgba(255, 255, 255, .3);backdrop-filter: blur(10px);}
.header-wrap header {display:flex;justify-content:space-between;align-items:center;height:70px;position:relative;}
.header-wrap .push-apply {display:inline-flex;gap:5px;align-items:center;justify-content:center;color:#111;font-weight:500;}
.header-wrap .push-apply:after {content:'';display:inline-block;width:24px;height:24px;background:url(../images/push_apply.svg) no-repeat center/contain;}
.header-wrap .logo img {height:20px;}


/* footer */
.footer-wrap {background: #2F2A2A;padding:40px 0;color:#fff;}
.footer-wrap .ft-main {display:flex;justify-content:space-between;border-bottom:1px solid #333339;margin-bottom:20px;padding-bottom: 20px;}
.footer-wrap .ft-title {margin-bottom:54px;}
.footer-wrap .ft-title span {font-size:20px;font-weight:600;}
.footer-wrap .ft-title span:after {content:'';display:inline-block;margin:0 12px;vertical-align:-1px;width:1px;height:16px;background-color:rgb(212, 212, 212);opacity:.4;}
.footer-wrap .ft-title span:last-child::after {content:none;}
.footer-wrap .ft-sns {border-radius: 10px;background: rgba(255, 255, 255, 0.05);padding:16px 20px;display:flex;}
.footer-wrap .ft-sns .ft-sns-l {content:'';display:block;margin:0 28px;width:1px;background-color:rgb(255, 255, 255);opacity:.2;}
.footer-wrap .ft-sns .ft-sns-item {color: #fff;width:130px;text-align:center;margin:5px 0;}
.footer-wrap .ft-sns .ft-sns-item-icon {position:relative;display:block;width:28px;height:28px;margin:0 auto 12px;border-radius: 100px;background: rgba(255, 255, 255, 0.10);}
.footer-wrap .ft-sns .ft-sns-item-icon img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.footer-wrap .ft-sns .ft-sns-item-small {font-size:14px;display:block;}
.footer-wrap .ft-sns .ft-sns-item-big {font-size:18px;font-weight:600;display:block;margin-top:5px;}
.footer-wrap .ft-corp {color:#fff;font-weight:300;font-size:14px;}
.footer-wrap .ft-corp .ft-corp-row {margin-bottom:10px;}
.footer-wrap .ft-corp .ft-corp-row:last-child {margin-bottom:0;}
.footer-wrap .ft-corp .ft-corp-item {display:inline-flex;align-items:center;font-size: 15px;}
.footer-wrap .ft-corp .ft-corp-item:after {content:'';display:inline-block;margin:0 20px;vertical-align:-1px;width:1px;height:12px;background-color:rgb(212, 212, 212);opacity:.4;}
.footer-wrap .ft-corp .ft-corp-item:last-child::after {content:none;}
.footer-wrap .ft-corp .ft-corp-item span {font-weight:500;opacity:.6;margin-right:8px;}
.footer-wrap .ft-corp .ft-corp-item a {color:#fff;text-decoration:underline;}
.footer-wrap .ft-copyright {color:#FFF;font-weight:300;font-size:14px;opacity:.4;}

/* container */
#container {}
.con1 {height:100vh;background-color:#F8F8F8;display:flex;align-items:center;}
.con1 .intro {display:flex;justify-content:space-between;align-items:center;}
.con1 .intro-cts > img {height:40px;margin-bottom: 34px;}
.con1 .intro-cts h2 {font-size:38px;font-weight:1000;font-family:Montserrat;color:var(--primary);margin-bottom:10px;}
.con1 .intro-cts p {font-size:24px;font-weight:500;margin-bottom:42px;line-height:1.45;}
.con1 .intro-cts .btn-area {display:flex;gap:44px;}
.con1 .intro-cts .btn-area a {color:#000;font-weight:500;position:relative;display:inline-flex;align-items:center;}
.con1 .intro-cts .btn-area a span {position: relative;z-index:1;}
.con1 .intro-cts .btn-area a:after {content:'';display:block;width:52px;height:52px;border-radius:100px;background:#FDEADd url(../images/push_apply.svg) no-repeat center/24px;margin-left:-7px;z-index:0;transition:all .5s ease;}
.con1 .intro-cts .btn-area a:hover:after {background-color:var(--primary);transform:translateX(5px);}
.con1 .intro-cts .btn-area .btn-instagram::after {background-color:#EBEBEB;}
.con1 .intro-cts .btn-area .btn-instagram:hover::after {background-color:#cccccc;}
.con1 .intro-cts .btn-area .btn-instagram::before {content:'';display:inline-block;width:26px;height:26px;background:url(../images/instagram.svg) no-repeat center/contain;margin-right:10px;}
.con1 .intro-cts .btn-area .btn-push::before {content:'';display:inline-block;width:26px;height:26px;background:url(../images/push.svg) no-repeat center/contain;margin-right:10px;}
.con1 .intro .mockup {width:400px;margin-right:80px;}

.con2 {padding:130px 0;}
.con2 h2 {text-align:center;font-size:36px;line-height:1.4;margin-bottom:15px;word-break: keep-all;}
.con2 h2 strong {font-weight:700;}
.con2 p {text-align:center;color:#333;margin-bottom:25px;line-height:1.5;word-break:keep-all;}
.con2 p em {font-weight:500;}
.con2 .btn-area {text-align:center;margin-bottom:64px;}
.con2 .btn-area .btn-outline {height:48px;border-radius:100px;border:1px solid var(--primary);color:var(--primary);font-weight:500;display:inline-flex;align-items:center;justify-content:center;width:210px;transition:all .3s ease;}
.con2 .btn-area .btn-outline:hover {background-color:var(--primary);color:#fff;}
.con2 .plan {display:flex;gap:40px;}
.con2 .plan .plan-item {width:50%;text-align:center;padding-top:40px;position:relative;}
.con2 .plan .plan-item:before {content:'';display:block;background-color:#f8f8f8;border-radius:16px;position:absolute;top:0;left:0;right:0;height:408px;z-index:-1;}
.con2 .plan .plan-item .plan-small {display:block;font-weight:700;color:var(--primary);margin-bottom:6px;}
.con2 .plan .plan-item .plan-title {display:block;font-weight:600;margin-bottom:32px;font-size:24px;}
.con2 .plan .checklist img {display:inline-block;vertical-align:top;}
.con2 .plan .checklist img:nth-child(2) {margin-top:20px;}
.con2 .plan .planlist img {display:inline-block;}
.con2 .plan > img {width:32px;flex:none;}


/* 태블릿 사이즈 (가로 768px 이상 1024px 이하) */
@media screen and (min-width: 768px) and (max-width: 1024px) {
}

/* 모바일 사이즈 (가로 767px 이하) */
@media screen and (max-width: 1024px) {
    .header-wrap header {height:64px;}
    .header-wrap .logo img {height:18px;}

    .footer-wrap .ft-main {flex-direction:column;gap:20px;padding-bottom:12px;margin-bottom:12px;}
    .footer-wrap .ft-title {margin-bottom:16px;}
    .footer-wrap .ft-title span {font-size:16px;}
    .footer-wrap .ft-title span:after {height:12px;}
    .footer-wrap .ft-corp .ft-corp-item:after {content:none;}
    .footer-wrap .ft-sns {padding:16px;}
    .footer-wrap .ft-sns .ft-sns-item {margin:0;width:50%;}
    .footer-wrap .ft-sns .ft-sns-item-small {font-size:12px;}
    .footer-wrap .ft-sns .ft-sns-item-big {font-size:15px;}
    .footer-wrap .ft-corp .ft-corp-row {margin-bottom:0;}
    .footer-wrap .ft-corp .ft-corp-item {display:flex;margin-bottom:7px;font-size:13px;}
    .footer-wrap .ft-corp .ft-corp-row:last-child .ft-corp-item:last-child {margin-bottom:0;}
    .footer-wrap .ft-copyright {font-size:12px;}

    .con1 {padding-top:140px;height:auto;}
    .con1 .intro {flex-direction:column;gap:50px;}
    .con1 .intro-cts h2 {font-size:26px;}
    .con1 .intro-cts > img {height:30px;}
    .con1 .intro-cts p {font-size:18px;word-break:keep-all;margin-bottom:30px;}
    .con1 .intro-cts .btn-area {flex-wrap:wrap;gap:10px;}
    .con1 .intro .mockup  {margin-right:0;}

    .con2 p br {display:none;}
    .con2 h2 {font-size:28px;}
    .con2 .plan {flex-direction: column;gap:40px;align-items:center;}
    .con2 .plan .plan-item {width:100%;}
    .con2 .plan .plan-item::before {height:80%;}
    .con2 .plan .checklist img {width:40%;}

    .con2 .plan > img  {transform:rotate(90deg);}
}

/* 모바일 사이즈 (가로 767px 이하) */
@media screen and (max-width: 768px) {
}