@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

@font-face {
    font-family: 'nps';
    src: url('../font/NPSfont_regular.ttf') format('truetype');
}

@font-face {
    font-family: 'iner';
    src: url('../font/Inter_18pt-Light.ttf') format('truetype');
    font-weight:400;
}

@font-face {
    font-family: 'iner';
    src: url('../font/Inter_24pt-Light.ttf') format('truetype');
    font-weight:400;
}

/* 초기화 */
html {font-size: 62.5%;}
body {font-size: 1rem;}

html,
body {width: 100%; height: 100%;}

body,h1,h2,h3,h4,p {margin:0; padding:0;}
a {display: inline-block; text-decoration: none;}

/* font */
body {font-family: "Pretendard Variable", sans-serif; font-size: 20px; -webkit-text-size-adjust: 100%;}

.inter {
    font-family: "Inter", serif;
    font-optical-sizing: auto;
    font-weight:400;
    font-style: normal;
}

/* 공통 */
.st_content {height:100%;}
.st_content > section {height:100%; background-repeat:no-repeat; background-size: cover; box-sizing:border-box; background-position:center;}
.st_sec1 {max-height:1080px; background-image:url('../images/section_01-5.jpg');}
.st_sec2 {height:calc(100% + 80px) !important; max-height:900px; padding:80px 0; background-image:url('../images/section_02-1.png');}
.st_sec3 {max-height:880px; padding:80px 0 70px; background-image:url('../images/section_03.png');}
.st_sec4 {max-height:521px; padding:120px 0; background-image:url('../images/section_04.png');}
.st_sec5 {max-height:800px; padding:100px 0; background-image:url('../images/section_05-2.jpg');}
.st_sec6 {height:auto !important; padding-top:120px; padding-bottom:7%; background-image:url('../images/santa_sec6.png'); background-position: top center !important; background-color: #fbf7ee;}
footer {display: flex; justify-content: center; align-items: center; height:50px; font-size:16px;  color:#fff; background-color:#01b3b4;}

.st_wrapper {width:1240px; margin:0 auto;}

.st_title {font-family: 'nps';}
.st_btn {width:400px; height:120px; text-align:center; line-height: 120px; border-radius: 60px; background-color: #F8C773;}
.st_btn:hover {background-color: #FFB535;}
.st_btn span {padding-right:35px; font-family: 'nps'; font-size:32px; font-weight:700; color:#121212 !important; background:url('../images/st_btnarrow.png') no-repeat right;}

/* fix badge */
.st_content .ft_badge {
    position: fixed;
    top:32%;
    right: 40px;
    z-index: 9999;
}

.st_content .ft_badge a {
    width: 280px;
    height: 266px;
    background: url('../images/st_flot2.png') no-repeat center;
}

.st_content .ft_badge a:hover {
   
    background-image:url('../images/st_flot_hover2.png');
}