@charset "utf-8";

/* 게시글 순서 관리 버튼 텍스트 제거 */
.list-top.pull-right button.btn-chkall.btn.btn-black.btn-sm {text-indent: -9999px; overflow: hidden; white-space: nowrap; display: inline-flex; align-items: center;}
.list-top.pull-right button.btn-chkall.btn.btn-black.btn-sm i {text-indent: 0; display: inline-block;}

/* Top Search */
.list-tsearch { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }

.list-wrap.botable .gallery_container.list-container {border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1;}
.gallery_container .list-row {border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
.at-wrapper.list .container_fix.botable .gallery_container .list-row {border-right: none; border-left: 1px solid #e1e1e1;}
.responsive .gallery_container .list-item {margin-bottom: 0 !important;}

/* Category */
.list-category {position: relative; margin-bottom: 70px;}
.list-category.botable {position: fixed; top: 80px; left: 0; right: 0; width: 100%; z-index: 1; background-color: #fff; margin: 0 auto; padding: 0 50px;}
.list-category.botable .menu_ul {font-size: 20px; font-weight: 600; margin-bottom: 7px; padding-top: 20px;}
.list-category::after {content: ""; display: block; width: 500%; margin-left: -100%; height: 1px; background-color: #e1e1e1;}
.list-category .tabs { margin-bottom:20px; }
.list-category .dropdown { margin-bottom:50px; }
.list-category .dropdown .btn.btn-color {border: none; border-bottom: 1px solid #222; color: #222 !important; background-color: #fff; font-weight: 600; padding-bottom: 13px; font-size: 13px; box-shadow: none;}
.list-category .dropdown .btn.btn-color::after {content: ""; display: inline-block; width: 13px; height: 13px; position: absolute; right: 15px; top: 10px; background: url(../../../img/top_menu_arrow.png) no-repeat center / contain;}
.list-category .dropdown .dropdown-menu {box-shadow: none; width: 100%; overflow: scroll; height: 60vh; padding: 23px 0; margin: 0; border-radius: 0; overflow-x: hidden;}
.list-category .dropdown .dropdown-menu > li > a {text-align: center; font-size: 13px; color: #999; padding: 7px 20px;}
.list-category .dropdown .dropdown-menu > li > a:hover {background-color: transparent; color: #ea5730;}
.list-category .dropdown .dropdown-menu > li.selected > a { color:#ea5730; font-weight:bold !important; }


/* List */
.list-wrap { width:100%; }
.list-wrap.botable {padding-top: 274px;}
.list-admin { text-align:center; margin:15px 0px; }
.list-btn .sort-drop { min-width:120px !important; left:auto !important; right:0px !important; }
.list-btn .sort-drop .sort a { color:crimson !important; font-weight:bold !important; }
.is-pc .ko .list-btn .sort-drop { font-size: 12px; }

.list-item .like-check {
    right: 40px;
    bottom: 30px;
    z-index: 1;
    position: absolute;
    font-weight: normal;
}
.list-item .like-check input[type=checkbox] {
    display: none;
}
.list-item .like-check input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-color: #fff;
    border: 1px solid #ea5730;
}
.list-item .like-check input[type=checkbox] + label:hover::before {
    content: "관심제품담기";
    display: flex;
    align-items: center;
    position: absolute;
    left: -105px;
    top: 0;
    width: 93px;
    height: 25px;
    color: #fff;
    background: url(../../../img/bubble.png) no-repeat center / 100%; 
    padding: 0 10px;

}
@media (max-width: 991px) {
    .list-item .like-check {right: 20px;}
    .list-item .like-check input[type=checkbox] + label:hover::before {
        content: "관심제품담기";
        top: -3px;
    }
}
.list-item .like-check input[type=checkbox]:checked + label::after{
    content:'';
    width: 15px;
    height: 15px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: url(../../../img/check.png) no-repeat center / contain;
  }

/* Page */
.list-wrap .pagination a, .view-wrap .pagination a { color:#333 !important; }
.list-wrap .pagination .active a, .view-wrap .pagination .active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }

/* View */
.view-wrap { width:100%; overflow:hidden; }
.view-wrap.view-modal { padding:5px; margin:0px; }
.view-btn { margin:0px 0px 30px; }
.view-btn i { margin-right:2px; }

/* Write */
.write-wrap { width:100%; overflow:hidden;}


/* 상품리스트페이지 관심제품 담는 영역 */
.list-wrap.botable .list-cart {position: fixed; right: 0; top: 29%; background-color: #fff; width: 192px; border: 1px solid #e1e1e1; z-index: 1;}
.list-wrap.botable .list-cart .cart-title {background-color: #111111; height: 55px; width: 100%; display: flex; align-items: center; justify-content: center;} 
.list-wrap.botable .list-cart .cart-title h3 {font-size: 18px; color: #fff;}
.list-wrap.botable .list-cart .cart-cont {padding: 24px 20px;}
.list-wrap.botable .list-cart .cart-cont > p {color: #777; font-size: 16px; text-align: center; margin-bottom: 20px;}
.list-wrap.botable .list-cart .cart-cont .swiper-container {width: 100%; height: 100%; margin-bottom: 25px;}
.list-wrap.botable .list-cart .cart-cont .swiper-slide {font-size: 16px; color: #777; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;}
.list-wrap.botable .list-cart .cart-cont .swiper-slide .item {background-color: rgba(0, 0, 0, 0.02); overflow: hidden; position: relative; width: 100%;}
.list-wrap.botable .list-cart .cart-cont .swiper-slide .item .item_close {cursor: pointer; content: ""; display: none; position: absolute; right: 0; top: 0; width: 20px; height: 20px; background: #ddd url(../../../img/cart_close.png) no-repeat center / 80%;}
.list-wrap.botable .list-cart .cart-cont .swiper-slide .item:hover {border: 1px solid #ddd;}
.list-wrap.botable .list-cart .cart-cont .swiper-slide .item:hover  .item_close {display: block;}
.list-wrap.botable .list-cart .cart-cont .swiper-slide img {width: 100%; height: 100%; max-height: 100px; object-fit: contain;}

.list-wrap.botable .list-cart .cart-cont .arrow-box {height: 30px; position: relative; margin-top: 20px;}
.list-wrap.botable .list-cart .cart-cont .arrow-box .swiper-button-next::after,
.list-wrap.botable .list-cart .cart-cont .arrow-box .swiper-button-prev::after {display: none;}
.list-wrap.botable .list-cart .cart-cont .arrow-box .swiper-pagination {font-size: 16px; color: #999; bottom: 8px; width: auto; left: 50%; transform: translateX(-50%);
}
.list-wrap.botable .list-cart .cart-cont .arrow-box .swiper-pagination .swiper-pagination-current {color: #111;}
.list-wrap.botable .list-cart .cart-cont .select-btn > a{color: #111; font-size: 16px; border: 1px solid #111; display: block; text-align: center; padding: 11px 0;}


/* 상품상세페이지 관심제품 담는 영역 */
.view-wrap .list-cart {position: fixed; right: 0; top: 30%; background-color: #fff; width: 192px; border: 1px solid #e1e1e1; z-index: 1;}
.view-wrap .list-cart .cart-title {background-color: #111111; height: 55px; width: 100%; display: flex; align-items: center; justify-content: center;} 
.view-wrap .list-cart .cart-title h3 {font-size: 18px; color: #fff;}
.view-wrap .list-cart .cart-cont {padding: 24px 20px;}
.view-wrap .list-cart .cart-cont > p {color: #777; font-size: 16px; text-align: center; margin-bottom: 20px;}
.view-wrap .list-cart .cart-cont .swiper-container {width: 100%; height: 100%; margin-bottom: 25px;}
.view-wrap .list-cart .cart-cont .swiper-slide {font-size: 16px; color: #777; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;}
.view-wrap .list-cart .cart-cont .swiper-slide .item {background-color: rgba(0, 0, 0, 0.02); overflow: hidden; position: relative;}
.view-wrap .list-cart .cart-cont .swiper-slide .item .item_close {cursor: pointer; content: ""; display: none; position: absolute; right: 0; top: 0; width: 20px; height: 20px; background: #ddd url(../../../img/cart_close.png) no-repeat center / 80%;}
.view-wrap .list-cart .cart-cont .swiper-slide .item:hover {border: 1px solid #ddd;}
.view-wrap .list-cart .cart-cont .swiper-slide .item:hover .item_close {display: block;}
.view-wrap .list-cart .cart-cont .swiper-slide img {width: 100%; height: auto; object-fit: contain;}

.view-wrap .list-cart .cart-cont .arrow-box {height: 30px; position: relative; margin-top: 20px;}
.view-wrap .list-cart .cart-cont .arrow-box .swiper-button-next::after,
.view-wrap .list-cart .cart-cont .arrow-box .swiper-button-prev::after {display: none;}
.view-wrap .list-cart .cart-cont .arrow-box .swiper-pagination {font-size: 16px; color: #999; bottom: 8px; width: auto; left: 50%; transform: translateX(-50%);
}
.view-wrap .list-cart .cart-cont .arrow-box .swiper-pagination .swiper-pagination-current {color: #111;}
.view-wrap .list-cart .cart-cont .select-btn > a{color: #111; font-size: 16px; border: 1px solid #111; display: block; text-align: center; padding: 11px 0;}

@media (max-width: 991px) {

    /* .container_fix.botable .list-category .dropdown:focus-visible {border: none;} */


    .list-category .dropdown .btn.btn-color:focus {outline: none;}

    .at-wrapper.list .container_fix.botable .gallery_container .list-row {border-left: none;}
    .gallery_container .list-row {border-right: none;}
    .list-wrap.botable .gallery_container.list-container {margin: 0; border-left: none;}
    .container_fix.botable .list-category .dropdown { margin-bottom:0; }
    .list-category::after { display: none;}
    .list-category.botable {top: 0; padding: 200px 15px 0;}
    .list-category.botable.detail {display: none;}
    .list-item .like-check input[type=checkbox] + label {
        width: 16px;
        height: 16px;
    }
    .list-item .like-check input[type=checkbox]:checked + label::after {
        width: 10px;
        height: 10px;
    }
    .list-item .like-check input[type=checkbox] + label:hover::before {
        font-size: 10px;
        width: 81px;
        height: 20px;
        left: -95px;
    }
    .view-wrap {padding-top: 200px;}
    .list-category::after {
        display: none;
    }
}
@media all and (max-width:460px) {
	.responsive .view-btn i { margin-right:0px; }
}