@charset "utf-8";

/****************************
    PC웹 : My헬로
****************************/

/* 공통 */
.toggle-item { border-top: 2px solid #000; border-bottom: 1px solid #000; }
.toggle-item+.toggle-item { margin-top: -1px; border-top: 1px solid #d2d2d2; }
.toggle-header { display: table-cell; position: relative; width: 1%; height: 80px; padding: 0 98px 0 30px; vertical-align: middle; }
.toggle-header>* { display: inline-block; vertical-align: middle; }
.toggle-header .title { font-weight: 300; font-size: 20px; }
.toggle-header .price { float: right; font-size: 17px; }
.toggle-content { display: none; position: relative; padding: 8px 30px 50px; }
.toggle-item .btn-open { display: block; position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 80px; text-indent: 1600px; white-space: nowrap; background: url(../images/common/ico-toggle-plus.png) no-repeat right center; overflow: hidden; z-index: 50; }
.toggle-item.active { position: relative; border-top-color: #000; background-color: #f9fafb; z-index: 40; }
.toggle-item.active .toggle-header .title, .toggle-item.active .toggle-header .price { font-weight: 500; }
.toggle-item.active .btn-open { background-image: url(../images/common/ico-toggle-minus.png); z-index: 100; }
.toggle-list-light .toggle-item { border-top-width: 1px; border-color: #d2d2d2; }
.toggle-list-light .toggle-item.active { border-color: #000; }

/* 서브 메인 */
.use-product.myhello { margin: -10px; }
.use-product.myhello:after { display: block; clear: both; content: ''; }
.use-product.myhello li { float: left; width: calc(33.33333% - 28px); height: auto; margin: 14px; padding: 20px 39px; border: 1px solid #e8e8e8; border-radius: 5px; color: #767676; background: #fff; }
.use-product.myhello li.active { border-color: #ed174d; color: #fff; background: #ed174d; }
.use-product.myhello li .category { padding: 0 0 10px 48px; border-bottom: 1px solid #e9e9e9; font-weight: 500; font-size: 20px; line-height: 36px; background-repeat: no-repeat; background-position: left top; }
.use-product.myhello li:nth-child(1) .category { background-image: url(../images/content/ico-36-tv-gray.png); }
.use-product.myhello li:nth-child(2) .category { background-image: url(../images/content/ico-36-internet-gray.png); }
.use-product.myhello li:nth-child(3) .category { background-image: url(../images/content/ico-36-phone-home-gray.png); }
.use-product.myhello li:nth-child(4) .category { background-image: url(../images/content/ico-36-rental-gray.png); }
.use-product.myhello li:nth-child(5) .category { background-image: url(../images/content/ico-36-etc-gray.png); }
.use-product.myhello li:nth-child(6) .category { background-image: url(../images/content/ico-36-biz-gray.png); }
.use-product.myhello li.active:nth-child(1) .category { background-image: url(../images/content/ico-36-tv.png); }
.use-product.myhello li.active:nth-child(2) .category { background-image: url(../images/content/ico-36-internet.png); }
.use-product.myhello li.active:nth-child(3) .category { background-image: url(../images/content/ico-36-phone-home.png); }
.use-product.myhello li.active:nth-child(4) .category { background-image: url(../images/content/ico-36-rental.png); }
.use-product.myhello li.active:nth-child(5) .category { background-image: url(../images/content/ico-36-etc.png); }
.use-product.myhello li.active:nth-child(6) .category { background-image: url(../images/content/ico-36-biz.png); }
.use-product.myhello .name { width: 100%; padding-top: 20px; font-size: 18px; line-height: 36px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.use-product.myhello .date { font-size: 14px; line-height: 30px; }
.myhello-info { border-top: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; }
.myhello-info:after { display: block; clear: both; content: ''; }
.myhello-info li { float: left; width: 50%; height: 167px; padding: 24px 60px 0 172px; border-bottom: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; background: url(../images/content/ico-myhello-pay.png) no-repeat 46px 39px; }
.myhello-info li:nth-child(2) { background-image: url(../images/content/ico-myhello-use.png); }
.myhello-info li:nth-child(3) { background-image: url(../images/content/ico-myhello-bill.png); }
.myhello-info li:nth-child(4) { background-image: url(../images/content/ico-myhello-counsel.png); }
.myhello-info li dt { font-weight: 500; font-size: 18px; }
.myhello-info li dd { margin-top: 3px; }
.myhello-info li dd p { color: #767676; line-height: 26px; }
.myhello-info .btn-group { margin-top: 12px; text-align: left; }
.myhello-info .btn-more+.btn-more { margin-left: 11px; }
.box-gray-cert { padding: 55px 20px 60px; }
.box-gray-cert .main-message+p { font-size: 26px; }

/* 가입상품조회*/
#layer-payback .popup-inner { width: 834px; }

/* 요금조회/납부 */
.bill-record.myhello .right li { display: inline-block; color: #767676; font-size: 14px; }
.bill-record.myhello .right li+li { margin-left: 13px; }
.bill-record.myhello .right li:before { display: inline-block; content: ''; width: 16px; height: 16px; margin: -3px 5px 0 0; vertical-align: middle; }
.bill-record.myhello .right .total:before { background: #ed174d; }
.bill-record.myhello .right .extra-service:before { background: url(../images/content/bg-extra-service-sm.png) no-repeat; }
.bill-record.myhello .month-list { margin: 35px 0 0 187px; padding: 30px 0 17px; border-left: 1px solid #000; }
.bill-record.myhello .month-list li { position: relative; padding: 15px 0 15px; }
.bill-record.myhello .month-list li:first-child { padding-top: 0; }
.bill-record.myhello .month-list li:first-child dt { padding-top: 0; }
.bill-record.myhello .month-list li dt { position: absolute; left: -187px; width: 158px; padding-bottom: 15px; border-bottom: 1px solid #f7f7f7; font-weight: 500; font-size: 20px; line-height: 40px; }
.bill-record.myhello .month-list li dd { width: 100%; }
.bill-record.myhello .month-list .total { position: relative; height: 40px; background: #ed174d; }
.bill-record.myhello .month-list .total .price { position: absolute; top: -2px; left: -138px; display: inline-block; width: 110px; font-weight: 500; color: #ed174d; text-align: right; }
.bill-record.myhello .month-list .extra-service { position: absolute; top: 0; bottom: 0; left: 0; background: url(../images/content/bg-extra-service.png) repeat-x; }
.bill-record.myhello .month-list .extra-service .price { position: absolute; top: 24px; font-weight: 300; color: #767676; font-size: 14px; }
.payment.myhello { padding: 17px 18px 20px; border-top: 2px solid #000; border-bottom: 1px solid #e0e0e0; }
.payment.myhello .both { display: table; }
.payment.myhello .both>div { display: table-cell; }
.payment.myhello .right p { font-size: 44px; }
.payment.myhello.noborder { border: 0; }
.bill-record-summary.myhello { border-top: 2px solid #000; }
.bill-record-summary.myhello dl { position: relative; height: 141px; padding: 16px 20px; }
.bill-record-summary.myhello dl dt { font-weight: 500; }
.bill-record-summary.myhello dl dd { position: absolute; right: 20px; bottom: 16px; font-weight: 500; font-size: 24px; text-align: right; }
.bill-record-summary.myhello .total { color: #ed174d; font-size: 36px; }
.border-top-none { border-top: 0 !important; }
.td-detail-info .dt { display: inline-block; width: 35px; color: #767676; text-align: left; }
.td-detail-info .dd { display: inline-block; width: calc(100% - 40px); text-align: right; }
.myhello-top-info { margin: 55px 0 26px; }
.myhello-top-info>* { display: inline-block; font-size: 20px; vertical-align: middle; }
.myhello-top-info .title+p:before { content: ''; display: inline-block; width: 1px; height: 16px; margin: -3px 12px 0 10px; vertical-align: middle; background: #d2d2d2; }

/* 청구서/납부변경 */
.ico-cert-lg { width: 63px; height: 66px; background-image: url(../images/common/ico-cert-lg2.png) }
.box-icon .clearfix { margin: 70px -30px -40px -30px; padding: 44px 0 0 20px; border-top: 1px solid #e8e8e8; text-align: left; }

/* 1:1 상담내역 */
.top-info-light+.bbs-view-head, .bbs-view-body+.bbs-view-head { border-top-width: 1px; }
.satisfaction { margin-top: 60px; }
.satisfaction .btn-area { margin-top: 30px; padding-top: 30px; border-top: 1px solid #e8e8e8; text-align: center; }
.satisfaction p { font-size: 18px; line-height: 32px; }
.satisfaction .btn { width: 120px; }
.table thead tr.bill-group th { background-color: #f0f1f2; font-weight: 500; }
.table thead tr.bill-group th.bill-amount { color: #ed174d; }

/* myhello main 이벤트 배너 */
.myhello-ev-banner>li>a { display: block; width: 100%; height: 165px; border: 1px solid #e1e1e1; border-radius: 4px; padding: 65px 0 0 40px; font-size: 26px; font-weight: 300; letter-spacing: -0.045em; }
.myhello-ev-banner>li.banner-1 { margin-bottom: 30px; }
.myhello-ev-banner>li.banner-1>a { background: url(/front/web/images/content/bg-myhello-bnr-review.png) no-repeat; }
.myhello-ev-banner>li.banner-2>a { background: url(/front/web/images/content/bg-myhello-bnr-lounge.png) no-repeat; }
.myhello-ev-banner>li>a strong { font-weight: 700; }

/*마이헬로 개편*/
.toggle-item-s { border-top: 2px solid #000; border-bottom: 1px solid #e0e0e0; }
.toggle-item-s+.toggle-item-s { margin-top: -1px; border-top: 1px solid #d2d2d2; }
.toggle-content-s { display: none; position: relative; padding: 8px 30px 50px; }
.toggle-item-s .btn-open { display: block; position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 80px; text-indent: 1600px; white-space: nowrap; background: url(/front/web/images/common/ico-toggle-plus.png) no-repeat right center; overflow: hidden; z-index: 50; }
.toggle-item-s.active { position: relative; border-top-color: #000; background-color: #f9fafb; z-index: 40; }
.toggle-item-s.active .toggle-header .title, .toggle-item-s.active .toggle-header .price { font-weight: 500; }
.toggle-item-s.active .btn-open { background-image: url(/front/web/images/common/ico-toggle-minus.png); z-index: 100; }
.table-noline { border-top-width: 1px; border-left: 0; border-bottom: 0; border-right: 0; }
.table-noline thead th { text-align: center; background-color: #fff; }
.table-noline tr>*:last-child { border-right: 0; }
.table-noline th { color: #767676; }
.table-noline td { color: #000; }
.table-noline th, .table-noline td { padding-left: 30px; padding-right: 30px; }
.table-noline td.border-right-none { border-right: 0; }
.table-noline colgroup+tbody>tr>* { border-left: 0; }
.table-noline colgroup+tbody>tr>th { padding-left: 35px; text-align: left; }
.table-noline colgroup+tbody>tr:first-child>th { font-size: 18px; }
.table-noline colgroup+tbody>tr:first-child>th, .table-noline colgroup+tbody>tr:first-child>td { color: #000; }
.table-noline colgroup+tbody>tr>td { border-right: 1px solid #e0e0e0; }
.table-cont, .table-total { border-top: 1px solid #e0e0e0; }
.table-cont { border-bottom: 0; }
.table-cont colgroup+tbody>tr>th { color: #767676; padding: 10px 20px; padding-left: 35px; }
.table-cont colgroup+tbody>tr>td { border-left: 0; padding: 10px 30px; }
.table-total colgroup+tbody>tr>th { color: #000; padding: 10px 20px; padding-left: 35px; }
.table-total colgroup+tbody>tr>td { color: #000; border-left: 0; padding: 10px 30px; }
.table-total colgroup+tbody>tr:first-child>th { font-size: 18px; }
.toggle-content-sale { display: none; }
.toggle-item-sale.active .btn-open-sale { background-image: url(/front/web/images/common/ico-arrow-up-grey.png); z-index: 100; }
.toggle-item-sale { position: relative; border-top: 1px solid #000; background-color: #f9fafb; z-index: 40; }
.toggle-item-sale .btn-open-sale { display: block; position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 70px; text-indent: 1600px; white-space: nowrap; background: url(/front/web/images/common/ico-arrow-down-grey.png) no-repeat 120px center; overflow: hidden; z-index: 50; }
.toggle-item-s .toggle-item-sale .toggle-header-sale { background: #fff; display: table-cell; position: relative; width: 1%; height: 70px; padding: 0; vertical-align: middle; }
.toggle-item-s .toggle-item-sale .toggle-header-sale .title { font-size: 18px; }
.toggle-item-s .toggle-item-sale .toggle-header-sale .title, .toggle-item-s .toggle-item-sale .toggle-header-sale .price { padding: 10px 20px; padding-left: 35px; font-weight: 300; display: inline-block; }
.toggle-item-s .toggle-item-sale .toggle-header-sale .price { float: right; padding-right: 30px; }

/* 플로팅 배너 */
#myhellofloating { position: fixed; z-index: 999; width: 269px; height: 298px; top: 500px; right: 66px; }
#myhellofloating .myhello_floating_close { position: absolute; z-index: 1111; width: 40px; height: 40px; bottom: 23px; right: 23px; font-size: 0; text-indent: -999999px; }
.textarea-box { height: 102px; overflow-y: auto; padding: 15px 20px; border: 1px solid #e8e8e8; margin: 20px 0; border-radius: 3px; background-color: #fff; letter-spacing: -1px; line-height: 25px; }


/* 2022 new myhello */
.content-section.my-hello{padding: 71px 0 0 0;}
.content-section.my-hello:last-child{padding-bottom: 130px;}
.content-section.myhello-bg{background-color: #f0f1f2; padding:70px 0 50px;}
.content-section.myhello-bg .content-inner .content-title {position: relative; margin: 0 0 80px 0;}
.content-section.myhello-bg .content-inner .content-title:after{bottom: -27px;}
.content-section.my-hello .content-inner .tab-title { position: relative; margin: 0 0 30px 0; text-align: center; font-size: 32px; line-height: 48px; }

.payment-wrap { display: flex; align-items: center; justify-content: space-between; line-height: 1.25; }
.payment-wrap h4 { font-weight: 500; font-size: 22px; line-height: 26px; margin-bottom: 37px; position: relative; padding-right: 14px; display: inline-block; position: relative; padding-left: 14px; }
.payment-wrap h4:before{content: ""; position: absolute; top: 12px; left: 0;  width: 6px; height: 6px; background-color: #ed174d; border-radius: 6px;}
.payment-wrap .item-box { padding: 28px 40px; background: #FFFFFF; box-shadow: 0px 10px 14px 10px rgb(210 211 211 / 75%); border-radius: 12px; height: 274px; }
.payment-wrap .item-box:first-child { width: 756px; }
.payment-wrap .item-box:last-child { width: 380px; }
.payment-wrap .item-box .search-wrap{margin-bottom: 25px;}
.payment-wrap .item-box .mobile { margin-bottom: 30px; }
.payment-wrap .item-box .search-wrap .search-inner { display: flex; align-items: center; justify-content: space-between; }
.payment-wrap .item-box .search-wrap .search-inner .customer{margin-right: 50px;}
.payment-wrap .item-box .search-wrap .search-inner .account{margin-right: 34px;}
.payment-wrap .item-box .search-wrap label, .payment-wrap .item-box .mobile h5 { font-size: 14px; display: block; font-weight: 500; color: #767676; margin-bottom: 10px; }
.payment-wrap .item-box .mobile h5{margin-bottom: 16px;}
.payment-wrap .item-box .search-wrap select { width: 240px; height: 30px; padding: 0; font-weight: 300; font-size: 18px; color: #000; margin-bottom: 0; border: 0; border-bottom: 1px solid #d1d1d1; background: #fff url(../images/common/ico-arrow-down-grey.png) no-repeat right center; }
.payment-wrap .item-box .search-wrap .search-inner .btn-wrap .btn { width: 110px; height: 40px; line-height: 40px; padding: 0 30px; border-radius: 25px; font-size: 15px; }
.payment-wrap .item-box .payment { padding: 18px 24px; background-color: #f8f8f8; border-radius: 8px; }
.payment-wrap .item-box .payment h3 { font-weight: 500; font-size: 18px; line-height: 24px; }
.payment-wrap .item-box .payment .right strong { font-weight: 700; font-size: 24px; line-height: 26px; }
.payment-wrap .item-box .mobile .tell { display: flex; align-items: center; margin-top: 10px; }
.payment-wrap .item-box .mobile .tell span { display: inline-block }
.payment-wrap .item-box .mobile .tell .type { width: 55px; height: 22px; text-align: center; line-height: 22px;  color: #fff; border-radius: 14px; font-size: 12px; font-weight: 700; margin-right: 10px; }
.payment-wrap .item-box .mobile .tell .type.lgu{background-color: #ea46a7;}
.payment-wrap .item-box .mobile .tell .type.kt{background-color: #1e303e;} 
.payment-wrap .item-box .mobile .tell .type.skt{background-color: #ff7a00;}

.payment-wrap .item-box .mobile.is-before { margin-top: -20px; }
.payment-wrap .item-box .mobile.is-before .summary { margin-bottom: 20px; font-size: 14px; }
.payment-wrap .item-box .mobile.is-before .subject { font-size: 16px; }
.payment-wrap .item-box .mobile.is-before .description { margin: 15px 0; }
.payment-wrap .item-box .mobile.is-before .links a { text-decoration: underline; }
  
.payment-wrap + .desc{ text-align: right; font-size: 13px; color: #767676; margin-top: 12px; font-weight:400;}
.payment-wrap .item-box .notify strong{font-weight: 400; margin-bottom: 10px; display: block;}
.payment-wrap .item-box .notify ul li{font-weight: 500; font-size: 13px; line-height: 20px; letter-spacing: -0.6px;}
.payment-wrap .item-box .notify + .btn-wrap{ text-align: center; margin-top: 10px;}
.payment-wrap .item-box .notify + .btn-wrap .btn{ width: 100%; height: 40px; line-height: 40px; background-color: #4a4c58; color: #fff;border-color:#4a4c58}
.payment-wrap .item-box .notify + .btn-wrap .btn:hover{border-color:#4a4c58}

.use-product .btn-round{padding: 0px 26px;}
.use-product li {display: inline-flex; width: 100%; height: 172px; border-bottom: 1px solid #d1d1d1; padding:0 50px; align-items: center; justify-content: space-between; } 
.use-product li:first-child{border-top:1px solid #000;}
.use-product li .info-box{display: flex; align-items: center;}
.use-product li .info-box .icon{ text-align: center; margin-right: 60px; position: relative;}
.use-product li .info-box .icon .img-box{ background-color: #f8f8f8; width: 100px; height: 100px; border-radius: 50%; text-align: center; line-height: 100px; margin-bottom: 8px;}
.use-product li .info-box .icon span {position: absolute; top: 2px; right: 2px; width: 24px; height: 24px; background-color: #898989; color: #fff; font-family: 'roboto'; font-size: 14px; line-height: 24px; border-radius: 8px; font-weight: 400; }
.use-product li .info-box .icon span.active{background-color: #ed174d}

.use-product li .product-type{}
.use-product li .product-type strong{display: block; font-size: 24px; margin-bottom: 3px;}
.use-product li .product-type span{ font-size: 16px; }
.use-product li .product-type span em{font-style: normal; display: inline-block; margin-left: 10px;}
.use-product li .product-type .desc{font-size: 24px;}
.use-product .btn-round.btn-gray{background-color: #4a4c58; color: #fff;border-color:#4a4c58}
.use-product .btn-round.btn-gray:hover{border-color:#4a4c58}

.tab-myhello {display: flex;border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; border-radius:8px; margin-bottom: 36px;}
.tab-myhello li{width:25%;  text-align: center;}
.tab-myhello li a{display: block;padding: 32px 0; font-size: 18px;position: relative;}
.tab-myhello li:not(:last-child) a:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 24px;
    background-color: #dfdfdf;
    transform: translateY(-12px);
}
.tab-myhello li.on a:before{display: none;}
.tab-myhello li a span{display: inline-block; padding-left: 32px; background-repeat: no-repeat; background-position: 0% 50%; background-size: 24px auto;}
.tab-myhello li:first-child{border-left:1px solid #d2d2d2; border-radius:  8px 0 0 8px;}
.tab-myhello li:last-child{border-right:1px solid #d2d2d2; border-radius: 0 8px 8px 0;}
.tab-myhello li:nth-child(1) a span{background-image: url(../images/common/ico-36-tv_gray.png);}
.tab-myhello li:nth-child(2) a span{background-image: url(../images/common/ico-36-rental-gray.png); }
.tab-myhello li:nth-child(3) a span{background-image: url(../images/common/ico-36-mobile-gray.png);}
.tab-myhello li:nth-child(4) a span{background-image: url(../images/common/ico-36-etc-gray.png);}
.tab-myhello li.on:nth-child(1) a span{background-image: url(../images/common/ico-36-tv.png);}
.tab-myhello li.on:nth-child(2) a span{background-image: url(../images/common/ico-36-rental.png);}
.tab-myhello li.on:nth-child(3) a span{background-image: url(../images/common/ico-36-mobile.png);}
.tab-myhello li.on:nth-child(4) a span{background-image: url(../images/common/ico-36-etc.png);}

.tab-myhello li.on{ background-color: #ed174d; color: #fff; border-radius: 8px; position: relative; box-shadow: 0px 10px 14px 10px rgb(225 225 225 / 75%);}
.tab-myhello li.on:after{content:''; position: absolute; width: 0; height: 0; left: 50%; bottom: -7px; transform: translateX(-50%); border-top: 7px solid #ed174d; border-left: 7px solid transparent; border-right: 7px solid transparent;} 
.tab-list.myhello li.on a span{ border-top: 0; }


.banner-wrap{margin:60px 0 78px; }
.banner-list{display: flex; align-items: center; justify-content: space-between;}

.myhello-qlink .title, .myhello-support .title{ font-size: 24px; margin-bottom: 24px; font-weight: 500;}
.myhello-qlink .link-list{ display: flex; align-items: center; justify-content: space-between }
.myhello-qlink .link-list li{padding: 30px 20px; background-color: #f8f8f8; width: 280px; height: 280px; border-radius: 10px;}
.myhello-qlink .link-list li dt{margin-bottom: 7px;}
.myhello-qlink .link-list li dt.tit, .myhello-support dt.tit {font-size: 18px;}
.myhello-qlink .link-list li dt p{margin-bottom: 25px;}
.myhello-qlink .link-list li .cont{height: 100px; color:#767676;}
.myhello-qlink .link-list li .btn-group{text-align: left; margin-top: 0;}
.myhello-qlink .link-list li .btn-more,
.myhello-support .link-list li .btn-more { font-size: 14px; padding-right: 13px; margin-right:11px; background: url(../images/common/ico_arrow-right_red.png) no-repeat 100% 50%; }
.myhello-qlink .link-list li .out-link{background: url(../images/common/ico-out-link.png) no-repeat 100% 50%;}

.myhello-support dt.tit{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.myhello-support .link-list{ display: flex; align-items: center; justify-content: space-between }
.myhello-support .link-list li{padding: 25px 30px 26px 110px; border: 1px solid #ddd; width: 574px; border-radius: 10px; background-repeat: no-repeat; background-position: 30px 50%;background-size: 54px auto;}
.myhello-support .link-list li .cont{color:#767676;}

.myhello-support .link-list li:nth-child(1){background-image: url(../images/common/ico_banner_support01.png);}
.myhello-support .link-list li:nth-child(2){background-image: url(../images/common/ico_banner_support02.png);}

/*voc 개선*/
.voc-check {margin-bottom: 33px;}
.voc-check input[type=radio]+label{float:left;display:block;border:2px solid #eeeeee;border-radius: 3px;text-align: center;color: #767676; 
height: 65px; width: 378px;line-height: 64px; font-weight: 500;font-size: 17px; margin-right: 12px;cursor: pointer;}
.voc-check .voc-check-03 input[type=radio]+label{margin-right: 0;}
.voc-check input[type=radio]+label:before {display: inline-block; width: 24px; height: 24px;background-image: url(/front/web/images/common/ico-36-tv_gray.png);
display: inline-block;left: 50%; margin-left: -70px;background-position: 0 0; margin-top: -11px;}
.voc-check input[type=radio]+label.nth02:before {margin-left:-40px;background-image: url(/front/web/images/common/ico-36-rental-gray.png);background-position: 0 0;}
.voc-check input[type=radio]+label.nth03:before {margin-left:-45px;background-image: url(/front/web/images/common/ico-36-mobile-gray.png);background-position: 0 0;}
.voc-check input[type=radio]:checked+label {border:0;color: #fff;background:#ed174d;}
.voc-check input[type=radio]:checked+label:before {background-image: url(/front/web/images/common/ico-36-tv.png);background-position: 0 0;}
.voc-check input[type=radio]:checked+label.nth02:before {margin-left:-40px;background-image: url(/front/web/images/common/ico-36-rental.png);background-position: 0 0;}
.voc-check input[type=radio]:checked+label.nth03:before {margin-left:-45px;background-image: url(/front/web/images/common/ico-36-mobile.png);background-position: 0 0;}

.voc-ico-faq-hellomobile {display:inline-block; width:24px; height:24px;background-image:url(/front/web/images/common/ico-36-mobile.png); vertical-align: text-bottom;margin-right: 10px;}