body, td, input, textarea, div, th, p, a, address ul {font-family:'Noto Sans KR', sans-serif; margin:0; padding:0; font-size:15px; color:#3e414a; letter-spacing:-0.05em} .new-wrap .gap {display:inline-block;width:100%;height: 30px;background-color:#F5F5F5;} .surgery-wrap {padding-bottom: 0px;} /* bna */ .bna {display: flex; flex-direction: column;} .bna > div.img {position: relative;} .bna .info {display: grid;background: #333;padding: 0 10px;line-height: 14px;font-size: 12px;color: #fff;text-align: center;height: 30px;align-items: center;} .bna .bna_title {position: absolute; width: 100%; text-align: left;} .bna .bna_title > * {text-align: center;font-size: 12px;width: 50px;height: 26px;line-height: 26px;color: #fff;background: #7C7C7F;font-weight: 300;flex-basis: 0;} .bna .bna_title .after {background: #7099B7;} .bna .col .bna_title .before {position: absolute; left: 0px;} .bna .col .bna_title .after {position: absolute; left: 50%;} div.txt-info {width: 100%; font-size: 24px; color: #333333; text-align: left; line-height: 1.45;} .bna .info.size18 {font-size: 12px;letter-spacing: -1.5px;background: #555;} .bna-wrap {text-align: center;} .bna-wrap ul {width: 100%;margin: 0 auto;text-align: center;display: flex;justify-content: center;flex-direction: column;align-items: center;} .bna-wrap li {width: 100%;max-width: 303px;text-align: center;display: flex;flex-direction: column;margin: 0 0 15px 0;align-items: center;justify-content: center;} .bna-wrap li:last-child {margin: 0;} /**/ #detail > .summary {background: #FAEAD3;} #detail > .summary h1 span {font-size: 0.9em; color: #D2AB8E; letter-spacing: 0;} #detail > .summary h1 strong {color: #36353a; font-size: 3em;} #detail > .summary h1 strong em {font-weight: 300; line-height: 1.2em;} #detail > .summary:before {background-image: url(../../../img/v1/21/view_02/model-01.png?_=1607516951);} #detail > .summary ul li {width: 18%; margin: 0 2px; position: relative; background: center center / 100% auto no-repeat url("data:image/svg+xml,%3Csvg fill='none' viewBox='0 0 123 138' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m56.596 1.8866c3.094-1.7863 6.906-1.7863 10 0l50.622 29.226c3.094 1.7863 5 5.0876 5 8.6603v58.453c0 3.5726-1.906 6.8736-5 8.6606l-50.622 29.226c-3.094 1.786-6.906 1.786-10 0l-50.622-29.226c-3.094-1.787-5-5.088-5-8.6606v-58.453c0-3.5727 1.906-6.874 5-8.6603l50.622-29.226z' fill='%23D2AB8E'/%3E%3C/svg%3E");} #detail > .summary ul li:nth-child(1) .box::before {display: block; content: ''; width: 15px; height: 15px; background: center center / 100% auto no-repeat url(../../../../img/v1/21/ic-01.png?_=1607516951); margin-bottom: 5px;} #detail > .summary ul li:nth-child(2) .box::before {display: block; content: ''; width: 15px; height: 15px; background: center center / 100% auto no-repeat url(../../../../img/v1/21/ic-02.png?_=1607516951); margin-bottom: 5px;} #detail > .summary ul li:nth-child(3) .box::before {display: block; content: ''; width: 15px; height: 15px; background: center center / 100% auto no-repeat url(../../../../img/v1/21/ic-03.png?_=1607516951); margin-bottom: 5px;} #detail > .summary ul li:nth-child(4) .box::before {display: block; content: ''; width: 15px; height: 15px; background: center center / 100% auto no-repeat url(../../../../img/v1/21/ic-04.png?_=1607516951); margin-bottom: 5px;} #detail > .summary ul li:nth-child(5) .box::before {display: block; content: ''; width: 15px; height: 15px; background: center center / 100% auto no-repeat url(../../../../img/v1/21/ic-05.png?_=1607516951); margin-bottom: 5px;} #detail > .target {padding-top: 7em; margin-top: -6em; background: #f8f2ed; font-size: 1em;} #detail > .def p {font-size: 0.8em;} #detail > .desc p {font-size: 0.8em;} #detail > .desc {background: linear-gradient(120deg, #938173 0%, #938173 100%);} #detail > .desc .container {padding: 2em 1em;} #detail > .desc .img {width: 100%;} #detail > .desc-1 {background: linear-gradient(0, #938173 0%, #938173 100%);} #detail > .desc-2 p::before {display: none;} #detail > .desc-2 p::after {display: none;} #detail > .kinds {padding: 4em 3em; background: #fbf4f4; font-size: 1em; text-align: center; margin-top: 10%;} #detail > .kinds h3 {font-size: 3.5em; color: #333333;} #detail > .kinds .img {margin: 2.5em auto 0;} #detail > .kinds .img img {width: 100%;} #detail > .kinds .img span {display: block; text-align: right; color: #8c8a8a; font-size: 0.8em;} #detail > .method {background: #fff; margin-top: 0;} #detail > .method .step h4 {background-image: url(../../../img/v1/21/view_02/bg-02.png?_=1607516951);} #detail > .method .step ul h6 {background: #938173;} #detail > .method .step ul li {border: 1px solid #dcdcdc;} #detail > .method .step ul li:nth-child(4) {margin-left: auto; margin-right: 1.2%;} #detail > .method .step ul li:nth-child(5) {margin-left: 1.2%; margin-right: auto;} #detail > .before-and-after {} #detail > .before-and-after h3 em > img {width: 12em;} #detail > .before-and-after h3 span {color: #D2AA8D;} #detail > .before-and-after h3 strong {font-size: 2.7em;} #detail > .before-and-after h3 strong em {font-weight: 400;} #detail > .before-and-after h4 {background: #D2AA8D;} #detail > .before-and-after h5 {display: table; width: 100%; height: 5.5em; padding: 0; font-size: 1.4em;} #detail > .before-and-after h5 em {font-size: 0.8em;} #detail > .before-and-after h5 span {display: block; font-size: 1em;} #detail > .before-and-after h5 strong {color: #fff !important; display: table-cell; vertical-align: middle;} #detail > .before-and-after .container > p {font-size: 0.8em; line-height: 1.5em; white-space: pre-line; color: #414141; margin-top: 5px;} #detail > .before-and-after .container > p strong {font-size: 2em; font-weight: 500;} #detail > .before-and-after li strong {border-color: #938173; color: #938173;} #detail > .before-and-after .img::before {background: #62574f; display: none;} #detail > .before-and-after .img::after {background: #938173; display: none;} #detail > .before-and-after .img p.before {background: #62574f; position: absolute; top: 0; left: 0; right: auto; margin-right: 0; width: 50%; height: 2.375em; font-size: 0.8em; padding: 0 0.5em; color: #fff; display: flex; justify-content: space-between; font-weight: 300;} #detail > .before-and-after .img p span {font-size: 1em; line-height: 2.2em; padding: 0;} #detail > .before-and-after .img p.after {background: #938173; position: absolute; top: 0; right: 0; width: 50%; height: 2.375em; margin: 0; font-size: 0.8em; padding: 0 1em; color: #fff; display: flex; justify-content: space-between; font-weight: 300;} #detail > .before-and-after .note p strong {background: #62574f;} #detail > .before-and-after .note p strong:last-of-type {background: #938173;} #detail > .qna {background: linear-gradient(120deg, #938173 0%, #dfc4b0 100%); margin-bottom: 4em;} #detail > .qna h3 {color: #7d6755;} #selfie-wrap .selfie-name span {background-color: #938173 !important;} .new-wrap {font-size: 12px;} .new-wrap * {font-size: 1em;} .new-wrap dl, .new-wrap dt, .new-wrap dd {margin: 0; padding: 0; margin-inline-start: 0;} .new-wrap hr {display: block;} @media (min-width: 340px) { } @media (min-width: 360px) { .new-wrap {font-size: 13px;} } @media (min-width: 380px) { .new-wrap {font-size: 14px;} } .new-wrap .surgery-summary {padding: 50px 10px;text-align: center;} .new-wrap .surgery-summary .content {max-width: 1300px; margin: 0 auto;} .new-wrap .surgery-summary h3 {font-size: 1.9em; font-weight: 200; color: #333; line-height: 1em; letter-spacing: -0.05em;} .new-wrap .surgery-summary h3 + hr {width: 40px;height: 2px;margin: 25px auto;border-width: 0;background: #D2AA8D;} .new-wrap .surgery-summary p {font-weight: 400;font-size: 12px;line-height: 20px;text-align: center;letter-spacing: -0.05em;color: #333333;} .new-wrap .surgery-summary-type {width: 100%; margin: 0 auto; display: flex; justify-content: space-between;} .new-wrap .surgery-summary-type-item {width: 30%; margin-top: 1.5em;} .new-wrap .surgery-summary-type-item::before {display: block; content: 'TYPE-' attr(order); text-transform: uppercase; background: #D2AA8D; font-size: 0.8em; font-weight: bold; height: 1.5em; line-height: 1.5em; color: #fff;} .new-wrap .surgery-summary-type-item dt {font-size: 0.8em; font-weight: 400; color: #fff; height: 2.5em; line-height: 2.5em; background: #333;} .new-wrap .surgery-summary-type-item dd img {width: 100%;} .new-wrap .surgery-summary .img_wrap0 {width: 100%;max-width: 327px;margin:0 auto;} .new-wrap .surgery-summary .img_wrap0 img {} .new-wrap .surgery-needs {padding: 50px 1em;text-align: center;background: #F4F5F9;} .new-wrap .surgery-needs .content {max-width: 1300px; margin: 0 auto;} .new-wrap .surgery-needs h3 {font-size: 1.9em; font-weight: 200; color: #333; line-height: 1em; letter-spacing: -0.05em;} .new-wrap .surgery-needs h3 + hr {width: 40px; height: 2px; margin: 25px auto; border-width: 0; background: #D2AA8D;} .new-wrap .surgery-needs-items {width: 100%;max-width: 325px;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;} .new-wrap .surgery-needs-item {width: 31%;margin-top: 20px;position: relative;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);} .new-wrap .surgery-needs-item::before {display: block; content: ''; padding-top: 100%;} .new-wrap .surgery-needs-item-boundary {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; border: 0.5em solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #FAE9D3 0%, #FFD7D7 100%); background-origin: border-box; background-clip: content-box, border-box;} .new-wrap .surgery-needs-item:nth-child(1), .new-wrap .surgery-needs-item:nth-child(2), .new-wrap .surgery-needs-item:nth-child(3) {margin-top:0;} .new-wrap .surgery-needs-item p {font-size: 10px; font-weight: 400; line-height: 14px; letter-spacing: -0.05em; text-align: center;} .new-wrap .surgery-desc-01 {text-align: center;} .new-wrap .surgery-desc-01 .content {max-width: 1400px; margin: 0 auto; padding: 4em 1em;} .new-wrap .surgery-desc-01 .explain {width: 100%; padding: 4em 1em; background: linear-gradient(90deg, #FAE9D3 0%, #FFD7D7 100%); font-size: 0.9em;} .new-wrap .surgery-desc-01 .explain p {font-weight: 400; color: #333; line-height: 1.45em; white-space: pre-line; margin-top: -1.45em;} .new-wrap .surgery-desc-01 .explain p strong {display: inline; background: #fff; color: #B0805E; padding: 0 3px;} .new-wrap .surgery-desc-01 h3 {color: #333;font-family: Noto Sans KR;font-size: 26px;font-weight: 700;line-height: 34px;letter-spacing: -0.05em;text-align: center;} .new-wrap .surgery-desc-01 h3 em {color: #B0805E;display: block;font-family: Noto Sans KR;font-size: 14px;font-weight: 400;line-height: 14px;letter-spacing: 0.05em;text-align: center;padding-bottom: 25px;} .new-wrap .surgery-desc-01 h3 + hr {width: 4em; margin-top: 2em; border-width: 0; border-style: solid; color: #D2AA8D; background: #D2AA8D; border-top: 3px solid #D2AA8D;} .new-wrap .surgery-desc-01 .desc {margin: 30px 0;font-size: 12px;font-weight: 400;color: #333;line-height: 20px;} .new-wrap .surgery-desc-01 .desc span.point{padding: 0 5px; position: relative; display: inline-block; line-height: 18px; z-index: 1;} .new-wrap .surgery-desc-01 .desc span.point:before {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 90%;background: #FBE9D4;z-index: -1;} .new-wrap .surgery-desc-01-items {width: 100%; margin: 0 auto; padding: 0 1.5em;} .new-wrap .surgery-desc-01-item {width: 100%; margin-top: 2.5em;} .new-wrap .surgery-desc-01-item::before {display: block; content: 'TYPE-' attr(order); text-transform: uppercase; background: #D2AA8D; font-size: 1em; font-weight: bold; height: 1.5em; line-height: 1.5em; color: #fff;} .new-wrap .surgery-desc-01-item dt {font-size: 1.1em; font-weight: 400; color: #fff; height: 2.5em; line-height: 2.5em; background: #333;} .new-wrap .surgery-desc-01-item dd img {width: 100%; vertical-align: top;} .new-wrap .surgery-desc-02 {text-align: center;padding: 50px 1em;} .new-wrap .surgery-desc-02 .content {max-width: 1300px; margin: 0 auto;} .new-wrap .surgery-desc-02 h3 {font-size: 26px; font-weight: 300; line-height: 34px; letter-spacing: -0.05em; text-align: left;} .new-wrap .surgery-desc-02 h3 em {display: inline-block; margin-left: 0.2em;} .new-wrap .surgery-desc-02 h3 em img {vertical-align: top; width: 4em;} .new-wrap .surgery-desc-02 h3 + hr {width: 4em; margin-top: 2em; border-width: 0; border-style: solid; color: #D2AA8D; background: #D2AA8D; border-top: 3px solid #D2AA8D;} .new-wrap .surgery-desc-02 .summary-image {margin-top: 2.5em; padding: 0 4em 0;} .new-wrap .surgery-desc-02-items {width: 100%; margin: 0 auto; padding: 0 1.5em;} .new-wrap .surgery-desc-02-item {width: 100%; margin-top: 2.5em;} .new-wrap .surgery-desc-02-item::before {display: block; content: 'STYLE-' attr(order); text-transform: uppercase; background: #D2AA8D; font-size: 1em; font-weight: bold; height: 1.5em; line-height: 1.5em; color: #fff;} .new-wrap .surgery-desc-02-item dt {font-size: 1.1em; font-weight: 400; color: #fff; height: 2.5em; line-height: 2.5em; background: #333;} .new-wrap .surgery-desc-02-item dd img {width: 100%; vertical-align: top;} .new-wrap .surgery-desc-03 {background-color: #F4F5F9;text-align: center;position: relative;padding-bottom: 50px;} .new-wrap .surgery-desc-03 .boundary {width: 100%; max-width: 327px; margin: 0 auto; border: 0.5em solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #FAE9D3 0%, #FFD7D7 100%); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);} .new-wrap .surgery-desc-03 .content {margin: 0 auto;padding: 20px 0 10px 0;} .new-wrap .surgery-desc-03 h3 {font-size: 26px;font-weight: 200;color: #333;line-height: 26px;letter-spacing: -0.05em;} .new-wrap .surgery-desc-03 h3 em {font-size: 20px;color: #999999;display: block;font-weight: 500;padding-top: 5px;} .new-wrap .surgery-desc-03-items {width: 100%; margin: 2.5em auto 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;} .new-wrap .surgery-desc-03-item::before {display: block; content: ''; padding-top: 100%; width: 100%;} .new-wrap .surgery-desc-03-item:first-child::after {display: block; content: '+'; position: absolute; bottom: -1.1em; left: 50%; transform: translate3d(-50%, 0, 0); font-size: 3em; width: 1em; height: 1em; line-height: 0.9em; text-align: center; vertical-align: top;} .new-wrap .surgery-desc-03-item:first-child {margin: 0 20%;} .new-wrap .surgery-desc-03-item {width: 37%; margin: 1em; display: flex; justify-content: center; align-items: center; background: #ECEFF6; border-radius: 50%; position: relative;} .new-wrap .surgery-desc-03-item p {color: #333;position: absolute;top: 50%;left: 50%;width: 100%;transform: translate3d(-50%, -50%, 0);font-family: Noto Sans KR;font-size: 12px;font-weight: 400;line-height: 16px;letter-spacing: -0.05em;text-align: center;} .new-wrap .surgery-method {text-align: center; padding: 20em 1em 4em; background: #F4F5F9;} .new-wrap .surgery-method .content {margin: 0 auto;} .new-wrap .surgery-method h3 {font-size: 1.9em; font-weight: 200; color: #333; line-height: 1em; letter-spacing: -0.05em;} .new-wrap .surgery-method h3 + hr {width: 4em; margin-top: 2em; border-width: 0; border-style: solid; color: #D2AA8D; background: #D2AA8D; border-top: 3px solid #D2AA8D;} .new-wrap .surgery-method p {font-weight: 400; color: #333; line-height: 1.45em; white-space: pre-line; margin-top: 1.1em; font-size: 0.9em;} .new-wrap .surgery-method-items {width: 100%;max-width: 327px;margin: 0 auto 0;display: flex;justify-content: space-between;flex-wrap: wrap;} .new-wrap .surgery-method-item {width: 31.333%;position: relative;display: flex;flex-direction: column;margin-top: 2em;} .new-wrap .surgery-method-item:nth-child(5n+4) {margin-left: 17%;margin-right: auto;margin-top: 3em;} .new-wrap .surgery-method-item:nth-child(5n+5) {margin-right: 17%;margin-left: auto;margin-top: 3em;} .new-wrap .surgery-method-item-order {font-size: 0.8em; font-weight: 500; color: #fff; line-height: 1.1em; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #D2AA8D; width: 4em; height: 4em; position: absolute; top: 0; left: 50%; transform: translate3d(-50%, -50%, 0); border-radius: 50%; text-transform: uppercase;} .new-wrap .surgery-method-item-order em {font-size: 0.75em; display: block;} .new-wrap .surgery-method-item-order strong {font-size: 1em;} .new-wrap .surgery-method-item-image img {width: 100%; vertical-align: top;} .new-wrap .surgery-method-item-desc {flex: 1 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #fff; padding: 0.4em 0;} .new-wrap .surgery-method-item-desc p {font-size: 10px;line-height: 14px;font-weight: 400;} .new-wrap .surgery-media {background-color: #F4F5F9;text-align: center;padding: 50px 24px;} .new-wrap .surgery-media .content {max-width: 1060px; margin: 0 auto;} .new-wrap .surgery-media h3 {font-size: 26px;font-weight: 700;color: #333;line-height: 1em;letter-spacing: -0.05em;} .new-wrap .surgery-media h3 em {display: block; padding-bottom: 0.1em;} .new-wrap .surgery-media em img {vertical-align: top;width: 132.2px;} .new-wrap .surgery-media-video {padding-top: 56.25%;margin-top: 30px;position: relative;overflow: hidden;} .new-wrap .surgery-media-video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;} .new-wrap .surgery-versus {text-align: center;padding: 50px 0 30px 0;background: #F4F5F9;} .new-wrap .surgery-versus .content {max-width: 1100px; display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-end; justify-content: flex-end; margin: 0 auto; position: relative;} .new-wrap .surgery-versus h3 {order: 1;display: inline-block;font-size: 26px;font-weight: 300;line-height: 33px;letter-spacing: -0.05em;text-align: center;vertical-align: middle;margin: 0 auto;} .new-wrap .surgery-versus h3 span {vertical-align:middle;} .new-wrap .surgery-versus h3 span b {font-weight:500;} .new-wrap .surgery-versus h3 em {vertical-align:middle; display: inline-block; background: linear-gradient(to right, #FAE9D3, #FFD7D7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; font-size: 1.6em;} .new-wrap .surgery-versus-new {width: 100%;max-width: 327px;order: 2;margin: 30px auto 0 auto;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);} .new-wrap .surgery-versus-new .boundary {background: #fff; border: 0.5em solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #FAE9D3 0%, #FFD7D7 100%); background-origin: border-box; background-clip: content-box, border-box;} .new-wrap .surgery-versus-new h4 {font-size: 1.6em;font-weight: 200;color: #333;line-height: 1.4em;letter-spacing: -0.05em;margin-top: 20px;} .new-wrap .surgery-versus-new h4 em {display: inline-block; margin-right: 0.1em;} .new-wrap .surgery-versus-new h4 strong {font-weight:500;} .new-wrap .surgery-versus-new h4 em img {vertical-align: top; width: 2em;} .new-wrap .surgery-versus-new-image {margin: 20px auto;max-width: 10em;} .new-wrap .surgery-versus-new-detail {text-align: left;padding: 0 1.5em 20px 1.5em;} .new-wrap .surgery-versus-new-detail li {font-size: 14px;color: #333;line-height: 18px;position: relative;padding-left: 01em;margin: 5px 0;} .new-wrap .surgery-versus-new-detail li::before {display: block;content: '';width: 7px;height: 7px;background: #FFD7D7;border-radius: 50%;position: absolute;top: 0.4em;left: 0;} .new-wrap .surgery-versus-old {width: 100%;max-width: 327px;order: 3;flex: auto;margin: 30px auto 0 auto;box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);} .new-wrap .surgery-versus-old .boundary {border: 0.5em solid #D2DCE4; background: #fff;} .new-wrap .surgery-versus-old h4 {font-size: 1.6em;font-weight: 400;color: #727980;line-height: 1.4em;letter-spacing: -0.05em;margin-top: 20px;} .new-wrap .surgery-versus-old h4 em {display: inline-block; margin-right: 0.1em; height: 1.5em;} .new-wrap .surgery-versus-old h4 em img {vertical-align: top; width: 1.5em;} .new-wrap .surgery-versus-old-image {margin: 20px auto;max-width: 10em;} .new-wrap .surgery-versus-old-detail {text-align: left;margin-top: 20px;padding: 0 1.5em 20px 1.5em;} .new-wrap .surgery-versus-old-detail li {font-size: 14px; color: #333; line-height: 18px; position: relative; padding-left: 01em; margin: 5px 0;} .new-wrap .surgery-versus-old-detail li::before {isplay: block; content: ''; width: 7px; height: 7px; background: #D2DCE4; border-radius: 50%; position: absolute; top: 0.4em; left: 0;} .new-wrap .surgery-qna {padding: 50px 10px;text-align: center;} .new-wrap .surgery-bg1 {background: linear-gradient(180deg, #FAE9D3 0%, #FFD7D7 100%);} .new-wrap .surgery-bg2 {background: linear-gradient(0deg, #FAE9D3 0%, #FFD7D7 100%); padding-top:0px;} .new-wrap .surgery-qna .content {max-width: 343px;margin: 0 auto;} .new-wrap .surgery-qna h3 {font-size: 26px;font-weight: 300;color: #333;line-height: 1.2em;letter-spacing: -0.05em;} .new-wrap .surgery-qna h3 em {display: block; margin-right: 0.1em;} .new-wrap .surgery-qna h3 em img {width: 245px;} .new-wrap .surgery-qna h4 em img {vertical-align: top;} .new-wrap .surgery-qna-image {width: 300px;margin: 2.5em auto 0 auto;padding: 0 2em;} .new-wrap .surgery-qna-type-a {} .new-wrap .surgery-qna-type-a-detail {display: flex; flex-direction: column-reverse; justify-content: flex-start; padding: 2.5em;} .new-wrap .surgery-qna-type-a-detail .image {margin-top: 2em;} .new-wrap .surgery-qna-type-a-detail .desc {display: flex; flex-direction: column; justify-content: center; align-items: center; margin-left: 1.25em;} .new-wrap .surgery-qna-type-a-detail .sd {color: #D2AA8D; font-weight: 600;} .new-wrap .surgery-qna-type-a-detail .name {color: #333; font-size: 1.4em; font-weight: bold;} .new-wrap .surgery-qna-type-a-detail .combine {color: #6F6F6F; font-size: 1.25em; font-weight: 400;} .new-wrap .surgery-qna-type-a-detail p {white-space: pre-line; margin-top: 0.2em; line-height: 1.45em; text-align: center; font-weight: 400; font-size: 0.8em;} .new-wrap .surgery-qna-type-a-question {background: #F4F5F9; padding: 2.5em 0;} .new-wrap .surgery-qna-type-a-question h4 {font-size: 1.25em; font-weight: bold; color: #B0805E;} .new-wrap .surgery-qna-type-a-question h4 div {color: inherit;} .new-wrap .surgery-qna-type-a-question .image {margin-top: 1.25em;} .new-wrap .surgery-qna-type-a-question ul {display: inline-flex; flex-direction: column; justify-content: center; align-items: center;} .new-wrap .surgery-qna-type-a-question li {background: #7A7A7A; font-size: 1.3em; font-weight: 400; color: #fff; height: 1.9em; line-height: 1.9em; border-radius: 0.7em; display: inline-block; list-style: none; padding: 0 1em; position: relative;} .new-wrap .surgery-qna-type-a-question li span {font-size: 0.65em; font-weight: 300;} .new-wrap .surgery-qna-type-a-question li::after {display: block; content: '+'; color: #7A7A7A; font-size: 1em; width: 1em; height: 1em; line-height: 1em; font-size: 2em; position: absolute; bottom: -1em; left: 50%; transform: translate3d(-50%, 0, 0);} .new-wrap .surgery-qna-type-a-question li:last-child {margin-top: 2em; background: #D2AA8D;} .new-wrap .surgery-qna-type-a-question li:last-child::after {display: none;} .new-wrap .surgery-qna-type-a-question p {font-size: 0.9em; white-space: pre-line; margin-top: 0.2em; line-height: 1.45em; font-weight: 400;} .new-wrap .surgery-qna-type-b {background: #fff; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);} .new-wrap .surgery-qna-type-b-detail {display: flex; flex-direction: column-reverse; justify-content: flex-start; padding: 2.5em;} .new-wrap .surgery-qna-type-b-detail .image {margin-top: 2em;} .new-wrap .surgery-qna-type-b-detail .desc {display: flex; flex-direction: column; justify-content: center; align-items: center; margin-left: 1.25em;} .new-wrap .surgery-qna-type-b-detail .sd {color: #D2AA8D; font-weight: 600;} .new-wrap .surgery-qna-type-b-detail .name {color: #333; font-size: 1.4em; font-weight: bold;} .new-wrap .surgery-qna-type-b-detail p {white-space: pre-line; margin-top: 0.2em; line-height: 1.45em; text-align: center; font-weight: 400; font-size: 0.8em;} .new-wrap .surgery-qna-type-b-question {background: #F4F5F9; padding: 2.5em 0;} .new-wrap .surgery-qna-type-b-question h4 {font-size: 1.25em; font-weight: bold; color: #B0805E;} .new-wrap .surgery-qna-type-b-question h4 div {color: inherit;} .new-wrap .surgery-qna-type-b-question p {font-size: 0.9em; white-space: pre-line; margin-top: 0.2em; line-height: 1.45em; font-weight: 500;} .new-wrap .surgery-qna-type-b-question .tip {display: flex;width: 86%;margin: 1.25em auto 0;max-width: 283px;} .new-wrap .surgery-qna-type-b-question .tip .text {padding: 0.8em; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; background: #fff;} .new-wrap .surgery-qna-type-b-question .tip .subject {font-weight: bold; color: #333;} .new-wrap .surgery-qna-type-b-question .tip .subject em {color: #B0805E;} .new-wrap .surgery-qna-type-b-question .tip .desc {font-size: 0.85em;/* white-space: pre-line; */line-height: 1.45em;font-weight: 500;text-align: left;margin-top: -1em;} .new-wrap .surgery-case {text-align: center;padding: 50px 0;} .new-wrap .surgery-case h3 {font-size: 1.9em; font-weight: 200; color: #333; line-height: 1.2em; letter-spacing: -0.05em;} .new-wrap .surgery-case h3 em {font-size: 1em; color: #B0805E; display: block; font-weight: 400;} .new-wrap .surgery-case h3 + hr {display: inline-block;width: 40px;height: 2px;margin: 30px auto;background-color: #D2AA8D;border: 0px;} new-wrap .surgery-case-item {margin-top: 2.2em;} .new-wrap .surgery-case-item-intro {margin: 0 auto 30px auto;max-width: 303px;} .new-wrap .surgery-case-item-intro dt {background: #333; color: #fff; font-weight: bold; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 2.5em;} .new-wrap .surgery-case-item-intro dt em {font-size: 0.8em; vertical-align: baseline;} .new-wrap .surgery-case-item-intro dt span {font-weight: 100;} .new-wrap .surgery-case-item-intro dd img {max-width: 100%; vertical-align: top;} .new-wrap .surgery-case-item-intro .explain {display: flex;margin-top: 30px;overflow: hidden;width: 100%;} .new-wrap .surgery-case-item-intro .explain img {width: 35%;} .new-wrap .surgery-case-item-intro .explain p {flex: 1 0 auto;display: flex;justify-content: center;text-align: left;padding: 0 20px;font-size: 10px;font-weight: 400;background: #F4F5F9;flex-direction: column;line-height: 14px;letter-spacing: -0.07em;} .new-wrap .surgery-case-item-detail {margin: 2.5em auto 0;} .new-wrap .surgery-case-item-detail .image {margin-bottom: 2.5em;} .new-wrap .surgery-case-item-detail dl {max-width: 303px;margin: 0 auto;} .new-wrap .surgery-case-item-detail dt {background: #333; color: #fff; font-size: 0.85em; height: 1.5em; line-height: 1.5em; font-weight: 400;} .new-wrap .surgery-case-item-detail dd p {display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 0.5em;font-size: 12px;line-height: 16px;padding-bottom: 30px;} .new-wrap .surgery-case-item-summary {margin: 30px auto 0 auto;max-width: 303px;} .new-wrap .surgery-case-item-summary ul {display: flex;} .new-wrap .surgery-case-item-summary li {width: 33.333333%; width: calc(100% / 3);} .new-wrap .surgery-case-item-summary li strong {background: #333; color: #fff; font-size: 0.85em; height: 1.5em; line-height: 1.5em; font-weight: 400; display: block;} .new-wrap .surgery-case-item-summary li img {max-width: 100%;} .new-wrap .surgery-point {text-align: center; padding: 4em 2em; background-image: linear-gradient(to right, #FAE9D3 0%, #FFD7D7 100%);} .new-wrap .surgery-point .content {max-width: 1300px; margin: 0 auto; display: flex; justify-content: center; align-items: center; flex-direction: column-reverse;} .new-wrap .surgery-point h3 {font-size: 1.7em; font-weight: 200; color: #333; line-height: 1em; letter-spacing: -0.05em; text-align: center;} .new-wrap .surgery-point h3 em {color: #E87471;} .new-wrap .surgery-point-items {padding: 2.5em 0 0; width: 100%; text-align: left;} .new-wrap .surgery-point-items ul {padding: 1em; background: #fff; margin-top: 2em;} .new-wrap .surgery-point-items li {padding-left: 3.3em; position: relative; margin-top: 1.25em;} .new-wrap .surgery-point-items li > img {position: absolute; top: 0; left: 0; max-width: 30px !important;} .new-wrap .surgery-point-items li h4 {color: #333; font-size: 1em; font-weight: bold;} .new-wrap .surgery-point-items li p {display: flex; flex-direction: column; justify-content: center; text-align: left; font-size: 0.75em; line-height: 1.5em; white-space: pre-line; margin-top: -1.3em;} .new-wrap .surgery-point-cocoen {width: 100%;} .floating_btn{text-align: center; z-index: 100;} .floating_btn a{color: #fff !important; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 40px; font-size: 17px; line-height: 16px; background: linear-gradient(135deg, #F9B430 15%, #EB6464 86.25%); font-weight: 700;text-decoration: none !important; display: inline-block; line-height: 40px;} .floating_btn a em{font-size:12px;} .floating_btn a span{font-size: 15px; background: #fff; border-radius: 30px; color: #EF7B55; line-height: 22px; padding: 0 10px;} .dual-more-btn.fixed {position: fixed; width: 100%; top: 50px; left: 0;} /**/ .new-wrap .img_wrap {display: table; width: 303px; margin: 30px auto;} .new-wrap .img_wrap ul {} .new-wrap .img_wrap ul li {display: table-cell;} .new-wrap .img_wrap ul li img {width:100%;} .new-wrap .note {margin: 0; text-align: center; font-size: 24px; line-height: 35px;} .new-wrap .note .point {padding: 0 5px; position: relative; display: inline-block; line-height: 18px; z-index: 1;} .new-wrap .note .point:before {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #FBE9D4; z-index: -1;} .before-after {text-align: center; padding: 75px 0;} .before-after h3 {font-weight: 300; font-size: 55px; color: #333;} .before-after h3 em {font-size: 26px; color: #806d5f; display: block; padding-bottom: 10px;} .before-after .section {width: 1170px; margin: 0 auto;} .before-after .section h4 {margin-top: 55px; font-size: 36px;} .before-after .section h4 span {display: block; font-weight: bold; color: #fff; background: #D2AA8D; border-radius: 50%; width: 70px; height: 70px; line-height: 70px; margin: 0 auto;} .before-after .section h4 strong {display: block; color: #414141; padding-top: 15px;} .before-after .section .ps {font-size: 14px; color: #7b7b7b; text-align: right; padding-top: 20px;} .before-after .case {width: 1170px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto;} .before-after .case li {width: 567px; margin-top: 55px;} .before-after .case h5 {display: inline-block; border: 2px solid #938173; color: #938173; font-size: 18px; width: 115px; height: 45px; line-height: 43px; border-radius: 25px;} .before-after .case .body {padding-top: 25px; position: relative;} .before-after .case a {display: block; position: relative;} .before-after .case h6 {background: #333; color: #fff; text-align: center; padding: 0 5px; font-size: 30px; line-height: 1.2em; width: 100%; height: 115px; display: table;} .before-after .case h6 strong {display: table-cell; vertical-align: middle; word-break: break-all; word-break: keep-all;} .before-after .case h6 span {display: block;} .before-after .case h6 em {font-size: 0.7em;} .before-after .case img {width: 100%;} .before-after .case .img {position: relative; padding-top: 40px;} .before-after .case .img .before {background: #62574f; position: absolute; top: 0; left: 0; width: 50%; height: 40px; line-height: 39px; padding: 0 20px; color: #fff; display: flex; justify-content: space-between; font-size: 18px; font-weight: 300;} .before-after .case .img .after {background: #938173; position: absolute; top: 0; right: 0; width: 50%; height: 40px; line-height: 39px; padding: 0 20px; color: #fff; display: flex; justify-content: space-between; font-size: 18px; font-weight: 300;} .before-after .case .desc {border: 1px solid #e5e5e5; border-top: 0; background: #fff;} .before-after .case .desc p {padding: 30px 5px; font-size: 18px; line-height: 1.4em; white-space: pre-line; text-align: center;} .before-after .case .desc p strong {display: inline-block; width: 65px; height: 65px; border-radius: 50%; overflow: hidden; background: #62574f; display: flex; flex-direction: column; justify-content: flex-end; color: #fff; margin: 0 auto;} .before-after .case .desc p strong span {margin-top: auto; margin-bottom: auto; font-weight: 400; font-size: 17px; line-height: 1.1em;} .before-after .case .desc p:last-child strong {background: #938173;} .before-after .case .desc p:last-child strong span {margin-bottom: 0;} .before-after .case .desc p:last-child strong span + span {margin-top: 0; margin-bottom: auto;} .before-after span.blog-link-btn {z-index: 50; font-size: 17px; display: inline-block; padding: 4px 8px; border-radius: 8px; background: #fffb82; color: #000; font-weight: 500; vertical-align: baseline; position: absolute; top: 3px; left: 5px; letter-spacing: 0;} .before-after a.blog-link-btn {background: red; color: #fff; width: 70px; height: 40px; line-height: 40px; z-index: 100; font-size: 14px; margin: 0; padding: 0; border-radius: 0; position: absolute; top: 25px; right: 0; display: block;} .before-after .blog-desc {padding-top: 50px; font-size: 22px; line-height: 1em; color: #000; vertical-align: top;} .before-after .blog-desc button {display: inline-block; padding: 4px 8px; border-radius: 8px; background: #fffb82; color: #000; font-weight: 500; vertical-align: baseline; font-size: 17px; margin-top: -4px; vertical-align: top;} .selfie-name > span {background: #938173;} .last-wrap.yellow-wrap {background: #e1d8d1;} .last-wrap.yellow-wrap strong {background: #938173; padding: 0 4px;} .new-wrap .media {padding: 20px 1em 90px; text-align: center;} .new-wrap .media>.container {max-width: 1060px; margin: 0 auto;} .new-wrap .media h3 {font-size: 36px; font-weight: 300; color: #414141;} .new-wrap .media h3>strong {font-size: 50px; font-weight: bold; color: #000; display: block; padding-top: 0.5em;} .new-wrap .media .video-embed {margin-top: 60px; padding-top: 56.25%; position: relative; overflow: hidden; background: #ddd;} .new-wrap .media .video-embed>iframe {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;} /**/ .ctitle h3 {font-size: 26px; font-weight: 300; color: #333; line-height: 1.2em; letter-spacing: -0.05em; text-align: center;} .ctitle h3 + hr {width: 40px; height: 2px; border-width: 0; border-style: solid; background: #D2AA8D; margin: 30px auto;} .section-001 {display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 0; gap: 30px; background: rgba(255, 215, 215, 0.5);} .section-001 .sec {} .section-001 .sec .container {width: calc(100% - 20px); margin: 0 10px; display: inline-block; padding: 30px 20px; background: #FFFFFF; box-shadow: 10px 10px 20px rgb(255 215 215 / 80%);} .section-001 .sec .container .box_wrap {text-align: center;} .section-001 .sec .container .num {font-size: 12px; display: block; text-align: center;} .section-001 .sec .container .ctitle {display: inline-block; padding: 10px 20px; color: #ffffff; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 20px; margin: 10px 0 30px 0; letter-spacing: -0.05em;} .section-001 .sub_first {} .section-001 .sub_first .container .num {color: #E19898;} .section-001 .sub_first .container .ctitle {background: #E19898;} .section-001 .sub_first .bna .bna_title .after {background: #E19898;} .section-001 .sub_second {} .section-001 .sub_second .container .num {color: #D2AA8D;} .section-001 .sub_second .container .ctitle {background: #D2AA8D;} .section-001 .sub_second .bna .bna_title .after {background: #D2AA8D;} .section-001 .sub_third {} .section-001 .sub_third .container .num {color: #E7A488;} .section-001 .sub_third .container .ctitle {background: #E7A488;} .section-001 .sub_third .bna .bna_title .after {background: #E7A488;} .section-002 {display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 0; background: rgba(250, 233, 211, 0.5);} .section-002 .bna .bna_title .after {background-color:#D2AA8D;} .section-002 .contents {width: calc(100% - 30px); margin: 0 15px; display: inline-block; padding: 50px 20px; background: #FFFFFF; box-shadow: 10px 10px 20px rgb(250 233 211 / 80%);} .section-002 .contents > ul:after {display: inline-block; width: 250px; height: 1px; content: ''; background-color: #E8E8E8; margin: 30px auto;} .section-002 .contents > ul:last-child:after {display: none;} .section-002 .contents > ul:last-child {margin-bottom: 0px;} .section-002 .contents .text-info-wrap {} .section-002 .contents .text-info-wrap em {width: 100%; text-align: center; font-weight: 700; font-size: 22px; letter-spacing: -0.05em; color: #333333;} .section-002 .contents .text-info-wrap em span {display: block; font-weight: 400; font-size: 14px; letter-spacing: -0.05em; color: #7C7C7F;} .section-002 .contents .text-info-wrap span.point {width: 100%; text-align: center; font-weight: 400; font-size: 14px; line-height: 14px; letter-spacing: -0.05em; color: #B0805E; margin: 20px 0;} .section-002 .contents .text-info-wrap .txt-info {font-weight: 400; font-size: 12px; line-height: 18px; letter-spacing: -0.05em; color: #333333; text-align: center;} .section-003 {display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0px; width: 100%; background: url(../../../../img/v2/21/02_2407/part2/m-23.png) center center no-repeat; background-size: cover;} .section-003 .sec {width: 100%; margin: 0 auto; text-align: center; display: flex; align-items: center; justify-content: center;} .section-003 .sec ul {text-align: center; display: flex; flex-direction: column; margin: 50px 0 30px 0; align-items: flex-start; justify-content: center;} .section-003 .sec ul img {margin:30px auto;} .section-003 .sec ul em {width: 253px; text-align: left; font-weight: 300; font-size: 16px; line-height: 34px; letter-spacing: -0.05em; color: #FFFFFF; margin: 0 auto;} .section-003 .sec ul em span.txt-top {display: inline-block; padding-bottom: 10px; height: 34px;} .section-003 .sec ul em span.point {font-weight: 700; font-size: 26px; line-height: 40px; text-align: center; letter-spacing: -0.05em; color: #0F1620; background-color: #fff; padding: 0;} .section-003 .sec ul em b {float: right; font-weight: 500; font-size: 14px; line-height: 28px; letter-spacing: -0.1em;} .section-003 .sec ul p {width: 311px; text-align: center; font-weight: 400; font-size: 12px; line-height: 18px; letter-spacing: -0.06em; color: #FFFFFF; clear: both; margin: 0 auto;} .section-003 .sec ul:first-child {text-align: left;} .section-003 .sec ul:last-child {width: 100%;} .section-003 .sec ul:last-child img {width: 133px; height: 417px; filter: drop-shadow(5px 5px 10px #000000);} .section-003 .sec ul:last-child span {display: inline-block; width: 100%; height: 40px; font-weight: 350; font-size: 16px; letter-spacing: -0.05em; color: #FFFFFF; vertical-align: bottom; text-align: center;} .surgery-desc-02 {display: inline-block; width: 100%; padding: 120px 0;} .surgery-desc-02 ul {margin: 0 auto; display: table; width: 100%; max-width: 327px;} .surgery-desc-02 ul li {display: inline-block; width: 100%;} .surgery-desc-02 ul li img {width:100%;} .surgery-desc-02 ul li h3 {font-weight: 400; font-size: 46px; line-height: 60px; letter-spacing: -0.05em; color: #333333; margin: 30px 0;} .surgery-desc-02 ul li h3 b {font-weight: 700;} .surgery-desc-02 ul li p.desc {font-size: 12px; font-weight: 400; line-height: 20px; letter-spacing: -0.05em; text-align: left;} .surgery-desc-02 ul li p.desc span.point{padding: 0 5px; position: relative; display: inline-block; line-height: 18px; z-index: 1;} .surgery-desc-02 ul li p.desc span.point:before {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #FBE9D4; z-index: -1;} hr.guboon {border: 0px; margin: 2px 0;} .new-wrap .surgery-qna-type-a {} .new-wrap .surgery-qna-type-a .inner-box {display: inline-block; padding: 50px 0 0 0; width: 100%; background: #FFFFFF; box-shadow: 10px 10px 20px rgba(255, 155, 155, 0.2);} .new-wrap .surgery-qna-type-a .inner-box p.desc {font-size: 12px;font-weight: 400;line-height: 18px;letter-spacing: -0.05em;text-align: center;} .new-wrap .surgery-qna-type-a .inner-box p.desc span.point{padding: 0 5px; position: relative; display: inline-block; line-height: 18px; z-index: 1;} .new-wrap .surgery-qna-type-a .inner-box p.desc span.point:before {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #FBE9D4; z-index: -1;} .new-wrap .surgery-qna-type-a .inner-box .ctitle {} .new-wrap .surgery-qna-type-a .inner-box .ctitle h3 {font-weight: 200; color: #333; letter-spacing: -0.05em; margin-top: 0px; line-height: 20px;} .new-wrap .surgery-qna-type-a .inner-box .ctitle h3 em {display: block; width: 100%; height: 24px; color: #B0805E; font-family: Noto Sans KR; font-size: 14px; font-weight: 400; letter-spacing: 0.05em; text-align: center; line-height: 1;} .new-wrap .surgery-qna-type-a .inner-box .ctitle h3 strong {clear: both;font-family: Noto Sans KR;font-size: 26px;font-weight: 700;line-height: 26px;letter-spacing: -0.05em;text-align: center;} .new-wrap .surgery-qna-type-a .inner-box .ctitle h3 + hr {width: 40px; height: 2px; border-width: 0; border-style: solid; color: #D2AA8D; background: #D2AA8D; margin: 20px auto;} .new-wrap .surgery-qna-type-a .bna-wrap {background-color: #F4F5F9; width: 100%; margin: 0 auto; padding: 20px 1em; margin-top: 50px;} .new-wrap .surgery-desc-01 h3 strong {display: block;} .new-wrap .surgery-qna-type-a .inner-box .bna-wrap > ul {text-align: center;} .new-wrap .surgery-qna-type-a .inner-box .bna-wrap > ul > li.left .after {background: #E19898;} .new-wrap .surgery-qna-type-a .inner-box .bna-wrap > ul > li.right .after {background: #D2AA8D;} .new-wrap .surgery-qna-type-a .inner-box .bna-wrap > ul {display: table; width: 100%} .new-wrap .surgery-qna-type-a .inner-box .bna-wrap > ul > li {display: inline-block;} .new-wrap .surgery-qna-type-a .inner-box .bna-wrap ul > li div.bna {width: 100%; max-width: 303px; margin: 0;} .new-wrap .surgery-qna-type-a .inner-box .bna-wrap ul > li div.bna p.info {} .new-wrap .surgery-qna-type-a .inner-box .bna-wrap ul > li div.bna div.img {} .new-wrap .surgery-qna-type-a .inner-box .bna-wrap ul > li div.bna div.img span.before {display: inline-block;} .new-wrap .surgery-qna-type-a .inner-box .bna-wrap ul > li div.bna div.img span.after {display: inline-block;} .new-wrap .surgery-qna-type-a .inner-box .bna-wrap ul > li div.bna div.img img {} .new-wrap .surgery-qna-type-a .inner_box2 {max-width: 327px; display: block; margin: 4em auto 0 auto;} .new-wrap .surgery-qna-type-a .inner_box2 > ul {display: table; width: 100%;} .new-wrap .surgery-qna-type-a .inner_box2 > ul:nth-child(1) li.icon {width: 103px; text-align: left;} .new-wrap .surgery-qna-type-a .inner_box2 > ul:nth-child(1) li.info {width: calc(100% - 103px); text-align: left;} .new-wrap .surgery-qna-type-a .inner_box2 > ul:nth-child(1) {} .new-wrap .surgery-qna-type-a .inner_box2 > ul:nth-child(2) {margin-top: 1.5em;} .new-wrap .surgery-qna-type-a .inner_box2 > ul:nth-child(2) li.icon {text-align: right;} .new-wrap .surgery-qna-type-a .inner_box2 > ul:nth-child(2) li.info {text-align: right;} .new-wrap .surgery-qna-type-a .inner_box2 ul li.icon {display: table-cell; width: 103px;} .new-wrap .surgery-qna-type-a .inner_box2 ul li.icon img {width: 92px; filter: drop-shadow(10px 10px 20px rgba(255, 155, 155, 0.5));} .new-wrap .surgery-qna-type-a .inner_box2 ul li.info {display: table-cell; vertical-align: top; padding-top: 1em;} .new-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon {display: inline-block; max-width: 100%; padding: 10px 15px; background-color: #fff; color: #333333; border-radius: 20px; position: relative; box-shadow: 10px 10px 20px rgb(255 155 155 / 50%); word-wrap: break-word; white-space: normal; font-size: 12px; line-height: 1.5;} .new-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon::after {content: ''; position: absolute; border-style: solid;} .new-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon.left {align-self: flex-start;} .new-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon.left b {color: #E87471;} .new-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon.right::after {z-index: auto; top: 15px; right: -15px; transform: translateY(-50%) rotate(155deg); border-width: 5px 20px 8px 0; border-color: transparent #fff transparent transparent;} .new-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon.right {align-self: flex-end; background-color: #fff;} .new-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon.right b {color: #E87471;} .new-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon.right strong {font-size: 15px;line-height: 15px;font-weight: 700;} .new-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon.left:after {top: 15px; left: -15px; transform: translateY(-50%) rotate(16deg); border-width: 5px 20px 8px 0; border-color: transparent #fff transparent transparent;} .new-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon .bna {} .new-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon .bna p.info {font-size: 10px;} .new-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon .bna div.img {} .new-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon .bna div.img .bna_title {} .new-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon .bna div.img span.before {float: left;} .new-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon .bna div.img span.after {float: left; background-color: #D2AA8D;} .new-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon .bna div.img img {} .new-wrap .surgery-bg2 .surgery-qna-type-a .inner-box {display: inline-block; padding: 50px 0 0 0; width: 100%; background: #FFFFFF; box-shadow: 10px 10px 20px rgba(220, 150, 80, 0.2);} .new-wrap .surgery-bg2 .inner-box .desc {margin: 30px 0 50px 0;} .new-wrap .surgery-bg2 .surgery-qna-type-a .inner_box2 ul li.icon img {filter: drop-shadow(10px 10px 20px rgba(220, 150, 80, 0.5));} .new-wrap .surgery-bg2 .surgery-qna-type-a .inner_box2 ul li.info .balloon {box-shadow: 10px 10px 20px rgb(220 150 80 / 50%);} .new-wrap .surgery-bg2 .surgery-qna-type-a .inner_box2 ul li.info .balloon.right b {color: #333333;} .new-wrap .surgery-qna-type-b-question {background: #F4F5F9; padding: 30px 0;} .new-wrap .surgery-qna-type-b-question h4 {font-size: 1.25em; font-weight: bold; color: #B0805E;} .new-wrap .surgery-qna-type-b-question p {font-size: 0.9em; white-space: pre-line; margin-top: 0.2em; line-height: 1.45em; font-weight: 500;} .new-wrap .surgery-qna-type-b-question .tip {display: flex; width: 100%; margin: 0 auto;} .new-wrap .surgery-qna-type-b-question .tip .image {width:102px;} .new-wrap .surgery-qna-type-b-question .tip .text {width: calc(100% - 102px); padding: 10px 15px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; background: #fff;} .new-wrap .surgery-qna-type-b-question .tip .subject {font-size: 12px; font-weight: bold; color: #333;} .new-wrap .surgery-qna-type-b-question .tip .subject em {color: #B0805E;} .new-wrap .surgery-qna-type-b-question .tip .desc {font-size: 12px; line-height: 18px; font-weight: 400; text-align: left; letter-spacing: -0.08em; margin: 10px 0 0 0;} .new-wrap .surgery-qna-type-b-question > a {display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 16px 20px; width: 283px; height: 28px; margin: 20px auto 0 auto; background: #333333; font-size: 12px; font-weight: 300; color: #ffffff; line-height: 24px;} .new-wrap .surgery-qna-type-b-question > a b {padding-right: 5px; font-weight: 400;} .summary-2 {display: inline-block; margin: 0 auto 30px auto; width: 100%; max-width: 336px; border: 6px solid; border-image: linear-gradient(to right, #FAE9D3, #FFD7D7); border-image-slice: 1; padding: 15px 10px;} .summary-2 h4 {font-family: Noto Sans KR; font-size: 12px; font-weight: 400; line-height: 1; letter-spacing: -0.05em; text-align: center;} .summary-2 h4 span {font-family: Noto Sans KR; font-size: 12px; font-weight: 700; line-height: 12px; letter-spacing: -0.05em; text-align: center; color: #E87471;} .summary-2 table {width: 100%; margin-top: 15px;} .summary-2 table thead th {background-color: #FFD7D7; font-family: Noto Sans KR; font-size: 10px; font-weight: 700; line-height: 16px; letter-spacing: -0.05em; text-align: center; border-bottom: 2px solid #FAE9D3; border-right: 1px solid #FAE9D3; padding: 7px 0px; width: 50%;} .summary-2 table tbody td {font-family: Noto Sans KR; font-size: 10px; font-weight: 400; line-height: 16px; letter-spacing: -0.05em; text-align: center; color: #333333; border-bottom: 2px solid #FAE9D3; border-right: 1px solid #FAE9D3; padding: 10px 0px; height: 68px;} .summary-2 table.table-col3 thead th {width: 33.333%;} .summary-2 table thead th:last-child, .summary-2 table tbody td:last-child {border-right: 0px !important;} .summary-2 .info_txt {width: 100%; height: 27px; display: inline-block; background: url('../../../../img/v2/21/02_2407/bg_line.gif') center top no-repeat; background-size: contain;} .summary-2 .info_txt span {font-family: Noto Sans KR; font-size: 9px; text-align: center; font-weight: 400; line-height: 13px; letter-spacing: -0.05em; vertical-align: middle; display: block; margin-top: 30px;} .summary-2 .info_txt span em, .summary-2 .info_txt2 span em, .summary-2 .info_txt3 span em {vertical-align: middle;} .summary-2 .info_txt span em::before, .summary-2 .info_txt2 span em::before, .summary-2 .info_txt3 span em::before {display: inline-block; position: relative; width: 10px; height: 10px; padding-right: 10px; content: ''; vertical-align: middle; background: url('../../../../img/v2/21/02_2407/ico_checked.png') center center no-repeat; background-size: contain; margin-top: -3px;} .summary-2 .info_txt2 {display: table; width: 80%; margin: 0 auto;} .summary-2 .info_txt2 ul {display: table-cell; width: 50%; height: 50px; background: url('../../../img/v1/15/view_09_2406/bg_line2.gif') center top no-repeat;} .summary-2 .info_txt2 ul.none {background: none !important;} .summary-2 .info_txt2 ul span {font-family: Noto Sans KR; font-size: 20px; text-align: center; font-weight: 400; line-height: 36px; letter-spacing: -0.05em; vertical-align: middle; display: block; margin-top: 60px;} .summary-2 .info_txt3 {width: 100%; height: 52px; display: inline-block; background: url('../../../img/v1/15/view_09_2406/bg_line3.gif') center top no-repeat;} .summary-2 .info_txt3 span {font-family: Noto Sans KR; font-size: 20px; text-align: center; font-weight: 400; line-height: 36px; letter-spacing: -0.05em; vertical-align: middle; display: block; margin-top: 55px;} .surgery-case-03 {} .surgery-case-03 span.img_wrap {height: auto;} .surgery-case-03 span.img_wrap:first-child {margin-top: 0px;} .surgery-case-03 div.img-wrap {width:303px; margin:0 auto; display: table; line-height: 0;} .surgery-case-03 div.img-wrap ul {} .surgery-case-03 div.img-wrap ul li {display:table-cell;} .surgery-case-03 .contents {display: inline-block; width: 100%; max-width: 303px; padding: 60px 0 0 0;} .explain_box {padding-top: 60px; max-width: 303px; margin: 0 auto;} .explain_box ul {width: 100%; margin: 0 auto; text-align: center; display: flex; flex-wrap: nowrap; justify-content: center; flex-direction: column; align-items: center; align-content: center;} .explain_box li {width: 100%; text-align: center; display: flex; flex-direction: column; margin: 4em 0 0; align-items: center;} .explain_box li:nth-child(1) {margin-top: 0px;} .explain_box li:not(:nth-child(-n+1)) {margin-top: 10px;} .explain_box li .title {display: flex; align-items: center; justify-content: center; margin: 0 0 40px;} .explain_box li .title .num {display: flex; width: 80px; height: 80px; border-radius: 100%; background: #7099B7; color: #fff; justify-content: center; align-items: center; margin: 0 20px 0 0; font-size: 36px; font-weight: 900;} .explain_box .bna .bna_title .after {background: #D2AA8D;} .padd_gap {padding: 60px 0 0 0;} .padd_gap2 {display: inline-block; margin: 60px 0;} .padd_gap2 .bna .col .bna_title .after {background: #D2AA8D;} .section-002 .bna .bna_title .after, .explain_box .bna .bna_title .after, .padd_gap2 .bna .bna_title .after {background: #D2AA8D;} .surgery-desc-02 div.desc {} .surgery-desc-02 div.desc ul {display: inline-block; width: inherit;} .surgery-desc-02 div.desc ul li {display: inline-block;width: 100%;height: inherit;padding: 0;text-align: left;margin-bottom:10px;font-size: 12px;font-weight: 400;line-height: 18px;letter-spacing: -0.05em;text-align: left;} .surgery-desc-02 div.desc ul li:last-child {margin-bottom:0;} div.desc ul li {font-size: 12px; font-weight: 400; line-height: 18px; letter-spacing: -0.05em;} div.desc ul li .point {padding: 0 5px; position: relative; display: inline-block; line-height: 18px; z-index: 1;} div.desc ul li .point:before {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 90%;background: #FBE9D4;z-index: -1;} .txt-info ul {width: 100%;margin: 0 auto;text-align: center;display: inline-block;} .txt-info li {width: 100%;display: inline-block;margin: 0;} .new-wrap .surgery-desc-01 .desc ul li, .section-002 .contents .text-info-wrap .txt-info ul li, .new-wrap .surgery-qna-type-a .desc ul li, .txt-info li {margin-top:10px;} .new-wrap .surgery-desc-01 .desc ul li:nth-child(1), .section-002 .contents .text-info-wrap .txt-info ul li:nth-child(1), .new-wrap .surgery-qna-type-a .desc ul li:nth-child(1), .txt-info li:nth-child(1){margin-top:0px;} .surgery-case-item-summary.li3 {max-width:225px; margin-top:0px;} @media all and (max-width:400px){ .section-001 .sec .container {width: calc(100% - 10px); margin: 0 5px; padding: 30px 10px;} .section-002 .contents {width: calc(100% - 10px); margin: 0 5px; padding: 30px 10px;} .new-wrap .surgery-needs-item {width: 32.5%;} .new-wrap .surgery-media {padding: 50px 10px;} }