#tom-solution .main.container { margin-top: -6.25rem; }
#tom-solution nav .logo a > .logo-white { display: block; }
#tom-solution nav .logo a > .logo-green { display: none; }
#tom-solution nav .wrap-hamburger-menu a.btn-open-menu .hamburger-menu { color: #fff; }

/* 공통 */
/* 커스텀 체크박스 */
/* Customize the label (the container) */
.checkbox-container {
  display: block;
  position: relative;
  /* padding-left: 35px;
    margin-bottom: 12px; */
  margin: 0;
  cursor: pointer;
  font-size: 1rem;
  color: #acacac;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkbox-container .checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  color: #e5e5e5;
}

.checkbox-container .checkmark .material-icons { font-size: 16px; vertical-align: 4px; }

/* On mouse-over, add a grey background color */
.checkbox-container:hover input~.checkmark { background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked~.checkmark { color: #fff; background-color: #10a3ad; }

.checkbox-container .label { margin-left: 2rem; }
.checkbox-container .label sub { font-size: 0.625rem; margin-left: 4px; vertical-align: bottom; }
/* .checkbox-container:hover input~.label { font-weight: 600; } */
.checkbox-container input:checked~.label { color: #10a3ad; }
/* -end- 커스텀 체크박스 */
/* -end- 공통 */

/* 탑배너 */
#top-banner .wrapper-top-banner { position: relative; }
#top-banner .wrapper-top-banner img { display: block; width: 100%; }
#top-banner .wrapper-top-banner .wrap-header-desc { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
#top-banner .wrapper-top-banner .wrap-header-desc h1 { font-family: "Montserrat"; margin-bottom: 3.75rem; font-size: 3rem; color: #fff; }
#top-banner .wrapper-top-banner .wrap-header-desc p.top-desc { margin-bottom: 2.5rem; font-size: 1.5rem; color: #fff; text-align: center; }
#top-banner .wrapper-top-banner .wrap-header-desc p.top-desc + p.top-desc { margin-bottom: 0; }
/* -end- 탑배너 */

/* 왼쪽메뉴 - 리스트 */
#wrap-leftmenu-portfolios { display: flex; justify-content: space-between; }
#wrap-leftmenu-portfolios .wrap-leftmenu { width: 25%; max-width: 30rem; background: #f8f8f8; box-sizing: border-box; padding: 5.625rem 3.5rem; }
#wrap-leftmenu-portfolios .wrap-leftmenu .wrap-menu .menu { margin-bottom: 1.25rem; font-size: 2rem; color: rgba(0, 0, 0, 0.3); }
#wrap-leftmenu-portfolios .wrap-leftmenu .wrap-menu .menu:last-of-type { margin-bottom: 0; }
#wrap-leftmenu-portfolios .wrap-leftmenu .wrap-menu .menu .wrap-menutext-total .total { display: none; }
#wrap-leftmenu-portfolios .wrap-leftmenu .wrap-menu .menu .wrap-icons { display: none; }
#wrap-leftmenu-portfolios .wrap-leftmenu .wrap-menu .menu > a { font-family: "Montserrat"; }
#wrap-leftmenu-portfolios .wrap-leftmenu .wrap-menu .menu.active { color: #10a3ad; }
#wrap-leftmenu-portfolios .wrap-leftmenu .wrap-menu .wrap-submenu { display: none; margin-top: 1.75rem; font-size: 1rem; }
#wrap-leftmenu-portfolios .wrap-leftmenu .wrap-menu .wrap-submenu .submenu { margin-bottom: 1rem; }
#wrap-leftmenu-portfolios .wrap-leftmenu .wrap-menu .wrap-submenu .submenu:last-of-type { margin-bottom: 0; }
#wrap-leftmenu-portfolios .wrap-leftmenu .wrap-menu .menu.active .wrap-submenu { display: block; }
#wrap-leftmenu-portfolios .wrap-sort-portfolios { display: flex; flex-direction: column; width: 75%; max-width: 90rem; }
#wrap-leftmenu-portfolios .wrap-sort-portfolios .wrap-sort { display: flex; justify-content: space-between; border-bottom: 1px solid #e0e0e0; }
#wrap-leftmenu-portfolios .wrap-sort-portfolios .wrap-sort ul { width: 15%; max-width: 12.5rem; border-right: 1px solid #e0e0e0; }
#wrap-leftmenu-portfolios .wrap-sort-portfolios .wrap-sort ul li { display: flex; justify-content: space-between; box-sizing: border-box; padding: 1.125rem; font-size: 1rem; color: #333; }
#wrap-leftmenu-portfolios .wrap-sort-portfolios .wrap-sort ul li.sort { display: none; }
#wrap-leftmenu-portfolios .wrap-sort-portfolios .wrap-sort ul li.sort.active { display: flex; }
#wrap-leftmenu-portfolios .wrap-sort-portfolios .wrap-sort ul li.sort .material-icons { display: none; color: #d8d8d8; }
#wrap-leftmenu-portfolios .wrap-sort-portfolios .wrap-sort ul li.sort .material-icons.close-sort { display: block; }
#wrap-leftmenu-portfolios .wrap-portfolios { box-sizing: border-box; padding: 4.16% 9.02%; }
#wrap-leftmenu-portfolios .wrap-portfolios .portfolios { display: flex; flex-wrap: wrap; justify-content: flex-start; }
#wrap-leftmenu-portfolios .wrap-portfolios .portfolios .portfolio { margin-bottom: 5rem; margin-right: 2.5%; width: 33%; max-width: 22.5rem; }
/* #wrap-leftmenu-portfolios .wrap-portfolios .portfolios .portfolio:nth-of-type(3n) { margin-right: 0; } */
#wrap-leftmenu-portfolios .wrap-portfolios .portfolios .portfolio img { display: block; width: 100%; }
#wrap-leftmenu-portfolios .wrap-portfolios .portfolios .portfolio .wrap-category-hospital { margin: 1.875rem 0 1.25rem; padding: 0 0.875rem; box-sizing: border-box; width: 100%; font-size: 1rem; }
#wrap-leftmenu-portfolios .wrap-portfolios .portfolios .portfolio .wrap-category-hospital .category { margin-right: 0.625rem; color: #10a3ad; }
#wrap-leftmenu-portfolios .wrap-portfolios .portfolios .portfolio .wrap-category-hospital .hospital-subject { color: #757575; }
#wrap-leftmenu-portfolios .wrap-portfolios .portfolios .portfolio .wrap-title { padding: 0 0.875rem; }
#wrap-leftmenu-portfolios .wrap-portfolios .portfolios .portfolio .wrap-title .title { font-size: 1.5rem; color: #333; }
/* -end- 왼쪽메뉴 - 리스트 */

/* 페이지네이션 */
#wrap-leftmenu-portfolios .wrap-portfolios .pagination { display: flex; justify-content: center; align-items: center; width: 50%; max-width: 320px; margin: 0 auto 3.25rem; font-family: "Montserrat"; }
#wrap-leftmenu-portfolios .wrap-portfolios .pagination .current-total-pages { margin: 0 4.625rem; font-size: 1.125rem; color: #000; }
#wrap-leftmenu-portfolios .wrap-portfolios .pagination .prev,
#wrap-leftmenu-portfolios .wrap-portfolios .pagination .next { font-size: 1rem; color: rgba(0, 0, 0, 0.6); }
#wrap-leftmenu-portfolios .wrap-portfolios .pagination .prev img,
#wrap-leftmenu-portfolios .wrap-portfolios .pagination .next img { width: 1.5rem; height: 1.5rem; vertical-align: -7px; }
/* -end- 페이지네이션 */


/* 포트폴리오 상세 */
.wrap-portfolio { box-sizing: border-box; width: 100%; max-width: 1920px; margin: 4.875rem auto 5rem; padding: 0 2.5rem; }
.wrap-portfolio .category { width: 100%; text-align: left; font-size: 1.125rem; color: #10a3ad; }
.wrap-portfolio .hospital-subject { width: 100%; text-align: left; font-size: 1.125rem; color: #757575; }
.wrap-portfolio h1 { margin: 0 auto 4.625rem; font-size: 3rem; color: #333; }
.wrap-portfolio .wrap-date-share { display: flex; justify-content: space-between; }
.wrap-portfolio .wrap-date { display: flex; justify-content: flex-start; font-family: "Montserrat"; width: 90%; }
.wrap-portfolio .wrap-date .created-date,
.wrap-portfolio .wrap-date .updated-date,
.wrap-portfolio .wrap-date .site-url { width: 30%; max-width: 300px; font-size: 1.125rem; color: #757575; }
.wrap-portfolio .wrap-date .created-date { margin-right: 7%; font-weight: bold; }
.wrap-portfolio .wrap-date .updated-date { margin-right: 7%; }
.wrap-portfolio .wrap-date .date-title { margin-right: 0.5rem; font-size: 1.125rem; font-weight: bold; color: #ccc; }
.wrap-portfolio .wrap-date-share .share { box-sizing: border-box; margin-right: 0.75rem; text-align: right; color: #757575; }
.wrap-portfolio .wrap-content { box-sizing: border-box; margin: 3.125rem auto 3.75rem; padding: 3.75rem 0; border-top: 1px solid #ccc; overflow: hidden; }
/* .wrap-portfolio .wrap-content img { width: 100%; max-width: 1180px; } */
.wrap-portfolio .wrap-btn { width: 100%; text-align: right; }
.wrap-portfolio .wrap-btn .btn-link { display: inline-block; padding: 1.125rem 5rem; border: 1px solid #10a3ad; font-size: 0.875rem; color: #10a3ad; }
/* -end- 포트폴리오 상세 */

@media only screen and (max-width: 600px) {
  #tom-solution .main.container { margin-top: -4.5rem; }

  /* 탑배너 */
  #top-banner .wrapper-top-banner { overflow: hidden; }
  #top-banner .wrapper-top-banner img { width: 100%; height: auto; }
  #top-banner .wrapper-top-banner .wrap-header-desc h1 { margin-bottom: 1.75rem; width: 60%; max-width: 11.75rem; font-size: 1.75rem; text-align: center; }
  #top-banner .wrapper-top-banner .wrap-header-desc p.top-desc { margin-bottom: 1.25rem; font-size: 0.875rem; text-align: center; word-break: keep-all; }
  #top-banner .wrapper-top-banner .wrap-header-desc p.top-desc + p.top-desc { display: none; }
  /* -end- 탑배너 */

  /* 왼쪽메뉴 - 리스트 */
  #wrap-leftmenu-portfolios { flex-direction: column; }
  #wrap-leftmenu-portfolios .wrap-leftmenu { width: 100%; padding: 0; }
  #wrap-leftmenu-portfolios .wrap-leftmenu .wrap-menu .menu { display: none; margin-bottom: 0; padding: 0; font-size: 1.5rem; border-bottom: 1px solid #eee; }
  #wrap-leftmenu-portfolios .wrap-leftmenu .wrap-menu .menu.active { border-bottom: none; }
  #wrap-leftmenu-portfolios .wrap-leftmenu .wrap-menu .menu:first-of-type { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.25rem; border-bottom: 1px solid #eee; }
  #wrap-leftmenu-portfolios .wrap-leftmenu .wrap-menu .menu .wrap-menutext-total .total { display: inline-block; font-size: 0.75rem; }
  #wrap-leftmenu-portfolios .wrap-leftmenu .wrap-menu .menu .wrap-icons { display: inline-block; text-align: right; }
  #wrap-leftmenu-portfolios .wrap-leftmenu .wrap-menu .menu .wrap-icons .close-menu { display: block; }
  #wrap-leftmenu-portfolios .wrap-leftmenu .wrap-menu .menu .wrap-icons .open-menu { display: none; }
  #wrap-leftmenu-portfolios .wrap-leftmenu .wrap-menu .menu > a { display: block; padding: 1rem 1.25rem; }
  #wrap-leftmenu-portfolios .wrap-leftmenu .wrap-menu .wrap-submenu { margin-top: 0; padding: 1rem 1.25rem; background: #fff; border-bottom: 1px solid #eee; }
  #wrap-leftmenu-portfolios .wrap-sort-portfolios { width: 100%; }
  #wrap-leftmenu-portfolios .wrap-sort-portfolios .wrap-sort ul { width: 40%; max-width: 8.75rem; }
  #wrap-leftmenu-portfolios .wrap-sort-portfolios .wrap-sort ul li { font-size: 0.75rem; align-items: center; }
  #wrap-leftmenu-portfolios .wrap-portfolios { padding: 2.5rem 0 0; }
  #wrap-leftmenu-portfolios .wrap-portfolios .portfolios { justify-content: space-between; }
  #wrap-leftmenu-portfolios .wrap-portfolios .portfolios .portfolio { margin-bottom: 3.75rem; margin-right: 0; width: 49%; }
  #wrap-leftmenu-portfolios .wrap-portfolios .portfolios .portfolio .wrap-category-hospital { margin: 1.25rem 0 0.625rem; padding: 0 0.5rem; font-size: 0.75rem; }
  #wrap-leftmenu-portfolios .wrap-portfolios .portfolios .portfolio .wrap-title { padding: 0 0.5rem; }
  #wrap-leftmenu-portfolios .wrap-portfolios .portfolios .portfolio .wrap-title .title { font-size: 1rem; }
  /* -end- 왼쪽메뉴 - 리스트 */

  /* 페이지네이션 */
  #wrap-leftmenu-portfolios .wrap-portfolios .pagination { margin-bottom: 6.5rem; width: 100%; }
  #wrap-leftmenu-portfolios .wrap-portfolios .pagination .current-total-pages { margin: 0 5.375rem; font-size: 1rem; }
  #wrap-leftmenu-portfolios .wrap-portfolios .pagination .prev,
  #wrap-leftmenu-portfolios .wrap-portfolios .pagination .next { font-size: 0.75rem; }
  #wrap-leftmenu-portfolios .wrap-portfolios .pagination .prev img,
  #wrap-leftmenu-portfolios .wrap-portfolios .pagination .next img { vertical-align: -8px; }
  /* -end- 페이지네이션 */

  /* 공지사항 상세 */
  .wrap-portfolio { box-sizing: border-box; padding: 0 1.25rem; }
  .wrap-portfolio h1 { font-size: 2.5rem; }
  .wrap-portfolio .wrap-date-share { flex-direction: column; }
  .wrap-portfolio .wrap-date { flex-direction: column; }
  .wrap-portfolio .wrap-date .created-date,
  .wrap-portfolio .wrap-date .updated-date,
  .wrap-portfolio .wrap-date .site-url { width: 100%; max-width: 600px; margin-bottom: 1rem; }
  .wrap-portfolio .wrap-date-share .share { display: inline-block; width: 1.5rem; height: 1.5rem; text-align: left; }
  /* .wrap-portfolio .wrap-content img { max-width: 600px; } */
  .wrap-portfolio .wrap-btn { text-align: center; }
  .wrap-portfolio .wrap-btn .btn-link { padding: 0.75rem 2.5rem; }
  /* -end- 공지사항 상세 */
}

/*# sourceMappingURL=item_portfolios.css-f3bb0441454b75b2a92879c3a5801d80aa15c95043310811a3744ebd01809afb.map */