@charset "utf-8";

/* #content */
.img_box img {width: 100%;}
.block {display: block;}
.pc_block {display: block;}
.mo_block {display: inline;}
.p_color {color: #B742E5;}

section > .inner {padding: 160px 16.66%;box-sizing: border-box;}
section .inner .title_text {font-weight: 700;font-size: 64px;letter-spacing: -1px;text-align: center;margin-bottom: 80px;}
section .inner .title_text .add_text {display: block;font-weight: 400;font-size: .63em;margin-bottom: .5em;}
section .inner .sub_title {font-size: 40px;font-weight: 600;line-height: 58px;letter-spacing: -1px;text-align: center;}
section .inner .sub_explain p {font-size: 28px;line-height: 42px;letter-spacing: -1px;text-align: center;margin-bottom: 1em;}
section .inner .sub_explain p:last-of-type {margin-bottom: 0;}
section .inner .check {display: inline-block;background-repeat: no-repeat;background-position: center;background-size: contain;}

.sub_visual {background-color: #570083;background-image: url(../images/sub_visual_bg.png); background-repeat: no-repeat; background-position: center; background-size: cover;}
.sub_visual .inner h3 .add_text {font-size: 28px; margin: .75em 0 0;}
.sub_intro .inner {padding: 120px 16.66%;display: flex;align-items: center;gap: 56px;}
.sub_intro .inner > div {width: 50%;}
.sub_intro .inner .img_box img {border-radius: 30px;}

.sub_intro .inner .text_box p {font-size: 36px;line-height: 48px;letter-spacing: -1px;}
.sub_intro .inner .text_box strong {display: block;font-size: 72px;letter-spacing: -1px;margin-top: .3em;}
.sub_intro .inner .text_box .main_info {font-size: 36px;line-height: 48px;letter-spacing: -1px;color: #161718;padding-bottom: 38px;}
.sub_intro .inner .text_box .sub_info {font-weight: 400;font-size: 24px;line-height: 40px;letter-spacing: -1px;color: #474A4D;margin-top: 55px;}

.info_surgery {background: #FAFAFA;}
.info_surgery .inner ul {display: flex;}
.info_surgery .inner ul li {width: 25%;padding: 0 2%;box-sizing: border-box;border-left: 1px solid #DFE0E2;}
.info_surgery .inner ul li:first-child {border-left: none;}
.info_surgery .inner ul li .icon_box {width: 60%;padding-top: 60%;background-position: center;background-repeat: no-repeat;background-size: contain;margin: 0 auto 10px;}
.info_surgery .inner ul li p {font-size: 24px;letter-spacing: -1px;color: #474A4D;text-align: center;}
.info_surgery .inner ul li p strong {display: block;font-size: 32px;font-weight: 600;line-height: 46px;letter-spacing: -1px;color: #161718;margin-bottom: .3em;}

.distinction .inner {position: relative;z-index: 1;width: 100%;height: 898px;background-color: #FAFAFA;background-image: url(../images/distinction_bg.png);background-size: cover;overflow: hidden;display: flex;justify-content: center;align-items: flex-start;flex-direction: column;background-position: center;}
.distinction .text-section {text-align: left;}
.distinction .inner .title_text {font-size: 64px;line-height: 80px;letter-spacing: -1px;font-weight: 700;color: #B742E5;text-align: left;margin-bottom: 0;}
.distinction .inner .sub_text {font-size: 64px;line-height: 80px;letter-spacing: -1px;font-weight: 700;color: #222;}
.distinction .features {display: flex;justify-content: center;margin-top: 80px;gap: 20px;width: 100%;}
.distinction .feature-box {background: rgba(183, 66, 229, 0.7);padding: 60px 40px;/* min-width: 294px; */border-radius: 1000px;text-align: center;box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);backdrop-filter: blur(10px);flex: 1;}
.distinction .feature-box h3 {font-size: 32px;margin-bottom: 10px;color: white;}
.distinction .feature-box p {font-size: 21px;line-height: 1.5;color: white;font-weight: normal;}
.distinction .number {font-size: 21px;font-weight: bold;background: white;color: #B742E5;display: inline-block;width: 40px;height: 40px;line-height: 40px;border-radius: 50%;margin-bottom: 10px;}

.special {position: relative;background: #FAFAFA;}
.special .model {position: absolute;bottom: 0;right: -3.5%;z-index: 1;}
.special .model img {max-width: 90%;}
.special .list-container {background: transparent;max-width: 100%;}
.special ul {list-style: none;padding: 0;}
.special li {font-size: 28px;padding: 20px;margin: 10px 0;border-radius: 20px;display: block;align-items: center;box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);letter-spacing: -1px;margin-top: 25px;padding-left: 7%;position: relative;}
.special li::before {content: "";background-image: url('../images/icon_check.png');background-size: contain;background-repeat: no-repeat;margin-right: 5px;width: 20px; height: 20px;position: absolute;left: 3%;top: 50%;transform: translateY(-50%);}

.definition {background-image: url(../images/definition_bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff;}
.definition .inner {display: flex;flex-direction: row;gap: 80px;position: relative;padding: 160px 16.66% 0;}
.definition .inner .title_text {text-align: left;}
.definition .inner .title_text span {display: block;}
.definition .inner .img_box {width: 34%;padding-top: calc(962/451 * 22%);background-image: url(../images/definition_machine.png);background-repeat: no-repeat;background-size: contain;background-position: center bottom;}
.definition .inner .content_box{padding-bottom: 80px;}
.definition .inner .icon_box li {display: flex;gap: 32px;padding: 42px 0;border-bottom: 1px solid #777C81;}
.definition .inner .icon_box li:first-child {padding-top: 0;}
.definition .inner .icon_box li:last-child {padding-bottom: 0; border-bottom: none;}
.definition .inner .icon_box li .text_box strong {display: block; font-size: 32px; letter-spacing: -1px; margin-bottom: .5em;}
.definition .inner .icon_box li .text_box p {font-size: 24px; line-height: 1.5; letter-spacing: -1px;}
.definition .inner .icon_box li .icon {width: 120px; height: 120px; background-repeat: no-repeat; background-position: center; background-size: contain;}

.pros {background: #FFF;}
.pros .inner .title_text {margin-bottom: 30px;}
.pros .inner .sub_title {font-size: 28px;letter-spacing: -1px;margin-top: 4%;text-align: center;font-weight: normal;}
.pros .inner .img_box {margin-top: 60px;}
.pros .inner .img_box ul {margin: 0 auto;text-align: center;}
.pros .inner .img_box ul li {display: inline-block;list-style: none;width: 48%;margin:0 8px;text-align: center;}
.pros .inner .img_box ul li .prd_name {background: #FBEFFF;color: #B742E5;font-weight: bold;font-size: 28px;text-align: center;border-radius: 20px;padding:13px 0;margin-bottom: 9%;}
.pros .inner .img_box ul li:nth-child(2) .prd_name {background: #EBFBE6;color:#3B941E}
.pros .inner .img_box ul li .prd_desc {font-size: 24px;color: #161718;margin-top: 9%;}
.pros .inner .img_box ul li .prd_desc span {font-weight: bold;}
.pros .inner .img_box ul li img {display: block;width: auto;max-width: 95%;margin: 0 auto;text-align: center;}
.pros .inner .pros_con {width: 86%;margin: 20px auto 160px;display: flex;flex-wrap: nowrap;justify-content: space-between;gap: 40px;}
.pros .inner .pros_con li {width: 30%;padding: 20px 2%;text-align: center;}
.pros .inner .pros_con li strong {display: block;margin: 20px 0;font-size: 32px;font-weight: 500;line-height: 48px;letter-spacing: -1px;}
.pros .inner .pros_con li p {font-size: 22px;font-weight: 500;line-height: 32px;letter-spacing: -1px;}

.target{width: 100%;height: 780px;background: #FBF0FF;background: url(../images/target_bg.jpg) no-repeat center;background-size:cover;box-sizing:border-box;position: relative;overflow: hidden;}
.target .inner{padding:120px 0 0;}

.effect_more {background: linear-gradient(90deg, #B742E5 0%, #66257F 100%); color: #fff;}
.effect_more .inner {display: flex; gap: 80px; padding: 100px 16.66%;}
.effect_more .inner .sub_title {flex-shrink: 0; font-size: 40px; font-weight: 600; line-height: 50px; letter-spacing: -1px; text-align: left; margin: 0;}
.effect_more .inner .sub_title .p_color {display: block;}
.effect_more .inner .sub_explain {flex-grow: 1;}
.effect_more .inner .sub_explain p {text-align: left; word-break: keep-all;}

.qna .inner .title_text {margin-bottom: 80px;}
.qna .inner .qna_box ul {width: 90%; margin: 0 auto; display: flex; flex-direction: column; gap: 60px;}
.qna .inner .qna_box ul li {display: none;}
.qna .inner .qna_box ul li.on {display: block;}
.qna .inner .qna_box ul li.qa_q {align-self: flex-start;}
.qna .inner .qna_box ul li.qa_a {align-self: flex-end; margin-bottom: 40px;}
.qna .inner .qna_box ul li.qa_a:last-child {margin-bottom: 0;}
.qna .inner .qna_box ul li img {width: 100%;}



/* PC (해상도 1440px ~ 1540px) */
@media screen and (max-width: 1540px) {
    section > .inner {padding: 150px 10%;}
    .sub_intro .inner {padding: 120px 10%;}

    .special .inner {padding: 80px 10%;}
    .special .model {position: absolute; bottom: 0;right: -24.5%;z-index: 1;}
    .definition .inner{padding: 120px 5% 0}
    .definition .inner .title_text{font-size:54px;line-height: 1.2;}
    .effect_more .inner {padding: 100px 10%;}
}

/* PC (해상도 1058px ~ 1440px) */
@media screen and (max-width: 1440px) {
    .pc_block {display: inline;}
    .wrap {min-width: 375px;}

    /* content */
    section .inner .sub_title {font-size: 24px;line-height: 32px;}
    section .inner .sub_explain p {font-size: 16px;line-height: 24px;}
    section > .inner {padding: 60px 5%;}


    .sub_visual .inner {padding: 110px 0;}
    .sub_visual .inner i {display: block;}
    .sub_visual .inner h3 .add_text {font-size: 18px;}
    .sub_intro .inner {padding: 60px 5%;gap: 40px;}
    .sub_intro .inner .img_box img {border-radius: 15px;}
    .sub_intro .inner .text_box p {font-size: 20px;line-height: 25px;}
    .sub_intro .inner .text_box strong {font-size: 38px;line-height: 46px;}
    .sub_intro .inner .text_box .main_info {font-size: 34px;line-height: 25px;letter-spacing: -1px;color: #161718;padding-bottom: 1em;}
    .sub_intro .inner .text_box .sub_info {font-weight: 400;font-size: 20px;line-height: 38px;letter-spacing: -1px;color: #474A4D;margin-top: 1.5em;}


    .info_surgery .inner ul li .icon_box {margin: 0 auto 8px;}
    .info_surgery .inner ul li p {font-size: 16px;line-height: 18px;}
    .info_surgery .inner ul li p strong {font-size: 24px;line-height: 28px;margin-bottom: .3em;}

    .distinction .features {margin: 80px auto ;text-align: center;}
    .distinction .feature-box {display: inline-block;padding: 5% 0 8%;text-align: center;width: 40%;margin:2% 2% 8%;}
    .distinction .feature-box h3{font-size: 24px;}
    .distinction .feature-box p{font-size: 18px;}

    .special {position: relative;background: #FAFAFA;overflow: hidden;}
    .special .model {position: absolute;bottom: -57px;left:0;z-index: 1;left: auto;}
    .special .model img {max-width: 100%;width:auto;display: block;margin-left:15%;}
    .special .list-container {background: transparent;max-width: 100%;}

    .pros {background: #FFF;}
    .pros .inner .title_text {margin-bottom: 30px;}
    .pros .inner .sub_title {font-size: 18px;letter-spacing: -1px;margin-top: 4%;text-align: center;font-weight: normal;}
    .pros .inner .img_box {margin-top: 60px;padding-bottom: 0;}
    .pros .inner .img_box ul {margin: 0 auto;text-align: center;}
    .pros .inner .img_box ul li .prd_desc {font-size: 24px;color: #161718;margin-top: 9%;display: block;}
    .pros .inner .img_box ul li .prd_desc span {font-weight: bold;display: block;}
    .pros .inner .img_box ul li img {display: block;width: auto;max-width: 100%;margin: 0 auto;text-align: center;}
    .pros .inner .pros_con {width: 86%;margin: 20px auto 160px;display: flex;flex-wrap: nowrap;justify-content: space-between;gap: 40px;}
    .pros .inner .pros_con li strong {display: block;margin: 20px 0;font-size: 32px;font-weight: 500;line-height: 48px;letter-spacing: -1px;}
    .pros .inner .pros_con li p {font-size: 22px;font-weight: 500;line-height: 32px;letter-spacing: -1px;}

    .effect_more .inner {padding: 100px 8%;}
}

/* PC (해상도 1024px ~ 1058px) */
@media screen and (max-width: 1058px) {
    /* content */

    section .inner .sub_title {font-size: 24px;line-height: 32px;}
    section .inner .sub_explain p {font-size: 16px;line-height: 24px;}
    section > .inner {padding: 60px 5%;}
    .sub_visual .inner {padding: 110px 0;}
    .sub_visual .inner i {display: block;}

    .sub_visual .inner h3 .add_text {font-size: 18px;}
    .sub_intro .inner {padding: 60px 5%;gap: 40px;}
    .sub_intro .inner .img_box img {border-radius: 15px;}
    .sub_intro .inner .text_box p {font-size: 20px;line-height: 25px;}
    .sub_intro .inner .text_box strong {font-size: 38px;line-height: 46px;}
    .sub_intro .inner .text_box .main_info {font-size: 20px;line-height: 25px;letter-spacing: -1px;color: #161718;padding-bottom: 1em;}
    .sub_intro .inner .text_box .sub_info {font-weight: 400;font-size: 16px;line-height: 24px;letter-spacing: -1px;color: #474A4D;margin-top: 1.5em;}

    .info_surgery .inner ul li .icon_box {margin: 0 auto 8px;}
    .info_surgery .inner ul li p {font-size: 16px;line-height: 18px;}
    .info_surgery .inner ul li p strong {font-size: 24px;line-height: 28px;margin-bottom: .3em;}

    .distinction .inner{height:50%;}
    .distinction .features {display: block;margin: 13% auto 0 auto;text-align: center;}
    .distinction .feature-box {display: inline-block;padding: 10% 0;border-radius: 1000px;text-align: center;width: 40%;margin: 2% 2% 8%}
    .distinction .feature-box h3 {font-size: 24px;margin-bottom: 10px;}
    .distinction .feature-box p {font-size: 16px;line-height: 24px;color: white;font-weight: normal;}

    .special {position: relative;background: #FAFAFA;overflow: hidden;}
    .special .model {position: absolute;bottom: -57px;left:0;z-index: 1;left: auto;}
    .special .model img {max-width: 100%;width:auto;display: block;margin-left: 21%;}
    .special .list-container {background: transparent;max-width: 100%;}
    .special ul {list-style: none;padding: 0;}

    .pros {background: #FFF;}
    .pros .inner {padding: 60px 5%;gap: 40px;}
    .pros .inner .title_text {margin-bottom: 30px;}
    .pros .inner .sub_title {font-size: 18px;letter-spacing: -1px;margin-top: 4%;text-align: center;font-weight: normal;}
    .pros .inner .img_box {margin-top: 60px;padding-bottom: 0;}
    .pros .inner .img_box ul {margin: 0 auto;text-align: center;}
    .pros .inner .img_box ul li .prd_desc {font-size: 24px;color: #161718;margin-top: 9%;}
    .pros .inner .img_box ul li .prd_desc span {font-weight: bold;}
    .pros .inner .img_box ul li img {display: block;width: auto;max-width: 100%;margin: 0 auto;text-align: center;}
    .pros .inner .pros_con {width: 86%;margin: 20px auto 160px;display: flex;flex-wrap: nowrap;justify-content: space-between;gap: 40px;}
    .pros .inner .pros_con li {width: 30%;padding: 20px 2%;text-align: center;}
    .pros .inner .pros_con li strong {display: block;margin: 20px 0;font-size: 32px;font-weight: 500;line-height: 48px;letter-spacing: -1px;}
    .pros .inner .pros_con li p {font-size: 22px;font-weight: 500;line-height: 32px;letter-spacing: -1px;}

    .effect_more .inner {padding: 100px 6%;}
}

/* 태블릿 (해상도 769px ~ 1024px) */
@media screen and (max-width: 1024px) {
    .sub_visual {background-image: url(../images/sub_visual_bg_tab.png);}

    /* content */
    section .inner .sub_title {font-size: 24px;line-height: 32px;}
    section .inner .sub_explain p {font-size: 16px;line-height: 24px;}
    section > .inner {padding: 60px 5%;}

    .sub_visual .inner {padding: 110px 0;}
    .sub_visual .inner i{ display: block;}
    .sub_visual .inner h3 .add_text{font-size: 18px;}


    .sub_intro .inner {padding: 60px 5%;gap: 40px;}
    .sub_intro .inner .img_box img {border-radius: 15px;}
    .sub_intro .inner .text_box p {font-size: 20px;line-height: 25px;}
    .sub_intro .inner .text_box strong {font-size: 38px;line-height: 46px;}
    .sub_intro .inner .text_box .main_info {font-size: 20px;line-height: 25px;letter-spacing: -1px;color: #161718;padding-bottom: 1em;}
    .sub_intro .inner .text_box .sub_info {font-weight: 400;font-size: 16px;line-height: 24px;letter-spacing: -1px;color: #474A4D;margin-top: 1.5em;}
    .info_surgery .inner ul li .icon_box {margin: 0 auto 8px;}
    .info_surgery .inner ul li p {font-size: 16px;line-height: 18px;}
    .info_surgery .inner ul li p strong {font-size: 24px;line-height: 28px;margin-bottom: .3em;}


    .distinction .inner {height:100%;aspect-ratio:768/1220;background-image: url(../images/distinction_bg_tab.png);justify-content: flex-start;padding: 120px 5%;align-items: center;}
    .distinction .text-section {text-align: center;}
    .distinction .inner .title_text {text-align: center;}
    .distinction .features {display: block;margin: 80px auto 0;text-align: center;}
    .distinction .feature-box {display: inline-block;padding: 10% 0;border-radius: 1000px;text-align: center;width: 40%;margin:2% 2% 8%;}
    .distinction .feature-box h3 {font-size: 24px;margin-bottom: 10px;color: white;}
    .distinction .feature-box p {font-size: 16px;line-height: 24px;color: white;font-weight: normal;}


    .special .model {position: absolute;bottom: -57px;left:0;z-index: 1;left: auto;}
    .special .model img {max-width: 100%;width:auto;display: block;margin-left: 15%;}
    .special .list-container {background: transparent;max-width: 100%;}
    .special ul {list-style: none;padding: 0;}
    .special li {font-size: 27px;padding: 32px 24px;display: block;margin-top: 25px;padding-left: 11%;position: relative;}
    .special li .mo_block {display: block;}
    .special li::before {width: 24px; height: 24px;transform: translateY(-50%);left: 40px;}


    .pros {background: #FFF;}
    .pros .inner {padding: 60px 5%;gap: 40px;}
    .pros .inner .title_text {margin-bottom: 30px;}
    .pros .inner .sub_title {font-size: 18px;letter-spacing: -1px;margin-top: 4%;text-align: center;font-weight: normal;}
    .pros .inner .img_box {margin-top: 60px;padding-bottom: 0;}
    .pros .inner .img_box ul {margin: 0 auto;text-align: center;}
    .pros .inner .img_box ul li{margin-bottom:60px;}
    .pros .inner .pros_con {width: 86%;margin: 20px auto 160px;display: flex;flex-wrap: nowrap;justify-content: space-between;gap: 40px;}
    .pros .inner .pros_con li {width: 30%;padding: 20px 2%;text-align: center;}
    .pros .inner .pros_con li strong {display: block;margin: 20px 0;font-size: 32px;font-weight: 500;line-height: 48px;letter-spacing: -1px;}
    .pros .inner .pros_con li p {font-size: 22px;font-weight: 500;line-height: 32px;letter-spacing: -1px;}

    .definition {background-image: url(../images/definition_bg_tab.png);}
    .definition .inner {padding: 120px 5% 0;gap: 40px;flex-direction: column-reverse;}
    .definition .inner .title_text {text-align: center;font-size: 64px;line-height: 1.2;}
    .definition .inner .title_text i {display: block;}
    .definition .inner .img_box {width: 100%;margin: 0 auto;background-image: url(../images/definition_machine_tab.png);padding-top: 100%;}
    .definition .inner .icon_box {width: 100%;}

    .target{aspect-ratio: 768 / 880;height: 100%;background-image: url(../images/target_bg_tab.jpg);}
    .target .title_text i{display: block;}

    .effect_more .inner {flex-direction: column; gap: 20px; padding: 80px 5%;}
    .effect_more .inner .sub_title {font-size: 36px; line-height: 46px; text-align: center;}
    .effect_more .inner .sub_title .block {display: inline;}
    .effect_more .inner .sub_explain p {text-align: center;text-wrap: balance;}
    .effect_more .inner .sub_explain p i {display: block;}

    .qna .inner .qna_box ul {gap: 40px;}
}


/* 모바일 가로, 모바일 세로 (해상도 375px ~ 768px)*/
@media screen and (max-width: 768px) {
    .sub_visual {background-image: url(../images/sub_visual_bg_mo.png);}


    /* content */
    section .inner .title_text {font-size: 34px;line-height: 44px;margin-bottom: 40px;}
    section .inner .sub_title {font-size: 24px;line-height: 32px;}
    section .inner .sub_explain p {font-size: 16px;line-height: 24px;}
    section > .inner {padding: 60px 5%;}


    .sub_visual .inner {padding: 110px 0;}
    .sub_visual .inner i {display: block;}
    .sub_visual .inner h3 .add_text {font-size: 18px;}

    .sub_intro .inner {padding: 60px 5%;gap: 40px;display: block;}
    .sub_intro .inner > div {width: 100%;}
    .sub_intro .inner .img_box img {border-radius: 15px;margin-top:14%;}
    .sub_intro .inner .text_box p {font-size: 20px;line-height: 25px;}
    .sub_intro .inner .text_box strong {font-size: 38px;line-height: 46px;}
    .sub_intro .inner .text_box .main_info {font-size: 20px;line-height: 25px;letter-spacing: -1px;color: #161718;padding-bottom: 1em;}
    .sub_intro .inner .text_box .sub_info {font-weight: 400;font-size: 16px;line-height: 24px;letter-spacing: -1px;color: #474A4D;margin-top: 1.5em;}
    .sub_intro .inner .text_box .sub_info .block{display: none}
    .sub_intro .inner .text_box .sub_info i{display: block}

    .info_surgery .inner ul {display: block;text-align: center;}
    .info_surgery .inner ul li {width: 49%;display: inline-block;margin-bottom: 10%;}
    .info_surgery .inner ul li:nth-child(3),
    .info_surgery .inner ul li:nth-child(5) {border:0;}
    .info_surgery .inner ul li .icon_box {margin: 0 auto 8px;}
    .info_surgery .inner ul li p {font-size: 16px;line-height: 18px;}
    .info_surgery .inner ul li p strong {font-size: 24px;line-height: 28px;margin-bottom: .3em;}

    .distinction .inner{padding:60px 5%;aspect-ratio: 375/1036;background-image: url(../images/distinction_bg_mo.png);}
    .distinction .text-section {position: relative;left: auto;top: auto;}
    .distinction .inner .title_text {font-size: 34px;line-height: 44px;}
    .distinction .inner .sub_text {font-size: 34px;line-height: 44px;}
    .distinction .features {display: block;margin: 13% auto 0 auto;}
    .distinction .feature-box {padding: 10% 0;margin: 0 auto 8%;;border-radius: 1000px;text-align: center;width: 90%;}
    .distinction .feature-box h3 {font-size: 24px;margin-bottom: 10px;color: white;}
    .distinction .feature-box p {font-size: 16px;line-height: 24px;color: white;font-weight: normal;}

    .special {position: relative;background: #FAFAFA;overflow: hidden;}
    .special .inner {position: relative;padding: 60px 5%;}
    .special .model {position: absolute;bottom: 0;left:0;z-index: 1;left: auto;}
    .special .model img {max-width: 60%;width:auto;display: block;margin-left: 41%;}
    .special .list-container {background: transparent;max-width: 100%;}
    .special ul {list-style: none;padding: 0;}
    .special li {font-size: 16px;padding: 15px 0 15px 62px;display: block;margin-top: 25px;position: relative;border-radius: 14px;}
    .special li::before {content: "";background-size: contain;background-repeat: no-repeat;margin-right: 5px;width: 14px; /* 아이콘 크기 */height: 14px;position: absolute;left: 5%;top: 50%;transform: translateY(-50%);}


    .pros {background: #FFF;}
    .pros .inner {padding: 60px 5%;gap: 40px;}
    .pros .inner .title_text {margin-bottom: 30px;}
    .pros .inner .sub_title {font-size: 18px;letter-spacing: -1px;margin-top: 4%;text-align: center;font-weight: normal;}
    .pros .inner .img_box{margin-top: 60px;padding-bottom: 0;}
    .pros .inner .img_box ul {margin: 0 auto;text-align: center;display: block;width: 100%;}
    .pros .inner .img_box ul li { width: 100%;}
    .pros .inner .img_box ul li .prd_name {font-size: 24px;border-radius: 14px;padding: 10px 0;}
    .pros .inner .img_box ul li .prd_desc {font-size: 16px;margin-bottom: 9%;}
    .pros .inner .img_box ul li .prd_desc span {display: block;}
    .pros .inner .img_box ul li img {display: block;width: auto;max-width: 100%;margin: 0 auto;text-align: center;}
    .pros .inner .pros_con {width: 86%;margin: 20px auto 160px;display: flex;flex-wrap: nowrap;justify-content: space-between;gap: 40px;}
    .pros .inner .pros_con li {width: 30%;padding: 20px 2%;text-align: center;}
    .pros .inner .pros_con li strong {display: block;margin: 20px 0;font-size: 32px;font-weight: 500;line-height: 48px;letter-spacing: -1px;}
    .pros .inner .pros_con li p {font-size: 22px;font-weight: 500;line-height: 32px;letter-spacing: -1px;}

    .effect_more .inner {padding: 60px 5%;}
    .effect_more .inner .sub_title {font-size: 24px; line-height: 32px;}
    .effect_more .inner .sub_title .block {display: block;}
    .effect_more .inner .sub_explain p i {display: inline;}
    .effect_more .inner .sub_explain p b {display: block;}

    .qna .inner .title_text {margin-bottom: 40px;}
    .qna .inner .qna_box ul {gap: 20px;}
    .qna .inner .qna_box ul li.qa_a {margin-bottom: 20px;}

    .target{aspect-ratio: 357 / 456;background-image: url(../images/target_bg_mo.jpg);}
    .target .inner{padding: 60px 5%;}
    .target .inner .title_text{text-wrap:balance; word-break: keep-all;}
    .definition .inner {padding: 60px 5% 0;gap: 0;}
    .definition .inner .icon_box li {gap: 12px; padding: 22px 0;}
    .definition .inner .icon_box li .text_box strong {font-size: 21px;}
    .definition .inner .icon_box li .text_box p {font-size: 16px;}
    .definition .inner .icon_box li .icon {width: 88px; height: 88px; }
    .definition .inner .icon_box li  .text_box{flex:1}
    .definition .inner .img_box {background-image: url(../images/definition_machine.png);}
    .definition .inner .title_text{font-size: 34px;}
    .definition .inner .content_box{padding-bottom:0;}
}

@media screen and (max-width: 480px) {
    .special .model img {max-width: 100%;width:auto;display: block;margin-left: 31%;}
    .special li {font-size: 16px;padding: 15px 0 15px 42px;}
}