/* 01.header */
/* 02.content */
/* 03.빠른상담 */
/* 04.footer */
/* 05.게시판 */
/* 사이트맵 */

/* 바비라인소개 공통 */
/* 바비라인소개 */
/* 오시는길 */
/* 병원둘러보기 */
/* 진료시간안내 */

/* 프리미엄맞춤케어 */
/* 바비라인의원 지방흡입 */

/* sucVisual */
/* 복부지방흡입 */


@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');



#wrapping {
    font-family:'Noto Sans KR', sans-serif;
    letter-spacing: -0.5px;
    position: relative;
    width: 100%;
    min-width:1240px;
    overflow:hidden;
}
#wrapping a {
    color: #333;
}

#wrapping a:hover {
    text-decoration: none;
}
.container-site {
    width: 100%;
    max-width: 1240px;
    padding: 0 0;
    margin: 0 auto 0;
    position: relative;
}

.maxW{
    width: 100%;
    max-width: 1240px;
    padding: 100px 20px;
    margin: 0 auto 0;
}


/* 01.header */

header{position: relative; width: 100%; max-width: none !important; z-index: 999;}
header .top{padding: 25px 0; height: 110px; border:1px solid #eee;}
header .top .topArea{max-width: 1240px; margin: 0 auto; position: relative; width: 100%;}
header .top .leftArea{display: inline-block; position: absolute; left: 0; margin: 15px 0;}
header .top .leftArea li{display: inline-block; margin-right: 5px;}
header .top .leftArea li a{width: auto;  height: 30px;  border: 1px solid #ddd;  overflow: hidden;  display: block;}
header .top .leftArea li img{height: 30px; width: auto;}
header .top .logoArea{margin: 0 auto; width: 180px; display: inline-block; position: absolute; left: 50%; transform: translate(-50%, 0);}
header .top .rightArea{margin: 18px 0; display: inline-block; position: absolute; right: 0;}
header .top .rightArea li{display: inline-block; margin-right: 20px; position: relative;}
header .top .rightArea li:last-child{margin-right: 0;}
header .top .rightArea li:last-child::after{display: none;}
header .top .rightArea li:after{content: ''; height: 10px; width: 1px; background: #ddd; position: absolute; right: -11px; top:5px;}
header .top .rightArea li a{color: #999 !important; font-weight: 300;}

header #mainmenu-navbar{}
header .main-menu{display: inline-block; text-align: center; width: 100%; padding: 20px 0;box-shadow: 0 2px 12px -4px rgb(0 0 0 / 9%);}
header .main-menu .dropdownBox{display: none;}
header .main-menu>li{display: inline-block; margin-right: 60px;}
header .main-menu>li>a{font-size: 20px; padding: 24px 0;}

header .main-menu .dropdown.tab:hover .dropdownBox {
  display: block; position: absolute; top: 50px; width: 190%;
  left: -43%; padding: 20px 0; background: #fff;
  border-top: 2px solid var(--keycolor); font-size: 16px; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}
header .main-menu .dropdownBox li{margin-bottom: 13px;}
header .main-menu .dropdownBox li a{color: #555 !important;}
header .main-menu .dropdownBox li a:hover,
header .main-menu>li>a:hover{color: #111 !important;font-weight: 500;}


/* 02.content */
#content-wrap{padding: 0 0 80px; min-height: 500px; padding-top:180px;}

.kakaoChat{background: url(/image/kakao_PC.jpg); width: 100%; height: 630px; background-position: center;}
.kakaoChat a{width: 100%;  height: 100%;  display: block;}


/* 03.빠른상담 */

#QuickCons{background: url(/image/QuickConsBg.jpg) no-repeat center center; background-size: cover; padding: 60px 20px; font-family: 'S-CoreDream', 'Noto Sans KR', sans-serif !important;}
#QuickCons .QuickConsForm{padding: 55px 50px 50px; border-radius: 10px; margin: 0 auto; max-width: 720px; background: #fff;}
#QuickCons .title{font-size: 28px; margin-bottom: 20px; text-align: center;}
#QuickCons .title span{font-weight: 500;}
#QuickCons ul{border-radius: 5px; border:1px solid #ddd; padding: 30px 25px;}
#QuickCons ul li{margin-bottom: 20px;}
#QuickCons ul li:nth-child(1){margin-right: 20px;}
#QuickCons ul li:nth-child(1),
#QuickCons ul li:nth-child(2){width: calc(50% - 12px); display: inline-block;}
#QuickCons ul li:nth-child(2) input{width: calc(33.333% - 2.4px); display: inline-block;}
#QuickCons ul li label{margin-right: 15px;  margin-bottom: 5px;}
#QuickCons ul li input,
#QuickCons ul li textarea{border: 0; background: #f5f5f5; border-radius: 5px; padding: 12px 15px;}
#QuickCons ul li input::placeholder,
#QuickCons ul li textarea::placeholder{color: #bbb !important; font-weight: 300 !important;}
#QuickCons ul li.check{}
#QuickCons ul li.check input{margin-right: 5px;}
#QuickCons ul li.check a{background: #555; color: #fff; padding: 3px 7px; font-weight: 300; font-size: 13px; margin-left: 5px; vertical-align: bottom;}
#QuickCons .btnArea{margin: 25px 0 15px;}
#QuickCons .btnArea a{padding: 13px 65px; color: #fff; background: var(--subcolor_2); border-radius: 50px; font-size: 20px;}
#QuickCons .btnArea button{padding: 13px 65px; color: #fff; background: var(--subcolor_2); border-radius: 50px; font-size: 20px; border:0;}
#QuickCons .btnArea button:focus{outline: 0; background: #ca1f4d;}

@media screen and (max-width: 1200px){
  #QuickCons .QuickConsForm{max-width: 900px;}
}




/* 04.footer */
footer{box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%); width: 100%; background: #ffffff;}
footer #footer-wrap{max-width: 1240px; margin: 0 auto; padding: 60px 0; position: relative;}
footer #footer-wrap .leftArea{}
footer #footer-wrap .leftArea>li{margin-bottom: 15px;}
footer #footer-wrap .leftArea>li ul{}
footer #footer-wrap .leftArea .address ul li,
footer #footer-wrap .leftArea .policy a
{margin-right: 15px; display: inline-block; position: relative;font-size: 15px; color: #777;}
footer #footer-wrap .leftArea .policy a{color: #333;}
footer #footer-wrap .leftArea .address ul li::after,
footer #footer-wrap .leftArea .policy a::after{content: ''; width: 1px; height: 12px; position: absolute; top: 6px; right: -10px; background: #ddd;}
footer #footer-wrap .leftArea .address ul li:last-child::after,
footer #footer-wrap .leftArea .policy a:last-child::after{display: none;}
footer #footer-wrap .leftArea .sns-space a{width: 30px; height: 30px; display: inline-block; margin-right: 5px; background-image: 100%; border-radius: 5px; overflow:hidden;}
footer #footer-wrap .leftArea .sns-space a.blog{background: url("/image/naverBlog.svg") no-repeat;}
footer #footer-wrap .leftArea .sns-space a.cafe{background: url("/image/naverCafe.svg") no-repeat;}
footer #footer-wrap .leftArea .sns-space a.facebook{background: url("/image/facebook.svg") no-repeat;}
footer #footer-wrap .leftArea .sns-space a.instagram{background: url("/image/instagram.svg") no-repeat;}
footer #footer-wrap .leftArea .sns-space a.twitter{background: url("/image/twitter.svg") no-repeat;}
footer #footer-wrap .leftArea .sns-space a.youtube{background: url("/image/youtube.svg") no-repeat;}


footer #footer-wrap .rightArea{position: absolute; right: 0; top: 62px;}
footer #footer-wrap .rightArea img{width: 100px;}



#footer-wrap {position: relative;}
#footer-wrap .footer-counsel-wrap {
    background: #ffa0ae;
    font-family: 'Noto Sans KR', sans-serif;
    color: #ffffff;
}
.footer-counsel-wrap .counsel-section {
    background: url(/image/footer_counsel.jpg) no-repeat center center;
    position: relative;
    height: 531px;
    padding-top: 25px;
}
.counsel-section .counsel-box {
    width: 590px;
    margin-right: 0;
    position: relative;
}
.counsel-section .counsel-box .title {
    font-size: 62px;
    letter-spacing: 5px;
    padding-left: 73px;
}
.counsel-section .counsel-box .description {
    font-size: 15px;
    padding-left: 73px;
}
.counsel-section .counsel-box label {
    font-size: 20px;
    width: 68px;
    text-align: justify !important;
}
.counsel-section .counsel-box label.form-check-label {
    font-size: 15px;
    width: 150px;
}

.counsel-section .counsel-box .form-box {
    width: 340px;
    margin-left: 10px;
}
.counsel-section .counsel-box .form-check {
    padding-left: 90px;
}
.counsel-section .counsel-box .phone-area input {
    width: calc(33.333% - 10px);
}
.counsel-section .counsel-box .phone-area input:not(:last-child) {
    margin-right: 11px;
}
.counsel-section .counsel-box .write {
    position: absolute;
    right: 0;
    top:0;
    width: 155px;
    height: 94%;
    background: #323232;
    font-size: 35px;
    line-height: 37px;
    color: #ffffff;
}
.counsel-section .counsel-box .write > a {
    display: block;
    height: 100%;
    color: #ffffff !important;
    padding-top: 104px;
}
.counsel-section .counsel-box .col-sm-10 {
    width: 345px !important;
}


#aside-quick-wrap {
    position: fixed;
    z-index: 999;
    top: 165px;
    right: 10px;
}
#aside-quick-wrap > ul > li > a {
    display: block;
    position: relative;
    width: 80px;
    height: 84px;
    overflow: hidden;
}
#aside-quick-wrap > ul > li > a > img {
    position: absolute;
    left: 0px;
}
#aside-quick-wrap > ul > li > a > img:last-child {
    left: 90px;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: red;
}

.location-map-wrap .wrap_controllers {
    display: none;
}

/* 05.게시판 */

/*탭*/
.page-lnb-section {margin: 0 auto 60px auto; text-align: center;}
.page-lnb-section ul > li {display: inline-block; padding: 7px 15px; border-radius: 50px; border: 2px solid #eee; font-size: 15px; background: #fff; margin-right: 8px;}
.page-lnb-section ul > li.on, .page-lnb-section ul > li:hover{border: 2px solid var(--subcolor_1); font-weight: 500;}
.page-lnb-section ul > li > a {}


.thumnailList{float: left; width: 100%;}
.thumnailList>li{display: inline-block; width: calc(25% - 20px); float: left; margin-right: 26px; border: 1px solid #ddd; margin-bottom: 25px;}
.thumnailList>li:nth-child(4n){margin-right: 0;}
.thumnailList>li:hover{box-shadow: 0 0 5px 1px #ddd;}
.thumnailList>li a{}
.thumnailList>li a:hover{font-weight: 400; color: #333;}
.thumnailList>li a .imgBox{width: 100%; height: 300px; overflow: hidden;}
.thumnailList>li a .imgBox img{width: -webkit-fill-available; height: 100%;}
.thumnailList>li a .textBox{margin: 20px 15px;}
.thumnailList>li a .textBox .cate{
  color: var(--subcolor_1); display: inline-block; font-weight: 500; margin: 0 0 8px; font-size: 15px;
  width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.thumnailList>li a .textBox .text{margin: 0; height: 63px;}
.thumnailList>li a .infoBox{border-top: 1px dashed #ddd; margin: 0 15px; padding: 15px 0;}
.thumnailList>li a .infoBox li{display: inline-block; margin-right: 15px; position: relative;}
.thumnailList>li a .infoBox li:before{content: ''; width: 1px; height: 15px; background: #ddd; position: absolute; top: 2px; left: -10px;}
.thumnailList>li a .infoBox li:first-child{width: auto; max-width: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 17px; margin-top: -6px;}
.thumnailList>li a .infoBox li:first-child:before{display: none;}
.thumnailList>li a .infoBox li:last-child:after{content: ''; width: 51px; height: 22px; background: #fff; position: absolute; right: 0; top: 0;}

.thumnailList.bnfList>li{width: calc(33.54% - 20px); position: relative;}
.thumnailList.bnfList>li:nth-child(4n){margin-right: 25px;}
.thumnailList.bnfList>li:nth-child(3n){margin-right: 0;}
.thumnailList.bnfList>li .textBox{
  height: 46px; font-size: 15px; display: -webkit-box; word-wrap: break-word;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;
  }

.thumnailList.bnfList .btnFix{position: absolute; right: 10px; top: 10px; padding: 5px 10px; background: var(--subcolor_1); border-radius: 3px; z-index: 10;}
.thumnailList.bnfList .btnFix a{color: #fff !important;}

.btnBnf{text-align: center;}
.btnBnf button{background: #eee; border: 0;}
.btnBnf button:hover,
.btnBnf button:focus,
.btnBnf button:active{box-shadow: none; background: var(--subcolor_1) !important; color: #fff; font-weight: 400;}

.bnflList{}
.bnflList>li{display: inline-block; width: calc(33% - 20px); float: left; margin-right: 26px; border: 1px solid #ddd; margin-bottom: 25px;}
.bnflList>li:nth-child(3n){margin-right: 0;}
.bnflList>li .imgBox{width: 100%; height: 300px; overflow: hidden;}
.bnflList>li .imgBox img{width: -webkit-fill-available; height: 100%;}
.bnflList>li .textBox{padding: 20px 15px;}
.bnflList>li .textBox .cate{color: var(--subcolor_1); display: inline-block; font-weight: 500; margin: 0 0 8px; font-size: 15px;}
.bnflList>li .textBox .text{margin: 0; height: 63px;}
.bnflList>li .infoBox{border-top: 1px dashed #ddd; margin: 0 15px; padding: 15px 0;}
.bnflList>li .infoBox li{display: inline-block; margin-right: 15px; position: relative;}
.bnflList>li .infoBox li:before{content: ''; width: 1px; height: 15px; background: #ddd; position: absolute; top: 2px; left: -10px;}
.bnflList>li .infoBox li:first-child:before{display: none;}



.kakaoBanner{width: 550px; height: inherit; margin: 0 auto; font-size: 20px; line-height: 60px; box-sizing: border-box; border-radius: 5px; margin-bottom: 30px;}
.kakaoBanner a{margin-bottom: 0; background: #fd0; padding: 10px 0 10px 70px; font-weight: 600; width: 100%; display: inline-block;}
.kakaoBanner p{background: #fff; border-radius: 8px; padding: 0 30px; position: relative; width: calc(100% - 35px); display: inline-block; height: 56px; vertical-align: middle; line-height: 2.9; margin: 0;}
.kakaoBanner p::before{content: ''; background:url("/image/kakaoCh_icon.svg") no-repeat center center; background-size: contain; width: 60px; height: 60px; position: absolute; left: -60px; top: -2px;}
.kakaoBanner p::after{content: '+'; color: #fff; background: #111; padding: 6px; font-size: 25px;  font-weight: 100; line-height: 0.6; position: absolute; right: 20px; top: 13px; border-radius: 50px;}


/* 게시판작성 */
.bbsWrite, .bbsView{max-width: 890px;  background: #fff; margin: 0 auto; margin-bottom: 30px; padding: 35px 25px; border:1px solid #eee;}
.bbsWrite .list{margin-bottom: 20px;}
.bbsWrite .list label{margin-bottom: 5px; display: block; font-size: 15px;}
.bbsWrite .list input[type="checkbox"]{margin: 0 5px 0 0;}
.bbsWrite .list .btnImgDel{color: #fff; font-weight: 500; border: 0; padding:0px 5px; border-radius: 3px; background: var(--keycolor); margin: 0 0 5px 5px;}
.bbsWrite .list .sImageFileName{color: #999;}
.bbsView .contentBox{padding: 20px 25px;}
.bbsView .contentBox img{width: 100%;}
.bbsView.table th{padding: 15px 20px;}

/* 로그인 */
.bna-layer{
  width: 100% !important;
  height: 102%;
  background: #fff;
  z-index: 5;
  top: -1px;
  position: absolute;
  color: #000;
  padding-top: 20px !important;
  box-sizing: border-box;
  left: 0;
}
.login-wrapper {
    text-align: center;
    padding: 120px 0 150px;
    margin: 0 auto;
}

.login-wrapper input,  .login-wrapper .btn{
    height: 45px;
    max-width: 400px;
    margin: 0 auto;
}
.login-wrapper .title {
  font-size: 36px;
  color: #111;
  font-weight: 500;
}

.login-wrapper .description {
    color: #777;
    padding: 10px 0 20px;
}

.login-wrapper .btn_area{
    margin-top: 20px;
}
.login-wrapper .btn_area a{
  margin: 0 10px;
  color:#555 !important;
  position: relative;
  font-size: 15px;
}

.login-wrapper .btn_area a.join_btn::after{
  content: '';
  width: 1px;
  position: absolute;
  height: 14px;
  background: #ccc;
  right: -12px;
  top: 4px;
}

#register-wrapper {
    background: #f8f8f8;
}

#register-wrapper #registerForm{
  max-width: 480px;
  margin: 0 auto;
  padding: 100px 0;
}
#register-wrapper .box {
    background: #ffffff;
    margin-bottom: 30px;
    padding: 65px 30px 40px;
    box-shadow: 0px 0 6px 0px rgb(0 0 0 / 0.03);
}

#register-wrapper .box .title{
  font-size: 25px;
  text-align: center;
  margin-bottom: 30px;
  position: relative;
}
#register-wrapper .box .title::before{
  content: "";
  position: absolute;
  top:-13px;
  left: 50%;
  width: 40px;
  height: 3px;
  background: var(--keycolor);
  transform: translate(-50%, 0%);
}

#register-wrapper .box .join_form>li>label{margin-bottom: 8px;}
#register-wrapper .box .join_form>li>.icheckbox_square{margin:0 8px;}

#register-wrapper .form-control {
    height: 45px;
    font-size: 14px;
}
#register-wrapper .btn-gender {
    height: 45px;
    background: #eee;
    border: 1px solid #ddd;
    color: #555;
    width: 50%;
}
#register-wrapper .btn-gender.on,
#register-wrapper .btn-gender:active,
#register-wrapper .btn-gender:focus,
#register-wrapper .btn-gender:hover {
  background: var(--keycolor);
  color: #ffff;
  border: 1px solid var(--keycolor);
  outline: none;
}
#register-wrapper .info-scroll-box {
    height: 100px;
    padding: 10px;
    margin: 5px auto;
    overflow-y: scroll;
    text-align: justify;
    line-height: 1.5rem;
    font-size: .9rem;
    border: 1px solid #ebebeb;
}

#profile-wrapper {
  padding: 80px 0 100px;
}
#profile-wrapper .profile-box {
    border: 1px solid #eee;
    width: 100%;
    margin: 15px;
    display: flex;
    box-shadow: 0px 0 6px 0px rgb(0 0 0 / 3%);
}
#profile-wrapper .profile-box .menu-area {
    padding: 20px 30px;
    display: inline-block;
    background: #fff;
    width: 250px;
}
#profile-wrapper .profile-box .menu-area > ul > li {
  padding: 17px 0;
  border-bottom: 1px solid #ddd;
}

#profile-wrapper .profile-box .menu-area > ul > li:last-child{
  border-bottom: 0;
}
#profile-wrapper .profile-box .nav-item a{vertical-align: middle;}
#profile-wrapper .profile-box .nav-item img{width: 35px; height: 35px; background: #ccc; border-radius: 50px; padding: 5px;vertical-align: middle; margin-right: 5px;}
#profile-wrapper .profile-box .nav-item.on img{background: #e32540;}
#profile-wrapper .profile-box .nav-item.on a {color: #e32540; font-weight: bold;}

#profile-wrapper .profile-box .content-area {
    border-left: 1px solid #eee;
    padding: 50px 40px;
    display: inline-block;
    width: calc(100% - 251px);
    background: #fff;
}
#profile-wrapper .profile-box h5 {
    border-bottom: 2px solid #111;
    padding-bottom: 10px;
    font-size: 20px;
    margin: 0 0 30px;
}

#profile-wrapper .profile-box .info_box label{margin-bottom: 5px;}

.info_box{
  display: inline-block;
  width: calc(50% - 20px);
  padding: 20px 0;
  vertical-align: text-top;
}

.info_box li{
  margin-bottom: 25px;
}

.info_box .agree_info{
  padding-top: 35px;
  border-top: 1px dashed #ddd;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 15px;
}

.join_form li{
  margin-bottom: 20px;
}
.join_form li:last-child,
.info_box li:last-child{
  margin-bottom: 0;
}

.phoneNum>div{
  width: 31.5%;
  display: inline-block;
}



.topArea{margin:100px 0 60px; text-align: center;}
.topArea h1{font-size: 38px; font-weight: 400; color: #111; margin-bottom: 15px; letter-spacing: -2PX;}
.topArea p{font-size: 14px; color: #ccc; line-height: 1.3; letter-spacing: 20px; font-weight: 300;}


input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active, button:focus, button:active {outline: 0;}

#reservationForm{}
#reservationForm .stepArea{margin-bottom: 100px;}
#reservationForm .stepArea .stepTitle{
  position: relative;
  margin-bottom: 48px;
  padding-bottom: 16px;
  color: #000;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.63;
  border-bottom: 2px solid #222;
  }

#reservationForm .stepArea .stepBox label{margin-right: 15px; font-weight: 500; margin-bottom: 5px;}
#reservationForm .stepArea .stepBox input,
#reservationForm .stepArea .stepBox select{width: calc(100% - 68px); border:0; background: #f5f5f5; border-radius: 5px; padding: 12px 15px;}


#reservationForm .selectDT .stepBox{}
#reservationForm .selectDT .stepBox>li{width: calc(50% - 12px); display: inline-block; vertical-align: top;}
#reservationForm .selectDT .stepBox>li:first-child{margin-right: 20px;}
#reservationForm .selectDT .stepBox>li>p{font-size: 18px; font-weight: 500; display: inline-block; margin-right: 5px;}
#reservationForm .selectDT .stepBox>li>span{display: inline-block; color: #999;}

#reservationForm .selectDT .stepBox #calendar.stepBody{padding: 40px 60px 20px;}
#reservationForm .selectDT .stepBox .stepBody{border:1px solid #ddd; border-radius: 5px; padding: 25px;}
#reservationForm .selectDT .stepBox .stepBody li{margin-bottom: 10px;}
#reservationForm .selectDT .notice{margin: 20px 0 10px;}
#reservationForm .selectDT .notice span{font-size: 17px; font-weight: 500; margin-right: 10px; vertical-align: text-top; display: inline-block; color: #e20000; font-weight: 500;}
#reservationForm .selectDT .notice p{color: #333;  display: inline-block; vertical-align: top; margin: 0;font-size: 17px;}
#reservationForm .selectDT .kakaoBanner{margin: 0; width: 100%;}

#reservationForm .writeInfo{}
#reservationForm .writeInfo .stepBox{width: calc(50% - 12px); display: inline-block; border:1px solid #ddd; border-radius: 5px; padding: 25px; vertical-align: top;}
#reservationForm .writeInfo .stepBox>li{margin-bottom: 20px;}
#reservationForm .writeInfo .stepBox>li>ul{}
#reservationForm .writeInfo .stepBox>li>ul li{display: inline-block; margin-right: 5px; margin-bottom: 8px;}
#reservationForm .writeInfo .stepBox>li>ul li:nth-child(1n+5){margin-bottom: 0;}
#reservationForm .writeInfo .stepBox>li>ul span{width: 104px; display: inline-block;}

#reservationForm .writeInfo .stepBox .email input{width: calc(50% - 17px);}
#reservationForm .writeInfo .stepBox .phone input{width: 32.95%;}
#reservationForm .writeInfo .stepBox input{width: 100%;}

#reservationForm .agreePv{margin-bottom: 20px;}
#reservationForm .agreePv .stepBox{width: 100%; border:1px solid #ddd; border-radius: 5px; padding: 25px;}
#reservationForm .agreePv .stepBox textarea{width: 100%; border: 1px solid #ddd; padding: 20px; margin-bottom: 15px;}

#reservationWrapper{max-width: 1280px; padding: 0 20px;}
#reservationWrapper .btn_area button{width: 25%; font-size: 18px; padding: 10px;}


.reservationCheck{width: 100%; max-width: 500px; margin: 0 auto;padding: 30px; border: 1px solid #ddd; border-radius: 5px;}
.reservationCheck ul li{margin-bottom: 20px;}
.reservationCheck ul li label{display: block; font-weight: 500;}
.reservationCheck ul li input{width: 100%; display: inline-block;border: 0; background: #f5f5f5; border-radius: 5px; padding: 12px 15px;}
.reservationCheck ul li.phone input{width: 32.9%;}


/* 사이트맵 */

.siteMap {margin:0 auto; min-height: 350px;}
.siteMap .menu01{display: inline-block; float: left; width: calc(13.5% - 8px); margin-right: 20px; margin-bottom: 20px; text-align: center;}
.siteMap .menu01:last-child{margin-right: 0px;}
.siteMap .menu01 p{font-size: 18px; font-weight: 500; padding: 14px 0; border-bottom: 1px solid #e3e3e3; margin: 0;}
.siteMap .menu02{}
.siteMap .menu02 li{padding: 14px 0; border-bottom: 1px dashed #e3e3e3;}
.siteMap .menu02 li:last-child{border-bottom: 0;}
.siteMap .menu02 li a{}


.S-Core{font-family: 'S-CoreDream', 'Noto Sans KR', sans-serif !important; }

/* 바비라인소개 공통 */
.introVisual01{text-align: center; background: url(/image/page/introduce/introVisual01.jpg); background-size: cover; padding: 130px 0;}
.introVisual01 img{width: 411px; margin-bottom: 38px;}
.introVisual01 p{font-size: 46px; color: #111; font-weight: 200; margin: 0 auto; line-height: 1; margin-bottom: 25px;}
.introVisual01 span{color: #555; font-size: 22px; font-weight: 300; line-height: 1.7;}

.introVisual02{text-align: center; background: url(/image/page/introduce/introVisual02.jpg); background-size: cover; padding: 100px 0;}
.introVisual02 img{width: 211px; margin-bottom: 25px;}
.introVisual02 p{font-size: 46px; color: #111; font-weight: 500; margin: 0 auto 25px;  line-height: 1; letter-spacing: -3px;}
.introVisual02 span{font-size: 18px; color: #555; font-weight: 300; margin: 0 auto;line-height: 1.5;  letter-spacing: -1px;}

.introContent{max-width: 1000px; padding: 100px 0px; margin: 0 auto; font-size: 18px;}


/* 바비라인소개 */

.introduce{max-width: 100%;}
.introduce .section01{text-align: center; padding-bottom: 100px; max-width: 1240px; margin: 0 auto;}
.introduce .section01 .textArea{margin-bottom: 100px;}
.introduce .section01 .textArea img{}
.introduce .section01 .textArea p{font-size: 30px; font-weight: 500; color: #111; letter-spacing: -2px; margin: 5px auto 20px;}
.introduce .section01 .textArea span{font-size: 18px; color: #555; display: block; letter-spacing: -1.7px; font-weight: 300;}
.introduce .section01 ul{}
.introduce .section01 ul li{display: inline-block; margin-right: 70px;}
.introduce .section01 ul li:last-child{margin-right: 0px;}
.introduce .section01 ul li img{}
.introduce .section01 ul li p{margin:35px auto 10px; font-size: 20px; color: #111; font-weight: 600;}
.introduce .section01 ul li span{font-size: 16px; color: #777; line-height: 1.2; letter-spacing: -1px;}
.introduce .section01 ul li br{height: 10px;}


.introduce .section02{background: #f2f2f2;overflow: hidden; padding: 80px;}
.introduce .section02 .textArea{max-width: 1140px;margin: 0 auto; position: relative;}
.introduce .section02 .textArea:after{
  content: ''; background: url(/image/page/introduce/introBanner.svg) no-repeat center center;
  background-size: 500px; position: absolute; right: 0; top: -200px; height: 502px; width: 504px;
}
.introduce .section02 .textArea p{font-size: 38px; font-weight: 500; margin: 0 0 15px; color: #111; line-height: 1.2; letter-spacing: -2px;}
.introduce .section02 .textArea span{font-size: 18px; font-weight: 300; color: #777; letter-spacing: -1px; }

.introduce .section03{padding: 100px 0 0; max-width: 800px; margin: 0 auto;}
.introduce .section03 .titleArea{text-align: center; margin-bottom: 60px;}
.introduce .section03 .titleArea p{font-size: 46px; font-weight: 500; letter-spacing: -2px; margin: 0 auto 10px; color: #111;}
.introduce .section03 .titleArea span{text-align: center; font-size: 20px; letter-spacing: -1px; color: #777;}
.introduce .section03 .imgArea{display: inline-block; margin-right: 50px;}
.introduce .section03 .textArea{display: inline-block; vertical-align: top;}
.introduce .section03 .textArea span{font-size: 17px; color: #555; position: relative; margin: 20px 0; display: inline-block;}
.introduce .section03 .textArea span::after{
  content: ''; width: 101px; height: 34px;
  background: url(/image/sign01.png) no-repeat center center; background-size: 101px;
  position: absolute; right: -110px; top: -5px;
}
.introduce .section03 .textArea p{font-size: 16px; color: #111; margin: 0; line-height: 1.8;}

@media screen and (max-width: 1240px){
  .introduce .section02:after{right: 5%;}
}



/* 오시는길 */
.location{}
.location .top{line-height: 1; text-align: center;}
.location .top .address{font-size: 20px; color: #111; margin: 0 auto 25px;}
.location .top a{font-size: 20px; font-weight: 500; color: #fff !important; display: inline-block; padding: 18px 50px; border-radius: 5px;}
.location .top .naverMap{margin-right: 20px; background: #1aba31;}
.location .top .kakaoMap{background: #fce003;}
.location .mapArea,.location .map3D img{border: 1px solid #ccc; padding: 20px; margin: 36px auto 0; max-width: 1000px;}

.location .Transportation{margin-top: 50px;}
.location .Transportation>li{display: block; padding: 40px 0; position: relative;}
.location .Transportation>li:first-child{padding-top: 0;}
.location .Transportation>li:last-child:after{display: none;}
.location .Transportation>li::after{content: ''; width: 100%; height: 1px; border:1px dashed #ddd; position: absolute; bottom: 0px; left: 0;}
.location .Transportation>li .name{font-weight: 600; font-size: 20px; margin-bottom:22px; line-height: 1;}
.location .Transportation>li span{padding: 6px 16px 8px; border-radius:50px; background: #777; color: #fff; font-weight: 400;}
.location .Transportation>li p{margin: 0; color: #777; line-height: 1.8;}
.location .Transportation>li .leftArea{display: inline-block;margin-right: 15px}
.location .Transportation>li .rightArea{display: inline-block; vertical-align: top;}
.location .Transportation>li .busList{margin-top: 15px;}
.location .Transportation>li .busList li{margin-bottom: 15px;}
.location .Transportation>li .busList img{width: 22px; height: 23px; margin-right: 10px;}


/* 병원둘러보기 */

.infoSlider .slideBox {padding:20px; border:1px solid #ccc; position: relative;}
.infoSlider .swiper-container { width: 100%; height: 600px; margin-left: auto; margin-right: auto;}
.infoSlider .swiper-slide {background-size: cover; background-position: center;}
.infoSlider .gallery-thumbs {height: 180px !important;  box-sizing: border-box; padding: 20px 0 0;}
.infoSlider .gallery-thumbs .swiper-slide {width: 25%;  height: 160px;  opacity: 0.4;}
.infoSlider .gallery-thumbs .swiper-slide-active {opacity: 1;}
.infoSlider .swiper-button-prev{opacity: 1; left: -60px;  background: url(/image/arrowL.svg) center center no-repeat; background-size: 24px; z-index: 100;}
.infoSlider .swiper-button-next{opacity: 1; right: -60px;  background: url(/image/arrowR.svg) center center no-repeat; background-size: 24px; z-index: 100;}

/* 진료시간안내 */
.info{max-width: 1000px; margin: 0 auto;}
.info .top{line-height: 1; text-align: center;}
.info .top p{font-size: 20px; color: #111; margin: 0 auto 25px; line-height: 1.5;}
.info .top a{font-size: 20px; font-weight: 500; display: inline-block; padding: 18px 40px; border-radius: 5px;}
.info .top .online{margin-right: 20px; background: var(--subcolor_1); color: #fff !important;}
.info .top .kakao{background: #fce003; color: #3a1d1e  !important;;}

.info .popupImg{margin: 60px auto 40px; text-align: center;}
.info .timeTable{margin: 0 auto; text-align: center; border:1px solid #ccc; font-size: 20px;}
.info .timeTable tr{border:1px solid #ccc;}
.info .timeTable tr th{background: #f8f8f8; padding:15px 0; border:1px solid #ccc; font-weight: 400; }
.info .timeTable tr td{padding: 30px 0; border:1px solid #ccc;}


/* 프리미엄맞춤케어 */
.premiumContant{font-size: 18px; text-align: center;}
.premiumContant .section{}
.premiumContant .section .textArea{margin-bottom: 50px;}
.premiumContant .section .textArea .num{font-size: 38px; font-weight: 300; padding: 16px 12px; background: var(--keycolor); color: #fff; display: inline-block; line-height: 1;}
.premiumContant .section .textArea p{margin: 30px auto 15px; font-size: 34px; font-weight: 300; color: #111; line-height: 1; letter-spacing:-2px;}
.premiumContant .section .textArea span{color: #555; font-weight: 300; letter-spacing:-1px;}
.premiumContant .section .contentBox{}5

.premiumContant .section01{}
.premiumContant .section01 table{max-width: 500px; margin: 0 auto; }
.premiumContant .section01 table tr{color: #555;}
.premiumContant .section01 table th{font-size: 20px; border:1px solid #ddd; padding: 15px 45px; color:#111; font-weight: 400;}
.premiumContant .section01 table td{font-size: 18px; padding: 15px 35px; border:1px solid #ddd; text-align: left;}
.premiumContant .section01 table ul{margin-top: 10px;}

.premiumContant .section02{background: #f8f8f8; padding: 100px 20px;}
.premiumContant .section02 ul{}
.premiumContant .section02 ul li{display: inline-block; margin-right: 60px; vertical-align: text-top; max-width:300px;}
.premiumContant .section02 ul li img{width: auto; height: 110px;}
.premiumContant .section02 ul li:first-child img{margin-left: 35px;}
.premiumContant .section02 ul li:nth-child(2) img{margin-left: -35px;}
.premiumContant .section02 ul li p{color: #111; font-size: 20px; margin: 20px auto 10px; line-height: 1; font-weight: 500;}
.premiumContant .section02 ul li span{color: #555; font-size: 16px;}

.premiumContant .section03{}
.premiumContant .section03 .box{border:1px dashed #ccc; padding: 45px 65px 0; margin-bottom: 58px; display: inline-block;}
.premiumContant .section03 .box img{display: inline-block; margin-right: 40px;}
.premiumContant .section03 .box .leftArea{display: inline-block; margin-top: 25px; max-width: 620px; text-align: left;}
.premiumContant .section03 .box p{color: #111; font-size: 28px; font-weight: 500; margin: 0 auto 20px; line-height: 1;}
.premiumContant .section03 .box span{color: #555;}
.premiumContant .section03 ul{margin-top: 35px;}
.premiumContant .section03 ul li{margin-bottom:15px; line-height: 1;}

.premiumContant .banner{padding: 100px 20px;}
.premiumContant .banner .title{font-size: 30px; color: #111; font-weight: 500; margin-bottom: 50px;}

.premiumContant .banner01{background: #f2f8fb;}
.premiumContant .banner01 img{}
.premiumContant .banner01 p{margin: 30px auto 0; font-size: 20px;}
.premiumContant .banner01 p span{color: #00588d;}
.premiumContant .banner01 p b{color: #111;}

.premiumContant .banner02{background: #fff7ed; overflow: hidden;}
.premiumContant .banner02 .box{background: #fff; padding: 55px 145px; position: relative; display: inline-block;}
.premiumContant .banner02 .box:after{
  content: ''; position: absolute; right: -100px; top: -30px;
  background: url(/image/page/premium/doctor.svg) no-repeat top center;
  width: 255px; height: 487px; background-size: 255px; z-index: 100;
}
.premiumContant .banner02 .box p{ font-size: 20px; margin: 0 auto; font-weight: 300;}
.premiumContant .banner02 .box p b{color: #111;}

/* 바비라인의원 지방흡입 */
.BabiTop{margin: 0 auto; width: 100%; background: url("/image/page/premium/babi/topBg.jpg") no-repeat center 100%; padding: 50px; text-align: center; }
.BabiTop .imgBox{border:1px solid #fff; padding: 80px 0;}
.BabiTop .topImg{margin: 0 auto;}

.BabiContent{padding: 120px 0; margin: 0 auto; width: 100%; text-align: center; }
.BabiContent.review{background: url("/image/page/premium/babi/reviewBg.jpg") no-repeat center 100%;}
.BabiContent.manage{background: #fff7f7;}

/* sucVisual */
.sucVisual{height: 400px; background:#e6ebf4; padding: 0 20px;}
.sucVisual .visualCon{max-width: 1240px; margin: 0 auto;}
.sucVisual .textArea{display: inline-block; width: calc(100% - 573px); padding: 93px 0 93px 130px;}
.sucVisual .textArea li{margin-bottom: 8px; letter-spacing: -1px;}
.sucVisual .textArea li:nth-child(1){font-size: 22px; color: #111; padding: 0 5px; border:1px solid #333; display: inherit;}
.sucVisual .textArea li:nth-child(2){margin-bottom: 10px; font-size: 48px; color: #0c1786; font-weight: 700;}
.sucVisual .textArea li:nth-child(3){font-size: 20px; color: #555;}
.sucVisual .textArea li:nth-child(4){font-size: 17px; color: #777;}
.sucVisual img{width: 569px; height: 400px; display: inline-block;}


.sucSelfie{text-align: center;}
.sucSelfie .titleArea{text-align: center; margin-bottom: 50px; }
.sucSelfie .coment{margin-top: 20px; color: #999; font-size: 16px; display: block;}
.sucSelfie .topText{margin: 0px auto 50px}
.sucSelfie .topText p{
  font-size: 30px; font-weight: 500; color: #111; letter-spacing: -2px;
  margin: 10px auto 0;background: #e6ebf4; padding: 9px 30px;
  display: inline-block; border-radius: 50px;
}
.sucSelfie .topText span{font-size: 18px; color: #555; display: block; letter-spacing: -1.7px; font-weight: 300;}

.sucNoti{background: #f8f8f8;}
.sucNoti ul{text-align: center; padding: 50px 20px;    display: -webkit-box;}
.sucNoti ul li{display: inline-block; float: left; margin-right: 10px; width: calc(25% - 10px);}
.sucNoti ul li img{height: 100px; width: auto; display: inline-block;vertical-align: middle;}
.sucNoti ul li:nth-child(4) img{margin-right: 20px;}
.sucNoti ul li .rightArea{display: inline-block; text-align: left; vertical-align: middle;}
.sucNoti ul li .rightArea span{font-size: 18px;}
.sucNoti ul li .rightArea p{font-size: 22px; margin: 2px auto 0; color: #111; font-weight: 700;}

.sucTitle{font-size: 40px; font-weight: 300; color: #111; margin-bottom: 50px; letter-spacing: -1.5px;}
.sucTitle b{font-weight: 700;}

.sucPoint{background: #ffe9ec;}
.sucPoint ul{}
.sucPoint ul li{display: inline-block; width: calc(25% - 20px); margin-right: 10px; vertical-align: text-top; overflow: hidden;}
.sucPoint ul li img{width: 100%;}
.sucPoint ul li .textBox{padding: 35px 20px; min-height: 214px; background: #fff;}
.sucPoint ul li .textBox p{margin: 0 auto 10px; letter-spacing: -1.7px; font-size: 24px; font-weight: 500;}
.sucPoint ul li .textBox span{letter-spacing: -1.7px; font-size: 17px; font-weight: 300; color:#555;}
.sucPoint ul li .textBox b{color: var(--subcolor_1);}


.sucSolution{position: relative;}
.sucSolution::after{content: ''; position: absolute;  background-color: #e6ebf4; width: 100%; height: 250px; left: 0; bottom: 0; z-index: -1;}
.sucSolution ul{}
.sucSolution ul li{display: inline-block; margin-right: 20px; width: 435px; border:1px solid #ddd;}
.sucSolution ul li p{margin: 0 auto; padding:10px 0; letter-spacing: -1.7px; font-size: 24px; font-weight: 500;}
.sucSolution ul li .imgBox{border-bottom:1px solid #ddd;  border-top:1px solid #ddd; overflow: hidden;}
.sucSolution ul li .imgBox img{width: 100%;}
.sucSolution ul li .text{letter-spacing: -1.7px; font-size: 17px; font-weight: 300; color:#555; padding:25px 20px; background: #fff;}
.sucSolution .botTxt{ padding:30px 20px 0;}
.sucSolution .botTxt p{margin: 0 auto; font-size: 22px; color: #1c2e4d; letter-spacing: -1.7px; font-weight: 500;}

.sucSolution.forearmSolution ul li{width: 384px;}

.sucSite{padding-top: 100px;}
.sucSite .imgBox{background-image: url(/image/page/suction/sucSite_bg.jpg); background-size: cover; width: 100%;}

/* .sucChT{background-color: var(--keycolor);}
.sucChT ul{}
.sucChT ul li{display: inline-block; width: calc(25% - 20px); margin-right: 10px; vertical-align: text-top; overflow: hidden;}
.sucChT ul li img{width: 100%;}
.sucChT ul li .textBox{padding: 35px 20px; background: #fff;}
.sucChT ul li .textBox p{letter-spacing: -1.7px; font-size: 20px; font-weight: 300; color:#555; margin: 0 auto;}
.sucChT ul li .textBox b{color: var(--subcolor_1);} */

.sucChT{}
.sucChT ul{}
.sucChT ul li{display: inline-block; width: calc(29% - 20px); padding: 85px 57px; margin-right: -20px; border-radius: 200px; border: 1px solid #ccc;}
.sucChT ul li span{letter-spacing: -1.7px; font-size: 30px; font-weight: 700; color:#111;}
.sucChT ul li p{letter-spacing: -1.7px; font-size: 20px; font-weight: 300; color:#333; margin: 10px auto ;}


.bbPoint{background: #f8f8f8;}
.bbPoint ul{max-width: 1100px;}
.bbPoint ul li{display: block; width: 100%; margin-bottom: 80px;}
.bbPoint ul li.leftLi{}
.bbPoint ul li.rightLi{}
.bbPoint ul li img{display: inline-block; width: 458px;vertical-align: middle;}
.bbPoint ul li.leftLi img{margin-right: 95px; }
.bbPoint ul li.rightLi img{margin-left: 95px; }
.bbPoint ul li .textBox{display: inline-block; width: calc(100% - 553px); max-width: 437px; vertical-align: middle; position: relative;}
.bbPoint ul li.leftLi .textBox{text-align: left;}
.bbPoint ul li.leftLi .textBox::after{
  content:''; position: absolute; width: 102px; height: 10px;
  background-image: url(/image/page/suction/bbPL.png);
  left: -120px; background-size: 100%; top: 20px;
}
.bbPoint ul li.rightLi .textBox{text-align: right;}
.bbPoint ul li.rightLi .textBox::after{
  content:''; position: absolute; width: 102px; height: 10px;
  background-image: url(/image/page/suction/bbPR.png);
  right: -120px; background-size: 100%; top: 20px;
}
.bbPoint ul li .textBox div{font-size: 34px; font-weight: 500; letter-spacing: -1.7px; color: #111;}
.bbPoint ul li .textBox p{font-size: 18px; letter-spacing: -1.7px; font-weight: 300; color: #555;}
.bbPoint ul li .textBox p span{border-bottom: 2px solid #ccc; }


.sucBest3{background: #fff0ef;}
.sucBest3 ul{}
.sucBest3 ul li{display: block; width: 100%; border-radius: 50px; background: #fff; overflow: hidden; margin-bottom: 18px;}
.sucBest3 ul li div{background: #e73974; display: inline-block; padding: 26px 26px 26px 50px; line-height: 1; margin-left: -50px;}
.sucBest3 ul li:nth-child(1) div{width: calc(100% - 200px);}
.sucBest3 ul li:nth-child(2) div{width: calc(100% - 250px);}
.sucBest3 ul li:nth-child(3) div{width: calc(100% - 500px);}
.sucBest3 ul li div p{font-size: 24px; color: #fff; text-align: left; margin: 0 0 0 10px;}
.sucBest3 ul li b{display: inline-block;font-size: 28px; padding: 0 0 0 20px;; text-align: left; color: #e73974;}
.sucBest3 ul li:nth-child(1) b{width: 150px;}
.sucBest3 ul li:nth-child(2) b{width: 200px;}
.sucBest3 ul li:nth-child(3) b{width: 450px;}

.sucBanner2{background-color: #f4f4f4; padding: 70px 0;}
.sucBanner2 .sucTitle{font-size: 36px;    margin-bottom: 20px;}
.sucBanner2 p{font-size: 24px; line-height: 1.5; margin: 0;}