@charset "utf-8";

/*공통*/
.doc-cnt {margin-bottom:var(--80px);}
.doc-cnt:last-child {margin-bottom:0;}

.sub-cont {padding-top:var(--80px); padding-bottom:var(--80px);}
.sub-cont:last-child {padding-bottom:0;}

.bg-gray {position:relative;}
.bg-gray:before {content:''; position:absolute; left:50%; top:0; width:100vw; height:100%; background:#f2f2f2; transform:translateX(-50%); z-index:-1;}

.doc-tit {margin-bottom:var(--70px); position:relative; padding-bottom:0.67em; text-align:center; font-size:var(--f36); font-weight:700; line-height:1.3em; letter-spacing:-0.03em; color:#222;}
.doc-tit:before {content:''; position:absolute; width:100px; height:5px; left:50%; margin-left:-50px; bottom:0; background:linear-gradient(to right, #c9161e 50%, #000 50%);}
.doc-tit.type2 {color:#fff;}
.doc-tit.type2:before {background:linear-gradient(to right, #c9161e 50%, #555 50%);}

/* 폰트 */
.font-g {font-family:'GmarketSans',sans-serif;}
.font-p {font-family:'Pretendard',sans-serif;}

/* 색상 */
.txt-white {color:#fff !important;}
.txt-red {color:#ec1b23 !important;}
.txt-dark {color:#000 !important;}

.table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #868686;}

/* 헤더 있는 표 */
.table01 table {width:100%; border-collapse:collapse; border-spacing:0px; line-height:1.5em; letter-spacing:-0.03em; border-top:2px solid #000; border-bottom:1px solid #ebebeb; text-align:center;}
.table01 table th {font-size:var(--f20); height:58px; border:1px solid #ebebeb; background:#f2f2f2; color:#333;}
.table01 table td {padding:12px 20px; height:57px; border:1px solid #ebebeb;}
.table01 tr th:first-child,
.table01 tr td:first-child {border-left:0;}
.table01 tr th:last-child,
.table01 tr td:last-child {border-right:0;}
.table01 tr:last-child th {border-bottom:0;}

/* 헤더 배경 있는 표 */
.table02 table {width:100%; border-collapse:collapse; border-spacing:0px; line-height:1.5em; letter-spacing:-0.03em; border-bottom:1px solid #ebebeb; text-align:center;}
.table02 table th {font-size:var(--f20); height:58px; background:#414141; color:#fff;}
.table02 table td {padding:12px 20px; height:57px; border:1px solid #ebebeb;}
.table02 tr th:first-child,
.table02 tr td:first-child {border-left:0;}
.table02 tr th:last-child,
.table02 tr td:last-child {border-right:0;}
.table02 tr:last-child th {border-bottom:0;}

/* 서브 상단 비주얼 */
.top-visual {position:relative; padding-bottom:var(--110px); background-repeat:no-repeat; background-size:cover; background-position:top 130px center;}
.top-visual .bg {height:450px; padding:160px 100px; background-repeat:no-repeat; background-size:cover; background-position:50% 50%; border-radius:60px;}
.top-visual .bg .tit {font-size:var(--f46); font-weight:700; line-height:1.4em; letter-spacing:-0.03em; color:#fff;}
.top-visual .bg .txt {font-size:var(--f24); font-weight:700; line-height:1.4em; letter-spacing:-0.03em; color:#fff;}
.top-visual.sv1 {background-image:url('../images/sub/sv-bg01.jpg');}
.top-visual.sv1 .bg {background-image:url('../images/sub/sv1.jpg');}

.top-visual.sv2 {background-image:url('../images/sub/sv-bg02.jpg');}
.top-visual.sv2 .bg {background-image:url('../images/sub/sv2.jpg');}

.top-visual.sv3 {background-image:url('../images/sub/sv-bg03.jpg');}
.top-visual.sv3 .bg {background-image:url('../images/sub/sv3.jpg');}

.top-visual.sv4 {background-image:url('../images/sub/sv-bg04.jpg');}
.top-visual.sv4 .bg {background-image:url('../images/sub/sv4.jpg');}


/* 서브 상단 탭 버튼 */
.menu-tab {position:relative; margin-top:-90px;}
.menu-tab ul {display:flex; justify-content:center; margin:0 -9px;}
.menu-tab ul li {width:25%; max-width:258px; padding:0 9px;}
.menu-tab ul li a {position:relative; display:block; height:160px; padding:24px 35px; border-radius:var(--30px); box-shadow:var(--box-shadow); background-color:#221e1f; background-position:left 35px bottom 20px; background-repeat:no-repeat;}
.menu-tab ul li a:before {content:''; position:absolute; width:40px; height:40px; right:23px; bottom:20px; background:url('../images/sub/icon-arrow.png') no-repeat 50% 50%; background-size:contain;}
.menu-tab ul li.active a,
.menu-tab ul li a:hover {background-color:#ca161f;}
.menu-tab ul li.cate1 a {background-image:url('../images/sub/icon-menu-01.png');}
.menu-tab ul li.cate2 a {background-image:url('../images/sub/icon-menu-02.png');}
.menu-tab ul li.cate3 a {background-image:url('../images/sub/icon-menu-03.png');}
.menu-tab ul li.cate4 a {background-image:url('../images/sub/icon-menu-04.png');}
.menu-tab ul li.cate5 a {background-image:url('../images/sub/icon-menu-05.png');}
.menu-tab ul li.cate6 a {background-image:url('../images/sub/icon-menu-06.png');}
.menu-tab ul li.cate7 a {background-image:url('../images/sub/icon-menu-07.png');}
.menu-tab ul li.cate8 a {background-image:url('../images/sub/icon-menu-08.png');}
.menu-tab ul li.cate9 a {background-image:url('../images/sub/icon-menu-09.png');}
.menu-tab ul li.cate10 a {background-image:url('../images/sub/icon-menu-10.png');}
.menu-tab ul li.cate11 a {background-image:url('../images/sub/icon-menu-11.png');}
.menu-tab ul li.cate12 a {background-image:url('../images/sub/icon-menu-12.png');}
.menu-tab ul li.cate13 a {background-image:url('../images/sub/icon-menu-13.png');}

.menu-tab ul li .tit {margin-bottom:7px; font-size:var(--f21); font-weight:700; line-height:1.4em; letter-spacing:-0.03em; color:#fff;}
.menu-tab ul li .txt {font-size:14px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#fff;}

/* 이런분들께 추천합니다 */
.recomend-area {padding-bottom:230px; margin-bottom:0;}
.recomend-area ul {display:flex; flex-wrap:wrap; margin:0 -26px -70px;}
.recomend-area ul li {width:33.333%; padding:0 26px; margin-bottom:70px; text-align:center;}
.recomend-area ul li .img {position:relative; margin-bottom:15px; border-radius:10px; overflow:hidden;}
.recomend-area ul li .img img {width:100%;}
.recomend-area ul li .tit {position:absolute; padding:20px 10px; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.7); font-size:var(--f20); font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#fff;}
.recomend-area ul li .txt {font-weight:500; letter-spacing:-0.03em; line-height:1.6em;}

.recomend-area.type2 {padding-bottom:130px;}
.recomend-area.type2 ul {margin:0 -6px -70px;}
.recomend-area.type2 ul li {padding:0 6px; width:25%;}

.recomend-area.type3 {padding-bottom:0;}
.recomend-area.type3 ul {display:block; margin:0;}
.recomend-area.type3 ul li {padding:0; width:100%;}
.recomend-area.type3 ul li .img {display:inline-block; margin-left:auto; margin-right:auto;}
.recomend-area.type3 ul li .img img {width:auto; display:block;}

/* 상담신청 */
.contact-banner {position:relative; padding:0 150px; margin-top:-40px;}
.contact-banner:before {content:''; position:absolute; width:100vw; height:85%; left:50%; bottom:0; transform:translateX(-50%); background:url('../images/sub/banner-bg01.png') no-repeat 50% 50%; background-size:cover; z-index:-1;}
.contact-banner .cnt {display:flex; align-items:flex-end;}
.contact-banner .txt-wrap {padding-left:80px; flex:1 1 auto; min-width:0; width:1%; display:flex; align-items:center; padding-bottom:50px;}
.contact-banner .txt-wrap .in {flex:1 1 auto; min-width:0; width:1%;}
.contact-banner .txt-wrap .tt {margin-bottom:var(--30px); font-size:var(--f40); font-weight:600; line-height:1.2em; letter-spacing:-0.08em; color:#f7f7f7;}
.contact-banner .txt-wrap .tel {position:relative; padding-left:77px; font-family:'GmarketSans',sans-serif; font-size:var(--f50); font-weight:700; line-height:1em; letter-spacing:-0.03em; color:#ed4120;}
.contact-banner .txt-wrap .tel:before {content:''; position:absolute; width:46px; height:48px; background:url('../images/sub/icon-banner-tel.png') no-repeat 50% 50%; background-size:contain; left:0; top:0;}
.contact-banner .txt-wrap .btn a {display:inline-block; position:relative; padding:17px 38px 17px 73px; font-size:var(--f24); font-weight:600; line-height:1em; letter-spacing:-0.03em; color:#fff; border:1px solid #fff; border-radius:100vh;}
.contact-banner .txt-wrap .btn a:before {content:''; position:absolute; width:22px; height:22px; background:url('../images/sub/icon-banner-btn.png') no-repeat 50% 50%; left:38px; top:50%; margin-top:-11px; background-size:contain;}

/* 견적 예시 */
.estimate-area .group {margin-bottom:10px;}
.estimate-area .group:last-child {margin-bottom:0;}
.estimate-area .txt {display:flex; height:200px; align-items:center;}
.estimate-area .txt .left {display:flex; align-items:center; justify-content:center; width:30%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:50% 50%; font-size:var(--f26); font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#fff;}
.estimate-area .txt .left img {display:inline-block; margin-right:10px;}
.estimate-area .txt .right {display:flex; padding:30px 110px; align-items:center; justify-content:center; flex:1 1 auto; min-width:0; width:1%; background:#f2f2f2; height:100%; text-align:center;}

/* 키폰 - 기능 */
.function {padding-bottom:var(--100px);}
.function ul {display:flex; margin:0 -12px;}
.function ul li {width:25%; padding:0 12px;}
.function ul li .in {padding:25px; border-radius:23px; height:100%; border:1px solid #ccc;}
.function ul li .icon {margin-bottom:25px;}
.function ul li .tit {margin-bottom:12px; font-size:var(--f20); font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#000;}
.function ul li .tit span {color:#ee4121;}
.function ul li .txt {font-weight:500; line-height:1.5em; letter-spacing:-0.05em; color:#888;}

/* 기업키폰 */
.key-phone .dc1 {padding-top:var(--50px); margin-bottom:0;}
.key-phone .dc1 .doc-tit {margin-bottom:var(--120px);}

/* 모델 */
.model-area {position:relative; padding-bottom:120px;}
.model-area:before {content:''; position:absolute; width:100vw; height:100%; left:50%; top:0; transform:translateX(-50%); background:url('../images/sub/model-bg.jpg') no-repeat 50% 50%; background-size:cover; z-index:-1;}
.model-area .wrap {display:flex; margin:0 -12px;}
.model-area .box {width:25%; padding:0 12px; position:relative;}
.model-area .box .img {margin-bottom:26px;}
.model-area .box .in {padding-left:15px;}
.model-area .box .tit {margin-bottom:13px; font-size:var(--f20); font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#fff;}
.model-area .box .info span {display:inline-block; padding:7px 14px; font-size:13px; font-weight:600; line-height:1em; letter-spacing:-0.03em; color:#fff; margin-right:6px; border-radius:100vh;}
.model-area .box .info span:last-child {margin-right:0;}
.model-area .box .info span.cate {background:#c9161e;}
.model-area .box .info span.speed {background:#454545;}
.model-area .box .btn {position:relative; margin-top:-28px; cursor:pointer; text-align:right;}
.model-area .box .btn span {display:inline-block; padding:5px 17px; border:1px solid #fff; font-size:14px; font-weight:500; line-height:1em; letter-spacing:-0.03em; color:#fff; border-radius:100vh;}
.model-area .box .detail {padding-top:25px; display:none;}
.model-area .box .detail ul li {position:relative; padding-left:15px; font-weight:400; letter-spacing:-0.03em; color:#ccc;}
.model-area .box .detail ul li:before {content:''; position:absolute; width:3px; height:3px; background:#c9161e; left:0; top:0.69em;}

/* 요금제 안내 */
.tariff .group {margin-bottom:var(--40px);}
.tariff .group:last-child {margin-bottom:0;}
.tariff .group-tit {padding-left:10px; margin-bottom:10px; font-size:var(--f24); font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#020303;}
.tariff .rec {position:relative;}
.tariff .rec:before {content:''; position:absolute; width:71px; height:72px; background:url('../images/sub/icon-suggest.png') no-repeat 50% 50%; background-size:contain; left:-95px; top:50%; margin-top:-36px;}
.tariff .ex {position:relative; line-height:1.2em;}
.tariff .ex:before {content:''; position:absolute; width:calc(100% + 14px); height:100%; left:-7px; background:url('../images/sub/icon-ex.png') no-repeat 50% 50%; background-size:contain;}
.tariff .pink-box {background:#f6969a; color:#fff;}
.tariff .pink-line {display:flex; align-items:center; justify-content:center; height:100%; width:100%; position:relative;}
.tariff .pink-line:before {content:''; position:absolute; width:100%; height:1000%; top:5px; left:0; border:1px solid #f6969a;}

.table-cap {margin-top:20px; margin-bottom:25px; padding-left:16px; line-height:1.8em; letter-spacing:-0.03em; text-align:left;}
.table-cap:last-child {margin-bottom:0;}

/* 최종할인 */
.total-discount .tit {margin-bottom:var(--20px); text-align:center; font-size:var(--f30); font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#000;}
.total-discount .tit strong {display:inline-block; vertical-align:text-bottom; margin:0 20px; line-height:1em; font-family:'GmarketSans',sans-serif; font-size:1.67em; color:#ed4120;}
.total-discount table {border-top:0; text-align:center;}
.total-discount table thead th {padding:18px 10px; background:#c9161e; color:#fff; font-size:1.25em; font-weight:700; letter-spacing:-0.03em;}
.total-discount table tbody th {font-size:1.25em; font-weight:700; letter-spacing:-0.03em; color:#555; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb;}
.total-discount table td {height:70px; padding:10px; border-bottom:1px solid #ebebeb;}
.total-discount table td strong {font-size:1.13em; font-weight:600;}
.total-discount .em {font-size:1.5em; color:#c9161e; font-weight:700;}
.total-discount table tbody tr:last-child td,
.total-discount table tbody tr:last-child th {border-bottom:0;}

/* 주요기능 */
.main-fn ul {display:flex; flex-wrap:wrap; margin:-11px -12px}
.main-fn ul li {width:25%; padding:11px 12px;}
.main-fn ul li .in {min-height:260px; padding:25px 10px 20px 30px; background:#fff; border:1px solid #ccc; border-radius:23px; height:100%;}
.main-fn ul li .icon {margin-bottom:var(--35px);}
.main-fn ul li .tit {margin-bottom:8px; font-size:var(--f20); font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#000;}
.main-fn ul li .txt {font-weight:500; line-height:1.5em; letter-spacing:-0.05em; color:#888;}

.main-fn .wrap:first-child {margin-top:0;}
.main-fn .wrap {margin-top:var(--80px);}
.main-fn .wrap .col {margin-bottom:var(--80px); text-align:center;}
.main-fn .wrap .col:last-child {margin-bottom:0;}
.main-fn .wrap .col-tit {position:relative; margin-bottom:20px; padding-bottom:15px; font-size:var(--f24); font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#000;}
.main-fn .wrap .col-tit:before {content:''; position:absolute; width:40px; height:4px; background:#ca161f; left:50%; bottom:0; margin-left:-20px;}
.main-fn .wrap .col-txt {margin-bottom:24px; font-weight:400; letter-spacing:-0.03em; line-height:1.8em;}

.main-fn.type2 ul {margin:-26px -20px;}
.main-fn.type2 ul li {width:33.333%; text-align:center; padding:26px 20px;}
.main-fn.type2 ul li .in {padding:40px 10px;}
.main-fn.type2 ul li .tit {font-size:var(--f24);}
.main-fn.type2 ul li .txt {color:#555;}

/* 부가서비스 */
.extra-service {position:relative;}
.extra-service:before {content:''; position:absolute; width:100vw; height:100%; left:50%; bottom:0; transform:translateX(-50%); background:url('../images/sub/extra-service-bg.jpg') no-repeat center bottom; background-size:cover; z-index:-1;}
.extra-service:after {content:''; position:absolute; width:100vw; height:100%; left:50%; bottom:0; transform:translateX(-50%); background:url('../images/sub/extra-service-icon.png') no-repeat right bottom; background-size:contain; z-index:-1;}
.extra-service .wrap {padding:0 145px;}
.extra-service .col {display:flex; margin-bottom:var(--30px);}
.extra-service .col:last-child {margin-bottom:0;}
.extra-service .icon {margin-right:13px;}
.extra-service .cnt {flex:1 1 auto; min-width:0; width:1%; padding-top:10px;}
.extra-service .cnt .tt {margin-bottom:8px; font-size:var(--f22); font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#fff;}
.extra-service .cnt .tx {line-height:1.6em; font-weight:400; letter-spacing:-0.03em; color:#fff;}

.extra-service.type2 {padding-bottom:var(--130px);}
.extra-service.type2:before {background-image:url('../images/sub/extra-service-bg02.jpg');}
.extra-service.type2 .wrap {display:flex; flex-wrap:wrap; margin-bottom:calc(0px - var(--50px));}
.extra-service.type2 .wrap .col {width:50%; margin-bottom:var(--50px);}

/* 가이드라인 */
.guideline ul {display:flex; margin:0 -26px;}
.guideline ul li {width:33.333%; padding:0 26px; text-align:center;}
.guideline ul li .in {height:100%; padding:45px 10px 30px 10px; background:#fff; border:1px solid #ccc; border-radius:20px;}
.guideline ul li .icon {margin-bottom:var(--30px);}
.guideline ul li .tit {margin-bottom:10px; font-size:var(--f24); font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#000;}
.guideline ul li .tit strong {font-size:1.67em; font-weight:900;}
.guideline ul li .txt {font-weight:500; line-height:1.5em; letter-spacing:-0.03em;}

/* 지역번호 */
.national-num-cate .wrap {margin-bottom:26px;}
.national-num-cate .wrap ul {display:flex; margin:-12px;}
.national-num-cate .wrap ul li {width:20%; padding:12px;}
.national-num-cate .cnt {display:flex; margin:0 -12px;}
.national-num-cate .cnt .box {width:33.333%; padding:0 12px;}
.national-num-cate .cnt .box .img {border-radius:var(--20px); overflow:hidden; margin-bottom:14px;}
.national-num-cate .cnt .box .info {border-radius:var(--20px); padding:33px 10px; background:#f2f2f2; text-align:center;}
.national-num-cate .cnt .box .info span {display:inline-block; padding:7px; font-size:var(--f24); font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#555;}

.quote-box {text-align:center; margin-top:var(--130px); margin-bottom:var(--50px);}
.quote-box p {font-size:var(--f20); font-weight:500; line-height:1.8em; letter-spacing:-0.03em; color:#222}
.quote-box p span {display:inline-block;  position:relative;}
.quote-box p span:before {content:''; position:absolute; width:31px; height:28px; top:-25px; background-repeat:no-repeat; background-size:contain; background-position:50% 50%;}
.quote-box p .quote-left:before {background-image:url('../images/sub/quote-left.png'); left:-50px;}
.quote-box p .quote-right:before {background-image:url('../images/sub/quote-right.png'); right:-50px;}

.quote-box.type2 {margin-top:var(--80px); margin-bottom:0;}
.quote-box.type2 p {color:#fff;}
.quote-box.type2 p .quote-left:before {background-image:url('../images/sub/quote-left02.png');}
.quote-box.type2 p .quote-right:before {background-image:url('../images/sub/quote-right02.png');}

.quote-box.type3 {margin-top:0; margin-bottom:var(--70px);}
.quote-box.type3 p {color:#333; font-weight:700;}
.quote-box.type3 p span:before {width:24px; height:19px;}
.quote-box.type3 p .quote-left:before {background-image:url('../images/sub/quote-left03.png');}
.quote-box.type3 p .quote-right:before {background-image:url('../images/sub/quote-right03.png');}

.national-num-cate .advantage ul {display:flex; margin:-11px;}
.national-num-cate .advantage ul li {position:relative; width:25%; padding:11px;}
.national-num-cate .advantage ul li:before {content:''; position:absolute; width:56px; height:56px; right:-28px; top:50%; margin-top:-28px; background:url('../images/sub/icon-plus.png') no-repeat 50% 50% #ddd; border-radius:100%; z-index:1;}
.national-num-cate .advantage ul li:last-child:before {display:none;}
.national-num-cate .advantage ul li .in {display:flex; align-items:center; justify-content:center; text-align:center; height:256px; border:6px solid #ddd; border-radius:var(--60px); font-size:var(--f20); font-weight:700; line-height:1.5em; letter-spacing:-0.03em; color:#333;}

.national-num-cate .advantage ul li:nth-child(1) .in {border-color:#c9161e;}
.national-num-cate .advantage ul li:nth-child(1):before {background-color:#ec1b23;}
.national-num-cate .advantage ul li:nth-child(2) .in {border-color:#ed4120;}
.national-num-cate .advantage ul li:nth-child(2):before {background-color:#e76031;}
.national-num-cate .advantage ul li:nth-child(3) .in {border-color:#e76031;}
.national-num-cate .advantage ul li:nth-child(3):before {background-color:#ed4120;}
.national-num-cate .advantage ul li:nth-child(4) .in {border-color:#ec1b23;}

.ad-check-btn:last-child {margin-bottom:0;}
.ad-check-btn {text-align:center; margin-top:var(--60px); margin-bottom:var(--130px);}
.ad-check-btn a {padding:18px 33px; border:1px solid #555; border-radius:100vh; display:inline-block; font-size:var(--f24); font-weight:700; line-height:1em; letter-spacing:-0.03em;}
.ad-check-btn a span {position:relative; margin-left:13px; padding-left:35px; font-family:'GmarketSans',sans-serif; letter-spacing:-0.04em; font-size:1.25em; color:#ec1b23;}
.ad-check-btn a span:before {content:''; position:absolute; width:23px; height:24px; background:url('../images/common/icon-tel.png') no-repeat 50% 50%; background-size:contain; left:0; top:50%; margin-top:-15px;}

.national-num-cate .offer-list {margin-bottom:var(--60px);}
.national-num-cate .offer-list ul {display:flex; margin:0 -25px;}
.national-num-cate .offer-list ul li {position:relative; width:20%; padding:0 25px;}
.national-num-cate .offer-list ul li:before {content:''; position:absolute; width:19px; height:18px; background:url('../images/sub/icon-plus-dark.png') no-repeat 50% 50%; background-size:contain; right:-9px; top:50%; margin-top:-9px;}
.national-num-cate .offer-list ul li:last-child:before {display:none;}
.national-num-cate .offer-list p {margin-top:var(--60px); font-size:var(--f36); font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#333; text-align:center;}

/* 개통프로세스 */
.opening-process ul {display:flex; margin:0 -49px;}
.opening-process ul li {position:relative; width:20%; padding:0 49px;}
.opening-process ul li:before {content:''; position:absolute; width:38px; height:35px; right:-19px; top:50%; margin-top:-12.5px; background:url('../images/sub/icon-arrow02.png') no-repeat 50% 50%; background-size:contain;}
.opening-process ul li:last-child:before {display:none;}

/* 기타 */
.etc-advantage {position:relative; padding:100px 0;}
.etc-advantage:before {content:''; position:absolute; width:100vw; height:100%; left:50%; transform:translateX(-50%); top:0; background:url('../images/sub/etc-advantage-bg.jpg') no-repeat 50% 50%; background-size:cover; z-index:-1;}
.etc-advantage ul {display:flex; justify-content:center;}
.etc-advantage ul li {padding:0 25px; text-align:center;}
.etc-advantage ul li .icon {margin-bottom:18px;}
.etc-advantage ul li .tit {margin-bottom:12px; font-size:var(--f22); font-weight:800; color:#ffd41e; letter-spacing:-0.03em;}
.etc-advantage ul li .txt {font-weight:400; letter-spacing:-0.03em; color:#ffd41e; letter-spacing:-0.03em;}

.safty-list ul {display:flex; justify-content:center;}
.safty-list ul li {padding:0 25px; text-align:center;}
.safty-list ul li .img {margin-bottom:15px;}
.safty-list ul li .tit {margin-bottom:8px; font-size:var(--f18); font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#333;}
.safty-list ul li .txt {line-height:1.5em; font-weight:400; letter-spacing:-0.03em; color:#555;}

.i-guard {text-align:center;}
.i-guard .tit {margin:44px auto 20px auto; padding:13px; width:100%; max-width:700px; border-radius:100vh; font-size:var(--f36); font-weight:700; line-height:1em; letter-spacing:-0.03em; color:#fff; background:#000;}
.i-guard .txt {margin-bottom:var(--120px); font-weight:400; line-height:1.6em; letter-spacing:-0.03em;}
.i-guard .wrap {display:flex; margin:0 -20px;}
.i-guard .box {width:50%; padding:0 20px;}
.i-guard .in {border:1px solid #ccc; height:100%; border-radius:var(--30px); padding:30px 80px;}
.i-guard .in p {margin-bottom:var(--65px); font-size:var(--f24); font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#222;}
.i-guard .in ul {display:flex; flex-wrap:wrap; margin-bottom:-45px;}
.i-guard .in ul li {width:50%; padding:0 10px; margin-bottom:45px;}
.i-guard .in ul li .icon {margin-bottom:14px;}
.i-guard .in ul li .tt {margin-bottom:5px; font-size:var(--f20); font-weight:600; line-height:1em; letter-spacing:-0.03em; color:#333;}
.i-guard .in ul li .tx {font-weight:400; line-height:1.3em; letter-spacing:-0.03em; color:#555;}

.kt-advantage ul {display:flex; margin:0 -37px;}
.kt-advantage ul li {width:25%; padding:0 37px;}
.kt-advantage .img {margin-top:var(--65px);}