/* programs-main */
.submain-programs {padding-bottom:5rem;}
.submain-programs .area-admin {position:relative;}
.submain-programs .area-admin .button {position:absolute;top:-3.5rem;right:0;}
.submain-programs .area-pages-content {margin-top:0;}
.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(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/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:768px) {
    .area-programs-condition .apc-title {font-size:1.32rem;}
    .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:2rem;height:2rem;background-position:-26rem 0;background-size:34rem;}
}

.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:.75rem;}
.area-programs-condition .apc-filter .filter-item .chk-custom-wrap {margin:.75rem 0;display:flex;flex-wrap:wrap;justify-content:space-between;}
.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%;text-align:center;white-space:nowrap;margin:.25rem 0;}

.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;}
.area-programs-condition .apc-filter-dim {display:none;}

@media screen and (min-width:769px) {
    .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:768px) {
    .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:1.08rem;/*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 2rem;box-sizing:border-box;background:#fff;z-index:21;transition:all 0.3s;overflow:hidden;}
    .area-programs-condition .apc-filter-dim {position:fixed;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:20;transition:all 0.3s;}
    /*.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;overflow:visible;overflow-y:auto;}
    .area-programs-condition .apc-filter.open + .apc-filter-dim {display:block;}
    .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 {position:relative;}
.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);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;cursor: pointer;}
.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:.3rem 0 0;padding:.3rem .5rem;border:1px solid #e2e9ef;background:#e2e9ef;box-sizing:border-box;cursor:pointer;}
.area-programs-wrap .result-info .view-array {position:absolute;bottom:0;right:0;width:8rem;}
.area-programs-wrap .result-info .view-array select {width:100%;}

@media screen and (min-width:769px) {
    .area-programs-wrap {width:77%;max-width:41.3rem;float:right;}
}
@media screen and (max-width:768px) {
    .area-programs-wrap .result-info .selected-tag-wrap {font-size:1.06rem;}
    .area-programs-wrap .result-info .pc-clear-all {display:none;}
    .area-programs-wrap .view-array {display:none;}
    .area-programs-wrap .mo-filter-wrap {display:block;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;overflow:hidden;}
.submain-programs .program-hit .pg-item {width:calc((54rem - 3rem) / 4) !important;padding-right:1rem;}
.submain-programs .program-hit .pg-item:last-child {padding-right:0;}
.submain-programs .program-hit .area-pg-item {width:100% !important;margin:0 !important;}
@media screen and (min-width:1101px) {
    .submain-programs .program-hit .swiper-wrapper {transform:none !important;}
}
@media screen and (max-width:768px) {
    .submain-programs .program-hit .hit-title {width:90%;margin:0 auto 1rem;}
    .submain-programs .program-hit .area-pg-list {padding:0 5%;width:auto;}
    .submain-programs .program-hit .pg-item {min-width:17rem;}
}

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

/* 상품 하단 공통영역 */
.area-programs-inquiry {position:relative;width:100%;background:rgba(51, 51, 51,0.8);z-index:10;}
.area-programs-inquiry.fixed {position:fixed;bottom:0;left:0;}
.area-programs-inquiry .api-wrap { position:relative; max-width: 1248px; margin:0 auto; color:#fff; padding: 16px 10rem 16px 0; box-sizing: border-box;}
.area-programs-inquiry .api-wrap .pg-title {font-weight: 600; font-size: 1rem;}
.area-programs-inquiry .api-wrap .inquiry-button{font-size: 0.9rem; font-weight: 600; line-height: 28px; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.area-programs-inquiry .api-wrap .inquiry-button .button{background-color: #1EC95B; border-radius: 4px; }
.area-programs-inquiry .api-wrap .inquiry-button .button + .button{margin-left: 16px;}
.area-programs-inquiry .api-wrap .inquiry-button .button.type2{background-color: #FC1D01; border-color: #FC1D01;}
.area-programs-inquiry .api-wrap .inquiry-button.multiple-types .button{width: 7.9rem;}

.area-programs-other {width:100%;max-width:54rem;margin:0 auto;}
.area-programs-other .program-slider {margin:4rem auto;}
.area-programs-other .program-slider .area-pg-list {overflow:hidden;}
.area-programs-other .program-slider .ps-title {margin-bottom:1rem;font-size:1.1rem;font-weight:400;position: relative;}
.area-programs-other .program-slider .yt-ps-title-link {position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 1rem;}
@media screen and (max-width: 1280px) {
    .area-programs-inquiry .api-wrap { padding: 16.5px 16px; }
    .area-programs-inquiry .api-wrap .inquiry-button{right: 16px;}
}
@media screen and (max-width:768px) {
    .area-programs-inquiry .api-wrap { display: block; }
    .area-programs-inquiry .api-wrap .pg-title { font-size: 1.23rem; }
    .area-programs-inquiry .api-wrap .pg-title + p {display:none;}
    .area-programs-inquiry .api-wrap .inquiry-button { width: 100%; line-height: 22.5px; margin-top: 10px; position: static; transform: none;}
    .area-programs-inquiry .api-wrap .inquiry-button.multiple-types{display: flex;}
    .area-programs-inquiry .api-wrap .inquiry-button.multiple-types .button{ width: calc(100% - 4px);}
    .area-programs-inquiry .api-wrap .inquiry-button.multiple-types .button + .button{margin-left: 8px;}
    .area-programs-inquiry .api-wrap .inquiry-button .button { width: 100%; font-size: 1.153rem; padding: 0; height: 3rem; }
    .area-programs-inquiry .api-wrap .inquiry-button .button + .button{margin-left: 0; margin-top:0;}

    .area-programs-other .program-slider .ps-title {width:90%;margin:0 1rem 1rem;font-size:1.3rem;}
}