@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Tenor+Sans&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

@font-face {
  font-family: "InkLipquid";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff")
    format("woff");
}


:root{
  --max-width: 1920px;
}

/* PC canvas: retain the 1600px design width and allow horizontal scrolling. */
@media screen and (min-width: 501px) {
  html,
  body,
  header,
  #wrapper,
  #container_wr,
  #ft {
    min-width: 1600px;
  }
}

/*
더뷰티성형외과
C00282
*/

/* ================================================================================================= */
/* 기본구성 */
body {
  top: 0 !important;
  padding: 0 !important;
}

/* ================================================================================================= */
/* 헤더와푸터 */

/* 메인 */
.mainWrap header.Fixed {
  position: fixed;
}

header {
  display: block;
  position: relative;
  width: 100%;
  top: 0;
  border: none;
  z-index: 997;
}
header.Fixed {
}
.NC00282.PriceWrap header.Fixed {
  position: fixed !important;
}
header .HeaderNav_Area {
  width: 100%;
  max-width: var(--max-width);
  min-width: 0;
  margin: 0 auto;
  z-index: 1;
}

/* member페이지 */
.memberWrap header .HeaderNav_GNBmenu {
  background-color: #fff !important;
}
.memberWrap header .HeaderNav_GNBmenu i {
  color: #000 !important;
}

/* ================================================================================================= */
/*헤더*/
header {
  position: fixed;
  width: 100%;
  z-index: 900;
}
header .HeaderNav_Area {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
}
header .HeaderNav_LargeMenu.Inner {
  width: 100%;
  min-width: 0;
}

header .HeaderNav_GNB {
  position: relative;
  z-index: 900;
  padding: 15px 0;
}
header .HeaderNav_GNBmenu {
  border: 0;
}
header .HeaderNav_GNB .Logo {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  z-index: 900;
}
header .HeaderNav_GNB .Logo img {
  max-width: 70%;
  filter: brightness(1000);
}

header .HeaderNav_GNBtop .HeaderNav_GNBmenu {
  width: 100%;
  text-align: center;
  border: 0;
}
header .HeaderNav_GNBtop .HeaderNav_GNBmenu .HeaderNav_LargeMenu {
  height: 100%;
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
header .HeaderNav_Menu {
  width: auto;
  width: 7%;
}
header .HeaderNav_SmallMenu.Inner {
  max-width: 100%;
  max-height: 0;
  padding-top: 0;
  opacity: 0;
  visibility: hidden;
  border-bottom: 0;
  transition:
    max-height 0.3s ease,
    padding-top 0.3s ease,
    opacity 0.2s ease,
    visibility 0.2s ease;
}
header .HeaderNav_LargeMenu.Inner:hover + .HeaderNav_SmallMenu.Inner,
header .HeaderNav_SmallMenu.Inner:hover {
  max-height: 360px;
  padding-top: 15px;
  opacity: 1;
  visibility: visible;
  border-bottom: 2px solid #272727;
}

header .HeaderNav_SmallMenu .MenuSub {
  padding-top: 0;
}
header .HeaderNav_SmallMenu .MenuSub dl {
  padding-top: 15px;
}

header .HeaderNav_LargeMenu .MenuBig a {
  font-family: "Pretendard";
  font-size: 12pt;
  position: relative;
  z-index: 999;
  color: #fff;
  font-weight: 600;
}
header .HeaderNav_SmallMenu .MenuSub dd a {
  font-family: "Pretendard";
  font-size: 11pt;
  line-height: 1.5;
}
header .HeaderNav_SmallMenu .MenuSub dd a:hover {
  color: #8b8684;
}

header .HeaderNav_GNBtop .headerIcon {
  width: 8%;
  display: table-cell;
}
header .HeaderNav_GNBmenu {
  z-index: 1;
}

.HeaderNav_GNBmenu .RightBox .Cart {
  display: none;
}
.HeaderNav_GNBmenu .RightBox .Member {
  position: absolute;
  right: 30px;
  top: 30%;
  color: #fff;
}
.HeaderNav_GNBmenu .RightBox .Member ul {
  display: flex;
}
.HeaderNav_GNBmenu .RightBox .Member ul li {
  padding: 0 10px;
}
.HeaderNav_GNBmenu .RightBox .Member ul li a {
  font-family: "Pretendard";
}

/*호버*/
header:hover {
  background-color: #fff;
}
header:hover .HeaderNav_GNB .Logo img {
  filter: none;
}
header:hover .HeaderNav_LargeMenu .MenuBig a {
  color: #000;
}
header:hover .HeaderNav_GNBmenu .RightBox .Member {
  color: #000;
}
/*픽스*/
header.Fixed {
  background-color: #fff;
}
header.Fixed .HeaderNav_GNB .Logo img {
  filter: none;
}
header.Fixed .HeaderNav_LargeMenu .MenuBig a {
  color: #000;
}
header.Fixed .HeaderNav_GNBmenu .RightBox .Member {
  color: #000;
}

@media screen and (min-width: 1920px) {
  header,
  header.Fixed,
  .clinicInfoWrap header.Fixed {
    position: sticky !important;
    top: 0;
    left: auto;
    right: auto;
    width: 100%;
    height: 0;
    overflow: visible;
    box-sizing: border-box;
    background-color: transparent;
  }
  header::before,
  header.Fixed::before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 0;
    pointer-events: none;
  }
  header .HeaderNav_Area,
  header .HeaderNav_GNB,
  header .HeaderNav_GNBmenu {
    width: 100%;
    max-width: var(--max-width);
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
  }
  header .HeaderNav_GNB {
    position: relative;
  }
  header .HeaderNav_LargeMenu.Inner {
    display: table;
    table-layout: fixed;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0 auto;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
  }
  header .HeaderNav_LargeMenu.Inner {
    align-items: center;
  }
  header .HeaderNav_SmallMenu.Inner {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    max-width: var(--max-width);
    padding: 0;
    transform: none;
    box-sizing: border-box;
  }
  header .HeaderNav_SmallMenu.Inner > .Inner {
    display: table;
    table-layout: fixed;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 15px 0 0;
    box-sizing: border-box;
    align-items: stretch;
  }
  header .HeaderNav_Menu {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
  }
  header .HeaderNav_SmallMenu.Inner > .Inner > .MenuSub {
    display: table-cell;
    width: 9.09%;
    vertical-align: top;
  }
}

/* Desktop navigation: one shared 11-column grid for top and sub menus. */
@media screen and (min-width: 501px) {
  header .HeaderNav_GNB {
    position: relative;
  }
  header .HeaderNav_GNB .Logo {
    left: 24px;
    width: 150px;
  }
  header .HeaderNav_GNB .Logo img {
    max-width: 100%;
    height: auto;
  }
  header .HeaderNav_GNBmenu .RightBox {
    position: absolute;
    top: 50%;
    right: 24px;
    z-index: 1001;
    transform: translateY(-50%);
    white-space: nowrap;
  }
  header .HeaderNav_GNBmenu .RightBox .Member {
    position: static;
    top: auto;
    right: auto;
    transform: none;
    line-height: 1;
  }
  header .HeaderNav_GNBmenu .RightBox .Member ul {
    align-items: center;
  }
  header .HeaderNav_GNBmenu .RightBox .Member ul li,
  header .HeaderNav_GNBmenu .RightBox .Member ul li a {
    line-height: 1.2;
  }
  header .HeaderNav_LargeMenu.Inner {
    display: grid !important;
    grid-template-columns: repeat(11, minmax(0, 1fr));
    align-items: center;
    gap: 0;
    width: auto;
    margin: 0 230px 0 190px;
    padding: 0;
    box-sizing: border-box;
  }
  header .HeaderNav_LargeMenu.Inner > .MenuBig {
    display: block !important;
    width: auto !important;
    min-width: 0;
    float: none !important;
    text-align: center;
  }
  header .HeaderNav_SmallMenu.Inner {
    left: 0;
    right: 0;
    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
  }
  header .HeaderNav_SmallMenu.Inner > .Inner {
    display: grid !important;
    grid-template-columns: repeat(11, minmax(0, 1fr));
    align-items: stretch;
    gap: 0;
    width: auto;
    margin: 0 230px 0 190px;
    padding: 15px 0 20px;
    box-sizing: border-box;
  }
  header .HeaderNav_SmallMenu.Inner > .Inner > .MenuSub {
    display: block !important;
    position: relative;
    width: auto !important;
    min-width: 0;
    float: none !important;
    box-sizing: border-box;
    border: 0 !important;
  }
  header .HeaderNav_SmallMenu.Inner > .Inner > .MenuSub:before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    border-left: 1px solid #e7e7e7;
    pointer-events: none;
  }
  header .HeaderNav_SmallMenu .MenuSub dl {
    padding-top: 0;
  }
  header .HeaderNav_SmallMenu .MenuSub dd a {
    text-align: center;
  }
  header .HeaderNav_LargeMenu.Inner:hover + .HeaderNav_SmallMenu.Inner,
  header .HeaderNav_SmallMenu.Inner:hover {
    max-height: 420px;
    opacity: 1;
    visibility: visible;
    border-bottom: 2px solid #272727;
  }
}

/* Mobile navigation uses the same menu columns as an accordion. */
@media screen and (max-width: 500px) {
  header .HeaderNav_LargeMenu.Inner {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    width: auto;
    margin: 0;
    padding: 8px 0 40px;
  }
  header .HeaderNav_LargeMenu.Inner > .MenuBig {
    display: block !important;
    width: auto !important;
    border-bottom: 1px solid #eee;
    text-align: left;
  }
  header .HeaderNav_LargeMenu .MenuBig > a {
    display: block;
    padding: 14px 20px;
    color: #222 !important;
    font: 500 16px/1.4 "Pretendard", sans-serif;
    text-align: left;
  }
  header .HeaderNav_LargeMenu .MenuBig.is-open > a {
    background: #faf8f6;
  }
  header .HeaderNav_SmallMenu.Inner {
    display: none !important;
    position: static;
    width: auto;
    max-height: none;
    margin: 0;
    padding: 0;
    overflow: visible;
    opacity: 1;
    visibility: visible;
    background: #fafafa;
    border: 0;
    box-shadow: none;
  }
  header .HeaderNav_SmallMenu.Inner > .Inner {
    display: block !important;
    width: auto;
    margin: 0;
    padding: 4px 0 8px;
  }
  header .HeaderNav_SmallMenu .MenuSub:before,
  header .HeaderNav_SmallMenu .MenuSub:after {
    display: none !important;
  }
  header .HeaderNav_SmallMenu .MenuSub dd a {
    display: block;
    margin: 0;
    padding: 10px 20px 10px 36px;
    color: #555;
    font: 400 14px/1.4 "Pretendard", sans-serif;
    text-align: left;
  }
  header .HeaderNav_GNBmenu {
    position: relative;
  }
  header .HeaderNav_GNBmenu .HeaderNav_SmallMenu.Inner {
    display: none !important;
    position: fixed !important;
    inset: 60px 0 0 !important;
    z-index: 1002 !important;
    width: 100vw !important;
    height: calc(100vh - 60px) !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 8px 0 24px !important;
    overflow-y: auto !important;
    background: #fff !important;
    border-top: 1px solid #eee !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  header .HeaderNav_GNBmenu .HeaderNav_SmallMenu.Inner.is-open {
    display: block !important;
  }
  header .HeaderNav_GNBmenu .HeaderNav_SmallMenu.Inner > .Inner {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  header .HeaderNav_GNBmenu .HeaderNav_SmallMenu .MenuSub {
    display: none !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 4px 0 8px !important;
    border: 0 !important;
    background: #fafafa !important;
  }
  header .HeaderNav_GNBmenu .HeaderNav_SmallMenu .MenuSub.is-open {
    display: block !important;
  }
  header .HeaderNav_GNBmenu .HeaderNav_SmallMenu .MenuSub:before,
  header .HeaderNav_GNBmenu .HeaderNav_SmallMenu .MenuSub:after {
    display: none !important;
  }
  header .HeaderNav_GNBmenu .HeaderNav_SmallMenu .MenuSub dd a {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 10px 20px 10px 36px !important;
    color: #555 !important;
    font: 400 14px/1.4 "Pretendard", sans-serif !important;
    text-align: left !important;
  }
  header .HeaderNav_GNBmenu .RightBox {
    right: 66px;
  }
  .MobileMenuBtn {
    display: flex;
  }
}

/*소메뉴*/
.SubNav_Area {
  display: none;
}

/*서브메뉴*/
.SubNav .SubNav_Area {
  display: none;
}

/* 예약신청 페이지 */
.NC00282.reserveWrap #container {
  padding: 100px 0;
}

/* 온라인상담 페이지 */
.NC00282.onlineListWrap #container {
  padding: 100px 0;
}
.NC00282.onlineListWrap .BoardList_Search {
  display: none;
}
.NC00282.onlineListWrap .BoardList_PageBtn {
  width: 90%;
}

/* 시술전후 상세페이지 */
.NC00282.boardWrap #container {
  padding: 100px 0;
}
.ViewWrap header .HeaderNav_GNB .Logo img {
  filter: none;
}
.ViewWrap header .HeaderNav_LargeMenu .MenuBig a {
  color: #000;
}
.ViewWrap header .HeaderNav_GNBmenu .RightBox .Member {
  color: #000;
}

/* 이벤트페이지_메뉴 */
.eventWrap header .HeaderNav_GNBmenu {
  background-color: #fff;
}
.eventWrap .eventListArea {
  padding-top: 170px;
}
.eventWrap .EventDetailPageArea {
  padding-top: 170px;
}
.eventWrap header .HeaderNav_GNB .Logo img {
  filter: none;
}
.eventWrap header .HeaderNav_LargeMenu .MenuBig a {
  color: #000;
}
.eventWrap header .HeaderNav_GNBmenu .RightBox .Member {
  color: #000;
}

/*일반시술페이지*/
.clinicInfoWrap header {
  position: relative;
}
.clinicInfoWrap header.Fixed {
  position: fixed;
}
.clinicInfoWrap header .HeaderNav_GNBmenu {
  background-color: #fff;
}
.clinicInfoWrap header .HeaderNav_GNB .Logo img {
  filter: none;
}
.clinicInfoWrap header .HeaderNav_LargeMenu .MenuBig a {
  color: #000;
}
.clinicInfoWrap header .HeaderNav_GNBmenu .RightBox .Member {
  color: #000;
}

/* ================================================================================================= */
/* 하단푸터 */
.NC00282 .Footer_Area * {
}
.NC00282 .Footer_Area {
  padding: 0;
}

/* -------------------------------------------------------------------------------------------------------------------------------- */
/* 빠른상담신청 */
.Contact_Quick .QuickToggle {
  display: none;
}
.NC00282 .Contact_Quick {
  background-color: #dccbbc;
  padding: 16px 50px;
  font-family: "NanumSquareNeoTTF-bRg";
}
.NC00282 .Contact_Quick dd label .InputBox * {
  font-size: 11pt;
  font-weight: 500;
  padding: 0 0 0 15px;
  font-family: "NanumSquareNeoTTF-cBd";
}
.NC00282 .Contact_Quick .Title {
  text-align: right;
  padding-right: 2em;
}
.NC00282 .Contact_Quick .Title strong {
  font-size: 14pt;
  letter-spacing: 0px;
}
.NC00282 .Contact_Quick dl dt {
  width: 7%;
}
.NC00282 .Contact_Quick dd label .InputBox {
  padding-right: 0.8em;
}
.NC00282 .Contact_Quick dd select {
  height: 35px;
  border: 1px solid #d5d5d5;
}
.NC00282 .Contact_Quick dd input {
  height: 35px;
  border: 1px solid #d5d5d5;
}
.NC00282 .Contact_Quick .Btn {
  background-color: #333;
  font-size: 14pt;
  font-weight: 600;
  padding: 10px 70px;
  border-radius: 0;
  font-family: "NanumSquareNeoTTF-bRg";
}
.NC00282 .Contact_Quick .Btn:hover {
  background-color: #222;
}
.NC00282 .Contact_Quick .AgreeBox a {
  background: none;
  padding: 0;
  font-size: 10pt;
  margin-left: 45px;
}

body .Contact_Quick .AgreeBox label big {
  color: #000 !important;
}
body .Contact_Quick .AgreeBox a {
  color: #000 !important;
}
body .Contact_Quick .AgreeBox label i {
  color: #000 !important;
}
.NC00282 .Contact_Quick .Checkbox mark {
  display: table;
  width: 100%;
}
.NC00282 .Contact_Quick .Checkbox mark small em b {
  border-color: #333;
}
.NC00282 .Contact_Quick .Checkbox mark big p {
  color: #000;
  font-size: 10pt;
  line-height: 1.4;
}
.NC00282 .Contact_Quick .Checkbox input:checked ~ mark small em b {
  background-color: #333;
  border-color: #333;
}
body .Contact_Quick .Title strong {
  color: #000 !important;
}

.commonBottom{
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
}

.CenterFixed picture img,
.commonBottom picture img {
  width: 100%;
  max-width: var(--max-width);
  height: auto;
  display: block;
}


/* 501px ~ 1399px: 가로형 퀵상담 유지 + 화면에 맞게 축소 */
@media screen and (min-width: 501px) and (max-width: 1400px) {
  .Contact_Quick {
    padding: 12px 16px !important;
    box-sizing: border-box;
  }

  .Contact_Quick > .Inner {
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto;
    box-sizing: border-box;
  }

  .Contact_Quick .QuickToggle {
    display: none !important;
  }

  .Contact_Quick dl {
    table-layout: fixed;
    width: 100%;
  }

  .Contact_Quick dd {
    width: auto !important;
    padding-right: 4px !important;
  }

  .NC00282 .Contact_Quick {
    padding: 12px 16px;
  }

  .NC00282 .Contact_Quick .Title {
    text-align: center;
    padding-right: 0;
  }

  .NC00282 .Contact_Quick .Title strong {
    font-size: clamp(11pt, 1.15vw, 14pt);
    white-space: nowrap;
  }

  .NC00282 .Contact_Quick dl dt {
    width: auto;
  }

  .NC00282 .Contact_Quick dl dt:first-child {
    width: 9%;
  }

  .NC00282 .Contact_Quick dl dt:nth-last-child(2) {
    width: 12%;
    min-width: 0;
  }

  .NC00282 .Contact_Quick dd label .InputBox {
    padding-right: 4px;
  }

  .NC00282 .Contact_Quick dd label .InputBox * {
    font-size: clamp(9pt, 0.95vw, 11pt);
    padding-left: clamp(6px, 0.8vw, 15px);
  }

  .NC00282 .Contact_Quick dd select,
  .NC00282 .Contact_Quick dd input {
    height: clamp(30px, 3.2vw, 35px);
    font-size: clamp(9pt, 0.95vw, 11pt);
  }

  .NC00282 .Contact_Quick dd select {
    background-position: right 8px center;
    background-size: 9px;
    padding-left: 8px;
  }

  .NC00282 .Contact_Quick .Btn {
    font-size: clamp(10pt, 1.1vw, 14pt);
    padding: clamp(6px, 0.8vw, 10px) 0;
    white-space: nowrap;
  }

  .NC00282 .Contact_Quick .AgreeBox {
    padding: 0 4px;
  }

  .NC00282 .Contact_Quick .Checkbox mark big p {
    font-size: clamp(8pt, 0.85vw, 10pt);
    white-space: nowrap;
  }

  .NC00282 .Contact_Quick .AgreeBox a {
    font-size: clamp(8pt, 0.8vw, 10pt);
    white-space: nowrap;
  }
}

@media screen and (min-width: 501px) and (max-width: 900px) {
  .Contact_Quick {
    padding: 10px 12px !important;
  }

  .NC00282 .Contact_Quick {
    padding: 10px 12px;
  }

  .NC00282 .Contact_Quick dl dt:first-child {
    width: 8%;
  }

  .NC00282 .Contact_Quick dl dt:nth-last-child(2) {
    width: 20%;
  }

  .NC00282 .Contact_Quick dl dt:last-child {
    width: 12%;
  }

  .NC00282 .Contact_Quick dd label .InputBox * {
    padding-left: 6px;
  }
}

/* -------------------------------------------------------------------------------------------------------------------------------- */
/* 상세정보 */
.NC00282 .Company_Area * {
  color: #000;
  font-weight: normal;
  font-family: "Pretendard";
}
.NC00282 .Company_Area {
  background-color: #1e1e1e;
  padding: 150px 0;
  position: relative;
}
.NC00282 .Company_Area .footerDeco {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 0;
}
.NC00282 .Company_Area > .Inner {
  width: 1400px;
  min-width: 1400px;
  display: table;
}
.NC00282 .Company_Area > .Inner .TitleBox {
  padding-bottom: 20px;
  text-align: center;
}
.NC00282 .Company_Area > .Inner .TitleBox .Title01 {
  font-family: "Barlow";
  color: #fff;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
}
.NC00282 .Company_Area > .Inner .TitleBox .Title02 {
  font-family: "Pretendard";
  font-weight: 800;
  font-size: 45pt;
  line-height: 80px;
  padding: 20px 0;
  color: #6c88ad;
}
.NC00282 .Company_Area .ContLeft {
  display: inline-table;
  width: 700px;
  padding-right: 80px;
}
.NC00282 .Company_Area .ContLeft > div {
  overflow: hidden;
}
.NC00282 .Company_Area .ContRight {
  display: inline-table;
  width: 590px;
}
.NC00282 .Company_Area .ContRight > div {
  overflow: hidden;
}
.NC00282 .Company_Area .ContRight * {
  word-break: keep-all;
  margin-top: 25px;
  color: #fff;
  font-size: 20px;
}
.NC00282 .Company_Area .SubwayBox {
  display: flex;
  margin-top: 100px;
}
.NC00282 .Company_Area .CompanyTitle {
  position: relative;
  display: block;
  color: #dccbbc;
  letter-spacing: 0;
  line-height: 1;
  font-size: 21pt;
  font-weight: 400;
  font-family: "EditorsNote-Medium", "Noto Sans KR", sans-serif;
}
.NC00282 .Company_Area .SubwayBox .CompanyTitle {
  font-family: "Pretendard";
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 18pt;
}
.NC00282 .Company_Area .SubwayBox .CompanyTitle span {
  display: inline-block;
  width: 30px;
  margin-top: 0;
  margin-right: 15px;
}
.NC00282 .Company_Area .SubwayBox .CompanyTitle span img {
  width: 100%;
  object-fit: cover;
  margin-top: 0;
}

/* 대표전화 ------------------------------------------------------------------------------------------ */
.NC00282 .Company_Area .Tel {
  display: block;
  width: 100%;
}
.NC00282 .Company_Area .Tel p a {
  font-size: 40pt;
  margin-top: 5px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  font-family: "EditorsNote-Bold", "Noto Sans KR", sans-serif;
}
.NC00282 .Company_Area .Tel p span {
  padding-left: 10px;
  font-size: 24px;
}

/* 주소 ------------------------------------------------------------------------------------------ */
.NC00282 .Company_Area .Loca {
  display: block;
  width: 100%;
}
.NC00282 .Company_Area .Loca .CompanyTitle {
  margin-top: 40px;
}
.NC00282 .Company_Area .Loca .pre.Right {
  margin-top: 15px;
}
.NC00282 .Company_Area .Loca label .pre {
  line-height: 1.3;
  font-size: 15pt;
  color: #fff;
  white-space: pre-line;
  margin-top:5px;
  display: block;
}

/* 진료시간 ------------------------------------------------------------------------------------------ */
.NC00282 .Company_Area .Time {
  display: block;
  width: 100%;
}
.NC00282 .Company_Area .Time .CompanyTitle {
  margin-top: -10px;
}
.NC00282 .Company_Area .Time label {
  display: flex;
  margin-top: 0;
}
.NC00282 .Company_Area .Time .pre {
  font-size: 20px;
  line-height: 2;
  white-space: pre-line;
  letter-spacing: -0.5px;
  display: inline-table;
  color: #fff;
  font-family: "Pretendard";
}
.NC00282 .Company_Area .Time .pre.Left {
  width: 35%;
  margin-top: 15px;
}
.NC00282 .Company_Area .Time .pre.Right {
  letter-spacing: -0.5px;
  margin-top: 15px;
}
.NC00282 .Company_Area .Time p {
  margin-top: 0;
  color: #a6a6a6;
}
.NC00282 .Company_Area .Time label span {
  font-size: 15pt;
  line-height: 1.6;
  display: table;
  width: 100%;
  font-weight: 400;
  display: block;
  color: #7d7774;
  margin-top: 0.5em;
  font-family: "Pretendard";
}

/* 지도 ------------------------------------------------------------------------------------------ */
.NC00282 .Company_Area #aboutmap26 {
  margin-top: 30px;
  height: 330px;
}
.NC00282 .Company_Area .ContLeft .MapBtn {
  display: flex;
  margin-top: 20px;
  justify-content: space-between;
}
.NC00282 .Company_Area .ContLeft .MapBtn li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% / 2 - 10px);
  padding: 15px 0;
  border-radius: 5px;
}
.NC00282 .Company_Area .ContLeft .MapBtn li a {
  display: block;
  display: flex;
  align-items: center;
}
.NC00282 .Company_Area .ContLeft .MapBtn li a span {
  padding-right: 10px;
}

.NC00282 .Company_Area .ContLeft .MapBtn li.NaverMap {
  background-color: #03c75a;
}
.NC00282 .Company_Area .ContLeft .MapBtn li.NaverMap a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
}
.NC00282 .Company_Area .ContLeft .MapBtn li.DaumMap {
  background-color: #fbe300;
}
.NC00282 .Company_Area .ContLeft .MapBtn li.DaumMap a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}

/* 지하철이용 ------------------------------------------------------------------------------------------ */
.NC00282 .Company_Area .ContLeft .MapImg {
}
.NC00282 .Company_Area .ContLeft .MapImg img {
  width: 100%;
  object-fit: cover;
}
.NC00282 .Company_Area .ContRight .Subway ul {
  margin-top: 0;
}
.NC00282 .Company_Area .ContRight .Subway ul li {
  display: flex;
  align-items: center;
  margin-top: -10px;
}
.NC00282 .Company_Area .ContRight .Subway ul li:nth-child(1) {
  margin-top: 10px;
}
.NC00282 .Company_Area .ContRight .Subway ul li .Text01 {
  width: 180px;
  padding: 10px;
  border-radius: 50px;
  font-weight: 600;
  text-align: center;
}
.NC00282 .Company_Area .ContRight .Subway ul li .Text02 {
  padding-left: 15px;
}
.NC00282 .Company_Area .ContRight .Subway ul li .Text02 span {
  font-weight: 700;
}

.NC00282 .Company_Area .ContRight .Subway ul li:nth-child(1) .Text01 {
  background-color: #697215;
}
.NC00282 .Company_Area .ContRight .Subway ul li:nth-child(2) .Text01 {
  background-color: #ab1c2f;
}
.NC00282 .Company_Area .ContRight .Subway ul li:nth-child(3) .Text01 {
  background-color: #c1a04f;
}

/* Company_Area - 501px ~ 1400px 반응형 */
@media screen and (min-width: 501px) and (max-width: 1400px) {
  .NC00282 .Company_Area {
    padding: clamp(60px, 10vw, 120px) 0;
    overflow-x: hidden;
    box-sizing: border-box;
  }

  .NC00282 .Company_Area .footerDeco {
    max-width: 32%;
    opacity: 0.55;
    pointer-events: none;
  }

  .NC00282 .Company_Area .footerDeco img {
    width: 100%;
    height: auto;
  }

  .NC00282 .Company_Area > .Inner {
    width: 100%;
    min-width: 0;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 clamp(20px, 4vw, 40px);
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: clamp(24px, 4vw, 60px);
  }

  .NC00282 .Company_Area > .Inner > .ContLeft {
    display: block;
    flex: 1 1 45%;
    width: auto;
    min-width: 260px;
    padding-right: 0;
  }

  .NC00282 .Company_Area > .Inner > .ContRight {
    display: block;
    flex: 1 1 45%;
    width: auto;
    min-width: 260px;
  }

  .NC00282 .Company_Area .ContRight * {
    font-size: clamp(14px, 1.35vw, 20px);
    margin-top: clamp(12px, 1.5vw, 25px);
  }

  .NC00282 .Company_Area .CompanyTitle {
    font-size: clamp(14pt, 1.6vw, 21pt);
  }

  .NC00282 .Company_Area .Tel p a {
    font-size: clamp(24pt, 3.2vw, 40pt);
  }

  .NC00282 .Company_Area .Loca .CompanyTitle {
    margin-top: clamp(20px, 3vw, 40px);
  }

  .NC00282 .Company_Area .Loca label .pre {
    font-size: clamp(11pt, 1.2vw, 15pt);
  }

  .NC00282 .Company_Area .Time .pre {
    font-size: clamp(14px, 1.3vw, 20px);
  }

  .NC00282 .Company_Area #aboutmap26 {
    width: 100%;
    height: auto;
    min-height: clamp(220px, 28vw, 330px);
    margin-top: clamp(16px, 2vw, 30px);
  }

  .NC00282 .Company_Area #aboutmap26 .root_daum_roughmap,
  .NC00282 .Company_Area #aboutmap26 .wrap_map {
    width: 100% !important;
    max-width: 100%;
  }

  .NC00282 .Company_Area .ContLeft .MapBtn li {
    padding: clamp(10px, 1.2vw, 15px) 0;
  }

  .NC00282 .Company_Area .ContLeft .MapBtn li a {
    font-size: clamp(12px, 1.1vw, 14px);
  }

  .NC00282 .Company_Area .SubwayBox {
    flex: 0 0 100%;
    width: 100%;
    margin-top: clamp(40px, 6vw, 80px);
    gap: clamp(20px, 3vw, 40px);
  }

  .NC00282 .Company_Area .SubwayBox .ContLeft,
  .NC00282 .Company_Area .SubwayBox .ContRight {
    flex: 1;
    min-width: 0;
    width: auto;
  }

  .NC00282 .Company_Area .SubwayBox .CompanyTitle {
    font-size: clamp(14pt, 1.4vw, 18pt);
  }

  .NC00282 .Company_Area .ContRight .Subway ul li .Text01 {
    width: auto;
    min-width: 140px;
    font-size: clamp(12px, 1.1vw, 16px);
    padding: clamp(6px, 0.8vw, 10px) clamp(10px, 1.2vw, 16px);
  }

  .NC00282 .Company_Area .ContRight .Subway ul li .Text02 {
    font-size: clamp(12px, 1.1vw, 16px);
    padding-left: clamp(8px, 1.2vw, 15px);
  }
}

@media screen and (min-width: 501px) and (max-width: 900px) {
  .NC00282 .Company_Area .footerDeco {
    display: none;
  }

  .NC00282 .Company_Area > .Inner {
    flex-direction: column;
    gap: 32px;
  }

  .NC00282 .Company_Area > .Inner > .ContLeft,
  .NC00282 .Company_Area > .Inner > .ContRight {
    flex: 0 0 100%;
    width: 100%;
    min-width: 0;
  }

  .NC00282 .Company_Area #aboutmap26 {
    min-height: clamp(200px, 40vw, 280px);
    display: flex;
    justify-content: center;
  }

  .NC00282 .Company_Area .SubwayBox {
    flex-direction: column;
  }

  .NC00282 .Company_Area .SubwayBox .ContLeft,
  .NC00282 .Company_Area .SubwayBox .ContRight {
    width: 100%;
  }

  .NC00282 .Company_Area .ContRight .Subway ul li {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    margin-top: 16px !important;
  }

  .NC00282 .Company_Area .ContRight .Subway ul li .Text02 {
    padding-left: 0;
  }

  .NC00282 .Company_Area .Time label {
    flex-direction: column;
    gap: 4px;
  }

  .NC00282 .Company_Area .Time .pre.Left,
  .NC00282 .Company_Area .Time .pre.Right {
    width: 100%;
    margin-top: 8px;
  }

  .Contact_Quick .AgreeBox span p{
    font-size: 12px;
  }
}

/* -------------------------------------------------------------------------------------------------------------------------------- */
/* 기본정보 */
.NC00282 .Bottom_Area * {
  color: #242424 !important;
  font-weight: 400;
  text-align: left;
  font-size: 10.5pt !important;
  line-height: 1.7 !important;
  border: none;
}
.NC00282 .Bottom_Area {
  margin-bottom: 30px;
  background-color: #dbdfe5;
  padding: 80px 0;
}
.NC00282 .Bottom_Area ul {
  display: flex;
}
.NC00282 .Bottom_Area ul li {
  margin-left: 2em;
}
.NC00282 .Bottom_Area > .Inner {
  width: 1400px;
  min-width: 1400px;
  display: flex;
  margin: 0 auto;
  text-align: left;
  align-items: center;
}
.NC00282 .Bottom_Area .ContLeft {
  display: inline-table;
  width: 18%;
  vertical-align: middle;
  margin-bottom: 20px;
}
.NC00282 .Bottom_Area .ContCenter {
  display: inline-table;
  width: fit-content;
  vertical-align: middle;
}
.NC00282 .Bottom_Area .Box {
  display: flex;
}
.NC00282 .Bottom_Area .Box #SkipNavAdd {
  margin-right: 64px;
}
.NC00282 .Bottom_Area .QuickLink {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

/* 필수정보 ------------------------------------------------------------------------------------------ */
.NC00282 .Bottom_Area .Add {
  padding: 0;
}

/* 정보 */
.NC00282 .Bottom_Area .Add .Inner {
  display: flex;
}
.NC00282 .Bottom_Area .Add p {
}
.NC00282 .Bottom_Area .Add p span {
  padding: 0;
}
.NC00282 .Bottom_Area .Add p span.Item01 {
  display: none;
}
.NC00282 .Bottom_Area .Add p span.Item03,
.NC00282 .Bottom_Area .Add p span.Item04,
.NC00282 .Bottom_Area .Add p span.Item06 {
  margin-left: 1em;
}
.NC00282 .Bottom_Area .Add b {
  color: #7f7f7f !important;
  display: block;
  font-size: 13px !important;
}

/* 로고 */
.NC00282 .Bottom_Area .AddLogo {
  margin-bottom: 0;
}
.NC00282 .Bottom_Area .AddLogo img {
  width: 138px;
}

/* 브레인메디 */
.NC00282 .Bottom_Area .Add .create {
  display: none;
}

/* -------------------------------------------------------------------------------------------------------------------------------- */
/* 퀵메뉴 */
.NC00282 .QuickArea {
}
.NC00282 .QuickArea_Btn .CLOSE {
  display: none;
}
.NC00282 .QuickArea section {
  z-index: 997;
  bottom: 15%;
  top: auto;
}
.NC00282 .QuickArea_Link {
  width: 190px;
}
body .QuickArea a {
  color: #000;
}

.NC00282 .QuickArea_Link {
  border-radius: 100px;
}
.NC00282 .QuickArea_Link * {
  box-shadow: none;
}
.NC00282 .QuickArea_Link ul {
  background: none;
  display: flex;
  flex-direction: column;
}
.NC00282 .QuickArea_Link li {
  background: none;
  border: none;
  padding: 0;
  margin-bottom: 10px;
}
.NC00282 .QuickArea_Link li.Tel {
  display: none;
}
.NC00282 .QuickArea_Link li {
  width: 170px;
  height: 55px;
  background-color: #dccbbc;
  border-radius: 20px;
}
.NC00282 .QuickArea_Link li a {
  width: 50px;
  height: 55px;
  display: table-cell;
  vertical-align: middle;
}
.NC00282 .QuickArea_Link li .YoutubeImg {
  width: 20px;
}
.NC00282 .QuickArea_Link li a span {
  position: absolute;
  padding: 5px 8px;
  right: -130px;
  top: 12%;
  border-radius: 100px;
  width: 145px;
  display: block;
  font-size: 10pt;
  font-weight: 500;
  letter-spacing: 1px;
  color: #000;
  text-align: left;
  font-family: "NanumSquareNeoTTF-cBd";
}
.NC00282 .QuickArea_Link li a > img {
  display: block;
  height: 16px;
  width: auto;
  filter: brightness(0);
}
.NC00282 .QuickArea_Link li a em {
  position: absolute;
  padding: 5px;
  background-color: #cell;
  left: -142px;
  top: -54%;
  border-radius: 100px;
  width: auto;
  display: none;
  border-radius: 10px;
}
.NC00282 .QuickArea_Link li a em img {
  display: block;
  width: max-content;
  border-radius: 5px;
}
.NC00282 .QuickArea_Link li a em:after {
  border-top: 5px solid transparent;
  border-left: 9px solid #dccbbc;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  content: "";
  position: absolute;
  bottom: 48%;
  z-index: 2;
  margin-left: -3px;
  right: -13px;
}

/* 메뉴순서 */
.NC00282 .QuickArea_Link li.BannerThum1 {
  order: 1;
}
.NC00282 .QuickArea_Link li.BannerThum2 {
  order: 2;
}
.NC00282 .QuickArea_Link li.BannerThum3 {
  order: 3;
}
.NC00282 .QuickArea_Link li.BannerThum5 {
  order: 4;
}
.NC00282 .QuickArea_Link li.BannerThum4 {
  order: 5;
}
.NC00282 .QuickArea_Link li.Quick_GoTop {
  order: 6;
}

/* 유튜브 퀵 */
.NC00282 .QuickArea_Link li.BannerThum5 {
  display: flex;
  align-items: center;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 110px;
  padding: 20px 16px;
}
.NC00282 .QuickArea_Link li.BannerThum5 span {
  position: absolute;
  top: 17px;
  color: #000;
  font-size: 11pt;
  font-weight: 500;
  letter-spacing: 1px;
  padding-left: 32px;
  font-family: "NanumSquareNeoTTF-cBd";
}
.NC00282 .QuickArea_Link li.BannerThum5 .bannerBox {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 10px;
}
.NC00282 .QuickArea_Link li.BannerThum5 .bannerBox a {
  display: block;
  width: 95%;
  font-size: 13px;
  height: 30px;
  font-family: "NanumSquareNeoTTF-cBd";
  letter-spacing: 1px;
}
.NC00282 .QuickArea_Link li.BannerThum5 .bannerBox a:hover {
  opacity: 0.7;
}
.NC00282 .QuickArea_Link li.BannerThum5 img {
  filter: brightness(0);
}

/* 상단으로 */
.NC00282 .QuickArea_Link li.Quick_GoTop {
  background: none;
}
.NC00282 .QuickArea_Link li.Quick_GoTop i {
  color: #31221b;
  padding: 20px;
}
.NC00282 .QuickArea_Link li.Quick_GoTop span {
  display: none;
}
.NC00282 .QuickArea_Link li.Quick_GoTop a {
  display: block;
  width: 85%;
  text-align: right;
}
.NC00282 .QuickArea_Link {
  border: none;
}

/* 팝업레이어 */
#hd_pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  z-index: 10000;
}
#hd_pop h2 {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.hd_pops_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10000;
  display: none;
  justify-content: center;
  align-items: center;
}
.hd_pops_overlay.is-active {
  display: flex;
}
.hd_pops_overlay.is-closed {
  display: none !important;
}
.hd_pops {
  position: relative;
  background: #fff;
  max-width: 90vw;
}
.hd_pops img {
  max-width: 100%;
}
.hd_pops_con {
  overflow: auto;
}
.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;
}

/* -------------------------------------------------------------------------------------------------------------------------------- */


.SubNav_Small{
  display: none;
}