@charset "UTF-8";

input[type=radio],
input[type=checkbox] {
    position: initial;
    width: initial;
    height: initial;
    padding: initial;
    border: initial;
    overflow: initial;
    margin-left: initial;
    left: initial;
    clip: initial;
}

/* 계산기 */
.page-body.page-product-calculator .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.page-product-calculator .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-calculator .content-body {
    margin-bottom: 56rem;
}

.page-body.page-product-calculator .content-body .section.module-b {
    margin-right: 450rem;
}

/* info-board */
.info-board.module-g::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw;
    min-width: calc(100% + 128rem);
    height: 10rem;
    background-color: #f5f5f5;
}

.info-board.module-g .board-wrap {
    padding: 80rem 0;
}

.info-board.module-g .board-wrap .board-head .board-subject {
    margin: 0;
    font-size: 48rem;
    line-height: 60rem;
    font-weight: 600;
    font-family: 'roboto', 'notokr', sans-serif;
    color: #333333;
}

.info-board.module-g .board-wrap .board-head .board-subject .wbr {
    display: inline-block;
    vertical-align: top;
}

.info-board.module-g .board-wrap .board-body {
    margin: 16rem 0 0 0;
}

.info-board.module-g .board-wrap .board-body .para {
    margin: 0;
    font-size: 24rem;
    line-height: 32rem;
    font-weight: 300;
    font-family: 'roboto', 'notokr', sans-serif;
    color: #666666;
}

.info-board.module-g .board-wrap .board-body .data-list.module-a {
    margin-top: 32rem;
}

.info-board.module-g.type-c .board-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.info-board.module-i > .board-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.info-board.module-i.style-b {
    border-radius: 8rem;
}

.info-board.module-i.type-c .board-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.info-board.module-i.type-c .board-wrap .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;
}

.info-board.module-i.type-c .board-wrap .board-head .board-subject {
    margin: 0 0 16rem 0;
}

.info-board.module-i.type-c .board-wrap .board-head .board-subject .board-name {
    display: block;
    font-size: 26rem;
    line-height: 38rem;
    font-weight: 700;
    color: black;
}

.info-board.module-i.type-c .board-wrap .board-head .board-subject .board-name .wbr {
    display: inline-block;
    vertical-align: top;
}

.info-board.module-i.type-c .board-wrap .board-head .board-summary {
    margin: 0 0 16rem 0;
    font-size: 20rem;
    line-height: 30rem;
    font-weight: 300;
    color: #111111;
}

.info-board.module-i.type-c .board-wrap .board-head .board-summary .wbr {
    display: block;
    vertical-align: top;
}

.info-board.module-i.type-c .board-wrap .board-body {
    width: 100%;
}

.info-board.module-i.type-c .board-wrap .board-body .para {
    margin: 0;
    font-size: 20rem;
    line-height: 30rem;
    font-weight: 500;
    color: #111111;
}

.info-board.module-i.type-c .board-wrap .board-body .para + .data-list {
    margin-top: 8rem;
}

.info-board.module-i.type-c[class*=attr-] .board-wrap .board-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.info-board.module-i.type-c[class*=attr-] .board-wrap .board-head::after {
    content: "";
    display: block;
    height: 160rem;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.info-board.module-i.type-c[class*=attr-].attr-calc-popup-1gbps .board-wrap .board-head::after {
    background-image: url(./../../assets/images/direct_calculator/product_calculator_icon01.png);
}

.info-board.module-i.type-c[class*=attr-].attr-calc-popup-500mbps .board-wrap .board-head::after {
    background-image: url(./../../assets/images/direct_calculator/product_calculator_icon02.png);
}

.info-board.module-i.type-c[class*=attr-].attr-calc-popup-100mbps .board-wrap .board-head::after {
    background-image: url(./../../assets/images/direct_calculator/product_calculator_icon03.png);
}

.info-board.module-i.type-c[class*=attr-].attr-calc-popup-wings .board-wrap .board-head::after {
    background-image: url(./../../assets/images/direct_calculator/product_calculator_icon04.png);
}

.info-board.module-i.type-c[class*=attr-].attr-calc-popup-safesvc .board-wrap .board-head::after {
    background-image: url(./../../assets/images/direct_calculator/product_calculator_icon05.png);
}

.info-board.module-i.type-c[class*=attr-].attr-calc-popup-smart .board-wrap .board-head::after {
    background-image: url(./../../assets/images/direct_calculator/product_calculator_icon06.png);
}

.info-board.module-i.type-c[class*=attr-].attr-calc-popup-safeitn .board-wrap .board-head::after {
    background-image: url(./../../assets/images/direct_calculator/product_calculator_icon07.png);
}

.info-board.module-i.type-c[class*=attr-].attr-calc-popup-btvall .board-wrap .board-head::after {
    background-image: url(./../../assets/images/direct_calculator/product_calculator_icon08.png);
}

.info-board.module-i.type-c[class*=attr-].attr-calc-popup-standard .board-wrap .board-head::after {
    background-image: url(./../../assets/images/direct_calculator/product_calculator_icon09.png);
}

.info-board.module-i.type-c[class*=attr-].attr-calc-popup-economy .board-wrap .board-head::after {
    background-image: url(./../../assets/images/direct_calculator/product_calculator_icon10.png);
}

.info-board.module-i.type-fill {
    padding: 16rem;
    background-color: #f5f5f5;
}

/* guide-board */
.guide-board.module-a .board-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.guide-board.module-a .board-wrap .board-head {
    margin-bottom: 16rem;
}

.guide-board.module-a .board-wrap .board-head .board-subject {
    font-size: 26rem;
    line-height: 38rem;
    font-weight: 700;
    color: black;
}

.guide-board.module-a .board-wrap .board-head .board-subject .board-name {
    margin: 0;
}

.guide-board.module-a.style-b .board-wrap .board-body {
    border-radius: 8rem;
}

.guide-board.module-a.type-c .board-wrap .board-head {
    text-align: center;
}

.guide-board.module-a.type-fill .board-wrap .board-body {
    padding: 24rem 16rem;
    background-color: #f5f5f5;
}

/*
 * list style
 */
/**
* @type module
* @name data-list
*/
p.data-item {
    margin: 0;
}

/* data-list */
ul.data-list > li.data-item a.em {
    text-decoration: underline;
}

.data-list.module-a .data-item {
    color: #666666;
}

.data-list.module-a.normal-04 .data-item {
    color: #999999;
}

/* data-list style-a */
.data-list.module-a.style-a .data-item {
    position: relative;
}

.data-list.module-a.style-a .data-item::before {
    content: "-";
    display: block;
    position: absolute;
    left: 0;
}

.data-list.module-a.style-a.small .data-item {
    padding-left: 8rem;
    font-size: 18rem;
    line-height: 28rem;
}

.data-list.module-a.style-a.small .data-item::before {
    top: 0;
}

.data-list.module-a.style-a.small .data-item + .data-item {
    margin-top: 6rem;
}

/* data-list style-b */
.data-list.module-a.style-b .data-item {
    position: relative;
}

.data-list.module-a.style-b .data-item::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    border-radius: 50%;
    background-color: #333333;
}

.data-list.module-a.style-b .data-item .noti-text {
    display: block;
    position: relative;
    padding-left: 8rem;
    font-size: 16rem;
    line-height: 24rem;
    color: #999999;
}

.data-list.module-a.style-b .data-item .noti-text::before {
    content: "*";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.data-list.module-a.style-b.small .data-item {
    color: #333333;
}

.data-list.module-a.style-b.medium .data-item {
    padding-left: 8rem;
    font-size: 20rem;
    line-height: 30rem;
}

.data-list.module-a.style-b.medium .data-item::before {
    top: 12rem;
    width: 4rem;
    height: 4rem;
}

.data-list.module-a.style-b.medium .data-item + .data-item {
    margin-top: 8rem;
}

.data-list.module-a.style-b.large .data-item {
    padding-left: 8rem;
    font-size: 22rem;
    line-height: 32rem;
}

.data-list.module-a.style-b.large .data-item::before {
    top: 14rem;
    width: 5rem;
    height: 5rem;
}

.data-list.module-a.style-b.large .data-item + .data-item {
    margin-top: 13rem;
}

/* data-list style-c */
.data-list.module-a.style-c .data-item {
    position: relative;
}

.data-list.module-a.style-c .data-item::before {
    content: "*";
    display: block;
    position: absolute;
    left: 0;
}

.data-list.module-a.style-c.small .data-item {
    padding-left: 8rem;
    font-size: 18rem;
    line-height: 28rem;
}

.data-list.module-a.style-c.small .data-item::before {
    top: 0;
}

.data-list.module-a.style-c.small .data-item + .data-item {
    margin-top: 6rem;
}

/* data-list module-b */
.data-list.module-b.style-d.medium .data-item {
    padding-left: 25rem;
    font-size: 22rem;
    line-height: 32rem;
}

.data-list.module-b.style-d.medium .data-item::before {
    width: 20rem;
    height: 20rem;
}

.data-list.module-b.style-d.medium .data-item + .data-item {
    margin-top: 10rem;
}

.data-display.module-b > .data-list > .data-item > .data-wrap > .data-head > .data-subject {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16rem;
    line-height: 24rem;
    font-weight: 300;
    color: #333333;
}

.data-display.module-b > .data-list > .data-item > .data-wrap > .data-head > .data-summary {
    line-height: 20rem;
    font-size: 14rem;
    font-weight: 300;
    color: #333333;
}

.data-display.module-b > .data-list > .data-item > .data-wrap > .data-foot {
    font-size: 16rem;
    line-height: 24rem;
    font-weight: 300;
    color: #333333;
}

.data-display.module-b.type-b > .data-list > .data-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.data-display.module-b.type-b > .data-list > .data-item + .data-item {
    margin-top: 8rem;
}

.data-display.module-b.type-b > .data-list > .data-item > .data-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.data-display.module-b.type-b > .data-list > .data-item > .data-wrap + .data-wrap {
    margin-top: 4rem;
}

.data-display.module-b.type-b > .data-list > .data-item > .data-wrap > .data-head {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.data-display.module-b.type-b > .data-list > .data-item > .data-wrap > .data-head + .data-foot {
    padding-left: 8rem;
}

.data-display.module-b.type-b > .data-list > .data-item > .data-wrap > .data-foot {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: right;
}

.data-display.module-c > .data-list > .data-item > .data-wrap > .data-head > .data-subject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18rem;
    line-height: 28rem;
    font-weight: 700;
    color: #666666;
}

.data-display.module-c > .data-list > .data-item > .data-wrap > .data-head > .data-subject .data-name + .mark {
    margin-left: 4rem;
}

.data-display.module-c > .data-list > .data-item > .data-wrap > .data-head > .data-subject span.data-name {
    font-weight: 300;
}

.data-display.module-c > .data-list > .data-item > .data-wrap > .data-head > .data-subject strong.data-name {
    font-weight: 600;
}

.data-display.module-c > .data-list > .data-item > .data-wrap > .data-head > .data-summary {
    margin: 4rem 0 0 0;
    line-height: 20rem;
    font-weight: 300;
    font-size: 14rem;
}

.data-display.module-c > .data-list > .data-item > .data-wrap > .data-head > .data-summary > .em {
    font-weight: 400;
}

.data-display.module-c > .data-list > .data-item > .data-wrap > .data-body .total-amount {
    line-height: 20rem;
    font-weight: 700;
    font-size: 16rem;
    color: #4130df;
}

.data-display.module-c > .data-list > .data-item > .data-wrap > .data-foot {
    font-size: 18rem;
    line-height: 28rem;
    font-weight: 700;
    color: #333333;
}

.data-display.module-c > .data-list > .data-item .data-noti {
    margin: 16rem 0 0 0;
    font-size: 16rem;
    line-height: 24rem;
    font-weight: 300;
    color: #666666;
}

.data-display.module-c.type-b > .data-list > .data-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.data-display.module-c.type-b > .data-list > .data-item > .data-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 16rem;
}

.data-display.module-c.type-b > .data-list > .data-item > .data-wrap > .data-head {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.data-display.module-c.type-b > .data-list > .data-item > .data-wrap > .data-head .data-subject {
    color: #000000;
}

.data-display.module-c.type-b > .data-list > .data-item > .data-wrap > .data-head + .data-foot {
    padding-left: 8rem;
}

.data-display.module-c.type-b > .data-list > .data-item > .data-wrap > .data-foot {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: right;
    color: #000000;
    font-weight: 500;
}

.data-display.module-c.style-a > .data-list > .data-item + .data-item {
    margin-top: 24rem;
    padding-top: 24rem;
    border-top: 1rem solid #dddddd;
}

.data-display.module-d {
    width: 100%;
  /* IE 대응 */;
}

.data-display.module-d .data-list .data-item .data-wrap .data-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.data-display.module-d .data-list .data-item .data-wrap .data-head .data-subject {
    margin: 0 0 4rem 0;
    font-size: 20rem;
    line-height: 24rem;
    font-weight: 600;
    font-family: 'roboto', 'notokr', sans-serif;
    color: #333333;
}

.data-display.module-d .data-list .data-item .data-wrap .data-head .data-subject .data-name {
    display: block;
}

.data-display.module-d .data-list .data-item .data-wrap .data-head .data-subject .data-name .em.accent-01 {
    font-weight: inherit;
}

.data-display.module-d .data-list .data-item .data-wrap .data-head .data-summary {
    margin: 0;
    font-size: 18rem;
    line-height: 28rem;
    font-weight: 300;
    color: #333333;
}

.data-display.module-d .data-list .data-item .data-wrap .data-foot .charge-info {
    display: block;
    margin-top: 8rem;
}

.data-display.module-d .data-list .data-item .data-wrap .data-foot .charge-info .charge-text .head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1rem;
    padding: 0;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    font-size: 1rem;
    border: 0;
    clip: rect(0 0 0 0);
}

.data-display.module-d .data-list .data-item .data-wrap .data-foot .charge-info .charge-text .body {
    display: block;
    font-size: 14rem;
    line-height: 20rem;
    font-weight: 500;
    color: #202020;
}

.data-display.module-d .data-list .data-item .data-wrap .data-foot .charge-info .charge-text.list .body {
    line-height: 16rem;
    font-weight: 300;
    font-size: 12rem;
    color: #bbbbbb;
}

.data-display.module-d .data-list .data-item .data-wrap .data-foot .charge-info .charge-text.sale {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.data-display.module-d .data-list .data-item .data-wrap .data-foot .charge-info .charge-text.sale .body {
    text-decoration: none;
}

.data-display.module-d .data-list .data-item .data-wrap .data-foot .charge-info .charge-text.sale:before {
    content: "";
    display: block;
    width: 20rem;
    min-width: 20rem;
    height: 20rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.2' fill-rule='evenodd' clip-rule='evenodd' d='M10.481 2.71225C10.2227 2.42868 9.77641 2.42868 9.51805 2.71225L8.66237 3.65143C8.49098 3.83954 8.22573 3.91061 7.98325 3.8334L6.77262 3.44789C6.40709 3.33149 6.02063 3.55461 5.93867 3.92937L5.66722 5.17056C5.61285 5.41916 5.41867 5.61334 5.17007 5.66771L3.92888 5.93916C3.55412 6.02112 3.331 6.40758 3.4474 6.77311L3.83291 7.98374C3.91012 8.22622 3.83905 8.49147 3.65094 8.66286L2.71176 9.51854C2.42819 9.7769 2.42819 10.2231 2.71176 10.4815L3.65094 11.3372C3.83905 11.5086 3.91012 11.7738 3.83291 12.0163L3.4474 13.2269C3.331 13.5925 3.55412 13.9789 3.92888 14.0609L5.17007 14.3323C5.41867 14.3867 5.61285 14.5809 5.66722 14.8295L5.93867 16.0707C6.02063 16.4454 6.40709 16.6686 6.77262 16.5522L7.98325 16.1666C8.22573 16.0894 8.49098 16.1605 8.66237 16.3486L9.51805 17.2878C9.77641 17.5714 10.2227 17.5714 10.481 17.2878L11.3367 16.3486C11.5081 16.1605 11.7733 16.0894 12.0158 16.1666L13.2264 16.5522C13.592 16.6686 13.9784 16.4454 14.0604 16.0707L14.3318 14.8295C14.3862 14.5809 14.5804 14.3867 14.829 14.3323L16.0702 14.0609C16.4449 13.9789 16.6681 13.5925 16.5517 13.2269L16.1662 12.0163C16.0889 11.7738 16.16 11.5086 16.3481 11.3372L17.2873 10.4815C17.5709 10.2231 17.5709 9.7769 17.2873 9.51854L16.3481 8.66286C16.16 8.49147 16.0889 8.22622 16.1662 7.98374L16.5517 6.77311C16.6681 6.40758 16.4449 6.02112 16.0702 5.93916L14.829 5.66771C14.5804 5.61334 14.3862 5.41916 14.3318 5.17056L14.0604 3.92937C13.9784 3.55461 13.592 3.33149 13.2264 3.44789L12.0158 3.8334C11.7733 3.91061 11.5081 3.83954 11.3367 3.65143L10.481 2.71225ZM8.04579 9.34868C8.76526 9.34868 9.3485 8.76544 9.3485 8.04597C9.3485 7.32651 8.76526 6.74327 8.04579 6.74327C7.32633 6.74327 6.74309 7.32651 6.74309 8.04597C6.74309 8.76544 7.32633 9.34868 8.04579 9.34868ZM13.2566 11.9541C13.2566 12.6736 12.6734 13.2568 11.9539 13.2568C11.2344 13.2568 10.6512 12.6736 10.6512 11.9541C10.6512 11.2346 11.2344 10.6514 11.9539 10.6514C12.6734 10.6514 13.2566 11.2346 13.2566 11.9541ZM12.4145 8.50655L8.50637 12.4147C8.252 12.669 7.83959 12.669 7.58522 12.4147C7.33085 12.1603 7.33085 11.7479 7.58522 11.4935L11.4933 7.5854C11.7477 7.33103 12.1601 7.33103 12.4145 7.5854C12.6689 7.83977 12.6689 8.25218 12.4145 8.50655Z' fill='%234130df'/%3E%3Cpath d='M8.04569 9.34876C8.76515 9.34876 9.34839 8.76552 9.34839 8.04605C9.34839 7.32659 8.76515 6.74335 8.04569 6.74335C7.32622 6.74335 6.74298 7.32659 6.74298 8.04605C6.74298 8.76552 7.32622 9.34876 8.04569 9.34876Z' fill='%234130df'/%3E%3Cpath d='M13.2565 11.9542C13.2565 12.6736 12.6733 13.2569 11.9538 13.2569C11.2343 13.2569 10.6511 12.6736 10.6511 11.9542C10.6511 11.2347 11.2343 10.6515 11.9538 10.6515C12.6733 10.6515 13.2565 11.2347 13.2565 11.9542Z' fill='%234130df'/%3E%3Cpath d='M8.50626 12.4147L12.4144 8.50663C12.6687 8.25226 12.6687 7.83985 12.4144 7.58548C12.16 7.33111 11.7476 7.33111 11.4932 7.58548L7.58511 11.4936C7.33074 11.748 7.33074 12.1604 7.58511 12.4147C7.83948 12.6691 8.25189 12.6691 8.50626 12.4147Z' fill='%234130df'/%3E%3C/svg%3E");
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-]::before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: 88rem;
    height: 88rem;
    margin-right: 16rem;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url(./../images/direct_calculator/icons_calculator_product.png);
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-].attr-calc-product-iptv::before {
    background-position: 0 -440rem;
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-].attr-calc-product-kids::before {
    background-position: 0 -528rem;
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-].attr-calc-product-uhd::before {
    background-position: 0 -616rem;
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-].attr-calc-product-speaker1::before {
    background-position: 0 -704rem;
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-].attr-calc-product-speaker2::before {
    background-position: 0 -792rem;
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-].attr-calc-product-speaker3::before {
    background-position: 0 -880rem;
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-].attr-calc-product-youtube::before {
    background-position: 0 -968rem;
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-].attr-calc-product-nugu::before {
    background-position: 0 -1056rem;
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-].attr-calc-product-settop::before {
    background-position: 0 -1144rem;
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-].attr-calc-product-apple4k::before {
    background-position: 0 -1232rem;
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-].attr-calc-product-applesettop::before {
    background-position: 0 -1320rem;
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-].attr-calc-product-applecombi::before {
    background-position: 0 -1408rem;
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-].attr-calc-product-appleplus::before {
    background-position: 0 -1496rem;
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-].attr-calc-product-useful::before {
    background-position: 0 -1584rem;
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-].attr-calc-product-private::before {
    background-position: 0 -1672rem;
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-].attr-calc-product-meet::before {
    background-position: 0 -1760rem;
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-].attr-calc-product-bno::before {
    background-position: 0 -1848rem;
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-].attr-calc-product-google::before {
    background-position: 0 -1936rem;
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-].attr-calc-product-reddot::before {
    background-position: 0 -2024rem;
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-].attr-calc-product-1gbps::before {
    background-position: 0 -2112rem;
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-].attr-calc-product-500mbps::before {
    background-position: 0 -2200rem;
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-].attr-calc-product-100mbps::before {
    background-position: 0 -2288rem;
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-].attr-calc-product-economy::before {
    background-position: 0 -2552rem;
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-].attr-calc-product-standard::before {
    background-position: 0 -2464rem;
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-].attr-calc-product-all::before {
    background-position: 0 -2376rem;
}

.data-display.module-d.type-a .data-list .data-item[class*=attr-] .data-wrap {
    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-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.data-display.module-d.style-a .data-list {
    border-top: 1rem solid #ddd;
}

.data-display.module-d.style-a .data-list .data-item {
    padding: 24rem 0;
}

.data-display.module-d.style-a .data-list .data-item + .data-item {
    border-top: 1rem solid #ddd;
}

.data-display.total-charge-info .data-list .data-item .data-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.data-display.total-charge-info .data-list .data-item .data-wrap .data-body {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4rem;
  /* total-charge-info 못 찾음 */
    background-color: red;
    text-align: right;
}

.data-display.total-charge-info + .button-display::before {
    content: "";
    display: block;
    position: relative;
    left: 50%;
    width: 100vw;
    min-width: 1298rem;
    margin-bottom: 16rem;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    height: 1rem;
    background-color: #dddddd;
}

/* option-list */
ul.option-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

fieldset.option-list {
    margin: 0;
    padding: 0;
    border: hidden;
}

fieldset.option-list legend {
    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;
}

.option-list.module-a.style-c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.option-list.module-a.style-c .option-item {
    width: calc(16.6666666667% - 6.6666666667rem);
    text-align: center;
}

.option-list.module-a.style-c .option-item + .option-item {
    margin-left: 8rem;
}

.option-list.module-a.style-c .option-item .option-wrap .option-head .option-subject .option-name .form {
    display: block;
    position: relative;
    height: 40px;
    cursor: default;
}

.option-list.module-a.style-c .option-item .option-wrap .option-head .option-subject .option-name .form .form-elem {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  /* IE 대응 */;
}

html.ie .option-list.module-a.style-c .option-item .option-wrap .option-head .option-subject .option-name .form .form-elem {
    opacity: 0;
}

.option-list.module-a.style-c .option-item .option-wrap .option-head .option-subject .option-name .form .form-elem::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1rem solid #dddddd;
    border-radius: 36rem;
}

.option-list.module-a.style-c .option-item .option-wrap .option-head .option-subject .option-name .form .form-elem ~ .after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1rem solid #dddddd;
    border-radius: 18rem;
}

.option-list.module-a.style-c .option-item .option-wrap .option-head .option-subject .option-name .form .form-elem:focus ~ .after {
    outline: 1rem dotted #333;
}

.option-list.module-a.style-c .option-item .option-wrap .option-head .option-subject .option-name .form .form-elem:checked::before {
    border-color: #4130df;
    background-color: #4130df;
}

.option-list.module-a.style-c .option-item .option-wrap .option-head .option-subject .option-name .form .form-elem:checked + .form-text {
    color: #fff;
    z-index: 1;
}

.option-list.module-a.style-c .option-item .option-wrap .option-head .option-subject .option-name .form .form-elem:checked ~ .after {
    border-color: #4130df;
    background-color: #4130df;
}

.option-list.module-a.style-c .option-item .option-wrap .option-head .option-subject .option-name .form .form-text {
    display: block;
    position: relative;
    line-height:40rem;
    font-size: 16rem;
    font-weight: 500;
    color: #333333;
}

fieldset.option-display {
    margin: 0;
    padding: 0;
    border: hidden;
}

fieldset.option-display legend {
    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;
}

.option-display.module-a.style-a > .option-list > .option-item + .option-item {
    position: relative;
}

.option-display.module-a.style-a > .option-list > .option-item + .option-item::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top: 1rem solid #ddd;
}

.option-display.module-a > .option-list > .option-item > .option-wrap > .option-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.option-display.module-a > .option-list > .option-item > .option-wrap > .option-head > .option-subject > .option-name {
    display: block;
    position: relative;
    font-size: 16rem;
    line-height: 24rem;
    font-weight: 600;
    font-family: 'roboto', 'notokr', sans-serif;
    color: #333333;
}

.option-display.module-a > .option-list > .option-item > .option-wrap > .option-head > .option-subject > .option-name .form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: default;
}

.option-display.module-a > .option-list > .option-item > .option-wrap > .option-head > .option-subject > .option-name .form .form-elem {
    position: relative;
    width: 24rem;
    height: 24rem;
  /* IE 대응 */;
}

html.ie .option-display.module-a .option-list .option-item .option-wrap .option-head .option-subject .option-name .form .form-elem {
    opacity: 0;
}

.option-display.module-a > .option-list > .option-item > .option-wrap > .option-head > .option-subject > .option-name .form .form-elem::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16rem;
    height: 16rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #d2d8dd;
    border-radius: 10rem;
}

.option-display.module-a > .option-list > .option-item > .option-wrap > .option-head > .option-subject > .option-name .form .form-elem::after {
    content: "";
    display: block;
    position: absolute;
    top: 6rem;
    left: 8rem;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 8rem;
    height: 5rem;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: -1.25rem 1.25rem 0 0 #fff;
    box-shadow: -1.25rem 1.25rem 0 0 #fff;
}

.option-display.module-a > .option-list > .option-item > .option-wrap > .option-head > .option-subject > .option-name .form .form-elem ~ .after {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16rem;
    height: 16rem;
    position: absolute;
    top: 4rem;
    left: 4rem;
    background-color: #d2d8dd;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='fill: rgba(255,255,255,1)'%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12rem;
    border-radius: 10rem;
}

.option-display.module-a > .option-list > .option-item > .option-wrap > .option-head > .option-subject > .option-name .form .form-elem:focus ~ .after {
    outline: 1rem dotted #333;
}

.option-display.module-a > .option-list > .option-item > .option-wrap > .option-head > .option-subject > .option-name .form .form-elem:checked::before {
    border-color: #4130df;
    background-color: #4130df;
}

.option-display.module-a > .option-list > .option-item > .option-wrap > .option-head > .option-subject > .option-name .form .form-elem:checked ~ .after {
    border-color: #4130df;
    background-color: #4130df;
}

.option-display.module-a > .option-list > .option-item > .option-wrap > .option-head > .option-subject > .option-name .form .form-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 4rem;
}

.option-display.module-a > .option-list > .option-item > .option-wrap > .option-head > .option-subject > .option-name .form .form-text .form-noti {
    display: block;
    margin-top: 8rem;
    font-size: 14rem;
    line-height: 20rem;
    font-weight: 400;
    font-family: 'roboto', 'notokr', Noto Sans KR, sans-serif;
    color: #333333;
}

.option-display.module-a > .option-list > .option-item > .option-wrap > .option-head > .option-utility .btn {
    display: block;
    white-space: nowrap;
    text-decoration: none;
}

.option-display.module-a > .option-list > .option-item > .option-wrap > .option-head > .option-utility .btn .btn-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    top: 0;
    left: 0;
    font-size: 16rem;
    line-height: 24rem;
    font-weight: 600;
    font-family: 'roboto', 'notokr', sans-serif;
    color: #666666;
}

.option-display.module-a > .option-list > .option-item > .option-wrap > .option-head > .option-utility .btn .btn-text::after {
    content: "";
    display: block;
    width: 20rem;
    min-width: 20rem;
    height: 20rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.146 14.7917L7.60433 16.25L13.8543 10L7.60433 3.75L6.146 5.20833L10.9377 10L6.146 14.7917Z' fill='%23666666'/%3E%3C/svg%3E");
}

.option-display.module-a > .option-list > .option-item + .option-item {
    padding-top: 16rem;
    margin-top: 24rem;
}

/* option-display */
.option-display.module-b {
    position: relative;
}

.option-display.module-b.attr-scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: calc(50% - 50vw);
    padding: 0 20rem;
    width: 100vw;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.option-display.module-b.attr-scroll .option-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.option-display.module-b.attr-scroll .option-list .option-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 156rem;
}

.option-display.module-b.style-a > .option-list > .option-item {
    padding: 44rem 20rem 15rem 20rem;
}

.option-display.module-b.style-a > .option-list > .option-item .option-head .option-subject .option-name .form-elem::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16rem;
    height: 16rem;
    position: absolute;
    top: 16rem;
    left: 20rem;
    background-color: #d2d8dd;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='fill: rgba(255,255,255,1)'%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12rem;
    border-radius: 10rem;
}

.option-display.module-b.style-a > .option-list > .option-item .option-head .option-subject .option-name .form-elem ~ .before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16rem;
    height: 16rem;
    position: absolute;
    top: 16rem;
    left: 20rem;
    background-color: #d2d8dd;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='fill: rgba(255,255,255,1)'%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12rem;
    border-radius: 10rem;
}

.option-display.module-b.style-a > .option-list > .option-item .option-head .option-subject .option-name .form-elem:checked::before {
    border-color: #4130df;
    background-color: #4130df;
}

.option-display.module-b.style-a > .option-list > .option-item .option-head .option-subject .option-name .form-elem:checked ~ .before {
    border-color: #4130df;
    background-color: #4130df;
}

.option-display.module-b.style-b > .option-list > .option-item {
    padding: 20rem 16rem 15rem 16rem;
}

.option-display.module-b.style-b > .option-list > .option-item .option-head .option-subject .option-name .form .form-text {
    max-height: 60rem;
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.option-display.module-b .option-list .option-item {
    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-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.option-display.module-b .option-list .option-item[class*=attr-]::before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    margin: 0 auto 15rem auto;
    width: 72rem;
    height: 72rem;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.option-display.module-b .option-list .option-item[class*=attr-] .option-wrap .option-head .option-subject .option-name .form .form-text {
    font-size: 14rem;
    line-height: 20rem;
    font-weight: 300;
    font-family: 'roboto', 'notokr', Noto Sans KR, sans-serif;
    color: #333333;
}

.option-display.module-b .option-list .option-item[class*=attr-].attr-figure::before {
    background-image: var(--background-image);
}

.option-display.module-b .option-list .option-item .option-wrap {
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
}

.option-display.module-b .option-list .option-item .option-wrap .option-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.option-display.module-b .option-list .option-item .option-wrap .option-head + .option-head {
    margin-top: 8rem;
}

.option-display.module-b .option-list .option-item .option-wrap .option-head .option-subject + .option-head {
    margin-top: 4rem;
}

.option-display.module-b .option-list .option-item .option-wrap .option-head .option-subject .mark {
    margin: 0 0 4rem 0;
}

.option-display.module-b .option-list .option-item .option-wrap .option-head .option-subject .option-name {
    font-size: 16rem;
    line-height: 24rem;
    font-weight: 600;
    font-family: 'roboto', 'notokr', sans-serif;
    color: #333333;
}

.option-display.module-b .option-list .option-item .option-wrap .option-head .option-subject .option-name .form {
    display: block;
    position: static;
}

.option-display.module-b .option-list .option-item .option-wrap .option-head .option-subject .option-name .form .form-elem {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    pointer-events: auto;
    border: 1rem solid #d8d6d5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top-left-radius: 20rem;
    border-top-right-radius: 20rem;
    border-bottom-left-radius: 20rem;
  /* IE 대응 */;
}

html.ie .option-display.module-b .option-list .option-item .option-wrap .option-head .option-subject .option-name .form .form-elem {
    opacity: 0;
}

.option-display.module-b .option-list .option-item .option-wrap .option-head .option-subject .option-name .form .form-elem ~ .after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1rem solid #d8d6d5;
    border-top-left-radius: 20rem;
    border-top-right-radius: 20rem;
    border-bottom-left-radius: 20rem;
}

.option-display.module-b .option-list .option-item .option-wrap .option-head .option-subject .option-name .form .form-elem:focus ~ .after {
    outline: 1rem dotted #333;
}

.option-display.module-b .option-list .option-item .option-wrap .option-head .option-subject .option-name .form .form-elem:checked {
    border: 1rem solid #4130df;
}

.option-display.module-b .option-list .option-item .option-wrap .option-head .option-subject .option-name .form .form-elem:checked ~ .after {
    border-color: #4130df;
}

.option-display.module-b .option-list .option-item .option-wrap .option-head .option-summary {
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 14rem;
    line-height: 20rem;
    font-weight: 300;
    font-family: 'roboto', 'notokr', Noto Sans KR, sans-serif;
    color: #333333;
}

.option-display.module-b .option-list .option-item .option-wrap .option-foot .charge-info {
    display: block;
    margin-top: 10px;
}

.option-display.module-b .option-list .option-item .option-wrap .option-foot .charge-info .charge-text .head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1rem;
    padding: 0;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    font-size: 1rem;
    border: 0;
    clip: rect(0 0 0 0);
}

.option-display.module-b .option-list .option-item .option-wrap .option-foot .charge-info .charge-text .body {
    display: block;
    font-size: 14rem;
    line-height: 20rem;
    font-weight: 500;
    font-family: 'roboto', Noto Sans KR, sans-serif;
    color: #666666;
}

.option-display.module-b .option-list .option-item .option-wrap .option-foot .charge-info .charge-text.list .body {
    line-height: 16rem;
    font-weight: 300;
    font-size: 12rem;
    color: #bbbbbb;
}

.option-display.module-b .option-list .option-item .option-wrap .option-foot .charge-info .charge-text.sale {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.option-display.module-b .option-list .option-item .option-wrap .option-foot .charge-info .charge-text.sale .body {
    text-decoration: none;
}

.option-display.module-b .option-list .option-item .option-wrap .option-foot .charge-info .charge-text.sale:before {
    content: "";
    display: block;
    width: 20rem;
    min-width: 20rem;
    height: 20rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.2' fill-rule='evenodd' clip-rule='evenodd' d='M10.481 2.71225C10.2227 2.42868 9.77641 2.42868 9.51805 2.71225L8.66237 3.65143C8.49098 3.83954 8.22573 3.91061 7.98325 3.8334L6.77262 3.44789C6.40709 3.33149 6.02063 3.55461 5.93867 3.92937L5.66722 5.17056C5.61285 5.41916 5.41867 5.61334 5.17007 5.66771L3.92888 5.93916C3.55412 6.02112 3.331 6.40758 3.4474 6.77311L3.83291 7.98374C3.91012 8.22622 3.83905 8.49147 3.65094 8.66286L2.71176 9.51854C2.42819 9.7769 2.42819 10.2231 2.71176 10.4815L3.65094 11.3372C3.83905 11.5086 3.91012 11.7738 3.83291 12.0163L3.4474 13.2269C3.331 13.5925 3.55412 13.9789 3.92888 14.0609L5.17007 14.3323C5.41867 14.3867 5.61285 14.5809 5.66722 14.8295L5.93867 16.0707C6.02063 16.4454 6.40709 16.6686 6.77262 16.5522L7.98325 16.1666C8.22573 16.0894 8.49098 16.1605 8.66237 16.3486L9.51805 17.2878C9.77641 17.5714 10.2227 17.5714 10.481 17.2878L11.3367 16.3486C11.5081 16.1605 11.7733 16.0894 12.0158 16.1666L13.2264 16.5522C13.592 16.6686 13.9784 16.4454 14.0604 16.0707L14.3318 14.8295C14.3862 14.5809 14.5804 14.3867 14.829 14.3323L16.0702 14.0609C16.4449 13.9789 16.6681 13.5925 16.5517 13.2269L16.1662 12.0163C16.0889 11.7738 16.16 11.5086 16.3481 11.3372L17.2873 10.4815C17.5709 10.2231 17.5709 9.7769 17.2873 9.51854L16.3481 8.66286C16.16 8.49147 16.0889 8.22622 16.1662 7.98374L16.5517 6.77311C16.6681 6.40758 16.4449 6.02112 16.0702 5.93916L14.829 5.66771C14.5804 5.61334 14.3862 5.41916 14.3318 5.17056L14.0604 3.92937C13.9784 3.55461 13.592 3.33149 13.2264 3.44789L12.0158 3.8334C11.7733 3.91061 11.5081 3.83954 11.3367 3.65143L10.481 2.71225ZM8.04579 9.34868C8.76526 9.34868 9.3485 8.76544 9.3485 8.04597C9.3485 7.32651 8.76526 6.74327 8.04579 6.74327C7.32633 6.74327 6.74309 7.32651 6.74309 8.04597C6.74309 8.76544 7.32633 9.34868 8.04579 9.34868ZM13.2566 11.9541C13.2566 12.6736 12.6734 13.2568 11.9539 13.2568C11.2344 13.2568 10.6512 12.6736 10.6512 11.9541C10.6512 11.2346 11.2344 10.6514 11.9539 10.6514C12.6734 10.6514 13.2566 11.2346 13.2566 11.9541ZM12.4145 8.50655L8.50637 12.4147C8.252 12.669 7.83959 12.669 7.58522 12.4147C7.33085 12.1603 7.33085 11.7479 7.58522 11.4935L11.4933 7.5854C11.7477 7.33103 12.1601 7.33103 12.4145 7.5854C12.6689 7.83977 12.6689 8.25218 12.4145 8.50655Z' fill='%234130df'/%3E%3Cpath d='M8.04569 9.34876C8.76515 9.34876 9.34839 8.76552 9.34839 8.04605C9.34839 7.32659 8.76515 6.74335 8.04569 6.74335C7.32622 6.74335 6.74298 7.32659 6.74298 8.04605C6.74298 8.76552 7.32622 9.34876 8.04569 9.34876Z' fill='%234130df'/%3E%3Cpath d='M13.2565 11.9542C13.2565 12.6736 12.6733 13.2569 11.9538 13.2569C11.2343 13.2569 10.6511 12.6736 10.6511 11.9542C10.6511 11.2347 11.2343 10.6515 11.9538 10.6515C12.6733 10.6515 13.2565 11.2347 13.2565 11.9542Z' fill='%234130df'/%3E%3Cpath d='M8.50626 12.4147L12.4144 8.50663C12.6687 8.25226 12.6687 7.83985 12.4144 7.58548C12.16 7.33111 11.7476 7.33111 11.4932 7.58548L7.58511 11.4936C7.33074 11.748 7.33074 12.1604 7.58511 12.4147C7.83948 12.6691 8.25189 12.6691 8.50626 12.4147Z' fill='%234130df'/%3E%3C/svg%3E");
}

.option-display.module-c {
    position: relative;
    z-index: 1;
    width: 400rem;
    margin: 0 auto;
    padding-top: 190rem;
}

.option-display.module-c .option-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.option-display.module-c .option-list::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 15rem;
    height: 10rem;
    border-radius: 4rem;
    background: -webkit-gradient(linear, left top, right top, from(#cdc6f8), to(#4130df));
    background: -o-linear-gradient(left, #cdc6f8 0%, #4130df 100%);
    background: linear-gradient(90deg, #cdc6f8 0%, #4130df 100%);
}

.option-display.module-c .option-list::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    right: 0;
    left: var(--left);
    top: 15rem;
    height: 10rem;
    border-radius: 4rem;
    background-color: #ddd;
}

.option-display.module-c .option-list .option-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 0;
}

.option-display.module-c .option-list .option-item .option-wrap {
    width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.option-display.module-c .option-list .option-item .option-wrap .option-head .form {
    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;
    z-index: 1;
    width: 28rem;
    cursor: pointer;
}

html.ie .option-display.module-c .option-list .option-item .option-wrap .option-head .form {
    -webkit-transform: translateX(-14rem);
    -ms-transform: translateX(-14rem);
    transform: translateX(-14rem);
}

.option-display.module-c .option-list .option-item .option-wrap .option-head .form::before {
    content: "";
    display: block;
    position: absolute;
    bottom: calc(100% + 15rem);
    left: calc(50% - 18rem);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25rem 18rem 0 18rem;
    border-color: #4130df transparent transparent transparent;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(0, 8rem);
    -ms-transform: translate(0, 8rem);
    transform: translate(0, 8rem);
}

.option-display.module-c .option-list .option-item .option-wrap .option-head .form::after {
    content: "";
    display: block;
    position: absolute;
    bottom: calc(100% + 16rem);
    left: calc(50% - 18rem);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25rem 18rem 0 18rem;
    border-color: #fff transparent transparent transparent;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(0, 8rem);
    -ms-transform: translate(0, 8rem);
    transform: translate(0, 8rem);
}

.option-display.module-c .option-list .option-item .option-wrap .option-head .form .form-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap;
    margin-top: 8rem;
    text-align: center;
    font-size: 16rem;
    line-height: 24rem;
    font-weight: 600;
    font-family: 'roboto', 'notokr', sans-serif;
    color: #bbb;
}

.option-display.module-c .option-list .option-item .option-wrap .option-head .form .form-elem {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40rem;
    width: 40rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

html.ie .option-display.module-c .option-list .option-item .option-wrap .option-head .form .form-elem {
    opacity: 0;
}

.option-display.module-c .option-list .option-item .option-wrap .option-head .form .form-elem::before {
    content: "";
    display: block;
    width: 17rem;
    height: 17rem;
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -webkit-transition: -webkit-box-shadow 0.25s ease;
    transition: -webkit-box-shadow 0.25s ease;
    -o-transition: box-shadow 0.25s ease;
    transition: box-shadow 0.25s ease;
    transition: box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease;
}

.option-display.module-c .option-list .option-item .option-wrap .option-head .form .form-elem ~ .after {
    position: absolute;
    top: 12rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    display: block;
    width: 17rem;
    height: 17rem;
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -webkit-transition: -webkit-box-shadow 0.25s ease;
    transition: -webkit-box-shadow 0.25s ease;
    -o-transition: box-shadow 0.25s ease;
    transition: box-shadow 0.25s ease;
    transition: box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease;
}

.option-display.module-c .option-list .option-item .option-wrap .option-head .form .form-elem:focus ~ .after {
    outline: 1rem dotted #333;
}

.option-display.module-c .option-list .option-item .option-wrap .option-head .form .form-elem:checked::before {
    width: 20rem;
    height: 20rem;
    border: 10rem solid #4130df;
    background-color: #fff;
    -webkit-box-shadow: 0 2rem 4rem 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 2rem 4rem 0 rgba(0, 0, 0, 0.25);
}

.option-display.module-c .option-list .option-item .option-wrap .option-head .form .form-elem:checked ~ .form-text {
    color: #333333;
}

.option-display.module-c .option-list .option-item .option-wrap .option-head .form .form-elem:checked ~ .after {
    top: 0;
    width: 20rem;
    height: 20rem;
    border: 10rem solid #4130df;
    background-color: #fff;
    -webkit-box-shadow: 0 2rem 4rem 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 2rem 4rem 0 rgba(0, 0, 0, 0.25);
}

.option-display.module-c .option-list .option-item .option-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: calc(100% + 40rem);
    right: -44rem;
    left: -44rem;
    padding: 0 56rem;
    height: 156rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1rem solid #4130df;
    border-top-left-radius: 20rem;
    border-top-right-radius: 20rem;
    border-bottom-left-radius: 20rem;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(0, 8rem);
    -ms-transform: translate(0, 8rem);
    transform: translate(0, 8rem);
}

.option-display.module-c .option-list .option-item:nth-child(1) {
    margin-left: 0;
}

.option-display.module-c .option-list .option-item:nth-child(1) .form .form-elem::before {
    background-color: #cdc6f8;
}

.option-display.module-c .option-list .option-item:nth-child(1) .form .form-elem ~ .after {
    background-color: #cdc6f8;
}

.option-display.module-c .option-list .option-item:nth-child(2) {
    margin-left: auto;
}

.option-display.module-c .option-list .option-item:nth-child(2) .form .form-elem::before {
    background-color: #6556e6;
}

.option-display.module-c .option-list .option-item:nth-child(2) .form .form-elem ~ .after {
    background-color: #6556e6;
}

.option-display.module-c .option-list .option-item:nth-child(3) {
    margin-left: auto;
}

.option-display.module-c .option-list .option-item.checked-within .form .form-elem::before {
    background-color: #ddd;
}

.option-display.module-c .option-list .option-item.checked-within .form .form-elem ~ .after {
    background-color: #ddd;
}

.option-display.module-c .option-list .option-item.checked-within ~ .option-item .form .form-elem::before {
    background-color: #ddd;
}

.option-display.module-c .option-list .option-item.checked-within ~ .option-item .form .form-elem ~ .after {
    background-color: #ddd;
}

.option-display.module-c .option-list .option-item.checked-within .option-wrap .form::before {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: visibility 0.25s ease-in-out, opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    transition: visibility 0.25s ease-in-out, opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    -o-transition: visibility 0.25s ease-in-out, opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
    transition: visibility 0.25s ease-in-out, opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
    transition: visibility 0.25s ease-in-out, opacity 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}

.option-display.module-c .option-list .option-item.checked-within .option-wrap .form::after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    transition: -webkit-transform 0.25s ease-in-out;
    -o-transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}

.option-display.module-c .option-list .option-item.checked-within .option-side {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: visibility 0.25s ease-in-out, opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    transition: visibility 0.25s ease-in-out, opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    -o-transition: visibility 0.25s ease-in-out, opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
    transition: visibility 0.25s ease-in-out, opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
    transition: visibility 0.25s ease-in-out, opacity 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}

/* data-list */
p.data-item {
    margin: 0;
}

.data-list > li.data-item a.em {
    text-decoration: underline;
}

.data-list.module-a.style-b.xxx-small .data-item {
    padding-left: 8rem;
    line-height: 16rem;
    font-size: 12rem;
}

.data-list.module-a.style-b.xxx-small .data-item + .data-item {
    margin-top: 8rem;
}

.data-list.module-a.style-b.xxx-small .data-item::before {
    top: 8.5rem;
    width: 3rem;
    height: 3rem;
}

.data-list.module-a.style-e .data-item {
    padding-left: 8rem;
    font-size: 20rem;
    line-height: 30rem;
    font-weight: 300;
    color: #111111;
}

.data-list.module-a.style-e .data-item + .data-item {
    margin-top: 4rem;
}

.data-list.module-a.style-e .data-item::before {
    top: calc(50% - 2rem);
    width: 4rem;
    height: 4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg width='4' height='24' viewBox='0 0 4 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='12' r='2' fill='%23666666'/%3E%3C/svg%3E");
}

.data-list.module-a .data-item {
    position: relative;
}

.data-list.module-a .data-item::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/* mark */
.mark.module-a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
}

.mark.module-a .mark-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.mark.module-a.style-c {
    border-radius: 10rem;
}

.mark.module-a.small {
    padding:2rem 10rem 0rem 10rem;
    height: 24rem;
    line-height: 17rem;
    font-weight: 400;
    font-size: 14rem !important;
}

.mark.module-a.small.style-b {
    border-radius: 5.6rem;
}

.mark.module-a.small.style-c {
    border-radius: 14rem;
}

.mark.module-a.medium.style-b {
    border-radius: 6.4rem;
}

.mark.module-a.medium.style-c {
    border-radius: 16rem;
}

.mark.module-a.normal-01.type-line {
    color: #666666;
    border-color: #666666;
    border-width: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mark.module-a.normal-01.type-fill {
    color: #ffffff;
    border-color: #666666;
    background-color: #666666;
}

.mark.module-a.accent-01.type-line {
    color: #4130df;
    border-color: #4130df;
    border-width: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mark.module-a.accent-01.type-fill {
    color: #ffffff;
    border-color: #4130df;
    background-color: #4130df;
}

.mark.module-a.accent-02.type-line {
    color: #f74d20;
    border-color: #f74d20;
    border-width: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mark.module-a.accent-02.type-fill {
    color: #ffffff;
    border-color: #f74d20;
    background-color: #f74d20;
}

.mark.module-a.accent-03.type-line {
    color: #ed1941;
    border-color: #ed1941;
    border-width: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mark.module-a.accent-03.type-fill {
    color: #ffffff;
    border-color: #ed1941;
    background-color: #ed1941;
}

.section.module-b.style-a + .section.module-b.style-a {
    margin-top: 56rem;
}

.section.module-b.style-a + .section.module-b.style-a::before {
    content: "";
    display: block;
    height: 10rem;
    background-color: #f5f5f5;
}

.section.module-b.style-a .section-wrap {
    padding-top: 56rem;
}

.section.module-b .section-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.section.module-b .section-wrap .section-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.section.module-b .section-wrap .section-head .section-subject {
    margin: 0;
}

.section.module-b .section-wrap .section-head .section-subject .section-name {
    display: block;
    font-size: 26rem;
    line-height: 38rem;
    font-weight: 600;
    font-family: 'roboto', 'notokr', sans-serif;
    color: #222;
}

.section.module-b .section-wrap .section-head .section-utility .btn {
    display: block;
    white-space: nowrap;
    text-decoration: none;
}

.section.module-b .section-wrap .section-head .section-utility .btn .btn-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    top: 0;
    left: 0;
    font-size: 16rem;
    line-height: 24rem;
    font-weight: 600;
    font-family: 'roboto', 'notokr', sans-serif;
    color: #666666;
}

.section.module-b .section-wrap .section-head .section-utility .btn .btn-text::after {
    content: "";
    display: block;
    width: 20rem;
    min-width: 20rem;
    height: 20rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.146 14.7917L7.60433 16.25L13.8543 10L7.60433 3.75L6.146 5.20833L10.9377 10L6.146 14.7917Z' fill='%23666666'/%3E%3C/svg%3E");
}

.section.module-b .section-wrap .section-head + .section-body {
    margin-top: 24rem;
}

.section.module-b .section-wrap .section-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.section.module-b .section-wrap .section-body .option-noti {
    margin: 16rem 0 0 0;
    font-size: 14rem;
    line-height: 20rem;
    color: #999999;
}

.section.module-b .section-wrap .section-body .option-noti:before {
    margin-right: 5rem;
    content: "※";
}

.section.module-b.calculator-internet .data-display .data-list .data-item[class*=attr-]::before, .section.module-b.calculator-btv .data-display .data-list .data-item[class*=attr-]::before {
    content: "";
    width: 112rem;
    height: 112rem;
    margin-right: 22rem;
}

.section.module-b.calculator-internet .data-display .data-list .data-item[class*=attr-].attr-calc-product-1gbps::before, .section.module-b.calculator-btv .data-display .data-list .data-item[class*=attr-].attr-calc-product-1gbps::before {
    background-position: 0 -2690rem;
}

.section.module-b.calculator-internet .data-display .data-list .data-item[class*=attr-].attr-calc-product-500mbps::before, .section.module-b.calculator-btv .data-display .data-list .data-item[class*=attr-].attr-calc-product-500mbps::before {
    background-position: 0 -2800rem;
}

.section.module-b.calculator-internet .data-display .data-list .data-item[class*=attr-].attr-calc-product-100mbps::before, .section.module-b.calculator-btv .data-display .data-list .data-item[class*=attr-].attr-calc-product-100mbps::before {
    background-position: 0 -2910rem;
}

.section.module-b.calculator-internet .data-display .data-list .data-item[class*=attr-].attr-calc-product-economy::before, .section.module-b.calculator-btv .data-display .data-list .data-item[class*=attr-].attr-calc-product-economy::before {
    background-position: 0 -3240rem;
}

.section.module-b.calculator-internet .data-display .data-list .data-item[class*=attr-].attr-calc-product-standard::before, .section.module-b.calculator-btv .data-display .data-list .data-item[class*=attr-].attr-calc-product-standard::before {
    background-position: 0 -3130rem;
}

.section.module-b.calculator-internet .data-display .data-list .data-item[class*=attr-].attr-calc-product-all::before, .section.module-b.calculator-btv .data-display .data-list .data-item[class*=attr-].attr-calc-product-all::before {
    background-position: 0 -3020rem;
}

/* popup */
html.active-content-popup body {
    height: 100%;
    overflow: hidden;
}

html.active-content-popup #wrap {
    overflow-y: scroll;
}

html.active-consult-request-popup body {
    height: 100%;
    overflow: hidden;
}

html.active-consult-request-popup #wrap {
    overflow-y: scroll;
}

@-webkit-keyframes openPopup {
    0% {
        visibility: 0;
        opacity: 0;
    }

    100% {
        visibility: 1;
        opacity: 1;
    }
}

@keyframes openPopup {
    0% {
        visibility: 0;
        opacity: 0;
    }

    100% {
        visibility: 1;
        opacity: 1;
    }
}

.layer-popup.module-b.type-a .popup-page-body {
    width: 700rem;
    max-width: 100%;
}

.layer-popup.module-b.type-a .popup-page-body .popup-local {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

.layer-popup.module-b.type-a .popup-page-body .popup-local .popup-local-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2;
    padding: 24rem 20rem;
    -webkit-box-shadow: 0 1rem 0 0 #dddddd;
    box-shadow: 0 1rem 0 0 #dddddd;
}

.layer-popup.module-b.type-a .popup-page-body .popup-local .popup-local-head .popup-local-title .popup-local-name {
    font-size: 28rem;
    line-height: 42rem;
    font-weight: 600;
    font-family: 'roboto', 'notokr', sans-serif;
    color: black;
}

.layer-popup.module-b.type-a .popup-page-body .popup-local .popup-local-body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 20rem;
}

.layer-popup.module-b.type-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-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;
    margin: 0 -20rem;
    padding: 36rem 0;
    background-color: #f7f7f7;
}

.layer-popup.module-b.type-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-head .popup-content-subject {
    font-size: 32rem;
    line-height: 1.5;
    font-weight: 900;
    font-family: 'roboto', 'notokr', sans-serif;
    color: #333333;
}

.layer-popup.module-b.type-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-head .popup-content-summary {
    margin: 8rem 0 0 0;
    font-size: 18rem;
    line-height: 28rem;
    font-family: 'roboto', 'notokr', Noto Sans KR, sans-serif;
    color: #333333;
    text-align: center;
}

.layer-popup.module-b.type-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-head .popup-content-summary .wbr {
    display: block;
}

.layer-popup.module-b.type-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-body > .tab-display.module-c.type-a {
    position: relative;
    padding: 30rem 0 42rem 0;
}

.layer-popup.module-b.type-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-body > .tab-display.module-c.type-a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100vw;
    min-width: 1298rem;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    height: 1rem;
    background-color: #dddddd;
}

.layer-popup.module-b.type-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-body .section.module-b .section-wrap .section-head .section-subject .section-name {
    font-size: 30rem;
    line-height: 44rem;
    font-family: 'roboto', 'notokr', Noto Sans KR, sans-serif;
}

.layer-popup.module-b.style-a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    overflow-y: scroll;
    z-index: 50;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.layer-popup.module-b.style-a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.6);
}

.layer-popup.module-b.style-a.active {
    -webkit-animation-duration: 0.25s;
    animation-duration: 0.25s;
    -webkit-animation-name: openPopup;
    animation-name: openPopup;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.layer-popup.module-b.style-a:not(.active) {
    display: none;
}

.layer-popup.module-b.style-a .popup-page-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden;
    background-color: #fff;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body {
    overflow-x: hidden;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi {
    position: relative;
    padding: 40rem 0 28rem 0;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi::after {
    content: "";
    display: block;
    position: absolute;
    left: calc(50% - 50vw);
    bottom: 0;
    width: 100vw;
    height: 1rem;
    background-color: #ddd;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list.type-a {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 84rem;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list.type-a .navi-item {
    width: calc(33.333% - 8rem);
    margin-bottom: 12rem;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list.type-a .navi-item + .navi-item {
    margin-left: 12rem;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list.type-a .navi-item:nth-child(3n+1) {
    margin-left: 0;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list.type-b .navi-item {
    width: calc(25% - 9rem);
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list.type-b .navi-item + .navi-item {
    margin-left: 12rem;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list .navi-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list .navi-item.current[class*=attr-] .navi-name::before {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 48rem);
    left: calc(50% - 48rem);
    z-index: 1;
    width: 96rem;
    min-width: 96rem;
    height: 96rem;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url(./../images/direct_calculator/icons_calculator_navi.png);
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list .navi-item.current[class*=attr-] .navi-name::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-top-right-radius: 20rem;
    border-top-left-radius: 20rem;
    border-bottom-left-radius: 20rem;
    background-color: #fff;
    border: 2px solid #4130df;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list .navi-item.current[class*=attr-].attr-calc-navi-1gbps .navi-name::before {
    background-position: 0 0;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list .navi-item.current[class*=attr-].attr-calc-navi-500mbps .navi-name::before {
    background-position: 0 -96rem;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list .navi-item.current[class*=attr-].attr-calc-navi-100mbps .navi-name::before {
    background-position: 0 -192rem;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list .navi-item.current[class*=attr-].attr-calc-navi-wings .navi-name::before {
    background-position: 0 -288rem;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list .navi-item.current[class*=attr-].attr-calc-navi-safesvc .navi-name::before {
    background-position: 0 -384rem;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list .navi-item.current[class*=attr-].attr-calc-navi-smart .navi-name::before {
    background-position: 0 -480rem;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list .navi-item.current[class*=attr-].attr-calc-navi-safeitn .navi-name::before {
    background-position: 0 -576rem;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list .navi-item.current[class*=attr-].attr-calc-navi-all .navi-name::before {
    background-position: 0 -672rem;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list .navi-item.current[class*=attr-].attr-calc-navi-standard .navi-name::before {
    background-position: 0 -768rem;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list .navi-item.current[class*=attr-].attr-calc-navi-economy .navi-name::before {
    background-position: 0 -864rem;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list .navi-item.current[class*=attr-].attr-calc-navi-speaker .navi-name::before {
    background-position: 0 -960rem;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list .navi-item.current[class*=attr-].attr-calc-navi-smart3 .navi-name::before {
    background-position: 0 -1056rem;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list .navi-item.current[class*=attr-].attr-calc-navi-appletv4k .navi-name::before {
    background-position: 0 -1152rem;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list .navi-item.current[class*=attr-].attr-calc-navi-btvair .navi-name::before {
    background-position: 0 -1248rem;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list .navi-item.current[class*=attr-].attr-calc-navi-btvair2 .navi-name::before {
    background-position: 0 -1344rem;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list .navi-item.current[class*=attr-].attr-calc-navi-soundmax .navi-name::before {
    background-position: 0 -1440rem;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list .navi-item .navi-name {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 24rem 20rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: 84rem;
    font-weight: 600;
    font-family: 'roboto', 'notokr', sans-serif;
    color: #333333;
    word-break: initial;
    border-top-right-radius: 20rem;
    border-top-left-radius: 20rem;
    border-bottom-left-radius: 20rem;
    background-color: #f5f5f5;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list .navi-item .navi-name .head {
    height: 48rem;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 100%;
    font-size: 16rem;
    line-height: 24rem;
    font-weight: 600;
    font-family: 'roboto', 'notokr', sans-serif;
    color: #333333;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list .navi-item .navi-name .head + .more {
    margin-top: 8rem;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list .navi-item .navi-name .more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-size: 14rem;
    line-height: 20rem;
    font-weight: 600;
    font-family: 'roboto', 'notokr', sans-serif;
    color: #666666;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-navi .navi-list .navi-item .navi-name .more::after {
    content: "";
    display: block;
    width: 20rem;
    height: 20rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.14575 14.7917L7.60408 16.25L13.8541 10L7.60408 3.75L6.14575 5.20833L10.9374 10L6.14575 14.7917Z' fill='%23666666'/%3E%3C/svg%3E");
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 40rem 0;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-body .section.module-b .section-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-body .section.module-b .section-body .guide-board.module-a + .info-board.module-i {
    margin-top: 40rem;
}

.layer-popup.module-b.style-a .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-body .section.module-b + .section.module-b {
    margin-top: 40rem;
}

.layer-popup.module-b.style-a .popup-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    padding: 0 30rem;
    height: 90rem;
}

.layer-popup.module-b.style-a .popup-close svg {
    width: 32rem;
    height: 32rem;
}

.dom-wrapper {
    padding-bottom: 180rem;
}

.content-body {
    position: relative;
    padding: 0 20rem;
}

.section.calculator-product-type .section-wrap .section-body .option-display .option-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.section.calculator-product-type .section-wrap .section-body .option-display .option-list .option-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(50% - 8rem);
    flex: 0 1 calc(50% - 8rem);
    width: calc(50% - 8rem);
    margin-bottom: 12rem;
}

.section.calculator-product-type .section-wrap .section-body .option-display .option-list .option-item:nth-child(2n) {
    margin-left: 12rem;
}

.section.calculator-product-type .section-wrap .section-body .option-display .option-list .option-item:nth-last-child(-n+2) {
    margin-bottom: 0;
}

.section.calculator-user-type .section-wrap .section-body .option-display .option-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.section.calculator-user-type .section-wrap .section-body .option-display .option-list .option-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(50% - 8rem);
    flex: 0 1 calc(50% - 8rem);
    width: calc(50% - 8rem);
  /* IE 대응 */;
}

.section.calculator-user-type .section-wrap .section-body .option-display .option-list .option-item:nth-child(2n) {
    margin-left: 12rem;
}

.section.calculator-add-ons .option-display.module-b .option-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.section.calculator-add-ons .option-display.module-b .option-list .option-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(50% - 8rem);
    flex: 0 1 calc(50% - 8rem);
    width: calc(50% - 8rem);
  /* IE 대응 */
    margin-bottom: 12rem;
}

.section.calculator-add-ons .option-display.module-b .option-list .option-item:nth-child(2n) {
    margin-left: 12rem;
}

.section.calculator-add-ons .option-display.module-b .option-list .option-item:nth-last-child(-n+2) {
    margin-bottom: 0;
}

.section.calculator-settop-box .option-display.module-b .option-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.section.calculator-settop-box .option-display.module-b .option-list .option-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(33.333% - 8rem);
    flex: 0 1 calc(33.333% - 8rem);
    width: calc(33.333% - 8rem);
  /* IE 대응 */
    margin-bottom: 12rem;
    margin-left: 12rem;
}

.section.calculator-settop-box .option-display.module-b .option-list .option-item:nth-child(3n+1) {
    margin-left: 0;
}

.section.calculator-benefits .option-display.module-a > .option-list > .option-item:not(.checked-within) .option-display.module-b {
    display: none;
}

.section.calculator-benefits .option-display.module-a > .option-list > .option-item .option-wrap .option-body {
    padding-top: 24rem;
}

.section.calculator-benefits .option-display.module-a > .option-list > .option-item .option-display.module-b .option-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.section.calculator-benefits .option-display.module-a > .option-list > .option-item .option-display.module-b .option-list .option-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(33.333% - 8rem);
    flex: 0 1 calc(33.333% - 8rem);
    width: calc(33.333% - 8rem);
  /* IE 대응 */
    margin-bottom: 12rem;
    margin-left: 12rem;
}

.section.calculator-benefits .option-display.module-a > .option-list > .option-item .option-display.module-b .option-list .option-item:nth-child(3n+1) {
    margin-left: 0;
}

.section.calculator-more-benefits .option-display.module-b .option-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.section.calculator-more-benefits .option-display.module-b .option-list .option-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(33.333% - 8rem);
    flex: 0 1 calc(33.333% - 8rem);
    width: calc(33.333% - 8rem);
  /* IE 대응 */
    margin-bottom: 12rem;
    margin-left: 12rem;
    height: 175px;
}

.section.calculator-more-benefits .option-display.module-b .option-list .option-item:nth-child(3n+1) {
    margin-left: 0;
}

.section.calculator-more-benefits .option-display.module-b .option-list .option-item:nth-last-child(-n+3) {
    margin-bottom: 0;
}

html.active-payment-amount-fixed .section.payment-amount {
    position: fixed;
    top: 145px;
    bottom: 20rem;
    left: calc(50% + 168rem);
}

html.active-payment-amount-fixed .section.payment-amount .section-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%;
}

html.active-payment-amount-bottom .section.payment-amount {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.section.payment-amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    z-index: 60;
    top: 334rem;
    bottom: 0;
    left: calc(50% + 168rem);
    width: 416rem;
}

.section.payment-amount .section-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    border: 1rem solid #ddd;
    background-color: #fff;
    max-height: 100vh;
}

.section.payment-amount .section-wrap .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.payment-amount .section-wrap .section-body {
    padding: 0 20rem;
    overflow-y: auto;
    overflow-y: auto;
    resize: none;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #f4f4f4;
  /* Let's get this party started */
  /* Track */
  /* Handle */
  border-bottom: 1rem solid #ddd;
}
.section.payment-amount .section-wrap .section-body::-webkit-scrollbar {
  width: 6rem;
}
.section.payment-amount .section-wrap .section-body::-webkit-scrollbar-track {
  border-radius: 4rem;
  background-color: #eeecea;
}
.section.payment-amount .section-wrap .section-body::-webkit-scrollbar-thumb {
  border-radius: 4rem;
  background-color: #c1c1c1;
}
.section.payment-amount .section-wrap .section-body::-webkit-scrollbar-thumb:hover {
  background-color: #bbbbbb;
}
.section.payment-amount .section-wrap .section-body::-webkit-scrollbar-thumb:active {
  background-color: #999999;
}
.section.payment-amount .section-wrap .section-body > .data-display {
  margin: 56rem 0;
}
.section.payment-amount .section-wrap .section-foot {
  padding: 0 24rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.section.payment-amount .section-wrap .section-foot .data-display {
  margin: 16rem 0;
}
.section.payment-amount .section-wrap .section-foot .info-board.total-charge {
  margin: 24rem 0;
}
.section.payment-amount .section-wrap .section-foot .info-board.total-charge .board-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section.payment-amount .section-wrap .section-foot .info-board.total-charge .board-wrap .board-head {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.section.payment-amount .section-wrap .section-foot .info-board.total-charge .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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
}
.section.payment-amount .section-wrap .section-foot .info-board.total-charge .board-wrap .board-head .board-subject .board-name {
  margin-right: 4rem;
  font-size: 20rem;
  line-height: 30rem;
  font-weight: 700;
  color: #202020;
}
.section.payment-amount .section-wrap .section-foot .info-board.total-charge .board-wrap .board-head .board-summary {
  margin: 7rem 0 0 0;
  font-size: 16rem;
  line-height: 24rem;
  font-weight: 300;
  color: #333333;
}
.section.payment-amount .section-wrap .section-foot .info-board.total-charge .board-wrap .board-head .board-summary .wbr {
  display: block;
}
.section.payment-amount .section-wrap .section-foot .info-board.total-charge .board-wrap .board-body {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: right;
}
.section.payment-amount .section-wrap .section-foot .info-board.total-charge .board-wrap .board-body .amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20rem;
  line-height: 30rem;
  font-weight: 500;
  color: #ff0000;
}
.section.payment-amount .section-wrap .section-foot .info-board.total-charge .board-wrap .board-body .amount .head {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
}
.section.payment-amount .section-wrap .section-foot .info-board.total-charge .board-wrap .board-body .amount .body {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0.25em;
}
.section.payment-amount .section-wrap .section-foot .info-board.total-charge .board-wrap .board-body .amount .body span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
}
.section.payment-amount .section-wrap .section-foot .info-board.total-charge .board-wrap .board-body .noti {
  margin-top: 4rem;
  font-style: normal;
  font-size: 16rem;
  line-height: 24rem;
  font-weight: 300;
  color: #666666;
}
.section.payment-amount .section-wrap .section-foot .info-board.affiliate-card {
  margin: 24rem 0;
  padding-top: 24rem;
  border-top: 1rem solid #ddd;
}
.section.payment-amount .section-wrap .section-foot .info-board.affiliate-card .board-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section.payment-amount .section-wrap .section-foot .info-board.affiliate-card .board-wrap .board-head {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section.payment-amount .section-wrap .section-foot .info-board.affiliate-card .board-wrap .board-head .board-subject {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  width: 40rem;
  height: 40rem;
}
.section.payment-amount .section-wrap .section-foot .info-board.affiliate-card .board-wrap .board-head .board-subject .board-name {
  display: block;
}
.section.payment-amount .section-wrap .section-foot .info-board.affiliate-card .board-wrap .board-head .board-subject .board-name svg {
  display: block;
  width: 48rem;
  height: 48rem;
  fill: #4130df;
}
.section.payment-amount .section-wrap .section-foot .info-board.affiliate-card .board-wrap .board-head .board-summary {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  margin: 0 0 0 10rem;
  font-size: 16rem;
  line-height: 24rem;
  font-weight: 300;
  color: #333333;
  /* IE 대응 */
}
.section.payment-amount .section-wrap .section-foot .info-board.affiliate-card .board-wrap .board-head .board-summary .wbr {
  display: block;
}
.section.payment-amount .section-wrap .section-foot .info-board.affiliate-card .board-wrap .board-head .board-summary .btn.symbol-rtl-chevron-small-next {
  margin-right: 4rem;
}
.section.payment-amount .section-wrap .section-foot .info-board.affiliate-card .board-wrap .board-body {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: right;
}
.section.payment-amount .section-wrap .section-foot .info-board.affiliate-card .board-wrap .board-body .amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16rem;
  line-height: 24rem;
  font-weight: 500;
  color: #202020;
}
.section.payment-amount .section-wrap .section-foot .info-board.affiliate-card .board-wrap .board-body .amount .head {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
}
.section.payment-amount .section-wrap .section-foot .info-board.affiliate-card .board-wrap .board-body .amount .body {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0.25em;
}
.section.payment-amount .section-wrap .section-foot .info-board.affiliate-card .board-wrap .board-body .amount .body span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
}
.section.payment-amount .section-wrap .section-util {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 24rem 20rem;
  border-top: 1rem solid #ddd;
}
.section.payment-amount .section-more {
  margin-top: 24rem;
}
.section.payment-amount .section-more .btn-banner {
  display: block;
}
.section.payment-amount .section-more .btn-banner img {
  display: block;
}
.section.payment-amount .btn.expand {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  padding: 0 20rem;
  width: 112rem;
  height: 26rem;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-clip-path: path("M6.7,4.2C7.5,1.7,9.8,0,12.4,0h87.1c2.6,0,5,1.7,5.7,4.2L112,26H0L6.7,4.2z");
          clip-path: path("M6.7,4.2C7.5,1.7,9.8,0,12.4,0h87.1c2.6,0,5,1.7,5.7,4.2L112,26H0L6.7,4.2z");
  background-color: #fff;
}
.section.payment-amount .btn.expand .btn-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 16rem;
  font-size: 12rem;
  color: #666;
  font-family: 'roboto', 'notokr', sans-serif;
  font-weight: 400;
}
.section.payment-amount .btn.expand .btn-text::after {
  content: "";
  display: block;
  width: 16rem;
  height: 16rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='fill: rgba(102,102,102,1)'%3E%3Cpath d='M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z\"'/%3E%3C/svg%3E") no-repeat center/cover;
}
.section.payment-amount .btn.expand.active .btn-text::after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.guide-board.module-a + .option-display.module-b {
  margin-top: 24rem;
}

.option-display.module-b + .guide-board.module-a {
  margin-top: 24rem;
}

.info-board.module-i + .guide-board.module-a {
  margin-top: 30rem;
}