@charset "utf-8";
@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css');

*{ font-family: 'SCoreDream'; }

#main_nav{width: 100%;}
#main_nav ul{display: flex; justify-content: flex-start; flex-direction: row; list-style: none; font-size: 16px; max-width: 1100px; margin:30px auto; padding-left: 0;}
#main_nav ul li{margin-right: 50px;}
#main_nav ul li a{font-size: 14px; color:#222; font-weight: 400;}

#main_nav2{width: 100%; }
#main_nav2 ul{display: flex; justify-content: flex-start; flex-direction: row; list-style: none; font-size: 16px; max-width: 1300px; margin:30px 310px; padding-left: 0;}
#main_nav2 ul li{margin-right: 50px;}
#main_nav2 ul li a{font-size: 14px; color:#222; font-weight: 400;}
#main_nav2 ul li.active a{color:red; font-weight: 500;}

.main-commom .title{font-weight: 600; font-size: 20px;font-family: 'SCoreDream'; }
.half-sale{padding:0; align-items: center; border-radius:10px ; border:#f5f4f4 1px solid; box-shadow: 5px 5px 5px rgba(0,0,0,0.05);}
.half-sale .sale .per{font-weight: 700; font-size: 20px;}
.half-sale .ttc-price{font-size: 20px; margin-right: 10px;}
.half-sale .sale-price{font-size: 20px;}

.half-sale .go a{padding:14px 20px; font-size: 14px; background: rgb(51, 51, 51); color:#fff;}
.half-sale .pic{width: 70%; margin-right: 50px; border-top-left-radius: 10px; height: 250px;   border-bottom-left-radius: 10px;}
.half-sale .pic img{object-fit: cover;}

.half-sale .sale .per-txt{font-size: 20px;}
/* .category-list .right .goods-content{padding:40px 0 40px;} */
.category-list .right .goods-content .title{margin-bottom: 40px; font-weight: 600;}
.category-list .right .goods-content .goods-item .pic{width: 260px; height: 260px;}
.category-list .right .goods-content .goods-item{width: 260px;  height: 100%; margin-right: 30px; margin-bottom: 30px;}

.category-list .content .right{justify-content: space-between;}
.category-list .right .goods-content{width: 1130px;}

.mcount-time{top: 0; color:#fff; background: rgba(0,0,0,0.65);font-size: 20px;height: 40px;width: 100%; text-align: center;line-height: 40px;}

.category-list .right .goods-content .goods-item .ttc-price{font-size: 15px;}
.category-list .right .goods-content .goods-item .ttc-txt{margin-top: 5px;}
.category-list .right .goods-content .goods-item .sale-price{font-size: 16px;}

.header .sec_nav .right .menu-group{justify-content: flex-end;}
.header .sec_nav .right .menu-group a{margin-right: 0;}

.lowest-price .sale-price,.time-sale-containter .txt-content .sale-price,.top-containter .top1 .sale-price, .top-containter .top-other .sale-price,.new-prod-containter .txt-content .sale-price,.recommend-product-containter .txt-content .sale-price{font-size: 16px;}

.lowest-price .ttc-price,.time-sale-containter .txt-content .ttc-price,.top-containter .top1 .ttc_content .ttc-price, .top-containter .top-other .ttc_content .ttc-price,.new-prod-containter .txt-content .ttc-price,
.recommend-product-containter .txt-content .ttc-price{font-size: 15px;}

.half-sale .product-name{font-size: 16px;}

/*index.html*/
.header .sec_nav{height: 70px;}
.header .sec_nav .left .menu p a{width: 70px; height: 70px; margin-right: 20px; border-radius: 5px;}
.header .sec_nav .left .menu img{width: 40px;height: 40px;}
.header .sec_nav .left{flex-direction: row-reverse;justify-content: flex-end;}
.header #collapseMenu{top: 70px;}

.header .sec_nav .left .menu .menu-active{    border-radius:5px 5px 0 0;}
.header .sec_nav .right .menu-group a{width: 40px;height: 40px;}

/*photo_review.htm*/
hr.line{border:1px solid #d9d9d9; margin:0 0 20px;}
.username{font-size: 12px; font-weight: 500;}
.cdate{font-size: 12px;}
.category-list .right .goods-content .goods-item {margin-right: 30px;}
.category-list .right .goods-content .goods-item .ratebox-txt{margin-bottom: 10px;}

/*video_review.htm*/
.video-review-containter .ratebox-visited{
    font-family: 'SCoreDream'; color:#a2a2a2; font-weight: 500; font-size: 12px;
}
.video-review-containter .txt-content{padding:20px 0 15px;}
.video-review-containter .review-video-txt a{border-radius: 15px; font-size: 12px; color:#fff; font-weight: 500; background-color: #000; border:none; display: inline-block; padding: 7px 14px;}
.video-review-containter .txt-video-item{align-items: center;}
.ratebox-txt{display: flex; align-items: center;}
.prod_rate{font-size: 14px;}
.video-review-containter .video-review{margin-bottom: 40px;}

.header .sec_nav{margin-bottom:15px;}


/*basket.htm*/
.select-all .sa_link{font-size: 14px; margin-right: 16px;}
.select-all .sa_link:hover{color:rgb(251, 76, 76);}

/*order_list.htm 230417*/
.order-date input::-webkit-inner-spin-button,
.order-date input::-webkit-clear-button {  display: none;}

.order-date input::-webkit-calendar-picker-indicator {  color: rgba(0, 0, 0, 0);  opacity: 1;  background: url(../images/u_calendar-alt.svg) no-repeat !important;}

.order-date input::-webkit-calendar-picker-indicator:hover {  cursor: pointer;}

.order-date input::-webkit-calendar-picker-indicator::after {  content: '';  display: block;  width: 50px;  height: 50px;  position: absolute;  top: 50%;  right: 0;  margin-top: -16px;}

.order-date{  position: relative;  width: 100%;  overflow: auto;  margin: 55px 0 10px;  display: flex;    justify-content: flex-end;  font-size: 16px;}
.order-date input {  width: 100px;  padding: 5px;  height: 24px;  display: block;  font-size: 12px;  border:none;  color:#6b6b6b;}

.order-list-cont{display: flex; width: 100%; max-width: 910px; justify-content: space-between; margin-bottom: 50px;}


.order-list-cont .olc1{width: 100px; color:#111; font-size: 13px; font-weight: 500; display: flex; justify-content: center; align-items: center; border:1px solid #cccccc; border-radius: 4px;}
.order-list-cont .olc1 input{border:none; text-align: center; margin:0 auto; width: 100%;}
.order-list-cont .olc1 input::-webkit-calendar-picker-indicator{background: none;}

.order-list-cont .olc2{    display: flex;    flex-direction: column;    align-items: center;    width: 806px; justify-content: flex-start;}
.order-list-cont .olc2 .olc2_cont{display: flex;flex-direction: row; align-items: center; margin-bottom: 4px; }
.order-list-cont .olc2 .olc2_cont:last-child{margin-bottom: 0;}
.order-list-cont .olc2 .olc2_cont .ocl2_tit{border:1px solid #ccc; border-radius: 4px; height: 100%;  width: 100px; text-align: center; margin-right: 4px; display:flex; align-items: center; justify-content: center; margin-bottom: 0; font-size: 12px; color:#111; font-weight: 500;}
.order-list-cont .olc2 .olc2_cont ul{list-style: none; margin:0; padding: 0; }
.order-list-cont .olc2 .olc2_cont ul li{display: flex; align-items: center;height: 120px;border:1px solid #ccc; border-radius: 4px;  margin-bottom: 4px; font-size: 13px; width: 702px; }
.order-list-cont .olc2 .olc2_cont ul li:last-child{margin-bottom: 0;}

.order-list-cont .olc2 .olc2_cont ul li img{width  : 80px; margin-left:20px;}

.order-list-cont .olc2 .olc2_cont ul li p{padding: 20px; margin-bottom: 0; text-align: center;}
.order-list-cont .olc2 .olc2_cont ul li p span{display: block;}
.order-list-cont .olc2 .olc2_cont ul li p span.ordernum{color:#a4a4a4; margin-bottom: 6px;}
.order-list-cont .olc2 .olc2_cont ul li p span.green{color:#0ba7a3; font-size: 13px;}
.order-list-cont .olc2 .olc2_cont ul li .oline{height: 100%; display: block; width: 1px;background: #cccccc;}

.order-list-cont .olc2 .olc2_cont ul li p.ordercont{width: 333px; text-align: left;}

.order-list-cont .olc2 .olc2_cont ul li p.orderstate{width: 114px;}
.order-list-cont .olc2 .olc2_cont ul li p.orderstate span{ font-weight: 500; margin-bottom: 2px;}
.order-list-cont .olc2 .olc2_cont ul li p.orderstate a{font-size: 11px;}
.order-list-cont .olc2 .olc2_cont ul li p.orderstate a:hover{text-decoration: underline;
}
.order-list-cont .olc2 .olc2_cont ul li p.orderlink{width: 150px; font-size: 11px;}
.order-list-cont .olc2 .olc2_cont ul li p.orderlink a{display: block; margin-bottom: 6px;}
.order-list-cont .olc2 .olc2_cont ul li p.orderlink a:last-child{margin-bottom: 0;}
.order-list-cont .olc2 .olc2_cont ul li p.orderlink a:hover{text-decoration: underline;}

.my-info-content #pagination{    display: flex;    justify-content: center;    align-items: center;    margin:100px auto 70px;
    font-weight: normal;}
.my-info-content #pagination div{    width: 90px;    height: 40px;    font-size: 15px;    color:#404040;    padding:12px 24px 10px 24px;    border:none;    white-space: nowrap;    margin-right: 10px;  margin:0;   font-family: S-CoreDream;}
.my-info-content #pagination div.page{padding: 6px 10px; text-align: center; width: 30px;height: 30px; box-sizing: border-box; margin:0 5px;}
.my-info-content #pagination div.page:hover{color:#e60012;}
.my-info-content #pagination div.current-page{background: #e60012; color:#fff;}
.my-info-content #pagination div.current-page:hover{color:#fff;}
.my-info-content #pagination div img{width: 20px; height: 20px; padding-bottom:4px;}




/*주문 취소 modal*/
.overlay {    background: rgba(0,0,0,0.65);    position: fixed;    top: 0;    bottom: 0;    left: 0;    right: 0;    margin: auto;    width: 100%;    height: 100%;    opacity: 0;    visibility: hidden;    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;    z-index:3000;}
.overlay.is-on {    opacity: 1;    visibility: visible;}
.overlay.is-on .content { opacity: 1; visibility: visible;top: 0;}
.overlay .content {   background: #fff;    position: absolute;    top: -50%;   bottom: 0;   left: 0;    right: 0;    margin: auto;    width: 460px;   height: 280px;    opacity: 0;   visibility: hidden;  -webkit-transition: all 0.3s ease-in-out;   -o-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out;
}
.overlay .content .popup_cont{    font-size: 16px;    font-weight: 500;    margin:100px auto 60px; text-align: center;}
.overlay .content .popup_btn{    margin:0 auto;text-align: center;}
.overlay .content .popup_btn button:first-child{margin-right: 10px; background: #484848; }
.overlay .content .popup_btn button{background: #e60012;width: 180px;height: 45px; font-size: 16px; border:none;color:#fff;}
#close { position: absolute;    right: 20px; top: 20px; font-size: 15px;    color: #999;    cursor: pointer;}


#cc_link{text-decoration: none;}
#cc_link:hover{text-decoration: underline; cursor: pointer;}