@charset "UTF-8";

@font-face {
    font-family: 'Pretendard Variable';
    font-weight: 100 900;/*세팅 : 100~900 범위, 실사용 : 400,500,600,700*/
    font-style: normal;
    font-display: block;
    src: url('/Content/font/PretendardVariable.woff2') format('woff2-variations'),
        url('/Content/font/PretendardVariable.ttf') format('truetype');
}

/* 프로젝트 세팅값 */
*{margin:0;padding:0;}
html, body { margin: 0 auto; width: 100%; height: 100%; }
html {font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*, *::before, *::after {-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}
body{font-size:1.6rem;}
body, input, select, textarea, button {
	font-family:'Pretendard Variable', Malgun Gothic, "맑은 고딕", Arial, sans-serif, '돋움', dotum;
    font-weight: normal;
    line-height:1.2;
    word-spacing:normal;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;/*글씨 깨짐 완화*/
    -moz-osx-font-smoothing: grayscale;
    font-smooth: never;
    outline:none;
    border:0 none;
}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;cursor:pointer;text-decoration:none;}
a:active{text-decoration:none;}
ol,ul,li{list-style:none;}

.hide{display:none !important;}

/* 서비스소개 style */
#wrap{width:1400px;margin:auto;}
.inner{width:1000px;margin:auto;}
.bg {position:relative;/*background:url("/Content/Images/retamin_w.png") no-repeat 0 0;width:100%;height:100%;margin:auto;*/}
.img-retamin{vertical-align:middle;}
.img-retamin-pc{display:block;}
.img-retamin-mobile{display:none;}
.btn-store a, .btn-store button{text-indent:-9999px;position:absolute;}
.btn-store .btn-google{background:url("/Content/Images/btn-google.svg") no-repeat 0 0;width:212px;height:64px;left:190px;top:510px;}
.btn-store .btn-appstore{background:url("/Content/Images/btn-apple.svg") no-repeat 0 0;width:212px;height:64px;left:413px;top:510px;}
.btn-plan{background:url("/Content/Images/btn-plan.svg") no-repeat 0 0;width:200px;height:54px;position:absolute;right:190px;bottom:92px;text-indent:-9999px;}

.footer{background-color:#13132c;}
.footer .inner{display:flex;flex-direction:column;justify-content:center;min-height:180px;margin:auto;gap:27px;}
.footer .info{display:flex;flex-direction:column;gap:16px;}
.footer .info h2{background:url("/Content/Images/logo-footer.svg") no-repeat 0 0;width:120px;height:26px;text-indent:-9999px;}
.footer .info p{color:#fff;font-size:14px;}
.footer .link{display:flex;line-height:160%;letter-spacing:-0.15px;}
.footer .link ul{display:flex;}
.footer .link ul:first-child{margin-top:0;}
.footer .link ul li{position:relative;margin-left:17px;padding-left:17px;}
.footer .link ul li:before{content:'';display:inline-block;width:1px;height:12px;background-color:#fff;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.footer .link ul li:first-child{margin-left:0;padding-left:0;}
.footer .link ul li:first-child:before{content:none;}
.footer .link ul li a{color:#fff;font-size:16px;}
.footer .link ul li a.txt-point{color:#4bc9bb !important;text-decoration:underline;text-underline-offset:3px;font-weight:600;}
.footer .link ul:nth-child(2) li:first-child:before{content:'';}
.footer .link ul:nth-child(2) li:first-child{margin-left:17px;padding-left:17px;}

.btn-app-download{
    display:none;
    position:fixed;
    /*bottom:25px;*/
    bottom: calc(31px + env(safe-area-inset-bottom));
    left:0;
    right:0;
    margin:auto;
    border-radius:16px;
    background:#6d85ed;
    box-shadow:0 5px 12px 0 rgba(0, 0, 0, 0.35);
    color:#fff;
    font-size:2rem;
    letter-spacing:-0.3px;
    font-weight:500;
    text-align:center;
    width:80%;
    height:58px;
    line-height:58px;
}
@media (max-width:640px) {
    #wrap{width:100%;}
    .inner{width:100%;}
    .img-retamin-pc{display:none;}
    .img-retamin-mobile{display:block;width:100%;}
    .btn-store, .btn-plan{display:none;}
    .btn-app-download{display:block;}
    .footer{padding:26px 30px 70px;height:inherit;line-height:inherit;}
    .footer .inner{justify-content:flex-start;gap:20px;}
    .footer .info{align-self:baseline;}
    .footer .link{margin-top:0;display:block;}
    .footer .link ul{flex-wrap:wrap;gap:0;margin-top:10px;}
    .footer .link ul li a{font-size:14px;white-space:normal;word-break:keep-all;}
    .footer .link ul li:last-child a{word-break: break-all;overflow-wrap: anywhere;}
    .footer .link ul:nth-child(2) li:first-child{margin-left:0;}
}
@media (max-width:360px) {
.btn-app-download{font-size:1.4rem;height:50px;line-height:50px;}
}