/* BASIC css start */
/*DMSerifDisplay*/
@font-face {
    font-family:'DMSerifDisplay';
    src: url(../fonts/DMSerifDisplay-Regular.ttf);
}

@font-face {
    font-family:'DMSerifDisplay';
    src: url(../fonts/DMSerifDisplay-Italic.ttf);
    font-style: italic;
}

/*common*/
*{box-sizing: border-box;}
#overlay_layer{display:none}
#main{overflow:hidden;box-sizing:border-box;font-weight:400;color:#000;}
#main .con-flex{display:flex;justify-content:space-between;align-items:center;}
#main .contents{position:relative;width:100%;padding:80px 0 0;}
#main .inner{width:100%;padding:0 0px 0 15px;}
#main .prod-con .inner{padding:0 0px 0 10px;}

#main img{max-width:100%;}
#main .con-tit{margin-bottom:35px;padding-right:15px;}
#main .prod-con .con-tit{padding-left:5px;}
#main .con-tit h2{!important;font-size:30px;line-height:1;}
#main .con-tit p{font-size:12.5px;line-height:1.4;}
#main .swiper{position:relative;overflow:hidden;}

#main .player-popup{display:none;position: absolute;top: 0;left: 0;z-index: 990;width: 100%;height: 100%;}
#main .popup .overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.8);}
#main .popup .popup-con{position: fixed;top: 50%;left: 50%;z-index: 991;transform: translate(-50%, -50%);width: 95%;}
#main .videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
#main .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#main .popup .close {
    position: fixed;
    top: 30px;
    right: 30px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url(/design/sillajewel/img/popup-close.png) no-repeat;
    background-size: 100%;
}



/*main banner*/
#main .mainbn{position:relative;width:100%;margin-top:0px;padding:0 0px;}
#main .mainbn-swip{overflow:hidden;width:100%;height:100%;}
#main .mainbn-swip .swiper-slide{width:100%;background-size:cover;background-position:center center;}
#main .mainbn-swip .swiper-slide a{display:block;width:100%;height:100%;}
#main .mainbn-swip .swiper-slide img{width:100%;}
/*#main .mainbn-swip .swiper-slide.s1{background-image:url(/design/sillajewel/img/main/mobile/mainbn-m1.jpg);}
#main .mainbn-swip .swiper-slide.s2{background-image:url(/design/sillajewel/img/main/mobile/mainbn-m2.jpg);}
#main .mainbn-swip .swiper-slide.s3{background-image:url(/design/sillajewel/img/main/mobile/mainbn-m3.jpg);}*/
/*#main .mainbn-swip .swiper-slide img{width:100%;}*/
#main .mainbn .mainbn-page{    position: absolute;display: table;bottom: 15px;z-index: 9;width: auto;left: auto;right: 15px;background: #000;padding: 5px 15px;border-radius: 50px;color: #bbbbbb;font-weight: 700;font-size: 11px;}
#main .mainbn .swiper-pagination-total{color:#666666;}


#main .main-con{width:100%;margin-top:15px;}

/*category*/
#main .cate-item{width:95%;margin:0 auto;flex-wrap:wrap;justify-content:center;}
#main .cate-item li{width:19.5%;}/*width:32.5%;*/
#main .cate-item li a{display:flex;align-items:center;justify-content:center;flex-direction: column;color:#000;font-weight:500;font-size:10px;}
#main .cate-item li img{width:auto;height:25px;margin-bottom:15px;}
/*#main .cate-item li:nth-child(4), #main .cate-item li:nth-child(5){margin-top:40px;}*/
#main .cate-item li:hover a{color:#b9e3f9;}

#main .cate-item li:nth-child(1):hover a img{content:url(/design/sillajewel/img/main/cate-icon1-c.png);}
#main .cate-item li:nth-child(2):hover a img{content:url(/design/sillajewel/img/main/cate-icon2-c.png);}
#main .cate-item li:nth-child(3):hover a img{content:url(/design/sillajewel/img/main/cate-icon3-c.png);}
#main .cate-item li:nth-child(4):hover a img{content:url(/design/sillajewel/img/main/cate-icon4-c.png);}
#main .cate-item li:nth-child(5):hover a img{content:url(/design/sillajewel/img/main/cate-icon5-c.png);}



/*intro*/
#main .intro{padding:80px 15px 0 0;}/*padding:110px 20px 0;*/
#main .intro .con-tit{display:table;position:relative;margin:0 auto 70px;text-align:center;}
#main .intro .con-tit img{width:90%;margin-bottom:30px;}
#main .intro .con-tit h2{position:relative;font-size:60px;}
#main .intro .con-tit h2::before{content:'';position:absolute;top:-60px;left:-50px;width:88px;height:89px;background-size:contain;background-repeat:no-repeat;background-image:url(/design/sillajewel/img/main/intro-deco2.png);}
#main .intro .con-tit h2::after{content:'';position:absolute;bottom:0px;right:-45px;width:39px;height:28px;background-size:contain;background-repeat:no-repeat;background-image:url(/design/sillajewel/img/main/intro-deco3.png);}
#main .intro .con-wrap .img-area{position:relative;width:100%;text-align:center;}
#main .intro .con-wrap .img-bg{position:relative;z-index:1;width:320px;margin:0 auto;}


#main .intro .con-wrap .img-bg .cen-bg{overflow:hidden;width:100%;height:450px;}
#main .intro .con-wrap .img-bg .cen-bg .bg{width:100%;height:100%;transition:.3s;}
#main .intro .con-wrap .img-bg:hover .cen-bg .bg{transform:scale(1.2);transition:.5s;}

#main .intro .con-wrap .img-sm{position:absolute;bottom:-90px;right:0px;z-index:3;width:137px;height:193px;}
#main .intro .txt-area{width: 320px;margin: 20px auto 0;}
#main .intro .txt-area h3{position:relative; !important;font-size:37px;color:#b60017;}
#main .intro .txt-area h3::before{display:none;content:'';position:absolute;bottom:100px;left:20px;z-index:3;width:120px;height:110px;background-size:contain;background-repeat:no-repeat;background-image:url(/design/sillajewel/img/main/intro-deco4.png);}
#main .intro .txt-area p{margin:30px 0 35px;font-size:13px;line-height:1.4;}
#main .intro .btn{display:flex;width:160px;height:37px;align-items:center;justify-content:center;background:#000;border-radius:27px;color:#fff; !important;font-size:15px;letter-spacing: 2px;}


/*new collection*/
#main .new-col{padding:80px 0 0px;}
#main .new-col .con-img{position:relative;width:auto;}
#main .new-col .con-img img{width:100%;}
#main .new-col .con-img .con-tit{margin-top:35px;padding-left:15px;}



/*items*/
#main .items{padding:80px 0 0px;}
#main .items .con-tit.con-flex{margin-bottom:30px;align-items: flex-end;}
#main .items .con-tit h2{margin-bottom:0px;}
#main .items .con-tit a, #main .con-tit a.more-txt{display:block;position:relative;!important;font-size:12px;color:#aaaaaa;margin-bottom:2px;}
#main .items .best-item .con-tit a::after, #main .con-tit a.more-txt::after{content:'';display:block;width:100%;height:1px;background:#aaa;}
#main .items .mdpick{padding-top:40px;}
#main .items .mdpick .tab-lst{display:flex;position:relative;overflow-x: scroll;}
#main .items .mdpick .tab-lst li{position:relative;margin:0 8px;}
#main .items .mdpick .tab-lst li:first-child{margin:0 8px 0 0;}
#main .items .mdpick .tab-lst li:last-child{margin:0 0 0 15px;}
#main .items .mdpick .tab-lst li a{display:flex;height:32px;align-items:center;justify-content:center;font-size:13px;}
#main .items .mdpick .tab-lst li.active a{padding:0 15px;color:#fff;background:#000;border-radius:50px;}
#main .items .mdpick .con-wrap{position:relative;width:100%;}
#main .items .mdpick .s1 .bg{background:url(https://sl3310.speedgabia.com/tirrlirr/mdpick/20241124_01mo.jpg);background-size:cover;}
#main .items .mdpick .s2 .bg{background:url(https://sl3310.speedgabia.com/tirrlirr/mdpick/20241124_02mo.jpg);background-size:cover;}
#main .items .mdpick .s3 .bg{background:url(https://sl3310.speedgabia.com/tirrlirr/mdpick/20240207-03mo.jpg);background-size:cover;}
#main .items .mdpick .mdpick-img-swip{height:450px;margin-bottom:20px;}
#main .items .mdpick .mdpick-img-swip .swiper-slide{padding:0 15px 0 5px;}
#main .items .mdpick .mdpick-img-swip .swiper-slide .bg,
#main .items .mdpick .mdpick-img-swip .swiper-slide a{display:block;width:100%;height:100%;}
#main .items .mdpick div[class*="prv"]{position:absolute;top:50%;left:15px;z-index:9;transform:translateY(-100%);}
#main .items .mdpick div[class*="nxt"]{position:absolute;top:50%;right:30px;z-index:9;transform:translateY(-100%);}
#main .best-item .inner{padding-bottom:40px;}/*border-bottom: 1px solid #ddd;*/
#main .best-item .con-tit{padding-right:15px;}
#main .best-item .con-tit{align-items:flex-end;}
#main .items .mdpick div[class*="prv"] img,
#main .items .mdpick div[class*="nxt"] img{width:20px;}

#main .mdpick .con-tit{margin-bottom:30px;padding-right:15px;}


/*list*/
#main .prodInfo{padding-top:10px;}
#main .prodList{width:1000px;align-items:flex-start;justify-content: flex-start;}
#main .prodSlide{width:193px;margin:0 5px;background:#fff;}
#main .prodList .prodThumb{position:relative;z-index:2;width:100%;height:243px;background-size: cover !important;background-position: center !important;}
#main .prodList .prodThumb::after{content:'';display:block;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-color: rgba(0, 0, 0, 0.02);}
#main .prodList .name{font-size:12px;font-family:'Spoqa Han Sans Neo' !important;color: #666;font-weight: 400;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#main .prodList .prodInfo .prodTitle .prod_percent{margin-left:0;margin-right:10px;color:#9ad2ef;font-weight:700;}
#main .prodList .prodInfo .prodTitle .priceWrap{font-size:16px;font-weight:700;line-height:1;}
#main .prodList .prodInfo .brandInfo .brandname{padding-bottom:10px;font-size:12px;}
#main .prodList .prodInfo .brandInfo{border-bottom:1px solid #ddd;}
#main .prodSlideWrap{overflow-x:scroll;padding-bottom:20px;}
#main .prodList .prodInfo .prodTitle .prod_percent span{font-size:16px;font-weight:600;color:#9ad2ef;}



/*lookbook*/
#main .lookbook{padding:70px 0;background:#b9e3f9;align-items:stretch;}
#main .lookbook h2{font-size:34px;margin-bottom:20px;}
#main .lookbook .con-l{display:flex;width:100%;flex-direction: column;padding-left:15px;margin-bottom:50px;}
#main .lookbook .con-tit{padding-right:0;}
#main .lookbook .con-l .con-wrap>p{margin-bottom:20px; !important;font-size: 14px;opacity:.3;font-style: italic;letter-spacing:2px;}
#main .lookbook .con-l .con-tit p{margin-bottom:30px;font-size:12px;}
#main .lookbook .con-l .con-tit a{display:flex;position:relative;color:#000;font-weight:600;justify-content:flex-start;font-size:11px;}
#main .lookbook .con-l .con-tit a span{position:relative;display:table;margin-left:10px;}
#main .lookbook .con-l .con-tit a span::after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background:#000;}
#main .lookbook .con-l .tit-area{position:relative;}
#main .lookbook .con-l .tit-area .tit-bx{display:none;}
#main .lookbook .con-l .tit-area .tit-bx.active{display:block;}

#main .lookbook .con-r{overflow:hidden;width:100%;padding-left:15px;}
#main .lookbook .con-r .swiper{width:100%;height:100%;}
#main .lookbook .con-r .swiper-slide{position:relative;width:220px;height:250px;}
#main .lookbook .con-r .swiper-slide .bg{float:left;width:197px;height:100%;background-size:cover;background-position:center; background-repeat:no-repeat;}
#main .lookbook .con-r .s1 .bg{background-image:url(https://sl3310.speedgabia.com/slshop/board/lookbook_tirrlirr/250307/250307_03.jpg);}
#main .lookbook .con-r .s2 .bg{background-image:url(https://sl3310.speedgabia.com/slshop/board/lookbook_tirrlirr/241122/lookb-deco1.jpg);}
#main .lookbook .con-r .s3 .bg{background-image:url(https://sl3310.speedgabia.com/tirrlirr/lookbook/Main_0228.jpg);}
#main .lookbook .con-r .swiper-slide .bg a{display:block;width:100%;height:100%;}
#main .lookbook .con-r .swiper-slide h3{display:table;font-size:10px;}
#main .lookbook .con-r .s1 h3{position:absolute;top:57px;right:-45px;transform:rotate(90deg);width:115px;}
#main .lookbook .con-r .s2 h3{position:absolute;top:57px;right:-45px;transform:rotate(90deg);width:115px;}
#main .lookbook .con-r .s3 h3{position:absolute;top:57px;right:-45px;transform:rotate(90deg);width:115px;}



/*magazine*/
/*#main .magazine .con-top .con-lst{overflow:hidden;width:500px;padding-bottom:20px;align-items:flex-start;justify-content:flex-start;}
#main .magazine a{color:#000;}
#main .magazine .txt{margin-top:20px;}
#main .magazine .con-top{margin-bottom:50px;overflow-x:scroll;}
#main .magazine .con-top li{width:155px;margin:0 5px;}
#main .magazine .con-top li:first-child{margin:0 5px 0 0;}
#main .magazine .con-top a p{margin-bottom:7px;font-size:11px;font-weight:600;color:#c2c2c2;}
#main .magazine .con-top a h3{font-family:'Spoqa Han Sans Neo' !important;font-weight:500;font-size: 14px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#main .magazine .con-bt{padding-right:15px;}
#main .magazine .con-bt .con-lst{flex-wrap:wrap;}
#main .magazine .con-bt .txt.con-flex{justify-content:flex-start;}
#main .magazine .con-bt li{width:100%;}
#main .magazine .con-bt a h3{font-size:14px;font-weight:500;}
#main .magazine .con-bt a p{margin-left:5px;font-size:13px;color:#888;font-weight:400;}
#main .magazine .con-bt a p::before{content:'£ü';display: inline-block;margin-right: 3px;}
#main .magazine .con-bt li:last-child{margin-top:40px;}*/

#main .magazine .con-wrap{overflow-x:scroll;padding-bottom:20px;padding-right:15px;}
#main .magazine .con-wrap li{width:155px;margin:0 5px;}
#main .magazine .con-wrap li a{display:block;width:100%;height:100%;}
#main .magazine .con-wrap li:first-child{margin:0 5px 0 0;}
#main .magazine .con-wrap p{margin-bottom:7px;font-size:11px;font-weight:600;color:#c2c2c2;}
#main .magazine .con-wrap h3{font-family:'Spoqa Han Sans Neo' !important;font-weight:500;font-size: 14px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#main .magazine .con-wrap .img{width:100%;height:193px;background-size:cover;background-position:center center;}
#main .magazine .con-wrap .con-flex{width:500px;}
#main .magazine .con-wrap .txt{margin-top:15px;}

/*review*/
#main .review .con-tit{padding-right:15px;}
#main .con-wrap{overflow-x:auto;}
#main .review-lst{width:610px;padding-bottom:20px;}
#main .review-lst{align-items:flex-start;justify-content:flex-start;}
#main .review-lst li{width:155px;margin:0 5px;}
#main .review-lst li:first-child{margin:0 5px 0 0;}
#main .review-lst .img{width:100%;}
#main .review-lst .txt-area{margin-top:25px;}
#main .review-lst .txt-area .name{margin-bottom:10px;font-family:'Spoqa Han Sans Neo' !important;font-weight:500;font-size:14px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#main .review-lst .txt-area .txt{margin-bottom:5px;font-family:'Spoqa Han Sans Neo' !important;font-size:10px;font-weight:300;color:#666666;line-height:1.4;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
#main .review h2{margin-bottom:0;}
#main .review .con-tit{margin-bottom:30px;align-items:flex-end;}


/* video */
#main .video{position:relative;width:100%;padding: 80px 15px 0;}
#main .video-swip{position:relative;}
#main .video .con-tit{padding-right:0;}
#main .video-swip .txt{margin-top:20px;text-align:center;font-size:15px;font-weight:500;color:#dddddd;}
#main .video .swiper-slide-active .txt{color:#000;}


#main .video .video-swip-prv{position:absolute;bottom:0;left:0;z-index:3;}
#main .video .video-swip-prv>img, #main .video .video-swip-nxt>img{width:12px;}
#main .video .video-swip-nxt{position:absolute;bottom:0;right:0;z-index:3;}
  
/*celeb*/
#main .celeb .con-wrap{overflow-x:scroll;padding-bottom:20px;padding-right:15px;}
#main .celeb .con-wrap .con-flex{width:500px;}
#main .celeb .con-wrap li{width:155px;margin:0 5px;}
#main .celeb .con-wrap li:first-child{margin:0 5px 0 0;}
#main .celeb .con-wrap li a{display:block;width:100%;height:100%;}
#main .celeb .con-wrap p{margin-bottom:7px;font-size:11px;font-weight:600;color:#c2c2c2;}
#main .celeb .con-wrap h3{font-family:'Spoqa Han Sans Neo' !important;font-weight:500;font-size: 14px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#main .celeb .con-wrap .img{width:100%;height:193px;background-size:cover;background-position:center center;}
#main .celeb .con-wrap .txt{margin-top:15px;}

/*promotion*/
#main .promotion-bn{margin-bottom:40px;}
#main .promotion-bn .inner{padding:0 15px;}
#main .promotion-bn .swiper-slide img{width:100%;}
#main .promotion-bn .promotion-swip-page{position:absolute;z-index: 9;bottom: 5px;text-align: center;}
#main .promotion-bn .swiper-pagination-bullet{opacity:1;background:#ddd;}
#main .promotion-bn .swiper-pagination-bullet-active{background:#666;}

/*±âȹÀü*/
#main .exhibition{margin-bottom:80px;}
#main .exhibition .top-img{margin-bottom:20px;margin-right:15px;margin-left:5px;}

/*ÇÖÅ°¿öµå*/
#main .hotkw .inner{padding:0}
#main .hotkw .con-tit{padding:0 15px;}
#main .hotkw .swip-tab{width:100%;position:relative;z-index:99;margin-left:5px;}
#main .hotkw .hotkw-tab-swip{overflow:visible;}
#main .hotkw .hotkw-tab-swip .swiper-slide{width: auto;height: 30px;padding: 0 10px;position: relative;font-size: 15px;font-weight: 400;color: #999;z-index: 99;}
#main .hotkw .hotkw-tab-swip .swiper-slide-active{color:#000;font-weight:500;}
#main .hotkw .hotkw-con-swip .swiper-slide{z-index:1;}
#main .hotkw .hotkw-con-swip .top-img{width:100%;height:160px;}
#main .hotkw .hotkw-con-swip .s1 .top-img{background:url(https://sl3310.speedgabia.com/tirrlirr/Intro/0808_hot_key_bg.jpg) no-repeat center right;background-size:cover;}
#main .hotkw .hotkw-con-swip .s2 .top-img{background:url(/design/sillajewel/img/main/kw_diamond.jpg) no-repeat center;background-size:cover;}
#main .hotkw .hotkw-con-swip .s3 .top-img{background:url(/design/sillajewel/img/main/kw_gift.jpg) no-repeat center;background-size:cover;}
#main .hotkw .hotkw-con-swip .s4 .top-img{background:url(https://sl3310.speedgabia.com/slshop/banner/0101_hot_key_bg.jpg) no-repeat center right;background-size:cover;}
#main .hotkw .hotkw-con-swip .s5 .top-img{background:url(/design/sillajewel/img/main/kw_couple.jpg) no-repeat center;background-size:cover;}
#main .hotkw .hotkw-con-swip .s6 .top-img{background:url(https://sl3310.speedgabia.com/±âȹÀü/20250307/03.jpg) no-repeat center right;background-size:cover;}
#main .hotkw .top-img{margin-bottom:20px;}
#main .hotkw .prodList{width:auto;}
#main .hotkw .prodSlideWrap{overflow-x:hidden;padding-bottom:30px;}
#main .hotkw .swiper-container-horizontal>.swiper-scrollbar{height:2px;}
#main .hotkw .swiper-scrollbar-drag{background:#777;}
#main .hotkw .prodSlide{width:200px;}
#main .hotkw .hotkw-tab-swip .swiper-slide-active::before{content:'';display:block;position:absolute;bottom:-50px;left:50%;width:1px;height:50px;background:#000;margin-left:-.5px;}
#main .hotkw .hotkw-tab-swip .swiper-slide-active::after{content:'';display:block;position:absolute;bottom:0px;left:50%;width:7px;height:7px;background:#000;border-radius:50%;transform:translateX(-50%);}
#main .hotkw .swip-tab{margin-bottom:20px;}
#main .hotkw .item-lst{padding:0 0 0 10px;}

#main .kakao_popup{position:fixed;bottom:0px;left:0px;z-index:999;width:100%;}
#main .kakao_popup .popup_img{width:100%;height:132px;background-image:url(/design/sillajewel/images/event/221208/221208_event2.png);background-size:100%;background-repeat:no-repeat;cursor:pointer;}
#main .kakao_popup .popup_bt{display:flex;width:100%;height:40px;padding:0 10px;box-sizing:border-box;align-items:center;justify-content:space-between;font-weight:600;background-color: rgb(249, 249, 249);}
#main .kakao_popup .popup_bt div.left a {flex: 0 0 auto;width: auto;height: 54px;padding: 0px 30px;line-height: 54px;font-size: 14px;font-weight: 300;color: rgb(137, 137, 137);letter-spacing: -0.43px;text-align: center;box-sizing: border-box;cursor:pointer}
#main .kakao_popup .popup_bt div.right a {position:static;flex: 0 0 auto;width: auto;height: 54px;padding: 0px 30px;line-height: 54px;font-size: 14px;font-weight: 300;color: rgb(31, 31, 31);text-align: center;box-sizing: border-box;cursor:pointer}


/* BASIC css end */