@charset "UTF-8";
/* Front */
@import url("https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@700&display=swap");

/* FONT */
@font-face {
    font-family: "Spoqa Han Sans Neo";
    font-weight: 100;
    src: url("./../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.woff2") format("woff2"),
        url("./../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.woff") format("woff"),
        url("./../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.ttf") format("truetype")
}

@font-face {
    font-family: "Spoqa Han Sans Neo";
    font-weight: 300;
    src: url("./../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.woff2") format("woff2"),
        url("./../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.woff") format("woff"),
        url("./../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.ttf") format("truetype")
}

@font-face {
    font-family: "Spoqa Han Sans Neo";
    font-weight: 400;
    src: url("./../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff2") format("woff2"),
        url("./../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff") format("woff"),
        url("./../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.ttf") format("truetype")
}

@font-face {
    font-family: "Spoqa Han Sans Neo";
    font-weight: 500;
    src: url("./../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff2") format("woff2"),
        url("./../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff") format("woff"),
        url("./../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.ttf") format("truetype")
}

@font-face {
    font-family: "Spoqa Han Sans Neo";
    font-weight: 700;
    src: url("./../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff2") format("woff2"),
        url("./../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff") format("woff"),
        url("./../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.ttf") format("truetype")
}

/* RESET */
*,
:after,
:before {
    box-sizing: border-box
}

* {
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

body,
html {
    height: 100%
}

html {
    -webkit-text-size-adjust: 100%
}

body {
    color: #222;
    font-family: Spoqa Han Sans Neo, Apple SD Gothic Neo, '돋움', Dotum, Verdana, Arial, sans-serif;
    line-height: 1.5;
    letter-spacing: -.5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0
}

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

img {
    max-width: 100%
}

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

dd,
dl {
    margin: 0
}

button,
input,
select,
textarea {
    border-radius: 0;
    color: inherit;
    font: inherit
}

textarea {
    overflow: auto
}

table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

fieldset {
    margin: 0;
    padding: 0;
    border: none
}

legend {
    padding: 0
}

/********** COMMON **********/
.row {
    width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}

/********** HEADER **********/
.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 80px;
}

.header::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 0;
    background: url(./../img/header-bg.png) repeat-x 0 0 #fff;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);
    transition: height 0.3s ease;
}

.header>.row {
    position: relative;
}

.header>.row:after {
    content: "";
    display: block;
    clear: both;
}

.header__logo {
    float: left;
    margin-top: 20px;
}

.header__logo a {
    display: block;
    overflow: hidden;
    position: relative;
    width: 139px;
    height: 40px;
    text-indent: 100%;
    white-space: nowrap;
}

.header__logo a::before,
.header__logo a::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s ease;
}

.header__logo a::before {
    background: url("../img/logo-wt.svg") no-repeat;
    opacity: 1;
}

.header__logo a::after {
    background: url("../img/logo-bk.svg") no-repeat;
    opacity: 0;
}

.header__logo.-intro {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    float: none;
}

.header__nav {
    float: left;
    margin-left: 116px;
}

.header__other {
    position: relative;
    float: right;
    padding-right: 56px;
    font-size: 0;
}

.header__other .account {
    display: inline-block;
    margin-top: 29px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    transition: color 0.3s ease;
}

.header__other .account i {
    margin-right: 2px;
    vertical-align: -3px;
}

.header__other .account i svg path {
    transition: fill 0.3s ease;
}

.header__other .menu-open {
    display: block;
    position: absolute;
    top: 24px;
    right: 0;
    padding: 8px 4px;
}

.header__other .menu-open>span {
    display: block;
    width: 24px;
    height: 2px;
    background-color: #fff;
    transition: background-color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

.header__other .menu-open>span+span {
    margin-top: 5px;
}

.header__other .menu-open.active>span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.header__other .menu-open.active>span:nth-child(2) {
    opacity: 0;
}

.header__other .menu-open.active>span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/********** GNB **********/
.gnb {
    position: relative;
}

.gnb>ul>li {
    float: left;
}

.gnb>ul>li>a {
    display: block;
    padding: 28px 20px;
    color: #eee;
    font-size: 16px;
    font-weight: 700;
    transition: color 0.3s ease;
}

.gnb>ul>li>a.hover {
    color: #222 !important;
}

.gnb>ul>li>a.hover+.gnb__sub {
    visibility: visible;
}

/*.gnb > ul > li > a.active { position:relative;color:#b31920 !important; }
.gnb > ul > li > a.active::after { content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#b31920; }*/
.gnb__sub {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: -1;
    height: 0;
    font-size: 0;
    white-space: nowrap;
    transition: height 0.3s ease;
}

.gnb__sub.left {
    left: 0;
}

.gnb__sub.center {
    left: 50%;
    transform: translateX(-50%);
}

.gnb__sub.right {
    right: 0;
}

.gnb__sub>li {
    display: inline-block;
    padding-top: 80px;
}

.gnb__sub>li>a {
    display: block;
    padding: 20px 20px;
    color: #666;
    font-size: 16px;
    transition: color 0.3s ease;
}

.gnb__sub>li>a:hover {
    color: #222;
    font-weight: 700;
}

/*.gnb__sub > li > a.active { color:#b31920;font-weight:700; }*/
.gnb__sub>li>a .icon {
    vertical-align: -3px;
}

.enter:before {
    height: 80px;
}

.enter .header__logo a:before {
    opacity: 0;
}

.enter .header__logo a:after {
    opacity: 1;
}

.enter .gnb>ul>li>a {
    color: #666;
}

.enter .header__other .account {
    color: #666;
}

.enter .header__other .account i svg path {
    fill: #666;
}

.enter .header__other .menu-open>span {
    background-color: #222;
}

.opaque:before {
    height: 80px;
}

.opaque .header__logo a:before {
    opacity: 0;
}

.opaque .header__logo a:after {
    opacity: 1;
}

.opaque .gnb>ul>li>a {
    color: #666;
}

.opaque .header__other .account {
    color: #666;
}

.opaque .header__other .account i svg path {
    fill: #666;
}

.opaque .header__other .menu-open>span {
    background-color: #222;
}

.gnb-enter:before {
    height: 144px;
}

.gnb-enter .gnb__sub {
    height: 144px;
}

/********** SNB **********/
.snb {
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 100%;
    padding-top: 90px;
    background-color: #fff;
    transform: translateY(-100%);
    transition: transform .9s cubic-bezier(.76, 0, .36, 1);
}

.snb__row {
    width: 100%;
    min-height: 50%;
    padding: 40px 0;
}

.snb__row+.snb__row {
    border-top: 1px solid #eee;
}

.snb__menu_1>li {
    float: left;
    width: 278px;
    margin-left: 29px;
}

.snb__menu_1>li:first-child {
    margin-left: 0;
}

.snb__menu_1>li>strong {
    display: block;
    padding: 12px 0;
    font-size: 16px;
    font-weight: 700;
}

.snb__menu_1>li>strong.active {
    color: #b31920;
}

.snb__menu_1:after {
    content: "";
    display: block;
    clear: both;
}

.snb__menu_2>li>a {
    display: block;
    padding: 13px 0 13px 0;
    color: #666;
    font-size: 14px;
    transition: color 0.3s ease;
}

.snb__menu_2>li>a:hover {
    color: #333;
    font-weight: 700;
}

.snb__menu_2>li>a.tree {
    position: relative;
    padding-right: 50px;
}

.snb__menu_2>li>a.tree:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: url(../img/snb-arrow.svg) no-repeat;
    transition: transform 0.3s ease;
}

.snb__menu_2>li>a.expand {
    color: #b31920;
    font-weight: 700;
}

.snb__menu_2>li>a.expand:before {
    transform: rotate(-180deg);
}

.snb__menu_2>li>a.expand:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #b31920;
}

.snb__menu_3 {
    padding: 16px 24px;
    background-color: #fcf6f6;
}

.snb__menu_3>li>a {
    display: block;
    padding: 9px 0;
    color: #666;
    font-size: 14px;
    transition: color 0.3s ease;
}

.snb__menu_3>li>a:hover {
    color: #b31920;
}

.snb__menu_2>li>a.active {
    position: relative;
    color: #b31920;
    font-weight: 700;
}

.snb__menu_2>li>a.active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #b31920;
}

.snb__menu_3>li>a.active {
    color: #b31920;
    font-weight: 700;
}

.snb.open {
    transform: translateY(0);
}

/********** DOCTOR **********/
#doctor {
    position: relative;
    width: 100%;
}

#doctor .profile .fullpage .section {
    background-color: transparent;
}

#doctor .profile .fullpage .section>.fp-tableCell {
    padding-top: 80px;
}

#doctor .profile__inner {
    width: 392px;
}

#doctor .profile__name {
    margin-top: 16px;
    font-size: 0;
    font-weight: 400;
}

#doctor .profile__name>span {
    display: inline-block;
    font-size: 56px;
    letter-spacing: -1.17px;
    vertical-align: top;
}

#doctor .profile__name>span+span {
    margin-left: 16px;
}

#doctor .profile__name b {
    font-weight: 700;
}

#doctor .profile__department {
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    color: #b31920;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    margin: 20px 0 40px;
}

#doctor .profile__section h3 {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.5px;
}

#doctor .profile__education {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 18px;
    line-height: 30px;
}

#doctor .profile__schedule table {
    overflow: hidden;
    width: 100%;
    border-radius: 8px;
}

#doctor .profile__schedule table th,
#doctor .profile__schedule table td {
    text-align: center;
    vertical-align: middle;
}

#doctor .profile__schedule table thead th {
    height: 40px;
    background-color: rgba(255, 255, 255, 1);
    color: #666;
    font-size: 14px;
    font-weight: normal;
}

#doctor .profile__schedule table tbody th,
#doctor .profile__schedule table tbody td {
    height: 56px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.2);
    font-size: 14px;
}

#doctor .profile__schedule table tbody tr:first-child th,
#doctor .profile__schedule table tbody tr:first-child td {
    border-top: none;
}

#doctor .profile__schedule table tbody td>span {
    display: inline-block;
    overflow: hidden;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #b03d41;
    white-space: nowrap;
    text-indent: 100%;
    vertical-align: middle;
}

#doctor .profile__schedule+p {
    margin-top: 8px;
    font-size: 16px;
}

#doctor .profile__img {
    position: absolute;
    left: calc(50% - 95px);
    bottom: 0;
    height: 83.3333%;
}

#doctor .profile__img img {
    display: block;
    width: auto;
    max-width: none;
    height: 100%;
    min-height: 900px;
}

#doctor .profile__tab-nav>ul>li {
    float: left;
    margin-left: 8px;
}

#doctor .profile__tab-nav>ul>li:first-child {
    margin-left: 0;
}

#doctor .profile__tab-nav>ul>li>a {
    display: block;
    height: 40px;
    padding: 0 16px;
    border-radius: 20px;
    background-color: #fff;
    color: #999;
    font-size: 18px;
    line-height: 40px;
}

#doctor .profile__tab-nav>ul>li>a.active {
    background-color: #333;
    color: #fff;
    font-weight: 700;
}

#doctor .profile__tab-nav>ul:after {
    content: "";
    display: block;
    clear: both;
}

#doctor .profile__tab-contents {
    margin-top: 24px;
}

#doctor .profile__tab-content {
    display: none;
    overflow-y: auto;
    height: 320px;
    font-size: 18px;
    line-height: 30px;
}

#doctor .profile__footer {
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

#doctor .profile__footer>a {
    font-size: 18px;
}

#doctor .profile__footer>a:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background: url(../img/ico-arrow-left.svg) no-repeat;
    vertical-align: -5px;
}

#doctor .profile__counsel {
    position: relative;
    width: 100%;
    margin-top: 40px;
    padding: 16px 16px;
    border-radius: 8px;
    background-color: #fcf6f6;
    font-size: 0;
    text-align: center;
}

#doctor .profile__counsel:before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 50%;
    width: 1px;
    height: calc(100% - 16px);
    background-color: #f7e8e8;
}

#doctor .profile__counsel>a {
    display: inline-block;
    font-size: 16px;
    letter-spacing: -1px;
}

#doctor .profile__counsel>a+a {
    margin-left: 58px;
}

#doctor .profile__counsel>a:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 8px;
    vertical-align: -9px;
}

#doctor .profile__counsel>a:first-child:before {
    background: url(../img/ico-aside-counsel.svg) no-repeat;
}

#doctor .profile__counsel>a:last-child:before {
    background: url(../img/ico-aside-reservation.svg) no-repeat;
}

#doctor .profile__scroll {
    margin-top: 80px;
    text-align: center;
}

#doctor .profile__scroll .scroll {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    vertical-align: top;
}

#doctor .profile__scroll .scroll:after {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../img/scroll-arrow.svg) no-repeat;
    animation: scroll-wiggle 1.2s ease infinite;
}

/********** P : MAIN **********/
.home .section {
    position: relative;
}

.home .section .scroll {
    display: block;
    position: absolute;
    bottom: 128px;
    left: 50%;
    z-index: 1;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    transform: translateX(-50%);
}

.home .section .scroll:after {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../img/scroll-arrow.svg) no-repeat;
    animation: scroll-wiggle 1.2s ease infinite;
}

@keyframes scroll-wiggle {
    0% {
        transform: translateY(-4px);
    }

    50% {
        transform: translateY(4px);
    }

    100% {
        transform: translateY(-4px);
    }
}


.nice-select {
    display: block;
    position: relative;
    padding: 0 16px;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    font-weight: normal;
    text-align: left !important;
    user-select: none;
    white-space: nowrap;
    transition: all 0.2s ease-in-out;
    color: inherit;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
    background-color: #ffffff;
    border: 1px solid #222222;
}

.nice-select::after {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    right: 16px;
    margin-top: -8px;
    border-bottom: 1px solid #444444;
    border-right: 1px solid #444444;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transition: all 0.15s ease-in-out;
    pointer-events: none;
}

.nice-select.open::after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
}

.nice-select.open .list {
    margin-top: 1px;
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0);
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
}

.nice-select.disabled {
    pointer-events: none;
    background-color: #dddddd;
    color: #999999;
}

.nice-select .list {
    opacity: 0;
    z-index: 9;
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    margin-top: 2px;
    pointer-events: none;
    transform-origin: 50% 0;
    transform: scale(0.75) translateY(-40px/2);
    -webkit-transform: scale(0.75) translateY(-40px/2);
    -ms-transform: scale(0.75) translateY(-40px/2);
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    color: inherit;
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}

.nice-select .option {
    padding: 0 16px;
    cursor: pointer;
    font-weight: 400;
    list-style: none;
    text-align: left;
    transition: all 0.2s;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    color: inherit;
}

.nice-select .option.selected {
    color: inherit;
}

.nice-select .option.disabled {
    background-color: transparent;
    cursor: default;
}

.no-csspointerevents .nice-select .list {
    display: none;
}

.no-csspointerevents .nice-select.open .list {
    display: block;
}

.ft-l {
    font-weight: lighter !important;
}

.ft-m {
    font-weight: normal !important;
}

.ft-b {
    font-weight: bold !important;
}

/**::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #ffffff;
}
*::-webkit-scrollbar-button {
    display: none;
}
*::-webkit-scrollbar-track {
    background-color: #ffffff;
}
*::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #dddddd;
}*/

/*****************************************************************************************************/
body,
html {
    color: #333333;
    font-size: 18px;
}

.clear::after {
    content: '';
    display: block;
    clear: both;
}

#div_load_image {
    z-index: 9999;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    padding: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    filter: alpha(opacity=50);
    opacity: alpha*0.5;
    margin: 0 auto;
    text-align: center
}

#div_load_image img {
    width: 48px;
    height: 48px;
}


#wrap {
    position: relative;
    min-width: 1200px;
}

/*common**********************************************************************************************/
.ft32 {
    font-size: 32px !important;
}

.ft24 {
    font-size: 24px !important;
}

.ft16 {
    font-size: 16px !important;
}

.ft14 {
    font-size: 14px !important;
}

.ft12 {
    font-size: 12px !important;
}

.l-left {
    float: left;
}

.l-right {
    float: right;
}

.l-pn {
    padding: 0 !important;
}

.l-mn {
    margin: auto !important;
}

.l-mb8 {
    margin-bottom: 8px !important;
}

.l-mt16 {
    margin-top: 16px !important;
}

.l-mb16 {
    margin-bottom: 16px !important;
}

.l-mt24 {
    margin-top: 24px !important;
}

.l-mb24 {
    margin-bottom: 24px !important;
}

.l-pb32 {
    padding-bottom: 32px !important;
}

.l-mt32 {
    margin-top: 32px !important;
}

.l-mb32 {
    margin-bottom: 32px !important;
}

.l-pb40 {
    padding-bottom: 40px !important;
}

.l-mt40 {
    margin-top: 40px !important;
}

.l-mb40 {
    margin-bottom: 40px !important;
}

.l-mt80 {
    margin-top: 80px !important;
}

.l-mb80 {
    margin-bottom: 80px !important;
}

.l-center {
    max-width: 594px;
    margin: 80px auto 0;
}

/*input,button*****************************************************************************************/
.input {
    position: relative;
}

.input label {
    display: block;
    margin-bottom: 8px;
    color: #333333;
    font-size: 16px;
    font-weight: bold;
}

.input .counter {
    font-size: 14px;
    text-align: right;
}

.input .nice-select {
    width: 100%;
    height: 56px;
    line-height: 54px;
    background-color: #ffffff;
    border-radius: 8px;
    border: solid 1px #dddddd;
    font-size: 16px;
}

.input.nolabel label {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: none;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
}

input[type="text"],
input[type="password"],
select {
    width: 100%;
    height: 56px;
    line-height: 56px;
    border: 1px solid #dddddd;
    border-radius: 8px;
    padding-left: 16px;
    font-size: 16px;
}

input[type="password"]::-ms-reveal {
    display: none;
}

input:disabled {
    background-color: #f6f6f6;
    color: #999999;
}

.input .password-view {
    display: inline-block;
    position: absolute;
    top: 48px;
    right: 16px;
    width: 24px;
    height: 24px;
    overflow: hidden;
    text-indent: 1000%;
    white-space: nowrap;
    background: url("../img/ico-eye.svg") no-repeat center;
    cursor: pointer;
}

.nolabel .password-view {
    top: 15px;
}

.input .password-view.off {
    background: url("../img/ico-eye-slash.svg") no-repeat center;
}

input[type="checkbox"] {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: none;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
}

input[type="checkbox"]+label {
    padding-left: 32px;
    background-repeat: no-repeat;
    background-position: left;
    background-image: url("../img/ico-checkbox.svg");
}

input[type="checkbox"]:checked+label {
    background-image: url("../img/ico-checkbox-active.svg");
}

.radio {
    display: inline-block;
    margin-top: 8px;
    margin-right: 16px;
}

.radio input[type="radio"] {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: none;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
}

.radio input[type="radio"]+label {
    display: inline-block;
    position: relative;
    padding-left: 24px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    font-weight: normal;
}

.radio input[type="radio"]+label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    background-image: url("../img/ico-radio.svg");
}

.radio input[type="radio"]:checked+label::before {
    background-image: url("../img/ico-radio-active.svg");
}

input::placeholder,
select::placeholder,
textarea::placeholder {
    color: #999999;
}

input::-webkit-placeholder,
select::-webkit-placeholder,
textarea::-webkit-placeholder {
    color: #999999;
}

input::-ms-placeholder,
select::-ms-placeholder,
textarea::-ms-placeholder {
    color: #999999;
}

input:focus {
    border: 1px solid #333333;
}

.error {
    border: 1px solid #ff000c !important;
}

.error-alert {
    display: none;
    font-size: 14px !important;
    color: #ff000c !important;
}

.error-color {
    color: #ff000c !important;
}

.file__list .file label,
.file__list .file input {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: none;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
}

.file__list .file {
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin-right: 8px;
    border-radius: 8px;
}

.file__list .file .file-img {
    width: 109px;
    height: 109px;
    background-color: #f6f6f6;
    background-image: url("../img/ico-plus.svg");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.file__list .file .icon {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    border: 0;
    background-color: rgba(0, 0, 0, .6);
    background-image: url("../img/ico-closeW.svg");
    background-repeat: no-repeat;
    background-position: center;
    text-indent: 1000%;
}

.file__list .file.onimg .icon {
    display: block;
}

.file__list .file-desc {
    margin-top: 32px;
    font-size: 14px;
    color: #999999;
}

textarea {
    width: 100%;
    line-height: 24px;
    border: 1px solid #dddddd;
    border-radius: 8px;
    padding: 16px;
    font-size: 16px;
}

.input button {
    height: 56px !important;
    line-height: 54px !important;
}

button {
    width: 100%;
    height: 64px;
    line-height: 64px;
    border: 0;
    border-radius: 8px;
    text-align: center;
}

.btn {
    display: block;
    width: 100%;
    max-width: 300px;
    height: 64px;
    line-height: 65px;
    background-color: #333333;
    color: #ffffff;
    border-radius: 8px;
    text-align: center;
    font-weight: 300;
    cursor: pointer;
}

.btn:hover:not([disabled]) {
    background-color: #222222;
}

.line-btn {
    display: block;
    width: 100%;
    max-width: 300px;
    height: 64px;
    line-height: 65px;
    background-color: #ffffff;
    border: 1px solid #333333;
    border-radius: 8px;
    text-align: center;
}

.line-btn:hover {
    font-weight: bold;
    color: #222222;
}

button:disabled,
.disabled-btn {
    display: block;
    width: 100%;
    max-width: 300px;
    height: 64px;
    line-height: 64px;
    background-color: #eeeeee;
    border: 0;
    color: #cccccc;
    border-radius: 8px;
    text-align: center;
}

.disabled-line-btn {
    max-width: 300px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
    color: #cccccc;
}

.half-btn::after {
    content: "";
    display: block;
    clear: both;
}

.half-btn button {
    float: left;
    width: calc(50% - 4px);
}

.half-btn button.line-btn {
    margin-right: 8px;
    margin-top: 1px;
}

.pencil span {
    display: inline-block;
    line-height: 32px;
    padding-left: 40px;
    background-image: url("../img/ico-pencil.svg");
    background-repeat: no-repeat;
    background-position: top -2px left 0;
    background-size: 32px;
}

/*section*********************************************************************************************/
#section {
    position: relative;
    padding-bottom: 160px;
}

#section.padding {
    padding: 160px 0 120px;
}

#section.padding .head__tab__btn {
    margin-top: 0;
}

#section.padding .center__head {
    margin-top: -80px;
}

/*footer**********************************************************************************************/
#top {
    visibility: hidden;
    position: fixed;
    bottom: 10%;
    right: 5%;
    opacity: 0;
    transition: all 0.35s ease;
}

#top.is-visible {
    visibility: visible;
    opacity: 1;
}

#top a {
    overflow: hidden;
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #eeeeee;
    opacity: .8;
    text-indent: 1000%;
}

#top a::before,
#top a::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 10px;
    height: 1px;
    background-color: #646464;
}

#top a::before {
    left: 30%;
    transform: translateY(-50%) rotate(135deg);
    -webkit-transform: translateY(-50%) rotate(135deg);
    -ms-transform: translateY(-50%) rotate(135deg);
}

#top a::after {
    left: 46%;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
}

#footer {
    width: 100%;
    background-color: #222222;
}

#footer .footer__head {
    width: 100%;
    height: 88px;
    background-color: #333333;
}

#footer .footer__head .terms {
    display: inline-block;
}

#footer .footer__head .terms ul li {
    float: left;
    line-height: 88px;
    margin-right: 40px;
    color: #ffffff;
    font-size: 16px;
}

#footer .footer__head .terms ul li a:hover {
    color: #b31920;
    font-weight: bold;
}

#footer .footer__head .terms ul li a b {
    color: #b31920;
    font-weight: 700;
}

#footer .footer__head .social {
    float: right;
}

#footer .footer__head .social ul li {
    float: left;
    width: 32px;
    padding: 28px 0;
    margin-left: 16px;
}

#footer .footer__cont {
    padding: 64px 0;
}

#footer .footer__cont .footer-logo img {
    width: 166px;
}

#footer .footer__cont .footer__info {
    width: calc(100% - 166px);
    padding-left: 111px;
}

#footer .footer__cont .footer__info ul {
    float: left;
    margin-right: 20px;
}

#footer .footer__cont .footer__info ul:last-child {
    margin-right: 0;
}

#footer .footer__cont .footer__info ul li {
    margin-bottom: 4px;
    line-height: 20px;
    color: #999999;
    font-size: 14px;
}

#footer .footer__cont .footer__info ul li strong,
#footer .footer__cont .footer__info ul li span {
    display: inline-block;
    margin-right: 8px;
}

#footer .footer__cont .footer__info ul li a b {
    color: #ddd;
    font-weight: 700;
}

#footer .footer__cont .footer__info ul li:last-child {
    margin-top: 20px;
}

#footer .copyright {
    padding: 32px 0 56px;
    border-top: 1px solid #444444;
    color: #666666;
    font-size: 12px;
}

/*terms***********************************************************************************************/
#terms {
    padding-top: 80px;
}

#terms .terms__title {
    margin-top: 80px;
    line-height: 42px;
    font-size: 32px;
    font-weight: bold;
}

#terms .terms__title-desc {
    color: #666666;
}

#terms .terms__cont .terms__point {
    margin-bottom: 32px;
    letter-spacing: -.38px;
    color: #b31920;
    font-weight: bold;
}

#terms .terms__cont .terms__cont__tit {
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: bold;
}

/* #terms .terms__cont .tbl_of_conts {
    padding-left: 10px;
    margin-bottom: 72px;
} */

#terms .terms__cont .tbl_of_conts li {
    line-height: 24px;
    font-size: 16px;
    color: #333;
}

#terms .terms__cont .tbl_of_conts li span {
    display: inline-block;
    margin-right: 10px;
}

#terms .terms__cont .terms__desc {
    margin-bottom: 56px;
    line-height: 30px;
}

#terms .terms__cont .terms__desc .terms__txt {
    margin-bottom: 8px;
    color: #666666;
}

#terms .terms__cont .terms__desc .terms__txt:last-child {
    margin-bottom: 0;
}

#terms .terms__cont .terms__desc-num {
    position: relative;
    padding-left: 35px;
}

#terms .terms__cont .terms__desc-num .num {
    position: absolute;
    top: 0;
    left: 11px;
}

/* #terms .terms__cont .terms__list {
    margin-bottom: 56px;
} */

#terms .terms__cont .terms__list li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 8px;
    line-height: 30px;
    color: #666666;
}

#terms .terms__cont .terms__list li::before {
    content: '';
    display: block;
    position: absolute;
    top: 14px;
    left: 12px;
    width: 3px;
    height: 3px;
    background-color: #666666;
}

#terms .terms__cont .terms__list li:last-child {
    margin-bottom: 0;
}

#terms .terms__cont .terms__table {
    width: 100%;
    margin-bottom: 24px;
    border: 1px solid #eeeeee;
    text-align: center;
}

#terms .terms__cont .terms__table.wide {
    width: 1000px;
}

#terms .terms__cont .terms__table tr td {
    line-height: 24px;
}

#terms .terms__cont .terms__table thead tr td {
    line-height: 70px;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    background-color: #f6f6f6;
    font-weight: bold;
}

#terms .terms__cont .terms__table thead tr td:last-child {
    border-right: 0;
}

#terms .terms__cont .terms__table tbody tr td {
    padding: 25px 20px;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    color: #666666;
}

#terms .terms__cont .terms__table tbody tr td:last-child {
    border-right: 0;
}

#terms .terms__cont .terms__table tbody tr.last-child tr {
    border-bottom: 0;
}

#terms .terms__cont .terms__num__list>li {
    margin-bottom: 8px;
    line-height: 30px;
    color: #666666;
}

#terms .terms__cont .terms__num__list>li span {
    display: inline-block;
    width: 30px;
    font-weight: 700;
}

#terms .terms__cont .terms__add__list {
    padding-left: 30px;
}

#terms .terms__cont .terms__add__list>li {
    line-height: 24px;
    font-size: 16px;
    color: #999999;
}

#terms .terms__cont .terms__small__list>li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 8px;
    line-height: 24px;
    letter-spacing: -.44px;
    font-size: 16px;
    color: #666666;
}

#terms .terms__cont .terms__small__list>li::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 12px;
    width: 3px;
    height: 3px;
    background-color: #666666;
}

#terms .terms__cont .date {
    line-height: 24px;
    font-size: 16px;
    color: #222222;
}

#terms .terms__cont .input {
    width: 600px;
    margin-top: 72px;
}

#terms .terms__cont .input .nice-select {
    border: 1px solid #dddddd;
    font-size: 16px;
    color: #999999;
}

/*modal***********************************************************************************************/
.modal {
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
    background-color: rgba(0, 0, 0, 0);
    transition: all .4s ease;
}

.modal .modal_container {
    overflow: hidden;
    z-index: 999;
    opacity: 0;
    width: calc(100% - 48px);
    max-width: 352px;
    transform: translateY(24px);
    -webkit-transform: translateY(24px);
    -ms-transform: translateY(24px);
    transition: all .4s ease;
    line-height: 20px;
    padding: 24px;
    margin: 0 24px;
    border-radius: 8px;
    background-color: #ffffff;
    text-align: center;
    font-size: 16px;
}

.modal#personal .modal_container,
.modal#personal .modal_container {
    max-width: 642px;
    height: 100%;
    max-height: 680px;
}

.modal#terms .modal_container,
.modal#terms .modal_container {
    max-width: 640px;
    height: 100%;
    max-height: 680px;
}

.modal .modal_container .alert>p {
    padding: 16px 0 40px;
}

.modal .modal_container .alert .message-box {
    overflow-y: scroll;
    width: 100%;
    height: 630px;
    padding: 32px 32px 40px;
}

.modal .modal_container .alert .message-box .title {
    font-size: 32px;
    font-weight: bold;
}

.modal .modal_container .alert .message-box .desc {
    color: #666666;
}

.modal .modal_container .alert button {
    width: 100%;
    height: 56px;
    line-height: 56px;
    background-color: #333333;
    border: 0;
    color: #ffffff;
}

.modal .modal_container .dailog .message {
    padding: 40px 0;
}

.modal .modal_container .dailog .input-message {
    padding: 16px 0;
    text-align: left;
}

.modal .modal_container .dailog .input-message b {
    display: block;
    margin-bottom: 8px;
    font-size: 20px;
    color: #333333;
}

.modal .modal_container .dailog input {
    margin-bottom: 24px;
}

.modal .modal_container .dailog button {
    display: inline-block;
    width: calc(49% - 2px);
    background-color: #333333;
    color: #ffffff;
    font-weight: 300;
}

.modal .modal_container .dailog button.line-btn {
    margin-right: 4px;
    background-color: #ffffff;
    border: 1px solid #333333;
    color: #333333;
}

.modal .popup_container {
    overflow: hidden;
    z-index: 999;
    opacity: 0;
    width: calc(100% - 48px);
    max-width: 350px;
    transform: translateY(24px);
    -webkit-transform: translateY(24px);
    -ms-transform: translateY(24px);
    transition: all .4s ease;
    line-height: 20px;
    margin: 0 24px;
}

.modal .popup_container .popup {
    overflow: hidden;
    position: relative;
    width: 100%;
    border-radius: 16px;
}

.modal .popup_container .popup .img img {
    width: 100%;
    max-height: 262px;
    vertical-align: top;
}

.modal .popup_container .popup .navigation {
    z-index: 10;
    position: absolute;
    bottom: 16px;
    right: 16px;
    width: 85px;
    height: 26px;
    padding: 6px 8px;
    border-radius: 13px;
    background-color: rgba(0, 0, 0, 0.3);
}

.modal .popup_container .popup .navigation .swiper-pagination {
    z-index: 100;
    bottom: 4px;
    width: 30px;
    margin: 0 30px;
    font-size: 12px;
    color: #ffffff;
    letter-spacing: 1px;
}

.modal .popup_container .popup .navigation .swiper-pagination .swiper-pagination-total {
    opacity: .4;
}

.modal .popup_container .popup .navigation .swiper-button-prev,
.modal .popup_container .popup .navigation .swiper-button-next {
    z-index: 100;
    background-image: url("../img/ico-arrow-rightW.svg");
    background-size: 14px;
}

.modal .popup_container .popup .navigation .swiper-button-prev {
    left: 4px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.modal .popup_container .popup .navigation .swiper-button-next {
    right: 4px;
}

.modal .popup_container .popup .button {
    height: 56px;
    padding: 16px 12px 0;
    background-color: #ffffff;
}

.modal .popup_container .popup .button .modal-close {
    float: right;
    display: inline-block;
    max-width: 140px;
    height: unset;
    line-height: normal;
    padding-right: 28px;
    border: 0;
    background-color: transparent;
    background-image: url("../img/ico-close.svg");
    background-repeat: no-repeat;
    background-position: top 50% right 0;
    background-size: 24px;
    font-size: 14px;
    letter-spacing: -.88px;
    text-align: right;
}

.modal .popup_container .popup .button .today {
    float: left;
    padding-right: 0;
    padding-left: 28px;
    background-image: url("../img/ico-checkbox.svg");
    background-position: top 50% left 0;
    color: #666666;
    text-align: left;
}

.modal .popup_container .popup .button .today:active {
    background-image: url("../img/ico-checkbox-active.svg");
}

.modal.visible {
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.7);
}

.modal.visible .modal_container {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
}

.modal.visible .popup_container {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
}

.modal.visible .modal_container button {
    cursor: pointer;
}

#onlineLoginConfirm .modal-close {
    overflow: hidden;
    position: absolute;
    top: 24px;
    right: 24px;
    width: 24px;
    height: 24px;
    border: 0;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../img/ico-close.svg");
    white-space: normal;
    text-indent: 100%;
}

/*popup***********************************************************************************************/
#popup {
    overflow-y: scroll;
    height: calc(100% - 120px);
    padding-right: 16px;
    text-align: left;
    font-size: 18px;
}

#popup.popup04 {
    height: calc(100% - 120px);
}

#popup.popup03 {
    display: none;
    height: calc(100% - 175px);
}

#popup.popup02 {
    display: none;
    height: calc(100% - 175px);
}

#popup.popup01 {
    display: none;
    height: calc(100% - 175px);
}

#popup.now {
    height: calc(100% - 175px);
}

#popup.before {
    display: none;
    height: calc(100% - 175px);
}

#popup .popup__title {
    margin-bottom: 8px;
    line-height: 42px;
    font-size: 28px;
    font-weight: bold;
}

#popup .popup__title-desc {
    margin-bottom: 32px;
    color: #666666;
    line-height: 30px;
}

#popup .popup__cont .popup__point {
    letter-spacing: -.38px;
    font-size: 14px;
    color: #b31920;
    font-weight: bold;
}

#popup .popup__cont .popup__cont__tit {
    margin-bottom: 16px;
    font-weight: bold;
}

#popup .popup__cont .popup_of_conts {
    padding-left: 10px;
    margin-bottom: 32px;
}

#popup .popup__cont .popup_of_conts li {
    line-height: 24px;
    font-size: 14px;
    color: #666666;
}

#popup .popup__cont .popup_of_conts li span {
    display: inline-block;
    margin-right: 10px;
}

#popup .popup__cont .popup__desc {
    margin-bottom: 8px;
    line-height: 30px;
    color: #666666;
}

#popup .popup__cont .popup__desc-num {
    position: relative;
    padding-left: 35px;
}

#popup .popup__cont .popup__desc-num .num {
    position: absolute;
    top: 0;
    left: 11px;
}

#popup .popup__cont .popup__desc-num .add li {
    line-height: 24px;
    font-size: 14px;
}

#popup .popup__cont .popup__desc-num .add li span {
    display: inline-block;
    width: 30px;
}

#popup .popup__cont .popup__list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 8px;
    line-height: 30px;
    color: #666666;
}

#popup .popup__cont .popup__list li::before {
    content: '';
    display: block;
    position: absolute;
    top: 15px;
    left: 12px;
    width: 3px;
    height: 3px;
    background-color: #666666;
}

#popup .popup__cont .popup__scroll {
    overflow-x: scroll;
    padding-bottom: 10px;
}

#popup .popup__cont .popup__scroll .popup__table {
    width: 700px;
}

#popup .popup__cont .popup__table {
    border: 1px solid #eeeeee;
    text-align: center;
}

#popup .popup__cont .popup__table.wide {
    width: 1000px;
}

#popup .popup__cont .popup__table tr td {
    line-height: 24px;
}

#popup .popup__cont .popup__table thead tr td {
    line-height: 70px;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    background-color: #f6f6f6;
    font-weight: bold;
}

#popup .popup__cont .popup__table thead tr td:last-child {
    border-right: 0;
}

#popup .popup__cont .popup__table tbody tr td {
    padding: 25px 20px;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    color: #666666;
}

#popup .popup__cont .popup__table tbody tr td:last-child {
    border-right: 0;
}

#popup .popup__cont .popup__table tbody tr.last-child tr {
    border-bottom: 0;
}

#popup .popup__cont .popup__num__list>li {
    margin-bottom: 8px;
    line-height: 30px;
    color: #666666;
}

#popup .popup__cont .popup__num__list>li span {
    display: inline-block;
    width: 30px;
    font-weight: 700;
}

#popup .popup__cont .popup__add__list {
    padding-left: 30px;
}

#popup .popup__cont .popup__add__list>li {
    line-height: 24px;
    font-size: 14px;
    color: #999999;
}

#popup .popup__cont .popup__small__list>li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 8px;
    line-height: 24px;
    letter-spacing: -.44px;
    font-size: 14px;
    color: #666666;
}

#popup .popup__cont .popup__small__list>li::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 12px;
    width: 3px;
    height: 3px;
    background-color: #666666;
}

#popup .popup__cont .date {
    line-height: 24px;
    font-size: 14px;
    color: #222222;
}

#popup~button {
    width: 340px;
    margin: 40px auto 0;
}

/*main************************************************************************************************/
#fp-nav {
    visibility: visible;
    opacity: 1;
}

#fp-nav.is-hidden {
    visibility: hidden;
    opacity: 0;
}

.bright #fp-nav ul li a span,
.bright .fp-slidesNav ul li a span {
    background-color: rgba(255, 255, 255, 0.3);
}

.bright #fp-nav ul li a.active span,
.bright .fp-slidesNav ul li a.active span,
.bright #fp-nav ul li:hover a.active span,
.bright .fp-slidesNav ul li:hover a.active span {
    background-color: #ffffff;
}

.bright #fp-nav ul li .fp-tooltip {
    color: #ffffff;
}

.bright #fp-nav ul li:hover .fp-tooltip {
    color: #ffffff;
}

.section {
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
}

.section__menu {
    z-index: 10;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 112px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(0, 0, 0, 0.16);
}

#section0 .mainSlide {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

#section0 .mainSlide video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#section0 .mainSlide .swiper-slide.black {
    color: #000000;
}

#section0 .mainSlide .swiper-slide.white {
    color: #ffffff;
}

#section0 .mainSlide .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    overflow: hidden;
}

#section0 .mainSlide .swiper-slide .cont {
    position: absolute;
    top: calc(50% - 32px);
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

#section0 .mainSlide .swiper-slide .cont .head {
    line-height: 58px;
    letter-spacing: -2px;
    font-size: 48px;
    font-weight: bold;
    text-shadow: 0 0 16px rgb(0, 0, 0, 0.6);
}

#section0 .mainSlide .swiper-slide .cont .desc {
    margin-top: 24px;
    font-size: 20px;
    line-height: 30px;
    text-shadow: 0 0 16px rgb(0, 0, 0, 0.6);
}

#section0 .mainSlide .swiper-pagination {
    top: calc(50% + 108px);
    bottom: auto;
    left: 50%;
    width: auto;
    font-size: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

#section0 .mainSlide .swiper-pagination-bullet {
    margin: 0 4px;
    transition: all 0.3s ease;
    background: #000000;
}

#section0 .mainSlide .swiper-pagination-bullet.white {
    background: #ffffff;
}


#section0 .mainSlide .swiper-pagination-bullet {
    opacity: .3;
}

#section0 .mainSlide .swiper-pagination-bullet-active {
    opacity: 1;
}

#section0 .menu-btn {
    position: relative;
    padding: 0 17px 0 0;
    margin: 40px 16px 0 0;
}

#section0 .menu-btn:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 24px;
    margin-top: -12px;
    background-color: #666;
}

#section0 .menu-btn a {
    display: block;
    position: relative;
    font-size: 0;
}

#section0 .menu-btn a>span {
    display: inline-block;
    line-height: 30px;
    color: #cccccc;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -1px;
    transition: color .3s ease;
}

#section0 .menu-btn a i {
    display: inline-block;
    margin-left: 4px;
    vertical-align: -8px;
}

#section0 .menu-btn a i svg {
    display: block;
}

#section0 .menu-btn a svg path {
    transition: fill .3s ease;
}

#section0 .menu-btn a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transform-origin: 0 50%;
    transform: scaleX(0);
    transition: transform .3s ease;
}

#section0 .menu-btn a:hover>span {
    color: #fff;
}

#section0 .menu-btn a:hover i svg path {
    fill: #fff;
}

#section0 .menu-btn a:hover:after {
    transform: scaleX(1);
}

#section0 .search__menu {
    margin-top: 32px;
}

#section0 .search__menu .tit {
    float: left;
    margin: 12px 16px 0 0;
    line-height: 24px;
    font-size: 16px;
    color: #ffffff;
}

#section0 .search__menu .search__input {
    float: left;
}

#section0 .search__menu .search__input .input {
    float: left;
    width: 146px;
    margin-right: 8px;
    color: #ffffff;
}

#section0 .search__menu .search__input .input .nice-select {
    width: 100%;
    height: 48px;
    line-height: 48px;
    background-color: rgba(255, 255, 255, .1);
    border: 0;
    color: #ffffff;
    font-size: 16px;
}

#section0 .search__menu .search__input .input .nice-select::after {
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}

#section0 .search__menu .search__input .input .nice-select.open {
    border-radius: 0 0 8px 8px;
    background-color: rgba(255, 2555, 255, .1);
}

#section0 .search__menu .search__input .input .nice-select .list {
    overflow-y: auto;
    top: auto;
    bottom: calc(100% + 1px);
    max-height: calc(48px * 4);
    border-radius: 8px 8px 0 0;
    border: 0;
    background-color: rgba(255, 255, 255, .1);
    color: #ffffff;
    font-size: 16px;
}

#section0 .search__menu .search__input .input .nice-select .list>li:hover {
    background-color: rgba(0, 0, 0, .1);
}

#section0 .search__menu .search__input .input input {
    height: 48px;
    background-color: rgba(255, 255, 255, .1);
    border: 0;
    color: #ffffff;
    font-size: 16px;
}

#section0 .search__menu .search__input .input input::placeholder {
    color: #ffffff;
}

#section0 .search__menu .search__input .choice {
    float: left;
    width: 214px;
}

#section0 .search__menu .search__input .choice .doctor-list2 {
    display: none;
}

#section0 .search__menu .search__input .choice .input {
    width: 100%;
}

#section0 .search__menu button {
    overflow: hidden;
    width: 48px;
    height: 48px;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    background-image: url("../img/ico-searchW.svg");
    text-indent: 1000%;
}

#section1 .swiper-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

#section1 .swiper-slide {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#section1 .txt-box {
    position: relative;
    z-index: 2;
    text-align: center;
}

#section1 .txt-box p {
    margin-bottom: 24px;
    line-height: 58px;
    letter-spacing: -2px;
    font-size: 48px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0 0 16px rgb(0, 0, 0, 0.6);
}

#section1 .txt-box span {
    display: block;
    line-height: 30px;
    font-size: 20px;
    color: #ffffff;
    text-shadow: 0 0 16px rgb(0, 0, 0, 0.6);
}

#section1 .center-btn {
    display: flex;
    position: relative;
    float: left;
    width: 300px;
    height: 112px;
    align-items: center;
}

#section1 .center-btn:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 24px;
    margin-top: -12px;
    background-color: #999
}

#section1 .center-btn:last-child:after {
    display: none;
}

#section1 .center-btn a {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 40px;
    font-size: 0;
}

#section1 .center-btn a .txt {
    display: inline-block;
    position: relative;
    font-size: 20px;
    color: #eee;
    vertical-align: top;
    transition: color .3s ease;
}

#section1 .center-btn a .txt:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transform-origin: 0 50%;
    transform: scaleX(0);
    transition: transform .3s ease;
}

#section1 .center-btn a .txt i {
    display: inline-block;
    margin-right: 6px;
    vertical-align: -9px;
}

#section1 .center-btn a .txt i svg {
    display: block;
}

#section1 .center-btn a .txt i svg path {
    transition: fill .3s ease;
}

#section1 .center-btn a .arrow {
    position: absolute;
    display: block;
    top: 50%;
    right: 40px;
    margin-top: -12px;
}

#section1 .center-btn a .arrow svg path {
    transition: fill .3s ease;
}

#section1 .center-btn a:hover .txt {
    color: #fff;
}

#section1 .center-btn a:hover .txt:after {
    transform: scaleX(1);
}

#section1 .center-btn a:hover .txt i svg path {
    fill: #fff;
}

#section1 .center-btn a:hover .arrow svg path {
    fill: #fff;
}

#section2 {
    justify-content: center;
    align-items: center;
}

#section2>.fp-tableCell {
    padding-top: 80px;
}

#section2 .section__table {
    height: 706px;
}

#section2 .head__tab .tab {
    float: left;
}

#section2 .head__tab .tab li {
    display: inline-block;
    margin-right: 36px;
    letter-spacing: -.61px;
    font-size: 40px;
    color: #cccccc;
    cursor: pointer;
}

#section2 .head__tab .tab li.on {
    border-bottom: 4px solid #333333;
    color: #333333;
    font-weight: bold;
}

#section2 .head__tab .arrow {
    float: right;
    line-height: 68px;
}

#section2 .head__tab .arrow li a {
    padding-right: 36px;
    line-height: 18px;
    letter-spacing: -1.13px;
    font-weight: 500;
    font-size: 18px;
    background-position: right;
    background-repeat: no-repeat;
    background-size: 32px;
    background-image: url("../img/ico-arrow-bar-right.svg");
}

#section2 .head__tab .arrow a span::before {
    top: -3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

#section2 .head__tab .arrow a span::after {
    top: 3px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
}

#section2 .tab__cont {
    padding-top: 44px;
}

#section2 .tab__cont .main__table .tr {
    padding: 32px 0;
    border-bottom: 1px solid #eeeeee;
}

#section2 .tab__cont .main__table .tr:first-child {
    padding: 0 0 32px;
}

#section2 .tab__cont .main__table .tr:last-child {
    border-bottom: 0;
}

#section2 .tab__cont .main__table .tr .tit {
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 20px 0 8px;
    font-size: 24px;
    font-weight: bold;
    color: #333333;
}

#section2 .tab__cont .main__table .tr .cont {
    overflow: hidden;
    min-height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #666666;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

#section2 .tab__cont .main__table .tr .icon {
    display: inline-block;
}

#section2 .tab__cont .main__table .tr .icon p {
    display: inline-block;
    padding: 0 8px;
    margin-right: 12px;
    border-radius: 4px;
    line-height: 32px;
    background-color: #f7e8e8;
    color: #c2474d;
    font-weight: 500;
    font-size: 16px;
}

#section2 .tab__cont .main__table .tr .icon p.normal {
    background-color: #f6f6f6 !important;
    color: #333333 !important;
}

#section2 .tab__cont .main__table .tr .date {
    display: inline-block;
    line-height: 32px;
    font-size: 16px;
    color: #666666;
}

#section2 .tab__cont .main__table .tr .img {
    overflow: hidden;
    float: left;
    width: 356px;
    height: 200px;
    margin-right: 40px;
    border-radius: 16px;
}

#section2 .tab__cont .main__table .tr .img img {
    width: 100%;
    height: 100%;
}

#section2 .tab__cont .main__table .tr .txt {
    float: left;
    width: calc(100% - 396px);
}

#section2 .tab__cont .main__table .tr .txt .date {
    font-size: 16px;
    letter-spacing: -.44px;
    color: #666666;
}

#section2 .tab__cont .review .main__table .tr .txt .date {
    font-size: 18px;
    color: #999999;
}

#section3>.fp-tableCell {
    padding-top: 80px;
}

#section3 .video_area {
    position: relative;
}

#section3 .video_area:before {
    content: "";
    display: block;
    padding-bottom: 56.25%;
}

#section3 .video_area iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #777777;
    height: 100%;
    border: none;
}

#section3 .video_txt {
    padding: 24px 0;
}

#section3 .video_txt>div {
    display: inline-block;
    max-width: 962px;
    font-size: 32px;
    font-weight: bold;
}

#section3 .video_txt a {
    padding-right: 36px;
    line-height: 24px;
    font-weight: bold;
    font-size: 16px;
    color: #b31920;
    background-position: right;
    background-repeat: no-repeat;
    background-size: 32px;
    background-image: url("../img/ico-arrow-bar-rightR.svg");
}

/*rightAlert******************************************************************************************/
#rightAlert {
    z-index: 100;
    position: fixed;
    top: 0;
    right: -420px;
    width: 420px;
    height: 100vh;
    text-align: center;
    transition: all 0.35s ease;
}

#rightAlert.active {
    right: 0;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
}

#rightAlert .right-btn {
    overflow: hidden;
    display: flex;
    position: absolute;
    top: 50%;
    left: -93px;
    z-index: -1;
    width: 93px;
    height: 80px;
    line-height: 20px;
    padding: 0 0 0 40px;
    border-radius: 16px 0 0 16px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(0, 0, 0, 0.12);
    cursor: pointer;
    text-align: right;
    font-size: 16px;
    color: #666666;
    transition: all 0.35s ease;
    align-items: center;
}

.bright #rightAlert .right-btn {
    color: #ffffff;
}

#rightAlert .right-btn::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 28px;
    height: 100%;
    border-right: 1px solid #b31920;
    background-color: #b31920;
    transition: all 0.35s ease;
}

#rightAlert.active .right-btn:before {
    width: 34px;
    border-color: #eee;
    background-color: #fff;
}

#rightAlert .right-btn::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 11px;
    width: 12px;
    height: 12px;
    border-width: 0 0 2px 2px;
    border-color: #ffffff;
    border-style: solid;
    transition: all 0.15s ease-in-out;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
}

#rightAlert .right-btn.close {
    left: -34px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
}

#rightAlert .right-btn.close::after {
    left: 17px;
    border-color: #333333;
    transform: translate(-50%, -50%) rotate(225deg);
    -webkit-transform: translate(-50%, -50%) rotate(225deg);
    -ms-transform: translate(-50%, -50%) rotate(225deg);
}

#rightAlert .top {
    display: flex;
    position: relative;
    height: 100%;
    padding-bottom: 270px;
    background-color: #fff;
    justify-content: center;
    align-items: center;
}

#rightAlert .title {
    padding: 53px 0;
    line-height: 60px;
    letter-spacing: -1.22px;
    font-size: 48px;
}

#rightAlert .tab {
    width: 320px;
    margin: 0 auto;
}

#rightAlert .tab .hospital__tab {
    border-radius: 16px 16px 0 0;
    border: 1px solid #eeeeee;
}

#rightAlert .tab .hospital__tab li {
    float: left;
    width: 33.333%;
    height: 56px;
    line-height: 56px;
    color: #999999;
    cursor: pointer;
}

#rightAlert .tab .hospital__tab li.on {
    border-bottom: 2px solid #b31920;
    font-weight: bold;
    color: #b31920;
}

#rightAlert .tab .hospital__cont .hospital .box {
    border-radius: 0 0 16px 16px;
    border: 1px solid #eeeeee;
    border-top: 0;
}

#rightAlert .tab .hospital__cont .hospital .hours {
    padding: 16px 0;
    border-bottom: 1px solid #eeeeee;
    color: #666666;
}

#rightAlert .tab .hospital__cont .hospital .hours .head {
    display: inline-block;
    width: 48%;
    font-weight: bold;
}

#rightAlert .tab .hospital__cont .hospital .hours .head.am {
    color: #ff7500;
}

#rightAlert .tab .hospital__cont .hospital .hours .head.pm {
    color: #0aa6d3;
}

#rightAlert .tab .hospital__cont .hospital .hours .desc {
    display: inline-block;
    width: 50%;
    text-align: left;
}

#rightAlert .tab .hospital__cont .hospital .closed {
    border-bottom: 0;
}

#rightAlert .tab .hospital__cont .hospital .closed .head {
    color: #999999;
}

#rightAlert .tab .hospital__cont .hospital .offday {
    display: flex;
    width: 100%;
    height: 182px;
    border-radius: 0 0 16px 16px;
    border: 1px solid #eeeeee;
    border-top: 0;
    color: #999999;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    text-align: center;
}

#rightAlert .tab .hospital__cont .hospital a {
    display: block;
    margin-top: 40px;
    line-height: 64px;
    background-color: #b31920;
    border-radius: 8px;
    font-weight: 500;
    color: #ffffff;
}

#rightAlert .visit {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #333333;
}

#rightAlert .visit .tit {
    padding-left: 74px;
    background-repeat: no-repeat;
    background-position: top 50% left 50px;
    background-size: 20px;
    background-image: url("../img/ico-locationG.svg");
    color: #dddddd;
}

#rightAlert .visit ul li {
    position: relative;
    line-height: 28px;
    padding: 16px 50px;
    border-bottom: 1px solid #666666;
    text-align: left;
}

#rightAlert .visit ul li a {
    display: block;
    color: #ffffff;
    font-weight: 700;
}

#rightAlert .visit ul li a::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 50px;
    width: 8px;
    height: 8px;
    margin-left: 2px;
    margin-bottom: 2px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #ffffff;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
}

/*login***********************************************************************************************/
#login {
    width: 392px;
    /*padding: 56px 2px 0;*/
    margin: 0 auto;
}

#login .login__head {
    padding-bottom: 40px;
}

#login .login-day {
    margin-top: 18px;
    color: #444444;
    font-size: 14px;
}

#login .btn,
#login .line-btn {
    max-width: none;
    height: 56px;
    line-height: 56px;
    font-size: 16px;
}

#login .login__social {
    margin: 44px auto 40px;
    text-align: center;
}

#login .login__social p {
    line-height: 24px;
    font-weight: 500;
    font-size: 16px;
}

#login .login__social li {
    float: left;
    width: calc(50% - 8px);
    height: 48px;
    line-height: 50px;
    padding-left: 15px;
    border-radius: 8px;
    font-size: 14px;
    letter-spacing: -.35px;
    background-repeat: no-repeat;
    background-position: top 50% left 24px;
    color: #444444;
    text-align: center;
}

#login .login__social li.kakao {
    margin-right: 16px;
    background-color: rgba(250, 225, 0, 0.2);
    background-image: url("../img/ico-social-kakao.svg");
}

#login .login__social li.never {
    background-color: rgba(0, 185, 0, 0.2);
    background-image: url("../img/ico-social-naver.svg");
}

#login .login__wrap a {
    position: relative;
    float: left;
    width: 50%;
    text-align: center;
    font-size: 14px;
    color: #444444;
}

#login .login__wrap a:first-child::after {
    position: absolute;
    bottom: 3px;
    right: 0;
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #dddddd;
}

/*join************************************************************************************************/
#join {
    margin-top: 0;
}

#join .join__head .step li {
    display: flex;
    float: left;
    width: 28px;
    padding: 3.5px 8px;
    margin-right: 6px;
    background-color: #cccccc;
    border-radius: 50%;
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    justify-content: center;
    align-items: center;
}

#join .join__head .step li.is {
    width: auto;
    background-color: #222222;
    border-radius: 14px;
}

#join .join__head .head-line {
    margin: 40px 0 80px;
    font-size: 32px;
    font-weight: 700;
}

#join .join__cont .join__checkbox {
    padding-bottom: 24px;
    border-bottom: 1px solid #dddddd;
}

#join .join__cont .join__checkbox .check-all {
    padding-bottom: 12px;
    border-bottom: 1px solid #dddddd;
    font-size: 24px;
}

#join .join__cont .join__checkbox>div:not(.check-all) {
    font-size: 16px;
}

#join .join__cont .join__checkbox>div:not(.check-desc) {
    position: relative;
    margin-top: 24px;
}

#join .join__cont .join__checkbox>div:not(.check-desc) label .must {
    color: #b31920;
}

#join .join__cont .join__checkbox>div:not(.check-desc) .more {
    position: absolute;
    top: 10%;
    right: 0;
    color: #999999;
}

#join .join__cont .join__checkbox>div:not(.check-desc) .more::after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 0 1px 3px;
    border-style: solid;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

#join .join__cont .join__checkbox .check-desc {
    padding-left: 30px;
    margin-top: 24px;
    color: #666666;
    letter-spacing: -.43px;
}

#join .join__cont .join-btn {
    margin: 80px auto 0;
}

#join .join__cont .join-btn p {
    padding-bottom: 8px;
    text-align: center;
    font-size: 14px;
}

#join .join__cont .join-btn button {
    margin: 0 auto;
}

#join .join__cont .join__form .input input[id="id"],
#join .join__cont .join__form .input input[id="phone"],
#join .join__cont .join__form .input input[id="phoneChk"],
#join .join__cont .join__form .input input[id="email"] {
    float: left;
    width: calc(100% - 192px);
    margin-right: 8px;
}

#join .join__cont .join__form .input input[id="phoneChk"]+.timer {
    position: absolute;
    top: 49px;
    right: 208px;
    color: #b31920;
}

#join .join__cont .join__form .input .overlap,
#join .join__cont .join__form .input .phonechk {
    float: left;
    width: 184px;
    font-size: 16px;
}

#join .join__cont .join__form .input .input-desc {
    display: block;
    padding-top: 8px;
    color: #999999;
    font-size: 14px;
}

#join .welcome {
    line-height: 32px;
    text-align: center;
}

#join .welcome img {
    display: block;
    margin: 0 auto 42px;
}

#join .movement {
    margin-top: 64px;
}

#join .movement .counsel__btn {
    width: 100%;
    padding: 26px;
    border-radius: 8px;
    background-color: #f7e8e8;
}

#join .movement .counsel__btn>div {
    display: inline-block;
    width: calc(49.2% - .5px);
    padding: 31px 0;
    text-align: center;
}

#join .movement .counsel__btn>div:first-child {
    border-right: 1px solid #ffffff;
}

#join .movement .counsel__btn>div:first-child a {
    background-image: url("../img/ico-counsel.svg");
}

#join .movement .counsel__btn>div:last-child a {
    background-image: url("../img/ico-reservation.svg");
}

#join .movement .counsel__btn>div a {
    padding: 30px 0 30px 48px;
    background-position: left;
    background-repeat: no-repeat;
    color: #222222;
}

#join .movement .line-btn {
    margin: 40px auto 0;
}

#join .login__social {
    margin: 80px auto 0;
    text-align: center;
}

#join .login__social p {
    line-height: 24px;
    font-size: 16px;
    color: #444444;
}

#join .login__social li {
    max-width: 392px;
    height: 48px;
    line-height: 48px;
    margin: 0 auto;
    border-radius: 8px;
    font-size: 14px;
    letter-spacing: -.35px;
    background-repeat: no-repeat;
    background-position: top 50% left 24px;
    color: #444444;
}

#join .login__social li.kakao {
    background-color: rgba(250, 225, 0, 0.2);
    background-image: url("../img/ico-social-kakao.svg");
}

#join .login__social li.never {
    background-color: rgba(0, 185, 0, 0.2);
    background-image: url("../img/ico-social-naver.svg");
}

/*account*********************************************************************************************/
#account .tab__btn {
    border-bottom: 1px solid #eeeeee;
}

#account .tab__btn li {
    display: inline-block;
    width: 49.4%;
    padding-bottom: 16px;
    text-align: center;
}

#account .tab__btn li.is {
    border-bottom: 2px solid #333333;
    font-weight: bold;
    box-sizing: border-box;
}

#account .account__cont {
    margin-top: 40px;
}

#account .account__cont .input .input-desc {
    display: block;
    padding-top: 6px;
    color: #999999;
    font-size: 14px;
}

#account .account__cont .input input[id="phone"],
#account .account__cont .input input[id="phoneChk"] {
    display: inline-block;
    width: calc(100% - 192px);
    margin-right: 8px;
}

#account .account__cont .input input[id="phoneChk"]+.timer {
    position: absolute;
    top: 50px;
    right: 208px;
    color: #b31920;
}

#account .account__cont .input .phonechk {
    float: right;
    width: 184px;
    font-size: 16px;
}

#account .account__cont .account-result {
    text-align: center;
}

#account .account__cont .account-result img {
    display: block;
    margin: 0 auto 40px;
}

#account .account__cont .account-result p {
    line-height: 1.7;
    font-weight: 500;
}

#account .account__cont .account-result .result {
    color: #b31920;
    font-size: 32px;
    font-weight: bold;
}

#account .account__cont .btn {
    margin: 80px auto 0;
}

#account .account__cont .account__cont-desc {
    margin: 40px 0 32px;
    font-size: 24px;
    font-weight: bold;
}

#account .account__cont .account-btn {
    width: 300px;
    margin: 0 auto;
}

/*list-table***************************************/
.lineT {
    border-top: 1px solid #eeeeee !important;
}

.lineB {
    border-bottom: 1px solid #eeeeee !important;
}

.lineN {
    border: 0 !important;
}

.pagenation {
    position: relative;
    height: 30px;
    margin: 30px auto 0;
}

.pagenation ul {
    display: flex;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    justify-content: center;
}

.pagenation ul::after {
    content: "";
    display: block;
    clear: both;
}

.pagenation ul li a {
    float: left;
    width: 34px;
    height: 32px;
    line-height: 32px;
    margin: 0 4px;
    color: #999999;
    text-align: center;
}

.pagenation ul li.on a {
    font-weight: bold;
    color: #333333 !important;
}

.pagenation ul li.before a,
.pagenation ul li.prev a,
.pagenation ul li.after a,
.pagenation ul li.next a {
    overflow: hidden;
    text-indent: 1000%;
    width: 20px;
    height: 32px;
    margin: 0 4px;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: center;
}

.pagenation ul li.before a {
    background-image: url("../img/admin/ico-chevron-double-left.svg");
}

.pagenation ul li.prev a {
    background-image: url("../img/admin/ico-chevron-left.svg");
}

.pagenation ul li.next a {
    background-image: url("../img/admin/ico-chevron-right.svg");
}

.pagenation ul li.after a {
    background-image: url("../img/admin/ico-chevron-double-right.svg");
}

.icon::after {
    content: "";
    display: block;
    clear: both;
}

.icon>span {
    float: left;
    height: 39px;
    line-height: 39px;
    padding: 0 12px;
    background-repeat: no-repeat;
    background-position: top 50% left 12px;
    font-weight: 500;
    font-size: 16px;
}

.icon .area {
    margin-right: 8px;
    background-color: #f5f5f5;
    border-radius: 4px;
}

.icon .cause {
    background-color: rgba(179, 25, 32, 0.04);
    border-radius: 4px;
    color: #b31920;
}

.icon .state {
    float: right;
    padding-left: 36px;
    border-radius: 25px;
    color: #444444;
}

.icon .lock {
    display: inline-block;
    float: left;
    width: 40px;
    height: 40px;
    overflow: hidden;
    text-indent: 1000%;
    white-space: nowrap;
    background: url("../img/ico-lock.svg") no-repeat center;
}

.icon .ask {
    background-color: #fff7d2;
    background-image: url("../img/icon-reservation.svg");
}

.icon .done {
    background-color: #fff2f3;
    background-image: url("../img/icon-reservation-done.svg");
}

.icon .cancel {
    background-color: #f6f6f6;
    background-image: url("../img/icon-reservation-cancel.svg");
}

.icon .call {
    background-color: #fff2f3;
    background-image: url("../img/icon-call-done.svg");
}

.icon .off {
    background-color: #eeeeee;
    background-image: url("../img/icon-call-none.svg");
}

.icon .wat {
    background-color: #fff7d2;
    background-image: url("../img/icon-counsel-wait.svg");
}

.icon .ing {
    background-color: #E8F3F9;
    background-image: url("../img/icon-counsel-ing.svg");
}

.icon .talk {
    background-color: #fff2f3;
    background-image: url("../img/icon-counsel-done.svg");
}

.icon .reg {
    background-color: #fff2f3;
    background-image: url("../img/icon-registration.svg");
}

.icon .regN {
    background-color: #f6f6f6;
    background-image: url("../img/icon-registration-none.svg");
}

.icon .rei {
    background-color: #E8F3F9;
    background-image: url("../img/icon-registration-ing.svg");
    color: #999999;
}

.list__table .tr {
    padding: 40px 0;
    border-bottom: 1px solid #eeeeee;
}

.list__table .tr:last-child {
    border-bottom: 0;
}

.list__table .tr .td {
    float: left;
}

.list__table .tr .td.img {
    overflow: hidden;
    width: 356px;
    height: 200px;
}

.list__table .tr .td.img img {
    width: 100%;
    height: 100%;
}

.list__table .tr .td.txt {
    width: calc(100% - 356px);
    padding-left: 40px;
}

.list__table .tr .tit {
    overflow: hidden;
    line-height: 1.4;
    margin: 16px 0;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -.38px;
}

.list__table .tr .cont {
    overflow: hidden;
    margin-bottom: 16px;
    line-height: 24px;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    color: #666666;
}

.list__table .tr .day,
.list__table .tr .date {
    color: #999999;
}

.list__table .tr .day,
.list__table .tr .date p {
    position: relative;
    display: inline-block;
    padding-right: 10px;
    margin-right: 10px;
    font-size: 16px;
}

.list__table .nodata {
    width: 100%;
    padding: 120px 0 104px;
    text-align: center;
}

.list__table .nodata img {
    display: block;
    margin: 0 auto 24px;
}

.list__table .nodata a {
    margin: 40px auto 0;
}

.list__table .nodata p {
    font-size: 24px;
    color: #333333;
    font-weight: 500;
    letter-spacing: 0;
}

.list__table-detail .thead {
    padding-bottom: 40px;
    border-bottom: 1px solid #eeeeee;
}

.list__table-detail .thead .title {
    margin: 16px 0;
    font-weight: bold;
    font-size: 32px;
}

.list__table-detail .thead .data {
    color: #999999;
}

.list__table-detail .thead .data::after {
    content: "";
    display: block;
    clear: both;
}

.list__table-detail .thead .data p {
    position: relative;
    float: left;
    padding-right: 10px;
    margin-right: 10px;
}

.list__table-detail .thead .data p::after {
    content: '';
    position: absolute;
    top: 4.5px;
    right: 0;
    display: inline-block;
    width: 1px;
    height: 20px;
    background-color: #cccccc;
}

.list__table-detail .thead .data p:last-child::after {
    content: none;
}

.list__table-detail .tbody {
    line-height: 28px;
    padding: 40px 0;
}

.list__table-detail .tbody img {
    display: block;
    margin: 0 auto 16px;
}

.list__table-detail .answer {
    padding: 40px;
    margin: 40px 0;
    background-color: #fcf6f6;
    border-radius: 8px;
    font-weight: 500;
}

.list__table-detail .answer .tit {
    margin-bottom: 24px;
    color: #b31920;
}

.list__table-detail .answer.noanswer .cont {
    color: #999999;
}

.list__checkbox {
    padding: 24px 0;
    margin-top: 40px;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

.list__checkbox>div {
    position: relative;
}

.list__checkbox>div .must {
    color: #b31920;
}

.list__checkbox>div .more {
    position: absolute;
    top: 10%;
    right: 0;
    font-size: 14px;
    color: #999999;
}

.list__checkbox>div .more::after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 0 1px 4px;
    border-style: solid;
    border-width: 1px 1px 0 0;
    border-color: #999999;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.list__guide p {
    color: #999999;
    font-size: 16px;
}

.btn__list {
    padding-top: 24px;
    margin-bottom: 80px;
}

.btn__list .back-list {
    display: inline-block;
    position: relative;
    width: 180px;
    padding-left: 24px;
    text-align: center;
}

.btn__list .back-list::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 51%;
    left: 16px;
    width: 12px;
    height: 12px;
    border-width: 0 0 2px 2px;
    border-color: #333333;
    border-style: solid;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
}

.btn__list .half-btn {
    float: right;
    width: 368px;
}

.btn__list .one-btn {
    float: right;
    width: 180px;
}

/*****************************************************************************************************/
#left__menu {
    position: absolute;
    top: auto;
    left: auto;
    float: left;
    width: 280px;
}

#left__menu.fixed {
    position: fixed;
    top: 80px;
    /* left: 50%; */
    margin-top: 80px;
    /* transform: translateX(-50%); */
    /* -webkit-transform: translateX(-50%); */
    /* -ms-transform: translateX(-50%); */
    /* width: 1200px; */
    z-index: 1;
}

#left__menu.fixed.bottom {
    position: absolute;
    top: auto;
    bottom: 0;
}

#left__menu>ul>li.title>a {
    position: relative;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: -.56px;
}

#left__menu>ul>li.title>a::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 142px;
    height: 1px;
    background-color: #dddddd;
}

#left__menu>ul>li>a {
    display: block;
    height: 56px;
    line-height: 56px;
    font-size: 18px;
    color: #666666;
}

#left__menu>ul>li>a .new {
    display: inline-block;
    height: 16px;
    padding: 3px 4px 0 4px;
    margin: -12px 0 0 1px;
    border-radius: 6px;
    background-color: #b31920;
    color: #fff;
    font-weight: 400;
    font-size: 10px;
    line-height: 1;
    vertical-align: middle;
}

#left__menu>ul>li.on>a {
    position: relative;
    padding-left: 36px;
    font-weight: bold;
    color: #b31920;
}

#left__menu>ul>li:not(.on)>a:hover {
    color: #444444;
    font-weight: bold;
}

#left__menu>ul>li.on>a::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 24px;
    height: 2px;
    margin-right: 12px;
    background-color: #b31920;
}

#left__menu>ul>li>ul {
    padding-left: 36px;
}

#left__menu>ul>li>ul>li>a {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #666666;
}

#left__menu>ul>li>ul>li>a:hover {
    font-weight: 700;
    color: #222222;
}

#left__menu .withdraw a {
    margin-top: 56px;
    color: #999999;
}

#left__menu .logout a {
    display: inline-block;
    padding-right: 24px;
    background-image: url("../img/icon-logout.svg");
    background-repeat: no-repeat;
    background-position: top 50% right 0;
    color: #999999;
}

.column {
    float: right;
    width: 920px;
}

.column .column__head .title {
    font-size: 24px;
    font-weight: bold;
}

.column .column__head .title span {
    color: #b31920;
}

.column .column__head .desc {
    margin-top: 8px;
    color: #666666;
}

.center__head {
    margin: 80px 0 72px;
}

.center__head .title {
    font-size: 32px;
    font-weight: bold;
}

.center__head strong {
    color: #b31920;
}

.center__head .desc {
    margin-top: 4px;
    font-weight: 400;
    color: #666666;
}

.center__head span {
    display: block;
    margin-top: 8px;
    font-size: 16px;
    font-weight: normal;
    color: #999999;
}

.row__head .title {
    display: inline-block;
}

.row__head .title p {
    display: block;
    font-size: 24px;
    font-weight: bold;
}

.row__head .title p strong {
    color: #b31920;
}

.row__head .title span {
    display: block;
    margin-top: 8px;
    font-size: 16px;
    font-weight: normal;
    color: #999999;
}

.row__head a {
    float: right;
}

/*mypage***********************************************************************************************/
#mypage .list__table-detail {
    padding-top: 80px;
}

#mypage .column__head {
    display: flex;
    padding-bottom: 40px;
    border-bottom: 1px solid #eeeeee;
}

#mypage .column__head .info {
    display: inline-block;
}

#mypage .tab__btn {
    padding-top: 24px;
    margin-right: 0;
    margin-left: auto;
}

#mypage .tab__btn li {
    display: inline-block;
    margin-left: 40px;
    font-size: 24px;
    font-weight: bold;
    color: #999999;
    cursor: pointer;
}

#mypage .tab__btn li.is {
    color: #333333;
    border-bottom: 4px solid #333333;
    box-sizing: border-box;
}

#mypage .tab__cont .nodata {
    padding: 40px 0 0;
}

#mypage .tab__cont .nodata img {
    width: 160px;
    margin: 0 auto 24px;
}

#mypage .tab__cont>div {
    display: flex;
}

#mypage .tab__cont .tab__list {
    width: calc(50% - 22px);
}

#mypage .tab__cont .tab__list:first-child {
    margin-right: 44px;
}

#mypage .tab__cont .tab__list .list__title {
    padding: 24px;
    border-radius: 16px 16px 0 0;
}

#mypage .tab__cont1 .tab__list .list__title {
    border: 1px solid #f7e8e8;
    border-bottom: 0;
    background-color: #fcf6f6;
}

#mypage .tab__cont2 .tab__list .list__title {
    border: 1px solid #e9e1dc;
    border-bottom: 0;
    background-color: #f4f0ed;
}

#mypage .tab__cont .tab__list .list__title p {
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
}

#mypage .tab__cont1 .tab__list .list__title p {
    color: #b31920;
}

#mypage .tab__cont2 .tab__list .list__title p {
    color: #795b4c;
}

#mypage .tab__cont .tab__list .list__title p.icon {
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: top 2px left 0;
}

#mypage .tab__cont .tab__list .list__title p.reservation {
    background-image: url("../img/ico-aside-reservation.svg");
}

#mypage .tab__cont .tab__list .list__title p.counsel {
    background-image: url("../img/ico-aside-counsel.svg");
}

#mypage .tab__cont .tab__list .list__title p.customer {
    background-image: url("../img/ico-aside-customer.svg");
}

#mypage .tab__cont .tab__list .list__title p.review {
    background-image: url("../img/ico-aside-review.svg");
}

#mypage .tab__cont .tab__list .list__title a {
    float: right;
    margin-top: 7px;
    margin-right: 6px;
    line-height: 24px;
    font-size: 16px;
    color: #e5939a;
}

#mypage .tab__cont .tab__list .list__title a::after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 0 2px 8px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #e5939a;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

#mypage .tab__cont1 .tab__list .list__title a {
    color: #e5939a;
}

#mypage .tab__cont1 .tab__list .list__title a::after {
    border-color: #e5939a;
}

#mypage .tab__cont2 .tab__list .list__title a {
    color: #b0998c;
}

#mypage .tab__cont2 .tab__list .list__title a::after {
    border-color: #b0998c;
}

#mypage .tab__cont .tab__list .list__table {
    min-height: 490px;
    padding: 0 24px;
    border-radius: 0 0 16px 16px;
    border: 1px solid #eeeeee;
}

#mypage .mypage__form .input .input-desc {
    display: block;
    padding-top: 6px;
    color: #999999;
    font-size: 14px;
}

#mypage .mypage__form .input input[id="phone"],
#mypage .mypage__form .input input[id="phoneNum"],
#mypage .mypage__form .input input[id="phoneChk"],
#mypage .mypage__form .input input[id="email"] {
    display: inline-block;
    width: calc(100% - 192px);
    margin-right: 8px;
}

#mypage .mypage__form .input input[id="phoneChk"]+.timer {
    position: absolute;
    top: 46.5px;
    right: 208px;
    color: #b31920;
}

#mypage .mypage__form .input .overlap,
#mypage .mypage__form .input .phonechk,
#mypage .mypage__form .input .phone-change {
    float: right;
    width: 184px;
    font-size: 16px;
}

#mypage .mypage__form .phone-checkbox {
    display: none;
}

#mypage .login__social {
    padding-top: 32px;
    margin-top: 32px;
    border-top: 1px solid #eeeeee;
}

#mypage .login__social p {
    font-size: 16px;
    font-weight: bold;
}

#mypage .login__social li {
    float: left;
    width: calc(50% - 4px);
    line-height: 48px;
    margin: 0 auto;
    border-radius: 8px;
    font-size: 14px;
    letter-spacing: -.35px;
    background-repeat: no-repeat;
    background-position: top 50% left 24px;
    text-align: center;
    color: #444444;
}

#mypage .login__social li.kakao {
    margin-right: 8px;
    background-color: rgba(250, 225, 0, 0.2);
    background-image: url("../img/ico-social-kakao.svg");
}

#mypage .login__social li.never {
    background-color: rgba(0, 185, 0, 0.2);
    background-image: url("../img/ico-social-naver.svg");
}

#mypage .mypage__checkbox {
    margin-bottom: 80px;
}

#mypage .mypage__checkbox .title {
    padding-bottom: 24px;
    border-bottom: 1px solid #dddddd;
    font-size: 24px;
    font-weight: bold;
}

#mypage .mypage__checkbox>div:not(.check-desc) {
    margin: 24px 0 0;
}

#mypage .mypage__checkbox .check-desc {
    padding: 8px 0 24px 32px;
    border-bottom: 1px solid #dddddd;
    word-break: keep-all;
    color: #666666;
    font-size: 16px;
}

#mypage .mypage__cont .withdrawal-reason {
    display: none;
    margin-top: 16px;
}

#mypage .mypage__cont .withdrawal__info {
    padding: 40px 32px;
    margin: 40px 0 80px;
    border-radius: 8px;
    background-color: #f6f6f6;
}

#mypage .mypage__cont .withdrawal__info .input .th {
    display: block;
    margin-bottom: 8px;
    color: #333333;
    font-weight: bold;
}

#mypage .mypage__cont .withdrawal__info .input .td {
    color: #666666;
    font-size: 16px;
}

#mypage .mypage__cont .withdrawal__info .withdrawal-desc {
    margin-top: 8px;
}

#mypage .mypage__cont .withdrawal__info .withdrawal-desc li {
    position: relative;
    line-height: 1.7;
    padding-left: 11px;
    font-size: 14px;
    color: #999999;
}

#mypage .mypage__cont .withdrawal__info .withdrawal-desc li::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #999999;
}

#mypage .mypage__cont .btn {
    margin: 0 auto;
}

#mypage .online__form .input.l-mb40.lineB {
    padding-bottom: 40px;
}

#mypage .online__form .input .half {
    float: left;
    width: calc(50% - 8px);
}

#mypage .online__form .input .half:first-child {
    margin-right: 16px;
}

#mypage .online__form input:disabled {
    color: #333333;
}

#mypage .online__form .list__checkbox input[type="checkbox"]+label {
    font-size: 16px;
}

/*online**********************************************************************************************/
#rightward__menu {
    overflow: hidden;
    width: 291px;
    float: right;
    border: 1px solid #eeeeee;
    border-radius: 8px;
}

#rightward__menu .current {
    padding: 10px 24px;
    background-color: #b31920;
    color: #ffffff;
    font-size: 14px;
}

#rightward__menu .rightward__history {
    padding: 24px 0;
    margin: 0 24px;
}

#rightward__menu .rightward__history>.icon span {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 8px;
    border-radius: 8px;
    letter-spacing: -.3px;
    font-weight: 500;
    font-size: 13px;
}

#rightward__menu .rightward__history>.icon .center {
    background-color: #eeeeee;
}

#rightward__menu .rightward__history .disease {
    margin-top: 8px;
    letter-spacing: -.64px;
    color: #666666;
}

#rightward__menu .rightward__history .reseration {
    padding-bottom: 24px;
}

#rightward__menu .rightward__history .reseration .name,
#rightward__menu .rightward__history .reseration .icon {
    float: left;
}

#rightward__menu .rightward__history .reseration .name {
    margin-right: 8px;
    line-height: 24px;
    font-size: 18px;
    letter-spacing: -.64px;
    color: #333333;
}

#rightward__menu .rightward__history .reseration .icon span {
    border-radius: 14px;
    height: 26px;
    line-height: 26px;
    font-size: .75rem;
    letter-spacing: -.43px;
}

#rightward__menu .rightward__history .hour {
    position: relative;
    display: inline-block;
    padding-left: 16px;
    margin-left: 14px;
    margin-bottom: -5px;
}

#rightward__menu .rightward__history .hour::after {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 4px;
    left: -16px;
    width: 1px;
    height: 20px;
    background-color: #eeeeee;
    margin: 0 16px;
}

#rightward__menu .rightward__history .hour .manda {
    float: left;
    padding: 4px 8px;
    margin-right: 6px;
    border-radius: 8px;
}

#rightward__menu .rightward__history .hour .manda.am {
    background-color: #fffad7;
    color: #ff7500;
}

#rightward__menu .rightward__history .hour .manda.pm {
    background-color: #e3f5fa;
    color: #0aa6d3;
}

#rightward__menu .rightward__history .hour .time {
    float: left;
    letter-spacing: -.64px;
    color: #666666;
}

#rightward__menu .rightward__history .before {
    margin-top: 8px;
    letter-spacing: -.64px;
    color: #cccccc;
}

#rightward__menu .rightward__info {
    padding: 24px;
}

.output .th {
    margin-bottom: 4px;
    letter-spacing: -.43px;
    font-size: 12px;
    color: #999999;
}

.output .td {
    font-size: 16px;
    letter-spacing: -.57px;
    color: #666666;
}

.content {
    float: left;
    width: 869px;
    margin-right: 40px;
}

.head__tab__btn {
    margin: 80px 0 33px;
}

.head__tab__btn ul li {
    float: left;
    margin-top: 11px;
    margin-right: 32px;
    font-size: 24px;
    color: #999999;
}

.head__tab__btn ul li.is {
    border-bottom: 4px solid #333333;
    color: #333333;
}

.head__tab__btn>a {
    float: right;
}

.search p {
    display: block;
    padding-left: 3px;
    margin: 16px 0;
    font-size: 16px;
    color: #999999;
}

.search-box {
    margin-bottom: 40px;
}

.search-box .nice-select {
    float: left;
    width: 140px;
    height: 56px;
    line-height: 56px;
    margin-right: 8px;
    background-color: #ffffff;
    border-radius: 8px;
    border: solid 1px #dddddd;
    font-size: 16px;
}

.search-box .search-txt {
    float: left;
    position: relative;
    width: 345px;
}

.search-box .input {
    float: left;
    margin-right: 8px;
}

.search-box button {
    display: inline-block;
    width: 56px;
    height: 56px;
    border-radius: 8px;
    background-color: #f6f6f6;
    background-image: url("../img/ico-search.svg");
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: 1000%;
    white-space: nowrap;
}

.search-select {
    margin-bottom: 40px;
}

.search-select .nice-select {
    width: 240px;
    height: 56px;
    line-height: 56px;
    margin-right: 8px;
    background-color: #ffffff;
    border-radius: 8px;
    border: solid 1px #dddddd;
    font-size: 16px;
}

#online .contents.login-alert {
    margin-top: 154px !important;
    text-align: center;
}

#online .contents.login-alert p {
    margin: 40px auto;
    font-size: 24px;
    font-weight: bold;
}

#online .contents.login-alert .half-btn {
    width: 608px;
    margin: 114px auto 0;
}

#online .contents.login-alert .half-btn a {
    float: left;
    width: calc(50% - 4px);
    font-weight: 300;
}

#online .contents.second-visit .title {
    width: 594px;
    margin: 40px auto 0;
}

#online .contents.second-visit .title p {
    margin-bottom: 11px;
    font-size: 24px;
    font-weight: bold;
}

#online .contents.second-visit .title span {
    font-size: 16px;
    color: #999999;
}

#online .input .input-desc {
    padding-top: 8px;
    color: #999999;
    font-size: 14px;
}

#online .contents.second-visit .check-box {
    width: 594px;
    padding: 40px 32px;
    margin: 28px auto 40px;
    border-radius: 8px;
    background-color: #f6f6f6;
}

#online .contents.second-visit .check-box .explain {
    margin-bottom: 40px;
    padding-left: 8px;
    border-left: 2px solid #b31920;
    color: #666666;
    letter-spacing: -.57px;
    font-size: 16px;
}

#online .contents.second-visit .btn {
    margin: 0 auto;
}

#online .contents.second-visit .online_counsel {
    padding: 79px 120px 75px;
    margin-top: 91px;
    background-color: #444444;
    background-image: url("../img/treat_img.png");
    background-repeat: no-repeat;
    background-position: bottom 0 right 24px;
    border-radius: 8px;
    color: #ffffff;
}

#online .contents.second-visit .online_counsel .l-left span {
    display: block;
    line-height: 20px;
    font-size: 14px;
    font-weight: 300;
    color: #cccccc;
}

#online .contents.second-visit .online_counsel .l-right a {
    display: inline-block;
    width: 312px;
    height: 56px;
    line-height: 24px;
    padding: 16px 24px;
    border: 1px solid #ffffff;
    border-radius: 8px;
    background: url("../img/ico-arrow-bar-rightW.svg") no-repeat top 50% right 16px;
    font-size: 16px;
}

#online .online__form .input.l-mb40.lineB {
    padding-bottom: 40px;
}

#online .online__form .input .half {
    float: left;
    width: calc(50% - 8px);
}

#online .online__form .input .half:first-child {
    margin-right: 16px;
}

#online .online__form input:disabled {
    color: #333333;
}

#online .online__form .list__checkbox input[type="checkbox"]+label {
    font-size: 16px;
}

/*****************************************************/
.wide .red {
    color: #b31920 !important;
}

.wide .white {
    color: #ffffff !important;
}

.wide .wide__head {
    width: 1200px;
    height: 400px;
    padding-top: 160px;
    margin: 0 auto;
    color: #ffffff;
}

.wide .wide__head h2 {
    line-height: 80px;
    font-size: 48px;
    letter-spacing: -1px;
}

.wide .wide__head p {
    font-size: 20px;
    line-height: 30px;
}

.wide .banner {
    width: 100%;
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wide .section_bar {
    width: 100%;
    height: 349px;
    margin-bottom: -349px;
}

.wide .black_bar {
    background-color: #222222;
}

.wide .white_bar {
    height: 480px;
    margin-bottom: -480px;
    background-color: #f6f6f6;
}

.banner {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 100%;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

/*intro**********************************************************************************************/
#intro {
    position: relative;
}

#intro .banner.introduce {
    background-image: url("../img/about/introduce.png");
}

#intro .banner.doctor {
    background-image: url("../img/about/doctor.png");
}

#intro .banner.equipment {
    background-image: url("../img/about/equipment.png");
}

#intro .introduce__cont {
    padding: 80px 0;
}

#intro .introduce__tit {
    line-height: 42px;
    font-size: 32px;
    letter-spacing: -.8px;
}

#intro .introduce__tit+.desc {
    color: #666;
}

#intro .introduce_info {
    padding-bottom: 0;
}

#intro .introduce_info .introduce__tit {
    position: relative;
    margin-bottom: -26px;
}

#intro .introduce_info .swiper-button-prev,
#intro .introduce_info .swiper-button-next {
    position: absolute;
    top: 16px;
    right: 0;
    left: auto;
    width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../img/ico-arrow-bar-right.svg");
    background-size: 32px;
}

#intro .introduce_info .swiper-button-prev {
    right: 56px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    box-sizing: content-box;
}

#intro .introduce_info .swiper-button-next::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -28px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 1px;
    height: 16px;
    margin: 0 16px;
    background-color: #444444;
}

#intro .introduce_info .swiper-button-prev::after,
#intro .introduce_info .swiper-button-next::after {
    content: none;
}


#intro .introduce_info .hospital {
    position: relative;
    width: 100%;
    height: 480px;
    margin-top: 69px;
    box-sizing: content-box;
    overflow: hidden;
    border-radius: 16px;
}

#intro .introduce_info .hospital .swiper-slide {
    border-radius: 16px;
    background-color: #272727;
}

#intro .introduce_info .hospital>.swiper-pagination {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200px;
    height: 480px;
    border-radius: 16px 0 0 16px;
    backdrop-filter: blur(20px);
}

#intro .introduce_info .hospital>.swiper-pagination .swiper-pagination-bullet {
    width: 100%;
    height: 33.333%;
    padding: 50px 0 0 32px;
    margin: 0;
    border-radius: 0;
    background-color: rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .5);
    text-align: left;
    opacity: 1;
}

#intro .introduce_info .hospital>.swiper-pagination .swiper-pagination-bullet p {
    margin-bottom: 4px;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.56px;
}

#intro .introduce_info .hospital>.swiper-pagination .swiper-pagination-bullet span {
    display: block;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -.33px;
}

#intro .introduce_info .hospital>.swiper-pagination .swiper-pagination-bullet-active {
    color: rgba(255, 255, 255, 1);
}

#intro .introduce_info .hospital__detail {
    position: relative;
}

#intro .introduce_info .hospital__detail .badge {
    z-index: 1;
    position: absolute;
    bottom: 40px;
    right: 40px;
}

#intro .introduce_info .hospital__detail .badge img {
    display: inline-block;
    margin-left: 8px;
}

#intro .introduce__cont>.l-left {
    width: 320px;
}

#intro .introduce__cont>.l-right {
    width: calc(100% - 320px);
    padding-left: 50px;
}

#intro .introduce__mean {
    padding-bottom: 100px;
}

#intro .introduce__mean .mean {
    line-height: 26px;
}

#intro .introduce__history {
    padding-top: 160px;
}

#intro .introduce__history .history__list {
    position: relative;
}

#intro .introduce__history .history__list .history::before,
#intro .introduce__history .history__list .history::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 130px;
    opacity: 1;
    transition: opacity .1s ease;
}

#intro .introduce__history .history__list .history::before {
    top: 0;
    background: linear-gradient(to bottom, #fff, transparent);
}

#intro .introduce__history .history__list .history::after {
    bottom: 0;
    background: linear-gradient(to bottom, transparent, #fff);
}

#intro .introduce__history .history__list .history {
    overflow-y: scroll;
    height: 824px;
    padding-left: 50px;
}

#intro .introduce__history .history__list .history.scroll-top:before {
    opacity: 0;
}

#intro .introduce__history .history__list .history.scroll-bottom:before {
    opacity: 1;
}

#intro .introduce__history .history__list .history.scroll-bottom:before {
    opacity: 1;
}

#intro .introduce__history .history__list .history.scroll-bottom:after {
    opacity: 0;
}


#intro .introduce__history .history__list .history ul li {
    letter-spacing: -.42px;
}

#intro .introduce__history .history__list .history ul li .year {
    position: relative;
    padding-left: 34px;
    color: #999999;
}

#intro .introduce__history .history__list .history ul li .year::before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: -5.5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #666666;
}

#intro .introduce__history .history__list .history ul li .detail {
    padding-left: 34px;
    padding-bottom: 40px;
    border-left: 2px solid #eeeeee;
    font-weight: bold;
    color: #666666;
}

#intro .introduce__history .history__list .history ul li:last-child .detail {
    border-left: 0;
}

#intro .introduce__history .history__list .history::-webkit-scrollbar {
    display: none;
}

#intro .introduce__value {
    padding: 120px 0 80px;
}

#intro .introduce__value .value {
    margin-top: 48px;
}

#intro .introduce__value .value li {
    float: left;
    width: calc(25% - 22.75px);
    margin-right: 30px;
    text-align: center;
}

#intro .introduce__value .value li:last-child {
    margin-right: 0;
}

#intro .introduce__value .value li .circle {
    min-height: 277px;
    padding: 67px 0 0;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1);
}

#intro .introduce__value .value li .txt .num {
    padding: 24px 0 4px;
    letter-spacing: -.38px;
    color: #b31920;
    font-weight: 700;
}

#intro .introduce__value .value li .txt .desc {
    font-size: 24px;
    letter-spacing: -.5px;
}

#intro .introduce__half .half {
    display: flex;
    width: 50%;
    justify-content: center;
    align-items: center;
}

#intro .introduce__half .half .icon {
    width: 80px;
    height: 80px;
}

#intro .introduce__half .half .cont {
    width: calc(100% - 80px);
    padding-left: 40px;
    letter-spacing: -.38px;
}

#intro .introduce__desc {
    padding: 120px 0;
    margin-bottom: 80px;
    background-color: #f4f0ed;
}

#intro .introduce__desc .part {
    display: flex;
    margin-bottom: 80px;
    justify-content: center;
    align-items: center;
}

#intro .introduce__desc .part:last-child {
    margin-bottom: 0;
}

#intro .introduce__desc .part .img {
    overflow: hidden;
    display: flex;
    width: 585px;
    height: 280px;
    border-radius: 16px;
    background-color: #ffffff;
    justify-content: center;
    align-items: center;
}

#intro .introduce__desc .part .txt {
    width: calc(100% - 585px);
}

#intro .introduce__desc .part .img+.txt {
    padding-left: 30px;
}

#intro .introduce__desc .part .txt .tit {
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.56px;
}

#intro .introduce__desc .part .txt .desc {
    letter-spacing: -.42px;
    color: #666666;
}

#intro .introduce__link a {
    float: left;
    width: calc(33.333% - 20px);
    height: 89px;
    line-height: 89px;
    padding-left: 24px;
    border-radius: 8px;
    background-color: #ffffff;
    background-image: url("../img/ico-arrow-right.svg");
    background-repeat: no-repeat;
    background-position: top 50% right 24px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    color: #444444;
}

#intro .introduce__link a:nth-child(2) {
    margin: 0 30px;
}


#intro .intro__tab {
    float: left;
    width: 570px;
    padding-top: 80px;
}

#intro .intro__tab li {
    display: inline-block;
    margin-right: 24px;
    line-height: 64px;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -1px;
    color: #999999;
}

#intro .intro__tab li a {
    display: block;
}

#intro .intro__tab li.is {
    border-bottom: 4px solid #333333;
    color: #333333;
}

#intro .equipment__list {
    position: relative;
    z-index: 1;
}

#intro .equipment__list .equipment {
    margin-bottom: 56px;
}

#intro .equipment__list .equipment::after {
    content: '';
    display: block;
    clear: both;
}

#intro .equipment__list .equipment:last-child {
    margin-bottom: 0;
}

#intro .equipment__list .equipment .img {
    overflow: hidden;
    float: left;
    display: flex;
    width: 480px;
    height: 344px;
    margin-bottom: 32px;
    background-color: #f4f0ed;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
}

#intro .equipment__list .equipment .cont {
    float: left;
    width: calc(100% - 480px);
    padding-left: 40px;
}

#intro .equipment__list .equipment .cont .head .name {
    margin-bottom: 16px;
    line-height: 32px;
    word-break: keep-all;
    font-size: 22px;
    font-weight: 700;
}

#intro .equipment__list .equipment .cont .head .icon p {
    display: inline-block;
    padding: 4px 6px;
    margin: 0 8px 8px 0;
    border-radius: 4px;
    background-color: #f6f6f6;
    font-size: 12px;
}

#intro .equipment__list .equipment .cont .body {
    float: left;
    width: 350px;
}

#intro .equipment__list .equipment .cont .body .desc {
    margin-bottom: 16px;
    line-height: 24px;
    font-size: 16px;
    color: #666666;
    word-break: keep-all;
}

#intro .equipment__list .equipment .cont .body .area p {
    display: inline-block;
    padding-left: 22px;
    margin-right: 4px;
    background: url("../img/ico-locationR.svg") no-repeat left;
    line-height: 20px;
    font-size: 16px;
    font-weight: 700;
}

/*doctor**********************************************************************************************/
#doctor .search {
    position: relative;
    float: right;
}

#doctor .search label {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: none;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
}

#doctor .search .nice-select {
    float: left;
    width: 160px;
    height: 56px;
    line-height: 56px;
    margin-right: 8px;
    background-color: #ffffff;
    border-radius: 8px;
    border: solid 1px #dddddd;
    color: #999999;
    font-size: 16px;
}

#doctor .search input {
    float: left;
    width: 380px;
    margin-right: 8px;
}

#doctor .search button {
    overflow: hidden;
    text-indent: 1000%;
    white-space: nowrap;
    float: left;
    width: 56px;
    height: 56px;
    background-image: url("../img/ico-search.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f6f6f6;
    border: 0;
}

#doctor .list__table {
    display: flex;
    flex-wrap: wrap;
}

#doctor .list__table .list-box {
    width: calc(33.3333% - 25px);
    margin: 58px 25px 0 0;
}

#doctor .list__table .list-box:nth-child(1),
#doctor .list__table .list-box:nth-child(2),
#doctor .list__table .list-box:nth-child(3) {
    margin-top: 40px;
}

#doctor .list__table .list-box:nth-child(3n) {
    margin-right: 0;
}

#doctor .list__table .list-box .list-img {
    overflow: hidden;
    position: relative;
    border-radius: 16px;
    background-color: #f4f0ed;
}

#doctor .list__table .list-box .list-img:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

#doctor .list__table .list-box .list-img img {
    display: block;
    position: absolute;
    bottom: 0;
    left: 37px;
    width: calc(100% - 74px);
    height: auto;
}

#doctor .list__table .list-box .list-img .hover {
    display: flex;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    opacity: 0;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

#doctor .list__table .list-box .list-img:hover .hover {
    visibility: visible;
    opacity: 1;
}

#doctor .list__table .list-box .list-img .hover p {
    letter-spacing: -.33px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
}

#doctor .list__table .list-box .title {
    margin: 24px 0 0;
}

#doctor .list__table .list-box .title .name {
    letter-spacing: -.45px;
}

#doctor .list__table .list-box .title .name b {
    margin-right: 4px;
}

#doctor .list__table .list-box .title .detail {
    display: flex;
}

#doctor .list__table .list-box .title .detail .icon {
    display: inline-block;
    flex: none;
    height: 26px;
    line-height: 26px;
    padding: 0 6px;
    margin-right: 8px;
    border-radius: 4px;
    background-color: #fcf6f6;
    font-size: 12px;
    color: #b31920;
}

#doctor .list__table .list-box .title .detail p {
    display: inline-block;
    padding-top: 2px;
    font-size: 14px;
    color: #666666;
}

/*center**********************************************************************************************/
#center {
    position: relative;
}

#center .banner.glaucoma {
    background-image: url("../img/center/glaucoma.png");
}

#center .banner.retina {
    background-image: url("../img/center/retina.png");
}

#center .banner.dream {
    background-image: url("../img/center/dream.png");
}

#center .banner.dream_plastic {
    background-image: url("../img/center/dream_plastic.png");
}

#center .banner.anterior {
    background-image: url("../img/center/anterior.png");
}

#center .banner.anterior_cataract {
    background-image: url("../img/center/anterior_cataract.png");
}

#center .banner.anterior_vc {
    background-image: url("../img/center/anterior_vc.png");
}

#center .banner.medical {
    background-image: url("../img/center/medical.png");
}

/*****************************************************/
#center .center__cont {
    position: relative;
    float: right;
    width: 920px;
    margin-top: 40px;
    padding: 40px 0 80px;
    border-bottom: 1px solid #eeeeee;
}

#center .center__cont~.center__cont {
    padding: 40px 0 80px;
}

.lineN+.center__cont {
    padding-top: 0 !important;
}

#center .center__cont:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

#center .center__cont .img img {
    vertical-align: top;
}

#center .center__cont .center__tit {
    min-width: 288px;
    line-height: 42px;
    font-size: 32px;
    letter-spacing: -1px;
}

#center .center__cont .desc__tit {
    line-height: 42px;
    font-size: 32px;
    letter-spacing: -.1px;
    color: #333333;
}

#center .center__cont .desc__area {
    float: right;
    width: calc(100% - 288px);
    line-height: 28px;
    letter-spacing: -.8px;
    color: #666666;
}

#center .center__cont .desc__area_s {
    float: right;
    width: calc(100% - 288px);
    line-height: 24px;
    letter-spacing: -.38px;
    font-size: 16px;
    color: #666666;
}

#center .center__cont .desc__area_s .desc+.desc {
    margin-top: 24px;
}

#center .center__cont>.desc {
    letter-spacing: -.42px;
    color: #666666;
}

#center .center__cont .desc__area .desc {
    margin-bottom: 34px;
}

#center .center__cont .desc__area .desc:last-child {
    margin-bottom: 0;
}

#center .center__cont .desc__area .desc__add {
    font-size: 16px;
    letter-spacing: -.38px;
    color: #333333;
}

#center .center__cont .border {
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid #eeeeee;
}

#center .center__cont .bg-color {
    padding: 33px 55px;
    text-align: center;
    border-radius: 16px;
    background-color: rgba(244, 170, 143, .16);
}

#center .center__cont .img__box img {
    width: 100%;
    margin: 0 auto;
    vertical-align: top;
}

#center .center__cont .img__box .name {
    line-height: 35px;
    font-size: 24px;
    font-weight: 500;
}

#center .center__cont .img__box .txt {
    font-size: 16px;
    text-align: center;
    letter-spacing: -.4px;
    color: #666666;
}

#center .center__cont .img__box .txt2 {
    word-break: keep-all;
    font-size: 16px;
    letter-spacing: -.44px;
    color: #666666;
}

#center .center__cont .img__box .txt .name {
    margin-bottom: 4px;
    line-height: 1.4;
    font-size: 18px;
    letter-spacing: -.42px;
    color: #666666;
}

#center .center__cont .img__box .txt .cont {
    display: block;
    line-height: 1.4;
    font-size: 14px;
    letter-spacing: -.33px;
    color: #666666;
}

#center .center__cont .img__box.border p {
    padding: 16px 24px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -.47px;
}

#center .center__cont .img__box.border span {
    display: block;
    padding: 16px 24px;
    line-height: 24px;
    letter-spacing: -.71px;
    font-size: 16px;
    color: #666666;
}

#center .symptom__division .l-left {
    width: calc(50% - 20px);
}

#center .symptom__division .l-left:nth-child(odd) {
    margin-right: 40px;
}

#center .tripartition {
    margin-bottom: 14px;
}

#center .tripartition .l-left {
    width: calc(33.333% - 16px);
    margin-right: 24px;
}

#center .tripartition .l-left:last-child {
    margin-right: 0;
}

#center .center__cont .box__list {
    border-radius: 8px;
    padding: 40px 32px;
    background-color: #f6f6f6;
    font-size: 16px;
    letter-spacing: -.38px;
    color: #666666;
    word-break: keep-all;
}

#center .center__cont .box__list.bg-red {
    background-color: #fcf6f6
}

#center .center__cont .box__list .tit {
    line-height: 26px;
    letter-spacing: -.42px;
    font-weight: bold;
    color: #666666;
}

#center .center__cont .box__list li {
    position: relative;
    padding-left: 7px;
    margin-bottom: 16px;
}

#center .center__cont .box__list li:last-child {
    margin-bottom: 0;
}

#center .center__cont .box__list li::before {
    content: '';
    display: block;
    position: absolute;
    top: 13.5px;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #999999;
    border-radius: 50%;
}

#center .center__cont .line__list {
    padding: 40px 0;
    line-height: 24px;
    font-size: 16px;
    letter-spacing: -.38px;
    color: #666666;
}

#center .center__cont .line__list .tit {
    line-height: 26px;
    letter-spacing: -.42px;
    font-weight: bold;
    color: #666666;
}

#center .center__cont .line__list li {
    position: relative;
    padding-left: 7px;
    margin-bottom: 16px;
    letter-spacing: -.38px;
}

#center .center__cont .line__list li:last-child {
    margin-bottom: 0;
}

#center .center__cont .line__list li::before {
    content: '';
    display: block;
    position: absolute;
    top: 13.5px;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #999999;
    border-radius: 50%;
}

#center .center__cont .circle__list li {
    padding: 32px 0;
    border-bottom: 1px solid #eeeeee;
}

#center .center__cont .circle__list li::after {
    content: '';
    display: block;
    clear: both;
}

#center .center__cont .circle__list li:first-child {
    padding: 0 0 32px;
}

#center .center__cont .circle__list li:last-child {
    padding: 32px 0 0;
    border-bottom: 0;
}

#center .center__cont .circle__list li span {
    float: left;
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 3px 12px 0 0;
    background-color: #333333;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
}

#center .center__cont .circle__list li p {
    float: left;
    display: inline-block;
    width: calc(100% - 44px);
    line-height: 36px;
    font-size: 24px;
    font-weight: bold;
    color: #222222;
}

#center .center__cont .number__list li {
    padding: 8px 0;
}

#center .center__cont .number__list li::after {
    content: '';
    display: block;
    clear: both;
}

#center .center__cont .number__list li:first-child {
    padding: 0 0 8px;
}

#center .center__cont .number__list li:last-child {
    padding: 8px 0 0;
}

#center .center__cont .number__list li span {
    float: left;
    display: inline-block;
    line-height: 36px;
    margin: 0 16px 0 0;
    color: #222222;
    font-weight: 700;
}

#center .center__cont .number__list li p {
    float: left;
    display: inline-block;
    line-height: 36px;
    color: #222222;
}

#center .center__cont .check__list li {
    line-height: 36px;
    padding: 0 0 24px 48px;
    margin-bottom: 24px;
    background-image: url("../img/check_round_green.svg");
    background-repeat: no-repeat;
    background-position: top 2px left 0;
    border-bottom: 1px solid #eeeeee;
    font-size: 24px;
    font-weight: 700;
    color: #222222;
}

#center .center__cont .check__list li:last-child {
    padding: 0 0 0 48px;
    margin-bottom: 0;
    border-bottom: 0;
}

#center .center__cont .check__list.line li {
    padding: 24px 0 24px 48px;
    margin-bottom: 0;
    border-bottom: 1px solid #eeeeee;
    background-position: top 24px left 0;
}

#center .center__cont .check__list.line li:first-child {
    padding: 0 0 24px 48px;
    background-position: top left;
}

#center .center__cont .check__list.line li:last-child {
    padding: 24px 0 0 48px;
    border-bottom: 0;
}

#center .center__cont .check__list li span {
    display: inline-block;
    margin-left: 8px;
    line-height: 36px;
    font-size: 16px;
    color: #666666;
}

#center .center__cont .step__list {
    padding: 14px 0 0;
    border-top: 1px solid #eeeeee;
}

#center .center__cont .cure__kind li {
    position: relative;
    line-height: 24px;
    padding-left: 12px;
    margin-bottom: 11px;
    font-size: 16px;
    color: #666666;
}

#center .center__cont .cure__kind li:last-child {
    margin-bottom: 0;
}

#center .center__cont .cure__kind li::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #b31920;
    border-radius: 50%;
}

#center .center__cont .cure__kind li p {
    font-weight: bold;
    color: #222222;
}

#center .center__cont .step__list li {
    margin-bottom: 15px;
    letter-spacing: -.44px;
    font-size: 16px;
    color: #666666;
}

#center .center__cont .step__list li span {
    display: inline-block;
    margin-right: 21px;
    font-weight: bold;
}

#center .center__cont .step__list li p {
    display: inline-block;
}

#center .center__cont .ul__list li {
    position: relative;
    padding-left: 8px;
    margin-bottom: 16px;
    line-height: 24px;
    font-size: 16px;
    letter-spacing: -.38px;
    color: #222222;
}

#center .center__cont .ul__list li::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #666666;
}

#center .center__cont .ul__list.red li {
    padding-left: 12px;
    line-height: 26px;
    font-size: 18px;
    letter-spacing: -.5px;
}

#center .center__cont .ul__list.red li::before {
    top: 12px;
    background-color: #b31920;
}

#center .center__cont .tin {
    margin-top: 4px;
    line-height: 26px;
    font-size: 16px;
    letter-spacing: -.44px;
    color: #666666;
}

#center .kind__list .kind {
    padding-bottom: 32px;
    border-bottom: 1px solid #eeeeee;
}

#center .kind__list .kind:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

#center .kind__list .kind .sub_sec {
    margin-top: 28px;
    color: #666;
}

#center .kind__list .kind .sub_sec .txt strong {
    display: block;
    margin-bottom: 4px;
    font-size: 18px;
    font-weight: 700;
}

#center .kind__list .kind .sub_sec .txt p {
    font-size: 16px;
    line-height: 24px;
}

#center .kind__list .kind .sub_sec ul:after {
    content: "";
    display: block;
    clear: both;
}

#center .kind__list .kind .sub_sec ul li {
    float: left;
    margin-left: 40px;
}

#center .kind__list .kind .sub_sec ul li:first-child {
    margin-left: 0;
}

#center .kind__list .kind .sub_sec img {
    display: block;
    width: 100%;
    height: auto;
}

#center .kind__list .kind .sub_sec img+.txt {
    margin-top: 16px;
}

#center .kind__list .kind .sub_sec~.sub_sec {
    margin-top: 24px;
}

#center .kind__list .kind .tit {
    line-height: 36px;
    font-size: 24px;
    font-weight: 700;
    color: #333333;
}

#center .kind__list .kind .explain {
    line-height: 24px;
    font-size: 16px;
    color: #666666;
}

#center .kind__list .kind .explain__box {
    padding: 24px;
    border-radius: 8px;
    background-color: #f6f6f6;
    line-height: 24px;
    font-size: 16px;
    color: #666666;
}

#center .kind__list .kind img {
    border-radius: 16px;
}

#center .kind__list .cure {
    margin-top: 40px;
}

#center .kind__list .cure img {
    vertical-align: top;
}

/*****************************************************/
#center .center__cont .swiper {
    overflow: hidden;
    position: relative;
}

#center .swiper-button-prev,
#center .swiper-button-next {
    color: #444444;
}

#center .navigation__tit {
    margin-bottom: -64px;
}

#center .navigation {
    width: 1090px;
    padding-top: 104px;
}

#center .navigation .img {
    display: flex;
    width: 1000px;
    height: 380px;
    background-color: #ffffff;
    box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1);
    justify-content: center;
    align-items: center;
}

#center .navigation .img img {
    width: 100%;
    margin: 0 auto;
}

#center .navigation.lens .img img {
    width: auto;
    max-height: 280px;
}

#center .navigation .swiper-button-prev,
#center .navigation .swiper-button-next {
    position: absolute;
    top: 48px;
    right: 90px;
    left: auto;
    width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../img/ico-arrow-bar-rightW.svg");
    background-size: 32px;
}

#center .navigation .swiper-button-prev {
    right: 138px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    box-sizing: content-box;
}

#center .navigation .swiper-button-next::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -24px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 1px;
    height: 16px;
    margin: 0 16px;
    background-color: #ffffff;
}

#center .navigation .swiper-button-prev::after,
#center .navigation .swiper-button-next::after {
    content: '';
    font-size: 0;
}

#center .navigation .swiper-button-prev::after {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 16px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

/*****************************************************/
#center .center__doctor .center__tit {
    z-index: 10;
    position: absolute;
    top: 40px;
    left: 0;
}

#center .center__doctor .docter__list .info {
    position: absolute;
    bottom: 0;
    left: 0;
}

#center .center__doctor .docter__list .info .name {
    display: inline-block;
    min-width: 230px;
    height: 60px;
    line-height: 60px;
    padding: 0 40px 0 74px;
    margin-right: 8px;
    margin-bottom: 24px;
    border-radius: 30px;
    background-color: #f6f6f6;
    background-repeat: no-repeat;
    background-position: top 50% left 40px;
    background-image: url("../img/ico-center_name.svg");
    font-size: 24px;
    text-align: center;
    letter-spacing: -.48px;
}

#center .center__doctor .docter__list .info .area {
    display: inline-block;
    width: 108px;
    height: 60px;
    line-height: 60px;
    background-color: #fcf6f6;
    border-radius: 30px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #b31920;
    letter-spacing: -.48px;
}

#center .center__doctor .docter__list .info .charge__list {
    width: 420px;
    padding: 0 10px;
}

#center .center__doctor .docter__list .info .charge__list .charge {
    position: relative;
    float: left;
    width: 33.333%;
    text-align: center;
}

#center .center__doctor .docter__list .info .charge__list .charge::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100px;
    background-color: #eeeeee;
}

#center .center__doctor .docter__list .info .charge__list .charge:nth-child(3)::after,
#center .center__doctor .docter__list .info .charge__list .charge:last-child::after {
    content: none;
}

#center .center__doctor .docter__list .info .charge__list .charge .icon {
    display: flex;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#center .center__doctor .docter__list .info .charge__list .charge .icon img {
    margin: 0 auto;
}

#center .center__doctor .docter__list .info .charge__list .charge .tit {
    width: 100%;
    font-family: 'AppleSDGothicNeo';
    letter-spacing: -.42px;
}

#center .center__doctor .docter__list .img {
    float: right;
    height: 500px;
}

#center .center__doctor .docter__list .img img {
    height: 500px;
}

#center .center__doctor .docter__list .swiper-button-prev,
#center .center__doctor .docter__list .swiper-button-next {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    left: auto;
    width: 50px;
    height: 50px;
    border: 1px solid #eeeeee;
    border-radius: 50%;
}

#center .center__doctor .docter__list .swiper-button-prev {
    right: 66px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

#center .center__doctor .docter__list .swiper-button-prev,
#center .center__doctor .docter__list .swiper-button-next {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../img/ico-arrow-right.svg");
}

#center .center__doctor .docter__list .swiper-button-prev::after,
#center .center__doctor .docter__list .swiper-button-next::after {
    content: none;
    font-size: 0;
}

#center .center__doctor .docter__list .swiper-pagination {
    position: absolute;
    bottom: 120px;
    right: 0;
    left: auto;
    width: 70px;
    letter-spacing: -2px;
    color: #666666;
}

#center .center__doctor .docter__list .swiper-pagination-current {
    color: #333333;
    font-weight: bold;
}

#center .center__outfit .txt {
    margin-bottom: 40px;
    line-height: 34px;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.8px;
    color: #333333;
}

#center .center__outfit .outfit__list {
    min-height: 520px;
}

#center .center__outfit .outfit__list.lineB {
    padding-bottom: 40px;
}

#center .center__outfit .outfit__list .swiper-button-prev,
#center .center__outfit .outfit__list .swiper-button-next {
    position: absolute;
    top: 516px;
    left: 0;
    right: auto;
    width: 24px;
    height: 24px;
    background: url("../img/ico-arrow-bar-right.svg") no-repeat center;
}

#center .center__outfit .outfit__list .swiper-button-prev {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

#center .center__outfit .outfit__list .swiper-button-prev::after,
#center .center__outfit .outfit__list .swiper-button-next::after {
    content: '';
    font-size: 0;
}

#center .center__outfit .outfit__list .swiper-button-next {
    left: 96px;
}

#center .center__outfit .outfit__list .swiper-pagination {
    position: absolute;
    top: 492px;
    bottom: auto;
    left: 30px;
    width: 64px;
    color: #999999;
}

#center .center__outfit .outfit__list .swiper-pagination-current {
    color: #222222;
    font-weight: bold;
}

#center .center__outfit .outfit__list .img {
    display: flex;
    width: 100%;
    height: 372px;
    border-radius: 16px;
    background-color: #F4F0ED;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#center .center__outfit .outfit__list .img img {
    max-width: 318px;
    margin: 0 auto;
}

#center .center__outfit .outfit__list .img__big {
    width: 100%;
    height: 372px;
    border-radius: 16px;
}

#center .center__outfit .outfit__list .img__big img {
    width: 100%;
}

#center .center__outfit .outfit__list .info {
    padding: 32px 0 0;
}

#center .center__outfit .outfit__list .info .name {
    width: 48%;
    line-height: 32px;
    font-size: 22px;
    font-weight: 700;
    color: #333333;
}

#center .center__outfit .outfit__list .info .explain {
    width: 52%;
}

#center .center__outfit .outfit__list .info .explain .txt {
    margin-bottom: 0;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    word-break: keep-all;
}

#center .center__outfit .outfit__list .info .explain .txt span {
    display: block;
    margin-top: 8px;
    line-height: 20px;
    font-size: 14px;
    color: #999999;
}

#center .center__outfit .outfit__notice {
    padding: 24px;
    border-radius: 16px;
    background-color: #f6f6f6;
}

#center .center__outfit .outfit__notice li {
    position: relative;
    padding-left: 11px;
    line-height: 20px;
    font-size: 14px;
    letter-spacing: -.44px;
}

#center .center__outfit .outfit__notice li::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #cccccc;
}

#center .center__link .link__list li {
    display: block;
    width: 100%;
    padding: 32px 0;
    border-bottom: 1px solid #eeeeee;
}

#center .center__link .link__list li:first-child {
    padding: 0 0 32px;
}

#center .center__link .link__list li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

#center .center__link .link__list li a {
    display: block;
    width: 100%;
    line-height: 40px;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url("../img/ico-arrow-bar-rightG.svg");
    font-size: 24px;
    font-weight: 700;
    color: #333333;
}

#center .center__link .link__list li a:hover {
    color: #b31920;
    background-image: url("../img/ico-arrow-bar-rightR.svg");
}

#center .center__strength .strength {
    display: flex;
    padding: 40px 0;
    border-bottom: 1px solid #eeeeee;
    align-items: start;
}

#center .center__strength .strength.center {
    align-items: center;
}

#center .center__strength .strength:first-child {
    padding: 0 0 32px;
}

#center .center__strength .strength:last-child {
    padding: 32px 0 0;
    border-bottom: 0;
}

#center .center__strength .strength .icon {
    width: 68px;
    height: 68px;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#center .center__strength .strength .strength__cont {
    width: calc(100% - 68px);
    padding-left: 16px;
}

#center .center__strength .strength .strength__cont .tit {
    line-height: 36px;
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 700;
    color: #333333;
}

#center .center__strength .strength .strength__cont .desc {
    line-height: 24px;
    font-size: 16px;
    color: #666666;
}

#center .center__strength .strength .strength__txt {
    width: calc(100% - 68px);
    padding-left: 22px;
    line-height: 36px;
    font-size: 24px;
    color: #222222;
}

#center .center__strength .strength .strength__txt .explain {
    margin-top: 8px;
    line-height: 24px;
    font-size: 16px;
    font-weight: normal;
    color: #666666;
}

#center .center__strength .strength__column .tit {
    line-height: 36px;
    font-size: 24px;
    font-weight: bold;
    color: #222222;
}

#center .center__strength .strength__column .cont {
    line-height: 28px;
    letter-spacing: -.8px;
    color: #666666;
}

#center .cause__list .cause {
    line-height: 28px;
    letter-spacing: -.8px;
    color: #666666;
}

#center .center__object .desc {
    line-height: 24px;
    font-size: 16px;
    letter-spacing: -.38px;
    color: #666666;
}

#center .center__object .object__list .case {
    padding: 40px 60px 0 0;
}

#center .center__object .object__list .case::after {
    content: '';
    display: block;
    clear: both;
}

#center .center__object .object__list .case .tit {
    float: left;
    width: 40%;
    font-size: 24px;
    font-weight: 700;
}

#center .center__object .object__list .case .explain {
    float: left;
    width: 60%;
    line-height: 32px;
    font-size: 24px;
    letter-spacing: -.8px;
}

#center .center__object .object__list .case .explain .refer {
    display: block;
    margin-top: 8px;
    letter-spacing: -.47px;
    font-size: 14px;
    color: #666666;
}

#center .center__object .object__list .case .txt {
    line-height: 32px;
    font-size: 24px;
    letter-spacing: -.8px;
    color: #666666;
}

#center .center__object .object__list .case .txt b {
    color: #333333;
}

#center .center__object .object__list .case .txt2 {
    line-height: 20px;
    font-size: 14px;
    letter-spacing: -.33px;
    color: #999999;
}

#center .center__object .object__list .case .txt2 b {
    line-height: 26px;
    color: #666666;
    letter-spacing: -.42px;
}

#center .center__object .object__list {
    margin-bottom: 34px;
}

#center .center__object .object__list:last-child {
    margin-bottom: 0;
}

#center .center__object .object__list .object {
    float: left;
    width: calc(33.333% - 22.7px);
    margin-right: 34px;
}

#center .center__object .object__list .object:nth-child(3n) {
    margin-right: 0;
}

#center .center__object .object__list .object .img {
    overflow: hidden;
    height: 208px;
    border-radius: 16px 16px 0 0;
}

#center .center__object .object__list .object .img img {
    width: 100%;
    height: 100%;
}

#center .center__object .object__list .object .txt {
    overflow: hidden;
    height: calc(100% - 208px);
    padding: 16px 0;
    border-radius: 0 0 16px 16px;
    border: 1px solid #eeeeee;
    background-color: #ffffff;
    border-top: 0;
    text-align: center;
    letter-spacing: -.42px;
    color: #666666;
}

#center .center__object .object__list .object .txt b {
    line-height: 26px;
}

#center .center__object .object__list .object .txt span {
    display: block;
    margin-top: 4px;
    font-size: 14px;
    letter-spacing: -.33px;
    color: #999999;
}

#center .center__step .step {
    margin-top: 56px;
}

#center .center__step .step li {
    float: left;
    width: calc(25% - 22.5px);
    margin-right: 30px;
    text-align: center;
}

#center .center__step .step li:last-child {
    margin-right: 0;
}

#center .center__step .step li p {
    line-height: 32px;
    font-size: 24px;
    font-weight: 700;
    color: #b31920;
}

#center .center__item .item__list {
    overflow: hidden;
    margin-top: 34px;
    border-radius: 16px;
    border: 1px solid #eeeeee;
}

#center .center__item .item__list .txt {
    padding: 24px 30px;
}

#center .center__item .item__list .txt p {
    font-size: 20px;
    letter-spacing: -.47px;
}

#center .center__check .check_txt {
    padding-bottom: 40px;
    border-bottom: 1px solid #eeeeee;
}

#center .center__scope .scope__list .scope {
    float: left;
    width: calc(50% - 20px);
    margin-right: 40px;
}

#center .center__scope .scope__list .scope:last-child {
    margin-right: 0;
}

#center .center__scope .scope__list .scope .img {
    overflow: hidden;
    border-radius: 16px;
}

#center .center__scope .scope__list .scope .desc {
    padding: 32px 0;
}

#center .center__scope .scope__list .scope .desc p {
    display: inline-block;
    line-height: 40px;
    font-size: 24px;
    text-align: right;
    color: #333333;
}

#center .center__scope .scope__list .scope .desc p.red {
    width: 25%;
    text-align: left;
}

#center .center__kind .kind__division {
    margin-top: -30px;
}

#center .center__kind .kind__division .kind {
    width: calc(50% - 16px);
    margin-top: 32px;
    border: 1px solid #eeeeee;
    background-color: #ffffff;
}

#center .center__kind .kind__division .kind:nth-child(even) {
    margin: 32px 0 0 32px;
}

#center .center__kind .kind__division .kind img {
    width: 100%;
    vertical-align: top;
}

#center .center__kind .kind__division .kind .name {
    padding: 32px 32px 16px;
    line-height: 32px;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -.8px;
}

#center .center__kind .kind__division .kind .desc {
    padding: 0 32px 32px;
    line-height: 26px;
    color: #666666;
}

#center .center__cure .cure__list .cure.lineN li {
    border-bottom: 0;
}

#center .center__cure .cure__list .cure li {
    margin-bottom: 40px;
}

#center .center__cure .cure__list .cure li:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

#center .center__cure .cure__list li .circle__tit::after {
    content: '';
    display: block;
    clear: both;
}

#center .center__cure .cure__list li .circle__tit span {
    float: left;
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 31px;
    margin-top: -3px;
    margin-right: 8px;
    border-radius: 50%;
    background-color: #333333;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

#center .center__cure .cure__list li .circle__tit.red span {
    background-color: #b31920;
}

#center .center__cure .cure__list li .circle__tit p {
    float: left;
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -.6px;
}

#center .center__cure .cure__list li .circle__tit.red p {
    color: #b31920;
}

#center .center__cure .cure__list li .explain {
    color: #666666;
    font-size: 16px;
    letter-spacing: -.38px;
}

#center .center__cure .cure__list .default__img {
    display: flex;
    width: 100%;
    height: 320px;
    border-radius: 16px;
    background-color: #F4F0ED;
    justify-content: center;
    align-items: center;
}

#center .center__cause .cause__division .img__box {
    width: calc(50% - 20px);
}

#center .center__cause .cause__division .img__box img {
    display: flex;
    width: 100%;
    padding: 40px 18px;
    margin: 0 auto 30px;
    border: 1px solid #eeeeee;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
}

#center .center__cause .cause__division .img__box:nth-child(odd) {
    margin-right: 40px;
}

#center .center__cause .cause__division .img__box p {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -.42px;
    color: #333333;
}

#center .center__note .desc__list li {
    position: relative;
    padding-left: 12px;
    line-height: 24px;
    letter-spacing: -.38px;
    font-size: 16px;
}

#center .center__note .desc__list li::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #b31920;
}

#center .center__table table {
    border: 1px solid #eeeeee;
    color: #666666;
    letter-spacing: -.42px;
}

#center .center__table table caption {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: none;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
}

#center .center__table table thead tr td {
    font-weight: 700;
}

#center .center__table table thead tr td:nth-child(2) {
    background-color: #f6f6f6;
}

#center .center__table table tbody tr:last-child td {
    border-bottom: 0;
}

#center .center__table table tr td {
    height: 60px;
    line-height: 60px;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

#center .center__table table tr td:last-child {
    border-right: 0;
}

#center .center__table .table__explan {
    margin-top: 50px;
    font-size: 16px;
    letter-spacing: -.38px;
    color: #666666;
}

#center .center__table .dream_lens tr td {
    text-align: center;
}

#center .center__table .dream_lens tr td:nth-child(2) {
    background-color: #fcfcfc;
}

#center .center__table .dream_lens tr td.glasses {
    background-color: #f6f6f6;
}

#center .center__table .dream_lens tr td.lens {
    background-color: #444444;
    color: #ffffff;
}

#center .center__table .dream_lens tr td p {
    letter-spacing: -.42px;
    color: #222222;
}

#center .center__table .medical {
    border: none;
    background-color: #f6f6f6;
    border-radius: 16px;
    text-align: left;
}

#center .center__table .medical tr:first-child th,
#center .center__table .medical tr:first-child td {
    padding-top: 40px;
}

#center .center__table .medical tr:last-child th,
#center .center__table .medical tr:last-child td {
    padding-bottom: 40px;
}

#center .center__table .medical tr th {
    padding-left: 40px;
    font-weight: bold;
    letter-spacing: -.38px;
    color: #666666;
    font-size: 16px;
}

#center .center__table .medical tr td {
    padding-left: 24px;
    letter-spacing: -.38px;
    color: #666666;
    font-size: 16px;
}

#center .center__step li {
    float: left;
    width: calc(25% - 18px);
    margin-right: 24px;
}

#center .center__step li:last-child {
    margin-right: 0;
}

#center .center__step .txt p {
    margin-bottom: 4px;
    line-height: 32px;
    font-size: 24px;
}

#center .center__step .explain {
    line-height: 24px;
    font-size: 16px;
    color: #666666;
}

#center .linear .center__cont .desc__area,
#center .linear .center__cont .desc__area_s {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #eeeeee;
}

#center .linear .center__cont .desc__area:last-child,
#center .linear .center__cont .desc__area_s:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

#center .quartered__arrow .img__box {
    position: relative;
    width: calc(25% - 27px);
    margin-right: 34px;
}

#center .quartered__arrow .img__box::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -27px;
    width: 20px;
    height: 20px;
    background: url("../img/center/arrow-rectangle.png") no-repeat center;
}

#center .quartered__arrow .img__box:last-child::after {
    content: none;
}

#center .quartered__arrow .img__box:last-child {
    margin-right: 0;
}

#center .quartered__arrow .img__box .name {
    line-height: 24px;
    font-size: 16px;
    letter-spacing: -.4px;
}

#center .gc-program { line-height:1.5 !important; }
#center .gc-program .tit { display:block;margin-bottom:24px;color:#333;font-weight:700;font-size:24px; }
#center .gc-program .sub-tit { display:block;margin-bottom:20px;color:#333;font-weight:700;font-size:20px; }
#center .gc-program .desc { color:#6a6b6a;font-size:16px; }
#center .gc-program .timeline { margin:32px 0 48px;padding:40px 40px;border-radius:16px;background-color:#f2f4f8; }
#center .gc-program .timeline img { display:block;margin-top:32px; }
#center .gc-program .timeline p { color:#333;font-size:20px; }
#center .gc-program .box-list { display:grid;grid-template-columns:repeat(3, 1fr);gap:12px;margin-bottom:20px; }
#center .gc-program .box-list li { display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:16px;border:1px solid #e3e3e3;padding:32px 16px; }
#center .gc-program .box-list li span { color:#333;font-weight:500;font-size:11px; }
#center .gc-program .box-list li strong { color:#333;font-weight:500;font-size:26px; }
#center .gc-program .box-list li p { margin-top:16px;color:#6a6b6a;font-size:16px; }

.footer-upper-guide {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #707070;
}

.footer-upper-guide p {
    max-width: 1240px;
    margin: 0 auto;
    padding: 12px 20px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.footer-upper-guide p:before {
    content: "ⓘ\a0\a0";
    display: inline-block;
}

/*guide***********************************************************************************************/
#guide {
    position: relative;
}

#guide .banner.seoul {
    background-image: url("../img/guide/seoul.png");
}

#guide .banner.daegu {
    background-image: url("../img/guide/daegu.png");
}

#guide .banner.namyangju {
    background-image: url("../img/guide/namyangju.png");
}

/*****************************************************/
#guide .guide__cont {
    position: relative;
    float: right;
    width: 920px;
    padding: 80px 0 80px;
    border-bottom: 1px solid #eeeeee;
}

#guide .guide__cont~.guide__cont {
    padding-top: 40px;
}

#guide .guide__cont:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

#guide .guide__tit {
    line-height: 42px;
    font-size: 32px;
    letter-spacing: -1px;
}

#guide .guide__tit.l-left {
    width: 288px;
}

#guide .guide__tit span {
    display: block;
    line-height: 1.5;
    margin-top: 8px;
    font-size: 18px;
    letter-spacing: -.39px;
    color: #222222;
}

#guide .guide__cont .desc__area {
    float: left;
    width: calc(100% - 288px);
}

#guide .guide__cont .desc__area .desc__list {
    padding-top: 6px;
}

#guide .guide__cont .desc__area .desc {
    color: #666666;
}

#guide .guide__cont .sat {
    color: #0aa6d3 !important;
}

#guide .guide__cont .sun {
    color: #b31920 !important;
}

#guide .guide__cont .schedule>li {
    padding: 40px 0;
    border-bottom: 1px solid #eeeeee;
}

#guide .guide__cont .schedule>li:first-child {
    padding: 0 0 40px;
}

#guide .guide__cont .schedule>li:last-child {
    padding: 40px 0 0;
    border-bottom: 0;
}

#guide .guide__cont .schedule>li::after {
    content: '';
    display: block;
    clear: both;
}

#guide .guide__cont .schedule>li .week {
    float: left;
    width: 170px;
    font-size: 24px;
    color: #444444;
}

#guide .guide__cont .schedule .doctor {
    float: left;
    width: calc(100% - 170px);
}

#guide .guide__cont .schedule .doctor li {
    position: relative;
    float: left;
    width: 20%;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
}

#guide .guide__cont .schedule .doctor li::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background-color: #eeeeee;
}

#guide .guide__cont .schedule .doctor li:nth-child(6+n) {
    margin-top: 24px;
}

#guide .guide__cont .schedule .doctor li:last-child::after {
    content: none;
}

#guide .guide__cont .schedule>li .time {
    float: left;
    width: calc(100% - 170px);
}

#guide .guide__cont .schedule>li .time .head {
    margin-bottom: 8px;
    font-size: 20px;
    letter-spacing: -.43px;
}

#guide .guide__cont .schedule>li .time .small {
    display: block;
    margin-top: 8px;
    color: #999;
    font-size: 14px;
}

#guide .guide__cont .schedule>li .time .head:first-child:last-child {
    margin-bottom: 0;
    line-height: 36px;
}

#guide .guide__cont .schedule>li .time .closing span {
    float: left;
    display: inline-block;
    height: 31px;
    line-height: 31px;
    padding: 0 8px;
    margin-right: 4px;
    border-radius: 4px;
    background-color: #f6f6f6;
    font-size: 16px;
    letter-spacing: -.34px;
    color: #666666;
}

#guide .guide__cont .schedule>li .time .closing p {
    float: left;
    line-height: 31px;
    font-size: 16px;
    letter-spacing: -.34px;
    color: #666666;
}

#guide .guide__cont .schedule>li .notime {
    font-size: 20px;
    letter-spacing: -.43px;
    color: #999999;
}

#guide .guide__cont .note__box {
    padding: 24px 32px;
    margin: 48px 0;
    border-radius: 8px;
    background-color: #f6f6f6;
}

#guide .guide__cont .note__box:last-child {
    margin-bottom: 0;
}

#guide .guide__cont .note__box .tit {
    margin-bottom: 16px;
    padding-left: 28px;
    background: url("../img/ico-note.svg") no-repeat top 0 left 0;
    color: #666666;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}

#guide .guide__cont .note__box li {
    position: relative;
    padding-left: 9px;
    margin-bottom: 8px;
    color: #999999;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.44px;
}

#guide .guide__cont .note__box li::before {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #999999;
}

/* 220712 진료시간 검색 삭제
#guide .guide__seach .center__seach {
    float: left;
    width: calc(100% - 288px);
}

#guide .guide__seach .center__seach .input {
    display: inline-block;
    float: left;
    width: 307px;
}

#guide .guide__seach .center__seach .input + .input {
    margin-left: 16px;
}

#guide .guide__seach .center__seach button {
    width: 134px;
    height: 56px;
    line-height: 56px;
    border: 1px solid #333333;
    background-color: transparent;
}

#guide .guide__seach .calendar {
    display: none;
    border-radius: 8px;
    border: 1px solid #eeeeee;
}

#guide .guide__seach .calendar > .week {
    background-color: #eeeeee;
    font-weight: 500;
}

#guide .guide__seach .calendar > .week p {
    color: #333;
}

#guide .guide__seach .calendar div:last-child {
    border-top: 1px solid #eeeeee;
}

#guide .guide__seach .calendar div p {
    float: left;
    width: 14%;
    height: 64px;
    color: #666;
    font-weight: 500;
    line-height: 64px;
    text-align: center;
}

#guide .guide__seach .calendar div p .get {
    display: block;
    width: 24px;
    height: 24px;
    margin: 20px auto;
    border-radius: 50%;
    background-color: #b31920;
}

#guide .guide__cont .center .hour__title {
    font-weight: 700;
    font-size: 22px;
    color: #444444;
}
#guide .guide__cont .center .hour-tbl {
    overflow: hidden;
    width: 100%;
    margin: 28px 0 40px;
    border-radius: 8px;
    border: 1px solid #dddddd;

}

#guide .guide__cont .center .hour-tbl table tr td {
    text-align: center;
}

#guide .guide__cont .center .hour-tbl table thead th,
#guide .guide__cont .center .hour-tbl table thead td {
    height: 64px;
    background-color: #dddddd;
    line-height: 24px;
    font-size: 18px;
    color: #333333;
}

#guide .guide__cont .center .hour-tbl table tbody th,
#guide .guide__cont .center .hour-tbl table tbody td {
    height: 64px;
    border-bottom: 1px solid #dddddd;
    line-height: 24px;
    color: #666666;
}

#guide .guide__cont .center .hour-tbl table tbody td {
    font-size: 16px;
}

#guide .guide__cont .center .hour-tbl table tbody tr:last-child th,
#guide .guide__cont .center .hour-tbl table tbody tr:last-child td {
    border-bottom: 0;
}*/

#guide .center__calendar .calendar__tit {
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 700;
    color: #444444;
}

#guide .center__calendar .calendar__tbl {
    overflow: hidden;
    margin-bottom: 40px;
    border-radius: 8px;
    border: 1px solid #dddddd;
    text-align: center;
}

#guide .center__calendar table tr td {
    height: 47px;
    border-bottom: 1px solid #dddddd;
}

#guide .center__calendar table tr:last-child td {
    border-bottom: 0;
}

#guide .center__calendar table thead tr td {
    background-color: #f6f6f6;
    font-size: 18px;
    font-weight: 500;
}

#guide .center__calendar table tbody tr.bg {
    background-color: #fbfbfb;
}

#guide .center__calendar table tbody tr td[rowspan="2"] {
    font-size: 18px;
    color: #666666;
}

#guide .center__calendar table tbody tr td {
    font-size: 16px;
    color: #666666;
}

#guide .center__calendar table tbody tr td .get {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-top: 10px;
    border-radius: 50%;
    background-color: #b31920;
    text-indent: -9999px;
}

#guide .reserve_btn {
    display: block;
    width: 380px;
    height: 64px;
    line-height: 64px;
    margin-top: 40px;
    background-color: #333333;
    border-radius: 8px;
    text-align: center;
    color: #ffffff;
    transition: all .1s ease;
}

#guide .reserve_btn:hover {
    background-color: #222222;
}

#guide .guide__floor .floor__cont {
    padding-top: 24px;
    border-top: 2px solid #222222;
}

#guide .guide__floor .floor__cont .floor__list {
    float: left;
    width: 228px;
}

#guide .guide__floor .floor__cont .floor__list .floor {
    padding: 16px 0;
    border-bottom: 1px solid #eeeeee;
    font-size: 0;
}

#guide .guide__floor .floor__cont .floor__list .floor p {
    line-height: 35px;
    font-size: 16px;
    letter-spacing: -.33px;
}

#guide .guide__floor .floor__cont .floor__list .floor:hover {
    border-bottom: 1px solid #b31920;
    font-weight: bold;
    color: #b31920;
}

#guide .guide__floor .floor__cont .floor__list .floor:first-child {
    padding: 0 0 16px;
}

#guide .guide__floor .floor__cont .floor__list .floor .head {
    display: inline-block;
    width: 64px;
    font-weight: bold;
    vertical-align: top;
}

#guide .guide__floor .floor__cont .floor__list .floor .conts {
    display: inline-block;
    width: calc(100% - 64px);
    line-height: 35px;
    padding-left: 8px;
}

#guide .guide__floor .floor__cont .floor__list .floor .conts span {
    display: block;
    margin-bottom: -20px;
    line-height: 18px;
    font-size: 13px;
    letter-spacing: -.27px;
    color: #999999;
}

#guide .guide__floor .floor__cont .floor__img {
    float: left;
    width: calc(100% - 228px);
    padding-left: 68px;
}

#guide .guide__floor .floor__cont .floor__img .floor div {
    width: 100%;
    height: 624px;
    border-radius: 16px;
    background-color: #f4f0ed;
}

#guide .guide__floor .floor__cont .floor__img .floor div img {
    width: 100%;
    height: 100%;
}

#guide .guide__floor .floor__cont .floor__img .floor .swiper-button-next,
#guide .guide__floor .floor__cont .floor__img .floor .swiper-button-prev {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .1);
}

#guide .guide__floor .floor__cont .floor__img .floor .swiper-button-next {
    right: 16px;
    left: auto;
    background-image: url(../img/guide/floor_slider_next.png);
    background-size: 24px 24px;
}

#guide .guide__floor .floor__cont .floor__img .floor .swiper-button-prev {
    right: auto;
    left: 16px;
    background-image: url(../img/guide/floor_slider_prev.png);
    background-size: 24px 24px;
}

#guide .guide__floor .floor__cont .floor__img .floor p {
    padding-top: 16px;
    font-size: 14px;
    letter-spacing: -.29px;
    color: #666666;
}

#guide .guide__map .map__txt .transportation {
    margin: 0;
}

#guide .guide__map .map__txt .transportation:first-child {
    width: calc(100% - 300px);
    margin-right: 40px !important;
}

#guide .guide__map .map__txt .transportation:last-child {
    width: 260px;
}

#guide .guide__map .map__txt .transportation .tit {
    display: inline-block;
    width: 110px;
    margin-right: 12px;
    line-height: 27px;
    vertical-align: top;
    font-size: 22px;
    font-weight: bold;
    color: #444444;
}

#guide .guide__map .map__txt .transportation .contact {
    display: inline-block;
    line-height: 27px;
    vertical-align: top;
    font-size: 22px;
    font-weight: bold;
    color: #444444;
}

#guide .guide__map .map__txt .transportation .explain {
    display: inline-block;
}

#guide .guide__cont .transportation {
    margin: 80px 0;
}

#guide .guide__cont .transportation:last-child {
    margin: 80px 0 0;
}

#guide .guide__cont .transportation .title {
    display: block;
    padding-bottom: 24px;
    font-size: 22px;
    font-weight: bold;
    border-bottom: 2px solid #222222;
    background-repeat: no-repeat;
    background-position: top 1.5px left 0;
}

#guide .guide__cont .transportation .title.location {
    padding-left: 38px;
    background-image: url("../img/guide/ico-location.svg");
}

#guide .guide__cont .transportation .title.call {
    padding-left: 38px;
    background-image: url("../img/guide/ico-call.svg");
}

#guide .guide__cont .transportation .title.subway {
    padding-left: 38px;
    background-image: url("../img/guide/ico-subway.svg");
}

#guide .guide__cont .transportation .title.bus {
    padding-left: 38px;
    background-image: url("../img/guide/ico-bus.svg");
}

#guide .guide__cont .transportation .title.train {
    padding-left: 38px;
    background-image: url("../img/guide/ico-train.svg");
}

#guide .guide__cont .transportation .title.plane {
    padding-left: 38px;
    background-image: url("../img/guide/ico-plane.svg");
    background-position: top 1px left 1px;
}

#guide .guide__cont .transportation .title.car {
    padding-left: 38px;
    background-image: url("../img/guide/ico-car.svg");
    background-position: top 1px left 2px;
}

#guide .guide__cont .transportation .title strong {
    color: #b31920;
}

#guide .guide__cont .transportation .title .title-desc {
    display: inline-block;
    margin-left: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #999999;
}

#guide .guide__cont .transportation .title .title-explain {
    display: block;
    line-height: 24px;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -.36px;
    color: #999999;
}

#guide .guide__cont .transportation .content__list .list__img {
    padding-top: 24px;
}

#guide .guide__cont .transportation .content__list .list__img img {
    vertical-align: top;
    border-radius: 16px;
    border: 1px solid #eeeeee;
}

#guide .guide__cont .transportation .content__list .list__img .half {
    float: left;
    width: calc(50% - 12px);
}

#guide .guide__cont .transportation .content__list .list__img .half .list__line {
    line-height: 27px;
}

#guide .guide__cont .transportation .content__list .list__img .half .list__line p {
    display: inline-block;
    line-height: 29px;
    font-size: 18px;
    letter-spacing: -.45px;
    color: #666666;
}

#guide .guide__cont .transportation .content__list .list__img .half .list__line .head {
    width: 125px;
    margin-right: 24px;
    font-weight: bold;
    color: #333333;
}

#guide .guide__cont .transportation .content__list .list__img .half:first-child {
    margin-right: 24px;
}

#guide .guide__cont .transportation .content__list .car__list .l-left:first-child {
    margin-right: 140px;
}

#guide .guide__cont .transportation .content__list .car__list .l-left p {
    display: inline-block;
    line-height: 32px;
    font-size: 18px;
    letter-spacing: -.45px;
    color: #666666;
}

#guide .guide__cont .transportation .content__list .car__list .l-left .head {
    width: 125px;
    margin-right: 24px;
    font-weight: bold;
    font-size: 20px;
    color: #333333;
}

#guide .guide__cont .transportation .content__list .list__desc {
    padding: 24px 0;
    font-size: 20px;
    letter-spacing: -.43px;
    color: #666666;
}

#guide .guide__cont .transportation .content__list .list__desc li {
    position: relative;
    padding-left: 12px;
    margin-bottom: 12px;
    line-height: 24px;
    font-size: 18px;
    letter-spacing: -.45px;
    color: #999999;
}

#guide .guide__cont .transportation .content__list .list__desc li::after {
    content: '·';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

#guide .guide__cont .transportation .content__list .list__desc li:last-child {
    margin-bottom: 0;
}

#guide .guide__cont .transportation .content__list .list__line {
    padding: 24px 0;
    border-bottom: 1px solid #eeeeee;
}

#guide .guide__cont .transportation .content__list .list__line .subway-box {
    display: inline-block;
    width: 109px;
    height: 39px;
    line-height: 39px;
    margin-right: 4px;
    border-radius: 6px;
    background-color: #edb117;
    letter-spacing: -.41px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
}

#guide .guide__cont .transportation .content__list .list__line .subway-box.green {
    background-color: #37b42d;
}

#guide .guide__cont .transportation .content__list .list__line .explain {
    display: inline-block;
    line-height: 24px;
    font-size: 20px;
    color: #666666;
}

#guide .guide__cont .transportation .content__list .list__line .explain.l-ml20 {
    margin-left: 20px;
}

#guide .guide__cont .transportation .content__list .list__line .explain.l-ml44 {
    margin-left: 44px;
}

#guide .guide__cont .transportation .content__list .list__line .head {
    float: left;
    width: 324px;
    height: 100%;
    font-size: 20px;
    color: #444444;
}

#guide .guide__cont .transportation.car .content__list .list__line .head {
    line-height: 46px;
}

#guide .guide__cont .transportation .content__list .list__line .list {
    float: left;
    width: calc(100% - 324px);
}

#guide .guide__cont .transportation .content__list .list__line .list .circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-bottom: -3.5px;
    margin-right: 8px;
    border-radius: 50%;
}

#guide .guide__cont .transportation .content__list .list__line .list .circle.blue {
    background-color: #3396ff;
}

#guide .guide__cont .transportation .content__list .list__line .list .circle.red {
    background-color: #ff000c;
}

#guide .guide__cont .transportation .content__list .list__line .list .circle.green {
    background-color: #0dc700;
}

#guide .guide__cont .transportation .content__list .list__line .list .circle.yellowish {
    background-color: #b0e444;
}

#guide .guide__cont .transportation .content__list .list__line .list .circle.fluorescent {
    background-color: #00AFBD;
}

#guide .guide__cont .transportation .content__list .list__line .list .number li {
    font-size: 20px;
}

#guide .guide__cont .transportation .content__list .list__line .list .number li span {
    display: inline-block;
    margin-right: 9px;
    color: #cccccc;
}

#guide .guide__cont .transportation .content__list .list__line .list .number li p {
    display: inline-block;
    color: #666666;
}

#guide .guide__cont .transportation .content__list .list__line .list .time {
    float: left;
    width: 291px;
    line-height: 46px;
    font-size: 20px;
    color: #666666;
}

#guide .guide__cont .transportation .content__list .list__line .list .distance {
    float: left;
    width: calc(100% - 291px);
    text-align: right;
}

#guide .guide__cont .transportation .content__list .list__line .list .distance p {
    display: inline-block;
    float: left;
    line-height: 46px;
    margin-right: 40px;
    font-size: 20px;
    color: #999999;
}

#guide .guide__cont .transportation .content__list .list__box {
    padding: 18px 32px;
    border-radius: 16px;
    background-color: #f6f6f6;
}

#guide .guide__cont .transportation .content__list .list__box li {
    position: relative;
    padding-left: 8px;
    line-height: 24px;
    font-size: 16px;
    letter-spacing: -.36px;
    color: #999999;
}

#guide .guide__cont .transportation .content__list .list__box li::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #999999;
}

#guide .guide__cont .transportation .find-btn {
    display: inline-block;
    padding: 11px 14px;
    line-height: 24px;
    border-radius: 22.5px;
    background-color: #333333;
    font-weight: 300;
    font-size: .89rem;
    color: #ffffff;
}

#guide .guide__cont .transportation .find-btn::after {
    content: '';
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 0 8px 1px 7px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #ffffff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

#guide .guide__cont .transportation .content__list .list__line .hours {
    float: left;
    width: 30%;
    font-size: 20px;
    color: #666666;
}

#guide .guide__cont .transportation .content__list .list__line .hours span {
    display: block;
    margin-top: 6px;
    line-height: 24px;
    letter-spacing: -.4px;
    font-size: 16px;
    font-weight: 600;
    color: #b31920;
}

#guide .guide__cont .transportation .content__list .list__line .times {
    float: right;
    width: 70%;
}

#guide .guide__cont .transportation .content__list .list__line .times li p {
    display: inline-block;
    line-height: 32px;
    vertical-align: top;
    font-size: 20px;
    color: #666666;
}

#guide .guide__cont .transportation .content__list .list__line .times li p:first-child {
    width: 101px;
    color: #999999;
}

#guide .guide__cont .transportation .content__list .list__line .times li p:last-child {
    width: calc(100% - 101px);
}

#guide .guide__cont .transportation .content__list .list__line .operate {
    float: right;
}

#guide .guide__cont .transportation .content__list .list__line .operate p {
    display: inline-block;
    line-height: 24px;
    font-size: 20px;
    font-weight: bold;
    color: #666666;
}

#guide .guide__cont .transportation .content__list .list__line .operate .find-btn {
    margin-left: 16px;
}

#guide .guide__cont .transportation.toggle .title {
    position: relative;
    cursor: pointer;
}

#guide .guide__cont .transportation.toggle .title::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 4px;
    width: 12px;
    height: 12px;
    border-style: solid;
    border-color: #333333;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transition: all 0.2s ease-in-out;
}

#guide .guide__cont .transportation.toggle.on .title::after {
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
}

#guide .guide__cont .transportation.toggle .content__list {
    display: none;
}

#guide .guide__parking .parking_guide {
    padding: 40px;
    border-radius: 8px;
    background-color: #f6f6f6;
    letter-spacing: -.39px;
    color: #333333;
}

#guide .guide__parking .parking_guide li {
    position: relative;
    padding-left: 12px;
    margin-bottom: 24px;
}

#guide .guide__parking .parking_guide li::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #333333;
}

#guide .guide__parking .parking_guide li:last-child {
    margin-bottom: 0;
}

#guide .guide__parking .parking_note {
    padding: 25px 40px;
    border-radius: 8px;
    background-color: #f6f6f6;
}

#guide .guide__parking .parking_note p {
    padding-left: 28px;
    margin-bottom: 12px;
    background: url("../img/ico-note.svg") no-repeat left;
    color: #666666;
    font-weight: 500;
}

#guide .guide__parking .parking_note ul li {
    position: relative;
    padding-left: 9px;
    margin-bottom: 8px;
    line-height: 28px;
    font-size: .89rem;
    letter-spacing: -.44px;
    color: #999999;
}

#guide .guide__parking .parking_note ul li:last-child {
    margin-bottom: 0;
}

#guide .guide__parking .parking_note ul li::before {
    content: '';
    display: block;
    position: absolute;
    top: 13px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #999999;
}

#guide .guide__cont .nodata {
    padding: 89px 0 50px;
    text-align: center;
}

#guide .guide__cont .nodata>p {
    margin: 24px auto 16px;
    font-size: 24px;
    font-weight: 500;
}

#guide .guide__cont .nodata>span {
    color: #999999;
}

#guide .guide__benefit .desc__area .note {
    line-height: 25px;
    font-size: 16px;
    letter-spacing: -.40px;
    color: #666666;
}

#guide .guide__cont .shadow__box {
    padding: 32px 40px;
    border-radius: 8px;
    box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.1);
    color: #444444;
}

#guide .guide__cont .shadow__box p {
    float: left;
    line-height: 45px;
}

#guide .guide__cont .shadow__box p b {
    font-weight: 500;
}

#guide .guide__cont .shadow__box .link {
    float: right;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    padding: 0 21px 0 14px;
    border-radius: 22.5px;
    background-color: #333333;
    color: #ffffff;
}

#guide .guide__cont .shadow__box .link::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 0 2px 7px;
    border-style: solid;
    border-color: #ffffff;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

#guide .guide__cont .process {
    padding-top: 18px;
}

#guide .guide__cont .process li {
    float: left;
    display: flex;
    position: relative;
    width: calc(25% - 9px);
    margin-top: 42px;
    margin-right: 12px;
    border-radius: 50%;
    border: 1px solid #eeeeee;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#guide .guide__cont .process li:nth-child(-n+4) {
    margin-top: 0;
}

#guide .guide__cont .process li:nth-child(4n) {
    margin-right: 0;
}

#guide .guide__cont .process li .num {
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    color: #444444;
}

#guide .guide__cont .process li p {
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
    color: #444444;
}

#guide .guide__reservation .shadow__box .call {
    float: right;
    line-height: 44px;
    padding-left: 39px;
    background-repeat: no-repeat;
    background-position: top 50% left 0;
    background-image: url("../img/guide/ico-call.svg");
    font-size: 22px;
}

#guide .guide__cont .desc__box {
    padding: 40px;
    line-height: 24px;
    border-radius: 8px;
    background-color: #f6f6f6;
    font-size: 16px;
}

#guide .guide__receipt .desc__box .head {
    float: left;
    width: 130px;
    color: #444444;
    font-weight: bold;
}

#guide .guide__receipt .desc__box .conts {
    float: left;
    letter-spacing: -.34px;
}

#guide .guide__cont .desc__list li {
    position: relative;
    padding-left: 12px;
    margin-bottom: 16px;
    line-height: 26px;
}

#guide .guide__cont .desc__list li::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #b31920;
}

#guide .guide__cont .desc__list li:last-child {
    margin-bottom: 0;
}

#guide .guide__cont .procedure li {
    display: flex;
    padding: 40px 0;
    border-bottom: 1px solid #eeeeee;
    align-items: center;
}

#guide .guide__cont .procedure li:last-child {
    padding: 40px 0 0;
    border-bottom: 0;
}

#guide .guide__cont .procedure li:first-child {
    padding: 0 0 40px;
}

#guide .guide__cont .procedure li .num {
    float: left;
    width: 148px;
    height: 148px;
    margin-right: 40px;
    border-radius: 50%;
    border: 1px solid #eeeeee;
    text-align: center;
}

#guide .guide__cont .procedure li .num img {
    margin: 25px auto 8px;
}

#guide .guide__cont .procedure li .num p {
    letter-spacing: -.39px;
    font-weight: bold;
    color: #b31920;
}

#guide .guide__cont .procedure li .explain {
    float: left;
    line-height: 27px;
    color: #222222;
}

#guide .guide__receipt .desc__box .half {
    float: left;
    width: 50%;
    text-align: center;
}

#guide .guide__receipt .desc__box .half.arrow {
    position: relative;
}

#guide .guide__receipt .desc__box .half.arrow::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 7px;
    right: -40px;
    width: 81px;
    height: 15px;
    background: url("../img/guide/line-arrow.svg") no-repeat;
}

#guide .guide__receipt .note {
    line-height: 24px;
    font-size: 16px;
    color: #999999;
}

#guide .guide__certificate .desc__area .desc {
    letter-spacing: -.44px;
}

#guide .guide__step .step {
    width: 100%;
    padding: 40px 0;
    border-radius: 8px;
    background-color: #f6f6f6;
}

#guide .guide__step .step p {
    margin-bottom: 24px;
    font-size: 22px;
    font-weight: bold;
    color: #444444;
    text-align: center;
}

#guide .guide__step .step ol {
    display: flex;
    justify-content: center;
}

#guide .guide__step .step li {
    display: flex;
    position: relative;
    float: left;
    width: 180px;
    height: 180px;
    line-height: 24px;
    margin-right: 30px;
    border-radius: 50%;
    background-color: #ffffff;
    font-size: 16px;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#guide .guide__step .step li:last-child {
    margin-right: 0;
}

#guide .guide__step .step li::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -23px;
    width: 16px;
    height: 12px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background: url("../img/ico-arrow-triangle.svg") no-repeat center;
}

#guide .guide__step .step li:last-child::after {
    content: none;
}

#guide .guide__step .note {
    line-height: 24px;
    font-size: 16px;
    color: #999999;
}

#guide .guide__document .document {
    padding-bottom: 40px;
}

#guide .guide__document .document:last-child {
    padding-bottom: 0;
}

#guide .guide__document .document table {
    border: 1px solid #eeeeee;
}

#guide .guide__document .document caption {
    margin-bottom: 24px;
    text-align: left;
    font-size: 22px;
    font-weight: bold;
    color: #444444;
}

#guide .guide__document .document table thead tr td {
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    background-color: #f6f6f6;
    line-height: 80px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}

#guide .guide__document .document table thead tr td:last-child {
    border-right: 0;
}

#guide .guide__document .document table tbody tr th {
    padding: 0 24px;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    letter-spacing: -.34px;
    vertical-align: middle;
    word-break: keep-all;
}

#guide .guide__document .document table tbody tr th.bg {
    background-color: #f6f6f6;
}

#guide .guide__document .document table tbody tr th p {
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 500;
}

#guide .guide__document .document table tbody tr th span {
    display: block;
    line-height: 24px;
    color: #999999;
    font-weight: 400;
    font-size: 14px;
}

#guide .guide__document .document table tbody tr th ol {
    width: 227px;
    margin: 0 auto;
}

#guide .guide__document .document table tbody tr th ol li {
    line-height: 24px;
    margin-bottom: 16px;
    text-align: left;
    letter-spacing: -.34px;
    font-size: 16px;
    font-weight: 500;
}

#guide .guide__document .document table tbody tr td {
    line-height: 24px;
    padding: 24px;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    letter-spacing: -.34px;
    font-size: 16px;
    word-break: keep-all;
}

#guide .guide__document .document table tbody tr td>.icon {
    display: inline-block;
    padding: 4px 8px;
    margin-bottom: 12px;
    border-radius: 4px;
    background-color: #f6f6f6;
    letter-spacing: -.34px;
    font-size: 16px;
}

#guide .guide__document .document table tbody tr td>.icon.color {
    background-color: rgba(179, 25, 32, 0.05);
    color: #b31920;
}

#guide .guide__document .document table tbody tr td ul li {
    position: relative;
    line-height: 24px;
    padding-left: 8px;
    margin-bottom: 16px;
    font-size: 16px;
}

#guide .guide__document .document table tbody tr td ul li:last-child {
    margin-bottom: 0;
}

#guide .guide__document .document table tbody tr td ul li::before {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #333333;
}

#guide .guide__document .document table tbody tr td ul li span {
    display: block;
    color: #999999;
    font-size: 14px;
    font-weight: 400;
}

#guide .guide__document .document table tbody tr td ul li .download {
    display: inline-block;
    height: 26px;
    line-height: 24px;
    padding: 0 24px 0 7px;
    margin-top: 8px;
    border-radius: 4px;
    border: 1px solid #cccccc;
    background: url("../img/guide/ico-downloadW.svg") no-repeat top 50% right 7px;
    letter-spacing: -.26px;
    font-size: 12px;
    color: #999999;
}

#guide .guide__document .document table tbody tr:last-child td {
    border-bottom: 0;
}

#guide .guide__document .list__note li {
    position: relative;
    line-height: 20px;
    padding-left: 10px;
    margin-bottom: 8px;
    font-size: 15px;
    color: #666666;
}

#guide .guide__document .list__note li::before {
    content: "*";
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 0;
}

#guide .guide__document .note {
    line-height: 20px;
    font-size: 14px;
    color: #999999;
}

#guide .guide__list .document__list>li {
    padding: 40px 0;
    border-bottom: 1px solid #eeeeee;
}

#guide .guide__list .document__list>li:first-child {
    padding: 0 0 40px;
}

#guide .guide__list .document__list>li:last-child {
    padding: 40px 0 0;
    border-bottom: 0;
}

#guide .guide__list .document__list>li div .num {
    width: 36px;
    font-weight: bold;
    color: #b31920;
}

#guide .guide__list .document__list>li div p {
    display: inline-block;
    font-size: 20px;
    letter-spacing: -.43px;
}

#guide .guide__list .document__list>li ul li {
    position: relative;
    padding-left: 8px;
    margin-top: 8px;
    letter-spacing: -.39px;
}

#guide .guide__list .document__list>li ul li::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #333333;
}

#guide .guide__document .download__list {
    float: left;
    width: calc(100% - 320px);
}

#guide .guide__document .download__list a {
    float: left;
    width: calc(50% - 12px);
    height: 64px;
    line-height: 64px;
    padding: 0 32px;
    border-radius: 8px;
    border: 1px solid #eeeeee;
    font-size: 16px;
    color: #444444;
    background-image: url("../img/guide/ico-downloadB.svg");
    background-repeat: no-repeat;
    background-position: top 50% right 32px;
}

#guide .guide__document .download__list a:first-child {
    margin-right: 24px;
}

/*customer********************************************************************************************/
#customer .head-desc {
    margin: 23px 0 37px;
    color: #999999;
}

/*page************************************************************************************************/
#page {
    width: 640px;
    margin: 80px auto 200px;
    text-align: center;
}

#page .check p {
    margin: 48px auto 8px;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -1.11px;
}

#page .check p .red {
    color: #b31920;
}

#page .check span {
    font-size: 16px;
    color: #666666;
}

#page .check__time {
    margin: 40px auto;
    width: 100%;
    height: 160px;
    line-height: 160px;
    border-radius: 16px;
    background-color: #f9f9f9;
    font-size: 16px;
}

#page .check__time b {
    position: relative;
    padding-right: 8px;
    margin-right: 8px;
}

#page .check__time b::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 4.5px;
    right: 0;
    width: 1px;
    height: 16px;
    background-color: #333333;
}

#page .history__back a {
    display: block;
    margin: 40px auto;
    width: 392px;
    height: 56px;
    line-height: 56px;
    border-radius: 8px;
    background-color: #333333;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
}

/** 2022.02.15 공통 UI 변경  ***************************************************************************/
.banner.mypage {
    background-image: url("../img/mypage.png");
}

.banner.counsel {
    background-image: url("../img/counsel.png");
}

.banner.reservation {
    background-image: url("../img/reservation.png");
}

.banner.notice {
    background-image: url("../img/notice.png");
}

.banner.media {
    background-image: url("../img/media.png");
}

.banner.event {
    background-image: url("../img/event.png");
}

.banner.customer {
    background-image: url("../img/customer.png");
}

.banner.review {
    background-image: url("../img/review.png");
}

.banner.faq {
    background-image: url("../img/faq.png");
}

.search__top {
    margin-bottom: 48px;
}

.search__top .img-banner {
    display: block;
}

.search__top .img-banner img {
    display: block;
    width: 100%;
    height: auto;
}

.search__head {
    display: flex;
}

.search__head .left-btn {
    width: 156px;
    height: 56px;
    line-height: 56px;
    border-radius: 8px;
    font-size: 16px;
}

.search__head .search {
    margin-left: auto;
    margin-right: 0;
}

.search__head .search .input {
    width: 380px;
}

.answer_note {
    padding: 16px 0 16px 40px;
    margin-top: 24px;
    border-radius: 8px;
    background-color: #f6f6f6;
    background-repeat: no-repeat;
    background-position: top 50% left 16px;
    background-image: url("../img/ico-review-check.svg");
    font-size: 16px;
    color: #999999;
}

/*****************************************************************************************************/

/* 221212 박세연 */
#terms .terms__cont .terms__desc-point {
    margin-bottom: 72px;
}

#terms .terms__cont .tbl_of_conts li+li {
    margin-top: 8px;
}

#terms .terms__cont .tbl_of_conts li a:hover {
    font-weight: 700
}

#terms .terms__cont .terms__cont__tit-sm {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: bold;
}

#terms .terms__cont .terms__table-label {
    width: 100%;
    border: 1px solid #eeeeee;
    border-collapse: collapse;
}

#terms .terms__cont .terms__table-label+.terms__table-label,
#terms .terms__cont .terms__table-label+.terms__txt {
    margin-top: 24px;
}

#terms .terms__cont .terms__table-label thead tr th {
    padding: 20px;
    border: 1px solid #eeeeee;
    background-color: #f6f6f6;
}

#terms .terms__cont .terms__table-label thead tr th>p {
    padding-top: 76px;
    font-weight: bold;
    text-align: center;
}

#terms .terms__cont .terms__table-label thead tr th .item01 {
    background: url('./../../assets/img/terms/terms_icon01.png') no-repeat center top / 72px;
}

#terms .terms__cont .terms__table-label thead tr th .item02 {
    background: url('./../../assets/img/terms/terms_icon02.png') no-repeat center top / 72px;
}

#terms .terms__cont .terms__table-label thead tr th .item03 {
    background: url('./../../assets/img/terms/terms_icon03.png') no-repeat center top / 72px;
}

#terms .terms__cont .terms__table-label thead tr th .item03.update {
    background: url('./../../assets/img/terms/terms_icon03_update.png') no-repeat center top / 72px;
}

#terms .terms__cont .terms__table-label thead tr th .item04 {
    background: url('./../../assets/img/terms/terms_icon04.png') no-repeat center top / 72px;
}

#terms .terms__cont .terms__table-label thead tr th .item05 {
    background: url('./../../assets/img/terms/terms_icon05.png') no-repeat center top / 72px;
}

#terms .terms__cont .terms__table-label thead tr th .item06 {
    background: url('./../../assets/img/terms/terms_icon06.png') no-repeat center top / 72px;
}

#terms .terms__cont .terms__table-label thead tr th .item07 {
    background: url('./../../assets/img/terms/terms_icon07.png') no-repeat center top / 72px;
}

#terms .terms__cont .terms__table-label thead tr th .item08 {
    background: url('./../../assets/img/terms/terms_icon08.png') no-repeat center top / 72px;
}

#terms .terms__cont .terms__table-label tbody tr td {
    padding: 20px 20px;
    border: 1px solid #eeeeee;
    color: #666666;
    line-height: 24px;
    text-align: left;
}

#terms .terms__cont .terms__table-label tbody tr td>span {
    display: block;
}

#terms .terms__cont .terms__table-label tbody tr td>p {
    position: relative;
    padding-left: 18px;
}

#terms .terms__cont .terms__table-label tbody tr td>p+p,
#terms .terms__cont .terms__table-label tbody tr td>span+span {
    margin-top: 4px;
}

#terms .terms__cont .terms__table-label tbody tr td>p::before {
    content: '-';
    position: absolute;
    left: 0;
}

#terms .terms__cont .terms__list-hyphen li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 8px;
    line-height: 30px;
    color: #666666;
}

#terms .terms__cont .terms__list-hyphen li::before,
#terms .terms__cont .terms__list-hyphen_sm li::before {
    content: '-';
    display: block;
    position: absolute;
    left: 12px;
}

#terms .terms__cont .terms__list-hyphen_sm li,
#terms .terms__cont .terms__list-num_sm li {
    position: relative;
    padding-left: 35px;
    line-height: 30px;
    color: #666666;
}

#terms .terms__cont .terms__list-num_sm li::before {
    content: '';
    display: block;
    position: absolute;
    left: 12px;
}

#terms .terms__cont .terms__list-num_sm li:nth-child(1)::before {
    content: '①'
}

#terms .terms__cont .terms__list-num_sm li:nth-child(2)::before {
    content: '②'
}

#terms .terms__cont .terms__list-num_sm li:nth-child(3)::before {
    content: '③'
}

#terms .terms__cont .terms__list-num_sm li:nth-child(4)::before {
    content: '④'
}

#terms .terms__cont .terms__list-num_sm li:nth-child(5)::before {
    content: '⑤'
}

/*2023.05.12 비회원예약 박세연**********************************************************************************************/
/* 온라인 진료예약_비회원 예약 및 예약조회 */
.column.reservation {
    display: flex;
}

#online .column.reservation .contents.login-alert {
    width: 100%;
    margin-top: 0 !important;
    text-align: left;
}

#online .column.reservation .contents.login-alert .half-btn {
    width: 100%;
    margin: 40px auto 0;
}

#online .column.reservation .contents.login-alert .half-btn button,
#online .column.reservation .contents.login-alert .half-btn a,
#online .column.reservation .contents.login-alert .half-btn .btn {
    float: none;
    width: 100%;
    max-width: 100%;
}

#online .column.reservation .contents.login-alert>img {
    display: block;
    margin: 0 auto;
}

.contents.non-members {
    /* display: flex; */
    width: 100%;
    margin-left: 136px;
    word-break: keep-all;
}

.contents.non-members>.non-members-form {
    position: relative;
    width: 100%;
}

.contents.non-members>.non-members-form+.non-members-form {
    margin-top: 60px;
    padding-top: 60px;
    border-top: 1px solid #ddd;
}

#online .column.reservation .contents.login-alert>.rez-tit,
.contents.non-members>.non-members-form>.rez-tit {
    color: #333;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
}

#online .column.reservation .contents.login-alert>.rez-subtit,
.contents.non-members>.non-members-form>.rez-subtit {
    margin-top: 16px;
    color: #333;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
}

.contents.non-members>.non-members-form>.rez-subtit>b,
.contents.non-members>.non-members-form>.rez-sub>b {
    font-weight: 700;
}

.contents.non-members>.non-members-form>.rez-sub {
    display: block;
    margin-top: 6px;
    color: #999;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.contents.non-members>.non-members-form>.non-member-btn {
    margin-top: 24px;
}

.contents.non-members>.non-members-form>.non-member-btn>.line-btn {
    max-width: 100%;
    height: 56px;
    line-height: 56px;
    font-size: 16px;
}

.contents.non-members>.non-members-form>.non-member-btn>.line-btn+.line-btn {
    margin-top: 16px;
}

/* 온라인 진료예약_주민번호인증 예약 */
.non-cert {
    width: 594px;
    margin: 0 auto;
    word-break: keep-all;
}

.non-cert>.tit strong {
    color: #333;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
}

.non-cert>.tit p {
    margin-top: 4px;
    color: #666;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.non-cert>.cert-check {
    margin-top: 72px;
    border-top: 1px solid #eee;
}

.non-cert>.cert-check>.cert-check_must {
    position: relative;
    padding: 24px 0;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.non-cert>.cert-check>.cert-check_must input[type="checkbox"]+label {
    font-size: 16px;
    cursor: pointer;
}

.non-cert>.cert-check>.cert-check_must>.more {
    position: absolute;
    right: 10px;
    color: #999;
    font-size: 14px;
}

.non-cert>.cert-check>.cert-check_must>.more::after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 0 1px 3px;
    border-style: solid;
    border-width: 1px 1px 0 0;
    color: #000;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.non-cert>.input-check {
    margin-top: 96px;
}

.non-cert>.input-check>.tit {
    color: #333;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
}

.non-cert>.input-check>.group {
    display: flex;
    margin-top: 20px;
}

.non-cert>.input-check .input.-cert {
    display: flex;
    align-items: center;
    min-height: 56px;
    /* justify-content: space-between; */
}

.non-cert>.input-check .input.-cert {
    margin-top: 16px;
}

.non-cert>.input-check>.group>.btn {
    width: 128px;
    height: 128px;
    margin-left: 16px;
}

.non-cert>.input-check>.input.-cert input {
    width: calc(100% - 110px);
}

.non-cert>.input-check>.group>.inner>.input.-cert:first-child {
    margin-top: 0;
}

.non-cert>.input-check>.group>.inner>.input.-cert.-num input {
    max-width: 154px;
}

.non-cert>.input-check>.group>.inner>.input.-cert.-num span {
    position: relative;
    width: 32px;
}

.non-cert>.input-check>.group>.inner>.input.-cert.-num span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    width: 16px;
    height: 1px;
    background-color: #ddd;
}

.non-cert>.input-check .input.-cert>label {
    width: 110px;
    margin-bottom: 0;
    flex: none;
}

.non-cert>.input-check .input.-cert>.group.-radio .radio {
    margin-top: 0;
    margin-right: 32px;
}

.non-cert>.input-check .ref-txt {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid #ddd;

}

.non-cert>.input-check .ref-txt>span {
    display: block;
    position: relative;
    padding-left: 12px;
    color: #999;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
}

.non-cert>.input-check .ref-txt>span+span {
    margin-top: 12px;
}

.non-cert>.input-check .ref-txt>span::before {
    content: '*';
    position: absolute;
    left: 0px;
    font-size: 16px;
    font-weight: 400;
}

/* 자세히보기 팝업 */
.modal#agree .modal_container {
    position: relative;
    max-width: 642px;
    height: auto;
    max-height: auto;
    padding: 48px 48px 24px;
    text-align: left;
    word-break: keep-all;
}

.modal#agree .modal_container>.message>b {
    display: block;
    margin-bottom: 40px;
    color: #333;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
}

.modal#agree .modal_container>.message>p {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
}

.modal#agree .modal_container>.message>span {
    display: block;
    position: relative;
    margin-top: 4px;
    padding-left: 18px;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.modal#agree .modal_container>.message>span::before {
    content: '-';
    position: absolute;
    left: 6px;
    font-size: 16px;
    font-weight: 400;
}

.modal#agree .modal_container>.message>span+p {
    margin-top: 16px;
}

.modal#agree .modal_container>button {
    max-width: 344px;
    margin: 124px auto 0;
}

/* 2023.06.15 진료협력센터 박세연**********************************************************************************************/
.banner.center {
    background-image: url("../img/center.png");
}

.center>.center_info {
    display: flex;
}

.center>.center_info>div {
    width: calc(100%/3 - 32px);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
}

.center>.center_info>div+div {
    margin-left: 48px;
}

.center>.center_info>div>.tit {
    display: block;
    padding: 32px 0 24px 48px;
    border-bottom: 1px solid #eeeeee;
    color: #666666;
    font-size: 28px;
    font-weight: 700;
    line-height: 44px;
}

.center>.center_info>div.hotline>.conts,
.center>.center_info>div.download>.conts {
    display: flex;
    padding: 24px 48px;
}

.center>.center_info>div>.conts+.conts {
    border-top: 1px solid #eeeeee;
}

.center>.center_info>div>.conts p,
.center>.center_info>div>.conts a,
.center>.center_info>div>.conts span {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
}

.center>.center_info>div>.conts span {
    color: #000000;
}

.center>.center_info>div>.conts p>.icon,
.center>.center_info>div>.conts a>.icon {
    margin-right: 4px;
    vertical-align: sub;
}

.center>.center_info>div.hotline>.conts p {
    min-width: 98px;
    color: #b31920;
}

.center>.center_info>div.time>.conts.t01 {
    padding: 38px 48px;
}

.center>.center_info>div.time>.conts.t01 p {
    margin-bottom: 12px;
    font-weight: 400;
}

.center>.center_info>div.time>.conts.t01 span {
    font-size: 28px;
    line-height: 36px;
}

.center>.center_info>div.time>.conts.t02 {
    padding: 25px 48px 32px;
}

.center>.center_info>div.time>.conts p {
    color: #000000;
}

.center>.center_info>div.time>.conts p.gray {
    color: #666666;
}

.center>.center_info>div.download>.conts a {
    color: #333333;
}

.center>.center_info>div.download>.conts:last-child {
    border-bottom: 1px solid #eee;
}

.center>.center_info+.center_list {
    margin-top: 120px;
}

.center>.center_list h3 {
    color: #333333;
    font-size: 32px;
    line-height: 42px;
}

.center>.center_list .tab-local {
    display: flex;
    width: 100%;
    margin: 56px 0 0;
    border: 1px solid #999999;
    border-radius: 8px;
    overflow: hidden;
}

.center>.center_list .tab-local .local_btn {
    width: calc(100%/3 + 4px);
    height: 72px;
    text-align: center;
}

.center>.center_list .tab-local .local_btn+.local_btn {
    border-left: 1px solid #999999;
}

.center>.center_list .tab-local .local_btn {
    color: #3C3C3B;
    font-size: 20px;
    font-weight: 400;
    line-height: 72px;
}

.center>.center_list .tab-local .local_btn a {
    display: block;
}

.center>.center_list .tab-local .local_btn.is-active {
    background-color: #B31920;
    color: #ffffff;
    font-weight: 700;
}

.tab-detail {
    margin: 56px 0 0;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.tab-detail .swiper-wrapper {
    padding-bottom: 16px;
}

.tab-detail .detail_btn {
    min-width: 36px;
    width: auto;
    color: #999999;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
}

.tab-detail .detail_btn.is-active {
    position: relative;
    color: #B31920;
}

.tab-detail .detail_btn a {
    display: block;
}

.tab-detail .detail_btn.is-active::before {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #B31920;
    position: absolute;
    left: 0;
    bottom: -16px;
}

.result {
    width: 100%;
    margin: 32px 0 0;
}

.result>.result_table>table {
    width: 100%;
    text-align: center;
}

.result>.result_table>table tr th {
    color: #3c3c3b;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    height: 56px;
    background-color: #eeeeee;
}

.result>.result_table>table tr td {
    padding: 8px 8px;
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    height: 56px;
}

.result>.result_table>table tbody tr+tr {
    border-top: 1px solid #eeeeee;
}

.result>.result_table>table tbody tr:last-child {
    border-bottom: 1px solid #979797;
}

.result>.pagenation {
    margin: 56px auto 0;
}

.result .nodata {
    width: 100%;
    padding: 74px 0;
    max-height: 500px;
    border-bottom: 1px solid #979797;
    text-align: center;
}

.result .nodata img {
    display: block;
    margin: 0 auto 40px;
}

.result .nodata p {
    font-size: 24px;
    color: #333333;
    font-weight: 500;
}

/* 231122 박세연 */
/* join */
.must-color {
    color: #b31920 !important;
}

.check-desc_row+.check-desc_row {
    display: block;
    margin-top: 4px;
}

/* reserve_main */
.contents.non-members>.non-members-form>.rez-subtit.-sm {
    font-size: 18px;
}

.contents.non-members>.non-members-form>.rez-sub.-dot {
    position: relative;
    padding-left: 12px;
}

.contents.non-members>.non-members-form>.rez-sub.-dot:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #999;
}

.contents.non-members>.non-members-form>.rez-sub.-hypen {
    position: relative;
    padding-left: 12px;
}

.contents.non-members>.non-members-form>.rez-sub.-hypen:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 1px;
    background: #999;
}

.rez-radio {
    margin-top: 16px;
}

.rez-radio>.radio {
    margin-top: 0;
}

.line-btn.-agreeRez.disabled-line-btn {
    pointer-events: none;
}

/* 240405 박세연_메인 팝업 탭 추가 */
.modal .popup_container .popup .tab {
    display: flex;
}

.modal .popup_container .popup .tab button {
    height: 56px;
    line-height: 56px;
    border-radius: 0;
    background-color: #ccc;
    color: #666;
    cursor: pointer;
}

.modal .popup_container .popup .tab button.active {
    background-color: #B31920;
    color: #fff;
    font-weight: 700;
}

/* 240408 박세연_이벤트 현황 추가 */
.search__head.-update {
    align-items: center;
    margin-bottom: 42px;
    padding-bottom: 40px;
    border-bottom: 1px solid #eee;
}

.search__head .search.search-select.-update {
    margin-bottom: 0;
}

.search-tab {
    display: flex;
    height: 46px;
}

.search-tab>a {
    color: #999999;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}

.search-tab>a+a {
    margin-left: 40px;
}

.search-tab>a.active {
    color: #222222;
    border-bottom: 4px solid #333333;
}

.list__table.-update {
    display: flex;
    flex-wrap: wrap;
    margin: -39px 0 0 -25px;
}

.list__table.-update .tr.-update {
    padding: 0;
    width: 290px;
    margin: 39px 0 0 25px;
    border: none;
}

.list__table.-update .tr.-update .td.img {
    width: 100%;
    height: 164px;
}

.list__table.-update .tr.-update .td.img>a {
    display: block;
    width: 100%;
    height: 100%;
}

.list__table.-update .tr.-update .td.txt {
    width: 100%;
    padding-top: 24px;
    padding-left: 0;
}

.list__table.-update .tr.-update .tit {
    min-height: 50px;
    margin: 16px 0 12px;
    font-size: 18px;
}

.list__table.-update .tr.-update .date {
    font-size: 14px;
    line-height: 18px;
}

.list__table.-update .tr.-update .tag {
    display: inline-block;
    margin-top: 12px;
    padding: 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
}

.list__table.-update .tr.-update .tag.-ing {
    background-color: #FCF6F6;
    color: #B31920;
}

.list__table.-update .tr.-update .tag.-end {
    background-color: #DDDDDD;
    color: #3C3C3B;
}

.list__table.-update .tr.-no {
    margin: 0 auto;
}

/* 240729 마이페이지_진료 예약 내역 박세연 */
#mypage .tab__cont .tab__list .list__table>.mp__table {
    padding: 24px 0;
}

.mp__table {
    width: 100%;
}

.mp__table>table {
    width: 100%;
}

.mp__table>table thead {
    height: 64px;
    background-color: #F5F5F5;
}

.mp__table>table thead tr th {
    color: #444;
    font-size: 18px;
}

.mp__table>table thead tr th:first-child {
    border-radius: 8px 0 0 8px;
}

.mp__table>table thead tr th:last-child {
    border-radius: 0 8px 8px 0;
}

.mp__table>table tbody tr {
    height: 88px;
    border-bottom: 1px solid #EEEEEE;
}

.mp__table>table tbody tr.active td {
    color: #000000;
}

.mp__table>table tbody tr.active td.date {
    color: #B31920;
    font-weight: 700;
}

.mp__table>table tbody tr td {
    padding: 5px;
    color: #999;
    font-size: 18px;
    text-align: center;
}

.mp__table>table tbody tr td .alter-btn {
    display: flex;
    justify-content: center;
}

.mp__table>table tbody tr td .alter-btn>.btn {
    width: 62px;
    height: 40px;
    line-height: 38px;
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    border: 1px solid #000;
    border-radius: 6px;
    background-color: transparent;
}

.mp__table>table tbody tr td .alter-btn>.btn+.btn {
    margin-left: 6px;
}

.mp__table>table tbody tr td .alter-btn>.btn.-line {
    color: #999999;
    border-color: #999999;
}

/* 240730 진료 예약 모달 */
#reservation-change .modal_container {
    max-width: 556px;
    width: 100%;
    margin: 0;
    padding: 0;
}

#reservation-change .calendar_bar {
    display: flex;
    padding: 24px;
}

#reservation-change .calendar_bar strong {
    color: #333;
    font-size: 24px;
    line-height: 32px;
}

#reservation-change .calendar_bar .modal-close {
    overflow: hidden;
    width: 32px;
    height: 32px;
    margin-left: auto;
    padding: 0;
    border: 0;
    background: url(/assets/img/ico-close.svg) no-repeat 0 0 / 100% 100%;
    white-space: normal;
    text-indent: 100%;
}

#reservation-change .calendar_bar .conts_inner {
    padding: 24px;
    border: 1px solid #eee;
}

#reservation-change .calendar {
    display: flex;
    width: 100%;
    padding: 24px;
    border: 1px solid #eee;
}

#reservation-change .calendar_aside {
    width: 320px;
    flex: none;
}

#reservation-change .calendar_area {
    padding: 16px;
    background-color: #f9f9f9;
}

#reservation-change .calendar_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#reservation-change .calendar_header .btn_goto {
    display: block;
    overflow: hidden;
    width: 32px;
    height: 32px;
    border: none;
    padding: 0;
    white-space: nowrap;
    text-indent: 100%;
    cursor: pointer;
}

#reservation-change .calendar_header .btn_goto.prev {
    background: url(/assets/img/admin/ico-chevron-left.svg) no-repeat 50% 50% / 24px 24px;
}

#reservation-change .calendar_header .btn_goto.next {
    background: url(/assets/img/admin/ico-chevron-right.svg) no-repeat 50% 50% / 24px 24px;
}

#reservation-change .calendar_header p {
    font-weight: 700;
    font-size: 18px;
}

#reservation-change .calendar_body {
    margin-top: 8px;
}

#reservation-change .calendar_body .timetable {
    width: 100%;
    border-collapse: collapse;
}

#reservation-change .calendar_body .timetable th,
#reservation-change .calendar_body .timetable td {
    height: 40px;
    padding: 2px;
    font-size: 18px;
    text-align: center;
}

#reservation-change .calendar_body .timetable .btn_date {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 4px;
    font: inherit;
}

#reservation-change .calendar_body .timetable .btn_date.all {
    background-color: #f7e8e9;
    color: #b31920;
}

#reservation-change .calendar_body .timetable .btn_date.am {
    background-color: #fffad7;
    color: #ff7500;
}

#reservation-change .calendar_body .timetable .btn_date.pm {
    background-color: #e3f5fa;
    color: #0aa6d3;
}

#reservation-change .calendar_body .timetable .btn_date.on {
    box-shadow: rgba(0, 0, 0, 1) 0 0 2px 2px;
}

#reservation-change .calendar_body .timetable th:nth-child(1),
#reservation-change .calendar_body .timetable td:nth-child(1) {
    color: red;
}

#reservation-change .calendar_body .timetable th:nth-child(7),
#reservation-change .calendar_body .timetable td:nth-child(7) {
    color: blue;
}

#reservation-change .calendar_guide {
    display: flex;
    margin-top: 16px;
    gap: 8px;
}

#reservation-change .calendar_guide p {
    position: relative;
    padding: 4px 12px 4px 32px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

#reservation-change .calendar_guide p.all {
    background-color: #f7e8e9;
    color: #b31920;
}

#reservation-change .calendar_guide p.am {
    background-color: #fffad7;
    color: #ff7500;
}

#reservation-change .calendar_guide p.pm {
    background-color: #e3f5fa;
    color: #0aa6d3;
}

#reservation-change .calendar_guide p:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 12px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border-radius: 50%;
    background: #000;
}

#reservation-change .calendar_guide p.all:before {
    background-color: #b31920;
}

#reservation-change .calendar_guide p.am:before {
    background-color: #ff7500;
}

#reservation-change .calendar_guide p.pm:before {
    background-color: #0aa6d3;
}

#reservation-change .calendar_time {
    padding-left: 22px;
}

#reservation-change .calendar_time ul {
    margin: -12px 0 0 -12px;
    overflow: hidden;
}

#reservation-change .calendar_time .btn_time {
    display: inline-flex;
    max-width: 76px;
    height: auto;
    padding: 8px 14px;
    border: 1px solid #000;
    background-color: #fff;
    font-size: 18px;
    line-height: 1.2;
}

#reservation-change .calendar_time .btn_time.active {
    background-color: #000;
    color: #fff;
}

#reservation-change .calendar_time ul li {
    margin: 12px 0 0 12px;
    float: left;
}

/* 241230 인트로 페이지 */
.section_intro .section__menu {
    position: fixed;
    background-color: transparent;
}

.section_intro .menu-btn {
    position: relative;
    padding: 0 17px 0 0;
    margin: 40px 16px 0 0;
}

.section_intro .menu-btn:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 24px;
    margin-top: -12px;
    background-color: #666;
}

.section_intro .menu-btn a {
    display: block;
    position: relative;
    font-size: 0;
}

.section_intro .menu-btn a>span {
    display: inline-block;
    line-height: 30px;
    color: #cccccc;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -1px;
    transition: color .3s ease;
}

.section_intro .menu-btn a i {
    display: inline-block;
    margin-left: 4px;
    vertical-align: -8px;
}

.section_intro .menu-btn a i svg {
    display: block;
}

.section_intro .menu-btn a svg path {
    transition: fill .3s ease;
}

.section_intro .menu-btn a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transform-origin: 0 50%;
    transform: scaleX(0);
    transition: transform .3s ease;
}

.section_intro .menu-btn a:hover>span {
    color: #fff;
}

.section_intro .menu-btn a:hover i svg path {
    fill: #fff;
}

.section_intro .menu-btn a:hover:after {
    transform: scaleX(1);
}

.section_intro .search__menu {
    margin-top: 32px;
}

.section_intro .search__menu .tit {
    float: left;
    margin: 12px 16px 0 0;
    line-height: 24px;
    font-size: 16px;
    color: #ffffff;
}

.section_intro .search__menu .search__input {
    float: left;
}

.section_intro .search__menu .search__input .input {
    float: left;
    width: 146px;
    margin-right: 8px;
    color: #ffffff;
}

.section_intro .search__menu .search__input .input .nice-select {
    width: 100%;
    height: 48px;
    line-height: 48px;
    background-color: rgba(255, 255, 255, .1);
    border: 0;
    color: #ffffff;
    font-size: 16px;
}

.section_intro .search__menu .search__input .input .nice-select::after {
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}

.section_intro .search__menu .search__input .input .nice-select.open {
    border-radius: 0 0 8px 8px;
    background-color: rgba(255, 2555, 255, .1);
}

.section_intro .search__menu .search__input .input .nice-select .list {
    overflow-y: auto;
    top: auto;
    bottom: calc(100% + 1px);
    max-height: calc(48px * 4);
    border-radius: 8px 8px 0 0;
    border: 0;
    background-color: rgba(255, 255, 255, .1);
    color: #ffffff;
    font-size: 16px;
}

.section_intro .search__menu .search__input .input .nice-select .list>li:hover {
    background-color: rgba(0, 0, 0, .1);
}

.section_intro .search__menu .search__input .input input {
    height: 48px;
    background-color: rgba(255, 255, 255, .1);
    border: 0;
    color: #ffffff;
    font-size: 16px;
}

.section_intro .search__menu .search__input .input input::placeholder {
    color: #ffffff;
}

.section_intro .search__menu .search__input .choice {
    float: left;
    width: 214px;
}

.section_intro .search__menu .search__input .choice .doctor-list2 {
    display: none;
}

.section_intro .search__menu .search__input .choice .input {
    width: 100%;
}

.section_intro .search__menu button {
    overflow: hidden;
    width: 48px;
    height: 48px;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    background-image: url("../../../assets/img/ico-searchW.svg");
    text-indent: 1000%;
}

/* 진료협력센터 추가 */
.center_coop {
    margin: 120px 0;
}

.center_coop h3 {
    color: #333333;
    font-size: 32px;
    text-align: center;
}

.center_coop h4 {
    color: #333333;
    font-size: 26px;
    text-align: center;
}

.center_coop .coop_stats {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 80px;
    width: 100%;
    max-width: 840px;
    margin: 32px auto 0;
    padding: 36px 40px;
    border: 1px solid #999999;
    border-radius: 999px;
}

.center_coop .coop_stats .coop_stat {
    display: flex;
    align-items: baseline;
    gap: 24px;
    margin: 0;
}

.center_coop .coop_stats .coop_stat dt {
    font-size: 22px;
    font-weight: 500;
}

.center_coop .coop_stats .coop_stat dd {
    margin: 0;
    font-weight: 700;
    font-size: 66px;
}

.center_coop .coop_note p {
    margin: 32px 0 0;
    color: #666;
    font-size: 16px;
    text-align: center;
}

.center_coop .coop_note p+p {
    margin-top: 8px;
}

.center_coop .coop_process {
    width: 100%;
    max-width: 840px;
    margin: 100px auto 0;
}

.center_coop .coop_process .coop-diagram {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 32px;
}

.center_coop .coop_process .coop-diagram .stroke {
    stroke: #111111;
    fill: none;
    stroke-width: 2;
}

.center_coop .coop_process .coop-diagram .bubble {
    fill: #fff;
    stroke: #111111;
    stroke-width: 2;
}

.center_coop .coop_process .coop-diagram .pill {
    fill: #404043;
}

.center_coop .coop_process .coop-diagram .soft {
    fill: #f1f2f4;
}

.center_coop .coop_process .coop-diagram .node {
    fill: #fff;
}

.center_coop .coop_process .coop-diagram .brand {
    fill: #b31922;
}

.center_coop .coop_process .coop-diagram text {
    text-anchor: middle;
    dominant-baseline: central;
    fill: #111;
}

.center_coop .coop_process .coop-diagram .t-small {
    font-size: 38px;
}

.center_coop .coop_process .coop-diagram .t-pill {
    font-size: 46px;
    fill: #fff;
    font-weight: 400;
}

.center_coop .coop_process .coop-diagram .t-brand {
    font-size: 60px;
    fill: #fff;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.center_coop .coop_process .coop-diagram .t-step {
    font-size: 52px;
}