@charset "UTF-8";

/*웹폰트*/
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format("opentype");
}

/*스타일 reset*/
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: 400;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote,
th,
td,
p,
button,
span {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
}

fieldset,
img,
abbr,
acronym {
  border: 0 none;
}

img {
  vertical-align: top;
  max-width: 100%;
}

legend.hidden {
  position: absolute;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

address,
caption,
cite,
code,
dfn,
em,
var {
  font-style: normal;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

q:before,
q:after {
  content: "";
}

textarea {
  -webkit-border-radius: 0;
}

[readonly] {
  -webkit-appearance: none;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  text-indent: -10000px;
}

input,
textarea {
  font-family: inherit;
}

input:focus,
a:focus,
button:focus {
  /* outline: #000 dotted 1px !important; outline-offset: -1px; */
  outline: 0 none !important;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

button {
  position: relative;
  border: 0 none;
  background: none;
}

button span,
button:active span,
button:focus span,
button:active img,
button:focus img {
  position: relative;
  top: 0;
  left: 0;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button,
input,
select,
textarea {
  color: #5b5b5b;
  font-size: 12px;
  line-height: 1.4;
  font-family: inherit;
  vertical-align: middle;
  border: 0 none;
  -webkit-border-radius: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: button;
}

textarea {
  overflow: auto;
  resize: none;
}

textarea[readonly="readonly"]:focus {
  border-color: #bfbfbf;
}

input[readonly],
textarea[readonly] {
  -webkit-user-select: none;
}

input[type="radio"] {
  width: 13px;
  height: 13px;
  cursor: pointer;
  vertical-align: baseline;
}

input[type="checkbox"] {
  width: 13px;
  height: 13px;
  -webkit-border-radius: 0;
  cursor: pointer;
  vertical-align: baseline;
}

input[type="search"] {
  -webkit-appearance: none;
  border: 0 none !important;
  border-radius: 0;
  -webkit-border-radius: 0;
}

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  opacity: 1;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  opacity: 1;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  opacity: 1;
}

:-ms-input-placeholder {
  /* Internet Explorer 10.png-11 */
}

input::-ms-clear {
  display: none;
}

/* ie clear button */
label {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

label:active {
  -webkit-appearance: none;
}

label:focus {
  outline: none;
}

/* html5 태그*/
header,
footer,
article,
section,
aside,
details,
figure,
figcaption,
nav,
hgroup {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

audio[controls],
canvas,
video {
  display: inline-block;
}


/* 전체 스타일 */
/* 기준 폰트사이즈 10px */
html {
  font-size: 10px;
}
body {
  width: 100%;
  font-family: 'Noto Sans KR', '나눔고딕', '나눔 고딕', '맑은고딕', '맑은 고딕', sans-serif;
}

main {
  width: 100%;
}

.event250428 {
    background: url("https://188482d3d3b2d221.kinxzone.com/cdn/img/250428/bg.jpg") center center !important;
}

.event250421 {
    /* background: #b8f3fb; */
    /* background: linear-gradient(to bottom, #fdf3f4, #ffdee7); */
    /* background-color: #b1f5e0; */
    padding-top: 20px;

    background: url("https://188482d3d3b2d221.kinxzone.com/cdn/img/250421/bg.jpg") center center;
    background-size: cover;
}
.event250421 .main-obj {
    position: relative;
    text-align: center;
}
.event250421 .main-obj.btn-box {
    /* margin-top: -22%; */
    z-index: 9999;
    /* margin-bottom: 5%; */
    padding: 2% 0 5% 0;
}
.event250421 .main-obj .obj2 {
    margin-top: -7%;
}

.event250421.sec2 {
    background: #eaeaea;
    padding-bottom: 0;
}
.event250421.sec1 .main-obj .obj1 {
    /* padding-top: 10%; */
}
.event250421.sec2 .main-obj .obj1 {
    display: block;
    margin: auto;
}
.event250421.sec2 .main-obj .obj2 {
    margin-top: 0 !important;

}

.event250421.sec2 .main-obj.bg-gray {
    background: #232323;
}
.event250421.sec2 .main-obj.bg-black {
    background: #000;
}

@media only screen and (min-width : 1001px) {
    .event250421 img {
        /* max-width: 80%; */
        max-width: 1000px;
    }
    .event250421 .main-obj.btn-box {
        /* margin-top: -220px; */
        margin-bottom: 4%;
    }
}

@media only screen and (max-width : 1000px) {
    .event250421.sec1 .main-obj .obj1 {
        padding: 0 10px;
    }
    .event250421_2 .main-obj .btn {
        width: 55%;
    }
    .event250421 .btn {
        max-width: 53%;
    }
} 
@media only screen and (max-width : 1000px) {
    .event250421_2 .main-obj .btn {
        width: 55%;
    }
    .event250421 .btn {
        max-width: 53%;
        margin-bottom: 7%;
    }
} 


.event241030 {
    /* background: #b8f3fb; */
    /* background: linear-gradient(to bottom, #fdf3f4, #ffdee7); */
    /* background-color: #b1f5e0; */
    padding-top: 20px;

    background: url("https://188482d3d3b2d221.kinxzone.com/cdn/img/250328/naverpay/bg.jpg") center center;
    background-size: cover;
}
.event241030 .main-obj {
    position: relative;
    text-align: center;
}
.event241030 .main-obj.btn-box {
    /* margin-top: -22%; */
    z-index: 9999;
    /* margin-bottom: 5%; */
    padding: 2% 0 5% 0;
}
.event241030 .main-obj .obj2 {
    margin-top: -7%;
}

.event241030.sec2 {
    background: #eaeaea;
    padding-bottom: 0;
}
.event241030.sec1 .main-obj .obj1 {
    /* padding-top: 10%; */
}
.event241030.sec2 .main-obj .obj1 {
    display: block;
    margin: auto;
}
.event241030.sec2 .main-obj .obj2 {
    margin-top: 0 !important;

}

.event241030.sec2 .main-obj.bg-gray {
    background: #232323;
}
.event241030.sec2 .main-obj.bg-black {
    background: #000;
}

@media only screen and (min-width : 1001px) {
    .event241030 img {
        /* max-width: 80%; */
        max-width: 1000px;
    }
    .event241030 .main-obj.btn-box {
        /* margin-top: -220px; */
        margin-bottom: 4%;
    }
}

@media only screen and (max-width : 1000px) {
    .event241030.sec1 .main-obj .obj1 {
        padding: 0 10px;
    }
    .event241030_2 .main-obj .btn {
        width: 55%;
    }
    .event241030 .btn {
        max-width: 53%;
    }
} 
@media only screen and (max-width : 1000px) {
    .event241030_2 .main-obj .btn {
        width: 55%;
    }
    .event241030 .btn {
        max-width: 53%;
        margin-bottom: 7%;
    }
} 


.event251205 {
    /* background: #b8f3fb; */
    /* background: linear-gradient(to bottom, #fdf3f4, #ffdee7); */
    /* background-color: #44daff; */
    background-color: #000;

    background: url("https://188482d3d3b2d221.kinxzone.com/cdn/img/2512052/bg.png") center center;
    /* background-size: cover; */
    background-size: 100% 100%;
}
.event251205 .main-obj {
    position: relative;
    text-align: center;
    /* overflow: hidden; */
}
/* .event251205 .main-obj a.anchor-obj {
    display: inline-block;
    margin-bottom: -2.5%;
} */
.event251205 .main-obj.btn-box {
    /* margin-top: -22%; */
    z-index: 9999;
    margin-bottom: 5%;
}
.event251205 .bg1 {
    padding-top: 2%;
}

.event251205.sec2 {
    background: #eaeaea;
    padding-bottom: 0;
}
.event251205.sec1 .main-obj .obj1 {
    /* padding-top: 10%; */
    padding: 0 2%;
}
.event251205.sec2 .main-obj .obj1 {
    display: block;
    margin: auto;
}
.event251205.sec2 .main-obj .obj2 {
    margin-top: 0 !important;

}

.event251205.sec2 .main-obj.bg-gray {
    background: #232323;
}
.event251205.sec2 .main-obj.bg-black {
    background: #000;
}

.event251205 .main-obj .obj2 {
    margin-top: -6%;
}

@media only screen and (max-width : 768px) {
    .event251205 .main-obj .obj2 {
        margin-top: -8%;
    }
} 
@media only screen and (min-width : 1000px) {
    .event251205 .main-obj .obj2 {
        margin-top: -4%;
    }
}
@media only screen and (min-width : 1350px) {
    .event251205 .main-obj .obj2 {
        margin-top: -2%;
    }
}
@media only screen and (min-width : 2000px) {
    .event251205 .main-obj .obj2 {
        margin-top: -1%;
    }
}

/* .event251205 .main-obj .obj2 {
    margin-top: -14%;
}

@media only screen and (max-width : 768px) {
    .event251205 .main-obj .obj2 {
        margin-top: -19%;
    }
} 
@media only screen and (min-width : 1350px) {
    .event251205 .main-obj .obj2 {
        margin-top: -12%;
    }
}
@media only screen and (min-width : 1350px) {
    .event251205 .main-obj .obj2 {
        margin-top: -9%;
    }
}
@media only screen and (min-width : 2000px) {
    .event251205 .main-obj .obj2 {
        margin-top: -6%;
    }
} */

@media only screen and (min-width : 1001px) {
    .event251205 img {
        /* max-width: 80%; */
        max-width: 1000px;
    }
    .event251205 img.btn {
        margin-top: 4%;
        /* max-width: 80%; */
        /* max-width: 1000px; */
    }
    .event251205 .main-obj.btn-box {
        /* margin-top: -220px; */
        margin-bottom: 1%;
    }
}

@media only screen and (max-width : 1000px) {
    .event251112_2 .main-obj .btn {
        width: 55%;
    }
    .event251205 .btn {
        max-width: 380px;
    }
    .event251205 img.btn {
        margin-top: 6%;
    }
} 
@media only screen and (max-width : 1000px) {
    .event251112_2 .main-obj .btn {
        width: 55%;
    }
    .event251205 .btn {
        max-width: 480px;
    }
} 
@media only screen and (max-width : 768px) {
    .event251205 .btn {
        max-width: 53%;
    }
} 

.event251112 {
    /* background: #b8f3fb; */
    /* background: linear-gradient(to bottom, #fdf3f4, #ffdee7); */
    /* background-color: #44daff; */
    background-color: #000;

    background: url("https://188482d3d3b2d221.kinxzone.com/cdn/img/251104/bg.jpg") center center;
    /* background-size: cover; */
    background-size: 100% 100%;
}
.event251112 .main-obj {
    position: relative;
    text-align: center;
    /* overflow: hidden; */
}
/* .event251112 .main-obj a.anchor-obj {
    display: inline-block;
    margin-bottom: -2.5%;
} */
.event251112 .main-obj.btn-box {
    /* margin-top: -22%; */
    z-index: 9999;
    margin-bottom: 5%;
}
.event251112 .bg1 {
    padding-top: 2%;
}
.event251112 .main-obj .obj2 {
    /* margin-top: -7%; */
}

.event251112.sec2 {
    background: #eaeaea;
    padding-bottom: 0;
}
.event251112.sec1 .main-obj .obj1 {
    /* padding-top: 10%; */
}
.event251112.sec2 .main-obj .obj1 {
    display: block;
    margin: auto;
}
.event251112.sec2 .main-obj .obj2 {
    margin-top: 0 !important;

}

.event251112.sec2 .main-obj.bg-gray {
    background: #232323;
}
.event251112.sec2 .main-obj.bg-black {
    background: #000;
}

@media only screen and (min-width : 1001px) {
    .event251112 img {
        /* max-width: 80%; */
        max-width: 1000px;
    }
    .event251112 img.btn {
        margin-top: 2%;
        /* max-width: 80%; */
        /* max-width: 1000px; */
    }
    .event251112 .main-obj.btn-box {
        /* margin-top: -220px; */
        margin-bottom: 1%;
    }
}

@media only screen and (max-width : 1000px) {
    .event251112_2 .main-obj .btn {
        width: 55%;
    }
    .event251112 .btn {
        max-width: 380px;
    }
    .event251112 img.btn {
        margin-top: 6%;
    }
} 
@media only screen and (max-width : 1000px) {
    .event251112_2 .main-obj .btn {
        width: 55%;
    }
    .event251112 .btn {
        max-width: 480px;
    }
} 
@media only screen and (max-width : 768px) {
    .event251112 .btn {
        max-width: 53%;
    }
} 


.event251104 {
    /* background: #b8f3fb; */
    /* background: linear-gradient(to bottom, #fdf3f4, #ffdee7); */
    /* background-color: #44daff; */
    background-color: #000;

    background: url("https://188482d3d3b2d221.kinxzone.com/cdn/img/251104/bg.jpg") center center;
    /* background-size: cover; */
    background-size: 100% 100%;
}
.event251104 .main-obj {
    position: relative;
    text-align: center;
    /* overflow: hidden; */
}
/* .event251104 .main-obj a.anchor-obj {
    display: inline-block;
    margin-bottom: -2.5%;
} */
.event251104 .main-obj.btn-box {
    /* margin-top: -22%; */
    z-index: 9999;
    margin-bottom: 5%;
}
.event251104 .bg1 {
    padding-top: 2%;
}
.event251104 .main-obj .obj2 {
    /* margin-top: -7%; */
}

.event251104.sec2 {
    background: #eaeaea;
    padding-bottom: 0;
}
.event251104.sec1 .main-obj .obj1 {
    /* padding-top: 10%; */
}
.event251104.sec2 .main-obj .obj1 {
    display: block;
    margin: auto;
}
.event251104.sec2 .main-obj .obj2 {
    margin-top: 0 !important;

}

.event251104.sec2 .main-obj.bg-gray {
    background: #232323;
}
.event251104.sec2 .main-obj.bg-black {
    background: #000;
}

@media only screen and (min-width : 1001px) {
    .event251104 img {
        /* max-width: 80%; */
        max-width: 1000px;
    }
    .event251104 img.btn {
        margin-top: 2%;
        /* max-width: 80%; */
        /* max-width: 1000px; */
    }
    .event251104 .main-obj.btn-box {
        /* margin-top: -220px; */
        margin-bottom: 1%;
    }
}

@media only screen and (max-width : 1000px) {
    .event251104_2 .main-obj .btn {
        width: 55%;
    }
    .event251104 .btn {
        max-width: 380px;
    }
    .event251104 img.btn {
        margin-top: 6%;
    }
} 
@media only screen and (max-width : 1000px) {
    .event251104_2 .main-obj .btn {
        width: 55%;
    }
    .event251104 .btn {
        max-width: 480px;
    }
} 
@media only screen and (max-width : 768px) {
    .event251104 .btn {
        max-width: 53%;
    }
} 


@media only screen and (max-width : 768px) {
    .event240820 .btn {
        max-width: 380px;
        max-width: 80%;
    }
} 


@media only screen and (max-width : 768px) {
    .event240820 .btn {
        max-width: 53%;
    }
} 

.event240820 {
    /* background: #b8f3fb; */
    /* background: linear-gradient(to bottom, #fdf3f4, #ffdee7); */
    background-color: #44daff;

    /* background: url("https://188482d3d3b2d221.kinxzone.com/cdn/img/240430/bg2.jpg") center center; */
    background-size: cover;
}
.event240820 .main-obj {
    position: relative;
    text-align: center;
}
.event240820 .main-obj.btn-box {
    /* margin-top: -22%; */
    z-index: 9999;
    margin-bottom: 5%;
}
.event240820 .main-obj .obj2 {
    margin-top: -7%;
}

.event240820.sec2 {
    background: #eaeaea;
    padding-bottom: 0;
}
.event240820.sec1 .main-obj .obj1 {
    /* padding-top: 10%; */
}
.event240820.sec2 .main-obj .obj1 {
    display: block;
    margin: auto;
}
.event240820.sec2 .main-obj .obj2 {
    margin-top: 0 !important;

}

.event240820.sec2 .main-obj.bg-gray {
    background: #232323;
}
.event240820.sec2 .main-obj.bg-black {
    background: #000;
}

@media only screen and (min-width : 1001px) {
    .event240820 img {
        /* max-width: 80%; */
        max-width: 1000px;
    }
    .event240820 .main-obj.btn-box {
        /* margin-top: -220px; */
        margin-bottom: 4%;
    }
}

@media only screen and (max-width : 1000px) {
    .event240820_2 .main-obj .btn {
        width: 55%;
    }
    .event240820 .btn {
        max-width: 380px;
    }
} 
@media only screen and (max-width : 1000px) {
    .event240820_2 .main-obj .btn {
        width: 55%;
    }
    .event240820 .btn {
        max-width: 480px;
    }
} 

@media only screen and (max-width : 768px) {
    .event240820 .btn {
        max-width: 380px;
        max-width: 80%;
    }
} 

.event251022 {
    /* background: #b8f3fb; */
    /* background: linear-gradient(to bottom, #fdf3f4, #ffdee7); */
    background-color: #38a1f8;
    padding-top: 4%;

    background: url("https://188482d3d3b2d221.kinxzone.com/cdn/img/251022/bg.png") center center;
    background-size: cover;
}
.event251022 .main-obj {
    position: relative;
    text-align: center;
    
}
.event251022 .main-obj.btn-box {
    /* margin-top: -22%; */
    z-index: 9999;
    margin-bottom: 5%;
    margin-top: 2%;
}
.event251022 .main-obj .obj2 {
    margin-top: -1%;
}

.event251022.sec2 {
    background: #eaeaea;
    padding-bottom: 0;
}
.event251022.sec1 .main-obj .obj1 {
    /* padding-top: 10%; */
    max-width: 90%;
}
.event251022.sec2 .main-obj .obj1 {
    display: block;
    margin: auto;
}
.event251022.sec2 .main-obj .obj2 {
    margin-top: 0 !important;

}

.event251022.sec2 .main-obj.bg-gray {
    background: #232323;
}
.event251022.sec2 .main-obj.bg-black {
    background: #000;
}

@media only screen and (min-width : 1001px) {
    .event251022 img {
        /* max-width: 80%; */
        max-width: 1000px;
    }
    .event251022 .main-obj.btn-box {
        /* margin-top: -220px; */
        margin-bottom: 1%;
    }
}

@media only screen and (max-width : 1000px) {
    .event251022_2 .main-obj .btn {
        width: 55%;
    }
    .event251022 .btn {
        max-width: 380px;
    }
} 
@media only screen and (max-width : 1000px) {
    .event251022_2 .main-obj .btn {
        width: 55%;
    }
    .event251022 .btn {
        max-width: 480px;
    }
} 

@media only screen and (max-width : 768px) {
    .event251022 .btn {
        max-width: 380px;
        max-width: 52%;
        margin-top: 4%;
    }
} 


.event240801 {
    /* background: #b8f3fb; */
    /* background: linear-gradient(to bottom, #fdf3f4, #ffdee7); */
    background-color: #38a1f8;

    /* background: url("https://188482d3d3b2d221.kinxzone.com/cdn/img/240430/bg2.jpg") center center; */
    background-size: cover;
}
.event240801 .main-obj {
    position: relative;
    text-align: center;
}
.event240801 .main-obj.btn-box {
    /* margin-top: -22%; */
    z-index: 9999;
    margin-bottom: 5%;
}
.event240801 .main-obj .obj2 {
    margin-top: -7%;
}

.event240801.sec2 {
    background: #eaeaea;
    padding-bottom: 0;
}
.event240801.sec1 .main-obj .obj1 {
    /* padding-top: 10%; */
}
.event240801.sec2 .main-obj .obj1 {
    display: block;
    margin: auto;
}
.event240801.sec2 .main-obj .obj2 {
    margin-top: 0 !important;

}

.event240801.sec2 .main-obj.bg-gray {
    background: #232323;
}
.event240801.sec2 .main-obj.bg-black {
    background: #000;
}

@media only screen and (min-width : 1001px) {
    .event240801 img {
        /* max-width: 80%; */
        max-width: 1000px;
    }
    .event240801 .main-obj.btn-box {
        /* margin-top: -220px; */
        margin-bottom: 4%;
    }
}

@media only screen and (max-width : 1000px) {
    .event240801_2 .main-obj .btn {
        width: 55%;
    }
    .event240801 .btn {
        max-width: 380px;
    }
} 
@media only screen and (max-width : 1000px) {
    .event240801_2 .main-obj .btn {
        width: 55%;
    }
    .event240801 .btn {
        max-width: 480px;
    }
} 

@media only screen and (max-width : 768px) {
    .event240801 .btn {
        max-width: 380px;
        max-width: 80%;
    }
} 



.event240625 {
    background: url("https://188482d3d3b2d221.kinxzone.com/cdn/img/240625/bg.jpg") center center;
    background-size: cover;
}

.event240625 .main-obj {
    position: relative;
    text-align: center;
}
.event240625 .main-obj.btn-box {
    /* margin-top: -22%; */
    z-index: 9999;
    margin-bottom: 5%;
}
.event240625 .main-obj .obj2 {
    /* margin-top: -23%; */
}
.event240625 .flex a img {
    width: 100%;
}
.event240625 .flex a {
    text-align: center;
    width: 50%;
}
.event240625 .flex {
    display: flex;
    justify-content: space-between;
    align-items: end;
    width: 90%;
    margin: auto;
    margin-top: -100px;
}

.event240625.sec2 {
    background: #eaeaea;
    padding-bottom: 0;
}
.event240625.sec1 .main-obj .obj1 {
    padding-top: 5%;
}
.event240625.sec2 .main-obj .obj1 {
    display: block;
    margin: auto;
}
.event240625.sec2 .main-obj .obj2 {
    margin-top: 0 !important;

}

.event240625.sec2 .main-obj.bg-gray {
    background: #232323;
}
.event240625.sec2 .main-obj.bg-black {
    background: #000;
}

@media only screen and (min-width : 1001px) {
    .event240625 img {
        /* max-width: 80%; */
        max-width: 1000px;
    }
    .event240625 .main-obj.btn-box {
        /* margin-top: -220px; */
        margin-bottom: 4%;
    }
}

@media only screen and (max-width : 1000px) {
    .event240625_2 .main-obj .btn {
        width: 55%;
    }
    .event240625 .btn {
        max-width: 380px;
    }
} 
@media only screen and (max-width : 1000px) {
    .event240625_2 .main-obj .btn {
        width: 55%;
    }
    .event240625 .btn {
        max-width: 480px;
    }
} 

@media only screen and (max-width : 768px) {
    .event240625 .flex {
        margin-top: -7%;
    }
    .event240625 .btn {
        max-width: 380px;
        max-width: 80%;
    }
} 


.event240410 {
    /* background: #b8f3fb; */
    background: linear-gradient(to bottom, #fdf3f4, #ffdee7);
    background-color: #fdf3f4;

    /* background: url("https://188482d3d3b2d221.kinxzone.com/cdn/img/240410/bg2.jpg") center center; */
    /* background-size: cover; */
}
.event240410 .main-obj {
    position: relative;
    text-align: center;
}
.event240410 .main-obj.btn-box {
    margin-top: 1%;
    z-index: 9999;
}
.event240410 .main-obj .obj2 {
}

.event240410.sec2 {
    background: #eaeaea;
    padding-bottom: 0;
}
.event240410.sec2 .main-obj .obj1 {
    display: block;
    margin: auto;
}
.event240410.sec2 .main-obj .obj2 {
    margin-top: 0 !important;

}

.event240410.sec2 .main-obj.bg-gray {
    background: #232323;
}
.event240410.sec2 .main-obj.bg-black {
    background: #000;
}

@media only screen and (min-width : 1001px) {
    .event240410 img {
        /* max-width: 80%; */
        max-width: 1000px;
    }
    .event240410 .btn {
        
    }
}

@media only screen and (max-width : 1000px) {
    .event240410_2 .main-obj .btn {
        width: 55%;
    }
    .event240410 .btn {
        max-width: 380px;
    }
} 
@media only screen and (max-width : 1000px) {
    .event240410_2 .main-obj .btn {
        width: 55%;
    }
    .event240410 .btn {
        max-width: 480px;
    }
} 

@media only screen and (max-width : 768px) {
    .event240410 .btn {
        max-width: 380px;
        max-width: 80%;
    }
} 

.event240403 {
    background: #b8f3fb;
    /* background: url("/img/240326/bg.jpg") center center; */
    /* background-size: cover; */
}
.event240403 .main-obj {
    position: relative;
    text-align: center;
}
.event240403 .main-obj.btn-box {
    margin-top: 1%;
    z-index: 9999;
}
.event240403 .main-obj .obj2 {
    /* margin-top: -23%; */
}

.event240403.sec2 {
    background: #eaeaea;
    padding-bottom: 0;
}
.event240403.sec2 .main-obj .obj1 {
    display: block;
    margin: auto;
}
.event240403.sec2 .main-obj .obj2 {
    margin-top: 0 !important;

}

.event240403.sec2 .main-obj.bg-gray {
    background: #232323;
}
.event240403.sec2 .main-obj.bg-black {
    background: #000;
}

@media only screen and (min-width : 1001px) {
    .event240403 img {
        /* max-width: 80%; */
        max-width: 1000px;
    }
    .event240403 .btn {
        
    }
}

@media only screen and (max-width : 1000px) {
    .event240403_2 .main-obj .btn {
        width: 55%;
    }
    .event240403 .btn {
        max-width: 380px;
    }
} 
@media only screen and (max-width : 1000px) {
    .event240403_2 .main-obj .btn {
        width: 55%;
    }
    .event240403 .btn {
        max-width: 480px;
    }
} 

@media only screen and (max-width : 768px) {
    .event240403 .btn {
        max-width: 380px;
        max-width: 80%;
    }
} 



.event2403 {
    /* background: url("https://188482d3d3b2d221.kinxzone.com/cdn/img/240206/bg.png") center center; */
    /* background: url("https://188482d3d3b2d221.kinxzone.com/cdn/img/240308/bg.png") center center; */
    background: url("https://188482d3d3b2d221.kinxzone.com/cdn/img/240318/bg2.jpg") center center !important;
    background-size: cover;
}
.event2402 {
    /* background: url("https://188482d3d3b2d221.kinxzone.com/cdn/img/240206/bg.png") center center; */
    background: url("https://188482d3d3b2d221.kinxzone.com/cdn/img/240308/bg.png") center center;
    /* background: url("https://188482d3d3b2d221.kinxzone.com/cdn/img/240318/bg2.jpg") center center; */
    background-size: cover;
}
.event2402 .bg1 {
    /* background: url("https://188482d3d3b2d221.kinxzone.com/cdn/img/240206/bg1.png") center bottom;
    background-size: cover;
    padding-bottom: 22%; */
}
.event2402 .bg2 {
    /* background: url("https://188482d3d3b2d221.kinxzone.com/cdn/img/240206/bg2.png") center top;
    background-size: cover; */
}
.event2402 .main-obj {

    position: relative;
    text-align: center;
}
.event2402 .main-obj.btn-box {
    margin-top: 1%;
    z-index: 9999;
}
.event2402 .main-obj .obj2 {
    /* margin-top: -23%; */
}

.event2402.sec2 {
    background: #eaeaea;
    padding-bottom: 0;
}
.event2402.sec2 .main-obj .obj1 {
    display: block;
    margin: auto;
}
.event2402.sec2 .main-obj .obj2 {
    margin-top: 0 !important;

}

.event2402.sec2 .main-obj.bg-gray {
    background: #232323;
}
.event2402.sec2 .main-obj.bg-black {
    background: #000;
}

@media only screen and (min-width : 1001px) {
    .event2402 img {
        /* max-width: 80%; */
        max-width: 1000px;
    }
    .event2402 .btn {
        
    }
}

@media only screen and (max-width : 1000px) {
    .event2402_2 .main-obj .btn {
        width: 55%;
    }
    .event2402 .btn {
        max-width: 380px;
    }
} 
@media only screen and (max-width : 768px) {
    .event2402 .btn {
        max-width: 300px;
    }
} 

@media only screen and (max-width : 1000px) {
    .event2402_2 .main-obj .btn {
        width: 55%;
    }
    .event2402 .btn {
        max-width: 380px;
    }
} 
@media only screen and (max-width : 768px) {
    .event2402 .btn {
        max-width: 300px;
    }
}

/* .event2312 {
    background-color: #003e2e;
    background: url("https://188482d3d3b2d221.kinxzone.com/cdn/img/231226/pc/section1/bg.png") 50% 50%;
    background-size: cover;
}
.event2312 .main-obj {
    position: relative;
    text-align: center;
}
.event2312 .main-obj.btn-box {
    margin-top: 1%;
    z-index: 9999;
}

.event2312.bg-gray {
    background: #eaeaea;
    padding-bottom: 5%;
}
.event2312.bg-gray .main-obj .obj1 {
    display: block;
    margin: auto;
}
.event2312.bg-gray .main-obj .btn {
    margin-top: 4%;
}
@media only screen and (min-width : 1001px) {
    .event2312 img {
        max-width: 1000px;
    }
    .event2312 .btn {
        
    }
}

@media only screen and (max-width : 1000px) {
    .event2312_2 .main-obj .btn {
        width: 55%;
    }
    .event2312 .btn {
        max-width: 380px;
    }
} 
@media only screen and (max-width : 768px) {
    .event2312 .btn {
        max-width: 300px;
    }
}  */



.event2309 .bg-box {
    background: #00ae5a;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 0rem;
}
.event2309 .obj-box {
    text-align: center;
}
.event2309 .obj-box .obj {
    
}
.event2309 .btn {
    display: block;
    max-width: 120rem;
    margin: auto;
    margin-top: -10rem;
    padding-bottom: 10rem;
}
.event2309 .dc67 {
    background: url("https://188482d3d3b2d221.kinxzone.com/cdn/img/230926/pc/bg2.png") 50% 50%;
    background-size: cover;
    text-align: center;
    padding: 0rem 0;
    width: 100%;
    z-index: 10;
}
.event2309 .dc67 .obj {
    margin: 7rem auto 0 auto;
}
.event2309 .dc67 .btn{
    margin-top: 5rem;
    margin-bottom: 0;
}
.event2309 .dc20 {
    /* background-color: #005733; */
    background-color: #30c67e;
    background-size: cover;
    text-align: center;
    padding: 18rem 0;
    width: 100%;
    z-index: 10;
}
.event2309 .dc20 .title {
    margin: 0rem auto 0 auto;
}
.event2309 .dc20 .obj {
    margin: 0rem auto 0 auto;
}
.event2309 .dc20 .btn{
    margin-top: 2rem;
    padding-bottom: 0rem;
}

@media only screen and (max-width : 1000px) {
    .event2309 .btn {
        margin-top: -5rem;
        max-width: 60% !important;
    }
    .event2309 .dc67 .obj {
        padding: 0 7rem;
    }
}

.ann27 .bg-box {
    background: url("https://188482d3d3b2d221.kinxzone.com/cdn/img/230825/pc/bg.png") 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 0rem;
}
.ann27 .obj-box {
    text-align: center;
    
}
.ann27 .obj-box .obj {
    
}
.ann27 .btn {
    display: block;
    max-width: 120rem;
    margin: auto;
    margin-top: -10rem;
    padding-bottom: 10rem;
}
.ann27 .dc27 {
    background-color: #007d3e;
    text-align: center;
    padding: 0rem 0;
    width: 100%;
    z-index: 10;
}

@media only screen and (max-width : 1000px) {
    .ann27 .btn {
        margin-top: -5rem;
        max-width: 60% !important;
    }
}




.hidden {
  display: none;
}

.hero {
  width: 100%;
  background-color: #ff4965;
}
.swiper-container {
  position: relative;
  background-color: #ffffff;
}
.swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-content: center;
}
.swiper-slide img {
  width: 70%;
  height: auto;
}
.family-swiper {
    overflow: hidden;
}
.family-swiper .subtitle-item  img{
    width : 100%;
}

.swiper-slide .desktop {
  display: block;
}
.swiper-slide .mobile {
  display: none;
}
.swiper-control {
  width: 100%;
  max-width: 120rem;
  margin: 0 auto;
  padding: 1rem 10rem;
}
.swiper-control-items {
  display: flex;
  width: 100%;
  margin: 0 auto;
}
.swiper-control-item {
  flex: 1 1 21%;
  padding: 1rem;
  cursor: pointer;
  text-align: center;
  font-size: 2.5rem;
  line-height: 130%;
  color: #fff;
  border-right: 0.1rem dashed #fff;
  border-left: 0.1rem dashed #fff;
  white-space: nowrap;
}
.swiper-control-item:first-child {
  border-left: 0;
}
.swiper-control-item:last-child {
  border-right: 0;
}
.swiper-control-item strong {
  color: #fffc06;
}
.slider-button-prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 15rem;
  height: 100%;
  cursor: pointer;
}
.slider-button-prev .slick-prev {
  margin: 0 auto;
  width: 2.7rem;
  height: 100%;
  top: 50%;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") 100% no-repeat;
}
.slider-button-next {
  position: absolute;
  top: 0;
  right: 0;
  width: 15rem;
  height: 100%;
  cursor: pointer;
}
.slider-button-next .slick-next {
  margin: 0 auto;
  width: 2.7rem;
  height: 100%;
  top: 50%;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") 100% no-repeat;
}

/* === Swider Slide: START === */
.swiper {
  z-index: 0;
  width: 100%;
  /*padding: 50px 0;*/
}
.swiper-slide {
  background-position: center;
  background-size: cover;
  text-align: center;
  color: #fff;
  font-weight: 500;
}
.swiper-slide.swiper-slide-active{
  color: #222;
}

.swiper-button-next, .swiper-button-prev {
  font-weight: 800;
  color: #406423;
}
.thumbnail-title-swiper .swiper-slide {
  padding: 1.5rem 0.2rem;
}
.thumbnail-swiper .swiper-slide-active:before {
  position: absolute;
  content:" ";
  background-image: url("img/202208/pc/2/btn_play.png");
  background-size: cover;
  background-repeat: no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.goods-swiper {
  width: 80%;
  position: absolute;
  bottom: 10%;
  left: 10%;
}
/* === Swider Slide: END === */

/* === Modal Slide: START === */
.swal-modal {
  width: 80vw;
}
.modal-iframe {
  width: 100%;
  height: 100vw;
}
/* === Modal Slide: END === */


.icon {
  margin: 0 1rem;
  font-style: normal;
}
.icon.arrow:after {
  content: '\25B6';
}
.p0 {
  padding: 0;
}
.bg-warm-blue {
  background-color: #e6ece7;
}
.bg-gray {
  background-color: #f3f3f3;
}
.bg-light-gray {
  background-color: #F3F3F3;
}
.bg-green {
  background-color: #97c93c;
}
.bg-green2 {
  background-color: #325831;
}
.bg-dark-green {
  background-color: #20322c;
}
.bg-dark-green2 {
  background-color: #183028;
}
.bg-dark-green3 {
  background-color: #154d37;
}
.bg-light-green {
  background-color: #E6FFCB;
}
.bg-warm-green {
  background-color: #d5e0d8;
}
.bg-skyblue {
  background-color: #bce6f6;
}
.bg-sand {
  background-color: #c1e8fc;
}
.bg-light-sand {
  background-color: #fffcdf;
}
.bg-light-sand2 {
  background-color: #fbe8a9;
}
.bg-light-sand3 {
  background-color: #ffffe6;
}
.bg-warm-sand {
  background-color: #fbf7f1;
}
.bg-warm-sand2 {
  background-color: #ffeeb9;
}
.bg-family {
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #eddabd;
  /* background-image: url("img/202109/list-bg2.png"); */
}
.bg-apricot {
  background: #eddabd;
}

/* section bg */
.nPAY-section-bg {
  background: #DDFFCC;
  /* background: #62786b; */
}
.first-section-bg .content {
    background-image: url("/img/230314/bg1.png");
    /* background-color: #bbe6ad; */
    background-size: cover;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    padding-top: 22rem;
}
.first-section-bg {
    /* background-image: url("/img/winter22/pc/1/1_01_ex.png");
    background-size: 100%;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    padding-top: 22rem; */
}
.first-section-bg2 {
  background: #523429;
}
.second-section-bg {
  /* background: #523429; */
}
.third-section-bg {
  background: #eaeaea;
}
.fourth-section-bg {
  background: #bbe6ad;
  /* background-image: url("/img/230314/bg4.png"); */
  background-size: auto 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.fourth-section-bg-ex {
    background: #bbe6ad;
    /* background-image: url("/img/winter22/pc/6/bg2.png"); */
    background-size: auto 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
.fifth-section-bg {
  background: #eaeaea;
}
.sixth-section-bg {
  /* background: #1b4537; */
}
.seventh-section-bg {
  /* background: #c28b31; */
}
.eigth-section-bg {
    background: #efece5;
  }


/* 컨테이너 */
.container {
  width: 100%;
  margin-top: -1px;
}
.container .content {
  width: 100%;
  margin: 0 auto;
  max-width: 120rem;
  padding: 10rem 17rem;
  overflow: hidden;
  border:none;
}
.container .content .items {
  width: 100%;
}

/* 컨테이너 버튼 스타일 */
.container .button {
  display: block;
  width: 100%;
  padding: 0;
  color: #323232;
  font-size: 4.5rem;
  border-radius: 10rem;
  text-align: center;
  background-color: transparent;
}
.container .button.yellow {
  background-color: #ffd801;
}
.container .button.green {
  color: white;
  background-color: #16834a;
}
.container .button.green strong {
  color: #ffd200;
}

/* 상품 네비게이션 스타일 */
.container .nav {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.container .nav .nav-item {
  margin: 2px;
  padding: 0;
  cursor: pointer;
}

/* product 템플릿 스타일 */
.container .products {
  width: 100%;
  display: none;
  flex-wrap: wrap;
  margin-bottom: 6rem;
  gap: 1rem;
}
.container .products .product {
  cursor: pointer;
  margin: 5px 0;
  padding: 2rem 2rem 2rem 0;
  text-align: center;
  width: 100%;
  height: 18vw;
  max-height: 20rem;
  background-color: #fbfff7;
  border: 1px solid rgba(0,0,0,.3);
}
.container .products > a > .product-img {
  cursor: pointer;
  width: 100%;
  height: auto;
  border: 1px solid rgba(0,0,0,.3);

}
.container .products .product .image {
  float: left;
  width: 20%;
  height: 100%;
}
.container .products .product .info {
  float: right;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 1rem;
  width: 80%;
  height: 100%;
}
.container .products .product .info .name {
  flex: 1 1;
  color: #000000;
  font-size: 2.5rem;
  text-align: left;
  padding-right: 10rem;
}
.container .products .product .info .price {
  color: #226b23;
  height: 3.5rem;
  line-height: 3.5rem;
  font-size: 3.5rem;
  font-weight: bold;
  text-align: right;
}
.txt_post {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap:break-word;
  line-height: 1.2em;
  height: 3.6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
}
/* main */
#main .swiper-slide img {
  width: 100%;
  height: auto;
}

/* 네이버페이 */
.nPAY {
  text-align: center;
  width: 100%;
  height: auto;
}
.nPAY .nPAY-title {
  display: flex;
  flex-direction: column;
  row-gap: 35px;
  margin-bottom: 50px;
}
.nPAY .nPAY-title div {
  width: 100%;
}
.nPAY .img_event img {
  width: 20%;
}
.nPAY .img_subtitle img {
  width: 75%;
}
.nPAY .nPAY-content {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  margin-bottom: 45px;
}

/* 동영상 */

.united-section {
    /* background-image: url(/img/winter22/pc/1/bg1.png); */
    background-color: #bbe6ad;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: 50% 25%;
}
@media (min-width: 1200px) {
    .united-section {
        /* background-image: url(/img/winter22/pc/1/bg1_ex.png); */
        background-size: 80%;
        background-position: 50% 0%;
    }
}

.genuine-section {
    background: #bbe6ad;
}
.genuine-section .title {
    margin-bottom: 3rem;
}
.genuine-section .label  {
    text-align: center;
    margin-bottom: 20px;
}
.genuine-section .label img {
    width: 37%;
}
.genuine-section  .video-box {
    position: relative;
    background: #333;
    /* height: 35vw; */
    cursor: pointer;
}
.genuine-section  .video-box  .play-button{
    width: 100%;
    text-align: center;
    top: 33%;
    left: 0;
    position: absolute;
    cursor: pointer;
}
.genuine-section  .video-box iframe {
    /* visibility: hidden; */
}
@media (max-width: 935px) {
    .genuine-section  .video-box iframe {
        height: 51.5vw !important;
    }
}
.genuine-section  .video-box iframe.visible {
    visibility: visible;
}

.video .title {
  display: block;
  margin: 55px auto auto;
}
.video .content .title:first-child {
  /*width: 50%;*/
  max-width: 100%;
}
.video .content .title:last-child {
  width: 100%;
}
.video .player {
  padding: 7rem 0 20rem 0;
}
.video .player video {
  display: block;
}
.video.container .content {
  /* max-width: unset;
  background-image: url("/img/winter22/pc/1/bg1.png");
  background-repeat : no-repeat;
  background-size : 100%;
  padding-top: 0;

  padding-bottom: 10rem; */
}
.video.container .content .video-title {
  padding: 2rem 0;
}
.video.container .video-title {
  padding: 2rem 0;
  max-width: 1500px;
  margin: 0 auto;
  text-align: center;
}
.video.container .video-title img {
  display: block;
  margin: 0 auto;
  /* width: 70%; */
}
.video.container .content .video-title img {
  display: block;
  margin: 0 auto 10px;
  width: 65%;
}
.video .bottom-illustration {
  width: 100%;
}

/* illustration-title */
.illustration.container .content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;

  /* illustration section이 있을 때 */
  max-width: unset;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}


.illustration.container .content img:first-child {
  /* width: 100%; */
  margin-top: 90px;
  margin-bottom: 10px;
}

.illustration.container .content img {
  width: 100%;
  z-index: 999;
}

/* 맞춤 선물 추천 */
#family {
    background-image: url(/img/230314/bg2.png);
    /* background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 25%; */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 0%;
}
#family .content {
  /*background-image: url("./img/202201/second-bg-2.png");*/
  /*background-repeat: no-repeat;*/
  /*background-size: 100%;*/
    

}
#family .character {
  margin-top: 5rem;
  width: 55%;
}
#family .character:last-child {
  margin-bottom: -34rem;
  margin-left: -20%;
  width: 65%;
}
#family .img-div {
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: center;
  padding-bottom: 30rem;
}
#family .title-image {
  background: linear-gradient(to top, #eddabd 10.5%, #c1e7fc 4%);
}
#family .title-image .title {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 950px;
}
#family .family-title {
  display: flex;
  justify-content: center;
  align-items: center;
}
#family .family-title img {
  width: 50%;
  padding: 5% 0;
}
@media (max-width: 1200px) {
    #family .nav .nav-item {
        flex: 1 1 23%;
    }
}
#family .nav .nav-item img:last-child {
  display: none;
}
#family .nav .nav-item.active img:last-child {
  display: block;
}
#family .nav .nav-item.active img:first-child {
  display: none;
}
#family .nav .nav-item:first-child {
  margin-left: 0;
}
#family .nav .nav-item:last-child {
  margin-right: 0;
}
#family .subtitle {
  margin: 2px 0;
}

/* 맟춤상품 Top4 */
#trial_pricing .content {
  /*background-image: url("./img/202201/third-bg.jpg");*/
  background-repeat: no-repeat;
  background-size: 100%;
  background-position-y: 101%;
}
.trial_pricing {
  width: 100%;
  height: auto;
  text-align: center;
}
.trial_pricing .title {
  width: 100%;
  padding: 2rem 0 6rem 0;
}
.trial_pricing .items {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  padding: 5rem 0;
}
.trial_pricing .items > a > .trial_item {
  background-color: white;
  position: relative;
  width: 99%;
  margin: .5rem 0 2rem;
  border: 1px solid #e0e0e0;
}
.trial_pricing .item {
  background-color: white;
  position: relative;
  width: 100%;
  margin: .5rem .5rem 2rem .5rem;
  text-align: left;
}
.trial_pricing .item .button {
  width: 100%;
  color: white;
  font-size: 3.5rem;
  font-weight: 400;
  padding: 2rem 0;
  border-radius: 0;
  background-color: #323232;
}
.trial_pricing .product {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  padding: 3rem 6rem 3rem 3rem;
  border: 1px solid #e0e0e0;
}
.trial_pricing .item:nth-child(even) .product {
  flex-direction: row-reverse;
  padding: 3rem 3rem 3rem 6rem;
}
.trial_pricing .item:nth-child(even) .product .description {
  min-width: 70%;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: unset;
}
.trial_pricing .product .mobile {
  display: none;
}
.trial_pricing .product .product-image {
  position: relative;
}
.trial_pricing .product .product-image .percent {
  font-size: 2.2rem;
  padding-top: 2.2rem;
  padding-left: -0.7rem;
}
.trial_pricing .product .description {
  min-width: 70%;
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.trial_pricing .product .description div:nth-child(2) {
  margin-bottom: 1.4rem;
}
.trial_pricing .product .name {
  float: right;
  width: 80%;
  font-size: 2.2rem;
  word-break: keep-all;
  word-wrap: break-word;
  white-space: normal;
  margin-bottom: 3.5rem;
}
.trial_pricing .product .price {
  display: flex;
  justify-content: space-between;
  width: 55%;
}
.trial_pricing .product i {
  vertical-align: super;
}
.trial_pricing .product .list-price-badge {
  width: 10.5rem;
  color: white;
  border-radius: 30px;
  background-color: #625c3d;
  font-size: 1.7rem;
}
.trial_pricing .product .sale-price-badge {
  text-align: center;
  width: 8.5rem;
  color: white;
  border-radius: 30px;
  background-color: #fd7207;
  font-size: 1.7rem;
}
.trial_pricing .product .list-price {
  height: 3rem;
  line-height: 3rem;
  font-size: 2rem;
  text-decoration: line-through;
  vertical-align: baseline;
}
.trial_pricing .product .sale-price {
  line-height: 3rem;
  font-size: 3.5rem;
  font-weight: bold;
  vertical-align: baseline;
  color: #fa4582;
}
.trial_pricing .sale {
  font-weight: 500;
  position: absolute;
  background: #fa4582;
  border-radius: 100%;
  color: white;
  bottom: 0;
  right: -3rem;
  width: 52%;
  height: 51%;
  font-size: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.trial_pricing .item:nth-child(even) .sale {
  left: -4rem;
}
.trial_pricing .title.desktop {
  display: inline;
}
.trial_pricing .title.mobile {
  display: none;
}
.trial_pricing .button .desktop {
  display: block;
}
.trial_pricing .button .mobile {
  display: none;
}

/* newdeal */

#newdeal .content .title {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 5.5rem;
    margin: auto;
  }

  #newdeal .content .title {
    width: 60%;
  }

  #newdeal .btn img {
    display: block;
    width: 100%;
  }

  #newdeal .card-img {
    text-align: center;
    padding: 5rem 0;
  }

  #newdeal .flex {
    display: flex;
    justify-content: space-between;
  }

/* personalized */
#personalized .twoper {
    margin: auto;
    display: block;
}

#personalized .content {
  /*background-image: url("./img/202201/fourth-bg.jpg");*/
  background-repeat: no-repeat;
  background-size: 100%;
}

#personalized .content .title {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5.5rem 0;
}

#personalized .content .title img {
  width: 95%;
}

#personalized .card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* padding: 9rem 0; */
  /* background-image: url("./img/202112/fourth-card-bg.png");
  background-repeat: no-repeat;
  background-size: 100%; */
  filter: drop-shadow(0px 1px 14px rgba(0,0,0,0.2));
  /* background-color: #fffdf0; */
  /* border-radius: 12px 12px 0 0; */
}
.card.twoperday {
    background-color: #fffdf0;
    padding-top: 5.5rem;
    border-radius: 14px 14px 20px 20px;
}
#personalized .card-btn {
    margin-top: 5.5rem;
}
#personalized .card .card-title {
  width: 70%;
  padding: 0 0 7rem 0;
}
#personalized .item-list {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
#personalized .item-list .item {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: fit-content;
}
#personalized .item-list .item .item-price {
    margin-top: 3rem;
  color: #007d5d;
  font-size: 5rem;
  font-weight: bold;
  display: inline-flex;
  align-items: baseline;
}
#personalized .item-list .item .item-price > .small {
  display: inline-block;
  font-size: 3rem;
}
#personalized .item-list .item .item-preview {
  /* width: 70%; */
}
#personalized .item-list  .versus {
  padding-bottom: 25%;
  margin: 0 15px;
}
#personalized .card-btn {
  display: inline-block;
  width: 100%;
  /* padding: 0 2.5%; */
  filter: drop-shadow(0px 1px 14px rgba(0,0,0,0.2));
}
#personalized .card-btn img {
  width: 100%;
}

/* illustration-box-head */
#illustration-box-head {
  border-top: #20322c;
}
#illustration-box-head .content {
  width: 100%;
  padding: 5rem 0 0 0;
  background-image: url("./img/202112/fourth-bottom-bg.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position-y: bottom;
}

/* 건강을 위한 맞춤솔루션 */
#health .content {
  /*background-image: url("./img/202201/fifth-bg.jpg");*/
  background-repeat: no-repeat;
  background-size: 100%;
}
.health .title {
  display: block;
  margin: 0 auto 4rem auto;
  width: 65%;
}
.health .items {
  margin-top: 4rem;
}
.health .nav .nav-item {
  flex: 1 1 30%;
}
.health .nav .nav-item img {
  width: 100%;
}
.health .nav .nav-item:nth-child(3n + 1) {
  margin-left: 0;
}
.health .nav .nav-item:nth-child(3n) {
  margin-right: 0;
}
.health .nav .nav-item img:last-child {
  display: none;
}
.health .nav .nav-item.active img:last-child {
  display: block;
}
.health .nav .nav-item.active img:first-child {
  display: none;
}


#premium-authentication {
    /* background-image: url(/img/230314/bg6.png); */
    background-color: #bbe6ad;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: 50% 25%;
}
@media (min-width: 1200px) {
    #premium-authentication {
        /* background-image: url(/img/winter22/pc/1/bg1_ex.png); */
        background-size: 80%;
        background-position: 50% 0%;
    }
}
/* 프리미엄 인증 */
#premium-authentication .content .info-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 45px;
  padding-top: 30px;
}
#premium-authentication .content .divider {
  width: 100%;
  content: "";
  padding: 40px 0;
  border-bottom: 0.1rem dashed rgba(999,999,999,0.3);
}
#premium-authentication .content .best-items-wrapper {
  padding: 60px 0 30px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 40px;
}
#premium-authentication .best-item-title {
  width: 70%;
}
#premium-authentication .items {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#premium-authentication .items .item{
  width: 30%;
}
#premium-authentication .best-btn{
  margin-top: 20px;
}

  /* 할인 꿀 정보 */
  .honey {
    background-image: url(/img/230314/bg7.png);
    background-color: #bbe6ad;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: 50% 25%;
    padding-bottom: 10rem;
}
@media (min-width: 1200px) {
    .honey {
        /* background-image: url(/img/winter22/pc/1/bg1_ex.png); */
        background-size: 80%;
        background-position: 50% 0%;
    }
}
.honey .btn {
    margin-top: 5.5rem;
}
.honey .content {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  text-align: center;
}
.honey .content > .title {
  width: 80%;
  padding-bottom: 5.5rem;
}
@media (min-width: 1200px) {
    .honey .content > .title {
        width: 60%;
        padding-bottom: 5.5rem;
      }
}
.honey .content .mobile {
  display: none;
}
.honey .content .button {
  width: 100%;
  padding: 0 2.5%;
}
.honey .content .desktop {
  display: block;
  margin: 0 auto;
}

.honey .content .desktop .cardImg{
  width: 95%;
}


/* 리뷰 */
.review {
  padding-bottom: 104px;
}
.review .content {
  width: 100%;
  max-width: 120rem;
  margin: 0 auto;
  text-align: center;
}
.review .content .title {
  width: 70%;
  margin: 9rem 0 5rem 0;
}
.review .content > div {
  padding: 3rem 0;
}
.review .content {
  padding-bottom: 9rem;
  padding-top: 0;
}
.review .content .desktop {
  display: block;
  margin: 0 auto;
}
.review .content .mobile {
  display: none;
}

/* line_banner 템플릿 스타일 */
.line_banner img {
  width: 100%
}
.line_banner .desktop {
  display: block;
  margin: 0 auto;
}
.line_banner .mobile {
  display: none;
}

/* 할인코드 공유 modal 템플릿 스타일 */
.share_modal,
.share_modal_info {
  display: none;
  width: 600px;
  height: 600px;
  padding: 10px;
  background: white;
  position: fixed;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  box-shadow: 0 3px 7px rgba(0, 0.4, 0, 0.7);
}
.share_modal {
  background-image: url("img/modal/modal_background.png");
}
.share_modal_info {
  background-image: url("img/modal/popup2_pc.png");
}
.share_modal_info .reward_btn {
  margin-top: 450px;
}
.share_modal_info .reward_btn.mo {
  display: none;
}
.share_modal .close-btn,
.share_modal_info .close-btn {
  padding: 12px;
  position: absolute;
  top: 40px;
  right: 46px;
  font-size: 12px;
}
.share_modal.show,
.share_modal_info.show{
  text-align: center;
  display: block;
}
.share_modal .title {
  font-size: 40px;
  line-height: 48px;
  margin-top: 75px;
  margin-bottom: 30px;
}
.share_modal .button_wrapper {
  margin-top: 45px;
}
.share_modal .button_wrapper .social_buttons.mo {
  display: none;
}
.share_modal input {
  font-size: 16px;
  position: absolute;
  top: 402px;
  right: 205px;
  height: 34px;
  width: 188px;
  border: 0;
}
.share_modal .apply-btn {
  position: absolute;
  top: 395px;
  right: 78px;
}
.share_modal .apply-btn.mo {
  display: none;
}
.share_modal .button_wrapper {
  margin: 460px auto 0 auto;
  display: flex;
  justify-content: space-evenly;
  width: 350px;
}
.share_modal .info-icon {
  position: absolute;
  top: 278px;
  right: 67px;
}
.share_modal .info-icon.mo {
  display: none;
}

/* footer 버튼 */
footer {
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  background-color: #00703f;
  position: fixed;
  z-index: 9999;
}
footer a {
  display: block;
  position: relative;
  width: 100%;
  font-size: 3rem;
  font-weight: bold;
  color: #16834a;
}
footer img {
  width: 70%;
  height: auto;
}
footer img.desktop {
  display: block;
  margin: 0 auto;
}
footer img.mobile {
  display: none;
}

/* popup */
.swal-modal.popup {
  width: fit-content !important;
}

.item-container.mobile {
    display: none;
}

.visible {
    visibility: visible;
}
.invisible {
    visibility: hidden;
}

.pc-only {
    display: block;
}
.m-only {
    display: none;
}

@media (max-width: 599px) {
    .pc-only {
        display: none;
    }

.item-container.mobile {
    display: block;
    padding: 0 10%;
}
.item-container.desktop {
    display: none;
}

  html {
    font-size: 4px;
  }

  .swiper-control {
    padding: 1rem;
  }
  .swiper-slide .desktop {
    display: none;
  }
  .swiper-slide .mobile {
    display: block;
  }

  .video.container .video-title img {
    width: 95%;
  }

  .container .content {
    padding: 10rem 4rem;
  }
  .container .products .product {
    height: 25rem;
    max-height: 25rem;
  }
  .container .products .product .image {
    width: 30%;
  }
  .container .products .product .info {
    width: 70%;
  }
  .container .products .product .info .name {
    font-size: 3.2rem;
  }
  .container .products .product .info .price {
    height: 5rem;
    line-height: 5rem;
    font-size: 5rem;
  }

  .family.container .content > div:nth-child(2) {
    /*margin-top: 20vw;*/
  }

  /* 첫 구매 할인 템플릿 스타일 */
  .trial_pricing .item {
    margin: 0.5rem;
    margin-bottom: 2rem;
  }
  .trial_pricing .sale {
    font-size: 23px;
  }
  .trial_pricing .title.desktop {
    display: none;
  }
  .trial_pricing .title.mobile {
    display: inline;
  }
  .trial_pricing .button .desktop {
    display: none;
  }
  .trial_pricing .button .mobile {
    display: block;
  }
  .trial_pricing .item:last-child .sale {
    left: -2rem;
  }
  .trial_pricing .product .name {
    font-size: 3rem;
  }
  .trial_pricing .product i {
    vertical-align: baseline;
  }
  .list-price-badge .mobile {
    display: block;
  }
  .list-price-badge .desktop {
    display: none;
  }

  /* 할인 꿀정보 템플릿 스타일 */
  .honey .content .button {
    width: 100%;
    padding: 0px 4.5%;
  }
  .honey .content .desktop {
    display: none;
  }
  .honey .content .mobile {
    display: block;
    margin: 0 auto;
  }

  .honey .content .mobile .cardImg{
    width: 91%;
  }

  .review .content .desktop {
    display: none;
  }
  .review .content .mobile {
    display: block;
    margin: 0 auto;
  }

  /* line_banner 템플릿 스타일 */
  .line_banner .desktop {
    display: none;
  }
  .line_banner .mobile {
    display: block;
  }
  .review {
    padding-bottom: 20rem;
  }

  /* footer 템플릿 스타일 */
  footer img {
    width: 100%;
    height: auto;
  }
  footer img.desktop {
    display: none;
  }
  footer img.mobile {
    display: block;
  }

  /* 공유 모달 스타일 */
  .share_modal,
  .share_modal_info {
    width: 330px;
    height: 330px;
  }
  .share_modal {
    background-image: url("img/modal/modal_background_mo.png");
    background-size: cover;
  }
  .share_modal_info {
    background-image: url("img/modal/popup2_mo.png");
    background-size: cover;
  }
  .share_modal_info .reward_btn {
    display: none;
  }
  .share_modal_info .reward_btn.mo {
    display: inline;
    margin-top: 250px;
  }
  .share_modal .close-btn,
  .share_modal_info .close-btn {
    top: 20px;
    right: 22px;
  }
  .share_modal .button_wrapper {
    margin-top: 250px;
    width: 200px;
  }
  .share_modal .button_wrapper .social_buttons {
    display: none;
  }
  .share_modal .button_wrapper .social_buttons.mo {
    display: block;
  }
  .share_modal input {
    top: 221px;
    right: 113px;
    height: 19px;
    width: 100px;
  }
  .share_modal .apply-btn.mo {
    display: block;
    position: absolute;
    top: 219px;
    height: 23px;
    right: 49px;
  }
  .share_modal .apply-btn {
    display: none;
  }
  .share_modal .button_wrapper {
    margin-top: 250px;
    width: 200px;
  }
  .share_modal .button_wrapper img {
    height: 30px;
  }
  .share_modal .info-icon.mo {
    display: block;
    top: 154px;
    right: 36px;
    height: 19px;
  }
  .share_modal .info-icon {
    display: none;
  }
  .nPAY .nPAY-title {
    row-gap: 15px;
    margin-bottom: 20px;
  }
  .nPAY .nPAY-content {
    row-gap: 15px;
  }
}

@media (min-width: 600px) and (max-width: 933px) {
  html {
    font-size: 4px;
  }
  .swiper-control {
    padding: 1rem 0;
  }
  .video.container .video-title img {
    width: 80%;
  }
  .container .content {
    padding: 10rem 4rem;
  }
  .container .products .product {
    height: 25rem;
    max-height: 25rem;
  }
  .container .products .product .image {
    width: 30%;
  }
  .container .products .product .info {
    width: 70%;
  }
  .container .products .product .info .name {
    font-size: 3.2rem;
  }
  .container .products .product .info .price {
    height: 5rem;
    line-height: 5rem;
    font-size: 5rem;
  }
  .video .title {
    max-width: 480px;
  }
  /* 첫 구메 할인 템플릿 스타일 */
  .trial_pricing .product .name {
    font-size: 3rem;
  }
  .trial_pricing .sale {
    font-size: 23px;
  }
  .trial_pricing .item:last-child .sale {
    left: -1rem;
  }

  /* health */
  #health .title {
    width: 60%
  }

  /* 할인 꿀정보 템플릿 스타일 */
  .review {
    padding-bottom: 20rem;
  }
  footer img {
    width: 100%;
    height: auto;
  }

  /* 할인코드 공유 modal 템플릿 스타일 */
  .share_modal,
  .share_modal_info {
    width: 450px;
    height: 450px;
  }
  .share_modal {
    background-image: url("img/modal/modal_background.png");
    background-size: cover;
  }
  .share_modal_info {
    background-image: url("img/modal/popup2_pc.png");
    background-size: cover;
  }
  .share_modal_info .reward_btn {
    margin-top: 340px;
    height: 45px;
  }
  .share_modal .close-btn,
  .share_modal_info .close-btn {
    top: 28px;
    right: 33px;
  }
  .share_modal .button_wrapper {
    margin-top: 45px;
  }
  .share_modal input {
    top: 302px;
    right: 154px;
    height: 25px;
    width: 139px;
  }
  .share_modal .apply-btn {
    display: block;
    position: absolute;
    top: 296px;
    height: 35px;
    right: 57px;
  }
  .share_modal .button_wrapper {
    margin-top: 340px;
  }
  .share_modal .button_wrapper .social_buttons.mo {
    display: none;
  }
  .share_modal .button_wrapper img {
    height: 45px;
  }
  .share_modal .info-icon {
    top: 208px;
    right: 49px;
    height: 30px;
  }
  .nPAY .nPAY-title {
    row-gap: 15px;
    margin-bottom: 20px;
  }
  .nPAY .nPAY-content {
    row-gap: 15px;
  }
}

@media (min-width: 934px) and (max-width: 1199px) {
  html {
    font-size: 8px;
  }
  .container .products .product {
    height: 22rem;
    max-height: 22rem;
  }
  .container .products .product .image {
    width: 30%;
  }
  .container .products .product .info {
    width: 70%;
  }
  .container .products .product .info .name {
    font-size: 2.5rem;
  }
  .container .products .product .info .price {
    height: 5rem;
    line-height: 5rem;
    font-size: 5rem;
  }

  /* 첫 구매 할인 템플릿 스타일 */
  .trial_pricing .sale {
    font-size: 40px;
  }

  .nPAY .nPAY-title {
    row-gap: 25px;
    margin-bottom: 40px;
  }
}

@media (min-width: 1200px) {
  .video.container .content,
  .illustration.container .content{
    max-width: 1200px;
  }

  .swiper.thumbnail-swiper .swiper-wrapper .swiper-slide {
    width: 100%;
  }
}

@media (max-width: 360px) {
  .container .products .product .info .name {
    font-size: 2.5rem;
  }
  .container .products .product .info .price {
    font-size: 4rem;
  }

  /* 첫 구매 할인 템플릿 스타일 */
  .trial_pricing .product .name {
    font-size: 2rem;
  }
  .trial_pricing .product .list-price,
  .trial_pricing .product .sale-price {
    font-size: 2.5rem;
  }
  .trial_pricing .product .list-price-badge {
    width: 9.5rem;
  }
  .trial_pricing .sale {
    font-size: 5vw;
  }

  .swiper.thumbnail-swiper .swiper-wrapper .swiper-slide {
    width: 100%;
  }
}

.hero .swiper-slide a {
    display: block;
    overflow: hidden;
    width: 100%;
}

/* video slider Start*/
@media only screen and (min-width : 0px) {
  .swiper {
    padding: 20px 0;
  }
  .swiper-slide {
    /* width: 70%; */
    width: 100%;
  }
  .thumbnail-title-swiper .swiper-slide {
    font-size:1rem;
    color: #1b1b1b;
  }
  .thumbnail-title-swiper .swiper-slide-active {
    border-radius: 50px;
    background: #406423;
    font-size: 2.3rem;
    color: #fff;
    /* border: 2px solid #fef6d7; */
  }
  .thumbnail-swiper .swiper-slide-active:before {
    width: 15rem;
    height: 15rem;
  }
  .swiper.thumbnail-swiper .swiper-wrapper .swiper-slide {
    width: 100%;
  }

  .swal-modal {
    width: 90vw;
  }
  .modal-iframe {
    height: 50vw;
  }
  footer > a {
    font-size: 1.4rem;
    padding: 1.5rem 0;
  }
}

@media only screen and (min-width : 480px) {
  .thumbnail-title-swiper .swiper,
  .thumbnail-swiper .swiper{
    padding-bottom: 50px;
  }
  .swiper.thumbnail-swiper .swiper-wrapper .swiper-slide {
    width: 100%;
  }

  .thumbnail-title-swiper .swiper-slide {
    width: 80%;
  }
  .thumbnail-title-swiper .swiper-slide {
    font-size:1.7rem;
  }
  .thumbnail-title-swiper .swiper-slide-active {
    font-size: 2.3rem;
  }
  footer > a {
    font-size: 2rem;
    padding: 1.3rem 0;
  }
}

@media only screen and (min-width : 768px) {
  .thumbnail-title-swiper .swiper-slide {
    width: 33%;
  }
  .swiper.thumbnail-swiper .swiper-wrapper .swiper-slide {
    width: 100%;
  }
  .thumbnail-swiper .swiper-slide-active:before {
    width: 10rem;
    height: 10rem;
  }

  .swal-modal {
    width: 50vw;
  }
  .modal-iframe {
    height: 40vw;
  }
  footer > a {
    font-size: 3.5rem;
    padding: 2rem 0;
  }
}
/* video slider End*/