<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Theme Name: íž˜ë“œë¦¼ë§ˆì·¨í†µì¦ì˜í•™ê³¼
Author: Jeymedi
Author URI: http://jeymedidesign.dothome.co.kr
Description: íž˜ë“œë¦¼ë§ˆì·¨í†µì¦ì˜í•™ê³¼ ì›¹ì‚¬ì´íŠ¸ í…Œë§ˆ
Version: 1.0.0
*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    LAYOUT
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body { overflow-x:hidden; }

.inner {
    width: var(--inner);
    margin: 0 auto;
    position: relative;
/*    border-left: 1px dashed magenta;*/
/*    border-right: 1px dashed magenta;*/
}

#wrap {
    position: relative;
    min-width: 1280px;
    height: 100%;
}
div.section-wrapper { width:100vw }

/* header */
header.header {
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 99;
    background-color: transparent;
    transition: all ease 0.6s;
}
header.header.on {
    background-color: #fff;
    border-bottom: 1px solid #ededed;
}

header.header &gt; .inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
/* logo */
header.header a.logo {
    width: 280px;
    aspect-ratio: 8 / 1;
    background-size: 99% auto;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url('./img/logo-white.svg');
}

header.header.on a.logo,
header.header.reverse a.logo {
    background-image: url('./img/logo-color.svg');
}
/* menu */
header.header nav.gnb {}
header.header nav.gnb ul.menu {
    display: flex;
    flex-direction: row;
    align-items: center;
}
/* ë¶€ëª¨ë©”ë‰´(ê°œë³„) */
header.header nav.gnb ul.menu li.menu-item-has-children {
    position: relative;
}
header.header nav.gnb ul.menu li.menu-item-has-children &gt; a {
    display: block;
    color: #fff;
    padding: 1.7em;
    font-size: 1.1rem;
}
header.header.on nav.gnb ul.menu li.menu-item-has-children &gt; a,
header.header.reverse nav.gnb ul.menu li.menu-item-has-children &gt; a {
    color: var(--dark);
}

header.header nav.gnb ul.menu li.menu-item-has-children &gt; a::after {
    content: '';
    display: block;
    max-width: inherit;
    width: 0;
    height: 2px;
    background-color: var(--secondary);
    transition: all ease 0.4s;
}
header.header.on nav.gnb ul.menu li.menu-item-has-children &gt; a::after {
/*    background-color: var(--tertiary);*/
}

/* ë¶€ëª¨ë©”ë‰´ - í˜„ìž¬íŽ˜ì´ì§€ */
header.header nav.gnb ul.menu li.menu-item-has-children.current-menu-parent &gt; a {
/*    color: var(--secondary);*/
    position: relative;
}
header.header nav.gnb ul.menu li.menu-item-has-children &gt; a:hover::after,
header.header nav.gnb ul.menu li.menu-item-has-children.current-menu-parent &gt; a::after {
    width: 100%;
}

header.header nav.gnb ul.sub-menu { display: none; }
/* ì„œë¸Œë©”ë‰´  */
header.header .submenu-zone {
    box-sizing: border-box;
    box-shadow: 0 1px 0 #ededed inset;
    background-color: rgba(255,255,255, .98);

    height: 0;
    overflow: hidden;

    transition: all ease 0.65s;
}
header.header .submenu-zone.on {
    height: 400px;
}

header.header nav.gnb-sub ul.menu {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    font-size: 1rem;
    margin: 40px auto 70px;
}
header.header nav.gnb-sub ul.menu &gt; li.menu-item-has-children {
    padding: 0.5em 1.5em;
}
header.header nav.gnb-sub ul.menu &gt; li + li.menu-item-has-children {
    border-left: 1px solid #ededed;
}
header.header nav.gnb-sub ul.menu &gt; li.menu-item-has-children &gt; a {
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    font-size: 1.1em;
    position: relative;
    color: var(--primary);
}
/*header.header nav.gnb-sub ul.menu &gt; li.menu-item-has-children &gt; a::after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 2px;
    background-color: var(--primary);
    left: 0;
    bottom: 0;
    transition: all ease 0.5s;
}

header.header nav.gnb-sub ul.menu &gt; li.menu-item-has-children:hover a::after,
header.header nav.gnb-sub ul.menu &gt; li.menu-item-has-children.current-menu-parent a::after {
    width: 100%;
}
*/
header.header nav.gnb-sub ul.menu &gt; li.menu-item-has-children:hover &gt; a,
header.header nav.gnb-sub ul.menu &gt; li.menu-item-has-children.current-menu-parent &gt; a {
/*    color: var(--primary);*/
}



/* ì„œë¸Œë©”ë‰´ (ê°œë³„) */
header.header nav.gnb-sub ul.menu ul.sub-menu a {
    display: block;
    position: relative;
    padding: 0.25em 0;
    font-weight: 400;
/*    transition: color ease 0.3s;*/
}
/* ì„œë¸Œë©”ë‰´(ê°œë³„) í˜„ìž¬ */
header.header nav.gnb-sub ul.menu ul.sub-menu li.current-menu-item a {
    color: var(--tertiary);
    font-weight: 700;
}
header.header nav.gnb-sub ul.menu ul.sub-menu li.current-menu-item a,
header.header nav.gnb-sub ul.menu ul.sub-menu li:hover a {
    color:var(--tertiary);
    font-weight: 600;
}





/* ë©”ë‰´ ë²„íŠ¼  */
#menu-btn {
    display: flex;
    width: 40px;
    height: 27px;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    transition: all ease 0.5s;
}
#menu-btn span {
    display: inline-block;
    width: 100%;
    height: 3px;
    border-radius: 5px;
    background-color: #fff;
    transition: all ease 0.5s;
}
header.header.on #menu-btn span,
header.header.reverse #menu-btn span {
    background-color: var(--dark);
}




/* ëª¨ë°”ì¼ë©”ë‰´ */
#mobile-menu {
    visibility: hidden;
    position: fixed;
/*    right: -100vw;*/
    top: 0;
    right: 0;
    opacity: 0;
    max-width: 100vw;
    width: 100vw;
    height: 100vh;
    z-index: 99;
    font-size: 1.0em;
    transition: all ease 0.4s;
}
#mobile-menu.on {
    visibility: visible;
    opacity: 1;
}
/* ë‹«ê¸°ì˜ì—­ */
#mobile-menu &gt; .close-area {
    width: 100vw;
    height: 100%;
    position: absolute;
    cursor: pointer;
    z-index: -1;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.1);
}

#mobile-menu &gt; .menu-area {
    width: 360px;
    height: 100%;
    position: absolute;
    right: 0;
    display: flex;
    flex-direction: column;
    overscroll-behavior:none;
    background-color: var(--primary);
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
}

#mobile-menu &gt; .menu-area div.title {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 40px 25px;
}
#mobile-menu &gt; .menu-area div.title img { width:230px }

#mobile-menu &gt; .menu-area div.title.m {
    display: none;
}

#mobile-menu &gt; .menu-area div.title a.home {
    font-size: 0;
}
#mobile-menu &gt; .menu-area div.title a.close-btn {
/*    background-color: rgba(0, 0, 0, 0.1);*/
    display: flex;
    width: 1rem;
    height: 1rem;
    align-items: center;
    justify-content: center;
    background-image: url('./img/close.svg');
    background-repeat: no-repeat;
    background-size: 1.25rem;
    background-position: center;
    cursor: pointer;
}

#mobile-menu div.menu-main-menu-container {
    overflow-y: auto;
}
#mobile-menu div.menu-main-menu-container::-webkit-scrollbar {
    width: 5px; height: 5px;
  }
#mobile-menu div.menu-main-menu-container::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,.6);
  }
#mobile-menu div.menu-main-menu-container::-webkit-scrollbar-track {
    background-color: transparent;
}

#mobile-menu a {
    color: #fff;
}
#mobile-menu ul.menu &gt; li.menu-item { display:block; }
#mobile-menu ul.menu li.menu-item:hover {
    background-color: rgba(0,0,0,.1);
}
#mobile-menu ul.menu &gt; li.menu-item &gt; a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 1rem;
    font-weight: 500;
    padding: 1rem 1.5rem;
/*    border-bottom: 1px solid rgba(255,255,255,.1);*/
}
#mobile-menu ul.menu &gt; li.menu-item:hover a {
}
#mobile-menu ul.menu li.menu-item-has-children &gt; a::after {
    content: '';
    display: inline-block;
    width: 1em; height: 0.8em;
    margin-left: auto;
    background-repeat: no-repeat;
    background-size: 80% auto;
    background-position: center;
    background-image: url('./img/arrow-menutoggle.svg');
    transform: scale(-1, -1);
}
#mobile-menu ul.menu li.menu-item-has-children.on a {
    background-color: rgba(0,0,0,.1);
}
#mobile-menu ul.menu li.menu-item-has-children.on &gt; a::after,
#mobile-menu ul.menu li.menu-item-has-children.current-menu-item &gt; a::after {
    transform: scale(1, 1);
}
#mobile-menu ul.menu li.menu-item-has-children {
    overflow: hidden;
    transition: height ease 0.6s;
}
#mobile-menu ul.menu li.menu-item-has-children ul.sub-menu {
    display: flex;
    flex-direction: column;
    width: 100%;
}
#mobile-menu ul.menu li.menu-item-has-children ul.sub-menu li a {
    display: block;
    width: 100%;
    font-size: 1rem;
    padding: 0.8rem 3rem;
}
#mobile-menu ul.menu li.menu-item-has-children ul.sub-menu li:last-child a {
    padding-bottom: 20px;
}
#mobile-menu ul.menu li.menu-item-has-children ul.sub-menu li.current-menu-item a {
    font-weight: 600;
}
#mobile-menu ul.menu li.current-menu-item &gt; a,
#mobile-menu ul.menu li.menu-item-has-children.on &gt; a {
    color: var(--secondary);
}







/* í€µë©”ë‰´ */
#quickmenu {
    position: fixed;
    z-index: 98;
    right: 20px;
    width: 100px;
    background-color: #fff;
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.1) ;
    border-radius: 15px;
    overflow: hidden;
}
#quickmenu &gt; .quick-title {
    height: 140px;
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 700;
    font-family: var(--pl);
    letter-spacing: 0.15em;
    text-align: center;
    text-transform: uppercase;
    color: var(--dark);
    background-color: var(--secondary);
    display: flex;
    justify-content: center;
    align-items: center;
}
#quickmenu &gt; .quick-wrap {
    height: 420px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#quickmenu &gt; .quick-wrap a {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.96rem;
    grid-gap: 6px;
    height: 100px;
}
#quickmenu &gt; .quick-wrap a + a {
    border-top: 1px solid #eee;
}
#quickmenu &gt; .quick-wrap a img {
    display: block;
    max-width: 35%;

}
/*#quickmenu &gt; .quick-wrap a.top {
    height: 70px;
    padding: 15px;
    justify-content: flex-start;
    color: var(--primary);
}*/












/* footer */
footer {
    background-color: #2D304D;
}
footer div.inner {
    padding: 100px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-gap: 15px;
}
footer * {
    color: #fff;
    text-align:center;
}
footer div.inner img {
    width: 300px;
}

footer div.inner ul.menu {
    display: flex;
    flex-direction: row;
    margin: 20px auto;
}

footer div.inner ul.menu &gt; li {
    line-height: 1.0;
}
footer div.inner ul.menu &gt; li &gt; a {
    padding: 0 1.5em;
    font-size: 0.9em;
    line-height: 1.0;
    color: #eee;
}
footer div.inner ul.menu &gt; li + li {
    border-left: 1px solid #eee;
}
footer div.inner ul.menu &gt; li:hover &gt; a {
    color: var(--secondary);
}

footer div.inner div.txt-box { font-size:1rem }

footer div.inner p + p { margin-top:5px }
footer div.inner p b { letter-spacing:0 }
footer div.inner p span { color:#eee; font-size:0.9em; margin-left:1em }
footer div.inner p span + b { margin-left:1em }

footer div.inner div.txt-box &gt; span {
    color: #fff;
    display: block;
    margin-top: 30px;
    font-size: 0.9em;
    font-weight: 400;
    font-family: var(--p);
    opacity: 0.6;
}
footer div.inner div.txt-box &gt; span i {
    letter-spacing: 0.05em;
    color: inherit;
    font-size: 0.9em;
    font-weight: 400;
    margin: 0 0.25em;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    common elements
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
section .inner {
    padding: 140px 0;
}
section a.btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    grid-gap: 0.8em;
    padding: 1.2em;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    MAIN PAGE
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* ë©”ì¸ ìŠ¤ì™€ì´í¼ */
section.main-visual {
    position: relative;
    width: 100vw;
    overflow: hidden;
}
section.main-visual .swiper-wrapper {
}
section.main-visual .swiper-slide {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-color: #333;
    --txt : #fff;
    --txtpoint: var(--secondary)
}
section.main-visual .swiper-slide .inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
}

section.main-visual .swiper-slide.light {
    background-color: #eee;
    --txt : #3D3D3D;
    --txtpoint : var(--primary)
}
section.main-visual .swiper-slide img.badge { display: block; }
section.main-visual .swiper-slide span.uppercase {
    color: var(--txt);
    display: block;
    margin: 2em 0;
}
section.main-visual .swiper-slide h2 {
    color: var(--txt);
    font-weight: 400;
    margin-bottom: 2.0em;
    font-size: 4em;
    letter-spacing: 0.025em;
    line-height: 1.2;
    font-family: var(--pl);
}
section.main-visual .swiper-slide h2 b {
    color: var(--txtpoint);
    font-weight: 700;
}
section.main-visual .swiper-slide.mv1 { background-image:url('./img/mv1.png') }
section.main-visual .swiper-slide.mv2 { background-image:url('./img/mv2.png') }
section.main-visual .swiper-slide.mv3 { background-image:url('./img/mv3.png') }
section.main-visual .swiper-slide.mv4 { background-image:url('./img/mv4.png') }

section.main-visual .swiper-slide.swiper-slide-active h2 {
    animation-name: welcomeText;
    animation-duration: 1s;
    animation-fill-mode: both;
    filter: opacity(0);
    transform: translateX(-40px);
}
@keyframes welcomeText {
    0% { transform: translateX(-40px); filter: opacity(0); }
    100% {transform: translateY(0); filter: opacity(1); }
}
/*section.main-visual .swiper-slide.swiper-slide-active img.badge,*/
/*section.main-visual .swiper-slide.swiper-slide-active span.uppercase { animation-delay:0.2s }*/
section.main-visual .swiper-slide.swiper-slide-active h2 { animation-delay:0.6s }

section.main-visual .swiper-pagination {
    width: fit-content;
    height: fit-content;
    bottom: 26%;
    left: calc(50% - 750px);

    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}
section.main-visual .swiper-pagination-bullet {
    width: 10px; height: 10px;
    margin: 0 !important;
    background-color : rgba(255, 255, 255, 1);
    border: 0;
    box-sizing: content-box;
}
section.main-visual .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 2px solid #fff;
    background-color : rgba(255, 255, 255, 0);
}





/* ë©”ì¸ íŽ˜ì´ì§€ ê³µí†µìš”ì†Œ - - - - - - - - - - - - - - - */
section.main div.section-title { margin-bottom: 80px }
section.main div.section-title p.txt-secondary {
    font-size: 1.1em;
    letter-spacing: 0.15em;
    font-weight: 600;
    margin-bottom: 1em;
    color: #ffce4d;
}
section.main div.section-title h4.paperlogy {
    font-weight: 400;
    color: var(--dark);
    letter-spacing: 0;
    font-size: 2.5em;
    line-height: 1.0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    grid-gap: 0.3em;
}
section.main div.section-title.left h4.paperlogy {
    justify-content: flex-start;
}
section.main div.section-title h4.paperlogy.multiline {
    display: block;
    line-height: 1.2;
}
section.main div.section-title h4.paperlogy img {
    width: 0.9em;
}
section.main div.section-title h4.paperlogy b {
    font-weight: 800;
    font-size: 1.1em;
    color: var(--secondary);
}
section.main-detail div.section-title h4.paperlogy b { color:#0830df }
section.main-detail div.section-title h4.paperlogy b i { font-weight:500 }
section.main div.section-title small.uppercase {
    display: block;
    color: var(--primary);
    margin: 2em auto;
    font-size: 0.75rem;
    font-weight: 700;
}
section.main div.section-title.left small.uppercase { margin: 2em 0 }
/*  */
section.main-detail div.detail-swiper {}
section.main-detail div.detail-swiper div.swiper-slide {
    background-color: #ddd;
    width: 200px;
    aspect-ratio: 3 / 2;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}




/* ë©”ì¸ 365ì¼í•¨ê»˜ */
section.main-365 {
    background-repeat: no-repeat;
    background-image: url('./img/main-365-bg.png');
    background-size: cover;
    background-position: center;
}
section.main-365 .inner {
    padding: 100px 15px 250px;
}
section.main-365 p.jalnan {
    font-size: 2.5em;
    text-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}
section.main-365 p.txt-secondary,
section.main-365 p.jalnan span {
    color: #ffe400;
}
section.main-365 p.txt-secondary {
    font-size: 1.3em;
    margin-bottom: 1em;
}


/* ë©”ì¸í´ë¦¬ë‹‰ */
section.main-clinic div.card-container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}
section.main-clinic div.card-container a.card {
    position: relative;
    width: 340px;
    height: 520px;
    overflow: hidden;
    border-radius: 35px;
    cursor: pointer;
    transition: all 0.3s ease;
}
section.main-clinic a.card img.card-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s ease;
}
/* ì¹´ë“œ ì´ë¯¸ì§€ hover íš¨ê³¼ */
section.main-clinic a.card:hover img.card-img {
    transform: scale(1.08);
    opacity: 0.8;
}
section.main-clinic a.card div.text-overlay {
    position: absolute;
    bottom: 86px;
    left: 40px;
    color: #fff;
    z-index: 2;
    letter-spacing: 5px;
    line-height: 1.3;
    text-shadow: 0 1px 3px rgba(143, 143, 143, 0.9);
    transition: all 0.5s ease;
}
/* text-overlay hover íš¨ê³¼ */
section.main-clinic a.card:hover .text-overlay {
    transform: translateY(8px);
}
section.main-clinic a.card div.text-overlay p {
    font-family: var(--pl);
}
section.main-clinic a.card div.text-overlay p b {
    font-weight: 800;
}
section.main-clinic a.card div.text-overlay p.clinic-title {
    font-size: 2rem;
    margin-bottom: 15px;
}
section.main-clinic a.card div.text-overlay p.clinic-eng {
    font-size: 0.68rem;
    opacity: 0.9;
    letter-spacing: 1.1px;
}
/* ë²„íŠ¼ ì•„ì´ì½˜ (ìš°ì¸¡ í•˜ë‹¨) */
section.main-clinic a.card .arrow-img {
    display: block;
    width: 30px;
    aspect-ratio: 1 / 1;
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 2;
    transition: all 0.4s ease;
}
/* arrow hover íš¨ê³¼ */
section.main-clinic a.card:hover .arrow-img {
    transform: translateY(-10px);
}




/* ë©”ì¸ ì˜ë£Œì§„ */
section.main-doctor .doctor-container {
    width: 90%;
    margin: 70px auto 0;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    justify-content: space-between;
    align-items: flex-end;
    grid-gap: 100px;
}
section.main-doctor .text p.boxtape {
    display: inline-block;
    font-family: var(--pl);
    color: #0335E1;
    padding: 0 1em;
    font-weight: 800;
    font-size: 1.1em;
    letter-spacing: 0.03em;
}
section.main-doctor .text p.nametag {
    font-family: var(--pl);
    color: var(--dark);
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    font-size: 1.3em;
    letter-spacing: 0.1em;
    line-height: 0;
    grid-gap: 0.75em;
    height: 1em;
    margin: 1em 0 2em;
}
section.main-doctor .text p.nametag strong {
  font-size: 1.5em;
  font-weight: 800;
  color: inherit;
}
section.main-doctor .text blockquote {
    font-family: var(--maru);
    font-size: 1.6em;
    line-height: 1.5;
    margin: 2em 0 ;
}
section.main-doctor .text div.grid.trio {
    grid-gap: 15px;
}
section.main-doctor .text div.grid.trio .box {
  background: #F2F2F2;
  border-radius: 16px;
  padding: 15px 20px;
}
section.main-doctor .text div.grid.trio .box &gt; div {
    display: flex;
    flex-direction: column;
    height: 4.5em;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-bottom: 1px dashed #b6b9d1;
}
section.main-doctor .text div.grid.trio .box &gt; span {
    display: block;
    text-align: center;
    color: #0046b6;
    font-size: 1rem;
    font-weight: 800;
}
section.main-doctor .text div.grid.trio .box &gt; div p.box-title {
    text-align: center;
    color: #fc5230;
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1.3;
}
section.main-doctor .text div.grid.trio .box &gt; small {
    display: flex;
    height: 3.5em;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 0.9rem;
    font-weight: 500;
    margin: 1em auto 0;
}
section.main-doctor .text .career-list {
  margin-top: 60px;
}
section.main-doctor .text .career-list li {
  color: var(--dark);
  font-size: 1em;
  font-weight: 500;
}

section.main-doctor .img {
  text-align: center;
  margin-bottom: -15px;
}

/* override ì„œë¸Œ ì˜ë£Œì§„ì†Œê°œ */
section.main-doctor.sub .doctor-container {
    width: 80%;
    margin: 70px auto 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    align-items: center;
    grid-gap: 60px;
}
section.main-doctor.sub p.label-bluegradi {
    background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, #1B30CC 20%, #1B30CC 80%, rgba(255, 255, 255, 0) 100%);
    color: #fff;
    font-family: var(--pl);
    letter-spacing: 0.075em;
    width: fit-content;
    padding: 0.1em 3em;
    margin: 0 auto 1em;
    font-weight: 500;
    font-size: 1.3em;
}
section.main-doctor.sub .text p.nametag {
    font-family: var(--p);
    color: var(--black);
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    font-size: 1.15em;
    line-height: 0;
    grid-gap: 0.75em;
    font-weight: 600;
    height: 1.5em;
    margin: 1em 0 2em;
}
section.main-doctor.sub .text p.nametag strong {
    font-size: 2em;
    font-weight: 800;
    letter-spacing: 0.1em;
 }
section.main-doctor.sub .text .career-list li { height:1.75em }

section.main-doctor.sub .text dl.career-list { margin-left:0.5em; margin-top:40px; }
section.main-doctor.sub .text dl.career-list dt {
    font-size: 1.2em;
    font-weight: 700;
    color: #2330a1;
}
section.main-doctor.sub .text dl.career-list dd {
    color: #2330a1;
    height: 2em;
    text-indent: 1em;
}

/* ì„œë¸Œ ì˜ë£Œì§„ ì´ë²¤íŠ¸ì„¹ì…˜ */
section.sub.doctor.circle {
    overflow: hidden;
}
section.sub.doctor.circle .inner {
    position: relative;
    padding: 80px 0;
    border-bottom: 60px solid #f8f8fd;
}
section.sub.doctor.circle .swiper {
    width: 360px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    overflow: hidden;
}
section.sub.doctor.circle .swiper .swiper-slide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0; top: 0;
    z-index: 0;

    transition: transform ease 1.2s;
}
section.sub.doctor.circle .swiper .swiper-slide-next {
    z-index: 1;
    transform: translateY(360px) !important;
}
section.sub.doctor.circle .swiper .swiper-slide-prev {
    z-index: 1;
    transform: translateY(-360px) !important;
}
section.sub.doctor.circle .swiper .swiper-slide-active {
    z-index: 2;
    transform: translateY(0) !important;
}
section.sub.doctor.circle .inner &gt; span {
    font-size: 3.4rem;
    display: block;
    line-height: 1.0;
    color: var(--primary);
    letter-spacing: 0.1em;
    font-weight: 800;
    position: absolute;
    top: calc(50% - 1.7rem);
}
section.sub.doctor.circle .inner &gt; span.before { left: 7.25em }
section.sub.doctor.circle .inner &gt; span.after { right: 5em }

section.sub.doctor.circle .inner &gt; .symbol {
    position: absolute;
    left: 17%;
    top: calc(50% - 5.5rem);
    z-index: 0;
    width: 11rem; aspect-ratio: 1 / 1;
    background-color: #f8f9fd;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('./img/symbol-op15.svg');
}

section.sub.doctor.circle .inner &gt; .line {
    left: 0; top: 0;
    position: absolute;
    background-color: rgba(4, 52, 144, 0.07);
    z-index: 0;
}
section.sub.doctor.circle .inner &gt; .line.vertical {
    width: 2px; height: 120%;
}
section.sub.doctor.circle .inner &gt; .line.vertical.left { left:-5vw }
section.sub.doctor.circle .inner &gt; .line.vertical.right { left:unset; right:-5vw }
section.sub.doctor.circle .inner &gt; .line.horizon {
    width: 100vw; height: 2px;
    top: 50%;
    left: calc(50% - 50vw);
}
section.sub.doctor.circle .inner &gt; div.msg {
    position: absolute;
    width: 360px;
    height: 2em;
    overflow: hidden;
    left: calc(50% - 180px);
    bottom: 0;
}
section.sub.doctor.circle .inner &gt; div.msg p {
    width: inherit;
    position: absolute;
    top: 0;
    margin:0;
    opacity: 0;
    transition: all ease 0.5s;
}
section.sub.doctor.circle .inner &gt; div.msg p.active { opacity:1 }






/* ë©”ì¸ ë…¸í•˜ìš° */
section.main-knowhow { }
section.main-knowhow .inner {
    padding: 160px 0 200px;
}
section.main-knowhow .inner .back {
    width: 95%;
    margin: 0 auto;
    position: relative;
    background-image: url('./img/main-knowhow-mono.png');
    background-size: auto 560px;
    background-position: left 37% top;
    background-repeat: no-repeat;
    padding: 100px 0 0 0;
    border-bottom: 1px solid #ddd;
}
section.main-knowhow .back .boxtapes {
    width: fit-content;
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
}
section.main-knowhow .back .boxtapes .tape {
    width: 0;
    overflow: hidden;
    transform: translateX(-30px);
    transition: all ease 1.5s;
}
section.main-knowhow .back .boxtapes .tape.effect { width: 450px; transform:translateX(0); }
section.main-knowhow .back .boxtapes .tape + .tape { transition-delay: 0.6s; }

section.main-knowhow .back .boxtapes p {
    color: var(--secondary);
    color: #ffc018;
    font-size: 1.4em;
    padding: 0.2em 1em;
    text-align: center;
    width: 450px;
    opacity: 0;
    transition: opacity ease 1s;
}
section.main-knowhow .back .boxtapes .tape.effect p {
    opacity: 1;
}

section.main-knowhow .back .nametag {
    margin-top: 150px;
    padding-bottom: 200px;
}
section.main-knowhow .back .nametag p {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    grid-gap: 0.75em;
}
section.main-knowhow .back .nametag p strong {
  font-size: 1.2em;
  font-weight: 800;
  color: inherit;
}

section.main-knowhow .back .front {
    position: absolute;
    right: 0;
    bottom: -70px;
    padding: 70px 70px 60px;
    border-radius: 3px;
    width: 46%;
    transform: translateX(50px);
    opacity: 0;
    transition: transform ease 1s, opacity ease 0.6s;
    transition-delay: 1s;
}
section.main-knowhow .back .front.effect {
    transform: translateX(0);
    opacity: 1;
}

section.main-knowhow .back .front h5 {
    width: 100%;
    background-image: url('./img/symbol-bluefff60.svg');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 80%;
    font-size: 1.8em;
    line-height: 1.2;
    letter-spacing: 0;
    margin-bottom: 1em;
}
section.main-knowhow .back .front h5 + p {
    font-size: 1.1rem;
    line-height: 2.0;
    font-weight: 500;
}
section.main-knowhow .back .front a.btn {
    display: block;
    width: fit-content;
    margin-left: auto;
    padding: 0.75em 3em;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 4em;
    margin-top: 2em;
    cursor: pointer;
    transition: all ease 0.3s;
}
section.main-knowhow .back .front a.btn:hover {
    background-color: #fff;
    color:  var(--primary);
}
/* circle-logo íšŒì&nbsp;„ ì•&nbsp;ë‹ˆë©”ì´ì…˜ */
@keyframes rotate {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

section.main-knowhow .back .circle-logo {
    position: absolute;
    right: 50px;
    top: 50px;
    width: 120px;
    height: 120px;
    animation: rotate 10s linear infinite;
}
section.main-knowhow .back .circle-logo img {
  width: 100%;
  height: auto;
}




/* ë©”ì¸ ë””í…Œì¼  */
section.main-detail {
    background-image: url('./img/main-detail-bg-text.png');
    background-repeat: no-repeat;
    background-position: right 80px top 80px;
}
section.main-detail &gt; .inner {
    padding-bottom: 50px;
}
section.main-detail .grid.quater {
    grid-gap: 10px;
}
section.main-detail .grid.quater &gt; div {
    width: 100%;
    aspect-ratio: 3 / 2;
    background-color: #f8f8f8;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/* scrollText */
/*section.main-detail .scrollText {
    background-repeat: repeat-x;
    background-position: right 1em top;
    background-size: 99vw;
    animation: scrollTextTop 50s linear infinite;
    background-image: url('./img/main-detail-scroll-text.png');
    width: 100vw;
    height: 13em;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}
@keyframes scrollTextTop {
    from { background-position:right -99vw top }
    to { background-position:left -99vw top }
}*/

/* ë©”ì¸ ìœ&nbsp;íŠœë¸Œ */
section.main-youtube {}
section.main-youtube &gt; .inner {
    padding: 230px 0 0;
}
section.main-youtube &gt; .youtube-zone {
    border-radius: 100px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 50px 0 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(./img/main-youtube-bg.png);
}
section.main-youtube &gt; .youtube-zone .youtube-container {
    width: 960px;
    position: relative;
}
section.main-youtube &gt; .youtube-zone .youtube-container a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    grid-gap: 10px;
    margin: 40px auto 20px 20px;
    width: fit-content;
    position: relative;
}
section.main-youtube &gt; .youtube-zone .youtube-container a::after {
    content: '';
    display: block;
    max-width: inherit;
    width: 0;
    height: 1px;
    background-color: #333;
    position: absolute;
    top: 100%;
    left: 0;
    transition: width ease 0.6s;
}
section.main-youtube &gt; .youtube-zone .youtube-container a:hover::after {
    width: 100%;
}

section.main-youtube &gt; .youtube-zone .youtube-container a img {
    height: 1.25em;
}
section.main-youtube &gt; .youtube-zone .youtube-container a b {
    font-size: 1.2em;
    font-weight: 500;
    transform: translateY(-0.075em) translateX(-5px);
}

section.main-youtube #selected-video .iframe-container {
    width: 100%;
    aspect-ratio: 16 / 9;
/*    padding-top: 56.25%;*/
    background-image: url('./img/youtube-temp.png');
    background-color: var(--primary);
    background-position: center;
    background-size: 135%;
    border-radius: 35px;
    border: 5px solid var(--primary);
    position: relative;
    display: block;
    overflow: hidden;
}
#selected-video .iframe-container .iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: center;
    justify-content: center;
}
#selected-video .iframe-container .iframe iframe {
    width: 100%; height: 100%;
}

/* ìœ&nbsp;íŠœë¸Œ ìŠ¤ì™€ì´í¼ ì¸ë„¤ì¼ */
section.youtube div.youtube-control .youtube-swiper {
    margin-top: 40px;
}
section.youtube div.youtube-control .youtube-swiper .swiper-slide .thumb {
    width: 100%;
    aspect-ratio: 16 / 9 ;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120%;
    background-position: center;
    border-radius: 20px;
}
section.youtube div.youtube-control .youtube-swiper .swiper-slide.empty-slide .thumb{ background-image: url('./img/youtube-thm-full.png'); }
section.youtube div.youtube-control .youtube-swiper .swiper-slide .title {
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    background-image: url(./img/symbol.svg);
    background-size: auto 90%;
    background-repeat: no-repeat;
    background-position: left 1.25em center;
    padding: 0 1.5em 0 3.5em;
    margin-top: 1em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    line-height: 1.4;

    display: block;
  /*  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;*/
}
section.youtube div.youtube-control {
    margin: 40px auto 0;
    position: relative;
}
section.youtube .swiper-button-prev,
section.youtube .swiper-button-next {
    top: 40%;
    cursor: pointer;
    display: block;
    width: 50px; height: 50px;
    background-repeat: no-repeat;
    background-size: auto 90%;
    background-position: center center;
}
section.youtube .swiper-button-prev::after,
section.youtube .swiper-button-next::after { display:none; }
section.youtube .swiper-button-prev { background-image:url('./img/equip-button-prev.svg'); left: -8% }
section.youtube .swiper-button-next { background-image:url('./img/equip-button-next.svg'); right: -8% }

section.youtube div.youtube-control .youtube-swiper .swiper-slide.empty-slide .title {
/*    display: none;*/
    opacity: 0.6;
}


/* ìœ&nbsp;íŠœë¸Œ ì„œë¸ŒíŽ˜ì´ì§€ */
section.sub-youtube {}
section.sub-youtube &gt; .youtube-zone {
    border-radius: 150px 150px 0px 0px;
    padding: 130px 0px 200px;
}
section.sub-youtube p.ytb-title {
    position: absolute;
    right: 1em;
    top: 0;
    line-height: 1.3;
    font-size: 1.4em;
}




/* ë©”ì¸ ì²¨ë‹¨ìž¥ë¹„ */
section.main-equip {
    background-image: url(./img/main-equip-bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
section.main-equip &gt; .inner.grid {
    width: 80vw;
    justify-content: center;
    align-items: stretch;
    grid-template-columns: 1fr 1.2fr;
}
section.main-equip div.section-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    margin-bottom: 0;
    position: relative;
    z-index: 9;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right center;
    background-image: url(./img/fade-bg.png);
}
section.main-equip div.section-title p.section-desc {
    color: var(--dark);
    font-weight: 500;
    font-size: 1.1em;
    line-height: 1.5;
    margin: 2em auto 3em;
}
section.main-equip div.section-title .equip-control {
    width: 100%;
    height: 60px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    grid-gap: 60px;
}
section.main-equip div.section-title .equip-control .swiper-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    grid-gap: 5px;
}
section.main-equip div.section-title .equip-control .swiper-nav &gt; div {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    transition: all ease 0.2s;
}
section.main-equip div.section-title .equip-control .swiper-nav &gt; div.button-prev {
    background-image: url('./img/equip-button-prev.svg');
}
section.main-equip div.section-title .equip-control .swiper-nav &gt; div.button-next {
    background-image: url('./img/equip-button-next.svg');
}
section.main-equip div.section-title .equip-control .swiper-nav &gt; div.swiper-button-disabled {
    filter: opacity(0.5);
}
section.main-equip div.section-title .equip-control .swiper-pagination {
    width: 100%;
    position: static;
}
section.main-equip div.section-title .equip-control .swiper-pagination .swiper-pagination-bullet {
    background-color: #0161eb;
    opacity: 1;
}
section.main-equip .right {
    max-width: 30vw;
}
section.main-equip .right .swiper {
    overflow: visible;
}
section.main-equip .swiper-slide {
    padding: 50px;
    transform: scale(0.75);
    z-index: -1;
    transition: all ease 0.5s;
    opacity: 0;
}
section.main-equip .swiper-slide.swiper-slide-active {
    z-index: 1;
    transform: scale(1.0) translate3d(10px, 0px, 0px);
    opacity: 1;
}
section.main-equip .swiper-slide.swiper-slide-next {
    z-index: 0;
    transform: scale(0.85);
    opacity: 1;
}
section.main-equip .swiper-slide.swiper-slide-next + .swiper-slide,
section.main-equip .swiper-slide.swiper-slide-prev {
    opacity: 1;
}

section.main-equip .swiper-slide .equip-card {
    width: 300px;
    aspect-ratio: 3 / 5;
    border-radius: 30px;
    background-color: #fff;
    box-shadow: 10px 10px 30px rgba(28, 85, 150, .15);
    background-image: url(./img/symbol.svg);
    background-size: 30px;
    background-position: top 50px right 50px;
    background-repeat: no-repeat;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}
section.main-equip .swiper-slide .equip-card img.equipment {
    display: block;
    width: 70%;
    margin: 0 auto;
}
section.main-equip .swiper-slide .equip-card span.uppercase {
    display: block;
    margin-top: 3em;
    font-weight: 700;
    font-size: 0.8rem;
    color: #9AC1EB;
}
section.main-equip .swiper-slide .equip-card p.txt-primary {
    margin-top: 0.25em;
    font-weight: 600;
    font-size: 1.2em;
}



/* ë‘˜ëŸ¬ë³´ê¸° */
section.main-preview {}
section.main-preview .inner {
    width: 100vw;
    overflow-x: hidden;
}
section.main-preview .slide-box {
    margin-top: 100px;
}
section.main-preview .slide-box .swiper {
    width: 80vw;
    margin: 0 auto;
    overflow: visible;
}

section.main-preview .swiper-slide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transform: scale(0.8);
    transition: all ease 0.5s;
}
section.main-preview .swiper-slide.swiper-slide-active {
    transform: scale(1.0);
}

section.main-preview .control {
    display: flex;
    height: 70px;
    margin: -70px auto 0;
    width: fit-content;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    grid-gap: 40px;
    padding: 0 40px;
    background-color: var(--dark);
}
section.main-preview .control * {
    position: static;
}
section.main-preview .control a.button-prev,
section.main-preview .control a.button-next {
    display: block;
    width: 40px; height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 10px;
}
section.main-preview .control a.button-prev { background-image:url('./img/swiper-control-prev.svg') }
section.main-preview .control a.button-next { background-image:url('./img/swiper-control-next.svg') }

section.main-preview .control .swiper-pagination {
    width: fit-content;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
/*    flex-direction: row;*/
    align-items: center;
    justify-content: space-between;
    font-size: 0.9em;
    grid-gap: 1em;
    color: rgba(255,255,255,.6);
}
section.main-preview .control .swiper-pagination span.swiper-pagination-current {
    color: #fff;
}



/* ë©”ì¸ ì˜¤ì‹œëŠ”ê¸¸ */
section.main-locate {}
section.main-locate .grid.info-zone {
    width: 95%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.55fr 1fr;
    grid-gap: 60px;
    align-items: stretch;
}
section.main-locate .grid.info-zone #map {
    border: 1px solid #ededed;
    background-color: #f8f8f8;
    aspect-ratio: 3 / 2;
    border-radius: 20px;
}
section.main-locate .grid.info-zone div.info {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
}
section.main-locate .grid.info-zone div.info &gt; .grid {
    grid-template-columns: 1fr 4fr;
    align-items: flex-start;
    justify-content: center;
    grid-gap: 50px;
}
section.main-locate .grid.info-zone strong,
section.main-locate .grid.info-zone div.info &gt; .grid strong {
    color: var(--dark);
    font-family: var(--pl);
    font-size: 1.6rem;
    font-weight: 800;
    letter-spacing: 0;
}
/* table */
section.main-locate .grid.info-zone table.timetable {
    width: 90%;
}
section.main-locate .grid.info-zone table.timetable * {
/*    letter-spacing: 0;*/
    font-family: var(--pl);
    color: var(--dark);
    font-weight: 500;
    font-size: 1.1rem;
    letter-spacing: -0.1em;
}
section.main-locate .grid.info-zone table.timetable td {
    height: 2rem;
}
section.main-locate .grid.info-zone table.timetable th {
    width: 6em;
    padding-right: 2em;
}
section.main-locate .grid.info-zone table.timetable tr::before {
    content: '\00b7';
    display: inline-block;
    margin-inline: 0.2em;
}
section.main-locate .grid.info-zone div.time table.timetable .txt-caution {
    color: #f73454;
    margin-top: 1.5em;
    letter-spacing: 0.05em;
}
section.main-locate .grid.info-zone div.time table.timetable .txt-blue {
    color: #0017e9;
    margin: 0.5em 0 1em;
    letter-spacing: 0.05em;
}
section.main-locate .grid.info-zone div.time table.timetable tr:nth-child(4)::before,
section.main-locate .grid.info-zone div.time table.timetable tr:last-child::before { color:#fff }
section.main-locate .grid.info-zone table.timetable td {
    letter-spacing: 0.05em;
}
section.main-locate .grid.info-zone table.timetable td.number {
    font-weight: 800;
    font-size: 1.6em;
    letter-spacing: 0.05em;
}
section.main-locate .grid.info-zone table.timetable td.number span {
    font-weight: 800;
    font-size: 1.2em;
    color: var(--secondary);
    letter-spacing: 0;
    padding-right: 0.1em;
}
section.main-locate .roughmap-adrs,
section.main-locate .grid.info-zone div.info &gt; .adrs {
    background-color: var(--secondary);
    padding: 25px 60px;
    border-radius: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    grid-gap: 0;
}
section.main-locate .roughmap-adrs img,
section.main-locate .grid.info-zone div.info &gt; .adrs img {
    height: 2.5em;
}
section.main-locate .roughmap-adrs strong,
section.main-locate .grid.info-zone div.info &gt; .adrs strong {
    font-weight: 800;
    font-size: 1.6rem;
    letter-spacing: 0;
    line-height: 1.3;
    color: var(--dark);
}
/* link */
section.main-locate .grid.link-zone {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 100px auto 0;
}
section.main-locate .grid.link-zone a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-gap: 0.6em;
/*    padding: 80px 0;*/
}
section.main-locate .grid.link-zone a img {
    height: 2em;
    max-width: 2em;
}
section.main-locate .grid.link-zone a p.paperlogy {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    letter-spacing: 0.06em;
    font-size: 1.2em;
}
section.main-locate .grid.link-zone a p.paperlogy small {
    font-family: inherit;
    letter-spacing: 0;
    font-size: 0.7em;
    font-weight: 600;
    opacity: 0.4;
    margin-top: 0.6em;
}
section.main-locate .grid.link-zone a + a {
    border-left: 1px solid #ddd;
}
/* ì„œë¸Œ ì°¾ì•„ì˜¤ì‹œëŠ”ê¸¸ */
section.main-locate .roughmap {
    width: 75%;
    margin: 0 auto;
    border: 4px solid var(--secondary);
    border-radius: 25px;
    line-height: 0;
    overflow: hidden;
}
section.main-locate .roughmap-adrs {
    width: 50vw;
    transform: translateY(-2.2em);
    grid-gap: 1em;
    margin: 0 auto;
    padding: 0.75em;
}
section.main-locate .roughmap-adrs strong {
    color: var(--dark);
    font-size: 1.75em;
    letter-spacing: 0.025em;
}
section.main-locate .new.grid.info-zone div.info .grid {
    grid-template-columns: 1fr 4fr;
    align-items: flex-start;
    justify-content: center;
    grid-gap: 50px;
    width: 30vw;
}
section.main-locate div.location-point {
    margin-top: 40px;
}
section.main-locate div.location-point .rowtocol {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    grid-gap: 1em;
}
section.main-locate div.location-point .rowtocol p {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

section.main-locate div.location-point h6.paperlogy {
    font-size: 2em;
    letter-spacing: 0.05em;
    margin-bottom: 0.25em;
}
section.main-locate div.location-point h6.paperlogy + div {
    font-family: var(--pl);
    font-size: 1.3em;
    color: var(--primary);
    letter-spacing: 0.025em;
}
section.main-locate div.location-point h6.paperlogy + div span.label-subway {
    display: inline-block;
    background-color: #fff;
    font-size: 0.9em;
    padding: 0.1em 0.75em;
    border-radius: 3em;
    color: #222;
    font-weight: 800;
    border: 3px solid #3ca24a;
    margin: 0 0.5em;
}
section.main-locate div.location-point h6.paperlogy + div span.label-subway b {
    color: #3ca24a;
}
section.main-locate div.location-point h6.paperlogy + div strong {
    margin-right: 0.25em;
}
section.main-locate .new .call.grid strong { text-align:center; }

/* ì„œë¸Œ ì˜¤ì‹œëŠ”ê¸¸ ì§€ë„ë§í¬ */
section.main-locate .map-links {
    display: flex;
    flex-direction: row;
    grid-gap: 1em;
    align-items: center;
    justify-content: center;
    margin: 0 auto 3em;
}
section.main-locate .map-links a {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.5em 2em 0.5em 1.5em;
    font-size: 1.2em;
    font-weight: 500;
    grid-gap: 10px;
    border: 2px solid #ddd;
    border-radius: 3em;
}
section.main-locate .map-links a span {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: flex;
    width: 1.5em;
    height: 1.5em;
}
section.main-locate .map-links a span.naver { background-image:url('./img/icon-map-naver.png') }
section.main-locate .map-links a span.kakao { background-image:url('./img/icon-map-kakao.png') }
section.main-locate .map-links a span.tmap { background-image:url('./img/icon-map-tmap.png') }



section.main-locate .new.grid.info-zone div.info.flex {
    display: flex;
    width: var(--inner);
    flex-direction: row;
    justify-content: center;
    gap: 100px;
}





/* - - - - - - -  - - - - - - - - - -
    ë¹„ê¸‰ì—¬ íŽ˜ì´ì§€
 - - - - - - - - - - - - - - - - - */
section.nonpay h5.caption { font-size: 1.5em; text-align: center; color: var(--primary); margin-top:50px; font-weight:400; padding:0.6em;}
section.nonpay table.npay {
            border-top: 2px solid var(--primary);
            border-collapse: collapse;
            width: 100%;
            background-color:rgba(255, 255, 255, 0.8);
        }
section.nonpay table.npay tr * { font-family: var(--p); border: 1px solid rgba(10,10,10,.1); padding: 15px 10px; font-weight: 400; text-align: center; font-size: 1rem}
section.nonpay table.npay thead th { background-color:#f6f7f7; font-weight: 500; }

section.nonpay p.txt-right {
    margin-top: 1.5em;
    font-weight: 600;
    color: #aaa;
    font-size: 1rem;
}








/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    SUB PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* ì„œë¸Œ í—¤ë” */
section.sub-header {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center right;
    background-color: #B9BBCB;
}
section.sub-header &gt; .inner {
    padding: 150px 0 90px;
}
section.sub-header .page-title-eng {
    display: block;
    color: #0014a9;
    letter-spacing: 0.15em;
    font-family: var(--pl);
    text-transform: capitalize;
    font-weight: 600;
    font-size: 1.05rem;
}
section.sub-header .page-title {
    font-weight: 400;
    font-size: 2.5em;
    color: #0014a9;
    font-family: var(--pl);
    letter-spacing: 0.125em;
    font-weight: 500;
}

/* ì„œë¸Œ ë¸Œë&nbsp;ˆë“œí¬ëŸ¼ */
section.sub-breadcrumb {
    background-color: var(--primary);
}
section.sub-breadcrumb nav.breadcrumb &gt; ul {
    width: 50%;
    display: grid;
    grid-template-columns: 80px 1fr 1fr;
    align-items: stretch;
    justify-content: flex-start;
}
section.sub-breadcrumb nav.breadcrumb &gt; ul &gt; li {
    font-size: 1.1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 500;
    border-right: 1px solid rgba(255,255,255,.5);
}
section.sub-breadcrumb nav.breadcrumb &gt; ul li.home {
    width: 100%;
    aspect-ratio: 1 / 1;
    background-color: var(--dark);
    border-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-image: url('./img/icon-breadcrumb-home.png');
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: center;
}
section.sub-breadcrumb nav.breadcrumb ul li.has-children {
    position: relative;
    padding: 0 1.5em;
    color: #fff;
    background-image: url('./img/icon-breadcrumb-arrow.svg');
    background-repeat: no-repeat;
    background-size: 1rem;
    background-position: center right 2rem;
}
section.sub-breadcrumb nav.breadcrumb ul li.has-children ul.sub-breadcrumb-menu {
    display: none;
    position: absolute;
    max-width: inherit;
    width: 100%;
    top: 100%;
    left: 0;
    padding: 0.6em 0;
    background-color:#fff;
    box-shadow: 3px 8px 20px rgba(28, 85, 150, .15);
    z-index: 999;
}
section.sub-breadcrumb nav.breadcrumb ul li.has-children ul.sub-breadcrumb-menu li {
    white-space: nowrap;
    padding: 0.6em 1.5em 0.6em 2em;
    font-size: 1rem;
    transition: padding ease 0.3s;
    border-left: 3px solid #fff;
}
section.sub-breadcrumb nav.breadcrumb ul li.has-children ul.sub-breadcrumb-menu li a {
    display: block;
    color: #6F7391;
    font-weight:400;
}
section.sub-breadcrumb nav.breadcrumb ul li.has-children ul.sub-breadcrumb-menu li:hover {
    border-color: var(--primary);
    padding: 0.6em 1.5em 0.6em 2.5em;
}
section.sub-breadcrumb nav.breadcrumb ul li.has-children ul.sub-breadcrumb-menu li:hover a { color: var(--primary); font-weight:500 }
section.sub-breadcrumb nav.breadcrumb ul li.has-children:hover &gt; ul.sub-breadcrumb-menu { display: block; }

section.sub-breadcrumb nav.breadcrumb ul li.home + li.has-children ul.sub-breadcrumb-menu li:first-child,
section.sub-breadcrumb nav.breadcrumb ul li.home + li.has-children ul.sub-breadcrumb-menu li:nth-last-child(1),
section.sub-breadcrumb nav.breadcrumb ul li.home + li.has-children ul.sub-breadcrumb-menu li:nth-last-child(2),
section.sub-breadcrumb nav.breadcrumb ul li.home + li.has-children ul.sub-breadcrumb-menu li:nth-last-child(3) { display:none; }



/* ì„œë¸Œ ì¸íŠ¸ë¡œ */
section.sub-intro {
    --space : 90px;
}
section.sub-intro div.section-title { padding-bottom: var(--space) }
section.sub-intro div.section-title p.txt-secondary {
    font-size: 1.1em;
    letter-spacing: 0.15em;
    font-weight: 600;
    margin-bottom: 1em;
    color: #ffce4d;
}
section.sub-intro div.section-title h4.paperlogy {
    font-weight: 800;
    color: var(--primary);
    letter-spacing: 0;
    font-size: 3em;
    line-height: 1.0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    grid-gap: 0.3em;
}
section.sub-intro div.section-title h4.paperlogy img {
    width: 0.8em;
}
section.sub-intro div.section-title small.uppercase {
    display: block;
    color: var(--primary);
    margin: 2em auto;
    font-size: 0.75rem;
    font-weight: 700;
}
/* íŽ˜ì´ì§€ ê°œë³„ ì†Œê°œ ì˜ì—­ */
section.sub-intro div.page-intro {}
section.sub-intro div.page-intro &gt; .inner {
    padding-top: var(--space);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-tracks: center;
}
section.sub-intro div.page-intro img.page-img {
}
/* íŽ˜ì´ì§€ ì„¹ì…˜ë³„ íƒ€ì´í‹€ */
section.sub div.section-title-zone .title-eng {
    display: block;
    color: #0014a9;
    letter-spacing: 0.15em;
    font-family: var(--pl);
    text-transform: capitalize;
    font-weight: 600;
    font-size: 1.05rem;
    margin-bottom: 1em;
    filter: opacity(0.9);
}
section.sub div.section-title-zone .title {
    font-family: var(--pl);
    color: #333;
    font-weight: 400;
    letter-spacing: 0.05em;
    font-size: 2.5em;
    line-height: 1.0;
    margin-bottom: 1em;
}
section.sub div.section-title-zone .title b {
    font-weight: 800;
    color: var(--primary);
}
section.sub p.page-desc {
    margin-bottom: 2em;
    font-size: 1.2em;
    color: #333;
    font-weight: 500;
}
section.sub p.page-desc b {
    font-weight: 700;
    color: #1084e1;
}

/* inner ì˜¤ë¥¸ìª½ ë°°ê²½  */
section.sub div.inner.right-bg {
    padding-left: 5vw;
    background-repeat: no-repeat;
    background-position: right 5vw center;
    background-size: auto 70%;
}
/*section.sub div.inner.right-bg &gt; div { border: 1px dashed red; }*/
section.sub .w80,
section.sub .w70,
section.sub .w60,
section.sub .w50 { margin: 60px auto 0;}

section.sub .w80 { width: 80%; }
section.sub .w70 { width: 70%; }
section.sub .w60 { width: 60%; }
section.sub .w50 { width: 50%; }
section.sub div.inner.right-bg &gt; div.wrap { width: fit-content; }


/* ë¼ë²¨ê·¸ë£¹ */
div.label-group { margin-top:60px }
div.label-group.with-tag &gt; div {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    border-radius: 5em;
    grid-gap: 1em;
}
div.label-group.with-tag &gt; div p { font-size: 1.2em; padding-right: 3em; }
div.label-group.with-tag &gt; div + div { margin-top:16px }

div.label-group.with-tag.label-primary &gt; div { background-color:var(--primary); }
div.label-group.with-tag.label-primary &gt; div p { color:#fff; }

div.label-group.with-tag.label-white &gt; div { background-color: #fff; }
div.label-group.with-tag.label-white &gt; div p { color: var(--primary); font-weight:600 }
/* íƒœê·¸  */
div.label-group.with-tag &gt; div &gt; span {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.6em 2.0em;
    font-size: 1.2em;

    color: var(--tertiary);
    font-weight: 900;
    font-family: var(--pl);
    text-transform: uppercase;
    letter-spacing: 0;
    border-radius: 5em;
    transform: translateX(-2px);
}
/* íƒœê·¸ ë…¸ëž‘ */
div.label-group.with-tag.tag-secondary &gt; div &gt; span {
    background-color: var(--secondary);
}
/* íƒœê·¸ í•œê¸€ */
div.label-group.with-tag.tag-korean &gt; div &gt; span {
    font-size: 1.5em;
    width: 8em;
    padding: 0.4em;
    letter-spacing:0.05em;
    font-weight: 800;
}


/* dark */
section.sub.dark { background-color: #25324C }
section.sub.dark.bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
}
section.sub.dark.bg.fromright { background-position:bottom right }
section.sub.dark div.section-title-zone .title-eng,
section.sub.dark div.section-title-zone .title,
section.sub.dark p.page-desc { color: #fff; }
section.sub.dark p.txt-center { color: #fff; }

section.sub.dark div.section-title-zone .title b {
    background: linear-gradient(180deg, #45e7ff 0%, #fff 100%);
    color: transparent;
    background-clip: text;
}

/* ë„˜ë²„ê·¸ë¦¬ë“œ */
section.sub div.number-grid {
    width: 80%;
    margin: 100px auto 60px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}
section.sub div.number-grid.four {
    width: 60%;
    grid-template-columns: repeat(2, 1fr);
}

section.sub div.number-grid &gt; div {
    position: relative;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: -2px -2px 5px rgba(130,159,243,.9) inset;
    padding: 4em 1.75em 1.75em;
    font-size: 1.05em;
    line-height: 1.45;
}
section.sub div.number-grid &gt; div p {
    font-weight: 500;
}
section.sub div.number-grid &gt; div &gt; span {
    display: flex;
    width: 2em;
    aspect-ratio: 1 / 1;
    align-items: center;
    justify-content: center;

    background-color: #1ae1ff;
    color: var(--tertiary);
    font-size: 2rem;
    font-weight: 600;
    border-radius: 15px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    position: absolute;
    left: 1em;
    top: -2px;
}

/* card */
section.sub div.card-wrap {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    grid-gap: 36px;
    margin: 80px auto;
    flex-wrap: wrap;
}
section.sub div.card-wrap &gt; div.card {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
}
section.sub div.card-wrap .border,
section.sub div.card-wrap &gt; div.card.border { border: 3px solid var(--primary); }
section.sub div.card-wrap .radius,
section.sub div.card-wrap &gt; div.card.radius { border-radius:20px }

/* cards ëª©ë””ìŠ¤í¬  */
section.sub div.card-wrap.neckdisc {}
section.sub div.card-wrap.neckdisc .card { width:30% }
section.sub div.card-wrap.neckdisc span.bg-secondary {
    padding: 0 1em;
    font-size: 1.15em;
    font-weight: 600;
    margin-bottom: 1.5em;
}
section.sub div.card-wrap.neckdisc img {
    display: block;
    margin: 0 auto;
    max-width: 80%;
}
section.sub div.card-wrap.neckdisc strong.card-title {
    font-size: 2em;
    font-weight: 700;
    margin: 0.75em 1em 0.5em;
}
section.sub div.card-wrap.neckdisc ul.dot { margin-bottom:1em }
section.sub div.card-wrap.neckdisc ul.dot li {
    display: grid;
    grid-template-columns: 0.75em auto;
    align-items: flex-start;
    justify-content: flex-start;
    font-weight: 600;
    font-size: 1.05em;
}
section.sub div.card-wrap.neckdisc ul.dot li::before {
    content: '\00b7';
    color: var(--tertiary);
    font-weight: 900;
    font-size: 1.5em;
    line-height: 0.9;
}

/* cards ì²™ì¶”ì&nbsp;„ë°©ì&nbsp;„ìœ„ì¦ ì¹˜ë£Œ  */
section.sub div.card-wrap.numbercard {
}
section.sub div.card-wrap.numbercard .card {
    position: relative;
    width: 30%;
    padding: 5px 0;
}
section.sub div.card-wrap.numbercard span.bg-secondary {
    position: absolute;
    font-size: 1.4em;
    font-weight: 700;
    width: 2.4em; aspect-ratio: 1 / 1;
    color: var(--dark);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    left: 2em;
    top: -1.2em;
}
section.sub div.card-wrap.numbercard img {
    display: block;
    margin: 5px auto;
    max-width: 96%;
    border-radius: 15px;
}
section.sub div.card-wrap.numbercard strong.card-title {
    font-size: 2em;
    font-weight: 700;
    margin: 0.75em 1em 0.5em;
}
section.sub div.card-wrap.numbercard ul.num {
    height: 10em;
}
section.sub div.card-wrap.numbercard ul.num li {
    display: grid;
    grid-template-columns: 1.8em auto;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 1.05em;
}
section.sub div.card-wrap.numbercard ul.num li p { font-weight: 600}





/* cards ì¹˜ë£Œ(ì¼ë°˜)  */
section.sub div.card-wrap.treat {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}
section.sub div.card-wrap.two img + div,
section.sub div.card-wrap.three img + div,
section.sub div.card-wrap.treat img + div {
    font-size: 1.3em;
    margin-top: 0.75em;
}





/* repeat banner */
section.repeat-banner {
    background-color:#e5e3e3;
    background-image: url('./img/sub-repeat-banner-bg.png');
    background-size: auto 97%;
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-bottom: 80px;
}
section.repeat-banner .inner {
    padding: 80px 0 160px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    grid-gap: 50px;
}
section.repeat-banner .inner img + div {
    display: flex;
    flex-direction: column;
    font-family: var(--pl);
    color: var(--primary);
}
section.repeat-banner .inner img + div small.uppercase {
    display: block;
    color: var(--primary);
    margin: 2em 0;
    font-size: 0.75rem;
    font-weight: 700;
}
section.repeat-banner .inner img + div .banner-title {
    font-size: 3em;
    font-weight: 400;
    line-height: 1.3;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2), -1px -1px 2px #fff;
}
section.repeat-banner .inner img + div .banner-title b {
    font-size: 800;
    color: var(--secondary);
}


/* ëª©í˜‘ì°©ì¦ */
section.sub div.p-wrap {}
section.sub div.p-wrap p {
    font-size: 1.2em;
    font-weight: 500;
}
section.sub div.p-wrap p + p {
    margin-top: 1.5em;
}
section.sub div.p-wrap p span.highlight {
    background-color: #E6EEFF;
    font-weight: 800;
    padding: 0 0.15em;
}

/* ì†ìƒ ë°°ë„ˆ */
section.sub div.banner-damage {
    margin: 40px auto 0;
    width: fit-content;
    border-radius: 200px;
    background-color: #81EFFF;
    background-repeat: no-repeat;
    background-position: bottom -5px left 100px;
    background-size: auto 86%;
    padding: 50px 150px 50px 350px;
    display: flex;
    flex-direction: column;
}
section.sub div.banner-damage h6 {
    font-size: 1.75em;
    margin-bottom: 0.5em;
    letter-spacing: 0.025em;
}
section.sub div.banner-damage p { font-weight: 600 }
section.sub div.banner-damage p b { font-weight: 900 }


/* ì§„ë‹¨ë°©ë²•(ì„íšŒì„±ê±´ì—¼)  */
section.sub div.vs-zone {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    grid-gap: 15px;
    margin: 80px auto 0;
}
section.sub div.vs-zone.m { display:none; }
section.sub div.vs-zone h6 {
    font-size: 1.5em;
    font-weight: 700;
    margin: 1em auto;
}
section.sub div.vs-zone h6 + span.bg-secondary {
    display: block;
    width: fit-content;
    font-size: 1.25em;
    padding: 0.25em 1.5em;
    margin: 0 auto 1.25em;
}

/* íšŒìƒ‰ ë°°ë„ˆ (ì–´ê¹¨íƒˆêµ¬) */
section.sub div.banner-gray {
    width: 90%;
    margin: 80px auto;
    background-color: #F3F3F3;
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: center right 80px;
    padding: 60px 200px 60px 100px;
    display: flex;
    flex-direction: column;
    grid-gap: 1em;
    justify-content: center;
    align-items: flex-start;
}
section.sub div.banner-gray h6 { font-size:1.4em }
section.sub div.banner-gray p { font-size:1em }
section.sub div.banner-gray p b { color:inherit; }


/* ìž¬ë°œì„± íƒˆêµ¬ vs */
section.sub div.vs-zone div.arrow {
    background-color: #fff;
    background-image: url('./img/arrow-before-after.svg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 50px;
    aspect-ratio: 1 / 1;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .3);
    border-radius: 50%;
    z-index: 1;
    position: absolute;
    top: 120px;
}
/* ìž¬ë°œì„± íƒˆêµ¬ ë°°ë„ˆ */
section.sub div.banner-gray.vertical-full {
    background-size: auto 101%;
    background-position: center right;
    padding: 60px 200px 60px 100px;
}

/* ìƒë¶€ê´€ì&nbsp;ˆì™€ìˆœíŒŒì—´ ì§„ë‹¨ */
section.sub.slep-lesion .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 80px auto 0;
    grid-gap: 5px;
}
section.sub.slep-lesion .grid div.img {
    width: 100%;
    aspect-ratio: 5 / 4;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #F8F8F8;
}
section.sub.slep-lesion .grid h6 {
    padding: 0.25em;
}
section.sub.slep-lesion .grid h6 + div {
    height: 6em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* í—ˆë¦¬ë””ìŠ¤í¬ ë‹¨ê³„ */
section.sub.waist-disc .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 80px auto 0;
    grid-gap: 20px;
    width: 90%;
}
section.sub.waist-disc .grid h6 {
    padding: 0.5em;
    font-weight: 700;
}

/* ì²™ì¶”ì¸¡ë§Œì¦ ë‹¨ê³„ */
section.sub.scoliosis div.step {
    display: grid;
    width: 90%;
    margin: 80px auto;
    grid-template-columns: repeat(4, 1fr);
    align-items: flex-start;
    justify-content: center;
    grid-gap: 50px;
}
section.sub.scoliosis div.step img { width:100% }
section.sub.scoliosis div.step h6 {
    margin: 1em auto 0.2em;
    font-weight: 600;
    font-size: 1.1em;
}
section.sub.scoliosis div.step h6 + div {
    padding: 0 1em;
    font-size: 0.9em;
}

/* ì²™ì¶”ì¸¡ë§Œì¦ ì›ì¸ */
section.sub.scoliosis div.label-group.with-tag.tag-korean &gt; div {
    border-radius: 30px;
}
section.sub.scoliosis div.label-group.with-tag.tag-korean &gt; div &gt; span {
    font-size: 1.5em;
    width: 8em;
    border-radius: 30px;
    padding: 1.1em 0.6em;
    letter-spacing:0.05em;
    font-weight: 800;
}
section.sub.scoliosis div.label-group.with-tag.tag-korean &gt; div &gt; span + p {
    line-height: 1.3;
    font-size: 1.18em;
}

/* ëŒ€ìƒí¬ì§„í›„ì‹&nbsp;ê²½í†µ êµì°¨ë¼ë²¨ */
section.sub .label-group.cross-skygray {
    width: fit-content;
    margin: 80px auto 0;
}
section.sub .label-group.cross-skygray &gt; div {
    border-radius: 6em;
    padding: 2em 4em;
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    grid-gap: 2em;
    justify-content: center;
    align-items: center;
}
section.sub .label-group.cross-skygray &gt; div + div { margin-top:20px }

section.sub .label-group.cross-skygray &gt; div:nth-child(odd) { background-color: #CDF6FF; }
section.sub .label-group.cross-skygray &gt; div:nth-child(even) { background-color: #F1F1F1; }

section.sub .label-group.cross-skygray &gt; div h6 { font-size:1.6em; color:#0020c3 !important }
section.sub .label-group.cross-skygray &gt; div p { font-size: 1.15em; }





/* ì¤„ê¸°ì„¸í¬ - ìžê°€ê³¨ìˆ˜ */
section.sub h5.label-caution {
    margin: 3em auto 1em;
    background-color: #FF6666;
    font-weight: 700;
    width: fit-content;
    padding: 0.2em 3em;
    border-radius: 3em;
    letter-spacing: 0.05em;
    font-size: 1.5em;
}
section.sub div.grid.quater.icrs {
    margin: 30px auto;
    grid-gap: 20px;
}
section.sub div.grid.quater.icrs &gt; div {}
section.sub div.grid.quater.icrs &gt; div .bone {
    background-position: center;
    background-size: auto 110%;
    background-repeat: no-repeat;
    background-color: #F4F4F4;
    width: 100%;
    aspect-ratio: 1.1 / 1;
    border-radius: 3px;
}
section.sub div.grid.quater.icrs &gt; div p {
    font-weight: 500;
    font-size: 1.2em;
    margin: 1em auto;
    letter-spacing: 0.05em;
}

section.sub div.grid.quater.icrs &gt; div:nth-child(1) .bone { background-image:url('./img/sub-stemcell-icrs1.png') }
section.sub div.grid.quater.icrs &gt; div:nth-child(2) .bone { background-image:url('./img/sub-stemcell-icrs2.png') }
section.sub div.grid.quater.icrs &gt; div:nth-child(3) .bone { background-image:url('./img/sub-stemcell-icrs3.png') }
section.sub div.grid.quater.icrs &gt; div:nth-child(4) .bone { background-image:url('./img/sub-stemcell-icrs4.png') }

section.sub div.grid.quater.icrs &gt; div.this .bone {
    background-color:#DAF3FF;
    border: 1px solid #FF6666;
}
section.sub div.grid.quater.icrs &gt; div.this p { color:#FF6666; }

/**/
section.sub.dark div.number-circle {
    display: flex;
    flex-direction: row;
    grid-gap: 40px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin: 120px auto 0;
}
section.sub.dark div.number-circle &gt; div {
    position: relative;
}
section.sub.dark div.number-circle &gt; div &gt; span {
    display: flex;
    background-color: #1AE1FF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
    color: var(--tertiary);
    font-size: 1.3em;
    border-radius: 50%;
    width: 2.6em;
    height: 2.6em;
    justify-content: center;
    align-items: center;
    text-align-last: center;
    position: absolute;
    font-weight: 700;
    line-height: 1.0;
    top: -1.3em;
    left: calc(50% - 1.3em);
}
section.sub.dark div.number-circle img { width:280px }
section.sub.dark div.number-circle p { line-height:1.3; margin-top:1em }





/* PRP ë„˜ë²„ë¼ë²¨ */
section.sub.dark div.number-label &gt; div {
    padding: 1.35em 3em;
    border-radius: 20px;
    background-color: #fff;
    display: grid;
    grid-template-columns: 1fr 4fr;
    justify-content: center;
}
section.sub.dark div.number-label &gt; div + div {
    margin-top: 20px;
}
section.sub.dark div.number-label &gt; div &gt; span {
    display: flex;
    background-color: #1AE1FF;
    color: var(--tertiary);
    font-size: 1.5em;
    border-radius: 50%;
    width: 2.6em;
    height: 2.6em;
    justify-content: center;
    align-items: center;
    text-align-last: center;
    font-weight: 700;
    line-height: 1.0;
}
section.sub.dark div.number-label &gt; div &gt; p {
    font-size: 1.15em; font-weight: 500;
}

/* ì‹&nbsp;ê²½ì£¼ì‚¬ì¹˜ë£Œ íŠ¹ì§• */
section.sub.stemcell-nerve .grid.half {
    grid-gap: 30px;
}
section.sub.stemcell-nerve .grid.half &gt; div{
    border-radius: 20px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-gap: 30px;
}
section.sub.stemcell-nerve .grid.half &gt; div.bg-secondary {
    background-color: #ffc62f;
}
section.sub.stemcell-nerve .grid.half &gt; div.bg-emboss {
    background-color: #fff;
    box-shadow: -2px -2px 10px rgba(124,145,213,.5) inset;
}

section.sub.stemcell-nerve .grid.half &gt; div h6 {
    font-size: 1.65em;
    margin-top: 1em;
    line-height: 1.3;
    letter-spacing: 0;
}
section.sub.stemcell-nerve .grid.half &gt; div p {
    font-size: 1.1em;
    font-weight: 500;
    line-height: 1.4;
}

/* ì£¼ì˜ì‚¬í•­(ì‹&nbsp;ê²½ì£¼ì‚¬ì¹˜ë£Œ) */
section.sub.warning div.flex.justify-center {
    grid-gap: 20px;
    flex-wrap: wrap;
    margin: 80px auto 0;
}
section.sub.warning div.flex.justify-center strong {
    display: block;
    font-size: 1.5em;
    text-align: center;
    margin: 0.5em auto;
}
section.sub.warning div.flex.justify-center img + div {
    padding-top: 1em;
}


/* í”„ë¡¤ë¡œ íš¨ê³¼ */
section.sub.prolo .p-wrap.w50 {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 25px;
}
section.sub.prolo .p-wrap.w50 p { margin-bottom:1em }

/* ë¬´ë¦Ž íŒ”ê¿ˆì¹˜ ì†ëª© ì£¼ì‚¬ì¹˜ë£Œ */
section.sub.dark.bg.injection { padding:0 0 80px }
section.sub.dark.bg.injection p.title-eng {
    margin-bottom: 3em;
}
section.sub.dark.bg.injection h3.title {
    line-height: 1.3;
    font-size: 2.2em;
}
section.sub.dark.bg.injection h3.title b {
    background-clip: unset;
    background: unset;
    color: #10f7ff;
}
section.sub.dark.bg.injection h3.title::after {
    content: '';
    display: block;
    width: 100px;
    height: 1px;
    margin: 40px 0;
    background-color: #fff;
}
section.sub.dark.bg.injection p.txt-white {
    font-size: 1.1em;
    font-weight: 300;
}


/* ë³‘ì›ì†Œê°œ  about */
section.sub.about.greeting .inner { grid-gap:100px }
section.sub.about.greeting img { width:30vw }
section.sub.about.greeting .p-wrap p + p { margin-top:1.5em }


/*  ì„œë¸Œ ì˜ë£Œìž¥ë¹„  */
section.sub div.grid.trio.equip {}
section.sub div.grid.trio.equip {
    width: 80%;
    margin: 30px auto 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}
section.sub div.grid.trio.equip .img {
    background-color: #FFF;
    box-shadow: 0 0 15px rgba(109,127,195,.16);
    border-radius: 15px;
    width: inherit;
    aspect-ratio: 5 / 4;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
section.sub div.grid.trio.equip p.equip-name {
    padding: 1.5em 2em;
    font-weight: 700;
    color: var(--primary);
    font-size: 1.1em;
    line-height: 1.5;
}
section.sub div.grid.trio.equip p.equip-name span {
    color: #5ba8ff;
    font-weight: 700;
    font-size: 0.6em;
}






/* ì–´ë“œë¯¼ë°” ì•„ëž˜ë¡œ */
html { margin-top: 0 !important; }
#wpadminbar { top:unset; bottom:0 }</pre></body></html>