/* BASIC css start */
body {
    padding-top: 0 !important;
}
  
/*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 .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}

/* ¸®´º¾ó*/
.mainText {}
.mainText a {font-size: 10px;padding: 10px 15px;display: flex;align-items: center;justify-content: center;background: #F4F4F4;}
.title {
    font-size: 20px;
    font-weight: 300;
    padding: 48px 15px 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-wrap2.swiper {
margin-left:7px;
    padding: 0 8px;
}
/*
.item-wrap2.swiper::after {
    content: "";
    background: #fff;
    width: 15px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
*/
.item-wrap2.swiper .itemList {margin: 0 0 48px 0;overflow: hidden;}
.item-wrap2.swiper .itemList img {
    width: 43vw;
    height: 43vw;
    max-width:43vw !important;
}
.item-wrap2.swiper .swiper-pagination {
    display: none;
    bottom: 40px;
    top: auto;
}
.item-wrap2.swiper .swiper-pagination .swiper-pagination-bullet{
    background: #000;
    opacity: 0.2;
} 

.item-wrap2.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}
.item-wrap2.swiper .swiper-button-prev {
    display: none;
    background: url('//skin.makeshop.co.kr/skin/enough/images/relate_arr_l.svg') no-repeat;
    width: 20px;
    height: 40px;
    opacity: 0.7;
    left: 0; 
    top: 16%;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -68px;
}
.item-wrap2.swiper .swiper-button-next {
    display: none;
    background: url('//skin.makeshop.co.kr/skin/enough/images/relate_arr_r.svg') no-repeat;
    width: 20px;
    height: 40px;
    opacity: 0.7;
    right: 0; 
    top: 50%;
    transform: translateY(-50%);
    margin-top: -68px;
}

.item-wrap2.swiper .swiper-button-prev:hover, .item-wrap2.swiper .swiper-button-next:hover { opacity:1; }
.item-wrap2.swiper .swiper-button-prev::after,
.item-wrap2.swiper .swiper-button-next::after { display: none; } 
.main_board {}

.main_board ul {
    display: flex;
    flex-direction: column;
    padding: 0 15px;
}

.main_board ul li {
    border-bottom: 1px solid #ddd;
}

.main_board ul li a {
    display: flex;
    padding: 20px 0;
    justify-content: space-between;
}

.main_board ul li a .right {
    width: 80px;
    font-size: 12px;
    text-align: right;
    font-weight: 300;
    color: #888;
}

.main_board ul li a .left {
    color: #000;
    font-size: 15px;
    font-weight: 300;
    width: calc(100% - 85px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main_board .more {
    margin: 32px 0 0;
    padding: 0 80px;
}

.main_board .more a {
    display: flex;
    justify-content: center;
    border:1px solid #999;
    background:#fff;
    height:36px;
    color:#000;
    font-size:13px;
    width: 100%;
    align-items: center;
} 
.mainBanner {
    position: relative;
}
.mainBanner .button {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    text-align: center;
    background: #000;
    width: calc(100% - 154px);
    margin: 0 auto;
    height: 36px;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}
.video-wrapper {
  position: relative;
  padding-bottom: 177.77%; /* 9:16 ¼¼·Î ¿µ»ó ºñÀ² */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* BASIC css end */