/* BASIC css start */
/* 롤링배너 */

.item_list > .title{text-align:center;margin-bottom:15px;line-height:24px;}
.item_list > .title span{display:block;text-align:center;font-size:13px;margin-left:0;}
item_list best_list_main .brand{display:none;}
.title .brand{display:none;}
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden;     height: 50vh;}
#event .event-imgs { position: relative;     height: 100% !important; }
#event .MS_img-area { float: left;     height: 100% !important; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%;     object-fit: contain; height:100%;}
#event .pagination { position: relative; left: 0; text-align: center; width: 100%;padding: 10px 0;}
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: #ededed; border-radius: 5px; background-size: 19px 7px; width: 20px; height: 10px; }
#event .pagination .swiper-active-switch {background: #ff2d68;width: 60px;}
/* //롤링배너 */
.main h3 {font-size:1.250em; display: inline-block; margin:45px 0 18px 0; padding-top:6px; border-top:1px solid #3b3b3b;}
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}

.scroll {white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}
.scroll::-webkit-scrollbar {display: none;}
.main_drag_navi {font-size:0;width:100%;border-top:1px solid #efefef;border-bottom:1px solid #efefef;}
.main_drag_navi > li {display:inline-block;vertical-align:middle;}
.main_drag_navi > li > a {display:block;width:auto;padding:15px;border-right:1px solid #efefef;font-size:14px;}

#column_top { position:relative }

/* 스페셜세트 배너리스트 */
.main_special_banner {width:100%; clear:both; margin-bottom:30px;}
.main_special_banner > a {display:block;width:auto;}
.main_special_banner > a > img {width:100%;}

.main_spot { position:relative; width:100%; height:0; overflow:hidden }
.main_spot ul li img { width:100% }
.main_spot .bx-pager { position:absolute; bottom:10px; left:0; width:100%; text-align:center; z-index:10 }
.main_spot .bx-pager .bx-pager-item { display:inline-block; margin:0 3px }
.main_spot .bx-pager .bx-pager-item a { display:block; width:7px; height:7px; text-indent:-9999em; border-radius:10px; background:#fff }
.main_spot .bx-pager .bx-pager-item a.active { background:#d72a2a }
.main_spot .bx-controls-direction { margin-top:-40px; position:absolute; top:50%; left:0; width:100% }
.main_spot .bx-controls-direction a { position:absolute; top:0; font-size:50px; color:#fff }
.main_spot .bx-controls-direction .bx-prev { left:5px; }
.main_spot .bx-controls-direction .bx-next { right:5px; }

.main_top_bnnr { padding:7px 0 7px 5px }
.main_top_bnnr ul { *zoom:1 }
.main_top_bnnr ul:after { display:block; clear:both; content:'' }
.main_top_bnnr ul li { float:left; width:33.33% }
.main_top_bnnr ul li a { display:block; padding-right:5px }  
.main_top_bnnr ul li a img { width:100% }  

.main_tit { padding-bottom:20px; position:relative; text-align:center }
.main_tit h2 { font-size:14px; color:#101010; letter-spacing:3px }

#column_new { padding-top:30px; position:relative }
#column_new .list_shopping3x { height:0; text-align:center; overflow:hidden }
#column_new .list_shopping3x ul { width:100%; display:table; table-layout: fixed; box-sizing: border-box; padding:0 3px; text-align:left; font-size:0; }
#column_new .list_shopping3x li { padding-bottom:20px; width:33.33%; display:inline-block; vertical-align:top; }
#column_new .list_shopping3x li a { display:block; position:relative; padding:0 3px; }
#column_new .list_shopping3x li img.listPic { border:1px solid #e8e8e8 }
#column_new .list_shopping3x .list_shoppingInfo { margin-top:10px; text-align:center; font-size:12px }
#column_new .list_shopping3x .listIco { margin-left:-50px; position:absolute; top:0; left:50%; width:28px; height:28px; text-indent:-9999em; background:url(/design/fixntox/10276/m/main/ico_new.png) 0 0 no-repeat; background-size:28px auto }
#column_new .list_shopping3x .bx-pager { width:100%; text-align:center; z-index:10 }
#column_new .list_shopping3x .bx-pager .bx-pager-item { display:inline-block; margin:0 3px }
#column_new .list_shopping3x .bx-pager .bx-pager-item a { display:block; width:7px; height:7px; text-indent:-9999em; border-radius:10px; background:#ddd }
#column_new .list_shopping3x .bx-pager .bx-pager-item a.active { background:#d72a2a }

#column_pick { margin-top:30px; padding:30px 0 18px; position:relative; background:url(/design/fixntox/10276/m/main/bg_md_pick.jpg) top center repeat; background-size:320px auto }
#column_pick .list_shopping3x { height:0; text-align:center; overflow:hidden }
#column_pick .list_shopping3x li { padding-bottom:6px }
#column_pick .list_shopping3x li img.listPic { border:none }
#column_pick .list_shopping3x .bx-pager { margin-top:15px; width:100%; text-align:center; z-index:10 }
#column_pick .list_shopping3x .bx-pager .bx-pager-item { display:inline-block; margin:0 3px }
#column_pick .list_shopping3x .bx-pager .bx-pager-item a { display:block; width:7px; height:7px; text-indent:-9999em; border-radius:10px; background:#ddd }
#column_pick .list_shopping3x .bx-pager .bx-pager-item a.active { background:#d72a2a }

#column_best { margin-top:30px }

#column_whole { margin-top:30px; padding:30px 0 18px; position:relative; background:#fff; background-size:320px auto }
#column_whole .list_shopping3x { height:0; text-align:center; overflow:hidden }
#column_whole .list_shopping3x li { padding-bottom:20px }
#column_whole .list_shopping3x li img.listPic { border:none; border-radius:200px }
#column_whole .list_shopping3x .bx-pager { width:100%; text-align:center; z-index:10 }
#column_whole .list_shopping3x .bx-pager .bx-pager-item { display:inline-block; margin:0 3px }
#column_whole .list_shopping3x .bx-pager .bx-pager-item a { display:block; width:7px; height:7px; text-indent:-9999em; border-radius:10px; background:#ddd }
#column_whole .list_shopping3x .bx-pager .bx-pager-item a.active { background:#d72a2a }

/* 유투버 영역 */
.youtube_title {width:100%; margin-top:60px;background:#000;}
.youtube_title span {display:block;font-size:1.5em;font-weight:bolder;color:#fff;padding:25px 15px;}
.youtube_title span em {font-size:.6em;font-style:normal;}


.title_box{    text-align: center;margin-bottom: 10px;}
.title_box h3{ font-size: 26px; font-weight: bold; line-height: 26px; display: inline-block; margin-bottom: 10px; }
.title_box p{font-size: 18px; color: #aaaaaa;}


.cat_item_title { padding: 0 25px;font-size: 14px;margin-bottom: 20px;}
.cat_item_title i { width: 66px; display: inline-block; vertical-align: middle; margin-right: 10px; }
.cat_item_title i img{ width:100%}


.cat_item { margin-bottom: 90px; }
.cat_item  .swiper-slide .sled_box{float: left;margin-right: 40px;width: 280px;margin-right: 26px;position: relative}
.cat_item  .swiper-slide .sled_box:last-child{margin-right: 0;}

.cat_item  .swiper-slide .sled_box .uert_poto{width: 124px;border: 5px solid #fff; height: 124px;border-radius: 50%;position: absolute ; z-index: 9; left: 147px;top: 244px;background: #ff7c7c;overflow: hidden}
.cat_item  .swiper-slide .sled_box .themp{display: inline-flex;margin-bottom: 20px;}
.cat_item  .swiper-slide .sled_box .user_name{font-size: 18px;margin-bottom: 25px;font-weight: bold}
.cat_item  .swiper-slide .sled_box .user_review{font-size: 16px; line-height: 20px; margin-bottom: 25px;height: 55px;overflow: hidden}
.cat_item  .swiper-slide .sled_box .ca_name{ font-size: 16px;color: #aaaaaa}

/* 인스타 박스  */
.instar_box{width: 100%;padding: 5px;box-sizing: border-box;}
.instar_box .title{text-align: center;font-size: 18px; line-height: 18px;margin-bottom:20px; }
.instar_box .title i{background: url("/design/fixntox/new/mobile/img/insta_taile.png") no-repeat ;width: 25px; height: 25px;display: inline-block;    vertical-align: middle;}
.instar_box ul:after{clear: both; display: block; content: ""} 
.instar_box ul li{float: left;width: 50%;padding: 5px; box-sizing: border-box;}


    #instafeed { display:block; }
    #instafeed .post { display:inline-block; *display:inline; *zoom:1; position:relative; width:49.6%; margin:0.2%; box-sizing:border-box; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1); overflow:hidden; vertical-align:top; font-size:0; }
    #instafeed .post img { width:100%; height:100%; transition:all .3s ease; -webkit-transition:all .3s ease; }

    /* 캡션(사용안함) */
    #instafeed .post .tit { display:none; }










.main_box_line_1 { margin: 90px auto 80px;}

.main_box_line_2 ul li img,.main_box_line_4 ul li img{width:100%}

.main_title_span{    font-size: 24px;     color: #222;
    text-align: center;
    font-weight: 600;
    margin-bottom: 1.5rem;}
    
    
    .main_review{
    background: #f5f5f5;
    padding: 50px 0;
    }

/*타임딜*/

.main_time_deal {
    margin: 100px 0;
}
.best_prd_list{padding: 100px 0;}
.main_title{font-size:30px; color:#222; text-align: center; font-weight: 600; margin-bottom:20px;}
.max-width_inner {
    width: 100%;
    padding:0 20px;
    box-sizing: border-box
}


/*띠배너*/



/*베스트상품*/
.main_time_deal .display-title{display:none;}
.main_time_deal .display-sub{display:none;}
.best_prd_list .display-title{display:none;}
.best_prd_list .display-sub{display:none;}
.banner-area a{

    height: 100%;
    display: block;
}
.banner-area img{    width: 100%;
      height: 100%;
    object-fit: cover;}

.recom_prd_list .display-wrap .product-area.type-row .prd-wrap{grid-template-columns: 80px minmax(80px, 1fr);}

/*배너 추천상품*/
.recom_prd_list{padding: 0px 0 100px;}
.recom_prd_list .banner-area{height:240px; width: 100%;}
.display-wrap{padding:0;}
.display-wrap .display-title{margin: 0px 0 13px; line-height:1.5;   word-break: keep-all;}
.display-wrap .display-sub{ line-height:1.5;   word-break: keep-all;}

textarea,
input[type=text], 
input[type=password] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 5px; border: 1px solid #dadada; background: #fff; -webkit-border-radius: 1px; -webkit-appearance: none; }
#pr-wrap .top { position:fixed;right:10px;top:53.8%;width:40px;height:40px;background:url('/design/fixntox/mobile/img/common/main_btn_02.png') center center / 100% no-repeat;text-indent: -9999px; }
#pr-wrap li {list-style:none;}
#pr-container { position: relative; }

/* header */
#pr-header {  position:relative; border-bottom: 1px solid #e0e0e0; background: #fff; height: 48px; }
#pr-header h1 { padding-left: 10px; color: #444; font-size: 1.125em; font-weight: bold; letter-spacing: -1px; line-height: 48px; }
#pr-header .menu { z-index:100; display: none; position: absolute; top: 48px; left: 10px; width: 130px; border: 1px solid #dadada; border-top: 0; background: #fff; }
#pr-header .menu li { height: 33px; }
#pr-header .menu li a { display: block; height: 100%; line-height: 33px; padding-left: 10px; color: #808080; font-size: .875em; letter-spacing: -1px; }
#pr-header .menu li a:hover { background: #f9f9f9; }
#pr-header .list { position: absolute; top: 0; left: 0; width: 46px; height: 48px; background: url(/images/d3/m_01/btn/btn_list@2x.gif) no-repeat 50% 50%; background-size: 18px 16px; text-indent: -9999px; }
#pr-header .side { position: absolute; top: 0; right: 0; width: 46px; height: 48px; background: url(/images/d3/m_01/btn/btn_side@2x.gif) no-repeat 50% 50%; background-size: 46px 48px; text-indent: -9999px; }


.price_bottmo {
    gap: 6px;
    display: flex;
    align-items: center;
        margin-top: 8px;
}





ul.rev_box:after{ clear: both;display: block;content: ""}
ul.rev_box { padding:0 15px; box-sizing: border-box;}
ul.rev_box li{width: 50%; padding: 0 5px; box-sizing: border-box; float: left; margin-bottom: 20px;}
ul.rev_box li .pic{display: grid; border:1px solid #ddd;}
ul.rev_box li .pic img{width: 100%}
ul.rev_box li .review_info { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; box-sizing: border-box; padding: 10px;}
ul.rev_box li .re_box1{border-bottom: 1px solid #ddd; margin-bottom: 5px; padding-bottom: 5px}
ul.rev_box li .re_box2:after{ clear: both;display: block;content: ""}
ul.rev_box li .re_box2 .item_info { float: left; margin-left: 10px; }
ul.rev_box li .re_box2 .item_img { float: left; }
.item_re_n_str_n me{font-style: normal; color:#c6b7af }
.re_item_name { margin-bottom: 10px; margin-top: 5px; }
ul.rev_box li .re_box1 .re_u_name {    color: #c5c5c4;}
ul.rev_box li .re_box1 .re_title {    
display: inline-block;   
margin-bottom: 5px;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    width: 90%;
}

.bbs-tit strong{ margin-left: 5px; border-left: 5px solid #fe2d67; margin: 10px 0 10px 5px; display: block; padding-left: 5px; }




.older_top_tabq {margin-top: 30px;}
.older_top_tabq ul:after{clear: both;display: block; content: ""}
.older_top_tabq ul { text-align: center; margin-top: 30px; margin-bottom: 97px; margin: 0 auto 60px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; }
.older_top_tabq ul li {position: relative; box-sizing: border-box; width:50%; display: inline-block; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 0; float: left; }
.older_top_tabq ul li a { width: 100%; height: 58px; line-height: 58px; padding: 0 8px; font-size: 15px; display: inline-block; box-sizing: border-box; text-align: center; color: #555555; }
.older_top_tabq ul li.on a:after{display: block; content: "";background: #ff2e68;height: 3px;width: 100%;position: absolute;bottom: 0;left:0}



.riview_gift { margin-bottom: 60px; }
.best_list_main .title{text-align: center;}



.best_list_main{padding:50px 15px; box-sizing: border-box;}



/* timeSale_카운트 다운 */

.timerSection {width:100%; margin:0 auto; position:relative;}

.larkB {
    font-family: larken, sans-serif;
    font-style: normal;
    font-weight: 700;
}

.larkN {
    font-family: larken, sans-serif;
    font-style: normal;
    font-weight: 100;
}

.timeSale {
    padding: 100px 0;
    font-family: larken, sans-serif;
    font-style: normal;
    font-weight: 100;
}

.timeSale h5 {
    font-size: 35px;
    color: #fff;
    text-align: center;
}

.timeSale h1 {
    font-size: 90px;
    color: #000;
    text-align: center;
    letter-spacing: -3px;
}

.timeSale h3 {
    font-size: 42px;
    color: #000;
    text-align: center;
    letter-spacing: -1px;
}

.timer {
    width: 100%;
    height: auto;
    /* background-color: #fff; */
    text-align: center;
    padding: 20px 0 0;
    position: relative;
}

.time {
    width: 90%;
    margin: 0 auto;
    font-size: 30px;
    color: #000;
    display: flex;
    /* font-weight: bold; */
}

.time .date {
    font-size: 20px;
    padding-top: 20px;
}

.time .col {
    color: #000;
    padding: 20px 0;
}

.timeBtm {
    width: 25%;
    height: auto;
    margin: 0 auto;
    color: #000;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    /*padding: 20px 0 0;*/

}

#d-day-day {
    /* width: 100px;
height: 100px; */
    display: inline-block;
    padding: 25px 0;
    /* background-color: #000; */
    border-radius: 20px;
    line-height: 20px;
    font-family: larken, sans-serif;
    font-style: normal;
    font-weight: 700;
}

#d-day-day2 {
    /* width: 100px;
height: 100px; */
    display: inline-block;
    padding: 20px 20px;
    color: #000;
    border-radius: 20px;
    line-height: 20px;
    font-size: 18px;
    font-family: larken, sans-serif;
    font-style: normal;
    font-weight: 700;
}

#d-day-hour {
    /* width: 100px;
height: 100px; */
    display: inline-block;
    padding: 0 0 10px 0;
    /* background-color: #000; */
    border-radius: 20px;
    line-height: 50px;
    font-family: larken, sans-serif;
    font-style: normal;
    font-weight: 700;
}

#d-day-hour2 {
    /* width: 100px;
height: 100px; */
    display: inline-block;
    padding: 20px 20px;
    color: #000;
    border-radius: 20px;
    line-height: 20px;
    font-size: 18px;
}

#d-day-min {
    /* width: 100px;
height: 100px; */
    display: inline-block;
    padding: 0 0 10px 0;
    /* background-color: #000; */
    border-radius: 20px;
    line-height: 50px;
    font-family: larken, sans-serif;
    font-style: normal;
    font-weight: 700;
}

#d-day-min2 {
    /* width: 100px;
height: 100px; */
    display: inline-block;
    padding: 25px 20px;
    color: #000;
    border-radius: 20px;
    line-height: 20px;
    font-size: 18px;
}

#d-day-sec {
    /* width: 100px;
height: 100px; */
    display: inline-block;
    padding: 0 0 10px 0;
    /* background-color: #000; */
    border-radius: 20px;
    line-height: 50px;
    font-family: larken, sans-serif;
    font-style: normal;
    font-weight: 700;
}

#d-day-sec2 {
    /* width: 100px;
height: 100px; */
    display: inline-block;
    padding: 20px 20px;
    color: #000;
    border-radius: 20px;
    line-height: 20px;
    font-size: 18px;
}

#d-day-end {
    width: 100%;
    height: 100%;
    line-height: 137px;
    position: absolute;
    left:0;
    top: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    font-size: 26px;
    text-align:center;
    z-index:1;
        align-items: center;
        justify-content: center;

}


.main_time_deal .thumb {
    position: relative;
}

p.time-title {
    font-size: 24px;
    margin: 2rem 0;
    font-weight: 600;
}



li.prd-name a {
font-size: 17px;
    margin: 1.5rem 0 0.5rem;
    font-weight: 600;
    display: block;
}

li.prd_descript {
    font-size: 14px;
    color: #8d8d8d;
    display: block;
    margin-bottom: 1rem;
}

li.prd-price strike {
    font-size: 17px;
    color: #a9a9a9;
}

.prd-price span.price {
    font-size: 24px;
    font-weight: 600;
    margin-left: 0.5rem;
}



.price_flex_in {
    display: flex;
    align-items: center;
    gap: 10px;
}

.prd-info ul {
    display: flex;
    flex-direction: column;
    align-items: center;
}


p.time_sale_percent {
    color: #e71717;
    font-size: 25px;
    font-weight: 600;
}



li.prd-price {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: column;
}

.list_discount {
    color: #ff2d68;
    font-weight: 600;
    font-size: 20px;
}


.more_btn{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 20px 0 30px;
    padding:0 20px;
}

.more_btna p{
font-size: 14px;
}

.re_box2 {
    display: flex;
    align-items: center;
}

/* BASIC css end */