#detail > .summary {background: #f9e8e7;}
#detail > .summary h2 span {font-size: 0.9em; color: #36353a;}
#detail > .summary h2 strong {color: #36353a; font-size: 2.7em;}
#detail > .summary h2 strong em {font-weight: 300; display: block;}

#detail > .summary:before {background-image: url(../../../img/v1/20/view_03/model-01.png?_=1607516951);}
#detail > .summary ul li {width: 18%; margin: 0 2px; position: relative; background: center center / 100% auto no-repeat url(../../../../img/v1/20/view_03/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/20/view_03/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/20/view_03/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/20/view_03/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/20/view_03/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/20/view_03/ic-05.png?_=1607516951); margin-bottom: 5px;}

#detail > .target {background: #fcf7f8; font-size: 1em; margin-top: 4em;}

#detail > .desc {background: linear-gradient(120deg, #3b4a71 0%, #3b4a71 100%);}
#detail > .desc .container {padding: 3em 1em;}
#detail > .desc .img {width: 90%;}
#detail > .desc.nb {background: transparent; padding: 0; width: 100%;}
#detail > .desc.nb .container {padding: 0;}
#detail > .desc.nb .img {width: 100%; margin: 1em auto 0;}

#detail > .check-point {padding: 2em 1em; font-size: 1em; text-align: center;}
#detail > .check-point h3 {font-size: 2.5em; color: #000; position: relative; display: inline-block;}
#detail > .check-point h3::before {display: block; content: ''; width: 1.2em; height: 1.2em; background: #beb1ff; border-radius: 50%; position: absolute; bottom: 3px; left: -5px;}
#detail > .check-point h3::after {display: block; content: ''; width: 0.5em; height: 0.5em; background: #beb1ff; border-radius: 50%; position: absolute; top: 3px; left: -1em;}
#detail > .check-point h3 strong {position: relative; z-index: 3; line-height: 1.1em;}
#detail > .check-point h3 span {font-weight: 300; font-size: 0.45em; display: block; line-height: 1em; position: relative; z-index: 3;}
#detail > .check-point h4 {margin-top: 2em; font-size: 1em;}
#detail > .check-point h4 span {display: block; color: #333333; font-size: 1.2em;}
#detail > .check-point h4 strong {font-size: 1.2em; color: #fff; background: #9286cb; width: 2em; height: 2em; line-height: 2em; text-align: center; display: inline-block; border-radius: 50%;}
#detail > .check-point p {white-space: pre-line; font-size: 1em; margin-top: 0;}
#detail > .check-point ul {margin-top: 3em; font-size: 1em;}
#detail > .check-point li {display: table; font-size: 1em; margin-top: 1.5em;}
#detail > .check-point .img {width: 70%; margin: 1em auto 0;}
#detail > .check-point .img img {width: 100%;}
#detail > .check-point .desc {display: table-cell; font-size: 1em; border: 0.5em solid #e58377; text-align: left; vertical-align: middle; padding: 0 1.5em; color: #000;}
#detail > .check-point .desc strong {font-size: 1.3em;}
#detail > .check-point .desc p {font-size: 0.9em; margin-top: 5px;}

#detail > .kinds {padding: 4em 2em; font-size: 1em; text-align: center; margin: 0;}
#detail > .kinds h3 {font-size: 2.4em; color: #333333;}
#detail > .kinds ul {margin-top: 3em; font-size: 1em;}
#detail > .kinds li {font-size: 1em; margin-top: 2em;}
#detail > .kinds h4 {color: #fff; background: #e58377; font-weight: 400; width: auto; border-radius: 0.5em; font-size: 1.3em; display: inline-block; padding: 0.5em 2em; height: auto; line-height: 1.1em;}
#detail > .kinds p {font-size: 1em; margin-top: 1.5em;}

#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 #e39999; color: #000; display: inline-block; border-radius: 1em; margin-top: 3em;}
#detail > .method .step h4 {background-image: url(../../../img/v1/20/view_03/bg-02.png?_=1607516951);}
#detail > .method .step ul h6 {background: #e39999;}
#detail > .method .step ul .desc {height: 7em;}
#detail > .method .step ul li {width: 44%;}
#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(4) .desc {background: #e39999; color: #fff;}
#detail > .method .step.quarter li:nth-child(2n+1) {margin-left: 2%;}
#detail > .method .step.quarter li:nth-child(2n+2) {margin-right: 2%;}
#detail > .method .step.quarter li:nth-child(4) {margin-right: 2%; margin-left: 0;}

#detail > .before-and-after {padding: 4em 0; background: #fff;}
#detail > .before-and-after .container {background: transparent; padding: 0 3em 2em;}
#detail > .before-and-after h3 {background: transparent;}
#detail > .before-and-after h3 span {color: #e39999;}
#detail > .before-and-after h3 strong {font-size: 2.2em; display: block; line-height: 1.1em;}
#detail > .before-and-after h3 strong em {font-weight: 400;}
#detail > .before-and-after h4 {background: #e39999; border-radius: 0; width: auto; height: 1.2em; line-height: 1.3em; display: inline-block; font-size: 1em; font-weight: 300; padding: 0 5px;}
#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 ul {margin-top: -1em;}
#detail > .before-and-after li strong {border-color: #e39999; color: #e39999;}
#detail > .before-and-after .img::before {background: #cc6464;}
#detail > .before-and-after .img::after {background: #e39999;}
#detail > .before-and-after .note p strong {background: #cc6464;}
#detail > .before-and-after .note p:last-of-type strong {background: #e39999;}

#detail > .before-and-after .woman li strong {border-color: #e58377; color: #e58377;}
#detail > .before-and-after .woman .img::before {background: #ce5f52;}
#detail > .before-and-after .woman .img::after {background: #e58377;}
#detail > .before-and-after .woman .note p strong {background: #ce5f52;}
#detail > .before-and-after .woman .note p:last-of-type strong {background: #e58377;}

#detail > .before-and-after .h4 {color: #fff; background: #e58377; font-weight: 400; width: auto; border-radius: 0.5em; font-size: 1.2em; display: inline-block; padding: 0.5em 1em; height: auto; line-height: 1.1em; margin-top: 3em;}
#detail > .before-and-after .h4.woman {background: #e58377;}
#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;}
#detail > .before-and-after .step-summary h4 {background: center center / auto 100% no-repeat url(../../../../img/v1/20/view_03/bg-01.png?_=1607516951) transparent; border: 0; border-radius: 0; font-weight: 400;}
#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, #f18d8d 0%, #fad0d0 100%); margin-bottom: 4em;}
#detail > .qna h3 {color: #d65748;}

#detail > .pakage {padding: 0 0 5em; font-size: 1em; text-align: center;}
#detail > .pakage .container {font-size: 1em;}
#detail > .pakage h3 {font-size: 2em; color: #ff5e79;}
#detail > .pakage h3 strong {display: block;}
#detail > .pakage p {font-size: 1em; word-break: break-all; word-break: keep-all; margin-top: 1.5em; color: #000;}
#detail > .pakage .header {background: #f2f1f1; padding: 1.5em 2em; font-size: 1em;}
#detail > .pakage ul {margin-top: 5em; display: flex; flex-wrap: wrap; justify-content: space-around; font-size: 1em; position: relative;}
#detail > .pakage ul::after {display: block; content: ''; width: 1px; height: 100%; background: #eee; position: absolute; top: 0; left: 50%; margin-left: -0.5px;}
#detail > .pakage li {width: 43%; font-size: 1em;}
#detail > .pakage li .img {padding: 0 1em;}
#detail > .pakage li .img img {width: 100%;}
#detail > .pakage li p {margin: 1em 0 0; word-break: break-all; word-break: keep-all; font-size: 0.8em;}
#detail > .pakage h4 {color: #000; font-weight: 100; font-size: 1em; margin-top: 1em;}
#detail > .pakage h4 em {display: block;}

#selfie-wrap .selfie-name span {background-color: #d65748 !important;}