/* BASIC css start */
.stn { padding:100px 0; width:100%; }
.cont { width:1024px; margin:0 auto; }

.scroll_stn { position:relative; transform: translateY(30px); transition:0.8s; opacity:0; }
.scroll_stn.active { transform: translateY(0px); opacity:1; }

.scroll_stn_blk { position:relative; background:#000; overflow:hidden; }
.scroll_stn_blk > img { width:100%; transform:scale(1.1); opacity:0; filter:blur(10px); -webkit-filter: blur(10px); animation:fadeIn 1s forwards; }
@keyframes fadeIn {
    0%{ transform:scale(1.1); opacity:0; filter:blur(10px); -webkit-filter: blur(10px); }
    100%{ transform:scale(1); opacity:1; filter:blur(0px); -webkit-filter: blur(0px); }
}


h2 { padding-bottom:48px; font-size: 60px; font-weight: 600; line-height: 120%; }
h2 span { display:inline-block; font-size: 36px; font-weight: 400; }



/* 상단 배너 */
.stn_visual { position:relative; width:100%; padding:0 !important; }
.stn_visual > img { width:100%; height:auto; }

.stn_visual .tit_wrap { position:relative; display: flex; justify-content:space-between; align-items: flex-end; width:70%; min-width:1024px; margin:0 auto; padding:200px 0 170px; z-index: 1; animation:titAni 1s forwards; opacity:0; transform:translateY(20px); }
@keyframes titAni {
    0% { opacity:0; transform:translateY(20px); }
    100% { opacity:1; transform:translateY(0); }
}
.stn_visual .tit_wrap p { padding-top:50px; font-size: 24px; font-weight: 400; line-height: 100%; color:#000; letter-spacing: 1.2px; }
.stn_visual .tit_wrap p span { font-weight:bold; color:#c8ab62; }
.stn_visual .tit_wrap svg { position:relative; animation:arwAni 2s infinite; }
@keyframes arwAni {
    0% { transform:translateY(0); }
    50% { transform:translateY(-10px); }
    100% { transform:translateY(0); }
}


/* PR */
.stn_info { padding-top:200px; }
.stn_info .main_tit { padding-top:52px; font-size: 40px; font-weight: 600; line-height: 140%; }
.stn_info .main_txt { padding-top:28px; font-size: 24px; font-weight: 400; line-height: 160%; word-break:keep-all; }
.ifImg_wrap { width:100%; border-radius:12px; overflow:hidden; }
.ifImg_wrap img { position:relative; width:100%; height:auto; animation:infoAni 6s infinite; transform:scale(1) rotate(0); }
@keyframes infoAni {
    0% { transform:scale(1) rotate(0); }
    50% { transform:scale(1.06) rotate(1.5deg); }
    100% { transform:scale(1) rotate(0); }
}
.irBook { display:flex; justify-content:space-between; align-items:center; margin-top:60px; padding:32px 60px; border-radius:4px; background: #E9E9E9; }
.irBook p { font-size: 24px; font-weight: 700; line-height: 160%; }
.irBook a { display:flex; align-items:center; gap:8px; padding:15px 36px; background: #3C3C3C; border-radius: 50px; color: #FFF; font-size: 20px; font-weight: 700; line-height:1; }
.irBook a img { width:14px; height:17px; }



/* 브랜드 */
.stn_brand ul {  }
.stn_brand ul li { position: relative; padding:80px 28px 44px; width:calc(33.33%) !important;  }
.stn_brand ul li p { color:#000 !important; }
.stn_brand ul li p img:nth-of-type(2) { position:absolute; left:0; top:0; z-index:1; opacity:0; }
.logo_wrap { position:relative; display:flex; justify-content:space-between; align-items:center; padding-bottom:120px; }
.brd_swp { width:1024px; overflow:hidden; }
.stn_brand ul li .tit { padding-top:20px; border-top:1px solid #000; font-size: 25px; font-weight: 700; line-height: 145%; }
.stn_brand ul li .txt { padding-top:10px; font-size: 15px; font-weight: 400; line-height: 145%; }
.brd_swp svg { opacity:0; }

.brd_swp::after { content:''; display:block; height:100%; width:calc(33.33%); position:absolute; left:0; top:0; background:#000; }
.swiper-slide.swiper-slide-active p { color:#fff !important; transition:all 0.5s; }
.swiper-slide.swiper-slide-active p img:nth-of-type(1) { opacity:0; transition:all 0.5s; }
.swiper-slide.swiper-slide-active p img:nth-of-type(2) { opacity:1; transition:all 0.5s; }
.swiper-slide.swiper-slide-active .tit { border-top:1px solid #fff; transition:all 0.5s; }
.swiper-slide.swiper-slide-active svg { opacity:1; transition:all 0.5s; }

.stn_brand ul li p,
.stn_brand ul li p img:nth-of-type(1),
.stn_brand ul li p img:nth-of-type(2),
.stn_brand ul li .tit,
.stn_brand ul li svg { transition:all 0.5s; }


/* 매장 */
.stn_store {  }
.stn_store .store_info { display:flex; gap:84px; }
.stn_store .store_info:first-child { margin-bottom:48px; }
.stn_store .store_info img { border-radius: 12px; }
.stn_store .desc_wrap { display: flex; flex-direction: column; justify-content: flex-end; padding-bottom:32px; }
.stn_store .desc_wrap p { font-size: 20px; line-height: 160%; font-weight: 400; }
.stn_store .desc_wrap .name { font-weight: 700; }



/* 연혁 */
.stn_history { margin:100px 0; background-color:#111; background-image:url('//sucia5374.imglink.kr/publishing/resource/image/official/img_history.png');
background-repeat: no-repeat; background-position: center bottom; background-size: cover; background-attachment: fixed; color:#fff; }
.stn_history .cont { display:flex; gap:160px; }
.stn_history h2 { position:sticky; top:120px; height:fit-content; padding-bottom:0; color:#fff; }
.stn_history h2 span { padding-top:20px; line-height: 120%; }
.graph_wrap { display:flex; padding-top:30px; }
.stn_history .year { height: fit-content; border-right:1px solid #fff; }
.stn_history .year li { position:relative; padding-right:74px; margin-bottom:80px; font-size: 24px; font-weight: 600; line-height: 120%; text-align: right; }
.stn_history .year li::before { content:''; position:absolute; top:50%; right:0; transform: translate(50%, -50%); display:block; width:16px; height:16px; border-radius: 20px; background:#fff; z-index: 2; }
.stn_history .year li:first-child:after { content:''; position:absolute; top:50%; right:0; transform: translate(50%, -50%); display:block; width:48px; height:48px; border-radius: 40px; background:#2B8FEC; z-index: 1; animation:historyAni 1.5s infinite; }
.stn_history .year li:last-child { line-height:0.7; }
@keyframes historyAni {
    0% { width:48px; height:48px; }
    50% { width:32px; height:32px;  }
    100% { width:48px; height:48px; }
}
.stn_history .year li:first-child { color: #2B8FEC; font-weight: 800; }
.stn_history .year li:last-child { margin-bottom:0; }
.stn_history .desc { padding-left:110px; }
.stn_history .desc li { height:109px; font-size: 16px; font-weight: 400; line-height: 160%; }
.stn_history .desc li:last-child { height: fit-content; margin-top:-6px; }



/* 뉴스 */
.stn_media {  }
.stn_media h2 span { line-height:1; font-weight: 600; }
.stn_media ul {  }
.stn_media ul li { border-bottom: 1px solid #ddd; }
.stn_media ul li a { display: flex; justify-content: space-between; align-items: center; padding:60px 40px 60px 10px; }
.stn_media ul .news { font-size: 20px; font-weight: 700; line-height: 120%; color: #2B8FEC; }
.stn_media ul .date { padding-left:10px; font-size: 20px; font-weight: 400; line-height: 120%; color: #999; }
.stn_media ul .title { padding-top:16px; font-size: 20px; font-weight: 700; line-height: 120%; color: #333; }
.stn_media ul img { width:24px; height:52px; opacity:0.1; transition: opacity 0.3s; }
.stn_media ul li a:hover img { opacity:1; }
/* BASIC css end */