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

#detail > .summary:before {background-image: url(../../../img/v1/18/view_03/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/18/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/18/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/18/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/18/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/18/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/18/view_03/ic-05.png?_=1607516951); margin-bottom: 5px;}

#detail > .target {margin-top: -5em; background: #eef3f7; 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, #34609c 0%, #34609c 100%);}
#detail > .desc .container {padding: 3em 1em;}
#detail > .desc .img {width: 90%;}
#detail > .desc p {font-size: 0.9em;}

#detail > .check-point {padding: 2em 1em; font-size: 1em; text-align: center;}
#detail > .check-point h3 {font-size: 1em; font-size: 2em; color: #000;}
#detail > .check-point h3 span {font-weight: 300; font-size: 0.55em; display: block;}
#detail > .check-point p {white-space: pre-line; font-size: 1em; margin-top: 1em;}
#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 {display: table-cell; width: 10em; font-size: 1em;}
#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 1em; font-size: 1em; text-align: center;}
#detail > .kinds p {font-size: 1em;}
#detail > .kinds h3 {font-size: 3.5em; color: #333333;}
#detail > .kinds ul {display: flex; justify-content: space-around; padding-top: 3em;}
#detail > .kinds li {width: 30%; border: 1px solid #ddd; padding: 1.5em 1em;}
#detail > .kinds h4 {font-size: 1em;}
#detail > .kinds h4 span {color: #868686; font-weight: 300; display: block;}
#detail > .kinds h4 strong {font-size: 1.3em; color: #e5998f;}
#detail > .kinds .img {width: 90%; margin: 0 auto; margin-top: 1em;}
#detail > .kinds p {font-size: 0.8em; white-space: pre-line;}

#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 #5378aa; color: #000; display: inline-block; border-radius: 1em; margin-top: 3em;}
#detail > .method .step h4 {background-image: url(../../../img/v1/18/view_03/bg-02.png?_=1607516951);}
#detail > .method .step ul h6 {background: #34609c;}
#detail > .method .step ul .desc {height: 7em;}
#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: #34609c; color: #fff;}

#detail > .before-and-after {padding: 4em 0;}
#detail > .before-and-after h3 span {color: #34609c; font-size: 1.1em; border-radius: 1.5em; margin: 0 auto 1em; font-weight: 500;}
#detail > .before-and-after h3 strong {font-size: 2.1em;}
#detail > .before-and-after h3 strong em {font-weight: 400; font-size: 0.8em;}
#detail > .before-and-after h4 {background: #0068a2; 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 h5 {display: table; width: 100%; height: 5.5em; padding: 0; font-size: 1.4em;}
#detail > .before-and-after h5 em {font-size: 0.8em; color: inherit;}
#detail > .before-and-after h5 span {display: block; font-size: 1em; color: inherit; font-weight: 300;}
#detail > .before-and-after h5 strong {color: #fff !important; font-size: 1em; font-weight: 600;}
#detail > .before-and-after h5 div {color: #fff !important; display: table-cell; vertical-align: middle; font-size: 1em;}
#detail > .before-and-after .container {padding: 1em 3em 2em; margin-top: 2em;}
#detail > .before-and-after .container > p {font-size: 0.9em; 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: #0068a2; color: #0068a2;}
#detail > .before-and-after .img::before {background: #34609c; display: none;}
#detail > .before-and-after .img::after {background: #628bc3;  display: none;}
#detail > .before-and-after .img p.before {background: #34609c; position: absolute; top: 0; left: 0; right: auto; margin-right: 0; width: 100%; 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: #628bc3; position: absolute; top: 0; right: 0; width: 100%; 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: #34609c;}
#detail > .before-and-after .note p strong:last-of-type {background: #628bc3;}
#detail > .before-and-after .section {font-size: 1em;}

#detail > .before-and-after li.type-2 .img p.before {width: 50%;}
#detail > .before-and-after li.type-2 .img p.after {width: 50%;}

#detail > .before-and-after .img.w-50 p.before {width: 50%;}
#detail > .before-and-after .img.w-50 p.after {width: 50%;}

#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 .img p.before {background: #ce5f52;}
#detail > .before-and-after .woman .img p.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 .caption {padding-top: 3em; font-size: 1em;}
#detail > .before-and-after .caption span {color: #fff; width: 2.3em; height: 2.3em; line-height: 2.3em; text-align: center; display: block; font-weight: bold; font-size: 2em; background: #e78339; border-radius: 50%; margin: 0 auto;}
#detail > .before-and-after .caption strong {font-size: 2em; color: #414141; margin-top: 25px; display: block; font-weight: 500;}
#detail > .before-and-after .caption strong em {display: inline-block;}
#detail > .before-and-after .caption p {font-size: 1.1em; color: #414141; white-space: pre-line; line-height: 1.2em; padding-top: 5px;}

#detail > .before-and-after .blog-desc {padding-top: 0;}

#detail > .before-and-after .h4 {color: #fff; background: #0068a2; 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 .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 > .diff .container {background: linear-gradient(180deg, #959e4b 0%, #959e4b 100%)}
#detail > .diff th {border-color: #9aa256;}
#detail > .diff td {border-color: #9aa256;}
#detail > .diff td:nth-child(2) {background: #fff;}
#detail > .diff th:nth-child(2) {background: #fff;}
#detail > .diff td:nth-child(3) {background: #e5eab9;}
#detail > .diff th:nth-child(3) {background: #e5eab9;}

#detail > .qna {background: linear-gradient(180deg, #628bc4 0%, #34609c 100%); margin-bottom: 4em;}
#detail > .qna h3 {color: #3568a1;}

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