@charset "utf-8";


    /* 동영상 페이지 */
    .video-wrap .video-container{
        width: 90%;
        margin:  0 auto;
        padding-top: 30px;
    }
    .video-title{
        text-align: center;
        padding: 20px 0;
    }
    .video-title p{
        font-size: 30px;
        font-weight: bold;
    }
    .video-list {
        /* padding-bottom: 120px; */
    }
    .video-list .videobox{
        padding: 30px 0;
    }
    .video-list .videobox .content{
        display: flex;
    }
    .video-list .videobox .video{
        margin-bottom: 30px;
        position: relative;
    }
    .video-list .videobox .video .video-bg{
        background-color: #000;
        opacity: 0.5;
        width: 100%;
        height: 100%;
        position: absolute;
    }
    .video-list .videobox .video .play-btn{
        background: url(../images/videoplaybutton.png) no-repeat 50% / contain;
        width: 50px;
        height: 50px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .video-list .videobox .video-box{
        width: 250px;
    }
    .video-list .videobox .video-box img{
        width: 100%;
        height: 100%;
    }
    .video-list .videobox .content .text{
        margin-left: 15px;
    }
    .video-list .videobox .content .text p{
        line-height: 1.2;

    }
    .video-list .videobox .content .text .product-name{
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px;
    } 

    .video-list .box-title{
        margin-bottom: 20px;
    }

    .video-list .box-title p{
        font-weight: bold;
        font-size: 20px;
        line-height: 1;
    }


    /* 마이페이지 */

    .mypage-wrap{}
    .mypage-wrap .mypage-container {
        width: 90%;
        margin: 0 auto;
        padding-top: 20px;
    }
    .mypage-wrap .mypage-title{
        text-align: center;
        padding: 20px 0;
        display: flex;
        align-items: center;

    }
    .mypage-wrap .mypage-title p{
        font-size: 30px;
        font-weight: bold;
        line-height: 1;
        width: 100%;
    }
    .mypage-box{
        padding: 20px 0;
    }
    .mypage-list .list{
        display: flex;
    }
    .mypage-list .list li {
        display: flex;
        align-items: center;
        margin-right: 30px;
    }
    .mypage-list .list li a{
        font-size: 20px;
    }
    .mypage-list .list li p{
        font-size: 20px;
        position: relative;
    }
    .mypage-list .list li p::after{
        content: "";
        width: 100px;
        height: 3px;
        background-color: #000;
        position: absolute;
        left: -27px;
        bottom: -18px;
    }
    .mypage-list .list li span{
        width: 25px;
        height: 25px;
        display: inline-block;
        text-indent: -9999px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50%;
        margin-right: 5px;
    }
    .mypage-list .list li .user {
        background-image: url(../images/admin.png);
    }
    .mypage-list .list li .buy{
        background-image: url(../images/list-bullet.png);
    }

    .mypage-wrap .admin-box{
        width: 90%;
        margin: 30px auto;
        margin-top: 50px;
        background-color: #fff;
        /* display: none; */
    }
    .mypage-wrap .admin-box .admin-list > div {
        margin-bottom: 20px;
    }

    .mypage-wrap .admin-box .admin-list > div > label {
        width: 100%;
    }

    .mypage-wrap .admin-box .admin-list span{
        width: 20%;
        text-align: left;
        display: inline-block;
    }

    .mypage-wrap .admin-box .admin-list label input{
        width: 75%;
        padding: 5px;
        border: 1px #ddd solid;
    }
    .mypage-wrap .admin-box.admin-list .gender{
        text-align: left;
        padding-left: 2px;
    }
    .mypage-wrap .admin-box .admin-list .gender input{
        width: 10%;
    }
    .mypage-wrap .admin-box .admin-list .login{
        text-align: center;
    }
    .mypage-wrap .admin-box .admin-btn{
        margin-top: 50px;
    }
    /* 회원정보 관리 */

    .admin-wrap .admin-container{
        width: 90%;
        margin: 0 auto;
        padding-top: 20px;
    }
    .admin-wrap .admin-title{
        display: flex;
        align-items: center;
        padding: 20px 0;
    }
    .admin-wrap .admin-title p{
        width: 100%;
        text-align: center;
        font-weight: bold;
        font-size: 30px;
    }
    .admin-wrap .admin-list {
        padding: 50px 0 30px;
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }
    .admin-wrap .admin-list > div {
        margin-bottom: 20px;
    }
    .admin-wrap .admin-list label span{
        width: 20%;
        text-align: left;
        display: inline-block;
    }
    .admin-wrap .admin-list label input{
        width: 75%;
        padding: 5px;
        border: 1px #ddd solid;
    }
    .admin-wrap .admin-list label input::placeholder{
        color: #ddd;
    }

	.admin-wrap .admin-list .gender input{
        width: 10%;
    }
    .admin-wrap .admin-btn{
        margin-top: 50px;
    }

    /* 구매내역 */
    .purchaseList-box .purchaseList-title{
        display: flex;
        align-items: center;
        padding: 20px 0;
    }
    .purchaseList-box .purchaseList-title p{
        font-weight: bold;
        font-size: 30px;
        text-align: center;
        width: 100%;
    }
    .purchaseList-box{
        padding: 50px 0;
    }

    .purchaseList-box .user-name {
        margin-bottom: 20px;
    }
    .purchaseList-box .user-name p{
        font-size: 25px;
        font-weight: bold;
        line-height: 1.2;
    }

    table .table-title {
        border-bottom: 3px #000 double;
    }
    table .table-title td {
        font-weight: bold;
        padding: 16px 0;
        font-size: 16px;
    }
    table .list td {
        padding: 15px 5px;
        border-bottom: 1px #000 solid;
    }

	table th span, table td span { display: inline-block; }

    /* 찜한상품 */
    .like-box .like-title{
		text-align: center;
		padding: 20px 0;
		display: flex;
		align-items: center;
    }
    .like-box .like-title p{
		font-size: 30px;
		font-weight: bold;
		line-height: 1;
		width: 100%;

    }
    .like-box .like-icon{
        width: 30px;
        height: 30px;
    }
    .like-box{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 50px 0 0;
    }
    .like-box .like{
        width: 45%;
        margin-bottom: 35px;
    }
    .like-box .like .item-img{
        max-height: 300px;
        height: 250px;
        height: 45vw;
        display: flex;
        align-items: center;
    }
    .like-box .like .item-img img{
		height:100%; width: auto; display:block; margin:0 auto;
    }
    .like-box .like-product {
        text-align: center;
    }
    .like-box .like-product p{
        line-height: 1.3;
    }
    .like-box .like-product p:nth-of-type(2){
        font-weight: bold;
        padding-top: 20px;
    }
    .like-box .like-product  p:nth-of-type(3){
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
    }
    .like-box .like-product  p:nth-of-type(4){
        color: rgb(150, 150, 150);
        text-decoration: line-through;
    }
    .like-box .like-product  p:nth-of-type(5){
        font-size: 20px;
    }
    .like-box .like .btn{
        margin-top: 15px;
        text-align: center;
    }
    .like-box .like .btn div{
        border: 1px #000 solid;
        padding: 15px 0;
        margin-bottom: 15px;
    }
    .like-popup  .popup-btn{
        display: flex;
        flex-wrap: wrap;
    }
    .like-popup  .popup-btn button{
        width: 100%;
        margin-bottom: 10px;
        background-color: #000;
    }
    .like-popup  .popup-btn button a{
        width: unset;
    }
    .like-popup  .popup-btn .close a{
        background-color: #fff;
        color: #000;
        border: 1px #000 solid;
    }

    /* 카테고리 */
    
    /* 해당카테고리 선택 할 때 카테고리 이름 bold */
    .category-box .category li.on a {
        font-weight: bold;
    }
    
    .category-container{
        width: 90%;
        margin: 0 auto;
    }

    .category-title{
        padding: 20px 0;
    }
    .category-title p{
        font-size: 35px;
        text-align: center;
        line-height: 1.3;
    }
    .category-title .img-box{
        padding: 20px 0;
    }
    .category-title .img-box img{
        width: 100%;
    }
    .category-box{
        padding: 50px 0 30px;
    }
    .category-box .category{
        display: flex;
        flex-wrap: wrap;
        text-align: center;
    }
    /******************************************************************************/
    .category-box ul.category li{
		padding: 0;
        margin-bottom: 18px;
        font-size: 15px;
    }
	.category-box ul.category li a i.icon {
		max-height: 164px;
		max-width: 164px;
		width: 17vw;
		height: 17vw;
		content: "";
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
		text-align: center;
		display: block;
		margin: 0 auto;
		margin-bottom: 10px;
		box-shadow: 2px 2px 5px #ddd;
		border-radius: 50%;
		border: 2px #ccc solid;
	}
	.category-box ul.category li.on a i.icon {
		border: 2px #000 solid;
	}

    .category-wrap .category-item{
        width: 90%;
        margin: 0px auto;
        position: relative;
        border-top: 1px #ddd solid;
        border-bottom: 1px #ddd solid;
        padding: 50px 0 100px;
        margin-bottom: 20px;
    }
    .category-wrap .swiper-container{
        overflow: hidden;
    }


    .category-wrap .swiper-container .list{
        width: 45%;
        margin: 15px 0;
        text-align: center;
    }
    .category-wrap .swiper-container .list .item-img{
		width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .category-wrap .swiper-container .list img{
		width: 100%;
		height: calc(min(var(--max-width), 100vw) / 2);
		object-fit: cover;
		border-radius: 20px;
		border: 1px solid #666;		
    }

    .category-wrap .swiper-conatainer .swiper-wrapper{
        align-items: flex-end;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .category-wrap .swiper-grid-column>.swiper-wrapper{
        flex-direction: row;
        /* flex-wrap: wrap; */
    }
    .category-wrap .swiper-conatainer .swiper-wrapper .swiper-slide{
        text-align: center;
        font-size: 18px;
        background: #fff;
        height: calc((100% - 30px) / 2);
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .category-wrap .swiper-button-next{
        right: 20px;
    }
    .category-wrap .swiper-button-prev{
        left: 20px;
    }
    .category-wrap .swiper-button-next, .category-wrap .swiper-button-prev{
        bottom: -50%;

    }
    /* .category-wrap .swiper-button-next, .category-wrap .swiper-button-prev {
        padding: 5px;
        bottom: -50%;
        color: #fff;
        background-color: #000;
        background-image: none; 
    } */
    /* .category-wrap .swiper-button-prev{
        left: -39px;
    }
    .category-wrap .swiper-button-next {
        right: -50px;
    }
    .category-wrap .swiper-button-prev {
        left: -50px;
    } */
    .category-wrap .swiper-pagination-bullets.swiper-pagination-horizontal{
        bottom: 30px;
    }
    .category-wrap .swiper-pagination-bullet{
        background-color: #000;
    }
    .category-wrap  .list p{
        line-height: 1.3;
		text-align: left;
    }
    .category-wrap .list p:nth-child(1){
        height: 160px;
        overflow: hidden;
        box-sizing: border-box;
    }
    .category-wrap  .list p:nth-child(2){
        font-weight: bold;
        padding-top: 20px;
    }
    .category-wrap .list p:nth-child(3){
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
    }
    .category-wrap .list p:nth-child(4){
        color: rgb(150, 150, 150);
        text-decoration: line-through;
    }
    .category-wrap .list p:nth-child(5){
        font-weight: 800;
        font-size: 20px;
    }

/* 상품 상세페이지 */
.detail-box .detail-top {
	border-bottom: #ddd solid 1px;
	padding: 20px 0;
}

.detail-box .detail-top .detail-top-img{
	width: 90%;
	margin: 30px auto;
}

.detail-box .detail-top .detail-title {
	font-size: 1.25rem;
}

.detail-box .detail-top .detail-title p {
    line-height: 1.3;
    font-size: 1.25rem;
    font-weight: bold;
}

.detail-box .detail-top .detail-title s {
    color: rgb(150, 150, 150);
    text-decoration: line-through;
	font-size: 1.25rem;
	line-height: 1.1;
	font-weight: normal;
    margin-top: 5px;
	display:block;
}

.detail-box .detail-top .detail-title span {
	font-size: 1.88rem;
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
	display:block;
}

/*
    .detail-wrap .detail-container{
        width: 90%;
        margin: 0 auto;
        padding-bottom: 100px;
    }
    .detail-wrap .detail-top {
        border-bottom: #ddd solid 1px;
        padding: 20px 0;
    }
    .detail-wrap .detail-top .detail-top-img{
        width: 80%;
        margin: 30px auto;
    }
    .detail-wrap .detail-top .detail-top-img img{
        width: 100%;
        height: 100%;
    }
    .detail-wrap .detail-top .detail-title{
        padding-top: 10px;
    }

    .detail-wrap .detail-top .detail-title p{
        line-height: 1.2;
        font-size: 20px;
        font-weight: bold;

    }
    .detail-wrap .detail-top .detail-title p:nth-child(3){
        font-size: 30px;
        font-weight: 800;
        line-height: 1.4;
        margin-top: 5px;
    }
*/

    /* 상세페이지 하단 버튼 */
    .detail-bottom{
        position: fixed;
        bottom: 0;
        background-color: #fff;
		max-width:800px !important;
        width: 100%;
    }
    .detail-bottom .detail-btn{
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 20px 0;
        border-top: 1px #ddd solid;
        background-color: #fff;
        z-index: 99;
    }
    .detail-bottom .detail-btn .like{
        width: 40px;
        margin-left: 20px;
    }
    .detail-bottom .detail-btn .cart {
        width: 50%;
        margin-right: 10px;
    }
    .detail-bottom .detail-btn .buy{
        width: 50%;
    }
    .detail-bottom .detail-btn .buy a{
        color: #fff;
    }

    .detail-bottom .bottom-wrap{
        display: flex;
        width: 70%;
        justify-content: space-between;
        text-align: center;
    }

    .detail-bottom .detail-btn .like img{
        width: 100%;
        height: 100%;
    }

    .detail-wrap .popup-wrap .popup-btn button a{
        width: 95px;
    }

    /* 상품 옵션 */
	.detail-option .title {
		font-weight: bold;
		font-size: 18px;
		padding: 10px 0;
	}

	.detail-option .title p {
		line-height: 1.2;
	}

    .detail-option .option-title{
        padding: 20px 0 10px;
        font-weight: bold;
        font-size: 25px;
        line-height: 1.3;
    }

    .option-list{}
    .option-list .product-option .title{
        font-weight: bold;
        font-size: 18px;
        padding: 10px 0;
    }
    .option-list .product-option .title p{
        line-height: 1.2;
    }
    .option-list .product-option label input[type="radio"]{
        display: none;

    }
    .option-list .product-option label span{
        display: inline-block;
        border: 1px #000 solid;
        padding: 0;
        width: 90px;
        text-align: center;
        margin: 0 auto;
		line-height: 1.1;
		background-position: center;
		background-size: cover;
    }
    .option-list .product-option label input[type="radio"]:checked + span{
        background-color: #000;
        color: #fff;
    }
	.option-list .product-option label span i.money::before {
		padding-left: 2px;
	}

	.option-list .product-option label span div {
		text-shadow: 1px 1px white, -1px -1px white, 1px -1px white, -1px 1px white;
		//font-weight: 600;
	}

	.option-list .product-option label span div:first-child {
		padding-top:10px; padding-bottom:0;
	}
	.option-list .product-option label span div:last-child {
		padding-top:0; padding-bottom:10px;
	}
	.option-list .product-option label input[type="radio"]:checked + span div {
		text-shadow: 1px 1px black, -1px -1px black, 1px -1px black, -1px 1px black;
		background-color: rgba(0,0,0,0.4);
	}

    /* 상세 이미지 */
    .detail-image{
        /* padding-bottom: 120px; */
    }

	.detail-image .image-list {
		width: 100%;
		margin: 30px auto;
	}
    .detail-image .image-list img{
        width: 100%;
        height: 100%;
    }
    .detail-image .image-list .image{
        padding: 20px 0;
        margin-bottom: 30px;
    }
    .detail-wrap .decript{
        text-align: center;
        margin-bottom: 50px;
    }
    .detail-wrap .decript p{
        line-height: 1.2;
    }
    .cartPopup .popup-btn button a{
        width: 90px;
    }

    /* 구매하기 */
    .purchase-box .purchase-title{
        display: flex;
        align-items: center;
        padding: 20px 0;
    }
    .purchase-box .purchase-title p{
        width: 100%;
        text-align: center;
        font-weight: bold;
        font-size: 30px;
    }
    .purchase-box .box-title{
        padding: 10px 0 20px 20px;
    }
    .purchase-box .box-title p {
        font-size: 22px;
        font-weight: bold;
        line-height: 1.2;
    }

   /* 구매상품 리스트 */
.goods-order-list .list{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.goods-order-list .list .info p {
	font-weight: 500;
	line-height: 1.2;
}
.goods-order-list .list .text {
	margin-bottom: 15px;
}
.goods-order-list .list .text p:nth-child(1) {
	font-weight: bold;
}
.goods-order-list .list .text p:nth-child(3) {
	font-size: 18px;
	font-weight: bold;
}
.goods-order-list .list .option p:nth-child(1) {
	font-weight: bold;
}
.goods-order-list .list .option p:nth-child(2) {
	border: 1px #000 solid;
	text-align: center;
	padding: 10px;
	margin: 5px 0;
}
.goods-order-list .list .quantity {
	margin-top: 15px;
}
.goods-order-list .list .quantity p:nth-child(1) {
	font-weight: bold;
}
.goods-order-list .list .quantity p:nth-child(2) {
	width: 40px;
	border: 1px #000 solid;
	padding: 5px 0;
	text-align: center;
	margin: 5px 0;
}

    /* 배송지정보입력 */
    .purchaser-info .purchaser-info{
        padding: 50px 0;
    }
    .purchaser-info .purchaser-title{
        padding: 10px 0 20px 20px;
    }
    .purchaser-title p{
        font-size: 22px;
        font-weight: bold;
        line-height: 1.2;
    }

    .purchaser-info .delivery-info{
        margin: 30px auto;
    }
    .purchaser-info .delivery-info span{
        display: inline-block;
        width: 100px;
        font-weight: bold;
        padding-top: 3px;
    }
    .purchaser-info .delivery-info label{
        display: flex;
        margin-bottom: 20px;
        align-items: flex-start;
        justify-content: space-between;
    }
    .purchaser-info .delivery-info label input[type="text"]{
        width: 75%;
        vertical-align: middle;
        padding: 5px;
    }
    .purchaser-info .delivery-info label textarea{
        width: 75%;
        padding: 5px;
    }

    /* 결제하기 */
    .amount-info{
        text-align: center;
        border: 1px #000 solid;
        padding: 10px;
    }
    .amount-info .amount-list{
        width: 100%;
        margin: 20px auto;
        text-align: left;
    }
    .amount-info .amount-list > div{
        display: flex;
        justify-content: space-around;
    }
    .amount-info .amount-list > div p{
        font-size: 1.5em;
        font-weight: bold;
        line-height: 1.4;
        width: 60%;
    }
    .amount-info .amount-list > div p:nth-child(1){
        width: 30%;
		text-align:right;
    }
    .amount-info  .amount-title{
        padding: 20px 0 10px;
        margin-top: 30px;
    }
    .amount-info  .amount-title p{
        line-height: 1.2;
        font-size: 1.8em;
        font-weight: bold;
    }
    .amount-info  .amount p{
        font-size: 2.0em;
        font-weight: bold;
        line-height: 1.2;
    }
    .payment-wrap .payment-btn{
        text-align: center;
        margin: 0px auto;
        margin-top: 50px;
    }

    .payment-wrap .payment-btn button{
        color: #fff;
        padding: 15px 0;
        width: 90%;
        background-color: #000;
    }
    /* 장바구니 */
    .cart-box .select-all{
        display: flex;
        align-items: center;
        margin: 30px 0 20px;
        justify-content: space-between;
    }
    .cart-box .select-all .select-remove input[type="button"]{
        background-color: #000;
        color: #fff;
        padding: 5px 10px;

    }
    .cart-box .check-box {
        /* padding: 20px 0; */

    }
    .cart-box .check-box span{
        font-weight: bold;
        font-size: 17px;
        display: inline-block;
        margin-left: 5px;
    }

    .cart-box label input[type="checkbox"] {
        -webkit-appearance: none;
        position: relative;
        width: 18px;
        height: 18px;
        cursor: pointer;
        outline: none !important;
        border: 1px solid #000;
        border-radius: 2px;
        background: #fbfbfb;
    }

    .cart-box  input[type="checkbox"]::before {
        content: "\2713";
        position: absolute;
        top: 50%;
        left: 54%;
        overflow: hidden;
        transform: scale(0) translate(-50%, -50%);
        line-height: 1;
    }

    .cart-box input[type="checkbox"]:hover {
        border-color: rgba(170, 170, 170, 0.5);
    }

    .cart-box  input[type="checkbox"]:checked {
        background-color: #000;
        border-color: rgba(255, 255, 255, 0.3);
        color: white;
    }

    .cart-box input[type="checkbox"]:checked::before {
        border-radius: 2px;
        transform: scale(1) translate(-50%, -50%)
    }

/*
    .cart-box .cart-item{
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .cart-box  .cart-item .cart-image{
        width: 45%;
        height: 350px;
        margin-right: 20px;
    }

    .cart-box  .cart-item .cart-image img{
        width: 100%;
        height: auto;
    }
    .cart-box .cart-list .cart-info{
        width: 45%;
    }
*/
	.cart-box .cart-list .list {
		position: relative;
	}

	.cart-box .cart-list .list .select-box {
		position: absolute;
		top:5px;
		left:5px;
		z-index:1;
	}

    .cart-box .cart-list .cart-info p{
        line-height: 1.2;
    }
    .cart-box .cart-list .cart-text{
        margin-bottom: 15px;
    }
    .cart-box .cart-list .cart-info p:nth-child(1){
        font-weight: bold;
    }
    .cart-box .cart-list .cart-info p:nth-child(3){
        font-size: 18px;
        font-weight: bold;
    }
    .cart-box .cart-list .cart-option p:nth-child(1){
        font-weight: bold;
    }
    .cart-box .cart-list .cart-option p:nth-child(2){
        border: 1px #000 solid;
        text-align: center;
        padding: 10px;
        margin: 5px 0;
    }
    .cart-box .cart-list .cart-quantity{
        margin-top: 15px;
    }
    .cart-box .cart-list .cart-quantity p:nth-child(1){
        font-weight: bold;
    }
    .cart-box .cart-list .cart-quantity p:nth-child(2){
        width: 30px;
        border: 1px #000 solid;
        padding: 10px;
        text-align: center;
        margin: 5px 0;
    }

    .cart-total .cart-total{
        padding: 30px 0;
        border-top: 1px #ddd solid;
    }
    .cart-total .total-amount p{
        text-align: right;
        line-height: 1.2;
        font-size: 18px;
        margin-bottom: 5px;
    }
    .cart-total .total-amount p span{
        font-weight: bold;
        font-size: 25px;
        display: inline-block;
    }

.account{
	display: flex;
}
.account .result{
	border: 1px #000 solid;
	width: 40px;
	text-align: center;
	line-height: 1.2;
	padding: 0;
}
.account .result input.ea {
	border: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 0;
}

.account .button{
	vertical-align: middle;
	display: flex;
	align-items: center;
	margin-left: 5px;
}

.swiper-container { overflow: hidden; line-height: normal; height: auto; position: relative; }

.category-box .category li a::before {
    max-height: 164px;
    max-width: 164px;
    width: 20vw;
    height: 20vw;
}

.search-wrap .search-bottom .brand-list div a::before {
    max-height: 128px;
    max-width: 128px;
    width: 16vw;
    height: 16vw;
}

.new .new-slide .swiper-wrapper { margin-bottom:30px; }

/* top title */
.top-title .title{
	display: flex;
	align-items: center;
	padding: 20px 0;
}
.top-title .title p{
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
}

.btn-black {
    color: #FFF;
    padding: 14px 0;
    width: 100%;
    background-color: #000;
    border: 1px solid #000;
}

.btn-white {
    color: #000;
    padding: 14px 0;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #000;
}

div.mx-auto > h4 { text-align:center; margin:50px auto; }

.popup-wrap .popup .popup-btn button {
    max-width: 360px;
	width:100%;
    margin: 2px auto;
	display:block;
}

.popup-wrap .popup .popup-btn button a {
	width:100%;
    margin: 0;
	display:block;
}

.popup-wrap .popup .popup-btn {
    margin-top: 15px;
}