@charset "utf-8";
@import url(detail_edit.css);


/* detail */

.detail {margin: 0 auto; width: 1000px; max-width: 100%; letter-spacing: -0.03em;}
.detail + .list {margin-top: 100px; padding-top: 100px; border-top: 1px solid #c0c0c0;}

.detail em {font-style: normal; color: #242424; font-weight: 500;}
.detail em.color {color: #00b6f0;}

.detail ul {list-style: none;}
.detail .btn-lang {display: none;}

.detail .flex {display: flex; gap: 40px; flex-wrap: wrap;}
.detail .flex.reverse {flex-direction: row-reverse;}
.detail .flex .col {flex: 1; box-sizing: border-box;}
.detail .flex .col.full {flex: auto; width: 100%;}

.detail .align-left {text-align: left;}
.detail .align-right {text-align: right;}
.detail .align-center {text-align: center;}

.detail-top {margin-bottom: 50px; padding-top: 40px; text-align: center;}
.detail-top .title {display: block; line-height: 1.4; font-size: 34px; color: #242424; font-weight: 500;}
.detail-top .title.color {color: #00b6f0;}
.detail-top .text {line-height: 1.6; font-size: 17px; color: #363636;}
.detail-top .category {margin-bottom: 30px; text-align: center;}
.detail-top .category ul {display: inline-flex; align-items: center; justify-content: center; min-width: 248px; height: 39px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; box-sizing: border-box;}
.detail-top .category li {position: relative; padding: 0 20px; line-height: 1.2; font-size: 16px; color: #363636; box-sizing: border-box;}
.detail-top .category li:before {display: block; content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 12px; background-color: #c0c0c0;}
.detail-top .category li:first-child::before {display: none !important;}

.detail-inner {position: relative; display: flex; justify-content: space-between; margin: 10px auto 20px; width: 800px; max-width: 100%;}
.webtoon .detail-inner {width: 640px;}
.detail-inner > div {display: flex; align-items: center;}
.detail-inner span {display: block; position: relative; line-height: 1.2; font-size: 14px; color: #363636;}
.detail-inner span + span {margin-left: 10px; padding-left: 10px;}
.detail-inner span + span:before {display: block; content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 11px; background-color: #c0c0c0;}

.detail-inner .view,
.detail-inner .date {font-size: 12px;}
.detail-inner .view {padding-left: 20px;}
.detail-inner .view:before {display: block; content:'\e038'; position: absolute; top: 0; left: 0; line-height: 1; font-family: 'atomy-icon-font'; font-size: 16px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.detail-inner .lang-mob {display: none;}
.detail-inner .lang a {font-size: 14px;}

.detail-wrap {position: relative;}

.cont-wrap {padding: 100px 0; border-top: 1px solid #c0c0c0;}
.cont-wrap:first-child {padding-top: 0; border-top: 0;}
.cont-wrap:last-child {padding-bottom: 0;}
.cont-wrap > div {margin-top: 100px;}
.cont-wrap > div:first-child {margin-top: 0 !important;}

.cont-wrap > div > .img + .txt,
.cont-wrap > div > .txt + .img {margin-top: 60px;}

.cont-wrap .img {margin-bottom: 30px;}
@media (min-width: 901px) {
    .cont-wrap .img.align-center {margin: 0 auto 60px; width: 800px; max-width: 100%;}
}

.cont-wrap .txt + .txt {margin-top: 60px;}
.cont-wrap .title {display: block; margin-bottom: 30px; line-height: 1.4; font-size: 25px; color: #242424; font-weight: 500; box-sizing: border-box;}
.cont-wrap .title.size20 {margin-bottom: 20px; font-size: 20px;}
.cont-wrap .title.size22 {margin-bottom: 20px; font-size: 22px;}
.cont-wrap .title.size34 {font-size: 34px;}
.cont-wrap .title.size34 .small {display: block; margin-bottom: 10px; font-size: 20px;}
.cont-wrap .title.color,
.cont-wrap .title .color {color: #00b6f0;}
.cont-wrap .img-txt,
.cont-wrap .img-icon {display: block; margin-bottom: 30px;}

.cont-wrap .text,
.cont-wrap .text-label {line-height: 1.6; font-size: 17px; color: #363636; box-sizing: border-box; letter-spacing: -0.015em;}
.cont-wrap .text + .text {margin-top: 25px;}
.cont-wrap .text-label {margin: 40px 0 20px;}
.cont-wrap .text-label span {display: inline-block; padding: 6px 20px 7px; border-radius: 5px; vertical-align: top; box-sizing: border-box;}

.cont-wrap .caption {margin-top: 30px; line-height: 1.6; font-size: 16px; color: #363636; box-sizing: border-box; text-align: center;}
.cont-wrap .caption.gray {font-size: 14px; color: #8b8b8b; text-align: right;}
.cont-wrap .img.align-center .caption.gray {margin: 30px auto 0; width: 800px; max-width: 100%;}

.cont-wrap .editor {display: inline-block; margin: 30px 0 20px; padding: 5px 15px; line-height: 1.2; font-size: 14px; border-radius: 8px;}
.cont-wrap .editor:first-child {margin-top: 0;}

.cont-wrap .quote {display: inline-block; width: 40px; height: 27px; background-position: center center; background-repeat: no-repeat;}
.cont-wrap .quote-start {margin-bottom: 30px; vertical-align: top;}
.cont-wrap .quote-end {margin-top: 30px; vertical-align: bottom;}

.cont-wrap .mike {display: block; margin: 0 auto 25px; width: 47px; height: 70px; background: url(../images/detail/i-mike.png) center center no-repeat;}
.cont-wrap .sandglass {display: block; margin: 0 auto 30px; width: 41px; height: 65px; background: url(../images/detail/i-sandglass.png) center center no-repeat;}

.cont-wrap .txt-box {position: relative; text-align: center;}
.cont-wrap .txt-box .quote + .text {color: #242424;}

.cont-wrap .qna-box {position: relative; padding: 100px 40px 75px; border: 3px solid #5bc7fc; border-radius: 20px;}
.cont-wrap .qna-box .title {position: absolute; top: -40px; left: 50%; transform: translateX(-50%); margin: 0;}
.cont-wrap .qna-box .qna {display: block; width: 103px; height: 80px; background: url(../images/detail/i-qna.png) center center no-repeat;}
.cont-wrap .qna-box dl + dl {margin-top: 75px;}
.cont-wrap .qna-box dt,
.cont-wrap .qna-box dd {position: relative; padding-left: 25px; font-size: 17px;}
.cont-wrap .qna-box dt:before,
.cont-wrap .qna-box dd:before {display: block; position: absolute; top: 0; left: 0; font-size: 17px; color: #5bc7fc; font-weight: bold;}
.cont-wrap .qna-box dt:before {content: 'Q.';}
.cont-wrap .qna-box dd:before {content: 'A.';}
.cont-wrap .qna-box dt {margin-bottom: 20px; color: #242424; font-weight: bold;}
.cont-wrap .qna-box dd {color: #363636;}

.cont-wrap .text.i-thumbsUp,
.cont-wrap .text.i-won,
.cont-wrap .text.i-pv {position: relative; padding-left: 30px; color: #242424;}
.cont-wrap .text.i-thumbsUp:before,
.cont-wrap .text.i-won:before,
.cont-wrap .text.i-pv:before {display: block; content: ''; position: absolute; top: 2px; left: 0; width: 24px; height: 24px; background-position: 0 center; background-repeat: no-repeat;}
.cont-wrap .text.i-thumbsUp:before {background-image: url(../images/detail/i-thumbsUp.png);}
.cont-wrap .text.i-won:before {background-image: url(../images/detail/i-won.png);}
.cont-wrap .text.i-pv:before {background-image: url(../images/detail/i-pv.png);}

@media (max-width: 1280px) and (min-width: 901px) {
    .cont-wrap img.pc-show-ib {display: inline-block;}
    .cont-wrap br.pc-show {display: block;}
}
@media (max-width: 1280px) {
    .detail-inner .lang-pc {display: none;}
    .detail-inner .lang-mob {display: block;}
    .detail-inner .lang > a {position: relative; padding: 10px 15px 10px 27px; min-width: 100px; color: #363636;}
    .detail-inner .lang > a:before,
    .detail-inner .lang > a:after {display: block; content: ''; position: absolute; top: 50%; transform: translateY(-50%); background-size: 100% auto !important;}
    .detail-inner .lang > a:before {left: 0; width: 20px; height: 20px; background: url(../images/i-lang-gray.png) center center no-repeat;}
    .detail-inner .lang > a:after {right: 0; width: 10px; height: 8px; background: url(../images/i-lang-arrow-gray.png) center center no-repeat;}
}
@media (max-width: 900px) {

    .detail + .list {margin-top: 90px; padding-top: 90px;}

    .detail .flex {gap: 60px 40px;}

    .detail .align-left-mob {text-align: left;}
    .detail .align-right-mob {text-align: right;}
    .detail .align-center-mob {text-align: center;}

    .detail-top .title {line-height: 1.4; font-size: 26px}
    .detail-top .text {font-size: 16px;}
    .detail-top .category ul {height: 35px;}
    .detail-top .category li {padding: 0 15px; font-size: 14px;}

    .cont-wrap {padding: 90px 0;}
    .cont-wrap > div {margin-top: 90px;}

    .cont-wrap > div > .img + .txt,
    .cont-wrap > div > .txt + .img {margin-top: 40px;}

    .cont-wrap .flex > .col {flex: auto; width: 100%;}

    .cont-wrap .txt + .txt {margin-top: 50px;}
    .cont-wrap .title {margin-bottom: 40px; font-size: 20px;}
    .cont-wrap .title.size20,
    .cont-wrap .title.size22 {margin-bottom: 40px; font-size: 18px;}
    .cont-wrap .title.size34 {margin-bottom: 40px; font-size: 26px;}
    .cont-wrap .title.size34 .small {margin-bottom: 5px; font-size: 17px;}
    .cont-wrap .img-txt,
    .cont-wrap .img-icon {margin-bottom: 40px;}

    .cont-wrap .text,
    .cont-wrap .text-label {line-height: 1.7; font-size: 16px;}
    .cont-wrap .text + .text {margin-top: 10px;}
    .cont-wrap .text-label {margin-top: 60px;}
    .cont-wrap .text-label span {padding-left: 10px; padding-right: 10px; width: 100%;}

    .cont-wrap .caption {margin-top: 20px; font-size: 16px !important; text-align: center !important;}
    .cont-wrap .img.align-center .caption.gray {width: 100%;}

    .cont-wrap .img {margin-bottom: 40px;}
    .cont-wrap .img.align-center {margin: 0 -20px 50px;}
    .cont-wrap .img.align-center .caption {padding: 0 20px; text-align: center;}
    .cont-wrap .img.mob-margin {margin-left: -20px; margin-right: -20px;}

    .cont-wrap .quote-start,
    .cont-wrap .quote-end {height: 20px; background-size: auto 20px !important;}
    .cont-wrap .quote-start {margin-bottom: 20px;}
    .cont-wrap .quote-end {margin-top: 20px;}

    .cont-wrap .mike {margin-bottom: 15px; height: 50px; background-size: auto 100% !important;}
    .cont-wrap .sandglass {margin-bottom: 15px; height: 45px; background-size: auto 100% !important;}

    .cont-wrap .qna-box {margin-top: 10px; padding: 65px 15px 50px; border: 0;}
    .cont-wrap .qna-box:before,
    .cont-wrap .qna-box:after {display: block; content: ""; position: absolute; left: 0; width: 100%; height: 25px; background-color: #fff; border: 2px solid #5bc7fc; box-sizing: border-box;}
    .cont-wrap .qna-box:before {top: 0; border-bottom: 0; border-radius: 15px 15px 0 0;}
    .cont-wrap .qna-box:after {bottom: 0; border-top: 0; border-radius: 0 0 15px 15px;}
    .cont-wrap .qna-box .title {top: -30px; margin: 0;}
    .cont-wrap .qna-box .qna {height: 60px; background-size: auto 100% !important;}
    .cont-wrap .qna-box dl + dl {margin-top: 40px;}
    .cont-wrap .qna-box dt,
    .cont-wrap .qna-box dd,
    .cont-wrap .qna-box dt:before,
    .cont-wrap .qna-box dd:before {font-size: 16px;}
}



/* detail1 */
.detail1 .cont-wrap li {gap: 20px; align-items: center; height: 204px; border-bottom: 1px solid #dbdbdb; box-sizing: border-box;}
.detail1 .cont-wrap li .img {margin-bottom: 0; width: 260px; text-align: center;}
.detail1 .cont-wrap li .txt .title {margin-bottom: 5px;}
.detail1 .cont-wrap li .txt .text {font-size: 15px;}

.detail1 .cont-wrap .quote {display: block; width: 100%; height: 10px; background-size: 13px auto !important;}
.detail1 .cont-wrap .quote-start {margin-bottom: 5px; background-image: url(../images/detail/i-quote-start-color.png); background-position: 0 0;}
.detail1 .cont-wrap .quote-end {margin-top: 5px; background-image: url(../images/detail/i-quote-end-color.png); background-position: right bottom;}

.detail1 .cont-wrap .txt-box {margin-bottom: 20px; padding: 20px; background-color: #e8f5f9; text-align: left;}

.detail1 .cont-wrap .caption {text-align: center;}

@media (max-width: 900px) {
    .detail1 .cont-wrap .title {text-align: center;}
    .detail1 .cont-wrap li {height: 170px;}
    .detail1 .cont-wrap li .img {flex: none; width: 120px;}
    .detail1 .cont-wrap li .txt {flex:1; width: auto;}
    .detail1 .cont-wrap li .title {text-align: left;}

    .detail1 .cont-wrap .txt-box {padding: 20px 15px;}
}


/* detail2 */
.detail2 .cont-wrap .img-txt {margin-bottom: 10px;}

.detail2 .cont-wrap li {margin-top: 100px;}
.detail2 .cont-wrap li:first-child {margin-top: 0 !important;}
.detail2 .cont-wrap li .img {margin-bottom: 0; text-align: center;}

.detail2 .cont-wrap .quote {width: 19px; height: 14px;}
.detail2 .cont-wrap .quote-start {margin: -3px 10px 0 0; background-image: url(../images/detail/i-quote-start.png); background-position: 0 0;}
.detail2 .cont-wrap .quote-end {margin: 0 0 -3px 10px; background-image: url(../images/detail/i-quote-end.png); background-position: right bottom;}

.detail2 .cont-wrap .txt-box {padding: 40px; background-color: #f9f9f9;}

@media (max-width: 900px) {
    .detail2 .cont-wrap .img-txt img {height: 26px;}

    .detail2 .cont-wrap li {gap: 20px; margin-top: 60px;}
    .detail2 .cont-wrap li .col {flex: auto;}

    .detail2 .cont-wrap .quote {width: 14px; background-size: 14px auto !important;}
    .detail2 .cont-wrap .quote-start {margin-right: 5px;}
    .detail2 .cont-wrap .quote-end {margin-left: 5px;}

    .detail2 .cont-wrap .txt-box {padding: 20px 15px;}
}



/* hemohim1 */
.hemohim1 .cont-wrap {text-align: center;}
.hemohim1 .cont-wrap > div > .img + .txt,
.hemohim1 .cont-wrap > div > .txt + .img {margin-top: 0;}
.hemohim1 .cont-wrap .quote-start {background-image: url(../images/detail/i-big-quote-start-color.png);}
.hemohim1 .cont-wrap .quote-end {background-image: url(../images/detail/i-big-quote-end-color.png);}

.hemohim1 .cont-wrap .txt-box {background-color: transparent;}


/* hemohim2 */
.hemohim2 .cont-wrap {text-align: center;}
.hemohim2 .cont-wrap .txt + .img {margin-top: 60px;}

.hemohim2 .cont-wrap .quote-start {background-image: url(../images/detail/i-big-quote-start-color-red.png);}
.hemohim2 .cont-wrap .quote-end {background-image: url(../images/detail/i-big-quote-end-color-red.png);}

.hemohim2 .cont-wrap .txt-box {margin: 60px 0; padding-top: 0; padding-bottom: 0; background-color: transparent;}

@media (max-width: 900px) {
    .hemohim2 .cont-wrap .img-icon img {height: 100px;}
    .hemohim2 .cont-wrap .txt + .img {margin-top: 40px;}

    .hemohim2 .cont-wrap .txt-box {margin: 40px 0;}
}


/* hemohim3 */
.hemohim3 .cont-wrap .txt + .img {margin-top: 60px;}

.hemohim3 .cont-wrap .flex-img {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 40px;}
.hemohim3 .cont-wrap .flex-img .img {margin-bottom: 0; box-sizing: border-box;}
.hemohim3 .cont-wrap .flex-img p {width: 100%;}
.hemohim3 .cont-wrap .flex-img .text {margin-top: 20px;}

.hemohim3 .cont-wrap .flex-img1 {gap: 0 20px;}
.hemohim3 .cont-wrap .flex-img1 .img {width: calc(50% - 10px);}
.hemohim3 .cont-wrap .flex-img2 {gap: 20px; margin-top: 60px;}
.hemohim3 .cont-wrap .flex-img2 .img {width: calc(50% - 10px);}

.hemohim3 .cont-wrap .flex-img + .txt {margin-top: 40px;}

.hemohim3 .cont-wrap .quote-start {background-image: url(../images/detail/i-big-quote-start-color.png);}
.hemohim3 .cont-wrap .quote-end {background-image: url(../images/detail/i-big-quote-end-color.png);}

.hemohim3 .cont-wrap .txt-box {margin: 120px 0 40px; padding: 90px 40px 50px; border: 1px solid #c0c0c0; border-radius: 15px;}
.hemohim3 .cont-wrap .txt-box .img {position: absolute; top: -60px; left: 50%; transform: translateX(-50%); margin-bottom: 0;}
.hemohim3 .cont-wrap .txt-box .img:before {display: block; content: ''; position: absolute; top: 0; left: -10px; padding: 0 10px; width: 100%; height: 100%; background-color: #fff;}
.hemohim3 .cont-wrap .txt-box .img img {position: relative; z-index: 1;}

@media (max-width: 900px) {
    .hemohim3 .cont-wrap .txt + .img {margin-top: 40px;}

    .hemohim3 .cont-wrap .img-icon img {width: 85px;}
    .hemohim3 .cont-wrap .flex-img .img {padding: 0 !important; width: 100%;}
    .hemohim3 .cont-wrap .flex-img .img + .img {margin-top: 40px;}

    .hemohim3 .cont-wrap .txt-box {margin: 80px 0 40px; padding: 80px 15px 25px;}
    .hemohim3 .cont-wrap .txt-box .img {top: -50px;}
    .hemohim3 .cont-wrap .txt-box .img img {height: 100px;}
}


/* hemohim4 */
.hemohim4 .cont-wrap .color {color: #019fda;}
.hemohim4 .cont-wrap .img.align-center + .txt {margin-top: 60px;}


/* hemohim5 */
.hemohim5 .cont-wrap .txt + .img,
.hemohim5 .cont-wrap .img + .txt {margin-top: 60px;}

@media (max-width: 900px) {
    .hemohim5 .cont-wrap .txt + .img,
    .hemohim5 .cont-wrap .img + .txt {margin-top: 40px;}
}


/* hemohim6 */
.hemohim6 .cont-wrap .qna-box {padding: 0; border: none; border-radius: 0;}
.hemohim6 .cont-wrap .qna-box dt {font-weight: 500;}

@media (max-width: 900px) {
    .hemohim6  .cont-wrap .qna-box:before,
    .hemohim6  .cont-wrap .qna-box:after {display: none;}
}


/* absolute1 */
.absolute1 .cont-wrap .color {color: #019fda;}
.absolute1 .cont-wrap .txt + .img {margin-top: 60px;}
.absolute1 .cont-wrap .txt-box {margin-top: 85px; padding: 50px 20px; background-color: transparent; border: 1px solid #c0c0c0; border-radius: 15px;}
.absolute1 .cont-wrap .txt-box > .title {display: inline-block; position: absolute; top: -25px; left: 50%; transform: translateX(-50%); padding: 10px 20px; min-width: max-content; box-sizing: border-box; z-index: 1;}

.absolute1 .cont-wrap .txt-box1 {border-left: 0; border-right: 0; border-radius: 0;}
.absolute1 .cont-wrap .txt-box1 > .title {padding: 15px 20px; min-width: 300px; max-width: 100%; font-size: 18px; color: #fff; background-color: #00b6f0; border-radius: 60px;}
.absolute1 .cont-wrap .txt-box1 ul {margin: 10px 0 -10px;}
.absolute1 .cont-wrap .txt-box1 li {margin-top: 25px;}
.absolute1 .cont-wrap .txt-box1 li:first-child {margin-top: 0 !important;}

.absolute1 .cont-wrap .txt-box2 > .title {background-color: #fff}
.absolute1 .cont-wrap .txt-box2 li {margin-top: 30px; gap: 20px; align-items: center; position: relative; padding-left: 20px;}
.absolute1 .cont-wrap .txt-box2 li:first-child {margin-top: 0 !important;}
.absolute1 .cont-wrap .txt-box2 .circle {position: relative; margin: 6px;}
.absolute1 .cont-wrap .txt-box2 .circle:after {display: block; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% + 10px); height: calc(100% + 10px); background-color: #fff; border: 1px solid #00b6f0; border-radius: 50%;}
.absolute1 .cont-wrap .txt-box2 .circle .title {position: relative; margin: 0; padding: 30px 7px 0; width: 130px; height: 130px; font-size: 18px; color: #fff; font-weight: 500; background-color: #00b6f0; border-radius: 50%; box-sizing: border-box; z-index: 1;}
.absolute1 .cont-wrap .txt-box2 .circle .title span {display: block; margin-top: 12px; padding-top: 10px; font-size: 15px; font-weight: 400; border-top: 2px solid #fff;}
.absolute1 .cont-wrap .txt-box2 .txt {flex: 1; text-align: left;}

.absolute1 .cont-wrap .txt-box3 {padding: 0 !important; border: 0;}
.absolute1 .cont-wrap .txt-box3 .circle {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.absolute1 .cont-wrap .txt-box3 .circle:after {display: block; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% + 10px); height: calc(100% + 10px); background-color: #fff; border: 1px solid #00b6f0; border-radius: 50%;}
.absolute1 .cont-wrap .txt-box3 .circle .title {display: flex; align-content: center; flex-wrap: wrap; justify-content: center; position: relative; margin: 0; width: 135px; height: 135px; font-size: 14px; color: #fff; background-color: #00b6f0; border-radius: 50%; z-index: 1;}
.absolute1 .cont-wrap .txt-box3 .circle .title span {display: block; font-size: 14px;}

.absolute1 .cont-wrap .txt-box3 ul {display: grid; gap:0; grid-template-columns: 50% 50%; grid-template-rows: 1fr 1fr;}
.absolute1 .cont-wrap .txt-box3 li {display: flex; flex-wrap: wrap; align-content: center; margin: 0 !important; box-sizing: border-box;}
.absolute1 .cont-wrap .txt-box3 li:nth-child(1),
.absolute1 .cont-wrap .txt-box3 li:nth-child(3) {justify-content: flex-start; text-align: left;}
.absolute1 .cont-wrap .txt-box3 li:nth-child(2),
.absolute1 .cont-wrap .txt-box3 li:nth-child(4) {justify-content: flex-end; text-align: right;}
.absolute1 .cont-wrap .txt-box3 li:nth-child(1) {padding: 0 10px 10px 0;}
.absolute1 .cont-wrap .txt-box3 li:nth-child(2) {padding: 0 0 10px 10px;}
.absolute1 .cont-wrap .txt-box3 li:nth-child(3) {padding: 10px 10px 0 0;}
.absolute1 .cont-wrap .txt-box3 li:nth-child(4) {padding: 10px 0 0 10px;}
.absolute1 .cont-wrap .txt-box3 li:nth-child(1) .txt {border-radius: 50px 0 0 0;}
.absolute1 .cont-wrap .txt-box3 li:nth-child(2) .txt {border-radius: 0 50px 0 0;}
.absolute1 .cont-wrap .txt-box3 li:nth-child(3) .txt {border-radius: 0 0 0 50px;}
.absolute1 .cont-wrap .txt-box3 li:nth-child(4) .txt {border-radius: 0 0 50px 0;}
.absolute1 .cont-wrap .txt-box3 .txt {padding: 35px 20px; width: 100%; height: 100%; border: 1px solid #c0c0c0; box-sizing: border-box;}

.absolute1 .cont-wrap .txt-box4 {margin-top: 85px;}
.absolute1 .cont-wrap .txt-box4 > .title {background-color: #fff}
.absolute1 .cont-wrap .txt-box4 li {gap: 15px; align-items: center; width: calc(50% - 20px);}
.absolute1 .cont-wrap .txt-box4 .img {display: flex; flex-wrap: wrap; align-content: center; margin-bottom: 0;}
.absolute1 .cont-wrap .txt-box4 dl {flex: 1; text-align: left;}
.absolute1 .cont-wrap .txt-box4 dt {margin-bottom: 10px; width: 100%; font-size: 17px; font-weight: 500;}
.absolute1 .cont-wrap .txt-box4 dd {font-size: 14px; color: #363636;}

.absolute1 .cont-wrap .flex-img {display: flex; gap: 40px; margin-top: 100px;}
.absolute1 .cont-wrap .flex-img ul {gap: 30px; flex-wrap: wrap; justify-content: center; align-content: flex-start;}
.absolute1 .cont-wrap .flex-img li {flex: 1;}
.absolute1 .cont-wrap .flex-img .txt {margin-top: 0;}
.absolute1 .cont-wrap .flex-img .title img {display: block; margin: 0 auto 20px;}
.absolute1 .cont-wrap .flex-img .text {text-align: left;}

@media (max-width: 900px) {
    .absolute1 .cont-wrap .txt + .img {margin-top: 40px;}
    .absolute1 .cont-wrap .txt-box {margin-top: 50px;}
    .absolute1 .cont-wrap .txt-box > .title {top: -20px;}

    .absolute1 .cont-wrap .txt-box1 {padding: 30px 0;}
    .absolute1 .cont-wrap .txt-box1 > .title {padding: 10px 15px; min-width: 240px; font-size: 16px;}
    .absolute1 .cont-wrap .txt-box1 ul {margin: 10px 0 -5px;}
    .absolute1 .cont-wrap .txt-box1 li {margin-top: 15px;}

    .absolute1 .cont-wrap .txt-box2 {padding: 30px 15px;}
    .absolute1 .cont-wrap .txt-box2 li {flex-wrap: wrap; justify-content: center; padding-top: 30px; padding-left: 0; border-top: 1px solid #c0c0c0;}
    .absolute1 .cont-wrap .txt-box2 li:first-child {padding-top: 15px; border-top: 0;}
    .absolute1 .cont-wrap .txt-box2 .txt {flex: auto; width: 100%;}

    .absolute1 .cont-wrap .txt-box3 li:nth-child(1) {padding: 0 5px 5px 0;}
    .absolute1 .cont-wrap .txt-box3 li:nth-child(2) {padding: 0 0 5px 5px;}
    .absolute1 .cont-wrap .txt-box3 li:nth-child(3) {padding: 5px 5px 0 0;}
    .absolute1 .cont-wrap .txt-box3 li:nth-child(4) {padding: 5px 0 0 5px;}
    .absolute1 .cont-wrap .txt-box3 .txt {padding: 60px 10px;}

    .absolute1 .cont-wrap .txt-box4 {margin-top: 45px; padding: 90px 0; border-left: 0; border-right: 0; border-radius: 0;}
    .absolute1 .cont-wrap .txt-box4 > .title {display: block; position: static; transform: translateX(0); padding: 0;}
    .absolute1 .cont-wrap .txt-box4 ul {gap: 60px;}
    .absolute1 .cont-wrap .txt-box4 li {width: 100%;}
    .absolute1 .cont-wrap .txt-box4 .img img {width: 100px;}

    .absolute1 .cont-wrap .flex-img {flex-wrap: wrap; justify-content: center; margin-top: 90px;}
    .absolute1 .cont-wrap .flex-img ul {gap: 60px;}
    .absolute1 .cont-wrap .flex-img li {flex: auto;}
    .absolute1 .cont-wrap .flex-img .title img {display: none;}
    .absolute1 .cont-wrap .flex-img .img-icon {display: none;}
}


/* absolute2 */
.absolute2 .cont-wrap .txt-box {padding: 40px; background-color: #f9f9f9;}
.absolute2 .cont-wrap .flex-item {align-items: center;}
.absolute2 .cont-wrap .flex-item .img {margin-bottom: 0;}
.absolute2 .cont-wrap .flex-item.reverse .img {text-align: right;}
.absolute2 .cont-wrap .flex-item .title {display: flex; gap: 10px; position: relative; padding-top: 30px;}
.absolute2 .cont-wrap .flex-item .title:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 36px; height: 2px; background-color: #00b6f0;}
.absolute2 .cont-wrap .flex-item .title span {color: #c0c0c0; font-weight: 400;}
.absolute2 .cont-wrap .flex-item .text {letter-spacing: -0.03em;}
.absolute2 .cont-wrap .flex-item em {font-weight: 400;}

@media (max-width: 900px) {
    .absolute2 .cont-wrap .txt-box {padding: 20px 15px;}
    .absolute2 .cont-wrap .flex-item.reverse .img {text-align: center;}
    .absolute2 .cont-wrap .flex-item .img img {width: auto;}
    .absolute2 .cont-wrap .flex-item .title {gap: 5px; flex-wrap: wrap; justify-content: center; padding-top: 20px;}
    .absolute2 .cont-wrap .flex-item .title:before {left: 50%; transform: translateX(-50%);}
    .absolute2 .cont-wrap .flex-item .title span {width: 100%; font-size: 17px;}
    .absolute2 .cont-wrap .flex-item .txt {margin-top: 30px; text-align: center;}
}


/* absolute3 */
.absolute3 .cont-wrap {text-align: center;}
.absolute3 .cont-wrap:last-child {text-align: left;}
.absolute3 .cont-wrap .txt + .img {margin-top: 60px;}
.absolute3 .cont-wrap .txt-box {padding: 40px; background-color: #f9f9f9;}

.absolute3 .cont-wrap .flex-col {gap: 10px;}
.absolute3 .cont-wrap .flex-col .img {margin-bottom: 20px;}
.absolute3 .cont-wrap .flex-col .title {margin-bottom: 15px; font-size: 18px;}
.absolute3 .cont-wrap .flex-col .title.fill {padding: 6px 10px 7px; max-width: 100%; color: #fff; background-color: #00b6f0; border-radius: 19px; box-sizing: border-box;}
.absolute3 .cont-wrap .flex-col .text {font-size: 15px; text-align: left;}

@media (max-width: 900px) {
    .absolute3 .cont-wrap .title {text-align: center;}
    .absolute3 .cont-wrap .img-icon img,
    .absolute3 .cont-wrap .flex-col .img img {height: 100px;}
    .absolute3 .cont-wrap .txt-box {padding: 20px 15px;}
    .absolute3 .cont-wrap .flex-col {gap: 30px;}
    .absolute3 .cont-wrap .flex-col .title.fill {display: inline-block; min-width: 220px;}
}


/* absolute4 */
.absolute4 .cont-wrap .txt-box {padding: 40px; background-color: #f9f9f9;}

@media (max-width: 900px) {
    .absolute4 .cont-wrap .txt-box {padding: 20px 15px;}
}


/* absolute5 */
.absolute5 .cont-wrap .txt-box {margin-bottom: 60px; padding: 40px; background-color: #f9f9f9;}
.absolute5 .cont-wrap .box {margin-top: 60px; text-align: center;}
.absolute5 .cont-wrap .box .div {display: flex; gap: 40px; justify-content: space-between; position: relative; margin: 0 auto; width: 600px; max-width: 100%;}
.absolute5 .cont-wrap .box .div.full {width: 800px;}
.absolute5 .cont-wrap .box .img {margin-bottom: 0;}
.absolute5 .cont-wrap .box dl {flex: 1; position: relative;}
.absolute5 .cont-wrap .box dt {padding: 12px 20px; background-color: #cd8376;}
.absolute5 .cont-wrap .box dt .title {margin-bottom: 0; color: #fff;}
.absolute5 .cont-wrap .box dd ul {display: inline-block; text-align: left;}
.absolute5 .cont-wrap .box dd li {position: relative; padding-left: 10px;}
.absolute5 .cont-wrap .box dd li:before {display: block; content: '•'; position: absolute; top: 0; left: 0; line-height: 1.6; font-size: 17px; color: #363636;}

.absolute5 .cont-wrap .box1 dt {border-radius: 10px 10px 0 0;}
.absolute5 .cont-wrap .box1 dd {padding: 30px 20px; border: 1px solid #c0c0c0; border-top: 0; border-radius: 0 0 10px 10px;}

.absolute5 .cont-wrap .box2 .div {margin-bottom: 60px; padding-bottom: 190px;}
.absolute5 .cont-wrap .box2 .div:after {display: block; content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 91px; height: 118px; background: url(../images/detail/i-arrow-bottom.png) center center no-repeat;}
.absolute5 .cont-wrap .box2 .div:last-child {margin-bottom: 0 !important; padding-bottom: 0 !important;}
.absolute5 .cont-wrap .box2 .div:last-child::after {display: none;}
.absolute5 .cont-wrap .box2 dt {margin-bottom: 20px; border-radius: 7px;}
.absolute5 .cont-wrap .box2 .div:first-child dt {margin-bottom: 15px;}
.absolute5 .cont-wrap .box2 .div:last-child dt {padding: 17px 20px; border-radius: 15px;}

@media (max-width: 900px) {
    .absolute5 .cont-wrap .txt-box {padding: 20px 15px;}
    .absolute5 .cont-wrap .box,
    .absolute5 .cont-wrap .box .div,
    .absolute5 .cont-wrap .box .div.full {width: 100%;}
    .absolute5 .cont-wrap .box .div {gap: 10px}
    .absolute5 .cont-wrap .box .img,
    .absolute5 .cont-wrap .box .img img {width: 100%;}
    .absolute5 .cont-wrap .box dd li:before {font-size: 16px;}

    .absolute5 .cont-wrap .box1 dd {padding: 20px 10px;}

    .absolute5 .cont-wrap .box2 .div {margin-bottom: 40px; padding-bottom: 100px;}
    .absolute5 .cont-wrap .box2 .div:after {height: 60px; background-size: auto 100% !important;}
}


/* absolute6 */
.absolute6 .cont-wrap .color {color: #019fda;}
.absolute6 .cont-wrap .txt + .img {margin-top: 60px;}

.absolute6 .cont-wrap .quote-start {background-image: url(../images/detail/i-big-quote-start-color.png);}
.absolute6 .cont-wrap .quote-end {background-image: url(../images/detail/i-big-quote-end-color.png);}

.absolute6 .cont-wrap .txt-box {margin-bottom: 30px;}
.absolute6 .cont-wrap .title + .txt-box {margin-top: 30px;}

@media (max-width: 900px) {
    .absolute6 .cont-wrap .img-icon img {height: 100px;}
}


/* absolute7 */
.absolute7 .cont-wrap .txt + .img,
.absolute7 .cont-wrap .img + .txt {margin-top: 60px;}

@media (max-width: 900px) {
    .absolute7 .cont-wrap .img + .txt,
    .absolute7 .cont-wrap .txt + .img {margin-top: 40px;}
    .absolute7 .cont-wrap .img.mob-margin {margin-left: -20px; margin-right: -20px;}
    .absolute7 .cont-wrap .img-icon img {width: 80px;}
}


/* absolute8 */
.absolute8 .cont-wrap .txt + .img,
.absolute8 .cont-wrap .img + .txt {margin-top: 60px;}

@media (max-width: 900px) {
    .absolute8 .cont-wrap .img + .txt,
    .absolute8 .cont-wrap .txt + .img {margin-top: 40px;}
}


/* absolute9 */
.absolute9 .cont-wrap .title.fill {display: inline-block; padding: 7px 30px 8px; min-width: 240px; max-width: 100%; color: #fff; background-color: #00b6f0; border-radius: 25px;}

.absolute9 .cont-wrap .txt-box {margin: 60px 0;}

.absolute9 .cont-wrap .flex-img {flex-wrap: nowrap; align-items: center;}
.absolute9 .cont-wrap .flex-img .img {margin-bottom: 0;}
.absolute9 .cont-wrap .flex-img .txt {text-align: left;}

.absolute9 .cont-wrap .txt-box1 .flex-img {gap: 0; border-bottom: 2px dotted #c7c7c7;}
.absolute9 .cont-wrap .txt-box1 .flex-img:first-child {padding-bottom: 50px;}
.absolute9 .cont-wrap .txt-box1 .flex-img .img {width: 350px;}
.absolute9 .cont-wrap .txt-box1 .flex-img .txt {width: calc(100% - 350px);}

.absolute9 .cont-wrap .txt-box2 {padding: 0 50px; background-color: #f0f9ff;;}
.absolute9 .cont-wrap .txt-box2 .flex-img {gap: 45px; padding: 55px 0; border-top: 1px solid #bbd5e6;}
.absolute9 .cont-wrap .txt-box2 .flex-img:first-child {border-top: 0 solid #000;}
.absolute9 .cont-wrap .txt-box2 .flex-img .img {width: 272px;}
.absolute9 .cont-wrap .txt-box2 .flex-img .txt {width: calc(100% - 317px);}

.absolute9 .cont-wrap .flex-item {gap: 0; align-items: center; padding: 40px 0; border-bottom: 2px dotted #c7c7c7;}
.absolute9 .cont-wrap .flex-item .col {flex: initial; width: 50%;}
.absolute9 .cont-wrap .flex-item .col:last-child {padding-left: 80px;}
.absolute9 .cont-wrap .flex-item .img {margin-bottom: 0;}
.absolute9 .cont-wrap .flex-item .txt + .txt {margin-top: 50px;}
.absolute9 .cont-wrap .flex-item .txt > .flex {margin-top: 20px;}

.absolute9 .cont-wrap .flex-item .text.i-pv {margin-top: 0;}

.absolute9 .cont-wrap .text.check {position: relative; padding-left: 30px;}
.absolute9 .cont-wrap .text.check:before {display: block; content: ''; position: absolute; top: 5px; left: 0; width: 17px; height: 17px; background: url(../images/detail/img-check-absolute-09.png) 0 0 no-repeat;}

@media (max-width: 900px) {
    .absolute9 .cont-wrap .title.fill {padding: 5px 10px 6px; width: 100%; border-radius: 50px;}

    .absolute9 .cont-wrap .flex-img {flex-wrap: wrap; padding: 40px 0;}

    .absolute9 .cont-wrap .txt-box1 .flex-img .img,
    .absolute9 .cont-wrap .txt-box1 .flex-img .txt {width: 100%; text-align: center;}
    .absolute9 .cont-wrap .txt-box1 .flex-img:first-child .img {margin-bottom: 40px;}

    .absolute9 .cont-wrap .txt-box2 {padding: 0 10px;}
    .absolute9 .cont-wrap .txt-box2 .flex-img {position: relative; border-top: 0;}
    .absolute9 .cont-wrap .txt-box2 .flex-img:after {display: block; content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 40px); height: 1px; background-color: #bbd5e6;}
    .absolute9 .cont-wrap .txt-box2 .flex-img:last-child::after {display: none;}
    .absolute9 .cont-wrap .txt-box2 .flex-img .img,
    .absolute9 .cont-wrap .txt-box2 .flex-img .txt {width: 100%; text-align: center;}
    .absolute9 .cont-wrap .txt-box2 .flex-img .img img {max-width: 60% !important;}
    .absolute9 .cont-wrap .txt-box2 .flex-img .text {text-align: center;}

    .absolute9 .cont-wrap .flex-item {gap: 40px; padding: 40px 0 60px;}
    .absolute9 .cont-wrap .flex-item .col {width: 100%;}
    .absolute9 .cont-wrap .flex-item .col:last-child {display: flex; justify-content: center; padding-left: 0;}
}



/* health1 */

.health1 .cont-wrap .img-txt {margin-bottom: 20px;}
.health1 .cont-wrap .title-point {position: relative; margin: 100px 0 0;}
.health1 .cont-wrap .title-point:before,
.health1 .cont-wrap .title-point:after {display: block; content: ''; position: absolute; top: -40px; width: calc(50% - 65px); height: 60px;}
.health1 .cont-wrap .title-point:before {left: 0; background: url(../images/detail/img-health-01-06-01.png) 0 0 no-repeat;}
.health1 .cont-wrap .title-point:after {right: 0; background: url(../images/detail/img-health-01-06-02.png) right 0 no-repeat;}

@media (max-width: 900px) {
    .health1 .cont-wrap .img-txt img {height: 32px;}
    .health1 .cont-wrap .title.color .img-icon img {width: 80px;}
    .health1 .cont-wrap .title-point {margin-top: 40px;}
    .health1 .cont-wrap .title-point:before,
    .health1 .cont-wrap .title-point:after {top: -17px; width: calc(50% - 50px); height: 30px; background-size: auto 100% !important;}
    .health1 .cont-wrap .title-point:before {background-position: -20px 0;}
}


/* health2 */
.health2 .cont-wrap .quote-start {background-image: url(../images/detail/i-big-quote-start-color-redginseng-1.png);}
.health2 .cont-wrap .quote-end {background-image: url(../images/detail/i-big-quote-end-color-redginseng-1.png);}

.health2 .cont-wrap .txt-box1 {margin-bottom: 20px; padding: 40px; background-color: #f9f9f9;}
.health2 .cont-wrap .txt-box2 {margin: 60px 0 40px;}
.health2 .cont-wrap .txt-box2:before {display: block; content: ''; position: absolute; top: 50%; left: 50%; transform: translateY(-50%); margin: 3px 0 0 -1px; width: 153px; height: 160px; background: url(../images/detail/img-health-02-03.png) center center no-repeat;}
.health2 .cont-wrap .txt-box2 .title {margin: 5px 0 0;}

.health2 .cont-wrap .text-label span {color: #fff; background-color: #91370f;}

@media (max-width: 900px) {
    .health2 .cont-wrap .img-icon img {height: 100px;}
    .health2 .cont-wrap .txt-box1 {padding: 20px 15px;}
    .health2 .cont-wrap .txt-box1 .img-icon img {height: 84px;}
}


/* health3 */
.health3 .cont-wrap .title .small {display: block; margin-top: 5px; font-size: 15px; color: #363636; font-weight: 400;}

.health3 .cont-wrap .txt.border-top {position: relative; margin-top: 100px; border-top: 1px solid #ad603a;}
.health3 .cont-wrap .txt.border-top .title {display: inline-block; margin: -27px 0 0; padding: 0 50px; background-color: #fff;}

.health3 .cont-wrap .quote-start {background-image: url(../images/detail/i-big-quote-start-color-redginseng-2.png);}
.health3 .cont-wrap .quote-end {background-image: url(../images/detail/i-big-quote-end-color-redginseng-2.png);}

.health3 .cont-wrap .txt-box1 {margin-bottom: 20px; padding: 40px; background-color: #f9f9f9;}
.health3 .cont-wrap .txt-box2 {margin: 60px 0;}

.health3 .cont-wrap .flex-item > div {gap: 20px; align-items: center; padding: 80px 0; border-top: 1px solid #dfdfdf;}
.health3 .cont-wrap .flex-item > div:first-child {padding: 50px 0 80px; border-top: 0 !important;}
.health3 .cont-wrap .flex-item .img {margin-bottom: 0; width: calc(50% - 20px);}
.health3 .cont-wrap .flex-item .txt {width: 50%; text-align: left;}
.health3 .cont-wrap .flex-item .title {margin-bottom: 20px;}
.health3 .cont-wrap .flex-item dl {display: flex; gap: 10px 20px; flex-wrap: wrap; font-size: 17px;}
.health3 .cont-wrap .flex-item dt {position: relative; width: 50px; color: #242424; font-weight: 500;}
.health3 .cont-wrap .flex-item dt:after {display: block; content: ''; position: absolute; top: 7px; right: 0; width: 2px; height: 13px; background-color: #242424;}
.health3 .cont-wrap .flex-item dd {width: calc(100% - 70px); color: #363636; letter-spacing: -0.015em;}
.health3 .cont-wrap .flex-item .text-label span {padding: 4px 20px 5px; color: #fff; background-color: #ad603a; border-radius: 18px;}

@media (max-width: 900px) {
    .health3 .cont-wrap .img-icon img {height: 100px;}

    .health3 .cont-wrap .txt.border-top {margin-top: 40px;}
    .health3 .cont-wrap .txt.border-top .title {padding: 0 20px;}

    .health3 .cont-wrap .img.padding-mob {padding: 0 10px; box-sizing: border-box;}

    .health3 .cont-wrap .txt-box1 {padding: 20px 15px;}
    .health3 .cont-wrap .txt-box1 .img-icon img {height: 74px;}

    .health3 .cont-wrap .flex-item > div:last-child {padding-bottom: 40px;}
    .health3 .cont-wrap .flex-item .img,
    .health3 .cont-wrap .flex-item .txt {width: 100%;}
    .health3 .cont-wrap .flex-item .img {margin-bottom: 20px;}
    .health3 .cont-wrap .flex-item > div:first-child .img {margin-bottom: 5px;}
    .health3 .cont-wrap .flex-item .title {text-align: center;}
    .health3 .cont-wrap .flex-item dl {font-size: 16px;}
    .health3 .cont-wrap .flex-item .text-label {text-align: center;}

    .health3 .cont-wrap .flex-item .mob-center {text-align: center;}
    .health3 .cont-wrap .flex-item .mob-center .text {display: inline-block; text-align: left; vertical-align: top;}
}


/* health4 */
.health4 .cont-wrap .title.line {margin-bottom: 60px; border-bottom: 1px solid #b86434;}
.health4 .cont-wrap .title.line:after {display: block; content: ''; margin: 5px 0 2px; width: 100%; height: 2px; background-color: #b86434;}

.health4 .cont-wrap .txt + .img {margin-top: 60px;}

.health4 .cont-wrap .bubble-wrap {position: relative;}
.health4 .cont-wrap .img-back {position: absolute; right: 0; bottom: 90px; margin-bottom: 0;}

.health4 .cont-wrap .bubble {position: relative; margin-bottom: 40px; width: 760px; background-color: #fff; border: 3px solid #bd6e42; border-radius: 70px; box-sizing: border-box; text-align: center; z-index: 1;}
.health4 .cont-wrap .bubble:after {display: block; content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 48px; height: 45px; background: url(../images/detail/i-health-04-bubble-arrow-bottom.png) center center no-repeat;}
.health4 .cont-wrap .bubble .title {display: inline-block; padding: 7px 35px 8px; min-width: 400px; max-width: 100%; color: #fff; background-color: #b76535; border-radius: 25px; vertical-align: top;}

.health4 .cont-wrap .bubble .qna {padding-left: 30px; text-align: left;}
.health4 .cont-wrap .bubble .qna + .qna {margin-top: 30px;}
.health4 .cont-wrap .bubble .qna dt {position: relative; margin-bottom: 10px; padding-bottom: 10px; font-size: 20px; color: #b76535; border-bottom: 1px solid #cb9d82;}
.health4 .cont-wrap .bubble .qna dt:before {display: block; content: ''; position: absolute; top: 0; left: -30px; width: 30px; height: 25px; background: url(../images/detail/i-health-4-qna.png) 0 0 no-repeat;}
.health4 .cont-wrap .bubble .qna dd {font-size: 17px; color: #363636; letter-spacing: -0.015em;}

.health4 .cont-wrap .bubble .talk {display: flex; gap: 30px; align-items: center; margin-top: 20px;}
.health4 .cont-wrap .bubble .talk .img {margin-bottom: 0;}
.health4 .cont-wrap .bubble .talk .txt {flex: 1; text-align: left;}

.health4 .cont-wrap .bubble1 {margin-bottom: 370px; padding: 45px 50px 50px 40px;}
.health4 .cont-wrap .bubble1:before {display: block; content: ''; position: absolute; top: -38px; left: 50%; transform: translateX(-50%); width: 119px; height: 71px; background: url(../images/detail/img-health-04-06.png) center center no-repeat;}
.health4 .cont-wrap .bubble2 {padding: 45px 25px 40px 40px;}

.health4 .cont-wrap .flex-item {align-items: center;}
.health4 .cont-wrap .flex-item .img {margin-bottom: 0;}
.health4 .cont-wrap .flex-item .img,
.health4 .cont-wrap .flex-item .txt {flex: 1;}
.health4 .cont-wrap .flex-item .title {margin-bottom: 15px; font-size: 20px; font-weight: 400;}
.health4 .cont-wrap .flex-item .title,
.health4 .cont-wrap .flex-item .text {width: 100%;}
.health4 .cont-wrap .flex-item .text + .title {margin-top: 25px;}

@media (max-width: 900px) {
    .health4 .cont-wrap .title.line {margin-bottom: 30px;}
    .health4 .cont-wrap .img-icon img {width: 90px;}

    .health4 .cont-wrap .txt + .img {margin-top: 40px;}

    .health4 .cont-wrap .img-back {position: static; margin-bottom: -8px;}

    .health4 .cont-wrap .bubble {padding: 45px 15px 40px; width: 100%; border-radius: 45px;}
    .health4 .cont-wrap .bubble .title {padding: 5px 20px 6px; min-width: 300px;}
    .health4 .cont-wrap .bubble .qna {padding-left: 25px;}
    .health4 .cont-wrap .bubble .qna dt {font-size: 18px;}
    .health4 .cont-wrap .bubble .qna dt:before {top: 1px; width: 25px; height: 21px; background-size: auto 100% !important;}
    .health4 .cont-wrap .bubble .qna dd {font-size: 16px;}

    .health4 .cont-wrap .bubble .talk {display: block; margin-top: 0;}
    .health4 .cont-wrap .bubble .talk:after {display: block; content: ''; clear: both;}
    .health4 .cont-wrap .bubble .talk .img {float: left; margin-right: 10px; width: 150px;}

    .health4 .cont-wrap .bubble1 {margin-bottom: 40px;}
    .health4 .cont-wrap .bubble1:before {top: -30px; height: 55px; background-size: auto 100% !important;}

    .health4 .cont-wrap .flex-item {justify-content: center;}
    .health4 .cont-wrap .flex-item .img,
    .health4 .cont-wrap .flex-item .txt {flex: none; width: 100%; box-sizing: border-box;}
    .health4 .cont-wrap .flex-item .img {padding: 0 10px; text-align: center;}
    .health4 .cont-wrap .flex-item .title {font-size: 18px;}
}


/* health5 */
.health5 .cont-wrap .title + .title.size22 {margin-top: -17px;}
.health5 .cont-wrap .text-label {margin: 30px 0 0;}
.health5 .cont-wrap .text-label span {padding: 9px 30px 10px; color: #fff; border-radius: 23px;}

@media (max-width: 900px) {
    .health5 .cont-wrap .title + .title.size22 {margin-top: -10px;}
    .health5 .cont-wrap .img-icon img {width: 100px;}
    .health5 .cont-wrap .text-label span {padding: 6px 20px 7px; width: auto;}
}


/* health6 */
.health6 .cont-wrap .title.round {display: inline-block; padding: 10px 27px 11px; border: 2px solid #000; border-radius: 30px; vertical-align: top;}
.health6 .cont-wrap .txt-box {padding: 40px; background-color: #f3f3f3;}
.health6 .cont-wrap .txt + .img {margin-top: 60px;}
.health6 .cont-wrap .text + .caption {margin-top: 10px;}

@media (max-width: 900px) {
    .health6 .cont-wrap .title.round {padding: 5px 15px 6px; border-width: 1px;}
}


/* health7 */
.health7 .cont-wrap .img + .txt,
.health7 .cont-wrap .txt + .img {margin-top: 60px;}
.health7 .cont-wrap .caption.align-right {text-align: right !important;}

@media (max-width: 900px) {
    .health7 .cont-wrap .img + .txt,
    .health7 .cont-wrap .txt + .img {margin-top: 40px;}
}


/* health8 */
.health8 .cont-wrap .img + .txt,
.health8 .cont-wrap .txt + .img {margin-top: 60px;}

@media (max-width: 900px) {
    .health8 .cont-wrap .img + .txt,
    .health8 .cont-wrap .txt + .img {margin-top: 40px;}
}


/* health9 */
.health9 .cont-wrap .txt + .img,
.health9 .cont-wrap .img + .txt {margin-top: 60px;}
.health9 .cont-wrap .txt-box1 {margin-top: 60px; padding: 40px 30px; background-color: #f8f7f4; border-radius: 20px; text-align: left;}
.health9 .cont-wrap .txt-box1 ul {gap: 48px;}
.health9 .cont-wrap .txt-box1 li {width: calc(100% / 3 - 32px);}
.health9 .cont-wrap .txt-box1 .title {padding-bottom: 20px; color: #679e30; border-bottom: 2px solid #679e30;}

.health9 .cont-wrap .txt-box2 {display: flex; gap: 50px; align-items: center; padding: 55px 45px; border: 4px solid #679e30; border-radius: 50px; text-align: left;}
.health9 .cont-wrap .txt-box2 .img-txt {margin-bottom: 0; text-align: center;}
.health9 .cont-wrap .txt-box2 .text.check {position: relative; margin-top: 5px; padding-left: 30px; font-size: 19px;}
.health9 .cont-wrap .txt-box2 .text.check:first-child {margin-top: 0;}
.health9 .cont-wrap .txt-box2 .text.check:before {display: block; content: ''; position: absolute; top: 7px; left: 0; width: 17px; height: 17px; background: url(../images/detail/i-check-health-09.png) 0 0 no-repeat;}

@media (max-width: 900px) {
    .health9 .cont-wrap .img + .txt,
    .health9 .cont-wrap .txt + .img {margin-top: 40px;}

    .health9 .cont-wrap .txt-box1 {margin-top: 40px; padding: 30px 20px; text-align: center;}
    .health9 .cont-wrap .txt-box1 ul {gap: 60px 40px;}
    .health9 .cont-wrap .txt-box1 li {width: 100%;}
    .health9 .cont-wrap .txt-box1 .title {margin-bottom: 20px;}

    .health9 .cont-wrap .txt-box2 {gap: 40px; flex-wrap: wrap; padding: 40px 20px; border-width: 2px;}
    .health9 .cont-wrap .txt-box2 .img-txt,
    .health9 .cont-wrap .txt-box2 .txt {width: 100%;}
    .health9 .cont-wrap .txt-box2 .text.check {font-size: 17px;}
}


/* health10 */
.health10 .cont-wrap .txt + .img,
.health10 .cont-wrap .img + .txt {margin-top: 60px;}

@media (max-width: 900px) {
    .health10 .cont-wrap .img + .txt,
    .health10 .cont-wrap .txt + .img {margin-top: 40px;}
}


/* health11 */
.health11 .cont-wrap .txt + .img,
.health11 .cont-wrap .img + .txt {margin-top: 60px;}

.health11 .cont-wrap .img.align-center {margin-bottom: 0;}
.health11 .cont-wrap .txt-box {margin: 0 auto 60px; padding: 30px 20px; width: 800px; max-width: 100%; background-color: #f1f6f8; box-sizing: border-box;}
.health11 .cont-wrap .txt-box .caption {margin-top: 0;}

@media (max-width: 900px) {
    .health11 .cont-wrap .img + .txt,
    .health11 .cont-wrap .txt + .img {margin-top: 40px;}
    .health11 .cont-wrap .txt-box {margin: 0 -20px 40px; width: calc(100% + 40px); max-width: calc(100% + 40px);}
}



/* beauty1 */
.beauty1 .cont-wrap .quote-start {background-image: url(../images/detail/i-big-quote-start-color.png);}
.beauty1 .cont-wrap .quote-end {background-image: url(../images/detail/i-big-quote-end-color.png);}

.beauty1 .cont-wrap .txt-box {margin-bottom: 60px;}

.beauty1 .cont-wrap .step-box {margin-top: 60px;}
.beauty1 .cont-wrap .step-box > .title {display: inline-block; padding: 7px 40px 8px; max-width: 100%; color: #fff; background-color: #00b6f0; border-radius: 25px; vertical-align: top;}

.beauty1 .cont-wrap .flex-step {gap: 0; padding: 85px 0; background-color: #eff8fe;}
.beauty1 .cont-wrap .flex-step > div {display: flex; flex-wrap: wrap; justify-content: center; position: relative; padding: 0 10px 0 80px; width: 25%; box-sizing: border-box;}
.beauty1 .cont-wrap .flex-step .step {display: flex; align-items: center; justify-content:center; position: absolute; left: 20px; bottom: 145px; width: 60px; height: 106px;}
.beauty1 .cont-wrap .flex-step .step img {width: 44px;}
.beauty1 .cont-wrap .flex-step .center {display: flex; flex-wrap: wrap; justify-content: center;}
.beauty1 .cont-wrap .flex-step .title {display: flex; justify-content: center; align-items: center; width: 106px; height: 106px; font-size: 20px; font-weight: 400; border-radius: 50%;}
.beauty1 .cont-wrap .flex-step .step1 .title {color: #607fc6; background-color: #d9ddec;}
.beauty1 .cont-wrap .flex-step .step2 .title {color: #50add2; background-color: #d9e8f0;}
.beauty1 .cont-wrap .flex-step .step3 .title {color: #a581a7; background-color: #e2d9e4;}
.beauty1 .cont-wrap .flex-step .step4 .title {color: #8bac82; background-color: #dce1d8;}

.beauty1 .cont-wrap .flex-step .text {display: flex; justify-content: center; align-items: flex-end; width: 100%; height: 115px;}

.beauty1 .cont-wrap .flex-step .img1 {margin-bottom: 15px; width: 100%;}
.beauty1 .cont-wrap .flex-step .img2 {position: absolute; left: 20px; bottom: 0; margin-bottom: 0; width: 60px; text-align: center;}

@media (max-width: 900px) {
    .beauty1 .cont-wrap .img-icon img {width: 80px;}

    .beauty1 .cont-wrap .step-box > .title {border-radius: 30px;}

    .beauty1 .cont-wrap .flex-step {padding: 0 15px;}
    .beauty1 .cont-wrap .flex-step > div {position: relative; padding: 70px 0 50px; width: 100%; border-bottom: 1px solid #b3d1e6;}
    .beauty1 .cont-wrap .flex-step > div:after {display: block; content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 49px; height: 24px; background: url(../images/detail/img-beauty-01-08-arrow.png) center center no-repeat;}
    .beauty1 .cont-wrap .flex-step > div:last-child {border-bottom: 0;}
    .beauty1 .cont-wrap .flex-step > div:last-child::after {display: none;}
    .beauty1 .cont-wrap .flex-step .step {position: static; margin-bottom: 30px; width: 100%; height: auto;}
    .beauty1 .cont-wrap .flex-step .center {position: relative; gap: 120px; align-items: flex-end; width: 100%;}
    .beauty1 .cont-wrap .flex-step .title {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; width: 90px; height: 90px; font-size: 18px;}
    .beauty1 .cont-wrap .flex-step .text {display: block; margin-top: 20px; height: auto;}

    .beauty1 .cont-wrap .flex-step .img {margin-bottom: 0; width: calc(50% - 60px); box-sizing: border-box;}
    .beauty1 .cont-wrap .flex-step .img1 {text-align: right;}
    .beauty1 .cont-wrap .flex-step .img2 {position: static; padding-left: 10px; text-align: left;}
    .beauty1 .cont-wrap .flex-step .img2 img {max-width: 50% !important;}
}


/* beauty2 */
.beauty2 .cont-wrap .title.fill {display: inline-block; padding: 7px 20px 8px; min-width: 240px; max-width: 100%; color: #fff; background-color: #00b6f0; border-radius: 25px;}
.beauty2 .cont-wrap .txt-box {margin-top: 30px; background-color: #e6eef8; text-align: center;}
.beauty2 .cont-wrap .txt-box + .txt {margin-top: 60px;}

.beauty2 .cont-wrap .txt-box1 {margin-top: 60px; padding: 60px 50px; border: 2px solid #00b6f0;}
.beauty2 .cont-wrap .txt-box1:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 20px solid #fff; box-sizing: border-box;}
.beauty2 .cont-wrap .txt-box1 > .title {display: inline-block; position: absolute; top: -15px; left: 50%; transform: translateX(-50%); margin-bottom: 0; padding: 0 20px; color: #019fda; background-color: #fff; white-space: nowrap; vertical-align: top;}
.beauty2 .cont-wrap .txt-box1 .img {position: relative; margin-bottom: 0; z-index: 1;}

.beauty2 .cont-wrap .txt-box2 {margin-top: 60px; background-color: transparent;}
.beauty2 .cont-wrap .txt-box2 li {flex: 1;}
.beauty2 .cont-wrap .txt-box2 .text {text-align: left;}
.beauty2 .cont-wrap .txt-box2 .text.color {display: inline-block; color: #019fda; font-weight: 500; vertical-align: top;}

.beauty2 .cont-wrap .txt-box3 {padding: 30px; text-align: left;}
.beauty2 .cont-wrap .txt-box3 .color {color: #3280c3;}
.beauty2 .cont-wrap .txt-box3 dl {display: flex; flex-wrap: wrap; align-content: center; align-items: center; border-top: 1px solid #fff;}
.beauty2 .cont-wrap .txt-box3 dl:first-child {border-top: 0 !important;}
.beauty2 .cont-wrap .txt-box3 dt,
.beauty2 .cont-wrap .txt-box3 dd {padding: 30px 20px; font-size: 17px; box-sizing: border-box;}
.beauty2 .cont-wrap .txt-box3 dt {padding-left: 75px; width: 41%; font-weight: 500;}
.beauty2 .cont-wrap .txt-box3 dd {padding-left: 60px; width: 59%; border-left: 1px solid #fff; letter-spacing: -0.015em;}
.beauty2 .cont-wrap .txt-box3 dd em {font-weight: 400;}

.beauty2 .cont-wrap .txt-box4 {padding: 70px 30px 60px;}
.beauty2 .cont-wrap .txt-box4 ul {gap: 105px; justify-content: center;}

.beauty2 .cont-wrap .txt-box5 {padding: 55px 20px 55px 40px;}
.beauty2 .cont-wrap .txt-box5 .flex {gap: 50px; align-items: center;}
.beauty2 .cont-wrap .txt-box5 .color {color: #3280c3;}
.beauty2 .cont-wrap .txt-box5 .img {margin-bottom: 0; width: 285px;}
.beauty2 .cont-wrap .txt-box5 em {font-weight: 400;}
.beauty2 .cont-wrap .txt-box5 ul {flex: 1; text-align: left;}
.beauty2 .cont-wrap .txt-box5 li {margin-top: 30px;}
.beauty2 .cont-wrap .txt-box5 li:first-child {margin-top: 0 !important;}
.beauty2 .cont-wrap .txt-box5 .number {display: inline-block; margin: 2px 5px 0 0; width: 24px; height: 24px; line-height: 24px; font-size: 12px; color: #fff; font-weight: bold; background-color: #3280c3; border-radius: 50%; text-align: center; vertical-align: top;}

.beauty2 .cont-wrap .txt-box6 {padding: 55px 30px 60px;}
.beauty2 .cont-wrap .txt-box6 ul {justify-content: center;}
.beauty2 .cont-wrap .txt-box6 li {width: calc(50% - 20px);}
.beauty2 .cont-wrap .txt-box6 .text {display: inline-block; padding: 11px 10px; min-width: 300px; max-width: 100%; line-height: 1.4; color: #fff; background-color: #9da8af; border-radius: 10px; vertical-align: top;}
.beauty2 .cont-wrap .txt-box6 li:last-child .text {background-color: #61a9d7;}

.beauty2 .cont-wrap .txt-box7 {padding: 50px 116px 50px 80px; text-align: left;}
.beauty2 .cont-wrap .txt-box7 .flex {align-items: center; justify-content: space-between;}
.beauty2 .cont-wrap .txt-box7 .img {flex: 1; margin-bottom: 0; text-align: right;}
.beauty2 .cont-wrap .txt-box7 .txt {width: 190px;}
.beauty2 .cont-wrap .txt-box7 .title {margin-bottom: 0; line-height: 1.4; color: #3280c3;}

.beauty2 .cont-wrap .txt-box8 {padding: 60px 20px 60px 50px; text-align: left;}
.beauty2 .cont-wrap .txt-box8 .flex {gap: 30px; align-items: center;}
.beauty2 .cont-wrap .txt-box8 .img {margin-bottom: 0; width: 38%;}
.beauty2 .cont-wrap .txt-box8 .txt {flex: 1;}

.beauty2 .cont-wrap .flex-item {align-items: center; margin-top: 30px;}
.beauty2 .cont-wrap .flex-item:nth-child(2) {margin-top: 60px;}
.beauty2 .cont-wrap .flex-item:nth-child(4) {margin-top: 90px;}
.beauty2 .cont-wrap .flex-item .img {margin-bottom: 0;}
.beauty2 .cont-wrap .flex-item .txt {text-align: left;}
.beauty2 .cont-wrap .flex-item .title {display: flex; gap: 10px; position: relative; padding-top: 30px;}
.beauty2 .cont-wrap .flex-item .title:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 36px; height: 2px; background-color: #00b6f0;}
.beauty2 .cont-wrap .flex-item .title span {color: #c0c0c0; font-weight: 400;}
.beauty2 .cont-wrap .flex-item .text {letter-spacing: -0.03em;}
.beauty2 .cont-wrap .flex-item .text.round {display: inline-block; padding: 0 20px; color: #019fda; border: 2px solid #00b6f0; border-radius: 15px; vertical-align: top;}
.beauty2 .cont-wrap .flex-item .text span {color: #c0c0c0;}

@media (max-width: 900px) {
    .beauty2 .cont-wrap .title.fill {padding: 5px 10px 6px; min-width: 210px;}
    .beauty2 .cont-wrap .img-icon img {width: 100px;}

    .beauty2 .cont-wrap .txt-box {margin-top: 40px;}
    .beauty2 .cont-wrap .txt-box + .txt {margin-top: 90px;}

    .beauty2 .cont-wrap .txt-box1 {margin-top: 40px; padding: 30px 20px;}
    .beauty2 .cont-wrap .txt-box1:before {border-width: 10px; border-top-width: 15px;}

    .beauty2 .cont-wrap .txt-box2 li {flex: auto;}
    .beauty2 .cont-wrap .txt-box2 .img img {height: 90px;}
    .beauty2 .cont-wrap .txt-box2 .txt {padding: 0 15px;}

    .beauty2 .cont-wrap .txt-box3 {padding: 20px 15px;}
    .beauty2 .cont-wrap .txt-box3 dl {display: block; padding: 20px 0;}
    .beauty2 .cont-wrap .txt-box3 dt,
    .beauty2 .cont-wrap .txt-box3 dd {padding: 0; width: 100%;}
    .beauty2 .cont-wrap .txt-box3 dt {margin-bottom: 10px;}
    .beauty2 .cont-wrap .txt-box3 dd {font-size: 16px; border-left: 0;}

    .beauty2 .cont-wrap .txt-box4 {padding: 40px 15px;}
    .beauty2 .cont-wrap .txt-box4 ul {gap: 30px;}
    .beauty2 .cont-wrap .txt-box4 li {width: 100%;}

    .beauty2 .cont-wrap .txt-box5 {padding: 40px 15px;}
    .beauty2 .cont-wrap .txt-box5 .flex {justify-content: center;}
    .beauty2 .cont-wrap .txt-box5 .img {width: 100%;}
    .beauty2 .cont-wrap .txt-box5 .img img {height: 240px;}

    .beauty2 .cont-wrap .txt-box6 {padding: 40px 15px;}
    .beauty2 .cont-wrap .txt-box6 li {width: 100%;}
    .beauty2 .cont-wrap .txt-box6 .img img {width: 280px;}
    .beauty2 .cont-wrap .txt-box6 .text {padding: 5px 10px 6px; min-width: 280px;}

    .beauty2 .cont-wrap .txt-box7 {padding: 40px 15px; text-align: center;}
    .beauty2 .cont-wrap .txt-box7 .flex {gap: 20px;}
    .beauty2 .cont-wrap .txt-box7 .txt {width: 100%;}
    .beauty2 .cont-wrap .txt-box7 .img {flex: auto; width: 100%; text-align: center;}

    .beauty2 .cont-wrap .txt-box8 {padding: 40px 15px;}
    .beauty2 .cont-wrap .txt-box8 .txt {width: 100%;}
    .beauty2 .cont-wrap .txt-box8 .img {flex: auto; width: 100%; text-align: center;}
    .beauty2 .cont-wrap .txt-box8 .img img {width: 220px;}

    .beauty2 .cont-wrap .flex-item {margin: 0 !important; padding: 60px 0; border-top: 1px solid #c0c0c0;}
    .beauty2 .cont-wrap .flex-item:nth-child(2) {padding-top: 0; border-top: 0;}
    .beauty2 .cont-wrap .flex-item:last-child {padding-bottom: 0;}
    .beauty2 .cont-wrap .flex-item .col {flex: auto; width: 100%;}
    .beauty2 .cont-wrap .flex-item .img img {width: 200px;}
    .beauty2 .cont-wrap .flex-item .txt {margin-top: 30px; text-align: center;}
    .beauty2 .cont-wrap .flex-item .title {gap: 5px; flex-wrap: wrap; justify-content: center; padding-top: 20px;}
    .beauty2 .cont-wrap .flex-item .title:before {left: 50%; transform: translateX(-50%);}
    .beauty2 .cont-wrap .flex-item .title span {width: 100%; font-size: 17px;}
}


/* beauty3 */
.beauty3 .cont-wrap .color {color: #019fda;}

.beauty3 .cont-wrap .title + .title.title.size20 {margin-top: -15px;}

.beauty3 .cont-wrap .txt-box1 {margin-top: 60px;}
.beauty3 .cont-wrap .txt-box1 .txt {text-align: left;}

.beauty3 .cont-wrap .txt-box2 {padding: 60px 0 70px; background-color: #f9f9f9;}
.beauty3 .cont-wrap .txt-box2 li {position: relative; width: calc(50% - 20px); box-sizing: border-box;}
.beauty3 .cont-wrap .txt-box2 li:after {display: block; content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #c0c0c0;}
.beauty3 .cont-wrap .txt-box2 li:first-child::after {display: none;}
.beauty3 .cont-wrap .txt-box2 .title + .title.title.size20 {margin-top: -10px;}
.beauty3 .cont-wrap .txt-box2 .title.size20 {margin-bottom: 45px; min-height: 84px;}
.beauty3 .cont-wrap .txt-box2 .img-txt {position: relative;}
.beauty3 .cont-wrap .txt-box2 .img-txt:after {display: block; content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); margin-top: 15px; width: 300px; height: 1px;}
.beauty3 .cont-wrap .txt-box2 li:first-child .img-txt:after {background-color: #ff862c;}
.beauty3 .cont-wrap .txt-box2 li:last-child .img-txt:after {background-color: #907bb7;}
.beauty3 .cont-wrap .txt-box2 .img {margin-bottom: 0;}

.beauty3 .cont-wrap .txt-box3 {margin-top: 60px;}

@media (max-width: 900px) {
    .beauty3 .cont-wrap .img-icon img {width: 90px;}

    .beauty3 .cont-wrap .txt-box1 {margin-top: 40px;}
    .beauty3 .cont-wrap .txt-box1 .col {flex: auto; width: 100%;}

    .beauty3 .cont-wrap .txt-box2 {padding: 30px 15px;}
    .beauty3 .cont-wrap .txt-box2 ul {gap: 60px;}
    .beauty3 .cont-wrap .txt-box2 li {width: 100%;}
    .beauty3 .cont-wrap .txt-box2 li:after {display: none;}
    .beauty3 .cont-wrap .txt-box2 .title.size20 {margin-bottom: 20px;}
    .beauty3 .cont-wrap .txt-box2 .img-txt:after {margin-top: 10px; width: 240px;}
    .beauty3 .cont-wrap .txt-box2 .img-txt img {height: 28px;}
    .beauty3 .cont-wrap .txt-box2 .img img {width: 150px;}

    .beauty3 .cont-wrap .txt-box3 {margin-top: 40px;}

    .beauty3 .cont-wrap .txt.mob-show {margin-bottom: 60px;}
    .beauty3 .cont-wrap .txt.mob-show .title {margin-bottom: 20px;}
    .beauty3 .cont-wrap .txt.mob-show .img-txt {margin: 20px 0 10px;}
    .beauty3 .cont-wrap .txt.mob-show .img-txt img {max-width: 60% !important;}
}


/* beauty4 */
.beauty4 .cont-wrap .color {color: #019fda;}

.beauty4 .cont-wrap .txt-box1 {padding: 40px; background-color: #f9f9f9;}

.beauty4 .cont-wrap .txt-box2 {margin-top: 60px;}
.beauty4 .cont-wrap .txt-box2 ul {gap: 10px 8px; padding: 0 20px;}
.beauty4 .cont-wrap .txt-box2 li {width: calc(25% - 6px);}
.beauty4 .cont-wrap .txt-box2 .txt {position: relative; border: 2px solid #a4d8f0; border-radius: 50%; box-sizing: border-box;}
.beauty4 .cont-wrap .txt-box2 .txt:before {display: block; content: ''; padding-top: 100%;}
.beauty4 .cont-wrap .txt-box2 .text {position: absolute; top: 23%; left: 0; width: 100%; line-height: 1.3;}
.beauty4 .cont-wrap .txt-box2 .text em {font-weight: 400;}
.beauty4 .cont-wrap .txt-box2 .number {display: block; margin-bottom: 10px; width: 100%; line-height: 1; font-size: 40px; color: #c0c0c0; font-weight: 500;}

.beauty4 .cont-wrap .txt-box3 {margin-top: 60px;}

.beauty4 .cont-wrap .txt-box4 {padding: 100px 40px; border: 1px solid #c0c0c0; border-radius: 15px;}
.beauty4 .cont-wrap .txt-box4 .img + .txt {margin-top: 100px;}
.beauty4 .cont-wrap .txt-box4 .title:after {display: block; content: ''; margin: 20px auto 0; width: 40px; height: 3px; background-color: #00b6f0;}

.beauty4 .cont-wrap .txt-box5 .img {margin-bottom: 60px;}
.beauty4 .cont-wrap .txt-box5 .txt {position: relative; padding: 10px 0 0 60px; text-align: left;}
.beauty4 .cont-wrap .txt-box5 .number {display: block; position: absolute; top: 0; left: 0; width: 40px; line-height: 40px; font-size: 24px; color: #fff; font-weight: 500; background-color: #00b6f0; border: 4px solid #c7e9f6; border-radius: 50%; text-align: center;}

@media (max-width: 900px) {
    .beauty4 .cont-wrap .img-icon img {width: 90px;}

    .beauty4 .cont-wrap .txt-box1 {padding: 20px 15px;}
    .beauty4 .cont-wrap .txt-box2 {margin-top: 30px; padding: 0 10px;}
    .beauty4 .cont-wrap .txt-box3 {margin-top: 30px; padding: 0 10px;}

    .beauty4 .cont-wrap .txt-box4 {padding: 50px 25px;}
    .beauty4 .cont-wrap .txt-box4 .img + .txt {margin-top: 40px;}
    .beauty4 .cont-wrap .txt-box4 .title:after {margin-top: 10px; width: 20px; height: 2px;}
    .beauty4 .cont-wrap .txt-box5 .txt {padding: 0;}
    .beauty4 .cont-wrap .txt-box5 .txt:before {display: block; content: ''; clear: both;}
    .beauty4 .cont-wrap .txt-box5 .number {float: left; position: static; margin: -5px 5px 0 0; width: 30px; line-height: 30px; font-size: 17px; border-width: 2px;}
}


/* beauty5 */
.beauty5 .cont-wrap .img + .txt {margin-top: 60px;}
.beauty5 .cont-wrap .txt-box {margin-top: 60px;}
.beauty5 .cont-wrap .txt-box .img + .txt {margin-top: 0 !important;}
.beauty5 .cont-wrap .txt-box ul {gap: 48px;}
.beauty5 .cont-wrap .txt-box li {width: calc(100% / 3 - 32px);}
.beauty5 .cont-wrap .txt-box .img-txt {margin: 20px 0 0;}

@media (max-width: 900px) {
    .beauty5 .cont-wrap .img + .txt {margin-top: 30px;}
    .beauty5 .cont-wrap .txt-box li {width: 100%;}
    .beauty5 .cont-wrap .txt-box li:first-child {display: none;}
    .beauty5 .cont-wrap .txt-box li .img img {height: 180px;}
    .beauty5 .cont-wrap .txt-box li .img-txt img {height: 40px;}
    .beauty5 .cont-wrap .txt-box li:nth-child(2) .text {text-align: center;}

    .beauty5 .cont-wrap:nth-child(2) > div:nth-child(2) {padding-top: 60px; border-top: 1px solid #c0c0c0;}
}


/* beauty6 */
.beauty6 .cont-wrap .txt-box {margin-top: 60px;}

.beauty6 .cont-wrap .txt-box1 li {position: relative; width: calc(50% - 20px); height: 390px;}
.beauty6 .cont-wrap .txt-box1 li:nth-child(1) {background-color: #eae9f3;}
.beauty6 .cont-wrap .txt-box1 li:nth-child(2) {background-color: #fff9de;}
.beauty6 .cont-wrap .txt-box1 li:nth-child(3) {background-color: #eff4de;}
.beauty6 .cont-wrap .txt-box1 li:nth-child(4) {background-color: #efe7e3;}

.beauty6 .cont-wrap .txt-box1 .txt {position: relative; padding: 40px; text-align: left; z-index: 1;}
.beauty6 .cont-wrap .txt-box1 li:nth-child(1) .txt * {color: #5c3081;}
.beauty6 .cont-wrap .txt-box1 li:nth-child(2) .txt * {color: #f4971a;}
.beauty6 .cont-wrap .txt-box1 li:nth-child(3) .txt * {color: #3d8d2f;}
.beauty6 .cont-wrap .txt-box1 li:nth-child(4) .txt * {color: #603421;}

.beauty6 .cont-wrap .txt-box1 .title {margin-bottom: 10px;}
.beauty6 .cont-wrap .txt-box1 .title + .text {margin-bottom: 30px;}
.beauty6 .cont-wrap .txt-box1 .text.check {position: relative; margin-top: 5px; padding-left: 30px; font-size: 19px;}
.beauty6 .cont-wrap .txt-box1 .text.check:before {display: block; content: ''; position: absolute; top: 7px; left: 0; width: 17px; height: 17px; background-position: 0 0; background-repeat: no-repeat;}
.beauty6 .cont-wrap .txt-box1 li:nth-child(1) .text.check:before {background-image: url(../images/detail/i-check-beauty-06-02-01.png);}
.beauty6 .cont-wrap .txt-box1 li:nth-child(2) .text.check:before {background-image: url(../images/detail/i-check-beauty-06-02-02.png);}
.beauty6 .cont-wrap .txt-box1 li:nth-child(3) .text.check:before {background-image: url(../images/detail/i-check-beauty-06-02-03.png);}
.beauty6 .cont-wrap .txt-box1 li:nth-child(4) .text.check:before {background-image: url(../images/detail/i-check-beauty-06-02-04.png);}

.beauty6 .cont-wrap .txt-box1 .img {position: absolute; bottom: 28px; margin-bottom: 0;}
.beauty6 .cont-wrap .txt-box1 li:nth-child(1) .img {right: 15px;}
.beauty6 .cont-wrap .txt-box1 li:nth-child(2) .img {right: 35px;}
.beauty6 .cont-wrap .txt-box1 li:nth-child(3) .img {right: 15px;}
.beauty6 .cont-wrap .txt-box1 li:nth-child(4) .img {right: 35px;}

.beauty6 .cont-wrap .txt-box2 ul {gap: 60px 48px;}
.beauty6 .cont-wrap .txt-box2 li {width: calc(100% / 3 - 32px);}
.beauty6 .cont-wrap .txt-box2 .img-icon {margin-bottom: 20px;}
.beauty6 .cont-wrap .txt-box2 .txt {height: 100%;}
.beauty6 .cont-wrap .txt-box2 .title {color: #283583;}
.beauty6 .cont-wrap .txt-box2 .text {padding: 20px 25px; height: calc(100% - 165px); border: 3px solid #c6c8d4; border-radius: 20px;}

@media (max-width: 900px) {
    .beauty6 .cont-wrap .img-icon img {height: 80px;}

    .beauty6 .cont-wrap .txt-box {margin-top: 40px;}
    .beauty6 .cont-wrap .txt-box1 ul {gap: 40px;}
    .beauty6 .cont-wrap .txt-box1 li {width: 100%; height: 280px;}
    .beauty6 .cont-wrap .txt-box1 .txt {padding: 20px;}
    .beauty6 .cont-wrap .txt-box1 .text.check {font-size: 17px;}
    .beauty6 .cont-wrap .txt-box1 .img img {height: 80px;}
    .beauty6 .cont-wrap .txt-box1 li:nth-child(1) .img {right: 0;}
    .beauty6 .cont-wrap .txt-box1 li:nth-child(2) .img,
    .beauty6 .cont-wrap .txt-box1 li:nth-child(4) .img {right: 15px;}

    .beauty6 .cont-wrap .txt-box2 {gap: 60px 40px;}
    .beauty6 .cont-wrap .txt-box2 li {width: 100%;}
    .beauty6 .cont-wrap .txt-box2 .title {margin-bottom: 30px;}
    .beauty6 .cont-wrap .txt-box2 .text {padding: 15px; height: auto; border-width: 2px;}
}


/* beauty7 */
.beauty7 .cont-wrap .title {margin-bottom: 15px;}

.beauty7 .cont-wrap .txt-box {margin-top: 60px;}
.beauty7 .cont-wrap .txt-box1 .quote-start {background-image: url(../images/detail/i-quote-start-beauty-07-03.png);}
.beauty7 .cont-wrap .txt-box1 .quote-end {background-image: url(../images/detail/i-quote-end-beauty-07-03.png);}

.beauty7 .cont-wrap .txt-box2 .quote-start {background-image: url(../images/detail/i-quote-start-beauty-07-05.png);}
.beauty7 .cont-wrap .txt-box2 .quote-end {background-image: url(../images/detail/i-quote-end-beauty-07-05.png);}

.beauty7 .cont-wrap .txt-box3 .quote-start {background-image: url(../images/detail/i-quote-start-beauty-07-06.png);}
.beauty7 .cont-wrap .txt-box3 .quote-end {background-image: url(../images/detail/i-quote-end-beauty-07-06.png);}

.beauty7 .cont-wrap .txt-box4 .quote-start {background-image: url(../images/detail/i-quote-start-beauty-07-07.png);}
.beauty7 .cont-wrap .txt-box4 .quote-end {background-image: url(../images/detail/i-quote-end-beauty-07-07.png);}

.beauty7 .cont-wrap .txt-box5 ul {gap: 100px 0;}
.beauty7 .cont-wrap .txt-box5 li {width: 50%;}
.beauty7 .cont-wrap .txt-box5 .img {margin: 60px 0;}

.beauty7 .cont-wrap .txt-box5 .img + .txt {display: inline-block; text-align: left; vertical-align: top;}
.beauty7 .cont-wrap .txt-box5 .text.check {position: relative; padding-left: 30px; font-size: 19px;}
.beauty7 .cont-wrap .txt-box5 .text.check:before {display: block; content: ''; position: absolute; top: 7px; left: 0; width: 17px; height: 17px; background: url(../images/detail/i-check-beauty-07-08.png) 0 0 no-repeat;}
.beauty7 .cont-wrap .txt-box5 .text.check + .text.check {margin-top: 15px;}

@media (max-width: 900px) {
    .beauty7 .cont-wrap .txt-box {margin-top: 40px;}
    .beauty7 .cont-wrap .txt-box5 ul {gap: 90px 0;}
    .beauty7 .cont-wrap .txt-box5 li {width: 100%;}
    .beauty7 .cont-wrap .txt-box5 .img {margin: 40px 0;}
    .beauty7 .cont-wrap .txt-box5 .img + .txt {display: flex; gap: 20px; flex-wrap: wrap; justify-content: center;}
    .beauty7 .cont-wrap .txt-box5 .text.check {padding-left: 25px; font-size: 17px;}
    .beauty7 .cont-wrap .txt-box5 .text.check + .text.check {margin-top: 0;}
    .beauty7 .cont-wrap .txt-box5 li:nth-child(1) .text.check {min-width: 157px;}

}


/* beauty8 */
.beauty8 .cont-wrap .txt-box > .title {margin: 0 auto 30px; padding: 7px 35px 8px; width: 400px; max-width: 100%; color: #fff; background-color: #f16478; border-radius: 25px;}
.beauty8 .cont-wrap .txt-box .editor-wrap {display: flex; gap: 60px; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 50px;}
.beauty8 .cont-wrap .txt-box .editor-wrap .img {margin-bottom: 0;}
.beauty8 .cont-wrap .txt-box .editor-wrap .txt {text-align: left;}
.beauty8 .cont-wrap .txt-box .editor-wrap .title {display: flex; gap: 10px; align-items: flex-end;}
.beauty8 .cont-wrap .txt-box .editor-wrap .img-txt {margin-bottom: 0;}
.beauty8 .cont-wrap .txt-box .flex-img {display: flex; gap: 50px; margin-top: 60px;}
.beauty8 .cont-wrap .txt-box .flex-img .img {margin-bottom: 0;}
.beauty8 .cont-wrap .txt-box .flex-img .title {display: flex; justify-content: center; align-items: center; margin: 40px 0 0; height: 56px;}

@media (max-width: 900px) {
    .beauty8 .cont-wrap .txt-box .editor-wrap {gap: 40px; margin-top: 40px;}
    .beauty8 .cont-wrap .txt-box .editor-wrap .img,
    .beauty8 .cont-wrap .txt-box .editor-wrap .txt {width: 100%; text-align: center;}
    .beauty8 .cont-wrap .txt-box .editor-wrap .title {justify-content: center;}
    .beauty8 .cont-wrap .txt-box .flex-img {flex-wrap: wrap;}
    .beauty8 .cont-wrap .txt-box .flex-img .img {width: 100%;}
    .beauty8 .cont-wrap .txt-box .flex-img .title {height: auto;}
}


/* beauty9 */
.beauty9 .cont-wrap .txt-box {position: relative; padding: 0 70px;}
.beauty9 .cont-wrap .txt-box ul {display: flex; gap: 36px;}
.beauty9 .cont-wrap .txt-box li {width: calc(100% / 3 - 12px);}
.beauty9 .cont-wrap .txt-box .title {margin-bottom: 5px;}
.beauty9 .cont-wrap .txt-box .title.label {margin: 0 auto; width: 140px; line-height: 50px; color: #fff; font-weight: bold;}

@media (max-width: 900px) {
    .beauty9 .cont-wrap .txt-box {padding: 0;}
    .beauty9 .cont-wrap .txt-box ul {flex-wrap: wrap;}
    .beauty9 .cont-wrap .txt-box li {display: flex; justify-content: center; align-items: center; width: 100%;}
    .beauty9 .cont-wrap .txt-box .img {margin-bottom: 0; max-width: 50%;}
    .beauty9 .cont-wrap .txt-box .txt {padding-right: 40px;}
    .beauty9 .cont-wrap .txt-box .title.label {line-height: 40px;}
}


/* beauty10 */
.beauty10 .cont-wrap .quote-start {background-image: url(../images/detail/i-big-quote-start-color.png);}
.beauty10 .cont-wrap .quote-end {background-image: url(../images/detail/i-big-quote-end-color.png);}
.beauty10 .cont-wrap .txt-box {margin: 60px 0;}



/* hairBody1 */
.hairBody1 .cont-wrap .color {color: #019fda;}

.hairBody1 .cont-wrap .flex-item ul {gap: 20px;}
.hairBody1 .cont-wrap .flex-item li {flex: 1;}
.hairBody1 .cont-wrap .flex-item dl {position: relative; padding-top: 45px;}
.hairBody1 .cont-wrap .flex-item dt {position: absolute; top: 0; left: 0; padding: 10px 5px; width: 100%; font-size: 17px; color: #fff; box-sizing: border-box;}
.hairBody1 .cont-wrap .flex-item li:nth-child(1) dt {background-color: #e9b200;}
.hairBody1 .cont-wrap .flex-item li:nth-child(2) dt {background-color: #33a1db;}
.hairBody1 .cont-wrap .flex-item li:nth-child(3) dt {background-color: #5a74b5;}
.hairBody1 .cont-wrap .flex-item li:nth-child(4) dt {background-color: #3c9136;}
.hairBody1 .cont-wrap .flex-item .img {margin-bottom: 0; padding: 55px 0;}
.hairBody1 .cont-wrap .flex-item .txt {padding: 30px 0; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; text-align: left;}
.hairBody1 .cont-wrap .flex-item .text + .text {margin-top: 10px;}
.hairBody1 .cont-wrap .flex-item .text + .text.icon2 {margin-top: 30px;}
.hairBody1 .cont-wrap .flex-item .text.i-thumbsUp + .text {height: 82px;}

.hairBody1 .cont-wrap .txt-box1 .flex {gap: 50px; align-items: center; align-content: center;}
.hairBody1 .cont-wrap .txt-box1 .img {margin-bottom: 0; width: 268px;}
.hairBody1 .cont-wrap .txt-box1 .txt {flex: 1;}
.hairBody1 .cont-wrap .txt-box1 .title {position: relative; padding: 7px 30px 8px; color: #fff; background-color: #77a868;}
.hairBody1 .cont-wrap .txt-box1 .title:before,
.hairBody1 .cont-wrap .txt-box1 .title:after {display: block; content: ''; position: absolute; top: 0; width: 21px; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: 21px 100% !important; z-index: 1;}
.hairBody1 .cont-wrap .txt-box1 .title:before {left: 0; background-image: url(../images/detail/i-hairBody-02-01.png);}
.hairBody1 .cont-wrap .txt-box1 .title:after {right: 0; background-image: url(../images/detail/i-hairBody-02-02.png);}

@media (max-width: 900px) {
    .hairBody1 .cont-wrap .img-icon img {width: 80px;}

    .hairBody1 .cont-wrap .flex-item li {flex: auto; width: 100%;}
    .hairBody1 .cont-wrap .flex-item dl {padding-top: 0;}
    .hairBody1 .cont-wrap .flex-item dt {position: relative; padding: 7px 5px 8px; font-size: 20px;}
    .hairBody1 .cont-wrap .flex-item .img {padding: 20px 0;}
    .hairBody1 .cont-wrap .flex-item .img img {width: 200px;}
    .hairBody1 .cont-wrap .flex-item .txt {display: flex; padding: 20px 15px; justify-content: center; border-bottom: 0;}
    .hairBody1 .cont-wrap .flex-item .text.icon1 + .text {height: auto;}
    .hairBody1 .cont-wrap .flex-item .text + .text.icon2 {margin-top: 15px;}
    .hairBody1 .cont-wrap .flex-item .text.i-thumbsUp + .text {height: auto;}

    .hairBody1 .cont-wrap .txt-box1 .flex {gap: 40px;}
    .hairBody1 .cont-wrap .txt-box1 .img,
    .hairBody1 .cont-wrap .txt-box1 .txt {flex: auto; width: 100%;}
    .hairBody1 .cont-wrap .txt-box1 .img img {height: 200px;}
}


/* hairBody2 */
.hairBody2 .cont-wrap .color {color: #019fda;}

.hairBody2 .cont-wrap .flex-item {margin-top: 60px;}
.hairBody2 .cont-wrap .flex-item li {flex: 1; padding: 0 40px;}
.hairBody2 .cont-wrap .flex-item dl {position: relative; padding-top: 50px;}
.hairBody2 .cont-wrap .flex-item dt {position: absolute; top: 0; left: 0; width: 100%; box-sizing: border-box;}
.hairBody2 .cont-wrap .flex-item .img {margin-bottom: 0; padding: 50px 0 60px;}
.hairBody2 .cont-wrap .flex-item .title {margin-bottom: 0; padding: 12px 20px 13px; color: #fff; background-color: #48beb6; border-radius: 8px;}
.hairBody2 .cont-wrap .flex-item .txt > div {display: flex; gap: 40px; justify-content: center; text-align: left;}
.hairBody2 .cont-wrap .flex-item .text {margin: 0;}

.hairBody2 .cont-wrap .txt-box {padding: 60px 40px; border: 4px solid #48beb6; border-radius: 20px;}
.hairBody2 .cont-wrap .txt-box + .txt {margin-top: 100px;}

.hairBody2 .cont-wrap .txt-box2 .img {margin-bottom: 60px;}
.hairBody2 .cont-wrap .txt-box2 .text {display: inline-block; vertical-align: top;}

@media (max-width: 900px) {
    .hairBody2 .cont-wrap .img-icon img {width: 150px;}

    .hairBody2 .cont-wrap .flex-item {margin-top: 40px;}
    .hairBody2 .cont-wrap .flex-item li {flex: auto; padding: 0; width: 100%;}
    .hairBody2 .cont-wrap .flex-item .img {padding: 30px 0 40px;}
    .hairBody2 .cont-wrap .flex-item .img img {width: 300px;}

    .hairBody2 .cont-wrap .txt-box {padding: 20px 15px; border-width: 2px;}
    .hairBody2 .cont-wrap .txt-box + .txt {margin-top: 60px;}

    .hairBody2 .cont-wrap .txt-box1 .img img,
    .hairBody2 .cont-wrap .txt-box3 .img img {width: 100px;}
    .hairBody2 .cont-wrap .txt-box2 .img img {width: 240px;}
}



/* livingApp1 */
.livingApp1 .cont-wrap .txt + .img {margin-top: 60px;}
.livingApp1 .cont-wrap .txt .area {gap: 20px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #c0c0c0; text-align: left;}
.livingApp1 .cont-wrap .txt .area .title {margin-bottom: 10px;}
.livingApp1 .cont-wrap .i-box {display: flex; gap: 30px; align-items: flex-end; justify-content: flex-end; width: 240px;}
.livingApp1 .cont-wrap .i-box .text {margin-top: 0;}

@media (max-width: 900px) {
    .livingApp1 .cont-wrap .txt + .img {margin-top: 40px;}
    .livingApp1 .cont-wrap .img-icon img {width: 120px;}

    .livingApp1 .cont-wrap .txt .area {gap: 10px; padding-bottom: 0; border-bottom: 0;}
    .livingApp1 .cont-wrap .i-box {justify-content: flex-start;}
}


/* livingApp2 */
.livingApp2 .cont-wrap .txt-box {margin: 60px 0 30px; background-color: #f0f0f0;}
.livingApp2 .cont-wrap .txt-box .img {margin-bottom: 0;}

.livingApp2 .cont-wrap .txt .area .title {margin-bottom: 10px;}

@media (max-width: 900px) {
    .livingApp2 .cont-wrap .img-icon img {width: 90px;}
    .livingApp2 .cont-wrap .txt-box {margin: 40px 0 20px;}

}


/* livingApp3 */
.livingApp3 .cont-wrap .img + .txt,
.livingApp3 .cont-wrap .txt + .img {margin-top: 60px;}

@media (max-width: 900px) {
    .livingApp3 .cont-wrap .title {text-align: center;}
    .livingApp3 .cont-wrap .img + .txt,
    .livingApp3 .cont-wrap .txt + .img {margin-top: 40px;}
}


/* livingApp4 */
.livingApp4 .cont-wrap .title.fill {padding: 12px 10px 13px; max-width: 100%; color: #fff; background-color: #00b6f0; border-radius: 8px; box-sizing: border-box;}
.livingApp4 .cont-wrap .txt-box {padding-bottom: 30px; border-bottom: 1px solid #00b6f0;}
.livingApp4 .cont-wrap .txt-box .flex {align-items: center; position: relative; min-height: 100px;}
.livingApp4 .cont-wrap .txt-box .flex:before {display: block; content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 100%; background-color: #00b6f0;}
.livingApp4 .cont-wrap .txt-box .col {flex: 1 !important; padding: 30px 0;}
.livingApp4 .cont-wrap .txt-box .flex + .title {margin-top: 30px;}
.livingApp4 .cont-wrap .txt-box .img {margin: 30px 0 0;}
.livingApp4 .cont-wrap .txt-box .text {font-size: 22px;}
.livingApp4 .cont-wrap .txt-box .text.check {position: relative; padding-left: 30px;}
.livingApp4 .cont-wrap .txt-box .text.check:before {display: block; content: ''; position: absolute; top: 7px; left: 0; width: 23px; height: 23px; background: url(../images/detail/i-check.png) 0 0 no-repeat;}
.livingApp4 .cont-wrap .txt-box .text.check + .text.check {margin-top: 20px;}
.livingApp4 .cont-wrap .txt-box .center {display: inline-block; vertical-align: top;}
.livingApp4 .cont-wrap .txt-box .center .text {text-align: left;}

@media (max-width: 900px) {
    .livingApp4 .cont-wrap .img-icon img {height: 95px;}
    .livingApp4 .cont-wrap .title.fill {padding: 10px 10px 12px;}
    .livingApp4 .cont-wrap .txt-box .title,
    .livingApp4 .cont-wrap .txt-box .text {font-size: 18px;}
    .livingApp4 .cont-wrap .txt-box .img img {width: 100px;}
    .livingApp4 .cont-wrap .txt-box .flex {gap: 20px;}
    .livingApp4 .cont-wrap .txt-box .flex.first .img img {width: auto; max-width: 80% !important;}
}


/* livingApp5 */
.livingApp5 .cont-wrap .img + .txt,
.livingApp5 .cont-wrap .txt + .img,
.livingApp5 .cont-wrap .img + .img {margin-top: 60px;}
.livingApp5 .cont-wrap .img-txt {margin: 60px 0;}

@media (max-width: 900px) {
    .livingApp5 .cont-wrap .img + .txt,
    .livingApp5 .cont-wrap .txt + .img,
    .livingApp5 .cont-wrap .img + .img {margin-top: 40px;}
    .livingApp5 .cont-wrap .img-txt {margin: 40px 0;}
    .livingApp5 .cont-wrap .img-txt img {max-width: 80% !important;}
}


/* livingApp6 */
.livingApp6 .cont-wrap .img + .txt,
.livingApp6 .cont-wrap .txt + .img {margin-top: 60px;}
.livingApp6 .cont-wrap .txt.border {padding-top: 60px; border-top: 3px solid #00b6f0;}
.livingApp6 .cont-wrap .txt.flex {display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; align-items: center;}
.livingApp6 .cont-wrap .text-label {margin: 0;}
.livingApp6 .cont-wrap .text-label span {padding: 2px 10px 3px; width: 90px; font-size: 22px; color: #fff; background-color: #00b6f0; border-radius: 20px;}

@media (max-width: 900px) {
    .livingApp6 .cont-wrap .img + .txt,
    .livingApp6 .cont-wrap .txt + .img {margin-top: 40px;}
    .livingApp6 .cont-wrap .txt.border {padding-top: 40px; border-width: 2px;}
    .livingApp6 .cont-wrap .txt.flex p {width: 100%;}
    .livingApp6 .cont-wrap .text-label span {width: 80px; font-size: 18px;}
}


/* livingApp7 */
.livingApp7 .cont-wrap .img + .txt,
.livingApp7 .cont-wrap .txt + .img,
.livingApp7 .cont-wrap .img + .img {margin-top: 60px;}

.livingApp7 .cont-wrap .bubble {position: relative; margin: 60px auto 40px; padding: 50px 40px; width: 580px; max-width: 100%; background-color: #f3f5f6; border-radius: 45px; box-sizing: border-box; text-align: left; z-index: 1;}
.livingApp7 .cont-wrap .bubble:after {display: block; content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 44px; height: 40px; background: url(../images/detail/i-livingApp-07-bubble-arrow-bottom.png) center center no-repeat;}
.livingApp7 .cont-wrap .bubble .title {margin-bottom: 0;}

@media (max-width: 900px) {
    .livingApp7 .cont-wrap .img + .txt,
    .livingApp7 .cont-wrap .txt + .img,
    .livingApp7 .cont-wrap .img + .img {margin-top: 40px;}
    .livingApp7 .cont-wrap .bubble {margin-top: 40px; padding: 30px 20px; border-radius: 30px;}
}

.detail-top .text + .title,
.detail-top .title + .text {margin-top: 20px;}
@media (max-width: 900px) {
    .detail-top .text + .title,
    .detail-top .title + .text {margin-top: 30px;}
}