/* **************************************** *
 * RESET
 * **************************************** */
/* @import "http://fonts.googleapis.com/earlyaccess/notosanskr.css"; */
@import "http://fonts.googleapis.com/earlyaccess/notosanskr.css";
@font-face {
  font-family: "Noto Sans", "Noto Sans CJK KR", sans-serif, Arial;
  font-style: normal;
  font-weight: 400;
  /* src: url("/fonts/PbykFmXiEBPT4ITbgNA5Cgm20xzM4rJ_1hVWr0wuLNGzgER_VNCnUj8uxSvmm4_MSugY9nXMgRti.115.woff2") format('woff2'); */
  unicode-range: U+23, U+25, U+5f, U+a9, U+ac08, U+ac78, U+aca8, U+acac, U+ace8, U+ad70, U+adc0, U+addc, U+b137, U+b140, U+b208, U+b290, U+b2f5, U+b3c5, U+b3cc, U+b420, U+b429, U+b529, U+b530, U+b77d, U+b79c, U+b7a8, U+b7c9, U+b7f0, U+b7fc, U+b828, U+b860, U+b9ad, U+b9c1, U+b9c9, U+b9dd-b9de, U+b9e8, U+ba38-ba39, U+babb, U+bc00, U+bc8c, U+bca0, U+bca4, U+bcd1, U+bcfc, U+bd09, U+bdf0, U+be60, U+c0ad, U+c0b4, U+c0bc, U+c190, U+c1fc, U+c220, U+c288, U+c2b9, U+c2f6, U+c528, U+c545, U+c558, U+c5bc, U+c5d4, U+c600, U+c644, U+c6c0, U+c6c3, U+c721, U+c798, U+c7a1, U+c811, U+c838, U+c871, U+c904, U+c990, U+c9dc, U+cc38, U+cc44, U+cca0, U+cd1d, U+cd95, U+cda9, U+ce5c, U+cf00, U+cf58, U+d150, U+d22c, U+d305, U+d328, U+d37c, U+d3f0, U+d551, U+d5a5, U+d5c8, U+d5d8, U+d63c, U+d64d, U+d669, U+d734, U+d76c;
}
@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff") format('woff');
     font-weight: normal;
     font-style: normal;
}

/* -------- ESCORE DREAM -------- */
@font-face {
     font-family: 'S-CoreDream';
     src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff") format('woff');
     font-weight: 100;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff") format('woff');
     font-weight: 200;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff") format('woff');
     font-weight: 300;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff") format('woff');
     font-weight: 400;
     font-style: normal;
}


@font-face {
     font-family: 'S-CoreDream';
     src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff") format('woff');
     font-weight: 500;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff") format('woff');
     font-weight: 600;
     font-style: normal;
}


@font-face {
     font-family: 'S-CoreDream';
     src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff") format('woff');
     font-weight: 700;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff") format('woff');
     font-weight: 800;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff") format('woff');
     font-weight: 900;
     font-style: normal;
}
body {
  font-size: 0.9em;
  font-family: 'Noto Sans KR', BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  --font-family-sans-serif: 'Noto Sans KR',  BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  letter-spacing: -0.04rem;
  /* display: flex;
  flex-direction: column; */
  padding-top:148px;
}
body, html{
  height: 100%;
  margin: 0;
  min-width: 1200px;
}

ul, li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

a {
  color: #333;
  text-decoration: none;
  outline: none
}

a:hover {
  text-decoration: none;
  color: inherit;
}

label{
  padding-top: 8px;
}
.form-control[readonly]{
  background-color: #fff;
}
main{
  /* flex: 1 0 auto; */
}

.container{
  /*max-width: 1200px;*/
  max-width: 1300px;   
}

textarea {
   resize: none;
}

.main_contents{
  /*display: none;*/
}
.form-control{
  font-size: inherit !important;
}

h1, h2 {
  letter-spacing: -0.1rem;
}
.carousel-item {
/*
    -webkit-backface-visibility: unset!important;
    backface-visibility: unset!important;
*/
}

/* **************************************** *
 * COMMON
 * **************************************** */
span.list-title{
  max-width: 320px;
}
.fixed-right{
  position: fixed;
  right: 0;
  z-index: 1030;
}

.w-8 {
  width:8.333% !important;
}

.w-10{
  width:10% !important;
}
.w-15{
  width:15% !important;
}
.w-20{
  width:20% !important;
}
.w-25{
  width:25% !important;
}
.w-30{
  width:30% !important;
}
.w-35{
  width:35% !important;
}
.w-40{
  width:40% !important;
}
.w-45{
  width:45% !important;
}
.w-50{
  width:50% !important;
}
.w-55{
  width:55% !important;
}
.w-60{
  width:60% !important;
}
.w-65{
  width:65% !important;
}
.w-70{
  width:70% !important;
}
.w-75{
  width:75% !important;
}
.w-80{
  width:80% !important;
}
.w-85{
  width:85% !important;
}
.w-90{
  width:90% !important;
}
.w-95{
  width:95% !important;
}

.form-error {
    font-size: 0.8em;
    color: red;
    /* float: left; */
}

.form-success{
  color:blue;
}

.square-btn{
  padding: 7px 15px;
  border: 1px solid #555;
  cursor: pointer;
}

.square-btn.inactive{
  border: 1px solid #858585;
  color: #858585;
}
.border-nl{
  border-color: #5ab9f9;
}

.border-white{
  border-color:#fff;
}

.border-bold{
  border-width: 2px;
}
.bg-black{
  background-color: #191919;
}
.bg-green{
  background-color: #44b744;
}
.bg-nl{
  background-color: #5ab9f9;
}
.bg-gray{
  background-color: #fafafa;
}

.bg-gray1{
  background-color: #f4f4f4;
}

.bg-bluegray {
  background-color: #f1f6fb;
}

.bg-lightgray {
  background-color: #b7b7b7;
}

.bg-lightgray2 {
  background-color: #eaeaea;
}

.bg-darkgray {
  background-color: #bbb;
}

.bg-dark2 {
  background-color:#222;
}

.bg-sky{
  background-color: #dfeef5;
}
.font-blue{
  color: #5ab9f9;
}
.overflow-hidden{
  overflow: hidden;
}
.no-border{
  border: none !important;
}
.cursor{
  cursor: pointer;
}
.padding-0{
  padding: 0px !important;
}
.padding-5{
  padding:5px !important;
}
.padding-5-0{
  padding-top : 5px !important;
  padding-bottom: 5px !important;
}
.padding-0-5{
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.padding-0{
  padding: 0px !important;
}
.padding-6{
  padding:6px !important;
}
.padding-6-0{
  padding-top : 6px !important;
  padding-bottom: 6px !important;
}
.padding-0-6{
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.padding-10{
  padding:10px !important;
}
.padding-10-0{
  padding-top : 10px !important;
  padding-bottom: 10px !important;
}
.padding-0-10{
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.padding-15{
  padding:15px !important;
}
.padding-15-0{
  padding-top : 15px !important;
  padding-bottom: 15px !important;
}
.padding-0-15{
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.padding-30{
  padding:30px !important;
}
.padding-30-0{
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.padding-0-30{
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.padding-50{
  padding:50px !important;
}
.padding-50-0{
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.padding-0-50{
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.no-padding{
  padding : 0px !important;
}
.no-left-padding{
  padding-left: 0px !important;
}
.no-right-padding{
  padding-right: 0px !important;
}
.no-y-padding{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.no-x-padding{
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.no-margin{
  margin : 0px !important;
}
.no-left-margin{
  margin-left: 0px !important;
}
.no-right-margin{
  margin-right: 0px !important;
}

.p-25 {
  padding: 0.75rem !important; /* 12px */
}

.pt-25,
.py-25 {
  padding-top: 0.75rem !important;
}

.pr-25,
.px-25 {
  padding-right: 0.75rem !important;
}

.pb-25,
.py-25 {
  padding-bottom: 0.75rem !important;
}

.pl-25,
.px-25 {
  padding-left: 0.75rem !important;
}

.p-43 {
  padding: 1.875rem !important; /* 30px */
}

.pt-43,
.py-43 {
  padding-top: 1.875rem !important;
}

.pr-43,
.px-43 {
  padding-right: 1.875rem !important;
}

.pb-43,
.py-43 {
  padding-bottom: 1.875rem !important;
}

.pl-43,
.px-43 {
  padding-left: 1.875rem !important;
}

.p-45 {
  padding: 2.5rem !important; /* 40px */
}

.pt-45,
.py-45 {
  padding-top: 2.5rem !important;
}

.pr-45,
.px-45 {
  padding-right: 2.5rem !important;
}

.pb-45,
.py-45 {
  padding-bottom: 2.5rem !important;
}

.pl-45,
.px-45 {
  padding-left: 2.5rem !important;
}

.p-5 {
  padding: 3rem !important; /* 48px */
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.p-6 {
  padding: 3.75rem !important; /* 60px */
}

.pt-6,
.py-6 {
  padding-top: 3.75rem !important;
}

.pr-6,
.px-6 {
  padding-right: 3.75rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 3.75rem !important;
}

.pl-6,
.px-6 {
  padding-left: 3.75rem !important;
}

.p-62 {
  padding: 4.375rem !important; /* 70px */
}

.pt-62,
.py-62 {
  padding-top: 4.375rem !important;
}

.pr-62,
.px-62 {
  padding-right: 4.375rem !important;
}

.pb-62,
.py-62 {
  padding-bottom: 4.375rem !important;
}

.pl-62,
.px-62 {
  padding-left: 4.375rem !important;
}

.p-63 {
  padding: 4.688rem !important; /* 75px */
}

.pt-63,
.py-63 {
  padding-top: 4.688rem !important;
}

.pr-63,
.px-63 {
  padding-right: 4.688rem !important;
}

.pb-63,
.py-63 {
  padding-bottom: 4.688rem !important;
}

.pl-63,
.px-63 {
  padding-left: 4.688rem !important;
}

.p-65 {
  padding: 5rem !important; /* 80px */
}

.pt-65,
.py-65 {
  padding-top: 5rem !important;
}

.pr-65,
.px-65 {
  padding-right: 5rem !important;
}

.pb-65,
.py-65 {
  padding-bottom: 5rem !important;
}

.pl-65,
.px-65 {
  padding-left: 5rem !important;
}

.p-7 {
  padding: 5.625rem !important; /* 90px */
}

.pt-7,
.py-7 {
  padding-top: 5.625rem !important;
}

.pr-7,
.px-7 {
  padding-right: 5.625rem !important;
}

.pb-7,
.py-7 {
  padding-bottom: 5.625rem !important;
}

.pl-7,
.px-7 {
  padding-left: 5.625rem !important;
}

.p-8 {
  padding: 7.5rem !important; /* 120px */
}

.pt-8,
.py-8 {
  padding-top: 7.5rem !important;
}

.pr-8,
.px-8 {
  padding-right: 7.5rem !important;
}

.pb-8,
.py-8 {
  padding-bottom: 7.5rem !important;
}

.pl-8,
.px-8 {
  padding-left: 7.5rem !important;
}

.p-82 {
  padding: 8.125rem !important; /* 130px */
}

.pt-82,
.py-82 {
  padding-top: 8.125rem !important;
}

.pr-82,
.px-82 {
  padding-right: 8.125rem !important;
}

.pb-82,
.py-82 {
  padding-bottom: 8.125rem !important;
}

.pl-82,
.px-82 {
  padding-left: 8.125rem !important;
}

.m-32 {
  margin: 1.250rem !important; /* 20px */
}

.mt-32,
.my-32 {
  margin-top: 1.250rem !important;
}

.mr-32,
.mx-32 {
  margin-right: 1.250rem !important;
}

.mb-32,
.my-32 {
  margin-bottom: 1.250rem !important;
}

.ml-32,
.mx-32 {
  margin-left: 1.250rem !important;
}

.m-4 {
  margin: 1.5rem !important; /*24px */
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-43 {
  margin: 1.875rem !important; /* 30px */
}

.mt-43,
.my-43 {
  margin-top: 1.875rem !important;
}

.mr-43,
.mx-43 {
  margin-right: 1.875rem !important;
}

.mb-43,
.my-43 {
  margin-bottom: 1.875rem !important;
}

.ml-43,
.mx-43 {
  margin-left: 1.875rem !important;
}

.m-45 {
  margin: 2.5rem !important; /* 40px */
}

.mt-45,
.my-45 {
  margin-top: 2.5rem !important;
}

.mr-45,
.mx-45 {
  margin-right: 2.5rem !important;
}

.mb-45,
.my-45 {
  margin-bottom: 2.5rem !important;
}

.ml-45,
.mx-45 {
  margin-left: 2.5rem !important;
}

.m-5 {
  margin: 3rem !important; /* 48px */
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.m-6 {
  margin: 3.75rem !important; /* 60px */
}

.mt-6,
.my-6 {
  margin-top: 3.75rem !important;
}

.mr-6,
.mx-6 {
  margin-right: 3.75rem !important;
}

.mb-6,
.my-6 {
  margin-bottom: 3.75rem !important;
}

.ml-6,
.mx-6 {
  margin-left: 3.75rem !important;
}

.m-81 {
  margin: 6.875rem !important; /* 110px */
}

.mt-81,
.my-81 {
  margin-top: 6.875rem !important;
}

.mr-81,
.mx-81 {
  margin-right: 6.875rem !important;
}

.mb-81,
.my-81 {
  margin-bottom: 6.875rem !important;
}

.ml-81,
.mx-81 {
  margin-left: 6.875rem !important;
}

.ml-48 {
  margin-left:48%;
}

.ml-55 {
  margin-left:55%;
}

.ml-53 {
  margin-left:53%;
}

.ml-52 {
  margin-left:5%;
}

.font-black {
  color:#333;
}

.font-gray{
  color: #666;
}

.font-newline {
  color: #5ab9f9;
}

.font-bluegray {
  color: #6ba6d1;
}

.font-white{
    color:#fff;
}

.font-lightgray{
  color: #7f7f7f;
}

.font-lightgray2 {
  color: #888;
}

.font-lightgray3 {
  color: #9e9e9e;
}

.font-regular, .font-16px {
  font-size:1rem; /* 16px */
}

.font-12px {
  font-size: 0.750rem; /* 12px */
}

.font-small, .font-14px{
  font-size: 0.9rem; /* 14px */
}

.font-smaller, .font-12px{
  font-size: 0.8rem; /* 12px */
}
.font-big, .font-18px{
  font-size: 1.125rem; /* 18px */
}

.font-big2, .font-20px{
  font-size: 1.25rem; /* 20px */
}

.font-22px {
  font-size: 1.375rem; /* 22px */
}

.font-25px {
  font-size: 1.563rem; /* 25px */
}

.font-28px {
  font-size: 1.75rem; /* 28px */
}

.font-30px {
  font-size: 1.875rem; /* 30px */
}

.font-bigger, .font-24px{
  font-size: 1.4rem; /* 24px */
}

.font-35px {
  font-size: 2.188rem; /* 35px */
}

.font-38px {
  font-size: 2.375rem; /* 38px */
}

.font-40px {
  font-size: 2.5rem; /* 40px */
}

.font-45px {
  font-size: 2.813rem; /* 45px */
}

.font-50px {
  font-size:3.125rem; /* 50px */
}

.font-70px {
  font-size:4.375rem; /* 70px */
}

.font-75px {
  font-size: 4.688rem; /* 75px */
}

.font-80px {
  font-size: 5rem; /* 80px */
}

.font-85px {
  font-size: 5.313rem; /* 85px */
}

.label{
  display: inline !important;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

.txt-thin {font-weight: 100;}
.txt-light {font-weight: 300;}
.txt-regular {font-weight:400;}
.txt-medium {font-weight: 500;}
.txt-bold {font-weight: 600;}
.txt-bolder {font-weight: 700;}

.ls-0 {letter-spacing: 0;}
.ls-1 {letter-spacing: -0.1rem;}
.ls-2 {letter-spacing: -0.02rem;}
.ls-22 {letter-spacing: -0.2rem;}
.ls-70 {letter-spacing: 0.07rem;}
.ls-100 {letter-spacing: 0.1rem;}

.lh-1 {line-height: 1 !important;}
.lh-11 {line-height: 1.1;}
.lh-12 {line-height: 1.2;}
.lh-13 {line-height: 1.3;}
.lh-14 {line-height: 1.4;}
.lh-15 {line-height: 1.5;}
.lh-17 {line-height: 1.7;}

.float-0 {float:0;}
.balign-center {margin: 0 auto;}

.ps-relative {
  position: relative;
}
.ps-absolute {
  position:absolute;
}
.ps-fixed {
  position: fixed;
}





/* **************************************** *
 * DATATABLE
 * **************************************** */
.event .fixed-height{
  /* height: 58.8% !important; */
  /* height: 450px !important; */
}

.selfafter .fixed-height{
  /* height: 58.8% !important; */
  height: 230px !important;
}

.beforeafter .fixed-height{
  /* height: 58.8% !important; */
  height: auto !important;
}

.surgeryreview .fixed-height{
  height: 100px !important;
}

.notice .fixed-height{
  height: 250px !important;
}

.notice table.dataTable{
  border-collapse: collapse !important;
}

.consult table.dataTable{
  border-collapse: collapse !important;
}

.mypage table.dataTable{
  border-collapse: collapse !important;
}

.consult table.dataTable span{
  height: 50px;
  line-height: 40px;
}

#loader{
  width: 100%;
  height: 80px;
  padding: 30px;
  border-radius: 5px;
  color:#fff;
  background-color: #5ab9f9;
  /* background: no-repeat url("../images/loader-image-gif-11.gif");
  background-size: cover; */
}
.dataTables_filter label{
  padding:10px 0;
  display: block;
}
.dataTables_filter label input{
  float: right;
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid #9e9e9e;
  background: no-repeat url("../images/search.svg");
  background-position: right;
  background-size: 22px;
}
.dataTables_filter label input:focus{
  outline: none;
}

.dataTables_filter label input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#9e9e9e;
  opacity: 1;
}

.dataTables_filter label input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #9e9e9e;
}

.dataTables_filter label input::-ms-input-placeholder { /* Microsoft Edge */
    color: #9e9e9e;
}

.pagination{
  display: block;
  text-align: center;
  padding:55px 0 35px 0;
}
.pagination .paginate_button {
  display: inline-block;
}
.pagination .active a {
    background-color: #5ab9f9;
    color: white;
    border: 1px solid #5ab9f9;
}

.pagination a {
    color: black;
    float: left;
    padding: 6px 12px;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    margin: 0 2px;
}
/* **************************************** *
 * 본문 사이즈 조절
 * **************************************** */
 /* 본문 */
 .contents img{
   max-width: 100%;
 }
 .contents p{
   margin-bottom: 0px;
 }

/* **************************************** *
 * MODAL
 * **************************************** */
.modal-lg{
  max-width: 1000px;
}
.modal-content{
  border-radius: 0px;
}
.modal-header{
  border-bottom: 1px solid #333;
}
body.modal-open{
  /* 모달오픈시 우측 패딩 방지 */
  overflow: inherit; padding-right: 0 !important;
}

/* **************************************** *
 * NAV
 * **************************************** */
nav{
  width: 100%;
  font-size: 16px;
  color: #333;
  background: #fff;
  border-bottom: 1px solid #efefef;
  top:0;
  left:0;
  /* left:50%;
  transform:translateX(-50%); */
  z-index: 300;
}

nav .icon{
  width:30px;
}
nav .logo img{
  width: 230px;
  margin-right: -20px;
}

nav .nav-ul{
  justify-content:space-between;
}

nav .nav-li{
  flex:1 1 auto;
  text-align: center;
  padding: 5px;
  /*padding:10px;*/
}

nav .nav-ul .nav-li {
  border-bottom: 3px solid transparent;
  /* position:relative; */
  position:inherit;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 400;
}
nav .nav-ul-sub{
  text-align: center;
  display: block !important;
}
nav .nav-ul-sub .nav-li-sub{
  display: inline-block;
  font-weight: 400;
}

nav .nav-ul-sub .nav-li-sub span {color: #60a3f4; font-weight: 600; }
/*nav .nav-ul-sub .nav-li-sub span:hover {border-bottom: 3px solid #60a3f4;}*/

nav .nav-ul-sub .nav-li-sub span1 {color: #7830a0; font-weight: 600; }
/*nav .nav-ul-sub .nav-li-sub span1:hover {border-bottom: 3px solid #7830a0;}*/

nav .nav-ul-sub .nav-li-sub span2 {color: #f4b801; font-weight: 600; }
/*nav .nav-ul-sub .nav-li-sub span1:hover {border-bottom: 3px solid #7830a0;}*/

nav .nav-ul-sub .nav-li-sub a{
  padding: 0.75rem 0.75rem;/*padding: 0.75rem 1.250rem;*/
}
nav .nav-ul-sub .nav-li-sub:hover a, nav .nav-ul-sub .nav-li-sub.active a{
  color: #5ab9f9 !important;
  font-weight: 500;
}

nav .nav-ul .nav-li:hover, nav .nav-ul .nav-li.active{
  color: #5ab9f9;
  border-bottom: 3px solid #5ab9f9;
}

nav .nav-ul .nav-li a, nav .nav-ul .nav-li span{
  display: inline-block;
  width: 100%;
  font-size: 16px;
}
/*.bul_v {color: #60a3f4;}
.pupl_r{color: #7830a0;}*/
.dropdown-content, .dropdown-content-sub{
  display: none;
  position: absolute;
  background-color: #ffffff;
  border-top: 1px solid #efefef;
  z-index: 1;
  margin-top: 8px;
  width: 100%;
  left:0;
  /* visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
  transform: translateY(-2em);
  transition: all 0.3s ease-in-out 1.5s, visibility 1.5s linear 0.3s, z-index 0s linear 0.01s;
  background-color: #ffffff;
  box-shadow: 6px 8px 16px 0px rgba(0, 0, 0, 0.2);
  margin-top: 13px; */
}

.dropdown-content-sub{
  margin-top: 0;
  top:0;
  left:100%;
}

.dropdown-content a, .dropdown-content-sub a, .dropdown-content span{
  color: #333;
  text-decoration: none;
  text-align: center;
  display: block;
  font-family: "Open Sans", "Noto Sans", Arial, sans-serif;
  /* border-bottom: 1px solid #efefef; */
  font-size: 14px !important;
}

.dropdown-content a:hover {
  /* display: block; */
}

.dropdown:hover .dropdown-content{
  display: block;
  /* visibility: visible;
  opacity: 1;
  z-index: 100;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s; */
}
.dropdown-sub{
  position: relative;
}
.dropdown-sub:hover{
  border-bottom: 3px solid #5ab9f9;
}
.dropdown-sub:hover .dropdown-content-sub{
  display: block;
}

.utility a {
    font-size:14px;
    padding-left:5px;
    padding-right:5px;
}

/* **************************************** *
 * MAIN
 * **************************************** */
 .pcview{
   width:1300px;
   margin: 0 auto;
 }
/* BUTTON */
  .main_button{
    position: absolute;
  }
  .button_0{top: 50%; left:50%;}
  .button_1{}
  .button_2{}
  .button_3{}
  .button_4{}
  .button_5{}
  .button_6{}
  .button_7{}
  .button_8{}


/* 메인 치료전후 사진 */
	.ba_tab {
		border-top:1px solid #ddd;
		border-bottom:1px solid #747271;
		margin-bottom:50px;
	}
	.ba_tab > div {
		width:16%;
		display:inline-block;
		border:none;
		text-align:center;
		padding: 13px 0;

	}
	.ba_tab > div.active {
		color:#80d6fe;
	}

	.ba-wrap {
		width:85%;
		margin:0 auto;
	}
	.ba-wrap .slick-slide {
		opacity : 1;
	}
	.ba-wrap .slick-slide {
		/* width:20%; */
		transition: none;
		border-radius: 50%;
		overflow: hidden;
		margin:0 15px;
	}
	.ba-wrap .slick-slide {
		border: 5px solid #fff;
	}
	.ba-wrap .slick-slide.slick-current {
	    border: 5px solid #80d6fe;
	}
	.ba-wrap .slick-slide > img {
		width:100%;
	}
	.ba-wrap .slick-list {
		padding:0 !important;
	}
	.ba-wrap .slick-prev, 
	.ba-wrap .slick-prev:hover,
	.ba-wrap .slick-prev:focus {
		left:-50px;
	}
	.ba-wrap .slick-next,
	.ba-wrap .slick-next:hover, 
	.ba-wrap .slick-next:focus {
		right:-50px;
	}

	.ba-content-data {
		display:inline-block;
		position:relative;
		margin:0 1.5%;
		width:30%;

	}
	.ba-content-bottom {
		position:absolute;
		width:100%;
		top:420px;
		bottom:0;
		height:30px;
		background:#ddd;
	}
	.ba-content-bottom .bottom-left {
		position:absolute;
		left:0;
		width:50%;
		height:100%;
		padding: 5px 0 0 10px;
	}
	.ba-content-bottom .bottom-right {
		position:absolute;
		right:0;
		width:50%;
		height:100%;
		text-align:right;
		background:#e4f7fe;
		padding: 5px 10px 0 0;
	}
	.ba-content-wrap {
		height: 435px;
	}
	.ba-content-title {
		margin-top:20px;
		margin-bottom:15px;
		padding: 10px 0;
		text-align:center;
		border-bottom:1px solid #747271;
		/* letter-spacing: -1px; */
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: pre;
	}
	.ba-bottom-text {
		margin:30px 0;
		text-align:center;
		font-size:13px;
		color:#868686

	}
/* 치료전후 끝 */



/* CAROUSEL */
  .dot{
    background: #efefef;
    border: 1px solid #efefef;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    padding:5px;
    margin-right: 15px;
  }
  .dot.active{
    background: #5ab9f9;
    border: 1px solid #5ab9f9;
  }

  .mv-link {
    display: block;
    width: 100%;
  }

/* WITH NEWLINE */
.withnewline .nav-pills .nav-link {
    padding:6px 25px;
    color:#666;
  }
.withnewline .nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    background-color: #5ab9f9;
    color:#fff;
  }
.withnewline .nav-pills .nav-link{
    border-radius: 1.3rem;
  }

/* WITH NEWLINE HOVER IMAGE */
.with-img-wrap {
    overflow: hidden;
}
.with-img-wrap .with-img-overlay {
  background: rgba(0,0,0,0.5);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}


.with-img-wrap:hover .with-img-overlay {
    opacity: 1;
}

.with-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.with-img-wrap:hover .with-details {
  top: 50%;
  left: 50%;
  opacity: 1;
  transform: translate(-50%, -50%);
}

.with-btn {
 display:inline-block;
}

/* SELFIE REVIEW */
.selfie-img-wrap{
    overflow: hidden;
}
.selfie-img-wrap a img{
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
}
.selfie-img-wrap a img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

/* MEDIA */
.center_filter .dataTables_filter label{
  text-align: center !important;
}
.center_filter .dataTables_filter label input{
  float: none;
}

/* SURGERY REVIEW */
.surgeryreview table tbody>tr:first-child td{
  border-top: 1px solid #333;
}
/* **************************************** *
 * 셀카 후기
 * **************************************** */
.selfafter.list table,
.selfafter.list table tbody,
.selfafter.list table tr,
.selfafter.list table td{
  display: block;
}
.selfafter.list .table th, .selfafter.list .table td{
  border-top: none;
}

.selfafter.view .border-top{
 border-top: 1px solid #000 !important;
}
/* **************************************** *
 * 온라인 상담
 * **************************************** */
.onlineCounsel textarea.terms{
  border-color: #f8f9fa !important;
  border: 2px solid;
}

.consult.list table,
.consult.list table tbody,
.consult.list table tr,
.consult.list table td{
  display: block;
}
.consult.list table td:last-child{
  transform: translateY(30%);
}
.consult-table th, .consult-table td{
  padding: 1rem 0;
}

.consult-table td {

}

.consult table.dataTable span.cs-box {
  border:1px solid #9e9e9e;
  line-height: 35px;
}

.onlineCounsel .border-top{
 border-top: 1px solid #000 !important;
}

.cs-box {
  border:1px solid #9e9e9e;
}

.talktalk-wrap {
  padding: 65px 0;
  background: #64c966;
}

img.talktalk-img {
  max-width: 300px;
}

.go-talktalk-btn {
  display: block;
  width: 240px;
  height: 70px;
  line-height: 70px;
  color:#fff;
  background: #2ba539 url("../images/go-talktalk-icon.png") no-repeat 36px 16px/38px auto;
  padding-left:90px;
  font-size: 30px;
  border-radius: 10px;
}

.go-talktalk-btn:hover {
  color:#fff;
}

.kakao-wrap {
  padding: 65px 0;
  background: #ffe44f;
}

.go-kakao-btn {
  background: #3e1918 url("../images/go-kakao-icon.png") no-repeat 36px 16px/40px auto;
}

.kakao-table {
  display: block;
  width: 375px;/*width: 290px;*/
}

.kakao-table td {
  height: 50px;
  line-height: 50px;
  font-size: 30px;
  text-align: center;
}

.kakao-table td:first-child {
  width:75px;
  background:#3e1918;
  color:#fae100;
}

.kakao-table td:last-child {
  width: 360px;/*width: 215px;*/
}



/* **************************************** *
 * 수술후기
 * **************************************** */
.surgeryreview .sgreview-table th, .surgeryreview .sgreview-table td{
 padding: 1rem 0;
}

.surgeryreview .border-top{
 border-top: 1px solid #000 !important;
}

.surgeryreview.list table,
.surgeryreview.list table tbody,
.surgeryreview.list table tr,
.surgeryreview.list table td{
  display: block;
}

.btn-review {
  width:20%;
  background-color: #222;
}

.btn.border-dark {
  background-color: #fff;
}


/* **************************************** *
* 전후사진
* **************************************** */
.beforeafter .ba-modal .modal-content {
  background:#fff
}

.beforeafter .ba-modal .modal-header button.close {
  top:-15px;
}

.beforeafter .ba-modal .modal-title{
  word-break: break-all;
}

.beforeafter table,
.beforeafter table tbody,
.beforeafter table tr,
.beforeafter table td{
  /* display: block; */
}

.beforeafter .big_paginate_button{
  position: absolute;
  top: 50%;
  transform: translate(10%, -50%);
  display: inline-block;
  width: 44px;
  height: 87px;
}
.beforeafter .big_paginate_button.disabled{
  display: none;
}
.beforeafter .big_paginate_button.quick_previous{
  left: -10%;
  background: url("../images/btn-prev.png") no-repeat;
}
.beforeafter  .big_paginate_button.quick_next{
  right: -10%;
  background: url("../images/btn-next.png") no-repeat;
}

.beforeafter .dataTables_filter label{
  text-align: center !important;
}
.beforeafter .dataTables_filter label input{
  float: none;
}

.ba-caution {
  border:2px solid #666;
  padding:25px;
  text-align: center;
}

.ba-caution p {
  display: inline-block;
  padding-left:90px;
  position: relative;
  color:#666;
  text-align: left;
  font-size: 1rem;
}

.ba-caution p::before {
  content: "";
  display: block;
  width: 65px;
  height: 65px;
  background:url("../images/ba-caution-logo.png") no-repeat 0 0/100% auto;
  position: absolute;
  top:-10px;
  left: 0;
}


/* **************************************** *
 * NAV TAB
 * **************************************** */
.nav-tabs{
  border-top: 1px solid #efefef;
  border-bottom: none;
}
.nav-tabs .nav-link{
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-top: 3px solid transparent;
  margin-top: -3px;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
  border-top: 3px solid #5ab9f9;
  color: #5ab9f9;
  border-radius: 0px;
  font-weight: 500;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{
  border-top: 3px solid #5ab9f9;
  color: #5ab9f9;
  border-radius: 0px;
}
.nav-item{
  border: 1px solid transparent;
}
.nav-item::has(> .nav-link.active){
  border-top : 1px solid #5ab9f9;
}


/* **************************************** *
 * 뉴라인소개
 * **************************************** */
 .introduce-1 {
    height:450px;
    background:#f2f3f5 url("../images/introduce-bg1.jpg") no-repeat top center/auto 450px;
  }

.introduce-1 .row {
  height:450px;
}

.introduce-2, .introduce-3, .introduce-4, .introduce-5,
.introduce-2 .row, .introduce-3 .row, .introduce-4 .row, .introduce-5 .row {
  height: 653px;
}

.introduce-2 {
  background:#e0e3ea url("../images/introduce-bg2.jpg") no-repeat top center/auto 653px;
}

.introduce-3 {
  background:#e3e0df url("../images/introduce-bg3.jpg") no-repeat top center/auto 653px;
}

.introduce-4 {
  background:#c2c2c2 url("../images/introduce-bg4.jpg") no-repeat top center/auto 653px;
}

.introduce-5 {
  background:#4d4654 url("../images/introduce-bg5.jpg") no-repeat top center/auto 653px;
}

.introduce-txtbox {
  background:#fff;
}


/* **************************************** *
 * 뉴라인 철학
 * **************************************** */
.special-1 {
  height:450px;
  background:#5f6e78 url("../images/special-bg1.jpg") no-repeat top center/auto 450px;
}

.special-1 .row {
  height:450px;
}

.dark-box {
  background:rgba(0,0,0,0.4);
}

.white-box {
  background:rgba(255,255,255,0.8);
}


.special-2, .special-3, .special-10 {
  padding:85px 0;
}

.special-2 p {
  display: block;
  margin: 0 auto;
}

.sp-img {
  max-width: 900px;
  margin: 0 auto;
}

.special-3 {
  background-color: #f1f7fb;
}

.special-copy {
  display: inline-block;
  width:260px;
  height: 32px;
  background:url("../images/special-copy1.png") no-repeat 0 0/100% auto;
}

.font-special {
  color:#a89f98;
}

.special-4, .special-4 .row, .special-5, .special-5 .row, .special-6, .special-6 .row,
.special-7, .special-7 .row, .special-8, .special-8 .row,
.special-9, .special-9 .row {
  height:653px;
}

.special-4 {
  background:#716556 url("../images/special-bg3.jpg") no-repeat top center/auto 653px;
}

.special-5 {
  background:#f7fafb url("../images/special-bg4.jpg") no-repeat top center/auto 653px;
}

.special-6 {
  background:#d4d5dd url("../images/special-bg5.jpg") no-repeat top center/auto 653px;
}

.special-7 {
  background:#6f696d url("../images/special-bg6.jpg") no-repeat top center/auto 653px;
}

.special-8 {
  background:#decfb9 url("../images/special-bg7.jpg") no-repeat top center/auto 653px;
}

.special-9 {
  background:#d1d7d9 url("../images/special-bg8.jpg") no-repeat top center/auto 653px;
}

.special-10 h5 {
  padding-left: 20px;
  background:url("../images/special-list-type.png") no-repeat 0 2px/7px auto;
}




/* **************************************** *
 * 의료진 소개
 * **************************************** */
.doctor-bg {
  background-color: #ebeff2;
}

.top-tit.doc-tit {
  margin-bottom:70px;
}

.doctor-name {
  padding:15px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.doctor-tit {
  font-size:14px;
  color:#6fb2e0;
}

.doctor-info {
  margin-bottom:30px;
}

.modal-body {
  padding:0;
}
.ekko-lightbox-nav-overlay a:first-child span i,
.ekko-lightbox-nav-overlay a:last-child span i {
  font-size:100px;
  color:#b8c5d8;
  opacity: 0.7;
}

.modal-header {
  display: block !important;
}

.modal-header h4 {
  display: none;
}

.modal-content {
  background-color: transparent;
}

.modal-header button.close {
  color:#6b7d8a;
  font-weight: 200;
  text-shadow: none;
  font-size:100px;
  position: absolute;
  z-index: 2;
  top:20px;
  right:20px;
}


/* **************************************** *
 * 진료안내
 * **************************************** */
 .hours-top-wrap {
   height: 760px;
   background: #fff url("../images/hours-bg.jpg") no-repeat top center/auto 760px;
 }

.hours-top-text {
  opacity:0.85;
  bottom:-760px;
  right:20px;
}

.hours-timetable .d-table-cell{
  padding: 3px 0;
}

.hours-timetable .d-table-cell:nth-child(2n){
  padding-left:22px;
}

.hours-kakao {
  background: url("../images/icon-kakao.png") no-repeat center left/33px auto;
  padding-left: 39px;/*padding-left: 46px;*/
}


/* **************************************** *
 * 원내 둘러보기
 * **************************************** */

.interior-2f-0, .interior-container {
  height: 570px;
}

.interior-2f-0 {
  z-index: 1;
}

.interior-container .swiper-slide {
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: auto 570px;
}
.interior-container .swiper-slide.s2-1 {
  background-color: #e5dcd5;
  background-image: url("../images/interior2f-1-1.jpg");
}
.interior-container .swiper-slide.s2-2 {
  background-color: #e9ecf1;
  background-image: url("../images/interior2f-1-2.jpg");
}
.interior-container .swiper-slide.s2-3 {
  background-color: #f9f9f9;
  background-image: url("../images/interior2f-1-3.jpg");
}
.interior-container .swiper-slide.s2-4 {
  background-color: #c4c0bf;
  background-image: url("../images/interior2f-1-4.jpg");
}
.interior-container .swiper-slide.s2-5 {
  background-color: #c2c1bf;
  background-image: url("../images/interior2f-1-5.jpg");
}
.interior-container .swiper-slide.s2-6 {
  background-color: #b9aeac;
  background-image: url("../images/interior2f-1-6.jpg");
}
.interior-container .swiper-slide.s2-7 {
  background-color: #d3cac5;
  background-image: url("../images/interior2f-1-7.jpg");
}
.interior-container .swiper-slide.s2-8 {
  background-color: #f7f3f2;
  background-image: url("../images/interior2f-1-8.jpg");
}
.interior-container .swiper-slide.s3-1 {
  background-color: #cacaca;
  background-image: url("../images/interior3f-1-1.jpg");
}
.interior-container .swiper-slide.s3-2 {
  background-color: #d4d7dc;
  background-image: url("../images/interior3f-1-2.jpg");
}
.interior-container .swiper-slide.s3-3 {
  background-color: #c8cccf;
  background-image: url("../images/interior3f-1-3.jpg");
}
.interior-container .swiper-slide.s3-4 {
  background-color: #efeae4;
  background-image: url("../images/interior3f-1-4.jpg");
}
.interior-container .swiper-slide.s3-5 {
  background-color: #eee6db;
  background-image: url("../images/interior3f-1-5.jpg");
}
.interior-container .swiper-slide.s3-6 {
  background-color: #caccd8;
  background-image: url("../images/interior3f-1-6.jpg");
}
.interior-container .swiper-slide.s4-1 {
  background-color: #afafb7;
  background-image: url("../images/interior4f-1-1.jpg");
}
.interior-container .swiper-slide.s4-2 {
  background-color: #f2eeed;
  background-image: url("../images/interior4f-1-2.jpg");
}
.interior-container .swiper-slide.s4-3 {
  background-color: #cac2bf;
  background-image: url("../images/interior4f-1-3.jpg");
}
.interior-container .swiper-slide.s4-4 {
  background-color: #bdc4ce;
  background-image: url("../images/interior4f-1-4.jpg");
}
.interior-container .swiper-slide.s4-5 {
  background-color: #f3f3f3;
  background-image: url("../images/interior4f-1-5.jpg");
}
.interior-container .swiper-slide.s4-6 {
  background-color: #b8afa8;
  background-image: url("../images/interior4f-1-6.jpg");
}
.interior-container .swiper-slide.s4-7 {
  background-color: #a6a29f;
  background-image: url("../images/interior4f-1-7.jpg");
}
.interior-container .swiper-slide.s4-8 {
  background-color: #dcd5cf;
  background-image: url("../images/interior4f-1-8.jpg");
}
.interior-container .swiper-slide.s5-1 {
  background-color: #d5d0cc;
  background-image: url("../images/interior5f-1-1.jpg");
}
.interior-container .swiper-slide.s5-2 {
  background-color: #d6d1cd;
  background-image: url("../images/interior5f-1-2.jpg");
}
.interior-container .swiper-slide.s5-3 {
  background-color: #b2b1b7;
  background-image: url("../images/interior5f-1-3.jpg");
}

.swiper-slide .interior-info {
  display: inline-block;
  padding:6px 20px;
  background-color: rgba(0,0,0,0.7);
  color: #fff;
  font-size: 18px;
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
}

.swiper-button-next.int-next {
  background-image: url("../images/arrow-right.png");
  right:calc(50% - 580px);
}

.swiper-button-prev.int-prev {
  background-image: url("../images/arrow-left.png");
  left:calc(50% - 580px);
}

.swiper-button-prev.int-prev, .swiper-button-next.int-next {
  width: 40px;
  height: 66px;
  background-size: 40px 66px;
  background-size: 40px 66px;
  background-color: rgba(0,0,0,0.3);
  padding:40px;
}

.interior-nav, .interior-nav .col-3 {
  z-index: 10;
}

.interior-nav {
  margin-top:-36px;
}

.interior-nav .col-3 {
  background:#fff;
  border:1px solid #e0e0e0;
  border-right:1px solid transparent;
  cursor: pointer;
}

.interior-nav a {
  display: block;
}

.interior-nav a span {
  color:#555;
}

.interior-nav .col-3:last-child {
  border-right:1px solid #e0e0e0;
}

.interior-nav .col-3.active {
  border:1px solid #5ab9f9;
  background:#5ab9f9;
  font-weight: 500;
}

.interior-nav .col-3.active a{
  color:#fff;
}

.interior-nav .col-3.active a span {
  color:#fff;
}

.interior-2f-2 {
  padding-top:100px;
}

.interior-3f-1 {
  background: #afafaf url("../images/interior-2-bg1.jpg") no-repeat bottom center/auto 570px;
}

.interior-4f-1 {
  background: #edece8 url("../images/interior-3-bg1.jpg") no-repeat bottom center/auto 570px;
}

.interior-5f-1 {
  background: #edece8 url("../images/interior-4-bg1.jpg") no-repeat bottom center/auto 570px;
}


/* **************************************** *
 * 오시는 길
 * **************************************** */
#main-wrap {
  padding-top:96px;
 }

.top-tit {
  margin-bottom:90px;
}

.how-to-go-tit {
  padding-left:65px;
  margin-bottom:45px;
}

.by-subway-tit {
  background:url("../images/location-icon-subway.png") no-repeat top left/50px auto;
}

.by-lshopping-tit {
  background:url("../images/location-icon-lshopping.png") no-repeat top left/50px auto;
}

.by-bus-tit {
  background:url("../images/location-icon-bus.png") no-repeat top left/54px auto;
}

.by-car-tit {
  background:url("../images/location-icon-car.png") no-repeat top left/52px auto;
}

.by-parking-tit {
  background:url("../images/location-icon-parking.png") no-repeat top left/50px auto;
}

.by-airplane-tit {
  background:url("../images/location-icon-airplane.png") no-repeat top left/54px auto;
}

.how-to-go-wrap p {
  padding:20px 0 0 0;
}

.highlight {
  color:#333;
}

.highlight::before {
  content: "";
  position: absolute;
  left:-3px;
  right:-3px;
  bottom:0;
  height:60%;
  background:#fff799;
  z-index: -1;
}

.car {
  height:87px;
}

.car .from {
  width: 87px;
  height: 87px;
  padding-top:25px;
  border: 5px solid #5ab9f9;
}

.car .from-c {
  padding-top:17px;
  line-height: 1.2;
}

.car.car-j, .car.car-j .from {
  height:127px;
}

.car.car-j .from-j {
  line-height: 1.2;
}


/* **************************************** *
 * 뉴라인 스타
 * **************************************** */

.table-tit {
  font-size: 22px;
  font-weight: 500;
}

.notice table,
.notice table tbody,
.notice table tr,
.notice table td{
  display: block;
}

.notice .title{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 30px;
  max-height: 60px;
}



/* **************************************** *
 * 뉴라인 이벤트
 * **************************************** */

span.nav-link, a.nav-link {
  font-size:1rem;
}

.nav-item.event-item {
  border:0;
}

.go-list-btn {
  border:none;
  background:#333;
  font-size: 1rem;
}

label.event-now {
  font-size:14px !important;
}

.event .border-top{
  border-top: 1px solid #000 !important;
}

.event table,
.event table tbody,
.event table tr,
.event table td{
  display: block;
}
.event .modal-content{
  background: #fff;
  border-radius: 0.3rem;
}
.event .modal-content .modal-header{
  display: flex !important;
}
.event .modal-content .modal-header button.close{
  font-size: 1.5rem;
}
.event .modal-content .modal-body{
  padding:1rem;
}


/* **************************************** *
 * 눈성형 - 눈성형센터
 * **************************************** */
.ps-top-wrap {
  height: 620px;
}

.ps-top-wrap h2 {
  letter-spacing: -0.3rem;
  word-break: keep-all;
  -ms-word-break: keep-all;
}

.ps-top-box {
  margin-top:70px;
}

.eyecenter-1 {
  height:620px;
  background:#f8cfda url("../images/center-bg1.jpg") no-repeat bottom center/auto 670px;
}

.eyecenter-2 {
  height:550px;
  background:#f5a0ae url("../images/center-bg2.jpg") no-repeat bottom center/auto 550px;
}

.eyecenter-2 .row, .eyecenter-3 .row {
  height:550px;
}

.eyecenter-3 {
  height:550px;
  background:#535259 url("../images/center-bg3.jpg") no-repeat bottom center/auto 550px;
}

.eyecenter-4 {
  height:540px;
  background:#979fa7 url("../images/center-bg4.jpg") no-repeat bottom center/auto 550px;
}

.eyecenter-5 {
  height:540px;
  background:#d6ccc0 url("../images/center-bg5.jpg") no-repeat bottom center/auto 550px;
}

.eyecenter-4 .row, .eyecenter-5 .row {
  height:540px;
}

.font-pink {
  color:#ff5e77;
}

.font-pink2 {
  color:#ff798e;
}

.font-pink3 {
  color: #ff98a7;
}

.bg-pink2 {
  background-color:#ff5e77;
}

.system-sub-tit {
  letter-spacing: 0.3rem;
  font-weight: 400;
}

.center-bar {
  width:100%;
  color:#fff;
  font-size:12px;
  padding:6px;
  letter-spacing:0.3rem;
}

/* **************************************** *
 * 눈성형 - 쌍꺼풀
 * **************************************** */
 /* 매몰 */

.eyelid-1-1 {
   height:620px;
   background:#f8cfda url("../images/eyelid-1-bg1.jpg") no-repeat bottom center/auto 670px;
 }

.eyelid-1-2 {
  height:550px;
  background:#f4e9ea url("../images/eyelid-1-bg2.jpg") no-repeat bottom center/auto 550px;
}

.eyelid-1-2 .row {
  height:550px;
}

.section-process {
  padding: 75px 0;
}

.eyelid-1-3 {
  background:#fafafa;
}

.eyelid-1-4 {
  height: 625px;
  background:#f9c7d5 url("../images/eyelid-1-bg3.jpg") no-repeat bottom center/auto 625px;
}

.what-ps-wrap {
  padding-top:155px;
}

h2.what-ps-tit {
  padding-right:200px;
}


.new-day-begin {
  letter-spacing: 0.3rem;
}

.ps-top-box2 {
  margin-top:30px;
}

.ps-table .ps-table-item {
  background:rgba(255,255,255,0.8);
  padding:17px 0;
  height: 100%;
}

.ps-table .ps-table-info {
  font-size:16px;
  color:#666;
  font-weight: 500;
  line-height: 1.3;
}

.font-redgray {
  color:#ab999e;
}

.font-gray60 {
  color: rgba(102,102,102,0.6);
}

.color-eye {
  color:#ff8799;
}

ul.case-list li {
  margin-bottom:12px;
  letter-spacing: -2px;
}
.case-no {
  font-weight: 600;
  padding-right:20px;
  letter-spacing: 0.05em;
}

.process-item-no {
  display: inline-block;
  margin:0;
  padding:4px 8px;
  background:#ff8799;
  font-size:18px;
  font-weight: 500;
  color:#fff;
  top:-17px;
  left:50%;
  transform: translateX(-50%);
}

.what-ps-no {
  position:relative;
}

.what-ps-no h5 {
  margin-bottom:12px;
}

.what-ps-no::before {
  content: "";
  display: block;
  padding:3px 7px;
  background:#ff8799;
  font-size:18px;
  font-weight: 500;
  color:#fff;
  position: absolute;
  top:-5px;
  left:-45px;
}

.what-ps-no.no1::before {
  content:"01";
}

.what-ps-no.no2::before {
  content:"02";
}

.what-ps-no.no3::before {
  content:"03";
}

.what-ps-no.no4::before {
  content:"04";
}

.what-ps-no.no5::before {
  content:"05";
}

.what-ps-no.no6::before {
  content:"06";
}

.what-ps-no.no7::before {
  content:"07";
}

.what-ps-no.no8::before {
  content:"08";
}

.footer-banner-ba {
  width: 100%;
  height:260px;
  background:#cae2f5 url("../images/footer-banner-ba.png") no-repeat bottom right/auto 260px;
}

.footer-banner-rs {
  width: 100%;
  height:260px;
  background:#cae2f5 url("../images/footer-banner-selfie-bg.png") repeat-x bottom left/auto 260px;
}

img.footer-rs-copy {
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  margin-left:120px;
}


.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
} /* height 동일 적용 */

/*sub tab*/
.sub-tab .nav-ul .nav-li {
  display: inline-block;
  text-align: center;
  padding:16px 25px;
  margin:0 18px
}

.sub-tab .nav-ul .nav-li {
  border-bottom: 3px solid transparent;
  /* position:relative; */
  position:inherit;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 500;
}

.sub-tab .nav-ul .nav-li:hover, .sub-tab .nav-ul .nav-li.active {
  color: #5ab9f9;
  border-bottom: 3px solid #5ab9f9;
  font-weight: 500;
}

.sub-tab .nav-ul .nav-li.active a {
  color: #5ab9f9;
  font-weight: 500;
}

.sub-tab .nav-ul .nav-li a, .sub-tab .nav-ul .nav-li span{
  display: inline-block;
  width: 100%;
  font-size: 18px;
  font-weight: 400;
}

/* 절개 */
.incision-1 {
   height:620px;
   background:#f8cfda url("/images/pc/eyes/incision-bg1.jpg") no-repeat bottom center/auto 670px;
 }

 .incision-2 {
   height:550px;
   background:#f9d1e5 url("/images/pc/eyes/incision-bg2.jpg") no-repeat bottom center/auto 550px;
 }

 .incision-2 .row {
   height:550px;
 }

 .incision-4 {
   height: 625px;
   background:#f4b1cd url("/images/pc/eyes/incision-bg3.jpg") no-repeat bottom center/auto 625px;
 }


 /* **************************************** *
  * 눈성형 - 사방트임
  * **************************************** */

.trimmed-1 {
  height:620px;
  background:#f8cfda url("../images/trimmed-bg1.jpg") no-repeat bottom center/auto 670px;
}

.trimmed-2 {
 height:507px;
 background:#9b7f8a url("../images/trimmed-bg2.jpg") no-repeat bottom center/auto 507px;
}

.trimmed-2 .row {
 height:507px;
}

.align-self-end.trimmed-shape {
 margin-bottom:120px;
}

.trimmed-3 {
  height:550px;
  background:#f6f8f7 url("../images/trimmed-bg3.jpg") no-repeat bottom center/auto 550px;
}

.trimmed-3 .row {
  height:550px;
}

.trimmed-4 {
  height: 625px;
  background:#f8e3e8 url("../images/trimmed-bg4.jpg") no-repeat bottom center/auto 625px;
}

.what-ps-wrap2 {
  padding-top: 140px;
}

.trimmed-5, .trimmed-5 .row,
.trimmed-7, .trimmed-7 .row,
.trimmed-9, .trimmed-9 .row {
  height: 600px;
}

.trimmed-5 {
  background-color:#ecb8c6;
}

.shape-check.shape-check-eye li::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 25px;
  position: absolute;
  top:0;
  left:0;
  background:url("../images/list-check.png") no-repeat top left/28px auto;
}

.trimmed-6 {
  background-color: #fef6f8;
}

.trimmed-7 {
  background-color: #dacbe6;
}

.trimmed-8 {
  background-color: #f8f6fe;
}

.trimmed-9 {
  background-color:#fbd6d6;
}

.trimmed-10 {
  background-color: #fef6f8;
}

.trimmed-type-box {
  min-width: 604px;
}

.trimmed-1-bg {
  background:#ecb8c6 url("../images/trimmed-bg5.jpg") no-repeat top left/auto 600px;
}

.trimmed-2-bg {
  background:url("../images/trimmed-bg6.jpg") no-repeat top right/auto 600px;
}

.trimmed-3-bg {
  background:url("../images/trimmed-bg7.jpg") no-repeat top left/auto 600px;
}


/* **************************************** *
 * 눈매교정
 * **************************************** */
.eye-shape-1 {
   height:620px;
   background:#f8cfda url("../images/shape-bg1.jpg") no-repeat bottom center/auto 670px;
 }

.eye-shape-2 {
 height:550px;
 background:#f2f2f2 url("../images/shape-bg2.jpg") no-repeat bottom center/auto 550px;
}

.eye-shape-2 .row {
 height:550px;
}

.eye-shape-3 {
  background:#ffdcdc;
  padding: 85px 0 60px 0;
}

.eye-shape-img {
  max-width: 484px;
  height: auto;
}

.eye-shape-4, .corset-4 {
  padding: 80px 0;
  background: #4e4e4e;
}

.eye-shape-4 img, .corset-4 img {
  max-width: 741px;
  height: auto;
}

.eye-shape-4::before {
  content: "";
  display: block;
  width: 8px;
  height: 71px;
  background: url("../images/pink-dot.png") no-repeat top center/100% auto;
  position: absolute;
  left:50%;
  top:-36px;
  transform: translateX(-50%);
}

.eye-shape-5, .eye-shape-6 {
  background:#fafafa;
}

.eye-shape-5::after {
  content: "";
  display: block;
  width: 1200px;
  height: 2px;
  background-color:#efe3e7;
  position: absolute;
  bottom:0;
  left:50%;
  transform: translateX(-50%);
}

.eye-shape-7 {
  height: 700px;
  background:#f8d0db url("../images/shape-bg3.jpg") no-repeat bottom center/auto 700px;
}

.eye-shape-7 .row {
  height: 700px;
}

.eye-shape-7 .what-ps-no {
  margin-bottom:30px;
}


/* **************************************** *
 * 동안눈성형
 * **************************************** */
 /* 상안검 */
.middleage-1-1 {
   height:620px;
   background:#f8cfda url("../images/middleage-1-bg1.jpg") no-repeat bottom center/auto 670px;
 }

.middleage-1-2 {
 background: #ffebf0;
 padding: 80px 0;
}

.middleage-1-2 h6.sg-step, .middleage-2-2 h6.sg-step {
  display: block;
  font-size: 18px;
  color: #ff798e;
  margin-top:30px;
  margin-bottom:30px;
}

.middleage-type {
  width: 230px;
  height: 230px;
  border-radius: 50%;
  border:6px solid #ffc1d0;
}

.middleage-1-3 {
  height: 453px;
  background:#e8a6c2 url("../images/middleage-1-bg2.jpg") no-repeat bottom center/auto 453px;
}

.middleage-1-3 .row {
  height: 453px;
}

.middleage-1-4 {
  background:#fafafa;
}

.middleage-1-5 {
  height: 625px;
  background:#f4c6d3 url("../images/middleage-1-bg3.jpg") no-repeat bottom center/auto 625px;
}

/* 하안검 */
.middleage-2-1 {
  height:620px;
  background:#f8cfda url("../images/middleage-2-bg1.jpg") no-repeat bottom center/auto 670px;
}

.middleage-2-2 {
 background: #fbe9f2;
 padding: 80px 0;
}

.middleage-2-3 {
  height: 453px;
  background:#d59fb0 url("../images/middleage-2-bg2.jpg") no-repeat bottom center/auto 453px;
}

.middleage-2-3 .row {
  height: 453px;
}

.middleage-2-4 {
  height: 625px;
  background:#eac4db url("../images/middleage-2-bg3.jpg") no-repeat bottom center/auto 625px;
}


/* **************************************** *
 * 눈밑지방재배치
 * **************************************** */
.eye-under-1 {
   height:620px;
   background:#f8cfda url("../images/under-bg1.jpg") no-repeat bottom center/auto 670px;
 }

.eye-under-2 {
 height:590px;
 background:#feeef2 url("../images/under-bg2.jpg") no-repeat bottom center/auto 614px;
}

.eye-under-2 .row {
 height:590px;
}

.eye-under-3 {
  height:600px;
  background:#fbcfe6 url("../images/under-bg3.jpg") no-repeat bottom center/auto 600px;
}

.eye-under-3 .row {
  height:600px;
}

.eye-under-5 {
  height: 625px;
  background:#f4b1cd url("../images/under-bg4.jpg") no-repeat bottom center/auto 625px;
}


/* **************************************** *
 * 눈성형 - 눈재수술
 * **************************************** */
.eyeagain-1 {
height:620px;
background:#fad6e0 url("../images/again-bg1.jpg") no-repeat bottom center/auto 670px;
}

.eyeagain-2 {
  height: 610px;
  background:#fcf4f5 url("../images/again-bg2.jpg") no-repeat bottom center/auto 610px;
}

.eyeagain-2 .row {
  height: 610px;
}

.eyeagain-3 {
  height: 600px;
  background: #fbd6d6;
}

.eyeagain-3 .row, .eyeagain-4 .row {
  height: 600px;
}

.eyeagain-3-bg1 {
  background:url("../images/again-bg3.jpg") no-repeat top right/auto 600px;
}

.eyeagain-4 {
  height: 600px;
  background:#c3bcbd;
}

.eyeagain-4-bg1 {
  background:url("../images/again-bg4.jpg") no-repeat top left/auto 600px;
}

.eyeagain-5 {
  height: 625px;
  background:#f9c7d5 url("../images/again-bg5.jpg") no-repeat bottom center/auto 625px;
}



/* **************************************** *
 * 코성형 - 코성형센터
 * **************************************** */

.nosecenter-1 {
  height:620px;
  background:#ebe7f1 url("../images/center-bg1_f18a95.jpg") no-repeat bottom center/auto 670px;
}

.font-purple {
  color: #a66abc;
}

.font-purple2 {
  color: #e1b1ff;
}

.font-purple3 {
  color: #bf81d5;
}

.font-purple4 {
  color: #ca99d0;
}

.bg-purple {
  background-color: #a66abc;
}

.nosecenter-2 {
  height:600px;
  background:#f6f6f6 url("../images/center-bg2_ec60eb.jpg") no-repeat bottom center/auto 600px;
}

.nosecenter-2 .row {
  height:600px;
}

.nosecenter-2 .row .nose-icon {
  position:relative;
}

.nosecenter-2 .row .nose-icon::before {
  content: "";
  display: block;
  width: 38px;
  height: 75px;
  background:url("../images/nose-icon.png") no-repeat top center/auto 75px;
  position:absolute;
  top:97px;
  right:150px;
}

.nosecenter-3 {
  height:460px;
  background:#9c81ab url("../images/center-bg3_8ff679.jpg") no-repeat bottom center/auto 460px;
}

.nosecenter-3 .row {
  height:460px;
}

.nosecenter-3 .row .circle {
  position:relative;
  z-index: 1;
}

.nosecenter-3 .row .circle::before {
  content: "";
  display: block;
  width: 278px;
  height: 278px;
  background:url("../images/nose-circle.png") no-repeat top center/auto 278px;
  position:absolute;
  top:15px;
  left:-50px;
  z-index: -1;
}

.nosecenter-4 {
  height:540px;
  background:#d0ccb9 url("../images/center-bg4_278300.jpg") no-repeat bottom center/auto 540px;
}

.nosecenter-4 .row, .nosecenter-5 .row {
  height:540px;
}

.nosecenter-5 {
  height:540px;
  background:#cbcaeb url("../images/center-bg5_8a2c04.jpg") no-repeat bottom center/auto 540px;
}


/* **************************************** *
 * 코성형 - 뉴라인코성형
 * **************************************** */
 /* 낮은 코 */
.nl-nose-1-1 {
  height: 670px;
  background:#ebe7f1 url("../images/nl-nose-1-bg1.jpg") no-repeat top center/auto 740px;
}

.nl-nose-1-3 {
  height: 625px;
  background:#ece8ed url("../images/nl-nose-1-bg2.jpg") no-repeat top center/auto 625px;
}

.nl-nose-1-3 .row {
  height: 625px;
}

.nl-nose-1-3 .noseshape {
  background : url("../images/nl-nose-1-shape.png") no-repeat right center/auto 360px;
}

.shape-check li {
  margin-bottom:15px;
  padding-left:40px;
  position: relative;
}

.shape-check li::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 25px;
  position: absolute;
  top:0;
  left:0;
  background:url("../images/list-check_202c19.png") no-repeat top left/28px auto;
}

.nose-surgery-1 {
  height: 615px;
  background:#6c6578 url("../images/nose-bg1.jpg") no-repeat bottom center/auto 615px;
  padding: 75px 0 0 0;
}

.nose-surgery-2 {
  height:346px;
  background:#494354;
}

.nose-surgery-2 > .row {
 height:346px;
}

.sg-txt-wrap h6.sg-step {
  letter-spacing: 0.3rem;
  font-size: 14px;
  color: #ca99d0;
  margin:30px 0 15px 0;
}

.sg-txt-wrap h3.sg-tit {
  font-size:25px;
  margin-bottom:15px;
  line-height: 1.3;
}

.sg-txt-wrap .sg-txt {
  font-size:16px;
  color:#666;
  font-weight: 300;
  word-break: keep-all;
  -ms-word-break: keep-all;
}

.sg-point-wrap {
  padding-top:170px;
}

.point-check {
  font-size: 22px;
  font-weight: 300;
}

.point-check li {
  margin-bottom:12px;
  padding-left:28px;
  position: relative;
}

.point-check li::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 25px;
  position: absolute;
  top:0;
  left:-14px;
  background:url("../images/list-check_202c19.png") no-repeat top left/28px auto;
}

.nose-surgery-3 {
  height: 550px;
  background:#9a8cb7 url("../images/nose-bg2.jpg") no-repeat bottom center/auto 550px;
  padding: 160px 0 0 0;
}

.nose-surgery-4 {
  height: 160px;
  background: #7b6492;
}

.special-no{
  display: inline-block;
  padding:3px 7px;
  background:#a66abc;
  font-size:18px;
  font-weight: 500;
  color:#fff;
  margin-bottom:25px;
}

.special-tit {
  margin-bottom:20px;
}

.special-txt {
  font-size: 16px;
}

.nl-nose-1-4 .process-item-no {
  background:#a66abc;
}

.nl-nose-1-5 {
  height: 740px;
  background:#6c6577 url("../images/nose-bg1.jpg") no-repeat bottom center/auto 740px;
}

.nl-nose-1-5 .row {
  height: 740px;
}

.nl-nose-1-5 .w-50 {
  height: 300px;
}

.sg-box1 {
  background:#dbe4f4;
}

.sg-box2, .sg-box3 {
  background:#fff;
  position: relative;
}

.sg-box4 {
  background:#dae7d8;
}

.sg-box2::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  position: absolute;
  top:50%;
  left:-10px;
  transform: rotate(45deg);
}

.sg-box3::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  position: absolute;
  top:50%;
  right:-10px;
  transform: rotate(45deg);
}

.sg-box2 ul, .sg-box3 ul {
  font-size: 16px;
  color:#666;
  font-weight: 300;
  display: inline-block;
}

.sg-box2 ul li, .sg-box3 ul li{
  text-align: left;
  position: relative;
  padding-left:10px;
}

.sg-box2 ul li::before, .sg-box3 ul li::before{
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  background:#666;
  position: absolute;
  top:13px;
  left:0;
}

/* 넓은 코 */
.largenose-1 {
   height:620px;
   background:#ebe7f1 url("../images/largenose-bg1.jpg") no-repeat bottom center/auto 670px;
 }

 .largenose-3 {
   height:590px;
   background:#ece8ed url("../images/largenose-bg2.jpg") no-repeat bottom center/auto 590px;
 }

 .largenose-3 .row {
   height:590px;
 }

 .largenose-3 .noseshape {
   background : url("../images/largenose-shape.png") no-repeat 350px center/auto 200px;
 }

/* 매부리코 */
.hawknose-1 {
  height:620px;
  background:#ebe7f1 url("../images/hawknose-bg1.jpg") no-repeat bottom center/auto 670px;
}

.hawknose-3 {
  height:590px;
  background:#ece8ed url("../images/hawknose-bg2.jpg") no-repeat bottom center/auto 590px;
}

.hawknose-3 .row {
  height:590px;
}

.hawknose-3 .noseshape {
  background : url("../images/hawknose-shape.png") no-repeat right center/auto 360px;
}

 /* 긴코화살코 */
.longusnose-1 {
  height:620px;
  background:#ebe7f1 url("../images/longusnose-bg1.jpg") no-repeat bottom center/auto 670px;
}

.longusnose-3 {
  height:590px;
  background:#ece8ed url("../images/longusnose-bg2.jpg") no-repeat bottom center/auto 590px;
}

.longusnose-3 .row {
  height:590px;
}

.longusnose-3 .noseshape {
  background : url("../images/longusnose-shape.png") no-repeat right center/auto 360px;
}

/* 휜코 */
.skewnose-1 {
  height:620px;
  background:#ebe7f1 url("../images/skewnose-bg1.jpg") no-repeat bottom center/auto 670px;
}

.skewnose-3 {
  height:590px;
  background:#ece8ed url("../images/skewnose-bg2.jpg") no-repeat bottom center/auto 590px;
}

.skewnose-3 .row {
  height:590px;
}

.skewnose-3 .noseshape {
  background : url("../images/skewnose-shape.png") no-repeat 350px center/auto 200px;
}


/* **************************************** *
 * 코성형 - 코끝성형
 * **************************************** */
/* 짧은코들창코 */
.nosetip-1-1 {
   height:620px;
   background:#ebe7f1 url("../images/nosetip-1-bg1.jpg") no-repeat bottom center/auto 670px;
 }

.newline-nose1 {
 height:565px;
 background:#9c81ab url("../images/nose-bg0.jpg") no-repeat bottom center/auto 565px;
}

.newline-nose1 .row {
 height:565px;
}

.newline-nose1 .row .circle {
 position:relative;
 z-index:1;
}

.newline-nose1 .row .circle::before {
 content: "";
 display: block;
 width: 412px;
 height: 412px;
 background:url("../images/nose-circle.png") no-repeat top center/auto 412px;
 position:absolute;
 top:8px;
 left:-50px;
 z-index:-1;
}

.align-self-end.nose-copy {
 margin-bottom:120px;
}

.nosetip-1-3 {
  height:590px;
  background:#ece8ed url("../images/nosetip-1-bg3.jpg") no-repeat bottom center/auto 590px;
}

.nosetip-1-3 .row {
  height:590px;
}

.nosetip-1-3 .noseshape {
  background : url("../images/nosetip-1-shape.png") no-repeat right center/auto 360px;
}

/* 복코 성형 */
.nosetip-2-1 {
   height:620px;
   background:#ebe7f1 url("../images/lucknose-bg1.jpg") no-repeat bottom center/auto 670px;
 }

.nosetip-2-3 {
 height:625px;
 background:#ece8ed url("../images/lucknose-bg2.jpg") no-repeat bottom center/auto 625px;
}

.nosetip-2-3 .row {
 height:625px;
}

.nosetip-2-3 .noseshape {
  background : url("../images/lucknose-shape.png") no-repeat right center/auto 360px;
}

/* 무보형물 코성형 */
.nosetip-3-1 {
   height:620px;
   background:#ebe7f1 url("../images/noneprosthesis-bg1.jpg") no-repeat bottom center/auto 670px;
 }

 .nosetip-3-3 {
   height:590px;
   background:#ece8ed url("../images/noneprosthesis-bg2.jpg") no-repeat bottom center/auto 590px;
 }

 .nosetip-3-3 .row {
   height:590px;
 }

 .nosetip-3-3 .noseshape {
   background : url("../images/noneprosthesis-shape.png") no-repeat right center/auto 360px;
 }

 .sg-point-wrap2 {
   padding-top:170px;
 }


 /* **************************************** *
  * 코성형 - 콧볼성형
  * **************************************** */
.nosebal-1 {
 height:620px;
 background:#ebe7f1 url("../images/nosebal-bg1.jpg") no-repeat bottom center/auto 670px;
}

.nosebal-3 {
 height:590px;
 background:#ece8ed url("../images/nosebal-bg2.jpg") no-repeat bottom center/auto 590px;
}

.nosebal-3 .row {
 height:590px;
}

.nosebal-4 {
  padding-top:75px;
  height: 615px;
  background:#6c6577 url("../images/nose-bg1.jpg") no-repeat bottom center/auto 740px;
}

.nosebal-4 .row {
  height: 615px;
}

.nosebal-4 span.sg-step {
  display: block;
  letter-spacing: 0.3rem;
  font-size: 14px;
  color: #ca99d0;
  margin-bottom:10px;
}

.nosebal-4 .sg-box2 p, .sg-box3 p {
  font-size: 16px;
  color:#666;
  font-weight: 300;
  display: inline-block;
}

.nosebal-5 {
  height:432px;
  background:#494354;
}

.nosebal-5 > .row {
 height:432px;
}

.nosebal-5 .sg-point-wrap {
  padding-top:240px;
}

/* **************************************** *
 * 코성형 - 코재수술
 * **************************************** */
.noseagain-1 {
height:620px;
background:#ebe7f1 url("../images/again-bg1_176e1b.jpg") no-repeat bottom center/auto 670px;
}

.noseagain-3 {
  height:460px;
  background:#e5e9ed url("../images/again-bg2_dd1c7b.jpg") no-repeat bottom center/auto 460px;
}

.noseagain-3 .row {
  height:460px;
}

.noseagain-4 h6.sg-step {
  letter-spacing: 0.3rem;
  font-size: 14px;
  color: #ca99d0;
  margin-bottom:10px;
}

.noseagain-5 {
  height: 640px;
  background:#6c6577 url("../images/nose-bg1.jpg") no-repeat bottom center/auto 740px;
}

.noseagain-5 > .row {
  height: 640px;
}

.noseagain-5 .point-check {
  font-size: 18px;
}

.noseagain-5 .point-check li {
  margin-bottom:25px;
  padding-left:28px;
  position: relative;
}


/* **************************************** *
 * 피부센터
 * **************************************** */

.skincenter-1 {
  height:620px;
  background:#e7f3e7 url("../images/center-bg1_5528fe.jpg") no-repeat bottom center/auto 670px;
}

.font-green {
  color: #4aa093;
}

.font-green2 {
  color: #c4ffca;
}

.bg-green {
  background-color: #4aa093;
}

.bg-green2 {
  background-color: #a8c5b3;
}

.skincenter-2 {
  height:650px;
  background:#a8c5b3 url("../images/center-bg2_49a6e3.jpg") no-repeat bottom center/auto 650px;
}

.skincenter-2 .row {
  height:650px;
}

.skincenter-3 {
  padding: 85px 0;
}

.skincenter-4 {
  height:460px;
  background:#87a793 url("../images/center-bg3_cfe076.jpg") no-repeat bottom center/auto 460px;
}

.skincenter-4 .row {
  height:460px;
}

.skincenter-4 .row .circle {
  position:relative;
  z-index: 1;
}

.skincenter-4 .row .circle::before {
  content: "";
  display: block;
  width: 278px;
  height: 278px;
  background:url("../images/center-circle.png") no-repeat top center/auto 278px;
  position:absolute;
  top:15px;
  left:-50px;
  z-index: -1;
}

.skincenter-5 {
  height:540px;
  background:#97a6a5 url("../images/center-bg4_a296ae.jpg") no-repeat bottom center/auto 540px;
}

.skincenter-5 .row, .skincenter-6 .row {
  height:540px;
}

.skincenter-6 {
  height:540px;
  background:#d5e6de url("../images/center-bg5_167e4c.jpg") no-repeat bottom center/auto 540px;
}


/* **************************************** *
 * 가슴성형 - 센터소개
 * **************************************** */
.bodycenter-1 {
  height:620px;
  background:#d7d2d4 url("../images/center-bg1_af44db.jpg") no-repeat bottom center/auto 670px;
}

.font-body {
  color:#7c656b;
}

.font-body2 {
  color: #db7db5;
}

.bg-body {
  background-color:#7c656b;
}

.bodycenter-2 {
  height: 550px;
   background:#d5c2c7 url("../images/center-bg2_6ddf32.jpg") no-repeat center center/auto 614px;
}

.bodycenter-2 .row, .bodycenter-3 .row,
.bodycenter-4 .row, .bodycenter-5 .row,
.bodycenter-6 .row, .bodycenter-7 .row {
  height: 550px;
}

.bodycenter-3 {
  height: 550px;
   background:#b9a0a9 url("../images/center-bg3_93513a.jpg") no-repeat center center/auto 614px;
}

.bodycenter-4 {
  height:550px;
  background:#666068 url("../images/center-bg4_f0ba30.jpg") no-repeat bottom center/auto 550px;
}

.bodycenter-5 {
  height:550px;
  background:#808181 url("../images/center-bg5_c192ac.jpg") no-repeat bottom center/auto 550px;
}

.bodycenter-6 {
  height:550px;
  background:#96838e url("../images/center-bg6.jpg") no-repeat bottom center/auto 550px;
}

.bodycenter-7 {
  height:550px;
  background:#594e58 url("../images/center-bg7.jpg") no-repeat bottom center/auto 550px;
}

.bodycenter-8 {
  height: 700px;
  background:#ede6e8 url("../images/center-bg8.jpg") no-repeat bottom center/auto 700px;
}

.bodycenter-8 .row {
  height: 700px;
}

.bodycenter-8 .what-ps-no,
.breastup-13 .what-ps-no,
.bodyagain-7 .what-ps-no,
.bodyline-5 .what-ps-no {
  margin-bottom:30px;
}

.bodycenter-8 .what-ps-no::before,
.breastup-13 .what-ps-no::before,
.bodyagain-7 .what-ps-no::before,
.bodyline-5 .what-ps-no::before {
  background:#db7db5;
}

.bodycenter-9 {
  background:#cbc0c6;
}

.bodycenter-9, .bodycenter-9 .row {
  height: 884px;
}

.bodycenter-9-bg1 {
  background:url("../images/center-bg9.jpg") no-repeat top right/auto 884px;
}

.body-check p{
  margin-bottom:25px;
}

.bodycenter-10 {
  background:#ede6e8;
  padding: 85px 0;
}

.body-center-img {
  max-width: 700px;
  height: auto;
}

.bodycenter-11 {
  padding:85px 0;
  background:#b5a6af;
}

.shape-check.shape-check-body li::before {
  background:url("../images/list-check_595021.png") no-repeat top left/28px auto;
}

.shape-check.shape-check-body li{
  margin-bottom:30px;
}


/* **************************************** *
 * 가슴성형 - 가슴확대
 * **************************************** */
.breastup-1 {
 height:620px;
 background:#d7d2d4 url("../images/breastup-bg1.jpg") no-repeat bottom center/auto 670px;
}

.breastup-2 {
  height: 400px;
  background:#b3969d url("../images/breastup-bg2.jpg") no-repeat bottom center/auto 400px;
}

.breastup-2 .row {
  height: 400px;
}

.breastup-3 {
  background:#d5c2c7;
}

.breastup-3, .breastup-3 .row {
  height: 600px;
}

.breastup-3-bg1 {
  background:url("../images/breastup-bg3.jpg") no-repeat top left/auto 600px;
}

.breastup-5 {
  height: 550px;
   background:#b9a0a9 url("../images/breastup-bg4.jpg") no-repeat center center/auto 550px;
}

.breastup-5 .row {
  height: 550px;
}

.breastup-6, .breastup-7, .breastup-8, .breastup-9,
.breastup-10,
.breastup-6 .row, .breastup-7 .row,
.breastup-8 .row, .breastup-9 .row,
.breastup-10 .row {
  height: 460px;
}

.breastup-6 {
  background:#efefef;
}

.breastup-7 {
  background:#efefef;
}

.breastup-8 {
  background:#efefef;
}

.breastup-9 {
  background: #edf4f6;
}

.breastup-10 {
  background: #f6edf0;
}

.breastup-6-bg1 {
  background:url("../images/breastup-img2.jpg") no-repeat top left/auto 460px;
}

.breastup-7-bg1 {
  background:url("../images/breastup-img03.jpg") no-repeat top right/auto 460px;
}

.breastup-8-bg1 {
  background:url("../images/breastup-img04.jpg") no-repeat top left/auto 460px;
}

.breastup-9-bg1 {
  background:url("../images/breastup-img05.jpg") no-repeat top right/auto 460px;
}

.breastup-10-bg1 {
  background:url("../images/breastup-img6.jpg") no-repeat top left/auto 460px;
}

.breastup-11, .breastdown-4, .nipple-3  {
  height: 810px;
  background:#a5969a url("../images/breastup-bg5.jpg") no-repeat bottom center/auto 810px;
}

.breastup-11 .sg-txt-wrap h6.sg-step,
.breastup-12 .sg-txt-wrap h6.sg-step,
.breastdown-3 .sg-txt-wrap h6.sg-step,
.bodyagain-6 .sg-txt-wrap h6.sg-step
 {
  color:#db7db5;
}

.breastup-12 {
  height: 810px;
  background:#685563 url("../images/breastup-bg6.jpg") no-repeat bottom center/auto 810px;
}

.breastup-13 {
  height: 800px;
  background:#d9c6cb url("../images/breastup-bg7.jpg") no-repeat bottom center/auto 800px;
}

.breastup-13 .row {
  height: 800px;
}


/* **************************************** *
 * 가슴성형 - 가슴축소
 * **************************************** */
.breastdown-1 {
 height:620px;
 background:#d7d2d4 url("../images/breastdown-bg1.jpg") no-repeat bottom center/auto 670px;
}

.breastdown-2 {
  height: 453px;
  background:#b3969d url("../images/breastdown-bg2.jpg") no-repeat bottom center/auto 453px;
}

.breastdown-2 .row {
  height: 453px;
}

.breastdown-3 {
  background:#ebe5e6;
  padding: 85px 0;
}

.breastdown-5 {
  height:550px;
  background:#f6edf0 url("../images/breastdown-bg3.jpg") no-repeat bottom center/auto 550px;
}

.breastdown-5 .row {
  height: 550px;
}

.breastdown-6{
  background-image: url("../images/breastdown-bg4.jpg");
}


/* **************************************** *
 * 가슴성형 - 유두성형
 * **************************************** */
.nipple-1 {
 height:620px;
 background:#d7d2d4 url("../images/nipple-bg1.jpg") no-repeat bottom center/auto 670px;
}

.nipple-2 {
  height:614px;
  background:#f1e9ec url("../images/nipple-bg2.jpg") no-repeat bottom center/auto 614px;
}

.nipple-2 .row {
  height: 614px;
}

.nipple-4{
  background-image: url("../images/nipple-bg3.jpg");
}


/* **************************************** *
 * 가슴성형 - 가슴재수술
 * **************************************** */
.bodyagain-1 {
 height:620px;
 background:#d7d2d4 url("../images/bodyagain-bg1.jpg") no-repeat bottom center/auto 670px;
}

.bodyagain-2 {
  height: 400px;
  background:#b3969d url("../images/bodyagain-bg2.jpg") no-repeat bottom center/auto 400px;
}

.bodyagain-2 .row {
  height: 400px;
}

.bodyagain-3 {
  height:550px;
  background:#e1d6da url("../images/bodyagain-bg3.jpg") no-repeat bottom center/auto 550px;
}

.bodyagain-3 .row {
  height: 550px;
}

.bodyagain-4 {
  background:#f6edf0;
  padding: 85px 0 0 0;
}

.bodyagain-5, .bodyline-2 {
  background:#cfb8be;
}

.bodyagain-5, .bodyagain-5 .row,
.bodyline-2, .bodyline-2 .row {
  height: 600px;
}

.bodyagain-5-bg1 {
  background:url("../images/bodyagain-bg4.jpg") no-repeat top left/auto 600px;
}

.bodyagain-5 .what-ps-no::before,
.bodyline-2 .what-ps-no::before {
  background-color:#db7db5;
  top:5px;
}

.bodyagain-5 .what-ps-no,
.bodyline-2 .what-ps-no {
  margin-bottom:30px;
}

.bodyagain-6 {
  height: 1270px;
  background:#685563 url("../images/bodyagain-bg5.jpg") no-repeat bottom center/auto 1270px;
}

.bodyagain-7 {
  height: 800px;
  background:#d9c6cb url("../images/bodyagain-bg6.jpg") no-repeat bottom center/auto 800px;
}

.bodyagain-7 .row {
  height: 800px;
}


/* **************************************** *
 * 바디성형 - 지방흡입
 * **************************************** */
.bodyline-1 {
 height:620px;
 background:#d7d2d4 url("../images/bodyline-bg1.jpg") no-repeat bottom center/auto 670px;
}

.bodyline-2-bg1 {
  background:url("../images/bodyline-bg2.jpg") no-repeat top left/auto 600px;
}

.bodyline-3 {
  background:#f6edf0;
  padding: 85px 0 0 0;
}

.bodyline-5 {
  height: 750px;
  background:#d9c6cb url("../images/bodyline-bg3.jpg") no-repeat bottom center/auto 750px;
}

.bodyline-5 .row {
  height: 750px;
}


/* **************************************** *
 * 남자성형 - 센터소개
 * **************************************** */
.mencenter-1 {
  height:620px;
  background:#adb3c5 url("../images/center-bg1_550ef1.jpg") no-repeat bottom center/auto 670px;
}

.font-navy {
  color: #232736;
}

.font-navy2 {
  color: #3f486b;
}

.font-navy3, .color-men {
  color: #aabdf9;
}

.font-navy4 {
  color: #4c63aa;
}

.bg-navy {
  background-color: #232736;
}

.mencenter-2 {
  height:540px;
  background:#232736 url("../images/center-bg2_ca2ebf.jpg") no-repeat bottom center/auto 550px;
}

.mencenter-2 .row, .mencenter-5 .row {
  height: 540px;
}

.mencenter-5 {
  height:540px;
  background:#4d4654 url("../images/center-bg5_8d3817.jpg") no-repeat bottom center/auto 540px;
}


/* **************************************** *
 * 남자성형 - 남자눈성형
 * **************************************** */
.meneye-1 {
   height:620px;
   background:#acb2c4 url("../images/meneye-bg1.jpg") no-repeat bottom center/auto 670px;
 }

.newline-men1 {
height:500px;
background:#434b60 url("../images/men-bg0.jpg") no-repeat bottom center/auto 500px;
}

.newline-men1 .row {
height:500px;
}

.align-self-end.men-copy {
 margin-bottom:80px;
}

.meneye-3, .meneye-4 {
  background-color: #fafafa;
}

.meneye-3::after {
  content: "";
  display: block;
  width: 1200px;
  height: 2px;
  background-color:#e0e2ed;
  position: absolute;
  bottom:0;
  left:50%;
  transform: translateX(-50%);
}

.meneye-3 .process-item-no,
.meneye-4 .process-item-no {
  background:#7887b0;
}

.meneye-5 {
  height: 700px;
  background:#4a546f url("../images/meneye-bg2.jpg") no-repeat bottom center/auto 700px;
}

.meneye-5 .row {
  height: 700px;
}

.meneye-5 .what-ps-no {
  margin-bottom:30px;
}

.meneye-5 .what-ps-no::before, .gynecomastia-4 .what-ps-no::before {

  background:#434b60;

}

.what-ps-no.no5::before {
  content:"05";
}


/* **************************************** *
 * 남자성형 - 남자코성형
 * **************************************** */
.mennose-1 {
 height:620px;
 background:#acb2c4 url("../images/mennose-bg1.jpg") no-repeat bottom center/auto 670px;
}

.mennose-img {
 max-width: 1200px;
 height: auto;
}

.mennose-3 {
 padding:85px 0 0 0;
 background:#ebeffc;
}

.mennose-4 {
 height: 550px;
 background:#8c99b7 url("../images/men-bg1.jpg") no-repeat bottom center/auto 550px;
 padding: 160px 0 0 0;
}

.mennose-5 {
 height: 160px;
 background: #636d92;
}

.mennose-4 .special-no{
  display: inline-block;
  padding:3px 7px;
  background:#232736;
  font-size:18px;
  font-weight: 500;
  color:#fff;
  margin-bottom:25px;
}


/* **************************************** *
 * 남자성형 - 남자안면윤곽
 * **************************************** */
.menface-1 {
   height:620px;
   background:#acb2c4 url("../images/menface-bg1.jpg") no-repeat bottom center/auto 670px;
 }

.menface-2 {
  padding:85px 0 0 0;
  background:#dee3f0;
}

 .menface-img {
  max-width: 1200px;
  height: auto;
 }

.menface-3, .menface-4 {
  background:#4f6297;
}

.menface-3::after {
  content: "";
  display: block;
  width: 1200px;
  height: 2px;
  background-color:#7a87b0;
  position: absolute;
  bottom:0;
  left:50%;
  transform: translateX(-50%);
}

.menface-4 .sg-txt-wrap h6.sg-step {
  color: #989ccf;
}

/* **************************************** *
 * 남자성형 - 여성형유방증
 * **************************************** */
.gynecomastia-1 {
 height:620px;
 background:#acb2c4 url("../images/gynecomastia-bg1.jpg") no-repeat bottom center/auto 670px;
}

.gynecomastia-3 {
 padding:85px 0;
 background:#7887b0 url("../images/gynecomastia-bg2.jpg") no-repeat bottom center/auto 100%;
}

.gynecomastia-4 {
  height: 640px;
  background:#d3d5dd url("../images/gynecomastia-bg3.jpg") no-repeat bottom center/auto 640px;
}

.gynecomastia-4 .row {
  height: 640px;
}

.gynecomastia-4 .what-ps-no {
  margin-bottom:40px;
}



/* **************************************** *
 * 안면윤곽 - 센터 소개
 * **************************************** */
.facecenter-1 {
 height:620px;
 background:#ede3da url("/images/pc/face/center-bg1.jpg") no-repeat bottom center/auto 670px;
}

.font-brown {
  color:#5d3c23;
}

.font-brown2 {
  color:#695343;
}

.font-brown3 {
  color: #b25a13;
}

.font-brown4 {
  color:#dfceb2;
}

.font-brown5 {
  color:#efe6dd;
}

.font-brown6 {
  color:#7b502f;
}

.bg-brown {
  background-color:#5d3c23;
}

.facecenter-2 {
  height:550px;
  background:#bea589 url("/images/pc/face/center-bg2.jpg") no-repeat bottom center/auto 550px;
}

.facecenter-2 .row {
  height: 550px;
}

.facecenter-5 {
  height:830px;
  background:#d9c4b5 url("/images/pc/face/center-bg3.jpg") no-repeat bottom center/auto 830px;
}

.facecenter-5 .row {
  height: 830px;
}


/* **************************************** *
 * 안면윤곽 - 비절개 안면윤곽술
 * **************************************** */
.nonincision-1 {
 height:620px;
 background:#ede3da url("/images/pc/face/nonincision-bg1.jpg") no-repeat bottom center/auto 670px;
}

.nonincision-2 {
  padding:85px 0;
  background:#ccc0b5;
}

.nonincision-2-img {
  max-width: 700px;
  height: auto;
}

.nonincision-3::before, .depth-3::before,
.tbone-3::before, .square-3::before {
  content: "";
  display: block;
  width: 8px;
  height: 71px;
  background: url("/images/pc/face/beige-dot.png") no-repeat top center/100% auto;
  position: absolute;
  left:50%;
  top:-36px;
  transform: translateX(-50%);
}

.nonincision-3 {
  padding:85px 0;
  background:#4e4e4e;
}

.nonincision-3-img {
  max-width: 840px;
  height: auto;
}

.face-surgery-1 {
  height: 615px;
  background:#534a42 url("/images/pc/face/face-bg1.jpg") no-repeat bottom center/auto 615px;
  padding: 75px 0 0 0;
}

.face-surgery-2 {
  height:220px;
  background:#534a42;
}

.face-surgery-1 .sg-txt:last-child {
  display: inline-block;
}

.face-surgery-1 .sg-txt-wrap h6.sg-step,
.chin-7 .sg-txt-wrap h6.sg-step,
.chin-9 .sg-txt-wrap h6.sg-step {
  color: #ceb099;
}

.face-surgery-1 .what-ps-no {
  margin-bottom:30px;
}

.face-surgery-1 .what-ps-no::before,
.nonincision-7 .what-ps-no::before,
.vlifting-4 .what-ps-no::before {
  background:#5d3c23;
}

.nonincision-6 {
  background:#e4dbd2;
  padding:85px 0 0 0;
}

.nonincision-7 {
  height: 700px;
  background:#9e765d url("/images/pc/face/nonincision-bg2.jpg") no-repeat bottom center/auto 700px;
}

.nonincision-7 .row {
  height: 700px;
}

.nonincision-7 .what-ps-no {
  margin-bottom:40px;
}


/* **************************************** *
 * 안면윤곽 - 심부볼 지방제거
 * **************************************** */
.depth-1 {
 height:620px;
 background:#ede3da url("/images/pc/face/depth-bg1.jpg") no-repeat bottom center/auto 670px;
}

.depth-3 {
  padding:85px 0;
  background:#978171;
}

.depth-4 {
  height:550px;
  background:#f8f7f6 url("/images/pc/face/depth-bg2.jpg") no-repeat bottom center/auto 550px;
}

.depth-4 .row {
  height:550px;
}

.op-0 {
  opacity: 0;
}

.depth-5 {
  background-image: url("/images/pc/face/depth-bg3.jpg");
}


/* **************************************** *
 * 안면윤곽 - 아큐V리프팅
 * **************************************** */
.vlifting-1 {
 height:620px;
 background:#ede3da url("/images/pc/face/vlifting-bg1.jpg") no-repeat bottom center/auto 670px;
}

.vlifting-2 {
  height: 453px;
  background:#c1aa99 url("/images/pc/face/vlifting-bg2.jpg") no-repeat bottom center/auto 453px;
}

.vlifting-2 .row {
  height: 453px;
}

.vlifting-3 {
  background:#f7e8da;
  padding:85px 0 0 0;
}

.vlifting-4 {
  height: 700px;
  background:#e4dbd2 url("/images/pc/face/vlifting-bg3.jpg") no-repeat bottom center/auto 700px;
}

.vlifting-4 .row {
  height: 700px;
}

.vlifting-4 .what-ps-no {
  margin-bottom:30px;
}

.vlifting-5 {
  height:550px;
  background:#f8f7f6 url("/images/pc/face/vlifting-bg4.jpg") no-repeat bottom center/auto 550px;
}

.vlifting-5 .row {
  height:550px;
}


/* **************************************** *
 * 안면윤곽 - 퀵광대
 * **************************************** */
.quick-1 {
 height:620px;
 background:#ede3da url("/images/pc/face/quick-bg1.jpg") no-repeat bottom center/auto 670px;
}

.quick-2 {
  height: 453px;
  background:#b8988e url("/images/pc/face/quick-bg2.jpg") no-repeat bottom center/auto 453px;
}

.quick-2 .row {
  height: 453px;
}

.quick-3 {
  height:550px;
  background:#f8f4f3 url("/images/pc/face/quick-bg3.jpg") no-repeat bottom center/auto 550px;
}

.quick-3 .row, .quick-4 .row {
  height:550px;
}

.quick-4 {
  height:550px;
  background:#e4d9d2 url("/images/pc/face/quick-bg4.jpg") no-repeat bottom center/auto 550px;
}

.shape-check.shape-check-face li::before {
  background:url("/images/pc/face/list-check.png") no-repeat top left/28px auto;
}


/* **************************************** *
 * 안면윤곽 - T절골술
 * **************************************** */
.tbone-1 {
 height:620px;
 background:#ede3da url("/images/pc/face/tbone-bg1.jpg") no-repeat bottom center/auto 670px;
}

.tbone-2 {
  height: 500px;
  background:#c4b1a3 url("/images/pc/face/tbone-bg2.jpg") no-repeat bottom center/auto 500px;
}

.tbone-2 .row {
  height: 500px;
}

.tbone-3 {
  height:550px;
  background:#59534e url("/images/pc/face/tbone-img1.png") no-repeat bottom center/auto 550px;
}

.tbone-3 .row {
  height: 550px;
}

.tbone-3 .shape-check li,
.tbone-7 .shape-check li {
  margin-bottom: 25px;
}

.tbone-4 {
  background:#fbd3a9;
}

.tbone-4 .sg-txt-wrap h6.sg-step,
.square-3 .sg-txt-wrap h6.sg-step {
  color: #ca8149;
}

.tbone-5 {
  padding:85px 0;
  background: #fff;
}

.tbone-6 {
  background: #4e4e4e;
  padding:85px 0;

}

.tbone-7 {
  height:600px;
  background:#e4dbd2 url("/images/pc/face/tbone-bg3.jpg") no-repeat bottom center/auto 600px;
}

.tbone-7 .row {
  height: 600px;
}

.tbone-8 {
  height: 524px;
}

.tbone-8 .special-no,
.square-4 .special-no {
  background-color: #5d3c23;
}

.tbone-9 {
  height: 274px;
}


/* **************************************** *
 * 안면윤곽 - 사각턱 수술
 * **************************************** */
.square-1 {
 height:620px;
 background:#ede3da url("/images/pc/face/square-bg1.jpg") no-repeat bottom center/auto 670px;
}

.square-2 {
  padding:85px 0;
  background:#ccc0b5;
}

.square-3 {
  background:#746c64;
}

.square-4 {
  padding:85px 0;
  background:#f1ece8;
}

.color-square {
  color:#f59376;
}

.square-5 {
  background:#fbeee2;
  height: 760px;
}

.square-5 .row {
  height: 760px;
}

.square-5-bg1 {
  background:url("/images/pc/face/square-bg3.jpg") no-repeat top right/auto 760px;
}


/* **************************************** *
 * 안면윤곽 - 턱끝 수술
 * **************************************** */
.chin-1 {
 height:620px;
 background:#ede3da url("/images/pc/face/chin-bg1.jpg") no-repeat bottom center/auto 670px;
}

.chin-2 {
  background:#caad9a;
  height: 575px;
}

.chin-2 .row, .chin-6 .row, .chin-8 .row {
  height: 575px;
}

.chin-2-bg1 {
  background:url("/images/pc/face/chin-bg2.jpg") no-repeat top right/auto 575px;
}

.chin-3 {
  background:#d6ccc5;
  padding:85px 0 0 0;
}

.chin-4 {
  height: 700px;
  background-size: auto 700px;
}

.chin-5 {
  height: 400px;
}

.face-surgery-2 .point-check li::before {
  background:url("/images/pc/face/list-check2.png") no-repeat top left/28px auto;
}

.chin-6 {
  background:#fbd3a9;
  height: 575px;
}

.chin-6-bg1 {
  background:url("/images/pc/face/chin-bg3.jpg") no-repeat top left/auto 575px;
}

.chin-8 {
  background:#f1e0cf;
  height: 575px;
}

.chin-8-bg1 {
  background:url("/images/pc/face/chin-bg4.jpg") no-repeat top right/auto 575px;
}

.chin-7 {
  padding: 85px 0;
  background:#59534e;
}



/* **************************************** *
 * 리프팅동안 - 실리프팅
 * **************************************** */
.faciallift-1 {
 height:620px;
 background:#fff9d9 url("../images/faciallift-bg1.jpg") no-repeat bottom center/auto 670px;
}

.font-yellow {
  color:#fabd05;
}

.font-yellow2 {
  color:#ff8a00;
}

.bg-yellow {
  background-color: #fabd05;
}

.faciallift-2 {
  height: 550px;
   background:#fceba9 url("../images/faciallift-bg2.jpg") no-repeat center center/auto 614px;
}

.faciallift-2 .row {
  height: 550px;
}

.faciallift-3, .faciallift-4 {
  height: 460px;
  background: #fdf7df;
}

.faciallift-3 .row, .faciallift-4 .row {
  height: 460px;
}

.faciallift-3-bg1 {
  background:url("../images/faciallift-img1.jpg") no-repeat top left/auto 460px;
}

.faciallift-4-bg1 {
  background:url("../images/faciallift-img2.jpg") no-repeat top right/auto 460px;
}

.shape-check.shape-check-lifting li::before {
  background:url("../images/list-check_929fd0.png") no-repeat top left/28px auto;
}

.shape-check.shape-check-lifting li {
  margin-bottom:20px;
}

.faciallift-5 {
  height: 380px;
  background:#ddbc84 url("../images/faciallift-bg3.jpg") no-repeat center center/auto 453px;
}

.faciallift-5 .row {
  height: 380px;
}

.faciallift-6 {
  height: 550px;
  background:#ffeea9 url("../images/faciallift-bg4.jpg") no-repeat bottom center/auto 550px;
}

.faciallift-6 .row {
  height: 550px;
}

.faciallift-6 .what-ps-no::before,
.upper-5 .what-ps-no::before,
.miniupper-4 .what-ps-no::before {
  background:#ffc600;
}


/* **************************************** *
 * 리프팅동안 - 안면거상술
 * **************************************** */
.upper-1 {
 height:620px;
 background:#fff9d9 url("../images/upper-bg1.jpg") no-repeat bottom center/auto 670px;
}

.upper-2 {
  height: 550px;
   background:#fceba9 url("../images/upper-bg2.jpg") no-repeat center center/auto 614px;
}

.upper-2 .row {
  height: 550px;
}

.upper-3 {
  height:550px;
  background:#fffded url("../images/upper-bg3.jpg") no-repeat bottom center/auto 550px;
}

.upper-3 .row {
  height:550px;
}

.upper-4 {
  height: 730px;
  background:#cfad74 url("../images/upper-bg4.jpg") no-repeat bottom center/auto 730px;
}

.upper-4 .process-item-no, .miniupper-3 .process-item-no {
  background:#ffc600;
}

.upper-5 {
  height: 550px;
  background:#faf2ac url("../images/upper-bg5.jpg") no-repeat bottom center/auto 550px;
}

.upper-5 .row {
  height: 550px;
}


/* **************************************** *
 * 리프팅동안 - 미니거상술
 * **************************************** */
.miniupper-1 {
 height:620px;
 background:#fff9d9 url("../images/miniupper-bg1.jpg") no-repeat bottom center/auto 670px;
}

.miniupper-2 {
  height:550px;
  background:#fffded url("../images/miniupper-bg2.jpg") no-repeat bottom center/auto 550px;
}

.miniupper-2 .row {
  height:550px;
}

.miniupper-3 {
  height: 640px;
  background:#cfad74 url("../images/upper-bg4.jpg") no-repeat top center/auto 730px;
}

.miniupper-4 {
  height: 550px;
  background:#f5eda9 url("../images/miniupper-bg3.jpg") no-repeat bottom center/auto 550px;
}

.miniupper-4 .row {
  height: 550px;
}

.miniupper-4 .what-ps-no {
  margin-bottom:20px;
}


/* **************************************** *
 * 리프팅동안 - 비절개리프팅
 * **************************************** */
.double-1 {
 height:620px;
 background:#fff9d9 url("../images/double-bg1.jpg") no-repeat bottom center/auto 670px;
}

.double-2, .double-3, .double-4,
.double-2 .row, .double-3 .row, .double-4 .row {
  height: 610px;
}

.double-2 {
  background:#cea972;
}

.double-3 {
  background:#d1c689;
}

.double-4 {
  background:#d0bfa5;
}

.double-2-bg1 {
  background:url("../images/double-img1.jpg") no-repeat top right/auto 610px;
}

.double-3-bg1 {
  background:url("../images/double-img2.jpg") no-repeat top left/auto 610px;
}

.double-4-bg1 {
  background:url("../images/double-img3.jpg") no-repeat top right/auto 610px;
}



/* **************************************** *
 * 지방이식 - 지방이식 센터
 * **************************************** */
.fattycenter-1 {
 height:620px;
 background:#fae3d6 url("../images/center-bg1_45f4c2.jpg") no-repeat bottom center/auto 670px;
}

.font-orange {
 color:#ff9579;
}

.font-orange2 {
  color:#fe674e;
}

.font-orange3 {
  color:#fdcebc;
}

.bg-orange {
  background-color:#ff9579;
}

.fattycenter-2 {
  height:550px;
  background:#f2aa8e url("../images/center-bg2_49c0a1.jpg") no-repeat bottom center/auto 550px;
}

.fattycenter-2 .row {
  height: 550px;
}


/* **************************************** *
 * 지방이식 - 뉴라인 지방이식
 * **************************************** */
.nlfatty-1 {
 height:620px;
 background:#fae3d6 url("../images/nl-fatty-bg1.jpg") no-repeat bottom center/auto 670px;
}

.nlfatty-2 {
  height: 453px;
  background:#d5afa4 url("../images/nl-fatty-bg2.jpg") no-repeat bottom center/auto 453px;
}

.nlfatty-2 .row {
  height: 453px;
}

.nlfatty-3 {
  background:#f9f1ee;
  padding:85px 0 0 0;
}

.nlfatty-4 {
  height: 550px;
  background:#f2aa8e url("../images/nl-fatty-bg4.jpg") no-repeat bottom center/auto 550px;
}

.nlfatty-4 .row {
  height: 550px;
}

.nlfatty-4 .what-ps-no, .faciallift-6 .what-ps-no,
.upper-5 .what-ps-no {
  margin-bottom:30px;
}

.nlfatty-4 .what-ps-no::before, .prpcell-5 .what-ps-no::before {
  background:#ff9579;
}


/* **************************************** *
 * 지방이식 - PRP 지방이식
 * **************************************** */
.prpcell-1 {
 height:620px;
 background:#fae3d6 url("../images/prpcell-bg1.jpg") no-repeat bottom center/auto 670px;
}

.prpcell-2 {
  height:614px;
  background:#333640 url("../images/prpcell-bg2.jpg") no-repeat bottom center/auto 614px;
}

.prpcell-2 .row {
  height: 614px;
}

.prpcell-3 {
  height:550px;
  background:#f9ab95 url("../images/prpcell-bg3.jpg") no-repeat bottom center/auto 550px;
}

.prpcell-3 .row, .stemcell-5 .row {
  height: 550px;
}

.shape-check.shape-check-fatty li::before {
  background:url("../images/list-check_65dfb2.png") no-repeat top left/28px auto;
}

.prpcell-4 {
  background: #fff9f5;
  padding:85px 0;
}

.prpcell-table {
  max-width: 730px;
  height: auto;
}

.prpcell-5 {
  height: 700px;
  background:#f6d7ce url("../images/prpcell-bg4.jpg") no-repeat bottom center/auto 700px;
}

.prpcell-5 .row {
  height: 700px;
}

.prpcell-5 .what-ps-no {
  margin-bottom:30px;
}


/* **************************************** *
 * 지방이식 - 줄기세포 지방이식
 * **************************************** */
.stemcell-1 {
 height:620px;
 background:#fae3d6 url("../images/stemcell-bg1.jpg") no-repeat bottom center/auto 670px;
}

.stemcell-2 {
  height: 453px;
  background:#d39d9d url("../images/stemcell-bg2.jpg") no-repeat bottom center/auto 453px;
}

.stemcell-2 .row {
  height: 453px;
}

.stemcell-3 {
  background:#f9eeee;
  padding:85px 0 0 0;
}

.stemcell-4 {
  height: 700px;
  background:#b68581 url("../images/stemcell-bg3.jpg") no-repeat bottom center/auto 700px;
}

.stemcell-4 .row {
  height: 700px;
}

.white-line {
  position: relative;
}

.white-line::after {
  content: "";
  display: block;
  width: 800px;
  height: 2px;
  background-color:#f5f2ef;
  position: absolute;
  bottom:0;
  left:50%;
  transform: translateX(-50%);
}

.stemcell-5 {
  height:550px;
  background:#f7beaa url("../images/stemcell-bg4.jpg") no-repeat bottom center/auto 550px;
}

/* **************************************** *
 * 쁘띠성형 - 여우주사
 * **************************************** */
.font-anti {
  color: #67a3fb;
}

.font-anti2 {
  color:#498df0;
}

.bg-anti {
  background-color: #67a3fb;
}

.fox-1 {
  height:620px;
  background:#e3f2fc url("../images/fox-bg1.jpg") no-repeat bottom center/auto 670px;
}

.fox-2 {
  height: 700px;
  background:#cde4ff url("../images/fox-bg2.jpg") no-repeat bottom center/auto 700px;
}

.highlight2 {
  position: relative;
  z-index: 1;
}

.highlight2::before {
  content: "";
  position: absolute;
  left: -15px;
  right: -15px;
  bottom: 0;
  height: 40%;
  background: #9fd0ff;
  z-index: -1;
}

.fox-3 {
  height: 810px;
  background:#86a9d1 url("../images/fox-bg3.png") repeat;
  padding:85px 0
}

.fox-3 .copy-img {
  max-width: 360px;
}

.shape-check.shape-check-anti li::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 25px;
  position: absolute;
  top:0;
  left:0;
  background:url("../images/list-check_3a59c6.png") no-repeat top left/28px auto;
}

.op-6 {
  opacity: 0.6;
}

.fox-4 {
  background:#cde3fc;
  padding: 85px 0 0 0;
}

.fox-img {
  max-width: 700px;
}

.fox-5 {
  height: 828px;
  background:#e4edfb;
}

.fox-5 .row {
  height: 828px;
}

.fox-5-bg1 {
  background:url("../images/fox-bg4.jpg") no-repeat top right/auto 828px;
}

.q-list li {
  margin-bottom: 30px;
}

.q-tit {
  display: block;
  margin-bottom:12px;
}


/* **************************************** *
 * 쁘띠성형 - 입꼬리올림술
 * **************************************** */
.mouth-1 {
  height:620px;
  background:#e3f2fc url("../images/mouth-bg1.jpg") no-repeat bottom center/auto 670px;
}

.mouth-2 {
  height: 700px;
  background:#cde4ff url("../images/mouth-bg2.jpg") no-repeat bottom center/auto 700px;
}

.mouth-2-tit {
  margin-left:180px;
  word-break: keep-all;
  -ms-word-break: keep-all;
}

.mouth-3 {
  padding: 85px 0;
}

.mouth-3 .process-item-no {
  background:#67a3fb;
}

.mouth-4 {
  background:#cde3fc url("../images/mouth-bg4.png") repeat;
  padding: 85px 0;
}

.mouth-img {
  max-width: 800px;
  height: auto;
}

.mouth-txt {
  max-width: 800px;
  margin: 0 auto;
  text-align: left;
}

.mouth-5 {
  height: 700px;
  background:#a4c1e3 url("../images/mouth-bg3.jpg") no-repeat bottom center/auto 700px;
}

.mouth-5 .row {
  height: 700px;
}

.mouth-5 .what-ps-no, .belkyra-6 .what-ps-no {
  margin-bottom:30px;
}

.mouth-5  .what-ps-no::before, .belkyra-6 .what-ps-no::before {
  background:#67a3fb;

}


/* **************************************** *
 * 쁘띠성형 - 보조개
 * **************************************** */
.dimple-1 {
 height:620px;
 background:#e3f2fc url("../images/dimple-bg1.jpg") no-repeat bottom center/auto 670px;
}

.dimple-2 {
  background-color: #eef3f9;
  padding: 85px 0 0 0;
}

.dimple-img {
  width: 1000px;
  height: auto;
}

.dimple-3 {
  height: 730px;
  background:#d3e3f5 url("../images/dimple-bg2.jpg") no-repeat bottom center/auto 730px;
}

.dimple-3 .row {
  height: 730px;
}

.dimple-3 .what-ps-no {
  margin-bottom:30px;
}

.dimple-3  .what-ps-no::before {
  background:#67a3fb;

}


/* **************************************** *
 * 쁘띠성형 - 필러
 * **************************************** */
.filler-1 {
 height:620px;
 background:#e3f2fc url("../images/filler-bg1.jpg") no-repeat bottom center/auto 670px;
}

.filler-2 {
  height:550px;
  background:#fafdff url("../images/filler-bg2.jpg") no-repeat bottom center/auto 550px;
}

.filler-2 .row {
  height:550px;
}

.filler-3-tit {
  padding: 135px 0 0 0;
}

.filler-3 {
  height: 900px;
  background:#cde3fc url("../images/filler-bg3.jpg") no-repeat bottom center/auto 900px;
}

.filler-3 .row {
  height: 900px;
}

.filler-3 .what-ps-no {
  margin-bottom:40px;
}

.filler-3  .what-ps-no::before {
  background:#67a3fb;

}


.filler-4 {
 height:520px;
 background:#869fc4 url("../images/filler-bg4.jpg") no-repeat bottom center/auto 520px;
}

.filler-4 .row {
 height:520px;
}

.filler-4 .row .circle {
 position:relative;
 z-index:1;
}

.filler-4 .row .circle::before {
 content: "";
 display: block;
 width: 412px;
 height: 412px;
 background:url("../images/anti-circle.png") no-repeat top center/auto 412px;
 position:absolute;
 top:-8px;
 left:-50px;
 z-index:-1;
}


/* **************************************** *
 * 쁘띠성형 - 보톡스
 * **************************************** */
.botox-1 {
 height:620px;
 background:#e3f2fc url("../images/botox-bg1.jpg") no-repeat bottom center/auto 670px;
}

.botox-2 {
  height:550px;
  background:#b6c8e7 url("../images/botox-bg2.jpg") no-repeat bottom center/auto 550px;
}

.botox-2 .row {
  height:550px;
}

.botox-3, .botox-4 {
  height: 460px;
  background: #f3f6fb;
}

.botox-3 .row, .botox-4 .row {
  height: 460px;
}

.botox-3-bg1 {
  background:url("../images/botox-img2.jpg") no-repeat top right/auto 460px;
}

.botox-4-bg1 {
  background:url("../images/botox-img1.jpg") no-repeat top left/auto 460px;
}

.botox-5 {
  background-color: #e5eeff;
  padding: 85px 0 0 0;
}


/* **************************************** *
 * 쁘띠성형 - 코르셋 주사
 * **************************************** */
.corset-1 {
 height:620px;
 background:#e3f2fc url("../images/corset-bg1.jpg") no-repeat bottom center/auto 670px;
}

.corset-2 {
  padding:85px 0;
}

span.knn-logo {
  display: inline-block;
  width:320px;
  height: 41px;
  background:url("../images/corset-logo1.png") no-repeat top center/100% auto;
  text-indent: -9999px;
}

.corset-ba-wrap {
  max-width: 800px;
  margin: 0 auto;
}

.corset-ba-wrap span {
  display: inline-block;
  margin-right:5px;
}

.ba-item-no {
  padding:4px 8px;
  background:#67a3fb;
  font-size:18px;
  font-weight: 500;
  color:#fff;
}

.corset-3 {
  height: 453px;
  background:#a3bde4 url("../images/corset-bg2.jpg") no-repeat bottom center/auto 453px;
}

.corset-3 .row, .corset-8 .row {
  height: 453px;
}

.corset-4::before {
  content: "";
  display: block;
  width: 8px;
  height: 71px;
  background: url("../images/blue-dot.png") no-repeat top center/100% auto;
  position: absolute;
  left:50%;
  top:-36px;
  transform: translateX(-50%);
}

.corset-5 {
  background:#f2f5f7;
  padding:85px 0 0 0;
}

.corset-img {
  max-width: 900px;
  height: auto;
}

.corset-7 {
  padding:85px 0;
  background:#d7e1f3;
}

.corset-8 {
  height: 453px;
  background:#d7e1f3 url("../images/corset-bg3.jpg") no-repeat bottom center/auto 453px;
}

.corset-9 .row .circle::before {
 content: "";
 display: block;
 width: 350px;
 height: 350px;
 background:url("../images/anti-circle.png") no-repeat top center/auto 350px;
 position:absolute;
 top:-20px;
 left:-50px;
 z-index:-1;
}

/* **************************************** *
 * 쁘띠성형 - 벨카이라 주사
 * **************************************** */
.belkyra-1 {
  height:620px;
  background:#e3f2fc url("../images/belkyra-bg1.jpg") no-repeat bottom center/auto 670px;
}

.belkyra-2 {
  height: 550px;
  background:#cde4ff url("../images/belkyra-bg2.jpg") no-repeat bottom center/auto 550px;
}

.belkyra-3 {
  height: 453px;
  background:#a0b3d3 url("../images/belkyra-bg3.jpg") no-repeat bottom center/auto 453px;
}

.belkyra-3 .row {
  height: 453px;
}

.belkyra-4, .corset-6, .nonincision-8, .quick-5 {
  padding: 85px 0 60px 0;
}

.belkyra-img {
  display: block;
  max-width: 800px;
  margin: 0 auto;
}

.belkyra-how-1 {
  height: 615px;
  background:#667285 url("../images/belkyra-bg6.jpg") no-repeat bottom center/auto 615px;
  padding: 75px 0 0 0;
}

.belkyra-how-2 {
  height:295px;
  background:#414652;
}

.belkyra-how-2 > .row {
 height:295px;
}

.belkyra-how-1 .process-item-no {
  background:#67a3fb;
}

.belkyra-how-2 .sg-point-wrap{
  padding-top:75px;
}

.belkyra-how-2 .point-check li::before {
  background:url("../images/list-check_3a59c6.png") no-repeat top left/28px auto;
}

.belkyra-5 {
  background-color: #d5e1f6;
  padding: 85px 0 0 0;
}

.belkyra-img2 {
  max-width: 1100px;
  height: auto;
}

.belkyra-6 {
  height: 625px;
  background:#f0f6fd url("../images/belkyra-bg4.jpg") no-repeat bottom center/auto 625px;
}

.belkyra-6 .row {
  height: 625px;
}

.belkyra-7 {
  background:#9cadcf url("../images/belkyra-bg5.jpg") no-repeat bottom center/auto 453px;
}



/* **************************************** *
 * 로그인, 회원가입, 아이디, 비밀번호찾기, 마이페이지
 * **************************************** */

 .top-tit.login-tit, .top-tit.register-tit {
   margin-bottom:50px;
 }

.form-group2 {
  margin-bottom:14px;
}

.form-nl-txt {
  padding:10px 14px;
}

select.form-control:not([size]):not([multiple]){
  height:43px;
}

select.form-nl-select {
  width:120px;
  padding:10px 14px;
}

.member-mini-btn a {
  display: inline-block;
  color: #666;
  padding: 3px 12px;
}

.member-mini-btn a:first-child {
  padding-left:0;
}

input.form-nl-txt::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#9e9e9e;
  opacity: 1;
}

input.form-nl-txt:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #9e9e9e;
}

input.form-nl-txt::-ms-input-placeholder { /* Microsoft Edge */
    color: #9e9e9e;
}

textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#9e9e9e;
  opacity: 1;
}

textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #9e9e9e;
}

textarea::-ms-input-placeholder { /* Microsoft Edge */
    color: #9e9e9e;
}

.border-dark {
  border: 1px solid #333;
}

#phone_agree, #email_agree {
  margin-right:3px;
}

.mypage table,
.mypage table tbody,
.mypage table tr,
.mypage table td{
  display: block;
}
.mypage table.consult td:last-child {
    transform: translateY(30%);
}

/* REGISTER */
.register textarea.terms{
  border-radius: 0px;
  border: 1px solid #eaeaea;
  color:#999;
}

.register label{
  padding-top:8px;
}

.terms-box {
  height: 350px;
  border-radius: 0px;
  border: 1px solid #eaeaea;
  color:#999;
}

.terms-line {
  padding: 8px 18px;
}

.terms-agree-txt {
  color:#666;
}

/* **************************************** *
 * 약관
 * **************************************** */
 div.policy{
   position: relative;
   margin: 10px;
   padding: 20px;
   color: #797979;
   font-size: 14px;
   border: 1px solid #e7e7e7;
   overflow: hidden;
   line-height: 180%;
   text-align: justify;
   word-break: break-all;
   text-justify: inter-word;
 }

 /* 비급여 진료비용 안내 */
.cost-table {width:100%; max-width:600px; border-collapse: collapse; }
.cost-table thead {background:#ddf1ff;}
.cost-table tr {border-top:1px solid #e6e6e6;}
.cost-table thead tr {border-top:none;}
.cost-table th {text-align: center; font-weight: 500;}
.cost-table tr:first-child {border-top:none;}
.cost-table th, .cost-table td {width:50%; padding: 1rem 2rem;}
.cost-table td:first-child {
  padding-left:3rem;
}
.cost-table th {padding: 0.7rem 2rem;}
.cost-table td:nth-child(2n) {
  letter-spacing: 0;
}



/* **************************************** *
 * QUICK MENU
 * **************************************** */
.quick-menu{
  top: 100px;
  right: 0px;
  padding: 0 !important;
  width: 90px;
}
.sidebar{
  text-align: center; 
  font-family:'S-CoreDream';    
}
.sidebar .sidebar-item{
  position: relative;
}
.sidebar .sidebar-item a, .sidebar .sidebar-item span.openModal{
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  height: 80px;
  padding-bottom: 5px;
  cursor: pointer;
  border-top: 1px solid #dddddd;
}

.sidebar .sidebar-item.color-dark a{
  color:#fff;
}
.sidebar .sidebar-item.color-dark:hover a{
  color:#333;
}

.sidebar .sidebar-item.talktalk{
  background: url("../images/quick_talktalk2.png") no-repeat;
  background-color: #333;
  background-position: center 10px;
}

.sidebar .sidebar-item.talktalk:hover{
  background: url("../images/quick_talktalk1.png") no-repeat;
  background-color: #36b044;
  background-position: center 10px;
}

.sidebar .sidebar-item.talktalk:hover a,
.sidebar .sidebar-item.event:hover a {
  color:#fff
}

.sidebar .sidebar-item.online{
  background: url("../images/quick_online.png") no-repeat;
  background-color: #fdfdfd;
  background-position: center 10px;
}
.sidebar .sidebar-item.online:hover{
  background-color: #f2f2f2;
}

.sidebar .sidebar-item.pay{
  background: url("../images/quick_counsel.png") no-repeat;
  background-color: #fdfdfd;
  background-position: center 8px;/*background-position: center 10px;*/
}
.sidebar .sidebar-item.pay:hover{
  background-color: #f2f2f2;
}

.sidebar .sidebar-item.kakao{
  background: url("../images/quick_kakao.png") no-repeat;
  background-color: #fdfdfd;
  background-position: center 10px;
}
.sidebar .sidebar-item.kakao:hover{
  background-color: #f2f2f2;
}

.sidebar .sidebar-item.location{
  background: url("../images/quick_location.png") no-repeat;
  background-color: #fdfdfd;
  background-position: center 10px;
}
.sidebar .sidebar-item.location:hover{
  background-color: #f2f2f2;
}

.sidebar .sidebar-item.youtube{
  background: url("../images/quick_youtube.png") no-repeat;
  background-color: #fdfdfd;
  background-position: center 10px;
}
.sidebar .sidebar-item.youtube:hover{
  background-color: #f2f2f2;
}

.sidebar .sidebar-item.tel{
  background: url("../images/quick_tel.png") no-repeat;
  background-color: #363533;
  background-position: center 20px;
}
.sidebar .sidebar-item.tel:hover{
  background-color: #363533;
}

.sidebar .sidebar-item.nose{
  background: url("../images/quick_nose.gif") no-repeat;
  background-color: #a18df0;
  background-position: center 0px;
  height: 180px;
  display:block;
}
.sidebar .sidebar-item.nose:hover{
  background-color: #a18df0;
  height: 180px;
  cursor: pointer;
}

.sidebar .sidebar-item.event{
  background: url("../images/quick_event2.png") no-repeat;
  background-color: #3f3f3f;
  background-position: center 10px;
  -webkit-animation: quick-event 2s infinite;
  -moz-animation: quick-event 2s infinite;
  animation: quick-event 2s infinite;
}

.sidebar .sidebar-item.event:hover{
  background: url("../images/quick_event1.png") no-repeat;
  background-color: #00aae5;
  color:#fff !important;
  background-position: center 10px;
}
.sidebar .sidebar-item .sidebar-modal{
  display: none;
  position: absolute;
  top: 0;
  left: -380px;
  width: 380px;
}

.sidebar-close-btn {
  background-color: #f3f3f3;
  border-bottom: 1px solid #dddddd;
}
/* **************************************** *
 * bottom-section
 * **************************************** */
.bottom .ba_cover{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
.bottom .slick-next::before{
  content: ">";
  opacity: 0;
}
.bottom .slick-prev::before{
  content: "<";
  opacity: 0;
}

.bottom .slick-prev{
  background: url("../images/btn-prev.png") no-repeat;
  background-size: cover;
}
.bottom .slick-next{
  background: url("../images/btn-next.png") no-repeat;
  background-size: cover;
}
.bottom .slick-prev:hover, .bottom .slick-prev:focus{
  background: url("../images/btn-prev.png") no-repeat !important;
  background-size: cover !important;
}
.bottom .slick-next:hover, .bottom .slick-next:focus{
  background: url("../images/btn-next.png") no-repeat !important;
  background-size: cover !important;
}
/* **************************************** *
 * main popup / 메인팝업 2020.11.17
 * **************************************** */
#popup {position:fixed; top:0; left:0; z-index:9990; width:100%; height: 100%; background:rgba(0,0,0,0.8);}
#popup .popupInner {position:absolute; top:50%; left:50%; width:1250px; height: 658px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
#popup .btn_close {position: absolute; top: 0; right: -45px; z-index: 1; cursor: pointer;}

#popup .swiper-container.gallery-thumbs {
	display: -webkit-flex; /* Safari */
	-webkit-flex-flow: row wrap; /* Safari 6.1+ */
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	height: 44px;
	line-height: 44px;
	background: #fff;
	font-size: 18px;
	font-weight: 400;
	color: #333;
	cursor: pointer;
}
#popup .swiper-container.gallery-thumbs .swiper-slide {
	-webkit-flex: 1; /* Safari 6.1+ */
	-ms-flex: 1; /* IE 10 */
	flex: 1;
	text-align: center;
	-webkit-ransition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	transition: background 0.3s ease;
}
#popup .swiper-container.gallery-thumbs .swiper-slide::before {
	content: '';
    position: absolute;
    left: 0;
    width: 1px;
    height: 44px;
    background: #d9d9d9;
}
#popup .swiper-container.gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
	background: #f14a92;
	color: #fff;
}
#popup .swiper-container.gallery-thumbs .swiper-slide.swiper-slide-thumb-active::before {
	background: #f14a92;
}
#popup .swiper-container.gallery-thumbs .swiper-slide.swiper-slide-thumb-active::after {
	content: '';
    position: absolute;
    right: -1px;
    width: 1px;
    height: 44px;
	background: #f14a92;
	z-index: 1;
}

#popup .swiper-container {
	height: 100%;
}
#popup .swiper-pagination {
    display: -webkit-flex; /* Safari */
	-webkit-flex-flow: row wrap; /* Safari 6.1+ */
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	height: 44px;
	line-height: 44px;
	background: #fff;
	font-size: 18px;
	font-weight: 400;
	color: #333;
	cursor: pointer;
	bottom: 0;
}
#popup .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	position: relative;
	width: 100%;
    height: 100%;
    border-radius: 0;
	-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    -webkit-ransition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    transition: background 0.3s ease;
	margin: 0;
	background: #fff;
    opacity: 1;
}
#popup .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet > p {
    width: 100%;
    height: 100%;
    display: inline-table;
    vertical-align: top;
	padding: 0 3px;
}
#popup .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet > p > span {
    display: table-cell;
    line-height: 1.1;
    word-break: keep-all;
    vertical-align: middle;
}
#popup .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet::before {
    content: '';
    position: absolute;
    left: 0;
    width: 1px;
    height: 44px;
    background: #d9d9d9;
}
#popup .swiper-pagination-bullet-active {
    background: #f14a92 !important;
    color: #fff;
}
#popup .swiper-pagination-bullet-active::before {
    background: #f14a92 !important;
}
#popup .swiper-pagination-bullet-active::after {
    content: '';
    position: absolute;
    right: -1px;
    width: 1px;
    height: 44px;
    background: #f14a92;
    z-index: 1;
}

/* 팝업레이어2 241205추가*/
#hd_pop { z-index:7; position:relative; top:10px; left:30px;/*margin:0 auto; height:0 */} 
#hd_pop h2 { position:absolute; font-size:0; line-height:0; overflow:hidden }
.hd_pops { position:absolute; border:1px solid #e9e9e9; background:#fff }
.hd_pops img { max-width:100% }
.hd_pops_con {width: 500px; height:800px;  }
.hd_pops_footer { padding:0; background:#000; color:#fff; text-align:left; position:relative }
.hd_pops_footer:after { display:block; visibility:hidden; clear:both; content:"" }
.hd_pops_footer button { padding:10px; border:0; color:#fff }
.hd_pops_footer .hd_pops_reject { background:#000; text-align:left }
.hd_pops_footer .hd_pops_close { background:#393939; position:absolute; top:0; right:0 }    
/* animation */
@-webkit-keyframes quick-event {
  0% {
    background: url("../images/quick_event1.png") no-repeat;
    background-color: #00aae5;
    background-position: center 10px;
  }
  49% {
    background: url("../images/quick_event1.png") no-repeat;
    background-color: #00aae5;
    background-position: center 10px;
  }
  50% {
    background: url("../images/quick_event2.png") no-repeat;
    background-color: #333;
    background-position: center 10px;
  }
  99% {
    background: url("../images/quick_event2.png") no-repeat;
    background-color: #333;
    background-position: center 10px;
  }
  100% {
    background: url("../images/quick_event1.png") no-repeat;
    background-color: #00aae5;
    background-position: center 10px;
  }
}
@-moz-keyframes quick-event {
  0% {
    background: url("../images/quick_event1.png") no-repeat;
    background-color: #00aae5;
    background-position: center 10px;
  }
  49% {
    background: url("../images/quick_event1.png") no-repeat;
    background-color: #00aae5;
    background-position: center 10px;
  }
  50% {
    background: url("../images/quick_event2.png") no-repeat;
    background-color: #333;
    background-position: center 10px;
  }
  99% {
    background: url("../images/quick_event2.png") no-repeat;
    background-color: #333;
    background-position: center 10px;
  }
  100% {
    background: url("../images/quick_event1.png") no-repeat;
    background-color: #00aae5;
    background-position: center 10px;
  }
}
@keyframes quick-event {
  0% {
    background: url("../images/quick_event1.png") no-repeat;
    background-color: #00aae5;
    background-position: center 10px;
  }
  49% {
    background: url("../images/quick_event1.png") no-repeat;
    background-color: #00aae5;
    background-position: center 10px;
  }
  50% {
    background: url("../images/quick_event2.png") no-repeat;
    background-color: #333;
    background-position: center 10px;
  }
  99% {
    background: url("../images/quick_event2.png") no-repeat;
    background-color: #333;
    background-position: center 10px;
  }
  100% {
    background: url("../images/quick_event1.png") no-repeat;
    background-color: #00aae5;
    background-position: center 10px;
  }
}

/* **************************************** *
 * main 리뉴얼 / 메인 2020.11.24
 * **************************************** */
.mainCon .wrapper{width:1220px; margin:0 auto;}
	
.daMedia{padding:50px 0;}
.daMedia .datv_list{font-size:0}
.daMedia .datv_list > div{width:228px; margin-right:20px; display:inline-block; vertical-align:top; cursor:pointer;}
.daMedia .datv_list > div:nth-child(5n){margin-right:0;}
.daMedia .datv_list > div .thumb{width: 100%; position: relative; padding-bottom: 55.75%; overflow: hidden;}
.daMedia .datv_list > div img{position:absolute; top:0; left:0; width:100%; margin-top:-9.7%;}
.daMedia .datv_list > div img.elseThumb{margin-top:0;}
.daMedia .datv_list > div .subject{padding-top:8px;}
.daMedia .datv_list > div .subject h3{font-size:14px; color:#000;}
.daMedia .datv_list > div .subject span{display:block; padding-top:10px; font-size:12px; color:#747271;}
.daMedia .datv_list > div .icoPlay{font-size:12px; color:#747271; padding:10px 0; border-bottom:1px solid #747271;}

.daModel { padding: 25px 0 0;  }        
.daModel .datv_list{font-size:0}
.daModel .datv_list > div{width:228px; margin-right:20px; display:inline-block; vertical-align:top; cursor:pointer;}
.daModel .datv_list > div:nth-child(5n){margin-right:0;}
.daModel .datv_list > div .thumb{width: 100%; position: relative; padding-bottom: 55.75%; overflow: hidden;}
.daModel .datv_list > div img{position:absolute; top:0; left:0; width:100%; margin-top:-9.7%;}
.daModel .datv_list > div img.elseThumb{margin-top:0;}
.daModel .datv_list > div .subject{padding-top:8px;}
.daModel .datv_list > div .subject h3{font-size:14px; color:#000;}
.daModel .datv_list > div .subject span{display:block; padding-top:10px; font-size:12px; color:#747271;}
.daModel .datv_list > div .icoPlay{font-size:12px; color:#747271; padding:10px 0; border-bottom:1px solid #747271;}

.mainCon .story_list span,
.mainCon .hotclip_list span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mainTitle{overflow:hidden; position:relative;}
.mainTitle.last{margin-top:30px;}
.mainTitle h2{float:left; line-height:50px; font-size:18px; color:#000; vertical-align:top; margin-right:2px;}
.mainTitle h2 span{color:#49bc91;}
.mainTitle ul{float:left; }
.mainTitle ul li{float:left; font-size:14px; color:#000; cursor:pointer; padding:0 20px; line-height:50px; position:relative;}
.mainTitle ul li:after{content:''; background:#ececec; width:1px; height:10px; position:absolute; top:50%; margin-top:-5px; right:0;}
.mainTitle ul li:last-child:after{display:none;}
.mainTitle ul li.selected{color:#49bc91;}
.mainTitle .more{float:right; font-size:14px; line-height:40px; color:#747271;}	
	
.daModel { padding: 25px 0 0;  }        
.daModel .datv_list{font-size:0}
.daModel .datv_list > div{width:228px; margin-right:20px; display:inline-block; vertical-align:top; cursor:pointer;}
.daModel .datv_list > div:nth-child(5n){margin-right:0;}
.daModel .datv_list > div .thumb{width: 100%; position: relative; padding-bottom: 55.75%; overflow: hidden;}
.daModel .datv_list > div img{position:absolute; top:0; left:0; width:100%; margin-top:-9.7%;}
.daModel .datv_list > div img.elseThumb{margin-top:0;}
.daModel .datv_list > div .subject{padding-top:8px;}
.daModel .datv_list > div .subject h3{font-size:14px; color:#000;}
.daModel .datv_list > div .subject span{display:block; padding-top:10px; font-size:12px; color:#747271;}
.daModel .datv_list > div .icoPlay{font-size:12px; color:#747271; padding:10px 0; border-bottom:1px solid #747271;}	
	
.daInfo {padding:20px 0; background:#fafafa;}
.daInfo .wrapper{overflow:hidden; width: 1217px;}
.daInfo .wrapper .mainTitle{float:left; width:215px; height:190px; position:relative; /*float:left; width:189px; height:190px; position:relative; padding-left:30px;*/}
.daInfo .wrapper .mainTitle h2{float:none; line-height:120%;}
.daInfo .wrapper .mainTitle .more{float:none;}
.daInfo .wrapper .mainTitle .swiper3-button-next, .daInfo .wrapper .mainTitle .swiper3-button-prev{position:absolute; top:auto; bottom:0; margin-top:0; width: 24px; height: 24px; background:none; font-size:16px; z-index:101; border:1px solid #d9d9d9; outline:none;}
.daInfo .wrapper .mainTitle .swiper3-button-prev{left:41px; }
.daInfo .wrapper .mainTitle .swiper3-button-next{left:69px; right:auto;}
.daInfo .wrapper .mainTitle .swiper3-button-prev:after{content:'\e93d'; font-family:xeicon; color:#727272; font-size:16px; position:absolute; top:-1px; left:2px;}
.daInfo .wrapper .mainTitle .swiper3-button-next:after{content:'\e940'; font-family:xeicon; color:#727272; font-size:16px; position:absolute; top:-2px; left:3px;}
.daInfo .wrapper .daInfocon{float:left; width: 999px;}
.daInfo .swiper3-slide{width:190px; margin-right:10px;}
.daInfo .swiper3-slide .docWrap{position:relative; cursor:pointer;}
.daInfo .swiper3-slide .docWrap span{display:block;}
.daInfo .swiper3-slide .docWrap .name{position:absolute; bottom:0; left:0; width:100%; text-align:center; color:#fff; background:rgba(0,0,0,0.7); font-size:14px; font-weight:600; padding:10px 0;}
.daInfo .swiper3-slide img{width:100%;}

.recommendKeyword{padding:10px 0 30px;}
.recommendKeyword .wrapper{width: 1250px;}
.recommendKeyword ul{font-size:0; margin:0 10px; text-align:center; overflow:hidden; border-left:1px solid #dcdcdc; border-top:1px solid #dcdcdc; box-sizing: border-box;}
.recommendKeyword ul li{width:25%; float:left; height:35px; line-height:35px; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; box-sizing: border-box;}
.recommendKeyword ul li a{font-size:14px; color:#747271; display:block;}
.recommendKeyword ul li.on a {color:#49bc91; font-weight:600;}
.recommendKeyword .keywordTab {display:none; font-size:0;  margin-top:30px; text-align:center;}
.recommendKeyword .keywordTab.on {display:block;}
.recommendKeyword .searchWrap {line-height:40px; height:40px; border-radius:40px; border:2px solid #4abd92; margin:0 10px; margin-bottom:10px;}
.recommendKeyword .searchWrap input {border:none; background: transparent; width:calc(100% - 50px); line-height: 40px; margin-left:10px; float:left;}
.recommendKeyword .searchWrap i {font-size:26px; margin: 0 6px; line-height:40px; float:left; color:#4abd92;}
.recommendKeyword .tabWrap{ font-size:0; margin-top:22px;}
.recommendKeyword .tabWrap > div{display:inline-block; width:12.5%; text-align:center;}
.recommendKeyword .tabWrap > div span{display:block; }
.recommendKeyword .tabWrap > div span.icon img{width:40px;}
.recommendKeyword .tabWrap > div span.desc{font-size:14px; color:#747271; margin-top:20px; font-weight:500; letter-spacing:-1px; line-height:20px;}
.recommendKeyword .tabWrap > div.on span.desc{color:#49bc91;}
.recommendKeyword .keywordTab > div {width:auto; display:inline-block; margin:0 10px;}
.recommendKeyword .keywordTab a{font-size:13px; padding:5px 10px; background:#e4fbf2; display:block; color:#2dac7d;}

.recommendKeyword .searchKeyword{padding:0 10px; color:#747271; font-size:0; overflow:hidden;}
.recommendKeyword .searchKeyword span{display:inline-block; width:65px;font-size:12px; }
.recommendKeyword .searchKeyword a{display:inline-block; font-size:12px; margin-right:10px; color:#2dac7d; margin-bottom:3px;}

.newlineevnt{padding:0px;}
.newlineevnt .wrapper{width: 1250px; position:relative; }
	
.newClip{padding:25px 0;}
.newClip .datv_list{font-size:0}
.newClip .datv_list > div{width:228px; margin-right:20px; margin-bottom:40px; display:inline-block; vertical-align:top; cursor:pointer;}
.newClip .datv_list > div:nth-child(5n){margin-right:0;}
.newClip .datv_list > div .thumb{width: 100%; position: relative; padding-bottom: 55.75%; overflow: hidden;}
.newClip .datv_list > div img{position:absolute; top:0; left:0; width:100%; margin-top:-9.7%;}
.newClip .datv_list > div img.elseThumb{margin-top:0;}
.newClip .datv_list > div .subject{padding-top:8px;}
.newClip .datv_list > div .subject h3{font-size:14px; color:#000;}
.newClip .datv_list > div .subject span{display:block; padding-top:10px; font-size:12px; color:#747271;}
.newClip .datv_list > div .icoPlay{font-size:12px; color:#747271; padding:10px 0; border-bottom:1px solid #747271;}	
	
.tabcontents{height:0; overflow: hidden; opacity:1; -moz-transition: all 1s ease-out; -webkit-transition: all 2s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out;}
.tabcontents.selected{height:auto; opacity:1;}
.tabcontents .panel {width:100%; overflow:hidden; -webkit-transition:-webkit-transform 2s; transition:transform 2s;}
.tabcontents .panel .panel-list {width:228px; margin-right:20px; float:left; border:1px solid #dcdcdc; box-sizing:border-box; margin-bottom:20px;}
.tabcontents .panel .panel-list:nth-child(5n) {margin-right:0;}
.tabcontents .panel .panel-list .thumb{width: 100%; position: relative;  overflow: hidden;}
.tabcontents .panel .panel-list .thumb a{position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}

.tabcontents .panel .panel-list .thumb.video:after{content:''; width:30px; height:30px; position:absolute; bottom:10px; right:10px; background:url("/m/img/renewal/newplay.png") no-repeat 0 0; background-size:30px;}
.tabcontents .panel .panel-list img{width:100%;}
.tabcontents .panel .panel-list .subject{padding-top:8px;}
.tabcontents .panel .panel-list .subject h3{font-size:14px; color:#000;}
.tabcontents .panel .panel-list .subject span{display:block; padding-top:5px; font-size:12px; color:#747271; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/* **************************************** *
 * FOOTER
 * **************************************** */
footer{
  background: #f2f2f2;
}

footer .border-top{
  border-top: 1px solid #e4e4e4 !important;
}

footer .footer-logo img{
  width: 230px;
}

footer .footer-utility a:hover{
  color:#666;
}

span.blank {
  padding:0 5px;
  color:#888;
}


@media (max-width: 480px) {
  .ps-fixed .container .nav-ul {
    /* display: none; */
  }

  .quick-menu {
    /* display: none; */
  }
}

.event .finish { cursor:default; }
.event .finish .thumb_wrap { position:relative; }
.event .finish .thumb_wrap::before { content:''; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:absolute; top:0; left:0; }
.event .finish .thumb_wrap::after { content:'종료된 이벤트 입니다'; color:#fff; border:1px solid #fff; border-width:1px 0; background: rgba(0,0,0,0.5); padding: 3px 5px;position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); }



.ba-content-pic{
	position:relative;
}
.fadeImage {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:rgba(255, 255, 255, 0.8);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.fadeImageTxt {
	text-align: center;
	margin:20px 0;
	font-weight: 700;
}

.fadeImageTxt span {
	font-size:0.9rem;
	font-weight: 500;
}