@media (min-width:1200.02px) {
    .section-greeting .flex-bx {
        display: flex;
        flex-wrap: wrap
    }
}

@media (min-width:1200.02px) {
    .section-greeting .flex-bx .img-bx {
        flex: 1 0 37.5rem;
        max-width: 37.5rem
    }
}

.section-greeting .flex-bx .img-bx .img {
    position: relative;
    z-index: 9
}

@media (max-width:1200px) {
    .section-greeting .flex-bx .img-bx .img {
        display: inline-block
    }
}

.section-greeting .flex-bx .img-bx .img .g-deco {
    position: relative;
    margin-right: 10%;
    margin-top: -130px;
    text-align: right;
    z-index: 10
}

@media (max-width:1200px) {
    .section-greeting .flex-bx .img-bx .img .g-deco img {
        width: 30%
    }
}

@media (max-width:576px) {
    .section-greeting .flex-bx .img-bx .img .g-deco {
        margin-top: -50px
    }

    .section-greeting .flex-bx .img-bx .img .g-deco img {
        width: 20%
    }
}

@media (min-width:1200.02px) {
    .section-greeting .flex-bx .text-bx {
        flex: 1 1 auto;
        width: 1%
    }
}

@media (max-width:1200px) {
    .section-greeting .flex-bx .text-bx {
        padding-top: 3.125rem
    }
}

.section-greeting .flex-bx .text-bx .des {
    font-size: 1.125rem;
    color: #666;
    font-weight: 300;
    line-height: 1.7;
    letter-spacing: -0.01em
}

.section-greeting .flex-bx .text-bx .tit {
    font-style: normal;
    font-size: 1.25rem;
    font-weight: 500;
    color: #0271b9;
    line-height: 1.7
}

.section-greeting .flex-bx .text-bx .text {
    font-style: normal;
    color: #000000;
    font-weight: 500
}

.section-history .history-tab {
    text-align: center;
    background: #fff
}

.section-history .history-tab-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: #fff
}

.section-history .history-tab__link {
    display: block;
    font-size: 1.125em;
    color: #999;
    font-weight: 500;
    height: 3.25rem;
    line-height: 3.25rem;
    width: 10rem;
    background-color: #e8e8e8;
    text-align: center;
    position: relative;
    margin: 0 0.3125rem
}

.section-history .history-tab__link.on {
    color: #fff;
    background-color: #0271b9
}

@media (max-width:768px) {
    .section-history .history-tab__link {
        flex: 1 0 25%;
        max-width: 25%;
        padding: 0 0.625rem
    }
}

.section-history .history-tab.fix .history-tab-wrap {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 100;
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    transition: margin 300ms
}

.section-history .history-title {
    width: 14.9375rem;
    height: 14.9375rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    background: #0099ff;
    color: #fff;
    margin: 0 auto;
    margin-bottom: 3.75rem;
    position: relative;
    z-index: 2
}

.section-history .history-title:after {
    content: "";
    display: block;
    background: url(../images/about/history-logo.png) no-repeat;
    background-size: 100%;
    width: 15rem;
    height: 15rem;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 4
}

.section-history .history-title .tit {
    font-size: 1.75em;
    font-weight: bold;
    position: relative;
    z-index: 5
}

.section-history .history-title .text {
    font-size: 1.25em;
    position: relative;
    z-index: 5
}

@media (max-width:768px) {
    .section-history .history-title {
        width: 10rem;
        height: 10rem;
        margin-left: -25px;
        margin-right: 0
    }

    .section-history .history-title .tit {
        font-size: 1.375em
    }

    .section-history .history-title .text {
        font-size: 1em
    }
}

@media (max-width:576px) {
    .section-history .history-title {
        width: 100%;
        height: 9.375rem;
        margin-left: 0;
        margin-right: 0;
        border-radius: 0;
        align-items: flex-start;
        text-align: left;
        padding-left: 20px
    }

    .section-history .history-title .tit {
        font-size: 1.375em
    }

    .section-history .history-title .text {
        font-size: 1em
    }
}

.section-history .history-list {
    position: relative
}

.section-history .history-list-content:first-child .history-list-inner {
    padding-top: 0
}

.section-history .history-list-content:nth-child(odd) {
    background: #fff
}

.section-history .history-list-inner {
    padding: 4.375rem 0
}

@media (max-width:768px) {
    .section-history .history-list-inner {
        padding: 2.5rem 0
    }
}

.section-history .history-detail__item {
    padding-bottom: 3.75em
}

@media (min-width:576.02px) {
    .section-history .history-detail__item {
        display: flex;
        align-items: flex-start
    }
}

.section-history .history-detail__item.right {
    margin-left: 50%;
    padding-left: 1.25rem
}

.section-history .history-detail__item.right .year:after,
.section-history .history-detail__item.right .year:before {
    left: -20px
}

.section-history .history-detail__item.left {
    margin-right: 50%;
    padding-right: 2.5rem;
    text-align: right
}

@media (min-width:768.02px) {
    .section-history .history-detail__item.left {
        flex-direction: row-reverse
    }

    .section-history .history-detail__item.left .year:after,
    .section-history .history-detail__item.left .year:before {
        left: auto;
        right: -2.5rem;
        margin-left: 0
    }

    .section-history .history-detail__item.left .year:before {
        margin-right: -9px
    }

    .section-history .history-detail__item.left .year:after {
        margin-right: -5px
    }

    .section-history .history-detail__item.left .cont .month {
        flex: 1 1 auto;
        width: 1%;
        max-width: 100%
    }

    .section-history .history-detail__item.left .cont .text {
        padding-left: 1.25rem
    }
}

.section-history .history-detail__item .year {
    font-size: 1.375em;
    font-family: "Oxanium", "SUIT", -apple-system, BlinkMacSystemFont, "Times New Roman", "Palatino Linotype", "Book Antiqua", Georgia, Times, Palatino, serif;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 0.9375rem;
    position: relative
}

@media (min-width:576.02px) {
    .section-history .history-detail__item .year {
        flex: 1 0 5rem;
        max-width: 5rem
    }
}

@media (max-width:576px) {
    .section-history .history-detail__item .year {
        font-size: 1.25em
    }
}

.section-history .history-detail__item .year:before {
    content: "";
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #afd3ea;
    transition: all 0.3s ease-out;
    position: absolute;
    left: -2.8125rem;
    margin-left: -8px;
    top: 3%;
    z-index: 1
}

.section-history .history-detail__item .year:after {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #0271b9;
    position: absolute;
    top: 16%;
    left: -2.8125rem;
    margin-left: -4px;
    transition: all 0.3s ease-out;
    z-index: 2
}

@media (min-width:576.02px) {
    .section-history .history-detail__item .des-box {
        flex: 1 1 auto;
        width: 1%
    }
}

.section-history .history-detail__item .cont .text {
    font-size: 1.25em;
    color: #666;
    margin-bottom: 0.625rem;
    transition: all 0.3s ease-out
}

.section-history .history-detail__item .cont .text.text-bold {
    color: #0271b9;
    font-weight: 600
}

@media (max-width:576px) {
    .section-history .history-detail__item .cont .text {
        font-size: 1.0625em
    }
}

.section-history .history-detail__item .img {
    margin: 1.25rem 0
}

.section-history .history-detail__item.active .year {
    color: #0271b9
}

@media (max-width:768px) {
    .section-history .history-detail__item.right {
        margin-left: 3.125rem;
        padding-left: 1.5625rem
    }

    .section-history .history-detail__item.left {
        margin-right: 0;
        margin-left: 3.125rem;
        padding-right: 0;
        padding-left: 1.5625rem;
        text-align: left
    }

    .section-history .history-detail__item .year {
        font-size: 1.875em
    }

    .section-history .history-detail__item .year:before {
        left: -1.5625rem;
        top: 13%
    }

    .section-history .history-detail__item .year:after {
        left: -1.5625rem;
        top: 26%
    }
}

.section-history .history-line {
    position: absolute;
    left: 50%;
    width: 1px;
    top: 3.125rem;
    bottom: 0;
    background: #ddd;
    text-align: center
}

.section-history .history-line .line {
    width: 1px;
    height: 0;
    background: #0271b9;
    transition: height 0.3s ease-out
}

@media (max-width:768px) {
    .section-history .history-line {
        left: 3.125rem;
        margin-left: 20px
    }
}

.section-organization .member-list {
    justify-content: center;
    text-align: center
}

@media (max-width:1200px) {
    .section-organization .member-list {
        justify-content: flex-start
    }
}

.section-organization .member-list__item {
    padding-bottom: 3.75rem
}

.section-organization .member-list .txt-bx {
    padding: 1.25rem 0
}

.section-organization .member-list .txt-bx .name {
    font-size: 1.625em;
    font-weight: 300
}

@media (max-width:768px) {
    .section-organization .member-list .txt-bx .name {
        font-size: 1.375em
    }
}

.section-organization .member-list .txt-bx .name-eng {
    font-size: 1.125rem;
    color: #666;
    padding: 0.625rem 0
}

@media (max-width:768px) {
    .section-organization .member-list .txt-bx .name-eng {
        font-size: 1.0625em
    }
}

.section-organization .member-list .txt-bx .part {
    font-size: 1.125em;
    color: #0271b9
}

@media (max-width:768px) {
    .section-organization .member-list .txt-bx .part {
        font-size: 1.0625em
    }
}

.section-recruit .flex-bx {
    display: flex
}

.section-recruit .title {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 1.875rem
}

@media (max-width:768px) {
    .section-recruit .title {
        margin-bottom: 1.25rem
    }
}

.section-recruit .table tr td {
    padding: 2.5rem 1.25rem
}

.section-recruit .welfare-list {
    display: flex
}

@media (max-width:768px) {
    .section-recruit .welfare-list {
        flex-wrap: wrap
    }
}

.section-recruit .welfare-list .item {
    padding: 0 2.5rem;
    position: relative;
    text-align: center;
    border-right: 1px solid #ddd
}

@media (max-width:768px) {
    .section-recruit .welfare-list .item {
        flex: 1 0 50%;
        max-width: 50%;
        border-right: none;
        padding: 0 0.9375rem 2.5rem 0.9375rem
    }
}

.section-recruit .welfare-list .item:last-child {
    border-right: none
}

.section-recruit .welfare-list .icon img {
    width: 4.5625rem
}

.section-recruit .welfare-list .text {
    font-size: 1.125em;
    margin-top: 0.9375rem
}

.section-recruit .step-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 75rem;
    margin: 0 auto;
    padding-left: 20px
}

@media (max-width:1024px) {
    .section-recruit .step-wrap {
        flex-wrap: wrap;
        max-width: 100%
    }
}

@media (max-width:768px) {
    .section-recruit .step-wrap {
        padding-left: 0
    }
}

.section-recruit .step-wrap .step-bx {
    flex: 1 0 25%;
    max-width: 25%;
    margin-left: -20px
}

@media (max-width:768px) {
    .section-recruit .step-wrap .step-bx {
        flex: 1 0 50% !important;
        max-width: 50% !important;
        margin-left: 0
    }
}

.section-recruit .step-wrap .step-bx .circle {
    position: relative;
    width: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff
}

.section-recruit .step-wrap .step-bx .circle:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.section-recruit .step-wrap .step-bx .circle .step {
    font-size: 1.5em;
    font-family: "Oxanium", "SUIT", -apple-system, BlinkMacSystemFont, "Times New Roman", "Palatino Linotype", "Book Antiqua", Georgia, Times, Palatino, serif
}

@media (max-width:576px) {
    .section-recruit .step-wrap .step-bx .circle .step {
        font-size: 1.125em
    }
}

.section-recruit .step-wrap .step-bx .circle .icon {
    margin: 0.9375rem 0
}

.section-recruit .step-wrap .step-bx .circle .icon img {
    width: 5.125rem
}

@media (max-width:375px) {
    .section-recruit .step-wrap .step-bx .circle .icon img {
        width: 2.5625rem
    }
}

.section-recruit .step-wrap .step-bx .circle .txt {
    font-size: 1.375em;
    font-weight: 300;
    text-align: center;
    padding: 0 0.9375rem
}

@media (max-width:1024px) {
    .section-recruit .step-wrap .step-bx .circle .txt {
        font-size: 1.125em
    }
}

@media (max-width:375px) {
    .section-recruit .step-wrap .step-bx .circle .txt {
        font-size: 1em
    }
}

.section-recruit .step-wrap .step-bx:first-of-type {
    flex: 1 0 26%;
    max-width: 26%
}

.section-recruit .step-wrap .step-bx:first-of-type .circle {
    background-color: rgba(128, 172, 66, 0.9)
}

.section-recruit .step-wrap .step-bx:nth-of-type(2) {
    flex: 1 0 22%;
    max-width: 22%
}

.section-recruit .step-wrap .step-bx:nth-of-type(2) .circle {
    background-color: rgba(53, 161, 115, 0.9)
}

.section-recruit .step-wrap .step-bx:nth-of-type(3) {
    flex: 1 0 26%;
    max-width: 26%
}

.section-recruit .step-wrap .step-bx:nth-of-type(3) .circle {
    background-color: rgba(52, 137, 151, 0.9)
}

.section-recruit .step-wrap .step-bx:nth-of-type(4) {
    flex: 1 0 24%;
    max-width: 24%
}

.section-recruit .step-wrap .step-bx:nth-of-type(4) .circle {
    background-color: rgba(19, 87, 153, 0.9)
}

.section-recruit .contect-bx {
    background-color: #335569;
    padding: 3.125rem 1.25rem;
    position: relative;
    overflow: hidden
}

.section-recruit .contect-bx:after {
    content: "";
    display: block;
    background: url(../images/about/recruit-logo.png) no-repeat;
    width: 12.4375rem;
    height: 12.8125rem;
    position: absolute;
    right: 2%;
    z-index: 1
}

@media (min-width:768.02px) {
    .section-recruit .contect-bx:after {
        top: 0
    }
}

@media (max-width:768px) {
    .section-recruit .contect-bx:after {
        bottom: 0
    }
}

.section-recruit .contect-bx .flex-bx {
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 2
}

.section-recruit .contect-bx .flex-bx .item {
    color: #fff;
    border-right: 1px solid #6b6a6a;
    display: flex;
    align-items: center;
    padding: 0 2.5rem
}

@media (max-width:1400px) {
    .section-recruit .contect-bx .flex-bx .item {
        padding: 0 1.25rem
    }
}

@media (max-width:1200px) {
    .section-recruit .contect-bx .flex-bx .item {
        flex: 1 0 50%;
        max-width: 50%;
        border-right: none;
        padding-bottom: 0.9375rem
    }
}

@media (max-width:768px) {
    .section-recruit .contect-bx .flex-bx .item {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.section-recruit .contect-bx .flex-bx .item:last-child {
    border-right: none
}

.section-recruit .contect-bx .tit {
    font-size: 1.375em;
    padding-right: 0.625rem
}

@media (max-width:768px) {
    .section-recruit .contect-bx .tit {
        font-size: 1.25em
    }
}

.section-recruit .contect-bx .text {
    font-size: 1.25em;
    font-weight: 300
}

@media (max-width:768px) {
    .section-recruit .contect-bx .text {
        font-size: 1.125em
    }
}

.section-come .map-img {
    border: 1px solid #ddd;
    position: relative
}

.section-come .map-img:after {
    content: "";
    display: block;
    padding-bottom: 67.6470588235%
}

.section-come .map-img .root_daum_roughmap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.section-come .map-img .root_daum_roughmap .wrap_map {
    width: 100%;
    height: 100% !important
}

.section-come .map-img .root_daum_roughmap .wrap_controllers {
    display: none
}

@media (max-width:1024px) {
    .section-come .map-img {
        position: relative
    }

    .section-come .map-img:after {
        content: "";
        display: block;
        padding-bottom: 44.921875%
    }

    .section-come .map-img .root_daum_roughmap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .section-come .map-img .root_daum_roughmap .wrap_map {
        width: 100%;
        height: 100% !important
    }

    .section-come .map-img .root_daum_roughmap .wrap_controllers {
        display: none
    }
}

@media (max-width:768px) {
    .section-come .map-img {
        position: relative
    }

    .section-come .map-img:after {
        content: "";
        display: block;
        padding-bottom: 59.8958333333%
    }

    .section-come .map-img .root_daum_roughmap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .section-come .map-img .root_daum_roughmap .wrap_map {
        width: 100%;
        height: 100% !important
    }

    .section-come .map-img .root_daum_roughmap .wrap_controllers {
        display: none
    }
}

.section-come .tit {
    font-size: 1.5em;
    font-weight: 600;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 1.25rem
}

.section-come .tit:before {
    content: "";
    display: block;
    background: url(../images/about/marker_io.png) no-repeat;
    background-size: 100%;
    width: 1rem;
    height: 1.3125rem;
    margin-right: 0.625rem
}

.section-come .bullet-list .item:before {
    margin-top: 0.9375em
}

.section-come .bullet-list .type {
    font-size: 1.25em;
    font-weight: 700;
    flex: 1 0 5.3125rem;
    max-width: 5.3125rem
}

.section-come .bullet-list .des {
    font-size: 1.25em;
    color: #333;
    font-weight: 300;
    letter-spacing: -0.04em
}

@media (max-width:576px) {
    .section-come .bullet-list .des {
        font-size: 1.125em
    }
}

.section-business {
    overflow-x: hidden
}

.section-business .flex-bx {
    display: flex
}

.section-business .flex-bx img+p {
    margin-top: 0.875rem
}

@media (max-width:1200px) {
    .section-business .flex-bx {
        display: block
    }

    .section-business .flex-bx img {
        display: block;
        margin: 0 auto
    }

    .section-business .flex-bx>div {
        margin-bottom: 1.25rem
    }

    .section-business .flex-bx>div:last-child {
        margin-bottom: 0
    }
}

.section-business .step-bx .item {
    border: 1px solid #ddd;
    padding: 1.875rem 1.25rem;
    display: flex;
    align-items: center
}

.section-business .step-bx .step {
    flex: 1 0 6.25rem;
    max-width: 6.25rem;
    font-family: "Oxanium", "SUIT", -apple-system, BlinkMacSystemFont, "Times New Roman", "Palatino Linotype", "Book Antiqua", Georgia, Times, Palatino, serif;
    font-size: 3.75em;
    color: #e4e4e4;
    font-weight: 700;
    margin-top: -30px
}

@media (max-width:1400px) {
    .section-business .step-bx .step {
        flex: 1 0 5rem;
        max-width: 5rem;
        font-size: 2.875em
    }
}

.section-business .step-bx .tit {
    font-size: 1.375em;
    color: #0271b9;
    font-weight: 600
}

.section-business .step-bx .desc {
    color: #666 !important
}

.section-business .circle-wrap {
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    max-width: 62.5rem;
    margin: 0 auto;
    padding-left: 20px
}

@media (max-width:1024px) {
    .section-business .circle-wrap {
        flex-wrap: wrap;
        margin-top: 3.125rem;
        max-width: 43.75rem
    }
}

@media (max-width:576px) {
    .section-business .circle-wrap {
        max-width: 100%;
        padding-left: 10px
    }
}

.section-business .circle-wrap .circle-bx {
    flex: 1 0 25%;
    max-width: 25%;
    margin-left: -20px
}

@media (max-width:1024px) {
    .section-business .circle-wrap .circle-bx {
        flex: 1 0 50%;
        max-width: 50%
    }
}

@media (max-width:576px) {
    .section-business .circle-wrap .circle-bx {
        margin-left: -10px
    }
}

.section-business .circle-wrap .circle-bx .circle {
    position: relative;
    width: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.section-business .circle-wrap .circle-bx .circle:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.section-business .circle-wrap .circle-bx .circle .txt {
    font-size: 1.375em;
    font-weight: 300;
    color: #fff;
    text-align: center;
    padding: 0 0.9375rem
}

@media (max-width:576px) {
    .section-business .circle-wrap .circle-bx .circle .txt {
        font-size: 1.125em
    }
}

.section-business .circle-wrap .circle-bx:first-of-type .circle {
    background-color: rgba(19, 87, 153, 0.8)
}

.section-business .circle-wrap .circle-bx:nth-of-type(2) .circle {
    background-color: rgba(52, 137, 151, 0.8)
}

.section-business .circle-wrap .circle-bx:nth-of-type(3) .circle {
    background-color: rgba(53, 161, 115, 0.8)
}

.section-business .circle-wrap .circle-bx:nth-of-type(4) .circle {
    background-color: rgba(128, 172, 66, 0.8)
}

.section-business .circle-wrap-eng .circle-bx .circle .txt {
    font-size: 1.1875em
}

.section-business .fuel-wrap .item {
    display: flex;
    align-items: center
}

@media (max-width:576px) {
    .section-business .fuel-wrap .item {
        display: block
    }
}

.section-business .fuel-wrap .item .circle-bx {
    flex: 1 0 7.5rem;
    max-width: 7.5rem;
    width: 7.5rem;
    height: 7.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f6f6f6;
    border-radius: 50%
}

@media (max-width:768px) {
    .section-business .fuel-wrap .item .circle-bx {
        flex: 1 0 6.25rem;
        max-width: 6.25rem;
        width: 6.25rem;
        height: 6.25rem
    }
}

@media (max-width:576px) {
    .section-business .fuel-wrap .item .circle-bx {
        flex: none;
        max-width: 100%;
        margin: 0 auto
    }
}

.section-business .fuel-wrap .item .circle-bx img {
    width: 2rem
}

.section-business .fuel-wrap .item .circle-bx .text {
    font-size: 1.25em;
    font-weight: 600
}

@media (max-width:768px) {
    .section-business .fuel-wrap .item .circle-bx .text {
        font-size: 1.125em
    }
}

.section-business .contents-bx {
    padding: 4.375rem 0
}

@media (max-width:1200px) {
    .section-business .contents-bx {
        padding: 2.5rem 0
    }

    .section-business .contents-bx img {
        display: block;
        margin: 0 auto
    }
}

@media (max-width:768px) {
    .section-business .contents-bx {
        padding: 1.25rem 0 !important
    }
}

.section-business .contents-bx .title-30 {
    font-size: 1.875em
}

@media (max-width:768px) {
    .section-business .contents-bx .title-30 {
        font-size: 1.125em
    }
}

.section-business .contents-bx .title-24 {
    font-size: 1.5em;
    color: #0271b9;
    font-weight: 600
}

@media (max-width:768px) {
    .section-business .contents-bx .title-24 {
        font-size: 1.125em
    }
}

.section-business .contents-bx .title-22 {
    font-size: 1.375em;
    color: #0271b9;
    font-weight: 600
}

@media (max-width:768px) {
    .section-business .contents-bx .title-22 {
        font-size: 1.0625em
    }
}

.section-business .contents-bx .title-20 {
    font-size: 1.25em;
    color: #333;
    font-weight: 400
}

@media (max-width:768px) {
    .section-business .contents-bx .title-20 {
        font-size: 1em
    }
}

.section-business .contents-bx .title-18 {
    font-size: 1.125em;
    color: #333;
    font-weight: 400
}

@media (max-width:768px) {
    .section-business .contents-bx .title-18 {
        font-size: 0.875em
    }
}

.section-business .contents-bx .desc {
    font-size: 1.125em;
    font-weight: 300;
    color: #333;
    line-height: 1.8
}

.section-business .contents-bx .desc.blue {
    color: #0271b9
}

.section-business .contents-bx--1 .txt-bx {
    padding-top: 1.875rem
}

@media (max-width:1200px) {
    .section-business .contents-bx--1 .txt-bx {
        padding-top: 0.9375rem
    }
}

.section-business .contents-bx--1 .txt-bx .tit {
    position: relative;
    font-family: "Oxanium", "SUIT", -apple-system, BlinkMacSystemFont, "Times New Roman", "Palatino Linotype", "Book Antiqua", Georgia, Times, Palatino, serif;
    font-size: 3.75em;
    color: #0271b9;
    font-weight: 500;
    z-index: 50
}

@media (min-width:1200.02px) {
    .section-business .contents-bx--1 .txt-bx .tit {
        margin-left: -30%
    }
}

@media (max-width:768px) {
    .section-business .contents-bx--1 .txt-bx .tit {
        font-size: 2.5em
    }
}

.section-business .contents-bx--1 .txt-bx .des {
    font-size: 1.125em;
    line-height: 1.8;
    padding-top: 1.25rem;
    text-align: center
}

@media (min-width:1200.02px) {
    .section-business .contents-bx--1 .txt-bx .des {
        padding-left: 5rem;
        padding-top: 3.125rem;
        text-align: left
    }
}

.section-business .contents-bx--5 .bullet-list--type1 .item {
    font-size: 1.125em;
    font-weight: 400;
    margin-bottom: 0.625rem
}

.section-business .contents-bx--5 .bullet-list--type1 .item:before {
    font-family: "Oxanium", "SUIT", -apple-system, BlinkMacSystemFont, "Times New Roman", "Palatino Linotype", "Book Antiqua", Georgia, Times, Palatino, serif;
    font-weight: 600
}

.section-business .contents-bx--8 table tr td {
    text-align: center !important
}

.section-business .contents-bx--8 table tr td:first-child {
    background-color: #fff
}

.section-business .contents-bx--11 table tr th:first-child {
    color: #333;
    background-color: #f4f4f4
}

.section-business .contents-bx--11 table tr td {
    text-align: center !important;
    padding: 20px 15px
}

.section-business .tab-content:nth-of-type(3) .contents-bx--4 {
    position: relative
}

.section-business .tab-content:nth-of-type(3) .contents-bx--4:before {
    content: "";
    width: 29.875rem;
    height: 24.875rem;
    background-image: url(../images/business/energy3_bg.jpg);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 8%;
    left: -18%;
    z-index: -1
}

@media (max-width:1200px) {
    .section-business .tab-content:nth-of-type(3) .contents-bx--4:before {
        display: none
    }
}

@media (min-width:1200.02px) {
    .section-business .tab-content:nth-child(5) .contents-bx--1 .txt-bx .tit {
        margin-left: 0;
        text-align: left;
        margin-bottom: -3.4%
    }
}

@media (min-width:1200.02px) {
    .section-business .tab-content:nth-child(5) .contents-bx--2 img {
        padding-left: 11%
    }
}

@media (min-width:1200.02px) {
    .section-business .tab-content:nth-child(5) .contents-bx--3 .flex-bx div:first-child .title-24 {
        text-align: left
    }

    .section-business .tab-content:nth-child(5) .contents-bx--3 .flex-bx div:last-child .title-24 {
        text-align: right
    }
}

.section-business .tab-content:nth-child(5) .contents-bx--4 .flex-bx .title-bx .title {
    font-size: 1.875rem
}

.section-business .tab-content:nth-child(5) .contents-bx--4 .flex-bx .bullet-list .item {
    font-weight: 600;
    font-size: 1.375rem;
    color: #000
}

.section-business .tab-content:nth-child(5) .contents-bx--4 .flex-bx .bullet-list .item:before {
    margin-right: 0.0625em
}

.section-business .tab-content:nth-child(5) .contents-bx--4 .notice {
    color: #666;
    display: block;
    margin-top: 0.375rem
}

@media (min-width:1200.02px) {
    .section-business .tab-content:nth-child(5) .contents-bx--6 .row {
        text-align: right
    }

    .section-business .tab-content:nth-child(5) .contents-bx--6 .row div:first-child {
        padding-right: 6%
    }
}

@media (min-width:1200.02px) {
    .section-business .tab-content:nth-child(5) .contents-bx--6 .row .bullet-list .item {
        justify-content: flex-end
    }
}

@media (max-width:1024px) {
    .section-business .tab-content:nth-child(5) .contents-bx--7 .flex-bx div:nth-child(2) img {
        width: 1.875rem
    }
}

.section-business .text-underline {
    text-decoration: underline;
    text-underline-position: under
}

.section-business .text-align-right {
    display: block;
    text-align: right
}

.section-business .red {
    color: #ff0000
}

.section-business .bullet-list.type-a>.item:before {
    font-family: "Oxanium", "SUIT", -apple-system, BlinkMacSystemFont, "Times New Roman", "Palatino Linotype", "Book Antiqua", Georgia, Times, Palatino, serif;
    font-weight: bold
}

.section-business .bullet-list>.item {
    font-size: 1.125rem !important
}

@media (max-width:1200px) {
    .section-business .bullet-list>.item {
        text-align: left;
        display: list-item;
        line-height: 1.5
    }
}

.section-business .bullet-list.num>.item {
    margin-left: 1.25rem
}

.section-business .bullet-list.num>.item:before {
    left: -1.25rem
}

.section-business table.type3 td {
    background-color: #fff
}

.section-business table.bg-w tr td,
.section-business table.bg-w tr th {
    background-color: #fff
}

.section-business table .bullet-list>.item {
    display: list-item;
    text-align: left;
    position: relative;
    margin-left: 0.4375rem;
    margin-right: 0
}

.section-business table .bullet-list>.item:before {
    position: absolute;
    left: -0.4375rem;
    top: 0
}

.section-business .text-color-4 {
    color: #08a53b
}

@media (max-width:768px) {
    .section-business.lithium .contents-bx--4 .flex-bx>div:first-child img {
        width: 60%
    }
}

.section-business.lithium .contents-bx--7 .flex-bx .title-22 {
    display: inline-block;
    font-family: "Oxanium", "SUIT", -apple-system, BlinkMacSystemFont, "Times New Roman", "Palatino Linotype", "Book Antiqua", Georgia, Times, Palatino, serif
}

.section-business.lithium .contents-bx--7 .flex-bx .title-22+p {
    font-size: 1.375rem
}

@media (max-width:768px) {
    .section-business.lithium .contents-bx--7 .flex-bx .title-22+p {
        font-size: 1.0625em
    }
}

.section-business.lithium .contents-bx--7 .table {
    border-top-color: #08a53b
}

.section-business.lithium .contents-bx--7 .table tr th {
    color: #08a53b
}

.section-business.lithium .contents-bx--7 .table tr td {
    color: #666;
    text-align: center
}

.section-business.lithium .contents-bx--7 .table tr td:first-child {
    font-family: "Oxanium", "SUIT", -apple-system, BlinkMacSystemFont, "Times New Roman", "Palatino Linotype", "Book Antiqua", Georgia, Times, Palatino, serif
}

@media (max-width:768px) {
    .section-business.lithium .contents-bx--7 img {
        width: 50%
    }
}

.section-research--intro .txt-bx {
    background-color: #f8f8f8;
    display: flex;
    align-items: flex-start;
    padding: 3.125rem;
    position: relative
}

@media (max-width:1024px) {
    .section-research--intro .txt-bx {
        display: block;
        padding: 1.875rem
    }
}

.section-research--intro .txt-bx:before {
    content: "";
    display: block;
    background: url(../images/research/g_logo.png) no-repeat;
    width: 12.5625rem;
    height: 10.1875rem;
    background-size: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1
}

.section-research--intro .txt-bx .tit {
    font-size: 1.375em;
    font-weight: bold;
    padding-right: 3.125rem;
    position: relative;
    z-index: 2
}

@media (max-width:1024px) {
    .section-research--intro .txt-bx .tit {
        padding-right: 0;
        padding-bottom: 0.625rem
    }
}

.section-research--intro .txt-bx .item {
    font-size: 1.125em;
    color: #333;
    margin-bottom: 0.1875rem;
    position: relative;
    z-index: 2
}

.gallery-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.25rem
}

.gallery-list .item {
    flex: 1 0 25%;
    max-width: 25%;
    padding: 0 1.25rem 2.5rem 1.25rem
}

@media (max-width:1024px) {
    .gallery-list .item {
        flex: 1 0 50%;
        max-width: 50%
    }
}

.gallery-list .item .img-bx {
    display: block;
    position: relative;
    overflow: hidden
}

.gallery-list .item .img-bx:after {
    content: "";
    display: block;
    padding-bottom: 134.8484848485%
}

.gallery-list .item .img-bx>img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 1000%;
    min-height: 1000%;
    max-width: none;
    max-height: none;
    transform: translate(-50%, -50%) scale(0.1)
}

.gallery-list .item .img-bx img {
    transition: 0.3s
}

.gallery-list .item .link {
    display: block;
    position: relative
}

.gallery-list .item .link .hover-bx {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    opacity: 0
}

.gallery-list .item .link:hover .img-bx img {
    transform: translate(-50%, -50%) scale(0.11)
}

.gallery-list .item .link:hover .hover-bx {
    opacity: 0.5
}

.bullet-list--color .item:before {
    background-color: #0271b9;
    flex: 0 0 3px !important;
    width: 3px !important;
    height: 3px !important
}

.section-stock .flex-bx {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.25rem
}

@media (max-width:576px) {
    .section-stock .flex-bx {
        display: block
    }
}

.section-stock .flex-bx .item {
    padding: 0 1.25rem
}

.section-stock .flex-bx .item:first-of-type {
    flex: 1 0 45%;
    max-width: 45%
}

@media (max-width:1200px) {
    .section-stock .flex-bx .item:first-of-type {
        flex: 1 0 100%;
        max-width: 100%;
        margin-bottom: 1.25rem
    }
}

@media (max-width:576px) {
    .section-stock .flex-bx .item:first-of-type {
        flex: none;
        max-width: 100%
    }
}

.section-stock .flex-bx .item:nth-of-type(2) {
    flex: 1 0 27.5%;
    max-width: 27.5%
}

@media (max-width:1200px) {
    .section-stock .flex-bx .item:nth-of-type(2) {
        flex: 1 0 50%;
        max-width: 50%
    }
}

@media (max-width:576px) {
    .section-stock .flex-bx .item:nth-of-type(2) {
        flex: none;
        max-width: 100%;
        margin-bottom: 1.25rem
    }
}

.section-stock .flex-bx .item:last-of-type {
    flex: 1 0 27.5%;
    max-width: 27.5%
}

@media (max-width:1200px) {
    .section-stock .flex-bx .item:last-of-type {
        flex: 1 0 50%;
        max-width: 50%
    }
}

@media (max-width:576px) {
    .section-stock .flex-bx .item:last-of-type {
        flex: none;
        max-width: 100%
    }
}

.section-internal .chapter {
    font-size: 1.125em;
    color: #0271b9;
    font-weight: bold
}

.section-internal .title {
    font-size: 1.125em;
    color: #000000;
    font-weight: 500;
    margin-bottom: 5px
}

.section-internal .des {
    font-size: 1.125em;
    color: #666;
    font-weight: 300;
    letter-spacing: -0.01em;
    line-height: 1.8
}

.logo-list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0 -0.625rem
}

.logo-list__item {
    flex: 1 0 20%;
    max-width: 20%;
    padding: 0 0.625rem 1.25rem 0.625rem
}

@media (max-width:1024px) {
    .logo-list__item {
        flex: 1 0 33.3333333333%;
        max-width: 33.3333333333%
    }
}

@media (max-width:768px) {
    .logo-list__item {
        flex: 1 0 50%;
        max-width: 50%
    }
}

.logo-list__item a {
    display: block
}

.logo-list__item a:hover .img-bx img {
    transform: translate(-50%, -50%) scale(0.11)
}

.logo-list__item .img-bx {
    border: 1px solid #ddd;
    display: block;
    position: relative;
    overflow: hidden
}

.logo-list__item .img-bx:after {
    content: "";
    display: block;
    padding-bottom: 39.3700787402%
}

.logo-list__item .img-bx>img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 1000%;
    min-height: 1000%;
    max-width: none;
    max-height: none;
    transform: translate(-50%, -50%) scale(0.1)
}

.logo-list__item .img-bx img {
    transition: 0.2s
}

.ethics_section1 .container {
    max-width: none;
    padding: 0
}

.ethics_section1 .container .banner {
    padding-top: 15px;
    position: relative;
    margin-bottom: 150px
}

@media (max-width:1024px) {
    .ethics_section1 .container .banner {
        margin-bottom: 50px
    }
}

.ethics_section1 .container .banner .bg_bx {
    width: 100%
}

.ethics_section1 .container .banner .bg_bx img {
    width: 100%;
    object-fit: cover
}

.ethics_section1 .container .banner .logo_icon_bx {
    position: absolute;
    width: 15.73%;
    bottom: -20.5%;
    right: 13.5%
}

.ethics_section1 .container .banner .logo_icon_bx img {
    width: 100%;
    object-fit: cover
}

.ethics_section1 .container .bottom_txt_bx {
    max-width: 1440px;
    padding: 0 20px;
    margin: 0 auto;
    overflow: hidden
}

@media (max-width:1024px) {
    .ethics_section1 .container .bottom_txt_bx {
        /*margin-bottom: 50px*/
    }
}

.ethics_section1 .container .bottom_txt_bx h3 {
    font-family: Pretendard;
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.07;
    letter-spacing: -0.3px;
    text-align: left;
    color: #0070be;
    margin-bottom: 80px
}

@media (max-width:1024px) {
    .ethics_section1 .container .bottom_txt_bx h3 {
        font-size: 20px;
        margin-bottom: 20px
    }
}

.ethics_section1 .container .bottom_txt_bx p {
    font-family: Pretendard;
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: -0.18px;
    text-align: left;
    color: #666;
}

.ethics_section1 .container .bottom_txt_bx p.black{
	color: #000;
	font-weight:700;
}

.ethics_section1 .container .bottom_txt_bx strong{
	display: inline-block;
}

.ethics_section1 .container .bottom_txt_bx .mgb-10{
	margin-bottom:10px;
}

.ethics_section1 .container .bottom_txt_bx .mb-5{
	margin-bottom:20px;
}

.ethics_section1 .container .bottom_txt_bx .mb-10{
	margin-bottom:40px;
}

@media (max-width:1024px) {
    .ethics_section1 .container .bottom_txt_bx p {
        font-size: 16px;
        margin-bottom: 10px;
    }
}

.ethics_section1 .container .bottom_txt_bx .main_title {
    font-family: Pretendard;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.5px;
    text-align: left;
    color: #000;
    margin-bottom: 10px;
}

@media (max-width:1024px) {
    .ethics_section1 .container .bottom_txt_bx p.main_title {
        font-size: 20px;
    }
}

.ethics_section1 .container .bottom_txt_bx .semi_title {
    font-family: Pretendard;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.18px;
    text-align: left;
    color: #000;
    margin-bottom: 10px;
}

@media (max-width:1024px) {
    .ethics_section1 .container .bottom_txt_bx p.semi_title {
        font-size: 16px;
    }
}

.ethics_section1 .ethics-txt-bg{
	background-color: #f4f4f4;
	padding: 20px;
	margin: 40px 0;
}

.ethics_section1 .bottom_txt_bx p.ceo-txt{
	font-size: 22px;
	color:#000;
	font-weight:bold;
	letter-spacing: -0.5px;
}

.ethics_section1 .container .img_type_list {
    max-width: 1440px;
    padding: 0 20px;
    margin: 0 auto 150px;
    overflow: hidden
}

@media (max-width:1024px) {
    .ethics_section1 .container .img_type_list {
        margin-bottom: 50px
    }
}

.ethics_section1 .container .img_type_list li {
    display: flex;
    align-items: center;
    gap: 90px;
    margin-bottom: 120px
}

@media (max-width:1024px) {
    .ethics_section1 .container .img_type_list li {
        flex-direction: column;
        margin-bottom: 50px;
        gap: 30px
    }
}

.ethics_section1 .container .img_type_list li:last-child {
    margin-bottom: 0
}

.ethics_section1 .container .img_type_list li:nth-child(2n) {
    flex-direction: row-reverse;
    justify-content: space-between
}

@media (max-width:1024px) {
    .ethics_section1 .container .img_type_list li:nth-child(2n) {
        flex-direction: column
    }
}

.ethics_section1 .container .img_type_list li .img_bx {
    width: 100%;
    max-width: 640px;
    aspect-ratio: 640/480;
    border-radius: 100px 0 100px 0;
    overflow: hidden
}

@media (max-width:1024px) {
    .ethics_section1 .container .img_type_list li .img_bx {
        max-width: 100%
    }
}

.ethics_section1 .container .img_type_list li .img_bx img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ethics_section1 .container .img_type_list li .txt_bx {
    width: calc(50% - 45px);
    flex-shrink: 0
}

@media (max-width:1024px) {
    .ethics_section1 .container .img_type_list li .txt_bx {
        width: 100%
    }
}

.ethics_section1 .container .img_type_list li .txt_bx p {
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: -0.18px;
    text-align: left;
    color: #666
}

@media (max-width:1024px) {
    .ethics_section1 .container .img_type_list li .txt_bx p {
        font-size: 16px;
        line-height: 1.8
    }
}

.ethics_section1 .container .img_type_list li .txt_bx p.semi_title {
    font-family: Pretendard;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.18px;
    text-align: left;
    color: #000;
    margin-bottom: 15px
}

@media (max-width:1024px) {
    .ethics_section1 .container .img_type_list li .txt_bx p.semi_title {
        font-size: 16px;
        margin-bottom: 10px
    }
}

.ethics_section1 .container .img_type2_list {
    max-width: 1440px;
    padding: 0 20px;
    margin: 0 auto 200px;
    display: flex;
    overflow: hidden
}

@media (max-width:1024px) {
    .ethics_section1 .container .img_type2_list {
        flex-direction: column;
        gap: 50px;
        margin-bottom: 50px
    }
}

.ethics_section1 .container .img_type2_list li {
    width: 50%
}

@media (max-width:1024px) {
    .ethics_section1 .container .img_type2_list li {
        width: 100%
    }
}

.ethics_section1 .container .img_type2_list li .img_bx {
    width: 100%;
    aspect-ratio: 700/480;
    overflow: hidden;
    margin-bottom: 60px
}

@media (max-width:1024px) {
    .ethics_section1 .container .img_type2_list li .img_bx {
        margin-bottom: 30px
    }
}

.ethics_section1 .container .img_type2_list li .img_bx img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ethics_section1 .container .img_type2_list li:first-child .img_bx {
    border-radius: 100px 0 0 0
}

.ethics_section1 .container .img_type2_list li:nth-child(2) .img_bx {
    border-radius: 0 0 100px 0
}

.ethics_section1 .container .img_type2_list li .txt_bx p {
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: -0.18px;
    text-align: left;
    color: #666
}

@media (max-width:1024px) {
    .ethics_section1 .container .img_type2_list li .txt_bx p {
        font-size: 16px;
        line-height: 1.8
    }
}

.ethics_section1 .container .img_type2_list li .txt_bx p.semi_title {
    font-family: Pretendard;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.18px;
    text-align: left;
    color: #000;
    margin-bottom: 15px
}

@media (max-width:1024px) {
    .ethics_section1 .container .img_type2_list li .txt_bx p.semi_title {
        font-size: 16px;
        margin-bottom: 10px
    }
}

.ethics_section2 .container {
    max-width: none;
    padding: 0
}

.ethics_section2 .container .banner {
    padding-top: 15px;
    position: relative;
    margin-bottom: 150px
}

@media (max-width:1024px) {
    .ethics_section2 .container .banner {
        margin-bottom: 50px
    }
}

.ethics_section2 .container .banner .bg_bx {
    width: 100%
}

.ethics_section2 .container .banner .bg_bx img {
    width: 100%;
    object-fit: cover
}

.ethics_section2 .container .banner .logo_icon_bx {
    position: absolute;
    width: 15.73%;
    bottom: -20.5%;
    right: 13.5%
}

.ethics_section2 .container .banner .logo_icon_bx img {
    width: 100%;
    object-fit: cover
}

.ethics_section2 .container .bottom_txt_bx {
    max-width: 1440px;
    padding: 0 20px;
    margin: 0 auto;
    overflow: hidden
}

.ethics_section2 .container .bottom_txt_bx h3 {
    font-family: Pretendard;
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.07;
    letter-spacing: -0.3px;
    text-align: left;
    color: #0070be;
    margin-bottom: 80px
}

@media (max-width:1024px) {
    .ethics_section2 .container .bottom_txt_bx h3 {
        font-size: 20px;
        margin-bottom: 20px
    }
}

.ethics_section2 .container .bottom_txt_bx .detail_txt_bx .inner {
    margin-bottom: 90px;
    padding-left: 20px
}

.ethics_section2 .container .bottom_txt_bx .detail_txt_bx .inner:last-child {
    padding-left: 0
}

.ethics_section2 .container .bottom_txt_bx .detail_txt_bx .inner:last-child p {
    margin-left: 20px
}

@media (max-width:1024px) {
    .ethics_section2 .container .bottom_txt_bx .detail_txt_bx .inner {
        margin-bottom: 30px
    }
}

.ethics_section2 .container .bottom_txt_bx .detail_txt_bx .inner p {
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: -0.18px;
    text-align: left;
    color: #666
}

@media (max-width:1024px) {
    .ethics_section2 .container .bottom_txt_bx .detail_txt_bx .inner p {
        font-size: 16px;
        line-height: 1.8
    }
}

.ethics_section2 .container .bottom_txt_bx .detail_txt_bx .inner p.semi_title {
    font-family: Pretendard;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: -0.2px;
    text-align: left;
    color: #000;
    position: relative;
    margin-bottom: 15px
}

@media (max-width:1024px) {
    .ethics_section2 .container .bottom_txt_bx .detail_txt_bx .inner p.semi_title {
        font-size: 16px;
        margin-bottom: 10px
    }
}

.ethics_section2 .container .bottom_txt_bx .detail_txt_bx .inner p.semi_title:after {
    content: "";
    width: 5px;
    height: 5px;
    background: #0070be;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -15px
}

.ethics_section2 .container .bottom_txt_bx .detail_txt_bx .inner p.c_b {
    font-family: Pretendard;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.18px;
    text-align: left;
    color: #000;
    margin-bottom: 15px
}

@media (max-width:1024px) {
    .ethics_section2 .container .bottom_txt_bx .detail_txt_bx .inner p.c_b {
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 1.8
    }
}

.ethics_section2 .container .bottom_txt_bx .detail_txt_bx .inner p.c_b.type-2 {
    margin-top: 25px
}

.ethics_section2 .container .bottom_txt_bx .detail_txt_bx .inner>table {
    margin-top: 30px;
    width: 100%
}

.ethics_section2 .container .bottom_txt_bx .detail_txt_bx .inner>table thead {
    border-top: 2px solid #0070be
}

.ethics_section2 .container .bottom_txt_bx .detail_txt_bx .inner>table thead tr th {
    padding: 20px 0;
    font-family: Pretendard;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.2px;
    text-align: center;
    color: #0070be
}

@media (max-width:1024px) {
    .ethics_section2 .container .bottom_txt_bx .detail_txt_bx .inner>table thead tr th {
        font-size: 16px
    }
}

.ethics_section2 .container .bottom_txt_bx .detail_txt_bx .inner>table thead tr th:first-child {
    border-right: 1px solid #dddddd
}

.ethics_section2 .container .bottom_txt_bx .detail_txt_bx .inner>table tbody tr {
    border-top: 1px solid #dddddd
}

.ethics_section2 .container .bottom_txt_bx .detail_txt_bx .inner>table tbody tr:last-child {
    border-bottom: 1px solid #dddddd
}

.ethics_section2 .container .bottom_txt_bx .detail_txt_bx .inner>table tbody tr td {
    padding: 20px 0
}

.ethics_section2 .container .bottom_txt_bx .detail_txt_bx .inner>table tbody tr td.bd-right {
    border-right: 1px solid #dddddd;
}

.ethics_section2 .container .bottom_txt_bx .detail_txt_bx .inner>table tbody tr td:first-child {
    /*border-right: 1px solid #dddddd; */
    font-family: Pretendard;
    font-size: 19px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.89;
    letter-spacing: -0.19px;
    text-align: center;
    color: #333
}

@media (max-width:1024px) {
    .ethics_section2 .container .bottom_txt_bx .detail_txt_bx .inner>table tbody tr td:first-child {
        font-size: 16px
    }
}

.ethics_section2 .container .bottom_txt_bx .detail_txt_bx .inner>table tbody tr td.text_left {
    text-align: left;
    padding: 20px;
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.78;
    letter-spacing: -0.18px;
    text-align: left;
    color: #666
}

@media (max-width:1024px) {
    .ethics_section2 .container .bottom_txt_bx .detail_txt_bx .inner>table tbody tr td.text_left {
        font-size: 16px
    }
}

.ethics_section2 .container .btn_bx {
    overflow: hidden
}

@media (max-width:768px) {
    .ethics_section2 .container .btn_bx{
        margin-top: 30px;
    }
}

.ethics_section2 .container .btn_bx .online_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 240px;
    height: 60px;
    background: #0070be;
    border: 1px solid #0070be;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 3.05;
    letter-spacing: -0.2px;
    text-align: left;
    color: #fff;
    transition: 0.3s
}

@media (max-width:1024px) {
    .ethics_section2 .container .btn_bx .online_btn {
        width: 180px;
        height: 40px;
        font-size: 16px
    }
}

.ethics_section2 .container .btn_bx .online_btn:hover {
    background: #fff;
    color: #0070be
}

.section {
    overflow-x: hidden
}

.sub-main {
    padding-top: 6.25rem;
    padding-bottom: 150px
}

@media (max-width:768px) {
    .sub-main {
        padding-top: 5rem;
        padding-bottom: 100px
    }
}

.sub-title {
    font-size: 2.25em;
    font-weight: 600;
    letter-spacing: -0.01em;
    text-align: center;
    padding: 0 20px;
    margin-bottom: 5rem
}

@media (max-width:768px) {
    .sub-title {
        font-size: 2em;
        margin-bottom: 1.875rem
    }
}

.sub-des {
    font-size: 1.5em;
    color: #0271b9;
    font-weight: 300;
    margin-top: 5rem;
    text-align: center;
    padding: 0 20px
}

@media (max-width:768px) {
    .sub-des {
        font-size: 1.25em;
        margin-top: 1.25rem
    }
}

.desc {
    font-size: 1.125em;
    font-weight: 300;
    color: #333;
    line-height: 1.7
}

@media (max-width:768px) {
    .desc {
        font-size: 1em
    }
}

.lh-8 {
    line-height: 1.8
}

.title-bx {
    text-align: center;
    margin-bottom: 2.5rem
}

@media (max-width:1024px) {
    .title-bx {
        margin-bottom: 1.25rem
    }
}

.title-bx .number {
    display: inline-block;
    font-family: "Oxanium", "SUIT", -apple-system, BlinkMacSystemFont, "Times New Roman", "Palatino Linotype", "Book Antiqua", Georgia, Times, Palatino, serif;
    font-size: 3rem;
    font-weight: 200;
    color: #0271b9;
    position: relative;
    margin-bottom: 0.625rem
}

@media (max-width:768px) {
    .title-bx .number {
        font-size: 2.5rem
    }
}

.title-bx .number:after {
    content: "";
    display: block;
    width: 70%;
    height: 2px;
    background-color: #0271b9;
    margin: 0 auto
}

.title-bx .number em {
    font-style: normal;
    font-weight: 500
}

.title-bx .title {
    font-size: 1.875rem;
    font-weight: 600
}

@media (max-width:768px) {
    .title-bx .title {
        font-size: 1.5rem
    }
}

.d-title-bx {
    text-align: left;
    margin-bottom: 1.25rem
}

@media (max-width:1024px) {
    .d-title-bx {
        text-align: center
    }

    .section-safety .img img {
        display: block;
        margin: 0 auto
    }

    .section-safety .m-txt-bx {
        text-align: center
    }
}

.lt-10 {
    letter-spacing: -0.01em
}

.lt-10 em {
    font-style: normal
}

@media (min-width:1024.02px) {
    .lt-10 em.em-1 {
        letter-spacing: 0em
    }

    .lt-10 em.em-2 {
        letter-spacing: 0.25px
    }

    .lt-10 em.em-3 {
        letter-spacing: 0.25px
    }

    .lt-10 em.em-4 {
        letter-spacing: -0.02em
    }
}

.test-list {
    display: flex;
    flex-wrap: wrap
}

.test-list .item {
    flex: 1 1 auto;
    width: 1%
}

/*250702 추가*/