.main.container { margin-top: -6.25rem; }

/* 상단 슬라이드 */
#top-slides img { display: block; width: 100%; }
#d-top-slides { min-height: 660px; }
#d-top-slides .swiper-slide .wrap-slide-desc { width: 100%; max-width: 1180px; position: absolute; top: 36%; left: 36%; text-align: center;}
#d-top-slides .swiper-slide .wrap-slide-desc .slide-title { width: 60%; max-width: 33rem; font-size: 3.75rem; color: #fff; line-height: 5rem; word-break: keep-all; }
#d-top-slides .swiper-slide .wrap-slide-desc .slide-desc { width: 50%; max-width: 22.5rem; margin: 1.95rem 80px 1.875rem; font-size: 1.125rem; line-height: 1.75rem; color: rgba(255, 255, 255, 0.7); word-break: keep-all; }
#d-top-slides .swiper-slide .wrap-slide-desc .slide-view-more { font-family: "Montserrat"; font-size: 1rem; letter-spacing: -0.48px; color: rgba(255, 255, 255, 0.8); text-decoration: underline; }
#d-top-slides .swiper-slide.d-top-slide-01 .wrap-slide-desc .slide-title { letter-spacing: -5.2px; font-weight: normal; }
#d-top-slides .swiper-slide.d-top-slide-02 .wrap-slide-desc { top: 18%; }
#d-top-slides .swiper-slide.d-top-slide-02 .wrap-slide-desc .slide-title { max-width: 37.5rem; letter-spacing: -3px; }
#d-top-slides .swiper-slide.d-top-slide-02 .wrap-slide-desc .slide-desc { margin-bottom: 6.875rem; }
#d-top-slides .swiper-slide.d-top-slide-03 .wrap-slide-desc { top: 48%; }
#d-top-slides .swiper-slide.d-top-slide-03 .wrap-slide-desc .slide-title { letter-spacing: -1.2px; color: #000; }
#d-top-slides .swiper-slide.d-top-slide-03 .wrap-slide-desc .slide-desc { color: rgba(0, 0, 0, 0.7); }
#d-top-slides .wrap-pagination { position: absolute; bottom: 15%; left: 20%; width: 50%; display: flex; justify-content: flex-start; flex-wrap: nowrap; align-items: center; z-index: 10; }
#d-top-slides .wrap-pagination .swiper-pagination { position: static; }
#d-top-slides .wrap-pagination .custom-autoplay { width: 10%; z-index: 10; color: #fff; cursor: pointer; }
#d-top-slides .wrap-pagination .custom-autoplay.black { color: #fff; }
#d-top-slides .wrap-pagination .custom-autoplay .d-top-slides-start { display: none; }
#d-top-slides .wrap-pagination .swiper-pagination .swiper-pagination-bullet { margin-right: 1rem; width: 1.5rem; height: 1.5rem; font-size: 0; background: radial-gradient(white 50%, rgba(255, 0, 0, 0) 51%); background-size: 50% 50%; background-repeat: no-repeat; background-position: center center; }
#d-top-slides .wrap-pagination .swiper-pagination .swiper-pagination-bullet-active { border: 1px solid #fff; }
#d-top-slides .wrap-pagination .swiper-pagination.black .swiper-pagination-bullet { background: radial-gradient(#fff 50%, rgba(255, 0, 0, 0) 51%); background-size: 50% 50%; background-repeat: no-repeat; background-position: center center; }
#d-top-slides .wrap-pagination .swiper-pagination.black .swiper-pagination-bullet-active { border: 1px solid #fff; }
/* -end- 상단 슬라이드 */

/* Story */
#story-slide { position: relative; margin-top: 10rem; padding: 0 0 5.4375rem; }
#story-slide img { width: 100%; }
#story-slide h1 { margin-bottom: 1.25rem; text-align: center; font-family: "Montserrat"; font-size: 3rem; letter-spacing: -1.92px; color: #333; }
#story-slide h1 + p { width: 70%; margin: 0 auto 3.75rem; text-align: center; font-size: 1.125rem; color: #757575; word-break: keep-all; }
#story-slide h1 + p span.desktop { line-height: 0.8rem; }
#story-slide h2.side-header { transform: rotate(-90deg); opacity: 0.6; font-family: "Montserrat"; font-size: 15px; font-weight: bold; color: #000; position: absolute; top: 50%; left: 1%; }
#d-story-slides { width: 100%; max-width: 1180px; min-height: 500px; margin: 0 auto; display: flex; justify-content: center; }
#d-story-slides .wrap-story-slides { width: 75%; max-width: 880px; box-sizing: border-box; }
#d-story-slides .wrap-story-slides .story-slide { display: none; position: relative; }
#d-story-slides .wrap-story-slides .story-slide.active { display: block; }
#d-story-slides .wrap-story-slides .story-slide > a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; }
#d-story-slides .wrap-story-slides .story-slide .wrap-story-desc { position: absolute; z-index: 20; width: 100%; max-width: 880px; padding-top: 14%; padding-left: 6%; box-sizing: border-box; }
#d-story-slides .wrap-story-slides .story-slide .wrap-story-desc .pre-desc { width: 60%; max-width: 300px; font-size: 1.125rem; line-height: 2.75rem; letter-spacing: -0.9px; color: #757575; }
#d-story-slides .wrap-story-slides .story-slide .wrap-story-desc h2 { margin-bottom: 1.875rem; width: 100%; max-width: 380px; font-size: 3rem; font-weight: normal; line-height: 3.625rem; letter-spacing: -1.92px; color: #333; }
#d-story-slides .wrap-story-slides .story-slide .wrap-story-desc .main-desc { width: 100%; max-width: 380px; font-size: 1.125rem; line-height: 2rem; letter-spacing: -0.9px; color: #757575; word-break: keep-all; }
#d-story-slides .wrap-story-slides .story-slide.story-slide-01 .wrap-story-desc h2 > strong { font-family: "Montserrat"; }
#d-story-slides .wrap-story-slides .story-slide.story-slide-02 .wrap-story-desc h2 { max-width: 520px; }
#d-story-slides .wrap-story-slides .story-slide.story-slide-02 .wrap-story-desc .main-desc { max-width: 400px; }
#d-story-slides .wrap-story-slides .story-slide.story-slide-03 .wrap-story-desc h2 { max-width: 520px; }
#d-story-slides .wrap-story-slides .story-slide.story-slide-03 .wrap-story-desc .main-desc { max-width: 400px; }
/*
#d-story-slides .wrap-story-slides .story-slide.story-slide-03 .wrap-story-desc { margin: 0 auto; padding-left: 0; text-align: center; }
#d-story-slides .wrap-story-slides .story-slide.story-slide-03 .wrap-story-desc .pre-desc { margin: 0 auto; max-width: 450px; }
#d-story-slides .wrap-story-slides .story-slide.story-slide-03 .wrap-story-desc h2 { margin: 0.625rem auto 2.5rem; max-width: 450px; }
#d-story-slides .wrap-story-slides .story-slide.story-slide-03 .wrap-story-desc .main-desc { margin: 0 auto; max-width: 450px; letter-spacing: -0.54px; }
*/
#d-story-slides .wrap-story-menu { width: 25%; max-width: 300px; box-sizing: border-box; padding-top: 2.5rem; }
#d-story-slides .wrap-story-menu .story-menu { padding: 0.625rem 0 2.5rem 1.25rem; border-top: 2px solid #626262; box-sizing: border-box; cursor: pointer; }
#d-story-slides .wrap-story-menu .story-menu h2 { font-size: 1.5rem; font-weight: 500; color: #626262; }
#d-story-slides .wrap-story-menu .story-menu h2 .list-order { font-family: "Montserrat"; font-size: 1.25rem; vertical-align: 1px; }
#d-story-slides .wrap-story-menu .story-menu h2 .eng-font { font-family: "Montserrat"; }
#d-story-slides .wrap-story-menu .story-menu > .view-more { margin-top: 1rem; margin-left: 2.2rem; display: none; font-family: "Montserrat"; font-size: 1rem; font-weight: 500; color: #262626; opacity: 0.6; text-decoration: underline; }
#d-story-slides .wrap-story-menu .story-menu.active { border-top: 2px solid #10a3ad; }
#d-story-slides .wrap-story-menu .story-menu.active h2 { color: #10a3ad; }
#d-story-slides .wrap-story-menu .story-menu.active > .view-more { display: block; }
/* -end- Story */

/* Hospital Brand */
#hospital-brand { position: relative; padding: 9.375rem 0 6.625rem; background-color: #fff; }
#hospital-brand img { width: 100%; }
#hospital-brand .desc { margin-bottom: 0.625rem; text-align: center; font-size: 1.125rem; color: #626262; }
#hospital-brand .desc .eng-font { font-family: "Montserrat"; }
#hospital-brand h1 { margin-bottom: 3.75rem; text-align: center; font-family: "Montserrat"; font-size: 3rem; color: #333; letter-spacing: -1.92px; }
#hospital-brand h2.side-header { transform: rotate(-90deg); opacity: 0.6; font-family: "Montserrat"; font-size: 0.75rem; font-weight: bold; color: #000; position: absolute; top: 50%; left: 1%; }
#d-hospital-brand .hospital-brand-detail { width: 100%; max-width: 1180px; max-height: 26.875rem; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: nowrap; }
#d-hospital-brand .hospital-brand-detail .detail { position: relative; width: 10%; max-width: 7.5rem; min-height: 26.875rem; overflow: hidden; }
#d-hospital-brand .hospital-brand-detail .detail img { position: absolute; right: -15rem; width: auto; height: 100%; }
#d-hospital-brand .hospital-brand-detail .detail .wrap-hospital-brand-desc { display: none; position: absolute; width: 100%; max-width: 700px; padding-top: 5.7%; padding-left: 5.7%; box-sizing: border-box; }
#d-hospital-brand .hospital-brand-detail .detail .wrap-hospital-brand-desc h2 { font-size: 1.875rem; color: #000; }
#d-hospital-brand .hospital-brand-detail .detail .wrap-hospital-brand-desc .main-desc { margin: 0.625rem 0 1.25rem; width: 50%; max-width: 275px; font-size: 1.125rem; letter-spacing: -0.9px; color: #757575; word-break: keep-all; }
#d-hospital-brand .hospital-brand-detail .detail .wrap-hospital-brand-desc .view-more { font-family: "Montserrat"; font-size: 1rem; color: rgba(0, 0, 0, 0.6); text-decoration: underline; }
#d-hospital-brand .hospital-brand-detail .detail.detail-hi .wrap-hospital-brand-desc .main-desc { max-width: 290px; }
#d-hospital-brand .hospital-brand-detail .detail.detail-web .wrap-hospital-brand-desc .main-desc { max-width: 290px; }
#d-hospital-brand .hospital-brand-detail .detail.detail-space .wrap-hospital-brand-desc .main-desc { max-width: 300px; }
#d-hospital-brand .hospital-brand-detail .detail.detail-print .wrap-hospital-brand-desc .main-desc { max-width: 330px; }
#d-hospital-brand .hospital-brand-detail .detail .subject { position: absolute; z-index: 10; top: 5rem; width: 100%; max-width: 7.5rem; font-family: "Montserrat"; font-size: 1.875rem; font-weight: 600; line-height: 1.375rem; transform: rotate(90deg); }
#d-hospital-brand .hospital-brand-detail .detail .hover-desc { display: none; position: absolute; top: 0; z-index: 100; flex-direction: column; justify-content: center; width: 100%; height: 100%; background: #262626; text-align: center; cursor: pointer; }
#d-hospital-brand .hospital-brand-detail .detail .hover-desc h3 { font-size: 1.5rem; line-height: 1.875rem; letter-spacing: -0.96px; color: #fff; }
#d-hospital-brand .hospital-brand-detail .detail .hover-desc .show-detail { font-family: "Montserrat"; margin-top: 1rem; font-size: 0.75rem; line-height: 1.375rem; color: #fff; opacity: 0.5; }
#d-hospital-brand .hospital-brand-detail .detail.active { width: 60%; max-width: 43.75rem; }
#d-hospital-brand .hospital-brand-detail .detail.active .wrap-hospital-brand-desc { display: block; }
#d-hospital-brand .hospital-brand-detail .detail.active img { right: 0; width: 100%; height: auto; }
#d-hospital-brand .hospital-brand-detail .detail.active .subject { display: none; }
#d-hospital-brand .hospital-brand-detail .detail.active .hover-desc { display: none; }
/* -end- Hospital Brand */

/* Online Marketing */
#online-marketing { display: none; }
/* -end- Online Marketing */

/* Creative Design */

@import url("https://webfontworld.github.io/pretendard/Pretendard.css");
#creative-design { position: relative; padding: 9.375rem 0 6.25rem; }
#creative-design img { width: 100%; }
#creative-design h1 { font-family: "montserrat"; font-size: 3rem; text-align: center; color: #000; }
#creative-design h1 + p.desc { width: 20%; margin: 0.625rem auto 3.75rem; font-size: 1.125rem; letter-spacing: -0.9px; color: #757575; text-align: center; word-break: keep-all; }
#d-creative-design-slides h2.side-header { transform: rotate(-90deg); opacity: 0.6; font-family: "Montserrat"; font-size: 0.75rem; font-weight: bold; color: #fff; position: absolute; top: 40%; left: 1%; z-index: 10; }
#d-creative-design-slides { position: relative; width: 100%; max-width: 1920px; min-height: 540px; box-sizing: border-box; }
#d-creative-design-slides .wrap-desc-pagination-navigation { position: absolute; top: 0; left: 0; width: 60%; height: 80%; min-height: 460px; background-color: #15181e; }
#d-creative-design-slides .wrap-desc-pagination-navigation .wrap-desc { position: absolute; top: 18%; left: 23%; width: 30%; max-width: 330px; }
#d-creative-design-slides .wrap-desc-pagination-navigation .wrap-desc h2 { font-family: "pretendard"; font-size: 1.875rem; color: #fff; }
#d-creative-design-slides .wrap-desc-pagination-navigation .wrap-desc .d-creative-design-desc { margin: 0.625rem 0 1.875rem;  font-size: 1.125rem; color: #fff; line-height: 1.75rem; letter-spacing: -0.54px; word-break: keep-all; opacity: 0.6; }
#d-creative-design-slides .wrap-desc-pagination-navigation .wrap-desc .d-creative-design-view-more { font-family: "Montserrat"; font-size: 1rem; font-weight: 500; color: #fff; text-decoration: underline; opacity: 0.6; }
#d-creative-design-slides .wrap-desc-pagination-navigation .wrap-pagination-navigation { position: absolute; bottom: 10%; right: 40%; width: 30%; max-width: 150px; display: flex; flex-wrap: nowrap; justify-content: space-evenly; align-items: center; }
#d-creative-design-slides .wrap-desc-pagination-navigation .wrap-pagination-navigation .material-icons.prev,
#d-creative-design-slides .wrap-desc-pagination-navigation .wrap-pagination-navigation .material-icons.next { font-size: 2rem; color: #fff; cursor: pointer; }
#d-creative-design-slides .wrap-desc-pagination-navigation .wrap-pagination-navigation .material-icons.next { margin-left: 5px; }
#d-creative-design-slides .wrap-desc-pagination-navigation .wrap-pagination-navigation .pagination { color: #fff; }
#d-creative-design-slides .wrap-desc-pagination-navigation .wrap-pagination-navigation .pagination .current-slide { font-size: 1.6rem; }
#d-creative-design-slides .wrap-desc-pagination-navigation .wrap-pagination-navigation .pagination .total-slide { font-size: 1.125rem; }
#d-creative-design-slides .d-creative-design-slides { position: absolute; bottom: 0; right: 0; width: 62.5%; max-height: 500px; }
#d-creative-design-slides .swiper-wrapper .swiper-slide { width: 90%; max-width: 500px; }
#d-creative-design-slides .swiper-wrapper .swiper-slide .swiper-slide-desc { display: none; }
/* -end- Creative Design */

/* Tom Trend */
#tom-trend { padding: 9.375rem 0 5.9375rem; box-sizing: border-box; background-color: #f8f8f8; overflow: hidden; }
#tom-trend img { width: 100%; }
#tom-trend h1 { width: 100%; max-width: 1180px; margin: 0 auto 3.75rem; font-family: "Montserrat"; font-size: 3rem; letter-spacing: -1.92px; text-align: left; }
#tom-trend .d-tom-trend-wrapper { width: 100%; max-width: 1180px; margin: 0 auto; }
#d-tom-trend-slides.d-tom-trend-slides { width: 1550px; }
#d-tom-trend-slides .swiper-slide { width: 100%; max-width: 300px; }
#d-tom-trend-slides .swiper-slide h2 { margin-top: 1.25rem; font-size: 1.25rem; font-weight: normal; }
#d-tom-trend-slides .swiper-slide .desc { margin: 0.625rem 0; font-size: 1.125rem; line-height: 1.5; color: #757575; }
#d-tom-trend-slides .swiper-slide .wrap-tags { margin-bottom: 0.625rem; color: #10a3ad; }
#d-tom-trend-slides .swiper-slide .wrap-tags li { display: inline-block; margin-right: 0.5rem; font-size: 1rem; font-weight: bold; }
#d-tom-trend-slides .swiper-slide .date { font-size: 1rem; color: #ccc; }
#d-tom-trend-slides .wrap-swiper-button { position: absolute; top: 0; left: 0; width: 100%; max-width: 1180px; height: 80%; }
#d-tom-trend-slides .swiper-button-prev,
#d-tom-trend-slides .swiper-button-next { width: 3.75rem; height: 3.75rem; background: none; }
#d-tom-trend-slides .swiper-button-prev { left: 12px; }
#d-tom-trend-slides .swiper-button-next { right: 12px; }
#d-tom-trend-slides .swiper-button-prev::after,
#d-tom-trend-slides .swiper-button-next::after { content: none; }
#d-tom-trend-slides .swiper-button-prev .material-icons { padding-left: 1rem; box-sizing: border-box; }
#d-tom-trend-slides .swiper-button-prev .material-icons,
#d-tom-trend-slides .swiper-button-next .material-icons { width: 3.75rem; height: 3.75rem; background: rgba(255, 255, 255, 0.61); border: 1px solid #b5b5b5; font-size: 3rem; color: #d8d8d8; line-height: 1.3; text-align: center; }
/* -end- Tom Trend */

/* allinone - location */
#allinone-location { padding: 5.6875rem 0 4.375rem; }
#allinone-location .allinone-location { display: flex; justify-content: space-between; align-items: center; padding: 0; }
#allinone-location .allinone-location .wrap-allinone,
#allinone-location .allinone-location .wrap-location { width: 49%; max-width: 580px; height: 158px; display: flex; justify-content: space-between; box-sizing: border-box; align-items: center; padding: 2.5rem; }
#allinone-location .allinone-location .wrap-allinone h2 { font-size: 1.5rem; font-weight: normal; line-height: 1.67; letter-spacing: -0.72px; color: #fff; }
#allinone-location .allinone-location .wrap-location h2 { font-size: 1.875rem; font-weight: 600; line-height: 1.5; color: #fff; }
#allinone-location .allinone-location .wrap-allinone h2 .eng-font { font-family: "Montserrat"; font-weight: 600; }
#allinone-location .allinone-location .wrap-location h2 .eng-font { font-family: "Montserrat"; }
#allinone-location .allinone-location .wrap-allinone a,
#allinone-location .allinone-location .wrap-location a { width: 3.375rem; height: 3.375rem; background-color: rgba(255, 255, 255, 0.2); border-radius: 30px; font-family: "Montserrat"; font-size: 1rem; text-align: center; line-height: 3.125rem; color: #fff; }
#allinone-location .allinone-location .wrap-allinone { background-color: #10a3ad; }
#allinone-location .allinone-location .wrap-location { background: url(/img/main/d_bg_location.png) no-repeat; background-size: cover; }
#allinone-location .allinone-location .wrap-location h2 .desc { display: block; font-size: 1rem; font-weight: normal; line-height: 1.69; letter-spacing: -0.8px; color: rgba(255, 255, 255, 0.6); }
#allinone-location .allinone-location .wrap-location .location .material-icons { font-size: 1.875rem; line-height: 1.8; }
/* -end- allinone - location */

/* 공지사항, 아이템, 컨택트, 회원가입 */
#notice-allitem-contact-joinus { width: 100%; max-width: 1180px; margin: 0 auto 5.9375rem; padding: 0; display: flex; justify-content: space-between; }
#notice-allitem-contact-joinus .wrap-notice-allitem-contact { width: 75%; max-width: 880px; padding-top: 2rem; border: 1px solid #eee; border-top: 4px solid #10a3ad; display: flex; justify-content: space-around; }
#notice-allitem-contact-joinus .wrap-notice-allitem-contact .wrap-notice { width: 45%; max-width: 400px; }
#notice-allitem-contact-joinus .wrap-notice-allitem-contact .wrap-notice .wrap-header-more { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 0.75rem; }
#notice-allitem-contact-joinus .wrap-notice-allitem-contact .wrap-notice .notice-list { width: 100%; border-top: 1px solid #ccc; padding-top: 0.875rem; }
#notice-allitem-contact-joinus .wrap-notice-allitem-contact .wrap-notice .notice-list .notice-detail { display: flex; justify-content: space-evenly; align-items: center; line-height: 2.5; margin-bottom: 0.5rem; }
#notice-allitem-contact-joinus .wrap-notice-allitem-contact .wrap-notice .notice-list .notice-detail .notice-header { width: 12.5%; max-width: 50px; text-align: left; font-size: 0.75rem; font-weight: bold; line-height: 1.625rem; color: #10a3ad; }
#notice-allitem-contact-joinus .wrap-notice-allitem-contact .wrap-notice .notice-list .notice-detail .notice-subject { width: 70%; max-width: 280px; text-align: left; font-size: 1rem; line-height: 1.75rem; letter-spacing: -0.64px; color: #262626; }
#notice-allitem-contact-joinus .wrap-notice-allitem-contact .wrap-notice .notice-list .notice-detail .notice-date { width: 17.5%; max-width: 70px; text-align: right; font-size: 0.75rem; color: #b8b8b8; }
#notice-allitem-contact-joinus .wrap-notice-allitem-contact .wrap-allitem { width: 18%; max-width: 160px; }
#notice-allitem-contact-joinus .wrap-notice-allitem-contact .wrap-contact { width: 18%; max-width: 160px; }
#notice-allitem-contact-joinus .wrap-notice-allitem-contact h1 { font-family: "Montserrat"; font-size: 1.5rem; line-height: 1.25rem; letter-spacing: -0.96px; color: #262626; }
#notice-allitem-contact-joinus .wrap-notice-allitem-contact .more { font-family: "Montserrat"; font-size: 1rem; font-weight: 500; line-height: 1.875rem; letter-spacing: -0.8px; color: #262626; opacity: 0.6; }
#notice-allitem-contact-joinus .wrap-notice-allitem-contact .more > span { vertical-align: -7px; }
#notice-allitem-contact-joinus .wrap-notice-allitem-contact .desc { margin: 0.875rem 0 1.25rem; font-size: 1rem; color: #757575; line-height: 1.625rem; letter-spacing: -0.64px; word-break: keep-all; }
#notice-allitem-contact-joinus .wrap-notice-allitem-contact .shortcut { font-size: 1rem; font-weight: 500; color: #000; opacity: 0.6; text-decoration: underline; }
#notice-allitem-contact-joinus .wrap-notice-allitem-contact .shortcut > span { vertical-align: -7px; }
#notice-allitem-contact-joinus .wrap-joinus { width: 24%; max-width: 280px; background: url(/img/main/d_bg_joinus.png) no-repeat; background-size: cover; box-sizing: border-box; padding: 1.875rem; }
#notice-allitem-contact-joinus .wrap-joinus h2 { font-family: "Montserrat"; font-size: 1.5rem; line-height: 1.25rem; letter-spacing: -0.96px; color: #fff; }
#notice-allitem-contact-joinus .wrap-joinus .desc { margin: 0.625rem 0 1.25rem; font-size: 1.125rem; line-height: 1.56; letter-spacing: -0.9px; color: #ccc; }
#notice-allitem-contact-joinus .wrap-joinus .view-more { font-family: "Montserrat"; font-size: 1rem; letter-spacing: -0.48px; color: rgba(255, 255, 255, 0.7); text-decoration: underline; }
/* -end- 공지사항, 아이템, 컨택트, 회원가입 */

/* 팝업 */
#wrap-layer-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.5);
  z-index: 100;
}
#wrap-layer-popup .d-layer-popup-slide {
  position: relative;
  width: 100%;
  max-width: 980px;
  margin: 7% auto 0;
}
#wrap-layer-popup .swiper-container {
  overflow: hidden;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
}
#wrap-layer-popup img {
  display: block;
  width: 100%;
}
#wrap-layer-popup .wrap-swiper-button {
  position: absolute;
  top: 45%;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}
#wrap-layer-popup .swiper-button-prev,
#wrap-layer-popup .swiper-button-next {
  background: none;
  top: 55%;
  color: rgba(98, 98, 98, 0.5);
}
#wrap-layer-popup .swiper-button-prev {
  left: -6.25%;
}
#wrap-layer-popup .material-icons {
  font-size: 48px;
}
#wrap-layer-popup .swiper-button-next {
  right: -6.25%;
}
#wrap-layer-popup .material-icons {
  font-size: 48px;
}
#wrap-layer-popup .wrap-popup-menu {
  display: flex;
  width: 100%;
  overflow: hidden;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
}
#wrap-layer-popup .d-popup-menu {
  width: 50%;
  max-width: 490px;
  height: 70px;
  box-sizing: border-box;
  padding: 17px 0 18px;
  font-family: Pretendard;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: -0.96px;
  color: #626262;
  text-align: center;
  background-color: #fff;
  cursor: pointer;
}
#wrap-layer-popup .d-popup-menu.active {
  color: #fff;
  background-color: #10a3ad;
}
#wrap-layer-popup .wrap-btn {
  margin-top: 20px;
  text-align: right;
}
#wrap-layer-popup .btn-today {
  display: inline-block;
  width: 30%;
  max-width: 180px;
  height: 40px;
  box-sizing: border-box;
  border-radius: 2.5rem;
  overflow: hidden;
  padding: 7px 0;
  background-color: #626262;
  font-family: "Spoqa Han Sans Neo";
  font-size: 1.125rem;
  letter-spacing: -0.72px;
  line-height: 1.6;
  text-align: center;
  color: #fff;
}
#wrap-layer-popup .btn-close {
  display: inline-block;
  width: 30%;
  max-width: 80px;
  height: 40px;
  box-sizing: border-box;
  margin-left: 20px;
  padding: 7px 0;
  border-radius: 2.5rem;
  overflow: hidden;
  background-color: #333;
  font-family: "Spoqa Han Sans Neo";
  font-size: 1.125rem;
  letter-spacing: -0.72px;
  line-height: 1.6;
  text-align: center;
  color: #fff;
}
/* -end- 팝업 */

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 600px) {
    .main.container { margin-top: -4.5rem; }

    /* 상단 슬라이드 */
    #m-top-slides { min-height: 600px; }
    #m-top-slides .swiper-slide .wrap-slide-desc { width: 100%; position: absolute; top: 24%; left : 8%; text-align: center;}
    #m-top-slides .swiper-slide .wrap-slide-desc .slide-title { width: 100%; max-width: 400px; font-size: 2.45rem; font-weight: 300; letter-spacing: -3.12px; color: #fff; word-break: keep-all; }
    #m-top-slides .swiper-slide .wrap-slide-desc .slide-desc { width: 100%; max-width: 270px; margin: 0.625rem 65px 1.875rem; font-size: 0.875rem; line-height: 1.64; letter-spacing: -0.28px; color: rgba(255, 255, 255, 0.8); word-break: keep-all; }
    #m-top-slides .swiper-slide .wrap-slide-desc .slide-view-more { font-family: "Montserrat"; font-size: 0.75rem; letter-spacing: -0.36px; color: #ccc; text-decoration: underline; }
    #m-top-slides .swiper-slide.m-top-slide-01 .wrap-slide-desc .slide-title strong { font-weight: bold; }
    #m-top-slides .swiper-slide.m-top-slide-02 .wrap-slide-desc .slide-title { max-width: 300px; font-weight: bold; line-height: 1.43; }
    #m-top-slides .swiper-slide.m-top-slide-03 .wrap-slide-desc .slide-title { max-width: 250px; font-weight: bold; color: #000; }
    #m-top-slides .swiper-slide.m-top-slide-03 .wrap-slide-desc .slide-desc { color: #757575; }
    #m-top-slides .swiper-slide.m-top-slide-03 .wrap-slide-desc .slide-view-more { color: #757575; }
    #m-top-slides .wrap-pagination { position: absolute; bottom: 1.875rem; width: 100%; display: flex; justify-content: space-between; }
    #m-top-slides .wrap-pagination .swiper-pagination { position: unset; }
    #m-top-slides .wrap-pagination .custom-autoplay { width: 10%; z-index: 10; color: #fff; cursor: pointer; }
    #m-top-slides .wrap-pagination .custom-autoplay.black { color: #fff; }
    #m-top-slides .wrap-pagination .custom-autoplay .m-top-slides-start { display: none; line-height: 1.5; }
    #m-top-slides .wrap-pagination .custom-autoplay .m-top-slides-stop { line-height: 1.5; }
    #m-top-slides .wrap-pagination .swiper-pagination.custom-progressbar { font-size: 0; width: 50%; align-self: center; }
    #m-top-slides .wrap-pagination .swiper-pagination.custom-progressbar .swiper-pagination-bullet {
        width: 30%;
        height: 2px;
        border-radius: 0;
        background: #fff;
    }
    #m-top-slides .wrap-pagination .swiper-pagination.custom-progressbar .swiper-pagination-bullet-active { background: #fff; border-radius: 1rem; }
    #m-top-slides .wrap-pagination .swiper-pagination.custom-progressbar.black .swiper-pagination-bullet { background: #fff; }
    #m-top-slides .wrap-pagination .swiper-pagination.custom-progressbar.black .swiper-pagination-bullet-active { background: #fff; }
    #m-top-slides .wrap-pagination .swiper-pagination.custom-fraction { width: 40%; align-self: center; }
    #m-top-slides .wrap-pagination .swiper-pagination.custom-fraction .swiper-pagination-bullet {
        display: none;
        border-radius: 0;
        background: unset;
        width: 100%;
        box-sizing: border-box;
        padding-right: 0.5rem;
        text-align: right;
        font-family: 'Montserrat';
        font-size: 0.75rem;
        color: #fff;
        line-height: 0;
    }
    #m-top-slides .wrap-pagination .swiper-pagination.custom-fraction .swiper-pagination-bullet-active { display: block; }
    #m-top-slides .wrap-pagination .swiper-pagination.custom-fraction .swiper-pagination-bullet-active.black { color: #fff; }
    #m-top-slides .wrap-pagination .swiper-pagination.custom-fraction .swiper-pagination-bullet .current-slide { margin-right: 0.2rem; font-size: 1.25rem; }
    #m-top-slides .wrap-pagination .swiper-pagination.custom-fraction .swiper-pagination-bullet .total-slide { margin-left: 0.2rem; }
    /* -end- 상단 슬라이드 */

    /* Story */
    #story-slide { margin-top: 6.25rem; padding: 0 0 5rem; }
    #story-slide h1 { margin-bottom: 0.625rem; font-size: 1.75rem; letter-spacing: normal; line-height: 1; color: #191919; }
    #story-slide h1 + p { margin: 0 auto 2.5rem; font-size: 0.875rem; letter-spacing: -1px; line-height: 1.5; color: #5a5a5a; }
    #m-story-slides { padding-bottom: 2.5rem; }
    #m-story-slides .swiper-slide { width: 70%; }
    #m-story-slides .swiper-slide .wrap-story-desc {
      margin: auto; position: absolute; top: 0; z-index: 20; width: 100%; padding-top: 9%; box-sizing: border-box; }
    #m-story-slides .swiper-slide .wrap-story-desc .pre-desc { width: 100%; font-size: 0.875rem; line-height: 2.14; letter-spacing: -0.7px; color: #757575; text-align: center; }
    #m-story-slides .swiper-slide .wrap-story-desc h2 { width: 100%; font-size: 1.25rem; font-weight: normal; line-height: 2.9; letter-spacing: -0.8px; text-align: center; line-height: 1.3; color: #333; }
    #m-story-slides .swiper-slide.m-story-slide-01 .wrap-story-desc h2 { font-weight: bold; }
    #m-story-slides .swiper-slide.m-story-slide-02 .wrap-story-desc h2 strong { font-family: "Montserrat"; font-weight: bold; font-size: 1.375rem; letter-spacing: -0.88px; }
    #m-story-slides .swiper-slide.m-story-slide-03 .wrap-story-desc h2 strong { font-weight: bold; }
    #m-story-slides .swiper-slide.m-story-slide-02 .wrap-story-desc { padding-top: 6%; }
    #story-slide .m-story-view-more { display: block; font-family: 'Montserrat'; font-size: 0.75rem; letter-spacing: -0.36px; color: #757575; text-align: center; text-decoration: underline; }
    /* -end- Story */

    /* Hospital Brand */
    #hospital-brand { padding: 3.125rem 0; background-color: #d9d9d9; }
    #hospital-brand .desc { font-size: 0.875rem; line-height: 1; }
    #hospital-brand h1 { margin-bottom: 2.5125rem; font-size: 1.75rem; line-height: 1; letter-spacing: normal; }
    #m-hospital-brand .hospital-brand-menu { display: flex; flex-wrap: nowrap; justify-content: space-evenly; margin: 0.75rem 0; }
    #m-hospital-brand .hospital-brand-menu .menu { font-size: 0.875rem; line-height: 1.57; text-align: center; cursor: pointer; }
    #m-hospital-brand .hospital-brand-menu .menu.active { border-bottom: 2px solid #000; }
    #m-hospital-brand .hospital-brand-menu .menu.eng-font { font-family: "Montserrat"; }
    #m-hospital-brand .hospital-brand-detail .detail-image { display: none; position: relative; }
    #m-hospital-brand .hospital-brand-detail .detail-image.detail-package { display: block; }
    #m-hospital-brand .hospital-brand-detail .detail-image .view-more { font-family: "Montserrat"; position: absolute; bottom: 2rem; left: 0; right: 0; font-size: 0.75rem; letter-spacing: -0.36px; text-align: center; text-decoration: underline; color: #000; }
    /* -end- Hospital Brand */

    /* Online Marketing */
    #online-marketing { display: none; }
    /* -end- Online Marketing */

    /* Creative Design */
    #creative-design {
        padding: 6.25rem 0 5rem;
        background-image: linear-gradient(top, #15181e 70%, #fff 30%);
        background-image: -o-linear-gradient(top, #15181e 70%, #fff 30%);
        background-image: -moz-linear-gradient(top, #15181e 70%, #fff 30%);
        background-image: -webkit-linear-gradient(top, #15181e 70%, #fff 30%);
        background-image: -ms-linear-gradient(top, #15181e 70%, #fff 30%);
    }
    #creative-design h1 { margin-bottom: 0.625rem; padding-left: 1.25rem; box-sizing: border-box; text-align: left; font-size: 1.75rem; color: #fff; }
    #creative-design h1 + p.desc { width: 60%; margin: 0 0 2.5rem; padding-left: 1.25rem; box-sizing: border-box; text-align: left; font-size: 0.875rem; color: #fff; }
    #m-creative-design-slides { padding-bottom: 2.5rem; }
    #m-creative-design-slides .swiper-slide { width: 80%; }
    #m-creative-design-slides .swiper-slide .wrap-header-desc { margin-top: 1.25rem; }
    #m-creative-design-slides .swiper-slide .wrap-header-desc h2 { font-family: "pretendard"; font-size: 1.25rem; line-height: 1.1; color: #000; }
    #m-creative-design-slides .swiper-slide .wrap-header-desc .desc { margin-top: 0.5rem; font-size: 0.875rem; line-height: 1.57; letter-spacing: -0.7px; color: #5a5a5a; }
    #creative-design .m-creative-design-view-more { display: block; margin-bottom: 3.125rem; padding-left: 1.25rem; box-sizing: border-box; font-family: 'Montserrat'; font-size: 0.75rem; letter-spacing: -0.36px; color: #fff; text-align: left; text-decoration: underline; }
    /* -end- Creative Design */

    /* Tom Trend */
    #tom-trend { padding: 6.25rem 0 5rem; background-color: unset; }
    #tom-trend h1 { margin-bottom: 1.25rem; font-size: 1.75rem; letter-spacing: normal; text-align: center; }
    #m-tom-trend-slides .swiper-slide { width: 80%; max-width: 300px; margin: 0 auto; }
    #m-tom-trend-slides .swiper-slide h2 { margin-top: 1.25rem; font-size: 1rem; }
    #m-tom-trend-slides .swiper-slide .desc { margin: 0.625rem 0; font-size: 0.875rem; line-height: 1.5; color: #767676; }
    #m-tom-trend-slides .swiper-slide .wrap-tags-date { display: flex; justify-content: space-between; margin-bottom: 1.25rem; font-size: 0.75rem; }
    #m-tom-trend-slides .swiper-slide .wrap-tags-date .wrap-tags { color: #10a3ad; }
    #m-tom-trend-slides .swiper-slide .wrap-tags-date .wrap-tags ul li { display: inline-block; margin-right: 0.5rem; }
    #m-tom-trend-slides .swiper-slide .wrap-tags-date .date { color: #767676; }
    #m-tom-trend-slides .swiper-slide .view-more { font-family: "Montserrat"; font-size: 0.75rem; letter-spacing: -0.36px; color: #757575; text-decoration: underline; }
    /* -end- Tom Trend */

    /* allinone - location */
    #allinone-location { padding: 0; }
    #allinone-location .allinone-location { flex-direction: column; padding: 0; }
    #allinone-location .allinone-location .wrap-allinone,
    #allinone-location .allinone-location .wrap-location { width: 100%; max-width: 600px; height: 6.375rem; padding: 1.625rem; }
    #allinone-location .allinone-location .wrap-allinone h2,
    #allinone-location .allinone-location .wrap-location h2 { font-size: 1rem; line-height: 1.5; }
    #allinone-location .allinone-location .wrap-allinone a,
    #allinone-location .allinone-location .wrap-location a { width: 2.75rem; height: 2.75rem; border-radius: 30px; font-size: 0.75rem; line-height: 2.7rem; }
    #allinone-location .allinone-location .wrap-location h2 .desc { font-size: 0.75rem; line-height: 1.5; letter-spacing: -0.6px; color: #ccc; }
    #allinone-location .allinone-location .wrap-location .location .material-icons { font-size: 1.75rem; line-height: 1.6; }
    /* -end- allinone - location */

    /* 공지사항, 아이템, 컨택트, 회원가입 */
    #notice-allitem-contact-joinus { display: none; }
    /* -end- 공지사항, 아이템, 컨택트, 회원가입 */
    /* 팝업 */
    #wrap-layer-popup .m-layer-popup-slide {
      width: 90%;
      /* max-width: 320px; */
      margin: 25% auto 0;
    }
    #wrap-layer-popup .wrap-btn {
      margin-bottom: 15px;
      text-align: right;
    }
    #wrap-layer-popup .btn-today {
      display: inline-block;
      width: 50%;
      max-width: 115px;
      height: 25px;
      padding: 3px 0;
      box-sizing: border-box;
      border-radius: 2.5rem;
      overflow: hidden;
      background-color: #626262;
      font-family: "Spoqa Han Sans Neo";
      font-size: 13px;
      letter-spacing: -1.04px;
      text-align: center;
      color: #fff;
    }
    #wrap-layer-popup .btn-close {
      display: inline-block;
      width: 50%;
      max-width: 45px;
      height: 25px;
      box-sizing: border-box;
      margin-left: 10px;
      padding: 2px 0;
      border-radius: 2.5rem;
      overflow: hidden;
      background-color: #333;
      font-family: "Spoqa Han Sans Neo";
      font-size: 13px;
      letter-spacing: -1.04px;
      text-align: center;
      color: #fff;
    }
    #wrap-layer-popup .swiper-container {
      overflow: hidden;
      border-radius: 20px;
    }
    #wrap-layer-popup img {
      display: block;
      width: 100%;
    }
    #wrap-layer-popup .wrap-pagination {
      display: flex;
      justify-content: center;
      margin-top: 15px;
    }
    #wrap-layer-popup .swiper-pagination-bullet {
      margin-left: 8px;
      background-color: rgba(255, 255, 255, 0.4);
    }
    #wrap-layer-popup .swiper-pagination-bullet:first-of-type {
      margin-left: 0;
    }
    #wrap-layer-popup .swiper-pagination-bullet-active {
      background-color: #fff;
    }
    /* -end- 팝업 */
}

/*# sourceMappingURL=main.css-d8867e733b3a6220bb99bf1b82a07d1f31b48f0d8c118340068be2d71f57914b.map */