@import url("./common.css");

@-webkit-keyframes moveY {
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes moveY {
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes jj_hidden {
    to {
        background: linear-gradient(0deg, #3391ff, rgba(0,0,0,.9));
    }
    50% {
        background: linear-gradient(360deg, #3391ff, rgba(0,0,0,.9));
    }
    100% {
        background: linear-gradient(0deg, #3391ff, rgba(0,0,0,.9));
    }
}

@-webkit-keyframes dashCircle {
    from {
        stroke-dashoffset: 1000
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes dashCircle {
    from {
        stroke-dashoffset: 1000
    }

    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes rotateinfin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotateinfin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes dash {
    90% {
        stroke-dashoffset: 0
    }

    100% {
        fill: #4285f4
    }
}

@keyframes dash {
    90% {
        stroke-dashoffset: 0
    }

    100% {
        fill: #4285f4
    }
}

@-webkit-keyframes dotscolor {
    10% {
        background: red
    }

    30% {
        background: orange
    }

    50% {
        background: yellow
    }

    70% {
        background: green
    }

    100% {
        background: blue
    }
}

@keyframes dotscolor {
    10% {
        background: red
    }

    30% {
        background: orange
    }

    50% {
        background: yellow
    }

    70% {
        background: green
    }

    100% {
        background: blue
    }
}

@-webkit-keyframes dotscolor_02 {
    10% {
        color: red
    }

    30% {
        color: orange
    }

    50% {
        color: yellow
    }

    70% {
        color: green
    }

    100% {
        color: blue
    }
}

@keyframes dotscolor_02 {
    10% {
        color: red
    }

    30% {
        color: orange
    }

    50% {
        color: yellow
    }

    70% {
        color: green
    }

    100% {
        color: blue
    }
}

@-webkit-keyframes barload {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes barload {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-webkit-keyframes mapCircle_01 {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes mapCircle_01 {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes mapline_01 {
    0% {
        height: 0
    }

    100% {
        height: 60px
    }
}

@keyframes mapline_01 {
    0% {
        height: 0
    }

    100% {
        height: 60px
    }
}

@-webkit-keyframes ferris-wheel {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@keyframes ferris-wheel {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@-webkit-keyframes nacelle-box {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@keyframes nacelle-box {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@-webkit-keyframes nacelle {
    from {
        -webkit-transform: translateX(-50%) rotate(360deg);
        transform: translateX(-50%) rotate(360deg)
    }

    to {
        -webkit-transform: translateX(-50%) rotate(0);
        transform: translateX(-50%) rotate(0)
    }
}

@keyframes nacelle {
    from {
        -webkit-transform: translateX(-50%) rotate(360deg);
        transform: translateX(-50%) rotate(360deg)
    }

    to {
        -webkit-transform: translateX(-50%) rotate(0);
        transform: translateX(-50%) rotate(0)
    }
}

@-webkit-keyframes spin_01 {
    0% {
        -webkit-transform: none;
        transform: none
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin_01 {
    0% {
        -webkit-transform: none;
        transform: none
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

body .lity-close {
    color: #4285f4 !important
}

body a.a_link {
    transition: .15s;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -ms-transition: .15s;
    -o-transition: .15s
}

body a.a_link:hover {
    color: #4285f4
}

body #cursor_01 {
    width: 15px;
    height: 15px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #4285f4;
    border-radius: 50%;
    pointer-events: none;
    mix-blend-mode: difference;
    -webkit-transition: width .3s, height .3s;
    transition: width .3s, height .3s
}

body #cursor_01.active {
    opacity: .7;
    width: 30px;
    height: 30px
}

body .ico {
    display: inline-block
}

body .ico.ico_01 {
    width: 10px;
    height: 10px;
    background-color: #4285f4;
    border-radius: 100%
}

body .ico.ico_02 {
    width: 5px;
    height: 5px;
    background-color: #4285f4;
    border-radius: 100%
}

body .btn.btn_01 {
    width: 220px;
    height: 60px;
    border-radius: 30px;
    background: #4285f4;
    color: #fff;
    border: none
}

body .layout_padding {
    padding-left: 13%
}

body #table_default {
    margin-top: 70px
}

body #table_default .cell_type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    width: 80px;
    height: 30px;
    font-size: 14px;
    color: #fff
}

body #table_default .cell_type.type_01 {
    background-color: #4285f4
}

body #table_default .cell_type.type_02 {
    background-color: #000
}

body #table_default #table_type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

body #table_default #table_type a {
    padding: 5px 10px;
    border-radius: 10px;
    border: 1px solid #ddd;
    margin-right: 10px;
    font-size: 16px
}

body #table_default #table_type a.active,
body #table_default #table_type a:hover {
    border: 1px solid #4285f4;
    color: #fff;
    background: #4285f4
}

body #table_default #table_type a:last-child {
    margin-right: 0
}

body #table_default #table_header {
    margin: 2rem auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

body #table_default #table_header .table_text_search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

body #table_default #table_header .table_text_search .search_form {
    width: 100%
}

body #table_default #table_header .table_text_search .search_form fieldset {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body #table_default #table_header .table_text_search .search_form fieldset legend {
    display: none
}

body #table_default #table_header .table_text_search .search_form fieldset .form_02_selectbox {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body #table_default #table_header .table_text_search .search_form fieldset .form_02_selectbox select,
body #table_default #table_header .table_text_search .search_form fieldset .form_02_selectbox .nice-select {
    border: 1px solid #ddd;
    width: 150px;
    height: 40px;
    margin-right: 6px
}

body #table_default #table_header .table_text_search .search_form fieldset .form_02_selectbox input[type=text] {
    height: 40px;
    width: calc(100% - 72px);
    border: 1px solid #ddd;
    margin-right: 6px;
    padding: 0 10px
}

body #table_default #table_header .table_text_search .search_form fieldset .form_02_selectbox input[type=submit] {
    height: 40px;
    background: #000;
    color: #fff;
    border: none;
    padding: 1rem 2rem;
    cursor: pointer
}

body #table_default #table_footer {
    margin-top: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body #table_default #table_footer .num_box a {
    position: relative;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    margin: 0 5px
}

body #table_default #table_footer .num_box a::after {
    content: '';
    transition: .15s;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -ms-transition: .15s;
    -o-transition: .15s;
    position: absolute;
    left: 50%;
    top: -10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 5px;
    height: 5px;
    background-color: #4285f4;
    border-radius: 100%;
    opacity: 0
}

body #table_default #table_footer .num_box a.active {
    color: #4285f4;
    font-weight: bold
}

body #table_default #table_footer .num_box a.active::after {
    opacity: 1
}

body #table_default #table_footer .num_box.type_circle_01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body #table_default #table_footer .num_box.type_circle_01 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all 0.15s;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -ms-transition: all 0.15s;
    -o-transition: all 0.15s;
    width: 40px;
    height: 40px;
    color: #888;
    border-radius: 100%
}

body #table_default #table_footer .num_box.type_circle_01 a:hover:not(.active) {
    opacity: .7
}

body #table_default #table_footer .num_box.type_circle_01 a:hover,
body #table_default #table_footer .num_box.type_circle_01 a.active {
    background-color: #4285f4;
    color: #fff
}

body #table_default #table_footer .num_box.type_circle_01 a::after {
    display: none
}

body #table_default #table_footer .btn_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body #table_default #table_footer .btn_box a {
    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: 20px;
    height: 20px;
    margin: 0 5px;
    color: #666
}

body #table_default #table_gallery #table_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 60px;
    border-top: 1px solid #111;
    border-bottom: 1px solid #ddd
}

body #table_default #table_gallery #table_title .text {
    font-size: 18px;
    font-weight: bold
}

body #table_default #table_gallery.type_01 .table_warp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body #table_default #table_gallery.type_01 .table_warp .list {
    width: calc(25% - 15px);
    margin: 0 20px 20px 0;
    border: 1px solid #ddd
}

body #table_default #table_gallery.type_01 .table_warp .list:hover {
    border: 1px solid #4285f4
}

body #table_default #table_gallery.type_01 .table_warp .list:nth-child(4n) {
    margin: 0 0 20px 0
}

body #table_default #table_gallery.type_01 .table_warp .list .img_wrap {
    width: 100%;
    height: 340px;
    background-color: #D9D9D9;
    overflow: hidden
}

body #table_default #table_gallery.type_01 .table_warp .list .img_wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

body #table_default #table_gallery.type_01 .table_warp .list .text_wrap {
    padding: 10px 20px
}

body #table_default #table_gallery.type_01 .table_warp .list .text_wrap .text.text_01 {
    margin-top: 20px;
    font-size: 18px;
    color: #111
}

body #table_default #table_gallery.type_01 .table_warp .list .text_wrap .text.text_02 {
    margin-top: 5px;
    font-size: 14px;
    color: #888
}

body #table_default #table_list.type_01 .text {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

body #table_default #table_list.type_01 .text.text_01 {
    width: 5%
}

body #table_default #table_list.type_01 .text.text_02 {
    width: 10%
}

body #table_default #table_list.type_01 .text.text_03 {
    width: 75%
}

body #table_default #table_list.type_01 .text.text_04 {
    width: 10%
}

body #table_default #table_list.type_01 .text.text_left {
    text-align: left;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

body #table_default #table_list.type_01 #table_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 60px;
    border-top: 1px solid #111;
    border-bottom: 1px solid #ddd
}

body #table_default #table_list.type_01 #table_title .text {
    font-size: 18px;
    font-weight: bold
}

body #table_default #table_list.type_01 .table_warp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body #table_default #table_list.type_01 .table_warp .list {
    width: 100%;
    border-bottom: 1px solid #ddd
}

body #table_default #table_list.type_01 .table_warp .list .img_wrap {
    display: none
}

body #table_default #table_list.type_01 .table_warp .list .text_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body #table_default #table_list.type_01 .table_warp .list .text_wrap .text {
    padding: 20px 0;
    font-size: 18px
}

body #table_default #table_list.type_01 .table_warp .list .text_wrap .text.hover:hover {
    color: #4285f4
}

body #table_default #table_list.type_01 .table_warp .list .text_wrap .text.text_03 {
    font-size: 18px;
    color: #111
}

body #table_default #table_list.type_01 .table_warp .list .text_wrap svg {
    width: 12px
}

@media (max-width: 1420px) {
    body #table_default#table_default {
        margin-top: 50px
    }

    body #table_default#table_default #table_header .table_text_search .search_form fieldset .form_02_selectbox select,
    body #table_default#table_default #table_header .table_text_search .search_form fieldset .form_02_selectbox .nice-select {
        width: auto
    }

    body #table_default#table_default #table_footer .num_box a {
        font-size: 14px
    }

    body #table_default#table_default #table_footer .btn_box a {
        width: 15px;
        height: 15px
    }

    body #table_default#table_default #table_gallery.type_01 .table_warp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    body #table_default#table_default #table_gallery.type_01 .table_warp .list {
        width: calc(33.3333% - 14px);
        margin: 0 20px 20px 0
    }

    body #table_default#table_default #table_gallery.type_01 .table_warp .list:nth-child(4n) {
        margin: 0 20px 20px 0
    }

    body #table_default#table_default #table_gallery.type_01 .table_warp .list:nth-child(3n) {
        margin: 0 0 20px 0
    }

    body #table_default#table_default #table_gallery.type_01 .table_warp .list .img_wrap {
        height: 300px
    }

    body #table_default#table_default #table_gallery.type_01 .table_warp .list .text_wrap .text.text_01 {
        font-size: 16px
    }

    body #table_default#table_default #table_gallery.type_01 .table_warp .list .text_wrap .text.text_02 {
        font-size: 13px
    }

    body #table_default#table_default #table_list.type_01 #table_title {
        height: 50px
    }

    body #table_default#table_default #table_list.type_01 #table_title .text {
        font-size: 16px
    }

    body #table_default#table_default #table_list.type_01 .table_warp .list .text_wrap .text {
        padding: 10px 0;
        font-size: 14px
    }

    body #table_default#table_default #table_list.type_01 .table_warp .list .text_wrap .text.text_03 {
        font-size: 16px
    }
}

@media (max-width: 1000px) {
    body #table_default#table_default {
        margin-top: 40px
    }

    body #table_default#table_default #table_header .table_company_select {
        display: none
    }

    body #table_default#table_default #table_header .table_text_search {
        margin-top: 3rem;
        width: 100%
    }

    body #table_default#table_default #table_header .table_text_search .search_form {
        width: 100%
    }

    body #table_default#table_default #table_header .table_text_search .search_form fieldset {
        width: 100%
    }

    body #table_default#table_default #table_header .table_text_search .search_form fieldset .form_02_selectbox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    body #table_default#table_default #table_header .table_text_search .search_form fieldset .form_02_selectbox input[type=text] {
        margin-left: 1.5rem;
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }

    body #table_default#table_default #table_header .table_text_search .search_form fieldset .form_02_selectbox input[type=submit] {
        margin-left: 1.5rem
    }

    body #table_default#table_default #table_type a {
        padding: 5px 7px;
        margin-right: 7px;
        font-size: 13px
    }

    body #table_default#table_default #table_gallery.type_01 .table_warp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    body #table_default#table_default #table_gallery.type_01 .table_warp .list {
        width: calc(50% - 5px);
        margin: 0 10px 20px 0
    }

    body #table_default#table_default #table_gallery.type_01 .table_warp .list:nth-child(4n) {
        margin: unset
    }

    body #table_default#table_default #table_gallery.type_01 .table_warp .list:nth-child(3n) {
        margin: 0 10px 20px 0
    }

    body #table_default#table_default #table_gallery.type_01 .table_warp .list:nth-child(2n) {
        margin: 0 0 20px 0
    }

    body #table_default#table_default #table_gallery.type_01 .table_warp .list .img_wrap {
        height: 175px
    }

    body #table_default#table_default #table_gallery.type_01 .table_warp .list .text_wrap .text.text_01 {
        margin-top: 0
    }

    body #table_default#table_default #table_list.type_01 #table_title {
        height: 50px
    }

    body #table_default#table_default #table_list.type_01 #table_title .text {
        font-size: 14px
    }

    body #table_default#table_default #table_list.type_01 .table_warp .list .text_wrap .text {
        padding: 10px 0;
        font-size: 14px
    }
}

@media (max-width: 500px) {
    body #table_default#table_default #table_list.type_01 .text.text_02 {
        width: 20%
    }

    body #table_default#table_default #table_list.type_01 .text.text_03 {
        width: 80%
    }

    body #table_default#table_default #table_list.type_01 .text.text_03 a {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    body #table_default#table_default #table_list.type_01 .text.mo_del {
        display: none
    }

    body #table_default #table_header .table_text_search .search_form fieldset .form_02_selectbox select,
    body #table_default #table_header .table_text_search .search_form fieldset .form_02_selectbox .nice-select {
        width: auto
    }

    body #table_default #table_header .table_text_search .search_form fieldset .form_02_selectbox input[type=text] {
        margin: 0
    }

    body #table_default #table_footer {
        margin-top: 60px
    }
}

body #table_more .table_notice ul.table_title {
    border-top: 2px solid #1e3c5a;
    border-bottom: 1px solid #e6e6e6;
    font-size: 18px
}

body #table_more .table_notice ul.table_title li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body #table_more .table_notice ul.table_title li p {
    padding: 20px
}

body #table_more .table_notice ul.table_title li p.table_notice_title {
    width: 80%;
    font-weight: bold
}

body #table_more .table_notice ul.table_title li p.table_notice_data {
    width: 20%;
    font-size: 14px;
    text-align: right
}

body #table_more .table_notice ul.table_title li p.file_download {
    width: 100%;
    padding: 5px 20px
}

body #table_more .table_notice ul.table_title li p.file_download:hover a {
    color: #4285f4
}

body #table_more .table_notice ul.table_title li p.file_download:hover svg {
    fill: #4285f4
}

body #table_more .table_notice ul.table_body {
    padding: 30px 20px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 18px
}

body #table_more .table_notice ul.table_body img {
    max-width: 100%;
    height: auto
}

body #table_more .table_notice_more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 40px
}

body #table_more .table_notice_more>a {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    display: inline-block;
    padding: 10px 20px;
    font-size: 14px;
    color: #fff;
    background: #4285f4
}

@media (max-width: 1000px) {
    body #table_more .table_notice ul.table_title {
        font-size: 16px
    }

    body #table_more .table_notice ul.table_title li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    body #table_more .table_notice ul.table_title li p {
        padding: 10px 15px
    }

    body #table_more .table_notice ul.table_title li p.table_notice_title {
        width: 100%
    }

    body #table_more .table_notice ul.table_title li p.table_notice_data {
        width: 100%;
        font-size: 13px;
        text-align: right
    }

    body #table_more .table_notice ul.table_body {
        overflow: auto;
        padding: 20px 15px;
        font-size: 14px
    }

    body #table_more .table_notice_more {
        margin-top: 20px
    }

    body #table_more .table_notice_more>a {
        font-size: 13px
    }
}

body #search_box_popup {
    width: 90vw;
    height: 90vh;
    overflow: auto;
    z-index: 99999;
    padding: 100px;
    background: #fff
}

body #search_box_popup button[type=submit] {
    border: none;
    background-color: #4285f4
}

body #search_box_popup .product-inner img {
    width: 200px;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover
}

body #quick_ico {
    position: fixed;
    right: 3%;
    bottom: 3%;
    z-index: 9999
}

body #quick_ico figure {
    transition: .15s;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -ms-transition: .15s;
    -o-transition: .15s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 75px;
    height: 75px;
    background: #4285f4;
    border-radius: 100%
}

body #quick_ico.quick_ico_01 figure figcaption {
    width: 100%;
    height: 100%;
    position: relative
}

body #quick_ico.quick_ico_01 figure figcaption .q_tit {
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-align: center
}

body #quick_ico.quick_ico_01 figure figcaption ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    left: 50%;
    bottom: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: 20px
}

body #quick_ico.quick_ico_01 figure figcaption ul li {
    transition: all 0.15s;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -ms-transition: all 0.15s;
    -o-transition: all 0.15s;
    width: 74px;
    height: 74px;
    border: 1px solid #4285f4;
    background-color: #fff;
    border-radius: 37px;
    margin-bottom: 10px;
    color: #4285f4
}

body #quick_ico.quick_ico_01 figure figcaption ul li:hover,
body #quick_ico.quick_ico_01 figure figcaption ul li.active {
    background-color: #4285f4;
    color: #fff
}

body #quick_ico.quick_ico_01 figure figcaption ul li:last-child {
    margin-bottom: 0
}

body #quick_ico.quick_ico_01 figure figcaption ul li a {
    transition: all 0.15s;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -ms-transition: all 0.15s;
    -o-transition: all 0.15s;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: bold
}

body #quick_ico.quick_ico_02>div {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body #quick_ico.quick_ico_02>div figure {
    margin-right: 10px
}

body #quick_ico.quick_ico_02>div figure .img_wrap {
    width: 100%;
    height: 100%
}

body #quick_ico.quick_ico_02>div figure a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body #quick_ico.quick_ico_02>div figure:hover {
    opacity: 0.7
}

body #quick_ico.quick_ico_02>div figure:last-child {
    margin-right: 0
}

body .btn_link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body .btn_link .circle {
    width: 56px;
    height: 56px;
    border-radius: 100%
}

body .btn_link .link_title {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.35px;
    color: #4285f4
}

body .arrow_01 {
    display: block;
    margin-left: 10px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #4285f4;
    border-top: 1px solid #4285f4;
    -webkit-transform: translateX(-30px) rotate(45deg);
    transform: translateX(-30px) rotate(45deg);
    margin-bottom: 2px
}

body .arrow_02 {
    display: block;
    margin-left: 10px;
    width: 8px;
    height: 8px;
    min-width: 8px;
    min-height: 8px;
    border-right: 1px solid #4285f4;
    border-top: 1px solid #4285f4;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

body #fp-nav {
    left: 2.5%
}

body #fp-nav>ul>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 16px 0;
    width: auto !important
}

body #fp-nav>ul>li:last-child {
    margin-bottom: 0
}

body #fp-nav>ul>li:hover a span {
    width: 16px !important;
    height: 2px !important;
    border-radius: none !important
}

body #fp-nav>ul>li a {
    display: none;
    width: 16px !important
}

body #fp-nav>ul>li a.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body #fp-nav>ul>li a.active span {
    width: 16px;
    height: 2px;
    border-radius: 0 !important
}

body #fp-nav>ul>li a.active~.fp-tooltip {
    margin-left: 10px;
    color: #d7d7d7
}

body #fp-nav>ul>li a span {
    margin: 0;
    position: static;
    background: #fff;
    width: 0;
    height: 2px
}

body #fp-nav>ul>li .fp-tooltip {
    position: relative !important;
    opacity: 1 !important;
    width: auto !important;
    color: #d7d7d7
}

body #fp-nav.active>ul>li a.active~.fp-tooltip {
    color: #4285f4
}

body #fp-nav.active>ul>li a.active span {
    background-color: #4285f4
}

body #header {
    height: 86px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9990;
    width: 100%;
    background: rgba(255, 255, 255, 0);
    text-transform: uppercase
}

body #header a {
    color: #fff
}

body #header.change_top {
    top: -86px
}

body #header.active,
body #header:hover {
    background: #fff
}

body #header.active a,
body #header:hover a {
    color: #333
}

body #header.active .header_wrap .header_left a,
body #header:hover .header_wrap .header_left a {
    background: url("../images/ico/logo_02.svg") no-repeat center/cover
}

body #header.active .header_wrap .header_left a img,
body #header:hover .header_wrap .header_left a img {
    opacity: 0
}

body #header.active .header_wrap .header_right .header_lang>ul svg path,
body #header:hover .header_wrap .header_right .header_lang>ul svg path {
    fill: #4285f4
}

body #header.active .header_wrap .header_right .header_ham svg circle,
body #header:hover .header_wrap .header_right .header_ham svg circle {
    fill: #4285f4
}

body #header .header_wrap {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    padding: 0 2.5%;
    border-bottom: 1px solid rgba(221, 221, 221, 0.2)
}

body #header .header_wrap .header_left {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    max-width: 200px;
    z-index: 1
}

body #header .header_wrap .header_left a {
    display: block;
    width: 100%
}

body #header .header_wrap .header_left a img {
    width: 100%
}

body #header .header_wrap .header_center {
    height: 86px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    visibility: visible;
    margin-left: auto;
    margin-right: 80px;
    gap: 80px;
}

body #header .header_wrap .header_center>li {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    position: relative;
    /* margin-left: 80px */
    width: 100px;
}

body #header .header_wrap .header_center>li:hover::after {
    width: 160px
}

body #header .header_wrap .header_center>li::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 0;
    height: 1px;
    background: #4285f4;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

body #header .header_wrap .header_center>li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: .15s;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -ms-transition: .15s;
    -o-transition: .15s;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    width: 100%;
    height: 100%
}

body #header .header_wrap .header_center>li .depth_01 {
    display: none;
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 30px 0;
    text-align: center
}

body #header .header_wrap .header_center>li .depth_01 li {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    margin-bottom: 15px
}

body #header .header_wrap .header_center>li .depth_01 li:last-child {
    margin-bottom: 0
}

body #header .header_wrap .header_center>li .depth_01 li a {
    transition: .15s;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -ms-transition: .15s;
    -o-transition: .15s;
    font-size: 16px;
    white-space: nowrap;
    font-weight: 400;
    color: #111
}

body #header .header_wrap .header_center>li .depth_01 li a em {
    display: block;
    font-size: 12px
}

body #header .header_wrap .header_center>li .depth_01 li a:hover {
    color: #4285f4
}

body #header .header_wrap .header_center>li .depth_01 li a.off {
    color: #ddd
}

body #header .header_wrap .header_center .header_bg {
    display: none;
    position: absolute;
    left: 0;
    top: calc(100% - 1px);
    z-index: -1;
    background: #fff;
    width: 100%;
    height: 228px
}

body #header .header_wrap .header_right {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1
}

body #header .header_wrap .header_right .header_lang {
    margin-right: 30px
}

body #header .header_wrap .header_right .header_lang:hover .more_lang {
    display: block
}

body #header .header_wrap .header_right .header_lang>ul {
    position: relative
}

body #header .header_wrap .header_right .header_lang>ul .more_lang {
    display: none;
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    padding: 20px;
    text-align: center;
    background: #fff
}

body #header .header_wrap .header_right .header_lang>ul .more_lang>a {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid transparent
}

body #header .header_wrap .header_right .header_lang>ul .more_lang>a:hover {
    border-bottom: 1px solid #4285f4
}

body #header .header_wrap .header_right .header_lang>ul .more_lang>a:last-child {
    margin-bottom: 0
}

body #header .header_wrap .header_right .header_ham {
    visibility: hidden;
    opacity: 0;
    position: relative;
    top: -4px;
    width: 28px;
    height: 18px;
    cursor: pointer
}

body #header .header_wrap .header_right .header_ham.active span:nth-of-type(1) {
    top: calc(50% - 1px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

body #header .header_wrap .header_right .header_ham.active span:nth-of-type(2) {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

body #header .header_wrap .header_right .header_ham.active span:nth-of-type(3) {
    bottom: calc(50% - 1px);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

body #header .header_wrap .header_right .header_ham span {
    position: absolute;
    left: 0;
    width: 22px;
    border-bottom: 2px solid #fff;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

body #header .header_wrap .header_right .header_ham span:nth-of-type(1) {
    top: 0
}

body #header .header_wrap .header_right .header_ham span:nth-of-type(2) {
    top: calc(50% - 1px)
}

body #header .header_wrap .header_right .header_ham span:nth-of-type(3) {
    bottom: 0
}

body #header .header_wrap #header_full {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    left: 100%;
    top: 0;
    width: 40vw;
    height: 100vh;
    background: #fff
}

body #header .header_wrap #header_full.active {
    left: 60%;
    visibility: visible;
    opacity: 1
}

body #header .header_wrap #header_full .header_full_wrap {
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 86px;
    padding: 4rem;
    overflow: auto;
    -webkit-box-shadow: 0px 10px 10px #000;
    box-shadow: 0px 10px 10px #000
}

body #header .header_wrap #header_full .header_full_wrap>li {
    margin: 1rem 0
}

body #header .header_wrap #header_full .header_full_wrap>li>a {
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: -0.6px;
    color: #4285f4;
    font-weight: bold
}

body #header .header_wrap #header_full .header_full_wrap>li>ul.depth_01 {
    display: none;
    margin-left: 5px
}

body #header .header_wrap #header_full .header_full_wrap>li>ul.depth_01 li {
    padding: 5px 10px
}

body #header .header_wrap #header_full .header_full_wrap>li>ul.depth_01 li a {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.45px
}

body #header .header_wrap #header_full .header_full_wrap>li>ul.depth_01 li a:hover {
    color: #4285f4;
    font-weight: bold
}

body #header .header_wrap #header_full .header_full_wrap>li>ul.depth_01 li a em {
    font-size: 13px
}

body #header .header_wrap #header_full .header_full_wrap .full_header_bg {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: .3
}

body #footer {
    margin-top: 150px;
    background: #111;
    padding: 50px 0 60px
}

body #footer .footer_wrap {
    max-width: 1420px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body #footer .footer_wrap .footer_section_02 {
    margin-left: 75px
}

body #footer .footer_wrap .footer_section_02 .footer_about>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body #footer .footer_wrap .footer_section_02 .footer_about>ul>li {
    padding: 0 15px;
    border-right: 1px solid #3a3a3a;
    color: #fff
}

body #footer .footer_wrap .footer_section_02 .footer_about>ul>li:first-child {
    padding-left: 0
}

body #footer .footer_wrap .footer_section_02 .footer_about>ul>li:last-child {
    padding-right: 0;
    border-right: none
}

body #footer .footer_wrap .footer_section_02 .footer_about>ul>li a {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.4px
}

body #footer .footer_wrap .footer_section_02 .footer_copy {
    margin-top: 15px
}

body #footer .footer_wrap .footer_section_02 .footer_copy p {
    font-size: 14px;
    font-weight: 300;
    color: #888
}

body main#main_page .main_section {
    width: 100%;
    height: 100vh;
    overflow: hidden
}

body main#main_page .main_section .scroll_down {
    position: absolute;
    left: 50%;
    bottom: 50px;
    z-index: 9;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    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
}

body main#main_page .main_section .scroll_down span {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -0.3px;
    color: #fff;
    margin-bottom: 5px
}

body main#main_page .main_section .scroll_down img {
    -webkit-animation: moveY 1s infinite ease-in-out;
    animation: moveY 1s infinite ease-in-out
}

body main#main_page .main_section.main_visual .mv_wrap .mv {
    position: relative
}

body main#main_page .main_section.main_visual .mv_wrap .mv.mv_01 {
    background: url("../images/main/mv_01.png") no-repeat center/cover
}

body main#main_page .main_section.main_visual .mv_wrap .mv.mv_02 {
    background: url("../images/main/mv_02.png") no-repeat center/cover
}

body main#main_page .main_section.main_visual .mv_wrap .mv.mv_03 {
    background: url("../images/main/mv_03.png") no-repeat center/cover
}

body main#main_page .main_section.main_visual .mv_wrap .mv.mv_04 {
    background: url("../images/main/mv_04.png") no-repeat center/cover
}

body main#main_page .main_section.main_visual .mv_wrap .mv.swiper-slide-active .text {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
    opacity: 1 !important
}

body main#main_page .main_section.main_visual .mv_wrap .mv .mv_img {
    width: 100%
}

body main#main_page .main_section.main_visual .mv_wrap .mv figcaption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%
}

body main#main_page .main_section.main_visual .mv_wrap .mv figcaption .mv_text {
    position: relative;
    width: 100%
}

body main#main_page .main_section.main_visual .mv_wrap .mv figcaption .mv_text .text {
    transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -ms-transition: all 1.5s;
    -o-transition: all 1.5s;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    display: block
}

body main#main_page .main_section.main_visual .mv_wrap .mv figcaption .mv_text .text.text_01 {
    font-size: 5.2rem;
    font-weight: bold;
    letter-spacing: -1.3px;
    color: #fff;
    margin-bottom: 20px
}

body main#main_page .main_section.main_visual .mv_wrap .mv figcaption .mv_text .text.text_02 {
    transition: all 1s 0.5s;
    -webkit-transition: all 1s 0.5s;
    -moz-transition: all 1s 0.5s;
    -ms-transition: all 1s 0.5s;
    -o-transition: all 1s 0.5s;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.45px;
    color: #f1f1f1
}

body main#main_page .main_section.main_visual .mv_wrap .mv figcaption .mv_text .text.text_03 {
    transition: all 1s 0.5s;
    -webkit-transition: all 1s 0.5s;
    -moz-transition: all 1s 0.5s;
    -ms-transition: all 1s 0.5s;
    -o-transition: all 1s 0.5s;
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body main#main_page .main_section.main_visual .mv_wrap .mv figcaption .mv_text .text.text_03 .circle {
    background-color: #4285f4
}

body main#main_page .main_section.main_visual .mv_wrap .mv figcaption .mv_text .text.text_03 .link_title {
    color: #fff
}

body main#main_page .main_section.main_visual .mv_wrap .mv figcaption .mv_text .text.text_03 .arrow_01 {
    border-color: #fff
}

body main#main_page .main_section.main_visual .mv_wrap .swiper-pagination {
    position: relative
}

body main#main_page .main_section.main_visual .mv_wrap .swiper-pagination .path_line {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    fill: transparent;
    stroke: #fff
}

body main#main_page .main_section.main_visual .mv_wrap .swiper-pagination .path {
    display: none
}

body main#main_page .main_section.main_visual .mv_wrap .swiper-pagination.main_pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px
}

body main#main_page .main_section.main_visual .mv_wrap .swiper-pagination.main_pagination .swiper-pagination-bullet {
    margin-right: 20px;
    background-color: transparent
}

body main#main_page .main_section.main_visual .mv_wrap .swiper-pagination.main_pagination .swiper-pagination-bullet:last-child {
    margin-right: 0
}

body main#main_page .main_section.main_visual .mv_wrap .swiper-pagination .swiper-pagination-bullet-active .path_line {
    fill: #fff;
    stroke: transparent
}

body main#main_page .main_section.main_visual .mv_wrap .swiper-pagination .swiper-pagination-bullet-active .path {
    display: inline-block !important;
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    -webkit-animation: dashCircle linear 120s;
    animation: dashCircle linear 120s;
    -webkit-animation-iteration-count: unset;
    animation-iteration-count: unset
}

body main#main_page .main_section.main_section_01 {
    background: url("../images/main/bg_02_01.png") no-repeat center/cover
}

body main#main_page .main_section.main_section_01 .content_wrap {
    position: relative;
    width: 100%;
    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: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

body main#main_page .main_section.main_section_01 .content_wrap .title {
    height: 100%;
    margin: 0;
    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
}

body main#main_page .main_section.main_section_01 .content_wrap .title .text.text_01 {
    font-size: 4.2rem;
    font-weight: bold;
    letter-spacing: -1.05px;
    color: #fff;
    margin-bottom: 10px
}

body main#main_page .main_section.main_section_01 .content_wrap .title .text.text_02 {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.45px;
    color: #f1f1f1
}

body main#main_page .main_section.main_section_01 .content_wrap .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

body main#main_page .main_section.main_section_01 .content_wrap .content .box {
    position: relative;
    width: 33.3333%;
    height: 360px;
    padding: 50px 0 50px 50px
}

body main#main_page .main_section.main_section_01 .content_wrap .content .box img {
    position: absolute;
    z-index: 0
}

body main#main_page .main_section.main_section_01 .content_wrap .content .box figcaption {
    position: relative;
    z-index: 1;
    height: 100%
}

body main#main_page .main_section.main_section_01 .content_wrap .content .box figcaption .text.text_01 {
    font-size: 3.2rem;
    font-weight: bold;
    letter-spacing: -0.8px;
    margin-bottom: 10px
}

body main#main_page .main_section.main_section_01 .content_wrap .content .box figcaption .text.text_02 {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.45px
}

body main#main_page .main_section.main_section_01 .content_wrap .content .box figcaption .btn_link {
    position: absolute;
    left: 0;
    bottom: 0
}

body main#main_page .main_section.main_section_01 .content_wrap .content .box figcaption .btn_link .link_title {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    color: #fff
}

body main#main_page .main_section.main_section_01 .content_wrap .content .box figcaption .btn_link .arrow_01 {
    -webkit-transform: translateX(0) rotate(45deg);
    transform: translateX(0) rotate(45deg);
    border-color: #fff
}

body main#main_page .main_section.main_section_01 .content_wrap .content .box.box_01 {
    background-color: #4285f4
}

body main#main_page .main_section.main_section_01 .content_wrap .content .box.box_01 img {
    right: 30px;
    bottom: 30px
}

body main#main_page .main_section.main_section_01 .content_wrap .content .box.box_01 figcaption .text_01 {
    color: #fff
}

body main#main_page .main_section.main_section_01 .content_wrap .content .box.box_01 figcaption .text_02 {
    color: #f1f1f1
}

body main#main_page .main_section.main_section_01 .content_wrap .content .box.box_02 {
    background-color: #fff
}

body main#main_page .main_section.main_section_01 .content_wrap .content .box.box_02 img {
    right: 0;
    bottom: 0
}

body main#main_page .main_section.main_section_01 .content_wrap .content .box.box_02 figcaption .text_02 {
    color: #111
}

body main#main_page .main_section.main_section_01 .content_wrap .content .box.box_02 figcaption .btn_link .link_title {
    color: #000
}

body main#main_page .main_section.main_section_01 .content_wrap .content .box.box_02 figcaption .btn_link .arrow_01 {
    border-color: #000
}

body main#main_page .main_section.main_section_01 .content_wrap .content .box.box_03 {
    background-color: #231f20
}

body main#main_page .main_section.main_section_01 .content_wrap .content .box.box_03 img {
    right: 30px;
    bottom: 30px
}

body main#main_page .main_section.main_section_01 .content_wrap .content .box.box_03 figcaption .text_01 {
    color: #fff
}

body main#main_page .main_section.main_section_01 .content_wrap .content .box.box_03 figcaption .text_02 {
    color: #f1f1f1
}

body main#main_page .main_section.main_section_02 {
    background: url("../images/main/bg_03_01.png") no-repeat center/cover
}

body main#main_page .main_section.main_section_02 .scroll_down span {
    color: #000
}

body main#main_page .main_section.main_section_02 .content_wrap {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

body main#main_page .main_section.main_section_02 .content_wrap .title .text {
    text-align: center
}

body main#main_page .main_section.main_section_02 .content_wrap .title .text.text_01 {
    font-size: 4.2rem;
    font-weight: bold;
    letter-spacing: -1.05px;
    margin-bottom: 10px
}

body main#main_page .main_section.main_section_02 .content_wrap .title .text.text_02 {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.45px;
    color: #111
}

body main#main_page .main_section.main_section_02 .content_wrap .content {
    margin-top: 100px;
    width: 100%
}

body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container {
    padding-bottom: 130px
}

body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container .swiper-wrapper .swiper-slide {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container .swiper-wrapper .swiper-slide * {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s
}

body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container .swiper-wrapper .swiper-slide>a {
    width: 100%;
    padding: 35px 30px;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
    border-radius: 0 5px 5px 0;
    /* padding: 60px 30px; */
    padding: 30px 20px;
}



body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container .swiper-wrapper .swiper-slide>a:hover {
    background: #4285f4
}

body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container .swiper-wrapper .swiper-slide>a:hover .slide_tit .text.text_01 {
    color: #fff
}

body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container .swiper-wrapper .swiper-slide>a:hover .slide_tit .text.text_02 {
    color: #a6c7ff
}

body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container .swiper-wrapper .swiper-slide>a:hover .slide_content .text_01 {
    color: #fff
}

body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container .swiper-wrapper .swiper-slide>a:hover .slide_link .btn_link .circle {
    background-color: #5394ff
}

body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container .swiper-wrapper .swiper-slide>a:hover .slide_link .btn_link .link_title {
    color: #fff
}

body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container .swiper-wrapper .swiper-slide>a:hover .slide_link .btn_link .arrow_01 {
    border-color: #fff
}

body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container .swiper-wrapper .swiper-slide>a:hover .slide_h_img {
    opacity: 1;
    visibility: visible
}

body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container .swiper-wrapper .swiper-slide .slide_tit .text {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.35px
}

body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container .swiper-wrapper .swiper-slide .slide_tit .text.text_01 {
    color: #4285f4
}

body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container .swiper-wrapper .swiper-slide .slide_tit .text.text_02 {
    margin-left: 27px;
    color: #ddd
}

body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container .swiper-wrapper .swiper-slide .slide_content {
    margin-top: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container .swiper-wrapper .swiper-slide .slide_content .text_01 {
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: -0.6px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 75px;
}

body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container .swiper-wrapper .swiper-slide .slide_link {
    margin-top: 62px
}

body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container .swiper-wrapper .swiper-slide .slide_link .btn_link .circle {
    background-color: #fafafa
}

body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container .swiper-wrapper .swiper-slide .slide_h_img {
    width: 100%;
    max-height: 350px;
    height: 350px;
    border-radius: 5px 0 0 5px;
    background: #fff;
    overflow: hidden;
    margin-right: 20px;
    margin-right: 0;
}

body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container .swiper-wrapper .swiper-slide .slide_h_img img {
    background: #fff;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container .swiper_btn_wrap {
    position: absolute;
    left: calc(1280px + 20px);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container .swiper_btn_wrap>div {
    width: 56px;
    height: 56px;
    position: static
}

body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container .swiper_btn_wrap>div.swiper-button-prev {
    background: url("../images/ico/ico_press_left.svg") no-repeat center/cover
}

body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container .swiper_btn_wrap>div.swiper-button-next {
    background: url("../images/ico/ico_press_right.svg") no-repeat center/cover
}

body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container .swiper-scrollbar {
    max-width: 1280px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 28px;
    background: #E5E5E5
}

body main#main_page .main_section.main_section_02 .content_wrap .content .swiper-container .swiper-scrollbar .swiper-scrollbar-drag {
    background: #000
}

body main#main_page .main_section.main_section_03 .content_wrap {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body main#main_page .main_section.main_section_03 .content_wrap>div {
    width: 50%;
    height: 100%
}

body main#main_page .main_section.main_section_03 .content_wrap>div.left {
    background: url("../images/main/bg_04_01.png") no-repeat center/cover
}

body main#main_page .main_section.main_section_03 .content_wrap>div.left .text_wrap {
    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
}

body main#main_page .main_section.main_section_03 .content_wrap>div.left .text_wrap .text.text_01 {
    font-size: 4.2rem;
    font-weight: bold;
    letter-spacing: -1.05px;
    color: #fff
}

body main#main_page .main_section.main_section_03 .content_wrap>div.left .text_wrap .text.text_02 {
    margin-top: 10px;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.45px;
    color: #f1f1f1
}

body main#main_page .main_section.main_section_03 .content_wrap>div.right .box {
    height: 50%;
    padding-left: 100px
}

body main#main_page .main_section.main_section_03 .content_wrap>div.right .box .text_wrap {
    width: 100%;
    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
}

body main#main_page .main_section.main_section_03 .content_wrap>div.right .box .text_wrap .text.text_01 {
    font-size: 4.2rem;
    font-weight: bold;
    letter-spacing: -1.05px;
    color: #fff
}

body main#main_page .main_section.main_section_03 .content_wrap>div.right .box.box_01 {
    background: url("../images/main/bg_04_02.png") no-repeat center/cover
}

body main#main_page .main_section.main_section_03 .content_wrap>div.right .box.box_01 .text_wrap .text.text_02 {
    margin-top: 10px;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.45px;
    color: #f1f1f1
}

body main#main_page .main_section.main_section_03 .content_wrap>div.right .box.box_01 .text_wrap .btn_link {
    margin-top: 60px
}

body main#main_page .main_section.main_section_03 .content_wrap>div.right .box.box_01 .text_wrap .btn_link .circle {
    background: #4285f4
}

body main#main_page .main_section.main_section_03 .content_wrap>div.right .box.box_01 .text_wrap .btn_link .link_title {
    color: #fff
}

body main#main_page .main_section.main_section_03 .content_wrap>div.right .box.box_01 .text_wrap .btn_link .arrow_01 {
    border-color: #fff
}

body main#main_page .main_section.main_section_03 .content_wrap>div.right .box.box_02 {
    background: url("../images/main/bg_04_04.svg") no-repeat center/cover
    /* background: linear-gradient(120deg, #a93735 -11%, #4285f4 133%); */
}

body main#main_page .main_section.main_section_03 .content_wrap>div.right .box.box_02 .text_01 {
    margin-bottom: 40px
}

body main#main_page .main_section.main_section_03 .content_wrap>div.right .box.box_02 .main_ir_news a {
    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;
    max-width: 600px;
    padding-bottom: 4px;
    margin-bottom: 20px;
    /* border-bottom: 1px solid #5394ff */
    border-bottom: 1px solid #fff

}

body main#main_page .main_section.main_section_03 .content_wrap>div.right .box.box_02 .main_ir_news a:last-child {
    margin-bottom: 0
}

body main#main_page .main_section.main_section_03 .content_wrap>div.right .box.box_02 .main_ir_news a span {
    font-size: 16px
}

body main#main_page .main_section.main_section_03 .content_wrap>div.right .box.box_02 .main_ir_news a span.title {
    color: #fff;
    font-weight: bold;
    min-width: 90px
}

body main#main_page .main_section.main_section_03 .content_wrap>div.right .box.box_02 .main_ir_news a span.content {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #f1f1f1
}

body main#main_page .main_section.main_section_03 .content_wrap>div.right .box.box_02 .main_ir_news a span.arrow_02 {
    border-color: #fff
}

body main#main_page #footer {
    margin-top: 0
}

body main.sub_page.company #sub_visual {
    background: url("../images/company/mv.png") no-repeat center/cover
}

body main.sub_page.platform #sub_visual {
    background: url("../images/platform/mv.png") no-repeat center/cover
}

body main.sub_page.commu #sub_visual {
    background: url("../images/communication/mv.png") no-repeat center/cover
}

body main.sub_page.pipeline #sub_visual {
    background: url("../images/pipeline/mv.png") no-repeat center/cover
}

body main.sub_page.investor #sub_visual {
    background: url("../images/investor/mv.png") no-repeat center/cover
}

body main.sub_page .sub_fixed_layout {
    max-width: 1420px;
    width: 100%;
    margin: 0 auto
}

body main.sub_page .sub_section {
    margin-top: 70px
}

body main.sub_page .section_tit_01 {
    font-size: 4.2rem;
    font-weight: bold;
    letter-spacing: -1.05px;
    text-align: center
}

body main.sub_page .section_tit_02 {
    margin-top: 10px;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.45px;
    text-align: center;
    color: #111
}

body main.sub_page .section_tit_03 {
    margin-top: 10px;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: -0.4px;
    text-align: center
}

body main.sub_page #sub_visual {
    position: relative;
    height: 400px
}

body main.sub_page #sub_visual .visual_text {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

body main.sub_page #sub_visual .visual_text .text {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0
}

body main.sub_page #sub_visual .visual_text .text.text_01 {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: -0.5px;
    color: #fff;
    margin-bottom: 10px
}

body main.sub_page #sub_visual .visual_text .text.text_02 {
    transition: all 0.5s 0.2s;
    -webkit-transition: all 0.5s 0.2s;
    -moz-transition: all 0.5s 0.2s;
    -ms-transition: all 0.5s 0.2s;
    -o-transition: all 0.5s 0.2s;
    font-size: 5.2rem;
    font-weight: bold;
    letter-spacing: -1.3px;
    color: #fff;
    line-height: 1;
}

body main.sub_page #sub_visual .visual_text .text.text_02 span {
    font-size: 3.2rem;
}

body main.sub_page #sub_visual .visual_text.active .text {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

body main.sub_page #sub_visual .sub_navi {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff
}

body main.sub_page #sub_visual .sub_navi .sub_navi_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase
}

body main.sub_page #sub_visual .sub_navi .sub_navi_wrap>nav {
    position: relative;
    cursor: pointer;
    padding-right: 20px
}

body main.sub_page #sub_visual .sub_navi .sub_navi_wrap>nav:last-child {
    padding-right: 75px
}

body main.sub_page #sub_visual .sub_navi .sub_navi_wrap>nav .arrow_02 {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    border-color: #333;
    width: 6px;
    height: 6px
}

body main.sub_page #sub_visual .sub_navi .sub_navi_wrap>nav a {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.35px;
    color: #333
}

body main.sub_page #sub_visual .sub_navi .sub_navi_wrap>nav.sub_nav_home {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body main.sub_page #sub_visual .sub_navi .sub_navi_wrap>nav.sub_nav {
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body main.sub_page #sub_visual .sub_navi .sub_navi_wrap>nav.sub_nav .depth_wrap {
    width: 100%;
    height: 100%
}

body main.sub_page #sub_visual .sub_navi .sub_navi_wrap>nav.sub_nav .depth_wrap:hover .depth_02 {
    max-height: 300px
}

body main.sub_page #sub_visual .sub_navi .sub_navi_wrap>nav.sub_nav .depth_wrap .depth_01 {
    width: 100%;
    height: 100%;
    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
}

body main.sub_page #sub_visual .sub_navi .sub_navi_wrap>nav.sub_nav .depth_wrap .depth_02 {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    background: #fff
}

body main.sub_page #sub_visual .sub_navi .sub_navi_wrap>nav.sub_nav .depth_wrap .depth_02>li {
    border-bottom: 1px solid transparent;
    transition: all 0.15s;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -ms-transition: all 0.15s;
    -o-transition: all 0.15s
}

body main.sub_page #sub_visual .sub_navi .sub_navi_wrap>nav.sub_nav .depth_wrap .depth_02>li:hover {
    border-color: #4285f4
}

body main.sub_page #sub_visual .sub_navi .sub_navi_wrap>nav.sub_nav .depth_wrap .depth_02>li:hover a {
    transition: all 0.15s;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -ms-transition: all 0.15s;
    -o-transition: all 0.15s;
    color: #4285f4
}

body main.sub_page #sub_visual .sub_navi .sub_navi_wrap>nav.sub_nav .depth_wrap .depth_02>li a {
    display: block;
    padding: 10px 30px
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con {
    margin-top: 70px
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_01 figure {
    position: relative;
    overflow: hidden
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_01 figure::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: -1;
    max-width: 1180px;
    width: 100%;
    max-height: 300px;
    height: 100%;
    background-color: #4285f4
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_01 figure img {
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    margin: 30px 0 0 30px;
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_01 figure.aos-animate img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap {
    position: relative;
    border: 1px dotted #888;
    border-radius: 10px;
    padding: 60px 30px
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .or {
    position: relative
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .or.or_01 {
    position: absolute;
    left: 50%;
    top: -30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .or.or_02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .or.or_03 {
    width: 100%
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .or.or_03:last-child {
    padding-right: 0
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .or.or_03.grid_03 .list_wrap {
    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
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .or.or_03.grid_03 .list_wrap .list {
    width: 500px
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .box_wrap {
    border: 1px dotted #4285f4;
    padding: 15px 10px;
    border-radius: 10px;
    margin-bottom: 10px
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .line.line_01 {
    margin: 10px 0;
    text-align: center
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .line.line_02 {
    margin: 28px 5px;
    text-align: center
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .box {
    position: relative;
    border-radius: 30px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .box::after,
body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .box::before {
    content: '';
    position: absolute
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .box p {
    font-size: 18px;
    letter-spacing: -0.45px
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .box p.bold {
    font-weight: bold
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .box p.tit_01 {
    font-size: 24px
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .box.box_c_01 {
    width: 500px;
    height: 60px;
    background-color: #000;
    color: #fff
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .box.box_c_02 {
    height: 60px;
    background-color: #fff;
    color: #4285f4;
    border: 1px solid #4285f4;
    margin-bottom: 40px
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .box.box_c_02::after {
    position: absolute;
    left: 50%;
    top: calc(100% + 5px);
    width: 1px;
    height: 30px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #4285f4), color-stop(0%, rgba(255, 255, 255, 0))) repeat-y;
    background: linear-gradient(to top, #4285f4 50%, rgba(255, 255, 255, 0) 0%) repeat-y;
    background-size: 1px 7px
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .box.box_c_02.active {
    background-color: #4285f4;
    color: #fff
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .box.box_c_03 {
    height: 50px;
    border: 1px solid #4285f4;
    color: #4285f4;
    margin-bottom: 10px
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .box.box_c_03:last-child {
    margin-bottom: 0
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .box.box_c_04 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 30px;
    background-color: #F6FAFF;
    border-radius: 10px
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .box.box_c_04 p {
    font-size: 16px;
    letter-spacing: -0.4px;
    line-height: 1.75;
    color: #4285f4
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .box.box_c_05 {
    height: 130px;
    border: 1px solid #e5e5e5;
    text-align: center
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .box.box_c_05 p strong {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: -0.45px;
    color: #333
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_02 #or_tree_wrap .box.box_c_05 p em {
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #333
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_03 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_03 ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    cursor: pointer;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 280px;
    height: 420px;
    border: 1px solid #e5e5e5
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_03 ul li.active {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 820px;
    padding: 80px 50px;
    background-color: #4285f4
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_03 ul li.active .text.text_01 {
    font-size: 3.2rem;
    font-weight: bold;
    letter-spacing: -0.8px;
    color: #fff
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_03 ul li.active .text.text_02 {
    height: auto;
    opacity: 1;
    visibility: visible
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_03 ul li.active img {
    opacity: 0
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_03 ul li .text.text_01 {
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: -0.6px;
    color: #000
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_03 ul li .text.text_02 {
    opacity: 0;
    visibility: hidden;
    height: 0;
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: -0.4px;
    color: #f1f1f1
}

body main.sub_page.company#about .sub_section.section_01 .content.content_01 .content_wrap .con.con_03 ul li img {
    margin-top: 20px
}

body main.sub_page.company#organization .section_01 .con.con_01 {
    margin-top: 70px;
    text-align: center;
    .img_wrap{
        width: 100%;
        overflow-x: auto;
        padding-bottom: 20px;
        img{
            width: 100%;
            min-width: 900px;
            object-fit: contain;
        }
    }
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .or {
    position: relative
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .or.or_02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

/* body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .or.or_03 {
    padding: 10px 20px 0 0
} */

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .or.or_03:last-child {
    padding-right: 0
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .or.or_03.grid_01 {
    width: 340px
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .or.or_03.grid_03 {
    width: 820px
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .or.or_03.grid_03 .list_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .or.or_03.grid_03 .list_wrap .list {
    width: 260px
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .or.or_03.grid_full {
    width: 100%
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .or.or_03.grid_full .list_wrap {
    position: relative;
    padding-top: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .or.or_03.grid_full .list_wrap::after {
    content: '';
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #4285f4), color-stop(0%, rgba(255, 255, 255, 0))) repeat-y;
    background: linear-gradient(to top, #4285f4 50%, rgba(255, 255, 255, 0) 0%) repeat-y;
    background-size: 1px 7px;
    position: absolute;
    left: 50%;
    bottom: 100%;
    height: 80px;
    width: 1px;
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px)
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .or.or_03.grid_full .list_wrap .list {
    position: relative;
    width: 10%
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .point_text .text_01 {
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: -0.4px;
    color: #111;
    text-align: right
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .list .box {
    margin-bottom: 10px
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .list .box:last-child {
    margin-bottom: 0
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .box {
    position: relative;
    border-radius: 30px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .box::after,
body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .box::before {
    content: '';
    position: absolute
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .box p {
    font-size: 18px;
    letter-spacing: -0.45px
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .box p.bold {
    font-weight: bold
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .box p.tit_01 {
    font-size: 24px
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .box.box_c_01 {
    width: 500px;
    height: 60px;
    background-color: #000;
    color: #fff;
    margin-bottom: 50px
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .box.box_c_01::after {
    left: 50%;
    top: 100%;
    width: 2px;
    height: 50px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #4285f4), color-stop(0%, rgba(255, 255, 255, 0))) repeat-y;
    background: linear-gradient(to top, #4285f4 50%, rgba(255, 255, 255, 0) 0%) repeat-y;
    background-size: 1px 7px
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .box.box_c_02 {
    position: absolute;
    left: 50%;
    top: 100%;
    width: 100px;
    height: 50px;
    border: solid 1px #4285f4;
    background-color: #f6faff;
    margin-left: 350px
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .box.box_c_02 p {
    color: #4285f4
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .box.box_c_02::after {
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #4285f4), color-stop(0%, rgba(255, 255, 255, 0))) repeat-x;
    background: linear-gradient(to left, #4285f4 50%, rgba(255, 255, 255, 0) 0%) repeat-x;
    background-size: 7px 1px;
    right: 100%;
    top: 50%;
    width: 350px;
    height: 2px
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .box.box_c_03 {
    width: 300px;
    height: 60px;
    background-color: #4285f4;
    color: #fff;
    margin-bottom: 80px
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .box.box_c_03.left::before {
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #4285f4), color-stop(0%, rgba(255, 255, 255, 0))) repeat-x;
    background: linear-gradient(to left, #4285f4 50%, rgba(255, 255, 255, 0) 0%) repeat-x;
    background-size: 7px 1px;
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: calc(50% + 20px);
    height: 100%
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .box.box_c_03.right::before {
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #4285f4), color-stop(0%, rgba(255, 255, 255, 0))) repeat-x;
    background: linear-gradient(to left, #4285f4 50%, rgba(255, 255, 255, 0) 0%) repeat-x;
    background-size: 7px 1px;
    position: absolute;
    right: 50%;
    bottom: 100%;
    width: calc(50%);
    height: 100%
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .box.box_c_04 {
    height: 50px;
    background-color: #fff;
    color: #4285f4;
    border: 1px solid #4285f4
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .box.box_c_04.no_line::before {
    display: none
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .box.box_c_04::after {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #4285f4), color-stop(0%, rgba(255, 255, 255, 0))) repeat-y;
    background: linear-gradient(to top, #4285f4 50%, rgba(255, 255, 255, 0) 0%) repeat-y;
    background-size: 1px 7px;
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 1px;
    height: 100%
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .box.box_c_04::before {
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #4285f4), color-stop(0%, rgba(255, 255, 255, 0))) repeat-x;
    background: linear-gradient(to left, #4285f4 50%, rgba(255, 255, 255, 0) 0%) repeat-x;
    background-size: 6px 1px;
    content: '';
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 100%;
    height: 100%;
    padding-right: 74px
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .box.box_c_05 {
    color: #4285f4;
    background: #f6faff;
    height: auto;
    padding: 10px 20px
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .box.box_c_05 img {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    display: block;
    margin: 0 auto 5px;
}

body main.sub_page.company#organization .section_01 .con.con_01 #or_tree_wrap .box.box_c_06 {
    height: 50px;
    color: #333;
    background: #f9f9f9
}

body main.sub_page.company#location .con.con_01 {
    margin-top: 70px
}

body main.sub_page.company#location .con.con_01 figure .map_01 {
    height: 615px
}

body main.sub_page.company#location .con.con_01 figure figcaption {
    background: #231f20;
    padding: 60px 50px
}

body main.sub_page.company#location .con.con_01 figure figcaption .text.text_01 {
    font-size: 3.2rem;
    font-weight: bold;
    letter-spacing: -0.8px;
    color: #fff
}

body main.sub_page.company#location .con.con_01 figure figcaption .text.text_02 {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.45px;
    color: #f1f1f1;
    margin-top: 10px
}

body main.sub_page.company#history .con.con_01 {
    margin-top: 70px;
    position: relative
}

body main.sub_page.company#history .con.con_01 .history_wrap {
    position: relative;
    overflow: hidden
}

body main.sub_page.company#history .con.con_01 .history_wrap .after_bar,
body main.sub_page.company#history .con.con_01 .history_wrap .before_bar {
    width: 1px;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body main.sub_page.company#history .con.con_01 .history_wrap .after_bar {
    height: 100%;
    background: #e3e3e3
}

body main.sub_page.company#history .con.con_01 .history_wrap .before_bar {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 1s;
    transition: all 1s;
    background: #4285f4
}

body main.sub_page.company#history .con.con_01 .history_wrap .history_ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 60px
}

body main.sub_page.company#history .con.con_01 .history_wrap .history_ul.first {
    padding-top: 60px
}

body main.sub_page.company#history .con.con_01 .history_wrap .history_ul.first::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url("../images/ico/history_logo.png") no-repeat;
    width: 40px;
    height: 40px;
    z-index: 9
}

body main.sub_page.company#history .con.con_01 .history_wrap .history_ul:last-child::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    width: 8px;
    height: 8px;
    background: #4285f4;
    border-radius: 100%
}

body main.sub_page.company#history .con.con_01 .history_wrap .history_ul:first-child {
    padding-top: 60px
}

body main.sub_page.company#history .con.con_01 .history_wrap .history_ul>li {
    width: 50%
}

body main.sub_page.company#history .con.con_01 .history_wrap .history_ul>li.history_year {
    padding-right: 40px
}

body main.sub_page.company#history .con.con_01 .history_wrap .history_ul>li.history_year>p {
    font-size: 5.2rem;
    font-weight: bold;
    letter-spacing: -1.3px;
    color: #4285f4;
    text-align: right
}

body main.sub_page.company#history .con.con_01 .history_wrap .history_ul>li.history_text_wrap {
    padding-left: 40px
}

body main.sub_page.company#history .con.con_01 .history_wrap .history_ul>li.history_text_wrap .history_list {
    padding-right: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.45px
}

body main.sub_page.company#history .con.con_01 .history_wrap .history_ul>li.history_text_wrap .history_list .text_01 {
    font-weight: bold;
    color: #0D2F67
}

body main.sub_page.company#history .con.con_01 .history_wrap .history_ul>li.history_text_wrap .history_list .text_02 {
    margin-left: 45px;
    color: #111
}

body main.sub_page.company#history .con.con_01 .history_wrap .history_ul:nth-child(even) .history_year {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-left: 40px
}

body main.sub_page.company#history .con.con_01 .history_wrap .history_ul:nth-child(even) .history_year>p {
    text-align: left
}

body main.sub_page.company#history .con.con_01 .history_wrap .history_ul:nth-child(even) .history_text_wrap .history_list {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

body main.sub_page.company#history .con.con_01 .history_wrap .history_ul:nth-child(even) .history_text_wrap .history_list .text_01 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 0
}

body main.sub_page.company#history .con.con_01 .history_wrap .history_ul:nth-child(even) .history_text_wrap .history_list .text_02 {
    margin-right: 45px;
    margin-left: 0;
    text-align: right
}

body main.sub_page.company#management .content_01 .con_wrap {
    margin-top: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

body main.sub_page.company#management .content_01 .con {
    position: relative;
    width: 100%;
    height: 390px;
    border-radius: 10px
}

body main.sub_page.company#management .content_01 .con svg {
    width: 400px;
    height: 400px;
    position: absolute;
    z-index: 0
}

body main.sub_page.company#management .content_01 .con.con_01 {
    /* background: linear-gradient(120deg, #a93735 -11%, #4285f4 133%) */
    background: url('../images/management/bg_01_01.png')no-repeat center/cover;
}

body main.sub_page.company#management .content_01 .con.con_01 svg {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    fill: #fff;
    right: -60px;
    bottom: -145px;
    opacity: .1
}

body main.sub_page.company#management .content_01 .con.con_02 {
    background-color: #930d0d
}

body main.sub_page.company#management .content_01 .con.con_02 svg {
    fill: #a93735;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: -40px;
    top: -100px
}

body main.sub_page.company#management .content_01 .con .con_overflow {
    position: relative;
    padding: 50px 40px;
    overflow: hidden;
    width: 100%;
    height: 100%
}

body main.sub_page.company#management .content_01 .con .con_overflow>div.title .text {
    color: #fff
}

body main.sub_page.company#management .content_01 .con .con_overflow>div.title .text.text_01 {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.45px;
    color: #fff
}

body main.sub_page.company#management .content_01 .con .con_overflow>div.title .text.text_02 {
    font-size: 3.2rem;
    font-weight: bold;
    letter-spacing: -0.8px;
    margin-top: 5px;
    color: #fff
}

body main.sub_page.company#management .content_01 .con .con_overflow>div.detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px
}

body main.sub_page.company#management .content_01 .con .con_overflow>div.detail p {
    z-index: 2;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: -0.4px;
    color: #fff;
    width: 500px
}

body main.sub_page.company#management .content_01 .con .picture {
    position: absolute;
    right: -100px;
    top: -100px;
    width: 200px;
    height: 200px;
    border-radius: 100%;
    background: #000
}

body main.sub_page.company#management .content_02 {
    margin: 20px 0 0 0
}

body main.sub_page.company#management .content_02 .content_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body main.sub_page.company#management .content_02 .content_wrap .box {
    position: relative;
    overflow: hidden;
    padding: 40px 40px 60px;
    background: #fafafa;
    border-radius: 10px
}

body main.sub_page.company#management .content_02 .content_wrap .box.box_c_01 {
    background: #EAF2FF
}

body main.sub_page.company#management .content_02 .content_wrap .box.box_c_02 {
    background: #F9E1E1
}

body main.sub_page.company#management .content_02 .content_wrap .box svg {
    fill: #f4f4f4;
    position: absolute;
    right: 40px;
    bottom: 40px;
    z-index: -1;
    opacity: .5
}

body main.sub_page.company#management .content_02 .content_wrap .box .title .text_01 {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.45px;
    color: #4285f4
}

body main.sub_page.company#management .content_02 .content_wrap .box .title .text_02 {
    font-size: 3.2rem;
    font-weight: bold;
    letter-spacing: -0.8px;
    margin-top: 5px
}

body main.sub_page.company#management .content_02 .content_wrap .box .detail {
    margin-top: 30px;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: -0.4px;
    color: #111
}

body main.sub_page.company#management .content_02 .content_wrap .box .detail p {
    position: relative;
    z-index: 1
}

body main.sub_page.company#management .content_02 .content_wrap .box .detail p em {
    display: block;
    text-indent: -13px;
    padding-left: 13px
}

body main.sub_page.company#management .content_02 .content_wrap .box .detail.fold p {
    height: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

body main.sub_page.company#management .content_02 .content_wrap .box .detail.fold p em {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

body main.sub_page.company#management .content_02 .content_wrap .box .detail.fold.active p {
    height: auto;
    text-overflow: unset;
    overflow: unset;
    white-space: unset
}

body main.sub_page.company#management .content_02 .content_wrap .box .detail.fold.active p em {
    text-overflow: unset;
    overflow: unset;
    white-space: unset
}

body main.sub_page.company#management .content_02 .content_wrap .box .detail.clip p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

body main.sub_page.company#management .content_02 .content_wrap .box .detail.clip.active p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: unset;
    overflow: hidden
}

body main.sub_page.company#management .content_02 .content_wrap .box .more_box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 5px 0;
    background: #4285f4;
    font-size: 13px;
    text-align: center;
    color: #fff;
    cursor: pointer
}

body main.sub_page.company#management .content_02 .content_wrap .box.box_01 {
    width: 460px;
	height: 400px;
    margin: 0 20px 20px 0
}

body main.sub_page.company#management .content_02 .content_wrap .box.box_01:nth-child(3n) {
    margin: 0 0 20px 0
}

body main.sub_page.company#management .content_02 .content_wrap .box.box_02 {
    width: calc(33% - 20px);
    margin: 10px
}

body main.sub_page.company#management .content_02 .content_wrap .box.box_02:nth-child(4n) {
    margin: 0 0 20px 0
}

body main.sub_page.company#management .content_02 .content_wrap .box.box_02 .title .text_02 {
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: -0.6px;
    margin-top: 0
}

body main.sub_page.company#management .content_02 .content_wrap .box.box_02 .detail {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: -0.4px;
    color: #111
}

body main.sub_page.company#management .content_02 .content_wrap .box.box_02 .detail p {
    position: relative;
    z-index: 1
}

body main.sub_page.company#management .content_02 .content_wrap .box.box_02 .detail p em {
    display: block;
    text-indent: -13px;
    padding-left: 13px;
}
body main.sub_page.company#management .content_02 .content_wrap .box.box_02 .point_img_01 {
    position: absolute; right: 0; top: 0; padding: 20px;
}
body main.sub_page.company#management .content_02 .content_wrap .box.box_02 .point_img_01 img{
    height: 70px;

}

body main.sub_page.company#management .content_02 .content_wrap .box.bc_01 {
    background-color: #0D2F67
}

body main.sub_page.company#management .content_02 .content_wrap .box.bc_01 svg {
    fill: #011F51;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: -50px;
    right: -50px
}

body main.sub_page.company#management .content_02 .content_wrap .box.bc_01 .title {
    color: #fff
}

body main.sub_page.company#management .content_02 .content_wrap .box.bc_01 .title .text_01 {
    color: #fff
}

body main.sub_page.company#management .content_02 .content_wrap .box.bc_01 .detail {
    color: #fff
}

body main.sub_page.platform#platform .con.con_01 {
    position: relative;
    margin-top: 70px;
    text-align: center
}

body main.sub_page.platform#solvadys .content.content_02 {
    margin-top: 70px
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap {
    position: relative
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .solvadys_wrap {
    position: relative;
    margin: auto;
    display: block;
    width: 800px;
    height: 800px;
    border-radius: 100%;
    -webkit-box-shadow: -1px 0 20px 0 rgba(66, 133, 244, 0.1);
    box-shadow: -1px 0 20px 0 rgba(66, 133, 244, 0.1);
    background-color: #fff
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .solvadys_wrap .inline_circle_wrap {
    width: 80%;
    height: 80%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .solvadys_wrap .inline_circle_wrap .inline_circle {
    width: 100%;
    height: 100%;
    border: 2px dotted #ddd;
    border-radius: 100%;
    -webkit-animation: spin_01 10s infinite linear;
    animation: spin_01 10s infinite linear
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .solvadys_wrap .inline_circle_wrap .inline_circle span {
    position: absolute;
    color: #ddd;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .solvadys_wrap .inline_circle_wrap .inline_circle span:nth-child(1) {
    left: -5px;
    top: 50%
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .solvadys_wrap .inline_circle_wrap .inline_circle span:nth-child(2) {
    right: -5px;
    bottom: 50%
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .infobox_wheel {
    position: absolute;
    width: 800px;
    height: 800px;
    border-radius: 100%
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .info_box {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: absolute;
    cursor: pointer
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .info_box.box_01 {
    top: -50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .info_box.box_02 {
    top: 30%;
    right: -50px
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .info_box.box_03 {
    bottom: 0;
    right: 100px
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .info_box.box_04 {
    bottom: 0;
    left: 100px
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .info_box.box_05 {
    top: 30%;
    left: -50px
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .info_box .text_wrap {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all 0.15s;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -ms-transition: all 0.15s;
    -o-transition: all 0.15s;
    background: #f6faff;
    border-radius: 100%
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .info_box .text_wrap .text {
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: -0.6px;
    transition: all 0.15s;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -ms-transition: all 0.15s;
    -o-transition: all 0.15s
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .info_box .text_wrap .text.text_01 {
    color: #4285f4
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .info_box .text_wrap .text.text_02 {
    color: #0D2F67
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .info_box .text_wrap .text.text_03 {
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 10px 50px;
    text-align: center;
    border: 1px solid #4285f4;
    border-radius: 30px;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.45px;
    color: #4285f4;
    font-weight: bold;
    white-space: nowrap;
    background: #fff
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .info_box.active .text_wrap {
    background: #4285f4
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .info_box.active .text_wrap .text.text_01 {
    color: #fff
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .info_box.active .text_wrap .text.text_02 {
    color: #0d2f67
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .info_text_box {
    width: 80%;
    height: 80%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .info_text_box .text_box {
    width: 100%;
    height: 100%;
    display: none
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .info_text_box .text_box.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .info_text_box .text_box.active .box_title p {
    opacity: 1
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .info_text_box .text_box.active .box_detail {
    opacity: 1;
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .info_text_box .text_box .box_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 280px;
    height: 60px;
    border: 1px solid #4285f4;
    border-radius: 30px
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .info_text_box .text_box .box_title p {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.45px;
    color: #4285f4;
    font-weight: bold
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .info_text_box .text_box .box_detail {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.45px;
    max-width: 450px;
    width: 375px;
    color: #4285f4
}
body main.sub_page.platform#solvadys .content.content_02 .content_wrap .info_text_box .text_box .box_detail li{
    list-style: disc;
}

body main.sub_page.platform#solvadys .content.content_02 .content_wrap .info_text_box .text_box .box_detail em {
    color: #111;
    /* padding-left: 10px; */
    display: inline-block
}


body{
    main{
        &.sub_page.platform#ed{
            .section_02{
                .content{
                    margin-top: 70px;
                    .content_wrap{
                        .content_tit{
                            .tit_01{
                                font-size: 3.2rem;
                                font-weight: bold;
                                letter-spacing: -0.8px;
                            }
                            .tit_02{
                                font-size: 20px;
                                font-weight: normal;
                                letter-spacing: -0.45px;
                                margin-top: 10px;
                                color: #555555;
                                em{
                                    color: #4285f4;
                                    font-weight: bold;
                                }
                            }
                            li{
                                margin-left: 20px;
                                position: relative;
                                &::before{
                                    content: "";
                                    position: absolute;
                                    left: -11.5px;
                                    width: 3px;
                                    height: 3px;
                                    top: 50%;
                                    transform: translateY(-50%);
                                    background-color: #555;
                                }
                            }
        
                        }
        
                        .content_detail{
                            margin-top: 30px;
                            width: 100%;
                            .box{
                                width: 100%;
                                padding: 40px 30px;
                                background-color: #FAFAFA;
                                border-radius: 10px;
                            }

                        }    
                    }
                    &.content_01{
                        .content_wrap{
                            .content_detail{
                                /* height: 550px; */
                                .box{
                                    height: 100%;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;      
                                    background-color: transparent;
                                    padding: 0;        
                                    border-radius: 0;
                                    .c_01,
                                    .c_03{
                                        padding: 40px;
                                        background-color: #FAFAFA;
                                        border-radius: 10px;
                                        height: 100%;
                                    }                    
                                    .text_01{
                                        margin-bottom: 20px;
                                        strong{
                                            font-size: 24px;
                                            font-weight: 700;
                                            color: #993c3b;
                                            margin-right: 5px;
                                        }
                                        span{
                                            font-size: 16px;
                                            font-weight: 400;
                                            color: #555;
                                        }
                                    }
                                    /* .c_01{
                                        .c_wrap{
                                            width: 100%;
                                            display: flex;
                                            justify-content: center;
                                            align-items: flex-start;
                                            .left{
                                                ul{
                                                    display: flex;
                                                    justify-content: flex-start;
                                                    align-items: flex-start;
                                                    gap: 20px;
                                                    li{
                                                        width: 100%;
                                                        max-width: 105px;
                                                        .img_wrap{
                                                            width: 100%;
                                                            aspect-ratio: 1/1;
                                                            border-radius: 10px;
                                                            border: 1px solid #e5e5e5;
                                                            overflow: hidden;
                                                            img{
                                                                width: 100%;
                                                                height: 100%;
                                                                object-fit: cover;
                                                            }
                                                        }
                                                        p{
                                                            font-size: 14px;
                                                            color: #555;
                                                            text-align: center;
                                                            margin-top: 5px;
                                                        }
                                                    }
                                                }
                                            }
                                            .right{
                                                ul{
                                                    li{
                                                        padding: 10px 25px;
                                                        background-color: #fff;
                                                        border-radius: 10px;
                                                        border: 1px solid #e5e5e5;
                                                        text-align: center;
                                                        margin-bottom: 24px;
                                                        position: relative;
                                                        &::before{
                                                            position: absolute;
                                                            content: "";
                                                            bottom: -12.5px;
                                                            left: 50%;
                                                            transform: translateX(-50%);
                                                            width: 9px;
                                                            height: 5px;
                                                            background-image: url(../images/platform/ed/img_01_arrow01.svg);
                                                            background-repeat: no-repeat;
                                                            background-size: cover;
                                                            background-position: center;
                                                        }
                                                        dl{
                                                            dt{
                                                                font-size: 18px;
                                                                font-weight: 700;
                                                                margin-bottom: 10px;
                                                            }
                                                            dd{
                                                                font-size: 16px;
                                                                font-weight: 500;
                                                                &:nth-of-type(2){
                                                                    margin-top: 30px;
                                                                    position: relative;
                                                                    &::before{
                                                                        content: "+";
                                                                        display: block;
                                                                        position: absolute;
                                                                        top: -32.5px;
                                                                        left: 50%;
                                                                        transform: translateX(-50%);
                                                                    }
                                                                }
                                                            }
                                                        }
                                                        &:nth-of-type(1){
                                                            margin-bottom: 20px;
                                                            padding: 18px 25px;
                                                            &::before{
                                                                display: none;
                                                            }
                                                            dd{
                                                                font-weight: 400;
                                                            }
                                                        }
                                                        &:nth-last-of-type(1){
                                                            margin-bottom: 0;
                                                            &::before{
                                                                display: none;
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    } */
                                    .c_02{
                                        margin: 0 20px;
                                    }
                                    .c_03{
                                        max-width: 580px;
                                        width: 580px;
                                        ul{
                                            width: 100%;
                                            display: flex;
                                            flex-wrap: wrap;
                                            justify-content: flex-start;
                                            align-items: flex-start;
                                            gap: 20px;
                                            li{
                                                width: calc(100% / 2 - 10px);
                                                /* width: 100%; */
                                                /* max-width: 240px; */
                                                height: 180px;
                                                padding: 25px;
                                                background-color: #fff;
                                                border-radius: 10px;
                                                border: 1px solid #e5e5e5;
                                                dl{
                                                    dt{
                                                        font-size: 22px;
                                                        font-weight: 700;
                                                        color: #000;
                                                        margin-bottom: 15px;
                                                        small{
                                                            font-size: 14px;
                                                        }
                                                    }
                                                    dd{
                                                        font-size: 16px;
                                                        font-weight: 400;
                                                        color: #555;
                                                        position: relative;
                                                        margin-left: 10px;
                                                        &::before{
                                                            content: "";
                                                            position: absolute;
                                                            left: -10px;
                                                            top: 9px;
                                                            width: 4px;
                                                            height: 4px;
                                                            background-color: #555;
                                                            border-radius: 50%;
                                                        }
                                                        &.co{
                                                            color: #4285F4;
                                                            &::before{
                                                                background-color: #4285F4;
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                    &.content_02{
                        .content_wrap{
                            .content_detail{
                                overflow-x: auto;
                                .box{
                                    width: 100%;
                                    min-width: 1400px;
                                    img{
                                        width: 100%;
                                        object-fit: contain;
                                    }
                                }
                            }
                        }
                    }
                    &.content_03{
                        .content_wrap{
                            .content_detail{
                                height: 630px;
                                .box{
                                    height: 100%;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    gap: 20px;
                                    >div{
                                        width: 100%;
                                        height: 100%;
                                        border-radius: 10px;
                                        border: 1px solid #e5e5e5;
                                        background-color: #Fff;
                                        padding: 30px;
                                        .text_01{
                                            font-size: 24px;
                                            font-weight: 700;
                                            margin-bottom: 10px;
                                        }
                                        .text_02{
                                            font-size: 20px;
                                            font-weight: 500;
                                            color: #Fff;
                                            padding: 10px 30px;
                                            border-radius: 35px;
                                            margin-bottom: 20px;
                                        }
                                        .img_ul{
                                            width: 100%;
                                            display: flex;
                                            justify-content: space-between;
                                            align-items: flex-end;
                                            gap: 20px;
                                            color: #555;
                                            font-size: 14px;
                                            li{
                                                text-align: center;
                                                .img_wrap{
                                                    width: 100%;
                                                    margin-bottom: 15px;
                                                    img{
                                                        width: 100%;
                                                        object-fit: contain;
                                                    }
                                                }
                                                &:nth-of-type(2){
                                                    .img_wrap{
                                                        padding: 20px;
                                                    }
                                                }
                                            }
                                        }
                                        .list_ul{
                                            margin-top: 30px;
                                            li{
                                                position: relative;
                                                margin-left: 10px;
                                                margin-bottom: 3px;
                                                font-size: 16px;
                                                font-weight: 400;    
                                                &::before{
                                                    position: absolute;
                                                    content: "";
                                                    left: -10px;
                                                    width: 4px;
                                                    height: 4px;
                                                    top: 8px;
                                                    background-color: #555;
                                                    border-radius: 50%;
                                                }
                                                &:nth-last-of-type(1){
                                                    margin-bottom: 0;
                                                }
                                            }
                                        }
                                    }
                                    .c_01{
                                        .text_02{
                                            background-color: #c6c6c6;
                                        }
                                    }
                                    .c_02{
                                        padding: 40px;
                                        .img_wrap{
                                            width: 100%;
                                            display: flex;
                                            justify-content: center;
                                            align-items: center;
                                        }
                                    }
                                    .c_03{
                                        background-color: #F6FAFF;
                                        border-color: #4285F4;
                                        .text_01{
                                            color: #4285F4;
                                        }
                                        .text_02{
                                            background-color: #4285F4;
                                        }
                                        .img_ul{
                                            li{
                                                color: #4285F4;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                    &.content_04{
                        .content_wrap{
                            .content_detail{
                                overflow-x: auto;
                                .box{
                                    width: 100%;
                                    min-width: 1400px;
                                    img{
                                        width: 100%;
                                        object-fit: contain;
                                    }
                                }
                            }
                        }
                    }
                    &.content_05{
                        .content_wrap{
                            .content_detail{
                                height: 630px;
                                .box{
                                    height: 100%;
                                    display: flex;
                                    justify-content: flex-start;
                                    align-items: center;
                                    color: #555555;
                                    line-height: 1.3;
                                    dd{
                                        &.list_dd{
                                            position: relative;
                                            margin-left: 10px;
                                            &::before{
                                                position: absolute;
                                                content: "";
                                                left: -10px;
                                                width: 3px;
                                                height: 3px;
                                                background-color: #555;
                                                border-radius: 50%;
                                            }
                                        }  
                                    }
                                    .c_01{
                                        display: flex;
                                        justify-content: center;
                                        align-items: center;
                                        padding: 0 30px;
                                        height: 100%;
                                        font-weight: 600;
                                        text-align: center;
                                        border-radius: 10px;
                                        background-color: #Fff;
                                        font-size: 18px;
                                    }
                                    .c_02{
                                        padding: 0 15px;
                                        text-align: center;
                                        p{
                                            font-size: 16px;
                                            font-weight: 500;
                                        }
                                        .arrow{
                                            width: 146px;
                                            margin: 20px 0;
                                            img{
                                                width: 100%;
                                                object-fit: contain;
                                            }
                                        }
                                        .img_wrap{
                                            padding: 4px 8px;
                                            border-radius: 10px;
                                            border: 1px solid #e5e5e5;
                                            background-color: #Fff;
                                            img{
                                                width: 100%;
                                                object-fit: contain;
                                            }
                                        }
                                    }
                                    .c_03{
                                        ul{
                                            display: flex;
                                            flex-wrap: wrap;
                                            justify-content: flex-start;
                                            align-items: flex-start;
                                            gap: 30px 30px;
                                            width: calc(235px * 2 + 30px);
                                            li{
                                                width: 235px;
                                                height: 265px;
                                                padding-top: 60px;
                                                display: flex;
                                                justify-content: center;
                                                align-items: flex-start;
                                                background-image: url(../images/platform/ed/img_05_02.png);
                                                background-repeat: no-repeat;
                                                background-size: cover;
                                                background-position: center;
                                                position: relative;
                                                &::before{
                                                    content: "";
                                                    position: absolute;
                                                    width: 10px;
                                                    height: 35px;
                                                    background-image: url(../images/platform/ed/img_05_icon.svg);
                                                    background-repeat: no-repeat;
                                                    background-size: cover;
                                                    background-position: center;
                                                }
                                                dl{
                                                    dt{
                                                        font-size: 18px;
                                                        font-weight: 600;
                                                        color: #4285f4;
                                                        text-align: center;
                                                        margin-bottom: 20px;
                                                    }
                                                    dd{
                                                        font-size: 14px;
                                                        font-weight: 400;
                                                        margin-bottom: 10px;
                                                        small{
                                                            font-size: 10px;
                                                            display: inline-block;
                                                            margin-top: 5px;
                                                        }
                                                        &:nth-last-of-type(1){
                                                            margin-bottom: 0;
                                                        }
                                                        &.list_dd{
                                                            &::before{
                                                                width: 4px;
                                                                height: 4px;                
                                                                top: 7px;
                                                            }
                                                        }
                                                    }
                                                }
                                                &:nth-of-type(1){
                                                    &::before{
                                                        right: -10px;
                                                        top: 50%;
                                                        transform: translateY(-50%);
                                                    }
                                                }
                                                &:nth-of-type(2){
                                                    &::before{
                                                        left: 50%;
                                                        bottom: -20px;
                                                        transform: translateX(-50%) rotate(90deg);
                                                    }
                                                }
                                                &:nth-of-type(3){
                                                    &::before{
                                                        left: 50%;
                                                        top: -20px;
                                                        transform: translateX(-50%) rotate(270deg);
                                                    }
                                                }
                                                &:nth-of-type(4){
                                                    &::before{
                                                        left: -10px;
                                                        top: 50%;
                                                        transform: translateY(-50%) scaleX(-1);
                                                    }
                                                }
                                                &:nth-of-type(2n){
                                                    background-image: url(../images/platform/ed/img_05_03.png);
                                                }
                                            }
                                        }
                                    }
                                    .c_04{
                                        margin: 0 20px;
                                        .img_wrap{
                                            width: 50px;
                                            img{
                                                width: 100%;
                                                object-fit: contain;
                                            }
                                        }
                                    }
                                    .c_05{
                                        width: 430px;
                                        height: 100%;
                                        ul{
                                            width: 100%;
                                            height: 100%;
                                            display: flex;
                                            justify-content: space-between;
                                            align-items: flex-start;
                                            flex-direction: column;
                                            gap: 20px;
                                            li{
                                                width: 100%;
                                                border: 1px solid #4285f4;
                                                border-radius: 10px;
                                                background-color: #F6FAFF;
                                                padding: 25px 30px;
                                                display: flex;
                                                flex-wrap: wrap;
                                                gap: 30px 70px;
                                                dl{
                                                    dt{
                                                        font-size: 24px;
                                                        font-weight: 700;
                                                        margin-bottom: 10px;
                                                        color: #4285f4;
                                                    }
                                                    dd{
                                                        font-size: 16px;
                                                        font-weight: 400;
                                                        line-height: 1.5;
                                                        &.list_dd{
                                                            &::before{
                                                                top: 8px;
                                                            }
                                                        }
                                                    }
                                                }
                                                &:nth-last-of-type(1){
                                                    margin-bottom: 0;
                                                }
                                                &:nth-of-type(2){
                                                    padding: 30px;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

body main.sub_page.commu#notice #table_default #table_body thead,
body main.sub_page.investor#notice #table_default #table_body thead {
    background: #fff
}

body main.sub_page.commu#notice #table_default #table_body thead tr th,
body main.sub_page.investor#notice #table_default #table_body thead tr th {
    font-weight: bold
}

body main.sub_page.commu#notice #table_default #table_body tbody tr td,
body main.sub_page.investor#notice #table_default #table_body tbody tr td {
    color: #888
}

body main.sub_page.commu#notice #table_default #table_body tbody tr td a,
body main.sub_page.investor#notice #table_default #table_body tbody tr td a {
    color: #111
}

body main.sub_page.commu#qna .section_info .content_wrap,
body main.sub_page.investor#qna .section_info .content_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

body main.sub_page.commu#qna .section_info .content_wrap figure,
body main.sub_page.investor#qna .section_info .content_wrap figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    background: #fafafa;
    width: 340px;
    height: 240px;
    text-align: center;
    border-radius: 10px
}

body main.sub_page.commu#qna .section_info .content_wrap figure img,
body main.sub_page.investor#qna .section_info .content_wrap figure img {
    position: relative;
    z-index: 1
}

body main.sub_page.commu#qna .section_info .content_wrap figure figcaption,
body main.sub_page.investor#qna .section_info .content_wrap figure figcaption {
    margin-top: 20px
}

body main.sub_page.commu#qna .section_info .content_wrap figure figcaption p,
body main.sub_page.investor#qna .section_info .content_wrap figure figcaption p {
    font-size: 18px;
    font-weight: normal;
    letter-spacing: -0.4px;
    color: #4285f4;
    font-weight: bold
}

body main.sub_page.commu#qna .section_info .content_wrap figure figcaption a,
body main.sub_page.investor#qna .section_info .content_wrap figure figcaption a {
    display: block;
    margin-top: 5px;
    font-size: 16px
}

body main.sub_page.commu#qna .section_info .content_wrap figure.info,
body main.sub_page.investor#qna .section_info .content_wrap figure.info {
    background: #4285f4
}

body main.sub_page.commu#qna .section_info .content_wrap figure.info svg,
body main.sub_page.investor#qna .section_info .content_wrap figure.info svg {
    position: absolute;
    left: -10%;
    bottom: -10%;
    fill: #5394FF;
    width: 200px
}

body main.sub_page.commu#qna .section_info .content_wrap figure.info figcaption,
body main.sub_page.investor#qna .section_info .content_wrap figure.info figcaption {
    position: relative;
    z-index: 1
}

body main.sub_page.commu#qna .section_info .content_wrap figure.info figcaption p,
body main.sub_page.investor#qna .section_info .content_wrap figure.info figcaption p {
    color: #fff;
    font-weight: 400
}

body main.sub_page.commu#qna .content_02,
body main.sub_page.investor#qna .content_02 {
    margin-top: 70px
}

body main.sub_page.commu#qna .input_wrap,
body main.sub_page.investor#qna .input_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #000
}

body main.sub_page.commu#qna .input_wrap .input_box,
body main.sub_page.investor#qna .input_wrap .input_box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0 10px 20px;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #ddd
}

body main.sub_page.commu#qna .input_wrap .input_box.textarea_box,
body main.sub_page.investor#qna .input_wrap .input_box.textarea_box {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: auto
}

body main.sub_page.commu#qna .input_wrap .input_box .ponit_color_main,
body main.sub_page.investor#qna .input_wrap .input_box .ponit_color_main {
    color: #4285f4
}

body main.sub_page.commu#qna .input_wrap .input_box label,
body main.sub_page.investor#qna .input_wrap .input_box label {
    width: 200px
}

body main.sub_page.commu#qna .input_wrap .input_box label.text_02,
body main.sub_page.investor#qna .input_wrap .input_box label.text_02 {
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #111;
    font-weight: bold
}

body main.sub_page.commu#qna .input_wrap .input_box input,
body main.sub_page.commu#qna .input_wrap .input_box textarea,
body main.sub_page.investor#qna .input_wrap .input_box input,
body main.sub_page.investor#qna .input_wrap .input_box textarea {
    width: 100%;
    max-width: 700px;
    height: 100%;
    border: 1px solid #e5e5e5;
    padding-left: 20px
}

body main.sub_page.commu#qna .input_wrap .input_box input::-webkit-input-placeholder,
body main.sub_page.commu#qna .input_wrap .input_box textarea::-webkit-input-placeholder,
body main.sub_page.investor#qna .input_wrap .input_box input::-webkit-input-placeholder,
body main.sub_page.investor#qna .input_wrap .input_box textarea::-webkit-input-placeholder {
    color: #888
}

body main.sub_page.commu#qna .input_wrap .input_box input:-ms-input-placeholder,
body main.sub_page.commu#qna .input_wrap .input_box textarea:-ms-input-placeholder,
body main.sub_page.investor#qna .input_wrap .input_box input:-ms-input-placeholder,
body main.sub_page.investor#qna .input_wrap .input_box textarea:-ms-input-placeholder {
    color: #888
}

body main.sub_page.commu#qna .input_wrap .input_box input::-ms-input-placeholder,
body main.sub_page.commu#qna .input_wrap .input_box textarea::-ms-input-placeholder,
body main.sub_page.investor#qna .input_wrap .input_box input::-ms-input-placeholder,
body main.sub_page.investor#qna .input_wrap .input_box textarea::-ms-input-placeholder {
    color: #888
}

body main.sub_page.commu#qna .input_wrap .input_box input::placeholder,
body main.sub_page.commu#qna .input_wrap .input_box textarea::placeholder,
body main.sub_page.investor#qna .input_wrap .input_box input::placeholder,
body main.sub_page.investor#qna .input_wrap .input_box textarea::placeholder {
    color: #888
}

body main.sub_page.commu#qna .input_wrap .input_box textarea,
body main.sub_page.investor#qna .input_wrap .input_box textarea {
    width: 100%;
    height: 180px
}

body main.sub_page.commu#qna .input_wrap .input_box.radio_box .hidden_radio,
body main.sub_page.investor#qna .input_wrap .input_box.radio_box .hidden_radio {
    display: none
}

body main.sub_page.commu#qna .input_wrap .input_box.radio_box input:checked+label,
body main.sub_page.investor#qna .input_wrap .input_box.radio_box input:checked+label {
    background: #4285f4;
    color: #fff
}

body main.sub_page.commu#qna .input_wrap .input_box.radio_box .cs_radio,
body main.sub_page.investor#qna .input_wrap .input_box.radio_box .cs_radio {
    cursor: pointer;
    margin-right: 5px;
    font-size: 16px;
    color: #888;
    text-align: center;
    padding: 10px 20px;
    border: 1px solid #ddd;
    width: 100px
}

body main.sub_page.commu#qna .input_wrap .input_box .file_box,
body main.sub_page.investor#qna .input_wrap .input_box .file_box {
    width: auto;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body main.sub_page.commu#qna .input_wrap .input_box .file_box .hidden_input,
body main.sub_page.investor#qna .input_wrap .input_box .file_box .hidden_input {
    display: none
}

body main.sub_page.commu#qna .input_wrap .input_box .file_box .file_border,
body main.sub_page.investor#qna .input_wrap .input_box .file_box .file_border {
    width: 380px;
    height: 100%;
    border: 1px solid #e5e5e5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body main.sub_page.commu#qna .input_wrap .input_box .file_box .file_text,
body main.sub_page.investor#qna .input_wrap .input_box .file_box .file_text {
    width: 120px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    background: #231f20;
    color: #fff
}

body main.sub_page.commu#qna .input_wrap .submit_box,
body main.sub_page.investor#qna .input_wrap .submit_box {
    margin-top: 70px;
    width: 100%;
    text-align: center
}

body main.sub_page.commu#qna .input_wrap .submit_box .btn_01,
body main.sub_page.investor#qna .input_wrap .submit_box .btn_01 {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.45px;
    font-weight: bold;
    color: #fff
}

body main.sub_page.commu#faq .faq_type,
body main.sub_page.investor#faq .faq_type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body main.sub_page.commu#faq .faq_type li,
body main.sub_page.investor#faq .faq_type li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all 0.15s;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -ms-transition: all 0.15s;
    -o-transition: all 0.15s;
    border: 1px solid #ddd;
    font-size: 16px;
    color: #dddd;
    padding: 10px 20px;
    border-radius: 37px;
    margin: 0 20px 5px 0
}

body main.sub_page.commu#faq .faq_type li:last-child,
body main.sub_page.investor#faq .faq_type li:last-child {
    margin: 0 0 5px 0
}

body main.sub_page.commu#faq .faq_type li:hover,
body main.sub_page.commu#faq .faq_type li.active,
body main.sub_page.investor#faq .faq_type li:hover,
body main.sub_page.investor#faq .faq_type li.active {
    border: 1px solid #4285f4;
    color: #4285f4
}

body main.sub_page.commu#faq .fap_wrap,
body main.sub_page.investor#faq .fap_wrap {
    border-top: 1px solid #000
}

body main.sub_page.commu#faq .fap_wrap li>div.faq_q,
body main.sub_page.investor#faq .fap_wrap li>div.faq_q {
    background-color: #FAFAFA;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body main.sub_page.commu#faq .fap_wrap li>div.faq_q.active .text,
body main.sub_page.investor#faq .fap_wrap li>div.faq_q.active .text {
    color: #4285f4
}

body main.sub_page.commu#faq .fap_wrap li>div.faq_q.active .text.text_03 i,
body main.sub_page.investor#faq .fap_wrap li>div.faq_q.active .text.text_03 i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

body main.sub_page.commu#faq .fap_wrap li>div.faq_a,
body main.sub_page.investor#faq .fap_wrap li>div.faq_a {
    background-color: #fff;
    display: none;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    padding: 30px;
    font-size: 16px
}

body main.sub_page.commu#faq .fap_wrap li>div.faq_a img,
body main.sub_page.investor#faq .fap_wrap li>div.faq_a img {
    height: auto;
    max-width: 100%
}

body main.sub_page.commu#faq .fap_wrap li>div.faq_a.active,
body main.sub_page.investor#faq .fap_wrap li>div.faq_a.active {
    display: block
}

body main.sub_page.commu#faq .fap_wrap li>div .text,
body main.sub_page.investor#faq .fap_wrap li>div .text {
    padding: 15px 0;
    font-size: 16px;
    color: #000;
    text-align: center
}

body main.sub_page.commu#faq .fap_wrap li>div .text.wid-10,
body main.sub_page.investor#faq .fap_wrap li>div .text.wid-10 {
    width: 7%
}

body main.sub_page.commu#faq .fap_wrap li>div .text.wid-full,
body main.sub_page.investor#faq .fap_wrap li>div .text.wid-full {
    width: 86%
}

body main.sub_page.commu#faq .fap_wrap li>div .text.text_01,
body main.sub_page.investor#faq .fap_wrap li>div .text.text_01 {
    font-weight: bold;
    font-family: 'Play'
}

body main.sub_page.commu#faq .fap_wrap li>div .text.text_02,
body main.sub_page.investor#faq .fap_wrap li>div .text.text_02 {
    text-align: left
}

body main.sub_page.commu#faq .fap_wrap li>div .text.text_03 i,
body main.sub_page.investor#faq .fap_wrap li>div .text.text_03 i {
    display: block
}

body main.sub_page.pipeline#overview .con.con_01 {
    margin-top: 70px
}

body main.sub_page.pipeline#overview .con.con_02 {
    margin-top: 70px
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul li.wid_01,
body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul li .wid_01 {
    min-width: 120px
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul li.wid_02,
body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul li .wid_02 {
    min-width: 260px
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul li.wid_03,
body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul li .wid_03 {
    min-width: 140px
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul li.wid_04,
body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul li .wid_04 {
    width: 100%;
    max-width: 850px
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul.t_head {
    border-top: 1px solid #000;
    background: #fafafa;
    position: sticky; top: 0; z-index: 1;
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul.t_head li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.36px;
    color: #333;
    text-align: center;
    line-height: 20px;
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul.t_head .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 20px;
    text-align: center;
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul.t_head .flex div {
    /* padding-right: 46px; */
    width: 16.6%;
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul.t_head .flex div:last-child {
    padding-right: 0
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul.t_head .flex div:last-child {
    margin-right: 0
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul.t_head .flex div:nth-child(4) {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul.t_head .flex div:nth-child(4) p {
    height: 50%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul.t_head .flex div:nth-child(4) p:nth-child(2) span {
    display: flex;
    justify-content: center;
    width: 50%;
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul.t_body {
    display: table;
    width: 100%
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul.t_body .list {
    height: 120px;
    border-collapse: collapse
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul.t_body .list>div {
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #e5e5e5;
    height: 120px
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul.t_body .list>div:first-child {
    border-left: none
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul.t_body .list>div:last-child {
    border-right: none
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul.t_body .list>div img {
    vertical-align: middle
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul.t_body .list:last-child {
    margin-bottom: 0
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul.t_body .list .t_01 {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.36px;
    color: #333;
    text-align: center
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul.t_body .list .t_01 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: all 0.15s;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -ms-transition: all 0.15s;
    -o-transition: all 0.15s
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul.t_body .list .t_01 a:hover {
    opacity: .7;
    color: #4285f4
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul.t_body .list .t_01 a .ico_arrow {
    margin-left: 20px
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul.t_body .list .t_02,
body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul.t_body .list .t_03 {
    padding-left: 20px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.4px;
    color: #111
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul.t_body .list .t_03,
body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul.t_body .list .t_04 em {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.43;
    letter-spacing: -0.28px;
    color: #111
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul.t_body .list .t_04>div,
body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul.t_body .list .t_04>em {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px;
    height: 50%
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap {
    position: relative;
    border-bottom: 1px solid #e5e5e5
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar {
    position: relative;
    max-width: 695px;
    height: 20px;
    border-radius: 20px
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_01 {
    position: relative;
    width: 100%;
    background-color: #f5f5f5
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02 {
    transition: all 0.7s;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #4285f4;
    width: 0
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02::after {
    content: '';
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 100%
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.w-50.aos-animate {
    width: 50%
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.w-67.aos-animate {
    width: 71%;
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.w-71.aos-animate {
    width: 71%
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.w-17.aos-animate {
    width: 17%
}

/* 라인추가 220706*/

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .line {
    max-width: 850px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    z-index: -1;
    padding-left: 20px;
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .line span {
    display: block;
    width: 1px;
    height: 100%;
    background-image: linear-gradient(to bottom, #ddd 50%, rgba(255, 255, 255, 0) 0%);
    background-position: right;
    background-size: 2px 6px;
    background-repeat: repeat-y;
    margin-left: 16.5%;
}

body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .line span:nth-child(4),
body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .line span:nth-child(5) {
    margin-left: 8.6%;
}

/* 라인추가 End */

body main.sub_page.pipeline#publications .con.con_01 {
    margin-top: 70px
}

body main.sub_page.pipeline#publications .con.con_01 .publications_table table {
    width: 100%
}

body main.sub_page.pipeline#publications .con.con_01 .publications_table table thead {
    border-top: 1px solid #000;
    background: #fafafa;
    height: 60px
}

body main.sub_page.pipeline#publications .con.con_01 .publications_table table thead tr td {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #333
}

body main.sub_page.pipeline#publications .con.con_01 .publications_table table thead tr td.wid_01 {
    width: 100px
}

body main.sub_page.pipeline#publications .con.con_01 .publications_table table thead tr td.wid_02 {
    width: 120px
}

body main.sub_page.pipeline#publications .con.con_01 .publications_table table thead tr td.wid_03 {
    width: 280px
}

body main.sub_page.pipeline#publications .con.con_01 .publications_table table thead tr td.wid_04 {
    width: 720px
}

body main.sub_page.pipeline#publications .con.con_01 .publications_table table tbody tr {
    height: 60px
}

body main.sub_page.pipeline#publications .con.con_01 .publications_table table tbody tr td {
    border: 1px solid #e5e5e5;
    text-align: center
}

body main.sub_page.pipeline#publications .con.con_01 .publications_table table tbody tr td:first-child {
    border-left: none
}

body main.sub_page.pipeline#publications .con.con_01 .publications_table table tbody tr td:last-child {
    border-right: none
}

body main.sub_page.pipeline#publications .con.con_01 .publications_table table tbody tr td.text_01 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.32px;
    color: #333
}

body main.sub_page.pipeline#publications .con.con_01 .publications_table table tbody tr td.text_02 {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.4px;
    color: #111
}

body main.sub_page.pipeline#publications .con.con_01 .publications_table table tbody tr td.text_03 {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.4px;
    color: #111
}

body main.sub_page.pipeline#publications .con.con_01 .publications_table table tbody tr td.journal,
body main.sub_page.pipeline#publications .con.con_01 .publications_table table tbody tr td.title {
    text-align: left;
    padding-left: 20px
}

body main.sub_page.pipeline#publications .con.con_01 .publications_table table tbody tr td.link a:not(:first-child) {
    margin-left: 10px
}

body main.sub_page.pipeline.pubs_cu .mo {
    display: none
}

body main.sub_page.pipeline.pubs_cu .text_cetner {
    text-align: center
}

body main.sub_page.pipeline.pubs_cu .con_tit_01 {
    font-size: 3.2rem;
    font-weight: bold;
    letter-spacing: -0.8px
}

body main.sub_page.pipeline.pubs_cu .con_tit_02 {
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: -0.6px;
    /* color: #444; */
    margin-top: 30px
}

body main.sub_page.pipeline.pubs_cu .con_tit_03 {
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: -0.6px;
    color: #000;
    margin-top: 30px
}

body main.sub_page.pipeline.pubs_cu .con_detail_01 {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.45px;
    color: #111;
    margin-top: 10px
}

body main.sub_page.pipeline.pubs_cu .con_detail_02 {
    margin-top: 20px
}

body main.sub_page.pipeline.pubs_cu .con_detail_02 li {
    margin-left: 18px;
    list-style: disc;
    font-size: 18px;
    /* color: #555; */
    line-height: 1.88
}

body main.sub_page.pipeline.pubs_cu .con_detail_02 li::marker {
    color: #555
}

body main.sub_page.pipeline.pubs_cu .con_detail_03 {
    margin-top: 10px;
    font-size: 14px
}

body main.sub_page.pipeline.pubs_cu .mt_40 {
    margin-top: 40px
}

body main.sub_page.pipeline.pubs_cu .point_text_01 {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #111
}

body main.sub_page.pipeline.pubs_cu .point_text_02 {
    font-size: 16px;
    color: #893a3a;
    font-weight: bold
}

body main.sub_page.pipeline.pubs_cu .point_text_03 {
    font-size: 16px;
    color: #893a3a;
    font-weight: bold
}

body main.sub_page.pipeline.pubs_cu .point_text_04 {
    font-size: 16px;
    color: #111
}

body main.sub_page.pipeline.pubs_cu .content.content_01 .con.con_01 {
    margin-top: 70px
}

body main.sub_page.pipeline.pubs_cu .content.content_02 .con.con_01 {
    margin-top: 70px
}

body main.sub_page.pipeline.pubs_cu .content.content_02 .con.con_02 {
    margin-top: 70px
}

body main.sub_page.pipeline.pubs_cu .con_arrow.con_arrow_01 {
    margin-top: 10px
}

body main.sub_page.pipeline.pubs_cu .con_arrow.con_arrow_01 svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 50px;
    height: 50px
}

body main.sub_page.pipeline.pubs_cu .flex_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body main.sub_page.pipeline.pubs_cu .flex_box>div {
    width: calc(50% - 10px)
}

body main.sub_page.pipeline.pubs_cu .flex_box>div:nth-child(2) {
    margin-left: 20px
}

body main.sub_page.pipeline.pubs_cu .flex_box.full_box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fafafa;
    border-radius: 20px;
    padding: 40px
}

body main.sub_page.pipeline.pubs_cu .box_wrap.wrap_01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body main.sub_page.pipeline.pubs_cu .con_box {
    position: relative;
    padding: 40px;
    border-radius: 10px;
    margin-top: 30px
}

body main.sub_page.pipeline.pubs_cu .con_box.box_01 {
    background-color: #fafafa
}

body main.sub_page.pipeline.pubs_cu .con_box.box_01 .con_tit_02 {
    margin-top: 0
}

body main.sub_page.pipeline.pubs_cu .con_box.box_02 {
    border: 1px solid #e5e5e5
}

body main.sub_page.pipeline.pubs_cu .con_box.box_02 .con_tit_02 {
    margin-top: 0
}

body main.sub_page.pipeline.pubs_cu .con_box.box_03 {
    padding: 0;
    margin: 0;
    border-radius: 0;
    text-align: center
}

body main.sub_page.pipeline.pubs_cu .con_box .box_tit_01 {
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: -0.6px
}

body main.sub_page.pipeline.pubs_cu .con_box .box_detail_01 {
    font-size: 18px;
    font-weight: normal;
    letter-spacing: -0.4px;
    color: #111;
    margin-top: 10px
}

body main.sub_page.pipeline.pubs_cu .con_box .point_svg {
    position: absolute
}

body main.sub_page.pipeline.pubs_cu .con_bg_img {
    position: relative;
    overflow: hidden
}

body main.sub_page.pipeline.pubs_cu .con_bg_img::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: -1;
    max-width: 1180px;
    width: 100%;
    max-height: 300px;
    height: 100%;
    background-color: #4285f4
}

body main.sub_page.pipeline.pubs_cu .con_bg_img img {
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    margin: 30px 0 0 30px;
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

body main.sub_page.pipeline.pubs_cu .con_bg_img.aos-animate img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

body main.sub_page.pipeline.pubs_cu .section_navi {
    position: relative
}

body main.sub_page.pipeline.pubs_cu .section_navi ul li {
    transition: all 0.15s;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -ms-transition: all 0.15s;
    -o-transition: all 0.15s;
    width: auto;
    height: auto;
    /* margin-right: 40px; */
    margin: 0 20px;
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: -0.6px;
    color: #4285f4;
    border: 1px solid #4285f4;
    border-radius: 37px
}

body main.sub_page.pipeline.pubs_cu .section_navi ul li.active,
body main.sub_page.pipeline.pubs_cu .section_navi ul li:hover {
    background: #4285f4;
    color: #fff
}

body main.sub_page.pipeline.pubs_cu .section_navi ul li:last-child {
    margin-right: 0
}

body main.sub_page.pipeline.pubs_cu .section_navi ul li a {
    display: block;
    padding: 15px 40px
}

body main.sub_page.pipeline.pubs_cu .section_navi .swiper_btn {
    top: 50%;
    margin: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 56px;
    height: 56px
}

body main.sub_page.pipeline.pubs_cu .section_navi .swiper_btn.swiper-button-prev {
    background: url("../images/ico/ico_press_left.svg") no-repeat center/cover;
    left: unset;
    right: 100%;
    margin-right: 20px
}

body main.sub_page.pipeline.pubs_cu .section_navi .swiper_btn.swiper-button-next {
    background: url("../images/ico/ico_press_right.svg") no-repeat center/cover;
    right: unset;
    left: 100%;
    margin-left: 20px
}

body main.sub_page.pipeline.pubs_cu .table_wrap {
    overflow: hidden;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

body main.sub_page.pipeline.pubs_cu .table_wrap.wrap_02 {
    border-radius: 0;
    margin-top: 10px;
    overflow: auto
}

body main.sub_page.pipeline.pubs_cu .cu_table.table_01 {
    width: 100%
}

body main.sub_page.pipeline.pubs_cu .cu_table.table_01 thead {
    height: 60px;
    background: #4285f4
}

body main.sub_page.pipeline.pubs_cu .cu_table.table_01 thead th {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.45px;
    color: #fff;
    font-weight: bold
}

body main.sub_page.pipeline.pubs_cu .cu_table.table_01 tbody tr td {
    border: 1px solid #e5e5e5;
    /* font-size: 16px; */
    font-size: 20px;
    text-align: center
}

body main.sub_page.pipeline.pubs_cu .cu_table.table_01 tbody tr td:first-child {
    color: #333;
    font-weight: bold
}

body main.sub_page.pipeline.pubs_cu .cu_table.table_01 tbody tr td:last-child {
    color: #111;
    text-align: left;
    padding: 3rem 0 3rem 4rem
}

body main.sub_page.pipeline.pubs_cu .cu_table.table_01 tbody tr td.left {
    color: #111;
    text-align: left;
    padding: 3rem 0 3rem 4rem
}

body main.sub_page.pipeline.pubs_cu .cu_table.table_01 tbody tr td p {
    text-indent: -15px;
    padding-left: 15px
}

body main.sub_page.pipeline.pubs_cu .cu_table.table_02 {
    width: 100%;
    min-width: 800px
}

body main.sub_page.pipeline.pubs_cu .cu_table.table_02 tr th,
body main.sub_page.pipeline.pubs_cu .cu_table.table_02 tr td {
    padding: 5px 10px;
    width: 33.33333%
}

body main.sub_page.pipeline.pubs_cu .cu_table.table_02 thead {
    background: #4285f4
}

body main.sub_page.pipeline.pubs_cu .cu_table.table_02 thead th {
    color: #fff;
    font-size: 16px
}

body main.sub_page.pipeline.pubs_cu .cu_table.table_02 tbody tr td {
    border: 1px solid #e5e5e5;
    font-size: 14px;
    text-align: center
}

body main.sub_page.pipeline.pubs_cu#cu_06 .section_01 .content.content_02 .con_01 .con_box {
    background-color: #fafafa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

body main.sub_page.pipeline.pubs_cu#cu_06 .section_01 .content.content_02 .con_01 .con_box img {
    margin-right: 20px;
}

body main.sub_page.pipeline.pubs_cu#cu_06 .section_01 .content.content_02 .con .con_box .point_svg.svg_01 {
    right: 40px;
    bottom: 10px;
    fill: #f4f4f4
}

body main.sub_page.pipeline.pubs_cu#cu_06 .section_01 .content.content_02 .con .con_box.con_box_01 {
    background-color: #fafafa;
    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
}

body main.sub_page.pipeline.pubs_cu#cu_06 .section_01 .content.content_02 .con .con_box.con_box_01 .img_wrap figcaption {
    text-align: center;
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: -0.6px;
    margin-bottom: 10px
}

body main.sub_page.pipeline.pubs_cu#cu_06 .section_01 .content.content_02 .con .con_box.con_box_01 .img_wrap.wrap_01 figcaption {
    color: #419991
}

body main.sub_page.pipeline.pubs_cu#cu_06 .section_01 .content.content_02 .con .con_box.con_box_01 .img_wrap.wrap_03 figcaption {
    color: #993c3b
}

body main.sub_page.pipeline.pubs_cu#cu_06 .section_01 .content.content_02 .con .con_box.con_box_02 {
    border: solid 1px #e5e5e5;
    width: 100%;
    margin-right: 13px
}

body main.sub_page.pipeline.pubs_cu#cu_06 .section_01 .content.content_02 .con .con_box.con_box_02:last-child {
    margin-right: 0
}

body main.sub_page.pipeline.pubs_cu#cu_06 .section_01 .content.content_02 .con .con_box.con_box_03 {
    background-color: #fafafa
}

body main.sub_page.pipeline.pubs_cu#cu_06 .section_01 .content.content_02 .con .con_box.con_box_03 figure img {
    margin-right: 20px
}

body main.sub_page.pipeline.pubs_cu#cu_06 .section_01 .content.content_02 .con .con_box.con_box_03 figure img:last-child {
    margin-right: 0
}

body main.sub_page.pipeline.pubs_cu#cu_06 .section_01 .content.content_02 .con .con_box.con_box_04 {
    background-color: #fafafa;
    width: 50%;
    margin-right: 20px
}

body main.sub_page.pipeline.pubs_cu#cu_06 .section_01 .content.content_02 .con .con_box.con_box_04:last-child {
    margin-right: 0
}

body main.sub_page.pipeline.pubs_cu#cu_06 .chart_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 70px
}

body main.sub_page.pipeline.pubs_cu#cu_06 .chart_wrap .chart {
    text-align: center;
    width: 50%
}

body main.sub_page.pipeline.pubs_cu#cu_06 .chart_wrap .chart .chart_title {
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: -0.6px
}

body main.sub_page.pipeline.pubs_cu#cu_06 .chart_wrap .chart canvas {
    max-width: 340px;
    margin: 0 auto
}

body main.sub_page.pipeline.pubs_cu#cu_06 .chart_wrap .chart_info {
    margin-top: 70px;
    width: 100%
}

body main.sub_page.pipeline.pubs_cu#cu_06 .chart_wrap .chart_info ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body main.sub_page.pipeline.pubs_cu#cu_06 .chart_wrap .chart_info ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 40px
}

body main.sub_page.pipeline.pubs_cu#cu_06 .chart_wrap .chart_info ul li:last-child {
    margin-right: 0
}

body main.sub_page.pipeline.pubs_cu#cu_06 .chart_wrap .chart_info ul li span {
    display: inline-block
}

body main.sub_page.pipeline.pubs_cu#cu_06 .chart_wrap .chart_info ul li span.bar {
    width: 36px;
    height: 4px
}

body main.sub_page.pipeline.pubs_cu#cu_06 .chart_wrap .chart_info ul li span.bar.bar_01 {
    background: #4275f4
}

body main.sub_page.pipeline.pubs_cu#cu_06 .chart_wrap .chart_info ul li span.bar.bar_02 {
    background: #5798cf
}

body main.sub_page.pipeline.pubs_cu#cu_06 .chart_wrap .chart_info ul li span.bar.bar_03 {
    background: #8db9de
}

body main.sub_page.pipeline.pubs_cu#cu_06 .chart_wrap .chart_info ul li span.bar.bar_04 {
    background: #b7d2ea
}

body main.sub_page.pipeline.pubs_cu#cu_06 .chart_wrap .chart_info ul li span.bar.bar_05 {
    background: #d6e5f3
}

body main.sub_page.pipeline.pubs_cu#cu_06 .chart_wrap .chart_info ul li span.bar.bar_06 {
    background: #f4f4f4
}

body main.sub_page.pipeline.pubs_cu#cu_06 .chart_wrap .chart_info ul li span.bar.bar_07 {
    background: #e5e5e5
}

body main.sub_page.pipeline.pubs_cu#cu_06 .chart_wrap .chart_info ul li span.bar_text {
    margin-left: 10px;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #000
}

body main.sub_page.pipeline.pubs_cu#cu_104 .section_01 .content.content_02 .con .con_box {
    background-color: #fafafa
}

body main.sub_page.pipeline.pubs_cu#cu_104 .section_01 .content.content_02 .con .con_box.con_box_01 figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body main.sub_page.pipeline.pubs_cu#cu_104 .section_01 .content.content_02 .con .con_box.con_box_01 figure img.img_01 {
    margin-right: 50px
}

body main.sub_page.pipeline.pubs_cu#cu_104 .section_01 .content.content_02 .con .con_box.con_box_01 figure img.img_02 {
    margin-right: 66px
}

body main.sub_page.pipeline.pubs_cu#cu_104 .section_01 .content.content_02 .con .con_box.con_box_01 figure img.img_03 {
    margin-right: 54px
}

body main.sub_page.pipeline.pubs_cu#cu_104 .section_01 .content.content_02 .con .con_box.con_box_01 figure figcaption {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.45px;
    font-weight: bold;
    text-align: center;
    color: #4285f4
}

body main.sub_page.pipeline.pubs_cu#cu_104 .section_01 .content.content_02 .con .con_box.con_box_02 {
    overflow: hidden
}

body main.sub_page.pipeline.pubs_cu#cu_104 .section_01 .content.content_02 .con .con_box.con_box_02 figure .point_svg {
    right: 0;
    top: 12%;
    fill: #f4f4f4;
    width: 531px;
    height: 511px
}

body main.sub_page.pipeline.pubs_cu#cu_104 .section_01 .content.content_02 .con .con_box.con_box_03 {
    width: 50%;
    margin-right: 20px
}

body main.sub_page.pipeline.pubs_cu#cu_104 .section_01 .content.content_02 .con .con_box.con_box_03:last-child {
    margin-right: 0
}

body main.sub_page.pipeline.pubs_cu#cu_104 .section_01 .content.content_02 .con .con_box.con_box_03 .img_02 {
    margin-top: 20px
}

body main.sub_page.pipeline.pubs_cu#cu_104 .section_01 .content.content_02 .con .con_box.con_box_04 figure {
    padding: 15px 30px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body main.sub_page.pipeline.pubs_cu#cu_104 .section_01 .content.content_02 .con .con_box.con_box_04 figure .img_01 {
    margin-right: 20px
}

body main.sub_page.pipeline.pubs_cu#cu_104 .section_01 .content.content_02 .con .con_box .con_box_05 figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

body main.sub_page.pipeline.pubs_cu#cu_102 .point_text {
    width: 100%
}

body main.sub_page.pipeline.pubs_cu#cu_102 .point_text.right {
    text-align: right
}

body main.sub_page.pipeline.pubs_cu#cu_102 .point_text.left {
    text-align: left
}

body main.sub_page.pipeline.pubs_cu#cu_102 .point_text.center {
    text-align: center
}

body main.sub_page.pipeline.pubs_cu#cu_102 .img_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0
}

body main.sub_page.pipeline.pubs_cu#cu_102 .img_wrap figure {
    margin: 10px;
    text-align: center
}

body main.sub_page.pipeline.pubs_cu#cu_102 .img_wrap figure figcaption {
    font-size: 16px;
    font-weight: bold;
    text-align: center
}

body main.sub_page.pipeline.pubs_cu#cu_102 .img_wrap figure figcaption p.text_02 {
    font-weight: 400;
    font-size: 14px
}

body main.sub_page.pipeline.pubs_cu#cu_102 .img_wrap figure figcaption p.text_03 {
    margin-top: 20px;
    color: #4285f4;
    text-align: left
}

body main.sub_page.pipeline.pubs_cu#cu_102 .img_wrap.wrap_01 figure {
    width: calc(25% - 20px)
}

body main.sub_page.pipeline.pubs_cu#cu_102 .img_wrap.wrap_02 figure {
    width: calc(33.333% - 20px)
}

body main.sub_page.pipeline.pubs_cu#cu_103 .con_box.box_01 img:nth-child(2) {
    margin-left: 40px
}

body main.sub_page.pipeline.pubs_cu#cu_103 .content_02 .con_01 ul:nth-of-type(3) li {
    list-style: none;
    margin-left: 0;
}

body main.sub_page.pipeline.pubs_cu#cu_101 .img_wrap.wrap_01 {
    margin-top: 20px
}

body main.sub_page.pipeline.pubs_cu#cu_101 .img_wrap.wrap_01 img,
body main.sub_page.pipeline.pubs_cu#cu_103 .img_wrap.wrap_01 img {
    mix-blend-mode: multiply;
}

body main.sub_page.pipeline.pubs_cu#cu_106 .content_wrap .con_box.box_01.mechanism {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

body main.sub_page.pipeline.pubs_cu#cu_106 .content_wrap .con_box.box_01.mechanism p {
    width: 100%;
    height: 40px;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

body main.sub_page.pipeline.pubs_cu#cu_106 .content_wrap .con_box.box_01.mechanism p img:nth-child(2) {
    display: none;
}

body main.sub_page.pipeline.pubs_cu#cu_106 .content_wrap .con_box.box_01.mechanism img {
    display: block;

}

body main.sub_page.pipeline.pubs_cu#cu_105 img {
    margin-top: 20px
}


/* Var */
body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-0{width:0%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-1{width:1%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-2{width:2%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-3{width:3%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-4{width:4%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-5{width:5%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-6{width:6%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-7{width:7%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-8{width:8%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-9{width:9%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-10{width:10%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-11{width:11%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-12{width:12%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-13{width:13%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-14{width:14%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-15{width:15%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-16{width:16%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-17{width:17%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-18{width:18%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-19{width:19%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-20{width:20%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-21{width:21%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-22{width:22%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-23{width:23%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-24{width:24%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-25{width:25%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-26{width:26%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-27{width:27%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-28{width:28%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-29{width:29%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-30{width:30%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-31{width:31%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-32{width:32%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-33{width:33%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-34{width:34%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-35{width:35%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-36{width:36%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-37{width:37%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-38{width:38%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-39{width:39%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-40{width:40%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-41{width:41%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-42{width:42%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-43{width:43%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-44{width:44%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-45{width:45%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-46{width:46%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-47{width:47%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-48{width:48%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-49{width:49%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-50{width:50%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-51{width:51%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-52{width:52%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-53{width:53%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-54{width:54%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-55{width:55%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-56{width:56%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-57{width:57%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-58{width:58%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-59{width:59%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-60{width:60%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-61{width:61%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-62{width:62%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-63{width:63%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-64{width:64%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-65{width:65%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-66{width:66%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-67{width:67%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-68{width:68%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-69{width:69%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-70{width:70%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-71{width:71%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-72{width:72%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-73{width:73%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-74{width:74%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-75{width:75%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-76{width:76%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-77{width:77%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-78{width:78%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-79{width:79%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-80{width:80%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-81{width:81%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-82{width:82%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-83{width:83%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-84{width:84%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-85{width:85%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-86{width:86%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-87{width:87%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-88{width:88%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-89{width:89%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-90{width:90%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-91{width:91%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-92{width:92%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-93{width:93%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-94{width:94%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-95{width:95%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-96{width:96%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-97{width:97%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-98{width:98%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-99{width:99%}body main.sub_page.pipeline#overview .con .box.box_01 .box_wrap ul .bar_wrap .bar.bar_02.aos-animate.w-100{width:100%}