/* 인트로 */
.intro_content .page_inner {overflow: hidden;}
.intro_content .intro_box.pc {width: 100%; height: 100%; overflow: hidden; font-size: 0;}



/* 상세페이지 */
.detail_contents {position: relative; width: 100%;}
.detail_contents .detail_secion {position: relative; width: 100%;}
.detail_contents .detail_secion .more_btn { box-shadow: 0 0.25rem 1.5rem 0 rgba(98, 161, 197, 0.25); background: linear-gradient(116deg, #277EFF, rgb(39 126 255 / 70%)), linear-gradient(116deg, rgba(75, 112, 206, 0.2) 0%, rgba(190, 207, 239, 0.2) 100%); display: flex; align-items: center; gap: 1.688rem; border-radius: 1.25rem; padding: 1.25rem 2.75rem;}
.detail_contents .detail_secion .ds_titbox {margin-bottom: 6.875rem; display: flex; flex-direction: column;align-items: center; text-align: center;width: 90%;  margin-left: auto; margin-right: auto; word-break: keep-all;}
.detail_contents .detail_secion .more_btn .txt { font-weight: 600; font-size: 2.125rem; color: #fff;}
.detail_contents .detail_secion .more_btn .txt .bold { font-weight: 800;}
.detail_contents .detail_secion .more_btn .icon { width: 2.25rem; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center;}
.detail_contents .detail_secion .more_btn .icon svg {width: 100%; height: 100%;}
.detail_contents .detail_secion .more_btn .icon svg path { fill: #fff;}
.detail_contents .detail_secion .ds_titbox { margin-bottom: 6.875rem; display: flex; flex-direction: column; align-items: center; text-align: center;}
.detail_contents .detail_secion .ds_badge { border-radius: 1.5rem; padding: 0.75rem 1.875rem; background: linear-gradient(145deg, rgb(156 91 223 / 60%) 0%, #9C5BDF 100%), linear-gradient(145deg, rgba(255, 255, 255, 0.64) 0%, rgba(60, 58, 173, 0.64) 100%); font-weight: 700; font-size: 2.25rem; text-align: center; color: #fff; display: inline-flex; align-items: center;  justify-content: center; margin-bottom: 3.5rem;}
.detail_contents .detail_secion .ds_title { font-weight: 700; font-size: 5.125rem; color: #365481; margin-bottom: 2.5rem;}
.detail_contents .detail_secion .ds_title .point { position: relative;  display: inline-flex; flex-direction: column;}
.detail_contents .detail_secion .ds_title .point .txt { background: linear-gradient(146deg, rgb(41 121 241) 0%, rgb(41 121 241 / 0%) 100%), linear-gradient(146deg, rgba(169, 156, 246, 0) 0%, #602eb1 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.detail_contents .detail_secion .ds_desc { font-family: var(--font-family); font-weight: 400; font-size: 2.75rem; color: #576080;}
.detail_contents .detail_secion .ds_desc .bold { font-weight: 700;}

.detail_contents .ds1 {background: linear-gradient(162deg, rgba(222, 247, 255, 0.08) 8.53%, rgba(125, 215, 243, 0.08) 72.04%), #feffff;padding-top: 9.75rem;}
.detail_contents .ds1 .titbox { display: flex; flex-direction: column; align-items: center; margin-bottom: 4.625rem;}
.detail_contents .ds1 .titbox .tit {font-weight: 800; font-size: 5.75rem; background: linear-gradient(343deg, rgba(18 109 244 / 60%), #126DF4), linear-gradient(343deg, #fff 0%, #0c61df 95.09%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 1.125rem;}
.detail_contents .ds1 .titbox .sub {font-weight: 700; font-size: 3.5rem; text-align: center; background: linear-gradient(to right, #292929, rgb(41 41 41 / 30%), #292929), linear-gradient(164deg, rgba(224, 224, 224, 0) 0%, #252525 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 3rem;}
.detail_contents .ds1 .titbox .desc { font-weight: 600; font-size: 1.875rem; background: linear-gradient(167deg, rgb(174 174 174 / 80%) 0%, #AEAEAE 100%), linear-gradient(167deg, rgba(224, 224, 224, 0) 0%, #252525 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 5rem;}
.detail_contents .ds1 .imgbox { display: flex; align-items: center; justify-content: center; width: 100%; max-width: calc(89.188rem + 10%); margin: 0 auto; padding-right: 10%;}

.detail_contents .ds2 { background: #e7f8ff; padding: 6.25rem 0;}
.detail_contents .ds2 .bg_deco1 { position: absolute; left: 0; top: 0; width: 20%; max-width: 19.313rem; display: flex; align-items: center; justify-content: center;}
.detail_contents .ds2 .bg_deco2 { position: absolute; right: 0; bottom: 0; width: 20%; max-width: 19.313rem; display: flex; align-items: center; justify-content: center;}
.detail_contents .ds2 .ds2_txt { font-weight: 700; font-size: 4.375rem; text-align: center; color: #2c336f; text-align: center;}

.detail_contents .ds3 { padding: 8.125rem 0 12.5rem;}
.detail_contents .ds3 .ds3_cont { width: 90%; max-width: 81.25rem; margin: 0 auto; border: 0.25rem solid rgba(135, 164, 220, 0.2); border-radius: 2.813rem; box-shadow: 0 1.25rem 2.813rem 0 rgba(37, 60, 143, 0.22); background: #fff; display: flex; align-items: center; gap: 5%; padding: 1.5rem;}
.detail_contents .ds3 .ds3_cont .imgbox { width: 47.5%; max-width: 37.5rem; display: flex; align-items: center; justify-content: center; border-radius: 1.875rem; overflow: hidden;}
.detail_contents .ds3 .ds3_cont .txtbox { display: flex; flex-direction: column; gap:3rem;}
.detail_contents .ds3 .ds3_cont .txtbox .title { font-weight: 400; font-size: 3.125rem; color: #365481; }
.detail_contents .ds3 .ds3_cont .txtbox .title .bold { font-weight: 700;}
.detail_contents .ds3 .ds3_cont .txtbox .listbox { display: flex; flex-direction: column;}
.detail_contents .ds3 .ds3_cont .txtbox .listbox .desc { position: relative; font-weight: 600; font-size: 1.875rem; color: #365481; padding: 0.875rem 0; padding-left: calc(1.875rem + 1.25rem); border-bottom: 1px solid rgba(48, 81, 164, 0.48);}
.detail_contents .ds3 .ds3_cont .txtbox .listbox .desc::before { content: ""; background: url(../img/ds3_check.png) no-repeat center / contain; width: 1.875rem; aspect-ratio: 1 / 1; position: absolute; left: 0; top: 1rem;}

.detail_contents .ds4 { background: linear-gradient(157deg, rgba(201, 242, 255, 0.61), rgba(201, 242, 255, 0.61)), linear-gradient(157deg, rgba(86, 225, 255, 0.41) 0%, rgba(43, 180, 212, 0.41) 100%); padding: 8.75rem 0 6.563rem;}
.detail_contents .ds4 .ds_titbox { margin-bottom: 8.75rem;}
.detail_contents .ds4 .ds_titbox .ds_badge { margin-bottom: 7.938rem;}
.detail_contents .ds4 .ds_titbox .ds_title .point .img { width: 8rem; position: absolute; left: 50%; bottom: 92%; transform: translateX(-50%);}
.detail_contents .ds4 .ds_titbox .ds_title .point .txt { border-radius: 1.125rem; padding: 0.938rem 2.813rem; box-shadow: 0 0.875rem 1.25rem 0 rgba(28, 79, 156, 0.23); background: #1877e6; font-weight: 600; font-size: 5.438rem; -webkit-text-fill-color: unset; color: #fff;}
.detail_contents .ds4 .ds_titbox .ds_desc {color: #45689b;}
.detail_contents .ds4 .ds4_cont { width: 90%; margin: 0 auto; display: flex; align-items: center; justify-content: center; margin-bottom: 8.125rem;}
.detail_contents .ds4 .ds4_cont .imgbox { width: 52%; max-width: 56.25rem; display: flex; align-items: center; justify-content: center;}
.detail_contents .ds4 .ds4_cont .txtbox { flex: 1; padding-left: 1rem; padding-top: 2rem;}
.detail_contents .ds4 .ds4_cont .txtbox .listbox { display: flex; flex-direction: column; gap: 1.5rem;}
.detail_contents .ds4 .ds4_cont .txtbox .listbox .desc { position: relative; font-weight: 600; font-size: 3.5rem; color: #365481; box-shadow: 0 0.25rem 1.75rem 0 rgba(97, 155, 205, 0.73); background: #fff; padding: 1.25rem 1.375rem; padding-left: calc(1.375rem + 5.625rem + 4rem); border: 3px solid #5493cb; border-radius: 6.25rem; width: 100%;}
.detail_contents .ds4 .ds4_cont .txtbox .listbox .desc::before { content: ""; background: url(../img/ds4_check.png) no-repeat center / contain; width: 5.625rem; aspect-ratio: 1 / 1; position: absolute; left: 1.375rem; top: 50%; transform: translateY(-50%);}
.detail_contents .ds4 .ds4_cont .txtbox .listbox .desc:nth-child(2) { margin-left: -5rem;}
.detail_contents .ds4 .ds4_cont .txtbox .listbox .desc:nth-child(3) { margin-left: -10rem;}
.detail_contents .ds4 .ds4_cont .txtbox .listbox .desc:nth-child(4) { margin-left: -15rem;}
.detail_contents .ds4 .ds_title.bottom { font-size: 4rem; font-weight: 600; color: #276ba8; text-align: center;}
.detail_contents .ds4 .ds_title.bottom .point .txt { border-radius: 0.875rem; padding: 0.625rem 1.5rem; box-shadow: 0 0.625rem 1rem 0 rgba(28, 79, 156, 0.23); background: #1877e6; font-weight: 600; font-size: 3.188rem; -webkit-text-fill-color: unset; color: #fff;}
.detail_contents .ds4 .ds_title.bottom .point .img { width: 5.8rem; position: absolute; left: 60%; top: 65%;}

.detail_contents .ds5 { padding: 7.188rem 0 8.75rem; background: #f8f8f8;}
.detail_contents .ds5 .ds_titbox { margin-bottom: 8.75rem;}
.detail_contents .ds5 .ds_titbox .ds_badge { margin-bottom: 11rem;}
.detail_contents .ds5 .ds_titbox .ds_title .point .img { width: 17.75rem; position: absolute; left: 45%; bottom: 100%; transform: translateX(-50%);}
.detail_contents .ds5 .ds5_cont { width: 90%; margin: 0 auto; display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; gap: 5%;   padding-left: 5%;}
.detail_contents .ds5 .ds5_cont .imgbox { width: 47%; max-width: 56.25rem; display: flex; align-items: center; justify-content: center;}
.detail_contents .ds5 .ds5_cont .txtbox {  display: flex; flex-direction: column; gap: 3rem; box-shadow: 0 1.25rem 2.813rem 0 rgba(42, 67, 154, 0.22); background: #fff; border: 0.25rem solid rgba(44, 101, 209, 0.2); border-radius: 2.813rem; padding: 3.5rem 3.525rem;}
.detail_contents .ds5 .ds5_cont .txtbox .title { font-weight: 400; font-size: 3.125rem; color: #365481; }
.detail_contents .ds5 .ds5_cont .txtbox .title .bold { font-weight: 700;}
.detail_contents .ds5 .ds5_cont .txtbox .listbox { display: flex; flex-direction: column;}
.detail_contents .ds5 .ds5_cont .txtbox .listbox .desc { position: relative; font-weight: 600; font-size: 1.875rem; color: #365481; padding: 0.875rem 0; padding-left: calc(1.875rem + 1.25rem); border-bottom: 1px solid rgba(48, 81, 164, 0.48);}
.detail_contents .ds5 .ds5_cont .txtbox .listbox .desc::before { content: ""; background: url(../img/ds3_check.png) no-repeat center / contain; width: 1.875rem; aspect-ratio: 1 / 1; position: absolute; left: 0; top: 1rem;}

.detail_contents .ds6 { padding: 7.75rem 0 7.375rem;}
.detail_contents .ds6 .ds_titbox { margin-bottom: 8.125rem;}
.detail_contents .ds6 .ds_titbox .ds_badge { margin-bottom: 10.125rem;}
.detail_contents .ds6 .ds_titbox .ds_title .point .img { width: 25rem; position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%);}
.detail_contents .ds6 .ds6_cont { display: flex; align-items: center; justify-content: center; margin-bottom: 10rem;}
.detail_contents .ds6 .ds6_cont .imgbox { display: flex;  align-items: center; justify-content: center; width: 50%;}
.detail_contents .ds6 .ds6_cont .imgbox.img1 { max-width: 34rem;}
.detail_contents .ds6 .ds6_cont .imgbox.img2 { width: 36rem; margin-right: -4%;}
.detail_contents .ds6 .ds6_cont .arrow { display: flex; align-items: center; justify-content: center; width: 10.5rem; margin: 0 -4rem 0 0;}
.detail_contents .ds6 .ds6_bottom_txt { text-align: center; line-height: 1.8;}
.detail_contents .ds6 .ds6_bottom_txt .color { color: #0050c6; font-weight: 700; font-size: 1.1em;}
.detail_contents .ds6 .ds6_bottom_txt .sizing { display: inline-flex; align-items: baseline; gap: 0.05em; font-weight: 700;}
.detail_contents .ds6 .ds6_bottom_txt .sizing .word:nth-child(1) { font-size: 1.1em;}
.detail_contents .ds6 .ds6_bottom_txt .sizing .word:nth-child(2) { font-size: 1em;}
.detail_contents .ds6 .ds6_bottom_txt .sizing .word:nth-child(3) { font-size: 0.8em; }
.detail_contents .ds6 .ds6_bottom_txt .sizing .word:nth-child(4) { font-size: 0.6em;}
.detail_contents .ds6 .ds6_bottom_txt .arrow { font-weight: 700; display: inline-flex; align-items: center;}
.detail_contents .ds6 .ds6_bottom_txt .arrow i { margin: 0 0.1em;}

.detail_contents .ds7 { background: #eaf6fd; padding: 7.938rem 0 13.75rem;}
.detail_contents .ds7 .ds_titbox { margin-bottom: 9.313rem;}
.detail_contents .ds7 .ds_badge {margin-bottom: 5.938rem;}
.detail_contents .ds7 .ds_desc { font-size: 3.75rem; font-weight: 600;}
.detail_contents .ds7 .ds7_cont {position: relative;  width: 90%; margin: 0 auto; display: flex; border: 2px solid rgba(98, 142, 207, 0.29); border-radius: 2.5rem; max-width: 94.375rem; box-shadow: 0 1.125rem 1.5rem 0 rgba(12, 105, 134, 0.14); background: #fff;overflow: hidden;}
.detail_contents .ds7 .ds7_cont::after { content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: #597eb4; transform: translateX(-50%);}
.detail_contents .ds7 .ds7_cont > .item { width: 50%;}
.detail_contents .ds7 .ds7_cont > .item .imgbox { width: 100%; display: flex; align-items: center; justify-content: center;}
.detail_contents .ds7 .ds7_cont > .item .txtbox { display: flex; flex-direction: column; gap: 2.75rem; padding: 2.75rem 3.75rem 3.5rem;}
.detail_contents .ds7 .ds7_cont > .item .txtbox .title { display: flex; align-items: center; justify-content: center; gap: 1.25rem; text-align: center;}
.detail_contents .ds7 .ds7_cont > .item .txtbox .title .badge { font-weight: 700; font-size: 2rem; color: #fff; border-radius: 0.875rem; padding: 0.375rem 1rem; display: inline-flex; align-items: center; justify-content: center;}
.detail_contents .ds7 .ds7_cont > .item .txtbox .title .txt { font-weight: 700; font-size: 3.5rem;}
.detail_contents .ds7 .ds7_cont > .item1 .txtbox .title .badge { background: linear-gradient(145deg, rgb(73 153 246 / 60%), #4999F6), linear-gradient(145deg, rgba(255, 255, 255, 0.64) 0%, rgba(60, 58, 173, 0.64) 100%);}
.detail_contents .ds7 .ds7_cont > .item1 .txtbox .title .txt { background: linear-gradient(144deg, rgb(82 140 228 / 60%), #528CE4), linear-gradient(144deg, rgba(156, 184, 255, 0) 0%, #3255d0 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.detail_contents .ds7 .ds7_cont > .item2 .txtbox .title .badge { background: linear-gradient(145deg, rgb(156 91 223 / 60%), #9C5BDF), linear-gradient(145deg, rgba(255, 255, 255, 0.64) 0%, rgba(60, 58, 173, 0.64) 100%);}
.detail_contents .ds7 .ds7_cont > .item2 .txtbox .title .txt { text-align: center; background: linear-gradient(126deg, rgb(168 102 235 / 60%), #A866EB), linear-gradient(126deg, rgba(204, 144, 241, 0) 0%, #702bc7 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.detail_contents .ds7 .ds7_cont > .item .txtbox .listbox { display: flex; flex-direction: column;}
.detail_contents .ds7 .ds7_cont > .item .txtbox .listbox .list_desc { position: relative; font-weight: 600; font-size: 1.875rem; color: #365481; padding: 0.5rem 0; padding-left: calc(1.875rem + 1.25rem);}
.detail_contents .ds7 .ds7_cont > .item .txtbox .listbox .list_desc::before { content: ""; background: url(../img/ds3_check.png) no-repeat center / contain; width: 1.875rem; aspect-ratio: 1 / 1; position: absolute; left: 0; top: 1rem;}

.detail_contents .ds8 { background: linear-gradient(91deg, #2C619F, rgb(44 97 159 / 80%)), linear-gradient(91deg, rgba(43, 95, 155, 0.26) 0%, rgba(234, 244, 255, 0.26) 100%); padding: 9.188rem 0 9rem;}
.detail_contents .ds8 .ds_titbox { margin-bottom: 6.25rem;}
.detail_contents .ds8 .ds_badge { background: linear-gradient(145deg, rgb(223 191 23 / 60%), #dfbf17), linear-gradient(145deg, rgba(255, 105, 105, 0.64) 0%, rgba(232, 211, 26, 0.64) 100%); margin-bottom: 3.375rem;}
.detail_contents .ds8 .ds_title { font-family: var(--font3); background: linear-gradient(167deg, rgba(255, 255, 255, 0.8) 0%, #fff 100%), linear-gradient(167deg, rgba(225, 234, 255, 0) 0%, #d9d6ff 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.detail_contents .ds8 .ds_title .point .txt { -webkit-text-fill-color: #fff069;}
.detail_contents .ds8 .ds_desc { color: #fff;}
.detail_contents .ds8 .ds_desc .dot_wrap { display: inline-flex; gap: 0.1em; padding-top: 0.5rem;}
.detail_contents .ds8 .ds_desc .dot_wrap .dot { position: relative; display: inline-block;  font-weight: 700; color: #fff069;}
.detail_contents .ds8 .ds_desc .dot_wrap .dot::before { content: ""; border-radius: 100%; background: #fff069; position: absolute; left: 50%; top: -0.125rem; width: 0.375rem; aspect-ratio: 1 / 1;}
.detail_contents .ds8 .ds8_cont { display: flex; align-items: center; justify-content: center; width: 90%; margin: 0 auto;}
.detail_contents .ds8 .ds8_cont .imgbox { display: flex; align-items: center; justify-content: center;}
.detail_contents .ds8 .ds8_cont .imgbox.img1 { max-width: 32.75rem;}
.detail_contents .ds8 .ds8_cont .imgbox.img2 { max-width: 36rem;}
.detail_contents .ds8 .ds8_cont .vs { position: relative; border-radius: 50%; padding: 0.625rem; width: 15rem; aspect-ratio: 1 / 1; margin: 0 -7.5rem;}

.detail_contents .ds9 { padding: 7.938rem 0;}
.detail_contents .ds9 .ds_titbox { margin-bottom: 1.5rem;}
.detail_contents .ds9 .ds9_cont { position: relative; display: flex; align-items: flex-end; max-width: 89.125rem; margin: 0 auto;}
.detail_contents .ds9 .ds9_cont::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 67.5%; background: linear-gradient(179deg, rgb(105 165 255 / 60%), #69A5FF), linear-gradient(179deg, rgba(255, 255, 255, 0.29) 0%, rgba(53, 86, 136, 0.29) 100%); border-radius: 2.5rem;}
.detail_contents .ds9 .ds9_cont .imgbox { position: relative; width: 54%; max-width: 41.563rem; display: flex; align-items: center; justify-content: center; margin-bottom: -1.5rem;}
.detail_contents .ds9 .ds9_cont .txtbox { position: relative; flex: 1; padding: 0 1rem 5rem; display: flex; flex-direction: column; gap: 1.75rem;}
.detail_contents .ds9 .ds9_cont .txtbox .tit { font-weight: 400; font-size: 3.75rem; color: #fff;}
.detail_contents .ds9 .ds9_cont .txtbox .tit .bold { font-weight: 800; font-size: 1.0667em;}
.detail_contents .ds9 .ds9_cont .txtbox .tit .color { color: #ffef5c;}
.detail_contents .ds9 .ds9_cont .txtbox .desc { position: relative; font-weight: 500; font-size: 2rem;  color: #fff; padding-left: 2.5rem;}
.detail_contents .ds9 .ds9_cont .txtbox .desc::before { content: ""; background: url(../img/ds9_desc_icon.png) no-repeat center / contain; width: 1.5rem; aspect-ratio: 1 / 1; position: absolute; left: 0; top: 0.25em;}

.detail_contents .ds10 { padding: 6.25rem 0; background: linear-gradient(156deg, rgb(75 115 255 / 60%), rgba(16, 46, 154, 0.43) 100%), linear-gradient(156deg, rgba(243, 242, 255, 0.43) 0%, rgba(16, 46, 154, 0.43) 100%);}
.detail_contents .ds10 .ds10_cont { display: flex; flex-direction: column; align-items: center; gap: 5.563rem;}
.detail_contents .ds10 .ds10_cont .desc { font-weight: 400; font-size: 5.125rem; text-align: center; color: #fff;}
.detail_contents .ds10 .ds10_cont .desc .bold {font-weight: 700;}
.detail_contents .ds10 .ds10_cont .more_btn { box-shadow: 0 0.625rem 1.25rem 0 rgba(24, 46, 157, 0.36); background: linear-gradient(116deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)), linear-gradient(116deg, rgba(75, 112, 206, 0.2) 0%, rgba(190, 207, 239, 0.2) 100%);}
.detail_contents .ds10 .ds10_cont .more_btn .txt { color: #4f96ef;}
.detail_contents .ds10 .ds10_cont .more_btn .icon svg path { fill: #4f96ef;}



/* 리사이징 */
.detail_contents .detail_secion .ds_titbox {margin-bottom: 4.5rem;}
.detail_contents .detail_secion .ds_badge {border-radius: 0.75rem; padding: 0.375rem 1rem; font-size: 1.45rem; margin-bottom: 2rem;}
.detail_contents .detail_secion .ds_title {font-size: 3rem; margin-bottom: 1.25rem;}
.detail_contents .detail_secion .ds_desc {font-size: 1.6rem;}
.detail_contents .detail_secion .more_btn {gap: 0.875rem; border-radius: 0.625rem; padding: 0.625rem 1.5rem;}
.detail_contents .detail_secion .more_btn .txt {font-size: 1.25rem;}
.detail_contents .detail_secion .more_btn .icon { width: 1.5rem;}

.detail_contents .ds1 {padding-top: 6.25rem;}
.detail_contents .ds1 .imgbox { width: 82%;  max-width: calc(50rem + 10%); }
.detail_contents .ds1 .titbox {margin-bottom: 3.5rem;}
.detail_contents .ds1 .titbox .tit {font-size: 3.3rem; margin-bottom: 0.625rem;}
.detail_contents .ds1 .titbox .sub {font-size: 2rem;margin-bottom: 1.75rem;}
.detail_contents .ds1 .titbox .desc {font-size: 1.15rem; margin-bottom: 4rem;}

.detail_contents .ds2 {padding: 5rem 0;}
.detail_contents .ds2 .bg_deco1 { width: 13%;}
.detail_contents .ds2 .bg_deco2 { width: 9%;}
.detail_contents .ds2 .ds2_txt {font-size: 2.25rem;}

.detail_contents .ds3 {padding: 5.5rem 0 8.5rem;}
.detail_contents .ds3 .ds3_cont {max-width: 50rem; border-radius: 1.75rem; padding: 0.75rem; gap: 6%; border-width: 0.2rem;}
.detail_contents .ds3 .ds3_cont .imgbox {width: 48%;max-width: 24rem; border-radius: 1.25rem;}
.detail_contents .ds3 .ds3_cont .txtbox {gap: 1rem;}
.detail_contents .ds3 .ds3_cont .txtbox .title {font-size: 1.75rem;}
.detail_contents .ds3 .ds3_cont .txtbox .listbox .desc { font-size: 1.08rem; padding: 0.625rem 0; padding-left: calc(1.25rem + 0.5rem);}
.detail_contents .ds3 .ds3_cont .txtbox .listbox .desc::before { width: 1.125rem; top: 0.75rem;}

.detail_contents .ds4 {padding: 6.5rem 0 5rem;}
.detail_contents .ds4 .ds_titbox { margin-bottom: 5.5rem;}
.detail_contents .ds4 .ds_titbox .ds_badge { margin-bottom: 5rem;}
.detail_contents .ds4 .ds_title { margin-bottom: 1.875rem;}
.detail_contents .ds4 .ds_titbox .ds_title .point .img {width: 4.5rem; left: 48%;}
.detail_contents .ds4 .ds_titbox .ds_title .point .txt { border-radius: 0.625rem; padding: 0.313rem 1rem; font-size: 3.25rem; box-shadow: 0 0.5rem 1rem 0 rgba(28, 79, 156, 0.23);}
.detail_contents .ds4 .ds4_cont { max-width: 62rem; margin-bottom: 6rem; gap: 1rem;}
.detail_contents .ds4 .ds4_cont .imgbox {width: 52%;}
.detail_contents .ds4 .ds4_cont .txtbox {padding-left: 0;}
.detail_contents .ds4 .ds4_cont .txtbox .listbox .desc { font-size: 1.8rem; padding: 0.875rem 0.5rem; padding-left: calc(0.5rem + 3.25rem + 2.5rem); max-width: 23rem;}
.detail_contents .ds4 .ds4_cont .txtbox .listbox .desc::before { width: 3.25rem; left: 0.5rem;}
.detail_contents .ds4 .ds4_cont .txtbox .listbox .desc:nth-child(2) { margin-left: -3rem;}
.detail_contents .ds4 .ds4_cont .txtbox .listbox .desc:nth-child(3) { margin-left: -6rem;}
.detail_contents .ds4 .ds4_cont .txtbox .listbox .desc:nth-child(4) { margin-left: -9rem;}
.detail_contents .ds4 .ds_title.bottom {font-size: 3.125rem;}
.detail_contents .ds4 .ds_title.bottom {font-size: 2.2rem;}
.detail_contents .ds4 .ds_title.bottom .point .txt { border-radius: 0.5rem; padding: 0.125rem 0.875rem; font-size: 2.125rem;}
.detail_contents .ds4 .ds_title.bottom .point .img { width: 3.125rem; left: 65%; top: 68%;}

.detail_contents .ds5 { padding: 4rem 0 6rem;}
.detail_contents .ds5 .ds_title { margin-bottom: 3rem;}
.detail_contents .ds5 .ds_titbox .ds_badge {margin-bottom: 7rem;}
.detail_contents .ds5 .ds_titbox .ds_title .point .img {width: 10rem;}
.detail_contents .ds5 .ds5_cont {gap: 3%;}
.detail_contents .ds5 .ds5_cont .txtbox { border-radius: 1.75rem; padding: 2rem 2.25rem; gap: 1rem; border-width: 0.2rem;}
.detail_contents .ds5 .ds5_cont .txtbox .title { font-size: 1.75rem;}
.detail_contents .ds5 .ds5_cont .txtbox .listbox .desc { font-size: 1.08rem; padding: 0.625rem 0; padding-left: calc(1.25rem + 0.5rem);}
.detail_contents .ds5 .ds5_cont .txtbox .listbox .desc::before { width: 1.125rem; top: 0.75rem;}
.detail_contents .ds5 .ds5_cont .imgbox {width: 35%;max-width: 28.5rem;}

.detail_contents .ds6 { padding: 4rem 0;}
.detail_contents .ds6 .ds_titbox { margin-bottom: 2rem;}
.detail_contents .ds6 .ds_titbox .ds_badge {margin-bottom: 6rem;}
.detail_contents .ds6 .ds_titbox .ds_title .point .img { width: 15rem;}
.detail_contents .ds6 .ds_titbox .ds_title .point .txt { background: linear-gradient(126deg, #0861E7 0%, rgb(41 121 241 / 0%) 100%), linear-gradient(126deg, rgba(225, 234, 255, 0) 0%, #1608b2 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.detail_contents .ds6 .ds6_cont {margin-bottom: 3rem;}
.detail_contents .ds6 .ds6_cont .imgbox.img1 { max-width: 27rem;}
.detail_contents .ds6 .ds6_cont .imgbox.img2 { width: 28.5rem;}
.detail_contents .ds6 .ds6_cont .arrow { width: 6.5rem;  margin: 0 -4rem 2rem 0;}
.detail_contents .ds6 .ds_desc.ds6_bottom_txt {font-size: 1.4rem;}

.detail_contents .ds7 { padding: 4.5rem 0 8rem;}
.detail_contents .ds7 .ds_titbox { margin-bottom: 5rem;}
.detail_contents .ds7 .ds_badge {margin-bottom: 3rem;}
.detail_contents .ds7 .ds_desc { font-size: 2.2rem;}
.detail_contents .ds7 .ds7_cont { border-radius: 1.5rem; max-width: 56rem;}
.detail_contents .ds7 .ds7_cont > .item .txtbox { gap: 1rem; padding: 1.625rem 2rem 2rem;}
.detail_contents .ds7 .ds7_cont > .item .txtbox .title {gap: 0.5rem;}
.detail_contents .ds7 .ds7_cont > .item .txtbox .title .badge { font-size: 1rem; line-height: 1; border-radius: 0.5rem; padding: 0.313rem 0.625rem; margin-top: 0.2em;}
.detail_contents .ds7 .ds7_cont > .item .txtbox .title .txt { font-size: 2rem;}
.detail_contents .ds7 .ds7_cont > .item .txtbox .listbox .list_desc { font-size: 1.08rem; padding-left: calc(1.25rem + 0.5rem);}
.detail_contents .ds7 .ds7_cont > .item .txtbox .listbox .list_desc::before { width: 1rem; top: 0.65rem;}

.detail_contents .ds8 { padding: 5.5rem 0 4.5rem;}
.detail_contents .ds8 .ds_titbox { margin-bottom: 2.5rem;}
.detail_contents .ds8 .ds_badge { margin-bottom: 2rem;}
.detail_contents .ds8 .ds_desc .dot_wrap .dot::before { top: -0.25rem; width: 0.25rem;}
.detail_contents .ds8 .ds8_cont .imgbox.img1 { max-width: 22rem;}
.detail_contents .ds8 .ds8_cont .imgbox.img2 { max-width: 24rem;}
.detail_contents .ds8 .ds8_cont .vs { width: 8.5rem; margin: 0 -4.5rem;}

.detail_contents .ds9 { padding: 4.5rem 0;}
.detail_contents .ds9 .ds_titbox { margin-bottom: 0;}
.detail_contents .ds9 .ds9_cont {max-width: 52rem; width: 90%;}
.detail_contents .ds9 .ds9_cont::before {border-radius: 1.5rem;}
.detail_contents .ds9 .ds9_cont .imgbox {margin-bottom: -2.5rem;}
.detail_contents .ds9 .ds9_cont .txtbox { padding: 0 0 4rem; gap: 1rem;}
.detail_contents .ds9 .ds9_cont .txtbox .tit { font-size: 2.2rem;}
.detail_contents .ds9 .ds9_cont .txtbox .desc { font-size: 1.3rem; padding-left: 1.5rem;}
.detail_contents .ds9 .ds9_cont .txtbox .desc::before { width: 0.875rem; top: 0.325em;}

.detail_contents .ds10 { padding: 3.5rem 0;}
.detail_contents .ds10 .ds10_cont { gap: 3rem;}
.detail_contents .ds10 .ds10_cont .desc {font-size: 2.85rem;}



/* 로그인 */
.loginbox { position: relative; margin: 3.5rem auto; width: 90%; max-width: 400px;}
.loginbox .mb_title { display: flex; align-items: center; gap: 0.625rem; margin-bottom: 1.25rem; padding: 0 1rem;}
.loginbox .mb_title .icon { max-width: 33px;}
.loginbox .mb_title .tit { font-weight: 800; font-size: 2rem; color: var(--text);}
.loginbox .mbskin_box { position: relative; width: 100%; background: #fff; box-shadow: 0 0.25rem 1.375rem rgba(98, 161, 197, 0.25); border-radius: 1.25rem; padding: 2.334rem 1rem 1.875rem; display: flex; flex-direction: column;}
.loginbox .mb_top {order: 1;  position: relative; display: flex; flex-direction: column;}
.loginbox .mb_top .top { display: flex; align-items: center;}
.loginbox .mb_top .top .iconbox { width: 42%; display: flex; align-items: center;  justify-content: center;}
.loginbox .mb_top .top .iconbox > img { max-width: 54px;}
.loginbox .mb_top .top .txtbox { flex: 1;}
.loginbox .mb_top .top .txtbox .txt { font-weight: 400; line-height: 1.5; font-size: 1.063rem; color: #2c3748;}
.loginbox .mb_top .top .txtbox .txt .bold { font-weight: 700;}
.loginbox .mb_top .top .txtbox .txt .color { color: #1f56a8;}
.loginbox .mb_top .bottom { display: flex;  flex-direction: column; gap: 0.625rem; margin-top: 2.5rem;}
.loginbox #sns_login {  border: none; margin: 0; order: 2; padding: 0;}
.loginbox .sns-wrap { margin: 0;}
.loginbox .kakao_login { border-radius: 0.5rem; width: 100%; height: 55px; background: #ffe920; display: flex; align-items: center;justify-content: center; font-weight: 700; font-size: 1.125rem; text-align: center; color: #202429; border: 0; margin: 0;  padding: 0;}
.loginbox .kakao_login .ico { display: none;}
.loginbox .kakao_login .txt { padding: 0; border: none;}
.loginbox .kakao_login .txt:hover { background: none;}
.loginbox .login_frm {order: 3;}
.loginbox .login_fs {position: relative;}
.loginbox .login_fs::before { content: ""; width: calc(100% - 1rem* 2); height: 2px; background: rgba(70, 90, 119, 0.2); margin: 1.25rem auto; display: block;}
.loginbox .login_fs .inputbox + .inputbox { margin-top: 1.25rem;}
.loginbox .login_fs .btnbox { display: flex; align-items: center; justify-content: center; margin: 1.875rem 0;}
.loginbox .login_fs .btnbox .btn_submit { box-shadow: 0 0.125rem 0.375rem 0 rgba(33, 108, 150, 0.25); background: #237bff; border-radius: 20px; padding: 0.594rem 2.3rem; height: 40px; font-weight: 700;  font-size: 1rem; line-height: 1.3; color: #fff; display: flex; align-items: center; justify-content: center;}
.loginbox .login_fs .loginin_info { display: flex; flex-direction: column; align-items: center; gap: 0.375rem; font-weight: 400; font-size: 0.75rem; color: var(--text);}
.loginbox .login_fs .loginin_info a { font-weight: 700; display: inline-block;  vertical-align: middle;}



/* 회원가입 */
.registerbox { max-width: 494px;}
.registerbox .mbskin_box { padding: 2.75rem 2rem 1.875rem;}
.registerbox .login_fs::before {width: calc(100% - 0.313rem* 2); margin: 1.875rem auto 1.25rem;}
.registerbox .login_fs .inputbox {margin-bottom: 0;}
.registerbox .btnbox {display: flex; justify-content: center; align-items: center; gap: 0.875rem; margin-top: 1.875rem;}
.registerbox .btnbox .btn_close { box-shadow: 0 0.25rem 0.75rem 0 rgba(33, 108, 150, 0.2); background: #fff; border-radius: 1.25rem; width: 186px; height: 48px; display: flex; align-items: center; justify-content: center; border: none; font-weight: 700; font-size: 1.125rem; line-height: 1.3; text-align: center; color: #237bff; cursor: pointer;}
.registerbox .btnbox .btn_confirm { box-shadow: 0 0.25rem 0.75rem 0 rgba(33, 108, 150, 0.2); background: #237bff; border-radius: 1.25rem; width: 186px; height: 48px; display: flex; align-items: center; justify-content: center; border: none; font-weight: 700; font-size: 1.125rem; line-height: 1.3; text-align: center;  color: #fff; cursor: pointer;}



/* 대시보드 */
.dashboard_content { max-width: 1000px; padding-top: 5.25rem;}
.dashboard_content .board_box { background: #fff; box-shadow: var(--box-shadow); padding: 1.225rem; border-radius: 1.225rem; display: flex; gap: 1.225rem; margin-bottom: 1.438rem;}
.dashboard_content .board_box > .board_item { width: 50%; display: flex; flex-direction: column; gap: 0.625rem;}
.dashboard_content .board_box > .board_item > .title { font-weight: 700; font-size: 1.188rem; color: var(--text); display: flex; align-items: baseline; gap: 0.525rem; padding: 0 0.625rem;}
.dashboard_content .board_box > .board_item > .title .board_more { position: relative;}
.dashboard_content .board_box > .board_item > .title .board_more a { font-size: 0.688rem; color: rgba(70, 90, 119, 0.7); display: inline-block;}
.dashboard_content .board_box > .board_item > .board_slidebox{position: relative;width: 100%;}
.dashboard_content .board_box > .board_item > .board_slidebox .swiper { width: 100%; height: 50px; border-radius: 0.75rem;}
.dashboard_content .board_box > .board_item > .board_slidebox .notice_Swiper { border: 2px solid var(--text)}
.dashboard_content .board_box > .board_item > .board_slidebox .faqs_Swiper { background: linear-gradient(149deg, rgba(214, 245, 255, 0.7) 0%, rgba(75, 158, 255, 0.7) 100%), linear-gradient(149deg, rgba(195, 234, 255, 0.96) 0%, rgba(195, 234, 255, 0.96) 100%);}
.dashboard_content .board_box > .board_item > .board_slidebox .swiper .swiper-slide {height: 50px;}
.dashboard_content .board_box > .board_item > .board_slidebox .swiper .swiper-slide a { font-weight: 700; font-size: 0.938rem; color: var(--text); display: flex; align-items: center; justify-content: unset; width: 100%; height: 100%; padding: 0 1.125rem;}
.dashboard_content .board_box > .board_item > .board_slidebox .controls { position: absolute; right: 1.125rem; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 0.25rem; z-index: 5;}
.dashboard_content .board_box > .board_item > .board_slidebox .controls .prev_btn, 
.dashboard_content .board_box > .board_item > .board_slidebox .controls .next_btn { position: relative; left: auto; right: auto; top: auto; margin: 0; width: 0.918rem; height: 0.918rem;}
.dashboard_content .myinfo_box { display: flex; gap: 1.25rem; margin-bottom: 2.5rem;}
.dashboard_content .myinfo_box > .item { width: calc((100% - 27.5% - 1.25rem* 3) / 3);  border-radius: 1.25rem; background: #fff; box-shadow: var(--box-shadow); padding: 1.25rem; display: flex; gap: 0.938rem;}
.dashboard_content .myinfo_box > .item.point{ width: 27.5%; --color: #e9392e;}
.dashboard_content .myinfo_box > .item.request{--color: #d79b26;}
.dashboard_content .myinfo_box > .item.progress{--color: #1dae4e;}
.dashboard_content .myinfo_box > .item.complete{--color: #1d92ff;}
.dashboard_content .myinfo_box > .item .icon { width: 3.75rem; display: flex; align-items: center; justify-content: center;}
.dashboard_content .myinfo_box > .item .txtbox { display: flex; flex-direction: column; align-items: flex-start;}
.dashboard_content .myinfo_box > .item .txtbox .num { font-weight: 700; font-size: 1.625rem; color: var(--text); margin-bottom: 0.313rem;}
.dashboard_content .myinfo_box > .item .txtbox .txt { font-weight: 600; font-size: 1.125rem; line-height: 1; color: var(--color); word-break: keep-all;}
.dashboard_content .status_box {position: relative;margin-bottom: 1.875rem;}
.dashboard_content .tbl_wrap .tbl tbody tr:nth-child(1) td { padding-top: 1.25rem !important; height: 65px;}



/* 충전하기 */
.shop_content {max-width: 1000px;}
.common_wrap .shop_content .page_inner { padding: 0;}
.shop_content #sct_location.view_location {display: none;}
.shop_content #sit_ov_wrap { width: 100%;padding: 0;border-top: 0;  display: none;}
.shop_content #sit_ov_from {background: none; border-bottom: 0;}
.shop_content #sit_rel { display: none;}
.shop_content #sit_info { display: none;}
.shop_content #sit_siblings { display: none;}

.point_content .point_wrap { border-radius: 1.25rem; background: #fff; box-shadow: var(--box-shadow); display: flex;}
.point_content .point_wrap .point_tit1 { font-weight: 700; font-size: 1.625rem; color: var(--text);}
.point_content .point_wrap .point_tit2{ font-weight: 700; font-size: 1.375rem; color: var(--text);}
.point_content .point_wrap .point_tit2.bold { font-weight: 800;}
.point_content .point_wrap .point_tit3 { font-weight: 800; font-size: 1.125rem; line-height: 130%; color: var(--text); margin-bottom: 0.5rem;}
.point_content .point_wrap .leftbox {position: relative; width: 50%;}
.point_content .point_wrap .rightbox{position: relative; width: 50%;}
.point_content .point_wrap.select { padding: 2.625rem 0 2rem; margin-bottom: 1.875rem;}
.point_content .point_wrap.select .leftbox { padding: 0 2.375rem; display: flex; flex-direction: column;}
.point_content .point_wrap.select .leftbox .point_tit1 { margin-bottom: 1.25rem;}
.point_content .point_wrap.select .leftbox .total_point { font-weight: 700; font-size: 2.75rem; color: #115fd4; }
.point_content .point_wrap.select .leftbox .point_infobox { display: flex; align-items: center; gap: 0.5rem; font-weight: 500; font-size: 1rem; color: var(--text); word-break: keep-all; margin-top: 1.328rem;}
.point_content .point_wrap.select .leftbox .point_infobox .bonus_point { font-weight: 700; line-height: 1; color: #ff6240; border-radius: 0.438rem; padding: 0.5rem 0.625rem; background: #ffe9dd;}
.point_content .point_wrap.select .leftbox .point_infobox .bonus_point .plus {display: none;}
.point_content .point_wrap.select .rightbox {  padding: 0 2.125rem; display: flex; flex-direction: column;}
.point_content .point_wrap.select .rightbox .point_tit2 { margin-bottom: 1.25rem; padding-top: 0.375rem;}
.point_content .point_wrap.select .rightbox .select_box{position: relative;}
.point_content .point_wrap.select .rightbox .select_opt{display: none;}
.point_content .point_wrap.select .rightbox .select_tabbox { display: flex; flex-wrap: wrap; gap: 1.25rem 0.625rem;}
.point_content .point_wrap.select .rightbox .select_tabbox .select_tab { position: relative; width: calc((100% - 0.625rem* 2) / 3); height: 84px;}
.point_content .point_wrap.select .rightbox .select_tabbox .select_tab .point_radio { display: none;}
.point_content .point_wrap.select .rightbox .select_tabbox .select_tab .point_label { position: relative; box-shadow: 0 0.125rem 0.375rem 0 rgba(33, 108, 150, 0.25); background: #fff; display: flex; flex-direction: column; border-radius: 0.5rem; width: 100%; height: 100%; cursor: pointer; padding: 0.25rem; transition: all 0.4s ease;}
.point_content .point_wrap.select .rightbox .select_tabbox .select_tab .point_label .opt_tit { width: 100%; height: 24px; border-radius: 0.25rem; display: flex; align-items: center; justify-content: center;  font-weight: 600; font-size: 0.875rem; line-height: 1.3; text-align: center; transition: all 0.4s ease;}
.point_content .point_wrap.select .rightbox .select_tabbox .select_tab .point_label .opt_tit.color1{background: #dbdbdb; color: #797979;}
.point_content .point_wrap.select .rightbox .select_tabbox .select_tab .point_label .opt_tit.color2{background: #ffe89c; color: #d07d00;}
.point_content .point_wrap.select .rightbox .select_tabbox .select_tab .point_label .opt_tit.color3{background: #ffcbbf; color: #fa3e15;}
.point_content .point_wrap.select .rightbox .select_tabbox .select_tab .point_label .icon { position: absolute; border-radius: 50%;}
.point_content .point_wrap.select .rightbox .select_tabbox .select_tab .point_label .icon.hot { box-shadow: 0 0.188px 0.688rem 0 rgba(215, 94, 27, 0.86); max-width: 33px; left: -8px; top: -8px;}
.point_content .point_wrap.select .rightbox .select_tabbox .select_tab .point_label .icon.recommend { box-shadow: 0 0.188px 0.688rem 0 #4d90f3; max-width: 43px; top: -16px; left: -14px;}
.point_content .point_wrap.select .rightbox .select_tabbox .select_tab .point_label .opt_cont { flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; font-weight: 700; font-size: 1.188rem; line-height: 1.3; color: var(--text); transition: all 0.4s ease;}
.point_content .point_wrap.select .rightbox .select_tabbox .select_tab .point_radio:checked + .point_label { background: #237bff;}
.point_content .point_wrap.select .rightbox .select_tabbox .select_tab .point_radio:checked + .point_label .opt_tit { background: #10528e; color: #fff;}
.point_content .point_wrap.select .rightbox .select_tabbox .select_tab .point_radio:checked + .point_label .opt_cont { color: #fff;}
.point_content .point_wrap.select .rightbox .pay_btn {display: none;}
.point_content .point_wrap.payment { padding: 1.5rem 0 1.875rem;}
.point_content .point_wrap.payment .leftbox { padding: 0 1.625rem;}
.point_content .point_wrap.payment .leftbox .point_tit2 { margin-bottom: 1.25rem;}
.point_content .point_wrap.payment .leftbox .tab_navbox { margin-bottom: 1.25rem;}
.point_content .point_wrap.payment .leftbox .pay_items > .item + .item { margin-top: 1.25rem;}
.point_content .point_wrap.payment .leftbox .pay_items > .item .guide_box {margin-top: 1.375rem;}
.point_content .point_wrap.payment .rightbox { padding: 0 2.125rem;}
.point_content .point_wrap.payment .rightbox .point_tit2 { margin-bottom: 1.25rem;}
.point_content .point_wrap.payment .rightbox .tab_navbox {margin-bottom: 1.25rem;}
.point_content .point_wrap.payment .rightbox .tab_navbox .tab_nav { width: calc((100% - 0.625rem* 2) / 3);}
.point_content .point_wrap.payment .rightbox[data-selected="card"] .cash_tab {display: none !important;}
.point_content .point_wrap.payment .rightbox[data-selected="cash"] .card_tab {display: none !important;}
.point_content .point_wrap.payment .rightbox .input_wrap { border-top: 1px solid rgba(145, 159, 181, 0.4); border-bottom: 1px solid rgba(145, 159, 181, 0.4); padding: 1rem 0;}
.point_content .point_wrap.payment .rightbox .input_wrap .selectbox { margin: 1.25rem 0 1rem; padding: 0 1.25rem;}
.point_content .point_wrap.payment .rightbox .input_wrap .inputbox + .inputbox { margin-top: 0.625rem;}
.point_content .point_wrap.payment .rightbox .total_box { display: flex; flex-direction: column; margin-top: 1rem;}
.point_content .point_wrap.payment .rightbox .total_box > .item { display: flex; justify-content: space-between; font-weight: 500; font-size: 0.938rem;  color: var(--text); margin-bottom: 1rem;}
.point_content .point_wrap.payment .rightbox .total_box > .item + .item { margin-top: 0.25rem;}
.point_content .point_wrap.payment .rightbox .total_box > .item .sub { width: 30%;}
.point_content .point_wrap.payment .rightbox .total_box > .item .price { flex: 1; text-align: right; padding-left: 1rem; word-break: break-word;}
.point_content .point_wrap.payment .rightbox .total_box > .item.total { font-size: 1.25rem; font-weight: 700; border-top: 1px solid var(--text); padding-top: 1.25rem;}
.point_content .point_wrap.payment .rightbox .total_box > .item.total .price { color: #115fd4;}
.point_content .point_wrap.payment .rightbox .total_box .btnbox {position: relative;} 
.point_content .point_wrap.payment .rightbox .total_box .btnbox .back_btn {display: none;} 
.point_content .point_wrap.payment .rightbox .total_box .btnbox .pay_btn { border-radius: 0.313rem; width: 100%; height: 40px; box-shadow: 0 0.125rem 0.313rem 0 rgba(33, 108, 150, 0.25); background: #237bff; font-weight: 800; font-size: 0.938rem; line-height: 1.3;  text-align: center; color: #eee; display: flex; align-items: center; justify-content: center; margin-top: 0.625rem;}



/* 서비스 신청  */
.application_content { padding-top: 3.063rem; max-width: 1209px;}
.application_content .servies_box{position: relative;}
.application_content .servies_box + .servies_box { margin-top: 4.138rem;}
.application_content .servies_box .page_titbox { padding: 0 1.625rem; margin-bottom: 1.866rem;}
.application_content .servies_box .page_titbox > img {width: 2.591rem;}
.application_content .servies_box .page_titbox .txt { font-size: 2rem;}
.application_content .servies_box .gall_box { display: flex; flex-wrap: wrap; gap: 2.5rem 1.063rem;}
.application_content .servies_box .gall_box > .item { width: calc((100% - 1.063rem* 3) / 4); border-radius: 1.25rem; background: #fff; box-shadow: var(--box-shadow); padding: 0.75rem 0.625rem;}
.application_content .servies_box .gall_box > .item .card { display: flex; flex-direction: column; gap: 1.125rem;}
.application_content .servies_box .gall_box > .item .card .card_img { width: 100%; aspect-ratio: 1 / 1; border-radius: 0.75rem; background: #dfecff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1.5rem; text-align: center; color: #5f9ce3;}
.application_content .servies_box .gall_box > .item .card .card_body { position: relative; padding: 0 0.75rem 1.875rem; display: flex; flex-direction: column;}
.application_content .servies_box .gall_box > .item .card .card_body .card_badge { display: flex; flex-wrap: wrap; gap: 0.28rem; margin-bottom: 0.452rem;}
.application_content .servies_box .gall_box > .item .card .card_body .card_badge .badge { border-radius: 0.375rem; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.813rem; line-height: 1; padding: 0.37rem 0.625rem;}
.application_content .servies_box .gall_box > .item .card .card_body .card_badge .badge.badge_sale { color: #ff6240; background: #ffe9dd;}
.application_content .servies_box .gall_box > .item .card .card_body .card_badge .badge.badge_best { color: #ffe9dd; background: #ff6240;}
.application_content .servies_box .gall_box > .item .card .card_body .card_title { font-weight: 700; font-size: 1.625rem; color: var(--text); margin-bottom: 0.522rem; word-break: keep-all;}
.application_content .servies_box .gall_box > .item .card .card_body .card_text { font-weight: 400; font-size: 1rem; color: #284f68; word-break: keep-all;  margin-bottom: 1.125rem;}
.application_content .servies_box .gall_box > .item .card .card_body .card_text .bold { font-weight: 700;}
.application_content .servies_box .gall_box > .item .card .card_body .price_wrap { display: flex; flex-direction: column; align-items: flex-end; text-align: right;}
.application_content .servies_box .gall_box > .item .card .card_body .price_wrap .original_price { font-weight: 800; font-size: 1.25rem; text-decoration: line-through; color: rgba(40, 79, 104, 0.56);}
.application_content .servies_box .gall_box > .item .card .card_body .price_wrap .price{ font-weight: 800; font-size:1.375rem; color: #284f68;}
.application_content .servies_box .gall_box > .item .card .card_body .price_wrap .price .num {font-size: 1.875rem;}


/* 상픔소개 */
.serviceIntro_content { max-width: 1322px; margin-left: auto; margin-right: 2.875rem;}
.serviceIntro_content .intro_section { display: flex; align-items: flex-start; justify-content: space-between; gap: 2rem; margin-bottom: 3.125rem; }
.serviceIntro_content .intro_section .leftbox { width:calc(100% - 320px - 2rem); max-width: 900px; box-shadow: var(--box-shadow); background: #fff; border-radius: 1.25rem; min-height: 900px; padding: 5.75rem 1.25rem;}
.serviceIntro_content .intro_section .leftbox .intro_box.pc p { font-weight: 700;  font-size: 2.25rem;color: #105593;  margin-bottom: 4.188rem; text-align: center;}
.serviceIntro_content .intro_section .leftbox .intro_box.pc .logo {  background: url(https://pub.postswat.com/page/img/logo.png) no-repeat center / contain; width: 360px;height: 56px; margin: 0 auto 4.625rem; font-size: 0;    }
.serviceIntro_content .intro_section .leftbox .intro_box.pc .subtitle { font-weight: 700; font-size: 1rem; color: #105593; margin-bottom: 1.875rem; }
.serviceIntro_content .intro_section .leftbox .intro_box.pc .highlight {    font-weight: 700; font-size: 1.875rem; color: #105593; }
.serviceIntro_content .intro_section .rightbox { position: relative; width: 320px; box-shadow: var(--box-shadow); background: #fff; border-radius: 1.25rem; overflow:hidden;}
.serviceIntro_content .intro_section .service_card { position: relative; display: flex; flex-direction: column; gap: 1.375rem;}
.serviceIntro_content .intro_section .service_card .card_img { width: 100%; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; font-family: var(--font-family); font-weight: 700; font-size: 1.5rem; text-align: center; color: #5f9ce3;background: #BADAFF;}
.serviceIntro_content .intro_section .service_card .card_body { display: flex; flex-direction: column; padding: 0 1.5rem 1.875rem;}
.serviceIntro_content .intro_section .service_card .card_body .card_btn {display: none;}
.serviceIntro_content .intro_section .service_card .card_body .card_badge { display: flex; flex-wrap: wrap; gap: 0.28rem; margin-bottom: 0.452rem;}
.serviceIntro_content .intro_section .rightbox .service_card .card_body .card_badge .badge { border-radius: 0.375rem; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.813rem; line-height: 1; padding: 0.37rem 0.625rem;}
.serviceIntro_content .intro_section .service_card .card_body .card_badge .badge.badge_sale { color: #ff6240; background: #ffe9dd;}
.serviceIntro_content .intro_section .service_card .card_body .card_badge .badge.badge_best { color: #ffe9dd; background: #ff6240;}
.serviceIntro_content .intro_section .service_card .card_body .card_title { font-weight: 700; font-size: 1.625rem; color: var(--text); margin-bottom: 0.375rem;}
.serviceIntro_content .intro_section .service_card .card_body .ratebox { display: flex;  align-items: center; gap: 0.438rem;}
.serviceIntro_content .intro_section .service_card .card_body .ratebox .rate_tit { font-weight: 700; font-size: 0.938rem; line-height: 130%; text-align: center;  color: var(--text);}
.serviceIntro_content .intro_section .service_card .card_body .ratebox .rate_icons { display: flex;}
.serviceIntro_content .intro_section .service_card .card_body .ratebox .rate_icons .star { width: 1.125rem; aspect-ratio: 1 / 1; background: no-repeat center / contain;}
.serviceIntro_content .intro_section .service_card .card_body .ratebox .rate_icons .star.star_full { background-image: url(../img/icon_rate_full.png);}
.serviceIntro_content .intro_section .service_card .card_body .ratebox .rate_icons .star.star_half { background-image: url(../img/icon_rate_half.png);}
.serviceIntro_content .intro_section .service_card .card_body .ratebox .rate_icons .star.star_blank { background-image: url(../img/icon_rate_blank.png);}
.serviceIntro_content .intro_section .service_card .card_body .ratebox .rate_num { display: flex; align-items: center; gap: 0.125rem; font-size: 0.875rem; color: #889cba;}
.serviceIntro_content .intro_section .service_card .card_body .ratebox .rate_num .num { font-weight: 500; font-size: 0.938rem; color: var(--text);}
.serviceIntro_content .intro_section .service_card .card_body .infobox .btn_apply { display: none;}
.serviceIntro_content .intro_section .service_card .card_body .optbox { display: flex; flex-direction: column; gap: 0.625rem; margin-top: 1.25rem;}
.serviceIntro_content .intro_section .service_card .card_body .optbox .opt_tit{ font-weight: 700; font-size: 1rem; color: var(--text); margin-bottom: 0.375rem;}
.serviceIntro_content .intro_section .service_card .card_body .totalbox { border-top: 2px solid rgba(70, 90, 119, 0.24); padding-top: 1.75rem; margin-top: 1.875rem;}
.serviceIntro_content .intro_section .service_card .card_body .totalbox .pricebox { display: flex; align-items: center; justify-content: space-between; gap: 1rem;}
.serviceIntro_content .intro_section .service_card .card_body .totalbox .pricebox .sub { font-weight: 600; font-size: 1rem; color: var(--text); width: 30%;}
.serviceIntro_content .intro_section .service_card .card_body .totalbox .pricebox .price { flex: 1; font-weight: 800; font-size: 1.375rem; text-align: right; color: var(--text);  word-break: break-word;}
.serviceIntro_content .intro_section .service_card .card_body .btn_apply { border-radius: 1.25rem; width: 100%; height: 48px;  background: #237bff;  font-weight: 700; font-size: 1.25rem; text-align: center; color: #fff; display: flex; align-items: center; justify-content: center; margin-top: 2.5rem;}
.serviceIntro_content .review_section { position: relative; width: calc(100% - 320px - 2rem); max-width: 900px;}
.serviceIntro_content .review_section .review_tit { font-weight: 700; font-size: 1.5rem; color: var(--text); margin-bottom: 1.25rem;}
.serviceIntro_content .review_section .review_listbox { position: relative; box-shadow: var(--box-shadow); background: #fff; border-radius: 1.25rem;  padding: 1.875rem; margin-bottom: 1.875rem;}
.serviceIntro_content .review_section .review_list { display: flex; flex-direction: column; gap: 1.875rem; margin-bottom: 1.875rem;}
.serviceIntro_content .review_section .review_list .review_card{position: relative;}
.serviceIntro_content .review_section .review_list .review_card .review_name { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.5rem;}
.serviceIntro_content .review_section .review_list .review_card .review_name .badge { border-radius: 0.375rem; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.813rem; line-height: 1; padding: 0.37rem 0.625rem;}
.serviceIntro_content .review_section .review_list .review_card .review_name .badge.badge_best { color: #ffe9dd; background: #ff6240;}
.serviceIntro_content .review_section .review_list .review_card .review_name .author { font-weight: 700; font-size: 1.25rem; color: var(--text);}
.serviceIntro_content .review_section .review_list .review_card .review_info { display: flex; align-items: center; gap: 0.813rem; margin-bottom: 0.625rem;}
.serviceIntro_content .review_section .review_list .review_card .review_info .rating_stars { display: flex;}
.serviceIntro_content .review_section .review_list .review_card .review_info .rating_stars .star { width: 1.125rem; aspect-ratio: 1 / 1; background: no-repeat center / contain;}
.serviceIntro_content .review_section .review_list .review_card .review_info .rating_stars .star.star_full { background-image: url(../img/icon_rate_full2.png);}
.serviceIntro_content .review_section .review_list .review_card .review_info .rating_stars .star.star_half { background-image: url(../img/icon_rate_half2.png);}
.serviceIntro_content .review_section .review_list .review_card .review_info .rating_stars .star.star_blank { background-image: url(../img/icon_rate_blank2.png);}
.serviceIntro_content .review_section .review_list .review_card .review_info .review_date { font-weight: 400; font-size: 1rem; color: var(--text);}
.serviceIntro_content .review_section .review_list .review_card .review_options { font-weight: 400; font-size: 0.875rem; color: var(--text); margin-bottom: 1.375rem;}
.serviceIntro_content .review_section .review_list .review_card .review_descbox {    display: flex; flex-direction: column;}
.serviceIntro_content .review_section .review_list .review_card .review_descbox .review_text{ font-weight: 400; font-size: 1rem; line-height: 1.5; color: #132237;}
.serviceIntro_content .review_section .review_list .review_card .review_descbox .review_more{font-weight: 400; font-size: 0.875rem; color: var(--text); text-align: right; cursor: pointer;}
.serviceIntro_content .review_section .pagenation { margin: 0;}
.serviceIntro_content .review_section .review_writebox { box-shadow: var(--box-shadow); background: #fff; width: 100%; border-radius: 1.25rem; padding: 1.25rem 1.875rem 1.875rem;}
.serviceIntro_content .review_section .review_titbox { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem;}
.serviceIntro_content .review_section .review_titbox .review_tit2 { font-weight: 700; font-size: 1.25rem; color: var(--text);}
.serviceIntro_content .review_section .review_titbox .ratebox { display: flex; align-items: center; flex-direction: row-reverse;}
.serviceIntro_content .review_section .review_titbox .ratebox .rate_input { display: none;}
.serviceIntro_content .review_section .review_titbox .ratebox .rate_label { background: url(../img/icon_rate_blank2.png) no-repeat center / contain; width: 1.625rem; aspect-ratio: 1 / 1; display: block; cursor:pointer}
.serviceIntro_content .review_section .review_titbox .ratebox .rate_input:checked ~ .rate_label{background-image: url(../img/icon_rate_full2.png);}
.serviceIntro_content .review_section .review_writebox .review_write{position: relative;}
.serviceIntro_content .review_section .review_writebox .review_write .inputbox { margin-bottom: 1.25rem;}
.serviceIntro_content .review_section .review_writebox .review_write .file_btn { margin-bottom: 1.25rem;}



/* 원고 포함 포스팅 */
.posting_content { padding-top: 3.063rem; max-width: 725px; margin: 0 auto;}
.posting_content .posting_titbox { margin-bottom: 2.116rem;}
.posting_content .posting_titbox > img{width: 2.591rem;}
.posting_content .posting_titbox > .txt { font-size: 2rem;}
.posting_content .step_content { display: flex; align-items: flex-start; gap: 1.875rem; display: none;}
.posting_content .step_content.show {display: flex;}
.posting_content .step_content .contbox { display: flex; flex-direction: column; width: calc(100% - 140px - 1.875rem); max-width: 590px;}
.posting_content .step_content .inputbox .input_label { padding: 0; }
.posting_content .step_content .contbox .input_label.spaceBetween .rightxt .desc { font-weight: 700; font-size: 0.875rem;}
.posting_content .step_content .contbox .input_label.spaceBetween .rightxt .num { font-weight: 700; font-size: 1.125rem;}
.posting_content .step_content .inputbox .selectbox { margin: 1.25rem 0 0.875rem; padding: 0 0.625rem;}
.posting_content .step_content .file_imgbox {margin-bottom: 0.625rem;}
.posting_content .step_content .stepbox { position: relative; display: flex; flex-direction: column; gap: 5.5rem; margin-top: 0.75rem; width: 140px;}
.posting_content .step_content .stepbox::before { content: ""; border-radius: 0.938rem; width: 3px; height: calc(100% - 10px); position: absolute; left: 8px; top: 50%; transform: translateY(-50%); background: #237bff; box-shadow: 0 3px 8px 0 rgba(33, 108, 150, 0.2);}
.posting_content .step_content .stepbox .stepitem { font-weight: 600; font-size: 1.125rem; line-height: 1; color: rgba(73, 115, 176, 0.8);}
.posting_content .step_content .stepbox .stepitem .link { position: relative; padding-left: 31px; pointer-events: none;}
.posting_content .step_content .stepbox .stepitem .link::after { content: ""; border-radius: 50%; background: #8fbcff; border: 3px solid #237bff; width: 13px; aspect-ratio: 1 / 1; position: absolute; left: 3px; top: 50%; transform: translateY(-50%); box-sizing: border-box;}
.posting_content .step_content .stepbox .stepitem:last-child .link::after { top: calc(100% - 0.375em);}
.posting_content .step_content .stepbox .stepitem.on { font-weight: 800; font-size: 1.25rem; color: #2b73de;}
.posting_content .step_content .stepbox .stepitem.on .link::after { width: 19px; background: #fff; left: 0;}
.posting_content .step_content#step2 .formbox { gap: 1.5rem;}



/* 서비스 원고 진행 */
.status_content { padding-top: 4rem;}
.status_content .status_box { margin-bottom: 1.875rem;}
.status_content .status_box .page_titbox { gap: 0.938rem; margin-bottom: 1.875rem;}
.status_content .status_box .page_titbox img { width: 1.75rem;}
.status_content .status_box .page_titbox .txt { font-size: 2rem;}
.status_content .tbl_wrap {padding: 1.375rem 1.375rem 1.875rem;}
.status_content .tbl_wrap + .tbl_wrap {margin-top: 1.875rem;}
.status_content .tbl_wrap .tbl col.date { width:13%;}
.status_content .tbl_wrap .tbl col.order { width: 13%;}
.status_content .tbl_wrap .tbl col.name { width: 45%;}
.status_content .tbl_wrap .tbl col.status { width: 15%;}
.status_content .tbl_wrap .tbl col.manage { width: 14%;}
.status_content .tbl_wrap .tbl thead tr th .tit {height: 40px;}
.status_content .tbl_wrap .tbl thead tr th:last-child .tit { border-radius: 0 0.313rem 0.313rem 0;}
.status_content .tbl_wrap .tbl tbody tr td.name {text-align: center;}
.status_content.detail_content {max-width: 1288px;}
.status_content.detail_content .tbl_wrap .tbl.ver2 col.date { width:15%;}
.status_content.detail_content .tbl_wrap .tbl.ver2  col.order { width: 15%;}
.status_content.detail_content .tbl_wrap .tbl.ver2  col.name { width: 52%;}
.status_content.detail_content .tbl_wrap .tbl.ver2  col.status { width: 18%;}
.status_content.detail_content .tbl_wrap .tbl.ver3 col.chk { width: 80px;}
.status_content.detail_content .tbl_wrap .tbl.ver3 col.division { width: 14%;}
.status_content.detail_content .tbl_wrap .tbl.ver3 col.name { width: calc(100% - 80px - 14% - 16% - 14%);}
.status_content.detail_content .tbl_wrap .tbl.ver3 col.status { width: 16%;}
.status_content.detail_content .tbl_wrap .tbl.ver3 col.manage { width: 14%;}

.write_conetnt .page_titbox.detail_ver { padding: 0 1.25rem;}
.write_conetnt .write_div.opt_div { display: none;}
.write_conetnt .bo_w_link.write_div { display: none;}
.write_conetnt .bo_w_flie.write_div { display: none;}
.write_conetnt .formbox { gap: 0;  padding: 1.875rem 1.875rem 2.688rem;}
.write_conetnt .formbox .inputwrap {display: flex; flex-direction: column; gap: 1.25rem;}
.write_conetnt .formbox .inputbox .input_label { font-size: 1.25rem; padding: 0 0.5rem; margin-bottom: 0.5rem;}
.write_conetnt .formbox .inputbox.file {margin-top: 0.625rem;}
.write_conetnt .formbox .file_imgbox {margin-bottom: 0.5rem;}
.write_conetnt .tbl_btnbox .btn { height: 47px; font-weight: 700;}
.write_conetnt .tbl_btnbox .btn.btn_typeA { width: 202px;}
.write_conetnt .tbl_btnbox .btn.btn_typeB { width: 152px;}



/* 결제내역  */
.payHistory_content {padding-top: 4rem; max-width: 1485px;}
.payHistory_content .status_box { margin-bottom: 1.875rem;}
.payHistory_content .status_box .page_titbox { gap: 0.938rem; margin-bottom: 1.875rem;}
.payHistory_content .status_box .page_titbox > img { width: 1.75rem;}
.payHistory_content .status_box .page_titbox > .txt { font-size: 2rem;}
.payHistory_content .tbl_wrap {padding: 1.375rem 1.25rem 1.875rem;}
.payHistory_content .tbl_wrap .tbl tbody tr td.order,
.payHistory_content .tbl_wrap .tbl tbody tr td.method,
.payHistory_content .tbl_wrap .tbl tbody tr td.depositor,
.payHistory_content .tbl_wrap .tbl tbody tr td.price,
.payHistory_content .tbl_wrap .tbl tbody tr td.point,
.payHistory_content .tbl_wrap .tbl tbody tr td.name {font-weight: 700;;}



/* 내 정보 */
.mypage_content { max-width: 618px; padding-top: 5.375rem; margin: 0 auto;}
.mypage_content .page_titbox { gap: 0.938rem; margin-bottom: 1.875rem;}
.mypage_content .page_titbox > img { width: 2.063rem;}
.mypage_content .page_titbox > .txt { font-size: 2rem;}
.mypage_content .mypage_box { border-radius: 1.25rem; background: #fff; box-shadow: var(--box-shadow); padding: 1.875rem; display: flex; gap: 2.487rem;}
.mypage_content .mypage_box .mypage_item { width: 50%;}
.mypage_content .mypage_box .mypage_item > .title { font-weight: 700; font-size: 1.063rem; color: var(--text); margin-bottom: 1.25rem;}
.mypage_content .mypage_box .mypage_item .inputbox .input_label {font-size: 0.938rem; padding: 0 0.5rem;}
.mypage_content .mypage_box .mypage_item .inputbox + .inputbox { margin-top: 1.875rem;}
.mypage_content .inputbox .input_text:read-only {background: #e3e6ea;}
.mypage_content .mypage_box .mypage_item .btnbox { display: flex; align-items: center; justify-content: flex-end; gap: 0.375rem; margin-top: 1.25rem;}
.mypage_content .mypage_box .mypage_item .btnbox .btn { font-weight: 700; font-size: 0.875rem; color: #fff; border-radius: 0.5rem; padding: 0.375rem 0.625rem;}
.mypage_content .mypage_box .mypage_item .btnbox .btn.btn_typeA { background: #237bff;}
.mypage_content .mypage_box .mypage_item .btnbox .btn.btn_typeB { background: #f1554b;}
.mypage_content .mob_withdrawal_btn {display: none;}



/* 마케팅 칼럼 */