@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(../images/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:nth-child(9) a {color: #bbb;}
.mobile-keypad-body li.key.on:nth-child(9) a {color:#ed174d;}
.mobile-keypad-body li.key:nth-child(9) a:hover {color:#ed174d;}
/* .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 .2s ease-in-out 0s; }
.section-protect .upper .module:hover { box-shadow: 5px 5px 10px rgba(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;}
/*키패드수정*/
.mobile-keypad-body li { width: 33.33%; }
.mobile-keypad-body li:nth-child(3n+1) { width: 33.33%; }
/*셀프해결가이드 추가*/
.self-guide-list.re>li.self_set_width_01 { width: 17%}
.self-guide-list.re>li.self_set_width_02 { width: 77%;}
.self-guide-list.re3>li.self_set_width_01 { width: 23%}
.self-guide-list.re3>li.self_set_width_02 { width: 77%;}
.self-guide-list.remocon>li {width: 46%;}
.self-guide-list.remocon>li .guide-tmb.height293 {height: 338px; overflow: hidden;}
.self-guide-list.remocon>li .guide-tmb.height293 img {margin-top: -90px;width: 451px;}
.self-guide-list.remocon>li .guide-tmb.height338 img {height: 338px;}
.self-guide-list-pad {padding: 0 56px;}
/*.self-guide-list.remocon .guide-tmb {width: 335px;}*/
.guide-tmb.remocon-font-12 a{display: inline-block; width: 22%;}
.g-layout-wrap.ipsettop .g-layout2 {padding-left: 40px;}
.g-cont4.b5:before {bottom: 5px;}
/*ars키패드수정*/
.key.memo {position: static;}
.key.memo>a>.tooltip {position: absolute;top: 0; left: 0;}
.key.memo>a>.tooltip .btn-help {background-image:none;width: 110px;height: 110px;}
.key.memo>a>.tooltip .btn-help:hover, .key.memo>a>.tooltip .btn-help:focus {background-image: none;}
.key.memo>a>.tooltip .desc {bottom: 63px; right: -36px; width: 179px;}

.title-round-black {font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    display: inline-block;
    color: #fff;
    background-color: #000;
    border-radius: 30px;
    padding: 15px 30px 13px;}

/* 안전한 이용가이드 */
.tab-guide-wrap {margin-top:-30px}
.tab-list.tab-guide {margin-bottom:40px;border-collapse:collapse;border-bottom: transparent;font-size:18px;line-height:1.3;word-break:keep-all;overflow:hidden;}
.tab-list.tab-guide:after {display:block; clear:both; content:'';}
.tab-list.tab-guide li {display:table-cell;float:none;margin:0;border:transparent;vertical-align:middle;color:#767676;background:#F2F3F5;border-radius:0 0 0 20px;}
.tab-list.tab-guide li:nth-child(even) {border-radius: 0 0 20px 0;}
.tab-list.tab-guide li h2, .tab-list li h3 { font-weight: inherit; font-size: inherit; }
.tab-list.tab-guide li a {display:table; width:100%; text-decoration:none;}
.tab-list.tab-guide li a span {display:table-cell; width:1%; height:68px; padding:0 45px;font-weight: 400;font-size: 16px;text-align:center; vertical-align:middle;}
.tab-list.tab-guide li:nth-child(1) a span {text-align: right;}
.tab-list.tab-guide li:nth-child(2) a span {text-align: left;}
.tab-list.tab-guide li.on {border: transparent;color:#E6174E;}
.tab-list.tab-guide li.on a span {padding-top:0;border-top: 0;font-weight:500;}

.guide-inner {position: relative;width:1160px; margin: 0 auto;}
.guide-inner .guide-link-wrap {width: 1160px;overflow: hidden;}
.guide-inner .guide-link-wrap .cont-guide {position: relative;float: left;background:#fff;width: 580px;height:110px;border-bottom: 1px solid #E7E7E7;padding: 30px 60px 30px 0;}
.guide-inner .guide-link-wrap .cont-guide:nth-child(2n) {padding-right: 0}
.guide-inner .guide-link-wrap .cont-guide span {font-weight: 400;font-size: 16px;line-height: 24px;letter-spacing: -0.02em;color: #000;display: inline-block;margin-top: 15px;}
.guide-inner .guide-link-wrap .cont-guide a{float: right ;width:180px;height: 50px;background: #E6174E;border-radius: 10px;color: #FFFFFF;font-weight: 700;font-size: 14px;
line-height: 50px;text-align: center;}

.webtoon-inner {position: relative;width:1160px; margin: 0 15px;overflow: hidden;padding-top: 30px;}
.webtoon-inner .webtoon-link-wrap {width: 1160px;overflow: visible;}
.webtoon-inner .webtoon-link-wrap li {position: relative;float: left;background:#fff;width: 200px;height:220px;border: 1px solid #d6d6d6;border-radius: 20px;padding: 0;box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.05);border-radius: 20px;margin: 0 30px 35px 0;overflow: hidden;}
.webtoon-inner .webtoon-link-wrap li:nth-child(5n) {margin-right: 0}
.webtoon-inner .webtoon-link-wrap li div {display: flex;justify-content: center;height: 66px;padding: 0 10px;align-items: center;font-weight: 400;font-size: 13px;line-height:20px;letter-spacing: -0.02em;color: #000;}
.webtoon-inner .webtoon-link-wrap li a{float: right;text-align: center;}
.webtoon-inner .webtoon-link-wrap li .toon{width: 200px;height: 150px;background-size: cover;background-repeat: no-repeat;background-color: #fff;background-position: center center;background-image: url(/front/web/images/selfguide/img_toon_01.png);border-bottom: 2px solid #d6d6d6;}
.webtoon-inner .webtoon-link-wrap li:nth-child(2) .toon{background-image: url(/front/web/images/selfguide/img_toon_02.png);}
.webtoon-inner .webtoon-link-wrap li:nth-child(3) .toon{background-image: url(/front/web/images/selfguide/img_toon_03.png);}
.webtoon-inner .webtoon-link-wrap li:nth-child(4) .toon{background-image: url(/front/web/images/selfguide/img_toon_04.png);}
.webtoon-inner .webtoon-link-wrap li:nth-child(5) .toon{background-image: url(/front/web/images/selfguide/img_toon_05.png);}
.webtoon-inner .webtoon-link-wrap li:nth-child(6) .toon{background-image: url(/front/web/images/selfguide/img_toon_06.png);}
.webtoon-inner .webtoon-link-wrap li:nth-child(7) .toon{background-image: url(/front/web/images/selfguide/img_toon_07.png);}
.webtoon-inner .webtoon-link-wrap li:nth-child(8) .toon{background-image: url(/front/web/images/selfguide/img_toon_08.png);}
.webtoon-inner .webtoon-link-wrap li:nth-child(9) .toon{background-image: url(/front/web/images/selfguide/img_toon_09.png);}
.webtoon-inner .webtoon-link-wrap li:nth-child(10) .toon{background-image: url(/front/web/images/selfguide/img_toon_10.png);}
.webtoon-inner .webtoon-link-wrap li:nth-child(11) .toon{background-image: url(/front/web/images/selfguide/img_toon_11.png);}
.webtoon-inner .webtoon-link-wrap li:nth-child(12) .toon{background-image: url(/front/web/images/selfguide/img_toon_12.png);}
.webtoon-inner .webtoon-link-wrap li:nth-child(13) .toon{background-image: url(/front/web/images/selfguide/img_toon_13.png);}
.webtoon-inner .webtoon-link-wrap li:nth-child(14) .toon{background-image: url(/front/web/images/selfguide/img_toon_14.png);}
.webtoon-inner .webtoon-link-wrap li:nth-child(15) .toon{background-image: url(/front/web/images/selfguide/img_toon_15.png);}
.webtoon-inner .webtoon-link-wrap li:nth-child(16) .toon{background-image: url(/front/web/images/selfguide/img_toon_16.png);}
.webtoon-inner .webtoon-link-wrap li:nth-child(17) .toon{background-image: url(/front/web/images/selfguide/img_toon_17.png);}
.webtoon-inner .webtoon-link-wrap li:nth-child(18) .toon{background-image: url(/front/web/images/selfguide/img_toon_18.png);}
.webtoon-inner .webtoon-link-wrap li:nth-child(19) .toon{background-image: url(/front/web/images/selfguide/img_toon_19.png);}
.webtoon-inner .webtoon-link-wrap li:nth-child(20) .toon{background-image: url(/front/web/images/selfguide/img_toon_20.png);}
.webtoon-inner .webtoon-link-wrap li:nth-child(21) .toon{background-image: url(/front/web/images/selfguide/img_toon_21.png);}
.webtoon-inner .webtoon-link-wrap li:nth-child(22) .toon{background-image: url(/front/web/images/selfguide/img_toon_22.png);}
.webtoon-inner .webtoon-link-wrap li:nth-child(23) .toon{background-image: url(/front/web/images/selfguide/img_toon_23.png);}
.webtoon-inner .webtoon-link-wrap li:nth-child(24) .toon{background-image: url(/front/web/images/selfguide/img_toon_24.png);}
.webtoon-inner .webtoon-link-wrap li:nth-child(25) .toon{background-image: url(/front/web/images/selfguide/img_toon_25.png);}
.webtoon-inner .webtoon-link-wrap li:nth-child(26) .toon{background-image: url(/front/web/images/selfguide/img_toon_26.png);}
.webtoon-inner .webtoon-link-wrap li:nth-child(27) .toon{background-image: url(/front/web/images/selfguide/img_toon_27.png);}
.webtoon-inner .webtoon-link-wrap li:nth-child(28) .toon{background-image: url(/front/web/images/selfguide/img_toon_28.png);}

.module-faqs.safe-guide {padding:0;}
.module-faqs.safe-guide {background-color:#fff;background-image:none;}
.module-faqs.safe-guide .list-item {border: 1px solid #E8E8E8;box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.05);border-radius: 20px;}
.module-faqs.safe-guide .list-item.in {margin: 12px 0;box-shadow: 6px 6px 16px 0px rgba(84, 93, 104, 0.2);}
.module-faqs.safe-guide .list-item .head a {display: block;position: relative;padding: 27px 0 26px 52px;margin-bottom:0;}
.module-faqs.safe-guide .list-item .head a::before {display: block;content: '';}
.module-faqs.safe-guide .list-item.in .head a {margin-bottom:0;}
.module-faqs.safe-guide .list-item .safe-guide-inner {background: #F2F3F5; border-radius: 20px;padding:40px 40px;margin: 0 0 20px;}