@charset 'utf-8';

/* 공통 */
.font-white {
    color:#ffffff !important
}
.font-cream {
    color:#FFFCDE !important
}
.font-orange {
    color:#FFA325 !important
}
.font-green {
    color:#41AEBB !important
}
.font-red {
    color:#E66760 !important
}
.layout,
.layout-flex {
    width:90%;
    max-width:1400px;
    margin: auto
}
.layout-sm {
    width: 90%;
    max-width: 1200px;
    margin: auto;
}
.layout-flex {
    display: flex;
    justify-content: space-between
}
.layout-flex.middle {
    align-items: center;
}
.flex-item {
    width:46%;
    max-width:640px
}
pre {
    font-weight: 300;
    color:#707070;
    line-height:1.5;
}
pre:not(:last-of-type) {
    margin-bottom: 25px;
}
img {
    width:100%
}
    /* 공통 미디어쿼리 */
    @media all and (max-width:1200px) {
        .flex-item {
            width:48%;
        }
        .layout-flex.middle {
            align-items: flex-start;
        }
        pre {
            white-space: normal;
            font-size:16px
        }
        pre:not(:last-of-type) {
            margin-bottom:20px;
        }
    }
    @media all and (max-width:1000px) {
        .layout-flex {
            display: flex;
            flex-direction: column;
            justify-content: space-between
        }
        .flex-item {
            width:100%;
            max-width:100%;
        }
        .flex-reverse {
            flex-direction: column-reverse;
        }
        pre:last-of-type {
            margin-bottom:20px;
        }
    }
    @media all and (max-width:640px) {
        pre,
        pre:not(:last-of-type),
        pre:last-of-type {
            font-size:15px;
            margin-bottom:15px;
        }
    }

/* 메인 비주얼 */
#main-visual {
    width:100%;
    overflow: hidden;
}
#main-visual .slider-container {
    position: relative;
}
.main-visual-new .slider-container {
    overflow: hidden;
}
#main-visual .swiper-button-prev {
    left:40px
}
#main-visual .swiper-button-next {
    right:40px
}
.swiper-button-next:after, 
.swiper-button-prev:after {
    display: none;
}
#main-visual .swiper-pagination {
    position:absolute;
    bottom: 33px;
    display: flex;
    justify-content: center;
    left:0;
    right:0;
    margin:0 auto;
    z-index: 3333;
}
#main-visual .swiper-pagination-bullet {
    width:20px;
    height:10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:transparent;
    opacity: 1;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}
#main-visual .swiper-pagination-bullet:hover {
    opacity: 1;
}
#main-visual .swiper-pagination-bullet::before,
#main-visual .swiper-pagination-bullet::after {
    content: "";
    left:0;
    right:0;
    margin:0 auto;
    display: block;
    position: absolute;
    height:2px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#main-visual .swiper-pagination-bullet::after {
    width:100%;
    background-color:rgba(255,255,255,0.3);
    z-index: 3
}
#main-visual .swiper-pagination-bullet::before {
    width:0;
    background-color:rgba(255,255,255,1);
    z-index: 4;
}
#main-visual .swiper-pagination-bullet:hover::before,
#main-visual .swiper-pagination-bullet-active::before {
    width:100%;
}
#main-visual .pc {
    display: block;
}
#main-visual .mobile {
    display: none;
}
    /* 메인 비주얼 미디어쿼리 */
    @media all and (max-width:1200px) {
        #main-visual .swiper-button-prev {
            left:10px
        }
        #main-visual .swiper-button-next {
            right:10px
        }
    }
    @media all and (max-width:640px) {
        #main-visual .slider-list img {
            width:100%
        }
        #main-visual .swiper-button-next,
        #main-visual .swiper-button-prev {
            display: none;
        }
        #main-visual .swiper-pagination {
            bottom: 13px;
        }
        #main-visual .pc {
            display: none;
        }
        #main-visual .mobile {
            display: block;
        }
    }

/* 메인 공통 */
.main-wrap {
    padding:120px 0;
    text-align: center;
}
#support .main-wrap {
    padding: 0;
}
.main-wrap .cover {
    margin-top:60px
}
.main-wrap h2 {
    font-size: 40px;
    font-weight:bold
}
.main-wrap h2.main-tit-en {
    margin-bottom: 20px;
    font-size: 46px;
    font-family: "designhouseOTFLight00";
    font-weight: bold;
} 
.main-wrap .mt-txt {
    font-size:20px;
    font-weight:300;
    color:#555555;
    margin-top:20px
}

    /* 메인 공통 미디어쿼리 */
    @media all and (max-width:1200px) {
        .main-wrap {
            padding:80px 0;
        }
    }
    @media all and (max-width:1000px) {
        .main-wrap {
            padding:60px 0;
        }
        .main-wrap h2 {
            font-size: 30px;
        }
        .main-wrap h2.main-tit-en {
            font-size: 42px;
        } 
        .main-wrap .mt-txt {
            font-size:18px;
        }
    }
    @media all and (max-width:640px) {
        .main-wrap {
            padding:50px 0;
        }
        .main-wrap h2 {
            font-size: 25px;
        }
        .main-wrap h2.main-tit-en {
            font-size: 37px;
        } 
        .main-wrap .cover {
            margin-top:30px
        }
        .main-wrap .mt-txt {
            font-size:16px;
            margin-top:15px
        }
    }

/* 메인 섹션1 */
#main-section1 {
    width:100%;
    background:center top / cover url("../images/main/main1-bg.jpg") repeat-y;
}
#main-section1 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#main-section1 ul > li {
    width:32%;
    max-width: 440px;
    display: flex;
    flex-direction: column;
}
#main-section1 ul > li:nth-child(-n+3) {
    margin-bottom:50px;
}
#main-section1 ul > li span {
    display: block;
}
#main-section1 ul > li strong {
    display: block;
    font-size:22px;
    font-weight:bold;
    margin-top:20px;
    text-align: left;
}
    /* 메인 섹션1  미디어쿼리 */
    @media all and (max-width:1000px) {
        #main-section1 ul > li strong {
            font-size:18px;
            margin-top:10px
        }
    }
    @media all and (max-width:640px) {
        #main-section1 ul > li {
            width:48%;
        }
        #main-section1 ul > li:nth-child(-n+4) {
            margin-bottom: 25px;
        }
        #main-section1 ul > li strong {
            font-size:16px;
        }
    }

/* 메인 베스트 슬라이드 */
#main-best .mySwiper1 .swiper-slide {
    width: 30%;
}
#main-best .mySwiper1 .swiper-slide .txtArea {
    margin-top: 20px;
    text-align: left;
}
#main-best .mySwiper1 .swiper-slide .txtArea strong {
    font-size: 22px;
    font-weight: bold;
}
#main-best .swiper-pagination-progressbar {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 60px;
    background-color: #e1e1e1;
}
#main-best .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: #41AEBB;
}
    @media all and (max-width: 1000px) {
        #main-best .mySwiper1 .swiper-slide .txtArea {
            margin-top: 10px;
        }
        #main-best .mySwiper1 .swiper-slide .txtArea strong {
            font-size: 18px;
        }
        #main-best .swiper-pagination-progressbar {
            margin-top: 50px;
        }
    }
    @media all and (max-width: 640px) {
        #main-best .mySwiper1 .swiper-slide {
            width: 45%;
        }
        #main-best .mySwiper1 .swiper-slide .txtArea strong {
            font-size: 16px;
        }
        #main-best .swiper-pagination-progressbar {
            margin-top: 40px;
        }
    }

/* 메인 섹션2 터치벨라 프로그램 힐링테라피 */
#main-section2 {
    width:100%;
    background:center / cover url("../images/main/main2-bg.jpg") no-repeat;
    text-align:center
}
#main-section2 h2 {
    line-height: 1.3;
}
#main-section2 .cover * {
    color:#fff;
}
#main-section2 .cover {
    display: flex;
    justify-content: space-between;
}
#main-section2 .data-list {
    width:30%;
    max-width:440px;
    text-align:center
}
#main-section2 .data-list strong {
    display: block;
    font-size:20px;
    font-weight:bold;
    margin: 30px 0 14px
}
#main-section2 .data-list p {
    font-size:16px;
    font-weight: 300;
}
    /* 메인 섹션2 미디어쿼리 */
    @media all and (max-width:1000px) {
        #main-section2 .data-list strong {
            font-size:18px;
            margin: 20px 0 14px
        }
        #main-section2 .data-list p {
            font-size:15px
        }
    }
    @media all and (max-width:640px) {
        #main-section2 .cover {
            flex-wrap: wrap;
        }
        #main-section2 .data-list {
            width:90%;
            margin:0 auto 20px
        }
        #main-section2 .data-list strong {
            font-size:16px;
            margin: 15px 0 14px
        }
    }

/* 메인 섹션3 터치벨라 체험후기 */
#main-section3 {
    text-align:center
}
#main-section3 .main-review {
    text-align: center;
}
#main-section3 .sns-box {
    padding:37px 60px;
    margin: 80px auto 0;
    background-color: #41AEBB;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#main-section3 .sns-box strong {
    color:#fff;
    font-family: 'designhouseOTFLight00';
    font-weight:bold;
    font-size:34px;
    letter-spacing: 1px;
    line-height: normal;
}
#main-section3 .sns-box ul {
    display: flex;
}
#main-section3 .sns-box ul li {
    margin-left:20px
}
#main-section3 .sns-box ul li a:hover {
    opacity: 0.8;
}
    /* 메인 섹션3 미디어쿼리 */
    @media all and (max-width:1000px) {
        #main-section3 .sns-box {
            margin-top:50px;
            padding: 20px 25px;
        }
        #main-section3 .sns-box strong {
            font-size:28px;
        }
        #main-section3 .slider-button {
            width:20px
        }
    }
    @media all and (max-width:640px) {
        #main-section3 .slider-button {
            width:15px;
        }
        #main-section3 .slider {
            width:88%
        }
        #main-section3 .sns-box {
            margin-top:40px;
            padding: 13px 20px;
        }
        #main-section3 .sns-box strong {
            font-size:23px;
            padding-top:8px;
            text-align:left
        }
        #main-section3 .sns-box ul li {
            margin-left:10px;
        }
        #main-section3 .sns-box ul li img {
            width:30px
        }
    }

/* 메인 섹션4 상담예약 */
#main-section4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height:480px
}
#main-section4 .inquery-wrap {
    width:50%;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: center / cover url("../images/main/main4-bg.jpg") no-repeat;
}
#main-section4 .inquery-wrap li span {
    width:39px
}
#main-section4 .inquery-wrap ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width:90%;
    max-width:573px;
    background: rgba(255,255,255,.9);
    border-radius: 10px;
    padding:40px 60px;
    margin-top:40px
}
#main-section4 .inquery-wrap ul li {
    width:30%;
    position: relative;
}
#main-section4 .inquery-wrap ul li:not(:last-child):after {
    content:"";
    position: absolute;
    width:1px;
    height:21px;
    display: block;
    background: #222222;
    top:40%;
    right:-8.5%
}
#main-section4 .inquery-wrap ul li a {
    display: flex;
    align-items: center;
    flex-direction: column;
}
#main-section4 .inquery-wrap strong {
    margin-top:20px;
    font-weight:bold;
    color:#222222;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
#main-section4 .inquery-wrap a:hover strong {
    color:#41AEBB
}
#main-section4 .map-wrap {
    width:50%
}
    /* 메인 섹션4 미디어쿼리 */
    @media all and (max-width:1200px) {
        #main-section4 .inquery-wrap ul {
            padding:40px 30px
        }
    }
    @media all and (max-width:1000px) {
        #main-section4 {
            height:430px
        }
        #main-section4 .inquery-wrap ul {
            padding:20px 20px
        }
        #main-section4 .inquery-wrap strong {
            font-size:16px;
            margin-top: 10px;
        }
        #main-section4 .root_daum_roughmap .wrap_map {
            height:430px !important
        }
    }
    @media all and (max-width:640px) {
        #main-section4 {
            flex-direction: column;
            height:auto
        }
        #main-section4 .inquery-wrap {
            width:100%;
            padding:50px 0
        }
        #main-section4 .inquery-wrap ul {
            margin-top:30px;
            padding:20px 10px
        }
        #main-section4 .inquery-wrap ul li:not(:last-child):after {
            height:20px;
            top:40%;
        }
        #main-section4 .inquery-wrap strong {
            font-size:14px;
            margin-top:15px
        }
        #main-section4 .inquery-wrap li span {
            width:30px
        }
        #main-section4 .map-wrap  {
            width:100%;
            height:200px
        }
        #main-section4 .root_daum_roughmap .wrap_map {
            height:200px !important
        }
    }
    @media all and (max-width:375px) {
        #main-section4 .inquery-wrap strong {
            margin-top:10px
        }
    }

/* 메인 섹션5 프랜차이즈 및 제휴 */
#main-section5 .franchise-cs {
    display: flex;
    align-items: center;
}
#main-section5 ul.franchise-cs {
    display: flex;
    justify-content: center;
    align-items: center;
}
#main-section5 ul.franchise-cs li {
    display: flex;
    align-items: center;
    margin:0 20px
}
#main-section5 ul.franchise-cs li span {
    width:30px;
    display: block;
    cursor: pointer;
    margin-right:9px
}
#main-section5 ul.franchise-cs li a {
    color:#555555;
    font-weight: 300;
}
#main-section5 ul.franchise-cs li a:hover {
    color:#41AEBB
}
#main-section5 .franchise-step {
    height:430px;
    margin-top:60px;
    background: center / cover url("../images/main/main5-bg.jpg") no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
#main-section5 .franchise-step ul {
    width:94%;
    max-width:1302px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: flex-start;
}
#main-section5 .franchise-step ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    width:23%
}
#main-section5 .franchise-step ul li * {
    color:#fff;
}
#main-section5 .franchise-step ul li strong {
    font-weight:bold;
    font-size:22px;
    margin:20px 0 10px
}
#main-section5 .franchise-step ul li p {
    font-weight: 300;
}
#main-section5 .franchise-step ul li span {
    max-width:152px;
    display: block;
    position: relative;
}
#main-section5 .franchise-step li:not(:last-child) span::after {
    content:"";
    width:21px;
    height:7px;
    display: block;
    background: center / cover url("../images/main/main5-arrow.svg") no-repeat;
    position: absolute;
    top:47%;
    right:-65%;
    z-index:2
}
    /* 메인 섹션4 미디어쿼리 */
    @media all and (max-width:1200px) {
        #main-section5 .franchise-step li:not(:last-child) span::after {
            right:-37%
        }
        #main-section5 .franchise-step ul li strong {
            line-height: 1.4;
        }
    }
    @media all and (max-width:1000px) {
        #main-section5 .franchise-step {
            height:320px
        }
        #main-section5 .franchise-step ul li span {
            width:100px
        }
        #main-section5 .franchise-step li:not(:last-child) span::after {
            right:-50%
        }
        #main-section5 .franchise-step ul li strong {
            font-size:18px;
        }
        #main-section5 .franchise-step ul li p {
            font-size:16px
        }
    }
    @media all and (max-width:640px) {
        #main-section5 ul.franchise-cs {
            flex-direction: column;
        }
        #main-section5 ul.franchise-cs li:first-child {
            margin-bottom:15px
        }
        #main-section5 ul.franchise-cs li span {
            width:20px
        }
        #main-section5 ul.franchise-cs li a {
            font-weight:400;
            font-size: 16px;
        }
        #main-section5 .franchise-step {
            padding:40px 0;
            margin-top:40px;
            height:auto
        }
        #main-section5 .franchise-step ul {
            flex-wrap: wrap;
        }
        #main-section5 .franchise-step ul li {
            width:48%;
        }
        #main-section5 .franchise-step ul li:nth-child(-n+2) {
            margin-bottom:20px
        }
        #main-section5 .franchise-step ul li span {
            width:90px
        }
        #main-section5 .franchise-step li:not(:last-child) span::after {
            right:-65%
        }
        #main-section5 .franchise-step li:nth-child(2) span::after {
            display: none;
        }
        #main-section5 .franchise-step ul li strong {
            font-size:16px;
        }
        #main-section5 .franchise-step ul li p {
            font-size:16px
        }
    }


/* 메인 레프트 */
#main-left {
    position: absolute;
    top: 0;
    left: 22px;
    width: 215px;
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
}
#main-left strong {
    display: block;
    height: 64px;
    line-height: 70px;
    padding: 0 20px;
    background-color: #f8f8f8;
    border-radius: 9px 9px 0 0;
    font-size: 20px;
    font-family: 'designhouseOTFLight00';
    font-weight: bold;
}
#main-left ul {
    padding: 20px 15px;
}
#main-left li {
    margin-bottom: 15px;
}
#main-left li:last-of-type {
    margin-bottom: 0;
}
#main-left li a {
    display: flex;
}
#main-left li a img {
    width: 65px;
    border-radius: 5px;
}
#main-left li a span {
    margin-left: 10px;
    font-size: 14px;
    font-weight: bold;
}
    @media all and (max-width: 1880px) {
        #main-left {
            display: none;
        }
    }

/* 메인 라이트 */
#main-right {
    position: absolute;
    top: 222.5px;
    right: 175px;
}
#main-right li {
    margin-bottom: 10px;
}
#main-right li a {
    display: flex;
}
#main-right li:last-of-type {
    margin-bottom: 0;
}
    @media all and (max-width: 1700px) {
        #main-right li a {
            width: 30px;
        }
    }
    @media all and (max-width: 640px) {
        #main-right {
            position: fixed;
            top: auto;
            bottom: 40px;
            margin-top: 0;
        }
    }

/* 서브공통 */
.sub-contain {
    margin-bottom:180px
}
.content-title {
    margin:0 auto 70px;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.content-title h3 {
    font-size: 50px;
    font-weight:300;
    color:#222222;
    text-align: center;
    line-height: 1.4;
}
.content-title .logo {
    display: block;
    width:103px;
    font-family: 'designhouseOTFLight00';
    font-size:24px;
    margin-bottom:37px;
}
.content-title .text {
    font-size:24px;
    font-family: 'designhouseOTFLight00';
    display: block;
    margin-bottom:2px
}
.mt-area {
    margin-top:140px
}
.pre-title {
    font-weight:bold;
    font-size:30px;
    color:#444444;
    margin-bottom:40px
}
h4.section-title {
    font-size:30px;
    font-weight: 500;
    color:#222222;
    display: flex;
    align-items: center;
    margin-bottom:40px
}
h4.section-title::before {
    content:"";
    width:35px;
    height:35px;
    display: block;
    background:center / contain url("../images/common/ci.svg") no-repeat;
    margin-right:15px
}
h4.design-title {
    color:#41AEBB;
    font-family: 'designhouseOTFLight00';
    font-size:40px;
    letter-spacing: -1px;
    margin-bottom:50px
}
h5.section-title2 {
    font-size:20px;
    font-weight: bold;
    color:#41AEBB;
    margin-bottom:20px
}
.small-txt {
    font-size: 40px;
    font-weight: 300;
    display: block;
    color:#444444;
    line-height: 1.4;
}
.large-txt {
    font-size: 70px;
    font-weight: 700;
    color:#444444;
    margin: 25px 0 30px 0;
    display: block
}
.large-txt strong {
    font-weight: inherit;
    font-size: inherit;
}
.large-txt2 {
    font-size: 75px;
    font-weight: 900;
    text-transform: uppercase;
    color: #514435;
}
.vod-area {
    background-color: #F5F3EF;
    padding:55px;
    margin-top:80px
}
.vod-area-flex {
    display: flex;
    justify-content: space-between;
}
.vod-area-flex .flex-item {
    width:48%;
    max-width:627px;
    background-color: #fff;
    text-align:center
}
.vod-area .flex-item-wide {
    width:100%;
    max-width:100%;
    text-align: center;
}
    /* 서브공통 미디어쿼리 */
    @media all and (max-width:1200px) {
        .sub-contain {
            margin-bottom:130px
        }
        pre.pre-title {
            font-size:25px;
            white-space: pre-line;
            margin-bottom:30px
        }
        .mt-area {
            margin-top:100px
        }
        .vod-area {
            margin-top:50px
        }
    }
    @media all and (max-width:1000px) {
        .content-title {
            margin:0px auto 40px;
        }
        .content-title .logo {
            width:90px;
            margin-bottom:30px;
        }
        .content-title .text {
            font-size:20px;
        }
        .content-title h3 {
            font-size: 35px;
        }
        .mt-area {
            margin-top:80px
        }
        h4.section-title,
        h4.design-title {
            font-size:25px;
            margin-bottom:30px
        }
        h4.section-title::before {
            width:25px;
            height:25px;
            margin-right:10px
        }
        .vod-area {
            padding:20px;
            margin-top:30px
        }
        .small-txt {
            font-size: 25px
        }
        .large-txt {
            font-size: 50px;
            margin: 10px 0 30px 0;
        }
    }
    @media all and (max-width:640px) {
        .sub-contain {
            margin-bottom:60px
        }
        .content-title {
            margin:0px auto 30px;
        }
        .content-title .logo {
            width:70px;
            margin-bottom:20px
        }
        .content-title .text {
            font-size:16px;
        }
        .content-title h3 {
            font-size: 25px;
        }
        pre.pre-title {
            font-size:20px;
            margin-bottom:25px;
            white-space: normal;
        }
        .mt-area {
            margin-top:60px
        }
        h4.section-title,
        h4.design-title {
            font-size:22px;
            margin-bottom:20px
        }
        h5.section-title2 {
            font-size:18px;
        }
        .small-txt {
            font-size: 20px !important;
        }
        .large-txt {
            font-size: 32px;
            margin: 10px 0 25px 0;
        }
        .vod-area {
            padding:15px;
        }
        .vod-area-flex {
            flex-direction: column;
        }
        .vod-area-flex .flex-item {
            width:100%
        }
        .vod-area-flex .flex-item:last-of-type {
            margin-top:20px
        }
    }

/* Touchbella > 인사말 */
.greetings1 {
    padding-top:60px
}
.greetings1::after {
    content:"";
    clear:both;
}
.greetings2 {
    margin-top:150px
}
    /* Touchbella > 인사말 미디어쿼리 */
    @media all and (max-width:1200px) {
        .greetings2 {
            margin-top:100px
        }
    }
    @media all and (max-width:1000px) {
        .greetings1 {
            padding-top:30px
        }
        .greetings2 {
            margin-top:80px
        }
    }
    @media all and (max-width:640px) {
        .greetings1 {
            padding-top:20px
        }
        .greetings2 {
            margin-top:60px
        }
    }

/* Touchbella > 터치셀 */
.touchcell .title-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.touchcell .title-area strong {
    font-size:40px;
    font-weight: 300;
}
.touchcell .title-area h5 {
    font-size:75px;
    font-weight: 900;
    color:#514435;
    text-transform: uppercase;
    margin:25px 0 30px 0
}
.touchcell .title-area pre {
    font-size:20px;
}
.touchcell .flex-left {
    width:48%;
    max-width:657px;
}
.touchcell .flex-right {
    width:50%;
    display: flex;
    justify-content: flex-end;
}
.touchcell .green-box {
    width:100%;
    background-color: #41AEBB;
    border-radius:20px;
    display: flex;
    padding:30px 10px;
    margin-top:45px
}
/* Touchcell > 터치셀  > 성형없이 예뻐지는...*/
.touchcell2 {
    margin-top:120px
}
.touchcell2 .green-box {
    background-color:#41AEBB;
    padding:48px 100px;
    display: flex;
    justify-content: space-between;
    align-items:center;
    margin-top:0 !important
}
.touchcell2 .flex-left {
    width:40%;
    max-width:446px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.touchcell2 .flex-left .round-box {
    width:100%;
    background-color: #FFFCDE;
    border-radius: 56px;
    font-weight:bold;
    color:#41AEBB;
    font-size:70px;
    padding:25px 0 0 0;
    text-align:center;
    font-family: 'designhouseOTFLight00';
    margin:12px 0 14px
}
.touchcell2 .flex-left .font-white {
    font-weight:300;
    font-size:20px
}
.touchcell2 .flex-left .micro-text {
    font-family: 'designhouseOTFLight00';
    font-weight:bold;
    font-size:28px;
    color:#FFFCDE
}
.touchcell2 .flex-right {
    width:50%;
}
.touchcell2 .flex-right pre {
    font-size:25px;
    font-weight:300;
    margin-bottom:0px
}
.touchcell2 .flex-right pre strong {
    font-weight: bold;
    font-size: inherit;
}
/* Touchcell > 터치셀  > 터치 셋 */
.touchcell5 .green-box {
    flex-direction: column;
    align-items: center;
}
.touchcell5 .green-box span {
    color:#F5F3EF;
    font-size:25px;
    font-weight: 500;
    text-transform: uppercase;
}
.touchcell5 .green-box > strong {
    font-weight:bold;
    font-size:70px;
    font-family: 'designhouseOTFLight00';
    margin-top:20px
}
.touchcell5 .green-box p {
    font-size:25px;
    font-weight: bold;
    color:#fff;
    margin-top: -10px;
}
.touchcell5 .green-box p strong {
    font-weight: inherit;
    font-size: inherit !important;
    color:#FFF7AC
}
.touchcell5 .touchcell-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top:80px
}
.touchcell5 .touchcell-list li {
    width:30%;
    margin-bottom:80px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width:358px;
}
.touchcell5 .touchcell-list li .img  {
    max-width: 278px;
    margin: auto
}
.touchcell5 .touchcell-list li .text {
    width:100%;
    margin-top:40px
}
.touchcell5 .touchcell-list li .name {
    border-bottom:1px solid #41AEBB;
    padding-bottom:14px;
    margin-bottom:16px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.touchcell5 .touchcell-list li .name strong {
    font-weight:500;
    color:#41AEBB;
    font-size:25px;
}
.touchcell5 .touchcell-list li .name span {
    color:#BFA88D;
    font-size:15px
}
.touchcell5 .touchcell-list li .text p {
    font-size:16px;
    font-weight: 300;
    color:#707070
}
.touchcell5 .vod-area {
    margin-top:0
}
/* Touchcell > 터치셀  > 리파롱 & 리파숏 */
.touchcell6 .green-box,
.touchcell7 .green-box {
    justify-content: space-between;
    padding:30px 55px;
}
.touchcell6 .green-box .flex-item,
.touchcell7 .green-box .flex-item {
    width:45%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.touchcell6 .green-box .flex-item .text,
.touchcell7 .green-box .flex-item .text {
    width:100%;
}
.touchcell6 .green-box .flex-item .name,
.touchcell7 .green-box .flex-item .name {
    border-bottom:1px solid rgba(255,255,255,.4);
    padding-bottom:14px;
    margin-bottom:16px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.touchcell6 .green-box .flex-item .name strong,
.touchcell7 .green-box .flex-item .name strong {
    font-weight:500;
    color:#FFFCDE;
    font-size:25px;
}
.touchcell6 .green-box .flex-item .name span,
.touchcell7 .green-box .flex-item .name span {
    color:#98D6DE;
    font-size:15px
}
.touchcell6 .green-box .flex-item .text p,
.touchcell7 .green-box .flex-item .text p {
    font-size:16px;
    font-weight: 300;
    color:#FFFFFF
}
/* Touchcell > 터치셀  > 두날 미세괄사 */
.touchcell7 .green-box .flex-item {
    width:100%;
}
/* Touchcell > 터치셀  > blaming body and skin */
.touchcell8 .flex-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.touchcell8 .flex-right pre strong {
    font-weight: inherit;
    font-size:inherit;
    color:#E66760;
    }
 /* touchcell 미디어쿼리 */
    @media all and (max-width:1200px) {
        .touchcell .title-area h5 {
            font-size:60px
        }
        .touchcell2 {
            margin-top:100px
        }
        .touchcell2 .green-box {
            padding:40px 30px
        }
        .touchcell2 .flex-left .round-box {
            font-size:50px
        }
        .touchcell2 .flex-right {
            width: 55%;
        }
        .touchcell5 .green-box > strong {
            font-size:60px
        }
        .touchcell5 .touchcell-list li {
            margin-bottom:50px   
        }
        .touchcell6 .green-box,
        .touchcell7 .green-box {
            padding:30px 30px;
        }
    }
    @media all and (max-width:1000px) {
        .touchcell .title-area,
        .body6 .title-area {
            flex-direction: column;
        }
        .touchcell .flex-left,
        .touchcell .flex-right {
            width:100%;
            max-width:100%
        }
        .touchcell .flex-right {
            margin-top:30px
        }
        .touchcell .title-area strong {
            font-size:30px;
        }
        .touchcell .title-area h5 {
            font-size:50px;
            margin:15px 0 20px
        }
        .touchcell .title-area pre {
            font-size:18px
        }
        .touchcell .green-box {
            margin-top:25px
        }
        .touchcell2 {
            margin-top:60px
        }
        .touchcell2 .flex-left .round-box {
            font-size:35px;
            padding: 15px 0 0 0;
        }
        .touchcell2 .flex-left .font-white {
            font-size:18px
        }
        .touchcell2 .flex-left .micro-text {
            font-size:23px
        }
        .touchcell2 .flex-right pre,
        .touchcell5 .green-box span,
        .touchcell5 .touchcell-list li .name strong,
        .touchcell6 .green-box .flex-item .name strong,
        .touchcell7 .green-box .flex-item .name strong {
            font-size:20px
        }
        .touchcell .touchcell5 .title-area strong {
            font-size:40px
        }
        .touchcell5 .green-box p {
            font-size:20px;
            margin-top:0
        }
        .touchcell5 .touchcell-list li .name span,
        .touchcell6 .green-box .flex-item .name span,
        .touchcell7 .green-box .flex-item .name span {
            font-size:13px
        }
        .touchcell6 .green-box .flex-item .text p,
        .touchcell7 .green-box .flex-item .text p {
            font-size:16px
        }
        .touchcell8 pre.pre-title {
            margin-top:20px
        }
    }
    @media all and (max-width:640px) {
        .touchcell .flex-right {
            margin-top:20px
        }
        .touchcell .title-area h5 {
            font-size: 37px;
            margin: 10px 0 15px;
        }
        .touchcell .title-area pre {
            font-size:16px
        }
        .touchcell .green-box {
            padding:20px 10px
        }
        .touchcell2 {
            margin-top:50px
        }
        .touchcell2 .green-box {
            flex-direction: column;
            padding:30px 20px
        }
        .touchcell2 .flex-right pre {
            font-size:16px
        }
        .touchcell2 .flex-left .round-box {
            width:80%
        }
        .touchcell .touchcell5 .title-area strong {
            font-size:28px
        }
        .touchcell5 .green-box span {
            font-size:16px
        }
        .touchcell5 .green-box > strong {
            margin-top:15px
        }
        .touchcell5 .touchcell-list li {
            width:46%;
            margin-bottom: 20px;
        }
        .touchcell5 .touchcell-list li .name,
        .touchcell6 .green-box .flex-item .name,
        .touchcell7 .green-box .flex-item .name {
            padding-bottom:10px;
            margin-bottom:13px
        }
        .touchcell5 .green-box p,
        .touchcell5 .touchcell-list li .name strong,
        .touchcell6 .green-box .flex-item .name strong,
        .touchcell7 .green-box .flex-item .name strong {
            font-size:18px
        }
        .touchcell5 .touchcell-list li .name span,
        .touchcell6 .green-box .flex-item .name span,
        .touchcell7 .green-box .flex-item .name span  {
            font-size:12px
        }
        .touchcell5 .touchcell-list li .text p,
        .touchcell6 .green-box .flex-item .text p,
        .touchcell7 .green-box .flex-item .text p {
            font-size:14px
        }
        .touchcell6 .green-box,
        .touchcell7 .green-box {
            flex-direction: column;
            padding:20px;
        }
        .touchcell6 .green-box .flex-item,
        .touchcell7 .green-box .flex-item {
            width:100%;
        }
        .touchcell7 .vod-area-flex .flex-item:last-of-type {
            margin-top:0px
        }
    }

/* Touchbella > 오시는 길 */
.location .item-info {
    width:40%;
    display: flex;
    flex-direction: column;
}
.location .item-info .cs-center {
    display: flex;
    align-items: center;
    background-color:#BFA88D;
    padding:25px 35px;
    margin-bottom:10px;
}
.location .item-info .cs-center span {
    font-size: 16px;
    color: #FFFCDE;
    font-weight: 500;
    flex: 1
}
.location .cs-center strong {
    font-size:25px;
    font-weight: 500;
    color:#fff;
    flex: 3
}
.location .information {
    background-color: #F5F3EF;
    display: flex;
    flex-direction: column;
    background-color:#F5F3EF;
    padding:35px 35px;
    height:100%
}
.location .information .infobox:first-of-type {
    border-bottom:1px solid #E8E8E8;
    margin-bottom:26px;
    padding-bottom:26px;
}
.location .information .infobox dt {
    float:left;
    font-size:16px;
    color:#444444;
    width:25%;
    display: flex;
    align-items: center;
}
.location .information .infobox dt::before {
    content:"";
    width:2px;
    height:2px;
    background-color: #41AEBB;
    margin-right:9px
}
.location .information .infobox dd {
    margin-bottom:13px;
    padding-left:25%
}
.location .information .infobox dd:last-of-type {
    margin-bottom:0;
}
.location .information .infobox.infosp dd span {
    width:60px;
    display: block;
    float: left;
}
.location .information .infobox dd,
.location .information .infobox a,
.location .information .infobox span {
    font-size:16px;
    color:#707070
}
.location .information .infobox dd::after {
    content:"";
    clear:both
}
.location .item-map {
    width:59%;
    overflow:hidden;
}
    /* Touchbella > 오시는 길 미디어쿼리 */
    @media all and (max-width:1200px) {
        .location .item-info {
            width:60%;
        }
        .location .item-map {
            width:38%
        }
    }
    @media all and (max-width:1000px) {
        .location .item-info,
        .location .item-map {
            width:100%
        }
        .location .item-map {
            margin-top:10px
        }
        .location .item-map {
            height:250px
        }
    }
    @media all and (max-width:640px) {
        .location .item-info .cs-center,
        .location .information {
            padding:20px 20px
        }
        .location .cs-center strong {
            font-size:20px
        }
        .location .information .infobox dd {
            padding-left:30%;
            margin-bottom:5px;
            line-height:1.3
        }
        .location .information .infobox:first-of-type {
            margin-bottom:16px;
            padding-bottom:16px;
        }
        .location .information .infobox dd,
        .location .information .infobox a,
        .location .information .infobox span {
            font-size:15px;
        }
    }

/* Program > 터치셀 바디림프테라피 */
.body .beige-bg {
    padding:85px 100px;
    background-color:#F5F3EF
}
.body1 .layout-flex {
    position: relative;
    background-color: #F5F3EF;
    justify-content: space-between;
    align-items: center;
}
.body1 .text {
    width:40%;
    max-width:543px;
    margin-right:12%
}
.body2 .imgarea {
    margin-top: 60px;
}
.body4-list,
.body6-list {
    display: flex;
    justify-content: space-between;
    align-content: center;
    margin-top:60px
}
.body4-list .list,
.body6-list .list {
    width:23.5%;
    background: #41AEBB;
    padding:30px
}
.body4-list .list strong {
    font-weight: bold;
    color:#FFFCDE;
    display: block;
    font-size:20px;
    margin-bottom:10px
}
.body4-list .list pre,
.body6-list .list pre {
    color:#fff;
    font-weight:300
}
.body4 .vod-area {
    margin-top:70px;
    padding:0
}
.body4 .vod-area .flex-item {
    width:50%;
    max-width:600px
}
.body4 .vod-area .flex-item.vod {
    padding:25px;
}
.body .large-txt {
    margin-top:0
}
.body5 .flex-left {
    width:53%;
    max-width:700px;
}
.body5 .flex-right {
    width:45%;
    max-width:645px
}
.body5 .flex-left .small-txt {
    margin-bottom:40px
}
.body6 .title-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.body6 .title-area .flex-left {
    width:60%;
}
.body6 .title-area .flex-right {
    width:35%;
    max-width:386px
}
.body6-list .list {
    width:32%;
    display: flex;
}
.body6-list .list strong {
    margin-right:10px
}
.body6-list .list strong em {
    border-radius: 999999999px;
    display: block;
    text-align: center;
    background-color: #FFFCDE;
    width:28px;
    height:28px;
    line-height: 26px;
    font-size:17px;
    font-weight: bold;
    color:#41AEBB;
}
.body6 .content {
    margin-top:100px
}
.body6 .content pre strong {
    font-weight: 500
}
    /* Program > 터치셀 바디림프테라피  */
    @media all and (max-width:1200px) {
        .body1 .text {
            width:60%;
        }
    }
    @media all and (max-width:1000px) {
        .body .beige-bg {
            padding:45px 35px;
        }
        .body1 .layout-flex {
            flex-direction: row;
        }
        .body1 .text {
            width:80%;
        }
        .body2 .imgarea {
            margin-top: 40px;
        }
        .body4-list,
        .body6-list {
            flex-wrap: wrap;
            margin-top: 40px;
        }
        .body4-list .list,
        .body6-list .list {
            width:49%;
            margin-bottom:10px;
            padding:25px
        }
        .body6 .content {
            margin-top:60px
        }
        .body6-list .list {
            width:100%;
        }
        .body4-list .list pre:last-of-type,
        .body6-list .list pre:last-of-type {
            margin-bottom:0
        }
        .body4-list .list strong {
            font-size:18px
        }
        .body4 .vod-area {
            margin-top:40px
        }
        .body5 .layout-flex,
        .body6 .title-area {
            flex-direction: row;
        }
    }
    @media all and (max-width:640px) {
        .body1 .layout-flex {
            flex-direction: column;
        }
        .body1 .img {
            width:50%
        }
        .body1 .text {
            width:73%;
            margin-right: 0%;
            padding-bottom:30px
        }
        .body .beige-bg {
            padding:30px;
        }
        .body2 .imgarea {
            margin-top:10px;
        }
        .body4-list,
        .body6-list {
            margin-top: 30px;
        }
        .body4-list .list,
        .body6-list .list {
            width:100%;
            margin-bottom:10px;
            padding:20px
        }
        .body4-list .list strong {
            font-size:16px
        }
        .body4 .vod-area {
            flex-direction: column;
            margin-top: 20px;
        }
        .body4 .vod-area .flex-item {
            width:100%;
            margin-top:0
        }
        .body5 .layout-flex,
        .body6 .title-area {
            flex-direction: column;
        }
        .body5 .flex-left,
        .body5 .flex-right,
        .body6 .title-area .flex-left,
        .body6 .title-area .flex-right {
            width:100%
        }
        .body6 .content {
            margin-top:40px
        }
        .body6 .large-txt {
            margin-top:0
        }
        .body6-list .list strong em {
            width:23px;
            height:23px;
            font-size:13px;
            line-height: 23px;
        }
    }

/* Program > 작은얼굴동안테라피 */
.face2 .box {
    background-color: #F5F3EF;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding:55px 0
}
.face2 .box > p {
    font-size:28px;
    font-weight: 500;
    margin-bottom:40px;
    text-align: center;
}
.face2 .box p strong {
    font-size:inherit;
    font-weight: inherit;
}
.face2 .box1 {
    margin:40px 0 80px
}
.face2 .box1 .result,
.face2 .box2 .result {
    display: flex;
    justify-content: space-between;
    align-content: center;
    width:80%;
}
.face2 .box1 .result {
    max-width:1041px
}
.face2 .box2 .result {
    max-width:948px
}
.face2 .box1 .result .before,
.face2 .box1 .result .after {
    width:48%;
    max-width:490px;
}
.face2 .box2 .result .before,
.face2 .box2 .result .after {
    width:48%;
    max-width:444px;
}
.face2 .box .label {
    width:151px;
    height:53px;
    margin:30px auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:20px;
    font-weight: bold;
    background-color: #41AEBB;
    border-radius: 9999999px;
    color:#fff;
}
.face2 .box2 {
    padding-bottom:0 !important
}
.face2 .box2 .infotext {
    width:100%;
    background-color: #E66760;
    color:#FFFCDE;
    font-size:20px;
    font-weight: 500;
    height:42px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin:55px 0 0 0
}
    /* Program > 작은얼굴동안테라피  */
    @media all and (max-width:1000px) {
        .face1 .pre-title {
            margin-top:20px
        }
        .face2 .box {
            padding:35px 0
        }
        .face2 .box1 {
            margin:0 0 40px 0;
        }
        .face2 .box > p {
            font-size:23px;
            margin-bottom: 30px
        }
        .face2 .box1 .result,
        .face2 .box2 .result {
            width:90%
        }
        .face2 .box .label {
            width:140px;
            height:47px;
            font-size:18px;
            margin-top:20px
        }
        .face2 .box2 .infotext {
            font-size:18px;
            height:38px;
            margin: 35px 0 0 0;
        }
    }
    @media all and (max-width:640px) {
        .face2 .box > p {
            width:70%;
            font-size:18px;
            margin-bottom: 20px;
        }
        .face2 .box .label {
            width:90px;
            height:30px;
            font-size:14px;
            margin-top:10px
        }
        .face2 .box2 .infotext {
            font-size:14px;
            margin: 25px 0 0 0;
            height: 33px;
        }
    }

/* Program > 온열디톡스테라피 */
.detox2 ul,
.detox4 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.detox2 ul li,
.detox4 ul li {
    width:30%;
    text-align:center;
    margin-bottom:30px
}
.detox4 ul li {
    width:13%
}
.detox2 ul li span.txt,
.detox4 ul li span.txt {
    display: block;
    font-size:16px;
    margin-top:9px;
    font-weight: 400;
}
.detox5 .content {
    min-height:720px
}
.detox5 .content {
    background-color: #F3F3F3;
    padding:35px
}
.detox5 .content p,
.detox5 .content p strong {
    font-weight: bold;
    font-size:20px
}
.detox5 .content .box {
    background-color: #fff;
    margin-top:30px;
    padding:35px 35px 10px 35px;
    position: relative;
    min-height:562px
}
.detox5 .flex-left .box ul {
    position: relative;
    z-index: 1
}
.detox5 .flex-left .box li {
    font-size:16px;
    color:#707070;
    margin-bottom:10px;
    padding-left:12px;
    position: relative;
}
.detox5 .flex-left .box li::before {
    content: "";
    width:3px;
    height: 3px;
    display: block;
    position: absolute;
    left:0;
    top:10px;
    background-color: #41AEBB;
}
.detox5 .flex-left .box li strong {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color:#E66760
}
.detox5 .flex-left .img {
    margin:-30px -30px 0 0;
    position:relative;
    z-index: 0;
    text-align: right;
}
.detox5 .flex-left .img img {
    width:75%;
    max-width:362px;
}
.detox6 .content {
    display: flex;
    justify-content: space-between;
}
.detox6 .content .box {
    border-top:1px solid #41AEBB;
    width:31%
}
.detox6 .content .box strong {
    font-size:20px;
    font-weight: bold;
    color:#41AEBB;
    display: block;
    margin:23px 0;
    padding-left:30px
}
.detox6 .content .box span {
    color:#444;
    font-weight: inherit;
    font-size:inherit
}
.detox6 .content .box p {
    color:#707070;
    background-color: #F3F3F3;
    height:67px;
    display: flex;
    align-items: center;
    padding-left:30px
}
.detox7 .wide4 {
    display: block;
    max-width:1105px
}
.detox7 .section-title strong {
    font-size:inherit;
    font-weight: inherit;
}
.mobile {
    display: none;
}
    /* Program > 온열디톡스테라피 미디어쿼리 */
    @media all and (max-width:1200px) {
        .detox5 .content p br {
            display: none;
        }
        .detox5 .flex-left .img {
            display: none;
        }
        .detox5 .content {
            padding:25px;
            min-height: auto;
        }
        .detox5 .content .box {
            padding:25px 25px 10px 25px;
        }
        .detox5 .content .box {
            min-height: 420px;
        }
        .detox5 .content .box {
            min-height: auto;
            padding: 25px;
        }
        .detox5 .flex-left .img {
            display: block;
            margin:-50px 0 0 0
        }
        .detox7 .wide4 {
            max-width:725px
        }
    }
    @media all and (max-width:1000px) {
        .detox4 ul li {
            width:18%
        }
        .detox5 .flex-right {
            margin-top:80px
        }
        .detox5 .content p br {
            display: block;
        }
        .detox6 .content .box strong {
            font-size:18px;
            margin:15px 0;
            padding-left:20px
        }
        .detox6 .content .box p {
            font-size:16px;
            padding: 10px 20px 0;
            align-items: flex-start
        }
        .detox7 .wide4 {
            max-width: 543px;
        }
    }
    @media all and (max-width:640px) {
        .detox5 .flex-right {
            margin-top:60px
        }
        .detox3 pre.pre-title {
            white-space: pre-line;
        }
        .detox2 ul li,
        .detox4 ul li {
            width:31.5%;
        }
        .detox2 ul li span.txt,
        .detox4 ul li span.txt {
            font-size:15px;
            line-height: 1.3;
        }
        .detox5 .content,
        .detox5 .content .box {
            padding:25px 20px;
        }
        .detox5 .content .box {
            margin-top: 20px;
        }
        .detox5 .content p,
        .detox5 .content p strong {
            font-size:18px
        }
        .detox5 .content p br {
            display: none;
        }
        .detox5 .flex-left .box li {
            font-size:15px
        }
        .detox5 .flex-left .img {
            margin:-10px -20px 0 0
        }
        .detox6 .content {
            flex-direction: column;
        }
        .detox6 .content .box {
            width:100%;
            margin-bottom:25px
        }
        .detox6 .content .box strong {
            font-size:16px;
            margin:13px 0;
            padding-left:10px
        }
        .detox6 .content .box p {
            font-size:15px;
            height:50px;
            padding: 0px 20px 0;
            align-items: center
        }
        .pc,
        .detox7 .wide4 {
            display: none;
        }
        .mobile {
            display: block;
        }
        .detox7 .section-title {
            flex-wrap: wrap;
        }
        .detox7 .section-title strong {
            width:100%;
            padding-left:35px;
            margin-top:5px
        }
    }

/* Program > 이벤트 */
.event .content-title {
    margin-top: 80px;
}
.event .content-title strong {
    color: #41AEBB;
    font-size: inherit;
    font-weight: inherit;
}
.event5 .layout {
    margin-bottom: 30px;
    background-color: #c1e6ee;
    padding: 30px 0
}
.event5 .layout .event-img {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.event5 .layout .event-img img {
    max-width: 500px;
}
/* .event5 p {
    text-align: center;
    margin-bottom: 10px
} */
.event5 a {
    width: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 100000000000px;
    padding: 14px 0;
    font-size: 16px;
    font-weight: 500;
    background:#03C75A;
    color:#FFFFFF;
}
.event5 a:hover {
    background-color: #00aa4c;
}
    /* Program > 이벤트 미디어쿼리 */
    @media all and (max-width:1000px) {
        .event .content-title {
            margin-top: 50px;
        }
    }
    @media all and (max-width:640px) {
        .event .content-title {
            margin-top: 40px;
        }
        .event5 .layout {
            margin-bottom: 20px;
            padding: 0 0 20px
        }
        .event5 p {
            font-size: 13px;
        }
        .event5 a {
            width: 160px;
            padding: 12px 0;
            font-size: 14px;
        }
    }

/*  Support > 고객후기 */
.board-list {
    border-top:1px solid #41AEBB
}
.board-list .list {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom:1px solid #E2E2E2;
    padding:25px 0
}
.board-list .list .number {
    flex: 1 80px;
    text-align: center;
    font-weight: 300;
}
.board-list .list .inside {
    flex: 2 90%;
    display: flex;
    align-items: center;
}
.board-list .list .porgram {
    flex: 1 15%;
    text-align: left;
    color:#BFA88D;
    font-weight: 500;
}
.board-list .list .subject {
    flex: 1 75%;
}
.board-list .list .subject a {
    color:#707070;
    font-size: inherit;
}
.board-list .list .subject a:hover {
    color:#41AEBB
}
.board-list .list .id {
    flex: 1 10%;
    text-align: center;
    font-weight: 300;
}
.board-bottom {
    background: #F5F3EF;
    display: flex;
    justify-content: space-between;
    margin-top:50px;
    padding:30px 40px;
    align-items: center;
}
.board-view {
    border-top:1px solid #41AEBB;
}
.board-view .view-title {
    display: flex;
    justify-content: space-between;
    padding:25px 50px;
    border-bottom:1px solid #E2E2E2
}
.board-view .inside .porgram {
    color:#BFA88D;
    font-weight: 500;
    font-size:16px
}
.board-view .inside .subject {
    font-size:20px;
    font-weight: bold;
    margin-top:6px
}
.board-view .id {
    font-size:16px;
    font-weight: 300;
    color:#707070
}
.board-view .view-content {
    padding:50px 50px 80px;
    margin-bottom:50px;
    line-height: 1.5;
    font-weight:300;
    border-bottom:1px solid #E2E2E2
}
a.btn-style {
    width:100px;
    height:50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:15px;
    font-weight:bold;
    margin:auto;
    background: #41AEBB;
    border:1px solid #41AEBB;
    color:#fff;
}
a.btn-style:hover {
    background: #fff;
    color:#41AEBB;
}
    /* Support > 고객후기 미디어쿼리 */
    @media all and (max-width:1000px) {
        .board-list .list .number,
        .board-list .list .porgram,
        .board-list .list .subject,
        .board-list .list .id {
            font-size:16px
        }
        .board-list .list .porgram {
            flex: 1 25%;
            text-align: left;
            color:#BFA88D;
            font-weight: 500;
        }
        .board-list .list .subject {
            flex: 1 63%;
        }
        .board-list .list .id {
            flex: 1 12%;
        }
        .board-view .view-title {
            padding:20px 30px;
        }
        .board-view .view-content {
            padding:20px 30px;
            margin-bottom:40px
        }
    }
    @media all and (max-width:640px) {
        .board-list .list {
            padding:12px 0;
            align-items: flex-start
        }
        .board-list .list .number {
            flex: 1 60px;
        }
        .board-list .list .inside  {
            flex-direction: column;
            align-items: flex-start;
        }
        .board-list .list .subject {
            margin:5px 0 7px
        }
        .board-list .list .porgram,
        .board-list .list .subject,
        .board-list .list .id {
            flex:1 100%;
            width:96%
        }
        .board-list .list .id {
            font-size:14px;
            text-align: left;
        }
        .board-view .view-title {
            padding:15px;
            flex-direction: column;
            align-items: flex-start;
        }
        .board-view .inside .porgram {
            font-size:14px
        }
        .board-view .inside .subject {
            font-size:18px;
            margin-top:3px
        }
        .board-view .id {
            margin-top:5px;
            font-size:14px
        }
        .board-bottom {
            flex-direction: column;
            margin-top:20px;
            padding:20px 10px
        }
        .board-view .view-content {
            padding:15px 15px 30px;
            margin-bottom:30px;
            font-size:15px
        }
        a.btn-style {
            width:80px;
            height:42px;
            font-size:13px
        }
    }

/* 검색영역 */
.search form {
    position: relative;
    display: flex;
    width:100%;
    max-width: 390px;
    height:50px;
    background: #fff;
    border:1px solid #D6D6D6;
}
.search .form-select {
    z-index: 1;
    position: relative;
    display: inline-block;
    width: 75px;
    height: 100%;
    padding:0 10px;
    background: url("../images/common/icon-arrow.svg") no-repeat right 8px center;
    font-size: 13px;
    border:0;
    border-right:1px solid #D6D6D6;
    color: #848484;
}
.search .input-area{
    display: flex;
    width: 100%;
}
.search .form-input {
    overflow: hidden;
    z-index: 1;
    position: relative;
    display: inline-block;
    min-width: 0;
    height: 100%;
    padding: 0 13px;
    background: transparent;
    border:0;
    font-size:14px;
}
.search .form-input::placeholder {
    color:#848484
}
.search .form-button {
    z-index: 1;
    position: relative;
    display: inline-block;
    flex: 1 1 40px;
    height: 100%;
    border:0;
    background: url("../images/common/icon-search.svg") no-repeat center;
}
    /* 검색영역 미디어쿼리 */
    @media all and (max-width:640px) {
        .search form {
            max-width: 100%;
            height:40px;
        }
    }

/* 페이징 */
.paging {
    display: flex;
    justify-content: center;
    align-items: center;
}
.paging .num {
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: #fff;
    margin:0 5px;
    border-radius: 999999999px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color:#707070;
    transition: all 0.3s;
}
.paging .num:hover,
.paging .current-num {
    background: #41AEBB;
    color:#fff;
    font-weight:bold
}
.paging .paging-prev,
.paging .paging-next {
    width:30px;
    height:30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.paging .paging-prev a:hover,
.paging .paging-nex a:hover {
    opacity: 0.5;
}
    /* 페이징 미디어쿼리 */
    @media all and (max-width:640px) {
        .paging {
            margin-top:10px
        }
    }

/* FAQ */
.faq-list {
    border-top:1px solid #41AEBB
}
.faq-list .list {
    border-bottom:1px solid #E2E2E2
}
.faq-list .questions,
.faq-list .answer {
    display: flex;
    padding:26px 0;
}
.faq-list .list .icon {
    width:8%;
    text-align: center;
    font-weight: 600;
    padding-top:3px;
}
.faq-list .questions .icon {
    color:#BFA88D;
}
.faq-list .answer .icon {
    color:#41AEBB;
}
.faq-list .list .text {
    width:87%;
    color:#707070;
}
.faq-list .questions {
    cursor: pointer;
    transition: all 0.3s;
}
.faq-list .questions:hover {
    background-color: #fcfcfc;
}
.faq-list .questions .arrow {
    width:5%;
    text-align:center
}
.faq-list .questions .arrow img {
    width:6px;
    transform: rotate(90deg);
}
.faq-list .answer {
    padding-bottom:50px;
    background-color: #F5F3EF;
}
    /* FAQ 미디어쿼리 */
    @media all and (max-width:1000px) {
        .faq-list .list .text {
            font-size:16px
        }
    }
    @media all and (max-width:640px) {
        .faq-list .questions,
        .faq-list .answer {
            padding:18px 0;
        }
        .faq-list .list .icon {
            width:11%;
            font-size:16px;
            padding-top:2px;
        }
        .faq-list .list .text {
            width:79%;
            font-size:15px
        }
        .faq-list .answer .text {
            font-size:15px
        }
        .faq-list .questions .arrow {
            width:10%;
        }
    }

.ready {
    background-color: #F5F3EF;
    text-align:center;
    padding:90px 0;
    font-weight: 300;
    color: #707070;
}