@charset "UTF-8";
.contentWrap { padding-top: 91px; position: relative; width: auto; color: #000; }
.contentWrap * { box-sizing: border-box; word-break: keep-all; }
.device-wrap, .plan-wrap { position: relative; min-width: 1160px; background-color: #fff; color: #000; }
label { cursor: pointer; }
.plan-wrap > section { overflow: hidden; position: relative; color: #000; }

/* 공통  */
h1.title { font-weight: 700; font-size: 46px; line-height: 54px; }
section .title-wrap { margin: 0 auto; width: 1160px; }
section .title-wrap h2.title { font-weight: 700; font-size: 32px; line-height: 42px; }
section .container { display: flex; align-items: center; justify-content: space-between; align-items: flex-start; width: 1160px; margin: 0 auto; }
.tab-menu-contents-wrap { position: relative; }
.tab-menu-contents-wrap > .tab-contents { display: none; }
.tab-menu-contents-wrap > .tab-contents.show { display: block; }
.line-tab { display: flex; align-items: center; gap: 40px }
.line-tab li { font-weight: 500; font-size: 16px; line-height: 24px; color: #AEB0B7; position: relative; padding-bottom: 6px; cursor: pointer; overflow: hidden; }
.line-tab li:hover { color: #5B5E67; }
.line-tab li.active { color: #000; }
.line-tab li::after { content: ""; display: block; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; background-color: #000; transform: scaleX(0); transform-origin: left; transition: transform 0.6s ease; }
.line-tab li.active::after { transform: scaleX(1); }
input[type="radio"], input[type="checkbox"] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
input[disabled] + label { opacity: 0.5; pointer-events: none; filter: grayscale(30%) brightness(90%); }

/*  버튼  */
.round-btn { display: inline-block; text-align: center; font-weight: 600; font-size: 18px; letter-spacing: -0.4px; border-radius: 30px; background-color: #fff; color: #000; }
.round-btn:hover { background-color: #F6F7F9; }
.round-btn.large { min-width: 286px; height: 54px; line-height: 54px; }
.round-btn.medium { min-width: 170px; height: 48px; line-height: 48px; }
.round-btn.small { min-width: 140px; height: 38px; border-radius: 48px; font-size: 14px; line-height: 38px; letter-spacing: -0.1px; }
.round-btn.blk { background-color: #000; color: #fff; border-color: #000; }
.round-btn.blk:hover { background-color: #5B5E67; border-color: #5B5E67; }
.round-btn.gr { background-color: #F0F1F4; color: #000; border-color: #F0F1F4; }
.round-btn.gr:hover { background-color: #E8E9ED; }
.round-btn:disabled { background-color: rgba(255, 255, 255, 0.5); }
.round-btn.blk:disabled { background-color: rgba(25, 25, 26, 0.5); }
.round-btn.gr:disabled { background-color: rgba(240, 241, 244, 0.5); }

/*  검색창 */
.search-wrap { position: fixed; left: 50%; transform: translateX(-50%); bottom: 10px; width: 300px; height: 54px; margin: 0 auto; padding: 0 10px 0 25px; display: flex; align-items: center; gap: 4px; background: linear-gradient(90deg, #9933FF 0%, #5533FF 100%); border-radius: 55px; z-index: 10; transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1); }
.search-wrap:hover { background: linear-gradient(90deg, #660AC2 0%, #290AC2 100%); }
.search-wrap::after { content: ""; position: absolute; inset: 0; background: linear-gradient(98.41deg, #C8B8FF 10.3%, rgba(255, 255, 255, 0) 91.07%); padding: 2px; border-radius: 40px; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; background-clip: padding-box; pointer-events: none; }
.search-wrap input::placeholder { color: #fff; font-weight: 700; }
.search-wrap input {width: 225px; border: 0; background-color: transparent; font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #fff; outline: none; }
.search-wrap .clear-btn { width: 18px; height: 18px; background: url(/web/images/global/icn_search_delete.png) center center no-repeat; background-size: 100%; display: none; border: none; cursor: pointer; }
.search-wrap.active { width: 354px; height: 64px; background: rgba(255, 255, 255, 0.8); }
.search-wrap.refresh { width: 300px; height: 54px; }
.search-wrap.active input::placeholder { color: #787C87; font-weight: 500; }
.search-wrap.active::after { background: linear-gradient(90deg, #9933FF 0%, #5533FF 100%); }
.search-wrap.active input { color: #000; width: 255px; }
.search-wrap .search-btn, .search-wrap .refresh-btn { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; background-color: transparent; border-radius: 50%; }
.search-wrap .search-btn img { width: 18px; height: 18px; object-fit: cover; }
.search-wrap.active .search-btn, .search-wrap.active .refresh-btn { background-color: #000; position: absolute; right: 10px; }

/*  서치 박스  */
.finder-box .radio-box { display: flex; align-items: center; gap: 20px; margin-bottom: 28px; }
.finder-box .radio-box .title { font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; }
.finder-box .radio-wrap .btn-radio:not(:last-child) { margin-right: 12px; }
.finder-box .radio-wrap .btn-radio label { display: inline-flex; align-items: center; gap: 10px; font-weight: 400; font-size: 15px; line-height: 22px; letter-spacing: -0.3px; }
.finder-box .radio-wrap .btn-radio label::before { content: ""; display: block; width: 20px; height: 20px; background-color: #fff; border: 1px solid #CDCFD6; border-radius: 50%; }
.finder-box .radio-wrap .btn-radio input[type="radio"]:checked + label::before { border: 1px solid #9933FF; box-shadow: inset 0 0 0 6px #9933FF; }
.finder-list { display: flex; align-items: center; gap: 12px; }

/*  필터  */
.filter-box { color: #fff; width: 290px; padding: 0 6px; height: 100%; position: sticky; top: 20px; max-height : calc(-30px + 100vh); overflow: hidden scroll; scrollbar-width:none}
.filter-box::-webkit-scrollbar {width: 0;}
.filter-box .filter-header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; border-bottom: 1px solid #fff; }
.filter-box .filter-header .reset-box button { color: #969898; display: flex; align-items: center; justify-content: flex-start; gap: 1px; }
.filter-box .filter-content .filter-wrap .filter-list { padding: 30px 0; border-bottom: 1px solid #F5F5F5; }
.filter-box .filter-content .filter-wrap .filter-list:first-child { padding: 0 0 30px; }
.filter-box .filter-content .filter-wrap .filter-list:last-of-type { border-color: #fff; }
.filter-box .filter-content .filter-wrap .filter-list .category_name { font-weight: 600; font-size: 16px; line-height: 24px; color: #19191A; margin-bottom: 12px; }
.filter-box .filter-content .filter-wrap .filter-list .options-wrap { display: flex; align-items: center; align-items: flex-start; flex-wrap: wrap; gap: 8px 6px; }
.filter-box .filter-content .filter-wrap .filter-list .options-wrap .option { position: relative; }
.filter-box .filter-content .filter-wrap .filter-list .desc-list { height: 26px; }
.filter-box .filter-content .filter-wrap .filter-list .desc-list li { padding-top: 12px; display: none; font-weight: 500; font-size: 14px; line-height: 14px; color: #85868A; list-style: disc; }
.filter-box .filter-content .filter-wrap .filter-list .desc-list li.show { display: block; }
.filter-box .filter-content .filter-wrap .filter-list .options-wrap label { display: inline-block; padding: 6px 12px; background-color: #F2F4F7; border-radius: 10px; cursor: pointer; transition: all 0.3s; font-size: 14px; color: #787C87; }
.filter-box .filter-content .filter-wrap .filter-list .options-wrap label:hover { color: #787C87; background-color: #E8E9ED; }
.filter-box .filter-content .filter-wrap .filter-list .options-wrap input[type="radio"]:checked + label, .filter-box .filter-content .filter-wrap .filter-list .options-wrap input[type="checkbox"]:checked + label { background-color: #9933FF; color: #fff; }
.filter-box .button-wrap { display: flex; align-items: center; justify-content: space-between; }
.filter-box .button-wrap button { font-weight: 600; font-size: 16px; line-height: 14px; text-align: center; }
.filter-box .button-wrap .reset-box button { display: flex; align-items: center; justify-content: center; gap: 2px; width: 104px; height: 46px; line-height: 46px; border-radius: 30px; background-color: #F0F2F5; color: #757575; }
.filter-box .button-wrap .reset-box button img { width: 18px; height: 18px; object-fit: cover; }
.filter-box .button-wrap .search-box button { width: 172px; height: 46px; line-height: 46px; border-radius: 30px; background-color: #19191A; color: #fff; }
.filter-box .button-wrap .reset-box button:hover { background-color: #E8E9ED; }
.filter-box .button-wrap .search-box button:hover { background-color: #5B5E67; }
.filter-box .range-wrap { width: 100%; margin: 0 auto; position: relative; padding: 12px 0 0 0; }
.filter-box .slider-container { position: relative; height: 40px; }
.filter-box .range-input { position: absolute; pointer-events: none; -webkit-appearance: none; width: 100%; height: 40px; background: none; z-index: 3; }

/* 핸들 스타일 */
.filter-box .range-input::-webkit-slider-thumb { pointer-events: all; width: 20px; height: 20px; border-radius: 4px; background: url('/web/images/global/icn_btn_scroll.png'); box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.1); -webkit-appearance: none; cursor: pointer; }
.filter-box .range-input::-moz-range-thumb { pointer-events: all; width: 24px; height: 24px; border-radius: 4px; background: url('/web/images/global/icn_btn_scroll.png'); box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1); cursor: pointer; }

/* 트랙 */
.filter-box .slider-track { position: absolute; height: 6px; top: 50%; left: 0; right: 0; background: linear-gradient(to right, #a54eff 0%, #a54eff 40%, #e0e0e0 40%); z-index: 1; transform: translateY(-50%); border-radius: 2px; }
.filter-box .range-labels { position: absolute; top: -15px; /* 위로 올림 (기존 35px → -25px) */ width: 100%; height: 40px; font-size: 14px; font-weight: 600; color: #666; pointer-events: none; }
.filter-box .range-labels span { display: inline-block; width: 60px; position: absolute; font-weight: 600; font-size: 14px; line-height: 12px; transition: transform 0.4s ease; }
.filter-box .range-labels span:nth-child(1) { transform: translateX(0%); color: #666; }
.filter-box .range-labels span:nth-child(2) { transform: translateX(-50%); color: #a54eff; }

/*  결과 리스트 헤더  */
.result-list .header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; }
.result-list .header p { font-weight: 500; font-size: 16px; line-height: 16px; color: #787c87; }
.result-list .header p .point { font-weight: 600; color: #19191A; margin: 0 2px; }
.drop_box { position: relative; display: flex; gap: 12px; }
.drop_box .drop_item { position: relative; }
.drop_box button { display: flex; align-items: center; justify-content: flex-start; font-size: 14px; font-weight: 500; color: #AEB0B7; line-height: 14px; }
.drop_box .blk button { color: #000; }
.drop_box button::after { content: ""; display: block; width: 18px; height: 18px; background: url("/web/images/global/icn_arrow_gray.png") center right no-repeat; background-size: 100%; transform: rotate(90deg); }
.drop_box .blk button::after { background: url("/web/images/global/icn_arrow_blk.png") center right no-repeat; background-size: 100%; transform: rotate(0deg); }
.drop_box .list_box { display: none; z-index: 2; position: absolute; top: 20px; right: 0; background-color: #fff; border-radius: 10px; width: auto; height: auto; border-radius: 8px; cursor: pointer; border: 1px solid #000; min-width: 98px; overflow: hidden; }
.drop_box .list_box.show { display: block; }
.drop_box .list_box .options_wrap { overflow-x: hidden; overflow-y: auto; max-height: 250px; }
.drop_box .list_box .options_wrap::-webkit-scrollbar { width: 4px; }
.drop_box .list_box .options_wrap::-webkit-scrollbar-track { background-color: #fff; }
.drop_box .list_box .options_wrap::-webkit-scrollbar-thumb { background-color: #E8E9ED; border-radius: 4px; }
.drop_box .list_box .options_wrap .option { position: relative; width: 100%; text-align: left; }
.drop_box .list_box .options_wrap .option label { display: inline-block; width: 100%; font-weight: 500; font-size: 12px; line-height: 20px; letter-spacing: -0.3px; padding: 9px 0 9px 15px; color: #000; }
.drop_box .list_box .options_wrap .option label:hover { background-color: #F9F9FB; }

/* .drop_box .list_box .options_wrap .option.active::after { content: ""; display: inline-block; width: 16px; height: 16px; background-image: url("/mo/res/image/icon/icn_checked.svg"); background-size: cover; } */

/*  필터 결과 없음  */
.no-result-data { width: 100%; height: auto; min-height: 400px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.no-result-data .text h4 { font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; text-align: center; color: #000; }
.no-result-data .text p { font-weight: 400; font-size: 15px; line-height: 24px; letter-spacing: -0.3px; text-align: center; color: #787C87; }

/* 더보기 버튼  */
.more-box button { display: flex; align-items: center; justify-content: center; gap: 1px; width: auto; min-width: 140px; height: 40px; border: 1px solid #E8E9ED; border-radius: 20px; margin: 24px auto; padding: 0 12px 0 22px; }
.more-box button::after { content: ""; display: block; width: 14px; height: 14px; background-image: url("/web/images/global/icn_list_plus.png"); background-size: 100%; }
.more-box button:hover { background-color: #F6F7F9; }
.more-box button { color: #17181C; font-weight: 600; font-size: 14px; }

/*  리스트 테이블  */
.list-wrap .list-table { width: 100%; }
.list-wrap .list-table th { background-color: #F9F9FB; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.1px; color: #000; border-top: 1px solid #F0F1F4; }
.list-wrap .list-table th.tool-tip-wrap { position: relative; }
.list-wrap .list-table th .tool-tip { width: 18px; height: 18px; }
.list-wrap .list-table th .tool-tip img { width: 100%; }
.list-wrap .list-table td { font-weight: 400; font-size: 14px; line-height: 24px; letter-spacing: -0.3px; color: #787C87; }
.list-wrap .list-table td .btnType8.a1{height: 21px; line-height:21px;}

.list-wrap .list-table th.left { text-align: left; padding-left: 20px; }
.list-wrap .list-table td.left { font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #000; text-align: left; padding-left: 20px; }
.list-wrap .list-table th, .list-wrap .list-table td { padding: 30px 0; border-bottom: 1px solid #F0F1F4; text-align: center; }
.list-wrap .list-table th { padding: 24px 0 25PX; }
.contentWrap button.list-btn { display: inline-block; height: 48px; font-weight: 600; font-size: 16px; line-height: 48px; letter-spacing: -0.3px; color: #fff; background-color: #000; border-radius: 30px; padding: 0 70px; }
.contentWrap button.list-btn:hover { background-color: #5B5E67; }

/*  목록 상세  */
.subject-wrap { display: flex; align-items: center; justify-content: space-between; }
.subject-wrap .tit { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 24px; line-height: 34px; letter-spacing: -0.4px; color: #000; margin-bottom: 10px; }
.subject-wrap .tit .tag { display: inline-flex; align-items: center; height: 20px; background-color: #E8E9ED; border-radius: 6px; font-weight: 500; font-size: 12px; letter-spacing: -0.1px; color: #000; padding: 1px 8px; }
.subject-wrap .tit .tag.on { background: linear-gradient(90deg, #9933FF 0%, #5533FF 100%); color: #fff; }
.sns-wrap, .date-wrap { display: flex; align-items: center; gap: 10px; }
.date-wrap { gap: 60px; }
.date-wrap p { display: flex; gap: 10px; }
.date-wrap strong { font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #000; }
.date-wrap span { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #787C87; }

/*  paginate  */
div.paginate { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 30px; }
div.paginate .button-prev, div.paginate .button-next { width: 18px; height: 18px; flex-shrink: 0; }
div.paginate .button-prev img, div.paginate .button-next img { width: 100%; }
div.paginate .button-prev { transform: rotate(-180deg); }
div.paginate > nav > a, div.paginate > nav > strong { width: 30px; height: 30px; font-size: 14px; font-weight: 600; color: #000; line-height: 29px; border-radius: 10px; }
div.paginate > nav > strong { color: #fff; background: #19191A; }
div.paginate > nav > * { margin-right: 8px; }
div.paginate > nav > *:last-child { margin-right: 0; }
div.paginate button:disabled { cursor: default; }
div.paginate button:disabled img { filter: grayscale(100%); opacity: 0.4; /* 필요시 흐림 효과 추가 */ }

/* 검색 내용 없음 */
.sold-out-wrap { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.sold-out-wrap .img-item { width: 80px; height: 80px; }
.sold-out-wrap .img-item img { width: 100%; height: 100%; object-fit: cover; }
.sold-out-wrap .text { display: flex; flex-direction: column; gap: 6px; text-align: center; }
.sold-out-wrap .text .img-item { margin-top: 4px; }
.sold-out-wrap .text strong { font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #000; }
.sold-out-wrap .text p { font-weight: 400; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; color: #787C87; }

/*  요금제 배지 영역  */
.plan-badge-wrap { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; }
.plan-badge-wrap p { width: auto; height: 22px; line-height: 22px; border-radius: 8px; text-align: center; color: #fff; padding: 0 8px; font-weight: 500; font-size: 12px; }
.plan-badge-wrap .basic { background: #E9E1FF; color: #9933FF; }
.plan-badge-wrap .complex { background: #E1E6FF; color: #7570FF; }
.plan-badge-wrap .data { background: #F3E1FF; color: #C875FF; }
.plan-badge-wrap .cupon { background: #FDE3F7; color: #F87CD9; }
.plan-badge-wrap .ex { background: #FDE3EA; color: #F57F9D; }

/*  툴팁 */
.tool-tip-box { display: none; position: absolute; padding: 12px 14px; background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 15px 10px #0F13401A; z-index: 1; }
.tool-tip-box.show { display: block; color: #19191A; }
.tool-tip-box::after { content: ''; position: absolute; top: 100%; transform: translateX(-50%); border-width: 7px; border-style: solid; border-color: #fff transparent transparent transparent; }

/* 요금제 추천 영역 */
.plan-wrap .s-recommend { position: relative; width: 1160px; margin: 0 auto; padding: 80px 0; }
.plan-wrap section.s-recommend:has(.tab_sec.active) { background: url("/web/images/global/img_bg_plans2_pc.png"); }
.plan-wrap .s-recommend > .title-wrap { text-align: center; }
.plan-wrap .s-recommend > .title-wrap h2 { font-weight: 700; font-size: 46px; line-height: 52px; }
.plan-wrap .s-recommend .section-content-box { width: 100%; padding-top: 45px; }
.plan-wrap .s-recommend .tab-menu-box { width: 290px; margin: 0 auto; position: relative; }
.plan-wrap .s-recommend .tab-menu-box .bg { position: absolute; top: 4px; left: 4px; width: 146px; height: calc(100% - 8px); transition: transform 0.3s; background-color: #000; border-radius: 64px; }
.plan-wrap .s-recommend.with-Max .tab-menu-box .bg { transform: translateX(94%); }
.plan-wrap .s-recommend .tab-menu-box .text { color: #000; }
.plan-wrap .s-recommend .intro-list-tab { display: flex; align-items: center; justify-content: space-between; background-color: #F5F5F7; border: 1px solid #dcdcdc; border-radius: 64px; height: 62px; padding: 0 4px; position: relative; }
.plan-wrap .s-recommend .intro-list-tab li { position: relative; z-index: 1; width: 135px; transition: width 0.3s ease; }
.plan-wrap .s-recommend .intro-list-tab li.active { width: 145px; }
.plan-wrap .s-recommend .intro-list-tab li button { width: 100%; border-radius: 50px; padding: 14px 0px; color: #AEB0B7; transition: color 0.2s ease; position: relative; font-weight: 600; font-size: 18px; line-height: 18px; text-align: center; letter-spacing: -0.4px; }
.plan-wrap .s-recommend .intro-list-tab li.active button { color: #fff; }
.plan-wrap .s-recommend .intro-list-tab li span { display: inline-block; width: 80px; height: 30px; position: absolute; left: -10px; bottom: 0; z-index: 1; color: #fff; text-align: center; font-weight: 600; font-size: 14px; line-height: 30px; border-radius: 50px; transform: rotate(-15deg); }
.plan-wrap .s-recommend .intro-list-tab li:first-child span { background-color: #7316DE; }
.plan-wrap .s-recommend .intro-list-tab li:last-child span { background-color: #405CF6; }
.plan-wrap .s-recommend .list { min-height: 550px; margin-top: 64px; }
.plan-wrap .s-recommend .list > section > ul { display: flex; justify-content: center; gap: 0 20px; }
.plan-wrap .s-recommend .list .tab-contents > ul > li { position: relative; border-radius: 30px; overflow: hidden; width: 373px; height: 548px; transition: transform 0.3s ease; }
.plan-wrap .s-recommend .list .tab-contents > ul > li:hover { transform: translateY(-10px); }
.plan-wrap .s-recommend .list .tab-contents .card-wrap { position: relative; overflow: hidden; width: 100%; height: 100%; cursor: pointer; }
.plan-wrap .s-recommend .list .tab-contents .card-wrap.plan_01 .inner .title .price { color: #5533FF; }
.plan-wrap .s-recommend .list .tab-contents .card-wrap.plan_02 .inner .title .price { color: #9933FF; }
.plan-wrap .s-recommend .list .tab-contents .card-wrap.plan_03 .inner .title .price { color: #C233FF; }
.plan-wrap .s-recommend .list .tab-contents .card-wrap.plan_04 .inner .title .price { color: #F211BA; }
.plan-wrap .s-recommend .list .tab-contents .card-wrap.plan_05 .inner .title .price { color: #ED174D; }
.plan-wrap .s-recommend .list .tab-contents .card-wrap.plan_06 .inner .title .price { color: #5533FF; }
.plan-wrap .s-recommend .list .tab-contents .card-wrap.plan_07 .inner .title .price { color: #9933FF; }
.plan-wrap .s-recommend .list .tab-contents .card-wrap.plan_08 .inner .title .price { color: #C233FF; }
.plan-wrap .s-recommend .list .tab-contents .card-wrap.plan_01 .button-wrap { background-color: #5200F5; }
.plan-wrap .s-recommend .list .tab-contents .card-wrap.plan_02 .button-wrap { background-color: #9933FF; }
.plan-wrap .s-recommend .list .tab-contents .card-wrap.plan_03 .button-wrap { background-color: #C233FF; }
.plan-wrap .s-recommend .list .tab-contents .card-wrap.plan_04 .button-wrap { background-color: #F211BA; }
.plan-wrap .s-recommend .list .tab-contents .card-wrap.plan_05 .button-wrap { background-color: #ED174D; }
.plan-wrap .s-recommend .list .tab-contents .card-wrap.plan_06 .button-wrap { background-color: #5533FF; }
.plan-wrap .s-recommend .list .tab-contents .card-wrap.plan_07 .button-wrap { background-color: #9933FF; }
.plan-wrap .s-recommend .list .tab-contents .card-wrap.plan_08 .button-wrap { background-color: #C233FF; }
.plan-wrap .s-recommend .list .tab-contents .inner { position: relative; width: 100%; height: 488px; }
.plan-wrap .s-recommend .list .slide.active .card-wrap .inner { display: block; opacity: 1; }
.plan-wrap .s-recommend .list .tab-contents .inner .img-wrap { width: 140px; height: 140px; margin: 0 auto; }
.plan-wrap .s-recommend .list .tab-contents .inner .img-wrap img { object-fit: cover;    /* 핵심! */ object-position: center;    /* 옵션: 중앙 정렬 */ width: 100%; }
.plan-wrap .s-recommend .list .tab-contents .inner .title p { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.4px; }
.plan-wrap .s-recommend .list .tab-contents .inner .title .price { display: flex; align-items:center; font-weight: 600; font-size: 20px; line-height: 28px;}
.plan-wrap .s-recommend .list .tab-contents .inner .title .price .original{
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.1px;
    text-decoration: line-through;
    color: #AEB0B7;
    margin-left: 8px;
}
.plan-wrap .s-recommend .list .tab-contents .inner .title strong { font-weight: 700; letter-spacing: -0.3px; }
.plan-wrap .s-recommend .list .slide.active .card-wrap { box-shadow: 4px 4px 16px rgba(205, 207, 208, 1); }
.plan-wrap .s-recommend .list ul li .inner .info { position: relative; z-index: 2; background-color: #F6F7F9; padding: 30px; border-radius: 0 0 30px 30px; height: 100%; }
.plan-wrap .s-recommend .list ul li .inner .info .plan-badge-wrap { height: 22px; margin-bottom: 10px; }
.plan-wrap .s-recommend .list ul li .inner .plan-title { display: flex; align-items: baseline; font-family: "Outfit", "Pretendard"; font-weight: 700; font-size: 50px; line-height: 68px; overflow: hidden; letter-spacing: -0.4px; white-space: nowrap; }
.plan-wrap .s-recommend .list ul li .inner .is-overflow .plan-title { flex-wrap: wrap; }
.plan-wrap .s-recommend .list ul li .inner .plan-title .day { padding: 0 5px 0 0; font-weight: 700; font-size: 18px; line-height: 26px; flex-shrink: 0; }
.plan-wrap .s-recommend .list ul li .inner .plan-title .add { font-family: "Pretendard"; display: flex; align-items: center; position: relative; padding: 0 0 0 4px; font-weight: 700; font-size: 18px; line-height: 26px; flex-shrink: 0; letter-spacing: -0.4px; }
.plan-wrap .s-recommend .list ul li .inner .is-overflow .plan-title .add {margin-bottom: 7px;}
.plan-wrap .s-recommend .list li .title { display: flex; flex-direction: column; margin-bottom: 30px; height: 150px;}
.plan-wrap .s-recommend .list li .title p { font-weight: 600; font-size: 16px; line-height: 20px; }
.plan-wrap .s-recommend .list li .title .m-price { font-family: "Outfit", "Pretendard"; font-weight: 700; font-size: 30px; line-height: 32px; margin-left: 5px; }
.plan-wrap .s-recommend .list li .title .price .won { font-weight: 700; }
.plan-wrap .s-recommend .list li .p-detail ul { display: flex; flex-direction: column; gap: 4px; }
.plan-wrap .s-recommend .list li .p-detail li{display:inline-flex;}
.plan-wrap .s-recommend .list li .p-detail li span { display: inline-flex; align-items: center; font-weight: 400; font-size: 16px; line-height: 24px; padding-right: 3px; }
.plan-wrap .s-recommend .list li .p-detail li span:not(:last-child)::after { content: ""; display: block; width: 3px; height: 3px; background-color: #000; border-radius: 50%; margin-left: 6px; }
.plan-wrap .s-recommend .list li .p-detail li .t-title{width: 90px; flex-shrink:0; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; }
.plan-wrap .s-recommend .list li .p-detail li .t-title::after{content:none !important;}
.plan-wrap .s-recommend .list .tab-contents .card-wrap.plan_01 .p-detail li .t-title { color: #5533FF; }
.plan-wrap .s-recommend .list .tab-contents .card-wrap.plan_02 .p-detail li .t-title { color: #9933FF; }
.plan-wrap .s-recommend .list .tab-contents .card-wrap.plan_03 .p-detail li .t-title { color: #C233FF; }
.plan-wrap .s-recommend .list .tab-contents .card-wrap.plan_04 .p-detail li .t-title { color: #F211BA; }
.plan-wrap .s-recommend .list .tab-contents .card-wrap.plan_05 .p-detail li .t-title { color: #ED174D; }
.plan-wrap .s-recommend .list .tab-contents .card-wrap.plan_06 .p-detail li .t-title { color: #5533FF; }
.plan-wrap .s-recommend .list .tab-contents .card-wrap.plan_07 .p-detail li .t-title { color: #9933FF; }
.plan-wrap .s-recommend .list .tab-contents .card-wrap.plan_08 .p-detail li .t-title { color: #C233FF; }
.plan-wrap .s-recommend .list .button-wrap { position: absolute; width: 100%; height: 94px; bottom: -60px; z-index: 1; }
.plan-wrap .s-recommend .list .button-wrap .btn-join { width: 100%; height: 60px; position: absolute; bottom: 0; text-align: center; background-image: url("/web/images/global/icn_btn_quick_white.png"); background-position: 32% 54%; background-repeat: no-repeat; background-size: 18px 18px; font-weight: 700; font-size: 16px; line-height: 64px; color: #fff; }
.plan-wrap .s-recommend .list ul li .btn-select-join:hover {    /* background-image: url("/web/images/global/icn_btn_quick.png"); */
color: #000; }

/* 요금제 리스트  */
.plan-wrap .s-all-plan { z-index: 1; position: relative; overflow: inherit; background-color: #fff; padding: 100px 0; }
.plan-wrap .s-all-plan .title-wrap { margin-bottom: 35px; }
.plan-wrap .s-all-plan .container .plan-list { width: 770px; }
.plan-list .list { display: flex; flex-direction: column; align-items: center; gap: 16px;    /* padding: 10px 0; */ }
.plan-list .list .list-item { width: 100%; position: relative; background-color: #F6F7F9; border-radius: 30px; padding: 32px 30px 25px 30px; transition: transform 0.3s ease; }
.plan-list .list .list-item:hover { transform: translateY(-10px); }
.plan-list .list .list-item .info-wrap { display: flex; flex-direction: column; gap: 5px; align-self: center; justify-content: space-between; padding-bottom: 20px; cursor: pointer; }
.plan-list .list .list-item .info-wrap .price .type { font-weight: 500; font-size: 14px; line-height: 22px; color: #787C87; }
.plan-list .list .list-item .t-type { display: flex; margin-bottom: 5px; }
.plan-list .list .list-item .t-type span { display: inline-flex; color: #666769; position: relative; margin-right: 4px; padding-right: 8px; }
.plan-list .list .list-item .t-type span::after { content: ""; display: block; position: absolute; right: 0; top: 4px; width: 1px; height: 10px; background-color: #F0F2F3; }
.plan-list .list .list-item .t-type span:last-child::after { content: none; }
.plan-list .list .list-item .info-wrap .plan { display: flex; flex: 1; align-items: end; }
.plan-list .list .list-item .info-wrap .plan h2 { font-family: "Outfit", "Pretendard"; font-weight: 600; font-size: 42px; line-height: 50px; margin-bottom: 6px; letter-spacing: -0.4px; }
.plan-list .list .list-item .info-wrap .plan h2 > span { display: inline-block; font-family: "Pretendard"; font-weight: 600; font-size: 18px; line-height: 28px; margin-left:6px; }
.plan-list .list .list-item .info-wrap .plan h2 .day { margin-right: 5px; padding-bottom: 5px; }
.plan-list .list .list-item .info-wrap .plan h2 em { display: inline-block; font-family: "Pretendard"; font-weight: 600; font-size: 20px; line-height: 28px; }
.plan-list .list .list-item .info-wrap .plan .sub-info { display: flex; align-items: center; gap: 14px; }
.plan-list .list .list-item .info-wrap .plan .sub-info span { font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; padding-left: 20px; color: #787C87; }
.plan-list .list .list-item .info-wrap .plan .sub-info .net { background: url("/web/images/global/icn_plan_list_01.png") 0 center no-repeat; background-size: 18px 18px; }
.plan-list .list .list-item .info-wrap .plan .sub-info .gan { background: url("/web/images/global/icn_plan_list_02.png") 0 center no-repeat; background-size: 18px 18px; }
.plan-list .list .list-item .info-wrap .plan .sub-info .call { background: url("/web/images/global/icn_plan_list_03.png") 0 center no-repeat; background-size: 18px 18px; }
.plan-list .list .list-item .info-wrap .plan .sub-info .text { background: url("/web/images/global/icn_plan_list_04.png") 0 center no-repeat; background-size: 18px 18px; }
.plan-list .list .list-item .info-wrap .plan .sub-info .type { background: url("/web/images/global/icn_plan_list_type.png") 0 center no-repeat; background-size: 18px 18px; font-weight: 500; color: #19191A; }
.plan-list .list .list-item .info-wrap .price { display: flex; flex-direction: column; align-items: flex-end; flex: 1;}
.plan-list .list .list-item .info-wrap .price .m-price { display: flex; align-items: center; gap: 2px; font-weight: 700; font-size: 16px; line-height: 24px; color: #9933FF; }
.plan-list .list .list-item .info-wrap .price .m-price .num { font-family: "Outfit", "Pretendard"; font-weight: 700; font-size: 24px; line-height: 32px; margin: 0 2px; }
.plan-list .list .list-item .gift-wrap { position: relative; padding-top: 20px; }
.plan-list .list .list-item .gift-wrap .gift-list .item:not(:last-child) { margin-bottom: 12px; }
.plan-list .list .list-item .gift-title { position: relative; display: flex; align-items: center; gap: 6px; }
.plan-list .list .list-item .gift-title .icon-list { display: flex; align-items: center; }
.plan-list .list .list-item .gift-title .icon-list li:not(:first-child) { margin-left: -8px; }
.plan-list .list .list-item .gift-title .icon-list li { display: inline-block; width: 20px; height: 20px; border-radius: 50%; overflow: hidden; }
.plan-list .list .list-item .gift-title .icon-list img { display: block; width: 100%; object-fit: cover; }
.plan-list .list .list-item .gift-title .icon-list li.num { width: 20px; height: 20px; }
.plan-list .list .list-item .gift-title .icon-list li.num span { display: inline-flex; width: 100%; height: 100%; align-items: center; justify-content: center; font-family: "Outfit", "Pretendard"; font-weight: 500; font-size: 10px; line-height: 10px; color: #fff; background-color: #9933FF; }
.plan-list .list .list-item .gift-title  .text { font-weight: 500; font-size: 14px; line-height: 22px; color: #2A2B2C; }
.plan-list .list .list-item .button-wrap .more-btn { width: 20px; height: 20px; background-image: url("/web/images/global/icn_arrow_gray_down.png"); background-size: 100%; background-position: center center; transition: transform 0.3s ease; }
.plan-list .list .list-item .button-wrap .more-btn:hover { background-image: url("/web/images/global/icn_arrow_blk.png"); }
.plan-list .list .list-item .button-wrap .more-btn.on { background-image: url("/web/images/global/icn_arrow_blk.png"); transform: rotate(180deg);    /* 예: 화살표 버튼이면 회전 */ }
.plan-list .list .list-item .gift-title .img-box { width: 20px; height: 20px; }
.plan-list .list .list-item .gift-title p img { display: block; width: 100%; }
.plan-list .list .list-item .gift-info { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; }
.plan-list .list .list-item .gift-info.show { max-height: 300px; }
.plan-list .list .list-item .gift-info ul { display: flex; flex-direction: column; justify-content: space-between; gap: 2px; opacity: 0; transition: opacity 0.6s ease; padding-top: 5px; }
.plan-list .list .list-item .gift-info.show ul { opacity: 1; }
.plan-list .list .list-item .gift-info ul li { font-weight: 400; font-size: 14px; line-height: 22px; color: #2A2B2C; position: relative; }
.plan-list .list .list-item .gift-info ul li::before { content: "・"; }
.plan-list .list .list-item .button-wrap { width: 100%; padding: 21px 0 20px 20px; border-top: 1px solid #F0F0F0; display: flex; align-items: center; justify-content: flex-end; cursor: pointer; position: absolute; top: 0; right: 0; z-index: 1; }

/*  요금제 리뷰 영역 */
.plan-wrap .s-review { height: 816px; background: url('/web/images/plan/img_review_bg.png') center 0  no-repeat; background-color: #F5F0FF; padding: 129px 0 120px; z-index: 1; }
.plan-wrap .s-review .title-wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; }
.plan-wrap .s-review .title-wrap .link { display: inline-flex; align-items: center; font-weight: 600; font-size: 14px; line-height: 22px; }
.plan-wrap .s-review .title-wrap .link img { width: 18px; height: 18px; object-fit: cover; }
.plan-wrap .s-review .title-wrap .link:hover { color: #5B5E67; }
.plan-wrap .s-review .swiper-wrap { width: 1160px; height: 500px; margin: 0 auto; overflow: hidden; position: relative; }
.plan-wrap .s-review .swiper { padding: 10px 0 0 1px; overflow-y: visible !important; }
.plan-wrap .s-review .swiper-slide { display: flex; align-items: center; justify-content: center; font-size: 24px; background: #fff; width: 373px !important; height: 435px; border-radius: 30px; overflow: hidden; transition: transform 0.3s ease; }
.plan-wrap .s-review .swiper-slide:hover { transform: translateY(-10px); }
.plan-wrap .s-review .swiper-slide:hover .review-info .img-cont { transform: scale(1.1); }
.plan-wrap .s-review .swiper-slide .review-info { display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; padding: 50px 20px; color: #000; text-align: center; }
.plan-wrap .s-review .swiper-slide .review-info .img-cont { display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; overflow: hidden; }
.plan-wrap .s-review .swiper-slide .review-info .img-cont img { width: 100%; height: 100%; object-fit: cover; }
.plan-wrap .s-review .swiper-slide .review-info .review-title { margin-bottom: 60px; }
.plan-wrap .s-review .swiper-slide .review-info .review-title h3 { font-weight: 700; font-size: 32px; line-height: 42px; background: linear-gradient(90deg, #9933FF 0%, #5533FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
.plan-wrap .s-review .swiper-slide .review-info .review-title h3 span { font-size: 20px; line-height: 28px; }
.plan-wrap .s-review .swiper-slide .review-info .review-title h3 + p { font-weight: 600; font-size: 14px; line-height: 22px; color: #787C87; }
.plan-wrap .s-review .swiper-slide .review-info .h-point { display: flex; align-items: center; justify-content: center; gap: 5px; margin-bottom: 12px; font-size: 14px; line-height: 22px; }
.plan-wrap .s-review .swiper-slide .review-info .h-point img { width: 18px; height: 18px; object-fit: cover; }
.plan-wrap .s-review .swiper-slide .review-info .text-wrap .text { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; text-align: center; }
.plan-wrap .s-review .swiper-wrap .custom-pagination { display: flex; justify-content: center; margin-top: 40px; gap: 12px; }
.plan-wrap .s-review .swiper-wrap .custom-pagination .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0; border-radius: 20px; background-color: #D1D6E0; opacity: 1; transition: all 0.3s; }
.plan-wrap .s-review .swiper-wrap .custom-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 40px; }

/*  데이터 차이  */
.plan-wrap .s-data { padding: 180px 0; }
.plan-wrap .s-data { width: 1160px; margin: 0 auto; }
.plan-wrap .s-data .title-wrap { margin-bottom: 14px; }
.plan-wrap .s-data .tab-contents .info { font-weight: 300; font-size: 16px; line-height: 24px; padding-left: 18px; background: url("/web/images/global/icn_info.png") 0 center no-repeat; background-size: 14px 14px; }
.plan-wrap .s-data .tab-contents .info span { font-weight: 500; }
.plan-wrap .s-data .tab-contents .info-table { width: 100%; table-layout: fixed; border-bottom: 1px solid #F0F1F4; border-radius: 10px; border-collapse: separate; border-spacing: 0; overflow: hidden; margin-top: 12px; }
.plan-wrap .s-data .tab-contents .info-table td, .plan-wrap .s-data .tab-contents .info-table th { padding: 21px 0 22px; text-align: center; }
.plan-wrap .s-data .tab-contents .info-table th { position: relative; z-index: 1; height: 65px; font-weight: 700; font-size: 20px; line-height: 28px; }
.plan-wrap .s-data .tab-contents .info-table td { font-weight: 500; font-size: 16px; line-height: 24px; }
.plan-wrap .s-data .tab-contents .info-table th span { display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.plan-wrap .s-data .tab-contents .info-table th::before { content: ""; display: block; height: 100%; border-radius: 10px 10px 0 0; position: absolute; top: 0; }
.plan-wrap .s-data .tab-contents .info-table th:first-child:before { width: 164px; left: 0; background-color: #F0F1F4; }
.plan-wrap .s-data .tab-contents .info-table th:nth-child(2):before { width: 328px; left: 50%; transform: translateX(-50%); background-color: #E1E6FF; }
.plan-wrap .s-data .tab-contents .info-table th:nth-child(3):before { width: 328px; left: 50%; transform: translateX(-50%); background-color: #E9E1FF; }
.plan-wrap .s-data .tab-contents .info-table th:last-child:before { width: 328px; right: 0; background-color: #F3E1FF; }
.plan-wrap .s-data .tab-contents .info-table tbody td { border-left: 1px solid #F0F1F4; border-top: 1px solid #F0F1F4; }
.plan-wrap .s-data .tab-contents .info-table tbody td:first-child { text-align: left; padding-left: 35px; }
.plan-wrap .s-data .tab-contents .info-table tbody td:last-child { border-right: 1px solid #F0F1F4; }
.plan-wrap .s-data .tab-contents .info-table tbody td span { display: inline-flex; align-items: center; gap: 6px; position: relative; }
.plan-wrap .s-data .tab-contents .info-table tbody td span img { width: 18px; height: 18px; object-fit: cover; }
.plan-wrap .s-data .tab-contents .info-table tbody td span.highlight-star { position: relative; font-weight: 700; }
.plan-wrap .s-data .tab-contents .info-table tbody td span.highlight-star::after { content: ""; display: block; position: absolute; top: -2.5px; right: -12.5px; width: 10px; height: 10px; background-image: url("/web/images/global/icn_caution_star.png"); background-size: 100%; }
.plan-wrap .s-data .tab-contents .info-wrap { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.plan-wrap .s-data .tab-contents .info-wrap .box { width: 570px; background-color: #F6F7F9; border-radius: 30px; padding: 40px; }
.plan-wrap .s-data .tab-contents .info-wrap .box .box-title { border-bottom: 1px solid #E8E9ED; padding-bottom: 25px; margin-bottom: 30px; }
.plan-wrap .s-data .tab-contents .info-wrap .box .icon { margin-bottom: 20px; }
.plan-wrap .s-data .tab-contents .info-wrap .box .icon img { width: 60px; height: 60px; object-fit: cover; }
.plan-wrap .s-data .tab-contents .info-wrap .box .icon.small img { width: 40px; height: 40px; object-fit: cover; }
.plan-wrap .s-data .tab-contents .info-wrap .box .title { font-weight: 700; font-size: 32px; line-height: 42px; margin-bottom: 4px; }
.plan-wrap .s-data .tab-contents .info-wrap .box .title + p { font-weight: 400; font-size: 16px; line-height: 24px; color: #787C87; }
.plan-wrap .s-data .tab-contents .info-wrap .box .feature { display: flex; flex-direction: column; gap: 18px; }
.plan-wrap .s-data .tab-contents .info-wrap .box .feature li { display: inline-flex; align-items: center; gap: 4px; font-weight: 500; font-size: 18px; line-height: 26px; }
.plan-wrap .s-data .tab-contents .info-wrap .box .feature li img { width: 18px; height: 18px; object-fit: cover; }

/*  헬로 모바일 가이드 영역 */
.s-guide { position: relative; background-color: #F6F7F9; padding: 130px 0; }
.main-wrap.with-device .s-guide { background-color: #111011; }
.s-guide .title-wrap { margin-bottom: 14px; }
.s-guide .s-guide-wrap { width: 1160px; margin: 0 auto; }
.s-guide .s-guide-wrap .tab-menu-contents-wrap { min-height: 390px; }
.s-guide .card-wrap { display: flex; width: 1160px; height: 384px; margin: 0 auto; gap: 20px; }
.s-guide .card { width: 373px; height: 384px; border-radius: 50px; color: #fff; background-size: 100%; background-position: center; background-repeat: no-repeat;position: relative; overflow: hidden; z-index: 1; }
.s-guide .card img{width: 100%; object-fit: cover;}
.s-guide .card.bg-color { background-color: #9933FF; }
.s-guide .card::before { content: ''; position: absolute; inset: 0; background: inherit;background-size: 100%; background-position: center; background-repeat: no-repeat; transition: transform 0.5s ease; z-index: 0; 
      will-change: transform;
      transform: translateZ(0);
}
.s-guide .card:hover::before { transform: scale(1.1);    /* 확대 */ }
.s-guide .card .link { display: inline-flex; justify-content: space-between; flex-direction: column; width: 100%; height: 100%; padding: 40px; position: relative; z-index: 1; }
.s-guide .card-title { position: relative; font-weight: 700; font-size: 20px; line-height: 28px; margin-bottom: 8px; }
.s-guide .card:hover .card-title::after { color: #000; background: rgba(255, 255, 255, 0.9); }
.s-guide .card-desc { font-weight: 400; font-size: 16px; line-height: 24px; }

/*  검색 영역  */
.search-bar { height: 0; z-index: 10; top: 0; position: sticky; width: 100%; background-color: #fff; box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.2); transition: height 0.5s; }
.search-bar.show { height: 72px; }
.search-bar.show .container { display: block; }
.search-bar .container { display: none; position: relative; width: 100%; height: 100%; }
.search-bar form { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.search-bar .input_wrap { width: 29.8958333333%; position: relative; border-radius: 100px; border: 1px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(90deg, #7316DE 0%, #405CF6 100%); background-origin: border-box; background-clip: content-box, border-box; overflow: hidden; display: flex; align-items: center; justify-content: flex-start; }
.search-bar .input_wrap .input { position: relative; width: 100%; height: 100%; outline: none; border: none; color: #000; padding: 14px 68px 14px 20px; }
.search-bar .input_wrap .input::placeholder { background: linear-gradient(78deg, #7316DE 8.53%, #405CF6 91.47%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.search-bar .input_wrap .search_btn { z-index: 1; position: absolute; right: 8px; top: 0; width: 48px; height: 48px; flex-shrink: 0; }
.search-bar .input_wrap .search_btn img { width: 100%; }
.search-bar .input_wrap .delete_btn { opacity: 0; pointer-events: none; z-index: 1; position: absolute; width: 20px; height: 20px; border-radius: 10px; top: 50%; transform: translateY(-50%); right: 56px; background-color: #CDCFD0; display: flex; align-items: center; justify-content: center; }
.search-bar .input_wrap .delete_btn svg { width: 14px; }
.search-bar .input_wrap .delete_btn.show { opacity: 1; pointer-events: all; }
.search-bar .bar-close-btn { opacity: 0; pointer-events: none; top: 12px; right: 19.7916666667%; position: absolute; width: 48px; height: 40px; padding: 12px; }

/* 서브 텝 메뉴 공통 */
.tab-menu-box { margin-bottom: 40px; }
.tab-menu-box .content-tab { display: flex !important; align-items: center; gap: 8px; }
.tab-menu-box .content-tab li { display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; border: 1px solid #EAECF0; background-color: #fff; padding: 12px 16px; border-radius: 50px; cursor: pointer; }
.tab-menu-box .content-tab li span { display: inline-block; color: #AFB0B6; font-weight: 500; font-size: 16px; line-height: 24px; text-align: center; position: relative; overflow: hidden; }
.tab-menu-box .content-tab li:not(.active) span:after { content: attr(data-text); position: absolute; top: 0; left: 0; width: 0; height: 100%; color: #000; white-space: nowrap; overflow: hidden; transition: width 1s ease; }
.tab-menu-box .content-tab li:not(.active):hover span::after { width: 100%; }
.tab-menu-box .content-tab li.active { background-color: #000; }
.tab-menu-box .content-tab li.active span { color: #fff; }

/*  롤링 텍스트  */
.rolling-text { position: relative; overflow: hidden; }
.rolling-text > * { transition: transform 1s cubic-bezier(.19, 1, .22, 1); }
.rolling-text.arrow { width: 24px; height: 24px; background-color: #fff; border-radius: 50%; }
.rolling-text.blk { background-color: #000; }
.rolling-text.is-horizontal .line { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; }
.rolling-text.is-horizontal .line img{width: 18px; height: 18px; object-fit: cover;}
.rolling-text.arrow .line img { width: 9px; height: auto; }

/* 두 번째 줄만 절대 위치로 겹치게 */
.rolling-text .line:nth-child(2) { position: absolute; top: 0; transform: translateY(100%); }

/* 수평 전환용: is-horizontal일 경우 translateX 사용 */
.rolling-text.is-horizontal .line:nth-child(2) { transform: translateX(-100%); top: 0; }

/*  hover 시 */
.rolling-text:hover .line:nth-child(1) { transform: translateY(-100%); }
.rolling-text:hover .line:nth-child(2) { transform: translateY(0); }

/* guide card hover 시 */
.s-guide .card:hover .rolling-text .line:nth-child(1) { transform: translateY(-100%); }
.s-guide .card:hover .rolling-text .line:nth-child(2) { transform: translateY(0); }
.s-guide .card:hover .rolling-text.is-horizontal .line:nth-child(1) { transform: translateX(100%); }
.s-guide .card:hover .rolling-text.is-horizontal .line:nth-child(2) { transform: translateX(0); }

/*  휴대폰 리스트  */
.device-wrap { position: relative; }
.device-wrap .s-kv-device { background-color: #19191A; }
.device-wrap .s-kv-device__slider { position: relative; }
.device-wrap .s-kv-device__slider .swiper-slide .inner { width: 1440px; height: 370px; margin: 0 auto; display: flex; align-items: center; position: relative; overflow: hidden; padding: 0 140px; }
.device-wrap .s-kv-device__slider .swiper-slide .img-cont { position: absolute; top: 0; left: 0; z-index: 0; }
.device-wrap .s-kv-device__slider .swiper-slide .img-cont img { width: 1440px; height: 370px; object-fit: cover; }
.device-wrap .s-kv-device__slider .swiper-slide .link { display: inline-flex; flex-direction: column; gap: 15px; width: 100%; height: 100%; overflow: hidden; color: #fff; z-index: 1; padding-top: 70px; }
.device-wrap .s-kv-device__slider .swiper-slide .kv-title { font-weight: 700; font-size: 46px; line-height: 54px; }
.device-wrap .s-kv-device__slider .swiper-slide .roll-box { display: flex; align-items: center; gap: 1px; }
.device-wrap .s-kv-device__slider .swiper-slide .kv-text { font-weight: 600; font-size: 16px; line-height: 20px; }
.device-wrap .s-kv-device__slider .swiper-slide .rolling-text.is-horizontal { width: 20px; }
.device-wrap .s-kv-device__slider .swiper-slide:hover .img-cont { transform: scale(1.1); }
.device-wrap .s-kv-device__slider .swiper-slide:hover .rolling-text .line:nth-child(1) { transform: translateY(-100%); }
.device-wrap .s-kv-device__slider .swiper-slide:hover .rolling-text .line:nth-child(2) { transform: translateY(0); }
.device-wrap .s-kv-device__slider .swiper-slide:hover .rolling-text.is-horizontal .line:nth-child(1) { transform: translateX(100%); }
.device-wrap .s-kv-device__slider .swiper-slide:hover .rolling-text.is-horizontal .line:nth-child(2) { transform: translateX(0); }
.device-wrap .s-kv-device .pagination { width: 1160px; margin: 0 auto; position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; z-index: 10; }
.device-wrap .s-kv-device .pagination { display: flex; align-items: center; gap: 5px; }

/* 재생/정지 버튼 */
.device-wrap .s-kv-device .swiper-toggle { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background-color: #2A2B2C; cursor: pointer; }
.device-wrap .s-kv-device .swiper-toggle span { display: inline-flex; width: 8px; height: 11px; background-image: url("/web/images/global/icn_pause.png"); background-size: 100%; background-position: center center; background-repeat: no-repeat; }
.device-wrap .s-kv-device .swiper-toggle.paused span { background-image: url("/web/images/global/icn_play.png"); }

/* 페이저 도트 스타일 */
.device-wrap .s-kv-device .swiper-pagination-bullets.swiper-pagination-horizontal { position: relative; display: flex; align-items: center; text-align: center; top: auto; left: auto; bottom: auto; width: auto; background-color: #2A2B2C; padding: 11px 15px; border-radius: 50px; }
.device-wrap .s-kv-device .swiper-pagination-bullet { width: 6px; height: 6px; background: #787C87; border-radius: 999px; display: inline-flex; transition: all 0.3s ease; margin: 0 5px; }
.device-wrap .s-kv-device .swiper-pagination-bullet-active { width: 30px; }
.device-wrap .s-all-phone { padding: 100px 0; }
.device-wrap .s-all-phone .title-wrap { text-align: center; margin-bottom: 30px; }
.device-wrap .s-all-phone .title-wrap .title { font-weight: 700; font-size: 46px; line-height: 52px; }
.device-wrap .s-all-phone .select-menu-box { width: 324px; margin-bottom: 55px; }
.phone-list { width: 830px; }
.phone-list .list { display: flex; flex-wrap: wrap; gap: 20px 10px; }
.phone-list .list .list-item { width: 270px; height: 470px; border-radius: 30px;
       display: flex; align-items: center; flex-direction: column; gap: 11px; position: relative; overflow: hidden; 
      will-change:transform; isolation:isolate}
.phone-list .list .list-item .link { width: 100%; height: 100%; }
.phone-list .list .list-item .badge-wrap { position: absolute; left: 0; top: 0; padding-right: 28px; }
.phone-list .list .list-item .badge-wrap p { max-width: 220px; height: 28px; overflow: hidden; color: #fff; font-weight: 600; font-size: 14px; line-height: 28px; background-color: #AA75FF; padding-left: 25px; }
.phone-list .list .list-item .badge-wrap::after { content: ""; display: block; width: 28px; height: 28px; position: absolute; top: 0; right: 0; background-image: url("../images/phone/img_d_list_badge_bg.png"); background-size: 100%; }
.phone-list .list .list-item .group-info { width: 100%; min-height: 214px; align-self: flex-start; padding: 0 30px 17px; background-color: rgba(0, 8, 20, 0.03); }
.phone-list .list .list-item .group-info .title-box { margin-bottom: 15px; padding-bottom: 25px; border-bottom: 1px solid #E8E9ED; }
.phone-list .list .list-item .group-info .volume-type { display: inline-block; padding: 0 6px; background-color: #E8E9ED; border-radius: 6px; font-weight: 500; font-size: 12px; line-height: 20px; margin-bottom: 10px; }
.phone-list .list .list-item .img-wrap { width: 100%; height: 256px; padding: 48px 30px 30px; text-align: center; position: relative; overflow: hidden; }
.phone-list .list .list-item .img-wrap::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 8, 20, 0.03); content: ""; }
.phone-list .list .list-item .img-wrap img { width: auto; height: 180px; object-fit: cover;    /* 핵심! */ object-position: center;    /* 옵션: 중앙 정렬 */ overflow: hidden; transition: transform 0.3s; }
.phone-list .list .list-item .link:hover .img-wrap img { transform: scale(1.1); }
.phone-list .list .list-item .group-info .title { width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: "Outfit", "Pretendard"; font-weight: 600; font-size: 26px; line-height: 26px; }
.phone-list .list .list-item .group-info .group-type { display: flex; flex-direction: column; gap: 10px; }
.phone-list .list .list-item .group-info .group-type li { width: 100%; display: inline-flex; align-items: center; justify-content: space-between; font-weight: 500; font-size: 14px; line-height: 14px; color: #5B5E67; }
.phone-list .list .list-item .group-info .group-type li .price { font-family: "Outfit", "Pretendard"; font-weight: 700; font-size: 18px; line-height: 18px; color: #000; }
.device-wrap .s-trade { padding: 150px 0 180px; }
.device-wrap .s-trade .s-trade-wrap { width: 1160px; margin: 50px auto 0; display: flex; gap: 20px; }
.device-wrap .s-trade .s-trade-wrap .input-wrap { width: 700px; height: 650px; padding: 60px; border-radius: 30px; box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.102); }
.device-wrap .s-trade .s-trade-wrap .input-wrap .input-box { display: flex; flex-direction: column; gap: 20px; }
.device-wrap .s-trade .s-trade-wrap .input-wrap .input-box h4 { display: flex; align-items: center; font-weight: 600; font-size: 20px; line-height: 28px; color: #000; margin-bottom: 10px; }
.device-wrap .s-trade .s-trade-wrap .input-wrap .button-wrap { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 30px; }
.device-wrap .s-trade .s-trade-wrap .input-wrap .button-wrap button { font-weight: 600; font-size: 18px; line-height: 26px; }
.device-wrap .s-trade .s-trade-wrap .input-wrap .button-wrap .reset-box { flex: 1; }
.device-wrap .s-trade .s-trade-wrap .input-wrap .button-wrap .reset-box button { display: flex; align-items: center; justify-content: center; gap: 2px; width: 100%; height: 56px; line-height: 56px; border-radius: 30px; background-color: #F0F2F5; color: #757575; }
.device-wrap .s-trade .s-trade-wrap .input-wrap .button-wrap .reset-box button:hover { color: #000; }
.device-wrap .s-trade .s-trade-wrap .input-wrap .button-wrap .search-box { flex: 2; }
.device-wrap .s-trade .s-trade-wrap .input-wrap .button-wrap .search-box button { width: 100%; height: 56px; line-height: 56px; border-radius: 30px; background-color: #19191A; color: #fff; }
.device-wrap .s-trade .s-trade-wrap .input-wrap .button-wrap .search-box button:hover { background-color: #9933FF; }
.custom-select { position: relative; width: 100%; border: 1px solid #E8E9ED; border-radius: 10px; padding: 15px 20px; background-color: #fff; cursor: pointer; user-select: none; }
.custom-select .options li, .custom-select .selected { font-weight: 500; font-size: 16px; line-height: 24px; color: #787C87; }
.custom-select .selected.has-value { color: #000; }
.custom-select > .selected::after { content: ""; display: block; position: absolute; top: 19px; right: 20px; width: 20px; height: 20px; background-image: url("../images/global/icn_arrow_gray_down.png"); background-size: 100%; }
.custom-select .options { display: none; position: absolute; top: 57px; left: 0; width: 100%; max-height: 180px; overflow-y: auto; border: 1px solid #E8E9ED; background-color: #fff; z-index: 10; border-radius: 10px; }
.custom-select.active .options { display: block; }
.custom-select .options li { padding: 10px; cursor: pointer; }
.custom-select .options li:hover { background-color: #f2f2f2; }
.custom-select .options li.selected { background-color: #e0e0e0; font-weight: bold; }

/*  움직이는 버튼  공통  */
.select-menu-box { position: relative; overflow: hidden; margin: 0 auto; }
.select-menu-box .tab-menu { display: flex; align-items: center; background-color: #F5F5F7; border: 1px solid #dcdcdc; border-radius: 64px; height: 62px; padding: 0 4px; position: relative; }
.select-menu-box .tab-menu li { width: 33.33%; text-align: center; z-index: 2; }
.select-menu-box .tab-menu li button { width: 100%; border-radius: 50px; padding: 14px 20px; color: #969898; transition: color 0.2s ease; position: relative; font-weight: 600; font-size: 18px; line-height: 18px; text-align: center; }
.select-menu-box .tab-menu li a { width: 100%; border-radius: 50px; padding: 14px 20px; color: #969898; transition: color 0.2s ease; position: relative; font-weight: 600; font-size: 18px; line-height: 18px; text-align: center; }
.select-menu-box .tab-menu li.active button, .select-menu-box .tab-menu li.active a { color: #fff; }
.select-menu-box .bg { position: absolute; top: 4px; left: 4px; height: calc(100% - 8px); border-radius: 64px; background-color: #000; transition: transform 0.3s; z-index: 0; }

/*  검색 바  */
.modal-search-box { display: none; z-index: 12; position: fixed; top: 72px; width: 100%; height: calc(100vh - 72px); }
.modal-search-box .dim { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
.modal-search-box .container { z-index: 1; position: relative; background-color: #fff; width: 100%; display: flex; align-items: center; justify-content: center; align-items: flex-start; padding-top: 20px; min-height: 456px; }
.modal-search-box .container .search-word-box { max-width: 490px; padding-bottom: 32px; }
.modal-search-box .container .search-word-box h2 { color: #000; margin-bottom: 12px; }
.modal-search-box .container .search-word-box .recommend_box .badge_wrap { display: flex; flex-wrap: wrap; gap: 8px; }
.modal-search-box .container .search-word-box .recommend_box .badge_wrap .search_word { width: max-content; background-color: rgba(115, 22, 222, 0.08); padding: 9px 13px; color: #7316DE; border-radius: 20px; }
.modal-search-box .container .search-word-box .histoty_box { padding-top: 40px; }
.modal-search-box .container .search-word-box .histoty_box .search_word { position: relative; width: 100%; padding: 12px 0; display: flex; align-items: center; justify-content: flex-start; gap: 6px; color: #000; }
.modal-search-box .container .search-word-box .histoty_box .search_word .icon { width: 20px; }
.modal-search-box .container .search-word-box .histoty_box .search_word .icon img { display: block; width: 100%; }
.modal-search-box .container .search-word-box .histoty_box .search_word .delete_btn { margin-left: auto; width: 18px; }
.modal-search-box .container .search-word-box .histoty_box .note-text { display: none; color: #CDCFD0; }
.modal-search-box .container .search-word-box .histoty_box.typing .note-text { display: block; }
.modal-search-box .container .search-word-box .histoty_box.typing .badge_wrap { display: none; }
.search-mode .search-bar .bar-close-btn { opacity: 1; pointer-events: all; }
.search-mode .modal-search-box { display: block; }
.plan-result .search-bar { height: 72px; box-shadow: none; }
.plan-result .search-bar .container { display: block; }
.plan-result .s-result { background-color: #000; padding: 3.75% 19.7395833333% 6% 19.84375%; }
.plan-result .s-result .container { display: flex; align-items: center; justify-content: center; align-items: flex-start; gap: 48px; }
.plan-result .s-result .container .title-box { width: 342px; }
.plan-result .s-result .container .plan-list { padding-top: 88px; }
.plan-result .s-result .container .plan-list .list { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.plan-result .s-result .container .plan-list .list .list-item { width: 100%; width: 100%; position: relative; }

/*  휴대폰 상세  */
.detail-nav { width: 580px; position: absolute; top: -51px; z-index: 24; }
.detail-nav.active { width: 100%; margin: 0 auto; position: sticky; top: 0px; background-color: #fff; left: auto; transform: none; border-bottom: 1px solid #E8E9ED; }
.detail-nav.active ul { width: 1160px; margin: 0 auto; }
.detail-nav ul { display: flex; align-items: center; gap: 35px; }
.detail-nav ul li .arc-btn { height: 50px; font-weight: 500; font-size: 15px; line-height: 50px; color: #9C9C9C; }
.detail-nav ul li .arc-btn:hover, .detail-nav ul li .arc-btn.active { color: #000; }
.device-detail-wrap { position: relative; min-width: 1160px; background-color: #fff; color: #000; margin-top: 50px; padding-top: 50px; border-top: 1px solid #E8E9ED; }
.device-detail-wrap.active { z-index: 999; }
.is-search .device-detail-wrap.active{z-index: 1;}
.device-detail-wrap.top { padding-top: 0; }
.s-device { position: relative; }
.s-device .title-wrap { display: flex; align-items: center; gap: 18px; margin-bottom: 15px; }
.s-device .title-wrap .title { font-family: "outfit", "Pretendard"; font-weight: 700; font-size: 40px; line-height: 44px; }
.s-device .title-wrap .title .en { font-family: "Outfit", "Pretendard"; }
.s-device .title-wrap .spec-btn-wrap button { display: flex; align-items: center; justify-content: center; gap: 2px; width: 100px; height: 34px; background-color: #EDEFF3; border-radius: 48px; font-weight: 600; font-size: 14px; line-height: 14px; color: #000; }
.s-device .title-wrap .spec-btn-wrap button img { width: 18px; height: 18px; object-fit: cover; }
.s-device .title-wrap .spec-btn-wrap button:hover { background-color: #E8E9ED; }
.s-device .container { width: 1160px; margin: 0 auto; display: flex; gap: 40px; height: auto; position: relative; }
.s-device .device-img { position: sticky; top: 65px; width: 680px; height: auto; }
.s-device .device-img .device-img__slider { overflow: hidden; border-radius: 30px; }
.s-device .device-img .device-img__slider .swiper-slide { display: flex; align-items: center; justify-content: center; }
.s-device .device-img .device-img__slider .swiper-slide .img-item { display: flex; align-items: center; justify-content: center; width: 680px; height: 495px; text-align: center; position: relative; }
.s-device .device-img .device-img__slider .swiper-slide .img-item:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 8, 20, 0.03); content: ""; }
.s-device .device-img .device-img__slider .swiper-slide .img-item img { width: 308px; height: 308px; object-fit: contain; }
.s-device .device-img .device-img__slider .custom-pagination { position: absolute; bottom: 20px; display: flex; justify-content: center; gap: 12px; }
.s-device .device-img .device-img__slider .custom-pagination .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0; border-radius: 20px; background-color: #CDCFD6; opacity: 1; transition: all 0.3s; }
.s-device .device-img .device-img__slider .custom-pagination .swiper-pagination-bullet-active { width: 40px; }
.s-device .type-select { width: 440px; height: auto; position: relative; padding-top: 59px; }
.s-device .type-select::-webkit-scrollbar { width: 8px; }
.s-device .type-select::-webkit-scrollbar-track { background-color: #f1f1f1; }
.s-device .type-select::-webkit-scrollbar-thumb { background-color: #bbb; border-radius: 4px; }
.s-device .type-select > section { padding-bottom: 40px; }
.s-device .type-select .tit { display: flex; align-items: center; gap: 5px; margin-bottom: 20px; position: relative; }
.s-device .type-select .tit .tool-tip { width: 18px; height: 18px; }
.s-device .type-select .tit .tool-tip img { width: 100%; }
.s-device .type-select .tit h3 { font-weight: 700; font-size: 20px; line-height: 20px; color: #000; }
.s-device .type-select .Subscription-Type .notice{
      margin-top:10px;
      height: 30px;
      padding-left:10px;
}
.s-device .type-select .Subscription-Type .notice li{
      font-weight: 400;
      font-size: 14px;
      line-height: 22px;
      color: #666769;
      word-break: keep-all;
      padding-left: 8px;
      text-indent: -8px;
}
.tool-tip-box[data-id="Subscription-Type"] { width: 100%; bottom: -120px; right: 0; z-index: 1; }
.tool-tip-box[data-id="Subscription-Type"]::after { top: auto; bottom: 100%; left:218px; border-color: transparent transparent #fff transparent; /* 위쪽 방향 삼각형 */ }
.s-device .type-select .tit .tool-tip-box p, .s-device .type-select .tit .tool-tip-box p + .sub-list li { font-weight: 500; font-size: 14px; line-height: 22px; color: #19191A; }
.s-device .type-select .button-list { display: flex; gap: 8px; }
.s-device .type-select .button-list li .btn-select { display: inline-flex; align-items: center; width: 100%; border: 1px solid #DDDDDD; border-radius: 15px; color: #000; font-weight: 600; font-size: 16px; line-height: 16px; }
.s-device .type-select .button-list li input[type="radio"]:checked + label, .s-device .type-select .button-list li input[type="checkbox"]:checked + label { border: 2px solid #9933FF; color: #9933FF; box-shadow: 0px 0px 10px 0px #5833FF30; }
.s-device .type-select .button-list li .btn-select:hover { border: 2px solid #9933FF; color: #9933FF; box-shadow: 0px 0px 10px 0px #5833FF30; }
.s-device .type-select .button-list.column { flex-direction: column; gap: 10px; }
.s-device .type-select .button-list li { width: 33%; }
.s-device .type-select .button-list.column li { width: 100%; }
.s-device .type-select .button-list li .btn-select { justify-content: center; padding: 17px 0; }
.s-device .type-select .device-condition .sale-price { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.s-device .type-select .device-condition .sale-price p { font-weight: 500; font-size: 16px; line-height: 16px; }
.s-device .type-select .device-condition .sale-price .price { font-family: "Outfit", "Pretendard"; font-weight: 600; font-size: 20px; line-height: 20px; text-align: right; color: #9E9E9E; text-decoration: line-through; }
.s-device .type-select .device-condition .sale-price .price span { font-family: "Pretendard"; font-weight: 500; }
.s-device .type-select .device-condition .list-wrap .list-more { display: none; align-items: center; margin: 10px auto 0; font-weight: 500; font-size: 16px; line-height: 16px; }
.s-device .type-select .device-condition .list-wrap .list-more.show { display: flex; }
.s-device .type-select .device-condition .list-wrap .list-more::before { content: ''; display: inline-block; width: 14px; height: 14px; background: url("/web/images/global/icn_list_plus.png") no-repeat center / contain; transition: background-image 0.3s ease; }
.s-device .type-select .device-condition .list-wrap.expanded .list-more::before { background-image: url("/web/images/global/icn_list_minus.png"); }
.s-device .type-select .device-condition .list-wrap .button-list { }
.s-device .type-select .device-condition .button-list li.selected { display: block; }
.s-device .type-select .device-condition .button-list li .btn-select { justify-content: space-between; padding: 20px 25px; }
.s-device .type-select .device-condition .button-list li .btn-select .info { display: flex; align-items: center; gap: 14px; font-weight: 500; font-size: 14px; line-height: 14px; }
.s-device .type-select .device-condition .button-list li .btn-select .info .as-info { color: #787C87; }
.s-device .type-select .device-condition .button-list li .btn-select .info .icon-apple { padding-left: 16px; background: url("../images/global/icn_apple.png") 0 0 no-repeat; background-position: 0 0; background-size: 14px 14px; }
.s-device .type-select .device-condition .button-list li .btn-select .info .price { font-family: "Outfit", "Pretendard"; font-weight: 700; font-size: 22px; line-height: 22px; }
.s-device .type-select .device-condition .button-list li .btn-select .info .price span { font-weight: 700; font-size: 16px; line-height: 20px; }
.s-device .type-select .sold-out-wrap { display: flex; flex-direction: row; align-items: center; gap: 10px; }
.s-device .type-select .sold-out-wrap .img-item { width: 80px; height: 80px; }
.s-device .type-select .sold-out-wrap .img-item img { width: 100%; height: 100%; object-fit: cover; }
.s-device .type-select .sold-out-wrap .text { display: flex; flex-direction: column; gap: 6px; text-align: left; }
.s-device .type-select .sold-out-wrap .text .img-item { margin-top: 4px; }
.s-device .type-select .sold-out-wrap .text strong { font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #000; }
.s-device .type-select .sold-out-wrap .text p { font-weight: 400; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; color: #787C87; }
.s-device .type-select .color-option .tit {
font-weight: 700;
font-size: 20px;
line-height: 28px;
letter-spacing: -0.4px;
color: #000;
margin-bottom: 14px; }
.s-device .type-select .color-option .colortext { font-weight: 500; font-size: 14px; line-height: 14px; margin-bottom: 14px; }
.s-device .type-select .color-option .color-list { display: flex; gap: 20px; }
.s-device .type-select .color-option .color-list .sold-out { text-align: center; }
.s-device .type-select .color-option .color-list .sold-out .color-box { margin: 0 auto; }
.s-device .type-select .color-option .color-list .text { display: none; }
.s-device .type-select .color-option .color-list .sold-out .text { display: block; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0px; color: #787C87; }
.s-device .type-select .color-option .color-list .color-box { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; }
.s-device .type-select .color-option .color-list li.active .color-box { border: 2px solid #9933FF; }
.s-device .type-select .color-option .color-list .color-chip { width: 26.5px; height: 26.5px; border: 1px solid #D7D9E0; border-radius: 50%; overflow: hidden; }
.s-device .type-select .color-option .color-list .color-chip .colorBox { position: relative; display: inline-block; background: none; width: 100%; height: 100%; border: none; }
.s-device .type-select .color-option .color-list .color-chip .colorBox img { object-fit: cover; object-position: center; }
.s-device .type-select .color-option .color-list li.active .btn { border-color: #fff; }
.s-device .type-select .plan-seclect { position: relative; }
.s-device .type-select .plan-seclect .top-button-wrap { display: flex; align-items: center; gap: 8px; margin-bottom: 20px; }
.s-device .type-select .plan-seclect .top-button-wrap button { flex: 1; height: 52px; border: 1px solid #E8E9ED; font-weight: 700; font-size: 18px; line-height: 52px; color: #000; border-radius: 14px; text-align: center; }
.s-device .type-select .plan-seclect .top-button-wrap button.active, .s-device .type-select .plan-seclect .top-button-wrap button:hover { border: 2px solid #9933FF; color: #9933FF; box-shadow: 0px 0px 10px 0px #5833FF30; }
.s-device .type-select .plan-seclect .tab-menu-contents-wrap { min-height: 840px; }
.s-device .type-select .plan-seclect .tab-menu-contents-wrap .tab-contents { width: 100%; }
.s-device .type-select .plan-seclect .plan-list .list { gap: 10px; }
.s-device .type-select .plan-seclect .plan-list .list .list-item { border: 1px solid #E8E9ED; border-radius: 25px; background-color: #fff; height: auto; position: relative; }
.s-device .type-select .plan-seclect .plan-list .list .list-item.selected { border: 2px solid #9933FF; box-shadow: 0px 0px 10px 0px #5833FF30; }
.s-device .type-select .plan-seclect .plan-list .list .list-item.selected .info-wrap .plan .m-price { color: #9933FF; }
.s-device .type-select .plan-seclect .plan-list .list .list-item .top { position: absolute; top: -10px; left: 30px; width: 162px; height: 22px; font-size: 12px; line-height: 22px; text-align: center; background: linear-gradient(78.37deg, #7316DE 8.53%, #405CF6 91.47%); border-radius: 8px; color: #fff; }
.s-device .type-select .plan-seclect .plan-list .list .list-item .info-wrap { gap: 20px; padding-bottom: 0; }
.s-device .type-select .plan-seclect .plan-list .list .list-item .info-wrap .plan h2 { font-size: 46px; line-height: 46px; }
.s-device .type-select .plan-seclect .plan-list .list .list-item .info-wrap .plan h2 em { display: inline-block; font-family: "Pretendard"; font-weight: 600; font-size: 20px; line-height: 28px; }
.s-device .type-select .plan-seclect .plan-list .list .list-item .info-wrap .plan { flex-direction: column; align-items: flex-start; }
.s-device .type-select .plan-seclect .plan-list .list .list-item .info-wrap .plan .sub-info { flex-wrap: wrap; margin: 0 0 20px; gap: 15px; }
.s-device .type-select .plan-seclect .plan-list .list .list-item .info-wrap .plan .sub-info p { display: flex; height: 20px; gap: 15px; }
.s-device .type-select .plan-seclect .plan-list .list .list-item .info-wrap .plan .price { align-items: center; flex-direction: row; gap:6px;}
.s-device .type-select .plan-seclect .plan-list .list .list-item .info-wrap .plan .m-price { color: #000; }
.s-device .type-select .plan-seclect .button-wrap { width: 100%; display: flex; justify-content: center; margin-top: 20px; }
.s-device .type-select .plan-seclect .button-wrap .more-btn { display: flex; align-items: center; font-weight: 500; font-size: 16px; line-height: 16px; color: #000; }
.s-device .type-select .plan-seclect .button-wrap .more-btn:hover { color: #5B5E67; }
.s-device .type-select .plan-seclect .button-wrap .more-btn img { width: 18px; height: 18px; object-fit: cover; }
.s-device .type-select .plan-discount .button-list.column li .btn-select { justify-content: space-between; padding: 20px 25px; }
.s-device .type-select .plan-discount .button-list li .btn-select span { font-weight: 500; font-size: 16px; line-height: 16px; }
.s-device .type-select .plan-discount .button-list li .btn-select .info .price { font-family: "Outfit", "Pretendard"; font-weight: 700; font-size: 24px; line-height: 24px; }
.s-device .type-select .plan-discount .button-list li .btn-select .info .price span { font-weight: 700; font-size: 16px; line-height: 20px; }
.s-device .type-select .plan-months h4 { font-weight: 600; font-size: 16px; line-height: 16px; color: #787C87; margin-bottom: 15px; }
.s-device .type-select .more-benefit .button-list.column { margin-bottom: 15px; }
.s-device .type-select .more-benefit .button-list.column li .btn-select { justify-content: space-between; padding: 19px 25px; }
.s-device .type-select .more-benefit .button-list.column li .btn-select .info { text-align: right; }
.s-device .type-select .more-benefit .button-list.column li .btn-select .info p:first-child { 
font-weight: 500;
font-size: 12px;
line-height: 20px;
letter-spacing: -0.1px;
color: #787C87;
}
.s-device .type-select .more-benefit .button-list.column li .btn-select .info .price { font-weight: 600; font-size: 15px; line-height: 15px; }
.s-device .type-select .more-benefit .button-list.column li .btn-select .info .price span { font-family: "Outfit", "Pretendard"; font-weight: 700; font-size: 24px; line-height: 24px; margin-left: 2px; }
.s-device .type-select .more-benefit .notice { display: flex; flex-direction: column; gap: 8px; margin-bottom: 15px; }
.s-device .type-select .more-benefit .notice li { font-weight: 400; font-size: 14px; line-height: 22px; color: #666769; word-break: keep-all; padding-left: 8px; text-indent: -8px; }
.s-device .type-select .more-benefit .link { display: inline-flex; align-items: center; font-family: Pretendard; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.1px; color: #000; }
.s-device .type-select .more-benefit .link:hover { color: #5B5E67; }
.s-device .type-select .more-benefit .link img { width: 18px; height: 18px; object-fit: cover; }
.s-feature { width: 1160px; margin: 0 auto; padding: 100px 0; }
.s-feature .detail-contents .tab-menu-box .tab-menu { display: flex; align-items: center; }
.s-feature .detail-contents .tab-menu-box .tab-menu li { flex: 1; padding: 25px 0; text-align: center; font-weight: 700; font-size: 18px; line-height: 18px; color: #93959B; border-bottom: 1px solid #F0F1F5; cursor: pointer; }
.s-feature .detail-contents .tab-menu-box .tab-menu li.active, .s-feature .detail-contents .tab-menu-box .tab-menu li:hover { color: #000; border-bottom: 2px solid #000; }
.s-feature .detail-contents .tab-menu-contents-wrap { overflow: hidden; }
.s-feature .detail-contents .benefit-cont .title span { color: #9933FF; }
.s-feature .detail-contents .benefit-cont .benefit-card { display: flex; flex-wrap: wrap; gap: 15px; margin: 40px 0; }
.s-feature .detail-contents .benefit-cont .benefit-card .card-item { display: flex; flex-direction: column; width: 375px; height: auto; min-height:475px; padding: 32px 34px; background: #F6F7F9; border-radius: 30px; overflow: hidden; transition: transform 0.3s ease; }
.s-feature .detail-contents .benefit-cont .benefit-card .card-item.link { position: relative; }
.s-feature .detail-contents .benefit-cont .benefit-card .card-item.link:after { content: ""; display: block; position: absolute; right: 32px; bottom: 30px; width: 24px; height: 24px; display: block; background-image: url(/web/images/global/icn_arrow_line_white.png); background-position: center center; background-repeat: no-repeat; background-size: 50%; background-color: #D7D9E0; border-radius: 50%; }
.s-feature .detail-contents .benefit-cont .benefit-card .card-item.link:hover::after { background-color: #E8E9ED; }
.s-feature .detail-contents .benefit-cont .benefit-card .card-item .img-cont { width: 144px; height: 125px; flex-shrink:0; overflow: hidden; margin: 0 auto 40px; }
.s-feature .detail-contents .benefit-cont .benefit-card .card-item .img-cont img{width: 100%; object-fit: cover;}
.s-feature .detail-contents .benefit-cont .benefit-card .card-item .cont p { font-weight: 500; font-size: 15px; line-height: 20px; }
.s-feature .detail-contents .benefit-cont .benefit-card .card-item .cont h3 { font-family: "Outfit", "Pretendard";  font-weight: 700; font-size: 30px; line-height: 40px; margin: 8px 0 20px; }
.s-feature .detail-contents .benefit-cont .benefit-card .card-item .cont h3 span { color: #9933FF; }
.s-feature .detail-contents .benefit-cont .benefit-card .card-item .cont ul { display: flex; flex-direction: column; gap: 6px; }
.s-feature .detail-contents .benefit-cont .benefit-card .card-item .cont ul > li { font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: 0; color: #2A2B2C; padding-left: 5px; text-indent: -5px; }
.s-feature .detail-contents .benefit-cont .benefit-card .card-item .text-wrap { font-weight: 500; font-size: 16px; line-height: 24px; word-break: break-all; word-wrap: break-word; }
.s-feature .detail-contents .benefit-cont .caution-info h4 { display: flex; align-items: center; font-weight: 700; font-size: 16px; line-height: 16px; gap: 4px; margin-bottom: 25px; }
.s-feature .detail-contents .benefit-cont .caution-info h4 img { width: 18px; height: 18px; object-fit: contain; }
.s-feature .detail-contents .benefit-cont .caution-info ul { display: flex; flex-direction: column; gap: 8px; }
.s-feature .detail-contents .benefit-cont .caution-info ul > li { font-weight: 400; font-size: 14px; line-height: 20px; color: #666769; }
.s-feature .detail-contents .feature-wrap { padding: 40px 0; text-align: center; }
.s-feature .detail-contents .feature-wrap .feature-img { position: relative; height: 1000px; overflow: hidden; transition: height 0.4s ease; z-index: 0; }
.s-feature .detail-contents .feature-wrap .feature-img::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 130px;    /* 그라데이션 높이 */ pointer-events: none; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 100%); transition: opacity 0.3s ease; opacity: 1; z-index: 10; }
.s-feature .detail-contents .feature-wrap .feature-img.expanded { height: auto; }

/* 확장 시 그라데이션 숨김 */
.s-feature .detail-contents .feature-wrap .feature-img.expanded::after { opacity: 0; pointer-events: none; }
.s-feature .detail-contents .feature-wrap .btn-wrap { margin-top: 25px; }
.s-feature .detail-contents .feature-wrap .feature-more { display: flex; align-items: center; justify-content: center; width: 142px; height: 38px; margin: 0 auto; border: 1px solid #D7D9E0; border-radius: 30px; gap: 2px; color: #000; }
.s-feature .detail-contents .feature-wrap .feature-more:hover { background-color: #F6F7F9; }
.s-feature .detail-contents .feature-wrap .feature-more::after { content: ''; display: inline-block; width: 14px; height: 14px; background: url("/web/images/global/icn_list_plus.png") no-repeat center / contain; transition: background-image 0.3s ease; }
.s-feature .detail-contents .feature-wrap .feature-more.on::after { background-image: url("/web/images/global/icn_list_minus.png"); }

/*  리뷰 영역  */
.s-feature .detail-contents .review-wrap .ai-review { display: flex; align-items: center; gap: 30px; padding: 60px; background: linear-gradient(360deg, #D7DBFD -13.35%, #E1CFFA 4.4%, #F1E8FD 43.05%, #F3F3F5 89.2%); border-radius: 30px; margin-bottom: 40px; }
.s-feature .detail-contents .review-wrap .ai-review .img-wrap { width: 463px; text-align: center; background: url("/web/images/main/img_feature_ai_bg.png") 0 50% no-repeat; }
.s-feature .detail-contents .review-wrap .ai-review .img-wrap img { width: 194px; height: 158px; object-fit: contain; overflow: hidden; }
.s-feature .detail-contents .review-wrap .ai-review .review-text { width: 540px; }
.s-feature .detail-contents .review-wrap .ai-review .review-text .title { font-weight: 700; font-size: 34px; line-height: 34px; margin-bottom: 25px; }
.s-feature .detail-contents .review-wrap .ai-review .review-text .title span { display: inline-flex; background: linear-gradient(90deg, #673AFF 0%, #AD3AFF 41.75%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
.s-feature .detail-contents .review-wrap .ai-review .review-text .review-summury { font-weight: 400; font-size: 16px; line-height: 25px; padding-left: 30px; margin-bottom: 20px; }
.s-feature .detail-contents .review-wrap .ai-review .review-text .hashtag { display: flex; padding-left: 30px; gap: 4px; }
.s-feature .detail-contents .review-wrap .ai-review .review-text .hashtag li { height: 28px; font-weight: 600; font-size: 14px; line-height: 28px; padding: 0 10px; background-color: #C899FB; border-radius: 10px; color: #F4F2FF; }

/*  하단 계산하기 덕  */
.s-order { position: sticky; bottom: 0; width: 100%; z-index: 1; }
.s-order .s-order-wrap { position: relative; background: linear-gradient(90deg, #9933FF 0%, #5533FF 100%); height: 80px; z-index: 2; }
.s-order .s-order-wrap .inner { width: 1160px; height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; font-weight: 500; font-size: 14px; line-height: 14px; color: #fff; }
.s-order .s-order-wrap .order-name { display: inline-flex; align-items: center; gap: 8px; }
.s-order .s-order-wrap .order-name .name { font-family: "Outfit", "Pretendard"; font-weight: 600; font-size: 24px; line-height: 24px; color: #fff; }
.s-order .s-order-wrap .order-name .color { display: inline-flex; }
.s-order .s-order-wrap .order-name .color.hidden { display: none; }
.s-order .s-order-wrap .order-summary { display: flex; align-items: center; gap: 16px; }
.s-order .s-order-wrap .order-summary .price-summary,
.s-order .s-order-wrap .order-summary .roll-box { display: inline-flex; align-items: center; gap: 4px; }
.s-order .s-order-wrap .order-summary .roll-box{cursor: pointer;} 
.s-order .s-order-wrap .order-summary .price-summary { gap: 9px; }
.s-order .s-order-wrap .order-summary .price-summary.hidden, .s-order .s-order-wrap .order-summary .roll-box.hidden { display: none; }
.s-order .s-order-wrap .order-summary .roll-box .rolling-icon img { animation: bounceUpDown 1s ease-in-out infinite; display: inline-block; }
.s-order .s-order-wrap .order-summary .roll-box .rolling-icon.hidden { display: none; }
.s-order .s-order-wrap .order-summary .price-summary .price { font-family: "Outfit", "Pretendard"; display: flex; align-items: center; font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; }
.s-order .s-order-wrap .order-summary .price-summary .price span { display: inline-block; margin: 0 1px 0 4px; font-family: 'Outfit'; font-weight: 700; font-size: 24px; line-height: 32px; letter-spacing: 0; }
.s-order .s-order-wrap .order-summary .button-wrap button { display: inline-flex; align-items: center; justify-content: center; font-size: 16px; }
.s-order .s-order-wrap .order-summary .button-wrap button:disabled { opacity: 0.5;    /* 흐릿하게 */ pointer-events: none; filter: grayscale(30%) brightness(90%); }
.s-order .s-order-wrap .order-summary .button-wrap .btn-call { width: 82px; height: 48px; background-color: #fff; border-radius: 54px; color: #000; margin-right: 6px; }
.s-order .s-order-wrap .order-summary .button-wrap .btn-call:hover { background-color: #F6F7F9; }
.s-order .s-order-wrap .order-summary .button-wrap .btn-quick {gap: 5px; width: 178px; height: 48px; background-color: #000; border-radius: 24px; color: #fff; margin-right: 25px; }
.s-order .s-order-wrap .order-summary .button-wrap .btn-quick img { width: 18px; height: 18px; object-fit: cover; }
.s-order .s-order-wrap .order-summary .button-wrap .btn-quick:hover { background-color: #5B5E67; }
.s-order .s-order-wrap .order-summary .button-wrap .btn-open { width: 44px; height: 44px; border-radius: 50%; background-color: #2400D6; }
.s-order .s-order-wrap .order-summary .button-wrap .btn-open:hover { background-color: #7575FF; }
.s-order .s-order-wrap .order-summary .button-wrap .btn-open img { transform: rotate(-90deg); width: 18px; height: 18px; object-fit: cover; }
.s-order .s-order-wrap .order-summary .button-wrap .btn-open.active img { transform: rotate(-270deg);    /* 예: 화살표 회전 */ }
.s-order .order-info-wrap { height: 0; visibility: hidden; overflow: hidden;    /* 내부 컨텐츠 숨김 */ opacity: 0.5; transition: all 0.6s ease; background-color: #fff; box-shadow: 0 0 50px 0 #26252826; }
.s-order .order-info-wrap.show { position: relative; visibility: visible; overflow: visible; height: auto;    /* 실제 보여줄 높이 */ opacity: 1; z-index: 1; }
.s-order .order-info-wrap .order-detail { width: 1160px; margin: 0 auto; display: flex; margin-bottom: 18px; padding: 40px 0 30px; border-bottom: 1px solid #E7E7E7; gap: 85px; }
.s-order .order-info-wrap .order-detail .device-info, .s-order .order-info-wrap .order-detail .extra-info, .s-order .order-info-wrap .order-detail .plan-info { flex: 1; display: flex; flex-direction: column; gap: 20px; }
.s-order .order-info-wrap .order-detail .info-item, .s-order .order-info-wrap .order-detail .info-title { display: flex; align-items: center; justify-content: space-between; font-weight: 600; font-size: 20px; line-height: 20px; }
.order-info-wrap .order-detail .extra-info .exemption { font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: -0.4px; }
.order-info-wrap .order-detail .extra-info .usim-price { display: flex; align-items: center; }
.order-info-wrap .order-detail .extra-info .usim-price .gray-color { display: inline-block; font-weight: 500; font-size: 14px; line-height: 22px; letter-spacing: -0.1px; color: #AEB0B7; margin-right: 6px; }
.s-order .order-info-wrap .order-detail .sub-list { display: flex; flex-direction: column; gap: 12px; }
.s-order .order-info-wrap .order-detail .sub-list li { display: inline-flex; align-items: center; justify-content: space-between; font-weight: 500; font-size: 16px; line-height: 16px; color: #969898; position: relative; }
.s-order .order-info-wrap .order-detail .sub-list li .point-color { color: #000; }
.s-order .order-info-wrap .order-detail .tool-tip { width: 18px; height: 18px; position: relative; }
.s-order .order-info-wrap .order-detail .tool-tip img { width: 100%; }
.s-order .order-info-wrap .order-detail .tool-tip-content { position: relative; }
.s-order .order-info-wrap .order-detail .tool-tip-box { z-index: 10; }
.s-order .order-info-wrap .order-detail .tool-tip-box.installment { width: 612px; height: 325px; padding: 24px 20px; top: -340px; left: -125px; color: #000; }
.s-order .order-info-wrap .order-detail .tool-tip-box::after { left: 51%; }
.s-order .order-info-wrap .order-detail .tool-tip-box.installment .content { display: flex; flex-direction: column; gap: 10px; }
.s-order .order-info-wrap .order-detail .tool-tip-box.installment h3 { font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; }
.s-order .order-info-wrap .order-detail .tool-tip-box.installment .list { display: flex; align-items: center; margin-bottom: 8px; border-bottom: 1px solid #D7D9E0; }
.s-order .order-info-wrap .order-detail .tool-tip-box.installment .list li { display: flex; flex-direction: column; align-items: center; }
.s-order .order-info-wrap .order-detail .tool-tip-box.installment .list li p { width: 190px; padding: 15px 0; font-weight: 500; font-size: 15px; line-height: 24px; letter-spacing: -0.3px; text-align: center; color: #000; }
.s-order .order-info-wrap .order-detail .tool-tip-box.installment .box .total { font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0px; color: #5B5E67; text-align: right; }
.s-order .order-info-wrap .order-detail .tool-tip-box.installment .list li p:first-child { background-color: #F6F7F9; }
.s-order .order-info-wrap .order-detail .tool-tip-box.installment .info { margin-top: 10px; }
.s-order .order-info-wrap .order-detail .tool-tip-box.installment .info li { font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: 0; color: #787C87; }
.s-order .order-info-wrap .order-detail .tool-tip-box.s-dicount { width: 315px; height: auto; bottom: 30px; left: -150px; }
.s-order .order-info-wrap .order-detail .tool-tip-box.s-dicount .box { height: auto; overflow-y: auto; max-height: 400px; text-align: left; }
.s-order .order-info-wrap .order-detail .tool-tip-box.s-dicount .box::-webkit-scrollbar { width: 4px; }
.s-order .order-info-wrap .order-detail .tool-tip-box.s-dicount .box::-webkit-scrollbar-track { background-color: #f1f1f1; }
.s-order .order-info-wrap .order-detail .tool-tip-box.s-dicount .box::-webkit-scrollbar-thumb { background-color: #bbb; border-radius: 4px; }
.s-order .order-info-wrap .order-detail .tool-tip-box.s-dicount .info { display: flex; flex-direction: column; gap: 20px; }
.s-order .order-info-wrap .order-detail .tool-tip-box.s-dicount .info li { display: inline-block; text-align: left; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0px; color: #19191A; word-break: keep-all; padding-left: 8px; text-indent: -8px; }

.s-order .order-info-wrap .order-detail .tool-tip-box.s-dicount .info li .link{ display: flex; align-items: center; padding-left: 8px;}
.s-order .order-info-wrap .order-detail .tool-tip-box.s-dicount .info li .link::after { content: ""; display: block; width: 14px; height: 14px; background: url('/web/images/global/icn_arrow_blk_right.png') 0 0  no-repeat; background-size: 100%; }

.s-order .order-info-wrap .order-detail .info-item .eng { font-family: "Outfit", "Pretendard"; }
.s-order .order-info-wrap .order-detail .info-item .gray-color { display: inline-block; font-size: 14px; line-height: 14px; color: #969898; margin-right: 6px; }
.s-order .order-info-wrap .order-detail .info-item em { font-size: 16px; line-height: 23px; }
.s-order .total-price-wrap { width: 1160px; margin: 0 auto; text-align: right; }
.s-order .total-price-wrap .info-iteam { display: inline-flex; align-items: center; justify-content: space-between; gap: 80px; }
.s-order .total-price-wrap .info-iteam h3 { font-weight: 600; font-size: 18px; line-height: 22px; }
.s-order .total-price-wrap .info-iteam .total-price { display: flex; align-items: center; font-family: "Outfit", "Pretendard"; font-weight: 600; font-size: 30px; line-height: 30px; color: #9933FF; }
.s-order .total-price-wrap .info-iteam .total-price em { display: inline-block; font-size: 20px; line-height: 28px; margin-right: 2px; }
.s-order .total-price-wrap .info-iteam .total-price span { font-size: 24px; line-height: 28px; }

/* 위아래로 부드럽게 움직이는 애니메이션 */
@keyframes bounceUpDown {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-10px);        /* 위로 이동 */ }
}

/* 핸드폰 확인 모달 */
.device-check-modal .container { width: 532px; height: auto; max-height: 760px; }
.device-check-modal .container .pop-wrap { padding-bottom: 30px; }
.device-check-modal .container .pop-wrap .info-wrap { overflow-y: auto; max-height: 500px; }
.device-check-modal .container .pop-wrap .info-wrap::-webkit-scrollbar { width: 4px; }
.device-check-modal .container .pop-wrap .info-wrap::-webkit-scrollbar-track { background-color: #fff; }
.device-check-modal .container .pop-wrap .info-wrap::-webkit-scrollbar-thumb { background-color: #E8E9ED; border-radius: 4px; }
.device-check-modal .container .pop-wrap h3 { font-weight: 700; font-size: 22px; line-height: 22px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #f2f2f2; }
.device-check-modal .container .pop-wrap h4 { font-weight: 600; font-size: 16px; line-height: 16px; }
.device-check-modal .container .pop-wrap h4 span { color: #9933FF; }
.device-check-modal .container .pop-wrap .info { margin-bottom: 40px; }
.device-check-modal .container .pop-wrap .info-list { display: flex; flex-direction: column; gap: 8px; margin: 15px 0; }
.device-check-modal .container .pop-wrap .info-list li { font-weight: 400; font-size: 15px; line-height: 22px; color: #393A3C; padding-left: 6px; text-indent: -6px; }
.device-check-modal .container .pop-wrap .button-wrap { width: 100%; text-align: center; }
.device-check-modal .container .pop-wrap .button-wrap button { width: 170px; height: 50px; font-size: 16px; font-weight: 600; line-height: 50px; background-color: #000; color: #fff; text-align: center; border-radius: 24px; }
.device-check-modal .container .pop-wrap .button-wrap button:hover { background-color: #5B5E67; }

/* 스펙 팝업  */
.spec-modal .container { width: 600px; height: 740px; }
.spec-modal .container .pop-wrap { height: 640px; color: #000; }
.spec-modal .container .pop-wrap h3 { font-weight: 600; font-size: 22px; line-height: 22px; margin-bottom: 25px; }
.spec-modal .container .pop-wrap .spec-info { position: relative; }
.spec-modal .container .pop-wrap .spec-info .info-top { text-align: center; margin-bottom: 30px; }
.spec-modal .container .pop-wrap .spec-info .info-top h2 { font-weight: 700; font-size: 28px; line-height: 28px; }
.spec-modal .container .pop-wrap .spec-info .img-wrap { width: 150px; height: 150px; margin: 0 auto 12px; text-align: center; }
.spec-modal .container .pop-wrap .spec-info .info-top .img-wrap img { width: auto; height: 100%; }
.spec-modal .container .pop-wrap .spec-info .info-top .type-badge { display: inline-block; height: 22px; margin-bottom: 10px; padding: 0 8px; font-weight: 500; font-size: 12px; line-height: 22px; background-color: #EDE5FF; border-radius: 6px; color: #9933FF; }
.spec-modal .container .pop-wrap .spec-info .spec-card { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 60px; }
.spec-modal .container .pop-wrap .spec-info .spec-card li { display: inline-flex; flex-direction: column; width: 164px; height: 164px; padding: 25px 20px; background-color: #F6F7F9; border-radius: 15px; }
.spec-modal .container .pop-wrap .spec-info .spec-card li .sp-icon { width: 24px; height: 24px; }
.spec-modal .container .pop-wrap .spec-info .spec-card li h4 { font-weight: 600; font-size: 18px; line-height: 18px; margin: 25px 0 8px; }
.spec-modal .container .pop-wrap .spec-info .spec-card li h4 + p {word-break: break-all; font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.4px; }
.spec-modal .container .pop-wrap .spec-info .device-spec-table { width: 100%; }
.spec-modal .container .pop-wrap .spec-info .device-spec-table thead td, .spec-modal .container .pop-wrap .spec-info .device-spec-table thead th { background-color: #F5F5F7; text-align: center; font-weight: 600; }
.spec-modal .container .pop-wrap .spec-info .device-spec-table td, .spec-modal .container .pop-wrap .spec-info .device-spec-table th { text-align: left; padding: 12px 18px; font-weight: 400; font-size: 16px; line-height: 16px; color: #000; }
.spec-modal .container .pop-wrap .spec-info .device-spec-table tbody th { border-bottom: 1px solid #DDDDDD; }
.spec-modal .container .pop-wrap .spec-info .device-spec-table tbody td { border-left: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }

/*  전체 요금제 모달  */
.all-plan-modal .container { width: 1160px; height: 70%; min-height: 600px; overflow: hidden; }
.all-plan-modal .container .pop-wrap { overflow: visible; padding: 0; height: 100%; }
.all-plan-modal .container .pop-wrap .title { display: flex; align-items: center; gap: 5px; padding: 0 40px 25px; position: relative; font-weight: 700; font-size: 26px; line-height: 26px; color: #000; }
.all-plan-modal .container .pop-wrap .title .tool-tip { width: 20px; height: 20px; }
.all-plan-modal .container .pop-wrap .title .tool-tip img { width: 100%; }
.all-plan-modal .container .pop-wrap .title .tool-tip-box { display: none; position: absolute; top: -45px; left: 164px; padding: 12px 14px; background-color: #fff; border-radius: 10px; box-shadow: 0 0 10px 0 #00000026; }
.all-plan-modal .container .pop-wrap .tool-tip-box::after { content: ''; position: absolute; top: 100%; left: 46%; transform: translateX(-50%); border-width: 7px; border-style: solid; border-color: #fff transparent transparent transparent; }
.all-plan-modal .container .pop-wrap .title .tool-tip-box p { font-weight: 500; font-size: 14px; line-height: 14px; }
.all-plan-modal .container .pop-wrap .title .tool-tip-box.show { display: block; }
.all-plan-modal .container .pop-wrap .result-list .header { padding: 0 40px 40px; text-align: right; }
.all-plan-modal .container .pop-wrap .result-list .header .drop_box { position: relative; }
.all-plan-modal .container .pop-wrap .result-list .header .drop_box .list_box .options_wrap .option label { font-weight: 500; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; padding: 12.5px 0 12.5px 20px; }
.all-plan-modal .container .pop-wrap .header .button-wrap { display: flex; gap: 8px; }
.all-plan-modal .container .pop-wrap .header .button-wrap .type { width: 58px; height: 44px; font-weight: 500; font-size: 16px; line-height: 44px; background-color: #F6F7F9; border-radius: 58px; color: #A6A6A6; text-align: center; }
.all-plan-modal .container .pop-wrap .header .button-wrap .type.selected, .all-plan-modal .container .pop-wrap .header .button-wrap .type:hover { background-color: #19191A; color: #fff; }
.all-plan-modal .container .pop-wrap .header .drop_box button { padding: 12.5px 20px 12.5px 20px; border: 1px solid #E8E9ED; border-radius: 10px; font-weight: 500; font-size: 15px; line-height: 21px; letter-spacing: -0.3px; color: #AEB0B7; gap: 4px; }
.all-plan-modal .container .pop-wrap .header .drop_box button.active { color: #000; }
.all-plan-modal .container .pop-wrap .header .drop_box button::after { width: 18px; height: 18px; background: url("/web/images/global/icn_arrow_gray_2.png") center right no-repeat; background-size: 100%; transition: transform 0.4s ease; transform: rotate(0deg); }
.all-plan-modal .container .pop-wrap .header .drop_box button.rotate::after { transform: rotate(180deg); }
.all-plan-modal .container .pop-wrap .header .drop_box button.active::after { width: 18px; height: 18px; background: url("/web/images/global/icn_arrow_blk.png") center right no-repeat; transform: rotate(0deg); background-size: 100%; }
.all-plan-modal .container .pop-wrap .header .drop_box .drop_item .list_box { top: 60px !important; }
.all-plan-modal .container .pop-wrap .plan-list { height: 100%; }
.all-plan-modal .container .pop-wrap .plan-list .list { height: 75%; padding: 0 40px 20px; overflow-y: auto; gap: 12px; }
.all-plan-modal .container .pop-wrap .plan-list .list .list-item { cursor: pointer; background-color: #fff; border: 1px solid #E8E9ED; transform: none; }
.all-plan-modal .container .pop-wrap .plan-list .list .list-item:hover { border: 1px solid #9933FF; }
.all-plan-modal .container .pop-wrap .plan-list .list .list-item .info-wrap .price .m-price { color: #000; }
.all-plan-modal .container .pop-wrap .plan-list .list .list-item:hover .info-wrap .price .m-price { color: #9933FF; }
.all-plan-modal .container .pop-wrap .plan-list .list::-webkit-scrollbar { width: 8px; }
.all-plan-modal .container .pop-wrap .plan-list .list::-webkit-scrollbar-track { background-color: #f1f1f1; }
.all-plan-modal .container .pop-wrap .plan-list .list::-webkit-scrollbar-thumb { background-color: #bbb; border-radius: 4px; }
.all-plan-modal .container .pop-wrap .more-box { display: none; }
.s-device .type-select .plan-seclect .loading span.text { width: 100%; display: inline-block; text-align: center; position: absolute; bottom: 0; left: 0; font-size: 14px; font-weight: bold; }
.static-content { position: relative; padding-top: 79px; color: #000; }
.static-content > section { width: 1160px; margin: 0 auto; overflow: hidden; color: #000; }
.static-content .title-wrap .title { font-weight: 700; font-size: 46px; line-height: 54px; letter-spacing: -0.4px; margin-bottom: 60px; }

/*  유심 구매 하기  */
.usim-store-wrap { position: relative; }
.s-usim-store > section.tab-wrap { overflow: visible; }
.s-usim-store .tab-contents { padding-bottom: 160px; }
.s-usim-store .title-wrap .title { font-weight: 700; font-size: 46px; line-height: 54px; letter-spacing: -0.4px; margin-bottom: 60px; }
.s-usim-store .tab-menu-contents-wrap > .tab-contents { width: 100%; }
.s-usim-store .tab-menu-box { position: sticky; top: 0; /* 또는 원하는 거리 ex: top: 60px; */ z-index: 10; margin-bottom: 8px; padding: 10px 0; background-color: #fff; }
.s-usim-store .tab-menu-box .content-tab li { padding: 10px 16px; gap: 3px; }
.s-usim-store .tab-menu-box .content-tab li::before { content: ""; display: block; width: 18px; height: 18px; }
.s-usim-store .tab-menu-box .content-tab li:first-child::before { background: url('/web/images/usim/store/icn_delivery_off.png') 0 0 no-repeat; background-size: 100%; }
.s-usim-store .tab-menu-box .content-tab li:nth-child(2)::before { background: url('/web/images/usim/store/icn_shopping_off.png') 0 0 no-repeat; background-size: 100%; }
.s-usim-store .tab-menu-box .content-tab li:last-child::before { background: url('/web/images/usim/store/icn_store_off.png') 0 0 no-repeat; background-size: 100%; }
.s-usim-store .tab-menu-box .content-tab li.active:first-child::before { background: url('/web/images/usim/store/icn_delivery_on.png') 0 0 no-repeat; background-size: 100%; }
.s-usim-store .tab-menu-box .content-tab li.active:nth-child(2)::before { background: url('/web/images/usim/store/icn_shopping_on.png') 0 0 no-repeat; background-size: 100%; }
.s-usim-store .tab-menu-box .content-tab li.active:last-child::before { background: url('/web/images/usim/store/icn_store_on.png') 0 0 no-repeat; background-size: 100%; }
.s-usim-store .top-banner { display: flex; justify-content: space-between; padding: 20px 40px; background: linear-gradient(180deg, #9933FF 0%, #8c4aff 100%); border-radius: 30px; margin-bottom: 80px; }
.s-usim-store .top-banner .text-wrap { display: flex; flex-direction: column; justify-content: space-between; color: #fff; padding: 20px 0; }
.s-usim-store .top-banner .title { font-weight: 700; font-size: 36px; line-height: 46px; letter-spacing: -0.4px; }
.s-usim-store .top-banner .info { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.4px; }
.s-usim-store .top-banner .img-wrap { width: 400px; height: 400px; overflow: hidden; }
.s-usim-store .top-banner .img-wrap img { width: 100%; }
.s-usim-store .express-wrap .express-steps { margin-bottom: 160px; }
.s-usim-store .express-wrap .express-steps .title { font-weight: 700; font-size: 24px; line-height: 34px; letter-spacing: -0.4px; margin-bottom: 25px; }
.s-usim-store .express-wrap .express-steps .step-list { display: flex; align-items: center; gap: 90px; position: relative; margin-bottom: 50px; }
.s-usim-store .express-wrap .express-steps .step-list::before { content: ""; display: block; position: absolute; top: 17px; width: 957px; height: 1px; background-color: #F0F1F4; z-index: 0; }
.s-usim-store .express-wrap .express-steps .step-list .step-num { width: 34px; height: 34px; position: relative; background-color: #9933FF; border-radius: 50%; font-weight: 600; font-size: 14px; line-height: 34px; letter-spacing: 0; text-align: center; color: #fff; margin-bottom: 18px; z-index: 1; }
.s-usim-store .express-wrap .express-steps .step-list h4 { font-weight: 600; font-size: 20px; line-height: 28px; letter-spacing: -0.4px; }
.s-usim-store .express-wrap .express-steps .step-list h4 + p { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.4px; }
.s-usim-store .express-wrap .express-steps .link { display: inline-flex; align-items: center; gap: 6px; background: linear-gradient(90deg, #5533FF 0%, #ED174D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; font-weight: 700; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; }
.s-usim-store .express-wrap .express-steps .link .arrow { width: 18px; height: 18px; }
.s-usim-store .express-wrap .express-steps .link:hover { opacity: 0.8; }
.s-usim-store .banner-wrap { width: 100%; height: 240px; overflow: hidden; display: flex; align-items: center; gap: 210px; border-radius: 25px; padding-left: 40px; }
.s-usim-store .express-wrap .esim-banner { margin-bottom: 160px; }
.s-usim-store .usim-banner { margin-bottom: 50px; }
.s-usim-store .esim-banner .banner-wrap { background-color: #F0F1F4; }
.s-usim-store .usim-banner .banner-wrap { background-color: #F0F2FF; }
.s-usim-store .banner-wrap .text-wrap { display: flex; flex-direction: column; gap: 80px; }
.s-usim-store .banner-wrap .title { font-weight: 700; font-size: 24px; line-height: 34px; letter-spacing: -0.4px; }
.s-usim-store .usim-banner .banner-wrap .text-wrap span { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.4px; }
.s-usim-store .usim-banner .banner-wrap .text-wrap p { font-weight: 400; font-size: 14px; line-height: 22px; color: #787C87; }
.s-usim-store .banner-wrap .link-wrap { display: flex; flex-direction: column; gap: 12px; }
.s-usim-store .banner-wrap .link-wrap p > a { display: inline-flex; align-items: center; gap: 5px; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.4px; }
.s-usim-store .banner-wrap .link-wrap p > a:hover { color: #5B5E67; }
.s-usim-store .banner-wrap .link-wrap p > a img { width: 18px; height: 18px; object-fit: cover; }
.s-usim-store .express-wrap .ex-search .title { font-weight: 700; font-size: 32px; line-height: 42px; letter-spacing: -0.4px; margin-bottom: 20px; }

/*  지역별 배송안내 기존 코드 사용 */
.s-usim-store .lightningTabWrap { position: relative; }
.s-usim-store .lightningTabMenu { display: flex; gap: 8px; margin-bottom: 12px; }
.s-usim-store .lightningTabMenu li { text-align: center; }
.s-usim-store .lightningTabMenu li a { display: inline-block; padding: 11px 16px; background: #fff; border: 1px solid #E8E9ED; border-radius: 58px; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.4px; text-align: center; color: #AEB0B7; }
.s-usim-store .lightningTabMenu li a:hover { background-color: #F6F7F9; }
.s-usim-store .lightningTabMenu li.on a { color: #fff; font-weight: 700; background-color: #000; }
.s-usim-store .lightningTabWrap .quick_time { font-weight: 400; font-size: 14px; line-height: 22px; color: #5B5E67; margin-bottom: 38px; }
.s-usim-store .lightningTabCont { display: none; position: relative; }
.s-usim-store .lightningTabCont .tbl_wrap .tbl_type { width: 100%; }
.s-usim-store .lightningTabCont .tbl_wrap .tbl_type caption { position: relative; }
.s-usim-store .lightningTabCont .tbl_wrap .tbl_type th, .s-usim-store .lightningTabCont .tbl_wrap .tbl_type tbody td { padding: 20px 0; vertical-align: middle; word-break: keep-all; font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.4px; text-align: center; }
.s-usim-store .lightningTabCont .tbl_wrap { margin-bottom: 20px; }
.s-usim-store .lightningTabCont .tbl_wrap .tbl_type thead th { background: #F6F7F9; border-bottom: 1px solid #F0F1F4; font-weight: bold; padding: 17px 0 15px; font-weight: 400; font-size: 14px; line-height: 22px; }
.s-usim-store .lightningTabCont .tbl_wrap .tbl_type tbody th, .s-usim-store .lightningTabCont .tbl_wrap .tbl_type tbody td { border-bottom: 1px solid #F0F1F4; font-weight: 400; line-height: 22px; padding: 12px 0; }
.s-usim-store .lightningTabCont .tbl_wrap .tbl_type td.txt { text-align: left; padding-left: 20px; }
.s-usim-store .lightningTabCont .tbl_wrap .tbl_type tr th:first-child { border-right: solid 1px #F0F1F4; }
.s-usim-store .lightningTabWrap .caution_list_area { margin-top: 20px; font-weight: 400; font-size: 14px; line-height: 22px; }
.s-usim-store .lightningTabWrap .caution_list_area p { display: flex; align-items: center; margin-bottom: 10px; color: #000; gap: 2px; }
.s-usim-store .lightningTabWrap .caution_list_area p img { width: 18px; height: 18px; object-fit: cover; }
.s-usim-store .lightningTabWrap .caution_list_area .list .item { font-weight: 400; font-size: 14px; line-height: 22px; color: #787C87; position: relative; padding-left: 10px; }
.s-usim-store .lightningTabWrap .caution_list_area .list .item::before { content: ""; display: block; width: 2px; height: 2px; background: #787C87; position: absolute; top: 9px; left: 0; border-radius: 50%; }

/*  오픈 마켓 && 편의점  */
.s-usim-store .shop-wrap h3 { font-weight: 700; font-size: 24px; line-height: 34px; letter-spacing: -0.4px; margin-bottom: 24px; }
.s-usim-store .shop-wrap .list { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 50px; }
.s-usim-store .shop-wrap .list li { width: 570px; display: inline-flex; align-items: center; gap: 24px; background-color: #F6F7F9; border-radius: 25px; padding: 47px 30px; cursor: pointer; }
.s-usim-store .shop-wrap .list li .icon { width: 60px; height: 60px; }
.s-usim-store .shop-wrap .list li .icon img { width: 100%; height: auto; object-fit: cover; }
.s-usim-store .shop-wrap .list li .text span { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.4px; }
.s-usim-store .shop-wrap .list li .text p { font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; }
.s-usim-store > section.s-banner-full { width: 100%; background-color: #fff; height: 198px; margin-bottom: 80px; }
.s-usim-store .s-banner-full .inner { position: relative; }
.s-usim-store .s-banner-full .inner .s-banner__slider { width: 1920px; position: relative; left: 50%; transform: translateX(-50%); overflow: hidden; }
.s-usim-store .s-banner-full .inner .swiper-paging-wrap { width: 1160px; position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%); z-index: 1; }
.s-usim-store .s-banner-full .inner .swiper-paging { position: relative; width: 46px; height: 24px; text-align: center; background: #0000004D; border-radius: 15px; font-family: Pretendard; font-weight: 500; font-size: 12px; line-height: 24px; color: #fff; margin-left: auto; }
.s-usim-store .s-banner-full .inner .swiper-slide .link { width: 1160px; margin: 0 auto; height: 100%; display: flex; align-items: center; justify-content: space-between; }
.s-usim-store .s-banner-full .inner .swiper-slide .link .title { display: inline-flex; flex-direction: column; gap: 14px; font-weight: 700; font-size: 24px; line-height: 34px; letter-spacing: -0.4px; }
.s-usim-store .s-banner-full .inner .swiper-slide .link .title .text { width: 90px; height: 38px; font-weight: 600; font-size: 14px; line-height: 38px; text-align: center; background: url('/web/images/usim/store/img_usim-banner-text_bg.png') 0 0 no-repeat; background-size: 100%; }
.s-caution { padding: 0; }
.s-caution .notice-title { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #F0F1F4; margin-bottom: 20px; padding-bottom: 10px; }
.s-caution .notice-title .title { display: flex; align-items: center; gap: 2px; font-weight: 700; font-size: 16px; line-height: 24px; letter-spacing: -0.4px; margin-bottom:0; }
.s-caution .notice-title .title img { width: 18px; height: 18px; object-fit: cover; }
.s-caution .notice-title .btn-open { width: 18px; height: 18px; transition: transform 0.4s ease; transform: rotate(0deg); }
.s-caution .notice-title .btn-open img { width: 18px; height: 18px; object-fit: cover; }
.s-caution.open .notice-title .btn-open { transform: rotate(180deg); }
.s-caution .notice-content { height: 0; visibility: hidden; overflow: hidden;    /* 내부 컨텐츠 숨김 */ opacity: 0.5; transition: all 0.6s ease; }
.s-caution.open .notice-content { visibility: visible; overflow: visible; height: auto; opacity: 1; display: flex; flex-direction: column; gap: 40px; }
.s-caution .notice-content h4 { font-weight: 600; font-size: 14px; line-height: 22px; margin-bottom: 8px; }
.s-caution .notice-content li { font-weight: 400; font-size: 14px; line-height: 22px; color: #5B5E67; margin-bottom: 6px; }
.s-caution .notice-content li.in-sub span { display: inline-block; font-size: 14px; color: #AEB0B7; }
.s-caution .notice-content .dot li { position: relative; padding-left: 8px; }
.s-caution .notice-content .dot li::before { content: ""; display: block; width: 2px; height: 2px; background: #787C87; position: absolute; top: 9px; left: 0; }
.sub-list.dot li { position: relative; padding-left: 8px; }
.sub-list.dot li::before { content: ""; display: block; width: 2px; height: 2px; background: #787C87; position: absolute; top: 10px; left: 0; }
.sub-list.star li { position: relative; padding-left: 8px; }
.sub-list.star li::before { content: "*"; display: block; width: 2px; height: 2px; position: absolute; top: 2px; left: 0; }
.s-usim-store .s-buy-benefit { position: relative; padding: 90px 0 180px; }
.s-usim-store .s-buy-benefit .title-wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; }
.s-usim-store .s-buy-benefit .title-wrap .title { font-weight: 700; font-size: 32px; line-height: 42px; letter-spacing: -0.4; margin-bottom: 0; }
.s-usim-store .s-buy-benefit .title-wrap p { display: flex; align-items: center; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.4px; }
.s-usim-store .s-buy-benefit .title-wrap p a { display: flex; align-items: center; gap: 4px }
.s-usim-store .s-buy-benefit .title-wrap p a:hover { color: #5B5E67; }
.s-usim-store .s-buy-benefit .title-wrap p a img { width: 18px; height: 18px; object-fit: cover; }
.s-usim-store .s-buy-benefit .buy-benefit_slider .event_list { border-top: 0; margin-top: 0; overflow: visible; }
.s-usim-store .s-buy-benefit .buy-benefit_slider { position: relative; padding-bottom: 40px; }
.s-usim-store .s-buy-benefit .buy-benefit_slider .swiper-slide .link { display: inline-block; width: 373px; overflow: hidden; }
.s-usim-store .s-buy-benefit .buy-benefit_slider .swiper-slide .link h4 { font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #000; }
.s-usim-store .s-buy-benefit .buy-benefit_slider .swiper-slide .link img { width: 373px; height: 242px; object-fit: cover; border-radius: 25px; margin-bottom: 15px; }
.s-usim-store .s-buy-benefit .buy-benefit_slider .swiper-pagination-bullet { color: #CDCFD6; }
.s-usim-store .s-buy-benefit .buy-benefit_slider .swiper-pagination-bullet-active { width: 40px; background: #CDCFD6; border-radius: 20px; }

/* 휴대폰 보험  */
.s-rate-Insurance { position: relative; }
.s-rate-Insurance .top-banner { margin-bottom: 80px; }
.s-rate-Insurance .top-banner ul { display: flex; gap: 20px; color: #fff; }
.s-rate-Insurance .top-banner ul li { display: inline-flex; height: 270px; overflow: hidden; }
.s-rate-Insurance .top-banner ul li .text-wrap { display: flex; flex-direction: column; gap: 74px; }
.s-rate-Insurance .top-banner ul li .text-wrap .title h3 { font-weight: 700; font-size: 32px; line-height: 42px; letter-spacing: -0.4px; }
.s-rate-Insurance .top-banner ul li .text-wrap .title p { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; }
.s-rate-Insurance .top-banner ul li .text-wrap .text p:last-child { font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: -0.1px; }
.s-rate-Insurance .top-banner ul li .text-wrap .price { font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: -0.4px; }
.s-rate-Insurance .top-banner ul li .text-wrap .price span { font-family: "Outfit", "Pretendard"; font-weight: 700; font-size: 30px; line-height: 40px; letter-spacing: 0px; }
.s-rate-Insurance .top-banner ul li:first-child .img-wrap { align-self: flex-end; }
.s-rate-Insurance .top-banner ul li:first-child { width: 730px; background: url('/web/images/phone/Insurance/img_Insurance_top_bg_01.png') 0 0 no-repeat; background-size: 100%; padding: 36px 40px 0 40px; gap: 120px; }
.s-rate-Insurance .top-banner ul li:last-child .link { display: flex; flex-direction: column; width: 410px; background: url('/web/images/phone/Insurance/img_Insurance_top_bg_02.png') 0 0 no-repeat; background-size: 100%; padding: 36px 30px 40px 40px; gap: 6px; }
.s-rate-Insurance .top-banner ul li:last-child .img-wrap { display: flex; justify-content: space-between; }
.s-rate-Insurance .top-banner ul li:last-child .img-wrap .rolling-text { margin-top: 95px; }
.s-rate-Insurance .top-banner ul li:last-child:hover .line:nth-child(1) { transform: translateX(100%); }
.s-rate-Insurance .top-banner ul li:last-child:hover .line:nth-child(2) { transform: translateX(0); }
.s-rate-Insurance > section.tab-wrap { overflow: visible; padding-top: 80px; }
.s-rate-Insurance .tab-contents { padding-bottom: 160px; }
.s-rate-Insurance .title-wrap .title { font-weight: 700; font-size: 46px; line-height: 54px; letter-spacing: -0.4px; margin-bottom: 40px; }
.s-rate-Insurance .tab-menu-contents-wrap > .tab-contents { width: 100%; }
.s-rate-Insurance .tab-menu-box { position: sticky; top: 0; z-index: 2; margin-bottom: 0; padding: 10px 0; background-color: #fff; }
.s-rate-Insurance .tab-menu-box .line-tab.tab-menu { gap: 0; width: 1160px; margin: 0 auto; }
.s-rate-Insurance .tab-menu-box .line-tab.tab-menu li { width: 33.33%; font-weight: 500; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; text-align: center; padding: 21px 0; }
.s-rate-Insurance .tab-menu-box .line-tab.tab-menu li.active { font-weight: 700; }
.s-rate-Insurance h3.title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: -0.4px; margin-bottom: 12px; }
.s-rate-Insurance h3.title img { width: 18px; height: 18px; object-fit: cover; }
.s-rate-Insurance .join-guide-wrap .s-insurance-info { display: flex; flex-direction: column; gap: 80px; margin-bottom: 80px; }
.s-rate-Insurance .join-guide-wrap .s-insurance-info .info { padding-left: 27px; font-weight: 500; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; }
.s-rate-Insurance .join-guide-wrap .s-insurance-info .info span { font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; color: #9933FF; }
.s-rate-Insurance .join-guide-wrap .s-insurance-info .info em { font-weight: 500; font-size: 15px; line-height: 24px; letter-spacing: -0.4px; color: #787C87; }
.s-rate-Insurance .join-guide-wrap .target-info ul { display: flex; gap: 13px; counter-reset: liCount; }
.s-rate-Insurance .join-guide-wrap .target-info ul li { display: inline-flex; flex-direction: column; gap: 12px; counter-increment: liCount; }
.s-rate-Insurance .join-guide-wrap .target-info ul li p { position: relative; font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; padding-left: 34px; }
.s-rate-Insurance .join-guide-wrap .target-info ul li p span { font-weight: 500; font-size: 15px; line-height: 24px; letter-spacing: -0.4px; color: #787C87; }
.s-rate-Insurance .join-guide-wrap .target-info ul li p::before { content: "0"counter(liCount); display: block; width: 26px; height: 26px; line-height: 26px; font-size: 13px; color: #fff; background: #fff; position: absolute; top: 0; left: 0; text-align: center; border-radius: 50%; background-color: #9933FF; }
.s-rate-Insurance .join-guide-wrap .limit-info ul { display: flex; flex-direction: column; gap: 8px }
.s-rate-Insurance .join-guide-wrap .limit-info ul li { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.4px; color: #787C87; position: relative; padding-left: 8px; }
.s-rate-Insurance .join-guide-wrap .limit-info ul li::before { content: ""; display: block; width: 2px; height: 2px; background: #787C87; position: absolute; top: 10px; left: 0; }
.s-rate-Insurance .join-guide-wrap .limit-info .info li span {font-size:16px; font-weight: 500; color: #000; }
.s-rate-Insurance .join-guide-wrap .s-insurance-apply { background-color: #F6F7F9; padding: 100px 0; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }
.s-rate-Insurance .join-guide-wrap .s-insurance-apply .apply-content { width: 1160px; margin: 0 auto; display: flex; gap: 20px; }
.s-rate-Insurance .join-guide-wrap .s-insurance-apply .apply-content dl { flex: 1; }
.s-rate-Insurance .join-guide-wrap .s-insurance-apply .apply-content dt { height: 368px; background-color: #fff; border-radius: 20px; margin-bottom: 14px; padding: 40px 45px; }
.s-rate-Insurance .join-guide-wrap .s-insurance-apply .apply-content dt h3 { font-weight: 700; font-size: 24px; line-height: 34px; letter-spacing: -0.4px; border-bottom: 1px solid #E8E9ED; margin-bottom: 40px; padding-bottom: 20px; }
.s-rate-Insurance .join-guide-wrap .s-insurance-apply .apply-content dt h3 span { font-weight: 500; font-size: 15px; line-height: 24px; }
.s-rate-Insurance .join-guide-wrap .s-insurance-apply .apply-content dd p { font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: 0; color: #2A2B2C; position: relative; padding-left: 20px; }
.s-rate-Insurance .join-guide-wrap .s-insurance-apply .apply-content dd p::before { content: ""; display: block; position: absolute; top: 3px; left: 0; width: 16px; height: 16px; background: url('/web/images/global/icn_info.png'); background-size: 100%; }
.s-rate-Insurance .join-guide-wrap .s-insurance-apply .apply-content ul { display: flex; flex-direction: column; gap: 40px; }
.s-rate-Insurance .join-guide-wrap .s-insurance-apply .apply-content ul li { padding-left: 34px; }
.s-rate-Insurance .join-guide-wrap .s-insurance-apply .apply-content .left ul li:first-child { background: url('/web/images/global/icn_hello_u_04.png') 0 1px no-repeat; background-size: 24px 24px; }
.s-rate-Insurance .join-guide-wrap .s-insurance-apply .apply-content .left ul li:last-child { background: url('/web/images/global/icn_store_mix.png') 0 1px no-repeat; background-size: 24px 24px; }
.s-rate-Insurance .join-guide-wrap .s-insurance-apply .apply-content .right ul li:first-child { background: url('/web/images/global/icn_phone_mix.png') 0 1px no-repeat; background-size: 24px 24px; }
.s-rate-Insurance .join-guide-wrap .s-insurance-apply .apply-content .right ul li:last-child { background: url('/web/images/global/icn_calling_mix.png') 0 1px no-repeat; background-size: 24px 24px; }
.s-rate-Insurance .join-guide-wrap .s-insurance-apply .apply-content ul li p { display: flex; align-items: center; gap: 8px; font-weight: 600; font-size: 20px; line-height: 28px; margin-bottom: 12px; }
.s-rate-Insurance .join-guide-wrap .s-insurance-apply .apply-content ul li span { font-weight: 400; font-size: 16px; line-height: 24px; color: #787C87; }
.s-rate-Insurance .s-insurance-product { padding-top: 100px; margin-bottom: 80px; }
.s-rate-Insurance .s-insurance-product .title { font-weight: 700; font-size: 24px; line-height: 34px; letter-spacing: -0.4px; }
.s-rate-Insurance .s-insurance-product .title + p { font-weight: 400; font-size: 16px; line-height: 24px; color: #5B5E67; }
.s-rate-Insurance .s-insurance-product .tableWrap { margin: 80px 0 0 0; }
.s-rate-Insurance .s-insurance-product .tableWrap h4 { font-weight: 600; font-size: 20px; line-height: 28px; letter-spacing: -0.4px; margin-bottom: 16px; }
.s-rate-Insurance .s-insurance-product .tableWrap h4 span { font-weight: 500; font-size: 15px; line-height: 24px; }
.s-rate-Insurance .s-insurance-product .tableWrap .priceTable { width: 100%; }
.s-rate-Insurance .s-insurance-product .tableWrap .priceTable thead th { background: #F6F7F9; border-right: 1px solid #E8E9ED; border-bottom: 1px solid #E8E9ED; font-weight: bold; padding: 19px 0; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -2%; text-align: center; }
.s-rate-Insurance .s-insurance-product .tableWrap .priceTable tbody th, .s-rate-Insurance .s-insurance-product .tableWrap .priceTable tbody td { border-right: 1px solid #E8E9ED; border-bottom: 1px solid #E8E9ED; font-weight: 500; font-size: 16px; line-height: 24px; padding: 18px 0; text-align: center; vertical-align: middle; }
.s-rate-Insurance .s-insurance-product .tableWrap .priceTable td span { display: block; font-weight: 500; font-size: 12px; line-height: 20px; letter-spacing: 0; color: #787C87; }
.s-rate-Insurance .s-insurance-product .tableWrap .priceTable tr th:first-child { border-right: solid 1px #F0F1F4; }
.s-rate-Insurance .s-caution .btn-wrap { display: flex; gap: 12px; margin: 40px 0 10px; }
.s-rate-Insurance .s-caution .btn-wrap a { height: 38px; line-height: 38px; font-size: 14px; color: #fff; text-align: center; border-radius: 20px; padding: 0 18px; font-weight: 600; }
.s-rate-Insurance .s-caution .btn-wrap .insurance-policy { background: #19191A; }
.s-rate-Insurance .s-caution .btn-wrap .acrobat-down { display: flex; align-items: center; gap: 6px; background: #A42516; }
.s-rate-Insurance .s-caution .acrobat-notice { font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: 0; color: #5B5E67; }
.s-rate-Insurance .compensation-warp > section { margin-bottom: 90px; }
.s-rate-Insurance .compensation-warp .compensation-type { display: flex; gap: 10px; }
.s-rate-Insurance .compensation-warp .compensation-type li { display: inline-flex; flex-direction: column; gap: 11px; text-align: center; }
.s-rate-Insurance .compensation-warp .compensation-type li .img-wrap { width: 223px; height: 144px; border-radius: 20px; overflow: hidden; }
.s-rate-Insurance .compensation-warp .compensation-type li p { font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: -0.4px; }
.s-rate-Insurance .compensation-warp .title-wrap { height: 200px; overflow: hidden; display: flex; align-items: center; justify-content: space-between; background-color: #F4F0FF; border-radius: 30px; margin-bottom: 50px; padding: 0 60px; }
.s-rate-Insurance .compensation-warp .title-wrap .text h3 { font-weight: 700; font-size: 32px; line-height: 42px; letter-spacing: -0.4px; }
.s-rate-Insurance .compensation-warp .title-wrap .text h3 + p { font-weight: 400; font-size: 16px; line-height: 24px; color: #5B5E67; letter-spacing: -0.4px; }
.s-rate-Insurance .compensation-warp .apply-content { display: flex; flex-direction: column; gap: 80px; }
.s-rate-Insurance .compensation-warp .apply-content h3 { gap: 6px; margin-bottom: 14px; }
.s-rate-Insurance .compensation-warp .apply-content h3 .notice { font-weight: 500; font-size: 15px; line-height: 24px; color: #ED174D; }
.s-rate-Insurance .compensation-warp .apply-content .step-list { display: flex; flex-direction: column; gap: 25px; margin-top: 30px; padding-left: 24px; }
.s-rate-Insurance .compensation-warp .apply-content .step-list li { display: inline-flex; align-items: center; gap: 17px; }
.s-rate-Insurance .compensation-warp .apply-content .step-list li img { width: 34px; height: 34px; object-fit: cover; }
.s-rate-Insurance .compensation-warp .apply-content .step-list li p { font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; }
.s-rate-Insurance .compensation-warp .apply-content .step-list li p span { font-weight: 400; font-size: 16px; line-height: 24px; color: #787C87; }
.s-rate-Insurance .compensation-warp .apply-content h3 + .sub-list { display: flex; flex-direction: column; gap: 8px; padding-left: 24px; }
.s-rate-Insurance .compensation-warp .apply-content h3 + .sub-list li { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.4px; color: #5B5E67; }
.s-rate-Insurance .compensation-warp .apply-content h3 + .sub-list li::before { background-color: #5B5E67; }
.s-rate-Insurance .compensation-warp .apply-content h3 + .sub-list li span { color: #AEB0B7; }
.s-rate-Insurance .compensation-warp .s-required-docs .docs-list { background-color: #F6F7F9; border-radius: 20px; padding: 40px; }
.s-rate-Insurance .compensation-warp .s-required-docs .docs-list h3 { font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: -0.4px; margin-bottom: 16px; }
.s-rate-Insurance .compensation-warp .s-required-docs .docs-list .sub-list { display: flex; flex-direction: column; gap: 10px; }
.s-rate-Insurance .compensation-warp .s-required-docs .docs-list .sub-list li { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.4px; color: #2A2B2C; }
.s-rate-Insurance .compensation-warp .s-required-docs .docs-list .sub-list li span { display: block; font-size: 14px; color: #787C87; }
.s-rate-Insurance .compensation-warp .s-required-docs .docs-list .sub-list li::before { background-color: #2A2B2C; }
.s-rate-Insurance .product-control-wrap .modify-period { display: flex; gap: 10px; margin-bottom: 120px; }
.s-rate-Insurance .product-control-wrap .modify-period .card { width: 33.33%; background-color: #F6F7F9; border-radius: 30px; overflow: hidden; }
.s-rate-Insurance .product-control-wrap .modify-period li .text-wrap { padding: 0 34px 40px 34px; }
.s-rate-Insurance .product-control-wrap .modify-period li .text-wrap h4 { font-weight: 700; font-size: 24px; line-height: 34px; letter-spacing: -0.4px; margin-bottom: 20px; }
.s-rate-Insurance .product-control-wrap .modify-period li .text-wrap h4 +.sub-list { display: flex; flex-direction: column; gap: 10px }
.s-rate-Insurance .product-control-wrap .modify-period li .text-wrap h4 +.sub-list li { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.4px; word-break: keep-all; }
.s-rate-Insurance .product-control-wrap .modify-period li .text-wrap h4 +.sub-list li span { color: #787C87; font-size: 14px; display: inline-block; text-indent: -5px;
      padding-left: 5px;}
.s-rate-Insurance .product-control-wrap .modify-period li .text-wrap h4 +.sub-list li span.dash{
      text-indent: -9px;
      padding-left: 9px;
}
.s-rate-Insurance .product-control-wrap .s-device-modify .title { border-bottom: 1px solid #E8E9ED; margin-bottom: 50px; padding-bottom: 20px; }
.s-rate-Insurance .product-control-wrap .s-device-modify .type { margin-bottom: 60px; }
.s-rate-Insurance .product-control-wrap .s-device-modify .type h4 { font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: -0.4px; color: #9933FF; margin-bottom: 20px; }
.s-rate-Insurance .product-control-wrap .s-device-modify .type .list { display: flex; flex-direction: column; gap: 34px; }
.s-rate-Insurance .product-control-wrap .s-device-modify .type .list .cont { display: inline-flex; align-items: center; gap: 30px; }
.s-rate-Insurance .product-control-wrap .s-device-modify .type .list .cont .icn-wrap { width: 58px; height: 58px; }
.s-rate-Insurance .product-control-wrap .s-device-modify .type .list .cont .icn-wrap img { width: 100%; }
.s-rate-Insurance .product-control-wrap .s-device-modify .type .list .cont strong { display: inline-block; font-weight: 600; font-size: 18px; line-height: 26px; margin-bottom: 8px; }
.s-rate-Insurance .product-control-wrap .s-device-modify .type .list .cont .sub-list li { font-weight: 400; font-size: 16px; line-height: 24px; color: #787C87; }
.s-rate-Insurance .product-control-wrap .s-device-modify .type .list .cont .sub-list li:not(:last-child) { margin-bottom: 8px; }

/*  휴대폰 요금제 */
.phone_plan-wrap { padding-top: 80px; }
.phone_plan-wrap .title-wrap { text-align: center; color: #000; }
.phone_plan-wrap .title-wrap .title { font-weight: 700; font-size: 46px; line-height: 54px; margin-bottom: 28px; }
.phone_plan-wrap .s-phone-plan .select-menu-box { width: 152px; margin-bottom: 55px; }
.phone_plan-wrap .s-phone-plan .select-menu-box .tab-menu { justify-content: space-between; }
.phone_plan-wrap .s-phone-plan .select-menu-box .bg { width: 80px; }
.phone_plan-wrap .s-phone-plan .select-menu-box .tab-menu li { width: 50%; }
.phone_plan-wrap .result-list { width: 100%; margin-bottom: 100px; }
.phone_plan-wrap .result-list .header { position: sticky; top: 0; padding: 20px 0 0 0; z-index: 2; background-color: #fff; }
.phone_plan-wrap .result-list .list { padding-top: 20px; }
.phone_plan-wrap .s-banner.full { display: block; padding: 0; background-color: #F5F0FF; }
.phone_plan-wrap .s-banner.full a { display: block; width: 100%;
      max-width: 1920px;
       margin: 0 auto; padding: 60px 0; height: auto; overflow: hidden; background-repeat: no-repeat; background-size:cover ; color: #000; 
      }
.phone_plan-wrap .s-banner.full a p img { width: 18px; height: 18px; }
.phone_plan-wrap .s-banner.full a:hover p { color: #5B5E67; }
.phone_plan-wrap .s-banner.full .text-wrap { width: 1160px; margin: 0 auto; }
.phone_plan-wrap .s-banner.full h2 { font-weight: 700; font-size: 24px; line-height: 34px; letter-spacing: -0.4px; margin-bottom: 20px; }
.phone_plan-wrap .s-banner.full p { display: flex; align-items: center; gap: 5px; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; }
.phone_plan-wrap .notice-wrap{width: 1160px; margin: 0 auto 160px;}
.phone_plan-wrap .notice-wrap .btn-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.phone_plan-wrap .notice-wrap .btn-wrap strong { font-weight: 700; font-size: 16px; line-height: 24px; padding-left: 20px; background: url("/web/images/global/icn_info.png") 0 center no-repeat; background-size: 18px 18px; color: #000; }
.phone_plan-wrap .notice-wrap .btn-wrap .notice-btn { width: 20px; height: 20px; background-image: url("/web/images/global/icn_arrow_gray_down.png"); background-size: 100%; background-position: center center; transition: transform 0.3s ease; }
.phone_plan-wrap .notice-wrap .btn-wrap .notice-btn.on { background-image: url("/web/images/global/icn_arrow_blk.png"); transform: rotate(180deg); }
.phone_plan-wrap .notice-wrap .notice-contents { height: 0; overflow: hidden; transition: height 0.4s ease; }
.phone_plan-wrap .notice-wrap .notice-contents.show { height: auto; margin-top:12px; padding: 10px;  border:1px solid #F0F1F4; border-radius:20px }
.phone_plan-wrap .notice-wrap .notice-contents.show .price_notice_box{padding: 20px; height: 500px; overflow-y: auto;}
.phone_plan-wrap .notice-wrap .notice-contents.show .price_notice_box::-webkit-scrollbar { width: 6px; }
.phone_plan-wrap .notice-wrap .notice-contents.show .price_notice_box::-webkit-scrollbar-track { background: #ededed; border-radius: 999px; }
.phone_plan-wrap .notice-wrap .notice-contents.show .price_notice_box::-webkit-scrollbar-thumb { background: #d9d9d9; width: 10%; border-radius: 10px; }

.rate-service-wrap .s-rate-wrap { position: relative; width: 1160px; margin: 0 auto; padding-bottom: 160px; }
.rate-service-wrap .s-rate-wrap .top-banner { display: flex; gap: 20px; margin-bottom: 100px; }
.rate-service-wrap .s-rate-wrap .top-banner .link { color: #fff; }
.rate-service-wrap .s-rate-wrap .top-banner .banner:first-child .link { display: flex; flex-direction: column; gap: 140px; width: 730px; height: 426px; background: url('/web/images/phone/img_rate_bg_roming.png') 0 0 no-repeat; background-size: 100%; padding: 40px 36px 30px; }
.rate-service-wrap .s-rate-wrap .top-banner .banner:first-child .link .title h3 { font-weight: 700; font-size: 32px; line-height: 42px; letter-spacing: -0.4px; }
.rate-service-wrap .s-rate-wrap .top-banner .banner:first-child .link .title p { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; }
.rate-service-wrap .s-rate-wrap .top-banner .banner:first-child .link .text ul { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }
.rate-service-wrap .s-rate-wrap .top-banner .banner:first-child .link .text li { font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: -0.3px; padding-left: 22px; }
.rate-service-wrap .s-rate-wrap .top-banner .banner:first-child .link .text li:nth-child(1) { background: url('/web/images/global/icn_antenna_full_white.png')0 center no-repeat; background-size: 18px 18px; }
.rate-service-wrap .s-rate-wrap .top-banner .banner:first-child .link .text li:nth-child(2) { background: url('/web/images/global/icn_roming_white.png')0 center no-repeat; background-size: 20px 20px; }
.rate-service-wrap .s-rate-wrap .top-banner .banner:first-child .link .text li:nth-child(3) { background: url('/web/images/global/icn_chek_white.png')0 center no-repeat; background-size: 20px 20px; }
.rate-service-wrap .s-rate-wrap .top-banner .banner:first-child .link .text p { font-weight: 500; font-size: 12px; line-height: 20px; }
.rate-service-wrap .s-rate-wrap .top-banner .banner:last-child ul { display: flex; flex-direction: column; gap: 20px; }
.rate-service-wrap .s-rate-wrap .top-banner .banner:last-child li .link { display: inline-block; width: 410px; height: 203px; padding: 40px 36px 30px; }
.rate-service-wrap .s-rate-wrap .top-banner .banner:last-child li h4 { font-weight: 700; font-size: 24px; line-height: 34px; letter-spacing: -0.3px; }
.rate-service-wrap .s-rate-wrap .top-banner .banner:last-child li p { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; }
.rate-service-wrap .s-rate-wrap .top-banner .banner:last-child li:first-child .link { background: url('/web/images/phone/img_rate_bg_01.png') 0 0 no-repeat; background-size: 100%; }
.rate-service-wrap .s-rate-wrap .top-banner .banner:last-child li:last-child .link { background: url('/web/images/phone/img_rate_bg_02.png') 0 0 no-repeat; background-size: 100%; }
.rate-service-wrap .s-rate-wrap .tab-wrap { position: relative; display: flex; align-items: center; justify-content: space-between; overflow: visible; }
.rate-service-wrap .s-rate-wrap .tab-wrap.active { position: fixed; top: 0; z-index: 4; }
.rate-service-wrap .s-rate-wrap .tab-wrap.active::before { content: ""; display: block; width: 100%; height: 52px; background: #fff; position: fixed; top: 0; left: 50%; transform: translateX(-50%); z-index: 2; }
.rate-service-wrap .s-rate-wrap .tab-wrap .rateTop-tab.active, .rate-service-wrap .s-rate-wrap .tab-wrap .drop_box.active { padding-top: 20px; z-index: 4; }
.rate-service-wrap .s-rate-wrap .tab-wrap .rateTop-tab.active::before { width: 500%; box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.08); }
.rate-service-wrap .s-rate-wrap .tab-wrap .rateTop-tab.shadowNo::before { box-shadow: none; }
.rate-service-wrap .s-rate-wrap .tab-wrap .rateTop-tab { width: 1020px; display: flex; align-items: center; overflow-x: auto; }
.rate-service-wrap .s-rate-wrap .tab-wrap .rateTop-tab::-webkit-scrollbar { height: 6px; }
.rate-service-wrap .s-rate-wrap .tab-wrap .rateTop-tab::-webkit-scrollbar-track { background: #ededed; border-radius: 999px; }
.rate-service-wrap .s-rate-wrap .tab-wrap .rateTop-tab::-webkit-scrollbar-thumb { background: #d9d9d9; width: 10%; border-radius: 10px; }
.rate-service-wrap .s-rate-wrap .tab-wrap .rateTop-tab li { width: auto; overflow: unset; font-weight: 500; font-size: 16px; line-height: 24px; color: #AEB0B7; position: relative; padding-bottom: 6px; }
.rate-service-wrap .s-rate-wrap .tab-wrap .rateTop-tab li::after { content: ""; display: block; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; background-color: #000; transform: scaleX(0); transform-origin: left; transition: transform 0.6s ease; }
.rate-service-wrap .s-rate-wrap .tab-wrap .rateTop-tab li.active { color: #000; }
.rate-service-wrap .s-rate-wrap .tab-wrap .rateTop-tab li.active::after { transform: scaleX(1); }
.rate-service-wrap .s-rate-wrap .tab-wrap .rateTop-tab label { cursor: pointer; padding: 0 20px; }
.rate-service-wrap .s-rate-wrap .tab-wrap .drop_box button { gap: 2px; padding: 8px 18px; background-color: #F0F1F4; color: #000; border-radius: 48px; }
.rate-service-wrap .s-rate-wrap .tab-wrap .drop_box button::after { width: 14px; height: 14px; background: url(/web/images/global/icn_arrow_blk.png) center right no-repeat; background-size: 100%; transform: rotate(0deg); }
.rate-service-wrap .s-rate-wrap .inner-cont { position: relative; padding-top: 50px; }
.rete-view-wrap .rateAdd-list { margin-top: 20px; }
.rete-view-wrap .rateAdd-list .rateAdd-cont { width: 100%; display: flex; flex-direction: column; gap: 20px; margin-left: 0; }
.rete-view-wrap .rateAdd-list .rateAdd-cont .rate-item { position: relative; background-color: #F6F7F9; border-radius: 25px; }
.rete-view-wrap .rateAdd-list .rateAdd-cont .rate-item dl { padding: 0; word-break: keep-all; }
.rete-view-wrap .rateAdd-list .rateAdd-cont .rate-item dl dt { padding: 34px 40px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; }
.rete-view-wrap .rateAdd-list .rateAdd-cont .rate-item dl dt > p { color: #19191A; }
.rete-view-wrap .rateAdd-list .rateAdd-cont .rate-item dl dt > p strong { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 24px; line-height: 34px; letter-spacing: -0.4px; }
.rete-view-wrap .rateAdd-list .rateAdd-cont .rate-item dl dt > p strong em { display: inline-block; background-color: #E8E9ED; border-radius: 6px; font-weight: 500; font-size: 12px; line-height: 20px; letter-spacing: -0.1px; padding: 1px 8px; }
.rete-view-wrap .rateAdd-list .rateAdd-cont .rate-item dl dt > p span { display: inline-block; font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; }
.rete-view-wrap .rateAdd-list .rateAdd-cont .rate-item dl dt .price { display: flex; align-items: center; gap: 4px; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #9933FF; }
.rete-view-wrap .rateAdd-list .rateAdd-cont .rate-item dl dt .price::after { content: ""; display: block; width: 18px; height: 18px; background: url('/web/images/global/icn_arrow_blk.png') 0 0 no-repeat; background-size: 100%; transition: transform 0.4s ease; }
.rete-view-wrap .rateAdd-list .rateAdd-cont .rate-item.on dl dt .price::after { transform: rotate(180deg); }
.rete-view-wrap .rateAdd-list .rateAdd-cont .rate-item dl dt .price .rate { font-weight: 700; font-size: 24px; line-height: 34px; letter-spacing: -0.4px; }
.rete-view-wrap .rateAdd-list .rateAdd-cont .rate-item dl dd { display: none; margin-top: 0; padding: 0 45px 30px; text-align: center; }
.rete-view-wrap .rateAdd-list .rateAdd-cont .rate-item dl dd .box-wrap { max-height: 295px; padding: 30px 35px; background: #fff; box-sizing: border-box; overflow-y: auto; position: relative; text-align: left; }
.rete-view-wrap .rateAdd-list .rateAdd-cont .rate-item dl dd .box + .box { margin-top: 15px; }
.rete-view-wrap .rateAdd-list .rateAdd-cont .rate-item dl .box strong { display: block; font-weight: 600; font-size: 14px; line-height: 22px; }
.rete-view-wrap .rateAdd-list .rateAdd-cont .rate-item dl .box div p { font-weight: 400; font-size: 14px; line-height: 22px; color: #787C87; word-break: keep-all; }
.rete-view-wrap .rateAdd-list .rateAdd-cont .rate-item .box-close { width: 30px; height: 30px; font-size: 0; background: url("/web/images/sub/rate/rateTotalView/renew/xBtn_square.png") top left no-repeat; position: absolute; top: 20px; right: 20px; }
.rete-view-wrap .rateAdd-list .rateAdd-cont .rate-item .serviceList-btn { display: inline-block; width: 250px; height: 54px; line-height: 54px; margin-top: 30px; font-size: 18px; color: #fff; font-weight: 600; border-radius: 30px; background: #19191A; }
.rete-view-wrap .rateAdd-list + .no_result { margin-top: -10px; }
.rate-service-wrap .tab-wrap .rateService_tab.active { padding-bottom: 0; }
.rate-service-wrap .tab-wrap .rateTop-tab.active::before { display: none; }
.rateTotal-View .rate-category.active { width: 1160px; padding: 20px 0 15px; position: fixed; top: 52px; left: 50%; margin-left: -580px; background: #fff; z-index: 1; }
.rateTotal-View .rate-category.active::before { width: 500%; box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.08); }
.rateTotal-View .rate-category a { display: inline-block; height: 50px; line-height: 50px; margin-right: 10px; padding: 0 20px; font-size: 15px; color: #767676; border-radius: 25px; background: #f8f8f8; vertical-align: middle; transition: all .2s ease-out; }
.rateTotal-View .rate-category a:last-of-type { margin-right: 0; }
.rateTotal-View .rate-category a:hover { color: #fff; background: #222; }
.rateTotal-View .rate-category a.on { color: #fff; background: #222; }

/*  가이드 페이지 메인  */
.guide-wrap .guide-main { background-color: #19191A; padding: 80px 0 100px; min-height: 852px; }
.guide-wrap .guide-main .title-wrap { color: #fff; }
.guide-wrap .guide-main .title-wrap .title { font-weight: 700; font-size: 36px; line-height: 46px; letter-spacing: -1px; }
.guide-wrap .guide-main .title-wrap .title p { font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; }
.guide-wrap .guide-main .s-page-list .list { display: flex; flex-wrap: wrap; gap: 16px 13px; }
.guide-wrap .guide-main .s-page-list .list > li { width: 378px; }
.guide-wrap .guide-main .s-page-list .list li.folder { height: 330px; overflow: hidden; background: url('/web/images/guide/img_folder_bg.png') 0 0 no-repeat; border-radius: 30px; padding: 13px 30px 36px; }
.guide-wrap .guide-main .s-page-list .list li.folder:first-child { background-color: #9933FF; }
.guide-wrap .guide-main .s-page-list .list li.folder:nth-child(2) { background-color: #5533FF; }
.guide-wrap .guide-main .s-page-list .list li.folder:nth-child(3) { background-color: #C233FF; }
.guide-wrap .guide-main .s-page-list .list .folder h3 { font-weight: 600; font-size: 20px; line-height: 28px; letter-spacing: -0.4px; text-align: right; margin-bottom: 13px; color: #fff; }
.guide-wrap .guide-main .s-page-list .list .folder .sub-list { padding-top: 16px; display: flex; flex-direction: column; overflow: hidden; }
.guide-wrap .guide-main .s-page-list .list .folder .sub-list .link { position: relative; width: 100%; display: flex; align-items: center; gap: 20px; font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; padding: 24px 0; }
.guide-wrap .guide-main .s-page-list .list .folder .sub-list .link img { width: 24px; height: 24px; }
.guide-wrap .guide-main .s-page-list .list .folder .sub-list .link::after { content: ""; display: block; position: absolute; right: 0; width: 18px; height: 18px; background: url('/web/images/global/icn_arrow_gray.png') 0 0  no-repeat; background-size: 100%; }
.guide-wrap .guide-main .s-page-list .list .folder .sub-list .link:hover::after { background: url('/web/images/global/icn_arrow_blk_right.png') 0 0  no-repeat; background-size: 100%; }
.guide-wrap .guide-main .s-page-list .list .folder li:not(:last-child) { border-bottom: 1px solid #E8E9ED; }
.guide-wrap .guide-main .s-page-list .list .box .link { width: 100%; display: flex; align-items: center; justify-content: space-between; background-color: #fff; padding: 26px 30px; border-radius: 20px; }
.guide-wrap .guide-main .s-page-list .list .box .link img { width: 40px; height: 40px; object-fit: cover; }
.guide-wrap .guide-main .s-page-list .list .box .link span { display: flex; align-items: center; gap: 4px; font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; }
.guide-wrap .guide-main .s-page-list .list .box .link span::after { content: ""; display: block; width: 18px; height: 18px; background: url('/web/images/global/icn_arrow_gray.png') 0 0  no-repeat; background-size: 100%; }
.guide-wrap .guide-main .s-page-list .list .box .link:hover span::after { background: url('/web/images/global/icn_arrow_blk_right.png') 0 0  no-repeat; background-size: 100%; }

/*  가이드 상세 */
.guide-wrap .title-wrap { width: 1160px; margin: 0 auto; padding-bottom: 44px; }
.guide-wrap .title-wrap .title { font-weight: 700; font-size: 36px; line-height: 46px; letter-spacing: -1px; margin-bottom: 15px; }
.guide-wrap .title-wrap .title + p { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #5B5E67; }

/*  유심 가이드 */
.guide-wrap .guide-detail { background-color: #F6F7F9; padding-top: 80px; }
.guide-wrap .s-container { overflow: visible; position: relative; display: flex; gap: 15px; padding-bottom: 200px; }
.guide-wrap .s-container .guide-section { width: 910px; overflow: hidden; }
.guide-wrap .s-container .guide-section .title-wrap { padding-bottom: 44px; }
.guide-wrap .s-container .guide-section .title-wrap .title { font-weight: 700; font-size: 36px; line-height: 46px; letter-spacing: -1px; margin-bottom: 15px; }
.guide-wrap .s-container .guide-section .title-wrap .title + p { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #5B5E67; }
.guide-wrap .s-container .guide-section .inner { background-color: #fff; border-radius: 25px; padding: 60px 60px 80px 60px; }
.guide-wrap .s-container .guide-section .inner > div:not(:last-child) { margin-bottom: 110px; }
.guide-wrap .s-container .guide-section.usim-01 .top-banner { display: flex; align-self: center; justify-content: space-between; background-color: #F0F2FF; border-radius: 30px; padding: 63px 0 0 50px; }
.guide-wrap .s-container .guide-section.usim-01 .top-banner .text h3 { margin-bottom: 8px; }
.guide-wrap .s-container .guide-section.usim-01 .top-banner .text p { font-weight: 400; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; margin-bottom: 13px; }
.guide-wrap .s-container .guide-section.usim-01 .top-banner .text .data-btn { display: flex; align-items: center; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #5533FF; gap: 3px; }
.guide-wrap .s-container .guide-section.usim-01 .top-banner .text .data-btn:hover { opacity: 0.8; }
.guide-wrap .s-container .guide-section.usim-01 .top-banner .text .data-btn img { width: 18px; height: 18px; }
.guide-wrap .s-container .guide-section .content-box h3 { font-weight: 700; font-size: 24px; line-height: 34px; letter-spacing: -0.4px; }
.guide-wrap .s-container .guide-section .content-box h3 + p { margin-top: 5px; font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #5B5E67; }
.guide-wrap .s-container .guide-section .content-box h3 + p span { font-weight: 600; }
.guide-wrap .s-container .guide-section .data-info { margin-bottom: 110px; }
.guide-wrap .s-container .guide-section .data-info .type-list { display: flex; align-items: center; gap: 15px; margin-top: 25px; }
.guide-wrap .s-container .guide-section .data-info .type-list .type { width: 253px; background-color: #fff; border: 1px solid #E8E9ED; border-radius: 30px; padding: 26px 20px 30px; text-align: center; }
.guide-wrap .s-container .guide-section .data-info .type-list .type h4 { font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: -0.4px; }
.guide-wrap .s-container .guide-section .data-info .type-list .type h4 + p { font-weight: 400; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; color: #787C87; margin-bottom: 13px; }
.guide-wrap .s-container .guide-section .data-info .sub-list { margin-top: 13px; }
.guide-wrap .s-container .guide-section .data-info .sub-list li { font-weight: 400; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; color: #2A2B2C; text-align: left; }
.guide-wrap .s-container .guide-section .banner-box { display: flex; gap: 16px; }
.guide-wrap .s-container .guide-section .banner-box.column { flex-direction: column; }
.guide-wrap .s-container .guide-section .benefit-info .banner-box { flex-wrap: wrap; gap: 16px 16px; margin-top: 25px; }
.guide-wrap .s-container .guide-section .benefit-info .banner-box .banner { border-radius: 20px; padding: 31px 28px; }
.guide-wrap .s-container .guide-section .benefit-info .banner-box .banner { width: 387px; height: 138px; }
.guide-wrap .s-container .guide-section .benefit-info .banner-box .banner.big { width: 100%; background: url('/web/images/guide/img_usim_benifit_01.png') 100% 0 no-repeat; background-color: #F6F7F9; }
.guide-wrap .s-container .guide-section .benefit-info .banner-box .banner:nth-child(2) { background: url('/web/images/guide/img_usim_benifit_02.png') 100% 0 no-repeat; background-color: #F6F7F9; }
.guide-wrap .s-container .guide-section .benefit-info .banner-box .banner:nth-child(3) { background: url('/web/images/guide/img_usim_benifit_03.png') 100% 0 no-repeat; background-color: #F6F7F9; }
.guide-wrap .s-container .guide-section .benefit-info .banner-box .banner h4 { font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; margin-bottom: 4px; }
.guide-wrap .s-container .guide-section .benefit-info .banner-box .banner p { font-weight: 400; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; }
.guide-wrap .s-container .guide-section .different-hello { margin-bottom: 0 !important; }
.guide-wrap .s-container .guide-section .different-hello .diff-list { display: flex; flex-direction: column; gap: 30px; margin: 25px 0 0 0; }
.guide-wrap .s-container .guide-section .different-hello .diff-list li { display: flex; align-items: center; gap: 20px }
.guide-wrap .s-container .guide-section .different-hello .diff-list li img { width: 60px; height: 60px; object-fit: cover; }
.guide-wrap .s-container .guide-section .different-hello .diff-list li h4 { font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; margin-bottom: 4px; }
.guide-wrap .s-container .guide-section .different-hello .diff-list li p { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #787C87; }
.guide-wrap .s-container .guide-section .step-wrap { display: flex; flex-direction: column; gap: 90px; margin-top: 40px; }
.guide-wrap .s-container .guide-section .step-wrap h4 { font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: -0.4px; margin-bottom: 4px; }
.guide-wrap .s-container .guide-section .step-wrap h4 + .sub-list { display: flex; flex-direction: column; gap: 10px; margin-bottom: 25px; }
.guide-wrap .s-container .guide-section .step-wrap h4 + .sub-list li { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #5B5E67; }
.guide-wrap .s-container .guide-section .step-wrap .text-wrap .link { display: flex; align-items: center; gap: 2px; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; text-align: center; color: #9933FF; }
.guide-wrap .s-container .guide-section .step-wrap .text-wrap .link:hover { opacity: 0.8; }
.guide-wrap .s-container .guide-section .step-wrap .text-wrap .link img { width: 18px; height: 18px; }
.guide-wrap .s-container .guide-section .step-wrap .text-wrap .link:after { content: ""; width: 18px; height: 18px; background: url('/web/images/global/icn_arrow_puple_right.png'); background-size: 100%; }
.guide-wrap .s-container .guide-section .step-wrap .step-02, .guide-wrap .s-container .guide-section .step-wrap .step-03 { display: flex; justify-content: space-between; }
.guide-wrap .s-container .guide-section .step-wrap .step-02 h4 + .sub-list, .guide-wrap .s-container .guide-section .step-wrap .step-03 h4 + .sub-list { color: #000; margin-bottom: 35px; }
.guide-wrap .s-container .guide-section .step-wrap .step-02 h4 + .sub-list li, .guide-wrap .s-container .guide-section .step-wrap .step-03 h4 + .sub-list li { color: #000; }
.guide-wrap .s-container .guide-section .type-info .banner-box { align-items: center; justify-content: space-between; margin-top: 30px; background: url('/web/images/guide/img_type_info_bg.png') center 65% no-repeat; }
.guide-wrap .s-container .guide-section .type-info .banner-box .banner { text-align: center; }
.guide-wrap .s-container .guide-section .type-info .banner-box .banner h4 { font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: -0.4px; margin: 30px 0 8px; }
.guide-wrap .s-container .guide-section .type-info .banner-box .banner ul { display: flex; flex-direction: column; gap: 8px; }
.guide-wrap .s-container .guide-section .type-info .banner-box .banner ul li { display: flex; align-items: center; gap: 4px; font-weight: 400; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; text-align: left; }
.guide-wrap .s-container .guide-section .type-info .banner-box .banner ul li img { width: 18px; height: 18px; }
.guide-wrap .s-container .guide-section .self-info .banner-box { display: flex; gap: 16px; margin: 30px 0 110px; }
.guide-wrap .s-container .guide-section .self-info .banner-box .banner { display: flex; flex-direction: column;
       width: 387px; height: 196px; gap: 65px; background: url('/web/images/guide/img_self_banner_01.png') 282px 91px  no-repeat; background-color: #F5F0FF; border-radius: 25px; padding: 24px; }
.guide-wrap .s-container .guide-section .self-info .banner-box .banner:nth-child(2) { background: url("/web/images/guide/img_self_banner_02.png") 282px 91px no-repeat; background-color: #F5F0FF; }
.guide-wrap .s-container .guide-section .self-info .banner-box .banner h4 { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: -0.4px; color: #000; }
.guide-wrap .s-container .guide-section .self-info .banner-box .banner span { font-weight: 400; font-size: 14px; line-height: 23px; letter-spacing: -0.3px; color: #5B5E67; }
.guide-wrap .s-container .guide-section .self-info .banner-box .banner .time { font-family: "Outfit", "Pretendard"; font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: 0px;  color: #000; }
.guide-wrap .s-container .guide-section .self-info .bottom-banner { display: flex; gap: 35px; padding: 50px 40px 0 25px; background: url('/web/images/guide/img_slef_bottom_banner_bg.png') 0 center no-repeat; background-color: #F5F0FF; border-radius: 30px; }
.guide-wrap .s-container .guide-section .self-info .bottom-banner .text-wrap h4 { font-weight: 700; font-size: 24px; line-height: 34px; letter-spacing: -0.4px; margin-bottom: 8px; }
.guide-wrap .s-container .guide-section .self-info .bottom-banner .text-wrap p { font-weight: 400; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; }
.guide-wrap .s-container .guide-section .self-info .bottom-banner .text-wrap p + p { margin-top: 6px; }
.guide-wrap .s-container .guide-section .self-info .bottom-banner .text-wrap p strong { font-weight: 600; }
.guide-wrap .s-container .guide-section .self-info .bottom-banner + .link { display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; margin: 30px 0 0 0; }
.guide-wrap .s-container .guide-section .self-info .bottom-banner + .link span { display: inline-block; background: linear-gradient(90deg, #405CF6 0%, #ED174D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
.guide-wrap .s-container .guide-section .self-info .bottom-banner + .link::after { content: ""; display: block; width: 18px; height: 18px; background: url('/web/images/global/icn_arrow_red.png') 0 0 no-repeat; background-size: 100%; }
.guide-wrap .s-container .guide-section .self-info .bottom-banner + .link:hover { opacity: 0.8; }
.guide-wrap .s-container .guide-section .card-wrap { display: flex; flex-direction: column; gap: 110px; margin-bottom: 110px; }
.guide-wrap .s-container .guide-section .card-wrap .title { font-weight: 700; font-size: 24px; line-height: 34px; letter-spacing: -0.4px; }
.guide-wrap .s-container .guide-section .card-wrap h4 + .card-container { margin-top: 25px; }

/*  가이드 페이지 공통 & 모달  */
.guide-wrap .s-container .button-wrap { text-align: center; }
.guide-wrap .s-container .next-section-btn, .guide-wrap .s-container .next-section-link { display: inline-block; width: 135px; height: 54px; background-color: #19191A; color: #fff; border-radius: 30px; font-family: Pretendard; font-weight: 600; font-size: 18px; line-height: 54px; letter-spacing: -0.4px; text-align: center; margin-top: 40px; }
.guide-wrap .s-container .next-section-btn:hover, .guide-wrap .s-container .next-section-link:hover { background-color: #5B5E67; }
.guide-wrap .s-container .sticky-menu { width: 235px; position: sticky; top: 95px; align-self: flex-start; /* flexbox 내부일 때 */ }
.guide-wrap .s-container .sticky-menu .menu-wrap { background-color: #19191A; border-radius: 20px; }
.guide-wrap .s-container .sticky-menu .menu-wrap h3, .guide-wrap .s-container .sticky-menu .menu-wrap .link { width: 100%; height: 53px; position: relative; display: inline-flex; align-items: center; justify-content: space-between; color: #787C87; font-weight: 600; font-size: 15px; line-height: 53px; letter-spacing: -0.3px; padding: 0 20px; }
.guide-wrap .s-container .sticky-menu .menu-wrap h3::after { content: ""; display: block; width: 14px; height: 14px; background: url('/web/images/global/icn_arrow_white_up.png') 0 0 no-repeat; background-size: 100%; }
.guide-wrap .s-container .sticky-menu .menu-wrap .link::after { content: ""; display: block; width: 14px; height: 14px; background: url('/web/images/global/icn_arrow_gray_down.png') 0 0 no-repeat; background-size: 100%; }
.guide-wrap .s-container .sticky-menu .menu-wrap .link:hover { color: #fff; }
.guide-wrap .s-container .sticky-menu .menu-wrap .link:hover::after { width: 14px; height: 14px; background: url('/web/images/global/icn_arrow_white_up.png') 0 0 no-repeat; background-size: 100%; }
.guide-wrap .s-container .sticky-menu .menu-wrap h3 { color: #fff; }
.guide-wrap .s-container .sticky-menu .menu-wrap .scrollspy-item { padding: 12px 20px; border-radius: 18px; background-color: #fff; }
.guide-wrap .s-container .sticky-menu .menu-wrap .scrollspy-item .sub-menu li { font-weight: 500; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; color: #AEB0B7; padding-left: 24px; margin-bottom: 8px; }
.guide-wrap .s-container .sticky-menu .menu-wrap .scrollspy-item .sub-menu li:last-child { margin-bottom: 0; }
.guide-wrap .s-container .sticky-menu .menu-wrap .scrollspy-item .sub-menu li:not([data-type="tab"]).active { color: #9933FF; background: url('/web/images/global/icn_check_purple.png')0 0 no-repeat; background-size: 18px 18px; }
.guide-wrap .s-container .sticky-menu .menu-wrap .scrollspy-item .sub-menu li[data-type="tab"] { padding-left: 0; }
.guide-wrap .s-container .sticky-menu .menu-wrap .scrollspy-item .sub-menu li[data-type="tab"] p { padding-left: 24px; }
.guide-wrap .s-container .sticky-menu .menu-wrap .scrollspy-item .sub-menu li[data-type="tab"] p.active { color: #9933FF; background: url('/web/images/global/icn_check_purple.png')0 0 no-repeat; background-size: 18px 18px; }
.guide-wrap .s-container .sticky-menu .menu-wrap .scrollspy-item .sub-menu li[data-type="tab"] p:first-child { margin-bottom: 8px; }
.guide-wrap .s-container .sticky-menu .menu-wrap .scrollspy-item .move-btn { display: flex; text-align: left; gap: 6px; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; position: relative; color: #000; }
.guide-wrap .s-container .sticky-menu .menu-wrap .scrollspy-item > li { position: relative; padding: 18px 0; }
.guide-wrap .s-container .sticky-menu .menu-wrap .scrollspy-item > li:not(:last-child)::after { content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 170px; height: 1px; background-color: #F0F1F4; }
.guide-wrap .s-container .sticky-menu .menu-wrap .scrollspy-item .move-btn img { width: 18px; height: 18px; margin-top: 2px; }
.guide-wrap .s-container .sticky-menu .scrollspy-item .sub-menu { display: none; }
.guide-wrap .s-container .sticky-menu .scrollspy-item .on .sub-menu { display: block; padding-top: 16px; }
.guide-wrap .s-container .sticky-menu .scrollspy-item .on .sub-menu li { cursor: pointer; }
.guide-wrap .s-container .sticky-menu .btn-wrap { margin-top: 20px; }
.guide-wrap .s-container .sticky-menu .btn-wrap .link { width: 206px; height: 54px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 4px; background: linear-gradient(90deg, #9933FF 0%, #5533FF 100%); border: 1px solid; border-image-source: linear-gradient(95.44deg, #C8B8FF 8.68%, rgba(255, 255, 255, 0) 96.9%); border-radius: 55px; font-weight: 700; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; text-align: center; color: #fff; }
.guide-wrap .s-container .sticky-menu .btn-wrap .link img { width: 18px; height: 18px; }
.guide-wrap .s-container .sticky-menu .btn-wrap .link:hover { background: linear-gradient(90deg, #660AC2 0%, #290AC2 100%); border: 1px solid; border-image-source: linear-gradient(95.44deg, #7952FF 8.68%, rgba(255, 255, 255, 0) 96.9%); }
.guide-modal .container { width: 600px; height: 610px; padding-top: 40px; }
.guide-modal .container .title { font-weight: 700; font-size: 24px; line-height: 34px; letter-spacing: -0.4px; color: #000; margin-bottom: 30px; }
.guide-modal .container .tab-menu-box .content-tab li { width: 97px; gap: 4px; align-items: center; justify-content: center; }
.guide-modal .container .tab-menu-box .content-tab li span { line-height: 18px; }
.guide-modal .container .tab-menu-box .content-tab li::before { content: ""; display: block; width: 18px; height: 18px; }
.guide-modal .container .tab-menu-box .content-tab li:first-child::before { background: url('/web/images/global/icn_android_off.png'); background-size: 100%; }
.guide-modal .container .tab-menu-box .content-tab li.active:first-child::before { background: url('/web/images/global/icn_android_on.png'); background-size: 100%; }
.guide-modal .container .tab-menu-box .content-tab li:last-child::before { background: url('/web/images/global/icn_apple_off.png'); background-size: 100%; }
.guide-modal .container .tab-menu-box .content-tab li.active:last-child::before { background: url('/web/images/global/icn_apple_on.png'); background-size: 100%; }

/*  이심 가이드  */
.guide-wrap .s-container .guide-section .esim-info .banner-box { align-items: center; justify-content: space-between; margin-top: 30px; background: url('/web/images/guide/img_esim_info_bg.png') center 65% no-repeat; }
.guide-wrap .s-container .guide-section .esim-info .banner-box .banner { text-align: center; }
.guide-wrap .s-container .guide-section .esim-info .banner-box .banner h4 { font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: -0.4px; margin: 30px 0 8px; }
.guide-wrap .s-container .guide-section .esim-info .banner-box .banner ul { display: flex; flex-direction: column; gap: 8px; }
.guide-wrap .s-container .guide-section .esim-info .banner-box .banner ul li { display: flex; align-items: center; gap: 4px; font-weight: 400; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; text-align: left; }
.guide-wrap .s-container .guide-section .esim-info .banner-box .banner ul li img { width: 18px; height: 18px; object-fit: cover; }
.guide-wrap .s-container .guide-section .esim-support .banner-box { margin-top: 30px; }
.guide-wrap .s-container .guide-section .esim-support .banner { width: 387px; height: 424px; padding: 40px 30px; border-radius: 30px; }
.guide-wrap .s-container .guide-section .esim-support .banner > ul { display: flex; flex-direction: column; gap: 35px; }
.guide-wrap .s-container .guide-section .esim-support .banner .tit { display: flex; align-items: center; justify-content: center; gap: 2px; width: 95px; height: 34px; background-color: #EDE5FF; border-radius: 50px; font-weight: 600; font-size: 14px; line-height: 22px; letter-spacing: -0.1px; color: #9933FF; margin-bottom: 10px; }
.guide-wrap .s-container .guide-section .esim-support .banner .tit::before { content: ""; display: block; width: 18px; height: 18px; }
.guide-wrap .s-container .guide-section .esim-support .banner .tit.android::before { background: url('/web/images/guide/icn_esim_android.png'); background-size: 100%; }
.guide-wrap .s-container .guide-section .esim-support .banner .tit.iphone::before { background: url('/web/images/guide/icn_esim_apple.png'); background-size: 100%; }
.guide-wrap .s-container .guide-section .esim-support .banner .tit.xiaomi::before { background: url('/web/images/guide/icn_esim_xiaomi.png'); background-size: 100%; }
.guide-wrap .s-container .guide-section .esim-support .banner p { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #19191A; }
.guide-wrap .s-container .guide-section .esim-support .banner p + .sub-list { margin-top: 4px; }
.guide-wrap .s-container .guide-section .esim-support .banner .sub-list li { font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.1px; color: #787C87; }
.guide-wrap .s-container .guide-section .esim-support .banner:first-child { background-color: #fff; border: 1px solid #E8E9ED; }
.guide-wrap .s-container .guide-section .esim-support .banner:last-child { background: linear-gradient(180deg, #F1E8FD 0%, #E1CFFA 68.75%, #D7DBFD 100%); text-align: center; position: relative; }
.guide-wrap .s-container .guide-section .esim-support .banner:last-child h4 { font-weight: 700; font-style: Bold; font-size: 20px; line-height: 28px; letter-spacing: -0.4px; }
.guide-wrap .s-container .guide-section .esim-support .banner:last-child .img-wrap { position: absolute; bottom: 0; left: 0; }
.guide-wrap .s-container .guide-section .esim-support .banner:last-child .img-wrap img { width: 100%; vertical-align: bottom; }
.guide-wrap .s-container .guide-section .esim-buy-info .banner-box { align-items: center; position: relative; }
.guide-wrap .s-container .guide-section .esim-buy-info .banner-box .text-wrap, .guide-wrap .s-container .guide-section .esim-buy-info .banner-box .img-wrap { flex: 1; }
.guide-wrap .s-container .guide-section .esim-buy-info .banner-box .img-wrap { position: relative; height: 188px; }
.guide-wrap .s-container .guide-section .esim-buy-info .banner-box .img-wrap img { position: absolute; bottom: 0; }
.guide-wrap .s-container .guide-section .esim-buy-info .step-wrap { position: relative; border: 1px solid #E8E9ED; border-radius: 30px; margin: 0; padding: 50px 40px; }
.guide-wrap .s-container .guide-section .esim-buy-info .step-wrap .list { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 44px; }
.guide-wrap .s-container .guide-section .esim-buy-info .step-wrap::before { content: ""; display: block; width: 1px; height: 78.4%; position: absolute; top: 78px; left: 52px; background-color: #EDE5FF; z-index: 1; }
.guide-wrap .s-container .guide-section .esim-buy-info .step-wrap .list .item { background-image: url('/web/images/global/icn_step_01.png'); background-repeat: no-repeat; background-position: 0 0; background-size: 26px 28px; padding-left: 45px; }
.guide-wrap .s-container .guide-section .esim-buy-info .step-wrap .list .item:nth-child(2) { background-image: url('/web/images/global/icn_step_02.png'); background-size: 26px 28px; }
.guide-wrap .s-container .guide-section .esim-buy-info .step-wrap .list .item:nth-child(3) { background-image: url('/web/images/global/icn_step_03.png'); background-size: 27px 29px; }
.guide-wrap .s-container .guide-section .esim-buy-info .step-wrap .list .item:nth-child(4) { background-image: url('/web/images/global/icn_step_04.png'); background-size: 30px 32px; }
.guide-wrap .s-container .guide-section .esim-buy-info .step-wrap .list .item:nth-child(5) { background-image: url('/web/images/global/icn_step_05.png'); background-size: 33px 35px; }
.guide-wrap .s-container .guide-section .esim-buy-info .step-wrap .list .item h4 { font-weight: 600; font-size: 20px; line-height: 28px; letter-spacing: -0.4px; padding-top: 2px; }
.guide-wrap .s-container .guide-section .esim-buy-info .step-wrap .list .item .link { display: flex; align-items: center; gap: 2px; font-weight: 600; font-size: 14px; line-height: 22px; letter-spacing: -0.1px; color: #787C87; }
.guide-wrap .s-container .guide-section .esim-buy-info .step-wrap .list .item .link:hover { color: #5B5E67; }
.guide-wrap .s-container .guide-section .esim-buy-info .step-wrap .list .item .link::after { content: ""; display: block; width: 18px; height: 18px; background: url('/web/images/global/icn_arrow_gray.png') 0 0 no-repeat; background-size: 100%; }
.guide-wrap .s-container .guide-section .esim-buy-info .step-wrap .list .item .banner-box { margin-top: 24px; }
.guide-wrap .s-container .guide-section .esim-buy-info .step-wrap .list .item .banner { display: flex; flex-direction: column; justify-content: space-between; width: 326px; height: 322px; background-color: #F6F7F9; border-radius: 25px; padding: 30px 20px 48px; text-align: center; }
.guide-wrap .s-container .guide-section .esim-buy-info .step-wrap .list .item .banner .tit { font-weight: 500; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; text-align: center; color: #2A2B2C; }
.guide-wrap .s-container .guide-section .esim-buy-info .step-wrap .list .item .banner .tit p { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #787C87; }
.guide-wrap .s-container .guide-section .esim-buy-info .step-wrap .list .item .banner .sub-step { display: flex; gap: 20px; }
.guide-wrap .s-container .guide-section .esim-buy-info .step-wrap .list .item .banner .sub-step li { text-align: center; }
.guide-wrap .s-container .guide-section .esim-buy-info .step-wrap .list .item .banner .sub-step li h5 { font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; margin-top: 12px; }
.guide-wrap .s-container .guide-section .esim-buy-info .step-wrap .list .item .banner .sub-step li h5 + p { font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.1px; color: #787C87; }
.guide-wrap .s-container .guide-section .esim-buy-info .step-wrap .list .item p.info { display: flex; align-items: center; gap: 4px; font-weight: 400; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; color: #787C87; }
.guide-wrap .s-container .guide-section .esim-buy-info .step-wrap .list .item p.info img { width: 18px; height: 18px; }
.guide-wrap .s-container .guide-section .esim-not-supported .banner-box { align-items: center; gap: 60px; background-color: #F0F2FF; border-radius: 30px; padding: 13px 0 0 50px; }
.guide-wrap .s-container .guide-section .esim-not-supported .banner-box .text-wrap h4 { font-weight: 700; font-size: 24px; line-height: 34px; letter-spacing: -0.4px; margin-bottom: 8px; }
.guide-wrap .s-container .guide-section .esim-not-supported .banner-box .text-wrap h4 + p { font-weight: 400; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; }
.guide-wrap .s-container .guide-section .esim-not-supported .banner-box .text-wrap h4 + p span { font-weight: 600; }
.guide-wrap .s-container .guide-section .esim-setup .card-wrap .title + p { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #5B5E67; margin-bottom: 15px; }
.guide-wrap .s-container .guide-section .esim-setup .card-wrap p + .link { display: flex; align-items: center; font-weight: 600; font-size: 14px; line-height: 22px; letter-spacing: -0.1px; color: #787C87; margin-bottom: 20px; }
.guide-wrap .s-container .guide-section .esim-setup .card-wrap p + .link::after { content: ""; display: block; width: 14px; height: 14px; background: url('/web/images/global/icn_arrow_gray.png') 0 0 no-repeat; background-size: 100%; }
.guide-wrap .s-container .guide-section .esim-setup .title-box { background-color: #F9F9FB; border-radius: 12px; text-align: center; margin-bottom: 24px; padding: 12px 0; }
.guide-wrap .s-container .guide-section .esim-setup .title-box h5 { display: flex; align-items: center; justify-content: center; gap: 4px; font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: -0.4px; color: #9933FF; }
.guide-wrap .s-container .guide-section .esim-setup .title-box h5.samsung img { width: 85px; height: 15px; }
.guide-wrap .s-container .guide-section .esim-setup .title-box h5.apple img { width: 16px; height: 16px; }

/*  카드 슬라이더 공통 */
.guide-wrap .card-container { position: relative; width: 100%; /* 카드 2개 크기 */ overflow: hidden; }
.guide-wrap .card-track { display: flex; margin-bottom: 15px; }
.guide-wrap .card-box { display: flex; }
.guide-wrap .card-track.none { display: flex; justify-content: center; }
.guide-wrap .card { width: 253px; min-height: 332px; flex-shrink: 0; border: 1px solid #E8E9ED; border-radius: 20px; padding: 26px 16px 16px 24px; position: relative; }
.guide-wrap .card.small { width: 208px !important; margin-right: 12px !important; }
.guide-wrap .card.small:last-child { margin-right: 0 !important; }
.guide-wrap .card.small .img-wrap { width: 140px; height: 140px; }
.guide-wrap .card.small .img-wrap img { width: 100%; }
.guide-wrap .card.half { width: calc(50% - 8px) !important; height: auto; }
.guide-wrap .card.center { text-align: center; }
.guide-wrap .s-container .self-guide .esim-self .step-list .step-cont .sub-cont .card.center h4 { justify-content: center; }
.guide-wrap .card:not(:last-child) { margin-right: 15px; }
.guide-wrap .card .step { font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #9933FF; margin-bottom: 4px; }
.guide-wrap .card .step + p { font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #19191A; }
.guide-wrap .card .step + p .link { display: flex; align-items: center; font-weight: 600; font-size: 14px; line-height: 22px; letter-spacing: -0.1px; color: #AEB0B7; }
.guide-wrap .card .step + p .link::after { content: ""; display: block; width: 14px; height: 14px; background: url('/web/images/global/icn_arrow_gray.png') 0 0 no-repeat; background-size: 100%; }
.guide-wrap .card .step + p span { display: inline-block; font-family: Pretendard; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.1px; color: #787C87; }
.guide-wrap .card .img-wrap { position: absolute; right: 16px; bottom: 16px; }
.guide-wrap .card.center .img-wrap { position: relative; right: auto; bottom: auto; text-align: center; }
.guide-wrap .card.center .img-wrap + p { margin-top: 10px; font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #5B5E67; }

/* 버튼 영역 하단 좌측 배치 */
.guide-wrap .nav-buttons { display: flex; gap: 8px; }
.guide-wrap .nav-buttons button { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; background-color: #D7D9E0; border-radius: 50%; text-align: center; }
.guide-wrap .nav-buttons .slick-disabled { opacity: 0.5; }
.guide-wrap .nav-buttons .btn-prev { transform: rotate(180deg); }
.guide-wrap .nav-buttons button img { width: 10px; height: auto; }
.guide-wrap .s-container .guide-section .esim-setup .qr-wrap { display: flex; gap: 20px; }
.guide-wrap .s-container .guide-section .esim-setup .qr-wrap + .qr-wrap, .guide-wrap .s-container .guide-section .esim-setup .card-container + .title-box { margin-top: 60px; }
.guide-wrap .s-container .guide-section .esim-setup .qr-wrap .qr-code { width: 140px; height: 332px; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; gap: 15px; background-color: #F9F9FB; border-radius: 25px; }
.guide-wrap .s-container .guide-section .esim-setup .qr-wrap .qr-code p { font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: -0.4px; }
.guide-wrap .s-container .guide-section .esim-setup h4 + .sub-info { display: flex; flex-direction: column; gap: 10px; margin: 25px 0; }
.guide-wrap .s-container .guide-section .esim-setup h4 + .sub-info li { display: flex; align-items: center; gap: 16px; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; }
.guide-wrap .s-container .guide-section .esim-setup h4 + .sub-info li p { width: 120px; display: flex; align-items: center; flex-shrink: 0; gap: 6px; font-weight: 500; }
.guide-wrap .s-container .guide-section .esim-setup h4 + .sub-info li p img { width: 18px; height: 18px; }
.guide-wrap .s-container .guide-section .esim-setup h4 + .sub-info li span { font-weight: 400; }
.guide-wrap .s-container .guide-section .esim-setup .card-wrap { margin-bottom: 0; }

/*  핸드폰 가이드 */
.guide-wrap .s-container .guide-section .phone-info .banner-box { flex-wrap: wrap; gap: 14px; margin-top: 20px; }
.guide-wrap .s-container .guide-section .phone-info .banner-box .banner { position: relative; width: 388px; height: 240px; background-color: #F6F7F9; border-radius: 20px; overflow: hidden; }
.guide-wrap .s-container .guide-section .phone-info .banner-box .banner .badge-wrap { background: url('/web/images/guide/img_phone_info_bg.png') 0 0 no-repeat; padding: 3px 25px 3px 20px; }
.guide-wrap .s-container .guide-section .phone-info .banner-box .banner .badge-wrap p { font-weight: 600; font-size: 12px; line-height: 20px; letter-spacing: -0.1px; color: #fff; }
.guide-wrap .s-container .guide-section .phone-info .banner-box .banner .info-box { display: flex; align-items: center; gap: 15px; margin-top: 14px; }
.guide-wrap .s-container .guide-section .phone-info .banner-box .banner .info-box .img-wrap { padding-top: 14px; }
.guide-wrap .s-container .guide-section .phone-info .banner-box .banner .info-box .text-wrap h4 { display: flex; align-items: center; gap: 6px; font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: -0.4px; margin-bottom: 6px; }
.guide-wrap .s-container .guide-section .phone-info .banner-box .banner .info-box .text-wrap h4 span { background-color: #EDE5FF; border-radius: 6px; padding: 1px 8px; font-weight: 500; font-size: 12px; line-height: 20px; letter-spacing: -0.1px; color: #9933FF; }
.guide-wrap .s-container .guide-section .phone-info .banner-box .banner .info-box .text-wrap .sub-list li { font-weight: 400; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; }
.guide-wrap .s-container .guide-section h3 + .card-container, .guide-wrap .s-container .guide-section h3 + .banner-box { margin-top: 20px; }
.guide-wrap .s-container .guide-section .phone-benefit .banner-box .banner { width: 256px; height: 398px; background-color: #F6F7F9; border-radius: 20px; padding: 40px 25px 36px; }
.guide-wrap .s-container .guide-section .phone-benefit .banner-box .banner .img-wrap { width: 40px; height: 40px; margin-bottom: 30px; }
.guide-wrap .s-container .guide-section .phone-benefit .banner-box .banner .img-wrap img { width: 100%; }
.guide-wrap .s-container .guide-section .phone-benefit .banner-box .banner .text-wrap h5 { font-weight: 700; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; margin-bottom: 18px; }
.guide-wrap .s-container .guide-section .phone-benefit .banner-box .banner .text-wrap .sub-list { display: flex; flex-direction: column; gap: 8px }
.guide-wrap .s-container .guide-section .phone-benefit .banner-box .banner .text-wrap .sub-list li { font-weight: 400; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; }
.guide-wrap .s-container .guide-section .phone-delivery .banner .text-wrap { padding-left: 24px; background: url('/web/images/global/icn_verify_purple.png') 0 2px no-repeat; background-size: 18px 18px; margin-top: 14px; }
.guide-wrap .s-container .guide-section .phone-delivery .banner .text-wrap h4 { font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; margin-bottom: 7px; }
.guide-wrap .s-container .guide-section .phone-delivery .banner .text-wrap h4 + p { font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; }
.guide-wrap .s-container .guide-section .phone-delivery .banner .text-wrap h4 + p span { font-weight: 400; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; color: #787C87; }
.guide-wrap .s-container .guide-section .phone-supported .banner-box { gap: 14px; }
.guide-wrap .s-container .guide-section .phone-supported .banner { display: flex; flex-direction: column; box-shadow: 0px 0px 15px 0px #0F13401A; padding: 40px; border-radius: 30px; width: 388px; }
.guide-wrap .s-container .guide-section .phone-supported .banner.full { width: 100%; }
.guide-wrap .s-container .guide-section .phone-supported .banner .img-wrap { display: flex; align-items: center; justify-content: space-around; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #F0F1F4; }
.guide-wrap .s-container .guide-section .phone-supported .banner .img-wrap .box { text-align: center; }
.guide-wrap .s-container .guide-section .phone-supported .banner .img-wrap .box img { width: 80px; height: 80px; }
.guide-wrap .s-container .guide-section .phone-supported .banner.full .img-wrap .box { width: 50%; }
.guide-wrap .s-container .guide-section .phone-supported .banner .img-wrap p { font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; }
.guide-wrap .s-container .guide-section .phone-supported .banner .img-wrap p span { display: inline-block; margin-right: 4px; color: #9933FF; }
.guide-wrap .s-container .guide-section .phone-supported .banner.full .img-wrap .box:first-child { position: relative; }
.guide-wrap .s-container .guide-section .phone-supported .banner.full .img-wrap .box:first-child::after { content: ""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 35px; background-color: #F0F1F4; }
.guide-wrap .s-container .guide-section .phone-supported .banner .text-wrap ul { display: flex; gap: 60px; }
.guide-wrap .s-container .guide-section .phone-supported .banner .text-wrap li { position: relative; padding-left: 30px; }
.guide-wrap .s-container .guide-section .phone-supported .banner .text-wrap li::before { content: "01"; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; background-color: #9933FF; border-radius: 50%; color: #fff; }
.guide-wrap .s-container .guide-section .phone-supported .banner .text-wrap li:nth-child(2):before { content: "02"; }
.guide-wrap .s-container .guide-section .phone-supported .banner .text-wrap li:nth-child(3):before { content: "03"; }
.guide-wrap .s-container .guide-section .phone-supported .banner .text-wrap h4, .guide-wrap .s-container .guide-section .phone-lisurance .banner .text-wrap h4 { font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; }
.guide-wrap .s-container .guide-section .phone-supported .banner .text-wrap h4 + p, .guide-wrap .s-container .guide-section .phone-lisurance .banner .text-wrap h4 + p { font-weight: 400; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; color: #5B5E67; }
.guide-wrap .s-container .guide-section .phone-lisurance .banner .text-wrap { padding-left: 30px; position: relative; margin-top: 15px; }
.guide-wrap .s-container .guide-section .phone-lisurance .banner .text-wrap::before { content: "01"; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; background-color: #9933FF; border-radius: 50%; color: #fff; }
.guide-wrap .s-container .guide-section .phone-lisurance .banner:nth-child(2) .text-wrap::before { content: "02"; }
.guide-wrap .s-container .guide-section .phone-lisurance .banner:nth-child(3) .text-wrap::before { content: "03"; }
.guide-wrap .s-container .guide-section .phone-lisurance-not .banner-box { gap: 20px; }
.guide-wrap .s-container .guide-section .phone-lisurance-not .banner { display: flex; align-items: center; gap: 50px; }
.guide-wrap .s-container .guide-section .phone-lisurance-not .banner .img-wrap { width: 348px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background-color: #F6F7F9; border-radius: 100px; }
.guide-wrap .s-container .guide-section .phone-lisurance-not .banner:first-child .img-wrap { height: 220px; }
.guide-wrap .s-container .guide-section .phone-lisurance-not .banner .img-wrap img { width: 140px; height: 140px; }
.guide-wrap .s-container .guide-section .phone-lisurance-not .banner:nth-child(2) .img-wrap { height: 156px; }
.guide-wrap .s-container .guide-section .phone-lisurance-not .banner h4 { display: flex; align-items: center; gap: 6px; font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; margin-bottom: 8px; }
.guide-wrap .s-container .guide-section .phone-lisurance-not .banner .sub-list li { font-weight: 400; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; color: #5B5E67; }
.guide-wrap .s-container .guide-section .phone-lisurance-apply .banner { display: flex; flex-direction: column; box-shadow: 0px 0px 15px 0px #0F13401A; padding: 40px; border-radius: 30px; width: 388px; }
.guide-wrap .s-container .guide-section .phone-lisurance-apply .banner .title { margin-bottom: 25px; padding-bottom: 17px; border-bottom: 1px solid #F0F1F4; font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; }
.guide-wrap .s-container .guide-section .phone-lisurance-apply .banner .text-wrap { padding-left: 40px; font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; }
.guide-wrap .s-container .guide-section .phone-lisurance-apply .banner .text-wrap span { color: #9933FF; }
.guide-wrap .s-container .guide-section .phone-lisurance-apply .banner:first-child .text-wrap { background: url('/web/images/global/icn_hello_u_04.png') 0 0 no-repeat; background-size: 32px 32px; }
.guide-wrap .s-container .guide-section .phone-lisurance-apply .banner:nth-child(2) .text-wrap { background: url('/web/images/global/icn_store_mix.png') 0 0 no-repeat; background-size: 32px 32px; }
.guide-wrap .s-container .guide-section .phone-lisurance-apply .banner-box + .banner-box { margin-top: 110px; }
.guide-wrap .s-container .guide-section .phone-lisurance-apply .banner.full { width: 100%; flex-direction: row; gap: 50px; background-color: #F0F2FF; border-radius: 30px; box-shadow: none; padding: 40px 0 0 40px; }
.guide-wrap .s-container .guide-section .phone-lisurance-apply .banner.full .text-wrap { background: none; display: flex; flex-direction: column; gap: 58px; padding-left: 0; }
.guide-wrap .s-container .guide-section .phone-lisurance-apply .banner.full .text-wrap h4 { font-weight: 700; font-size: 24px; line-height: 34px; letter-spacing: -0.4px; }
.guide-wrap .s-container .guide-section .phone-lisurance-apply .banner.full .text-wrap h4 + p { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; }
.guide-wrap .s-container .guide-section .phone-lisurance-apply .banner.full .text-wrap span { display: inline-block; width: 130px; font-weight: 400; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; color: #000; }
.guide-wrap .s-container .guide-section .phone-lisurance-apply .banner-box + .info { display: flex; align-items: center; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: 0%; color: #5B5E67; margin-top: 14px; gap: 6px; }
.guide-wrap .s-container .guide-section .phone-lisurance-apply .banner-box + .info::before { content: ""; display: block; width: 16px; height: 16px; background: url('/web/images/global/icn_info_gray_03.png') 0 0  no-repeat; background-size: 100%; }
.guide-wrap .s-container .guide-section .phone-afterservice .banner-box { gap: 11px; margin-top: 25px; }
.guide-wrap .s-container .guide-section .phone-afterservice .banner-box .banner { width: 256px; border: 1px solid #E8E9ED; border-radius: 20px; padding: 35px 25px 30px; }
.guide-wrap .s-container .guide-section .phone-afterservice .banner-box .banner .img-wrap { margin-bottom: 35px; }
.guide-wrap .s-container .guide-section .phone-afterservice .banner-box .banner .img-wrap img { width: 40px; height: 40px; }
.guide-wrap .s-container .guide-section .phone-afterservice .banner-box .banner .text-wrap h4 { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; margin-bottom: 14px; }
.guide-wrap .s-container .guide-section .phone-afterservice .banner-box .banner .text-wrap h4 span { background-color: #EDE5FF; border-radius: 6px; padding: 1px 8px; font-weight: 500; font-size: 12px; line-height: 20px; letter-spacing: -0.1px; color: #9933FF; }
.guide-wrap .s-container .guide-section .phone-afterservice .banner-box .banner .text-wrap .sub-list li { font-weight: 400; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; }

/*  셀프 개통 가이드  */
.guide-wrap .s-container .self-guide .top-banner { display: flex; align-self: center; justify-content: space-between; background: url("/web/images/guide/img_self_guide_top_bg.png") 0 0  no-repeat; border-radius: 30px; margin-bottom: 20px !important; padding: 36px 40px 26px 36px; }
.guide-wrap .s-container .self-guide .top-banner .text h3 { margin-bottom: 8px; }
.guide-wrap .s-container .self-guide .top-banner .text p { font-weight: 400; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; margin-bottom: 16px; color: #000; }
.guide-wrap .s-container .self-guide .top-banner .text .round-btn { width: 158px; display: flex; align-items: center; justify-content: center; gap: 5px; flex-shrink: 0; margin-bottom: 50px; }
.guide-wrap .s-container .self-guide .top-banner .text .round-btn img { width: 18px; height: 18px; }
.guide-wrap .s-container .self-guide .top-banner .time-info { display: flex; gap: 40px; }
.guide-wrap .s-container .self-guide .top-banner .time-info { font-weight: 400; font-size: 13px; line-height: 20px; letter-spacing: -0.1px; }
.guide-wrap .s-container .self-guide .top-banner .time-info p { font-family: "Outfit", "Pretendard"; font-weight: 600; font-size: 20px; line-height: 28px; letter-spacing: 0px; margin-bottom: 0; }
.guide-wrap .s-container .self-guide .top-banner .time-info p + span { color: #787C87; }
.guide-wrap .s-container .self-guide .top-banner + .sub-info p { font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.1px; color: #787C87; }
.guide-wrap .s-container .self-guide .tab-wrap { margin-top: 30px; }
.guide-wrap .s-container .self-guide .tab-wrap .line-tab li { width: 50%; text-align: center; padding: 20px 0; }
.guide-wrap .s-container .self-guide .tab-wrap .line-tab li p { display: flex; align-items: center; justify-content: center; gap: 4px; font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; }
.guide-wrap .s-container .self-guide .tab-wrap .line-tab li.active { color: #9933FF; }
.guide-wrap .s-container .self-guide .tab-wrap .line-tab li::after { background-color: #9933FF; }
.guide-wrap .s-container .self-guide .tab-wrap .line-tab li p::before { content: ""; display: block; width: 18px; height: 18px; }
.guide-wrap .s-container .self-guide .tab-wrap .line-tab .usim p::before { background: url("/web/images/guide/img_tab_usim_off.png") 0 0 no-repeat; background-size: 100%; }
.guide-wrap .s-container .self-guide .tab-wrap .line-tab .usim.active p::before { background: url("/web/images/guide/img_tab_usim_on.png") 0 0 no-repeat; background-size: 100%; }
.guide-wrap .s-container .self-guide .tab-wrap .line-tab .esim p::before { background: url("/web/images/guide/img_tab_esim_off.png") 0 0 no-repeat; background-size: 100%; }
.guide-wrap .s-container .self-guide .tab-wrap .line-tab .esim.active p::before { background: url("/web/images/guide/img_tab_esim_on.png") 0 0 no-repeat; background-size: 100%; }
.guide-wrap .s-container .self-guide .step-list { margin-top: 20px; }
.guide-wrap .s-container .self-guide .step-list .step-cont { width: 100%; display: flex; flex-direction: column; gap: 20px; margin-left: 0; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item { position: relative; background-color: #F6F7F9; border-radius: 25px; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item dl { padding: 0; word-break: keep-all; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item dl dt { padding: 30px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item dl dt p { display: flex; align-items: center; gap: 12px; font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item dl dt span { display: inline-block; height: 24px; background-color: #9933FF; border-radius: 23px; font-family: "Outfit", "Pretendard"; font-weight: 600; font-size: 12px; line-height: 24px; letter-spacing: 0px; color: #fff; padding: 0 12px; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item dl dt::after { content: ""; display: block; width: 18px; height: 18px; background: url('/web/images/global/icn_arrow_blk.png') 0 0 no-repeat; background-size: 100%; transition: transform 0.4s ease; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item.on dl dt::after { transform: rotate(180deg); }
.guide-wrap .s-container .self-guide .step-list .step-cont .item dl dt .price .rate { font-weight: 700; font-size: 24px; line-height: 34px; letter-spacing: -0.4px; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item dl dd { display: none; margin-top: 0; padding: 0 30px 30px 30px; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item dl dd .box-wrap { background: #fff; border: 1px solid #E8E9ED; border-radius: 12px; overflow: hidden; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item dl dd .box .box-btn { display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; padding: 25px 30px; cursor: pointer; color: #5B5E67; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item dl dd .box:not(:last-child) { border-bottom: 1px solid #E8E9ED; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item dl dd .box .box-btn::before { content: ""; display: block; width: 18px; height: 18px; background: url("/web/images/global/icn_btn_plus_gray.png") 0 0 no-repeat; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item dl dd .box.on .box-btn::before { background: url("/web/images/global/icn_btn_minus_gray.png") 0 0 no-repeat; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item .sub-cont { display: none; padding: 40px; border-top: 1px solid #E8E9ED; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item dl dd .box.on .cont { display: block; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item .sub-cont .cont-list { display: flex; flex-direction: column; gap: 40px; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item .sub-cont .dot { display: flex; align-items: center; gap: 30px; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; margin-bottom: 12px; }
.guide-wrap .s-container .self-guide .step-list .step-cont .round-btn { display: flex; align-items: center; justify-content: center; padding: 0 18px; flex-shrink: 0; border: 1px solid #E8E9ED; }
.guide-wrap .s-container .self-guide .step-list .step-cont .round-btn.arrow:after { content: ""; display: block; width: 14px; height: 14px; background: url("/web/images/global/icn_arrow_blk_right.png") 0 0 no-repeat; background-size: 100%; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item .sub-cont .gray-box { display: flex; align-items: center; background-color: #F6F7F9; border-radius: 12px; padding: 20px; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item .sub-cont .gray-box p { font-weight: 500; font-size: 14px; line-height: 22px; letter-spacing: -0.1px; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item .sub-cont .gray-box .thum { display: flex; align-items: center; gap: 8px; margin-right: 8px; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item .sub-cont .gray-box .thum img { width: 62px; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item .sub-cont .gray-box .thum::after { content: ""; display: block; width: 1px; height: 14px; background-color: #D7D9E0; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item .sub-cont .gray-box p:last-child { margin-left: auto; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item .sub-cont .gray-box p .link { display: inline-flex; align-items: center; gap: 2px; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #9933FF; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item .sub-cont .gray-box p .link img { width: 18px; height: 18px; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item .sub-cont .gray-box p .link::after { content: ""; display: block; width: 18px; height: 18px; background: url("/web/images/global/icn_arrow_puple.png") 0 0 no-repeat; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item .sub-cont .text-box { font-weight: 400; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; color: #5B5E67; margin-bottom: 25px; }
.guide-wrap .s-container .self-guide .step-list .step-cont .item .sub-cont .text-box strong { font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; color: #000; }
.guide-wrap .s-container .self-guide .step-list .step-cont .list-box { padding-left: 65px; }
.guide-wrap .s-container .self-guide .step-list .step-cont .list-box li { display: inline-flex; align-items: center; gap: 10px; font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; }
.guide-wrap .s-container .self-guide .step-list .step-cont .list-box li img { width: 28px; height: 28px; }
.guide-wrap .s-container .self-guide .step-list .step-cont .list-box li:not(:last-child) { margin-bottom: 15px; }
.guide-wrap .s-container .self-guide .step-list .step-cont .list-box .info { font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.1px; color: #787C87; margin: 5px 0; padding-left: 40px; }
.guide-wrap .s-container .self-guide .step-list .step-cont .list-box .column { flex-direction: column; }
.guide-wrap .s-container .self-guide .step-list .step-cont .list-box .column li { width: 100%; background-color: #fff; border-radius: 12px; padding: 17px 30px 17px 24px; }
.guide-wrap .s-container .self-guide .step-list .step-cont .list-box .column li img:last-child { width: 40px; height: 40px; margin-left: auto; }
.guide-wrap .s-container .self-guide .banner-box .banner.big { width: 100%; background-color: #F5F0FF; border-radius: 20px; margin-bottom: 20px; padding: 30px; }
.guide-wrap .s-container .self-guide .banner-box .banner.big h4 { display: flex; align-items: center; gap: 4px; font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; color: #9933FF; margin-bottom: 12px; }
.guide-wrap .s-container .self-guide .banner-box .banner.big h4 img { width: 18px; height: 18px; }
.guide-wrap .s-container .self-guide .banner-box .banner.big li { font-weight: 400; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; color: #19191A; }
.guide-wrap .s-container .self-guide .banner-box .banner.big li:not(:last-child) { margin-bottom: 6px; }
.guide-wrap .s-container .self-guide .banner-box .banner.big li strong { display: inline-flex; align-items: center; gap: 10px; font-weight: 400; margin-right: 10px; }
.guide-wrap .s-container .self-guide .banner-box .banner.big li strong:after { content: ""; display: block; width: 1px; height: 14px; background-color: #D7D9E0; }
.guide-wrap .s-container .self-guide .self-all .card { width: 790px !important; min-height: 225px; display: flex; gap: 12px; padding: 0; border: 0; margin: 0; }
.guide-wrap .s-container .self-guide .self-all .card .box { width: 387px; border: 1px solid #E8E9ED; border-radius: 20px; padding: 25px 20px 20px; }
.guide-wrap .s-container .self-guide .self-all .card .img-box img { width: 40px; height: 40px; margin-bottom: 10px; }
.guide-wrap .s-container .self-guide .self-all .card img { padding-top: 0; }
.guide-wrap .s-container .self-guide .self-all .card strong { font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; }
.guide-wrap .s-container .self-guide .self-all .card .txt { font-weight: 400; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; color: #2A2B2C; margin: 6px 0 30px; }
.guide-wrap .s-container .self-guide .self-all .card .txt + span { font-weight: 400; font-size: 13px; line-height: 20px; letter-spacing: -0.1px; color: #787C87; }
.guide-wrap .s-container .self-guide .self-all .card .call { display: inline-flex; align-items: center; gap: 8px; font-weight: 400; font-size: 13px; line-height: 20px; letter-spacing: -0.1px; color: #787C87; }
.guide-wrap .s-container .self-guide .esim-self .step-list .step-cont .list-box li:not(:last-child) { margin-bottom: 20px; }
.guide-wrap .s-container .self-guide .esim-self .step-list .step-cont .list-box li .img-box { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background-color: #EDE5FF; margin-right: 10px; }
.guide-wrap .s-container .self-guide .esim-self .step-list .step-cont .sub-cont h4 { display: flex; align-items: center; justify-content: space-between; font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; }
.guide-wrap .s-container .self-guide .esim-self .step-list .step-cont .sub-cont h4 + p { font-weight: 400; font-size: 15px; line-height: 24px; letter-spacing: -0.3px; color: #000; margin-bottom: 15px; }
.guide-wrap .s-container .self-guide .esim-self .step-list .step-cont .sub-cont > h4 + p { color: #787C87; }
.guide-wrap .s-container .self-guide .esim-self .step-list .step-cont .sub-cont h4 .link { display: inline-flex; align-items: center; gap: 1px; font-weight: 600; font-size: 14px; line-height: 22px; letter-spacing: -0.1px; color: #787C87; }
.guide-wrap .s-container .self-guide .esim-self .step-list .step-cont .sub-cont h4 .link::before, .guide-wrap .s-container .self-guide .esim-self .step-list .step-cont .sub-cont h4 .link::after { content: ""; display: block; width: 18px; height: 18px; }
.guide-wrap .s-container .self-guide .esim-self .step-list .step-cont .sub-cont h4 .link::before { background: url('/web/images/global/icn_question.png') 0 0 no-repeat; background-size: 100%; }
.guide-wrap .s-container .self-guide .esim-self .step-list .step-cont .sub-cont h4 .link::after { background: url('/web/images/global/icn_arrow_gray.png') 0 0 no-repeat; background-size: 100%; }
.guide-wrap .s-container .self-guide .esim-self .step-list .step-cont .qr-content .card-container { margin-top: 20px; }
.guide-wrap .s-container .self-guide .esim-self .step-list .step-cont .qr-content .card { display: flex; flex-direction: column; align-items: center; gap: 10px; justify-content: center; height: 206px; background-color: #F6F7F9; padding: 0; }
.guide-wrap .s-container .self-guide .esim-self .step-list .step-cont .qr-content .card h5 { font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; }
.guide-wrap .s-container .self-guide .esim-self h4 + .title-box { margin-top: 20px; }
.guide-wrap .s-container .self-guide .esim-self .title-box { background-color: #F9F9FB; border-radius: 12px; text-align: center; margin-bottom: 24px; padding: 12px 0; }
.guide-wrap .s-container .self-guide .esim-self .title-box h5 { display: flex; align-items: center; justify-content: center; gap: 4px; font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: -0.4px; color: #9933FF; }
.guide-wrap .s-container .self-guide .esim-self .title-box h5.samsung img { width: 85px; height: 15px; }
.guide-wrap .s-container .self-guide .esim-self .title-box h5.apple img { width: 16px; height: 16px; }
.guide-wrap .s-container .self-guide .esim-self .card-container + .title-box { margin-top: 60px; }
.guide-wrap .s-container .self-guide .esim-self h4 + .sub-info { display: flex; flex-direction: column; gap: 10px; margin: 25px 0; }
.guide-wrap .s-container .self-guide .esim-self h4 + .sub-info li { display: flex; align-items: center; gap: 16px; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; }
.guide-wrap .s-container .self-guide .esim-self h4 + .sub-info li p { width: 120px; display: flex; align-items: center; flex-shrink: 0; gap: 6px; font-weight: 500; }
.guide-wrap .s-container .self-guide .esim-self h4 + .sub-info li p img { width: 18px; height: 18px; }
.guide-wrap .s-container .self-guide .esim-self h4 + .sub-info li span { font-weight: 400; }
.guide-wrap .s-container .self-guide .faq-list-wrap .faq-item .faq-question::after { content: ""; display: block; width: 18px; height: 18px; background: url('/web/images/global/icn_arrow_gray_down.png') 0 0 no-repeat; background-size: 100%; transition: transform 0.4s ease; }
.guide-wrap .s-container .self-guide .faq-list-wrap .faq-item.is-open .faq-question::after { transform: rotate(180deg); }
.guide-wrap .s-container .self-guide .faq-list-wrap .faq-item .faq-answer { padding: 0 40px; }
.guide-wrap .s-container .self-guide .faq-list-wrap .faq-item.is-open .faq-answer { padding: 40px; }
.guide-wrap .s-container .self-guide .faq-list-wrap .faq-answer p .space { padding-left: 10px; }

/*  이벤트  */
.event-list-wrap { width: 1160px; margin: 0 auto; padding: 70px 0; }
.event-list-wrap .title-wrap .title { font-weight: 700; font-size: 46px; line-height: 54px; letter-spacing: -0.3px; color: #000; margin-bottom: 20px; }
.event-list-wrap .tab-menu-box { margin-bottom: 70px; }
.event-list-wrap .tab-menu-box .line-tab { border-bottom: 1px solid #E8E9ED; }
.event-list-wrap .tab-menu-box .line-tab li { width: 33.33%; padding-bottom: 0; }
.event-list-wrap .tab-menu-box .line-tab li a { display: inline-block; width: 100%; font-weight: 500; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; text-align: center; padding: 21px 0; }
.event-list-wrap .tab-menu-box .line-tab li .active a { color: #000; }
.event-list-wrap .event-list-tab .tab-list { display: flex; align-items: center; gap: 8px; margin-bottom: 30px; }
.event-list-wrap .event-list-tab .tab-list li a { display: inline-flex; align-items: center; justify-content: center; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; text-align: center; color: #AEB0B7; padding: 11px 16px; border: 1px solid #E8E9ED; border-radius: 58px; }
.event-list-wrap .event-list-tab .tab-list li a.on { background-color: #000 !important; color: #fff; border: 1px solid #000; }
.event-list-wrap .event-list-tab .tab-list li a:hover { background-color: #F6F7F9; }
.event-list-wrap .btn-wrap { text-align: center; }
.event-list-wrap .event-list { display: flex; flex-wrap: wrap; gap: 60px 20px; }
.event-list-wrap .event-list li { width: 373px; }
.event-list-wrap .event-list li .img-wrap { position: relative; margin-bottom: 15px; width: 373px; height: 242px; border-radius: 25px; overflow: hidden; }
.event-list-wrap .event-list li .img-wrap img { width: 100%; height: 100%; object-fit: cover; }
.event-list-wrap .event-list li .img-wrap .text { position: absolute; top: 25px; left: 25px; font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: -0.4px; color: #fff; }
.event-list-wrap .event-list li .img-wrap .text.blk { color: #000; }
.event-list-wrap .event-list li .title { font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #000; margin-bottom: 10px; }
.event-list-wrap .event-list li .event-info { display: flex; align-items: center; gap: 10px; }
.event-list-wrap .event-list li .event-info .category { width: auto; height: 20px; padding: 0 8px; border: 1px solid #D7D9E0; border-radius: 6px; font-weight: 500; font-size: 12px; line-height: 20px; letter-spacing: -0.1px; flex-shrink: 0; }
.event-list-wrap .event-list li .event-info .date { font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.1px; color: #AEB0B7; }

/*  이벤트 상세  */
.event-view-wrap #imgDiv { text-align: center; margin: 40px auto 0; }
.event-view-wrap #imgDiv div, .event-view-wrap #imgDiv a { margin: 0 auto; position: relative; }
.event-view-wrap #imgDiv img, .event-view-wrap #imgDiv a img { vertical-align: top; }
.event-view-wrap #imgDiv .blind { font-size: 0; visibility: hidden; width: 0; height: 0; text-indent: -1000px; position: absolute; left: 0; top: 0; }
.event-view-wrap #viewNotice { background: #fafafa; padding: 40px; font-size: 13px; color: #333; text-align: left; }
.event-view-wrap #viewNotice .event_notice { padding: 0px; background: #fafafa; text-align: left; }
.event-view-wrap #viewNotice .event_notice p { font-size: 16px; font-weight: 600; margin: 0 0 15px 0; text-align: left; }
.event-view-wrap #viewNotice .event_notice ul { list-style: disc; margin-left: 20px; }
.event-view-wrap #viewNotice .event_notice ul li { list-style: disc; position: relative; font-size: 14px; letter-spacing: -0.5px; padding-left: 0px; line-height: 160%; color: #333; text-align: left; }

/* 이벤트  */
.event-view-wrap #viewEditor img, .event-view-wrap #viewEditor a img { vertical-align: top; }
.event-view-wrap #viewEditor .positionWrap { position: relative; }
.event-view-wrap #viewEditor .positionWrap a { display: block; position: absolute; font-size: 0; text-indent: -999em; }
.event-view-wrap .noticeWrapNew { text-align: left; }
.event-view-wrap .noticeWrapNew h5 { font-size: 24px; font-weight: 700; margin: 60px 0 25px; color: #000; }
.event-view-wrap .noticeWrapNew .viewNotice { margin-bottom: 55px; border-top: 1px solid #000; }
.event-view-wrap .noticeWrapNew .viewNotice > div { border-bottom: 1px solid #ebebeb; }
.event-view-wrap .noticeWrapNew .viewNotice dt { cursor: pointer; padding: 30px 0; position: relative; font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #000; }
.event-view-wrap .noticeWrapNew .viewNotice dt::after { content: ''; display: block; width: 18px; height: 18px; position: absolute; top: 25px; right: 20px; background: url('/web/images/global/icn_arrow_gray_down.png') no-repeat 0 0; background-size: 100%; transition: transform 0.4s ease; }
.event-view-wrap .noticeWrapNew .viewNotice dt.on::after { transform: rotate(180deg); }
.event-view-wrap .noticeWrapNew .viewNotice dd { font-size: 13px; color: #555; line-height: 26px; padding: 24px 32px; background: #f7f7f7; display: none; }
.event-view-wrap .stancelt { background-color: #F9F9FB; margin: 40px 0 55px; padding: 40px; }

/* EVENT(image link type) common style : 20171205 Add */
.event-view-wrap #imgDiv, .event-view-wrap #imgDiv div, .event-view-wrap #imgDiv a { margin: 0 auto; position: relative; }
.event-view-wrap #imgDiv img, .event-view-wrap #imgDiv a img { vertical-align: top; }
.event-view-wrap #imgDiv .blind { font-size: 0; visibility: hidden; width: 0; height: 0; text-indent: -1000px; position: absolute; left: 0; top: 0; }
.event-view-wrap #viewNotice { background: #fafafa; padding: 40px; font-size: 13px; color: #333; text-align: left; }
.event-view-wrap #viewNotice .event_notice { padding: 0px; background: #fafafa; text-align: left; }
.event-view-wrap #viewNotice .event_notice p { font-size: 16px; font-weight: 600; margin: 0 0 15px 0; text-align: left; }
.event-view-wrap #viewNotice .event_notice ul { list-style: disc; margin-left: 20px; }
.event-view-wrap #viewNotice .event_notice ul li { list-style: disc; position: relative; font-size: 14px; letter-spacing: -0.5px; padding-left: 0px; line-height: 160%; color: #333; text-align: left; }

/* EVENT(image link type) common style : 20180425 에디터 교체로 추가 */
.event-view-wrap #viewEditor img, .event-view-wrap #viewEditor a img { vertical-align: top; }
.event-view-wrap #viewEditor .positionWrap { position: relative; }
.event-view-wrap #viewEditor .positionWrap a { display: block; position: absolute; font-size: 0; text-indent: -999em; }

/* 221006 이벤트 유의사항 축소 */
.event-view-wrap .noticeWrap #viewNotice { height: auto; overflow: hidden; }
.event-view-wrap .noticeWrap #viewNotice.on { height: 230px; }
.event-view-wrap .noticeWrap .moreBtn { padding: 20px 0 30px; position: relative; background: #fafafa; z-index: 1; text-align: center; }
.event-view-wrap .noticeWrap .moreBtn a { display: inline-block; width: 180px; height: 48px; line-height: 42px; font-size: 18px; color: #010101; font-weight: 500; background: #fff; border: 2px solid #ddddde; border-radius: 24px; box-sizing: border-box; }
.event-view-wrap .noticeWrap .moreBtn a:after { content: ""; display: inline-block; width: 18px; height: 11px; margin-left: 10px; background: url("/web/images/usim/store/up_arrow.png") top left no-repeat; background-size: 100% auto; }
.event-view-wrap .noticeWrap #viewNotice.on + .moreBtn { margin: -70px -20px 0 -20px; padding: 100px 0 30px; background: linear-gradient(to top, #fafafa, #fafafa 110px, transparent); }
.event-view-wrap .noticeWrap #viewNotice.on + .moreBtn a:after { background-image: url("/web/images/usim/store/down_arrow.png"); background-size: 100% auto; }

/* 221006 이벤트 유의사항 축소 */

/* 지원금 공시 */
.mgrant-list-wrap { width: 1160px; margin: 0 auto; padding: 70px 0; }
.mgrant-list-wrap .title-wrap { margin-bottom: 40px; }
.mgrant-list-wrap .title-wrap p { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #5B5E67; margin-top: 15px; }
.mgrant-list-wrap .section-grant .finder-box { background-color: #F0F1F4; border-radius: 25px; margin-bottom: 60px; padding: 40px; }
.mgrant-list-wrap .finder-box .drop_box { flex-direction: column; gap: 5px; }
.mgrant-list-wrap .finder-box .drop_box span { font-weight: 400; font-size: 13px; line-height: 20px; letter-spacing: -0.1px; color: #2A2B2C; }
.mgrant-list-wrap .finder-box .drop_box .drop_btn span { color: #AEB0B7; }
.mgrant-list-wrap .finder-box .drop_box .drop_btn.active span { color: #000; }
.mgrant-list-wrap .finder-box .drop_box button,
.mgrant-list-wrap .finder-box .drop_box input { width: 227px; padding: 13px 20px 13px 20px; border: 1px solid #E8E9ED; border-radius: 10px; font-size: 15px; line-height: 21px; background-color: #fff; color: #757575; gap: 4px; }
.mgrant-list-wrap .finder-box .drop_box input { color: #000; }
.mgrant-list-wrap .finder-box .drop_box button { justify-content: space-between; }
.mgrant-list-wrap .finder-list .search-btn { background-color: #19191A; border-radius: 30px; font-weight: 600; font-style: SemiBold; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; padding: 12px 32.5px; color: #fff; align-self: flex-end; }
.mgrant-list-wrap .finder-list .search-btn:hover { background-color: #5B5E67; }
.mgrant-list-wrap .list-table th .tool-tip-box { width: 136px; height: 48px; top: -24px; left: 10px; }
.mgrant-list-wrap .list-table tbody td { font-size: 16px; line-height: 26px; }
.mgrant-list-wrap .list-table tbody td:nth-child(-n+5) { color: #000; }
.mgrant-list-wrap .list-table thead tr th:nth-child(n+3):nth-child(-n+5) { text-align: left; }
.mgrant-list-wrap .list-table tbody tr td:nth-child(n+3):nth-child(-n+5) { text-align: left; }

/* 고객 지원  */
.support-wrap { width: 1160px; margin: 0 auto; padding: 70px 0; }
.support-wrap .line-tab { border-bottom: 1px solid #E8E9ED; }
.support-wrap .line-tab li { width: 25%; text-align: center; padding-bottom: 0; }
.support-wrap .line-tab li a { display: inline-block; width: 100%; font-weight: 500; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; text-align: center; padding: 21px 0; }
.support-wrap .page-note h5 { font-weight: 600; font-size: 16px; line-height: 22px; letter-spacing: -0.3px; padding-left: 22px; background: url("/web/images/global/icn_megaphone.png") 0 center no-repeat; background-size: 18px 18px; margin-bottom: 10px; }
.support-wrap .page-note h5 + .sub-list { font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.1px; color: #5B5E67; }
.support-wrap .page-note h5 + .sub-list li:not(:last-child) { margin-bottom: 4px; }
.support-wrap .page-note .link { font-weight: 600; color: #000; text-decoration: underline; }

/*  공지 사항  */
.support-wrap .s-notice { margin-top: 40px; }
.support-wrap .s-notice .list-table tbody td:nth-child(-n+2) { font-size: 16px; line-height: 24px; color: #000; }
.support-wrap .s-notice .list-table tbody tr td:nth-child(2) { text-align: left; padding-left: 20px; }
.support-wrap .s-notice .list-table td .ico_new { display: inline-flex; align-items: center; width: auto; height: 20px; border-radius: 6px; font-weight: 500; font-size: 12px; letter-spacing: -0.1px; padding: 1px 8px; background: linear-gradient(90deg, #9933FF 0%, #5533FF 100%); color: #fff; margin-left: 10px; }
.support-wrap .s-notice .detail-content { background-color: #F9F9FB; border-radius: 12p; margin: 20px 0 60px; padding: 40px 0 40px 40px; }
.support-wrap .s-notice .detail-content .substance { font-weight: 400; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; }
.support-wrap .s-notice .btn-wrap { text-align: center; }
.support-wrap .banner-wrap { margin: 120px 0; }
.support-wrap .banner-wrap .banner-box { display: flex; align-items: center; justify-content: space-between; background-color: #F6F7F9; border-radius: 25px; padding: 18px 60px 14px; }
.support-wrap .banner-wrap .banner-box .text-wrap { display: flex; flex-direction: column; gap: 30px; }
.support-wrap .banner-wrap .banner-box .text-wrap .title { font-weight: 700; font-size: 32px; line-height: 42px; letter-spacing: -1px; }
.support-wrap .banner-wrap .banner-box .text-wrap .title p { font-weight: 500; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; }
.support-wrap .banner-wrap .banner-box .text-wrap .my-hello { display: flex; gap: 20px; }
.support-wrap .banner-wrap .banner-box .text-wrap .my-hello li .link { display: inline-flex; align-items: center; gap: 4px; font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; }
.support-wrap .banner-wrap .banner-box .text-wrap .my-hello li .link:hover { color: #5B5E67; }
.support-wrap .banner-wrap .banner-box .text-wrap .my-hello li .link::after { content: ""; display: block; width: 18px; height: 18px; background: url("/web/images/global/icn_arrow_gray.png") 0 0 no-repeat; background-size: 100%; }
.support-wrap .banner-wrap .banner-box .text-wrap .my-hello li img { width: 18px; height: 18px; }

/* faq */
.faq-list-wrap { margin-top: 40px; }
.faq-list-wrap .find-wrap { background-color: #F6F7F9; border-radius: 25px; padding: 55px 0 45px; text-align: center; margin-bottom: 38px; }
.faq-list-wrap .find-wrap .search-box { position: relative; width: 782px; margin: 0 auto 12px; }
.faq-list-wrap .find-wrap .search-box input { width: 100%; height: 54px; padding: 15px 60px 15px 20px; border: 1px solid #E8E9ED; border-radius: 8px; color: #000; font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; background-color: #fff; outline: 0; }
.faq-list-wrap .find-wrap .search-box input::placeholder { color: #AEB0B7; }
.faq-list-wrap .find-wrap .search-box .btn-faq { position: absolute; right: 20px; top: 10px; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; background-color: transparent; border-radius: 50%; background: url('/web/images/global/icn_search_white.png') center center no-repeat; background-size: 18px 18px; background-color: #000; }
.faq-list-wrap .find-wrap .search-box .clear-btn { display: none; position: absolute; right: 65px; top: 18px; width: 18px; height: 18px; background: url('/web/images/global/icn_search_delete.png') center center no-repeat; background-size: 100%; }
.faq-list-wrap .find-wrap .recent-list { display: flex; align-items: center; justify-content: center; gap: 20px; }
.faq-list-wrap .find-wrap .recent-list li a { font-weight: 500; font-size: 14px; line-height: 22px; letter-spacing: -0.1px; color: #787C87; padding-bottom: 1px; position: relative; }
.faq-list-wrap .find-wrap .recent-list li a::after { content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 1px; background-color: #787C87; }
.faq-list-wrap .tab-wrap { margin-bottom: 90px; }
.faq-list-wrap .tab-wrap .tab-list { display: flex; flex-wrap: wrap; }
.faq-list-wrap .tab-wrap .tab-list li { width: 25%; }
.faq-list-wrap .tab-wrap .tab-list li a { width: 100%; display: inline-block; font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; text-align: center; padding: 17px; border-top: 1px solid #E8E9ED; border-right: 1px solid #E8E9ED; border-bottom: 1px solid #E8E9ED; color: #787C87; }
.faq-list-wrap .tab-wrap .tab-list li:nth-child(4n+1) a { border-left: 1px solid #E8E9ED; }
.faq-list-wrap .tab-wrap .tab-list li:nth-child(n+5) a { border-top: none; }
.faq-list-wrap .tab-wrap .tab-list li a.on { font-weight: 600; color: #9933FF; border: 1px solid #9933FF; box-shadow: 0px 0px 10px 0px rgba(88, 51, 255, 0.188); }
.faq-list-wrap .faq-list-tab .list { display: flex; align-items: center; gap: 8px; }
.faq-list-wrap .faq-list-tab .list li a { display: inline-flex; align-items: center; justify-content: center; font-weight: 500; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; text-align: center; color: #AEB0B7; padding: 8.5px 16px; border: 1px solid #E8E9ED; border-radius: 30px; }
.faq-list-wrap .faq-list-tab .list li a.on { font-weight: 600; background-color: #000 !important; color: #fff; border: 1px solid #000; }
.faq-list-wrap .faq-list-tab .list li a:hover { background-color: #F6F7F9; }
.faq-list-wrap .result-txt p { font-weight: 400; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; color: #000; }
.faq-list-wrap .result-txt span { color: #9933FF; }
.faq-list-wrap .drop_box { margin-left: auto; }
.faq-list-wrap .faq-list { border-top: 1px solid #000; }
.faq-list-wrap .faq-item { border-bottom: 1px solid #F0F1F4; }
.faq-list-wrap .faq-question { display: flex; align-items: center; width: 100%; text-align: left; padding: 30px 10px 30px 20px; font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #000; cursor: pointer; }
.faq-list-wrap .faq-question .category { width: 140px; text-align: center; margin-right: 50px; }
.faq-list-wrap .faq-question .question { width: 840px; font-weight: 500; text-align: left; background: url("/web/images/main/img_qna_black.png") 0 2px no-repeat; background-size: 18px 18px; padding-left: 28px; }
.faq-list-wrap .faq-question .question span { color: #9933FF; }
.faq-list-wrap .faq-question .type { width: 100px; text-align: center; color: #787C87; margin-left: auto; }
.faq-list-wrap .faq-item.is-open .faq-question .question { font-weight: 700; }
.faq-list-wrap .faq-answer { height: 0; overflow: hidden; transition: max-height 0.35s ease, padding 0.35s ease; padding: 0 15px 0 240px; }
.faq-list-wrap .faq-answer p { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #5B5E67; }
.faq-list-wrap .faq-answer p:not(:last-child) { margin-bottom: 20px; }
.faq-list-wrap .faq-answer .link { display: flex; align-items: center; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; }
.faq-list-wrap .faq-answer .link img { width: 18px; height: 18px; }
.faq-list-wrap .faq-answer .link span { display: inline-flex; background: linear-gradient(90deg, #405CF6 0%, #ED174D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
.faq-list-wrap .faq-item.is-open .faq-answer { background-color: #F9F9FB; height: auto;  padding: 40px 15px 40px 240px; }
.consult-wrap { margin-top: 40px; }
.consult-wrap .tab-wrap .tab-menu { display: flex; align-items: center; gap: 12px; margin-bottom: 30px; }
.consult-wrap .tab-wrap .tab-menu li button { display: inline-flex; align-items: center; justify-content: center; font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; text-align: center; color: #AEB0B7; padding: 11px 16px; border: 1px solid #E8E9ED; border-radius: 58px; }
.consult-wrap .tab-wrap .tab-menu li.active button { background-color: #000 !important; color: #fff; border: 1px solid #000; font-weight: 600; }
.consult-wrap .tab-wrap .tab-menu li button:hover { background-color: #F6F7F9; }
.consult-wrap .notice-content { display: flex; align-items: center; justify-content: center; gap: 15px; background-color: #F6F7F9; border-radius: 12px; padding: 19px 0; }
.consult-wrap .notice-content p { font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; }
.consult-wrap .notice-content .link { display: inline-flex; align-items: center; justify-content: center; gap: 4px; background: linear-gradient(90deg, #9933FF 0%, #5533FF 100%); border-radius: 48px; font-weight: 600; font-size: 14px; line-height: 22px; letter-spacing: -0.1px; color: #fff; padding: 8px 18px; }
.consult-wrap .notice-content .link:hover { background: linear-gradient(90deg, #660AC2 0%, #290AC2 100%); }
.consult-wrap .notice-content .link::after { content: ""; display: block; width: 18px; height: 18px; background: url("/web/images/global/icn_new_window_white.png") 0 0  no-repeat; background-size: 100%; }

/* 1:1 상담문의 */
.group-brd-reg { margin: 60px 0; position: relative; }
.group-brd-reg .requiredAllTxt { font-size: 14px; position: absolute; top: 5px; right: 0; }
.consult-form input { width: 100%; height: 26px; padding: 0; border: 0 none; font-weight: 500; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; }
.consult-form input::-webkit-input-placeholder { color: #AEB0B7; }
.consult-form input:focus { border-color: #000; outline: none; }
.consult-form input.on { border-color: #000; }
.consult-form input::-webkit-outer-spin-button, .consult-form input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.consult-form input::-ms-reveal, .consult-form input::-ms-clear { display: none; }
.consult-form > li { margin-bottom: 80px; }
.consult-form > li:first-child h3 { background: url("/web/images/global/icn_person_large.png") 0 0 no-repeat; background-size: 30px 30px; }
.consult-form > li:nth-child(2) h3 { background: url("/web/images/global/icn_report_large.png") 0 0 no-repeat; background-size: 30px 30px; }
.consult-form > li:last-of-type { margin-bottom: 0; }
.consult-form li h3 { margin-bottom: 25px; padding-left: 38px; font-weight: 700; font-size: 24px; line-height: 34px; letter-spacing: -0.4px; }
.consult-form li h3 span { font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.1px; }
.consult-form li h4 { font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; }
.consult-form li.terms h4{
   padding-left: 22px;
   background: url(/web/images/global/icn_megaphone.png) 0 center no-repeat;
   background-size: 18px 18px;     
}
.consult-form li dl dt { margin-bottom: 12px; font-size: 16px; font-weight: 500; }
.consult-form .half-wrap { margin-bottom: 12px; font-size: 0; }
.consult-form .half-wrap:last-of-type { margin-bottom: 0; }
.consult-form .half-wrap dl { display: inline-block; width: calc(50% - 12px); margin-right: 24px; vertical-align: top; }
.consult-form .half-wrap dl:last-of-type { margin-right: 0; }
.consult-form .input-option { position: relative; border-radius: 12px; border: 1px solid #E8E9ED; padding: 15px 25px; }
.consult-form .input-option label { font-weight: 500; font-size: 13px; line-height: 20px; letter-spacing: -0.1px; color: #000; }
.consult-form .input-option .option-btn { display: none; position: absolute; top: 50%; right: 18px; transform: translateY(-50%); }
.consult-form .input-option .option-btn a { display: inline-block; margin-right: 8px; vertical-align: middle; }
.consult-form .input-option .option-btn a:last-of-type { margin-right: 0; }
.consult-form .input-option.on { border-color: #000; }
.consult-form .input-option.on input { padding-right: 60px; }
.consult-form .input-option.password.on input { padding-right: 84px; }
.consult-form .wraning-txt { display: none; }
.consult-form .wraning-txt .telecomTxt, .consult-form .wraning-txt .phoneNumberTxt { display: none; }
.consult-form .emailauto-wrap { height: 76px; position: relative; }
.consult-form .emailAuto { width: 100%; border-radius: 12px; border: 1px solid #E8E9ED; position: absolute; top: 0; left: 0; overflow: hidden; background: #fff; z-index: 1; }
.consult-form .emailAuto .input-option { border: 0; }
.consult-form .emailAuto.on { border: 1px solid #000; }
.consult-form .emailAuto input { border-radius: 0; border: none; }
.consult-form .emailAuto .suggestWrap { display: none; padding: 12px 0; }
.consult-form .emailAuto .suggestWrap a { display: block; padding: 8px 20px; font-size: 16px; line-height: 1; }
.consult-form .emailAuto .suggestWrap a:hover { background: #f7f7f7; }
.consult-form .emailAuto .suggestWrap a strong { font-weight: 500; }
.consult-form .formSubTxt { margin-top: 8px; }
.consult-form .formSubTxt p { font-weight: 500; font-size: 14px; line-height: 22px; letter-spacing: -0.1px; color: #5B5E67; }
.consult-form .formSubTxt .btn_chk { display: none; }
.consult-form .formSubTxt .btn_chk.on { display: block; }
.consult-form .btn_chk { height: auto; margin-top: 16px; }
.consult-form .btn_chk input[type="checkbox"] { width: 1px; height: 1px; margin: -1px; position: absolute; overflow: hidden; border: 0; outline: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); opacity: 0; }
.consult-form .btn_chk input[type="checkbox"] + label { display: flex; align-items: center; gap: 4px; height: 24px; line-height: 24px; font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; padding-left: 0; background-image: none; }
.consult-form .btn_chk input[type="checkbox"] + label::before { content: ""; display: block; width: 20px; height: 20px; border-radius: 50%; background-color: #CDCFD6; background-image: url("/web/images/global/icn_cheked.png"); background-position: center; background-repeat: no-repeat; }
.consult-form .btn_chk input[type="checkbox"]:checked + label::before { background-color: #9933FF; }
.consult-form .select-wrap { padding: 15px 25px; border-radius: 8px; border: 1px solid #E8E9ED; position: relative; cursor: pointer }
.consult-form .select-wrap span.label { font-weight: 500; font-size: 13px; line-height: 20px; letter-spacing: -0.1px; color: #000; }
.consult-form .select-wrap p:after { content: ""; display: inline-block; width: 18px; height: 18px; background: url("/web/images/global/icn_arrow_gray_down.png") top right no-repeat; background-size: 100%; position: absolute; top: 0; right: 0; z-index: 1; }
.consult-form .select-wrap > p { font-weight: 500; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; color: #AEB0B7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; }
.consult-form .select-wrap > p.on { color: #000; }
.consult-form .select-wrap .option-wrap { width: calc(100% + 2px); height: 100%; max-height: 200px; border-radius: 12px; position: absolute; top: 80px; left: -1px; background: #fff; overflow: hidden; opacity: 0; z-index: -1; }
.consult-form .select-wrap .option { padding: 12px 0; overflow-y: auto; }
.consult-form .select-wrap .option::-webkit-scrollbar { width: 16px; }
.consult-form .select-wrap .option::-webkit-scrollbar-track { background: #fff; border-radius: 999px; }
.consult-form .select-wrap .option::-webkit-scrollbar-thumb { background: #d9d9d9; height: 10%; border: 5px solid #fff; border-radius: 10px; }
.consult-form .select-wrap .option li { position: relative; color: var(--color-black); }
.consult-form .select-wrap .option li:first-of-type { font-size: 18px; color: var(--color-gray); }
.consult-form .select-wrap .option li input { width: 1px; height: 1px; margin: -1px; position: absolute; overflow: hidden; border: 0; outline: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); opacity: 0; }
.consult-form .select-wrap .option li input + label { display: block; font-weight: 500; font-size: 15px; line-height: 26px; letter-spacing: -0.3px; padding: 15px 0 15px 20px; cursor: pointer; }
.consult-form .select-wrap .option li input + label:hover { background: #f7f7f7; }
.consult-form .select-wrap .option li input:checked + label { font-weight: 500; }
.consult-form .select-wrap.on { border-color: #000; border-radius: 12px; z-index: 2; }
.consult-form .select-wrap.on .option-wrap { height: auto; border: 1px solid #000; height: auto; z-index: 1; opacity: 1; }
.consult-form .select-wrap.on:after { background-image: url("/web/images/global/icn_arrow_gray_down.png"); }
.consult-form .select-wrap.on .option { height: 200px; }
.consult-form .phone-wrap { border-radius: 12px; border: 1px solid #E8E9ED; }
.consult-form .phone-wrap label { font-weight: 500; font-size: 13px; line-height: 20px; letter-spacing: -0.1px; color: #000; }
.consult-form .phone-wrap.on { border-color: #000; }
.consult-form .phone-wrap .select-wrap { display: inline-block; width: 180px; border-radius: 0; border: 0; vertical-align: top; }
.consult-form .phone-wrap .select-wrap .option-wrap { top: 80px; border-radius: 12px; }
.consult-form .phone-wrap .select-wrap .option-wrap .option { height: auto; }
.group-brd-reg .btn-wrap .round-btn.medium{
      min-width: 200px;
      height: 54px;
      line-height: 54px;
}
/* .consult-form .phone-wrap .select-wrap .option:before { content: ""; width: 100%; height: 6px; border-bottom: 1px solid #E8E9ED; background: #fff; position: absolute; top: 0; left: 0; box-sizing: border-box; } */
.consult-form .phone-wrap .input-option { display: inline-block; width: calc(100% - 180px); padding-top: 35px; border-radius: 0 12px 12px 0; border: 0; border-left: 0; padding-left: 0; vertical-align: top; position: relative; z-index: 2; overflow: hidden; }
.consult-form .phone-wrap .input-option input { border-radius: 0; border: none; }
.consult-form .inquiryDetails .input-option { margin-top: 12px; }
.consult-form .inquiryDetails .input-option #txtTitle { padding-right: 80px; }
.consult-form .inquiryDetails .titCount { display: inline-block; position: absolute; top: 50%; right: 25px; transform: translateY(-50%); font-weight: 500; font-size: 15px; letter-spacing: -0.3px; text-align: right; color: #AEB0B7; }
.consult-form .inquiryDetails .titCount strong { color: #000; font-weight: 600; }
.consult-form .inquiryDetails .textarea-wrap { margin-top: 12px; border-radius: 8px; border: 1px solid #E8E9ED; overflow: hidden; padding: 14px 20px; }
.consult-form .inquiryDetails .textarea-wrap.on { border-color: #000; }
.consult-form .inquiryDetails .textarea-wrap label { font-weight: 500; font-size: 13px; line-height: 20px; letter-spacing: -0.1px; color: #000; }
.consult-form .inquiryDetails .textarea-wrap textarea { width: 100%; height: 170px; font-weight: 500; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; border: 0; resize: none; }
.consult-form .inquiryDetails .textarea-wrap textarea::-webkit-input-placeholder { color: #999; }
.consult-form .inquiryDetails .textarea-wrap textarea::-webkit-scrollbar { width: 16px; }
.consult-form .inquiryDetails .textarea-wrap textarea::-webkit-scrollbar-track { background: #fff; border-radius: 999px; }
.consult-form .inquiryDetails .textarea-wrap textarea::-webkit-scrollbar-thumb { background: #d9d9d9; height: 10%; border: 5px solid #fff; border-radius: 10px; }
.consult-form .inquiryDetails .textarea-wrap textarea:focus { outline: none; }
.consult-form .inquiryDetails .textarea-wrap .textCount { display: block; height: 25px; line-height: 25px; font-weight: 500; font-size: 15px; letter-spacing: -0.3px; text-align: right; color: #AEB0B7; }
.consult-form .inquiryDetails .textarea-wrap .textCount strong { color: #000; font-weight: 600; }
.consult-form .terms-wrap .btn_chk { display: block; background-color: #F6F7F9; border-radius: 12px; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; padding: 18px 20px; margin-bottom: 15px; }
.consult-form .terms-wrap .list { border: 1px solid #F0F1F4; border-radius: 12px; margin-bottom: 40px; padding: 30px; }
.consult-form .terms-wrap .list li:not(:last-child) { margin-bottom: 10px; }
.consult-form .terms-wrap .list .dot li { color: #000; }
.consult-form .terms-wrap ul li { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #787C87; }
.consult-form .terms-wrap ul li .red { color: #ed174d; font-weight: 500; }
.consult-form .terms-wrap p { padding: 12px 20px; font-size: 14px; color: #555; line-height: 1.42; background: #f7f7f7; }
.group-brd-reg .btn-wrap { text-align: center; }
.consult-form .terms-wrap ul li .sub-list { margin-top: 10px; }

/* 조건 안맞을때 */
.consult-form .error input:focus, .consult-form .error .input-option, .consult-form .error input.on, .consult-form .error .emailAuto, .consult-form .error .select-wrap, .consult-form .error .select-wrap .option-wrap, .consult-form .error .phone-wrap, .consult-form .error .phone-wrap .select-wrap { border-color: #ed174d; }
.consult-form .error .wraning-txt { display: block; }
.consult-form .error .wraning-txt p { margin-top: 8px; font-size: 14px; color: #ed174d; }

/* 상담 등록완료 */
.consult-complete { display: none; margin: 40px 0; padding-bottom: 100px; text-align: center; border-bottom: 1px solid #EDE5FF; }
.consult-complete h3 { margin-top: 20px; font-size: 28px; }
.consult-complete p { margin: 12px 0 30px; font-size: 16px; color: #555; }
.consult-complete .info-box { display: inline-block; width: 100%; font-weight: 500; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; color: #787C87; }
.consult-complete .info-box strong { color: #000; font-weight: 700; }
.consult-complete .btn-wrap { display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 40px; }

/* 나의 상담내역 */
.myconsult-list { display: none; }
.myconsult-login { margin: 60px 0 40px; padding-bottom: 100px; text-align: center; border-bottom: 1px solid #EDE5FF; }
.myconsult-login h3 { font-weight: 700; font-size: 28px; line-height: 38px; letter-spacing: -0.5px; margin-bottom: 6px; }
.myconsult-login p { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #787C87; }
.myconsult-login .consult-login { display: inline-block; width: 565px; margin-top: 50px; }
.myconsult-login .consult-login .input-option { position: relative; border-radius: 12px; border: 1px solid #E8E9ED; padding: 15px 25px; text-align: left; }
.myconsult-login .consult-login .input-option.on { border-color: #000; }
.myconsult-login .consult-login .input-option label { font-weight: 500; font-size: 13px; line-height: 20px; letter-spacing: -0.1px; color: #000; }
.myconsult-login .consult-login input { width: 100%; height: 26px; padding: 0; border: 0 none; font-weight: 500; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; }
.myconsult-login .consult-login .input-option  + .input-option { margin-top: 12px; }
.myconsult-login .consult-login input::-webkit-input-placeholder { color: #AEB0B7; }
.myconsult-login .consult-login input:focus { border-color: #000; outline: none; }
.myconsult-login .consult-login .btn-wrap { margin: 60px 0; text-align: center; }
.myconsult-list table { width: 100%; border-top: 1px solid #000; }
.myconsult-list table td { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; padding: 24px 0; text-align: center; border-bottom: 1px solid #E8E9ED; }
.myconsult-list table td:nth-child(3) { text-align: left; padding-left: 58px; }
.myconsult-list table td:nth-child(4), .myconsult-list table td:nth-child(5) { color: #787C87; }
.myconsult-list table td .q-area a { display: inline-block; width: 100%; }
.myconsult-list table td .btn-del { display: inline-block; height: 34px; background-color: #F0F1F4; border-radius: 10px; font-family: Pretendard; font-weight: 500; font-size: 14px; line-height: 34px; letter-spacing: -0.1px; padding: 0 19px; }
.myconsult-list table td.group-a { background-color: #F0F1F4; padding: 40px 20px 40px 283px; text-align: left; }
.myconsult-list table td.group-a .answer-wrap .q { display: flex; gap: 8px; font-weight: 400; margin-bottom: 20px; }
.myconsult-list table td.group-a .answer-wrap .q::before { content: ""; display: block; width: 20px; height: 20px; }
.myconsult-list table td.group-a .answer-wrap .q::before { background: url("/web/images/global/img_qna_black.png") 0 0 no-repeat; background-size: 100%; }
.myconsult-list table td.group-a .answer-wrap .a { padding-left: 28px; background: url("/web/images/global/img_qna_answer.png") 0 0 no-repeat; }
.myconsult-list table td.group-a .answer-wrap .answerDate { margin: 30px 0 10px 0px; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.1px; }
.myconsult-list table td.group-a .answer-wrap .group_score { overflow: hidden; position: relative; padding: 13px 25px; background-color: #fff; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.myconsult-list table td.group-a .answer-wrap .group_score>h5 { font-weight: 600; font-size: 14px; line-height: 22px; letter-spacing: -0.1px; }
.myconsult-list table td.group-a .answer-wrap .group_score .score_area { width: 600px; display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.myconsult-list table td.group-a .answer-wrap .group_score .score_area li { display: inline-flex; align-items: center; }
.myconsult-list table td.group-a .answer-wrap .group_score .score_area li .btn_radio { height: auto; }
.myconsult-list table td.group-a .answer-wrap .group_score .score_area li .btn_radio input + label { padding-left: 0; }
.myconsult-list table td.group-a .answer-wrap .group_score .score_area li span[class^="no"] { width: 90px; display: block; text-indent: -1000em; }
.myconsult-list table td.group-a .answer-wrap .group_score .score_area li span.no1 { background: url('/web/images/sub/ico/icn_star1.png') 0 2px no-repeat; }
.myconsult-list table td.group-a .answer-wrap .group_score .score_area li span.no2 { background: url('/web/images/sub/ico/icn_star2.png') 0 2px no-repeat; }
.myconsult-list table td.group-a .answer-wrap .group_score .score_area li span.no3 { background: url('/web/images/sub/ico/icn_star3.png') 0 2px no-repeat; }
.myconsult-list table td.group-a .answer-wrap .group_score .score_area li span.no4 { background: url('/web/images/sub/ico/icn_star4.png') 0 2px no-repeat; }
.myconsult-list table td.group-a .answer-wrap .group_score .score_area li span.no5 { background: url('/web/images/sub/ico/icn_star5.png') 0 2px no-repeat; }
.myconsult-list table td.group-a .answer-wrap .group_score .score_area li label { display: inline-flex; align-items: center; gap: 1px; font-weight: 400; font-size: 15px; line-height: 22px; letter-spacing: -0.3px; }
.myconsult-list table td.group-a .answer-wrap .group_score .score_area li label::before { content: ""; display: block; width: 18px; height: 18px; background-color: #fff; border: 1px solid #CDCFD6; border-radius: 50%; }
.myconsult-list table td.group-a .answer-wrap .group_score .score_area li input[type="radio"]:checked + label::before { border: 1px solid #9933FF; box-shadow: inset 0 0 0 6px #9933FF; }
.myconsult-list table td.group-a .answer-wrap .group_score .btn_reg a { font-weight: 500; font-size: 14px; line-height: 22px; letter-spacing: -0.1px; padding: 6px 12px; background-color: #F0F1F4; border-radius: 10px; }

/*  상담 삭제 팝업 */
.layerpop { font-family: "Pretendard", "Outfit", 'dotum', '돋움', 'Malgun Gothic', sans-serif; }
.layerpop .popContent { border: 0 none; }
.layerpop .popClose { position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; background-color: #fff; }
.popContent h6 { font-weight: 700; font-size: 22px; line-height: 28px; color: #000; border: 0 none; }
.non_membersWrap .n_memTxt { margin: 15px 0; padding-left: 0; font-weight: 500; font-size: 14px; line-height: 22px; color: #7D7F80; background: none; }
.non_membersWrap .n_memLogin .n_memTit { padding-top: 20px; font-family: "Pretendard", "Outfit"; font-weight: 500; font-size: 18px; line-height: 24px; }
.non_membersWrap .login_form form { width: 100%; display: flex; flex-direction: column; align-items: center; }
.non_membersWrap .login_form .id_input { width: 100%; }
.non_membersWrap .login_form .id_input > input { width: 100%; border-radius: 12px; border: 1px solid #E8E9ED; padding: 15px 25px; font-family: "Pretendard", "Outfit"; font-weight: 500; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; }
.non_membersWrap .login_form .id_input > input[type="text"] { width: 100%; }
.non_membersWrap .login_form .btn_area { float: none; margin: 20px 0 0 0; }
.non_membersWrap .btn-delete { display: inline-block; min-width: 170px; height: 48px; line-height: 48px;
       text-align: center; font-weight: 600; font-size: 18px; letter-spacing: -0.4px; border-radius: 30px; background-color: #000; color: #fff; }
.non_membersWrap .btn-delete:hover{background-color: #5B5E67 ;}
/* 검색 결과 페이지 */
.search-result-wrap .search-area { width: 100%; height: 256px; padding: 80px 0 60px; background-color: #19191A; position: relative; }
.search-result-wrap .search-area .search-box { width: 520px; margin: 0 auto; position: relative; border: 1px solid transparent; }
.search-result-wrap .search-area .search-box.on { background-color: #fff; border: 1px solid #9933FF; border-radius: 12px; overflow: hidden; z-index: 1; }
.search-result-wrap .search-area .search-box .s-keyword { width: 100%; height: 54px; padding: 15px 60px 15px 20px; border: 1px solid #E8E9ED; border-radius: 8px; color: #000; font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; background-color: #fff; outline: 0; }
.search-result-wrap .search-area .search-box .btn-result-search { position: absolute; right: 20px; top: 10px; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; background-color: transparent; border-radius: 50%; background: url(/web/images/global/icn_search_white.png) center center no-repeat; background-size: 18px 18px; background-color: #000;
font-size: 0; text-indent: 9999px; }
.search-result-wrap .search-area .search-box .btn-delete-result { display: none; position: absolute; right: 65px; top: 18px; width: 18px; height: 18px; background: url(/web/images/global/icn_search_delete.png) center center no-repeat; background-size: 100%; }
.search-result-wrap .search-area .search-box .btn-delete-result.show { display: block; }
.search-result-wrap .search-area .search-box .recent-keyword { height: 0; overflow: hidden; opacity: 0; transition: opacity .2s cubic-bezier(0.61, 1, 0.88, 1) 0s, height .2s cubic-bezier(0.61, 1, 0.88, 1) 0s; }
.search-result-wrap .search-area .search-box .recent-keyword.show { height: auto; opacity: 1; transition: opacity .2s cubic-bezier(0.61, 1, 0.88, 1) 0s, height .2s cubic-bezier(0.61, 1, 0.88, 1) 0s; padding: 20px 20px 30px 20px; }
.search-result-wrap .search-area .search-box .recent-keyword .title-wrap { display: flex; align-items: center; justify-content: space-between; }
.search-result-wrap .search-area .search-box .recent-keyword .title-wrap h3 { font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #000; }
.search-result-wrap .search-area .search-box .recent-keyword .title-wrap .delete-recent { font-weight: 500; font-size: 14px; line-height: 22px; letter-spacing: -0.1px; background-color: transparent; color: #AEB0B7; }
.search-result-wrap .search-area .search-box .recent-keyword .recent-list { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
.search-result-wrap .search-area .search-box .recent-keyword .recent-list li > div { display: inline-flex; align-items: center; justify-content: space-between; gap: 6px; background-color: #F6F7F9; border-radius: 10px; padding: 6px 12px; }
.search-result-wrap .search-area .search-box .recent-keyword .recent-list li > div button { background-color: transparent; }
.search-result-wrap .search-area .search-box .recent-keyword .recent-list li > div .recent-delete { width: 14px; height: 14px; background: url('/web/images/global/icn_recent_delete.png') 0 0 no-repeat; }
.search-result-wrap .search-area .result-keyword {width: 1160px; text-align: center; margin: 20px auto 0; }
.search-result-wrap .search-area .result-keyword.on{position: absolute; left: 50%; bottom: 58px; transform: translateX(-50%);}
.search-result-wrap .search-area .result-keyword p { font-weight: 700; font-size: 32px; line-height: 42px; letter-spacing: -1px; color: #fff; }
.search-result-wrap .search-area .result-keyword p span { color: #9933FF; }
.search-result-wrap .search-area .result-keyword p #sWord{ display: inline-block; max-width: 600px; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;  vertical-align: bottom;}
.search-result-wrap .search-result-contents { width: 1160px; margin: 0 auto; padding: 80px 0 160px; }
.search-result-wrap .search-result-contents >section { padding-top: 60px; }
.search-result-wrap .search-result-contents >section:first-child { padding-top: 0 !important; }
.search-result-wrap .search-result-contents >section:not(:last-child) { margin-bottom: 60px; }
.search-result-wrap .result-tab .tab-menu { display: flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; }
.search-result-wrap .result-tab .tab-menu li span { display: inline-block; padding: 9px 16px; border: 1px solid #E8E9ED; border-radius: 30px; }
.search-result-wrap .result-tab .tab-menu li span:hover { background-color: #F6F7F9; }
.search-result-wrap .result-tab .tab-menu li span { font-weight: 500; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; color: #787C87; }
.search-result-wrap .plan-results, .search-result-wrap .event-list-wrap { padding: 0; }
.search-result-wrap .result-list .header h3 { font-weight: 700; font-size: 24px; line-height: 34px; letter-spacing: -0.4px; color: #000; }
.search-result-wrap .result-list .header h3 span { color: #9933FF; }
.search-result-wrap .result-list .header .link { display: flex; align-items: center; gap: 2px; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; text-align: center; color: #000; }
.search-result-wrap .result-list .header .link:hover { color: #5B5E67; }
.search-result-wrap .result-list .header .link:after { content: ""; display: block; width: 14px; height: 14px; background: url('/web/images/global/icn_arrow_blk_right.png'); background-size: 100%; }
.search-result-wrap .phone-list { width: 100%; }
.search-result-wrap .phone-list .list { gap: 26px; }
.search-result-wrap .phone-list .list .list-item { height: 357px; }
.search-result-wrap .phone-list .list .group-info { min-height: auto; }
.search-result-wrap .phone-list .list .group-info .title-box { padding-bottom: 40px; border: 0 none; }
.search-result-wrap .menu-list { width: 100%; }
.search-result-wrap .menu-list .list { display: flex; flex-direction: column; gap: 30px; }
.search-result-wrap .menu-list .list .list-item a { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; }
.search-result-wrap .menu-list .list .list-item a span { color: #9933FF; }
.search-result-wrap .no-result-data > .img-wrap { width: 80px; height: 80px; }
.search-result-wrap .no-result-data .banner-wrap { width: 100%; margin: 100px 0; }
.search-result-wrap .no-result-data .banner-wrap h3 { font-weight: 700; font-size: 24px; line-height: 34px; letter-spacing: -0.4px; margin-bottom: 20px; }
.search-result-wrap .no-result-data .banner-wrap .banner-box { display: flex; gap: 12px; }
.search-result-wrap .no-result-data .banner-wrap .banner-box .banner { display: flex; align-items: center; gap: 20px; flex: 1 0 50%; padding: 43px 50px; border: 1px solid #E8E9ED; border-radius: 20px; }
.search-result-wrap .no-result-data .banner-wrap .banner-box .banner h4 { font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; }
.search-result-wrap .no-result-data .banner-wrap .banner-box .banner h4 + p { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; color: #787C87; }
.search-result-wrap .no-result-data .banner-wrap .banner-box > .img-wrap { width: 60px; height: 60px; }
.search-result-wrap .no-result-data .img-wrap img { width: 100%; object-fit: cover; }
.search-result-wrap .faq-list-wrap .faq-question .category { width: 240px; margin-right: 42px; }
.search-result-wrap .faq-list-wrap .faq-question .question { width: 748px; }
.search-result-wrap .faq-list-wrap .faq-answer,
.search-result-wrap .faq-list-wrap .faq-item.is-open .faq-answer{
   padding-left: 328px;
}

/* 휴대폰 상세 - 상단 우측 배너  */
.contentWrap .pop_banner { position: fixed; bottom: 180px; right: 30px; z-index: 51; }
.contentWrap .pop_banner .bn_cont { width: 138px; }
.contentWrap .pop_banner .wrap .img-wrap img { width: 100%; }

/* 사이트 맵 */
.sitemap_wrap .hiddenMenu { display: none; }
.sitemap_wrap.wrap_sitemapPage .hiddenMenu { display: block; }
.sitemap_wrap.wrap_nonPage .new_sitemap_area { width: 1142px; margin: 0 auto; }
.wrap_nonPage .new_sitemap_area .new_sitemap_list { margin: 0; padding: 50px 0 20px; }

/*로딩  애니 메이션  */
.loading-progress { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; align-items: center; justify-content: center; z-index: 100000; }
.loading-progress.show { display: flex; }
.loading-progress .dim { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
.loading-progress .loading { position: relative; width: 96px; height: 160px; }
.loading-progress .loading.dot div { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 14px; height: 14px; margin: auto; border-radius: 10px; background-color: #000; opacity: 0.2; animation: dot 1s linear infinite; }
.loading-progress .loading.dot div:nth-child(1) { transform: rotate(0) translateX(40px); animation-delay: 0; }
.loading-progress .loading.dot div:nth-child(2) { transform: rotate(30deg) translateX(40px); animation-delay: 0.1s; }
.loading-progress .loading.dot div:nth-child(3) { transform: rotate(60deg) translateX(40px); animation-delay: 0.2s; }
.loading-progress .loading.dot div:nth-child(4) { transform: rotate(90deg) translateX(40px); animation-delay: 0.3s; }
.loading-progress .loading.dot div:nth-child(5) { transform: rotate(120deg) translateX(40px); animation-delay: 0.4s; }
.loading-progress .loading.dot div:nth-child(6) { transform: rotate(150deg) translateX(40px); animation-delay: 0.5s; }
.loading-progress .loading.dot div:nth-child(7) { transform: rotate(180deg) translateX(40px); animation-delay: 0.6s; }
.loading-progress .loading.dot div:nth-child(8) { transform: rotate(210deg) translateX(40px); animation-delay: 0.7s; }
.loading-progress .loading.dot div:nth-child(9) { transform: rotate(240deg) translateX(40px); }
.loading-progress .loading.dot div:nth-child(10) { transform: rotate(270deg) translateX(40px); }
.loading-progress .loading.dot div:nth-child(11) { transform: rotate(300deg) translateX(40px); }
.loading-progress .loading.dot div:nth-child(12) { transform: rotate(330deg) translateX(40px); }
@keyframes dot {
      0% { opacity: 0.2; }
      25% { opacity: 1; }
      50% { opacity: 0.2; }
      100% { opacity: 0.2; }
}
.loading-progress .loading span.text { width: 100%; display: inline-block; text-align: center; position: absolute; bottom: 0; left: 0; font-size: 14px; font-weight: bold; }

/*  임시  */
.renew2020 { font-family: "Pretendard", "Outfit", 'dotum', '돋움', 'Malgun Gothic', sans-serif; }
@media (min-width:1921px) {
      .guide-wrap .guide-main { background-color: #19191A; padding-bottom: 20vh; }
}

/* 기존 유의사항 레이어 */
.notice-contents .price_notice_box .layer_target { color: #ed174d; }
.notice-contents .price_notice_box .layer_box1 { margin: 10px 0; padding: 20px; font-size: 13px; border: 1px solid #666; background: #fff; display: none; position: relative; max-width: 600px; width: auto; }
.notice-contents .price_notice_box .layer_box1 .tit { color: #444; font-size: 13px; font-weight: bold; }
.notice-contents .price_notice_box .layer_box1 .txt { margin-top: 13px; color: #666; font-size: 13px; }
.notice-contents .price_notice_box .layer_box1 .graph_img { margin-top: 15px; display: block; text-align: center; }
.notice-contents .price_notice_box .layer_box1 .graph_img img { max-width: 100%; }
.notice-contents .price_notice_box .layer_box1 a { position: absolute; top: 10px; right: 10px; }


/* .result-list .list .list-item {
  opacity: 0;
  transform: translateY(30px); 
  transition: 
    opacity 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955),
    transform 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.result-list .list .list-item.is-inview, 
.result-list .list .list-item.is-inviewed {
  opacity: 1;
  transform: translateY(0);
}
 */