@charset "utf-8";
.menu-site-map>ul {
    overflow: hidden
}

.menu-site-map>ul>li {
    padding: 30px 30px 30px 220px;
    border: 1px solid #e1e3e6;
    border-radius: 8px 50px 8px 8px;
    margin-top: 30px
}

.menu-site-map>ul>li:first-child {
    margin-top: 0
}

.menu-site-map>ul>li strong {
    display: block;
    color: #3a3a4a;
    font-size: 22px;
    font-weight: 700;
    text-align: left
}

.menu-site-map>ul>li .list-text.col-2 {
    margin-top: 10px
}

.menu-site-map>ul>li .list-text.col-2 li {
    padding-left: 10px !important
}

.menu-site-map>ul>li .list-text.col-2 li:before {
    left: 0
}

.menu-site-map>ul>li.site-01 {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-01.cat') no-repeat 70px 35px
}

.menu-site-map>ul>li.site-02 {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-02.cat') no-repeat 70px 35px
}

.menu-site-map>ul>li.site-03 {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-03.cat') no-repeat 70px 35px
}

.menu-site-map>ul>li.site-04 {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-04.cat') no-repeat 70px 35px
}

.menu-site-map>ul>li.site-05 {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-05.cat') no-repeat 70px 35px
}

.menu-site-map>ul>li.site-06 {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-06.cat') no-repeat 70px center
}

.menu-site-map>ul>li.site-07 {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-07.cat') no-repeat 70px 35px
}

.menu-site-map>ul>li.site-08 {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-08.cat') no-repeat 70px center
}

.menu-site-map>ul>li.site-09 {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-09.cat') no-repeat 70px center
}

.menu-site-map>ul>li.site-10 {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-10.cat') no-repeat 70px center
}

.menu-site-map>ul>li.site-11 {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-15.cat') no-repeat 70px center
}

.menu-site-map>ul>li.site-01-01 {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-11.cat') no-repeat 70px 35px
}

.menu-site-map>ul>li.site-01-02 {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-12.cat') no-repeat 70px 35px
}

.menu-site-map>ul>li.site-01-03 {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-13.cat') no-repeat 70px center
}

.menu-site-map>ul>li.site-01-04 {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-14.cat') no-repeat 70px 35px
}

.gray-banner {
    overflow: hidden
}

.gray-banner .link {
    float: left;
    display: table;
    width: calc(25% - 10px);
    height: 100px;
    text-align: center;
    margin: 5px;
    padding: 0 20px;
    background-color: #f3f3f3;
    border-radius: 8px
}

.gray-banner .link a {
    display: table-cell;
    height: 100px;
    vertical-align: middle
}

.gray-banner .link a .iconset {
    margin-right: 17px
}

.gray-banner .link a span {
    display: inline-block;
    vertical-align: middle;
    text-align: left
}

.gray-banner .link a span em {
    display: block
}

.gray-banner02 {
    overflow: hidden
}

.gray-banner02 .link {
    float: left;
    display: table;
    width: calc(20% - 8px);
    height: 110px;
    text-align: center;
    margin-right: 10px;
    padding: 0 20px;
    background-color: #f3f3f3;
    border-radius: 8px
}

.gray-banner02 .link:last-child {
    margin-right: 0
}

.gray-banner02 .link a {
    display: table-cell;
    height: 110px;
    vertical-align: middle
}

.gray-banner02 .link a .iconset {
    margin-bottom: 10px
}

.gray-banner02 .link a span {
    display: inline-block;
    vertical-align: middle;
    text-align: left
}

.gray-banner02 .link a span em {
    display: block
}

.gray-banner03 {
    overflow: hidden
}

.gray-banner03 .link {
    float: left;
    display: table;
    width: calc(16% - 8px);
    height: 110px;
    text-align: center;
    margin-right: 10px;
    padding: 0 20px;
    background-color: #f3f3f3;
    border-radius: 8px
}

.gray-banner03 .link:last-child {
    margin-right: 0
}

.gray-banner03 .link a {
    display: table-cell;
    height: 110px;
    vertical-align: middle
}

.gray-banner03 .link a .iconset {
    margin-bottom: 10px
}

.gray-banner03 .link a span {
    display: inline-block;
    vertical-align: middle;
    text-align: left
}

.gray-banner03 .link a span em {
    display: block
}

@media only screen and (max-width:991px) {
    .menu-site-map>ul>li {
        padding: 125px 25px 25px 25px
    }
    .menu-site-map>ul>li.site-01 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-01.cat') no-repeat 20px 20px
    }
    .menu-site-map>ul>li.site-02 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-02.cat') no-repeat 20px 20px
    }
    .menu-site-map>ul>li.site-03 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-03.cat') no-repeat 20px 20px
    }
    .menu-site-map>ul>li.site-04 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-04.cat') no-repeat 20px 20px
    }
    .menu-site-map>ul>li.site-05 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-05.cat') no-repeat 20px 20px
    }
    .menu-site-map>ul>li.site-06 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-06.cat') no-repeat 20px 20px
    }
    .menu-site-map>ul>li.site-07 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-07.cat') no-repeat 20px 20px
    }
    .menu-site-map>ul>li.site-08 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-08.cat') no-repeat 20px 20px
    }
    .menu-site-map>ul>li.site-09 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-09.cat') no-repeat 20px 20px
    }
    .menu-site-map>ul>li.site-10 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-10.cat') no-repeat 20px 20px
    }
    .menu-site-map>ul>li.site-11 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-15.cat') no-repeat 20px 20px
    }
    .menu-site-map>ul>li.site-01-01 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-11.cat') no-repeat 20px 20px
    }
    .menu-site-map>ul>li.site-01-02 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-12.cat') no-repeat 20px 20px
    }
    .menu-site-map>ul>li.site-01-03 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-13.cat') no-repeat 20px 20px
    }
    .menu-site-map>ul>li.site-01-04 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-zvajba-yvax-14.cat') no-repeat 20px 20px
    }
    .gray-banner .link {
        width: calc(50% - 10px)
    }
}

@media only screen and (max-width:767px) {
    .menu-site-map>ul>li strong {
        font-size: 18px
    }
    .menu-site-map>ul>li {
        padding: 25px 25px 25px 60px;
        background-size: 30px !important
    }
    .menu-site-map>ul>li .list-text.col-2 li {
        width: 100% !important
    }
    .gray-banner .link {
        width: 100%;
        margin: 10px 0 0 0
    }
    .gray-banner .link:first-child {
        margin: 0
    }
    .gray-banner02 .link {
        width: 100%;
        margin: 10px 0 0 0
    }
    .gray-banner02 .link:first-child {
        margin: 0
    }
    .gray-banner03 .link {
        width: 30%;
        margin: 10px 10px 0 0
    }
}

.search-initial {
    background-color: #f6f6f6;
    padding: 30px 20px;
    text-align: center;
    border-radius: 10px
}

.search-initial .in {
    display: inline-block
}

.search-initial .in .initial-btn {
    overflow: hidden;
    margin: -8px 0 10px -8px
}

.search-initial .in .initial-btn a {
    width: 36px;
    height: 36px;
    line-height: 34px;
    float: left;
    border: 1px solid #bec2c8;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    margin: 8px 0 0 8px;
    background-color: #fff
}

.search-initial .in .initial-btn a.all {
    min-width: 50px
}

.search-initial .in .initial-btn a:hover,
.search-initial .in .initial-btn a.on {
    background-color: #44465c;
    color: #fff;
    border-color: #44465c
}

.search-initial .in .search-area {
    padding-right: 90px;
    position: relative
}

.search-initial .in .search-area input {
    width: 100%
}

.search-initial .in .search-area .button {
    width: 80px;
    position: absolute;
    top: 0;
    right: 0
}

@media only screen and (max-width:767px) {
    .search-initial {
        padding: 20px 15px
    }
    .search-initial .in .initial-btn {
        margin: -4px 0 10px -4px
    }
    .search-initial .in .initial-btn a {
        width: 28px;
        height: 28px;
        line-height: 26px;
        margin: 4px 0 0 4px
    }
}

.list-style {
    overflow: hidden;
    border-bottom: 1px solid #bec2c8
}

.list-style ul {
    border-top: 1px solid #e1e3e6;
    overflow: hidden;
    padding: 26px 30px 24px;
    margin-bottom: -6px
}

.list-style ul:first-child {
    border-top: 0
}

.list-style ul li {
    width: 50%;
    float: left;
    margin-bottom: 6px;
    padding-left: 12px;
    position: relative
}

.list-style ul li:before {
    width: 3px;
    height: 3px;
    background-color: #666;
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0
}

.list-style ul li a {
    display: inline-block;
    margin-right: 6px;
    letter-spacing: -0.3px
}

.list-style ul li a:hover {
    color: #d81d05
}

@media only screen and (max-width:767px) {
    .list-style ul {
        padding: 15px;
        margin-bottom: 0
    }
    .list-style ul li {
        width: 100%;
        float: none;
        margin: 10px 0 0 0
    }
    .list-style ul li:first-child {
        margin-top: 0
    }
}

.search-initial-2 {
    padding: 30px 25px;
    text-align: center;
    border: 1px solid #f0f1f3;
    text-align: center
}

.search-initial-2 .initial-btn {
    overflow: hidden;
    font-size: 0
}

.search-initial-2 .initial-btn a {
    display: inline-block;
    min-width: 35px;
    height: 32px;
    padding: 0 10px;
    margin: 0 0 0 8px;
    line-height: 30px;
    border: 1px solid #69727e;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    background-color: #fff
}

.search-initial-2 .initial-btn a:hover,
.search-initial-2 .initial-btn a.on {
    background-color: #44465c;
    color: #fff;
    border-color: #44465c
}

.search-initial-2 .search-area {
    position: relative;
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-bottom: 1px solid #e1e3e6
}

.search-initial-2 .search-area input {
    width: 250px;
    margin: 0 0 0 10px
}

.search-initial-2 .search-area .button {
    width: 70px
}

@media only screen and (max-width:767px) {
    .search-initial-2 {
        padding: 20px 15px
    }
    .search-initial-2 .initial-btn {
        margin: -4px 0 10px -4px
    }
    .search-initial-2 .initial-btn a {
        width: 55px;
        height: 28px;
        line-height: 26px;
        margin: 4px 0 0 4px
    }
    .search-initial-2 .search-area {
        text-align: left
    }
    .search-initial-2 .search-area input {
        width: 100%;
        margin: 5px 0
    }
    .search-initial-2 .search-area .button {
        width: 100%
    }
}

.thumbs-list {
    padding: 0 0 2rem 0;
    overflow: hidden
}

.thumbs-list ul {
    display:flex;
    flex-wrap:wrap;
    overflow: hidden;
    gap:2.4rem;
}

.thumbs-list ul li{
    display:flex;
    flex-direction:column;
    width:calc(33.3333% - 1.6rem);
}

.thumbs-list ul li a{
    position:relative;
    color:#fff;
    transition:.2s;
}

.thumbs-list ul li a:before{
    position:absolute;
    top:50%;
    left:50%;
    width: 2rem;
    height:2rem;
    opacity: 0;
    transform: translate(-50%,-50%) rotate(180deg);
    transition: all 0.2s;
    background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Sarjvzt%2Svpba%2Svpb_zber_juvgr.fit) no-repeat center center;
    z-index:2;
    content:'';
}

.thumbs-list ul li a:after{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:1.2rem;
    background:#000;
    opacity:0;
    content:'';
}

.thumbs-list ul li a:hover:before{
    opacity: 1;
    transform: translate(-50%,-50%) rotate(0);
    transition: all 0.4s 0.1s;
}

.thumbs-list ul li a:hover:after{
    opacity: .5;
    transition: all 0.4s 0.1s;
}

.thumbs-list ul li a span{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    margin-top:4rem;
    font-weight:400;
    z-index:1;
    opacity:0;
}

.thumbs-list ul li a:hover span{
    opacity: 1;
    transition: all 0.4s 0.1s;
}

.thumbs-list ul li .thumbs-area {
    position: relative
}

.thumbs-list ul li .thumbs-area img {
    overflow: hidden;
    width: 100%;
    height:19rem;
    border-radius:1.2rem;
    border:1px solid var(--nhis-grayscale-40);
    vertical-align: top
}

.thumbs-list ul li .subject {
    line-height: 24px;
    font-weight:700;
    font-size:2.1rem;
    color: #1d1d1d;
    margin-top:1.8rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.thumbs-list ul li .subject + span{
    margin-top:1.5rem;
    font-weight:400;
    font-size:1.7rem;
    color:#555;
}

.thumbs-list.video ul li .thumbs-area {
    height: 110px;
    position: relative
}

.thumbs-list.video ul li .thumbs-area:before {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-cynl.cat") no-repeat center;
    content: ""
}

.thumbs-list.video ul li .thumbs-area:after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sot%2Sot-qvz-ivqrb.cat") repeat;
    content: ""
}

@media only screen and (max-width:599px) {
    .thumbs-list ul li {
        width: 100%;
    }

    .thumbs-list ul li .thumbs-area img {
        height:auto;
    }
}

@media only screen and (max-width:460px) {
    .thumbs-list ul {
        margin-left: 0
    }
    .thumbs-list ul li {
        width: 100%;
        float: none;
        padding: 0
    }
}

.magazine-list.newsletter {
    border-top: 1px solid var(--nhis-grayscale-40);
}

.magazine-list.newsletter>ul>li{
    position:relative;
}

.magazine-list.newsletter>ul>li:first-child {
    border-top: 0
}

.magazine-list.newsletter>ul>li .thumbs-area{
    flex-basis:30%;
}

.magazine-list.newsletter>ul>li .thumbs-area img {
    width: 100%;
    border: 1px solid var(--nhis-grayscale-40);
    vertical-align: top
}

.magazine-list.newsletter>ul>li dl {
    flex:1;
    padding: 5px 0
}

.magazine-list.newsletter > ul > li > dl >dt {
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:64px;
    padding:19px 24px 0px;
    border:1px solid var(--nhis-grayscale-5);
    background:var(--nhis-grayscale-5);
    font-weight:700;
    font-size:var(--krds-fz-title-md);
}

.magazine-list.newsletter>ul>li dl dt p:has(strong) ~ p:has(strong){
    margin-top:var(--krds-spacer-8);
}

.magazine-list.newsletter>ul>li dl dt p:has(strong){
    margin-bottom:var(--krds-spacer-3);
}

.magazine-list.newsletter>ul>li dl dt a {
    font-size: 16px;
    color: #3a3a4a;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.magazine-list.newsletter .fr-view > dl > dt > p:first-of-type{
    position:absolute;
    top:4px;
    right:24px;
    font-size:var(--krds-fz-body-md);
    color:var(--nhis-grayscale-70);
    line-height:48px;
}

.magazine-list.newsletter .fr-view span[style~="color:"] a{
    display:inline-flex;
    height:48px;
    margin-top:10px;
    padding:0 var(--krds-spacer-11) 0 var(--krds-spacer-4);
    border:1px solid var(--nhis-grayscale-90);
    border-radius:var(--krds-rd-8);
    background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Sarjvzt%2Svpba%2Svpb-yvax-ox.fit) no-repeat center right 16px;
    font-family:"Pretendard GOV Variable";
    font-weight:400;
    color:var(--nhis-secondary-90);
    line-height:46px;
    transition:0.4s ease-in-out;
}

.magazine-list.newsletter .btn-area{
    text-align:right;
}

.magazine-list.newsletter .btn-area a{
    display:inline-flex;
    height:48px;
    margin:0 0 0 10px;
    padding:0 var(--krds-spacer-11) 0 var(--krds-spacer-4);
    border:1px solid var(--nhis-grayscale-90);
    border-radius:var(--krds-rd-8);
    background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Sarjvzt%2Svpba%2Svpb-qbjaybnq.fit) no-repeat center right 16px;
    font-family:"Pretendard GOV Variable";
    font-weight:400;
    color:var(--nhis-secondary-90);
    line-height:46px;
    transition:0.4s ease-in-out;
}

.magazine-list.newsletter .fr-view span[style~="color:"] a strong{
    font-weight:400;
}

.magazine-list.newsletter .fr-view span[style~="color:"] a:hover{
    background-color:var(--krds-gray-5);
}

.magazine-list.newsletter .fr-view span[style~="color:"] a u{
    text-decoration:none;
}

.magazine-list>ul>li dl dd>p {
    height: 43px;
    line-height: 22px;
    position: relative;
    padding-left: 10px;
    max-height: 43px;
    line-height: 1.5;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.magazine-list>ul>li dl dd>p:before {
    width: 3px;
    height: 3px;
    background-color: #44465c;
    border-radius: 7px;
    position: absolute;
    top: 8px;
    left: 0;
    content: ""
}

.magazine-list>ul>li dl dd .btn-area {
    margin-top: 16px
}

.magazine-list.webzine>ul>li {
    min-height: 220px;
    padding: 25px 25px 25px 147px
}

.magazine-list.webzine>ul>li .thumbs-area {
    width: 124px;
    height: 160px
}

.magazine-list.newsletter>ul>li {
    display:flex;
    flex-direction:row;
    column-gap:var(--krds-spacer-10);
    padding:104px 0 var(--krds-spacer-10);
    border-bottom:1px solid var(--nhis-grayscale-40);
}

.webzine_a_pdf .magazine-list>ul>li {
    min-height: 240px
}

.magazine-list.img-l>ul>li {
    min-height: 270px
}

.modal #layerText{
    display:flex;
    overflow:auto;
    max-height:var(--nhis-height-xsm);
}

@media only screen and (max-width:767px) {
    .magazine-list>ul>li dl dt {
        margin-bottom: 10px
    }
    .magazine-list>ul>li {
        padding: 10px 0
    }
    
    .magazine-list.webzine>ul>li,
    .magazine-list.newsletter>ul>li {
        min-height: auto;
        padding: 10px 0
    }
    .magazine-list.webzine>ul>li .thumbs-area,
    .magazine-list.newsletter>ul>li .thumbs-area {
        display: none
    }
}

@media only screen and (max-width:1023px) {
    .magazine-list>ul>li .thumbs-area {
        display: none
    }

    .magazine-list.newsletter>ul>li{
        flex-direction:column;
        padding:100px 0 var(--krds-spacer-10);
    }
    
    .magazine-list.newsletter>ul>li .thumbs-area{
        display:block !important;
    }

    .magazine-list.newsletter > ul > li > dl >dt{
        height:100px;
    }

    .magazine-list.newsletter .fr-view > dl > dt > p:first-of-type{
        top:34px;
    }

    .magazine-list.newsletter > ul > li > dl >dt{
        border-radius:0;
    }
}

.receipt-text {
    position: relative;
    margin: 50px 0 0
}

.receipt-text .name {
    display: block;
    margin: 5px 0 0;
    color: #000;
    font-size: 34px;
    font-weight: 700
}

.receipt-text .stamp-1 {
    position: absolute;
    top: 0;
    right: 0
}

@media only screen and (max-width:767px) {
    .receipt-text {
        margin: 40px 0 0
    }
    .receipt-text .name {
        margin: 5px 0 0;
        font-size: 24px
    }
}

.promotion-video {
    border-top: 2px solid #44465c;
    border-bottom: 1px solid #bec2c8;
    padding: 25px 0 35px 0;
    overflow: hidden
}

.promotion-video ul {
    overflow: hidden;
    margin: -34px 0 0 -80px
}

.promotion-video ul li {
    width: calc(100% / 3);
    float: left;
    padding: 0 0 0 80px;
    margin: 34px 0 0 0
}

.promotion-video ul li a {
    display: block
}

.promotion-video ul li .thumbs-area {
    position: relative;
    width: 100%;
    max-width: 246px;
    height: 168px;
    overflow: hidden;
    margin: 0 auto
}

.promotion-video ul li .thumbs-area:before {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-cynl.cat") no-repeat center;
    content: ""
}

.promotion-video ul li .thumbs-area:after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sot%2Sot-qvz-ivqrb.cat") repeat;
    content: ""
}

.promotion-video ul li .thumbs-area img {
    width: 100%
}

.promotion-video ul li .subject {
    line-height: 24px;
    text-align: center;
    color: #3a3a4a;
    margin-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    padding: 0 5px
}

@media only screen and (max-width:1180px) {
    .promotion-video ul {
        overflow: hidden;
        margin: -16px 0 0 -80px
    }
    .promotion-video ul li {
        width: calc(100% / 3);
        float: left;
        padding: 0 0 0 80px;
        margin: 16px 0 0 0
    }
}

@media only screen and (max-width:767px) {
    .promotion-video {
        padding: 15px 0 25px 0
    }
    .promotion-video ul {
        overflow: hidden;
        margin: -10px 0 0 -40px
    }
    .promotion-video ul li {
        width: calc(100% / 2);
        padding-left: 40px;
        margin-top: 10px
    }
    .promotion-video ul li .thumbs-area {
        height: auto !important
    }
    .promotion-video ul li .subject {
        margin-top: 5px
    }
}

@media only screen and (max-width:460px) {
    .promotion-video ul {
        margin-left: 0
    }
    .promotion-video ul li {
        width: 100%;
        float: none;
        padding: 0
    }
}

.stamp-1 {
    overflow: hidden;
    width: 64px;
    height: 64px;
    padding: 1px 0 0;
    border: 1px solid #000;
    border-radius: 50%;
    text-align: center;
    font-size: 0
}

.stamp-1 strong {
    display: block;
    padding: 3px 0 0;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.2
}

.stamp-1 span {
    width: 72px;
    display: block;
    padding: 2px 15px 0 7px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    color: #000;
    font-size: 10px;
    text-align: right;
    line-height: 12px
}

.stamp-1 p {
    padding: 3px 0 0;
    font-size: 8px;
    line-height: 1
}

.stamp-1 p em {
    display: block;
    padding: 3px 0 0;
    color: #000;
    font-size: 10.5px;
    font-weight: 700
}

.sign-stamp {
    overflow: hidden
}

.sign-stamp strong {
    font-size: 30px;
    display: inline-block;
    vertical-align: middle;
    color: #000
}

.sign-stamp em {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px
}

.sign-stamp.v2 strong {
    font-size: 21px
}

.sign-stamp.v2 em {
    margin-left: 15px
}

.rule-area {
    overflow-y: auto;
    max-height: 400px;
    margin: 0;
    padding: 25px 30px;
    border: 1px solid #e1e3e6
}

.rule-area .tit-area {
    margin: 0 0 20px 0;
    padding: 0
}

.rule-area dl dt {
    margin-bottom: 25px;
    color: #333
}

.rule-area dl dd {
    margin-bottom: 25px;
    line-height: 24px
}

.rule-area dl:last-child dd:last-child {
    margin-bottom: 0
}

.rule-down-list-wrap {
    display: block;
    margin: 40px 0 0 0;
    width: 100%;
    border-top: 2px solid #44465c
}

.rule-down-list-wrap ul li {
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height: 62px;
    line-height: 60px;
    border-bottom: 1px solid #e1e3e6;
    text-align: left
}

.rule-down-list-wrap ul li p.tit {
    position: relative;
    padding: 21px 120px 21px 0;
    min-height: 62px;
    line-height: 20px;
    color: #6c6d73
}

.rule-down-list-wrap ul li p.tit strong {
    margin: 0 5px 0 0;
    color: #3a3a4a
}

.rule-down-list-wrap ul li p.tit a.button {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -16px;
    vertical-align: middle
}

@media only screen and (max-width:767px) {
    .rule-down-list-wrap ul li p.tit {
        padding: 21px 0 21px 0
    }
    .rule-down-list-wrap ul li p.tit a.button {
        display: block;
        position: relative;
        left: 0;
        top: 0;
        margin-top: 15px
    }
}

.list-table-type {
    display: table;
    width: 100%;
    table-layout: fixed;
    empty-cells: show;
    border-collapse: collapse;
    border-top: 2px solid #44465c
}

.list-table-type>li {
    display: table-row
}

.list-table-type>li .cell {
    display: table-cell;
    vertical-align: middle;
    padding: 15px 0;
    border-bottom: 1px solid #e1e3e6
}

.list-table-type>li .cell.tit {
    width: 60%;
    color: #3a3a4a
}

.list-table-type>li .cell.line .txt:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: -2px 8px 0 10px;
    vertical-align: middle;
    background-color: #e1e3e6
}

.list-table-type>li .cell.line .txt:first-child:before {
    display: none
}

.list-table-type>li .cell .txt {
    display: inline-block;
    vertical-align: middle
}

.list-table-type.no-result {
    width: 100%;
    display: block
}

.list-table-type.no-result>li {
    width: 100%;
    display: block;
    border-bottom: 1px solid #e1e3e6
}

.list-block-type {
    display: block;
    width: 100%;
    border-top: 2px solid #44465c
}

.list-block-type>li {
    display: block
}

.list-block-type>li:after {
    display: block;
    clear: both;
    content: ""
}

.list-block-type>li a {
    display: block
}

.list-block-type>li .line {
    display: table;
    position: relative;
    width: 100%;
    min-height: 90px;
    padding: 20px 200px 20px 0;
    border-bottom: 1px solid #e1e3e6;
    vertical-align: middle
}

.list-block-type>li .line .txt {
    display: table-cell;
    vertical-align: middle;
    padding: 0
}

.list-block-type>li .line .txt .tit {
    display: block;
    color: #3a3a4a;
    font-weight: bold
}

.list-block-type>li .line .right-cont {
    position: absolute;
    right: 0;
    top: 50%;
    width: 150px;
    height: 32px;
    text-align: right;
    line-height: 32px;
    margin-top: -16px;
    color: #6c6d73
}

.list-block-type>li .line .date {
    margin: 8px 0 0
}

.list-block-type>li .line .date span {
    margin: 0 20px 0 0;
    color: #6c6d73;
    font-size: 14px
}

.list-block-type>li .line .date span:last-child {
    margin: 0
}

.list-table-type.word>li .cell.tit {
    width: 150px;
    padding: 15px 10px;
    font-weight: bold;
    vertical-align: top
}

.benefits-compare {
    padding: 0 5.5% 5.5%;
    margin: 10px 0 0;
    border: 1px solid #e1e3e6
}

.benefits-compare .tit {
    max-width: 308px;
    margin: 0 auto;
    border-radius: 0 0 5px 5px;
    text-align: center;
    color: #fff;
    background-color: #45475c;
    font-size: 19px;
    font-weight: 700;
    line-height: 44px
}

.benefits-compare .info {
    overflow: hidden;
    margin: 0 0 30px
}

.benefits-compare .info ul {
    float: left
}

.benefits-compare .info ul li {
    position: relative;
    margin: 11px 0 0;
    line-height: 15px
}

.benefits-compare .info ul li::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 10px 0 0;
    vertical-align: middle
}

.benefits-compare .info ul li:nth-child(1)::before {
    background-color: #c5e0fc;
    border-radius: 50%
}

.benefits-compare .info ul li:nth-child(2)::before {
    background-color: #e88897;
    border-radius: 50%
}

.benefits-compare .info ul li:nth-child(3)::before {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-jounmo04600-znex.cat');
    background-size: 15px
}

.benefits-compare .info span {
    float: right;
    color: #ec2940;
    font-size: 18px;
    text-align: center
}

.benefits-compare .info span strong {
    display: block;
    margin: 5px 0 0;
    font-weight: 700;
    font-size: 36px;
    line-height: 1
}

.benefits-compare .graph {
    position: relative;
    margin: 45px 0 0;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-jounmo04600-tencu-ot.cat');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100%
}

.benefits-compare .graph::before {
    content: "";
    display: block;
    padding-bottom: 37.875%
}

.benefits-compare .graph .line {
    position: absolute;
    top: 0;
    height: 100%;
    margin-left: -36px;
    margin-top: -4px
}

.benefits-compare .graph .line::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    border-left: 1px dashed #e31935
}

.benefits-compare .graph .line strong {
    display: block;
    width: 70px;
    margin-top: -30px;
    border-radius: 5px;
    color: #fff;
    background-color: #e31935;
    line-height: 32px;
    text-align: center
}

.benefits-compare .graph .line span {
    position: absolute;
    left: 50%;
    width: 25px;
    height: 25px;
    margin-bottom: -12.5px;
    margin-left: -12.5px;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-jounmo04600-znex.cat');
    text-indent: -99999px;
    z-index: 1
}

.benefits-compare ul.age {
    position: relative;
    overflow: hidden;
    margin: 15px 0 0
}

.benefits-compare ul.age::before {
    content: '나이';
    position: absolute;
    top: 80px;
    right: 0
}

.benefits-compare ul.age li {
    float: left;
    width: 20%;
    text-align: center
}

.benefits-compare ul.age li span {
    display: block;
    width: 95px;
    margin-left: -47.5px
}

.benefits-compare ul.age li span::after {
    content: '';
    display: block;
    width: 95px;
    height: 105px;
    margin: 10px 0 0
}

.benefits-compare ul.age li:nth-child(2) span::after {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-jounmo04600-ntr01.cat')
}

.benefits-compare ul.age li:nth-child(3) span::after {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-jounmo04600-ntr02.cat')
}

.benefits-compare ul.age li:nth-child(4) span::after {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-jounmo04600-ntr03.cat')
}

.benefits-compare ul.age li:nth-child(5) span::after {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-jounmo04600-ntr04.cat')
}

.benefits-compare .txt-area {
    margin: 40px 0 0;
    text-align: center;
    line-height: 1.7
}

.benefits-compare .txt-area span {
    display: block
}

.benefits-compare .txt-area strong {
    color: #d7021b;
    font-weight: normal
}

.benefits-compare .txt-area p,
.benefits-compare .txt-area p strong {
    font-weight: 700
}

.benefits-compare dl {
    padding: 25px 0 0;
    margin: 60px 0 0;
    border-top: 1px solid #eee
}

.benefits-compare dl dt {
    margin: 0 0 10px;
    color: #3b485b;
    font-weight: 700
}

.benefits .stit {
    margin: 30px 0 0;
    font-weight: 700;
    color: #3a3a4a
}

.benefits .age-slide {
    overflow: hidden;
    margin: 0 0 35px;
    border: 1px solid #e1e3e6
}

.benefits .age-slide .age-area {
    float: left;
    width: 198px;
    height: 164px;
    padding: 40px 0 0;
    border-right: 1px solid #e1e3e6;
    text-align: center
}

.benefits .age-slide .age-area p input {
    width: 62px;
    margin: 0 5px;
    text-align: center
}

.benefits .age-slide .age-area button {
    width: 62px;
    margin: 12px 0 0
}

.benefits .age-slide .slide-area {
    float: right;
    width: calc(100% - 198px);
    padding: 60px 50px 0
}

.benefits .age-slide .slide-area input[type=range] {
    width: 100%
}

.benefits .age-slide .slide-area ul {
    margin: 15px 0 0 0
}

.benefits .age-slide .slide-area ul li {
    float: left;
    width: 20%;
    text-align: center
}

.benefits .age-slide .slide-area ul li span {
    display: block;
    position: relative;
    width: 40px;
    margin-left: -20px
}

.benefits .age-slide .slide-area ul li span::after {
    content: '';
    display: block;
    position: absolute;
    top: -21px;
    left: 50%;
    width: 1px;
    height: 6px;
    background-color: #fff;
    z-index: 1
}

.benefits .age-slide .slide-area ul li span::before {
    content: '';
    display: block;
    margin: 1px 0 0
}

.benefits .ui-state-default,
.benefits .ui-widget-content .ui-state-default,
.benefits .ui-widget-header .ui-state-default,
.benefits .ui-button,
html .benefits .ui-button.ui-state-disabled:hover,
html .benefits .ui-button.ui-state-disabled:active {
    border: 0;
    width: 20px;
    height: 20px;
    margin-top: -7px;
    margin-left: -10px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sfyvqre-guhzo.cat") no-repeat !important
}

.benefits .ui-widget-header {
    background-color: #dcdcdc
}

.benefits .ui-widget-content {
    background-color: #ff3e3e
}

.benefits .ui-widget.ui-widget-content {
    border: 0
}

.benefits .ui-widget-content {
    height: 6px;
    font-size: 0
}

.benefits .ui-corner-all,
.benefits .ui-corner-top,
.benefits .ui-corner-left,
.benefits .ui-corner-tl {
    border-top-left-radius: 5px
}

.benefits .ui-corner-all,
.benefits .ui-corner-top,
.benefits .ui-corner-right,
.benefits .ui-corner-tr {
    border-top-right-radius: 5px
}

.benefits .ui-corner-all,
.benefits .ui-corner-bottom,
.benefits .ui-corner-left,
.benefits.ui-corner-bl {
    border-bottom-left-radius: 5px
}

.benefits .ui-corner-all,
.benefits .ui-corner-bottom,
.benefits .ui-corner-right,
.benefits .ui-corner-br {
    border-bottom-right-radius: 5px
}

@media only screen and (max-width:767px) {
    .benefits-compare {
        padding: 0 20px 5.5%
    }
    .benefits-compare .tit {
        max-width: 200px;
        font-size: 15px;
        line-height: 35px
    }
    .benefits-compare .info {
        margin: 30px 0 50px
    }
    .benefits-compare .info ul li {
        margin: 9px 0 0;
        line-height: 12px
    }
    .benefits-compare .info ul li::before {
        width: 11px;
        height: 11px;
        margin: 0 10px 0 0
    }
    .benefits-compare .info ul li:nth-child(3)::before {
        background-size: 11px
    }
    .benefits-compare .info span {
        font-size: 15px
    }
    .benefits-compare .info span strong {
        font-size: 25px
    }
    .benefits-compare .graph .line span {
        width: 15px;
        height: 15px;
        margin-bottom: -7.5px;
        margin-left: -7.5px;
        background-size: 100%
    }
    .benefits-compare ul.age {
        margin: 10px 0 0
    }
    .benefits-compare ul.age::before {
        display: none
    }
    .benefits-compare ul.age li span {
        width: 20px;
        margin-left: -10px;
        font-weight: 700
    }
    .benefits-compare ul.age li span em {
        display: none
    }
    .benefits-compare ul.age li span::after {
        background-image: none !important;
        height: 1px
    }
    .benefits-compare .txt-area {
        margin: 20px 0 0
    }
    .benefits-compare .txt-area span {
        display: inline
    }
    .benefits-compare dl {
        padding: 20px 0 0;
        margin: 25px 0 0
    }
    .benefits .stit {
        margin: 30px 0 0;
        font-size: 16px
    }
    .benefits .age-slide .age-area {
        float: none;
        width: 100%;
        height: auto;
        padding: 25px 0;
        border-right: 0;
        border-top: 1px solid #e1e3e6;
        text-align: center;
        background-color: #f6f6f6
    }
    .benefits .age-slide .age-area p {
        display: inline-block
    }
    .benefits .age-slide .age-area p input {
        margin: 0 5px;
        text-align: center
    }
    .benefits .age-slide .age-area button {
        margin: 0 0 0 10px;
        height: 40px
    }
    .benefits .age-slide .slide-area {
        float: none;
        width: 100%;
        padding: 35px 20px 40px
    }
    .benefits .ui-state-default,
    .benefits .ui-widget-content .ui-state-default,
    .benefits .ui-widget-header .ui-state-default,
    .benefits .ui-button,
    html .benefits .ui-button.ui-state-disabled:hover,
    html .benefits .ui-button.ui-state-disabled:active {
        width: 15px;
        height: 15px;
        margin-top: -5px;
        margin-left: -7.5px;
        background-size: 100% !important
    }
}

.list-block-type.v1>li .line {
    padding: 20px 0 20px 90px
}

.list-block-type.v1>li .line .left-cont {
    position: absolute;
    top: 50%;
    left: 25px;
    margin-top: -12px
}

.list-block-type.v1>li .line .left-cont .tagset {
    min-width: 48px
}

.list-block-type.v1>li .line .left-cont span {
    margin-left: 10px
}

.list-block-type.v1>li .line .txt .tit {
    display: block;
    color: #3a3a4a;
    font-weight: bold
}

.list-block-type.v1.view>li .line {
    padding: 20px 20px 20px 90px
}

.list-block-type.v1.view>li .line .left-cont {
    left: 20px
}

.list-block-type.v1.view>li .line .txt .tit {
    float: left
}

.list-block-type.v1.view>li .line .date {
    float: right;
    margin: 0
}

.list-block-type.scrap li {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 20px 280px 15px 70px;
    border-bottom: 1px solid #e1e3e6
}

.list-block-type.scrap li .num {
    position: absolute;
    top: 50%;
    left: 0;
    width: 70px;
    text-align: center;
    vertical-align: middle;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.list-block-type.scrap li .txt-area {
    width: 100%;
    text-align: left
}

.list-block-type.scrap li .txt-area a {
    overflow: hidden;
    display: block;
    color: #3a3a4a;
    font-size: 16.5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 700
}

.list-block-type.scrap li .txt-area p {
    margin: 5px 0 0;
    color: #6c6d73;
    font-size: 14px
}

.list-block-type.scrap li .tag-area {
    text-align: right;
    position: absolute;
    top: 50%;
    right: 135px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.list-block-type.scrap li .tag-area .tag-list {
    display: none
}

.list-block-type.scrap li .tag-area .tag-list .hash-tag-link {
    margin: 4px 2px
}

.list-block-type.scrap li .btn-area {
    position: absolute;
    top: 50%;
    right: 0;
    width: 130px;
    text-align: center;
    vertical-align: middle;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

@media only screen and (max-width:991px) {
    .list-table-type {
        display: block;
        table-layout: inherit;
        empty-cells: inherit;
        border-collapse: inherit
    }
    .list-table-type>li {
        display: block;
        padding: 5px 0;
        border-bottom: 1px solid #e1e3e6
    }
    .list-table-type>li .cell {
        display: block;
        padding: 0 5px;
        border-bottom: 0;
        text-align: left !important
    }
    .list-table-type>li .cell.tit {
        width: 100%;
        color: #3a3a4a
    }
    .list-table-type>li .cell.line .txt:before {
        margin: -2px 4px 0 6px
    }
    .list-table-type>li .cell.line.a-r {
        text-align: left !important
    }
    .list-table-type.word>li .cell.tit {
        padding: 5px
    }
    .list-block-type>li .line {
        padding: 15px 0
    }
    .list-block-type>li .line .txt {
        display: block
    }
    .list-block-type>li .line .right-cont {
        position: relative;
        display: block;
        right: inherit !important;
        top: 0;
        margin-top: 5px
    }
    .list-block-type.v1.view>li .line {
        padding: 20px 20px 20px 90px
    }
    .list-block-type.v1.view>li .line .txt .tit {
        float: left
    }
    .list-block-type.v1.view>li .line .date {
        float: right;
        margin: 0
    }
}

@media only screen and (max-width:767px) {
    .list-block-type.scrap li {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        padding: 15px
    }
    .list-block-type.scrap li .num {
        display: none
    }
    .list-block-type.scrap li .txt-area {
        width: 100%;
        text-align: left
    }
    .list-block-type.scrap li .txt-area a {
        overflow: hidden;
        display: block;
        color: #3a3a4a;
        white-space: nowrap;
        text-overflow: ellipsis
    }
    .list-block-type.scrap li .txt-area p {
        margin: 5px 0 0;
        color: #6c6d73;
        font-size: 14px
    }
    .list-block-type.scrap li .tag-area {
        position: static;
        width: 100%;
        margin: 7px 0;
        text-align: left;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0)
    }
    .list-block-type.scrap li .tag-area .tag-list {
        margin: 5px 0 0
    }
    .list-block-type.scrap li .tag-area .tag-list .hash-tag-link {
        margin: 4px 2px
    }
    .list-block-type.scrap li .btn-area {
        position: static;
        width: 100%;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0)
    }
    .list-block-type.scrap li .btn-area .button {
        width: 100%
    }
}

@media only screen and (max-width:640px) {
    .list-block-type>li .line .date {
        margin: 5px 0 0
    }
    .list-block-type>li .line .date span {
        display: block;
        margin: 0;
        font-size: 13px
    }
    .list-block-type.v1>li .line {
        padding: 20px 0 20px !important
    }
    .list-block-type.v1>li .line .left-cont {
        position: static;
        margin: 0 0 10px
    }
    .list-block-type.v1>li .line .txt {
        display: block
    }
    .list-block-type.v1.view>li .line {
        padding: 20px 0 20px
    }
    .list-block-type.v1.view>li .line .txt .tit {
        float: none
    }
    .list-block-type.v1.view>li .line .date {
        float: none;
        margin: 5px 0 0
    }
}

.inner-dp-wrap .item {
    display: none
}

.inner-dp-wrap .item.show {
    display: block
}

.img-txt-wrap {
    overflow: hidden
}

.img-txt-wrap .img {
    float: left;
    font-size: 0;
    line-height: 0
}

.img-txt-wrap .cont {
    float: left
}

.img-txt-wrap.left .cont {
    margin-left: 40px
}

.img-txt-wrap.right .cont {
    margin-right: 40px
}

.img-txt-wrap.w100 .img {
    width: 100px
}

.img-txt-wrap.w100 .cont {
    width: calc(100% - 140px)
}

.img-txt-wrap.w150 .img {
    width: 150px
}

.img-txt-wrap.w150 .cont {
    width: calc(100% - 195px)
}

.img-txt-wrap.w160 .img {
    width: 160px
}

.img-txt-wrap.w160 .cont {
    width: calc(100% - 205px)
}

.img-txt-wrap.w180 .img {
    width: 180px
}

.img-txt-wrap.w180 .cont {
    width: calc(100% - 220px)
}

.img-txt-wrap.w190 .img {
    width: 190px
}

.img-txt-wrap.w190 .cont {
    width: calc(100% - 230px)
}

.img-txt-wrap.w200 .img {
    width: 200px
}

.img-txt-wrap.w200 .cont {
    width: calc(100% - 240px)
}

.img-txt-wrap.w210 .img {
    width: 210px
}

.img-txt-wrap.w210 .cont {
    width: calc(100% - 250px)
}

.img-txt-wrap.w220 .img {
    width: 220px
}

.img-txt-wrap.w220 .cont {
    width: calc(100% - 260px)
}

.img-txt-wrap.w230 .img {
    width: 230px
}

.img-txt-wrap.w230 .cont {
    width: calc(100% - 270px)
}

.img-txt-wrap.w240 .img {
    width: 240px
}

.img-txt-wrap.w240 .cont {
    width: calc(100% - 280px)
}

.img-txt-wrap.w313 .img {
    width: 313px
}

.img-txt-wrap.w313 .cont {
    width: calc(100% - 353px)
}

.img-txt-wrap.w450 .img {
    width: 450px
}

.img-txt-wrap.w450 .cont {
    width: calc(100% - 480px);
    margin-left: 30px
}

@media only screen and (max-width:767px) {
    .img-txt-wrap .img {
        float: none
    }
    .img-txt-wrap .cont {
        float: none
    }
    .img-txt-wrap.left .cont {
        margin: 10px 0 0 0
    }
    .img-txt-wrap.right .cont {
        margin: 0 0 10px 0
    }
    .img-txt-wrap .img {
        width: 100% !important
    }
    .img-txt-wrap .img img {
        display: block;
        max-width: 100% !important;
        margin: 0 auto
    }
    .img-txt-wrap .cont {
        width: 100% !important
    }
}

.manual .button-group {
    margin: 0 0 20px
}

.manual .resp-img+.paragraph,
.manual .resp-img+.normal-num {
    margin: 20px 0 0
}

.manual img {
    width: 100%
}

.banner-list {
    overflow: hidden
}

.banner-list li {
    float: left;
    position: relative;
    width: 23.5%;
    margin: 0 0 0 2%;
    text-align: center;
    background-repeat: no-repeat
}

.banner-list li:first-child {
    margin: 0
}

.banner-list li>a:first-child {
    display: block;
    height: 252px;
    padding: 125px 0 0;
    border-radius: 10px;
    border: 1px solid #e2e3e7
}

.banner-list li .button {
    display: inline-block;
    margin: 20px 0 0;
    cursor: pointer
}

.banner-list-cont {
    display: none
}

.banner-list.premium li {
    background-position: 50% 38px
}

.banner-list.premium li:nth-child(1) {
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-cerzvhz-01.cat")
}

.banner-list.premium li:nth-child(2) {
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-cerzvhz-02.cat")
}

.banner-list.premium li:nth-child(3) {
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-cerzvhz-03.cat")
}

.banner-list.premium li:nth-child(4) {
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-cerzvhz-04.cat")
}

.banner-list.pay li {
    background-position: 50% 50px
}

.banner-list.pay li:nth-child(1) {
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-cnl-01.cat");
    background-position: 50% 43px
}

.banner-list.pay li:nth-child(2) {
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-cnl-02.cat")
}

.banner-list.pay li:nth-child(3) {
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-cnl-03.cat")
}

.banner-list.pay li:nth-child(4) {
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-cnl-04.cat")
}

.banner-list.pay li>a:first-child {
    height: 212px
}

.link-box {
    padding: 20px;
    margin: 40px 0 0;
    background: #f6f6f6;
    border: 1px solid #e1e3e6;
    text-align: center
}

.link-box a {
    display: inline-block;
    margin-left: 12px
}

.link-box a:first-child {
    margin: 0
}

@media only screen and (max-width:767px) {
    .banner-list {
        margin: -3% 0 0 -3%
    }
    .banner-list li {
        width: 47%;
        margin: 3% 0 0 3%
    }
    .banner-list li:first-child {
        margin: 3% 0 0 3%
    }
    .banner-list li>a:first-child {
        height: 210px;
        padding: 105px 0 0
    }
    .banner-list li>a p {
        font-size: 14px;
        line-height: 20px
    }
    .banner-list li .button {
        margin: 7px 0 0;
        font-size: 13.5px
    }
    .banner-list.premium li {
        background-position: 50% 25px
    }
    .banner-list.pay li {
        background-position: 50% 30px
    }
    .banner-list.pay li:nth-child(1) {
        background-position: 50% 20px
    }
    .banner-list.pay li>a:first-child {
        height: 160px
    }
    .link-box {
        margin: 30px 0 0
    }
    .link-box a {
        display: block;
        margin: 10px 0 0
    }
    .link-box a:first-child {
        margin: 0
    }
}

.premiums-payment-info {
    padding: 0 40px
}

.premiums-payment-info li {
    padding: 45px 0 45px 110px;
    border-top: 1px solid #e1e3e6
}

.premiums-payment-info li:first-child {
    border: 0
}

.premiums-payment-info li:nth-child(1) {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Scnlzrag-1.cat") no-repeat 0 50%
}

.premiums-payment-info li:nth-child(2) {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Scnlzrag-2.cat") no-repeat 0 50%
}

.premiums-payment-info li:nth-child(3) {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Scnlzrag-3.cat") no-repeat 0 50%
}

@media only screen and (max-width:767px) {
    .premiums-payment-info {
        padding: 0 15px
    }
    .premiums-payment-info li {
        padding: 20px 0;
        background: none !important
    }
}

.orthosis-list ul {
    overflow: hidden;
    margin: -35px 0 0 -20px
}

.orthosis-list ul li {
    float: left;
    width: 33.3%;
    text-align: center;
    margin-top: 35px;
    padding-left: 20px
}

.orthosis-list ul li .img {
    width: 100%;
    height: 180px;
    padding: 16px 0;
    border: 1px solid #e1e3e6;
    text-align: center
}

.orthosis-list ul li .img img {
    height: 100%
}

.orthosis-list ul li .title {
    margin-top: 15px
}

@media only screen and (max-width:991px) {
    .orthosis-list ul li {
        float: left;
        width: 50%
    }
}

@media only screen and (max-width:767px) {
    .orthosis-list ul li {
        float: none;
        display: block;
        width: 100%
    }
    .orthosis-list ul li .img img {
        max-width: 100%
    }
}

.terms-area .round-num li:first-child,
.terms-area .bracket-num li:first-child,
.terms-area .normal-num li:first-child {
    margin-top: 0
}

.terms-area .normal-num li p {
    margin-top: 10px
}

.terms-area .terms-important {
    text-decoration: underline;
    font-size: 17px;
    color: #d7021b;
    font-weight: 700
}

.terms-area .round-num li,
.terms-area .bracket-num li,
.terms-area .normal-num li {
    margin-top: 15px
}

.terms-area ol li .number {
    color: #3b3b3b;
    font-weight: 700
}

.terms-area .s-tit {
    display: block;
    color: #3b3b3b
}

.terms-area.v1 .top-title {
    display: block;
    color: #3b3b3b;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px
}

.terms-area.v1 .term {
    margin-bottom: 20px
}

.terms-area.v1 .term .tit {
    display: block;
    color: #3b3b3b;
    font-weight: 700;
    margin-bottom: 15px
}

.terms-area.v1 .term .txt {
    margin-bottom: 15px
}

.terms-area.v1 .round-num li,
.terms-area.v1 .bracket-num li,
.terms-area.v1 .normal-num li {
    margin-top: 7px
}

.terms-area.v1 ol li .number {
    color: #6c6d73;
    font-weight: normal
}

.auth-step-area {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    text-align: center
}

.auth-step-area .step-info {
    width: 166px;
    display: inline-block;
    vertical-align: bottom
}

.auth-step-area .step-info .title {
    font-size: 17px;
    color: #43435b;
    font-weight: 700
}

.auth-step-area .step-info .box {
    height: 195px;
    border-radius: 8px;
    border: 1px solid #e2e3e7;
    padding: 45px 0 0 0;
    margin-top: 20px
}

.auth-step-area .step-info .box .txt {
    margin-top: 25px
}

.auth-step-area .step-arr {
    position: relative;
    width: 100px;
    display: inline-block;
    vertical-align: bottom;
    padding: 50px 0 18px 0;
    margin: 0 25px
}

.auth-step-area .step-arr span {
    display: inline-block;
    width: 100px;
    height: 37px;
    line-height: 37px;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    background-color: #585b78
}

.auth-step-area .step-arr:before {
    content: '';
    position: absolute;
    top: 0;
    left: 5px;
    width: 90px;
    height: 15px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-fgrc-ybat.cat") no-repeat
}

.auth-step-area.v1 .step-info {
    position: relative;
    float: left;
    width: 18%;
    margin-left: 2.5%
}

.auth-step-area.v1 .step-info .box {
    height: 225px;
    margin-top: 0
}

.auth-step-area.v1 .step-info .box .txt span {
    display: block
}

.auth-step-area.v1 .step-info:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -14px;
    width: 8px;
    height: 15px;
    margin-top: -7px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-fgrc-2.cat") no-repeat
}

.auth-step-area.v1 .step-info:first-child {
    margin: 0
}

.auth-step-area.v1 .step-info:first-child:before {
    display: none
}

.auth-step-area.v2 {
    margin-top: -20px
}

.auth-step-area.v2 .step-info {
    position: relative;
    float: left;
    width: auto;
    padding: 0 15px
}

.auth-step-area.v2 .step-info .box {
    width: 150px;
    height: 121px;
    display: table;
    padding: 0
}

.auth-step-area.v2 .step-info .box .txt {
    height: 121px;
    display: table-cell;
    vertical-align: middle;
    margin-top: 0
}

.auth-step-area.v2 .step-info .box .txt span {
    display: block
}

.auth-step-area.v2 .step-info:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -4px;
    width: 8px;
    height: 15px;
    margin-top: -7px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-fgrc-2.cat") no-repeat
}

.auth-step-area.v2 .step-info:first-child {
    padding-left: 0
}

.auth-step-area.v2 .step-info:first-child:before {
    display: none
}

@media only screen and (max-width:815px) {
    .auth-step-area .step-info {
        width: 100%;
        display: block;
        text-align: center
    }
    .auth-step-area .step-info .title {
        font-size: 15px
    }
    .auth-step-area .step-info .box {
        height: auto;
        padding: 20px;
        margin-top: 10px
    }
    .auth-step-area .step-info .box .txt {
        margin-top: 15px
    }
    .auth-step-area .step-arr {
        width: 150px;
        display: block;
        padding: 18px 0;
        margin: 0 auto;
        text-align: center
    }
    .auth-step-area .step-arr span {
        margin-left: 30px
    }
    .auth-step-area .step-arr:before {
        content: '';
        position: absolute;
        top: 27px;
        left: 0;
        width: 30px;
        height: 16px;
        transform: rotate(90deg);
        background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-fgrc-ybat.cat") no-repeat right top
    }
}

@media only screen and (max-width:767px) {
    .auth-step-area.v1 .step-info {
        width: 100%;
        display: block;
        text-align: center;
        padding: 30px 0 0 0;
        margin: 0
    }
    .auth-step-area.v1 .step-info:before {
        content: '';
        position: absolute;
        top: 12px;
        left: 50%;
        width: 8px;
        height: 15px;
        margin-top: 0;
        margin-left: -4px;
        transform: rotate(90deg);
        background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-fgrc-2.cat") no-repeat
    }
    .auth-step-area.v1 .step-info .title {
        font-size: 15px
    }
    .auth-step-area.v1 .step-info .box {
        width: 100%;
        height: auto;
        padding: 20px;
        margin-top: 10px
    }
    .auth-step-area.v1 .step-info .box .txt {
        margin-top: 15px
    }
    .auth-step-area.v1 .step-info .box .txt span {
        display: inline-block
    }
    .auth-step-area.v2 .step-info {
        width: 100%;
        display: block;
        text-align: center;
        padding: 30px 0 0 0
    }
    .auth-step-area.v2 .step-info:first-child {
        padding-top: 0
    }
    .auth-step-area.v2 .step-info:before {
        content: '';
        position: absolute;
        top: 12px;
        left: 50%;
        width: 8px;
        height: 15px;
        margin-top: 0;
        transform: rotate(90deg);
        background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-fgrc-2.cat") no-repeat
    }
    .auth-step-area.v2 .step-info .title {
        font-size: 15px
    }
    .auth-step-area.v2 .step-info .box {
        display: block;
        width: 100%;
        height: auto;
        padding: 20px;
        margin-top: 10px
    }
    .auth-step-area.v2 .step-info .box .txt {
        display: block;
        margin-top: 0;
        height: auto;
        text-align: center
    }
    .auth-step-area.v2 .step-info .box .txt span {
        display: inline-block
    }
}

.btn-select-time {
    display: block;
    width: 100%;
    height: 100%;
    background: 0;
    border: 0;
    text-align: center;
    color: #3a3a4a
}

.btn-select-time span {
    display: inline-block;
    position: relative
}

.btn-select-time.on span:after {
    content: '';
    position: absolute;
    top: -3px;
    right: -25px;
    width: 19px;
    height: 19px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-pux-erq.cat') no-repeat 0
}

.btn-select-time.off[disabled] {
    background: none !important;
    opacity: 1 !important;
    cursor: no-drop
}

.btn-select-time.off span:after {
    content: '';
    position: absolute;
    top: -3px;
    right: -25px;
    width: 19px;
    height: 19px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-pux-oyhr.cat') no-repeat 0
}

.txt-select-time .iconset {
    margin: 1px 5px 0 0
}

.search-result-list {
    width: 100%;
    max-height: 315px;
    overflow-x: hidden;
    overflow-y: auto;
    border-top: 1px solid #44465c;
    border-bottom: 1px solid #bec2c8
}

.search-result-list ul li {
    border-bottom: 1px solid #ebebeb
}

.search-result-list ul li:last-child {
    border-bottom: 0
}

.search-result-list ul li a {
    display: block;
    width: 100%;
    padding: 20px 0;
    color: #3a3a4a
}

.link-banner {
    overflow: hidden;
    border: 1px solid #e1e3e6
}

.link-banner li {
    float: left;
    min-height: 110px;
    padding: 25px 0 0;
    border-left: 1px solid #e1e3e6;
    text-align: center
}

.link-banner li:first-child {
    border: 0
}

.link-banner li span {
    display: block;
    margin: 15px 0 0
}

.link-banner li:first-child:nth-last-child(1),
.link-banner li:first-child:nth-last-child(1)~li {
    width: 100%
}

.link-banner li:first-child:nth-last-child(2),
.link-banner li:first-child:nth-last-child(2)~li {
    width: 50%
}

.link-banner li:first-child:nth-last-child(3) {
    width: 33.334%
}

.link-banner li:first-child:nth-last-child(3)~li {
    width: 33.333%
}

.link-banner li:first-child:nth-last-child(4),
.link-banner li:first-child:nth-last-child(4)~li {
    width: 25%
}

.link-banner li:first-child:nth-last-child(5),
.link-banner li:first-child:nth-last-child(5)~li {
    width: 20%
}

.link-banner li:first-child:nth-last-child(6) {
    width: 17%
}

@media only screen and (max-width:767px) {
    .link-banner li {
        float: none;
        width: 100% !important;
        min-height: auto;
        padding: 20px 15px;
        border-left: 0;
        border-top: 1px solid #e1e3e6
    }
    .link-banner li a {
        display: block;
        width: 100%;
        margin-right: 10px
    }
    .link-banner li span {
        margin: 10px 0 0
    }
}

.recruit-step-wrap {
    overflow: hidden;
    margin: 20px 0
}

.recruit-step-wrap .step-in {
    position: relative;
    float: left;
    padding-left: 37px
}

.recruit-step-wrap .step-in:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -8px;
    width: 9px;
    height: 15px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-tenl-evtug.cat') no-repeat 0
}

.recruit-step-wrap .step-in:first-child {
    padding-left: 0
}

.recruit-step-wrap .step-in:first-child:before {
    background: 0
}

.recruit-step-wrap .step-in .round-box {
    width: 150px;
    height: 150px;
    border-radius: 150px;
    border: 9px solid #fca1a1;
    text-align: center;
    padding: 45px 20px 0 20px
}

.recruit-step-wrap .step-in .round-box strong {
    display: block;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 3px;
    margin-bottom: 3px
}

@media only screen and (max-width:767px) {
    .recruit-step-wrap .step-in {
        float: none;
        width: 150px;
        margin: 0 auto;
        padding: 35px 0 0 0
    }
    .recruit-step-wrap .step-in:before {
        top: 10px;
        left: 50%;
        margin: 0 0 0 -5px;
        transform: rotate(90deg)
    }
    .recruit-step-wrap .step-in:first-child {
        padding: 0
    }
    .recruit-step-wrap .step-in .round-box {
        width: 150px;
        height: 150px;
        border-radius: 150px;
        border: 9px solid #fca1a1;
        text-align: center;
        padding: 45px 20px 0 20px
    }
    .recruit-step-wrap .step-in .round-box strong {
        display: block;
        border-bottom: 1px solid #dfdfdf;
        padding-bottom: 3px;
        margin-bottom: 3px
    }
}

.phone-input-area p {
    padding: 25px 0 0;
    margin: 20px 0 0;
    border-top: 1px solid #e1e3e6
}

.phone-input-area p .input-text {
    height: 32px;
    margin: 0 5px 0 10px
}

@media only screen and (max-width:767px) {
    .phone-input-area span {
        display: block;
        margin: 0 0 5px
    }
}

.guide-list ul {
    overflow: hidden;
    margin: -2% 0 0 -2%
}

.guide-list ul li {
    float: left;
    width: 48%;
    padding: 40px 30px 10px 130px;
    margin: 2% 0 0 2%;
    border-style: solid;
    border-color: #e1e3e6;
    border-width: 1px;
    background-repeat: no-repeat;
    word-break: keep-all
}

.guide-list ul li:nth-child(1n) {
    border-radius: 50px 10px 10px 10px
}

.guide-list ul li:nth-child(2n) {
    border-radius: 10px 10px 50px 10px
}

.guide-list ul li:nth-child(-n+2) {
    min-height: 190px
}

.guide-list ul li:nth-child(n+3):nth-child(-n+4) {
    min-height: 220px
}

.guide-list ul li strong {
    color: #3a3a4a;
    font-size: 16px;
    font-weight: 700
}

.guide-list ul li p {
    margin: 6px 0 0;
    line-height: 24px
}

.guide-list.discussion ul li {
    background-position: 30px 40px
}

.guide-list.discussion ul li:nth-child(1n) {
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-qvfphffvba-thvqr01.cat")
}

.guide-list.discussion ul li:nth-child(2n) {
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-qvfphffvba-thvqr02.cat")
}

.guide-list.discussion ul li:nth-child(3n) {
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-qvfphffvba-thvqr03.cat")
}

.guide-list.discussion ul li:nth-child(4n) {
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-qvfphffvba-thvqr04.cat")
}

.guide-list-2>ul {
    overflow: hidden
}

.guide-list-2>ul>li {
    min-height: 150px;
    padding: 27px 30px 27px 140px;
    margin: 30px 0 0;
    border-style: solid;
    border-radius: 10px 50px 10px 10px;
    border-color: #e1e3e6;
    border-width: 1px;
    background-repeat: no-repeat;
    word-break: keep-all
}

.guide-list-2>ul>li:first-child {
    margin: 0
}

.guide-list-2>ul>li .stit {
    margin: 0 0 13px;
    color: #3a3a4a;
    font-size: 16px;
    font-weight: 700
}

.guide-list-2.it>ul>li {
    background-position: 30px 50%
}

.guide-list-2.it>ul>li:nth-child(1n) {
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-vg-01.cat")
}

.guide-list-2.it>ul>li:nth-child(2n) {
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-vg-02.cat")
}

.guide-list-2.it>ul>li:nth-child(3n) {
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-vg-03.cat")
}

.guide-list-2.it>ul>li:nth-child(4n) {
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-vg-04.cat")
}

@media only screen and (max-width:767px) {
    .guide-list ul {
        margin: 0
    }
    .guide-list ul li {
        float: none;
        width: 100%;
        padding: 20px 15px 20px 90px;
        margin: 15px 0 0;
        border-radius: 8px 25px 8px 8px !important;
        background-size: 60px
    }
    .guide-list ul li:nth-child(1) {
        margin: 0
    }
    .guide-list ul li:nth-child(-n+2) {
        min-height: auto
    }
    .guide-list ul li:nth-child(n+3):nth-child(-n+4) {
        min-height: auto
    }
    .guide-list.discussion ul li {
        background-position: 15px 20px
    }
    .guide-list-2>ul>li {
        min-height: 115px;
        padding: 20px 15px 20px 90px;
        margin: 15px 0 0;
        border-radius: 8px 25px 8px 8px !important;
        background-size: 60px
    }
    .guide-list-2>ul>li .stit {
        margin: 0 0 10px;
        font-size: 15px
    }
    .guide-list-2.it>ul>li {
        background-position: 15px 20px
    }
}

@media only screen and (max-width:420px) {
    .guide-list ul li {
        padding: 20px 15px;
        background: none !important
    }
    .guide-list-2>ul>li {
        padding: 20px 15px;
        background: none !important
    }
}

.index-discussion {
    border-bottom: 1px solid #bec2c8
}

.index-discussion .img-area {
    padding: 40px 30px;
    text-align: center
}

@media only screen and (max-width:767px) {
    .index-discussion .img-area {
        padding: 20px 15px
    }
}

.talent-prize {
    margin: 90px 0 0
}

@media only screen and (max-width:767px) {
    .talent-prize {
        margin: 50px 0 0
    }
    .talent-prize .resp-img img {
        max-width: 340px
    }
}

.reissue-graph .border-box {
    overflow: hidden;
    padding: 25px 0
}

.reissue-graph .border-box>div {
    width: 50%;
    padding: 25px 25px 0;
    text-align: center
}

.reissue-graph .border-box img {
    max-width: 100%
}

.reissue-graph .border-box .tit {
    margin: 40px 0 0;
    color: #3a3a4a;
    font-weight: 700
}

.reissue-graph .border-box>div:first-child p {
    margin: 30px 0 0
}

.reissue-graph .border-box>div .txt-area {
    padding: 30px 0 0 45px;
    text-align: left
}

.reissue-graph .border-box>div .txt-area strong {
    color: #3a3a4a
}

.reissue-graph .border-box>div .txt-area p {
    display: inline-block;
    width: 275px;
    padding: 20px;
    margin: 15px 0 0;
    border: 1px solid #e2e3e7;
    background: #f6f6f6
}

.reissue-graph .border-box>div .txt-area.v1 {
    padding: 30px 0 0
}

.reissue-graph .border-box>div .txt-area.v1 p {
    width: 350px
}

@media only screen and (max-width:767px) {
    .reissue-graph .border-box {
        padding: 0 0 20px
    }
    .reissue-graph .border-box.box02 {
        padding: 25px
    }
    .reissue-graph .border-box.box02>div {
        padding: 0
    }
    .reissue-graph .border-box.box02>div:first-child p {
        margin: 10px auto 0
    }
    .reissue-graph .border-box>div {
        float: none;
        width: 100%;
        padding: 20px 0 10px
    }
    .reissue-graph .border-box .tit {
        margin: 10px 0 0
    }
    .reissue-graph .border-box>div:first-child p {
        margin: 0 0 30px
    }
    .reissue-graph .border-box>div .txt-area {
        padding: 20px 0 0;
        text-align: center
    }
    .reissue-graph .border-box>div .txt-area p {
        display: block;
        width: 275px;
        max-width: 100%;
        padding: 10px;
        margin: 15px auto 0
    }
}

.format-down-list {
    overflow: hidden;
    padding: 10px 30px;
    border: 1px solid #e2e3e7
}

.format-down-list ul {
    float: left;
    width: 48%
}

.format-down-list ul:first-child {
    margin: 0 4% 0 0
}

.format-down-list ul li {
    position: relative;
    padding: 11px 90px 11px 0;
    border-top: 1px solid #e2e3e7
}

.format-down-list ul li p a {
    display: block
}

.format-down-list ul li:first-child {
    border: 0
}

.format-down-list ul li.curr p {
    color: #ee0700;
    text-decoration: underline
}

.format-down-list ul li .button {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.format-down-list.v1 ul {
    width: 100%
}

@media only screen and (max-width:767px) {
    .format-down-list {
        padding: 10px 15px
    }
    .format-down-list ul {
        float: none;
        width: 100%;
        border-top: 1px solid #e2e3e7
    }
    .format-down-list ul:first-child {
        margin: 0;
        border: 0
    }
    .format-down-list ul li {
        padding: 11px 80px 11px 0
    }
}

.num-text-list {
    overflow: hidden
}

.num-text-list ul {
    float: left;
    width: 48.5%;
    margin: 0 0 0 3%
}

.num-text-list ul:first-child {
    margin: 0
}

.num-text-list ul li {
    position: relative;
    padding: 13px 10px 13px 64px;
    margin: 15px 0 0;
    border: 1px solid #e1e3e6;
    border-radius: 5px
}

.num-text-list ul li:first-child {
    margin: 0
}

.num-text-list ul li span {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    width: 55px;
    height: 100%;
    background: #f6f6f6;
    text-align: center;
    text-align: center
}

.num-text-list ul li span em {
    display: table-cell;
    color: #44465c;
    font-weight: 700;
    vertical-align: middle
}

@media only screen and (max-width:767px) {
    .num-text-list ul {
        float: none;
        width: 100%;
        margin: 15px 0 0
    }
    .num-text-list ul li {
        padding: 10px 10px 10px 55px
    }
    .num-text-list ul li span {
        width: 45px
    }
}

.newsletter-subscribe-wrap {
    max-width: 900px;
    min-height: 173px;
    margin: 0 auto;
    padding: 30px 0 27px 220px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-arjfyrggre-fhofpevor.cat') 0 0 no-repeat
}

.newsletter-subscribe-wrap .tit {
    font-size: 26px;
    margin-bottom: 10px;
    color: #3a3a4a;
    font-weight: 700
}

.newsletter-subscribe-link {
    overflow: hidden;
    margin: 0 auto;
    text-align: center
}

.newsletter-subscribe-link a.round-link {
    position: relative;
    float: left;
    margin: 0 0 0 2%;
    padding: 30px 25px 30px 90px;
    width: 49%;
    height: 100px;
    vertical-align: middle;
    text-align: left;
    border: 1px solid #e2e3e7;
    border-radius: 10px
}

.newsletter-subscribe-link a.round-link:first-child {
    margin: 0
}

.newsletter-subscribe-link a.round-link:after {
    display: block;
    content: '';
    position: absolute;
    width: 8px;
    height: 15px;
    top: 50%;
    right: 20px;
    margin-top: -8px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-fgrc-2.cat')0 0 no-repeat
}

.newsletter-subscribe-link a.round-link .ico {
    position: absolute;
    left: 25px
}

.newsletter-subscribe-link a.round-link p.tit {
    font-size: 16px;
    font-weight: 700;
    color: #43435b
}

@media only screen and (max-width:767px) {
    .newsletter-subscribe-wrap {
        width: 100%;
        background: #fff2f2;
        padding: 30px
    }
    .newsletter-subscribe-link a.round-link {
        width: 100%;
        margin: 20px 0 0
    }
}

@media only screen and (max-width:355px) {
    .newsletter-subscribe-link a.round-link {
        height: 120px;
        padding: 30px 35px 30px 90px
    }
}

.join-complete .join-complete-text {
    padding: 55px 0 40px;
    text-align: center
}

.join-complete .join-complete-text span {
    color: #3a3a4a;
    font-size: 21px;
    font-weight: 700
}

.join-complete .join-complete-text span strong {
    color: #d7021b
}

.join-complete .join-complete-text p {
    margin: 10px 0 0
}

.join-complete .join-complete-info {
    overflow: hidden;
    padding: 50px 0;
    border: 1px solid #e1e3e6;
    border-radius: 20px
}

.join-complete .join-complete-info>div {
    float: left;
    width: 33.33%;
    min-height: 290px;
    padding: 0 3%;
    border-left: 1px solid #e1e3e6;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50% 40px
}

.join-complete .join-complete-info>div:nth-child(1) {
    border: 0;
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Swbva-pbzcyrgr-ot01.cat")
}

.join-complete .join-complete-info>div:nth-child(2) {
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Swbva-pbzcyrgr-ot02.cat")
}

.join-complete .join-complete-info>div:nth-child(3) {
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Swbva-pbzcyrgr-ot03.cat")
}

.join-complete .join-complete-info>div strong {
    color: #3a3a4a;
    font-size: 21px;
    font-weight: 700
}

.join-complete .join-complete-info>div ul {
    margin: 165px 0 0;
    text-align: left
}

.join-complete .join-complete-info>div ul li {
    word-break: keep-all
}

@media only screen and (max-width:767px) {
    .join-complete .join-complete-text {
        padding: 40px 0 30px
    }
    .join-complete .join-complete-text span {
        font-size: 19px
    }
    .join-complete .join-complete-text p {
        margin: 7px 0 0
    }
    .join-complete .join-complete-info {
        padding: 0 15px
    }
    .join-complete .join-complete-info>div {
        float: none;
        width: 100%;
        min-height: 150px;
        padding: 25px 0;
        border-top: 1px solid #e1e3e6;
        border-left: 0;
        text-align: left;
        background-size: 180px;
        background-position: 100% 10px
    }
    .join-complete .join-complete-info>div strong {
        font-size: 18px
    }
    .join-complete .join-complete-info>div ul {
        margin: 18px 0 0;
        text-align: left
    }
}

@media only screen and (max-width:400px) {
    .join-complete .join-complete-info>div {
        background-image: none !important
    }
}

.join-step {
    overflow: hidden;
    margin-left: -30px
}

.join-step li {
    float: left;
    width: calc(20% - 30px);
    height: 225px;
    padding: 110px 1.5% 0;
    margin: 0 0 0 30px;
    border: 1px solid #f1f1f3;
    border-radius: 5px;
    background-position: 50% 45px;
    background-repeat: no-repeat;
    word-break: keep-all;
    text-align: center
}

.join-step li.point {
    border: 1px solid #44465b
}

.join-step li::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: -30px;
    width: 30px;
    height: 15px;
    margin-top: -7.5px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-fgrc-2.cat') no-repeat 50% 0
}

.join-step li:first-child:before {
    display: none
}

.join-step li:nth-child(1) {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Swbva-fgrc-vpba01.cat')
}

.join-step li:nth-child(2) {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Swbva-fgrc-vpba02.cat')
}

.join-step li:nth-child(3) {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Swbva-fgrc-vpba03.cat')
}

.join-step li:nth-child(4) {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Swbva-fgrc-vpba04.cat')
}

.join-step li:nth-child(5) {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Swbva-fgrc-vpba05.cat')
}

.join-step li p {
    position: relative;
    height: 100%
}

.join-step li p span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

@media only screen and (max-width:767px) {
    .join-step {
        margin-left: 0
    }
    .join-step li {
        float: none;
        width: 100%;
        height: auto;
        padding: 100px 1.5% 20px;
        margin: 30px 0 0;
        background-position: 50% 30px
    }
    .join-step li::before {
        top: -30px;
        left: 0;
        width: 100%;
        height: 30px;
        margin-top: 0;
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-erq-obggbz.cat') no-repeat 50% 50%
    }
    .join-step li p span {
        position: static
    }
}

.visit-step {
    overflow: hidden;
    margin-left: -30px
}

.visit-step li {
    float: left;
    width: calc(25% - 30px);
    height: 225px;
    padding: 110px 1.5% 0;
    margin: 0 0 0 30px;
    border: 1px solid #e2e3e7;
    border-radius: 5px;
    background-position: 50% 35px;
    background-repeat: no-repeat;
    word-break: keep-all;
    text-align: center
}

.visit-step li::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: -30px;
    width: 30px;
    height: 15px;
    margin-top: -7.5px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-fgrc-2.cat') no-repeat 50% 0
}

.visit-step li:first-child:before {
    display: none
}

.visit-step li:nth-child(1) {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb_ivfvg_fgrc01.cat')
}

.visit-step li:nth-child(2) {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb_ivfvg_fgrc02.cat')
}

.visit-step li:nth-child(3) {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb_ivfvg_fgrc03.cat')
}

.visit-step li:nth-child(4) {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb_ivfvg_fgrc04.cat')
}

.visit-step li p {
    position: relative;
    height: 100%
}

.visit-step li p strong {
    color: #f13f3f;
    font-weight: normal
}

@media only screen and (max-width:767px) {
    .visit-step {
        margin-left: 0
    }
    .visit-step li {
        float: none;
        width: 100%;
        height: auto;
        padding: 100px 1.5% 20px;
        margin: 30px 0 0;
        background-position: 50% 30px
    }
    .visit-step li::before {
        top: -30px;
        left: 0;
        width: 100%;
        height: 30px;
        margin-top: 0;
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-erq-obggbz.cat') no-repeat 50% 50%
    }
    .visit-step li p span {
        position: static
    }
}

.login-area {
    border: 1px solid #e1e3e6;
    border-radius: 10px 50px 10px 10px
}

.login-text-cont {
    padding: 0 0 30px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #e1e3e6
}

.login-text-cont p.font-bold {
    margin: 0 0 10px
}

.login-text-cont .bg-chk {
    margin: 7px 0 0
}

.login-text-cont .list-text {
    margin: 25px 0 0
}

.login-area .login-individual {
    overflow: hidden;
    padding: 50px 0;
    word-break: keep-all
}

.login-area .login-individual>div {
    float: left;
    width: 50%;
    min-height: 325px;
    padding: 0 3.5%;
    text-align: center;
    background-position: 50% 50px;
    background-repeat: no-repeat
}

.login-area .login-individual>div strong {
    display: block;
    color: #3a3a4a;
    font-size: 21px;
    font-weight: 700
}

.login-area .login-individual>div .btn-area {
    font-size: 0
}

.login-area .login-individual div.first {
    border-right: 1px solid #e1e3e6;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sybtva_vaqvivqhny_vpba01.cat')
}

.login-area .login-individual div.first strong {
    padding: 0 0 160px
}

.login-area .login-individual div.first .cont {
    display: block
}

.login-area .login-individual div.first .btn-info {
    display: none
}

.login-area .login-individual div.first .btn-area {
    margin: 25px 0 0
}

.login-area .login-individual div.first .btn-area .button:first-child {
    margin: 0 10px 0 0
}

.login-area .login-individual div.login {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sybtva_vaqvivqhny_vpba02.cat')
}

.login-area .login-individual div.login strong {
    padding: 0 0 193px
}

.login-area .login-individual div.login .btn-area .button {
    display: block;
    width: 100%;
    margin: 10px 0 0
}

.login-area .login-individual div.login .btn-area .button:first-child {
    margin: 0
}

.login-area .certification-area {
    padding: 40px 5.5% 40px;
    background: #f6f6f6;
    display: none
}

.login-area .certification-area .security-number {
    text-align: center
}

.login-area .certification-area .security-number .input-area {
    display: inline-block;
    margin: 0 10px 0 20px
}

.login-area .certification-area .security-number .input-area .input-text {
    width: 160px;
    vertical-align: top
}

.login-area .certification-area .security-number .input-area .dash {
    margin: 0 5px
}

.login-area .certification-area .security-number .input-area .btn-keypad {
    margin: 0 0 0 5px
}

.login-area .certification-area .security-number .color-point {
    font-weight: 700;
    font-size: 16px
}

.login-area .certification-area.on {
    display: block
}

.login-area .login-workplace {
    overflow: hidden;
    padding: 50px 0;
    word-break: keep-all
}

.login-area .login-workplace p.paragraph {
    padding: 0 50px
}

.login-area .login-workplace ul {
    overflow: hidden;
    margin: 45px 0 0
}

.login-area .login-workplace ul li {
    float: left;
    width: 33.33%;
    padding: 0 50px;
    border-left: 1px solid #e1e3e6;
    text-align: center;
    background-position: 50% 100%;
    background-repeat: no-repeat
}

.login-area .login-workplace ul li:first-child {
    border: 0
}

.login-area .login-workplace ul li:nth-child(1) {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sybtva-jbexcynpr-vpba01.cat')
}

.login-area .login-workplace ul li:nth-child(2) {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sybtva-jbexcynpr-vpba02.cat')
}

.login-area .login-workplace ul li:nth-child(3) {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sybtva-jbexcynpr-vpba03.cat')
}

.login-area .login-workplace ul li [type='radio'] {
    position: absolute;
    left: 0;
    z-index: 0;
    opacity: 0
}

.login-area .login-workplace ul li label {
    height: 230px
}

.login-area .login-workplace ul li label strong {
    display: block;
    margin: 10px 0 3px;
    color: #3a3a4a;
    font-size: 21px;
    font-weight: 700
}

.login-area .login-workplace ul li label:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid #ddd;
    vertical-align: middle
}

.login-area .login-workplace ul li [type='radio']:checked+label:before {
    border: 1px solid #44465c;
    background: #44465c url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sot%2Sot-pux.cat) no-repeat 50% 50%
}

.login-area.workplace .certification-area {
    display: block;
    background: #f6f6f6
}

.login-area .certification-area .input-wrap {
    padding: 0 0 40px
}

.login-area .certification-area .input-wrap .row-table {
    max-width: 450px;
    margin: 0 auto
}

.login-area .certification-area .input-wrap .row-table th {
    padding: 16px 0 0;
    font-weight: 700;
    vertical-align: top
}

.login-area .certification-area .input-wrap .row-table td {
    padding: 6px 0 6px 20px
}

.login-area .certification-area .input-wrap .row-table td .input-text {
    padding: 0 10px
}

.login-area .certification-area .input-wrap .row-table td .bg-chk {
    margin: 7px 0 0;
    color: #6c6d73
}

.login-area .certification-area .input-wrap .row-table td .id-save-area {
    overflow: hidden;
    margin: 10px 0 20px
}

.login-area .certification-area .input-wrap .row-table td .id-save-area .bg-chk {
    float: left;
    margin: 0
}

.login-area .certification-area .input-wrap .row-table td .id-save-area span a {
    color: #3a3a4a;
    border-bottom: 1px solid #3a3a4a
}

.login-area .certification-area .input-wrap .btn-area {
    margin: 20px 0 0
}

.login-area .certification-area .text-link-area {
    padding: 40px 0 0;
    margin: 40px 0 0;
    border-top: 1px solid #e1e3e6;
    word-break: keep-all
}

.login-area .certification-area .text-link-area ul {
    overflow: hidden
}

.login-area .certification-area .text-link-area ul li {
    float: left;
    width: 50%
}

.login-area .certification-area .text-link-area ul li:nth-child(1) {
    padding: 0 10px 30px 0
}

.login-area .certification-area .text-link-area ul li:nth-child(2) {
    padding: 0 0 30px 30px;
    border-left: 1px dashed #e1e3e6;
    border-bottom: 1px dashed #e1e3e6
}

.login-area .certification-area .text-link-area ul li:nth-child(3) {
    padding: 30px 10px 0 0;
    border-top: 1px dashed #e1e3e6
}

.login-area .certification-area .text-link-area ul li:nth-child(4) {
    padding: 30px 0 0 30px;
    border-left: 1px dashed #e1e3e6
}

.login-area .certification-area .text-link-area ul li p {
    margin: 0 0 10px
}

@media only screen and (max-width:767px) {
    .total-login .gray-box.page-info {
        display: none
    }
    .login-area {
        border: 0
    }
    .login-area .login-individual {
        padding: 0
    }
    .login-area .login-individual>div {
        float: none;
        width: 100%;
        min-height: auto;
        padding: 0;
        border: 1px solid #e1e3e6;
        background-position: 50% 85px
    }
    .login-area .login-individual div.first {
        position: relative;
        padding: 30px 20px;
        margin: 40px 0;
        border: 1px solid #e1e3e6;
        border-radius: 10px 50px 0 0;
        background-image: none;
        text-align: left
    }
    .login-area .login-individual div.first strong {
        padding: 0
    }
    .login-area .login-individual div.first .btn-info {
        display: block;
        position: absolute;
        top: 30px;
        right: 20px;
        padding: 0 20px 0 0;
        background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-anil.cat) no-repeat 100% 50%;
        line-height: 30px
    }
    .login-area .login-individual div.first .cont {
        display: none;
        margin: 20px 0 0
    }
    .login-area .login-individual div.first .btn-area {
        text-align: center
    }
    .login-area .login-individual div.first .btn-area .button {
        width: 100%;
        height: 40px;
        line-height: 40px
    }
    .login-area .login-individual div.first .btn-area .button.btn-certificate {
        display: none
    }
    .login-area .login-individual div.login {
        padding: 30px 20px 40px;
        border-radius: 10px 50px 10px 10px
    }
    .login-area .login-individual div.login strong {
        padding: 0 0 165px
    }
    .login-area .login-individual div.first.on .btn-info {
        background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-anil-ba.cat) no-repeat 100% 50%
    }
    .login-area .login-individual div.first.on .cont {
        display: block
    }
    .login-area .certification-area {
        display: none;
        padding: 30px 20px 20px;
        background: #fff;
        border: 1px solid #e1e3e6;
        border-top: 0;
        border-radius: 0 0 10px 10px
    }
    .login-area .certification-area .security-number {
        padding: 0;
        text-align: left
    }
    .login-area .certification-area .security-number .input-area {
        display: block;
        margin: 15px 0 20px
    }
    .login-area .certification-area .security-number .input-area .input-text {
        width: calc(50% - 16px);
        vertical-align: middle
    }
    .login-area .certification-area .security-number .input-area .dash {
        display: inline-block;
        margin: 0;
        width: 25px;
        text-align: center
    }
    .login-area .certification-area .security-number .input-area .btn-keypad {
        display: none
    }
    .login-area .certification-area .security-number .color-point {
        font-weight: 700;
        font-size: 16px
    }
    .login-area .certification-area .security-number .button.navy {
        width: 100%
    }
    .login-text-cont {
        display: none
    }
    .login-area .login-workplace {
        padding: 30px 17px 15px;
        border: 1px solid #e1e3e6;
        border-radius: 10px 50px 0 0
    }
    .login-area .login-workplace p.paragraph {
        padding: 0 0 25px
    }
    .login-area .login-workplace ul {
        margin: 0;
        border-top: 1px solid #e1e3e6
    }
    .login-area .login-workplace ul li {
        float: none;
        width: 100%;
        padding: 0;
        border-top: 1px solid #e1e3e6;
        border-left: 0;
        font-size: 14px;
        text-align: left;
        background: none !important
    }
    .login-area .login-workplace ul li label {
        position: relative;
        width: 100%;
        height: auto;
        padding: 15px 0 15px 40px
    }
    .login-area .login-workplace ul li label strong {
        margin: 0 0 3px
    }
    .login-area .login-workplace ul li label:before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 20px;
        height: 20px;
        margin-top: -10px
    }
    .login-area .certification-area .input-wrap .row-table th {
        padding: 10px 0 0
    }
    .login-area .certification-area .input-wrap .row-table td {
        padding: 6px 0 6px
    }
    .login-area .certification-area .input-wrap .btn-area .button {
        width: 100%;
        margin: 15px 0 0
    }
    .login-area .certification-area .input-wrap .btn-area .button:first-child {
        margin: 0
    }
    .login-area .certification-area .text-link-area {
        padding: 0;
        margin: 0
    }
    .login-area .certification-area .text-link-area ul li {
        float: none;
        width: 100%;
        padding: 15px 0 !important;
        border-style: solid !important;
        border-width: 1px 0 0 !important;
        border-color: #e1e3e6
    }
    .login-area .certification-area .text-link-area ul li:nth-child(1) {
        border-top: 0 !important
    }
}

.join-workplace {
    overflow: hidden;
    border: 1px solid #e1e3e6;
    border-radius: 10px
}

.join-workplace ul {
    overflow: hidden;
    margin: 65px 0 75px 0
}

.join-workplace ul li {
    position: relative;
    float: left;
    width: 33.33%;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat
}

.join-workplace ul li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -115px;
    width: 1px;
    height: 230px;
    background-color: #e1e3e6
}

.join-workplace ul li:first-child:before {
    display: none
}

.join-workplace ul li:nth-child(1) {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Swbva-jbexcynpr-vpba01.cat')
}

.join-workplace ul li:nth-child(2) {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Swbva-jbexcynpr-vpba02.cat')
}

.join-workplace ul li:nth-child(3) {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Swbva-jbexcynpr-vpba03.cat')
}

.join-workplace ul li strong {
    display: block;
    color: #3a3a4a;
    font-size: 21px;
    font-weight: 700
}

.join-workplace ul li .button {
    margin-top: 200px
}

.find-id-pw {
    overflow: hidden;
    border: 1px solid #e1e3e6;
    border-radius: 10px
}

.find-id-pw ul {
    overflow: hidden;
    margin: 65px 0 75px 0
}

.find-id-pw ul li {
    position: relative;
    float: left;
    width: 50%;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat
}

.find-id-pw ul li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -115px;
    width: 1px;
    height: 230px;
    background-color: #e1e3e6
}

.find-id-pw ul li:first-child:before {
    display: none
}

.find-id-pw ul li:nth-child(1) {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sot%2Sot-svaq-vasb-01.cat')
}

.find-id-pw ul li:nth-child(2) {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sot%2Sot-svaq-vasb-02.cat')
}

.find-id-pw ul li strong {
    display: block;
    color: #3a3a4a;
    font-size: 21px;
    font-weight: 700
}

.find-id-pw ul li .button {
    margin-top: 200px
}

@media only screen and (max-width:767px) {
    .join-workplace ul {
        overflow: hidden;
        margin: 0 10px
    }
    .join-workplace ul li {
        float: none;
        width: 100%;
        min-height: auto;
        text-align: left;
        padding: 10px;
        background: none !important
    }
    .join-workplace ul li:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        margin-top: 0;
        width: 100%;
        height: 1px;
        background-color: #e1e3e6
    }
    .join-workplace ul li:first-child:before {
        display: none
    }
    .join-workplace ul li strong {
        display: inline-block;
        vertical-align: middle;
        color: #3a3a4a;
        font-size: 18px;
        line-height: 40px;
        font-weight: 700
    }
    .join-workplace ul li .button {
        float: right;
        margin-top: 0
    }
    .find-id-pw ul {
        overflow: hidden;
        margin: 0 10px
    }
    .find-id-pw ul li {
        float: none;
        width: 100%;
        min-height: auto;
        text-align: left;
        padding: 10px;
        background: none !important
    }
    .find-id-pw ul li:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        margin-top: 0;
        width: 100%;
        height: 1px;
        background-color: #e1e3e6
    }
    .find-id-pw ul li:first-child:before {
        display: none
    }
    .find-id-pw ul li strong {
        display: inline-block;
        vertical-align: middle;
        color: #3a3a4a;
        font-size: 18px;
        line-height: 40px;
        font-weight: 700
    }
    .find-id-pw ul li .button {
        float: right;
        margin-top: 0
    }
}

.part-site-area {
    position: relative;
    width: 100%;
    height: 313px
}

.part-site-area .text-position {
    position: absolute;
    bottom: 55px;
    left: 130px;
    width: 355px
}

.part-site-area .text-position .title {
    margin-bottom: 10px
}

.part-site-area .text-position .title strong {
    font-size: 18px;
    line-height: 24px;
    color: #3a3a4a;
    margin-left: 10px
}

@media only screen and (max-width:991px) {
    .part-site-area {
        overflow-x: scroll
    }
}

.app-qr-code {
    overflow: hidden;
    padding-left: 177px
}

.app-qr-code.android {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sdepbqr-gvg-naqebvq.cat') no-repeat left 23px center
}

.app-qr-code.ios {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sdepbqr-gvg-vbf.cat') no-repeat left 23px center
}

.app-qr-code.etc {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sdepbqr-gvg-rgp.cat') no-repeat left 23px center
}

.app-qr-code .qr-code-box {
    float: left;
    width: 182px;
    height: 185px;
    border-radius: 10px;
    border: 1px solid #e1e3e6;
    text-align: center;
    margin-left: 20px
}

.app-qr-code .qr-code-box a {
    display: block;
    padding-top: 25px
}

.app-qr-code .qr-code-box .qr {
    display: block;
    font-size: 0;
    line-height: 0
}

.app-qr-code .qr-code-box .txt {
    display: block;
    margin-top: 17px
}

@media only screen and (max-width:991px) {
    .app-qr-code {
        padding-left: 0;
        margin: -20px 0 0 -20px
    }
    .app-qr-code.android,
    .app-qr-code.ios,
    .app-qr-code.etc {
        background: 0
    }
    .app-qr-code .qr-code-box {
        margin-top: 20px
    }
}

.install-security-wrap {
    width: 900px;
    margin: 0 auto
}

.install-security-wrap .top-content {
    margin: 70px 0 50px 0;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sot%2Sot-vafgnyy-frphevgl.cat') no-repeat right bottom
}

.install-security-wrap .top-content .title {
    font-size: 32px;
    color: #3b3a4a;
    line-height:150%;
}

.install-security-wrap .top-content .txt {
    color: #3b3a4a;
    margin-top: 20px
}

.process-icon-step li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-left: 30px
}

.process-icon-step li:first-child {
    padding-left: 0
}

.process-icon-step li:before {
    content: '';
    position: absolute;
    top: 45px;
    left: 10px;
    width: 9px;
    height: 15px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-tenl-evtug.cat') no-repeat 0
}

.process-icon-step li:first-child:before {
    display: none
}

.process-icon-step li .txt {
    margin-top: 10px
}

.process-icon-step li .txt strong {
    display: block
}

.process-icon-step li .txt span {
    display: block
}

@media only screen and (max-width:991px) {
    .process-icon-step li:before {
        top: 25px
    }
    .process-icon-step li .img {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .process-icon-step li {
        display: block;
        padding-left: 0;
        padding-top: 20px
    }
    .process-icon-step li:first-child {
        padding-top: 0
    }
    .process-icon-step li:before {
        top: 6px;
        left: 50%;
        margin-left: -7px;
        transform: rotate(90deg)
    }
    .process-icon-step li .txt strong {
        display: inline-block
    }
    .process-icon-step li .txt span {
        display: inline-block;
        margin-left: 5px
    }
}

.device-size-img {
    width: 330px;
    display: inline-block;
    vertical-align: top
}

.device-size-text {
    width: 440px;
    display: inline-block;
    vertical-align: top;
    margin-left: 50px
}

.device-size-text .title {
    width: 210px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    text-align: left;
    padding: 0 20px;
    margin: 15px 0 10px 0;
    border-radius: 10px;
    background-color: #73758e
}

.device-icon-list {
    text-align: center
}

.device-icon-list li {
    width: 33%;
    display: inline-block;
    vertical-align: top
}

.device-icon-list li span {
    display: block;
    margin-top: 5px
}

@media only screen and (max-width:991px) {
    .device-size-img {
        width: 100%;
        display: block;
        vertical-align: top
    }
    .device-size-text {
        width: 100%;
        display: block;
        vertical-align: top;
        margin: 20px 0 0 0
    }
}

@media only screen and (max-width:767px) {
    .device-icon-list {
        text-align: left
    }
    .device-icon-list li {
        width: 100%;
        display: block;
        vertical-align: top;
        margin: 10px 0 0 0
    }
    .device-icon-list li:first-child {
        margin: 0
    }
    .device-icon-list li img {
        display: inline-block;
        vertical-align: middle
    }
    .device-icon-list li span {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 0 10px
    }
}

.device-explan {
    border-top: 2px solid #44465c
}

.device-explan .img-txt-wrap {
    padding: 25px 0;
    border-bottom: 1px solid #e1e3e6
}

.customer-center-wrap ul:after {
    display: block;
    clear: both;
    content: ''
}

.customer-center-wrap ul li {
    float: left;
    margin: 0 15px 15px 0;
    width: calc(33.33% - 10px);
    height: 202px;
    text-align: center;
    box-sizing: border-box
}

.customer-center-wrap ul li a {
    display: block;
    height: 100%;
    padding: 15px 5px;
    border: 1px solid #e1e3e6;
    border-radius: 10px
}

.customer-center-wrap ul li:nth-child(3n) {
    float: right;
    margin-right: 0;
    width: calc(33.34% - 10px)
}

.customer-center-wrap ul li:nth-child(1) a {
    border-radius: 50px 10px 10px 10px
}

.customer-center-wrap ul li:nth-child(3) a {
    border-radius: 10px 50px 10px 10px
}

.customer-center-wrap ul li:nth-child(7) a {
    border-radius: 10px 10px 10px 50px
}

.customer-center-wrap ul li:nth-child(9) a {
    border-radius: 10px 10px 50px 10px
}

.customer-center-wrap ul li a:hover,
.customer-center-wrap ul li a:focus {
    background-color: #f6f6f6
}

.customer-center-wrap ul li .tit {
    margin: 10px auto 5px;
    font-size: 16px;
    font-weight: 700;
    color: #3a3a4a
}

.customer-center-wrap ul li .tit span {
    display: block
}

.customer-center-calling-focus {
    overflow: hidden
}

.customer-center-calling-focus>div {
    position: relative;
    min-height: 490px;
    padding-bottom: 320px
}

.customer-center-calling-focus .left {
    float: left;
    width: calc(50% - 15px)
}

.customer-center-calling-focus .right {
    float: right;
    width: calc(50% - 15px)
}

.customer-center-calling-focus .contents-box {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 300px;
    text-align: center;
    border: 1px solid #e1e3e6;
    border-radius: 8px
}

.customer-center-calling-focus .contents-box img {
    display: block;
    margin: 25px auto;
    vertical-align: middle
}

.customer-center-calling-focus .right .contents-box img {
    margin: 60px auto
}

.organization-wrap {
    overflow-x: auto;
    width: 100%
}

.history-list {
    overflow: hidden;
    display: block
}

.history-list>ul>li {
    position: relative;
    width: 100%;
    padding-left: 80px;
    margin-bottom: 20px
}

.history-list>ul>li em.tagset {
    position: absolute;
    left: 0;
    top: 0
}

.history-list>ul>li .list-text strong {
    display: inline-block;
    width: 80px
}

.foreigner-consulting {
    position: relative;
    margin: 0 auto;
    width: 800px;
    height: 720px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-jounmr01300.cat') left 290px top 100px no-repeat
}

.foreigner-consulting .block-first {
    position: absolute;
    left: 0;
    top: 100px
}

.foreigner-consulting .top-block {
    padding: 10px;
    width: 210px;
    border: 1px solid #e1e3e6;
    border-radius: 5px;
    text-align: center;
    margin: 0 auto
}

.foreigner-consulting .block {
    position: absolute;
    right: 0;
    width: 210px;
    padding: 10px;
    text-align: center;
    border: 1px solid #e1e3e6;
    border-radius: 15px
}

.foreigner-consulting .block img {
    margin: 0 auto
}

.foreigner-consulting .block.block-2 {
    top: 20px
}

.foreigner-consulting .block.block-3 {
    top: 220px
}

.foreigner-consulting .block.block-4 {
    top: 400px
}

.foreigner-consulting .block.block-5 {
    top: 580px
}

.foreigner-consulting p {
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    color: #3a3a4a;
    font-weight: 700
}

.foreigner-consulting .bot-block {
    text-align: center;
    width: 335px;
    margin: 15px auto 0
}

.foreigner-consulting .bot-block:after {
    display: block;
    content: '';
    clear: both
}

.foreigner-consulting .bot-block .b-block {
    float: left;
    width: 160px;
    height: 210px;
    border-radius: 5px
}

.foreigner-consulting .bot-block .b-block.right {
    float: right
}

.foreigner-consulting .bot-block .b-block dl dt {
    line-height: 48px;
    color: #fff;
    background-color: #44465c;
    border-radius: 5px 5px 0 0
}

.foreigner-consulting .bot-block .b-block dl dt span {
    display: block;
    color: #fff
}

.foreigner-consulting .bot-block .b-block dl dt span em {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 18px;
    font-size: 11px;
    text-align: center;
    color: #44465c;
    background-color: #fff;
    border-radius: 50%;
    vertical-align: middle;
    font-weight: bold
}

.foreigner-consulting .bot-block .b-block dl dd {
    width: 100%;
    height: 190px;
    padding: 25px;
    border: 1px solid #e1e3e6;
    border-radius: 0 0 5px 5px;
    text-align: left
}

.foreigner-consulting .bot-block .b-block dl dd ul li.point {
    padding-bottom: 5px;
    color: #ee0700;
    font-weight: 700
}

@media only screen and (max-width:810px) {
    .foreigner-consulting {
        width: 100%;
        padding: 20px;
        height: auto;
        background: 0
    }
    .foreigner-consulting .block-first {
        position: relative;
        left: 0;
        top: 0
    }
    .foreigner-consulting .top-block {
        padding: 10px;
        width: 100%
    }
    .foreigner-consulting .block {
        display: none
    }
    .foreigner-consulting p {
        margin-top: 10px;
        text-align: center;
        font-size: 16px;
        color: #3a3a4a;
        font-weight: 700
    }
    .foreigner-consulting .bot-block {
        display: block;
        width: 100%
    }
    .foreigner-consulting .bot-block .b-block {
        float: none;
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 15px
    }
    .foreigner-consulting .bot-block .b-block dl dd {
        width: 100%;
        height: auto
    }
}

@media only screen and (max-width:767px) {
    .customer-center-wrap ul li {
        position: relative;
        width: 100% !important;
        height: auto;
        padding: 20px 20px 20px 130px;
        text-align: left;
        border-radius: 10px !important
    }
    .customer-center-wrap ul li:nth-child(1) a,
    .customer-center-wrap ul li:nth-child(3) a,
    .customer-center-wrap ul li:nth-child(7) a,
    .customer-center-wrap ul li:nth-child(9) a {
        border-radius: 10px
    }
    .customer-center-wrap ul li a {
        padding: 5px 15px 10px
    }
    .customer-center-wrap ul li a img {
        display: inline-block;
        position: absolute;
        left: 15px;
        top: 25px;
        width: 85px;
        vertical-align: middle
    }
    .customer-center-wrap ul li a .txt-wrap {
        display: inline-block;
        vertical-align: middle
    }
    .customer-center-wrap ul li .tit {
        font-size: 15px
    }
    .customer-center-calling-focus>div {
        width: 100% !important;
        min-height: auto !important;
        float: none !important;
        padding-bottom: 0
    }
    .customer-center-calling-focus .contents-box {
        position: relative;
        margin-top: 20px
    }
}

@media only screen and (max-width:375px) {
    .customer-center-wrap ul li {
        height: auto;
        min-height: 120px;
        padding: 20px 20px 20px 110px
    }
    .customer-center-wrap ul li a img {
        width: 75px
    }
}

.banner-list-2 ul {
    overflow: hidden
}

.banner-list-2 ul li {
    float: left;
    position: relative;
    width: 32%;
    margin: 0 0 0 2%;
    border: 1px solid #e2e3e7;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: 30px 50%
}

.banner-list-2 ul li:first-child {
    margin: 0 !important
}

.banner-list-2 ul li>a {
    display: block;
    position: relative;
    min-height: 99px
}

.banner-list-2 ul li>a p {
    position: absolute;
    top: 50%;
    left: 85px;
    color: #43435b;
    font-size: 16px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.banner-list-2 ul li>a p span {
    display: block
}

.banner-list-2 ul li::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 25px;
    width: 8px;
    height: 15px;
    margin-top: -7.5px;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-fgrc-2.cat) no-repeat
}

.banner-list-2 .iconset {
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.window-popup .banner-list-2 ul li {
    width: 31%;
    margin: 0 0 0 3.5%
}

.banner-list-2.only-text ul li>a {
    min-height: 90px
}

.banner-list-2.only-text ul li>a p {
    left: 8%
}

.banner-list-2.only-text ul li>a p span {
    font-size: 14px
}

.banner-list-2.only-text.h70 ul li>a {
    min-height: 70px
}

.banner-list-2 .box {
    display: block;
    position: relative;
    min-height: 99px;
    width: 33%;
    max-width: 295px;
    border: 1px solid #e2e3e7;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: 30px 50%
}

.banner-list-2 .box.h90px {
    min-height: 90px
}

.banner-list-2 .box p {
    position: absolute;
    top: 50%;
    left: 100px;
    color: #43435b;
    font-size: 16px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.banner-list-2 .box p span {
    display: block
}

.banner-list-2 .box::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 25px;
    width: 8px;
    height: 15px;
    margin-top: -7.5px;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-fgrc-2.cat) no-repeat
}

.banner-list-2 .box.center {
    margin: 0 auto
}

.banner-list-2.law .box {
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-fho-qbphzrag4.cat)
}

.pop-online-help .banner-list-2 ul li:nth-child(1) {
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-fho-urycre.cat)
}

.pop-online-help .banner-list-2 ul li:nth-child(2) {
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-fho-qbphzrag.cat)
}

.pop-online-help .banner-list-2 ul li:nth-child(3) {
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-fho-thvqr.cat)
}

@media only screen and (max-width:820px) {
    .banner-list-2.only-text ul li>a p {
        left: 3%
    }
}

@media only screen and (max-width:767px) {
    .banner-list-2 ul li {
        float: none;
        width: 100%;
        margin: 20px 0 0;
        background-position: 25px 50%
    }
    .banner-list-2 ul li>a {
        min-height: 85px
    }
    .banner-list-2 ul li>a p {
        left: 100px;
        font-size: 15px
    }
    .banner-list-2 ul li::after {
        right: 20px
    }
    .banner-list-2 .iconset {
        left: 25px
    }
    .window-popup .banner-list-2 ul li {
        width: 100%;
        margin: 20px 0 0
    }
    .banner-list-2 .box {
        float: none;
        width: 100%;
        min-height: 85px;
        margin: 20px 0 0;
        background-position: 25px 50%
    }
    .banner-list-2 .box.h90px {
        min-height: 85px
    }
    .banner-list-2 .box p {
        left: 85px;
        font-size: 15px
    }
    .banner-list-2 .box p span {
        display: inline
    }
    .banner-list-2 .box::after {
        right: 20px
    }
    .banner-list-2.law .box {
        background-position: 20px 50%
    }
    .pop-online-help .banner-list-2 ul li:nth-child(1) {
        background-position: 20px 50%
    }
}

@media only screen and (max-width:400px) {
    .banner-list-2 ul li {
        background-position: 20px 50%
    }
    .banner-list-2 ul li>a p {
        left: 80px;
        font-size: 14px
    }
    .banner-list-2 ul li::after {
        right: 15px
    }
    .pop-online-help .banner-list-2 ul li:nth-child(1) {
        background-position: 15px 50%
    }
}

.accredited-certificate-ok {
    border: 1px solid #e1e3e6;
    border-radius: 10px 50px 10px 10px;
    word-break: keep-all
}

.accredited-certificate-ok .text {
    padding: 55px 0 40px;
    text-align: center
}

.accredited-certificate-ok .text span {
    color: #3a3a4a;
    font-size: 21px;
    font-weight: 700
}

.accredited-certificate-ok .text span strong {
    color: #d7021b
}

.accredited-certificate-ok .text p {
    margin: 10px 0 0
}

.accredited-certificate-ok .gray-box {
    position: relative;
    min-height: 265px;
    padding: 60px 0 60px 55%;
    background: #f6f6f6 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-npperqvgrq-pregvsvpngr-bx.cat) no-repeat 30% 60px
}

.accredited-certificate-ok .gray-box::after {
    content: '';
    display: block;
    position: absolute;
    top: 60px;
    left: 50%;
    width: 1px;
    height: 145px;
    background: #e2e3e7
}

.accredited-certificate-ok .gray-box .depth-2 {
    padding-left: 37px;
    line-height: 29px;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-ohyyrg-ovt.cat) no-repeat
}

.accredited-certificate-ok .gray-box .round-num {
    margin-left: 4px
}

@media only screen and (max-width:767px) {
    .accredited-certificate-ok {
        border-radius: 8px 40px 8px 8px
    }
    .accredited-certificate-ok .text {
        padding: 40px 0 30px
    }
    .accredited-certificate-ok .text span {
        font-size: 19px
    }
    .accredited-certificate-ok .text p {
        margin: 7px 0 0
    }
    .accredited-certificate-ok .gray-box {
        min-height: auto;
        padding: 40px 0 40px 250px;
        background: #f6f6f6 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-npperqvgrq-pregvsvpngr-bx.cat) no-repeat 40px 45px;
        background-size: 150px
    }
    .accredited-certificate-ok .gray-box::after {
        display: none
    }
}

@media only screen and (max-width:550px) {
    .accredited-certificate-ok .gray-box {
        padding: 30px 20px 30px;
        background: #f6f6f6
    }
}

.my-menu-list {
    overflow: hidden;
    margin: -2.33% 0 0 -2.33%
}

.my-menu-list .box {
    position: relative;
    float: left;
    width: 31%;
    height: 250px;
    padding: 25px 25px 55px 25px;
    margin: 2.33% 0 0 2.33%;
    border: 1px solid #e1e3e6;
    border-radius: 5px;
    text-align: right
}

.my-menu-list .box .tit {
    display: block;
    min-height: 50px;
    color: #3a3a4a;
    font-size: 19px;
    font-weight: 700;
    line-height: 28px;
    text-align: left
}

.my-menu-list .box .tit:hover {
    text-decoration: underline
}

.my-menu-list .box p {
    min-height: 92px;
    padding: 10px;
    margin: 20px 0 0;
    background: #f6f6f6;
    line-height: 24px;
    text-align: left
}

.my-menu-list .box .btn-setting {
    position: absolute;
    bottom: 23px;
    right: 25px
}

.my-menu-list .box.setting {
    padding: 0;
    background: #f6f6f6;
    text-align: center
}

.my-menu-list .box.setting a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 90px 0 0
}

.my-menu-list .box.setting a span::before {
    content: '';
    display: block;
    width: 44px;
    height: 44px;
    margin: 0 auto 10px;
    border-radius: 50%;
    background: #ccc url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-nqq.cat) no-repeat 50% 50%
}

.topic-list {
    font-size: 0
}

.topic-list ul {
    margin: -10px 0 0 -10px
}

.topic-list ul li {
    display: inline-block;
    margin: 10px 0 0 10px;
    border: 1px solid #f6f6f6;
    background: #f6f6f6;
    border-radius: 5px;
    font-size: 15px;
    line-height: 40px;
    cursor: pointer
}

.topic-list ul li a {
    display: block;
    padding: 0 15px;
    font-size: 15px
}

.topic-list ul li.curr {
    border: 1px solid #e1e3e6;
    background: #fff
}

.menu-location-select {
    overflow: hidden
}

.menu-location-select .box {
    overflow-y: scroll;
    float: left;
    width: 22.75%;
    height: 275px;
    margin: 0 0 0 3%;
    border: 1px solid #ccc
}

.menu-location-select .box:first-child {
    margin: 0
}

.menu-location-select .box ul li {
    padding: 9px 15px;
    color: #3a3a4a;
    word-break: break-word;
    line-height: 1.4;
    cursor: pointer
}

.menu-location-select .box ul li:hover,
.menu-location-select .box ul li.curr {
    background: #f6f6f6
}

.menu-location {
    padding: 10px 30px;
    border: 1px solid #e2e3e7
}

.menu-location ul li {
    position: relative;
    padding: 10px 40px 10px 0;
    border-top: 1px solid #e2e3e7
}

.menu-location ul li span {
    color: #3a3a4a
}

.menu-location ul li:first-child {
    border: 0
}

.menu-location ul li .button {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 43px;
    text-align: right
}

@media only screen and (max-width:900px) {
    .my-menu-list .box {
        height: 275px
    }
    .my-menu-list .box p {
        min-height: 116px;
        font-size: 14px
    }
}

@media only screen and (max-width:767px) {
    .my-menu-list {
        margin: -2% 0 0 -2%
    }
    .my-menu-list .box {
        width: 48%;
        height: 235px;
        margin: 2% 0 0 2%
    }
    .my-menu-list .box .tit {
        min-height: 35px;
        font-size: 16px;
        line-height: 20px
    }
    .my-menu-list .box p {
        min-height: 92px
    }
    .my-menu-list .box .btn-setting {
        bottom: 15px
    }
    .topic-list ul {
        margin: -7px 0 0 -7px
    }
    .topic-list ul li {
        margin: 7px 0 0 7px
    }
    .topic-list ul li a {
        font-size: 14px;
        line-height: 35px
    }
    .menu-location-select .box {
        float: none;
        width: 100%;
        height: 120px;
        margin: 15px 0 0
    }
    .menu-location-select .box ul li {
        padding: 5px 10px;
        line-height: 1.2
    }
    .menu-location {
        padding: 7px 20px
    }
    .menu-location ul li {
        padding: 10px 35px 10px 0;
        word-break: keep-all
    }
}

@media only screen and (max-width:570px) {
    .my-menu-list {
        margin: 0
    }
    .my-menu-list .box {
        width: 100%;
        height: 220px;
        padding: 15px 15px 40px 15px;
        margin: 15px 0 0
    }
    .my-menu-list .box:first-child {
        margin: 0
    }
    .my-menu-list .box p {
        margin: 15px 0 0
    }
    .topic-list ul li a {
        padding: 0 10px
    }
}

.certification-letter {
    overflow: hidden;
    display: table;
    width: 100%;
    padding: 0 90px
}

.certification-letter>div {
    display: table-cell;
    vertical-align: middle;
    height: 195px
}

.certification-letter .certification-pc {
    width: 130px
}

.certification-letter .certification-mb {
    width: 140px
}

.certification-letter .certi-txt {
    text-align: center
}

.certification-letter .certi-txt span {
    position: relative;
    display: block;
    font-size: 16px;
    color: #6c6d73
}

.certification-letter .certi-txt .pc-to-mb:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -86px;
    width: 172px;
    height: 4px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-unys-evtug.cat') no-repeat 0
}

.certification-letter .certi-txt .mb-to-pc {
    margin-top: 25px
}

.certification-letter .certi-txt .mb-to-pc:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -86px;
    width: 172px;
    height: 4px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-unys-yrsg.cat') no-repeat 0
}

@media only screen and (max-width:767px) {
    .certification-letter {
        padding: 0
    }
    .certification-letter>div {
        display: block;
        height: auto
    }
    .certification-letter .certification-pc {
        width: 100%;
        text-align: center;
        padding-right: 30px
    }
    .certification-letter .certification-mb {
        width: 100%;
        text-align: center
    }
    .certification-letter .certification-mb.resp-img {
        max-width: none;
        width: 127px;
        margin: 0 auto;
        padding-right: 30px
    }
    .certification-letter .certification-mb.resp-img img {
        width: 100% !important
    }
    .certification-letter .certi-txt {
        text-align: center;
        padding: 40px 0
    }
    .certification-letter .certi-txt span {
        display: inline-block;
        vertical-align: middle
    }
    .certification-letter .certi-txt span em {
        display: block
    }
    .certification-letter .certi-txt .pc-to-mb {
        padding-right: 30px
    }
    .certification-letter .certi-txt .pc-to-mb:before {
        content: '';
        position: absolute;
        bottom: 50%;
        left: 30px;
        margin-left: 0;
        width: 90px;
        transform: rotate(-90deg);
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-unys-evtug.cat') no-repeat right top
    }
    .certification-letter .certi-txt .mb-to-pc {
        margin-top: 0;
        padding-left: 30px
    }
    .certification-letter .certi-txt .mb-to-pc:before {
        content: '';
        position: absolute;
        bottom: 50%;
        left: -30px;
        margin-left: 0;
        width: 90px;
        transform: rotate(-90deg);
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-unys-yrsg.cat') no-repeat 0
    }
}

.viewer_area {
    overflow: hidden
}

.viewer_area ul {
    margin-top: -25px;
    margin-left: -40px
}

.viewer_area li {
    float: left;
    width: 195px;
    height: 98px;
    margin: 25px 0 0 40px;
    border: 1px solid #e1e3e6
}

.viewer_area li a {
    display: block;
    width: 100%;
    height: 55px;
    text-align: center
}

.viewer_area li a img {
    margin-top: 15px
}

.viewer_area li .name {
    display: block;
    width: 100%;
    padding-top: 10px;
    text-align: center;
    border-top: 1px dashed #e1e3e6
}

@media only screen and (max-width:767px) {
    .viewer_area ul {
        margin-left: 0
    }
    .viewer_area li {
        float: none;
        display: block;
        width: 100%;
        margin: 25px 0 0 0;
        text-align: center
    }
}

.certification-down-list ul li {
    width: 100%;
    padding: 15px;
    border-top: 1px solid #e2e3e7
}

.certification-down-list ul li:first-child {
    border-top: 0;
    padding-top: 0
}

.certification-down-list ul li:last-child {
    padding-bottom: 0
}

.certification-down-list ul li .title {
    display: inline-block;
    width: 180px;
    line-height: 32px
}

.certification-down-list ul li .right-area {
    float: right
}

.certification-down-list.v1 ul li .title {
    width: auto
}

.company-link-area {
    overflow: hidden;
    border-left: 1px solid #e1e3e6;
    border-bottom: 1px solid #e1e3e6
}

.company-link-area ul li {
    float: left;
    width: 33.3%;
    border-top: 1px solid #e1e3e6;
    border-right: 1px solid #e1e3e6
}

.company-link-area ul li a {
    display: block;
    text-align: center;
    padding: 32px 0
}

.company-link-area ul li .txt {
    display: block;
    text-align: center;
    padding: 12px 0;
    border-top: 1px solid #e1e3e6;
    background-color: #f6f6f6
}

@media only screen and (max-width:767px) {
    .certification-down-list ul li {
        padding: 10px
    }
    .certification-down-list ul li .title {
        display: block;
        width: 100%;
        line-height: 1.2;
        margin-bottom: 7px
    }
    .certification-down-list ul li .right-area {
        float: none;
        display: block;
        width: 100%;
        margin-top: 10px
    }
    .company-link-area {
        overflow: hidden;
        border-left: 1px solid #e1e3e6;
        border-bottom: 1px solid #e1e3e6
    }
    .company-link-area ul li {
        float: none;
        width: 100%;
        border-top: 1px solid #e1e3e6;
        border-right: 1px solid #e1e3e6
    }
    .company-link-area ul li a {
        display: block;
        text-align: center;
        padding: 10px 0
    }
    .company-link-area ul li .txt {
        display: block;
        text-align: center;
        padding: 5px 0;
        border-top: 1px solid #e1e3e6;
        background-color: #f6f6f6
    }
}

.medical-request {
    border: 1px solid #e1e3e6
}

.medical-request .tit-area {
    padding: 15px 39px;
    color: #fff;
    background-color: #58606b
}

.medical-request .tit-area .tool-tip {
    margin: 3px 0 0 2px
}

.medical-request .tit-area .float-r {
    display: inline-block;
    margin-left: 15px
}

.medical-request .cont-area {
    padding: 30px 39px
}

.medical-request .cont-area .help-text {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e1e3e6
}

.medical-request .cont-area .list li {
    padding: 20px 0;
    border-top: 1px solid #e1e3e6
}

.medical-request .cont-area .list li:first-child {
    padding-top: 0;
    border-top: 0
}

.medical-request .cont-area .list li:last-child {
    padding-bottom: 0
}

.medical-request .cont-area .list li .tit {
    color: #3a3a4a;
    font-weight: 700
}

.medical-request .cont-area .list li .tit .color-normal {
    display: block;
    padding: 5px 0 0 0;
    font-weight: 400
}

.medical-request .cont-area .list li .cont>p {
    padding: 15px 0 0 0;
    color: #3a3a4a;
    font-weight: 700
}

.medical-request .cont-area .list li .cont .label-group {
    margin-top: 10px
}

.medical-request .cont-area .list li .cont .input-text {
    height: 32px;
    line-height: 32px;
    margin: 0 5px
}

.medical-request .cont-area .list.v1 li {
    padding: 15px 0
}

.medical-request .cont-area .list.v1 li .cont .label-group {
    margin-top: 0
}

.health-icon-wrap p {
    margin-top: 12px;
    line-height: 28px
}

.health-icon-wrap p:first-child {
    margin-top: 0
}

.health-icon-wrap p strong {
    color: #3a3a4a
}

.health-icon-wrap p a {
    display: inline-block;
    margin-right: 10px
}

@media only screen and (max-width:991px) {
    .medical-request .bg-chk label:before {
        top: 12px
    }
    .medical-request .cont-area {
        padding: 10px 14px
    }
    .medical-request .cont-area.pd30 {
        padding: 14px !important
    }
    .medical-request .cont-area .list li:first-child {
        padding-top: 10px
    }
    .medical-request .cont-area .list li:last-child {
        padding-bottom: 10px
    }
    .medical-request .cont-area .list li .cont span {
        display: inline-block
    }
    .medical-request .cont-area .list li .cont span.mr30 {
        margin-right: 0 !important
    }
    .medical-request .cont-area .list li .cont span+span {
        margin-top: 10px;
        margin-left: 0 !important
    }
    .medical-request .cont-area .list li .cont span.bg-chk {
        display: block;
        width: 100% !important;
        margin-top: 0 !important
    }
    .medical-request .cont-area .list li .cont p.inline-block.w50px {
        width: 45px !important
    }
    .medical-request .cont-area .list li .cont .input-text.ml20 {
        margin-bottom: 5px;
        margin-left: 53px !important
    }
    .medical-request .cont-area .list li .cont .input-text.mr30 {
        margin-right: 5px !important
    }
    .medical-request .cont-area .list li .cont .input-text.w100px {
        width: 60px !important
    }
    .medical-request .cont-area .list li .cont .input-text.w200px {
        width: 60px !important
    }
    .medical-request .cont-area .list li .cont .input-text.w300px {
        width: 60px !important
    }
    .medical-request .cont-area .list li .cont .bg-chk+.input-text {
        margin-left: 0
    }
    .medical-request .cont-area .list li .cont .input-text+.bg-chk {
        margin-top: 5px !important
    }
    .medical-request .cont-area .list li .cont .inline-block .bg-chk {
        display: inline-block;
        width: auto !important
    }
}

@media only screen and (max-width:767px) {
    .medical-request .tit-area {
        padding: 15px
    }
}

.medical-diagnosis {
    border: 1px solid #e1e3e6
}

.medical-diagnosis .tit-area {
    padding: 15px 39px;
    color: #fff;
    background-color: #58606b
}

.medical-diagnosis .tit-area .tool-tip {
    margin: 3px 0 0 2px
}

.medical-diagnosis .cont-area {
    padding: 30px 39px
}

.medical-diagnosis .cont-area .help-text {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e1e3e6
}

.medical-diagnosis .cont-area .list>li {
    padding: 20px 0
}

.medical-diagnosis .cont-area .list>li:first-child {
    padding-top: 0;
    border-top: 0
}

.medical-diagnosis .cont-area .list>li:last-child {
    padding-bottom: 0
}

.medical-diagnosis .cont-area .list>li .tit {
    color: #3a3a4a;
    font-weight: 700
}

.medical-diagnosis .cont-area .list>li .tit .color-normal {
    display: block;
    padding: 5px 0 0 0;
    font-weight: 400
}

.medical-diagnosis .cont-area .list>li .s-tit {
    display: block;
    margin: 0;
    padding: 0 0 5px 0;
    color: #3a3a4a;
    font-weight: 700
}

.medical-diagnosis .cont-area .list>li .xs-tit {
    display: block;
    position: relative;
    margin: 0;
    padding: 0 0 5px 10px;
    color: #3a3a4a;
    font-weight: 400
}

.medical-diagnosis .cont-area .list>li .xs-tit:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 1px;
    background-color: #44465c
}

.medical-diagnosis .cont-area .list>li .cont {
    margin-top: 19px;
    padding: 19px;
    border: 1px solid #e1e3e6;
    border-radius:12px;
}

.medical-diagnosis .cont-area .list>li .cont .input-text {
    height: 32px;
    line-height: 32px;
    margin: 0 3px
}

.medical-diagnosis .cont-area .list>li .cont .mobile-block {
    vertical-align: middle
}

.medical-diagnosis .cont-area .list>li .cont>.mobile-block+.mobile-block {
    margin-left: 20px
}

.medical-diagnosis .cont-area .list>li .cont .mobile-block .bg-chk {
    margin: 0;
    line-height: 32px
}

.medical-diagnosis .cont-area .list>li .cont .mobile-block .bg-chk label {
    padding-top: 0;
    line-height: 32px
}

.medical-diagnosis .cont-area .list>li .cont .mobile-block.v1 .bg-chk {
    margin-right: 30px
}

.medical-diagnosis .cont-area .list>li .cont .mobile-block.v1 .bg-chk:last-child {
    margin-right: 0
}

.medical-diagnosis .cont-area .inner-list>li {
    padding: 10px 0;
    border-top: 1px solid #e1e3e6
}

.medical-diagnosis .cont-area .inner-list>li:first-child {
    padding-top: 0;
    border-top: 0
}

.medical-diagnosis .cont-area .inner-list>li:last-child {
    padding-bottom: 0
}

.medical-diagnosis .cont-area .inner-list>li .s-cont>.mobile-block+.mobile-block {
    margin-left: 20px
}

.medical-diagnosis .cont-area .inner-list>li .s-cont+.xs-tit {
    margin-top: 20px
}

@media only screen and (max-width:767px) {
    .medical-diagnosis .tit-area {
        padding: 15px
    }
    .medical-diagnosis .cont-area {
        padding: 20px 10px
    }
    .medical-diagnosis .cont-area .list>li .cont {
        padding: 10px
    }
    .medical-diagnosis .cont-area .list>li .cont .label-group .bg-chk {
        display: block;
        margin: 0
    }
    .medical-diagnosis .cont-area .list>li .cont .label-group.col-1 .bg-chk {
        width: 100%;
        margin-right: 0
    }
    .medical-diagnosis .cont-area .list>li .cont .label-group.col-2 .bg-chk {
        width: 100%;
        margin-right: 0
    }
    .medical-diagnosis .cont-area .list>li .cont .label-group.col-3 .bg-chk {
        width: 100%;
        margin-right: 0
    }
    .medical-diagnosis .cont-area .list>li .cont .label-group.col-4 .bg-chk {
        width: 100%;
        margin-right: 0
    }
    .medical-diagnosis .cont-area .list>li .cont .label-group.col-5 .bg-chk {
        width: 100%;
        margin-right: 0
    }
    .medical-diagnosis .cont-area .list>li .cont .mobile-block.v1 .bg-chk {
        margin-right: 10px
    }
    .medical-diagnosis .cont-area .list>li .cont>.mobile-block+.mobile-block {
        margin-top: 5px;
        margin-left: 0
    }
    .medical-diagnosis .cont-area .list>li .cont .input-text {
        padding: 0 3px
    }
    .medical-diagnosis .cont-area .list>li .cont .input-text.w60px {
        width: 35px !important
    }
    .medical-diagnosis .cont-area .list>li .cont .input-text.w80px {
        width: 50px !important
    }
    .medical-diagnosis .cont-area .list>li .cont .input-text.w100px {
        width: 60px !important
    }
    .medical-diagnosis .cont-area .list>li .cont .input-text.w200px {
        width: 100px !important
    }
    .medical-diagnosis .cont-area .inner-list>li .s-cont>.mobile-block+.mobile-block {
        margin-top: 5px;
        margin-left: 0
    }
}

.symptom-selfcheck {
    border: 1px solid #e1e3e6;
    margin-top: 40px
}

.symptom-selfcheck .tit-area {
    padding: 15px 39px;
    color: #fff;
    background-color: #58606b
}

.symptom-selfcheck .tit-area .tool-tip {
    margin: 3px 0 0 2px
}

.symptom-selfcheck .cont-area {
    padding: 30px 39px
}

.symptom-selfcheck .cont-area .help-text {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e1e3e6
}

.symptom-selfcheck .cont-area .help-text.bd-no {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.symptom-selfcheck .cont-area .list>li {
    padding: 20px 0
}

.symptom-selfcheck .cont-area .list>li:first-child {
    padding-top: 0;
    border-top: 0
}

.symptom-selfcheck .cont-area .list>li:last-child {
    padding-bottom: 0
}

.symptom-selfcheck .cont-area .list>li .tit {
    color: #3a3a4a;
    font-weight: 700
}

.symptom-selfcheck .cont-area .list>li .tit .color-normal {
    display: block;
    padding: 5px 0 0 0;
    font-weight: 400
}

.symptom-selfcheck .cont-area .list>li .cont {
    border: 1px solid #e1e3e6;
    margin-top: 10px;
    padding: 15px
}

.symptom-selfcheck .cont-area .list>li .cont.no-border {
    border: 0;
    margin-top: 0;
    padding: 0
}

.symptom-selfcheck .cont-area .list>li .cont .label-group {
    margin: 0
}

.symptom-selfcheck .cont-area .list>li .cont .input-text {
    height: 32px;
    line-height: 32px;
    margin: 0 5px
}

.symptom-selfcheck .cont-area .list.v1>li {
    padding: 15px 0
}

.symptom-selfcheck .cont-area .list.v1>li .cont .label-group {
    margin-top: 0
}

.symptom-evaluation {
    border-top: 2px solid #44465c
}

.symptom-evaluation>ul>li {
    padding: 30px 25px;
    border-bottom: 1px solid #e1e3e6
}

.symptom-evaluation>ul>li:last-child {
    border-bottom: 1px solid #bec2c8
}

@media only screen and (max-width:991px) {
    .symptom-selfcheck .bg-chk label:before {
        top: 12px
    }
    .symptom-selfcheck .cont-area {
        padding: 10px 14px
    }
    .symptom-selfcheck .cont-area.pd30 {
        padding: 14px !important
    }
    .symptom-selfcheck .cont-area .list li .cont span {
        display: inline-block
    }
    .symptom-selfcheck .cont-area .list li .cont span.mr30 {
        margin-right: 0 !important
    }
    .symptom-selfcheck .cont-area .list li .cont span+span {
        margin-top: 10px;
        margin-left: 0 !important
    }
    .symptom-selfcheck .cont-area .list li .cont span.bg-chk {
        display: block;
        width: 100% !important;
        margin-top: 0 !important
    }
    .symptom-selfcheck .cont-area .list li .cont p.inline-block.w50px {
        width: 45px !important
    }
    .symptom-selfcheck .cont-area .list li .cont .input-text.ml20 {
        margin-bottom: 5px;
        margin-left: 53px !important
    }
    .symptom-selfcheck .cont-area .list li .cont .input-text.mr30 {
        margin-right: 5px !important
    }
    .symptom-selfcheck .cont-area .list li .cont .input-text.w100px {
        width: 60px !important
    }
    .symptom-selfcheck .cont-area .list li .cont .input-text.w200px {
        width: 60px !important
    }
    .symptom-selfcheck .cont-area .list li .cont .input-text.w300px {
        width: 60px !important
    }
    .symptom-selfcheck .cont-area .list li .cont .bg-chk+.input-text {
        margin-left: 0
    }
    .symptom-selfcheck .cont-area .list li .cont .input-text+.bg-chk {
        margin-top: 5px !important
    }
    .symptom-selfcheck .cont-area .list li .cont .inline-block .bg-chk {
        display: inline-block;
        width: auto !important
    }
}

@media only screen and (max-width:767px) {
    .symptom-selfcheck .tit-area {
        padding: 15px
    }
}

.self-diagnosis-chk {
    border: 1px solid #e1e3e6
}

.self-diagnosis-chk .tit-area {
    padding: 15px 39px;
    color: #fff;
    background-color: #58606b
}

.self-diagnosis-chk .tit-area .tool-tip {
    margin: 3px 0 0 2px
}

.self-diagnosis-chk .cont-area {
    padding: 30px 39px
}

.self-diagnosis-chk .cont-area .help-text {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e1e3e6
}

.self-diagnosis-chk .cont-area .list>li {
    padding: 19px 0
}

.self-diagnosis-chk .cont-area .list>li:first-child {
    padding-top: 0
}

.self-diagnosis-chk .cont-area .list>li:last-child {
    padding-bottom: 0
}

.self-diagnosis-chk .cont-area .list>li .tit {
    color: #3a3a4a;
    font-weight: 700
}

.self-diagnosis-chk .cont-area .list>li .tit .color-normal {
    display: block;
    padding: 5px 0 0 0;
    font-weight: 400
}

.self-diagnosis-chk .cont-area .list>li .cont {
    margin-top: 19px;
    padding: 19px;
    border: 1px solid #e1e3e6
}

.self-diagnosis-chk .cont-area .list>li .cont .input-text {
    height: 32px;
    line-height: 32px;
    margin: 0 5px
}

@media only screen and (max-width:991px) {
    .self-diagnosis-chk .bg-chk label:before {
        top: 12px
    }
    .self-diagnosis-chk .cont-area {
        padding: 10px 14px
    }
    .self-diagnosis-chk .cont-area.pd30 {
        padding: 14px !important
    }
    .self-diagnosis-chk .cont-area .list>li .cont .bg-chk {
        display: block;
        width: 100% !important;
        margin-top: 0 !important
    }
}

@media only screen and (max-width:767px) {
    .self-diagnosis-chk .tit-area {
        padding: 15px
    }
}

.box-col-round {
    overflow: hidden;
    max-width: 900px;
    margin: 0 auto
}

.box-col-round .col {
    float: left;
    width: 210px;
    min-height: 200px;
    margin: 0 0 0 20px;
    padding-top: 40px;
    border: 1px solid #e1e3e6;
    border-radius: 8px;
    text-align: center
}

.box-col-round .col:first-child {
    margin-left: 0;
    border-radius: 40px 8px 8px 8px
}

.box-col-round .col:last-child {
    border-radius: 8px 8px 40px 8px
}

.box-col-round .col .iconset {
    display: block;
    margin: 0 auto 40px auto
}

.box-col-round .col strong {
    display: block
}

@media only screen and (max-width:991px) {
    .box-col-round .col {
        width: calc(50% - 10px);
        margin: 5px
    }
    .box-col-round .col:first-child {
        margin-left: 5px
    }
    .box-col-round .col strong {
        letter-spacing: -1px
    }
}

.box-column .col {
    display: inline-block;
    margin: 0 16px;
    vertical-align: middle
}

.box-column .col>* {
    vertical-align: middle
}

@media only screen and (max-width:991px) {
    .box-column.a-c {
        text-align: left !important
    }
    .box-column .col {
        display: block;
        margin: 0
    }
    .box-column .col+.col {
        margin-top: 5px
    }
}

.box-health-chk-result .top-area {
    position: relative;
    padding: 20px 10px;
    background-color: #fff2f2;
    text-align: center;
    border: 1px solid #e1e3e6;
    border-radius: 6px 6px 0 0
}

.box-health-chk-result .top-area .img {
    display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: middle;
    line-height: 0
}

.box-health-chk-result .top-area .txt {
    display: inline-block;
    vertical-align: middle
}

.box-health-chk-result .top-area .txt strong {
    display: block;
    max-width: 750px;
    text-align: left;
    font-size: 21px;
    font-weight: 400;
    color: #3a3a4a
}

.box-health-chk-result .top-area .txt span {
    display: block;
    text-align: left
}

.box-health-chk-result .top-area .absolute-link {
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -10px
}

.box-health-chk-result .bottom-area {
    padding: 0;
    border: 1px solid #e1e3e6
}

.box-health-chk-result .bottom-area .tit-area {
    padding: 15px 29px;
    background-color: #f6f6f6
}

.box-health-chk-result .bottom-area .tit-area:before,
.box-health-chk-result .bottom-area .tit-area:after {
    content: '';
    display: table
}

.box-health-chk-result .bottom-area .tit-area:after {
    clear: both
}

.box-health-chk-result .bottom-area .tit-area .tit {
    float: left
}

.box-health-chk-result .bottom-area .tit-area .tit strong {
    display: inline-block;
    margin: 0 6px 0 0;
    font-size: 16px;
    vertical-align: middle
}

.box-health-chk-result .bottom-area .tit-area .tit span {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 0 0 10px;
    font-size: 15px;
    vertical-align: middle
}

.box-health-chk-result .bottom-area .tit-area .tit span:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    width: 1px;
    height: 14px;
    background-color: #ccc;
    vertical-align: middle
}

.box-health-chk-result .bottom-area .tit-area .tool {
    float: right
}

.box-health-chk-result .bottom-area .cont-area {
    margin: 0;
    padding: 20px 29px;
    border-top: 1px solid #e1e3e6
}

.box-health-chk-result .top-area+.bottom-area {
    padding: 0 29px;
    border-top: 0
}

.box-health-chk-result .top-area+.bottom-area .tit-area {
    padding: 15px 0;
    background-color: #fff
}

.box-health-chk-result .top-area+.bottom-area .cont-area {
    padding: 20px 0
}

@media only screen and (max-width:991px) {
    .box-health-chk-result .top-area {
        display: block;
        width: 100%;
        min-height: 60px;
        padding: 10px;
        text-align: left
    }
    .box-health-chk-result .top-area .txt strong {
        display: block;
        text-align: left;
        font-size: 16px
    }
    .box-health-chk-result .top-area .txt span {
        display: block;
        text-align: left
    }
    .box-health-chk-result .top-area .absolute-link {
        display: block;
        position: static;
        right: inherit;
        top: inherit;
        margin-top: 0;
        text-align: right
    }
    .box-health-chk-result .bottom-area .tit-area {
        position: relative;
        padding: 10px
    }
    .box-health-chk-result .bottom-area .tit-area .tit {
        display: block;
        float: none
    }
    .box-health-chk-result .bottom-area .tit-area .tit strong {
        display: block;
        margin: 0
    }
    .box-health-chk-result .bottom-area .tit-area .tit span {
        display: block;
        padding: 0
    }
    .box-health-chk-result .bottom-area .tit-area .tit span:before {
        display: none
    }
    .box-health-chk-result .bottom-area .tit-area .tool {
        display: block;
        float: none;
        position: absolute;
        right: 10px;
        top: 10px
    }
    .box-health-chk-result .bottom-area .cont-area {
        padding: 10px
    }
    .box-health-chk-result .top-area+.bottom-area {
        padding: 0 10px
    }
    .box-health-chk-result .top-area+.bottom-area .tit-area {
        padding: 10px 0
    }
    .box-health-chk-result .top-area+.bottom-area .cont-area {
        padding: 10px 0
    }
}

.obesity-therapy {
    position: relative
}

.obesity-therapy .step-box-type.col-2>ul>li {
    min-width: 360px
}

.obesity-therapy .bg-mascot-obesity {
    width: 360px;
    height: 220px;
    margin: 20px auto 0 auto;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-znfpbg-borfvgl.cat') no-repeat 0 0
}

.obesity-therapy .bg-mascot-obesity dl.default {
    padding: 20px
}

@media only screen and (max-width:991px) {
    .obesity-therapy .step-box-type.col-2>ul>li {
        display: block;
        float: none;
        width: 100%;
        min-width: auto;
        margin: 0;
        padding: 0
    }
    .obesity-therapy .step-box-type.col-2>ul>li+li {
        margin-top: 20px
    }
}

@media only screen and (max-width:767px) {
    .obesity-therapy .bg-mascot-obesity {
        width: 100%;
        height: auto;
        background-image: none
    }
    .obesity-therapy .bg-mascot-obesity dl.default {
        padding: 0
    }
}

.pregnancy-period .box-top-visual {
    padding: 19px 30px 30px 30px;
    text-align: center
}

.pregnancy-period .box-top-visual .img {
    font-size: 0;
    line-height: 0
}

.pregnancy-period .box-top-visual .img img {
    max-width: 100%
}

.pregnancy-period .box-top-visual .cont {
    padding: 20px;
    background-color: #fff;
    border-radius: 6px
}

.pregnancy-period .box-top-visual .cont .label {
    display: inline-block;
    padding: 0 20px 0 0;
    color: #3a3a4a;
    font-weight: 700;
    font-size: 16px;
    vertical-align: middle
}

.pregnancy-period .box-top-visual .cont .input-area {
    display: inline-block;
    vertical-align: middle
}

.pregnancy-period .box-top-visual .cont .input-text {
    width: 140px;
    text-align: center;
    color: #d7021b
}

.pregnancy-period .box-top-visual .cont .dash {
    display: inline-block;
    width: 6px;
    height: 2px;
    margin: 0 4px;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    background-color: #44465c
}

@media only screen and (max-width:767px) {
    .pregnancy-period .box-top-visual {
        min-height: auto;
        padding: 0;
        background-image: none
    }
    .pregnancy-period .box-top-visual .cont {
        padding: 10px;
        background-color: #fff;
        border-radius: 0
    }
    .pregnancy-period .box-top-visual .cont .label {
        display: block;
        padding: 0
    }
    .pregnancy-period .box-top-visual .cont .input-area {
        display: block;
        padding: 5px 0 0 0
    }
    .pregnancy-period .box-top-visual .cont .input-text {
        width: 110px
    }
}

.body-part-search .btn {
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent
}

.body-part-search .top {
    padding: 29px 0;
    border: 1px solid #e1e3e6
}

.body-part-search .top .depth-01 {
    overflow: hidden;
    padding: 0 15px
}

.body-part-search .top .depth-01 .col {
    float: left;
    width: 20%;
    text-align: center
}

.body-part-search .top .depth-01 .col .btn {
    display: inline-block
}

.body-part-search .top .depth-01 .col .btn .iconset {
    display: block;
    margin: 0 auto
}

.body-part-search .top .depth-01 .col .btn.on .iconset {
    background-position: 100% 100% !important
}

.body-part-search .top .depth-01 .col .btn span {
    overflow: hidden;
    display: block;
    height: 40px;
    margin: 15px 0 0 0;
    font-size: 14px;
    color: #6c6d73
}

.body-part-search .top .depth-02 {
    overflow: hidden;
    margin: 30px 29px 0 29px;
    padding: 25px 0 0 0;
    border-top: 1px solid #e1e3e6
}

.body-part-search .top .depth-02 .btn {
    display: block;
    float: left;
    height: 36px;
    margin: 5px 8px 0 0;
    padding: 0 15px;
    border: 1px solid #bec2c8;
    border-radius: 3px;
    line-height: 34px
}

.body-part-search .top .depth-02 .btn.on {
    color: #ee0700;
    border-color: #ee0700
}

.body-part-search .bottom {
    margin-top: 40px
}

.body-part-search .bottom .depth-03 {
    padding: 20px 30px;
    border-top: 2px solid #44465c;
    border-bottom: 1px solid #bec2c8
}

.body-part-search .bottom .depth-03 .list {
    display: table;
    width: 100%
}

.body-part-search .bottom .depth-03 .list .tr {
    display: table-row
}

.body-part-search .bottom .depth-03 .list .tr .td {
    display: table-cell;
    position: relative;
    width: 50%;
    padding: 3px 10px
}

.body-part-search .bottom .depth-03 .list .tr .td:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    width: 3px;
    height: 3px;
    background-color: #44465c;
    border-radius: 7px
}

@media only screen and (max-width:767px) {
    .body-part-search .top {
        padding: 14px 0
    }
    .body-part-search .top .depth-01 .col {
        width: 50%
    }
    .body-part-search .top .depth-01 .col .btn span {
        margin: 10px 0 0 0
    }
    .body-part-search .top .depth-02 {
        margin: 14px 14px 0 14px;
        padding: 14px 0 0 0
    }
    .body-part-search .bottom {
        margin-top: 20px
    }
    .body-part-search .bottom .depth-03 {
        padding: 10px 15px
    }
    .body-part-search .bottom .depth-03 .list {
        display: table;
        width: 100%
    }
    .body-part-search .bottom .depth-03 .list .tr {
        display: block
    }
    .body-part-search .bottom .depth-03 .list .tr .td {
        display: block;
        width: 100%
    }
}

.food-story .btn {
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent
}

.food-story .top {
    padding: 29px 0;
    border: 1px solid #e1e3e6
}

.food-story .top .depth-01 {
    overflow: hidden;
    padding: 0 15px
}

.food-story .top .depth-01 .col {
    float: left;
    width: 14.27%;
    text-align: center
}

.food-story .top .depth-01 .col .btn .iconset {
    display: block;
    margin: 0 auto;
    max-width: 96px;
    max-height: 75px
}

.food-story .top .depth-01 .col .btn span {
    display: block;
    overflow: hidden;
    height: 40px;
    margin: 15px 0 0 0;
    font-size: 14px;
    color: #6c6d73
}

.food-story .top .depth-02 {
    overflow: hidden;
    margin: 30px 29px 0 29px;
    padding: 25px 0 0 0;
    border-top: 1px solid #e1e3e6
}

.food-story .top .depth-02 .btn {
    display: block;
    float: left;
    width: 76px;
    height: 36px;
    margin: 5px 8px 0 0;
    padding: 0 5px;
    border: 1px solid #bec2c8;
    border-radius: 3px
}

.food-story .top .depth-02 .btn.on {
    color: #ee0700;
    border-color: #ee0700
}

@media only screen and (max-width:767px) {
    .food-story .top {
        padding: 14px 0
    }
    .food-story .top .depth-01 .col {
        width: 25%
    }
    .food-story .top .depth-01 .col .btn {
        width: 100%;
        padding: 0 5px
    }
    .food-story .top .depth-01 .col .btn .iconset {
        background-size: 100%;
        background-position: bottom;
        width: 100%
    }
    .food-story .top .depth-01 .col .btn span {
        margin: 10px 0 0 0
    }
    .food-story .top .depth-02 {
        margin: 14px 14px 0 14px;
        padding: 14px 0 0 0
    }
}

@media only screen and (max-width:426px) {
    .food-story .top .depth-01 .col {
        width: 33.3%
    }
}

.mushroom-list {
    margin: 20px auto 0;
    width: 400px
}

.mushroom-list>ul {
    overflow: hidden
}

.mushroom-list>ul>li {
    float: left;
    width: 100px;
    text-align: center
}

.mushroom-list>ul>li .tit {
    display: inline-block;
    padding: 0 10px;
    margin-top: 5px;
    height: 32px;
    border-radius: 50px;
    color: #fff;
    font-size: 15px;
    line-height: 32px;
    text-align: center;
    letter-spacing: -0.025em;
    background-color: #44465c
}

@media only screen and (max-width:767px) {
    .mushroom-list>ul>li .tit {
        font-size: 13px;
        height: 25px;
        line-height: 25px
    }
}

@media only screen and (max-width:424px) {
    .mushroom-list {
        width: 200px
    }
    .mushroom-list>ul>li:nth-child(3),
    .mushroom-list>ul>li:nth-child(4) {
        margin-top: 20px
    }
}

.mental-health-info {
    overflow: hidden;
    margin: -20px 0 0 -20px
}

.mental-health-info ol li {
    position: relative;
    float: left;
    width: calc(50% - 20px);
    margin: 20px 0 0 20px;
    padding: 25px 30px 25px 80px;
    border-radius: 8px 8px 8px 40px;
    background-color: #f6f6f6
}

.mental-health-info ol li .num {
    position: absolute;
    top: 50%;
    left: 30px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    color: #fff;
    text-align: center;
    font-size: 21px;
    line-height: 40px;
    border-radius: 15px;
    background-color: #44465c
}

.mental-health-info ol li strong {
    display: block;
    font-size: 16px;
    color: #3a3a4a
}

.mental-health-info ol li span {
    display: block
}

@media only screen and (max-width:991px) {
    .mental-health-info {
        margin: 0
    }
    .mental-health-info ol li {
        float: none;
        width: 100%;
        margin: 20px 0 0 0
    }
    .mental-health-info ol li:first-child {
        margin-top: 0
    }
    .mental-health-info ol li strong {
        font-size: 15px
    }
    .mental-health-info ol li span {
        font-size: 14px
    }
}

.info-body-organs {
    overflow: hidden;
    width: 900px;
    height: 560px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-obql-betnaf.cat') no-repeat center top
}

.info-body-organs .left {
    float: left
}

.info-body-organs .left .organs-box:first-child {
    margin-top: 0
}

.info-body-organs .right {
    float: right
}

.info-body-organs .right .organs-box:first-child {
    margin-top: 0
}

.info-body-organs .organs-box {
    position: relative;
    display: block;
    width: 285px;
    height: 104px;
    border: 1px solid #e1e3e6;
    padding: 17px 100px 17px 20px;
    margin-top: 10px;
    border-radius: 8px
}

.info-body-organs .organs-box:hover {
    border: 1px solid #44465c
}

.info-body-organs .organs-box strong {
    display: block;
    color: #3a3a4a;
    font-size: 16px
}

.info-body-organs .organs-box .img {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 60px;
    height: 60px;
    margin-top: -30px
}

@media only screen and (max-width:991px) {
    .info-body-organs {
        width: 100%;
        height: auto;
        background: 0
    }
    .info-body-organs .left {
        float: none;
        display: block
    }
    .info-body-organs .left .organs-box:first-child {
        margin-top: 0
    }
    .info-body-organs .right {
        float: none;
        display: block
    }
    .info-body-organs .right .organs-box:first-child {
        margin-top: 10px
    }
    .info-body-organs .organs-box {
        display: block;
        width: 100%;
        height: auto
    }
    .info-body-organs .organs-box strong {
        font-size: 15px
    }
}

.organs-info-wrap {
    overflow: hidden;
    position: relative;
    width: 900px;
    height: 440px;
    margin: 0 auto;
    border: 1px solid #e1e3e6
}

.organs-info-wrap .info-text-area {
    float: left;
    width: 297px;
    height: 100%;
    padding: 30px;
    background-color: #f6f6f6
}

.organs-info-wrap .info-text-area .title {
    font-size: 21px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e1e3e6
}

.organs-info-wrap .info-text-area .title strong {
    display: block;
    color: #3a3a4a
}

.organs-info-wrap .info-text-area .list-text {
    margin-top: 30px
}

.organs-info-wrap .info-text-area .list-text li:hover a,
.organs-info-wrap .info-text-area .list-text li.curr a {
    color: #d7021b;
    text-decoration: underline
}

.organs-info-wrap .info-img-area {
    position: relative;
    float: right;
    width: 600px;
    height: 100%;
    padding: 30px;
    background-color: #fff
}

.organs-info-wrap .info-img-area .cont {
    display: none
}

.organs-info-wrap .info-img-area .cont.show {
    display: block
}

.organs-info-wrap .info-img-area .img {
    margin-top: 30px
}

.organs-info-wrap .info-img-area .img-bullet-wrap {
    width: 100%;
    text-align: center;
    margin-top: 30px
}

.organs-info-wrap .info-img-area .img-bullet-wrap button {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    border: 2px solid #c0c3c9;
    margin: 0 4px;
    background-color: #fff;
    text-indent: -9999px
}

.organs-info-wrap .info-img-area .img-bullet-wrap button.on {
    background-color: #43455b;
    border: 2px solid #43455b
}

.organs-info-wrap .btn-zoom {
    display: inline-block;
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    font-size: 0;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Soga%2Soga-mbbz.cat') no-repeat 0
}

.organs-info-wrap .btn-zoom:hover {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Soga%2Soga-mbbz-bire.cat') no-repeat 0
}

.modal .organs-info-wrap {
    width: auto;
    height: auto;
    border: 1px solid #e1e3e6;
    padding: 30px
}

.modal .organs-info-wrap .info-img-area {
    float: none;
    width: 100%;
    padding: 0
}

.modal .organs-info-wrap .info-img-area .cont {
    display: none
}

.modal .organs-info-wrap .info-img-area .cont.show {
    display: block
}

.modal .organs-info-wrap .info-img-area .cont .img img {
    max-width: 100%
}

.modal .organs-info-wrap .info-img-area .img-bullet-wrap {
    width: 100%;
    text-align: center
}

.modal .organs-info-wrap .info-img-area .img-bullet-wrap button {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    border: 2px solid #c0c3c9;
    margin: 0 4px;
    background-color: #fff
}

.modal .organs-info-wrap .info-img-area .img-bullet-wrap button.on {
    background-color: #43455b;
    border: 2px solid #43455b
}

@media only screen and (max-width:991px) {
    .organs-info-wrap {
        width: 100%;
        height: auto;
        margin: 0
    }
    .organs-info-wrap .info-text-area {
        float: none;
        width: 100%;
        height: auto;
        padding: 20px
    }
    .organs-info-wrap .info-text-area .title {
        font-size: 21px;
        padding-bottom: 15px;
        border-bottom: 1px solid #e1e3e6
    }
    .organs-info-wrap .info-text-area .title strong {
        display: inline-block;
        margin-right: 10px
    }
    .organs-info-wrap .info-text-area .list-text {
        margin-top: 15px
    }
    .organs-info-wrap .info-img-area {
        float: none;
        width: 100%;
        height: auto;
        padding-bottom: 40px
    }
    .organs-info-wrap .info-img-area .img {
        margin-top: 20px
    }
    .organs-info-wrap .info-img-area .img img {
        max-width: 100%
    }
    .organs-info-wrap .info-img-area .img-bullet-wrap {
        bottom: 20px
    }
    .organs-info-wrap .info-img-area .img-bullet-wrap button {
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 16px;
        border-radius: 8px;
        border: 2px solid #c0c3c9;
        margin: 0 4px;
        background-color: #fff
    }
    .organs-info-wrap .info-img-area .img-bullet-wrap button.on {
        background-color: #43455b;
        border: 2px solid #43455b
    }
    .organs-info-wrap .btn-zoom {
        display: inline-block;
        position: absolute;
        bottom: 30px;
        right: 30px;
        width: 40px;
        height: 40px;
        font-size: 0;
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Soga%2Soga-mbbz.cat') no-repeat 0
    }
    .organs-info-wrap .btn-zoom:hover {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Soga%2Soga-mbbz-bire.cat') no-repeat 0
    }
}

.checkup-organ-search .row {
    line-height: 32px
}

.checkup-organ-search .row .array {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle
}

.checkup-organ-search .row+.row {
    margin-top: 10px
}

.checkup-organ-search .row .bg-chk {
    margin-right: 20px;
    vertical-align: bottom
}

.checkup-organ-search .row .bg-chk label {
    line-height: 32px
}

.checkup-organ-search-result {
    width: 900px;
    margin: 0 auto
}

.checkup-organ-search-result .tab-list {
    display: none
}

.checkup-organ-search-result .tab-wrap .tab-area {
    display: block
}

.checkup-organ-search-result .count {
    margin: 0;
    padding: 0
}

.checkup-organ-search-result .map-section {
    overflow: hidden
}

.checkup-organ-search-result .map-section .map-area {
    overflow: hidden;
    position: relative;
    float: left;
    width: 435px;
    height: 670px;
    border: 0
}

.checkup-organ-search-result .map-section .map-area .map-control {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 20;
    border: 1px solid #888
}

.checkup-organ-search-result .map-section .map-area .map-control li {
    border-top: 1px solid #888;
    text-align: center;
    font-size: 12px
}

.checkup-organ-search-result .map-section .map-area .map-control li:first-child {
    border-top: 0
}

.checkup-organ-search-result .map-section .map-area .map-control li .btn {
    overflow: hidden;
    display: block;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    border: 0;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat
}

.checkup-organ-search-result .map-section .map-area .map-control li .btn.zoom-in {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Soga-mbbz-va.tvs')
}

.checkup-organ-search-result .map-section .map-area .map-control li .btn.zoom-out {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Soga-mbbz-bhg.tvs')
}

.checkup-organ-search-result .map-section .map-area .map-control li .btn.print {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Soga-cevag.tvs')
}

.checkup-organ-search-result .map-section .map-area .map-control li .btn.current-location {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-pheerag-ybpngvba.cat');
    background-size: 19px
}

.checkup-organ-search-result .map-section .map-area .map-control.v2 li .btn {
    width: 48px;
    line-height: 30px;
    font-size: 12px
}

.checkup-organ-search-result .map-section .map-area .map-control.v2 li.on .btn {
    background: #eee;
    color: #000
}

.checkup-organ-search-result .map-section .map-area .map {
    position: relative
}

.checkup-organ-search-result .map-section .map-area .map-control.v2 {
    right: 0 !important;
    left: auto
}

.checkup-organ-search-result .map-section .map-area .map-control.v2 li .btn.distance {
    width: 29px;
    height: 28px;
    font-size: 12px;
    text-align: center
}

.checkup-organ-search-result .map-section .map-list {
    float: right;
    width: 435px;
    height: 730px
}

.checkup-organ-search-result .map-section .map-list .list {
    overflow: hidden;
    overflow-y: scroll;
    height: 670px;
    border-top: 2px solid #44465c;
    border-bottom: 1px solid #bec2c8
}

.checkup-organ-search-result .map-section .map-list .list li {
    position: relative;
    padding: 25px 20px;
    border-top: 1px solid #e1e3e6
}

.checkup-organ-search-result .map-section .map-list .list li:first-child {
    border-top: 0
}

.checkup-organ-search-result .map-section .map-list .list li a {
    display: block
}

.checkup-organ-search-result .map-section .map-list .list li a.choice .title {
    position: relative;
    padding: 6px 60px 0 34px
}

.checkup-organ-search-result .map-section .map-list .list li a.choice .title em {
    overflow: hidden;
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    color: #d8071f;
    border: 1px solid #d8071f;
    border-radius: 24px;
    vertical-align: middle
}

.checkup-organ-search-result .map-section .map-list .list li a.choice .info {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-top: 15px;
    padding: 10px 15px;
    background-color: #f6f6f6
}

.checkup-organ-search-result .map-section .map-list .list li a.choice .info .block {
    display: table-row
}

.checkup-organ-search-result .map-section .map-list .list li a.choice .info span {
    display: table-cell;
    vertical-align: top
}

.checkup-organ-search-result .map-section .map-list .list li a.choice .tel {
    margin-top: 10px;
    color: #3a3a4a
}

.checkup-organ-search-result .map-section .map-list .list li a.choice .add {
    margin-top: 5px
}

.checkup-organ-search-result .map-section .map-list .list li a.choice.on .title em {
    color: #fff;
    background-color: #d8071f
}

.checkup-organ-search-result .map-section .map-list .list li a.btn-detail {
    display: block;
    position: absolute;
    right: 20px;
    top: 25px;
    z-index: 2
}

.checkup-organ-search-result .map-section .map-list .pagination {
    margin-top: 20px
}

.checkup-organ-search-result .map-section .map-list .no-data-result {
    height: 670px;
    border-top: 2px solid #44465c;
    border-bottom: 1px solid #bec2c8
}

.checkup-organ-search-result .map-section .map-list .no-data-result p {
    padding-top: 220px;
    background-position: center 150px
}

.organ-map-layer {
    position: absolute;
    left: 91px;
    top: 340px;
    z-index: 10
}

.organ-map-layer .wrap {
    position: relative;
    width: 256px;
    padding: 19px;
    border: 1px solid #44465c;
    border-radius: 4px;
    background-color: #fff
}

.organ-map-layer .wrap:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: -6px;
    width: 10px;
    height: 6px;
    margin-left: -5px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-nee-betna-ynlre.cat') no-repeat 0 0
}

.organ-map-layer .wrap .title {
    padding-right: 10px;
    color: #3a3a4a;
    font-weight: 700
}

.organ-map-layer .wrap .cont {
    overflow-y: auto;
    height: 135px;
    font-size: 14px
}

.organ-map-layer .wrap .cont .info {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 5px 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #e1e3e6
}

.organ-map-layer .wrap .cont .info .block {
    display: table-row
}

.organ-map-layer .wrap .cont .info strong {
    display: table-cell;
    width: 60px;
    vertical-align: middle;
    color: #3a3a4a
}

.organ-map-layer .wrap .cont .info span {
    display: table-cell;
    vertical-align: middle
}

.organ-map-layer .wrap .cont .tel span {
    color: #3a3a4a
}

.organ-map-layer .wrap .button-group {
    margin-top: 10px
}

.organ-map-layer .wrap .btn-close-organ {
    position: absolute;
    right: 11px;
    top: 19px;
    width: 21px;
    height: 21px;
    margin: 0;
    padding: 0;
    text-align: center;
    border: 0;
    font-size: 0;
    line-height: 0;
    background-color: transparent
}

.organ-map-layer.v2.listViewArray{
	display:none !important;
    left: 92px;
    top: 160px;
    z-index: 10
}

.organ-map-layer.v2 .wrap {
    height: auto;
    padding: 30px 19px 24px
}

.organ-map-layer.v2 .wrap .h-scroll {
    overflow: auto;
    max-height: 85px;
    padding: 0 5px
}

.organ-map-layer.v2 .wrap:before {
    top: auto;
    bottom: -6px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-nee-betna-ynlre2.cat') no-repeat 0 0
}

.organ-map-layer.v2 .wrap .btn-close-organ {
    top: 10px
}

@media only screen and (max-width:900px) {
    .checkup-organ-search .row+.row {
        margin-top: 5px
    }
    .checkup-organ-search .row .bg-chk {
        margin-right: 10px;
        vertical-align: bottom
    }
    .checkup-organ-search .row .mobile-block {
        display: block
    }
    .checkup-organ-search .row .mobile-block {
        overflow: hidden;
        margin-top: 5px
    }
    .checkup-organ-search .row .mobile-block select {
        float: left;
        width: 49% !important
    }
    .checkup-organ-search .row .mobile-block select+select {
        float: right
    }
    .checkup-organ-search .row .input-text.mobile-block {
        width: 100% !important
    }
    .checkup-organ-search .row .array {
        overflow: hidden;
        display: block;
        margin-top: 5px;
        margin-left: 0
    }
    .checkup-organ-search .row .array .bg-chk {
        vertical-align: middle
    }
    .checkup-organ-search .row .array .bg-chk label {
        line-height: 40px
    }
    .checkup-organ-search .row .array select {
        float: right;
        width: 49% !important
    }
    .checkup-organ-search-result {
        width: 100%;
        margin: 0 auto
    }
    .checkup-organ-search-result .count {
        display: none
    }
    .checkup-organ-search-result .tab-list {
        display: block;
        margin-bottom: 20px;
        opacity: 1
    }
    .checkup-organ-search-result .tab-wrap .tab-area {
        display: none
    }
    .checkup-organ-search-result .tab-wrap .tab-area.show {
        display: block
    }
    .checkup-organ-search-result {
        width: 100%
    }
    .checkup-organ-search-result .map-section .map-area {
        float: none;
        width: 100%;
        height: 500px
    }
    .checkup-organ-search-result .map-section .map-list {
        float: none;
        width: 100%
    }
    .organ-map-layer {
        top: 258px;
        left: 50%;
        margin-left: -128px
    }
    .organ-map-layer.v2 {
        top: 71px;
        left: 50%;
        margin-left: -129px
    }
}

@media only screen and (max-width:375px) {
    .checkup-organ-search .row .mobile-block {
        overflow: hidden;
        margin-top: 5px
    }
    .checkup-organ-search .row .mobile-block select {
        float: none;
        width: 100% !important
    }
    .checkup-organ-search .row .mobile-block select+select {
        float: none;
        margin-top: 5px
    }
    .checkup-organ-search .row .array select {
        float: none;
        width: 100% !important
    }
}

@media only screen and (max-width:767px) {
    .checkup-organ-search .row+.row {
        margin-top: 5px
    }
    .checkup-organ-search .mobile-block {
        margin-left: 0 !important
    }
}

.kakako-map-load {
    width: 100%;
    height: 300px;
    margin: 0;
    padding: 0;
    border: 1px solid #e1e3e6
}

@media only screen and (max-width:767px) {
    .kakako-map-load {
        height: 200px
    }
}

.checkup-organ-view .gray-box {
    position: relative;
    padding-right: 200px
}

.checkup-organ-view .gray-box p {
    display: inline-block;
    position: relative;
    padding-left: 10px;
    vertical-align: middle
}

.checkup-organ-view .gray-box p+p {
    margin-left: 20px
}

.checkup-organ-view .gray-box p:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 3px;
    background-color: #44465c;
    border-radius: 7px;
    top: 8px;
    left: 0
}

.checkup-organ-view .gray-box .btn {
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -20px
}

.checkup-organ-view .organ-map {
    width: 100%;
    height: 500px
}

.checkup-organ-result {
    margin-top: 40px
}

.checkup-organ-result .row {
    overflow: hidden
}

.checkup-organ-result .row .col {
    float: left;
    width: 210px;
    margin: 0 0 0 20px
}

.checkup-organ-result .row .col:first-of-type {
    margin-left: 0
}

.checkup-organ-result .row .col .wrap {
    border: 1px solid #e1e3e6
}

.checkup-organ-result .row .col .bg {
    display: table;
    width: 100%
}

.checkup-organ-result .row .col .cont {
    display: table;
    width: 100%
}

.checkup-organ-result .row .col .cell {
    display: table-cell;
    height: 60px;
    text-align: center;
    vertical-align: middle
}

.checkup-organ-result .row .col .bg .cell {
    height: 50px;
    border-bottom: 1px solid #e1e3e6;
    background-color: #f6f6f6
}

.checkup-organ-result .row .left {
    float: left;
    width: 460px
}

.checkup-organ-result .row .right {
    float: left;
    width: 440px
}

@media only screen and (max-width:900px) {
    .checkup-organ-view .gray-box {
        padding-right: 0
    }
    .checkup-organ-view .gray-box p {
        display: block;
        position: relative
    }
    .checkup-organ-view .gray-box p+p {
        margin-left: 0
    }
    .checkup-organ-view .gray-box .btn {
        position: static;
        right: auto;
        top: auto;
        margin-top: 0;
        padding: 10px 0 0 0
    }
    .checkup-organ-view .organ-map {
        height: 250px
    }
    .checkup-organ-result .row .col {
        float: left;
        width: calc(50% - 5px);
        margin: 0 5px 0 0
    }
    .checkup-organ-result .row .col:nth-of-type(2n) {
        margin: 0 0 0 5px
    }
    .checkup-organ-result .row .col:nth-of-type(2)~.col {
        margin-top: 10px
    }
    .checkup-organ-result .row .col .cell {
        height: 60px
    }
    .checkup-organ-result .row .col .bg .cell {
        height: 50px
    }
    .checkup-organ-result .row .left {
        overflow: hidden;
        float: none;
        width: 100%
    }
    .checkup-organ-result .row .right {
        overflow: hidden;
        float: none;
        width: 100%;
        margin-top: 40px
    }
}

@media only screen and (max-width:900px) {
    .checkup-organ-result .row .right {
        margin-top: 30px
    }
}

.drug-me-pay {
    padding: 29px;
    border: 1px solid #e1e3e6
}

.drug-me-pay .pay {
    position: relative;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Snee-anil-yrsg.cat') no-repeat center
}

.drug-me-pay .pay:before,
.drug-me-pay .pay:after {
    content: '';
    display: block
}

.drug-me-pay .pay:after {
    clear: both
}

.drug-me-pay .pay .col {
    float: right;
    width: calc(50% - 30px);
    padding: 20px;
    border-radius: 7px;
    background-color: #f6f6f6;
    text-align: center
}

.drug-me-pay .pay .col:first-child {
    float: left
}

.drug-me-pay .pay .col .txt {
    display: inline-block;
    margin-left: 10px;
    text-align: left;
    vertical-align: middle
}

.drug-me-pay .pay .col .txt p {
    display: block;
    position: relative;
    font-size: 21px
}

.drug-me-pay .pay .col .txt p strong {
    color: #ee0700
}

.drug-me-pay .pay .col .txt p span {
    color: #3a3a4a
}

.drug-me-pay .pay .col .txt p .discount {
    display: block;
    position: absolute;
    left: 0;
    bottom: -35px;
    border-radius: 7px;
    background-color: #d7021b
}

.drug-me-pay .pay .col .txt p .discount .wrap {
    display: block;
    position: relative;
    padding: 5px 20px;
    font-size: 14px
}

.drug-me-pay .pay .col .txt p .discount .wrap:before {
    content: '';
    display: block;
    position: absolute;
    left: 10px;
    top: -5px;
    width: 11px;
    height: 6px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Snee-qeht-zr-cnl.cat') no-repeat 0 0
}

.drug-me-pay .pay .col .txt p .discount .wrap strong {
    color: #fff7a8
}

.drug-me-pay .pay .col .txt p .discount .wrap span {
    color: #fff
}

.drug-me-pay .info {
    clear: both
}

.drug-me-pay .info .tit {
    padding: 25px 0 10px 0;
    color: #3a3a4a;
    font-weight: 700
}

.drug-me-pay .info .wrap {
    overflow: hidden
}

.drug-me-pay .info .wrap .col {
    position: relative;
    float: left;
    width: 33.3%;
    margin: 0;
    padding: 0 80px 0 30px;
    border-left: 1px solid #e1e3e6
}

.drug-me-pay .info .wrap .col:first-child {
    padding-left: 0;
    border-left: 0
}

.drug-me-pay .info .wrap .col .txt {
    display: block
}

.drug-me-pay .info .wrap .col .txt span {
    display: block
}

.drug-me-pay .info .wrap .col .percent {
    display: block;
    position: absolute;
    right: 30px;
    top: 50%;
    width: 48px;
    height: 48px;
    margin-top: -24px;
    color: #ee0700;
    text-align: center;
    line-height: 48px;
    vertical-align: middle;
    border-radius: 15px;
    font-weight: 700;
    background-color: #f6f6f6
}

.drug-me-pay .info .wrap .col:last-child .percent {
    right: 0
}

@media only screen and (max-width:767px) {
    .drug-me-pay {
        padding: 14px
    }
    .drug-me-pay .pay {
        position: relative;
        background-image: none
    }
    .drug-me-pay .pay .col {
        float: none !important;
        position: relative;
        width: 100%;
        padding: 10px 0 10px 50px;
        text-align: left
    }
    .drug-me-pay .pay .col:first-child:after {
        content: '';
        display: block;
        position: absolute;
        left: 50%;
        bottom: -22px;
        width: 13px;
        height: 21px;
        margin-left: -6px;
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Snee-anil-yrsg.cat') no-repeat center;
        transform: rotate(90deg)
    }
    .drug-me-pay .pay .col+.col {
        margin-top: 25px
    }
    .drug-me-pay .pay .col i {
        position: absolute;
        left: 10px;
        top: 10px
    }
    .drug-me-pay .info {
        clear: both;
        margin-top: 10px
    }
    .drug-me-pay .info .wrap .col {
        position: relative;
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
        border-left: 0
    }
    .drug-me-pay .info .wrap .col:first-child {
        padding-left: 0;
        border-left: 0
    }
    .drug-me-pay .info .wrap .col .txt {
        display: inline-block
    }
    .drug-me-pay .info .wrap .col .txt span {
        display: inline
    }
    .drug-me-pay .info .wrap .col .percent {
        display: inline-block;
        position: static;
        right: auto;
        top: auto;
        width: auto;
        height: auto;
        margin-top: 0;
        padding: 2px 5px;
        line-height: 1.5;
        border-radius: 4px
    }
}

.age100-exercise .box-top-visual {
    padding-top: 74px
}

.age100-exercise .box-top-visual img {
    max-width: 80%
}

.age100-exercise .list li {
    margin-top: 15px
}

.age100-exercise .list li:first-child {
    margin-top: 0
}

.age100-exercise .list li .tagset {
    margin-right: 5px
}

.age100-exercise .list li span {
    display: inline-block;
    vertical-align: middle
}

@media only screen and (max-width:767px) {
    .age100-exercise .box-top-visual {
        padding-top: 0
    }
    .age100-exercise .list li span {
        display: block;
        margin-top: 5px
    }
}

.box-email-request {
    position: relative;
    min-height: 100px;
    padding: 30px 200px 30px 30px;
    background-color: #f6f6f6
}

.box-email-request .button {
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -20px
}

@media only screen and (max-width:767px) {
    .box-email-request {
        min-height: auto;
        padding: 10px;
        text-align: right
    }
    .box-email-request .txt {
        padding: 0 0 10px 0;
        text-align: left
    }
    .box-email-request .button {
        position: static;
        right: auto;
        top: auto;
        margin-top: 0
    }
}

.chronic-disease-pilot {
    display: table;
    width: 900px;
    margin: 0;
    padding: 40px 0 35px 0;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 8px 0;
    border: 1px solid #eaebef
}

.chronic-disease-pilot p {
    margin: 0;
    padding: 0
}

.chronic-disease-pilot .col {
    display: table-cell;
    width: 20%;
    text-align: left;
    vertical-align: middle
}

.chronic-disease-pilot .col .wrap {
    display: inline-block;
    position: relative;
    width: 100%
}

.chronic-disease-pilot .col .wrap .bg {
    width: 140px;
    height: 140px;
    margin: 0 auto;
    padding-top: 105px;
    line-height: 1.1;
    color: #3a3a4a;
    text-align: center;
    border-radius: 40px;
    background-color: #edeff0;
    background-position: center;
    background-repeat: no-repeat
}

.chronic-disease-pilot .col .wrap .txt {
    margin-top: 20px;
    font-size: 14px;
    color: #6c6d73;
    text-align: center;
    letter-spacing: -0.05em
}

.chronic-disease-pilot .col .wrap:before {
    content: '';
    display: block;
    position: absolute;
    left: -6px;
    top: 50%;
    width: 8px;
    height: 11px;
    margin-top: -36px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Snee-puebavp-qvfrnfr-cvybg.cat') no-repeat 0 0
}

.chronic-disease-pilot .col:first-child .wrap:before {
    display: none
}

.chronic-disease-pilot .col.big {
    padding: 0 0 0 10px;
    text-align: left
}

.chronic-disease-pilot .col.big .wrap:before {
    left: -20px
}

.chronic-disease-pilot .col.big .wrap {
    position: relative;
    width: calc(100% - 14px);
    height: 470px;
    margin: 0;
    padding: 0;
    text-align: center;
    border-radius: 40px;
    border: 1px solid #d9eff1;
    background-color: #e8fafc
}

.chronic-disease-pilot .col.big .wrap .tit {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -60px;
    font-size: 25px;
    line-height: 1.1;
    font-weight: 700
}

.chronic-disease-pilot .col.big .wrap .tit span {
    display: block
}

.chronic-disease-pilot .col.big .wrap p {
    letter-spacing: -0.05em
}

.chronic-disease-pilot .col.big .wrap p span {
    display: block;
    line-height: 43px
}

.chronic-disease-pilot .col.big .wrap .txt01 {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 30px
}

.chronic-disease-pilot .col.big .wrap .txt01 span {
    border-bottom: 1px solid #d6f1f3
}

.chronic-disease-pilot .col.big .wrap .txt02 {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 270px
}

.chronic-disease-pilot .col.big .wrap .txt02 span {
    border-top: 1px solid #d6f1f3
}

.chronic-disease-pilot .col .step01 .bg {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-puebavp-qvfrnfr-cvybg01.cat')
}

.chronic-disease-pilot .col .step02 .bg {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-puebavp-qvfrnfr-cvybg02.cat')
}

.chronic-disease-pilot .col .step04 .bg {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-puebavp-qvfrnfr-cvybg04.cat')
}

.chronic-disease-pilot .col .step05 .bg {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-puebavp-qvfrnfr-cvybg05.cat')
}

@media only screen and (max-width:991px) {
    .chronic-disease-pilot {
        display: block;
        width: 100%;
        padding: 10px
    }
    .chronic-disease-pilot .col {
        display: block;
        width: 100%;
        padding: 20px 0 0 0;
        table-layout: inherit;
        border-collapse: inherit
    }
    .chronic-disease-pilot .col .wrap:before {
        left: 50%;
        top: -14px;
        margin: 0 0 0 -4px;
        transform: rotate(90deg)
    }
    .chronic-disease-pilot .col:first-child {
        padding-top: 0
    }
    .chronic-disease-pilot .col .wrap {
        display: block
    }
    .chronic-disease-pilot .col .wrap .bg {
        display: inline-block;
        width: 100px;
        height: 80px;
        padding: 60px 0 0 0;
        vertical-align: middle;
        border-radius: 0;
        background-position: center 10px
    }
    .chronic-disease-pilot .col .wrap .txt {
        display: inline-block;
        margin: -5px 0 0 10px;
        vertical-align: middle;
        text-align: left
    }
    .chronic-disease-pilot .col.big {
        padding: 20px 0 0 0
    }
    .chronic-disease-pilot .col.big .wrap:before {
        left: 50%;
        top: -14px;
        margin: 0 0 0 -4px
    }
    .chronic-disease-pilot .col.big .wrap {
        width: 100%;
        padding: 10px;
        height: auto;
        border-radius: 0
    }
    .chronic-disease-pilot .col.big .wrap .tit {
        position: static;
        left: auto;
        top: auto;
        width: 100%;
        margin-top: 0;
        font-size: 18px
    }
    .chronic-disease-pilot .col.big .wrap .tit span {
        display: inline;
        padding: 0
    }
    .chronic-disease-pilot .col.big .wrap p {
        letter-spacing: -0.05em
    }
    .chronic-disease-pilot .col.big .wrap p span {
        padding: 5px 0;
        line-height: 1.5
    }
    .chronic-disease-pilot .col.big .wrap .txt01 {
        position: static;
        left: auto;
        right: auto;
        top: auto
    }
    .chronic-disease-pilot .col.big .wrap .txt02 {
        position: static;
        left: auto;
        right: auto;
        top: auto
    }
    .chronic-disease-pilot .col.big .wrap .txt01 span {
        border-top: 1px solid #d6f1f3;
        border-bottom: 0
    }
    .chronic-disease-pilot .col.big .wrap .txt01 span:first-child {
        border-top: 0
    }
}

.chronic-disease-pilot-plan {
    border: 1px solid #56586e
}

.chronic-disease-pilot-plan .tit-area {
    padding: 15px 25px;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    background-color: #56586e
}

.chronic-disease-pilot-plan .cont-area {
    padding: 0 30px
}

.chronic-disease-pilot-plan .cont-area .list li {
    padding: 15px 0;
    border-top: 1px solid #edeef0
}

.chronic-disease-pilot-plan .cont-area .list li:first-child {
    border-top: 0
}

.list-text-table {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse
}

.list-text-table li {
    display: table-row
}

.list-text-table li .cell {
    display: table-cell;
    position: relative;
    padding: 5px 10px 5px 8px;
    text-align: left;
    vertical-align: top
}

.list-text-table li .cell:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 13px;
    width: 3px;
    height: 3px;
    background-color: #44465c;
    border-radius: 7px
}

.list-text-table.col-2 li .cell {
    width: 50%
}

.ci-info-box {
    overflow: hidden;
    padding: 35px 300px 35px 40px;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 900px;
    min-height: 232px;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sot%2Sot-nobhg-pv.cat');
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: top
}

.ci-info-box p.tit {
    display: block;
    padding-bottom: 10px;
    font-size: 21px;
    color: #3a3a4a
}

.character-info-box {
    overflow: hidden;
    padding: 35px 390px 35px 40px;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 900px;
    min-height: 232px;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sot%2Sot-nobhg-punenpgre.cat');
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: top
}

.character-info-box p.tit {
    display: block;
    padding-bottom: 10px;
    font-size: 21px;
    color: #3a3a4a
}

.logo-type-wrap {
    overflow: hidden
}

.logo-type-wrap .block {
    float: left;
    padding: 25px 0;
    margin-right: 30px;
    width: calc(33.3% - 20px);
    border: 1px solid #ddd;
    border-radius: 10px;
    text-align: center
}

.logo-type-wrap .block:last-child {
    float: right;
    margin-right: 0
}

.logo-type-wrap .block p {
    padding: 0 30px;
    text-align: left;
    color: #3a3a4a
}

.logo-type-wrap .block img {
    margin: 0 auto
}

.character-type-wrap {
    overflow: hidden
}

.character-type-wrap .block {
    float: left;
    padding: 25px 0;
    margin-right: 15px;
    width: calc(50% - 15px);
    border: 1px solid #ddd;
    border-radius: 10px;
    text-align: center
}

.character-type-wrap .block:last-child {
    float: right;
    margin-right: 0
}

.character-type-wrap .block p {
    padding: 0 30px;
    margin-bottom: 15px;
    text-align: left;
    color: #3a3a4a
}

.character-type-wrap .block img {
    max-width: 100%;
    margin: 0 auto
}

.director-configuration {
    overflow: hidden
}

.director-configuration .gray-box {
    width: 600px;
    margin: 0 auto 40px;
    border-radius: 110px
}

.director-configuration .dark-box {
    float: left;
    margin-right: 30px;
    width: calc(33.3% - 20px);
    border-radius: 10px;
    text-align: center
}

.director-configuration .dark-box:last-child {
    float: right;
    margin-right: 0
}

.director-configuration .dark-box .box-title {
    height: auto;
    padding: 15px 0
}

.director-configuration .dark-box .box-cont {
    text-align: left;
    padding: 15px 30px;
    min-height: 280px
}

.health-song-wrap {
    overflow: hidden
}

.health-song-wrap .block {
    float: left;
    margin-right: 30px;
    width: calc(50% - 20px);
    min-height: 584px
}

.health-song-wrap .block:last-child {
    float: right;
    margin-right: 0
}

.health-song-wrap .block img {
    margin: 0 auto;
    max-width: 100%
}

.health-song-wrap .sheet-music {
    text-align: center;
    padding: 30px;
    border: 1px solid #e1e3e6
}

.health-song-wrap .song-box {
    padding: 25px 30px;
    text-align: center;
    background-color: #fff
}

.health-song-wrap .song-box audio {
    margin: 0 auto
}

.health-song-wrap .gray-box {
    min-height: 470px
}

@media only screen and (max-width:767px) {
    .ci-info-box,
    .character-info-box {
        padding: 35px 40px;
        background: #fff2f2 !important
    }
    .logo-type-wrap .block,
    .character-type-wrap .block,
    .director-configuration .gray-box {
        width: 100%;
        margin: 0 auto 30px;
        float: none !important
    }
    .director-configuration .dark-box {
        width: 100%;
        margin-bottom: 30px;
        float: none !important
    }
    .director-configuration .dark-box .box-cont {
        min-height: auto
    }
    .health-song-wrap .block {
        width: 100%;
        margin-bottom: 30px;
        float: none !important;
        min-height: 200px
    }
    .health-song-wrap .block img {
        width: 100%;
        max-width: 700px
    }
    .health-song-wrap .gray-box {
        min-height: 0;
        padding: 20px
    }
}

@media only screen and (max-width:374px) {
    .health-song-wrap .song-box audio {
        width: 100%
    }
}

.more-to-hidden .normal-num {
    overflow: hidden;
    max-height: 220px
}

.more-to-hidden .auto .normal-num {
    max-height: inherit
}

.more-to-hidden .more-to-button {
    width: 100%;
    height: 50px;
    line-height: 49px;
    border: 1px solid #e1e3e6;
    border-width: 0 1px 1px 1px;
    background-color: #fff
}

.more-to-hidden .more-to-button i {
    margin-left: 5px;
    transform: rotate(90deg)
}

.organ-area2 {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 900px;
    text-align: center
}

.organ-area2 li.a1>span {
    display: block;
    margin: 0 auto;
    width: 176px;
    height: 48px;
    line-height: 48px;
    border-radius: 8px;
    background-color: #f6f6f6
}

.organ-area2 li.a1::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background-color: #e1e3e6;
    z-index: -2
}

.organ-area2 .group {
    position: relative;
    overflow: hidden;
    margin-top: 30px
}

.organ-area2 .group::after {
    content: '';
    display: block;
    position: absolute;
    left: 6.5%;
    top: 0;
    width: 87%;
    height: 1px;
    background-color: #e1e3e6
}

.organ-area2 .group>li {
    position: relative;
    float: left;
    width: 13%;
    height: 102px;
    margin-right: 1.5%;
    padding-top: 29px
}

.organ-area2 .group>li::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #e1e3e6;
    z-index: -1
}

.organ-area2 .group>li:last-child {
    margin-right: 0
}

.organ-area2 .group>li a {
    width: 13%;
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
    background-color: #fff;
    height: 72px;
    line-height: 24px;
    box-sizing: border-box;
    border: 1px solid #bec2c8;
    border-radius: 8px;
    z-index: 2
}

.organ-area2 .group>li a:hover {
    color: #fff;
    background-color: #ee0700;
    border: 1px solid #ee0700
}

.organ-area2 .group ul li {
    margin: 20px 0 0
}

@media only screen and (max-width:720px) {
    .organ-area2 li.a1::after {
        height: calc(100% - 23px)
    }
    .organ-area2 .group {
        padding: 20px 0 0;
        margin: 0
    }
    .organ-area2 .group::after {
        display: none
    }
    .organ-area2 .group>li {
        width: 47%;
        min-height: 48px;
        height: auto;
        margin: 30px 0 0 0;
        padding: 0
    }
    .organ-area2 .group>li:nth-child(2n) {
        float: right
    }
    .organ-area2 .group>li::after {
        left: 100%;
        top: 24px;
        width: 20%;
        height: 1px;
        z-index: -1
    }
    .organ-area2 .group>li:last-child::after {
        width: 6.5%
    }
    .organ-area2 .group>li a {
        width: 100%;
        display: block;
        min-height: 48px;
        height: auto
    }
    .organ-area2 .group>li a br {
        display: none
    }
}

.organ_area {
    position: relative;
    width: calc(100% - 115px);
    margin-left: 115px;
    text-align: center;
    color: #3a3a4a
}

.organ_area span {
    display: block;
    height: 48px;
    border-radius: 8px;
    line-height: 48px;
    background-color: #fff
}

.organ_area .link a {
    background-color: #f6f6f6;
    line-height: 48px;
    border-radius: 8px;
    border: 1px solid #e1e3e6;
    color: #3a3a4a
}

.organ_area .tit01 {
    background-color: #fff2f2;
    border: 1px solid #e1e3e6;
    color: #3a3a4a
}

.organ_area .tit02 {
    position: relative;
    height: 48px;
    border: 2px solid #bec2c8;
    border-radius: 8px;
    line-height: 46px;
    background-color: #fff;
    z-index: 1;
    color: #3a3a4a
}

.organ_area .tit01:hover {
    background-color: #ee0700;
    color: #fff
}

.organ_area .hn .tit01:hover {
    background: #fff2f2;
    border: 1px solid #e1e3e6;
    color: #3a3a4a
}

.organ_area a {
    display: block;
    text-align: center;
    border-radius: 8px;
    outline-offset: 2px
}

.organ_area a.on {
    background-color: #ee0700;
    color: #fff
}

.organ_area a:hover {
    background-color: #ee0700;
    color: #fff
}

.organ_area li.b1 {
    position: absolute;
    top: 95px;
    left: -115px;
    width: 97px
}

.organ_area li.b1 span {
    border: 2px solid #44465c;
    line-height: 46px
}

.organ_area li.b1>a:hover {
    background: 0
}

.organ_area li.b1>a:hover>span {
    background: #44465c;
    color: #fff
}

.organ_area li.b1 ul {
    margin: 197px 0 0
}

.organ_area li.b1 ul::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background-color: #e1e3e6;
    z-index: -1
}

.organ_area li.a1 {
    position: relative
}

.organ_area li.a1::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background-color: #e1e3e6;
    z-index: -1
}

.organ_area li.a1>span {
    display: block;
    width: 200px;
    height: 60px;
    margin: 0 auto 180px;
    background-color: #44465c;
    color: #fff;
    font-size: 16px;
    line-height: 60px
}

.organ_area li.a2 {
    position: absolute;
    top: 60px;
    right: 0;
    width: 175px
}

.organ_area li.a2 span {
    border: 2px solid #44465c;
    line-height: 46px
}

.organ_area li.a3 {
    position: absolute;
    top: 130px;
    right: 0;
    width: 100%;
    text-align: right
}

.organ_area li.a3 a {
    display: inline-block;
    width: 175px
}

.organ_area li.a3::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 50%;
    height: 1px;
    background-color: #e1e3e6;
    z-index: -1
}

.organ_area .group {
    position: relative;
    overflow: hidden
}

.organ_area .group::after {
    content: '';
    display: block;
    position: absolute;
    background-color: #e1e3e6
}

.organ_area .group>li {
    position: relative;
    float: left
}

.organ_area .group ul li {
    margin: 20px 0 0
}

.organ_area .group-1 {
    padding: 30px 0 0
}

.organ_area .group-1::after {
    top: 0;
    left: 11.25%;
    width: 77.5%;
    height: 1px
}

.organ_area .group-1>li {
    width: 22.50%;
    margin: 0 0 0 3.33%;
    padding-left: 1px
}

.organ_area .group-1>li::after {
    content: '';
    display: block;
    position: absolute;
    top: -30px;
    left: 50%;
    width: 1px;
    height: 30px;
    background-color: #e1e3e6
}

.organ_area .group-1>li:first-child {
    margin: 0
}

.organ_area .group-2 {
    max-width: 48.3%;
    padding: 30px 0 0;
    margin: -10px auto 0
}

.organ_area .group-2::after {
    top: 0;
    left: 23.25%;
    width: 53.5%;
    height: 1px
}

.organ_area .group-2>li {
    width: 46.5%;
    margin: 0 0 0 7%;
    padding-left: 1px
}

.organ_area .group-2>li::after {
    content: '';
    display: block;
    position: absolute;
    top: -30px;
    left: 50%;
    width: 1px;
    height: 30px;
    background-color: #e1e3e6
}

.organ_area .group-2>li:first-child {
    margin: 0
}

.organ_area .group-3 {
    padding: 30px 0 0;
    margin: 30px 0 0;
    background-color: #fff
}

.organ_area .group-3::after {
    top: 0;
    left: 11.25%;
    width: 77.5%;
    height: 1px
}

.organ_area .group-3>li {
    width: 22.50%;
    margin: 0 0 0 3.33%;
    padding-left: 1px
}

.organ_area .group-3>li::after {
    content: '';
    display: block;
    position: absolute;
    top: -30px;
    left: 50%;
    width: 1px;
    height: 30px;
    background-color: #e1e3e6
}

.organ_area .group-3>li:first-child {
    margin: 0
}

.organ_area .group-4 {
    max-width: 77%;
    padding: 30px 0 0;
    margin: 30px auto 0
}

.organ_area .group-4>li {
    width: 28.7%;
    margin: 0 0 0 6.9%;
    padding-left: 1px
}

.organ_area .group-4>li:first-child {
    margin: 0 auto;
    float: none
}

@media only screen and (max-width:720px) {
    .organ_area {
        width: 100%;
        margin-left: 0
    }
    .organ_area span {
        height: 40px;
        line-height: 40px
    }
    .organ_area .link a {
        line-height: 40px;
        border-radius: 5px
    }
    .organ_area .tit01 {
        border-radius: 5px
    }
    .organ_area .tit02 {
        height: 40px;
        line-height: 38px;
        border-radius: 5px
    }
    .organ_area li.b1 {
        top: 80px;
        left: 0;
        width: 120px;
        z-index: 1
    }
    .organ_area li.b1 span {
        line-height: 38px
    }
    .organ_area li.b1 ul {
        margin: 20px 0 0
    }
    .organ_area li.a1::after {
        height: 1655px
    }
    .organ_area li.a1>span {
        width: 180px;
        height: 55px;
        margin: 0 auto 145px;
        line-height: 55px
    }
    .organ_area li.a2 {
        top: 80px;
        width: 120px
    }
    .organ_area li.a2 span {
        line-height: 38px
    }
    .organ_area li.a3 {
        top: 140px;
        width: 50%
    }
    .organ_area li.a3::after {
        left: 0;
        width: 100%
    }
    .organ_area li.a3 a {
        width: 120px
    }
    .organ_area .group ul li {
        margin: 12px 0 0
    }
    .organ_area .group-1 {
        padding: 20px 0 0
    }
    .organ_area .group-1::after {
        display: none
    }
    .organ_area .group-1>li {
        width: 47%;
        margin: 30px 0 0 6%
    }
    .organ_area .group-1>li::after {
        top: 20px;
        width: 200%;
        height: 1px;
        z-index: -1
    }
    .organ_area .group-1>li:nth-child(1) {
        margin: 0 !important
    }
    .organ_area .group-1>li:nth-child(-n+2) {
        margin-top: 0
    }
    .organ_area .group-1>li:nth-child(2n+1) {
        clear: both;
        margin: 30px 0 0
    }
    .organ_area .group-1>li:nth-child(3)::after {
        top: 20px;
        width: 200%;
        height: 1px;
        z-index: -1
    }
    .organ_area .group-2 {
        max-width: 100%;
        padding: 0;
        margin: 30px auto 0
    }
    .organ_area .group-2::after {
        display: none
    }
    .organ_area .group-2>li {
        width: 47%;
        margin: 0 0 0 6%
    }
    .organ_area .group-2>li::after {
        top: 20px;
        width: 200%;
        height: 1px;
        z-index: -1
    }
    .organ_area .group-3 {
        padding: 0;
        margin: 30px 0 0;
        background-color: rgba(255, 255, 255, 0)
    }
    .organ_area .group-3::after {
        display: none
    }
    .organ_area .group-3>li {
        width: 47%;
        margin: 30px 0 0 6%
    }
    .organ_area .group-3>li::after {
        top: 20px;
        width: 200%;
        height: 1px;
        z-index: 0
    }
    .organ_area .group-3>li:nth-child(-n+2) {
        margin-top: 0
    }
    .organ_area .group-3>li:nth-child(2n+1) {
        clear: both;
        margin: 30px 0 0
    }
    .organ_area .group-3>li:first-child {
        margin: 0
    }
    .organ_area .group-3>li.last {
        margin: 12px 0 0 3.33%
    }
    .organ_area .group-4 {
        padding: 0;
        margin: 30px 0 0;
        background-color: rgba(255, 255, 255, 0);
        max-width: 100%
    }
    .organ_area .group-4::after {
        display: none
    }
    .organ_area .group-4>li {
        width: 50%;
        padding-right: 3%;
        margin: 30px 0 0 6%
    }
    .organ_area .group-4>li::after {
        top: 20px;
        width: 200%;
        height: 1px;
        z-index: -1
    }
    .organ_area .group-4>li:first-child {
        margin: 0
    }
    .organ_area .group-4>li:first-child:after {
        content: '';
        display: block;
        position: absolute;
        top: 20px;
        right: 0;
        width: 100%;
        height: 1px;
        background-color: #e1e3e6
    }
}

.branch-info-list {
    margin-bottom: 40px
}

.branch-info-list ul {
    position: relative
}

.branch-info-list ul:after {
    content: "";
    clear: both;
    display: block
}

.branch-info-list ul li {
    width: 20%;
    float: left;
    margin-right: -1px
}

.branch-info-list ul li:nth-child(5)~li a {
    border-top: 0
}

.branch-info-list ul li a {
    display: block;
    height: 48px;
    padding: 0 10px;
    line-height: 46px;
    font-size: 15px;
    border: 1px solid #bec2c8;
    text-align: center;
    font-size: 15px;
    background: #fff
}

.branch-info-list ul li:first-child a {
    border-left: 1px solid #bec2c8
}

.branch-info-list ul li a:hover {
    background-color: #f6f6f6
}

.branch-info-list ul li.curr a {
    border-color: #44465c;
    color: #fff;
    background: #44465c;
    transition: all ease .2s
}

@media only screen and (max-width:767px) {
    .branch-info-list ul li {
        width: 33.3%
    }
    .branch-info-list ul li:nth-child(3n) {
        width: 33.4%
    }
    .branch-info-list ul li:nth-child(3)~li a {
        border-top: 0
    }
}

.volunteer-hello {
    overflow: hidden
}

.volunteer-hello .block {
    float: left;
    padding: 20px;
    margin-bottom: 20px;
    width: calc(50% - 10px);
    border-radius: 10px 10px 10px 50px;
    background-color: #f6f6f6
}

.volunteer-hello .block:nth-child(2n) {
    float: right
}

.volunteer-hello .block .img {
    display: block;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    background-color: #fff
}

.volunteer-hello .block .img img {
    width: 100%;
    max-width: 370px
}

.volunteer-hello .block .txt {
    display: block;
    position: relative;
    padding: 0 0 0 60px
}

.volunteer-hello .block .txt span {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 21px;
    border-radius: 15px;
    background-color: #44465c
}

.business-guidance-list>li {
    position: relative;
    padding: 30px 0;
    width: 100%;
    border-bottom: 1px solid #e1e3e6
}

.business-guidance-list>li .cont {
    overflow: hidden;
    position: relative
}

.business-guidance-list>li .cont .img-wrap {
    float: left;
    width: 190px
}

.business-guidance-list>li .cont .img-wrap img {
    display: block;
    width: 100%
}

.business-guidance-list>li .cont .img-wrap span.under-img {
    display: block;
    width: 100%;
    height: 60px;
    border: 1px solid #e1e3e6;
    border-width: 0 1px 1px 1px;
    border-radius: 0 0 10px 10px
}

.business-guidance-list>li .cont .img-wrap span.under-img img {
    width: 170px;
    margin: 0 auto
}

.business-guidance-list>li .cont .list-text {
    float: right;
    width: calc(100% - 220px)
}

.volunteer-vision .pink {
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-weight: bold;
    color: #3a3a4a;
    border-radius: 10px;
    background-color: #fff2f2
}

.volunteer-vision .gray {
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-weight: bold;
    color: #3a3a4a;
    border-radius: 10px;
    background-color: #f6f6f6
}

.volunteer-vision .arrow {
    text-align: center;
    padding: 0 0 10px 0
}

.volunteer-vision .step {
    position: relative;
    margin: 20px 0;
    width: 100%
}

.volunteer-vision .step:after {
    display: block;
    content: '';
    clear: both
}

.volunteer-vision .step .block {
    position: relative;
    float: left;
    padding: 20px 0;
    margin-right: 15px;
    width: calc(33.3% - 10px);
    height: 90px;
    vertical-align: center;
    text-align: center;
    border-radius: 10px;
    background-color: #e8fafc;
    z-index: 9
}

.volunteer-vision .step .block:last-child:before {
    position: absolute;
    left: -22px;
    top: 50%;
    margin-top: -15px;
    content: '';
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-ot-pvepyr.cat') 0 0 no-repeat;
    z-index: 10
}

.volunteer-vision .step .block:nth-child(2):before {
    position: absolute;
    left: -22px;
    top: 50%;
    margin-top: -15px;
    content: '';
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-ot-pvepyr.cat') 0 0 no-repeat;
    z-index: 10
}

.volunteer-vision .step .block:last-child {
    margin-right: 0
}

.volunteer-organization {
    max-width: 900px;
    margin: 0 auto
}

.volunteer-organization img {
    width: 100%
}

@media only screen and (max-width:767px) {
    .volunteer-hello .block {
        width: 100%;
        min-height: 329px
    }
    .business-guidance-list>li .cont .img-wrap {
        float: none;
        margin: 0 auto
    }
    .business-guidance-list>li .cont .list-text {
        float: none;
        width: 100%;
        margin-top: 20px
    }
    .volunteer-vision .step .block {
        width: 100%;
        margin-bottom: 15px
    }
    .volunteer-vision .step .block:last-child:before {
        left: 50%;
        top: -8px;
        margin-left: -15px;
        transform: rotate(90deg)
    }
    .volunteer-vision .step .block:nth-child(2):before {
        left: 50%;
        top: -8px;
        margin-left: -15px;
        transform: rotate(90deg)
    }
}

.medicine-tool-wrap {
    overflow: hidden
}

.medicine-tool-wrap ul {
    margin-top: -40px
}

.medicine-tool-wrap ul li {
    float: left;
    width: 273px;
    margin-right: 40px;
    margin-top: 40px
}

.medicine-tool-wrap ul li .img {
    width: 273px;
    height: 170px;
    font-size: 0;
    line-height: 0
}

.medicine-tool-wrap ul li .img img {
    display: block;
    width: 100%
}

.medicine-tool-wrap ul li .text {
    margin-top: 15px
}

.medicine-tool-wrap ul li .text strong {
    display: block
}

.medicine-tool-wrap ul li .text span {
    display: block
}

@media only screen and (max-width:991px) {
    .medicine-tool-wrap ul li {
        float: left;
        width: 50%;
        padding-right: 10px;
        margin-right: 0
    }
    .medicine-tool-wrap ul li:nth-child(even) {
        float: right;
        padding-right: 0;
        padding-left: 10px
    }
    .medicine-tool-wrap ul li .img {
        width: 100%;
        height: auto
    }
}

.great-volunteer-list {
    margin: -40px 0 0 -3.34%
}

.great-volunteer-list:after {
    display: block;
    content: '';
    clear: both
}

.great-volunteer-list li {
    float: left;
    width: 21.66%;
    height: 276px;
    padding: 40px 0 0;
    margin: 40px 0 0 3.34%;
    text-align: center;
    border: 1px solid #e1e3e6;
    border-radius: 8px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-terng-ibyhagrre.cat') 0 0 no-repeat;
    background-size: 100%
}

.great-volunteer-list li .img {
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
    border-radius: 50%;
    overflow: hidden
}

.great-volunteer-list li .img img {
    width: 100px;
    height: 101px;
    margin-top: -1px
}

.great-volunteer-list li p.tit {
    font-size: 16px;
    color: #3a3a4a;
    padding-bottom: 10px
}

.volunteer-img-box {
    margin: 0 auto;
    padding: 45px 0;
    text-align: center;
    border: 1px solid #e1e3e6;
    border-radius: 10px
}

.volunteer-img-box p.tit {
    margin: 50px 0 0;
    font-size: 16px;
    color: #3a3a4a;
    font-weight: 700
}

.volunteer-img-box p.tit:first-child {
    margin: 0
}

.volunteer-img-box .img-box {
    overflow: hidden;
    max-width: 720px;
    margin: 30px auto 0;
    font-size: 0
}

.volunteer-img-box .img-box img {
    display: inline-block;
    max-width: 100%;
    width: 47.22%;
    margin: 0 1.39%
}

.volunteer-img-box .img-box:first-child {
    margin: 0 auto
}

.volunteer-img-box.v1 p.tit {
    margin-bottom: 20px
}

.volunteer-img-box.v1 .img-box {
    overflow: hidden
}

.volunteer-img-box.v1 .img-box img {
    width: 100%
}

.volunteer-img-box.v1 .img-box .left {
    float: left;
    width: 47.22%
}

.volunteer-img-box.v1 .img-box .right {
    float: right;
    width: 47.22%
}

@media only screen and (max-width:767px) {
    .great-volunteer-list {
        margin: -30px 0 0 -3.33%
    }
    .great-volunteer-list li {
        width: 30%;
        margin: 30px 0 0 3.33%
    }
    .volunteer-img-box .img-box img {
        display: block;
        float: none;
        width: 100%;
        max-width: 340px;
        margin: 15px auto 0
    }
    .volunteer-img-box .img-box img:last-child {
        float: none
    }
    .volunteer-img-box .img-box img:first-child {
        margin: 0 auto
    }
    .volunteer-img-box.v1 .img-box img {
        margin: 0 auto
    }
    .volunteer-img-box.v1 .img-box .left {
        float: none;
        width: 100%
    }
    .volunteer-img-box.v1 .img-box .right {
        float: none;
        width: 100%
    }
    .volunteer-img-box.v1 .img-box .right .tit {
        margin: 35px 0 20px
    }
}

@media only screen and (max-width:480px) {
    .great-volunteer-list {
        margin: -20px 0 0 -5%
    }
    .great-volunteer-list li {
        width: 45%;
        margin: 20px 0 0 5%
    }
}

.map-body,
.map-body #cms-content,
.map-body .window-popup {
    height: 100% !important
}

.map-body .window-popup {
    padding: 0
}

.map-api-wrap {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #000
}

.map-api-wrap .left-list {
    position: absolute;
    top: 0;
    left: -330px;
    width: 330px;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff;
    z-index: 20;
    box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.1)
}

.map-api-wrap .left-list.open {
    left: 0
}

.map-api-wrap .left-list:after {
    content: '';
    display: table
}

.map-api-wrap .left-list .left-btn {
    position: absolute;
    right: -20px;
    top: 50%;
    width: 20px;
    height: 100px;
    margin-top: -50px;
    font-size: 0
}

.map-api-wrap .left-list .left-btn button {
    width: 20px;
    height: 40px;
    border-radius: 0 5px 5px 0;
    background-size: 20px 40px;
    box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.1)
}

.map-api-wrap .left-list .left-btn button.left-open {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Soga%2Soga-bcra-oenapu-yvfg.cat') 0 0 no-repeat
}

.map-api-wrap .left-list .left-btn button.left-close {
    margin-top: 10px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Soga%2Soga-pybfr-oenapu-yvfg.cat') 0 0 no-repeat
}

.map-api-wrap .left-list .left-top {
    padding: 30px;
    width: 100%;
    height: 198px;
    color: #fff;
    background-color: #44465c
}

.map-api-wrap .left-list .left-top .map-button-top {
    margin-top: 10px
}

.map-api-wrap .left-list .left-top .search-wrap .input-search {
    width: 100%;
    margin-top: 10px
}

.map-api-wrap .left-list .left-top .search-wrap .input-search {
    display: inline-block;
    position: relative
}

.map-api-wrap .left-list .left-top .search-wrap .input-search .input-text {
    padding: 0 40px 0 11px;
    width: 100%;
    color: #9c9ca2;
    background: #3a3a4a;
    border: 0
}

.map-api-wrap .left-list .left-top .search-wrap .input-search .input-text::placeholder {
    color: #a4a5a8
}

.map-api-wrap .left-list .left-top .search-wrap .input-search .input-text:-ms-input-placeholder {
    color: #a4a5a8
}

.map-api-wrap .left-list .left-top .search-wrap .input-search .input-text::-ms-input-placeholder {
    color: #a4a5a8
}

.map-api-wrap .left-list .left-top .search-wrap .input-search button {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-pbagebyone-frnepu.cat") no-repeat 50% 50%;
    text-indent: -9999px
}

.map-api-wrap .left-list .left-top .search-wrap .input-search span {
    width: auto !important;
    position: absolute;
    top: 0;
    right: 8px;
    text-indent: 0;
    background: 0
}

.map-api-wrap .left-list .left-top .search-wrap .input-search span img {
    margin-top: 7px
}

.map-api-wrap .left-list .branch-list {
    padding: 10px 30px;
    height: 100%;
    min-height: calc(100% - 208px);
    overflow-y: scroll
}

.map-api-wrap .left-list .branch-list ul li {
    position: relative;
    width: 100%;
    height: 62px;
    line-height: 60px;
    border-bottom: 1px solid #e1e3e6
}

.map-api-wrap .left-list .branch-list ul li a {
    display: block;
    color: #6c6d73;
    padding-left: 20px
}

.map-api-wrap .left-list .branch-list ul li.curr a {
    font-weight: bold
}

.map-api-wrap .left-list .branch-list ul li a:before {
    position: absolute;
    content: '';
    left: 0;
    top: 20px;
    width: 13px;
    height: 16px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-znexre-zvav.cat') 0 0 no-repeat;
    background-size: 13px 16px
}

.map-api-wrap .left-list .branch-list ul li.curr a:before {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-znexre-zvav-ba.cat') 0 0 no-repeat;
    background-size: 13px 16px
}

.map-api-wrap .btn-radio span input[type='radio']:checked+label {
    position: relative;
    background-color: #fff;
    color: #3a3a4a;
    z-index: 1
}

.map-api-wrap .btn-radio span label {
    display: block;
    min-width: 90px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border: 0;
    background-color: #3a3a4a;
    color: #fff;
    margin-left: -1px
}

.map-api-wrap .btn-radio span:first-child label {
    margin-left: 0
}

.map-api-wrap .btn-radio span:first-child label {
    border-radius: 5px 0 0 5px
}

.map-api-wrap .btn-radio span:last-child label {
    border-radius: 0 5px 5px 0
}

.map-api-wrap .map-api-area {
    width: 100%;
    height: 100%;
    background: #fff
}

.map-api-wrap .map-control {
    position: absolute;
    right: 20px;
    top: 100px
}

.map-api-wrap .map-control button {
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 1px 0 0 0;
    background: #fff;
    border: 0
}

.map-api-wrap .map-control .zoom-control {
    width: 32px;
    height: 65px;
    border-radius: 3px;
    box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.1)
}

.map-api-wrap .map-control .zoom-control button:first-child {
    border-bottom: 1px solid #e2e2e2;
    border-radius: 3px 3px 0 0
}

.map-api-wrap .map-control .zoom-control button:last-child {
    border-radius: 0 0 3px 3px
}

.map-api-wrap .map-control .etc-control {
    margin-top: 20px;
    width: 32px;
    height: 98px;
    border-radius: 3px;
    box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.1)
}

.map-api-wrap .map-control .etc-control button {
    border-bottom: 1px solid #e2e2e2
}

.map-api-wrap .map-control .etc-control button:first-child {
    border-radius: 3px 3px 0 0
}

.map-api-wrap .map-control .etc-control button:last-child {
    border-bottom: 0;
    border-radius: 0 0 3px 3px
}

.map-api-wrap .marker-info {
    position: absolute;
    width: 400px;
    border-radius: 8px;
    box-shadow: 3px 3px 2px 3px rgba(0, 0, 0, 0.1);
    background: #fff
}

.map-api-wrap .marker-info .box-title {
    padding: 13px 20px;
    text-align: left
}

.map-api-wrap .marker-info .box-cont {
    padding: 20px;
    text-align: left;
    background-color: #fff
}

.map-api-wrap .marker-info .box-cont ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 30px
}

.map-api-wrap .marker-info .box-cont ul li i {
    position: absolute;
    left: 0
}

.map-api-wrap .marker-info .inner-dotted-btn {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 48px;
    text-align: center;
    border-top: 1px dotted #e1e3e6;
    text-align: center
}

.map-api-wrap .marker-info .inner-dotted-btn a {
    display: block
}

.map-api-wrap .marker-info .info-close {
    position: absolute;
    right: 20px;
    top: 13px
}

.map-api-wrap .marker-info .info-close button {
    background: 0;
    border: 0
}

.map-api-wrap .dot {
    overflow: hidden;
    float: left;
    width: 12px;
    height: 12px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sot%2Sznc-pvepyr.cat")
}

@media only screen and (max-width:767px) {
    .map-api-wrap .left-list {
        width: 200px;
        left: -200px
    }
    .map-api-wrap .left-list.open {
        left: 0
    }
    .map-api-wrap .left-list .left-top {
        padding: 10px;
        height: auto
    }
    .map-api-wrap .left-list .branch-list {
        padding: 20px 10px
    }
    .map-api-wrap .btn-radio span {
        width: 100%
    }
    .map-api-wrap .btn-radio span label {
        display: block;
        width: 100% !important;
        border-radius: 0 !important
    }
    .map-api-wrap .marker-info {
        width: 300px
    }
}

.strategy-system {
    overflow: hidden;
    max-width: 900px
}

.strategy-system .purpose-box {
    position: relative;
    width: 520px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 110px
}

.strategy-system .purpose-box:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 30px;
    margin-left: -32px;
    width: 65px;
    height: 56px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-gbc-ovt.cat') no-repeat 0
}

.strategy-system .process-wrap {
    overflow: hidden
}

.strategy-system .process-wrap .left {
    float: left;
    width: 360px;
    text-align: center
}

.strategy-system .process-wrap .right {
    float: right;
    width: 525px
}

.strategy-system .process-wrap .right .round-num {
    overflow: hidden
}

.strategy-system .process-wrap .right .round-num li {
    width: 50%;
    float: left;
    margin-top: 2px
}

.strategy-system .process-wrap .right .round-num li:nth-child(even) {
    float: right
}

.operate-system ul {
    overflow: hidden;
    width: 692px;
    height: 240px;
    margin: 0 auto;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-jounsq02400.cat') no-repeat 0
}

.operate-system ul li {
    float: left;
    width: 33.33%;
    padding: 52px 0 0;
    text-align: center
}

.operate-system ul li strong {
    display: block;
    margin: 0 0 6px;
    color: #3a3a4a;
    font-size: 16px
}

.operate-system ul li p {
    line-height: 27px
}

.operate-system ul li:last-child {
    padding: 65px 0 0
}

@media only screen and (max-width:991px) {
    .strategy-system {
        max-width: 100%
    }
    .strategy-system .purpose-box {
        position: relative;
        width: 100%;
        margin: 0
    }
    .strategy-system .process-wrap .left {
        float: none;
        width: 100%;
        text-align: center
    }
    .strategy-system .process-wrap .right {
        float: none;
        width: 100%;
        margin-top: 20px
    }
}

@media only screen and (max-width:767px) {
    .strategy-system .process-wrap .right .round-num {
        overflow: hidden
    }
    .strategy-system .process-wrap .right .round-num li {
        width: 100%;
        float: none
    }
    .strategy-system .process-wrap .right .round-num li:nth-child(even) {
        float: none
    }
    .operate-system {
        overflow-x: scroll
    }
    .operate-system ul {
        width: 520px;
        height: 180px;
        background-size: 100%
    }
    .operate-system ul li {
        padding: 35px 0 0
    }
    .operate-system ul li strong {
        margin: 0 0 8px;
        font-size: 14px
    }
    .operate-system ul li p {
        font-size: 13px;
        line-height: 20px
    }
    .operate-system ul li:last-child {
        padding: 45px 0 0
    }
}

.map-area {
    height: 360px;
    border: 1px solid #e1e3e6
}

@media only screen and (max-width:767px) {
    .map-area {
        height: 250px
    }
}

.map-info {
    padding: 10px 0 0;
    border-top: 2px solid #3a3a4a
}

.map-info dl {
    margin: 25px 0 0;
    line-height: 24px
}

.map-info dl dt {
    margin: 0 0 15px
}

.map-info dl dt .iconset {
    margin: 0 10px 0 0
}

.map-info dl.info {
    overflow: hidden;
    margin: 15px 0 0
}

.map-info dl.info dt {
    float: left;
    width: 165px;
    margin: 0
}

.map-info dl.info dd {
    float: left;
    width: calc(100% - 165px)
}

.map-info dl.info-traffic {
    padding: 25px 0 0;
    border-top: 1px solid #e1e3e6
}

.map-info dl.info-traffic dd {
    padding: 25px;
    background-color: #f6f6f6
}

.map-info .button-group {
    padding: 30px 0 0;
    margin: 25px 0 0;
    border-top: 1px solid #bfc2c9
}

@media only screen and (max-width:767px) {
    .map-info {
        padding: 5px 0 0
    }
    .map-info dl {
        margin: 20px 0 0
    }
    .map-info dl dt {
        margin: 0 0 10px
    }
    .map-info dl.info {
        margin: 20px 0 0
    }
    .map-info dl.info dt {
        float: none;
        width: 100%;
        margin: 0 0 10px
    }
    .map-info dl.info dd {
        float: none;
        width: 100%;
        word-break: keep-all
    }
    .map-info dl.info-traffic dd {
        padding: 20px;
        background-color: #f6f6f6
    }
    .map-info .button-group {
        padding: 20px 0 0;
        margin: 15px 0 0
    }
}

.operation-branch {
    overflow: hidden
}

.operation-branch .boss-area {
    overflow: hidden;
    position: relative;
    width: 765px;
    margin: 0 auto;
    z-index: 1
}

.operation-branch .boss-area:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background: #e1e3e6;
    z-index: 0
}

.operation-branch .boss-area .dark-box {
    position: relative;
    width: 182px;
    text-align: center;
    margin: 0 auto;
    z-index: 1
}

.operation-branch .boss-area .dark-box .box-cont {
    position: relative;
    padding: 20px 0;
    border: 1px solid #e1e3e6;
    background: #fff;
    overflow: hidden;
    border-radius: 0 0 8px 8px
}

.operation-branch .boss-area .second {
    overflow: hidden;
    position: relative;
    margin: 10px 0
}

.operation-branch .boss-area .second:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e1e3e6;
    z-index: 0
}

.operation-branch .boss-area .second .dark-box.left {
    float: left
}

.operation-branch .boss-area .second .dark-box.right {
    float: right
}

.operation-branch .border-box {
    overflow: hidden;
    width: 210px;
    text-align: center;
    border-radius: 8px;
    padding: 0
}

.operation-branch .border-box .box-title {
    height: 70px;
    background-color: #f6f6f6;
    padding: 13px 0
}

.operation-branch .border-box .box-cont {
    height: 160px;
    background-color: #fff
}

.operation-branch .division-area {
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-sq2500-oenapu.cat') no-repeat center top
}

.operation-branch .division-area .border-box {
    float: left;
    margin-left: 20px;
    margin-top: 55px
}

.operation-branch .division-area .border-box:first-child,
.operation-branch .division-area .border-box:nth-child(5) {
    margin-left: 0
}

.operation-branch .division-area .border-box.wide {
    width: 100%;
    margin-left: 0;
    margin-top: 30px
}

.operation-branch .division-area .border-box.wide .box-cont {
    height: auto
}

.operation-branch.v1 .boss-area {
    width: auto
}

.operation-branch.v1 .boss-area:after {
    display: none
}

.operation-branch.v1 .boss-area .border-box {
    margin: 0 auto
}

.operation-branch.v1 .boss-area .border-box .box-title {
    height: auto
}

.operation-branch.v1 .boss-area .border-box .box-cont {
    height: auto
}

.operation-branch.v1 .division-area {
    max-width: 670px;
    margin: 0 auto;
    padding-top: 85px;
    overflow: hidden;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-sq2500-oenapu2.cat') no-repeat center top
}

.operation-branch.v1 .division-area .border-box:first-child .box-title {
    padding-top: 25px
}

.operation-branch.v1 .division-area .border-box .box-cont {
    padding: 0;
    height: 230px
}

.operation-branch.v1 .division-area .border-box .box {
    padding: 20px 10px;
    border-top: 1px solid #e1e3e6
}

.operation-branch .boss-area .second-left {
    overflow: hidden;
    position: relative;
    margin: 10px 0
}

.operation-branch .boss-area .second-left:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 1px;
    background: #e1e3e6;
    z-index: 0
}

.operation-branch .boss-area .second-left .dark-box.left {
    float: left
}

.operation-branch .boss-area .second-left .dark-box.right {
    float: right
}

.operation-branch .boss-area .second-left.line1:before {
    left: 0;
    width: 100%
}

.operation-branch.v2 .boss-area {
    width: auto
}

.operation-branch.v2 .boss-area:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background: #e1e3e6;
    z-index: 0
}

.operation-branch.v2 .boss-area .border-box {
    margin: 0 auto
}

.operation-branch.v2 .boss-area .border-box .box-title {
    height: auto
}

.operation-branch.v2 .boss-area .border-box .box-cont {
    height: auto
}

.operation-branch.v2 .division-area {
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Sot_jounsq02510_oenapu3.cat') no-repeat center top
}

.operation-branch.v2 .division-area .border-box {
    float: left;
    margin-left: 135px;
    margin-top: 55px
}

.operation-branch.v2 .division-area .border-box:first-child {
    margin-left: 0
}

.operation-branch.v2 .division-area .border-box .box-title {
    height: 48px;
    background-color: #f6f6f6;
    padding: 13px 0
}

.operation-branch.v2 .division-area .border-box .box-cont {
    padding: 0;
    height: 180px
}

.operation-branch.v2 .division-area .border-box .box {
    padding: 20px 10px;
    border-top: 1px solid #e1e3e6
}

@media only screen and (max-width:991px) {
    .operation-branch .boss-area {
        width: 100%;
        margin: 0;
        z-index: 1
    }
    .operation-branch .boss-area .dark-box {
        position: relative;
        width: 182px;
        text-align: center;
        margin: 0 auto;
        z-index: 1
    }
    .operation-branch .boss-area .dark-box .box-cont {
        position: relative;
        padding: 20px 0;
        border: 1px solid #e1e3e6;
        background: #fff;
        overflow: hidden;
        border-radius: 0 0 8px 8px
    }
    .operation-branch .division-area {
        background: 0
    }
    .operation-branch .division-area .border-box {
        overflow: hidden;
        width: 48%;
        float: left;
        text-align: center;
        margin-left: 0;
        margin-top: 20px
    }
    .operation-branch .division-area .border-box:nth-child(even) {
        float: right
    }
    .operation-branch .division-area .border-box.wide {
        margin-top: 20px
    }
    .operation-branch.v1 .boss-area {
        width: auto
    }
    .operation-branch.v1 .boss-area .border-box {
        position: relative;
        text-align: center;
        margin: 0 auto;
        z-index: 1
    }
    .operation-branch.v1 .boss-area .border-box .box-cont {
        height: auto
    }
    .operation-branch.v1 .division-area .border-box {
        overflow: hidden;
        width: 210px;
        margin-left: 20px;
        margin-top: 55px;
        float: left;
        text-align: center
    }
    .operation-branch.v1 .division-area .border-box:first-child {
        margin-left: 0
    }
    .operation-branch.v1 .division-area .border-box:nth-child(even) {
        float: left
    }
    .operation-branch.v2 .boss-area {
        width: auto
    }
    .operation-branch.v2 .boss-area .border-box {
        position: relative;
        text-align: center;
        margin: 0 auto;
        z-index: 1
    }
    .operation-branch.v2 .boss-area .border-box .box-cont {
        height: auto
    }
    .operation-branch.v2 .division-area .border-box {
        overflow: hidden;
        width: 210px;
        margin-left: 20px;
        margin-top: 55px;
        float: left;
        text-align: center
    }
    .operation-branch.v2 .division-area .border-box:first-child {
        margin-left: 0
    }
    .operation-branch.v2 .division-area .border-box:nth-child(even) {
        float: left
    }
}

@media only screen and (max-width:767px) {
    .operation-branch {
        overflow: hidden
    }
    .operation-branch .boss-area {
        width: 100%
    }
    .operation-branch .boss-area:after {
        display: none
    }
    .operation-branch .boss-area .dark-box {
        position: relative;
        width: 200px
    }
    .operation-branch .boss-area .second:before {
        display: none
    }
    .operation-branch .boss-area .second .dark-box.left {
        float: none
    }
    .operation-branch .boss-area .second .dark-box.right {
        float: none;
        margin-top: 10px
    }
    .operation-branch.v1 .boss-area .border-box {
        position: relative;
        width: 100%
    }
    .operation-branch.v1 .division-area {
        max-width: 100%;
        background: 0;
        padding-top: 20px
    }
    .operation-branch.v1 .division-area .border-box {
        overflow: hidden;
        width: 100%;
        float: none;
        margin: 20px 0 0 0
    }
    .operation-branch.v1 .division-area .border-box:nth-child(even) {
        float: none
    }
    .operation-branch .boss-area .second-left:before {
        display: none
    }
    .operation-branch .boss-area .second-left .dark-box.left {
        float: none
    }
    .operation-branch .boss-area .second-left .dark-box.right {
        float: none;
        margin-top: 10px
    }
    .operation-branch.v2 .boss-area .border-box {
        position: relative;
        width: 100%
    }
    .operation-branch.v2 .division-area {
        max-width: 100%;
        background: 0;
        padding-top: 20px
    }
    .operation-branch.v2 .division-area .border-box {
        overflow: hidden;
        width: 100%;
        float: none;
        margin: 20px 0 0 0
    }
    .operation-branch.v2 .division-area .border-box:nth-child(even) {
        float: none
    }
}

.location-info-box {
    border-top: 2px solid #43455b;
    border-bottom: 1px solid #e1e3e6;
    padding: 25px 0
}

.location-info-box ul li {
    margin-top: 15px
}

.location-info-box ul li:first-child {
    margin-top: 0
}

.location-info-box ul li .title {
    display: inline-block;
    vertical-align: top;
    width: 165px;
    color: #3a3a4a
}

.location-info-box ul li .info {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 170px);
    color: #3a3a4a
}

.organization-purpose {
    overflow: hidden;
    position: relative
}

.organization-purpose .organization-in-box {
    position: relative;
    padding-left: 60px
}

.organization-purpose .organization-in-box:after {
    content: '';
    position: absolute;
    top: -30px;
    left: 30px;
    width: 1px;
    height: 100%;
    background-color: #e1e3e6
}

.organization-purpose .border-box {
    position: relative;
    border-radius: 8px;
    margin-top: 30px
}

.organization-purpose .border-box:before {
    content: '';
    position: absolute;
    top: 54px;
    left: -30px;
    width: 30px;
    height: 1px;
    background-color: #e1e3e6
}

.organization-purpose .border-box:last-child .box-cont {
    position: relative
}

.organization-purpose .border-box:last-child .box-cont:before {
    content: '';
    position: absolute;
    top: 0;
    left: -31px;
    width: 1px;
    height: 100%;
    background-color: #fff;
    z-index: 2
}

.strategy-map {
    overflow: hidden
}

.strategy-map .step-line {
    position: relative;
    margin-bottom: 30px;
    padding: 0 0 0 110px
}

.strategy-map .step-line:before {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 47px;
    width: 15px;
    height: 10px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-tenl-gbc.cat') no-repeat
}

.strategy-map .step-line:last-child {
    margin-bottom: 0
}

.strategy-map .step-line:last-child:before {
    display: none
}

.strategy-map .step-line .title {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 110px;
    height: 100%;
    border-radius: 8px;
    background-color: #44465c
}

.strategy-map .step-line .title strong {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    text-align: center
}

.strategy-map .step-line .content {
    position: relative
}

.strategy-map .step-line .content:after {
    clear: both;
    content: '';
    display: block
}

.strategy-map .step-line .content .border-box {
    border-radius: 8px;
    padding: 18px 30px;
    margin-left: 10px
}

.strategy-map .step-line.arr-bg {
    position: relative;
    margin-bottom: 80px
}

.strategy-map .step-line.arr-bg .content:before {
    content: '';
    position: absolute;
    bottom: -70px;
    left: 0;
    width: 100%;
    height: 70px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sot%2Sot-nobhg-flfgrz.cat') no-repeat center top
}

.strategy-map .step-line.arr-bg:before {
    bottom: -45px
}

.strategy-map .step-line.col-5 {
    margin-top: -10px
}

.strategy-map .step-line.col-5 .title {
    height: calc(100% - 10px);
    margin-top: 10px
}

.strategy-map .step-line.col-5 .content .border-box {
    display: table;
    float: left;
    width: calc(20% - 10px);
    height: 110px;
    text-align: center;
    padding: 20px 10px;
    margin-top: 10px
}

.strategy-map .step-line.col-5 .content .border-box p {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.strategy-map .step-line.col-5 .content .border-box span {
    display: block
}

.strategy-map.v1 .step-line {
    padding: 0 0 0 80px
}

.strategy-map.v1 .step-line .title {
    width: 80px
}

.strategy-map.v1 .step-line:before {
    display: none
}

.strategy-map.v1 .step-line.col-2 {
    padding-left: 90px
}

.strategy-map.v1 .step-line.col-2 .content .border-box {
    float: left;
    width: calc(50% - 10px);
    margin-left: 10px;
    padding: 0
}

.strategy-map.v1 .step-line.col-2 .content .border-box:first-child {
    margin-left: 0
}

.strategy-map.v1 .step-line.col-2 .content .border-box .tit {
    text-align: center;
    color: #3a3a4a;
    padding: 15px 0;
    border-bottom: 1px solid #e1e3e6;
    background-color: #f6f6f6
}

.strategy-map.v1 .step-line.col-2 .content .border-box {
    padding: 20px 18px;
    text-align: center
}

.strategy-map.v1 .step-line.col-4 {
    padding-left: 90px
}

.strategy-map.v1 .step-line.col-4 .content .border-box {
    float: left;
    width: calc(25% - 10px);
    height: 234px;
    margin-left: 10px;
    padding: 0
}

.strategy-map.v1 .step-line.col-4 .content .border-box:first-child {
    margin-left: 0
}

.strategy-map.v1 .step-line.col-4 .content .border-box .tit {
    text-align: center;
    color: #3a3a4a;
    padding: 15px 0;
    border-bottom: 1px solid #e1e3e6;
    background-color: #f6f6f6
}

.strategy-map.v1 .step-line.col-4 .content .border-box .cont {
    padding: 20px 18px
}

.strategy-map.v1 .step-line.map {
    padding-left: 90px
}

.strategy-map.v1 .step-line.map .border-box {
    margin-left: 0;
    padding: 25px 20px
}

.strategy-map.v1 .step-line.map .load-map-purpose {
    overflow: hidden
}

.strategy-map.v1 .step-line.map .load-map-purpose>li {
    float: left;
    width: 33.3%
}

.strategy-map.v1 .step-line.map .load-map-purpose>li .cont {
    padding: 10px
}

.strategy-map.v1 .step-line.map .year {
    position: relative;
    display: block;
    width: 100%;
    height: 48px;
    margin: 0;
    text-align: center;
    border: 0;
    background: #f6f6f6;
    line-height: 48px
}

.strategy-map.v1 .step-line.map .year:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 48px;
    border: 0;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-cebterff-tenl.cat") no-repeat
}

.strategy-map .step-line .title:root,
.strategy-map .step-line .title strong:root {
    height: 97%\9
}

.strategy-map .step-line.col-3 {
    margin-top: -10px
}

.strategy-map .step-line.col-3 .title {
    height: calc(100% - 10px);
    margin-top: 10px
}

.strategy-map .step-line.col-3 .content .border-box {
    display: table;
    float: left;
    width: calc(33.3% - 10px);
    height: 110px;
    text-align: center;
    margin-top: 10px;
    word-break: keep-all
}

.strategy-map .step-line.col-3 .content .border-box p {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.strategy-map .step-line.col-3 .content .border-box span {
    display: block
}

.strategy-map .step-line.col-3 .content .border-box.gray-title {
    width: calc(100% - 10px);
    height: auto;
    background-color: #f6f6f6
}

.strategy-map .step-line.col-3:before {
    display: none
}

@media only screen and (max-width:991px) {
    .strategy-map .step-line.col-5 {
        margin-top: 0
    }
    .strategy-map .step-line.col-5 .title {
        height: 100%;
        margin-top: 0
    }
    .strategy-map .step-line.col-5 .content .border-box {
        display: block;
        float: none;
        width: calc(100% - 10px);
        height: auto;
        text-align: center;
        padding: 18px 30px
    }
    .strategy-map .step-line.col-5 .content .border-box p {
        display: block;
        vertical-align: middle;
        width: 100%;
        height: 100%
    }
    .strategy-map .step-line.col-5 .content .border-box span {
        display: inline-block
    }
    .strategy-map.v1 .step-line:before {
        display: none
    }
    .strategy-map.v1 .step-line.col-2 .content .border-box {
        display: block;
        float: none;
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-top: 10px
    }
    .strategy-map.v1 .step-line.col-2 .content .border-box:first-child {
        margin-top: 0
    }
    .strategy-map.v1 .step-line.col-2 .content .border-box .tit {
        text-align: center;
        color: #3a3a4a;
        padding: 15px 0;
        border-bottom: 1px solid #e1e3e6;
        background-color: #f6f6f6
    }
    .strategy-map.v1 .step-line.col-2 .content .border-box .cont {
        padding: 20px
    }
    .strategy-map.v1 .step-line.col-4 .content .border-box {
        display: block;
        float: none;
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-top: 10px
    }
    .strategy-map.v1 .step-line.col-4 .content .border-box:first-child {
        margin-top: 0
    }
    .strategy-map.v1 .step-line.col-4 .content .border-box .tit {
        text-align: center;
        color: #3a3a4a;
        padding: 15px 0;
        border-bottom: 1px solid #e1e3e6;
        background-color: #f6f6f6
    }
    .strategy-map.v1 .step-line.col-4 .content .border-box .cont {
        padding: 20px
    }
    .strategy-map.v1 .step-line.map .load-map-purpose>li {
        float: none;
        width: 100%
    }
    .strategy-map .step-line.col-3 {
        margin-top: 0
    }
    .strategy-map .step-line.col-3 .title {
        height: 100%;
        margin-top: 0
    }
    .strategy-map .step-line.col-3 .content .border-box {
        display: block;
        float: none;
        width: calc(100% - 10px);
        height: auto;
        text-align: center;
        padding: 18px 30px
    }
    .strategy-map .step-line.col-3 .content .border-box p {
        display: block;
        vertical-align: middle;
        width: 100%;
        height: 100%
    }
    .strategy-map .step-line.col-3 .content .border-box span {
        display: inline-block
    }
}

@media only screen and (max-width:767px) {
    .strategy-map .step-line {
        padding: 0 0 0 80px
    }
    .strategy-map .step-line:before {
        left: 32px
    }
    .strategy-map .step-line .title {
        width: 80px
    }
    .strategy-map .step-line.arr-bg .content:before {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sot%2Sot-nobhg-flfgrz.cat') no-repeat center top;
        background-size: 100% 70px
    }
    .strategy-map.v1 .step-line.col-4,
    .strategy-map.v1 .step-line.map {
        padding-left: 90px
    }
}

.service-month-text {
    margin-top: 50px
}

.service-month-text>ul>li {
    position: relative;
    padding: 0 0 40px 70px
}

.service-month-text>ul>li:first-child {
    padding-top: 0
}

.service-month-text>ul>li:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 25px;
    width: 1px;
    height: 100%;
    background-color: #e1e3e6;
    z-index: 0
}

.service-month-text>ul>li:last-child {
    padding-bottom: 0
}

.service-month-text>ul>li:last-child:after {
    display: none
}

.service-month-text>ul>li .month {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 18px;
    background-color: #44465c;
    z-index: 1
}

.service-month-text>ul>li .month strong {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    color: #fff;
    font-size: 13.5px;
    letter-spacing: -0.05em;
    text-align: center;
    line-height: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.service-month-text>ul>li .content {
    padding: 25px 30px;
    border-radius: 8px 8px 8px 40px;
    background-color: #f6f6f6
}

.graph-area,
.health-chart-graph-wrap {
    width: 100%;
    min-height: 350px;
    text-align: center
}

.experiment-step {
    position: relative;
    padding: 0 0 0 30px
}

.experiment-step span {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 50%;
    background-color: #44465c
}

@media only screen and (max-width:767px) {
    .experiment-step {
        position: relative;
        padding: 0;
        text-align: center
    }
    .experiment-step span {
        position: relative;
        display: inline-block;
        left: inherit;
        top: inherit;
        width: 20px;
        height: 20px;
        line-height: 22px;
        color: #fff;
        text-align: center;
        font-size: 12px;
        border-radius: 50%;
        background-color: #44465c
    }
}

.smoke-pledge-box {
    padding: 30px;
    border: 1px solid #e1e3e6;
    background: #fff url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sot%2Sot-fzbxr-cyrqtr.cat') top right no-repeat
}

.smoke-pledge-box .tit {
    font-size: 21px;
    color: #3a3a4a;
    line-height: 40px
}

.smoke-pledge-box .cont {
    margin: 25px 0;
    padding: 25px 0;
    border: 1px solid #e1e3e6;
    border-width: 1px 0 1px 0
}

.smoke-action-policy {
    text-align: center
}

.smoke-action-policy .title {
    font-weight: bold;
    color: #3a3a4a
}

.smoke-action-policy .action-block {
    overflow: hidden;
    margin: 15px 0 0 0
}

.smoke-action-policy .action-block .block {
    padding: 30px 15px;
    width: calc(33.3% - 10px);
    height: 95px;
    float: left;
    margin-right: 15px
}

.smoke-action-policy .action-block .block-1 {
    border-radius: 50px 50px 50px 10px;
    background-color: #ffeded
}

.smoke-action-policy .action-block .block-2 {
    border-radius: 50px;
    background-color: #fffcda
}

.smoke-action-policy .action-block .block-3 {
    float: right;
    border-radius: 50px 10px 50px 50px;
    background-color: #e6fcff;
    margin-right: 0
}

@media only screen and (max-width:767px) {
    .smoke-action-policy .action-block .block {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        border-radius: 50px 50px 50px 10px
    }
}

.vaccination-box {
    margin: 40px 0
}

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

.vaccination-box .box {
    width: calc(50% - 15px);
    min-height: 200px;
    border: 1px solid #e1e3e6;
    border-radius: 8px
}

.vaccination-box .box .tit {
    display: table;
    padding: 0 30px;
    width: 100%;
    height: 70px;
    color: #3a3a4a;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px 8px 0 0
}

.vaccination-box .box .tit p {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 20px 0 20px 55px
}

.vaccination-box .box .tit p .iconset {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20px
}

.vaccination-box .box .cont {
    padding: 25px
}

.vaccination-box .box .cont ul.list-text li .date {
    float: right
}

.vaccination-box .box.vaccination-check {
    float: left
}

.vaccination-box .box.vaccination-check .tit {
    background: #fff2f2
}

.vaccination-box .box.vaccination-last {
    float: right
}

.vaccination-box .box.vaccination-last .tit {
    background: #f6f6f6
}

@media only screen and (max-width:319px) {
    .vaccination-box .box .cont ul.list-text li .date {
        float: none;
        display: block
    }
}

.vaccination-list {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: auto
}

.vaccination-list:before {
    display: block;
    position: absolute;
    left: 50px;
    top: 0;
    content: '';
    width: 1px;
    min-height: 100%;
    background-color: #e1e3e6
}

.vaccination-list .block {
    position: relative;
    margin-bottom: 20px;
    padding-left: 120px
}

.vaccination-list .block:last-child {
    margin-bottom: 0;
    background: #fff
}

.vaccination-list .block .tit-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 52px;
    line-height: 50px;
    font-size: 16px;
    font-weight: bold;
    color: #3a3a4a;
    border: 1px solid #e1e3e6;
    border-radius: 8px;
    text-align: center;
    background-color: #f6f6f6
}

.vaccination-list .block.navy .tit-box {
    color: #fff;
    background-color: #44465c;
    border: 0
}

.vaccination-list .block .cont-box {
    position: relative;
    padding: 0 30px;
    width: 100%;
    min-height: 52px;
    line-height: 50px;
    border: 1px solid #e1e3e6;
    border-radius: 8px
}

.vaccination-list .block .cont-box .cont-box-list {
    display: table;
    width: 100%
}

.vaccination-list .block .cont-box .cont-box-list+.cont-box-list {
    border-top: 1px solid #e1e3e6
}

.vaccination-list .block .cont-box .cont-box-list .cell {
    width: auto;
    height: 50px;
    display: table-cell;
    vertical-align: middle
}

.vaccination-list .block .cont-box .cont-box-list .cell:first-child {
    width: 230px
}

.vaccination-list .block .cont-box .cont-box-list .cell:nth-child(2) {
    width: calc(100% - 370px)
}

.vaccination-list .block .cont-box .cont-box-list .cell:last-child {
    width: 380px
}

.vaccination-list .block .cont-box .cont-box-list .cell .button {
    float: right;
    vertical-align: middle;
    margin-left: 10px
}

.vaccination-list .block .cont-box .cont-box-list.v2 .cell {
    padding: 15px 0;
    width: 100%
}

.vaccination-list .block .cont-box .cont-box-list.v2 .cell .block-line {
    width: 100%;
    line-height: 35px
}

.vaccination-list .block .cont-box .cont-box-list.v2 .cell .list-text.v1>li:before {
    top: 15px
}

.vaccination-list .block .cont-box .cont-box-list.v2 .cell .right {
    float: right
}

@media only screen and (max-width:850px) {
    .vaccination-box .box {
        width: 100%;
        margin-bottom: 15px
    }
    .vaccination-list:before {
        display: none
    }
    .vaccination-list .block {
        padding-left: 0
    }
    .vaccination-list .block .tit-box {
        position: relative;
        display: block;
        width: 100%;
        border-radius: 8px 8px 0 0;
        border-bottom: 0
    }
    .vaccination-list .block .cont-box {
        position: relative;
        border-radius: 0 0 8px 8px
    }
    .vaccination-list .block .cont-box .cont-box-list {
        position: relative;
        display: block;
        min-height: 120px;
        padding: 20px 0
    }
    .vaccination-list .block .cont-box .cont-box-list .cell {
        display: block;
        width: 100% !important;
        height: auto;
        vertical-align: middle;
        line-height: 28px
    }
    .vaccination-list .block .cont-box .cont-box-list .cell .button {
        float: none;
        width: 100%;
        margin-bottom: 10px;
        margin-left: 0
    }
    .vaccination-list .block .cont-box .cont-box-list .cell p.mt10 {
        margin-top: 20px !important
    }
}

@media only screen and (max-width:550px) {
    .vaccination-list .block .cont-box .cont-box-list.v2 .cell .block-line>em {
        float: right
    }
    .vaccination-list .block .cont-box .cont-box-list.v2 .cell .right {
        display: block;
        float: inherit
    }
    .vaccination-list .block .cont-box .cont-box-list.v2 .cell .right em {
        width: 100%
    }
}

.mybaby-upload-box {
    position: relative;
    height: 205px;
    border: 1px solid #e1e3e6;
    border-radius: 60px 8px 8px 8px;
    padding-left: 239px
}

.mybaby-upload-box .baby-img {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    width: 239px;
    height: 203px;
    text-align: center
}

.mybaby-upload-box .baby-img.pink {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sot%2Sot-onol-vzt-cvax.cat') no-repeat 0
}

.mybaby-upload-box .baby-img.blue {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sot%2Sot-onol-vzt-oyhr.cat') no-repeat 0
}

.mybaby-upload-box .baby-img p {
    display: table-cell;
    vertical-align: middle
}

.mybaby-upload-box .baby-img p .img {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    font-size: 0;
    line-height: 0
}

.mybaby-upload-box .baby-img p .img img {
    display: block;
    width: 100%
}

.mybaby-upload-box .baby-img p .name {
    display: block;
    font-size: 21px;
    color: #3a3a4a;
    margin-top: 5px
}

.mybaby-upload-box .baby-info {
    position: relative;
    padding: 25px 30px
}

.mybaby-upload-box .baby-info .button-group {
    margin-top: 0
}

.mybaby-upload-box .baby-info .right-btn-area {
    position: absolute;
    bottom: 45px;
    right: 30px
}

.mybaby-upload-box .baby-info .list-text {
    margin-top: 22px;
    padding-top: 17px;
    border-top: 1px solid #e1e3e6;
    padding-right: 120px
}

.mybaby-upload-box .baby-info .list-text li {
    position: relative;
    padding-left: 125px
}

.mybaby-upload-box .baby-info .list-text li span {
    position: absolute;
    top: 0;
    left: 10px;
    display: inline-block;
    width: 105px
}

@media only screen and (max-width:767px) {
    .mybaby-upload-box {
        position: relative;
        height: auto;
        border: 1px solid #e1e3e6;
        border-radius: 60px 8px 8px 8px;
        padding-left: 0
    }
    .mybaby-upload-box .baby-img {
        display: table;
        position: static;
        width: 100%;
        height: auto;
        text-align: center;
        padding: 30px 0;
        border-radius: 60px 8px 0 0
    }
    .mybaby-upload-box .baby-img.pink {
        background-image: none;
        background-color: #fff2f2
    }
    .mybaby-upload-box .baby-img.blue {
        background-image: none;
        background-color: #e9fafc
    }
    .mybaby-upload-box .baby-img p {
        display: table-cell;
        vertical-align: middle
    }
    .mybaby-upload-box .baby-img p .img {
        display: inline-block;
        width: 60px;
        height: 60px;
        border-radius: 30px;
        font-size: 0;
        line-height: 0
    }
    .mybaby-upload-box .baby-img p .img img {
        display: block;
        width: 100%
    }
    .mybaby-upload-box .baby-img p .name {
        display: block;
        font-size: 21px;
        color: #3a3a4a;
        margin-top: 5px
    }
    .mybaby-upload-box .baby-info {
        position: relative;
        padding: 25px 30px
    }
    .mybaby-upload-box .baby-info .button-group {
        margin-top: 0;
        text-align: center
    }
    .mybaby-upload-box .baby-info .right-btn-area {
        position: static;
        display: block;
        margin-top: 15px
    }
    .mybaby-upload-box .baby-info .list-text {
        margin-top: 22px;
        padding-top: 17px;
        border-top: 1px solid #e1e3e6;
        padding-right: 0
    }
    .mybaby-upload-box .baby-info .list-text li {
        position: relative;
        padding-left: 125px
    }
    .mybaby-upload-box .baby-info .list-text li span {
        position: absolute;
        top: 0;
        left: 10px;
        display: inline-block;
        width: 105px
    }
}

.smart-health-up-top-info {
    overflow: hidden;
    padding: 35px 0;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 900px;
    min-height: 366px;
    text-align: center;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sfzneg-urnygu-hc-gbc-ot.cat');
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: top
}

.smart-health-up-top-info .smart-health-qrcode {
    margin-top: 40px
}

.smart-health-up-top-info .smart-health-qrcode .code {
    display: inline-block;
    margin: 0 60px
}

.smart-health-up-top-info .smart-health-qrcode .code a {
    display: block;
    text-decoration: underline;
    color: #3a3a4a;
    font-size: 16px;
    font-weight: bold
}

.smart-health-up-top-info .smart-health-qrcode .code a img {
    margin-bottom: 15px
}

.smart-health-up-list-info {
    margin: 40px 0 0 0
}

.smart-health-up-list-info:after {
    display: block;
    content: '';
    clear: both
}

.smart-health-up-list-info .block {
    float: left;
    padding: 25px 20px 0 30px;
    width: calc(33.3% - 14px);
    min-height: 224px;
    margin: 0 20px 20px 0;
    border-radius: 15px
}

.smart-health-up-list-info .block:nth-child(3n) {
    margin-right: 0
}

.smart-health-up-list-info .block.info-01 {
    background-color: #f7f4ff;
    border-radius: 15px 15px 15px 50px
}

.smart-health-up-list-info .block.info-02 {
    background-color: #e9fafc;
    border-radius: 15px 15px 15px 50px
}

.smart-health-up-list-info .block.info-03 {
    background-color: #e5fce3;
    border-radius: 15px 50px 15px 15px
}

.smart-health-up-list-info .block.info-04 {
    background-color: #fffde5;
    border-radius: 15px 15px 15px 50px
}

.smart-health-up-list-info .block.info-05 {
    background-color: #f6f6f6;
    border-radius: 15px 15px 50px 15px
}

.smart-health-up-list-info .block.info-06 {
    border: 1px solid #e1e3e6;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 15px 15px 50px 15px
}

.smart-health-up-list-info .block.info-06 .health-check-topbox {
    vertical-align: middle;
    margin: 60px 0
}

.smart-health-up-list-info .block .tag {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 21px;
    font-family: 'roboto';
    text-align: center;
    color: #fff;
    background-color: #44465c;
    border-radius: 10px
}

.smart-health-up-list-info .block p.tit {
    margin: 20px 0 5px 0;
    font-weight: bold;
    font-size: 16px
}

.smart-health-calander-wrap {
    margin-top: 40px
}

.smart-health-calander-wrap:after {
    display: block;
    content: '';
    clear: both
}

.smart-health-calander-wrap .calendar-table {
    float: left;
    width: calc(100% - 380px)
}

.smart-health-calander-wrap .warning-top-box {
    float: right;
    padding: 20px 30px;
    width: 360px;
    min-height: 440px
}

.smart-health-calander-wrap .warning-top-box .no-data .tit {
    color: #3a3a4a;
    font-size: 16px
}

.smart-health-calander-wrap .warning-top-box .top-wrap {
    position: relative;
    padding: 110px 0 0 0;
    z-index: 0
}

.smart-health-calander-wrap .warning-top-box .top-wrap:after {
    position: absolute;
    width: 125px;
    height: 113px;
    bottom: 78px;
    left: 50%;
    margin-left: -57px;
    content: '';
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-fzneg-urnygu-tbny.cat');
    z-index: -1
}

.smart-health-calander-wrap .warning-top-box .top-wrap .inner-box {
    padding: 20px 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
    color: #3a3a4a;
    background-color: #fff;
    z-index: 1
}

.smart-health-calander-wrap .warning-top-box .list-text {
    text-align: left
}

.gray-box.contents-img,
.border-box.contents-img {
    padding: 0;
    text-align: center
}

.gray-box.contents-img img,
.border-box.contents-img img {
    width: auto;
    margin: 0 auto
}

.pink-tit-box .box-title .inline-block {
    vertical-align: middle;
    text-align: left
}

.pink-tit-box .box-title .inline-block>span {
    position: relative;
    padding-left: 230px
}

.pink-tit-box .box-title .inline-block>span strong {
    position: absolute;
    left: 0
}

.pink-tit-box .box-title .inline-block>span strong em.color-red {
    position: relative;
    margin-left: 10px;
    padding-left: 10px
}

.pink-tit-box .box-title .inline-block>span strong em.color-red:before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 1px;
    height: 10px;
    background: #e1e3e6
}

.col-dot-list {
    display: table;
    width: 100%
}

.col-dot-list li {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.col-dot-list.col-3 li {
    width: 33.3%
}

.col-dot-list.col-4 li {
    width: 25%
}

.col-dot-list li:first-child:before {
    display: none
}

.col-dot-list li:before {
    content: '';
    position: absolute;
    left: 0;
    width: 1px;
    height: 100%;
    border-left: 1px dotted #bec2c8
}

.col-dot-list li strong {
    display: block;
    color: #3a3a4a;
    padding-bottom: 10px
}

.col-dot-list li em {
    font-size: 21px
}

.col-dot-list li em.font-size-15 {
    display: block;
    margin-top: 10px
}

@media only screen and (max-width:767px) {
    .smart-health-up-top-info {
        min-height: 400px
    }
    .smart-health-up-top-info .smart-health-qrcode .code {
        margin: 0 20px
    }
    .smart-health-up-list-info .block {
        width: 100%;
        min-height: 200px;
        display: block;
        border-radius: 15px 50px 15px 15px !important
    }
    .smart-health-up-list-info .block.info-06 {
        display: none
    }
    .smart-health-calander-wrap .calendar-table,
    .smart-health-calander-wrap .warning-top-box {
        float: inherit;
        display: block;
        width: 100%;
        margin-bottom: 20px
    }
    .smart-health-calander-wrap .warning-top-box {
        min-height: 150px
    }
    .contents-img img {
        max-width: 100%;
        margin: 0 auto
    }
    .col-dot-list li {
        position: relative;
        display: block;
        text-align: right;
        margin: 20px 0;
        width: 100% !important
    }
    .col-dot-list li:before {
        display: none
    }
    .col-dot-list li strong {
        display: inline-block;
        float: left
    }
    .col-dot-list li em {
        display: inline-block
    }
    .pink-tit-box.v1 .box-title p img {
        display: none
    }
    .pink-tit-box .box-title img {
        display: none
    }
    .pink-tit-box .box-title .inline-block>span {
        position: relative;
        padding-left: 0
    }
    .pink-tit-box .box-title .inline-block>span strong {
        position: relative;
        display: block
    }
    .border-box .list-text.col-3.color-point li br,
    .border-box .list-text.col-4.color-point li br {
        display: none
    }
    .border-box .list-text.col-3.color-point li,
    .border-box .list-text.col-4.color-point li {
        text-align: left
    }
    .border-box .list-text.col-3.color-point li em.tagset,
    .border-box .list-text.col-4.color-point li em.tagset {
        float: right;
        vertical-align: middle;
        margin-top: 0 !important
    }
    .border-box .list-text.col-3.color-point li span {
        margin-right: 10px
    }
}

em.health-result {
    display: inline-block;
    width: 62px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-radius: 12px;
    background-color: #26890c
}

em.health-result2 {
    display: inline-block;
    width: 62px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-radius: 12px;
    background-color: #c15807
}

em.health-result3 {
    display: inline-block;
    width: 62px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-radius: 12px;
    background-color: #d7021b
}

.health-result-notice {
    text-align: right;
    font-size: 15px;
    line-height: 32px
}

.health-result-notice span {
    position: relative;
    padding-left: 18px;
    margin-right: 15px;
    display: inline-block
}

.health-result-notice span:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    width: 12px;
    height: 12px;
    border-radius: 3px
}

.health-result-notice span.health-result0:before {
    background-color: #32c4e3
}

.health-result-notice span.health-result:before {
    background-color: #80c437
}

.health-result-notice span.health-result2:before {
    background-color: #ff9f39
}

.health-result-notice span.health-result2h:before {
    background-color: #ff682d
}

.health-result-notice span.health-result3:before {
    background-color: #ff3131
}

.health-result-notice span.health-result4:before {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-ohyyrg-zvav.cat');
    width: 14px;
    height: 14px;
    border-radius: 0;
    background-size: 14px 14px
}

.health-result-notice span.health-legend-circle-01 {
    padding-left: 22px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-urnygu-erfhyg01.cat') no-repeat 0 center
}

.health-result-notice span.health-legend-circle-02 {
    padding-left: 22px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-urnygu-erfhyg02.cat') no-repeat 0 center
}

.health-result-notice span.health-legend-circle-03 {
    padding-left: 22px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-urnygu-erfhyg03.cat') no-repeat 0 center
}

.title-wrap .health-result-notice {
    float: right
}

@media only screen and (max-width:767px) {
    .health-result-notice {
        clear: both;
        display: block;
        float: none !important;
        width: 100%;
        margin-bottom: 5px;
        text-align: left;
        line-height: 1.1
    }
    .health-result-notice span {
        display: block
    }
    .health-result-notice span+span {
        margin-top: 4px
    }
    .health-result-notice span:before {
        top: 2px
    }
}

.healthin-data-chart ul li {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-top: 1px solid #e1e3e6
}

.healthin-data-chart ul li:first-child {
    border-top: 0
}

.healthin-data-chart ul li>div {
    display: table-cell;
    vertical-align: middle;
    height: 130px
}

.healthin-data-chart .title {
    width: 100px;
    text-align: left;
    color: #3a3a4a
}

.healthin-data-chart .data-num {
    width: 180px;
    text-align: right
}

.healthin-data-chart .data-num strong {
    color: #3a3a4a
}

.healthin-data-chart .status {
    width: 150px;
    text-align: center
}

.healthin-data-chart .data-result strong {
    display: inline-block;
    color: #3a3a4a
}

@media only screen and (max-width:991px) {
    .healthin-data-chart ul li {
        display: block;
        width: 100%;
        padding: 20px 0;
        border-top: 1px solid #e1e3e6
    }
    .healthin-data-chart ul li:first-child {
        border-top: 0
    }
    .healthin-data-chart ul li>div {
        display: inline-block;
        vertical-align: middle;
        height: auto
    }
    .healthin-data-chart ul li .healthin-databar-wrap {
        display: block !important;
        width: 100%;
        height: auto;
        margin-top: 15px
    }
    .healthin-data-chart .title {
        width: 100px
    }
    .healthin-data-chart .data-num {
        width: calc(100% - 190px)
    }
    .healthin-data-chart .data-num strong {
        color: #3a3a4a
    }
    .healthin-data-chart .status {
        width: 80px;
        text-align: right
    }
    .healthin-data-chart .data-result strong {
        display: inline-block;
        color: #3a3a4a
    }
    .healthin-data-chart .no-status .data-num {
        width: auto;
        float: right
    }
    .healthin-data-chart .no-status .status {
        width: 0
    }
    .healthin-data-chart .exercise2 .data-num {
        width: auto;
        float: right
    }
    .healthin-data-chart .exercise2 .data-result {
        width: 100%
    }
    .healthin-data-chart .exercise2 .data-result .kcal {
        float: right
    }
    .healthin-data-chart .exercise2 .status {
        width: 0
    }
}

.healthin-databar-wrap {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-height: 100px;
    padding-top: 50px
}

.healthin-databar-wrap .bar-wrap {
    position: relative;
    display: block
}

.healthin-databar-wrap .bar-wrap .bg-wrap {
    position: relative;
    display: table;
    width: 100%;
    height: 40px;
    margin-top: 10px;
    font-weight: bold
}

.healthin-databar-wrap .bar-wrap .bg-wrap .bar-bg {
    position: relative;
    display: table-cell;
    padding-top: 15px;
    width: 50%;
    vertical-align: middle;
    font-size: 14px;
    text-align: center
}

.healthin-databar-wrap .bar-wrap.col-3 .bg-wrap .bar-bg {
    width: 33.3%
}

.healthin-databar-wrap .bar-wrap.col-4 .bg-wrap .bar-bg {
    width: 25%
}

.healthin-databar-wrap .bar-wrap.col-5 .bg-wrap .bar-bg {
    width: 20%
}

.healthin-databar-wrap .bar-wrap .bg-wrap .bar-bg:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 6px;
    font-size: 0;
    box-sizing: border-box;
    border-right: 1px solid #fff
}

.healthin-databar-wrap .bar-wrap .bg-wrap .bar-bg.health-result0:before {
    background-color: #32c4e3
}

.healthin-databar-wrap .bar-wrap .bg-wrap .bar-bg.health-result:before {
    background-color: #80c437
}

.healthin-databar-wrap .bar-wrap .bg-wrap .bar-bg.health-result2:before {
    background-color: #ff9f39
}

.healthin-databar-wrap .bar-wrap .bg-wrap .bar-bg.health-result2h:before {
    background-color: #ff682d
}

.healthin-databar-wrap .bar-wrap .bg-wrap .bar-bg.health-result3:before {
    background-color: #ff3131
}

.healthin-databar-wrap .bar-wrap .bg-wrap .bar-bg.off:before {
    background-color: #ccc !important
}

.healthin-databar-wrap .bar-wrap .bg-wrap .bar-bg:first-child:before {
    border-radius: 3px 0 0 3px
}

.healthin-databar-wrap .bar-wrap .bg-wrap .bar-bg:last-child:before {
    border-radius: 0 3px 3px 0;
    z-index: 1;
    width: 100% !important;
    border-right: 0
}

.healthin-databar-wrap .bar-wrap .between-align {
    position: absolute;
    display: table;
    width: 100%;
    left: 0;
    top: 0;
    text-align: left;
    z-index: 4
}

.healthin-databar-wrap .bar-wrap .between-align .between-value {
    position: absolute;
    top: -25px;
    left: -25%;
    display: table-cell;
    width: 50%;
    text-align: center
}

.healthin-databar-wrap .bar-wrap .between-align .between-value+.between-value {
    left: 25%
}

.healthin-databar-wrap .bar-wrap.col-3 .between-align .between-value {
    width: 33.3%;
    left: -17%
}

.healthin-databar-wrap .bar-wrap.col-3 .between-align .between-value+.between-value {
    left: 17%
}

.healthin-databar-wrap .bar-wrap.col-3 .between-align .between-value+.between-value+.between-value {
    left: 50%
}

.healthin-databar-wrap .bar-wrap.col-4 .between-align .between-value {
    width: 25%;
    left: -12.5%
}

.healthin-databar-wrap .bar-wrap.col-4 .between-align .between-value+.between-value {
    left: 12.5%
}

.healthin-databar-wrap .bar-wrap.col-4 .between-align .between-value+.between-value+.between-value {
    left: 37.5%
}

.healthin-databar-wrap .bar-wrap.col-4 .between-align .between-value+.between-value+.between-value+.between-value {
    left: 62.5%
}

.healthin-databar-wrap .bar-wrap.col-5 .between-align .between-value {
    width: 20%;
    left: -10%
}

.healthin-databar-wrap .bar-wrap.col-5 .between-align .between-value+.between-value {
    left: 10%
}

.healthin-databar-wrap .bar-wrap.col-5 .between-align .between-value+.between-value+.between-value {
    left: 30%
}

.healthin-databar-wrap .bar-wrap.col-5 .between-align .between-value+.between-value+.between-value+.between-value {
    left: 50%
}

.healthin-databar-wrap .bar-wrap.col-5 .between-align .between-value+.between-value+.between-value+.between-value+.between-value {
    left: 70%
}

.healthin-databar-wrap .bar-wrap .between-align .last-value {
    position: absolute;
    top: -25px;
    right: 0
}

.healthin-databar-wrap .bar-wrap .bar-mark-wrap {
    position: absolute;
    left: 0;
    top: -10px;
    z-index: 5
}

.healthin-databar-wrap .bar-wrap .bar-mark-wrap .ico-bar-mark {
    margin: 0 0 0 -15px
}

.healthin-databar-wrap .bar-wrap .bar-mark-wrap .bar-mark-value {
    position: absolute;
    margin: 0 0 0 -32px;
    padding: 10px 3px 0 0;
    bottom: 24px;
    width: 66px;
    height: 53px;
    color: #fff;
    text-align: center;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sot%2Sone-znex-ot.cat')
}

.healthin-databar-wrap .bar-wrap .bar-mark-wrap .bar-mark-value.health-result2 {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sot%2Sone-znex-ot2.cat')
}

.healthin-databar-wrap .bar-wrap .bar-mark-wrap .bar-mark-value.health-result3 {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sot%2Sone-znex-ot3.cat')
}

.healthin-databar-wrap.v1 {
    padding-top: 0
}

.healthin-databar-wrap.v1 .bar-wrap .bg-wrap {
    height: 15px;
    margin-top: 0
}

.healthin-databar-wrap.v1 .bar-wrap .bg-wrap .bar-bg .percent {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #fff;
    border-radius: 12px;
    margin-left: 5px
}

.healthin-databar-wrap.v1 .bar-wrap .bg-wrap .bar-bg.health-result:before {
    background-color: #70b0ff
}

.healthin-databar-wrap.v1 .bar-wrap .bg-wrap .bar-bg.health-result2:before {
    background-color: #6857bb
}

.healthin-databar-wrap.v1 .bar-wrap .bg-wrap .bar-bg.health-result3:before {
    background-color: #ef65a2
}

.healthin-databar-wrap.v1 .bar-wrap .txt-wrap {
    overflow: hidden
}

.healthin-databar-wrap.v1 .bar-wrap .txt-wrap>div {
    float: left;
    width: 33.3%;
    text-align: center
}

.healthin-databar-wrap.v1 .bar-wrap .txt-wrap .percent {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    border-radius: 12px;
    margin-left: 5px
}

.healthin-databar-wrap.v1 .bar-wrap .txt-wrap .nutrients01 .percent {
    background-color: #4973d2
}

.healthin-databar-wrap.v1 .bar-wrap .txt-wrap .nutrients02 .percent {
    background-color: #6857bb
}

.healthin-databar-wrap.v1 .bar-wrap .txt-wrap .nutrients03 .percent {
    background-color: #e51967
}

.healthin-databar-wrap.v2 .bar-wrap .bg-wrap .health-exercise {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 6px;
    border-radius: 3px;
    background-color: #e1e3e6
}

.healthin-databar-wrap.v2 .bar-wrap .bg-wrap .health-exercise span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    background-color: #80c437
}

.healthin-databar-wrap.v2 .bar-mark-wrap .health-exercise {
    position: absolute;
    margin: 0 0 0 -32px;
    padding: 10px 3px 0 0;
    bottom: 24px;
    min-width: 66px;
    height: 53px;
    color: #fff;
    text-align: center;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sot%2Sone-znex-ot.cat')
}

.myweight-data-wrap {
    overflow: hidden;
    text-align: center
}

.myweight-data-wrap .left {
    float: left;
    width: calc(50% - 15px)
}

.myweight-data-wrap .right {
    float: right;
    width: calc(50% - 15px)
}

.myweight-data-wrap .health-status {
    text-align: center;
    font-size: 16px;
    color: #3a3a4a;
    font-weight: bold
}

.myweight-data-wrap .gray-box {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    margin-top: 20px
}

.myweight-data-wrap .gray-box .color-red {
    font-size: 21px;
    font-family: 'roboto';
    font-weight: bold;
    margin-left: 10px
}

.myweight-data-wrap .border-box {
    height: 300px
}

@media only screen and (max-width:991px) {
    .myweight-data-wrap .left {
        float: none;
        width: 100%
    }
    .myweight-data-wrap .right {
        float: none;
        width: 100%;
        margin-top: 30px
    }
}

@media only screen and (max-width:767px) {
    .healthin-databar-wrap.v1 .bar-wrap .bg-wrap .bar-bg .percent {
        display: block;
        margin: 0 auto
    }
}

@media only screen and (max-width:320px) {
    .healthin-databar-wrap .bar-wrap .bg-wrap .bar-bg {
        font-size: 12px;
        letter-spacing: -1.3px
    }
}

.healthin-datapoint-wrap {
    position: relative;
    margin: 0 auto;
    width: 370px;
    max-height: 40px
}

.healthin-datapoint-wrap:after {
    display: block;
    clear: both;
    content: ''
}

.healthin-datapoint-wrap .circle {
    position: relative;
    float: left;
    width: 37px;
    height: 21px;
    text-align: right
}

.healthin-datapoint-wrap .circle:before {
    display: block;
    position: absolute;
    left: 0;
    width: 21px;
    height: 21px;
    content: '';
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-urnygu-erfhyg00.cat') 0 0 no-repeat
}

.healthin-datapoint-wrap .circle.on:before {
    display: block;
    position: absolute;
    left: 0;
    width: 21px;
    height: 21px;
    content: '';
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-urnygu-erfhyg03.cat') 0 0 no-repeat
}

.healthin-datapoint-wrap .circle.off:before {
    display: block;
    position: absolute;
    left: 0;
    width: 21px;
    height: 21px;
    content: '';
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-urnygu-erfhyg01.cat') 0 0 no-repeat
}

.healthin-datapoint-wrap .circle.onOff:before {
    display: block;
    position: absolute;
    left: 0;
    width: 21px;
    height: 21px;
    content: '';
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-urnygu-erfhyg02.cat') 0 0 no-repeat
}

.healthin-datapoint-wrap .circle:after {
    display: block;
    position: absolute;
    right: 0;
    content: '';
    margin-top: 10px;
    width: 15px;
    height: 3px;
    background-color: #e1e3e6
}

.healthin-datapoint-wrap .circle:last-child:after {
    display: none
}

.health-result-img-wrap {
    border-bottom: 0 !important
}

.health-result-graph p {
    position: relative;
    padding: 150px 40px 0 40px;
    text-align: center
}

.health-result-graph.no-data p {
    padding: 40px
}

.health-result-graph.result1 p {
    color: #26890c;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Stencu-erfhyg1.cat") no-repeat top center
}

.health-result-graph.result2 p {
    color: #c15807;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Stencu-erfhyg2.cat") no-repeat top center
}

.health-result-graph.result3 p {
    color: #d7021b;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Stencu-erfhyg3.cat") no-repeat top center
}

.health-result-graph-stick p.none-data {
    padding: 40px;
    text-align: center
}

.health-result-graph-stick {
    padding: 0;
    text-align: center
}

.health-result-graph-stick .stick-bg {
    display: inline-block;
    min-width: 220px;
    padding: 200px 0 0 0;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Stencu-erfhyg-fgvpx-ot.cat") no-repeat 0 28px
}

.health-result-graph-stick .stick-bg ul {
    margin: 0 0 0 35px;
    padding: 0 19px
}

.health-result-graph-stick .stick-bg ul:after {
    display: block;
    content: "";
    clear: both
}

.health-result-graph-stick .stick-bg ul li {
    position: relative;
    float: left;
    width: 54px
}

.health-result-graph-stick .stick-bg ul li span {
    display: block;
    line-height: 48px
}

.health-result-graph-stick .stick-bg ul li p.result {
    position: absolute;
    bottom: 46px;
    left: 50%;
    margin-left: -15px;
    width: 20px;
    text-indent: -9999px
}

.health-result-graph-stick .stick-bg ul li p.result.v1 {
    height: 56px;
    background: #80c437
}

.health-result-graph-stick .stick-bg ul li p.result.v2 {
    height: 115px;
    background: #ff9f39
}

.health-result-graph-stick .stick-bg ul li p.result.v3 {
    height: 174px;
    background: #ff3131
}

.health-result-data-age .data-age {
    display: block;
    margin: 0 auto;
    width: 220px;
    height: 120px
}

.health-result-data-age .data-age .circle {
    float: left;
    padding: 35px 0;
    width: 120px;
    height: 120px;
    line-height: 24px;
    border-radius: 50%;
    text-align: center;
    color: #fff
}

.health-result-data-age .data-age .circle.health-age {
    background-color: rgba(68, 70, 92, 0.92)
}

.health-result-data-age .data-age .circle.real-age {
    margin-left: -20px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Surnygu-erfhyg-ntr-ot.cat") no-repeat 0 0
}

.health-result-data-age .data-age .circle span {
    display: block
}

.health-result-data-age .data-age .circle span em {
    font-size: 21px;
    font-family: 'NotoKr'
}

.health-result-data-age p.data-txt {
    text-align: center;
    margin: 20px auto 0;
    max-width: 220px
}

.health-result-data-age p.data-txt strong {
    display: block
}

.health-age-wrap {
    overflow: hidden;
    padding: 0
}

.health-age-wrap .health-result-data-age {
    float: left;
    width: 300px
}

.health-age-wrap .info {
    float: left;
    width: calc(100% - 300px)
}

.health-age-wrap .info ul li {
    float: left;
    width: 50%;
    padding: 20px 0;
    border-top: 1px solid #e1e3e6;
    line-height: 1.3
}

.health-age-wrap .info ul li:nth-child(1),
.health-age-wrap .info ul li:nth-child(2) {
    border-top: 0
}

.health-age-wrap .info ul li strong {
    display: inline-block;
    width: 100px;
    vertical-align: middle
}

.health-age-wrap .info ul li span {
    display: inline-block;
    vertical-align: middle
}

@media only screen and (max-width:767px) {
    .health-age-wrap .health-result-data-age {
        float: none;
        width: 100%
    }
    .health-age-wrap .info {
        float: none;
        width: 100%
    }
    .health-age-wrap .info ul li {
        float: none;
        width: 100%;
        padding: 10px 0
    }
    .health-age-wrap .info ul li:nth-child(2) {
        border-top: 1px solid #e1e3e6
    }
    .health-age-wrap .info ul li strong {
        width: 80px
    }
}

.food-select-wrap {
    border: 1px solid #e1e3e6;
    padding: 20px
}

.food-select-wrap ul li {
    display: table;
    width: 100%;
    table-layout: fixed
}

.food-select-wrap ul li>div {
    display: table-cell;
    vertical-align: middle;
    height: 42px;
    text-align: center
}

.food-select-wrap ul li .name {
    width: 150px;
    text-align: left
}

.food-select-wrap ul li .data {
    width: 115px;
    text-align: right
}

.food-select-wrap ul li .btn-delete {
    background: 0
}

.food-select-wrap ul li .input-text,
.food-select-wrap ul li select {
    height: 32px;
    vertical-align: middle
}

.food-select-wrap ul li .button {
    font-size: 14px;
    padding: 0 10px;
    vertical-align: middle
}

@media only screen and (max-width:767px) {
    .food-select-wrap ul li {
        display: block;
        width: 100%;
        padding-top: 15px
    }
    .food-select-wrap ul li:first-child {
        padding-top: 0
    }
    .food-select-wrap ul li>div {
        display: block;
        height: auto;
        text-align: left;
        margin-top: 10px
    }
    .food-select-wrap ul li .name {
        width: 100%;
        text-align: left;
        margin-top: 0
    }
    .food-select-wrap ul li .data {
        width: 100%;
        text-align: right
    }
    .food-select-wrap ul li .input-text,
    .food-select-wrap ul li select {
        height: 32px
    }
    .food-select-wrap ul li .button {
        font-size: 14px;
        padding: 0 10px
    }
}

.last-my-record ul {
    overflow: hidden
}

.last-my-record ul:after {
    display: block;
    content: '';
    clear: both
}

.last-my-record ul li {
    position: relative;
    float: left;
    overflow: hidden;
    margin-right: 15px;
    padding: 15px 15px 40px 15px;
    width: calc(20% - 15px);
    height: 310px;
    border-radius: 8px;
    border: 1px solid #e1e3e6;
    background-color: #fff
}

.last-my-record ul li:last-child {
    margin-right: 0
}

.last-my-record ul li p.tit img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px
}

.last-my-record ul li p.tit span {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    font-size: 16px;
    line-height: 40px;
    color: #3a3a4a
}

.last-my-record ul li .gray-info {
    height: 32px;
    line-height: 32px;
    color: #3a3a4a;
    border-radius: 5px;
    padding: 0 12px;
    margin-top: 15px;
    background-color: #f6f6f6
}

.last-my-record ul li .txt-con .box {
    min-height: 78px;
    padding: 12px 0;
    border-top: 1px solid #f6f6f6
}

.last-my-record ul li .txt-con .box:first-child {
    border-top: 0
}

.last-my-record ul li .txt-con .box.no-title:first-child {
    padding-top: 34px
}

.last-my-record ul li .txt-con .box .txt span {
    float: right;
    color: #3a3a4a
}

.last-my-record ul li .txt-con .box .title {
    text-align: left
}

.last-my-record ul li .txt-con .box .data {
    text-align: right
}

.last-my-record ul li .txt-con .box .data .color-red {
    font-size: 21px;
    font-family: 'roboto'
}

.last-my-record ul li .btn-area {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #e1e3e6;
    background-color: #f6f6f6
}

.last-my-record ul li .btn-area a {
    position: relative;
    float: left;
    display: block;
    width: 50%;
    text-align: center;
    color: #3a3a4a;
    line-height: 37px
}

.last-my-record ul li .btn-area a:before {
    content: '';
    width: 1px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
    background-color: #e1e3e6
}

.last-my-record ul li .btn-area a:first-child:before {
    display: none
}

.last-my-record ul li .no-data {
    padding-top: 50px
}

.last-my-record ul li a.disabled {
    color: #b5b5b7
}

.last-record-innerbox {
    width: 100%;
    text-align: center
}

.last-record-innerbox .gray-box {
    padding: 20px;
    border-radius: 8px
}

.last-record-innerbox .gray-box img {
    margin-right: 15px;
    vertical-align: middle
}

.last-record-innerbox .gray-box em {
    font-size: 21px;
    color: #3a3a4a
}

.multiple-choice-wrap span {
    display: inline-block;
    padding: 0 5px;
    margin: 0 5px;
    color: #6c6d72
}

.multiple-choice-wrap span.curr {
    color: #d7021b;
    padding-left: 22px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-gno-fryrpg.cat") no-repeat left 3px
}

.form-wrap.box-in-table {
    width: 100%
}

.form-wrap.box-in-table .tit {
    padding: 10px 0;
    line-height: 20px;
    font-weight: 600
}

.form-wrap.box-in-table p.line {
    position: relative;
    padding: 5px 0 5px 150px;
    min-height: 42px;
    line-height: 40px;
    margin-top: 0
}

.form-wrap.box-in-table p.line em.txt,
.form-wrap.box-in-table p.line em.tit {
    position: absolute;
    left: 0
}

.form-wrap.box-in-table p.line span.inline-block {
    display: inline-block
}

.form-wrap.box-in-table p.line span.text-area {
    padding-left: 0;
    table-layout: inherit;
    display: block
}

.form-wrap.box-in-table p.line span.text-area .byte {
    bottom: 0;
    left: inherit
}

.form-wrap.box-in-table p.line .datepicker {
    display: inline-block
}

.form-wrap.box-in-table p.line .datepicker em {
    vertical-align: middle
}

.box-in-table.v1 table tr td {
    height: 74px;
    padding: 20px 0
}

@media only screen and (max-width:991px) {
    .last-my-record ul li {
        height: auto;
        margin-right: 0;
        margin-bottom: 20px;
        width: 100%
    }
    .last-my-record ul li:last-child {
        margin-bottom: 0
    }
    .last-my-record ul li .gray-info {
        display: inline-block;
        position: absolute;
        top: 4px;
        right: 15px
    }
    .last-my-record ul li .txt-con .box {
        overflow: hidden;
        min-height: auto
    }
    .last-my-record ul li .txt-con .box.no-title:first-child {
        padding-top: 12px
    }
    .last-my-record ul li .txt-con .box .title {
        float: left;
        display: inline-block;
        text-align: left;
        padding-top: 7px
    }
    .last-my-record ul li .txt-con .box .data {
        float: right;
        text-align: right
    }
    .last-my-record ul li .txt-con .box .data .color-red {
        font-size: 21px;
        font-family: 'roboto'
    }
    .last-my-record ul li .no-data {
        padding-top: 12px
    }
}

@media only screen and (max-width:767px) {
    .medical-request .cont-area {
        padding: 10px 15px
    }
    .last-record-innerbox .gray-box img {
        display: none
    }
    .last-record-innerbox .gray-box em {
        font-size: 18px;
        color: #3a3a4a
    }
    .box-in-table.v1 table tr td {
        height: auto !important
    }
    .form-wrap.box-in-table {
        text-align: center
    }
    .form-wrap.box-in-table p.line {
        padding: 5px 0 5px 0;
        text-align: left
    }
    .form-wrap.box-in-table p.line em.txt,
    .form-wrap.box-in-table p.line em.tit {
        display: block;
        position: relative;
        text-align: left
    }
    .form-wrap.box-in-table p.line span {
        display: block
    }
    .box-in-table select,
    .box-in-table input {
        margin: 0 0 10px 0 !important
    }
}

.health-check-topbox {
    margin: 0 0 30px 0;
    text-align: center;
    font-size: 16px;
    color: #3a3a4a
}

.health-check-topbox span.tit {
    font-size: 21px;
    vertical-align: middle
}

.health-check-topbox span.txt {
    display: inline-block;
    margin: 0 0 0 40px;
    line-height: 26px;
    vertical-align: middle
}

.health-check-topbox span.txt i {
    margin-right: 10px
}

.health-check-topbox span.txt em {
    margin: 3px 0 0 0;
    font-size: 21px;
    vertical-align: middle
}

.health-check-topbox span.txt em.color-red {
    color: #ee0700
}

.health-check-topbox span.img {
    display: inline-block
}

.health-check-topbox span.img img {
    vertical-align: middle
}

.health-check-topbox .under-cont {
    border-top: 1px solid #e1e3e6;
    margin-top: 20px;
    padding-top: 25px
}

.last-health-no-data {
    text-align: center
}

@media only screen and (max-width:767px) {
    .health-check-topbox span {
        display: block;
        padding: 5px 0
    }
    .health-check-topbox span.txt,
    .health-check-topbox span.txt strong {
        font-size: 16px !important
    }
    .health-check-topbox span.txt em {
        font-size: 17px
    }
}

@media only screen and (max-width:460px) {
    .health-check-topbox span {
        display: block;
        padding: 5px 0
    }
}

.box-inner-tab-wrap {
    margin: 10px 30px
}

@media only screen and (max-width:767px) {
    .box-inner-tab-wrap {
        margin: 15px
    }
}

.health-chart-tit {
    font-weight: bold;
    color: #3a3a4a;
    font-size: 15px;
    margin-top: 30px
}

.health-pressure-advice {
    margin-top: 40px
}

.health-pressure-advice ul {
    display: table;
    width: 100%
}

.health-pressure-advice ul li {
    display: table-cell;
    width: 25%;
    text-align: center;
    vertical-align: middle
}

.health-pressure-advice ul li p {
    padding: 10px 0
}

@media only screen and (max-width:767px) {
    .health-pressure-advice ul li {
        display: block;
        width: 100%;
        margin-bottom: 20px
    }
}

.modal.health-checkup-result {
    width: 900px
}

.health-checkup-result-controlbar {
    display: block;
    margin-bottom: 12px;
    width: 100%;
    min-height: 48px;
    border-radius: 5px;
    color: #fff;
    background-color: #44465c
}

.health-checkup-result-controlbar:after {
    display: block;
    content: '';
    clear: both;
    overflow: hidden
}

.health-checkup-result-controlbar span {
    float: left;
    min-width: 62px;
    height: 48px;
    position: relative;
    font-size: 0;
    line-height: 0
}

.health-checkup-result-controlbar span:after {
    display: block;
    content: '';
    position: absolute;
    right: 0;
    top: 16px;
    width: 1px;
    height: 16px;
    background: rgba(255, 255, 255, 0.15)
}

.health-checkup-result-controlbar span:last-child:after {
    display: none
}

.health-checkup-result-controlbar button {
    width: 60px;
    height: 48px;
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
    border: 0;
    box-sizing: border-box;
    border-radius: 5px;
    background: 0
}

.health-checkup-result-controlbar select {
    margin: 8px 10px;
    width: 108px;
    height: 32px;
    vertical-align: top
}

.nosmoke-content-list {
    overflow: hidden
}

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

.nosmoke-content-list .box {
    float: left;
    width: calc(50% - 15px);
    min-height: 230px;
    margin: 0 0 30px 0;
    padding: 25px 30px;
    border-radius: 10px 10px 50px 10px
}

.nosmoke-content-list .box:nth-child(2n) {
    float: right
}

.nosmoke-content-list .box:nth-child(1),
.nosmoke-content-list .box:nth-child(2) {
    background-color: #fff2f2
}

.nosmoke-content-list .box:nth-child(3),
.nosmoke-content-list .box:nth-child(4) {
    background-color: #fffde5
}

.nosmoke-content-list .box:nth-child(5),
.nosmoke-content-list .box:nth-child(6) {
    background-color: #e9fafc
}

.nosmoke-content-list .box:nth-child(7),
.nosmoke-content-list .box:nth-child(8) {
    background-color: #e5fce3
}

.nosmoke-content-list .box .tit {
    margin: 0 0 15px 0;
    font-weight: bold;
    font-size: 16px;
    color: #3a3a4a
}

.nosmoke-content-list .box ul.list-text {
    margin-top: 10px
}

@media only screen and (max-width:767px) {
    .nosmoke-content-list .box {
        display: block;
        width: 100%;
        min-height: auto
    }
}

.fat-control-check-wrap:after {
    content: '';
    display: block;
    clear: both
}

.fat-control-check-wrap .cont-area {
    padding: 20px 29px
}

.fat-control-check-wrap .medical-request {
    min-height: 611px
}

.fat-control-check-wrap .fat-check-left {
    float: left;
    width: calc(100% - 400px)
}

.fat-control-check-wrap .fat-result-right {
    float: right;
    width: 380px
}

.fat-control-check-wrap .fat-result-right .body-box {
    overflow: hidden;
    border: 1px solid #e1e3e6;
    padding: 0;
    text-align: center
}

.fat-control-check-wrap .fat-result-right .body-box:after {
    display: block;
    content: '';
    clear: both
}

.fat-control-check-wrap .fat-result-right .body-box .block {
    width: 50%;
    padding: 15px 10px;
    float: left
}

.fat-control-check-wrap .fat-result-right .body-box .block img {
    margin: 0 auto
}

.fat-control-check-wrap .fat-result-right .body-box .block.front {
    border-right: 1px solid #e1e3e6
}

.fat-control-target-wrap {
    position: relative;
    overflow: hidden
}

.fat-control-target-wrap .decrease {
    position: absolute;
    top: 180px;
    left: 50%;
    margin-left: -77px;
    padding: 30px 0;
    width: 153px;
    height: 162px;
    color: #fff;
    text-align: center;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-sng-qrpernfr.cat') 0 0 no-repeat
}

.fat-control-target-wrap .decrease strong {
    display: block
}

.fat-control-target-wrap .decrease strong em {
    font-size: 21px
}

.fat-control-target-wrap .block {
    float: left;
    width: calc(50% - 10px)
}

.fat-control-target-wrap .block.fat-weight-target {
    float: right
}

.fat-control-target-wrap .block .body-box {
    overflow: hidden;
    border: 1px solid #e1e3e6;
    padding: 0;
    text-align: center
}

.fat-control-target-wrap .block .body-box:after {
    display: block;
    content: '';
    clear: both
}

.fat-control-target-wrap .block .body-box .block {
    width: 50%;
    padding: 15px 10px;
    float: left
}

.fat-control-target-wrap .block .body-box .block img {
    margin: 0 auto
}

.fat-control-target-wrap .block .body-box .block.front {
    border-right: 1px solid #e1e3e6
}

.fat-control-target-wrap .block .cont-area span.float-r {
    text-align: center;
    display: inline-block;
    line-height: 24px;
    min-width: 160px;
    border-radius: 12px;
    background-color: #f6f6f6
}

.fat-control-target-wrap .block .cont-area span.float-r.red {
    color: #d7021b;
    background-color: #fff2f2
}

.fat-result-box {
    position: relative;
    overflow: hidden;
    padding: 25px 30px
}

.fat-result-box .box-cont {
    max-width: calc(100% - 200px);
    float: left;
    padding-left: 50px
}

.fat-result-box .inner-cont {
    max-width: 200px;
    float: left;
    text-align: center
}

.fat-result-box .inner-cont.result1 {
    color: #26890c
}

.fat-result-box .inner-cont.result2 {
    color: #c15807
}

.fat-result-box .inner-cont.result3 {
    color: #d7021b
}

.fat-result-box .inner-cont .result-img {
    width: 200px;
    height: 114px
}

.fat-result-box .inner-cont.result1 .result-img {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Stencu-erfhyg1i1.cat') 0 0 no-repeat
}

.fat-result-box .inner-cont.result2 .result-img {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Stencu-erfhyg2i1.cat') 0 0 no-repeat
}

.fat-result-box .inner-cont.result3 .result-img {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Stencu-erfhyg3i1.cat') 0 0 no-repeat
}

.fat-result-box .inner-cont p {
    margin-top: 10px
}

.fat-table {
    border: 1px solid #eee
}

.fat-table tr th {
    padding: 0 0 0 20px
}

.fat-table tr th,
.fat-table tr td {
    height: 84px;
    border-bottom: 1px solid #eee
}

.fat-table {
    width: 100%;
    background-color: #fff
}

.fat-table th {
    text-align: center;
    color: #333
}

.fat-table td {
    padding: 25px 0 21px;
    height: 95px;
    background-size: 100%;
    vertical-align: top;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-sng-gnoyr.cat') repeat
}

.fat-table td>p:first-child {
    margin-bottom: 16px
}

.fat-table td>p span {
    height: 12px;
    display: inline-block;
    border-radius: 6px;
    max-width: 100%
}

.fat-table td>p em {
    position: relative;
    display: inline-block;
    margin-left: 8px;
    vertical-align: top;
    color: #333;
    top: -2px
}

.fat-table td .data1 {
    background-color: #4095dd
}

.fat-table td .data2 {
    background-color: #44b595
}

.fat-table td.other {
    padding: 41px 0 37px
}

.fat-table td.other p {
    margin-bottom: 0 !important
}

.fat-table td.standard {
    height: 53px;
    padding: 15px 0 0 0
}

.fat-table td.standard ul:after {
    clear: both;
    content: "";
    display: block
}

.fat-table td.standard ul li {
    height: 24px;
    float: left;
    padding: 6px 1px 6px 0;
    position: relative
}

.fat-table td.standard ul li:first-child {
    padding-left: 0
}

.fat-table td.standard ul li:after {
    width: 2px;
    height: 24px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0
}

.fat-table td.standard ul li span {
    height: 100%;
    display: block
}

.fat-table td.standard ul li:first-child span {
    border-radius: 6px 0 0 6px
}

.fat-table td.standard ul li:last-child span {
    border-radius: 0 6px 6px 0
}

.fat-table td.standard ul li p {
    width: 100%;
    position: absolute;
    top: 25px;
    left: 0;
    text-align: center;
    color: #333;
    font-weight: bold
}

.fat-table td.standard ul li.row span {
    background-color: #24b9d9
}

.fat-table td.standard ul li.normal span {
    background-color: #5ecd1e
}

.fat-table td.standard ul li.over span {
    background-color: #fc0
}

.fat-table td.standard ul li.obese span {
    background-color: #ffa800
}

.fat-table td.standard ul li.high {
    padding-right: 13px
}

.fat-table td.standard ul li.high:after {
    width: 13px
}

.fat-table td.standard ul li.high span {
    background-color: #ef5e72
}

.food-list {
    overflow: hidden
}

.food-list span {
    display: inline-block
}

.food-list span .button {
    margin: 0 0 10px 10px !important
}

.exercise-chk-list {
    text-align: center
}

.exercise-chk-list:after {
    display: block;
    content: '';
    clear: both
}

.exercise-chk-list li {
    position: relative;
    float: left;
    width: 80px;
    min-height: 100px;
    margin: 10px 30px
}

.exercise-chk-list li.on:after {
    position: absolute;
    right: -3px;
    top: -3px;
    width: 24px;
    height: 24px;
    content: '';
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-rkrepvfr-purpxrq.cat') 0 0 no-repeat
}

.exercise-chk-list li a {
    display: block
}

.exercise-chk-list li a img {
    margin: 0 auto
}

.exercise-chk-list li a p {
    color: #3a3a4a;
    margin-top: 10px
}

.exercise-chk-list.v1 {
    text-align: center;
    width: 100%;
    height: 280px;
    overflow-y: auto
}

.exercise-chk-list.v1 li {
    float: none;
    display: inline-block;
    text-align: center
}

.exercise-chk-list.v2 li {
    float: none;
    display: inline-block;
    width: auto;
    min-width: 110px;
    margin: 0;
    padding: 0
}

.exercise-kcal {
    text-align: center;
    width: 100%;
    height: 280px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-rkrepvfr-xpny.cat') center center no-repeat
}

.exercise-kcal p {
    padding: 110px 0;
    color: #3a3a4a;
    font-size: 16px
}

.exercise-kcal p span {
    display: block
}

.exercise-kcal p em {
    font-size: 21px;
    font-weight: bold
}

@media only screen and (max-width:767px) {
    .fat-result-box .box-cont {
        max-width: 100%;
        float: none;
        display: block;
        padding-left: 10px
    }
    .fat-result-box .inner-cont {
        max-width: 200px;
        float: none;
        display: block;
        text-align: center;
        margin: 0 auto
    }
    .fat-result-box .inner-cont .result-img {
        margin: 0 auto;
        width: 200px;
        height: 114px;
        background-size: 200px 114px;
        background-position: center center
    }
    .fat-control-check-wrap .btn-group {
        text-align: center !important
    }
    .fat-control-check-wrap .fat-check-left {
        width: 100%
    }
    .fat-control-check-wrap .fat-result-right {
        width: 100%;
        margin-top: 40px
    }
    .fat-control-target-wrap .decrease {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        margin-left: 0;
        margin: 20px auto;
        padding: 30px 0
    }
    .fat-control-target-wrap .block {
        float: inherit;
        width: 100%;
        display: block
    }
    .fat-table td.standard ul li p {
        font-size: 13px
    }
    .fat-table td.standard ul li.over p {
        width: 35px;
        top: -15px;
        left: -10px
    }
}

.diabetes-site-list:after {
    display: block;
    content: '';
    clear: both
}

.diabetes-site-list .list {
    float: left;
    padding: 20px;
    width: calc(25% - 15px);
    min-height: 172px;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
    border: 1px solid #e1e3e6;
    border-radius: 10px
}

.diabetes-site-list .list:nth-child(4n) {
    float: right;
    margin-right: 0
}

.diabetes-site-list .list a {
    display: block
}

.diabetes-site-list .list a img {
    margin: 0 auto 10px;
    width: auto
}

.diabetes-site-list .list a p {
    display: block;
    width: 100%;
    min-height: 52px;
    vertical-align: middle;
    padding-top: 20px;
    border-top: 1px solid #e1e3e6
}

.diabetes-contents-box {
    position: relative;
    overflow: hidden;
    padding: 0
}

.diabetes-contents-box .box-cont {
    max-width: calc(100% - 190px);
    float: left;
    padding: 0 0 0 40px
}

.diabetes-contents-box .inner-cont {
    max-width: 190px;
    float: left;
    text-align: center
}

.diabetes-contents-box .inner-cont .result-img {
    width: 190px;
    height: auto
}

.border-box.v2.diabetes-contents-box .box-cont {
    padding: 20px;
    max-width: 100%
}

.border-box.v2.diabetes-contents-box .box-cont .inner-cont {
    max-width: 190px;
    float: left;
    text-align: center
}

.border-box.v2.diabetes-contents-box .box-cont .box-cont-detail {
    max-width: calc(100% - 190px);
    float: left;
    padding: 0 0 0 40px
}

.foodkcal-box {
    padding: 20px
}

.foodkcal-box .foodkcal-wrap {
    display: table;
    width: 100%;
    height: 140px;
    margin-top: 20px
}

.foodkcal-box .foodkcal-wrap:after {
    display: block;
    content: '';
    clear: both
}

.foodkcal-box .foodkcal-wrap>div,
.foodkcal-box .foodkcal-wrap>span {
    float: left;
    height: 140px;
    vertical-align: middle
}

.foodkcal-box .foodkcal-wrap span {
    width: 28px
}

.foodkcal-box .foodkcal-wrap span.equal {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-rdhny-fvta.cat') center center no-repeat
}

.foodkcal-box .foodkcal-wrap span.sum {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-fhz-fvta.cat') center center no-repeat
}

.foodkcal-box .foodkcal-wrap .food-img {
    width: 190px
}

.foodkcal-box .foodkcal-wrap .food-img img {
    display: block
}

.foodkcal-box .foodkcal-wrap .kcal {
    padding: 50px 0;
    width: calc(25% - 76px);
    height: 140px;
    text-align: Center;
    border-radius: 10px;
    border: 1px solid #bec2c8;
    background: #fff;
    font-size: 16px
}

.foodkcal-box .foodkcal-wrap .kcal.total {
    border: 0;
    color: #fff;
    background: #44465c
}

.health-food-list li {
    display: inline-block;
    margin: 0 15px
}

.health-food-list li img {
    display: block
}

.health-food-list li p {
    display: block;
    padding: 10px 0;
    text-align: center
}

@media only screen and (max-width:767px) {
    .diabetes-site-list .list {
        float: left;
        width: calc(50% - 10px)
    }
    .diabetes-site-list .list:nth-child(2n) {
        float: right;
        margin-right: 0
    }
    .diabetes-site-list .list a img {
        width: 100%
    }
    .diabetes-site-list .list a p {
        min-height: 74px
    }
    .diabetes-contents-box .box-cont {
        max-width: 100%;
        float: none;
        display: block;
        padding: 0 0 0 10px
    }
    .diabetes-contents-box .inner-cont {
        max-width: 190px;
        float: none;
        display: block;
        text-align: center;
        margin: 0 auto
    }
    .diabetes-contents-box .inner-cont .result-img {
        width: 190px;
        height: auto;
        margin-bottom: 20px
    }
    .border-box.v2.diabetes-contents-box .box-cont .inner-cont {
        max-width: 190px;
        float: none;
        display: block;
        text-align: center
    }
    .border-box.v2.diabetes-contents-box .box-title {
        text-align: center;
        margin-top: 30px
    }
    .border-box.v2.diabetes-contents-box .box-cont .inner-cont img {
        margin: 0 auto
    }
    .border-box.v2.diabetes-contents-box .box-cont .box-cont-detail {
        max-width: 100%;
        float: none;
        padding: 0;
        display: block
    }
    .foodkcal-box .foodkcal-wrap .food-img {
        display: block;
        float: none;
        margin-bottom: 20px;
        width: 100%
    }
    .foodkcal-box .foodkcal-wrap .food-img img {
        margin: 0 auto
    }
    .foodkcal-box .foodkcal-wrap span.none {
        display: none
    }
    .foodkcal-box .foodkcal-wrap .kcal {
        padding: 50px 0;
        width: calc(25% - 21px);
        font-size: 14px
    }
}

@media only screen and (max-width:374px) {
    .foodkcal-box .foodkcal-wrap .kcal {
        width: 100%;
        height: auto;
        padding: 10px 0
    }
    .foodkcal-box .foodkcal-wrap>span {
        text-align: center;
        width: 100%;
        height: auto;
        padding: 15px 0
    }
}

.syndrome-step-box {
    border: 1px solid #e1e3e6;
    padding: 30px 20px;
    text-align: center
}

.syndrome-step-box .before-cause {
    display: inline-block;
    position: relative;
    margin: 0 130px 0 0;
    vertical-align: middle
}

.syndrome-step-box .before-cause:after {
    content: '';
    display: block;
    position: absolute;
    right: -105px;
    top: 50%;
    width: 64px;
    height: 56px;
    margin: -28px 0 0 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-gbc-ovt.cat') no-repeat 0;
    transform: rotate(90deg)
}

.syndrome-step-box .before-cause ul {
    width: 150px
}

.syndrome-step-box .before-cause ul li {
    height: 46px;
    line-height: 44px;
    border: 1px solid #bec2c8;
    color: #3a3a4a;
    text-align: center;
    border-radius: 8px 8px 0 8px;
    margin-top: 8px
}

.syndrome-step-box .before-cause ul li:first-child {
    margin-top: 0
}

.syndrome-step-box .after-syndrome {
    position: relative;
    display: inline-block;
    width: 388px;
    height: 266px;
    padding: 0 30px;
    text-align: center;
    vertical-align: middle;
    border-radius: 8px;
    background-color: #f6f6f6
}

.syndrome-step-box .after-syndrome strong {
    display: block;
    border-bottom: 1px solid #e1e3e6;
    padding: 20px 0
}

.syndrome-step-box .after-syndrome ul li {
    position: absolute;
    width: 108px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    border-radius: 25px;
    background-color: #44465c
}

.syndrome-step-box .after-syndrome ul li.type01 {
    top: 86px;
    left: 40px
}

.syndrome-step-box .after-syndrome ul li.type02 {
    top: 86px;
    right: 40px
}

.syndrome-step-box .after-syndrome ul li.type03 {
    bottom: 80px;
    left: 50%;
    margin-left: -54px
}

.syndrome-step-box .after-syndrome ul li.type04 {
    bottom: 24px;
    left: 40px
}

.syndrome-step-box .after-syndrome ul li.type05 {
    bottom: 24px;
    right: 40px
}

@media only screen and (max-width:991px) {
    .syndrome-step-box {
        padding: 20px
    }
    .syndrome-step-box .before-cause {
        display: block;
        position: relative;
        margin: 0 0 70px 0
    }
    .syndrome-step-box .before-cause:after {
        content: '';
        position: absolute;
        top: inherit;
        bottom: -61px;
        left: 50%;
        margin: 0 0 0 -28px;
        transform: rotate(180deg)
    }
    .syndrome-step-box .before-cause ul {
        overflow: hidden;
        width: 100%
    }
    .syndrome-step-box .before-cause ul li {
        display: block;
        float: left;
        width: calc(50% - 5px);
        margin: 0 0 5px 0
    }
    .syndrome-step-box .before-cause ul li:nth-child(even) {
        float: right
    }
    .syndrome-step-box .after-syndrome {
        display: block;
        position: relative;
        float: none;
        width: 100%;
        height: auto
    }
    .syndrome-step-box .after-syndrome ul {
        overflow: hidden
    }
    .syndrome-step-box .after-syndrome ul li {
        position: static;
        width: calc(50% - 5px);
        float: left;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        margin: 5px 0 0 0 !important
    }
    .syndrome-step-box .after-syndrome ul li:nth-child(even) {
        float: right
    }
}

@media only screen and (max-width:767px) {
    .syndrome-step-box .after-syndrome ul li {
        width: 100%;
        float: none !important
    }
    .syndrome-step-box .after-syndrome ul li:first-child {
        margin-top: 0 !important
    }
}

.cholesterol-txt {
    overflow: hidden;
    width: 600px;
    margin: 0 auto
}

.cholesterol-txt .box {
    float: left;
    width: 300px;
    height: 78px;
    color: #fff;
    line-height: 1.5;
    text-align: center;
    padding-top: 15px;
    border-radius: 40px
}

.cholesterol-txt .box.red {
    background-color: #d7021b
}

.cholesterol-txt .box.navy {
    background-color: #44465c
}

@media only screen and (max-width:991px) {
    .cholesterol-txt {
        overflow: hidden;
        width: 100%
    }
    .cholesterol-txt .box {
        float: left;
        width: 50%;
        height: 78px;
        color: #fff;
        line-height: 1.5;
        text-align: center;
        padding-top: 15px;
        border-radius: 40px
    }
    .cholesterol-txt .box.red {
        background-color: #d7021b
    }
    .cholesterol-txt .box.navy {
        background-color: #44465c
    }
}

@media only screen and (max-width:767px) {
    .cholesterol-txt {
        overflow: hidden;
        width: 100%
    }
    .cholesterol-txt .box {
        float: left;
        width: 100%;
        height: auto;
        color: #fff;
        line-height: 1.5;
        text-align: center;
        padding: 10px;
        border-radius: 40px
    }
    .cholesterol-txt .box.navy {
        margin-top: 5px
    }
}

.target-box {
    overflow: hidden
}

.target-box .box {
    float: left;
    width: 210px;
    height: 124px;
    margin-left: 20px;
    margin-bottom: 20px;
    text-align: center;
    padding-top: 24px
}

.target-box .box:first-child {
    margin-left: 0
}

.target-box .box.green {
    background-color: #e5fbe4;
    border-radius: 40px 0 0 0
}

.target-box .box.blue {
    background-color: #e8fafc
}

.target-box .box.yellow {
    background-color: #fdfadc
}

.target-box .box.pink {
    background-color: #fff2f2;
    border-radius: 0 0 40px 0
}

@media only screen and (max-width:991px) {
    .target-box {
        overflow: hidden
    }
    .target-box .box {
        float: left;
        width: calc(50% - 10px);
        height: 124px;
        text-align: center;
        padding-top: 24px
    }
    .target-box .box:nth-child(3) {
        margin-left: 0
    }
}

@media only screen and (max-width:767px) {
    .target-box {
        overflow: hidden
    }
    .target-box .box {
        float: left;
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-bottom: 15px;
        text-align: center;
        padding: 10px
    }
    .target-box .box:nth-child(3) {
        margin-left: 0
    }
}

.health-food-info {
    text-align: center;
    padding: 20px 0 30px 0
}

.health-food-info .img {
    font-size: 0;
    line-height: 0
}

.health-food-info .img img {
    max-width: 80%
}

.health-food-info .txt {
    background-color: #fff;
    padding: 15px 20px;
    border-radius: 8px;
    font-size: 16px;
    color: #3a3a4a;
    margin: 0 30px
}

@media only screen and (max-width:767px) {
    .health-food-info .img img {
        width: 300px
    }
}

.pregnancy-button {
    overflow: hidden;
    width: 672px;
    margin: -12px 0 0 -12px
}

.pregnancy-button .button {
    float: left;
    width: 156px;
    margin: 12px 0 0 12px
}

@media only screen and (max-width:991px) {
    .pregnancy-button {
        width: 100%;
        margin: 0 0 0 -6px
    }
    .pregnancy-button .button {
        width: calc(25% - 12px)
    }
}

@media only screen and (max-width:767px) {
    .pregnancy-button .button {
        width: calc(33.3% - 12px)
    }
}

.step-medicine-pink {
    overflow: hidden;
    text-align: center
}

.step-medicine-pink ul li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 130px
}

.step-medicine-pink ul li:after {
    content: '';
    position: absolute;
    top: 30px;
    left: -5px;
    width: 11px;
    height: 16px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-tenl-evtug-obyq.cat') no-repeat
}

.step-medicine-pink ul li:first-child:after {
    display: none
}

.step-medicine-pink ul li .title {
    color: #3a3a4a;
    margin-top: 15px
}

.step-medicine-pink ul li .txt {
    margin-top: 8px
}

.step-medicine-pink ul li .txt span {
    display: block
}

@media only screen and (max-width:991px) {
    .step-medicine-pink {
        overflow: hidden;
        text-align: center
    }
    .step-medicine-pink ul li {
        position: relative;
        display: block;
        width: 100%;
        padding-top: 40px
    }
    .step-medicine-pink ul li:first-child {
        padding-top: 0
    }
    .step-medicine-pink ul li:after {
        content: '';
        position: absolute;
        top: 10px;
        left: 50%;
        margin-left: -8px;
        transform: rotate(90deg);
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-tenl-evtug-obyq.cat') no-repeat
    }
    .step-medicine-pink ul li .txt span {
        display: inline-block
    }
}

.tooth-brush-info {
    text-align: center;
    width: 700px;
    margin: 40px auto 0
}

.tooth-brush-info ul li {
    display: inline-block;
    vertical-align: top;
    width: 250px;
    text-align: left;
    margin: 0 30px
}

.tooth-brush-info ul li .img {
    display: block;
    width: 250px;
    height: 150px;
    font-size: 0;
    line-height: 0
}

.tooth-brush-info ul li .img img {
    width: 100%
}

.tooth-brush-info ul li strong {
    display: block;
    color: #3a3a4a;
    margin-top: 7px
}

.tooth-brush-info ul li span {
    display: block;
    color: #3a3a4a
}

@media only screen and (max-width:767px) {
    .tooth-brush-info {
        text-align: center;
        width: 100%
    }
    .tooth-brush-info ul li {
        display: block;
        width: 100%;
        margin: 30px 0 0 0
    }
    .tooth-brush-info ul li:first-child {
        margin-top: 0
    }
    .tooth-brush-info ul li .img {
        display: block;
        text-align: center;
        width: 100%;
        max-width: 250px;
        height: auto;
        font-size: 0;
        line-height: 0;
        margin: 0 auto
    }
    .tooth-brush-info ul li .img img {
        width: 100%
    }
    .tooth-brush-info ul li strong {
        display: block;
        color: #3a3a4a;
        margin-top: 7px
    }
    .tooth-brush-info ul li span {
        display: block;
        color: #3a3a4a
    }
}

.medicine-info-wrap {
    margin-top: 40px
}

.medicine-info-wrap ul {
    overflow: hidden;
    margin: -30px 0 0 -30px
}

.medicine-info-wrap ul li {
    float: left;
    width: calc(33.3% - 30px);
    height: 200px;
    margin: 30px 0 0 30px;
    text-align: center;
    padding-top: 43px;
    border: 1px solid #e1e3e6;
    border-radius: 8px
}

.medicine-info-wrap ul li:first-child {
    border-radius: 40px 8px 8px 8px
}

.medicine-info-wrap ul li:last-child {
    border-radius: 8px 8px 40px 8px
}

.medicine-info-wrap ul li strong {
    display: block;
    color: #3a3a4a;
    margin-top: 40px
}

@media only screen and (max-width:991px) {
    .medicine-info-wrap {
        margin-top: 30px
    }
    .medicine-info-wrap ul li {
        float: left;
        width: calc(50% - 30px)
    }
}

@media only screen and (max-width:767px) {
    .medicine-info-wrap {
        margin-top: 30px
    }
    .medicine-info-wrap ul {
        margin-left: 0
    }
    .medicine-info-wrap ul li {
        float: none;
        width: 100%;
        height: auto;
        margin-left: 0;
        padding: 25px 0
    }
    .medicine-info-wrap ul li strong {
        margin-top: 20px
    }
}

.select-user-wrap {
    overflow: hidden;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 50px 50px 70px;
    border: 1px solid #e1e3e6;
    border-radius: 10px 50px 10px 10px;
    font-size: 0
}

.select-user-wrap .cont {
    display: inline-block;
    width: 50%
}

.select-user-wrap .cont:first-child {
    padding: 0 50px 0 0 !important;
    border-left: 0 !important
}

.select-user-wrap .cont:last-child {
    padding: 0 0 0 50px;
    border-left: 1px solid #e1e3e6
}

.select-user-wrap .cont .tit {
    font-size: 21px;
    font-weight: 700;
    word-break: keep-all;
    color: #3a3a4a;
    height: 200px;
    background-repeat: no-repeat;
    background-position: 50% 100%
}

.select-user-wrap .cont:first-child .tit {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-jounpn06210-01.cat')
}

.select-user-wrap .cont:last-child .tit {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-jounpn06210-02.cat')
}

.select-user-wrap .cont .button {
    width: 100%;
    margin-top: 50px
}

@media only screen and (max-width:767px) {
    .select-user-wrap .cont {
        float: none;
        width: 100%
    }
    .select-user-wrap .cont:first-child {
        padding: 0 0 50px !important;
        border-right: 0;
        border-bottom: 1px solid #e1e3e6
    }
    .select-user-wrap .cont:last-child {
        padding: 50px 0 0 0;
        border: 0
    }
}

.pay-step-type {
    text-align: center
}

.pay-step-type .result {
    display: inline-block;
    padding: 25px 30px;
    text-align: center;
    color: #fff;
    border-radius: 8px;
    background-color: #44465c
}

.pay-step-type>ul {
    position: relative;
    overflow: hidden;
    padding-top: 96px
}

.pay-step-type>ul:after {
    content: '';
    position: absolute;
    top: 18px;
    left: 50%;
    margin-left: -32px;
    width: 64px;
    height: 56px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-gbc-ovt.cat') no-repeat 0
}

.pay-step-type>ul>li {
    display: inline-block;
    vertical-align: top;
    width: 210px;
    margin-left: 20px;
    text-align: left
}

.pay-step-type>ul>li:first-child {
    margin-left: 0
}

.pay-step-type>ul>li .dark-box .box-cont {
    min-height: 140px
}

@media only screen and (max-width:991px) {
    .pay-step-type>ul>li {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-top: 20px
    }
    .pay-step-type>ul>li:first-child {
        margin-top: 0
    }
    .pay-step-type>ul>li .dark-box .box-cont {
        min-height: auto;
        height: auto
    }
}

.grade-table-part {
    overflow: hidden
}

.grade-table-part .col-table {
    width: 49%;
    float: left
}

.grade-table-part .col-table:last-child {
    float: right
}

.grade-table-part.v1 .col-table {
    float: none;
    width: 100%
}

@media only screen and (max-width:991px) {
    .grade-table-part .col-table {
        overflow-x: hidden;
        float: none;
        width: 100%
    }
    .grade-table-part .col-table table {
        min-width: 100%
    }
}

@media only screen and (max-width:847px) {
    .grade-table-part .col-table {
        overflow-x: scroll;
        float: none;
        width: 100%
    }
    .grade-table-part.v1 .col-table table {
        min-width: 767px
    }
}

.col-table.hover-blue table tbody tr:hover {
    background-color: #e8fafc !important
}

.col-table.hover-blue table tbody tr td {
    padding: 12px 5px;
    text-align: right
}

.col-table.hover-blue table tbody tr td:nth-child(1) {
    text-align: left
}

.col-table.hover-blue table tbody tr td:nth-child(2) {
    text-align: center
}

.col-table.hover-blue table tbody tr td:nth-child(7) {
    background-color: #fffde6 !important
}

.col-table.pd5 table tbody tr td {
    padding: 12px 5px
}

.leading-business-place {
    position: relative;
    width: 100%;
    margin: 10px 0;
    padding: 50px 0;
    text-align: center;
    border: 1px solid #e1e3e6
}

.leading-business-place .place-legend-top {
    display: block;
    position: absolute;
    right: 30px;
    top: 30px
}

.leading-business-place .place-legend-top:after {
    display: block;
    content: '';
    clear: both
}

.leading-business-place .place-legend-top li {
    float: left;
    width: auto;
    height: 21px;
    line-height: 21px;
    margin: 0 0 0 15px
}

.leading-business-place .place-legend-top li span {
    vertical-align: middle;
    margin: -2px 0 0 0
}

.leading-business-place span {
    display: inline-block;
    width: 21px;
    height: 21px;
    font-size: 0;
    vertical-align: middle;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-urnygu-erfhyg01.cat') 0 0 no-repeat
}

.leading-business-place span.old {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-urnygu-erfhyg01.cat') 0 0 no-repeat
}

.leading-business-place span.disabled {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-urnygu-erfhyg03.cat') 0 0 no-repeat
}

.leading-business-place span.mentally {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Sot-urnygu-erfhyg02.cat') 0 0 no-repeat
}

.leading-business-place span.fusion {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Sot-urnygu-erfhyg04.cat') 0 0 no-repeat
}

.leading-business-place .map-wrap {
    position: relative;
    margin: 0 auto;
    width: 741px;
    height: 516px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Sot-jounqq04800.cat') 0 0 no-repeat
}

.leading-business-place .map-wrap .place-link li {
    position: absolute;
    width: 142px;
    height: 32px;
    line-height: 30px;
    border: 1px solid #69727e;
    border-radius: 3px;
    background: #fff
}

.leading-business-place .map-wrap .place-link li a {
    display: block;
    text-align: left;
    padding: 0 0 0 10px;
    color: #44465c
}

.leading-business-place .map-wrap .place-link li.link01 {
    left: 0;
    top: 34px
}

.leading-business-place .map-wrap .place-link li.link02 {
    left: 0;
    top: 86px
}

.leading-business-place .map-wrap .place-link li.link03 {
    left: 0;
    top: 138px
}

.leading-business-place .map-wrap .place-link li.link04 {
    left: 598px;
    top: 138px
}

.leading-business-place .map-wrap .place-link li.link05 {
    left: 0;
    top: 242px
}

.leading-business-place .map-wrap .place-link li.link06 {
    left: 0;
    top: 190px
}

.leading-business-place .map-wrap .place-link li.link07 {
    left: 0;
    top: 294px
}

.leading-business-place .map-wrap .place-link li.link08 {
    left: 0;
    top: 346px
}

.leading-business-place .map-wrap .place-link li.link09 {
    left: 0;
    top: 398px
}

.leading-business-place .map-wrap .place-link li.link10 {
    left: 528px;
    top: 398px
}

.leading-business-place .map-wrap .place-link li.link11 {
    left: 598px;
    top: 190px
}

.leading-business-place .map-wrap .place-link li.link12 {
    left: 598px;
    top: 242px
}

.leading-business-place .map-wrap .place-link li.link13 {
    left: 598px;
    top: 294px
}

.leading-business-place .map-wrap .place-link li.link14 {
    left: 598px;
    top: 346px
}

.leading-business-place .map-wrap .place-link li.link15 {
    left: 0;
    top: 450px
}

.leading-business-place .map-wrap .place-link li.link16 {
    left: 528px;
    top: 450px
}

.leading-business-box {
    padding: 20px 10px;
    margin-top: 20px;
    border: 1px solid #e1e3e6
}

.leading-business-box .depth-3 {
    padding-left: 20px
}

@media only screen and (max-width:741px) {
    .leading-business-place {
        padding: 20px 0;
        text-align: center
    }
    .leading-business-place .place-legend-top {
        display: block;
        position: relative;
        margin: 0 0 20px 0;
        right: 0;
        top: 0;
        text-align: center
    }
    .leading-business-place .map-wrap {
        width: 100%;
        height: auto;
        background: 0
    }
    .leading-business-place .map-wrap .place-link {
        position: relative;
        text-align: center
    }
    .leading-business-place .map-wrap .place-link li {
        position: relative;
        margin: 10px 5px;
        display: inline-block;
        left: 0 !important;
        top: 0 !important
    }
    .leading-business-box .depth-3 {
        padding-left: 10px
    }
    .leading-business-box .list-text.col-3>li:before {
        left: 10px
    }
}

.merger-history {
    overflow: hidden;
    min-width: 500px
}

.merger-history .part {
    position: relative;
    float: left;
    width: 33.3%;
    padding-right: 40px;
    margin-top: 40px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-fgrc.cat') no-repeat right 8px center
}

.merger-history .part:first-child {
    margin-top: 0
}

.merger-history .part:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 24px;
    margin-top: -40px;
    width: 2px;
    height: 80px;
    background-color: #bec2c8
}

.merger-history .part.now {
    padding-right: 0;
    margin-top: 80px
}

.merger-history .part p {
    position: relative;
    width: 100%;
    text-align: center;
    color: #3a3a4a;
    border: 1px solid #bec2c8;
    border-radius: 8px;
    padding: 13px 0;
    margin-top: 30px;
    font-size: 13px;
    background-color: #f6f6f6
}

.merger-history .part p:first-child {
    margin-top: 0
}

.merger-history .part p:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -17px;
    margin-top: -1px;
    width: 10px;
    height: 2px;
    background-color: #bec2c8
}

.merger-history .part.now p {
    color: #fff;
    border: 1px solid #44465c;
    background-color: #44465c
}

.merger-history .part.now:after {
    display: none
}

.merger-history .part.now p:after {
    display: none
}

.history-pdf-down {
    max-width: 900px;
    margin: -30px 0 0 -30px
}

.history-pdf-down:after {
    clear: both;
    content: '';
    display: block
}

.history-pdf-down .book {
    float: left;
    width: 230px;
    height: 294px;
    text-align: center;
    padding: 25px 0;
    margin: 30px 0 0 30px;
    border: 1px solid #e1e3e6;
    border-radius: 8px;
    box-shadow: 7px 6px #f6f6f6;
    background-color: #fff
}

.history-pdf-down .book .title {
    display: block;
    color: #3a3a4a;
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px
}

.history-pdf-down .book .type {
    margin: 20px 0
}

.history-pdf-down .book .type span {
    display: inline-block;
    color: #d7021b;
    padding: 4px 5px;
    border-top: 1px solid #d7021b;
    border-bottom: 1px solid #d7021b
}

@media only screen and (max-width:991px) {
    .history-pdf-down .book {
        width: calc(33.3% - 30px)
    }
}

@media only screen and (max-width:776px) {
    .merger-history .part p {
        min-height: 66px
    }
    .merger-history .part:after {
        margin-top: -47px;
        height: 94px
    }
    .merger-history .part p span {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .history-pdf-down .book {
        width: calc(50% - 30px)
    }
}

.push-ahead-bg .cause {
    overflow: hidden;
    margin: -30px 0 0 -30px;
    padding-bottom: 80px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sot%2Sot-nobhg-flfgrz.cat') no-repeat center bottom 10px
}

.push-ahead-bg .cause .border-box {
    display: table;
    float: left;
    width: calc(50% - 30px);
    height: 135px;
    margin: 30px 0 0 30px;
    border-radius: 8px;
    padding: 20px
}

.push-ahead-bg .cause .border-box p {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.push-ahead-bg .result {
    text-align: center
}

.push-ahead-bg .result .pink-box {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 20px 35px;
    border-radius: 8px;
    border: 0
}

.push-ahead-bg.v1 {
    max-width: 900px
}

.push-ahead-bg.v1 .cause {
    margin: 0
}

.push-ahead-bg.v1 .cause .year {
    position: relative;
    display: block;
    width: 100%;
    height: 48px;
    margin: 0;
    text-align: center;
    color: #fff;
    line-height: 48px;
    margin-bottom: 10px;
    border: 0;
    background: #44465c
}

.push-ahead-bg.v1 .cause .year:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 48px;
    border: 0;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-cebterff-anil.cat") no-repeat
}

.push-ahead-bg.v1 .cause>ul {
    overflow: hidden
}

.push-ahead-bg.v1 .cause>ul>li {
    float: left;
    width: 354px;
    margin-left: 10px
}

.push-ahead-bg.v1 .cause>ul>li:first-child {
    margin-left: 0
}

.push-ahead-bg.v1 .cause>ul>li:last-child {
    width: 172px
}

.push-ahead-bg.v1 .cause>ul>li .box {
    overflow: hidden;
    min-height: 215px;
    border: 1px solid #e1e3e6;
    border-radius: 8px
}

.push-ahead-bg.v1 .cause>ul>li .box .title {
    color: #3a3a4a;
    text-align: center;
    padding: 13px 20px;
    border-bottom: 1px solid #e1e3e6;
    background-color: #f6f6f6
}

.push-ahead-bg.v1 .cause>ul>li .box .cont {
    background-color: #fff;
    padding: 20px
}

.push-ahead-bg.v1 .cause>ul>li .gray-box {
    display: table;
    overflow: hidden;
    min-height: 215px;
    border: 1px solid #e1e3e6;
    border-radius: 8px;
    background-color: #f6f6f6
}

.push-ahead-bg.v1 .cause>ul>li .gray-box p {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.push-ahead-bg.v2 .cause .border-box p {
    text-align: left
}

@media only screen and (max-width:991px) {
    .push-ahead-bg .cause {
        margin: -15px 0 0 0
    }
    .push-ahead-bg .cause .border-box {
        display: block;
        float: none;
        width: 100%;
        height: auto;
        margin: 15px 0 0 0
    }
    .push-ahead-bg .cause .border-box p {
        display: block
    }
    .push-ahead-bg.v1 .cause>ul>li:first-child {
        margin-top: 0
    }
    .push-ahead-bg.v1 .cause>ul>li:last-child {
        width: 100%
    }
    .push-ahead-bg.v1 .cause>ul>li .box {
        min-height: auto
    }
    .push-ahead-bg.v1 .cause>ul>li .box .title {
        color: #3a3a4a;
        text-align: center;
        padding: 13px 20px;
        border-bottom: 1px solid #e1e3e6;
        background-color: #f6f6f6
    }
    .push-ahead-bg.v1 .cause>ul>li .box .cont {
        background-color: #fff;
        padding: 20px
    }
    .push-ahead-bg.v1 .cause>ul>li .gray-box {
        display: block;
        overflow: hidden;
        min-height: auto;
        border: 1px solid #e1e3e6;
        border-radius: 8px;
        background-color: #f6f6f6
    }
    .push-ahead-bg.v1 .cause>ul>li .gray-box p {
        display: block;
        vertical-align: middle;
        text-align: center
    }
}

.insurance-pay-link {
    overflow: hidden
}

.insurance-pay-link a {
    display: block;
    float: left;
    width: calc(50% - 6px);
    border-radius: 8px
}

.insurance-pay-link a:last-child {
    float: right
}

.insurance-pay-link a.navy .iconset {
    float: right;
    margin-top: 12px
}

.insurance-pay-link a.gray-link-button {
    min-height: 88px;
    padding: 0 20px;
    background-color: #f6f6f6
}

.insurance-pay-link a.gray-link-button span {
    position: relative;
    display: table;
    min-height: 88px;
    padding: 0 40px 0 55px;
    word-break: break-all
}

.insurance-pay-link a.gray-link-button span em {
    display: table-cell;
    vertical-align: middle
}

.insurance-pay-link a.gray-link-button span .ico-navy {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20px
}

.insurance-pay-link a.gray-link-button span .arr-gray-right {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px
}

.pay-site-map {
    overflow: hidden;
    border: 1px solid #e2e3e7;
    border-width: 1px 0 0 1px
}

.pay-site-map>ul>li {
    float: left;
    width: 25%;
    border: 1px solid #e2e3e7;
    border-width: 0 0 1px 0
}

.pay-site-map>ul>li .title {
    display: block;
    text-align: center;
    padding: 22px 0;
    font-size: 18px;
    color: #fff;
    border-bottom: 1px solid #e2e3e7;
    background-color: #f06b70
}

.pay-site-map>ul>li:nth-child(2n+2) .title {
    background-color: #db5056
}

.pay-site-map>ul>li .link {
    min-height: 390px;
    padding: 13px;
    border-right: 1px solid #e2e3e7
}

.pay-site-map>ul>li .link li {
    padding: 18px 0;
    border-top: 1px solid #ebebeb
}

.pay-site-map>ul>li .link li:first-child {
    border-top: 0
}

.pay-site-map>ul>li .link li a:hover {
    color: #d7021b;
    text-decoration: underline
}

@media only screen and (max-width:991px) {
    .pay-site-map>ul>li {
        float: left;
        width: 50%
    }
    .insurance-pay-link a.gray-link-button {
        overflow: hidden;
        float: none;
        width: 100%;
        margin-top: 10px
    }
    .insurance-pay-link a.gray-link-button:first-child {
        margin-top: 0
    }
}

@media only screen and (max-width:767px) {
    .pay-site-map>ul>li {
        float: none;
        width: 100%
    }
    .pay-site-map>ul>li .title {
        padding: 17px 0;
        font-size: 16px
    }
    .pay-site-map>ul>li .link {
        min-height: auto;
        padding: 15px
    }
    .insurance-pay-link a {
        float: none;
        width: 100%;
        margin-top: 10px
    }
    .insurance-pay-link a:first-child {
        margin-top: 0
    }
}

.error-wrap {
    width: 100%;
    height: 100%;
    display: table
}

.error-wrap .error-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.error-wrap .error-inner .error {
    display: inline-block;
    padding-right: 490px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzt-reebeCntr.cat") no-repeat right top;
    text-align: left
}

.error-wrap .error-inner .error .error-type {
    font-size: 21px;
    font-family: 'NotoKr';
    font-weight: 700;
    letter-spacing: -1px;
    color: #f73c3c
}

.error-wrap .error-inner .error dl {
    margin-bottom: 59px
}

.error-wrap .error-inner .error dl dt {
    font-size: 40px;
    font-family: 'NotoKr';
    font-weight: 700;
    color: #3a3a4a;
    margin-bottom: 25px;
    letter-spacing: -1px
}

.error-wrap .error-inner .error dl dd {
    color: #3a3a4a;
    line-height: 24px
}

.error-wrap .error-inner .error .button-area {
    margin-bottom: 85px
}

.error-wrap .error-inner .error .button-area * {
    margin-right: 5px
}

.error-wrap .error-inner .error .copyright {
    font-size: 13px
}

@media only screen and (max-width:991px) {
    .error-wrap {
        padding: 30px
    }
    .error-wrap .error-inner .error {
        padding-right: 0;
        background: 0
    }
}

@media only screen and (max-width:767px) {
    .error-wrap .error-inner .error dl {
        margin-bottom: 20px
    }
    .error-wrap .error-inner .error dl dt {
        font-size: 28px;
        margin-bottom: 10px
    }
    .error-wrap .error-inner .error .button-area {
        margin-bottom: 40px
    }
}

.rental-machine {
    text-align: center
}

.rental-machine li {
    display: inline-block;
    padding: 25px 5px
}

@media only screen and (max-width:1024px) {
    .rental-machine li {
        width: 200px;
        padding: 25px 0
    }
}

.video-area .caption {
    overflow-y: auto;
    margin: 40px 0 0 0;
    height: 100px;
    padding: 10px;
    border: 1px solid #e1e3e6;
    text-align: left
}

@media only screen and (max-width:767px) {
    .rental-machine {
        width: 100%
    }
    .rental-machine li {
        margin: 0 0 20px 0
    }
    .video-area video {
        width: 100% !important
    }
    .video-area .caption {
        width: 100% !important
    }
}

.smoking-wrap {
    overflow: hidden;
    border: 1px solid #e1e3e6;
    padding: 25px 10px
}

.smoking-wrap ul li:first-child {
    margin-bottom: 20px
}

.smoking-wrap ul li em {
    float: left;
    margin-right: 10px
}

.smoking-wrap ul li .smoking-box {
    float: left;
    width: 150px;
    margin-right: 10px
}

.smoking-wrap ul li .smoking-box:last-child {
    margin-right: 0
}

.smoking-wrap ul li .smoking-box .bg {
    display: table;
    width: 100%;
    overflow: hidden;
    border: 1px solid #e1e3e6;
    background-color: #f6f6f6;
    color: #3a3a4a;
    border-radius: 6px 6px 0 0
}

.smoking-wrap ul li .smoking-box .bg .cell {
    display: table-cell;
    height: 48px;
    padding: 0 2px;
    vertical-align: middle;
    text-align: center
}

.smoking-wrap ul li .smoking-box .cont {
    display: table;
    width: 100%;
    border: 1px solid #e1e3e6;
    border-top: 0;
    border-radius: 0 0 6px 6px;
    color: #44465c
}

.smoking-wrap ul li .smoking-box .cont .cell {
    display: table-cell;
    height: 100px;
    vertical-align: middle;
    text-align: center
}

@media only screen and (max-width:1023px) {
    .smoking-wrap ul li em,
    .smoking-wrap ul li .smoking-box {
        float: none
    }
    .smoking-wrap ul li p {
        margin-top: 10px
    }
    .smoking-wrap ul li .smoking-box {
        display: block;
        width: 100%;
        margin-top: 15px;
        margin-right: 0
    }
}

.bg-blue {
    background-color: #e9fafc
}

.bg-yellow {
    background-color: #fffde5
}

.bg-red {
    background-color: #fff2f2
}

.reorganize-box-col4-round {
    overflow: hidden;
    margin: 0 auto
}

.reorganize-box-col4-round .bg {
    float: left;
    width: 50%;
    min-height: 200px;
    padding: 10px
}

.reorganize-box-col4-round .bg:nth-child(1) {
    padding-top: 0;
    padding-left: 0
}

.reorganize-box-col4-round .bg:nth-child(2) {
    padding-top: 0;
    padding-right: 0
}

.reorganize-box-col4-round .bg:nth-child(3) {
    padding-bottom: 0;
    padding-left: 0
}

.reorganize-box-col4-round .bg:nth-child(4) {
    padding-bottom: 0;
    padding-right: 0
}

.reorganize-box-col4-round .bg .col {
    word-break: keep-all;
    padding-top: 40px;
    padding-bottom: 40px;
    border: 1px solid #e1e3e6;
    border-radius: 8px;
    text-align: center
}

.reorganize-box-col4-round .bg:first-child .col {
    border-radius: 40px 8px 8px 8px
}

.reorganize-box-col4-round .bg:last-child .col {
    border-radius: 8px 8px 40px 8px
}

.reorganize-box-col4-round .bg .col .tagset-navy {
    display: inline-block;
    height: 35px;
    padding: 0 20px;
    border-radius: 50px;
    color: #fff;
    background-color: #44465c;
    font-size: 15px;
    line-height: 35px;
    text-align: center
}

.reorganize-box-col3-round {
    overflow: hidden;
    margin: 0 auto
}

.reorganize-box-col3-round .bg {
    float: left;
    width: 33.3%;
    padding-right: 10px
}

.reorganize-box-col3-round .bg:last-child {
    padding-right: 0
}

.reorganize-box-col3-round .bg .col {
    padding: 40px 30px;
    min-height: 235px;
    word-break: keep-all;
    border: 1px solid #e1e3e6;
    border-radius: 8px
}

.reorganize-box-col3-round .bg:first-child .col {
    border-radius: 40px 8px 8px 8px
}

.reorganize-box-col3-round .bg:last-child .col {
    border-radius: 8px 8px 40px 8px
}

.reorganize-box-col3-round .bg .col .num-bg {
    padding-top: 15px;
    width: 36px;
    height: 34px
}

.reorganize-box-col3-round .bg:nth-child(1) .col .num-bg {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-cbyvpl-jounqq02200-1.cat") no-repeat 0 0
}

.reorganize-box-col3-round .bg:nth-child(2) .col .num-bg {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-cbyvpl-jounqq02200-2.cat") no-repeat 0 0
}

.reorganize-box-col3-round .bg:nth-child(3) .col .num-bg {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-cbyvpl-jounqq02200-3.cat") no-repeat 0 0
}

.reorganize-box-col3-round .bg .col .depth-3 {
    margin-top: -17px
}

@media only screen and (max-width:991px) {
    .reorganize-box-col4-round .bg,
    .reorganize-box-col3-round .bg {
        width: 100%;
        padding: 0;
        margin-bottom: 10px
    }
    .reorganize-box-col4-round .bg .col .tagset-navy {
        margin-bottom: 10px
    }
    .reorganize-box-col4-round .bg:first-child .col,
    .reorganize-box-col4-round .bg:last-child .col,
    .reorganize-box-col3-round .bg:first-child .col,
    .reorganize-box-col3-round .bg:last-child .col {
        border-radius: 8px
    }
    .reorganize-box-col3-round .bg .col {
        min-height: 100px;
        padding: 40px 100px
    }
}

@media only screen and (max-width:426px) {
    .reorganize-box-col3-round .bg .col {
        padding: 40px 40px
    }
}

.reorganize-img-mg-7 {
    margin-top: -7px
}

.reorganize-boder-round .row {
    display: table;
    width: 100%;
    height: 100%
}

.reorganize-boder-round .row .col {
    display: table-cell;
    position: relative;
    width: 50%;
    height: 100%;
    word-break: keep-all
}

.reorganize-boder-round .row .col:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: -9px;
    width: 18px;
    height: 16px;
    margin-top: -8px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-fgrc.cat") no-repeat
}

.reorganize-boder-round .row .col:last-child:after {
    display: none
}

.reorganize-boder-round .row .col.bg {
    padding: 0 30px 0 0
}

.reorganize-boder-round .row .col.border {
    padding: 0 0 0 30px
}

.reorganize-boder-round .row .col .cell {
    color: #6c6d73;
    height: 100%;
    padding: 25px 30px;
    border-radius: 8px
}

.reorganize-boder-round .row .col.bg .cell {
    background-color: #f6f6f6
}

.reorganize-boder-round .row .col.border .cell {
    border: 1px solid #e1e3e6
}

@media only screen and (max-width:767px) {
    .reorganize-boder-round .row {
        height: auto
    }
    .reorganize-boder-round .row .col {
        display: block;
        width: 100%
    }
    .reorganize-boder-round .row .col:after {
        position: static;
        transform: rotate(90deg) !important;
        margin: 10px auto
    }
    .reorganize-boder-round .row .col.bg,
    .reorganize-boder-round .row .col.border {
        padding: 0
    }
    .reorganize-boder-round .row .col .cell {
        height: auto
    }
}

@media only screen and (max-width:424px) {
    .reorganize-boder-round .row .col .cell {
        padding: 15px
    }
}

.reorganize-table table {
    border-spacing: 5px;
    border-collapse: separate;
    word-break: keep-all;
    width: 100%
}

.reorganize-table table thead th {
    height: 45px;
    padding: 10px 0;
    border-radius: 8px;
    color: #6c6d73;
    font-size: 15px;
    background-color: #f6f6f6;
    font-weight: normal;
    text-align: center
}

.reorganize-table table tbody th {
    height: 45px;
    padding: 10px 0;
    border-radius: 8px;
    color: #6c6d73;
    font-size: 15px;
    background-color: #f6f6f6;
    font-weight: normal;
    text-align: center
}

.reorganize-table table tbody td {
    height: 45px;
    padding: 10px 0;
    border-radius: 8px;
    border: 1px solid #e1e3e6;
    color: #3a3a4a;
    font-size: 15px;
    font-weight: normal;
    text-align: center
}

.reorganize-table .arrow {
    display: block;
    width: 100%;
    height: 50px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-fgrc-obggbz.cat") no-repeat center
}

@media only screen and (max-width:767px) {
    .reorganize-table table thead th,
    .reorganize-table table tbody th,
    .reorganize-table table tbody td,
    .reorganize-table table tbody td .list-text.v1>li {
        font-size: 13px !important
    }
    .reorganize-table .arrow {
        height: 30px
    }
}

@media only screen and (max-width:424px) {
    .reorganize-table table thead th,
    .reorganize-table table tbody th,
    .reorganize-table table tbody td,
    .reorganize-table table tbody td .list-text.v1>li {
        font-size: 11px !important
    }
    .reorganize-table .arrow {
        height: 20px
    }
}

.personal-certify .wrap {
    width: 100%;
    overflow: hidden
}

.personal-certify .wrap .cell {
    float: left;
    width: 50%;
    text-align: center
}

.personal-certify .wrap .cell:nth-child(1) {
    padding: 0 50px 0 30px
}

.personal-certify .wrap .cell:nth-child(2) {
    border-left: 1px solid #e1e3e6;
    padding: 0 30px 0 55px
}

.personal-certify-bgicon {
    width: 100%;
    height: 170px
}

.personal-certify .wrap .cell:nth-child(1) .personal-certify-bgicon {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Screfbany-pregvsl-otvpba-1.cat") no-repeat bottom center
}

.personal-certify .wrap .cell:nth-child(2) .personal-certify-bgicon {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Screfbany-pregvsl-otvpba-2.cat") no-repeat bottom center
}

.personal-certify .wrap .cell .button {
    width: 100%;
    display: block;
    text-align: center
}

.personal-certify .wrap .cell .line {
    width: 100%;
    height: 15px;
    border-top: 1px solid #e1e3e6
}

.personal-certify .wrap .cell .id-num input {
    width: 77px !important
}

@media only screen and (max-width:1100px) {
    .personal-certify .wrap .cell:nth-child(1) {
        padding: 0 40px 0 15px
    }
    .personal-certify .wrap .cell:nth-child(2) {
        padding: 0 15px 0 40px
    }
}

@media only screen and (max-width:991px) {
    .personal-certify .wrap .cell .id-num input {
        width: 80px !important
    }
}

@media only screen and (max-width:768px) {
    .personal-certify .wrap .cell {
        float: none;
        width: 100%
    }
    .personal-certify .wrap .cell:nth-child(1) {
        padding: 0 6%;
        margin-bottom: 50px
    }
    .personal-certify .wrap .cell:nth-child(2) {
        border-left: 0;
        border-top: 1px solid #e1e3e6;
        padding: 50px 6%
    }
    .personal-certify .wrap .cell .id-num {
        margin-bottom: 20px
    }
    .personal-certify .wrap .cell .id-num input {
        width: 100px !important
    }
}

@media only screen and (max-width:612px) {
    .personal-certify .wrap .cell .id-num input {
        width: 100px !important
    }
}

@media only screen and (max-width:405px) {
    .personal-certify .wrap .cell:nth-child(1) {
        padding: 0
    }
    .personal-certify .wrap .cell:nth-child(2) {
        padding: 30px 0
    }
    .personal-certify .wrap .cell .id-num input {
        width: 77px !important
    }
}

.public-corporation-num .wrap {
    width: 100%;
    overflow: hidden
}

.public-corporation-num .wrap .cell {
    float: left;
    width: 33.3%;
    text-align: center;
    border-right: 1px solid #e1e3e6
}

.public-corporation-num .wrap .cell:last-child {
    border-right: 0
}

@media only screen and (max-width:767px) {
    .public-corporation-num .wrap {
        padding: 0 30px
    }
    .public-corporation-num .wrap .cell {
        float: none;
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #e1e3e6;
        padding-bottom: 10px;
        padding-top: 10px
    }
    .public-corporation-num .wrap .cell:first-child {
        padding-top: 0
    }
    .public-corporation-num .wrap .cell:last-child {
        border-bottom: 0;
        padding-bottom: 0
    }
}

.social-insurance-progress-flow-chart-2 .row {
    position: relative;
    padding: 0 0 0 245px;
    word-break: keep-all
}

.social-insurance-progress-flow-chart-2 .row .tit {
    display: table;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 230px;
    height: 100%;
    border-radius: 8px;
    color: #3a3a4a;
    background: #fff2f2
}

.social-insurance-progress-flow-chart-2 .row .cell {
    display: table-cell;
    vertical-align: middle;
    height: 100%
}

.social-insurance-progress-flow-chart-2 .row .tit .cell {
    padding-left: 20px
}

.social-insurance-progress-flow-chart-2 .row .cont {
    display: table;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: #e1e3e6;
    border-radius: 8px
}

.social-insurance-progress-flow-chart-2 .row .cont .cell {
    padding: 10px 20px
}

@media only screen and (max-width:767px) {
    .social-insurance-progress-flow-chart-2 .row {
        padding: 0
    }
    .social-insurance-progress-flow-chart-2 .row .tit {
        position: static;
        width: 100%;
        text-align: center;
        height: auto;
        border-radius: 8px 8px 0 0
    }
    .social-insurance-progress-flow-chart-2 .row .tit .cell {
        padding: 8px 0
    }
    .social-insurance-progress-flow-chart-2 .row .cont {
        border-width: 0 1px 1px 1px;
        border-radius: 0 0 8px 8px
    }
    .social-insurance-progress-flow-chart-2 .row .cont .cell {
        padding: 20px 10px
    }
}

.half-flow-chart-2 {
    width: 600px;
    margin: 0 auto
}

.half-flow-chart-2 .row {
    position: relative;
    padding: 0 0 0 50%;
    text-align: center
}

.half-flow-chart-2 .row .tit {
    display: table;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    border-radius: 8px 0 0 8px;
    color: #fff;
    background: #44465c
}

.half-flow-chart-2 .row .cell {
    display: table-cell;
    position: relative;
    height: 100%;
    vertical-align: middle
}

.half-flow-chart-2 .row .cont {
    display: table;
    overflow: hidden;
    width: 100%;
    min-height: 50px;
    border-radius: 0 8px 8px 0
}

.half-flow-chart-2 .row .cont .cell {
    height: 100%;
    line-height: 50px;
    padding: 0 15px;
    word-break: keep-all;
    background-color: #f6f6f6
}

.half-flow-chart-2 .row .cont .cell:first-child {
    border: 0
}

.half-flow-chart-2 .row.continue {
    margin: 40px 0 0
}

.half-flow-chart-2 .row.continue:before {
    content: '';
    display: block;
    position: absolute;
    top: -29px;
    left: 50%;
    width: 16px;
    height: 16px;
    margin-left: -8px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-fgrc-obggbz.cat") no-repeat
}

@media only screen and (max-width:767px) {
    .half-flow-chart-2 {
        width: 100%
    }
    .half-flow-chart-2 .row {
        padding: 0
    }
    .half-flow-chart-2 .row .tit {
        position: static;
        width: 100%;
        height: 40px;
        border-radius: 8px 8px 0 0
    }
    .half-flow-chart-2 .row .cont {
        border-radius: 0 0 8px 8px
    }
    .half-flow-chart-2 .row.continue {
        margin: 40px 0 0
    }
    .half-flow-chart-2 .row.continue .cont .cell:before {
        top: -70px
    }
}

.medicine-list-wrap {
    border: 1px solid #e1e3e6
}

.medicine-list-wrap ul {
    text-align: center
}

.medicine-list-wrap ul li {
    display: inline-block;
    width: 130px;
    padding: 25px 0;
    vertical-align: top
}

.medicine-list-wrap ul li p {
    font-size: 14px
}

@media only screen and (max-width:698px) {
    .medicine-list-wrap ul li {
        width: 165px
    }
}

.medicine-search-wrap {
    border: 1px solid #000;
    padding: 25px 30px
}

.medicine-search-wrap .medicine-search {
    position: relative;
    padding-left: 100px
}

.medicine-search-wrap .medicine-search .tit {
    position: absolute;
    left: 0;
    width: 100px;
    line-height: 36px
}

.medicine-search-wrap .medicine-search .cont {
    overflow: hidden;
    width: 100%
}

.medicine-search-wrap .cont-text {
    padding-left: 100px
}

.medicine-search-wrap .medicine-search .cont .input-text {
    width: 608px;
    padding-left: 15px;
    margin-bottom: 8px
}

.medicine-search-wrap .medicine-search .cont a {
    float: left;
    width: 36px;
    height: 36px;
    line-height: 34px;
    border: 1px solid #bec2c8;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    margin: 0 8px 8px 0;
    background-color: #fff
}

.medicine-search-wrap .medicine-search .cont a.on,
.medicine-search-wrap .medicine-search .cont a:hover {
    background-color: #44465c;
    color: #fff;
    border-color: #44465c
}

@media only screen and (max-width:770px) {
    .medicine-search-wrap .medicine-search .tit {
        line-height: 28px
    }
    .medicine-search-wrap .medicine-search .cont .input-text {
        width: 444px
    }
    .medicine-search-wrap .medicine-search .cont a {
        width: 28px;
        height: 28px;
        line-height: 26px;
        margin: 0 4px 4px 0
    }
}

@media only screen and (max-width:610px) {
    .medicine-search-wrap .medicine-search .cont .input-text {
        width: 100%
    }
    .medicine-search-wrap .cont-text {
        padding-left: 0
    }
}

.medicine-cope-list>li {
    border: 1px solid #e1e3e6
}

.medicine-cope-list>li .tit {
    background: #f6f6f6;
    border-bottom: 1px solid #e1e3e6;
    font-size: 15px;
    color: #3a3a4a;
    padding: 15px 30px
}

.medicine-cope-list>li .cont {
    padding: 25px 30px
}

.img-txt-btn-list {
    display: table;
    width: 100%;
    table-layout: fixed;
    empty-cells: show;
    border-collapse: collapse;
    border-top: 2px solid #44465c
}

.img-txt-btn-list li {
    display: table-row
}

.img-txt-btn-list li .cell {
    display: table-cell;
    vertical-align: middle;
    padding: 15px 0;
    border-bottom: 1px solid #e1e3e6
}

.img-txt-btn-list li .cell.left .img-txt-wrap {
    display: table
}

.img-txt-btn-list li .cell.left .img-txt-wrap .img {
    display: table-cell;
    float: none;
    vertical-align: middle;
    width: 200px
}

.img-txt-btn-list li .cell.left .img-txt-wrap .cont {
    display: table-cell;
    float: none;
    vertical-align: middle
}

.img-txt-btn-list li .cell.left .img-txt-wrap .cont p strong {
    display: block;
    margin-bottom: 10px;
    color: #3a3a4a
}

.img-txt-btn-list li .cell.right {
    text-align: right;
    vertical-align: middle;
    width: 120px
}

@media only screen and (max-width:767px) {
    .img-txt-btn-list {
        display: block;
        table-layout: inherit;
        empty-cells: inherit;
        border-collapse: inherit
    }
    .img-txt-btn-list li {
        display: block;
        padding: 5px 0;
        border-bottom: 1px solid #e1e3e6
    }
    .img-txt-btn-list li .cell {
        display: block;
        padding: 0 5px;
        border-bottom: 0;
        text-align: left !important;
        overflow: hidden
    }
    .img-txt-btn-list li .cell.left {
        width: 100%
    }
    .img-txt-btn-list li .cell.left .img-txt-wrap {
        display: block
    }
    .img-txt-btn-list li .cell.left .img-txt-wrap .img {
        display: block
    }
    .img-txt-btn-list li .cell.left .img-txt-wrap .cont {
        display: block;
        margin-top: 10px
    }
    .img-txt-btn-list li .cell.right {
        margin: 10px 0;
        width: 100%
    }
    .img-txt-btn-list li .cell.right a {
        float: right
    }
}

.teen-help-office {
    overflow: hidden;
    margin: 20px 0 0 -20px
}

.teen-help-office ol li {
    position: relative;
    float: left;
    width: calc(50% - 20px);
    word-break: keep-all;
    margin: 20px 0 0 20px;
    padding: 25px 30px 25px 80px;
    border-radius: 8px 8px 8px 40px;
    background-color: #f6f6f6
}

.teen-help-office.small ol li {
    height: 100px
}

.teen-help-office.middle ol li {
    height: 120px
}

.teen-help-office.tall ol li {
    height: 160px
}

.teen-help-office ol li .num {
    position: absolute;
    top: 25px;
    left: 30px;
    width: 40px;
    height: 40px;
    color: #fff;
    text-align: center;
    font-size: 21px;
    line-height: 40px;
    border-radius: 15px;
    background-color: #44465c
}

.teen-help-office ol li strong {
    display: block;
    font-size: 16px;
    color: #3a3a4a
}

.teen-help-office ol li p {
    display: block;
    margin-top: 5px
}

@media only screen and (max-width:767px) {
    .teen-help-office {
        margin: 20px 0 0 0
    }
    .teen-help-office ol li {
        float: none;
        width: 100%;
        min-height: 0;
        margin: 20px 0 0 0;
        padding: 25px 20px 25px 60px;
        border-radius: 0
    }
    .teen-help-office ol li:first-child {
        margin-top: 0
    }
    .teen-help-office.small ol li,
    .teen-help-office.middle ol li,
    .teen-help-office.tall ol li {
        height: auto;
        min-height: 90px
    }
    .teen-help-office ol li .num {
        left: 20px;
        width: 30px;
        height: 30px;
        font-size: 18px;
        line-height: 30px;
        border-radius: 9px
    }
    .teen-help-office ol li strong {
        font-size: 15px
    }
    .teen-help-office ol li p {
        font-size: 14px
    }
}

@media only screen and (max-width:374px) {
    .teen-help-office ol li {
        padding: 10px 10px 10px 40px
    }
    .teen-help-office ol li .num {
        top: 10px;
        left: 10px;
        width: 25px;
        height: 25px;
        font-size: 17px;
        line-height: 25px;
        border-radius: 7px
    }
}

.history-flow-chart-2 .row {
    position: relative;
    padding: 0 0 0 255px;
    margin: 15px 0 0
}

.history-flow-chart-2 .row:first-child {
    margin: 0
}

.history-flow-chart-2 .row .tit {
    display: table;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    width: 240px;
    height: 100%;
    border-radius: 8px;
    color: #3a3a4a;
    background: #fff2f2;
    text-align: center
}

.history-flow-chart-2 .row .cell {
    display: table-cell;
    height: 100%;
    vertical-align: middle
}

.history-flow-chart-2 .row .cont {
    display: table;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: #e1e3e6;
    border-radius: 8px
}

.history-flow-chart-2 .row .cont .cell {
    padding: 10px 20px;
    word-break: keep-all
}

@media only screen and (max-width:767px) {
    .history-flow-chart-2 .row {
        padding: 0
    }
    .history-flow-chart-2 .row .tit {
        position: static;
        width: 100%;
        height: auto;
        border-radius: 8px 8px 0 0
    }
    .history-flow-chart-2 .row .tit .cell {
        padding: 8px 0
    }
    .history-flow-chart-2 .row .cont {
        border-width: 0 1px 1px 1px;
        border-radius: 0 0 8px 8px;
        text-align: center
    }
    .history-flow-chart-2 .row .cont .cell {
        padding: 20px 10px
    }
}

.connection-site-flow-chart {
    margin: 0 auto
}

.connection-site-flow-chart .row {
    position: relative;
    overflow: hidden
}

.connection-site-flow-chart .row .col {
    float: left;
    position: relative
}

.connection-site-flow-chart .row .col .bg {
    overflow: hidden;
    display: table;
    width: 100%;
    border: 1px solid #e1e3e6;
    background-color: #f6f6f6;
    color: #3a3a4a;
    border-radius: 6px 6px 0 0
}

.connection-site-flow-chart .row .col .bg .cell {
    display: table-cell;
    height: 48px;
    padding: 0 2px;
    vertical-align: middle;
    text-align: center;
    line-height: 1.3
}

.connection-site-flow-chart .row .col .cont {
    padding: 30px 20px;
    width: 100%;
    border: 1px solid #e1e3e6;
    border-top: 0;
    border-radius: 0 0 6px 6px;
    color: #44465c;
    letter-spacing: -0.05em
}

.connection-site-flow-chart .row .col .cont .cell {
    height: 550px
}

.connection-site-flow-chart .row.col-4 .col {
    width: calc(25% - 20px);
    margin-left: 20px
}

.connection-site-flow-chart .row.col-4 .col:first-child {
    margin-left: 0
}

.connection-site-flow-chart.navy .row .col .bg {
    color: #fff;
    background-color: #44465c;
    border-color: #44465c
}

@media only screen and (max-width:1181px) {
    .connection-site-flow-chart .row.col-4 .col {
        width: calc(25% - 10px);
        margin-left: 10px
    }
    .connection-site-flow-chart .row .col .cont {
        padding: 30px 12px
    }
}

@media only screen and (max-width:991px) {
    .connection-site-flow-chart {
        width: 100%;
        margin: 0 auto
    }
    .connection-site-flow-chart .row.col-4 .col {
        width: 100%;
        float: none;
        margin: 10px 0 0 0
    }
    .connection-site-flow-chart .row.col-4 .col:first-child {
        margin: 0
    }
    .connection-site-flow-chart .row .col .cont {
        padding: 30px 45px
    }
    .connection-site-flow-chart .row .col .cont .cell {
        height: auto
    }
}

.intent-to-act {
    padding-right: 350px;
    word-break: keep-all;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-nobhg-jounsq01000-ot.cat');
    background-position: 100% 50%;
    background-repeat: no-repeat
}

@media only screen and (max-width:767px) {
    .intent-to-act {
        background: 0;
        padding-right: 0
    }
}

.tit-text-list-about li {
    position: relative;
    padding-left: 50px;
    margin: 10px 0 0
}

.tit-text-list-about li:first-child {
    margin: 0
}

.tit-text-list-about li strong {
    position: absolute;
    left: 0;
    padding-left: 9px;
    color: #3a3a4a;
    font-weight: normal
}

.tit-text-list-about li strong:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #1a345e
}

.tit-text-list-about li p {
    width: 100%;
    color: #3a3a4a
}

.lineup-flow-chart-2 .row {
    position: relative;
    padding-left: 210px;
    margin-top: 10px
}

.lineup-flow-chart-2 .row:first-child {
    margin-top: 0
}

.lineup-flow-chart-2 .row .tit {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    width: 200px;
    height: 100%;
    color: #fff;
    border-radius: 8px;
    background-color: #44465c
}

.lineup-flow-chart-2 .row .tit .cell {
    display: table-cell;
    vertical-align: middle
}

.lineup-flow-chart-2 .row .cont {
    width: 100%;
    border: 1px solid #e1e3e6;
    border-radius: 8px;
    padding: 25px 30px;
    word-break: keep-all
}

@media only screen and (max-width:767px) {
    .lineup-flow-chart-2 .row {
        padding-left: 0;
        margin-top: 15px
    }
    .lineup-flow-chart-2 .row .tit {
        position: static;
        width: 100%;
        border-radius: 8px 8px 0 0;
        padding: 10px 0
    }
    .lineup-flow-chart-2 .row .cont {
        min-height: 85px;
        border-width: 0 1px 1px 1px;
        border-radius: 0 0 8px 8px;
        padding: 25px 35px
    }
}

.greetings {
    word-break: keep-all
}

.greetings .txt-area {
    border-bottom: 1px solid #a1a3ad;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svzt-terrgvatf-crefba.cat');
    background-position: 100% 100%;
    background-repeat: no-repeat;
    line-height: 24px
}

.greetings .txt-area .txt01 {
    color: #3a3a4a;
    font-size: 21px;
    font-weight: 700;
    line-height: 36px
}

.greetings .txt-area .txt02 {
    display: block;
    margin: 25px 0 10px;
    color: #3a3a4a;
    font-size: 16px
}

.greetings .txt-area .txt03 {
    display: block;
    margin: 0 0 6px;
    color: #3a3a4a;
    font-weight: normal
}

.greetings .txt-area .txt04 {
    padding: 0 340px 0 0
}

.greetings .txt-area .txt04 span {
    display: block
}

.greetings .txt-area .sign {
    margin: 15px 0 42px
}

.greetings .txt-area .sign img {
    margin: 0 0 0 20px;
    vertical-align: middle
}

@media only screen and (max-width:800px) {
    .greetings .txt-area {
        background-size: 42%
    }
    .greetings .txt-area .txt04 {
        padding: 0 340px 0 0
    }
    .greetings .txt-area .txt04 span {
        display: inline
    }
    .greetings .txt-area .sign {
        margin: 15px 0 30px
    }
}

@media only screen and (max-width:700px) {
    .greetings .txt-area {
        background: 0
    }
    .greetings .txt-area .txt04 {
        padding: 0
    }
    .greetings .txt-area .sign {
        margin: 15px 0 25px
    }
}

.greetings-box {
    position: relative;
    padding: 20px 270px 20px 30px;
    margin: 40px 0 0;
    line-height: 26px
}

.greetings-box strong {
    color: #3a3a4a;
    font-weight: normal
}

.greetings-box .button {
    position: absolute;
    top: 40px;
    right: 30px
}

@media only screen and (max-width:800px) {
    .greetings-box {
        padding: 20px 30px;
        margin: 30px 0 0
    }
    .greetings-box .button {
        position: static;
        margin: 15px 0 0
    }
}

.core-value {
    overflow: hidden
}

.core-value dl {
    float: left;
    width: 23%;
    margin: 0 0 0 2.666%
}

.core-value dl dt {
    position: relative;
    padding: 50% 0 0;
    border-radius: 50%;
    background-color: #44465c;
    background-position: 50% 20%;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    font-weight: 400
}

.core-value dl dt::after {
    content: "";
    display: block;
    padding-bottom: 18%
}

.core-value dl dt span {
    display: block;
    margin: 0 0 7px;
    font-size: 21px;
    line-height: 1.3
}

.core-value dl dd {
    min-height: 210px;
    padding: 24px 10%;
    margin: 35px 0 0;
    word-break: keep-all
}

.core-value dl:nth-child(1) {
    margin: 0
}

.core-value dl:nth-child(1) dt {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svzt-pberinyhr-vpb05.cat')
}

.core-value dl:nth-child(1) dd {
    border-radius: 8px 8px 8px 40px;
    background-color: #fffde5
}

.core-value dl:nth-child(2) dt {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svzt-pberinyhr-vpb01.cat')
}

.core-value dl:nth-child(2) dd {
    border-radius: 8px 8px 8px 40px;
    background-color: #f0e9fc
}

.core-value dl:nth-child(3) dt {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svzt-pberinyhr-vpb02.cat')
}

.core-value dl:nth-child(3) dd {
    border-radius: 8px 40px 8px 8px;
    background-color: #e9fafc
}

.core-value dl:nth-child(4) dt {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svzt-pberinyhr-vpb03.cat')
}

.core-value dl:nth-child(4) dd {
    border-radius: 8px 40px 8px 8px;
    background-color: #fff2f2
}

.core-value dl:nth-child(5) dt {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svzt-pberinyhr-vpb04.cat')
}

.core-value dl:nth-child(5) dd {
    border-radius: 8px 40px 8px 8px;
    background-color: #e6fbed
}

@media only screen and (max-width:767px) {
    .core-value dl {
        width: 48%;
        margin: 35px 0 0 4%
    }
    .core-value dl dt {
        width: 150px;
        height: 150px;
        padding: 74px 0 0;
        margin: 0 auto;
        background-position: 50% 25px;
        background-size: 35px
    }
    .core-value dl dt::after {
        display: none
    }
    .core-value dl dt span {
        margin: 0;
        font-size: 19px
    }
    .core-value dl dd {
        min-height: 160px;
        padding: 24px 30px;
        border-radius: 8px !important
    }
    .core-value dl:nth-child(2) {
        margin: 0 0 0 4%
    }
    .core-value dl:nth-child(3) {
        margin: 35px 0 0
    }
}

@media only screen and (max-width:500px) {
    .core-value dl {
        width: 100%;
        margin: 40px 0 0
    }
    .core-value dl dd {
        min-height: auto;
        padding: 24px 15px;
        text-align: center
    }
    .core-value dl:nth-child(2) {
        margin: 40px 0 0
    }
}

.mission-vision dl dt {
    display: table;
    width: 100%;
    max-width: 520px;
    height: 120px;
    padding: 10px;
    margin: 0 auto;
    border-radius: 50px;
    border: 1px dashed #bec2c8;
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    line-height: 32px;
    text-align: center
}

.mission-vision dl dt p {
    display: table-cell;
    padding: 0 15px;
    background-color: #44465c;
    border-radius: 50px;
    vertical-align: middle;
    word-break: keep-all
}

.mission-vision dl dd {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-zvffvba-ivfvba-ot.cat');
    background-repeat: no-repeat;
    background-position: 50% -31px;
    text-align: center
}

.mission-vision dl dd>strong {
    display: block;
    padding: 37px 0;
    font-size: 21px;
    color: #3a3a4a
}

.mission-vision dl dd .cont {
    overflow: hidden
}

.mission-vision dl dd .cont .txt-box {
    float: left;
    width: 48%
}

.mission-vision dl dd .cont .txt-box:first-child {
    margin: 0 4% 0 0
}

.mission-vision dl dd .cont .txt-box p {
    position: relative;
    padding: 20px 30px;
    margin: 0 0 30px;
    border: 1px solid #e1e3e6;
    border-radius: 8px;
    background-color: #fff;
    text-align: left
}

.mission-vision dl dd .cont .txt-box p strong {
    display: block;
    color: #3a3a4a;
    font-weight: normal
}

.mission-vision dl dd .cont .txt-box p span {
    display: block
}

.mission-vision dl dd .cont .txt-box p::after {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    bottom: -30px;
    left: 0;
    height: 30px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Snee-oynpx-obggbz.cat") no-repeat 50% 50%
}

.mission-vision dl dd .cont .txt-box .pink-box {
    padding: 20px 10px;
    border: 0;
    border-radius: 8px;
    font-size: 15px;
    color: #3a3a4a
}

.mission-vision dl dd .cont ol {
    overflow: hidden;
    background-color: #fff;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svzt-zvffvba-ivfvba-ot-2.cat');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    text-align: center
}

.mission-vision dl dd .cont ol li {
    display: table;
    float: left;
    width: 33.33%;
    height: 180px
}

.mission-vision dl dd .cont ol li p {
    display: table-cell;
    color: #3a3a4a;
    vertical-align: middle
}

.mission-vision dl dd .cont ol li p span {
    display: block
}

.mission-vision .vision-declaration {
    padding: 35px 30px;
    border: 1px solid #e1e3e6;
    text-align: center;
    line-height: 24px
}

.mission-vision .vision-declaration span {
    color: #3a3a4a;
    font-weight: 700
}

.mission-vision .vision-declaration span em {
    display: block
}

.mission-vision .vision-declaration span strong {
    color: #d7021b
}

.mission-vision .vision-declaration p {
    margin: 25px 0
}

@media only screen and (max-width:865px) {
    .mission-vision dl dd .cont .txt-box p {
        min-height: 132px
    }
    .mission-vision dl dd .cont .txt-box p span {
        display: inline
    }
    .mission-vision dl dd .cont ol li {
        height: 160px
    }
    .mission-vision .vision-declaration p {
        margin: 25px 0;
        text-align: left
    }
}

@media only screen and (max-width:780px) {
    .mission-vision dl dd .cont .txt-box p {
        min-height: 150px
    }
    .mission-vision dl dd .cont .txt-box p span {
        display: inline
    }
    .mission-vision dl dd .cont ol {
        background-image: none
    }
    .mission-vision dl dd .cont ol li {
        position: relative;
        display: block;
        float: none;
        width: 100%;
        max-width: 600px;
        height: auto;
        padding: 15px 10px;
        margin: 30px auto 0;
        border-radius: 8px
    }
    .mission-vision dl dd .cont ol li p {
        display: block
    }
    .mission-vision dl dd .cont ol li p span {
        display: inline
    }
    .mission-vision dl dd .cont ol li::after {
        content: '';
        display: block;
        width: 100%;
        position: absolute;
        bottom: -30px;
        left: 0;
        height: 30px;
        background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Snee-oynpx-obggbz.cat") no-repeat 50% 50%
    }
    .mission-vision dl dd .cont ol li:nth-child(1) {
        margin: 0 auto;
        background-color: #ffeded
    }
    .mission-vision dl dd .cont ol li:nth-child(2) {
        background-color: #ecffe9
    }
    .mission-vision dl dd .cont ol li:nth-child(3) {
        background-color: #e6fcff
    }
}

@media only screen and (max-width:767px) {
    .mission-vision dl dt {
        height: 110px;
        font-size: 19px;
        line-height: 28px
    }
    .mission-vision dl dd .cont .txt-box {
        width: 100%
    }
    .mission-vision dl dd .cont .txt-box:first-child {
        margin: 0 0 45px
    }
    .mission-vision dl dd .cont .txt-box p {
        min-height: auto;
        padding: 20px
    }
    .mission-vision dl dd .cont .txt-box .pink-box {
        padding: 15px 10px
    }
    .mission-vision .vision-declaration {
        padding: 20px 15px
    }
    .mission-vision .vision-declaration span em {
        display: inline
    }
    .mission-vision .vision-declaration p {
        margin: 15px 0
    }
}

.management-roadmap {
    word-break: keep-all
}

.management-roadmap .roadmap ol {
    overflow: hidden
}

.management-roadmap .roadmap ol li {
    float: left;
    position: relative;
    width: 31%;
    margin: 0 0 0 3.5%;
    text-align: center
}

.management-roadmap .roadmap ol li:first-child {
    margin: 0
}

.management-roadmap .roadmap ol li:first-child::after {
    display: none
}

.management-roadmap .roadmap ol li::after {
    content: '';
    display: block;
    width: 71px;
    height: 32px;
    position: absolute;
    top: 53px;
    left: -60px;
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-jounsn01801-neebj.cat");
    background-size: 51px;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.management-roadmap .roadmap ol li:last-child::after {
    background-size: 100%
}

.management-roadmap .roadmap ol li p {
    position: relative;
    height: 153px
}

.management-roadmap .roadmap ol li p span {
    display: table;
    width: 130px;
    height: 130px;
    padding: 10px;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px dashed #bec2c8;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center
}

.management-roadmap .roadmap ol li p span em {
    display: table-cell;
    padding: 0 15px;
    background-color: #44465c;
    border-radius: 50%;
    vertical-align: middle;
    word-break: keep-all
}

.management-roadmap .roadmap ol li p span em:after {
    content: '';
    display: block;
    width: 10px;
    height: 47px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-jounsn01801-ebnqznc-ot.cat') no-repeat 0 0
}

.management-roadmap .roadmap ol li .txt {
    display: block;
    padding: 20px 5px;
    margin: 14px 0 0;
    background-color: #f6f6f6;
    border-radius: 8px
}

.management-roadmap .border-box img {
    max-width: 100%
}

.management-roadmap .color-box-area dt {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-jounsn01801-gvgot.cat") no-repeat 0 0;
    background-size: 100%
}

.color-box-area {
    position: relative
}

.color-box-area dt {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 35%;
    margin-left: -17.5%;
    margin-top: -13%;
    font-size: 0
}

.color-box-area dt:after {
    content: '';
    display: block;
    padding-top: 78.40%
}

.color-box-area dd>ul {
    overflow: hidden
}

.color-box-area dd>ul>li {
    width: 31.5%;
    min-height: 180px;
    padding: 25px
}

.color-box-area dd>ul>li strong {
    display: block;
    margin: 0 0 10px;
    color: #3a3a4a
}

.color-box-area dd>ul>li:nth-child(1) {
    float: left;
    margin: 0 18% 0 0;
    border-radius: 40px 8px 8px;
    background-color: #f2f0ff
}

.color-box-area dd>ul>li:nth-child(2) {
    float: right;
    border-radius: 8px 40px 8px 8px;
    background-color: #e9fafc
}

.color-box-area dd>ul>li:nth-child(3) {
    float: left;
    margin: 30px 18% 0 0;
    border-radius: 8px 8px 0 40px;
    background-color: #e4ffe0
}

.color-box-area dd>ul>li:nth-child(4) {
    float: right;
    margin: 30px 0 0;
    border-radius: 8px 8px 40px 8px;
    background-color: #fff2f2
}

@media only screen and (max-width:870px) {
    .color-box-area dd>ul>li {
        min-height: 200px
    }
}

@media only screen and (max-width:720px) {
    .management-roadmap .roadmap ol li {
        float: none;
        width: 100%;
        margin: 35px 0 0
    }
    .management-roadmap .roadmap ol li::after {
        display: none
    }
    .management-roadmap .roadmap ol li .txt {
        max-width: 500px;
        padding: 10px 5px;
        margin: 14px auto 0
    }
    .management-roadmap .border-box img {
        max-width: 100%;
        width: 400px
    }
    .color-box-area {
        position: relative
    }
    .color-box-area dt {
        position: static;
        width: 100%;
        margin: 0 0 10px;
        background: 0;
        font-size: 15px;
        font-weight: 700;
        background: none !important
    }
    .color-box-area dt:after {
        display: none
    }
    .color-box-area dd>ul>li {
        width: 100%;
        min-height: auto;
        padding: 15px;
        margin: 20px 0 0 !important;
        border-radius: 8px !important
    }
    .color-box-area dd>ul>li:nth-child(1) {
        margin: 0 !important
    }
}

.branch-find .branch-map-area {
    position: relative;
    overflow: hidden;
    overflow-x: auto;
    margin: 10px 0 0;
    border: 1px solid #e1e3e6;
    border-radius: 8px;
    background-color: #f6f6f6
}

.branch-find .branch-map-area::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
    border-radius: 50%;
    background: #bf9d83 url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-juvgr.cat") no-repeat center;
    -webkit-box-shadow: 7px 9px 17px -9px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 7px 9px 17px -9px rgba(0, 0, 0, 0.26);
    box-shadow: 7px 9px 17px -9px rgba(0, 0, 0, 0.26)
}

.branch-find .branch-map-area .box {
    float: left;
    width: 50%
}

.branch-find .branch-map-area .box .tit {
    border-bottom: 1px solid #e1e3e6;
    background-color: #fff;
    color: #3a3a4a;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 60px
}

.branch-find .branch-map-area .box .map-wrap {
    padding: 21px 24px 0
}

.branch-find .branch-map-area .box .map {
    width: 400px;
    height: 371px;
    margin: 0 auto;
    position: relative
}

.branch-find .branch-map-area .box .map button {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0 10px;
    border-radius: 50px;
    color: #fff;
    font-size: 12px;
    background: #6c6d73;
    text-align: center;
    text-decoration: none;
    line-height: 22px;
    -webkit-box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.21);
    box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.21)
}

.branch-find .branch-map-area .box .map button:hover {
    background: var(--nhis-primary-60)
}

.branch-find .branch-map-area .box .map button.on {
    background: var(--nhis-primary-60)
}

.branch-find .branch-map-area .box .txt {
    margin: 15px 24px 21px;
    background-color: #fff;
    border-radius: 8px;
    letter-spacing: -0.05em;
    text-align: center;
    line-height: 48px;
    -webkit-box-shadow: 0 0 17px -9px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0 0 17px -9px rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 17px -9px rgba(0, 0, 0, 0.09)
}

.branch-find .branch-map-area .box.nationwide {
    border-right: 1px solid #e1e3e6
}

.branch-find .branch-map-area .box.nationwide .map {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svzt-znc-xbern.cat") no-repeat
}

.branch-find .branch-map-area .box.nationwide .map .btn01 {
    top: 61px;
    left: 137px
}

.branch-find .branch-map-area .box.nationwide .map .btn02 {
    top: 101px;
    left: 146px
}

.branch-find .branch-map-area .box.nationwide .map .btn03 {
    top: 334px;
    left: 178px
}

.branch-find .branch-map-area .box.nationwide .map .btn04 {
    top: 269px;
    left: 257px
}

.branch-find .branch-map-area .box.nationwide .map .btn05 {
    top: 62px;
    left: 210px
}

.branch-find .branch-map-area .box.nationwide .map .btn06 {
    top: 159px;
    left: 241px
}

.branch-find .branch-map-area .box.nationwide .map .btn07 {
    top: 300px;
    left: 114px
}

.branch-find .branch-map-area .box.nationwide .map .btn08 {
    top: 155px;
    left: 106px
}

.branch-find .branch-map-area .box.nationwide .map .btn09 {
    top: 254px;
    left: 210px
}

.branch-find .branch-map-area .box.nationwide .map .btn10 {
    top: 81px;
    left: 86px
}

.branch-find .branch-map-area .box.nationwide .map .btn11 {
    top: 211px;
    left: 226px
}

.branch-find .branch-map-area .box.nationwide .map .btn12 {
    top: 222px;
    left: 137px
}

.branch-find .branch-map-area .box.nationwide .map .btn13 {
    top: 123px;
    left: 196px
}

.branch-find .branch-map-area .box.nationwide .map .btn14 {
    top: 270px;
    left: 118px
}

.branch-find .branch-map-area .box.nationwide .map .btn15 {
    top: 176px;
    left: 159px
}

.branch-find .branch-map-area .box.nationwide .map .btn16 {
    top: 149px;
    left: 151px
}

.branch-find .branch-map-area .box.nationwide .map .btn17 {
    top: 231px;
    left: 272px
}

.branch-find .branch-map-area .box.area .map {
    display: none
}

.branch-find .branch-map-area .box.area .map.area01 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svzt-znc-nern01.cat") no-repeat
}

.branch-find .branch-map-area .box.area .map.area01 .btn01 {
    top: 62px;
    left: 240px
}

.branch-find .branch-map-area .box.area .map.area01 .btn02 {
    top: 92px;
    left: 213px
}

.branch-find .branch-map-area .box.area .map.area01 .btn03 {
    top: 92px;
    left: 280px
}

.branch-find .branch-map-area .box.area .map.area01 .btn04 {
    top: 122px;
    left: 128px
}

.branch-find .branch-map-area .box.area .map.area01 .btn05 {
    top: 134px;
    left: 222px
}

.branch-find .branch-map-area .box.area .map.area01 .btn06 {
    top: 134px;
    left: 294px
}

.branch-find .branch-map-area .box.area .map.area01 .btn07 {
    top: 157px;
    left: 257px
}

.branch-find .branch-map-area .box.area .map.area01 .btn08 {
    top: 134px;
    left: 176px
}

.branch-find .branch-map-area .box.area .map.area01 .btn09 {
    top: 160px;
    left: 150px
}

.branch-find .branch-map-area .box.area .map.area01 .btn10 {
    top: 186px;
    left: 124px
}

.branch-find .branch-map-area .box.area .map.area01 .btn11 {
    top: 181px;
    left: 199px
}

.branch-find .branch-map-area .box.area .map.area01 .btn12 {
    top: 191px;
    left: 244px
}

.branch-find .branch-map-area .box.area .map.area01 .btn13 {
    top: 196px;
    left: 288px
}

.branch-find .branch-map-area .box.area .map.area01 .btn14 {
    top: 205px;
    left: 337px
}

.branch-find .branch-map-area .box.area .map.area01 .btn15 {
    top: 211px;
    left: 185px
}

.branch-find .branch-map-area .box.area .map.area01 .btn16 {
    top: 180px;
    left: 40px
}

.branch-find .branch-map-area .box.area .map.area01 .btn17 {
    top: 233px;
    left: 80px
}

.branch-find .branch-map-area .box.area .map.area01 .btn18 {
    top: 226px;
    left: 126px
}

.branch-find .branch-map-area .box.area .map.area01 .btn19 {
    top: 253px;
    left: 170px
}

.branch-find .branch-map-area .box.area .map.area01 .btn20 {
    top: 263px;
    left: 70px
}

.branch-find .branch-map-area .box.area .map.area01 .btn21 {
    top: 293px;
    left: 100px
}

.branch-find .branch-map-area .box.area .map.area01 .btn22 {
    top: 286px;
    left: 150px
}

.branch-find .branch-map-area .box.area .map.area01 .btn23 {
    top: 273px;
    left: 209px
}

.branch-find .branch-map-area .box.area .map.area01 .btn24 {
    top: 253px;
    left: 251px
}

.branch-find .branch-map-area .box.area .map.area01 .btn25 {
    top: 245px;
    left: 304px
}

.branch-find .branch-map-area .box.area .map.area02 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svzt-znc-nern02.cat") no-repeat
}

.branch-find .branch-map-area .box.area .map.area02 .btn01 {
    top: 45px;
    left: 155px
}

.branch-find .branch-map-area .box.area .map.area02 .btn02 {
    top: 60px;
    left: 202px
}

.branch-find .branch-map-area .box.area .map.area02 .btn03 {
    top: 101px;
    left: 239px
}

.branch-find .branch-map-area .box.area .map.area02 .btn04 {
    top: 87px;
    left: 158px
}

.branch-find .branch-map-area .box.area .map.area02 .btn05 {
    top: 111px;
    left: 137px
}

.branch-find .branch-map-area .box.area .map.area02 .btn06 {
    top: 156px;
    left: 194px
}

.branch-find .branch-map-area .box.area .map.area02 .btn07 {
    top: 192px;
    left: 264px
}

.branch-find .branch-map-area .box.area .map.area02 .btn08 {
    top: 244px;
    left: 277px
}

.branch-find .branch-map-area .box.area .map.area02 .btn09 {
    top: 264px;
    left: 238px
}

.branch-find .branch-map-area .box.area .map.area02 .btn10 {
    top: 87px;
    left: 109px
}

.branch-find .branch-map-area .box.area .map.area02 .btn11 {
    top: 153px;
    left: 111px
}

.branch-find .branch-map-area .box.area .map.area02 .btn12 {
    top: 136px;
    left: 151px
}

.branch-find .branch-map-area .box.area .map.area02 .btn13 {
    top: 171px;
    left: 155px
}

.branch-find .branch-map-area .box.area .map.area02 .btn14 {
    top: 187px;
    left: 192px
}

.branch-find .branch-map-area .box.area .map.area02 .btn15 {
    top: 140px;
    left: 52px
}

.branch-find .branch-map-area .box.area .map.area02 .btn16 {
    top: 187px;
    left: 80px
}

.branch-find .branch-map-area .box.area .map.area02 .btn17 {
    top: 196px;
    left: 124px
}

.branch-find .branch-map-area .box.area .map.area02 .btn18 {
    top: 217px;
    left: 217px
}

.branch-find .branch-map-area .box.area .map.area02 .btn19 {
    top: 319px;
    left: 207px
}

.branch-find .branch-map-area .box.area .map.area02 .btn20 {
    top: 220px;
    left: 187px
}

.branch-find .branch-map-area .box.area .map.area02 .btn21 {
    top: 216px;
    left: 137px
}

.branch-find .branch-map-area .box.area .map.area02 .btn22 {
    top: 222px;
    left: 80px
}

.branch-find .branch-map-area .box.area .map.area02 .btn23 {
    top: 234px;
    left: 120px
}

.branch-find .branch-map-area .box.area .map.area02 .btn24 {
    top: 233px;
    left: 158px
}

.branch-find .branch-map-area .box.area .map.area02 .btn25 {
    top: 205px;
    left: 167px
}

.branch-find .branch-map-area .box.area .map.area02 .btn26 {
    top: 267px;
    left: 190px
}

.branch-find .branch-map-area .box.area .map.area02 .btn27 {
    top: 256px;
    left: 145px
}

.branch-find .branch-map-area .box.area .map.area02 .btn28 {
    top: 286px;
    left: 156px
}

.branch-find .branch-map-area .box.area .map.area02 .btn29 {
    top: 250px;
    left: 97px
}

.branch-find .branch-map-area .box.area .map.area02 .btn30 {
    top: 282px;
    left: 109px
}

.branch-find .branch-map-area .box.area .map.area02 .btn31 {
    top: 325px;
    left: 147px
}

.branch-find .branch-map-area .box.area .map.area03 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svzt-znc-nern03.cat") no-repeat
}

.branch-find .branch-map-area .box.area .map.area03 .btn01 {
    top: 131px;
    left: 172px
}

.branch-find .branch-map-area .box.area .map.area03 .btn02 {
    top: 221px;
    left: 142px
}

.branch-find .branch-map-area .box.area .map.area04 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svzt-znc-nern04.cat") no-repeat
}

.branch-find .branch-map-area .box.area .map.area04 .btn01 {
    top: 85px;
    left: 264px
}

.branch-find .branch-map-area .box.area .map.area04 .btn02 {
    top: 109px;
    left: 204px
}

.branch-find .branch-map-area .box.area .map.area04 .btn03 {
    top: 172px;
    left: 254px
}

.branch-find .branch-map-area .box.area .map.area04 .btn04 {
    top: 148px;
    left: 194px
}

.branch-find .branch-map-area .box.area .map.area04 .btn05 {
    top: 172px;
    left: 204px
}

.branch-find .branch-map-area .box.area .map.area04 .btn06 {
    top: 203px;
    left: 239px
}

.branch-find .branch-map-area .box.area .map.area04 .btn07 {
    top: 129px;
    left: 159px
}

.branch-find .branch-map-area .box.area .map.area04 .btn08 {
    top: 232px;
    left: 235px
}

.branch-find .branch-map-area .box.area .map.area04 .btn09 {
    top: 220px;
    left: 193px
}

.branch-find .branch-map-area .box.area .map.area04 .btn10 {
    top: 196px;
    left: 171px
}

.branch-find .branch-map-area .box.area .map.area04 .btn11 {
    top: 189px;
    left: 124px
}

.branch-find .branch-map-area .box.area .map.area04 .btn12 {
    top: 219px;
    left: 74px
}

.branch-find .branch-map-area .box.area .map.area04 .btn13 {
    top: 259px;
    left: 124px
}

.branch-find .branch-map-area .box.area .map.area04 .btn14 {
    top: 223px;
    left: 150px
}

.branch-find .branch-map-area .box.area .map.area04 .btn15 {
    top: 245px;
    left: 180px
}

.branch-find .branch-map-area .box.area .map.area04 .btn16 {
    top: 269px;
    left: 194px
}

.branch-find .branch-map-area .box.area .map.area05 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svzt-znc-nern05.cat") no-repeat
}

.branch-find .branch-map-area .box.area .map.area05 .btn01 {
    top: 74px;
    left: 52px
}

.branch-find .branch-map-area .box.area .map.area05 .btn02 {
    top: 94px;
    left: 102px
}

.branch-find .branch-map-area .box.area .map.area05 .btn03 {
    top: 84px;
    left: 152px
}

.branch-find .branch-map-area .box.area .map.area05 .btn04 {
    top: 124px;
    left: 192px
}

.branch-find .branch-map-area .box.area .map.area05 .btn05 {
    top: 54px;
    left: 212px
}

.branch-find .branch-map-area .box.area .map.area05 .btn06 {
    top: 94px;
    left: 242px
}

.branch-find .branch-map-area .box.area .map.area05 .btn07 {
    top: 134px;
    left: 252px
}

.branch-find .branch-map-area .box.area .map.area05 .btn08 {
    top: 144px;
    left: 102px
}

.branch-find .branch-map-area .box.area .map.area05 .btn09 {
    top: 174px;
    left: 152px
}

.branch-find .branch-map-area .box.area .map.area05 .btn10 {
    top: 214px;
    left: 152px
}

.branch-find .branch-map-area .box.area .map.area05 .btn11 {
    top: 214px;
    left: 212px
}

.branch-find .branch-map-area .box.area .map.area05 .btn12 {
    top: 184px;
    left: 272px
}

.branch-find .branch-map-area .box.area .map.area05 .btn13 {
    top: 254px;
    left: 112px
}

.branch-find .branch-map-area .box.area .map.area05 .btn14 {
    top: 284px;
    left: 212px
}

.branch-find .branch-map-area .box.area .map.area05 .btn15 {
    top: 254px;
    left: 252px
}

.branch-find .branch-map-area .box.area .map.area05 .btn16 {
    top: 304px;
    left: 292px
}

.branch-find .branch-map-area .box.area .map.area05 .btn17 {
    top: 224px;
    left: 312px
}

.branch-find .branch-map-area .box.area .map.area05 .btn18 {
    top: 274px;
    left: 322px
}

.branch-find .branch-map-area .box.area .map.area06 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svzt-znc-nern06.cat") no-repeat
}

.branch-find .branch-map-area .box.area .map.area06 .btn01 {
    top: 41px;
    left: 296px
}

.branch-find .branch-map-area .box.area .map.area06 .btn02 {
    top: 61px;
    left: 236px
}

.branch-find .branch-map-area .box.area .map.area06 .btn03 {
    top: 71px;
    left: 173px
}

.branch-find .branch-map-area .box.area .map.area06 .btn04 {
    top: 111px;
    left: 203px
}

.branch-find .branch-map-area .box.area .map.area06 .btn05 {
    top: 143px;
    left: 259px
}

.branch-find .branch-map-area .box.area .map.area06 .btn06 {
    top: 205px;
    left: 229px
}

.branch-find .branch-map-area .box.area .map.area06 .btn07 {
    top: 275px;
    left: 229px
}

.branch-find .branch-map-area .box.area .map.area06 .btn08 {
    top: 235px;
    left: 189px
}

.branch-find .branch-map-area .box.area .map.area06 .btn09 {
    top: 245px;
    left: 119px
}

.branch-find .branch-map-area .box.area .map.area06 .btn10 {
    top: 235px;
    left: 39px
}

.branch-find .branch-map-area .box.area .map.area06 .btn11 {
    top: 265px;
    left: 69px
}

.branch-find .branch-map-area .box.area .map.area06 .btn12 {
    top: 305px;
    left: 89px
}

.branch-find .branch-map-area .box.area .map.area06 .btn13 {
    top: 275px;
    left: 159px
}

.branch-find .branch-map-area .box.area .map.area06 .btn14 {
    top: 305px;
    left: 149px
}

.branch-find .branch-map-area .box.area .map.area06 .btn15 {
    top: 169px;
    left: 50px
}

.branch-find .branch-map-area .box.area .map.area06 .btn16 {
    top: 179px;
    left: 125px
}

.branch-find .branch-map-area .box.area .map.area06 .btn17 {
    top: 205px;
    left: 89px
}

.branch-find .branch-map-area .box.area .map.area06 .btn18 {
    top: 215px;
    left: 149px
}

.branch-find .branch-map-area .box.area .map.area06 .btn19 {
    top: 69px;
    left: 123px
}

.branch-find .branch-map-area .box.area .map.area06 .btn20 {
    top: 119px;
    left: 57px
}

.branch-find .branch-map-area .box.area .map.area06 .btn21 {
    top: 129px;
    left: 108px
}

.branch-find .branch-map-area .box.area .map.area06 .btn22 {
    top: 139px;
    left: 155px
}

.branch-find .branch-map-area .box.area .map.area06 .btn23 {
    top: 173px;
    left: 199px
}

.branch-find .branch-map-area .box.area .map.area06 .btn24 {
    top: 67px;
    left: 335px
}

.branch-find .branch-map-area .box.area .map.area07 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svzt-znc-nern07.cat") no-repeat
}

.branch-find .branch-map-area .box.area .map.area07 .btn01 {
    top: 79px;
    left: 114px
}

.branch-find .branch-map-area .box.area .map.area07 .btn02 {
    top: 69px;
    left: 174px
}

.branch-find .branch-map-area .box.area .map.area07 .btn03 {
    top: 89px;
    left: 214px
}

.branch-find .branch-map-area .box.area .map.area07 .btn04 {
    top: 99px;
    left: 264px
}

.branch-find .branch-map-area .box.area .map.area07 .btn05 {
    top: 89px;
    left: 314px
}

.branch-find .branch-map-area .box.area .map.area07 .btn06 {
    top: 139px;
    left: 344px
}

.branch-find .branch-map-area .box.area .map.area07 .btn07 {
    top: 149px;
    left: 284px
}

.branch-find .branch-map-area .box.area .map.area07 .btn08 {
    top: 199px;
    left: 324px
}

.branch-find .branch-map-area .box.area .map.area07 .btn09 {
    top: 149px;
    left: 214px
}

.branch-find .branch-map-area .box.area .map.area07 .btn10 {
    top: 189px;
    left: 244px
}

.branch-find .branch-map-area .box.area .map.area07 .btn11 {
    top: 239px;
    left: 274px
}

.branch-find .branch-map-area .box.area .map.area07 .btn12 {
    top: 149px;
    left: 164px
}

.branch-find .branch-map-area .box.area .map.area07 .btn13 {
    top: 119px;
    left: 134px
}

.branch-find .branch-map-area .box.area .map.area07 .btn14 {
    top: 159px;
    left: 104px
}

.branch-find .branch-map-area .box.area .map.area07 .btn15 {
    top: 189px;
    left: 104px
}

.branch-find .branch-map-area .box.area .map.area07 .btn16 {
    top: 189px;
    left: 154px
}

.branch-find .branch-map-area .box.area .map.area07 .btn17 {
    top: 205px;
    left: 194px
}

.branch-find .branch-map-area .box.area .map.area07 .btn18 {
    top: 229px;
    left: 164px
}

.branch-find .branch-map-area .box.area .map.area07 .btn19 {
    top: 259px;
    left: 134px
}

.branch-find .branch-map-area .box.area .map.area07 .btn20 {
    top: 299px;
    left: 174px
}

.branch-find .branch-map-area .box.area .map.area07 .btn21 {
    top: 279px;
    left: 74px
}

.branch-find .branch-map-area .box.area .map.area07 .btn22 {
    top: 169px;
    left: 54px
}

.branch-find .branch-map-area .box.area .map.area08 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svzt-znc-nern08.cat") no-repeat
}

.branch-find .branch-map-area .box.area .map.area08 .btn01 {
    top: 59px;
    left: 124px
}

.branch-find .branch-map-area .box.area .map.area08 .btn02 {
    top: 99px;
    left: 84px
}

.branch-find .branch-map-area .box.area .map.area08 .btn03 {
    top: 99px;
    left: 34px
}

.branch-find .branch-map-area .box.area .map.area08 .btn04 {
    top: 159px;
    left: 114px
}

.branch-find .branch-map-area .box.area .map.area08 .btn05 {
    top: 129px;
    left: 164px
}

.branch-find .branch-map-area .box.area .map.area08 .btn06 {
    top: 79px;
    left: 204px
}

.branch-find .branch-map-area .box.area .map.area08 .btn07 {
    top: 89px;
    left: 264px
}

.branch-find .branch-map-area .box.area .map.area08 .btn08 {
    top: 169px;
    left: 224px
}

.branch-find .branch-map-area .box.area .map.area08 .btn09 {
    top: 199px;
    left: 174px
}

.branch-find .branch-map-area .box.area .map.area08 .btn10 {
    top: 229px;
    left: 104px
}

.branch-find .branch-map-area .box.area .map.area08 .btn11 {
    top: 299px;
    left: 134px
}

.branch-find .branch-map-area .box.area .map.area08 .btn12 {
    top: 259px;
    left: 174px
}

.branch-find .branch-map-area .box.area .map.area08 .btn13 {
    top: 279px;
    left: 244px
}

.branch-find .branch-map-area .box.area .map.area08 .btn14 {
    top: 299px;
    left: 324px
}

.branch-find .branch-map-area .box.area .map.area08 .btn15 {
    top: 239px;
    left: 274px
}

.branch-find .branch-map-area .box.area .map.area09 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svzt-znc-nern09.cat") no-repeat
}

.branch-find .branch-map-area .box.area .map.area09 .btn01 {
    top: 68px;
    left: 71px
}

.branch-find .branch-map-area .box.area .map.area09 .btn02 {
    top: 109px;
    left: 34px
}

.branch-find .branch-map-area .box.area .map.area09 .btn03 {
    top: 162px;
    left: 69px
}

.branch-find .branch-map-area .box.area .map.area09 .btn04 {
    top: 115px;
    left: 122px
}

.branch-find .branch-map-area .box.area .map.area09 .btn05 {
    top: 219px;
    left: 44px
}

.branch-find .branch-map-area .box.area .map.area09 .btn06 {
    top: 232px;
    left: 101px
}

.branch-find .branch-map-area .box.area .map.area09 .btn07 {
    top: 197px;
    left: 122px
}

.branch-find .branch-map-area .box.area .map.area09 .btn08 {
    top: 157px;
    left: 152px
}

.branch-find .branch-map-area .box.area .map.area09 .btn09 {
    top: 177px;
    left: 192px
}

.branch-find .branch-map-area .box.area .map.area09 .btn10 {
    top: 116px;
    left: 202px
}

.branch-find .branch-map-area .box.area .map.area09 .btn11 {
    top: 130px;
    left: 260px
}

.branch-find .branch-map-area .box.area .map.area09 .btn12 {
    top: 147px;
    left: 321px
}

.branch-find .branch-map-area .box.area .map.area09 .btn13 {
    top: 177px;
    left: 292px
}

.branch-find .branch-map-area .box.area .map.area09 .btn14 {
    top: 187px;
    left: 241px
}

.branch-find .branch-map-area .box.area .map.area09 .btn15 {
    top: 217px;
    left: 261px
}

.branch-find .branch-map-area .box.area .map.area09 .btn16 {
    top: 217px;
    left: 211px
}

.branch-find .branch-map-area .box.area .map.area09 .btn17 {
    top: 246px;
    left: 161px
}

.branch-find .branch-map-area .box.area .map.area09 .btn18 {
    top: 287px;
    left: 172px
}

.branch-find .branch-map-area .box.area .map.area09 .btn19 {
    top: 267px;
    left: 252px
}

.branch-find .branch-map-area .box.area .map.area09 .btn20 {
    top: 290px;
    left: 71px
}

.branch-find .branch-map-area .box.area .map.area10 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svzt-znc-nern10.cat") no-repeat
}

.branch-find .branch-map-area .box.area .map.area10 .btn01 {
    top: 121px;
    left: 178px
}

.branch-find .branch-map-area .box.area .map.area10 .btn02 {
    top: 181px;
    left: 266px
}

.branch-find .branch-map-area .box.area .map.area10 .btn03 {
    top: 203px;
    left: 338px
}

.branch-find .branch-map-area .box.area .map.area10 .btn04 {
    top: 252px;
    left: 259px
}

.branch-find .branch-map-area .box.area .map.area10 .btn05 {
    top: 241px;
    left: 333px
}

.branch-find .branch-map-area .box.area .map.area10 .btn06 {
    top: 296px;
    left: 333px
}

.branch-find .branch-map-area .box.area .map.area10 .btn07 {
    top: 301px;
    left: 283px
}

.branch-find .branch-map-area .box.area .map.area10 .btn08 {
    top: 276px;
    left: 240px
}

.branch-find .branch-map-area .box.area .map.area10 .btn09 {
    top: 268px;
    left: 297px
}

.branch-find .branch-map-area .box.area .map.area10 .btn10 {
    top: 257px;
    left: 166px
}

.branch-find .branch-map-area .box.area .map.area10 .btn11 {
    top: 302px;
    left: 160px
}

.branch-find .branch-map-area .box.area .map.area11 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svzt-znc-nern11.cat") no-repeat
}

.branch-find .branch-map-area .box.area .map.area11 .btn01 {
    top: 149px;
    left: 230px
}

.branch-find .branch-map-area .box.area .map.area11 .btn02 {
    top: 145px;
    left: 153px
}

.branch-find .branch-map-area .box.area .map.area11 .btn03 {
    top: 182px;
    left: 74px
}

.branch-find .branch-map-area .box.area .map.area11 .btn04 {
    top: 183px;
    left: 145px
}

.branch-find .branch-map-area .box.area .map.area11 .btn05 {
    top: 194px;
    left: 207px
}

.branch-find .branch-map-area .box.area .map.area11 .btn06 {
    top: 225px;
    left: 192px
}

.branch-find .branch-map-area .box.area .map.area11 .btn07 {
    top: 226px;
    left: 252px
}

.branch-find .branch-map-area .box.area .map.area11 .btn08 {
    top: 284px;
    left: 118px
}

.branch-find .branch-map-area .box.area .map.area11 .btn09 {
    top: 236px;
    left: 130px
}

.branch-find .branch-map-area .box.area .map.area11 .btn10 {
    top: 52px;
    left: 186px
}

.branch-find .branch-map-area .box.area .map.area12 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svzt-znc-nern12.cat") no-repeat
}

.branch-find .branch-map-area .box.area .map.area12 .btn01 {
    top: 105px;
    left: 79px
}

.branch-find .branch-map-area .box.area .map.area12 .btn02 {
    top: 86px;
    left: 139px
}

.branch-find .branch-map-area .box.area .map.area12 .btn03 {
    top: 108px;
    left: 191px
}

.branch-find .branch-map-area .box.area .map.area12 .btn04 {
    top: 143px;
    left: 170px
}

.branch-find .branch-map-area .box.area .map.area12 .btn05 {
    top: 137px;
    left: 236px
}

.branch-find .branch-map-area .box.area .map.area12 .btn06 {
    top: 113px;
    left: 301px
}

.branch-find .branch-map-area .box.area .map.area12 .btn07 {
    top: 188px;
    left: 274px
}

.branch-find .branch-map-area .box.area .map.area12 .btn08 {
    top: 211px;
    left: 194px
}

.branch-find .branch-map-area .box.area .map.area12 .btn09 {
    top: 202px;
    left: 119px
}

.branch-find .branch-map-area .box.area .map.area12 .btn10 {
    top: 148px;
    left: 122px
}

.branch-find .branch-map-area .box.area .map.area12 .btn11 {
    top: 189px;
    left: 50px
}

.branch-find .branch-map-area .box.area .map.area12 .btn12 {
    top: 250px;
    left: 50px
}

.branch-find .branch-map-area .box.area .map.area12 .btn13 {
    top: 261px;
    left: 164px
}

.branch-find .branch-map-area .box.area .map.area12 .btn14 {
    top: 257px;
    left: 234px
}

.branch-find .branch-map-area .box.area .map.area13 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svzt-znc-nern13.cat") no-repeat
}

.branch-find .branch-map-area .box.area .map.area13 .btn01 {
    top: 86px;
    left: 274px
}

.branch-find .branch-map-area .box.area .map.area13 .btn02 {
    top: 97px;
    left: 218px
}

.branch-find .branch-map-area .box.area .map.area13 .btn03 {
    top: 77px;
    left: 158px
}

.branch-find .branch-map-area .box.area .map.area13 .btn04 {
    top: 86px;
    left: 108px
}

.branch-find .branch-map-area .box.area .map.area13 .btn05 {
    top: 136px;
    left: 150px
}

.branch-find .branch-map-area .box.area .map.area13 .btn06 {
    top: 147px;
    left: 98px
}

.branch-find .branch-map-area .box.area .map.area13 .btn07 {
    top: 117px;
    left: 67px
}

.branch-find .branch-map-area .box.area .map.area13 .btn08 {
    top: 177px;
    left: 68px
}

.branch-find .branch-map-area .box.area .map.area13 .btn09 {
    top: 209px;
    left: 137px
}

.branch-find .branch-map-area .box.area .map.area13 .btn10 {
    top: 249px;
    left: 107px
}

.branch-find .branch-map-area .box.area .map.area13 .btn11 {
    top: 288px;
    left: 147px
}

.branch-find .branch-map-area .box.area .map.area13 .btn12 {
    top: 209px;
    left: 68px
}

.branch-find .branch-map-area .box.area .map.area14 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svzt-znc-nern14.cat") no-repeat
}

.branch-find .branch-map-area .box.area .map.area14 .btn01 {
    top: 161px;
    left: 102px
}

.branch-find .branch-map-area .box.area .map.area14 .btn02 {
    top: 123px;
    left: 246px
}

.branch-find .branch-map-area .box.area .map.area14 .btn03 {
    top: 196px;
    left: 199px
}

.branch-find .branch-map-area .box.area .map.area14 .btn04 {
    top: 247px;
    left: 216px
}

.branch-find .branch-map-area .box.area .map.area14 .btn05 {
    top: 221px;
    left: 294px
}

.branch-find .branch-map-area .box.area .map.area15 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svzt-znc-nern15.cat") no-repeat
}

.branch-find .branch-map-area .box.area .map.area15 .btn01 {
    top: 133px;
    left: 96px
}

.branch-find .branch-map-area .box.area .map.area15 .btn02 {
    top: 85px;
    left: 222px
}

.branch-find .branch-map-area .box.area .map.area15 .btn03 {
    top: 191px;
    left: 251px
}

.branch-find .branch-map-area .box.area .map.area15 .btn04 {
    top: 235px;
    left: 180px
}

.branch-find .branch-map-area .box.area .map.area15 .btn05 {
    top: 271px;
    left: 112px
}

.branch-find .branch-map-area .box.area .map.area16 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svzt-znc-nern16.cat") no-repeat
}

.branch-find .branch-map-area .box.area .map.area16 .btn01 {
    top: 165px;
    left: 152px
}

.branch-find .branch-map-area .box.area .map.area17 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svzt-znc-nern17.cat") no-repeat
}

.branch-find .branch-map-area .box.area .map.area17 .btn01 {
    top: 131px;
    left: 118px
}

.branch-find .branch-map-area .box.area .map.area17 .btn02 {
    top: 98px;
    left: 280px
}

.branch-find .branch-map-area .box.area .map.area17 .btn03 {
    top: 139px;
    left: 235px
}

.branch-find .branch-map-area .box.area .map.area17 .btn04 {
    top: 171px;
    left: 322px
}

.branch-find .branch-map-area .box.area .map.area17 .btn05 {
    top: 179px;
    left: 252px
}

.branch-find .branch-srch {
    overflow: hidden;
    margin: 40px 0 0;
    border: 1px solid #e1e3e6
}

.branch-find .branch-srch .form-are {
    float: left;
    width: calc(100% - 220px);
    padding: 40px;
    border-right: 1px solid #e1e3e6
}

.branch-find .branch-srch .form-are .bg-chk {
    color: #3a3a4a
}

.branch-find .branch-srch .form-are p {
    margin: 13px 0 17px
}

.branch-find .branch-srch .form-are .input input {
    width: calc(100% - 65px)
}

.branch-find .branch-srch .telephone {
    float: right;
    width: 220px;
    padding: 60px 0 0;
    color: #3a3a4a;
    font-size: 17px;
    text-align: center
}

.branch-find .branch-srch .telephone strong {
    display: block;
    margin: 10px 0 0;
    font-size: 32px;
    line-height: 32px
}

@media only screen and (max-width:991px) {
    .branch-find .branch-srch .form-are .button.medium {
        padding: 0 16px
    }
}

@media only screen and (max-width:918px) {
    .branch-find .branch-map-area .box {
        width: 100%;
        float: none
    }
    .branch-find .branch-map-area .box.nationwide {
        margin-bottom: 50px
    }
    .branch-find .branch-map-area .box .tit {
        height: 50px;
        line-height: 50px
    }
    .branch-find .branch-map-area::after {
        transform: rotate(90deg);
        width: 30px;
        height: 30px;
        background-size: auto 7px
    }
}

@media only screen and (max-width:767px) {
    .branch-find .branch-srch {
        margin: 40px 0 0
    }
    .branch-find .branch-srch .form-are {
        float: none;
        width: 100%;
        padding: 25px;
        border-right: 0;
        border-bottom: 1px solid #e1e3e6
    }
    .branch-find .branch-srch .form-are .button.medium {
        padding: 0 16px
    }
    .branch-find .branch-srch .telephone {
        float: none;
        width: 100%;
        padding: 20px
    }
}

@media only screen and (max-width:426px) {
    .branch-find .branch-map-area::after {
        display: none
    }
}

@media only screen and (max-width:400px) {
    .branch-find .branch-map-area .box {
        width: 448px
    }
    .branch-find .branch-map-area .box.nationwide {
        border-right: 0
    }
    .branch-find .branch-map-area .box .tit {
        width: 100%
    }
    .branch-find .branch-map-area .box .map-wrap,
    .branch-find .branch-map-area .box .txt {
        width: 400px
    }
}

.management-improvement .swot-list {
    position: relative
}

.management-improvement .swot-list dt {
    position: absolute;
    top: 30px;
    left: 0;
    width: 32%;
    height: 130px;
    padding: 30px 40px;
    background-color: #f6f6f6;
    border-radius: 40px 8px 8px 8px;
    color: #3a3a4a;
    font-weight: 700
}

.management-improvement .swot-list dt strong {
    display: block;
    font-size: 21px
}

.management-improvement .swot-list dd>ul {
    overflow: hidden;
    margin: -30px 0 0 -1.83%
}

.management-improvement .swot-list dd>ul>li {
    overflow: hidden;
    float: left;
    width: 31.5%;
    min-height: 130px;
    margin: 30px 0 0 1.83%;
    border: 1px solid #e1e3e6;
    border-radius: 8px
}

.management-improvement .swot-list dd>ul>li:first-child {
    margin: 30px 0 0 35.17%
}

.management-improvement .swot-list dd>ul>li span {
    display: block;
    text-align: center;
    background: #f6f6f6;
    border-bottom: 1px solid #e1e3e6;
    color: #3a3a4a;
    line-height: 48px
}

.management-improvement .swot-list dd>ul>li .cont {
    min-height: 80px;
    padding: 15px 10px
}

.management-improvement .swot-list dd>ul>li.point {
    border: 0
}

.management-improvement .swot-list dd>ul>li.point span {
    color: #fff;
    background: #44465c
}

.management-improvement .swot-list dd>ul>li.point .cont {
    background: #f6f6f6
}

.management-improvement .color-box-area dt {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svzntrf%2Svzt-jounsn01802-gvgot.cat") no-repeat 0 0;
    background-size: 100%
}

.management-improvement .color-box-area dd>ul>li {
    min-height: 200px
}

@media only screen and (max-width:870px) {
    .management-improvement .swot-list dt {
        width: 49%;
        top: 20px
    }
    .management-improvement .swot-list dd>ul {
        margin: -20px 0 0 -2%
    }
    .management-improvement .swot-list dd>ul>li {
        width: 48%;
        margin: 20px 0 0 2%
    }
    .management-improvement .swot-list dd>ul>li:first-child {
        margin: 20px 0 0 52%
    }
}

@media only screen and (max-width:720px) {
    .management-improvement .swot-list dt {
        position: static;
        width: 100%;
        height: 100px
    }
    .management-improvement .swot-list dd>ul {
        margin: 0
    }
    .management-improvement .swot-list dd>ul>li {
        width: 100%;
        margin: 20px 0 0
    }
    .management-improvement .swot-list dd>ul>li:first-child {
        margin: 10px 0 0
    }
    .management-improvement .color-box-area dd>ul>li {
        min-height: auto
    }
}

.safety-sign {
    position: relative;
    margin: 25px 0 0;
    color: #3a3a4a
}

.safety-sign img {
    position: absolute;
    top: 0;
    left: 165px;
    width: 83px
}

.si-introduction .over-flow>div {
    width: 48%
}

.si-introduction .box {
    padding: 25px 30px;
    border: 1px solid #e1e3e6;
    border-radius: 8px
}

.si-introduction .box span {
    display: block;
    margin: 0 0 10px
}

.si-introduction .box img {
    width: 100%
}

@media only screen and (max-width:640px) {
    .si-introduction .over-flow>div {
        float: none !important;
        width: auto
    }
    .si-introduction .over-flow>div:first-child {
        margin: 0 0 40px
    }
    .si-introduction .box {
        padding: 15px 20px;
        max-width: 400px;
        margin: 0 auto
    }
    .si-introduction .box img {
        display: block;
        width: auto;
        max-width: 100%;
        margin: 0 auto
    }
}

.border-box.nation-chart-wrap {
    padding: 25px 0
}

.nation-chart-wrap .nation-chart {
    display: table;
    margin: 0 auto
}

.nation-chart-wrap .nation-chart .map-img {
    display: inline-block;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 100%
}

.nation-chart-wrap .nation-chart .cont {
    display: inline-block;
    vertical-align: top;
    overflow: hidden
}

.nation-chart-wrap .nation-chart.v1 .cont {
    margin-left: 10px
}

.nation-chart-wrap .nation-chart.v2 .cont,
.nation-chart-wrap .nation-chart.v3 .cont {
    margin-left: 50px
}

.nation-chart-wrap .nation-chart .cont>li {
    position: relative;
    height: 100%;
    padding-left: 50px;
    margin-top: 20px
}

.nation-chart-wrap .nation-chart .cont>li:first-child {
    margin-top: 0
}

.nation-chart-wrap .nation-chart.v1 .cont>li {
    width: 120px
}

.nation-chart-wrap .nation-chart.v2 .cont>li {
    width: 320px
}

.nation-chart-wrap .nation-chart.v3 .cont>li {
    width: 300px
}

.nation-chart-wrap .nation-chart .cont>li .flag-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 100%
}

.nation-chart-wrap .nation-chart .cont>li .text {
    width: 100%;
    color: #3a3a4a
}

.nation-chart-wrap .nation-chart.v3 .cont>li .text {
    line-height: 40px
}

.nation-chart-wrap .nation-chart.v3 .list-text {
    width: 300px;
    margin: 10px 0 20px 50px
}

@media only screen and (max-width:869px) {
    .border-box.nation-chart-wrap {
        padding: 25px 10px
    }
    .nation-chart-wrap .nation-chart .map-img {
        display: block
    }
    .nation-chart-wrap .nation-chart .cont {
        display: block;
        width: 100%
    }
    .nation-chart-wrap .nation-chart.v1 .cont,
    .nation-chart-wrap .nation-chart.v2 .cont,
    .nation-chart-wrap .nation-chart.v3 .cont,
    .nation-chart-wrap .nation-chart.v1 .cont:last-child {
        margin-left: 0;
        padding-left: 10px
    }
    .nation-chart-wrap .nation-chart .cont>li {
        float: left
    }
    .nation-chart-wrap .nation-chart.v1 .cont>li {
        width: 25%;
        margin-top: 0
    }
    .nation-chart-wrap .nation-chart.v2 .cont>li,
    .nation-chart-wrap .nation-chart.v3 .cont>li {
        width: 100%
    }
    .nation-chart-wrap .nation-chart.v3 .list-text {
        margin-left: 0;
        padding-left: 10px;
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .nation-chart-wrap .nation-chart.v1 .cont>li {
        width: 33.3%
    }
}

@media only screen and (max-width:500px) {
    .nation-chart-wrap .nation-chart.v1 .cont>li {
        width: 50%
    }
}

.family-campaign-wrap .campaign-img-list {
    overflow: hidden;
    margin: -20px 0 0 -20px
}

.family-campaign-wrap .campaign-img-list li {
    float: left;
    width: calc(33.3% - 20px);
    margin: 20px 0 0 20px;
    line-height: 0;
    border-radius: 8px;
    overflow: hidden
}

.family-campaign-wrap .campaign-img-list li img {
    width: 100%
}

@media only screen and (max-width:767px) {
    .family-campaign-wrap .campaign-img-list li {
        width: calc(50% - 20px)
    }
}

@media only screen and (max-width:424px) {
    .family-campaign-wrap .campaign-img-list {
        margin: 0
    }
    .family-campaign-wrap .campaign-img-list li {
        width: 100%;
        margin: 0 0 20px 0
    }
    .family-campaign-wrap .campaign-img-list li:last-child {
        margin: 0
    }
}

.loadmap-tab-title {
    overflow: hidden;
    max-width: 900px;
    margin-top: 40px
}

.loadmap-tab-title a {
    float: right;
    display: block;
    width: calc(50% - 10px);
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #3a3a4a;
    border-radius: 10px;
    background-color: #f6f6f6;
    border: 1px solid #6c6d73
}

.loadmap-tab-title a.my {
    float: left;
    color: #d7021b;
    background-color: #fff2f2;
    border: 1px solid #d7021b
}

.loadmap-tab-title a.on {
    font-weight: bold
}

.my-health-loadmap {
    position: relative;
    max-width: 900px;
    height: 1144px;
    margin-top: 40px
}

.my-health-loadmap .tool-tip:hover {
    cursor: pointer
}

.my-health-loadmap .default-point {
    width: 120px;
    margin: 0 auto
}

.my-health-loadmap .default-point .age-box {
    display: table;
    width: 100%;
    border-radius: 8px;
    text-align: center;
    margin-top: 10px
}

.my-health-loadmap .default-point .age-box>div {
    display: table-cell;
    vertical-align: middle
}

.my-health-loadmap .default-point .age-box>div img {
    font-size: 0;
    line-height: 0
}

.my-health-loadmap .default-point .age-box span {
    display: block
}

.my-health-loadmap .default-point .age-box span.age {
    font-size: 13px
}

.my-health-loadmap .default-point .age-box.infants {
    height: 127px;
    background-color: #fff2f2;
    margin-top: 0
}

.my-health-loadmap .default-point .age-box.student {
    height: 127px;
    background-color: #fffde5
}

.my-health-loadmap .default-point .age-box.adult {
    height: 644px;
    background-color: #e9fafc
}

.my-health-loadmap .default-point .age-box.oldage {
    height: 216px;
    background-color: #e5fce3
}

.my-health-loadmap .part {
    position: absolute;
    top: 0;
    width: 390px;
    height: 100%;
    padding-top: 23px
}

.my-health-loadmap .part:before {
    content: '';
    position: absolute;
    top: 0;
    width: 6px;
    height: 100%;
    border-radius: 3px;
    background: linear-gradient(to bottom, #e1e3e6 90%, white)
}

.my-health-loadmap .part.all {
    right: 0;
    text-align: left
}

.my-health-loadmap .part.all:before {
    left: 50px
}

.my-health-loadmap .part.all .age-area {
    position: relative;
    height: 140px;
    padding-left: 95px
}

.my-health-loadmap .part.all .age-area .age {
    position: absolute;
    top: 0;
    left: 30px
}

.my-health-loadmap .part.my .age-area {
    position: relative;
    height: 140px;
    padding-right: 95px
}

.my-health-loadmap .part.my .age-area .age {
    display: none;
    position: absolute;
    top: 0;
    right: 30px
}

.my-health-loadmap .part.my {
    left: 0;
    text-align: right
}

.my-health-loadmap .part.my:before {
    right: 50px
}

.my-health-loadmap .part.my.before-login:before {
    display: none
}

.my-health-loadmap .part.my.before-login .age-area {
    display: none
}

.my-health-loadmap .part.before-login .box {
    width: 100%;
    text-align: center;
    padding: 160px 60px 0 60px
}

.my-health-loadmap .part.before-login .box .txt {
    position: relative;
    width: 100%;
    display: inline-block;
    color: #3a3a4a;
    line-height: 24px;
    letter-spacing: -0.05em;
    padding: 20px 0;
    border-radius: 25px;
    margin-top: 12px;
    background: #fff2f2
}

.my-health-loadmap .part.before-login .box .txt:before {
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -8px;
    width: 16px;
    height: 8px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Snee-cvax-obk.cat') no-repeat 0
}

.my-health-loadmap .part .age {
    display: inline-block;
    width: 48px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    border-radius: 12px;
    z-index: 2
}

.my-health-loadmap .part .age.pink {
    background-color: #e51967
}

.my-health-loadmap .part .age.brown {
    background-color: #c15807
}

.my-health-loadmap .part .age.blue {
    background-color: #4973d2
}

.my-health-loadmap .part .age.green {
    background-color: #1f8b25
}

.my-health-loadmap .part .age.red {
    background-color: #d7021b;
    cursor: pointer
}

.my-health-loadmap .part .red-line {
    display: block;
    position: absolute;
    right: 50px;
    top: 23px;
    bottom: 0;
    width: 6px;
    border-radius: 3px;
    background: linear-gradient(to bottom, #ff3131 90%, white)
}

.my-health-loadmap .part .my-status {
    position: absolute;
    right: 30px;
    width: 100%;
    z-index: 3
}

.my-health-loadmap .part .my-status .tooltip-my-box {
    position: absolute;
    top: -22px;
    right: 50px;
    display: none;
    padding-right: 9px;
    margin-left: 3px
}

.my-health-loadmap .part .my-status .tooltip-my-box.show {
    display: block
}

.my-health-loadmap .part .my-status .tooltip-my-box:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 9px;
    height: 21px;
    margin-top: -13px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-erq-evtug.cat') no-repeat
}

.my-health-loadmap .part .my-status .tooltip-my-box a {
    display: block;
    color: #fff;
    padding: 15px 35px 15px 15px;
    background: #d7021b url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-juvgr-yvax.cat') no-repeat right 15px bottom 20px;
    border-radius: 10px;
    box-shadow: 5px 5px 5px #d7d8dc
}

.my-health-loadmap .part .my-status .tooltip-my-box a .tit {
    display: block;
    font-size: 14px
}

.my-health-loadmap .part .age00 {
    top: 23px
}

.my-health-loadmap .part .age01 {
    top: 37px
}

.my-health-loadmap .part .age02 {
    top: 51px
}

.my-health-loadmap .part .age03 {
    top: 65px
}

.my-health-loadmap .part .age04 {
    top: 79px
}

.my-health-loadmap .part .age05 {
    top: 93px
}

.my-health-loadmap .part .age06 {
    top: 107px
}

.my-health-loadmap .part .age07 {
    top: 121px
}

.my-health-loadmap .part .age08 {
    top: 135px
}

.my-health-loadmap .part .age09 {
    top: 149px
}

.my-health-loadmap .part .age10 {
    top: 163px
}

.my-health-loadmap .part .age11 {
    top: 177px
}

.my-health-loadmap .part .age12 {
    top: 191px
}

.my-health-loadmap .part .age13 {
    top: 205px
}

.my-health-loadmap .part .age14 {
    top: 219px
}

.my-health-loadmap .part .age15 {
    top: 233px
}

.my-health-loadmap .part .age16 {
    top: 247px
}

.my-health-loadmap .part .age17 {
    top: 261px
}

.my-health-loadmap .part .age18 {
    top: 275px
}

.my-health-loadmap .part .age19 {
    top: 289px
}

.my-health-loadmap .part .age20 {
    top: 303px
}

.my-health-loadmap .part .age21 {
    top: 317px
}

.my-health-loadmap .part .age22 {
    top: 331px
}

.my-health-loadmap .part .age23 {
    top: 345px
}

.my-health-loadmap .part .age24 {
    top: 359px
}

.my-health-loadmap .part .age25 {
    top: 373px
}

.my-health-loadmap .part .age26 {
    top: 387px
}

.my-health-loadmap .part .age27 {
    top: 401px
}

.my-health-loadmap .part .age28 {
    top: 415px
}

.my-health-loadmap .part .age29 {
    top: 429px
}

.my-health-loadmap .part .age30 {
    top: 443px
}

.my-health-loadmap .part .age31 {
    top: 457px
}

.my-health-loadmap .part .age32 {
    top: 471px
}

.my-health-loadmap .part .age33 {
    top: 485px
}

.my-health-loadmap .part .age34 {
    top: 499px
}

.my-health-loadmap .part .age35 {
    top: 513px
}

.my-health-loadmap .part .age36 {
    top: 527px
}

.my-health-loadmap .part .age37 {
    top: 541px
}

.my-health-loadmap .part .age38 {
    top: 555px
}

.my-health-loadmap .part .age39 {
    top: 569px
}

.my-health-loadmap .part .age40 {
    top: 583px
}

.my-health-loadmap .part .age41 {
    top: 597px
}

.my-health-loadmap .part .age42 {
    top: 611px
}

.my-health-loadmap .part .age43 {
    top: 625px
}

.my-health-loadmap .part .age44 {
    top: 639px
}

.my-health-loadmap .part .age45 {
    top: 653px
}

.my-health-loadmap .part .age46 {
    top: 667px
}

.my-health-loadmap .part .age47 {
    top: 681px
}

.my-health-loadmap .part .age48 {
    top: 695px
}

.my-health-loadmap .part .age49 {
    top: 709px
}

.my-health-loadmap .part .age50 {
    top: 723px
}

.my-health-loadmap .part .age51 {
    top: 737px
}

.my-health-loadmap .part .age52 {
    top: 751px
}

.my-health-loadmap .part .age53 {
    top: 765px
}

.my-health-loadmap .part .age54 {
    top: 779px
}

.my-health-loadmap .part .age55 {
    top: 793px
}

.my-health-loadmap .part .age56 {
    top: 807px
}

.my-health-loadmap .part .age57 {
    top: 821px
}

.my-health-loadmap .part .age58 {
    top: 835px
}

.my-health-loadmap .part .age59 {
    top: 849px
}

.my-health-loadmap .part .age60 {
    top: 863px
}

.my-health-loadmap .part .age61 {
    top: 877px
}

.my-health-loadmap .part .age62 {
    top: 891px
}

.my-health-loadmap .part .age63 {
    top: 905px
}

.my-health-loadmap .part .age64 {
    top: 919px
}

.my-health-loadmap .part .age65 {
    top: 933px
}

.my-health-loadmap .part .age66 {
    top: 947px
}

.my-health-loadmap .part .age67 {
    top: 961px
}

.my-health-loadmap .part .age68 {
    top: 975px
}

.my-health-loadmap .part .age69 {
    top: 989px
}

.my-health-loadmap .part .age70 {
    top: 1003px
}

@media only screen and (max-width:991px) {
    .loadmap-tab-title {
        margin-top: 30px
    }
    .loadmap-tab-title a {
        float: right;
        display: block;
        width: 50%;
        color: #3a3a4a;
        border-radius: 0;
        border: 1px solid #bfc2c9;
        border-width: 1px 0;
        background-color: #fff
    }
    .loadmap-tab-title a:first-child {
        border-left: 1px solid #bfc2c9
    }
    .loadmap-tab-title a.my {
        float: left;
        color: #3a3a4a;
        border-right: 1px solid #bfc2c9;
        background-color: #fff
    }
    .loadmap-tab-title a.on {
        color: #fff;
        background-color: #ee0701;
        border-color: #ee0701;
        font-weight: bold
    }
    .my-health-loadmap .default-point {
        width: 90px;
        margin: 0
    }
    .my-health-loadmap .part {
        display: none;
        position: absolute;
        top: 0;
        width: calc(100% - 100px);
        height: 100%;
        padding-top: 23px
    }
    .my-health-loadmap .part:before {
        content: '';
        position: absolute;
        top: 0;
        width: 6px;
        height: 100%;
        border-radius: 3px;
        background: linear-gradient(to bottom, #e1e3e6 90%, white)
    }
    .my-health-loadmap .part.all {
        left: 100px;
        text-align: left
    }
    .my-health-loadmap .part.all:before {
        left: 20px
    }
    .my-health-loadmap .part.all .age-area {
        padding-right: 0;
        padding-left: 55px
    }
    .my-health-loadmap .part.all .age-area .age {
        position: absolute;
        top: 0;
        left: 0
    }
    .my-health-loadmap .part.show {
        display: block
    }
    .my-health-loadmap .part.my .age-area {
        padding-left: 55px
    }
    .my-health-loadmap .part.my .age-area .age {
        display: block;
        left: 0
    }
    .my-health-loadmap .part.my {
        right: 0;
        left: 100px;
        text-align: left
    }
    .my-health-loadmap .part.my:before {
        left: 20px
    }
    .my-health-loadmap .part.my.before-login:before {
        display: block
    }
    .my-health-loadmap .part.my.before-login .age-area {
        display: block
    }
    .my-health-loadmap .part.before-login .box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
        padding: 160px 60px 0 60px
    }
    .my-health-loadmap .part .my-status {
        position: absolute;
        right: auto;
        left: 0;
        width: 100%;
        z-index: 3
    }
    .my-health-loadmap .part .my-status .tooltip-my-box {
        left: 50px;
        right: auto;
        padding-left: 8px
    }
    .my-health-loadmap .part .my-status .tooltip-my-box:before {
        left: 0;
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Sneebj%2Sneebj-erq-yrsg.cat') no-repeat
    }
    .my-health-loadmap .part .red-line {
        left: 20px
    }
}

.food-stroy-wrap .img-txt-wrap .img {
    height: 140px;
    line-height: 140px;
    text-align: center;
    border: 1px solid #e1e3e6;
    border-radius: 15px
}

@media only screen and (max-width:767px) {
    .food-stroy-wrap .img-txt-wrap .img img {
        display: inline-block
    }
}

.captcha-area {
    width: 191px;
    height: 60px;
    margin: 0 auto 10px;
    background-color: #f6f6f6;
    line-height: 60px
}

.captcha-area #captchaImg {
    width: 100%
}

.tx_Cblue,
.tx_Cblue * {
    color: blue !important
}

.event-visual-img {
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0
}

.event-visual-img img {
    width: 100%
}

.event-main-cont {
    padding: 45px 40px;
    background-color: #693c91
}

.event-main-cont .txt {
    text-align: center;
    font-size: 22px;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 35px
}

.event-main-cont .txt .color-yellow {
    color: #ffd733
}

.event-box {
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 35px
}

.event-box .top-title {
    display: block;
    text-align: center;
    padding: 20px;
    font-size: 28px;
    font-weight: 700;
    color: #75461d;
    background-color: #facf5b
}

.event-box .content p {
    margin-bottom: 25px;
    overflow: hidden
}

.event-box .content p span {
    display: inline-block
}

.event-box .content p .title {
    float: left;
    width: 100px;
    margin-top: 3px;
    padding: 0;
    border: 0;
    font-size: 0
}

.event-box .content p .cont {
    float: left;
    width: calc(100% - 100px);
    font-size: 17px;
    color: #333
}

.event-box .content dl {
    padding: 0 0 0 100px;
    font-size: 15px;
    color: #333
}

.event-box .content dl dt {
    margin: 0 0 5px;
    font-weight: 700
}

.event-box .content .button-more {
    display: inline-block;
    width: 300px;
    height: 60px;
    line-height: 58px;
    font-size: 19px;
    color: #4d4d4d;
    text-align: center;
    border: 1px solid #b3b3b3;
    background-color: #f4f4f4;
    border-radius: 12px;
    box-shadow: 0 6px #b3b3b3
}

.event-box.sns .content {
    padding: 35px 230px 35px 40px;
    background: #fff url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Srirag%2Spbag-faf.cat') no-repeat right 60px bottom 50px
}

.event-box.mobile .content {
    padding: 35px 40px 35px 245px;
    background: #fff url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Srirag%2Spbag-zbovyr.cat') no-repeat 45px 35px
}

.event-box.check .content {
    padding: 35px 300px 35px 40px;
    background: #fff url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Srirag%2Spbag-purpx.cat') no-repeat right 50px top 40px
}

.event-top {
    position: relative;
    padding: 20px 215px 20px 50px;
    font-size: 16px;
    color: #fff;
    background-color: #44465c
}

.event-top .btn-all-event {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    height: 100%;
    padding: 20px 40px;
    background-color: #3e4052
}

.event-top .btn-all-event span {
    display: inline-block;
    font-size: 16px;
    color: #ffd733;
    padding-left: 25px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Srirag%2Svpba-rirag-nyy.cat') no-repeat left center
}

@media only screen and (max-width:700px) {
    .event-main-cont .txt {
        font-size: 20px !important
    }
    .event-box .top-title {
        font-size: 25px !important;
        text-align: left;
        padding: 20px 30px
    }
    .event-box.sns .content,
    .event-box.mobile .content,
    .event-box.check .content {
        padding: 25px 30px;
        background-image: none
    }
    .event-box .content p .title {
        float: none;
        width: 100%;
        margin-top: 0
    }
    .event-box .content p .cont {
        float: none;
        width: 100%;
        margin-top: 15px
    }
    .event-box .content dl {
        padding: 0
    }
    .event-box .content .button-more {
        display: block;
        width: 100%;
        height: 50px;
        line-height: 48px
    }
    .event-top {
        position: relative;
        padding: 20px;
        font-size: 16px;
        color: #fff;
        background-color: #44465c
    }
    .event-top .btn-all-event {
        display: block;
        text-align: right;
        width: auto;
        height: auto;
        position: static;
        top: inherit;
        right: inherit;
        background: 0;
        padding: 0
    }
}

.event-sns-wrap {
    padding: 50px 40px 70px 40px;
    background-color: #fbd9c0
}

.btn-share-button {
    position: relative;
    margin-top: 40px;
    text-align: center
}

.btn-share-button .btn {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    background: 0;
    padding: 0
}

.btn-share-button .share-sns-area {
    display: none;
    width: 100%;
    width: 100%;
    position: absolute;
    top: 77px;
    left: 0;
    text-align: center
}

.btn-share-button .share-sns-area.on {
    display: block
}

.btn-share-button .share-sns-area .button-area {
    position: relative;
    display: inline-block;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 1px 3px 6px #f0efed;
    background-color: #fff
}

.btn-share-button .share-sns-area .button-area:before {
    content: '';
    position: absolute;
    top: -11px;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-top: 0 solid #fff;
    border-bottom: 11px solid #fff;
    border-right: 11px solid transparent;
    border-left: 11px solid transparent
}

.btn-share-button .share-sns-area .button-area button {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    font-size: 0;
    padding: 0;
    margin: 5px
}

.btn-share-button .share-sns-area .button-area button.sns-kakao {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Srirag%2Svpb-faf-xnxnb.cat') no-repeat 0
}

.btn-share-button .share-sns-area .button-area button.sns-facebook {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Srirag%2Svpb-faf-snprobbx.cat') no-repeat 0
}

.btn-share-button .share-sns-area .button-area button.sns-twitter {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Srirag%2Svpb-faf-gjvggre.cat') no-repeat 0
}

.btn-share-button .share-sns-area .button-area button.sns-naverblog {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Srirag%2Svpb-faf-anireoybt.cat') no-repeat 0
}

.btn-share-button .share-sns-area .button-area button.sns-line {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Srirag%2Svpb-faf-yvar.cat') no-repeat 0
}

.btn-share-button .share-sns-area .button-area button.sns-url {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Srirag%2Svpb-faf-hey.cat') no-repeat 0
}

.sns-share-content ul>li {
    overflow: hidden;
    margin-top: 5px
}

.sns-share-content ul>li:first-child {
    margin-top: 0
}

.sns-share-content ul>li .title {
    display: inline-block;
    float: left;
    width: 130px;
    height: 38px;
    line-height: 38px;
    font-size: 21px;
    color: #6f3f2b;
    text-align: center;
    font-weight: bold;
    border-radius: 20px;
    background-color: #e4c0a8
}

.sns-share-content ul>li .cont {
    display: inline-block;
    float: left;
    width: calc(100% - 150px);
    font-size: 21px;
    color: #6f3f2b;
    margin-left: 20px;
    padding-top: 5px
}

.sns-share-content ul>li .step li {
    position: relative;
    min-height: 36px;
    padding: 3px 0 0 50px;
    margin-top: 15px
}

.sns-share-content ul>li .step li:first-child {
    margin-top: 0
}

.sns-share-content ul>li .step li .num {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    font-size: 21px;
    color: #6f3f2b;
    text-align: center;
    border: 3px solid #e4c0a8
}

.share-url-wrap {
    overflow: hidden;
    margin-top: 70px;
    border-radius: 8px
}

.share-url-wrap .txt {
    padding: 15px 30px;
    font-size: 24px;
    line-height: 53px;
    color: #3a3a4a;
    background-color: #faf9f7
}

.share-url-wrap .txt a {
    float: right;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.url-content {
    padding: 0 30px 40px 30px;
    background-color: #fff
}

.url-content ul li {
    padding: 10px 0;
    border-bottom: 1px dashed #e1e3e6
}

.url-content ul li span {
    display: block;
    font-size: 15px;
    color: #6c6d73;
    line-height: 24px;
    word-break: break-all
}

.url-content ul li span.date {
    color: #3a3a4a
}

.url-content .pagination {
    margin-bottom: 0
}

@media only screen and (max-width:700px) {
    .event-sns-wrap {
        padding: 30px 20px 40px 20px
    }
    .sns-share-content ul>li {
        margin-top: 15px
    }
    .sns-share-content ul>li .title {
        display: inline-block;
        float: none
    }
    .sns-share-content ul>li .cont {
        display: block;
        float: none;
        width: 100%;
        font-size: 18px;
        margin-left: 10px;
        padding-top: 10px
    }
    .sns-share-content ul>li .step li {
        padding-left: 40px
    }
    .sns-share-content ul>li .step li .num {
        width: 30px;
        height: 30px;
        border-radius: 15px;
        font-size: 18px;
        color: #6f3f2b;
        text-align: center;
        border: 3px solid #e4c0a8
    }
    .share-url-wrap .txt {
        text-align: right;
        line-height: 1.3
    }
    .share-url-wrap .txt span {
        display: block;
        text-align: left
    }
    .share-url-wrap .txt a {
        float: none;
        margin-top: 10px
    }
}

.event-upload-result {
    overflow: hidden;
    border-radius: 10px;
    background-color: #fff
}

.event-upload-result .top-greet-area {
    width: 100%;
    min-height: 203px;
    padding: 30px;
    text-align: center;
    background: #fffafa url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Srirag%2Srirag-hcybnq-raq.cat') no-repeat top center
}

.event-upload-result .top-greet-area .title {
    display: block;
    font-size: 30px;
    color: #3a3a4a;
    padding-top: 70px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Srirag%2Svpb-hcybnq-erfhyg.cat') no-repeat center top
}

.event-upload-result .top-greet-area .txt {
    display: block;
    font-size: 16px;
    color: #d7021b;
    margin-top: 5px
}

.event-upload-result .form-write-area {
    padding: 30px
}

.event-upload-result .form-write-area .block {
    overflow: hidden;
    margin-top: 30px
}

.event-upload-result .form-write-area .block .half-box {
    float: right;
    width: calc(50% - 10px)
}

.event-upload-result .form-write-area .block .half-box:first-child {
    float: left
}

.event-upload-result .form-write-area .block:first-child {
    margin-top: 0
}

.event-upload-result .form-write-area .block .title {
    font-size: 16px;
    color: #3a3a4a;
    font-weight: bold;
    margin-bottom: 15px
}

.event-upload-result .form-write-area .block input[type=text] {
    width: 100%;
    height: 40px;
    padding: 0 15px;
    color: #3a3a4a;
    font-size: 15px;
    border-radius: 5px;
    border: 1px solid #ffd7d2;
    background-color: #fff2f2
}

.event-upload-result .form-write-area .block .agree-area {
    overflow: hidden
}

@media only screen and (max-width:700px) {
    .event-upload-result .form-write-area .block .half-box {
        float: none;
        width: 100%
    }
    .event-upload-result .form-write-area .block .half-box:first-child {
        margin-bottom: 30px
    }
    .event-upload-result .top-greet-area {
        min-height: auto;
        background-image: none;
        background-color: #fffafa
    }
    .event-upload-result .top-greet-area .title {
        display: block;
        font-size: 30px;
        color: #3a3a4a
    }
    .event-upload-result .top-greet-area .txt {
        display: block;
        font-size: 16px;
        color: #d7021b;
        margin-top: 5px
    }
    .button-group.event .button {
        height: 63px;
        line-height: 63px;
        margin-left: 0 !important;
        margin-bottom: 10px !important;
        padding: 0 6px !important
    }
}

.event-check-wrap {
    padding: 23px 40px 70px 40px;
    background-color: #cbe9fc
}

.check-stamp-area {
    position: relative
}

.check-stamp-area .character-blue {
    position: absolute;
    bottom: 0;
    left: 20px;
    font-size: 0;
    line-height: 0
}

.check-stamp-area .character-pink {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 0;
    line-height: 0
}

.check-stamp-area .stamp-box {
    position: relative;
    margin: 0 60px;
    border-radius: 5px;
    background: #fff
}

.check-stamp-area .stamp-box:before {
    content: '';
    position: absolute;
    top: -23px;
    left: 0;
    width: 100%;
    height: 23px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Srirag%2Sot-fgnzc-nern.cat') no-repeat center top
}

.check-stamp-area .stamp-box ul {
    overflow: hidden
}

.check-stamp-area .stamp-box ul li {
    width: 25%;
    height: 170px;
    float: left;
    text-align: center;
    padding-top: 110px;
    line-height: 28px;
    font-size: 14px;
    color: #fff;
    border-bottom: 1px dashed #ddd;
    border-left: 1px dashed #ddd;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Srirag%2Sfgnzc-bss.cat') no-repeat center
}

.check-stamp-area .stamp-box ul li:nth-child(4n+1) {
    border-left: 0
}

.check-stamp-area .stamp-box ul li.on {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Srirag%2Sfgnzc-purpx.cat') no-repeat center
}

.check-stamp-area .stamp-box ul li.empty {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Srirag%2Sfgnzc-ot.cat') no-repeat center
}

.check-stamp-area .bottom-btn {
    position: relative;
    padding: 40px 0;
    text-align: center;
    margin: -1px 60px 0;
    background: #44465c
}

.check-stamp-area .bottom-btn button {
    background: 0;
    padding: 0;
    font-size: 0;
    line-height: 0
}

.check-event-content {
    overflow: hidden;
    background-color: #fff;
    border-radius: 10px;
    padding: 30px
}

.check-event-content ul>li {
    overflow: hidden;
    margin-top: 10px
}

.check-event-content ul>li:first-child {
    margin-top: 0
}

.check-event-content ul>li .title {
    display: inline-block;
    float: left;
    width: 111px;
    height: 30px;
    line-height: 0;
    font-size: 0
}

.check-event-content ul>li .cont {
    display: inline-block;
    float: left;
    width: calc(100% - 135px);
    margin-left: 20px;
    font-size: 17px;
    color: #44465c;
    line-height: 30px
}

@media only screen and (max-width:800px) {
    .event-check-wrap {
        padding: 23px 20px 40px 20px
    }
    .check-stamp-area .character-blue {
        display: none
    }
    .check-stamp-area .character-pink {
        display: none
    }
    .check-stamp-area .stamp-box {
        margin: 0
    }
    .check-stamp-area .stamp-box:before {
        background-size: auto 23px
    }
    .check-stamp-area .stamp-box ul li {
        width: 50%;
        line-height: 28px
    }
    .check-stamp-area .stamp-box ul li:nth-child(2n+1) {
        border-left: 0
    }
    .check-stamp-area .stamp-box ul li.on {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Srirag%2Sfgnzc-purpx.cat') no-repeat center
    }
    .check-stamp-area .stamp-box ul li.empty {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Srirag%2Sfgnzc-ot.cat') no-repeat center
    }
    .check-stamp-area .bottom-btn {
        padding: 20px 0;
        margin: -1px 0 0
    }
}

@media only screen and (max-width:700px) {
    .check-event-content {
        padding: 20px;
        border-radius: 0 0 10px 10px
    }
    .check-event-content ul>li {
        margin-top: 15px
    }
    .check-event-content ul>li .title {
        display: inline-block;
        float: none
    }
    .check-event-content ul>li .cont {
        display: block;
        float: none;
        width: 100%;
        font-size: 18px;
        margin-left: 0
    }
}

.page-link-box {
    overflow: hidden;
    overflow-x: auto
}

.page-link-box .box-inner {
    width: 900px;
    padding: 40px;
    border: 1px solid #e1e3e6;
    border-radius: 8px 50px 8px 8px
}

.page-link-box .title-area {
    overflow: hidden
}

.page-link-box .title-area span {
    display: inline-block;
    float: right;
    width: calc(50% - 30px);
    height: 52px;
    line-height: 52px;
    font-size: 19px;
    color: #fff;
    text-align: center;
    border-radius: 8px
}

.page-link-box .title-area span.navy {
    float: left;
    background-color: #44465b
}

.page-link-box .title-area span.red {
    background-color: #e8342f
}

.page-link-box .change-content {
    position: relative;
    margin-top: 40px
}

.page-link-box .change-content .block {
    position: relative;
    padding-left: 125px;
    margin-top: 30px
}

.page-link-box .change-content .block:first-child {
    margin-top: 0
}

.page-link-box .change-content .block .tit {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    width: 108px;
    height: 100%;
    min-height: 50px;
    border: 1px solid #e1e3e6;
    text-align: center;
    border-radius: 8px;
    background-color: #f6f6f6
}

.page-link-box .change-content .block .tit span {
    display: table-cell;
    vertical-align: middle;
    color: #3a3a4a;
    font-weight: 700
}

.page-link-box .change-content .block .link-table table td {
    height: 40px;
    padding: 10px 0;
    border-top: 1px solid #e1e3e6
}

.page-link-box .change-content .block .link-table table td.arr {
    border-top: 0;
    text-align: center
}

.page-link-box .change-content .block .link-table table td a {
    display: inline-block
}

.page-link-box .change-content .block .link-table table td a:hover {
    color: #d7021b;
    text-decoration: underline
}

#sndPlayer,
#infoPlayer {
    position: fixed;
    top: -9999px
}

.notice_popup {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Scbchc%2Sot_abgvpr_cbchc.cat") no-repeat top right;
    padding: 30px 40px;
    min-height: 340px
}

.notice_popup .title {
    font-size: 25px;
    font-weight: 700;
    color: #3a3a4a;
    line-height: 32px;
    margin-bottom: 20px;
    border-bottom: 2px solid #3a3a4a;
    padding-bottom: 20px
}

.notice_popup .title em {
    font-size: 15px;
    font-family: 'NotoKr';
    color: #fff;
    background: #f73c3c;
    min-width: 80px;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    border-radius: 14px;
    text-align: center;
    display: inline-block;
    margin-bottom: 20px
}

.notice_popup .title p {
    letter-spacing: -1px
}

.notice_popup .contents {
    font-size: 16px;
    color: #3a3a4a
}

.world-map-area {
    position: relative;
    overflow: hidden;
    overflow-x: auto;
    margin: 0;
    border: 1px solid #e1e3e6;
    border-radius: 8px;
    background-color: #fff
}

.world-map-area .box {
    width: 100%
}

.world-map-area .box .map {
    width: 840px;
    height: 510px;
    margin: 0 auto;
    position: relative
}

.world-map-area .box .map button {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0 10px;
    border-radius: 50px;
    color: #fff;
    font-size: 12px;
    background: #6c6d73;
    text-align: center;
    text-decoration: none;
    line-height: 22px;
    -webkit-box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.21);
    box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.21)
}

.world-map-area .box .map button:hover {
    background: var(--nhis-primary-60)
}

.world-map-area .box .map button.on {
    background: var(--nhis-primary-60)
}

.world-map-area .box.nationwide .map {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Sot_jounqn04300_znc.cat") no-repeat
}

.world-map-area .box.nationwide .map .btn01 {
    top: 8px;
    left: 80px
}

.world-map-area .box.nationwide .map .btn02 {
    top: 193px;
    left: 315px
}

.world-map-area .box.nationwide .map .btn03 {
    top: 121px;
    left: 238px
}

.world-map-area .box.nationwide .map .btn04 {
    top: 200px;
    left: 709px
}

.world-map-area .box.nationwide .map .btn05 {
    top: 90px;
    left: 120px
}

.world-map-area .box.nationwide .map .btn06 {
    top: 28px;
    left: 279px
}

.world-map-area .box.nationwide .map .btn07 {
    top: 277px;
    left: 358px
}

.world-map-area .box.nationwide .map .btn08 {
    top: 64px;
    left: 37px
}

.world-map-area .box.nationwide .map .btn09 {
    top: 168px;
    left: 421px
}

.world-map-area .box.nationwide .map .btn10 {
    top: 140px;
    left: 666px
}

.world-map-area .box.nationwide .map .btn11 {
    top: 117px;
    left: 1px
}

.world-map-area .box.nationwide .map .btn12 {
    top: 353px;
    left: 345px
}

.world-map-area .box.nationwide .map .btn13 {
    top: 236px;
    left: 63px
}

.world-map-area .box.nationwide .map .btn14 {
    top: 45px;
    left: 168px
}

.world-map-area .box.nationwide .map .btn99 {
    top: 135px;
    left: 302px
}

.world-find .box.area .map {
    display: none
}

.map-wrap .box-title {
    margin: 15px 0 30px;
    padding: 10px 20px;
    font-size: 21px;
    background: #f6f6f6;
    border: 1px solid #e1e3e6
}

.map-wrap .box-title p {
    display: inline-block
}

.map-wrap .box-title p a {
    font-size: 15px
}

@media only screen and (max-width:918px) {
    .world-map-area .box {
        width: 100%;
        float: none
    }
    .world-map-area .box.nationwide {
        margin-bottom: 50px
    }
}

@media only screen and (max-width:400px) {
    .world-map-area .box {
        width: 448px
    }
    .world-map-area .box.nationwide {
        border-right: 0
    }
    .world-map-area .box .map-wrap,
    .world-map-area .box .txt {
        width: 400px
    }
}

.ico-teeth-state {
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-style: normal
}

.ico-teeth-state.danger {
    width: 44px;
    height: 33px;
    padding: 12px 0 0;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svpba%2Svpb-grrgu-fgngr-qnatre.cat')
}

.ico-teeth-state.warn {
    width: 42px;
    height: 42px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svpba%2Svpb-grrgu-fgngr-jnea.cat');
    line-height: 42px
}

.ico-teeth-state.safety {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #80c437;
    line-height: 40px
}

.ico-dental-caries {
    display: inline-block;
    height: 38px;
    padding: 0 0 0 48px;
    font-size: 15px;
    line-height: 38px;
    font-style: normal
}

.ico-dental-caries.low {
    color: #1f8927;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svpba%2Svpb-qragny-pnevr-ybj.cat') no-repeat 0 0
}

.ico-dental-caries.usually {
    color: #f58813;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svpba%2Svpb-qragny-pnevr-hfhnyyl.cat') no-repeat 0 0
}

.ico-dental-caries.high {
    color: #ee0700;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svpba%2Svpb-qragny-pnevr-uvtu.cat') no-repeat 0 0
}

.oral-examination .standard-data {
    text-align: center
}

.oral-examination .standard-data .data-box {
    display: inline-block;
    float: none;
    font-size: 18px;
    margin: 0 0 0 50px
}

.oral-examination .standard-data.col-3 .data-box {
    width: auto
}

.oral-examination .standard-data.col-3 .data-box:first-child {
    width: auto;
    margin: 0
}

.oral-examination .standard-data.col-3 .data-box .title {
    min-width: auto
}

.oral-examination .standard-data .data-box .ico-dental-caries {
    font-size: 18px;
    font-weight: 700
}

.oral-examination .teeth-checkup {
    position: relative;
    padding: 25px 95px;
    margin: 30px 0 0;
    background-color: #d6dce6
}

.oral-examination .teeth-checkup .img-teeth {
    position: relative;
    width: 514px;
    height: 529px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Sot%2Sot-grrgu-nyy.cat') no-repeat 0 0
}

.oral-examination .teeth-checkup .teeth-condition {
    position: absolute;
    top: 7px;
    right: 7px;
    min-width: 160px;
    padding: 12px 9px;
    border: 1px solid #fff
}

.oral-examination .teeth-checkup .teeth-condition li {
    margin: 19px 0 0;
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.oral-examination .teeth-checkup .teeth-condition li:first-child {
    margin: 0
}

.oral-examination .teeth-checkup .teeth-condition li .ico-teeth {
    margin: 0 8px 0 0
}

.oral-examination .teeth-checkup .teeth-list {
    color: #333;
    font-size: 13px;
    font-weight: bold;
    font-family: 'Myriad pro'
}

.oral-examination .teeth-checkup .teeth-list li {
    position: absolute;
    width: 25px;
    height: 24px;
    line-height: 24px;
    text-align: center
}

.oral-examination .teeth-checkup .teeth-list li.milk {
    background-color: #f99f3d;
    border-radius: 50%
}

.oral-examination .teeth-checkup .teeth-list li .ico-teeth {
    position: absolute;
    width: 31px;
    height: 31px;
    background-position: 50% 50% !important
}

.oral-examination .teeth-checkup .teeth-list .teeth-11 {
    top: -2px;
    left: 220px
}

.oral-examination .teeth-checkup .teeth-list .teeth-12 {
    top: 4px;
    left: 170px
}

.oral-examination .teeth-checkup .teeth-list .teeth-13 {
    top: 18px;
    left: 122px
}

.oral-examination .teeth-checkup .teeth-list .teeth-14 {
    top: 45px;
    left: 75px
}

.oral-examination .teeth-checkup .teeth-list .teeth-15 {
    top: 80px;
    left: 34px
}

.oral-examination .teeth-checkup .teeth-list .teeth-16 {
    top: 125px;
    left: 8px
}

.oral-examination .teeth-checkup .teeth-list .teeth-17 {
    top: 182px;
    left: 0
}

.oral-examination .teeth-checkup .teeth-list .teeth-21 {
    top: -2px;
    right: 220px
}

.oral-examination .teeth-checkup .teeth-list .teeth-22 {
    top: 4px;
    right: 168px
}

.oral-examination .teeth-checkup .teeth-list .teeth-23 {
    top: 25px;
    right: 115px
}

.oral-examination .teeth-checkup .teeth-list .teeth-24 {
    top: 51px;
    right: 70px
}

.oral-examination .teeth-checkup .teeth-list .teeth-25 {
    top: 88px;
    right: 30px
}

.oral-examination .teeth-checkup .teeth-list .teeth-26 {
    top: 137px;
    right: 4px
}

.oral-examination .teeth-checkup .teeth-list .teeth-27 {
    top: 182px;
    right: 0
}

.oral-examination .teeth-checkup .teeth-list .teeth-31 {
    top: 505px;
    right: 222px
}

.oral-examination .teeth-checkup .teeth-list .teeth-32 {
    top: 497px;
    right: 170px
}

.oral-examination .teeth-checkup .teeth-list .teeth-33 {
    top: 480px;
    right: 124px
}

.oral-examination .teeth-checkup .teeth-list .teeth-34 {
    top: 458px;
    right: 82px
}

.oral-examination .teeth-checkup .teeth-list .teeth-35 {
    top: 424px;
    right: 40px
}

.oral-examination .teeth-checkup .teeth-list .teeth-36 {
    top: 380px;
    right: 13px
}

.oral-examination .teeth-checkup .teeth-list .teeth-37 {
    top: 330px;
    right: 7px
}

.oral-examination .teeth-checkup .teeth-list .teeth-41 {
    top: 506px;
    left: 220px
}

.oral-examination .teeth-checkup .teeth-list .teeth-42 {
    top: 498px;
    left: 169px
}

.oral-examination .teeth-checkup .teeth-list .teeth-43 {
    top: 480px;
    left: 122px
}

.oral-examination .teeth-checkup .teeth-list .teeth-44 {
    top: 460px;
    left: 80px
}

.oral-examination .teeth-checkup .teeth-list .teeth-45 {
    top: 422px;
    left: 37px
}

.oral-examination .teeth-checkup .teeth-list .teeth-46 {
    top: 377px;
    left: 14px
}

.oral-examination .teeth-checkup .teeth-list .teeth-47 {
    top: 330px;
    left: 9px
}

.oral-examination .teeth-checkup .teeth-list .teeth-11 .ico-teeth {
    top: 32px;
    left: 0
}

.oral-examination .teeth-checkup .teeth-list .teeth-12 .ico-teeth {
    top: 32px;
    left: 5px
}

.oral-examination .teeth-checkup .teeth-list .teeth-13 .ico-teeth {
    top: 32px;
    left: 7px
}

.oral-examination .teeth-checkup .teeth-list .teeth-14 .ico-teeth {
    top: 27px;
    left: 15px
}

.oral-examination .teeth-checkup .teeth-list .teeth-15 .ico-teeth {
    top: 19px;
    left: 26px
}

.oral-examination .teeth-checkup .teeth-list .teeth-16 .ico-teeth {
    top: 12px;
    left: 34px
}

.oral-examination .teeth-checkup .teeth-list .teeth-17 .ico-teeth {
    top: -4px;
    left: 33px
}

.oral-examination .teeth-checkup .teeth-list .teeth-21 .ico-teeth {
    top: 32px;
    right: 2px
}

.oral-examination .teeth-checkup .teeth-list .teeth-22 .ico-teeth {
    top: 33px;
    right: 10px
}

.oral-examination .teeth-checkup .teeth-list .teeth-23 .ico-teeth {
    top: 27px;
    right: 20px
}

.oral-examination .teeth-checkup .teeth-list .teeth-24 .ico-teeth {
    top: 21px;
    right: 22px
}

.oral-examination .teeth-checkup .teeth-list .teeth-25 .ico-teeth {
    top: 11px;
    right: 32px
}

.oral-examination .teeth-checkup .teeth-list .teeth-26 .ico-teeth {
    top: 0;
    right: 43px
}

.oral-examination .teeth-checkup .teeth-list .teeth-27 .ico-teeth {
    top: -4px;
    right: 35px
}

.oral-examination .teeth-checkup .teeth-list .teeth-31 .ico-teeth {
    top: -36px;
    right: 2px
}

.oral-examination .teeth-checkup .teeth-list .teeth-32 .ico-teeth {
    top: -32px;
    right: 10px
}

.oral-examination .teeth-checkup .teeth-list .teeth-33 .ico-teeth {
    top: -30px;
    right: 16px
}

.oral-examination .teeth-checkup .teeth-list .teeth-34 .ico-teeth {
    top: -28px;
    right: 17px
}

.oral-examination .teeth-checkup .teeth-list .teeth-35 .ico-teeth {
    top: -22px;
    right: 27px
}

.oral-examination .teeth-checkup .teeth-list .teeth-36 .ico-teeth {
    top: -12px;
    right: 40px
}

.oral-examination .teeth-checkup .teeth-list .teeth-37 .ico-teeth {
    top: -2px;
    right: 37px
}

.oral-examination .teeth-checkup .teeth-list .teeth-41 .ico-teeth {
    top: -38px;
    left: -1px
}

.oral-examination .teeth-checkup .teeth-list .teeth-42 .ico-teeth {
    top: -36px;
    left: 9px
}

.oral-examination .teeth-checkup .teeth-list .teeth-43 .ico-teeth {
    top: -30px;
    left: 15px
}

.oral-examination .teeth-checkup .teeth-list .teeth-44 .ico-teeth {
    top: -30px;
    left: 20px
}

.oral-examination .teeth-checkup .teeth-list .teeth-45 .ico-teeth {
    top: -20px;
    left: 32px
}

.oral-examination .teeth-checkup .teeth-list .teeth-46 .ico-teeth {
    top: -10px;
    left: 38px
}

.oral-examination .teeth-checkup .teeth-list .teeth-47 .ico-teeth {
    top: -2px;
    left: 32px
}

.oral-examination .teeth-condition-list {
    margin: 40px 0 0
}

.oral-examination .teeth-condition-list ul li {
    position: relative;
    padding: 10px 10px 10px 160px;
    border-bottom: 1px solid #ccc
}

.oral-examination .teeth-condition-list ul li .tit {
    position: absolute;
    top: 50%;
    left: 0;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.oral-examination .teeth-condition-list ul li .tit .ico-teeth {
    margin: 0 7px 0 0
}

.oral-examination .teeth-condition-list ul li .cont dl {
    overflow: hidden;
    margin: 0 0 8px;
    line-height: 30px
}

.oral-examination .teeth-condition-list ul li .cont dl dt {
    float: left;
    padding: 0 20px;
    color: #000;
    font-weight: 700;
    background-color: #fff2f2
}

.oral-examination .teeth-condition-list ul li .cont dl dd {
    float: left;
    min-width: 120px;
    padding: 0 20px;
    color: #6c6d73;
    background-color: #f6f6f6
}

.oral-examination .teeth-condition-list ul li .cont .txt01 {
    color: #6c6d73
}

.oral-examination .teeth-condition-list ul li .cont .txt02 {
    padding: 4px 0;
    color: #333
}

.ico-teeth {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.ico-teeth.cure {
    width: 16px;
    height: 16px;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svpba%2Svpb-grrgu-pher.cat')
}

.ico-teeth.cavity {
    width: 16px;
    height: 16px;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svpba%2Svpb-grrgu-pnivgl.cat')
}

.ico-teeth.charge {
    width: 16px;
    height: 16px;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svpba%2Svpb-grrgu-punetr.cat')
}

.ico-teeth.observe {
    width: 16px;
    height: 16px;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svpba%2Svpb-grrgu-bofreir.cat')
}

.ico-teeth.milk {
    width: 16px;
    height: 16px;
    background: #f99e3d;
    border-radius: 50%
}

.ico-teeth.permanent {
    width: 17px;
    height: 13px;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svpba%2Svpb-grrgu-creznarag.cat')
}

.ico-teeth.defect {
    width: 18px;
    height: 18px;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svpba%2Svpb-grrgu-qrsrpg.cat')
}

.oral-examination .standard-data {
    text-align: center
}

.oral-examination .standard-data .data-box {
    display: inline-block;
    float: none;
    font-size: 18px;
    margin: 0 0 0 50px
}

.oral-examination .standard-data.col-3 .data-box {
    width: auto
}

.oral-examination .standard-data.col-3 .data-box:first-child {
    width: auto;
    margin: 0
}

.oral-examination .standard-data.col-3 .data-box .title {
    min-width: auto
}

@media only screen and (max-width:1337px) {
    .oral-examination .standard-data .data-box {
        margin: 0 0 0 90px
    }
}

@media only screen and (max-width:800px) {
    .oral-examination .standard-data {
        text-align: left
    }
    .oral-examination .standard-data .data-box {
        font-size: 16px;
        margin: 0
    }
    .oral-examination .standard-data.col-3 .data-box {
        width: 100%
    }
    .oral-examination .standard-data .data-box .ico-dental-caries {
        font-size: 16px
    }
    .oral-examination .teeth-checkup {
        overflow-x: scroll;
        padding: 20px;
        margin: 20px 0 0
    }
    .oral-examination .teeth-checkup .img-teeth {
        margin: 0 auto
    }
    .oral-examination .teeth-checkup .teeth-condition {
        display: none
    }
    .oral-examination .teeth-condition-list {
        margin: 30px 0 0
    }
    .oral-examination .teeth-condition-list ul li {
        padding: 10px
    }
    .oral-examination .teeth-condition-list ul li .tit {
        position: static;
        margin: 0 0 10px;
        font-size: 16px;
        transform: translateY(-0);
        -webkit-transform: translateY(-0);
        -moz-transform: translateY(-0);
        -o-transform: translateY(-0);
        -ms-transform: translateY(-0)
    }
    .oral-examination .teeth-condition-list ul li .cont dl {
        overflow: hidden;
        margin: 0 0 8px;
        line-height: 30px
    }
    .oral-examination .teeth-condition-list ul li .cont dl dt {
        width: 60px;
        padding: 0 10px
    }
    .oral-examination .teeth-condition-list ul li .cont dl dd {
        width: calc(50% - 60px);
        min-width: auto;
        padding: 0 20px
    }
    .oral-examination .teeth-condition-list ul li .cont .txt02 {
        padding: 0
    }
}

@media only screen and (max-width:520px) {
    .oral-examination .teeth-checkup {
        overflow: hidden;
        padding: 25px 0
    }
    .oral-examination .teeth-checkup .img-teeth {
        width: 304px;
        height: 370px;
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Sot%2Sot-grrgu-nyy-z.cat') no-repeat 0 0
    }
    .oral-examination .teeth-checkup .teeth-list {
        font-size: 12px
    }
    .oral-examination .teeth-checkup .teeth-list li {
        width: 20px;
        height: 20px;
        line-height: 20px
    }
    .oral-examination .teeth-checkup .teeth-list li .ico-teeth {
        width: 18px;
        height: 17px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-11 {
        top: -7px;
        left: 128px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-12 {
        top: 2px;
        left: 97px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-13 {
        top: 12px;
        left: 66px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-14 {
        top: 32px;
        left: 40px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-15 {
        top: 56px;
        left: 15px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-16 {
        top: 86px;
        left: 0
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-17 {
        top: 121px;
        left: -3px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-21 {
        top: -7px;
        right: 126px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-22 {
        top: 2px;
        right: 96px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-23 {
        top: 12px;
        right: 67px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-24 {
        top: 31px;
        right: 40px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-25 {
        top: 57px;
        right: 15px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-26 {
        top: 87px;
        right: -2px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-27 {
        top: 120px;
        right: -4px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-31 {
        top: 356px;
        right: 125px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-32 {
        top: 350px;
        right: 98px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-33 {
        top: 340px;
        right: 69px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-34 {
        top: 324px;
        right: 40px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-35 {
        top: 300px;
        right: 17px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-36 {
        top: 272px;
        right: 2px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-37 {
        top: 239px;
        right: -4px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-41 {
        top: 356px;
        left: 127px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-42 {
        top: 351px;
        left: 97px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-43 {
        top: 340px;
        left: 68px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-44 {
        top: 324px;
        left: 39px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-45 {
        top: 301px;
        left: 19px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-46 {
        top: 272px;
        left: 3px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-47 {
        top: 237px;
        left: -2px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-11 .ico-teeth {
        top: 28px;
        left: 2px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-12 .ico-teeth {
        top: 23px;
        left: 7px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-13 .ico-teeth {
        top: 23px;
        left: 12px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-14 .ico-teeth {
        top: 16px;
        left: 15px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-15 .ico-teeth {
        top: 13px;
        left: 21px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-16 .ico-teeth {
        top: 9px;
        left: 27px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-17 .ico-teeth {
        top: 2px;
        left: 24px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-21 .ico-teeth {
        top: 28px;
        right: 4px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-22 .ico-teeth {
        top: 24px;
        right: 8px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-23 .ico-teeth {
        top: 23px;
        right: 11px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-24 .ico-teeth {
        top: 17px;
        right: 14px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-25 .ico-teeth {
        top: 11px;
        right: 22px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-26 .ico-teeth {
        top: 7px;
        right: 30px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-27 .ico-teeth {
        top: 3px;
        right: 23px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-31 .ico-teeth {
        top: -20px;
        right: 6px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-32 .ico-teeth {
        top: -18px;
        right: 7px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-33 .ico-teeth {
        top: -17px;
        right: 10px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-34 .ico-teeth {
        top: -14px;
        right: 14px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-35 .ico-teeth {
        top: -9px;
        right: 20px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-36 .ico-teeth {
        top: -6px;
        right: 25px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-37 .ico-teeth {
        top: 0;
        right: 25px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-41 .ico-teeth {
        top: -19px;
        left: 4px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-42 .ico-teeth {
        top: -19px;
        left: 9px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-43 .ico-teeth {
        top: -16px;
        left: 11px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-44 .ico-teeth {
        top: -14px;
        left: 16px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-45 .ico-teeth {
        top: -10px;
        left: 18px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-46 .ico-teeth {
        top: -5px;
        left: 24px
    }
    .oral-examination .teeth-checkup .teeth-list .teeth-47 .ico-teeth {
        top: 3px;
        left: 23px
    }
}

.accordian.icon_add>li>a {
    padding-right: 60px
}

.icon_tb {
    display: table;
    width: 100%;
    table-layout: fixed
}

.icon_tb>span {
    display: table-cell;
    vertical-align: middle
}

.icon_tb>.dt {
    padding-right: 40px
}

.icon_tb>.dd {
    width: 110px
}

.icon_tb>.dd>img {
    width: 30px;
    margin: 1px
}

@media only screen and (max-width:767px) {
    .accordian.icon_add>li>a {
        padding-right: 40px
    }
    .icon_tb>span {
        display: block
    }
    .icon_tb>.dt {
        width: 100%;
        padding-right: 0
    }
    .icon_tb>.dd {
        width: 100%;
        margin-top: 4px
    }
    .icon_tb>.dd>img {
        width: 24px
    }
}

div.productBox1 {
    display: block
}

div.productBox1 div.container_1 {
    margin: 10px auto;
    width: 826px;
    height: 125px;
    position: relative;
    margin-top: 20px;
    margin-bottom: 63px;
    display: block
}

div.productBox1 div.container_1 span.left {
    position: absolute;
    top: 56px;
    left: 0
}

div.productBox1 div.container_1 span.right {
    position: absolute;
    top: 56px;
    right: 0
}

div.productBox1 div.container_1 .area {
    position: relative;
    margin-left: 50px;
    width: 726px;
    height: 125px;
    overflow: hidden
}

div.productBox1 div.container_1 .area ul {
    position: relative;
    width: 1500px;
    height: 125px;
    background-color: #fff
}

div.productBox1 div.container_1 .area ul li {
    float: left;
    margin: 0 5px;
    width: 195px;
    height: 125px;
    background-color: #fff;
    border: 1px solid #d8dadd;
    background: #f5f5f5;
    padding: 13px
}

div.productBox1 div.container_1 .area ul li p {
    height: 50px
}

div.productBox1 div.container_1 .area ul li span.num {
    font-size: 18px;
    display: inline-block;
    float: left;
    white-space: nowrap;
    font-weight: 600;
    padding: 2px 0;
    line-height: 1
}

div.productBox1 div.container_1 .area ul li span.r_tit {
    font-size: 11px;
    display: inline-block;
    float: right;
    white-space: nowrap;
    padding: 2px 10px;
    background: #ee0700;
    border-radius: 5px;
    color: #fff
}

div.productBox1 div.container_1 .area ul li span.pname {
    font-size: 16px;
    display: block;
    text-align: left;
    white-space: nowrap;
    padding: 0 5px;
    font-weight: 600
}

div.productBox1 div.container_1 .area ul li span.pprice {
    font-size: 13px;
    display: inline-block;
    text-align: left;
    width: 120px;
    color: #76a8eb;
    padding: 0 5px
}

div.productBox1 div.container_1 .area ul li span.more {
    display: inline-block;
    float: right;
    width: 30px;
    text-align: right;
    height: 20px;
    line-height: 1.2;
    padding: 0 5px
}

div.productBox1 div.container_1 .area ul li span.more a {
    font-size: 24px;
    color: #bababa
}

.Health_care {
    padding: 23px;
    height: 68px;
    border-radius: 5px;
    font-size: 16px
}

.Health_care.blp {
    background: #f16669;
    color: #fff
}

.Health_care.bls {
    background: #ea904e;
    color: #fff
}

.Health_care.Meal {
    background: #4cc771;
    color: #fff
}

.Health_care.exc {
    background: #658dd0;
    color: #fff
}

.Health_care.wei {
    background: #9385dd;
    color: #fff
}

.Health_care.walk {
    background: #f7a3a2;
    color: #fff
}

.Health_care.etc {
    background: #82bbc2;
    color: #fff
}

.Health_care .objective_tit {
    width: 160px;
    float: left
}

.Health_care .objective_con {
    float: right
}

.Health_care .objective_con li {
    width: 300px;
    text-align: center;
    line-height: 1.3;
    border-right: 1px solid #fff;
    float: left
}

.Health_care .objective_con li:last-child {
    border-right: 0
}

.Health_care .objective_con li>span {
    vertical-align: middle
}

.day_cho_btn input[type="checkbox"] {
    display: none
}

.day_cho_btn input[type="checkbox"].bd_bl+label {
    padding: 5px 20px;
    border: 1px solid #69727e;
    border-radius: 3px
}

.day_cho_btn input[type="checkbox"].bd_bl+label:hover {
    border: 1px solid #027fd7;
    color: #027fd7
}

.day_cho_btn input[type="checkbox"].bd_bl:checked+label {
    border: 1px solid #027fd7;
    color: #027fd7
}

.day_cho_btn input[type="checkbox"].bg_bl+label {
    padding: 5px 20px;
    border: 1px solid #333340;
    background: #333340;
    border-radius: 3px;
    color: #fff
}

.day_cho_btn input[type="checkbox"].bg_bl+label:hover {
    border: 1px solid #027fd7;
    background: #027fd7
}

.day_cho_btn input[type="checkbox"].bg_bl:checked+label {
    border: 1px solid #027fd7;
    background: #027fd7
}

.tit-area-colorBx {
    position: relative;
    padding: 15px 39px 15px 60px;
    color: #fff;
    background-color: #58606b
}

.tit-area-colorBx .position_img {
    position: absolute;
    width: 30px;
    top: 12px;
    left: 20px
}

.cont-area-colorBx {
    padding: 10px 14px;
    border: 1px solid #e1e3e6
}

.data_con_box {
    width: 100%
}

.data_con_box ul {
    display: table;
    width: 100%
}

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

.data_con_box ul.data_con_lineType01 li {
    width: 50%;
    display: table-cell;
    border-bottom: 1px solid #e1e3e6;
    line-height: 2.6;
    padding: 20px 30px;
    vertical-align: middle
}

.data_con_box ul.data_con_lineType01 li:first-child {
    border-right: 1px solid #e1e3e6
}

.data_con_box ul.data_con_lineType01 li .data_con_tit {
    display: inline-block;
    width: 40%;
    font-weight: 700
}

.data_con_box ul.data_con_lineType01 li .data_con_pitxt {
    display: inline-block;
    width: 60%;
    font-weight: 700;
    font-size: 24px;
    text-align: right
}

.data_con_box ul.data_con_lineType02 li {
    width: 50%;
    display: table-cell;
    border-bottom: 1px solid #e1e3e6;
    line-height: 18px;
    padding: 20px 30px;
    vertical-align: middle
}

.data_con_box ul.data_con_lineType02 li .data_con_tit {
    display: inline-block;
    width: 40%;
    font-weight: 700;
    line-height: 1.6
}

.data_con_box ul.data_con_lineType02 li .data_con_pitxt {
    display: inline-block;
    width: 60%;
    font-size: 15px;
    line-height: 1.6;
    text-align: right
}

.data_con_box ul.data_con_lineType02 li .data_con_pitxt strong {
    font-size: 18px;
    line-height: 1.8
}

.data_con_box ul.data_con_lineType02.no_bb li {
    border-bottom: 0
}

.pd_box {
    width: 100%;
    padding: 10px 20px
}

.text-al-rg {
    text-align: right !important
}

.tab-list.mg_b0 {
    margin-bottom: 0
}

.name_tit_bl {
    padding: 3px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px !important;
    font-size: 17px;
    font-weight: bold
}

.name_con_ti {
    display: inline-block;
    width: 35%;
    margin-right: 5px;
    font-weight: 600
}

.name_con {
    display: inline-block;
    width: 62%
}

.form-wrap.box-in-table.noP .tit {
    padding: 0
}

.my_health_re {
    width: 100%;
    height: auto;
    padding: 20px 10px;
    border: 1px solid #e1e3e6;
    border-radius: 10px
}

.health_rec {
    vertical-align: middle;
    line-height: 1.8;
    font-weight: 800;
    font-size: 16px;
    padding-left: 10px
}

.health_rec img {
    vertical-align: middle;
    margin-right: 5px
}

.my_health_re>ul {
    display: table;
    width: 100%;
    margin: 20px auto 0;
    padding: 10px 0
}

.my_health_re>ul li {
    display: table-cell;
    width: 33.3%;
    border-right: 1px solid #ddd;
    padding: 0 15px
}

.my_health_re>ul.type2 li {
    width: 25%;
    padding: 0 8px
}

.my_health_re>ul li:last-child {
    border-right: 0
}

.my_health_re>ul li>p {
    font-size: 16px;
    margin-bottom: 10px
}

.my_health_re .box_l {
    font-size: 15px;
    margin-bottom: 10px;
    float: left;
    display: inline-block
}

.my_health_re .box_l.lc {
    font-size: 15px;
    margin-bottom: 10px;
    width: 100%;
    display: inline-block
}

.my_health_re .box_l.type2 {
    width: 32%
}

.my_health_re .box_R {
    font-size: 15px;
    margin-bottom: 10px;
    float: right;
    display: inline-block;
    text-align: right
}

.my_health_re .gud_tx {
    font-size: 13px;
    color: #9a9a9a
}

.hide_tooltip {
    position: relative;
    cursor: pointer
}

.CellComment {
    display: none;
    width: 170px;
    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: rgb(255, 255, 255, .9);
    position: absolute;
    padding: 10px;
    font-size: 12px;
    line-height: 2;
    top: 60px;
    left: 0;
    text-align: left;
    z-index: 9;
    color: #777
}

.CellComment span {
    color: #333
}

.hide_tooltip:hover .CellComment {
    display: block
}

.bt_ip_type {
    display: inline-block;
    vertical-align: sub;
    margin-right: 30px
}

.range-slider-container {
    padding: 19px 0 5px;
    position: relative;
    max-width: 90%;
    margin: 13px auto 0
}

.range-slider-container .rs-value {
    position: absolute;
    top: -9px;
    min-width: 40px;
    background: #44465c;
    padding: 3px 5px;
    color: #fff;
    font-size: 10px;
    border-radius: 3px
}

.range-slider-container .rs-value:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(28, 33, 38, 0);
    border-top-color: #44465c;
    border-width: 6px;
    margin-left: -6px
}

.range-slider-container .min-max {
    position: absolute;
    top: 24px;
    display: block;
    width: 115%;
    color: #93989a;
    left: -6%;
    z-index: -5;
    font-size: 11px
}

.range-slider-container input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    margin: 8.5px 0;
    background: linear-gradient(to right, #d5d9da 0, #d5d9da 100%);
    transition: background 450ms ease-in;
    border-radius: 3px
}

.range-slider-container input[type=range]:focus {
    outline: 0
}

.range-slider-container input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
    border-radius: 0;
    border: 0 solid #fff
}

.range-slider-container input[type=range]::-webkit-slider-thumb {
    box-shadow: 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.5), 0 0 1.5px rgba(13, 13, 13, 0.5);
    border: 0 solid #000;
    height: 15px;
    width: 15px;
    border-radius: 25px;
    background: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -6px
}

.range-slider-container input[type=range]::-moz-range-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
    border-radius: 0;
    border: 0 solid #fff
}

.range-slider-container input[type=range]::-moz-range-thumb {
    box-shadow: 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.5), 0 0 1.5px rgba(13, 13, 13, 0.5);
    border: 0 solid #000;
    height: 15px;
    width: 15px;
    border-radius: 25px;
    background: #fff;
    cursor: pointer
}

.range-slider-container input[type=range]::-ms-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent
}

.range-slider-container input[type=range]::-ms-fill-lower {
    background: #cacfd0;
    border: 0 solid #fff;
    border-radius: 0;
    box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d
}

.range-slider-container input[type=range]::-ms-fill-upper {
    border: 0 solid #fff;
    border-radius: 0;
    box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d
}

.range-slider-container input[type=range]::-ms-thumb {
    box-shadow: 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.5), 0 0 1.5px rgba(13, 13, 13, 0.5);
    border: 0 solid #000;
    height: 15px;
    width: 15px;
    border-radius: 25px;
    background: #fff;
    cursor: pointer;
    height: 8px
}

.menu-site-map>ul>li.top_list {
    width: 46%;
    height: 240px;
    display: inline-block;
    margin-right: 3%;
    vertical-align: top;
    border-radius: 8px 8px 8px 8px
}

.menu-site-map>ul>li.top_list:nth-child(2) {
    width: 50%;
    display: inline-block;
    margin-right: 0;
    margin-top: 0;
    border-radius: 8px 50px 8px 8px
}

.menu-site-map>ul>li.top_list.bg_g {
    background: #f8f8f8;
    padding: 30px 30px 30px 80px;
    float: right
}

.menu-site-map>ul>li.top_list ul {
    width: 100%;
    margin-top: 20px
}

.menu-site-map>ul>li.top_list ul li {
    width: 100%
}

.menu-site-map>ul>li.top_list.bg_g .w_100 {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #ccc
}

.menu-site-map>ul>li.top_list.bg_g .w_100 li:nth-child(1) {
    font-size: 19px;
    color: #333;
    font-weight: 600
}

.menu-site-map>ul>li.site-16 {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-16.cat') no-repeat 70px 35px
}

.menu-site-map>ul>li.site-17 {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-17.cat') no-repeat 70px 35px
}

.menu-site-map>ul>li.site-18 {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-18.cat') no-repeat 70px 35px
}

.menu-site-map>ul>li.site-19 {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-19.cat') no-repeat 70px 35px
}

.menu-site-map>ul>li.site-20 {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-20.cat') no-repeat 70px 35px
}

.menu-site-map>ul>li.site-21 {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-21.cat') no-repeat 70px 35px
}

.menu-site-map>ul>li.site-22 {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-22.cat') no-repeat 70px 35px
}

.menu-site-map>ul>li.site-23 {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-23.cat') no-repeat 70px 35px
}

.menu-site-map>ul>li.site-24 {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-12.cat') no-repeat 70px 35px
}

@media only screen and (max-width:991px) {
    .menu-site-map>ul>li {
        padding: 30px 30px 30px 220px
    }
    .menu-site-map>ul>li.site-16 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-16.cat') no-repeat 70px 35px
    }
    .menu-site-map>ul>li.site-17 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-17.cat') no-repeat 70px 35px
    }
    .menu-site-map>ul>li.site-18 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-18.cat') no-repeat 70px 35px
    }
    .menu-site-map>ul>li.site-19 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-19.cat') no-repeat 70px 35px
    }
    .menu-site-map>ul>li.site-20 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-20.cat') no-repeat 70px 35px
    }
    .menu-site-map>ul>li.site-21 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-21.cat') no-repeat 70px 35px
    }
    .menu-site-map>ul>li.site-22 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-22.cat') no-repeat 70px 35px
    }
    .menu-site-map>ul>li.site-23 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-23.cat') no-repeat 70px 35px
    }
    .menu-site-map>ul>li.site-24 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-12.cat') no-repeat 70px 35px
    }
    .menu-site-map>ul>li.top_list.bg_g {
        padding: 25px 25px 25px 25px
    }
}

@media only screen and (max-width:767px) {
    .menu-site-map>ul>li strong {
        font-size: 18px
    }
    .menu-site-map>ul>li {
        padding: 25px 25px 25px 60px;
        background-size: 30px !important
    }
    .menu-site-map>ul>li.site-16 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-16.cat') no-repeat 20px 20px
    }
    .menu-site-map>ul>li.site-17 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-17.cat') no-repeat 20px 20px
    }
    .menu-site-map>ul>li.site-18 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-18.cat') no-repeat 20px 20px
    }
    .menu-site-map>ul>li.site-19 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-19.cat') no-repeat 20px 20px
    }
    .menu-site-map>ul>li.site-20 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-20.cat') no-repeat 20px 20px
    }
    .menu-site-map>ul>li.site-21 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-21.cat') no-repeat 20px 20px
    }
    .menu-site-map>ul>li.site-22 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-22.cat') no-repeat 20px 20px
    }
    .menu-site-map>ul>li.site-23 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-23.cat') no-repeat 20px 20px
    }
    .menu-site-map>ul>li.site-24 {
        background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svpb-zvajba-yvax-12.cat') no-repeat 20px 20px
    }
    .menu-site-map>ul>li .list-text.col-2 li {
        width: 100% !important
    }
    .gray-banner .link {
        width: 100%;
        margin: 10px 0 0 0
    }
    .gray-banner .link:first-child {
        margin: 0
    }
}

.my_health_topBx {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px
}

.my_health_topBx .my_health_top_noBd {
    width: 30%;
    padding: 30px;
    font-size: 25px;
    font-weight: 700;
    color: #000;
    display: table
}

.my_health_topBx .my_health_top_noBd .my_health_top_name {
    display: table-cell;
    vertical-align: middle
}

.my_health_topBx .my_health_top_Bd {
    width: 30%;
    border: 1px solid #cfcfcf;
    padding: 20px 30px;
    border-radius: 10px
}

.my_health_topBx .my_health_top_Bd .my_health_top_Bd_tit {
    font-size: 17px;
    font-weight: 600
}

.my_health_topBx .my_health_top_Bd .my_health_top_age {
    font-size: 35px;
    font-weight: 600;
    color: #d7021b;
    text-align: center;
    margin: 3px auto
}

.my_health_topBx .my_health_top_Bd .my_health_top_age02 {
    font-size: 14px;
    color: #afafaf;
    text-align: center
}

.my_health_topBx .my_health_top_Bd .my_health_top_checkup {
    font-size: 16px;
    font-weight: 600;
    color: #111;
    background: #e5f9fc;
    padding: 7px 5px;
    text-align: center;
    margin: 10px auto
}

.my_health_topBx .my_health_top_Bd .my_health_top_checkup02 {
    font-size: 14px;
    font-weight: 600;
    color: #666;
    text-align: center;
    margin: 10px auto
}

.my_health_more_btn {
    position: relative;
    display: block;
    padding-right: 25px
}

.my_health_more_btn:after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Sneebj-ybpngvba.cat") 50% 30% no-repeat;
    position: absolute;
    top: 0;
    right: 0
}

.my_health_lief_log {
    width: 100%
}

.my_health_lief_log ul {
    display: block;
    width: 100%
}

.my_health_lief_log li {
    display: inline-block;
    width: 23.1%;
    margin-right: 1%;
    padding: 18px;
    box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
    margin-bottom: 20px;
    border-radius: 10px
}

.my_health_lief_log li:nth-child(4) {
    margin-right: 0
}

.my_health_lief_log li:nth-child(8) {
    margin-right: 0
}

.my_health_lief_log li .my_health_lief_log_tit {
    height: 40px;
    line-height: 40px;
    text-align: right;
    font-size: 19px;
    font-weight: 600;
    color: #162b80;
    background-size: 30px
}

.my_health_lief_log li .my_health_lief_log_tit.my_health_titBg01 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svzt-urnygu-cerffher.cat") 0 50% no-repeat
}

.my_health_lief_log li .my_health_lief_log_tit.my_health_titBg02 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svzt-urnygu-fhtne.cat") 0 50% no-repeat
}

.my_health_lief_log li .my_health_lief_log_tit.my_health_titBg03 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svzt-urnygu-rng.cat") 0 50% no-repeat
}

.my_health_lief_log li .my_health_lief_log_tit.my_health_titBg04 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svzt-urnygu-rkrepvfr.cat") 0 50% no-repeat
}

.my_health_lief_log li .my_health_lief_log_tit.my_health_titBg05 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svzt-urnygu-jrvtug.cat") 0 50% no-repeat
}

.my_health_lief_log li .my_health_lief_log_tit.my_health_titBg06 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svzt-urnygu-Jnyxvat.cat") 0 50% no-repeat
}

.my_health_lief_log li .my_health_lief_log_tit.my_health_titBg07 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svzt-urnygu-cyhf.cat") 0 50% no-repeat
}

.my_health_lief_log li .my_health_lief_log_tit.my_health_titBg08 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Svzt-urnygu-cyhf.cat") 0 50% no-repeat
}

.my_health_lief_log li .my_health_lief_log_con {
    font-size: 18px;
    font-weight: 600;
    color: #162b80
}

.my_health_lief_log li .my_health_lief_log_guide_txt {
    font-size: 11px;
    color: #a2a2a2
}

.my_health_box_wrap {
    width: 48%;
    margin-right: 3%;
    display: inline-block
}

.my_health_box_wrap+.my_health_box_wrap {
    margin-right: 0
}

.my_health_box_wrap .my_health_box_type02 {
    box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
    border-radius: 10px;
    padding: 30px 20px 30px 100px;
    font-size: 19px;
    font-weight: 600;
    color: #333;
    cursor: pointer
}

.my_health_box_wrap .my_health_box_type02.bg_img01 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Szl_urnygu_obk_ot01.cat") 30px 50% no-repeat
}

.my_health_box_wrap .my_health_box_type02.bg_img02 {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svpba%2Szl_urnygu_obk_ot02.cat") 30px 50% no-repeat
}

.my_health_box_wrap .my_health_box_type02 p {
    font-size: 14px;
    color: #a2a2a2
}

.flow-chart.width-col3p .row.col-3 {
    margin-left: -30px
}

.flow-chart.width-col3p .row.col-3 .col {
    width: 33.33333%;
    padding-left: 30px;
    margin-left: 0
}

.flow-chart.width-col3p .row.col-3 .col:after {
    right: -24px
}

@media only screen and (max-width:991px) {
    .flow-chart.width-col3p .row.col-3 {
        margin-left: 0
    }
    .flow-chart.width-col3p .row.col-3 .col {
        width: 100%;
        padding-left: 0
    }
}

.flow-chart-2.w-ty1 .row {
    padding-left: 150px
}

.flow-chart-2.w-ty1 .row .tit {
    width: 150px
}

@media only screen and (max-width:767px) {
    .flow-chart-2.w-ty1 .row {
        padding-left: 0
    }
    .flow-chart-2.w-ty1 .row .tit {
        width: 100%
    }
}

.table-rdbx2 {
    overflow: hidden;
    margin-left: -15px
}

.table-rdbx2 .br {
    display: block
}

.table-rdbx2>li {
    float: left;
    margin-bottom: 15px;
    padding-left: 15px
}

.table-rdbx2.ty2>li {
    width: 50%
}

.table-rdbx2>li>div {
    overflow: hidden;
    border: 1px solid #e1e3e6;
    border-radius: 8px
}

.table-rdbx2>li>div>.tit {
    display: block;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #e1e3e6;
    background: #f6f6f6
}

.table-rdbx2>li>div .tb-smbx {
    transform: translateY(50%)
}

.table-rdbx2 .tb-smbx {
    display: table;
    width: 100%
}

.table-rdbx2 .tb-smbx .tb-smbx-cell {
    display: table-cell;
    vertical-align: middle
}

.table-rdbx2 .tb-smbx .tb-smbx-cell:nth-child(1) {
    width: 45%
}

.table-rdbx2 .tb-smbx .tb-smbx-cell:nth-child(2) {
    width: 55%
}

.chart-navy-1 {
    display: inline-block;
    width: 75%
}

.chart-navy-1 .dt,
.chart-navy-1 .dd {
    display: block;
    padding: 5px;
    font-size: 14px
}

.chart-navy-1 .dt {
    border: 1px solid #44465c;
    background-color: #44465c;
    color: #fff;
    border-radius: 6px 6px 0 0;
    line-height: 18px
}

.chart-navy-1 .dd {
    border: 1px solid #e1e3e6;
    border-top: 0;
    color: #44465c;
    border-radius: 0 0 6px 6px
}

@media only screen and (max-width:991px) {
    .table-rdbx2 .br {
        display: inline
    }
    .table-rdbx2>li {
        float: none
    }
    .table-rdbx2.ty2>li {
        width: 100%
    }
    .table-rdbx2>li>div .tb-smbx {
        transform: none
    }
    .table-rdbx2 .tb-smbx {
        display: block
    }
    .table-rdbx2 .tb-smbx .tb-smbx-cell {
        display: block;
        width: 100% !important
    }
    .table-rdbx2 .tb-smbx .tb-smbx-cell+.tb-smbx-cell {
        margin-top: 15px
    }
    .chart-navy-1 {
        width: 100%
    }
}

.table-rdbx2>li>div.h1>.cnt {
    min-height: 262px
}

.table-rdbx2>li>div.h2>.cnt {
    min-height: 162px
}

@media only screen and (max-width:1180px) {
    .table-rdbx2>li>div.h1>.cnt {
        min-height: 304px
    }
    .table-rdbx2>li>div.h2>.cnt {
        min-height: 200px
    }
}

@media only screen and (max-width:991px) {
    .table-rdbx2>li>div.h1>.cnt {
        min-height: auto
    }
    .table-rdbx2>li>div.h2>.cnt {
        min-height: auto
    }
}

.strategy-map .step-line.col-6-tit .title {
    height: calc(100% - 10px);
    margin-top: 10px
}

.strategy-map .step-line.col-6-tit .content .border-box {
    display: table;
    float: left;
    width: calc(18% - 10px);
    height: 110px;
    text-align: center;
    padding: 20px 10px;
    margin-top: 10px
}

.strategy-map .step-line.col-6-tit .content .border-box p {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.strategy-map .step-line.col-6-tit .content .border-box span {
    display: block
}

.strategy-map .step-line.col-6-tit .content .border-box-tit {
    width: calc(10% - 10px);
    color: #fff !important
}

@media only screen and (max-width:991px) {
    .strategy-map .step-line.col-6-tit .title {
        margin-top: 0
    }
    .strategy-map .step-line.col-6-tit .content .border-box {
        display: block;
        float: none;
        width: calc(100% - 10px);
        height: auto;
        text-align: center;
        padding: 18px 30px
    }
    .strategy-map .step-line.col-6-tit .content .border-box p {
        display: block;
        vertical-align: middle;
        width: 100%;
        height: 100%
    }
    .strategy-map .step-line.col-6-tit .content .border-box span {
        display: inline-block
    }
}

.strategy-map .step-line .content .border-box.box-top-btm {
    overflow: hidden;
    padding: 0
}

.strategy-map .step-line .content .border-box.box-top-btm>div {
    width: 100%;
    display: table-row
}

.strategy-map .step-line .content .border-box.box-top-btm .bx-t {
    height: 36px
}

.strategy-map .step-line .content .border-box .tag-blue,
.strategy-map .step-line .content .border-box .tag-orange {
    color: #fff !important
}

.strategy-map .step-line .content .border-box.box-top-btm .bx-c {
    padding: 10px;
    height: 50px
}

.strategy-map .step-line .content .border-box.box-top-btm .bx-b {
    height: 36px
}

@media only screen and (max-width:991px) {
    .strategy-map .step-line .content .border-box.box-top-btm>div {
        display: block;
        height: auto !important
    }
    .strategy-map .step-line .content .border-box.box-top-btm>div>p {
        height: auto !important;
        padding: 8px !important
    }
}

.operation-branch.v2 .division-area {
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Sot_jounsq02510_oenapu3_a.cat) no-repeat center top
}

.operation-branch.v2 .division-area .border-box {
    position: relative;
    margin-left: 2%;
    width: 32%;
    margin-top: 40px
}

.operation-branch.v2 .boss-area .second:before {
    width: 50%
}

.operation-branch.v2 .division-area .border-box.wide {
    margin-left: 0;
    margin-top: 30px;
    width: 100%
}

@media only screen and (max-width:767px) {
    .operation-branch.v2 .division-area {
        padding-top: 0;
        margin-top: -10px;
        background: 0
    }
    .operation-branch.v2 .division-area .border-box {
        margin-left: 0;
        width: 100%;
        margin-top: 20px
    }
    .operation-branch.v2 .division-area .border-box.wide {
        margin-top: 20px
    }
}

.ico-question2 {
    width: 16px;
    height: 16px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Surnygu%2Svpb_dhrfgvba.cat') no-repeat
}

.list-text.v-fc>li {
    padding-left: 26px
}

.list-text.v-fc>li+li {
    margin-top: 15px
}

.list-text.v-fc>li::before {
    width: 16px;
    height: 16px;
    top: 2px;
    left: 0;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2S_pbzzba%2Snoyrh%2Svzntrf%2Svpba%2Svpb-abgvpr-2.cat');
    background-size: 100% auto;
    background-position: left top;
    background-repeat: no-repeat
}

.forecast_pre {
    width: 100%
}

.forecast_pre:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden
}

.forecast_pre .forecast_pre_tit {
    text-align: center
}

.forecast_pre .forecast_pre_tit>b {
    display: inline-block;
    font-size: 15px;
    vertical-align: top;
    margin-top: -4px
}

.forecast_pre .forecast_pre_left {
    float: left;
    width: 41%
}

.forecast_pre .forecast_pre_left .forecast_pre_graph {
    position: relative;
    width: 223px;
    height: 199px;
    margin: 0 auto;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Surnygu%2Stencu_frzvpvepyr_ot.cat');
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat
}

.forecast_pre .forecast_pre_left .forecast_pre_graph>img {
    width: 100%
}

.forecast_pre .forecast_pre_left .forecast_pre_graph .graph_value {
    position: absolute;
    left: 50%;
    top: 53px;
    width: 122px;
    height: 122px;
    margin-left: -61px;
    padding: 0 15px;
    border: 3px solid #c3c7cd;
    border-radius: 50%
}

.forecast_pre .forecast_pre_left .forecast_pre_graph .graph_value>span {
    display: block;
    text-align: center;
    color: #5c6d73
}

.forecast_pre .forecast_pre_left .forecast_pre_graph .graph_value>.dt {
    font-weight: bold;
    font-size: 24px;
    line-height: normal;
    padding-top: 26px
}

.forecast_pre .forecast_pre_left .forecast_pre_graph .graph_value>.dd {
    padding-top: 9px;
    margin-top: 6px;
    font-size: 15px;
    line-height: normal;
    border-top: 2px solid #bec2c8;
    color: #3a3a4a
}

.forecast_pre .forecast_pre_left .forecast_pre_graph .graph_value.step_1>.dt {
    color: #80c437
}

.forecast_pre .forecast_pre_left .forecast_pre_graph .graph_value.step_2>.dt {
    color: #ff9f39
}

.forecast_pre .forecast_pre_left .forecast_pre_graph .graph_value.step_3>.dt {
    color: #ef65a2
}

.forecast_pre .forecast_pre_left .forecast_pre_graph .graph_value.step_4>.dt {
    color: #ff3131
}

.forecast_pre .forecast_pre_left .forecast_pre_graph .graph_value.step_5>.dt {
    color: #7f007f
}

.forecast_pre .forecast_pre_right {
    float: right;
    width: 59%;
    border-left: 1px solid #e1e3e6
}

.forecast_pre .forecast_pre_right .forecast_pre_graph {
    position: relative;
    height: 199px;
    text-align: center
}

.forecast_pre .forecast_pre_right .people_list {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center
}

.forecast_pre .forecast_pre_right .people_list>li {
    position: relative;
    display: inline-block;
    width: 50px;
    vertical-align: bottom;
    margin: 0 -7px;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Surnygu%2Stencu_fgrc_0.cat');
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat
}

.forecast_pre .forecast_pre_right .people_list>li>img {
    width: 100%
}

.forecast_pre .forecast_pre_right .people_list>li .graph_balloon {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 115px;
    width: 164px;
    height: 84px;
    line-height: 84px;
    margin-left: -82px;
    font-size: 15px;
    color: #3a3a4a;
    background: #f0f1f2;
    border-radius: 10px;
    text-align: center
}

.forecast_pre .forecast_pre_right .people_list>li .graph_balloon:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    border-top-color: #f0f1f2;
    border-bottom: 0;
    margin-left: -30px;
    margin-bottom: -15px
}

.forecast_pre .forecast_pre_right .people_list>li .graph_balloon .b {
    font-size: 24px
}

.forecast_pre .forecast_pre_right .people_list>li .graph_balloon .b>em {
    color: #ee0700
}

.forecast_pre .forecast_pre_right .people_list.step_1>li:nth-child(1),
.forecast_pre .forecast_pre_right .people_list.step_2>li:nth-child(2) {
    margin-left: 0;
    margin-right: 0;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Surnygu%2Stencu_fgrc_1.cat')
}

.forecast_pre .forecast_pre_right .people_list.step_3>li:nth-child(3),
.forecast_pre .forecast_pre_right .people_list.step_4>li:nth-child(4) {
    margin-left: 0;
    margin-right: 0;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Surnygu%2Stencu_fgrc_2.cat')
}

.forecast_pre .forecast_pre_right .people_list.step_5>li:nth-child(5),
.forecast_pre .forecast_pre_right .people_list.step_6>li:nth-child(6) {
    margin-left: 0;
    margin-right: 0;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Surnygu%2Stencu_fgrc_3.cat')
}

.forecast_pre .forecast_pre_right .people_list.step_7>li:nth-child(7),
.forecast_pre .forecast_pre_right .people_list.step_8>li:nth-child(8) {
    margin-left: 0;
    margin-right: 0;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Surnygu%2Stencu_fgrc_4.cat')
}

.forecast_pre .forecast_pre_right .people_list.step_9>li:nth-child(9),
.forecast_pre .forecast_pre_right .people_list.step_10>li:nth-child(10) {
    margin-left: 0;
    margin-right: 0;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Surnygu%2Stencu_fgrc_5.cat')
}

.forecast_pre .forecast_pre_right .people_list.step_1>li:nth-child(1) .graph_balloon,
.forecast_pre .forecast_pre_right .people_list.step_2>li:nth-child(2) .graph_balloon,
.forecast_pre .forecast_pre_right .people_list.step_3>li:nth-child(3) .graph_balloon,
.forecast_pre .forecast_pre_right .people_list.step_4>li:nth-child(4) .graph_balloon,
.forecast_pre .forecast_pre_right .people_list.step_5>li:nth-child(5) .graph_balloon,
.forecast_pre .forecast_pre_right .people_list.step_6>li:nth-child(6) .graph_balloon,
.forecast_pre .forecast_pre_right .people_list.step_7>li:nth-child(7) .graph_balloon,
.forecast_pre .forecast_pre_right .people_list.step_8>li:nth-child(8) .graph_balloon,
.forecast_pre .forecast_pre_right .people_list.step_9>li:nth-child(9) .graph_balloon,
.forecast_pre .forecast_pre_right .people_list.step_10>li:nth-child(10) .graph_balloon {
    display: block
}

.forecast_pre .no-border {
    padding: 20px 30px 0
}

.forecast_pre .forecast_pre_left .forecast_step {
    margin-top: 20px;
    padding: 0 20px
}

.forecast_pre .forecast_pre_left .forecast_step>ul {
    overflow: hidden;
    border-radius: 16px
}

.forecast_pre .forecast_pre_left .forecast_step>ul>li {
    position: relative;
    float: left;
    width: 20%;
    text-align: center;
    background-color: #e1e3e6
}

.forecast_pre .forecast_pre_left .forecast_step>ul>li>span {
    display: block;
    line-height: 16px;
    font-size: 12px;
    color: #3a3a4a
}

.forecast_pre .forecast_pre_left .forecast_step>ul>li:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    border-left: 1px dotted #fff
}

.forecast_pre .forecast_pre_left .forecast_step>ul>li:first-child:before {
    display: none
}

.forecast_pre .forecast_pre_left .forecast_step>ul>li.step_1.on span {
    background-color: #26890c;
    color: #fff
}

.forecast_pre .forecast_pre_left .forecast_step>ul>li.step_2.on span {
    background-color: #c15807;
    color: #fff
}

.forecast_pre .forecast_pre_left .forecast_step>ul>li.step_3.on span {
    background-color: #e51967;
    color: #fff
}

.forecast_pre .forecast_pre_left .forecast_step>ul>li.step_4.on span {
    background-color: #ee0700;
    color: #fff
}

.forecast_pre .forecast_pre_left .forecast_step>ul>li.step_5.on span {
    background-color: #7f007f;
    color: #fff
}

.forecast_pre .forecast_pre_right .forecast_step {
    margin-top: 20px;
    padding: 0 20px
}

.forecast_pre .forecast_pre_right .forecast_step>div.pic {
    text-align: center;
    font-size: 0;
    line-height: 0;
    height: 16px
}

.forecast_pre .forecast_pre_right .forecast_step>div.pic img {
    max-width: 100%
}

.forecast_pre .forecast_pre_right .forecast_step>ul {
    padding: 0 20px
}

.forecast_pre .forecast_pre_right .forecast_step>ul:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden
}

.forecast_pre .forecast_pre_right .forecast_step>ul>li {
    position: relative;
    float: left;
    width: 50%;
    height: 16px
}

.forecast_pre .forecast_pre_right .forecast_step>ul>li:before {
    content: '';
    position: absolute;
    top: 0
}

.forecast_pre .forecast_pre_right .forecast_step>ul>li.tc_l {
    text-align: left;
    background-image: linear-gradient(90deg, #26890c 10%, #fff 90%)
}

.forecast_pre .forecast_pre_right .forecast_step>ul>li.tc_l:before {
    left: -16px;
    border-top: 8px solid transparent;
    border-right: 16px solid #26890c;
    border-bottom: 8px solid transparent
}

.forecast_pre .forecast_pre_right .forecast_step>ul>li.tc_r {
    text-align: right;
    background-image: linear-gradient(270deg, #26890c 10%, #fff 90%)
}

.forecast_pre .forecast_pre_right .forecast_step>ul>li.tc_r:before {
    right: -16px;
    border-top: 8px solid transparent;
    border-left: 16px solid #26890c;
    border-bottom: 8px solid transparent
}

.forecast_pre .forecast_pre_right .forecast_step>ul>li>span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    line-height: 16px;
    font-size: 12px;
    color: #fff;
    font-weight: bold
}

.forecast_pre .forecast_pre_right .forecast_step>ul>li.tc_l>span {
    padding-left: 30px
}

.forecast_pre .forecast_pre_right .forecast_step>ul>li.tc_r>span {
    padding-right: 30px
}

.health_mslist {
    margin-left: -20px;
    margin-top: -20px
}

.health_mslist:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden
}

.health_mslist>li {
    float: left;
    width: 33.3333%;
    padding-left: 20px;
    padding-top: 20px
}

.health_mslist>li .box_in {
    position: relative;
    border: 1px solid #e1e3e6;
    border-radius: 8px;
    padding: 40px 30px;
    min-height: 215px
}

.health_mslist>li .box_in .box_in_label {
    position: absolute;
    left: 30px;
    top: 0;
    display: inline-block;
    line-height: 30px;
    min-width: 60px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    background-color: #e1e3e6;
    border-radius: 0 0 8px 8px
}

.health_mslist>li>.box_in dl {
    display: table;
    table-layout: fixed;
    width: 100%;
    font-size: 15px;
    color: #6c6d73;
    margin: 5px 0
}

.health_mslist>li>.box_in dl>dt,
.health_mslist>li>.box_in dl>dd {
    display: table-cell;
    vertical-align: middle
}

.health_mslist>li>.box_in dl>dt {
    width: 40%
}

.health_mslist>li>.box_in dl>dd {
    width: 60%;
    text-align: right
}

.health_mslist>li>.box_in dl.dl_top {
    min-height: 40px;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px
}

.health_mslist>li .box_in .box_in_btn {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0
}

.health_mslist>li .box_in .box_in_btn>a {
    display: block;
    width: 100%;
    line-height: 38px;
    text-align: center;
    color: #3a3a4a;
    font-size: 15px;
    border-top: 1px solid #e1e3e6;
    background-color: #f6f6f6;
    border-radius: 0 0 8px 8px
}

.health_mslist>li .box_in.step_1 .box_in_label {
    background-color: #26890c
}

.health_mslist>li .box_in.step_2 .box_in_label {
    background-color: #c15807
}

.health_mslist>li .box_in.step_3 .box_in_label {
    background-color: #e51967
}

.health_mslist>li .box_in.step_4 .box_in_label {
    background-color: #ee0700
}

.health_mslist>li .box_in.step_5 .box_in_label {
    background-color: #7f007f
}

.health_mslist>li>.box_in.step_1 dl.dl_top {
    color: #26890c
}

.health_mslist>li>.box_in.step_2 dl.dl_top {
    color: #c15807
}

.health_mslist>li>.box_in.step_3 dl.dl_top {
    color: #e51967
}

.health_mslist>li>.box_in.step_4 dl.dl_top {
    color: #ee0700
}

.health_mslist>li>.box_in.step_5 dl.dl_top {
    color: #7f007f
}

.health_mslist>li>.box_in.step_1 dl.dl_top>dt>a {
    color: #26890c
}

.health_mslist>li>.box_in.step_2 dl.dl_top>dt>a {
    color: #c15807
}

.health_mslist>li>.box_in.step_3 dl.dl_top>dt>a {
    color: #e51967
}

.health_mslist>li>.box_in.step_4 dl.dl_top>dt>a {
    color: #ee0700
}

.health_mslist>li>.box_in.step_5 dl.dl_top>dt>a {
    color: #7f007f
}

#layerHealthFor {
    max-width: 900px
}

#layerHealthFor .btn_topclose {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #44465c;
    border-radius: 50%
}

#layerHealthFor .layerhealth_view {
    width: 100%;
    padding: 70px 0 25px;
    border: 1px solid #e1e3e6
}

#layerHealthFor .layerhealth_view>ul {
    position: relative;
    width: 100%
}

#layerHealthFor .layerhealth_view>ul:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 10%;
    right: 10%;
    top: 50%;
    height: 6px;
    margin-top: -3px;
    background-color: #e1e3e6
}

#layerHealthFor .layerhealth_view>ul:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden
}

#layerHealthFor .layerhealth_view>ul>li {
    position: relative;
    float: left;
    width: 20%;
    text-align: center
}

#layerHealthFor .layerhealth_view>ul>li .dt {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #3a3a4a;
    border-radius: 50%;
    background-color: #f6f6f6;
    border: 1px solid #e5e7ea
}

#layerHealthFor .layerhealth_view>ul>li .sp_balloon {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 55px;
    margin-left: -26px;
    padding: 0 3px;
    min-width: 52px;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    color: #666;
    border: 1px solid #bec2c8;
    border-radius: 3px;
    background: #fff
}

#layerHealthFor .layerhealth_view>ul>li .sp_balloon:after {
    content: '';
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin-left: -5px;
    border-top: 10px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

#layerHealthFor .layerhealth_view>ul>li .sp_balloon:before {
    content: '';
    position: absolute;
    bottom: -11px;
    left: 50%;
    margin-left: -5px;
    border-top: 10px solid #666;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

#layerHealthFor .layerhealth_view.step_1>ul>li:nth-child(1) .sp_balloon,
#layerHealthFor .layerhealth_view.step_2>ul>li:nth-child(2) .sp_balloon,
#layerHealthFor .layerhealth_view.step_3>ul>li:nth-child(3) .sp_balloon,
#layerHealthFor .layerhealth_view.step_4>ul>li:nth-child(4) .sp_balloon,
#layerHealthFor .layerhealth_view.step_5>ul>li:nth-child(5) .sp_balloon {
    display: block
}

#layerHealthFor .layerhealth_view.step_1>ul>li:nth-child(1) .dt {
    background-color: #26890c;
    border-color: #26890c;
    color: #fff
}

#layerHealthFor .layerhealth_view.step_2>ul>li:nth-child(2) .dt {
    background-color: #c15807;
    border-color: #c15807;
    color: #fff
}

#layerHealthFor .layerhealth_view.step_3>ul>li:nth-child(3) .dt {
    background-color: #e51967;
    border-color: #e51967;
    color: #fff
}

#layerHealthFor .layerhealth_view.step_4>ul>li:nth-child(4) .dt {
    background-color: #ee0700;
    border-color: #ee0700;
    color: #fff
}

#layerHealthFor .layerhealth_view.step_5>ul>li:nth-child(5) .dt {
    background-color: #7f007f;
    border-color: #7f007f;
    color: #fff
}

#layerHealthFor .layerhealth_view.step_1>ul>li:nth-child(1) .sp_balloon>span {
    color: #26890c;
    font-weight: bold
}

#layerHealthFor .layerhealth_view.step_2>ul>li:nth-child(2) .sp_balloon>span {
    color: #c15807;
    font-weight: bold
}

#layerHealthFor .layerhealth_view.step_3>ul>li:nth-child(3) .sp_balloon>span {
    color: #e51967;
    font-weight: bold
}

#layerHealthFor .layerhealth_view.step_4>ul>li:nth-child(4) .sp_balloon>span {
    color: #ee0700;
    font-weight: bold
}

#layerHealthFor .layerhealth_view.step_5>ul>li:nth-child(5) .sp_balloon>span {
    color: #7f007f;
    font-weight: bold
}

#layerHealthFor .layerhealth_view_bx {
    position: relative
}

#layerHealthFor .layerhealth_view_bx .depth-2 {
    margin-left: 30px;
    margin-right: 30px
}

#layerHealthFor .layerhealth_view_bx .bx-wrapper {
    padding: 30px 0;
    border: 1px solid #e1e3e6
}

#layerHealthFor .layerhealth_view_bx .bx-controls .bx-pager {
    width: 100%;
    text-align: center
}

#layerHealthFor .layerhealth_view_bx .bx-controls .bx-pager .bx-pager-item {
    display: inline-block
}

#layerHealthFor .layerhealth_view_bx .bx-controls .bx-pager .bx-pager-item>a {
    overflow: hidden;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px;
    border: 2px solid #bec2c8;
    background-color: #fff;
    border-radius: 50%;
    text-indent: -9999999em
}

#layerHealthFor .layerhealth_view_bx .bx-controls .bx-pager .bx-pager-item>a.active {
    background-color: #43455b;
    border-color: #43455b
}

#layerHealthFor .dot_bxpager {
    margin-top: 30px;
    text-align: center;
    height: 16px;
    line-height: 0;
    font-size: 0
}

#layerHealthFor .dot_bxpager a {
    overflow: hidden;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px;
    border: 2px solid #bec2c8;
    background-color: #fff;
    border-radius: 50%;
    text-indent: -9999999em
}

#layerHealthFor .dot_bxpager a>em {
    display: none
}

#layerHealthFor .dot_bxpager a.active {
    background-color: #43455b;
    border-color: #43455b
}

#layerHealthFor .dot_bxpager a.active>em {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0
}

#layerHealthFor .txt_bxpager {
    text-align: center;
    margin-top: 30px
}

#layerHealthFor .txt_bxpager>ul {
    overflow: hidden;
    text-align: center
}

#layerHealthFor .txt_bxpager>ul>li {
    display: inline-block;
    margin: 0 10px
}

#layerHealthFor .txt_bxpager a {
    display: block;
    /* padding: 0 16px; */
    color: #3a3a4a;
    line-height: 30px;
    font-size: 15px;
    background-color: #f6f6f6;
    border-color: #e1e3e6;
    border-radius: 30px
}

#layerHealthFor .txt_bxpager a>em {
    display: none
}

#layerHealthFor .txt_bxpager a.active {
    color: #fff;
    background-color: var(--nhis-primary);
    border-color: var(--nhis-primary)
}

#layerHealthFor .txt_bxpager a.active>em {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0
}

#layerHealthFor .layerhealth_bxslider_in {
    padding: 0 30px
}

#layerHealthFor .graph_bar .graph_sp {
    margin-left: -1px;
    margin-top: 0
}

#layerHealthFor .graph_bar .graph_sp:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden
}

#layerHealthFor .graph_bar .graph_sp>li {
    position: relative;
    float: left;
    width: 20%;
    padding-left: 1px
}

#layerHealthFor .graph_bar .graph_sp>li>div {
    font-size: 10px;
    text-align: center;
    line-height: 16px;
    background: #e1e3e6;
    color: #333;
    font-family: tahoma
}

#layerHealthFor .graph_bar .graph_sp>li>em {
    position: absolute;
    right: -6px;
    bottom: -15px;
    font-size: 10px;
    font-family: tahoma
}

#layerHealthFor .graph_bar .graph_sp>li.on>div {
    background: #ff3131;
    color: #fff;
    font-family: tahoma
}

#layerHealthFor .graph_bar .graph_sp>li:first-child>div {
    border-radius: 10px 0 0 10px
}

#layerHealthFor .graph_bar .graph_sp>li:last-child>div {
    border-radius: 0 10px 10px 0
}

#layerHealthFor .graph_bar .graph_tt {
    margin-top: 20px;
    text-align: center
}

#layerHealthFor .graph_bar .graph_tt>span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px
}

#layerHealthFor .graph_bar .graph_tt>span:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    background: #f6f6f6;
    border: 1px solid #ccc
}

#layerHealthFor .graph_bar .graph_tt>span.cr2 {
    margin-left: 50px
}

#layerHealthFor .graph_bar .graph_tt>span.cr2:before {
    background: #7cb5ec
}

#layerHealthFor .graph_bar {
    padding: 0 40px
}

#layerHealthFor .graph_bar .gray-box {
    margin-left: -10px;
    margin-right: -10px
}

#layerHealthFor .graph_bar .img {
    position: relative;
    padding-top: 120px
}

#layerHealthFor .graph_bar .img>div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 80px;
    margin-left: -40px
}

#layerHealthFor .graph_bar .img>div.a_bar {
    top: 63px
}

#layerHealthFor .graph_bar .img>div:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1px;
    height: 100%;
    margin-left: -0.5px;
    border-left: 1px dotted #ccc
}

#layerHealthFor .graph_bar .img>div>span {
    position: relative;
    z-index: 1;
    display: table;
    width: 100%;
    height: 54px;
    line-height: 20px;
    padding: 3px;
    letter-spacing: -0.5px;
    text-align: center;
    font-size: 12px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #ccc
}

#layerHealthFor .graph_bar .img>div>span>em {
    display: table-cell;
    vertical-align: middle
}

#layerHealthFor .graph_bar .img>div>span>em>b {
    display: block;
    margin-top: 2px;
    font-size: 16px
}

#layerHealthFor .graph_bar .img>div.m_bar:before {
    border-color: #ee0700
}

#layerHealthFor .graph_bar .img>div.m_bar>span {
    border-color: #ee0700
}

@media only screen and (max-width:1100px) {
    .forecast_pre .forecast_pre_left {
        float: none;
        width: 100%
    }
    .forecast_pre .forecast_pre_right {
        float: none;
        width: 100%;
        margin-top: 50px;
        padding-top: 50px;
        border-left: 0;
        border-top: 1px solid #e1e3e6
    }
    .health_mslist>li .box_in {
        min-height: 240px
    }
}

@media only screen and (max-width:767px) {
    .forecast_pre .forecast_pre_right {
        margin-top: 40px;
        padding-top: 40px
    }
    .health_mslist>li .box_in {
        min-height: 215px
    }
    .health_mslist>li {
        width: 50%
    }
    #layerHealthFor .btn_topclose {
        display: none
    }
    #layerHealthFor .dot_bxpager {
        margin-top: 15px
    }
    #layerHealthFor .dot_bxpager a {
        width: 14px;
        height: 14px
    }
    #layerHealthFor .txt_bxpager {
        margin-top: 15px
    }
    #layerHealthFor .txt_bxpager>ul {
        overflow: hidden;
        margin-top: -10px;
        margin-left: -10px
    }
    #layerHealthFor .txt_bxpager>ul>li {
        display: block;
        float: left;
        width: 50%;
        margin: 0;
        padding: 10px 0 0 10px
    }
    #layerHealthFor .layerhealth_view_bx .bx-wrapper {
        padding: 15px 0 0;
        border: 0
    }
    #layerHealthFor .layerhealth_view_bx .depth-2 {
        margin-left: 0;
        margin-right: 0
    }
    #layerHealthFor .layerhealth_bxslider_in {
        padding: 0
    }
    #layerHealthFor .graph_bar .gray-box {
        margin-left: -30px;
        margin-right: -30px
    }
    #layerHealthFor .graph_bar {
        padding: 0 20px
    }
    #layerHealthFor .graph_bar .img>div {
        width: 60px;
        margin-left: -30px
    }
    #layerHealthFor .graph_bar .img>div>span {
        line-height: 16px
    }
    #layerHealthFor .graph_bar .img>div>span>em>b {
        font-size: 13px
    }
}

@media only screen and (max-width:650px) {
    .health_mslist>li .box_in {
        padding: 30px 20px 40px
    }
    .health_mslist>li .box_in .box_in_label {
        left: 20px;
        font-size: 13px;
        min-width: 55px;
        line-height: 24px
    }
    .health_mslist>li .box_in .box_in_btn>a {
        font-size: 13px
    }
    .health_mslist>li>.box_in dl.dl_top {
        font-size: 17px
    }
    .forecast_pre .forecast_pre_right .people_list>li {
        width: 40px
    }
    .forecast_pre .forecast_pre_right .forecast_pre_graph {
        height: 175px
    }
    .forecast_pre .forecast_pre_right .people_list>li .graph_balloon {
        width: 130px;
        height: 67px;
        line-height: 67px;
        margin-left: -65px;
        bottom: 100px
    }
    .forecast_pre .forecast_pre_right .people_list>li .graph_balloon:after {
        border: 20px solid transparent;
        border-top-color: #f0f1f2;
        margin-left: -20px;
        margin-bottom: -34px
    }
    .icon-forecast-bna1 .cell.w60px {
        display: none
    }
    #layerHealthFor .dot_bxpager a {
        width: 10px;
        height: 10px
    }
}

@media only screen and (max-width:480px) {
    .health_mslist>li .box_in {
        min-height: 230px
    }
}

@media only screen and (max-width:400px) {
    .health_mslist {
        margin: -10px 0 0 -10px
    }
    .health_mslist>li {
        padding-left: 10px;
        padding-top: 10px
    }
    .health_mslist>li .box_in {
        padding: 30px 10px 40px;
        min-height: 215px
    }
    .health_mslist>li>.box_in dl {
        font-size: 13px
    }
    .health_mslist>li>.box_in dl.dl_top {
        font-size: 15px
    }
    .health_mslist>li .box_in .box_in_label {
        left: 10px
    }
    .health_mslist>li .box_in .box_in_btn>a {
        line-height: 32px
    }
    .forecast_pre .forecast_pre_right .people_list>li .graph_balloon {
        width: 100px;
        height: 52px;
        line-height: 52px;
        margin-left: -50px;
        font-size: 14px
    }
    .forecast_pre .forecast_pre_right .people_list>li .graph_balloon .b {
        font-size: 20px
    }
}

.forecast_nodata {
    padding: 0 30px;
    background-color: #f6f6f6;
    text-align: center
}

.forecast_nodata .dt>span {
    position: relative;
    display: inline-block;
    padding: 24px 0;
    padding-left: 56px;
    color: #3a3a4a;
    font-size: 21px
}

.forecast_nodata .dt>span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Surnygu%2Svpb_dhrfgvba2.cat');
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat
}

.forecast_nodata .dd {
    border-top: 1px solid #e2e3e7;
    font-size: 15px;
    line-height: 24px;
    padding: 30px
}

@media only screen and (max-width:767px) {
    .forecast_nodata {
        padding: 0 10px
    }
    .forecast_nodata .dt>span {
        padding: 20px 0;
        padding-left: 40px;
        font-size: 18px
    }
    .forecast_nodata .dt>span:before {
        width: 30px;
        height: 30px;
        margin-top: -15px
    }
    .forecast_nodata .dd {
        padding: 15px
    }
}

@media only screen and (max-width:360px) {
    .forecast_nodata .dt>span {
        font-size: 14px
    }
    .forecast_nodata .dd {
        padding: 10px;
        font-size: 13px
    }
}

.forecast_main_menu {
    overflow: hidden;
    margin-left: -20px
}

.forecast_main_menu>li {
    float: left;
    width: 25%;
    padding-left: 20px;
    margin-bottom: 20px
}

.forecast_main_menu>li>a {
    overflow: hidden;
    position: relative;
    display: block;
    height: 210px;
    border: 1px solid #e2e3e7;
    border-radius: 30px 8px 8px 8px
}

.forecast_main_menu>li>a>strong {
    position: relative;
    display: block;
    height: 170px;
    padding-top: 120px;
    font-size: 16px;
    font-weight: bold;
    text-align: center
}

.forecast_main_menu>li>a>strong:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 30px;
    display: block;
    width: 64px;
    height: 64px;
    margin-left: -32px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat
}

.forecast_main_menu>li>a>span {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 15px;
    line-height: 39px;
    color: #3a3a4a;
    text-align: center;
    border-top: 1px solid #e1e3e6
}

.forecast_main_menu>li>a:hover>span {
    color: #fff;
    background: #44465c
}

.forecast_main_menu>li.a1>a>strong:before {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Surnygu%2Sznva_za1.cat')
}

.forecast_main_menu>li.a2>a>strong:before {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Surnygu%2Sznva_za2.cat')
}

.forecast_main_menu>li.a3>a>strong:before {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Surnygu%2Sznva_za3.cat')
}

.forecast_main_menu>li.a4>a>strong:before {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Surnygu%2Sznva_za4.cat')
}

.forecast_main_menu>li.a5>a>strong:before {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Surnygu%2Sznva_za5.cat')
}

.forecast_main_menu>li.a6>a>strong:before {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Surnygu%2Sznva_za6.cat')
}

.forecast_main_menu>li.a7>a>strong:before {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Surnygu%2Sznva_za7.cat')
}

.forecast_main_menu>li.a8>a>strong:before {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Surnygu%2Sznva_za8.cat')
}

.forecast_age {
    overflow: hidden;
    text-align: center;
    padding: 25px 0;
    border-radius: 8px;
    background-position: left top;
    background-repeat: no-repeat;
    background-color: #fff2f2;
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Surnygu%2Sznva_ntr_ot.cat');
    background-size: 100%
}

.forecast_age .tit {
    display: inline-block;
    color: #3a3a4a;
    font-size: 21px;
    line-height: 78px;
    margin-right: 30px;
    font-weight: bold;
    vertical-align: middle
}

.forecast_age .health-result-data-age {
    display: inline-block;
    vertical-align: middle
}

.forecast_age .health-result-data-age .data-age {
    width: 380px;
    height: auto;
    margin: 0
}

.forecast_age .health-result-data-age .data-age .circle {
    width: 200px;
    height: 78px;
    padding: 16px 0;
    border-radius: 78px
}

.forecast_age .health-result-data-age .data-age .circle.health-age {
    position: relative;
    z-index: 1
}

.forecast_age .health-result-data-age .data-age .circle.real-age {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Surnygu%2Surnygu-erfhyg-ntr-ot.cat') no-repeat 0 0
}

.forecast_bnbx {
    position: relative
}

.forecast_bnbx .bx-controls {
    position: relative
}

.forecast_bnbx .bx-controls-direction {
    font-size: 0;
    line-height: 0
}

.forecast_bnbx .bx-controls-direction>a {
    overflow: hidden;
    text-indent: -99999em;
    display: inline-block;
    width: 12px;
    height: 22px
}

.forecast_bnbx .bx-controls-direction .bx-prev {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Surnygu%2Sneebj-onaare-y.cat') no-repeat center center;
    background-size: 7px 12px;
    margin-left: 50px
}

.forecast_bnbx .bx-controls-direction .bx-next {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Surnygu%2Sneebj-onaare-e.cat') no-repeat center center;
    background-size: 7px 12px;
    margin-left: 40px
}

.forecast_bnbx .bx-controls-auto {
    position: absolute;
    left: 75px;
    top: 0;
    font-size: 0;
    line-height: 0
}

.forecast_bnbx .bx-controls-auto>div:first-child {
    display: none
}

.forecast_bnbx .bx-controls-auto>div a {
    overflow: hidden;
    display: block;
    text-indent: -99999em;
    width: 14px;
    height: 22px
}

.forecast_bnbx .bx-controls-auto>div .bx-start {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Surnygu%2Sfyvqr-cynl.cat') no-repeat center center;
    background-size: 10px 12px
}

.forecast_bnbx .bx-controls-auto>div .bx-stop {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Surnygu%2Sfyvqr-cnhfr.cat') no-repeat center center;
    background-size: 10px 12px
}

.forecast_bnbx .control_num {
    position: absolute;
    left: 3px;
    bottom: 0;
    line-height: 22px
}

.forecast_bnbx .control_num em {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    color: #3a3a4a;
    font-size: 16px;
    font-family: 'NotoKr'
}

@media only screen and (max-width:690px) {
    .forecast_age .tit {
        display: block;
        line-height: normal;
        margin-bottom: 15px;
        margin-right: 0
    }
    .forecast_main_menu>li {
        width: 33.33333%
    }
    .forecast_main_menu>li>a {
        height: 160px
    }
    .forecast_main_menu>li>a>span {
        font-size: 13px;
        line-height: 30px
    }
    .forecast_main_menu>li>a>strong {
        padding-top: 88px
    }
    .forecast_main_menu>li>a>strong:before {
        top: 20px;
        width: 54px;
        height: 54px;
        margin-left: -27px
    }
    .forecast_age .health-result-data-age .data-age {
        width: 280px
    }
    .forecast_age .health-result-data-age .data-age .circle {
        width: 150px;
        height: 59px;
        padding: 5px 0
    }
}

@media only screen and (max-width:475px) {
    .forecast_age .tit {
        font-size: 18px
    }
    .forecast_main_menu>li {
        width: 50%
    }
}

.h_guideScroll {
    overflow-y: auto;
    max-height: 450px
}

.h_guideScroll .h_guide_wray {
    max-width: 900px;
    margin: 0 auto
}

.h_guideScroll .h_guide_wray:first-child {
    margin-top: -20px
}

.sp_guide_gray {
    padding: 15px;
    margin-top: 10px;
    font-size: 12px;
    color: #666572;
    background: #f8f8f9
}

.flr_bx:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden
}

.flr_bx .fl_l {
    float: left
}

.flr_bx .fl_r {
    float: right
}

.flr_bx .w50p {
    width: 50%
}

.sp_guide_tit {
    position: relative;
    display: block;
    margin: 30px 0;
    width: 100%;
    text-align: center
}

.sp_guide_tit:after {
    content: '';
    display: block;
    position: absolute;
    top: 19px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #bec2c8;
    z-index: -1
}

.sp_guide_tit .txt {
    display: inline-block;
    min-width: 100px;
    padding: 0 25px;
    font-size: 16px;
    height: 40px;
    font-weight: bold;
    line-height: 38px;
    color: #3a3a4a;
    border: 1px solid #bec2c8;
    border-radius: 20px;
    background-color: #fff;
    z-index: 2
}

.sp_guide_tit2 {
    position: relative;
    font-size: 15px;
    padding-left: 18px;
    font-weight: bold
}

.sp_guide_tit2:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 6px;
    height: 6px;
    margin-top: -8px;
    border-radius: 50%;
    border: 3px solid #ccc
}

.sp_guide_txt {
    font-size: 15px;
    word-break: keep-all
}

.sp_guide_list {
    overflow:hidden;
    margin-left: -25px;
    margin-top: 15px;
    white-space:nowrap;
}

.sp_guide_list:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden
}

.sp_guide_list>li {
    position: relative;
    float: left;
    width: 50%;
    padding-left: 25px;
    margin-bottom: 15px;
    text-align: center
}

.sp_guide_list>li .thum {
    display: block;
    line-height: 0;
    font-size: 0
}

.sp_guide_list>li .thum img {
    max-width: 100%
}

.sp_guide_list>li .tt {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 32px;
    margin-bottom: 15px;
    border-radius: 4px;
    background: #f3eef6;
    vertical-align: middle;
    white-space:normal;
}

.sp_guide_list>li .tt:before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
    border-top: 10px solid #f3eef6;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.sp_guide_list>li .tt>em {
    display: table-cell;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    color: #323142;
    vertical-align: middle;
    word-break: keep-all
}

.sp_guide_list>li:nth-child(2n+1) .tt {
    background: #e8f5fa
}

.sp_guide_list>li:nth-child(2n+1) .tt:before {
    border-top: 10px solid #e8f5fa;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.sp_guide_list>li .st {
    display: block;
    font-size: 14px;
    padding: 15px 5px;
    line-height: 20px;
    word-break: keep-all;
	white-space: pre-wrap;
}

.sp_guide_list>li .st>b {
    display: block;
    padding-bottom: 5px;
    font-size: 15px
}

.sp_guide_list>li .st.u_line {
    position: relative
}

.sp_guide_list>li .st.u_line:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 15px;
    left: 15%;
    right: 15%;
    height: 2px;
    z-index: -1;
    background-color: #ddd;
    opacity: .2
}

.sp_guide_list>li .st2 {
    display: block;
    font-size: 12px;
    padding: 15px 5px;
    line-height: 20px;
    word-break: keep-all
}

.sp_guide_list>li .st2>b {
    position: relative;
    display: block;
    font-size: 15px
}

.sp_guide_list>li .st2>b:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: -4px;
    left: 50%;
    width: 60px;
    margin-left: -30px;
    height: 1px;
    z-index: -1;
    background-color: #ccc
}

.sp_guide_list.ty3>li {
    width: 33.33333%
}

.sp_guide_list.ty4>li {
    width: 25%
}

.sp_guide_list.ty5>li {
    width: 20%
}

.sp_guide_list.ty6>li {
    width: 16.6666666%
}

.sp_guide_list.number>li .thum {
    display: block;
    position: relative;
    border: 1px solid #ddd
}

.sp_guide_list.number>li .thum .n {
    position: absolute;
    left: 50%;
    top: -12px;
    z-index: 1;
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-left: -12px;
    color: #323142;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    background: #ccc
}

.sp_guide_list.aw>li:before {
    content: '';
    position: absolute;
    left: 1px;
    top: 1%;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: #fff url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Surnygu%2Sneebj-e2.cat') no-repeat center center;
    background-size: 6px auto;
    border: 1px solid #ccc;
    border-radius: 50%
}

.sp_guide_list.aw>li:first-child:before {
    display: none
}

.sp_guide_list2>li {
    margin-top: 10px;
    word-break: keep-all
}

.sp_guide_list2>li img {
    width: 26px;
    display: inline-block;
    margin-right: 15px
}

.sp_guide_img {
    position: relative;
    text-align: center;
    margin-top: 15px;
    line-height: 0;
    font-size: 0
}

.sp_guide_img img {
    width: 100%
}

.h_guide_wray .smtxt {
    text-align: right;
    font-size: 11px
}

.sp_guide_1 .sp_guide_tit2:before {
    border-color: #835fa0
}

.sp_guide_1 .sp_guide_tit .txt {
    background: #835fa0;
    color: #fff;
    border-color: #835fa0
}

.sp_guide_1 .sp_guide_tit:after {
    background: #835fa0
}

.sp_guide_1 .sp_guide_list.number>li .thum {
    border: 0;
    border-top: 1px solid #835fa0
}

.sp_guide_1 .sp_guide_list.number>li .thum .n {
    background-color: #835fa0;
    color: #fff
}

.sp_guide_2 .sp_guide_tit2:before {
    border-color: #835fa0
}

.sp_guide_2 .sp_guide_tit .txt {
    background: #835fa0;
    color: #fff;
    border-color: #835fa0
}

.sp_guide_2 .sp_guide_tit:after {
    background: #835fa0
}

.sp_guide_3 .sp_guide_tit2:before {
    border-color: #3f9787
}

.sp_guide_3 .sp_guide_tit .txt {
    background: #3f9787;
    color: #fff;
    border-color: #3f9787
}

.sp_guide_3 .sp_guide_tit:after {
    background: #3f9787
}

.sp_guide_4 .sp_guide_tit2:before {
    border-color: #3880b7
}

.sp_guide_4 .sp_guide_tit .txt {
    background: #3880b7;
    color: #fff;
    border-color: #3880b7
}

.sp_guide_4 .sp_guide_tit:after {
    background: #3880b7
}

.sp_guide_4 .sp_guide_txt {
    font-size: 16px
}

.sp_guide_4 .sp_guide_list>li .thum {
    border: 1px solid #ddd
}

.sp_guide_5 .sp_guide_tit2:before {
    border-color: #3f9787
}

.sp_guide_5 .sp_guide_tit .txt {
    background: #3f9787;
    color: #fff;
    border-color: #3f9787
}

.sp_guide_5 .sp_guide_tit:after {
    background: #3f9787
}

.sp_guide_5 .sp_guide_list>li {
    min-height: 200px
}

.sp_guide_5 .sp_guide_list>li .thum {
    border: 1px solid #ddd
}

.sp_guide_5 .sp_guide_list>li .st.u_line:before {
    background-color: #3f9787
}

.sp_guide_6 .sp_guide_tit2:before {
    border-color: #8460a0
}

.sp_guide_6 .sp_guide_tit .txt {
    background: #8460a0;
    color: #fff;
    border-color: #8460a0
}

.sp_guide_6 .sp_guide_tit:after {
    background: #8460a0
}

.sp_guide_6 .sp_guide_list>li .thum {
    border: 1px solid #ddd
}

.sp_guide_6 .sp_guide_list>li .st.u_line:before {
    background-color: #8460a0
}

.sp_guide_7 .sp_guide_tit2:before {
    border-color: #8561a1
}

.sp_guide_7 .sp_guide_tit .txt {
    background: #8561a1;
    color: #fff;
    border-color: #8561a1
}

.sp_guide_7 .sp_guide_tit:after {
    background: #8561a1
}

.sp_guide_7 .sp_guide_list>li .thum {
    border: 1px solid #ddd
}

.sp_guide_7 .sp_guide_list.aw>li:before {
    top: auto;
    bottom: 33%
}

.sp_guide_7 .sp_guide_list>li .tt {
    height: 50px
}

.sp_guide_8 .sp_guide_tit2:before {
    border-color: #f69646
}

.sp_guide_8 .sp_guide_tit .txt {
    background: #f69646;
    color: #fff;
    border-color: #f69646
}

.sp_guide_8 .sp_guide_tit:after {
    background: #f69646
}

.sp_guide_8 .sp_guide_list>li .thum img {
    width: 150px
}

.sp_guide_8 .sp_guide_list>li .st2>b:before {
    background: #f69646
}

.sp_guide_9 .sp_guide_tit2:before {
    border-color: #f0872f
}

.sp_guide_9 .sp_guide_tit .txt {
    background: #f0872f;
    color: #fff;
    border-color: #f0872f
}

.sp_guide_9 .sp_guide_tit:after {
    background: #f0872f
}

.sp_guide_9 .sp_guide_list>li .thum {
    border: 1px solid #ddd
}

.sp_guide_9 .sp_guide_list>li .st.u_line:before {
    background: #f69646
}

.sp_guide_9>.flr_bx .fl_l {
    width: 30%
}

.sp_guide_9>.flr_bx .fl_r {
    width: 70%;
    padding-left: 30px
}

.sp_guide_10 .sp_guide_tit2:before {
    border-color: #f0862e
}

.sp_guide_10 .sp_guide_tit .txt {
    background: #f0862e;
    color: #fff;
    border-color: #f0862e
}

.sp_guide_10 .sp_guide_tit:after {
    background: #f0862e
}

.sp_guide_10 .sp_guide_list>li .thum {
    border: 1px solid #ddd
}

.sp_guide_10>.flr_bx .fl_l {
    width: 50%;
    padding-right: 15px
}

.sp_guide_10>.flr_bx .fl_r {
    width: 50%;
    padding-left: 15px
}

.sp_guide_11 .sp_guide_tit2:before {
    border-color: #3f9787
}

.sp_guide_11 .sp_guide_tit .txt {
    background: #3f9787;
    color: #fff;
    border-color: #3f9787
}

.sp_guide_11 .sp_guide_tit:after {
    background: #3f9787
}

.sp_guide_11 .sp_guide_list>li .thum {
    border: 1px solid #ddd
}

.sp_guide_11 .sp_guide_list>li .tt {
    background: #a3d4b1
}

.sp_guide_11 .sp_guide_list>li:nth-child(2n+1) .tt {
    background: #d6d89d
}

.sp_guide_11 .sp_guide_list>li .tt:before {
    border-top-color: #a3d4b1
}

.sp_guide_11 .sp_guide_list>li:nth-child(2n+1) .tt:before {
    border-top-color: #d6d89d
}

@media only screen and (max-width:600px) {
    .sp_guide_tit {
        margin: 20px 0
    }
    .sp_guide_list>li .tt {
        font-size: 14px;
        margin-bottom: 10px;
        height: 28px
    }
    .sp_guide_list>li .st {
        padding: 10px 5px;
        font-size: 13px
    }
    .sp_guide_list>li .st>b {
        font-size: 14px;
        padding-bottom: 2px
    }
    .sp_guide_list.ty4>li {
        width: 50%
    }
    .sp_guide_list.ty3>li {
        width: 50%
    }
    .sp_guide_list2>li {
        text-indent: -33px;
        padding-left: 33px
    }
    .sp_guide_list2>li img {
        width: 20px;
        margin-right: 10px
    }
    .sp_guide_3 .sp_guide_list.ty3>li {
        width: 50%
    }
    .sp_guide_4 .sp_guide_txt {
        font-size: 15px
    }
    .sp_guide_4 .sp_guide_list.ty4>li {
        min-height: 420px
    }
    .sp_guide_8 .sp_guide_list.ty3>li {
        width: 33.3333%
    }
    .sp_guide_9 .flr_bx .fl_l {
        float: none;
        width: 100%;
        padding: 0
    }
    .sp_guide_9 .flr_bx .fl_l .sp_guide_img {
        margin-bottom: 25px
    }
    .sp_guide_9 .flr_bx .fl_r {
        float: none;
        width: 100%;
        padding: 0
    }
    .sp_guide_9 .flr_bx .fl_r .sp_guide_list.ty4>li {
        width: 25%
    }
    .sp_guide_10 .flr_bx .fl_l {
        float: none;
        width: 100%;
        padding: 0
    }
    .sp_guide_10 .flr_bx .fl_l .sp_guide_img {
        margin-bottom: 25px
    }
    .sp_guide_10 .flr_bx .fl_r {
        float: none;
        width: 100%;
        padding: 0;
        margin-top: 25px
    }
    .sp_guide_11 .sp_guide_list.ty4>li {
        min-height: 350px
    }
}

@media only screen and (max-width:425px) {
    .sp_guide_3 .sp_guide_list.ty3>li {
        width: 50%
    }
    .sp_guide_4 .sp_guide_list.ty4>li {
        min-height: 400px
    }
    .sp_guide_5 .sp_guide_list.ty3>li {
        min-height: 180px
    }
    .sp_guide_9 .flr_bx .fl_r .sp_guide_list.ty4>li {
        width: 50%
    }
    .sp_guide_11 .sp_guide_list.ty4>li {
        min-height: 315px
    }
}

.character-type-wrap.type_row .block {
    float: none;
    width: 100%;
    margin-right: 0
}

.character-type-wrap.type_row .block+.block {
    margin-top: 30px
}

.nuribox {
    overflow: hidden;
    display: table;
    padding: 0 !important
}

.nuribox .cell {
    display: table-cell;
    vertical-align: middle
}

.nuribox .pic1 {
    width: 150px
}

.nuribox .pic2 {
    width: 185px
}

.nuribox .pic3 {
    width: 185px
}

.nuribox .pic4 {
    width: 220px
}

.nuribox .pic1 img,
.nuribox .pic2 img,
.nuribox .pic3 img,
.nuribox .pic4 img {
    max-width: 100%
}

.nuribox .txt1 {
    padding-left: 20px
}

@media all and (max-width:540px) {
    .nuribox,
    .nuribox .cell {
        display: block
    }
    .nuribox .pic1,
    .nuribox .pic2,
    .nuribox .pic3,
    .nuribox .pic4 {
        width: 100%
    }
    .nuribox .txt1 {
        padding-left: 0;
        margin-top: 15px
    }
}

.strategy-map .step-line .content .border-box.map-col3 {
    padding: 0;
    text-align: center
}

.strategy-map .step-line .content .border-box.map-col3 .dt {
    padding: 16px 10px;
    color: #44465c;
    background-color: rgba(0, 0, 0, .03);
    border-radius: 8px 8px 0 0
}

.strategy-map .step-line .content .border-box.map-col3 .dd {
    display: table;
    width: 100%;
    border-top: 1px solid #d9dbde
}

.strategy-map .step-line .content .border-box.map-col3 .dd>li {
    display: table-cell;
    width: 33.3333333%;
    line-height: 24px;
    padding: 20px 10px
}

.strategy-map .step-line .content .border-box.map-col3 .dd>li+li {
    border-left: 1px solid #d9dbde
}

.strategy-map .step-line .content .border-box.map-col3 .dd>li>strong {
    display: block;
    font-weight: bold;
    color: #44465c
}

@media only screen and (max-width:430px) {
    .strategy-map .step-line .content .border-box.map-col3 {
        background-size: 50% auto
    }
    .strategy-map .step-line .content .border-box.map-col3 .dd {
        display: block
    }
    .strategy-map .step-line .content .border-box.map-col3 .dd>li {
        display: block;
        width: 100%
    }
    .strategy-map .step-line .content .border-box.map-col3 .dd>li+li {
        border-left: 0;
        border-top: 1px solid #d9dbde
    }
}

.soldier_map {
    position: relative;
    width: 100%;
    margin: 20px 0 0;
    padding: 50px 0;
    text-align: center;
    border: 1px solid #e1e3e6
}

.soldier_map .map_wrap {
    position: relative;
    margin: 20px auto 0;
    width: 790px;
    height: 615px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auvf.be.xe%2S_erf%2Sauvf%2Sauvf%2Svzt%2Svzntrf%2Svzt_fbyqvre_03.cat') 0 0 no-repeat
}

.soldier_map .map_wrap>ul>li {
    position: absolute;
    width: 163px;
    height: 38px;
    line-height: 36px;
    border: 1px solid #69727e;
    border-radius: 3px;
    background: #fff
}

.soldier_map .map_wrap>ul>li a {
    display: block;
    text-align: left;
    padding: 0 0 0 10px;
    color: #44465c
}

.soldier_map .map_wrap>ul>li.link01 {
    left: 15px;
    top: 22px
}

.soldier_map .map_wrap>ul>li.link02 {
    left: 15px;
    top: 75px
}

.soldier_map .map_wrap>ul>li.link03 {
    left: 15px;
    top: 243px
}

.soldier_map .map_wrap>ul>li.link04 {
    right: 1px;
    top: 211px
}

.soldier_map .map_wrap>ul>li.link05 {
    left: 15px;
    top: 447px
}

.soldier_map .map_wrap>ul>li.link06 {
    right: 1px;
    top: 417px
}

.soldier_map .map_wrap>ul>li.link07 {
    left: 15px;
    top: 134px
}

.soldier_map .map_wrap>ul>li.link08 {
    left: 15px;
    top: 187px
}

.soldier_map .map_wrap>ul>li.link09 {
    left: 15px;
    top: 350px
}

.soldier_map .map_wrap>ul>li.link10 {
    right: 1px;
    top: 309px
}

.soldier_map .map_wrap>ul>li.link11 {
    right: 1px;
    top: 116px
}

.soldier_map .map_wrap>ul>li.link12 {
    left: 15px;
    top: 297px
}

.soldier_map .map_wrap>ul>li.link13 {
    left: 15px;
    top: 397px
}

.soldier_map .map_wrap>ul>li.link14 {
    right: 1px;
    top: 22px
}

@media only screen and (max-width:843px) {
    .soldier_map {
        padding: 20px
    }
    .soldier_map .map_wrap {
        width: 100%;
        height: auto;
        background: 0
    }
    .soldier_map .map_wrap>ul {
        overflow: hidden
    }
    .soldier_map .map_wrap>ul>li {
        position: static;
        float: left;
        width: calc(25% - 10px);
        margin: 5px
    }
    .soldier_map .map_wrap>ul>li a {
        padding-left: 0
    }
}

@media only screen and (max-width:540px) {
    .soldier_map .map_wrap>ul>li {
        width: calc(33.333333% - 10px)
    }
}

@media only screen and (max-width:360px) {
    .soldier_map .map_wrap>ul>li {
        width: calc(50% - 10px)
    }
}

#oacxEmbededContents .list a{
    line-height:1em;
}

#oacxEmbededContents .agree dt label.smBtn{
    width:auto !important;
    height:unset !important;
    margin-top:5px !important;
    column-gap:4px;
    line-height:1em;
}

#oacxEmbededContents .agree input[type=checkbox],
#oacxEmbededContents .agree input[type=radio]{
    display:inline-block !important;
    position:relative !important;
    width:20px !important;
    height:20px !important;
    margin:-3px 3px 0 0 !important;
    cursor:pointer !important;
}

#oacxEmbededContents .agree dt label:after,
#oacxEmbededContents .agree dt label:before{
    display:none !important;
}

.userInfo select{
    border-radius:0 !important;
    appearance:auto !important;
}