@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.goods-list>ul{display:flex;flex-wrap:wrap;margin:0 -14px -90px;}
.goods-list>ul>li{width:25%;padding:0 14px;margin-bottom:90px;}

.recent{position: fixed;right:30px;top:50%;transform:translateY(-50%);z-index:100;width:100px;}
.recent .tit-wrap{margin-bottom:10px;text-align:center;font-weight:500;line-height:1.4em;}
.recent .tit-wrap .tit{color: #242424;margin-bottom:3px;}
.recent .tit-wrap .num{color: #ff0000;}
.recent .sld-wrap{position:relative;border:1px solid #ddd;background-color: #fff;}
.recent .sld-wrap .slick-arrow{display:block;width:100%;height:30px;border:none;background-repeat:no-repeat;background-size:14px;background-position:50% 50%;font-size:0;background-color:#fff;}
.recent .sld-wrap .slick-prev{background-image:url('/images/shop/recent-prev.png');border-bottom:1px solid #ddd;}
.recent .sld-wrap .slick-next{background-image:url('/images/shop/recent-next.png');border-top:1px solid #ddd;}
.recent .sld-wrap .sld{padding:15px;}
.recent .sld-wrap .sld .slick-list{margin:-7px 0;}
.recent .sld-wrap .sld .item{padding:7px 0;}
.recent .sld-wrap .sld .item .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden;}
.recent .sld-wrap .sld .item .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.recent .sld-wrap .sld .item .pic:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;right:0;top:0;}

.view-info .row{margin-bottom:70px;line-height:1.75em;}
.view-info .row:last-child{margin-bottom:0;}
.view-info .row .tit{padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #ddd;font-size:var(--fz20);font-weight:700;color: #242424;}
.dot-list>li{position:relative;padding-left:10px;line-height:1.75em;}
.dot-list>li:before{content:'';width:3px;height:3px;background-color: #505050;border-radius:50%;position: absolute;left:0;top:.7em;}

.view-info .row .in-row{margin-bottom:35px;}
.view-info .row .in-row:last-child{margin-bottom:0;}
.view-info .row .in-row .row-tit{margin-bottom:3px;color: #333;font-weight:600;}
.hypen-list>li{position:relative;padding-left:10px;line-height:1.75em;}
.hypen-list>li:before{content:'';width:4px;height:1px;background-color: #505050;position: absolute;left:0;top:.75em;}
.hypen-list>li.none{padding-left:0;}
.hypen-list>li.none:before{display:none;}

.lnb{margin:0 auto 60px;}
.lnb ul{display:flex;justify-content:center;}
.lnb ul li{padding:0 20px;position:relative;width:auto;}
.lnb ul li:after{content:'';width:1px;height:10px;background-color: #ddd;position: absolute;right:0;top:8px;}
.lnb ul li:last-child:after{display:none;}
.lnb ul li a{display:flex;justify-content:center;align-items:center;font-size:17px;color: #242424;height:auto;border-radius:0;border:none;font-weight:600;letter-spacing:0;}
.lnb ul li.active a{background-color:transparent;color: #1e6bb5;}