/* BASIC css start */
.prd-list.on table tr:nth-child(1) td:nth-child(1) { display:none; }


@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
* { padding:0; margin:0; box-sizing:border-box; }
#header, #layerWrap, #contentWrap, #ftLink .link, #footer { width:1440px; }


#contentWrap { padding-top:100px; }
header {  position:fixed; left:0; top:0; width:100%; padding:24px 20px; z-index:999; transition:background 0.3s; }
header .logo_blk, header.on .logo_wh { display:none; }
header.on .logo_blk { display:block; }
header.on { background:rgba(255,255,255,0.5); backdrop-filter:blur(10px); }
header.on svg path { fill:#000; }
header h1 a { display:flex; gap:8px; align-items:center; }

.stn { width:100%; }

/* 메인 비주얼 */
.stn_visual { position:relative; }
.stn_visual > img { width:100%; height:auto; }
.stn_visual .desc_wrap { animation:descAni 2s forwards; position:absolute; left:50%; top:55%; transform:translate(-50%, -50%) scale(0.98); text-align:center; opacity:0; transition:opacity 0.6s, top 0.6s, transform 0.6s; }
.stn_visual .desc_wrap.on { opacity:1; top:50%; transform:translate(-50%, -50%) scale(1); }
.stn_visual .desc_wrap p, .stn_visual .desc_wrap a, .stn_visual .desc_wrap span { color:#fff; }
.desc_txt_ko { padding-bottom:22px; font-size:25px; font-family: 'Pretendard', sans-serif; }
.desc_txt_en { padding-top:26px; padding-bottom:44px; font-size:40px; font-family: 'Times New Roman', Times, Arial, Helvetica, sans-serif; }
.btn_more { display:block; width:333px; height:52px; margin:0 auto; display:flex; justify-content:center; align-items:center; gap:16px; border:1px solid #fff; border-radius:50px; transition:0.3s; }
.btn_more span { height:48px; font-size:35px; font-family: 'Times New Roman', Times, Arial, Helvetica, sans-serif; transition:0.3s; }
.btn_more svg path { transition:0.3s; }
.btn_more:hover { background:#fff; gap:60px; }
.btn_more:hover span { color:#000; }
.btn_more:hover svg path { fill:#000; }













.prd-list { opacity:0; padding-top:20px; transition:opacity 0.3s, padding-top 0.3s; transition-delay:0.5s; }
.prd-list.load { opacity:1; padding-top:0; }
.prd-list .thumb { width:100% !important; height:auto !important; border:0px; }
.prd-list table .tb-center { padding:0 5px !important; margin-bottom:90px; }
.prd-list table tr:nth-child(1) td:nth-child(1) .thumb a { position:relative; }
.prd-list table tr td .thumb a { border:0px solid transparent; transition:border 0.2s; }
.prd-list table tr td .thumb a img { transition:opacity 0.2s; }
.prd-list table tr td .thumb a:hover img { opacity:0.7; }
.prd-list.on table tr:nth-child(1) td:nth-child(1) .thumb a:after { content:'NOW'; display:block; position:absolute; left:0; top:0; padding:5px 33px; background:#8700B7; letter-spacing: 1.5px; color:#fff; font-size:25px; font-weight:700; font-family: 'Pretendard', sans-serif; z-index:5; }
.prd-list table .info { text-align:left !important; }
.md_date { padding-top:16px; font-size:20px; font-family: 'Pretendard', sans-serif; }
.md_title { padding-top:12px; font-size:28px; font-weight:700; letter-spacing:-1.5px; }


#productPlanList .plan-tab { display:flex; justify-content:center; width: 100%; padding: 10px 0 20px; }
#productPlanList .plan-tab:after { clear: both; content: ""; display: block; }
#productPlanList .plan-tab li { float: left; width: 274px; margin-left: -1px; border: 1px solid #e4e4e5; text-align: center; }
#productPlanList .plan-tab li a { display: block; height: 47px; line-height: 49px; font-size: 14px; }
#productPlanList .plan-tab li:first-child { margin-left: 0; }
#productPlanList .plan-tab li.now { width:273px; height: 45px; border-bottom: 3px solid #231f20; }
.bbs-sch { display:none !important; }


.paging { display: flex; justify-content: center; gap: 16px;}
.paging a { width:40px; height:40px; line-height:40px; background:#e1e1e1; transition:background 0.3s; font-size:20px; }
.paging a:hover { background:#A8A8A8; border:transparent; }
.paging a:hover, .paging a.now, .paging .now { border:none; }




/* BASIC css end */