@charset "utf-8";

/****************************
	PC웹 : 고객센터
****************************/

/* 메인 */
.selfguide-list {
    margin-left: -10px;
}
.selfguide-list:after {
    display: block;
    clear: both;
    content: "";
}
.selfguide-list > li {
    float: left;
    position: relative;
    width: calc(25% - 10px);
    height: 380px;
    margin-left: 10px;
    padding: 29px;
    border: 1px solid #eaeaea;
    background: #fff;
}
.selfguide-list > li:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -11px;
    left: 0;
    width: 100%;
    height: 10px;
    background: url(../images/content/bg-selfguide.png) no-repeat;
}
.selfguide-list > li dt {
    padding: 9px 0 36px;
    font-weight: 500;
    color: #000;
    font-size: 24px;
    text-align: center;
}
.selfguide-list > li dt .ico-72 {
    display: block;
    margin: 0 auto 7px;
}
.selfguide-list > li dd {
    padding: 24px 0 24px;
    border-top: 1px solid #e5e5e5;
    letter-spacing: -0.08em;
}
.selfguide-list > li dd li + li {
    margin-top: 0;
}
.selfguide-list > li dd a {
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.faq-slider {
    position: relative;
    height: 300px;
    padding-top: 275px;
    text-align: center;
    overflow: hidden;
}
.faq-slider:after {
    display: block;
    clear: both;
    content: "";
}
.faq-slider .slick-list {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: 0 -14px;
}
.faq-slider .silder-item {
    float: left;
    position: relative;
    height: 236px;
    margin: 0 14px;
}
.faq-slider .silder-item a {
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    text-align: center;
    background: url(../images/content/ico-question-lg.png) no-repeat center 31px;
}
.faq-slider .silder-item a:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -23px;
    left: 50%;
    width: 23px;
    height: 25px;
    margin-left: -11.5px;
    background: url(../images/content/bg-faq.png) no-repeat;
}
.faq-slider .silder-item a:hover,
.faq-slider .silder-item a:focus {
    width: 100%;
    padding-top: 77px;
    border: 2px solid #ed174d;
    color: #ed174d;
    background: url(../images/content/ico-question-lg-violet.png) no-repeat center 30px;
}
.faq-slider .silder-item a:hover:after,
.faq-slider .silder-item a:focus:after {
    background-image: url(../images/content/bg-faq-on.png);
}
.faq-slider .silder-item a {
    display: block;
    height: 100%;
    padding: 78px 70px 0;
    word-break: keep-all;
}
.faq-slider .silder-item .title {
    height: 48px;
    overflow: hidden;
}
.faq-slider .silder-item .more {
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -21px;
    border-bottom: 1px solid #767676;
}
.faq-slider .silder-item a:hover .more {
    bottom: 30px;
    border-color: #ed174d;
}
.faq-slider .slick-dots {
    display: inline-block;
}
.faq-slider .slick-dots li {
    display: inline-block;
    margin: 0 4px;
}
.faq-slider .slick-dots button {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    border: 1px solid #000;
    vertical-align: middle;
    background: #fff;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.faq-slider .slick-dots .slick-active button {
    background-color: #000;
}
.faq-slider .btn-pause,
.faq-slider .btn-play {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 4px;
    vertical-align: middle;
    text-indent: 100%;
    white-space: nowrap;
    background: url(../images/common/ico-pause-primary.png) no-repeat center center;
    overflow: hidden;
}
.faq-slider .btn-play {
    display: none;
    background-image: url(../images/common/ico-play-primary.png);
}
.cscenter-info {
    margin-top: 77px;
    padding-top: 54px;
    border-top: 2px solid #000;
    overflow: hidden;
}
.cscenter-info .left {
    float: left;
    width: 45.5%;
}
.cscenter-info .right {
    float: right;
    width: 45.5%;
}
.cscenter-info .service ul {
    padding-top: 3px;
    overflow: hidden;
}
.cscenter-info .service ul li {
    float: left;
    position: relative;
    width: 50%;
    height: 81px;
    margin-right: -1px;
    border-bottom: 1px solid #e8e8e8;
    background: url(../images/common/ico-paging-next.png) no-repeat right center;
}
.cscenter-info .service ul li:before {
    display: block;
    content: "";
    position: absolute;
    top: 24px;
    left: 0;
    width: 42px;
    height: 36px;
    background: url(../images/content/sp-bg-service.png) no-repeat 0 0;
}
.cscenter-info .service ul li:nth-child(1):before {
    background-position: 0 0;
}
.cscenter-info .service ul li:nth-child(2):before {
    background-position: 0 -37px;
}
.cscenter-info .service ul li:nth-child(3):before {
    background-position: 0 -72px;
}
.cscenter-info .service ul li:nth-child(4):before {
    background-position: 0 -109px;
}
.cscenter-info .service ul li:nth-child(5):before {
    background-position: 0 -146px;
}
.cscenter-info .service ul li:nth-child(6):before {
    background-position: 0 -184px;
}
.cscenter-info .service ul li:nth-child(2n) {
    padding-left: 40px;
}
.cscenter-info .service ul li:nth-child(2n):before {
    left: 40px;
}
.cscenter-info .service ul li a {
    display: block;
    padding-left: 50px;
    color: #000;
    line-height: 80px;
}
.cscenter-info .service ul li a:hover,
.cscenter-info .service ul li a:focus {
    font-weight: 500;
    color: #ed174d;
}
.cscenter-info .service ul li:nth-child(2n) a {
    padding-left: 54px;
}
.cscenter-info .notice {
    position: relative;
}
.cscenter-info .notice ul {
    padding-top: 23px;
}
.cscenter-info .notice ul li {
    overflow: hidden;
    line-height: 1.2;
}
.cscenter-info .notice ul li + li {
    margin-top: 10px;
}
.cscenter-info .notice ul li a {
    float: left;
    width: calc(100% - 75px);
    padding-right: 35px;
}
.cscenter-info .notice ul li a:hover .link,
.cscenter-info .notice ul li a:focus .link {
    color: #ed174d !important;
    border-bottom: 1px solid #ed174d;
}
.cscenter-info .notice ul li .ico {
    margin: -16px 0 0 4px;
}
.cscenter-info .notice .link {
    display: inline-block;
    max-width: 93%;
    height: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.cscenter-info .notice .date {
    float: right;
    color: #767676;
}
.cscenter-info .notice .btn-more {
    position: absolute;
    top: 8px;
    right: 0;
}

.cscenter-info .right.pos-relative {
    position: relative;
    min-height: 300px;
}
.cscenter-info .promo-ars {
    position: absolute;
    bottom: 0;
    right: 0;
}
.cscenter-info .promo-ars img {
    width: 532px;
    height: 140px;
    max-width: none;
}

/* 자주 찾는 질문 */
.search-area {
    text-align: center;
}
.search-area .search-list {
    position: relative;
    margin: 0 auto;
}
.search-area input[type="text"] {
    width: 556px;
    height: 70px;
    padding: 0 84px 0 30px;
    border-radius: 50px;
    font-size: 18px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.search-area .btn-search {
    display: inline-block;
    width: 70px;
    height: 70px;
    margin: -1px 0 0 -84px;
    background: url(/front/web/images/biznew/common/ico-zoom-lg.png) no-repeat center center;
}
.search-keyword,
.ex-keyword {
    margin-top: 25px;
}
.search-keyword dt {
    display: inline-block;
    font-weight: 500;
}
.search-keyword dt:after {
    display: inline-block;
    content: "";
    width: 1px;
    height: 15px;
    margin: -2px 8px 0 12px;
    vertical-align: middle;
    background: #000;
}
.search-keyword dd {
    display: inline-block;
    margin-left: 8px;
}
.search-keyword dd:first-of-type {
    margin-left: 0;
}

.search-result-info {
    margin-top: -9px;
    font-size: 18px;
    font-weight: 500;
}
.noresult.faq {
    padding: 10px 0;
}
.total-number > span {
    color: #ed174d;
    font-weight: 500;
}
.faq-list th {
    padding-left: 38px;
    text-align: left;
}
.faq-list .link {
    color: #767676;
}
.faq-list .ico-question-sm-gray {
    margin: -4px 28px 0 0;
}
.faq-list .ico-location {
    margin: -3px 8px 0 0;
}
.faq-view .bbs-view-head {
    padding-left: 67px;
    background: url(../images/common/ico-question-lg.png) no-repeat 19px 42px;
}
.faq-view .bbs-view-body {
    padding-left: 67px;
    background: url(../images/common/ico-answer-lg.png) no-repeat 15px 67px;
}

.table .link:hover {
    font-weight: 500;
}

/* 자료실 */
.data-list:after {
    display: block;
    clear: both;
    content: "";
}
.data-list li {
    float: left;
    position: relative;
    width: 368px;
    height: 313px;
    margin: 0 0 28px 28px;
    padding: 111px 39px 0 39px;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    background: url(../images/common/ico-manual.png) no-repeat 40px 40px;
}
.data-list li:nth-child(3n + 1) {
    margin-left: 0;
}
.data-list li .link:hover dt span,
.data-list li .link:focus dt span {
    color: #ed174d;
    border-bottom: 1px solid #ed174d;
}
.data-list li .link:hover dd,
.data-list li .link:focus dd {
    color: #ed174d;
    border: 0;
}
.data-list li dt {
    display: inline-block;
    height: 60px;
    font-size: 20px;
    overflow: hidden;
}
.data-list li dd {
    height: 52px;
    margin-top: 6px;
    color: #767676;
    font-size: 14px;
    line-height: 26px;
    word-break: keep-all;
    overflow: hidden;
}
.data-list li .btn-down {
    position: absolute;
    bottom: 33px;
    left: 41px;
    padding-right: 30px;
    background: url(../images/common/ico-down.png) no-repeat center right;
}
.data-list li .date {
    position: absolute;
    top: 39px;
    right: 31px;
    color: #767676;
    font-size: 14px;
}
.data-list + .pagination {
    margin-top: 2px;
}

/* 미환급액 조회/신청 */
.box.total {
    padding: 31px 30px 34px;
    border-radius: 60px;
    font-size: 30px;
    text-align: center;
}
.nopayback {
    margin-top: 105px;
    border-top: 2px solid #000;
}
.nopayback .title1 {
    margin-top: 73px;
}
.nopayback .title1 + p {
    margin-top: -11px;
}
.nopayback .box {
    margin-top: 35px;
    padding: 40px;
    overflow: hidden;
}
.nopayback .left {
    float: left;
    width: 49%;
}
.nopayback .right {
    float: right;
    width: 51%;
}
.nopayback .bul-check {
    margin-top: -6px;
}
.nopayback .bul-check strong {
    display: block;
    margin-bottom: 9px;
    font-size: 18px;
}
.nopayback .list.bul-number > li {
    color: #767676;
}
.nopayback .list.bul-number > li span {
    display: inline-block;
    margin-right: 5px;
    font-size: 18px;
    color: #111;
}
.nopayback .process {
    padding: 220px 49px 76px 50px;
    border-bottom: 1px solid #000;
    background: url(../images/content/bg-nopaback.png) no-repeat 50px 34px;
    overflow: hidden;
}
.nopayback .process li {
    float: left;
    width: 170px;
    margin-left: 127px;
    text-align: center;
}
.nopayback .process li:first-child {
    margin-left: 0;
}
.nopayback .btn-group {
    margin-top: 75px;
}
.nopayback .info {
    margin-top: 40px;
    padding: 26px 35px 28px;
    background: #f9fafb;
}

/* A/S신청 */
.box-round.waiting {
    padding: 21px 54px 22px 77px;
    background: #ed174d url(../images/content/ico-waiting-white.png) no-repeat 36px center;
}

/* ARS 안내 */
.ars-guide {
    position: relative;
    min-height: 710px;
    margin-bottom: 100px;
    padding-left: 495px;
}
.ars-guide .content-title {
    margin-bottom: 25px;
    text-align: left;
}
.ars-guide .content-title:after {
    display: none;
}
.ars-guide-desc {
    margin-bottom: 50px;
    font-size: 28px;
}
.ars-guide-desc dt {
    margin-bottom: 10px;
    font-weight: 300;
}
.ars-guide-desc dd {
    font-size: 18px;
}
.mobile-keypad {
    position: absolute;
    left: 0;
    top: 0;
    width: 355px;
    height: 674px;
    padding: 50px 9px 9px;
    border: 1px solid rgb(246, 246, 246);
    border-radius: 50px;
    background-color: rgb(255, 255, 255);
    box-shadow: 35px 35px 40px 0 rgba(0, 0, 0, 0.07);
}
.mobile-keypad:before {
    display: block;
    content: "";
    position: absolute;
    top: 23px;
    left: 50%;
    width: 60px;
    height: 8px;
    margin-left: -30px;
    border-radius: 4px;
    background-color: #f2f2f2;
}
.mobile-keypad-header {
    display: table-cell;
    width: 1%;
    height: 130px;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
    background-color: #ed174d;
}
.mobile-keypad-header .tel {
    display: block;
    font-size: 36px;
}
.mobile-keypad-body {
    border: 1px solid #e6e6e6;
    border-top: 0;
    border-radius: 0 0 5px 5px;
}
.mobile-keypad-body:after {
    display: block;
    clear: both;
    content: "";
}
.mobile-keypad-body li {
    float: left;
    width: 111px;
    height: 112px;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    padding: 14px 10px;
    color: #767676;
    font-size: 32px;
    text-align: center;
    word-break: keep-all;
    line-height: 84px;
    background-color: #f0f0f0;
}
.mobile-keypad-body li:first-child {
    float: left;
}
.mobile-keypad-body li:nth-child(3n + 1) {
    width: 111px;
    border-left-color: transparent;
}
.mobile-keypad-body li.key {
    font-size: 15px;
    line-height: 21px;
    background-color: #fff;
}
.mobile-keypad-body li.key a {
    display: block;
    height: 112px;
    margin: -14px -10px;
    padding: 16px 10px 0;
    background-color: #fff;
}
.mobile-keypad-body li.key .name {
    display: block; /* max-height:42px;  */
    line-height: 16px;
    overflow: hidden;
}
/* .mobile-keypad-body li.key .name {display:table-cell; width:1%; height:42px; vertical-align:middle;} */
.mobile-keypad-body li.key .num {
    display: block;
    height: 38px;
    margin-bottom: 3px;
    color: #000;
    font-size: 32px;
    line-height: 38px;
}
.mobile-keypad-body li.key:nth-child(10) .num {
    font-size: 50px;
    padding-top: 12px;
}
.mobile-keypad-body li.key:nth-child(10) {
    border-radius: 0 0 0 5px;
    overflow: hidden;
}
.mobile-keypad-body li.key:nth-child(12) {
    border-radius: 0 0 5px 0;
    overflow: hidden;
}
.mobile-keypad-body li.key.on,
.mobile-keypad-body li.key.on .num,
.mobile-keypad-body li.key a:hover,
.mobile-keypad-body li.key a:hover .num,
.mobile-keypad-body li.key a:focus,
.mobile-keypad-body li.key a:focus .num {
    font-weight: 500;
    color: #ed174d;
}
.mobile-keypad-body li.key.on a,
.mobile-keypad-body li.key a:hover,
.mobile-keypad-body li.key a:focus {
    position: relative;
    margin-top: -19px;
    margin-left: -15px;
    width: 113px;
    height: 114px;
    border: 2px solid #4a4c58;
    border-radius: 4px;
    box-shadow: 2px 2px 0 0 #6b6b6b;
    z-index: 10;
}
.tab-ars-cont {
    display: none;
}
.tab-ars-cont .num {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
}
.tab-ars-cont .title {
    font-size: 24px;
    line-height: 50px;
}
.tab-ars-cont .title .num {
    width: 50px;
    height: 50px;
    margin-right: 13px;
    border-radius: 4px;
    color: #ed174d;
    font-size: 20px;
    line-height: 48px;
    border: 1px solid #4a4c58;
    box-shadow: 1px 1px 0 0 #6b6b6b;
    background-color: #fff;
}
.tab-ars-cont > ul {
    margin-top: 30px;
    padding-left: 9px;
}
.tab-ars-cont > ul > li {
    font-weight: 500;
    font-size: 18px;
    margin-top: 18px;
    line-height: 33px;
}
.tab-ars-cont > ul > li > .num {
    width: 33px;
    height: 33px;
    margin: -2px 20px 0 0;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.09);
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    background-color: #fff;
}
.tab-ars-cont > ul > li > ul {
    margin-bottom: 30px;
    padding-left: 3px;
    font-weight: 300;
}
.tab-ars-cont > ul > li > ul > li {
    margin-top: 16px;
    font-size: 16px;
    line-height: 28px;
}
.tab-ars-cont > ul > li > ul > li > .num {
    width: 28px;
    height: 28px;
    margin: -2px 23px 0 0;
    border-radius: 3px;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    background-color: #c6cbce;
}

/* 단계별 가이드 */
.cs-bg-gray {
    background-color: #fcfcfc;
}
.cs-border-top {
    margin-top: 50px;
    padding-top: 55px;
    border-top: 1px solid #e8e8e8;
}
.cs-guide-h4 {
    font-size: 32px;
    line-height: 34px;
    margin: 80px 0;
}
.cs-guide-h6 {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 10px;
    font-weight: 500;
}
.cs-divider-top {
    padding-top: 60px;
    border-top: 1px solid #e8e8e8;
}
.cs-divider-top.border-default {
    border-top: 1px solid #000;
}
.cs-divider-top.border-defaul-bold {
    border-top: 2px solid #000;
}
.join-check-list {
    display: table;
    width: 1160px;
    padding: 0 30px;
    margin-bottom: 80px;
    text-align: center;
}
.join-check-list:after {
    clear: both;
    content: " ";
    display: block;
}
.join-check-list li {
    width: calc(100% / 4);
    height: 214px;
    font-size: 20px;
    color: #000;
    text-align: center;
    font-weight: 400;
    background: url(../images/content/bg-cs-checklist.png) center 0 no-repeat;
    display: table-cell;
    vertical-align: middle;
}
.table.table-Period th {
    background: #fbfcfd;
    text-align: center;
    color: #555;
}
.table.table-Period td {
    text-align: center;
}

/* 주요피해 예방가이드 - 명의도용*/
.text-underline {
    text-decoration: underline;
}
.color-primary.bul-check-primary:before {
    background-image: url(../images/common/ico-check-primary.png);
}
.damage-explanation {
    display: inline-block;
    font-size: 14px;
    color: #767676;
}
.damage-explanation span {
    display: inline-block;
    text-align: left;
    vertical-align: top;
}
.msafer-diagram {
    width: 863px;
    height: 553px;
    margin-left: 29px;
    background: url(../images/content/img-cs-msafer.png) 0 0 no-repeat;
}
.cs-damage-title {
    padding-top: 146px;
    margin-bottom: 40px;
    text-align: center;
    background-image: url(../images/content/ico-msafer.png);
    background-position: center 4px;
    background-repeat: no-repeat;
}
.cs-damage-title.damage-title2 {
    background-image: url(../images/content/ico-spam.png);
    background-position: center 10px;
}
.cs-damage-title.damage-title3 {
    background-image: url(../images/content/ico-hacking.png);
    background-position: center 10px;
}
.cs-damage-title.damage-title4 {
    background-image: url(../images/content/ico-smishing.png);
    background-position: center 0;
}
.cs-damage-title.damage-title5 {
    background-image: url(../images/content/ico-phishing.png);
    background-position: center 0;
}
.cs-damage-title.damage-title6 {
    background-image: url(../images/content/ico-pharming.png);
    background-position: center 14px;
}
.cs-damage-type .left {
    float: left;
    width: 297px;
}
.cs-damage-type .right {
    float: right;
    width: calc(100% - 297px);
}
.cs-damage-type .cs-study {
    padding-left: 23px;
}
.cs-damage-type .cs-study:after {
    clear: both;
    content: " ";
    display: block;
}
.cs-damage-type .cs-study li {
    float: left;
    width: 297px;
    padding-left: 60px;
    margin-bottom: 50px;
    background-image: url(../images/common/ico-50-csmobile.png);
    background-position: 5px center;
    background-repeat: no-repeat;
}
.cs-damage-type .cs-study li strong {
    display: block;
    margin-bottom: 5px;
    font-size: 18px;
}
.cs-damage-type .cs-study li > a {
    font-weight: 300;
}
.cs-damage-type .cs-study.cs-study-col3 li:nth-child(2) {
    background-image: url(../images/common/ico-50-chargetv.png);
    background-position: 1px center;
}
.cs-damage-type .cs-study.cs-study-col3 li:nth-child(3) {
    width: auto;
    background-image: url(../images/common/ico-50-csinternet.png);
    background-position: 1px center;
}
.cs-damage-type .cs-study.cs-study-col2 li:first-child {
    background-image: url(../images/common/ico-50-disabled.png);
    background-position: 2px center;
}
.cs-damage-type .cs-study.cs-study-col2 li:nth-child(2) {
    background-image: url(../images/common/ico-50-teenager.png);
    background-position: 7px center;
}
.cs-damage-type .bul-cs-star {
    padding-left: 15px;
    background: url(../images/content/bg-cs-bulstar.png) 0 center no-repeat;
}
.cs-damage-type .damage-list > p {
    margin-top: 10px;
}
.cs-damage-type .damage-list ul li {
    margin-bottom: 24px;
}
.cs-damage-type .damage-list ul li.color-primary p {
    color: #ed174d;
}
.cs-damage-type .damage-list .damage-list-title {
    margin-top: 0;
    margin-left: 0;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
}
.cs-damage-type .damage-list .damage-list-title + dd.color-primary {
    color: #ed174d;
}
.cs-damage-type .damage-list .damage-list-title + p,
.cs-damage-type .damage-list .damage-list-title + dd {
    color: #767676;
    line-height: 28px;
    margin-top: 5px;
}
.cs-damage-type .damage-list .damage-list-title + .bul-warning {
    line-height: 24px;
}
.cs-damage-type .damage-list-title + ul {
    margin: 5px 0 30px 35px;
}
.cs-damage-type .damage-list .damage-list1 li {
    margin-bottom: 0;
    color: #767676;
}
.cs-damage-type .damage-list .damage-list2 li {
    margin-bottom: 9px;
    color: #767676;
}
.cs-damage-type .damage-list .damage-list2 li > ul > li {
    margin: 0;
}
.cs-damage-type .damage-list-title + p.bul-dot {
    margin-left: 35px;
}
.cs-damage-type .damage-list.damage-list-col2 ul li {
    float: left;
    width: 50%;
}
.cs-damage-type .damage-list.damage-list-col2 ul li:nth-child(2n + 1) {
    clear: both;
}

/* 해지단계 */
.cs-termination .cs-divider-top.cs-divider-default {
    padding-top: 40px;
    margin-top: 50px;
    margin-bottom: 20px;
    border-top: 2px solid #000;
}
.cs-table-list {
    padding-left: 17px;
}
.cs-table-list li .cs-num {
    margin-left: -17px;
}
.box-gray.cs-box-gray {
    padding: 40px;
}

/* 피싱 */
.cs-damage-type .damage-list .damage-process {
    margin-left: -35px;
    padding: 0 0 0 30px;
    background: url(../images/content/bg-cs-line.png) left 9px no-repeat;
}
.cs-damage-type .damage-list .damage-process > li {
    margin: 28px 0;
    font-size: 18px;
}
.cs-damage-type .damage-list .damage-process > li > ol > li {
    margin-top: 3px;
    margin-bottom: 0;
    font-size: 14px;
}

/* 파밍 */
.explanation-list {
    margin-left: 186px;
}
.explanation-list li + li {
    margin-top: 3px;
}
.damage-exemple ul li {
    float: left;
    width: 400px;
    word-break: keep-all;
}
.damage-exemple .exemple-title {
    padding: 10px 0;
    font-size: 18px;
    font-weight: 500;
    background: url(../images/content/bg-phaming-title.png) 0 0 no-repeat;
}

/* 해지상담 신청 */
.cancel-process {
    padding: 185px 47px 78px 52px;
    background: url(../images/content/bg-cs-subscription.jpg) 50px 0 no-repeat;
    border-bottom: 1px solid #000;
}
.cancel-process:after {
    display: block;
    content: " ";
    clear: both;
}
.cancel-process li {
    float: left;
    width: 170px;
    margin-left: 127px;
    text-align: center;
}
.cancel-process li:first-child {
    margin-left: 0;
}
.search-btn {
    margin-top: 80px;
    text-align: center;
}
.advice-info {
    margin-top: 100px;
}
.advice-info .left {
    float: left;
    width: 50%;
}
.advice-info .right {
    float: right;
    width: 50%;
    padding-left: 38px;
    padding-bottom: 15px;
    border-left: 1px solid #e8e8e8;
}
.advice-info .advice-info-title {
    padding-bottom: 11px;
    font-weight: 500;
}

/* 고객센터 */
.customercenter-visual {
    height: 300px;
    margin-bottom: 80px;
    background-image: -moz-linear-gradient(left, #87189d, #ed174d);
    background-image: -webkit-linear-gradient(left, #87189d, #ed174d);
    background-image: -ms-linear-gradient(left, #87189d, #ed174d);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87189d', endColorstr='#ed174d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: #fff;
    border-radius: 8px 8px;
}
.customercenter-visual .center-title {
    /*padding:77px 0 40px 65px;*/
    padding: 77px 0 77px 65px;
    background: url(../images/content/bg-cs-center.png) 742px bottom no-repeat;
}
.customercenter-visual h3 {
    padding-bottom: 40px;
    font-size: 36px;
    line-height: 28px;
    font-weight: 500;
}
.customercenter-visual h3 > span {
    display: block;
    padding-bottom: 5px;
    font-size: 18px;
    font-weight: 300;
}
.cener-app-down > span {
    display: inline-block;
    width: 130px;
    height: 40px;
    background-image: url(../images/common/btn-down-appstore.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -9999px;
}
.cener-app-down > span:nth-child(2) {
    margin-left: 4px;
    background-image: url(../images/common/btn-down-googleplay.png);
}
.top-list ul {
    padding: 0 30px;
}
.top-list ul li {
    float: left;
    width: 205px;
    margin-right: 94px;
    padding-top: 194px;
    line-height: 28px;
    word-break: keep-all;
    text-align: center;
    background-image: url(../images/content/bg-cs-toplist1.png);
    background-position: center 0;
    background-repeat: no-repeat;
}
.top-list ul li:nth-child(2) {
    background-image: url(../images/content/bg-cs-toplist2.png);
}
.top-list ul li:last-child {
    margin-right: 0;
    background-image: url(../images/content/bg-cs-toplist3.png);
}
.qr-link-app {
    position: relative;
}
.qr-link-app li {
    float: left;
    margin-right: 20px;
    padding: 15px 0 0 20px;
    font-size: 14px;
    background-image: url(../images/content/ico-google-logo.png);
    background-position: 0 15px;
    background-repeat: no-repeat;
}
.qr-link-app li:nth-child(2) {
    margin-left: 12px;
    background-image: url(../images/content/ico-apple-logo.png);
}
.qr-link-app li:after {
    position: absolute;
    top: 20px;
    left: 150px;
    display: block;
    content: " ";
    width: 1px;
    height: 14px;
    background-image: url(../images/content/bg-appdown-line.png);
}
.down-qr-left {
    float: left;
}
.down-qr-right {
    float: right;
    width: 182px;
}
.down-qr-right .code-qr {
    display: inline-block;
    width: 106px;
    height: 106px;
    text-indent: -999px;
    overflow: hidden;
    background: url("../images/content/app_qr_20220920.png?=ver2") 0 0 no-repeat;
    background-size: 100% 100%;
}

/* 셀프해결가이드 */
.content-header a.btn-page-back {
    display: none;
}
.m-hidden {
    display: none;
}
.bbs-view-head h3 {
    position: relative;
    display: table-cell;
    width: calc(100% - 85px);
    font-size: 28px;
    line-height: 38px;
}
.bbs-view-head h3 .guide-label {
    padding-right: 35px;
}
.bbs-view-head h3 .guide-label:after {
    position: absolute;
    top: 8px;
    left: 144px;
    display: block;
    width: 1px;
    height: 25px;
    background: #ed174d;
    content: "";
}
.bbs-view-head .meta-info {
    display: table-cell;
    width: 85px;
    text-align: right;
    vertical-align: middle;
}
.bbs-view-head .meta-info span {
    padding-left: 5px;
}
.bbs-view-head:after {
    display: block;
    clear: both;
    content: "";
}
.top-visual-guide {
    width: 100%;
    min-height: 250px;
    padding: 68px 92px 70px 55px;
    margin-bottom: 47px;
    background-color: #4a4c58;
    color: #fff;
}
.top-visual-guide > div {
    height: 100%;
    min-height: 112px;
}
.top-visual-guide .self-guide {
    background-image: url(../images/selfguide/ico-tv-guide.png);
    background-position: right center;
    background-repeat: no-repeat;
}
.top-visual-guide .self-guide.internet-guide {
    background-image: url(../images/selfguide/ico-internet-guide.png);
}
.top-visual-guide .self-guide.phone-guide {
    background-image: url(../images/selfguide/ico-phone-guide.png);
    background-position: 905px center;
}
.top-visual-guide .self-guide.pay-guide {
    background-image: url(../images/selfguide/ico-pay-guide.png);
    min-height: 120px;
}
.top-visual-guide strong {
    margin-top: 7px;
    padding: 5px 24px 6px;
    border: 1px solid #fff;
    border-radius: 50px;
}
.top-visual-guide .top-title {
    margin-top: 14px;
    font-size: 32px;
}
.bbs-view-body .guide-subject:nth-child(2) {
    margin-top: 0;
}
.bbs-view-body .guide-subject {
    margin-top: 83px;
    font-size: 24px;
    color: #ed174d;
    text-align: center;
}
.bbs-view-body .guide-subject + .self-guide-list {
    margin-top: 30px;
}
.bbs-view-body .guide-subject + .list-pay {
    margin-top: 36px;
}
.bbs-view-body .guide-subject + .subtitle {
    margin-top: 25px;
}
.bbs-view-body .guide-subtitle {
    margin-top: 29px;
    margin-bottom: 13px;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    line-height: 1.333333;
    text-align: center;
}
.bbs-view-body .guide-desc {
    margin-bottom: 31px;
    font-size: 16px;
    line-height: 1.5;
    color: #767676;
    text-align: center;
}
.bbs-view-body .guide-desc + .list-single {
    margin-top: 36px;
}
.bbs-view-body .guide-desc + .list-pay {
    margin-top: 30px;
}
.bbs-view-body .guide-desc + .list-single.list-w100 {
    margin-top: 0;
}
.bbs-view-body .ico-asterisk {
    display: inline-block;
    width: 10px;
    height: 9px;
    padding-right: 0;
    background: url(../images/common/ico-asterisk-black.jpg) center 0 no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

/* 리스트 기본타입 */
.self-guide-list {
    /* padding:0 80px;  */
    padding: 0 56px;
    margin: 0 auto;
    display: table;
}
.self-guide-list:after {
    display: block;
    clear: both;
    content: "";
}
.self-guide-list + .guide-subject {
    margin-top: 28px;
}
.self-guide-list > li {
    float: left;
    width: 456px;
    margin: 0 48px 55px 0;
    text-align: left;
}
.self-guide-list > li .list {
    margin-top: 20px;
}
.self-guide-list > li:nth-child(2n) {
    margin-right: 0;
}
.self-guide-list > li.last-col {
    margin-bottom: 20px;
}
.self-guide-list.list-type1 + .guide-subject {
    margin-top: 41px;
}
.self-guide-list.list-type1 + .guide-subtitle {
    margin-top: 56px;
}
.self-guide-list.list-type1 > li {
    margin-bottom: 40px;
}
.self-guide-list.list-type1 > li.last-col {
    margin-bottom: 0;
}
.self-guide-list.list-type2 {
    width: 100%;
    padding: 0 80px;
}
.self-guide-list.list-type2 li {
    width: 100%;
    margin: 0;
}
.self-guide-list.list-type2 li + li {
    margin-top: 40px;
}
.self-guide-list.list-type2 + .pay-list-title {
    margin-top: 55px;
}
.self-guide-list.list-type3 + .m-guide-text {
    margin-bottom: 15px;
    text-align: center;
}
.self-guide-list.list-type3 li {
    margin-bottom: 0;
}
.self-guide-list.list-type3 + .btn-group {
    margin-top: 40px;
    margin-bottom: 20px;
}
.self-guide-list.self-guide-last > li {
    margin-bottom: 20px;
}
.bbs-view-body .list-single {
    width: 456px;
    margin: 0 auto 0;
    text-align: left;
}
.bbs-view-body .list-single + .guide-subtitle {
    margin-top: 95px;
}
.bbs-view-body .list-single + .guide-subject {
    margin-top: 90px;
}
.bbs-view-body .list-single + .list-single {
    margin-top: 53px;
}
.bbs-view-body .list-single .guide-text {
    margin-left: 0;
}
.bbs-view-body .list-single.single-w100 {
    width: 100%;
    text-align: center;
}
.bbs-view-body .list-single.single-w100 + .single-w100 {
    margin-top: 55px;
    margin-bottom: 50px;
}
.bbs-view-body .list-single.single-video + .guide-subject {
    margin-top: 88px;
}
.bbs-view-body .list-single.list-w100 {
    width: 100%;
    margin-top: 60px;
    padding: 0 80px;
    text-align: center;
}
.guide-phone-info {
    margin: -40px 80px 0;
    padding: 0 60px 95px;
    border-bottom: 1px solid #000;
    text-align: center;
}
.phone-subtitle {
    margin-top: 93px;
    margin-bottom: 55px;
    font-size: 18px;
    line-height: 1.55555;
    color: #000;
    text-align: center;
    font-weight: 500;
}
.phone-product-list {
    padding: 0 140px;
}
.phone-product-list li + li {
    margin-top: 40px;
}
.phone-product-list li .phone-product-item {
    padding: 80px 90px 90px;
    border: 1px solid #e0e0e0;
    text-align: center;
}
.phone-product-list li .phone-product-item .subject {
    margin: 0 0 11px 0;
    color: #ed174d;
    line-height: 1.333333;
    font-size: 18px;
    font-weight: 500;
}
.phone-product-list li .phone-product-item .setting {
    margin-bottom: 74px;
    padding: 0 40px;
    font-size: 16px;
    line-height: 1.625;
    color: #000;
}
.guide-pay-info {
    padding-bottom: 100px;
    margin: 0 100px;
    border-bottom: 1px solid #000;
    text-align: center;
}
.guide-pay-info h4 {
    font-size: 24px;
    margin-bottom: 15px;
    color: #000;
}
.guide-pay-info .pay-info-desc {
    color: #767676;
    font-size: 16px;
    line-height: 1.5;
}
.guide-pay-info .btn-group {
    margin-top: 40px;
}
.guide-pay-info .btn-group a {
    min-width: 200px;
}
.list-single.list-pay {
    width: 100%;
    padding: 0 80px;
}
.list-single.list-pay .pay-subject {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.55555555;
    color: #ed174d;
}
.list-single.list-pay .pay-desc {
    font-size: 18px;
    color: #000;
    line-height: 1.55555555;
    margin-bottom: 30px;
}
.list-single.list-pay dl + dl {
    margin-top: 55px;
}
.list-single.list-pay dl + .pay-subject {
    margin-top: 95px;
}
.list-single.list-pay dt {
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    padding-bottom: 12px;
}
.list-single.list-pay dd .pay-info-text {
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    margin-bottom: 37px;
}
.list-single.list-pay dd .guide-tmb {
    text-align: center;
}
.list-single.list-pay .self-guide-list {
    padding: 0;
}
.list-single.list-pay .guide-pay-list {
    padding: 0;
}
.list-single.list-pay .guide-pay-list:after {
    display: block;
    clear: both;
    content: "";
}
.list-single.list-pay .guide-pay-list li {
    float: left;
}
.list-single.list-pay .guide-pay-list li .guide-tmb {
    text-align: right;
}
.list-single.list-pay .guide-pay-list li:nth-child(2) .guide-tmb {
    text-align: left;
}
.list-single.list-pay .guide-tmb + .list.bul-number {
    margin-top: 22px;
}
.bbs-view-body .list-single.list-info {
    width: 100%;
    padding: 0 140px;
    margin-bottom: 20px;
}
.bbs-view-body .guide-text {
    margin-top: 18px;
    color: #000;
    font-size: 16px;
    line-height: 1.625;
    word-break: keep-all;
}
.bbs-view-body .guide-text.bul-num {
    margin-left: 32px;
}
.bbs-view-body .guide-text.m-guide-text + .list-type3 {
    margin-top: 55px;
}
.bbs-view-body .guide-text2 {
    margin-top: 15px;
    text-align: center;
}
.bbs-view-body .guide-text.text-pl0 {
    margin-left: 0;
}
.bbs-view-body .guide-text .num {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 10px 0 -34px;
    line-height: 24px;
    border-radius: 50%;
    font-weight: 500;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #000;
}
.bbs-view-body .guide-video {
    position: relative;
    width: 100%;
    height: 260px;
    overflow: hidden;
}
.bbs-view-body .guide-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 3px;
}
.bbs-view-body .guide-list-title {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 1.5;
    text-align: left;
    color: #000;
}
.bbs-view-body strong.guide-list-title {
    display: block;
}
.bbs-view-body .bul-number li {
    text-align: left;
    font-size: 16px;
}
.bbs-view-body .bul-number li + li {
    margin-top: 10px;
}
.bbs-view-body .bul-number + .guide-tmb {
    margin-top: 20px;
}
.pay-list-title {
    margin-bottom: 36px;
    font-size: 16px;
    color: #000;
    line-height: 1.5;
    font-weight: 500;
}
.guide-app-info {
    margin: 0 80px;
    padding: 0 60px 100px;
    border-bottom: 1px solid #000;
}
.guide-app-info h4 {
    font-size: 24px;
    margin-bottom: 35px;
    color: #ed174d;
    text-align: center;
}
.guide-app-info h4:nth-child(3) {
    margin-top: 95px;
}
.guide-app-info .guide-list.list-type2 li + li {
    margin-top: 20px;
}
.guide-app-info .box-app-list {
    width: 100%;
    padding: 0 40px;
    background: #f8f8f8;
    border-radius: 5px;
}
.guide-app-info .box-app-list dl {
    padding: 45px 0 45px 126px;
    background-image: url(../images/content/ico-google-logo1.png);
    background-position: 20px center;
    background-repeat: no-repeat;
}
.guide-app-info .box-app-list dl:nth-child(2) {
    background-image: url(../images/content/ico-apple-logo1.png);
}
.guide-app-info .box-app-list dl:last-child {
    background-image: url(../images/content/ico-settop-logo1.png);
}
.guide-app-info .box-app-list dl + dl {
    border-top: 1px solid #e0e0e0;
}
.guide-app-info .box-app-list dt {
    padding-bottom: 10px;
    font-weight: 300;
}
.guide-app-info .box-app-list dd {
    color: #555;
}

/* 공지사항 - 컨텐츠 등록 */
.table_type1 {
    border: 0;
    border-collapse: collapse;
}
.table_type1 {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    font-family: "돋움", dotum;
    font-size: 13px;
    margin: 0 auto;
}
.table_type1 caption {
    display: none;
}
.table_type1 th {
    padding: 8px 0;
    border-top: 2px solid #8d8d8d;
    border-left: 1px solid #e5e5e5;
    background-color: #f6f6f6;
    color: #707070;
    font-family: "돋움", dotum;
    font-size: 13px;
    font-weight: bold;
}
.table_type1 td {
    padding: 8px 0;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    color: #707070;
    height: 20px;
    line-height: 20px;
}
.table_type1 th,
.table_type1 td:first-child {
    border-left: none;
}
.table_type1 a {
    color: #707070;
    text-decoration: underline;
}
.table_type1 a:hover {
    color: #999;
    text-decoration: underline;
}
.ir {
    display: none;
}
.notice-wrap {
    text-align: center;
    max-width: 740px;
    margin: 0 auto;
}
.notice-wrap.w974 {
    max-width: 974px;
}
.notice-wrap > img {
    max-width: 100%;
}
.notice-wrap .table th,
.notice-wrap .table td {
    height: auto;
}
.notice-wrap .table.size-xs thead th,
.notice-wrap .table.size-xs thead td {
    text-align: center;
}
.notice-wrap .table.size-xs thead th,
.notice-wrap .table.size-xs thsead td {
    padding: 10px;
}
img {
    max-width: 100%;
}
.list2 {
    padding: 20px;
}
.list2 li {
    list-style: square;
    text-align: left;
    font-family: "돋움", dotum;
    margin-bottom: 5px;
    font-size: 13px;
}

/* 통화량 급등 캘린더 */
.call-calendar .content-title {
    margin-bottom: 125px;
}
.call-calendar .title-set {
    position: relative;
    margin-bottom: 42px;
}
.call-calendar h2.title1,
.call-calendar h3.title1 {
    text-align: center;
    font-weight: 500;
    font-size: 30px;
    line-height: 1.2;
}
.call-calendar .btn-set {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}
.call-calendar button {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    line-height: 38px;
    text-indent: -999999px;
}
.call-calendar button.prev {
    background: url(/front/web/images/common/ico-arr-left-xs.png) no-repeat center;
    margin-right: 139px;
}
.call-calendar button.next {
    background: url(/front/web/images/common/ico-arr-right-xs.png) no-repeat center;
    margin-left: 139px;
}
.call-calendar table {
    width: 100%;
    margin-bottom: 23px;
    border-spacing: 0;
    border-top: 1px solid #000;
}
.call-calendar thead th {
    height: 72px;
    border-bottom: 1px solid #e8e8e8;
    background: #fcfcfc;
    text-align: center;
    vertical-align: middle;
}
.call-calendar tbody td {
    position: relative;
    width: 14.285714%;
    height: 91px;
    border-bottom: 1px solid #e8e8e8;
    text-align: left;
    vertical-align: top;
    color: #767676;
}
.call-calendar tbody td.hasEvent {
    background: #fcfcfc;
}
.call-calendar tbody td span {
    display: block;
    margin: 12px 0 12px 52px;
    font-size: 14px;
    color: #ed174d;
}
.call-calendar tbody td strong {
    position: absolute;
    top: 10px;
    left: 28px;
    font-weight: 300;
}
.call-calendar tbody td.sunday strong,
.call-calendar tbody td.holiday strong {
    color: #e40026;
}
.call-calendar .eventNote li {
    font-size: 18px;
    line-height: 1.15;
}
.call-calendar .eventNote li:before {
    top: 9px;
    left: 2px;
}

/* 해지상담신청 버튼 */
.btn-210 {
    width: 210px;
}

/* 보이는ARS */
.ars-content {
    margin: 0;
    padding: 70px 30px 100px 70px;
}
.ars-content-title {
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 70px;
}
.ars-content-inner {
    position: relative;
}
.ars-content-inner .title2:first-child {
    margin-top: 0;
}
.ars-content-inner .title2 {
    margin: 30px 0 5px;
}
.ars-content-inner div + div {
    margin-left: 380px;
}
.ars-content-inner div ul.ars-ex li {
    float: left;
    width: 160px;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    margin: 10px 0 0 12px;
}
.ars-content-inner div ul.ars-ex li:first-child {
    margin-left: 0;
}
.mobile-keypad-ars {
    position: absolute;
    left: 0;
    top: 0;
    width: 312px;
    height: 604px;
    padding: 50px 9px 9px;
    border: 1px solid #ececec;
    border-radius: 50px;
    background-color: rgb(255, 255, 255);
    box-shadow: 25px 25px 40px 0 rgba(0, 0, 0, 0.08);
}
.mobile-keypad-ars:before {
    display: block;
    content: "";
    position: absolute;
    top: 23px;
    left: 50%;
    width: 60px;
    height: 8px;
    margin-left: -30px;
    border-radius: 4px;
    background-color: #f2f2f2;
}
.mobile-keypad-ars img {
    border: 1px solid #ececec;
    border-radius: 2px;
}

/* 셀프해결 가이드 - 아이들 나라  */
.self-guide-kids-world table {
    width: 900px;
    margin: 0 auto;
}
.self-guide-kids-world table th,
.self-guide-kids-world table td {
    text-align: center;
    font-size: 16px;
}
.self-guide-kids-world .guide-subject {
    margin: 100px 0 20px;
    font-size: 24px;
    color: #ed174d;
    text-align: center;
    line-height: 140%;
}

/* 매장찾기 */
.balloon-wrap {
    /* position:absolute; left:50px;top:50px;  */
    text-align: left;
}
/* .balloon-wrap:after {content:''; position:absolute; width: 28px; height: 36px; left: 50%; margin-left: -14px; bottom: -45px; background-size: 28px; background-image:url(/front/web/images/content/custom-map-icon-red.png);} */
.balloon {
    position: relative; /* max-width: 350px; */
    width: 352px;
    display: inline-block;
    padding: 30px 30px;
    background: #fff;
    border: 2px solid #ed174d;
    border-radius: 5px;
}
.balloon:after {
    content: "";
    position: absolute;
    width: 21px;
    height: 17px;
    left: 50%;
    margin-left: -10px;
    bottom: -17px;
    background-image: url(/front/web/images/content/custom-map-bg-arrow.png);
}
.balloon .tit {
    color: #000;
    font-size: 18px;
    font-weight: 500;
}
.balloon .cont {
    color: #767676;
    padding: 15px 0;
    border-bottom: 1px solid #e0e0e0;
}
a.map-link {
}
a.map-link:active,
a.map-link:hover {
    color: #ed174d;
}
a.map-link.active {
    font-weight: 500;
    color: #ed174d;
}
.table.table-map {
    border: 0;
    overflow-y: scroll;
    height: 676px;
}
.table.table-map th {
    text-align: left;
    padding: 30px 20px;
    border-top: 0;
    border-bottom: 1px solid #e0e0e0; /* background:#eee; */
}
.table.table-map th.active {
    background: #fafafa;
}
.table.table-map th a {
    width: 450px;
    height: 108px;
    display: block;
}
.table.table-map td {
    border-left: 0;
}
.table-map .map-tit {
    margin: 10px 8px;
    color: #000;
}
.table-map .map-cont {
    margin: 10px 29px 0;
    color: #767676;
}
.custom-map {
    border-top: 1px solid #000;
    padding-top: 30px;
}
.custom-map .left {
    width: 510px;
    display: block;
    margin-right: 40px;
}
.custom-map .right {
    position: relative;
    width: 629px;
    height: 676px;
    border: 1px solid #e8e8e8;
    border-radius: 7px;
}
.labels-map {
    display: inline-block;
    margin-right: 5px;
    padding: 5px 10px;
    border-radius: 2px;
    color: #fff;
    background-color: #ed174d;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
}
.labels-map.labels-bluegray {
    background-color: #4a4c58;
    padding: 2px 10px 5px;
}
.labels-map.labels-violet {
    background-color: #78346f;
}
.labels-map.labels-gray {
    background-color: #e0e0e0;
    color: #808080;
}

/* 공지사항 추가 */
.section-bbs-notice {
    border-image: none;
    line-height: normal;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
}
.section-bbs-notice {
    overflow: hidden;
}
.section-bbs-notice .title {
    clear: both;
    background: #ed174d;
    margin: 40px 0 20px;
    border-radius: 5px;
    border: 1px solid rgb(218, 218, 218);
    border-image: none;
    width: 200px;
    height: 40px;
    text-align: center;
    color: rgb(255, 255, 255);
    line-height: 1.1;
    padding-top: 10px;
    font-size: 16px;
    font-weight: 500;
    cursor: default;
}
.section-bbs-notice .tab-links {
    overflow: hidden;
    margin: 30px 0 20px;
    line-height: 1;
}
.section-bbs-notice .tab-links::after {
    display: table;
    overflow: hidden;
}
.section-bbs-notice .tab-links li {
    float: left;
    margin-right: 10px;
}
.section-bbs-notice .tab-links li a {
    display: inline-block;
    padding: 9px 17px 11px;
    border-radius: 5px;
    oveflow: hidden;
    color: #fff;
    background-color: #aaa;
    font-size: 16px;
    border: 1px solid rgb(218, 218, 218);
}
.section-bbs-notice .tab-links li a:hover {
    background-color: #ed174d;
}
.section-bbs-notice .table-b {
    width: 102%;
    margin: 15px 0 20px -1px;
    text-align: center;
    border-top: solid 2px #000;
}
.section-bbs-notice .table-b th,
.section-bbs-notice .table-b td {
    padding: 5px 2px;
    border-bottom: solid 1px #e0e0e0;
    border-left: solid 1px #e0e0e0;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.2;
}
.section-bbs-notice .table-b thead th {
    background-color: #f9fafb;
}
.section-bbs-notice .media-container {
    margin: 30px auto 20px;
}
.section-bbs-notice .title2 {
    margin-bottom: 15px;
    font-size: 16px;
}
.section-bbs-notice .list li {
    line-height: 1.4;
}

/*셀프가이드추가*/
.guide-desc-self17 {
    color: #000;
    margin-left: 4%;
    line-height: 26px;
    font-size: 16px;
}
.bbs-view-body .guide-text.bul-num.self-guide-num1 {
    /* margin-left:115px; */
    margin-left: 88px;
    margin-top: 37px;
}
.bbs-view-body .guide-text.bul-num.self-guide-num2 {
    margin-left: 133px;
    margin-top: 37px;
}

.self-guide-hyphen li + li {
    margin-top: 0;
}
.self-guide-icon {
    position: relative;
    overflow: visible;
}
.self-power,
.self-tv-power,
.self-tv-power,
.self-ok,
.self-channel,
.self-set-power,
.self-fin,
.self-chrome {
    width: 30px;
}
.self-power:before {
    display: block;
    content: "";
    position: absolute;
    bottom: -5px;
    left: -1px;
    width: 32px;
    height: 31px;
    margin-left: 0px;
    z-index: 1;
    background-image: url(/front/web/images/selfguide/selfguide21_icon_power.png);
}
.self-tv-power:before {
    display: block;
    content: "";
    position: absolute;
    bottom: -5px;
    left: -1px;
    width: 32px;
    height: 31px;
    margin-left: 0px;
    z-index: 1;
    background-image: url(/front/web/images/selfguide/selfguide21_icon_tv_power.png);
}
.self-ok:before {
    display: block;
    content: "";
    position: absolute;
    bottom: -5px;
    left: -1px;
    width: 32px;
    height: 32px;
    margin-left: 0px;
    z-index: 1;
    background-image: url(/front/web/images/selfguide/selfguide21_icon_ok.png);
}
.self-channel:before {
    display: block;
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 32px;
    height: 31px;
    margin-left: 0px;
    z-index: 1;
    background: url(/front/web/images/selfguide/selfguide21_icon_channel.png);
}
.self-cable-power {
    width: 40px;
}
.self-set-power:before {
    display: block;
    content: "";
    position: absolute;
    bottom: -5px;
    left: -1px;
    width: 32px;
    height: 32px;
    margin-left: 0px;
    z-index: 1;
    background-image: url(/front/web/images/selfguide/selfguide21_icon_set_power.png);
}
.self-cable-power:before {
    display: block;
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0px;
    width: 38px;
    height: 38px;
    margin-left: 0px;
    z-index: 1;
    background-size: 38px;
    background-repeat: no-repeat;
    background-image: url(/front/web/images/selfguide/selfguide21_icon_cable_power.png);
}
.self-home-menu {
    width: 37px;
}
.self-home-menu:before {
    display: block;
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0px;
    width: 40px;
    height: 40px;
    margin-left: 0px;
    z-index: 1;
    background-size: 38px;
    background-repeat: no-repeat;
    background-image: url(/front/web/images/selfguide/selfguide21_icon_home_menu.png);
}
.self-fin:before {
    display: block;
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0px;
    width: 32px;
    height: 32px;
    margin-left: 0px;
    z-index: 1;
    background-repeat: no-repeat;
    background-image: url(/front/web/images/selfguide/selfguide21_icon_fin.png);
}
.self-tv-power-big {
    width: 70px;
}
.self-tv-power-big:before {
    display: block;
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0px;
    width: 73px;
    height: 31px;
    margin-left: 0px;
    z-index: 1;
    background-image: url(/front/web/images/selfguide/selfguide21_icon_tv_power_big.png);
}
.self-chrome:before {
    display: block;
    content: "";
    position: absolute;
    bottom: -5px;
    left: -1px;
    width: 32px;
    height: 31px;
    margin-left: 0px;
    z-index: 1;
    background-image: url(/front/web/images/selfguide/selfguide21_icon_chrome.png);
}

.g-layout-wrap {
    position: relative;
    display: table;
    width: 100%;
}
.g-layout {
    width: 334px;
}
.g-layout,
.g-layout2 {
    display: table-cell;
    vertical-align: middle;
}
.g-tit {
    text-align: center;
    margin-top: 0px;
    font-weight: 500;
    color: #000;
    font-size: 16px;
    line-height: 1.625;
    word-break: keep-all;
}
.g-cont {
    text-align: center;
    margin-top: 0px;
    color: #000;
    font-size: 16px;
    line-height: 1.625;
    word-break: keep-all;
    margin-bottom: 60px;
}
.g-cont2,
.g-cont3,
.g-cont4 {
    position: relative;
    margin-bottom: 57px;
    padding-left: 60px;
    color: #000;
    font-size: 16px;
    line-height: 1.625;
    word-break: keep-all;
    padding-left: 40px;
}
.g-cont2:before {
    display: block;
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 33px;
    height: 37px;
    margin-left: -10px;
    z-index: 1;
    background: url(/front/web/images/selfguide/selfguide21_04_17_icon_arrow.png);
}
.g-cont3:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 48px;
    left: 0;
    width: 33px;
    height: 37px;
    margin-left: -10px;
    z-index: 1;
    background: url(/front/web/images/selfguide/selfguide21_04_17_icon_arrow.png);
}
.g-cont4:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 75px;
    left: 0;
    width: 33px;
    height: 37px;
    margin-left: -10px;
    z-index: 1;
    background: url(/front/web/images/selfguide/selfguide21_04_17_icon_arrow.png);
}
.g-cont-img {
    margin-right: 80px;
}

.u-layout-wrap {
    position: relative;
    display: table;
    width: 100%;
}
.u-layout {
    width: 530px;
}
.u-layout,
.u-layout2 {
    display: table-cell;
    vertical-align: middle;
}
.u-tit {
    text-align: center;
    margin-top: 0px;
    font-weight: 500;
    color: #000;
    font-size: 16px;
    line-height: 1.625;
    word-break: keep-all;
}
.u-cont {
    text-align: center;
    margin-top: 0px;
    color: #000;
    font-size: 16px;
    line-height: 1.625;
    word-break: keep-all;
    margin-bottom: 60px;
    padding: 0 40px;
}
.u-cont2,
.u-cont3,
.u-cont4 {
    position: relative;
    margin-bottom: 57px;
    color: #000;
    font-size: 16px;
    line-height: 1.625;
    word-break: keep-all;
    padding-left: 40px;
}
.u-cont2:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 33px;
    height: 37px;
    margin-left: -10px;
    z-index: 1;
    background: url(/front/web/images/selfguide/selfguide21_04_17_icon_arrow.png);
}
.u-cont3:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 78px;
    left: 0;
    width: 33px;
    height: 37px;
    margin-left: -10px;
    z-index: 1;
    background: url(/front/web/images/selfguide/selfguide21_04_17_icon_arrow.png);
}
.u-cont4:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 105px;
    left: 0;
    width: 33px;
    height: 37px;
    margin-left: -10px;
    z-index: 1;
    background: url(/front/web/images/selfguide/selfguide21_04_17_icon_arrow.png);
}
.u-cont-img {
    margin-right: 80px;
}
.u-remo img {
    margin-left: 200px;
}
.u-img-border .g-cont {
    padding: 0 40px;
}
.u-cont3 .g-mo-hyphen li:first-child {
    margin-top: 50px;
}
.u-cont4 .g-mo-hyphen li:first-child {
    margin-top: 70px;
}

.self-guide-n-wrap {
    font-size: 16px;
}
.self-guide-n-wrap + .self-guide-c-wrap,
.self-guide-c-wrap + .self-guide-c-wrap {
    margin-top: 30px;
}

.self-guide-list > li.self_set_width_01 {
    width: 34%;
}
.self-guide-list > li.self_set_width_02 {
    width: 66%;
}
.self_set_width_03 {
    position: absolute;
    left: 27.3%;
    top: 7.4%;
}
.self_set_width_04 {
    position: absolute;
    left: 27.6%;
    top: 6.7%;
}
.bbs-view-body .guide-subject2 {
    margin-bottom: 50px;
    font-size: 24px;
    color: #ed174d;
    text-align: center;
}
.self_new_bg_gray {
    padding-top: 90px;
    padding-bottom: 80px;
    background-color: #f3f3f3;
}

/* 피해예방 게이트 */
.section-protect .container {
    text-align: center;
}
.section-protect .container.upper {
    margin-top: -34px;
}
.section-protect .container.downer {
    background-color: #f0f1f2;
}
.section-protect .wrap {
    margin: 0 auto;
    width: 1160px;
    text-align: left;
}
.section-protect .title-gate {
    margin: 110px auto 40px;
    padding: 0;
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: -0.03em;
    line-height: 1.2;
}
.section-protect .upper .list {
    margin: 0 -6px;
}
.section-protect .upper .module {
    margin: 6px 6px;
    border: solid 1px #d2d2d2;
    border-radius: 3px;
    overflow: hidden;
    transition: all 0.2s ease-in-out 0s;
}
.section-protect .upper .module:hover {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}

.section-protect .upper .module a {
    display: table;
    position: relative;
    width: 100%;
    height: 113px;
    text-align: left;
}
.section-protect .upper .module span {
    display: table-cell;
    vertical-align: middle;
    padding-left: 100px;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    text-align: left;
    line-height: 1.3;
}
.section-protect .upper .module {
    background-image: url("/front/web/images/content/ico_protect_01.png");
    background-position: left center;
    background-size: 102px 110px;
    background-repeat: no-repeat;
}
.section-protect .upper .wrap.nth-1 .nth-2 .module {
    background-image: url("/front/web/images/content/ico_protect_02.png");
}
.section-protect .upper .wrap.nth-1 .nth-3 .module {
    background-image: url("/front/web/images/content/ico_protect_03.png");
}
.section-protect .upper .wrap.nth-1 .nth-4 .module {
    background-image: url("/front/web/images/content/ico_protect_04.png");
}
.section-protect .upper .wrap.nth-1 .nth-5 .module {
    background-image: url("/front/web/images/content/ico_protect_05.png");
}
.section-protect .upper .wrap.nth-2 .nth-1 .module {
    background-image: url("/front/web/images/content/ico_protect_06.png");
}
.section-protect .upper .wrap.nth-2 .nth-2 .module {
    background-image: url("/front/web/images/content/ico_protect_07.png");
}
.section-protect .upper .wrap.nth-2 .nth-3 .module {
    background-image: url("/front/web/images/content/ico_protect_08.png");
}
.section-protect .upper .wrap.nth-2 .nth-4 .module {
    background-image: url("/front/web/images/content/ico_protect_09.png");
}
.section-protect .upper .wrap.nth-2 .nth-5 .module {
    background-image: url("/front/web/images/content/ico_protect_10.png");
}
.section-protect .upper .wrap.nth-2 .nth-6 .module {
    background-image: url("/front/web/images/content/ico_protect_11.png");
}
.section-protect .upper .wrap.nth-2 .nth-7 .module {
    background-image: url("/front/web/images/content/ico_protect_12.png");
}
.section-protect .upper .wrap.nth-2 .nth-8 .module {
    background-image: url("/front/web/images/content/ico_protect_13.png");
}
.section-protect .upper .wrap.nth-2 .nth-9 .module {
    background-image: url("/front/web/images/content/ico_protect_14.png");
}
.section-protect .upper .wrap.nth-3 .nth-1 .module {
    background-image: url("/front/web/images/content/ico_protect_15.png");
}
.section-protect .upper .wrap.nth-3 .nth-2 .module {
    background-image: url("/front/web/images/content/ico_protect_16.png");
}
.section-protect .upper .wrap.nth-3 .nth-3 .module {
    background-image: url("/front/web/images/content/ico_protect_17.png");
}
.section-protect .upper .wrap.nth-3 .nth-4 .module {
    background-image: url("/front/web/images/content/ico_protect_18.png");
}
.section-protect .upper .wrap.nth-3 .nth-5 .module {
    background-image: url("/front/web/images/content/ico_protect_19.png");
}
.section-protect .upper .wrap.nth-4 .nth-1 .module {
    background-image: url("/front/web/images/content/ico_protect_20.png");
}
.section-protect .upper .wrap.nth-4 .nth-2 .module {
    background-image: url("/front/web/images/content/ico_protect_20.png");
}
.section-protect .upper .wrap.nth-4 .nth-3 .module {
    background-image: url("/front/web/images/content/ico_protect_20.png");
}
.section-protect .downer {
    margin-top: 114px;
}
.section-protect .downer .wrap {
    padding: 94px 0 180px;
}
.section-protect .downer .title-gate {
    margin: 0 auto 57px;
}
.section-protect .downer .list {
    border-top: solid 1px #d2d2d2;
}
.section-protect .downer .list {
    border-bottom: solid 1px #d2d2d2;
}
.section-protect .downer .item {
    border-bottom: solid 1px #d2d2d2;
}
.section-protect .downer .item.nth-10 {
    border-bottom: 0;
}
.section-protect .downer .module {
    margin: 0;
}
.section-protect .downer .module a {
    display: block;
}
.section-protect .downer .module a {
    background-image: url("/front/web/images/content/ico_protect_link_go.png");
    background-size: 36px 36px;
    background-repeat: no-repeat;
    background-position: right center;
}
.section-protect .downer .module span {
    display: block;
    padding-left: 26px;
    height: 80px;
    line-height: 77px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

.self-img-col > div {
    display: inline-block;
    width: 31%;
    margin-right: 20px;
}
.self-img-col > div:last-child {
    margin-right: 0;
}
.ml30-self {
    margin-left: 30px;
}
/*헬로 이용팁- 알뜰폰과 인터넷의 조합!헬로비전은 가능해요!*/
.bbs-suggest-divider.ch_240409 {
    margin-top: 100px;
    margin-bottom: 92px;
}
.title-navy {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.3px;
    display: inline-block;
    color: #1c2545;
    border-bottom: 3px solid #1c2545;
    line-height: 1.5;
}
.title-round-navy {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    display: inline-block;
    color: #fff;
    background-color: #1c2545;
    border-radius: 30px;
    padding: 15px 30px 13px;
}
/*.btn-navy-oft {background-image: url(/front/web/images/open/ch_20240409_btn_navy.png);display: inline-block;color: #fff;width: 450px;line-height: 90px;}*/
.btn-navy-oft {
    background: #1c2545;
    display: inline-block;
    color: #fff;
    width: 450px;
    line-height: 88px;
    font-size: 24px;
    font-weight: 700;
    padding-top: 2px;
    letter-spacing: -0.4px;
}
.btn-navy-oft span {
    position: relative;
    display: inline-block;
    margin: 0 auto;
}
.btn-navy-oft span:after {
    position: absolute;
    content: "";
    top: 36px;
    right: -33px;
    display: inline-block;
    width: 13px;
    height: 17px;
    background-image: url(/front/web/images/open/ch_20240409_btn_arr.png);
}
.size-sm-black {
    font-size: 20px;
    font-weight: 500;
    line-height: 34px;
    color: #000;
}
.size-xl-black {
    font-size: 32px;
    font-weight: 500;
    line-height: 42px;
    color: #000;
    letter-spacing: -1px;
}