@charset "UTF-8"; /* subpage common */
@media (min-width: 0px) and (max-width: 1399px) {
    br.br-media {
        display: none;
    }
}

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

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

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

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

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

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

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

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

.prt-a.first-top {
    margin-top: 3.4375rem;
}

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

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

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

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

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

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

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

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

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

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

.prt-d {
    margin-bottom: 1.6875rem;
}

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

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

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

.t-red {
    color: #ef4121;
}

.t-lightblue {
    color: #525fff;
}

.t-black {
    color: #000;
}

.t-darkblue {
    color: #090f33;
}

.t-sky {
    color: #3aaae9;
}

.t-green {
    color: #30b11d;
}

.t-bsky {
    color: #3941a3;
}

.t-yellow {
    color: #ffe284;
}

.t-wei-thin {
    font-weight: 100;
}

.t-wei-light {
    font-weight: 300;
}

.t-wei-regular {
    font-weight: 400;
}

.t-wei-medium {
    font-weight: 500;
}

.t-wei-bold {
    font-weight: 700;
}

.nor-c {
    font-size: 1rem;
    font-weight: 400;
    color: #555;
    line-height: 2;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .nor-c {
        line-height: 1.8;
    }
}

.nor-c.mgt-40 {
    margin-top: 2.5rem;
}

.hd3-tt {
    font-family: "rixrak-sans-pro", sans-serif;
    position: relative;
    display: block;
    font-size: 1.875rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 2.125rem;
    padding-left: 1.875rem;
}

.hd3-tt:after {
    display: block;
    content: "";
    width: 1.4375rem;
    height: 1.75rem;
    background: url("../images/sub/hd3-tt-mark.png") 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    top: 0.3125rem;
    left: 0;
}

.hd3-tt.flex-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .hd3-tt.flex-heading {
        display: block;
    }
}

.hd3-tt.flex-heading .hd-tt {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.hd3-tt.flex-heading .sub-tt {
    font-family: "Spoqa Han Sans Neo";
    position: relative;
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    padding-left: 0.75rem;
    margin-left: 0.9375rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .hd3-tt.flex-heading .sub-tt {
        margin-top: 0.625rem;
        margin-left: -1.875rem;
        display: block;
    }
}

.hd3-tt.flex-heading .sub-tt:after {
    position: absolute;
    top: 0.125rem;
    left: 0;
    content: "";
    display: block;
    width: 2px;
    height: 14px;
    /* background-color: #dee2e6; 원본코드 20240808*/
    background-color: #000;
}

.hd4-tt {
    font-family: "rixrak-sans-pro", sans-serif;
    position: relative;
    display: block;
    font-size: 1.375rem;
    font-weight: 400;
    color: #101950;
    line-height: 1.2;
    padding-left: 0.875rem;
    margin-bottom: 1.25rem;
}

.hd4-tt:after {
    display: block;
    content: "";
    width: 0.3125rem;
    height: 0.3125rem;
    background-color: #080e32;
    position: absolute;
    top: 0.6875rem;
    left: 0;
}

.hd4-tt.tt-style {
    padding-left: 2.1875rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .hd4-tt.tt-style {
        padding-left: 0.9375rem;
    }
}

.hd4-tt.tt-style:after {
    left: 1.25rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .hd4-tt.tt-style:after {
        left: 0;
    }
}

.hd4-tt.fix-lt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hd4-tt.fix-lt .tt {
    margin-right: 0.4375rem;
}

.hd4-tt.fix-lt .blue-bg-impor {
    background-color: #939bff;
    font-family: "rixrak-sans-pro", sans-serif;
    font-size: 1.0625rem;
    font-weight: 400;
    color: #fff;
    padding: 0.25rem 1.125rem;
}

.hd4-tt.fix-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.hd4-tt.fix-side:after {
    display: none;
}

.hd4-tt.fix-side .tt {
    margin-right: 0.4375rem;
}

.hd4-tt.fix-side .tt:after {
    display: block;
    content: "";
    width: 0.3125rem;
    height: 0.3125rem;
    background-color: #080e32;
    position: absolute;
    top: 1rem;
    left: 0;
}

.hd4-tt.fix-side .year-sel {
    width: 10.75rem;
    height: 2.5rem;
    max-width: none;
    font-size: 16px;
    font-weight: 400;
    color: #113080;
}

.hd5-tt {
    position: relative;
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #555;
    line-height: 1.2;
    margin-left: 0.9375rem;
    margin-bottom: 0.6875rem;
    padding-left: 0.5625rem;
}

.hd5-tt:after {
    display: block;
    content: "";
    width: 0.25rem;
    height: 0.25rem;
    background-color: #555;
    position: absolute;
    top: 0.5rem;
    left: 0;
}

.hd5-tt.hd-sm-title {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 1.25rem;
}

.hd5-tt.indent-x {
    margin-left: 0;
}

.hd6-tt {
    position: relative;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #3941a3;
    line-height: 1.2;
    margin-left: 1.875rem;
    margin-bottom: 1.5rem;
    padding-left: 0.5625rem;
}

.hd6-tt:after {
    display: block;
    content: "";
    width: 0.25rem;
    height: 0.25rem;
    background-color: #555;
    position: absolute;
    top: 0.5rem;
    left: 0;
}

.boxing-title {
    display: block;
    font-family: "rixrak-sans-pro", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #3941a3;
    margin-bottom: 0.9375rem;
}

.boxing-title.big-txt {
    font-size: 1.625rem;
}

.boxing-title.sm-txt {
    font-size: 1.125rem;
}

.boxing-title.dark {
    color: #080e32;
}

.js-tab-wrap .js-tab-con.mgt-x {
    margin-top: 0;
}

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

.f-family-site .selectric-wrapper .selectric {
    background: transparent;
    border: 1px solid #717171;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
}

.f-family-site .selectric-wrapper .selectric .label {
    opacity: 0.5;
    font-size: 0.875rem;
    font-weight: 400;
    color: #fff;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 16px;
}

.f-family-site .selectric-wrapper .selectric .button {
    position: absolute;
    top: 0;
    right: 5px;
    width: 40px;
    height: 100%;
    font-size: 0;
    color: #717171;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.f-family-site .selectric-wrapper .selectric .button:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: block;
    width: 13px;
    height: 7px;
    background: url("../images/maincontents/f-family-site-icon.png") center center no-repeat;
    background-size: contain;
    border: 0;
}

.f-family-site .selectric-wrapper .selectric-items {
    background: #F8F8F8;
    border: 1px solid #c4c4c4;
    -webkit-box-shadow: 0 0 10px -6px;
    box-shadow: 0 0 10px -6px;
}

.f-family-site .selectric-wrapper .selectric-items .selectric-scroll ul li {
    font-size: 0.8125rem;
}

.spw-wrap {
    font-family: "Spoqa Han Sans Neo";
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-wrap {
        padding: 0 15px;
    }
}

article.spw-art-pd-x {
    padding-top: 0;
}

.main-more-btn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 39px;
    height: 39px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .main-more-btn {
        width: 1.5625rem;
        height: 1.5625rem;
    }
}

.main-more-btn:before, .main-more-btn:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    height: 1px;
    background-color: #222;
}

.main-more-btn:after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}

.ls-typ > li {
    font-size: 1rem;
    font-weight: 400;
    color: #555;
    display: block;
}

.ls-typ > li .mark {
    position: relative;
    display: block;
}

.ls-typ > li .mark:before {
    position: absolute;
    top: 1px;
    left: 0;
    content: "";
    display: block;
}

.ls-typ > li > .ls-typ.check-inner-ls {
    padding-left: 1.375rem;
}

.ls-typ > li > .ls-typ.dot-inner-ls {
    padding-left: 0.5rem;
}

.ls-typ > li > .ls-typ.number-inner-ls {
    padding-left: 1.125rem;
}

.ls-typ > li > .ls-typ.dash-inner-ls {
    padding-left: 0.5rem;
}

.ls-typ > li.flx-col .mark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ls-typ > li.mark-none .mark {
    padding-left: 0 !important;
}

.ls-typ > li.mark-none .mark:before {
    display: none;
}

.ls-typ.check > li {
    line-height: 2;
}

.ls-typ.check > li > .mark {
    padding-left: 1.375rem;
}

.ls-typ.check > li > .mark:before {
    top: 0.5625rem;
    width: 1rem;
    height: 0.75rem;
    background: url("../images/sub/ls-typ-check-icon.png") 0 0 no-repeat;
    background-size: contain;
}

.ls-typ.check > li .ls-typ.number .mark:before, .ls-typ.check > li .ls-typ.dash .mark:before {
    background: none;
}

.ls-typ.dot > li {
    line-height: 2;
}

.ls-typ.dot > li > .mark {
    padding-left: 0.5rem;
}

.ls-typ.dot > li > .mark:before {
    top: 0.875rem;
    width: 0.25rem;
    height: 0.25rem;
    background-color: #555;
}

.ls-typ.dot > li.side-btn-dot > .mark {
    position: relative;
    display: inline-block;
    padding-right: 3.75rem;
    word-break: break-word;
}

.ls-typ.dot > li.side-btn-dot > .mark .subbtn {
    position: absolute;
    top: -0.375rem;
    right: 0;
}

.ls-typ.number > li {
    line-height: 2;
}

.ls-typ.number > li > .mark {
    padding-left: 1.125rem;
}

.ls-typ.number > li > .mark:before {
    content: attr(data-number);
    top: 0;
}

.ls-typ.dash > li {
    line-height: 2;
}

.ls-typ.dash > li > .mark {
    padding-left: 0.5rem;
}

.ls-typ.dash > li > .mark:before {
    content: "-";
    top: 0;
}

.ls-typ.impor > li {
    line-height: 2;
    color: #81869f;
}

.ls-typ.impor > li > .mark {
    padding-left: 1.3125rem;
}

.ls-typ.impor > li > .mark:before {
    top: 0.5rem;
    width: 1rem;
    height: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url("../images/sub/ls-typ-impor-gray-icon.png");
}

.ls-typ.impor.red > li {
    color: #ef4121;
}

.ls-typ.impor.red > li > .mark:before {
    background-image: url("../images/sub/ls-typ-impor-red-icon.png");
}

.ls-typ.none > li {
    line-height: 2;
}

.ls-typ.none > li > .mark {
    padding-left: 0;
}

.ls-typ.none > li .ls-typ.number .mark:before, .ls-typ.none > li .ls-typ.dash .mark:before {
    background: none;
}

.ls-typ.none > li .ls-typ.dot.on-mark .mark:before {
    background-color: #555;
}

.ls-typ.tt-fix-sz > li > .mark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ls-typ.tt-fix-sz > li > .mark .fc-tt {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 4.6875rem;
}

.ls-typ.tt-fix-sz > li > .mark .fc-tt:before {
    position: absolute;
    top: -0.0625rem;
    right: -0.5625rem;
    content: ":";
    display: block;
    font-size: 1rem;
    font-weight: 400;
    color: #555;
    padding: 0 0.1875rem;
}

.ls-typ.tt-fix-sz > li > .mark .fc-con {
    padding-left: 0.625rem;
}

.ls-typ.tt-fix-sz-none > li {
    line-height: 2;
}

.ls-typ.tt-fix-sz-none > li > .mark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ls-typ.tt-fix-sz-none > li > .mark .fc-tt {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 0.1875rem;
}

.ls-typ.tt-fix-sz-none > li > .mark .fc-tt.alone {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.ls-typ.tt-fix-sz-none.colon > li > .mark .fc-tt {
    position: relative;
    margin-right: 0;
}

.ls-typ.tt-fix-sz-none.colon > li > .mark .fc-tt:before {
    position: absolute;
    top: -0.0625rem;
    right: -0.5625rem;
    content: ":";
    display: block;
    font-size: 1rem;
    font-weight: 400;
    color: #555;
    padding: 0 0.1875rem;
}

.ls-typ.tt-fix-sz-none.colon > li > .mark .fc-con {
    padding-left: 0.5625rem;
}

.ls-typ.mgt-15 {
    margin-top: 0.9375rem;
}

.ls-typ.mgt-25 {
    margin-top: 1.5625rem;
}

.ls-typ.side-pd {
    padding: 0 0.875rem;
}

.ls-typ.side-pd-h5 {
    padding: 0 1.5rem;
}

.ls-typ.ls-inline {
    display: inline-block;
}

.bg-box.color-peach {
    background-color: #ffece5;
}

.bg-box.color-darkgray {
    background-color: #ecedf1;
}

.bg-box.color-lightpeach {
    background-color: #fff5f2;
}

.bg-box.color-purple {
    background-color: #f1f2ff;
}

.bg-box.color-gray {
    background-color: #fbfbfb;
    border: 1px solid #dbdbdb;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .bg-box.color-gray {
        padding: 1.875rem 1.5rem;
    }
}

.bg-box.color-none-line {
    border: 1px solid #dee2e6;
    padding: 1.875rem 2.5rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .bg-box.color-none-line {
        padding: 1.875rem 1.5rem;
    }
}

.bg-box.color-none-line.bdb-line-none {
    border-bottom: 0;
}

.bg-box.line-bold {
    border: 10px solid #dbdbdb;
    background-color: #fff;
    padding: 2.125rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .bg-box.line-bold {
        padding: 1.875rem 1.5rem;
    }
}

.bg-box.pd-sz-pic {
    text-align: center;
    padding: 2.875rem 1.5rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .bg-box.pd-sz-pic {
        padding: 1.5rem;
    }
}

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

@media (min-width: 0px) and (max-width: 1399px) {
    .bg-box.pd-sz-normal-2 {
        padding: 1.875rem 1.5rem;
    }
}

.bg-box.pd-sz-normal {
    padding: 1.25rem 1.875rem;
}

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

@media (min-width: 680px) and (max-width: 1399px) {
    .bg-box.pd-sz-normal {
        padding: 1.25rem 1.25rem;
    }
}

.bg-box.pd-sz-xl {
    padding: 3.75rem 5rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .bg-box.pd-sz-xl {
        padding: 1.875rem 1.5rem;
    }
}

.bg-box.pd-sz-dia {
    padding: 3.75rem 1.875rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .bg-box.pd-sz-dia {
        padding: 1.875rem 1.5rem;
    }
}

.bg-box.mgt-10 {
    margin-top: 0.625rem;
}

.bg-box.mgt-15 {
    margin-top: 0.9375rem;
}

.bg-box.mgt-40 {
    margin-top: 2.5rem;
}

.bg-box.mgb-10 {
    margin-bottom: 0.625rem;
}

.bg-box.mgb-15 {
    margin-bottom: 0.9375rem;
}

.subbtn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 2.625rem;
    padding: 0 2.1875rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .subbtn {
        padding: 0 0.9375rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .subbtn {
        padding: 0 1.5625rem;
    }
}

.subbtn .txt {
    font-size: 1.0625rem;
    font-weight: 500;
    color: #fff;
}

.subbtn .txt .bt-icon {
    margin-left: 0.625rem;
}

.subbtn .icon {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 0.75rem;
    height: 0.75rem;
    margin-left: 0.6875rem;
}

.subbtn .icon.dw {
    background-image: url("../images/sub/subbtn-icon-dw.png");
}

.subbtn .icon.dw.white-ty {
    background-image: url("../images/sub/subbtn-icon-dw-white.png");
}

.subbtn .icon.link {
    background-image: url("../images/sub/subbtn-icon-link.png");
}

.subbtn .icon.yt-sm {
    background-image: url("../images/sub/subbtn-icon-yt-sm.png");
}

.subbtn .icon.search {
    background-image: url("../images/sub/subbtn-icon-search.png");
    width: 1.125rem;
    height: 1.125rem;
}

.subbtn .icon.more {
    background-image: url("../images/sub/subbtn-icon-more.png");
    width: 0.9375rem;
    height: 0.9375rem;
}

.subbtn .icon.youtube {
    background-image: url("../images/sub/subbtn-icon-youtube.png");
    width: 1.6875rem;
    height: 1.1875rem;
    margin-left: 0;
    margin-right: 0.5rem;
}

.subbtn .icon.pdf {
    background-image: url("../images/sub/subbtn-icon-pdf.png");
    width: 1.5625rem;
    height: 1.5rem;
    margin-left: 0;
    margin-right: 0.5rem;
}

.subbtn .icon.arrow {
    background-image: url("../images/sub/subbtn-icon-arrow.png");
}

.subbtn.sz-small {
    height: 1.875rem;
    padding: 0 1.25rem;
}

.subbtn.sz-small .txt {
    font-size: 0.9375rem;
}

.subbtn.sz-mid {
    height: 2.25rem;
    padding: 0 1.25rem;
}

.subbtn.sz-mid .txt {
    font-size: 0.9375rem;
}

.subbtn.sz-tall {
    height: 3.125rem;
    padding: 0 1.25rem;
}

.subbtn.sz-tall .txt {
    font-size: 0.9375rem;
}

.subbtn.b-purple {
    background-color: #525fff;
}

.subbtn.b-dark {
    background-color: #090f33;
}

.subbtn.b-red {
    background-color: #ef4121;
}

.subbtn.b-line {
    border: 1px solid #090f33;
    background-color: #fff;
}

.subbtn.b-line .txt {
    font-size: 1rem;
    color: #090f33;
}

.subbtn.only-link {
    padding: 0;
}

.subbtn.only-link .icon {
    margin-left: 0;
}

.subbtn.only-link.icon-bt-tall {
    width: 2.75rem;
    height: 2.25rem;
}

.subbtn.only-link.icon-bt-middle {
    width: 1.875rem;
    height: 1.875rem;
}

.subbtn.mgl-5 {
    margin-left: 0.3125rem;
}

.btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -5px;
}

.btn-wrap .btn-box {
    padding: 0 5px;
}

.btn-wrap.mgt-30 {
    margin-top: 1.875rem;
}

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

@media (min-width: 0px) and (max-width: 1399px) {
    .btn-wrap.st-right {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .btn-wrap.st-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.btn-wrap.st-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .btn-wrap.st-left {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .btn-wrap.st-left {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.btn-wrap.btn-per-100 {
    margin: 0 -0.4375rem;
}

.btn-wrap.btn-per-100 .btn-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 0.4375rem;
}

.btn-wrap.btn-per-100 .btn-box .subbtn {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 1.375rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .btn-wrap.btn-per-100 .btn-box .subbtn {
        padding: 0 0.625rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .btn-wrap.btn-per-100 .btn-box .subbtn {
        padding: 0 1.375rem;
    }
}

.tb_w .tb thead th {
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    background-color: #090f33;
    border: 1px solid #444758;
    height: 4.5625rem;
}

.tb_w .tb thead th.ft-up-22 {
    font-size: 1.375rem;
}

.tb_w .tb thead th.impor-red {
    background-color: #ef4121;
    border: 3px solid #ef4121;
    border-top-width: 1px;
}

.tb_w .tb tbody tr {
    z-index: 1;
}

.tb_w .tb tbody tr th.impor-line, .tb_w .tb tbody tr td.impor-line {
    border-bottom: 1px solid #090f33;
}

.tb_w .tb tbody tr th.txt-left, .tb_w .tb tbody tr td.txt-left {
    text-align: left;
}

.tb_w .tb tbody tr th.txt-left.txt-side-pd, .tb_w .tb tbody tr td.txt-left.txt-side-pd {
    padding-left: 1.4375rem;
    padding-right: 1.4375rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .tb_w .tb tbody tr th.txt-left.txt-side-pd, .tb_w .tb tbody tr td.txt-left.txt-side-pd {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

.tb_w .tb tbody tr th.txt-center, .tb_w .tb tbody tr td.txt-center {
    text-align: center;
}

.tb_w .tb tbody tr th.txt-center.txt-side-pd, .tb_w .tb tbody tr td.txt-center.txt-side-pd {
    padding-left: 1.4375rem;
    padding-right: 1.4375rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .tb_w .tb tbody tr th.txt-center.txt-side-pd, .tb_w .tb tbody tr td.txt-center.txt-side-pd {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

.tb_w .tb tbody tr th.txt-right, .tb_w .tb tbody tr td.txt-right {
    text-align: right;
}

.tb_w .tb tbody tr th.txt-right.txt-side-pd, .tb_w .tb tbody tr td.txt-right.txt-side-pd {
    padding-left: 1.4375rem;
    padding-right: 1.4375rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .tb_w .tb tbody tr th.txt-right.txt-side-pd, .tb_w .tb tbody tr td.txt-right.txt-side-pd {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

.tb_w .tb tbody th, .tb_w .tb tbody td {
    font-size: 1rem;
    font-weight: 400;
    color: #555;
    border: 1px solid #dbdbdb;
    height: 4.75rem;
}

.tb_w .tb tbody th {
    background-color: #f5f5f5;
}

.tb_w .tb tbody td.point-gr {
    background-color: #f5f5f5;
}

.tb_w .tb tbody td.impor-red {
    border-left: 3px solid #ef4121;
    border-right: 3px solid #ef4121;
    border-bottom: 1px solid #fff;
    background-color: #ffece5;
    color: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.tb_w .tb tbody td.impor-red.last-line-red {
    border-bottom: 3px solid #ef4121;
}

.tb_w .tb tbody td.point-red {
    position: relative;
    font-weight: 700;
    color: #ef4121 !important;
}

.tb_w .tb tbody td.point-red:after {
    position: absolute;
    top: -1px;
    left: -1px;
    content: "";
    display: block;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid #ef4121;
}

.tb_w .tb tbody td.point-gray {
    background-color: #f5f5f5;
    color: #090f33;
    font-weight: 500;
}

.tb_w .tb tbody td.gray-bg {
    background-color: #f5f5f5;
}

.tb_w .tb tbody td.lb-bg {
    background-color: #f6f7fc;
}

.tb_w .tb tbody td.red-bg {
    background-color: #ffece5;
}

.tb_w .tb tfoot tr td {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    border: 1px solid #dbdbdb;
    height: 4.75rem;
    background-color: #f5f5f5;
}

.tb_w.bd-pd-up .tb thead th {
    padding: 0.5rem 2.1875rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .tb_w.bd-pd-up .tb thead th {
        padding: 0.5rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .tb_w.bd-pd-up .tb thead th {
        padding: 0.5rem 1.25rem;
    }
}

.tb_w.bd-pd-up .tb tbody th, .tb_w.bd-pd-up .tb tbody td {
    padding: 0.875rem 2.1875rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .tb_w.bd-pd-up .tb tbody th, .tb_w.bd-pd-up .tb tbody td {
        padding: 0.5rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .tb_w.bd-pd-up .tb tbody th, .tb_w.bd-pd-up .tb tbody td {
        padding: 0.5rem 1.25rem;
    }
}

.tb_w.bd-pd-up.dbpdsm-th tbody th {
    padding: 0.875rem 1.5625rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .tb_w.bd-pd-up.dbpdsm-th tbody th {
        padding: 0.5rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .tb_w.bd-pd-up.dbpdsm-th tbody th {
        padding: 0.5rem 1.25rem;
    }
}

.tb_w.bd-pd-side-sm .tb thead th {
    padding: 0.5rem 1.4375rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .tb_w.bd-pd-side-sm .tb thead th {
        padding: 0.5rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .tb_w.bd-pd-side-sm .tb thead th {
        padding: 0.5rem 1.25rem;
    }
}

.tb_w.bd-pd-side-sm .tb tbody th, .tb_w.bd-pd-side-sm .tb tbody td {
    padding: 0.875rem 1.4375rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .tb_w.bd-pd-side-sm .tb tbody th, .tb_w.bd-pd-side-sm .tb tbody td {
        padding: 0.5rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .tb_w.bd-pd-side-sm .tb tbody th, .tb_w.bd-pd-side-sm .tb tbody td {
        padding: 0.5rem 1.25rem;
    }
}

.tb_w.mgt-20 {
    margin-top: 1.25rem;
}

.tb_w.mgt-50 {
    margin-top: 3.125rem;
}

.sub-title-banner {
    position: relative;
}

.sub-title-banner .tp-inner {
    z-index: 2;
    position: relative;
    padding: 2.5rem 3.625rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dee2e6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner .tp-inner {
        padding: 1.875rem;
    }
}

.sub-title-banner .tp-inner .boxing-title {
    margin-bottom: 0.3125rem;
    letter-spacing: -0.0625rem;
}

.sub-title-banner .tp-inner .ls-typ > li {
    letter-spacing: -0.0625rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner .tp-inner .ls-typ > li > .mark br {
        display: none;
    }
}

.sub-title-banner .tp-inner .pic-cont-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner .tp-inner .pic-cont-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .sub-title-banner .tp-inner .pic-cont-box {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.sub-title-banner .tp-inner .pic-cont-box .pic {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding-right: 3.125rem;
    margin-right: 2.3125rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner .tp-inner .pic-cont-box .pic {
        padding: 0;
        margin: 0;
        margin-bottom: 1.25rem;
        padding-bottom: 1.25rem;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .sub-title-banner .tp-inner .pic-cont-box .pic {
        width: auto;
        padding: 0;
        margin: 0;
        padding-right: 3.125rem;
        margin-right: 2.3125rem;
        display: block;
    }
}

.sub-title-banner .tp-inner .pic-cont-box .pic:after {
    position: absolute;
    top: 1.375rem;
    right: 0;
    content: "";
    display: block;
    width: 1px;
    height: 5.8125rem;
    background-color: #dee2e6;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner .tp-inner .pic-cont-box .pic:after {
        width: 100%;
        height: 1px;
        top: auto;
        bottom: 0;
        background-color: #080e32;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .sub-title-banner .tp-inner .pic-cont-box .pic:after {
        bottom: auto;
        top: 1.375rem;
        right: 0;
        background-color: #dee2e6;
        width: 1px;
        height: 5.8125rem;
    }
}

.sub-title-banner .tp-inner .pic-cont-box .con .tt-wd-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.3125rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner .tp-inner .pic-cont-box .con .tt-wd-side {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .sub-title-banner .tp-inner .pic-cont-box .con .tt-wd-side {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.sub-title-banner .tp-inner .pic-cont-box .con .tt-wd-side .boxing-title {
    margin-bottom: 0;
    margin-right: 0.625rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner .tp-inner .pic-cont-box .con .tt-wd-side .boxing-title {
        margin-right: 0;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .sub-title-banner .tp-inner .pic-cont-box .con .tt-wd-side .boxing-title {
        margin-right: 0.625rem;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner .tp-inner .pic-cont-box .con .tt-wd-side .sd-btn {
        padding: 0.625rem 0;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .sub-title-banner .tp-inner .pic-cont-box .con .tt-wd-side .sd-btn {
        padding: 0;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner .tp-inner .pic-cont-box .con .nor-c br {
        display: none;
    }
}

.sub-title-banner .bg {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right 0;
    background-size: auto 100%;
}

.sub-title-banner.title-flex .tt-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.3125rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.title-flex .tt-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.sub-title-banner.title-flex .tt-flex .boxing-title {
    margin-bottom: 0;
}

.sub-title-banner.title-flex .tt-flex .sd-btn {
    margin-left: 10px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.title-flex .tt-flex .sd-btn {
        margin-left: 0;
        margin-top: 0.3125rem;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.title-flex.icon-fix .tt-flex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.title-flex.icon-fix .tt-flex .sd-btn {
        margin-top: 0;
        margin-left: 0.625rem;
    }
}

.sub-title-banner.type-1 .tp-inner {
    height: 271px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.type-1 .tp-inner {
        height: auto;
    }
}

.sub-title-banner.type-1 .bg {
    background-image: url("../images/sub/s-title-banner-tp-1.png");
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.type-1 .bg {
        background-position: 45% 0;
        background-size: 0 contain;
        opacity: 0.5;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .sub-title-banner.type-1 .bg {
        background-position: right 0;
        opacity: 0.8;
    }
}

.sub-title-banner.type-2 .tp-inner {
    border: 0;
    height: 199px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.type-2 .tp-inner {
        height: auto;
    }
}

.sub-title-banner.type-2 .tp-inner .boxing-title {
    color: #fff;
}

.sub-title-banner.type-2 .tp-inner .nor-c {
    color: #fff;
}

.sub-title-banner.type-2 .bg {
    background-image: url("../images/sub/s-title-banner-tp-2.png");
    background-size: cover;
    background-position: right bottom;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.type-2 .bg {
        background-position: 90% bottom;
        background-size: cover;
    }
}

.sub-title-banner.type-3 .tp-inner {
    border: 0;
    height: 199px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.type-3 .tp-inner {
        height: auto;
    }
}

.sub-title-banner.type-3 .tp-inner .boxing-title {
    color: #fff;
}

.sub-title-banner.type-3 .tp-inner .nor-c {
    color: #fff;
}

.sub-title-banner.type-3 .tp-inner .ls-typ > li {
    color: #fff;
}

.sub-title-banner.type-3 .tp-inner .ls-typ > li .mark:before {
    background-color: #fff;
}

.sub-title-banner.type-3 .bg {
    background-image: url("../images/sub/s-title-banner-tp-3.png");
    background-size: cover;
    background-position: right bottom;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.type-3 .bg {
        background-position: 90% bottom;
        background-size: cover;
    }
}

.sub-title-banner.type-4 .tp-inner {
    border: 0;
    height: 209px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.type-4 .tp-inner {
        height: auto;
    }
}

.sub-title-banner.type-4 .tp-inner .boxing-title {
    color: #fff;
}

.sub-title-banner.type-4 .tp-inner .nor-c {
    color: #fff;
}

.sub-title-banner.type-4 .tp-inner .ls-typ > li {
    color: #fff;
}

.sub-title-banner.type-4 .tp-inner .ls-typ > li .mark:before {
    background-color: #fff;
}

.sub-title-banner.type-4 .bg {
    background-image: url("../images/sub/s-title-banner-tp-4.png");
    background-size: cover;
    background-position: right bottom;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.type-4 .bg {
        background-position: 90% bottom;
        background-size: cover;
    }
}

.sub-title-banner.type-5 .tp-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 476px;
    padding: 3.125rem 3.625rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.type-5 .tp-inner {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 3.125rem 1.25rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .sub-title-banner.type-5 .tp-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 3.125rem 3.625rem;
    }
}

.sub-title-banner.type-5 .tp-inner .l-con {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding-right: 2.75rem;
    margin-right: 2.6875rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.type-5 .tp-inner .l-con {
        text-align: center;
        padding-right: 0;
        margin-right: 0;
        padding-bottom: 1.875rem;
        margin-bottom: 1.875rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .sub-title-banner.type-5 .tp-inner .l-con {
        margin: 0;
        padding: 0;
        padding-right: 2.75rem;
        margin-right: 2.6875rem;
    }
}

.sub-title-banner.type-5 .tp-inner .l-con:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: block;
    width: 1px;
    height: 168px;
    background-color: #dee2e6;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.type-5 .tp-inner .l-con:after {
        width: 100%;
        height: 1px;
        top: auto;
        bottom: 0;
        background-color: #080e32;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .sub-title-banner.type-5 .tp-inner .l-con:after {
        bottom: auto;
        top: 0;
        right: 0;
        background-color: #dee2e6;
        width: 1px;
        height: 168px;
    }
}

.sub-title-banner.type-5 .tp-inner .r-con {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.sub-title-banner.type-5 .bg {
    background-image: url("../images/sub/s-title-banner-tp-5.png");
    background-size: auto;
    background-position: right top;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.type-5 .bg {
        background-position: 90% top;
        background-size: cover;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .sub-title-banner.type-5 .bg {
        background-size: contain;
        background-position: right 10%;
    }
}

.sub-title-banner.type-5.flex-none .tp-inner {
    display: block;
}

.sub-title-banner.type-5.hei-sz-228 .tp-inner {
    height: 228px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.type-5.hei-sz-228 .tp-inner {
        height: auto;
    }
}

.sub-title-banner.type-5.hei-sz-300 .tp-inner {
    height: 300px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.type-5.hei-sz-300 .tp-inner {
        height: auto;
    }
}

.sub-title-banner.type-5.hei-sz-304 .tp-inner {
    height: 304px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.type-5.hei-sz-304 .tp-inner {
        height: auto;
    }
}

.sub-title-banner.type-5.hei-sz-382 .tp-inner {
    height: 382px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.type-5.hei-sz-382 .tp-inner {
        height: auto;
    }
}

.sub-title-banner.type-6 .tp-inner {
    border: 0;
    height: 199px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.type-6 .tp-inner {
        height: auto;
    }
}

.sub-title-banner.type-6 .tp-inner .boxing-title {
    color: #fff;
}

.sub-title-banner.type-6 .tp-inner .nor-c {
    color: #fff;
}

.sub-title-banner.type-6 .tp-inner .ls-typ > li {
    color: #fff;
}

.sub-title-banner.type-6 .tp-inner .ls-typ > li .mark:before {
    background-color: #fff;
}

.sub-title-banner.type-6 .bg {
    background-image: url("../images/sub/s-title-banner-tp-6.png");
    background-size: cover;
    background-position: right bottom;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.type-6 .bg {
        background-position: 90% bottom;
        background-size: cover;
    }
}

.sub-title-banner.type-6-1 .tp-inner {
    border: 0;
    height: 227px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.type-6-1 .tp-inner {
        height: auto;
    }
}

.sub-title-banner.type-6-1 .tp-inner .boxing-title {
    color: #fff;
}

.sub-title-banner.type-6-1 .tp-inner .nor-c {
    color: #fff;
}

.sub-title-banner.type-6-1 .tp-inner .ls-typ > li {
    color: #fff;
}

.sub-title-banner.type-6-1 .tp-inner .ls-typ > li .mark:before {
    background-color: #fff;
}

.sub-title-banner.type-6-1 .bg {
    background-image: url("../images/sub/s-title-banner-tp-6-1.png");
    background-size: cover;
    background-position: right bottom;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.type-6-1 .bg {
        background-position: 90% bottom;
        background-size: cover;
    }
}

.sub-title-banner.type-7 .tp-inner {
    height: 199px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.type-7 .tp-inner {
        height: auto;
    }
}

.sub-title-banner.type-7 .tp-inner .boxing-title {
    color: #080e32;
}

.sub-title-banner.type-7 .tp-inner .nor-c {
    color: #555;
}

.sub-title-banner.type-7 .tp-inner .ls-typ > li {
    color: #fff;
}

.sub-title-banner.type-7 .tp-inner .ls-typ > li .mark:before {
    background-color: #fff;
}

.sub-title-banner.type-7 .bg {
    background-image: url("../images/sub/s-title-banner-tp-7.png");
    background-size: cover;
    background-position: right bottom;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.type-7 .bg {
        background-position: 90% bottom;
        background-size: cover;
    }
}

.sub-title-banner.type-8 .tp-inner {
    height: 186px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.type-8 .tp-inner {
        height: auto;
    }
}

.sub-title-banner.type-8 .bg {
    background-image: url("../images/sub/s-title-banner-tp-8.png");
    background-size: cover;
    background-position: right bottom;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .sub-title-banner.type-8 .bg {
        background-position: 78% bottom;
        background-size: cover;
    }
}

.person-in-charge-bar {
    display: none;
    border: 1px solid #dbdbdb;
    background-color: #fbfbfb;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.0625rem 2.5rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .person-in-charge-bar {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .person-in-charge-bar {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 1.0625rem 1.25rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .person-in-charge-bar {
        padding: 1.0625rem 2.5rem;
    }
}

.person-in-charge-bar .tt {
    font-size: 1.125rem;
    font-weight: 500;
    color: #000;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .person-in-charge-bar .tt {
        width: 100%;
        text-align: center;
        color: #fff;
        background-color: #000;
        padding: 0.625rem 0.3125rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .person-in-charge-bar .tt {
        background-color: transparent;
        color: #000;
        width: auto;
        text-align: left;
        padding: 0;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .person-in-charge-bar .info {
        padding: 0.9375rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .person-in-charge-bar .info {
        padding: 0;
    }
}

.person-in-charge-bar .info ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .person-in-charge-bar .info ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.person-in-charge-bar .info ul > li {
    position: relative;
    font-size: 1rem;
    font-weight: 500;
    color: #555;
    padding: 0 12px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .person-in-charge-bar .info ul > li {
        padding: 5px 12px;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .person-in-charge-bar .info ul > li {
        padding: 0 12px;
    }
}

.person-in-charge-bar .info ul > li:after {
    position: absolute;
    top: 50%;
    left: -2px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    content: "";
    display: block;
    width: 1px;
    height: 15px;
    background-color: #dbdbdb;
}

.person-in-charge-bar .info ul > li:first-child {
    padding-left: 0;
}

.person-in-charge-bar .info ul > li:first-child:after {
    display: none;
}

.person-in-charge-bar .info ul > li.mail {
    padding-left: 0;
    padding-right: 0;
    font-size: 0;
}

.person-in-charge-bar .info ul > li.mail:after {
    display: none;
}

.person-in-charge-bar .info ul > li.mail .mail-link {
    display: block;
}

.person-in-charge-bar .info ul > li.mail .mail-link .mail-icon {
    display: block;
    width: 1.25rem;
    height: 1rem;
    background: url("../images/sub/person-in-charge-mail-icon.png") 0 0 no-repeat;
    background-size: contain;
}

.person-in-charge-bar .info ul > li strong {
    font-weight: 500;
    color: #ef4121;
}

.person-in-charge-bar .info ul > li span a {
    color: #555;
}

.person-in-charge-bar.mgt-50 {
    margin-top: 3.125rem;
}

.llc-cont-box ul > li {
    display: block;
}

.llc-cont-box ul > li .bg-box {
    position: relative;
    padding-right: 3.4375rem;
    border-bottom: 0;
}

.llc-cont-box ul > li .bg-box .con-txt .boxing-title {
    margin-bottom: 0.3125rem;
}

.llc-cont-box ul > li .bg-box .con-txt .boxing-title.t-alone {
    margin-bottom: 0;
}

.llc-cont-box ul > li .bg-box .link-btn {
    position: absolute;
    bottom: 0;
    right: 0;
}

.llc-cont-box ul > li .bg-box .qr-btn {
    position: absolute;
    top: 50%;
    right: 3.125rem;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.llc-cont-box ul > li:last-child .bg-box {
    border-bottom: 1px solid #dee2e6;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .llc-cont-box ul > li.pdf-dw .bg-box {
        padding-bottom: 2.5rem;
    }
}

.llc-cont-box.down ul > li .bg-box {
    padding-right: 13.4375rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .llc-cont-box.down ul > li .bg-box {
        padding-right: 2.5rem;
        padding-bottom: 3.2rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .llc-cont-box.down ul > li .bg-box {
        padding-right: 11.5rem;
        padding-bottom: 1.875rem;
    }
}

.llc-cont-box.down ul > li .bg-box .link-btn {
    position: absolute;
    bottom: auto;
    right: 2.4375rem;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

@media (min-width: 0px) and (max-width: 1399px) {
    .llc-cont-box.down ul > li .bg-box .link-btn {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        bottom: 0;
        right: 0;
        top: auto;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .llc-cont-box.down ul > li .bg-box .link-btn {
        bottom: auto;
        right: 2.4375rem;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .llc-cont-box.down ul > li.sid-btn-long .bg-box {
        padding: 1.875rem 1.5rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .llc-cont-box.down ul > li.sid-btn-long .bg-box {
        padding-bottom: 3.125rem;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .llc-cont-box.down ul > li.sid-btn-long .bg-box .con-txt {
        text-align: center;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .llc-cont-box.down ul > li.sid-btn-long .bg-box .con-txt {
        text-align: left;
    }
}

.llc-cont-box.down ul > li.sid-btn-long .bg-box .link-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .llc-cont-box.down ul > li.sid-btn-long .bg-box .link-btn {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        position: static;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 1.25rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .llc-cont-box.down ul > li.sid-btn-long .bg-box .link-btn {
        position: absolute;
        width: auto;
        margin-top: 0;
        bottom: 0;
        right: 0;
        top: auto;
    }
}

.llc-cont-box.down ul > li.sid-btn-long .bg-box .link-btn .bt-zone {
    margin-right: 0.3125rem;
}

.llc-cont-box.down ul > li.sid-btn-long .bg-box .link-btn .bt-zone:last-child {
    margin-right: 0;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .llc-cont-box.down ul > li.sid-btn-long .bg-box .link-btn .bt-zone .subbtn {
        height: auto;
        padding: 0.625rem 0.9375rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .llc-cont-box.down ul > li.sid-btn-long .bg-box .link-btn .bt-zone .subbtn {
        height: 2.625rem;
        padding: 0 2.1875rem;
    }
}

.llc-cont-box.basic ul > li .bg-box {
    padding-right: 2.5rem;
}

.llc-cont-box.basic ul > li .bg-box .qr-btn {
    position: absolute;
    bottom: auto;
    right: 3.125rem;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

@media (min-width: 0px) and (max-width: 1399px) {
    .llc-cont-box.basic ul > li .bg-box .qr-btn {
        position: static;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        margin-top: 0.625rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .llc-cont-box.basic ul > li .bg-box .qr-btn {
        position: absolute;
        right: 1.5rem;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        margin-top: 0;
    }
}

.llc-cont-box.basic ul > li .bg-box .qr-btn a {
    display: block;
}

.llc-cont-box.basic ul > li.qrmark .bg-box {
    padding-right: 11rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .llc-cont-box.basic ul > li.qrmark .bg-box {
        padding-right: 1.5rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .llc-cont-box.basic ul > li.qrmark .bg-box {
        padding-right: 9.5rem;
        padding-bottom: 1.875rem;
    }
}

.llc-cont-box.basic ul > li.side-icon .bg-box {
    padding-right: 11rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .llc-cont-box.basic ul > li.side-icon .bg-box {
        padding-right: 1.5rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .llc-cont-box.basic ul > li.side-icon .bg-box {
        padding-right: 9.5rem;
        padding-bottom: 1.875rem;
    }
}

.llc-cont-box.basic ul > li.side-icon .bg-box .con-txt {
    z-index: 1;
    position: relative;
}

.llc-cont-box.basic ul > li.side-icon .bg-box .icon-bg {
    position: absolute;
    top: 50%;
    right: 3.6875rem;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-image: url("../images/sub/llc-bs-side-icon.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    width: 3.3125rem;
    height: 2.875rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .llc-cont-box.basic ul > li.side-icon .bg-box .icon-bg {
        opacity: 0.5;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        top: 0.9375rem;
        right: 0.9375rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .llc-cont-box.basic ul > li.side-icon .bg-box .icon-bg {
        opacity: 1;
        bottom: auto;
        top: 50%;
        right: 1.875rem;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

.llc-cont-box.basic ul > li.side-icon .bg-box .icon-bg.app-1-6-1 {
    background-image: url("../images/sub/llc-bs-side-app161-icon.png");
    width: 4.0625rem;
    height: 2.75rem;
}

.llc-cont-box.basic ul > li.side-icon .bg-box .icon-bg.app-1-6-2 {
    background-image: url("../images/sub/llc-bs-side-app162-icon.png");
    width: 3.125rem;
    height: 3rem;
}

.llc-cont-box.basic ul > li.side-icon .bg-box .icon-bg.app-1-7-1 {
    background-image: url("../images/sub/llc-bs-side-app171-icon.png");
    width: 2.75rem;
    height: 3rem;
}

.llc-cont-box.basic ul > li.side-icon .bg-box .icon-bg.app-1-7-2 {
    background-image: url("../images/sub/llc-bs-side-app172-icon.png");
    width: 3.3125rem;
    height: 2.875rem;
}

.llc-cont-box.basic ul > li.side-icon .bg-box .icon-bg.sup-1-2-2-hotd {
    background-image: url("../images/sub/llc-bs-side-sup122hotd-icon.png");
    width: 2.4375rem;
    height: 3rem;
}

.llc-cont-box.site-quick ul > li {
    margin-bottom: 0.625rem;
}

.llc-cont-box.site-quick ul > li:last-child {
    margin-bottom: 0;
}

.llc-cont-box.site-quick ul > li .bg-box {
    padding: 1.5625rem 0.9375rem;
    border-bottom: 1px solid #dee2e6;
}

.llc-cont-box.site-quick ul > li .bg-box .con-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .llc-cont-box.site-quick ul > li .bg-box .con-txt {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .llc-cont-box.site-quick ul > li .bg-box .con-txt {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.llc-cont-box.site-quick ul > li .bg-box .con-txt .pic {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding-right: 1rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .llc-cont-box.site-quick ul > li .bg-box .con-txt .pic {
        padding-right: 0;
        border: 1px solid #dee2e6;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .llc-cont-box.site-quick ul > li .bg-box .con-txt .pic {
        padding-right: 1rem;
        border: 0;
    }
}

.llc-cont-box.site-quick ul > li .bg-box .con-txt .pic:after {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #dee2e6;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .llc-cont-box.site-quick ul > li .bg-box .con-txt .pic:after {
        display: none;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .llc-cont-box.site-quick ul > li .bg-box .con-txt .pic:after {
        display: block;
    }
}

.llc-cont-box.site-quick ul > li .bg-box .con-txt .con {
    padding-left: 2.5rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .llc-cont-box.site-quick ul > li .bg-box .con-txt .con {
        padding-left: 0;
        padding-top: 1.5625rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .llc-cont-box.site-quick ul > li .bg-box .con-txt .con {
        padding-top: 0;
        padding-left: 1.8rem;
    }
}

.llc-cont-box.site-quick ul > li .bg-box .con-txt .con .tt {
    font-family: "rixrak-sans-pro", sans-serif;
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #080e32;
    margin-bottom: 0.875rem;
}

.llc-cont-box.site-quick ul > li .bg-box .con-txt .con .detail > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.875rem;
}

.llc-cont-box.site-quick ul > li .bg-box .con-txt .con .detail > li:last-child {
    margin-bottom: 0;
}

.llc-cont-box.site-quick ul > li .bg-box .con-txt .con .detail > li em {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 7.375rem;
    font-family: "rixrak-sans-pro", sans-serif;
    display: block;
    font-size: 1.125rem;
    font-weight: 400;
    color: #080e32;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .llc-cont-box.site-quick ul > li .bg-box .con-txt .con .detail > li em {
        width: 3.125rem;
    }
}

.llc-cont-box.site-quick ul > li .bg-box .con-txt .con .detail > li p {
    font-size: 1rem;
    font-weight: 400;
    color: #555;
}

.llc-cont-box.site-quick ul > li .bg-box .con-txt .con .detail > li p a {
    color: #555;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .llc-cont-box.site-quick ul > li .bg-box .link-btn {
        text-align: center;
        position: static;
        padding-top: 1.5625rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .llc-cont-box.site-quick ul > li .bg-box .link-btn {
        position: absolute;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .llc-cont-box.site-quick ul > li .bg-box .link-btn .subbtn {
        width: 100%;
        max-width: 320px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.llc-cont-box.wd-33per > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -0.4688rem;
}

.llc-cont-box.wd-33per > ul > li {
    width: 33.3333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.4688rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .llc-cont-box.wd-33per > ul > li {
        width: 100%;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .llc-cont-box.wd-33per > ul > li {
        width: 50%;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .llc-cont-box.wd-33per > ul > li {
        width: 33.3333%;
    }
}

.llc-cont-box.wd-33per > ul > li .bg-box {
    border: 1px solid #dee2e6;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2.5rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .llc-cont-box.wd-33per > ul > li .bg-box {
        padding-right: 1.5rem;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .llc-cont-box.wd-33per > ul > li .bg-box .con-txt .boxing-title br {
        display: none;
    }
}

.llc-cont-box.wd-33per > ul > li .bg-box .con-txt .ls-typ > li .mark {
    letter-spacing: -1px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .llc-cont-box.wd-33per > ul > li .bg-box .con-txt .ls-typ > li .mark br {
        display: none;
    }
}

.llc-cont-box.hei-254 > ul > li {
    height: 15.875rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .llc-cont-box.hei-254 > ul > li {
        height: auto;
    }
}

.llc-cont-box.li-mg15 ul > li {
    margin-bottom: 1.875rem;
}

.llc-cont-box.li-mg15 ul > li .bg-box {
    border-bottom: 1px solid #dee2e6;
}

.llc-cont-box.li-mg15 ul > li .ls-typ > li {
    margin-bottom: 0;
}

.llc-cont-box.li-mg15 ul > li:last-child {
    margin-bottom: 0;
}

.llc-cont-box.li-mg15 ul > li:last-child .bg-box {
    border-bottom: 1px solid #dee2e6;
}

.llc-cont-box.mgt-10 {
    margin-top: 0.625rem;
}

.llc-cont-box.mgt-40 {
    margin-top: 2.5rem;
}

.llc-cont-box.mgb-40 {
    margin-bottom: 2.5rem;
}

.boxls-part-box > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -0.4375rem;
}

.boxls-part-box > ul > li {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 33.3333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.4375rem;
}

.boxls-part-box.bx2 > ul > li{
    width: 50%;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .boxls-part-box > ul > li {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 23.4375rem;
        flex-basis: 23.4375rem;
    }
}

.boxls-part-box .box {
    position: relative;
    border: 1px solid #dee2e6;
    padding: 1.875rem 2.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 10.625rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .boxls-part-box .box {
        height: auto;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .boxls-part-box .box {
        height: 100%;
    }
}

.boxls-part-box .box .boxing-title {
    margin-bottom: 0.1875rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .boxls-part-box .box .ls-typ {
        padding-right: 4.175rem;
    }
}

.boxls-part-box .box .ls-typ > li > .mark {
    letter-spacing: -1px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .boxls-part-box .box .ls-typ > li > .mark br {
        display: none;
    }
}

.boxls-part-box .box .icon {
    z-index: -1;
    display: block;
    position: absolute;
    bottom: 1.875rem;
    right: 2.5rem;
    width: 3.25rem;
    height: 3.25rem;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

.boxls-part-box .box .icon.ic-1 {
    background-image: url("../images/sub/green-cf-icon-1.png");
}

.boxls-part-box .box .icon.ic-2 {
    background-image: url("../images/sub/green-cf-icon-2.png");
}

.boxls-part-box .box .icon.ic-3 {
    background-image: url("../images/sub/green-cf-icon-3.png");
}

.boxls-part-box .box .icon.ic-4 {
    background-image: url("../images/sub/green-cf-icon-4.png");
    width: 4rem;
    height: 3.0625rem;
}

.boxls-part-box .box .icon.ic-5 {
    background-image: url("../images/sub/green-cf-icon-5.png");
}

.boxls-part-box .box .icon.ic-6 {
    background-image: url("../images/sub/green-cf-icon-6.png");
    width: 3.5rem;
    height: 2.9375rem;
}

.boxls-part-box .box .icon.ic-7 {
    background-image: url("../images/sub/green-cf-icon-7.png");
}

.boxls-part-box .box .icon.ic-8 {
    background-image: url("../images/sub/green-cf-icon-8.png");
}

.boxls-part-box .box .icon.ic-9 {
    background-image: url("../images/sub/green-cf-icon-9.png");
    width: 3.625rem;
    height: 2.4375rem;
}

.boxls-part-box .box .icon.ic-10 {
    background-image: url("../images/sub/green-cf-icon-10.png");
}

.boxls-part-box .box .icon.ic-11 {
    background-image: url("../images/sub/green-cf-icon-11.png");
    width: 3.4375rem;
    height: 2.3125rem;
}

.boxls-part-box .box .icon.ic-12 {
    background-image: url("../images/sub/green-cf-icon-12.png");
    width: 3.5rem;
    height: 2.5625rem;
}

.boxls-part-box .box .icon.ic-13 {
    background-image: url("../images/sub/green-cf-icon-13.png");
}

.boxls-part-box .box .icon.ic-14 {
    background-image: url("../images/sub/green-cf-icon-14.png");
}

.boxls-part-box .box .icon.ic-15 {
    background-image: url("../images/sub/green-cf-icon-15.png");
    width: 3.5625rem;
    height: 3rem;
}

.boxls-part-box .box .icon.ic-16 {
    background-image: url("../images/sub/green-cf-icon-16.png");
}

.boxls-part-box .box .icon.ic-17 {
    background-image: url("../images/sub/green-cf-icon-17.png");
}

.boxls-part-box .box .icon.ic-18 {
    background-image: url("../images/sub/green-cf-icon-18.png");
    width: 3.3125rem;
    height: 2.875rem;
}

.boxls-part-box .box .icon.ic-19 {
    background-image: url("../images/sub/green-cf-icon-19.png");
}

.boxls-part-box .box .icon.ic-20 {
    background-image: url("../images/sub/green-cf-icon-20.png");
}

.boxls-part-box .box .icon.ic-21 {
    background-image: url("../images/sub/green-cf-icon-21.png");
    width: 2.875rem;
    height: 2.875rem;
}

.boxls-part-box.bx-hei-158 .box {
    height: 9.875rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .boxls-part-box.bx-hei-158 .box {
        height: auto;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .boxls-part-box.bx-hei-158 .box {
        height: 100%;
    }
}

.boxls-part-box.bx-hei-202 .box {
    height: 12.625rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .boxls-part-box.bx-hei-202 .box {
        height: auto;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .boxls-part-box.bx-hei-202 .box {
        height: 100%;
    }
}

.boxls-part-box.bx-hei-240 .box {
    height: 15rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .boxls-part-box.bx-hei-240 .box {
        height: auto;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .boxls-part-box.bx-hei-240 .box {
        height: 100%;
    }
}

.boxls-part-box.bx-hei-480 .box {
    height: 30rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .boxls-part-box.bx-hei-480 .box {
        height: auto;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .boxls-part-box.bx-hei-480 .box {
        height: 100%;
    }
}

.boxls-part-box.per-50 > ul > li {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50%;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .boxls-part-box.per-50 > ul > li {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 23.4375rem;
        flex-basis: 23.4375rem;
    }
}

.boxls-part-box.per-50 .box {
    height: 100%;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .boxls-part-box.per-50 .box {
        height: 100%;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .boxls-part-box.per-50 .box {
        height: 100%;
    }
}

.boxls-part-box.mgt-25 {
    margin-top: 1.5625rem;
}

.linebox-cont-box > ul > li {
    position: relative;
    display: block;
    margin-bottom: 1.25rem;
}

.linebox-cont-box > ul > li:last-child {
    margin-bottom: 0;
}

.linebox-cont-box > ul > li.dash-line {
    margin-bottom: 1.125rem;
    padding-bottom: 1.125rem;
    border-bottom: 1px dashed #999;
}

.circle-dot-ls > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -0.2188rem -0.1563rem;
}

.circle-dot-ls > ul > li {
    line-height: 2;
    padding: 0.2188rem 0.1563rem;
}

.circle-dot-ls .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #dbdbdb;
    border-radius: 1.3125rem;
    padding: 0.25rem 1.375rem;
}

.circle-dot-ls .box .txt {
    position: relative;
    display: block;
    padding-left: 0.5rem;
    font-size: 1rem;
    font-weight: 400;
    color: #555;
}

.circle-dot-ls .box .txt:before {
    content: "";
    display: block;
    position: absolute;
    top: 0.875rem;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    background-color: #555;
}

.circle-dot-ls.gray-bg .box {
    background-color: #fbfbfb;
}

.circle-dot-ls.mgt-5 {
    margin-top: 5px;
}

.circle-mark-ls > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -0.1875rem -0.3125rem;
}

.circle-mark-ls > ul:before, .circle-mark-ls > ul:after {
    content: "";
    display: table;
}

.circle-mark-ls > ul:after {
    clear: both;
}

.circle-mark-ls > ul > li {
    display: block;
    float: left;
    line-height: 2;
    padding: 0.1875rem 0.3125rem;
}

.circle-mark-ls > ul > li.on .box {
    border: 2px solid #000;
    -webkit-box-shadow: 0px 13px 27px 0px rgba(171, 171, 171, 0.34);
    box-shadow: 0px 13px 27px 0px rgba(171, 171, 171, 0.34);
}

.circle-mark-ls > ul > li.on .box .txt {
    color: #000;
}

.circle-mark-ls > ul > li.on .box .mk {
    background-color: #3941a3;
}

.circle-mark-ls > ul > li.on .box .mk:after {
    background-image: url("../images/sub/circle-mark-ls-on.png");
}

.circle-mark-ls .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 3.25rem;
    border: 1px solid #dbdbdb;
    border-radius: 1.625rem;
    padding: 0 0.5625rem 0 1.5625rem;
}

.circle-mark-ls .box .txt {
    position: relative;
    display: block;
    font-size: 1rem;
    font-weight: 500;
    color: #656565;
    line-height: 1.2;
}

.circle-mark-ls .box .mk {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: block;
    width: 1.8125rem;
    height: 1.8125rem;
    border-radius: 50%;
    margin-left: 1.75rem;
}

.circle-mark-ls .box .mk:after {
    display: block;
    content: "";
    width: 1.8125rem;
    height: 1.8125rem;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    background-image: url("../images/sub/circle-mark-ls-off.png");
}

.circle-mark-ls.per-sz-sm > ul {
    margin: -0.1875rem -0.1563rem;
}

.circle-mark-ls.per-sz-sm > ul > li {
    padding: 0.1875rem 0.1563rem;
}

.direction-guide-map {
    border: 1px solid #dee2e6;
}

.direction-guide-map .map-gui-banner {
    position: relative;
}

.direction-guide-map .map-gui-banner .map-area {
    width: 100%;
    height: 462px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .direction-guide-map .map-gui-banner .map-area {
        height: 300px;
    }
}

.direction-guide-map .map-gui-banner .map-area iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.map-foot-detail {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #dee2e6;
    padding: 1.5rem 2.4375rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .map-foot-detail {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1.25rem 0.9375rem;
    }
}

.map-foot-detail .add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .map-foot-detail .add {
        margin-bottom: 0.625rem;
    }
}

.map-foot-detail .add span {
    font-size: 1.125rem;
    font-weight: 500;
    color: #090f33;
}

.map-foot-detail .view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.map-foot-detail .view .v-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.map-foot-detail .view .v-type a {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0.8125rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .map-foot-detail .view .v-type a:first-child {
        margin-left: 0;
    }
}

.map-foot-detail .view .v-type a:after {
    position: absolute;
    top: 50%;
    right: -0.875rem;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    content: "";
    display: block;
    width: 1px;
    height: 0.9375rem;
    background-color: #d0d0d0;
}

.map-foot-detail .view .v-type a:last-child:after {
    display: none;
}

.map-foot-detail .view .v-type a i {
    width: 0.6875rem;
    height: 0.9375rem;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    margin-right: 0.5rem;
}

.map-foot-detail .view .v-type a i.lv {
    background-image: url("../images/sub/direction-guide-ltype-1.png");
}

.map-foot-detail .view .v-type a i.ls {
    background-image: url("../images/sub/direction-guide-ltype-2.png");
}

.map-foot-detail .view .v-type a span {
    font-size: 0.9375rem;
    font-weight: 400;
    color: #4b4b4b;
}

.map-foot-detail .view .all-type {
    margin-left: 0.625rem;
}

.map-foot-detail .tips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .map-foot-detail .tips {
        margin-bottom: 0.625rem;
    }
}

.map-foot-detail .tips .ls-typ > li > .mark {
    font-size: 1rem;
    font-weight: 500;
    color: #090f33;
}

.map-foot-detail .tips .ls-typ > li > .mark .fc-tt {
    width: 3.75rem;
}

.map-foot-detail .tips .ls-typ > li .red-impor {
    display: block;
    padding-left: 5.6625rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem;
    font-weight: 500;
}

.map-foot-detail .ab-impor {
    position: absolute;
    bottom: 1.5rem;
    right: 2.4375rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .map-foot-detail .ab-impor {
        position: static;
    }
}

.map-foot-detail .ab-impor p {
    line-height: 2;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #000;
}

.map-foot-detail.alone-foot {
    border-top: 0;
}

.direction-guide-transit .inner {
    position: relative;
}

.direction-guide-transit .direction-ls {
    z-index: 1;
    position: relative;
    line-height: 2;
}

.direction-guide-transit .direction-ls > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
}

.direction-guide-transit .direction-ls > li .tt {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-weight: 700;
    color: #3941a3;
    padding-left: 0.5rem;
    width: 3.3125rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.direction-guide-transit .direction-ls > li .tt:after {
    position: absolute;
    top: 0.875rem;
    left: 0;
    content: "";
    display: block;
    width: 0.25rem;
    height: 0.25rem;
    background-color: #3941a3;
}

.direction-guide-transit .direction-ls > li .con {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.direction-guide-transit .direction-ls > li .con .con-sub {
    color: #555;
    font-weight: 400;
}

.direction-guide-transit .direction-ls > li .con .bus-ls {
    padding-left: 0.5rem;
}

.direction-guide-transit .direction-ls > li .con .bus-ls > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.direction-guide-transit .direction-ls > li .con .bus-ls > li .c-bus {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-weight: 700;
    padding-left: 1.5rem;
    width: 7.8125rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.direction-guide-transit .direction-ls > li .con .bus-ls > li .c-bus:after {
    position: absolute;
    top: 0.4375rem;
    left: 0;
    content: "";
    display: block;
    width: 1rem;
    height: 1.1875rem;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

.direction-guide-transit .direction-ls > li .con .bus-ls > li .c-bus.green {
    color: #2ea51e;
}

.direction-guide-transit .direction-ls > li .con .bus-ls > li .c-bus.green:after {
    background-image: url("../images/sub/direction-bus-icon-green.png");
}

.direction-guide-transit .direction-ls > li .con .bus-ls > li .c-bus.blue {
    color: #3941a3;
}

.direction-guide-transit .direction-ls > li .con .bus-ls > li .c-bus.blue:after {
    background-image: url("../images/sub/direction-bus-icon-blue.png");
}

.direction-guide-transit .direction-ls > li .con .bus-ls > li .c-bus.red {
    color: #ef4121;
}

.direction-guide-transit .direction-ls > li .con .bus-ls > li .c-bus.red:after {
    background-image: url("../images/sub/direction-bus-icon-red.png");
}

.direction-guide-transit .direction-ls > li .con .bus-ls > li .c-bus.normal {
    color: #555;
}

.direction-guide-transit .direction-ls > li .con .bus-ls > li .c-bus.normal:after {
    background-image: url("../images/sub/direction-bus-icon-normal.png");
}

.direction-guide-transit .direction-ls > li .con .bus-ls > li p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #555;
    font-weight: 400;
}

.direction-guide-transit .direction-icon {
    position: absolute;
    bottom: 0.625rem;
    right: 2.4375rem;
    display: block;
    width: 3.6875rem;
    height: 3.25rem;
    background: url("../images/sub/direction-bus-icon.png") 0 0 no-repeat;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .direction-guide-transit .direction-icon {
        display: none;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .direction-guide-transit .direction-icon {
        display: block;
        top: 0.625rem;
        bottom: auto;
    }
}

.direction-guide-transit .ab-impor {
    position: absolute;
    bottom: 0;
    right: 0;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .direction-guide-transit .ab-impor {
        position: static;
        margin-top: 0.625rem;
    }
}

.direction-guide-transit .ab-impor p {
    line-height: 2;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #000;
}

.direction-guide-transit.top-line-none {
    border-top: 0;
}

.blueline-step-box {
    padding-top: 1.875rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .blueline-step-box {
        padding-top: 0;
    }
}

.blueline-step-box > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #dee2e6;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .blueline-step-box > ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .blueline-step-box > ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.blueline-step-box > ul > li {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
    border-right: 1px solid #dee2e6;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .blueline-step-box > ul > li {
        border-right: 0;
        border-bottom: 1px solid #dee2e6;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .blueline-step-box > ul > li {
        -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
    }
}

.blueline-step-box > ul > li:after {
    z-index: 1;
    position: absolute;
    top: 50%;
    right: -0.625rem;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    content: "";
    display: block;
    width: 10px;
    height: 37px;
    background: url("../images/sub/discussion-step-white-arrow.png") 0 0 no-repeat;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .blueline-step-box > ul > li:after {
        top: auto;
        bottom: -23px;
        right: auto;
        left: 50%;
        -webkit-transform: translate(-50%, 0) rotate(90deg);
        transform: translate(-50%, 0) rotate(90deg);
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .blueline-step-box > ul > li:after {
        display: none;
    }
}

.blueline-step-box > ul > li:nth-child(2n) {
    background-color: #d7ddff;
}

.blueline-step-box > ul > li:nth-child(2n):after {
    background: url("../images/sub/discussion-step-blue-arrow.png") 0 0 no-repeat;
    background-size: contain;
}

.blueline-step-box > ul > li:nth-child(2n) .box .step:after {
    border: 0.3125rem solid #d7ddff;
}

.blueline-step-box > ul > li:last-child {
    border-right: 0;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .blueline-step-box > ul > li:last-child {
        border-bottom: 0;
    }
}

.blueline-step-box > ul > li:last-child:after {
    display: none;
}

.blueline-step-box .box {
    position: relative;
    height: 100%;
    min-height: 13.4375rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 6px solid #3941a3;
    padding: 1.5625rem 2.1875rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .blueline-step-box .box {
        border-top: 0;
        border-left: 6px solid #3941a3;
        min-height: auto;
    }
}

.blueline-step-box .box .step {
    position: absolute;
    top: -38px;
    left: 2.3125rem;
    font-family: "Montserrat";
    font-size: 0.9375rem;
    font-weight: 400;
    color: #3941a3;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .blueline-step-box .box .step {
        display: block;
        position: relative;
        top: auto;
        left: auto;
        padding-left: 1.25rem;
        margin-bottom: 0.9375rem;
    }
}

.blueline-step-box .box .step:after {
    position: absolute;
    bottom: -1.5rem;
    left: 0;
    content: "";
    display: block;
    width: 0.625rem;
    height: 0.625rem;
    background-color: #3941a3;
    border: 0.3125rem solid #fff;
    border-radius: 50%;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .blueline-step-box .box .step:after {
        bottom: auto;
        top: 0;
    }
}

.blueline-step-box .box .con {
    z-index: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.blueline-step-box .box .con .tt {
    font-size: 1.125rem;
    font-weight: 700;
    color: #3941a3;
    line-height: 1.777;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .blueline-step-box .box .con .tt br {
        display: none;
    }
}

.blueline-step-box .box .con .tt .underline {
    position: relative;
    display: inline-block;
    font-size: 0.875rem;
}

.blueline-step-box .box .con .tt .underline:after {
    z-index: -1;
    content: "";
    display: block;
    width: 100%;
    height: 0.625rem;
    position: absolute;
    bottom: 0.125rem;
    left: 0;
    background-color: #eff1fc;
}

.blueline-step-box .box .con .ls-typ > li > .mark {
    letter-spacing: -1px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .blueline-step-box .box .con .ls-typ > li > .mark br {
        display: none;
    }
}

.blueline-step-box .box .con .nor-c.blue-b-t {
    color: #3941a3;
    font-weight: 700;
}

.blueline-step-box .box .icon {
    display: block;
    position: absolute;
    bottom: 2.5rem;
    right: 2.5rem;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .blueline-step-box .box .icon {
        bottom: auto;
        top: 0.9375rem;
        right: 0.9375rem;
        background-size: auto 70%;
        background-position: center center;
    }
}

.blueline-step-box .box .icon.con-1 {
    width: 2.75rem;
    height: 2.625rem;
    background-image: url("../images/sub/bl-step-icon-1.png");
}

.blueline-step-box .box .icon.con-2 {
    width: 3rem;
    height: 2.625rem;
    background-image: url("../images/sub/bl-step-icon-2.png");
}

.blueline-step-box .box .icon.con-3 {
    width: 2.75rem;
    height: 2.9375rem;
    background-image: url("../images/sub/bl-step-icon-3.png");
}

.blueline-step-box .box .icon.con-4 {
    width: 2.625rem;
    height: 3rem;
    background-image: url("../images/sub/bl-step-icon-4.png");
}

.blueline-step-box .box .icon.con-5 {
    width: 3.125rem;
    height: 2.9375rem;
    background-image: url("../images/sub/bl-step-icon-5.png");
}

.blueline-step-box .box .icon.con-6 {
    width: 2.625rem;
    height: 2.625rem;
    background-image: url("../images/sub/bl-step-icon-6.png");
}

.blueline-step-box .box .icon.con-7 {
    width: 2.5625rem;
    height: 2.875rem;
    background-image: url("../images/sub/bl-step-icon-7.png");
}

.blueline-step-box .box .icon.con-8 {
    width: 2.5625rem;
    height: 3.0625rem;
    background-image: url("../images/sub/bl-step-icon-8.png");
}

.blueline-step-box.hei-128 .box {
    min-height: 8rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .blueline-step-box.hei-128 .box {
        min-height: auto;
    }
}

.blueline-step-box.hei-165 .box {
    min-height: 10.3125rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .blueline-step-box.hei-165 .box {
        min-height: auto;
    }
}

.blueline-step-box.hei-191 .box {
    min-height: 11.9375rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .blueline-step-box.hei-191 .box {
        min-height: auto;
    }
}

.blueline-step-box.hei-321 .box {
    min-height: 321px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .blueline-step-box.hei-321 .box {
        min-height: auto;
    }
}

.blueline-step-box.hei-352 .box {
    min-height: 352px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .blueline-step-box.hei-352 .box {
        min-height: auto;
    }
}

.gate-pg-menu-box {
    /* max-height: 50.4375rem; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5rem 6.25rem;
    background: url("../images/sub/gate-pg-menu-bg.png") 0 0 no-repeat;
    background-size: cover;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .gate-pg-menu-box {
        height: auto;
        padding: 1.875rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .gate-pg-menu-box {
        padding: 2.5rem 1.875rem;
    }
}

.gate-pg-menu-box .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 4.375rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .gate-pg-menu-box .title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 1.5625rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .gate-pg-menu-box .title {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 2.5rem;
    }
}

.gate-pg-menu-box .title .tt {
    position: relative;
    display: block;
    font-family: "rixrak-sans-pro", sans-serif;
    font-size: 2.5rem;
    font-weight: 600;
    color: #fff;
    padding-left: 3.25rem;
    margin-right: 2.1875rem;
    letter-spacing: -1px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 13.875rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .gate-pg-menu-box .title .tt {
        font-size: 2.1875rem;
        padding-left: 2.8125rem;
        margin-bottom: 0.625rem;
        width: auto;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .gate-pg-menu-box .title .tt {
        width: 12.1rem;
        margin-bottom: 0;
        margin-right: 0.6875rem;
    }
}

.gate-pg-menu-box .title .tt:after {
    position: absolute;
    top: 0.3125rem;
    left: 0;
    content: "";
    display: block;
    width: 2.3125rem;
    height: 2.5625rem;
    background: url("../images/sub/gate-face-icon.png") 0 0 no-repeat;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .gate-pg-menu-box .title .tt:after {
        width: 2.1875rem;
        height: 2.4375rem;
        top: -0.05rem;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .gate-pg-menu-box .title .tt br {
        display: none;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .gate-pg-menu-box .title .tt br {
        display: block;
    }
}

.gate-pg-menu-box .title .con {
    position: relative;
    color: #fff;
    padding-left: 2.1875rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .gate-pg-menu-box .title .con {
        padding-left: 0.9375rem;
    }
}

.gate-pg-menu-box .title .con:after {
    position: absolute;
    top: 0.3125rem;
    left: 0;
    content: "";
    display: block;
    width: 1px;
    height: calc(100% - 9px);
    background-color: #fff;
    opacity: 0.5;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .gate-pg-menu-box .title .con:after {
        width: 0.1875rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .gate-pg-menu-box .title .con:after {
        width: 1px;
    }
}

.gate-pg-menu-box .title .con em {
    font-size: 1.25rem;
    font-weight: 700;
    display: block;
    margin-bottom: 0.9375rem;
}

.gate-pg-menu-box .title .con p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: -1px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .gate-pg-menu-box .title .con p br {
        display: none;
    }
}

.gate-pg-menu-box .con-ls ul {
    margin: -0.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .gate-pg-menu-box .con-ls ul {
        margin: -0.3125rem;
    }
}

.gate-pg-menu-box .con-ls ul > li {
    padding: 0.625rem;
    width: 33.3333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .gate-pg-menu-box .con-ls ul > li {
        padding: 0.3125rem;
        width: 50%;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .gate-pg-menu-box .con-ls ul > li {
        width: 33.3333%;
    }
}

.gate-pg-menu-box .con-ls ul .box {
    display: block;
    height: 13.75rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
    background-image: url("../images/sub/gate-box-blank-bg.png");
}

@media (min-width: 0px) and (max-width: 1399px) {
    .gate-pg-menu-box .con-ls ul .box {
        height: 11.25rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .gate-pg-menu-box .con-ls ul .box {
        height: 13.75rem;
    }
}

.gate-pg-menu-box .con-ls ul .box.bg-manp-1 {
    background-position: center center;
    background-image: url("../images/sub/gate-box-bg-manp-1.png");
}

.gate-pg-menu-box .con-ls ul .box.bg-manp-2 {
    background-position: center center;
    background-image: url("../images/sub/gate-box-bg-manp-2.png");
}

.gate-pg-menu-box .con-ls ul .box.bg-manp-3 {
    background-position: center center;
    background-image: url("../images/sub/gate-box-bg-manp-3.png");
}

.gate-pg-menu-box .con-ls ul .box.bg-manp-4 {
    background-position: center center;
    background-image: url("../images/sub/gate-box-bg-manp-4.png");
}

.gate-pg-menu-box .con-ls ul .box.bg-manp-5 {
    background-position: center center;
    background-image: url("../images/sub/gate-box-bg-manp-5.png");
}

.gate-pg-menu-box .con-ls ul .box.bg-manp-6 {
    background-position: center center;
    background-image: url("../images/sub/gate-box-bg-manp-6.png");
}

.gate-pg-menu-box .con-ls ul .box.bg-manp-7 {
    background-position: center center;
    background-image: url("../images/sub/gate-box-bg-manp-7.png");
}

.gate-pg-menu-box .con-ls ul .box.bg-manp-8 {
    background-position: center center;
    background-image: url("../images/sub/gate-box-bg-manp-8.png");
}

.gate-pg-menu-box .con-ls ul .box.bg-sfti-1 {
    background-position: center center;
    background-image: url("../images/sub/gate-box-bg-sfti-1.png");
}

.gate-pg-menu-box .con-ls ul .box.bg-sfti-2 {
    background-position: center center;
    background-image: url("../images/sub/gate-box-bg-sfti-2.png");
}
.gate-pg-menu-box .con-ls ul .box.bg-sfti-3 {
    background-position: center center;
    background-image: url("../images/sub/gate-box-bg-sfti-4.png");
}
.gate-pg-menu-box .con-ls ul .box.bg-sfti-4 {
    background-position: center center;
    background-image: url("../images/sub/gate-box-bg-sfti-4.png");
}
.gate-pg-menu-box .con-ls ul .box.bg-sfti-5 {
    background-position: center center;
    background-image: url("../images/sub/gate-box-bg-sfti-5.png");
}


.gate-pg-menu-box .con-ls ul .box.bg-sfdi-1 {
    background-position: center center;
    background-image: url("../images/sub/gate-box-bg-sfdi-1.png");
}

.gate-pg-menu-box .con-ls ul .box.bg-sfdi-2 {
    background-position: center center;
    background-image: url("../images/sub/gate-box-bg-sfdi-2.png");
}

.gate-pg-menu-box .con-ls ul .box.bg-sfdi-3 {
    background-position: center center;
    background-image: url("../images/sub/gate-box-bg-sfdi-3.png");
}

.gate-pg-menu-box .con-ls ul .box.bg-award-1 {
    background-position: center center;
    background-image: url("../images/sub/gate-box-bg-award-1.png");
}

.gate-pg-menu-box .con-ls ul .box.bg-award-2 {
    background-position: center center;
    background-image: url("../images/sub/gate-box-bg-award-2.png");
}

.gate-pg-menu-box .con-ls ul .box.bg-cdsy-1 {
    background-position: center center;
    background-image: url("../images/sub/gate-box-bg-cdsy-1.png");
}

.gate-pg-menu-box .con-ls ul .box.bg-cdsy-2 {
    background-position: center center;
    background-image: url("../images/sub/gate-box-bg-cdsy-2.png");
}

.gate-pg-menu-box .con-ls ul .box.bg-cdsy-3 {
    background-position: center center;
    background-image: url("../images/sub/gate-box-bg-cdsy-3.png");
}

.gate-pg-menu-box .con-ls ul .box.bg-cdsy-4 {
    background-position: center center;
    background-image: url("../images/sub/gate-box-bg-cdsy-4.png");
}

.gate-pg-menu-box .con-ls ul .box.bg-cdsy-5 {
    background-position: center center;
    background-image: url("../images/sub/gate-box-bg-cdsy-5.png");
}

.gate-pg-menu-box .con-ls ul .box.bg-cdsy-6 {
    background-position: center center;
    background-image: url("../images/sub/gate-box-bg-cdsy-6.png");
}

.gate-pg-menu-box .con-ls ul .box.detail .lnk-inner .tt span i {
    background-color: #31f6fe;
}

.gate-pg-menu-box .con-ls ul .box.detail .lnk-inner .link-btn {
    border: 1px solid rgba(49, 246, 254, 0.5);
}

.gate-pg-menu-box .con-ls ul .box.detail .lnk-inner .link-btn span {
    color: #31f6fe;
}

.gate-pg-menu-box .con-ls ul .box.detail .lnk-inner .link-btn i {
    background-color: #31f6fe;
}

.gate-pg-menu-box .con-ls ul .box.detail .lnk-inner .link-btn i:after {
    content: "";
    display: block;
    width: 0.625rem;
    height: 0.625rem;
    background: url("../images/sub/gate-box-detail-btn-icon.png") 0 0 no-repeat;
    background-size: contain;
}

.gate-pg-menu-box .con-ls ul .box .lnk-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px;
    padding-top: 1.5625rem;
    padding-right: 1.375rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .gate-pg-menu-box .con-ls ul .box .lnk-inner {
        padding: 0.9375rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .gate-pg-menu-box .con-ls ul .box .lnk-inner {
        padding: 1.875rem;
    }
}

.gate-pg-menu-box .con-ls ul .box .lnk-inner .tt {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.gate-pg-menu-box .con-ls ul .box .lnk-inner .tt span {
    position: relative;
    font-family: "rixrak-sans-pro", sans-serif;
    font-size: 1.625rem;
    font-weight: 600;
    color: #fff;
    line-height: 1.23;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
    padding-top: 0.9375rem;
    padding-right: 1.125rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .gate-pg-menu-box .con-ls ul .box .lnk-inner .tt span {
        font-size: 1.4375rem;
        padding-top: 0.8125rem;
        padding-right: 0.8125rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .gate-pg-menu-box .con-ls ul .box .lnk-inner .tt span {
        font-size: 1.625rem;
        padding-top: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

.gate-pg-menu-box .con-ls ul .box .lnk-inner .tt span i {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 0.9375rem;
    height: 0.9375rem;
    border-radius: 50%;
    background-color: #ff5400;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .gate-pg-menu-box .con-ls ul .box .lnk-inner .tt span i {
        width: 0.8125rem;
        height: 0.8125rem;
    }
}

.gate-pg-menu-box .con-ls ul .box .lnk-inner .link-btn {
    width: 10rem;
    height: 2.5625rem;
    border-radius: 1.2813rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0.5625rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .gate-pg-menu-box .con-ls ul .box .lnk-inner .link-btn {
        width: 100%;
        max-width: 9.375rem;
    }
}

.gate-pg-menu-box .con-ls ul .box .lnk-inner .link-btn span {
    font-size: 0.9375rem;
    font-weight: 500;
    color: #fff;
    padding-left: 0.9375rem;
}

.gate-pg-menu-box .con-ls ul .box .lnk-inner .link-btn i {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: #fff;
}

.gate-pg-menu-box .con-ls ul .box .lnk-inner .link-btn i:after {
    content: "";
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    background: url("../images/sub/gate-box-link-btn-icon.png") 0 0 no-repeat;
    background-size: contain;
}

.three-thumb-swiper {
    padding: 2.8125rem 3.9375rem;
    background: url("../images/sub/pp-swiper-bg.png") 0 0 no-repeat;
    background-size: cover;
    position: relative;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .three-thumb-swiper {
        padding: 1.875rem 1.875rem 2.8125rem;
        background-position: 50% center;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .three-thumb-swiper {
        padding: 1.875rem 2.5rem;
    }
}

.three-thumb-swiper .tt-swiper {
    overflow: hidden;
    font-size: 0;
}

.three-thumb-swiper .tt-swiper .swiper-wrapper .swiper-slide .pic-box .lnk-box {
    position: relative;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    height: 213px;
}

.three-thumb-swiper .tt-swiper .swiper-wrapper .swiper-slide .pic-box .lnk-box:hover .con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.three-thumb-swiper .tt-swiper .swiper-wrapper .swiper-slide .pic-box .pic {
    height: 100%;
}

.three-thumb-swiper .tt-swiper .swiper-wrapper .swiper-slide .pic-box .pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.three-thumb-swiper .tt-swiper .swiper-wrapper .swiper-slide .pic-box .con {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
}

.three-thumb-swiper .tt-swiper .swiper-wrapper .swiper-slide .pic-box .con strong {
    text-align: center;
    font-family: "rixrak-sans-pro", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.6;
}

.three-thumb-swiper .tt-swiper .swiper-wrapper .swiper-slide .pic-box .con strong span {
    position: relative;
    display: inline-block;
}

.three-thumb-swiper .tt-swiper .swiper-wrapper .swiper-slide .pic-box .con strong span:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 5px;
    left: 0;
}

.three-thumb-swiper .tt-swiper .swiper-wrapper .swiper-slide .pic-box .con .link-ico {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.25rem;
    background-color: #fff;
    margin-top: 1.5625rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .three-thumb-swiper .tt-swiper .swiper-wrapper .swiper-slide .pic-box .con .link-ico {
        margin-top: 0.9375rem;
    }
}

.three-thumb-swiper .tt-swiper .swiper-wrapper .swiper-slide .pic-box .con .link-ico:after {
    content: "";
    display: block;
    width: 0.75rem;
    height: 0.75rem;
    background: url("../images/sub/pp-swipe-link-mark.png") 0 0 no-repeat;
    background-size: contain;
}

.three-thumb-swiper .tt-swiper .swiper-pagination {
    display: none;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .three-thumb-swiper .tt-swiper .swiper-pagination {
        display: block;
        bottom: 1.1375rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .three-thumb-swiper .tt-swiper .swiper-pagination {
        display: none;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .three-thumb-swiper .sp-bt-box {
        display: none;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .three-thumb-swiper .sp-bt-box {
        display: block;
    }
}

.three-thumb-swiper .sp-bt-box .sp-bt {
    background: url("../images/sub/sp-bt-box-btn.png") center center no-repeat;
    background-size: 15px 29px;
}

.three-thumb-swiper .sp-bt-box .sp-bt.swiper-button-prev {
    left: 1.375rem;
    right: auto;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media (min-width: 680px) and (max-width: 1399px) {
    .three-thumb-swiper .sp-bt-box .sp-bt.swiper-button-prev {
        left: 0.5rem;
    }
}

.three-thumb-swiper .sp-bt-box .sp-bt.swiper-button-next {
    right: 1.375rem;
    left: auto;
}

@media (min-width: 680px) and (max-width: 1399px) {
    .three-thumb-swiper .sp-bt-box .sp-bt.swiper-button-next {
        right: 0.5rem;
    }
}

.three-thumb-swiper.link-none .tt-swiper .swiper-wrapper .swiper-slide .pic-box .lnk-box {
    pointer-events: none;
}

.three-thumb-swiper.link-none .tt-swiper .swiper-wrapper .swiper-slide .pic-box .lnk-box:hover .con {
    display: none;
}

.green-detail-con-ls > ul > li {
    display: block;
    margin-bottom: 1.875rem;
}

.green-detail-con-ls > ul > li:last-child {
    margin-bottom: 0;
}

.green-detail-con-ls .busi-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #dee2e6;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 14.6875rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .green-detail-con-ls .busi-box {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.green-detail-con-ls .busi-box .logo {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 15.125rem;
    height: 100%;
    border-right: 1px solid #dee2e6;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .green-detail-con-ls .busi-box .logo {
        border-right: 0;
        width: 3.625rem;
        height: 3.625rem;
        position: absolute;
        top: 0;
        left: 0;
    }
}

.green-detail-con-ls .busi-box .logo .ico {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/sub/part-dt-busi-con-bg.png") 0 0 no-repeat;
    background-size: cover;
}

.green-detail-con-ls .busi-box .logo .ico:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .green-detail-con-ls .busi-box .logo .ico:after {
        background-position: center 0;
    }
}

.green-detail-con-ls .busi-box .logo .ico.con-1:after {
    background-image: url("../images/sub/part-dt-busi-con-1.png");
}

.green-detail-con-ls .busi-box .logo .ico.con-2:after {
    background-image: url("../images/sub/part-dt-busi-con-2.png");
}

.green-detail-con-ls .busi-box .logo .ico.con-3:after {
    background-image: url("../images/sub/part-dt-busi-con-3.png");
}

.green-detail-con-ls .busi-box .logo .ico.con-4:after {
    background-image: url("../images/sub/part-dt-busi-con-4.png");
}

.green-detail-con-ls .busi-box .con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.25rem 2.1875rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .green-detail-con-ls .busi-box .con .boxing-title {
        padding-left: 2.1875rem;
    }
}

.pic-lang-two > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .pic-lang-two > ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .pic-lang-two > ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.business-logo-ls-box > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -0.3125rem;
}

.business-logo-ls-box > ul > li {
    width: 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.3125rem;
}

.business-logo-ls-box .box {
    text-align: center;
    border: 1px solid #dbdbdb;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .tabwrap .tabbtn > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .tabwrap .tabbtn > ul {
        display: block;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .tabwrap .tabbtn > ul:before {
        display: none;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .tabwrap .tabbtn > ul:before {
        display: block;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .tabwrap .tabbtn > ul:after {
        display: none;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .tabwrap .tabbtn > ul:after {
        display: block;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .tabwrap .tabbtn > ul > li {
        float: none;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .tabwrap .tabbtn > ul > li {
        width: auto;
        float: left;
    }
}

.tabwrap .tabcon {
    margin-top: 3rem;
}

.normal-tab > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.normal-tab > ul > li {
    width: calc(25% + 1px);
    margin-left: -1px;
    margin-bottom: -1px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .normal-tab > ul > li {
        width: calc(33.3333% + 1px);
    }
}

.normal-tab > ul > li div.box {
    position: relative;
    background-color: #fbfbfb;
}

.normal-tab > ul > li div.box:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    display: block;
    width: 3.0625rem;
    height: 1.875rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../images/sub/normal-tab-blank-icon.png");
    background-size: contain;
}

.normal-tab > ul > li .box {
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #ebebeb;
    min-height: 59px;
    background-color: #fff;
}

.normal-tab > ul > li .box:after {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    display: block;
    width: 0px;
    height: 3px;
    margin: 0 auto;
}

.normal-tab > ul > li .box .txt {
    font-size: 1rem;
    font-weight: 500;
    color: #656565;
    line-height: 1.5;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .normal-tab > ul > li .box .txt {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        padding: 0 0.3125rem;
    }
}

.normal-tab > ul > li.on .box:after {
    background-color: #3941a3;
    width: 100%;
    height: 3px;
}

.normal-tab > ul > li.on .box .txt {
    color: #3941a3;
}

.tabwrap-2 .tabcon {
    margin-top: 2.8125rem;
}

.account-num-woori-box {
    border: 10px solid #dbdbdb;
    border-left-width: 9px;
    border-right-width: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2.5rem 0.9375rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .account-num-woori-box {
        padding: 1.875rem 0.9375rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.account-num-woori-box i {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: block;
    background: url("../images/sub/wooribank-mark.png") 0 0 no-repeat;
    background-size: contain;
    width: 7.875rem;
    height: 2.125rem;
    margin-right: 0.3125rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .account-num-woori-box i {
        margin-right: 0;
        margin-bottom: 0.625rem;
    }
}

.account-num-woori-box p {
    font-size: 1.25rem;
    font-weight: 400;
    color: #000;
    line-height: 1.4;
}

.account-num-woori-box p br {
    display: none;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .account-num-woori-box p br {
        display: block;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .account-num-woori-box p br {
        display: none;
    }
}

.account-num-woori-box p span {
    font-weight: 500;
    color: #525fff;
}

.diagram-device-check-change .pc {
    display: block;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .diagram-device-check-change .pc {
        display: none;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .diagram-device-check-change .pc {
        display: block;
    }
}

.diagram-device-check-change .pc img {
    width: 100%;
}

.diagram-device-check-change .mob {
    display: none;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .diagram-device-check-change .mob {
        display: block;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .diagram-device-check-change .mob {
        display: none;
    }
}

.diagram-device-check-change .mob img {
    width: 100%;
}

/* 회원서비스 */
/* 이용약관 */
/* 이용약관 */
.spw-mem-wrap .mem-pipp-wrap .lstyp-btn-line .mark {
    position: relative;
}

.spw-mem-wrap .mem-pipp-wrap .lstyp-btn-line .mark .subbtn {
    position: absolute;
    top: -0.3125rem;
    left: 24.0625rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-mem-wrap .mem-pipp-wrap .lstyp-btn-line .mark .subbtn {
        position: static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 140px;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-mem-wrap .mem-pipp-wrap .lstyp-btn-line .mark .subbtn {
        position: absolute;
    }
}

/* 인력지원 */
.spw-app-wrap .app-manp-wrap .app-condi-fix-sz .ls-typ.tt-fix-sz > li > .mark .fc-tt {
    width: 8.25rem;
}

.spw-app-wrap .app-manp-wrap .app-condi-fix-sz .ls-typ.tt-fix-sz > li > .mark .fc-con:before {
    display: none;
}

.spw-app-wrap .app-manp-wrap .app-linebox-1-6 .ls-typ.tt-fix-sz > li > .mark .fc-tt {
    width: 5.5625rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-app-wrap .app-manp-wrap .app-linebox-1-7 .ls-typ.tt-fix-sz > li > .mark {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-app-wrap .app-manp-wrap .app-linebox-1-7 .ls-typ.tt-fix-sz > li > .mark {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.spw-app-wrap .app-manp-wrap .app-linebox-1-7 .ls-typ.tt-fix-sz > li > .mark .fc-tt {
    width: 25rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-app-wrap .app-manp-wrap .app-linebox-1-7 .ls-typ.tt-fix-sz > li > .mark .fc-tt {
        width: auto;
    }
}

/* 기술혁신지원 */
.spw-app-wrap .app-sfti-wrap .sfti-linebox-qualifi > li {
    margin-bottom: 2.1875rem;
}

.spw-app-wrap .app-sfti-wrap .sfti-linebox-qualifi > li:last-child {
    margin-bottom: 0;
}

.spw-app-wrap .app-sfti-wrap .sfti-linebox-qualifi > li > .mark {
    padding: 0 0.875rem;
}

.spw-app-wrap .app-sfti-wrap .sfti-linebox-qualifi .linebox-cont-box > ul > li {
    margin-bottom: 0;
}

.spw-app-wrap .app-sfti-wrap .sfti-linebox-qualifi .linebox-cont-box > ul > li.dash-line {
    margin-bottom: 1.125rem;
}

.spw-app-wrap .app-sfti-wrap .sfti-linebox-qualifi .linebox-cont-box > ul > li .boxing-title {
    margin-bottom: 0;
}

.spw-app-wrap .app-sfti-wrap .sfti-linebox-qualifi .qualifi-c-box {
    margin: 1.25rem -2.5rem -1.875rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfti-wrap .sfti-linebox-qualifi .qualifi-c-box {
        margin: 1.25rem -1.5rem -1.875rem;
    }
}

.spw-app-wrap .app-sfti-wrap .sfti-linebox-qualifi .qualifi-c-box .boxing-title {
    color: #ef4121;
    margin-bottom: 0;
}

/* 디지털혁신지원 */
.spw-app-wrap .app-sfdi-wrap .sfdi-dt-ptc .prt-c {
    margin-bottom: 0.625rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-prem-title-banner .btn-wrap .subbtn {
        padding: 0.3125rem 0.9375rem;
    }
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-prem-field .ls-typ.tt-fix-sz > li > .mark .fc-tt {
    width: 3.75rem;
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-prem-service .ls-typ.dot > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-prem-service .ls-typ.dot > li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-prem-service .ls-typ.dot > li {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-prem-service .ls-typ.dot > li .ls-typ.impor {
    margin-left: 0.625rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-prem-service .ls-typ.dot > li .ls-typ.impor {
        margin-left: 0;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-prem-service .ls-typ.dot > li .ls-typ.impor {
        margin-left: 0.625rem;
    }
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-prem-distinct .sub-title-banner {
    margin-top: 3.125rem;
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-prem-company .btn-wrap {
    margin-top: 3.125rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-prem-company .btn-wrap {
        margin-top: 1.875rem;
    }
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-prem-company .btn-wrap .subbtn {
    width: 232px;
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-prem-nm-service .boxls-part-box {
    margin: 0.9375rem -0.875rem 1.5625rem;
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-prem-nm-service .service-tt-banner {
    margin-top: 2.8125rem;
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-prem-nm-service .service-tt-banner .btn-wrap.st-left {
    margin-top: 3.75rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-prem-nm-service .service-tt-banner .btn-wrap.st-left {
        margin-top: 1.875rem;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-prem-nm-service .service-tt-banner .btn-wrap.st-left .btn-box .subbtn {
        padding: 0.625rem 0.75rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-prem-nm-service .service-tt-banner .btn-wrap.st-left .btn-box .subbtn {
        padding: 0 1.25rem;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-prem-nm-service .service-tt-banner .btn-wrap.st-left .btn-box .subbtn .txt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-prem-nm-service .service-tt-banner .btn-wrap.st-left .btn-box .subbtn .txt {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-prem-nm-service .service-tt-banner .btn-wrap.st-left .btn-box .subbtn .txt .bt-icon {
        margin-left: 0;
        margin-top: 0.3125rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-prem-nm-service .service-tt-banner .btn-wrap.st-left .btn-box .subbtn .txt .bt-icon {
        margin-left: 0.625rem;
    }
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-prem-step .bg-box .blueline-step-box {
    max-width: 50.625rem;
    margin: 0 auto;
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-prem-guide .ls-typ.tt-fix-sz > li > .mark .fc-tt {
    width: 5.8125rem;
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-charge .charge-board {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3.75rem 9.8125rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-charge .charge-board {
        padding: 1.875rem 1.5rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-charge .charge-board {
        padding: 2rem 5rem;
    }
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-charge .charge-board .stick {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #d7ddff;
    height: 39px;
    width: 100%;
    margin-bottom: 2.1875rem;
    padding: 0.625rem 0.9375rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-charge .charge-board .stick {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-charge .charge-board .stick {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-charge .charge-board .stick p {
    position: relative;
    font-size: 1.125rem;
    font-weight: 500;
    color: #000;
    text-align: center;
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-charge .charge-board .stick p:first-child {
    padding-right: 2.0625rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-charge .charge-board .stick p:first-child {
        padding-right: 0;
        padding-bottom: 1.875rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-charge .charge-board .stick p:first-child {
        padding-bottom: 0;
        padding-right: 2.0625rem;
    }
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-charge .charge-board .stick p:first-child:after {
    position: absolute;
    top: 0;
    right: 0.1875rem;
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background: url("../images/sub/charge-board-arrow-mark.png") 0 0 no-repeat;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-charge .charge-board .stick p:first-child:after {
        top: auto;
        bottom: 0.125rem;
        right: auto;
        left: 50%;
        -webkit-transform: translate(-50%, 0) rotate(90deg);
        transform: translate(-50%, 0) rotate(90deg);
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-charge .charge-board .stick p:first-child:after {
        top: 0;
        bottom: auto;
        right: 0.1875rem;
        left: auto;
        -webkit-transform: translate(0, 0) rotate(0deg);
        transform: translate(0, 0) rotate(0deg);
    }
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-charge .charge-board .tb_w {
    width: 100%;
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-charge .charge-board .tb_w .tb thead th {
    height: 2.75rem;
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-charge .charge-board .tb_w .tb thead th.impor-red {
    border: 1px solid #ef4121;
    border-right: none;
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-charge .charge-board .tb_w .tb tbody td {
    color: #090f33;
    height: 2.75rem;
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-charge .charge-board .ls-typ.impor {
    margin-top: 1.5625rem;
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-method .method-pannerl-ls {
    margin-top: 2.8125rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-method .method-pannerl-ls {
        margin-top: 1.5625rem;
    }
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-method .method-pannerl-ls ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -0.3125rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-method .method-pannerl-ls ul > li {
    width: 33.3333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.3125rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-method .method-pannerl-ls ul > li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
        width: auto;
    }
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-method .method-pannerl-ls .box {
    position: relative;
    border: 1px solid #3941a3;
    background-color: #d7ddff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 7.6875rem;
    padding: 1.25rem 3.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-method .method-pannerl-ls .box {
        height: 5rem;
        padding: 0.9375rem 1.875rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-method .method-pannerl-ls .box {
        height: 100px;
    }
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-method .method-pannerl-ls .box .icon {
    position: absolute;
    top: 50%;
    right: 3.625rem;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    width: 2.5625rem;
    height: 2.5625rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-method .method-pannerl-ls .box .icon {
        right: 1.875rem;
    }
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-method .method-pannerl-ls .box .icon.con-1 {
    background-image: url("../images/sub/method-pannerl-icon-1.png");
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-method .method-pannerl-ls .box .icon.con-2 {
    background-image: url("../images/sub/method-pannerl-icon-2.png");
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-method .method-pannerl-ls .box .icon.con-3 {
    background-image: url("../images/sub/method-pannerl-icon-3.png");
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-method .method-pannerl-ls .box .tt {
    font-family: "rixrak-sans-pro", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #101950;
    line-height: 1.6;
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-method .method-pannerl-ls .box .tt .c-p {
    color: #3941a3;
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-app .btn-wrap {
    margin-top: 3.125rem;
}

.spw-app-wrap .app-sfdi-wrap .app-sfdi-premium .sfdi-platform-app .btn-wrap .btn-box .subbtn {
    width: 17.875rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-translate-ls {
    position: absolute;
    top: 5.0625rem;
    right: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-translate-ls > li {
    margin-bottom: 0.25rem;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-translate-ls > li:last-child {
    margin-bottom: 0;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-translate-ls > li .inbox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 7.25rem;
    height: 2.0625rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #3941a3;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .sfdi-translate-ls > li .inbox {
        width: 6.55rem;
    }
}

.spw-app-wrap .app-sfdi-wrap .sfdi-translate-ls > li .inbox span {
    font-family: "Spoqa Han Sans Neo";
    font-size: 0.8125rem;
    font-weight: 500;
    color: #3941a3;
}

.spw-app-wrap .app-sfdi-wrap .ip-king .ls-typ {
    padding-right: 8.025rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .ip-king .ls-typ {
        padding-right: 7.125rem;
    }
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-logo-box {
    margin-top: 1.25rem;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-logo-box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -2.4375rem;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-logo-box ul > li {
    position: relative;
    padding: 0 2.4375rem;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-logo-box ul > li:after {
    position: absolute;
    toP: 0;
    right: 0;
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #dee2e6;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-logo-box ul > li:last-child:after {
    display: none;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia {
    margin-top: 1.875rem;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .title {
    text-align: center;
    margin-bottom: 1.875rem;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .title .boxing-title span {
    display: inline;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con > ul {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -0.625rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con > ul {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con > ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con > ul > li {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.625rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con > ul > li {
        width: 100%;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con > ul > li {
        width: auto;
    }
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con > ul > li:first-child:after {
    content: "";
    display: block;
    background: url("../images/sub/kipro-dia-plus-mark.png") 0 0 no-repeat;
    background-size: contain;
    width: 2.375rem;
    height: 2.375rem;
    z-index: 1;
    position: absolute;
    top: 142px;
    right: -19px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con > ul > li:first-child:after {
        top: auto;
        bottom: -1.2rem;
        left: 50%;
        right: auto;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con > ul > li:first-child:after {
        left: auto;
        bottom: auto;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        top: 142px;
        right: -19px;
    }
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con .box {
    background-color: #113080;
    border: 1px solid #dee2e6;
    width: 345px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con .box {
        width: auto;
        max-width: 370px;
        margin: 0 auto;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con .box {
        width: 290px;
        max-width: none;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con .box {
        width: 345px;
    }
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con .box .top-con {
    position: relative;
    background-color: #fff;
    border-radius: 0 0 20px 20px;
    padding: 0 2.5rem 1.875rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 295px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con .box .top-con {
        height: auto;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con .box .top-con {
        height: 285px;
        padding: 0 1.25rem 1.875rem;
    }
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con .box .top-con:after {
    position: absolute;
    bottom: -1.4375rem;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    content: "";
    display: block;
    background: url("../images/sub/rnd-composition-dia-arrow.png") 0 0 no-repeat;
    width: 2.9375rem;
    height: 2.9375rem;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con .box .top-con .tt {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 700;
    color: #3941a3;
    height: 5rem;
    border-bottom: 1px dashed #999;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con .box .top-con .tt:after {
    position: absolute;
    bottom: -1.5625rem;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    content: "";
    display: block;
    background: url("../images/sub/rnd-composition-dia-arrow.png") 0 0 no-repeat;
    width: 2.9375rem;
    height: 2.9375rem;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con .box .top-con .ls-typ {
    padding-top: 1.875rem;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con .box .top-con .ls-typ > li {
    margin-bottom: 0.625rem;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con .box .top-con .ls-typ > li:last-child {
    margin-bottom: 0;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con .box .top-con .ls-typ .mark {
    word-break: break-word;
    line-height: 2;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con .box .top-con .ls-typ .mark:before {
    top: 0.25rem;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con .box .top-con .ls-typ .mark strong {
    display: inline;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con .box .foot-con {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.25rem 0.3125rem;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-dia .con .box .foot-con .tt {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    line-height: 1.25;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-step .bg-box .blueline-step-box ul > li:after {
    margin-top: -2.5rem;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-step .bg-box .blueline-step-box ul > li:nth-child(2n) .box .sub-con {
    background-color: #7a85ff;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-step .bg-box .blueline-step-box ul > li:nth-child(2n) .box .sub-con .sc-inner:after {
    background-image: url("../images/sub/kipro-step-mark-two.png");
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-step .bg-box .blueline-step-box .box {
    padding-bottom: 6.875rem;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-step .bg-box .blueline-step-box .box .sub-con {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4.9375rem;
    padding: 0.9375rem 1.875rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #525fff;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-step .bg-box .blueline-step-box .box .sub-con .sc-inner:after {
    position: absolute;
    top: -1.4375rem;
    left: 0;
    content: "";
    display: block;
    width: 1.375rem;
    height: 1.4375rem;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    background-image: url("../images/sub/kipro-step-mark-one.png");
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-step .bg-box .blueline-step-box .box .sub-con .ls-typ.dash > li {
    line-height: 1.4;
    margin-bottom: 0.3125rem;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-step .bg-box .blueline-step-box .box .sub-con .ls-typ.dash > li:last-child {
    margin-bottom: 0;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-step .bg-box .blueline-step-box .box .sub-con .ls-typ.dash > li .mark {
    font-weight: 700;
    color: #fff;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-step .bg-box .blueline-step-box .box .sub-con .ls-typ.dash > li .mark:before {
    color: #fff;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-step .bg-box .ls-typ.dot {
    margin-top: 1.4375rem;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-step .btn-wrap {
    margin-top: 3.125rem;
}

.spw-app-wrap .app-sfdi-wrap .sfdi-kipro-step .btn-wrap .btn-box .subbtn {
    min-width: 13.75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* 시상제도 */
.spw-awa-wrap .awa-award-wrap .awa-eg-candid-authority .tt-fix-sz .mark .fc-tt {
    width: 5rem;
}

.spw-awa-wrap .awa-award-wrap .awa-eg-candid-app .linebox-cont-box > ul > li .boxing-title {
    padding-bottom: 1.25rem;
    border-bottom: 1px dashed #999;
}

.spw-awa-wrap .awa-award-wrap .awa-eg-candid-app .linebox-cont-box > ul > li .ls-typ.impor {
    margin-top: 0.625rem;
}

.spw-awa-wrap .awa-award-wrap .awa-eg-candid-app .linebox-cont-box .bg-box {
    margin: 1.25rem -2.5rem -1.875rem;
    padding: 2.5rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-awa-wrap .awa-award-wrap .awa-eg-candid-app .linebox-cont-box .bg-box {
        margin: 1.25rem -1.5rem -1.875rem;
        padding: 1.25rem 1.5rem;
    }
}

.spw-awa-wrap .awa-award-wrap .awa-eg-candid-app .linebox-cont-box .bg-box .boxing-title {
    color: #ef4121;
    font-weight: 400;
    margin-bottom: 0.3125rem;
}

.spw-awa-wrap .awa-award-wrap .awa-eg-candid-app .linebox-cont-box .bg-box .ls-typ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-awa-wrap .awa-award-wrap .awa-eg-candid-app .linebox-cont-box .bg-box .ls-typ {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-awa-wrap .awa-award-wrap .awa-eg-candid-app .linebox-cont-box .bg-box .ls-typ {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.spw-awa-wrap .awa-award-wrap .awa-eg-candid-app .linebox-cont-box .bg-box .ls-typ > li {
    margin-right: 1.0625rem;
}

.spw-awa-wrap .awa-award-wrap .awa-eg-candid-app .linebox-cont-box .bg-box .ls-typ > li:last-child {
    margin-right: 0;
}

/* 인증/지정제도 */
.spw-awa-wrap .awa-cdsy-wrap .awa-disaster-year-board .red-t-guide {
    margin-bottom: 1.5625rem;
}

.spw-awa-wrap .awa-cdsy-wrap .awa-disaster-year-board .awa-disaster-con .circle-mark-ls {
    margin-bottom: 2.8125rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-awa-wrap .awa-cdsy-wrap .awa-disaster-year-board .awa-disaster-con .circle-mark-ls > ul > li {
        width: 33.3333%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-awa-wrap .awa-cdsy-wrap .awa-disaster-year-board .awa-disaster-con .circle-mark-ls > ul > li {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-awa-wrap .awa-cdsy-wrap .awa-disaster-year-board .awa-disaster-con .circle-mark-ls > ul > li {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}

.spw-awa-wrap .awa-cdsy-wrap .awa-disaster-year-board .awa-disaster-con .year-tab-con .con-detail-txt {
    margin-bottom: 1.25rem;
}

.spw-awa-wrap .awa-cdsy-wrap .awa-disaster-year-board .awa-disaster-con .year-tab-con .tb_w .tb {
    min-width: 34.6875rem;
}

.spw-awa-wrap .awa-cdsy-wrap .awa-disaster-year-board .awa-disaster-con .year-tab-con .tb_w tbody td a:hover {
    color: #000;
    text-decoration: underline;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-awa-wrap .awa-cdsy-wrap .awa-disaster-year-board .awa-disaster-con .year-tab-con .tb_w tbody td br {
        display: none;
    }
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box:before, .spw-awa-wrap .awa-cdsy-wrap .estimate-step-box:after {
    content: "";
    display: table;
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box:after {
    clear: both;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-awa-wrap .awa-cdsy-wrap .estimate-step-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-awa-wrap .awa-cdsy-wrap .estimate-step-box {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .cate-part {
    float: left;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .cate-part {
        margin-bottom: 1.25rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .cate-part {
        margin-bottom: 0;
    }
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .cate-part .cate-select {
    width: 15.3125rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .cate-part .cate-select {
        width: 15.3125rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .cate-part .cate-select {
        width: 12.5rem;
    }
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .cate-part .cate-select .selectric-wrapper.selectric-open {
    z-index: 1;
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .cate-part .cate-select .selectric-wrapper .selectric {
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 3.25rem;
    border-radius: 1.625rem;
    padding: 0 0.5625rem 0 1.5625rem;
    border: 2px solid #000;
    -webkit-box-shadow: 0px 13px 27px 0px rgba(171, 171, 171, 0.34);
    box-shadow: 0px 13px 27px 0px rgba(171, 171, 171, 0.34);
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .cate-part .cate-select .selectric-wrapper .selectric .label {
    position: relative;
    display: block;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    margin: 0;
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .cate-part .cate-select .selectric-wrapper .selectric .button {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: block;
    width: 1.8125rem;
    height: 1.8125rem;
    border-radius: 50%;
    margin-left: 1.75rem;
    background-color: #3941a3;
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .cate-part .cate-select .selectric-wrapper .selectric .button:after {
    display: block;
    content: "";
    width: 1.8125rem;
    height: 1.8125rem;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    background-image: url("../images/sub/circle-mark-ls-on.png");
    border: 0;
    border-color: transparent;
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .cate-part .cate-select .selectric-wrapper .selectric-items {
    z-index: 1;
    padding-top: 3.25rem;
    border-radius: 1.625rem 1.625rem 0 0;
    top: calc(100% - 3.25rem);
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .cate-part .cate-select .selectric-wrapper .selectric-items .selectric-scroll > ul li {
    font-size: 1rem;
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .cate-part .circle-mark-ls .box {
    width: 15.3125rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .cate-part .circle-mark-ls .box {
        width: 15.3125rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .cate-part .circle-mark-ls .box {
        width: 12.5rem;
    }
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part {
    float: left;
    overflow: hidden;
    width: auto;
    padding-left: 3.3125rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part {
        padding-left: 0;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part {
        padding-left: 1.875rem;
    }
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part .step-cont-box {
    display: none;
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part .step-cont-box > .cate-st-ul > li {
    position: relative;
    display: block;
    padding-bottom: 1.9375rem;
    background-color: #fff;
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part .step-cont-box > .cate-st-ul > li:last-child {
    padding-bottom: 0;
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part .step-cont-box > .cate-st-ul > li:last-child:before, .spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part .step-cont-box > .cate-st-ul > li:last-child:after {
    display: none;
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part .step-cont-box > .cate-st-ul > li:before, .spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part .step-cont-box > .cate-st-ul > li:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part .step-cont-box > .cate-st-ul > li:before, .spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part .step-cont-box > .cate-st-ul > li:after {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part .step-cont-box > .cate-st-ul > li:before {
    height: 1.9375rem;
    border-right: 1px dashed #3941a3;
    left: 6.4375rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part .step-cont-box > .cate-st-ul > li:before {
        left: 50%;
    }
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part .step-cont-box > .cate-st-ul > li:after {
    border-width: 8px;
    border-style: solid;
    border-color: transparent;
    border-top: 8px solid #3941a3;
    bottom: -8px;
    left: 96px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part .step-cont-box > .cate-st-ul > li:after {
        left: 50%;
    }
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part .step-cont-box .box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #dee2e6;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part .step-cont-box .box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part .step-cont-box .box .tt {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 12.8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background-color: #3941a3;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part .step-cont-box .box .tt {
        width: 100%;
        height: 2.5rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part .step-cont-box .box .tt {
        height: 3.125rem;
    }
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part .step-cont-box .box .tt strong {
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part .step-cont-box .box .con {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 1.5625rem 2.1875rem;
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part .step-cont-box .box .con .ab-link-btn {
    position: absolute;
    bottom: 0;
    right: 0;
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part .step-cont-box .box .con .circle-dot-ls > ul > li {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part .step-cont-box .box .con .circle-dot-ls > ul > li {
        width: auto;
    }
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part .step-cont-box .box .con .circle-dot-ls > ul > li:last-child {
    width: auto;
}

.spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part .step-cont-box .box .con .circle-dot-ls .box {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-awa-wrap .awa-cdsy-wrap .estimate-step-box .step-part .step-cont-box .box .con .circle-dot-ls .box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

/* 민간R&D협의체 */
.spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg {
    position: relative;
    padding: 3.75rem 1.875rem;
    padding-bottom: 89px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg {
        padding: 1.875rem 0.9375rem;
        padding-bottom: 0;
    }
}

.spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .title {
    display: block;
    text-align: center;
    font-family: "rixrak-sans-pro", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #3941a3;
    line-height: 1.6;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .title br {
        display: none;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .title br {
        display: block;
    }
}

.spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .dia-box {
    position: relative;
    height: 359px;
    margin: 27px 0 40px;
    background: url("../images/sub/ctt-intro-purpose-bg.png") center 0 no-repeat;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .dia-box {
        background: none;
        height: auto;
        max-width: 700px;
        margin: 27px auto 40px;
    }
}

.spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .dia-box .inner {
    background: url("../images/sub/ctt-intro-purpose-inner-bg.png") center 0 no-repeat;
    background-size: contain;
    height: 100%;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .dia-box .inner {
        background: none;
    }
}

.spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .dia-box .tt {
    position: absolute;
    top: 152px;
    left: 0;
    width: 100%;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .dia-box .tt {
        position: relative;
        top: 0;
        background: url("../images/sub/ctt-intro-purpose-inner-bg.png") center center no-repeat;
        background-size: 490px auto;
        height: 170px;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .dia-box .tt {
        height: 225px;
        background-size: 590px auto;
    }
}

.spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .dia-box .tt strong {
    font-family: "rixrak-sans-pro", sans-serif;
    display: block;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #090f33;
    line-height: 1.5;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .dia-box .tt strong {
        position: absolute;
        top: 67px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        font-size: 17px;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .dia-box .tt strong {
        top: 90px;
        font-size: 20px;
    }
}

.spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .dia-box .con {
    position: absolute;
    top: 131px;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .dia-box .con {
        position: static;
        margin: 0 -5px;
    }
}

.spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .dia-box .con > li {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .dia-box .con > li {
        padding: 60px 5px 0;
        width: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .dia-box .con > li:after {
    position: absolute;
    top: 50%;
    right: 130px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    content: "";
    display: block;
    background: url("../images/sub/ctt-intro-purpose-arrow.png") 0 0 no-repeat;
    width: 89px;
    height: 89px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .dia-box .con > li:after {
        top: -20px;
        left: 50%;
        -webkit-transform: translate(-50%, 0) rotate(-90deg);
        transform: translate(-50%, 0) rotate(-90deg);
    }
}

.spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .dia-box .con > li p {
    font-size: 1.125rem;
    font-weight: 400;
    color: #000;
    line-height: 1.77;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .dia-box .con > li p {
        line-height: 1.5;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .dia-box .con > li p br {
        display: none;
    }
}

.spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .dia-box .con > li:first-child {
    text-align: right;
    padding-right: 225px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .dia-box .con > li:first-child {
        padding-right: 5px;
        text-align: center;
    }
}

.spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .dia-box .con > li:last-child {
    padding-left: 225px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .dia-box .con > li:last-child {
        padding-left: 5px;
        text-align: center;
    }
}

.spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .dia-box .con > li:last-child:after {
    left: 130px;
    -webkit-transform: translate(0, -50%) rotate(180deg);
    transform: translate(0, -50%) rotate(180deg);
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .dia-box .con > li:last-child:after {
        left: 50%;
        -webkit-transform: translate(-50%, 0) rotate(-90deg);
        transform: translate(-50%, 0) rotate(-90deg);
    }
}

.spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .sub-tip {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .sub-tip {
        position: static;
    }
}

.spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .sub-tip ul {
    background-color: #d7ddff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .sub-tip ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 -0.9375rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .sub-tip ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0 -0.9375rem;
    }
}

.spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .sub-tip ul > li {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 89px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 34px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .sub-tip ul > li {
        width: 100%;
        height: auto;
        padding: 10px 34px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .sub-tip ul > li:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #fff;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .sub-tip ul > li:after {
        top: auto;
        bottom: 0;
        width: 100%;
        height: 1px;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .sub-tip ul > li:after {
        bottom: auto;
        top: 0;
        width: 1px;
        height: 100%;
    }
}

.spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .sub-tip ul > li:last-child:after {
    display: none;
}

.spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .sub-tip ul > li p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    color: #090f33;
}

.spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .sub-tip ul > li p span:first-child {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.spw-rnd-wrap .rnd-group-wrap .ctt-intro-purpose-dg .sub-tip ul > li p span:last-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.spw-rnd-wrap .rnd-group-wrap .rnd-composition-dia {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.spw-rnd-wrap .rnd-group-wrap .rnd-composition-dia .title {
    font-family: "rixrak-sans-pro", sans-serif;
    text-align: center;
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    color: #3941a3;
    line-height: 1.6;
    margin-bottom: 1.875rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .rnd-composition-dia .title br {
        display: none;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .rnd-composition-dia .title br {
        display: block;
    }
}

.spw-rnd-wrap .rnd-group-wrap .rnd-composition-dia .dia-ls {
    width: 100%;
}

.spw-rnd-wrap .rnd-group-wrap .rnd-composition-dia .dia-ls .dis-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -0.75rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .rnd-composition-dia .dia-ls .dis-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.spw-rnd-wrap .rnd-group-wrap .rnd-composition-dia .dia-ls .dis-box > li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.75rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .rnd-composition-dia .dia-ls .dis-box > li {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .rnd-composition-dia .dia-ls .dis-box > li {
        width: 50%;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .rnd-composition-dia .dia-ls .dis-box > li {
        width: 33.3333%;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .rnd-composition-dia .dia-ls .dis-box > li:nth-child(1) {
        width: 100%;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .rnd-composition-dia .dia-ls .dis-box > li:nth-child(1) {
        width: 33.3333%;
    }
}

.spw-rnd-wrap .rnd-group-wrap .rnd-composition-dia .dia-ls .dis-box > li:nth-child(1) .box .tt {
    background-color: #525fff;
}

.spw-rnd-wrap .rnd-group-wrap .rnd-composition-dia .dia-ls .dis-box > li:nth-child(2) .box:after {
    z-index: 1;
    position: absolute;
    top: 0.875rem;
    right: -3.375rem;
    content: "";
    display: block;
    width: 5.125rem;
    height: 2.375rem;
    background: url("../images/sub/rnd-composition-both-arrow.png") 0 0 no-repeat;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .rnd-composition-dia .dia-ls .dis-box > li:nth-child(2) .box:after {
        right: 0;
        top: auto;
        bottom: -1.9375rem;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .rnd-composition-dia .dia-ls .dis-box > li:nth-child(2) .box:after {
        bottom: auto;
        top: 0.875rem;
        right: -3.375rem;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.spw-rnd-wrap .rnd-group-wrap .rnd-composition-dia .dia-ls .dis-box .box {
    position: relative;
    border: 1px solid #dee2e6;
    height: 100%;
}

.spw-rnd-wrap .rnd-group-wrap .rnd-composition-dia .dia-ls .dis-box .box .tt {
    position: relative;
    background-color: #113080;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 4.4375rem;
    text-align: center;
    border-radius: 0 0 10px 10px;
}

.spw-rnd-wrap .rnd-group-wrap .rnd-composition-dia .dia-ls .dis-box .box .tt:after {
    position: absolute;
    bottom: -1.375rem;
    content: "";
    display: block;
    width: 2.9375rem;
    height: 2.9375rem;
    background: url("../images/sub/rnd-composition-dia-arrow.png") 0 0 no-repeat;
    background-size: contain;
}

.spw-rnd-wrap .rnd-group-wrap .rnd-composition-dia .dia-ls .dis-box .box .tt strong {
    font-family: "rixrak-sans-pro", sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    color: #fff;
}

.spw-rnd-wrap .rnd-group-wrap .rnd-composition-dia .dia-ls .dis-box .con {
    background-color: #fff;
    height: calc(100% - 4.4375rem);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.875rem 2.5rem;
}

.spw-rnd-wrap .rnd-group-wrap .rnd-composition-dia .ls-typ.impor {
    margin-top: 1.875rem;
}

.spw-rnd-wrap .rnd-group-wrap .rnd-discussion-dia .discussion-title-box {
    text-align: center;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(60%, rgb(189, 192, 234)), color-stop(0%, rgba(189, 192, 234, 0)));
    background-image: linear-gradient(to right, rgb(189, 192, 234) 60%, rgba(189, 192, 234, 0) 0%);
    background-position: bottom;
    background-size: 15px 1px;
    background-repeat: repeat-x;
    margin-top: 1.875rem;
    margin-bottom: 2.9375rem;
    padding-bottom: 1.8125rem;
}

.spw-rnd-wrap .rnd-group-wrap .rnd-discussion-dia .discussion-title-box .tt {
    position: relative;
    display: block;
    font-family: "rixrak-sans-pro", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #3941a3;
}

.spw-rnd-wrap .rnd-group-wrap .rnd-discussion-dia .discussion-title-box .tt:after {
    position: absolute;
    left: 50%;
    bottom: -3.125rem;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    content: "";
    display: block;
    width: 2.9375rem;
    height: 2.9375rem;
    background: url("../images/sub/rnd-composition-dia-arrow.png") 0 0 no-repeat;
    background-size: contain;
}

.spw-rnd-wrap .rnd-group-wrap .bg-pic-zone {
    text-align: center;
    padding: 2.875rem 1.5rem;
}

.spw-rnd-wrap .rnd-group-wrap .bg-pic-zone.bg-c-none {
    border: 0;
    padding: 0;
}

.spw-rnd-wrap .rnd-group-wrap .rnd-slide-tg-ls {
    margin-bottom: 100px;
}

.spw-rnd-wrap .rnd-group-wrap .rnd-slide-tg-ls .slide-wp {
    border: 1px solid #dee2e6;
}

.spw-rnd-wrap .rnd-group-wrap .rnd-slide-tg-ls .slide-wp .slide-li {
    display: block;
    border-bottom: 1px solid #dee2e6;
    padding: 0 2.6875rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .rnd-slide-tg-ls .slide-wp .slide-li {
        padding: 0 1.25rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .rnd-slide-tg-ls .slide-wp .slide-li {
        padding: 0 1.875rem;
    }
}

.spw-rnd-wrap .rnd-group-wrap .rnd-slide-tg-ls .slide-wp .slide-li:last-child {
    border-bottom: 0;
}

.spw-rnd-wrap .rnd-group-wrap .rnd-slide-tg-ls .slide-wp .slide-li.on .box .title .cont-btn:after {
    -webkit-transform: translate(-50%, -50%) rotate(-180deg);
    transform: translate(-50%, -50%) rotate(-180deg);
}

.spw-rnd-wrap .rnd-group-wrap .rnd-slide-tg-ls .box .title {
    position: relative;
    padding: 1.875rem 0;
}

.spw-rnd-wrap .rnd-group-wrap .rnd-slide-tg-ls .box .title .hd5-tt {
    margin: 0;
}

.spw-rnd-wrap .rnd-group-wrap .rnd-slide-tg-ls .box .title .cont-btn {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 2.625rem;
    height: 2.625rem;
    background-color: #525fff;
}

.spw-rnd-wrap .rnd-group-wrap .rnd-slide-tg-ls .box .title .cont-btn:after {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url("../images/sub/rnd-slide-tg-arrow.png") 0 0 no-repeat;
    background-size: contain;
    width: 0.6875rem;
    height: 0.4375rem;
}

.spw-rnd-wrap .rnd-group-wrap .rnd-slide-tg-ls .box .con {
    display: none;
}

.spw-rnd-wrap .rnd-group-wrap .rnd-slide-tg-ls .box .con .inner {
    border-top: 1px dashed #e1e5e8;
    padding: 1.875rem 0;
}

.spw-rnd-wrap .rnd-group-wrap .group-dia-22year-box .bg-box.color-gray .year-22-dia {
    padding: 1.5625rem 0 2.8125rem;
}

.spw-rnd-wrap .rnd-group-wrap .group-dia-22year-box .bg-box.color-gray .year-22-dia ol li {
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    margin-bottom: 0.625rem;
}

.spw-rnd-wrap .rnd-group-wrap .group-dia-22year-box .bg-box.color-gray .year-22-dia ol li:last-child {
    margin-bottom: 0;
}

.spw-rnd-wrap .rnd-group-wrap .group-dia-22year-box .bg-box.color-gray .impor-gui-txt-box {
    margin: 0 -5rem -3.75rem;
    background-color: #fdf3f0;
    padding: 1.875rem 5rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .group-dia-22year-box .bg-box.color-gray .impor-gui-txt-box {
        margin: 0 -1.5rem -1.875rem;
    }
}

.spw-rnd-wrap .rnd-group-wrap .group-dia-21year-box .bg-box.color-gray .year-21-dia {
    margin-bottom: 2.8125rem;
}

.spw-rnd-wrap .rnd-group-wrap .group-dia-21year-box .bg-box.color-gray .year-21dia-subcon-box > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -0.8125rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .group-dia-21year-box .bg-box.color-gray .year-21dia-subcon-box > ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .group-dia-21year-box .bg-box.color-gray .year-21dia-subcon-box > ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.spw-rnd-wrap .rnd-group-wrap .group-dia-21year-box .bg-box.color-gray .year-21dia-subcon-box > ul > li {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.8125rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .group-dia-21year-box .bg-box.color-gray .year-21dia-subcon-box > ul > li {
        width: auto;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .group-dia-21year-box .bg-box.color-gray .year-21dia-subcon-box > ul > li {
        width: 50%;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .group-dia-21year-box .bg-box.color-gray .year-21dia-subcon-box .box {
        height: 100%;
    }
}

.spw-rnd-wrap .rnd-group-wrap .group-dia-21year-box .bg-box.color-gray .year-21dia-subcon-box .box .in-conbox {
    background-color: #fff;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .group-dia-21year-box .bg-box.color-gray .year-21dia-subcon-box .box .in-conbox {
        height: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.spw-rnd-wrap .rnd-group-wrap .group-dia-21year-box .bg-box.color-gray .year-21dia-subcon-box .box .in-conbox .title {
    line-height: 1.6;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .group-dia-21year-box .bg-box.color-gray .year-21dia-subcon-box .box .in-conbox .title br {
        display: none;
    }
}

.spw-rnd-wrap .rnd-group-wrap .group-dia-21year-box .bg-box.color-gray .year-21dia-subcon-box .box .in-conbox .title span {
    display: inline;
    word-break: break-word;
}

.spw-rnd-wrap .rnd-group-wrap .group-dia-21year-box .bg-box.color-gray .year-21dia-subcon-box .box .in-conbox .bg-box.color-peach .tt {
    margin-bottom: 0.5rem;
}

.spw-rnd-wrap .rnd-group-wrap .group-dia-21year-box .bg-box.color-gray .year-21dia-subcon-box .box .in-conbox .bg-box.color-peach .ls-typ > li {
    line-height: 1.5;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-group-wrap .group-dia-21year-box .bg-box.color-gray .year-21dia-subcon-box .box .in-conbox .bg-box.color-peach .ls-typ > li br {
        display: none;
    }
}

/* 탄소중립 K-Tech 포럼 */
.spw-rnd-wrap .rnd-ktech-wrap .forum-int-outline .outline-banner {
    margin-top: 1.25rem;
    overflow: hidden;
    position: relative;
    background-color: #efefef;
    height: 20.625rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 6.25rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-outline .outline-banner {
        padding: 0.9375rem 1.25rem;
        height: 200px;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-outline .outline-banner {
        padding: 0.9375rem 3.75rem;
        height: 300px;
    }
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-outline .outline-banner:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: block;
    width: 319px;
    height: 330px;
    background: url("../images/sub/outline-banner-side-icon.png") 0 0 no-repeat;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-outline .outline-banner:after {
        width: 100px;
        height: 105px;
        top: 0;
        right: -23px;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-outline .outline-banner:after {
        width: 291px;
        height: 100%;
    }
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-outline .outline-banner .tt {
    position: relative;
    z-index: 1;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-outline .outline-banner .tt img {
        width: 248px;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-outline .outline-banner .tt img {
        width: 315px;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-outline .outline-banner .tt img {
        width: auto;
    }
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .sub-title-banner {
    margin-bottom: 1.875rem;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .sub-title-banner .tp-inner {
    height: 243px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .sub-title-banner .tp-inner {
        height: auto;
    }
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls > li {
    display: block;
    margin-bottom: 2.75rem;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls > li:last-child {
    margin-bottom: 0;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .tt-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.25rem;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .tt-wrap .boxing-title {
    margin-right: 1.3125rem;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .tt-wrap .ls-typ {
    margin-top: -0.3125rem;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .sub-tt {
    text-align: center;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .sub-tt .boxing-title {
    margin-bottom: 0;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .sub-tt .s-guide {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #555;
    margin-top: 0.625rem;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone {
    margin-top: 1.5625rem;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -25px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: -15px;
    }
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in > li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in > li {
        padding: 15px;
    }
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in .mark {
    font-weight: 700;
    color: #3941a3;
    margin-bottom: 0.625rem;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in .mark:before {
    background-color: #3941a3;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in .gp-box {
    background-color: #fff;
    border: 1px solid #dee2e6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px;
    padding-bottom: 96px;
    height: 416px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in .gp-box {
        height: 300px;
        padding: 15px;
        padding-bottom: 80px;
    }
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in .gp-box .gp-inner {
    position: relative;
    width: 100%;
    height: 100%;
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in .gp-box .gp-inner .bg-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16.6666%;
    background-color: #eee;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in .gp-box .gp-inner .bg-line:nth-child(1) {
    bottom: 0;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in .gp-box .gp-inner .bg-line:nth-child(2) {
    bottom: 33.3333333333%;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in .gp-box .gp-inner .bg-line:nth-child(3) {
    bottom: 66.6666666667%;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in .gp-box .gp-inner .stick-box {
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in .gp-box .gp-inner .stick-box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in .gp-box .gp-inner .stick-box ul li {
    position: relative;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in .gp-box .gp-inner .stick-box ul li:nth-child(1) .st-area {
    height: 20%;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in .gp-box .gp-inner .stick-box ul li:nth-child(2) .st-area {
    height: 80%;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in .gp-box .gp-inner .stick-box .st-area {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 19px;
    background-color: #939bff;
    border-radius: 10px 10px 0 0;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in .gp-box .gp-inner .stick-box .st-area.red {
    background-color: #ef4121;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in .gp-box .gp-inner .stick-box .st-area.red .per {
    color: #ef4121;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in .gp-box .gp-inner .stick-box .st-area .per {
    position: absolute;
    top: -28px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 14px;
    font-weight: 400;
    color: #3941a3;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in .gp-box .gp-inner .stick-box .txt {
    position: absolute;
    left: 50%;
    bottom: -40px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 16px;
    font-weight: 400;
    color: #555;
    line-height: 1.25;
    text-align: center;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in .gp-box .gp-inner .stick-box .txt {
        font-size: 13px;
        bottom: -33px;
    }
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in .gp-box .gp-inner .stick-box .txt.line-2 {
    bottom: -60px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in .gp-box .gp-inner .stick-box .txt.line-2 {
        bottom: -50px;
    }
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-bg .bg-graph .background-ls .sub-dia .graph-zone .graph-in .gp-impor-txt {
    font-size: 1rem;
    font-weight: 400;
    color: #555;
    text-align: right;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-arrow .arrow-dia-box {
    text-align: center;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-arrow .arrow-dia-box .arrow-top-con {
    position: relative;
    padding-bottom: 6.25rem;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-arrow .arrow-dia-box .arrow-top-con:after {
    content: "";
    display: block;
    width: 5.4375rem;
    height: 3.9375rem;
    background: url("../images/sub/arrow-dia-arr-icon.png") 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0.9375rem;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-arrow .arrow-dia-box .arrow-top-con .tt .boxing-title {
    margin-bottom: 1.875rem;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-arrow .arrow-dia-box .arrow-top-con .tt .boxing-title span {
    display: inline;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-arrow .arrow-dia-box .arrow-top-con .arr-con ul {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -0.375rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-arrow .arrow-dia-box .arrow-top-con .arr-con ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-arrow .arrow-dia-box .arrow-top-con .arr-con ul:before {
    content: "";
    display: block;
    width: 80%;
    height: calc(100% - 0.75rem);
    background-color: #e3e5ff;
    border-radius: 4.25rem;
    position: absolute;
    top: 0.375rem;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-arrow .arrow-dia-box .arrow-top-con .arr-con ul > li {
    z-index: 1;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.375rem;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-arrow .arrow-dia-box .arrow-top-con .arr-con .box {
    width: 117px;
    height: 117px;
    background-color: #525fff;
    border-radius: 50%;
    border: 10px solid #939bff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-arrow .arrow-dia-box .arrow-top-con .arr-con .box {
        width: 100px;
        height: 100px;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-arrow .arrow-dia-box .arrow-top-con .arr-con .box {
        width: 117px;
        height: 117px;
    }
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-arrow .arrow-dia-box .arrow-top-con .arr-con .box p {
    font-family: "rixrak-sans-pro", sans-serif;
    font-size: 1.0625rem;
    font-weight: 400;
    color: #fff;
    line-height: 1.4117;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-arrow .arrow-dia-box .arrow-bt-con .tt .boxing-title {
    margin-bottom: 1.4375rem;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-arrow .arrow-dia-box .arrow-bt-con .tt .boxing-title span {
    display: inline;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-arrow .arrow-dia-box .arrow-bt-con .pic-con ul {
    margin: -0.3125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-arrow .arrow-dia-box .arrow-bt-con .pic-con ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-arrow .arrow-dia-box .arrow-bt-con .pic-con ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-arrow .arrow-dia-box .arrow-bt-con .pic-con ul > li {
    padding: 0.3125rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-arrow .arrow-dia-box .arrow-bt-con .pic-con .box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #dee2e6;
    width: 345px;
    padding: 1.25rem 0.9375rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-arrow .arrow-dia-box .arrow-bt-con .pic-con .box {
        width: 300px;
        padding: 1.25rem 0.625rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-arrow .arrow-dia-box .arrow-bt-con .pic-con .box {
        width: 320px;
    }
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-arrow .arrow-dia-box .arrow-bt-con .pic-con .box p {
    margin-top: 0.625rem;
    font-size: 1rem;
    font-weight: 400;
    color: #555;
    letter-spacing: -1px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-arrow .arrow-dia-box .arrow-bt-con .pic-con .box p span {
    display: inline;
    color: #525fff;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .title {
    text-align: center;
    margin-bottom: 1.875rem;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .title .boxing-title span {
    display: inline;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .con > ul {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -0.625rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .con > ul {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .con > ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .con > ul > li {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.625rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .con > ul > li {
        width: 100%;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .con > ul > li {
        width: auto;
    }
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .con .box {
    background-color: #113080;
    border: 1px solid #dee2e6;
    width: 345px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .con .box {
        width: auto;
        max-width: 370px;
        margin: 0 auto;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .con .box {
        width: 290px;
        max-width: none;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .con .box {
        width: 345px;
    }
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .con .box .top-con {
    position: relative;
    background-color: #fff;
    border-radius: 0 0 20px 20px;
    padding: 0 2.5rem 1.875rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 247px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .con .box .top-con {
        height: auto;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .con .box .top-con {
        height: 247px;
    }
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .con .box .top-con:after {
    position: absolute;
    bottom: -1.4375rem;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    content: "";
    display: block;
    background: url("../images/sub/rnd-composition-dia-arrow.png") 0 0 no-repeat;
    width: 2.9375rem;
    height: 2.9375rem;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .con .box .top-con .tt {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 700;
    color: #3941a3;
    height: 5rem;
    border-bottom: 1px dashed #999;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .con .box .top-con .tt:after {
    position: absolute;
    bottom: -1.5625rem;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    content: "";
    display: block;
    background: url("../images/sub/rnd-composition-dia-arrow.png") 0 0 no-repeat;
    width: 2.9375rem;
    height: 2.9375rem;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .con .box .top-con .ls-typ {
    padding-top: 1.875rem;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .con .box .top-con .ls-typ > li {
    margin-bottom: 0.625rem;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .con .box .top-con .ls-typ > li:last-child {
    margin-bottom: 0;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .con .box .top-con .ls-typ .mark {
    line-height: 1.31;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .con .box .top-con .ls-typ .mark:before {
    top: 0.25rem;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .con .box .top-con .ls-typ .mark strong {
    display: inline;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .con .box .foot-con {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.25rem 0.3125rem;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-goal .goal-dia-box .con .box .foot-con .tt {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    line-height: 1.25;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .title {
    text-align: center;
    margin-bottom: 1.875rem;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .title .boxing-title {
    margin-bottom: 0;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .title .boxing-title span {
    display: inline;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-boxls {
    margin-bottom: 2.5rem;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-boxls .ls-typ {
    margin: -0.3125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-boxls .ls-typ {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-boxls .ls-typ > li {
    padding: 0.3125rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-boxls .ls-typ > li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 420px;
        flex-basis: 420px;
    }
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-boxls .ls-typ > li:last-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-boxls .ls-typ > li:last-child {
        -ms-flex-preferred-size: 420px;
        flex-basis: 420px;
    }
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-boxls .ls-typ > li .box {
    background-color: #fff;
    border: 1px solid #dee2e6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.5625rem 1.8125rem;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-boxls .ls-typ > li .mark {
    font-size: 1.125rem;
    font-weight: 700;
    color: #3941a3;
    padding-left: 1.375rem;
    line-height: 1.4;
    letter-spacing: -1px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-boxls .ls-typ > li .mark:before {
    width: 1rem;
    height: 0.75rem;
    background: url("../images/sub/ls-typ-check-icon.png") 0 0 no-repeat;
    top: 0.4375rem;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia {
    position: relative;
    overflow: hidden;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .line-bg {
    position: relative;
    height: 372px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .line-bg {
        height: 515px;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .line-bg {
        height: 315px;
    }
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .line-bg:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/sub/int-manage-dia-line-bg.png") center center no-repeat;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .line-bg:after {
        background-size: auto 284px;
        background-position: center 160px;
        background-image: none;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .line-bg:after {
        background-size: auto 310px;
        background-position: center 0;
        background-image: url("../images/sub/int-manage-dia-line-bg.png");
    }
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:first-child:after {
    position: absolute;
    top: -251px;
    right: -65px;
    content: "";
    display: block;
    width: 144px;
    height: 150px;
    background: url("../images/sub/manage-dia-center-icon.png") 0 0 no-repeat;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:first-child:after {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        top: -286px;
        right: -78px;
        width: 120px;
        height: 125px;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:first-child:after {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        top: -215px;
        right: -56px;
    }
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(1) .box .ab-all {
    left: auto;
    top: -325px;
    right: 375px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(1) .box .ab-all {
        top: -512px;
        right: 119px;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(1) .box .ab-all {
        top: -270px;
        right: 282px;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(1) .box .ab-all {
        -webkit-transform: scale(1);
        transform: scale(1);
        top: -296px;
        right: 349px;
    }
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(1) .box .ab-all .txt li:nth-child(1) {
    top: 36px;
    left: 29px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(1) .box .ab-all .txt li:nth-child(2) {
    top: 31px;
    left: 150px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(1) .box .ab-all .txt li:nth-child(3) {
    top: 76px;
    left: 81px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(1) .box .ab-all .txt li:nth-child(4) {
    top: 58px;
    left: 223px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(1) .box .ab-all .txt li:nth-child(5) {
    top: 119px;
    left: -18px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(1) .box .ab-all .txt li:nth-child(6) {
    top: 179px;
    left: 160px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(1) .box .ab-all .txt li:nth-child(7) {
    top: 220px;
    left: 84px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(1) .box .ab-all .txt li:nth-child(8) {
    top: 1px;
    left: 96px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(1) .box .ab-all .txt li:nth-child(9) {
    top: 85px;
    left: 10px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(1) .box .ab-all .txt li:nth-child(10) {
    top: 101px;
    left: 210px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(1) .box .ab-all .txt li:nth-child(11) {
    top: 117px;
    left: 147px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(1) .box .ab-all .txt li:nth-child(12) {
    top: 140px;
    left: 200px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(1) .box .ab-all .txt li:nth-child(13) {
    top: 145px;
    left: 89px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(1) .box .ab-all .txt li:nth-child(14) {
    top: 182px;
    left: 21px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(2) .box .ab-all {
    top: -325px;
    left: 0;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(2) .box .ab-all {
        top: -198px;
        left: -199px;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(2) .box .ab-all {
        top: -272px;
        left: -17px;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(2) .box .ab-all {
        -webkit-transform: scale(1);
        transform: scale(1);
        top: -296px;
        left: -30px;
    }
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(2) .box .ab-all .txt li:nth-child(1) {
    top: 34px;
    left: 166px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(2) .box .ab-all .txt li:nth-child(2) {
    top: 71px;
    left: 74px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(2) .box .ab-all .txt li:nth-child(3) {
    top: 75px;
    left: 224px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(2) .box .ab-all .txt li:nth-child(4) {
    top: 110px;
    left: 135px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(2) .box .ab-all .txt li:nth-child(5) {
    top: 113px;
    left: 266px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(2) .box .ab-all .txt li:nth-child(6) {
    top: 149px;
    left: 77px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(2) .box .ab-all .txt li:nth-child(7) {
    top: 149px;
    left: 182px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(2) .box .ab-all .txt li:nth-child(8) {
    top: 189px;
    left: 150px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t > li:nth-child(2) .box .ab-all .txt li:nth-child(9) {
    top: 187px;
    left: 249px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t .box {
    position: relative;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t .box .ab-all {
    position: absolute;
    top: 0;
    left: 0;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t .box .ab-all .txt {
    position: relative;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t .box .ab-all .txt li {
    white-space: nowrap;
    position: absolute;
    top: 1px;
    left: 1px;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t .box .ab-all .txt li.blue {
    height: 37px;
    line-height: 37px;
    font-size: 16px;
    background-color: #113080;
    padding: 0 19px;
    border-radius: 18.5px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t .box .ab-all .txt li.purple {
    height: 1.8125rem;
    line-height: 29px;
    font-size: 0.875rem;
    background-color: #525fff;
    padding: 0 15px;
    border-radius: 14.5px;
}

.spw-rnd-wrap .rnd-ktech-wrap .forum-int-manage .manage-dia-box .int-manage-dia .cate-t .box .ab-all .txt li.red {
    height: 32px;
    line-height: 32px;
    font-size: 15px;
    background-color: #f0543c;
    padding: 0 1.0625rem;
    border-radius: 16px;
}

/* R&D지원제도 */
.spw-rnd-wrap .rnd-volu-wrap .ls-typ.tt-fix-sz.rnd-vl-size > li > .mark .fc-tt {
    width: 5.5rem;
}

.spw-rnd-wrap .rnd-volu-wrap .rnd-v-tax-board .tb tbody td {
    padding-left: 2.1875rem;
    padding-right: 2.1875rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-volu-wrap .rnd-v-tax-board .tb tbody td {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-volu-wrap .rnd-v-tax-board .tb tbody td {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.spw-rnd-wrap .rnd-volu-wrap .han-part-ls > li.part-mgb {
    margin-bottom: 2.1875rem;
}

.spw-rnd-wrap .rnd-volu-wrap .tabwrap-2 {
    margin-bottom: 2.8125rem;
}

/* 산업기술혁신 2030 */
.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia {
    position: relative;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 90px;
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .title {
    margin-bottom: 1.875rem;
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .title {
        margin-bottom: 0;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .title strong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .title strong span {
    display: block;
    color: #3941a3;
    font-family: "rixrak-sans-pro", sans-serif;
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .title strong span.vs {
    font-size: 20px;
    font-weight: 400;
    color: #525fff;
    margin-bottom: 0.9375rem;
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .title strong span.ko {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0.625rem;
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .title strong span.en {
    font-size: 16px;
    font-weight: 400;
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 70px;
    height: 358px;
    background: url("../images/sub/rnd-vision-dia-line-bg.png") center 0 no-repeat;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle {
        height: auto;
        padding-bottom: 1.25rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle {
        background-size: auto 248px;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .tt {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 292px;
    height: 292px;
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url("../images/sub/rnd-vision-dia-title-bg.png") center center no-repeat;
    background-size: contain;
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .tt {
        width: 250px;
        height: 250px;
        margin-top: 0;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .tt strong {
    text-align: center;
    font-family: "rixrak-sans-pro", sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #090f33;
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .tt strong {
        font-size: 20px;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .tt strong .nv {
    font-size: 33px;
    color: #fff;
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .tt strong .nv {
        font-size: 28px;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con {
        margin: -0.625rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 655px;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con {
        max-width: 750px;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con > li {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con > li {
        position: static;
        -webkit-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important;
        padding: 0.625rem;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con > li p {
    position: relative;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con > li p {
        padding-left: 40px;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con > li p:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 54px;
    height: 54px;
    background: url("../images/sub/rnd-vision-dia-tt-mark.png") 0 0 no-repeat;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con > li p:after {
        top: -4px !important;
        left: 0 !important;
        width: 40px;
        height: 40px;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con > li p strong, .spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con > li p span {
    display: block;
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con > li p strong {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0.625rem;
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con > li p strong em {
    color: #ef4121;
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con > li p span {
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con > li p span em {
    color: #ef4121;
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con > li:nth-child(1) {
    text-align: right;
    top: 13px;
    -webkit-transform: translate(-369px, 0);
    transform: translate(-369px, 0);
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con > li:nth-child(1) {
        text-align: left;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con > li:nth-child(1) p:after {
    top: 14px;
    left: 213px;
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con > li:nth-child(2) {
    text-align: right;
    top: 148px;
    -webkit-transform: translate(-337px, 0);
    transform: translate(-337px, 0);
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con > li:nth-child(2) {
        text-align: left;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con > li:nth-child(2) p:after {
    top: -9px;
    left: 134px;
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con > li:nth-child(3) {
    top: 12px;
    -webkit-transform: translate(170px, 0);
    transform: translate(170px, 0);
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con > li:nth-child(3) p:after {
    top: 15px;
    left: -67px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con > li:nth-child(4) {
    top: 135px;
    -webkit-transform: translate(208px, 0);
    transform: translate(208px, 0);
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con > li:nth-child(4) p:after {
    top: -12px;
    left: -58px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con > li:nth-child(5) {
    top: 251px;
    -webkit-transform: translate(257px, 0);
    transform: translate(257px, 0);
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .dia-circle .con > li:nth-child(5) p:after {
    top: -11px;
    left: -55px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .tips {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 5.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background-color: #d7ddff;
    padding: 0 0.9375rem;
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-vision-dia .tips p {
    font-size: 1rem;
    font-weight: 400;
    color: #090f33;
}

.spw-rnd-wrap .rnd-inno-wrap .visiont-board .tb tbody tr td {
    padding: 1.25rem 1.8125rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .visiont-board .tb tbody tr td {
        padding: 0.625rem 0.9375rem;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .visiont-board .tb tbody tr td .ls-typ {
    min-width: 130px;
}

.spw-rnd-wrap .rnd-inno-wrap .visiont-board .tb tbody tr td .ls-typ .fc-con {
    letter-spacing: -1px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .visiont-board .tb tbody tr td .ls-typ .fc-con br {
        display: none;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 0;
    padding-left: 0;
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .title {
    text-align: center;
    font-family: "rixrak-sans-pro", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #3941a3;
    line-height: 1.6;
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .title em {
    color: #ef4121;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .title br {
        display: none;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .title br {
        display: block;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area {
    position: relative;
    background: url("../images/sub/role-dia-area-bg.png") center center no-repeat;
    width: 100%;
    height: 360px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area {
        height: auto;
        background-position: center 0;
        background-size: auto 280px;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area {
        background-size: auto;
        height: 360px;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .tt {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .tt {
        margin-top: 20px;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .tt {
        margin-top: 40px;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .tt i {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 18.25rem;
    height: 18.25rem;
    background: url("../images/sub/rnd-vision-dia-title-bg.png") center center no-repeat;
    background-size: contain;
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .tt i:after {
    content: "";
    display: block;
    width: 10.875rem;
    height: 7.75rem;
    background: url("../images/sub/role-dia-area-koita.png") 0 0 no-repeat;
    background-size: contain;
    margin-top: -0.75rem;
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con {
    position: absolute;
    top: 77px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con {
        position: static;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con {
        position: absolute;
        top: 110px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con > li {
    display: block;
    height: 203px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con > li {
        padding: 0 !important;
        height: 145px;
        margin-top: -28px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con > li {
        margin-top: 0;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con > li:nth-child(1) {
    padding-right: 54px;
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con > li:nth-child(1) {
        padding-right: 54px !important;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con > li:nth-child(1) .box {
    background-image: url("../images/sub/role-dia-area-arrow-right.png");
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con > li:nth-child(1) .box {
        background-position: right 0;
        padding-left: 88px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con > li:nth-child(1) .box {
        padding-left: 0;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con > li:nth-child(1) .box p {
    text-align: right;
    padding-right: 130px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con > li:nth-child(1) .box p {
        padding-right: 7.3rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con > li:nth-child(1) .box p {
        padding-right: 80px;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con > li:nth-child(2) {
    padding-left: 54px;
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con > li:nth-child(2) {
        padding-left: 54px !important;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con > li:nth-child(2) .box {
    background-image: url("../images/sub/role-dia-area-arrow-left.png");
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con > li:nth-child(2) .box {
        background-position: left 0;
        padding-right: 105px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con > li:nth-child(2) .box {
        padding-right: 0;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con > li:nth-child(2) .box p {
    padding-left: 130px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con > li:nth-child(2) .box p {
        padding-left: 7.3rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con > li:nth-child(2) .box p {
        padding-left: 80px;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con .box {
    width: 504px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con .box {
        width: auto;
        background-size: auto 100%;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con .box {
        width: 504px;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con .box p {
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.6;
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .rnd-role-dia .role-dia-area .con .box p {
        font-size: 1.125rem;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-outline {
    margin-top: 3.125rem;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-outline .ls-typ.none > li {
    margin-bottom: 1.25rem;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-outline .ls-typ.none > li:last-child {
    margin-bottom: 0;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .rela-box {
    position: relative;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .rela-box .side-tip-txt {
    position: absolute;
    font-size: 1rem;
    font-weight: 400;
    color: #555;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .rela-box .side-tip-txt.impor-icon {
    padding-left: 1.3125rem;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .rela-box .side-tip-txt.impor-icon:before {
    content: "";
    display: block;
    position: absolute;
    top: 0.125rem;
    left: 0;
    width: 1rem;
    height: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url("../images/sub/ls-typ-impor-gray-icon.png");
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-board .board-wrap {
    position: relative;
    margin-top: 1.25rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-board .board-wrap {
        padding-top: 30px;
        margin-top: 0;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-board .board-wrap {
        padding-top: 0;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-board .board-wrap .side-tip-txt {
    top: -30px;
    right: 0;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-board .board-wrap .side-tip-txt {
        top: 0;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-board .board-wrap .side-tip-txt {
        top: -30px;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-gage .side-tip-txt {
    top: 2.3125rem;
    right: 0;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-gage .row-gage .inner > ul > li {
    display: block;
    margin-bottom: 2rem;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-gage .row-gage .inner > ul > li:last-child {
    margin-bottom: 0;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-gage .row-gage .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-gage .row-gage .box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-gage .row-gage .box {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-gage .row-gage .box strong {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    position: relative;
    font-size: 1rem;
    font-weight: 400;
    color: #555;
    padding-left: 0.4375rem;
    letter-spacing: -1px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-gage .row-gage .box strong {
        margin-bottom: 0.625rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-gage .row-gage .box strong {
        margin-bottom: 0;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-gage .row-gage .box strong:before {
    content: "";
    display: block;
    width: 0.1875rem;
    height: 0.1875rem;
    position: absolute;
    top: 0.5625rem;
    left: 0;
    background-color: #555;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-gage .row-gage .box .gg-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1.1875rem;
    background-color: #eee;
    border-radius: 0 9.5px 9.5px 0;
    overflow: hidden;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-gage .row-gage .box .gg-box {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-gage .row-gage .box .gg-box {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-gage .row-gage .box .gg-box .gg-stick {
    position: relative;
    width: 50%;
    height: 100%;
    background-color: #939bff;
    border-radius: 0 9.5px 9.5px 0;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-gage .row-gage .box .gg-box .gg-stick span {
    text-align: right;
    position: absolute;
    top: 0;
    right: -2.1875rem;
    font-size: 0.875rem;
    font-weight: 400;
    color: #3941a3;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .side-tip-txt {
    top: 0;
    right: 0;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .side-tip-txt {
        top: 20px;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .side-tip-txt {
        top: 0;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph {
    background-color: #fff;
    border: 1px solid #dee2e6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px;
    padding-left: 235px;
    padding-right: 203px;
    padding-bottom: 124px;
    height: 505px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph {
        height: 300px;
        padding: 15px;
        padding-bottom: 60px;
        padding-left: 40px;
        margin-top: 30px;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph {
        margin-top: 0;
        height: 400px;
        padding: 60px;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph {
        padding-left: 135px;
        padding-right: 103px;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner {
    position: relative;
    width: 100%;
    height: 100%;
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner .bg-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 14.2857142857%;
    background-color: #eee;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner .bg-line:nth-child(1) {
    bottom: 0;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner .bg-line:nth-child(2) {
    bottom: 28.5714285714%;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner .bg-line:nth-child(3) {
    bottom: 57.1428571429%;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner .bg-line:nth-child(4) {
    bottom: 85.7142857143%;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner .side-gg-num {
    position: absolute;
    top: 0;
    left: -2.25rem;
    height: 100%;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner .side-gg-num span {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 1rem;
    font-weight: 400;
    color: #555;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner .side-gg-num span:nth-child(1) {
    bottom: -0.625rem;
    left: 0.625rem;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner .side-gg-num span:nth-child(2) {
    bottom: calc(14.2857142857% - 0.625rem);
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner .side-gg-num span:nth-child(3) {
    bottom: calc(28.5714285714% - 0.625rem);
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner .side-gg-num span:nth-child(4) {
    bottom: calc(42.8571428571% - 0.625rem);
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner .side-gg-num span:nth-child(5) {
    bottom: calc(57.1428571429% - 0.625rem);
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner .side-gg-num span:nth-child(6) {
    bottom: calc(71.4285714286% - 0.625rem);
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner .side-gg-num span:nth-child(7) {
    bottom: calc(85.7142857143% - 0.625rem);
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner .side-gg-num span:nth-child(8) {
    bottom: calc(100% - 0.625rem);
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner .stick-box {
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner .stick-box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner .stick-box ul li {
    position: relative;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner .stick-box .st-area {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 19px;
    background-color: #939bff;
    border-radius: 10px 10px 0 0;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner .stick-box .st-area.red {
    background-color: #ef4121;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner .stick-box .st-area.red .per {
    color: #ef4121;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner .stick-box .st-area .per {
    position: absolute;
    top: -28px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 14px;
    font-weight: 400;
    color: #3941a3;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner .stick-box .txt {
    white-space: nowrap;
    position: absolute;
    left: 50%;
    bottom: -40px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 16px;
    font-weight: 400;
    color: #555;
    line-height: 1.25;
    text-align: center;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner .stick-box .txt {
        font-size: 13px;
        bottom: -33px;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner .stick-box .txt.line-2 {
    bottom: -60px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph .gp-inner .stick-box .txt.line-2 {
        bottom: -50px;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph.st-row {
    padding: 64px;
    padding-left: 504px;
    padding-right: 261px;
    padding-bottom: 99px;
    height: 530px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph.st-row {
        padding: 15px;
        padding-bottom: 40px;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph.st-row {
        padding: 60px;
        height: 630px;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph.st-row {
        padding-left: 103px;
        padding-right: 103px;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph.st-row.row-short-hei {
        height: 400px;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph.st-row.row-short-hei {
        height: 500px;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph.st-row .gp-inner .bg-line {
    display: none;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph.st-row .gp-inner .side-gg-num {
    width: 100%;
    height: auto;
    left: -10px;
    top: auto;
    bottom: -20px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph.st-row .gp-inner .side-gg-num {
        bottom: -5px;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph.st-row .gp-inner .side-gg-num span {
    bottom: auto;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph.st-row .gp-inner .stick-box ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph.st-row .gp-inner .stick-box ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph.st-row .gp-inner .stick-box .st-area {
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    height: 19px;
    border-radius: 0 9.5px 9.5px 0;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph.st-row .gp-inner .stick-box .st-area {
        top: 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph.st-row .gp-inner .stick-box .st-area .per {
    left: auto;
    right: -34px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph.st-row .gp-inner .stick-box .st-area .per.length-one {
    right: -25px;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph.st-row .gp-inner .stick-box .txt {
    white-space: normal;
    text-align: right;
    top: 50%;
    text-align: right;
    left: -395px;
    bottom: auto;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 380px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph.st-row .gp-inner .stick-box .txt {
        position: static;
        text-align: left;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        margin-top: 25px;
    }
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph.mob-scrol {
    overflow: hidden;
    overflow-x: auto;
}

.spw-rnd-wrap .rnd-inno-wrap .inno-awareness-chart .awareness-graph .col-graph.mob-scrol .gp-inner {
    min-width: 600px;
    width: auto;
}

/* 교육 */
.spw-sup-wrap .sup-edu-wrap .prt-reference {
    margin-top: 2.8125rem;
}

.spw-sup-wrap .sup-edu-wrap .bt-contyp-ab {
    position: absolute;
    top: 0;
    right: 0;
}

.spw-sup-wrap .sup-edu-wrap .impor-side-ab {
    position: absolute;
    top: 0;
    right: 0;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .impor-side-ab {
        position: static;
        margin-top: -1.25rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .impor-side-ab {
        position: absolute;
        margin-top: 0;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-int-outline .btn-wrap .btn-box .subbtn {
        padding: 0.625rem 0.9375rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-int-outline .btn-wrap .btn-box .subbtn {
        padding: 0 1.5625rem;
    }
}

.spw-sup-wrap .sup-edu-wrap .edu-int-composition .tb_w .tb > thead > tr > th:not(:first-child) {
    border: 1px solid #444758;
}

.spw-sup-wrap .sup-edu-wrap .edu-int-school {
    background: url("../images/sub/edu-int-school-bg.png") 0 0 no-repeat;
    background-size: cover;
    padding: 45px 107px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-int-school {
        padding: 1.875rem 0.9375rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-int-school {
        padding: 1.875rem 3.125rem;
    }
}

.spw-sup-wrap .sup-edu-wrap .edu-int-school .inner > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -1.1563rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-int-school .inner > ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-int-school .inner > ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: -0.625rem;
    }
}

.spw-sup-wrap .sup-edu-wrap .edu-int-school .inner > ul > li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 1.1563rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-int-school .inner > ul > li {
        padding: 0.625rem;
    }
}

.spw-sup-wrap .sup-edu-wrap .edu-int-school .box {
    overflow: hidden;
    background-color: #fff;
    border-radius: 13px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 21px 0px rgb(255, 76, 5);
    box-shadow: 0px 0px 21px 0px rgb(255, 76, 5);
    border: 1px solid #ef4121;
}

.spw-sup-wrap .sup-edu-wrap .edu-int-school .box .con-zone {
    padding: 30px 0.9375rem 1.375rem;
}

.spw-sup-wrap .sup-edu-wrap .edu-int-school .box .tt-box {
    height: 5.125rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-int-school .box .tt-box {
        height: auto;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-int-school .box .tt-box {
        height: 5.125rem;
    }
}

.spw-sup-wrap .sup-edu-wrap .edu-int-school .box .tt-box .title {
    font-family: "rixrak-sans-pro", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #000;
}

.spw-sup-wrap .sup-edu-wrap .edu-int-school .box .tt-box .t-red {
    font-size: 1rem;
    line-height: 1.4375;
    margin-top: 0.625rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-int-school .box .tt-box .t-red br {
        display: none;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-int-school .box .tt-box .t-red br {
        display: block;
    }
}

.spw-sup-wrap .sup-edu-wrap .edu-int-school .box .detail-txt {
    text-align: center;
    margin-top: 0.625rem;
}

.spw-sup-wrap .sup-edu-wrap .edu-int-school .box .detail-txt .ls-typ {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 388px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-int-school .box .detail-txt .ls-typ {
        width: 24.375rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-int-school .box .detail-txt .ls-typ {
        width: 386px;
    }
}

.spw-sup-wrap .sup-edu-wrap .edu-int-school .box .detail-txt .ls-typ > li {
    text-align: left;
    width: 50%;
}

.spw-sup-wrap .sup-edu-wrap .edu-int-school .box .detail-txt .ls-typ > li > .mark .fc-tt {
    width: 3.75rem;
    letter-spacing: -1px;
}

.spw-sup-wrap .sup-edu-wrap .edu-int-school .box .detail-txt .ls-typ > li > .mark .fc-con {
    letter-spacing: -1px;
}

.spw-sup-wrap .sup-edu-wrap .edu-int-school .box .detail-txt .ls-typ > li:last-child > .mark .fc-con {
    white-space: nowrap;
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-int-school .box .pic-zone {
        height: 150px;
    }
}

.spw-sup-wrap .sup-edu-wrap .edu-int-school .box .pic-zone img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.spw-sup-wrap .sup-edu-wrap .edu-way-tabwrap .ey-schedule-board .tb_w .subbtn.only-link {
    margin: 0.3125rem;
}

.spw-sup-wrap .sup-edu-wrap .edu-way-tabwrap .ey-app-save .tb_w .btn-ctr-br {
    display: none;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-way-tabwrap .ey-app-save .tb_w .btn-ctr-br {
        display: block;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-way-tabwrap .ey-app-save .tb_w .btn-ctr-br {
        display: none;
    }
}

.spw-sup-wrap .sup-edu-wrap .edu-way-tabwrap .ey-app-save .tb_w .subbtn {
    margin-left: 0.9375rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-way-tabwrap .ey-app-save .tb_w .subbtn {
        margin-left: 0;
        margin-top: 0.3125rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-way-tabwrap .ey-app-save .tb_w .subbtn {
        margin-top: 0;
        margin-left: 0.9375rem;
    }
}

.spw-sup-wrap .sup-edu-wrap .edu-way-tabwrap .ey-state-identify .ls-typ .subbtn {
    margin-left: 0.375rem;
}

.spw-sup-wrap .sup-edu-wrap .edu-way-tabwrap .ey-certifi-issue .ls-typ .subbtn {
    margin-left: 0.375rem;
}

.spw-sup-wrap .sup-edu-wrap .edu-way-tabwrap .ey-certifi-issue .certifi-online-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3.4375rem 2.5rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-way-tabwrap .ey-certifi-issue .certifi-online-view {
        padding: 1.875rem 1.5rem;
    }
}

.spw-sup-wrap .sup-edu-wrap .edu-way-tabwrap .ey-certifi-issue .certifi-online-view .boxing-title {
    margin-bottom: 1.8125rem;
}

.spw-sup-wrap .sup-edu-wrap .edu-way-tabwrap .ey-certifi-issue .certifi-online-view .certificate-zone {
    margin-bottom: 1.5625rem;
}

.spw-sup-wrap .sup-edu-wrap .edu-call-board tbody th, .spw-sup-wrap .sup-edu-wrap .edu-call-board tbody td {
    padding-left: 2.3125rem;
    padding-right: 2.3125rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-call-board tbody th, .spw-sup-wrap .sup-edu-wrap .edu-call-board tbody td {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-call-board tbody th, .spw-sup-wrap .sup-edu-wrap .edu-call-board tbody td {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

.spw-sup-wrap .sup-edu-wrap .edu-payment-info .nor-c {
    padding-left: 1.5rem;
    margin-top: -0.625rem;
}

.spw-sup-wrap .sup-edu-wrap .edu-payment-info .nor-c .subbtn {
    margin: 0 0.4375rem 0 0.3125rem;
}

.spw-sup-wrap .sup-edu-wrap .edu-payment-transfer .transfer-area {
    border: 1px solid #dbdbdb;
}

.spw-sup-wrap .sup-edu-wrap .edu-payment-transfer .transfer-area .trans-detail-box {
    position: relative;
    padding: 1.875rem 2.5rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-payment-transfer .transfer-area .trans-detail-box {
        padding: 1.25rem 0.9375rem;
    }
}

.spw-sup-wrap .sup-edu-wrap .edu-payment-transfer .transfer-area .trans-detail-box .ls-typ > li > .mark {
    font-weight: 500;
    color: #090f33;
}

.spw-sup-wrap .sup-edu-wrap .edu-payment-transfer .transfer-area .trans-detail-box p {
    position: absolute;
    right: 2.5rem;
    bottom: 1.875rem;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #000;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-payment-transfer .transfer-area .trans-detail-box p {
        position: static;
        margin-top: 0.625rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-payment-transfer .transfer-area .trans-detail-box p {
        position: absolute;
        margin-top: 0;
    }
}

.spw-sup-wrap .sup-edu-wrap .edu-skill-dw .bg-box {
    padding: 2.125rem 9.0625rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-skill-dw .bg-box {
        padding: 1.875rem 1.5rem;
    }
}

.spw-sup-wrap .sup-edu-wrap .edu-skill-dw .bg-box .btn-wrap {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
}

.spw-sup-wrap .sup-edu-wrap .edu-skill-dw .bg-box .btn-wrap .btn-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.spw-sup-wrap .sup-edu-wrap .edu-skill-dw .bg-box .btn-wrap .btn-box .subbtn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-skill-dw .bg-box .btn-wrap .btn-box .subbtn {
        height: auto;
        min-height: 2.625rem;
        padding: 0.3125rem 0.9375rem;
    }
}

.spw-sup-wrap .sup-edu-wrap .edu-eln-dw .bg-box {
    padding: 2.125rem 9.0625rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-eln-dw .bg-box {
        padding: 1.875rem 1.5rem;
    }
}

.spw-sup-wrap .sup-edu-wrap .edu-eln-dw .bg-box .btn-wrap {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
}

.spw-sup-wrap .sup-edu-wrap .edu-eln-dw .bg-box .btn-wrap .btn-box .subbtn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-edu-wrap .edu-eln-dw .bg-box .btn-wrap .btn-box .subbtn {
        height: auto;
        min-height: 2.625rem;
        padding: 0.3125rem 0.9375rem;
    }
}

/* 세미나·포럼 */
.spw-sup-wrap .sup-semi-wrap .board-side-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.spw-sup-wrap .sup-semi-wrap .board-side-btn .btn-area {
    margin-bottom: 0.1875rem;
}

.spw-sup-wrap .sup-semi-wrap .board-side-btn .btn-area:last-child {
    margin-bottom: 0;
}

.spw-sup-wrap .sup-semi-wrap .board-side-btn .btn-area .subbtn {
    padding: 0 0.3125rem;
    width: 9.3125rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-semi-wrap .board-side-btn .btn-area .subbtn {
        width: 100px;
    }
}

.spw-sup-wrap .sup-semi-wrap .semi-guide-outline .sub-title-banner .tp-inner .nor-c {
    text-align: center;
    font-size: 1.375rem;
    line-height: 1.77;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-semi-wrap .semi-guide-outline .sub-title-banner .tp-inner .nor-c br {
        display: none;
    }
}

.spw-sup-wrap .sup-semi-wrap .semi-guide-conls .guide-con-list {
    background: url("../images/sub/semi-guide-conls-bg.png") center center no-repeat;
    background-size: cover;
    padding: 3.75rem 3.5625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-semi-wrap .semi-guide-conls .guide-con-list {
        padding: 1.875rem 0.9375rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-semi-wrap .semi-guide-conls .guide-con-list {
        padding: 1.875rem 3.125rem;
    }
}

.spw-sup-wrap .sup-semi-wrap .semi-guide-conls .guide-con-list > ul {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin: -1.25rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-semi-wrap .semi-guide-conls .guide-con-list > ul {
        margin: -0.625rem;
    }
}

.spw-sup-wrap .sup-semi-wrap .semi-guide-conls .guide-con-list > ul > li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 385px;
    flex-basis: 385px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.25rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-semi-wrap .semi-guide-conls .guide-con-list > ul > li {
        padding: 0.625rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-semi-wrap .semi-guide-conls .guide-con-list > ul > li {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}

.spw-sup-wrap .sup-semi-wrap .semi-guide-conls .guide-con-list .box {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 135px;
    height: 100%;
    background-color: #fff;
    border-radius: 13px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 21px 0px rgb(255, 76, 5);
    box-shadow: 0px 0px 21px 0px rgb(255, 76, 5);
    border: 1px solid #ef4121;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-semi-wrap .semi-guide-conls .guide-con-list .box {
        width: 357px;
    }
}

.spw-sup-wrap .sup-semi-wrap .semi-guide-conls .guide-con-list .box .con {
    padding: 2.4375rem 1.5625rem 1.5625rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 16.75rem;
    letter-spacing: -1px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-semi-wrap .semi-guide-conls .guide-con-list .box .con {
        height: auto;
    }
}

.spw-sup-wrap .sup-semi-wrap .semi-guide-conls .guide-con-list .box .con strong {
    display: block;
    font-family: "rixrak-sans-pro", sans-serif;
    font-size: 1.625rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 0.625rem;
}

.spw-sup-wrap .sup-semi-wrap .semi-guide-conls .guide-con-list .box .con em {
    display: block;
    font-size: 1.3125rem;
    font-weight: 500;
    color: #ef4121;
    margin-bottom: 0.3125rem;
}

.spw-sup-wrap .sup-semi-wrap .semi-guide-conls .guide-con-list .box .con p {
    font-size: 1.3125rem;
    font-weight: 400;
    color: #000;
    line-height: 2.01;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-semi-wrap .semi-guide-conls .guide-con-list .box .con p br {
        display: none;
    }
}

.spw-sup-wrap .sup-semi-wrap .semi-guide-conls .guide-con-list .box .pic {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 135px;
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-semi-wrap .semi-guide-conls .guide-con-list .box .pic {
        height: 135px;
    }
}

.spw-sup-wrap .sup-semi-wrap .semi-guide-conls .guide-con-list .box .pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.spw-sup-wrap .sup-semi-wrap .semi-seminar-guide .llc-cont-box .bg-box .con-txt .ls-typ .mark .fc-tt {
    width: 3.625rem;
}

.spw-sup-wrap .sup-semi-wrap .semi-seminar-board {
    min-width: 780px;
}

.spw-sup-wrap .sup-semi-wrap .semi-seminar-perf-con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0.9375rem 0;
}

.spw-sup-wrap .sup-semi-wrap .semi-seminar-perf-con .pic {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 1.75rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-semi-wrap .semi-seminar-perf-con .pic {
        margin-right: 0.9375rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-semi-wrap .semi-seminar-perf-con .pic {
        margin-right: 1.25rem;
    }
}

.spw-sup-wrap .sup-semi-wrap .semi-seminar-perf-con .pic .p-con {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    background-color: #000;
    padding: 0.3125rem 0.1875rem;
    letter-spacing: -1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.spw-sup-wrap .sup-semi-wrap .semi-seminar-perf-con .pic .p-con .name {
    font-size: 1rem;
    line-height: 1.125;
    margin-bottom: 0.1875rem;
}

.spw-sup-wrap .sup-semi-wrap .semi-seminar-perf-con .pic .p-con .part {
    font-size: 0.875rem;
    line-height: 1.28;
}

.spw-sup-wrap .sup-semi-wrap .semi-seminar-perf-con .conbox .tt {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #ef4121;
    margin-bottom: 0.1875rem;
}

.spw-sup-wrap .sup-semi-wrap .semi-seminar-perf-con .conbox .con-txt p {
    line-height: 1.75;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-semi-wrap .semi-seminar-perf-con .conbox .con-txt p br {
        display: none;
    }
}

.spw-sup-wrap .sup-semi-wrap .semi-summerforum-guide .llc-cont-box .bg-box .con-txt .ls-typ .mark .fc-tt {
    width: 2.8125rem;
}

.spw-sup-wrap .sup-semi-wrap .semi-summerforum-result .result-board .movie-q-btn i {
    display: inline-block;
    width: 1.8125rem;
    height: 1.8125rem;
    background: url("../images/sub/movie-q-btn.png") 0 0 no-repeat;
    background-size: contain;
}

.spw-sup-wrap .sup-semi-wrap .semi-summerforum-result .result-year-list > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -0.3125rem;
}

.spw-sup-wrap .sup-semi-wrap .semi-summerforum-result .result-year-list > ul > li {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.3125rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-semi-wrap .semi-summerforum-result .result-year-list > ul > li {
        width: 50%;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-semi-wrap .semi-summerforum-result .result-year-list > ul > li {
        width: 33.3333%;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-semi-wrap .semi-summerforum-result .result-year-list > ul > li {
        width: 25%;
    }
}

.spw-sup-wrap .sup-semi-wrap .semi-summerforum-result .result-year-list .box {
    border: 1px solid #dee2e6;
    background-color: #fbfbfb;
    padding: 1.875rem 2.375rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-semi-wrap .semi-summerforum-result .result-year-list .box {
        padding: 0.9375rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-semi-wrap .semi-summerforum-result .result-year-list .box {
        padding: 1.25rem;
    }
}

.spw-sup-wrap .sup-semi-wrap .semi-summerforum-result .result-year-list .box .tt {
    font-family: "rixrak-sans-pro", sans-serif;
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #3941a3;
    margin-bottom: 0.625rem;
}

.spw-sup-wrap .sup-semi-wrap .semi-summerforum-result .result-year-list .box .book-box {
    position: relative;
    border: 1px solid #dfe2e6;
}

.spw-sup-wrap .sup-semi-wrap .semi-summerforum-result .result-year-list .box .book-box .tpye {
    position: absolute;
    top: 0;
    left: 0;
}

.spw-sup-wrap .sup-semi-wrap .semi-summerforum-result .result-year-list .box .book-box .tpye .tp-icon i {
    display: block;
    width: 3.5625rem;
    height: 1.3125rem;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
}

.spw-sup-wrap .sup-semi-wrap .semi-summerforum-result .result-year-list .box .book-box .tpye .tp-icon.pdf i {
    background-image: url("../images/sub/result-year-list-type-pdf.png");
}

.spw-sup-wrap .sup-semi-wrap .semi-summerforum-result .result-year-list .box .book-box .link-icon-box {
    position: absolute;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.spw-sup-wrap .sup-semi-wrap .semi-result-board {
    min-width: 600px;
}

.spw-sup-wrap .sup-semi-wrap .semi-global-register-bn {
    text-align: center;
    margin-top: 2.75rem;
}

.spw-sup-wrap .sup-semi-wrap .semi-global-board .tb {
    min-width: 520px;
}

.spw-sup-wrap .sup-semi-wrap .semi-global-board .semi-global-board-subject .t-g {
    font-size: 1rem;
    font-weight: 400;
    color: #555;
    margin-bottom: 1.25rem;
}

.spw-sup-wrap .sup-semi-wrap .semi-global-board .semi-global-board-subject .btn-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -0.1563rem;
}

.spw-sup-wrap .sup-semi-wrap .semi-global-board .semi-global-board-subject .btn-wrap .btn-box {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.1563rem;
}

.spw-sup-wrap .sup-semi-wrap .semi-global-board .semi-global-board-subject .btn-wrap .btn-box .subbtn {
    width: 100%;
    min-width: 120px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.spw-sup-wrap .sup-semi-wrap .semi-global-board .semi-global-board-subject .btn-wrap.alone-btn .btn-box {
    width: 100%;
}

/* 교류회 */
.spw-sup-wrap .sup-exch-wrap .exch-docu-box .hd4-tt.fix-lt {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.spw-sup-wrap .sup-exch-wrap .exch-docu-box .llc-cont-box > ul > li .ls-typ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-exch-wrap .exch-docu-box .llc-cont-box > ul > li .ls-typ {
        display: block;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-exch-wrap .exch-docu-box .llc-cont-box > ul > li .ls-typ {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.spw-sup-wrap .sup-exch-wrap .exch-docu-box .llc-cont-box > ul > li .ls-typ > li {
    width: 440px;
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-exch-wrap .exch-docu-box .llc-cont-box > ul > li .ls-typ > li {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%;
    }
}

.spw-sup-wrap .sup-exch-wrap .exch-gatepage-box {
    background: url("../images/sub/exch-gatepage-bg.png") 0 0 no-repeat;
    background-size: cover;
}

.spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .inner {
    padding: 5rem 6.25rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .inner {
        padding: 1.875rem 0.9375rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .inner {
        padding: 2.5rem 3.125rem;
    }
}

.spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2.8125rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .title {
        margin-bottom: 1.5625rem;
    }
}

.spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .title .t-name span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "rixrak-sans-pro", sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    color: #000;
}

.spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .title .t-name span:before {
    content: "";
    display: block;
    width: 3.5rem;
    height: 2.5rem;
    background: url("../images/sub/exch-gatepage-tt-icon.png") 0 0 no-repeat;
    background-size: contain;
    margin-right: 0.9375rem;
}

.spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .title .quick-area {
    margin-left: 30px;
}

.spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .title .quick-area a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.5625rem;
    background-color: #4275f4;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #fff;
    padding: 0 1.4375rem;
    border-radius: 1.2813rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .title .quick-area a {
        height: auto;
        min-height: 2.5625rem;
        padding: 0.3125rem 1.4375rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .title .quick-area a:after {
    content: "";
    display: block;
    width: 0.875rem;
    height: 0.625rem;
    background: url("../images/sub/exch-gatepage-quick-icon.png") 0 0 no-repeat;
    background-size: contain;
    margin-left: 1.25rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .title .quick-area a:after {
        margin-left: 0.625rem;
    }
}

.spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .gate-ls > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -0.625rem;
}

.spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .gate-ls > ul > li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.3333%;
    padding: 0.625rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .gate-ls > ul > li {
        width: 50%;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .gate-ls > ul > li {
        width: 33.3333%;
    }
}

.spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .gate-ls > ul > li:nth-child(1) .box {
    background: url("../images/sub/exch-gatepage-lk-bg-1.jpg") 0 0 no-repeat;
    background-size: cover;
}

.spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .gate-ls > ul > li:nth-child(2) .box {
    background: url("../images/sub/exch-gatepage-lk-bg-2.jpg") 0 0 no-repeat;
    background-size: cover;
}

.spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .gate-ls > ul > li:nth-child(3) .box {
    background: url("../images/sub/exch-gatepage-lk-bg-3.jpg") 0 0 no-repeat;
    background-size: cover;
}

.spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .gate-ls > ul > li:nth-child(4) .box {
    background: url("../images/sub/exch-gatepage-lk-bg-4.jpg") 0 0 no-repeat;
    background-size: cover;
}

.spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .gate-ls > ul > li:nth-child(5) .box {
    background: url("../images/sub/exch-gatepage-lk-bg-5.jpg") 0 0 no-repeat;
    background-size: cover;
}

.spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .gate-ls > ul > li:nth-child(6) .box {
    background: url("../images/sub/exch-gatepage-lk-bg-6.jpg") 0 0 no-repeat;
    background-size: cover;
}

.spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .gate-ls > ul > li:nth-child(7) .box {
    background: url("../images/sub/exch-gatepage-lk-bg-7.jpg") 0 0 no-repeat;
    background-size: cover;
}

.spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .gate-ls > ul > li:nth-child(8) .box {
    background: url("../images/sub/exch-gatepage-lk-bg-8.jpg") 0 0 no-repeat;
    background-size: cover;
}

.spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .gate-ls > ul > li:nth-child(9) .box {
    background: url("../images/sub/exch-gatepage-lk-bg-9.jpg") 0 0 no-repeat;
    background-size: cover;
}

.spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .gate-ls .box {
    display: block;
    height: 13.75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2.5rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .gate-ls .box {
        padding: 1.875rem 1.5625rem;
    }
}

.spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .gate-ls .box .ls-inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .gate-ls .box .tt {
    display: inline-block;
    position: relative;
    font-family: "rixrak-sans-pro", sans-serif;
    font-size: 1.625rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.23;
    word-break: break-word;
}

.spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .gate-ls .box .tt:after {
    position: absolute;
    top: -0.875rem;
    right: -1rem;
    content: "";
    display: block;
    width: 0.9375rem;
    height: 0.9375rem;
    background: url("../images/sub/exch-gatepage-tt-dot.png") 0 0 no-repeat;
    background-size: contain;
}

.spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .gate-ls .box .blank-btn {
    position: absolute;
    bottom: 0;
    left: 0;
}

.spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .gate-ls .box .blank-btn span {
    padding: 0 0.5625rem 0 1.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 10rem;
    height: 2.5625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #fff;
    border-radius: 1.2813rem;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background-color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .gate-ls .box .blank-btn span {
        padding: 0 0.5625rem 0 0.5625rem;
        width: 8.125rem;
    }
}

.spw-sup-wrap .sup-exch-wrap .exch-gatepage-box .gate-ls .box .blank-btn span:after {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background: url("../images/sub/exch-gatepage-blank-btn-icon.png") 0 0 no-repeat;
    background-size: contain;
}

/* 정보마당 */
.spw-sup-wrap .sup-info-wrap .associate-ls-box {
    border-top: 3px solid #090f33;
}

.spw-sup-wrap .sup-info-wrap .associate-ls-box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 1px;
    padding-left: 1px;
}

.spw-sup-wrap .sup-info-wrap .associate-ls-box ul > li {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: calc(25% + 1px);
    margin-top: -1px;
    margin-left: -1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-info-wrap .associate-ls-box ul > li {
        width: calc(50% + 1px);
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-info-wrap .associate-ls-box ul > li {
        width: calc(33.3333% + 1px);
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-info-wrap .associate-ls-box ul > li {
        width: calc(25% + 1px);
    }
}

.spw-sup-wrap .sup-info-wrap .associate-ls-box ul .box {
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
    padding: 1.25rem 0.3125rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.spw-sup-wrap .sup-info-wrap .associate-ls-box ul .box .name {
    margin-top: 0.625rem;
    font-size: 1rem;
    font-weight: 400;
    color: #555;
}

.spw-sup-wrap .sup-info-wrap .associate-ls-box.mgt-50 {
    margin-top: 3.125rem;
}

/* 회원혜택활용 */
.spw-sup-wrap .sup-bene-wrap .bene-service-all .tb_w .subbtn.only-link {
    margin: 0.3125rem;
}

.spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-ls-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -0.3125rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-ls-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-ls-box {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-ls-box .sbox {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.3125rem;
}

.spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-ls-box .sbox .bg-box {
    padding: 2.125rem 115px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-ls-box .sbox .bg-box {
        padding: 1.25rem 0.9375rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-ls-box .sbox .bg-box {
        padding: 2.125rem 3.75rem;
    }
}

.spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-ls-box .sbox .thumb-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-ls-box .sbox .thumb-view {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-ls-box .sbox .thumb-view .th-main {
    border: 1px solid #7a7a7a;
}

.spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-ls-box .sbox .thumb-view .th-main .box {
    text-align: center;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-ls-box .sbox .thumb-view .th-main .box img {
        width: 100%;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-ls-box .sbox .thumb-view .th-main .box img {
        width: auto;
    }
}

.spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-ls-box .sbox .thumb-view .th-sub {
    margin-left: 2.9375rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-ls-box .sbox .thumb-view .th-sub {
        margin-left: 0;
        margin-top: 1.25rem;
    }
}

.spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-ls-box .sbox .thumb-view .th-sub > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -0.0938rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-ls-box .sbox .thumb-view .th-sub > ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-ls-box .sbox .thumb-view .th-sub > ul > li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.0938rem;
}

.spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-ls-box .sbox .thumb-view .th-sub > ul > li .th-btn {
    display: block;
    border: 1px solid #cbcee0;
}

.spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-ls-box .sbox .thumb-view .th-sub > ul > li.on .th-btn {
    border-color: #000;
}

.spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .detail-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -0.3125rem;
}

.spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .detail-txt .box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.3125rem;
}

.spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .detail-txt .box .hd5-tt {
    margin-left: 0;
}

.spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-app-btn {
    border-top: 1px solid #dee2e6;
    padding-top: 49px;
    margin-top: 49px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-app-btn {
        padding-top: 1.5625rem;
        margin-top: 1.5625rem;
    }
}

.spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-app-btn .btn-box .subbtn {
    width: 235px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-app-btn .btn-box .subbtn {
        width: auto;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-app-btn .btn-box .subbtn {
        width: 235px;
    }
}

.spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-app-btn .btn-box .subbtn .txt {
    font-size: 1.0625rem;
}

.spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-immpor-box {
    margin-top: 3.125rem;
}

.spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-immpor-box .custom-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.625rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-immpor-box .custom-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 0.9375rem;
    }
}

.spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-immpor-box .custom-info strong {
    display: block;
    position: relative;
    font-size: 1.125rem;
    font-weight: 700;
    color: #555;
    padding-right: 2rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-immpor-box .custom-info strong {
        padding-right: 0;
        padding-left: 1.75rem;
        margin-bottom: 0.3125rem;
    }
}

.spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-immpor-box .custom-info strong:after {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 0;
    right: 0;
    background: url("../images/sub/blueround-arrow-mark.png") 0 0 no-repeat;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-immpor-box .custom-info strong:after {
        right: auto;
        left: 0;
    }
}

.spw-sup-wrap .sup-bene-wrap .bene-msv-signboard-ls .signbd-immpor-box .custom-info span {
    padding-left: 0.4375rem;
    font-size: 1rem;
    font-weight: 400;
    color: #555;
}

.spw-sup-wrap .sup-bene-wrap .bene-technical-award-ls .tabbtn {
    margin-bottom: 2.9375rem;
}

.spw-sup-wrap .sup-bene-wrap .bene-technical-award-ls .aa-detail-board .tb {
    table-layout: fixed;
    min-width: 530px;
}

.spw-sup-wrap .sup-bene-wrap .bene-technical-award-ls .aa-detail-board .tb tbody td {
    padding: 0;
}

.spw-sup-wrap .sup-bene-wrap .bene-technical-award-ls .aa-detail-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.spw-sup-wrap .sup-bene-wrap .bene-technical-award-ls .aa-detail-box .pic {
    padding: 2.5rem 0.9375rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 261px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-technical-award-ls .aa-detail-box .pic {
        padding: 0.625rem 0.3125rem;
        min-height: 140px;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-technical-award-ls .aa-detail-box .pic {
        padding: 1.25rem 0.9375rem;
        min-height: 182px;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-technical-award-ls .aa-detail-box .pic img {
        width: 100px;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-technical-award-ls .aa-detail-box .pic img {
        width: 120px;
    }
}

.spw-sup-wrap .sup-bene-wrap .bene-technical-award-ls .aa-detail-box .con {
    border-top: 1px solid #dbdbdb;
    background-color: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.125rem 0.625rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-technical-award-ls .aa-detail-box .con {
        min-height: 126px;
    }
}

.spw-sup-wrap .sup-bene-wrap .bene-technical-award-ls .aa-detail-box .con .inner {
    padding-left: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
}

.spw-sup-wrap .sup-bene-wrap .bene-technical-award-ls .aa-detail-box .con .tt {
    position: relative;
    font-family: "rixrak-sans-pro", sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #3941a3;
    margin-bottom: 0.3125rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-technical-award-ls .aa-detail-box .con .tt {
        font-size: 0.9375rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-technical-award-ls .aa-detail-box .con .tt {
        font-size: 1.125rem;
    }
}

.spw-sup-wrap .sup-bene-wrap .bene-technical-award-ls .aa-detail-box .con .tt:after {
    position: absolute;
    top: 0.25rem;
    left: -1.875rem;
    content: "";
    display: block;
    width: 1.375rem;
    height: 2.5625rem;
    background: url("../images/sub/technical-award-tt-icon.png") 0 0 no-repeat;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-technical-award-ls .aa-detail-box .con .tt:after {
        width: 1.125rem;
        height: 2.125rem;
    }
}

.spw-sup-wrap .sup-bene-wrap .bene-technical-award-ls .aa-detail-box .con p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-technical-award-ls .aa-detail-box .con p {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-technical-award-ls .aa-detail-box .con p {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

.spw-sup-wrap .sup-bene-wrap .bene-technical-award-ls .aa-detail-box .con p strong {
    font-size: 1.125rem;
    font-weight: 700;
    color: #000;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-technical-award-ls .aa-detail-box .con p strong {
        font-size: 0.9375rem;
    }
}

.spw-sup-wrap .sup-bene-wrap .bene-technical-award-ls .aa-detail-box .con p span {
    padding-left: 0.625rem;
    font-size: 1rem;
    font-weight: 700;
    color: #656565;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-technical-award-ls .aa-detail-box .con p span {
        font-size: 0.875rem;
        padding-left: 0;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-sup-wrap .sup-bene-wrap .bene-technical-award-ls .aa-detail-box .con p span {
        padding-left: 0.625rem;
    }
}

.spw-sup-wrap .sup-bene-wrap .bene-join-guide-step .blueline-step-box .small-txt {
    font-size: 0.875rem;
}

.spw-sup-wrap .sup-bene-wrap .bene-join-guide-step .blueline-step-box .step-in-btn {
    padding-top: 0.9375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -0.1563rem;
}

.spw-sup-wrap .sup-bene-wrap .bene-join-guide-step .blueline-step-box .step-in-btn .bt-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 9.375rem;
    padding: 0.1563rem;
}

.spw-sup-wrap .sup-bene-wrap .bene-join-guide-step .blueline-step-box .step-in-btn .bt-box .subbtn {
    text-align: center;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.1875rem 0.3125rem;
    height: auto;
}

.spw-sup-wrap .sup-bene-wrap .bene-join-guide-step .blueline-step-box .step-in-btn .bt-box .subbtn .txt {
    line-height: 1.714;
    font-size: 0.875rem;
}

/* 소개 */
.spw-int-wrap .int-intr-wrap .intro-greeting-box .tt {
    font-family: "rixrak-sans-pro", sans-serif;
    display: block;
    font-size: 1.625rem;
    font-weight: 700;
    color: #090f33;
    padding: 0 3.75rem;
    margin-bottom: 2.5rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .intro-greeting-box .tt {
        margin-bottom: 1.25rem;
        padding: 0 1.25rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .intro-greeting-box .tt {
        padding-right: 22.8125rem;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .intro-greeting-box .tt br {
        display: none;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .intro-greeting-box .tt br {
        display: block;
    }
}

.spw-int-wrap .int-intr-wrap .intro-greeting-box .intro-banner {
    position: relative;
    background: url("../images/sub/intro-greeting-banner.png") 0 0 no-repeat;
    background-size: cover;
    padding: 3.125rem 3.75rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .intro-greeting-box .intro-banner {
        padding: 1.875rem 1.25rem;
        padding-bottom: 0;
        background-position: right 0;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .intro-greeting-box .intro-banner {
        padding: 3.125rem 3.75rem;
    }
}

.spw-int-wrap .int-intr-wrap .intro-greeting-box .intro-banner p {
    font-size: 1.125rem;
    font-weight: 400;
    color: #fff;
    line-height: 1.77;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .intro-greeting-box .intro-banner p {
        margin-bottom: 0.9375rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .intro-greeting-box .intro-banner p {
        padding-right: 25.25rem;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .intro-greeting-box .intro-banner p br {
        display: none;
    }
}

.spw-int-wrap .int-intr-wrap .intro-greeting-box .intro-banner i {
    position: absolute;
    bottom: 0;
    right: 0;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .intro-greeting-box .intro-banner i {
        text-align: center;
        display: block;
        position: static;
        bottom: auto;
        top: 0;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .intro-greeting-box .intro-banner i {
        position: absolute;
        bottom: 0;
        right: 0;
        top: auto;
    }
}

.spw-int-wrap .int-intr-wrap .intro-greeting-box .intro-txt {
    padding: 2.8125rem 3.75rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .intro-greeting-box .intro-txt {
        padding: 1.875rem 1.25rem;
    }
}

.spw-int-wrap .int-intr-wrap .intro-greeting-box .intro-foot {
    border-top: 11px solid #e6e6e6;
    padding: 2.8125rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .intro-greeting-box .intro-foot {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1.875rem 0;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .intro-greeting-box .intro-foot {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 1.875rem 1.25rem;
    }
}

.spw-int-wrap .int-intr-wrap .intro-greeting-box .intro-foot p {
    font-family: "rixrak-sans-pro", sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    color: #cecece;
    padding-left: 3.75rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .intro-greeting-box .intro-foot p {
        padding-left: 0;
        margin-bottom: 1.25rem;
    }
}

.spw-int-wrap .int-intr-wrap .intro-greeting-box .intro-foot strong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.spw-int-wrap .int-intr-wrap .intro-greeting-box .intro-foot strong span.name {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: 0.625rem;
}

.spw-int-wrap .int-intr-wrap .intro-greeting-box .intro-foot.newyear strong {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .intro-greeting-box .intro-foot.newyear strong {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .intro-greeting-box .intro-foot.newyear strong {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.spw-int-wrap .int-intr-wrap .intro-greeting-box .intro-foot.newyear .year {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding-right: 10px;
    text-align: right;
    font-size: 1.25rem;
    color: #444;
    margin-bottom: 0.625rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .intro-greeting-box .intro-foot.newyear .year {
        text-align: center;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .intro-greeting-box .intro-foot.newyear .year {
        text-align: right;
    }
}

.spw-int-wrap .int-intr-wrap .int-profile-con-box .tp-inner .r-con .pf-con-zone .pf-tt {
    display: block;
    font-family: "rixrak-sans-pro", sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #080e32;
    margin-bottom: 0.9375rem;
}

.spw-int-wrap .int-intr-wrap .int-profile-con-box .tp-inner .r-con .pf-con-zone .pf-con > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 0.9375rem;
}

.spw-int-wrap .int-intr-wrap .int-profile-con-box .tp-inner .r-con .pf-con-zone .pf-con > li:last-child {
    margin-bottom: 0;
}

.spw-int-wrap .int-intr-wrap .int-profile-con-box .tp-inner .r-con .pf-con-zone .pf-con > li strong {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 118px;
    font-family: "rixrak-sans-pro", sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    color: #080e32;
}

.spw-int-wrap .int-intr-wrap .int-profile-con-box .tp-inner .r-con .pf-con-zone .pf-con > li ul > li {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #555;
    margin-bottom: 15px;
}

.spw-int-wrap .int-intr-wrap .int-profile-con-box .tp-inner .r-con .pf-con-zone .pf-con > li ul > li:last-child {
    margin-bottom: 0;
}

.spw-int-wrap .int-intr-wrap .int-profile-career-box .tb tbody th, .spw-int-wrap .int-intr-wrap .int-profile-career-box .tb tbody td {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-profile-career-box .tb tbody th, .spw-int-wrap .int-intr-wrap .int-profile-career-box .tb tbody td {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

.spw-int-wrap .int-intr-wrap .history-ls {
    position: relative;
    padding: 4.0625rem 3.625rem 8.125rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .history-ls {
        padding: 1.875rem 1.5rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .history-ls {
        padding: 1.875rem 1.5rem 8.125rem;
    }
}

.spw-int-wrap .int-intr-wrap .history-ls .tt {
    display: block;
    position: absolute;
    top: 4.0625rem;
    left: 3.625rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .history-ls .tt {
        position: static;
        margin-bottom: 1.25rem;
    }
}

.spw-int-wrap .int-intr-wrap .history-ls .tt span {
    font-family: "rixrak-sans-pro", sans-serif;
    display: block;
    font-size: 1.875rem;
    font-weight: 400;
    color: #090f33;
}

.spw-int-wrap .int-intr-wrap .history-ls .tt p {
    font-size: 1.125rem;
    font-weight: 400;
    color: #555;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .history-ls .hist-con {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .history-ls .hist-con {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap {
    margin-left: 530px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap {
        margin-left: 0;
        padding-left: 2.5rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap {
        margin-left: 415px;
    }
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap > li {
    position: relative;
    display: block;
    padding-bottom: 2.5rem;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap > li:after {
    position: absolute;
    top: 0.5rem;
    left: -2.375rem;
    content: "";
    display: block;
    width: 6px;
    height: 100%;
    background-color: #3941a3;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap > li:after {
        left: -1.625rem;
    }
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap > li:last-child {
    padding-bottom: 0;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap > li:last-child:after {
    display: none;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0.625rem;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year:after {
    z-index: 1;
    position: absolute;
    top: 0.1875rem;
    left: -2.8125rem;
    content: "";
    display: block;
    width: 0.625rem;
    height: 0.625rem;
    background-color: #3941a3;
    border: 0.3125rem solid #fff;
    border-radius: 50%;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year:after {
        top: 0.4rem;
        left: -2rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year:after {
        left: -2.1rem;
    }
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year strong {
    font-family: "Montserrat";
    font-size: 1.5rem;
    font-weight: 600;
    color: #3941a3;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic {
    position: absolute;
    top: 26px;
    left: -348px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic {
        position: static;
        margin: 0.625rem 0;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic {
        position: absolute;
        margin: 0;
        top: 30px;
        left: -338px;
    }
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic:after {
    position: absolute;
    top: -14px;
    right: -24px;
    content: "";
    display: block;
    width: 30px;
    height: 44px;
    background: url("../images/sub/yr-pic-arrow.png") 0 0 no-repeat;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic:after {
        display: none;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic:after {
        display: block;
    }
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic2021-cock:after {
    background: url("../images/sub/yr-pic-arrow-2021.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic2019-cock:after {
    background: url("../images/sub/yr-pic-arrow-2019.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic2018-cock:after {
    background: url("../images/sub/yr-pic-arrow-2018.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic2017-cock:after {
    background: url("../images/sub/yr-pic-arrow-2017.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic2016-cock:after {
    background: url("../images/sub/yr-pic-arrow-2016.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic2015-cock:after {
    background: url("../images/sub/yr-pic-arrow-2015.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic2014-cock:after {
    background: url("../images/sub/yr-pic-arrow-2014.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic2013-cock:after {
    background: url("../images/sub/yr-pic-arrow-2013.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic2012-cock:after {
    background: url("../images/sub/yr-pic-arrow-2012.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic2011-cock:after {
    background: url("../images/sub/yr-pic-arrow-2011.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic2010-cock:after {
    background: url("../images/sub/yr-pic-arrow-2010.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic2009-cock:after {
    background: url("../images/sub/yr-pic-arrow-2009.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic2008-cock:after {
    background: url("../images/sub/yr-pic-arrow-2008.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic2007-cock:after {
    background: url("../images/sub/yr-pic-arrow-2007.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic2005-cock:after {
    background: url("../images/sub/yr-pic-arrow-2005.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic2004-cock:after {
    background: url("../images/sub/yr-pic-arrow-2004.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic2002-cock:after {
    background: url("../images/sub/yr-pic-arrow-2002.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic4-cock:after {
    background: url("../images/sub/yr-pic-arrow-4.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic6-cock:after {
    background: url("../images/sub/yr-pic-arrow-6.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic7-cock:after {
    background: url("../images/sub/yr-pic-arrow-7.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic8-cock:after {
    background: url("../images/sub/yr-pic-arrow-8.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic9-cock:after {
    background: url("../images/sub/yr-pic-arrow-9.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic10-cock:after {
    background: url("../images/sub/yr-pic-arrow-10.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic2010-1-cock:after {
    background: url("../images/sub/yr-pic-arrow-2010-1.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic2010-2-cock:after {
    background: url("../images/sub/yr-pic-arrow-2010-2.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic2010-3-cock:after {
    background: url("../images/sub/yr-pic-arrow-2010-3.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic2010-4-cock:after {
    background: url("../images/sub/yr-pic-arrow-2010-4.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic2010-5-cock:after {
    background: url("../images/sub/yr-pic-arrow-2010-5.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic2010-6-cock:after {
    background: url("../images/sub/yr-pic-arrow-2010-6.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .year .yr-pic.pic2010-7-cock:after {
    background: url("../images/sub/yr-pic-arrow-2010-7.png") 0 0 no-repeat;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .hs-month > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.625rem;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .hs-month > li:last-child {
    margin-bottom: 0;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .hs-month > li em {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: 1rem;
    font-weight: 700;
    color: #080e32;
    width: 5.125rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .hs-month > li em {
        width: 3.75rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .hs-month > li em {
        width: 5.125rem;
    }
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .hs-month > li ul {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .hs-month > li ul li {
    position: relative;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    color: #555;
    padding-left: 0.5rem;
    margin-bottom: 0.625rem;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .hs-month > li ul li:last-child {
    margin-bottom: 0;
}

.spw-int-wrap .int-intr-wrap .history-ls .hist-con .hs-wrap .box .hs-month > li ul li:after {
    position: absolute;
    top: 0.5625rem;
    left: 0;
    content: "";
    display: block;
    width: 2px;
    height: 2px;
    background-color: #555;
}

.spw-int-wrap .int-intr-wrap .history-ls.pic-none .hist-con .hs-wrap {
    margin-left: 330px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .history-ls.pic-none .hist-con .hs-wrap {
        margin-left: 0;
        padding-left: 2.5rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .history-ls.pic-none .hist-con .hs-wrap {
        margin-left: 0;
    }
}

.spw-int-wrap .int-intr-wrap .int-brochure-con-box .tp-inner .l-con {
    margin-right: 4.1875rem;
    padding-right: 0;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-brochure-con-box .tp-inner .l-con {
        margin-right: 0;
        padding-bottom: 0;
        margin-bottom: 0.625rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-brochure-con-box .tp-inner .l-con {
        margin-right: 1.875rem;
    }
}

.spw-int-wrap .int-intr-wrap .int-brochure-con-box .tp-inner .l-con:after {
    display: none;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-brochure-con-box .tp-inner .l-con img {
        width: 200px;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-brochure-con-box .tp-inner .l-con img {
        width: auto;
    }
}

.spw-int-wrap .int-intr-wrap .int-brochure-con-box .tp-inner .r-con {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 0.9375rem;
}

.spw-int-wrap .int-intr-wrap .int-brochure-con-box .tp-inner .r-con .broch-con-zone .br-tt {
    display: block;
    font-family: "rixrak-sans-pro", sans-serif;
    font-size: 1.875rem;
    font-weight: 700;
    color: #ef4121;
    line-height: 1.2;
    margin-bottom: 1.25rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-brochure-con-box .tp-inner .r-con .broch-con-zone .br-tt {
        margin-bottom: 0.625rem;
    }
}

.spw-int-wrap .int-intr-wrap .int-brochure-con-box .tp-inner .r-con .broch-con-zone .nor-c {
    line-height: 2.25;
}

.spw-int-wrap .int-intr-wrap .int-brochure-con-box .tp-inner .r-con .broch-con-zone .btn-wrap {
    margin-top: 1.875rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-brochure-con-box .tp-inner .r-con .broch-con-zone .btn-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-brochure-con-box .tp-inner .r-con .broch-con-zone .btn-wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-brochure-con-box .tp-inner .r-con .broch-con-zone .btn-wrap .btn-box {
        padding: 0;
        width: 100%;
        max-width: 19.6875rem;
        margin-bottom: 0.3125rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-brochure-con-box .tp-inner .r-con .broch-con-zone .btn-wrap .btn-box {
        max-width: none;
        width: 22.5rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-brochure-con-box .tp-inner .r-con .broch-con-zone .btn-wrap .btn-box {
        margin-bottom: 0;
        padding: 0 5px;
        max-width: none;
        width: auto;
    }
}

.spw-int-wrap .int-intr-wrap .int-brochure-con-box .tp-inner .r-con .broch-con-zone .btn-wrap .btn-box .subbtn {
    padding: 0 1.375rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-brochure-con-box .tp-inner .r-con .broch-con-zone .btn-wrap .btn-box .subbtn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        padding: 0.6rem 1.375rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-brochure-con-box .tp-inner .r-con .broch-con-zone .btn-wrap .btn-box .subbtn {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        padding: 0.66rem 1.375rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-brochure-con-box .bg {
        background-size: auto 100%;
        background-position: right 10%;
    }
}

.spw-int-wrap .int-intr-wrap .int-symbol-con-box {
    margin-bottom: 2.5rem;
}

.spw-int-wrap .int-intr-wrap .int-symbol-con-box .tp-inner .l-con {
    padding-left: 1.25rem;
    padding-top: 1.4375rem;
    padding-right: 4.6875rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-symbol-con-box .tp-inner .l-con {
        padding: 0;
        padding-bottom: 1.875rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-symbol-con-box .tp-inner .l-con {
        padding-left: 1.25rem;
        padding-top: 1.4375rem;
        padding-right: 4.6875rem;
        padding-bottom: 0;
    }
}

.spw-int-wrap .int-intr-wrap .int-symbol-con-box .tp-inner .l-con:after {
    height: 174px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-symbol-con-box .tp-inner .l-con:after {
        height: 1px;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-symbol-con-box .tp-inner .l-con:after {
        height: 174px;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-symbol-con-box .tp-inner .l-con img {
        width: 200px;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-symbol-con-box .tp-inner .l-con img {
        width: auto;
    }
}

.spw-int-wrap .int-intr-wrap .int-symbol-con-box .tp-inner .r-con {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.spw-int-wrap .int-intr-wrap .int-symbol-con-box .tp-inner .r-con .broch-con-zone .br-tt {
    display: block;
    font-family: "rixrak-sans-pro", sans-serif;
    font-size: 1.625rem;
    font-weight: 700;
    color: #080e32;
    line-height: 1.2;
    margin-bottom: 0.9rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-symbol-con-box .tp-inner .r-con .broch-con-zone .br-tt {
        margin-bottom: 0.625rem;
    }
}

.spw-int-wrap .int-intr-wrap .int-symbol-con-box .tp-inner .r-con .broch-con-zone .btn-wrap {
    margin-top: 1.125rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-symbol-con-box .tp-inner .r-con .broch-con-zone .btn-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-symbol-con-box .tp-inner .r-con .broch-con-zone .btn-wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-symbol-con-box .tp-inner .r-con .broch-con-zone .btn-wrap .btn-box {
        padding: 0;
        width: 100%;
        max-width: 19.6875rem;
        margin-bottom: 0.3125rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-symbol-con-box .tp-inner .r-con .broch-con-zone .btn-wrap .btn-box {
        max-width: none;
        width: 22.5rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-symbol-con-box .tp-inner .r-con .broch-con-zone .btn-wrap .btn-box {
        margin-bottom: 0;
        padding: 0 5px;
        max-width: none;
        width: auto;
    }
}

.spw-int-wrap .int-intr-wrap .int-symbol-con-box .tp-inner .r-con .broch-con-zone .btn-wrap .btn-box .subbtn {
    padding: 0 1.375rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-symbol-con-box .tp-inner .r-con .broch-con-zone .btn-wrap .btn-box .subbtn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        padding: 0.6rem 1.375rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-symbol-con-box .tp-inner .r-con .broch-con-zone .btn-wrap .btn-box .subbtn {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        padding: 0.66rem 1.375rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .int-symbol-con-box .bg {
        background-size: auto 100%;
        background-position: right 10%;
    }
}

.spw-int-wrap .int-intr-wrap .ci-signature-dia ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.spw-int-wrap .int-intr-wrap .ci-signature-dia ul > li {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    padding: 0 0.9375rem;
}

.spw-int-wrap .int-intr-wrap .ci-signature-dia ul > li:after {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    content: "";
    display: block;
    width: 1px;
    height: 10.875rem;
    background-color: #dee2e6;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .ci-signature-dia ul > li:after {
        height: 5rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .ci-signature-dia ul > li:after {
        height: 9.375rem;
    }
}

.spw-int-wrap .int-intr-wrap .ci-signature-dia ul > li:last-child:after {
    display: none;
}

.spw-int-wrap .int-intr-wrap .ci-various-dia {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}

.spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex > li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50%;
    padding: 0 1.875rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex > li {
        width: 100%;
        margin-bottom: 2.5rem;
        padding: 0;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex > li {
        width: 50%;
        padding: 0 1.875rem;
        margin-bottom: 0;
    }
}

.spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex > li:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #dee2e6;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex > li:after {
        display: none;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex > li:after {
        display: block;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex > li:last-child {
        margin-bottom: 0;
    }
}

.spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex > li:last-child:after {
    display: none;
}

.spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex .tt {
    position: relative;
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #555;
    padding-left: 0.625rem;
    margin-bottom: 1.25rem;
}

.spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex .tt:after {
    position: absolute;
    top: 0.5625rem;
    left: 0;
    content: "";
    display: block;
    width: 0.25rem;
    height: 0.25rem;
    background-color: #555;
}

.spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex .ex-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex .ex-detail > li {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 1.875rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex .ex-detail > li {
        padding: 0 0.625rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex .ex-detail > li {
        padding: 0 1.875rem;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex .ex-detail > li {
        padding: 0 1.25rem;
    }
}

.spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex .ex-detail > li:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #dee2e6;
}

.spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex .ex-detail > li:first-child {
    padding-left: 0;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex .ex-detail > li:first-child {
        padding-left: 0.625rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex .ex-detail > li:first-child {
        padding-left: 1.875rem;
    }
}

.spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex .ex-detail > li:last-child:after {
    display: none;
}

.spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex .ex-detail .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex .ex-detail .box .logo {
    margin-bottom: 1.875rem;
}

.spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex .ex-detail .box .rgb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex .ex-detail .box .rgb.t-1 {
    margin-bottom: 0.5rem;
}

.spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex .ex-detail .box .rgb .c-bd {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: block;
    width: 1.125rem;
    height: 1.125rem;
    margin-right: 0.625rem;
}

.spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex .ex-detail .box .rgb .c-bd.color-t-1 {
    background-color: #ed3f24;
}

.spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex .ex-detail .box .rgb .c-bd.color-t-2 {
    background-color: #495caa;
}

.spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex .ex-detail .box .rgb .c-bd.color-t-3 {
    background-color: #333;
}

.spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex .ex-detail .box .rgb .c-bd.color-t-4 {
    background-color: #737571;
}

.spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex .ex-detail .box .rgb .c-bd.color-t-5 {
    background-color: #323232;
}

.spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex .ex-detail .box .rgb .c-bd.color-t-6 {
    background-color: #4a79cb;
}

.spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex .ex-detail .box .rgb .c-bd.color-t-7 {
    background-color: #1c47a3;
}

.spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex .ex-detail .box .rgb .c-num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.spw-int-wrap .int-intr-wrap .ci-various-dia .various-ex .ex-detail .box .rgb .c-num > li {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 3.125rem;
    font-size: 1rem;
    font-weight: 400;
    color: #555;
}

.spw-int-wrap .int-intr-wrap .ci-symbolmark-dia {
    padding-left: 0.6875rem;
    padding-right: 0.6875rem;
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .ci-symbolmark-dia {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem;
    }
}

.spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul {
        margin: -0.625rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul {
        margin: -1.5625rem;
    }
}

.spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul > li {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 1.5625rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul > li {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%;
        padding: 0.625rem;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul > li {
        padding: 1.5625rem;
    }
}

.spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul > li:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #dee2e6;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul > li:after {
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        height: 80%;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul > li:nth-child(2):after, .spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul > li:nth-child(4):after {
        display: none;
    }
}

.spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul > li:last-child:after {
    display: none;
}

.spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul .box .tt {
    position: relative;
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    padding-left: 0.625rem;
    margin-bottom: 1.5rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul .box .tt {
        margin-bottom: 0.625rem;
    }
}

.spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul .box .tt:after {
    position: absolute;
    top: 0.5625rem;
    left: 0;
    content: "";
    display: block;
    width: 0.25rem;
    height: 0.25rem;
    background-color: #555;
}

.spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul .box .color-t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul .box .color-t i {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 4rem;
    height: 4rem;
    display: inline-block;
    margin-right: 1.1875rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul .box .color-t i {
        margin-right: 0.625rem;
    }
}

.spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul .box .color-t span {
    font-size: 1rem;
    font-weight: 400;
    color: #555;
}

.spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul .box .detail {
    font-size: 1rem;
    font-weight: 400;
    color: #555;
    line-height: 2;
    margin-top: 1.125rem;
}

.spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul .box.blue .tt {
    color: #006ab7;
}

.spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul .box.blue .tt:after {
    background-color: #006ab7;
}

.spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul .box.blue .color-t i {
    background-color: #006ab7;
}

.spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul .box.red .tt {
    color: #ff2839;
}

.spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul .box.red .tt:after {
    background-color: #ff2839;
}

.spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul .box.red .color-t i {
    background-color: #ff2839;
}

.spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul .box.green .tt {
    color: #509f6c;
}

.spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul .box.green .tt:after {
    background-color: #509f6c;
}

.spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul .box.green .color-t i {
    background-color: #509f6c;
}

.spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul .box.gray .tt {
    color: #7c7c7c;
}

.spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul .box.gray .tt:after {
    background-color: #7c7c7c;
}

.spw-int-wrap .int-intr-wrap .ci-symbolmark-dia ul .box.gray .color-t i {
    background-color: #7c7c7c;
}

/* 조직도 */
.spw-int-wrap .int-intr-wrap .organization-wrap .org-impor {
    margin-bottom: 3.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-impor {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-impor {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-impor .subbtn {
        margin-top: 0.625rem;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-impor .subbtn {
        margin-top: 0;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        /* height: 770px; */
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart {
        height: auto;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .org-line {
    position: relative;
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .org-line.col:before {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    content: "";
    display: block;
    background-color: #d3d3d3;
    width: 1px;
    height: 100px;
}



.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .org-line.col.bold-l:before {
    background-color: #e6e6e6;
    width: 12px;
    height: 100px;
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .org-line.row:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    display: block;
    background-color: #d3d3d3;
    width: 100px;
    height: 1px;
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .org-line.row.bold-l:after {
    background-color: #e6e6e6;
    width: 100px;
    height: 12px;
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .inner {
    position: relative;
    padding-bottom: 125px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .inner {
        padding-bottom: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        margin-top: -90px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .inner {
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-top: 0;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .president {
    z-index: 1;
    position: absolute;
    top: 145px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .president {
        top: 120px;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .president.org-line.row.bold-l:after {
    width: 400px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .president.org-line.row.bold-l:after {
        width: 280px;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .president span {
    z-index: 1;
    position: relative;
    font-family: "rixrak-sans-pro", sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 156px;
    height: 156px;
    background: url("../images/sub/org-chart-president-bg.png") 0 0 no-repeat;
    background-size: contain;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .president span {
        width: 100px;
        height: 100px;
        font-size: 14px;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .o-chart-box {
    z-index: 1;
    position: relative;
    margin: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background-color: #fff;
    font-size: 16px;
    letter-spacing: -1px;
    font-weight: 700;
    line-height: 1.333;
    width: 254px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dee2e6;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .o-chart-box {
        width: 100px;
        font-size: 14px;
        margin: 0 5px;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .o-chart-box.blue {
    color: #525fff;
    border-color: #525fff;
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .o-chart-box.boldblue {
    color: #3941a3;
    border-color: #3941a3;
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .o-chart-box.bluebg {
    color: #fff;
    background-color: #3941a3;
    border: 0;
    width: 125px;
    height: 64px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .o-chart-box.bluebg {
        width: 95px;
        height: 50px;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .o-chart-box.white-ln-gray {
    font-size: 16px;
    color: #555;
    width: 125px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .o-chart-box.white-ln-gray {
        font-size: 12px;
        width: 95px;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .o-chart-box.none {
    border: 0;
    background-color: transparent;
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list.org-line.col.bold-l:before {
    height: 498px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list.org-line.col.bold-l:before {
        height: 287px;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box.mgb-20 {
    margin-bottom: 20px;
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box.mgb-102 {
    margin-bottom: 102px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box.mgb-102 {
        margin-bottom: 50px;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box.mgb-65 {
    margin-bottom: 65px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box.mgb-65 {
        margin-bottom: 50px;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box.mgb-110 {
    margin-bottom: 200px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box.mgb-110 {
        margin-bottom:30px
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box:nth-child(2).row.bold-l:after {
    margin-left: 147px;
    width: 100px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box:nth-child(2).row.bold-l:after {
        margin-left: 55px;
        width: 35px;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box:nth-child(4).row.bold-l:after {
    display:none;
    width: 200px;
    margin-left: -105px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box:nth-child(4).row.bold-l:after {
        width: 60px;
        margin-left: -33px;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box:nth-child(5).row.bold-l:after {
    top: 20px;
    width: 400px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box:nth-child(5).row.bold-l:after {
        width: 290px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box:nth-child(5).row.bold-l:after {
        width: 650px;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box {
    width: 254px;
    position: relative;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 135px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box {
        width: 372px;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box:nth-child(1) .two-tt > li.org-line.col:before {
    top: -35px;
    height: 40px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box:nth-child(1) .two-tt > li.org-line.col:before {
        top: -15px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box:nth-child(1) .two-tt > li.org-line.col:before {
        top: -10px;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box:nth-child(2) {
    margin-top: -145px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box:nth-child(2) {
        margin-top: 0;
    }

    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box:nth-child(2).org-line.row:after {
        display: none;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box:nth-child(2).org-line.col:before {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    top: 109px;
    left: 696px;
    height: 332px;
}


@media (min-width: 1200px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box:nth-child(2).org-line.col:before {
        top: 30px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        height: 20px;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box:nth-child(2).org-line.col:before{
        display:none;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.ab .two-tt > li:nth-child(1):before {
    height: 40px;
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box:nth-child(2).org-line.row:after {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    top: 110px;
    left: -400px;
    width: 1097px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box:nth-child(2).org-line.row:after {
        display: none;
        top: 50px;
        width: 137px;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box:nth-child(2) .two-tt > li.org-line.row:after {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    top: 12px;
    left: -116px;
    width: 121px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box:nth-child(2) .two-tt > li:nth-child(1).org-line.row:after {
        top: -10px;
        left: 50%;
        margin-left: -3px;
        width: 2px;
        height: 50px;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box:nth-child(3) .two-tt > li.org-line.col:before {
    top: -35px;
    height: 40px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box:nth-child(3) .two-tt > li.org-line.col:before {
        top: -15px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box:nth-child(3) .two-tt > li.org-line.col:before {
        top: -10px;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box > .o-chart-box {
    margin: 0;
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls {
    margin-top: 68px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls {
        margin-top: 20px;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.ab:after {
      position: absolute;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      left: 50%;
      top: 50px;
      content: "";
      display: block;
      background-color: #d3d3d3;
      width: 216px;
      height: 1px;
    }
}

@media (min-width: 0px) and (max-width: 1200px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.ab:after{
        display:none;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.ab .two-tt > li {
    position: absolute;
    margin-top: 0;
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.ab .two-tt > li:first-child {
    top: 60px;
    left: 249px;
    margin-top: 0;
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.ab .two-tt > li:nth-child(2) {
    top: 410px;
    right: -374px;
}
.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.ab .two-tt > li:nth-child(3) {
    top: 580px;
    left: -329px;
}
.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.ab .two-tt > li:first-child:before {
     -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    top: -420px;
    left: -33px;
    height: 453px;
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.ab .two-tt > li:nth-child(2):before {
     -webkit-transform: translate(0, 0);
     transform: translate(0, 0);
     top: -283px;
     left: 203px;
     height: 66px;
}


.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.ab .two-tt > li:nth-child(2):after {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    top: 32px;
    left: 128px;
    width: 76px;
}


.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.ab .two-tt > li:nth-child(3):before {
     -webkit-transform: translate(0, 0);
     transform: translate(0, 0);
     top: -470px;
     left: -71px;
     height: 503px;
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.ab .two-tt > li:nth-child(3):after {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    top: 32px;
    left: -71px;
    width: 76px;
}


@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.ab {
        position: static;
        margin-top: 20px;
    }

    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.ab .two-tt > li:nth-child(1) {
        position: relative;
        margin-top: 0;
        top: auto;
        left: auto;
        right: auto;
    }

    

    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.ab .two-tt > li:nth-child(2) {
        position: relative;
        margin-top: 0;
        top: auto;
        left: auto;
        right: auto;
    }

    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.ab .two-tt > li:nth-child(3) {
        position: relative;
        margin-top: 0;
        top: auto;
        left: auto;
        right: auto;
    }
    
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.ab .two-tt > li:nth-child(2):after {
    display:none;
    }    

    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.ab .two-tt > li:nth-child(3):after {
    display:none;
    }    
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.ab .two-tt > li:nth-child(1):before {
        top: -9px;
        left: 50%;
        height: 10px;
    }

    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.ab .two-tt > li:nth-child(2):before {
        top: -9px;
        left: 50%;
        height: 10px;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.org-line.col:before {
    top: -75px;
    height: 39px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.ab .two-tt > li:first-child:before {
        top: -10px;
        left: 50%;
        height: 40px;
    }

    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.ab .two-tt > li:nth-child(2):before {
        top: -11px;
        left: 50%;
        height: 40px;
        margin-left: -3px;
    }

     .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.ab .two-tt > li:nth-child(3):before {
        top: -11px;
        left: 50%;
        height: 40px;
    }
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.org-line.col:before {
        display: none;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.org-line.col:before {
        display: block;
        top: -33px;
        height: 24px;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.org-line.row:after {
    top: -35px;
    width: 405px;
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box:nth-child(1) .depth-two-ls.org-line.row:after {
    width: 137px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.org-line.row:after {
        display: none;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls.org-line.row:after {
        display: block;
        top: -10px;
        width: 313px;
    }

    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box:nth-child(1) .depth-two-ls.org-line.row:after {
        width: 106px;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls .two-tt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -5px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls .two-tt {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: -10px -5px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls .two-tt {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0 -5px;
    }
    
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls .two-tt .o-chart-box {
    margin-left: 0;
    margin-right: 0;
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls .two-tt > li {
    padding: 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls .two-tt > li {
        padding: 10px 5px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls .two-tt > li {
        padding: 0 5px;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls .two-tt > li .tree-tt {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls .two-tt > li .tree-tt {
        margin-top: 10px;
    }
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls .two-tt > li .tree-tt > li {
    margin-bottom: 10px;
}

.spw-int-wrap .int-intr-wrap .organization-wrap .org-chart .oc-list .oc-box .pt-box .depth-two-ls .two-tt > li .tree-tt > li:last-child {
    margin-bottom: 0;
}

/* 이용약관 */
.spw-int-wrap .int-news-wrap .int-news-info-box {
    position: relative;
}

.spw-int-wrap .int-news-wrap .int-news-info-box .detail-img-box {
    z-index: 1;
    position: absolute;
    top: 1.875rem;
    right: 2.5rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-news-wrap .int-news-info-box .detail-img-box {
        position: static;
        margin-bottom: 10px;
    }
}

@media (min-width: 680px) and (max-width: 1399px) {
    .spw-int-wrap .int-news-wrap .int-news-info-box .detail-img-box {
        position: absolute;
        top: 1.875rem;
        right: 1.5rem;
        margin-bottom: 0;
    }
}

.spw-int-wrap .int-news-wrap .int-news-info-box .detail-img-box .pic-zone {
    position: relative;
    display: inline-block;
}

.spw-int-wrap .int-news-wrap .int-news-info-box .detail-img-box .pic-zone .detail-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url("../images/sub/int-news-inf-detail-icon.png") 0 0 no-repeat;
    background-size: contain;
    width: 2.4375rem;
    height: 2.3125rem;
}

.spw-int-wrap .int-news-wrap .int-news-info-box .ls-typ {
    width: 47.75rem;
}

@media (min-width: 0px) and (max-width: 1399px) {
    .spw-int-wrap .int-news-wrap .int-news-info-box .ls-typ {
        width: auto;
    }
}

.spw-int-wrap .int-news-wrap .int-news-info-box .ls-typ.none {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.spw-int-wrap .int-news-wrap .int-news-info-box .ls-typ.none > li {
    width: 23.875rem;
}

.spw-int-wrap .int-news-wrap .int-news-info-box .ls-typ.none .mark .fc-tt {
    width: 3.625rem;
}

.spw-int-wrap .int-news-wrap .int-news-info-box .bg-box {
    margin-top: 0.625rem;
}

.spw-int-wrap .int-news-wrap .side-tip {
    position: absolute;
    top: 0.3125rem;
    right: 0;
    font-size: 1rem;
    font-weight: 400;
    color: #656565;
}

/* 이용약관 */
.spw-int-wrap .int-comm-wrap .pp-state-bd {
    margin-bottom: 0.3125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.spw-int-wrap .int-comm-wrap .pp-state-bd:last-child {
    margin-bottom: 0;
}

.spw-int-wrap .int-comm-wrap .pp-state-bd .tt {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #3941a3;
    line-height: 2;
}

.spw-int-wrap .int-comm-wrap .pp-state-bd .ls-typ > li {
    line-height: 1.5;
}

.spw-int-wrap .int-comm-wrap .pp-state-bd .ls-typ > li > .mark {
    display: inline-block;
}

.spw-int-wrap .int-comm-wrap .pp-state-bd .ls-typ > li > .mark:before {
    top: 0.625rem;
}

/* 원장 인사말 */
.researcher_intro_wrap .researcher_tit {
    margin-top: 5px;
}

.researcher_tit::after {
    display: none;
}

.researcher_intro_wrap .researcher_intro_banner {
    position: relative;
    background: url("/common/front/kor/images/sub_report/img_ceo_bg01.png") no-repeat center / cover;
    padding: 104px;
}

.researcher_intro_wrap .researcher_intro_banner > p {
    font-size: 1.5625rem;
    font-weight: 500;
    color: #fff;
    position: absolute;
    left: 2.5%;
    top: 50%;
    transform: translate(0, -50%);
}

.researcher_intro_wrap .researcher_intro_banner > i {
    position: absolute;
    right: 7%;
    bottom: 0;
    top: auto;
}

.researcher_intro_wrap .researcher_intro_text {
    padding: 45px 0 80px 32px;
    border-bottom: 11px solid #e6e6e6;
}

.researcher_intro_wrap .researcher_intro_text > p {
    font-size: 1.125rem;
    color: #555;
    line-height: 2;
    letter-spacing: -1px;
    text-align: justify;
}

.researcher_intro_foot {
    padding: 45px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.researcher_intro_foot > p {
    font-family: "rixrak-sans-pro", sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    color: #cecece;
    padding-left: 32px;
}

.researcher_intro_foot > strong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.researcher_intro_foot > strong .year {
    font-family: "rixrak-sans-pro", sans-serif;
    font-weight: 400;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding: 0;
    text-align: right;
    font-size: 1.25rem;
    color: #444;
    margin-bottom: 0.625rem;
}

.researcher_intro_foot > strong .name {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: 0.625rem;
}

@media(min-width: 0px) and (max-width:1399px) {
    .researcher_intro_wrap .researcher_intro_text > p {
        text-align: left;
    }
}

@media(max-width: 1399px) {
    .researcher_strategies_box .strategies_part_box ul li:nth-of-type(2) .box::before {
        width: 720px;
        margin-left: -3%;
        min-width: 705px;
    }
}

@media(max-width: 1280px) {
    .researcher_intro_wrap .researcher_intro_banner {
        background-position: right;
    }

    .researcher_intro_wrap .researcher_intro_banner > p {
        left: 3%;
    }

    .researcher_intro_wrap .researcher_intro_banner > i {
        right: 5%;
    }

    .researcher_intro_wrap .researcher_intro_banner > i > img {
        width: 90%;
    }
}

@media(max-width: 1250px) {
    .researcher_strategies_box .strategies_part_box ul li:nth-of-type(2) .box::before {
        max-width: 698px;
        min-width: 690px;
    }
}

@media(max-width: 860px) {
    .researcher_intro_wrap .researcher_tit {
        padding: 0 0.5rem;
    }

    .researcher_intro_wrap .researcher_intro_banner > p {
        left: 4.5%;
        font-size: 1.25rem;
    }

    .researcher_intro_wrap .researcher_intro_text {
        padding: 15px 0;
        word-break: keep-all;
    }
}

@media(max-width: 750px) {
    .researcher_intro_wrap .researcher_tit {
        text-align:center;
        margin-top: 5px;
    }

    .researcher_intro_wrap .researcher_intro_banner > p {
        top: 10%;
        word-break: keep-all;
    }

    .researcher_intro_wrap .researcher_intro_banner {
        padding: 100px 0 0 0;
    }

    .researcher_intro_wrap .researcher_intro_banner > i {
        position: static;
        text-align: center;
        display: block;
    }

    .researcher_intro_wrap .researcher_intro_banner > i > img {
        width: auto;
    }
}

@media(max-width: 640px) {
    .researcher_intro_foot {
        flex-wrap: wrap;
        justify-content: center;
    }

    .researcher_intro_foot > p {
        padding: 0 16px;
    }

    .researcher_intro_foot > strong {
        padding: 20px 0 0 0;
        justify-content: center;
    }

    .researcher_intro_foot > strong .year {
        text-align: center;
    }
}

/* //원장 인사말 */
/* 연구원 소개 */
.researcher_vision_box {
    background-color: #fbfbfb;
    padding: 80px 100px 65px;
    border: 1px solid #dbdbdb;
}

.researcher_vision {
    width: 100%;
    background-color: #fbfbfb;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* 비전 원형 내부 텍스트 */
.researcher_vision > .vision_text_01 {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-55%, -30%);
    font-size: 36px;
    line-height: 2;
    color: #fff;
    font-weight: bold;
}

.researcher_vision > .vision_text_02 {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(45%, -30%);
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
    text-align: center;
}

/* //비전 원형 내부 텍스트 */
/* MISSION 박스 */
.researcher_mission_box {
    padding: 50px 0;
}

.researcher_mission {
    display: flex;
    align-items: center;
}

.mission_text_box {
    display: flex;
    align-items: center;
    padding: 0 50px;
    width: 100%;
}

.mission_text_box > strong {
    font-size: 32px;
    color: #000;
    padding-right: 40px;
}

.mission_text_box > p {
    font-size: 19px;
    color: #000;
    padding-left: 40px;
    border-left: 1px solid #e6e6e6;
    line-height: 1.5;
}

/* //MISSION 박스 */
/* STRATEGIES */
.researcher_strategies_box {
    background-color: #fbfbfb;
    position: relative;
}

.researcher_strategies_box > .strategies_tit {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.researcher_strategies_box > .strategies_tit > p {
    color: #fff;
    font-size: 1.25rem;
    font-weight: bold;
    background-color: #2f54d5;
    border-radius: 46.5px;
    padding: 25px 67px;
}

.strategies_part_box {
    padding-top: 100px;
    position: relative;
}

.strategies_part_box ul .box {
    padding: 0;
    height: 100%;
    background-color: #fff;
}

.strategies_part_box .box > .boxing-title {
    background-color: #d7dcef;
    text-align: center;
    padding: 24px 40px;
    border-radius: 0 0 15px 15px;
}

.strategies_part_box > ul > li {
    padding: 0 25px 0 0;
}

.strategies_part_box > ul > li:last-of-type {
    padding-right: 0;
}

.strategies_tit::before {
    content: '';
    position: absolute;
    display: block;
    width: 12px;
    height: 50px;
    top: 14.3%;
    background-color: #e6e6e6;
}

.strategies_part_box ul li:nth-of-type(1) .box::before,.strategies_part_box ul li:nth-of-type(3) .box::before {
    content: '';
    position: absolute;
    display: block;
    width: 12px;
    height: 50px;
    top: -13.7%;
    left: 50%;
    background-color: #e6e6e6;
}

.strategies_part_box ul li:nth-of-type(2) .box::before {
    content: '';
    position: absolute;
    display: block;
    width: 740px;
    height: 12px;
    top: -13.7%;
    left: -54.5%;
    background-color: #e6e6e6;
}

.strategies_part_box .box .boxing_list {
    padding: 34px 35px 34px 40px;
    background-color: #fff;
}

/* //STRATEGIES */
.padding_op {
    padding-top: 15px;
}

/* 발간물 소개 */
.report_box ul .box {
    height: 100%;
    text-align: center;
    padding: 40px 25px 40px;
}

.report_box ul .box > .boxing-title {
    color: #555;
}

.report_box ul .box > .boxing-title > p {
    font-size: 1.125rem;
    font-weight: 400;
}

.report_box ul .box > i {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 20px 0 40px;
    height: 55%;
}

.report_box ul .box > i > img {
    border: 1px solid #dbdbdb;
}

.report_box ul .box > i > p {
    padding-top: 40px;
}

.boxing-title_left {
    text-align: left;
}

.boxing-title_left > p > span {
    font-size: 1.375rem;
    padding-right: 10px;
}

.boxing-title_left > p {
    text-align: left;
    font-weight: 400;
}

div .f_c_r {
    color: #921c36;
}

div .f_c_lb {
    color: #1d4b89;
}

div .f_c_b {
    color: #761c76;
}

/* //발간물 소개 */
@media(max-width: 1400px) {
    .boxls-part-box.strategies_part_box > ul > li {
        width: calc(100%/3);
        flex: none;
    }
}

@media(max-width: 1230px) {
    .strategies_part_box {
        padding-top: 30px;
    }

    .boxls-part-box.strategies_part_box > ul {
        margin: 0;
    }

    .boxls-part-box.strategies_part_box > ul > li {
        width: 100%;
        padding: 0 0 30px 0;
    }

    .boxls-part-box.strategies_part_box > ul > li:last-of-type {
        padding-bottom: 0;
    }

    .mo_none {
        display: none;
    }

    .strategies_tit::before {
        height: 700px;
        max-height: 900px;
        top: 8.2%;
    }

    .strategies_part_box ul li:nth-of-type(1) .box::before,.strategies_part_box ul li:nth-of-type(3) .box::before {
        display: none;
    }

    .strategies_part_box ul li:nth-of-type(2) .box::before {
        display: none;
    }
}

@media(max-width: 860px) {
    .researcher_vision > .vision_text_01 {
        top: 35%;
    }

    .researcher_vision > .vision_text_02 {
        font-size: 16px;
        top: 55%;
    }

    .mission_text_box {
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 0;
    }

    .mission_text_box > strong {
        padding: 0;
    }

    .mission_text_box > p {
        font-size: 16px;
        border-left: 0;
        padding: 0;
        word-break: keep-all;
    }
}

@media(max-width: 750px) {
    .researcher_vision_box {
        padding: 80px 20px 65px;
    }

    .researcher_vision > .vision_text_01 {
        font-size: 20px;
    }

    .researcher_vision > .vision_text_02 {
        font-size: 14px;
    }

    .researcher_strategies_box > .strategies_tit > p {
        position: relative;
    }

    .strategies_tit::before {
        top: 7%;
    }

    .mission_text_box > strong {
        font-size: 20px;
    }

    .mission_text_box > p {
        font-size: 14px;
    }
}

@media(max-width: 480px) {
    .researcher_vision > .vision_text_02 {
        font-size: 11px;
    }

    .mission_text_box > p {
        font-size: 12px;
    }

    .strategies_tit::before {
        top: 6.5%;
        height: 800px;
    }

    .strategies_part_box .box > .boxing-title {
        word-break: keep-all;
    }
}

/* //연구원 소개 */
/* 발간 자료실 */
/* 전체탭 배너박스 */
.report_search_banner {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px 0;
    height: 132px;
    position: relative;
}

.report_search_banner > i {
    display: flex;
    align-items: center;
    width: 15%;
    min-width: 192px;
    z-index: 1
}

.report_search_banner > i::after {
    content: '';
    display: block;
    border-right: 1px solid #ddd;
    width: 1px;
    height: 90px;
}

.report_search_banner > .report_etc_box {
    padding: 15px;
    word-break: keep-all;
    z-index: 1;
}

.report_search_banner > .report_etc_box > .boxing-title {
    text-align: center;
    color: #000;
    font-size: 1.625rem;
    margin-bottom: 0;
}

.report_search_banner > .report_etc_box > .boxing-title > .boxing-subtitle_paper {
    padding-top: 5px;
    font-weight: bold;
}

.report_search_banner > .report_etc_box > .boxing-title > p {
    font-size: 1.125rem;
    font-weight: 400;
}

.report_search_banner > .report_search_banner_bg {
    position: absolute;
    width: 100%;
    height: 100%;
}

/* //전체탭 배너박스 */
/* RED,BLUE,PURPLE 배너박스 */
.report_search_banner > .report_etc_box > .boxing-title_paper > p {
    padding-top: 10px;
}

.report_search_banner > .report_etc_box > .boxing-title_paper > .f_c_dark_r {
    color: #921c35;
}

.report_search_banner > .report_etc_box > .boxing-title_paper > .f_c_dark_lb {
    color: #1d4b89;
}

.report_search_banner > .report_etc_box > .boxing-title_paper > .f_c_dark_b {
    color: #761c76;
}

/* //RED,BLUE,PURPLE 배너박스 */
/* 자료 리스트 */
.report_list {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    margin-bottom: 50px;
}

.report_list > li {
    padding: 30px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: flex;
}

/* 자료 리스트 이미지 */
.report_list > li .report_book_img {
    position: relative;
}

.report_list > li .report_book_img img {
    border: 1px solid #eee;
    max-width: 180px;
    width: 100%;
}

.report_list > li .report_book_img > .subbtn {
    position: absolute;
    bottom: 0;
    right: 0;
}

/* //자료 리스트 이미지 */
/* 자료 리스트 텍스트 */
.report_list_text_link {
    width: 90%;
}

.report_list_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 30px;
    max-height: 156px;
}

.report_list_tit {
    font-size: 1.375rem;
    color: #000;
    font-weight: 600;
    letter-spacing: -1px;
    word-break: break-all;
}

.report_list_text > .report_list_detail {
    line-height: 1.7;
    margin: 10px 0;
    word-break: keep-all;
}

.report_list_text > .report_list_day {
    color: gray;
}

/* //자료 리스트 텍스트 */
/* //자료 리스트 */
@media ( max-width : 1110px) {
    .tabwrap .tab_flex > ul {
        display: flex;
    }

    .report_list {
        flex-wrap: wrap;
    }

    .report_list > li {
        padding: 15px;
    }

    .report_list_text_link {
        width: 80%;
        display: flex;
        align-items: center;
    }

    .report_list_text {
        min-width: 0;
    }

    .report_list_text > .report_list_detail {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .report_list_detail > br {
        display: none;
    }
}

@media ( max-width : 768px) {
    .report_search_banner > i {
        min-width: 0;
        width: 50%;
        max-width: 150px;
    }

    .report_list_tit {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

/* //발간 자료실 */
/* 20240624 KJH 감면절차 */
/* 감면절차 기본틀 */
.reduction_step_box {
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    color: #555;
}

/* 최상단 제목 줄 = 단계, 주요내용, 비고 */
.reduction_step_tit {
    display: flex;
    height: 73px;
    gap: 0 15px;
}

.reduction_step_tit > li {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #090f33;
    color: #fff;
    font-weight: bold;
}

.reduction_step_tit > li:nth-of-type(2) {
    width: 30%;
}

.reduction_step_tit > li:nth-of-type(3) {
    width: 50%;
}

/* 세부내용 기본틀 */
.reduction_step_text {
    display: flex;
    padding: 20px 0;
    gap: 0 15px;
}

.reduction_step_text > li {
    width: 20%;
}

.reduction_step_text > li:nth-of-type(2) {
    width: 30%;
}

.reduction_step_text > li:nth-of-type(3) {
    width: 50%;
}

.reduction_step_text:last-of-type {
    padding-bottom: 0;
}

/* 중간에 위치하는 화살표 이미지 */
.reduction_step_sub_tit > i {
    position: absolute;
    top: 100%;
    transform: translate(0,40%);
}

.reduction_step_sub_tit > i > img {
    width: 38px;
    height: 25px;
}

.reduction_step_text:last-of-type .reduction_step_sub_tit > i {
    display: none;
}

/* 단계 주요내용 비고 의 세부내용 공통 속성 */
.reduction_step_sub_tit, .reduction_step_overview, .reduction_step_note {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dee2e6;
    text-align: center;
    word-break: keep-all;
}

/* 단계 의 세부내용 속성 */
.reduction_step_sub_tit {
    background-color: #f5f5f5;
    border: 1px solid #dbdbdb;
    position: relative;
}

/* 주요내용, 비고 의 기본틀 */
.reduction_step_overview, .reduction_step_note {
    height: 100%;
    flex-direction: column;
    background-color: #fff;
}

/* 주요내용, 비고 공통 세부내용속성 */
.reduction_step_overview > li, .reduction_step_note > li {
    width: calc(100% - 30px);
    height: 100%;
    padding: 15px;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    align-items: center;
    justify-content: center;
    word-break: keep-all;
}

.reduction_step_overview > li:last-of-type, .reduction_step_note > li:last-of-type {
    border-bottom: 0;
}

/* 감면신청 및 수입신고 속성*/
.reduction_step_text:nth-of-type(2) .reduction_step_overview > li, .reduction_step_text:nth-of-type(2) .reduction_step_note > li {
    height: auto;
    min-height: 10%;
}

.reduction_step_text:nth-of-type(2) .reduction_step_note > li:first-of-type, .reduction_step_text:nth-of-type(2) .reduction_step_overview > li:first-of-type {
    height: calc(100% - 30px);
}

.reduction_step_text:nth-of-type(2) .reduction_step_note > li:first-of-type {
    flex-wrap: wrap;
    gap: 0 5px;
}

/* 관세액 납부 속성 */
.reduction_step_text:nth-of-type(3) .reduction_step_overview > li, .reduction_step_text:nth-of-type(3) .reduction_step_note > li {
    height: calc(100%/3);
    min-height: auto;
}

.reduction_step_text:nth-of-type(3) .reduction_step_overview > li:nth-of-type(2), .reduction_step_text:nth-of-type(3) .reduction_step_note > li:nth-of-type(2) {
    width: calc(100% - 30px);
    height: 100%;
}

@media(max-width: 640px) {
    .reduction_step_text:nth-of-type(2) .reduction_step_note > li:first-of-type {
        gap: 0;
        padding-bottom: 20px;
    }

    .reduction_step_text:nth-of-type(2) .reduction_step_note > li > p {
        width: 100%;
    }
}

/* //20240624 KJH 감면절차 */
/* 20240730 기업데모데이 */
.con_demoday_step {
    width: 100%;
    height: 100%;
    justify-content: space-between;
}

.con_demoday_step > i {
    display: flex;
    align-items: center;
    justify-content: end;
}

@media(max-width: 1399px) {
    .con_demoday_step {
        height: auto;
    }
}

/* //20240730 기업데모데이 */