@charset "UTF-8";
/*
skbd B다이렉트샵
btvc 케이블샵
*/
.page-body .local-head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.page-body .local-body {
    margin-bottom: 100rem;
}

.page-body .local-body .content-body .tab-display.module-a.style-c.medium {
    position: relative;
}

.page-body .local-body .content-body .tab-display.module-a.style-c.medium::before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw;
    min-width: calc(100% + 128rem);
    top: 0;
    bottom: 0;
    -webkit-box-shadow: inset 0 -4rem 0 0 #eeecea;
    box-shadow: inset 0 -4rem 0 0 #eeecea;
    background-color: white;
}

.page-body .local-body .content-body .product-feature {
    position: relative;
    margin: 80rem 0;
    padding-top: 64rem;
}

.page-body .local-body .content-body .product-feature .tab-display.module-a.style-c.medium {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 50%;
    padding: 0 64rem;
    width: calc(1170px + 128rem);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
}

.page-body .local-body .content-body .product-feature.active-scroll-trigger .tab-display.module-a.style-c.medium {
    position: fixed;
}

@media screen and (max-width: 1298px) {
    .page-body .local-body .content-body .product-feature.active-scroll-trigger .tab-display.module-a.style-c.medium {
        left: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.page-body .local-body .content-body .section.feature-item {
    position: relative;
    padding-top: 80rem;
}

.page-body .local-body .content-body .section.feature-item .section-head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.page-body .local-body .content-body .section.feature-item + .feature-item {
    margin-top: 88rem;
}

.page-body .local-body .content-body .section.feature-item + .feature-item::before {
    content: "";
    position: absolute;
    top: -8rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw;
    min-width: calc(100% + 128rem);
    height: 8rem;
    background-color: #f7f7f7;
}

.page-body .local-body .content-body .section.feature-item .section-body {
    position: relative;
}

.page-body .local-body .content-body .section.feature-item .section-body + .section-body {
    margin-top: 80rem;
    padding-top: 80rem;
}

.page-body .local-body .content-body .section.feature-item .section-body + .section-body::before {
    content: "";
    position: absolute;
    top: -2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw;
    min-width: calc(100% + 128rem);
    height: 2rem;
    background-color: #f7f7f7;
}

.page-body .local-body .content-body .section.feature-item .section-body .info-board.module-b.style-b .wbr {
    display: block;
}

.page-body .local-body .content-body .section.feature-item .section-body .info-board.module-b.style-b + .info-board.module-b.style-b {
    margin-top: 40rem;
}

.page-body .local-util {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 16rem;
    height: 50rem;
}

.page-body .local-util .button-area .btn svg {
    display: block;
    width: 24rem;
    height: 24rem;
    fill: #999999;
}

/* 공통 이용 안내 */
.noti-board.module-a.style-a {
    margin: 40rem 0;
}

.noti-board.module-a.style-a .board-wrap .board-head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

/* 공통 유의 사항 */
.noti-board.module-b.style-a {
    margin: 40rem 0;
}

.noti-board.module-b.style-a .board-wrap .board-head .board-subject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    color: #666666;
    font-size: 18rem;
    line-height: 28rem;
    font-weight: 400;
}

.noti-board.module-b.style-a .board-wrap .board-head .board-subject::before {
    content: "";
    display: block;
    margin-right: 4rem;
    width: 24rem;
    height: 24rem;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='fill: rgba(153,153,153,1)'%3E%3Cpath d='M12,3c-5,0-9,4-9,9s4,9,9,9s9-4,9-9S17,3,12,3L12,3z M12.7,6.8l0.8,1.3l-1.2,1l-0.8-1.4L12.7,6.8z M12.7,16.8c-0.5,0.3-1,0.4-1.6,0.4c-0.5-0.1-0.8-0.3-0.8-0.6c-0.1-0.5-0.1-0.9,0.1-1.4l0.4-2.4c-0.4,0.7-1,1.3-1.6,1.9l-0.4-0.4c0.9-0.9,1.7-1.9,2.2-3.1l1.5-0.5l-0.8,4.3c-0.1,0.4-0.1,0.7-0.1,1.1c0,0.2,0.2,0.3,0.3,0.3c0.4,0.1,1.2-0.4,2.2-1.4l0.3,0.4C14,15.9,13.4,16.4,12.7,16.8L12.7,16.8z'/%3E%3C/svg%3E");
}

.noti-board.module-b.style-a .board-wrap .board-head ~ .board-body {
    margin-top: 8rem;
}

/* 공통 상품 유형 선택 */
.section.product-type {
    margin: 80rem 0;
}

.section.product-type .section-head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

/* 공통 최신 이벤트 */
.section.event-latest {
    margin: 50rem 0;
}

.section.event-latest .section-head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

/* 공통 서비스 가능지역 조회 */
.section.service-coverage-area {
    margin: 20rem 0;
}

.section.service-coverage-area .section-head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

/* BEST 상품 보기 */
.section.best-product {
    margin: 20rem 0;
}

.section.best-product .section-head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

/* 공통 상담 연락처 남기기 */
.section.leave-contact {
    margin: 50rem 0;
}

.section.leave-contact .section-head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

/* 공통 공유 하기 */
.section.contents-share {
    margin: 25rem 0;
}

.section.contents-share .section-head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

/* 페이지 상품 유형 선택 */
.page-body.page-product-main .content-head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

/* 페이지 상품 특장점 */
.page-body.page-product-feature .content-head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

/* 페이지 차원이 다른 혜택 */
.page-body.page-tribenefit-main .content-head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

/* 페이지 기획전/이벤트 */
.page-body.page-event .content-head {
    margin: 80rem 0 70rem;
}

.page-body.page-event .content-head .content-title {
    margin: 0;
    text-align: center;
}

.page-body.page-event .content-head .content-title .content-name {
    display: inline-block;
    vertical-align: top;
    color: #333333;
    font-size: 36rem;
    line-height: 44rem;
    font-weight: 600;
    font-family: 'roboto','notokr', sans-serif;
}

.page-body.page-event .content-body .section {
    margin-top: 80rem;
}

.page-body.page-event .content-body .section .section-head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

/* 사은품 */
.page-body.page-gift-shop .content-head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.page-body.page-gift-shop .content-body .info-board.giveaway-guide {
    margin-top: 60px;
}

.page-body.page-gift-shop .content-body .info-board.giveaway-guide .board-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.page-body.page-gift-shop .content-body .info-board.giveaway-guide .board-head .board-subject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 30px 0;
    padding: 0 30px;
    height: 45px;
    font-weight: 700;
    color: white;
    border-radius: 100em;
    font-size: 18rem;
    line-height: 1.5;
    background-color: #333333;
}

.page-body.page-gift-shop .content-body .info-board.giveaway-guide .board-head .board-summary {
    margin: 0;
    font-weight: 600;
    font-family: 'roboto','notokr', sans-serif;
}

.page-body.page-gift-shop .content-body .info-board.giveaway-guide .board-head .board-summary .item {
    display: block;
    color: #333333;
    font-size: 36rem;
    line-height: 54rem;
}

.page-body.page-gift-shop .content-body .info-board.giveaway-guide .board-head .board-summary .noti {
    display: block;
    color: #ff5a20;
    font-size: 26rem;
    line-height: 38rem;
}

.page-body.page-gift-shop .content-body .section.customer-support {
    margin: 50rem 0;
}

.page-body.page-gift-shop .content-body .section.customer-support .section-head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.page-body.page-gift-shop .content-body .section.customer-support .section-body .subsection .subsection-head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.page-body.page-gift-shop .content-body .section.customer-support .section-body .subsection.guide {
    margin-top: 40rem;
    padding: 0 40rem;
}