/* BASIC css start */
#lebo_topBan, #lebo_mainBan, #lebo_subBan, #lebo_new_prd, #lebo_thrBan{ font-family:'Crimson Text','Noto Serif KR',serif; letter-spacing:.36px; }
#lebo_topBan{ background:rgb(33,43,85); color:#fff; text-align:center; font-style:italic; font-size:14px; line-height:30px; letter-spacing:.42px; }
#lebo_mainBan{ position:relative; width:100%; margin:0 auto 100px; overflow:hidden; background:#000; }
#lebo_mainBan .lebo-video-wrap{ position:relative; width:100%; padding-bottom:56.25%; }
#lebo_mainBan .lebo-video-wrap iframe, #lebo_mainBan .lebo-video-wrap video{ position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%,-50%); border:0; pointer-events:none; object-fit:cover; }
#lebo_mainBan .lebo-main-title{ position:absolute; left:0; right:0; bottom:50px; text-align:center; color:#fff; z-index:2; }
#lebo_mainBan .lebo-main-title .sub{ font-size:13px; letter-spacing:2px; margin:0 0 12px; }
#lebo_mainBan .lebo-main-title h2{ font-size:48px; font-weight:400; letter-spacing:3px; margin:0 0 18px; line-height:1.1; }
#lebo_mainBan .lebo-discover{ display:inline-block; padding:11px 32px; border:1px solid #fff; color:#fff; font-size:13px; letter-spacing:2px; text-decoration:none; background:transparent; }
#lebo_mainBan .lebo-discover:hover{ background:#fff; color:#000; }
#lebo_subBan{ display:flex; gap:2%; padding:0 60px 100px; }
#lebo_subBan .sub-item{ position:relative; width:49%; display:block; text-decoration:none; }
#lebo_subBan .sub-item img{ width:100%; display:block; }
#lebo_subBan .sub-cap{ position:absolute; left:0; right:0; bottom:30px; text-align:center; color:#fff; font-size:20px; letter-spacing:3px; }
#lebo_thrBan{ position:relative; width:100%; height:370px; margin:0 auto 100px; overflow:hidden; }
#lebo_thrBan .thr-img{ width:100%; height:100%; }
#lebo_thrBan .thr-img img{ width:100%; height:100%; object-fit:cover; display:block; }
#lebo_thrBan .thr-title{ position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); text-align:center; color:#fff; }
#lebo_thrBan .thr-title h2{ font-size:34px; font-weight:400; letter-spacing:2px; margin:0; }
#lebo_new_prd, #lebo_new_prd *{ font-family:'Crimson Text','Noto Serif KR',serif !important; }
#lebo_new_prd{ display:flex; gap:5%; padding:0 60px 120px; align-items:flex-start; }
#lebo_new_prd .reftArea{ width:58%; }
#lebo_new_prd .na-slide{ width:100%; position:relative; }
#lebo_new_prd .na-slide ul{ margin:0; padding:0; list-style:none; }
#lebo_new_prd .na-slide li{ list-style:none; }
#lebo_new_prd .na-slide li:nth-child(n+2){ display:none; }
#lebo_new_prd .na-slide img{ width:100%; display:block; }
.na-head, .na-head *{ font-family:'Crimson Text','Noto Serif KR',serif !important; }
.na-head{ text-align:center; padding:54px 20px 12px; }
.na-head .shop{ font-size:13px; letter-spacing:2px; color:#999; margin:0 0 6px; }
.na-head .ttl{ font-size:30px; font-weight:400; letter-spacing:1.5px; margin:0 0 20px; text-transform:uppercase; }
.na-head .plist{ margin:0; padding:0; list-style:none; }
.na-head .plist li{ list-style:none; margin:0 0 7px; }
.na-head .plist a{ font-size:14px; color:#555; text-decoration:none; letter-spacing:.3px; }
.na-head .plist a:hover{ color:#000; }
#lebo_new_prd .rightArea{ width:37%; max-width:340px; }
#lebo_new_prd .na-thumbs{ margin:0; padding:0; list-style:none; }
#lebo_new_prd .na-thumbs li{ list-style:none; margin:0 0 16px; }
#lebo_new_prd .na-thumbs li a{
    display:block;
    aspect-ratio:1 / 1;
    overflow:hidden;
}
#lebo_new_prd .na-thumbs li a img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position: top;
    display:block;
}
#lebo_new_prd .na-thumbs img{ width:100%; display:block; }
#lebo_new_prd .na-intro{ margin-top:20px; font-size:14px; line-height:1.8; }
#lebo_new_prd .na-intro p{ margin:0 0 20px; color:#333; }
#lebo_new_prd .na-intro a{ display:inline-block; font-size:15px; letter-spacing:1px; line-height:1.4; color:#000; text-decoration:none; border-bottom:1px solid #000; padding-bottom:3px; }
@media(max-width:1023px){
    #lebo_mainBan{ margin-bottom:60px; }
    #lebo_mainBan .lebo-main-title h2{ font-size:30px; }
    #lebo_subBan{ flex-direction:column; gap:14px; padding:0 20px 60px; }
    #lebo_subBan .sub-item{ width:100%; }
    #lebo_thrBan{ height:240px; }
    #lebo_thrBan .thr-title h2{ font-size:22px; }
    #lebo_new_prd{ flex-direction:column; gap:30px; padding:0 20px 80px; }
    #lebo_new_prd .reftArea, #lebo_new_prd .rightArea{ width:100%; max-width:100%; }
}
/* BOEN 메인 비주얼 이미지 (3:1, 모바일은 가운데 컷) */
#lebo_mainBan .lebo-video-wrap{ padding-bottom:56.25%;}
#lebo_mainBan .lebo-video-wrap img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; display:block;}
@media (max-width:768px){ #lebo_mainBan .lebo-video-wrap{ padding-bottom:110%;} #lebo_mainBan .lebo-main-title h2{ font-size:34px;} }
#lebo_mainBan .lebo-main-title .sub, #lebo_mainBan .lebo-main-title h2{ color:#fff !important; text-shadow:0 1px 12px rgba(0,0,0,.45);}

/* BASIC css end */

