@import url("/css/web-font.css"); /*폰트사이즈*/ .fs20{font-size: 20px;} .fs40{font-size: 40px;} /*마진*/ .ml14{margin-left: 14px;} .mt20{margin-top: 20px;} .mt30{margin-top: 30px;} .mt40{margin-top: 40px;} /*컬러*/ .gra9{color:#a9a9a9;} .gr3a{color:#3accad;} .reff{color:#ff4c70;} /*배경컬러*/ .gr3a_b{background:#3accad;} .reff_b{background:#ff4c70;} /*폰트두께*/ .fwb{font-weight: 700;} /*패딩*/ .pt0{padding-top: 0 !important;} /*inner1000 컨테이너*/ .inner1200{width: 1200px; margin: 0 auto; position: relative;} .inner1000{width: 1000px; margin: 0 auto; position: relative;} /*소 타이틀*/ .inner1000 h2{text-align: center; font-size:36px; color:#111111; padding:50px 0;} .inner1200 h2{text-align: center; font-size:36px; color:#111111; padding:50px 0;} /*container*/ /*#container{width: 100%; height: 100%; margin: 0 auto; display: block; position:relative}*/ /*#container .inner1000{width: 1000px; margin: 0 auto;}*/ #cart_content{ background-color: #f3f3f3; padding-bottom: 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;} body{background: url(/images/pc_demo01.jpg) no-repeat; background-size: 0px; background-position: center top;} /*말줄임표*/ .txt_over{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal !important; display: inline-block;} .txt_over2{white-space: normal; line-height: 1.2; height: 3.6em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} #wrap{width: 100%; height: 100%; position: relative;} /*header*/ #header{width: 100%;} #header .gnb{width: 100%; height:30px; border-bottom: 1px solid #e1e1e1; background: #fff;} #header .lnb{width: 100%; height:77px; border-bottom: 1px solid #e1e1e1; background: #fff; position: fixed;top:0; left: 0; z-index: 20;} #header .snb{width: 100%; height:50px; border-bottom: 1px solid #e1e1e1; background: #f6f6f6; margin-top: 77px;} #header .header_inner{ } #header .gnb ul li {padding: 0 15px; line-height: 30px;} #header .gnb ul li:last-child {padding: 0 0 0 15px;} #header .lnb h1{ font-size: 0px;width: 130px; height: 100%; float: left; margin-right: 130px;} #header .lnb h1 a{width: 100%; height: 100%; } #header .lnb h1 a span.logo{background: url(/images/pc/pc_icon.png) no-repeat; background-size: 420px;background-position:0px -6px; width: 120px; height:33px; font-size: 0px;text-indent: -9999999px; display: block; margin: 22px auto;} #header .lnb .lnb_menu{width:285px; float: right; height: 100%;} #header .lnb .lnb_menu ul{display: block; margin: 0 auto; height: 100%;} #header .lnb .lnb_menu ul > li{padding: 0px 20px; display: block; float: left; height: 100%; line-height: 77px; } #header .lnb .lnb_menu ul > li > a{font-size: 21px; color: #111; font-weight:800; height: 73px;transition: all 0.2s ease;} #header .lnb .lnb_menu > ul > li > a:hover{border-bottom: 5px solid #fe3e64; color: #fe3e64; font-weight:900;} #header .lnb .lnb_menu > ul > li > a.active2{border-bottom: 5px solid #fe3e64; color: #fe3e64; font-weight:900;} #header .lnb .icon_set{position: relative;} #header .lnb .icon_set > ul li a{font-size: 0px; text-indent: -999999px; width: 100%; height: 100%; } #header .lnb .icon_set > ul li{width: 35px; height: 77px; display: block; float: left; margin-left: 16px; position: relative;} #header .lnb .icon_set ul li .counting{position: absolute; top: 15px; right: -10px; font-weight:800;width: 20px; height: 20px; background:#00a9aa; color: #fff; font-size: 13px; text-align: center; border-radius: 100%;} #header .lnb .icon_set ul li .login_badge{position: absolute; top: 15px; right: -10px; font-weight:500;width: 20px; height: 20px; background:#3accad; color: #fff; font-size: 13px; text-align: center; border-radius: 100%;} #header .lnb .icon_set ul li .logout_badge{position: absolute; top: 15px; right: -10px; font-weight:500;width: 20px; height: 20px; background:#808080; color: #fff; font-size: 13px; text-align: center; border-radius: 100%; display: none;} #header .lnb .icon_set ul li.search_icon a {background: url(/images/pc/pc_icon.png) no-repeat; background-position: -163px 1px; background-size: 357px; height: 40px; margin: 20px 0; display: block; cursor: pointer;} #header .lnb .icon_set ul li.cart_icon a{background: url(/images/pc/pc_icon.png) no-repeat; display: block; background-position: -126px 0px; background-size: 383px; height: 40px; margin: 20px 0;} #header .lnb .icon_set ul li.user_icon a{background: url(/images/pc/pc_icon.png) no-repeat; display: block; background-position: -218px 2px; background-size: 370px; height: 40px; margin: 20px 0;} #header .lnb .icon_set .user_menu{position:absolute; top:77px; left:50%; margin-left:-45px;background:#fff; border:1px solid #fe3e64; box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2); height: auto; z-index: 9999; width: 170px;} #header .lnb .icon_set .user_menu:before{top: -30px; left: 51%; content: " "; height: 0; width: 0; position: absolute; border: solid transparent; border-color:rgba(46, 46, 46, 0); border-bottom-color: #ff5675;; border-width: 15px; } #header .lnb .icon_set .user_menu:after{top: -28px; left: 51%; content: " "; height: 0; width: 0; position: absolute; border: solid transparent; border-color:rgba(46, 46, 46, 0); border-bottom-color: #fff;; border-width: 15px; } #header .snb ul li{ width: calc(100% /9); display: inline-block; text-align: center; float: left; height: 100%; line-height: 50px;} #header .snb ul li a{ font-size: 15px; color: #111; font-weight: 600; position: relative;} #header .snb ul li a:hover{color:#fe3e64;} #header .snb ul li a:hover:after{content: ''; position: absolute; top:7px; left: -10px; width: 5px; height: 5px; background: #fe3e64; border-radius: 50%; } #header .snb ul li a.active3{color:#fe3e64;} #header .snb ul li a.active3:after{content: ''; position: absolute; top:7px; left: -10px; width: 5px; height: 5px; background: #fe3e64; border-radius: 50%; } #header .lnb .icon_set .user_menu .login_wrap{ display: block; width: 100%; padding: 10px 15px; height: 55px; box-sizing: border-box;} #header .lnb .icon_set .user_menu .login_wrap > a{display: block; width: 60px; height: 30px; text-align: center;line-height: 30px; font-size: 14px;} #header .lnb .icon_set .user_menu .login_wrap > a.login_btn{ background: #ff6a80; color: #fff;border:1px solid #fc2357;} #header .lnb .icon_set .user_menu .login_wrap > a.login_btn:hover{border:1px solid #fc2357; background: #fc3c64;} #header .lnb .icon_set .user_menu .login_wrap > a.join_btn{ background: #fcf7fb; color: #555; margin-left: 15px; border:1px solid #aaa;} #header .lnb .icon_set .user_menu .login_wrap > a.join_btn:hover{border:1px solid #333;color: #222;} #header .lnb .icon_set .user_menu .logout_wrap{display: block; width: 100%; padding: 10px 15px; height: 55px; box-sizing: border-box;} #header .lnb .icon_set .user_menu .logout_wrap > a{display: block; width: 60px; height: 30px; text-align: center;line-height: 30px; font-size: 14px;} #header .lnb .icon_set .user_menu .logout_wrap > a.logout_btn{ background: #fff; color: #555; margin-left: 15px; border:1px solid #aaa; font-size: 14px;} #header .lnb .icon_set .user_menu .logout_wrap > a.logout_btn:hover{border:1px solid #333;color: #222;} #header .lnb .icon_set .user_menu .logout_wrap .user_info{letter-spacing: -1px;} #header .lnb .icon_set .user_menu .logout_wrap .user_info > span{max-width: 45px; font-size: 14px; color:#fe3c63; font-weight: 600; float: left} #header .lnb .icon_set .user_menu .menu_list{width: 100%;} #header .lnb .icon_set .user_menu .menu_list ul li{width: 100%; height: 40px; border-top: 1px solid #efefef; padding-left:15px; box-sizing: border-box; margin-left: 0px; line-height: 40px;} #header .lnb .icon_set .user_menu .menu_list ul li a{font-size: 14px; color: #222; width: 100%; height: 100%;} #header .lnb .icon_set .user_menu .menu_list ul li:hover{background: #f3f3f3;} /*footer*/ .each24{color:#666; font-size: 12px; margin-bottom: 15px;} #footer{width: 100%; display: inline-block;} #footer .inner1000{width: 1200px; margin: 0 auto; padding: 30px 20px 40px 20px;box-sizing: border-box; position: relative; } #footer .inner1000:after{content: ''; display: block; clear: both;} #footer .footer_center_info{width: 100%; background: #f3f3f3;} #footer .footer_center_info h3 img{width:120px; height: 33px;} #footer .footer_center_info .center{padding-top: 20px;} .f_middle{margin-left: 100px; padding-top: 12px;} .f_middle .txt{margin-top: 3px;} .cs_btn{margin: 15px 0 0 0;} .cs_btn .center_btn{color:#818181; border: 1px solid #b6b6b6; padding: 5px 10px; border-radius: 5px;} .cs_btn .center_btn:hover{background: #b6b6b6; color:#fff;} .cs_btn .center_btn:first-child{margin-right: 10px;} .cs_btn:after{content: ''; display: block; clear: both;} .footer_katalk{position: absolute; top: 50%; margin-top: -25px; right: 0;} .footer_katalk img{box-shadow: 3px 6px 7px rgba(9,9,9,0.1); width: 50%;} .footer_katalk ul:after{content: ''; display: block; clear: both;} .footer_katalk ul li:first-child{margin-right: -38px;} .footer_katalk ul li{float: left;} #footer .footer_terms{width: 100%; background: #fff; height: 150px; } #footer .footer_terms a{font-size: 13px; padding: 0px 30px 20px 0px; color: #aaaaaa } #footer .footer_terms address{font-size: 12px; width: 100%; color: #aaaaaa; text-align: left; line-height: 19px; } #footer .footer_terms address > span{color: #aaaaaa;font-size: 12px; margin: 0 3px;} /*퀵메뉴*/ #quick_menu{width: 100px;text-align: center; position: absolute; top: 176px; right: 50%; margin-right: -742px; background-color: #F6F7F7; border: 1px solid #AAAAAA; z-index: 10;} #quick_menu .quiuk_cart{border-top: 3px solid #fe3c63; padding: 10px; background: #fff;} #quick_menu .quiuk_cart .icon{width: 50px; height: 50px; display: block; background: url(/images/pc/pc_icon.png) no-repeat; background-position: -329px 0px; background-size: 470px; position: relative; margin: 0 auto;} #quick_menu .quiuk_cart .icon >em{position: absolute; top:6px; right: -5px; width: 20px; height: 20px; background: #fe3c63; border-radius: 100%; color: #fff; text-align: center;} #quick_menu .quick_recently{border-top:1px solid #AAAAAA; padding: 10px 0px;} #quick_menu .quick_recently > p{margin-bottom: 9px;} #quick_menu .quick_recently ul >li {border:1px solid #b8b8b8; width: 80%; margin: 0 auto 10px; position: relative; } #quick_menu .quick_recently ul >li {border:1px solid #b8b8b8; width: 80%; margin: 0 auto 10px; } #quick_menu .quick_recently ul >li > a> img {width: 100%; position: relative; z-index: 1;} #quick_menu .quick_recently .prev{width: 49.5px; height: 25px; background: #fff; border-right: 1px solid #aaa; border-top: 1px solid #aaa; margin-top: 10px;} #quick_menu .quick_recently ul >li .detail{display: block; width: 250px; height: 110px; background: #fff; position:absolute; top: -10px; right: -10px; border: 1px solid #333; padding: 10px; box-sizing: border-box; display: none;} #quick_menu .quick_recently ul >li:hover .detail{display: block;} #quick_menu .quick_recently ul >li .detail .pdt_name{ text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow:ellipsis; height:45px; width: 135px; color: #111;} #quick_menu .quick_recently ul >li .detail .pdt_pri{text-align: left; font-weight: 600; color: #222; font-size: 15px; bottom: -30px; position: relative;} #quick_menu .quick_recently .prev > i{background: url(/images/pc/pc_icon.png) no-repeat; background-position: -370px -100px; background-size: 450px; width: 27px; height: 27px; display: block; margin: 0 auto;} #quick_menu .quick_recently .next{width: 49.5px; height: 25px;background: #fff; border-top: 1px solid #aaa; margin-top: 10px;} #quick_menu .quick_recently .next > i{background: url(/images/pc/pc_icon.png) no-repeat; background-position: -543px -142px; background-size: 620px; width: 27px; height: 27px;display: block; margin: 0 auto;} /*메인 롤링 배너*/ #main_slider{width: 100%; height: 400px;} #main_slider .main_swiper{width: 100%; height: 100%; position: relative;} #main_slider .main_swiper .swiper-wrapper{width: 100%; margin: 0 auto;} #main_slider .main_swiper .swiper-slide {text-align: center; background-position: center center; font-size: 18px; width: 100% !important; background: #fff; border: 1px solid #eee; height: 400px; background: no-repeat; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; text-align: center;} #main_slider .main_swiper .swiper-button-wrap {width: 1200px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; box-sizing: border-box;} #main_slider .main_swiper .swiper-button-prev {background: url(/images/pc/pc_icon.png) no-repeat; background-position:-459px -83px; background-size: 566px; width: 45px; height: 45px; left: -40px; right: auto;} #main_slider .main_swiper .swiper-button-next{background: url(/images/pc/pc_icon.png) no-repeat; background-position:-505px -83px; background-size: 566px; width: 45px; height: 45px; right: -40px; left: auto;} #main_slider .main_swiper .main_swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{text-align: center;} #main_slider .swiper-pagination-bullet-active{background: #fe3c63;} /*오늘의 핫아이템*/ #container .today_hot{width: 1200px; margin: 70px auto;} #container .today_hot .tit h3{font-size: 0px; text-indent: -99999px; background: url(/images/pc/pc_icon.png) -3px -202px no-repeat; background-size: 420px; width: 202px; height: 42px; margin: 25px auto 2px;} #container .today_hot .tit p{text-align: center; font-size: 17px; letter-spacing: -0.8px; color: #111; position: relative;} #container .today_hot .tit p:before{content: ''; display: block; position: absolute; top: 13px; width: 388px; height: 1px; background: #24221f; left:0;} #container .today_hot .tit p:after{content: ''; display: block; position: absolute; top: 13px; width: 388px; height: 1px; background: #24221f; right:0;} #container .today_hot .pdt_list{width: 1200px; height: 345px; position: relative; margin-top: 20px; overflow: hidden; box-sizing: border-box;} #container .today_hot .pdt_list .today_hot_swiper{width: 100%; height: 315px; margin-top: 30px; } #container .today_hot .pdt_list .today_hot_swiper .swiper-wrapper{width: 1000px;margin: 0 auto;} #container .today_hot .pdt_list .swiper-slide {text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #container .today_hot .pdt_list .today_hot_swiper .swiper-button-prev{background: url(/images/pc/pc_icon.png) no-repeat; background-position:-464px -81px; background-size: 566px; width: 40px; height: 40px; left: 10px; right: auto; } #container .today_hot .pdt_list .today_hot_swiper .swiper-button-next{background: url(/images/pc/pc_icon.png) no-repeat; background-position:-510px -81px; background-size:566px; width: 40px; height: 40px; right: 10px; left : auto;} #container .today_hot .pdt_list .today_hot_swiper .swiper-pagination{top: 1px; left: auto; right:0px; width: 100px;} #container .today_hot .pdt_list .today_hot_swiper .swiper-pagination-bullet{background: none; color: #111; width: 20px; height:20px; line-height: 20px; font-size: 15px; font-weight: 100; opacity: 0.7;} #container .today_hot .pdt_list .today_hot_swiper .swiper-pagination-bullet-active{background: #fe3c63; color: #fff; opacity: 1;} #container .today_hot .pdt_list .today_pdtList{width: 100%; height: 100%;} #container .today_hot .pdt_list .today_pdtList li{width: 200px; height: 99.5%; float: left; padding: 10px; border:1px solid #eee; box-sizing: border-box; border-right: none; position: relative; cursor: pointer;} #container .today_hot .pdt_list .today_pdtList li:after{display: block; width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: -1px; z-index: 1; } #container .today_hot .pdt_list .today_pdtList li:hover:after{border:1px solid #fe3c63;} #container .today_hot .pdt_list .today_pdtList li:nth-child(5){border-right: 1px solid #eee;} #container .today_hot .pdt_list .today_pdtList li:nth-child(10){border-right: 1px solid #eee;} #container .today_hot .pdt_list .today_pdtList li:nth-child(15){border-right: 1px solid #eee;} #container .today_hot .pdt_list .today_pdtList li .thumb_img{width: 100%; position: relative; height: auto; display: inline-block;} #container .today_hot .pdt_list .today_pdtList li .sold_position{position: relative;} #container .today_hot .pdt_list .today_pdtList li .thumb_img img{width: 100%;} #container .today_hot .pdt_list .today_pdtList li:nth-child(1) .thumb_img em.ranking, #container .today_hot .pdt_list .today_pdtList li:nth-child(2) .thumb_img em.ranking, #container .today_hot .pdt_list .today_pdtList li:nth-child(3) .thumb_img em.ranking{background: rgba(254, 60, 99, 1);} #container .today_hot .pdt_list .today_pdtList li .thumb_img em.ranking{ position: absolute; background: rgba(254, 60, 99, 0.5); width: 40px; height: 40px; text-align: center; background-size: 440px; background-position: -401px -2px; top:0px; left: 0px; font-size: 20px; font-weight: 400; color: #fff; font-family: 'nerisbold'; line-height: 36px; } #container .today_hot .pdt_list .today_pdtList li .thumb_img em.ranking.no3{background-position: -364px -2px;font-weight: 800; } #container .today_hot .pdt_list .today_pdtList li .pdt_name{width: 90%; letter-spacing: -1px; font-size: 15px; color: #111; display: block; text-align: center; min-height: 42px; max-height: 42px; overflow: hidden; margin: 10px auto 0px;} #container .today_hot .pdt_list .today_pdtList li .price{width: 100%; color: #fe3e64; font-size: 18px; font-weight: 600; font-family: 'nerissemibold';} #container .today_hot .pdt_list .today_pdtList li .price em.ori_pri{font-size: 13px; text-decoration: line-through; color: #b7b6b6; margin-right: 3px; font-family: 'nerislight'; } #container .today_hot .pdt_list .today_pdtList li .price em{font-size: 14px;color: #fe3e64;} /*솔드아웃*/ .sold_position .laySoldOut{position: absolute; width: 100%; height: 100%; text-align: center;} .sold_position .laySoldOut .tb{height: 206px;} /*솔드아웃 end*/ /*솔드아웃2*/ .sold_position2 .laySoldOut{position: absolute; width: 100%; height: 100%; text-align: center;} .sold_position2 .laySoldOut .tb{height: 281px;} /*솔드아웃2 end*/ /*메인 앱설치 배너*/ #container .app_imgbanner{padding: 40px 0 20px; background:#f9f9f9; width: 100%;position: relative;} #container .app_imgbanner:after{content: ''; display: block; width: 1200px; height: 1px; background: #fe3c63; position: absolute; top:0; left: 50%; margin-left: -600px;} #container .app_imgbanner > ul{height: 172px;box-sizing: border-box; padding: 26px 0;} #container .app_imgbanner > ul > li{float: left; margin-right: 5px;border: 1px solid #eee; box-sizing: border-box;transition: all 0.4s ease; } #container .app_imgbanner > ul > li:last-child{margin-right: 0px;} #container .app_imgbanner > ul > li:hover{box-shadow: 3px 6px 7px rgba(9,9,9,0.1); -webkit-box-shadow: 3px 6px 7px rgba(9,9,9,0.1); -moz-box-shadow: 3px 6px 7px rgba(9,9,9,0.1);} /*카테고리별 인기상품*/ #container .category_best_wrap{width: 1200px; margin:0 auto 0 auto; height:auto;} #container .category_best_wrap .tit h3{font-size: 0px; text-indent: -99999px; background: url(/images/pc/pc_icon.png) no-repeat; background-position: -131px -52px; background-size: 445px; width: 217px; height: 39px; margin: 25px auto 2px;} #container .category_best_wrap .tit p{text-align: center; font-size: 17px; letter-spacing: -0.8px; color: #111; position: relative;} #container .category_best_wrap .tit p:before{ content: ''; display: block; position: absolute; top: 13px; width: 375px; height: 1px; background: #24221f; left:0;} #container .category_best_wrap .tit p:after{ content: ''; display: block; position: absolute; top: 13px; width: 375px; height: 1px; background: #24221f; right:0;} #container .category_best_wrap .pdt_list{width: 1200px; height: 100%; position: relative; overflow: hidden; box-sizing: border-box; margin-top: 25px;} #container .category_best_wrap .pdt_list:last-child{margin-bottom: 20px;} #container .last_mb .pdt_list:last-child{margin-bottom: 50px;} #container .category_best_wrap .pdt_list .pdtList_tit{width: 1100px; margin: 0 auto; font-size: 22px; color: #fe3c63; font-weight: 600; padding-bottom: 15px;} #container .category_best_wrap .pdt_list .category_best_swiper{width: 100%; margin-top: 10px; } #container .category_best_wrap .pdt_list .category_best_swiper .swiper-wrapper{width: 1200px; margin: 0 auto; border-bottom: 0px solid #676767;} #container .category_best_wrap .pdt_list .swiper-slide {text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #container .category_best_wrap .pdt_list .category_best_swiper .swiper-button-prev{display: none; background: url(/images/pc/pc_icon.png) no-repeat; background-position:-466px -83px; background-size: 566px; width: 40px; height: 40px; left: 10px; right: auto; top:50.8%; } #container .category_best_wrap .pdt_list .category_best_swiper .swiper-button-next{display: none; background: url(/images/pc/pc_icon.png) no-repeat; background-position:-508px -83px; background-size:566px; width: 40px; height: 40px; right: 10px; left : auto; top:50.8%;} #container .category_best_wrap .pdt_list .category_best_swiper .swiper-pagination{top: 5px; left: auto; right:30px; width: 100px;} #container .category_best_wrap .pdt_list .category_best_swiper .swiper-pagination-bullet{background: none; color: #111; width: 20px; height:20px; line-height: 20px; font-size: 15px; font-weight: 100; opacity: 0.7;} #container .category_best_wrap .pdt_list .category_best_swiper .swiper-pagination-bullet-active{background: #fe3c63; color: #fff; opacity: 1;} #container .category_best_wrap .pdt_list .today_pdtList{width: 100%; height: 100%;} #container .category_best_wrap .pdt_list .today_pdtList li{width: 280px; height: 415px; float: left; padding: 10px; box-sizing: border-box; border-top:1px solid #eee; position: relative; cursor: pointer;} #container .category_best_wrap .pdt_list .today_pdtList li:first-child, #container .category_best_wrap .pdt_list .today_pdtList li:nth-child(5){margin-left: 35px;} #container .category_best_wrap .pdt_list .today_pdtList li:after{display: block; width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: -1px; z-index: 1; } #container .category_best_wrap .pdt_list .today_pdtList li:hover:after{border:1px solid #fe3c63;} /*#container .category_best_wrap .pdt_list .today_pdtList li:nth-child(4){border-right: none;}*/ /*#container .category_best_wrap .pdt_list .today_pdtList li:nth-child(8){border-right: none;}*/ /*#container .category_best_wrap .pdt_list .today_pdtList li:nth-child(16){border-right: none;}*/ #container .category_best_wrap .pdt_list .today_pdtList li .thumb_img{width: 100%; position: relative;} #container .category_best_wrap .pdt_list .today_pdtList li .thumb_img img{width: 90%; margin-top: 12px;} #container .category_best_wrap .pdt_list .today_pdtList li .thumb_img span.badge_wrap{ top:auto; left: 0px;position: absolute; } #container .category_best_wrap .pdt_list .today_pdtList li .thumb_img em.dc{ height: 27px; text-align: center; font-size: 15px; font-weight: 400; background:#fe3c63; color: #fff; font-family: 'nerissemibold','Noto Sans KR'; line-height: 27px; border-radius: 20px; padding: 0 7px; float: left; margin-right: 3px;} #container .category_best_wrap .pdt_list .today_pdtList li .thumb_img em.dc.hotdeal{font-family:'Noto Sans KR','Nanum Gothic';} #container .category_best_wrap .pdt_list .today_pdtList li .thumb_img em.deliv{ float: left; width: 60px; height: 27px; text-align: center; font-size: 13px; font-weight: 400; background:rgba(0,0,0,0.6); color: #fff; border-radius: 20px; line-height: 27px;} #container .category_best_wrap .pdt_list .today_pdtList li .thumb_img em.deliv2{ float: left; width: 60px; height: 27px; text-align: center; font-size: 13px; font-weight: 400; background:rgba(0,0,0,0.6); color: #fff; border-radius: 20px; line-height: 27px;} #container .category_best_wrap .pdt_list .today_pdtList li .pdt_name {width: 90%; letter-spacing: -1px; font-size: 16px; color: #111; display: block; text-align: center; overflow: hidden; margin: 10px auto 0px;} #container .category_best_wrap .pdt_list .today_pdtList li .price{width: 100%; color: #fe3e64; font-size: 22px; font-weight: 600; font-family: 'nerisblack';} #container .category_best_wrap .pdt_list .today_pdtList li .price em.ori_pri{font-size: 14px; text-decoration: line-through; color: #b7b6b6; margin-right: 3px; font-family: 'nerislight'; } #container .category_best_wrap .pdt_list .today_pdtList li .price em{font-size: 15px;color: #fe3e64;} #container .category_best_wrap .more_pdtBtn{width: 200px; height: 40px; display: block; border: 1px solid #676767; color: #676767; margin:30px auto 0 auto; text-align: center; line-height: 40px; font-size: 17px; transition: all 0.3s ease-in-out;} #container .category_best_wrap .more_pdtBtn:hover{background: #676767; color:#fff;} #container .category_best_wrap .pdt_list .today_pdtList li.cate_tit{padding: 20px; text-align: left; color: #fff; position: relative;} #container .category_best_wrap .pdt_list .today_pdtList li.cate_tit h3{font-size: 27px; color: #fff; font-weight: 800;text-shadow: 1px 1px 3px rgba(9,9,9,0.2); letter-spacing: -2px;} #container .category_best_wrap .pdt_list .today_pdtList li.cate_tit hr{color: #fff; display: block; border:0.5px solid #fff; width: 30px; margin: 20px 0;} #container .category_best_wrap .pdt_list .today_pdtList li.cate_tit span.cate_txt{color:#fff; font-size: 19px; text-shadow: 1px 1px 3px rgba(9,9,9,0.2);} #container .category_best_wrap .pdt_list .today_pdtList li.cate_tit span.more{position: absolute; bottom: 30px; width: 80%; padding: 5px 10px; font-size: 15px; box-sizing: border-box; letter-spacing: -1.5px; left: 50%; margin-left: -40%; color: #fff; border:1px solid #fff;transition: all 0.4s ease; } #container .category_best_wrap .pdt_list .today_pdtList li.cate_tit span.more:hover{ font-size: 16px; bottom: 35px; padding: 10px 0px 10px 25px; border:none; border-bottom: 1px solid #fff; text-shadow: 1px 1px 3px rgba(9,9,9,0.2);} #container .category_best_wrap .pdt_list .today_pdtList li.cate_tit:after{content: ''; position: absolute; right: 0; top: 50%; width: 0; height: 0; margin-top: -6px; border: 12px solid transparent; border-right-color: #fff; z-index: 1; left: auto;} #container .category_best_wrap .pdt_list .today_pdtList li.cate_tit.new{ background:#fb8e5a; color: #fff; } #container .category_best_wrap .pdt_list .today_pdtList li.cate_tit.new i{width: 60px; height: 60px; background: url(http://img.mysdis.co.kr/images/cate_v08.svg) no-repeat; display: block; background-size: 130px; background-position: -73px 0px;} #container .category_best_wrap .pdt_list .today_pdtList li.cate_tit.recently{ background: #8ededb; color: #fff; } #container .category_best_wrap .pdt_list .today_pdtList li.cate_tit.beauty{ background: #fba4c1; color: #fff; } #container .category_best_wrap .pdt_list .today_pdtList li.cate_tit.healthy{ background: #a6d4ac; color: #fff; } #container .category_best_wrap .pdt_list .today_pdtList li.cate_tit.living{ background: #9acff1; color: #fff; } #container .category_best_wrap .pdt_list .today_pdtList li.cate_tit.food{ background: #ffcb62; color: #fff; } /*수량박스*/ .num_btn a{display: inline-block; background: #fff; width: 20px; height: auto; vertical-align: -17px; text-align: center; font-size: 16px; font-weight: 500; color:#9d9d9d; border: 1px solid #ebebeb; } .num_btn a.left_btn{border-radius: 50px 0 0 50px;} .num_btn a.right_btn{border-radius: 0 50px 50px 0; margin-left: -5.5px;} .num_btn span{border: 1px solid #ebebeb; background: #fff; font-size: 14px; color:#313131; width: 50px; height: 24px; display: inline-block; text-align: center; font-weight: 500; vertical-align: -15px; margin-left: -5.5px;}