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

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,
em,img,ins,kbd,q,samp,small,strong,sub,sup,var,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video,input{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-style:normal;font-family: "Pretendard Variable", Pretendard, Roboto, "Noto Sans KR", sans-serif;}
body{line-height:1.2;word-break:break-all}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav,ul,li{list-style:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;color:#333}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #f2f2f2;margin:15px 0 20px;padding:0}
input,select{vertical-align:middle}
html{font-size:13px}
caption{overflow:hidden;visibility:hidden;width:0;height:0;font-size:1px}
img { vertical-align:top; }
html,body{height:100%;}
button{background: transparent;}

.text-hidden {position: absolute;text-indent: -9999em;font-size: 0;}
img {width: 100%;}

#wrap {overflow: hidden; width: 100%; background: #fff;}
.container, .foot {width: 100%;}
.inner {position: relative; width: 100%; max-width: 1200px; margin: 0 auto;}
div[class^="btn"] a {display: block; width: 100%; height: 100%;}

section {position: relative; background: #fff;}

.main {overflow: hidden; position: relative; width: 100vw; background: #fa8a7d; padding-bottom: 56.693%;}
.main video {overflow: hidden; position: absolute; width: 100%; height: 100%; z-index: 0; object-fit: cover;}

.s1 {background: #f9fafb;}

.img-box img {position: absolute;}
.s1 .img-item {left: 4%; top: 29%; width: 37%;}
.s2 .img-item {right: 8%; top: -.5%; width: 35%;}

.s3 {z-index: 0;}
.s3 .box1 {background: #f9fafb;}
.s3 .box2 {background: #fff;}
.s3 .box3 {background: #f9fafb;}
.s3 .swiper-card1 {position: absolute; left: 11.6%; top: 0; width: 18.167%;}
.s3 .swiper-card2 {position: absolute; left: 11.6%; top: 0; width: 18.167%;}
.s3 .swiper-card3 {position: absolute; left: 11.6%; top: 0; width: 18.167%;}
.s3 .swiper-pagination {bottom: -.4%; margin-left: .17%;}
.s3 .swiper-pagination .swiper-pagination-bullet {width: 9.64%; height: 0; padding-bottom: 9.64%; margin: 0 2.1%; background: transparent;}

.section .btn {position: absolute; text-indent: -999em;}
.s3 .btn {bottom: 18.2%; width: 21.4%; height: 13.7%;}
.s3 .btn1 {left: 39.8%;}
.s3 .btn2 {left: 62.65%;}
.s3 .box3 .btn {bottom: 20%; height: 12%;}

.footer {position: relative; background: #303032; z-index: 1;}

.btn-floating {position: fixed; left: 50%; top: 140px; width: 50px; margin-left: 28%; background: transparent; border-radius: 20px;
  z-index: 99; transform: translateX(-50%); opacity: 0; animation: opacityAni .8s .3s ease forwards;}
.btn-floating .btn {position: relative; width: 100%; height: 100%;}

.popup {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(41,41,41,.6); z-index: 999;}
.popup .inner {position: absolute; left: 50%; top: 50%; max-width: 900px; padding: 0 29px; transform: translate(-50%, -50%); box-sizing: border-box;}
.popup .btn {position: absolute; text-indent: -999em;}
.popup .btn.btn-close {right: calc(29px + 1.8%); top: 3%; width: 6.7%; height: 10%;}
.popup .btn.btn-copy {left: 50%; top: 71%; width: 39.7%; height: 17%; transform: translateX(-50%);}


@keyframes opacityAni {
  0% {opacity: 0;}
  100% {opacity: 1;}
}