/*******************************************************************************
                            상품검색 - 프로그램 서브메인
********************************************************************************/
.submain-programs {padding-bottom:5rem;}
.area-programs-condition {}
.area-programs-condition .apc-title-wrap {padding-bottom:1rem;border-bottom:1px solid #c5c5c5;margin-bottom:1rem;}
.area-programs-condition .apc-title-wrap .apc-title {font-size:1.1rem;}
.area-programs-condition .apc-search {position:relative;}
.area-programs-condition .apc-search .btn-search {content:'';position:absolute;top:50%;right:.5rem;transform:translateY(-50%);width:1.5rem;height:1.5rem;padding:0;border:none;background:#1ec956;background:url(/images/common/sp-ui-kit-x2.png) no-repeat;background-position:-4rem -5rem;background-size:19.5rem;font-size:0;text-indent:-999px;overflow:hidden;}
.area-programs-condition .apc-search input {border-color:#999;width:100%;padding-right:2.5rem;box-sizing:border-box;}
.area-programs-condition .apc-search input:focus {border-color:#1ec956;}

@media screen and (max-width:767px) {
    .area-programs-condition .apc-title {font-size:1.23rem;}
    .area-programs-condition .apc-search {}
    .area-programs-condition .apc-search input {height:3.77rem;line-height:3.77rem;padding:0 3rem 0 1rem;border-color:#c5c5c5;}
    .area-programs-condition .apc-search .btn-search {right:1rem;width:1.8rem;height:1.8rem;background-position:-23rem 0;background-size:30rem;}
}

.area-programs-condition .apc-category {margin-top:3rem;}
.area-programs-condition .apc-cate-list {}
.area-programs-condition .apc-cate-list a {display:block;padding:.3rem 0;font-size:.9rem;}
.area-programs-condition .apc-filter {margin-top:3rem;}
.area-programs-condition .apc-filter .filter-item {}
.area-programs-condition .apc-filter .filter-item .fi-tit {margin-bottom:1rem;}
.area-programs-condition .apc-filter .filter-item .chk-custom-wrap {margin:1rem 0;}
.area-programs-condition .apc-filter .filter-item .chk-custom-wrap:after {content:'';display:block;width:100%;clear:both;}
.area-programs-condition .apc-filter .filter-item .chk-custom-wrap span {display:block;width:48%;float:left;text-align:center;white-space:nowrap;}
.area-programs-condition .apc-filter .filter-item .chk-custom-wrap span:nth-of-type(2n) {float:right;}
.area-programs-condition .apc-filter .filter-item .chk-custom-wrap span:nth-of-type(2) ~ span {margin-top:.5rem;}
.area-programs-condition .apc-filter .filter-item .chk-custom-wrap input[type=checkbox] {display:none;}
.area-programs-condition .apc-filter .filter-item .chk-custom-wrap input[type=checkbox] + label {display:block;width:100%;padding:.3rem 0;border-radius:5px;background:#f8f8f8;font-size:.8rem;font-weight:300;color:#666;letter-spacing:-1px;cursor:pointer;}
.area-programs-condition .apc-filter .filter-item .chk-custom-wrap input[type=checkbox]:checked + label {background:#1ec956;color:#fff;}
.area-programs-condition .apc-filter .filter-item .filter-num {display:none;}
.area-programs-condition .apc-filter .filter-item .clear-all {display:none;}
.area-programs-condition .apc-filter .filter-close-btn {display:none;}

@media screen and (min-width:768px) {
    .area-programs-condition {width:19%;max-width:10rem;float:left;}
    .area-programs-condition .apc-cate-list a:hover,
    .area-programs-condition .apc-cate-list a.active {color:#1ec956;}
}
@media screen and (max-width:767px) {
    .area-programs-condition .apc-category {padding-bottom:1.5rem;border-bottom:1px solid #c5c5c5;}

    .area-programs-condition .apc-cate-list {margin:1rem 0;}
    .area-programs-condition .apc-cate-list .fi-tit {margin-bottom:1rem;}
    .area-programs-condition .apc-cate-list a {display:inline-block;margin:.5rem .5rem 0 0;padding:.3rem 1rem;border-radius:5px;background:#f8f8f8;font-size:1rem;font-weight:300;color:#666;letter-spacing:-1px;}
    .area-programs-condition .apc-cate-list a.active {background-color:#1ec95b;color:#fff;}

    .area-programs-condition .apc-filter {position:fixed;top:0;right:-65%;width:65%;max-width:18rem;height:100%;margin:0;padding:5rem 1.5rem 1rem;box-sizing:border-box;background:#fff;z-index:21;transition:all 0.3s;}
    .area-programs-condition .apc-filter:before {content:'';position:fixed;top:0;right:-100%;display:block;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:-1;}
    .area-programs-condition .apc-filter:after {content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:#fff;z-index:-1;}
    .area-programs-condition .apc-filter.open {right:0;}
    .area-programs-condition .apc-filter.open:before {right:0;}
    .area-programs-condition .apc-filter .mo-filter-close {position:absolute;top:1.5rem;left:1rem;}
    .area-programs-condition .apc-filter .apc-title-wrap {border:none;}
    .area-programs-condition .apc-filter .apc-title-wrap .mo-filter-num {display:inline-block;vertical-align:middle;}
    .area-programs-condition .apc-filter .apc-title-wrap .apc-title {display:inline-block;vertical-align:middle;}
    .area-programs-condition .apc-filter .apc-title-wrap .mo-clear-all {display:inline-block;vertical-align:middle;margin-left:1rem;border-bottom:1px solid #ccc;}
    .area-programs-condition .apc-filter .filter-item {padding:2rem 0 1rem;border-top:1px solid #c5c5c5;}
    .area-programs-condition .apc-filter .filter-item .chk-custom-wrap input[type=checkbox] + label {font-size:1rem;padding:.5rem 0;}
    .area-programs-condition .apc-filter .filter-close-btn {display:block;}
}

.area-programs-wrap {}
.area-programs-wrap .result-info:after {content:'';display:block;width:100%;clear:both;}
.area-programs-wrap .result-info .ri-tit {display:inline-block;font-size:1.1rem;font-weight:normal;line-height:2.3rem;vertical-align:middle;}
.area-programs-wrap .result-info .pc-clear-all {display:inline-block;height:2rem;margin:.15rem 1rem;padding:.3rem .5rem;border:1px solid #e2e9ef;background:#e2e9ef;box-sizing:border-box;cursor:pointer;font-size:.8rem;vertical-align:middle;}
.area-programs-wrap .result-info .selected-tag-wrap {width:calc(100% - 8rem);float:left;font-size:.8rem;letter-spacing:-1px;}
.area-programs-wrap .result-info .selected-tag-wrap .tag {position:relative;display:inline-block;height:2rem;margin-top:.3rem;margin-right:.5rem;padding:.3rem 1.3rem .3rem .5rem;border:1px solid #999;box-sizing:border-box;}
.area-programs-wrap .result-info .selected-tag-wrap .tag .ui-kit-x {position:absolute;top:50%;right:.2rem;transform:translateY(-50%);cursor:pointer;opacity:.6;}
.area-programs-wrap .result-info .selected-tag-wrap .tag .ui-kit-x:hover {opacity:.8;}
.area-programs-wrap .result-info .selected-tag-wrap .clear-all {display:inline-block;height:2rem;margin-top:.3rem;padding:.3rem .5rem;border:1px solid #e2e9ef;background:#e2e9ef;box-sizing:border-box;cursor:pointer;}
.area-programs-wrap .result-info .view-array {width:8rem;float:right;}
.area-programs-wrap .result-info .view-array select {width:100%;}

@media screen and (min-width:768px) {
    .area-programs-wrap {width:77%;max-width:41.3rem;float:right;}
}
@media screen and (max-width:767px) {
    .area-programs-wrap .result-info .pc-clear-all {display:none;}
    .area-programs-wrap .view-array {display:none;}
    .area-programs-wrap .mo-filter-wrap {margin:1.5rem 0;}
    .area-programs-wrap .mo-filter-wrap .mo-filter-open {display:inline-block;width:7rem;height:2.15rem;border:1px solid #c5c5c5;line-height:calc(2.15rem - 2px);font-size:1.23rem;font-weight:600;vertical-align:middle;}
    .area-programs-wrap .mo-filter-wrap .mo-filter-open .num {font-size:1rem;font-weight:400;vertical-align:bottom;}
    .area-programs-wrap .mo-filter-wrap .mo-filter-open i {background-size:28rem;background-position:-3.2rem -.1rem;vertical-align:baseline;}
    .area-programs-wrap .mo-filter-wrap .mo-clear-all {display:inline-block;vertical-align:middle;margin-left:1rem;border-bottom:1px solid #ccc;}
}

.submain-programs .program-hit {padding-top:2rem;}
.submain-programs .program-hit .hit-title {margin-bottom:2rem;font-size:1.3rem;font-weight:normal;}
.submain-programs .program-hit .area-pg-list {padding-bottom:0;}
.submain-programs .program-hit .area-pg-item {width:calc((54rem - 3rem) / 4) !important;margin:0 1rem 0 0 !important;}

@media screen and (max-width:767px) {
    .submain-programs .program-hit .hit-title {width:90%;margin:0 auto 1rem;}
    .submain-programs .program-hit .area-pg-item {min-width:17rem;margin-left:1rem;margin-right:0;}
}

/*******************************************************************************
                            상품상세페이지 공통
********************************************************************************/
.programs-sticky {position:fixed !important;top:35px/*0>35px*/;left:50%;width:100%;transform:translateX(-50%);z-index:10;}

/* 상품 하단 공통영역 */
.area-programs-inquiry {position:relative;width:100%;background:rgba(0,0,0,0.8);z-index:10;}
.area-programs-inquiry.fixed {position:fixed;bottom:0;left:0;}
.area-programs-inquiry .api-wrap {position:relative;width:90%;max-width:54rem;margin:0 auto;padding:1.5rem 0;color:#fff;}
.area-programs-inquiry .api-wrap .pg-title {font-size:1.7rem;}

.area-programs-other {width:100%;max-width:54rem;margin:0 auto;}
.area-programs-other .program-slider {margin:4rem auto;}
.area-programs-other .program-slider .ps-title {margin-bottom:1rem;font-size:1.1rem;font-weight:400;}

@media screen and (min-width:768px) {
    .area-programs-inquiry .api-wrap .inquiry-button {position:absolute;top:50%;right:0;transform:translateY(-50%)}
}
@media screen and (max-width:767px) {
    .area-programs-inquiry .api-wrap {font-size:1.08rem;}
    .area-programs-inquiry .api-wrap .pg-title {display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .area-programs-inquiry .api-wrap .pg-title + p {display:none;}
    .area-programs-inquiry .api-wrap .inquiry-button .button {width:100%;margin-top:1rem;}
    .area-programs-other .program-slider .ps-title {width:90%;margin:0 1rem 1rem;font-size:1.3rem;}
}