@charset "utf-8";
@import url("../../../fonts/Cormorant_Infant/CormorantInfant.css");
@import url("../../../fonts/Noto_Serif_KR/Noto_Serif_KR.css");
@import url("../../../fonts/BookAntiqua/BookAntiqua.css");

/* #content */
.img_box img {width: 100%;}
.block {display: block;}
.p_color {color: #1F94FF;}
.p_text_serif {font-family: 'Noto Serif KR';}
.p_text_ci {font-family: 'CormorantInfant';}

section > .inner {padding: 120px 16.66%;box-sizing: border-box;}
section .inner .title_box {margin-bottom: 60px;}
section .inner .title_text {font-weight: 700;font-size: 64px;letter-spacing: -1px;text-align: center;}
section .inner .add_text {display: block;font-weight: 400;font-size: 40px;line-height: 1.4;letter-spacing: -1px;text-align: center;margin-bottom: 0.25em;}
section .inner .sub_title {font-size: 50px;font-weight: 700;line-height: normal;letter-spacing: -1px;text-align: center;margin-bottom: 80px;}
section .inner .sub_explain p {font-size: 26px;line-height: 1.6;letter-spacing: -1px;text-align: center;text-wrap: balance;word-break: keep-all;}
section .inner .sub_explain .txt01 {font-size: 48px; line-height: 1.5; letter-spacing: -1px; text-align: center; margin-bottom: 1em; word-break: keep-all;}
section .inner .sub_explain p:last-of-type {margin-bottom: 0;}
section .inner .sub_explain p strong {font-weight: 600;}


.sub_visual {width: 100%; padding-top: calc(950/1920 * 100%); position: relative;
    background-image: url(../images/img_visual.png?v=1); background-repeat: no-repeat; background-position: center; background-size: contain;}


.worry {width: 100%; padding-top: calc(950/1920 * 100%); position: relative; background-image: url(../images/img_bg_cause.png?v=1); background-repeat: no-repeat; background-position: center; background-size: cover;}
.worry .inner .sub_explain p .big {font-size: 1.2em;}


.info_surgery {background: #FFF; color: #161617;}
.info_surgery .p_color {color: #1F94FF;}
.info_surgery .inner ul {display: flex; justify-content: center; gap: 20px;}
.info_surgery .inner ul li {width: 25%; padding: 0 2%; box-sizing: border-box;}
.info_surgery .inner ul li .icon_box {width: 95%; padding-top: 95%; background-position: center; background-repeat: no-repeat; background-size: contain; margin: 0 auto 10px;}
.info_surgery .inner ul li p {font-weight: 500; font-size: 26px; line-height: 1.5; letter-spacing: -1px; color: #474A4D; text-align: center; color: #161617;}
.info_surgery .inner ul li p span {display: block;}
.info_surgery .inner .title_text02 {font-size: 46px; text-align: center; font-weight: 600}

.definition{background: #EFF7FF;}
.definition .inner .img_box {width: 100%; padding-top: calc(400/1282 * 100%); background-image: url(../images/img_explain.png?v=1);
    background-repeat: no-repeat; background-position: center; background-size: contain; margin: 60px 0;}
.definition .inner .graph_box {width: 100%; padding-top: calc(476/1282 * 100%); background-image: url(../images/graph.png);
    background-repeat: no-repeat; background-position: center; background-size: contain; margin: 60px 0;}
.definition .inner ul {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px;}
.definition .inner ul li {border: 1px solid #291C19; border-radius: 30px; padding: 40px 2%; text-align: center;}
.definition .inner ul li strong {display: block; font-size: 36px; margin-bottom: .33em;}
.definition .inner ul li p {font-size: 26px; line-height: 1.4; letter-spacing: -1px;}
.definition .inner .inner_txt {background: #fff; padding: 80px 0; border-radius: 32px;}
.definition .inner .title_text02 {font-size: 48px; text-align: center; font-weight: 500}
.definition .inner .inner_txt .icon_box {display: inline-block; width: 1em; height: 1em; background-repeat: no-repeat; background-position: center; background-size: contain; vertical-align: middle;}
.definition .inner .inner_txt .icon_box.d {background-image: url(../images/vector1.png?v=1);}
.definition .inner .inner_txt .icon_box.u {background-image: url(../images/vector2.png?v=1);}

.design {background: #FFF;  }
.design .inner ul {width: 80%; margin: 0 auto 80px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.design .inner ul li strong {display: block; font-weight: 600; font-size: 36px; letter-spacing: -1px; text-align: center; margin-top: 20px;}
.design .inner {text-align: center; }
.design .inner .noti {color: #777C81; font-size: 15px; padding-top: 16px;}
.design .inner .noti02 {color: #161617; font-size: 26px; padding-top: 60px; line-height: 1.5;}
.design .inner .recomm_mdl {width: 100%; padding: 0 12.3%; box-sizing: border-box; display: flex; justify-content: space-between;
    position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.design .inner .recomm_mdl li {width: 28%;}
.design .inner .oneday_img img{border-radius: 30px; overflow: hidden;}

.onedayLifting1 {background: #FFFDED;  }
.onedayLifting1 .inner ul {width: 80%; margin: 0 auto 80px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.onedayLifting1 .inner ul li strong {display: block; font-weight: 600; font-size: 36px; letter-spacing: -1px; text-align: center; margin-top: 20px;}
.onedayLifting1 .inner .title_text02 {font-size: 48px; text-align: center; margin-bottom: 50px; padding-top: 20px;}
.onedayLifting1 .inner {text-align: center; }
.onedayLifting1 .inner .noti {color: #777C81; font-size: 15px; padding-top: 36px;}
.onedayLifting1 .inner .noti02 {color: #161617; font-size: 26px; padding-top: 60px;}

.lifting .banner {background-repeat: no-repeat; background-position: center bottom; background-size: cover;}
.lifting .banner .inner {padding: 80px 16.66%;}
.lifting .banner .inner .title_box {display: flex; flex-direction: column; gap: 10px;}
.lifting .banner .inner .title_box::after {content: ''; display: block; width: 1px; height: 40px; margin: 20px 0;}
.lifting .banner .inner .title_box strong {font-weight: 500; font-size: 48px;}
.lifting .banner .inner .title_box .title_text {margin-bottom: 0; text-align: left;}
.lifting .banner .inner .title_box .add_text {font-weight: 500; font-size: 31px; letter-spacing: -1px; margin-bottom: 0;}
.lifting .banner .inner .sub_explain p {text-align: left;}

.lifting .kind .inner {display: flex; gap: 20px; padding: 80px 16.66% 0; text-align: center;}
.lifting .kind .inner dl dt .badge {display: inline-block; font-weight: 700; font-size: 32px; line-height: 1;
    padding: 10.5px 26px; border-radius: 100px;}
.lifting .kind .inner dl dt strong {display: block; font-size: 36px; letter-spacing: -1px; margin: 24px 0;}
.lifting .kind .inner dl dd .img_box img {border-radius: 20px;}
.lifting .kind .inner dl dd p {font-size: 26px; line-height: 1.5; letter-spacing: -1px; margin-top: 24px;}

.lifting .part .inner {padding: 120px 16.66%;}
.lifting .part .inner .sub_text {font-weight: 600; font-size: 35px; letter-spacing: -1px; text-align: center; margin-top: 60px;}
.lifting .part .inner .sub_text .dashed {display: inline-block; border-bottom: 2px solid #291C19;}

.lifting.upper .p_color {color: #A55052;}
.lifting.upper .banner {background-image: url(../images/img_bg_lifting_upper.png);}
.lifting.upper .banner .inner .title_box::after {background: #A55052;}
.lifting.upper .kind .inner dl:nth-of-type(1) dt .badge {background-color: #F3E7E7;}
.lifting.upper .kind .inner dl:nth-of-type(2) dt .badge {background-color: #EBD6D6;}
.lifting.upper .kind .inner dl:nth-of-type(3) dt .badge {background-color: #DAB3B4;}

.lifting.middle .p_color {color: #7B695A;}
.lifting.middle .banner {background-image: url(../images/img_bg_lifting_middle.png);}
.lifting.middle .banner .inner .title_box::after {background: #7B695A;}
.lifting.middle .kind .inner dl:nth-of-type(1) dt .badge {background-color: #F8EBE3;}
.lifting.middle .kind .inner dl:nth-of-type(2) dt .badge {background-color: #E7D6CA;}
.lifting.middle .kind .inner dl:nth-of-type(3) dt .badge {background-color: #D2BBA8;}

.lifting.lower .p_color {color: #41524F;}
.lifting.lower .banner .inner .title_box::after {background: #41524F;}
.lifting.lower .banner {background-image: url(../images/img_bg_lifting_lower.png);}
.lifting.lower .kind .inner dl:nth-of-type(1) dt .badge {background-color: #E0E6E5;}
.lifting.lower .kind .inner dl:nth-of-type(2) dt .badge {background-color: #C3D0CD;}
.lifting.lower .kind .inner dl:nth-of-type(3) dt .badge {background-color: #A7B9B6;}


.compare {background: #EBD6D6;}
.compare .inner ul {width: 85%; margin: 0 auto; text-align: center;}
.compare .inner ul li {margin-bottom: 40px;}
.compare .inner ul li:last-child {margin-bottom: 0;}
.compare .inner ul li .compare_box {display: flex;}
.compare .inner ul li .compare_box > div {width: 50%;}
.compare .inner ul li .compare_box > div .img_box {position: relative;}
.compare .inner ul li .compare_box .before .img_box img {border-radius: 30px 0 0 0;}
.compare .inner ul li .compare_box .after .img_box img {border-radius: 0 30px 0 0;}
.compare .inner ul li .compare_box > div .img_box .dimmed {width: 100%; height: 100%; background: rgba(0, 0, 0, .3); border-radius: 0 30px 0 0;
    backdrop-filter: blur(30px) saturate(2); -webkit-backdrop-filter: blur(30px); position: absolute; top: 0; left: 0; z-index: 1;}
.compare .inner ul li .compare_box > div .img_box .dimmed .text_box {height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.compare .inner ul li .compare_box > div .img_box .dimmed .text_box strong {font-weight: 500; font-size: 28px; line-height: 1.4; letter-spacing: -1px; color: #fff;}
.compare .inner ul li .compare_box > div .img_box .dimmed .text_box .btn_login {display: inline-block; border-bottom: 3px solid #fff; color: #fff; font-weight: 700; line-height: 1;}
.compare .inner ul li .compare_box > div > strong {display: block; font-size: 32px; line-height: 60px; color: #fff;}
.compare .inner ul li .compare_box .before > strong {background: #716360; border-radius: 0 0 0 30px;}
.compare .inner ul li .compare_box .after > strong {background: #CA9293; border-radius: 0 0 30px 0;}
.compare .inner ul li > p {font-weight: 600; font-size: 26px; letter-spacing: -1px; margin-top: .8em; word-break: keep-all;}
.compare .inner ul li > p span {font-weight: 700; font-size: 32px;}


.recommend {background: #FFE4F8;}
.recommend .inner {position: relative;}
.recommend .inner::after {content: "";background: url(../images/img_recommend_bg.png) no-repeat right bottom;background-size: contain;position: absolute;bottom: 0;right: 10%;width: calc(699 / 1920 * 100%);height: 100%;}
.recommend .inner .title_box {margin-bottom: 60px;}
.recommend .inner .title_text {font-weight: 700;font-size: 64px;letter-spacing: -1px;text-align: center;}
.recommend .inner .add_text {display: block;font-weight: 400;font-size: 40px;line-height: 50px;letter-spacing: -1px;text-align: center;margin-bottom: 0.25em;}
.recommend ul {display: flex;flex-direction: column;align-items: flex-start;gap: 20px;width: 100%;}
.recommend ul li {width: 100%;background: #fff;padding: 40px 60px;box-sizing: border-box;display: flex;justify-content: flex-start;align-items: center;gap: 40px;border-radius: 10px;}
.recommend ul li .num {font-family: "LEMON MILK";font-size: 32px;}
.recommend ul li .main_text {font-size: 32px;font-weight: 500;}
.recommend ul li .main_text strong{font-weight: bolder;}


.info_surgery02 {background: #F9FCFF;}
.info_surgery02 .inner .title_text {margin-bottom: 60px;}
.info_surgery02 .inner ul {display: flex;}
.info_surgery02 .inner ul li {width: 25%; padding: 0 2%; box-sizing: border-box; border-left: 1px solid #DFE0E2;}
.info_surgery02 .inner ul li:first-child {border-left: none;}
.info_surgery02 .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_surgery02 .inner ul li p {font-size: 24px; letter-spacing: -1px; color: #474A4D; text-align: center;}
.info_surgery02 .inner ul li p strong {display: block; font-size: 32px; font-weight: 600; line-height: 46px; letter-spacing: -1px; color: #161718; margin-bottom: .3em;}
.info_surgery02 .inner .title_text02 {font-size: 52px; text-align: center; font-weight: 600;}


.matching .inner {padding: 120px 5%;}
.matching .inner .explain {width: 75%; margin: 0 auto; display: flex; align-items: center; gap: 40px;}
.matching .inner .explain > div {width: 50%;}
.matching .inner .explain .text_box .sub_title {font-size: 36px; line-height: 1.5; margin-bottom: .8em;}
.matching .inner .explain .text_box .sub_explain p {text-align: left;}



/* PC (해상도 1440px ~ 1540px) */
@media screen and (max-width:1540px) {
    section > .inner {padding: 120px 10%;}

    .lifting .banner .inner {padding: 80px 10%;}
    .lifting .kind .inner {padding: 80px 10% 0;}
    .lifting .part .inner {padding: 120px 10%;}
    .matching .inner .explain {width: 90%;}
}
/* PC (해상도 1058px ~ 1440px) */
@media screen and (max-width:1440px) {
    section > .inner {padding: 120px 8%;}

    .lifting .banner .inner {padding: 80px 8%;}
    .lifting .kind .inner {padding: 80px 8% 0;}
    .lifting .part .inner {padding: 120px 8%;}
    .matching .inner .explain {width: 95%;}
}
/* PC (해상도 1024px ~ 1058px) */
@media screen and (max-width:1058px) {
    section > .inner {padding: 120px 6%;}

    .lifting .banner .inner {padding: 80px 6%;}
    .lifting .kind .inner {padding: 80px 6% 0;}
    .lifting .part .inner {padding: 120px 6%;}
    .compare .inner ul {width: 90%;}
    .recommend .inner ul {width: 90%;}
    .matching .inner .explain {width: 90%;}
}


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


    .sub_visual {padding-top: calc(1000/768 * 100%); background-image: url(../images/img_visual_tab.png?v=1);}


    .worry {padding-top: calc(1000/768 * 100%); background-image: url(../images/img_bg_cause_tab.png);}
    .worry .inner .title_text i {display: block;}


    .info_surgery .inner .title_text span {display: block;}
    .info_surgery .inner ul {flex-wrap: wrap; row-gap: 40px; justify-content: center;}
    .info_surgery .inner ul li {width: 48%;}
    .definition .inner .inner_txt{
    padding: 40px 0;
}
    .definition .inner .graph_box {width: 100%; padding-top: calc(545/1282 * 100%); background-image: url(../images/img_graph_tab.png);
        background-repeat: no-repeat; background-position: center; background-size: contain; margin: 60px 0;}
    .definition .inner {padding: 120px 30px;}
    .definition .inner .sub_explain i {display: block;}
    .definition .inner .img_box {padding-top: calc(276/794 * 100%); background-image: url(../images/img_explain_tab.png?v=4);}
    .definition .inner ul {width: 90%; margin: 0 auto; grid-template-columns: 1fr;}
    .definition .inner ul li {padding: 32px 2%;}
    .definition .inner ul li p .block {display: inline;}
    .definition .inner ul li p i {display: block;}

    .design .inner .noti02 {color: #161617; font-size: 26px; padding-top: 60px; line-height: 1.5; word-break: keep-all;}

    .lifting .banner {background-position: right 64% bottom;}
    .lifting .banner .inner {padding: 80px 5%;}

    .lifting .kind .inner {flex-direction: column; gap: 60px; padding: 80px 5% 0;}
    .lifting .kind .inner dl dd .img_box {width: 50%; margin: 0 auto;}
    .lifting .kind .inner dl dd p .block {display: inline;}
    .lifting .kind .inner dl dd p i {display: block;}

    .lifting .part .inner {padding: 120px 5%;}
    .lifting .part .inner .title_text i {display: block;}
    .lifting .part .inner .sub_text {font-size: 32px;}
    

    .compare .inner ul {width: 100%;}
    .compare .inner ul li .compare_box > div .img_box .dimmed .text_box strong {font-size: 24px;}
    .compare .inner ul li .compare_box > div .img_box .dimmed .text_box .btn_login {border-bottom: 2px solid #fff;}
    .compare .inner ul li > p {font-size: 28px;}



    .matching .inner .title_text i {display: block;}
    .matching .inner .explain {width: 100%; flex-direction: column; gap: 40px;}
    .matching .inner .explain .img_box {width: 80%;}
    .matching .inner .explain .text_box {width: 100%;}
    .matching .inner .explain .text_box .sub_title {text-align: center;}
    .matching .inner .explain .text_box .sub_explain p {text-align: center;}


    .recommend .inner ul{width: 100%;}
    .recommend ul li {gap: 30px;padding: 40px 48px;}
    .recommend .inner::after {width: calc(180/ 375* 100%);right: -2%;;}

    .info_surgery02 .inner ul {flex-wrap: wrap; row-gap: 40px; justify-content: center;}
    .info_surgery02 .inner ul li {width: 48%;}
    .info_surgery02 .inner ul li:nth-child(2n-1) {border-left: none;}
    .info_surgery02 .inner ul li .icon_box {width: 50%; padding-top: 50%; margin: 0 auto 20px;}
    .info_surgery02 .inner ul li p {font-size: 28px;}
    .info_surgery02 .inner ul li p strong {font-size: 36px; margin-bottom: .3em;}
    .info_surgery02 .inner .title_text02 {font-size: 52px; text-align: center; font-weight: 600;}


}

/* 모바일 가로, 모바일 세로 (해상도 375px ~ 768px)*/
@media screen and (max-width:767px) {
    .wrap { min-width: 375px; }
    /* content */
    section > .inner {padding: 60px 5%;}
    section .inner .title_box{
    margin-bottom: 32px;
}
    section .inner .title_text {font-size: 34px;line-height: 1.2;}

    section .inner .add_text  {font-size: 21px;  }
    section .inner .sub_title {font-size: 22px; line-height: 1.2em; margin-bottom: 20px;}
    section .inner .middle_text {font-weight: 600; font-size: 28px; letter-spacing: 3px; text-align: center; margin-bottom: 60px;}
    section .inner .sub_explain p {font-size: 18px; line-height: 24px;}
    section .inner .sub_explain .txt01 {font-size: 28px; line-height: 1.5; letter-spacing: -1px; text-align: center; margin-bottom: 1em; word-break: keep-all;}

    .sub_visual {padding-top: calc(500/375 * 100%); background-image: url(../images/img_visual_mo.png?v=1);}

    .worry {padding-top: calc(550/375 * 100%); background-image: url(../images/img_bg_cause_mo.png?v=3);}
    .worry .inner ul {gap: 10px;}
    .worry .inner ul li {border-radius: 15px; padding: 24px 2%;}
    .worry .inner ul li p {font-size: 16px; line-height: 1.5;}


    .design .inner .noti02 {color: #161617; font-size: 18px; padding-top: 49px; word-break: keep-all;}
    .design .inner .noti {color: #777C81;font-size: 11px;padding-top: 15px;text-align: center;}
    .design .inner .oneday_img img{border-radius: 15px;}

    .onedayLifting1 .inner .title_text02 {font-size: 32px; text-align: center; font-weight: 500;}
    .info_surgery .inner ul {column-gap: 10px; row-gap: 20px;}
    .info_surgery .inner ul li p {font-size: 16px;}
    .info_surgery .inner .title_text02 {font-size: 30px; text-align: center; font-weight: 600}

    .definition .inner .inner_txt{border-radius: 15px;}
    .definition .inner .graph_box {
        width: 100%;
        padding-top: calc(689/1282 * 100%);
        background-image: url(../images/img_graph_mo.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        margin: 30px 0 0;
        }
    .definition .inner {padding: 60px 24px;}
    .definition .inner .img_box {padding-top: calc(333/359 * 100%); background-image: url(../images/img_explain_mo.png?v=7); margin: 32px 0;}
    .definition .inner ul {gap: 8px;}
    .definition .inner ul li {border-radius: 15px; padding: 16px 2%;}
    .definition .inner ul li strong {font-size: 18px;}
    .definition .inner ul li p {font-size: 16px;}
    .definition .inner .title_text02 {font-size: 41px;text-align: center;font-weight: 500}


    .lifting .banner .inner {padding: 45px 5%;}
    .lifting .banner .inner .title_box {gap: 4px;}
    .lifting .banner .inner .title_box::after {height: 20px; margin: 10px 0;}
    .lifting .banner .inner .title_box strong {font-size: 24px;}
    .lifting .banner .inner .title_box .add_text {font-size: 18px;}
    
    .lifting .kind .inner {gap: 32px; padding: 40px 5% 0;}
    .lifting .kind .inner dl dt .badge {font-size: 18px; padding: 3px 17.5px;}
    .lifting .kind .inner dl dt strong {font-size: 21px; margin: 10px 0;}
    .lifting .kind .inner dl dd .img_box img {border-radius: 15px;}
    .lifting .kind .inner dl dd p {font-size: 16px; margin-top: 10px;}
    
    .lifting .part .inner {padding: 60px 5%;}
    .lifting .part .inner .sub_text {font-size: 16px; margin-top: 20px;}
    .lifting .part .inner .sub_text .dashed {border-bottom: 1px solid #291C19;}


    .compare .inner ul li {margin-bottom: 24px;}
    .compare .inner ul li .compare_box .before .img_box img {border-radius: 15px 0 0 0;}
    .compare .inner ul li .compare_box .after .img_box img {border-radius: 0 15px 0 0;}
    .compare .inner ul li .compare_box > div .img_box .dimmed {border-radius: 0 15px 0 0;}
    .compare .inner ul li .compare_box > div .img_box .dimmed .text_box strong {font-size: 14px;}
    .compare .inner ul li .compare_box > div .img_box .dimmed .text_box .btn_login {border-bottom: 1px solid #fff;}
    .compare .inner ul li .compare_box > div > strong {font-size: 16px; line-height: 28px;}
    .compare .inner ul li .compare_box .before > strong {border-radius: 0 0 0 15px;}
    .compare .inner ul li .compare_box .after > strong {border-radius: 0 0 15px 0;}
    .compare .inner ul li > p {font-size: 16px;}
    .compare .inner ul li > p span {display: none;}

    .recommend .inner .title_box {margin-bottom: 32px;}
    .recommend .inner .title_text {font-size: 34px;}
    .recommend .inner .add_text {font-size: 22px;line-height: 26px;margin-bottom:12px;}
    .recommend ul li {padding: 20px;gap: 12px;}
    .recommend ul li .num {font-size: 14px;}
    .recommend ul li .main_text {font-size: 18px;}
    .recommend ul li .main_text i{display: block;}
    .recommend .inner::after {width: calc(275/ 375* 100%);right: -5%;}

    .info_surgery02 .inner .title_text {margin-bottom: 40px;}
    .info_surgery02 .inner ul li .icon_box {margin: 0 auto 8px;}
    .info_surgery02 .inner ul li p {font-size: 16px; line-height: 18px;}
    .info_surgery02 .inner ul li p strong {font-size: 24px; line-height: 28px; margin-bottom: .3em;}
    .info_surgery02 .inner .title_text02 {font-size: 38px; text-align: center; font-weight: 600;}

    .matching .inner {padding: 60px 5%;}
    .matching .inner .explain {gap: 20px;}
    .matching .inner .explain .text_box .sub_title {font-size: 18px;}
    .matching .inner .explain .text_box .sub_explain p {word-break: keep-all;}
    .matching .inner .explain .text_box .sub_explain p .block {display: inline;}

}