/* BASIC css start */
.scroll_stn { margin-top:80px; transition:0.8s; opacity:0; }
.scroll_stn.active { margin-top:0px; opacity:1; }

.modal_wrap { position:fixed; left:0; top:0; z-index:100; display:none; }
.modal_wrap.on { display:block; }
.modal_dim { position:relative; width:100vw; height:100vh; background: rgba(0, 0, 0, 0.60); }
.modal_area{ position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); display:flex; gap:40px; width:1200px; background:#fff; padding:60px; z-index:11; }
.cnt_right { display:flex; flex-direction:column; justify-content:space-between; width:540px; }
.brand_name { padding-bottom:4px; font-size: 16px; font-weight: 700; line-height: 150%; color: #2B8FEC; }
.brand_pr { padding-bottom:28px; font-size: 32px; font-weight: 700; line-height: 150%; }
.brand_desc { font-size: 18px; font-weight: 500; line-height: 180%; padding-top:24px; border-top:1px solid #ddd; }
.btn_wrap { display:flex; gap:10px; }
.btn_wrap a { display:flex; gap:4px; justify-content:center; align-items:center; background:#D9D9D9; padding:16px 37px; font-size: 16px; font-weight: 500;}
.btn_close { position:absolute; right:24px; top:24px; }


#wrap { overflow-x: hidden; }
.stn { padding:100px 0; width:100%; }
.cont { width:1024px; margin:0 auto; }
.counter { display:inline-block; width:96px; text-align:right; }

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 { padding:0; height:100vh; max-height:900px; background:url('//sucia5374.imglink.kr/publishing/resource/image/official/img_background.png') no-repeat center; background-size:cover; }
.stn_visual .cont { display:flex; justify-content: space-between; align-items: flex-end; width:1200px; height:100%; }
.iphone { position:relative; background:#fff; border-radius: 70px; }
.stn_visual .swiper-container { position:absolute; left:50%; top:160px; transform: translateX(-50%); width:408px; height:490px; overflow: hidden; }
.stn_visual .desc_wrap { height:783px; padding-top:100px; }
.stn_visual .desc_wrap h2 { padding-bottom:40px; }
.stn_visual .desc_wrap p { padding-bottom:150px; font-size: 28px; font-weight: 400; line-height: 120%; }
.stn_visual .desc_wrap p span { font-weight: 600; }
.stn_visual .desc_wrap a { display:inline-flex; align-items: center; padding:18px 62px; border-radius: 50px; background:#000; transition:transform 0.3s; }
.stn_visual .desc_wrap a:hover { transform:scale(1.04); }
.stn_visual .desc_wrap a span { padding-right:10px; font-size: 28px; font-weight: 700; color: #FFF; }
.stn_visual .desc_wrap a img {  }




/* 브랜드 PR */
.stn_pr { padding:180px 0 130px; background:#E9E9E9; }
.stn_pr h3 { font-size: 44px; font-weight: 700; line-height: 120%; text-align:center; }
.stn_pr p span { font-weight: 600; }
.stn_pr .cnt_right p { font-size: 32px; font-weight: 500; line-height: 150%; color:#000; }
.stn_pr ul { display:flex; flex-wrap:wrap; gap:20px; width:820px; margin:0 auto; padding-top:60px; }
.stn_pr ul li { padding-bottom:50px; cursor:pointer; }



/* BASIC css end */