#detail > .summary {background: #f5f7e7;}
#detail > .summary h2 span {font-size: 0.9em; color: #abb364;}
#detail > .summary h2 strong {color: #36353a; font-size: 2.7em;}
#detail > .summary h2 strong em {font-weight: 300; font-size: 0.9em; display: block;}
#detail > .summary:before {background-image: url(../../../img/v1/17/view_06/model-01.jpg?_=1607516951);}
#detail > .summary ul li {width: 18%; margin: 0 2px; position: relative; background: center center / 100% auto no-repeat url(../../../../img/v1/17/view_06/bg-01.png?_=1607516951);}
#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/17/view_06/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/17/view_06/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/17/view_06/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/17/view_06/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/17/view_06/ic-05.png?_=1607516951); margin-bottom: 5px;}
#detail > .target {margin-top: -5em; background: #faf6ec; font-size: 1em; padding-top: 4em;}
#detail > .def p {font-size: 0.8em;}
#detail > .desc p {font-size: 0.8em;}
#detail > .desc {background: linear-gradient(120deg, #b5bd70 0%, #b5bd70 100%);}
#detail > .desc .container {padding: 3em 1em;}
#detail > .desc .img {width: 90%;}


/* bna */
.bna {display: flex; flex-direction: column;}
.bna > div.img {position: relative;}
.bna .info {display: grid; height: 30px; background: #333; padding: 0 2px; color: #fff; justify-content: center; align-items: center; font-family: Noto Sans KR; font-size: 12px; font-weight: 400; line-height: 12px; letter-spacing: -0.05em; text-align: center;}
.bna .bna_title {position: absolute; width: 100%; text-align: left;}
.bna .bna_title > span {display: grid; width: 50px; height: 26px; color: #fff; background: #7C7C7F; align-items: center; justify-content: center; font-family: Noto Sans KR; font-size: 12px; font-weight: 400; line-height: 17.38px; letter-spacing: -0.05em; text-align: left;}
.bna .bna_title .after {background: #A1B674;}
.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: 18px; letter-spacing: -1.5px; background: #555;}
.bna-wrap {text-align: center;}
.bna-wrap ul {width: 303px; margin: 0 auto; text-align: center; display: flex; flex-wrap: wrap; justify-content: space-between;}
.bna-wrap li {width: 303px; text-align: center; display: flex; flex-direction: column; margin: 40px 0 0 0; align-items: center; justify-content: center;}
.bna-wrap li:nth-child(1), .bna-wrap li:nth-child(2) {margin-top: 0px;}


/* 눈밑지방재배치란? */
.surgery-summary {padding: 50px 0px; text-align: center;}
.surgery-summary .content {max-width: 1300px; margin: 0 auto;}
.surgery-summary .content h3 {color: #333333; font-family: Noto Sans KR; font-size: 26px; font-weight: 300; line-height: 36px; letter-spacing: -0.05em; text-align: center;}
.surgery-summary .content h3 strong {font-weight: 700;}
.surgery-summary .content h3 + hr {display: block; width: 40px; margin: 20px auto 30px auto; border-width: 0; border-style: solid; border-top: 2px solid #A1B674;}
.surgery-summary .content div.note {display: inline-block; margin: 30px 0; text-align: center;}
.surgery-summary .content div.note p {margin-bottom: 8px; color: #333333; font-family: Noto Sans KR; font-size: 12px; font-weight: 400; line-height: 18px; letter-spacing: -0.05em;}
.surgery-summary .content div.note p:last-child {margin-bottom: 0px;}
.surgery-summary .content div.note span.point {display: inline-block; padding: 0 5px; margin: 3px 0; background: #EDF9D4;}
.surgery-summary .content div.note b {color: #333;}
.surgery-summary .content .box_wrap0 {width: 303px; margin: 0 auto;}
.surgery-summary .content .box_wrap0 .bna {}
.surgery-summary .content .box_wrap0 .bna .img {}
.surgery-summary .content .box_wrap0 .bna .img img {width: 100%;}
.surgery-summary .content .box_wrap1 {}
.surgery-summary .content .box_wrap1 .contents {padding-top: 0px;}
.surgery-summary .content .box_wrap1 .contents > ul {}
.surgery-summary .content .box_wrap1 .contents > ul > li {margin-bottom: 10px;}
.surgery-summary .content .box_wrap1 .contents > ul:last-child > li:last-child {margin-bottom: 0px;}
.surgery-summary .content .box_wrap1 .contents > ul > li img {width: 100%;}


/* 눈밑지방재배치 수술 대상 */
.surgery-needs {padding: 50px 0; text-align: center; background: #f5f5f5;}
.surgery-needs .content {max-width: 1300px; margin: 0 auto;}
.surgery-needs h3 {font-family: Noto Sans KR; font-size: 26px; font-weight: 300; line-height: 37.65px; letter-spacing: -0.05em; text-align: center; color: #333333;}
.surgery-needs h3 strong {font-weight: 700;}
.surgery-needs h3 + hr {display: block; width: 40px; height: 2px; margin: 20px auto 30px auto; border-width: 0; border-style: solid; border-top: 2px solid #a1b674;}
.surgery-needs-items {width: 320px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.surgery-needs-item {width: 100px; height: 100px; position: relative; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);}
.surgery-needs-item:nth-child(1), .surgery-needs-item:nth-child(2), .surgery-needs-item:nth-child(3) {margin-bottom: 20px;}
.surgery-needs-item::before {display: block; content: '';}
.surgery-needs-item-boundary {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; border: 6px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #E0F3B6 0%, #FCEBC1 100%); background-origin: border-box; background-clip: content-box, border-box;}
.surgery-needs-item p {font-style: normal; display: flex; align-items: center; color: #333333; font-family: Noto Sans KR; font-size: 10px; font-weight: 400; line-height: 14px; letter-spacing: -0.05em; text-align: center;}


/* 지방제거 대신 ‘ 재배치‘ 를 하는 이유? */
.surgery-desc-02 {display: inline-block; width: 100%; padding: 50px 0;}
.surgery-desc-02 ul {margin: 0 auto; display: table; width: 327px;}
.surgery-desc-02 ul li {display: inline-block; vertical-align: top;}
.surgery-desc-02 ul li:first-child {width: 100%;}
.surgery-desc-02 ul li:last-child {padding-top: 40px; text-align: left;}
.surgery-desc-02 ul li:last-child img {width: 100%; max-width: 327px !important;}
.surgery-desc-02 ul li h3 {color: #333333; margin: 30px 0 20px 0; font-family: Noto Sans KR; font-size: 26px; font-weight: 300; line-height: 34px; letter-spacing: -0.05em; text-align: left;}
.surgery-desc-02 ul li h3 b {font-weight: 700; color: #A1B674;}
.surgery-desc-02 ul li h3 b sub {display: inline-block; transform: rotate(180deg); margin-left: 5px; font-size: 26px;}
.surgery-desc-02 ul li div.desc {font-family: Noto Sans KR; font-size: 12px; font-weight: 400; line-height: 18px; letter-spacing: -0.05em; text-align: left; color: #333333;}
.surgery-desc-02 ul li div.desc span.point {display: inline-block; background: #EDF9D4; padding: 0 7px; margin: 3px 0;}


/* 재발 걱정 NO! 안와격막 강화로 재발 방지! */
.section5 {display: inline-block; width: 100%; padding: 50px 0;}
.section5 .content {display: table; width: 310px; margin: 0 auto;}
.section5 .content h3.title {margin-bottom: 30px; font-family: Noto Sans KR; font-size: 26px; font-weight: 300; line-height: 36px; letter-spacing: -0.05em; text-align: center; color: #333333;}
.section5 .content h3.title b {font-weight: 700;}
.section5 .content h3.title br {}
.section5 .content ul.img-wrap {display: inline-block;}
.section5 .content ul.img-wrap li {position: relative; width: 150px; float: left; margin-right: 10px;}
.section5 .content ul.img-wrap li p.bna_title {position: absolute; left: 0px; top: 0px;}
.section5 .content ul.img-wrap li p.bna_title > span {display: grid; width: 50px; height: 26px; color: #fff; background: #7C7C7F; align-items: center; justify-content: center; font-family: Noto Sans KR; font-size: 12px; font-weight: 400; line-height: 17.38px; letter-spacing: -0.05em; text-align: left;}
.section5 .content ul.img-wrap li p.bna_title span.after {background: #A1B674;}
.section5 .content ul.img-wrap li:last-child {margin-right: 0px;}
.section5 .content ul.img-wrap li img {width: 100%; max-width: 150px !important;}
.section5 .content ul.img-wrap li em {width: 100%; max-width: 150px; height: 50px; display: grid; color: #fff; background-color: #7C7C7F; align-items: center; font-family: Noto Sans KR; font-size: 10px; font-weight: 400; line-height: 14px; letter-spacing: -0.05em; text-align: center;}
.section5 .content ul.img-wrap li:last-child em {display: grid; color: #fff; background-color: #A1B674;}
.section5 .content ul.img-wrap li br {}
.section5 .content .txt-info {display: inline-block; width: 310px; padding-top: 5px; font-family: Noto Sans KR; font-size: 9px; font-weight: 400; line-height: 13.03px; letter-spacing: -0.05em; text-align: right;}
.section5 .note {margin-top: 30px; font-family: Noto Sans KR; font-size: 12px; font-weight: 400; line-height: 18px; letter-spacing: -0.05em; text-align: center; color: #333333;}
.section5 .note br {}
.section5 .note b {}
.section5 .note span.point {display: inline-block; background: #EDF9D4; padding: 0 7px; margin: 3px 0;}


/**/
hr.guboon {display: block; border: 0px;}
.surgery-wrap .surgery-qna-type-a {}
.surgery-wrap .surgery-qna-type-a .inner-box {display: inline-block;padding: 50px 0 0 0;width: 343px;background: #FFFFFF;box-shadow: 10px 10px 20px rgb(144 157 37 / 20%);}
.surgery-wrap .surgery-qna-type-a .inner-box .ctitle {}
.surgery-wrap .surgery-qna-type-a .inner-box .ctitle h3 {font-size: 46px; font-weight: 200; color: #333; line-height: 1em; letter-spacing: -0.05em; margin-top: 0px;}
.surgery-wrap .surgery-qna-type-a .inner-box .ctitle h3 em {display: block; width: 100%; height: 24px; font-weight: 400; font-size: 24px; line-height: 24px; text-align: center; letter-spacing: 0.1em; color: #B0805E; margin-bottom: 10px;}
.surgery-wrap .surgery-qna-type-a .inner-box .ctitle h3 + hr {width: 80px; height: 4px; border-width: 0; border-style: solid; color: #D2AA8D; background: #D2AA8D; border-top: 4px solid #D2AA8D; margin: 0 auto;}
.surgery-wrap .surgery-qna-type-a .bna-wrap {width: 100%; padding: 0;}
.surgery-wrap .surgery-desc-01 h3 strong {display: block; padding-top: 15px;}
.surgery-wrap .surgery-qna-type-a .inner-box .bna-wrap > ul {text-align: center;}
.surgery-wrap .surgery-qna-type-a .inner-box .bna-wrap > ul > li.left .after {background: #E19898;}
.surgery-wrap .surgery-qna-type-a .inner-box .bna-wrap > ul > li.right .after {background: #D2AA8D;}
.surgery-wrap .surgery-qna-type-a .inner-box .bna-wrap > ul {display: table; width: 100%; max-width: 303px; padding-bottom: 30px;}
.surgery-wrap .surgery-bg2 .inner-box .bna-wrap > ul {padding-bottom: 0px;}
.surgery-wrap .surgery-qna-type-a .inner-box .bna-wrap > ul > li {display: inline-block;}
.surgery-wrap .surgery-qna-type-a .inner-box .bna-wrap > ul > li.left {padding-right: 0px;}
.surgery-wrap .surgery-qna-type-a .inner-box .bna-wrap > ul > li.right {padding-top: 10px;}
.surgery-wrap .surgery-qna-type-a .inner-box .bna-wrap ul > li div.bna {width: 303px; margin: 0;}
.surgery-wrap .surgery-qna-type-a .inner-box .bna-wrap ul > li div.bna p.info {}
.surgery-wrap .surgery-qna-type-a .inner-box .bna-wrap ul > li div.bna div.img {}
.surgery-wrap .surgery-qna-type-a .inner-box .bna-wrap ul > li div.bna div.img span.after {background-color: #A1B674;}
.surgery-wrap .surgery-qna-type-a .inner-box .bna-wrap ul > li div.bna div.img img {width: 303px;}
.surgery-wrap .surgery-qna-type-a .inner_box2 {display: block;width: 327px;margin: 50px auto 0;}
.surgery-wrap .surgery-qna-type-a .inner_box2 > ul {display: table; width: 100%;}
.surgery-wrap .surgery-qna-type-a .inner_box2 > ul:nth-child(1) li.icon {text-align: left; width: 92px;}
.surgery-wrap .surgery-qna-type-a .inner_box2 > ul:nth-child(1) li.info {width: calc(100% - 92px); text-align: left; padding-left: 1em;}
.surgery-wrap .surgery-qna-type-a .inner_box2 > ul:nth-child(1) {
	padding-top: 2em;
}
.surgery-wrap .surgery-qna-type-a .inner_box2 > ul:nth-child(2) {margin-top: 30px;}
.surgery-wrap .surgery-qna-type-a .inner_box2 > ul:nth-child(2) li.icon {text-align: right; width: 103px;}
.surgery-wrap .surgery-qna-type-a .inner_box2 > ul:nth-child(2) li.info {width: calc(100% - 103px); text-align: right; padding-top: 2em; padding-right: 1em;}
.surgery-wrap .surgery-qna-type-a .inner_box2 ul li.icon {display: table-cell;}
.surgery-wrap .surgery-qna-type-a .inner_box2 ul li.icon img {filter: drop-shadow(10px 10px 20px rgba(144, 157, 37, 0.5));}
.surgery-wrap .surgery-qna-type-a .inner_box2 ul li.info {display: table-cell; vertical-align: top; padding-top: 1em;}
.surgery-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon {display: inline-block;max-width: 100%;padding: 10px 14px;background-color: #fff;color: #333333;border-radius: 15px;position: relative;box-shadow: 10px 10px 20px rgb(144 157 37 / 30%);word-wrap: break-word;white-space: normal;font-family: Noto Sans KR;font-size: 12px;font-weight: 400;line-height: 18px;letter-spacing: -0.05em;text-align: left;}
.surgery-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon::after {content: ''; position: absolute; border-style: solid;}
.surgery-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon.left {align-self: flex-start;}
.surgery-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon.left strong {color: #B0805E; font-weight: 700;}
.surgery-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon.right::after {z-index: 100; top: 20px; right: -10px; transform: translateY(-50%) rotate(155deg); border-width: 5px 15px 8px 0; border-color: transparent #fff transparent transparent;}
.surgery-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon.right {align-self: flex-end; background-color: #fff; text-align: right;}
.surgery-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon.right span.point {display: inline-block;background: #EDF9D4;padding: 0 3px;margin: 1px 0;}
.surgery-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon.right b {font-weight: 700;}
.surgery-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon.right strong {font-size: 28px; font-weight: 700;}
.surgery-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon.left:after {top: 20px; left: -10px; transform: translateY(-50%) rotate(16deg); border-width: 5px 15px 8px 0; border-color: transparent #fff transparent transparent;}
.surgery-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon .bna {}
.surgery-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon .bna p.info {}
.surgery-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon .bna div.img {}
.surgery-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon .bna div.img .bna_title {}
.surgery-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon .bna div.img span.before {float: left;}
.surgery-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon .bna div.img span.after {float: left; background-color: #D2AA8D;}
.surgery-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon .bna div.img img {}
.surgery-wrap .surgery-bg2 .surgery-qna-type-a .inner-box {display: inline-block;padding: 30px 0;/* width: 95%; */background: #FFFFFF;box-shadow: 10px 10px 20px rgba(220, 150, 80, 0.2);}
.surgery-wrap .surgery-bg2 .inner-box .desc {margin: 60px 0 80px 0;}
.surgery-wrap .surgery-bg2 .surgery-qna-type-a .inner_box2 ul li.icon img {filter: drop-shadow(10px 10px 20px rgba(240, 202, 64, 0.5));}
.surgery-wrap .surgery-bg2 .surgery-qna-type-a .inner_box2 ul li.info .balloon {box-shadow: 10px 10px 20px rgb(240 202 64 / 50%);}
.surgery-wrap .surgery-bg2 .surgery-qna-type-a .inner_box2 ul li.info .balloon.right b {color: #333333;}
.surgery-wrap .surgery-qna-type-b-question {background: #F4F5F9; padding: 60px 0;}
.surgery-wrap .surgery-qna-type-b-question h4 {font-size: 1.25em; font-weight: bold; color: #B0805E;}
.surgery-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;}
.surgery-wrap .surgery-qna-type-b-question .tip {display: flex; width: 653px; margin: 0 auto;}
.surgery-wrap .surgery-qna-type-b-question .tip .text {width: calc(100% - 175px); padding: 30px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; background: #fff;}
.surgery-wrap .surgery-qna-type-b-question .tip .subject {font-weight: bold; color: #333;}
.surgery-wrap .surgery-qna-type-b-question .tip .subject em {color: #B0805E;}
.surgery-wrap .surgery-qna-type-b-question .tip .desc {font-size: 20px; white-space: pre-line; line-height: 16px; font-weight: 300; text-align: left; letter-spacing: -0.08em; margin: 10px 0 0 0;}
.surgery-wrap .surgery-qna-type-b-question > a {display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 16px 20px; width: 653px; height: 56px; margin: 30px auto 0 auto; background: #333333; font-size: 24px; font-weight: 300; color: #ffffff; line-height: 24px;}
.surgery-wrap .surgery-qna-type-b-question > a b {padding-right: 5px; font-weight: 500;}
.surgery-wrap .surgery-qna {text-align: center;}
.surgery-wrap .surgery-bg1 {padding: 50px 0 25px 0; background: linear-gradient(180deg, #FCEBC1 0%, #E0F3B6 100%);}
.surgery-wrap .surgery-bg2 {padding: 25px 0 50px 0; background: linear-gradient(180deg, #E0F3B6 0%, #FCEBC1 100.02%);}
.surgery-wrap .surgery-qna .content {max-width: 1300px; margin: 0 auto;}
.surgery-wrap .surgery-qna h3 {color: #333333; font-family: Noto Sans KR; font-size: 26px; font-weight: 700; line-height: 26px; letter-spacing: -0.05em; text-align: center;}
.surgery-wrap .surgery-qna h3 + hr {display: block; width: 40px; height: 2px; margin: 30px auto; border-width: 0; border-style: solid; border-top: 2px solid #D2AA8D;}
.surgery-wrap .surgery-qna h3 em {display: block; color: #B0805E; margin-bottom: 10px; font-family: Noto Sans KR; font-size: 14px; font-weight: 400; line-height: 14px; letter-spacing: 0.05em; text-align: center;}
.surgery-wrap .surgery-qna h4 em img {vertical-align: top;}


/* 눈밑지방재배치 애교살이 실종 된다던데?! NO! */
.section4 {width: 100%; display: inline-block; padding: 50px 0; background: linear-gradient(90deg, #E0F3B6 0%, #FCEBC1 100%);}
.section4 > ul {width: 343px; display: table; margin: 0 auto; background-color: #ffffff; box-shadow: 10px 10px 15px rgb(207 175 40 / 20%);}
.section4 .sec_04_sub {}
.section4 .sub_first {display: table; margin: 0 auto; width: 320px; background-color: #ffffff; padding-bottom: 50px;}
.section4 .sub_first .container {}
.section4 .sub_first .container .box_wrap {text-align: center;}
.section4 .sub_first .container .box_wrap .ctitle {display: inline-block; margin: 50px auto 30px auto; font-family: Noto Sans KR; font-size: 26px; font-weight: 300; line-height: 36px; letter-spacing: -0.05em; text-align: center; color: #333333;}
.section4 .sub_first .container .box_wrap .ctitle b {font-weight: 700;}
.section4 .sub_first .container .box_wrap .ctitle strong {color: #A1B674;}
.section4 .sub_first .container .contents {padding-top: 0px;}
.section4 .sub_first .container .contents ul {width: inherit; display: flex; align-items: flex-start;}
.section4 .sub_first .container .contents ul li {width: 33.333%; display: flex; justify-content: flex-start; margin: 0px; padding: 0 5px; align-content: center;}
.section4 .sub_first .container .contents ul li div.img {position: relative;}
.section4 .sub_first .container .contents ul li div.img p.bna_title {position: absolute; left: 0px; top: 0px;}
.section4 .sub_first .container .contents ul li div.img p.bna_title > span {display: grid; width: 48px; height: 22px; color: #fff; background: #7C7C7F; align-items: center; justify-content: center; font-family: Noto Sans KR; font-size: 12px; font-weight: 400; line-height: 17.38px; letter-spacing: -0.05em; text-align: left;}
.section4 .sub_first .container .contents ul li div.img p.bna_title span.after {background: #A1B674;}
.section4 .sub_first .container .contents ul li div.img img {width: 100px;}
.section4 .sub_first .container em.color {width: 100%; display: inline-block; color: #B0805E; margin: 50px 0 30px 0; font-family: Noto Sans KR; font-size: 20px; font-weight: 300; line-height: 18px; letter-spacing: -0.05em; text-align: center;}
.section4 .sub_first .container p.note {font-family: Noto Sans KR; font-size: 12px; font-weight: 400; line-height: 18px; letter-spacing: -0.05em; text-align: center; color: #333333;}
.section4 .sub_first .container p.note span.point {display: inline-block; background: #EDF9D4; padding: 0 7px; margin: 3px 0;}
.section4 .sub_first .container p.note b {}
.section4 .sub_second {background-color: #F4F5F9; padding: 30px 0;}
.section4 .sub_second .container {}
.section4 .sub_second .container .box_wrap {}
.section4 .sub_second .container .box_wrap .contents {padding: 0px;}
.section4 .sub_second .container .box_wrap .contents ul {}
.section4 .sub_second .container .box_wrap .contents ul li {margin-bottom: 10px;}
.section4 .sub_second .container .box_wrap .contents ul:last-child li:last-child {margin-bottom: 0px;}


/**/
#detail > .method {background: #f8f7f7; margin-top: 0;}
#detail > .method .step h5 {font-size: 1.2em; padding: 0 1.5em; height: 2em; line-height: 1.9em; font-weight: normal; border: 1px solid #b5bd70; color: #000; display: inline-block; border-radius: 1em; margin-top: 3em;}
#detail > .method .step h4 {background-image: url(../../../img/v1/17/view_06/bg-02.png?_=1607516951);}
#detail > .method .step ul h6 {background: #b5bd70;}
#detail > .method .step ul .desc {height: 90px;font-size: 10px;}
#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 > .method .step ul li:nth-child(5) .desc {background: #b5bd70; color: #fff;}
#detail > .method h3 {}
#detail > .method h3 + hr {display: block; width: 40px; height: 2px; margin: 30px auto; border-width: 0; border-style: solid; border-top: 2px solid #a1b674;}
#detail > .before-and-after {padding: 4em 0; background: #fff;}
#detail > .before-and-after .container {padding: 0 3em 2em; margin-top: 2em;}
#detail > .before-and-after h3 {}
#detail > .before-and-after h3 span {color: #a0a85d;}
#detail > .before-and-after h3 strong {font-size: 2.5em; margin-top: 0px;}
#detail > .before-and-after h3 strong em {font-weight: 400;}
#detail > .before-and-after h4 {background: #a0a85d;}
#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 {margin-top: 3em;}
#detail > .before-and-after li strong {border-color: #a0a85d; color: #a0a85d;}
#detail > .before-and-after .img::before {background: #a0a85d;}
#detail > .before-and-after .img::after {background: #abb367;}
#detail > .before-and-after .note p strong {background: #a0a85d;}
#detail > .before-and-after .note p:last-of-type strong {background: #abb367;}
#detail > .before-and-after .desc {border: 1px solid #ddd;}
#detail > .before-and-after .h4 {color: #fff; background: #7f71c3; font-weight: 400; width: auto; border-radius: 1em; font-size: 1.4em; display: inline-block; padding: 0.5em 1em; height: auto; line-height: 1.1em; margin-top: 3em;}
#detail > .before-and-after .h4 > span {font-size: 0.8em; display: block;}
#detail > .before-and-after .h5 {color: #7f71c3; font-size: 1.3em; font-weight: 400; border: 2px solid #7f71c3; border-radius: 1.3em; margin-top: 3em; display: inline-block; padding: 0.5em 1.5em;}
#detail > .before-and-after .step-summary {font-size: 1em; padding-top: 3em;}
#detail > .before-and-after .step-summary h4 {background: center center / auto 100% no-repeat url(../../../../img/v1/17/view_06/bg-02.png?_=1607516951) transparent; border: 0; border-radius: 0; font-weight: 400; font-size: 1.5em;}
#detail > .before-and-after .step-summary p {font-size: 1.5em; color: #000; margin-top: 0.5em;}
#detail > .before-and-after .step-summary p.desc {font-size: 0.8em; color: #6f6f6f; white-space: pre-line;}
#detail > .before-and-after .step-summary h5 {color: #7f71c3; background: transparent; font-size: 1.3em; padding: 1em;}
#detail > .before-and-after .step-summary ul {display: flex; flex-wrap: wrap; justify-content: space-around; font-size: 1em; margin: 0;}
#detail > .before-and-after .step-summary li {margin: 1em auto 0; background: #a59ada; position: relative; width: 45%; font-size: 1em; padding: 0 1em 1em;}
#detail > .before-and-after .step-summary li::before {display: block; content: ''; width: 1px; height: 1em; background: #000; position: absolute; top: 0; left: 50%;}
#detail > .before-and-after .step-summary li strong {color: #fff; font-weight: 400; padding: 1em 0; border: 0;}
#detail > .before-and-after .step-summary li strong > span {font-weight: bold; font-size: 1.3em;}
#detail > .before-and-after .step-summary li img {margin-top: 1em;}
#detail > .before-and-after .step-summary li p {color: #fff; font-size: 0.8em; white-space: pre-line; height: 4em; vertical-align: top;}
#detail > .before-and-after .forever {font-size: 1em; margin-top: 3em;}
#detail > .before-and-after .forever .a {font-size: 2.5em; font-weight: 300; line-height: 1em;}
#detail > .before-and-after .forever .a strong {display: inline-block; position: relative; color: #000; font-size: 1em;}
#detail > .before-and-after .forever .a strong::before {display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: #fee7f7;}
#detail > .before-and-after .forever .a strong > span {display: inline-block; position: relative; z-index: 5;}
#detail > .before-and-after .forever .a i {position: relative; display: inline-block;}
#detail > .before-and-after .forever .a i::after {display: block; content: ''; width: 5px; height: 5px; border-radius: 5px; position: absolute; top: -7px; left: 50%; margin-left: -2.5px; background: #8778d0;}
#detail > .before-and-after .forever .b {font-size: 1.1em; color: #414141;}
#detail > .before-and-after .forever .c {font-size: 1em; margin-top: 2em; color: #414141; white-space: pre-line;}
#detail > .before-and-after .next-link {display: inline-block; font-size: 1.3em; padding: 5px; background: linear-gradient(200deg, #fec3ca 0%, #c4b8f6 100%); border-radius: 15px; margin-top: 2em;}
#detail > .before-and-after .next-link span {display: block; background: #fff; padding: 0.5em 1.5em; border-radius: 10px; font-size: 1em; color: #000; font-weight: 400;}
#detail > .qna {background: linear-gradient(180deg, #b9c64c 0%, #eddcae 100%); margin-bottom: 4em;}
#detail > .qna h3 {color: #959e4b;}


@media screen and (max-width: 400px) {
	.section4 .sub_first {width: 100%;}
	.section4 .sub_first .container .box_wrap .ctitle strong {display: block;}
	.surgery-desc-02 ul {width: 303px;}
	.surgery-needs-item {width: 95px; height: 95px;}
	.section4 .sub_first .container .contents ul li div.img img {width: 90px;}
	.surgery-needs-items {width: 300px;}
	.bna-wrap ul, .bna-wrap li, .surgery-summary .content .box_wrap0, .surgery-wrap .surgery-qna-type-a .inner-box .bna-wrap ul > li div.bna, .surgery-wrap .surgery-qna-type-a .inner-box .bna-wrap ul > li div.bna div.img img {width: 290px;}
	.surgery-wrap .surgery-qna-type-a .inner_box2 > ul:nth-child(1) li.info {padding-left: 0;}
	.surgery-wrap .surgery-qna-type-a .inner_box2 > ul:nth-child(2) li.info {padding-right: 0;}
	.surgery-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon {padding: 10px 15px;}
}