@charset "UTF-8"; /* subpage common */
.blue-gradation {
    background: #00a098;
    background: -webkit-gradient(linear, left top, right top, from(#00a098), to(#437dea));
    background: linear-gradient(to right, #00a098 0%, #437dea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a098", endColorstr="#437dea", GradientType=1);
}

br.br-mob {
    display: none !important;
}

@media (min-width: 0px) and (max-width: 1279px) {
    br.br-mob {
        display: block !important;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    br.br-mob {
        display: none !important;
    }
}

br.br-tablet {
    display: block !important;
}

@media (min-width: 0px) and (max-width: 1279px) {
    br.br-tablet {
        display: none !important;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    br.br-tablet {
        display: none !important;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    br.br-block {
        display: block !important;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    br.br-block {
        display: block !important;
    }
}

.tb_w.t-mgt-12 {
    margin-top: 0.75rem;
}

.board-side-info {
    position: relative;
    padding-bottom: 36px;
}

.board-side-info .ab-txt {
    position: absolute;
    color: #6d6c6c;
    font-size: 16px;
    font-weight: 400;
}

.board-side-info .ab-txt.top-r-txt {
    top: -35px;
    right: 0;
}

.board-side-info .ab-txt.bottom-r-txt {
    right: 0;
    bottom: 0;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .x_divi {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .x_divi {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.x_divi > .right {
    text-align: left;
    margin-top: 0.625rem;
}

.lnb_tab > li.on {
    position: relative;
}

.lnb_tab > li.on a {
    border: 3px solid transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) padding-box, -webkit-gradient(linear, left top, left bottom, from(#437dea), to(#437dea)) border-box;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(#437dea, #437dea) border-box;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) padding-box, url(../images/comm/ptn_st01.png) border-box;
    background: linear-gradient(#fff, #fff) padding-box, url(../images/comm/ptn_st01.png) border-box;
    color: #437dea;
    border-color: transparent;
}

.lnb_tab > li.on a span {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.lnb_tab.tab7 > li {
    -ms-flex-preferred-size: 160px;
    flex-basis: 160px;
}

.prt-a {
    margin-bottom: 3.125rem;
}

.prt-a.big-ngb {
    margin-bottom: 5.3125rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .prt-a.big-ngb {
        margin-bottom: 2.4rem;
    }
}

.prt-a:last-child {
    margin-bottom: 0;
}

.prt-a.last-mg-x {
    margin-bottom: 0;
}

.prt-a.rela {
    position: relative;
}

.prt-b {
    margin-bottom: 2.6875rem;
}

.prt-b:last-child {
    margin-bottom: 0;
}

.prt-b.first-top {
    margin-top: 2.6875rem;
}

.prt-b.rela {
    position: relative;
}

.prt-c {
    margin-bottom: 2.1875rem;
}

.prt-c:last-child {
    margin-bottom: 0;
}

.prt-c.first-top {
    margin-top: 1.25rem;
}

.prt-c.rela {
    position: relative;
}

.nor-c {
    color: #636363;
    letter-spacing: -1px;
    line-height: 1.87;
    font-weight: 400;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .nor-c.mob-br-none br {
        display: none;
    }
}

.tt-blue {
    display: block;
    color: #193467;
    letter-spacing: -1px;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0.625rem;
}

.gra-title-banner .txt {
    color: #636363;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.875;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .gra-title-banner .txt br {
        display: none;
    }
}

.gra-title-banner .con-txt {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 165px;
    padding-bottom: 45px;
}

.gra-title-banner .con-txt.min-hei-265 {
    min-height: 265px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .gra-title-banner .con-txt.min-hei-265 {
        min-height: auto;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .gra-title-banner .con-txt.min-hei-265 {
        min-height: auto;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .gra-title-banner .con-txt {
        min-height: auto;
        padding-bottom: 6.5rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .gra-title-banner .con-txt {
        min-height: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-bottom: 3.5rem;
    }
}

.gra-title-banner .con-txt .flo-blank {
    display: block;
    display: none;
    float: right;
    width: 330px;
    height: 225px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .gra-title-banner .con-txt .flo-blank {
        display: none;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .gra-title-banner .con-txt .flo-blank {
        display: block;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .gra-title-banner .con-txt.pdr-x {
        padding-right: 0;
    }
}

.gra-title-banner .in-txt {
    padding-right: 640px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .gra-title-banner .in-txt {
        padding-right: 0;
    }
}

.gra-title-banner .gra-box {
    position: relative;
}

.gra-title-banner .gra-box .cn-tt-banner {
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 47px;
    border-radius: 5rem 0 0 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .gra-title-banner .gra-box .cn-tt-banner {
        top: -80px;
        bottom: auto !important;
        width: 300px !important;
        height: 200px !important;
        border-radius: 3.125rem 0 0 0;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .gra-title-banner .gra-box .cn-tt-banner {
        top: -46px;
        width: 310px !important;
        height: 160px !important;
        border-radius: 3.125rem 0 0 0;
    }
}

.gra-title-banner .gra-box .cn-tt-banner.redius-rt {
    border-radius: 0 5rem 0 0;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .gra-title-banner .gra-box .cn-tt-banner.redius-rt {
        border-radius: 0 3.125rem 0 0;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .gra-title-banner .gra-box .cn-tt-banner.redius-rt {
        border-radius: 0 3.125rem 0 0;
    }
}

.gra-title-banner .gra-box .cn-tt-banner.redius-rb {
    border-radius: 0 0 5rem 0;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .gra-title-banner .gra-box .cn-tt-banner.redius-rb {
        border-radius: 0 0 3.125rem 0;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .gra-title-banner .gra-box .cn-tt-banner.redius-rb {
        border-radius: 0 0 3.125rem 0;
    }
}

.gra-title-banner .gra-box .cn-tt-banner.redius-lb {
    border-radius: 0 0 0 5rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .gra-title-banner .gra-box .cn-tt-banner.redius-lb {
        border-radius: 0 0 0 3.125rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .gra-title-banner .gra-box .cn-tt-banner.redius-lb {
        border-radius: 0 0 0 3.125rem;
    }
}

.gra-title-banner .gra-box .cn-tt-banner.pic-cn-center-1 {
    width: 601px;
    height: 534px;
    background-image: url("../images/sub/cn-title-banner-pic-1.jpg");
}

.gra-title-banner .gra-box .cn-tt-banner.pic-cn-center-2 {
    bottom: 54px;
    width: 601px;
    height: 357px;
    background-image: url("../images/sub/cn-title-banner-pic-2.jpg");
}

.gra-title-banner .gra-box .cn-tt-banner.pic-cn-center-3 {
    bottom: 54px;
    width: 601px;
    height: 357px;
    background-image: url("../images/sub/cn-title-banner-pic-3.jpg");
}

.gra-title-banner .gra-box .cn-tt-banner.pic-nurse-1 {
    width: 558px;
    height: 346px;
    background-image: url("../images/sub/ns-title-banner-pic-1.jpg");
}

.gra-title-banner .gra-box .blue-gradation {
    width: calc(100% - 99px);
    padding: 38px 58px 50px;
    padding-right: 541px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .gra-title-banner .gra-box .blue-gradation {
        width: calc(100% - 30px);
        padding: 138px 20px 38px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .gra-title-banner .gra-box .blue-gradation {
        padding: 120px 20px 38px;
    }
}

.gra-title-banner .gra-box .blue-gradation .white-txt {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.66;
}

.gra-title-banner .gra-box .blue-gradation .white-txt.small-16 {
    font-size: 1rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .gra-title-banner .gra-box .blue-gradation .white-txt br {
        display: none;
    }
}

.gra-title-banner .gra-box .blue-gradation .white-txt.tell strong, .gra-title-banner .gra-box .blue-gradation .white-txt.tell span {
    display: block;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner .nor-c br {
        display: none;
    }
}

.edg-title-banner .title-inner {
    position: relative;
}

.edg-title-banner .flex-pic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner .flex-pic {
        padding-bottom: 120px;
    }
}

.edg-title-banner .flex-pic .fx-txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-bottom: 100px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner .flex-pic .fx-txt {
        padding-bottom: 0;
    }
}

.edg-title-banner .flex-pic .fx-pic {
    position: relative;
    z-index: 1;
    padding-left: 15px;
    padding-top: 10px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner .flex-pic .fx-pic {
        position: absolute;
        right: 0;
        bottom: -90px;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner .flex-pic .fx-pic img {
        height: 200px;
        -o-object-fit: contain;
        object-fit: contain;
    }
}

.edg-title-banner .gra-box {
    position: relative;
    margin-top: -95px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner .gra-box {
        margin-top: 0;
    }
}

.edg-title-banner .gra-box .cn-tt-banner {
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 47px;
    border-radius: 5rem 0 0 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner .gra-box .cn-tt-banner {
        top: -80px;
        bottom: auto !important;
        width: 300px !important;
        height: 200px !important;
        border-radius: 3.125rem 0 0 0;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .edg-title-banner .gra-box .cn-tt-banner {
        top: -46px;
        width: 310px !important;
        height: 160px !important;
        border-radius: 3.125rem 0 0 0;
    }
}

.edg-title-banner .gra-box .cn-tt-banner.redius-rt {
    border-radius: 0 5rem 0 0;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner .gra-box .cn-tt-banner.redius-rt {
        border-radius: 0 3.125rem 0 0;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .edg-title-banner .gra-box .cn-tt-banner.redius-rt {
        border-radius: 0 3.125rem 0 0;
    }
}

.edg-title-banner .gra-box .cn-tt-banner.redius-rb {
    border-radius: 0 0 5rem 0;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner .gra-box .cn-tt-banner.redius-rb {
        border-radius: 0 0 3.125rem 0;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .edg-title-banner .gra-box .cn-tt-banner.redius-rb {
        border-radius: 0 0 3.125rem 0;
    }
}

.edg-title-banner .gra-box .cn-tt-banner.redius-lb {
    border-radius: 0 0 0 5rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner .gra-box .cn-tt-banner.redius-lb {
        border-radius: 0 0 0 3.125rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .edg-title-banner .gra-box .cn-tt-banner.redius-lb {
        border-radius: 0 0 0 3.125rem;
    }
}

.edg-title-banner .gra-box .cn-tt-banner.pic-cn-center-1 {
    width: 601px;
    height: 534px;
    background-image: url("../images/sub/cn-title-banner-pic-1.jpg");
}

.edg-title-banner .gra-box .cn-tt-banner.pic-cn-center-2 {
    bottom: 54px;
    width: 601px;
    height: 357px;
    background-image: url("../images/sub/cn-title-banner-pic-2.jpg");
}

.edg-title-banner .gra-box .cn-tt-banner.pic-cn-center-3 {
    bottom: 54px;
    width: 601px;
    height: 357px;
    background-image: url("../images/sub/cn-title-banner-pic-3.jpg");
}

.edg-title-banner .gra-box .cn-tt-banner.pic-nurse-1 {
    width: 558px;
    height: 346px;
    background-image: url("../images/sub/ns-title-banner-pic-1.jpg");
}

.edg-title-banner .gra-box .blue-gradation {
    width: calc(100% - 99px);
    padding: 2.375rem 3.625rem 3.125rem;
    padding-right: 32.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.edg-title-banner .gra-box .blue-gradation.pdr-490 {
    padding-right: 30.625rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner .gra-box .blue-gradation.pdr-490 {
        padding: 7.5rem 1.25rem 1.2rem;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner .gra-box .blue-gradation {
        width: calc(100% - 30px);
        padding: 7.5rem 1.25rem 1.2rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .edg-title-banner .gra-box .blue-gradation {
        padding: 7.5rem 1.25rem 2.375rem;
    }
}

.edg-title-banner .gra-box .blue-gradation .gra-txt-icon {
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 8px;
}

.edg-title-banner .gra-box .blue-gradation .gra-txt-icon:after {
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 64%;
    background-image: url("../images/sub/circle-tell-icon.png");
}

.edg-title-banner .gra-box .blue-gradation .gra-txt-icon.time:after {
    background-size: 64%;
    background-image: url("../images/sub/circle-time-icon.png");
}

.edg-title-banner .gra-box .blue-gradation .white-txt {
    color: #fff;
    letter-spacing: -0.0625rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.66;
}

.edg-title-banner .gra-box .blue-gradation .white-txt .small-18 {
    font-size: 1.125rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner .gra-box .blue-gradation .white-txt br {
        display: none;
    }
}

.edg-title-banner .gra-box .blue-gradation .white-txt.tell strong, .edg-title-banner .gra-box .blue-gradation .white-txt.tell span {
    display: block;
}

.edg-title-banner .gra-box .blue-gradation .icon-tall-gra {
    color: #fff;
}

.edg-title-banner .gra-box .blue-gradation .icon-tall-gra strong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.625rem;
}

.edg-title-banner .gra-box .blue-gradation .icon-tall-gra strong span {
    display: block;
    position: relative;
    font-size: 1.125rem;
    font-weight: 400;
}

.edg-title-banner .gra-box .blue-gradation .icon-tall-gra p {
    font-size: 1.5625rem;
    font-weight: 400;
}

.edg-title-banner .gra-box .blue-gradation .icon-tall-ls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.edg-title-banner .gra-box .blue-gradation .icon-tall-ls .gra-txt-icon {
    margin-top: -0.125rem;
}

.edg-title-banner .gra-box .blue-gradation .icon-tall-ls .ls {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.edg-title-banner .gra-box .blue-gradation .icon-tall-ls .ls > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1.125rem;
    margin-bottom: 0.3125rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner .gra-box .blue-gradation .icon-tall-ls .ls > li {
        display: block;
        margin-bottom: 0.625rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .edg-title-banner .gra-box .blue-gradation .icon-tall-ls .ls > li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0.5rem;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.edg-title-banner .gra-box .blue-gradation .icon-tall-ls .ls > li:last-child {
    margin-bottom: 0;
}

.edg-title-banner .gra-box .blue-gradation .icon-tall-ls .ls > li strong {
    display: block;
    font-weight: 500;
    margin-right: 0.3125rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner .gra-box .blue-gradation .icon-tall-ls .ls > li strong {
        margin-bottom: 0.3125rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .edg-title-banner .gra-box .blue-gradation .icon-tall-ls .ls > li strong {
        margin-right: 0.9375rem;
        margin-bottom: 0;
    }
}

.edg-title-banner .gra-box .blue-gradation .icon-tall-ls .ls > li span {
    font-weight: 500;
}

.edg-title-banner .gra-box .blue-gradation .icon-time-ls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.edg-title-banner .gra-box .blue-gradation .icon-time-ls .gra-txt-icon {
    width: 3rem;
    height: 3rem;
    margin-top: -0.75rem;
    margin-right: 0.9375rem;
}

.edg-title-banner .gra-box .blue-gradation .icon-time-ls .ls {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.edg-title-banner .gra-box .blue-gradation .icon-time-ls .ls > li {
    color: #fff;
    margin-bottom: 0.3125rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner .gra-box .blue-gradation .icon-time-ls .ls > li {
        margin-bottom: 0.625rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .edg-title-banner .gra-box .blue-gradation .icon-time-ls .ls > li {
        margin-bottom: 0.5rem;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.edg-title-banner .gra-box .blue-gradation .icon-time-ls .ls > li:last-child {
    margin-bottom: 0;
}

.edg-title-banner .gra-box .blue-gradation .icon-time-ls .ls > li .tt {
    display: block;
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0.625rem;
}

.edg-title-banner .gra-box .blue-gradation .icon-time-ls .ls > li .con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
}

.edg-title-banner .gra-box .blue-gradation .icon-time-ls .ls > li .con strong {
    display: block;
    font-weight: 500;
    margin-right: 2.1875rem;
}

.edg-title-banner .gra-box .blue-gradation .icon-time-ls .ls > li .con p {
    font-weight: 400;
}

.edg-title-banner .gra-box .blue-gradation .icon-time-ls.txt-title .ls li .tt {
    font-size: 1.5rem;
    font-family: "Sbaggro";
    font-weight: 500;
}

.edg-title-banner .gra-box .blue-gradation .icon-time-ls.txt-title .ls li .con p {
    font-size: 1.25rem;
    font-weight: 500;
}

.edg-title-banner.pic-ab .flex-pic {
    position: static;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner.pic-ab .flex-pic {
        position: relative;
    }
}

.edg-title-banner.pic-ab .flex-pic .fx-txt {
    padding-right: 49%;
    padding-bottom: 45px;
    min-height: 170px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.edg-title-banner.pic-ab .flex-pic .fx-txt.min-h-135 {
    min-height: 135px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner.pic-ab .flex-pic .fx-txt.min-h-135 {
        min-height: auto;
    }
}

.edg-title-banner.pic-ab .flex-pic .fx-txt.min-h-200 {
    min-height: 200px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner.pic-ab .flex-pic .fx-txt.min-h-200 {
        min-height: auto;
    }
}

.edg-title-banner.pic-ab .flex-pic .fx-txt.min-h-240 {
    min-height: 240px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner.pic-ab .flex-pic .fx-txt.min-h-240 {
        min-height: auto;
    }
}

.edg-title-banner.pic-ab .flex-pic .fx-txt.min-h-285 {
    min-height: 285px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner.pic-ab .flex-pic .fx-txt.min-h-285 {
        min-height: auto;
    }
}

.edg-title-banner.pic-ab .flex-pic .fx-txt.pdr-45per {
    padding-right: 45%;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner.pic-ab .flex-pic .fx-txt.pdr-45per {
        padding-right: 0;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner.pic-ab .flex-pic .fx-txt {
        padding-right: 0;
        padding-bottom: 0;
        min-height: auto;
    }
}

.edg-title-banner.pic-ab .flex-pic .fx-pic {
    position: absolute;
    right: 0;
    bottom: 62px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner.pic-ab .flex-pic .fx-pic {
        position: absolute;
        right: 0;
        bottom: -90px;
    }
}

.edg-title-banner.pic-ab .flex-pic .fx-pic.type-v1 {
    bottom: -25px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner.pic-ab .flex-pic .fx-pic.type-v1 {
        bottom: -95px;
    }
}

.edg-title-banner.pic-ab .flex-pic .fx-pic.type-v2 {
    bottom: 37px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner.pic-ab .flex-pic .fx-pic.type-v2 {
        bottom: -90px;
    }
}

.edg-title-banner.pic-ab .gra-box {
    margin-top: 0;
}

.edg-title-banner.pic-ab.reverse .flex-pic .fx-txt {
    padding-right: 0;
    padding-left: 640px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner.pic-ab.reverse .flex-pic .fx-txt {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        min-height: auto;
    }
}

.edg-title-banner.pic-ab.reverse .flex-pic .fx-pic {
    right: auto;
    left: 0;
    padding-left: 0;
    padding-right: 15px;
    padding-top: 10px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner.pic-ab.reverse .flex-pic .fx-pic {
        position: absolute;
        right: 0;
        bottom: -90px;
        left: auto;
        padding-right: 0;
        padding-left: 15px;
        padding-top: 10px;
    }
}

.edg-title-banner.pic-ab.reverse .gra-box .blue-gradation {
    padding-right: 0;
    padding-left: 640px;
    margin-left: 99px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .edg-title-banner.pic-ab.reverse .gra-box .blue-gradation {
        width: calc(100% - 30px);
        padding: 7.5rem 1.25rem 1.2rem;
        margin-left: 0;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .edg-title-banner.pic-ab.reverse .gra-box .blue-gradation {
        padding: 7.5rem 1.25rem 2.375rem;
    }
}

.health-edg-title-gra {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.health-edg-title-gra .icon {
    display: block;
    position: relative;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 20px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .health-edg-title-gra .icon {
        width: 50px;
        height: 50px;
    }
}

.health-edg-title-gra .icon:after {
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 64%;
}

.health-edg-title-gra .icon.img-1:after {
    background-image: url(../images/cnt02/icon_0001.png);
}

.health-edg-title-gra .icon.img-2:after {
    background-image: url("../images/sub/health-edg-title-icon-2.png");
}

.health-edg-title-gra .icon.img-3:after {
    background-image: url("../images/sub/health-edg-title-icon-3.png");
}

.health-edg-title-gra .icon.img-4:after {
    background-image: url("../images/sub/health-edg-title-icon-4.png");
}

.health-edg-title-gra .icon.img-5:after {
    background-image: url("../images/sub/health-edg-title-icon-5.png");
}

.health-edg-title-gra .con {
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.125rem;
    line-height: 2;
}

.health-edg-title-gra .con .day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .health-edg-title-gra .con .day {
        display: block;
        margin-bottom: 10px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .health-edg-title-gra .con .day {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0;
    }
}

.health-edg-title-gra .con .day strong {
    display: block;
    font-weight: 400;
    margin-right: 50px;
}

.health-edg-title-gra .con .day p {
    font-weight: 400;
}

.c_box_bd_divi {
    border: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 1px;
}

.c_box_bd_divi .f_c_pr {
    display: inline;
}

.c_box_bd_divi > li {
    border: 1px solid #ddd;
    margin-left: -1px;
    margin-bottom: -1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .c_box_bd_divi > li {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}

.c_box_bd_divi.arrow > li {
    position: relative;
}

.c_box_bd_divi.arrow > li:after {
    display: block;
    position: absolute;
    top: 50%;
    right: -38px;
    z-index: 1;
    width: 4rem;
    height: 2.9375rem;
    background: url("../images/sub/c_box_bd_arrow.png") 0 0 no-repeat;
    content: "";
    background-size: contain;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

@media (min-width: 0px) and (max-width: 1279px) {
    .c_box_bd_divi.arrow > li:after {
        top: auto;
        right: 0;
        bottom: -1.2rem;
        left: 0;
        width: 3rem;
        height: 2.2375rem;
        margin: 0 auto;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .c_box_bd_divi.arrow > li:after {
        top: 50%;
        right: -28px;
        bottom: auto;
        left: auto;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .c_box_bd_divi.arrow > li:nth-child(2):after {
        top: auto;
        right: 0;
        bottom: -1.2rem;
        left: 0;
        width: 3rem;
        height: 2.2375rem;
        margin: 0 auto;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .c_box_bd_divi.arrow > li:nth-child(3) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .c_box_bd_divi.arrow > li:nth-child(3):after {
        top: calc(50% - 35.8px);
        right: auto;
        bottom: auto;
        left: -27px;
        width: 3rem;
        height: 2.2375rem;
        margin: 0;
        -webkit-transform: rotate(180deg) translate(0, -50%);
        transform: rotate(180deg) translate(0, -50%);
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .c_box_bd_divi.arrow > li:nth-child(4) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}

.c_box_bd_divi.arrow > li:last-child:after {
    display: none;
}

.c_box_bd_divi.col2-first-wd {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .c_box_bd_divi.col2-first-wd {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.c_box_bd_divi.col2-first-wd > li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 492px;
    flex-basis: 492px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .c_box_bd_divi.col2-first-wd > li {
        width: calc(100% + 1px);
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .c_box_bd_divi.col2-first-wd > li {
        width: calc(50% + 1px);
    }
}

.c_box_bd_divi.col2-first-wd > li:first-child {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: 799px;
    flex-basis: 799px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .c_box_bd_divi.col2-first-wd > li:first-child {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}

.c_box_bd_divi.fx-wrap-50 > li {
    width: calc(50% + 1px);
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .c_box_bd_divi.fx-wrap-50 > li {
        width: calc(100% + 1px);
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .c_box_bd_divi.fx-wrap-50 > li {
        width: calc(50% + 1px);
    }
}

.c_box_bd_divi.fx-wrap-33 > li {
    width: calc(33.3333% + 1px);
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .c_box_bd_divi.fx-wrap-33 > li {
        width: calc(100% + 1px);
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .c_box_bd_divi.fx-wrap-33 > li {
        width: auto;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

.c_box_bd_divi.fx-wrap-25 > li {
    width: calc(25% + 1px);
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .c_box_bd_divi.fx-wrap-25 > li {
        width: calc(100% + 1px);
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .c_box_bd_divi.fx-wrap-25 > li {
        width: calc(50% + 1px);
    }
}

.c_box_bd_divi.fx-wrap-25 > li {
    width: calc(25% + 1px);
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .c_box_bd_divi.fx-wrap-25 > li {
        width: calc(100% + 1px);
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .c_box_bd_divi.fx-wrap-25 > li {
        width: calc(50% + 1px);
    }
}

.c_box_bd_divi.fx-wrap-20 > li {
    width: calc(20% + 1px);
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .c_box_bd_divi.fx-wrap-20 > li {
        width: calc(100% + 1px);
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .c_box_bd_divi.fx-wrap-20 > li {
        width: calc(50% + 1px);
    }
}

.c_box_st01 .img-diamond-01 > span {
    background-image: url("../images/sub/icon_diamond_01.png");
}

.c_box_st01 .img-diamond-02 > span {
    background-image: url("../images/sub/icon_diamond_02.png");
}

.c_box_st01 .img-diamond-03 > span {
    background-image: url("../images/sub/icon_diamond_03.png");
}

.c_box_st01 .img-diamond-04 > span {
    background-image: url("../images/sub/icon_diamond_04.png");
}

.c_box_st01.dia-size-137 > .img {
    width: 137px;
    height: 155px;
}

.c_box_st01.dia-size-97 > .img {
    width: 97px;
    height: 109px;
}

.c_box_st01.dia-size-97 > .img .arw:before {
    display: none;
}

.c_box_st01.title-small .txt dt {
    font-size: 1.1875rem;
}

.c_box_st01.sub-txt-gray .txt dd {
    color: #636363;
}

.c_box_st01 .txt dt {
    font-size: 1.5625rem;
}

.c_box_st01 .txt dd .list_basic li {
    text-align: left;
}

.c_box_st01 .img_gd_amb_1 > span {
    background-image: url("../images/sub/icon_diamond_01.png");
}

.c_box_st01 .img_gd_amb_2 > span {
    background-image: url("../images/sub/img-gd-amb-icon-2.png");
}

.c_box_st01 .img_gd_amb_3 > span {
    background-image: url("../images/sub/img-gd-amb-icon-3.png");
}

.c_box_st01 .img_gd_amb_4 > span {
    background-image: url("../images/sub/img-gd-amb-icon-4.png");
}

.c_box_st01 .img_gd_amb_5 > span {
    background-image: url("../images/sub/icon_diamond_03.png");
}

.dl_custom.align-c {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.x_icon .icon-tt-txt {
    color: #4c4c4c;
    font-weight: 500;
    margin-right: 34px;
}

.x_icon .icon-sub-txt {
    display: inline-block;
    color: #636363;
    font-weight: 400;
}

.x_custom_tel > .img.img-1 {
    background: url("../images/sub/icon_clock.png") 0 0 no-repeat;
}

.x_custom_tel > .num.s-tx {
    font-size: 1.25rem;
}

.c_box_bd.radius-5 {
    border-radius: 0.3125rem;
}

.c_box_bd.gray-bg-tp-1 {
    background-color: #eef3f5;
    padding-top: 2.8125rem;
    padding-bottom: 2.8125rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .c_box_bd.gray-bg-tp-1 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .c_box_bd.gray-bg-tp-1 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

.c_box_bd.gray-bg-tp-1 .x_info_icon01 {
    margin: 0;
    margin-left: 61px;
    max-width: none;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .c_box_bd.gray-bg-tp-1 .x_info_icon01 {
        margin-left: 0;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .c_box_bd.gray-bg-tp-1 .x_info_icon01 {
        margin: 0 auto;
    }
}

.bg-box {
    position: relative;
}

.bg-box.gray {
    background-color: #f4f5f9;
}

.bg-box.gray-b-1 {
    background-color: #eef3f5;
}

.bg-box.white {
    background-color: #fff;
}

.bg-box.radius-5 {
    border-radius: 0.3125rem;
}

.bg-box.radius-top-5 {
    border-radius: 0.3125rem 0.3125rem 0 0;
}

.bg-box.pd-xsmall {
    padding: 1.2rem 1.875rem;
}

.bg-box.pd-small {
    padding: 1.5625rem 1.875rem;
}

.bg-box.pd-normal {
    padding: 2.5rem 2.5rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .bg-box.pd-normal {
        padding: 2.0625rem 0.9375rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .bg-box.pd-normal {
        padding: 2.0625rem 2.15rem;
    }
}

.bg-box.pd-mid {
    padding: 1.875rem 2.5rem;
}

.bg-box.pd-list {
    padding: 2.0625rem 2.6875rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .bg-box.pd-list {
        padding: 1.3rem 0.9375rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .bg-box.pd-list {
        padding: 2.0625rem 2.15rem;
    }
}

.bg-box.pd-big {
    padding: 3.5625rem 4rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .bg-box.pd-big {
        padding: 2rem;
    }
}

.bg-box.bd-c-gray {
    border: 1px solid #e5e5e5;
}

.bg-box .mint-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 9.0625rem;
    height: 9.0625rem;
    background-color: #3db8b2;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .bg-box .mint-icon {
        top: 0;
        bottom: auto;
        width: 5rem;
        height: 5rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .bg-box .mint-icon {
        top: auto;
        bottom: 0;
        width: 7.1rem;
        height: 7.1rem;
    }
}

.bg-box .mint-icon:after {
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
}

.bg-box .mint-icon.m-icon-1:after {
    background-image: url("../images/sub/public-list-ico01.png");
}

.bg-box .arrow-mark-txt {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    color: #636363;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.875;
}

.bg-box .arrow-mark-txt:before {
    display: block;
    width: 1rem;
    height: 0.6875rem;
    background: url("../images/sub/arrow-mark-txt-ico.png") 0 0 no-repeat;
    content: "";
    background-size: contain;
    margin-right: 0.3125rem;
    margin-top: 0.625rem;
}

.bg-box .arrow-mark-txt span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.bg-box .arrow-mark-txt.bold {
    color: #000;
}

.bg-box .arrow-mark-txt.bold:before {
    background: url("../images/sub/arrow-mark-txt-bold-ico.png") 0 0 no-repeat;
    background-size: contain;
}

.list_basic.ex-circle > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    margin-bottom: 1.125rem;
    padding-left: 1.5rem;
}

.list_basic.ex-circle > li:before {
    display: block;
    position: absolute;
    top: 0.37rem;
    left: 0;
    width: 1rem;
    height: 1rem;
    background: url(../images/comm/icon_exp.png) no-repeat 50% 50%;
    content: "";
    background-size: contain;
}

.list_basic.ex-circle > li:last-child {
    margin-bottom: 0;
}

.list_basic.ex-circle > li strong {
    width: 6.25rem;
    color: #4c4c4c;
    font-weight: 500;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.list_basic.ex-circle > li p {
    color: #636363;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 400;
}

.list_basic.ex-circle > li p a:hover {
    text-decoration: underline;
}

.list_basic.ex-circle > li .quick-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.list_basic.ex-circle.tt-wid-148 strong {
    width: 9.25rem;
}

.list_basic.ex-circle.tt-wid-180 strong {
    width: 11.25rem;
}

/* 추가 */
.list_basic.ex-circle-red > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #ea7c7c;
    font-size: 1rem;
    padding-left: 1.5rem;
    font-weight: 500;
}

.list_basic.ex-circle-red > li:before {
    display: block;
    position: absolute;
    top: 0.37rem;
    left: 0;
    width: 1rem;
    height: 1rem;
    background: url(../images/comm/icon_exp_red.png) no-repeat 50% 50%;
    content: "";
    background-size: contain;
}

.list_basic.list_dia > li {
    position: relative;
    padding-left: 0.9375rem;
    margin-bottom: 0.95rem;
}

.list_basic.list_dia > li:last-child {
    margin-bottom: 0;
}

.list_basic.list_dia > li:before {
    display: block;
    position: absolute;
    top: 0.6rem;
    left: 0;
    width: 0.3125rem;
    height: 0.3125rem;
    content: "";
    background-color: #3db8b2;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.list_basic.list_dia > li .blue-t {
    display: block;
    color: #356bd0;
    font-weight: 400;
}

.list_basic.list_dia > li.bottom-icon {
    width: calc(100% - 150px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .list_basic.list_dia > li.bottom-icon {
        width: auto;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .list_basic.list_dia > li.bottom-icon {
        width: calc(100% - 150px);
    }
}

.list_basic.list_dia.li-mgb-fix > li {
    margin-bottom: 0.1875rem;
}

.list_basic.list_dot.dot-c-gray li:before {
    background: #6d6d6d;
}

.list_basic .dash-list {
    margin-top: 0;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .list_basic.mob-tt-block > li {
        display: block;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .list_basic.mob-tt-block > li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.list_basic .in-point-blue {
    color: #193467;
    font-weight: 500;
}

.dash-list > li {
    display: block;
    position: relative;
    color: #636363;
    font-size: 1rem;
    font-weight: 400;
    padding-left: 7px;
    line-height: 1.875;
}

.dash-list > li:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    color: #636363;
    content: "-";
    font-size: 1rem;
    font-weight: 400;
}

.nor-dashed-list li {
    display: block;
    color: #636363;
    font-size: 1rem;
    line-height: 1.87;
    font-weight: 400;
}

.nor-dashed-list.list-inner-pd {
    padding-left: 1.1369rem;
}

.nor-dashed-list.flex li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
}

.nor-dashed-list.flex li:last-child {
    margin-bottom: 0;
}

.nor-dashed-list.flex li .dash {
    padding-right: 5px;
}

.number-sm-circle-list > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.number-sm-circle-list > li .n-txt-con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #636363;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.875;
}

.number-sm-circle-list > li .num {
    margin-right: 0.1875rem;
}

.alphabet-list > li {
    display: block;
}

.alphabet-list > li .n-txt-con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #636363;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.875;
}

.alphabet-list > li .num {
    margin-right: 0.1875rem;
}

.alphabet-list.prt-nb-ls {
    padding-left: 1.3563rem;
}

.hangle-list > li {
    display: block;
    margin-bottom: 1.6875rem;
}

.hangle-list > li:last-child {
    margin-bottom: 0;
}

.hangle-list .han-tt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.875;
}

.hangle-list .han-tt .num {
    margin-right: 0.1875rem;
}

.hangle-list .bg-box {
    margin-left: 0;
}

.hangle-list.list-mgb-small > li {
    margin-bottom: 1.125rem;
}

.list-basic-fix > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.625rem;
}

.list-basic-fix > li:last-child {
    margin-bottom: 0;
}

.list-basic-fix > li strong {
    display: block;
    position: relative;
    width: 100px;
    color: #4c4c4c;
    padding-left: 0.875rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: 1rem;
    font-weight: 500;
}

.list-basic-fix > li strong:after {
    display: block;
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 0.3125rem;
    height: 0.3125rem;
    content: "";
    background-color: #2357b8;
    border-radius: 50%;
}

.list-basic-fix > li p {
    color: #636363;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1rem;
    font-weight: 400;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .list-basic-fix > li p br {
        display: none;
    }
}

.list-basic-fix > li .utilzation-time-ls > li {
    color: #636363;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0.3125rem;
}

.list-basic-fix > li .utilzation-time-ls > li:last-child {
    margin-bottom: 0;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .list-basic-fix > li .utilzation-time-ls > li br {
        display: none;
    }
}

.list-basic-fix.tt-wid-148 strong {
    width: 110px;
}

.number-circle-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-bottom: 38px;
}

.number-circle-list li:last-child {
    margin-bottom: 0;
}

.number-circle-list li i {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 3.8125rem;
    height: 3.8125rem;
    border: 1px solid #c9c9c9;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
}

.number-circle-list li .con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 1.4375rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.number-circle-list li .con .tt-blue {
    display: block;
    color: #2357b8;
    font-size: 1.125rem;
    font-weight: 500;
}

.number-circle-list li .con .nor-txt {
    color: #636363;
    letter-spacing: -1px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.875;
}

.number-circle-list li .f_c_m {
    display: inline;
}

.number-circle-list.only-title li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.number-circle-list.only-title li i {
    position: static;
    width: 3.8125rem;
    height: 3.8125rem;
}

.number-circle-list.only-title li .con {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 24px;
}

.number-circle-list.align-c li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tb .txt-center {
    text-align: center;
}

.tb .txt-left {
    text-align: left;
}

.tb .txt-right {
    text-align: right;
}

.tb .td-t {
    color: #000;
    font-weight: 400;
    background-color: #f9f9f9;
}

.tb .td-l-pd {
    padding: 18px 25px;
}

.tb .bd-line-l {
    border-left: 1px solid #ddd;
}

.btn_st01.icon {
    padding-left: 1.4375rem;
}

.btn_st01.icon span {
    position: relative;
    padding-left: 1.5rem;
}

.btn_st01.icon span:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.btn_st01.icon.han span:before {
    width: 0.875rem;
    height: 0.875rem;
    background: url("../images/sub/btn-doc-icon-han.png") 0 0 no-repeat;
}

.btn_st01.icon.wor span:before {
    width: 0.8125rem;
    height: 0.8125rem;
    background: url("../images/sub/btn-doc-icon-wor.png") 0 0 no-repeat;
}

.btn_st01.r-icon-down:after {
    background: url("../images/sub/icon_r_down.png") 100% 50% no-repeat;
}

.btn_area_btm.btn-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.qna-toggle-box .qna-ul {
    color: #636363;
    line-height: 1.87;
    font-weight: 400;
    border-top: 1px solid #dbdbdb;
}

.qna-toggle-box .qna-ul .qna-li {
    display: block;
    border-bottom: 1px solid #dbdbdb;
}

.qna-toggle-box .qna-ul .qna-li.on .q-box:after {
    -webkit-transform: translate(0, -50%) rotate(180deg);
    transform: translate(0, -50%) rotate(180deg);
}

.qna-toggle-box .qna-ul .q-box {
    position: relative;
}

.qna-toggle-box .qna-ul .q-box:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 13px;
    width: 14px;
    height: 9px;
    background: url("../images/sub/qna-side-arrow-icon.png") 100% 50% no-repeat;
    content: "";
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.qna-toggle-box .qna-ul .q-box button {
    display: block;
    position: relative;
    width: 100%;
    padding: 18px 27px;
    color: #636363;
    text-align: left;
    padding-left: 51px;
    padding-right: 40px;
}

.qna-toggle-box .qna-ul .q-box button:before {
    display: block;
    position: absolute;
    top: 17px;
    left: 27px;
    color: #505151;
    content: "Q";
    font-size: 1rem;
    font-weight: 500;
}

.qna-toggle-box .qna-ul .a-box {
    display: none;
    border-top: 1px solid #dbdbdb;
}

.qna-toggle-box .qna-ul .a-box .box-in {
    position: relative;
    padding: 18px 27px;
    background-color: #f8f8f8;
    padding-left: 51px;
}

.qna-toggle-box .qna-ul .a-box .box-in:before {
    display: block;
    position: absolute;
    top: 18px;
    left: 28px;
    color: #505151;
    content: "A";
    font-size: 1rem;
    font-weight: 500;
}

.top-guide-banner {
    overflow: hidden;
    position: relative;
    margin-bottom: 3rem;
}

.top-guide-banner .c_box_bd {
    padding-right: 190px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .top-guide-banner .c_box_bd {
        padding-right: 80px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .top-guide-banner .c_box_bd {
        padding-right: 125px;
    }
}

.top-guide-banner .box_deco.green:before {
    background: #00aea7;
}

.top-guide-banner .box_deco.green strong {
    color: #00aea7;
}

.top-guide-banner strong {
    display: block;
    color: #437dea;
    margin-bottom: 5px;
    font-family: "Sbaggro";
    font-size: 0.875rem;
    font-weight: 500;
}

.top-guide-banner p {
    color: #000;
    font-size: 1.0625rem;
    font-weight: 400;
}

.top-guide-banner .icon-old {
    display: block;
    position: absolute;
    top: 50%;
    right: 5.5rem;
    width: 5.125rem;
    height: 5.6875rem;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

@media (min-width: 0px) and (max-width: 1279px) {
    .top-guide-banner .icon-old {
        right: 0.6rem;
        width: 4.425rem;
        height: 4.9875rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .top-guide-banner .icon-old {
        right: 2.4rem;
    }
}

.top-guide-banner .icon-old:before, .top-guide-banner .icon-old:after {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
}

.top-guide-banner .icon-old:before {
    top: 0;
    left: 0;
    z-index: 1;
    background: url("../images/sub/top-ban-diaicon-bg.png") 0 0 no-repeat;
    background-size: contain;
}

.top-guide-banner .icon-old:after {
    top: 2.375rem;
    left: 1.875rem;
    width: 6.125rem;
    height: 6.5625rem;
    background: url("../images/sub/top-ban-diaicon-bg-shadow.png") 0 0 no-repeat;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .top-guide-banner .icon-old:after {
        top: 1.575rem;
        left: 1.275rem;
        width: 4.825rem;
        height: 5.2875rem;
    }
}

.top-guide-banner .icon-old span {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
}

.top-guide-banner .icon-old.ico-1 span {
    background-image: url("../images/sub/top-ban-diaicon-1.png");
}

.top-guide-banner .icon-old.ico-2 span {
    background-image: url("../images/sub/top-ban-diaicon-2.png");
}

.top-guide-banner .icon {
    display: block;
    position: absolute;
    top: 50%;
    right: 5.5rem;
    width: 5.125rem;
    height: 5.6875rem;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

@media (min-width: 0px) and (max-width: 1279px) {
    .top-guide-banner .icon {
        right: 0.6rem;
        width: 4.425rem;
        height: 4.9875rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .top-guide-banner .icon {
        right: 2.4rem;
    }
}

.top-guide-banner .icon:after {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
}

.top-guide-banner .icon:after {
    top: 2.375rem;
    left: 1.875rem;
    width: 6.125rem;
    height: 6.5625rem;
    background: url("../images/sub/top-ban-diaicon-bg-shadow.png") 0 0 no-repeat;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .top-guide-banner .icon:after {
        top: 1.575rem;
        left: 1.275rem;
        width: 4.825rem;
        height: 5.2875rem;
    }
}

.top-guide-banner .icon span {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
}

.top-guide-banner .icon.ico-1 span {
    background-image: url("../images/sub/top-ban-diaicon-1.png");
}

.top-guide-banner .icon.ico-2 span {
    background-image: url("../images/sub/top-ban-diaicon-2.png");
}

.x_info_icon01.align-nor {
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
}

.x_info_icon01 > .img.dia-icon-1 span {
    background-image: url("../images/sub/icon_diamond_05.png");
}

.x_info_icon01 > .img.dia-icon-2 span {
    background-image: url("../images/sub/icon_diamond_06.png");
}

.x_info_icon01 > .img.dia-guide-icon-1 span {
    background-image: url("../images/sub/icon_diamond-guide_01.png");
}

.x_info_icon01 > .img.dia-guide-icon-2 span {
    background-image: url("../images/sub/icon_diamond-guide_02.png");
}

.x_info_icon01 > .img.white-dia {
    background: url("../images/sub/icon-diamond-bg-white.png") 50% 50% no-repeat;
    background-size: contain;
}

.x_info_icon01 > .img.dia-experience-icon-1 span {
    background-image: url("../images/sub/icon-diamond-experience-01.png");
}

.clinic-all-link a {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.875rem 0;
    border: 3px solid #437dea;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .clinic-all-link a {
        display: block;
        padding: 15px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .clinic-all-link a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.clinic-all-link a strong {
    display: block;
    width: 13.1875rem;
    color: #0c288e;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .clinic-all-link a strong {
        width: auto;
        text-align: left;
        margin-bottom: 10px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .clinic-all-link a strong {
        width: 175px;
        text-align: center;
        margin-bottom: 0;
    }
}

.clinic-all-link a strong span {
    display: inline-block;
    position: relative;
    padding-right: 27px;
}

.clinic-all-link a strong span:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 14px;
    height: 9px;
    background: url("../images/sub/clinic-all-link-arrow.png") 0 0 no-repeat;
    content: "";
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.clinic-all-link a p {
    padding: 0 18px;
    color: #636363;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 15px;
    font-weight: 400;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .clinic-all-link a p {
        padding: 0;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .clinic-all-link a p {
        padding: 0 15px;
    }
}

.box-title-list {
    margin-top: 0.75rem;
}

.box-title-list .b-ul {
    border-top: 2px solid #d8d8d8;
}

.box-title-list .b-ul .b-li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 35px 0;
    border-bottom: 1px solid #f3f3f3;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .box-title-list .b-ul .b-li {
        display: block;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .box-title-list .b-ul .b-li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.box-title-list .b-ul .b-li.flex-align {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.box-title-list .box-t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 320px;
    height: 56px;
    border: 1px solid #e5e5e5;
    padding-left: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .box-title-list .box-t {
        width: auto;
        margin-bottom: 0.9375rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .box-title-list .box-t {
        width: 15rem;
        margin-bottom: 0;
    }
}

.box-title-list .box-t strong {
    position: relative;
    color: #2357b8;
    font-size: 1.125rem;
    font-weight: 500;
}

.box-title-list .box-con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 27px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .box-title-list .box-con {
        padding-left: 0;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .box-title-list .box-con {
        padding-left: 1.6875rem;
    }
}

.box-title-list .box-con .nor-t {
    color: #636363;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.875;
}

.box-title-list .box-con .ex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.box-title-list .box-con .ex span {
    margin-right: 3px;
}

.box-title-list .box-con .point-c-txt {
    display: block;
    margin-bottom: 22px;
    font-weight: 500;
}

.box-title-list .box-con .ex-circle {
    margin-top: 1.1875rem;
}

.box-title-list .box-con .ex-circle .dash-list {
    margin-top: -3px;
}

.box-title-list .box-con .icon-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.box-title-list .box-con .icon-txt i {
    display: inline-block;
    width: 65px;
    height: 65px;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 20px;
}

.box-title-list .box-con .icon-txt i.icon-1 {
    background-image: url("../images/sub/box-title-icon-1.png");
}

.box-title-list .box-con .icon-txt i.icon-2 {
    background-image: url("../images/sub/box-title-icon-2.png");
}

.box-title-list .box-con .icon-txt i.icon-3 {
    background-image: url("../images/sub/box-title-icon-3.png");
}

.box-title-list .box-con .icon-txt i.icon-4 {
    background-image: url("../images/sub/box-title-icon-4.png");
}

.box-title-list .box-con .icon-txt i.icon-5 {
    background-image: url("../images/sub/box-title-icon-5.png");
}

.box-title-list .box-con .icon-txt i.icon-6 {
    background-image: url("../images/sub/box-title-icon-6.png");
}

.box-title-list .box-con .icon-txt i.icon-7 {
    background-image: url("../images/sub/box-title-icon-7.png");
}

.box-title-list .box-con .icon-txt i.icon-8 {
    background-image: url("../images/sub/box-title-icon-8.png");
}

.box-title-list .box-con .icon-txt i.icon-9 {
    background-image: url("../images/sub/box-title-icon-9.png");
}

.box-title-list .box-con .icon-txt i.icon-10 {
    background-image: url("../images/sub/box-title-icon-10.png");
}

.box-title-list .box-con .icon-txt p {
    color: #636363;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.875;
}

.box-title-list .report-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.box-title-list .report-btn .btn {
    width: 14.5rem;
}

.box-title-list .report-btn .btn span {
    display: block;
    position: relative;
    text-align: left;
}

.box-title-list .report-btn .btn span:after {
    position: absolute;
    top: 0;
    right: 0;
    margin-left: 0;
}

.box-title-list.dot-title .box-t strong {
    padding-left: 15px;
}

.box-title-list.dot-title .box-t strong:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 5px;
    content: "";
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: #2357b8;
    border-radius: 50%;
}

.box-title-list.top-bdl-x .b-ul {
    border-top: 0;
}

.box-title-list.top-bdl-x .b-ul .b-li:first-child {
    padding-top: 0;
}

.box-title-list.con-align-c .b-ul .b-li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.box-title-list.side-btn .b-li {
    position: relative;
}

@media (min-width: 680px) and (max-width: 1279px) {
    .box-title-list.side-btn .b-li {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .box-title-list.side-btn .b-li .report-btn {
        margin-top: 0.9375rem;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .box-title-list.side-btn .b-li .report-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        text-align: center;
        margin-top: 15px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .box-title-list.side-btn .b-li .report-btn .btn {
        width: 190px;
        padding: 0 15px;
    }
}

.box-title-list.box-t-small .box-t {
    width: 170px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .box-title-list.box-t-small .box-t {
        width: auto;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .box-title-list.box-t-small .box-t {
        width: 15rem;
    }
}

.clinic-doc-list {
    border-bottom: 1px solid #000;
}

.clinic-doc-list > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -42px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .clinic-doc-list > ul {
        display: block;
        margin: 0;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .clinic-doc-list > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -10px;
    }
}

.clinic-doc-list > ul > li {
    width: 50%;
    padding: 0 2.625rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .clinic-doc-list > ul > li {
        display: block;
        width: auto;
        padding: 0;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .clinic-doc-list > ul > li {
        width: 50%;
        padding: 0 10px;
    }
}

.clinic-doc-list .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #e6e6e6;
    padding-top: 1.6875rem;
    padding-bottom: 4.0625rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .clinic-doc-list .box {
        display: block;
        text-align: center;
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .clinic-doc-list .box {
        display: block;
        text-align: center;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .clinic-doc-list .box .pic {
        margin-bottom: 0.625rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .clinic-doc-list .box .pic {
        width: 170px;
        margin: 0 auto 10px;
    }
}

.clinic-doc-list .box .con {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 2rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .clinic-doc-list .box .con {
        margin-left: 0;
        padding-bottom: 4.0625rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .clinic-doc-list .box .con {
        margin-left: 0;
        padding-bottom: 3.125rem;
    }
}

.clinic-doc-list .box .con .name {
    display: block;
    color: #000;
    font-size: 1.625rem;
    font-weight: 500;
    margin-bottom: 0.625rem;
}

@media (min-width: 680px) and (max-width: 1279px) {
    .clinic-doc-list .box .con .name {
        font-size: 1.25rem;
    }
}

.clinic-doc-list .box .con .name span {
    color: #7cbbeb;
    font-size: 1.0625rem;
    font-weight: 500;
}

@media (min-width: 680px) and (max-width: 1279px) {
    .clinic-doc-list .box .con .name span {
        display: block;
        font-size: 0.9375rem;
        margin-top: 0.3125rem;
    }
}

.clinic-doc-list .box .con .department {
    color: #616161;
    font-size: 1.0625rem;
}

.clinic-doc-list .box .con .department strong {
    display: block;
    font-weight: 500;
    margin-bottom: 0.1875rem;
}

.clinic-doc-list .box .con .department span {
    display: block;
    font-weight: 300;
}

@media (min-width: 680px) and (max-width: 1279px) {
    .clinic-doc-list .box .con .department span {
        font-size: 0.9375rem;
        min-height: 45px;
    }
}

.clinic-doc-list .box .con .btn-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .clinic-doc-list .box .con .btn-area {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .clinic-doc-list .box .con .btn-area {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.clinic-doc-list .box .con .btn-area .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.0625rem;
    font-weight: 400;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .clinic-doc-list .box .con .btn-area .btn {
        max-width: 193px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .clinic-doc-list .box .con .btn-area .btn {
        max-width: 193px;
    }
}

.clinic-doc-list .box .con .btn-area .btn:before {
    display: inline-block;
    width: 1rem;
    height: 1.0625rem;
    content: "";
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-right: 10px;
}

.clinic-doc-list .box .con .btn-area .btn:first-child {
    margin-right: 0.3125rem;
}

.clinic-doc-list .box .con .btn-area .btn.blue {
    border: 1px solid #2357b8;
    color: #fff;
    background-color: #2357b8;
}

.clinic-doc-list .box .con .btn-area .btn.blue:before {
    background-image: url("../images/sub/clinic-doc-human.png");
}

.clinic-doc-list .box .con .btn-area .btn.pink {
    border: 1px solid #f9d2dc;
    color: #ef8ea7;
}

.clinic-doc-list .box .con .btn-area .btn.pink:before {
    background-image: url("../images/sub/clinic-doc-schedule.png");
}

.consub-pic-list > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -0.4688rem;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .consub-pic-list > ul {
        margin: -0.4375rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .consub-pic-list > ul {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

.consub-pic-list > ul > li {
    display: block;
    padding: 0.4688rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .consub-pic-list > ul > li {
        width: 100%;
        padding: 0.4375rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .consub-pic-list > ul > li {
        width: auto;
    }
}

.consub-pic-list .box {
    padding: 24px 22px;
    border: 1px solid #dbdbdb;
}

.consub-pic-list .box img {
    width: 100%;
    max-width: none;
}

.consub-pic-list .nor-c {
    margin-top: 0.3125rem;
}

.consub-pic-list .sub-con {
    margin-top: 1.1875rem;
}

.consub-pic-list .sub-con strong {
    display: block;
    color: #193467;
    font-size: 1rem;
    font-weight: 500;
}

.consub-pic-list .sub-con p {
    color: #636363;
    margin-top: 0.5rem;
    font-size: 1rem;
    font-weight: 400;
}

.consub-pic-list.img-title .box {
    padding: 1.5rem 1.375rem 0;
}

.consub-pic-list.img-title .box .img-t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    color: #000;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .consub-pic-list.mob-col-2 ul li {
        width: 50%;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .consub-pic-list.mob-col-2 ul li {
        width: auto;
    }
}

.consub-pic-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .consub-pic-txt {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .consub-pic-txt {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.consub-pic-txt .box .pic-border {
    padding: 1.3125rem 1.1875rem;
    border: 1px solid #dbdbdb;
    margin-right: 1.8125rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .consub-pic-txt .box .pic-border {
        margin-right: 0;
        margin-bottom: 0.9375rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .consub-pic-txt .box .pic-border {
        margin-bottom: 0;
        margin-right: 1.8125rem;
    }
}

.consub-pic-txt .box img {
    max-width: 100%;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .consub-pic-txt .box img {
        width: 100%;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .consub-pic-txt .box img {
        width: auto;
    }
}

.consub-pic-txt .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.consub-pic-txt .txt .txt-con {
    color: #636363;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.875;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .consub-pic-txt .txt .txt-con br {
        display: none;
    }
}

.bold-short-banner {
    padding: 2rem 3.125rem;
    border: 0.375rem solid #eeeff4;
    background-color: #f9fafc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 8.625rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .bold-short-banner {
        padding: 1.25rem 0.9375rem;
    }
}

.bold-short-banner .banner-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -27.5px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .bold-short-banner .banner-in {
        display: block;
        margin: 0 -15px;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .bold-short-banner .banner-in {
        display: block;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .bold-short-banner .banner-in {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.bold-short-banner .conbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 0 27.5px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .bold-short-banner .conbox {
        padding: 0 15px;
        margin-bottom: 2.1875rem;
    }

    .bold-short-banner .conbox:last-child {
        margin-bottom: 0;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .bold-short-banner .conbox {
        margin-bottom: 0;
    }
}

.bold-short-banner .conbox .ban-con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .bold-short-banner .conbox .ban-con {
        display: block;
    }
}

.bold-short-banner .conbox .tt {
    display: block;
    color: #0a4a9b;
    font-size: 1.125rem;
    font-weight: 700;
    -ms-flex-preferred-size: 4.4375rem;
    flex-basis: 4.4375rem;
    margin-right: 3.125rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .bold-short-banner .conbox .tt {
        font-size: 1.325rem;
        margin-right: 0;
        margin-bottom: 0.625rem;
    }
}

.bold-short-banner .conbox .con {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.bold-short-banner .conbox .con p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3px;
}

.bold-short-banner .conbox .con p:last-child {
    margin-bottom: 0;
}

.bold-short-banner .conbox .con p.block-con {
    display: block;
}

.bold-short-banner .conbox .con p.block-con span {
    display: block;
}

.bold-short-banner .conbox .con p.block-con span.cate {
    width: auto;
    margin-bottom: 0.625rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .bold-short-banner .conbox .con p.block-con span.cate {
        margin-bottom: 0.425rem;
    }
}

.bold-short-banner .conbox .con p span {
    color: #636363;
}

.bold-short-banner .conbox .con p span.cate {
    width: 4.9375rem;
    font-size: 1.375rem;
    font-weight: 400;
}

.bold-short-banner .conbox .con p span.cate.s-t {
    font-size: 1.125rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .bold-short-banner .conbox .con p span.cate {
        width: 3.75rem;
        font-size: 1.175rem;
    }
}

.bold-short-banner .conbox .con p span.num {
    font-family: "Sbaggro";
    font-size: 1.25rem;
    font-weight: 400;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .bold-short-banner .conbox .con p span.num {
        width: auto;
        font-size: 1.25rem;
    }
}

.bold-short-banner .conbox .icon {
    display: block;
    position: absolute;
    top: -9px;
    right: 27.5px;
    width: 4.75rem;
    height: 5.1875rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .bold-short-banner .conbox .icon {
        position: static;
        width: 3.65rem;
        height: 4.0875rem;
        margin-right: 0.9375rem;
    }
}

.bold-short-banner .conbox .icon:after {
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .bold-short-banner .conbox .icon:after {
        background-size: 1.975rem auto;
    }
}

.bold-short-banner .conbox .icon.bg-1 {
    background-image: url("../images/sub/dia-small-bg-1.png");
}

.bold-short-banner .conbox .icon.ico-1:after {
    background-image: url("../images/sub/dia-small-iconin-1.png");
}

.bold-short-banner .conbox .icon.bg-2 {
    background-image: url("../images/sub/dia-small-bg-2.png");
}

.bold-short-banner .conbox .icon.ico-2:after {
    background-image: url("../images/sub/dia-small-iconin-2.png");
}

.bold-short-banner .conbox .icon.bg-3 {
    background-image: url("../images/sub/dia-small-bg-3.png");
}

.bold-short-banner .conbox .icon.ico-3:after {
    background-image: url("../images/sub/dia-small-iconin-3.png");
}

.bold-short-banner .conbox .icon.ico-4:after {
    background-image: url("../images/sub/dia-small-iconin-4.png");
}

.bold-short-banner .conbox .icon.ico-5:after {
    background-image: url("../images/sub/dia-small-iconin-5.png");
}

.bold-short-banner .conbox .icon.ico-6:after {
    background-image: url("../images/sub/dia-small-iconin-6.png");
}

@media (min-width: 680px) and (max-width: 1279px) {
    .bold-short-banner.col-3 .banner-in {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.bold-short-banner.col-3 .banner-in .conbox {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 680px) and (max-width: 1279px) {
    .bold-short-banner.col-3 .banner-in .conbox {
        margin-bottom: 0;
    }
}

.bold-short-banner.col-3 .banner-in .conbox .tt {
    -ms-flex-preferred-size: 2.3125rem;
    flex-basis: 2.3125rem;
    margin-right: 1.25rem;
}

.bold-short-banner.col-3 .banner-in .conbox .con p span.num {
    font-size: 1.25rem;
}

.bold-short-banner.col-3 .banner-in .conbox .icon {
    position: static;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: auto;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .bold-short-banner.col-3 .banner-in .conbox .icon {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-left: 0;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .bold-short-banner.col-3 .banner-in .conbox .icon {
        width: 3.65rem;
        height: 4.0875rem;
    }
}

.bold-short-banner.col-3 .banner-in .conbox .ban-con {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .bold-short-banner.col-3 .banner-in .conbox .ban-con {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

.cust-short-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5625rem 3.75rem;
    border: 1px solid #e5e5e5;
    background-color: #fff;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .cust-short-banner {
        padding: 1.25rem 5%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.cust-short-banner .s-ban-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 0.625rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .cust-short-banner .s-ban-in {
        display: block;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .cust-short-banner .s-ban-in {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .cust-short-banner .s-ban-in {
        display: block;
    }
}

.cust-short-banner .s-ban-in:last-child {
    margin-right: 0;
}

.cust-short-banner .cust-s-icon {
    display: block;
    width: 3.125rem;
    height: 3.125rem;
    margin-right: 0.625rem;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.cust-short-banner .cust-s-icon.tell {
    background-image: url(../images/comm/icon_tel.png);
}

.cust-short-banner .cust-s-icon.time {
    background-image: url("../images/sub/icon_time.png");
    margin-right: 2.1875rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .cust-short-banner .cust-s-icon.time {
        margin-right: 0.6rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .cust-short-banner .cust-s-icon.time {
        margin-right: 2.1875rem;
    }
}

.cust-short-banner .cust-s-icon.rice {
    width: 3.5rem;
    height: 3.5rem;
    background-image: url("../images/sub/icon_rice.png");
    margin-right: 1.5625rem;
}

.cust-short-banner .tt {
    display: block;
    color: #3db8b2;
    font-size: 1rem;
    font-weight: 500;
}

.cust-short-banner .tt.c-gray {
    color: #636363;
}

.cust-short-banner .sb-t {
    color: #636363;
    font-size: 1rem;
    font-weight: 400;
}

.cust-short-banner .num {
    color: #333;
    font-size: 1.5625rem;
    font-weight: 500;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .cust-short-banner .num {
        font-size: 1.45rem;
    }
}

.cust-short-banner .fx-tt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 3.125rem;
}

.cust-short-banner .fx-tt.pdr-x {
    padding-right: 0;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .cust-short-banner .fx-tt {
        padding-right: 1.5rem;
    }
}

.cust-short-banner .fx-con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .cust-short-banner .fx-con {
        padding-left: 3.75rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .cust-short-banner .fx-con {
        padding-left: 0;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .cust-short-banner .fx-con {
        padding-left: 3.75rem;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .cust-short-banner .fx-con .list_basic > li {
        display: block;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .cust-short-banner .fx-con .list_basic > li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .cust-short-banner .fx-con .list_basic > li {
        display: block;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .cust-short-banner.time-b {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.cust-short-banner.time-b .s-ban-in {
    margin-right: 3.125rem;
}

@media (min-width: 680px) and (max-width: 1279px) {
    .cust-short-banner.time-b .s-ban-in {
        margin-right: 1.4rem;
    }
}

.cust-short-banner.time-b .s-ban-in:last-child {
    margin-right: 0;
}

.cust-short-banner.time-b .s-ban-in .fx-tt {
    padding-right: 2.1875rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .cust-short-banner.time-b .s-ban-in .fx-tt {
        padding-right: 0;
        margin-bottom: 0.3125rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .cust-short-banner.time-b .s-ban-in .fx-tt {
        padding-right: 1.8rem;
        margin-bottom: 0;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .cust-short-banner.time-b .s-ban-in .fx-tt {
        padding-right: 0.9875rem;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .cust-short-banner.time-b .s-ban-in .fx-con {
        padding-left: 0;
    }
}

.cust-short-banner.time-b .s-ban-in .fx-con .tt {
    padding-right: 2.1875rem;
}

.cust-short-banner.just-a-left .s-ban-in {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .cust-short-banner.just-a-left .s-ban-in {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.cust-short-banner.con-col .fx-con {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.cust-short-banner.con-col .fx-con .tt {
    margin-bottom: 3px;
}

.cust-short-banner.number-alone .fx-tt {
    padding-right: 4.375rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .cust-short-banner.number-alone .fx-tt {
        padding-right: 0;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .cust-short-banner.number-alone .fx-tt {
        padding-right: 1.65rem;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .cust-short-banner.number-alone .fx-tt {
        padding-right: 0;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .cust-short-banner.health-tp .s-ban-in {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .cust-short-banner.health-tp .s-ban-in .fx-con {
        padding-left: 1.25rem;
    }
}

.flex-50per-ls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -18px -15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-50per-ls .per-50 {
    width: 50%;
    padding: 18px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .flex-50per-ls .per-50 {
        width: auto;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .flex-50per-ls .per-50 {
        width: auto;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .flex-50per-ls .per-50 {
        width: 50%;
    }
}

.flex-50per-ls .dot-tt {
    display: block;
    color: #4c4c4c;
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 10px;
}

@media (min-width: 680px) and (max-width: 1279px) {
    .flex-50per-ls .x_info_icon01 > .img {
        width: 5.625rem;
        height: 6.25rem;
        -ms-flex-preferred-size: 5.625rem;
        flex-basis: 5.625rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .flex-50per-ls .x_info_icon01 > .img > span {
        background-size: 3.25rem auto;
    }
}

.back-bg-ls {
    padding: 2.0625rem 3.25rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .back-bg-ls {
        padding: 2.0625rem 0.9375rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .back-bg-ls {
        padding: 2.0625rem 2.15rem;
    }
}

.back-bg-ls .bg-box {
    margin-top: 0.8125rem;
    margin-left: -0.9375rem;
}

.back-bg-ls .bg-box.mgl-x {
    margin-left: 0;
}

.back-bg-ls .hangle-list .bg-box {
    margin-left: 0;
}

.back-bg-ls .tb_w {
    margin-top: 0.8125rem;
    margin-left: -0.9375rem;
}

.back-bg-ls .list_dia > li {
    margin-bottom: 1.75rem;
}

.back-bg-ls .tt-ls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 480px) and (max-width: 766px) {
    .back-bg-ls .tt-ls {
        display: block;
    }
}

.back-bg-ls .tt-ls > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 2.5rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .back-bg-ls .tt-ls > li {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .back-bg-ls .tt-ls > li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 10px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .back-bg-ls .tt-ls > li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}

.back-bg-ls .tt-ls > li:last-child {
    padding-right: 0;
}

@media (min-width: 480px) and (max-width: 766px) {
    .back-bg-ls .tt-ls > li:last-child {
        margin-bottom: 0;
    }
}

.back-bg-ls .tt-ls > li strong {
    color: #4c4c4c;
    font-size: 1rem;
    font-weight: 500;
    padding-right: 2.6875rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .back-bg-ls .tt-ls > li strong {
        padding-right: 0;
        margin-bottom: 5px;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .back-bg-ls .tt-ls > li strong {
        padding-right: 1.7rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .back-bg-ls .tt-ls > li strong {
        padding-right: 2.6875rem;
        margin-bottom: 0;
    }
}

.back-bg-ls .tt-ls > li p {
    color: #636363;
    font-size: 1rem;
    font-weight: 400;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .back-bg-ls.min-icon-box {
        padding: 3.7rem 0.9375rem 1.25rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .back-bg-ls.min-icon-box {
        padding: 2.0625rem 2.15rem;
    }
}

.circle-edg-diagram .c-cle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 19.4375rem;
    height: 4rem;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #0a4a9b;
    font-size: 1.25rem;
    font-weight: 400;
    border-radius: 2rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .circle-edg-diagram .c-cle {
        width: auto;
        height: 40px;
        padding: 0 10px;
        font-size: 1rem;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .circle-edg-diagram .c-cle {
        width: auto;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .circle-edg-diagram .c-cle {
        width: 11.5rem;
        height: 50px;
    }
}

.circle-edg-diagram .c-cle.white {
    height: 4.5rem;
    border: 1px solid #d5d5d5;
    color: #414141;
    background-color: #fff;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .circle-edg-diagram .c-cle.white {
        width: 100%;
        height: 50px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .circle-edg-diagram .c-cle.white {
        height: 55px;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .circle-edg-diagram .c-cle.white.size-478 {
        width: 100%;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .circle-edg-diagram .c-cle.white.size-478 {
        width: 100%;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .circle-edg-diagram .c-cle.white.size-478 {
        width: 100%;
    }
}

.circle-edg-diagram .c-cle.white.size-311 {
    width: 311px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .circle-edg-diagram .c-cle.white.size-311 {
        width: 100%;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .circle-edg-diagram .c-cle.white.size-311 {
        width: 100%;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .circle-edg-diagram .c-cle.white.size-311 {
        width: 100%;
    }
}

.circle-edg-diagram .b-cle {
    display: block;
    position: relative;
    color: #3a3a3a;
    font-size: 1.125rem;
    font-weight: 400;
    padding-left: 1.6875rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .circle-edg-diagram .b-cle {
        font-size: 1rem;
        padding-left: 20px;
    }
}

.circle-edg-diagram .b-cle:before {
    display: block;
    position: absolute;
    top: 0.1875rem;
    left: 0;
    width: 1rem;
    height: 1.0625rem;
    background: url("../images/sub/circ-dia-sub-icon.png") 0 0 no-repeat;
    content: "";
    background-size: contain;
}

.circle-edg-diagram .dia-tt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.circle-edg-diagram .dia-tt .tt-in {
    position: relative;
    padding: 0 204px;
    padding-bottom: 2.0625rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .circle-edg-diagram .dia-tt .tt-in {
        width: 140px;
        padding: 0 44px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        padding-bottom: 20px;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .circle-edg-diagram .dia-tt .tt-in {
        width: 150px;
        padding: 0 23%;
        padding-bottom: 33px;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .circle-edg-diagram .dia-tt .tt-in {
        width: 200px;
        padding: 0 126px;
        padding-bottom: 33px;
    }
}

.circle-edg-diagram .dia-tt .tt-in:before, .circle-edg-diagram .dia-tt .tt-in:after {
    display: block;
    position: absolute;
    bottom: 0;
    width: 12.6875rem;
    height: 4.375rem;
    content: "";
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .circle-edg-diagram .dia-tt .tt-in:before, .circle-edg-diagram .dia-tt .tt-in:after {
        bottom: -13px;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .circle-edg-diagram .dia-tt .tt-in:before, .circle-edg-diagram .dia-tt .tt-in:after {
        bottom: -11px;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .circle-edg-diagram .dia-tt .tt-in:before, .circle-edg-diagram .dia-tt .tt-in:after {
        bottom: -13px;
    }
}

.circle-edg-diagram .dia-tt .tt-in:before {
    left: 0;
    background-image: url("../images/sub/circ-dia-edg-line-l.png");
}

.circle-edg-diagram .dia-tt .tt-in:after {
    right: 0;
    background-image: url("../images/sub/circ-dia-edg-line-r.png");
}

.circle-edg-diagram .dia-tt .c-cle {
    position: relative;
    z-index: 1;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .circle-edg-diagram .dia-tt .c-cle {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.circle-edg-diagram .dia-tt .c-cle.white:after {
    display: block;
    position: absolute;
    top: 70px;
    right: 0;
    left: 0;
    width: 0.1875rem;
    height: 2.125rem;
    margin: 0 auto;
    content: "";
    background-color: #d5d5d5;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .circle-edg-diagram .dia-tt .c-cle.white:after {
        top: 49px;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .circle-edg-diagram .dia-tt .c-cle.white:after {
        top: 49px;
        height: 38px;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .circle-edg-diagram .dia-tt .c-cle.white:after {
        top: 54px;
    }
}

.circle-edg-diagram .dia-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
    margin: 0 -1.25rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .circle-edg-diagram .dia-sub {
        margin: 0;
    }
}

.circle-edg-diagram .dia-sub > li {
    padding: 0 1.25rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .circle-edg-diagram .dia-sub > li {
        padding: 0 0.3125rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .circle-edg-diagram .dia-sub > li {
        padding: 0 1.25rem;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}

.circle-edg-diagram .dia-sub > li ul {
    position: relative;
    padding-top: 1.8125rem;
    margin-left: 1.75rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .circle-edg-diagram .dia-sub > li ul {
        padding-top: 0.625rem;
        margin-left: 0.625rem;
    }
}

.circle-edg-diagram .dia-sub > li ul > li {
    display: block;
    position: relative;
    z-index: 1;
    margin-bottom: 1.1875rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .circle-edg-diagram .dia-sub > li ul > li {
        margin-bottom: 0.3125rem;
    }
}

.circle-edg-diagram .dia-sub > li ul > li:last-child {
    margin-bottom: 0;
}

.circle-edg-diagram .dia-sub > li ul:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0.4375rem;
    width: 1px;
    height: calc(100% - 0.5rem);
    content: "";
    background-color: #d7dbdd;
}

.circle-edg-diagram.line-2 .dia-tt .tt-in {
    padding: 0 8.0625rem;
    padding-bottom: 2.0625rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .circle-edg-diagram.line-2 .dia-tt .tt-in {
        padding: 0 55px;
        padding-bottom: 2.0625rem;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .circle-edg-diagram.line-2 .dia-tt .tt-in {
        padding: 0 95px;
        padding-bottom: 2.0625rem;
    }
}

.circle-edg-diagram.line-2 .dia-tt .c-cle.white:after {
    display: none;
}

.circle-edg-diagram.line-2 .dia-sub {
    margin: 0 -128px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .circle-edg-diagram.line-2 .dia-sub {
        margin: 0 -5px;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .circle-edg-diagram.line-2 .dia-sub {
        margin: 0 -100px;
    }
}

.circle-edg-diagram.line-2 .dia-sub > li {
    padding: 0 128px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .circle-edg-diagram.line-2 .dia-sub > li {
        padding: 0 5px;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .circle-edg-diagram.line-2 .dia-sub > li {
        padding: 0 100px;
    }
}

.js-tab-wrap .js-tab-con .js-box {
    display: none;
}

/* 진료예약안내 */
.spw-search .pgsc-reserve-wrap .checkup-means .means-list {
    margin-top: 0.625rem;
}

.spw-search .pgsc-reserve-wrap .checkup-means .list_dia {
    margin-top: 1.5625rem;
}

.spw-search .pgsc-reserve-wrap .checkup-means .quick-btn {
    margin: -5px;
}

.spw-search .pgsc-reserve-wrap .checkup-means .quick-btn a {
    padding: 5px 10px;
    margin: 5px;
    color: #fff;
    text-align: center;
    background-color: #0c288e;
    border-radius: 30px;
}

/* 진료예약안내 */
.spw-search .pgsc-passport-wrap .issuance-board {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-search .pgsc-passport-wrap .issuance-board {
        display: block;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-search .pgsc-passport-wrap .issuance-board {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.spw-search .pgsc-passport-wrap .issuance-board .tb_w {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-search .pgsc-passport-wrap .issuance-board .tb_w:last-child {
        display: none;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-search .pgsc-passport-wrap .issuance-board .tb_w:last-child {
        display: block;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-search .pgsc-passport-wrap .issuance-board .blank-line {
        display: none;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-search .pgsc-passport-wrap .issuance-board .blank-line {
        display: table-row;
    }
}

.spw-search .pgsc-passport-wrap .issuance-board .mob-tr-block {
    display: none;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-search .pgsc-passport-wrap .issuance-board .mob-tr-block {
        display: table-row;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-search .pgsc-passport-wrap .issuance-board .mob-tr-block {
        display: none;
    }
}

.spw-search .pgsc-passport-wrap .impec-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.spw-search .pgsc-passport-wrap .impec-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 53px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.spw-search .pgsc-passport-wrap .impec-list li:last-child {
    margin-right: 0;
}

.spw-search .pgsc-passport-wrap .impec-list li strong {
    display: block;
    height: 33px;
    padding: 0 5px;
    color: #242424;
    text-align: center;
    font-weight: 400;
    min-width: 86px;
    line-height: 33px;
    margin-right: 10px;
    background-color: #f0f0f0;
    border-radius: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.spw-search .pgsc-passport-wrap .impec-list li p {
    color: #636363;
}

.spw-search .pgsc-passport-wrap .impec-list.col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.spw-search .pgsc-passport-wrap .impec-list.col li {
    margin-right: 0;
    margin-bottom: 6px;
}

.spw-search .pgsc-passport-wrap .impec-list.col li:last-child {
    margin-bottom: 0;
}

.spw-search .pgsc-passport-wrap .iss-td-con .nor-c {
    margin-top: 0.625rem;
}

/* 진료과센터클리닉 */
.spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.5625rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        zoom: 65%; }
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia {
        zoom: 90%;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        zoom: 65%; }
}

.spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia .prt-box {
    position: relative;
    padding: 0 40px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia .prt-box {
        padding: 30px 0;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia .prt-box {
        padding: 30px 0;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia .prt-box {
        padding: 0 40px;
    }
}

.spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia .prt-box:after {
    display: block;
    position: absolute;
    top: 50%;
    right: -1.875rem;
    z-index: 1;
    width: 4rem;
    height: 2.9375rem;
    background: url("../images/sub/c_box_bd_arrow.png") 0 0 no-repeat;
    content: "";
    background-size: contain;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia .prt-box:after {
        top: auto;
        right: 0;
        bottom: -1.2rem;
        left: 0;
        width: 3rem;
        height: 2.2375rem;
        margin: 0 auto;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia .prt-box:after {
        top: auto;
        right: 0;
        bottom: -1.2rem;
        left: 0;
        width: 3rem;
        height: 2.2375rem;
        margin: 0 auto;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia .prt-box:after {
        top: 50%;
        right: -28px;
        bottom: auto;
        left: auto;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

.spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia .prt-box:last-child:after {
    display: none;
}

.spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia .prt-box.prt-1 {
    width: 469px;
    height: 259px;
    color: #fff;
    text-align: center;
    background-image: url("../images/sub/cn-cerebrovascular-dia-bg-1.png");
    font-size: 16px;
    font-weight: 500;
}

.spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia .prt-box.prt-1 ul.ch-1 li {
    position: absolute;
    line-height: 1.1;
}

.spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia .prt-box.prt-1 ul.ch-1 li:nth-child(1) {
    top: 88px;
    left: 78px;
}

.spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia .prt-box.prt-1 ul.ch-1 li:nth-child(2) {
    top: 62px;
    left: 184px;
}

.spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia .prt-box.prt-1 ul.ch-1 li:nth-child(3) {
    top: 170px;
    left: 160px;
}

.spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia .prt-box.prt-1 ul.ch-2 li {
    position: absolute;
    line-height: 1.1;
}

.spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia .prt-box.prt-1 ul.ch-2 li:nth-child(1) {
    top: 140px;
    left: 292px;
}

.spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia .prt-box.prt-1 ul.ch-2 li:nth-child(2) {
    top: 73px;
    left: 375px;
}

.spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia .prt-box.prt-2 {
    width: 227px;
    height: 228px;
    color: #fff;
    text-align: center;
    background-image: url("../images/sub/cn-cerebrovascular-dia-bg-2.png");
    font-size: 20px;
    font-weight: 500;
}

.spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia .prt-box.prt-2 ul li {
    position: absolute;
    line-height: 1.1;
}

.spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia .prt-box.prt-2 ul li:nth-child(1) {
    top: 87px;
    left: 39px;
}

.spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia .prt-box.prt-2 ul li:nth-child(2) {
    top: 50px;
    left: 127px;
}

.spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia .prt-box.prt-2 ul li:nth-child(3) {
    top: 157px;
    left: 110px;
}

.spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia .prt-box.prt-3 strong {
    display: block;
    color: #000;
    font-size: 30px;
    font-weight: 700;
    padding-left: 20px;
}

.spw-clinic .pgcn-center-wrap .cn-cerebrovascular-dia .prt-box .in {
    position: relative;
}

.spw-clinic .pgcn-center-wrap .rehabili-prog-board colgroup {
    display: table-column-group;
}

.spw-clinic .pgcn-center-wrap .rehabili-prog-board colgroup col.col-1, .spw-clinic .pgcn-center-wrap .rehabili-prog-board colgroup col.col-3 {
    width: 278px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .rehabili-prog-board colgroup col.col-1, .spw-clinic .pgcn-center-wrap .rehabili-prog-board colgroup col.col-3 {
        width: 47px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .rehabili-prog-board colgroup col.col-1, .spw-clinic .pgcn-center-wrap .rehabili-prog-board colgroup col.col-3 {
        width: 100px;
    }
}

.spw-clinic .pgcn-center-wrap .rehabili-prog-board colgroup col.col-2, .spw-clinic .pgcn-center-wrap .rehabili-prog-board colgroup col.col-4 {
    width: auto;
}

.spw-clinic .pgcn-center-wrap .rehabili-prog-board tbody th {
    width: auto !important;
}

.spw-clinic .pgcn-center-wrap .kidney-center-info .kid-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -1rem -1.0625rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .kidney-center-info .kid-list {
        margin: 0;
    }
}

.spw-clinic .pgcn-center-wrap .kidney-center-info .kid-list .ls {
    width: 50%;
    padding: 1rem 1.0625rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .kidney-center-info .kid-list .ls {
        width: 100%;
        padding: 0;
        padding-bottom: 10px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .kidney-center-info .kid-list .ls {
        width: 50%;
        padding: 1rem 1.0625rem;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .kidney-center-info .kid-list .ls:last-child {
        padding-bottom: 0;
    }
}

.spw-clinic .pgcn-center-wrap .kidney-center-info .kid-list .ls.block {
    width: 100%;
}

.spw-clinic .pgcn-center-wrap .kidney-center-info .kid-list .kid-box {
    height: 11.6875rem;
    padding: 2.125rem 2.75rem;
    border: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .kidney-center-info .kid-list .kid-box {
        height: auto;
        padding: 1.25rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .kidney-center-info .kid-list .kid-box {
        height: 100%;
    }
}

.spw-clinic .pgcn-center-wrap .kidney-center-info .kid-list .kid-box .tt {
    display: block;
    position: relative;
    color: #193467;
    font-size: 1.0625rem;
    font-weight: 500;
    margin-bottom: 0.625rem;
    padding-left: 0.9375rem;
}

.spw-clinic .pgcn-center-wrap .kidney-center-info .kid-list .kid-box .tt:before {
    display: block;
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 0.3125rem;
    height: 0.3125rem;
    content: "";
    background-color: #2357b8;
    border-radius: 50%;
}

.spw-clinic .pgcn-center-wrap .kidney-center-info .kid-list .kid-box .txt {
    color: #636363;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.875;
}

.spw-clinic .pgcn-center-wrap .kidney-center-info .kid-list .kid-box .partition-lay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 1.25rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .kidney-center-info .kid-list .kid-box .partition-lay {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 0;
    }
}

.spw-clinic .pgcn-center-wrap .kidney-center-info .kid-list .kid-box .partition-lay > li {
    position: relative;
    padding: 0 3rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .kidney-center-info .kid-list .kid-box .partition-lay > li {
        width: 50%;
        padding: 15px 5px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        border-bottom: 1px solid #e5e5e5;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.spw-clinic .pgcn-center-wrap .kidney-center-info .kid-list .kid-box .partition-lay > li:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 100%;
    content: "";
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: #e5e5e5;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .kidney-center-info .kid-list .kid-box .partition-lay > li:after {
        display: none;
    }
}

.spw-clinic .pgcn-center-wrap .kidney-center-info .kid-list .kid-box .partition-lay > li:first-child {
    padding-left: 0;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .kidney-center-info .kid-list .kid-box .partition-lay > li:first-child {
        padding-left: 5px;
    }
}

.spw-clinic .pgcn-center-wrap .kidney-center-info .kid-list .kid-box .partition-lay > li:last-child::after {
    display: none;
}

.spw-clinic .pgcn-center-wrap .kidney-center-info .kid-list .kid-box .partition-lay > li strong {
    display: block;
    color: #414141;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 5px;
}

.spw-clinic .pgcn-center-wrap .kidney-center-info .kid-list .kid-box .partition-lay > li p {
    color: #636363;
    font-size: 1.25rem;
    font-weight: 400;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .kidney-center-info .kid-list .kid-box .partition-lay > li p {
        font-size: 1.15rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .kidney-center-info .kid-list .kid-box .partition-lay > li p {
        font-size: 1.25rem;
    }
}

.spw-clinic .pgcn-center-wrap .kidney-day-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .kidney-day-txt {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .kidney-day-txt {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.spw-clinic .pgcn-center-wrap .kidney-day-txt strong {
    color: #414141;
    font-size: 1rem;
    font-weight: 500;
    padding-right: 1.25rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .kidney-day-txt strong {
        padding-right: 0;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .kidney-day-txt strong {
        padding-right: 1.25rem;
    }
}

.spw-clinic .pgcn-center-wrap .kidney-day-txt span {
    color: #636363;
    font-size: 1.25rem;
    font-weight: 400;
}

.spw-clinic .pgcn-center-wrap .seating-chart-box .floor-tt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 390px;
    height: 64px;
    padding: 0 38px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #437dea;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .seating-chart-box .floor-tt {
        width: 100%;
    }
}

.spw-clinic .pgcn-center-wrap .seating-chart-box .floor-tt strong {
    position: relative;
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    padding-left: 35px;
}

.spw-clinic .pgcn-center-wrap .seating-chart-box .floor-tt strong:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    background: url("../images/sub/floor-tt-icon.png") 0 0 no-repeat;
    content: "";
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.spw-clinic .pgcn-center-wrap .seating-chart-box .floor-tt span {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
}

.spw-clinic .pgcn-center-wrap .seating-chart-box .floor-chart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 3.25rem;
    border: 1px solid #dbdbdb;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .seating-chart-box .floor-chart {
        padding: 15px;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-clinic .pgcn-center-wrap .seating-chart-box .floor-chart {
        padding: 30px;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .seating-chart-box .floor-chart {
        padding: 50px 30px;
    }
}

.spw-clinic .pgcn-center-wrap .seating-chart-box .floor-chart .chart-area {
    position: relative;
    width: 753px;
    height: 541px;
    background: url("../images/sub/floor-chart-bg.png") 0 0 no-repeat;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .seating-chart-box .floor-chart .chart-area {
        zoom: 0.4;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-clinic .pgcn-center-wrap .seating-chart-box .floor-chart .chart-area {
        zoom: 0.5;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .seating-chart-box .floor-chart .chart-area {
        zoom: 0.8;
    }
}

.spw-clinic .pgcn-center-wrap .seating-chart-box .floor-chart .chart-area span {
    position: absolute;
    color: #4c4c4c;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
}

.spw-clinic .pgcn-center-wrap .seating-chart-box .floor-chart .chart-area span.blue {
    color: #144eb9;
}

.spw-clinic .pgcn-center-wrap .dementia-ct-box .character-top-box {
    position: relative;
}

.spw-clinic .pgcn-center-wrap .dementia-ct-box .character-top-box .bg-banner {
    position: absolute;
    top: -113px;
    right: -64px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .dementia-ct-box .character-top-box .bg-banner {
        position: static;
        margin: 0 auto;
        max-width: 300px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .dementia-ct-box .character-top-box .bg-banner {
        max-width: 400px;
    }
}

.spw-clinic .pgcn-center-wrap .dementia-ct-box .character-top-box .bg-banner .ban-inner {
    position: relative;
}

.spw-clinic .pgcn-center-wrap .dementia-ct-box .character-top-box .bg-banner .pic img {
    width: 100%;
}

.spw-clinic .pgcn-center-wrap .dementia-ct-box .character-top-box .bg-banner .tt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
    width: 31.5rem;
    height: 6.6875rem;
    color: #fff;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: 500;
    border-radius: 0 0 0 6.6875rem;
    margin-left: -51px;
    margin-top: -53px;
    -webkit-box-shadow: -13px 17px 19px 0px rgba(0, 0, 0, 0.25);
    box-shadow: -13px 17px 19px 0px rgba(0, 0, 0, 0.25);
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .dementia-ct-box .character-top-box .bg-banner .tt {
        width: 100%;
        height: 4rem;
        margin: 0;
        border-radius: 0 0 0 6.6875rem;
        margin-bottom: 1.875rem;
        font-size: 1rem;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .dementia-ct-box .character-top-box .number-circle-list .nor-txt br {
        display: none;
    }
}

.spw-clinic .pgcn-center-wrap .dementia-ct-box .character-bottom-box {
    margin-top: 5rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .dementia-ct-box .character-bottom-box {
        margin-top: 2rem;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con br {
        display: none;
    }
}

.spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 3.125rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone {
        display: block;
    }

    .spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone:before, .spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone:after {
        display: table;
        content: "";
    }

    .spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone:after {
        clear: both;
    }
}

.spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone:last-child {
    margin-bottom: 0;
}

.spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone .endos-pic {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone .endos-pic {
        margin-bottom: 1.25rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone .endos-pic {
        float: left;
        margin-bottom: 0;
        padding-right: 20px;
        padding-bottom: 10px;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone .endos-pic .bg-banner {
        position: static;
        margin: 0 auto;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone .endos-pic .bg-banner {
        max-width: 400px;
    }
}

.spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone .endos-pic .bg-banner .ban-inner {
    position: relative;
}

.spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone .endos-pic .bg-banner .tt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 561px;
    height: 119px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0 75px 0 0;
    margin-left: 64px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone .endos-pic .bg-banner .tt {
        width: 95%;
        height: 5.6rem;
        border-radius: 0 75px 0 0;
        font-size: 1rem;
        margin-left: 5%;
    }
}

.spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone .endos-pic .bg-banner .tt strong {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 500;
    margin-top: -35px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone .endos-pic .bg-banner .tt strong {
        margin-top: -27px;
        font-size: 1.1rem;
    }
}

.spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone .endos-pic .bg-banner .pic {
    position: relative;
    z-index: 1;
    margin-top: -38px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone .endos-pic .bg-banner .pic {
        margin-top: -25px;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone .endos-pic .bg-banner .pic img {
        width: 95%;
    }
}

.spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone .endos-con {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 4.125rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone .endos-con {
        padding: 0;
    }
}

.spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone.reverse .endos-pic {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone.reverse .endos-pic {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone.reverse .endos-pic {
        float: right;
        padding-left: 20px;
        padding-bottom: 10px;
    }
}

.spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone.reverse .endos-pic .bg-banner .tt {
    border-radius: 75px 0 0 0;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone.reverse .endos-pic .bg-banner .tt {
        margin-left: 0;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone.reverse .endos-pic .bg-banner .pic {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone.reverse .endos-con {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-left: 0;
    padding-right: 4.125rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .cn-endoscope-fx-con .endoscope-zone.reverse .endos-con {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-right: 0;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .cn-endoscope-notice-con br {
        display: none;
    }
}

.spw-clinic .pgcn-center-wrap .cn-endoscope-notice-con .tt {
    position: relative;
    border-bottom: 2px solid #cbcbcb;
    padding-bottom: 0.9375rem;
    margin-bottom: 3.4375rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .cn-endoscope-notice-con .tt {
        margin-bottom: 1rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .cn-endoscope-notice-con .tt {
        margin-bottom: 2rem;
    }
}

.spw-clinic .pgcn-center-wrap .cn-endoscope-notice-con .tt strong {
    display: inline-block;
    position: relative;
    color: #000;
    font-size: 1.5625rem;
    font-weight: 500;
    padding-right: 5.0625rem;
    padding-top: 20px;
}

.spw-clinic .pgcn-center-wrap .cn-endoscope-notice-con .tt strong:after {
    display: block;
    position: absolute;
    right: 0;
    bottom: 5px;
    width: 4.1875rem;
    height: 3.75rem;
    background: url("../images/sub/endoscope-tt-nc-icon.png") 0 0 no-repeat;
    content: "";
    background-size: contain;
    margin-left: 15px;
}

.spw-clinic .pgcn-center-wrap .cn-endoscope-notice-con .con .point-b {
    display: block;
    color: #2357b8;
    font-size: 1.125rem;
    font-weight: 400;
}

.spw-clinic .pgcn-center-wrap .pregnant-info-box .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.6875rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .pregnant-info-box .list {
        display: block;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .pregnant-info-box .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.spw-clinic .pgcn-center-wrap .pregnant-info-box .list .con-zone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 145px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.spw-clinic .pgcn-center-wrap .pregnant-info-box .list .con-zone .icon {
    display: block;
    position: relative;
    width: 5.6875rem;
    height: 6.3125rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .pregnant-info-box .list .con-zone .icon {
        margin-bottom: 0.625rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-clinic .pgcn-center-wrap .pregnant-info-box .list .con-zone .icon {
        margin-bottom: 0;
    }
}

.spw-clinic .pgcn-center-wrap .pregnant-info-box .list .con-zone .icon.ic-1 {
    background-image: url("../images/sub/dia-small-bg-1.png");
}

.spw-clinic .pgcn-center-wrap .pregnant-info-box .list .con-zone .icon.ic-1:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.9375rem;
    height: 3.1875rem;
    background: url("../images/sub/pregnant-info-icon-1.png") center center no-repeat;
    content: "";
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: contain;
}

.spw-clinic .pgcn-center-wrap .pregnant-info-box .list .con-zone .icon.ic-2 {
    background-image: url("../images/sub/dia-small-bg-2.png");
}

.spw-clinic .pgcn-center-wrap .pregnant-info-box .list .con-zone .icon.ic-2:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3rem;
    height: 3.25rem;
    background: url("../images/sub/pregnant-info-icon-2.png") center center no-repeat;
    content: "";
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: contain;
}

.spw-clinic .pgcn-center-wrap .pregnant-info-box .list .dot-ls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 0.625rem;
}

/* 진료과센터클리닉 */
.spw-clinic .pgcn-clinic-wrap .travel-tab .lnb_tab {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-clinic-wrap .travel-tab .lnb_tab {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.spw-clinic .pgcn-clinic-wrap .travel-tab .lnb_tab > li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-clinic-wrap .travel-tab .lnb_tab > li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 150px;
        flex-basis: 150px;
    }
}

.spw-clinic .pgcn-clinic-wrap .travel-tab .lnb_tab > li.wd-190 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -ms-flex-preferred-size: 190px;
    flex-basis: 190px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-clinic .pgcn-clinic-wrap .travel-tab .lnb_tab > li.wd-190 {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 150px;
        flex-basis: 150px;
    }
}

.spw-clinic .pgcn-clinic-wrap .vv-ofthe-lower .consub-pic-list {
    margin-top: 1.5625rem;
}

.spw-clinic .pgcn-clinic-wrap .vv-ofthe-lower .number-sm-circle-list {
    margin-top: 0.625rem;
}

/* 진료안내 */
@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-ambulatory-wrap .card-registration-step {
        width: 310px;
        margin: 0 auto;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-guide .pggd-ambulatory-wrap .card-registration-step {
        width: auto;
        margin: 0;
    }
}

.spw-guide .pggd-ambulatory-wrap .card-registration-step ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-ambulatory-wrap .card-registration-step ul {
        margin: -15px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-guide .pggd-ambulatory-wrap .card-registration-step ul {
        margin: 0 -1.25rem;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.spw-guide .pggd-ambulatory-wrap .card-registration-step ul > li {
    position: relative;
    padding: 0 2.0625rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-ambulatory-wrap .card-registration-step ul > li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 50%;
        padding: 15px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-guide .pggd-ambulatory-wrap .card-registration-step ul > li {
        width: auto;
        padding: 0 1.25rem;
    }
}

.spw-guide .pggd-ambulatory-wrap .card-registration-step ul > li:after {
    display: block;
    position: absolute;
    top: 50%;
    right: -0.9375rem;
    width: 1.875rem;
    height: 1.0625rem;
    background: url("../images/sub/registrat-arrow-icon.png") 0 0 no-repeat;
    content: "";
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-size: contain;
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-guide .pggd-ambulatory-wrap .card-registration-step ul > li:after {
        right: -0.75rem;
        width: 20px;
        height: 13px;
    }
}

.spw-guide .pggd-ambulatory-wrap .card-registration-step ul > li:last-child:after {
    display: none;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-ambulatory-wrap .card-registration-step ul > li:nth-child(3) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-guide .pggd-ambulatory-wrap .card-registration-step ul > li:nth-child(3) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-ambulatory-wrap .card-registration-step ul > li:nth-child(4) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-guide .pggd-ambulatory-wrap .card-registration-step ul > li:nth-child(4) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-ambulatory-wrap .card-registration-step ul > li:nth-child(5) {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-guide .pggd-ambulatory-wrap .card-registration-step ul > li:nth-child(5) {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-ambulatory-wrap .card-registration-step ul > li.mob-arrow-down:after {
        top: auto;
        right: 0;
        bottom: -8px;
        left: 0;
        margin: 0 auto;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-guide .pggd-ambulatory-wrap .card-registration-step ul > li.mob-arrow-down:after {
        top: 50%;
        right: -0.75rem;
        bottom: auto;
        left: auto;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-ambulatory-wrap .card-registration-step ul > li.mob-arrow-left:after {
        right: auto;
        left: -0.9375rem;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-guide .pggd-ambulatory-wrap .card-registration-step ul > li.mob-arrow-left:after {
        top: 50%;
        right: -0.75rem;
        bottom: auto;
        left: auto;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

.spw-guide .pggd-ambulatory-wrap .card-registration-step .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 7.1875rem;
    height: 8.25rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url("../images/sub/registrat-dia-mint-icon.png");
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-guide .pggd-ambulatory-wrap .card-registration-step .box {
        width: 90px;
        height: 104px;
    }
}

.spw-guide .pggd-ambulatory-wrap .card-registration-step .box span {
    color: #fff;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5;
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-guide .pggd-ambulatory-wrap .card-registration-step .box span {
        font-size: 0.9375rem;
    }
}

.spw-guide .pggd-ambulatory-wrap .card-registration-step .box.not-s {
    background-image: url("../images/sub/registrat-dia-not-icon.png");
}

.spw-guide .pggd-ambulatory-wrap .card-registration-step .box.not-s span {
    color: #636363;
    font-weight: 400;
}

.spw-guide .pggd-ambulatory-wrap .schedule-time {
    display: inline-block;
}

.spw-guide .pggd-ambulatory-wrap .schedule-time ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.375rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-ambulatory-wrap .schedule-time ul > li {
        display: block;
        margin-bottom: 0.5rem;
    }
}

.spw-guide .pggd-ambulatory-wrap .schedule-time ul > li:last-child {
    margin-bottom: 0;
}

.spw-guide .pggd-ambulatory-wrap .schedule-time ul > li .d-box {
    margin-right: 0.9375rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-ambulatory-wrap .schedule-time ul > li .d-box {
        margin-right: 0;
        margin-bottom: 0.1875rem;
    }
}

.spw-guide .pggd-ambulatory-wrap .schedule-time ul > li .d-box strong {
    display: block;
    width: 3.5625rem;
    height: 1.375rem;
    color: #fff;
    text-align: center;
    line-height: 1.375rem;
    background-color: #3db8b2;
    font-size: 1rem;
    font-weight: 400;
}

.spw-guide .pggd-ambulatory-wrap .schedule-time ul > li .t-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -0.7813rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.spw-guide .pggd-ambulatory-wrap .schedule-time ul > li .t-box p {
    position: relative;
    padding: 0 0.7813rem;
    color: #636363;
    font-size: 1rem;
    font-weight: 400;
}

.spw-guide .pggd-ambulatory-wrap .schedule-time ul > li .t-box p:after {
    display: block;
    position: absolute;
    top: 50%;
    right: -0.4375rem;
    width: 0.6875rem;
    height: 0.4375rem;
    background: url("../images/sub/mint-small-arrow-ico.png") 0 0 no-repeat;
    content: "";
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-size: contain;
}

.spw-guide .pggd-ambulatory-wrap .schedule-time ul > li .t-box p:last-child:after {
    display: none;
}

/* 진료안내 */
@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-hosdis-wrap .h_exp {
        word-break: break-word;
    }
}

/* 진료안내 */
@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .list_basic > li span {
        word-break: break-word;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .x_divi > .left .p {
        word-break: break-word;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .x_divi > .left .p br {
        display: none;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .nor-c {
        word-break: break-word;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .nor-c br {
        display: none;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box {
        zoom: 0.7;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box {
        zoom: 0.8;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box {
        zoom: 1;
    }
}

.spw-guide .pggd-division-wrap .home-care-dia-box .dia-ls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 130px 0 125px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .dia-ls {
        padding: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .dia-ls {
        padding: 105px 0 160px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.spw-guide .pggd-division-wrap .home-care-dia-box .dia-ls > li {
    position: relative;
    padding: 0 32.5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .dia-ls > li {
        padding: 10px 0;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .dia-ls > li {
        padding: 0 20px;
    }
}

.spw-guide .pggd-division-wrap .home-care-dia-box .dia-ls > li:after {
    display: block;
    position: absolute;
    top: 50%;
    right: -15px;
    width: 30px;
    height: 17px;
    background: url("../images/sub/registrat-arrow-icon.png") 0 0 no-repeat;
    content: "";
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .dia-ls > li:after {
        top: auto;
        right: 50%;
        bottom: -5px;
        width: 18px;
        height: 10px;
        -webkit-transform: translate(50%, 0) rotate(90deg);
        transform: translate(50%, 0) rotate(90deg);
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .dia-ls > li:after {
        top: 50%;
        right: -11px;
        width: 20px;
        height: 12px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

.spw-guide .pggd-division-wrap .home-care-dia-box .dia-ls > li:last-child::after {
    display: none;
}

.spw-guide .pggd-division-wrap .home-care-dia-box .dia-ls .dia-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 115px;
    height: 132px;
    background: url("../images/sub/registrat-dia-mint-icon.png") 0 0 no-repeat;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .dia-ls .dia-box {
        width: 74px;
        height: 86px;
    }
}

.spw-guide .pggd-division-wrap .home-care-dia-box .dia-ls .dia-box span {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .dia-ls .dia-box span {
        font-size: 0.7rem;
        line-height: 1.3;
    }
}

.spw-guide .pggd-division-wrap .home-care-dia-box .dia-ls .dia-box span em {
    font-size: 0.875rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .dia-ls .dia-box span em {
        font-size: 0.7rem;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .dia-ls .dia-box span em {
        font-size: 0.75rem;
    }
}

.spw-guide .pggd-division-wrap .home-care-dia-box .circle-white {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    padding: 14px 15px;
    border: 1px solid #d7d7d7;
    color: #636363;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    font-size: 1rem;
    font-weight: 400;
    border-radius: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .circle-white {
        font-size: 0.8rem;
    }
}

.spw-guide .pggd-division-wrap .home-care-dia-box .circle-white:after {
    display: block;
    position: absolute;
    top: -67px;
    left: 50%;
    width: 17px;
    height: 49px;
    background: url("../images/sub/home-care-dia-up-arrow.png") 0 0 no-repeat;
    content: "";
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .circle-white:after {
        top: 50%;
        left: -26px;
        width: 11px;
        height: 32px;
        -webkit-transform: translate(0, -50%) rotate(-90deg);
        transform: translate(0, -50%) rotate(-90deg);
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .circle-white:after {
        top: -37px;
        left: 50%;
        width: 11px;
        height: 32px;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

.spw-guide .pggd-division-wrap .home-care-dia-box .circle-white.one {
    top: -129px;
    left: 5px;
    width: 173px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .circle-white.one {
        top: 29px;
        left: -182px;
        width: 143px;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .circle-white.one {
        top: -92px;
        left: -14px;
    }
}

.spw-guide .pggd-division-wrap .home-care-dia-box .circle-white.one:after {
    top: auto;
    bottom: -65px;
    -webkit-transform: translate(-50%, 0) rotate(180deg);
    transform: translate(-50%, 0) rotate(180deg);
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .circle-white.one:after {
        top: 50%;
        bottom: auto;
        left: 157px;
        -webkit-transform: translate(0, -50%) rotate(90deg);
        transform: translate(0, -50%) rotate(90deg);
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .circle-white.one:after {
        top: auto;
        bottom: -38px;
        left: 50%;
        -webkit-transform: translate(-50%, 0) rotate(180deg);
        transform: translate(-50%, 0) rotate(180deg);
    }
}

.spw-guide .pggd-division-wrap .home-care-dia-box .circle-white.two {
    top: auto;
    bottom: -124px;
    left: 66px;
    width: 228px;
    height: 95px;
    border-radius: 25px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .circle-white.two {
        bottom: -47px;
        left: 87px;
        width: 8.125rem;
        height: auto;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .circle-white.two {
        top: auto;
        bottom: -78px;
        left: 0;
        width: 228px;
    }
}

.spw-guide .pggd-division-wrap .home-care-dia-box .blue-cir {
    width: 92px;
    height: 42px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    background-color: #339BE8;
    font-size: 16px;
    font-weight: 500;
    border-radius: 50%;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .blue-cir {
        font-size: 0.8rem;
    }
}

.spw-guide .pggd-division-wrap .home-care-dia-box .blue-cir.one {
    position: absolute;
    top: -63px;
    left: 108px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .blue-cir.one {
        top: 80px;
        left: -86px;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .blue-cir.one {
        top: -38px;
        left: 70px;
    }
}

.spw-guide .pggd-division-wrap .home-care-dia-box .if-txt {
    position: absolute;
    top: -125px;
    left: 12px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .if-txt {
        top: 1rem;
        left: -10.8rem;
        width: 9rem;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .if-txt {
        top: -88px;
        left: 24px;
        width: auto;
    }
}

.spw-guide .pggd-division-wrap .home-care-dia-box .if-txt:after {
    display: block;
    position: absolute;
    bottom: -65px;
    left: 50%;
    width: 17px;
    height: 49px;
    background: url("../images/sub/home-care-dia-up-arrow.png") 0 0 no-repeat;
    content: "";
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-size: contain;
    margin-left: -176px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .if-txt:after {
        top: 50%;
        right: -19px;
        bottom: auto;
        left: auto;
        width: 11px;
        height: 32px;
        -webkit-transform: translate(0, -50%) rotate(-90deg);
        transform: translate(0, -50%) rotate(-90deg);
        margin-top: -0.625rem;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .if-txt:after {
        top: auto;
        right: auto;
        bottom: -43px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        margin-left: -203px;
    }
}

.spw-guide .pggd-division-wrap .home-care-dia-box .if-txt strong {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .if-txt strong {
        font-size: 0.875rem;
    }
}

.spw-guide .pggd-division-wrap .home-care-dia-box .if-txt p {
    color: #636363;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .if-txt p {
        white-space: normal;
        font-size: 0.8125rem;
        word-break: break-word;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .if-txt p {
        white-space: nowrap;
    }
}

.spw-guide .pggd-division-wrap .home-care-dia-box .if-guide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 178px;
    left: 348px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .if-guide {
        display: block;
        top: 160px;
        left: 85px;
        width: 175px;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .if-guide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        top: 175px;
        left: 2px;
        width: auto;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .if-guide .blue-cir {
        margin-bottom: 10px;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .if-guide .blue-cir {
        margin-bottom: 0;
    }
}

.spw-guide .pggd-division-wrap .home-care-dia-box .if-guide .nor-dashed-list {
    padding-left: 14px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .if-guide .nor-dashed-list {
        padding-left: 0;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .if-guide .nor-dashed-list {
        padding-left: 14px;
    }
}

.spw-guide .pggd-division-wrap .home-care-dia-box .if-guide .nor-dashed-list > li {
    white-space: nowrap;
    font-size: 14px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .if-guide .nor-dashed-list > li {
        font-size: 0.875rem;
        white-space: normal;
        line-height: 1.4;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .home-care-dia-box .if-guide .nor-dashed-list > li {
        white-space: nowrap;
    }
}

.spw-guide .pggd-division-wrap .open-hos-dia-box {
    margin-top: 0.9375rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .open-hos-dia-box {
        zoom: 0.7;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-guide .pggd-division-wrap .open-hos-dia-box {
        zoom: 0.9;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-guide .pggd-division-wrap .open-hos-dia-box {
        zoom: 1;
    }
}

.spw-guide .pggd-division-wrap .open-hos-dia-box .open-hos-diagram {
    position: relative;
    width: 396px;
    height: 399px;
    margin: 0 auto;
    background: url("../images/sub/open-hos-diagram-bg.png") 0 0 no-repeat;
}

.spw-guide .pggd-division-wrap .open-hos-dia-box .open-hos-diagram dl dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 125px;
    height: 125px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
}

.spw-guide .pggd-division-wrap .open-hos-dia-box .open-hos-diagram dl dt span {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

.spw-guide .pggd-division-wrap .open-hos-dia-box .open-hos-diagram dl dd {
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px 15px;
    text-align: center;
    border-radius: 15px;
}

.spw-guide .pggd-division-wrap .open-hos-dia-box .open-hos-diagram dl dd span {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
}

.spw-guide .pggd-division-wrap .open-hos-dia-box .open-hos-diagram dl dd.txt-l {
    text-align: left;
}

.spw-guide .pggd-division-wrap .open-hos-dia-box .open-hos-diagram dl.pat dt {
    left: 141px;
    background-color: #345bab;
}

.spw-guide .pggd-division-wrap .open-hos-dia-box .open-hos-diagram dl.pat dd {
    background-color: #345bab;
}

.spw-guide .pggd-division-wrap .open-hos-dia-box .open-hos-diagram dl.pat dd:nth-child(2) {
    top: 85px;
    left: -1px;
}

.spw-guide .pggd-division-wrap .open-hos-dia-box .open-hos-diagram dl.pat dd:nth-child(3) {
    top: 85px;
    left: 310px;
}

.spw-guide .pggd-division-wrap .open-hos-dia-box .open-hos-diagram dl.hos dt {
    top: 201px;
    left: 263px;
    background-color: #437de9;
}

.spw-guide .pggd-division-wrap .open-hos-dia-box .open-hos-diagram dl.hos dd {
    top: 370px;
    left: 125px;
    background-color: #437de9;
}

.spw-guide .pggd-division-wrap .open-hos-dia-box .open-hos-diagram dl.sys dt {
    top: 201px;
    left: 19px;
    background-color: #3db8b3;
}

.spw-guide .pggd-division-wrap .open-hos-dia-box .open-hos-diagram dl.sys dd {
    background-color: transparent;
}

.spw-guide .pggd-division-wrap .open-hos-dia-box .open-hos-diagram dl.sys dd span {
    color: #3db8b3;
    font-weight: 500;
}

.spw-guide .pggd-division-wrap .open-hos-dia-box .open-hos-diagram dl.sys dd:nth-child(2) {
    top: 152px;
    left: 120px;
}

.spw-guide .pggd-division-wrap .open-hos-dia-box .open-hos-diagram dl.sys dd:nth-child(3) {
    top: 231px;
    left: 152px;
}

/* 병원소개 */
.spw-hospital .pghp-greeting-wrap .hos-team-leader-box {
    position: relative;
    padding-right: 640px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-greeting-wrap .hos-team-leader-box {
        padding-right: 0;
    }
}

.spw-hospital .pghp-greeting-wrap .hos-team-leader-box .tt {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 169px;
    letter-spacing: -1px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-greeting-wrap .hos-team-leader-box .tt {
        height: auto;
        padding: 1.25rem 0;
    }
}

.spw-hospital .pghp-greeting-wrap .hos-team-leader-box .tt:before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 150px;
    height: 2px;
    content: "";
    background-color: #437dea;
}

.spw-hospital .pghp-greeting-wrap .hos-team-leader-box .tt:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    background-color: #ddd;
}

.spw-hospital .pghp-greeting-wrap .hos-team-leader-box .tt span {
    display: inline-block;
    position: relative;
    padding: 0 3.9375rem;
    color: #000;
    font-family: "Sbaggro";
    font-size: 1.75rem;
    font-weight: 500;
}

.spw-hospital .pghp-greeting-wrap .hos-team-leader-box .tt span:before, .spw-hospital .pghp-greeting-wrap .hos-team-leader-box .tt span:after {
    display: block;
    position: absolute;
    width: 2.6875rem;
    height: 2.125rem;
    content: "";
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
}

.spw-hospital .pghp-greeting-wrap .hos-team-leader-box .tt span:before {
    top: -15px;
    left: 0;
    background-image: url("../images/sub/db-quotation-marks-l.png");
}

.spw-hospital .pghp-greeting-wrap .hos-team-leader-box .tt span:after {
    right: 0;
    bottom: -8px;
    background-image: url("../images/sub/db-quotation-marks-r.png");
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-greeting-wrap .hos-team-leader-box .tt span br {
        display: none;
    }
}

.spw-hospital .pghp-greeting-wrap .hos-team-leader-box .tt span em {
    color: #0a4a9b;
}

.spw-hospital .pghp-greeting-wrap .hos-team-leader-box .con {
    padding-top: 1.25rem;
    padding-bottom: 1.875rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-greeting-wrap .hos-team-leader-box .con:before, .spw-hospital .pghp-greeting-wrap .hos-team-leader-box .con:after {
        display: table;
        content: "";
    }

    .spw-hospital .pghp-greeting-wrap .hos-team-leader-box .con:after {
        clear: both;
    }
}

.spw-hospital .pghp-greeting-wrap .hos-team-leader-box .con .pic {
    position: absolute;
    top: 0;
    right: 0;
    width: 509px;
    padding-right: 70px;
    padding-bottom: 70px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-greeting-wrap .hos-team-leader-box .con .pic {
        float: left;
        position: relative;
        width: 150px;
        margin: 0 auto;
        margin-right: 20px;
        margin-bottom: 10px;
        padding-right: 1.875rem;
        padding-bottom: 1.875rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-greeting-wrap .hos-team-leader-box .con .pic {
        width: 250px;
    }
}

.spw-hospital .pghp-greeting-wrap .hos-team-leader-box .con .pic:after {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 509px;
    height: 587px;
    background: url("../images/sub/hos-team-leader-pic-bg.png") 0 0 no-repeat;
    content: "";
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-greeting-wrap .hos-team-leader-box .con .pic:after {
        width: 150px;
        height: 173px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-greeting-wrap .hos-team-leader-box .con .pic:after {
        width: 250px;
        height: 288px;
    }
}

.spw-hospital .pghp-greeting-wrap .hos-team-leader-box .con .pic img {
    position: relative;
    z-index: 1;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-greeting-wrap .hos-team-leader-box .con .pic img {
        width: 100%;
    }
}

.spw-hospital .pghp-greeting-wrap .hos-team-leader-box .con p {
    color: #636363;
    letter-spacing: -1px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.875;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-greeting-wrap .hos-team-leader-box .con p br {
        display: none;
    }
}

.spw-hospital .pghp-greeting-wrap .hos-team-leader-box .leader-name p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.spw-hospital .pghp-greeting-wrap .hos-team-leader-box .leader-name p span {
    color: #437dea;
    font-size: 1rem;
    font-weight: 500;
    padding-right: 13px;
}

.spw-hospital .pghp-greeting-wrap .hos-team-leader-box .leader-name p strong {
    color: #000;
    font-size: 1.625rem;
    font-weight: 700;
}

/* 병원소개 */
.spw-hospital .pghp-info-wrap .organization-chart-bg-box {
    padding-right: 0;
    padding-left: 0;
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box {
        width: 310px;
        margin: 0 auto;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box {
        width: auto;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box {
        width: auto;
        zoom: 0.6; max-width: 649px;
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .c-cle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
    width: 220px;
    height: 45px;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #0a4a9b;
    font-size: 19px;
    font-weight: 400;
    border-radius: 32px;
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .c-cle:after {
    display: block;
    position: absolute;
    top: 50%;
    right: -5px;
    width: 9px;
    height: 9px;
    border: 2px solid #0a4a9b;
    content: "";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .c-cle {
        width: 133px;
        height: 50px;
        font-size: 16px;
        border-radius: 32px;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .c-cle {
        width: 167px;
        font-size: 15px;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .c-cle {
        width: 167px;
        font-size: 15px;
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .c-cle.dot-left:after {
    right: auto;
    left: -5px;
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .c-cle.white {
    position: relative;
    width: 311px;
    height: 71px;
    border: 1px solid #d5d5d5;
    color: #fff;
    border-radius: 36px;
    font-size: 22px;
    font-weight: 700;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .c-cle.white {
        width: 200px;
        height: 50px;
        border-radius: 32px;
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .c-cle.white:after {
    display: block;
    position: absolute;
    top: 50%;
    left: -38px;
    width: 100px;
    height: 100px;
    border: 3px solid #3eb0b9;
    content: "";
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: #fff;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../images/sub/organization-director-mark.png");
    border-radius: 50%;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .c-cle.white:after {
        width: 70px;
        height: 70px;
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .c-cle.white.gra {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3db7b3+0,437dea+100 */
    background: rgb(61, 183, 179);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgb(61, 183, 179)), to(rgb(67, 125, 234)));
    background: linear-gradient(to right, rgb(61, 183, 179) 0%, rgb(67, 125, 234) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#3db7b3", endColorstr="#437dea",GradientType=1 );
    /* IE6-9 */
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .b-cle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
    width: 157px;
    height: 45px;
    padding: 5px;
    border: 1px solid #0a4a9b;
    color: #0a4a9b;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 400;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 24px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .b-cle {
        width: 130px;
        font-size: 15px;
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .b-cle:after {
    display: block;
    position: absolute;
    top: -2.5px;
    left: 50%;
    width: 5px;
    height: 5px;
    content: "";
    border-radius: 50%;
    background-color: #0a4a9b;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .b-cle.dot-left:after {
    top: 50%;
    left: -3.5px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .b-cle.dot-left:after {
        top: -2.5px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .director {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 835px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 34px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .director {
        width: auto;
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .director:after {
    display: block;
    position: absolute;
    top: 71px;
    right: 0;
    left: 0;
    width: 1px;
    height: 977px;
    margin: 0 auto;
    content: "";
    background-color: #d6d6d6;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .director:after {
        top: 45px;
        height: 1167px;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .director:after {
        height: 1168px;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .director:after {
        height: 913px;
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 835px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part {
        width: 100%;
        margin: 0 -5px;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part:after {
        display: block;
        position: absolute;
        top: 25px;
        left: 0;
        width: calc(100% - 22px);
        height: 1px;
        content: "";
        background-color: #d6d6d6;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part:after {
        display: block;
        position: absolute;
        top: 25px;
        left: 0;
        width: calc(100% - 22px);
        height: 1px;
        content: "";
        background-color: #d6d6d6;
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part .divi-area {
    position: relative;
    padding-bottom: 26px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part .divi-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 5px;
        padding-bottom: 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part .divi-area .line-bg {
    position: relative;
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part .divi-area .line-bg.c-line {
    background: url("../images/sub/org-part-line-c.png") center 0 no-repeat;
    padding-top: 70px;
    margin-left: -135px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part .divi-area .line-bg.c-line {
        margin: 0;
        background: none;
        padding-top: 15px;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part .divi-area .line-bg.c-line {
        margin-left: -122px;
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part .divi-area .line-bg.c-line.right {
    margin-left: 0;
    margin-right: -50px;
    background: url(../images/sub/org-part-line-t.png) center 0 no-repeat;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part .divi-area .line-bg.c-line.right {
        margin-right: 0;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part .divi-area .line-bg.c-line.right {
        margin-right: -122px;
        background: none;
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part .divi-area .line-bg.l-line {
    background: url("../images/sub/org-part-line-l.png") 65px 0 no-repeat;
    padding-top: 145px;
    margin-left: -188px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part .divi-area .line-bg.l-line {
        margin: 0;
        background: none;
        padding-top: 15px;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part .divi-area .line-bg.l-line {
        margin-left: -250px;
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part .divi-area .line-bg.r-line {
    background: url("../images/sub/org-part-line-r.png") 64px 0 no-repeat;
    padding-top: 145px;
    margin-right: -98px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part .divi-area .line-bg.r-line {
        margin: 0;
        background: none;
        padding-top: 15px;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part .divi-area .line-bg.r-line {
        margin-right: 0;
        margin-left: 0;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part .divi-area .line-bg.r-line .sub-ls {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part .divi-area:after {
    display: block;
    position: absolute;
    top: 22px;
    width: calc(100% - 22px);
    height: 1px;
    content: "";
    background-color: #d6d6d6;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part .divi-area:after {
        top: 24px;
        width: calc(100% - 118px);
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part .divi-area:after {
        display: none;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part .divi-area:after {
        display: none;
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part .divi-area:nth-child(1):after {
    left: 220px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part .divi-area:nth-child(1):after {
        left: 129px;
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part .divi-area:nth-child(2):after {
    right: 220px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part .divi-area:nth-child(2):after {
        right: 129px;
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part .divi-area.flex-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part .divi-area.flex-left .c-cle {
    margin-left: auto;
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part.r-cs:after {
        left: 50%;
        width: 45%;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part.r-cs:after {
        left: 50%;
        width: 45%;
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part.r-cs .divi-area {
    margin-left: auto;
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part.r-cs .divi-area:after {
    right: 220px;
    left: auto;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part.r-cs .divi-area:after {
        right: 129px;
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part.c-cle-line .divi-area:first-child .c-cle {
    margin-right: auto;
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .org-part.last-cle-line .divi-area:first-child .c-cle {
    margin-right: auto;
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls {
    position: relative;
    padding-top: 10px;
    margin-left: 28px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls {
        padding-top: 15px;
        margin-left: 0;
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls:after {
    display: block;
    position: absolute;
    top: 0;
    left: 79px;
    width: 1px;
    height: calc(100% - 0.5rem);
    content: "";
    background-color: #d7dbdd;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls:after {
        display: none;
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls > li {
    display: block;
    margin-bottom: 5px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls > li {
        margin-bottom: 10px;
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls > li:last-child {
    margin-bottom: 0;
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
    padding-top: 0;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls.row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls.row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls.row:after {
    display: none;
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls.row > li {
    padding-right: 10px;
    margin-bottom: 0;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls.row > li {
        padding-right: 0;
        margin-bottom: 10px;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls.row > li {
        padding-right: 10px;
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls.row > li:last-child {
    padding-right: 0;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls.row > li:last-child {
        margin-bottom: 0;
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls.row.short-wd > li {
    padding-right: 5px;
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls.row.short-wd > li .b-cle {
    width: 130px;
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls.row.short-wd > li .list_basic.list_dot > li {
    width: 130px;
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls.ab {
    position: absolute;
    top: 11px;
    left: 331px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls.ab {
        position: static;
        margin-bottom: 15px;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls.ab {
        margin-left: 270px;
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls .list_basic.list_dot {
    padding-top: 10px;
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls .list_basic.list_dot > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 157px;
    height: 31px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    margin-bottom: 5px;
    padding-left: 0;
    border-radius: 16px;
    background-color: #8B99A7;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls .list_basic.list_dot > li:before {
    display: none;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls .list_basic.list_dot > li {
        width: 130px;
        font-size: 14px;
    }
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls .list_basic.list_dot .point-b {
    color: #fff;
    vertical-align: middle;
    font-family: "Sbaggro";
    font-size: 12px;
    font-weight: 500;
}

.spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls .list_basic.list_dot.alone {
    padding: 0;
    margin-top: 56px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .organization-chart-dia-box .sub-ls .list_basic.list_dot.alone {
        margin-top: 20px;
    }
}

.spw-hospital .pghp-info-wrap .hp-intro-gui-zone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 3.125rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-gui-zone {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-gui-zone {
        display: block;
    }

    .spw-hospital .pghp-info-wrap .hp-intro-gui-zone:before, .spw-hospital .pghp-info-wrap .hp-intro-gui-zone:after {
        display: table;
        content: "";
    }

    .spw-hospital .pghp-info-wrap .hp-intro-gui-zone:after {
        clear: both;
    }
}

.spw-hospital .pghp-info-wrap .hp-intro-gui-zone:last-child {
    margin-bottom: 0;
}

.spw-hospital .pghp-info-wrap .hp-intro-gui-zone .endos-pic {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-gui-zone .endos-pic {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 1.25rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-gui-zone .endos-pic {
        float: left;
        margin-bottom: 0;
        padding-right: 20px;
        padding-bottom: 10px;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-gui-zone .endos-pic .bg-banner {
        position: static;
        margin: 0 auto;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-gui-zone .endos-pic .bg-banner {
        max-width: 400px;
    }
}

.spw-hospital .pghp-info-wrap .hp-intro-gui-zone .endos-pic .bg-banner .ban-inner {
    position: relative;
}

.spw-hospital .pghp-info-wrap .hp-intro-gui-zone .endos-pic .bg-banner .tt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 625px;
    height: 119px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0 75px 0 0;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-gui-zone .endos-pic .bg-banner .tt {
        width: 100%;
        height: 5.6rem;
        border-radius: 0 75px 0 0;
        font-size: 1rem;
    }
}

.spw-hospital .pghp-info-wrap .hp-intro-gui-zone .endos-pic .bg-banner .tt strong {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 500;
    margin-top: -35px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-gui-zone .endos-pic .bg-banner .tt strong {
        margin-top: -27px;
        font-size: 1.1rem;
    }
}

.spw-hospital .pghp-info-wrap .hp-intro-gui-zone .endos-pic .bg-banner .pic {
    position: relative;
    z-index: 1;
    margin-top: -38px;
    margin-left: 39px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-gui-zone .endos-pic .bg-banner .pic {
        text-align: center;
        margin-top: -25px;
        margin-left: 0;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-gui-zone .endos-pic .bg-banner .pic img {
        width: 90%;
    }
}

.spw-hospital .pghp-info-wrap .hp-intro-gui-zone .endos-con {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 4.125rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-gui-zone .endos-con {
        padding: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

.spw-hospital .pghp-info-wrap .hp-intro-gui-zone .endos-con .tt {
    display: block;
    color: #437de9;
    /* font-family: "Sbaggro"; */
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.25rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-gui-zone .endos-con .tt br {
        display: none;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-gui-zone .endos-con .nor-c br {
        display: none;
    }
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 720px;
    background: url("../images/sub/hp-intro-establish-bg.png") center 195px no-repeat;
    margin-top: 0.9375rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box {
        display: block;
        height: auto;
        padding: 1rem;
        padding-top: 0;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box {
        padding: 2rem;
        padding-top: 0;
    }
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-t {
    position: relative;
    padding: 78px 0;
    margin-top: -7px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-t {
        padding: 35px 0;
        text-align: center;
    }
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-t:before, .spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-t:after {
    display: block;
    position: absolute;
    width: 13px;
    height: 13px;
    content: "";
    border-radius: 50%;
    background-color: #05187c;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-t:before {
    top: 0;
    left: 50%;
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-t:after {
    bottom: 0;
    left: 50%;
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-t p {
    color: #636363;
    font-size: 1rem;
    font-weight: 500;
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-t p:before, .spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-t p:after {
    display: block;
    position: absolute;
    width: 1px;
    height: 50px;
    content: "";
    border-radius: 50%;
    background-color: #dcdcdc;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-t p:before, .spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-t p:after {
        height: 17px;
    }
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-t p:before {
    top: 13px;
    left: 50%;
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-t p:after {
    bottom: 13px;
    left: 50%;
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-center {
    text-align: center;
    margin-top: 1.125rem;
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-center .logo span {
    padding: 0 3px;
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-center p {
    color: #000;
    margin-top: 19px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25;
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list {
    position: relative;
    margin-top: 1.25rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list .ls-box {
    position: absolute;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list .ls-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: static;
        padding: 0 0.625rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 100px;
        flex-basis: 100px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list .ls-box.ls-1 {
    top: -48px;
    left: 34px;
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list .ls-box.ls-1 strong {
    background-color: #3db8b3;
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list .ls-box.ls-1 strong:after {
    right: auto;
    bottom: 15px;
    left: -5px;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list .ls-box.ls-1 strong:after {
        right: 0;
        bottom: -26px;
        left: 0;
        margin: 0 auto;
        -webkit-transform: none;
        transform: none;
    }
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list .ls-box.ls-1 ul {
    top: 98px;
    left: -187px;
    text-align: right;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list .ls-box.ls-1 ul {
        text-align: left;
        margin-top: 32px;
    }
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list .ls-box.ls-1 ul > li span {
    padding-left: 0;
    padding-right: 0.8125rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list .ls-box.ls-1 ul > li span {
        padding-right: 0;
        padding-left: 0.8125rem;
    }
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list .ls-box.ls-1 ul > li span:after {
    right: 0;
    left: auto;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list .ls-box.ls-1 ul > li span:after {
        right: auto;
        left: 0;
    }
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list .ls-box.ls-2 {
    top: 100px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list .ls-box.ls-2 {
        -webkit-transform: none;
        transform: none;
    }
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list .ls-box.ls-2 strong {
    margin: 0 auto;
    background-color: #345bab;
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list .ls-box.ls-2 ul {
    position: static;
    text-align: center;
    margin-top: 32px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list .ls-box.ls-2 ul {
        text-align: left;
    }
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list .ls-box.ls-2 ul > li span:after {
    background-image: url("../images/sub/hp-establish-ls-dia-icon-ty-2.png");
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list .ls-box.ls-3 {
    top: -48px;
    left: 390px;
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list .ls-box.ls-3 strong {
    background-color: #437de9;
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list .ls-box.ls-3 strong:after {
    right: -5px;
    bottom: 15px;
    left: auto;
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg);
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list .ls-box.ls-3 strong:after {
        right: 0;
        bottom: -26px;
        left: 0;
        margin: 0 auto;
        -webkit-transform: none;
        transform: none;
    }
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list .ls-box.ls-3 ul {
    top: 98px;
    right: -198px;
    left: auto;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list .ls-box.ls-3 ul {
        margin-top: 32px;
    }
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list .ls-box.ls-3 ul > li span:after {
    background-image: url("../images/sub/hp-establish-ls-dia-icon-ty-3.png");
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list strong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 125px;
    height: 125px;
    color: #fff;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 500;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list strong {
        width: 80px;
        height: 80px;
        margin: 0 auto;
        font-size: 13px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list strong {
        width: 100px;
        height: 100px;
        font-size: 15px;
    }
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list strong:after {
    display: block;
    position: absolute;
    right: 0;
    bottom: -26px;
    left: 0;
    width: 1px;
    height: 26px;
    margin: 0 auto;
    content: "";
    background-color: #dcdcdc;
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list ul {
    position: absolute;
    top: 0;
    left: 0;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list ul {
        position: static;
    }
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list ul > li {
    display: block;
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list ul > li span {
    display: inline-block;
    position: relative;
    color: #636363;
    font-size: 1rem;
    font-weight: 400;
    padding-left: 0.8125rem;
}

.spw-hospital .pghp-info-wrap .hp-intro-establish-dia-box .establish-area .dia-list ul > li span:after {
    display: block;
    position: absolute;
    top: 0.4375rem;
    left: 0;
    width: 0.4375rem;
    height: 0.4375rem;
    content: "";
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/sub/hp-establish-ls-dia-icon-ty-1.png");
}

.spw-hospital .pghp-info-wrap .hp-intro-charact-pic {
    margin-top: 1.5625rem;
}

.spw-hospital .pghp-info-wrap .visi-dia-zone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.spw-hospital .pghp-info-wrap .visi-dia-zone span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #010000;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 400;
}

.spw-hospital .pghp-info-wrap .visi-dia-zone span:before {
    display: inline-block;
    width: 77px;
    height: 70px;
    vertical-align: middle;
    content: "";
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    margin-right: 22px;
}

.spw-hospital .pghp-info-wrap .visi-dia-zone.mission span:before {
    background-image: url("../images/sub/hosp-visi-gra-icon-1.png");
}

.spw-hospital .pghp-info-wrap .visi-dia-zone.vision span:before {
    background-image: url("../images/sub/hosp-visi-gra-icon-2.png");
}

.spw-hospital .pghp-info-wrap .visi-value-diagram-zone ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .visi-value-diagram-zone ul {
        display: block;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .visi-value-diagram-zone ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.spw-hospital .pghp-info-wrap .visi-value-diagram-zone ul > li {
    margin: 0 -17px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .visi-value-diagram-zone ul > li {
        display: block;
        margin: 0;
        margin-bottom: 1.875rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .visi-value-diagram-zone ul > li {
        margin: 0 -10px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-bottom: 0;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .visi-value-diagram-zone ul > li:last-child {
        margin-bottom: 0;
    }
}

.spw-hospital .pghp-info-wrap .visi-value-diagram-zone ul .box i {
    display: block;
    width: 4.8125rem;
    height: 4.375rem;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    margin-bottom: 1.125rem;
}

.spw-hospital .pghp-info-wrap .visi-value-diagram-zone ul .box .tt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 20.25rem;
    height: 5.125rem;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2.5625rem;
    font-size: 1.25rem;
    font-weight: 500;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .visi-value-diagram-zone ul .box .tt {
        width: 100%;
        height: 60px;
        margin: 0 auto;
        max-width: 345px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .visi-value-diagram-zone ul .box .tt {
        height: 70px;
        max-width: none;
    }
}

.spw-hospital .pghp-info-wrap .visi-value-diagram-zone ul .box .tt:after {
    display: block;
    position: absolute;
    right: 0;
    bottom: -6px;
    left: 0;
    width: 13px;
    height: 13px;
    margin: 0 auto;
    content: "";
    border-radius: 50%;
    background-color: #fff;
}

.spw-hospital .pghp-info-wrap .visi-value-diagram-zone ul .box p {
    color: #010000;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.875;
    margin-top: 25px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .visi-value-diagram-zone ul .box p {
        margin-top: 15px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .visi-value-diagram-zone ul .box p {
        padding: 0 0.9375rem;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .visi-value-diagram-zone ul .box p br {
        display: none;
    }
}

.spw-hospital .pghp-info-wrap .visi-value-diagram-zone ul .box.con-1 i {
    background-image: url("../images/sub/hosp-visi-gra-icon-3.png");
}

.spw-hospital .pghp-info-wrap .visi-value-diagram-zone ul .box.con-1 .tt {
    background-color: rgba(61, 184, 178, 0.85);
}

.spw-hospital .pghp-info-wrap .visi-value-diagram-zone ul .box.con-2 i {
    background-image: url("../images/sub/hosp-visi-gra-icon-4.png");
}

.spw-hospital .pghp-info-wrap .visi-value-diagram-zone ul .box.con-2 .tt {
    background-color: rgba(52, 91, 171, 0.85);
}

.spw-hospital .pghp-info-wrap .visi-value-diagram-zone ul .box.con-3 i {
    background-image: url("../images/sub/hosp-visi-gra-icon-5.png");
}

.spw-hospital .pghp-info-wrap .visi-value-diagram-zone ul .box.con-3 .tt {
    background-color: rgba(67, 125, 233, 0.85);
}

.spw-hospital .pghp-info-wrap .visi-management-zone {
    position: relative;
}

.spw-hospital .pghp-info-wrap .visi-management-zone .bg-banner {
    position: absolute;
    top: -113px;
    right: -64px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .visi-management-zone .bg-banner {
        position: static;
        margin: 0 auto;
        max-width: 300px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .visi-management-zone .bg-banner {
        max-width: 400px;
    }
}

.spw-hospital .pghp-info-wrap .visi-management-zone .bg-banner .ban-inner {
    position: relative;
}

.spw-hospital .pghp-info-wrap .visi-management-zone .bg-banner .pic img {
    width: 100%;
}

.spw-hospital .pghp-info-wrap .visi-management-zone .bg-banner .tt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
    width: 31.5rem;
    height: 6.6875rem;
    color: #fff;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: 500;
    border-radius: 0 0 0 5.3125rem;
    margin-left: -51px;
    margin-top: -70px;
    -webkit-box-shadow: -13px 17px 19px 0px rgba(0, 0, 0, 0.25);
    box-shadow: -13px 17px 19px 0px rgba(0, 0, 0, 0.25);
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .visi-management-zone .bg-banner .tt {
        width: 100%;
        height: 4rem;
        margin: 0;
        border-radius: 0 0 0 6.6875rem;
        margin-bottom: 1.875rem;
        font-size: 1rem;
        margin-top: -55px;
    }
}

.spw-hospital .pghp-info-wrap .visi-management-zone .title-txt {
    color: #000;
    font-size: 1.1875rem;
    font-weight: 500;
    line-height: 1.57;
    margin-bottom: 2.5rem;
}

.spw-hospital .pghp-info-wrap .visi-management-zone .title-txt span {
    color: #2357b8;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .visi-management-zone .title-txt br {
        display: none;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .visi-management-zone .number-circle-list .nor-txt br {
        display: none;
    }
}

.spw-hospital .pghp-info-wrap .visi-management-zone .director-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #444;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-weight: 700;
    margin-left: 195px;
    margin-top: 35px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .visi-management-zone .director-name {
        margin-left: 0;
        margin-top: 1.875rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.spw-hospital .pghp-info-wrap .visi-management-zone .director-name span {
    font-size: 1rem;
}

.spw-hospital .pghp-info-wrap .visi-management-zone .director-name em {
    padding: 0 12px 0 9px;
    font-size: 1.5rem;
}

.spw-hospital .pghp-info-wrap .visi-management-zone .director-name i {
    display: block;
    width: 4.25rem;
    height: 2.3125rem;
    background: url("../images/sub/visi-manage-sign.png") 0 0 no-repeat;
    background-size: contain;
}

.spw-hospital .pghp-info-wrap .hp-if-history-zone .list .ls {
    display: block;
}

.spw-hospital .pghp-info-wrap .hp-if-history-zone .year-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-if-history-zone .year-box {
        display: block;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-if-history-zone .year-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.spw-hospital .pghp-info-wrap .hp-if-history-zone .year-box .year {
    width: 300px;
    padding: 30px 0 83px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 50px;
    border-top: 1px solid #2357b8;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-if-history-zone .year-box .year {
        width: auto;
        border-top: 0;
        padding-bottom: 10px;
        margin-right: 0;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-if-history-zone .year-box .year {
        width: 140px;
        padding: 30px 0 30px;
        border-top: 1px solid #2357b8;
        margin-right: 20px;
    }
}

.spw-hospital .pghp-info-wrap .hp-if-history-zone .year-box .year strong {
    color: #2357b8;
    font-family: "Sbaggro";
    font-size: 1.875rem;
    font-weight: 500;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-if-history-zone .year-box .year strong {
        font-size: 1.25rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-if-history-zone .year-box .year strong {
        font-size: 1.5625rem;
    }
}

.spw-hospital .pghp-info-wrap .hp-if-history-zone .year-box .year .pic {
    padding-top: 43px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-if-history-zone .year-box .year .pic {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        margin: 0 -5px;
        padding-top: 15px;
        overflow-x: auto;
        scroll-behavior: smooth;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-if-history-zone .year-box .year .pic {
        display: block;
        overflow: visible;
    }
}

.spw-hospital .pghp-info-wrap .hp-if-history-zone .year-box .year .pic > li {
    display: block;
    margin-bottom: 38px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-if-history-zone .year-box .year .pic > li {
        width: 150px;
        padding: 0 5px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 0;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-if-history-zone .year-box .year .pic > li {
        width: auto;
        margin-bottom: 10px;
    }
}

.spw-hospital .pghp-info-wrap .hp-if-history-zone .year-box .year .pic > li:last-child {
    margin-bottom: 0;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-if-history-zone .year-box .year .pic > li img {
        width: 100%;
    }
}

.spw-hospital .pghp-info-wrap .hp-if-history-zone .year-box .day {
    padding: 30px 0 83px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-top: 1px solid #2357b8;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-if-history-zone .year-box .day {
        padding: 30px 0 30px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-if-history-zone .year-box .day {
        padding: 30px 0 30px;
    }
}

.spw-hospital .pghp-info-wrap .hp-if-history-zone .year-box .day .day-ls > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 25px;
}

.spw-hospital .pghp-info-wrap .hp-if-history-zone .year-box .day .day-ls > li:first-child {
    padding-top: 0;
}

.spw-hospital .pghp-info-wrap .hp-if-history-zone .year-box .day strong {
    width: 69px;
    color: #2357b8;
    font-family: "Sbaggro";
    font-size: 1.0625rem;
    font-weight: 500;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding-top: 5px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hp-if-history-zone .year-box .day strong {
        width: 40px;
    }
}

.spw-hospital .pghp-info-wrap .hp-if-history-zone .year-box .day .list_basic {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-bottom: 25px;
    border-bottom: 1px solid #ddd;
}

.spw-hospital .pghp-info-wrap .hip-prt {
    position: relative;
}

.spw-hospital .pghp-info-wrap .hip-prt .bg-box .brand-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.spw-hospital .pghp-info-wrap .hip-prt .bg-box .brand-img .img-box {
    text-align: center;
}

.spw-hospital .pghp-info-wrap .hip-prt .bg-box .brand-img .img-box img {
    max-width: 100%;
}

.spw-hospital .pghp-info-wrap .hip-prt .bg-box .brand-img.verti-mark {
    margin: 0 -3.1875rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hip-prt .bg-box .brand-img.verti-mark {
        margin: 0 -1.25rem;
    }
}

.spw-hospital .pghp-info-wrap .hip-prt .bg-box .brand-img.verti-mark .img-box {
    padding: 0 3.1875rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hip-prt .bg-box .brand-img.verti-mark .img-box {
        margin: 0 -1.25rem;
    }
}

.spw-hospital .pghp-info-wrap .hip-prt .bg-box .brand-img.eng-mark {
    margin: 0 -1.3125rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hip-prt .bg-box .brand-img.eng-mark {
        margin: -1.3125rem;
    }
}

.spw-hospital .pghp-info-wrap .hip-prt .bg-box .brand-img.eng-mark .img-box {
    padding: 0 1.3125rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hip-prt .bg-box .brand-img.eng-mark .img-box {
        padding: 1.3125rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hip-prt .bg-box .brand-img.eng-mark .img-box {
        padding: 0 1.3125rem;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}

.spw-hospital .pghp-info-wrap .hip-prt .bg-box .brand-img.solo-mark {
    margin: 0 -0.75rem;
}

.spw-hospital .pghp-info-wrap .hip-prt .bg-box .brand-img.solo-mark .img-box {
    padding: 0 0.75rem;
}

.spw-hospital .pghp-info-wrap .hip-prt .bg-box .brand-img.logo-normal-mark {
    overflow: hidden;
}

.spw-hospital .pghp-info-wrap .hip-prt .bg-box .brand-img.logo-normal-mark .img-box img {
    margin-left: 7%;
}

.spw-hospital .pghp-info-wrap .hip-prt .btn {
    position: absolute;
    top: 0;
    right: 0;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hip-prt .btn {
        top: -3px;
    }
}

.spw-hospital .pghp-info-wrap .hip-prt .btn-wrap {
    position: absolute;
    top: 0;
    right: 0;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hip-prt .btn-wrap {
        position: static;
        text-align: right;
        margin-top: 0.9375rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hip-prt .btn-wrap {
        position: absolute;
        margin-top: 0;
    }
}

.spw-hospital .pghp-info-wrap .hip-prt .btn-wrap .btn {
    position: static;
}

.spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 100px;
    margin: -10px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list {
        padding: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list {
        margin: -10px;
    }
}

.spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list > li {
    width: 50%;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list > li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 50%;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list > li {
        padding: 10px;
    }
}

.spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list .cl-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list .cl-box {
        display: block;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list .cl-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list .cl-box .color-img {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list .cl-box .color-img {
        margin-bottom: 10px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list .cl-box .color-img {
        margin-bottom: 0;
    }
}

.spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list .cl-box .color-img strong {
    display: block;
    width: 248px;
    height: 113px;
    color: #0a4a9b;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 56.5px 56.5px 0;
    font-size: 1rem;
    font-weight: 500;
    padding-left: 37px;
    padding-top: 30px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list .cl-box .color-img strong {
        width: 118px;
        height: auto;
        padding: 10px 5px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list .cl-box .color-img strong {
        width: 105px;
        padding: 20px 5px;
        font-size: 0.9375rem;
    }
}

.spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list .cl-box .color-img.blue strong {
    color: #fff;
    background-color: #0a4a9b;
}

.spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list .cl-box .color-img.mint strong {
    background-color: #c8e7e9;
}

.spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list .cl-box .color-img.sky strong {
    background-color: #c7e1f5;
}

.spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list .cl-box .color-img.purple strong {
    background-color: #dee2f2;
}

.spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list .cl-box .color-img.pink strong {
    background-color: #f9d2dc;
}

.spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list .cl-box .color-img.pear strong {
    background-color: #d7e7a4;
}

.spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list .cl-box .color-img.yellow strong {
    background-color: #ffe787;
}

.spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list .cl-box .color-img.aprocot strong {
    background-color: #fcc8ac;
}

.spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list .cl-box .color-con {
    padding-left: 33px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list .cl-box .color-con {
        padding-left: 0;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list .cl-box .color-con {
        padding-left: 15px;
    }
}

.spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list .cl-box .color-con .con-detail > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -0.375rem;
    margin-bottom: 0.5rem;
}

.spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list .cl-box .color-con .con-detail > li:last-child {
    margin-bottom: 0;
}

.spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list .cl-box .color-con .con-detail > li div {
    padding: 0 0.375rem;
    font-size: 0.875rem;
}

.spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list .cl-box .color-con .con-detail > li div strong {
    color: #000;
    font-weight: 400;
    margin-right: 0.25rem;
}

.spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list .cl-box .color-con .con-detail > li div span {
    color: #636363;
    font-weight: 400;
}

.spw-hospital .pghp-info-wrap .color-ty-ls-zone .cl-list .cl-box .color-con .con-detail > li.alone div strong {
    margin-right: 9px;
}

.spw-hospital .pghp-info-wrap .designate-zone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .designate-zone {
        display: block;
    }
}

.spw-hospital .pghp-info-wrap .designate-zone .tt {
    display: block;
    width: 21.5625rem;
    color: #000101;
    font-size: 2.125rem;
    font-weight: 500;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .designate-zone .tt {
        width: auto;
        line-height: 1;
        margin-bottom: 0.625rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .designate-zone .tt {
        margin-bottom: 0.9375rem;
    }
}

.spw-hospital .pghp-info-wrap .designate-zone .tt span {
    font-size: 1.625rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .designate-zone .tt span {
        font-size: 0.9375rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .designate-zone .tt span {
        font-size: 1.125rem;
    }
}

.spw-hospital .pghp-info-wrap .designate-zone .grid {
    border: 1px solid #ddd;
    background: url("../images/sub/hos-designate-grid.png") 0 0 repeat;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.spw-hospital .pghp-info-wrap .designate-zone .grid .inner {
    padding: 2.25rem 4.6875rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .designate-zone .grid .inner {
        padding: 0.9375rem 0.625rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .designate-zone .grid .inner {
        padding: 1.25rem 1.875rem;
    }
}

.spw-hospital .pghp-info-wrap .designate-zone .grid ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .designate-zone .grid ul > li {
        display: block;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .designate-zone .grid ul > li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.spw-hospital .pghp-info-wrap .designate-zone .grid ul > li:last-child {
    margin-bottom: 0;
}

.spw-hospital .pghp-info-wrap .designate-zone .grid ul > li strong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 5.0625rem;
    height: 5.0625rem;
    color: #fff;
    text-align: center;
    background-color: #c0c0c0;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 2.375rem;
    line-height: 1;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .designate-zone .grid ul > li strong {
        margin-bottom: 10px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .designate-zone .grid ul > li strong {
        margin-bottom: 0;
    }
}

.spw-hospital .pghp-info-wrap .designate-zone .grid ul > li strong span {
    font-size: 12px;
    margin-top: 3px;
}

.spw-hospital .pghp-info-wrap .designate-zone .grid ul > li p {
    color: #000101;
    padding-left: 1.8125rem;
    font-size: 1.375rem;
    word-break: break-word;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .designate-zone .grid ul > li p {
        padding-left: 0;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .designate-zone .grid ul > li p {
        padding-left: 0.9375rem;
    }
}

.spw-hospital .pghp-info-wrap .designate-zone .grid ul > li.light strong {
    font-weight: 300;
}

.spw-hospital .pghp-info-wrap .designate-zone .grid ul > li.light p {
    font-weight: 300;
}

.spw-hospital .pghp-info-wrap .designate-zone .grid ul > li.regular strong {
    font-weight: 400;
}

.spw-hospital .pghp-info-wrap .designate-zone .grid ul > li.regular p {
    font-weight: 400;
}

.spw-hospital .pghp-info-wrap .designate-zone .grid ul > li.bold strong {
    font-weight: 700;
}

.spw-hospital .pghp-info-wrap .designate-zone .grid ul > li.bold p {
    font-weight: 700;
}

.spw-hospital .pghp-info-wrap .rule-hip-all-zone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .rule-hip-all-zone {
        display: block;
    }
}

.spw-hospital .pghp-info-wrap .rule-hip-all-zone .tt {
    display: block;
    width: 445px;
    color: #437de9;
    font-size: 24px;
    font-weight: 500;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .rule-hip-all-zone .tt {
        padding-left: 0;
        margin-bottom: 0.9375rem;
    }
}

.spw-hospital .pghp-info-wrap .rule-hip-all-zone .con-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.spw-hospital .pghp-info-wrap .rule-hip-alone-zone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.spw-hospital .pghp-info-wrap .rule-hip-color-zone {
    width: 601px;
    margin: 0 auto;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .rule-hip-color-zone {
        width: auto;
    }
}

.spw-hospital .pghp-info-wrap .rule-hip-color-zone ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -0.875rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.spw-hospital .pghp-info-wrap .rule-hip-color-zone ul > li {
    padding: 0.875rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .rule-hip-color-zone ul > li {
        width: 165px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .rule-hip-color-zone ul > li {
        width: auto;
    }
}

.spw-hospital .pghp-info-wrap .rule-hip-color-zone ul > li img {
    max-width: 100%;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .rule-hip-color-zone ul > li img {
        max-width: 100%;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .rule-hip-color-zone ul > li img {
        width: auto;
    }
}

.spw-hospital .pghp-info-wrap .rule-hip-minimum-zone {
    width: 520px;
    margin: 0 auto;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .rule-hip-minimum-zone {
        width: auto;
    }
}

.spw-hospital .pghp-info-wrap .rule-hip-minimum-zone .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -16px -20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.spw-hospital .pghp-info-wrap .rule-hip-minimum-zone .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .rule-hip-minimum-zone .box {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}

.spw-hospital .pghp-info-wrap .rule-hip-minimum-zone .box span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    color: #437dea;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
}

.spw-hospital .pghp-info-wrap .rule-hip-minimum-zone .box span:after {
    display: block;
    width: 12px;
    height: 51px;
    border: 1px solid #437dea;
    content: "";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 0;
    margin-left: 8px;
}

.spw-hospital .pghp-info-wrap .rule-hip-minimum-zone .box span.size-13:after {
    height: 56px;
}

.spw-hospital .pghp-info-wrap .rule-hip-minimum-zone .box .pic {
    margin-left: 10px;
}

.spw-hospital .pghp-info-wrap .rule-hip-minimum-zone .box:last-child {
    margin-left: -20px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .rule-hip-minimum-zone .box:last-child {
        margin-left: 0;
    }
}

.spw-hospital .pghp-info-wrap .rule-hip-apply-zone {
    width: 530px;
    margin: 0 auto;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .rule-hip-apply-zone {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.spw-hospital .pghp-info-wrap .rule-hip-apply-zone ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -20px -43px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .rule-hip-apply-zone ul {
        margin: -20px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .rule-hip-apply-zone ul {
        margin: -20px -43px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

.spw-hospital .pghp-info-wrap .rule-hip-apply-zone ul > li {
    padding: 20px 43px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .rule-hip-apply-zone ul > li {
        display: inline-block;
        padding: 20px 0;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .rule-hip-apply-zone ul > li {
        padding: 20px 43px;
    }
}

.spw-hospital .pghp-info-wrap .rule-hip-apply-zone .pic p {
    color: #437dea;
    margin-top: 17px;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .rule-hip-apply-zone .pic p {
        white-space: normal;
    }
}

.spw-hospital .pghp-info-wrap .rule-hip-ban-zone {
    width: 667px;
    margin: 0 auto;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .rule-hip-ban-zone {
        width: auto;
    }
}

.spw-hospital .pghp-info-wrap .rule-hip-ban-zone ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -20px -35px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .rule-hip-ban-zone ul {
        margin: -5px -10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.spw-hospital .pghp-info-wrap .rule-hip-ban-zone ul > li {
    padding: 20px 35px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .rule-hip-ban-zone ul > li {
        width: 140px;
        padding: 5px 10px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .rule-hip-ban-zone ul > li {
        width: auto;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .rule-hip-ban-zone .pic .img img {
        max-width: 100%;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .rule-hip-ban-zone .pic .img img {
        width: auto;
    }
}

.spw-hospital .pghp-info-wrap .rule-hip-ban-zone .pic p {
    height: 52px;
    color: #437dea;
    margin-top: 9px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.14;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 9px;
}

.spw-hospital .pghp-info-wrap .hos-character-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* 일산병원 캐릭터 추가 */
.hos-character__desc ul {
    display: flex;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}

.hos-character__desc ul li {
    padding: 40px 0;
    flex: 1;
}

.hos-character__desc ul li + li {
    border-left: 1px solid #e5e5e5;
}

[class^='hos-character__name'] {
    display: inline-flex;
    letter-spacing: -0.4px;
    font-size: 22px;
    line-height: 1;
    font-weight: 700;
    margin-top: 2.625rem;
}

[class^='hos-character__name'] span {
    padding: 0 18px;
}

.hos-character__text {
    color: #636363;
    letter-spacing: -0.4px;
    margin-top: 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.9;
}

.hos-character__name--drm {
    color: #086ab1;
}

.hos-character__name--brm {
    color: #84c4cc;
}

.hos-character__name--mdm {
    color: #5ca0c2
}

.hos-character__desc .hos-character-img {
    padding: 35px 0 55px;
}

@media (max-width: 1320px) {
    .hos-character__text br {
        display:none;
    }
}

@media (max-width: 1160px) {
    .hos-character__desc ul li {
        padding:20px;
    }
}

@media (max-width: 768px) {
    .hos-character__desc ul {
        flex-direction:column;
        border-bottom: 0;
    }

    .hos-character__desc ul li {
        border: 0;
        border-bottom: 1px solid #e5e5e5;
    }

    .hos-character__desc ul li + li {
        border: 0;
        border-bottom: 1px solid #e5e5e5;
    }
}

.spw-hospital .pghp-info-wrap .hos-character-img .img-box {
    text-align: center;
}

.spw-hospital .pghp-info-wrap .hos-character-img .img-box img {
    max-width: 100%;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-g-title-banner .map-area {
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-g-title-banner .map-area .root_daum_roughmap {
    width: 100%;
    padding-bottom: 37.85%;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-g-title-banner .map-area .root_daum_roughmap {
        padding-bottom: 60%;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-g-title-banner .map-area .root_daum_roughmap {
        padding-bottom: 38%;
    }
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-g-title-banner .map-area .root_daum_roughmap .wrap_map {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-g-title-banner .map-area .hide {
    display: none;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-g-title-banner .map-gui-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2.1875rem 3.25rem;
    border-radius: 0 0 80px 0;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-g-title-banner .map-gui-txt {
        padding: 1.25rem 0.9375rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-g-title-banner .map-gui-txt {
        padding: 2.1875rem 3.25rem;
    }
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-g-title-banner .map-gui-txt .con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-g-title-banner .map-gui-txt .con {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-g-title-banner .map-gui-txt .con i {
    display: block;
    width: 5.625rem;
    height: 5.625rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border-radius: 50%;
    margin-right: 33px;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-g-title-banner .map-gui-txt .con i {
        width: 70px;
        height: 70px;
        background-size: 80%;
        margin-right: 0;
        margin-bottom: 0.625rem;
    }
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-g-title-banner .map-gui-txt .con i.directions {
    background-image: url("../images/sub/map-gui-arrow-icon.png");
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-g-title-banner .map-gui-txt .con i.parking {
    background-image: url("../images/sub/map-gui-parking-icon.png");
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-g-title-banner .map-gui-txt .con i.parking {
        background-size: 50%;
    }
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-g-title-banner .map-gui-txt .con p {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 2;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-g-title-banner .map-gui-txt .con p br {
        display: none;
    }
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-g-title-banner .map-gui-txt .link {
    margin-left: auto;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-g-title-banner .map-gui-txt .link {
        text-align: center;
        margin-left: 0;
        margin-top: 0.9375rem;
    }
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-g-title-banner .map-gui-txt .link .btn span {
    color: #0c288e;
    padding-left: 1.75rem;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-g-title-banner .map-gui-txt .link .btn span:before {
    display: inline-block;
    position: absolute;
    top: 0.1875rem;
    left: 0;
    width: 1.125rem;
    height: 1rem;
    background: url("../images/sub/map-gui-naver-icon.png") 0 0 no-repeat;
    content: "";
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-g-title-banner .map-gui-txt .link .btn span:after {
    margin-left: 0.875rem;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-g-title-banner .list_basic {
    margin-top: 45px;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-flow-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -1.3125rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-flow-list {
        margin: -0.1875rem -1.3125rem;
    }
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-flow-list > li {
    position: relative;
    padding: 0 1.3125rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-flow-list > li {
        padding: 0.1875rem 1.3125rem;
    }
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-flow-list > li:after {
    display: block;
    position: absolute;
    top: 0.625rem;
    right: -0.5625rem;
    width: 0.9375rem;
    height: 0.5rem;
    background: url("../images/sub/map-flow-arrow.png") 0 0 no-repeat;
    content: "";
    background-size: contain;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-flow-list > li:last-child:after {
    display: none;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-flow-list > li span {
    color: #636363;
    font-size: 1rem;
    font-weight: 400;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-flow-list > li strong {
    color: #000;
    font-size: 1rem;
    font-weight: 500;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-flow-list.subway > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-flow-list.subway .num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "Sbaggro";
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    margin-right: 5px;
    border-radius: 50%;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-flow-list.subway .num.n-2 {
    background-color: #0ea349;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-flow-list.subway .num.n-3 {
    background-color: #eb6e08;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-flow-list.subway .num.n-kyong {
    background-color: #50a47d;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-flow-list.subway .num.n-air {
    background-color: #038fa0;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-gui-bus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.8125rem;
    margin-left: -0.9375rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-gui-bus {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-gui-bus {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-gui-bus .pic {
    width: 786px;
    height: 100%;
    border: 1px solid #e6e6e7;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-gui-bus .pic {
        width: 100%;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-gui-bus .pic {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-gui-bus .pic img {
        width: 100%;
    }
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-gui-bus .list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 40px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-gui-bus .list {
        padding-left: 0;
        margin-top: 15px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-gui-bus .list {
        padding-left: 40px;
        margin-top: 0;
    }
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-gui-bus .list .bus-flow > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-gui-bus .list .bus-flow > li:last-child {
    margin-bottom: 0;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-gui-bus .list .bus-flow > li i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 2rem;
    height: 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-color: #437dea;
    border-radius: 50%;
    margin-right: 8px;
    margin-top: -2px;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-gui-bus .list .bus-flow > li i span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 0.9375rem;
    height: 0.9375rem;
    border: 3px solid #fff;
    color: #fff;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.6875rem;
    font-weight: 700;
    border-radius: 50%;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-gui-bus .list .bus-flow > li .con {
    font-size: 1.125rem;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-gui-bus .list .bus-flow > li .con strong {
    color: #437dea;
    font-weight: 500;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-gui-bus .list .bus-flow > li .con p {
    color: #636363;
    font-weight: 400;
    margin-top: 5px;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-gui-bus .list .bus-terminal-info p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-gui-bus .list .bus-terminal-info .btn-zone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-gui-bus .list .bus-terminal-info .btn-zone .btn {
    margin-right: 4px;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .map-gui-bus .list .bus-terminal-info .btn-zone .btn:last-child {
    margin-right: 0;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .bus-traffic-box {
    position: relative;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .subway-traffic-box {
    position: relative;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .subway-traffic-box .subway-pic {
    border: 1px solid #e5e5e5;
    text-align: center;
    background-color: #fff;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .subway-traffic-box .list_basic {
    margin-top: 1.6875rem;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .btn {
    height: 2.125rem;
    border: 0;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hos-map-guide-zone .btn {
        height: 3.5rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hos-map-guide-zone .btn {
        height: 2.125rem;
    }
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .btn span {
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .btn.search {
    position: absolute;
    top: 0.125rem;
    right: 0;
    width: 10rem;
    background-color: #437dea;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hos-map-guide-zone .btn.search {
        position: static;
        width: 100%;
        margin-bottom: 10px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hos-map-guide-zone .btn.search {
        position: absolute;
        width: 10rem;
    }
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .btn.search span {
    position: relative;
    padding-right: 27px;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .btn.search span:after {
    display: block;
    position: absolute;
    top: 0.1875rem;
    right: 0;
    width: 1.0625rem;
    height: 1rem;
    background: url("../images/sub/map-search-reading-btn.png") 0 0 no-repeat;
    content: "";
    background-size: contain;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .btn.green {
    padding: 0 2.5rem;
    background-color: #00a39e;
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .parking-fee-board colgroup col.col-1 {
    width: 230px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hos-map-guide-zone .parking-fee-board colgroup col.col-1 {
        width: 70px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-info-wrap .hos-map-guide-zone .parking-fee-board colgroup col.col-1 {
        width: 150px;
    }
}

.spw-hospital .pghp-info-wrap .hos-map-guide-zone .parking-fee-board colgroup col.col-2 {
    width: auto;
}

/* 병원소개 */
.spw-hospital .pghp-see-wrap .see-youtube-area {
    position: relative;
    padding-top: 55%;
}

.spw-hospital .pghp-see-wrap .see-youtube-area .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 시설 둘러보기 */
.spw-hospital .pghp-see-wrap .see-youtube-area .inner iframe {
    width: 100%;
    height: 100%;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-tip-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.875rem 4rem;
    margin-bottom: 3.125rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-tip-box {
        padding: 1.25rem 1.25rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-tip-box {
        padding: 1.875rem 2.5rem;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-tip-box i {
    display: block;
    width: 2.4375rem;
    height: 2.4375rem;
    background: url("../images/sub/fac-tip-icon.png") 0 0 no-repeat;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-size: contain;
    margin-right: 1.4375rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-tip-box i {
        margin-right: 0.9375rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-tip-box i {
        margin-right: 1.4375rem;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-tip-box .con strong {
    display: block;
    color: #3db8b2;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 3px;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-tip-box .con p {
    color: #636363;
    font-size: 1rem;
    font-weight: 400;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-cont-tab {
    padding: 1.875rem 4.375rem;
    border: 1px solid #d9e1ec;
    background-color: #f6f9fd;
    margin-bottom: 3.125rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-cont-tab {
        padding: 0.9375rem;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-cont-tab ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -0.1563rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-cont-tab ul > li {
    width: 25%;
    padding: 0.1563rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-cont-tab ul > li {
        width: 50%;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 155px;
        flex-basis: 155px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-cont-tab ul > li {
        width: 33.3333%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-cont-tab ul > li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.8125rem;
    padding: 0.3125rem;
    border: 1px solid #dbdbdb;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-cont-tab ul > li a span {
    color: #636363;
    font-size: 1rem;
    font-weight: 400;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-cont-tab ul > li.on a {
    border: 2px solid #437dea;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-cont-tab ul > li.on a span {
    color: #437dea;
    font-weight: 500;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box {
    display: none;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-b-tt {
    display: block;
    color: #2357b8;
    font-size: 1.125rem;
    font-weight: 400;
    margin-bottom: 22px;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone {
    position: relative;
    height: 415px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url("../images/sub/fac-detail-map-st.png");
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone {
        height: 144px;
        background-size: auto 100%;
        background-position: center 0;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone {
        height: 277px;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone.fac-dia-map-1 {
    background-image: url("../images/sub/fac-detail-map-1.png");
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone.fac-dia-map-2 {
    background-image: url("../images/sub/fac-detail-map-2.png");
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone.fac-dia-map-3 {
    background-image: url("../images/sub/fac-detail-map-3.png");
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone.fac-dia-map-4 {
    background-image: url("../images/sub/fac-detail-map-4.png");
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone.parking-floor {
    height: 31.25rem;
    padding: 5rem 0;
    border: 1px solid #dbdbdb;
    background: none;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone.parking-floor {
        height: auto;
        padding: 2.1875rem 0;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone.parking-floor .map-pic {
    width: 554px;
    height: 328px;
    margin: 0 auto;
    background: url("../images/sub/fac-parking-floor-map.png") 0 0 no-repeat;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone.parking-floor .map-pic {
        width: 300px;
        height: 179px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone.parking-floor .map-pic {
        width: 500px;
        height: 296px;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone.parking-floor .s-txt {
    margin-top: 0.75rem;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone.parking-tower {
    height: 600px;
    padding: 65px 0;
    border: 1px solid #dbdbdb;
    background: none;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone.parking-tower {
        height: auto;
        padding: 2.1875rem 0;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone.parking-tower .map-pic {
    width: 455px;
    height: 469px;
    margin: 0 auto;
    background: url("../images/sub/fac-parking-tower.png") 0 0 no-repeat;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone.parking-tower .map-pic {
        width: 255px;
        height: 263px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone.parking-tower .map-pic {
        width: 500px;
        height: 515px;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone.parking-tower .s-txt {
    position: absolute;
    top: 385px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone.parking-tower .s-txt {
        position: static;
        text-align: center;
        margin-top: 0.75rem;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 180px;
    height: 42px;
    padding: 5px;
    border: 1px solid #0e3f8f;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone a {
        width: auto;
        height: auto;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone a:after {
    display: block;
    position: absolute;
    right: -1px;
    bottom: -10px;
    width: 9px;
    height: 10px;
    background: url("../images/sub/fac-detail-tooltip-mark.png") 0 0 no-repeat;
    content: "";
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone a.reverse:after {
    right: auto;
    left: -1px;
    background: url("../images/sub/fac-detail-tooltip-reverse-mark.png") 0 0 no-repeat;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone a span {
    color: #0e3f8f;
    font-size: 0.875rem;
    font-weight: 400;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone a.on {
    background-color: #0e3f8f;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone a.on:after {
    background: url("../images/sub/fac-detail-tooltip-mark-on.png") 0 0 no-repeat;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone a.on.reverse:after {
    background: url("../images/sub/fac-detail-tooltip-reverse-mark-on.png") 0 0 no-repeat;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone a.on span {
    color: #fff;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone a.on.zn-3:after {
    background: url("../images/sub/fac-detail-tooltip-reverse-mark-on.png") 0 0 no-repeat;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone a.zn-1 {
    top: 23px;
    left: 422px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone a.zn-1 {
        top: -20px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        margin-left: -80px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone a.zn-1 {
        top: -1px;
        margin-left: -110px;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone a.zn-2 {
    top: 233px;
    left: 800px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone a.zn-2 {
        top: 60px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        margin-left: 109px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone a.zn-2 {
        top: 148px;
        margin-left: 164px;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone a.zn-3 {
    top: 284px;
    left: 108px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone a.zn-3 {
        top: 93px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        margin-left: -95px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone a.zn-3 {
        top: 170px;
        margin-left: -211px;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone a.zn-3:after {
        right: auto;
        left: -1px;
        background: url("../images/sub/fac-detail-tooltip-reverse-mark.png") 0 0 no-repeat;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone a.zn-4 {
    top: 160px;
    left: 309px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone a.zn-4 {
        top: 39px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        margin-left: -115px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone a.zn-4 {
        top: 104px;
        margin-left: -168px;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-diagram-zone .s-txt {
    color: #636363;
    text-align: center;
    font-size: 0.9375rem;
    font-weight: 400;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 535px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-zone {
    width: 780px;
    height: 100%;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-zone {
        width: 100%;
        height: 236px;
        margin: 0 auto 0.9375rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-zone {
        height: 438px;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-zone a.zn-1 {
    top: 50px;
    left: 205px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-zone a.zn-1 {
        top: 0px;
        left: 50%;
        margin-left: -70px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-zone a.zn-1 {
        top: 40px;
        margin-left: -88px;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-zone a.zn-2 {
    top: 329px;
    left: 527px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-zone a.zn-2 {
        top: 119px;
        left: 50%;
        margin-left: 108px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-zone a.zn-2 {
        top: 270px;
        margin-left: 170px;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-zone a.zn-3 {
    top: 339px;
    left: 75px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-zone a.zn-3 {
        top: 130px;
        left: 50%;
        margin-left: -96px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-zone a.zn-3 {
        top: 280px;
        margin-left: -210px;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-zone a.zn-4 {
    top: 204px;
    left: 94px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-zone a.zn-4 {
        top: 80px;
        left: 50%;
        margin-left: -106px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-zone a.zn-4 {
        top: 168px;
        margin-left: -162px;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .floor-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    padding: 0 20px;
    background-color: #002664;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .floor-box {
        display: block;
        overflow: hidden;
        width: 100%;
        padding: 0;
        overflow-x: auto;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .floor-box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .floor-box ul {
        display: block;
        width: auto;
        text-align: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        white-space: nowrap;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .floor-box ul > li {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .floor-box ul > li {
        width: 57px;
        padding: 0 5px;
        margin-bottom: 0;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .floor-box ul > li:last-child {
    margin-bottom: 0;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .floor-box ul > li a {
    display: block;
    position: relative;
    width: 100%;
    color: #1b7daa;
    text-align: center;
    font-size: 0.9375rem;
    font-weight: 300;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .floor-box ul > li a {
        padding: 10px 10px 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .floor-box ul > li a span {
    display: inline-block;
    position: relative;
    width: 100%;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .floor-box ul > li a span {
        width: auto;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .floor-box ul > li a span:before {
    display: none;
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background-color: #3ce6ff;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .floor-box ul > li a span:before {
        bottom: -5px;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .floor-box ul > li a span:after {
    display: none;
    position: absolute;
    right: -8px;
    bottom: -9px;
    width: 13px;
    height: 13px;
    background: url("../images/sub/fac-diagram-det-arrow.png") 0 0 no-repeat;
    content: "";
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .floor-box ul > li a span:after {
        right: auto;
        bottom: -23px;
        left: 50%;
        -webkit-transform: translate(-50%, 0) rotate(90deg);
        transform: translate(-50%, 0) rotate(90deg);
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .floor-box ul > li.on a {
    color: #3ce6ff;
    font-weight: 700;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .floor-box ul > li.on a span:before, .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .floor-box ul > li.on a span:after {
    display: block;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .con-box {
    position: relative;
    width: 400px;
    height: 100%;
    background-color: #0e3f8f;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-image: url("../images/sub/ilsan-building-il.png");
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .con-box {
        width: auto;
        height: auto;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .con-box .con-dt {
    display: none;
    height: 100%;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .con-box .see-deta-con {
    height: 100%;
    padding: 2.1875rem 2.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .con-box .see-deta-con .inner-con {
    position: relative;
    height: 100%;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .con-box .see-deta-con .tt {
    display: block;
    color: #fff;
    font-size: 2.5rem;
    font-weight: 900;
    border-bottom: 2px solid #fff;
    padding-bottom: 30px;
    margin-bottom: 30px;
    line-height: 1;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .con-box .see-deta-con .tt span {
    font-size: 1.25rem;
    font-weight: 300;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .con-box .see-deta-con .con .see-nor-t {
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.66;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .con-box .see-deta-con .con .ls-ty-1 > li {
    display: block;
    border-bottom: 1px solid #5779b1;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .con-box .see-deta-con .con .ls-ty-1 > li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .con-box .see-deta-con .con .ls-ty-1 > li strong {
    display: block;
    position: relative;
    color: #3ce6ff;
    font-size: 15px;
    font-weight: 500;
    padding-left: 18px;
    margin-bottom: 7px;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .con-box .see-deta-con .con .ls-ty-1 > li strong:after {
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 11px;
    height: 11px;
    background: url("../images/sub/see-cir-tt-icon.png") 0 0 no-repeat;
    content: "";
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .con-box .see-deta-con .add-ban {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.9375rem 1.1875rem;
    border: 1px solid #3ce6ff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .con-box .see-deta-con .add-ban {
        position: static;
        margin-top: 1.25rem;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-short .fac-diagram-detail .con-box .see-deta-con .add-ban p {
    color: #3ce6ff;
    font-size: 0.9375rem;
    font-weight: 300;
    line-height: 1.66;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .fac-box .fac-dia-board {
    margin-top: 2.4375rem;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .floor-con-board {
    overflow: hidden;
    overflow-x: auto;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .floor-con-board .flo-con-inner {
    color: #636363;
    font-size: 1rem;
    font-weight: 400;
    border-top: 2px solid #437dea;
    min-width: 400px;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .floor-con-board ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #dbdbdb;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .floor-con-board ul > li.f-foot .floor-t, .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .floor-con-board ul > li.f-foot .floor-c {
    background-color: #f8eaed;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .floor-con-board ul > li.f-foot .floor-t span, .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .floor-con-board ul > li.f-foot .floor-c span {
    color: #e64475;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .floor-con-board .floor-t, .spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .floor-con-board .floor-c {
    padding: 17px 23px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .floor-con-board .floor-t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 86px;
    text-align: center;
    border-right: 1px solid #dbdbdb;
    background-color: #f9fafc;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .floor-con-board .floor-t span {
    color: #437df4;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .floor-con-board .floor-t.bdl-side {
    border-left: 1px solid #dbdbdb;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .floor-con-board .floor-t.row-many {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .floor-con-board .floor-t.row-many span {
    display: block;
    width: 86px;
    padding: 17px 23px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #dbdbdb;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .floor-con-board .floor-t.row-many span:last-child {
    border-bottom: 0;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .floor-con-board .floor-c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 130px;
    word-break: break-word;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .fac-detail-box .floor-con-board .floor-c.txt-right {
    text-align: right;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .movie-side-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -14px;
    margin-top: 2.8125rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .movie-side-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .movie-side-box {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .movie-side-box .m-box {
    padding: 0 14px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .movie-side-box .m-box {
        margin-bottom: 1.875rem;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .movie-side-box .m-box:last-child {
        margin-bottom: 0;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .movie-side-box .m-box .bg-box {
        padding: 15px;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .movie-side-box .m-box .bg-box {
        padding: 30px;
    }
}

.spw-hospital .pghp-see-wrap .see-facilities-area .movie-side-box .m-box .bg-box .inner {
    position: relative;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .movie-side-box .m-box .bg-box .inner img {
    width: 100%;
}

.spw-hospital .pghp-see-wrap .see-facilities-area .movie-side-box .m-box .bg-box .inner .dim {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.3);
}

.spw-hospital .pghp-see-wrap .see-facilities-area .movie-side-box .m-box .bg-box .inner .dim i {
    display: block;
    width: 5rem;
    height: 5rem;
    background: url("../images/sub/movie-play-icon.png") 0 0 no-repeat;
    background-size: contain;
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .movie-side-box .m-box .bg-box .inner .dim i {
        width: 60px;
        height: 60px;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .see-facilities-area .movie-side-box .m-box .bg-box .inner .dim i {
        width: 70px;
        height: 70px;
    }
}

/* // 시설 둘러보기 */
/* 편의시설 */
.spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -1.375rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .ls {
    width: 33.3333%;
    padding: 1.375rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .ls {
        width: 100%;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .ls {
        width: 50%;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .ls {
        width: 33.3333%;
    }
}

.spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box {
    overflow: hidden;
    border: 1px solid #dbdbdb;
    border-radius: 30px;
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .pic-b img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b {
    position: relative;
    z-index: 1;
    height: 205px;
    padding: 5px 20px;
    border-radius: 1.875rem;
    background-color: #fff;
    margin-top: -1.625rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b {
        height: auto;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b {
        height: 100%;
        padding: 0.9375rem 0.625rem;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b {
        height: 100%;
        padding: 0.9375rem 0.625rem;
        margin-top: -24px;
    }
}

.spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .tt-zn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.625rem;
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .tt-zn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .tt-zn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .tt-zn .cate {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: auto;
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .tt-zn .cate {
        margin: 5px 0 8px;
        text-align: center;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .tt-zn .cate {
        margin: 5px 0 8px;
        text-align: center;
    }
}

.spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .tt-zn .cate i {
    display: inline-block;
    height: 1.75rem;
    padding: 0 0.5625rem;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.75rem;
    border-radius: 0.875rem;
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .tt-zn .cate i {
        height: 1.25rem;
        font-size: 13px;
        line-height: 1.25rem;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .tt-zn .cate i {
        height: 1.25rem;
        font-size: 13px;
        line-height: 1.25rem;
    }
}

.spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .tt-zn .cate i.han {
    background-color: #F06C00;
}

.spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .tt-zn .cate i.drink {
    background-color: #F16588;
}

.spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .tt-zn .cate i.conven {
    background-color: #437dea;
}

.spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .tt-zn .cate i.bank {
    background-color: #44A1A7;
}

.spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .tt-zn .cate i.government {
    background-color: #79902f;
}

.spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .tt-zn .cate i.religion {
    background-color: #6182d6;
}

.spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .tt-zn .tt {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .tt-zn .tt {
        text-align: center;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .tt-zn .tt {
        text-align: center;
    }
}

.spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .tt-zn .tt strong {
    color: #000;
    font-size: 1.25rem;
    font-weight: 500;
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .tt-zn .tt strong {
        font-size: 20px;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .tt-zn .tt strong {
        font-size: 20px;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .list-zn .list-basic-fix {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .list-zn .list-basic-fix {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .list-zn .list-basic-fix > li {
    margin-bottom: 0.3125rem;
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .list-zn .list-basic-fix > li strong {
        width: 67px;
        font-size: 16px;
        margin-bottom: 0;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .list-zn .list-basic-fix > li strong {
        width: 67px;
        margin-bottom: 0;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .list-zn .list-basic-fix > li p {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-hospital .pghp-see-wrap .hos-see-list-zone .list-box .con-box .con-b .list-zn .list-basic-fix > li p {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 16px;
    }
}

/* // 편의시설 */
/* 병원소개 */
.spw-hospital .pghp-vr-wrap .vr-floor-area .ab-click-me {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0.5rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 20.5px;
    background-color: rgba(255, 255, 255, 0.8);
}

.spw-hospital .pghp-vr-wrap .vr-floor-area .ab-click-me .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 23.125rem;
    height: 6.375rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 20.5px;
    background-color: rgba(255, 255, 255, 0.8);
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-vr-wrap .vr-floor-area .ab-click-me .inner {
        width: auto;
        height: auto;
        padding: 0.625rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-vr-wrap .vr-floor-area .ab-click-me .inner {
        width: 20.125rem;
        height: 6.375rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.spw-hospital .pghp-vr-wrap .vr-floor-area .ab-click-me .inner i {
    display: block;
    width: 4.25rem;
    height: 2.0625rem;
    background: url("../images/sub/vr-cap-icon.png") 0 0 no-repeat;
    background-size: contain;
    margin-right: 2.375rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-vr-wrap .vr-floor-area .ab-click-me .inner i {
        width: 3.125rem;
        height: 1.5625rem;
        margin-right: 0;
        margin-bottom: 0.9375rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-vr-wrap .vr-floor-area .ab-click-me .inner i {
        width: 4.25rem;
        height: 2.0625rem;
        margin-right: 2.375rem;
        margin-bottom: 0;
    }
}

.spw-hospital .pghp-vr-wrap .vr-floor-area .ab-click-me .inner p {
    color: #094a9a;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.875;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-vr-wrap .vr-floor-area .ab-click-me .inner p {
        text-align: center;
        line-height: 1.47;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-vr-wrap .vr-floor-area .ab-click-me .inner p {
        text-align: left;
    }
}

.spw-hospital .pghp-vr-wrap .vr-youtube-area {
    position: relative;
    padding-top: 55%;
}

.spw-hospital .pghp-vr-wrap .vr-youtube-area .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.spw-hospital .pghp-vr-wrap .vr-youtube-area .inner iframe {
    width: 100%;
    height: 100%;
}

/* 병원소개 */
.spw-hospital .pghp-device-wrap .hos-total-device-list-zone {
    margin-top: 1.5625rem;
}

.spw-hospital .pghp-device-wrap .hos-total-device-list-zone .ls-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -1.375rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.spw-hospital .pghp-device-wrap .hos-total-device-list-zone .ls-box .ls {
    width: 25%;
    padding: 1.375rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-device-wrap .hos-total-device-list-zone .ls-box .ls {
        width: 100%;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    .spw-hospital .pghp-device-wrap .hos-total-device-list-zone .ls-box .ls {
        width: 50%;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {
    .spw-hospital .pghp-device-wrap .hos-total-device-list-zone .ls-box .ls {
        width: 33.3333%;
    }
}

.spw-hospital .pghp-device-wrap .hos-total-device-list-zone .ls-box a {
    display: block;
}

.spw-hospital .pghp-device-wrap .hos-total-device-list-zone .ls-box .con-box {
    overflow: hidden;
    border: 1px solid #dbdbdb;
    border-radius: 30px;
}

.spw-hospital .pghp-device-wrap .hos-total-device-list-zone .ls-box .con-box .pic-b {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.spw-hospital .pghp-device-wrap .hos-total-device-list-zone .ls-box .con-box .pic-b img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.spw-hospital .pghp-device-wrap .hos-total-device-list-zone .ls-box .con-box .con-b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
    height: 4.375rem;
    padding: 0.3125rem;
    text-align: center;
    border-radius: 1.875rem 1.875rem 0 0;
    background-color: #f2f2f2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -1.375rem;
}

.spw-hospital .pghp-device-wrap .hos-total-device-list-zone .ls-box .con-box .con-b strong {
    color: #000;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.33;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-device-wrap .hos-total-device-list-zone .ls-box .con-box .con-b strong {
        font-size: 1rem;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-device-wrap .hos-total-device-list-zone .ls-box .con-box .con-b strong br {
        display: none;
    }
}

.spw-hospital .pghp-device-wrap .device-title-box {
    padding-bottom: 2.8125rem;
    margin-bottom: 2.8125rem;
    border-bottom: 1px solid #000;
}

.spw-hospital .pghp-device-wrap .device-last-btn {
    text-align: right;
    margin-top: 3rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-device-wrap .device-last-btn {
        margin-top: 1.875rem;
    }
}

.spw-hospital .pghp-device-wrap .board-t-mg {
    margin-top: 2.8125rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-device-wrap .board-t-mg {
        margin-top: 1.25rem;
    }
}

.spw-hospital .pghp-device-wrap .consub-pic-list.pic-ls-mgt {
    margin-top: 1.6875rem;
}

.spw-hospital .pghp-device-wrap .consub-pic-list.pic-ls-mgt-small {
    margin-top: 1.1875rem;
}

.spw-hospital .pghp-device-wrap .consub-pic-list.list-inner-left {
    margin-left: -14px;
}

.spw-hospital .pghp-device-wrap .consub-pic-list.img-sz-199 > ul > li {
    width: 245px;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-device-wrap .consub-pic-list.img-sz-199 > ul > li {
        width: 50%;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-device-wrap .consub-pic-list.img-sz-199 > ul > li {
        width: 245px;
    }
}

.spw-hospital .pghp-device-wrap .list_basic.list-ls-mgt {
    margin-top: 1.6875rem;
}

.spw-hospital .pghp-device-wrap .consub-pic-txt.pic-ls-mgt {
    margin-top: 1.6875rem;
}

/* 병원소개 */
.spw-hospital .pghp-book-wrap .yearbook-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -15px -47.5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-book-wrap .yearbook-list ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: -15px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-book-wrap .yearbook-list ul {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.spw-hospital .pghp-book-wrap .yearbook-list ul > li {
    padding: 0.9375rem 2.9688rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-book-wrap .yearbook-list ul > li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 50%;
        padding: 15px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-book-wrap .yearbook-list ul > li {
        display: block;
        width: auto;
    }
}

.spw-hospital .pghp-book-wrap .yearbook-list ul .yearbook-box {
    display: block;
    position: relative;
}

.spw-hospital .pghp-book-wrap .yearbook-list ul .yearbook-box img {
    max-width: 100%;
}

.spw-hospital .pghp-book-wrap .yearbook-list ul .yearbook-box .dim {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.spw-hospital .pghp-book-wrap .yearbook-list ul .yearbook-box .dim .detail-click-me {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0.5rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.8);
}

.spw-hospital .pghp-book-wrap .yearbook-list ul .yearbook-box .dim .detail-click-me .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 9.25rem;
    height: 2.75rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.8);
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-book-wrap .yearbook-list ul .yearbook-box .dim .detail-click-me .inner {
        width: auto;
        height: auto;
        padding: 0.625rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-book-wrap .yearbook-list ul .yearbook-box .dim .detail-click-me .inner {
        width: 9.25rem;
        height: 2.75rem;
        padding: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.spw-hospital .pghp-book-wrap .yearbook-list ul .yearbook-box .dim .detail-click-me .inner i {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background: url("../images/sub/yearbook-detail-icon.png") 0 0 no-repeat;
    background-size: contain;
    margin-right: 0.625rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-book-wrap .yearbook-list ul .yearbook-box .dim .detail-click-me .inner i {
        width: 1.5rem;
        height: 1.5rem;
        margin-right: 0;
        margin-bottom: 0.625rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-book-wrap .yearbook-list ul .yearbook-box .dim .detail-click-me .inner i {
        width: 1.5rem;
        height: 1.5rem;
        margin-right: 0.625rem;
        margin-bottom: 0;
    }
}

.spw-hospital .pghp-book-wrap .yearbook-list ul .yearbook-box .dim .detail-click-me .inner p {
    color: #094a9a;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.875;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-book-wrap .yearbook-list ul .yearbook-box .dim .detail-click-me .inner p {
        text-align: center;
        line-height: 1.47;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-hospital .pghp-book-wrap .yearbook-list ul .yearbook-box .dim .detail-click-me .inner p {
        text-align: left;
    }
}

.spw-hospital .pghp-book-wrap .yearbook-list ul .yearbook-box:hover .dim {
    display: block;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-hospital .pghp-book-wrap .yearbook-list ul .yearbook-box:hover .dim {
        display: none;
    }
}

/* 건강정보 */
.spw-health .pght-class-wrap .hl-buffet-type .buffet-ls > li {
    display: block;
    margin-bottom: 6.125rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-health .pght-class-wrap .hl-buffet-type .buffet-ls > li {
        margin-bottom: 2.5rem;
    }
}

.spw-health .pght-class-wrap .hl-buffet-type .buffet-ls > li .edg-title-banner .gra-box .blue-gradation {
    padding-top: 2.375rem;
    padding-bottom: 2.9375rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-health .pght-class-wrap .hl-buffet-type .buffet-ls > li .edg-title-banner .gra-box .blue-gradation {
        padding-top: 7.5rem;
    }
}

.spw-health .pght-class-wrap .hl-buffet-program .nor-c {
    margin-bottom: 0.625rem;
}

.spw-health .pght-class-wrap .hl-buffet-program .list_basic.ex-circle strong {
    width: 3.75rem;
}

.spw-health .pght-class-wrap .survivor-gra {
    padding: 2.375rem 3.6875rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-health .pght-class-wrap .survivor-gra {
        padding: 1.25rem 1.875rem;
    }
}

.spw-health .pght-class-wrap .mom-qr-app {
    text-align: center;
    margin-top: 1.875rem;
}

/* 건강정보 */
.spw-health .pght-prevent-wrap .tb_w.vaccination-schedule thead th.age {
    color: #e64475;
    background-color: #f8eaed;
}

.spw-health .pght-prevent-wrap .tb_w.vaccination-schedule tbody td.yllow-pt {
    color: #9f4000;
    background-color: #fff8ae;
}

.spw-health .pght-prevent-wrap .vac-bd-guide-ls {
    margin-top: 27px;
}

.spw-health .pght-prevent-wrap .vac-bd-guide-ls > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-left: 0.9375rem;
    margin-bottom: 0.9375rem;
    line-height: 1.4;
}

.spw-health .pght-prevent-wrap .vac-bd-guide-ls > li:after {
    display: block;
    position: absolute;
    top: 0.625rem;
    left: 0;
    width: 0.3125rem;
    height: 0.3125rem;
    content: "";
    background-color: #2357b8;
    border-radius: 50%;
}

.spw-health .pght-prevent-wrap .vac-bd-guide-ls > li:last-child {
    margin-bottom: 0;
}

.spw-health .pght-prevent-wrap .vac-bd-guide-ls > li:nth-child(1) .cr {
    background-color: #f8eaed;
}

.spw-health .pght-prevent-wrap .vac-bd-guide-ls > li:nth-child(1) strong span {
    color: #e64475;
}

.spw-health .pght-prevent-wrap .vac-bd-guide-ls > li:nth-child(2) .cr {
    background-color: #fff8ae;
}

.spw-health .pght-prevent-wrap .vac-bd-guide-ls > li:nth-child(2) strong span {
    color: #9f4000;
}

.spw-health .pght-prevent-wrap .vac-bd-guide-ls > li .tt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 0.1875rem;
}

.spw-health .pght-prevent-wrap .vac-bd-guide-ls > li .tt .cr {
    display: inline-block;
    width: 2.5rem;
    height: 0.9375rem;
    vertical-align: middle;
    margin-right: 0.5625rem;
    margin-top: 0.3125rem;
}

.spw-health .pght-prevent-wrap .vac-bd-guide-ls > li .tt strong {
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    font-weight: 400;
}

.spw-health .pght-prevent-wrap .vac-bd-guide-ls > li .con p {
    color: #636363;
    font-size: 1rem;
    font-weight: 400;
}

/* 환자경험 */
.spw-experience .pgep-call-wrap .ep-call-ls-box > li {
    display: block;
}

.spw-experience .pgep-call-wrap .ep-call-ls-box .ep-call-zone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    padding: 1.25rem 3.75rem;
    border: 1px solid #e5e5e5;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-experience .pgep-call-wrap .ep-call-ls-box .ep-call-zone {
        height: auto;
        padding: 1.25rem 0.9375rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-experience .pgep-call-wrap .ep-call-ls-box .ep-call-zone {
        padding: 1.25rem 1.875rem;
    }
}

.spw-experience .pgep-call-wrap .ep-call-ls-box .ep-call-zone .site-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-experience .pgep-call-wrap .ep-call-ls-box .ep-call-zone .site-name {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-experience .pgep-call-wrap .ep-call-ls-box .ep-call-zone .site-name {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.spw-experience .pgep-call-wrap .ep-call-ls-box .ep-call-zone .site-name i {
    display: block;
    width: 10.9375rem;
    height: 3.25rem;
    background: url("../images/sub/ep-call-site-name.png") 0 0 no-repeat;
    margin-right: 2.8125rem;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-experience .pgep-call-wrap .ep-call-ls-box .ep-call-zone .site-name i {
        margin-right: 0;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-experience .pgep-call-wrap .ep-call-ls-box .ep-call-zone .site-name i {
        margin-right: 2.8125rem;
    }
}

.spw-experience .pgep-call-wrap .ep-call-ls-box .ep-call-zone .site-name strong {
    color: #2357b8;
    font-size: 1.125rem;
    font-weight: 500;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-experience .pgep-call-wrap .ep-call-ls-box .ep-call-zone .site-name strong {
        margin-top: 0.625rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-experience .pgep-call-wrap .ep-call-ls-box .ep-call-zone .site-name strong {
        margin-top: 0;
    }
}

.spw-experience .pgep-call-wrap .ep-call-ls-box .ep-call-zone .quick-btn {
    margin-left: auto;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-experience .pgep-call-wrap .ep-call-ls-box .ep-call-zone .quick-btn {
        width: 110px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-experience .pgep-call-wrap .ep-call-ls-box .ep-call-zone .quick-btn .btn {
        padding: 0 15px;
        min-width: 110px;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-experience .pgep-call-wrap .ep-call-ls-box .ep-call-zone .quick-btn .btn span:after {
        margin-left: 0.3125rem;
    }
}

/* 회원서비스 */
.spw-member .pgmb-member-wrap .pipp-labeling-box {
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    margin-bottom: 1.25rem;
}

.spw-member .pgmb-member-wrap .pipp-labeling-box h3 {
    padding: 0.625rem 0;
    letter-spacing: -1px;
    text-align: center;
    font-size: 1.5625rem;
    font-weight: 500;
    margin-bottom: 0;
}

.spw-member .pgmb-member-wrap .pipp-labeling-box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.spw-member .pgmb-member-wrap .pipp-labeling-box ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 33.33333%;
    padding: 1.5625rem 0.3125rem;
    text-align: center;
    border-top: 1px solid #e5e5e5;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.spw-member .pgmb-member-wrap .pipp-labeling-box ul > li i {
    display: block;
    width: 3.8125rem;
    height: 3.8125rem;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
}

.spw-member .pgmb-member-wrap .pipp-labeling-box ul > li i.icon-1 {
    background-image: url("../images/sub/icon_big1.jpg");
}

.spw-member .pgmb-member-wrap .pipp-labeling-box ul > li i.icon-2 {
    background-image: url("../images/sub/icon_big12.jpg");
}

.spw-member .pgmb-member-wrap .pipp-labeling-box ul > li i.icon-3 {
    background-image: url("../images/sub/icon_big20.jpg");
}

.spw-member .pgmb-member-wrap .pipp-labeling-box ul > li i.icon-4 {
    background-image: url("../images/sub/icon_big18.jpg");
}

.spw-member .pgmb-member-wrap .pipp-labeling-box ul > li i.icon-5 {
    background-image: url("../images/sub/icon_big19.jpg");
}

.spw-member .pgmb-member-wrap .pipp-labeling-box ul > li i.icon-6 {
    background-image: url("../images/sub/icon_big33.jpg");
}

.spw-member .pgmb-member-wrap .pipp-labeling-box ul > li p {
    color: #222;
    font-size: 1rem;
    font-weight: 400;
}

.spw-member .pgmb-member-wrap .table-of-contents-bd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3.125rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.spw-member .pgmb-member-wrap .table-of-contents-bd .tt {
    display: block;
    width: 100%;
    color: #222;
    text-align: center;
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #666;
    font-size: 1.125rem;
    font-weight: 500;
}

.spw-member .pgmb-member-wrap .table-of-contents-bd ol > li {
    display: block;
    margin-bottom: 0.3125rem;
}

.spw-member .pgmb-member-wrap .table-of-contents-bd ol > li:last-child {
    margin-bottom: 0;
}

.spw-member .pgmb-member-wrap .table-of-contents-bd ol > li a {
    color: #222;
    font-size: 1rem;
    font-weight: 400;
}

.spw-member .pgmb-member-wrap .table-of-contents-bd ol > li a:hover {
    text-decoration: underline;
}

.spw-member .pgmb-member-wrap .number-title {
    margin-bottom: 1rem;
}

.spw-member .pgmb-member-wrap .number-title .h_exp {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}

.spw-member .pgmb-member-wrap .number-title .small-sub-icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.9375rem;
}

.spw-member .pgmb-member-wrap .prev-diagram-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2.5rem 1.875rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-member .pgmb-member-wrap .prev-diagram-box {
        padding: 3.75rem 1.875rem;
    }
}

.spw-member .pgmb-member-wrap .prev-diagram-box .dia-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 8.9375rem;
    height: 10.125rem;
    background: url("../images/sub/prev-dia-con.png") 0 0 no-repeat;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-member .pgmb-member-wrap .prev-diagram-box .dia-icon {
        width: 6.25rem;
        height: 7.125rem;
    }
}

.spw-member .pgmb-member-wrap .prev-diagram-box .dia-icon strong {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
}

.spw-member .pgmb-member-wrap .prev-diagram-box .dia-icon strong span {
    font-size: 14px;
}

.spw-member .pgmb-member-wrap .prev-diagram-box .cir-box {
    display: inline-block;
    padding: 14px 30px;
    border: 1px solid #d5d5d5;
    color: #636363;
    font-size: 1rem;
    font-weight: 400;
    border-radius: 30px;
    background-color: #fff;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-member .pgmb-member-wrap .prev-diagram-box .cir-box {
        padding: 5px 10px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-member .pgmb-member-wrap .prev-diagram-box .cir-box {
        padding: 0.875rem 1.875rem;
    }
}

.spw-member .pgmb-member-wrap .prev-diagram-box .arrow {
    display: block;
    width: 217px;
    height: 17px;
    background: url("../images/sub/prev-arrow-con.png") 0 0 no-repeat;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-member .pgmb-member-wrap .prev-diagram-box .arrow {
        width: 60px;
        height: 5px;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-member .pgmb-member-wrap .prev-diagram-box .arrow {
        width: 217px;
        height: 17px;
    }
}

.spw-member .pgmb-member-wrap .prev-diagram-box .arrow.right {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: 14px;
}

.spw-member .pgmb-member-wrap .prev-diagram-box .dia-box.dia-con-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 0 3.125rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-member .pgmb-member-wrap .prev-diagram-box .dia-box.dia-con-2 {
        padding: 0 0.625rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-member .pgmb-member-wrap .prev-diagram-box .dia-box.dia-con-2 {
        padding: 0 2.125rem;
    }
}

.spw-member .pgmb-member-wrap .prev-diagram-box .dia-box.dia-con-2 .cir-box {
    text-align: center;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-member .pgmb-member-wrap .prev-diagram-box .dia-box.dia-con-2 .cir-box {
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-member .pgmb-member-wrap .prev-diagram-box .dia-box.dia-con-2 .cir-box {
        position: static;
        -webkit-transform: none;
        transform: none;
    }
}

.spw-member .pgmb-member-wrap .prev-diagram-box .dia-box.dia-con-2 .cir-box.left {
    margin-bottom: 0.875rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-member .pgmb-member-wrap .prev-diagram-box .dia-box.dia-con-2 .cir-box.left {
        top: -77px;
        width: 12.9375rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-member .pgmb-member-wrap .prev-diagram-box .dia-box.dia-con-2 .cir-box.left {
        width: auto;
    }
}

.spw-member .pgmb-member-wrap .prev-diagram-box .dia-box.dia-con-2 .cir-box.right {
    margin-top: 0.875rem;
}

@media (min-width: 0px) and (max-width: 1279px) {
    .spw-member .pgmb-member-wrap .prev-diagram-box .dia-box.dia-con-2 .cir-box.right {
        top: auto;
        bottom: -77px;
        width: 8.1875rem;
    }
}

@media (min-width: 680px) and (max-width: 1279px) {
    .spw-member .pgmb-member-wrap .prev-diagram-box .dia-box.dia-con-2 .cir-box.right {
        width: auto;
    }
}

.vision_box01 {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
}

.vision_box01 li {
    display: flex;
    width: 100%;
    height: 280px;
    background: url(../images/sub/vision_txt_bg01.png) no-repeat center / cover;
    flex-direction: column;
    justify-content: center;
}

.vision_box01 li div {
    position: relative;
    width: 75%;
    text-align: center;
}

.vision_box01 li div > img {
    position: absolute;
    top: -5px;
    left: 100px;
}

.vision_box01 li:nth-child(2) div > img {
    right: 100px;
    left: inherit;
}

.vision_box01 li:nth-child(2) {
    background: url(../images/sub/vision_txt_bg02.png) no-repeat center / cover;
    align-items: flex-end;
}

.vision_box01 li .tit {
    color: #fff;
    font-size: 1.375rem;
    font-weight: bold;
}

.vision_box01 li .txt {
    color: #fff;
    margin-top: 20px;
    font-size: 1.5rem;
    line-height: 1.6;
}

.vision_box01 li .txt > span {
    font-weight: 500;
}

.vision_box01 > img {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

.vision_box02 {
    position: relative;
    height: 400px;
}

.vision_box02 > li {
    position: relative;
    width: 100%;
    height: 251px;
}

.vision_box02 > li > div:first-child {
    position: absolute;
    left: 50%;
    width: 282px;
    height: 251px;
    background: url(../images/sub/vision02_txt_bg01.png)no-repeat center;
    transform: translate(-50%,0);
}

.vision_box02 > li:nth-child(1) > div:nth-child(2) {
    position: absolute;
    top: 5%;
    left: 63%;
    font-weight: 500;
    line-height: 1.8;
}

.vision_box02 > li:nth-child(2) > div:nth-child(2) {
    position: absolute;
    top: -60%;
    left: 1%;
    font-weight: 500;
    line-height: 1.8;
}

.vision_box02 > li:nth-child(3) > div:nth-child(2) {
    position: absolute;
    top: -100%;
    left: 72%;
    font-weight: 500;
    line-height: 1.8;
}

.vision_box02 > li > img {
    position: absolute;
    z-index: 50;
}

.vision_box02 > li:nth-child(1) > img {
    right: 0;
    bottom: 117px;
}

.vision_box02 > li:nth-child(2) > img {
    top: -47px;
    left: 0;
}

.vision_box02 > li:nth-child(3) > img {
    top: -162px;
    right: 0;
}

.vision_box02 > li:nth-child(1) > div > img {
    padding-top: 40px;
}

.vision_box02 > li > div:first-child > p {
    color: #fff;
    margin-top: 25px;
    font-size: 1.375rem;
    font-weight: 500;
}

.vision_box02 > li:nth-child(1) > div:first-child {
    z-index: 40;
    text-align: center;
}

.vision_box02 > li:nth-child(2) > div:first-child {
    display: flex;
    bottom: 85px;
    left: 43%;
    z-index: 30;
    background: url(../images/sub/vision02_txt_bg02.png)no-repeat center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-right: 50px;
}

.vision_box02 > li:nth-child(3) > div:first-child {
    display: flex;
    bottom: 333px;
    left: 58%;
    z-index: 40;
    background: url(../images/sub/vision02_txt_bg03.png)no-repeat center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 50px;
}

.vision_box02 > img {
    position: absolute;
    top: 155px;
    left: 53%;
    z-index: 50;
    transform: translate(-50%, 0);
}

.vision_box03 {
    display: flex;
    padding: 30px;
    background: #eef3f5;
    align-items: center;
    justify-content: center;
}

.vision_box03 li {
    width: 100%;
    padding: 50px 0;
    background: #fff;
    text-align: center;
}

.vision_box03 li:nth-child(2) {
    background: url(../images/sub/vision03_txt_bg01.png) no-repeat center / cover;
}

.vision_box03 li:nth-child(2) div {
    border-left: 1px dashed #dedede;
    border-right: 1px dashed #dedede;
}

.vision_box03 li .tit {
    color: #3db8b2;
    margin-top: 20px;
    font-size: 1.25rem;
    font-weight: bold;
}

.vision_box03 li:nth-child(2) .tit {
    color: #345bab;
}

.vision_box03 li:nth-child(3) .tit {
    color: #437de9;
}

.vision_box03 li .txt {
    margin-top: 20px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.8;
}


/* HSM 20251125 쌍둥이임신 클리닉 퍼블리싱 */
.twin_pregnancy_q1 {display: flex;  justify-content: space-between; flex-wrap: wrap;}
.twin_pregnancy_q1>.box {display: flex; align-items: center;}
.twin_pregnancy_q3 {display: flex; gap: 15px; margin-top: 10px;}
.twin_pregnancy_q6 {background-color: #fff; margin-top: 7px;}
.box-title-list .b-ul.twin_pregnancy_q6_line { border-top: none; }
.box-title-list.con-align-c .b-ul .b-li.twin_pregnancy_q6_pd:nth-child(1) {padding-top: 0;}
.box-title-list.con-align-c .b-ul .b-li.twin_pregnancy_q6_pd {align-items: flex-start; }
.box-title-list .box-con .icon-txt.twin_pregnancy_q6_ico {align-items: flex-start;}
.box-title-list .box-con .icon-txt.twin_pregnancy_q6_ico>p {letter-spacing: -1px;}
.box-title-list .box-con .icon-txt.twin_pregnancy_q6_ico>ul {flex: 1;}
.box-title-list .box-con .icon-txt.twin_pregnancy_q6_ico>ul>li {letter-spacing: -1px;}
.box-title-list .box-con .icon-txt.twin_pregnancy_q6_ico>ul>li:first-child {padding-left: 0;}
.box-title-list .box-con .icon-txt.twin_pregnancy_q6_ico>ul>li:first-child::before {display: none; }
.spw-clinic .pgcn-clinic-wrap .twin_pregnancy_q8 {letter-spacing: -1px;}

@media (min-width: 0px) and (max-width: 1279px) {
  .box-in .nor-c .twin_br_none {display: none;}
  .twin_pregnancy_q1>.box {margin-top: 10px; }
  .twin_pregnancy_q3 { gap: 10px; }
  .box-title-list .twin_pregnancy_q6_pd .twin_pregnancy_q6 {width: 280px; padding: 0 10px; } 
}

@media (min-width: 0px) and (max-width: 768px) {
  .box-title-list.con-align-c .b-ul .b-li.twin_pregnancy_q6_pd {display: block;} 
  .box-title-list .twin_pregnancy_q6_pd .twin_pregnancy_q6 {width: auto;}
}


/* HSM 20251202 소아외과 클리닉 퍼블리싱 */
.pediatric_surgery_click {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; gap: 40px; height: 100px; width: 370px; background-color: rgba(255, 255, 255, 0.8); border-radius: 20px; box-sizing: border-box;}
.pediatric_surgery_click::after {content: ""; display: block; width: 385px; height: 115px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 18px; z-index: -100; }
.pediatric_surgery_click>i {max-width: 100%;}
.pediatric_surgery_click>span {color: #094a9a; font-weight: 500; line-height: 1.8; box-sizing: border-box;}

.pediatric_surgery_link {display: flex; gap: 10px; flex-wrap: wrap;}

@media (min-width: 0px) and (max-width: 780px) {
  .pediatric_surgery_click {width: 300px; height: 80px;}
  .pediatric_surgery_click::after {width: 315px; height: 95px;}
  .pediatric_surgery_click>span {line-height: 1.5; font-size: 15px;}
  .pediatric_surgery_link>.btn.btn_st01>span {padding: 0 15px;}
}

@media (min-width: 0px) and (max-width: 640px) {
  .pediatric_surgery_click {width: 270px; height: 60px;}
  .pediatric_surgery_click::after {width: 285px; height: 75px;}
  .pediatric_surgery_click>span {line-height: 1.5; font-size: 14px;}
}