body {
    font-family:'Pretendard-r';
    font-size: 16px;
    line-height: 1.3;
    color: #fff;
    background: #000;
}

a {
	color: #fff;
}
::-moz-selection {
    background: #fff;
    color: #000;
 }
::selection {
    background: #fff;
    color: #000;
}
.block-800 {
    display: none;
}
/* 가운데 */
main {
    transition: transform .5s;
}
main.active {
    transform: translateY(300px);
}
main.main-wrap {
    max-width: none;
}
/* 가운데 */

/* 팝업 */
.main-pop {
    z-index: 1004;
    position: absolute;
    top: 155px;
    left:50%; margin-left:-375px
}
.main-pop .cont {
    position: relative;
    width: 750px;
}
.main-pop .cont .main-pop-pagination {
    font-family:'DoulosSILR';
    font-size: 20px;
    color: #000;
    top: -40px;
    bottom: inherit;
    height: auto;
    text-align: right;
}
.main-pop .cont .main-pop-pagination .swiper-pagination-current {
    font-size: 30px;
}

.main-pop .cont .swiper-slide img {
    width: 100%;
}
.main-pop .cont .close {
    display: flex;
}
.main-pop .cont .close > div {
    width: 50%;
    background: #fff;
}

.main-pop .cont .close .close24 input[type="checkbox"] {
    display: none;
}
.main-pop .cont .close .close24 label {
    font-family:'Pretendard-sb';
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 43px;
    color: #000;
    cursor: pointer;
}

.main-pop .cont .close .close-x {
    position: relative;
}
.main-pop .cont .close .close-x::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 30px;
    background: #707070;
}
.main-pop .cont .close .close-x p {
    font-family:'Pretendard-sb';
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 43px;
    color: #000;
    cursor: pointer;
}
/* 팝업 */

/* 헤더 */
.header {
    /* z-index: 1000;
    position: fixed; 
    top: 35px;
    left: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 40px; */
    background: #000;
}

.header .logo {
    z-index: 1000;
    position: fixed;
    top: 35px;
    left: 35px;
}
.header .logo img {
    width: 137px;
}
/* 네비 */
.header .nav {
    z-index: 1004;
    position: fixed;
    top: -115%;
    right: 0;
    width: 100%;
    height: 100vh;
    background: #000;
    transition: top .5s;
    overflow: hidden;
}
.header .nav.active {
    top: 0;
}

.header .nav .nav-top {
    display: flex;
    justify-content: space-between;
    padding: 35px 40px 0;
}
.header .nav .nav-top .nav-top-right {
    display: flex;
    align-items: center;
}
.header .nav .nav-top .nav-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 59px;
    height: 59px;
    border: 1px solid #fff;
    border-radius: 100%;
    cursor: pointer;
}
.header .nav .nav-info {
    display: flex;
    align-items: center;
    margin-right: 50px;
}
.header .nav .nav-info li+li {
    margin-left: 45px;
}
.header .nav .nav-top .nav-top-right li.nav-info-event {
    width: 110px;
    height: 42px;
    padding-top: 3px;
    border: 1px solid #E3503D;
    border-radius: 26px;
    transition: all .3s;
}
.header .nav .nav-top .nav-top-right li.nav-info-skinevent {
    width: 150px;
    height: 42px;
    padding-top: 3px;
    border: 1px solid #E3503D;
    border-radius: 26px;
    transition: all .3s;
}
/* .header .nav .nav-top .nav-top-right li.nav-info-event:hover {
    border: 1px solid transparent;
    background: rgba(255, 255, 255, 0.2);
} */
.header .nav .nav-logo img {
    width: 137px;
}
.header .nav .nav-info li a {
    font-family:'Pretendard-b';
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: rgba(255, 255, 255, 0.5);
    transition: all .3s;
}
.header .nav .nav-info li.lang {
    position: relative;
    z-index: 0;
}
.header .nav .nav-info li.lang.active > a::before {
    content: "";
    position: absolute;
    top: -57px;
    left: -27px;
    width: 187px;
    height: 230px;
    background: #2B2B2B;
    z-index: -1;
}
.header .nav .nav-info li.lang a img {
    margin: 0 0 2px 5px;
}
.header .nav .nav-info li.lang .lang-list {
    display: none;
    position: absolute;
    top: 64px;
    left: 0;
}
.header .nav .nav-info li.lang.active .lang-list {
    display: block;
}
.header .nav .nav-info li.lang .lang-list a {
    display: block;
}
.header .nav .nav-info li.lang .lang-list li {
    margin-left: 0;
}
.header .nav .nav-info li.lang .lang-list li + li {
    margin-top: 13px;
}
.header .nav .nav-info li.lang.active a img {
    transform: rotate(180deg);
}
.header .nav .nav-top .nav-top-right li.nav-info-event a {
    color: #E3503D;
}
.header .nav .nav-top .nav-top-right li.nav-info-skinevent a {
    color: #E3503D;
}
/* .header .nav .nav-top .nav-top-right li.nav-info-event:hover a { 
    color: #fff;
} */

.header .nav .nav-list {
    max-width: 1533px;
    width: 100%;
    margin: 0 auto;
    padding: 55px 15px 0;
}
.header .nav .nav-list-mo {
    display: none;
}
.header .nav .nav-list-top {
    display: flex;
    justify-content: space-between;
}
.header .nav .nav-list-bt {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}
.header .nav .nav-item {
    width: calc(20% - 100px);
}
.header .nav .nav-item li+li {
    margin-top: 15px;
}
.header .nav .nav-item li:first-child {
    margin-bottom: 30px;
}
.header .nav .nav-item li p {
    letter-spacing: 0;
    font-family:'Pretendard-b';
    font-size: 18px;
    color: rgba(255, 255, 255, .5);
}
.header .nav .nav-item li a {
    white-space: nowrap;
    font-family:'Pretendard-b';
    font-size: 30px;
    transition: all .3s;
}
@media (min-width:801px) {
    .header .nav .nav-item li a:hover {
        color: #E3503D;
    }
}
/* 네비 끝 */

.header .header-ham {
    z-index: 1000;
    position: fixed;
    top: 35px;
    right: 40px;
    width: 27px;
    cursor: pointer;
}
.header .header-ham .line {
    width: 100%;
    height: 2px;
    background: #fff;
    border-radius: 100px;
}
.header .header-ham .line+.line {
    margin-top: 7px;
}
/* 헤더 끝 */

/* 메인 공통 */
.main-container {
    max-width: 1510px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}
/* 메인 공통 끝 */

/* 메인 비주얼 */
.main-visual-area .swiper-slide .slide-cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 100vh;
    padding-bottom: 110px;
}

.main-visual-area .slide01 .slide-cont {
    background: center / cover no-repeat url("../images/main/main-visual01.jpg");
}
.main-visual-area .slide02 .slide-cont {
    background: center / cover no-repeat url("../images/main/main-visual02.jpg");
}
.main-visual-area .slide03 .slide-cont {
    background: center / cover no-repeat url("../images/main/main-visual03.jpg");
}
.main-visual-area .slide04 .slide-cont {
    background: center / cover no-repeat url("../images/main/main-visual04.jpg");
}
.main-visual-area .slide05 .slide-cont {
    background: center / cover no-repeat url("../images/main/main-visual05.jpg");
}
.main-visual-area .swiper-slide .slide-cont h3 {
    font-family:'DoulosSILR';
    font-size: 60px;
}
.main-visual-area .swiper-slide .slide-cont p {
    font-family:'DoulosSILR';
    font-size: 32px;
}
.main-visual-area .swiper-slide .slide-cont a {
    font-family:'Pretendard-sb';
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff; 
    width: 406px;
    height: 67px;
    margin-top: 25px;
    border: 1px solid #fff;
    border-radius: 10px;
    transition: all .3s;
}
.main-visual-area .swiper-slide .slide-cont a:hover {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid transparent
}
/* 메인 비주얼 끝 */

/* 메인 프로모션 영역 */
.main-promo-area .main-container {
    display: flex;
}
.main-promo-area .text-bg {
    z-index: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 270px;
}
.main-promo-area .text-bg h3 {
    line-height: 1.1;
    font-family:'DoulosSILR';
    font-size: 91px;
    margin-left: -55px;
}
.main-promo-area .text-bg h3 span {
    position: relative;
    /* margin-left: 190px; */
}

.main-promo-area .text-bg h3 span::before {
    content: "";
    position: absolute;
    bottom: 40px;
    right: -159px;
    width: 136px;
    height: 1px;
    background: rgba(255, 255, 255, 0.44);
}

.main-promo-area .cont-item {
    z-index: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-top: 200px;
}
.main-promo-area .cont-item .item:nth-of-type(1) {
    align-self: flex-end;
}
.main-promo-area .cont-item .item:nth-of-type(2) {
    margin-top: -247px;
}
.main-promo-area .cont-item .item:nth-of-type(3) {
    align-self: flex-end;
    /* padding-right: 225px; */
}
.main-promo-area .cont-item .item:nth-of-type(4) {
    /* padding-left: 325px; */
}
.main-promo-area .cont-item .item:nth-of-type(5) {
    align-self: flex-end;
}
.main-promo-area .cont-item .item a {
    display: inline-block;
}
.main-promo-area .cont-item .item .is-img {
    position: relative;
    border: 1px solid #707070;
    border-radius: 10px;
    overflow: hidden;
}
.main-promo-area .cont-item .item a .is-img:before {
    opacity: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: center url(../images/main/promo-icon.png) rgba(0, 0, 0, 0.5) no-repeat;
    transition: opacity .3s;
}
.main-promo-area .cont-item .item a:hover .is-img:before {
    opacity: 1;
}
.main-promo-area .cont-item .item .is-img img {
    width: 385px;
}
.main-promo-area .cont-item .item h4 {
    font-family:'Pretendard-r';
    font-size: 19px;
    color: #707070;
    margin-top: 25px;
}
.main-promo-area .cont-item .item p {
    font-size: 23px;
    margin-top: 9px;
}

.main-promo-area .cont-item .item.item-link a {
    font-family:'Pretendard-sb';
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff; 
    width: 370px;
    height: 67px;
    margin: 0 auto;
    border: 1px solid #fff;
    border-radius: 10px;
    transition: all .3s;
}
.main-promo-area .cont-item .item.item-link a:hover {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid transparent
}
/* 메인 프로모션 영역 끝 */

/* 메인 리얼모델 */
.main-realmodel-area {
    position: relative;
    overflow: hidden;
    padding-top: 200px;
}
.main-realmodel-area::before {
    z-index: 100;
    content: "";
    position: absolute;
    top: 200px;
    right: 0;
    width: 185px;
    height: 555px;
    background: url(../images/main/main-ongoing-bg.png) no-repeat;
}
.main-realmodel-area .cont {
    display: flex;
}
.main-realmodel-area .cont li+li {
    margin-left: 40px;
}
.main-realmodel-area .title {
    margin-right: 65px;
    z-index: 1;
}
.main-realmodel-area .title h3 {
    position: relative;
    line-height: 1.1;
    font-family: 'DoulosSILR';
    font-size: 91px;
}
.main-realmodel-area .title h3::before {
    content: "";
    position: absolute;
    bottom: 48px;
    right: -175px;
    width: 137px;
    height: 1px;
    background: rgba(255, 255, 255, 0.44);
}
.main-realmodel-area .title h3 span {
    display: inline-block;
    padding-left: 25px;
}

.main-realmodel-area .cont li.item a {
    position: relative;
    display: block;
    overflow: hidden;
    width: 420px;
    height: 550px;
    border-radius: 10px;
    border: 1px solid #626262;
}
.main-realmodel-area .cont li.item a img {
    width: 100%;
    object-fit: cover;
}
.main-realmodel-area .cont li.item a video {
    width: 100%;
    object-fit: cover;
}
.main-realmodel-area .cont .item a:hover:before {
    opacity: 1;
}
.main-realmodel-area .cont .item a:before {
    opacity: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: center url(../images/main/promo-icon.png) rgba(0, 0, 0, 0.5) no-repeat;
    transition: opacity .3s;
}
/* 메인 리얼모델 끝 */

/* 메인 온고잉 영역 */
.main-ongoing-area {
    padding-top: 200px;
}
.main-ongoing-area .cont {
    max-width: 1640px;
    width: 100%;
    margin: 0 auto;
}
.main-ongoing-area .title {
    position: relative
}
.main-ongoing-area .title::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 340px;
    transform: translateY(-50%);
    width: 137px;
    height: 1px;
    background: #707070;
}
.main-ongoing-area .title::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 490px;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: url(../images/main/ongoing-icon01.png) no-repeat;
}
.main-ongoing-area .title h3 {
    font-family:'DoulosSILR';
    font-size: 43px;
}

.main-ongoing-area .main-ongoing-slide {
    margin-top: 90px;
}
.main-ongoing-area .main-ongoing-slide::before {
    z-index: 100;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 185px;
    height: 100%;
    background: url(../images/main/main-ongoing-bg.png) no-repeat;
}
.main-ongoing-area .swiper-slide {
    width: auto;
    margin-right: 50px;
    padding-bottom: 35px;
    border: 1px solid #626262;
    border-radius: 10px;
    overflow: hidden;
}
.main-ongoing-area .is-tag {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.main-ongoing-area .is-tag sup {
    font-size: 17px;
    color: #707070;
    padding: 5px 25px;
    border: 1px solid #707070;
    border-radius: 50px;
}
.main-ongoing-area .is-tag sup+sup {
    margin-left: 20px;
}
.main-ongoing-area .is-text {
    height: 86px;
}
.main-ongoing-area .is-text p {
    font-family:'Pretendard-sb';
    font-size: 22px;
    text-align: center;
    margin-top: 15px;
}
.main-ongoing-area a {
    font-size: 17px;
    font-family:'Pretendard-m';
    display: flex;
    align-items: center;
    justify-content: center;
    width: 353px;
    height: 53px;
    margin: 0 auto;
    margin-top: 45px;
    background: rgba(56, 56, 56, .6);
    border-radius: 10px;
}
.main-ongoing-area a img {
    margin-left: 15px;
}
/* 메인 온고잉 영역 끝 */

/* 메인 의료진 영역 */
.main-doc-area {
    position: relative;
    height: 1364px;
    margin-top: 200px;
    padding-top: 230px;
    background: center / cover no-repeat url(../images/main/doc-bg.jpg);
}
.main-doc-area .cont {
    display: flex;
    flex-direction: column;
}
.main-doc-area .item01 {
    align-self: flex-end;
    padding-right: 110px;
}
.main-doc-area .item h3 {
    line-height: 1.1;
    font-family:'DoulosSILR';
    font-size: 100px;
}
.main-doc-area .item01 h3 span {
    position: relative;
    margin-left: 245px;
}

.main-doc-area .item01 h3 span::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -225px;
    transform: translateY(-50%);
    width: 194px;
    height: 1px;
    background: rgba(255, 255, 255, 0.44);
}
.main-doc-area .item p {
    font-size: 18px;
    color: #707070;
}
.main-doc-area .item01 p {
    line-height: 1.6;
    margin-left: 245px;
    margin-top: 65px;
}
.main-doc-area .item p + p {
    margin-top: 40px;
}
.main-doc-area .item a {
    font-family:'Pretendard-sb';
    display: flex;
    align-items: center;
    justify-content: center;
    width: 370px;
    height: 67px;
    margin-left: 245px;
    margin-top: 45px;
    border: 1px solid #fff;
    border-radius: 10px;
    transition: all .3s;
}
.main-doc-area .item a:hover {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid transparent
}

.main-doc-area .item02 {
    margin-top: 210px;
}
.main-doc-area .item02 h3 {
    position: relative;
    margin-left: -65px;
    display: inline-block;
}

.main-doc-area .item02 h3::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -235px;
    transform: translateY(-50%);
    width: 194px;
    height: 1px;
    background: rgba(255, 255, 255, 0.44);
}
.main-doc-area .item02 p {
    line-height: 1.6;
    margin-left: 300px;
    margin-top: 45px;
}

.main-doc-area .doc-video {
    z-index: 10;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 465px;
    height: 260px;
}
.main-doc-area .doc-video video {
    width: 100%;
}
.main-doc-area .doc-video .swiper-button-prev {
    left: 15px;
    width: 37px;
    height: 12px;
    background: url(../images/main/doc-prev-icon.png) no-repeat;
    background-size: 100%;
}
.main-doc-area .doc-video .swiper-button-next {
    right: 15px;
    width: 37px;
    height: 12px;
    background: url(../images/main/doc-next-icon.png) no-repeat;
    background-size: 100%;
}

.main-doc-area .doc-video .swiper-pagination {
    top: -23px;
    right: 10px;
}
.main-doc-area .doc-video .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    width: 4px;
    height: 4px;
    margin: 0;
    border-radius: 0;
    background: rgba(255, 255, 255, .4);
}
.main-doc-area .doc-video .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 4px;
}
.main-doc-area .doc-video .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff;
}
/* 메인 의료진 영역 끝 */

/* 메인 상담신청 영역 */
.main-contact-area {
    padding-top: 200px;
}
.main-contact-area .title h3 {
    position: relative;
    line-height: 1.1;
    font-family:'DoulosSILR';
    font-size: 100px;
    margin-left: -65px;
    display: inline-block;
}
.main-contact-area .title h3::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -235px;
    transform: translateY(-50%);
    width: 194px;
    height: 1px;
    background: rgba(255, 255, 255, 0.44);
}


.main-contact-area .is-form-title h5 {
    font-size: 18px;
    color: #707070;
}
.main-contact-area .is-form-title p {
    font-family:'Pretendard-sb';
    font-size: 26px;
    margin-top: 10px;
}




.main-contact-area .is-form .is-form-radio {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}
.main-contact-area .is-form .is-form-radio .is-radio-item + .is-radio-item {
    margin-left: 20px;
}
.main-contact-area .is-form .is-form-radio .is-radio-item:nth-of-type(7) {
    margin-left: 0;
}
.main-contact-area .is-form .is-form-radio .is-radio-item:nth-of-type(7),
.main-contact-area .is-form .is-form-radio .is-radio-item:nth-of-type(8),
.main-contact-area .is-form .is-form-radio .is-radio-item:nth-of-type(9),
.main-contact-area .is-form .is-form-radio .is-radio-item:nth-of-type(10),
.main-contact-area .is-form .is-form-radio .is-radio-item:nth-of-type(11),
.main-contact-area .is-form .is-form-radio .is-radio-item:nth-of-type(12) {
    margin-top: 25px;
}
.main-contact-area .is-form .item01 {
    margin-top: 95px;
}
.main-contact-area .is-form .item01 input[type=checkbox] {
    display: none;
}
.main-contact-area .is-form .item01 label {
    font-family:'Pretendard-sb';
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 230px;
    height: 70px;
    cursor: pointer;
}
 
/* 체크 */
.main-contact-area .is-form .item01 input[type=checkbox]:checked + label {
    background: rgba(255, 255, 255, 0.20);
    border: 1px solid transparent;
}
/* 기본 */
.main-contact-area .is-form .item01 input[type=checkbox] + label {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.18);
}
/* Hover */
@media (min-width:801px) {
    .main-contact-area .is-form .item01 .is-radio-item:hover label {
        background: rgba(255, 255, 255, 0.20);
        border: 1px solid transparent;
        transition: all .3s;
    }
    .main-contact-area.sub-contact-area .is-form .item01 .is-radio-item:hover label {
        background: rgba(255, 255, 255, 0.20);
        border: 1px solid transparent;
        transition: all .3s;
    }
}


.main-contact-area .is-form .item02 {
    margin-top: 85px;
}
.main-contact-area .is-form .item02 .is-form-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 40px;
}
.main-contact-area .is-form .cont-left .is-input+.is-input {
    margin-top: 65px;
}
.main-contact-area .is-form .cont-left .is-input input {
    font-size: 20px;
    width: 710px;
    padding-bottom: 19px;
    color: #fff;
    background: transparent;
    border-bottom: 1px solid #707070;
    border-radius: 0;
}
.main-contact-area .is-form .cont-left .is-input input::placeholder {
    font-size: 20px;
    color: #707070;
}


.main-contact-area .is-form .cont-right .is-check+.is-check {
    margin-top: 10px;
}
.main-contact-area .is-form .cont-right .is-check input[type="checkbox"] {
    display: none;
}
.main-contact-area .is-form .cont-right .is-check label {
    color: #707070;
    cursor: pointer;
}
.main-contact-area .is-form .cont-right .is-check a {
    color: #707070;
}
.main-contact-area .is-form .cont-right .is-check input + label:before {
    content: "";
    display: inline-block;
    margin-right: 14px;
    width: 14px;
    height: 14px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    vertical-align: middle;
}
.main-contact-area .is-form .cont-right .is-check input:checked + label:before {
    content: "";
    background: url(../images/main/check-icon.png) no-repeat;
    background-position: center;
    color: #fff;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
}
.main-contact-area .is-form .cont-right .is-btn {
    margin-top: 25px;
}
.main-contact-area .is-form .cont-right .is-btn button {
    position: relative;
    font-family:'Pretendard-sb';
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 615px;
    height: 82px;
    color: #fff;
    background: rgba(56, 56, 56, 0.6);
    border-radius: 10px;
    border: none;
}
.main-contact-area .is-form .cont-right .is-btn button.kakao-btn {
    margin-top: 20px;
}
.main-contact-area .is-form .cont-right .is-btn button img {
    margin-right: 15px;
}
.main-contact-area .is-form .cont-right .input-finish {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    transform: skew(0.1deg);
}
/* 메인 상담신청 영역 끝 */

/* 서브 빠른상담 추가 */
.main-contact-area.sub-contact-area .title h3 {
    margin-left: 0;
}
.main-contact-area.sub-contact-area .is-form .item01 label {
    width: 199px;
}
.main-contact-area.sub-contact-area .is-form .cont-left .is-input input {
    width: 620px;
}

.main-realmodel-area .cont-mo {
    display: none;
}
/* 공통 플로팅 */
.all-floating {
    z-index: 2000;
    position: fixed;
    right: 25px;
    bottom: 25px;    
}
.all-floating .cont {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 42px;
}
.all-floating .cont .item02 {
    position: relative;
    margin-top: 30px;
}
.all-floating .cont .item02 .is-icon {
    z-index: 2001;
    position: absolute;
    top: 0;
    left: -235px;
}
.all-floating .cont .item02 .is-icon p {
    line-height: 1.5;
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 15px;
}
.all-floating .cont .item02 .is-icon .is-close {
    position: absolute;
    top: 10px;
    right: 22px;
    cursor: pointer;
}
.all-floating .cont .item02 .is-icon .is-close > a {
    display: block;
    width: 100%;
    height: 100%;
}
.all-floating .cont .item02 .is-icon .is-close img {
    vertical-align: top;
}
.all-floating .cont .item03 {
    margin-top: 26px;
}
.all-floating .cont .item01 img {
    cursor: pointer;
}
.all-floating .cont .item02 img {
    cursor: pointer;
}
.all-floating .cont .item03 img {
    cursor: pointer;
}
.all-floating .cont-reserve {
    z-index: 2002;
    opacity: 0;
    position: fixed;
    right: 30px;
    bottom: 35px;
    padding: 50px 30px;
    transform: scale(0);
    background: #fff;
    border-radius: 100%;
    box-shadow: 6px 8px 18px 2px rgba(0, 0, 0, 0.16);
    visibility: hidden;
    transition: .5s all ease;
}
.all-floating .cont-reserve.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    border-radius: 20px;
}
.all-floating .cont-reserve .cont-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.all-floating .cont-reserve .cont-title h3 {
    font-family:'Pretendard-b';
    font-size: 24px;
    color: #000;
}
.all-floating .cont-reserve .cont-title img {
    cursor: pointer;
}
.all-floating .cont-reserve p {
    font-family:'Pretendard-sb';
    color: #A0A0A0;
    margin-bottom: 30px;
}
.all-floating .cont-reserve .is-input {
    margin-bottom: 10px;
}
.all-floating .cont-reserve .is-input input {
    font-family:'Pretendard-m';
    width: 100%;
    height: 52px;
    padding: 0 20px;
    color: #000;
    border: 1px solid rgba(112, 112, 112, .4);
    border-radius: 10px;
}
.all-floating .cont-reserve .is-input input::placeholder {
    font-family:'Pretendard-m';
    color: #A0A0A0;
}
.all-floating .cont-reserve .is-select select {
    font-family:'Pretendard-m';
    font-size: 16px;
    width: 100%;
    height: 52px;
    padding: 0 20px;
    margin-bottom: 30px;
    color: #000;
    border: 1px solid #000;
    border-radius: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none /* 화살표 없애기 */;
    background:url(../images/all/floating-select-icon.svg) no-repeat;
    background-size: 11px;
    background-position: center right 20px;
}
.all-floating .cont-reserve .is-check-all {
    margin-bottom: 30px;
}



.all-floating .cont-reserve .is-check-all .is-check {
    display: flex;
    align-items: center;
}
.all-floating .cont-reserve .is-check-all .is-check+.is-check {
    margin-top: 7px;
}
.all-floating .cont-reserve .is-check-all input[type="checkbox"] {
    display: none;
}
.all-floating .cont-reserve .is-check-all label {
    color: #000;
    cursor: pointer;
}
.all-floating .cont-reserve .is-check-all a {
    color: #000;
    margin-left: 8px;
}
.all-floating .cont-reserve .is-check-all input + label:before {
    content: "";
    display: inline-block;
    margin-right: 14px;
    width: 14px;
    height: 14px;
    border: 1px solid #000;
    vertical-align: middle;
}
.all-floating .cont-reserve .is-check-all input:checked + label:before {
    content: "";
    background: url(../images/all/floating-check-icon.svg) no-repeat;
    background-position: center;
    color: #fff;
    text-align: center;
    border: 1px solid #000;
}

.all-floating .cont-reserve button {
    font-family:'Pretendard-b';
    font-size: 18px;
    width: 310px;
    height: 52px;
    color: #fff;
    border: none;
    border-radius: 10px;
    background: #E3503D;
}
/* 공통 플로팅 끝 */


/* 서브 시작 */
/* 공통 */
.container {
    max-width: 1326px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px
}
.is-title h3 {
    font-family:'Pretendard-b';
    font-size: 65px;
}
/* 공통 끝 */

/* 왼쪽 메뉴 */
.sub-left-menu {
    z-index: 100;
    position: fixed;
    top: 185px;
    left: 0;
    padding-left: 40px;
}
.sub-left-menu li + li {
    margin-top: 20px;
}
.sub-left-menu li.depth-2 {
    margin-left: 18px;
}
.sub-left-menu li a {
    font-family:'Pretendard-b';
    color: rgba(255, 255, 255, .4);
    transition: all .3s;
}
.sub-left-menu li.active a {
    color: #fff;
}
.sub-left-menu li:hover a {
    color: #fff;
}
/* 왼쪽 메뉴 끝 */

/* 상단 타이틀 */
.is-title-area {
    padding-top: 170px;
    margin-bottom: 85px;
}
.is-title-area .title {
    padding-bottom: 55px;
    border-bottom: 1px solid #707070;
}
.is-title-area .title h1 {
    font-family:'Pretendard-b';
    font-size: 85px;
}
.is-title-area-btn .title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.is-title-area-btn .title button {
    font-family:'Pretendard-sb';
    font-size: 18px;
    width: 230px;
    height: 70px;
    color: #fff;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .18);
    transition: all .3s;
}
.is-title-area-btn .title button:hover {
    background: rgba(255, 255, 255, 0.20);
    border: 1px solid transparent;
}
/* 상단 타이틀 끝 */

/* 상단 설명영역 */
.top-info-area {
    /* max-width: 1920px; */
    width: 100%;
    margin: 0 auto;
}

.top-info-area .cont {
    display: flex;
}
.top-info-area .cont .item:first-child {
    width: 590px;
}
.top-info-area .cont .item+.item {
}
.top-info-area .cont sup {
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border: 1px solid #fff;
    border-radius: 100%;
}
.top-info-area .cont h3 {
    font-family:'Pretendard-sb';
    font-size: 30px;
    margin-top: 35px;
}
.top-info-area .cont h3 span {
    letter-spacing: 0;
    font-family:'DoulosSILR';
    font-size: 17px;
    margin-left: 14px;
    color: rgba(255, 255, 255, .4);
}
.top-info-area .cont p {
    line-height: 1.7;
    font-size: 18px;
    margin-top: 35px;
}
.top-info-area .cont-img {
    max-width: 1600px;
    width: 100%;
    margin-left: auto;
    margin-top: 115px;
}
.top-info-area .cont-img img {
    width: 100%;
}
/* 상단 설명영역 끝 */

/* 수술정보 */
.surgery-info-area {
    padding-top: 200px;
}
.surgery-info-area .title h3 {
    font-family:'Pretendard-sb';
    font-size: 45px;
}
.surgery-info-area .title h3 span {
    letter-spacing: 0;
    font-family:'DoulosSILR';
    font-size: 17px;
    color: rgba(255, 255, 255, .4);
    margin-left: 20px;
}
.surgery-info-area .cont {
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}
.surgery-info-area .cont .item {
    text-align: center;
}
.surgery-info-area .cont .item .is-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 105px;
    height: 105px;
    margin: 0 auto;
    border: 1px solid #fff;
    border-radius: 100%;
}
.surgery-info-area .cont .item h5 {
    font-family:'Pretendard-sb';
    font-size: 24px;
    margin-top: 20px;
}
.surgery-info-area .cont .item p {
    font-size: 24px;
    color: rgba(255, 255, 255, .4);
    margin-top: 10px;
}
/* 수술정보 끝 */

/* 설명 커스텀영역 */
.explanation-area {
    padding-top: 200px;
}
.explanation-area .cont {
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px;
}
.explanation-area .cont.cont-between {
    flex-wrap: nowrap;
    justify-content: space-between;
}
.explanation-area .cont .item {
    width: 304px;
}
.explanation-area .cont .item+.item {
    margin-left: 26px;
}
.explanation-area .cont .item img {
    width: 100%;
}
.explanation-area .cont .item sup {
    font-family: 'Pretendard-sb';
    font-size: 30px;
    display: block;
    margin-top: 30px;
}
.explanation-area .cont .item h5 {
    white-space: nowrap;
    font-family: 'Pretendard-sb';
    font-size: 30px;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #707070;
}
.explanation-area .cont .item p {
    position: relative;
    white-space: nowrap;
    line-height: 1.6;
    font-family: 'Pretendard-sb';
    font-size: 18px;
    margin-top: 30px;
    color: rgba(255, 255, 255, .4);
}
.explanation-area .cont .item p.marker {
    margin-top: 0;
    padding-left: 13px;
}
.explanation-area .cont .item p.marker:nth-of-type(1) {
    margin-top: 30px;
}
.explanation-area .cont .item p.marker::before {
    content: "-";
    position: absolute;
    left: 0;
    top: 0;
}


.explanation-area .is-cont-bt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 966px;
    height: 110px;
    margin-top: 80px;
    border: 1px solid rgba(255, 255, 255, .4)
}
.explanation-area .is-cont-bt p {
    line-height: 1.6;
    font-family: 'Pretendard-sb';
    font-size: 18px;
    text-align: center;
    color: rgba(255, 255, 255, .4);
}
/* 설명 커스텀영역 끝 */

/* 설명영역 */
.ex-area {
    padding-top: 200px;
}
.ex-area .cont {
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px;
}
.ex-area .cont .item {
    width: calc(100% / 3 - 95px);
    margin-top: 80px;
    margin-right: 142.5px;
}
.ex-area .cont .item:nth-of-type(1),
.ex-area .cont .item:nth-of-type(2),
.ex-area .cont .item:nth-of-type(3) {
    margin-top: 0;
}
.ex-area .cont .item:nth-of-type(3n) {
    margin-right: 0;
}
.ex-area .cont .item sup {
    font-family:'Pretendard-sb';
    font-size: 30px;
}
.ex-area .cont .item h5 {
    white-space: nowrap;
    font-family:'Pretendard-sb';
    font-size: 30px;
    padding-top: 32px;
    margin-top: 30px;
    border-top: 1px solid #707070;
}
.ex-area .cont .item p {
    white-space: nowrap;
    font-family:'DoulosSILR';
    font-size: 17px;
    color: rgba(255, 255, 255, .4);
    margin-top: 15px;
}

.ex-area.ex-area02 .cont .item sup {
    margin-top: 30px;
    display: block;
}
.ex-area.ex-area02 .cont .item p {
    white-space: nowrap;
    font-family:'Pretendard-r';
    font-size: 18px;
    color: rgba(255, 255, 255, .4);
    margin-top: 15px;
}

/* 아이템 4개 */
.ex-area .cont-item4 {
    padding-top: 80px;
    margin-top: 80px;
    border-top: 1px solid #707070;
}
.ex-area .cont-item4+.cont-item4 {
    margin-top: 200px;
    padding-top: 0;
    border-top: none;
}
.ex-area .cont-item4 .item-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.ex-area .cont-item4 .item-title h4 {
    font-family:'Pretendard-sb';
    font-size: 45px;
}
.ex-area .cont-item4 .item-title h4 small {
    font-family: 'DoulosSILR';
    font-size: 17px;
    color: rgba(255, 255, 255, .4);
    margin-left: 15px;
}
.ex-area .cont-item4 .item-title h4 span {
    font-size: 30px;
    display: block;
}
.ex-area .cont-item4 .item-title p {
    line-height: 1.5;
    font-size: 18px;
    color: rgba(255, 255, 255, .4);
}
.ex-area .cont-item4 .item p {
    position: relative;
    white-space: nowrap;
    line-height: 1.6;
    font-family: 'Pretendard-sb';
    font-size: 18px;
    margin-top: 30px;
    color: rgba(255, 255, 255, .4);
}
.ex-area .cont-item4 ul {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}
.ex-area .cont-item4 .item {
    max-width: 304px;
    width: 100%;
}
.ex-area .cont-item4 .item img {
    width: 100%;
}
.ex-area .cont-item4 .item sup {
    font-family:'Pretendard-sb';
    font-size: 27px;
    display: block;
    margin-top: 30px;
}
.ex-area .cont-item4 .item sup.custom-fz {
    white-space: nowrap;
    font-size: 30px;
}
.ex-area .cont-item4 .item h5 {
    white-space: nowrap;
    font-family:'Pretendard-sb';
    font-size: 30px;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #707070;
}
/* 아이템 4개 */

/* 아이템 3개 */
.ex-area .cont-item3 h4 {
    font-family:'Pretendard-sb';
    font-size: 45px;
}
.ex-area .cont-item3 .item {
    max-width: 380px;
    width: 100%;
}
.ex-area .cont-item3 .cont-item3-custom {
    flex-wrap: wrap;
}
.ex-area .cont-item3 .cont-item3-custom .item {
    max-width: 400px;
    width: 100%;
}
.ex-area .cont-item3 .cont-item3-custom .item:nth-of-type(4),
.ex-area .cont-item3 .cont-item3-custom .item:nth-of-type(5),
.ex-area .cont-item3 .cont-item3-custom .item:nth-of-type(6) {
    margin-top: 80px;
}
/* 아이템 3개 */
/* 아이템 3개 */
.ex-area .cont-item2 ul {
    justify-content: flex-start;
}
.ex-area .cont-item2 .item {
    max-width: 337px;
    width: 100%;
}
.ex-area .cont-item2 .item + .item {
    margin-left: 140px;
}
/* 아이템 3개 */

/* 설명영역 끝 */

/* 설명 이미지영역 */
.ex-img-area {
    position: relative;
    /* max-width: 1920px;
    width: 100%; 
    margin: 0 auto; */
    margin-top: 200px;
}
.ex-img-area .is-title {
    position: relative;
}
.ex-img-area .is-title::before {
    content: "";
    position: absolute;
    bottom: -95px;
    left: 0;
    width: 465px;
    height: 1px;
    background: #707070;
}
.ex-img-area .cont {
    /* max-width: 1920px;
    width: 100%;
    margin: 0 auto; */
}
.ex-img-area .cont .item {
    position: relative;
    display: flex;
    align-items: flex-end;
}
.ex-img-area .cont .item.item01 {
    align-items: inherit;
}
.ex-img-area .cont .item+.item {
    margin-top: 177px;
}
.ex-img-area .cont .item.left {
    position: relative;
}
.ex-img-area .cont .item.right {
    margin-right: auto;
}
.ex-img-area .cont .item .is-img {
    width: 50%;
}
.ex-img-area .cont .item.left .is-img {
    margin-left: auto;
}
.ex-img-area .cont .item .is-img img {
    width: 100%;
}
.ex-img-area .cont .item .is-text {
    width: 50%;
}
.ex-img-area .cont .item .is-text .is-text-in {
    display: inline-block;
}
.ex-img-area .cont .item.right .is-text {
    padding-left: 80px;
}

.ex-img-area .cont .item.left .is-text {
    position: absolute;
    max-width: 1326px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    margin: 0 auto;
    padding: 0 15px;
    top: 0;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
}
.ex-img-area .cont .item.item01 .is-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.ex-img-area .cont .item .is-text sup {
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border: 1px solid #fff;
    border-radius: 100%;
}
.ex-img-area .cont .item .is-text h5 {
    font-family:'Pretendard-sb';
    font-size: 45px;
    margin-top: 50px;
}
.ex-img-area .cont .item .is-text span {
    letter-spacing: 0;
    font-family:'DoulosSILR';
    font-size: 17px;
    color: rgba(255, 255, 255, .4);
    margin-left: 15px;
}
.ex-img-area .cont .item .is-text h6 {
    font-family:'Pretendard-sb';
    font-size: 24px;
    margin-top: 25px;
}
.ex-img-area .cont .item .is-text p {
    line-height: 1.7;
    font-size: 18px;
    color: rgba(255, 255, 255, .4);
    margin-top: 20px;
}
/* 설명 이미지영역 끝 */

/* 수술 슬라이드 영역 */
.surgery-slide-area {
    padding-top: 200px;
}
.surgery-slide-area .swiper-container {
    margin-top: 85px;
}
.surgery-slide-area .cont {
    max-width: 1615px;
    margin-left: auto;
    padding-left: 15px;
    width: 100%;
}
.surgery-slide-area .swiper-slide {
    width: 415px;
    height: 415px;
    margin-right: 40px;
    padding: 30px;
    transition: padding .5s;
    overflow: hidden;
}
.surgery-slide-area .swiper-slide.active {
    padding: 0;
}
.surgery-slide-area .swiper-slide sup {
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border: 1px solid #fff;
    border-radius: 100%;
}
.surgery-slide-area .swiper-slide h5 {
    font-family:'Pretendard-sb';
    font-size: 30px;
    margin-top: 30px;
}
.surgery-slide-area .swiper-slide p {
    line-height: 1.7;
    position: absolute;
    top: 0;
    right: -100%;
    font-family:'Pretendard-m';
    font-size: 18px;
    width: 100%;
    height: 100%;
    padding: 30px 15px 30px 30px;
    background: #fff;
    color: #000;
    transition: top .5s, right .5s;
}
.surgery-slide-area .swiper-slide.active p {
    right: 0;
}
.surgery-slide-area .swiper-slide .plus {
    position: absolute;
    width: 27px;
    height: 27px;
    bottom: 30px;
    right: 30px;
    cursor: pointer;
}
.surgery-slide-area .swiper-slide .plus span {
    position: absolute;
    background: #fff;
    transition: all .5s;
}
.surgery-slide-area .swiper-slide.active .plus span {
    background: #000;
}
.surgery-slide-area .swiper-slide .plus span:nth-of-type(1) {
    top: 50%;
    transform: translateY(calc(-50% + 0.5px));
    width: 27px;
    height: 1px;
}
.surgery-slide-area .swiper-slide .plus span:nth-of-type(2) {
    left: 50%;
    transform: translateX(calc(-50% - 0.5px));
    width: 1px;
    height: 27px;
}
.surgery-slide-area .swiper-slide.active .plus span:nth-of-type(1) {
    transform: translateY(calc(-50% + 0.5px)) rotate(-135deg);
}
.surgery-slide-area .swiper-slide.active .plus span:nth-of-type(2) {
    transform: translateX(calc(-50% - 0.5px)) rotate(-315deg);
}

/* 이미지 */
.surgery-slide-area .surgery-slide .swiper-slide.slide01 {
    background: center / cover no-repeat url(../images/all/surgery-slide01.jpg);
}
.surgery-slide-area .surgery-slide .swiper-slide.slide02 {
    background: center / cover no-repeat url(../images/all/surgery-slide02.jpg);
}
.surgery-slide-area .surgery-slide .swiper-slide.slide03 {
    background: center / cover no-repeat url(../images/all/surgery-slide03.jpg);
}
.surgery-slide-area .surgery-slide .swiper-slide.slide04 {
    background: center / cover no-repeat url(../images/all/surgery-slide04.jpg);
}


.surgery-slide-area .surgery-hospital-slide .swiper-slide.slide01 {
    background: center / cover no-repeat url(../images/info/hospital/surgery-slide01.jpg);
}
.surgery-slide-area .surgery-hospital-slide .swiper-slide.slide02 {
    background: center / cover no-repeat url(../images/info/hospital/surgery-slide02.jpg);
}
.surgery-slide-area .surgery-hospital-slide .swiper-slide.slide03 {
    background: center / cover no-repeat url(../images/info/hospital/surgery-slide03.jpg);
}
.surgery-slide-area .surgery-hospital-slide .swiper-slide.slide04 {
    background: center / cover no-repeat url(../images/info/hospital/surgery-slide04.jpg);
}



/* 이미지 */
/* 수술 슬라이드 영역 끝 */

/* 관리 프로그램 */
.management-program-area {
    padding-top: 200px;
}
.management-program-area .is-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.management-program-area .is-title p {
    line-height: 1.7;
    font-size: 18px;
    color: rgba(255, 255, 255, .4);
}
.management-program-area .cont-all {
    margin-top: 120px;
}
.info-surgery-sys-area .cont-all.cont-all-mo {
    display: none;
}
.management-program-area .cont-all.cont-all-mo {
    display: none;
}
/* 관리 프로그램 끝 */

/* 서브페이지 아코디언 영역 */
.cont-accordion {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.cont-accordion .cont {
    width: calc(100% / 2 - 27px);
}
.cont-accordion .cont .item {
    width: 100%;
    padding: 49px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    cursor: pointer;
}
.cont-accordion .cont .item:nth-of-type(1) {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.cont-accordion .cont .item .item-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cont-accordion .cont .item .item-title img {
    transition: all .3s;
}
.cont-accordion .cont .item .item-title img.active {
    transform: rotate(180deg);
}
.cont-accordion .cont .item .is-text {
    display: flex;
    align-items: center;
}
.cont-accordion .cont .item .is-text h5 {
    font-family:'Pretendard-sb';
    font-size: 30px;
}
.cont-accordion .cont .item .is-text p {
    letter-spacing: 0;
    font-family: 'DoulosSILR';
    font-size: 17px;
    align-self: flex-end;
    color: rgba(255, 255, 255, .4);
    margin-left: 15px;
}
.cont-accordion .cont .item .item-toggle {
    margin-top: 25px;
    display: none;
}
.cont-accordion .cont .item .item-toggle p {
    line-height: 1.7;
    font-size: 18px;
    color: rgba(255, 255, 255, .4);
}
/* 서브페이지 아코디언 영역 */

/* 전후사진 */
.before-after-area {
    padding-top: 200px;
}
.before-after-area .cont {
    display: flex;
    justify-content: space-between;
}
.before-after-area .cont .is-title {
    width: 50%;
}
.before-after-area .cont .is-title a {
    font-family:'Pretendard-sb';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 370px;
    height: 67px;
    margin-top: 60px;
    border: 1px solid #fff;
    border-radius: 10px;
    transition: all .3s;
}
.before-after-area .cont .is-title a:hover {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid transparent;
}
.before-after-area .cont .is-slide {
    width: 50%;
}


.before-after-area .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
    content: " ";
    display: block;
    background: #fff;
    position: absolute;
    z-index: 30;
}
.before-after-area .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
    width: 2px;
    height: 9999px;
    left: 50%;
    /* margin-left: -1.5px; */
    transform: translateX(-50%);
}
.before-after-area .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
    display: none;
}
.before-after-area .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute; 
}

.before-after-area .twentytwenty-left-arrow, .twentytwenty-right-arrow {
    top: 50%;
    margin-top: -6px; 
}
.before-after-area .twentytwenty-container {
    touch-action: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 0;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; 
    border-bottom: 2px solid #323232;
}
.before-after-area .twentytwenty-container img {
    max-width: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    display: block;
}
.before-after-area .twentytwenty-handle {
    height: 58px;
    width: 58px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 40;
    border: 2px solid #fff;
    cursor: pointer; 
}
.before-after-area .twentytwenty-horizontal .twentytwenty-handle:before {
    bottom: 50%;
    margin-bottom: 28px;
}
.before-after-area .twentytwenty-horizontal .twentytwenty-handle:after {
    top: 50%;
    margin-top: 28px;
}
.before-after-area .twentytwenty-left-arrow::before {
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    content: "";
    width: 10px;
    height: 14px;
    background: url(../images/breast/all/arrow-left.png) no-repeat;
}
.before-after-area .twentytwenty-right-arrow::before {
    position: absolute;
    top: 50%;
    right: -42px;
    transform: translateY(-50%);
    content: "";
    width: 10px;
    height: 14px;
    background: url(../images/breast/all/arrow-right.png) no-repeat;
}
.before-after-area .before-after-slide-sm .swiper-slide {
    /* filter: brightness(.4);
    -webkit-filter: brightness(.4); */
    width: 161px;
    margin-right: 14px;
    cursor: pointer;
}
.before-after-area .before-after-slide-sm .swiper-slide::before {
    z-index: 1;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.before-after-area .before-after-slide-sm .swiper-slide.active::before {
    background: rgba(0, 0, 0, 0);
}
.before-after-area .before-after-slide-sm .swiper-slide:last-child {
    margin-right: 0;
}
.before-after-area .before-after-slide-sm .swiper-slide img {
    width: 100%;
}


.before-after-area .cont-sm {
    position: relative;
    margin-top: 33px;
}
.before-after-area .before-after-slide-sm-left {
    opacity: 1;
    top: 45px;
    right: inherit;
    left: -90px;
    width: 60px;
    height: 60px;
    background: url(../images/breast/all/slide-left.svg) no-repeat;
    background-size: 100%;
}
.before-after-area .before-after-slide-sm-right {
    opacity: 1;
    top: 45px;
    right: -90px;
    left: inherit;
    width: 60px;
    height: 60px;
    background: url(../images/breast/all/slide-right.svg) no-repeat;
    background-size: 100%;
}
/* 전후사진 끝 */


/* 서브 유튜브영역 */
.sub-youtube-area {
    padding-top: 200px;
}
.sub-youtube-area .is-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.sub-youtube-area .is-title a {
    font-family: 'Pretendard-sb';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 370px;
    height: 67px;
    margin-top: 60px;
    border: 1px solid #fff;
    border-radius: 10px;
    transition: all .3s;
}
.sub-youtube-area .is-title a:hover {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid transparent;
}
.sub-youtube-area .cont {
    max-width: 1615px;
    margin-left: auto;
    padding-left: 15px;
    width: 100%;
}
.sub-youtube-area .sub-youtube-slide {
    margin-top: 70px;
}
.sub-youtube-area .sub-youtube-slide::before {
    z-index: 100;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 185px;
    height: 100%;
    background: url(../images/all/sub-youtube-bg.png) no-repeat;
}
.sub-youtube-area .swiper-slide {
    width: auto;
    margin-right: 50px;
    padding-bottom: 35px;
    border: 1px solid #626262;
    border-radius: 10px;
    overflow: hidden;
}
.sub-youtube-area .is-tag {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.sub-youtube-area .is-tag sup {
    font-size: 17px;
    color: #707070;
    padding: 5px 25px;
    border: 1px solid #707070;
    border-radius: 50px;
}
.sub-youtube-area .is-tag sup+sup {
    margin-left: 20px;
}
.sub-youtube-area .is-text {
    height: 86px;
}
.sub-youtube-area .is-text p {
    font-family:'Pretendard-sb';
    font-size: 22px;
    text-align: center;
    margin-top: 15px;
}
.sub-youtube-area .cont a {
    font-size: 17px;
    font-family:'Pretendard-m';
    display: flex;
    align-items: center;
    justify-content: center;
    width: 353px;
    height: 53px;
    margin: 0 auto;
    margin-top: 45px;
    background: rgba(56, 56, 56, .6);
    border-radius: 10px;
}
.sub-youtube-area .cont a img {
    margin-left: 15px;
}
/* 서브 유튜브영역 */

/* 하단 이벤트 */
.sub-r-event-area {
    position: relative;
    padding-top: 200px;
}
.sub-r-event-area .is-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.sub-r-event-area .is-title a {
    font-family:'Pretendard-sb';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 370px;
    height: 67px;
    margin-top: 60px;
    border: 1px solid #fff;
    border-radius: 10px;
    transition: all .3s;
}
.sub-r-event-area .is-title a:hover {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid transparent;
}
.sub-r-event-area .cont {
    max-width: 1615px;
    margin-left: auto;
    padding-left: 15px;
    width: 100%;
}
.sub-r-event-area .r-event-slide {
    margin-top: 80px;
}
.sub-r-event-area .r-event-slide::before {
    z-index: 99;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 185px;
    height: 739px;
    background: url(../images/all/sub-r-event-bg.png) no-repeat;
}
.sub-r-event-area .r-event-slide .swiper-slide {
    width: 365px;
    margin-right: 100px;
}
.sub-r-event-area .r-event-slide .swiper-slide a {
    display: block;
    padding-bottom: 45px;
    border-bottom: 1px solid #707070;
}
.sub-r-event-area .r-event-slide .swiper-slide a img {
    width: 100%;
}
.sub-r-event-area .r-event-slide .swiper-slide .is-text {
    text-align: center;
}
.sub-r-event-area .r-event-slide .swiper-slide h5 {
    font-family:'Pretendard-sb';
    font-size: 30px;
    padding-top: 45px;
}
.sub-r-event-area .r-event-slide .swiper-slide p {
    letter-spacing: 0;
    font-family: 'DoulosSILR';
    font-size: 17px;
    align-self: flex-end;
    color: rgba(255, 255, 255, .4);
    padding-top: 5px;
}
/* 하단 이벤트 끝 */

/* 의료진 소개 콘텐츠 */
.doc-area.active {
    padding-bottom: 1000px;
}
.doc-area .cont .is-title h5 {
    letter-spacing: 0;
    font-family: 'DoulosSILR';
    font-size: 17px;
    color: rgba(255, 255, 255, .4);
}
.doc-area .cont .is-title p {
    font-family:'Pretendard-sb';
    font-size: 26px;
    margin-top: 5px;
}
.doc-area .cont .item + .item {
    margin-top: 87px;
}
.doc-area .cont .is-doc {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}
.doc-area .cont .is-doc li {
    font-family:'Pretendard-sb';
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 230px;
    height: 70px;
    margin-top: 25px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    transition: all .3s;
    cursor: pointer;
}
.doc-area .cont .is-doc li:hover {
    background: rgba(255, 255, 255, 0.20);
    border: 1px solid transparent;
}
.doc-area .cont .is-doc li+li {
    margin-left: 36px;
}
.doc-area .cont .is-doc li:nth-of-type(1),
.doc-area .cont .is-doc li:nth-of-type(2),
.doc-area .cont .is-doc li:nth-of-type(3),
.doc-area .cont .is-doc li:nth-of-type(4),
.doc-area .cont .is-doc li:nth-of-type(5) {
    margin-top: 0;
}
.doc-area .cont .is-doc li:nth-of-type(6) {
    margin-left: 0;
}
.doc-area .cont .is-doc li:nth-of-type(11) {
    margin-left: 0;
}
.doc-area .cont .is-doc li:nth-of-type(16) {
    margin-left: 0;
}
/* 의료진 소개 콘텐츠 끝 */

/* 의료진 팝업 */
.doc-pop {
    z-index: 1005;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: #000;
}
.doc-pop .container {
    position: relative;
}
.doc-pop.active {
    display: block;
}
.doc-pop .cont {
    position: relative;
    margin-top: 165px;
}
.doc-pop .cont .is-img {
    z-index: -1;
    position: absolute;
    top: 95px;
    left: 70px;
}
.doc-pop .cont .is-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(328deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.85) 100%);
}
.doc-pop .cont .is-text {
    display: flex;
    flex-direction: column;
}
.doc-pop .cont .is-text .left h5 {
    font-family:'Pretendard-sb';
    font-size: 45px;
}
.doc-pop .cont .is-text .right {
    align-self: flex-end;
}
.doc-pop .cont .is-text .right h6 {
    font-family:'Pretendard-sb';
    font-size: 30px;
}
.doc-pop .cont .is-text .right h6 span {
    letter-spacing: 0;
    font-family: 'DoulosSILR';
    font-size: 17px;
    color: rgba(255, 255, 255, .4);
    margin-left: 30px;
}


.doc-pop .cont .is-text .right {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 340px;
    overflow: hidden;
}
.doc-pop .cont .is-text .right ul:nth-of-type(1) {
    margin-top: 35px;
}
.doc-pop .cont .is-text .right ul+ul {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #707070;
}
.doc-pop .cont .is-text .right ul li {
    font-size: 18px;
}
.doc-pop .cont .is-text .right ul li+li {
    margin-top: 7px;
}
.doc-pop .is-close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
/* 의료진 팝업 끝 */

/* 수술시스템 영역 */
.info-surgery-sys-area .is-img {
    max-width: 1600px;
    width: 100%;
    margin-left: auto;
    margin-top: 80px;
}
.info-surgery-sys-area .is-img img {
    width: 100%;
}
.info-surgery-sys-area .cont-accordion {
    margin-top: 85px;
}
.info-surgery-sys-area .cont-accordion .cont .item .is-text {
    display: block;
}
.info-surgery-sys-area .cont-accordion .cont .item .is-text p {
    font-family: 'DoulosSILR';
    font-size: 17px;
    align-self: flex-end;
    color: rgba(255, 255, 255, .4);
    margin-left: 0;
    margin-top: 10px;
}
.info-surgery-sys-area  .cont-accordion .cont .item .item-toggle img {
    width: 100%;
}
.info-surgery-sys-area  .cont-accordion .cont .item .item-toggle p {
    margin-top: 25px;
}
/* 수술시스템 영역 끝 */

/* 오시는 길 */
.map-area .cont01 {
    margin-top: 35px;
}
.map-area .cont02 {
    padding-top: 35px;
    margin-top: 40px;
    border-top: 1px solid #707070;
}
.map-area .cont03 {
    padding-top: 35px;
    margin-top: 130px;
    border-top: 1px solid #707070;
}
.map-area .cont .item {
    display: flex;
    align-items: flex-start;
}
.map-area .cont .item .item-first {
    width: 50%;
}
.map-area .cont .item .item-title {
    display: flex;
    align-items: flex-end;
}
.map-area .cont .item .item-title h3 {
    font-family:'Pretendard-sb';
    font-size: 30px;
}
.map-area .cont .item .item-title p {
    font-family: 'DoulosSILR';
    font-size: 17px;
    align-self: flex-end;
    color: rgba(255, 255, 255, .4);
    margin-left: 10px;
}
.map-area .cont .item-ex h5 {
    font-family:'Pretendard-sb';
    font-size: 45px;
}
.map-area .cont .item-ex h6 {
    font-family:'Pretendard-sb';
    font-size: 24px;
    margin-top: 30px;
}
.map-area .cont .item-ex p {
    line-height: 1.7;
    font-size: 18px;
    margin-top: 15px;
}
.map-area .cont .item-ex .is-link {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}
.map-area .cont .item-ex .is-link a {
    font-family:'Pretendard-sb';
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 615px;
    height: 82px;
    background: rgba(56, 56, 56, .6);
    border-radius: 10px;
}
.map-area .cont .item-ex .is-link a+a {
    margin-top: 20px;
}
.map-area .cont .item-ex .is-link a img {
    margin-right: 22px;
}

.map-area .cont .item-tel a {
    line-height: 1;
    font-family:'DoulosSILR';
    font-size: 100px;
}

.map-area .cont .item-time li span {
    display: inline-block;
    font-family:'Pretendard-sb';
    font-size: 24px;
} 
.map-area .cont .item-time li span.custom {
    width: 90px;
}
.map-area .is-map {
    width: 100%;
    height: 503px;
}
.map-area .customoverlay:nth-of-type(n) {
    border: 0;
    box-shadow: 0px 1px 2px #888;
}
.map-area .customoverlay {
    position: relative;
    bottom: 85px;
    left: 12px;
    border-radius: 6px;
    border: 1px solid #ccc;
    border-bottom: 2px solid #ddd;
    float: left;
}
.map-area .customoverlay a {
    display: block;
    text-decoration: none;
    color: #000;
    text-align: center;
    border-radius: 6px;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    background: #E3503D;
    background: #E3503D url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;
}
.map-area .customoverlay .title {
    display: block;
    text-align: center;
    background: #fff;
    margin-right: 35px;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: bold;
}
.map-area .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);
}

/* 오시는길 날씨정보 */
.is-weather {
    margin-top: 100px;
    display: flex;
}
.is-weather svg {
    display: none;
    width: 80px;
    height: 80px;
    fill: #fff;
}
.is-weather .is-weather-right {
    margin-left: 20px;
}
.is-weather .ctemp {
    font-family:'DoulosSILR';
    font-size: 50px;
    padding-top: 15px;
}

.is-weather-text p {
    position: relative;
    font-family:'Pretendard-sb';
    font-size: 24px;
    display: none;
    margin-top: 30px;
}
.is-weather-text p::before {
    font-family:'Pretendard-r';
    position: absolute;
    content: "/";
    top: 0;
    left: -30px;
    transform: rotate(10deg);
    color: rgba(255, 255, 255, 0.4);
}

.weather200 .thunder-cloud,
.weather201 .thunder-cloud,
.weather202 .thunder-cloud,
.weather210 .thunder-cloud,
.weather211 .thunder-cloud,
.weather212 .thunder-cloud,
.weather221 .thunder-cloud,
.weather230 .thunder-cloud,
.weather231 .thunder-cloud,
.weather232 .thunder-cloud,
.weather200 .thunder-cloud {
    display: block;
}
.weather300 .rain-cloud,
.weather301 .rain-cloud,
.weather302 .rain-cloud,
.weather310 .rain-cloud,
.weather311 .rain-cloud,
.weather312 .rain-cloud,
.weather313 .rain-cloud,
.weather314 .rain-cloud,
.weather321 .rain-cloud,
.weather500 .rain-cloud,
.weather501 .rain-cloud,
.weather502 .rain-cloud,
.weather503 .rain-cloud,
.weather504 .rain-cloud,
.weather511 .rain-cloud,
.weather520 .rain-cloud,
.weather521 .rain-cloud,
.weather522 .rain-cloud,
.weather531 .rain-cloud {
    display: block;
}

.weather300 .rain-cloud01,
.weather301 .rain-cloud01,
.weather310 .rain-cloud01,
.weather311 .rain-cloud01,
.weather313 .rain-cloud01,
.weather321 .rain-cloud01,
.weather500 .rain-cloud01,
.weather520 .rain-cloud01 {
    display: block;
}
.weather302 .rain-cloud02,
.weather312 .rain-cloud02,
.weather314 .rain-cloud02,
.weather501 .rain-cloud02,
.weather502 .rain-cloud02,
.weather503 .rain-cloud02,
.weather504 .rain-cloud02,
.weather511 .rain-cloud02,
.weather521 .rain-cloud02,
.weather522 .rain-cloud02,
.weather531 .rain-cloud02 {
    display: block;
}
.weather600 .snow-cloud,
.weather601 .snow-cloud,
.weather602 .snow-cloud,
.weather611 .snow-cloud,
.weather612 .snow-cloud,
.weather613 .snow-cloud,
.weather615 .snow-cloud,
.weather616 .snow-cloud,
.weather620 .snow-cloud,
.weather621 .snow-cloud,
.weather622 .snow-cloud {
    display: block;
}

.weather701 .windy-cloud,
.weather711 .windy-cloud,
.weather721 .windy-cloud,
.weather731 .windy-cloud,
.weather741 .windy-cloud,
.weather751 .windy-cloud,
.weather761 .windy-cloud,
.weather762 .windy-cloud,
.weather771 .windy-cloud,
.weather781 .windy-cloud {
    display: block;
}

.weather800 .sunshine {
    display: block;
}
.weather801 .sun-cloud,
.weather802 .sun-cloud,
.weather803 .sun-cloud,
.weather804 .sun-cloud {
    display: block;
}


.thunder-cloud .bolt {
  animation: flash 2s infinite;
}

@keyframes flash {
  0% {
    transform: translateY(-25px) translateX(25px) scaleY(0.95);
    opacity: 0;
  }
  5%, 25% {
    opacity: 1;
  }
  15%, 20% {
    opacity: 0;
  }
  50% {
    transform: translateY(8px) translateX(-10px);
    opacity: 1;
  }
  80% {
    transform: translateY(8px) translateX(-10px);
    opacity: 0;
  }
  100% {
    transform: translateY(-25px) translateX(25px) scaleY(0.95);
    opacity: 0;
  }
}

/* Raindrops Animation */
.rain-cloud .raindrop-one,
.rain-cloud .raindrop-two,
.rain-cloud .raindrop-three {
  opacity: 0;
  animation-timing-function: cubic-bezier(1, 0, 1, 1);
}

.rain-cloud .raindrop-one {
  animation: falling-drop-one 2s infinite;
}

.rain-cloud .raindrop-two {
  animation: falling-drop-two 1.90s infinite;
  animation-delay: 0.8s;
}

.rain-cloud .raindrop-three {
  animation: falling-drop-three 1.80s infinite;
  animation-delay: 0.5s;
}

@keyframes falling-drop-one {
  0% {
    transform: translateY(-35px);
    opacity: 0;
  }
  10% {
    transform: translateY(-15px);
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  60% {
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    transform: translateY(-35px);
    opacity: 0;
  }
}

@keyframes falling-drop-two {
  0% {
    transform: translateY(-105px);
    opacity: 0;
  }
  10% {
    transform: translateY(-85px);
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  60% {
    transform: translateY(5px);
    opacity: 0;
  }
  100% {
    transform: translateY(-105px);
    opacity: 0;
  }
}

@keyframes falling-drop-three {
  0% {
    transform: translateY(-105px);
    opacity: 0;
  }
  10% {
    transform: translateY(-85px);
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  60% {
    transform: translateY(35px);
    opacity: 0;
  }
  100% {
    transform: translateY(-105px);
    opacity: 0;
  }
}

/* Snowflake Animations */
.snow-cloud .snowflake-one,
.snow-cloud .snowflake-two,
.snow-cloud .snowflake-three {
  opacity: 0;
  transform-origin: center center;
  animation-timing-function: ease-in;
}

.snow-cloud .snowflake-one {
  animation: falling-snow-one 4s infinite;
}

.snow-cloud .snowflake-two {
  animation: falling-snow-two 3.8s infinite;
  animation-delay: 2.5s;
}

.snow-cloud .snowflake-three {
  animation: falling-snow-three 3.9s infinite;
  animation-delay: 1.5s;
}

@keyframes falling-snow-one {
  0% {
    transform: translateY(-65px) rotate(0);
    opacity: 0;
  }
  20% {
    transform: translateY(-10px) translateX(30px) rotate(-30deg);
    opacity: 1;
  }
  40% {
    transform: translateY(45px) translateX(-30px) rotate(30deg);
  }
  50% {
    opacity: 1;
  }
  60% {
    transform: translateY(100px) translateX(30px) rotate(-30deg);
    opacity: 0;
  }
  100% {
    transform: translateY(-65px);
    opacity: 0;
  }
}

@keyframes falling-snow-two {
  0% {
    transform: translateY(-75px) rotate(0);
    opacity: 0;
  }
  20% {
    transform: translateY(-45px) translateX(40px) rotate(-30deg);
    opacity: 1;
  }
  40% {
    transform: translateY(5px) translateX(-40px) rotate(30deg);
  }
  50% {
    opacity: 1;
  }
  60% {
    transform: translateY(30px) translateX(20px) rotate(-30deg);
    opacity: 0;
  }
  100% {
    transform: translateY(-75px);
    opacity: 0;
  }
}

@keyframes falling-snow-three {
  0% {
    transform: translateY(-85px) rotate(0);
    opacity: 0;
  }
  20% {
    transform: translateY(-10px) translateX(-30px) rotate(30deg);
    opacity: 1;
  }
  40% {
    transform: translateY(25px) translateX(30px) rotate(-30deg);
  }
  50% {
    opacity: 1;
  }
  60% {
    transform: translateY(60px) translateX(-30px) rotate(30deg);
    opacity: 0;
  }
  100% {
    transform: translateY(-85px);
    opacity: 0;
  }
}

/* Sunny Cloud Animations */
.sun-cloud .sun-half {
  animation: sun-grow 4s infinite cubic-bezier(0.2, 0.85, 0.4, 1.5);
  transform-origin: bottom center;
}

.sun-cloud .ray-one {
  animation: ray-show-one 4s infinite linear;
  transform-origin: center right;
}
.sun-cloud .ray-two {
  animation: ray-show-two 4s infinite linear;
  transform-origin: bottom right;
}
.sun-cloud .ray-three {
  animation: ray-show-three 4s infinite linear;
  transform-origin: bottom center;
}
.sun-cloud .ray-four {
  animation: ray-show-four 4s infinite linear;
  transform-origin: bottom left;
}
.sun-cloud .ray-five {
  animation: ray-show-five 4s infinite linear;
  transform-origin: center left;
}

@keyframes sun-grow {
  0%, 90%, 100% {
    transform: scale(0.5);
    opacity: 0;
  }
  15%, 80% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes ray-show-one {
  0%, 15%, 80%, 100% {
    transform: scale(0.5);
    opacity: 0;
  }
  20%, 70% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes ray-show-two {
  0%, 20%, 80%, 100% {
    transform: scale(0.5);
    opacity: 0;
  }
  25%, 70% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes ray-show-three {
  0%, 25%, 80%, 100% {
    transform: scale(0.5);
    opacity: 0;
  }
  30%, 70% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes ray-show-four {
  0%, 30%, 80%, 100% {
    transform: scale(0.5);
    opacity: 0;
  }
  35%, 70% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes ray-show-five {
  0%, 35%, 80%, 100% {
    transform: scale(0.5);
    opacity: 0;
  }
  40%, 70% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes ray-show-six {
  0%, 40%, 80%, 100% {
    transform: scale(0.5);
    opacity: 0;
  }
  45%, 70% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes ray-show-seven {
  0%, 45%, 80%, 100% {
    transform: scale(0.5);
    opacity: 0;
  }
  50%, 70% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes ray-show-eight {
  0%, 50%, 80%, 100% {
    transform: scale(0.5);
    opacity: 0;
  }
  55%, 70% {
    transform: scale(1);
    opacity: 1;
  }
}

/* Sunshine Animation */
/* If only using this animation be sure to grab the sun-grow and ray-show-x keyframes set above */
.sunshine .sun-full {
  animation: sun-grow 4s infinite cubic-bezier(0.2, 0.85, 0.4, 1.5);
  transform-origin: center center;
}

.sunshine .sun-ray-one {
  animation: ray-show-one 4s infinite ease-in;
  transform-origin: center right;
}

.sunshine .sun-ray-two {
  animation: ray-show-two 4s infinite ease-in;
  transform-origin: bottom right;
}

.sunshine .sun-ray-three {
  animation: ray-show-three 4s infinite ease-in;
  transform-origin: bottom center;
}

.sunshine .sun-ray-four {
  animation: ray-show-four 4s infinite ease-in;
  transform-origin: bottom left;
}

.sunshine .sun-ray-five {
  animation: ray-show-five 4s infinite ease-in;
  transform-origin: center left;
}

.sunshine .sun-ray-six {
  animation: ray-show-six 4s infinite ease-in;
  transform-origin: top left;
}

.sunshine .sun-ray-seven {
  animation: ray-show-seven 4s infinite ease-in;
  transform-origin: top center;
}

.sunshine .sun-ray-eight {
  animation: ray-show-eight 4s infinite ease-in;
  transform-origin: top right;
}

/* Windy Cloud Animation */
.windy-cloud .cloud-wrap {
  animation: bob 2s infinite cubic-bezier(0,0,.5,1.5);
}
.windy-cloud .cloud {
  animation: cloud-push 4s infinite;
  transform-origin: left center;
}
.windy-cloud .wind-one {
  animation: wind-slide-one 4s infinite;
}
.windy-cloud .wind-two {
  animation: wind-slide-two 4s infinite;
}
.windy-cloud .wind-three {
  animation: wind-slide-three 4s infinite;
}

@keyframes bob {
  0%, 100% {
    transform: translateY(10px);
  }
  50% {
    transform: translateY(-10px);
  }
}

@keyframes cloud-push {
  0%, 80%, 100% {
    transform: translateX(-120px) scale(1.2);
  }
  10%, 60% {
    transform: translateX(0) scale(1);
  }
}

@keyframes wind-slide-one {
  0%, 70%, 100% {
    transform: scaleX(0);
    opacity: 0;
  }
  10%, 60% {
    transform: scaleX(1);
    opacity: 1;
  }
}

@keyframes wind-slide-two {
  0%, 70%, 100% {
    transform: scaleX(0);
    opacity: 0;
  }
  10%, 60% {
    transform: scaleX(1);
    opacity: 1;
  }
}

@keyframes wind-slide-three {
  0%, 70%, 100% {
    transform: scaleX(0);
    opacity: 0;
  }
  10%, 60% {
    transform: scaleX(1);
    opacity: 1;
  }
}
/* 오시는 길 끝 */

/* 온라인상담 리스트 */
.online-consulting-list-area .cont-category {
    display: flex;
    flex-wrap: wrap;
}
.online-consulting-list-area .cont-category li {
    width: calc(100% / 5 - 29px);
    margin-left: 36px;
    margin-top: 25px;
}
.online-consulting-list-area .cont-category-all li {
    margin-top: 0;
}
.online-consulting-list-area .cont-category li:nth-of-type(1),
.online-consulting-list-area .cont-category li:nth-of-type(6) {
    margin-left: 0;
}
.online-consulting-list-area .cont-category li a {
    font-family:'Pretendard-sb';
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70px;
    color: #fff;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.18);
    transition: all .3s;
}
.online-consulting-list-area .cont-category li.active a {
    border: 1px solid transparent;
    background: rgba(255, 255, 255, 0.18);
}
.online-consulting-list-area .cont-category li a:hover {
    border: 1px solid transparent;
    background: rgba(255, 255, 255, 0.18);

}


.online-consulting-list-area .cont-list {
    margin-top: 50px;
}
.online-consulting-list-area .cont-list table {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.online-consulting-list-area .cont-list th {
    font-family:'Pretendard-sb';
    font-size: 18px;
    padding: 28px 0;
}
.online-consulting-list-area .cont-list tbody tr {
    border-top: 1px solid rgba(255, 255, 255, .4);
}
.online-consulting-list-area .cont-list tbody td {
    font-size: 18px;
    text-align: center;
    padding: 28px 0;
}
.online-consulting-list-area .cont-list tbody td img {
    vertical-align: middle;
}
.online-consulting-list-area .cont-bt {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}
.online-consulting-list-area .cont-bt select {
    font-family:'Pretendard-sb';
    font-size: 18px;
    width: 200px;
    height: 50px;
    padding-left: 20px;
    margin-right: 15px;
    color: #fff;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border: 1px solid rgba(255, 255, 255, 0.18);
}
.online-consulting-list-area .cont-bt select option {
    color: #fff;
    background: #000;
    border: 1px solid rgba(255, 255, 255, .4);
}
.online-consulting-list-area .cont-bt input {
    font-family:'Pretendard-sb';
    font-size: 18px;
    width: 410px;
    height: 50px;
    color: #fff;
    padding: 0 20px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 0;
    background: transparent;
}
.online-consulting-list-area .cont-bt input::placeholder {
    color:rgba(255, 255, 255, 0.4);
}
.online-consulting-list-area .cont-bt button {
    font-family:'Pretendard-sb';
    font-size: 18px;
    color: #fff;
    width: 200px;
    height: 50px;
    background: #e3503d;
    border: none;
}
/* 온라인상담 리스트 끝 */

/* 온라인상담 읽기 */
.online-consulting-read-area .cont-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 30px;
    border-bottom: 1px solid #707070;
}
.online-consulting-read-area .cont-title h3 {
    font-family:'Pretendard-sb';
    font-size: 30px;
    width: 80%;
}
.online-consulting-read-area .cont-title-info {
    display: flex;
}
.online-consulting-read-area .cont-title-info p {
    font-size: 20px;
    color: rgba(255, 255, 255, .57);
}
.online-consulting-read-area .cont-title-info p.date {
    margin-left: 20px;
}
.online-consulting-read-area .cont-text {
    padding: 70px 0;
    border-bottom: 1px solid #707070;
}
.online-consulting-read-area .cont-text p {
    font-size: 20px;
    color: rgba(255, 255, 255, .57);
}
.online-consulting-read-area .cont-text img {
    max-width: 100%;
    margin-top: 30px;
}
.online-consulting-read-area .cont-btn {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
}
.online-consulting-read-area .cont-btn a {
    font-family:'Pretendard-sb';
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 142px;
    height: 50px;
    background: rgba(255, 255, 255, .18);
}
.online-consulting-read-area .cont-btn a+a {
    margin-left: 10px;
}

/* 댓글 */
.online-consulting-read-area .cont-comment {
    margin-top: 80px;
}
.online-consulting-read-area .cont-comment .is-admin-text {
    width: 100%;
    height: 266px;
}
.online-consulting-read-area .cont-comment .is-admin-text textarea {
    font-size: 20px;
    width: 100%;
    height: 100%;
    color: #fff;
    padding: 40px;
    background: transparent;
    border: 1px solid #707070;
}
.online-consulting-read-area .cont-comment .is-admin-btn {
    display: flex;
    justify-content: flex-end;
}
.online-consulting-read-area .cont-comment .is-admin-btn button {    
    font-family: 'Pretendard-sb';
    font-size: 18px;
    width: 142px;
    height: 50px;
    margin-top: 30px;
    color: #fff;
    background: rgba(255, 255, 255, .18);
    border: 1px solid transparent;
}
.online-consulting-read-area .cont-comment-view {
    margin-top: 100px;
}
.online-consulting-read-area .cont-comment-view .is-view-title {
    display: flex;
    align-items: center;
}
.online-consulting-read-area .cont-comment-view .is-view-title h3 {
    font-family: 'Pretendard-sb';
    font-size: 24px;
}
.online-consulting-read-area .cont-comment-view .is-view-title img {
    margin-right: 15px;
}
.online-consulting-read-area .cont-comment-view .is-view-text {
    padding: 40px;
    margin-top: 20px;
    background: rgba(255, 255, 255, .15);
}
.online-consulting-read-area .cont-comment-view .is-view-text p {
    font-size: 20px;
    color: rgba(255, 255, 255, .57);;
}
.online-consulting-read-area .cont-comment-view .is-view-btn {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
}
.online-consulting-read-area .cont-comment-view .is-view-btn button {
    font-family: 'Pretendard-sb';
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 142px;
    height: 50px;
    color: #fff;
    background: rgba(255, 255, 255, .18);
    border: none;
}
.online-consulting-read-area .cont-comment-view .is-view-btn button+button {
    margin-left: 10px;
}

.online-consulting-read-area .cont-link {
    margin-top: 100px;
}
.online-consulting-read-area .cont-link-list a {
    display: flex;
    align-items: center;
    padding: 40px 30px;
    border: 1px solid rgba(203, 203, 203, .4);
    border-left: none;
    border-right: none;
}
.online-consulting-read-area .cont-link-list a+a {
    border-top: none;
}
.online-consulting-read-area .cont-link-list a img {
    margin-right: 15px;
}
.online-consulting-read-area .cont-link-list a p {
    font-size: 20px;
}
.online-consulting-read-area .cont-link-list a p:nth-of-type(1) {
    margin-right: 60px;
}
.online-consulting-read-area .cont-link-list a p:nth-of-type(2),
.online-consulting-read-area .cont-link-list a p:nth-of-type(3) {
    color: rgba(255, 255, 255, .57);
}
.online-consulting-read-area .cont-link-list a p:nth-of-type(3) {
    margin-left: auto;
}


.online-consulting-read-area .cont-link-btn a {
    font-family:'Pretendard-sb';
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 230px;
    height: 70px;
    margin: 0 auto;
    margin-top: 100px;
    border: 1px solid rgba(203, 203, 203, .18);
    transition: all .3s;
}
.online-consulting-read-area .cont-link-btn a:hover {
    background: rgba(255, 255, 255, .18);
    border: 1px solid transparent;
}
/* 온라인상담 읽기 끝 */

/* 상담 글작성 공통 */
.consulting-form-area .cont .is-input input {
    font-family:'Pretendard-sb';
    font-size: 20px;
    width: calc(100% - 200px);
    color: #fff;
    padding-bottom: 20px;
    background: transparent;
    border-bottom: 1px solid #707070;
}
.consulting-form-area .cont .is-input.is-input-title input {
    width: 100%;
}
.consulting-form-area .item {
    margin-top: 80px;
}
.consulting-form-area .item+.item {
    margin-top: 140px;
}
.consulting-form-area .item .item-title {
    display: flex;
    align-items: center;
}
.consulting-form-area .item .item-title sup {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    border: 1px solid #fff;
}
.consulting-form-area .item .item-title h3 {
    font-family:'Pretendard-sb';
    font-size: 30px;
    margin-left: 30px;
}
.consulting-form-area .item .item-title h3 span {
    font-family:'Pretendard-r';
    font-size: 18px;
    display: inline-block;
    color: rgba(255, 255, 255, .4);
    margin-left: 10px;
}
.consulting-form-area .item sub {
    line-height: 1.7;
    display: block;
    font-size: 18px;
    color: rgba(255, 255, 255, .4);
    margin-top: 60px;
}

.consulting-form-area .item .item-title-sub {
    margin-top: 60px;
}
.consulting-form-area .item .item-title-sub h4 {
    line-height: 1.7;
    font-family:'Pretendard-sb';
    font-size: 20px;
}
.consulting-form-area .item .item-title-sub ul {
    padding: 40px 25px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    margin-top: 60px;
}
.consulting-form-area .item .item-title-sub ul li {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.57);
}
.consulting-form-area .item .item-title-sub ul li + li {
    margin-top: 5px;
}

.consulting-form-area .cont .is-input input::placeholder {
    font-family:'Pretendard-r';
    font-size: 20px;
}

.consulting-form-area .cont .is-check p {
    font-family:'Pretendard-sb';
    font-size: 20px;
    margin-bottom: 30px;
}
.consulting-form-area .cont .is-check {    
    margin-top: 60px;
}

.consulting-form-area .cont .is-check-cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.consulting-form-area .cont .is-check-cont .check-item {
    width: calc(100% / 5 - 29px);
    margin-left: 36px;
}
.consulting-form-area .cont .is-check-cont .check-item:nth-of-type(1),
.consulting-form-area .cont .is-check-cont .check-item:nth-of-type(6),
.consulting-form-area .cont .is-check-cont .check-item:nth-of-type(11){
    margin-left: 0;
}
.consulting-form-area .cont .is-check-cont .check-item:nth-of-type(6),
.consulting-form-area .cont .is-check-cont .check-item:nth-of-type(7),
.consulting-form-area .cont .is-check-cont .check-item:nth-of-type(8),
.consulting-form-area .cont .is-check-cont .check-item:nth-of-type(9),
.consulting-form-area .cont .is-check-cont .check-item:nth-of-type(10),
.consulting-form-area .cont .is-check-cont .check-item:nth-of-type(11),
.consulting-form-area .cont .is-check-cont .check-item:nth-of-type(12){
    margin-top: 25px;
}
.consulting-form-area .cont .is-check p span {
    display: inline-block;
    font-size: 20px;
    margin-left: 15px;
    color:rgba(255, 255, 255, 0.4);
}
.consulting-form-area .cont .is-check input[type=checkbox] {
    display: none;
}
.consulting-form-area .cont .is-check label {
    font-family:'Pretendard-sb';
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70px;
    cursor: pointer;
}
.consulting-form-area .cont .is-check input[type=checkbox]:checked + label {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid transparent;
}
/* 기본 */
.consulting-form-area .cont .is-check input[type=checkbox] + label {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.18);
}
/* Hover */
@media (min-width:801px) {
    .consulting-form-area .cont .is-check .check-item:hover label{
        background: rgba(255, 255, 255, 0.20);
        border: 1px solid transparent;
        transition: all .3s;
    }
}

.consulting-form-area .cont .is-info {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}
.consulting-form-area .cont .is-info .is-input {
    display: flex;
    width: 600px;
}
.consulting-form-area .cont .is-info .is-input label {
    font-family:'Pretendard-sb';
    font-size: 20px;
    width: 200px;
    border-bottom: 1px solid #707070;
}
.consulting-form-area .cont .is-info p {
    font-size: 20px;
    border-bottom: 1px solid #707070;
}


.consulting-form-area .cont .is-input .is-info-radio {
    display: flex;
    width: calc(100% - 200px);
    border-bottom: 1px solid #707070;
}
.consulting-form-area .cont .is-input .is-info-radio-item {
    display: flex;
}
.consulting-form-area .cont .is-input .is-info-radio-item input[type="radio"] {
    display: none;
}
.consulting-form-area .cont .is-input .is-info-radio-item label {
    width: auto;
    font-family:'Pretendard-r';
    font-size: 20px;
    cursor: pointer;
    border-bottom: none;
}
.consulting-form-area .cont .is-input .is-info-radio-item+.is-info-radio-item {
    margin-left: 75px;
}
.consulting-form-area .cont .is-input .is-info-radio-item input + label:before {
    content: "";
    display: inline-block;
    margin-right: 14px;
    margin-top: -2px;
    width: 14px;
    height: 14px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    vertical-align: middle;
}
.consulting-form-area .cont .is-input .is-info-radio-item input:checked + label:before {
    content: "";
    background: url(../images/main/check-icon.png) no-repeat;
    background-position: center;
    color: #fff;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
}



.consulting-form-area .cont .is-info-email {
    margin-top: 50px;
}
.consulting-form-area .cont .is-info-email .is-input {
    display: flex;
    width: 600px;
}
.consulting-form-area .cont .is-info-email .is-input label {
    font-family:'Pretendard-sb';
    font-size: 20px;
    width: 200px;
    border-bottom: 1px solid #707070;
}
.consulting-form-area .cont .is-textarea {
    margin-top: 60px;
}
.consulting-form-area .cont .is-textarea textarea {
    font-family:'Pretendard-sb';
    font-size: 20px;
    width: 100%;
    height: 286px;
    color: #fff;
    padding: 37px 25px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: transparent;
}
.consulting-form-area .cont .is-textarea textarea::placeholder {
    font-family:'Pretendard-r';
    font-size: 20px;
}
.consulting-form-area .cont .is-file {
    display: flex;
    margin-top: 65px;
}
.consulting-form-area .cont .is-file label {
    font-family:'Pretendard-sb';
    font-size: 20px;
    width: 200px;
    padding-bottom: 20px;
    border-bottom: 1px solid #707070;
}
.consulting-form-area .cont .is-file input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.consulting-form-area .cont .is-file .upload-name {
    font-family:'Pretendard-r';
    font-size: 20px;
    width: 873px;
    padding-bottom: 20px;
    color: rgba(255, 255, 255, 0.4);;
    background: transparent;
    border-bottom: 1px solid #707070;
    pointer-events: none;
}
.consulting-form-area .cont .is-file label.file-custom {
    font-family:'Pretendard-sb';
    font-size: 18px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    margin-left: auto;
    padding-bottom: 0;
    border-bottom: none;
    background: rgba(255, 255, 255, 0.18);
    cursor: pointer;
}
.consulting-form-area .cont .is-text {
    padding: 30px 15px;
    margin-top: 60px;
    background: rgba(255, 255, 255, 0.15);
}
.consulting-form-area .cont .is-text p {
    line-height: 1.7;
    font-size: 14px;
    text-align: center;
}
.consulting-form-area .cont .is-check-agree {
    margin-top: 20px;
}
.consulting-form-area .cont .is-check-agree input[type="checkbox"] {
    display: none;
}
.consulting-form-area .cont .is-check-agree label {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.57);
    cursor: pointer;
}
.consulting-form-area .cont .is-check-agree input + label:before {
    content: "";
    display: inline-block;
    margin-right: 14px;
    margin-top: -2px;
    width: 14px;
    height: 14px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    vertical-align: middle;
    box-sizing: border-box;
}
.consulting-form-area .cont .is-check-agree input:checked + label:before {
    content: "";
    background: url(../images/main/check-icon.png) no-repeat;
    background-position: center;
    color: #fff;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.consulting-form-area .cont .is-check-agree-center {
    text-align: center;
    margin-top: 140px;
}
.consulting-form-area .cont .is-check-agree-center a {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.57);
}

.consulting-form-area .cont .is-btn {
    display: flex;
    justify-content: center;
    margin-top: 60px;
}
.consulting-form-area .cont .is-btn button {
    font-family:'Pretendard-sb';
    font-size: 18px;
    width: 230px;
    height: 70px;
    color: #fff;
    background: transparent;
    transition: all .3s;
    border: 1px solid rgba(255, 255, 255, 0.18);
}
.consulting-form-area .cont .is-btn button + button {
    margin-left: 20px;
}
@media(min-width:801px) {
    .consulting-form-area .cont .is-btn button:hover {
        background: rgba(255, 255, 255, 0.20);
        border: 1px solid transparent;
    }
}



/* 온라인 예약 */
.consulting-form-area .cont .is-date {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}
.consulting-form-area .cont .is-date .is-date-left {
    width: calc(50% - 30px);
}
.consulting-form-area .cont .is-date .is-date-right {
    width: 50%;
}

.consulting-form-area .ui-widget.ui-widget-content {
    width: 100%;
    padding: 70px 40px 80px;
    border: none;
    border-radius: 0;
}
.consulting-form-area .ui-datepicker .ui-datepicker-header {
    max-width: 478px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background: none;
    border: none;
}
.consulting-form-area .ui-datepicker .ui-datepicker-title {
    font-family:'Pretendard-sb';
    font-size: 24px;
    margin: 0;
    text-align: center;
}
.consulting-form-area .ui-datepicker .ui-datepicker-next {
    width: auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.consulting-form-area .ui-datepicker .ui-datepicker-prev {
    width: auto;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    
}
.consulting-form-area .ui-datepicker .ui-datepicker-next span {
    margin: 0;
    right: 0;
    left: inherit;
    transform: translateY(-50%);
    background-image: url(../images/consultation/reservation/arrow-right.png);
    background-position: right;
    text-indent: inherit;
    cursor: pointer;
}
.consulting-form-area .ui-datepicker .ui-datepicker-prev span {
    margin: 0;
    left: 0;
    right: inherit;
    transform: translateY(-50%);
    background-image: url(../images/consultation/reservation/arrow-left.png);
    background-position: left;
    text-indent: inherit;
    cursor: pointer;
}

.consulting-form-area .ui-datepicker .ui-state-hover {
    border: none;
    background: none;
}
.consulting-form-area .ui-datepicker .ui-datepicker-prev-hover {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.consulting-form-area .ui-datepicker .ui-datepicker-next-hover {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.consulting-form-area .ui-datepicker table {
    font-family:'Pretendard-sb';
    width: 100%;
    font-size: 18px;
    margin: 0;
    margin-top: 50px;
}
.consulting-form-area .ui-datepicker th {
    padding: 0;
    font-weight: inherit;
    border: 0;
}
.consulting-form-area .ui-datepicker td {
    padding: 40px 0 0;
}
.consulting-form-area .ui-datepicker tr:nth-of-type(1) td {
    padding-top: 30px;
}
.consulting-form-area .ui-datepicker td .ui-state-default {
    opacity: 1;
    text-align: center;
    color: #000;
    padding: 0;
    background: none;
    border: 1px solid #fff;
}
.consulting-form-area .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .2 !important;
}

.consulting-form-area .ui-state-active {
    z-index: 1;
    position: relative;
}
.consulting-form-area .ui-state-active::before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 35px;
    height: 35px;
    background: #000;
}
.consulting-form-area .ui-datepicker td  .ui-state-default.ui-state-active {
    color: #fff;
}
/* 일요일 예약막기 */
.consulting-form-area .ui-datepicker tr td:nth-of-type(1) {
    pointer-events: none;
    opacity: .2;
}


.consulting-form-area .is-date-right .is-date-radio {
    display: flex;
    flex-wrap: wrap;
}
.consulting-form-area .is-date-right .is-date-radio-item {
    width: calc(100% / 3 - 7px);
    margin-right: 10px;
    margin-top: 10px;
}
.consulting-form-area .is-date-right .is-date-radio-item:nth-of-type(1),
.consulting-form-area .is-date-right .is-date-radio-item:nth-of-type(2),
.consulting-form-area .is-date-right .is-date-radio-item:nth-of-type(3) {
    margin-top: 0;
}
.consulting-form-area .is-date-right .is-date-radio-item:nth-of-type(3n) {
    margin-right: 0;
}
.consulting-form-area .is-date-right .is-date-radio input[type=radio] {
    display: none;
}
.consulting-form-area .is-date-right .is-date-radio label {
    font-family:'Pretendard-sb';
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70px;
    cursor: pointer;
}
/* 체크 */
.consulting-form-area .is-date-right .is-date-radio input[type=radio]:checked + label {
    background: rgba(255, 255, 255, 0.20);
    border: 1px solid transparent;
}
/* 기본 */
.consulting-form-area .is-date-right .is-date-radio input[type=radio] + label {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.18);
}
/* Hover */
.consulting-form-area .is-date-right .is-date-radio .is-date-radio-item:hover label {
    background: rgba(255, 255, 255, 0.20);
    border: 1px solid transparent;
    transition: all .3s;
}
.consulting-form-area .item .item-title-sub.item-title-sub-custom {
    margin-top: 15px;
    margin-left: 74px;
}
.consulting-form-area .item .item-title-sub.item-title-sub-custom p {
    font-size: 18px;
}
/* 온라인 예약 끝 */

/* 상담 글작성 공통 끝 */

/* 카테고리 메뉴 영역 */
.category-menu-area ul {
    display: flex;
    flex-wrap: wrap;
}
.category-menu-area ul li {
    width: calc(100% / 5 - 29px);
}
.category-menu-area ul li.active a {
    background: rgba(255, 255, 255, .18);
    border: 1px solid transparent;
}
.category-menu-area ul li+li {
    margin-left: 36px;
}
.category-menu-area ul li:nth-of-type(6) {
    margin-left: 0;
} 
.category-menu-area ul li:nth-of-type(6),
.category-menu-area ul li:nth-of-type(7),
.category-menu-area ul li:nth-of-type(8),
.category-menu-area ul li:nth-of-type(9),
.category-menu-area ul li:nth-of-type(10) {
    margin-top: 25px;
}
.category-menu-area ul li a {
    font-family:'Pretendard-sb';
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70px;
    border: 1px solid rgba(255, 255, 255, .18);
    background: transparent;
    transition: all .3s;
}
.category-menu-area ul li a:hover {
    background: rgba(255, 255, 255, .18);
    border: 1px solid transparent;
}
/* 카테고리 메뉴 영역 끝 */

/* 셀카후기 콘텐츠 */
.selfie-review-area ul {
    display: flex;
    flex-wrap: wrap;
}

.selfie-review-area .cont > li {
    width: calc(100% / 4 - 15px);
    margin-right: 20px;
    margin-top: 80px;
}
.selfie-review-area ul li:nth-of-type(4n) {
    margin-right: 0;
}
.selfie-review-area ul li a {
    display: block;
} 
.selfie-review-area ul li a .is-img {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 309px;
    border: 1px solid #fff;
    overflow: hidden;
}
.selfie-review-area ul li a .is-img img {
    width: 100%;
    /* height: 100%;
    object-fit: cover; */
}

.selfie-review-area ul li a .is-img:before {
    opacity: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: center url(../images/all/hover-icon.png) rgba(0, 0, 0, 0.4) no-repeat;
    transition: opacity .3s;
}
.selfie-review-area ul li a:hover .is-img:before {
    opacity: 1;
}
.selfie-review-area ul li a .is-text {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 117px;
    background: #fff;
}
.selfie-review-area ul li a .is-text {
    text-align: center;
}
.selfie-review-area ul li a .is-text p {
    text-align: center;
    font-family:'Pretendard-sb';
    display: inline-block;
    font-size: 18px;
    color: #000;
}
.selfie-review-area ul li a .is-text span {
    font-family:'Pretendard-sb';
    font-size: 18px;
    display: inline-block;
    margin: 0 5px;
    color: #C4C4C4;
}
/* 셀카후기 콘텐츠 끝 */

/* 셀카후기 콘텐츠 읽기 */
.selfie-review-read-area .cont {
    padding-top: 100px;
    border-top: 1px solid #707070;
}
.selfie-review-read-area .cont .cont-after {
    margin-top: 130px;
}
.selfie-review-read-area .cont .cont-title h3 {
    font-family:'Pretendard-sb';
    font-size: 45px;
}
.selfie-review-read-area .cont .cont-title h3 span {
    font-family:'DoulosSILR';
    font-size: 17px;
    color: rgba(255, 255, 255, .4);
    margin-left: 15px;
}
.selfie-review-read-area .cont .is-tag {
    display: flex;
    margin-top: 40px;
}
.selfie-review-read-area .cont .is-tag span {
    display: none;
}
.selfie-review-read-area .cont .is-tag p {
    font-family:'Pretendard-sb';
    font-size: 18px;
    display: inline-block;
    padding: 18px 40px;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 38px;
}
.selfie-review-read-area .cont .is-tag br {
    display: none;
}
.selfie-review-read-area .cont .is-img {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 40px;
}
.selfie-review-read-area .cont-after .is-img {
    margin-top: 20px;
}
.selfie-review-read-area .cont .is-img img {
     max-width: 100%;
    width: 600px !important;
    height: auto !important;
}

.selfie-review-read-area .is-list-go {
    margin-top: 100px;
    display: flex;
    justify-content: center;
}
.selfie-review-read-area .is-list-go a {
    font-family: 'Pretendard-sb';
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 230px;
    height: 70px;
    margin: 0 15px;
    color: #fff;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.18);
    transition: all .3s;
}
.selfie-review-read-area .is-list-go a.arrow {
    width: 70px;
    height: 70px;
    margin: 0;
}
@media (min-width:801px) {
    .selfie-review-read-area .is-list-go a:hover {
        background: rgba(255, 255, 255, 0.2);
        border: 1px solid transparent;
    }
}
/* 셀카후기 콘텐츠 읽기 끝 */

/* 전후사진 */
.postwar-area {
    padding-top: 70px;
}
.postwar-area .cont {
    display: flex;
    flex-wrap: wrap;
}
.postwar-area .cont .item {
    width: calc(100% / 3 - 22px);
    margin-right: 33px;
    margin-top: 140px;
    cursor: pointer;
}
.postwar-area .cont .item:nth-of-type(1),
.postwar-area .cont .item:nth-of-type(2),
.postwar-area .cont .item:nth-of-type(3) {
    margin-top: 0;
}
.postwar-area .cont .item:nth-of-type(3n) {
    margin-right: 0;
}
.postwar-area .cont .item-length {
    display: none;
}
.postwar-area .cont .item .is-img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 242px;
    border: 1px solid #fff;
    overflow: hidden;
}
.postwar-area .cont .item .is-img img {
    width: 100%;
}
.postwar-area .cont .item .is-text h3 {
    font-family:'Pretendard-sb';
    font-size: 22px;
    text-align: center;
    margin-top: 30px;
}
.is-p-bt .cont-bt {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90px;
    margin-top: 100px;
    border: 1px solid rgba(255, 255, 255, .4);
}
.is-p-bt .cont-bt img {
    width: 20px;
}
.is-p-bt .cont-bt p {
    font-family:'Pretendard-m';
    font-size: 18px;
    margin-left: 15px;
}
/* 전후사진 팝업 */
.postwar-pop {
    z-index: 1005;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.86);
    visibility: hidden;
}
.postwar-pop.active {
    display: flex;
    visibility: visible;
}
.postwar-pop .cont {
    position: relative;
    max-width: 830px;
    width: 100%;
    border: 1px solid #fff;
}
.postwar-pop .cont .swiper-slide img {
    width: 100%;
}
.postwar-pop .close-btn {
    position: absolute;
    top: -50px;
    right: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.postwar-pop .close-btn img {
    width: 100%;
}
.postwar-pop .cont-bt {
    display: flex;
    justify-content: space-between;
    max-width: 830px;
    width: 100%;
}
.postwar-pop .cont-title h3 {
    font-family:'Pretendard-sb';
    font-size: 26px;
    margin-top: 40px;
}
.postwar-pop .cont-nav {
    display: flex;
    margin-top: 30px;
    margin-right: inherit;
}
.postwar-pop .cont-nav .swiper-slide {
    opacity: 1;
    font-family:'Pretendard-sb';
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 50px;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, .4);
    background: transparent;
    transition: background .3s;
    border-radius: 0;
}
.postwar-pop .cont-nav .swiper-slide+.swiper-slide {
    margin-left: 10px;
}
.postwar-pop .cont-nav .swiper-slide.active {
    color: #fff;
    border: 1px solid transparent;
    background: rgba(255, 255, 255, .18);
}
.postwar-pop .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: -107px;
    width: 67px;
    height: 67px;
    background: url(../images/all/arrow-right.png) no-repeat;
    background-position: center;
    border: 1px solid #fff;
    border-radius: 100%;
}
.postwar-pop .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: -107px;
    width: 67px;
    height: 67px;
    background: url(../images/all/arrow-left.png) no-repeat;
    background-position: center;
    border: 1px solid #fff;
    border-radius: 100%;
}
/* 전후사진 끝 */

/* 페이지네이션 공통 */
.pagination-area {
    margin-top: 100px;
}
.pagination-area .ui-pagenate {
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagination-area .ui-pagenate a,
.pagination-area .ui-pagenate strong {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    width: 35px;
    line-height: inherit;
    color: rgba(255, 255, 255, .4);;
    padding: 0;
    margin: 0 5px;
    border: 1px solid rgba(255, 255, 255, .4);
}
.pagination-area .ui-pagenate strong {
    border: 1px solid #fff;
    color: #fff;
}
.pagination-area .ui-pagenate a.prev1 {
    width: 12px;
    margin-right: 25px;
    border: 1px solid transparent;
    background: url(../images/consultation/online/icon-prev01.png) no-repeat;
    background-position: center;
    background-size: 12px;
}
.pagination-area .ui-pagenate a.next1 {
    width: 12px;
    margin-left: 25px;
    border: 1px solid transparent;
    background: url(../images/consultation/online/icon-next01.png) no-repeat;
    background-position: center;
    background-size: 12px;
}
.pagination-area .ui-pagenate a.prev2 {
    width: 23px;
    margin-right: 15px;
    border: 1px solid transparent;
    background: url(../images/consultation/online/icon-prev02.png) no-repeat;
    background-position: center;
    background-size: 23px;
}
.pagination-area .ui-pagenate a.next2 {
    width: 23px;
    margin-left: 15px;
    border: 1px solid transparent;
    background: url(../images/consultation/online/icon-next02.png) no-repeat;
    background-position: center;
    background-size: 23px;
}
/* 페이지네이션 공통 */

/* 이벤트 콘텐츠 */
.event-area .event-title h3 {
    font-family:'Pretendard-b';
    font-size: 65px;
}
.event-area .event-title p {
    line-height: 1.7;
    font-size: 18px;
    color: rgba(255, 255, 255, .4);
    margin-top: 15px;
}


/* 이벤트 베스트 */
.event-area .event-best .cont {
    max-width: 1615px;
    margin-left: auto;
    padding-left: 15px;
    margin-top: 60px;
    width: 100%;
}

.event-area .event-best .swiper-slide {
    width: 366px;
    margin-right: 20px;
}
.event-area .event-best .swiper-slide a {
    display: block;
}
.event-area .event-best .swiper-slide .is-img {
    position: relative;
    height: 366px;
}
.event-area .event-best .swiper-slide a:hover .is-img:before {
    opacity: 1;
}
.event-area .event-best .swiper-slide a .is-img:before {
    opacity: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: center url(../images/all/hover-icon.png) rgba(0, 0, 0, 0.4) no-repeat;
    transition: opacity .3s;
}
.event-area .event-best .swiper-slide .is-img img {
    width: 100%;
}
.event-area .event-best .swiper-slide .is-text {
    text-align: center;
    padding: 45px 0;
    background: #4E3BBD;
}
.event-area .event-best .swiper-slide .is-text h4 {
    font-family:'Pretendard-sb';
    font-size: 30px;
}
.event-area .event-best .swiper-slide .is-text p {
    font-family:'DoulosSILR';
    font-size: 17px;
    color: rgba(255, 255, 255, .4);
    margin-top: 10px;
}


/* 이벤트 리스트 */
.event-area .event-cont .cont {
    margin-top: 55px;
}
.event-area .event-cont {
    padding-top: 150px;
    margin-top: 155px;
    background: url(../images/etc/event/event-bg.jpg) no-repeat;
    background-size: 100%;
    background-position: top;
}
.event-area .event-cont ul {
    display: flex;
    flex-wrap: wrap;
}
.event-area .event-cont ul li {
    width: calc(100% / 3 - 34px);
    margin-right: 50px;
    margin-top: 50px;
}
.event-area .event-cont ul li:nth-of-type(1),
.event-area .event-cont ul li:nth-of-type(2),
.event-area .event-cont ul li:nth-of-type(3) {
    margin-top: 0;
}
.event-area .event-cont ul li:nth-of-type(3n) {
    margin-right: 0;
}
.event-area .event-cont ul li a {
    display: block;
}
.event-area .event-cont ul li .is-img {
    position: relative;
}
.event-area .event-cont ul li a:hover .is-img:before {
    opacity: 1;
}
.event-area .event-cont ul li a .is-img:before {
    opacity: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: center url(../images/all/hover-icon.png) rgba(0, 0, 0, 0.52) no-repeat;
    transition: opacity .3s;
}
.event-area .event-cont ul li .is-img img {
    width: 100%;
}
/* 이벤트 콘텐츠 끝 */




/* 피부이벤트 리스트 */
.event-area .event-cont-skin .cont {
    margin-top: 55px;
}
.event-area .event-cont-skin {
    padding-top: 150px;
    margin-top: 155px;
    background: url(../images/etc/event/skin-event-bg.jpg) no-repeat;
    background-size: 100%;
    background-position: top;
}
.event-area .event-cont-skin ul {
    display: flex;
    flex-wrap: wrap;
}
.event-area .event-cont-skin ul li {
    width: calc(100% / 3 - 34px);
    margin-right: 50px;
    margin-top: 50px;
}
.event-area .event-cont-skin ul li:nth-of-type(1),
.event-area .event-cont-skin ul li:nth-of-type(2),
.event-area .event-cont-skin ul li:nth-of-type(3) {
    margin-top: 0;
}
.event-area .event-cont-skin ul li:nth-of-type(3n) {
    margin-right: 0;
}
.event-area .event-cont-skin ul li a {
    display: block;
}
.event-area .event-cont-skin ul li .is-img {
    position: relative;
}
.event-area .event-cont-skin ul li a:hover .is-img:before {
    opacity: 1;
}
.event-area .event-cont-skin ul li a .is-img:before {
    opacity: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: center url(../images/all/hover-icon.png) rgba(0, 0, 0, 0.52) no-repeat;
    transition: opacity .3s;
}
.event-area .event-cont-skin ul li .is-img img {
    width: 100%;
}
/* 피부이벤트 콘텐츠 끝 */





/* 이벤트 읽기 */
.event-read-area img {
    width:100%;
}
/* 이벤트 읽기 끝 */

/* 로그인 영역 */
.login-area .cont {
    display: flex;
    height: 100vh;
}
.login-area .cont-bg {
    width: 66%;
    height: 100%;
    background: center / cover no-repeat url(../images/etc/login/login-bg.jpg);
}
.login-area .cont-form {
    width: 34%;
    padding: 150px 100px 0;
}
.login-area .cont-form .title h3 {
    font-family:'Pretendard-b';
    font-size: 60px;
}
.login-area .cont-form .is-form {
    margin-top: 70px;
}
.login-area .cont-form .is-form .is-input {
    display: flex;
    flex-direction: column;
}
.login-area .cont-form .is-form .is-input+.is-input {
    margin-top: 55px;
}
.login-area .cont-form .is-form .is-input label {
    font-family:'Pretendard-sb';
    font-size: 20px;
}
.login-area .cont-form .is-form .is-input input {
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
    padding-bottom: 20px;
    background: transparent;
    border-bottom: 1px solid #707070;
}
.login-area .cont-form .is-form .is-check-all {
    display: flex;
    margin-top: 40px;
}
.login-area .cont-form .is-form .is-check-all .is-check+.is-check {
    margin-left: 30px;
}
.login-area .cont-form .is-form .is-check-all input[type="checkbox"] {
    display: none;
}
.login-area .cont-form .is-form .is-check-all label {
    display: flex;
    align-items: center;
    color: #707070;
    cursor: pointer;
}
.login-area .cont-form .is-form .is-check-all input + label:before {
    content: "";
    display: inline-block;
    margin-right: 14px;
    width: 14px;
    height: 14px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    vertical-align: middle;
    box-sizing: border-box;
}
.login-area .cont-form .is-form .is-check-all input:checked + label:before {
    content: "";
    background: url(../images/main/check-icon.png) no-repeat;
    background-position: center;
    color: #fff;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
}






.login-area .cont-form .is-form .is-btn {
    margin-top: 70px;
}
.login-area .cont-form .is-form .is-btn button {
    font-family:'Pretendard-sb';
    font-size: 18px;
    width: 100%;
    height: 70px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .18);
    background: none;
}
.login-area .cont-form .is-link {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.login-area .cont-form .is-link a {
    font-family:'Pretendard-sb';
    font-size: 18px;
}
.login-area .cont-form .is-link a:nth-of-type(2) {
    color: rgba(255, 255, 255, .4);
}
.login-area .cont-form .is-sns-login {
    display: flex;
    justify-content: center;
    margin-top: 70px;
}
.login-area .cont-form .is-sns-login li+li {
    margin-left: 40px;
}
.login-area .cont-form .is-sns-login li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid #fff;
    border-radius: 100%;
}
/* 로그인 영역 끝 */

/* 회원가입 폼 */
.consulting-form-area.join-area .cont .is-info {
    align-items: flex-start;
}
.consulting-form-area.join-area .cont .is-input {
    position: relative;
}
.consulting-form-area.join-area .join-custom span {
    display: inline-block;
    margin-top: 15px;
    margin-left: 200px;
    color: rgba(255, 255, 255, 0.4);
}
.consulting-form-area.join-area .cont .is-input .btn-check {
    position: absolute;
    top: 0;
    right: 0;
    font-family:'Pretendard-sb';
    font-size: 18px;
    color: rgba(255, 255, 255, .4);
    background: none;
    border: none;
}
.consulting-form-area.join-area .cont .is-text {
    padding: 30px 65px;
    height: 307px;
    overflow: scroll;
    -ms-overflow-style: none;
}
.consulting-form-area.join-area  .cont .is-text::-webkit-scrollbar{
    display:none;
}
.consulting-form-area.join-area .cont .is-text p {
    text-align: left;
}
.consulting-form-area.join-area .cont .is-table {
    width: 100%;
    margin-top: 60px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.consulting-form-area.join-area .cont .is-table th,
.consulting-form-area.join-area .cont .is-table td {
    font-size: 18px;
    text-align: center;
    padding: 30px 0;
}
.consulting-form-area.join-area .cont .is-table td {
    border-top: 1px solid rgba(255, 255, 255, .4);
}
/* 회원가입 폼 끝 */

/* 개인정보처리방침 */
.privacy-area .cont {
    padding: 60px;
    background: rgba(255, 255, 255, 0.15);
}
.privacy-area .cont p {
    font-size: 14px;
}
/* 개인정보처리방침 끝 */

/* 비급여 진료비용 */
.medical-expenses-area .cont tr th {
    font-family:'Pretendard-sb';
    font-size: 18px;
    text-align: center;
    background: rgba(255, 255, 255, .15);
}
.medical-expenses-area .cont .tr01 th {
    padding: 25px 0;
    border: 1px solid rgba(255, 255, 255, .4);
    border-top: 1px solid #fff;
}
.medical-expenses-area .cont .tr02 th {
    padding: 15px 0;
}
.medical-expenses-area .cont .tr01 th:nth-of-type(1) {
    border-left: none;
}
.medical-expenses-area .cont .tr01 th:nth-of-type(4) {
    border-right: none;
}
.medical-expenses-area .cont .tr02 th {
    border-bottom: 1px solid rgba(255, 255, 255, .4);
}
.medical-expenses-area .cont .tr02 th:nth-of-type(1),
.medical-expenses-area .cont .tr02 th:nth-of-type(2) {
    border: 1px solid rgba(255, 255, 255, .4);
}
.medical-expenses-area .cont tr td {
    font-size: 18px;
    height: 80px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .4);
}
.medical-expenses-area .cont tr td:first-child {
    border-left: none;
}
.medical-expenses-area .cont tr td:nth-child(5),
.medical-expenses-area .cont tr td:nth-child(6),
.medical-expenses-area .cont tr td:nth-child(7),
.medical-expenses-area .cont tr td:nth-child(8),
.medical-expenses-area .cont tr td:nth-child(9),
.medical-expenses-area .cont tr td:nth-child(10) {
    border-left: none;
    border-right: none;
}
.medical-expenses-area .cont tbody tr:last-child td {
    border-bottom: 1px solid #fff;
}
/* 비급여 진료비용 끝 */

/* 수술 후 주의사항 */
.is-title-precautions-area .title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.is-title-precautions-area .title a {
    font-family: 'Pretendard-sb';
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 230px;
    height: 70px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    transition: all .3s;
}
.is-title-precautions-area .title a:hover {
    background: rgba(255, 255, 255, 0.20);
    border: 1px solid transparent;
}
/* 수술 후 주의사항 메뉴 영역 */
.precautions-area .is-link {
    display: flex;
    flex-wrap: wrap;
}
.precautions-area .is-link li {
    font-family: 'Pretendard-sb';
    font-size: 18px;
    width: calc(100% / 5 - 29px);
    height: 70px;
    margin-left: 36px;
    margin-bottom: 30px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.18);
    transition: all .3s;
}
.precautions-area .is-link li:hover {
    background: rgba(255, 255, 255, 0.20);
    border: 1px solid transparent;
}
.precautions-area .is-link li:nth-of-type(1),
.precautions-area .is-link li:nth-of-type(6),
.precautions-area .is-link li:nth-of-type(11) {
    margin-left: 0;
}
.precautions-area .is-link li:nth-of-type(11),
.precautions-area .is-link li:nth-of-type(12) {
    margin-bottom: 0;
}
.precautions-area .is-link li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
/* 수술 후 주의사항 메뉴 영역 끝 */

.precautions-area .cont .item {
    padding-top: 40px;
    border-top: 1px solid rgba(255, 255, 255, .4);
}
.precautions-area .cont .item + .item {
    margin-top: 40px;
}
.precautions-area .cont .item:last-child {
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, .4);
}
.precautions-area .cont .item-title {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.precautions-area .cont .item-title sup {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid #fff;
    border-radius: 100%;
}
.precautions-area .cont .item-title h3 {
    font-family: 'Pretendard-sb';
    font-size: 30px;
    margin-left: 30px;
}
.precautions-area .cont .item-cont {
    margin-left: 74px;
    margin-right: 74px;
}
.precautions-area .cont .item-cont li {
    position: relative;
    line-height: 1.6;
    font-size: 18px;
    padding-left: 10px;
}
.precautions-area .cont .item-cont li::before {
    line-height: 1.6;
    position: absolute;
    left: 0;
    font-size: 18px;
    content: "∙";
    display: block;
}

.precautions-area .cont .item-cont-img {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 74px;
    margin-right: 74px;
    padding: 10px 10px 10px 50px;
    margin-top: 25px;
    border: 1px solid rgba(255, 255, 255, .4);
}
.precautions-area .cont .item-cont-img02 {
    display: block;
    padding: 35px 10px 10px;
}
.precautions-area .cont .item-cont-img02 .is-text {
    display: block;
    padding-left: 40px;
    margin-bottom: 40px;
}
.precautions-area .cont .item-cont-img h5 {
    font-family: 'Pretendard-sb';
    font-size: 22px;
}
.precautions-area .cont .item-cont-img p {
    line-height: 1.6;
    font-size: 18px;
    margin-top: 20px;
}
.precautions-area .cont .item-cont-img .is-img {
    display: flex;
}
.precautions-area .cont .item-cont-img .is-img img+img {
    margin-left: 10px;
}
.precautions-area .cont-bt p {
    font-family: 'Pretendard-sb';
    font-size: 22px;
    text-align: center;
    margin-top: 40px;
}
/* 수술 후 주의사항 끝 */

/* 회원가입 완료 */
.join-finish-area .cont {
    text-align: center;
}
.join-finish-area .cont p {
    font-size: 18px;
}
.join-finish-area .cont p span {
    font-family: 'Pretendard-sb';
}
.join-finish-area .cont a {
    font-family: 'Pretendard-sb';
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 230px;
    height: 70px;
    margin: 0 auto;
    margin-top: 50px;
    color: #fff;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.18);
}
/* 회원가입 완료 끝 */

/* 이벤트 상세 하단 빠른상담 */
.event-detail-fast-area {
    z-index: 99;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1200px;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
}
.event-detail-fast-area .cont {
    display: flex;
    justify-content: space-between;
}
.event-detail-fast-area .cont-form {
    padding: 24px 0 24px 33px;
    display: flex;
}
.event-detail-fast-area .cont-form .item+.item {
    margin-left: 10px;
}
.event-detail-fast-area .cont-form input,
.event-detail-fast-area .cont-form select {
    font-family: 'Pretendard-r';
    width: 222px;
    height: 41px;
    padding-left: 15px;
    background: #fff;
    border: 1px solid #cacaca;
}
.event-detail-fast-area .cont-form input::placeholder {
    font-size: 14px;
    color: #cacaca;
}
.event-detail-fast-area .cont-form select option[value=""][disabled] {
	display: none;
}
.event-detail-fast-area .cont-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none /* 화살표 없애기 */;
    background:url(../images/etc/event/select-icon.png) no-repeat #fff;
    background-size: 9px;
    background-position: center right 12px;
}
.event-detail-fast-area .cont-form .item-chk {
    display: flex;
    align-items: flex-end;
}
.event-detail-fast-area .cont-form .item-chk input[type="checkbox"] {
    display: none;
}
.event-detail-fast-area .cont-form input::selection {
    background: #000;
    color: #fff;
}
.event-detail-fast-area .cont-form .item-chk label {
    line-height: 1;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
}
.event-detail-fast-area .cont-form .item-chk input + label:before {
    content: "";
    display: inline-block;
    margin-right: 8px;
    width: 11px;
    height: 11px;
    border: none;
    vertical-align: middle;
    background: #fff;
}
.event-detail-fast-area .cont-form .item-chk input:checked + label:before {
    content: "";
    background: url(../images/etc/event/chk-ico.png) no-repeat #fff;
    background-position: center;
    color: #fff;
    text-align: center;
    border: none;
}
.event-detail-fast-area .cont button {
    letter-spacing: 2px;
    font-family: 'Pretendard-sb';
    font-size: 22px;
    width: 260px;
    height: 100%;
    color: #fff;
    border: none;
    background: #e3503d;
}
/* 이벤트 상세 하단 빠른상담 끝*/

/* 서브 끝 */





/* 푸터 */
.footer {
    padding-top: 140px;
}
.footer.footer-main {
    padding-bottom: 175px;
}
.footer.footer-sub {
    padding-top: 200px;
    padding-bottom: 150px;
} 
.footer .cont-top {
    display: flex;
    justify-content: space-between;
}
.footer .cont-top h3 {
    font-family:'Pretendard-b';
    font-size: 26px;
}
.footer .cont-top h4 {
    font-family:'Pretendard-m';
    font-size: 18px;
    margin-top: 14px;
}
.footer .cont-top h5 {
    font-family:'Pretendard-m';
    font-size: 15px;
    margin-top: 14px;
}
.footer .cont-top-left ul {
    display: flex;
    margin-top: 90px;
}
.footer .cont-top-left ul li+li {
    margin-left: 20px;
}
.footer .cont-top-left ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid #fff;
    border-radius: 100%;
}
.footer .cont-top-right sup {
    color: #707070;
    display: block;
}
.footer .cont-top-right a {
    font-family:'DoulosSILR';
    font-size: 46px;
}
.footer .cont-top-right .cont-top-right-btn {
    display:block;padding:20px;margin-top:30px;border-radius:5px;background:#e4503d;font-size:18px;color:#fff;text-align:center;
}

.footer .cont-top-right-info {
    display: flex;
    margin-top: 25px;
}

.footer .cont-top-right-info-left p {
    font-family:'Pretendard-b';
    font-size: 18px;
    width: 118px;
}
.footer .cont-top-right-info-left p + p {
    margin-top: 17px;
}
.footer .cont-top-right-info-right li {
    display: flex;
}
.footer .cont-top-right-info-right li:first-child {
    margin-bottom: 17px;
}
.footer .cont-top-right-info-right li+li {
    margin-top: 10px;
}
.footer .cont-top-right-info-right li p {
    font-family:'Pretendard-b';
    font-size: 18px;
}
.footer .cont-top-right-info-right li p.custom {
    width: 60px;
}

.footer .cont-md {
    display: flex;
    margin-top: 55px;
}
.footer .cont-md p {
    font-size: 18px;
    margin-left: 10px;
    color: #fff;
}

.footer .cont-bt {
    display: flex;
    justify-content: space-between;
    padding-top: 60px;
    margin-top: 15px;
    border-top: 1px solid #707070;
}
.footer .cont-bt .cont-bt-left li {
    font-size: 15px;
    color: #707070;
}
.footer .cont-bt .cont-bt-left li+li {
    margin-top: 10px;
}
.footer .cont-bt .cont-bt-left li:last-child {
    margin-top: 25px;
}


.footer .cont-bt .cont-bt-right {
    display: flex;
}
.footer .cont-bt .cont-bt-right li+li {
    margin-left: 70px;
}
.footer .cont-bt .cont-bt-right a {
    position: relative;
    font-family:'Pretendard-sb';
    font-size: 15px;
}
.footer .cont-bt .cont-bt-right a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -35px;
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    background: rgba(203, 203, 203, .3);
}
.footer .cont-bt .cont-bt-right li:nth-of-type(1) a:before {
    display: none;
}
/* 푸터 끝 */

@media all and (min-width:1024px) {
    .main-bt-pop-area {
        display: none;
    }
}