/* BASIC css start */
/* scrolling gently */
html,
body { overflow-x: hidden; }
html { scroll-behavior: smooth; transition: all .3s; }

/* reset css */
.stylelog__container ul,
.stylelog__container li { list-style: none; margin: 0; padding: 0; }
.stylelog__container a,
.stylelog__container span { display: block; }
.stylelog__container main,
.stylelog__container section,
.stylelog__container div { position: relative; }
.stylelog__container a { text-decoration: none; cursor: pointer; color: inherit; }
.stylelog__container img { width: 100%; display: block; }

/* STYLELOG CONTAINER */
.stylelog__container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 1920px; width: 100%; height: 100%;
    overflow-x: hidden;
}
.stylelog__wrap { width: 100%; height: 100%; }

/* REELS */
.video__container { position: relative; background-color: #181818; width: 100%; padding-bottom: 8.5%; }
.sec_video { position: absolute !important; top: 0; right: 11.25%; width: 27.5%; }
.aspect { aspect-ratio: 9/16; width: 100%; overflow: hidden; margin: 0; }
.aspect iframe { width: 100%; height: 100%; }

/* 스크롤 탑다운 */
.scroll_btn a {
    display: block; width: 40px; height: 40px;
    position: fixed; bottom: 80px; right: 12px;
    border: #333; border-radius: 50%; box-sizing: border-box;
    background: #333;
    text-align: center;
    z-index: 99;
    display: none;
    transition: all .3s;
}
.scroll_btn a.top_btn { bottom: 130px; }
.scroll_btn a.bot_btn { transform: rotate(180deg); -webkit-transform: -webkit-rotate(180deg); }
.scroll_btn a img { width: 14px; padding-top: 15px; }

.landing__wrap { position: relative; }
.landing__wrap .btn_landing { position: absolute; width: 27.5%; height: 34.75%; top: 0; right: 11.25%; }
/* BASIC css end */