/* BASIC css start */
html {
    scroll-behavior: smooth;
    transition: all .3s;
}

/* reset css */
* {
    box-sizing: border-box;
}

ul,
li {
    list-style: none;
    padding: 0;
}

a,
span {
    display: block;
}

div,
section,
main {
    position: relative;
}

a {
    text-decoration: none;
    cursor: pointer;
}

/* custom reset css */
.container img {
    width: 100%;
    vertical-align: top;
}

.bg {
    position: fixed;
    top: 0;
    width: calc((100% - 800px) / 2);
    height: 100vh;
    z-index: -1;
}

.bg.left {
    background: url('//jstyle07.jpg3.kr/SITE/EVENT/2024/1114_jeju_travel_look/bg_left.jpg') no-repeat top right;
    background-size: cover;
    right: calc(50% + 400px);
   
}



.bg.right {
    background: url('//jstyle07.jpg3.kr/SITE/EVENT/2024/1114_jeju_travel_look/bg_right.jpg') no-repeat top left;
    background-size: cover;
    left: calc(50% + 400px);
   
}

/* stylelog css */
.container {
    max-width: 900px;
    margin: 0 auto;
}

/* intro */
.intro {
    position: relative;
}
.intro .img_box {
    position: absolute;
}
.intro .img_box:nth-child(2) {
    width: 60.67%;
    left: 19.67%; top: 14.92%;
}


/* 콘텐츠 섹션 */
.content__wrap {
    background-color: #ecf1f8;
}
/* scrollEvent 부분 */
.scrollEvent .img_box {
    width: 76.64%;
    position: absolute;
}
.scrollEvent .img_box:nth-child(2) {
    top: 12.34%; left: 7.89%; 
}
.scrollEvent .img_box:nth-child(3) {
    top: 38.15%; right: 6.76%;
}
.scrollEvent .img_box:nth-child(4) {
    top: 63.72%; left: 9.06%;
}

/* swiper 부분 */
.slide__wrap .ticketSwiper {
    position: absolute;
    width: 77.94%;
    left: 11.11%; top: 0;
    overflow: hidden;
}

/* airpod gif */
.airpods__wrap .img_box {
    width: 81.89%;
    position: absolute;
    left: 9.11%; top: 16.70%;
}

/* playlist gif */
.playlist__wrap .img_box {
    position: absolute;
    left: 9.22%; top: 0;
    width: 81.89%;
}
/* playlist jpg */
.playlist { margin-top: 156px; }

/* airdrop swiper */
.airdropSwiper {
    position: absolute;
    width: 81.89%;
    top: 11.42%; left: 8.89%;;
    overflow: hidden;
}

/* post swiper */
.postSwiper {
    position: absolute;
    top: 20.10%; left: 0;
    overflow: hidden;
    width: 100%;
}

/* talk? dm? */
.section11 {
    margin-top: 105px;
}

/* instafeed */
.feed__wrap {
    margin-top: 105px;
}
.feed__wrap .img_box {
    position: absolute;
    width: 49.56%;
}
.feed__wrap .img_box:nth-child(2) {
    left: 0; top: 12.16%;
}
.feed__wrap .img_box:nth-child(4) {
    left: 0; top: 39.22%;
}
.feed__wrap .img_box:nth-child(6) {
    left: 0; top: 66.28%;
}
.feed__wrap .img_box:nth-child(3) {
    right: 0; top: 12.16%;
}
.feed__wrap .img_box:nth-child(5) {
    right: 0; top: 39.22%;
}
.feed__wrap .img_box:nth-child(7) {
    right: 0; top: 66.28%;
}

.section13 {
    margin-top: 105px;
}
.section13 .sec13Swiper {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    overflow: hidden;
}

.section14 .img_box {
    width: 80.00%;
    position: absolute;
    left: 10.00%; top: 13.02%;
}


/* yura mood */
.mood__wrap {
    background-color: #D7DDE5;
}
.mood__wrap .img_box {
    position: absolute;
    width: 43.67%;
}
.mood__wrap .img_box:nth-child(2) {
    left: 5.22%; top: 37.40%;
}
.mood__wrap .img_box:nth-child(4) {
    left: 5.22%; top: 68.17%;
}
.mood__wrap .img_box:nth-child(3) {
    right: 5.22%; top: 37.40%;
}
.mood__wrap .img_box:nth-child(5) {
    right: 5.22%; top: 68.17%;
}

/* apps */
.apps__wrap .img_box {
    width: 92.67%;
    position: absolute;
    left: 0; top: 19.61%;
}

/* memo */
.memo__wrap .img_box { position: absolute; }
.memo__wrap .img_box:nth-child(2) {
    width: 64.65%;
    left: 18.43%; top: 12.69%;
}
.memo__wrap .img_box:nth-child(3) {
    width: 81.89%;
    left: 9.11%; top: 25.56%;
}

/* albums */
.albums__wrap { margin-bottom: 49px; }
.albums__wrap .img_box { 
    position: absolute;
    width: 19.22%;
}
.albums__wrap .img_box:nth-child(2) {
    left: 20.22%; top: 26.76%;
}
.albums__wrap .img_box:nth-child(3) {
    right: 20.22%; top: 26.76%;
}
.albums__wrap .img_box:nth-child(4) {
    left: 20.22%; top: 42.34%;
}
.albums__wrap .img_box:nth-child(5) {
    left: 40.33%; top: 42.34%;
}
.albums__wrap .img_box:nth-child(6) {
    right: 20.22%; top: 42.34%;
}
.albums__wrap .img_box:nth-child(7) {
    left: 40.33%; top: 57.92%;
}

/* photos */
.photos__wrap {
    overflow: hidden;
    background-color: #D7DDE5;
}
.photoSwiper {
    width: 73.44%;
    position: absolute;
    left: 13.33%; top: 23.37%;
}

/* 섹션20 */
.section20 .img_box:nth-child(2) {
    width: 78.22%;
    position: absolute;
    left: 12.67%; top: 4.46%;
}
.section20 .sec20Swiper {
    width: 83.78%;
    overflow: hidden;
    position: absolute;
    left: 8.11%; top: 49.47%;
}
.section20 .img_box:nth-child(4) {
    position: absolute;
    left: 8.11%; top: 87.91%;
    width: 83.78%;
}

/* 삭제X */
.proSection {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
}

.proSection .product_wrap_section .list {
    font-size: 0;
    display: flex; 
    flex-wrap: wrap; 
    flex-direction: row; 
    justify-content: start;
    align-items: start;
    gap: 1%;
    padding: 0 0 0 2%;
}
.proSection .product_wrap_section .list .normal_item { width: 32%; margin-right: 0; }

.proSection .product_wrap_section h2 {
    padding: 40px 0 30px;
    font-size: 20px;
    font-family: "NanumGothic";
    font-weight: 700;
    padding-left: 3%;
}

/* 상하 이동 버튼 */
.fixed {
    position: fixed;
    right: 30px;
    bottom: 40px;
    z-index: 999;
}

/*
.fixed > .scroll_top { margin-bottom: 25px; }
*/
.fixed>.scroll_top img {
    margin-bottom: 10px;
}


.sec_video {
    max-width: 900px;
    padding: 50px 0;
    background-color: #000;
}

.aspect {
    aspect-ratio: 9/16;
    width: 100%;
    overflow: hidden;
    margin: 0;
}

.aspect iframe {
    width: 100%;
    height: 100%;
}
/* BASIC css end */