/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */


/* 황금색 컬러선*/
/* .header-wrap {border-bottom:1px solid #FFCF40;}
.top-header {border-bottom:1px solid #FFCF40}
.top-header-nav .cs-nav a span {border-left:1px solid #FFCF40}
.top-header-nav .cs-nav.s-nav a span {border-right:1px solid #FFCF40}
.header-title {border-bottom:1px solid #FFCF40}
.navbar-nav>li.dropdown-mega-menu>.nav-link {border-left:1px solid #FFCF40;border-right:1px solid #FFCF40}
.footer {border-top:1px solid #FFCF40}
.footer-top {border-bottom:1px solid #FFCF40} */

/* 상담메뉴 */
.navbar-nav>li>.nav-link {color:#000;font-size: 14px;font-weight: 450;padding: 20px 10px !important;}
.navbar-nav .dropdown-item {position:relative;padding:5px 25px 5px 15px !important;color:#000;font-size:14px}

/* 메인 퀄리티 오브 퀄리티 */
.grid-container { background-color: #222; padding: 20px; color: white; }
.quality-text { color: red; font-weight: bold; }
.grid-item img { max-width: 100%; max-height: 100%; object-fit: cover; }

/* 리뉴노출 */
.shop-main-review h2 a {background-color: rgb(248,248,248);}
.shop-main-review .review-slider-inner {margin: 0 -10px;}
.shop-main-review .item {padding: 0px 15px 30px 15px;}
.shop-main-review .item-in {position: relative;}
.shop-main-review .item-image a {display: block;overflow:hidden;border-radius:20px;}
.shop-main-review .item-image a img {display: block;max-width: 100%;height: auto;}
.shop-main-review .item-content {position: relative;padding: 15px 15px 15px 65px;}
.shop-main-review .item-content-in {position: relative;z-index: 1;padding-left: 15px;border-left:1px solid var(--border-color-light);}
.shop-main-review .item-content .item-num {position: absolute;top: -50px;left: -55px;line-height: 1em;font-size: var(--biggest-font-size);color: var(--primary-color);}
.shop-main-review .item-content .product-info {display: block;line-height: 1em;font-size: var(--smaller-font-size);color: var(--primary-color);}
.shop-main-review .item-content h5 {margin: 10px 0 5px;}
.shop-main-review .item-content h5 a {font-size: var(--normal-font-size);font-weight: 700;color: #333}
.shop-main-review .item-content h5 a:hover {text-decoration: underline;}
.shop-main-review .item-content p {overflow: hidden;height: 40px;line-height: 20px;font-size: var(--small-font-size);color: #707070;}


/* 메인 */
.main-top-wrap {position:relative}
.main-top-wrap .main-top-list {display: flex;flex-wrap:wrap;justify-content:center;margin:0 -20px;}
.main-top-wrap .main-top-list li {flex:0 0 auto;width:16%; margin:10px 0;padding: 20px 30px;}
.main-top-wrap .main-top-list li a {display: block;}
.main-top-wrap .main-top-list li .main-top-img {overflow:hidden;border-radius:50%;}
.main-top-wrap .main-top-list li .main-top-img img {transition:.5s;}
.main-top-wrap .main-top-list li:hover .main-top-img img {transform:scale(1.2);}
.main-top-wrap .main-top-list li .main-top-title {margin-top: 5px;font-size: 17px;text-align: center;color:#000;transition:.3s;}
.main-top-wrap .main-top-list li:hover .main-top-title,
.main-top-wrap .main-top-list li.active .main-top-title {color:#333;}
@media (max-width:1199px) {
    .main-top-wrap .main-top-list li {padding: 0 10px;}
}
@media (max-width:991px) {
    .main-top-wrap .main-top-list li .main-top-title {font-size: 13px;}
}
@media (max-width:767px) {
    .main-top-wrap .main-top-list {margin:0 -5px;}
    .main-top-wrap .main-top-list li {padding: 0 5px;}
}
@media (max-width:575px) {
    .main-top-wrap .main-top-list li {width:33.333%;}
}

@media (min-width: 1200px) {
  .col-xl-2-half {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

/* 메인 리뷰 */
.review-main-section {text-align: center;padding: 40px 20px;background-color: white;}
.review-main-title {font-size: 2.5rem;font-weight: bold;margin-bottom: 40px;}
.review-main-card {display: inline-block;background-color: black;color: white;border-radius: 10px;padding: 20px;position: relative;text-align: center;margin: 15px auto;width: 100%;max-width: 300px;}
.review-main-card::before,
.review-main-card::after {content: "";position: absolute;top: 50%;width: 20px;height: 20px;background-color: white;border-radius: 50%;transform: translateY(-50%);}
.review-main-card::before {left: -10px;}
.review-main-card::after {right: -10px;}
.review-main-rank {position: absolute;top: -15px;left: 50%;transform: translateX(-50%);background-color: white;color: black;border-radius: 50px;padding: 5px 15px;font-weight: bold;}
.review-main-points {font-size: 1.5rem;font-weight: bold;margin-top: 10px;}
@media (max-width:1200px) {
    .review-main-card {display: block; float: none;}
}

/* 메인 검수 */
.grid-container { background-color: #222; padding: 20px; color: white; }
.quality-text { color: red; font-weight: bold; }
.grid-item { border:2px solid #FFCF40; }
.grid-item img { max-width: 100%; max-height: 100%; object-fit: cover; }



/* 카카오 채팅 상담 버튼 */
#kakao_chat_btn {margin-top:0px;background:#fce41d;color:#000;border:0}
#kakao_chat_btn:after {display:block;visibility:hidden;clear:both;content:""}
#kakao_chat_btn button {width:230px;float:left;margin-right:5px;height:50px;margin-bottom:10px;font-weight:700;font-size:16px}

/* 카카오 채팅 상담 버튼 */
#sit_ov > div.buy-btn-wr > button {
    position: relative;
    width: 200px;
    background: #fce41d;
    border-radius: 50px !important;
    border: 1px solid #f5d818;
}

/* 주얼리 상품 */
.product_content_img {
    margin-bottom: 15px;
}

/* list.10.skin */
.product-description{
    height: 120px;
}


/* more btn */
.btn-more a {display: inline-block;overflow:hidden;position: relative;z-index: 1;padding: 0 25px;line-height: 32px;font-size: var(--smaller-font-size);color: var(--white-color);background-color:var(--black-color);border-radius:16px;transition:.2s linear;}
.btn-more.btn-wht a {color: var(--black-color);background-color:var(--white-color);}
@media (min-width:992px){
	.btn-more a {padding: 0 35px;line-height: 40px;border-radius:20px;}
	.btn-more a:hover {padding:0 25px 0 45px;}
	.btn-more a:before {display: flex;content: "\f105";position: absolute;align-items: center;justify-content: center;left: -30px;top: 50%;height: 24px;width: 24px;margin-top: -12px;font-family: 'Font Awesome\ 5 Free';font-weight: 900;font-size: var(--normal-font-size);color: var(--black-color);background-color: var(--white-color);border-radius:12px;transition: .2s linear;}
	.btn-more a:hover:before {opacity: 1;left: 7px;}
	.btn-more.btn-wht a:before {color: var(--white-color);background-color: var(--black-color);}
}

/**/

#offcanvasLeft > div > ul > li:nth-child(3) > a {
    font-weight: bold;
    font-size: 15px;
    color: #a40000;
}
#offcanvasLeft > div > ul > li:nth-child(4) > a {
    font-weight: bold;
    font-size: 15px;
    color: #a40000;
}



/* 메인 메뉴 */
#offcanvasLeft > div > ul > li:nth-child(3) > a.dropdown-toggle.nav-link {
    animation: Color 4s linear infinite;
    -webkit-animation: Color 4s ease-in-out infinite;
    font-size: 16px;
    margin-top: -2px;
    text-shadow: 2px 2px #F0F0F0;
}
#offcanvasLeft > div > ul > li:nth-child(4) > a.dropdown-toggle.nav-link {
    animation: Color 6s linear infinite;
    -webkit-animation: Color 6s ease-in-out infinite;
    font-size: 16px;
    margin-top: -2px;
    text-shadow: 2px 2px #F0F0F0;
}

@keyframes Color {
    0%{color:#A0D468;}
    20%{color:#4FC1E9;}
    40%{color:#FFCE54;}
    60%{color:#FC6E51;}
    80%{color:#ED5565;}
    100%{color:#AC92EC;}
}
  
@-moz-keyframes Color {
    0%{color:#A0D468;}
    20%{color:#4FC1E9;}
    40%{color:#FFCE54;}
    60%{color:#FC6E51;}
    80%{color:#ED5565;}
    100%{color:#AC92EC;}
}

@-webkit-keyframes Color{
    0%{color:#A0D468;}
    20%{color:#4FC1E9;}
    40%{color:#FFCE54;}
    60%{color:#FC6E51;}
    80%{color:#ED5565;}
    100%{color:#AC92EC;}
}