/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

.shop-list-quick-search{position: fixed;left: 10px;width: 201px;top: calc((100vh - 581px)/2);}
.shop-list-quick-search ul {padding:0;margin:0;}
.shop-list-quick-search > .search-box {position: relative;    margin-bottom: 15px;}
.shop-list-quick-search > .search-box form{width: 100%;}
.shop-list-quick-search > .search-box input {height: 42.5px;border: 1px solid #cbcbcb;width: 100%;padding: 0 50.5px 0 12px;}
.shop-list-quick-search > .search-box .button{position: absolute;top: 0;right: 0;width: 38.56px;background-color: #75706e;height: 100%;display: flex;align-items: center;justify-content: center;}
.shop-list-quick-search > .search-box .button input[type=submit]{opacity: 0;position: absolute;width: 100%;height: 100%;}
.shop-list-quick-search > .search-box .button i{color: #f9f9f9;font-size: 20px;}

.shop-list-quick-search > .select-box {border:1px solid #747474;border-bottom: 0;margin-bottom: 11px;background-color: #fff;}
.shop-list-quick-search > .select-box h1 {font-size: 12.5px;color:#000;background-color: #f3f3f3;font-weight: 400;text-align: left;padding-left: 13px;height: 39.5px;display: flex;align-items: center;line-height: 27.455px;letter-spacing: -0.06px;margin: 0;}
.shop-list-quick-search > .select-box .select-sub {cursor: pointer;margin-top: -1px;border-top: 1px solid #747474;border-bottom: 1px solid #747474;}
.shop-list-quick-search > .select-box .select-sub h2{font-size: 11px;color:#000;background-color: #fff;font-weight: 400;text-align: left;padding-left: 23px;height: 24px;display: flex;align-items: center;line-height: 27.455px;letter-spacing: -0.06px;margin: 0;border-bottom: 1px solid #747474;margin-bottom: -1px;justify-content: space-between;}
.shop-list-quick-search > .select-box .select-sub h2:after{content: '';background: url("/data/common/icon_check.png") no-repeat;width: 10px;height: 13px;background-size: contain;margin-right: 12.5px;background-position: center;}
.shop-list-quick-search > .select-box .select-sub > .select-sub-box {display: none;    padding: 9px 0;}
/*.shop-list-quick-search > .select-box .select-sub h2.open.ready + .select-sub-box {display: block;}*/
.shop-list-quick-search > .select-box .select-sub > .select-sub-box .select-item a {font-size: 11px;font-weight: 400;display: flex;align-items: center;margin-bottom: 0px;margin-left: 21px;}
.shop-list-quick-search > .select-box .select-sub > .select-sub-box .select-item label {font-size: 11px;font-weight: 400;display: flex;align-items: center;margin-bottom: 0px;margin-left: 21px;}
.shop-list-quick-search > .select-box .select-sub > .select-sub-box .select-item label:before {content:"";background: url("/data/common/icon_checkbox_off.png") no-repeat;width: 11.5px;height: 11.5px;display: block;align-self: auto;background-size: contain;background-position: center;margin-right: 4px;}
.shop-list-quick-search > .select-box .select-sub > .select-sub-box .select-item input[type=checkbox]:checked + label:before {content:"";background: url("/data/common/icon_checkbox_on.png") no-repeat;width: 11.5px;height: 11.5px;display: block;align-self: auto;background-size: contain;background-position: center;margin-right: 4px;}
.shop-list-quick-search > .select-box .select-sub > .select-sub-box .select-item input[type=checkbox] {display: none;}
.shop-list-quick-search > .select-box .select-sub > .select-sub-box .select-item{}

.shop-list-quick-search > .search-button {height: 40px;width: 100%;background-color: #8a2733;border: 0;color: #fff;font-size: 12.5px;font-weight: 700;letter-spacing: 0.02em;}
.billible-banner-custom {display: flex;    flex-wrap: wrap;}
.billible-banner-custom .billible-banner-custom-item{width: 25%;}

.sch_bar {text-align: left;margin-bottom: 1em;}
.sch_bar input{width: 300px;height: 30px;padding-left: 10px;}
.sch_bar .sch_btn{border: 1px solid #ccc;height: 30px;width: 50px;}
.bo_sch_wrap{margin-top:10px;}

/*전자 카달로그*/
.catalog-layer{position:fixed;width: 100%;height: 100vh;top: 0;left: -100vw;z-index: 99;}
body.catalogOpen .catalog-layer{left: 0 !important;}
body.catalogOpen .catalog-layer .dim{opacity: 1;}
.catalog-layer .dim{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);transition-duration: 1s;opacity: 0;}
.catalog-layer .catalog-list{display: flex;width: 100%;max-width: 1080px;justify-content: space-between;}
.catalog-layer .catalog-list .item{display: block;width: 50%;text-align: center;margin:0 5px}
.catalog-layer .catalog-list .item h1{color: #fff;font-family: 'Noto Sans KR';font-weight: 700;margin-bottom: 1em;font-size: 2em;letter-spacing: -0.05em;}
.catalog-layer .catalog-list .item > a{perspective: 1200px;transform-style: preserve-3d;display: inline-block;transition: box-shadow .25s ease-in-out;}

.catalog-layer .catalog-list .item img{border-radius: 0;transform-origin: left;transition: transform .25s;}
.catalog-layer .catalog-list .item:hover > a{box-shadow: 0 0 7px rgb(255 255 255 / 50%);}
.catalog-layer .catalog-list .item:hover img{transform: rotateY(-20deg);}
.ebook-container{width: calc(100% - 5em);height: calc(100% - 5em);position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.ebook-container .ebook-content {width: 100%;height: 100%;opacity: 0;transition-duration: .7s;}
.catalog-layer.open .ebook-container{z-index: 99;    background-color: rgba(0,0,0,0.6);box-shadow: 0 0 4px 0px #fff;}
.catalog-layer.open .ebook-content{opacity: 1;}
.e-book-close {position: absolute;color: #fff;left: 1em;padding: 0.5em;top: 1em;font-size: 2rem;z-index: 100;}

@media screen and (max-width: 960px) {
    .catalog-layer {display:none}
}

@media screen and (max-width: 767px){
    .billible-banner-custom .billible-banner-custom-item{width: 50%;}
    .ebcontents-half-banner .section-box .section-content{display: none;}
    .sch_bar input {width: calc(100% - 55px);height: 30px;}

    .catalog-layer .catalog-list{flex-direction: column;}
    .catalog-layer .catalog-list .item{width: 100%;padding: 0 10%;margin-bottom: 4rem;}
    .catalog-layer .catalog-list .item > a {width: 100%;}
    .catalog-layer .catalog-list .item > a img{width: 100%;}
}

@media screen and (max-width: 1574px) {
    .shop-list-quick-search {position: static;width: 100%;transform: none;}

}