@charset "utf-8";


/* 2022-11-16 재편 */
/* 공통 */
#tbizHeader {border-bottom:0;}
.mainNew * {font-family: 'Noto Sans KR', sans-serif;}
.mainNew h2.title-new {color:#000; letter-spacing: -1.3px; margin:0 0 50px; font-size: 26px; line-height: 1; text-align: center;}
.mainNew a:hover {text-decoration: none;}
.mainCon {overflow:hidden; position:relative;}

/* floating banner */
.mainCon .floating {position:absolute; z-index:70; right:73px; top:112px;}
.mainCon .floating > a {display:block;}
.mainCon .floating button {overflow:hidden; position:absolute; right:-11px; top:-11px; border:0; width:24px; height:24px; color:transparent; text-indent:-999px; background:url("/cs/images/combine/main/btn_floating_close.png") no-repeat 0 0;}


/* 메인 배너 슬라이드 */
.mainNew .main-banner {width:1180px; height:390px; margin:0 auto 70px; position:relative; overflow:hidden;}
.mainNew .main-slider .item {height:100%; height:390px; border-radius: 10px; padding:103px 60px 0; color:#000; box-sizing: border-box; background:no-repeat 0 0/1180px;}
.mainNew .main-slider .item > strong {display:block; font-size: 38px; font-weight: 600; line-height: 48px; letter-spacing: -1.9px;}
.mainNew .main-slider .item > p {font-size: 20px; font-weight: 400; letter-spacing: -1px; margin:18px 0 40px; line-height:30px;}
.mainNew .main-slider .item > a {font-size: 16px; font-weight: 400; letter-spacing: -0.8px; display:flex; width:120px; height:40px; border:1px solid #666; align-items: center; justify-content: center; color:#000; /*line-height:40px;*/}
.mainNew .main-slider .item > span {font-size: 12px; font-weight: 300; letter-spacing: -0.6px; display:block; margin:60px 0 0;}
.mainNew .main-slider .item > em {font-size: 18px; font-weight: 400; font-style: normal; line-height: 27px; display: block; margin: -15px 0 10px;}
.mainNew .main-slider .item > strong + a{margin-top:40px;}
	/* 배너 타이틀 - 화이트 */
.mainNew .main-slider .item.font-white {color:#fff;}
.mainNew .main-slider .item.font-white > a {color:#fff; border-color:#fff;}
	/* 배너 타이틀 - 투명  */
.mainNew .main-slider .item.font-trans > strong {color:transparent;}
	/* 배너 설명 2줄 */
.mainNew .main-slider .item.desc-two {padding-top:78px;}

	/* 슬라이드 컨트롤러 */
.mainNew .main-banner .bx-controls {position:absolute; bottom:40px; right:52px; z-index:100; background:rgba(0, 0, 0, .4); width:110px; height:34px; border-radius: 50px;}
.mainNew .main-banner .bx-controls a {font-size:0; display:block; position:absolute;}
.mainNew .main-banner .bx-controls .bx-pager {color:#fff; font-size: 13px; position:absolute; right:28px; top:8px; font-weight: 200; letter-spacing: 3.5px;}
.mainNew .main-banner .bx-controls-auto a {width:10px; height:12px; top:11px; left:16px;}
.mainNew .main-banner .bx-controls-auto .bx-stop {background:url("/cs/images/combine/main/new2022ver/btn-pause.png") no-repeat;}
.mainNew .main-banner .bx-controls-auto .bx-start {background:url("/cs/images/combine/main/new2022ver/btn-play.png") no-repeat; display:none;}
.mainNew .main-banner .bx-controls-direction .bx-prev {width:6px; height:10px; background:url("/cs/images/combine/main/new2022ver/btn-prev-w.png") no-repeat; top:12px; left:38px;}
.mainNew .main-banner .bx-controls-direction .bx-next {width:6px; height:10px; background:url("/cs/images/combine/main/new2022ver/btn-next-w.png") no-repeat; top:12px; right:15px;}



/* 추천 요금제 슬라이드 */
.mainNew .reco-plan {width:1180px; margin:0 auto 50px; position: relative;}
.mainNew .reco-plan h2.title-new {text-align: left; margin:0 0 16px;}
.mainNew .reco-plan .tail-txt {font-size: 14px; color:#666; letter-spacing: -0.7px; font-weight: 300; position:absolute; top:10px; right:0;}
.mainNew .reco-slide {border-radius: 10px; border:1px solid #e6e6e6; height:440px; box-sizing: border-box;}
.mainNew .reco-slide .item > dl {overflow: hidden; width:100%; height:440px;}
.mainNew .reco-slide .item > dl > * {box-sizing: border-box;}

	/* 왼쪽 요금제 설명 */
.mainNew .reco-slide .item > dl > dt {float:left; width:440px; background: #f5f5f5; height:calc(100% - 2px); padding:60px; border-radius: 11px 0 0 11px;}
.mainNew .reco-slide .item > dl > dt > h3 {font-size: 28px; color:#3617ce; letter-spacing: -1.4px; line-height: 1;}
.mainNew .reco-slide .item > dl > dt > p {font-size: 16px; color:#666; font-weight: 300; margin:15px 0 25px; line-height:27px; height:54px;}
.mainNew .reco-slide .item ol.row3 {display: flex; margin:0 0 50px;}
.mainNew .reco-slide .item ol.row3 > li {width:100px; height: 120px; border-radius: 20px; box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.06); margin-right:10px; text-align: center; background: #fff no-repeat center 32px/36px; font-weight: 400; color:#666; padding-top:80px; box-sizing: border-box; font-size: 16px}
.mainNew .reco-slide .item ol.row3 > li.data {background-image: url("/cs/images/combine/main/new2022ver/ico-data.png"); background-position: center 28px;}
.mainNew .reco-slide .item ol.row3 > li.call {background-image: url("/cs/images/combine/main/new2022ver/ico-call.png"); background-position: center 28px; background-size: 38px;}
.mainNew .reco-slide .item ol.row3 > li.sms {background-image: url("/cs/images/combine/main/new2022ver/ico-sms.png");}
.mainNew .reco-slide .item ol.row3 > li.vod {background-image: url("/cs/images/combine/main/new2022ver/ico-vod.png");}
.mainNew .reco-slide .item ol.row3 > li.user {background-image: url("/cs/images/combine/main/new2022ver/ico-user.png");}
.mainNew .reco-slide .item > dl > dt > strong > a {color:#000; font-size: 24px; letter-spacing: -1.2px; background: url("/cs/images/combine/main/new2022ver/arrow-reco-rightBig.png") no-repeat right top 12px; padding-right:18px;}
.mainNew .reco-slide .item > dl > dt > strong > a > span {color:#3617ce;}

	/* 오른쪽 요금제 리스트 */
.mainNew .reco-slide .item > dl > dd {float:right; /*width:calc(100% - 540px); height:calc(440px / 3);*/ width:640px; height:147px; margin:0 50px; border-bottom:1px solid #e6e6e6; padding:50px 0; position:relative;}
.mainNew .reco-slide .item > dl > dd a {display: block;}
.mainNew .reco-slide .item > dl > dd h4 {color:#000; font-size: 20px;}
.mainNew .reco-slide .item > dl > dd p {color:#666; font-size: 16px; letter-spacing: -0.8px; font-weight: 300; margin:15px 0 0;}
.mainNew .reco-slide .item > dl > dd .arrow {font-size: 20px; font-weight: 600; color:#000; background:url("/cs/images/combine/main/new2022ver/arrow-reco-right.png") no-repeat right center; padding-right:14px; position:absolute; top:67px; right:0;}
.mainNew .reco-slide .item > dl > dd .arrow > em {font-style: normal; color:#3617ce;}

	/* 슬라이드 컨트롤러 */
.mainNew .reco-plan .bx-controls {text-align:right;}
.mainNew .reco-plan .bx-controls a {font-size:0; display:block; position:absolute; bottom:3px;}
.mainNew .reco-plan .bx-controls .bx-pager {color:#000; font-size: 14px; font-weight: 300; letter-spacing: 3.5px; margin: 20px 0 0; padding-right:12px;}
.mainNew .reco-plan .bx-controls-direction .bx-prev {width:6px; height:10px; background:url("/cs/images/combine/main/new2022ver/btn-prev-b.png") no-repeat; right:50px;}
.mainNew .reco-plan .bx-controls-direction .bx-next {width:6px; height:10px; background:url("/cs/images/combine/main/new2022ver/btn-next-b.png") no-repeat; right:0;}



/* 법인폰 개인 인증 */
.mainNew .confirm-area {width:1180px; margin:50px auto 100px; border-bottom:1px solid #ccc; padding:60px 0 50px; background:url("/cs/images/combine/main/new2022ver/img-confirm.png") no-repeat bottom right/689px;}
.mainNew .confirm-area h2.title-new {font-size: 34px; text-align: left; font-weight: 300; letter-spacing: -1.7px; line-height: 48px; margin:0;}
.mainNew .confirm-area p {font-size: 18px; font-weight: 300; letter-spacing: -0.9px; line-height: 30px; margin:20px 0 40px;}
.mainNew .confirm-area .btn-type {display:inline-block; width:230px; height:60px; text-align: center; line-height: 60px; border-radius: 50px; font-size: 18px; font-weight: 400;}
.mainNew .confirm-area .btn-type._ui01 {background:#000; color:#fff; margin-right:4px;}
.mainNew .confirm-area .btn-type._ui02 {border:1px solid #000; color:#000; margin-left:4px;}



/* 법인 회선 고객센터 이용 안내 */
.mainNew .csinfo-wrap {background:#f7f7f7; width:100%; overflow: hidden; margin:0 0 120px;}
.mainNew .csinfo-wrap > .inner {width:1180px; margin:80px auto 0;}

	/* 카드 메뉴 */
.mainNew .csinfo-wrap .link-list {display: flex; flex-wrap:wrap; justify-content: space-between; padding:0 0 25px;}
.mainNew .csinfo-wrap .link-list > li {height:220px; width:370px; background: url("/cs/images/combine/main/new2022ver/ico-link-arrow.png") no-repeat top 20px right 20px #fff; margin-bottom:35px; border-radius:20px; transition: .2s all; border:2px solid #fff; will-change: transform;}
.mainNew .csinfo-wrap .link-list > li:hover {border:2px solid #3617ce;}
.mainNew .csinfo-wrap .link-list > li > a {display:flex; align-items: center; height:100%; width:100%; box-sizing: border-box; padding-left:40px;}
.mainNew .csinfo-wrap .link-list > li .ico {display:inline-block; background:#f2f2f2 no-repeat center/38px; border-radius: 50%; height:74px; width:74px; font-size:0; transition: all .2s;}
.mainNew .csinfo-wrap .link-list > li .txt {font-weight: 400; font-size: 20px; line-height: 29px; color:#000; margin-left:30px;}
.mainNew .csinfo-wrap .link-list > li:first-child .ico {background-image:url("/cs/images/combine/main/new2022ver/ico-info-01.png"); background-size: 32px;}
.mainNew .csinfo-wrap .link-list > li:first-child:hover .ico {background-image:url("/cs/images/combine/main/new2022ver/ico-info-01-on.png"); background-size: 32px;}
.mainNew .csinfo-wrap .link-list > li:nth-child(2) .ico {background-image:url("/cs/images/combine/main/new2022ver/ico-info-02.png");}
.mainNew .csinfo-wrap .link-list > li:nth-child(2):hover .ico {background-image:url("/cs/images/combine/main/new2022ver/ico-info-02-on.png");}
.mainNew .csinfo-wrap .link-list > li:nth-child(3) .ico {background-image:url("/cs/images/combine/main/new2022ver/ico-info-03.png");}
.mainNew .csinfo-wrap .link-list > li:nth-child(3):hover .ico {background-image:url("/cs/images/combine/main/new2022ver/ico-info-03-on.png");}
.mainNew .csinfo-wrap .link-list > li:nth-child(4) .ico {background-image:url("/cs/images/combine/main/new2022ver/ico-info-04.png"); background-size: 34px;}
.mainNew .csinfo-wrap .link-list > li:nth-child(4):hover .ico {background-image:url("/cs/images/combine/main/new2022ver/ico-info-04-on.png"); background-size: 34px;}
.mainNew .csinfo-wrap .link-list > li:nth-child(5) .ico {background-image:url("/cs/images/combine/main/new2022ver/ico-info-05.png");}
.mainNew .csinfo-wrap .link-list > li:nth-child(5):hover .ico {background-image:url("/cs/images/combine/main/new2022ver/ico-info-05-on.png");}
.mainNew .csinfo-wrap .link-list > li:last-child .ico {background-image:url("/cs/images/combine/main/new2022ver/ico-info-06.png");}
.mainNew .csinfo-wrap .link-list > li:last-child:hover .ico {background-image:url("/cs/images/combine/main/new2022ver/ico-info-06-on.png");}

	/* 구매 상담 신청 */
.mainNew .csinfo-wrap .ask-wrap {width:100%; height:154px; background:url("/cs/images/combine/main/new2022ver/bg-ask.png") no-repeat left 32px bottom #4d48d1; border-radius: 20px 20px 0 0; display:flex; align-items: center; justify-content: space-between;}
.mainNew .csinfo-wrap .ask-wrap > p {color:#fff; font-size: 22px; line-height: 36px; letter-spacing: -1.1px; font-weight: 300; margin-left:312px;}
.mainNew .csinfo-wrap .ask-wrap > a {font-size: 18px; font-weight: 700; background:#fff; border-radius: 50px; padding:10px 32px 10px; color:#3617ce; display:inline-block; line-height: 20px; text-align: center; margin-right:40px;}
.mainNew .csinfo-wrap .ask-wrap > a span {display:block; font-size:14px; font-weight:500;}



/* 서치, 퀵 메뉴 */
.mainNew .search-quick {width:1180px; margin:0 auto 240px;}
	/* 검색 인풋 영역 */
.mainNew .search-wrap {width:100%; background:#e6e6e6; padding:35px 0;}
.mainNew .search-wrap > ul {display:flex; justify-content: space-between; margin:0 auto; width:680px; height:70px; background:#fff;}
.mainNew .search-wrap > ul > li:first-child {width:calc(100% - 66px);}
.mainNew .search-wrap > ul > li > input {width:100%; border:0; height:70px; padding:0 20px; box-sizing: border-box; font-size: 24px; letter-spacing: -1.2px; color:#000; font-weight: 400;}
.mainNew .search-wrap > ul > li > input::placeholder {color:#777;}
.mainNew .search-wrap > ul > li:last-child {width:66px;}
.mainNew .search-wrap > ul > li:last-child > a {display:block; background:url("/cs/images/combine/main/new2022ver/ico-search.png") no-repeat center; width:66px; height:70px;}

	/* 카드 메뉴 */
.mainNew .quick-ui01 {margin:30px 0; display:flex; justify-content: space-between;}
.mainNew .quick-ui01 > li {width:370px; height:160px; border:1px solid #e6e6e6; border-radius: 10px; padding:32px 0 0 105px; box-sizing: border-box; background: no-repeat 30px 30px/44px;}
.mainNew .quick-ui01 > li > a {display:block;}
.mainNew .quick-ui01 > li > a > strong {font-size: 20px; color:#000;}
.mainNew .quick-ui01 > li > a > p {color:#666; font-size: 16px; letter-spacing: -0.8px; font-weight: 300; margin:15px 0 0; line-height:24px;}
.mainNew .quick-ui01 > li:first-child {background-image: url("/cs/images/combine/main/new2022ver/ico-quick-01.png");}
.mainNew .quick-ui01 > li:nth-child(2) {background-image: url("/cs/images/combine/main/new2022ver/ico-quick-02.png");}
.mainNew .quick-ui01 > li:last-child {background-image: url("/cs/images/combine/main/new2022ver/ico-quick-03.png"); background-size: 42px;}

	/* 공지사항 영역 */
.mainNew .notice-area {width:100%; border:1px solid #e6e6e6; border-radius: 10px; height:63px; color:#000; display:flex; padding:0 40px; font-size: 16px; box-sizing: border-box; margin:0 0 100px; align-items: center; /*line-height:63px;*/}
.mainNew .notice-area > a {font-weight: 300; margin-left:40px; color:#000;}

	/* 문의 영역 */
.mainNew .quick-ui02 {display:flex; justify-content:space-between;}
.mainNew .quick-ui02 > li {width:570px; border-radius:10px; background:#efeff8 url("/cs/images/combine/main/new2022ver/bg-call.png?v=230213") no-repeat 420px 106px;}
.mainNew .quick-ui02 > li a,
.mainNew .quick-ui02 > li > div {display:block; position:relative; width:570px; height:240px; padding:35px 48px; box-sizing:border-box; color:#000;}
.mainNew .quick-ui02 > li p {font-size:20px; font-weight:300; line-height:29px; margin:0 0 27px;}
.mainNew .quick-ui02 > li strong {display:block; position:relative; font-size:26px; letter-spacing:-1.3px; line-height:1; margin:0 0 20px;}
.mainNew .quick-ui02 > li .float {position:absolute; top:25px; right:25px; font-size:14px; font-weight:200; color:#666;}
.mainNew .quick-ui02 > li:first-child strong::before {content:''; display:inline-block; width:24px; height:24px; margin-right:5px; background:url("/cs/images/combine/main/new2022ver/ico-tel.png") no-repeat;}
.mainNew .quick-ui02 > li:last-child {background-image:url("/cs/images/combine/main/new2022ver/bg-inquiry.png?v=230213"); background-position:388px 124px}
.mainNew .quick-ui02 > li:last-child strong {font-size:24px; letter-spacing:-1.2px;}
.mainNew .quick-ui02 > li:last-child strong::after {content:''; display:inline-block; width:9px; height:15px; margin:0 0 4px 5px; vertical-align:middle; background:url("/cs/images/combine/main/new2022ver/arrow-inqu-right.png") no-repeat 50% 50%; border-radius:4px;}

/* 2024-04-08 수정 */
.mainNew .ask-new {width: 1180px; margin: 0 auto 70px; position: relative;}
.mainNew .ask-new h2.title-new {text-align: left; margin: 0 0 20px; letter-spacing: -1.3px;}
.mainNew .ask-new .tail-txt {font-size: 16px; color: #666; letter-spacing: -0.8px; font-weight: 300; position: absolute; top: 5px; right: 0;}
.mainNew .ask-new .ask-wrap {width:100%; height:260px; background:url("/cs/images/combine/main/bg-ask-new.jpg") no-repeat; text-align: center;}
.mainNew .ask-new .ask-wrap p {font-size: 16px; color: #fff; padding-top: 40px;}
.mainNew .ask-new .ask-wrap p b {font-size: 20px;line-height: 1.6;margin: 4px 0 16px; display: inline-block;}
.mainNew .ask-new .ask-wrap p strong {font-size: 30px;line-height: 1.5; display: inline-block;}
.mainNew .ask-new .ask-wrap a {color: #000; font-size: 16px; display: flex; justify-content: center; align-items: center; background-color: #fff; border-radius: 3px; width: 205px; height: 50px; margin: 24px auto;}
/* //2024-04-08 수정 */