/* 공통 */
html {
    scroll-behavior: smooth;
}
body {
    letter-spacing: -1px;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    color: #000;
}
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
a {
    color: #000;
    text-decoration: none;
}
a:hover {
    color: #000;
    text-decoration: none;
}
input:focus {
    outline: none;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
select {
    color: #000;
    background: transparent;
}
select:focus {
    outline: none;
}
textarea:focus {
    outline: none;
}
button:focus {
    outline: none;
}
textarea {
    resize: none;
}
body, h1, h2, h3, h4, h5, h6, p, div, li, dt, dd, input, textarea, button {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 300;
}
h1,h2,h3,h4,h5,h6,p,a,label,button,span,em,select,option,input,textarea,th,td,dt,dd {
    margin-bottom: 0;
}
.bg-fff {
    background: #fff;
}
button {
    cursor: pointer;
}
.pt-70 {
    padding-top: 70px;
}
.container-custom {
    max-width: 1230px;    
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.block-992 {
    display: none;
}
.block-437 {
    display: none;
}
input[type=text], input[type=password], textarea {
    font-size: inherit;
}
img {
    max-width: none;
}
sub, sup {
    position: inherit;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: none;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: none;
}
/* 공통 */

/* header nav end */
.header {
    z-index: 9999;
    position: absolute;
    width: 100%;
    padding-top: 50px;
    transition: all .5s;
}
.fixed {
    position: fixed;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-bottom: 1px solid #ddd;
}
.header:hover {
    background: #fff;
}
.header .nav {
    display: flex;
    justify-content: center;
    width: 100%;
}
.header .nav .menu {
    display: flex;
    justify-content: center;
    font-size: 18px;
    padding-top: 22px;
    padding-right: 23px;
}
.header .nav-992 .logo {
    height: 62px;
}
.header .nav-992 .logo a {
    display: inline-block;
}
.header .nav-992 .color-logo {
    display: none;
}
.header .nav .menu > li {
    text-align: center;
    letter-spacing: 1.5px;
    font-weight: 700;
}

.header .nav > .menu li a {
    position: relative;
    color: #fff;
    display: block;
    padding: 24px 23px;
}
.header:hover .menu > li > a {
    color: #000 !important;
}
.header .nav .menu > li > a:before {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #87d0cc;
    -moz-animation: navbar .4s;
    -webkit-animation: navbar .4s;
    -o-animation: navbar .4s;
    animation: navbar .4s;
}
@keyframes navbar {
    0% {
        width: 0;
        left: 50%;
    }
    100% {
        width: 100%;
        left: 0;
    }
}
.header .nav .menu > li > a.active::before {
    display: block;
}
.header .nav .menu-right {
    position: relative;
    padding-left: 23px;
    padding-right: 0;
}
.header .nav .menu-right::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 18px;
    background: #fff;
}
.header.not-active .nav .menu-right::before {
    background: #000;
}
.header .nav .menu-right.active::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 2px;
    height: 18px;
    background: #000;
}
.header:hover .nav .menu-right::before {
    background: #000;
}
.header .sub-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    display: none;
    justify-content: center;
    align-items: center;
    transform: translateX(-50%);
    width: 100%;
    color: #000;
    padding-top: 24px;
    padding-bottom: 24px;
    background: #fff;
    border-bottom: 1px solid #ddd;
}
.header .nav .sub-menu li {
    margin-right: 55px;
}
.header .nav .sub-menu li:last-child {
    margin-right: 0;
}
.header .nav .sub-menu li a {
    font-weight: 500;
    color: #9b9b9b;
    padding: 0;
}
.header .nav .sub-menu li a:hover {
    color: #000;
}
.header .login {
    position: absolute;
    top: 50px;
    right: 65px;
}
.header .login ul {
    display: flex;
}
.header .login ul li {
    position: relative;
    margin-left: 40px;
}
.header .login ul li:last-child::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    width: 2px;
    height: 15px;
    background: #fff;
}
.header.not-active .login ul li:last-child::before {
    background: #000;
}
.header .login ul li:last-child.active::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    width: 2px;
    height: 15px;
    background: #000;
}
.header .login ul li a {
    font-family: 'Muli';
    font-weight: bold;
    font-size: 14px;
    color: #fff;
}
.header.not-active .login ul li a {
    color: #000;
}
.header:hover .login ul li a {
    color: #000 !important;
}
.header:hover .login ul li:last-child::before {
    background: #000;
}
.header .fixed-logo {
    position: fixed;
    display: none;
    top: 22.5px;
    left: 65px;
}
.header .fixed-logo img {
    width: 60%;
}


/* 모바일 nav */
.header .nav-mb {
    display: none;
}
.header .nav-mb-guide {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fixed-mb {
    position: fixed;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #ddd;
}
.header .m-logo .color-logo {
    display: none;
}
.header .nav-mb-guide li {
    cursor: pointer;
}
.header:hover .m-list {
    filter: brightness(0) !important;
}

.header:hover .m-user {
    filter: brightness(0) !important;
}

.header.not-active .m-list {
    filter: brightness(0) !important;
}

.header.header.not-active .m-user {
    filter: brightness(0) !important;
}


.header .m-list-open {
    z-index: 10000;
    position: fixed;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100vh;
    padding-top: 110px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 110px;
    background: #fff;
    overflow-y: scroll;
}
.header .m-list-open .btn-m-list-close {
    position: absolute;
    top: 37px;
    right: 28px;
    cursor: pointer;
}
.header .m-list-open .m-list-menu > li {
    margin-bottom: 70px;
}
.header .m-list-open .m-list-menu > li:last-child {
    margin-bottom: 0;
}
.header .m-list-open .m-list-menu .m-list-menu-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
    cursor: pointer;
}
.header .m-list-open .m-list-menu .m-list-menu-main a {
    font-weight: bold;
    font-size: 48px;
} 
.header .m-list-open .m-list-menu .m-list-menu-main img.active {
    transform: rotate(-180deg);
}
.header .m-list-open .m-list-menu .m-list-menu-sub {
    display: none;
}
.header .m-list-open .m-list-menu .m-list-menu-sub li {
    margin-bottom: 40px;
}
.header .m-list-open .m-list-menu .m-list-menu-sub li:last-child {
    margin-bottom: 0;
}
.header .m-list-open .m-list-menu .m-list-menu-sub a {
    font-weight: bold;
    font-size: 29px;
    display: block;
}
.header .m-list-open .m-list-menu .m-before {
    position: relative;
}
.header .m-list-open .m-list-menu .m-before::before {
    content: "";
    position: absolute;
    bottom: -70px;
    width: 42px;
    height: 3px;
    background: #000;
}
/* 모바일 nav 끝 */


/* header nav end */


/* 메인 슬라이드영역 */
.main-slide .swiper-slide {
    height: 100vh;
}
.main-slide .swiper-slide01 {
    background: center / cover no-repeat url(../images/main/slide01.jpg?);
}
.main-slide .swiper-slide02 {
    background: center / cover no-repeat url(../images/main/slide02.jpg);
}
.main-slide .swiper-slide03 {
    background: center / cover no-repeat url(../images/main/slide03.jpg?);
}
.main-slide .swiper-slide .container-custom {
    height: 100%;
}
.main-slide .swiper-slide .container-custom .row {
    height: 100%;
}
.main-slide .swiper-slide .container-custom .col-12 {
    height: 100%;
}
.main-slide .swiper-button-prev, .swiper-container-rtl .swiper-button-next01 {
    left: inherit;
}
.main-slide .swiper-button-next, .swiper-container-rtl .swiper-button-prev01 {
    left: 1148px;
}

.main-slide .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next01:after {
    content:url(../images/main/slide-prev-arrow.png);
}
.main-slide .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev01:after {
    content:url(../images/main/slide-next-arrow.png)
}
.main-slide .swiper-pagination {
    bottom: 46px;
}
.main-slide .swiper-pagination-bullet {
    z-index: 100;
    opacity: 1;
    width: 12px;
    height: 12px;
    margin-right: 20px;
    border-radius: 100%;
    background: #fff;
}
.main-slide .swiper-pagination-bullet-active {
    width: 33px;
    height: 12px;
    background: #fff;
    border-radius: 6px;
}

.main-slide .swiper-slide .text-area {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    height: 100%;
    padding-bottom: 145px;
}
.main-slide .swiper-slide .text-area h6 {
    letter-spacing: 1px;
    font-family: "Muli";
    font-size: 18px;
    margin-bottom: 45px;
    color: #fff;
}
.main-slide .swiper-slide .text-area p {
    line-height: 60px;
    font-size: 48px;
    color: #fff;
}
.main-slide .swiper-slide .text-area p span {
    font-weight: bold;
    font-size: 48px;
}

.main-slide .line {
    z-index: 1000;
    position: absolute;
    bottom: 0;
    height: 4px;
    background: #85cfcb;
}
.main-slide .line.active {
    -moz-animation: line 5s linear forwards;
    -webkit-animation: line 5s linear forwards;
    -o-animation: line 5s linear forwards;
    animation: line 5s linear forwards;
}

@keyframes line {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}
/* 메인 슬라이드영역 끝 */

/* 메인 설명영역 */
.main-explain-area {
    padding-top: 140px;
    padding-bottom: 150px;
}
.main-explain-area .title {
    margin-bottom: 100px;
}
.main-explain-area .title h6 {
    letter-spacing: 1px;
    font-family: "Muli";
    font-size: 18px;
}
.main-explain-area .title p {    
    letter-spacing: -1px;
    font-weight: bold;
    font-size: 40px;
    margin-top: 23px;
}

.main-explain-area .cont .cont-nametag {
    border-bottom: 1px solid #000;
    box-sizing: border-box;
}
.main-explain-area .cont .cont-nametag p {
    letter-spacing: 1px;
    font-family: "Muli";
    font-weight: 900;
    font-size: 18px;
    text-align: center;
    width: 195px;
    color: #fff;
    background: #000;
}
.main-explain-area .cont .text-area h3 {
    font-weight: bold;
    margin-top: 48px;
    font-size: 24px;
}
.main-explain-area .cont .text-area h3 span {
    font-weight: bold;
}
.main-explain-area .cont .text-area p {
    font-size: 18px;
    margin-top: 30px;
}
.main-explain-area .cont .img-area {
    margin-top: 38px;
}
.main-explain-area .cont img {
    width: 100%;
}

/* 메인설명영역 모바일 */
.main-explain-slide {
    display: none;
}
.main-explain-area .main-explain-slide {
    position: relative;
}
.main-explain-area .main-explain-slide .swiper-slide {
    max-width: 627px;
}
.main-explain-area .main-explain-slide  .cont .cont-nametag p {
    font-size: 18px;
}
.main-explain-area .main-explain-slide .cont .img-area {
    margin-top: 0;
    border: 1px solid #000;
    border-top: none;
    box-sizing: border-box;
}
.main-explain-area .main-explain-slide .cont .is-all-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 30px;
}
.main-explain-area .main-explain-slide .cont .text-area h3 {
    font-size: 30px;
    margin-top: 45px;
}
.main-explain-area .main-explain-slide .cont .text-area p {
    font-weight: 300;
    font-size: 22px;
    margin-top: 25px;
}
.main-explain-area .main-explain-slide .cont .is-all-text .arrow {
    width: 56px;
}
.main-explain-area .main-explain-slide .cont .is-all-text .arrow img {
    filter: brightness(0);
}
.main-explain-area .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -50px;
}
.main-explain-area .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    opacity: 1;
    width: 16px;
    height: 16px;
    background: #000;
    margin: 0 12.5px;
}
.main-explain-area .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    width: 42px;
    background: #85cfcb;
    border-radius: 10px;
}
/* 메인설명영역 모바일 끝 */

/* 메인 설명영역 끝 */


/* 메인 기계설명영역 */
.main-machine-area {
    background: #f9f9f9;
    
}
.main-machine-area .swiper-slide {
    padding: 80px 0 90px 0;
}
.main-machine-area .machine-slide01 {
    background: center / cover no-repeat url(../images/main/machine-slide-bg01.jpg);
}
.main-machine-area .machine-slide02 {
    background: right / cover no-repeat url(../images/main/machine-slide-bg02.jpg);
}
.main-machine-area .machine-slide03 {
    background: right / cover no-repeat url(../images/main/machine-slide-bg03.jpg);
}
.main-machine-area .swiper-slide .cont {
    position: relative;
    max-width: 512px;
    width: 100%;
    padding-top: 78px;
    padding-left: 40px;
    padding-bottom: 320px;
    background: #fff;
}
.main-machine-area .machine-slide01 .cont {
    background: url(../images/main/machine-slide-cont01.jpg) no-repeat;
    background-position: bottom;
    background-size: 100%
}
.main-machine-area .machine-slide02 .cont {
    background: url(../images/main/machine-slide-cont02.jpg) no-repeat;
    background-position: bottom;
    background-size: 100%
}
.main-machine-area .machine-slide03 .cont {
    background: url(../images/main/machine-slide-cont03.jpg) no-repeat;
    background-position: bottom;
    background-size: 100%
}
.main-machine-area .swiper-slide .cont h6 {
    font-family: "Muli";
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 45px;
}
.main-machine-area .swiper-slide .cont p {
    font-weight: bold;
    font-size: 36px;
    margin-bottom: 27px;
}
.main-machine-area .swiper-slide .cont span {
    display: block;
    font-size: 18px;
    margin-bottom: 24px;
}
.main-machine-area .swiper-slide .cont a {
    letter-spacing: 0.5px;
    font-family: "Muli";
    padding: 0 20px;
    display: inline-block;
    color: #fff;
    background: #000;
}


.main-machine-area .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content:url(../images/main/machine-slide-next.png);
}
.main-machine-area .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content:url(../images/main/machine-slide-prev.png);
}
.main-machine-area .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 360px;
    bottom: 40px;
    top: inherit;
}
.main-machine-area .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    bottom: 40px;
    left: 50px;
    top: inherit;
}

/* 메인 기계설명영역 끝 */



/* 나나티비 컨센트 소개영역 */
.video-cont-area {
    padding: 150px 0;
}
.video-cont-area .title {
    margin-bottom: 80px;
}
.video-cont-area .title h6 {
    letter-spacing: 1px;
    font-family: "Muli";
    font-size: 18px;
}
.video-cont-area .title p {    
    letter-spacing: -1px;
    font-weight: bold;
    font-size: 40px;
    margin-top: 23px;
}
.video-cont-area .video-big-slide .swiper-slide {
    display: flex;
    background: #fff;
}
.video-cont-area .video-big-slide .youtube-cont {
    position: relative;
    max-width: 752px;
    width: 100%;
    height: 425px;
    margin-left: 0;
}
.video-cont-area .video-big-slide img {
    width: 100%;
}
.video-cont-area .video-big-slide .text-area {
    width: 448px;
    padding-top: 70px;
    padding-left: 74px;
    background: #fff;
}
.video-cont-area .video-big-slide .text-area p {
    letter-spacing: -1px;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 24px;
}
.video-cont-area .video-big-slide .text-area span {
    display: block;
    font-size: 18px;
    margin-bottom: 24px;
}
.video-cont-area .video-big-slide .text-area a {
    font-size: 16px;
    letter-spacing: 0.5px;
    font-family: "Muli";
    padding: 0 20px;
    display: inline-block;
    color: #fff;
    background: #000;
    border: 1px solid #000;
}
.video-cont-area .video-small-slide {
    max-width: 330px;
    width: 100%;
}
.video-cont-area .video-small-ctrl {
    position: absolute;
    bottom: 0;
    right: 60px;
    cursor: pointer;
}
.video-cont-area .video-small-slide .swiper-slide {
    display: flex;
    align-items: flex-end;
}
.video-cont-area .video-small-slide .swiper-slide img {
    width: 100%;
}
.video-cont-area .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: url(../images/main/vedio-slide-prev.png);
}
.video-cont-area .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: url(../images/main/vedio-slide-next.png);
}
.video-cont-area .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    top: 55%;
    left: -42px;
}
.video-cont-area .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    top: 55%;
    right: -42px;
}
/* 나나티비 컨센트 소개영역 끝 */

/* 진료안내 및 오시는 길 */
.map-area {
    padding-top: 95px;
    padding-bottom: 70px;
    background: #f9f9f9;
}
.map-area .bg-fff {
    height: 100%;
}
.map-area .text-area {
    margin-bottom: 40px;
}
.map-area .text-area h6 {
    letter-spacing: 1px;
    font-family: "Muli";
    font-weight: 700;
    font-weight: 18px;
    margin-bottom: 20px;
}
.map-area .text-area p {
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 40px;
}
.map-area .text-area li {
    display: flex;
}
.map-area .text-area span {
    font-weight: bold;
    font-size: 18px;
    margin-right: 30px;
    display: inline-block;
    text-align: justify;
    width: 68px;
    height: 22px;
    vertical-align:middle;
}
.map-area .text-area span:after {
    content:''; 
    display:inline-block; 
    width:100%
}
.map-area .text-area em {
    font-weight: bold;
    font-size: 18px;
    font-style: normal;
}
.map-area .is-map p {
    letter-spacing: -1px;
    font-size: 18px;
}
.map-area .is-map a {
    font-family: "Muli";
    font-weight: 900;
    font-size: 30px;
}
#map {
    max-width: 436px;
    width: 100%;
    height: 155px;
    margin-top: 30px;
    border: 1px solid #d3d3d3;
}
.customoverlay {position:relative;left:-8px;bottom:16px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;}
.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.customoverlay a {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;background: #42c0bf;background: #42c0bf url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;}
.customoverlay .title {display:block;text-align:center;background:#fff;margin-right:35px;padding:5px 8px;font-size:12px;font-weight:bold;}
.customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}

.map-area .form {
    max-width: 435px;
    margin: 0 auto;
}
.map-area .form-cont {
    text-align: center;
}
.map-area .form-cont input {
    width: 100%;
    height: 49px;
    margin-bottom: 11px;
    padding: 0 30px;
    border: 1px solid #000;
    box-sizing: border-box;
}
.map-area .form-cont input:focus {
    outline: none;
}
.map-area .form-cont-che {
    position: relative;
    display: flex;
    align-items: center;
}
.map-area .form-cont-che label {
    letter-spacing: -1px;
    font-size: 14px;
}

.map-area .btn-area {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.map-area .btn-area button {
    position: relative;
    letter-spacing: 2px;
    font-weight: bold;
    max-width: 211px;
    width: 100%;
    height: 50px;
    background: none;
    border: 1px solid #000;
    box-sizing: border-box;
}
.map-area .btn-area .past-btn {
    background: #000;
    color: #fff;
}
.map-area .btn-area .kakao-btn {
    color: #000;
    background: #fdda16;
}
.map-area .input-finish {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    transform: skew(0.1deg);
}


.map-area .privacy-policy {
    font-size: 14px;
    cursor: pointer;
}
.map-area .privacy-policy-modal {
    z-index: 1000;
    position: absolute;
    top: 110%;
    display: none;
    font-size: 12px;
    height: 200px;
    overflow-y: scroll;
    padding: 26px 20px;
    background: #fff;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
}
.map-area .privacy-policy-modal p {
    text-align: justify;
}
.map-area .privacy-policy-modal span {
    font-weight: 700;
}
/* 진료안내 및 오시는 길 끝 */



/* 푸터 */
.footer {
    position: relative;
    padding-top: 20px;
    padding-bottom: 50px;
    background: #343434;
}
.footer .border-bt {
    position: absolute;
    top: 115px;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    border-bottom: 1px solid #575757;
}
.footer .ft-warning {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.footer .ft-warning p {
    letter-spacing: -.5px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 200; 
    font-size: 15px;
    margin-left: 10px;
    color: rgba(255, 255, 255, 0.5);
}

.footer .ft-link-all {
    padding-bottom: 20px;
    margin-bottom: 45px;
}
.footer .ft-link {
    display: flex;
}
.footer .ft-link li {
    position: relative;
    margin-right: 46px;
}
.footer .ft-link li::before {
    position: absolute;
    content: "";
    top: 55%;
    left: -23px;
    transform: translateY(-50%);
    height: 60%;
    width: 1px;
    background: #686868;
}
.footer .ft-link li:first-child::before {
    display: none;
}

.footer .ft-link li:last-child {
    margin-right: 0;
}
.footer .ft-link a {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #fff;
}
.footer .ft-link-img {
    display: flex;
    justify-content: flex-end;
}
.footer .ft-link-img li {
    margin-left: 35px;
}
.footer .ft-link-img li:first-child {
    margin-left: 0;
}

.footer .ft-info h5 {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 30px;
    color: #fff;
}
.footer .ft-info .img-area {
    max-width: 454px;
    margin-bottom: 25px;
}
.footer .ft-info .img-area img {
    width: 100%;
}
.footer .ft-info a {
    font-family: 'Lora', serif;
    font-size: 36px;
    color: #fff;
}
.footer .ft-info ul {
    margin-top: 15px;
}
.footer .ft-info ul li {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 200;
    font-size: 13px;
    margin-bottom: 10px;
    color: #e5e5e5;
}
.footer .ft-info ul li:last-child {
    font-weight: 400;
    margin-bottom: 0;
    color: #959595;
}
.footer .ft-info .map-send {
    display: flex;
    align-items: center;
    max-width: 350px;
    width: 100%;
    color: #fff;
    margin-top: 30px;
    border: 1px solid #42c0bf;
    border-left: 40px solid #42c0bf;
}
.footer .ft-info .map-send input {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 300;
    font-size: 14px;
    width: 100%;
    padding: 10px;
    background: none;
    border:none;
    color: #fff;
}
.footer .ft-info .map-send i {
    padding: 10px;
    cursor: pointer;
}
.footer .ft-info .map-send input::placeholder {
    color: #fff;
}
.footer .ft-info .map-send input:focus {
    outline: none;
}
/* 푸터 끝 */




/* 서브페이지 공통영역 */

/* 공통 */
.fc-b {
    color: #000 !important;
}
.mt-100 {
    margin-top: 100px;
}
.sub-cont-area .title {
    text-align: center;
}
.sub-cont-area .title h1 {
    letter-spacing: -1.5px;
    font-weight: bold;
    font-size: 60px;
    margin-bottom: 30px;
}
.sub-cont-area .title h1 span {
    color: #43bfbf;
}
.sub-cont-area .sub-title h3 {
    font-size: 38px;
    color: #333;
    margin-bottom: 30px;
}
.sub-cont-area .sub-title h3 span {
    font-weight: bold;
    color: #43bfbf;
}
.sub-cont-area .sub-title h3 span.fw-b {
    color: #333;
    font-weight: bold;
}
.sub-cont-area .text-area p {
    line-height: 30px;
    font-size: 18px;
    color: #828282;
}
.sub-cont-area .nipple-slide-area .text-area p span {
    font-weight: bold;
}
.sub-cont-area .text-area-title p {
    font-size: 20px;
    margin-bottom: 100px;
}
/* 공통 끝 */


/* 서브페이지 메인 이미지 */
.sub-slide-area {
    height: 100vh;
}
.sub-top-area .text-area {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}
.sub-top-area .text-area h6 {
    letter-spacing: 1px;
    font-family: "Muli";
    font-size: 18px;
    margin-bottom: 45px;
    color: #fff;
}
.sub-top-area .text-area p {
    line-height: 60px;
    font-size: 48px;
    color: #fff;
}
.sub-top-area .text-area p span {
    font-weight: bold;
}
.sub-top-area .text-area em {
    line-height: 1;
}
.sub-top-area .text-area em:nth-child(1) {
    font-family: 'Muli';
    font-style: normal;
    font-size: 48px;
    font-weight: bold;
    color: #fff;
}
.sub-top-area .text-area em:nth-child(2) {
    font-family: 'Muli';
    font-style: normal;
    font-size: 24px;
    color: #fff;
    margin-left: 15px;
}
.sub-menu-list {
    z-index: 1004;
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
.sub-menu-list ul {
    display: flex;
    right: 0;
    width: 60%;
    padding: 50px 0px 42px 35px;
    background: #fff;
}
.sub-menu-list ul.w-40 {
    width: 40%;
}
.sub-menu-list ul li {
    padding-right: 60px;
    cursor: pointer;
}
.sub-menu-list ul li h5 {
    font-family: 'Muli';
    font-size: 14px;
    margin-bottom: 20px;
    color: #989898;
}
.sub-menu-list ul li p {
    line-height: 30px;
    font-size: 24px;
    color: #989898;
}
.sub-menu-list ul li p span {
    font-weight: bold;
}
.sub-menu-list ul li.active h5 {
    color: #000;
}
.sub-menu-list ul li.active p {
    color: #000;
}


.sub-menu-list ul li.active span::before {
    display: none;
}
.sub-menu-list ul li span {
    position: relative;
}
.sub-menu-list ul li:hover span::before {
    content: "";
    position: absolute;
    bottom: -3px;
    width: 100%;
    height: 2px;
    background: #989898;
    -moz-animation: sub-list .5s;
    -webkit-animation: sub-list .5s;
    -o-animation: sub-list .5s;
    animation: sub-list .5s;
}
@keyframes sub-list {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}
.sub-top-area .scroll-img {
    z-index: 1005;
    position: absolute;
    bottom:80px;
    left: 15px;
}



.sub-top-area .scroll-arrow {
    position: absolute;
    left: 0;
}
.sub-top-area .scroll-arrow01 {
    -moz-animation: arrow01 1s .3s infinite;
    -webkit-animation: arrow01 1s .3s infinite;
    -o-animation: arrow01 1s .3s infinite;
    animation: arrow01 1s .3s infinite;
}
.sub-top-area .scroll-arrow02 {
    -moz-animation: arrow01 1s .6s infinite;
    -webkit-animation: arrow01 1s .6s infinite;
    -o-animation: arrow01 1s .6s infinite;
    animation: arrow01 1s .6s infinite;
}
.sub-top-area .scroll-arrow03 {
    -moz-animation: arrow01 1s .9s infinite;
    -webkit-animation: arrow01 1s .9s infinite;
    -o-animation: arrow01 1s .9s infinite;
    animation: arrow01 1s .9s infinite;
}
@keyframes arrow01 {
    0% {
        opacity: .1;
    }
    50%{
        opacity: 1;
    }
    100% {
        opacity: .1;
    }
}
@keyframes arrow02 {
    0% {
        opacity: .1;
    }
    50%{
        opacity: 1;
    }
    100% {
        opacity: .1;
    }
}
@keyframes arrow03 {
    0% {
        opacity: .1;
    }
    50%{
        opacity: 1;
    }
    100% {
        opacity: .1;
    }
}




/* 서브페이지 메인 이미지 끝 */

/* 설명 공통 */
.sub-cont-area {
    padding-top: 150px;
}
.sub-cont-area .explanation-area {
    margin-bottom: 100px;
}
.sub-cont-area .explanation-area .cont {
    margin-top: 30px;
}
.sub-cont-area .explanation-area .cont .item {
    border: 1px solid #ebebeb;
    height: 100%;
}
.sub-cont-area .explanation-area .cont img {
    width: 100%;
}
.sub-cont-area .explanation-area .cont .is-text {
    text-align: center;
    padding: 30px 15px;
}
.sub-cont-area .explanation-area .cont .is-text sup {
    letter-spacing: 2px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #555;
}
.sub-cont-area .explanation-area .cont .is-text h5 {
    font-weight: bold;
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #333;
}
.sub-cont-area .explanation-area .cont .is-text h5 span {
    color: #61c6c4;

}
.sub-cont-area .explanation-area .cont .is-text p {
    letter-spacing: -1px;
    line-height: 26px;
    font-size: 18px;
    color: #828282;
}


.sub-cont-area .explanation-area .circle-cont {
    text-align: center;
}
.sub-cont-area .explanation-area .circle-cont p {
    font-weight: bold;
    font-size: 18px;
    margin-top: 30px;
}

.sub-cont-area .explanation-area .cont .is-text p.ex-disease-text-custom {
    font-weight: 500;
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 2px solid #ccc;
}
.sub-cont-area .explanation-area .cont .is-text p.ex-disease-text-custom02 {
    font-weight: bold;
    padding-top: 10px;
}
/* 설명 공통 */

/* 수술정보 공통 */
.surgery-information-area {
    margin-bottom: 100px;
}
.surgery-information-area .cont {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}
.surgery-information-area .cont li {
    text-align: center;
}
.surgery-information-area .cont li:last-child {
    margin-right: 0;
}
.surgery-information-area .cont li img {
    margin-bottom: 20px;
}
.surgery-information-area .cont li p {
    font-weight: bold;
    font-size: 18px;
    color: #333;
}
.surgery-information-area .cont li span {
    font-size: 15px;
    color: #828282;
}
.surgery-information-area .block-992 {
    display: none;
}
/* 수술정보 공통 끝 */

/* 필요한 경우 */
.need-slide-area {
    display: flex;
}

.need-slide-area .swiper-container {
    width: 50%;
}
.need-slide-area .swiper-slide {
    height: 490px;
}
.need-slide-area .slide-text-area {
    width: 50%;
    display: flex;
    align-items: center;
    height: 490px;
    padding-left: 80px;
    background: #f7f9f9;
}
.need-slide-area .slide-text-area p {
    font-size: 18px;
    color: #828282;
}
.need-slide-area .slide-text-area .inner-text {
    margin-top: 50px;
}
.need-slide-area .slide-text-area .inner-text p {
    position: relative;
    display: inline-block;
    font-family: 'Muli';
    font-size: 27px;
    margin-bottom: 15px;
    color: #000;
}
.need-slide-area .slide-text-area .inner-text p::before {
    position: absolute;
    bottom: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: #000;
}
.need-slide-area .slide-text-area .inner-text span {
    display: block;
    font-size: 22px;
}
.need-slide-area .slide-text-area .inner-text span.sub-text-1 {
    margin-top: 20px;
    color: #828282;
    font-size: 20px;
}
.need-slide-area .slide-text-area .inner-text span.sub-text-2 {
    color: #828282;
    font-size: 20px;
}
.need-slide-area .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    top: 50%;
    left: inherit;
    bottom: inherit;
    transform: translateY(-50%);
}
.need-slide-area .swiper-pagination-bullet {
    opacity: 1;
    width: 14px;
    height: 14px;
    background: #fff;
}
.need-slide-area .swiper-pagination-bullet-active {
    height: 47px;
    background: rgb(66, 192, 191);
    border-radius: 50px;
}
.need-slide-area .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin-bottom: 20px;
    margin-right: 50px;
    margin-left: 0;
}

.need-slide-area .slide-text-area .inner-text p.text-custom {
    font-weight: bold;
}
.need-slide-area .slide-text-area .inner-text p.text-custom::before {
    display: none;
}

/* 모바일 */
.need-slide-area-mo {
    position: relative;
}
.need-slide-area-mo .mo-cont-all {
    position: relative;
    padding: 40px 15px;
    background-color: #fff;
    -webkit-box-shadow: 3px 10px 29px 0px rgb(0 0 0 / 5%);
    -moz-box-shadow: 3px 10px 29px 0px rgba(0,0,0,0.05);
    box-shadow: 3px 10px 29px 0px rgb(0 0 0 / 5%);
}
.need-slide-area-mo::before {
    position: absolute;
    top: -28%;
    left: 0;
    content: "";
    height: 270px;
    width: 100%;
}
.ultrasound-slide-area-mo::before {
    background: center / cover no-repeat url(../images/checkup/ultrasound/mo-bg.jpg);
}
.surgery-slide-area-mo::before {
    background: center / cover no-repeat url(../images/checkup/surgery/mo-bg.jpg);
}
.droopy-slide-area-mo::before {
    background: center / cover no-repeat url(../images/breast-augmentation/droopy/mo-bg.jpg);
}
.nipple-slide-area-mo::before {
    background: center / cover no-repeat url(../images/breast-augmentation/nipple-slide/mo-bg.jpg);
}
.mammogram-slide-area-mo::before {
    background: center / cover no-repeat url(../images/checkup/surgery/mo-bg.jpg);
}
.disease-slide-area-mo::before {
    background: center / cover no-repeat url(../images/checkup/disease/need-slide01.jpg);
}
.mommo-slide-area-mo::before {
    background: center / cover no-repeat url(../images/checkup/surgery/mo-bg.jpg);
}
.implant-slide-area-mo::before {
    background: center / cover no-repeat url(../images/mommotome/implant/mo-bg.jpg);
}
.need-slide-area-mo .text-area {
    margin-bottom: 30px;
}
.need-slide-area-mo .is-text-list {
    display: inline-block;
    justify-content: center;
}
.need-slide-area-mo .is-text-list li {
    display: flex;
    margin-bottom: 10px;
}
.need-slide-area-mo .is-text-list li h6 {
    position: relative;
    font-weight: bold;
    font-size: 20px;
    height: 25px;
    margin-right: 14px;
    color: #42c0bf;
}
.need-slide-area-mo .is-text-list li h6::before {
    position: absolute;
    top: 100%;
    content: "";
    width: 100%;
    height: 1px;
    background: #42c0bf;
}
.need-slide-area-mo .is-text-list li p {
    text-align: left;
    letter-spacing: -.5px;
    font-weight: 500;
    font-size: 17px;
    color: #828282;
}
/* 모바일 */
/* 필요한 경우 끝 */

/* 특별함 */
.special-area {
    padding-top: 100px;
    padding-bottom: 70px;
    margin-bottom: 70px;
    background: #f7f9f9;
}
.special-area .sub-title h3 {
    line-height: 56px;
}
.special-area .swiper-slide {
    margin-right: 10px !important;
    border: 1px solid #ebebeb;
}

.special-area .swiper-slide img {
    width: 100%;
}
.special-area .swiper-slide .text-area {
    padding: 20px 10px;
    background: #fff;
}
.special-area .swiper-slide .text-area p {
    line-height: 24px;
    letter-spacing: -1px;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
    color: #000;
}
.special-area .swiper-slide .text-area p.h-50px {
    height: 50px;
}
.special-area .swiper-slide .text-area span {
    letter-spacing: -1px;
    font-size: 16px;
    display: block;
    color: #828282;
}
.special-area .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: url(../images/breast-augmentation/nipple-slide/special-button-prev.svg);
}
.special-area .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: url(../images/breast-augmentation/nipple-slide/special-button-next.svg);
}
.special-area .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: -40px;
}
.special-area .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: -40px;
}
/* 모바일 */
.special-area-mo {
    background: #f7f9f9;
    padding: 70px 0;
    margin-bottom: 100px;
}
.special-area-mo .text-area {
    margin-bottom: 30px;
}
.special-area-mo .cont {
    text-align: center;
    background: #fff;
}
.special-area-mo .cont .img-area {
    height: 220px;
    overflow: hidden;
}
.special-area-mo .cont .text-area {
    padding-bottom: 20px;
}
.special-area-mo .cont .text-area p {
    font-weight: bold;
    font-size: 22px;
    margin-top: 30px;
    margin-bottom: 10px;
    color: inherit;
}
.special-area-mo .cont .text-area span {
    letter-spacing: -.5px;
    font-size: 17px;
    color: #828282;
}
/* 모바일 */

/* 특별함 끝 */

/* 수술방법 */
.surgical-method {
    margin-bottom: 100px;
}
.surgical-method ul {
    display: flex;
}
.surgical-method ul li {
    font-weight: 500;
    text-align: center;
    width: 100%;
    padding: 20px 0;
    color: #787878;
    background: #ebeded;
    border: 1px solid #d3d6d6;
    cursor: pointer;
}
.surgical-method ul li:hover {
    background: #42c0bf;
    color: #fff;
}
.surgical-method ul li.active {
    background: #42c0bf;
    color: #fff;
}
.surgical-method .img-cont {
    width: 100%;
    padding: 32px 0;
    background: #f7f9f9;
}
.surgical-method .img-cont img {
    display: none;
    max-width: 788px;
    width: 100%;
    margin: 0 auto;
}
.surgical-method .img-cont img.active {
    display: block;
}
/* 수술방법 끝 */

/* Q&A영역 */
.qanda-area {
    padding-bottom: 110px;
}
.qanda-area .img-area {
    position: relative;
    padding-bottom: 60px;
    margin-top: 30px;
}
.qanda-area .img-area img {
    box-shadow: 11px 11px 16px 1px rgb(0 0 0 / 10%);
}
.qanda-area .img-area .img-tool {
    z-index: -1;
    position: absolute;
    bottom: 0;
    left: 200px;
    width: 352px;
    height: 430px;
    border: 10px solid #d7d7d7;
}
.qanda-area .text-area {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 80px;
}
.qanda-area .text-area h5 {
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 35px;
}
.qanda-area .text-area h5 span {
    font-weight: bold;
}

.qanda-area .qanda-slide {
    overflow-y: none;
}
.qanda-area .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: url(../images/breast-augmentation/nipple-slide/special-button-prev.svg);
}
.qanda-area .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: url(../images/breast-augmentation/nipple-slide/special-button-next.svg);
}
/* Q&A영역 끝 */

/* 노하우 */
.know-how-area {
    padding-bottom: 70px;
}
.know-how-area .cont li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 320px;
    padding-left: 110px;
    margin-bottom: 20px;
}
.know-how-area .cont li.right {
    padding-left: 0;
    padding-right: 110px;
    align-items: flex-end;
}
.know-how-area .cont h6 {
    font-weight: bold;
    font-size: 26px;
    margin-bottom: 25px;
    color: #333;
}
.know-how-area .cont p {
    font-size: 18px;
    color: rgb(130, 130, 130);
    line-height: 30px;
}
/* 노하우 끝 */

/* 특별함 리스트형식영역 */
.special-list-area {
    padding-bottom: 140px;
}
.special-list-area .cont {
    display: flex;
    justify-content: space-between;
}
.special-list-area .cont.block-992 {
    display: none;
    flex-wrap: wrap;
}
.special-list-area .cont.block-992 > div {
    width: 100%;
    justify-content: space-between;
}
.special-list-area .cont .img-area {
    height: 220px;
    overflow:hidden;
}
.special-list-area .cont img {
    width: 100%;
}
.special-list-area .cont .text-area p {
    font-weight: bold;
    font-size: 22px;
    color: #1a1a1a;
    margin-top: 30px;
    margin-bottom: 10px;
}
.special-list-area .cont .text-area span {
    letter-spacing: -.5px;
    font-size: 17px;
    display: block;
    color: #828282;
}


/* 슬라이드 형식 */
.special-list-area .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: url(../images/checkup/mammogram/list-prev.svg);
}
.special-list-area .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: url(../images/checkup/mammogram/list-next.svg);
}
.special-list-area .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    top: 35%;
    left: -40px;
}
.special-list-area .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    top: 35%;
    right: -40px;
}
/* 특별함 리스트형식영역 끝 */


/* 스크롤 이벤트영역 */
.cont-scroll-area {
    position: relative;
    background: #61c6c4;
    margin-bottom: 100px;
}
.cont-scroll-area .left-cont {
    z-index: 100;
    background: #61c6c4;
}
.cont-scroll-area .is-text {
    padding: 150px 0;
}
.cont-scroll-area .is-text.py-170 {
    padding: 170px 0;
}
.cont-scroll-area .is-text h3 {
    line-height: 52px;
    font-size: 38px;
    color: #fff;
}
.cont-scroll-area .is-text h3 span {
    font-weight: bold;
}
.cont-scroll-area .is-text p{
    line-height: 30px;
    font-size: 18px;
    margin-top: 30px;
    color: #fff;
}

.cont-scroll-area .right-cont {
    position: absolute;
    right: 0;
    height: 100%;
    background: #f7f9f9;
}
.cont-scroll-area .right-cont ul {
    padding-left: 150px;
}
.cont-scroll-area .right-cont li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 50px;
    margin-right: 30px;
}
.cont-scroll-area .right-cont .right-text h1 {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: bold;
    font-size: 57px;
    color: rgba(50,50,50,0.15);
    margin-bottom: 30px;
}
.cont-scroll-area .right-cont .right-text p{
    line-height: 32px;
    font-weight: 500;
    font-size: 22px;
    color: #323232;
    margin-bottom: 35px;
}
.cont-scroll-area .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    background: #61c6c4 !important;
}
.cont-scroll-area .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: 230px;
    top: inherit;
    right: inherit;
    bottom: 40px;
    left: 50%;
}
.cont-scroll-area .mCSB_scrollTools.mCSB_scrollTools_horizontal::before {
    position: absolute;
    content: "";
    top: 50%;
    width: 100%;
    height: 2px;
    background: rgba(0, 0, 0, 0.2);
}
/* 스크롤 이벤트영역 끝 */


/* 노하우콘텐츠리스트 */
.know-how-cont-area {
    padding-top: 100px;
    padding-bottom: 100px;
    margin-bottom: 100px;
    background: #f7f9f9;
}

.sub-cont-area .know-how-cont-area .text-area p {
    margin-bottom: 50px;
}
.know-how-cont-area .is-text {
    position: relative;
    text-align: center;
    padding: 60px 15px 25px 15px;
    background: #fff;
}
.know-how-cont-area .is-text h6 {
    position: absolute;
    top: -34px;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 73px;
    color: #fff;
    background: url(../images/breast-augmentation/depression/list-icon.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.know-how-cont-area .is-text p {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 20px;
    height: 60px;
    margin-bottom: 15px;
}
.know-how-cont-area .is-text span {
    font-weight: 500;
    font-size: 17px;
    display: block;
    color: #828282;
}
.know-how-cont-area .img-area img {
    width: 100%;
}
/* 노하우콘텐츠리스트 끝 */


/* 협진시스템 영역 */
.cooperation-area {
    margin-bottom: 100px;
}
.cooperation-area .bg {
    margin-top: 60px;
    padding: 60px;
    background: center / cover no-repeat url(../images/breast-augmentation/droopy/bg.jpg);
}
.cooperation-area .cont {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 600px;
    width: 100%;
    height: 300px;
    text-align: center;
    padding: 0 15px;
    margin: 0 auto;
    margin-bottom: 30px;
    background: #fff;
}
.cooperation-area .cont h6 {
    letter-spacing: 2px;
    font-family : "Noto Sans KR", sans-serif;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 10px;
    color: #42c0bf;
}
.cooperation-area .cont p {
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 10px;
    color: #555;
}
.cooperation-area .cont span {
    letter-spacing: -1px;
    line-height: 30px;
    font-size: 18px;
    color: #282828;
}
.cooperation-area .bg-cont {
    z-index: 10;
    position: absolute;
    top: 0;
    right:100px;
}
/* 협진시스템 영역 끝 */

/* 서브 모바일 아코디언 */
.sub-top-mo {
    margin-bottom: 100px;
}
.sub-top-mo .accordion-cont li {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2px;
    cursor: pointer;
}
.sub-top-mo .accordion-cont li .text-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px 15px;
    background: #333;
}
.sub-top-mo .accordion-cont li .text-top.active {
    background: #44cdca;
}
.sub-top-mo .accordion-cont .text-top p {
    font-size: 20px;
    color: #fff;
}
.sub-top-mo .accordion-cont .text-top p span {
    font-weight: bold;
}
.sub-top-mo .accordion-cont .text-top i {
    font-size: 20px;
    color: #fff;
}
.sub-top-mo .accordion-cont .text-top i.active {
    transform: rotate(180deg);
}
.sub-top-mo .accordion-cont .text-area {
    display: none;
    text-align: center;
    width: 100%;
    padding: 20px 15px;
    color: #828282;
    background: #f7f9f9;
}
.sub-top-mo .accordion-cont .text-area p {
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}
.sub-top-mo .accordion-cont .text-area span {
    font-size: 18px;
}
.sub-top-mo .accordion-cont .text-area .is-cont {
    padding: 20px 15px;
    background: #fff;
}
.sub-top-mo .accordion-cont .text-area .is-cont img {
    border-radius: 100%;
    margin-bottom: 10px;
}
.sub-top-mo .accordion-cont .text-area .is-cont h6 {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
    color: #333;
}
.sub-top-mo .accordion-cont .text-area .is-cont span {
    font-size: 20px;
}
.sub-top-mo .accordion-cont .text-area .is-cont p {
    line-height: 1.5;
    font-size: 18px;
    color: #828282;
}
/* 서브페이지 공통영역 끝 */



/* 가슴성형 영역 */
.oneday-main {
    background: center / cover no-repeat url(../images/breast-augmentation/breast-augmentation-slide01.jpg);
}
.droopy-main {
    background: center / cover no-repeat url(../images/breast-augmentation/breast-augmentation-slide02.jpg);
}
.nipple-main {
    background: center / cover no-repeat url(../images/breast-augmentation/breast-augmentation-slide03.jpg)
}
.depresstion-main {
    background: center / cover no-repeat url(../images/breast-augmentation/breast-augmentation-slide04.jpg);
}
/* 가슴성형 영역 끝 */


/* 원데이가슴성형 */
.oneday-slide .swiper-slide01 {
    height: 622px;
    background: center / cover no-repeat url(../images/breast-augmentation/oneday/slide01.jpg);
}
.oneday-slide .swiper-slide02 {
    height: 622px;
    background: center / cover no-repeat url(../images/breast-augmentation/oneday/slide02.jpg);
}
.oneday-need .swiper-slide01  {
    background: center / cover no-repeat url(../images/breast-augmentation/oneday/need-slide01.jpg);
}
.oneday-need .swiper-slide02  {
    background: center / cover no-repeat url(../images/breast-augmentation/oneday/need-slide02.jpg);
}
.oneday-need .swiper-slide03  {
    background: center / cover no-repeat url(../images/breast-augmentation/oneday/need-slide03.jpg);
}
.oneday-need .swiper-slide04  {
    background: center / cover no-repeat url(../images/breast-augmentation/oneday/need-slide04.jpg);
}
.oneday-slide-area-mo::before {
    background: center / cover no-repeat url(../images/breast-augmentation/oneday/need-slide01.jpg);
}
.oneday-know-how-area .cont li:nth-of-type(1) {
    background: center / cover no-repeat url(../images/mommotome/mommo/know-how01.jpg);
}
.oneday-know-how-area .cont li:nth-of-type(2) {
    background: center / cover no-repeat url(../images/sub-all/know-how01.jpg);
}
.oneday-know-how-area .cont li:nth-of-type(3) {
    background: center / cover no-repeat url(../images/sub-all/know-how02.jpg);
}
.oneday-know-how-area .cont li:nth-of-type(4) {
    background: center / cover no-repeat url(../images/sub-all/know-how03.jpg);
}
.oneday-know-how-area .cont li:nth-of-type(5) {
    background: center / cover no-repeat url(../images/sub-all/know-how04.jpg);
}
/* 원데이가슴성형 끝 */



/* 가슴 축소 영역 */
.droopy-slide .swiper-slide01 {
    height: 622px;
    background: center / cover no-repeat url(../images/breast-augmentation/droopy/droopy-slide01.jpg);
}
.droopy-slide .swiper-slide02 {
    height: 622px;
    background: center / cover no-repeat url(../images/breast-augmentation/droopy/droopy-slide02.jpg);
}
.droopy-need .swiper-slide01  {
    background: center / cover no-repeat url(../images/breast-augmentation/droopy/need-slide01.jpg);
}
.droopy-need .swiper-slide02  {
    background: center / cover no-repeat url(../images/breast-augmentation/droopy/need-slide02.jpg);
}
.droopy-need .swiper-slide03  {
    background: center / cover no-repeat url(../images/breast-augmentation/droopy/need-slide03.jpg);
}
.droopy-need .swiper-slide04  {
    background: center / cover no-repeat url(../images/breast-augmentation/droopy/need-slide04.jpg);
}
.droopy-need .swiper-slide05  {
    background: center / cover no-repeat url(../images/breast-augmentation/droopy/need-slide05.jpg);
}
.droopy-need .swiper-slide06  {
    background: center / cover no-repeat url(../images/breast-augmentation/droopy/need-slide06.jpg);
}
/* 가슴 축소 영역 끝 */

/* 유두축소성형 영역 */
.nipple-slide-area {
    margin-bottom: 100px;
}
.nipple-slide .swiper-slide01 {
    height: 622px;
    background: center / cover no-repeat url(../images/breast-augmentation/nipple-slide/nipple-slide01.jpg);
}
.nipple-slide .swiper-slide02 {
    height: 622px;
    background: center / cover no-repeat url(../images/breast-augmentation/nipple-slide/nipple-slide02.jpg);
}
.sub-cont-area .nipple-slide-area .cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.nipple-slide-area .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: url(../images/breast-augmentation/nipple-slide/btn-left-wh.png);
}
.nipple-slide-area .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: url(../images/breast-augmentation/nipple-slide/btn-right-wh.png);
}
.nipple-slide-area .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10%;
}
.nipple-slide-area .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10%;
}


.nipple-need .swiper-slide01 {
    background: center / cover no-repeat url(../images/breast-augmentation/nipple-slide/need-slide01.jpg);
}
.nipple-need .swiper-slide02 {
    background: center / cover no-repeat url(../images/breast-augmentation/nipple-slide/need-slide02.jpg);
}
.nipple-need .swiper-slide03 {
    background: center / cover no-repeat url(../images/breast-augmentation/nipple-slide/need-slide03.jpg);
}
.nipple-need .swiper-slide04 {
    background: center / cover no-repeat url(../images/breast-augmentation/nipple-slide/need-slide04.jpg);
}

.nipple-know-how-area .cont li:nth-of-type(1) {
    background: center / cover no-repeat url(../images/breast-augmentation/nipple-slide/know-how01.jpg);
}
.nipple-know-how-area .cont li:nth-of-type(2) {
    background: center / cover no-repeat url(../images/breast-augmentation/nipple-slide/know-how02.jpg);
}
.nipple-know-how-area .cont li:nth-of-type(3) {
    background: center / cover no-repeat url(../images/breast-augmentation/nipple-slide/know-how03.jpg);
}
.nipple-know-how-area .cont li:nth-of-type(4) {
    background: center / cover no-repeat url(../images/breast-augmentation/nipple-slide/know-how04.jpg);
}
/* 유두축소성형 영역 끝 */


/* 함몰유두 영역 */
.droopy-know-how-area .cont li:nth-of-type(1) {
    background: center / cover no-repeat url(../images/breast-augmentation/droopy/know-how01.jpg);
}
.droopy-know-how-area .cont li:nth-of-type(2) {
    background: center / cover no-repeat url(../images/breast-augmentation/droopy/know-how02.jpg);
}
.droopy-know-how-area .cont li:nth-of-type(3) {
    background: center / cover no-repeat url(../images/breast-augmentation/droopy/know-how03.jpg);
}
.droopy-know-how-area .cont li:nth-of-type(4) {
    background: center / cover no-repeat url(../images/breast-augmentation/droopy/know-how04.jpg);
}
.depression-slide .swiper-slide01 {
    background: center / cover no-repeat url(../images/breast-augmentation/depression/slide01.jpg);
    height: 622px;
}

.depression-need .swiper-slide01 {
    background: center / cover no-repeat url(../images/breast-augmentation/depression/need-slide01.jpg);
}
.depression-need .swiper-slide02 {
    background: center / cover no-repeat url(../images/breast-augmentation/depression/need-slide02.jpg);
}
.depression-need .swiper-slide03 {
    background: center / cover no-repeat url(../images/breast-augmentation/depression/need-slide03.jpg);
}
.need-slide-area.depression-need .slide-text-area .inner-text p {
    font-family: inherit;
}
.need-slide-area.depression-need .slide-text-area .inner-text p::before {
    display: none;
}
/* 함몰유두 영역 끝 */

/* 맘모툼영역 */
.mommotome-main {
    background: center / cover no-repeat url(../images/mommotome/mommotome-bg01.jpg);
}
.mommo-slide .swiper-slide01 {
    height: 622px;
    background: center / cover no-repeat url(../images/mommotome/mommo/slide01.jpg);
}
.mommo-slide .swiper-slide02 {
    height: 622px;
    background: center / cover no-repeat url(../images/mommotome/mommo/slide02.jpg);
}
.mommo-slide .is-cont {
    text-align: center;
    padding: 0 15px;
    width: 250px;
    height: 424px;
    background: #fff;
}
.mommo-slide .is-cont img {
    border-radius: 100%;
    margin-top: 45px;
    margin-bottom: 35px;
}
.mommo-slide .is-cont h6 {
    font-size: 30px;
    margin-bottom: 25px;
}
.mommo-slide .is-cont h6 span {
    font-weight: bold;
}
.mommo-slide .is-cont p {
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}
.mommo-need .swiper-slide01 {
    background: center / cover no-repeat url(../images/mommotome/mommo/need-slide01.jpg);
}
.mommo-need .swiper-slide02 {
    background: center / cover no-repeat url(../images/mommotome/mommo/need-slide02.jpg);
}
.mommo-need .swiper-slide03 {
    background: center / cover no-repeat url(../images/mommotome/mommo/need-slide03.jpg);
}
.mommo-need .swiper-slide04 {
    background: center / cover no-repeat url(../images/mommotome/mommo/need-slide04.jpg);
}
.mommo-need .swiper-slide05 {
    background: center / cover no-repeat url(../images/mommotome/mommo/need-slide05.jpg);
}
.mommo-know-how-area .cont li:nth-of-type(1) {
    background: center / cover no-repeat url(../images/mommotome/mommo/know-how01.jpg);
}
.mommo-know-how-area .cont li:nth-of-type(2) {
    background: center / cover no-repeat url(../images/mommotome/mommo/know-how02.jpg);
}
.mommo-know-how-area .cont li:nth-of-type(3) {
    background: center / cover no-repeat url(../images/mommotome/mommo/know-how03.jpg);
}
.mommo-know-how-area .cont li:nth-of-type(4) {
    background: center / cover no-repeat url(../images/mommotome/mommo/know-how04.jpg);
}
/* 맘모툼영역 끝 */

/* 맘모톰 보형물 영역 */
.implant-main {
    background: center / cover no-repeat url(../images/mommotome/mommotome-bg02.jpg);
}
.implant-slide .swiper-slide01 {
    height: 622px;
    background: center / cover no-repeat url(../images/mommotome/implant/silde01.jpg);
}
.implant-slide .swiper-slide02 {
    height: 622px;
    background: center / cover no-repeat url(../images/mommotome/implant/silde02.jpg);
}
.implant-need .swiper-slide01 {
    background: center / cover no-repeat url(../images/mommotome/implant/need-slide01.jpg);
}
.implant-need .swiper-slide02 {
    background: center / cover no-repeat url(../images/mommotome/implant/need-slide02.jpg);
}
.implant-need .swiper-slide03 {
    background: center / cover no-repeat url(../images/mommotome/implant/need-slide03.jpg);
}
.implant-need .swiper-slide04 {
    background: center / cover no-repeat url(../images/mommotome/implant/need-slide04.jpg);
}
/* 맘모톰 보형물 영역 끝 */



/* 가슴검진영역 */
.ultrasound-main {
    background: center /cover no-repeat url(../images/checkup/checkup-ultrasound-bg.jpg);
}
.surgery-main {
    background: center / cover no-repeat url(../images/checkup/checkup-surgery-bg.jpg);
}
.mammogram-main {
    background: center / cover no-repeat url(../images/checkup/checkup-mammogram-bg.jpg);
}
.disease-main {
    background: center / cover no-repeat url(../images/checkup/checkup-disease-bg.jpg);
}
/* 유방초음파 영역 */
.ultrasound-slide .swiper-slide01 {
    background: center / cover no-repeat url(../images/checkup/ultrasound/slide01.jpg);
    height: 622px;
}
.ultrasound-slide .swiper-slide02 {
    background: center / cover no-repeat url(../images/checkup/ultrasound/slide02.jpg);
    height: 622px;
}
.ultrasound-need .swiper-slide01 {
    background: center / cover no-repeat url(../images/checkup/ultrasound/need-slide01.jpg);
}
.ultrasound-need .swiper-slide02 {
    background: center / cover no-repeat url(../images/checkup/ultrasound/need-slide02.jpg);
}
.ultrasound-need .swiper-slide03 {
    background: center / cover no-repeat url(../images/checkup/ultrasound/need-slide03.jpg);
}
.ultrasound-need .swiper-slide04 {
    background: center / cover no-repeat url(../images/checkup/ultrasound/need-slide04.jpg);
}
.ultrasound-need .swiper-slide05 {
    background: center / cover no-repeat url(../images/checkup/ultrasound/need-slide05.jpg);
}

/* 유방초음파 영역 */

/* 가슴성형검진 영역 */
.surgery-slide .swiper-slide01 {
    background: center / cover no-repeat url(../images/checkup/surgery/slide01.jpg);
    height: 622px;
}
.surgery-slide .swiper-slide02 {
    background: center / cover no-repeat url(../images/checkup/surgery/slide02.jpg);
    height: 622px;
}
.surgery-need .swiper-slide01 {
    background: center / cover no-repeat url(../images/checkup/surgery/need-slide01.jpg);
}
.surgery-need .swiper-slide02 {
    background: center / cover no-repeat url(../images/checkup/surgery/need-slide02.jpg);
}
.surgery-need .swiper-slide03 {
    background: center / cover no-repeat url(../images/checkup/surgery/need-slide03.jpg);
}
.surgery-need .swiper-slide04 {
    background: center / cover no-repeat url(../images/checkup/surgery/need-slide04.jpg);
}
.surgery-need .swiper-slide05 {
    background: center / cover no-repeat url(../images/checkup/surgery/need-slide05.jpg);
}
.surgery-need .swiper-slide06 {
    background: center / cover no-repeat url(../images/checkup/surgery/need-slide06.jpg);
}
/* 가슴성형검진 영역 끝 */

/* 맘모그램 영역 */
.mammogram-slide .swiper-slide01 {
    height: 622px;
    background: center / cover no-repeat url(../images/checkup/mammogram/slide01.jpg);
}
.mammogram-slide .swiper-slide02 {
    height: 622px;
    background: center / cover no-repeat url(../images/checkup/mammogram/slide02.jpg);
}
.mammogram-need .swiper-slide01 {
    background: center / cover no-repeat url(../images/checkup/mammogram/need-slide01.jpg);
}
.mammogram-need .swiper-slide02 {
    background: center / cover no-repeat url(../images/checkup/mammogram/need-slide02.jpg);
}
.mammogram-need .swiper-slide03 {
    background: center / cover no-repeat url(../images/checkup/mammogram/need-slide03.jpg?);
}
.mammogram-need .swiper-slide04 {
    background: center / cover no-repeat url(../images/checkup/mammogram/need-slide04.jpg);
}
.mammogram-need .swiper-slide05 {
    background: center / cover no-repeat url(../images/checkup/mammogram/need-slide05.jpg);
}

/* 맘모그램 영역 끝 */


/* 유방질환 영역 */
.disease-slide .swiper-slide01 {
    height: 622px;
    background: center / cover no-repeat url(../images/checkup/disease/slide01.jpg);
}
.disease-slide .swiper-slide02 {
    height: 622px;
    background: center / cover no-repeat url(../images/checkup/disease/slide02.jpg);
}
.disease-need .swiper-slide01 {
    background: center / cover no-repeat url(../images/checkup/disease/need-slide01.jpg);
}
.disease-need .swiper-slide02 {
    background: center / cover no-repeat url(../images/checkup/disease/need-slide02.jpg);
}
.disease-need .swiper-slide03 {
    background: center / cover no-repeat url(../images/checkup/disease/need-slide03.jpg);
}
/* 유방질환 영역 끝 */

/* 가슴검진영역 끝 */


/* 병원소개 */
.hospital-main {
    background: center / cover no-repeat url(../images/introduce/introduce-hospital-bg.jpg?);
}
.sub-cont-area .hospital-title-custom p {
    font-size: 40px;
    color: #000;
}
.sub-cont-area .hospital-title-custom p span {
    color: #3cc0bb;
}

.hospital-bg-area {
    background: center / cover no-repeat url(../images/introduce/hospital/bg01.jpg);
}
.hospital-bg-area .text-area {
    padding: 130px 0;
}
.hospital-bg-area .text-area h4 {
    font-size: 52px;
    color: #595959;
    margin-bottom: 160px;
}
.hospital-bg-area .text-area h4 span {
    font-weight: bold;
}
.hospital-bg-area .text-area h5 {
    letter-spacing: 20px;
    font-family: "Muli";
    font-size: 24px;
    margin-bottom: 60px;
    color: #a5a5a5;
}
.hospital-bg-area .text-area p {
    font-size: 26px;
    color: #595959;
}
.hospital-sub-title {
    text-align: center;
    color: #595959;
    margin-bottom: 60px;
}
.hospital-sub-title h3 {
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: 500;
}
.hospital-sub-title h4 {
    font-weight: bold;
    font-size: 50px;
    color: #3cc0bb;
    margin-bottom: 20px;
}
.hospital-sub-title p {
    letter-spacing: 5px;
    font-family: "Muli";
    font-size: 24px;
    color: #c5c5c5;
}
.oneday-area {
    padding: 110px 0;
}
.oneday-area .cont {
    position: relative;
    text-align: center;
    max-width: 1550px;
    margin: 0 auto;
    margin-top: 70px;
}
.oneday-area .cont li {
    position: relative;
    font-weight: bold;
    font-size: 34px;
    padding: 35px;
    background: #f2f2f2;
}
.oneday-area .cont li+li::before {
    z-index: 100;
    position: absolute;
    left: 50%;
    top: -20px;
    transform: translateX(-50%);
    content: url(../images/introduce/hospital/arrow-icon.png);
    display: block;
}
.oneday-area .cont li+li {
    margin-top: 9px;
}
.oneday-area .cont .img-area {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-between;
    bottom: 0;
}


.breast-care-area {
    padding-bottom: 100px;   
}
.breast-care-area .line {
    position: relative;
}
.breast-care-area .line::before {
    z-index: -1;
    position: absolute;
    top: 50%;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #76d1cd;
}
.breast-care-area .cont {
    display: inline-block;
    text-align: center;
    margin: 0 auto;    
    background: #fff;
}
.breast-care-area .cont li {
    display: inline-block;
    width: 372px;
    height: 372px;
    border: 2px solid #76d1cd;
    border-radius: 100%;
}
.breast-care-area .cont li+li {
    margin-left: -50px;
}
.breast-care-area .cont li .text-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.breast-care-area .cont li p {
    font-family: 'Muli-EB';
    font-size: 40px;
    margin-bottom: 10px;
    color: #76d1cd;
}
.breast-care-area .cont li span {
    font-size: 30px;
    color: #595959;
}


.breast-care-area .container-mt-130 {
    margin-top: 130px;
}
.breast-care-area .line02 {
    position: relative;
}
.breast-care-area .line02::before {
    z-index: -1;
    position: absolute;
    top: 30px;
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background: #76d1cd;
}
.breast-care-area .line02::after {
    z-index: -1;
    position: absolute;
    top: 58%;
    content: "";
    display: none;
    width: 100%;
    height: 4px;
    background: #76d1cd;
}
.breast-care-area .cont-list {
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    max-width: 760px;
    width: 100%;
}
.breast-care-area .cont-list.cont-list-right {
    margin-left: inherit;
    margin-right: auto;
}
.breast-care-area .cont-list > li {
    letter-spacing: -1.5px;
    max-width: 380px;
    width: 100%;
}
.breast-care-area .cont-list .number {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    margin-bottom: 30px;
    background: #fff;
    border: 4px solid #76d1cd;
    border-radius: 100%;
}
.breast-care-area .cont-list .number p {
    font-weight: bold;
    font-size: 36px;
    text-align: center;
    color: #76d1cd;
}
.breast-care-area .cont-list.cont-list-right .number {
    background: #76d1cd;
}
.breast-care-area .cont-list.cont-list-right .number p {
    color: #fff;
}
.breast-care-area .cont-list .text-area p {
    line-height: 42px;
    font-weight: bold;
    font-size: 36px;
    text-align: center;
    margin-bottom: 30px;
    color: #3cc0bb;
}
.breast-care-area .cont-list ol {
    padding: 0;
    list-style: none;
}
.breast-care-area .cont-list ol.pl-30 {
    padding-left: 30px;
}
.breast-care-area .cont-list ol.pl-50 {
    padding-left: 50px;
}
.breast-care-area .cont-list ol li {
    font-size: 26px;
    color: #595959;
}

.hospital-bg-area02 {
    background: center / cover no-repeat url(../images/introduce/hospital/bg02.jpg);
}
.hospital-bg-area02 .text-area h4 {
    color: #76d1cd;
}
.hospital-bg-area02 .text-area h5 {
    color: #8d8d8d ;
}
.hospital-bg-area02 .text-area p {
    color: #fff;
}
.hospital-bg-area02 .text-area p:nth-of-type(1) {
    margin-bottom: 20px;
}


.doctor-area {
    padding-top: 90px;
}
.doctor-area .pb-60 {
    padding-bottom: 60px;
}
.doctor-area ul > li {
    position: relative;
    font-weight: bold;
    font-size: 26px;
    padding-left: 18px;
    margin-bottom: 5px;
    color: #3cc0bb;
}
.doctor-area ul > li::before {
    position: absolute;
    top: 50%;
    left: 9px;
    transform: translateY(-52%);
    content: "";
    display: block;
    width: 3px;
    height: 26px;
    background: #3cc0bb;
}
.doctor-area ol {
    padding-left: 0;
    list-style: none;
}
.doctor-area ol:nth-of-type(1) {
    margin-bottom: 45px;
}
.doctor-area ol li {
    font-size: 22px;
    color: #434343;
}
.doctor-area .doc-img .img-area {
    position: absolute;
    right: -50px;
    bottom: 0;
}
.doctor-area .doc-img .text-area {
    position: absolute;
    left: 0;
    transform: translateX(-50%);
    display: flex;
    align-items: flex-end;
    /* height: 100%; */
    padding-bottom: 60px;
}
.doctor-area .doc-img .text-area p {
    font-weight: bold;
    font-size: 46px;
    color: #595959;
}
.doctor-area .doc-img .text-area p span {
    font-weight: 500;;
    font-size: 26px;
}

.intro-cure-area .bg {
    position: relative;
    height: 650px;
}
.intro-cure-area .bg01 {
    background: center / cover no-repeat url(../images/introduce/hospital/cure01.jpg?);
}
.intro-cure-area .bg02 {
    background: center / cover no-repeat url(../images/introduce/hospital/cure02.jpg);
}
.intro-cure-area .bg03 {
    background: center / cover no-repeat url(../images/introduce/hospital/cure03.jpg);
}
.intro-cure-area .bg::before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    bottom: 0;
    height: 280px;
    background: rgba(0, 0, 0, 0.5);
}

.intro-cure-area .bg .col-lg-6 {
    display: flex;
    align-items: flex-end;
    height: 650px;
}
.intro-cure-area .bg .is-text {
    height: 280px;
    padding-top: 70px;
}
.intro-cure-area .bg .is-text p {
    font-weight: bold;
    font-size: 32px;
    color: #fff;
}
.intro-cure-area .bg .is-text p::before {
    position: absolute;
    top: -20px;
    content: "";
    display: block;
    width: 38px;
    height: 3px;
    background: #fff;
}
.intro-cure-area .bg .is-text span {
    line-height: 34px;
    letter-spacing: -2px;
    font-size: 24px;
    color: #fff;
}


.chest-examination-area {
    padding: 100px 0;
}
.chest-examination-area .cont {
    position: relative;
}
.chest-examination-area .cont-t {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 168px;
    background: #fafafa;
}
.chest-examination-area .cont-m {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    text-align: center;
    padding: 10px 0;
    background: #595959;
}
.chest-examination-area .cont-m p {
    font-weight: bold;
    font-size: 20px;
    color: #fff;
}
.chest-examination-area .cont-b {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 168px;
    padding-top: 15px;
    background: #3cc0bb;
}
.chest-examination-area .cont-b .is-text {
    text-align: center;
}
.chest-examination-area .cont-b .is-text p {
    font-weight: bold;
    font-size: 26px;
    color: #fff;
}
.chest-examination-area .cont-b .is-text span {
    font-size: 20px;
    display: inline-block;
    color: #fff;
}
/* 병원소개 끝 */


/* 오시는 길 */


.introduce-main {
    background: center / cover no-repeat url(../images/introduce/introduce-map-bg.jpg);
}
.introduce-map-area {
    padding-top: 140px;
}
.introduce-map-area .time-area .container-custom .row {
    padding-bottom: 70px;
    border-bottom: 3px solid #111;
}
.introduce-map-area .time-area .is-cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.introduce-map-area .is-cont .title h1 {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: bold;
    font-size: 50px;
    margin-bottom: 35px;
}
.introduce-map-area .is-cont .title p {
    line-height: 28px;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    margin-bottom: 35px;
}
.introduce-map-area .sub-title {
    font-size: 24px;
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}
.introduce-map-area .sub-title i {
    margin-right: 15px;
}
.introduce-map-area .sub-title h4 {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 700;
}
.introduce-map-area .time-area .is-cont .time {
    margin-bottom: 80px;
}
.introduce-map-area .cont li {
    display: flex;
    margin-bottom: 20px;
}
.introduce-map-area .cont li:last-child {
    margin-bottom: 0;
}
.introduce-map-area .cont li p {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 700;
    font-size: 18px;
    width: 190px;
}
.introduce-map-area .cont li span {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 700;
    font-size: 18px;
}
.introduce-map-area .cont li a {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 30px;
}

.introduce-map-area .is-cont .btn-area {
    display: flex;
}
.introduce-map-area .is-cont .btn-area a {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 245px;
    width: 100%;
    height: 55px;
    margin-right: 10px;
    border: 2px solid rgba(51,51,51,1);
    transition: all .5s;
}
.introduce-map-area .is-cont .btn-area a:hover {
    color: #fff;
    background: rgba(51,51,51,1);
}
.introduce-map-area .road-area {
    margin-bottom: 140px;
}

.introduce-map-area .road-area .is-cont .btn-area .link-map {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 245px;
    width: 100%;
    height: 55px;
    border: 2px solid rgba(51,51,51,1);
}
.introduce-map-area .road-area .is-cont .btn-area .link-map:last-child {
    margin-right: 0;
}
.introduce-map-area .road-area .is-cont .btn-area .link-map img {
    margin-right: 10px;
}
.introduce-map-area .road-area .is-cont .btn-area .link-map p {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    font-weight: 700;
}
.introduce-map-area .is-cont .send-number {
    display: flex;
    justify-content: space-between;
    max-width: 500px;
    width: 100%;
    margin-top: 10px;
}
.introduce-map-area .is-cont .send-number .cont01 {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 215px;
    width: 100%;
    height: 55px;
    background: rgba(51,51,51,1);
}
.introduce-map-area .is-cont .send-number .cont01 i {
    color: #fff;
    font-size: 18px;
    margin-right: 10px;
}
.introduce-map-area .is-cont .send-number .cont01 p {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}
.introduce-map-area .is-cont .send-number .cont02 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 285px;
    height: 55px;
    border: 2px solid rgba(51,51,51,1);
}
.introduce-map-area .is-cont .send-number .cont02 input {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    border: none;
}
.introduce-map-area .is-cont .send-number .cont02 i {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    color: #333;
}
.introduce-map-area .is-cont .send-number .cont02 input:focus {
    outline: none;
}


.introduce-map-area .road-area .is-cont-number .title h1 {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: bold;
    font-size: 50px;
    margin-bottom: 35px;
}
.introduce-map-area .road-area .is-cont-number .title p {
    line-height: 28px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 35px;
}
.introduce-map-area .road-area .is-cont-number p {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: bold;
    font-size: 32px;
}
.introduce-map-area .road-area .is-cont-number a {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: bold;
    font-size: 28px;
}
.introduce-map-area .road-area .is-cont .parking {
    display: flex;
    align-items: center;
    margin-top: 70px;
}
.introduce-map-area .road-area .is-cont .parking p {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: bold;
    font-size: 24px;
    margin-left: 15px;
    margin-right: 20px;
}
.introduce-map-area .road-area .is-cont .parking span {
    letter-spacing: -1px;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
}
.road-area {
    padding-top: 70px;
}

.road-area .transport-cont .transport-title {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.introduce-map-area .road-area .transport-cont .parking {
    display: none;
    align-items: center;
}
.introduce-map-area .road-area .transport-cont .parking p {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: bold;
    font-size: 24px;
    margin-left: 15px;
    margin-right: 20px;
}
.introduce-map-area .road-area .transport-cont .parking span {
    letter-spacing: -1px;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
}
.road-area .transport-cont li.transport-title img {
    margin-right: 15px;
}
.road-area .transport-cont li.transport-title p {
    line-height: 1.2;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: bold;
    font-size: 24px;
    border-bottom: 1px solid #333;
}
.road-area .transport-cont li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}
.road-area .transport-cont li:last-child {
    margin-bottom: 0;
}
.road-area .transport-cont li .box {
    width: 14px;
    height: 14px;
    margin-top: 7px;
    margin-right: 15px;
}
.road-area .transport-cont li .box.brown {
    background: #bca35f;
}
.road-area .transport-cont li .box.deepgreen {
    background: #8fb97c;
}
.road-area .transport-cont li .box.red {
    background: #ff2731;
}
.road-area .transport-cont li .box.blue {
    background: #2750ff;
}
.road-area .transport-cont li .box.lightblue {
    background: #27caff;
}
.road-area .transport-cont li .box.green {
    background: #44d362;
}
.road-area .transport-cont li h6 {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: bold;
    font-size: 18px;
}
.road-area .transport-cont li h6.brown {
    color: #bca35f;
}
.road-area .transport-cont li h6.lightblue {
    color: #27caff;
}
.road-area .transport-cont li p {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
    font-size: 18px;
}
.road-area .transport-cont li span {
    font-weight: bold;
}
/* 오시는 길 끝 */
/* 병원소개 끝 */


/* 온라인 상담영역 */

/* 공통 */
.online-area .talk-area {
    padding: 140px 0;
} 
.ui-pagenate {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}
.ui-pagenate a {
    position: relative;
    font-family: "Muli";
    font-weight: 700;
    font-size: 18px;
    display: block;
    margin: 0;
    padding: 0 18px;
    border: none;
}
.ui-pagenate strong {    
    position: relative;
    font-family: "Muli";
    font-size: 18px;
    padding: 0 18px;
    color: #fff;
}
.ui-pagenate strong::before {
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    width: 30px;
    height: 30px;
    background: #000;
}
.ui-pagenate .prev1 {
    margin-right: 30px;
    background: url(../images/online/arrow-l01.png) no-repeat;
    background-position: center;
}
.ui-pagenate .prev2 {
    margin-right: 30px;
    background: url(../images/online/arrow-l02.png) no-repeat;
    background-position: center;
}
.ui-pagenate .next1 {
    margin-left: 30px;
    background: url(../images/online/arrow-r01.png) no-repeat;
    background-position: center;
}
.ui-pagenate .next2 {
    margin-left: 30px;
    background: url(../images/online/arrow-r02.png) no-repeat;
    background-position: center;
}
/* 공통 끝 */

/* 온라인상담 리스트영역 */
.table-800-block {
    display: none;
}
.talk-area .search-all {
    display: flex;
}
.talk-area .search-all select {
    width: 153px;
    margin-right: 7px; 
    padding: 0 0 0 18px;
    border: 1px solid #b8b8b8;
    appearance: none;
    -moz-appearance:none;  /* Firefox */
    -webkit-appearance:none;  /* Safari and Chrome */
    background-image: url(../images/online/select-arrow-down.png);
    background-repeat: no-repeat;
    background-position: center right 10px;
}
.talk-area .search-all select::-ms-expand {  /* IE10, IE11*/
    display:none;   /*숨겨진 화살표의 영역유지 X */
 }
.talk-area .search-all .search-wrap {
    position: relative;
}
.talk-area .search-all .search-wrap button {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 18px;
    background: none;
    border: none;
}
.talk-area .search-all .search-wrap input {
    width: 315px;
    height: 100%;
    padding: 0 0 0 18px;
    border: 1px solid #b8b8b8;
}
.talk-area .search-all .search-wrap input::placeholder {
    color: #b8b8b8;
}


.talk-area .talk-cont table {
    width: 100%;
    text-align: center;
    margin-top: 30px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.talk-area .talk-cont table th {
    font-weight: bold;
    font-size: 18px;
    padding: 25px 0;
}
.talk-area .talk-cont table tbody tr {
    border-top: 1px solid #d3d3d3;
}
.talk-area .talk-cont table td {
    padding: 25px 0;
    color: #000;
}
.talk-area .talk-top {
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}
.talk-area .talk-write-btn {
    background: #42c0bf;
    width: 234px;
}
.talk-area .talk-write-btn a {
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 14px 20px;
    font-size: 18px;
    color: #fff;
}
.talk-area .talk-write-btn a span {
    line-height: 1;
}
.talk-area .talk-write-btn a i {
    line-height: 1;
}
.talk-area .talk-cont table td.state-wait {
    position: relative;
    color: #fff;
}
.talk-area .talk-cont table td.state-wait:before {
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    content: "";
    max-width: 94px;
    width: 100%;
    height: 28px;
    background: #f7cf12;
    border-radius: 14px;
}
.talk-area .talk-cont table td.state-completion {
    position: relative;
    color: #fff;
}
.talk-area .talk-cont table td.state-completion:before {
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    content: "";
    max-width: 94px;
    width: 100%;
    height: 28px;
    background: #10bb8d;
    border-radius: 14px;
}




/* 온라인상담 내용영역 추가 */
.talk-area .sa-btn-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
    margin-bottom: 25px;
}
.talk-area .sa-btn-area .sa-btn {
    font-size: 14px;
    padding: 3px 10px;
    margin-left: 7px;
    display: block;
    color: rgb(92, 92, 92);
    border: 1px solid #d3d3d3;
    box-shadow: 1px 1px 1px rgb(0 0 0 / 7%);
}
.talk-area .sa-btn-area .sa-btn:hover {
    color: #000;
}
.talk-area .talk-cont table td.content {
    padding: 25px;
    text-align: left;
}

/* 댓글 */
.talk-area .sa_coment_wrap {
    border-bottom: 1px solid #b8b8b8;
}
.talk-area .sa_coment_wrap .id_pw {
    display: flex;
    margin-top: 25px;
}
.talk-area .sa_coment_wrap .id_pw .id_area {
    margin-right: 7px;
}
.talk-area .sa_coment_wrap .id_pw input {
    font-size: 14px;
    height: 35px;
    padding: 0 10px;
    border: 1px solid #b8b8b8;
}
.talk-area .sa_coment_wrap .c_write {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.talk-area .sa_coment_wrap .c_write .c_text {
    width: 90%;
    margin-right: 7px;
}
.talk-area .sa_coment_wrap .c_write .c_text textarea {
    font-size: 14px;
    width: 100%;
    height: 80px;
    padding: 10px;
    border: 1px solid #b8b8b8;
}
.talk-area .sa_coment_wrap .c_write .c_btn {
    width: 10%;
}
.talk-area .sa_coment_wrap .c_write .c_btn button {
    font-size: 14px;
    width: 100%;
    height: 80px;
    background: none;
    border: 1px solid #b8b8b8;
}
.talk-area .sa_coment_area {
    border-top: 1px solid #b8b8b8;
    padding: 20px 0;
    width: 100%;
}
.talk-area .sa_coment_area span {
    font-weight: 600;
}
.talk-area .sa_coment_con {
    margin-top: 10px;
    word-break: break-word;
}
.talk-area .sa_coment_area .sa_coment_btn {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
}
.talk-area .sa_coment_area .sa_coment_btn .sa_btn {
    font-size: 14px;
    padding: 3px 10px;
    margin-left: 7px;
    display: block;
    color: rgb(92, 92, 92);
    border: 1px solid #d3d3d3;
    background: none;
    box-shadow: 1px 1px 1px rgb(0 0 0 / 7%);
}
/* 댓글 끝 */

/* 온라인상담 내용영역 추가 끝 */
/* 온라인상담 리스트영역 끝 */


/* 온라인상담 글쓰기영역 */
.talk-write-area {
    padding: 140px 0;
}
.talk-write-area .sa_write_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 80px;
}
.talk-write-area .sa_write_area dl {
    display: flex;
    align-items: center;
    width: 48%;
    margin-right: 15px;
    margin-bottom: 30px;
}
.talk-write-area .sa_write_area dl:nth-child(2n) {
    margin-right: 0;
    justify-content: flex-end;
}
.talk-write-area .sa_write_area dl:nth-child(5) {
    width: 100%;
    margin-right: 0;
}
.talk-write-area .sa_write_area dl:nth-child(6) {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}
.talk-write-area .sa_write_area dl dt {
    font-weight: bold;
    font-size: 18px;
    width: 80px;
}
.talk-write-area .sa_write_area dl dt span {
    display: none;
}
.talk-write-area .sa_write_area dl dd input {
    width: 100%;
    height: 45px;
    padding: 0 25px;
    border: 1px solid #b8b8b8;
}
.talk-write-area .sa_write_area dl:nth-child(4) dd {
    display: flex;
    align-items: center;
}
.talk-write-area .sa_write_area dl:nth-child(4) dd label {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
}
.talk-write-area .sa_write_area dl:nth-child(4) dd label+label {
    margin-left: 40px;
}
.talk-write-area .sa_write_area dl:nth-child(4) dd input {
    width: inherit;
    height: inherit;
    margin-right: 15px;
}
.talk-write-area .sa_write_area dl dd {
    max-width: 440px;
    width: 100%;
}
.talk-write-area .sa_write_area dl:nth-child(5) dd {
    max-width: none;
    margin-left: 4.5px;
}
.talk-write-area .sa_write_area dl:nth-child(6) dd {
    max-width: none;
    margin-left: 4.5px;
}
.talk-write-area .sa_write_area dl:nth-child(6) dt {
    margin-top: 8px;
}
.talk-write-area .sa_write_area dl dd #s_t1 {
    width: 100%;
    height: 242px;
    padding: 25px;
    border: 1px solid #b8b8b8;
}
.talk-write-area .sa_btn_area {
    text-align: center;
    margin-top: 50px;
}
.talk-write-area .sa_btn_area a {
    font-weight: bold;
    font-size: 18px;
    display: inline-block;
    width: 198px;
    padding: 11px 0;
    color: #fff;
    background: #42c0bf;
}


/* 온라인상담 글쓰기영역 끝 */

/* 온라인 상담영역 끝 */
.talk-main {
    background: center / cover no-repeat url(../images/online/talk-bg.jpg);
}

/* 예약 및 상담 영역 */

/* 공통 */
.online-area .reservation-area {
    padding: 140px 0;
}
.online-area .title h6 {
    letter-spacing: 1px;
    font-family: "Muli";
    font-size: 18px;
}
.online-area .title p {
    letter-spacing: -1px;
    font-weight: bold;
    font-size: 40px;
    margin-top: 23px;
}
.reservation-area select {
    appearance: none;
    -moz-appearance:none;  /* Firefox */
    -webkit-appearance:none;  /* Safari and Chrome */
    background-image: url(../images/online/select-arrow-down.png);
    background-repeat: no-repeat;
    background-position: center right 10px;
}
.reservation-area select::-ms-expand {  /* IE10, IE11*/
    display:none;   /*숨겨진 화살표의 영역유지 X */
 }
.reservation-area select.active {
    background-image: url(../images/online/select-arrow-up.png);
}
/* 공통 끝 */

/* 온라인 진료예약 영역 */
.reservation-main {
    background: center / cover no-repeat url(../images/online/reservation-bg.jpg);
}
.reservation-area .sub-title {
    margin-top: 80px;
    margin-bottom: 45px;
}
.reservation-area .sub-title p {
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 15px;
    border-bottom: 1px solid #000;

}


.reservation-area .ui-widget.ui-widget-content {
    width: 100%;
    padding: 0;
    border: 1px solid #d8d8d8;
    border-radius: 0;
}
.reservation-area .ui-datepicker .ui-datepicker-header {
    background: transparent;
    border: none;
    padding: 0;
}
.reservation-area .ui-datepicker .ui-datepicker-title {
    font-family: "Muli";
    font-size: 18px;
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px solid #d8d8d8;
}
.reservation-area .ui-datepicker .ui-datepicker-title select {
    font-family: "Muli";
    text-align: center;
    width: 95px;
    margin: 0;
    margin-left: 15px;
    padding: 1px 0;
    border: 1px solid #b8b8b8;
}


.reservation-area .ui-datepicker .ui-datepicker-prev, .reservation-area .ui-datepicker .ui-datepicker-next {
    top: 50%;
    transform: translateY(-50%);
}
.reservation-area .ui-datepicker .ui-datepicker-prev {
    left: 30px;
}
.reservation-area .ui-datepicker .ui-datepicker-next {
    right: 30px;
}
.reservation-area .ui-state-hover {
    border: none !important;
    background: none !important;
    cursor: pointer;
}
.reservation-area .ui-datepicker .ui-datepicker-next span {
    background-image: url(../images/online/date-arrow-r.png);
    background-position: right;
    text-indent: inherit;
}
.reservation-area .ui-datepicker .ui-datepicker-prev span {
    background-image: url(../images/online/date-arrow-l.png);
    background-position: 0;
    text-indent: inherit;
}


.reservation-area .ui-datepicker table {
    border-collapse: inherit;
    font-size: 18px;
    width: 100%;
    padding: 15px 25px;
    margin: 0;
}

.reservation-area .ui-datepicker th {
    font-family: "Muli";
    padding: 10px;
}
.reservation-area .ui-datepicker th.ui-datepicker-week-end:first-child span {
    color: #e40000;
}
.reservation-area .ui-datepicker th.ui-datepicker-week-end:last-child span {
    color: #0f98f7;
}
.reservation-area .ui-state-default {
    font-family: "Muli";
    text-align: center;
    padding: 10px;
    background: none !important;
    border: none !important;
}
.reservation-area .ui-state-active {
    z-index: 1;
    position: relative;
    color: #fff !important;
}
.reservation-area .ui-state-active::before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 61px;
    height: 24px;
    background: #42c0bf;
    border-radius: 12px;
}
.reservation-area .ui-datepicker td a {
    font-family: "Muli";
    font-weight: 500;
    color: #000;
    padding: 10px;
}

/* 예약시간 선택 */
.reservation-area .cont-time {
    display: flex;
    justify-content: space-between;
    padding-top: 65px;
}
.reservation-area .cont-time p {
    font-weight: bold;
    font-size: 18px;
}
.reservation-area .cont-time span {
    font-size: 16px;
}

.reservation-area .cont-time-form {
    display: flex;
    margin-top: 30px;
}
.reservation-area .cont-time-form select {
    font-weight: bold;
    font-size: 18px;
    width: 100%;
    padding: 11px 20px;
    margin-right: 10px;
    border: 1px solid #b8b8b8;
}
.reservation-area .cont-time-form select:focus {
    outline: none;
}
.reservation-area .cont-time-form button {    
    font-weight: bold;
    font-size: 18px;
    width: 100%;
    padding: 11px;
    color: #fff;
    background: #42c0bf;
    border: none;
}
.reservation-area .cont-time-form button:focus {
    outline: none;
}


.reservation-area .cont-time-form-data {
    text-align: center;
    margin-top: 30px;
    padding: 16px 15px;
    border: 1px solid #000;
}
.reservation-area .cont-time-form-data .all-time-data {
    display: none;
}
.reservation-area .cont-time-form-data p {
    font-weight: bold;
    font-size: 18px;
}

.reservation-area .is-text p {
    text-align: center;
    margin-top: 30px;
}
/* 예약시간 선택 끝 */


/* 예약자 정보입력 */
.reservation-area .cont-info-form {
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 30px;
    height: 45px;
}
.reservation-area .cont-info-form.h-auto {
    height: auto;
}
.reservation-area .cont-info-form span {
    display: inline-block;
    margin-left: 15px;
}
.reservation-area .cont-info-form label {
    font-weight: bold;
    font-size: 18px;
    width: 90px;
}
.reservation-area .cont-info-form .input-text {
    max-width: 440px;
    width: 100%;
    margin: 0;
    padding: 9.5px 25px;
    border: 1px solid #b8b8b8;
}
.reservation-area .cont-info-form .radio01 {
    margin-left: 35px;
}
.reservation-area .cont-info-form .radio02 {
    margin-left: 45px;
}
.reservation-area .cont-info-form .input-text::placeholder {
    color: #b8b8b8;
}
.reservation-area .cont-info-form select {
    font-weight: 300;
    height: 45px;
    width: 100%;
    padding: 8.5px 25px;
    color: #b8b8b8;
    border: 1px solid #b8b8b8;
}
.reservation-area .cont-info-form textarea {
    max-width: 1110px;
    width: 100%;
    height: 242px;
    margin: 0;
    padding: 25px;
    border: 1px solid #b8b8b8;
}
.reservation-area .cont-info-form textarea::placeholder {
    color: #b8b8b8;
}
.reservation-area .policy {
    width: 100%;
    height: 265px;
    overflow-y: scroll;
    padding: 30px;
    border: 1px solid #b8b8b8;
}
.reservation-area .policy-cont-info-form {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 80px;
}
.reservation-area .policy-cont-info-form label {
    font-weight: 300;
    font-size: 16px;
    width: inherit;
    margin-left: 15px;
}
.reservation-area .btn-area {
    display: flex;
    justify-content: center;
}
.reservation-area .btn-area button {
    font-weight: bold;
    font-size: 18px;
    width: 198px;
    padding: 11px 0;
    color: #fff;
    background: #42c0bf;
    border: none;
}
.reservation-area .btn-area button+button {
    margin-left: 16px;
    background: #b8b8b8;
}
/* 예약자 정보입력 끝 */

/* 온라인 진료예약 영역 끝 */


/* 예약 및 상담 영역 끝 */





/* 개인정보 처리방침 */
.info-privacy {
    padding-top: 300px;
    padding-bottom: 100px;
}
.info-privacy .top-title {
    text-align: center;
}
.info-privacy .top-title h6 {
    font-family: "Muli";
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.info-privacy .top-title p {
    font-weight: bold;
    font-size: 48px;
    margin-bottom: 50px;
}
.info-privacy .contents p {
    font-size: 14px;
}
.info-privacy .contents p span {
    font-weight: bold;
}

/* 무단수집거부 팝업 */
.refusal-btn {
    cursor: pointer;
}
.refusal-pop {
    z-index: 9999;
    position: fixed;
    top: 50%;
    left: 50%;
    display: none;
    transform: translate(-50%, -50%);
    max-width: 500px;
    width: 100%;
    background: #fff;
    box-shadow: 1px 1px 1px 1px rgba(17, 17, 17, 0.123);
}
.refusal-pop h3 {
    font-size: 20px;
    text-align: center;
    padding: 15px;
    color: #fff;
    background: #494949;
}
.refusal-pop p {
    font-size: 14px;
    padding: 15px;
}
.refusal-pop p span.blue {
    color: blue;
}
.refusal-pop p span.red {
    color: red;
}
.refusal-pop p span.fw-b {
    font-weight: bold;
}
.refusal-pop .close-btn {
    text-align: center;
    padding-bottom: 15px;
}
.refusal-pop .close-btn p {
    display: inline-block;
    padding: 5px 15px;
    color: #fff;
    background: rgb(172, 172, 172);
    border-radius: 3px;
    cursor: pointer;
}




/* 회원가입영역 */

/* 회원가입 공통 */
.join-area {
    padding-top: 340px;
    padding-bottom: 140px;
}
.join-area .title {
    text-align: center;
}
.join-area .title h6 {
    letter-spacing: 1px;
    font-family: "Muli";
    font-size: 18px;
}
.join-area .title p {
    letter-spacing: -1px;
    font-weight: bold;
    font-size: 40px;
    margin-top: 23px;
}
.join-area .title-is-text p {
    text-align: center;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #b8b8b8;
}
/* 회원가입 공통 끝 */


/* 회원가입 약관동의 */
.agree-area .agree-box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 30px;
}
.agree-area .agree-box.agree-chk-all {
    margin-bottom: 20px;
}
.agree-area .agree-box label {
    font-weight: 500;
    font-size: 18px;
    margin-left: 15px;
}


.agree-area .agree-text {
    height: 215px;
    padding: 30px 25px;
    margin-bottom: 20px;
    overflow-y: scroll;
    border: 1px solid #b8b8b8;
}
.agree-area .agree-text h6 {
    font-weight: bold;
    font-size: 20px;
}
.agree-area .agree-text p span {
    font-weight: bold;
    font-size: 18px;
}
.agree-area .is-text p {
    font-size: 18px;
    text-align: center;
    margin-bottom: 110px;
}
.agree-area .btn-area {
    text-align: center;
}
.agree-area .btn-area .next-btn {
    letter-spacing: 0;
    font-weight: bold;
    font-size: 22px;
    width: 194px;
    padding: 15px 0;
    color: #fff;
    background: #42c0bf;
    border: none;
}
/* 회원가입 약관동의 끝 */

/* 회원가입 정보입력 */
.sign-up-area .farm-A-join {
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
}
.sign-up-area .farm-A-join li {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
.sign-up-area .farm-A-join li input {
    height: 45px;
    margin: 0;
    padding: 0 15px;
    border: 1px solid #b8b8b8;
}
.sign-up-area .farm-A-join li button {
    font-weight: bold;
    font-size: 18px;
    height: 45px;
    color: #fff;
    background: #000;
    border: none;
}
.sign-up-area .farm-A-join li > label {
    font-weight: bold;
    font-size: 18px;
    width: 130px;
}


.sign-up-area .farm-A-join li .re-password {
    font-weight: bold;
    font-size: 18px;
}
.sign-up-area .farm-A-join li .reg_memberID {
    display: flex;
    justify-content: space-between;
}
.sign-up-area .farm-A-join li .reg_memberID input {
    width: 330px;
    margin-right: 10px;
}
.sign-up-area .farm-A-join li .reg_memberID button {
    width: 180px;
}
.sign-up-area .farm-A-join li .zipcode {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.sign-up-area .farm-A-join li .zipcode input {
    width: 330px;
    margin-right: 10px;
}
.sign-up-area .farm-A-join li .zipcode button {
    width: 180px;
}
.sign-up-area .farm-A-join li .addr {
    display: flex;
    justify-content: space-between;
}
.sign-up-area .farm-A-join li .addr input:nth-of-type(1) {
    width: 180px;
    margin-right: 10px;
}
.sign-up-area .farm-A-join li .addr input:nth-of-type(2) {
    width: 330px;
}
.sign-up-area .farm-A-join li .reg_password input {
    width: 520px;
}
.sign-up-area .farm-A-join li .reg_name input {
    width: 520px;
}
.sign-up-area .farm-A-join li .reg_email input {
    width: 520px;
}
.sign-up-area .farm-A-join li .reg_mobileNumber {
    display: flex;
}
.sign-up-area .farm-A-join li .reg_mobileNumber select {
    font-size: 18px;
    padding: 0 15px;
    width: 130px;
    height: 45px;
    margin-right: 10px;
    border: 1px solid #b8b8b8;
}
.sign-up-area .farm-A-join li .reg_mobileNumber input {
    width: 520px;
}
.sign-up-area .is-text {
    text-align: center;
    padding-top: 50px;
    border-top: 1px solid #b8b8b8;
}
.sign-up-area .is-text p {
    font-size: 18px;
}
.sign-up-area .btn-area {
    display: flex;
    justify-content: center;
    margin-top: 80px;
}
.sign-up-area .btn-area button {
    letter-spacing: 0;
    font-weight: bold;
    font-size: 22px;
    width: 194px;
    padding: 15px 0;
    color: #fff;
    background: #42c0bf;
    border: none;
}
.sign-up-area .btn-area .prev-btn {
    margin-right: 10px;
    background: #b8b8b8;
}

.finish-area .btn-area {
    display: flex;
    justify-content: center;
}
.finish-area .btn-area a {
    letter-spacing: 0;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    display: inline-block;
    width: 194px;
    padding: 15px 0;
    color: #fff;
    background: #42c0bf;
    border: none;
}
.finish-area .btn-area .prev-btn {
    margin-right: 10px;
    background: #b8b8b8;
}
/* 회원가입 정보입력 끝 */
/* 회원가입영역 끝 */


/* 로그인 영역 */
.login-area .login-cont {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    padding: 50px 40px 40px 40px;
    border-top: 1px solid #b8b8b8;
    border-bottom: 1px solid #b8b8b8;
}
.login-area .login-cont .login-form .login-form-cont input {
    font-size: 18px;
    width: 100%;
    height: 62px;
    padding: 0 25px;
    border: 1px solid #b8b8b8;
}
.login-area .login-cont .login-form .login-chk-all {
    display: flex;
    margin-top: 30px;
}
.login-area .login-cont .login-form .login-chk-all .login-form-cont-chk {
    display: flex;
    align-items: center;
    margin-left: 30px;
}
.login-area .login-cont .login-form .login-chk-all .login-form-cont-chk:first-child {
    margin-left: 0;
}
.login-area .login-cont .login-form .login-chk-all .login-form-cont-chk label {
    font-weight: 500;
    font-size: 18px;
}
.login-area .login-cont .login-form .btn-area {
    text-align: center;
    margin-top: 40px;
}
.login-area .login-cont .login-form .btn-area button {
    font-weight: bold;
    font-size: 22px;
    color: #fff;
    width: 100%;
    padding: 15px 0;
    background: #42c0bf;
    border: none;
}


.login-area .login-cont .find-cont {
    text-align: center;
    margin-top: 40px;
}
.login-area .login-cont .find-cont a {
    position: relative;
    font-weight: 500;
    font-size: 18px;
    display: inline-block;
}
.login-area .login-cont .find-cont a+a {
    margin-left: 40px;
}
.login-area .login-cont .find-cont a+a::before {
    position: absolute;
    content: "";
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background: #000;
}

.login-area .login-cont-bt {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    padding: 50px 40px;
    border-bottom: 1px solid #b8b8b8;
}
.login-area .sns-login {
    display: flex;
    justify-content: center;
}
.login-area .sns-login a {
    display: flex;
    flex-direction: column;
    padding: 0;
}
.login-area .sns-login a+a {
    margin-left: 30px;
}
.login-area .sns-login a span {
    line-height: 20px;
    font-weight: 500;
    display: inline-block;
    margin-top: 15px;
}
.login-area .login-cont-bt .link-join {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 40px;
    padding: 25px 25px 20px;
    border: 1px solid #b8b8b8;
}
.login-area .login-cont-bt .link-join p {
    font-size: 18px;
    color: #8b8b8b;
}
.login-area .login-cont-bt .link-join a {
    font-weight: bold;
    font-size: 18px;
}
.login-area .login-cont-bt .link-join a i {
    line-height: 27px;
    vertical-align: middle;
    margin-left: 8px;
}
/* 로그인 영역 끝 */


/* 0914 추가 상담신청 공동 인풋 체크박스 */


/* 0924 추가 이미 로그인 시 버튼 */
.log-out-btn {
    font-weight: bold;
    font-size: 22px;
    display: inline-block;
    max-width: 194px;
    width: 100%;
    margin-right: 6px;
    padding: 15px 0;
    color: #fff;
    background: #b8b8b8;
}
.amend-btn {
    font-weight: bold;
    font-size: 22px;
    display: inline-block;
    max-width: 194px;
    width: 100%;
    padding: 15px 0;
    color: #fff;
    background: #42c0bf;
}
.log-out-btn:hover, .amend-btn:hover {
    color: #fff;
}








/* 체크박스 커스텀 */
input[id="chk-custom"] {
    display: none;
}
input#chk-custom + label:before {
    content:"";
    display:inline-block;
    margin-right: 7px;
    width:14px;
    height:14px;
    line-height:8px;
    border:1px solid #b8b8b8;
    vertical-align:middle;/*체크 전과 체크 후 높이 차이 때문에 설정*/
}
input#chk-custom:checked + label:before{
    content: url(../images/chk-custon.png);
    background: #42c0bf;
    border: none;
    color:#fff;
    text-align:center;
}


input[id="chk-custom-fast-form"] {
    display: none;
}
input#chk-custom-fast-form + label:before {
    content:"";
    display:inline-block;
    margin-right: 7px;
    width:14px;
    height:14px;
    line-height:8px;
    border:1px solid #b8b8b8;
    vertical-align:middle;/*체크 전과 체크 후 높이 차이 때문에 설정*/
}
input#chk-custom-fast-form:checked + label:before{
    content: url(../images/chk-custon.png);
    background: #42c0bf;
    border: none;
    color:#fff;
    text-align:center;
}



input[id="allAgreeChk"] {
    display: none;
}
input#allAgreeChk + label:before {
    content:"";
    display:inline-block;
    margin-right: 7px;
    width:14px;
    height:14px;
    line-height:8px;
    border:1px solid #b8b8b8;
    vertical-align:middle;/*체크 전과 체크 후 높이 차이 때문에 설정*/
}
input#allAgreeChk:checked + label:before{
    content: url(../images/chk-custon.png);
    background: #42c0bf;
    border: none;
    color:#fff;
    text-align:center;
}

input[id="agree_checkbox01"] {
    display: none;
}
input#agree_checkbox01 + label:before {
    content:"";
    display:inline-block;
    margin-right: 7px;
    width:14px;
    height:14px;
    line-height:8px;
    border:1px solid #b8b8b8;
    vertical-align:middle;/*체크 전과 체크 후 높이 차이 때문에 설정*/
}
input#agree_checkbox01:checked + label:before{
    content: url(../images/chk-custon.png);
    background: #42c0bf;
    border: none;
    color:#fff;
    text-align:center;
}

input[id="agree_checkbox02"] {
    display: none;
}
input#agree_checkbox02 + label:before {
    content:"";
    display:inline-block;
    margin-right: 7px;
    width:14px;
    height:14px;
    line-height:8px;
    border:1px solid #b8b8b8;
    vertical-align:middle;/*체크 전과 체크 후 높이 차이 때문에 설정*/
}
input#agree_checkbox02:checked + label:before{
    content: url(../images/chk-custon.png);
    background: #42c0bf;
    border: none;
    color:#fff;
    text-align:center;
}

input[id="agree_checkbox03"] {
    display: none;
}
input#agree_checkbox03 + label:before {
    content:"";
    display:inline-block;
    margin-right: 7px;
    width:14px;
    height:14px;
    line-height:8px;
    border:1px solid #b8b8b8;
    vertical-align:middle;/*체크 전과 체크 후 높이 차이 때문에 설정*/
}
input#agree_checkbox03:checked + label:before{
    content: url(../images/chk-custon.png);
    background: #42c0bf;
    border: none;
    color:#fff;
    text-align:center;
}


input[id="id_save"] {
    display: none;
}
input#id_save + label:before {
    content:"";
    display:inline-block;
    margin-right: 7px;
    width:14px;
    height:14px;
    line-height:8px;
    border:1px solid #b8b8b8;
    vertical-align:middle;/*체크 전과 체크 후 높이 차이 때문에 설정*/
}
input#id_save:checked + label:before{
    content: url(../images/chk-custon.png);
    background: #42c0bf;
    border: none;
    color:#fff;
    text-align:center;
}


input[id="auto_login_yn"] {
    display: none;
}
input#auto_login_yn + label:before {
    content:"";
    display:inline-block;
    margin-right: 7px;
    width:14px;
    height:14px;
    line-height:8px;
    border:1px solid #b8b8b8;
    vertical-align:middle;/*체크 전과 체크 후 높이 차이 때문에 설정*/
}
input#auto_login_yn:checked + label:before{
    content: url(../images/chk-custon.png);
    background: #42c0bf;
    border: none;
    color:#fff;
    text-align:center;
}


input[id="page_ssl_yn"] {
    display: none;
}
input#page_ssl_yn + label:before {
    content:"";
    display:inline-block;
    margin-right: 7px;
    width:14px;
    height:14px;
    line-height:8px;
    border:1px solid #b8b8b8;
    vertical-align:middle;/*체크 전과 체크 후 높이 차이 때문에 설정*/
}
input#page_ssl_yn:checked + label:before{
    content: url(../images/chk-custon.png);
    background: #42c0bf;
    border: none;
    color:#fff;
    text-align:center;
}
/* 체크박스 커스텀 */


/* 이벤트 */
.event-main {
    background: center / cover no-repeat url(../images/event/bg.jpg);
}
.event-cont-area {
    padding-bottom: 130px;
}
.event-cont-area .event-cont-all {
    display: flex;
    flex-wrap: wrap;
}
.event-cont-area .event-cont-all li {
    position: relative;
    overflow:hidden;
    width:32%;
    margin-bottom: 24px;
    margin-right: 24px;
}
.event-cont-area .event-cont-all li:nth-of-type(3n) {
    margin-right: 0;
}
.event-cont-area .event-cont-all li img {
    max-width:100%;
    transition: all .3s;
}
.event-cont-area .event-cont-all li:hover div.sample_image::before {
    display: block;
}
.event-cont-area .event-cont-all li:hover img {
    transform: scale(1.2);
}
.event-cont-area .event-cont-all li:hover .rs_txtbox {
    display: inline-block;
}
.event-cont-area .event-cont-all li div.sample_image::before {
    position: absolute;
    z-index: 1;
    content: "";
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.event-cont-area .event-cont-all li .rs_txtbox {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    font-size: 18px;
    color: #fff;
    border-bottom: 2px solid #4ec9bc;
}
.event-cont-area .event-cont-all li .rs_txtbox p {
    text-align: center;
    font-weight: bold;
}
/* 이벤트 끝 */

/* 이벤트 글영역 */
.container-event img {
    width: 100%;
}
.container-event .list_th {
    display: none;
}
.container-event .mo_none {
    padding-top:210px;
}
.container-event .pc_none {
    display:none;
}



.event_slide_area {
    padding: 100px 0;
    background: #f5f5f5;
}
.event_slide_area .event_title {
    font-size: 40px;
    padding-bottom: 50px;
}
.event_slide_area .event_title span {
    font-weight: bold;
}

.event_slide_area .swiper-slide {
    padding: 15px;
    background: #fff;
}
.event_slide_area .event_slide_title {
    display: flex;
    align-items: center;
    font-size: 20px;
    padding-bottom: 15px;
    min-height: 75px;
}
.event_slide_area .event_slide_img img {
    width: 100%;
}
.event_slide_area .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 15px;
    width: 40px;
    height: 40px;
    background: url(../images/event/right-arrow.svg);
}
.event_slide_area .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: inherit;
    right: 75px;
    width: 40px;
    height: 40px;
    background: url(../images/event/left-arrow.svg);
}
/* 이벤트 글영역 끝 */