@charset "utf-8";
body{font-weight:400;font-family:'Noto Sans KR', sans-serif;}
/*        헤더 시작    */
.header{position:relative;width:100%;height:53px;border-bottom:1px solid #ddd;background-color:#fff;box-sizing:border-box;}
.header .basket{position:relative;width:53px;height:100%;cursor:pointer;}
.header .basket::after{display:inline-block;position:absolute;top:14%;right:20%;width:14px;height:14px;border-radius:50%;background-color:red;content:"0";color:#fff;font-size:10px;text-align:center;line-height:14px;}
.header .basket i.fas{position:relative;top:50%;left:50%;font-size:18px;transform:translate(-50%, -50%);}
.header .logo{position:absolute;top:0;left:50%;width:53px;height:53px;transform:translateX(-50%);}
.header .logo a img{position:relative;top:50%;left:50%;width:100%;transform:translate(-50%, -50%);}
.header .search{position:absolute;top:0;right:53px;width:53px;height:53px;cursor:pointer;}
.header .search i.fas{position:relative;top:50%;left:50%;font-size:16px;transform:translate(-50%, -50%);}
.header .ham-btn{position:absolute;top:0;right:0;width:53px;height:53px;cursor:pointer;}
.header .ham-btn i.fas{position:relative;top:50%;left:50%;font-size:16px;transform:translate(-50%, -50%);}
/*        헤더 끝    */
/*        햄버거 버튼 누르면 나오는 사이드 네비 시작    */
.side-nav{position:fixed;z-index:9999;top:0;right:-100%;width:100%;height:558px;transition:all .3s;}
.side-nav.active{right:0;}
.side-nav .side-header{position:relative;width:100%;height:53px;background-color:#000;}
.side-nav .side-header .logo-white{position:absolute;top:0;left:50%;width:53px;height:53px;transform:translateX(-50%);}
.side-nav .side-header .logo-white a img{position:relative;top:50%;left:50%;width:100%;transform:translate(-50%, -50%);}
.side-nav .side-header .cancel{position:absolute;top:0;right:0;width:53px;height:53px;cursor:pointer;}
.side-nav .side-header .cancel i.fas{width:100%;color:#fff;font-size:14px;text-align:center;line-height:53px;}
.side-nav .account-box{width:100%;height:53px;}
.side-nav .account-box ul{width:100%;height:100%;background-color:#fff;}
.side-nav .account-box ul li{float:left;width:50%;text-align:center;line-height:53px;}
.side-nav .account-box ul li:nth-child(1){border-right:1px solid #ddd;box-sizing:border-box;}
.side-nav .account-box ul li a{display:inline-block;width:100%;height:100%;}
.side-nav .sort-box{width:100%;height:371px;background-color:firebrick;font-size:30px;font-weight:900;}
.side-nav .sort-box ul{width:100%;height:100%;overflow:hidden;}
.side-nav .sort-box ul li{width:100%;height:53px;border-bottom:1px solid #ddd;background-color:#fff;text-align:center;line-height:53px;box-sizing:border-box;}
.side-nav .sort-box ul li:first-child{border-top:1px solid #ddd;box-sizing:border-box;}
.side-nav .service-box{width:100%;height:53px;background-color:#fff;}
.side-nav .service-box ul{width:100%;height:100%;}
.side-nav .service-box ul li{float:left;width:50%;height:100%;text-align:center;line-height:53px;}
.side-nav .service-box ul li:nth-child(1){border-right:1px solid #ddd;box-sizing:border-box;}
.side-nav .side-footer{width:100%;height:28px;background-color:#000000;}
/*        햄버거 버튼 누르면 나오는 사이드 네비 끝    */
/*        돋보기 누르면 나오는 서치패널 시작    */
.search-pannel{display:none;position:fixed;z-index:10;top:0;width:100%;height:558px;background-color:#fff;}
.search-pannel .search-header{position:relative;width:100%;height:53px;border-bottom:1px solid #ddd;background-color:#fff;box-sizing:border-box;}
.search-pannel .search-header .search-icon{position:absolute;top:0;left:0;width:53px;height:53px;}
.search-pannel .search-header .search-icon i.fas{position:relative;top:50%;left:50%;font-size:18px;transform:translate(-50%, -50%);}
.search-pannel .search-header input.search{position:absolute;top:50%;left:56px;border:0;transform:translateY(-50%);text-indent:4px}
.search-pannel .search-header span{float:right;margin-right:10px;font-size:12px;line-height:53px;cursor:pointer;}
.search-pannel .recommend-keyword{width:100%;height:53px;margin-bottom:20px;}
.search-pannel .recommend-keyword p{font-weight:500;text-indent:30px;line-height:53px;}
.search-pannel p.keyword{height:53px;font-size:12px;text-indent:30px;}
/*        돋보기 누르면 나오는 서치패널 끝    */
/*        메인 슬라이드 배너 시작    */
.slick-wrap{width:100%;}
.slick-wrap .slick-slide img{width:100%;}
.slick-wrap .slick-slide h3{height:27px;font-weight:600;text-align:center;line-height:27px;}
.slick-wrap .slick-slide p{height:27px;font-weight:300;text-align:center;line-height:27px;}
.slick-wrap .slick-slide .btn-wrap{height:65px;}
.slick-wrap .slick-slide .btn-wrap a{display:block;position:relative;top:25%;width:90px;height:50%;margin:0 auto;border-radius:6px;background-color:#000;color:#fff;font-size:11px;text-align:center;line-height:32px;}
.slick-wrap .slick-next{top:37%;right:0px;}
.slick-wrap .slick-prev{z-index:2;top:37%;left:0px;}
.slick-prev:before,
.slick-next:before{opacity:1;}
ul.slick-dots{bottom:123px;height:20px;}
.slick-dots li button{position:absolute;}
.slick-dots li button::before{opacity:1;color:#9b9b9b;font-size:14px;text-align:center;}
.slick-dots li.slick-active button::before{color:#ff0000;}
/*        메인 슬라이드 배너 끝    */
/*        대분류 메뉴 시작    */
.big-menu{width:100%;height:65px;margin-bottom:18px;background-color:#000;}
.big-menu.no1{margin-top:-20px;}
.big-menu.no3{margin-bottom:40px;}
.big-menu a p:nth-child(1){height:25px;color:#fff;font-size:11px;font-weight:300;text-align:center;line-height:40px;}
.big-menu a p:nth-child(2){height:40px;color:#fff;font-size:25px;font-weight:900;text-align:center;line-height:30px;}
/*        대분류 메뉴 끝    */
/*        컨텐츠 타입 1 시작    */
.content-type1{width:84%;margin:0 auto;margin-bottom:18px;}
.content-type1 a .img-box{font-size:0;}
.content-type1 a .img-box img{width:100%;}
.content-type1 a .text-box{width:100%;height:72px;border:1px solid #ddd;border-top:0;box-sizing:border-box;}
.content-type1 a .text-box .b-text-left{float:left;width:80%;height:100%;}
.content-type1 a .text-box .b-text-left h3{height:50%;font-size:15px;font-weight:600;text-indent:20px;line-height:50px;}
.content-type1 a .text-box .b-text-left p{height:50%;font-size:12px;text-indent:20px;line-height:20px;}
.content-type1 a .text-box .b-text-right{position:relative;float:right;width:20%;height:100%;}
.content-type1 a .text-box .b-text-right i.fas{position:absolute;left:50%;font-size:20px;line-height:72px;transform:translateX(-50%);}
/*        컨텐츠 타입 1 끝    */
/*        컨텐츠 타입 2 시작    */
.content-type2{position:relative;width:84%;margin:0 auto;margin-bottom:18px;font-size:0;}
.content-type2 a .l-img{width:38%;font-size:0;}
.content-type2 a .l-img img{width:100%;height:100%;}
.content-type2 a .r-title{position:absolute;top:50%;right:0;width:62%;transform:translateY(-50%);}
.content-type2 a .r-title h3{position:relative;width:100%;font-size:1.4rem;font-weight:900;text-align:center;}
.swiper-container{position:relative;width:100%;height:160px;}
.swiper-slide{background:#fff;font-size:18px;text-align:center;}
.swiper-slide .text-box p{font-size:12px;text-align:center;line-height:20px;}
.swiper-slide .text-box p.price{color:#ff0000;}
.swiper-container-horizontal > .swiper-pagination-progressbar{top:90%;}
.btn-more{width:90px;height:30px;margin:20px auto;margin-bottom:40px;border-radius:6px;background-color:#000;color:#fff;font-size:10px;text-align:center;line-height:30px;}
.btn-more a{display:inline-block;width:100%;color:#fff;}
/*        컨텐츠 타입 2 시작    */
/*        스크롤탑 버튼 시작    */
.to-the-top{width:100%;height:60px;margin:0 auto;margin-top:60px;text-align:center;}
.to-the-top i.fas{font-size:30px;line-height:36px;cursor:pointer;}
.to-the-top p{height:30px;font-weight:bold;line-height:20px;}
.bottom-logo-wrap{position:relative;width:100%;height:162px;border-top:1px dashed #ddd;box-sizing:border-box;}
.bottom-logo-wrap img{position:absolute;top:50%;left:50%;width:26%;transform:translate(-50%, -50%);}
/*        스크롤탑 버튼 끝    */
/*        서비스 영역 시작    */
.service{width:100%;height:53px;background-color:#505050;}
.service ul li{float:left;width:50%;height:100%;color:#fff;font-size:11px;text-align:center;line-height:53px;}
.service ul li:nth-child(1){border-right:1px solid #000;box-sizing:border-box;}
.service ul li a{display:inline-block;width:100%;color:#fff;}
.sns{width:100%;height:105px;background-color:#222222;}
.sns ul{width:100%;height:100%;font-weight:300;}
.sns ul li{width:90%;height:calc(100% / 3);margin:0 auto;}
.sns ul li a{color:#fff;line-height:32px;}
.sns ul li a:nth-of-type(1){display:inline-block;width:10%;text-align:center;}
.sns ul li a:nth-of-type(2){font-size:10px;}
.sns ul li a:nth-of-type(3){float:right;line-height:32px;}
/*        서비스 영역 끝    */
/*        풋터 영역 시작    */
.footer{width:100%;background-color:#505050;}
.footer .footer-top{width:100%;height:38px;box-sizing:border-box;border-bottom:1px solid #000}
.footer .footer-top ul{width:100%;height:100%;}
.footer .footer-top ul li{float:left;width:50%;font-size:10px;text-align:center;line-height:38px;}
.footer .footer-top ul li a{color:#b2b2b2;}
.footer .footer-bottom{width:100%;padding:12px 30px;box-sizing:border-box;}
.footer .footer-bottom p{color:#b2b2b2;font-size:10px;line-height:20px;}
.footer .footer-bottom p:nth-of-type(4){margin-top:2px;line-height:12px;}
.footer .footer-bottom p:nth-of-type(5){margin-top:4px;line-height:12px;}
.footer .footer-bottom p:nth-of-type(6){margin-top:2px;}
/*        풋터 영역 끝    */
/*        스크롤 탑 되는 어사이드 버튼 시작    */
.aside{display:none;position:fixed;z-index:10;right:10px;bottom:10px;border-radius:6px;}
.aside::before{position:fixed;z-index:-1;right:11px;bottom:15px;width:20px;height:16px;border-radius:50%;background-color:#fff;content:"";}
.aside i.fas{color:#7b7b7b;font-size:30px;}
/*        스크롤 탑 되는 어사이드 버튼 끝    */
/*        사이트 오픈 시 오픈 되는 팝업모달 시작    */
.modal{display:none;position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.8);}
.modal-content{width:240px;margin:10% auto;padding:20px;background-color:#fefefe;}
.modal-content p.notice{margin-bottom:20px;border-radius:30px;background-color:#db0000;color:#fff;font-size:16px;font-weight:bold;text-align:center;line-height:30px;}
.modal-content p.sub-title{font-size:14px;text-align:center;line-height:20px;}
.modal-content p:nth-child(5),
.modal-content p:nth-child(6),
.modal-content p:nth-child(7){font-size:12px;text-indent:22px;line-height:20px;}
.modal-content .coupon{width:90%;height:100px;margin:20px auto;border:6px solid #ddd;background-color:#fff;box-sizing:border-box;}
.modal-content .coupon .coupon-l{float:left;width:70%;height:100%;border-right:3px dashed #ddd;background-color:aliceblue;box-sizing:border-box;}
.modal-content .coupon .coupon-l p:nth-child(1){font-size:12px;text-align:center;line-height:30px;}
.modal-content .coupon .coupon-l p:nth-child(2){font-size:24px;font-weight:bold;text-align:center;line-height:26px;letter-spacing:3px;}
.modal-content .coupon .coupon-r{float:right;width:29%;height:100%;background-color:#ffb3b3;}
.modal-content .coupon .coupon-r p{padding-top:4px;font-size:14px;font-weight:bold;text-align:center;line-height:20px;}
.modal-content .popup-close{width:100px;margin:0 auto;margin-top:20px;border-radius:6px;background-color:#000;text-align:center;line-height:30px;cursor:pointer;}
.modal-content .popup-close span.popup-btn{color:#fff;font-size:12px;}
/*        사이트 오픈 시 오픈 되는 팝업모달 끝    */