/* BASIC css start */
#container {padding-top:50px  !important;}
.prd_wrap .tit{text-align:center;line-height: 30px;}
.w50p{width:48.5%;}
.w50p:nth-child(odd){margin-right:3%}
.thumb .badge {  background: #000;  position: absolute;  left: 0;  top: 0;  z-index: 2;  width: 50px;  height: 50px;  clip-path: polygon(0 0, 100% 0, 0 100%);  color: #fff;  font-weight: 700;  font-size: 16px;  padding: 6px 10px;  box-sizing: border-box;}


/* ÃÖ»ó´Ü ¶ì¹è³Ê */
body #topbanner {display:block;}
.section, .section :is(*) {
    box-sizing: border-box;}
/* ¸ÞÀλó´Ü */
.head01.header.dn {display:block;background-color: rgb(0 0 0);    opacity: 0.9;}
.head01.fixed {background:#000; top:0 !important;}
.head01.active {top:0 !important;}
.header.head01 .inner .left logo {display:none;}
.header.head01 .inner .left logo.white_logo {display:block;}
.header.head02 {display:none;}
/* ¸ÞÀιè³Ê */
.sec01 {}
.sec01 ul li a {}
.sec01 ul li img {width:100%;}
.sec01 ul li a p {position:absolute;width: 100%;    display: flex;  flex-flow: column;  -webkit-box-pack: end;  justify-content: flex-end; -webkit-box-align: center;  align-items: center;}
.sec01 ul li a p.txt1 {color:#fff; font-size:28px; bottom:85px;  font-weight:600; letter-spacing:-0.6px; line-height: 38px;}
.sec01 ul li a p.txt2 {color:#fff; font-size:16px; bottom:60px;  letter-spacing:-0.6px; line-height: 1;}

.sec01 ul li a p.txt3 {color:#000; font-size:28px; bottom:85px;  font-weight:600; letter-spacing:-0.6px; line-height: 38px;}
.sec01 ul li a p.txt4 {color:#000; font-size:16px; bottom:60px;  letter-spacing:-0.6px; line-height: 1;}

.sec01.swiper-horizontal .pagination.swiper-pagination-progressbar {top:auto; bottom:30px; width:70.4%; left:18px; z-index:1; height:2px;}
.sec01 .pagination .swiper-pagination-progressbar-fill {background:#fff;}
.sec01 .fraction {font-size:12px; position: absolute; bottom: 20px; right: 3%; left: auto; z-index: 1; width: 55px; height: 25px; line-height: 25px; background-color: rgba(0,0,0,.5); text-align: center; border-radius: 30px; color: #fff;}
.sec01 .fraction span {color:#fff; font-size:12px;}
.sec01 .fraction span:before {content:'0'; display:inline-block;}

/*°øÅë*/

.thumb .wish-btn {  position: absolute;  top: 9px; right: 8px;}
.thumb .wish-btn img { width: 15px;}
/*Àüüº¸±â*/

.secTop .prd_more {position:absolute; right:0; top:50%; margin-top:-9px;}
.secTop .prd_more img {width:10px;}
.prd_wrap .more2 {    display: block;    width: 97%;    line-height: 35px;    text-align: center;    border: 1px solid #a7a7a7;    font-size: 13px;    margin: 19px 0 50px;}

.main_all_view { font-size: 10px;    border: 1px solid #000;    padding: 4px 6px;    margin: 0 0 10px 12px;    display: inline-block;    position: relative;    line-height: 11px;    width: 63px;    height: 20px;    text-align: center;    vertical-align: top; }

.secTop{text-align:center}
.secTop p {font-size:14px; padding-top:6px;    color: #9d9d9d;}

/* ¸Þ´º */
.sec02 {background:#000;}
.sec02.fixed {position:fixed; width:100%; /*top:56.97px;*/ top:0; z-index:10;}
.sec02 div {overflow-x: auto; overflow-y: hidden;}
.sec02 div::-webkit-scrollbar {display: none;}
.sec02 div {-ms-overflow-style: none; scrollbar-width: none; }
.sec02 div ul {display: flex;}
.sec02 div ul li {flex-shrink: 0; margin-left:20px; line-height:50px;}
.sec02 div ul li.dot{position: relative;}
.sec02 div ul li a.on:after{position: absolute;  top:11px;  right: -5px;  width: 5px;  height: 5px;  background: #ff6d44;  border-radius: 50%;  content: "";}
.sec02 div ul li:last-child {padding-right:20px;}
.sec02 div ul li a {color: #fff; font-size: 15px;     font-weight: 500; line-height:1;}
.sec02 div ul li a img {vertical-align: inherit; padding-right:2px;}

/* ¹è³Ê Ä«Å×°í¸® */
.sec03 {padding: 30px 15px 0px; border-bottom: 1px solid #e1e1e1;}
.sec03 ul {font-size:0;}
.sec03 ul li {margin: 0 2.5% 25px 0; width:18%; display:inline-block; vertical-align:top;}
.sec03 ul li:nth-child(5n) {margin-right:0;}
.sec03 ul li a {display: block;}
.sec03 ul li a img {width: 100%;}
.sec03 ul li p {font-size: 11px; font-weight: 500; padding-top: 5px; text-align: center;}

/* À̺¥Æ®¹è³Ê */
.sec04 {padding: 0px 0 35px 15px;}
.sec04 ul {}
.sec04 ul li {width:45%;}
.sec04 ul li a {display: block;    border: 1px solid #000;}
.sec04 ul li a img {width: 100%;}
.sec04 ul li a .txt1 {font-size:14px; font-weight:500; padding: 9px 0 9px 10px; border-top: 1px solid #000;;}
.sec04 ul li a .txt2 {font-size:12px; color:#5a5a5a;}

/* ÅÇ»óÇ° */
.sec05 {padding:40px 15px 40px; border-bottom:9px solid #f1f0ef;position: relative; }
.sec05 .secTop {position:relative; margin-bottom:25px;}
.sec05 .tab_btn {border-bottom: 1px solid #dedede; margin-bottom:23px;}
.sec05 .tab_btn div {display: inline-block; vertical-align: top; line-height: 40px; margin-right:2%;}
.sec05 .tab_btn div:last-child {margin-right:0;}
.sec05 .tab_btn div p {font-size: 14px; color: #7a7a7a;}
.sec05 .tab_btn div.on p {color: #000; position:relative; font-weight: 600;}
.sec05 .tab_btn div.on p:after {content:''; display:inline-block; position:absolute; width:100%; height:2px; background:#000; bottom:-1px; left:0;}

/*±âº» »óÇ° Áø¿­*/
.sec06 {padding:35px 15px 0; position: relative; margin-bottom:30px;}
.sec06 .secTop {position:relative; margin-bottom:25px;}
.sec06 .secTop h3 {}

/* Ä«µå»ç */
.sec06 .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {bottom:-20px;}
.sec06 .swiper-pagination .swiper-pagination-bullet {background:#adadad;}
.sec06 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#000;}
.sec06 li img {max-width: 100%;}

/*new 3Çà2Áø¿­ */
.sec07 {padding:35px 15px 0; position: relative; margin-bottom:30px;}
.sec07 .secTop {position:relative; margin-bottom:25px;}
.sec07 .secTop h3 {}


/* ½½¶óÀ̵å»óÇ° */
.sec08 {padding: 0 0 15px 15px;    margin-top: 30px;}
.sec08 .swiper-wrapper {}
.sec08 .swiper-slide {padding-bottom:10px;}
.sec08 .prd_banner{    position: relative}
.sec08 .prd_title {position: absolute;    bottom: 19px;    left: 19px;  }
.sec08 .prd_title .txt1 {font-weight:700; color: #000; font-size:22px; line-height:30px; }
.sec08 .prd_title .txt2 {font-size:15px; color: #000; padding:11px 0 0 ; text-decoration: underline;}
.sec08 .prd_title_w {position: absolute;    bottom: 19px;    left: 19px;  }
.sec08 .prd_title_w .txt1 {font-weight:700;color: #fff; font-size:22px; line-height:30px; }
.sec08 .prd_title_w .txt2 {font-size:15px; color: #fff; padding:11px 0 0 ; text-decoration: underline;} 
.sec08 .prd_banner img {width:100%;}
.sec08 .prd_list {/*background-color: rgb(255, 255, 255); width: calc(100% - 8.33333vw); padding: 3.2vw 3.2vw 0vw; margin-left: 5.33333vw; position: relative; z-index: 10; */  }
.sec08 .prd_list li {display:flex; width:100%; margin:14px 0;}
.sec08 .prd_list .MK-product-icons img {height:16px;}
.sec08 .prd_list li .name { font-size:13px;     overflow: hidden;  text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical; }
.sec08 .prd_list li .thumb {}
.sec08 .prd_list li .thumb img {width:95px;}
.sec08 .prd_list li .prd_info {flex:1; padding:5px 0 0 10px;}
.sec08 .prd_list li .price a {white-space:nowrap;}
.sec08 .prd_list li .price a .dc_per {font-size:13px; color:#ff5519; font-weight:700;float:left;margin-right: 6px;}
.sec08 .prd_list li .price a .normal {font-weight:700; padding:0; font-size:13px;}
.sec08 .prd_list li .price a .consumer {font-size:13px; color:#353535; font-weight:400; margin-right:4px; display:none !important;}


.sec08 .prd_list .md_label_icon img {   width: 28px !important;   height: auto !important;  transform: translate(3%, -10%) !important;}

/*
.sec08 .prd_list .md_label_icon span:first-child  {    left: 0 !important;right: 0% !important;    transform: translate(0%, -100%) !important;}
.sec08 .prd_list .md_label_icon span:last-child  {    left: 0 !important;right: 0% !important;    transform: translate(70%, -100%) !important;}

.sec08 .prd_list .md_label_icon span:first-child img {   width: 30% !important;    height: auto !important;}
.sec08 .prd_list .md_label_icon span:last-child img {   width: 30% !important;    height: auto !important;}
*/



/*Á¶È¸¼ö&¸®ºä º£½ºÆ®*/
#sec7{ padding: 35px 15px 0; margin-bottom: 30px;}
#sec7 .sec_inner{}
#sec7 .sec_inner .sec7_cont{}
#sec7 .sec_inner .sec7_cont>div{}
#sec7 .sec_inner .sec7_cont .banner_area{position:relative;flex-grow:1;}
#sec7 .sec_inner .sec7_cont .banner_area>a{display: block;width: 100%;}
#sec7 .sec_inner .sec7_cont .banner_area>a img{width: 100%;}
#sec7 .sec_inner .sec7_cont .banner_area .txt_area{position: absolute; top: 55%;transform:translateY(-50%); left:20px;  max-width: 80%  }
#sec7 .sec_inner .sec7_cont .banner_area .txt_area p.big_b{font-size: 21px; font-weight: 600; margin-bottom: 7px;color: #000;}
#sec7 .sec_inner .sec7_cont .banner_area .txt_area p.sub_b{font-size: 12px;line-height:1.3; transition-delay: .27s;color: #000;}
#sec7 .sec_inner .sec7_cont .banner_area .txt_area p.big{font-size: 21px; font-weight: 600; margin-bottom: 7px;color: #fff;}
#sec7 .sec_inner .sec7_cont .banner_area .txt_area p.sub{font-size: 12px;line-height:1.3; transition-delay: .27s;color: #fff;}
#sec7 .sec_inner .sec7_cont .item_area{    overflow-y:auto; margin-top:12px;}
#sec7 .sec_inner .sec7_cont .item_area .swiper{height:100%;}
#sec7 .sec_inner .sec7_cont .item_area ul{}
#sec7 .sec_inner .sec7_cont .item_area ul>li{display: flex; flex-shrink: 0;flex-wrap: nowrap; align-items: center; width:100%; height:fit-content;  margin:5px 0}
#sec7 .sec_inner .sec7_cont .item_area ul>li .thumb{width:30%;     position: relative;}
#sec7 .sec_inner .sec7_cont .item_area ul>li .thumb>a{display:block; width:100%}
#sec7 .sec_inner .sec7_cont .item_area ul>li .thumb>a>img{object-fit: cover;    transition: all .3s;}
#sec7 .sec_inner .sec7_cont .item_area ul>li .info{width:70%; padding:0 20px 0 20px; max-height:100%; }
#sec7 .swiper-vertical>.swiper-scrollbar{height:100%; width:2px; top:0; right:0}
#sec7 .swiper-vertical>.swiper-scrollbar .swiper-scrollbar-drag{background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 10));}


#sec7 .sec_inner .sec7_cont .prdname{    font-size: 14px;   margin: 5px 0 5px 0;  line-height: 1.4;  overflow: hidden;  display: -webkit-box;  overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; word-break: keep-all;}
#sec7 .sec_inner .sec7_cont .prdprice{    margin: 0;}
#sec7 .sec_inner .sec7_cont .prdprice .percent{  margin-right: 5px;  float:left;}
#sec7 .sec_inner .sec7_cont .prdprice strike{display:none;}
#sec7 .sec_inner .sec7_cont .sub_info{}
.sub_info .reviewC { display: inline-block; vertical-align: top; color: #ff5519;  font-size: 10px;}
.sub_info .buyC { display: inline-block; vertical-align: top;  float: right; font-size: 10px;}
#sec7 .sec_inner .sec7_cont .prdbtn{    margin: 0;}
#sec7 .sec_inner .sec7_cont .prdbtn span.MK-product-icons img {       width: 45px;    height: 16px;  margin: 0;}



/*°í°´º£½ºÆ®½ºÅ¸Àϸµ*/
#best_review_banner{background:#f7f7f7; padding: 45px 0 70px;      margin: 60px 0 0 0;}
#best_review_banner .prd_wrap{}
#best_review_banner .prd_wrap p { font-size: 14px;   padding-top: 6px;   color: #9d9d9d;text-align:center;margin-bottom: 25px;}


#best_review_banner .sec_inner .swiper-container ul{}
#best_review_banner .sec_inner .swiper-container ul li{} 
#best_review_banner .sec_inner .swiper-container ul li>a{display: block; width: 100%;overflow:hidden;}
#best_review_banner .sec_inner .swiper-container ul li>a>img{width: 100%; transition: all .3s;}
#best_review_banner .sec_inner .swiper-container ul.swiper-wrapper {margin-bottom:30px}
#review_wrap_swiper {margin-left: auto;  margin-right: auto;  position: relative;  overflow: hidden;  list-style: none;  padding: 0;   z-index: 1;}
#best_review_banner .swiper-pagination{bottom: 0; top: unset; width:90%;height: 2px; left:5%;}
#best_review_banner .swiper-pagination-progressbar{background-color: rgba(0,0,0,.05);}
#best_review_banner .swiper-pagination-progressbar-fill{background-color: #000;}
#best_review_banner .more {    width: 92%; line-height: 35px; text-align: center; border: 1px solid #a7a7a7; font-size: 13px; margin: 30px auto 0;}

/*¿ù°£ Áø¿­*/

#sec5{margin-bottom:40px;width: 100%;}
#sec5 .banner {    padding: 40px 15px 0 15px;    position: relative;    margin-bottom: 20px;}
#sec5 .banner .banner_img{}
#sec5 .banner .banner_img img{    width: 100%;}
#sec5 .banner .sec5_text{position: absolute; bottom: 23px;  left:35px;  z-index: 2; /* text-shadow: 1px 1px 15px #00000040;*/}
#sec5 .banner .sec5_text h3{font-size: 26px;color: #000;line-height: 1.3em;   margin-top: 22px;   font-weight: 600;}
#sec5 .banner .sec5_text p{    color: #000; font-size: 14px; margin-top: 10px;line-height:17px;  font-weight: 400;}
#sec5  strike{display:none;}
#sec5 .info {  padding: 5px 0 10px}
#sec5 .sec5_cont .item_list .tumb {  position: relative; width: 100%;}
#sec5 .swiper{padding-bottom:15px;margin-bottom: 25px;}
#sec5 .sec_inner{padding:0}
#sec5 .swiper ul.swiper-slide{    padding: 0 15px}
#sec5 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height: 1px; background-color: rgba(0,0,0,.09); width:90%; transform:translateX(-50%); left:50%;}
#sec5 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #222;}
#sec5 .sec5_cont .item_list .info .prdname{    font-size: 14px;  margin: 5px 0 5px 0;  line-height: 1.4;  overflow: hidden;display: -webkit-box;  overflow: hidden;  text-overflow: ellipsis;   -webkit-line-clamp: 2;  -webkit-box-orient: vertical;    word-break: keep-all;}
#sec5 .sec5_cont .info .prdprice{}
#sec5 .sec5_cont .info .prdprice strike{display:none;}
#sec5 .sec5_cont .info .sub_info2 img{   width: 45px;    height: 16px;  margin: 0;}



/* Å©¸®¸¶¸®ºä */
.sec10 {}
.sec10 .tit {font-size:18px; font-weight:700; line-height:1; display:block; text-align:center;}
.sec10 p {font-size:16px; padding:9px 0 20px; line-height:1; text-align:center;}




/*ƯÁ¤ ºÎºÐ ½ºÅ©·Ñ¹Ù ¾ø¾Ö±â*/



/* ÇÏ´Ü ¿¥µðÇȹè³Ê */
#md_banner{    margin-bottom: 40px;background: #f9f9f9;    padding: 45px 0;}
#md_banner .sec_inner{padding:0}
#md_banner .sec_inner h2{padding:0 5%; font-size: 24px;  color: #000;  font-weight: 600;    margin-bottom: 30px;    line-height: 1.3;    text-align: left;}
#md_banner .sec_inner h2 em{font-size: 14px;   font-weight: 400;   color: #9d9d9d;}
#md_banner .sec_inner .md_banner_cont{}
#md_banner .sec_inner .md_banner_cont .swiper{ padding-left:5%;padding-bottom: 20px;}
#md_banner .sec_inner .md_banner_cont .swiper ul{}
#md_banner .sec_inner .md_banner_cont .swiper ul li{width: calc((100% - -100px) / 1.5)} 
#md_banner .sec_inner .md_banner_cont .swiper ul li>a{display: block; width: 100%;overflow:hidden;}
#md_banner .sec_inner .md_banner_cont .swiper ul li>a>img{width: 100%; transition: all .3s;}
#md_banner .sec_inner .md_banner_cont .swiper ul li .txt_area{ padding: 15px 0;}
#md_banner .sec_inner .md_banner_cont .swiper ul li .txt_area p.tit{text-align: left; font-size: 20px; color: #000;    line-height:27px; font-weight: 500;}
#md_banner .sec_inner .md_banner_cont .swiper ul li .txt_area .hashTag span{ display: inline-block; margin: 7px 3px 0 0; padding: 0 11px; font-size: 12px; font-weight: 500; line-height: 28px; text-align: center; background: #fff;  border-radius: 14px;  border: 1px solid #999; color: #3a3a3a;}
#md_banner .swiper-pagination{bottom: 0; top: unset; width:90%;height: 2px; left:5%;}
#md_banner .swiper-pagination-progressbar{background-color: rgba(0,0,0,.05);}
#md_banner .swiper-pagination-progressbar-fill{background-color: #000;}




/*Áß°£¹è³Ê*/
.sec14_banner{padding: 0 15px;}
.sec14_banner img{width:100%;}
.sec12_banner{padding: 0 15px 15px 0;}
.sec12_banner img{width:100%;}






/*¶óº§¾ÆÀÌÄÜ*/
.md_label_icon{}
.md_label_icon img{width: 50% !important;    height: auto !important;}
                    
                    
 /*ŸÀÓµô*/



.animated-title{    background: #000;
    font-size: 12px;
    color: #fff;
    padding: 9px 0;
    text-align: center;}

#timedeal { 
    padding: 50px 0;
    background-image: url("https://junjewelry.jpg3.kr/home/2025/main/timedeal_bg02_m.png");
	background-size: cover;
     margin-bottom: 70px;
}


    
#timedeal_time .time_tt {font-size: 15px;text-align: center; line-height:30px;   font-weight: 300; color : #000;}
#timedeal_time .time_tt p{ font-size: 30px; margin-top: 8px;   }
#timedeal_time .time_tt h1 { font-size: 25px; margin-top: 8px;   }
#timedeal_time .time_tt b { font-size: 20px; margin-top: 8px;   }
#timedeal_time{position: relative;}

#timedeal_white{    background: #fff;  opacity:97%;   width: 90%;  margin: 0 auto;  border-radius: 15px;  padding: 20px;}    


#timer {
 text-align: center;width: 80%;    margin: 18px auto; 
}

#timer div {
    display: inline-block;
    min-width: 10px;
    padding: 10px;
    margin: 0 8px 0 8px;
    font-size: 30px;
    font-weight:400;
    color: #000;
}

#timer div span {
    margin-top:10px;
    display: block;
    margin-top: 18px;
    font-size: 12px;
    font-weight: 300;
     color: #f0f0f0
     text-align:center;
}


#dotdot {  position: absolute;
  top: 64%;
  font-size: 20px;
    color: #000;

}

.timedeal_product { padding:30px 15px 0; position: relative; margin-bottom:20px; }

.timedeal_product .prd_list{  }

.timedeal_product .prd_list li  {  }

.timedeal_product .prd_list li:nth-child(4n) { margin-right:0px; } 

.timedeal_product .prd_list .md_label_icon img {   width: 40px !important;   height: auto !important;  transform: translate(3%, -10%) !important;}


/*ŸÀÓµô ´õº¸±â ¹öÆ°*/

.timedeal-more {
  margin-top: 20px;
  text-align: center;
}

.timedeal-more .more-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 90%;      /* È­¸é °¡·Î 90% */
  max-width: 360px; /* ³Ê¹« Å©Áö ¾Ê°Ô ÃÖ´ëÆø Á¦ÇÑ */
  height: 36px;    /* Àû´çÇÑ ³ôÀÌ */
  background-color: #000;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  border-radius: 0; /* ½ºÄù¾î ¸ð¼­¸® */
  box-sizing: border-box;
  margin: 0 auto;
  cursor: pointer;
}
/* BASIC css end */