@charset "utf-8";

@import url("https://use.typekit.net/mmr0kdi.css"); /* font-family: "arsenica-variable", sans-serif; font-variation-settings: "opsz" 100, "wght" 400; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;400;500&display=swap'); /* font-family: 'Noto Serif KR', serif; */

.serif {font-family: 'Noto Serif KR', serif;}
.arsenica_t {font-family: "arsenica-variable",sans-serif; font-variation-settings: 'wght' 100, 'opsz' 100;}
.arsenica_l {font-family: "arsenica-variable",sans-serif; font-variation-settings: 'wght' 300, 'opsz' 100;}
.arsenica_r {font-family: "arsenica-variable",sans-serif; font-variation-settings: 'wght' 400, 'opsz' 100;}
.arsenica_m {font-family: "arsenica-variable",sans-serif; font-variation-settings: 'wght' 500, 'opsz' 100;}
.arsenica_db {font-family: "arsenica-variable",sans-serif; font-variation-settings: 'wght' 600, 'opsz' 100;}
.arsenica_b {font-family: "arsenica-variable",sans-serif; font-variation-settings: 'wght' 700, 'opsz' 100;}
.arsenica_eb {font-family: "arsenica-variable",sans-serif; font-variation-settings: 'wght' 800, 'opsz' 100;}


/* #content */
#content {position: relative;}
.img_box img {width: 100%;}
.block {display: block;}
.p_color01 {color: #761E6A;}
.p_color02 {color: #FFD2A8;}
.p_color03 {color: #B647A7;}
.ir_text {position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}
.highlighter {position: relative; z-index: 1;}
.highlighter::before {content: ''; display: block; width: 100%; height: 60%; background: rgba(255, 210, 168, .7); position: absolute; left: 0; bottom: 0; z-index: -1;}

section > .inner {padding: 160px 12.3%; box-sizing: border-box;}
section .title_text {font-weight: 700; font-size: 64px; letter-spacing: -1px; text-align: center; margin-bottom: 80px;}
section .title_text .add_text {display: block; font-weight: 400; font-size: .63em; line-height: 1.2em; margin-bottom: .2em;}
section .sub_title {font-size: 40px; font-weight: 700; line-height: 55px; letter-spacing: -1px; text-align: center; margin-bottom: .6em;}
section .sub_explain {text-align: center;}
section .sub_explain p {font-size: 32px; line-height: 42px; letter-spacing: -1px; margin-bottom: 1em;}
section .sub_explain p:last-of-type {margin-bottom: 0;}


.sub_visual {width: 100%; height: calc(100vh - 100px); background-image: url(../images/img_visual.png);
    background-repeat: no-repeat; background-position: top center; background-size: cover; position: relative;}


.definition {background-image: url(../images/img_signiture_bg.png); background-repeat: no-repeat; background-position: center; background-size: cover;}
.definition .inner {color: #fff; text-align: center;}
.definition .inner .title_text {display: inline-block; font-size: 40px; line-height: 33px; letter-spacing: -1px; padding: 15px 33px; border: 1.5px solid #fff; margin-bottom: 40px;}


.smas {background: #FAFAFA;}
.smas .inner {position: relative;}
.smas .inner .title_text {text-align: left; margin-bottom: 46px;}
.smas .inner .title_text .p_color01 {display: block;}
.smas .inner .sub_explain {width: 50%; text-align: left;}
.smas .inner .sub_explain strong {display: block; font-size: 40px; line-height: 33px; letter-spacing: -1px; margin-bottom: .6em;}
.smas .inner .sub_explain p {color: #505050;}
.smas .inner .img_box {width: 38%; position: absolute; top: 50%; right: 12.3%; transform: translateY(-50%);}


.compare  {position: relative;}
.compare  .inner {padding: 160px 12.3% 220px;}
.compare .inner .title_text {text-align: left; margin-bottom: 56px;}
.compare .inner .title_text .p_color01 {display: block;}
.compare .inner .compare_type {width: 28%; display: flex; justify-content: flex-end; overflow: hidden; position: absolute; top: 50%; right: 12.3%; transform: translateY(-50%);}
.compare .inner .compare_type li {display: none;}
.compare .inner .table_box {width: 60%; padding-top: calc(476/856 * 65%); background-image: url(../images/img_compare_table.png); 
    background-repeat: no-repeat; background-position: center; background-size: contain;}
.compare .inner .notice {width: 100%; font-size: 23px; line-height: 24px; letter-spacing: -1px; color: #fff; text-align: center; background: #53244D; padding: 18px 0;
    position: absolute; bottom: 0; left: 0;}


.range {background: #FAF7F9;}
.range .inner {padding: 160px 0 0; position: relative;}
.range .inner .title_text {margin-bottom: 50px;}
.range .inner .title_text .add_text {color: #505050;}
.range .inner .img_box {width: 70%; margin: 0 auto;}
.range .inner .notice {display: inline-block; font-size: 34px; line-height: 24px; letter-spacing: -1px; color: #FFD2A8; white-space: nowrap;
    padding: 19px 23px; position: absolute; bottom: 85px; left: 50%; transform: translateX(-50%);}
.range .inner .notice::before {content: ''; display: block; width: 100%; height: 100%; border-radius: 10px; background: #53244D; opacity: .9; /* mix-blend-mode: multiply; */
    position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1;}


.beforeafter .inner {padding: 160px 12.3% 240px; position: relative;}
.beforeafter .inner .title_box {text-align: center; margin-bottom: 40px;}
.beforeafter .inner .title_box span {display: inline-block; vertical-align: middle;}
.beforeafter .inner .title_box .arsenica_m {font-size: 75px; line-height: 140.5%;}
.beforeafter .inner .title_box .badge {width: 136px; height: 92px; background-position: center; background-repeat: no-repeat; background-size: contain; margin: 0 5.5px 0 15px;
    background-image: url(../images/icon_case_m.png);}
.beforeafter .inner .mySwiper {margin: 0 11%; overflow: hidden;}
.beforeafter .inner .mySwiper ul {display: flex;}
.beforeafter .inner .mySwiper ul li {display: flex; gap: 40px;}
.beforeafter .inner .mySwiper ul li .img_box {position: relative;}
.beforeafter .inner .mySwiper ul li .img_box .dimmed {width: 100%; height: calc(100% - 110px); background: rgba(0, 0, 0, .3); border-radius: 30px 30px 0 0;
    backdrop-filter: blur(30px) saturate(2); -webkit-backdrop-filter: blur(30px); position: absolute; top: 0; left: 0; z-index: 1;}
.beforeafter .inner .mySwiper ul li .img_box .dimmed .text_box {height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.beforeafter .inner .mySwiper ul li .img_box .dimmed .text_box strong {font-size: 28px; line-height: 44px; letter-spacing: -1px; color: #fff; text-align: center;}
.beforeafter .inner .mySwiper ul li .img_box .dimmed .text_box .btn_login {display: inline-block; border-bottom: 3px solid #fff; color: #fff; font-weight: 700; line-height: 1;}
.beforeafter .inner .mySwiper ul li .img_box img {border-radius: 30px;}
.beforeafter .inner .mySwiper ul li .img_box > p {width: 100%; height: 110px; line-height: 110px; font-size: 32px; font-weight: 700; text-align: center; color: #fff;
    background: #505050; border-radius: 0 0 30px 30px; position: absolute; bottom: 0; left: 0;}
.beforeafter .inner .swiper-button-prev, 
.beforeafter .inner .swiper-button-next {width: 75px; height: 75px; background-repeat: no-repeat; background-position: center; background-size: contain; margin-top: 5%;}
.beforeafter .inner .swiper-button-prev {background-image: url(../images/btn_prev.png); left: calc(16.66% - 75px);} 
.beforeafter .inner .swiper-button-next {background-image: url(../images/btn_next.png); right: calc(16.66% - 75px);}
.beforeafter .inner .swiper-button-prev::after, 
.beforeafter .inner .swiper-button-next::after {font-size: 0;}
.beforeafter .inner .swiper-pagination {bottom: 160px;}
.beforeafter .inner .swiper-pagination .swiper-pagination-bullet {width: 20px; height: 20px; background: #D9D9D9; opacity: .5; margin: 0 10px;}
.beforeafter .inner .swiper-pagination .swiper-pagination-bullet-active {background:#761E6A; opacity: 1;}


.recommend {background: #FAF7F9;}
.recommend .inner ul {width: 73%; margin: 0 auto;}
.recommend .inner ul li {display: flex; gap: 80px; align-items: center; margin-bottom: 35px; 
    background: #fff; box-shadow: 0 10px 10px 0 rgba(186, 150, 172, .3); padding: 13px 10% 22px;}
.recommend .inner ul li:last-child {margin-bottom: 0;}
/* .recommend .inner ul li:nth-child(2n-1) {background: #fff;}
.recommend .inner ul li:nth-child(2n) {background: #FBF7FC;} */
.recommend .inner ul li .num {font-family: 'Noto Serif KR', serif; font-size: 70px; font-weight: 200; line-height: 84.7px; letter-spacing: 3px;}
.recommend .inner ul li p {font-size: 34px; line-height: 50px; letter-spacing: -1px; color: #2E3032;}


.point_main {background: #502B4B;}
.point_main .inner .title_text {color: #fff;}
.point_main .inner ul {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.point_main .inner ul li {border-radius: 30px; background: #fff; padding: 44px 5%; text-align: center;}
.point_main .inner ul li .num {font-family: 'Noto Serif KR', serif; font-size: 32px; font-weight: 600; line-height: 120%;}
.point_main .inner ul li .icon_box {width: 50%; padding-top: 50%; margin: 20px auto; background-repeat: no-repeat; background-position: center; background-size: contain;}
.point_main .inner ul li p {font-size: 32px; line-height: 42px; letter-spacing: -1px; color: #333;}


.point .inner {padding: 0;}
.point .inner .con {padding: 160px 20%; text-align: center;}
.point .inner .con .num_badge {display: inline-block; padding: 26px 22px; border-radius: 50%; border: 2px solid #761E6A; 
    text-align: center; font-family: 'Noto Serif KR', serif; font-size: 36px; font-weight: 600; line-height: 120%; margin-bottom: 36px;}
.point .inner .con .title_text {margin-bottom: 70px;}
.point .inner .con .sub_text {font-size: 40px; line-height: 55px; letter-spacing: -1px; color: #333; margin-bottom: .6em;}

.point .inner .con01 .point_case {width: 90%; display: flex; border-radius: 30px; background: #FAF7F9; margin: 98px auto 0;}
.point .inner .con01 .point_case li {width: 50%; padding: 100px 5%; box-sizing: border-box; border: 4px solid #FAF7F9; position: relative;}
.point .inner .con01 .point_case li::after {content: 'Pick'; width: 115px; height: 115px; line-height: 115px; border-radius: 50%; 
    background: #761E6A; font-family: 'Noto Serif KR', serif; font-size: 38px; letter-spacing: -0.76px; color: #FFD2A8;
    position: absolute; top: -57.5px; left: 50%; transform: translateX(-50%); display: none;}
.point .inner .con01 .point_case li.on {border-color: #761E6A; border-radius: 30px;}
.point .inner .con01 .point_case li.on::after {display: block;}
.point .inner .con01 .point_case li p {font-size: 36px; line-height: 1.2em; letter-spacing: -1px;}
.point .inner .con01 .point_case li .img_box {width: 60%; margin: 12px auto;}

.point .inner .con02 {background: #FAFAFA;}
.point .inner .con02 .img_box {width: 50%; margin: 47px auto 30px;}
.point .inner .con02 .img_box p {display: inline-block; border-radius: 5px; background: #53244D; padding: 15.5px 26px; margin-top: 58px;
    font-size: 24px; letter-spacing: -1px; color: #fff; position: relative;}
.point .inner .con02 .img_box p::before {content: ''; display: block; width: 0; height: 0;
    border-bottom: 30px solid #53244D; border-left: 18px solid transparent; border-right: 18px solid transparent;
    position: absolute; top: -22px; left: 50%; transform: translateX(-50%);}

.point .inner .con04 {background: #FAF7F9; position: relative;}
.point .inner .con04::before {content: ''; display: block; width: 40%; padding-top: 45%; position: absolute; right: 2%; bottom: 0;
    background-image: url(../images/img_model.png); background-position: right bottom; background-repeat: no-repeat; background-size: contain;}
.point .inner .con04 .inner {position: relative; z-index: 2;}
.point .inner .con04 .inner ul {width: 100%; display: flex; gap: 50px; margin: 70px auto 0;}
.point .inner .con04 .inner ul li {width: 50%; background-color: #fff; box-shadow: 0 8px 18px 0 rgba(85, 85, 85, .2);}
.point .inner .con04 .inner ul li p {background: #761E6A; height: 75px; line-height: 75px; 
    font-size: 32px; font-weight: 500; letter-spacing: -1px; color: #fff;}
.point .inner .con04 .inner ul li span {display: block;font-size: 32px; color: #333; padding: 45px 5% 50px;}


.advantage {background: #502B4B; color: #fff;}
.advantage .inner {position: relative;}
.advantage .inner .title_text {text-align: left;}
.advantage .inner table {width: 45%; border: 1px solid #fff; margin-bottom: 30px;}
.advantage .inner table tr {height: 57px; font-size: 32px; line-height: 42px; letter-spacing: -1px; border-bottom: 1px solid #fff;}
.advantage .inner table tr:last-of-type {border-bottom: none;}
.advantage .inner table tr th {font-weight: 700; padding: 0 25px; border-right: 1px solid #fff;}
.advantage .inner table tr td {padding: 0 26px;}
.advantage .inner .img_box {width: 35%; position: absolute; top: 50%; right: 12.3%; transform: translateY(-50%);}
.advantage .inner .sub_explain {width: 55%; text-align: left;}


.method .inner {padding: 160px 12% 220px; position: relative;}
.method .inner .title_text {margin-bottom: 50px;}
.method .inner ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 80px;}
.method .inner ul li {border: 1px solid rgba(83, 36, 77, .4);}
.method .inner ul li.on {border: 1.5px solid #B647A7;}
.method .inner ul li .text_box {padding: 36px 2%; text-align: center; color: #333;}
.method .inner ul li .text_box .num {font-family: 'Noto Serif KR', serif; font-size: 30px; font-weight: 500; line-height: 45px;}
.method .inner ul li .text_box p {font-size: 28px; line-height: 1.3em; letter-spacing: -1px; margin-top: .5em; color: #505050;}
.method .inner ul li .text_box .notice {font-size: 20px; line-height: 35px;}
.method .inner ul li .text_box p .p_color03 {font-size: 26px;}
.method .inner > .notice {width: 100%; font-size: 23px; line-height: 24px; letter-spacing: -1px; color: #fff; text-align: center;
    background: #53244D; padding: 18px 0; position: absolute; bottom: 0; left: 0;}


.care_type {background: #FAF7F9;}
.care_type .con {margin-bottom: 100px;}
.care_type .con:last-of-type {margin-bottom: 0;}
.care_type .con ul {display: flex; align-items: center; margin-bottom: 50px;}
.care_type .con ul li {width: 50%; box-sizing: border-box;}
.care_type .con ul .img_box {position: relative;}
.care_type .con ul .img_box img {border-radius: 30px;}
.care_type .con ul .img_box p {width: 100%; position: absolute; bottom: 25px; left: 0; }
.care_type .con ul .img_box p strong {display: inline-block; color: #FFD2A8; text-align: center; margin-bottom: 10px;
    font-size: 28px; line-height: 40px; letter-spacing: -1px; padding: 3px 23px; background: #761E6A;}
.care_type .con ul .img_box p .notice {display: block; color: #fff; font-size: 21px; line-height: 30px; letter-spacing: -1px; padding: 0 1em;}
.care_type .con ul .text_box {padding: 38px 4%;}
.care_type .con ul .text_box dl dt span {display: inline-block; font-size: 40px; font-weight: 700; line-height: 120%; letter-spacing: -1px; 
    padding: 30px 26px; border-radius: 50%; border: 2px solid #761E6A; text-align: center; margin-bottom: 30px;}
.care_type .con ul .text_box dl dd {font-size: 32px; line-height: 1.3em; letter-spacing: -1px; color: #505050;}
.care_type .con .explain {border: 2px solid #761E6A; background: #fff; padding: 70px 5%; text-align: center;}
.care_type .con .explain p {color: #333; font-size: 32px; line-height: 42px; letter-spacing: -1px;}
.care_type .con .explain p.notice {font-size: 1.5rem; color: #B647A7;}


.care_program {position: relative;}
.care_program .inner {padding: 160px 12.3% 220px;}
.care_program .inner ul {display: grid; grid-template-columns: repeat(3, 1fr);}
.care_program .inner ul li {padding: 96px 35px 0; margin-top: 100px; border-top: 1px dashed #505050; position: relative;}
.care_program .inner ul li .num {display: block; width: 76px; height: 76px; line-height: 76px; 
    font-family: 'Noto Serif KR', serif; font-size: 35px; font-weight: 500; color: #fff; text-align: center;
    background: #B647A7; border-radius: 50%; position: absolute; top: -38px; left: 50%; transform: translateX(-50%);}
.care_program .inner ul li .img_box img {border-radius: 30px;}
.care_program .inner ul li .text_box {padding: 30px 0; text-align: center; }
.care_program .inner ul li .text_box dt {font-size: 30px; font-weight: 700; line-height: 45px; letter-spacing: -1px; color: #333; margin-bottom: .3em;}
.care_program .inner ul li .text_box dd {font-size: 28px; line-height: 38px; letter-spacing: -1px; color: #505050;}
.care_program .inner > .notice {width: 100%; font-size: 23px; line-height: 24px; letter-spacing: -1px; color: #fff; text-align: center;
    background: #53244D; padding: 18px 0; position: absolute; bottom: 0; left: 0;}


.caution {background-image: url(../images/img_management_bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; color: #fff;}
.caution .inner .title_text {font-weight: 400; margin-bottom: .6em;}
.caution .inner .sub_title {font-size: 40px; font-weight: 500; line-height: 55px; letter-spacing: -1px; margin-bottom: .8em;}
.caution .inner .sub_explain p {font-weight: 300; font-size: 30px; line-height: 1.5em; margin-bottom: .8em;}
.caution .inner .sub_explain p strong {font-weight: 500;}


.together .inner .title_text .p_color01 {display: block;}
.together .inner .title_text .m_color {display: block;}
.together .inner ul {width: 88.2%; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px;}
.together .inner ul li {border-radius: 30px; overflow: hidden; padding: 50px 8%; background-repeat: no-repeat; background-position: center right; background-size: auto 100%;}
.together .inner ul li p {font-size: 24px; line-height: 34px; letter-spacing: -1px; margin-bottom: 52px;}
.together .inner ul li p strong {display: block; font-size: 44px; font-weight: 600; line-height: normal; margin-top: 8px;}
.together .inner ul li .btn_more {display: inline-block; height: 62px; line-height: 62px; font-size: 24px; font-weight: 500; 
    padding: 0 30px; border-radius: 180px; background: #fff;}
.together .inner ul li .btn_more span {display: inline-block; vertical-align: middle;}
.together .inner ul li .btn_more span::after {content: ''; display: inline-block; width: 24px; height: 24px; margin-left: 12px;
    background: url(../images/icon_arrow.png) center no-repeat; background-size: contain; vertical-align: -3px;}
/* .together .inner ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px;}
.together .inner ul li {position: relative;}
.together .inner ul li::before {content: ''; display: block; width: 100%; height: 90%; background: #FAF7F9; border-radius: 50px 50px 0 0; 
    position: absolute; bottom: 0; left: 0; z-index: 0;}
.together .inner ul li .text_box {height: 100%; box-sizing: border-box; padding: 113px 2% 56px 57%;
    background-repeat: no-repeat; background-position: center left; background-size: auto 100%;
    display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; position: relative; z-index: 2;}
.together .inner ul li p {font-size: 24px; line-height: 34px; letter-spacing: -1px; margin-bottom: 26px; color: #505050;}
.together .inner ul li p strong {display: block; font-size: 44px; font-weight: 600; line-height: 1.2em; letter-spacing: -1.76px; margin-bottom: .2em;}
.together .inner ul li .btn_more {display: inline-block; height: 57px; line-height: 57px; font-size: 24px; font-weight: 500; letter-spacing: -1px; color: #333;
    padding: 0 22px 0 27px; border: 1.5px solid #505050; background: #FAF7F9; box-sizing: border-box;}
.together .inner ul li .btn_more span {display: inline-block; vertical-align: middle;}
.together .inner ul li .btn_more span::after {content: ''; display: inline-block; width: 38px; height: 12px; margin-left: 42.5px;
    background: url(../images/icon_arrow.png) center no-repeat; background-size: contain; vertical-align: 3px;} */


/* PC (해상도 1440px ~ 1540px) */
@media screen and (max-width:1540px) {
    section > .inner {padding: 160px 10%;}
    .smas .inner .img_box {right: 10%;}
    .smas .inner .sub_explain p {font-size: 20px; line-height: 1.5em;}
    .compare .inner {padding: 160px 10% 220px;}
    .compare .inner .compare_type {right: 10%;}
    .beforeafter .inner {padding: 160px 10% 240px;}
    .beforeafter .inner .swiper-button-prev {left: calc(15% - 75px);} 
    .beforeafter .inner .swiper-button-next {right: calc(15% - 75px);}
    .recommend .inner ul {width: 90%;}
    .point .inner .con {padding: 160px 5%;}
    .advantage .inner .img_box {right: 10%;}
    .method .inner {padding: 160px 10% 220px;}
    .care_program .inner {padding: 160px 10% 220px;}
    .together .inner ul {width: 100%;}
    /* .together .inner ul li .text_box {padding: 113px 2% 56px 45%;} */
}
/* PC (해상도 1058px ~ 1440px) */
@media screen and (max-width:1440px) {
    section > .inner {padding: 160px 8%;}
    .smas .inner .img_box {right: 8%;}
    .compare .inner {padding: 160px 8% 220px;}
    .compare .inner .compare_type {right: 8%;}
    .beforeafter .inner {padding: 160px 8% 240px;}
    .advantage .inner .title_text {text-align: center;}
    .advantage .inner .img_box {width: 80%; position: relative; top: 0; right: 0; transform: translateY(0); margin: 45px auto;}
    .advantage .inner table {width: 100%;}
    .advantage .inner .sub_explain {width: 100%;}
    .method .inner {padding: 160px 8% 220px;}
    .care_program .inner {padding: 160px 8% 220px;}
    /* .together .inner ul {grid-template-columns: repeat(1, 1fr); gap: 20px;}
    .together .inner ul li .text_box {padding: 113px 2% 56px 55%;} */
}
/* PC (해상도 1024px ~ 1058px) */
@media screen and (max-width:1058px) {
    section > .inner {padding: 160px 6%;}
    .smas .inner .img_box {right: 6%;}
    .compare .inner {padding: 160px 6% 220px;}
    .compare .inner .compare_type {right: 6%;}
    .beforeafter .inner {padding: 160px 6% 240px;}
    .method .inner {padding: 160px 6% 220px;}
    .care_program .inner {padding: 160px 6% 220px;}
}


/* 태블릿 (해상도 769px ~ 1024px) */
@media screen and (max-width:1024px) {
    /* content */
    section > .inner {padding: 120px 5%;}  
    section .title_text {margin-bottom: 60px;}
    section .sub_title {font-size: 36px; line-height: 48px;}
    section .sub_explain p {font-size: 24px; line-height: 38px;}


    .sub_visual {height: 0; padding-top: calc(1142/768 * 100%); background-image: url(../images/img_visual_tab.png); background-position: center bottom;}
    
    
    .definition {background-image: url(../images/img_signiture_bg_tab.png);}
    .definition .inner .title_text {font-size: 44px; line-height: 33px; letter-spacing: -1.76px; padding: 12px 22px; border: 1px solid #fff; margin-bottom: 52px;}
    .definition .inner .sub_explain p {font-weight: 300; color: rgba(255, 255, 255, .8);}
    .definition .inner .sub_explain p .block {display: inline;}
    .definition .inner .sub_explain p i {display: block;}

    
    .smas .inner .title_text {margin-bottom: 0;}
    .smas .inner .title_text .p_color01 {display: block;}
    .smas .inner .sub_explain {width: 100%; text-align: left;}
    .smas .inner .sub_explain strong {font-weight: 600; font-size: 43px; line-height: 1.2em; letter-spacing: -1.72px; margin-bottom: .6em;}
    .smas .inner .sub_explain p {font-size: 32px; line-height: 48px;}
    .smas .inner .img_box {width: 100%; position: relative; top: 40px; right: 0; transform: translateY(0);}


    .compare .inner {padding: 120px 5% 223px;}
    .compare .inner .title_text {margin-bottom: 16px;}
    .compare .inner .compare_type {width: 100%; justify-content: flex-start; position: relative; top: 0; right: 0; transform: translateY(0); margin-bottom: 40px;}
    .compare .inner .compare_type li {width: 85%;}
    .compare .inner .table_box {width: 100%; padding-top: calc(824/680 * 100%); background-image: url(../images/img_compare_table_tab.png);}
    .compare .inner .notice {font-size: 26px; line-height: 1em; padding: 20px 0;}


    .range .inner {padding: 120px 0 0;}
    .range .inner .title_text {margin-bottom: 60px;}
    .range .inner .title_text .p_color01 {display: block;}
    .range .inner .img_box {width: 100%;}
    .range .inner .notice {width: 90%; box-sizing: border-box; font-size: 30px; line-height: 36px; text-align: center; padding: 24px 5%; bottom: 60px;}
    .range .inner .notice i {display: block;}


    .beforeafter .inner {padding: 120px 5% 220px;}
    .beforeafter .inner .title_box {margin-bottom: 30px;}
    .beforeafter .inner .title_box i {display: block;}
    .beforeafter .inner .title_box .arsenica_m {line-height: 1.2em;}
    .beforeafter .inner .title_box .badge {width: 142px; height: 93px; margin: 0 5.7px 0 0;}
    .beforeafter .inner .mySwiper {margin: 0;}
    .beforeafter .inner .mySwiper ul li {gap: 20px;}
    .beforeafter .inner .mySwiper ul li .img_box .dimmed {height: calc(100% - 64px);}
    .beforeafter .inner .mySwiper ul li .img_box .dimmed .text_box strong {font-size: 24px; line-height: 36px;}
    .beforeafter .inner .mySwiper ul li .img_box .dimmed .text_box .btn_login {border-bottom: 2px solid #fff;}
    .beforeafter .inner .mySwiper ul li .img_box > p {height: 64px; line-height: 64px;}
    .beforeafter .inner .swiper-button-prev, 
    .beforeafter .inner .swiper-button-next {display: none;}
    .beforeafter .inner .swiper-pagination {bottom: 120px;}


    .recommend .inner ul {width: 100%;}
    .recommend .inner ul li {gap: 52px; box-shadow: 0 8px 18px 0 rgba(85, 85, 85, .2); padding: 15px 8%;}
    .recommend .inner ul li .num {font-size: 90px; line-height: 108.9px; letter-spacing: 1px;}
    .recommend .inner ul li p {font-size: 32px; line-height: 42px; letter-spacing: -1px; color: #333;}
    .recommend .inner ul li p i {display: block;}


    .point_main .inner .title_text .p_color02 {display: block;}
    .point_main .inner ul {grid-template-columns: repeat(2, 1fr); gap: 30px;}
    .point_main .inner ul li {padding: 50px 5%;}
    .point_main .inner ul li .icon_box {margin: 8px auto;}
    .point_main .inner ul li p {font-size: 34px;}


    .point .inner .con {padding: 120px 5%;}
    .point .inner .con .num_badge {padding: 26px 24px;}
    .point .inner .con .title_text {margin-bottom: 60px;}
    .point .inner .con .sub_text {font-size: 44px; line-height: 56px;}
    
    .point .inner .con01 .title_text .p_color01 {display: block;}
    .point .inner .con01 .sub_text .highlighter:first-of-type {display: block;}
    .point .inner .con01 .sub_text .highlighter:first-of-type::before {display: none;}
    .point .inner .con01 .sub_explain i {display: block;}
    .point .inner .con01 .point_case {width: 100%; margin: 115px auto 0;}
    .point .inner .con01 .point_case li {padding: 102px 5% 72px;}
    .point .inner .con01 .point_case li i {display: block;}
    .point .inner .con01 .point_case li p {font-size: 35px;}
    .point .inner .con01 .point_case li .img_box {width: 100%; margin: 0 auto;}
    
    .point .inner .con02 .sub_explain i {display: block;}
    .point .inner .con02 .img_box {width: 100%; margin: 40px auto;}

    .point .inner .con03 .title_text .p_color01 {display: block;}
    .point .inner .con03 .sub_text .highlighter:first-of-type {display: block;}
    .point .inner .con03 .sub_text .highlighter:first-of-type::before {display: none;}
    .point .inner .con03 .img_box {width: 112%; position: relative; left: -5.5%; margin: -20px 0;}
    .point .inner .con03 .sub_explain .block {display: inline;}
    .point .inner .con03 .sub_explain i {display: block;}

    .point .inner .con04 .sub_text {text-align: left;}
    .point .inner .con04 .sub_text i {display: block;}
    .point .inner .con04 .sub_text .highlighter::before {display: none;}
    .point .inner .con04 .sub_explain {text-align: left;}
    .point .inner .con04 .sub_explain .block {display: inline;}
    .point .inner .con04 .sub_explain i {display: block;}
    .point .inner .con04::before {width: 80%; padding-top: calc(975/662* 80%); right: -12%;}
    .point .inner .con04 .inner ul {width: 60%; flex-direction: column; gap: 25px; margin: 40px 0;}
    .point .inner .con04 .inner ul li {width: 100%; box-shadow: 0 8px 18px 0 rgba(85, 85, 85, .2);}
    .point .inner .con04 .inner ul li p {height: 82px; line-height: 82px; font-size: 34px;}
    .point .inner .con04 .inner ul li span {font-size: 30px; line-height: 45px; letter-spacing: -1px; padding: 30px 5% 38px;}
    .point .inner .con04 .inner ul li span .p_color01 {font-size: 36px;}


    .advantage {position: relative;}
    .advantage::before {content: ''; display: block; width: 100%; height: 120px; border-radius: 50px 50px 0 0; background: inherit; position: absolute; bottom: calc(100% - 1px); left: 0;}
    .advantage .inner {padding: 0 5% 120px;}
    .advantage .inner .title_text {text-align: center;}
    .advantage .inner table {margin-bottom: 70px;}
    .advantage .inner table tr {height: 58px; font-size: 34px; line-height: 45px;}
    .advantage .inner table tr th {font-weight: 700; padding: 0 22px;}
    .advantage .inner table tr td {padding: 0 20px;}
    .advantage .inner .sub_explain {text-align: center;}
    .advantage .inner .sub_explain .block {display: inline;}
    .advantage .inner .sub_explain i {display: block;}


    .method .inner {padding: 120px 5% 220px;}
    .method .inner .title_text {margin-bottom: 25px;}
    .method .inner .title_text .p_color01 {display: block;}
    .method .inner .sub_explain .p_color03 {display: block;}
    .method .inner ul {grid-template-columns: repeat(1, 1fr); gap: 40px;}
    .method .inner ul li .text_box {padding: 49px 2%;}
    .method .inner ul li .text_box .num {font-size: 46px; line-height: 1.2em;}
    .method .inner ul li .text_box p {font-size: 36px;}
    .method .inner ul li .text_box .notice {font-size: 24px; line-height: 35px;}
    .method .inner ul li .text_box p .p_color03 {font-size: 30px; line-height: 1.2em;}
    .method .inner > .notice {font-size: 26px; line-height: 32px; padding: 20px 0;}
    .method .inner > .notice i {display: block;}


    .care_type .inner .title_text .p_color01 {display: block;}
    .care_type .con {position: relative; padding-top: 108px; margin-top: 157px; border-top: 2px solid #761E6A;}
    .care_type .con ul {flex-direction: column; margin-bottom: 14px;}
    .care_type .con ul li {width: 100%;}
    .care_type .con ul .img_box p {text-align: center; bottom: 20px; left: 50%; transform: translateX(-50%);}
    .care_type .con ul .img_box p strong {margin-bottom: 10px; padding: 5px 20px;}
    .care_type .con ul .img_box p .notice {font-size: 22px;}
    .care_type .con ul .text_box {padding: 46px 2%; text-align: center;}
    .care_type .con ul .text_box dl dt {position: absolute; top: -58px; left: 50%; transform: translateX(-50%); z-index: 2;}
    .care_type .con ul .text_box dl dt::before {content: ''; display: block; width: 7px; height: 7px; border-radius: 50%; background: #761E6A; 
        position: absolute; top: 51%; left: -12%; transform: translateY(-50%); z-index: 2;}
    .care_type .con ul .text_box dl dt::after {content: ''; display: block; width: 7px; height: 7px; border-radius: 50%; background: #761E6A; 
        position: absolute; top: 51%; right: -12%; transform: translateY(-50%); z-index: 2;}
    .care_type .con ul .text_box dl dt span {padding: 30px 32px; background: #FAF7F9; margin-bottom: 0;}
    .care_type .con ul .text_box dl dt span::before {content: ''; display: block; width: 120%; height: 100%;
        background: #FAF7F9; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}
    .care_type .con .explain i {display: block;}


    .care_program .inner {padding: 120px 5% 140px;}
    .care_program .inner .title_text .p_color01,
    .care_program .inner .sub_title i,
    .care_program .inner .sub_explain i {display: block;}
    .care_program .inner ul {grid-template-columns: repeat(1, 1fr); margin-top: 77px;}
    .care_program .inner ul li {padding: 0 0 0 20%; border-top: none; margin-top: 0;}
    .care_program .inner ul li::before {content: ''; display: block; width: 1px; height: 100%; background: #505050; position: absolute; left: 6%; top: 0;}
    .care_program .inner ul li:first-child:before {height: 70%; top: auto; bottom: 0;}
    .care_program .inner ul li:last-child:before {height: 30%;}
    .care_program .inner ul li .num {width: 92px; height: 92px; line-height: 92px; font-size: 46px; top: 25%; left: 0; transform: translateX(0);}
    .care_program .inner ul li .text_box {padding: 35px 0 80px; text-align: left;}
    .care_program .inner ul li .text_box dt {font-size: 40px; line-height: 46px;}
    .care_program .inner ul li .text_box dd {font-size: 30px;}
    .care_program .inner > .notice {font-size: 26px; line-height: 32px;}


    .caution {background-image: url(../images/img_management_bg_mo.png);}
    .caution .inner .title_text strong {display: block;}
    .caution .inner .sub_title {font-size: 38px; font-weight: 400; line-height: 48px;}
    .caution .inner .sub_explain p {font-weight: 400; font-size: 32px;}
    .caution .inner .sub_explain p strong {font-weight: 400;}
    .caution .inner .sub_explain p i {display: block;}


    .together .inner ul {gap: 20px;}
    .together .inner ul li {padding: 24px 8%;}
    .together .inner ul li p {font-size: 16px; line-height: 20px; margin-bottom: 15px;}
    .together .inner ul li p strong {font-size: 30px; line-height: 30px; margin-top: 4px;}
    .together .inner ul li p i {display: block;}
    .together .inner ul li .btn_more {height: 32px; line-height: 32px; font-size: 14px; padding: 0 16px; border-radius: 100px;}
    .together .inner ul li .btn_more span::after {width: 12px; height: 12px; margin-left: 6px; vertical-align: -1px;}
    /* .together .inner ul {gap: 16px;}
    .together .inner ul li::before {border-radius: 52px 52px 0 0;}
    .together .inner ul li .text_box {padding: 75px 2% 75px 57%;}
    .together .inner ul li p {font-size: 28px; line-height: 34px; margin-bottom: 32px; display: flex; flex-direction: column; justify-content: center;}
    .together .inner ul li p strong {font-size: 40px; font-weight: 700; letter-spacing: -1px;}
    .together .inner ul li .btn_more {height: 58px; line-height: 58px; font-size: 28px; font-weight: 400; padding: 0 22px 0 23px;} */
}

/* 모바일 가로, 모바일 세로 (해상도 375px ~ 768px)*/
@media screen and (max-width:768px) {
    .wrap { min-width: 375px; }
    /* content */
    section > .inner {padding: 60px 5%;}
    section .title_text {font-size: 34px; line-height: 44px; margin-bottom: 40px;}
    section .sub_title {font-size: 22px; line-height: 1.2em; margin-bottom: 20px;}
    section .sub_explain p {font-size: 16px; line-height: 24px;}


    .sub_visual {padding-top: calc(557/375 * 100%);  background-image: url(../images/img_visual_mo.png);  background-size: 100% auto; background-color: #5F305A;}
    
    
    .definition {background-image: url(../images/img_signiture_bg_mo.png);}
    .definition .inner .title_text {font-size: 22px; line-height: 1.2em; letter-spacing: -1px; padding: 6px 12px; border: 1px solid rgba(255, 255, 255, .75); margin-bottom: 25px;}

    
    .smas .inner .sub_explain strong {font-size: 22px; letter-spacing: -1px;}
    .smas .inner .sub_explain p {font-size: 16px; line-height: 24px;}
    .smas .inner .img_box {width: 100%; position: relative; top: 8px; right: 0; transform: translateY(0);}


    .compare .inner {padding: 60px 5% 93px;}
    .compare .inner .title_text {margin-bottom: 18px;}
    .compare .inner .compare_type {margin-bottom: 20px;}
    .compare .inner .table_box {padding-top: calc(423/330 * 100%); background-image: url(../images/img_compare_table_mo.png);}
    .compare .inner .notice {font-size: 14px; padding: 10px 0;}


    .range .inner {padding: 60px 0 0;}
    .range .inner .title_text {margin-bottom: 40px;}
    .range .inner .notice {font-size: 14px; line-height: 18px; padding: 12px 5%; bottom: 30px;}


    .beforeafter .inner {padding: 60px 5% 107.5px;}
    .beforeafter .inner .title_box {margin-bottom: 15.5px;}
    .beforeafter .inner .title_box .arsenica_m {font-size: 37.5px;}
    .beforeafter .inner .title_box .badge {width: 68px; height: 45px; margin: 0 3px 0 0;}
    .beforeafter .inner .mySwiper ul li {gap: 10px;}
    .beforeafter .inner .mySwiper ul li .img_box .dimmed {height: calc(100% - 30px); border-radius: 15px 15px 0 0;}
    .beforeafter .inner .mySwiper ul li .img_box .dimmed .text_box strong {font-size: 14px; line-height: 20px;}
    .beforeafter .inner .mySwiper ul li .img_box img {border-radius: 15px;}
    .beforeafter .inner .mySwiper ul li .img_box > p {height: 30px; line-height: 30px; font-size: 12px; border-radius: 0 0 15px 15px;}
    .beforeafter .inner .swiper-pagination {bottom: 60px;}
    .beforeafter .inner .swiper-pagination .swiper-pagination-bullet {width: 10px; height: 10px; margin: 0 4px;}  


    .recommend .inner ul li {gap: 24px; margin-bottom: 17.5px; box-shadow: 0 4px 9px 0 rgba(85, 85, 85, .2); padding: 7.5px 8%;}
    .recommend .inner ul li .num {font-size: 45px; line-height: 54.45px; letter-spacing: .5px;}
    .recommend .inner ul li p {font-size: 16px; line-height: 20px;}


    .point_main .inner ul {gap: 15px;}
    .point_main .inner ul li {border-radius: 15px; padding: 17.5px 5% 27px;}
    .point_main .inner ul li .num {font-size: 16px;}
    .point_main .inner ul li .icon_box {margin: 0 auto;}
    .point_main .inner ul li p {font-size: 16px; line-height: 20px;}


    .point .inner .con {padding: 60px 5%;}
    .point .inner .con .num_badge {padding: 13px 11px; border: 1px solid #761E6A; font-size: 18px; margin-bottom: 18px;}
    .point .inner .con .title_text {margin-bottom: 20px;}
    .point .inner .con .sub_text {font-size: 22px; line-height: 25px;}
    
    .point .inner .con01 .point_case {border-radius: 15px; margin: 48px auto 0;}
    .point .inner .con01 .point_case li {padding: 50px 5% 28px; border: 2px solid #FAF7F9;}
    .point .inner .con01 .point_case li::after {width: 58px; height: 58px; line-height: 58px; font-size: 19px; letter-spacing: -0.38px; top: -29px;}
    .point .inner .con01 .point_case li.on {border-radius: 15px;}
    .point .inner .con01 .point_case li p {font-size: 16px;}
    
    .point .inner .con02 .img_box p {border-radius: 2.5px; padding: 4px 8px; margin-top: 14px; font-size: 14px;}
    .point .inner .con02 .img_box p::before {border-bottom: 14px solid #53244D; border-left: 7px solid transparent; border-right: 7px solid transparent; top: -12px;}
    
    .point .inner .con04::before {width: 75%; padding-top: calc(975/662* 75%); right: -9%;}
    .point .inner .con04 .inner ul {width: 60%; gap: 13px; margin: 20px 0;}
    .point .inner .con04 .inner ul li {box-shadow: 0 4px 9px 0 rgba(85, 85, 85, .2);}
    .point .inner .con04 .inner ul li p {height: 40px; line-height: 40px; font-size: 16px;}
    .point .inner .con04 .inner ul li span {font-size: 14px; line-height: 22px; letter-spacing: -1px; padding: 18px 5%;}
    .point .inner .con04 .inner ul li span .p_color01 {font-size: 18px;}


    .advantage::before {height: 60px; border-radius: 25px 25px 0 0;}
    .advantage .inner {padding: 0 5% 60px;}
    .advantage .inner table {margin-bottom: 34px;}
    .advantage .inner table tr {height: 28px; font-size: 16px; line-height: 22px;}
    .advantage .inner table tr th {padding: 0 13px;}
    .advantage .inner table tr td {padding: 0 10px;}
    .advantage .inner .img_box {margin: 0 auto 24px;}

   
    .method .inner {padding: 60px 5% 110px;}
    .method .inner .title_text {margin-bottom: 5px;}
    .method .inner ul {gap: 20px; margin-top: 36px;}
    .method .inner ul li .text_box {padding: 18px 2%;}
    .method .inner ul li .text_box .num {font-size: 22.5px;}
    .method .inner ul li .text_box p {font-size: 16px;}
    .method .inner ul li .text_box .notice {font-size: 12px; line-height: 22px;}
    .method .inner ul li .text_box p .p_color03 {font-size: 14px;}
    .method .inner > .notice {font-size: 14px; line-height: 16px; padding: 10px 0;}


    .care_type .con {padding-top: 53px; margin-top: 68px; border-top: 1px solid #761E6A;}
    .care_type .con ul {margin-bottom: 15px;}
    .care_type .con ul .img_box p {bottom: 5px;}
    .care_type .con ul .img_box p .notice {font-size: 11px;}
    .care_type .con ul .img_box p strong {font-size: 14px; line-height: 20px; margin-bottom: 5px;}
    .care_type .con ul .text_box {padding: 22.5px 2%;}
    .care_type .con ul .text_box dl dt {top: -30px;}
    .care_type .con ul .text_box dl dt::before {width: 3.5px; height: 3.5px; top: 51%; left: -12%;}
    .care_type .con ul .text_box dl dt::after {width: 3.5px; height: 3.5px; top: 51%; right: -12%;}
    .care_type .con ul .text_box dl dt span {padding: 15px 16px; font-size: 20px;}
    .care_type .con ul .text_box dl dd {font-size: 16px; line-height: 22px;}
    .care_type .con .explain {border: 1px solid #761E6A; padding: 35px 5%;}
    .care_type .con .explain p {font-size: 16px; line-height: 24px;}
    .care_type .con .explain p.notice {font-size: .8rem;}


    .care_program .inner {padding: 60px 5% 58px;}
    .care_program .inner ul {margin-top: 37px;}
    .care_program .inner ul li::before {left: 6.5%;}
    .care_program .inner ul li .num {width: 45px; height: 45px; line-height: 45px; font-size: 22.5px;}
    .care_program .inner ul li .img_box img {border-radius: 15px;}
    .care_program .inner ul li .text_box {padding: 17.5px 0 35px;}
    .care_program .inner ul li .text_box dt {font-size: 20px; line-height: 22px;}
    .care_program .inner ul li .text_box dd {font-size: 16px; line-height: 20px;}
    .care_program .inner > .notice {font-size: 14px; line-height: 1.2em;}
    
    
    .caution .inner .sub_title {font-size: 20px; line-height: 29px;}
    .caution .inner .sub_explain p {font-size: 17px; line-height: 1.5em; margin-bottom: .8em;}


    .together .inner ul {grid-template-columns: repeat(1, 1fr);}
    .together .inner ul li {border-radius: 15px; padding: 24px 5%;}
    .together .inner ul li p {font-size: 16px; line-height: 18px; margin-bottom: 32px;}
    .together .inner ul li p i {display: inline;}
    .together .inner ul li p strong {font-size: 24px; line-height: 28px;}
    /* .together .inner ul {gap: 8px;}
    .together .inner ul li::before {border-radius: 25px 25px 0 0;}
    .together .inner ul li .text_box {padding: 32px 2% 26.5px 52%;}
    .together .inner ul li p {font-size: 16px; line-height: 18px; margin-bottom: 14px;}
    .together .inner ul li p strong {font-size: 24px;}
    .together .inner ul li .btn_more {height: 28.5px; line-height: 27.5px; font-size: 14px; padding: 0 12px 0 12px; border: 1px solid #505050;}
    .together .inner ul li .btn_more span::after {width: 18px; height: 5px; margin-left: 18px; vertical-align: 3px;} */
}