@charset "utf-8";
.section-content {padding:var(--space-100) 0 var(--space-200); background:#EBF4FF;}

.category-title {display:flex; gap:8px; align-items:center;}
.category-title img {height:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px);}
.category-title h2 {font-size:var(--font-size-24); font-weight:800; color:var(--color-bk); line-height:1.3em;}
.category-title .desc {flex:1; text-align:right; color:#868686;}

.filter-options {margin-top:var(--space-30); display:flex; gap:var(--space-24); align-items:center;}
.filter-options .item {display:flex; gap:var(--space-8); align-items:center;}
.filter-options .item span {font-size:var(--font-size-20); font-weight:500; color:var(--color-bk);}

.slide-wrap {margin-top:var(--space-60);}
.card-slider .slick-track {margin-left:0;}
.card-slider .slick-list {margin:0 -15px;}
.card-slider .slick-slide {padding:var(--space-20) 15px;}

.card-slider .item .plan-details {padding:var(--space-35) var(--space-40); background-color:#fff; border-radius:16px; width:100%; height:100%; border:none; text-align:left; outline:none; transition:all 0.2s ease;}
.card-slider .item .plan-details.active {box-shadow:0px 4px 16px 0px rgba(40, 119, 205, 0.25);}
.card-slider .item .plan-details .plan-type {margin-bottom:5px; color:var(--color-primary); font-size:var(--font-size-20); font-weight:700; letter-spacing:-.03em;}
.card-slider .item .plan-details .plan-speed {margin-bottom:var(--space-25); color:#121212; font-size:var(--font-size-36); font-weight:800; letter-spacing:-.03em; line-height:1.2em;}
.card-slider .item .plan-details .inner-flex {display:flex; align-items:flex-end; justify-content:space-between;}

.card-slider .item .plan-details .plan-feature {flex:1; color:#868686; font-weight:500; font-size:var(--font-size-20); line-height:1.2em;}
.card-slider .item .plan-details .plan-price {display:flex; align-items:flex-end; /* flex:1; */ text-align:right; font-weight:800; font-size:var(--font-size-22); letter-spacing:-.03em; color:#121212;}
.card-slider .item .plan-details .plan-price strong {padding:0 5px; line-height:0.85em; font-size:var(--font-size-38); font-weight:800; letter-spacing:-.03em; color:var(--color-primary);}

.card-slider .slick-arrow {width:clamp(22px, calc( 34 / var(--inner) * 100vw ), 34px); height:clamp(22px, calc( 34 / var(--inner) * 100vw ), 34px); position:absolute; top:50%; transform:translateY(-50%); z-index:20; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.card-slider .slick-prev {left:-50px; background-image:url("../images/sub/slide-prev.png");}
.card-slider .slick-next {right:-50px; background-image:url("../images/sub/slide-next.png");}

.calculate {height:210px; margin-top:-105px; padding:var(--space-60) var(--space-100); border-radius:24px; display:flex; justify-content:space-between; align-items:center; background-color:var(--color-primary); color:#fff;}
.calculate .tit_wrap .tit {font-size:var(--font-size-36); font-weight:800; line-height:1.3em; letter-spacing:-.03em;}
.calculate .tit_wrap .txt {margin-top:7px; font-size:var(--font-size-20); font-weight:500; line-height:1.7em; letter-spacing:-.03em;}
.calculate .result_wrap {display:flex; gap:var(--space-30); align-items:center;}
.calculate .result {gap:var(--space-25); display:flex; align-items:flex-end;}
.calculate .result .cash {display:flex; gap:12px; font-size:var(--font-size-20); font-weight:700;}
.calculate .result .discount {display:flex; flex-direction:column; gap:7px; text-align:right; line-height:2em;}
.calculate .result .discount .before {opacity:.5; font-weight:700; line-height:1.2em;}
.calculate .result .discount .after {font-size:var(--font-size-40); font-weight:800; line-height:1em;}
.calculate .result .discount .after .num {font-size:var(--font-size-46);}
.calculate button {width:185px; height:68px; font-size:var(--font-size-20); gap:10px; font-weight:700; border:1px solid #fff; border-radius:50px; background-color:transparent; display:flex; align-items:center; justify-content:center; padding:10px; color:#fff;}

.table_list_wrap {margin-top:var(--space-150);}
.table_list {margin-bottom:var(--space-80);}
/* .table_list:last-child {margin-bottom:0;} */

.table_list .table_wrap {margin-top:var(--space-30); border:1px solid #ddd;}
.table_list table {font-size:var(--font-size-20); width:100%; border-collapse:collapse; border-style:hidden; text-align:center;}
.table_list table thead tr th {padding:18px 0; background-color:#EBF4FF; border:1px solid #ddd; font-weight:700; line-height:1.4em; color:var(--color-bk);}
.table_list table td {padding:18px 0; border:1px solid #ddd; font-weight:500; line-height:1.4em;}
.table_list table .bg_gray {background-color:#FAFAFA; font-weight:700; color:var(--color-bk);}
.table_list table .point {margin-top:10px; padding:5px 15px; font-size:var(--font-size-16); display:inline-block; background-color:#e6f2ff; border-radius:10px; line-height:1.5em; color:var(--color-primary);}
.table_list table .txt_blue {font-weight:600; color:var(--color-primary);}
.table_list table .txt_semi {font-weight:700; color:var(--color-bk);}
.table_list table .txt_medium {font-weight:500; color:var(--color-bk);}
.table_list table .txt_gray {display:block; font-weight:400; line-height:1.3em; color:#868686; font-size:var(--font-size-16);}

.chk-wrap {display:flex; height:44px; align-items:center; gap:var(--space-30);}

.inq-wide {display:flex; align-items:center; justify-content:center; height:95vh; background:url('/images/sub/inq-wide.jpg') 50% 50% / cover no-repeat;}
.inq-inner {padding:var(--space-50) var(--space-25); border-radius:20px; text-align:center; flex-direction:column; background-color:#fff; display:flex; align-items:center; justify-content:center;}
.inq-tit .ico img {height:clamp(40px, calc( 66 / var(--inner) * 100vw ), 66px);}
.inq-tit p {margin-top:var(--space-25); font-weight:700; font-size:var(--font-size-20); line-height:1.4em; letter-spacing:-.03em;}
.inq-tit p strong {color:var(--color-primary);}

.inq-wide .form-agree {margin:var(--space-30) 0 var(--space-20);}
.inq-wide .check {margin:0 !important;}
.inq-wide .item {margin-top:10px;}
.inq-wide .input {border-radius:5px; width:100%;}
.inq-wide .buttons {margin:var(--space-30) 0 0;}
.inq-wide .btn-pack.large {min-width:clamp(120px, calc( 160 / var(--inner) * 100vw ), 160px); height:clamp(46px, calc( 60 / var(--inner) * 100vw ), 60px); line-height:clamp(44px, calc( 58 / var(--inner) * 100vw ), 58px); border-radius:30px; font-size:var(--font-size-16); font-weight:600;}