.mb {
    display: none !important;
}

br.m_br {
    display: none;
}

/*지도시작*/
/* 글로벌 네트워크
****************************************************************/
/*지도 영역*/
.gap_ml h2 {
    display: block;
    font-size: 32px;
    line-height: 1;
    margin: 50px 0px 25px;
}

.basic_tab {
    position: relative;
    z-index: 0;
}

.basic_tab .tab_box .big_tab ul {
    /*    width: 90%;*/
    margin: 0 auto;
    text-align: center;
}

section.overseas .ctab_box .big_tab ul {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.basic_tab .tab_box .big_tab ul::-webkit-scrollbar,
section.overseas .tab_box .big_tab ul::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera*/
}

.basic_tab .tab_box .big_tab ul li {
    width: auto;
    height: auto;
    border: none;
    margin: 0;
    text-align: left;
    font-size: 18px;
}

section.overseas .tab_box .big_tab ul li {
    position: relative;
    z-index: 1;
    line-height: 0;
    margin-left: -1px;
    white-space: nowrap;
    width: auto;
    height: auto;
    border-bottom: none;
    margin: 0;
    flex-grow: 1;
    margin-left: -1px;
    transition: none;
}

.basic_tab .tab_box .big_tab li:after {}

section.overseas .tab_box .big_tab li:after {
    border-bottom: 1px solid #222;
    box-sizing: border-box;
    position: absolute;
    z-index: 2;
    bottom: 0px;
    left: 0px;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
}

section.overseas .tab_box .big_tab ul > li:first-child {
    margin-left: 0px;
}

.basic_tab .tab_box {
    margin-top: 0;
}

section.overseas .tab_box .big_tab ul > li.active {
    z-index: 2;
}

section.overseas .tab_box .big_tab ul > li.active:after {
    display: none;
}

.basic_tab .tab_box .big_tab ul > li > a {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, .6);
    padding: 9px 18px;
    border: 2px solid transparent;
    border-radius: 30px;
    transition: border-color 0.5s ease, color 0.5s ease;
    display: block;
    text-align: center;
}

.basic_tab .tab_box .big_tab ul > li:not(:last-child) {
    margin-right: 10px;
}

section.overseas .tab_box .big_tab ul > li > a {
    display: block;
    padding: 16px 0;
    line-height: 1;
    text-align: center;
    color: rgba(0, 0, 0, 0.7);
    line-height: 1;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.15);
}

section.overseas .tab_box .big_tab ul > li:first-child > a {
    border-left-width: 1px;
}

.basic_tab .tab_box .big_tab ul > li.active a {
    border-color: #DBBF68;
    color: #DBBF68;
}

.basic_tab .tab_box .big_tab ul > li:hover > a {
    color: #DBBF68;
}

section.overseas .tab_box .big_tab ul > li.active a {
    font-weight: 500;
    color: #000;
    border-color: #000;
    background-color: rgba(0, 0, 0, 0.04);
}

.global_map_visual {
    position: relative;
    padding: 60px 0;
    margin-bottom: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f9f9f9;
}

.global_map_visual .map_area {
    margin-top: 30px;

    width: 1037px;
    height: 490px;
    background-image: url("../images/company/overseas.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;

}

.global_map_visual ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.global_map_visual ul > li {
    background: url("../images/company/overseas8.svg") no-repeat;
    background-position: center;
    background-size: cover;
    width: 10px;
    height: 10px;
    position: relative;
}

.global_map_visual .target1 {
    top: 295px;
    left: 931px;
}

.global_map_visual .target2 {
    top: 309px;
    left: 861px;
}

.global_map_visual .target3 {
    top: 344px;
    left: 465px;
}

.global_map_visual .target4 {
    top: 313px;
    left: 499px;
}

.global_map_visual .target5 {
    top: 292px;
    left: 496px;
}

.global_map_visual .target6 {
    top: 269px;
    left: 515px;
}

.global_map_visual .target7 {
    top: 234px;
    left: 581px;
}

.global_map_visual .target8 {
    top: 332px;
    left: 471px;
}

.global_map_visual .target9 {
  top: 226px;
  left: 515px;
}

.global_map_visual .map_area.continent_korea {
    background-image: url("../images/company/overseas1.svg");
}

.global_map_visual .map_area.continent_asia {
    background-image: url("../images/company/overseas2.svg");
}

.global_map_visual .map_area.continent_europe {
    background-image: url("../images/company/overseas3.svg");
}

.global_map_visual .map_area.continent_middle_east {
    background-image: url("../images/company/overseas4.svg");
}

.global_map_visual .map_area.continent_america {
    background-image: url("../images/company/overseas5.svg");
}

.global_map_visual .map_area.continent_oceania {
    background-image: url("../images/company/overseas6.svg");
}

.global_map_visual .map_area.continent_africa {
    background-image: url("../images/company/overseas7.svg");
}

.global_map_visual .tip_balloon .balloon {
    visibility: hidden;
    opacity: 0;
    transform: translateY(-10px);
    transition: 0.3s ease;
}

.global_map_visual .tip_balloon .balloon.active {
    visibility: visible;
    transform: translate(0);
    opacity: 1;
}

/*리스트 영역*/
.global_map_list > li {
    box-sizing: border-box;
    padding: 30px 40px;
    /*    margin-top: 20px;*/
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, .1);
    transition: .3s ease;
}

.global_map_list > li:not(:last-child) {
    margin-bottom: 50px;
}

.global_map_list > li:hover {
    border-color: #1ec2bb;
}

.global_map_list > li .global_map_title h3 {
    margin: 0;
    font-size: 22px;
}

.global_map_list > li .global_map_title .location_txt {
    color: #2dbdb6;
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin-bottom: 5px;
    display: none;
}

section.domestic .global_map_list > li .global_map_title .location_txt {
    font-weight: 600;
}

section.domestic .content_inner > div:not(:last-child) {
    margin-bottom: 50px;
}

.global_map_list > li .tip_block_wrap {
    position: relative;
    margin-top: 20px;
}

.global_map_list > li .tip_block_wrap p {
    font-size: 18px;
    line-height: 1.8;
    font-weight: 400;
    margin-bottom: 30px;
}

.global_map_list > li .tip_block_wrap dl {
    display: flex;
    font-size: 18px;
}

.global_map_list > li .tip_block_wrap dl + dl {
    margin-top: 8px;
}

.global_map_list > li .tip_block_wrap dl dt {
    min-width: 130px;
    height: 34px;
    margin-right: 30px;
    font-weight: 500;
    color: #00C2B7;
    border: 1px solid #00C2B7;
    text-align: center;
    border-radius: 50px;
    box-sizing: border-box;
    padding: 8px 0 7px;
    font-size: 17px;
    line-height: 1;
}

.global_map_list > li .tip_block_wrap dl dd {
    flex: 1;
    font-weight: 400;
    color: rgba(0, 0, 0, .8);
}

.global_map_list > li .map_view {
    display: none;
    margin-top: 35px;
    height: 350px;
    background-color: #eee;
}

.global_map_list > li .tip_block_wrap .global_util_wrap {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.global_map_list > li .tip_block_wrap .global_util_wrap [class*='btn_'] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 40px;
    width: 128px;
    border-radius: 20px;
    color: #666;
    font-size: 16px;
    border: 1px solid #eee;
}

.global_map_list > li .tip_block_wrap .global_util_wrap .btn_location {
    border-color: #1465f41a;
    background-color: #f8fbff;
}

.global_map_list > li .tip_block_wrap .global_util_wrap .btn_location::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 20px;
    background: url("../images/company/ico_location.svg") no-repeat center;
    background-size: 20px auto;
    margin-right: 8px;
}

.global_map_list > li .tip_block_wrap .global_util_wrap .btn_location::after {
    content: '';
    display: inline-block;
    margin-left: 8px;
    width: 8px;
    height: 8px;
    background: url("../images/company/btn_oneline_arrow_grey.svg") no-repeat center;
    background-size: contain;
    transition: 0.3s ease;
}

.global_map_list > li.active .tip_block_wrap .global_util_wrap .btn_location::after {
    transform: rotate(-180deg);
}

/*지도끝*/

/*지도 타켓 시작*/
.cir_cont {
    position: absolute;
}

.cir_cont .cir_box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.cir_cont .cir_box .cir {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: #69b6fa;
    background-color: #53c2ba;
    background-color: #66cac2;
    cursor: pointer
}

.cir_cont .cir_box.basic .cir1 {
    width: 5em;
    height: 5em;
    opacity: 0.15
}

.cir_cont .cir_box.basic .cir2 {
    width: 8.5em;
    height: 8.5em;
    opacity: 0.27
}

.cir_cont.active .cir_box.hover {
    opacity: 1;
}

.cir_cont .cir_box.hover {
    opacity: 0;
    pointer-events: none
}

.cir_cont .cir_box.basic .cir {
    background-color: transparent;
    width: 10px;
    height: 10px;
}

.cir_cont .cir_box.hover .cir {
    width: 8.5em;
    height: 8.5em;
    animation: waves 2.5s ease-in-out infinite;
    opacity: 0
}

.cir_cont .cir_box.hover .cir1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.cir_cont .cir_box.hover .cir2 {
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s;
}

.cir_cont .cir_box.hover .cir3 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.cir_cont.active .cir_box.basic {
    opacity: 0
}

.cir_cont.active .country_info {
    opacity: 1;
    transform: translate(100%, -100%);
    pointer-events: auto
}

@keyframes waves {
    0% {
        transform: translate(-50%, -50%) scale(0.2, 0.2);
        opacity: 0;
    }

    50% {
        opacity: 0.27;
    }

    100% {
        transform: translate(-50%, -50%) scale(0.9, 0.9);
        opacity: 0;
    }
}


.country_info {
    position: absolute;
    background-color: #fff;
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
    top: 0;
    right: 0;
    transform: translate(100%, -50%);
    padding: 15px;
    opacity: 0;
    width: max-content;
    transition: all .5s;
    border-radius: 10px;
    z-index: 1;
    pointer-events: none;
}

.country_info .tit {
    font-size: 16px;
    font-weight: 800;
}

.country_info .txt_wrap {
    margin-top: 5px;
    font-weight: 500;
    font-size: 15px;
}

.country_info .txt_wrap p {
    position: relative;
}

.country_info .txt_wrap p + p {
    margin-top: 5px
}

.country_info .txt_wrap p:before {
    content: none;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 2px;
    background-color: #262932;
}

.country_info button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

.country_info button > .tit_wrap {
    z-index: 0;
    position: relative;
}

.country_info button:before,
.country_info button:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center center;
    transition: all .5s ease;
    background-color: rgba(0, 0, 0, .7);
    width: 10px;
    height: 2px;
    transform: translate(-50%, -50%) rotate(320deg);
}

.country_info button:before {
    transform: translate(-50%, -50%) rotate(50deg);
}

/*지도 타켓 끝*/


.hide {
    display: none !important;
}

header {
    background: #fff;
    backdrop-filter: blur(0);
    box-shadow: none;
    /*    position: relative;*/
}

header.scorll {
    position: fixed;
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.3);
}

header .hd_info .lang i,
 .visit_btn{
    color: #000;
}
 .visit_btn:after{
   background: #000;
 }
header .hd_inner nav > ul > li > a {
    color: #000;
}

header h1 a {
    background: url("../images/main/logo2.png") no-repeat;
    background-size: cover;
}

.system h5 {
    font-size: 28px;
    margin-bottom: 15px;
    font-weight: 600;
}

.quot {
    margin-bottom: 70px;
}

.quot p {
    position: relative;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    padding: 70px 0;
    box-sizing: border-box;
}

.quot p br {
    display: none;
}

.quot p:after,
.quot p:before {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 32px;
    height: 28px;
    background: no-repeat center;
    background-size: 100% auto;
}

.quot p:after {
    top: 0;
    background-image: url("../images/company/quot_first.svg");
}

.quot p:before {
    bottom: 0;
    background-image: url("../images/company/quot_last.svg");
}
}

.system > div {
    margin-bottom: 70px;
}

.system ul {
    border-top: 2px solid #42414D;
    box-sizing: border-box;
}

.system ul > li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #DFE0E8;
    box-sizing: border-box;
}

.system ul > li > div.tit {
    width: 30%;
    font-size: 24px;
    border-right: 1px solid #DFE0E8;
    background: #F6F7F9;
    padding: 45px 20px;
    box-sizing: border-box;
    font-weight: 500;
}

.system ul > li > div.desc {
    width: 70%;
    padding-left: 20px;
    box-sizing: border-box;
}

.system ul > li > div.desc p {
    color: rgba(0, 0, 0, .8);
    padding-left: 15px;
    font-size: 16px;
    position: relative;
    box-sizing: border-box;
}

.system ul > li > div.desc p:not(:last-child) {
    margin-bottom: 3px;
}

.system ul > li > div.desc p:after {
    position: absolute;
    content: "";
    display: block;
    clear: both;
    left: 0;
    top: 10px;
    width: 5px;
    height: 1px;
    background: #000;
    box-sizing: border-box;
}

.basic_table {
    position: relative;
}

.guide_once {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: rgba(0, 0, 0, 0.685);
    position: absolute;
    margin: auto;
    text-align: center;
    display: none;
}

.guide_once > div {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.guide_once p {
    display: block;
    color: #fff;
    font-size: large;
    font-weight: 500;
}

.guide_once img {
    width: 64px;
    height: 64px;
    margin-bottom: 10px;
}

.basic_table table {
    width: 1280px;
    border-top: 3px solid #DBBF68;
    box-sizing: border-box;
    text-align: center;
}

.basic_table table thead {
    background: #F8F2E1;
}

.basic_table table thead tr {
    border-bottom: 1px solid #DFE0E8;
    box-sizing: border-box;
    vertical-align: middle;
}

.basic_table table thead th {
    font-size: 18px;
    font-weight: 500;
    padding: 9px 2%;
    vertical-align: middle;
    box-sizing: border-box;
}

.basic_table table thead tr:last-child {
    border-bottom: 1px dotted #80a2b9;
}

.basic_table table tbody tr {
    border-bottom: 1px solid #DFE0E8;
    box-sizing: border-box;
}

.basic_table table tr * {
    border-right: 1px solid #DFE0E8;
    box-sizing: border-box;
}

.brr {
    border-right: 1px solid #DFE0E8 !important;
    box-sizing: border-box;
}

.basic_table table tr > th:last-of-type,
.basic_table table tr > td:last-of-type {
    border-right: none;
}

.basic_table table .no_line {
    border-right: 0;
}

.basic_table table tbody td {
    font-size: 18px;
    color: rgba(0, 0, 0, .8);
    padding: 9px 2%;
    box-sizing: border-box;
    vertical-align: middle;
}

.basic_table table tbody tr > td:nth-of-type(1) {
    background: #F8F2E1;
}

.fair_player {
    padding: 150px 0;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 70px;
}

.fair_player:after {
    position: absolute;
    width: 300%;
    height: 100%;
    left: -100%;
    top: 0;
    background: #F8F8F7;
    clear: both;
    content: "";
    display: block;
}

.fair_player * {
    position: relative;
    z-index: 1;
}

.culture_picture .grid_ul .item p {
    font-size: 16px !important;
    margin-top: 15px !important;
}

section.culture_picture .grid_ul {
    margin: 70px 0 0;
}

section.culture_picture .prd_info {
    margin: 0 0 100px;
}

section.culture_picture .title {
    margin: 50px 0;
}

section.ceo_introduction .col {
    display: flex;
    justify-content: space-between;
}

section.ceo_introduction .col div {
    width: 600px;
}

section.ceo_introduction .col div p {
    font-size: 16px;
    color: rgba(0, 0, 0, .8);
    line-height: 1.8;
}

section.ceo_introduction .col div p:not(:last-of-type) {
    margin-bottom: 30px;
}

section.ceo_introduction .col dl {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-top: 50px;
}

section.ceo_introduction .col dt {
    position: relative;
    padding-right: 35px;
    box-sizing: border-box;
}

section.ceo_introduction .col dt img {
    margin: 0;
}

section.ceo_introduction .col dt:after {
    clear: both;
    content: "";
    display: block;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.30);
}

section.ceo_introduction .col dd {
    padding-left: 35px;
    box-sizing: border-box;
}

section.ceo_introduction .col dd i {
    display: block;
    font-style: normal;
    font-size: 14px;
    margin-bottom: 3px;
}

section.ceo_introduction .col dd span {
    font-size: 24px;
    font-weight: 600;
}

section.precision_forging_products #tab1 table tr:nth-child(1) th:nth-child(1),
section.precision_forging_products #tab1 table tr:nth-child(1) th:nth-child(4) {
    width: 10%;
}

section.precision_forging_products #tab1 table tr:nth-child(1) th:nth-child(3) {
    width: 20%;
}

section.precision_forging_products #tab1 table tr:nth-child(2) th:nth-child(1),
section.precision_forging_products #tab1 table tr:nth-child(2) th:nth-child(2),
section.precision_forging_products #tab1 table tr:nth-child(2) th:nth-child(3),
section.precision_forging_products #tab1 table tr:nth-child(2) th:nth-child(4),
section.precision_forging_products #tab1 table tr:nth-child(2) th:nth-child(5),
section.precision_forging_products #tab1 table tr:nth-child(2) th:nth-child(6),
section.precision_forging_products #tab1 table tr:nth-child(2) th:nth-child(7),
section.precision_forging_products #tab1 table tr:nth-child(2) th:nth-child(28) {
    width: 8%;
}

section.precision_forging_products #tab3 table tr:nth-child(1) th:nth-child(1),
section.precision_forging_products #tab3 table tr:nth-child(1) th:nth-child(3),
section.precision_forging_products #tab3 table tr:nth-child(1) th:nth-child(4) {
    width: 10%;
}

section.precision_forging_products #tab3 table tr:nth-child(1) th:nth-child(2) {
    width: 70%;
}

section.precision_forging_products #tab3 table tr:nth-child(2) th:nth-child(1),
section.precision_forging_products #tab3 table tr:nth-child(2) th:nth-child(2),
section.precision_forging_products #tab3 table tr:nth-child(2) th:nth-child(3),
section.precision_forging_products #tab3 table tr:nth-child(2) th:nth-child(4),
section.precision_forging_products #tab3 table tr:nth-child(2) th:nth-child(5),
section.precision_forging_products #tab3 table tr:nth-child(2) th:nth-child(6),
section.precision_forging_products #tab3 table tr:nth-child(2) th:nth-child(7),
section.precision_forging_products #tab3 table tr:nth-child(2) th:nth-child(8) {
    width: 8%;
}

section.precision_forging_products #tab2 table {
    width: 100%;
}

section.precision_forging_products #tab2 table tbody td {
    padding: 11px 0;
    font-size: 16px;
    width: 50%;
}

section.precision_forging_products #tab5 table tr:nth-child(1) th:nth-child(1),
section.precision_forging_products #tab5 table tr:nth-child(1) th:nth-child(3),
section.precision_forging_products #tab5 table tr:nth-child(1) th:nth-child(4) {
    width: 10%;
}

section.precision_forging_products #tab5 table tr:nth-child(1) th:nth-child(2) {
    width: 70%;
}

section.precision_forging_products #tab5 table tr:nth-child(2) th:nth-child(1),
section.precision_forging_products #tab5 table tr:nth-child(2) th:nth-child(2),
section.precision_forging_products #tab5 table tr:nth-child(2) th:nth-child(3),
section.precision_forging_products #tab5 table tr:nth-child(2) th:nth-child(4),
section.precision_forging_products #tab5 table tr:nth-child(2) th:nth-child(5) {
    width: 8%;
}

section.precision_forging_products #tab2 tr > *:last-child {
    border-right: 0;
}

section.precision_forging_products #tab4 .system {
    margin-bottom: 100px;
}

section.cs_center_real .chartTableCell {
    border-right: 1px solid #DFE0E8 !important;
}

section.cs_center_real .chartTableRow > div {
    width: 28.3% !important;
}

section.cs_center_real .chartTableRow > div:nth-child(4) {
    width: 15% !important;
}

section.cs_center_real .center_tb_v2 .chartTableRow > div:nth-child(1) {
    width: 15% !important;
}

section.cs_center_real .center_tb_v2 .chartTableRow > div:nth-child(2) {
    width: 35% !important;
}

section.cs_center_real .center_tb_v2 .chartTableRow > div:nth-child(3) {
    width: 35% !important;
}

.tab_cont > div {
    display: none;
}

.tab_cont > .tab_content {
    display: block;
}

.tab_box .custom_btn {
    display: none;
}

.tab_box {
    width: 100%;
    max-width: 1382px;
    margin-top: 80px;
}

.tab_box .tabmenu {
    margin-bottom: 50px;
}

.tab_box .big_tab ul {
    overflow: hidden;
    width: 100%;
    text-align: center;
    font-size: 0;
}

section.overseas .tab_box .big_tab ul {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.tab_box .big_tab ul li {
    width: 225px;
    height: 50px;
    border-bottom: 3px solid rgba(0, 0, 0, .2);
    box-sizing: border-box;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    margin: 0 10px;
    transition: .3s ease;
    cursor: pointer;
}

.tab_box .big_tab ul li:hover,
.tab_box .big_tab ul li.active {
    border-bottom-color: #000;
}

.tab_box .big_tab ul li > a {
    display: block;
    width: 100%;
    height: 100%;
    color: rgba(0, 0, 0, .4);
    font-weight: 400;
    transition: color .3s ease;
}

.tab_box .big_tab ul li:hover > a,
.tab_box .big_tab ul li.active > a {
    color: #000;
}

.tab_box .sm_select {
    display: none;
}

.tab_box .sm_select select {
    width: 100%;
    height: 40px;
}

.tab-contents {
    border: 1px solid rgba(0, 0, 0, .2);
    padding: 50px 30px 0;
    margin-top: 80px;
    box-sizing: border-box;
}

.basic_tab_v2 .custom_btn_v4 {
    width: 440px;
    height: 50px;
    line-height: 50px;
    display: block;
    align-items: center;
    padding: 0 25px;
    font-size: 18px;
    font-weight: 600;
    box-sizing: border-box;
    justify-content: flex-start;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../images/common/select_arrow2.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 25px) 50%;
    background-size: 15px;
    cursor: pointer;
    margin: 0 auto;
    text-align: center;
    color: #DBBF68;
}

.basic_tab_v2 .custom_btn_v4.on {
    background: url(../images/common/select_arrow5.png) calc(100% - 15px) center no-repeat;
    background-position: calc(100% - 20px) 50%;
    background-size: 15px;
}

.basic_tab_v2 .tab_box .big_tab li:after {
    border-bottom: none;
}

.basic_tab_v2 .tab_box .big_tab ul > li {
    width: 100%;
    height: 50px;
    transition: .3s ease;
}

.basic_tab_v2 .tab_box .big_tab ul > li:hover > a {
    color: #000;
}

.basic_tab_v2 .tab_box .big_tab ul > li > a {
    font-weight: 500;
    border: none;
    text-align: center;
    padding: 0 25px;
    line-height: 50px;
    transition: .3s ease;
    box-sizing: border-box;
}

.basic_tab_v2 .tab_box .big_tab ul > li:hover {
    background: #DBBF68;
}

.basic_tab_v2 .tab_box .big_tab ul > li:hover a {
    color: #fff;
}

.basic_tab_v2 .tab_box .big_tab ul > li:last-child {
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    box-sizing: border-box;
}

.basic_tab_v2 .tab_box .big_tab {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    box-sizing: border-box;
    z-index: 1;
    border-bottom-left-radius: 27px;
    border-bottom-right-radius: 27px;
}

.basic_tab_v2 .tab_box .big_tab ul {
    width: 100%;
    flex-direction: column;
}

section.accounting .tab_box {
    margin-top: 70px;
    max-width: inherit;
}

section.accounting .tab_cont > div {
    padding: 80px 0 0;
}

section.accounting .tab_cont img.pc,
section.accounting .tab_cont img.mb {
    margin: 0 auto;
    display: block;
}

.grid_box,
section.accounting #tab3 .div_tab {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.grid_box .txt {
    width: 30%;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
}

section.accounting #tab3 h5 {
    width: 30%;
}

.grid_box .content,
section.accounting #tab3 .basic_table {
    width: 70%;
}

section.accounting #tab3 .grid_box .content li {
    position: relative;
    font-size: 16px;
    color: #000;
    padding-left: 15px;
    box-sizing: border-box;
    line-height: 1.3;
}

section.accounting #tab3 .grid_box .content li:after {
    clear: both;
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: rgba(0, 0, 0, .6);
    top: 6px;
    position: absolute;
    left: 0;
}

section.accounting #tab3 .grid_box .content li:not(:last-child) {
    margin-bottom: 7px;
}

section.accounting .basic_table table {
    width: 100%;
}

section.accounting #tab3 .bg {
    background: #F6F7F9;
}

section.accounting #tab4 .subtit h7 {
    margin: 0;
}

section.accounting #tab4 .list_util > dl > dt {
    width: 40%;
}

section.accounting #tab4 .list_util > dl {
    padding-bottom: 47px;
}

section.accounting #tab4 .list_util dd > div:not(:last-child) {
    margin-bottom: 20px;
}

section.accounting #tab4 .list_util h8 {
    font-size: 22px;
    margin-bottom: 5px;
    font-weight: 600;
    display: block;
}

section.accounting #tab4 .list_util .col02 i {
    display: block;
    color: #32A39B;
    font-weight: 500;
}

section.accounting #tab4 .list_util .col02 i,
section.accounting #tab4 .list_util .col02 p {
    position: relative;
    padding-left: 12px;
    box-sizing: border-box;
    margin-bottom: 3px;
}

section.accounting #tab4 .list_util .col02 i:after,
section.accounting #tab4 .list_util .col02 p:after {
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 1px;
    background: rgba(0, 0, 0, .8);
    content: "";
}

section.accounting #tab4 .list_util .col02 i:after {
    background: #32A39B;
}

section.accounting #tab7 ul {
    margin-top: 40px;
}

section.accounting #tab7 ul li {
    font-size: 16px;
    padding-left: 34px;
    box-sizing: border-box;
    position: relative;
    line-height: 1.3;
}

section.accounting #tab7 ul li:not(:last-child) {
    margin-bottom: 12px;
}

section.accounting #tab7 ul li:after {
    clear: both;
    display: block;
    width: 24px;
    height: 24px;
    background: #000;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    line-height: 24px;
    position: absolute;
    top: -3px;
    left: 0;
    border-radius: 50%;
    box-sizing: border-box;
}

section.accounting #tab7 ul li:nth-child(1):after {
    content: "01"
}

section.accounting #tab7 ul li:nth-child(2):after {
    content: "02"
}

section.accounting #tab7 ul li:nth-child(3):after {
    content: "03"
}

section.accounting #tab7 ul li:nth-child(4):after {
    content: "04"
}

section.data_rohs .chartTable,
section.data_certificate .chartTable {
    border-top: 2px solid #42414D;
}

section.ghs_msds .basic_table .wrap,
section.data_certificate .basic_table .wrap,
section.guarantee .basic_table .wrap {
    overflow-x: auto;
}

.basic_tab_v2 .tab_h {
    height: 53px;
}

.basic_tab_v2 .tabmenu {
    max-width: 440px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    border: 2px solid #DBBF68;
    border-radius: 27px;
    box-sizing: border-box;
    margin: 0 auto;
    background: #fff;
    z-index: 1;
}

section.overseas .basic_tab_v2 .tabmenu:after {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, .2);
    clear: both;
    content: "";
    display: block;
}

section.overseas .basic_tab_v2 .tab_box .big_tab {
    border-radius: none;
}

section.visual {
    height: calc(100vh - 70px);
    width: 94%;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    position: relative;
    position: relative;
    z-index: 0;
}

section.visual.fixed {
    height: calc(560px - 70px);
}

section {
    background-color: #fff;
    position: relative;
    z-index: 1;
}

section.breadcrumb {
    position: relative;
}

section.visual .screen {
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    margin: 0 auto;
    width: 94%;
    height: 100%;
    overflow: hidden;
}

section.visual.fixed .screen {
    height: calc(560px - 70px);
}

section.visual.fixed .screen > div {
    transform: scale(1);
}

section.visual .screen > div {
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 100%;
    width: 100%;
    transform: scale(1.3);
}

section.visual .sub_nav {
    position: absolute;
    width: 100%;
    max-width: 1760px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    z-index: 1;
}

section.visual .sub_nav .desc {
    position: relative;
    width: 100%;
    text-align: center;
    top: 50%;
}

section.visual .sub_nav h2 {
    font-size: 60px;
    font-weight: 600;
    position: relative;
    animation: __ani_txt 3s ease forwards;
    font-family: 'Pretendard';
}

@keyframes __ani_txt {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@-webkit-keyframes introTextUp {
    0% {
        opacity: 0;
        top: 30px;
        filter: blur(10px);
    }

    60% {
        opacity: 0;
        top: 25px;
    }

    100% {
        opacity: 1;
        filter: blur(0);
        top: 0;

    }
}

@-moz-keyframes introTextUp {
    0% {
        opacity: 0;
        top: 30px;
        filter: blur(10px);
    }

    60% {
        opacity: 0;
        top: 25px;
    }

    100% {
        opacity: 1;
        filter: blur(0);
        top: 0;

    }
}

@-ms-keyframes introTextUp {
    0% {
        opacity: 0;
        top: 30px;
        filter: blur(10px);
    }

    60% {
        opacity: 0;
        top: 25px;
    }

    100% {
        opacity: 1;
        filter: blur(0);
        top: 0;

    }
}

@-o-keyframes introTextUp {
    0% {
        opacity: 0;
        top: 30px;
        filter: blur(10px);
    }

    60% {
        opacity: 0;
        top: 25px;
    }

    100% {
        opacity: 1;
        filter: blur(0);
        top: 0;

    }
}

@keyframes introTextUp {
    0% {
        opacity: 0;
        top: 30px;
        filter: blur(10px);
    }

    60% {
        opacity: 0;
        top: 25px;
    }

    100% {
        opacity: 1;
        filter: blur(0);
        top: 0;

    }
}

.bti {
    background: transparent !important;
}

section.credit .divTableHead {
    width: 20%;
}

.tab_body_pd .chartTableCell {
    padding: 9px 2%;
    border-right: 1px solid #DFE0E8;
    box-sizing: border-box;
}

section.com_partner .div_tab{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

section.com_partner .inner{
      max-width: 1500px;
}

section.com_partner .basic_table {
  width: 80%;
}

section.com_partner .basic_table table{
    width: 100%;
    border-top-color: #000;
}

section.com_partner .basic_table table tbody tr > td:nth-of-type(1) {
    background: #F6F7F9;
    font-weight: 700;
}

section.com_partner .basic_table table .bw{
  background: #fff !important;
  font-weight: 400 !important;
}
section.com_partner .basic_table table p{
  text-align: left;
}
section.com_partner .basic_table table i{
  font-style: normal;
  font-weight: 600;
  width: 35%;
  text-align: left;
  display: inline-block;
  font-size: 18px;
}

section.com_partner .basic_table table tr *,
section.com_partner .basic_table table tr>td:last-child{
  border-right: none;
}
section.com_partner .basic_table table tr>td{
  border-right: 1px solid #DFE0E8;
  box-sizing: border-box;
}

section.com_partner .col02 table tr>td:nth-child(1){
        width: 25%;
}

section.com_partner .col03 table tr>td:nth-child(1){
      word-break: break-word;
}

section.com_partner .col02 table tr>td:nth-child(2){
    width: 50%;
}

section.com_partner .col02 table tr>td:nth-child(3){
width: 30%;
}

section.dis_information table th {
    width: 25%;
}

section.dis_partner table tr:nth-child(1) th:nth-child(1) {
    width: 25%;
}

section.dis_partner table tr:nth-child(1) th:nth-child(2) {
    width: 15%;
}

section.dis_partner table tr:nth-child(1) th:nth-child(3) {
    width: 15%;
}

section.dis_partner table tr:nth-child(1) th:nth-child(4) {
    width: 15%;
}

section.dis_partner table tr:nth-child(1) th:nth-child(5) {
    width: 30%;
}

section.dis_partner table tr:nth-child(2) th:nth-child(1) {
    width: 11%;
}

section.dis_partner table tr:nth-child(2) th:nth-child(2) {
    width: 10%;
}

section.dis_partner table tr:nth-child(2) th:nth-child(3) {
    width: 10%;
}

section.sa_policy .col01 .tit {
    font-size: 32px;
    margin-bottom: 70px;
}

section.sa_policy .col01 dl {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

section.sa_policy .col01 dl:not(:last-child) {
    margin-bottom: 30px;
}

section.sa_policy .col01 dt {
    border-radius: 5px;
    background: #172154;
    width: 200px;
    padding: 29px 0;
    box-sizing: border-box;
    text-align: center;
}

section.sa_policy .col01 dt i {
    color: #fff;
    font-size: 24px;
    font-style: normal;
}

section.sa_policy .col01 dd {
    border-radius: 5px;
    background: rgba(132, 136, 139, 0.10);
    padding: 0 80px;
    width: 100%;
    height: 94px;
    display: flex;
    align-items: center;
}

section.sa_policy .col01 dd p {
    font-size: 20px;
}

section.sa_policy .col01 span {
    text-align: right;
    display: block;
    font-size: 16px;
}

section.visual .sub_nav h3 {
    font-size: 22px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.50);
    line-height: 1.3;
}

section.visual .sub_nav .title {
    position: absolute;
    right: 20px;
    bottom: 20px;
    text-align: right;
    font-size: 15px;
    color: #fff;
}

section.visual .sub_nav .title span {
    position: relative;
    font-weight: 400;
}

section.visual .sub_nav .title span:not(:last-child) {
    margin-right: 6px;
}

section.visual .sub_nav .title span:not(:first-child) {
    margin-left: 6px;
}

section.visual .sub_nav .title span:last-child {
    color: #00C2B7;
    font-weight: 600;
}

section.visual .sub_nav .title span:nth-child(2):after,
section.visual .sub_nav .title span:nth-child(4):after {
    clear: both;
    content: "";
    display: block;
    background: rgba(255, 255, 255, .45);
    width: 2px;
    height: 11px;
    position: absolute;
    top: 50%;
    right: 1px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

section.sub_tab {
    border-bottom: 1px solid #cfcfcf;
    box-sizing: border-box;
}

.subtotal {
    background: #fff;
    padding: 50px 0 0;
    position: relative;
    z-index: 1;
}

section.sub_tab_v2 ul {
    display: flex;
    align-items: flex-start;
    /*    gap: 10px;*/
    align-items: center;
    /*    width: 90%;*/
    margin: 0 auto;
    justify-content: center;
}

section.sub_tab_v2 ul > li {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    max-width: 255px;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    cursor: pointer;
    transition: .3s ease;
    box-sizing: border-box;
}
body.data_rohs section.sub_tab_v2 ul > li,
body.data_guarantee section.sub_tab_v2 ul > li,
body.data_ghs_msds section.sub_tab_v2 ul > li,
body.data_info section.sub_tab_v2 ul > li,
body.data_certificate section.sub_tab_v2 ul > li {
  min-width: 300px;
  min-height: 96px;
  text-align: center;
}

section.sub_tab_v2 ul > li:last-child {
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
}

section.sub_tab_v2 ul > li > a {
    color: #000;
    padding: 12px 20px;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    text-transform: uppercase;
    transition: .3s ease;
}

section.sub_tab_v2 ul > li.active {
    background: #DBBF68;
}

section.sub_tab_v2 ul > li.active > a {
    color: #fff;
}

.custom_btn_v2 {
    appearance: none;
    display: none;
    position: relative;
    margin: 0 auto;
    font-size: 17px;
    font-weight: 700;
    background-position: calc(100% - 20px) 50%;
    background-size: 15px;
    border: 0;
    margin-top: 7vw;
    line-height: 50px;
    height: 50px;
    padding: 0px 15px;
    box-sizing: border-box;
    width: 100%;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    color: #2F9CA7;
    font-size: 16px;
    background-color: #2f9ca729;
    border: 1px dashed #00C2B7;
}

.custom_btn_v2:after,
.custom_btn_v2:before {
    content: "";
    display: block;
    position: absolute;
    background: #2F9CA7;
    right: 15px;
    top: 46%;
    width: 15px;
    height: 3px;
}

.custom_btn_v2:before {
    transform: rotate(90deg);
}

.custom_btn_v3 {
    appearance: none;
    display: none;
    position: relative;
    margin: 0 auto;
    font-size: 17px;
    font-weight: 700;
    background: url("../images/common/select_arrow2.png") calc(100% - 15px) center no-repeat;
    background-position: calc(100% - 20px) 50%;
    background-size: 15px;
    border: 0;
    line-height: 50px;
    height: 50px;
    padding: 0px 15px;
    box-sizing: border-box;
    width: 100%;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    color: #42414D;
    font-size: 16px;
    background-color: #F6F7F9;
    border: 1px solid #dee2e6;
}

.custom_btn_v3:after {
    clear: both;
    content: "";
    display: block;
    position: absolute;
    width: 3px;
    height: 100%;
    top: 0;
    left: 0;
    background: #32A39B;
}

section.sub_tab ul {
    display: flex;
    margin: 0 auto;
    width: fit-content;

}

section.sub_tab ul li {
    position: relative;
    flex-grow: 1;
    width: auto;
    text-align: center;
    transition: .3s ease;
}

section.sub_tab ul li:not(:last-child) {
    margin-right: 65px;
}

section.sub_tab ul li > a {
    position: relative;
    padding: 20px 0;
    box-sizing: border-box;
    display: block;
    transition: .3s ease;
}

section.sub_tab ul li.active > a:after {
    clear: both;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, .8);
}

section.sub_tab ul li > a > span {
    color: rgba(0, 0, 0, .8);
    font-weight: 400;
    font-size: 20px;
    transition: color 0.5s ease;
}

section.sub_tab ul li.active span {
    color: #000;
    font-weight: 500;
}

.prd_menu {
    width: 100%;
    /*    max-width: 875px;*/
    max-width: fit-content;
    margin: 30px auto 0;
}

.prd_menu_v2 {
    margin-left: calc((100% - 487px) / 2);
}

.prd_menu .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    display: none;
}

.prd_menu ul {
    width: 100%;
    margin: 0 auto;
    font-size: 0;
    display: flex;
    justify-content: flex-start;
}

.prd_menu ul > li {
    text-align: center;
}

.prd_menu ul > li:not(:last-child) {
    margin-right: 20px;
}

.prd_menu ul > li > a > img {
    display: block;
    width: 200px;
    height: 130px;
    border-radius: 5px;
    box-sizing: border-box;
    filter: grayscale(1);
    transition: .3s ease;
}

.prd_menu ul > li.active > a > img,
.prd_menu ul > li:hover > a > img {
    filter: grayscale(0);
}

.prd_menu ul > li > a > p {
    font-size: 16px;
    color: #666;
    margin-top: 15px;
}

.prd_menu ul > li.active > a > p,
.prd_menu ul > li:hover > a > p {
    color: #B8993A;
}

.subtit {
    margin-bottom: 80px;
}

.subtit h6 {
    font-weight: 600;
    color: #32A39B;
    font-size: 18px;
}

.subtit h7 {
    position: relative;
    font-size: 32px;
    font-weight: 700;
    box-sizing: border-box;
    margin: 15px 0;
    display: block;
}

.subtit p {
    font-size: 18px;
    line-height: 1.7;
}

.subtit_v2 h7 {
    position: relative;
    padding-left: 17px;
    box-sizing: border-box;
    margin: 0;
    line-height: 1;
}

.subtit_v2 h7:after {
    position: absolute;
    content: "";
    display: block;
    clear: both;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: #32A39B;
}

.subtit_v3 {
    margin-bottom: 50px;
    padding-bottom: 20px;
    border-bottom: 1.5px solid #42414D;
    box-sizing: border-box;
}

.list_util .title {
    text-align: center;
    margin-bottom: 70px;
}

.list_util h3 {
    position: relative;
    display: inline-block;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    padding-bottom: 80px;
}

.list_util h3:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 65px;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
}

.list_util > dl {
    display: flex;
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px dotted rgba(207, 207, 207, 1);
}

.list_util > dl:last-of-type {
    border-bottom: none;
}

.list_util > dl > dt {
    width: 28%;
    font-size: 26px;
    font-weight: 600;
    text-align: left;
    color: rgba(0, 0, 0, 1);
    box-sizing: border-box;
}

.list_util > dl > dt i {
    font-style: normal;
    color: #32A39B;
    font-weight: 700;
    letter-spacing: -0.005em;
    display: inline-block;
    margin-right: 10px;
}

.list_util > dl > dd {
    width: 72%;
    padding-left: 50px;
    box-sizing: border-box;
}

.list_util > dl > dd i {
    font-style: normal;
    color: #3FBFB8;
    font-weight: 600;
}

.list_util > dl > dd > p {
    font-size: 16px;
    margin-bottom: 7px;
    color: rgba(0, 0, 0, .8);
    line-height: 1.7;
}

.list_util dd > ul > li {
    position: relative;
    font-size: 16px;
    padding-left: 15px;
    color: rgba(0, 0, 0, .8);
}

.list_util dd > ul > li:not(:last-child) {
    margin-bottom: 7px;
}

.list_util dd > ul > li:after {
    clear: both;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 12px;
    width: 4px;
    height: 4px;
    background: #32A39B;
}

.list_util dd > ul > li.ol_util:after {
    display: none;
}

.list_util dd > ul > li.ol_util li {
    position: relative;
    padding-left: 15px;
    font-size: 16px;
    box-sizing: border-box;
    line-height: 1.7;
}

.list_util dd > ul > li.ol_util li:after {
    position: absolute;
    content: "";
    display: block;
    clear: both;
    left: 0;
    top: 11px;
    width: 7px;
    height: 1px;
    background: #000;
}

.list_util .ul_util {
    margin-top: 30px;
}

.list_util .ul_util > li {
    padding-left: 0;
}

.list_util .ul_util > li h4 {
    display: inline-block;
    border: 2px solid #000;
    color: #000;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 20px;
    margin-bottom: 5px;
    box-sizing: border-box;
    line-height: 1;
}

.list_util .ul_util > li:after {
    display: none;
}

.list_util .ul_util .ol_util > ol > li.v2 {
    padding-left: 0;
}

.list_util .ul_util .ol_util > ol > li.v2:after {
    display: none;
}

.custom {
    background: #E9EFF6 !important;
}

.custom > div:nth-child(1) {
    background: #E9EFF6 !important;
}

.custom > div:nth-child(1) p {
    color: rgba(9, 87, 132, .8) !important;
    background: #E9EFF6 !important;
    font-weight: 700 !important;
}

.custom .chartTableCell p {
    color: rgba(9, 87, 132, .8) !important;
    font-weight: 600 !important;
}

.tbt {
    border-top: 1px solid rgba(0, 0, 0, .1) !important;
    box-sizing: border-box;
}

.tbb {
    border-bottom: 2px solid rgba(0, 0, 0, .1) !important;
    box-sizing: border-box;
}

.tbl {
    border-left: 2px solid rgba(0, 0, 0, .1) !important;
    box-sizing: border-box;
}

.tbr {
    border-right: 2px solid rgba(0, 0, 0, .1) !important;
    box-sizing: border-box;
}

.grapwrap {
    padding: 150px 0;
    position: relative;
    margin-bottom: 100px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 45px;
}

.grapwrap:after {
    background: #F3F4F4;
    position: absolute;
    width: 300%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    clear: both;
    content: "";
    display: block;
    z-index: -1;
}

.grapwrap .txt span {
    font-size: 18px;
    font-weight: 400;
    display: block;
    margin-bottom: 25px;
}

.grapwrap .txt b {
    font-size: 80px;
    font-weight: 700;
    line-height: 1;
}

.grapwrap .txt b em {
    font-style: normal;
    font-size: 70px;
    line-height: 1;
}

.grapwrap .graph {
    width: 410px;
    height: 410px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    padding: 45px;
    box-sizing: border-box;
    position: relative;
}

.grapwrap .graph p {
    font-size: 22px;
    font-weight: 600;
}

.grapwrap .graph i {
    font-style: normal;
    position: absolute;
    top: 45px;
    right: 45px;
    font-size: 14px;
    color: rgba(0, 0, 0, .7);
    font-weight: 500;
}

.grapwrap .graph .box {
    display: flex;
    align-items: end;
    justify-content: space-between;
    position: absolute;
    bottom: 45px;
    width: calc(100% - 90px);
}

.grapwrap .graph .bar {
    position: relative;
    width: 22%;
}

.grapwrap .graph .bar span {
    color: #fff;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.grapwrap .graph .bar1 {
    background: #949598;
}

.grapwrap .graph.sc_event .bar3 {
    -webkit-animation: showBar1 1.2s 0.1s forwards;
    -moz-animation: showBar1 1.2s 0.1s forwards;
    animation: showBar1 1.2s 0.1s forwards;
}

.grapwrap .graph.sc_event .bar3:after {
    -webkit-animation: op 1.2s 0.2s forwards;
    -moz-animation: op 1.2s 0.2s forwards;
    animation: op 1.2s 0.2s forwards;
}

.grapwrap .graph.sc_event .bar2 {
    -webkit-animation: showBar2 1.2s 0.25s forwards;
    -moz-animation: showBar2 1.2s 0.25s forwards;
    animation: showBar2 1.2s 0.25s forwards;
}

.grapwrap .graph.sc_event .bar2:after {
    -webkit-animation: op 1.2s 0.35s forwards;
    -moz-animation: op 1.2s 0.35s forwards;
    animation: op 1.2s 0.35s forwards;
}

.grapwrap .graph.sc_event .bar1 {
    -webkit-animation: showBar3 1.2s 0.4s forwards;
    -moz-animation: showBar3 1.2s 0.4s forwards;
    animation: showBar3 1.2s 0.4s forwards;
}

.grapwrap .graph.sc_event .bar1:after {
    -webkit-animation: op 1.2s 0.5s forwards;
    -moz-animation: op 1.2s 0.5s forwards;
    animation: op 1.2s 0.5s forwards;
}

.grapwrap .graph.sc_event .bar6 {
    -webkit-animation: showBar4 1.2s 0.55s forwards;
    -moz-animation: showBar4 1.2s 0.55s forwards;
    animation: showBar4 1.2s 0.55s forwards;
}

.grapwrap .graph.sc_event .bar6:after {
    -webkit-animation: op 1.2s 0.65s forwards;
    -moz-animation: op 1.2s 0.65s forwards;
    animation: op 1.2s 0.65s forwards;
}

.grapwrap .graph.sc_event .bar5 {
    -webkit-animation: showBar5 1.2s 0.7s forwards;
    -moz-animation: showBar5 1.2s 0.7s forwards;
    animation: showBar5 1.2s 0.7s forwards;
}

.grapwrap .graph.sc_event .bar5:after {
    -webkit-animation: op 1.2s 0.8s forwards;
    -moz-animation: op 1.2s 0.8s forwards;
    animation: op 1.2s 0.8s forwards;
}

.grapwrap .graph.sc_event .bar4 {
    -webkit-animation: showBar6 1.2s 0.85s forwards;
    -moz-animation: showBar6 1.2s 0.85s forwards;
    animation: showBar6 1.2s 0.85s forwards;
}

.grapwrap .graph.sc_event .bar4:after {
    -webkit-animation: op 1.2s 0.95s forwards;
    -moz-animation: op 1.2s 0.95s forwards;
    animation: op 1.2s 0.95s forwards;
}

@keyframes showBar1 {
    0% {
        height: 0px;
    }

    100% {
        height: 245px;
    }
}

@keyframes showBar2 {
    0% {
        height: 0px;
    }

    100% {
        height: 170px;
    }
}

@keyframes showBar3 {
    0% {
        height: 0px;
    }

    100% {
        height: 209px;
    }
}

@keyframes showBar4 {
    0% {
        height: 0px;
    }

    100% {
     height: 235px;
    }
}

@keyframes showBar5 {
    0% {
        height: 0px;
    }

    100% {
        height: 160px;
    }
}

@keyframes showBar6 {
    0% {
        height: 0px;
    }

    100% {
        height: 200px;
    }
}

@keyframes op {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.grapwrap .graph .bar:after {
    clear: both;
    display: block;
    position: absolute;
    top: -34px;
    left: 0;
    right: 0;
    font-size: 20px;
    text-align: center;
    opacity: 0;
}

.grapwrap .graph .bar1:after {
    content: "3,257";
}

.grapwrap .graph .bar2 {
    background: #949598;
}

.grapwrap .graph .bar2:after {
    content: "3,100";
}

.grapwrap .graph .bar3 {
    background: linear-gradient(180deg, #0AC799 0%, #249DA5 100%);
}

.grapwrap .graph .bar3:after {
  content: "3,502";
}

.grapwrap .graph .bar4 {
    background: #949598;
}

.grapwrap .graph .bar4:after {
    content: "203";
}

.grapwrap .graph .bar5 {
    background: #949598;
}

.grapwrap .graph .bar5:after {
    content: "190";
}

.grapwrap .graph .bar6 {
    background: linear-gradient(180deg, #0AC799 0%, #249DA5 100%);
}

.grapwrap .graph .bar6:after {
    content: "314";
}

section.about_present .layer2 {
    margin-top: 130px;
}

section.r_d_quality .box {
    margin-bottom: 7px;
}

section.r_d_quality .tab_body {
    margin-top: 30px;
}

section.ratio table tr:nth-child(1) > th:nth-child(1) {
    width: 25%;
}

section.ratio table tr:nth-child(1) > th:nth-child(2) {
    width: 25%;
}

section.ratio table tr:nth-child(1) > th:nth-child(3) {
    width: 50%;
}

section.ratio table tr:nth-child(2) > th {
    width: 16.6%;
}

section.fin_information .divTableHead {
    width: 25%;
}

section.fin_information .tab_body > .div_tab em {
    margin-top: 0;
    margin-bottom: 15px;
    text-align: right;
}

section.fin_information .tab_body .chartTableCell > p {
    text-align: right;
}

section.fin_information .chartTableRow > div:nth-child(1) > p {
    text-align: center;
}

section.r_d_quality .tab_body .chartTableCell {
    width: 25%;
}

section.sigma .list_util > dl > dt {
    width: 40%;
}

section.sigma .list_util > dl > dd {
    width: 60%;
}

section.r_d_quality .list_util dd > ul > li:after,
section.sigma .list_util dd > ul > li:after {
    top: 8px;
}

section.dis_introduction .subtit h7 {
    margin: 0;
}

.paging {
    text-align: center;
    margin: 70px auto 0;
}

.paging div {
    display: inline-flex;
    align-items: center;
    gap: 30px;
}

.paging a {
    font-size: 15px;
}

.paging a.active {
    color: #fff;
    background: #DBBF68;
    border-radius: 5px;
    display: flex;
    padding: 4px 10px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.prd_info {
    margin: 50px 0 100px;
}

.prd_info .inner {
    display: flex;
}

.prd_info_v2 .inner {
    display: block;
}

.prd_info .inner > .tit {
    width: 32%;
    padding-right: 20px;
    box-sizing: border-box;
}

.prd_info .inner > .cont {
    width: 68%;
}

.prd_info .tit i {
    display: inline-block;
    font-style: normal;
    border-radius: 5px;
    background: #505050;
    color: #fff;
    padding: 2px 16px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 500;
}

.prd_info .tit h3 {
    display: inline-block;
    font-size: 40px;
    background: linear-gradient(90deg, #DBBF68 20.67%, #9B8D60 49.5%, #926856 67.77%, #DF7548 89.87%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 0 10px;
    font-weight: 600;
    line-height: 1.1;
}

.prd_info .tit h4 {
    color: rgba(102, 102, 102, 0.40);
    font-size: 26px;
    line-height: 1.3;
    font-weight: 400;
}

.prd_info .cont img {
    display: block;
    width: 100%;
    margin-bottom: 50px;
}

.prd_info .cont p {
    font-size: 18px;
    color: #666;
    line-height: 1.8;
    font-weight: 400;
}

.tab_body > .div_tab {
    margin-bottom: 100px;
}

.tab_body > .div_tab > h5 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
}

.tab_body > .div_tab p.desc {
    font-size: 18px;
    font-weight: 400;
}

.tab_body > .div_tab em {
    margin-top: 15px;
    display: block;
    color: #5E6074;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
}

.tab_body > .div_tab .wrap_v1 {
    margin-top: 15px;
}

.wrap_v1 h5 {
    position: relative;
    padding-left: 30px;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 3px;
}

.wrap_v1 h5:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 20px;
    content: "";
    clear: both;
    display: block;
    background: url("../images/common/chk_icon.png") no-repeat;
    background-size: 15px;
    background-position: 0% 100%;
}

.wrap_v1 p {
    color: rgba(0, 0, 0, .8);
    padding-left: 30px;
    font-size: 16px;
    box-sizing: border-box;
    line-height: 1.7;
}

.wrap_v1 > div:not(:last-child) {
    margin-bottom: 12px;
}

.chartTable {
    display: table;
    width: 100%;
}

.chartTable a {
    cursor: auto;
}

.chartTable_img {
    position: relative;
    vertical-align: top;
    height: auto;
    width: 12%;
    display: inline-block;
}

.chartTable_img img {
    width: 100%;
    position: relative;
    max-width: 138px;
}

.chartTable_wrap {
    width: 88%;
    padding-bottom: 30px;
    display: inline-block;
}

.chartTableRow {
    display: table-row;
    transition: background .3s ease;
}

.chartTable.type2 .question .chartTableCell.a {
    text-align: left;
    padding: 22px 20px;
    padding-left: 70px;
    font-size: 14px;
    position: relative;
    color: rgba(0, 0, 0, 0.75);
    width: 28%;
}

.chartTable.type2 .answer .chartTableCell.b,
.chartTable.type2 .question .chartTableCell.b {
    padding: 22px 20px;
    position: relative;
    text-align: left;
}

.chartTable.type2 .question .chartTableCell.b {
    cursor: pointer;
}

.chartTable.type2 .question .chartTableCell.a img {
    position: absolute;
    top: 32px;
    margin-top: -12px;
    margin-left: -35px;
}

.chartTable.type2 .answer .chartTableCell.a {
    text-align: left;
    padding: 22px 20px;
    padding-left: 70px;
    position: relative;
    width: 28%;
}

.chartTable.type2 .chartTableCell.a {
    width: 250px !important;
}

.chartTable.type2 .question .chartTableCell.b > i {
    position: absolute;
    right: 10px;
    top: 15px;
    width: 40px;
    height: 40px;
    transition: transform .3s ease;
}

.chartTable.type2 .question.open .chartTableCell.b > i {
    transform: rotate(180deg);
}

.chartTable.type2 .question .chartTableCell.b > i:after {
    content: "";
    position: absolute;
    width: 13px;
    left: calc(50% - 6px);
    top: calc(50% - 1.5px);
    height: 3px;
    background: rgba(0, 0, 0, .5);
    transition: background .3s ease;
}

.chartTable.type2 .question.open .chartTableCell.b > i:after {
    background: #007EDE;
}

.chartTable.type2 .question .chartTableCell.b > i:before {
    content: "";
    position: absolute;
    width: 13px;
    left: calc(50% - 6px);
    top: calc(50% - 1.5px);
    height: 3px;
    transform: rotate(90deg);
    background: rgba(0, 0, 0, .5);
    transition: transform .3s ease, background .3s ease;
}

.chartTable.type2 .question.open .chartTableCell.b > i:before {
    transform: rotate(180deg);
    background: transparent;
}

.chartTable.type2 .chartTableCell.b {
    width: calc(100% - 250px) !important;
}

.chartTable.type2 .answer {
    visibility: hidden;
    height: 0;
    overflow: hidden;
    transition: height .2s ease 0s, visibility 0s .2s;
    background: rgba(0, 0, 0, 0.03);
}

.chartTable.type2 .answer.open {
    transition: height .2s ease 0s, visibility 0s 0s;
    visibility: visible;
    height: 445px;
}

.chartTable.type2 .answer .chartTableCell.a img {
    position: absolute;
    top: 32px;
    margin-top: -12px;
    margin-left: -35px;
}

.chartTable.type2 .answer .chartTableCell.b {
    height: 400px;
    overflow: hidden;
    overflow-y: auto;
}

.chartTable.type2 .answer .chartTableCell.b::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: rgba(0, 0, 0, 0.2);
}

.chartTable.type2 .answer .chartTableCell.b::-webkit-scrollbar-track {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
}

.chartTable.type2 .answer .chartTableCell.b::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #007ede;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
}

.technical_inquiry .chartTableRow {
    display: flex;
}

.technical_inquiry .chartTableRow:nth-of-type(2n-1) {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.technical_inquiry .chartTableCell {
    border-right: 0px;
}

.chartTableHeading {
    background-color: #eee;
    display: table-header-group;
}

.chartTableCell,
.divTableHead {
    font-size: 16px;
    font-weight: 400;
    display: table-cell;
    padding: 3px 10px;
    word-break: keep-all;
    vertical-align: middle;
}

.chartTableCell:last-child,
.divTableHead:last-child {
    border-right: 0px;
}

.divTableHead {
    border-right: none;
    /*    background: #E9D9A4;*/
    background: #F8F2E1;
    color: #000;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    padding: 22px 0px;
    border-right: 1px solid #DFE0E8;
    /*    border-bottom: 1px solid #42414D;*/
    border-bottom: 1px dotted #80a2b9;
    box-sizing: border-box;
}

.chartTableRow > div:nth-child(1) {
    border-right: 1px solid #DFE0E8;
    box-sizing: border-box;
}

.chartTableCell {
    line-height: 20px;
    text-align: center;
    padding: 22px 0px;
    border-right: 1px solid #DFE0E8;
    border-bottom: 1px solid #DFE0E8;
    box-sizing: border-box;
}

.chartTableRow > div:nth-child(1) > p {
    color: #000;
    font-weight: 500;
}

.chartTableCell.half {
    width: 50%;
}

.chartTableCell > span {
    width: 110px;
    background: #5e5b5a;
    font-weight: 300;
    color: #fff;
    padding: 3px 15px;
    font-size: 13px;
    margin-right: 10px;
    display: none;
}

.chartTable sup {
    position: relative;
    top: -4px;
    font-size: 13px;
}

.chartTable mark {
    position: relative;
    font-size: 8px;
    top: -10px;
    left: -6px;
}

.chartTableHeading {
    background-color: #eee;
    display: table-header-group;
    font-weight: bold;
}

.chartTableFoot {
    background-color: #eee;
    display: table-footer-group;
    font-weight: bold;
}

.chartTableBody {
    display: table-row-group;
}

.chartTable.type2 .chartTableCell:first-child {
    vertical-align: middle;
    padding: 0px;
    background: #F6F7F9;
    border-right: 1px solid #DFE0E8;
    box-sizing: border-box;
}

.chartTableBody {
    display: table-row-group;
}

.chartTableBody {
    display: table-row-group;
}

.chartTable {
    border-top: 2px solid #42414D;
    border-top: 3px solid #DBBF68;
    box-sizing: border-box;
}

.chartTableCell a.btn {
    line-height: 34px;
    font-size: 13px;
    font-weight: 400;
    padding: 0px 20px;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.15);
    color: #007ede;
    transition: color 0.3s ease, background 0.3s ease;
}

.chartTableCell a.btn:hover {
    line-height: 34px;
    font-size: 13px;
    font-weight: 400;
    padding: 0px 20px;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0);
    background: #007ede;
    color: #fff;
}

.chartTableCell div.btn {
    background: #222;
    line-height: 34px;
    font-size: 13px;
    font-weight: 400;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.15);
    color: rgba(255, 255, 255, 0.75) !important;
    ;
    width: 80px;
}

.chartTableCell .btn.enable {
    border: 1px solid rgba(0, 0, 0, 0);
    background: #007ede;
    color: #fff;
}

.chartTableRow.done {
    background: rgba(0, 0, 0, 0.1) !important;
}

.chartTableRow.done * {
    color: rgba(0, 0, 0, 0.5) !important;
}

.layer_area > dl {
    margin-bottom: 70px;
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.layer_area > dl > dt h5 {
    font-size: 28px;
    font-weight: 600;
}

.layer_area > dl > dt p {
    font-size: 20px;
    font-weight: 400;
    margin-top: 20px;
}

.layer_area > dl > dd > img {
    margin-right: 30px;
}

#tab5 .layer_area > dl > dd > img {
    margin-right: 10px;
}

.layer_area > dl > dd > img:last-of-type {
    margin-right: 0;
}

.layer_area > dl > dd p {
    font-size: 14px;
    color: #B19B54;
    margin-top: 5px;
}

.layer_area > dl > dd .tab_body p {
    color: #000;
}

.report {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.report.mb1 {
  margin-bottom: 100px;
}

.report .thumb {
    width: 39%;
    height: 700px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.report .tit {
    padding-bottom: 30px;
    border-bottom: 2px solid #000;
    box-sizing: border-box;
}

.report .tit>div:not(:last-child){
  MARGIN-BOTTOM: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
}

.report .txt {
    width: 50%;
}

.report .tit > p {
    color: #249DA5;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 3px;
}

.report .tit > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.report .tit > div span {
    display: inline-block;
    font-size: 26px;
    font-weight: 700;
}

.report .desc {
    padding-top: 30px;
}

.report .desc dl {
    display: flex;
    justify-content: right;
    flex-wrap: wrap;
    font-size: 18px;
}

.report .desc dl:not(:last-child) {
    margin-bottom: 30px;
}

.report .desc dt {
    width: 15%;
}

.report .desc dd {
    width: 85%;
    flex-direction: column;
    display: flex;
}

.report .desc dd:not(:last-child) {
    margin-bottom: 10px;
}

.report .adobe {
    background: rgba(132, 136, 139, 0.10);
    padding: 46px 40px 38px 40px;
    box-sizing: border-box;
    display: flex;
    gap: 25px;
    align-items: center;
}

.report .adobe a {
    line-height: 1;
}

.report .adobe p {
    font-size: 14px;
}

body.product_disclosure .prd_info {
    margin: 130px auto 100px;
}

section.eth_about #tab1 .col01 img {
    margin: 0 auto;
    display: block;
}

section.eth_about #tab1 .col01 p {
    font-size: 32px;
    font-weight: 600;
    font-style: normal;
    margin: 80px auto;
    text-align: center;
}

section.eth_about #tab1 .col01 p i {
    font-style: normal;
    color: #AF8900;
}

section.eth_about #tab1 .col01 p span {
    color: #249DA5;
}

section.eth_about #tab1 .col02 {
    display: flex;
    align-items: flex-start;
    gap: 100px;
    justify-content: space-between;
    padding-top: 80px;
    border-top: 1px solid rgba(0, 0, 0, .2);
    box-sizing: border-box;
}

section.eth_about #tab1 .col02 .row01 p {
    font-size: 18px;
    line-height: 1.7;
}

section.eth_about #tab1 .col02 .row01 p:not(:last-child) {
    margin-bottom: 20px;
}

section.eth_about #tab1 .col02 .row02 {
    margin-top: 70px;
    display: flex;
    gap: 80px;
    align-items: center;
}

section.eth_about #tab1 .col02 .row02 p:after {
    clear: both;
    content: "";
    display: block;
    position: absolute;
    left: -40px;
    top: 0;
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, .3);
}

section.eth_about #tab1 .col02 .row02 p {
    position: relative;
}

section.eth_about #tab1 .col02 .row02 p i {
    display: block;
    font-style: normal;
    font-size: 14px;
}

section.eth_about #tab1 .col02 .row02 p span {
    font-size: 24px;
    font-weight: 500;
}

section.annual_report .new_attre {
    margin-top: 100px;
    flex-direction: column;
}

section.annual_report .new_attre .basic_btn {
    display: inline-block;
    margin-left: 50px;
}

section.annual_report .new_attre .product-attribute__list {
    width: 100%;
}

section.annual_report .new_attre .product-attribute__left {
    width: 35%;
    padding: 0;
    align-items: center;
    justify-content: center;
}

section.annual_report .product-attribute__right {
    padding: 0;
    width: 70%;
    align-items: center;
    justify-content: center;
}

section.annual_report .product-attribute__sub-item {
    padding: 0;
}

section.annual_report .product-attribute__sub-item::before {
    display: none;
}

section.gr_committee .col01 {
    position: relative;
    padding: 100px 0;
    box-sizing: border-box;
}

section.gr_committee .col01:after {
    position: absolute;
    top: 0;
    left: -100%;
    width: 300%;
    height: 100%;
    background: #E8EAEA;
    content: "";
    display: block;
    clear: both;
    z-index: -1;
}

section.gr_committee .col01 img {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

section.gr_value .col01 {
    position: relative;
    width: 100%;
    max-width: 1320px;
    height: 445px;
    margin-bottom: 150px;
    background: url("../images/management/gr_value.png") no-repeat;
    background-size: cover;
    background-position: center;
}

section.gr_value .col01 dl {
    position: absolute;
    top: 45px;
    right: 0;
    background: rgba(255, 255, 255, .7);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 58px 60px;
    box-sizing: border-box;
    width: 660px;
}

section.gr_value .col01 dt {
    color: #249DA5;
    font-size: 80px;
    font-weight: 600;
    position: relative;
    padding-right: 40px;
    margin-right: 40px;
    box-sizing: border-box;
    line-height: 1;
}

section.gr_value .col01 dt:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    content: "";
    display: block;
    clear: both;
}

section.gr_value .col01 dd {
    font-size: 22px;
    font-weight: 500;
}

section.gr_value .col02 p {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 15px;
}

section.gr_value .col02 h7 {
    line-height: 1.4;
}

section.dis_rp .report .adobe {
    margin-top: 294px;
}

section.annual_report .adobe {
    margin-top: 30px;
}

section.biobrass .prd_info .cont h5 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 50px;
}

section.biobrass .prd_info .cont dl {
    margin-bottom: 30px;
}

section.biobrass .prd_info .cont dt {
    font-size: 22px;
    font-weight: 600;
}

section.biobrass .prd_info .cont dd {
    font-size: 18px;
    color: rgba(0, 0, 0, .7);
    font-weight: 400;
}

section.biobrass .tab_body_v1 .chartTableCell {
    width: 16.66%;
}

section.biobrass .tab_body_v2 .chartTableCell {
    width: 14.2%;
}

section.biobrass .tab_body_v3 .chartTableCell {
    width: 33.33%;
}

section.biobrass .tab_body_v4 .chartTableCell {
    width: 20%;
}

section.biobrass .tab_body_v5 .chartTableCell {
    width: 25%;
}

section.biobrass .tab_body_v5 .chartTableCell br {
    display: none;
}

section.biobrass .tab_body_v4 .layer > p {
    display: flex;
    align-items: center;
    margin: 0 0 13px;
}

section.biobrass .tab_body_v5 .chartTable.type2 .chartTableCell:first-child {
    background: transparent;
}

section.biobrass .tab_body_v5 .data_v1 p {
    display: none;
}

section.biobrass .tab_body_v4 .layer > p > img:nth-child(1) {
    margin-right: 30px;
}

section.biobrass .layer_area .tab_body_v1 {
    width: 875px;
}

section.biobrass .box_area img {
    position: relative;
    top: 75px;
    left: 5px;
}

body.management_ethics .prd_info {
    margin: 40px 0 100px;
}

section.eth_standard #tab1 .img {
    position: relative;
    height: 365px;
    margin-bottom: 80px;
    background: url("../images/management/standard.png") no-repeat;
    background-size: cover;
}

section.eth_standard #tab1 .img p {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    text-transform: uppercase;
    font-size: 45px;
}

section.eth_standard #tab4{
  text-align: center;
}

section.eth_standard .eb_btn{}

section.eth_standard .eb_btn>a{
  background: #096598;
  display: inline-flex;
  padding: 12px 25px 12px 20px;
  align-items: center;
  gap: 14px;
  margin-top: 50px;
}

section.eth_standard .eb_btn span{
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}

section.eth_standard .eb_btn img{
  display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    top: 1px;
    filter: grayscale(1);
}


.icon_box .title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 50px;
}

.icon_box .desc ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.icon_box .desc li {
    width: 28%;
    margin-bottom: 90px;
    padding-bottom: 60px;
    position: relative;
}

.icon_box .desc li:after {
    clear: both;
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, .3);
    position: absolute;
    bottom: 0;
    left: 0;
}

.icon_box .desc em {
    color: #249DA5;
    font-size: 80px;
    font-weight: 600;
    font-style: normal;
    display: inline-block;
    margin-bottom: 7px;
    font-family: Pretendard;
}

.icon_box .desc p {
    font-size: 18px;
    line-height: 1.8;
}

section.about_present .subtit h7 {
    margin: 0;
}

section.eth_standard #tab1 .basic_btn {
    text-align: center;
}

section.dis_information .box {
    background: url("../images/recruit/information.png") no-repeat;
    background-size: cover;
    height: 1080px;
    position: relative;
    top: 167px;
    background-position: right;
}

section.dis_information .box ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 25px;
    grid-row-gap: 70px;
    position: relative;
    top: -167px;
}

section.dis_information .box ul li:nth-child(1) {
    grid-area: 1 / 1 / 2 / 2;
}

section.dis_information .box ul li:nth-child(2) {
    grid-area: 1 / 2 / 2 / 3;
}

section.dis_information .box ul li:nth-child(3) {
    grid-area: 1 / 3 / 2 / 4;
}

section.dis_information .box ul li:nth-child(4) {
    grid-area: 2 / 1 / 3 / 2;
}

section.dis_information .box ul li:nth-child(5) {
    grid-area: 2 / 2 / 3 / 3;
}

section.dis_information .box ul li {
    width: 410px;
    height: 487px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.30);
    box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.10);
    padding: 85px 50px;
    box-sizing: border-box;
}

section.dis_information .box h4 {
    color: #DBBF68;
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 40px;
}

section.dis_information .box h5 {
    display: inline-block;
    margin-bottom: 30px;
    font-size: 28px;
    font-weight: 700;
    padding-bottom: 15px;
    border-bottom: 1px solid #000;
    box-sizing: border-box;
}

section.dis_information .box span {
    display: block;
    color: #89744F;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 5px
}

section.dis_information .box p {
    font-size: 20px;
    font-weight: 400;
    color: rgba(0, 0, 0, .8);
}

/*연구개발실적 시작*/
body.cs_center section.visual .screen > div {
    background-position: top;
}

body.private_ .p_v2 {
    position: relative;
    margin-bottom: 2px;
    font-weight: 600;
    padding-left: 20px;
    box-sizing: border-box;
}

body.private_ .p_v2:after {
    clear: both;
    content: "▶";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    font-size: 13px;
}

body.private_ section.visual .screen > div {
    background-image: url("../images/visual/sub8.png") !important;
}

body.private_ section.visual .sub_nav .title span:nth-child(3),
body.private_ section.visual .sub_nav .title span:nth-child(4) {
    display: none;
}

body.private_ .list_util dd > ul > li {
    padding-left: 20px;
}

body.private_ .list_util dd > ul.ul_util > li,
body.private_ .list_util dd > ul > li.ol_util {
    padding-left: 0;
}

body.private_ .list_util dd > ul > li:after {
    width: auto;
    height: auto;
    background: transparent;
    top: 0;
}

body.private_ .list_util .ul_util {
    margin: 0px 0 7px;
}

body.private_ .list_util .ul_util_v2 {
    margin: 20px 0;
}

body.private_ .list_util dd > ul > li:nth-child(1):after {
    content: "①";
}

body.private_ .list_util dd > ul > li:nth-child(2):after {
    content: "②";
}

body.private_ .list_util dd > ul > li:nth-child(3):after {
    content: "③";
}

body.private_ .list_util dd > ul > li:nth-child(4):after {
    content: "④";
}

body.private_ .list_util dd > ul > li:nth-child(5):after {
    content: "⑤";
}

body.private_ .list_util > dl > dt {
    width: 30%;
}

body.private_ .list_util > dl > dd {
    width: 70%;
    padding-left: 150px;
}

section.rd_result {
    padding-bottom: 240px;
    overflow: inherit;
}

section.rd_present .cont01 {
    background: #F6F7F9;
    height: 680px;
    margin: 130px 0 50px;
}

section.rd_present .cont01 > .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.rd_present .cont01 > .inner > div:nth-child(1) > dl:nth-child(1) {
    margin-bottom: 100px;
}

section.rd_present .cont01 dt {
    font-size: 25px;
    font-weight: 600;
    box-sizing: border-box;
    margin-bottom: 13px;
    border-bottom: 1px solid #000;
    padding-bottom: 7px;
    color: #000;
    font-weight: 700;
}

section.rd_present .cont01 dd {
    font-size: 18px;
    margin-bottom: 5px;
}

section.rd_present .cont01 img {
    position: relative;
    top: -90px;
}

section.rd_present .cont02 .inner:after {
    clear: both;
    content: "";
    display: block;
}

section.rd_present .cont02 .inner > div {
    max-width: 867px;
    float: right;
}

section.rd_present .cont02 p {
    font-size: 18px;
    color: rgba(0, 0, 0, .8);
}

section.rd_present .cont02 p:not(:last-child) {
    margin-bottom: 30px;
}

.text-primary {
    color: rgba(63, 191, 184, 1);
    line-height: 1;
}

.row {
    display: flex;
    justify-content: space-between;
}

.search_line .total {
    font-size: 20px;
    line-height: 50px;
    font-weight: 500;
    color: #383838;
}

.search_line .total em {
    color: #DBBF68;
    font-style: normal;
}

.search_line .search {
    width: 410px;
    position: relative;
    float: right;
}

.search_line .search:after {
    clear: both;
    content: "";
    display: block;
}

.search_line .search input {
    width: 100%;
    padding: 15px 5px;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: -1px;
    color: #919191;
    border-bottom: 1px solid #ccc;
}

.search_line .search input:focus {
    border-color: #DBBF68;
}

.search_line .search button {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    background: url("../images/company/icon.png") no-repeat;
    font-size: 0;
}

.search_line:after {
    clear: both;
    content: "";
    display: block;
}

.accordion {
    margin-top: 50px;
}

/*.accordion__list{border-top:2px solid #222;}*/
.accordion__item {
    border-top: 1px solid #e5e5e5;
    transition: .3s ease;
    cursor: pointer;
}

.accordion__btn {
    width: 100%;
    padding: 45px 60px 45px 20px;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
    cursor: pointer;
    gap: 50px;
}

.accordion__btn i {
    font-size: 36px;
    color: rgba(0, 0, 0, .2);
    font-style: normal;
    position: relative;
    top: 25px;
}

.accordion__btn:after {
    display: inline-block;
    width: 28px;
    height: 60px;
    background: #DBBF68;
    position: absolute;
    top: 0;
    left: 23px;
    clear: both;
    content: "";
    display: block;
}

.accordion__btn span {
    font-size: 18px;
    color: rgba(0, 0, 0, .8);
    width: 30%;
}

.accordion__title {
    font-weight: 600;
    text-align: left;
    width: 70%;
    font-size: 22px;
    color: #000;
    transition: color .3s;
}

.accordion__icon {
    font-size: 20px;
    color: #ccc;
    transition: transform .5s;
}

.accordion__btn img {
    transform: rotate(360deg);
}

.accordion__btn.open img {
    transform: rotate(-180deg);
}

.accordion__item.open .accordion__desc-wrap {
    background: #faf9f9;
}

.accordion__desc-wrap {
    display: none;
    position: relative;
    padding: 40px 100px;
    background: #faf9f9;
}

.accordion__desc .basic_btn {
    white-space: normal !important;
}

.accordion__desc {
    position: relative;
    width: 100%;
    height: 100%;
}

.accordion__desc > * {
    font-size: 18px !important;
    color: rgba(0, 0, 0, .8) !important;
    white-space: inherit !important;
    font-weight: 500 !important;
    margin-bottom: 15px !important;
    background-color: transparent !important;
    line-height: 1.7 !important;
}

.accordion__desc a {
    color: blue;
}

.accordion__desc.product-attribute__sub-item::before {
    display: none;
}

.accordion__img-wrap {
    width: 50%;
    max-width: 685px;
    margin-left: 20px;
    font-size: 0;
    line-height: 1;
}

.accordion__img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.about-history .year {
    position: sticky;
    position: -webkit-sticky;
    font-size: 140px;
    font-weight: 700;
    line-height: 1;
    display: inline-block;
    vertical-align: top;
}

.about-history .text-primary {
    position: sticky;
    position: -webkit-sticky;
    font-size: 140px;
    font-weight: 700;
    line-height: 1;
    top: 200px;
    display: inline-block;
    vertical-align: top;
}

.about-history > div {
    padding-top: 70px;
    width: 50%;
    box-sizing: border-box;
}

.history-cont ul {
    position: relative;
}

.history-cont ul:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 5px;
    top: calc(0.8em + 8px);
    width: 1px;
    height: 100%;
    background-color: #E5E5E5;
}

.history-cont li {
    position: relative;
    font-size: 18px;
    padding-left: 50px;
    box-sizing: border-box;
}

.history-cont li:not(:last-child) {
    margin-bottom: 5px;
}

.history-cont li:after {
    position: absolute;
    content: "";
    display: block;
    clear: both;
    left: 35px;
    top: 13px;
    width: 5px;
    height: 1px;
    background: #000;
}

.history-cont li.h4 {
    font-weight: 700;
    color: #111 !important;
    margin-bottom: 0.3rem;
}

.history-cont li:first-child::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6em;
    border-radius: 50%;
    background-color: #fff;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 3px solid #32A39B;
    border-radius: 50%;
}

.about-history .year {
    top: 200px;
}

.history-cont ul {
    padding-bottom: 70px;
}

.history-cont ul > li:nth-child(1) {
    padding-top: 10px;
    box-sizing: border-box;
}

.history-cont ul > li:nth-child(1):after {
    top: 22px;
}

section.rd_result h4 {
    font-size: 42px;
    font-weight: 700;
    margin-top: 70px;
    padding-top: 30px;
    box-sizing: border-box;
}

section.rd_result .list_util .title {
    padding-top: 70px;
    margin-bottom: 0;
}

.mb_year {
    display: none;
}

section.re_talent .col > dl:nth-child(1) {
    padding: 0 0 80px;
}

section.re_talent dl {
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    box-sizing: border-box;
    padding: 80px 0;
    justify-content: space-between;
    align-items: center;
}

section.re_talent dt {
    width: 55%;
}

section.re_talent .col > dl h4 {
    display: inline-block;
    font-size: 100px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1;
}

section.re_talent .col > dl:nth-child(1) h4 {
    background: linear-gradient(90deg, #000 42.06%, #666 95.18%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

section.re_talent .col > dl:nth-child(2) dt h4 {
    background: linear-gradient(90deg, #000 47.64%, #DBBF68 95.73%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

section.re_talent .col > dl:nth-child(3) h4 {
    background: linear-gradient(90deg, #000 49.1%, #55ABAB 97.41%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

section.re_talent .col > dl:nth-child(4) h4 {
    background: linear-gradient(90deg, #000 40.01%, #CB8161 96.41%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

section.re_talent dt span {
    display: block;
    font-weight: 400;
    font-size: 17px;
    padding-left: 5px;
    box-sizing: border-box;
}

section.re_talent dd {
    width: 45%;
}

section.re_talent dd p {
    position: relative;
    font-size: 18px;
    font-weight: 400;
    padding-left: 17px;
    box-sizing: border-box;
}

section.re_talent dd p:not(:last-child) {
    margin-bottom: 5px;
}

section.re_talent dd p:after {
    position: absolute;
    width: 5px;
    height: 1px;
    background: #000;
    clear: both;
    content: "";
    display: block;
    top: 12px;
    left: 0;
}

section.ceo_profile .col > div {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

section.ceo_profile .col > div:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    box-sizing: border-box;
    padding-bottom: 80px;
    margin-bottom: 80px;
}

section.ceo_profile .col .profile {
    font-size: 0;
}

section.ceo_profile .col .profile img {
    width: 400px;
    height: 500px;
}

section.ceo_profile .col .profile p {
    padding: 30px 50px;
    box-sizing: border-box;
    background: #F9F9F9;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.08);
    margin: 0;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

section.ceo_profile .col .profile p i {
    font-style: normal;
    font-size: 18px;
    display: block;
    margin-bottom: 5px;
    color: #35b3aa;
    font-weight: 600;
}

section.ceo_profile .col .profile p span {
    font-size: 30px;
    font-weight: 700;
}

.profile_cont {
    width: 711px;
}

.profile_cont > div:not(:last-child) {
    margin-bottom: 50px;
}

.profile_cont > div > p {
    font-weight: 700;
    border-bottom: 1px solid #000;
    box-sizing: border-box;
    font-size: 24px;
    padding-bottom: 13px;
    margin-bottom: 20px;
}

.profile_cont > div ul li {
    position: relative;
    font-size: 16px;
}

.profile_cont > div ul li:not(:last-child) {
    margin-bottom: 10px;
}

.profile_cont > div ul span {
    font-weight: 600;
    display: inline-block;
    margin-right: 7px;
}

.profile_cont > div ul p {
    color: rgba(0, 0, 0, .8);
    font-weight: 400;
    display: inline-block;
}

section.ceo_philosophy .col > div:nth-child(1) {
    margin-bottom: 150px;
}

section.ceo_philosophy .tit {
    display: flex;
    align-items: center;
}

section.ceo_philosophy .tit div {
    width: 44%;
    position: relative;
}

section.ceo_philosophy .tit div:after {
    position: absolute;
    content: "";
    display: block;
    clear: both;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #000;
    width: 1px;
    height: 130px;
}

section.ceo_philosophy .tit div img {
    display: block;
    margin-bottom: 30px;
}

section.ceo_philosophy .tit h5 {
    font-size: 50px;
    font-weight: 600;
    padding-left: 70px;
    box-sizing: border-box;
}

section.ceo_philosophy .desc {
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-top: 40px;
}

section.ceo_philosophy .desc .l p {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.8;
}

section.ceo_philosophy .desc .r {
    width: 450px;
}

section.ceo_philosophy .desc .r p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.8;
}

section.ceo_philosophy .desc .r p:not(:last-child) {
    margin-bottom: 40px;
}

section.dis_system .col {
    background: rgba(132, 136, 139, 0.10);
    height: 1250px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

section.dis_system .circle {
    position: relative;
    width: 490px;
    height: 490px;
    background: #fff;
    border-radius: 50%;
    box-sizing: border-box;
    margin: 0 auto;
}

section.dis_system .circle .b {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 426px;
    height: 426px;
    border-radius: 50%;
    background: #DBBF68;
}

section.dis_system .circle .b div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}

section.dis_system .circle .b img {
    display: inline-block;
    margin-bottom: 7px;
}

section.dis_system .circle .b p {
    font-size: 42px;
    font-weight: 600;
    color: #fff;
}

section.dis_system .circle .s {
    position: absolute;
}

section.dis_system .circle .s:after {
    width: 183px;
    height: 188px;
    clear: both;
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

section.dis_system .circle .s1:after {
    top: -201px;
    left: -60px;
    background-image: url("../images/recruit/system1.png");
}

section.dis_system .circle .s2:after {
    right: -200px;
    top: -60px;
    background-image: url("../images/recruit/system2.png");
}

section.dis_system .circle .s3:after {
    bottom: -203px;
    left: -250px;
    background-image: url("../images/recruit/system4.png");
}

section.dis_system .circle .s4:after {

    left: 227px;
    top: -10px;
    background-image: url("../images/recruit/system3.png");
}

section.dis_system .circle .s1 {
    height: 205px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

section.dis_system .circle .s2 {
    width: 205px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

section.dis_system .circle .s3 {

    height: 205px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

section.dis_system .circle .s4 {
    width: 205px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

section.dis_system .circle .s .won {
    width: 205px;
    height: 205px;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
}

section.dis_system .circle .s .won div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex-direction: column;
}

section.dis_system .circle .s1 .won {
    left: -143px;
    background: #4D4E53;
    opacity: 0.8;
}

section.dis_system .circle .s2 .won {
    top: -142px;
    background: rgba(31, 132, 138, 0.80);
    background-blend-mode: multiply;
}

section.dis_system .circle .s3 .won {
    right: -142px;
    background: rgba(93, 70, 30, .8);
    background-blend-mode: multiply;
}

section.dis_system .circle .s4 .won {

    top: 50px;
    background: rgba(23, 33, 84, 0.80);
    background-blend-mode: multiply;
}

section.dis_system .circle .s .won h5 {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
}

section.dis_system .circle .s .won p {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}

section.dis_system .circle .s .txt {
    text-align: left;
    position: relative;
}

section.dis_system .circle .s .txt h6 {
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 5px;
}

section.dis_system .circle .s .txt p {
    font-size: 18px;
    font-weight: 400;
    color: rgba(0, 0, 0, .8);
}

section.dis_system .circle .s1 .txt {
    left: -454px;
    width: 300px;
    top: 50%;
    transform: translateY(-50%);
}

section.dis_system .circle .s2 .txt {
    top: -285px;
    width: 300px;
}

section.dis_system .circle .s3 .txt {
    right: -474px;
    width: 300px;
    top: 50%;
    transform: translateY(-50%);
}

section.dis_system .circle .s4 .txt {
    width: 300px;
    top: 280px;
}

section.about_way .col01 .box img {
    margin: 0 auto;
    display: block;
}

section.about_way .col01 .basic_layer {
    margin: 100px 0 130px
}

.basic_layer div {
    width: 100%;
    border: 1px solid rgba(102, 102, 102, 0.50);
    box-sizing: border-box;
    text-align: center;
    position: relative;
    margin: 0 auto;
    box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.10);
}

.basic_layer > div:not(:last-child) {
    margin: 0 auto 70px;
}

.basic_layer i {
    display: inline-block;
    background: #172154;
    color: #fff;
    font-style: normal;
    padding: 10px 0;
    box-sizing: border-box;
    width: 130px;
    text-align: center;
    font-weight: 600;
}

.basic_layer p {
    position: absolute;
    top: 50%;
    font-size: 30px;
    transform: translateY(-50%);
    width: 100%;
    font-weight: 500;
}

.basic_layer_v2 p {
    transform: inherit;
    position: static;
    padding: 30px 0;
    font-weight: 400;
    margin-bottom: 30px;
    position: relative;
}

.basic_layer_v2 p:after {
    clear: both;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 50px;
    height: 1px;
    background: #000;
}

.basic_layer_v2 span {
    display: inline-block;
    font-size: 19px;
    color: #249DA5;
    font-weight: 500;
    padding-bottom: 50px;
    box-sizing: border-box;
    text-align: center;
}

section.welfare .tab_body > .div_tab {
    margin-bottom: 100px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

section.welfare .tab_body > .div_tab > h5 {
    width: 25%;
}

section.welfare .basic_table {
    width: 75%;
}

section.about_way .col01 .basic_layer div {
    width: 100%;
    max-width: 1000px;
    height: 150px;
}

section.about_way .col01 .basic_layer i {
    border-radius: 50px;
    background: #172154;
    width: 175px;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    top: -26px;
}

section.about_way .col02 .box {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

section.about_way .col02 .box .way {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../images/company/way2.png");
    width: 620px;
    height: 444px;
    transition: .3s ease;
}

section.about_way .col02 .box .way:hover {
    background-image: url("../images/company/way3.png");
}

section.about_way .col02 .desc {
    position: relative;
    padding-left: 40px;
    box-sizing: border-box;
}

section.about_way .col02 .desc:after {
    clear: both;
    content: "";
    width: 3px;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

section.about_way .col02 .desc p {
    font-size: 24px;
    font-weight: 500;
}

section.about_way .col02 .desc p i {
    font-style: normal;
}

section.about_way .col02 .desc > p:not(:last-child) {
    margin-bottom: 7px;
}

section.about_way .col02 .basic_btn {
    margin: 50px auto 0;
    text-align: center;
}

section.about_way .col02 .basic_btn > a:not(:last-child) {
    margin-right: 15px;
}

.oneStop_sect {
    background-color: #F6F7F9;
    padding: 130px 0;
}

.oneStop_sect .sect_tit_box {
    font-size: 48px;
    text-align: center;
    font-weight: 700;
}

.oneStop_sect .cir_box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
}

.oneStop_sect .cir_box .line {
    flex: 1;
    height: 1px;
    background-color: #32A39B;
    position: relative
}

.oneStop_sect .cir_box .line:before {
    content: "";
    background-color: #F6F7F9;
    width: 100%;
    height: 200%;
    right: 0;
    top: 0;
    display: block;
    position: absolute;
    transition: 0.3s
}

.oneStop_sect .cir_box.active .line:last-child:before {
    transition-delay: 1.5s
}

.oneStop_sect .cir_box .cir {
    width: 400px;
    height: 400px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #32A39B;
    color: #000;
    text-align: center;
    position: relative
}

.oneStop_sect .cir_box .cir + .cir {
    margin-left: 1px
}

.oneStop_sect .cir_box .cir:before {
    content: "";
    background-color: #F6F7F9;
    width: calc(100% + 5px);
    height: 105%;
    right: -2px;
    top: -2px;
    display: block;
    position: absolute;
    z-index: 1;
    transition: 0.5s;
    transition-delay: 0.3s
}

.oneStop_sect .cir_box .cir:nth-child(3):before {
    transform: translateX(-1px);
    transition-delay: 0.8s
}

.oneStop_sect .cir_box .cir:nth-child(4):before {
    transform: translateX(-1px);
    transition-delay: 1.3s
}

.oneStop_sect .cir_box .cir .text_box {
    position: relative;
    z-index: 2;
    opacity: 0;
    transition: 0.5s;
    transition-delay: 1.7s;
    transform: translateY(50px);
    width: 70%;
    margin: 0 auto;
}

.oneStop_sect .cir_box .cir .text_box .tit {
    font-size: 20px;
    font-weight: 700;
    color: #32A39B;
}

.oneStop_sect .cir_box .cir .text_box .txt {
    font-size: 26px;
    margin-top: 13px;
    font-weight: 600;
    color: rgba(0, 0, 0, .7);
    line-height: 1.4;
}

.oneStop_sect .cir_box.active .line:first-child:before {
    width: 0%
}

.oneStop_sect .cir_box.active .cir:nth-child(2):before {
    width: 0%
}

.oneStop_sect .cir_box.active .cir:nth-child(3):before {
    width: 0%
}

.oneStop_sect .cir_box.active .cir:nth-child(4):before {
    width: 0%
}

.oneStop_sect .cir_box.active .line:last-child:before {
    width: 0%
}

.oneStop_sect .cir_box.active .text_box {
    transform: translateY(0px);
    opacity: 1
}

.oneStop_sect .icon_box {
    margin-top: 70px;
}

.oneStop_sect .icon_box .in {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.oneStop_sect .icon_box .cont {
    text-align: center;
}

.oneStop_sect .icon_box .cont .icon {
    width: 100%;
    height: 60px;
    position: relative
}

.oneStop_sect .icon_box .cont .icon img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: contain;
    left: 0;
    top: 0
}

.oneStop_sect .icon_box .cont .text_box .tit {
    font-size: 28px;
    font-weight: 700;
}

.oneStop_sect .icon_box .cont .text_box .txt {
    font-size: 17px;
    margin-top: 15px;
}

.oneStop_sect .icon_box .cont .text_box .txt li {
    display: inline-block;
    position: relative;
    font-size: 20px;
    padding-left: 15px;
    box-sizing: border-box;
}

.oneStop_sect .icon_box .cont .text_box .txt li:after {
    position: absolute;
    top: 12px;
    left: 0;
    content: "";
    clear: both;
    display: block;
    width: 4px;
    height: 4px;
    background: rgba(0, 0, 0, .6);
}

.oneStop_sect .icon_box .cont .text_box .txt li + li {
    margin-top: 5px;
}

.oneStop_sect .icon_box .cont .text_box .txt li span {
    margin-right: 5px;
    display: inline-block;
    transform: translateY(-1px)
}

section.sh_information iframe {
    width: 750px;
    height: 900px;
    margin: 0 auto;
    text-align: center;
    display: block;
    position: relative;
    left: 0;
    right: 0;
}

section.sh_information .basic_btn {
    margin: 50px auto 0;
    text-align: center;
}

section.sh_information .basic_btn span {
    margin-right: 15px;
}

section.eth_cyber .list_util dd > ul > li:after {
    display: none;
}

section.eth_cyber #tab1 .col01 {
    padding: 150px 0;
    position: relative;
    margin-bottom: 100px;
}

section.eth_cyber #tab1 .col01:after {
    width: 300%;
    left: -100%;
    position: absolute;
    top: 0;
    background: #F3F4F4;
    height: 100%;
    clear: both;
    content: "";
    display: block;
    z-index: 0;
}

section.eth_cyber #tab1 .col01 * {
    position: relative;
    z-index: 1;
}

section.eth_cyber #tab1 .col01 .circle {
    width: 250px;
    height: 250px;
    background: #DBBF68;
    border-radius: 50%;
    color: #fff;
    font-size: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    right: 0;
    margin: 0 auto 90px;
    position: relative;
}

section.eth_cyber #tab1 .col01 .circle:after {
    position: absolute;
    width: 1px;
    height: 50px;
    bottom: -50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    clear: both;
    content: "";
    display: block;
    background: #84888B;
}

section.eth_cyber #tab1 .col01 .list ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
}

section.eth_cyber #tab1 .col01 .list ul:after {
    position: absolute;
    width: calc(100% - 239px);
    height: 1px;
    top: -50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    clear: both;
    content: "";
    display: block;
    background: #84888B;
}

section.eth_cyber #tab1 .col01 .list li {
    background: #fff;
    width: 240px;
    height: 370px;
    border-radius: 5px;
    border: 1px solid rgba(132, 136, 139, 0.50);
    padding: 40px;
    box-sizing: border-box;
    position: relative;
    box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.10);
}

section.eth_cyber #tab1 .col01 .list li:after {
    position: absolute;
    width: 1px;
    height: 50px;
    top: -50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    clear: both;
    content: "";
    display: block;
    background: #84888B;
}

section.eth_cyber #tab1 .col01 .list i {
    font-style: normal;
    color: #DBBF68;
    font-size: 20px;
    display: block;
}

section.eth_cyber #tab1 .col01 .list b {
    font-size: 22px;
    font-weight: 700;
    margin: 15px 0 20px;
    display: block;
}

section.eth_cyber #tab1 .col01 .list p {
    font-size: 18px;
    color: rgba(0, 0, 0, .8);
    font-weight: 400;
    line-height: 1.7;
}

section.eth_cyber #tab2 .col01 {
    background: #F9F9F9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 588px;
    padding: 100px;
    box-sizing: border-box;
}

section.eth_cyber #tab2 .col01:after {
    background: url("../images/management/eth_cyber.png") no-repeat;
    background-size: cover;
    position: absolute;
    top: 50px;
    left: 0;
    width: 439px;
    height: 539px;
    clear: both;
    content: "";
    display: block;
}

section.eth_cyber #tab2 .tit {
    font-size: 28px;
    font-weight: 600;
    width: 50%;
    position: relative;
    top: -170px;
    left: 54px;
}

section.eth_cyber #tab2 .desc {
    width: 93%;
}

section.eth_cyber #tab2 .desc p {
    position: relative;
    font-size: 18px;
    line-height: 1.7;
    padding-left: 15px;
    box-sizing: border-box;
    margin-bottom: 15px;
}

section.eth_cyber #tab2 .desc p:after {
    position: absolute;
    content: "";
    display: block;
    clear: both;
    width: 6px;
    height: 1px;
    background: rgba(0, 0, 0, .8);
    left: 0;
    top: 14px;
}

@media screen and (min-width: 1200px) {
    @keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-100px);
            -ms-transform: translateX(-100px);
            transform: translateX(-100px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }

    .fadeInLeft {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
    }

    @-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(100px);
            transform: translateY(100px);
        }

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

    @keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(100px);
            -ms-transform: translateY(100px);
            transform: translateY(100px);
        }

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

    .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }


}

@media screen and (max-width: 1200px) {
    .oneStop_sect {
        padding: 100px 0;
    }

    .oneStop_sect .cir_box {
        margin-top: 100px
    }

    .oneStop_sect .cir_box .cir {
        width: 30%;
        height: 0;
        padding-top: 30%
    }

    .oneStop_sect .cir_box .cir .text_box {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        padding: 0 20px
    }

    .oneStop_sect .sect_tit_box {
        font-size: 32px;
    }

    .oneStop_sect .cir_box .cir .text_box .tit {
        font-size: 28px;
    }

    .oneStop_sect .cir_box .cir .text_box .txt {
        font-size: 18px;
    }

    .oneStop_sect .icon_box .cont .text_box {
        margin-top: 20px;
    }

    .oneStop_sect .icon_box .cont .text_box .tit {
        font-size: 22px;
    }

    .oneStop_sect .icon_box .cont .text_box .txt {
        font-size: 16px;
    }

    .oneStop_sect .icon_box .cont .icon {
        height: 50px
    }
}

.basic_btn a {
    padding: 10px 30px;
    box-sizing: border-box;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 14px;
    font-weight: 600;
    color: #222;
    transition: .3s ease;
    cursor: pointer;
    text-transform: uppercase;
}

.basic_btn a img {
    display: inline-block !important;
    margin: 0 0 0 7px !important;
    padding: 0 !important;
    width: auto !important;
    height: 17px !important;
    vertical-align: -3px;
    transition: .3s ease;
}

.basic_btn a:hover {
    color: #fff;
    background: #222;
}

.basic_btn a:hover img {
    filter: grayscale(1) brightness(4);
}


.basic_btn_v2 {
    display: block;
    line-height: 1;
    margin-top: 50px;
}

.basic_btn_v2 > a {
    min-width: 205px;
    font-weight: 500;
    padding: 14px 20px;
    padding-right: 50px;
    font-size: 14px;
    letter-spacing: 0;
    word-break: break-all;
    overflow: hidden;
    display: inline-block;
    position: relative;
    background: linear-gradient(to left, #009759 50%, #444 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    color: #fff;
    border-radius: 5px;
    transition: .3s ease;
    text-transform: uppercase;
}

.basic_btn_v2 > a:after {
    content: "";
    height: 100%;
    width: 50px;
    top: 0;
    right: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.15);
}

.basic_btn_v2 > a:before {
    content: "";
    height: 12px;
    width: 15px;
    top: calc(50% - 6px);
    right: calc(50px / 2 - 7px);
    z-index: 1;
    position: absolute;
    background: url("../images/culture/btn.svg") center center no-repeat;
    transition: .3s ease;
}

.basic_btn_v2 > a:hover {
    background-position: left;
}

section.sa_result thead tr>th:last-child{
  width: 10%;
}

section.sa_result .col01 {
    padding: 130px 0;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 100px;
}

section.sa_result .col01:after {
    position: absolute;
    top: 0;
    left: -100%;
    width: 300%;
    height: 100%;
    background: #F3F4F4;
    clear: both;
    content: "";
    display: block;
    z-index: -1;
}

section.sa_result .col01 img {
    position: relative;
    z-index: 1;
}

/*연구개발실적 끝*/

section.about_ci .subtit_v2 h7 {
    text-transform: uppercase;
    padding-left: 0;
}

section.about_ci .subtit_v2 h7:after {
    display: none;
}

section.about_ci .color {
    font-size: 0;
}

section.about_ci .color li {
    display: inline-block;
    vertical-align: top;
    width: 28%;
}

section.about_ci .color li:nth-child(2) {
    margin: 0 8%;
}

section.about_ci .color p {
    font-size: 19px;
    margin-bottom: 25px;
}

section.about_ci .color dl {
    display: flex;
    font-size: 18px;
}

section.about_ci .color dl:not(:last-of-type) {
    margin-bottom: 5px;
}

section.about_ci .color dt {
    font-weight: 600;
    text-transform: uppercase;
    width: 40%;
}

section.about_ci .color dd {
    color: rgba(0, 0, 0, .7);
    font-weight: 400;
    width: 60%;
}

section.about_ci .ci_tit {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
}

section.about_ci .color_chip {
    width: 155px;
    height: 155px;
    margin: 0 0 30px;
    border-radius: 50%;
    box-sizing: border-box;
}

section.about_ci .col03 ul li:nth-child(1) .color_chip {
    background-image: linear-gradient(90deg, #E6CA92 0%, #D7B568 96.07%);
}

section.about_ci .col03 ul li:nth-child(2) .color_chip {
    background: #AF8900;
}

section.about_ci .col04 ul li:nth-child(1) .color_chip {
    background: #172154;
}

section.about_ci .col04 ul li:nth-child(2) .color_chip {
    background: #4D4E53;
}

section.about_ci .col04 ul li:nth-child(3) .color_chip {
    background: #84888B;
}

section.about_ci .col04 .color dt {
    width: 42%;
}

section.about_ci .col04 .color li:last-child dd {
    width: 90%;
}

section.about_ci .subtit {
    margin-bottom: 70px;
}

section.about_ci .inner > div:not(:first-child) {
    margin-bottom: 130px;
}

section.about_ci .basic_btn {
    margin-top: 30px;
}

section.about_ci .basic_btn > a:not(:last-child) {
    margin-right: 15px;
}

section.about_ci .col02 .box {
    display: flex;
}

section.about_ci .col02 .box > div:nth-child(1) {
    margin-right: 100px;
}

section.about_ci .col02 p {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 10px;
    padding-left: 20px;
    box-sizing: border-box;
}

section.about_ci .list_util dd > ul > li {
    line-height: 1.8;
    font-size: 18px;
    margin-bottom: 3px;
}

section.about_ci .list_util > dl > dd img {
    display: block;
    margin-bottom: 40px;
    padding-left: 20px;
    box-sizing: border-box;
}

section.about_ci .list_util dd > ul > li:after {
    background: rgba(0, 0, 0, .6);
}

section.about_ci .col05 .box {
    background: #F2F2F2;
    height: 580px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

section.about_ci .col05 .box img:nth-child(1) {
    margin-bottom: 60px;
}

section.dividend .divTableHead {
    width: 33.333%;
}

section.rd_organization .list_util > dl {
    border-bottom: none;
}

section.rd_organization .list_util img {
    margin-bottom: 30px;
}

section.rd_organization .list_util p:not(:last-child) {
    margin-bottom: 30px;
}

section.ratio .div_tab,
section.dis_information .div_tab,
section.rd_organization .div_tab {
    display: flex;
    align-content: flex-start;
    justify-content: space-between;
}

section.dis_information h5,
section.ratio h5 {
    width: 33%;
}

section.rd_organization h5 {
    width: 30%;
}

section.dis_information .basic_table,
section.ratio .basic_table {
    width: 68%;
}

section.rd_organization .basic_table {
    width: 70%;
}

section.ratio .basic_table table,
section.dis_information .basic_table table {
    width: 100%;
}

section.precision_forging_products .system ul > li > div.tit {
    /*    background: #F8F2E1;*/
}

section.sa_result .basic_table table tbody tr > td:nth-of-type(1),
section.precision_forging_products .basic_table table tbody tr > td:nth-of-type(1),
section.accounting .basic_table table tbody tr > td:nth-of-type(1),
section.dis_information .basic_table table tbody tr > td:nth-of-type(1),
section.ratio .basic_table table tbody tr > td:nth-of-type(1),
section.dis_partner .basic_table table tbody tr > td:nth-of-type(1) {
    background: #F6F7F9;
}

section.rd_organization .list_util > dl > dt {
    width: 30%;
}

section.rd_organization .list_util > dl > dd {
    width: 70%;
    padding-left: 0;
}

.grid_table table {
    width: 100%;
}

.grid_table table tbody tr > td:nth-of-type(1) {
    width: 40%;
}

.grid_table table tbody tr > td:nth-of-type(2) {
    width: 60%;
    text-align: left;
}

.tb_num1,
.tb_num2,
.tb_num3 {
    position: relative;
    padding-left: 18px;
    box-sizing: border-box;
    display: inline-block;
}

.tb_num1:after,
.tb_num2:after,
.tb_num3:after {
    clear: both;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
}

.tb_num1:after {
    content: "1."
}

.tb_num2:after {
    content: "2."
}

.tb_num3:after {
    content: "3."
}

section.eth_control .chartTableRow > div:nth-child(1) {
    width: 20%;
}

section.eth_control .chartTableRow > div:nth-child(2) {
    width: 70%;
}

section.eth_control .chartTableRow > div:nth-child(3) {
    width: 10%;
}

section.eth_control .chartTableRow.data .chartTableCell {
    padding: 22px;
    text-align: left;
}

section.dis_process .box {
    background: rgba(132, 136, 139, 0.10);
    padding: 130px 0;
    box-sizing: border-box;
}

section.dis_process .box ul {
    text-align: center;
}

section.dis_process .box ul li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    background: #fff;
    width: 215px;
    height: 215px;
    border: 1px solid #666;
    border-radius: 50%;
    box-sizing: border-box;
}

section.dis_process .box ul li:not(:last-child) {
    margin-right: 80px;
}

section.dis_process .box ul li:last-child:after {
    display: none;
}

section.dis_process .box ul li:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -60px;
    clear: both;
    display: block;
    content: "";
    background: url("../images/recruit/process.png") no-repeat;
    background-size: cover;
    background-position: center;
    width: 39px;
    height: 11px;
}

section.dis_process .box div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

section.dis_process .box p {
    position: relative;
    color: #CBA224;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
    padding-bottom: 4px;
}

section.dis_process .box p:after {
    position: absolute;
    display: block;
    clear: both;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 16px;
    height: 1px;
    background: #666;
}

section.dis_process .box span {
    display: block;
    font-size: 22px;
    font-weight: 600;
}

section.dis_process .box_v2 {
    margin-top: 70px;
}

section.dis_process .box_v2 dl {
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding: 40px 0;
    box-sizing: border-box;
    align-items: center;
}

section.dis_process .box_v2 dt {
    width: 28%;
}

section.dis_process .box_v2 dt i {
    font-style: normal;
    font-size: 18px;
    color: #DBBF68;
    display: inline-block;
    margin-right: 35px;
    font-weight: 700;
    vertical-align: 6px;
}

section.dis_process .box_v2 dt span {
    font-size: 36px;
    font-weight: 600;
}

section.dis_process .box_v2 dd {
    width: 70%;
}

section.dis_process .box_v2 dd p {
    font-size: 20px;
    font-weight: 400;
    color: rgba(0, 0, 0, .8);
}

section.history_founder {
    overflow: hidden;
}

section.history_founder .o {
    position: absolute;
    width: 748px;
    height: 783px;
    z-index: -1;
    left: 0px;
    top: 1155px;
    display: none;
}

section.history_founder .o svg {
    fill: rgba(132, 136, 139, 0.30);
    width: 100%;
    height: 100%;
}

section.history_founder .a {
    position: absolute;
    width: 723px;
    height: 738px;
    top: 2350px;
    right: 0;
    display: none;
}

section.history_founder .a svg {
    fill: rgba(207, 207, 205, 0.50);
    width: 100%;
    height: 100%;
}

section.history_founder .basic_layer div {
    background: #fff;
}

section.history_founder .basic_layer_v2 p {
    font-size: 28px;
}

section.history_founder #tab1 .tab_content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

section.history_founder #tab1 .tab_content div {
    width: 660px;
}

section.history_founder #tab1 .tab_content h4 {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 30px;
    line-height: 1.3;
}

section.history_founder #tab1 .tab_content i {
    font-style: normal;
    display: block;
    color: #249DA5;
}

section.history_founder #tab1 .tab_content p {
    font-size: 16px;
    line-height: 1.7;
    color: rgba(0, 0, 0, .8);
    font-weight: 500;
}

section.history_founder #tab1 .tab_content p:not(:last-of-type) {
    margin-bottom: 25px;
}

section.history_founder #tab2 .col {
    height: 136px;
    background: rgba(132, 136, 139, 0.10);
    display: flex;
    align-items: center;
    justify-content: end;
    margin: 70px 0 130px;
}

section.history_founder #tab2 .col p {
    font-weight: 500;
    text-align: center;
    margin-right: 40px;
    color: rgba(0, 0, 0, .8);
}

section.history_founder #tab2 .col i {
    display: block;
    font-style: normal;
    font-size: 18px;
    margin-bottom: 1px;
}

section.history_founder #tab2 .col span {
    font-size: 30px;
}

section.history_founder #tab2 .col img {
    margin-right: 90px;
}

section.history_founder #tab2 .col2 dl:first-child {
    padding-top: 0;
}

section.history_founder #tab2 .col2 dl {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 70px 0;
    box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

section.history_founder #tab2 .col2 dt {
    width: 40%;
}

section.history_founder #tab2 .col2 dt p {
    font-size: 62px;
    font-weight: 700;
    background: #FFFFFF;
    -webkit-text-stroke: 1px #666;
    color: #f1ffff;
}

section.history_founder #tab2 .col2 dt p i {
    font-style: normal;
    color: #32A39B;
}

section.history_founder #tab2 .col2 dd {
    width: 60%;
}

section.history_founder #tab2 .col2 dd .profile_cont {
    position: relative;
    padding-left: 70px;
    box-sizing: border-box;
}

section.history_founder #tab2 .col2 dd .profile_cont:after {
    clear: both;
    content: "";
    display: block;
    background: #000;
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

section.history_founder #tab2 .col2 dd .profile_cont li {
    display: flex;
    align-items: flex-start;
    font-size: 18px;
}

section.history_founder #tab2 .col2 dd .profile_cont li:not(:last-of-type) {
    margin-bottom: 10px;
}

section.history_founder #tab2 .col2 dd .profile_cont li span {
    width: 45%;
    font-weight: 600;
}

section.history_founder #tab2 .col2 dd .profile_cont li p {
    width: 60%;
    color: rgba(0, 0, 0, .8);
}

section.history_founder #tab3 ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    padding: 150px 0 70px;
    box-sizing: border-box;
}

section.history_founder #tab3 ul:after {
    background: #F0EEE6;
    clear: both;
    content: "";
    display: block;
    width: 200%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
}

section.history_founder #tab3 ul li {
    width: 410px;
    height: 487px;
    position: relative;
    margin-bottom: 70px;
    box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.10);
}

section.history_founder #tab3 ul li div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

section.history_founder #tab3 div h4 {
    color: #AF8900;
    font-size: 100px;
    font-weight: 600;
    line-height: 1;
}

section.history_founder #tab3 div p {
    position: relative;
    color: #89744F;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 15px;
    margin: 15px 0 30px;
}

section.history_founder #tab3 div p:after {
    clear: both;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    background: #000;
    width: 50px;
    height: 1px;
}

section.history_founder #tab3 div span {
    font-size: 22px;
    font-weight: 600;
}

section.history_founder #tab4 > div:not(:last-child) {
    margin-bottom: 120px;
}

section.history_founder #tab4 .col01 img {
    margin: 0 auto 50px;
    display: block;
}

section.history_founder #tab4 .col01 .box {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}

section.history_founder #tab4 .col01 .desc_box .tit {
    padding-left: 43px;
    box-sizing: border-box;
}

section.history_founder #tab4 .col02 .desc_box .box b,
section.history_founder #tab4 .col02 .desc_box .box p {
    width: 100%;
}

section.history_founder #tab4 .col03 .wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

section.history_founder #tab4 .col03 .desc_box .box b {
    width: 660px;
}

section.history_founder #tab4 .col03 img {
    width: 520px;
}

section.history_founder #tab4 .col04 .desc_box .box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

section.history_founder #tab4 .col05 img {
    display: block;
    margin-bottom: 40px;
}

section.history_founder #tab4 .col05 .desc_box .box p,
section.history_founder #tab4 .col05 .desc_box .box b {
    width: 100%;
}

section.history_founder #tab4 .col06 .desc_box .box b {
    width: 100%;
    margin-bottom: 50px;
}

section.history_founder #tab4 .col06 img {
    margin: 0 auto 50px;
    display: block;
}

section.com_partner .subtit {
    margin-bottom: 15px;
}

.desc_box .tit em {
    font-style: normal;
    font-size: 17px;
    border-bottom: 1px solid #249DA5;
    font-weight: 600;
    padding-bottom: 5px;
    color: #249DA5;
}

.desc_box .tit h5 {
    font-size: 33px;
    font-weight: 700;
    margin: 25px 0;
}

.desc_box .box {
    font-size: 18px;
    line-height: 1.7;
}

.desc_box .box b {
    font-weight: 600;
    line-height: 1.7;
    margin-bottom: 25px;
    display: block;
    width: 450px;
    font-size: 19px;
}

.desc_box .box b i {
    font-style: normal;
    font-weight: 500;
}

.desc_box .box p {
    line-height: 1.7;
    font-weight: 400;
    color: rgba(0, 0, 0, .8);
    width: 660px;
}

.desc_box .box p span {
    line-height: 1.7;
}

.desc_box .box p span:not(:last-child) {
    margin-bottom: 25px;
    display: block;
}

section.history_founder #tab4 .col06 .box div {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

section.history_founder #tab4 .col06 .box div > p {
    width: 600px;
}

section.history_founder #tab5 .row01 i,
section.history_founder #tab5 .row03 i {
    background: #d1b768;
    font-weight: 500;
}

section.center_info_v2.center_info .basic_table.ver1 .chartTableRow > div:nth-child(1) {
    width: 20%;
}

section.center_info_v2.center_info .basic_table.ver1 .chartTableRow > div:nth-child(2) {
    width: 15%;
}

section.center_info_v2.center_info .basic_table.ver1 .chartTableRow > div:nth-child(3) {
    width: 50%;
}

section.center_info_v2.center_info .basic_table.ver1 .chartTableRow > div:nth-child(4) {
    width: 15%;
}

section.stainless .chartTableRow > div:nth-child(1) {
    width: 20.6%;
}

section.stainless .chartTableRow > div:nth-child(2) {
    width: 38%;
}

section.stainless .chartTableRow > div:nth-child(3) {
    width: 20.6%;
}

section.stainless .chartTableRow > div:nth-child(4) {
    width: 20.6%;
}

section.data_rohs .chartTableRow > div:nth-child(1) {
    width: 30%;
}

section.data_rohs .chartTableRow > div:nth-child(2) {
    width: 20%;
}

section.data_rohs .chartTableRow > div:nth-child(3) {
    width: 30%;
}

section.data_rohs .chartTableRow > div:nth-child(4) {
    width: 20%;
}

section.guarantee .chartTableRow > div:nth-child(1) {
    width: 50%;
}

section.guarantee .chartTableRow > div:nth-child(2) {
    width: 25%;
}

section.guarantee .chartTableRow > div:nth-child(3) {
    width: 25%;
}

section.ghs_msds .chartTableRow > div:nth-child(1) {
    width: 20%;
}

section.ghs_msds .chartTableRow > div:nth-child(2) {
    width: 20%;
}

section.ghs_msds .chartTableRow > div:nth-child(3) {
    width: 40%;
}

section.ghs_msds .chartTableRow > div:nth-child(4) {
    width: 20%;
}


.ps_ad iframe {
    width: 100%;
    height: 500px;
    margin-bottom: 30px;
}

.ps_ad > *:not(:last-of-type) {
    margin-bottom: 100px;
}

.ps_ad .detail {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.ps_ad .detail div {
    width: 50%;
    border-top: 2px solid #000;
    box-sizing: border-box;
}

.ps_ad .detail dl {
    font-size: 20px;
    color: rgba(0, 0, 0, .8);
    border-bottom: 1px solid #DFE0E8;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.ps_ad .detail dt {
    padding: 44px 2%;
    width: 26%;
    font-weight: 700;
}

.ps_ad .detail dd {
    padding: 0 2%;
}

.ps_ad .detail_v2 div {
    width: 100%;
}

.ps_ad .detail_v2 dl {
    height: 118px;
    font-size: 19px;
}

.ps_ad .detail_v2 dl > * {
    height: 100%;
    border-right: 1px solid #DFE0E8;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ps_ad .detail_v2 dl > *:last-child {
    border-right: none;
}

.ps_ad .detail_v2 dt {
    background: #F6F7F9;
    background: #E9D9A4;
    padding: 0 2%;
    font-size: 21px;
}

.ps_ad .detail_v2 dd {
    width: 37%;
}

.ps_ad .detail_v2 i {
    font-style: normal;
    font-weight: 600;
    width: 20%;
    display: inline-block;
    font-size: 18px;
}

.ps_ad .col02 .detail_v2 p {
    font-size: 18px;
}

.ps_ad .col02 .detail_v2 dt span,
.ps_ad .col02 .detail_v2 dd em {
    display: none;
}

section.com_partner .ps_ad .detail_v2 dt,
section.poongsan .ps_ad .detail_v2 dt {
    background: #F6F7F9;
}

/* tab2 */
.sub_tab2 {
    font-size: 0;
}

.sub_tab2 li {
    width: 49.5%;
    background: rgba(132, 136, 139, 0.15);
    padding: 9px 2%;
    box-sizing: border-box;
    font-size: 18px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
    cursor: pointer;
}

.sub_tab2 li:nth-child(odd) {
    margin-right: 1%;
}

.sub_tab2 li.active {
    background: #172154;
}

.sub_tab2 li.active span {
    color: #fff;
}

.tabContent2 {
    display: none;
}

.tabContent2.active {
    display: block;
}

section.eth_control {
    overflow: hidden;
}

section.eth_control .layer_content .subtit {
    margin-bottom: 25px;
}

section.eth_control .layer_content > div:not(:last-of-type) {
    margin-bottom: 130px;
}

section.eth_control #tab2 {
    position: relative;
    padding: 100px 0;
    box-sizing: border-box;
}

section.eth_control #tab2:after {
    background: #F3F4F4;
    clear: both;
    display: block;
    content: "";
    position: absolute;
    width: 300%;
    height: 100%;
    top: 0;
    left: -100%;
}

section.eth_control #tab2 div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 1;
}

section.eth_control #tab2 ul {
    margin-top: 40px;
}

section.eth_control #tab2 li {
    line-height: 1.3;
    position: relative;
    font-size: 16px;
    color: #000;
    padding-left: 15px;
    box-sizing: border-box;
}

section.eth_control #tab2 li:not(:last-child) {
    margin-bottom: 7px;
}

section.eth_control #tab2 li:after {
    width: 4px;
    height: 4px;
    background: rgba(0, 0, 0, .7);
    position: absolute;
    top: 6px;
    left: 0;
    clear: both;
    content: "";
    display: block;
}

section.eth_standard #tab2 .subtit {
    margin-bottom: 50px;
}

section.eth_control #tab4 .subtit_v2 {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 600;
}

section.eth_control #tab5 .subtit {
    margin-bottom: 50px;
}

section.eth_control #tab4 .tc7 .com_area h8,
section.eth_control #tab4 .tc8 .com_area h8 {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 10px;
}

.custom_btn_v5,
.custom_btn_v6,
.custom_btn_v7 {
    display: none;
}

.layer_content em {
    margin-top: 30px;
    display: block;
    color: #5E6074;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    text-align: right;
}

section.eth_control .col02 .list_util:after {
    position: absolute;
    background: #F6F7F9;
}

.product-function__list {
    display: flex;
    flex-wrap: wrap;
    margin: -12px;
}

.product-function__item {
    width: 33.3333%;
    min-height: 300px;
    padding: 12px;
}

.product-function__inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 30px 25px 40px;
    border: 1px solid #32A39B;
}

.product-function__num {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    border-radius: 50%;
    background-color: #32A39B;
}

.product-function__title {
    padding-bottom: 27px;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}

.product-function__sub-item {
    position: relative;
    padding: 0 0 8px 15px;
    color: #666;
    font-size: 18px;
}

.product-function__sub-item:last-child {
    padding-bottom: 0
}

.product-function__sub-item::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 5px;
    height: 1px;
    background: #666;
}

.product-function__text-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.product-attribute__list {
    border-top: 2px solid #222
}

.product-attribute__item {
    display: flex;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #DFE0E8;
    font-size: 18px;
}

.product-attribute__left {
    width: 36%;
    display: flex;
    flex-shrink: 0;
    border-right: 1px solid #DFE0E8;
    padding: 0 40px;
    box-sizing: border-box;
}

.product-attribute__icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
}

.product-attribute__list .icon {
    display: inline-block;
    height: 38px;
}

.product-attribute__title {
    display: flex;
    align-items: center;
    font-size: 22px;
    padding-left: 20px;
    font-weight: 600;
}

.product-attribute__right {
    display: flex;
    padding-left: 70px;
    box-sizing: border-box;
}

.product-attribute__sub-item {
    position: relative;
    padding-left: 15px;
    padding-right: 30px;
    margin-bottom: 6px;
    line-height: 1.3;
    color: rgba(0, 0, 0, .8);
    font-weight: 400;
    font-size: 17px;
}

.product-attribute__sub-item::before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #32A39B;
}

.new_attre {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.new_attre .gap_ml h2 {
    margin: 0 0px 25px;
}

.new_attre .product-attribute__list {
    width: 70%;
}

.new_attre .product-attribute__left {
    width: 43%;
}

.new_attre .product-attribute__title {
    font-size: 23px;
}

.attribute_v2 {
    width: 100%;
    border-right: none;
}

.product-attribute__sub-item:last-child {
    margin-bottom: 0;
}

.com_area {
    margin-top: 70px;
}

.com_area > div:not(:last-child) {
    margin-bottom: 70px;
}

.com_area h8 {
    font-size: 28px;
    font-weight: 600;
    text-align: left;
    color: rgba(0, 0, 0, 1);
    font-family: 'Pretendard';
    box-sizing: border-box;
    padding-bottom: 20px;
    margin-bottom: 35px;
    border-bottom: 1px solid #000;
    display: block;
}

.com_area h8 i {
    font-style: normal;
    color: #DBBF68;
}

.com_area h8 em {
    font-style: normal;
    color: #fff;
    display: inline-block;
    background: #DBBF68;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 16px;
    border-radius: 5px;
    vertical-align: 5px;
    margin-right: 8px;
}

.com_area dl {
    display: flex;
    padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid rgba(207, 207, 207, 1);
    gap: 50px;
    align-items: center;
    box-sizing: border-box;
}

.com_area dt {
    width: 40%;
    font-size: 26px;
    font-weight: 600;
    text-align: left;
    color: rgba(0, 0, 0, 1);
    box-sizing: border-box;
}

.com_area dd {
    width: 60%;
}

.com_area .com_dl_v2 dd {
    width: 100%;
}

.com_area b {
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 7px;
}

.com_area dd p {
    position: relative;
    font-size: 16px;
    color: rgba(0, 0, 0, .8);
}

.com_area .basic > p {
    margin-bottom: 5px;
}

.com_area .sign_area {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 50px;
}

.com_area .sign_area > p {
    font-size: 16px;
    font-weight: 600;
}

.com_area .sign_area > div {
    width: 200px;
}

.com_area .sign_area > div > span {
    display: block;
    font-size: 15px;
}

.com_area .sign_area > div > span i {
    font-style: normal;
    width: 50px;
    display: inline-block;
    text-align: right;
}

.com_area .sign_area > div > span:not(:last-child) {
    margin-bottom: 5px;
}

.com_area .line p {
    position: relative;
    padding-left: 13px;
    box-sizing: border-box;
}

.com_area .line p:after {
    position: absolute;
    width: 4px;
    height: 1px;
    background: rgba(0, 0, 0, .8);
    content: "";
    display: block;
    clear: both;
    top: 9px;
    left: 0;
}

.com_area .down {
    background: #F8F2E1;
    padding: 45px 35px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.com_area .down > p {
    font-size: 16px;
    font-weight: 400;
    padding-left: 15px;
    box-sizing: border-box;
    position: relative;
}

.com_area .down > p:after {
    font-size: 16px;
    font-weight: 400;
    display: block;
    content: "※";
    clear: both;
    position: absolute;
    top: -1px;
    left: 0;
}

.com_area .tb_ifo {
    text-align: right;
    margin-bottom: 15px;
}

.com_area .tb_ifo span {
    font-size: 18px;
    margin-right: 15px;
}

.com_area .tb_ifo span i {
    font-style: normal;
    font-family: 'Pretendard';
}

.com_area .tb_ifo span:nth-child(2) i {
    color: #D93F3F;
}

.num > p {
    position: relative;
    padding-left: 20px;
    box-sizing: border-box;
    font-size: 16px;
    color: rgba(0, 0, 0, .8);
}

.num > p:not(:last-child),
.com_area dd p:not(:last-child) {
    margin-bottom: 7px;
}

.num_v2 > i:not(:last-child) {
    margin-bottom: 2px;
}

.num_v2 > i:after,
.num > p:after {
    clear: both;
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    font-size: 16px;
    color: rgba(0, 0, 0, .8);
}

.num > p:nth-child(1):after {
    content: "1.";
}

.num > p:nth-child(2):after {
    content: "2.";
}

.num > p:nth-child(3):after {
    content: "3.";
}

.num > p:nth-child(4):after {
    content: "4.";
}

.num > p:nth-child(5):after {
    content: "5.";
}

.num > p:nth-child(6):after {
    content: "6.";
}

.num > p:nth-child(7):after {
    content: "7.";
}

.num > p:nth-child(8):after {
    content: "8.";
}

.num_v2 {
    padding-left: 3px;
    box-sizing: border-box;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}

.num_v2 > i {
    position: relative;
    padding-left: 20px;
    box-sizing: border-box;
    display: block;
    font-style: normal;
    color: rgba(0, 0, 0, .8);
}

.num_v2 > i:nth-child(1):after {
    content: "①";
}

.num_v2 > i:nth-child(2):after {
    content: "②";
}

.num_v2 > i:nth-child(3):after {
    content: "③";
}

.num_v2 > i:nth-child(4):after {
    content: "④";
}

.num_v2 > i:nth-child(5):after {
    content: "⑤";
}

.num_v2 > i:nth-child(6):after {
    content: "⑥";
}

.num_v2 > i:nth-child(7):after {
    content: "⑦";
}

.num_v2 > i:nth-child(8):after {
    content: "⑧";
}

.dotted_v2 {
    padding-left: 15px;
    box-sizing: border-box;
}

.dotted > p {
    position: relative;
    padding-left: 12px;
    box-sizing: border-box;
}

.dotted > p:after {
    position: absolute;
    display: block;
    clear: both;
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    box-sizing: border-box;
    background: rgba(0, 0, 0, .7);
    top: 9px;
    left: 0;
}

.com_area .dotted > p:not(:last-child) {
    margin-bottom: 3px;
}

section.eth_standard #tab2 .bylaw {
    padding-bottom: 35px;
    border-bottom: 1px solid rgba(207, 207, 207, 1);
}

section.eth_standard #tab2 .bylaw h9 {
    font-size: 18px;
    margin-bottom: 10px;
    display: block;
    font-weight: 600;
}

.law_area {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 120px 0;
}

.law_area .txt {
    margin-bottom: 40px;
}

.law_area .wrap {
    display: flex;
    align-items: flex-start;
    gap: 45px
}

.law_area .txt i {
    display: block;
    font-style: normal;
    color: #00C2B7;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
}

.law_area .txt h9 {
    font-size: 22px;
    font-weight: 600;
}

.law_area .col01 div {
    width: 225px;
    height: 225px;
    background: #F3F4F4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.law_area .col02 {
    width: 250px;
    border-top: 1px solid rgba(0, 0, 0, .2);
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    box-sizing: border-box;
}

.law_area .col02 > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    box-sizing: border-box;
    gap: 30px;
}

.law_area .col02 > div:last-child {
    border-bottom: none;
}

.law_area .col02 p {
    font-size: 16px;
    font-weight: 500;
    color: rgba(0, 0, 0, .8);
    line-height: 1;
}

.law_area .col02 p span {
    line-height: 1.4;
}

.law_area .col02 .fancy a {
    border-radius: 5px;
    background: #444;
    color: #fff;
    font-size: 14px;
    padding: 12px 21px;
    box-sizing: border-box;
}

section.eth_control #tab6 .subtit {
    margin-bottom: 20px;
}

.law_box {
    margin-bottom: 70px;
}

.law_box > p {
    color: #DBBF68;
    display: inline-block;
    font-size: 18px;
    position: relative;
}

.law_box > p:not(:last-child) {
    margin-right: 30px;
}

.law_box > p:after {
    display: block;
    content: "";
    width: 1px;
    height: 12px;
    background: #c3c3c3;
    top: 8px;
    right: -18px;
    position: absolute;
}

.law_box > p:last-child:after {
    display: none;
}

section.eth_news #tab1 > div:not(:last-child) {
    margin-bottom: 100px;
}

section.eth_news #tab2 {
    margin-top: 100px;
}

body.cs_data section.eth_news #tab2 {
    margin-top: 0;
}

section.eth_news #tab1 .col01 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 100px;
}

body.management_ethics section.eth_news #tab1 > div.col01 {
    position: relative;
    z-index: 1;
    background: #fff;
}

section.eth_news #tab1 .col01 > div:nth-child(1) {
    border-right: 1px solid rgba(0, 0, 0, .2);
    box-sizing: border-box;
    padding-right: 70px;
}

section.eth_news #tab1 .col01 > div:nth-child(2) {
    padding: 0 70px;
    box-sizing: border-box;
}

section.eth_news #tab1 .col01 .txt h4 {
    font-size: 32px;
    line-height: 1.3;
    font-weight: 300;
    display: block;
    margin-bottom: 15px;
}

section.eth_news #tab1 .col01 .txt h4 b {
    font-weight: 600;
}

section.eth_news #tab1 .col01 .txt p {
    font-size: 16px;
    font-weight: 400;
}

section.eth_news #tab1 .row01 {
    margin-top: 50px;
    background: #000;
    padding: 10px 20px;
    box-sizing: border-box;
}

section.eth_news #tab1 .row01 p {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

section.eth_news #tab1 .row01 span {
    display: inline-block;
    color: #DBBF68;
}

section.eth_news #tab1 .cm_tit {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 50px;
}

section.eth_news #tab1 .row02 img {
    margin: 25px auto;
    display: block;
}

section.eth_news #tab1 .row03 {
    background: #F9F9F9;
    padding: 40px 30px;
    box-sizing: border-box;
    min-height: 462px;
}

section.eth_news #tab1 .row03 p {
    font-size: 16px;
    margin-bottom: 5px;
    position: relative;
    padding-left: 12px;
    box-sizing: border-box;
}

section.eth_news #tab1 .row03 p:after {
    clear: both;
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 1px;
    background: #000;
}

section.eth_news #tab1 .row04 {
    background: #F8F2E1;
    padding: 40px 30px;
    box-sizing: border-box;
}

section.eth_news #tab1 .row04 h5 {
    display: block;
    margin-bottom: 15px;
    font-size: 20px;
}

section.eth_news #tab1 .row04 p {
    font-size: 16px;
    margin-bottom: 3px;
    position: relative;
}

section.eth_news #tab1 .row04 p.dot {
    padding-left: 12px;
    box-sizing: border-box;
}

section.eth_news #tab1 .row04 p.dot:after {
    clear: both;
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 1px;
    background: #000;
}

section.eth_news #tab1 .col02 > div:not(:last-child) {
    margin-bottom: 70px;
}

section.eth_news #tab1 .col02 .ck {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-size: 0;
}

section.eth_news #tab1 .col02 .ck .txt {
    background: #F9F9F9;
    padding: 40px 30px;
    box-sizing: border-box;
    width: 37%;
    margin-right: 5%;
}

section.eth_news #tab1 .col02 .ck1 .txt {
    min-height: 174px;
}

section.eth_news #tab1 .col02 .ck2 .txt {
    min-height: 223px;
}

section.eth_news #tab1 .col02 .ck3 .txt {
    min-height: 286px;
}

section.eth_news #tab1 .col02 .ck .txt p {
    font-size: 24px;
    position: relative;
    padding-left: 30px;
    box-sizing: border-box;
    font-weight: 500;
}

section.eth_news #tab1 .col02 .ck .txt p:after {
    background: url("../images/management/chk_icon2") no-repeat;
    width: 20px;
    height: 14px;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 9px;
    left: 0;
    clear: both;
    content: "";
    display: block;
}

section.eth_news #tab1 .col02 .ck .desc {
    width: 58%;
}

section.eth_news #tab1 .col02 .ck .desc ul {
    margin-bottom: 20px;
}

section.eth_news #tab1 .col02 .ck .desc li {
    position: relative;
    padding-left: 27px;
    box-sizing: border-box;
    font-size: 16px;
    margin-bottom: 5px;
}

section.eth_news #tab1 .col02 .ck .desc li:after {
    width: 16px;
    height: 16px;
    border: 1px solid rgba(0, 0, 0, .6);
    clear: both;
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    box-sizing: border-box;
}

section.eth_news #tab1 .col02 .ck .desc div {
    background: rgba(0, 0, 0, .7);
    padding: 10px 20px;
    box-sizing: border-box;
}

section.eth_news #tab1 .col02 .ck .desc div p {
    font-size: 16px;
    padding-left: 15px;
    box-sizing: border-box;
    position: relative;
    color: #fff;
}

section.eth_news #tab1 .col02 .ck .desc div p:after {
    position: absolute;
    top: -1px;
    left: 0;
    display: block;
    content: "※";
    font-size: 16px;
    color: #fff;
    clear: both;
}

section.eth_news #tab1 .col03 .column {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 80px;
}

section.eth_news #tab1 .col03 .column .img {
    width: 187%;
}

section.eth_news #tab1 .col03 .column .img p {
    margin-top: 15px;
    font-size: 18px;
}

section.eth_news #tab1 .col03 .column .img span {
    font-size: 18px;
}

section.eth_news #tab1 .col03 .column .desc > div:not(:last-child) {
    margin-bottom: 70px;
}

section.eth_news #tab1 .col03 .column .desc .bage {
    background: #DBBF68;
    display: inline-block;
    padding: 0 20px;
}

section.eth_news #tab1 .col03 .column .desc .bage span {
    color: #fff;
    font-size: 13px;
    display: inline-block;
    margin-right: 5px;
    line-height: 1;
}

section.eth_news #tab1 .col03 .column .desc .bage i {
    color: #fff;
    font-size: 13px;
    font-style: normal;
    line-height: 1;
}

section.eth_news #tab1 .col03 .column .desc h5 {
    font-size: 24px;
    /* margin: 17px 0 15px; */
    margin: 0 0 15px;
}

section.eth_news #tab1 .col03 .column .desc p {
    font-size: 16px;
    line-height: 1.7;
}

section.eth_news #tab2 .swiper {
    width: 100%;
    height: 100%;
}

section.eth_news #tab2 .swiper-slide {
    width: 877px;
    height: 210px;
    font-size: 18px;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    text-align: left;
    position: relative;
    margin-bottom: 50px;
}

section.eth_news #tab2 .parallax-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

section.eth_news #tab2 .s1 .parallax-bg {
    background-image: url("../images/management/slide_news.png");
}

section.eth_news #tab2 .s2 .parallax-bg {
    background-image: url("../images/management/slide_news2.png");
}

section.eth_news #tab2 .s3 .parallax-bg {
    background-image: url("../images/management/slide_news3.png");
}

section.eth_news #tab2 .s4 .parallax-bg {
    background-image: url("../images/management/slide_news4.png");
}

section.eth_news #tab2 .s5 .parallax-bg {
    background-image: url("../images/management/slide_news5.png");
}

section.eth_news #tab2 .s6 .parallax-bg {
    background-image: url("../images/management/slide_news6.png");
}

section.eth_news #tab2 .s7 .parallax-bg {
    background-image: url("../images/management/slide_news7.png");
}

section.eth_news #tab2 .s8 .parallax-bg {
    background-image: url("../images/management/slide_news8.png");
}

section.eth_news #tab2 .s9 .parallax-bg {
    background-image: url("../images/management/slide_news9.png");
}

section.eth_news #tab2 .s10 .parallax-bg {
    background-image: url("../images/management/slide_news10.png");
}
section.eth_news #tab2 .s11 .parallax-bg {
    background-image: url("../images/management/slide_news10.png");
}

section.eth_news #tab2 .swiper-slide .title {
    font-size: 42px;
    font-weight: 300;
    z-index: 1;
}

section.eth_news #tab2 .swiper-button-next:after,
section.eth_news #tab2 .swiper-button-prev:after {
    font-size: 20px !important;
}

section.eth_news #tab2 .swiper-slide .subtitle {
    font-size: 21px;
}

section.eth_news #tab2 .swiper-slide .text {
    font-size: 14px;
    max-width: 400px;
    line-height: 1.3;
}

section.eth_news #tab2 .swiper,
section.eth_news .swiper-wrapper {
    width: 877px !important;
}

section.eth_news #tab2 .swiper {
    margin-right: 0;
}

section.eth_news .sec_history {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0s;
    transition: all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0s;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
}

section.eth_news .sec_history.on {
    position: relative;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

section.eth_news .sec_history.last .list_history dt {
    width: 15%;
}

section.eth_news .sec_history.last .list_history dd {
    width: 85%;
}

section.eth_news .sec_history_area {
    position: relative;
    overflow: hidden;
    width: 877px;
    margin-left: auto;
}

section.eth_news #tab2 .swiper-pagination {
    width: auto;
    left: 0;
    top: 85px;
    bottom: inherit;
    box-sizing: border-box;
    border-left: 1px solid rgba(0, 0, 0, .2);
}

section.eth_news #tab2 .swiper-button-next,
section.eth_news #tab2 .swiper-button-prev {
    top: 50%;
    transform: translateY(-50%);
}

section.eth_news #tab2 .swiper-pagination > div:not(:last-child) {
    margin-bottom: 12px;
}

section.eth_news #tab2 .swiper-pagination-bullet {
    display: block;
    width: auto;
    height: auto;
    background: transparent;
    opacity: 1;
    margin: 0;
    padding-left: 15px;
    box-sizing: border-box;
    border-radius: 0;
    text-align: left;
    line-height: 30px;
    transition: .3s ease;
}

section.eth_news #tab2 .swiper-pagination-bullet > span {
    font-size: 18px;
    color: #000;
    line-height: 1;
    transition: .3s ease;
}

section.eth_news #tab2 .pager_tit {
    position: absolute;
    top: 137px;
    left: 0;
    z-index: 0;
}

section.eth_news #tab2 .pager_tit p {
    font-size: 36px;
}

section.eth_news #tab2 .swiper-pagination-bullet-active {
    background: #222;
    width: 120px;
    height: 30px;
}

section.eth_news #tab2 .swiper-pagination-bullet-active span {
    color: #fff;
}

.list_history > ul > li:not(:last-child) {
    margin-bottom: 15px;
}

.list_history dl {
    display: flex;
    align-items: flex-start;
    font-size: 17px;
}

.list_history dt {
    width: 12%;
    font-weight: 600;

}

.list_history dd {
    width: 88%;
    color: rgba(0, 0, 0, .8);
}

.sec_history_item h4 {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    background: #000;
    margin-bottom: 10px;
    padding: 5px 15px 4px;
    box-sizing: border-box;
}

section.safety_basic .col01 > div {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

section.safety_basic .product-attribute__title {
    font-size: 20px;
}

section.safety_basic .col01 > div:not(:last-child) {
    margin-bottom: 130px;
}

section.safety_basic .col01 .tit {
    font-size: 30px;
    text-transform: uppercase;
}

section.safety_basic .col01 .row01 .content {
    position: relative;
    width: 660px;
    height: 450px;
}

section.safety_basic .col01 .row01 .content p {
    text-align: center;
    font-size: 28px;
    display: inline-block;
    padding-top: 30px;
    position: absolute;
    top: 49%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(255, 255, 255, .9);
    width: 100%;
    z-index: 1;
}

section.safety_basic .col01 .row01 .content:after {
    clear: both;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
}

section.safety_basic .col01 .row01 .content p:after {
    clear: both;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80px;
    height: 1px;
    background: rgba(255, 255, 255, .5);
}

section.safety_basic .product-attribute__sub-item::before {
    display: none;
}

section.safety_basic .product-attribute__sub-item {
    padding: 0;
}

section.safety_basic .col01 .row02 .content ul {
    display: flex;
    align-items: center;
    gap: 15px;
}

section.safety_basic .col01 .row02 .content li p {
    font-size: 18px;
}

section.safety_basic .col01 .row02 .content li.img {
    background: #F3F4F4;
    border-radius: 50%;
    box-sizing: border-box;
    width: 280px;
    height: 280px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

section.safety_basic .col01 .row02 .content li.img img {
    height: 85px;
    display: block;
    margin-bottom: 20px;
}

section.safety_basic .col01 .row03 .content {
    width: 70%;
}

section.safety_basic .col01 .row03 dl {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 22px;
}

section.safety_basic .col01 .row03 dl:not(:last-child) {
    margin-bottom: 15px;
}

section.safety_basic .col01 .row03 dt {
    color: #3FBFB8;
}

section.safety_basic .col01 .row03 dt i {
    font-style: normal;
    color: #000;
}

section.sa_result .col03 {
    background: #F3F4F4;
    padding: 45px 35px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
}

section.sa_result .col03 .top {
    margin-bottom: 20px;
}

section.sa_result .col03 .top p {
    font-size: 18px;
    padding-left: 15px;
    box-sizing: border-box;
}

section.sa_result .col03 .top .info {
    position: relative;
}

section.sa_result .col03 .top .info:after {
    display: block;
    clear: both;
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
}

section.sa_result .col03 .bottom p {
    font-size: 16px;
    padding-left: 20px;
    box-sizing: border-box;
    position: relative;
}

section.sa_result .col03 .bottom p:after {
    clear: both;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
}

section.sa_result .col03 .bottom p:nth-child(1):after {
    content: "1)";
}

section.sa_result .col03 .bottom p:nth-child(2):after {
    content: "2)";
}

section.sa_result .col03 .bottom p:nth-child(3):after {
    content: "3)";
}

section.gr_agreement #tab1 ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 100px;
}

section.gr_agreement #tab1 li {
    width: 550px;
    filter: drop-shadow(20px 20px 40px rgba(0, 0, 0, 0.05));
    border: 1px solid rgba(0, 0, 0, 0.20);
}

section.gr_agreement #tab1 li > div {
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

section.gr_agreement #tab1 .top {
    border-bottom: 1px solid rgba(0, 0, 0, 0.20);
    background: #fff;
}

section.gr_agreement #tab1 .top img {
    display: inline-block;
    margin-right: 30px;
}

section.gr_agreement #tab1 .top p {
    font-size: 36px;
    font-weight: 400;
    line-height: 1.4;
}

section.gr_agreement #tab1 .bottom {
    background: #F9F9F9;
    padding-top: 6px;
    padding-bottom: 6px;
    box-sizing: border-box;
    border-top: 6px solid #3FBFB8;
}

section.gr_agreement #tab1 .bottom p {
    font-size: 22px;
    font-weight: 500;
    position: relative;
    padding-left: 15px;
    box-sizing: border-box;
}

section.gr_agreement #tab1 .bottom p:not(:last-child) {
    margin-bottom: 10px;
}

section.gr_agreement #tab1 .bottom p:after {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    top: 13px;
    left: 0;
    content: "";
    display: block;
    clear: both;
    background: #3FBFB8;
}

.down_area_v li {
    background: #F3F4F4;
    border-radius: 7px;
    padding: 30px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.down_area_v li:not(:last-child) {
    margin-bottom: 30px;
}

.down_area_v p {
    font-size: 22px;
    font-weight: 500;
}

section.gr_agreement #tab3 .subtit h7 {
    font-weight: 400;
}

section.gr_agreement #tab3 .chartTableRow > div:nth-child(1) {
    width: 30%;
}

section.gr_agreement #tab3 .chartTableRow > div:nth-child(2) {
    width: 70%;
}

section.gr_agreement #tab4 .chartTableRow > div:nth-child(1) {
    width: 40%;
}

section.gr_agreement #tab4 .chartTableRow > div:nth-child(2) {
    width: 30%;
}

section.gr_agreement #tab4 .chartTableRow > div:nth-child(3) {
    width: 30%;
}

.partner_box {
    display: flex;
    align-content: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px 40px;
}

.partner_box > div {
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.30);
    box-sizing: border-box;
}

.partner_wrap {
    width: 290px;
    height: 220px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.partner_wrap > h6 {
    font-size: 22px;
    margin-bottom: 25px;
    padding-bottom: 20px;
    position: relative;
}

.partner_wrap > h6:after {
    position: absolute;
    width: 40px;
    height: 1px;
    background: #84888B;
    clear: both;
    content: "";
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.partner_wrap > dl {
    font-size: 16px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.partner_wrap > dl * {
    line-height: 1;
    font-weight: 500;
}

.partner_wrap > dl:not(:last-child) {
    margin-bottom: 13px;
}

.partner_wrap dt {
    color: #AF8900;
}

.partner_wrap dd {
    position: relative;
    padding-left: 15px;
    box-sizing: border-box;
    color: #222;
}

.partner_wrap dd:after {
    clear: both;
    content: ":";
    display: block;
    position: absolute;
    top: 0;
    left: 6px;
}

.answer_list_wrap {
    box-sizing: border-box;
    border-bottom: 0;
}

.answer_list_wrap .faq_section .answer_list_box .active {
    background-color: #F5F5F5;
    font-weight: 600;
}

.answer_list_wrap .answer_list:first-child .qustion {
    border-top: 0;
}

.answer_list_wrap .qustion {
    display: block;
    position: relative;
    padding: 25px 60px 25px 30px;
    border-top: 1px solid #bcbcbc;
    letter-spacing: -1.1px;
    color: #0C0C0C;
    font-size: 22px;
    line-height: 35px;
}

.answer_list_wrap .answer_list {
    background: #fff;
    overflow: hidden;
}

.answer_list_wrap .hover_line {
    position: relative;
    display: inline-block;
    border-bottom: 1px solid transparent;
    box-sizing: border-box;
    color: #E6E7E8;
    font-weight: 700;
    font-size: 120px;
    position: relative;
    line-height: 1;
    top: 54px;
    z-index: 0;
}

.answer_list_wrap .qustion_bg {
    transform: rotate(0);
    content: "";
    position: absolute;
    right: 35px;
    top: 78%;
    margin-top: -6px;
    width: 20px;
    height: 12px;
    background-image: url('../images/common/select_arrow2.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
}

.answer_list_wrap .transform_bg {
    background-image: url('../images/common/select_arrow5.png');
}

.answer_list_wrap .answer_list_box {
    border-bottom: 1px solid #BCBCBC;
    cursor: pointer;
}

.answer_list_wrap .answer_line {
    padding-bottom: 0;
    background: rgba(0, 0, 0, 0.02);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}

.answer_list_wrap .answer {
    position: relative;
    padding: 25px 20px;
    box-sizing: border-box;
}

.answer_list_wrap .answer ul {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 70px 20px;
}

.answer_list_wrap .answer li {
    width: 390px;
}

.answer_list_wrap .answer li img {
    height: 292px;
    display: block;
    margin-bottom: 20px;
}

.answer_list_wrap .answer li div p {
    color: #249DA5;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 700;
}

.answer_list_wrap .answer li div h4 {
    font-size: 20px;
    font-weight: 500;
}

.conflict_policy .new_attre {
    display: block;
    margin-bottom: 50px;
}

section.culture_value .flex_ver2 .row .title p em,
section.culture_value .flex_ver2 .row .desc .box .rect em,
section.culture_feature .flex_ver2 .row .title p em {
    font-style: normal;
    font-weight: 500;
}

section.conflict_policy .new_attre .product-attribute__list {
    width: 100%;
}

section.conflict_policy .product-attribute__title {
    display: block;
}

section.conflict_policy .product-attribute__title i {
    font-style: normal;
    color: #249DA5;
}

section.conflict_policy .product-attribute__sub-item {
    line-height: 1.7;
}

section.conflict_policy .basic_btn {
    text-align: right
}

body.management_contribution .basic_tab .tab_box .big_tab ul {
    background: #F9F9F9;
    padding: 30px 50px 23px 50px;
    box-sizing: border-box;
    text-align: left;
    font-size: 0;
}

body.management_contribution .basic_tab .tab_box .big_tab ul > li > a {
    text-align: left;
    padding: 0 0 0 12px;
    border: none;
    border-radius: 0;
    position: relative;
}

body.management_contribution .basic_tab .tab_box .big_tab ul > li {
    position: relative;
    width: 33.33%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 7px;
}

body.management_contribution .basic_tab .tab_box .big_tab ul > li:after {
    clear: both;
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    background: rgba(0, 0, 0, .6);
    border-radius: 50%;
    box-sizing: border-box;
    clear: both;
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    left: 0;
}

body.management_contribution .basic_tab .tab_box .big_tab ul > li:not(:last-child) {
    margin-right: 0;
}

body.management_contribution .basic_tab .tab_box .big_tab ul > li.active a,
body.management_contribution .basic_tab .tab_box .big_tab ul > li:hover a {
    color: #249DA5;
}

section.con_culture #tab2 .wrap > div:not(:last-child) {
    margin-bottom: 120px;
}

section.con_culture #tab5 .wrap {
    margin-top: 70px;
}

section.con_culture #tab5 .wrap > div:not(:last-child) {
    margin-bottom: 70px;
}

section.con_culture #tab5 .culture_v3 .desc {
    width: 51%;
}

section.con_culture #tab6 .culture_v1 .desc {
    width: 100%;
    margin-right: 0;
}

.culture_tit h4 {
    font-size: 42px;
    line-height: 1.4;
    font-weight: 300;
    margin-bottom: 70px;
}

.culture_tit_v2 h4 {
    margin-bottom: 30px;
}

.culture_tit h4 b {
    font-weight: 600;
}

.culture_tit div {
    margin-bottom: 50px;
}

.culture_tit div p {
    font-size: 18px;
    line-height: 1.7;
    color: rgba(0, 0, 0, .8);
}

.culture_tit div p:not(:last-child) {
    margin-bottom: 30px;
}

.culture_v1 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.culture_v1 .desc {
    width: 60%;
    margin-right: 5%;
}

.culture_v1 .desc p {
    font-size: 18px;
    line-height: 1.7;
    color: rgba(0, 0, 0, .8);
}

.culture_v1 .desc p:not(:last-child) {
    margin-bottom: 30px;
}

.culture_v1 .thumb:after {
    clear: both;
    content: "";
    display: block;
}

.culture_v1 .thumb img {
    float: right;
}

.culture_v1 .thumb img:not(:last-child) {
    margin-bottom: 30px;
}

.culture_v1 .thumb div p:not(:last-child) {
    margin-bottom: 30px;
}

.culture_v3 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.culture_v3 .culture_stit {
    width: 40%;
}

.culture_v3 .desc {
    width: 55%;
}

.culture_v3 .desc img {
    display: block;
    margin-bottom: 30px;
}

.culture_v3 ul {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .8);
    box-sizing: border-box;
}

.culture_v3 ul li {
    position: relative;
    font-size: 18px;
    line-height: 1.7;
    color: rgba(0, 0, 0, .8);
    padding-left: 13px;
    box-sizing: border-box;
}

.culture_v3 ul li:after {
    clear: both;
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 3px;
    height: 3px;
    background: rgba(0, 0, 0, .7);
    border-radius: 50%;
    box-sizing: border-box;
}

.culture_v3 ul li:not(:last-child) {
    margin-bottom: 5px;
}

.culture_v3 .desc p {
    font-size: 18px;
    line-height: 1.7;
    color: rgba(0, 0, 0, .8);
}

.culture_v3 .desc p:not(:last-child) {
    margin-bottom: 30px;
}

.culture_v2 .desc p {
    font-size: 18px;
    line-height: 1.7;
    color: rgba(0, 0, 0, .8);
}

.culture_v2 .desc p:not(:last-child) {
    margin-bottom: 30px;
}

.culture_stit p {
    position: relative;
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.culture_stit p:after {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #00C2B7;
    width: 50px;
    height: 1px;
    clear: both;
    content: "";
    display: block;
}

.culture_box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 70px;
}

.culture_box .culture_v1 .desc p {
    font-size: 22px;
}

.culture_wrap > div {
    margin-bottom: 50px;
    flex-direction: column;
}

.culture_wrap .culture_v1 .desc p {
    padding-bottom: 10px;
    color: #000;
    margin-bottom: 18px;
}

.culture_wrap .culture_v1 .desc p i {
    font-style: normal;
    font-weight: 500;
}

.culture_wrap .culture_v1 .desc {
    width: 100%;
    margin: 0;
}

.culture_wrap .thumb {
    width: 100%;
}

.culture_wrap .thumb p {
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.7;
    font-size: 18px;
}

body.cs_center .basic_table .wrap {
    overflow-x: inherit;
}

body.cs_center section.center_info .basic_table.ver1 .chartTableRow > div:nth-child(4) > span {
    display: none;
}

section.ma_esg .year {
    font-size: 33px;
    font-weight: 600;
}

section.ma_esg .col01 {
    padding: 90px 0;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 100px;
}

section.ma_esg .col01 * {
    position: relative;
    z-index: 1;
}

section.ma_esg .col01:after {
    position: absolute;
    top: 0;
    left: -100%;
    background: #F3F4F4;
    width: 300%;
    height: 100%;
    clear: both;
    content: "";
    display: block;
}

section.ma_esg .col01.ver1:after {
  display: none;
}

section.ma_esg .col01 ul {
    display: flex;
    align-items: flex-start;
    gap: 25px;
}

section.ma_esg .col01 ul li {
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.40);
    background: #fff;
    width: 220px;
    padding: 40px 30px;
    box-sizing: border-box;
}

section.ma_esg .col01 h4 {
    font-size: 19px;
    font-weight: 500;
}

section.ma_esg .col01 ul li.current {
    background: #333;
    width: 340px;
    padding: 40px 30px;
    box-sizing: border-box;
}

section.ma_esg .col01 ul li.current h4 {
    color: #fff;
}

section.ma_esg .col01 ul li.current p {
    color: #ebcf79;
}

section.ma_esg .col01 p {
    color: #767d83;
    font-size: 120px;
    font-weight: 700;
    line-height: 1;
}

section.center_info .subtit {
    margin-bottom: 30px;
}

section.center_info .col01 {
    margin: 130px auto;
}

section.center_info .col02 ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px 0;
}

section.center_info .col02 ul > li {
    width: 33.3333%;
}

section.center_info .col02 ul p {
    padding-left: 15px;
    position: relative;
}

section.center_info .col02 ul p:after {
    clear: both;
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #DBBF68;
}

/************** whatdo **************/
.vh100 {
    height: 100vh;
    /*    height: calc(var(--vh, 1vh) * 100);*/
    width: 100vw;
}

.cover {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}

body.info_ .visual,
body.info_ .sub_tab {
    display: none;
}

body.info_ header {
    background: transparent;
}

body.info_ header.on {
    background: #fff;
}
body.info_ .visit_btn{
  color:#fff;
}
body.info_ .visit_btn:after{
  background: rgba(255,255,255,.7);
}
body.info_ header .hd_inner nav > ul > li > a {
    color: #fff;
}

body.info_ header.on .hd_inner nav > ul > li > a {
    color: #000;
}

body.info_ header.scorll {
    box-shadow: none;
    position: absolute;
}

body.info_ header .hd_info .lang i {
    color: #fff;
}

body.info_ header.on .hd_info .lang i {
    color: #000;
}

.whatdo {
    background-color: #0A0A0A;
    overflow: hidden;
    padding-bottom: 0;
}

.whatdo > .what_row01 {
    position: relative;
    background-color: #0A0A0A;
}

.whatdo .con1 {
    width: 100%;
    overflow: hidden;
    background-color: #0A0A0A;
    color: #fff;
    position: fixed;
    top: 0;
}

.whatdo .con1 img {
    display: block;
}

.whatdo .con2 {
    position: relative;
    color: #fff;
}

.whatdo .con2 .off .scroll {
    text-transform: uppercase;
    font-size: 14px;
    position: fixed;
    bottom: 6.5vh;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 100;
    z-index: 1;
    transition: all .1s ease;
}

.whatdo .con2 .off .scroll::after {
    content: '';
    position: absolute;
    top: 34px;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 60px;
    background-color: #fff;
    animation: overview-scroll 2s linear infinite;
}

.whatdo .con2 .off .text {
    position: absolute;
    z-index: 2;
    text-align: center;
    width: 100%;
    top: 25vh;
    padding: 0 20px;
    box-sizing: border-box;
    word-break: keep-all;
}

.whatdo .con2 .off .text span {
    font-weight: 500;
    opacity: 0.3;
    display: block;
    margin-bottom: 13px;
}

.whatdo .con2 .off .text p {
    font-size: 80px;
    line-height: 1;
    word-break: keep-all;
}

@keyframes overview-scroll {
    0% {
        height: 0;
    }

    100% {
        height: 60px;
    }
}

.whatdo .con2 .con2-area {
    transition: all .3s ease;
    width: 100%;
    background: linear-gradient(0deg, #0b1e29 0%, #0A0A0A 100%);
    padding-top: 162px;
    position: relative;
    padding-bottom: 131px;
}

.whatdo .con2 .con2-area::before {
    content: '';
    position: absolute;
    top: -191px;
    left: 0;
    width: 100%;
    height: 191px;
    background: linear-gradient(180deg, rgba(10, 10, 10, 0) 3.24%, rgba(10, 10, 10, 0.763541) 58.98%, #0A0A0A 100%);
}

.whatdo .con2 .con2-area .text {
    text-align: center;
    opacity: 0;
    transform: translateY(50%);
    transition: .3s ease;
    transition-duration: 1.5s;
}

.whatdo .con2 .con2-area .text > img {
    width: 45px;
    display: block;
    margin: 0 auto 25px;
}

.whatdo .con2 .con2-area .text p {
    font-size: 65px;
    margin-bottom: 20px;
}

.whatdo .con2 .con2-area .text p > img {
    display: inline-block;
    vertical-align: 35px;
}

.whatdo .con2 .con2-area .text p strong {
    font-weight: 700;
}

.whatdo .con2 .con2-area .text span {
    display: block;
    font-weight: 200;
    color: rgba(255, 255, 255, .9);
    font-size: 22px;
    line-height: 1.5;
    word-break: keep-all;
}

.whatdo .con2 .con2-area .logo {
    width: 97px;
    position: absolute;
    right: 110px;
    top: 90px;
}

.whatdo .what_row02 {
    width: 100% !important;
    background: #000 url("../images/culture/whatdo_img3.jpg") no-repeat;
    background-size: cover;
    color: #fff;
}

.whatdo .what_row02 .scroll {
    text-transform: uppercase;
    font-size: 14px;
    position: absolute;
    bottom: 6.5vh;
    left: 50%;
    transform: translateX(-50%);
    z-index: 110;
    font-weight: 100;
    transition: all .1s ease;
}

.whatdo .what_row02 .scroll::after {
    content: '';
    position: absolute;
    top: 34px;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 60px;
    background-color: #fff;
    animation: overview-scroll 2s linear infinite;
}

.whatdo .what_row02 .scene1 {
    transition: 1s ease;
}

.whatdo .what_row02 .face {
    width: 100%;
    height: 100%;
    /* background: #002E33; */
    background-size: cover;
    clip-path: circle(30%);
    transition: 2s cubic-bezier(0.87, 0, 0.13, 1);
    position: relative;
    background: url("../images/culture/face_bg.png") no-repeat;
    background-size: cover;
    width: 100%;
    height: 100vh;
    /* background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%); */
}

.whatdo .what_row02.one .face {
    clip-path: circle(100%);
}

.whatdo .what_row02 .face .bg {
    transform: scale(.78);
    transition: 1s ease;
}

.whatdo .what_row02.one .face .bg {
    transform: scale(1);
}

.whatdo .what_row02 .mainTxt1 {
    position: absolute;
    left: 110px;
    top: 100px;
}

.whatdo .what_row02 .mainTxt1 span {
    font-size: 45px;
    font-weight: 500;
    line-height: 1.2;
}

.whatdo .what_row02 .mainTxt1 p {
    font-weight: 200;
    color: rgba(255, 255, 255, .9);
    font-size: 22px;
    font-weight: 200;
    margin-top: 20px;
}

.whatdo .what_row02 .mainTxt2 {
    position: absolute;
    right: 110px;
    bottom: 100px;
}

.whatdo .what_row02 .mainTxt2 span {
    font-size: 45px;
    font-weight: 600;
    line-height: 1.2;
}
.whatdo .what_row02 .mainTxt1 span i,
.whatdo .what_row02 .mainTxt2 span i{
  font-weight: 300;
  font-style: normal;
}
.whatdo .what_row02 .mainTxt2 p {
    font-size: 22px;
    margin-top: 20px;
    line-height: 1.5;
    font-weight: 200;
    color: rgba(255, 255, 255, .9);
    word-break: keep-all;
}

.whatdo .what_row02 .scene {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: url(../images/culture/whatdo_img7.jpg) no-repeat center center / cover;
    font-size: 45px;
    opacity: 0;
    transform: scale(1.2);
    transition: 1s ease;
}

.whatdo .what_row02 .scene .txt {
    transform: translateY(30%);
    transition: 1s ease .5s;
    opacity: 0;
}

.whatdo .what_row02 .scene .txt p {
    font-size: 65px;
}

.whatdo .what_row02 .scene .txt p img {
    display: inline-block;
    vertical-align: 40px;
}

.whatdo .what_row02 .scene .txt span {
    font-weight: lighter;
    font-size: 30px;
    line-height: 1.3;
    word-break: keep-all;
    font-weight: 200;
    display: block;
    margin-top: 20px;
}

.whatdo .what_row02 .scene p b {
    text-decoration: underline;
}

.whatdo .what_row02 .scene2 {
    background-image: url("../images/culture/whatdo_img6.jpg");
}

.whatdo .what_row02.two .scene1,
.whatdo .what_row02.three .scene1 {
    opacity: 0;
}

.whatdo .what_row02.two .scene2,
.whatdo .what_row02.three .scene3 {
    opacity: 1;
    transform: scale(1);
}

.whatdo .what_row02.two .scene2 .txt,
.whatdo .what_row02.three .scene3 .txt {
    transform: translateY(0);
    opacity: 1;
}

/************** whatdo *************/

section.his_introduction .prd_info {
    margin: 50px 0 0;
}

section.history {
    width: 100%;
    background: url('../images/company/history_img.png') no-repeat;
    background-size: cover;
    margin-top: 150px;
    padding: 90px 0 150px;
}

section.history .title {
    line-height: 1.3;
    letter-spacing: -0.05em;
    font-size: 40px;
    font-weight: 300;
    color: #fff;
    padding-bottom: 50px;
    box-sizing: border-box;
}

section.history .histoty_wrap {
    position: relative;
}

section.history .history_tab {
    position: absolute;
    top: 5rem;
    left: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 50px;
    grid-row-gap: 0px;
}

section.history .history_tab > a {
    display: block;
    position: relative;
    margin-bottom: 20px;
    z-index: 1;
}

section.history .history_tab > a span {
    font-size: 18px;
    font-weight: 300;
    color: rgba(255, 255, 255, .5);
    transition: color .3s ease;
}

section.history .history_tab > a.on span {
    color: #fff;
    text-decoration: underline;
}

section.history .history_img_wrap {
    width: 430px;
    height: 270px;
    position: absolute;
    top: 16.5rem;
    left: 0;
}

section.history .history_img_wrap .history_img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity .3s ease;
    opacity: 0;
}

section.history .history_img_wrap .history_img.on {
    opacity: 1;
}

section.history .history_img_wrap span {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

section.history .history_content {
    position: relative;
    padding-left: 528px;
}

section.history .fixed_load {
    position: absolute;
    top: 70px;
    left: 345px;
    font-size: 150px;
    line-height: 1;
    color: #fff;
    font-weight: 500;
}

section.history .scroll_wrap {
    height: 34rem;
    position: relative;
    overflow: hidden;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

section.history .scroll_wrap::-webkit-scrollbar {
    display: none;
}

section.history .history_divide {
    display: table;
    width: 100%;
    position: relative;
    padding: 100px 0 100px 17.5rem;
    border-top: 1px solid rgba(255, 255, 255, .3);
    box-sizing: border-box;
}

section.history .history_divide.first {
    border-top: 0;
    padding: 100px 0 360px 17.5rem;
}

section.history .history_divide.last {
    padding: 100px 0 369px 17.5rem;
}

/*
section.history .history_divide.last strong {
    top: 40px;
}
*/

section.history .history_divide.first .divide_cont {
    position: relative;
    top: 30px;
}

section.history .history_divide strong {
    display: block;
    position: absolute;
    top: 70px;
    left: 0;
    font-size: 150px;
    font-weight: 500;
    line-height: 1;
    color: rgba(255, 255, 255, .5);
    transition: color .3s ease;
}

section.history .history_divide.on strong {
    color: #fff;
}

section.history .history_divide strong span {
    display: none;
}

section.history .divide_cont {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

section.history .divide_cont > div {
    margin-bottom: 30px;
}

section.history .divide_cont > div:last-child {
    margin-bottom: 0;
}

section.history .divide_cont h5 {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    background: #000;
    margin-bottom: 10px;
    padding: 5px 15px 4px;
    box-sizing: border-box;
}

section.history .divide_cont .his_t {
    position: relative;
    font-size: 16px;
    line-height: 2;
    font-weight: 300;
    color: #fff;
    word-break: keep-all;
    padding-left: 15px;
    box-sizing: border-box;
}

section.history .divide_cont .his_t:after {
    position: absolute;
    content: "";
    clear: both;
    display: inline-block;
    width: 3px;
    height: 3px;
    border: 1px solid #fff;
    box-sizing: border-box;
    top: 13px;
    left: 0;
}

section.history .tit {
    text-align: center;
    width: auto !important;
    padding-right: 0 !important;
}

section.history .tit em {
    font-size: 14px;
    font-style: normal;
    position: relative;
}

section.history .tit em span {
    display: inline-block;
    width: 70px;
    height: 1px;
    position: relative;
    margin-left: 10px;
    top: -4px;
    background: #000;
}

section.history .tit p {
    font-size: 41px;
    font-weight: 400;
    margin: 15px 0 80px;
}

section.history .tit img {
    margin-bottom: 100px;
}
@media screen and (max-width: 1550px) {
  body.data_rohs section.sub_tab_v2 ul > li,
  body.data_guarantee section.sub_tab_v2 ul > li,
  body.data_ghs_msds section.sub_tab_v2 ul > li,
  body.data_info section.sub_tab_v2 ul > li,
  body.data_certificate section.sub_tab_v2 ul > li {
      min-height: 194px;
      min-width: auto;
  }
}
@media screen and (max-width: 1495px) {
  section.com_partner .div_tab{
        flex-direction: column;
  }
  section.com_partner .basic_table {
  width: 100%;
  }
}

@media screen and (max-width: 1460px) {
    section.dis_system .circle {
        transform: scale(0.9);
    }

    .product-function__list {
        margin: -10px;
    }
}

@media screen and (max-width: 1360px) {
    .partner_box {
        justify-content: center;
    }
}

@media screen and (max-width: 1320px) {

    section.eth_cyber #tab1 .col01 .list li:after,
    section.eth_cyber #tab1 .col01 .circle:after,
    section.eth_cyber #tab1 .col01 .list ul:after {
        display: none;
    }

    section.eth_cyber #tab1 .col01 .circle {
        margin: 0 auto 50px;
    }

    section.eth_cyber #tab1 .col01 .list ul {
        gap: 50px;
        justify-content: center;
        flex-wrap: wrap;
    }

    .report .thumb {
        background-size: contain;
        height: 53.1vw;
        width: 37.6vw;
    }

    section.dis_rp .report .adobe {
        margin-top: 50px;
    }

    .basic_tab_v2 .tab_box .big_tab,
    .basic_tab_v2 .custom_btn_v4 {
        right: 20px;
    }

    .basic_tab_v2 .tabmenu:after {
        width: 96%;
        right: 0;
    }

    section.ceo_philosophy .tit div img {
        margin: 0 auto;
    }

    section.ceo_philosophy .box {
        text-align: center;
    }

    section.ceo_philosophy .desc .r {
        width: 80%;
        margin: 30px auto 0;
        text-align: center;
    }

    section.ceo_philosophy .desc {
        display: block;
    }

    section.ceo_philosophy .tit h5 {
        padding-left: 0;
        padding-top: 60px;
    }

    section.ceo_philosophy .tit {
        display: block;
    }

    section.ceo_philosophy .tit div {
        width: 100%;
        padding-bottom: 70px;
        box-sizing: border-box;
    }

    section.ceo_philosophy .tit div:after {
        top: auto;
        transform: inherit;
        right: 0;
        left: 0;
        width: 130px;
        height: 1px;
        bottom: 0;
        margin: 0 auto;
    }

    section.dis_information .box {
        height: auto;
    }

    section.dis_information .box ul li {
        width: 30vw;
        height: 33vw;
        padding: 5vw 3vw;
    }

    section.dis_information .box h5 {
        margin-bottom: 20px;
        padding-bottom: 10px;
    }

    section.dis_information .box span {
        font-size: 22px;
    }

    section.dis_information .box p {
        font-size: 18px;
    }

    section.dis_information .box h4 {
        font-size: 32px;
        margin-bottom: 30px;
    }

    section.sub_tab ul li:not(:last-child) {
        margin-right: 30px;
    }

    section.sub_tab ul li > a > span {
        font-size: 17px;
        font-weight: 400;
        color: rgba(79, 79, 79, 1);
    }

    .prd_info .tit h4 br {
        display: none;
    }

    section.biobrass .tab_body_v5 .data_v1 img {
        width: 23vw;
        height: 15vw;
    }
}

@media screen and (max-width: 1280px) {
  section.com_partner .basic_table table{
    width: 1234px;
  }
    section.history .inner {
        max-width: 1024px;
    }

    section.history .title {
        font-size: 40px;
    }

    section.history .fixed_load {
        font-size: 100px;
        top: 108px;
    }

    section.history .history_divide.first,
    section.history .history_divide {
        padding: 6rem 0 6rem 12rem;
    }

    section.history .history_divide strong {
        font-size: 100px;
        top: 108px
    }

    section.history .history_divide.last {
        padding: 6rem 0 23rem 12rem;
    }

    section.history .history_content {
        padding-left: 29.5rem;
    }

    section.history .divide_cont .his_t {
        font-size: 14px;
    }

    section.history .divide_cont h5 {
        font-size: 15px;
        padding: 10px 20px;
        line-height: 1.4;
        word-break: keep-all;
    }

    section.ma_esg .col01 ul li.current {
        width: 31vw;
    }

    section.ma_esg .col01 ul li {
        width: 19vw;
    }

    section.ma_esg .col01 {
        display: block;
    }

    section.ma_esg .year {
        margin-bottom: 30px;
    }

    .answer_list_wrap .answer li {
        width: 48%;
    }

    .answer_list_wrap .answer li img {
        width: 100%;
        height: 35vw;
    }

    section.gr_agreement #tab1 li {
        width: 43%;
    }

    section.gr_agreement #tab1 .bottom p:after {
        width: 4px;
        height: 4px;
        top: 11px;
    }

    section.gr_agreement #tab1 .bottom p:not(:last-child) {
        margin-bottom: 7px;
    }

    section.gr_agreement #tab1 .bottom p {
        font-size: 18px;
        padding-left: 13px;
    }

    section.gr_agreement #tab1 .top img {
        margin-right: 25px;
        height: 65px;
    }

    section.gr_agreement #tab1 .top p {
        font-size: 26px;
    }

    section.gr_agreement #tab1 li > div {
        height: 250px;
    }

    section.safety_basic .col01 .row02 .content li.img {
        width: 200px;
        height: 200px;
    }

    section.eth_about #tab1 .col02 .row01 p br {
        display: none;
    }

    section.eth_about #tab1 .col01 img {
        width: 70%;
    }

    section.eth_about #tab1 .col01 p {
        font-size: 26px;
        margin: 50px auto;
    }

    section.eth_about #tab1 .col02 {
        padding-top: 50px;
        gap: 50px;
        flex-direction: column;
    }

    section.eth_about #tab1 .col02 > img {
        margin: 0 auto;
    }

    section.eth_about #tab1 .col02 .row02 {
        margin-top: 50px;
    }

    .grapwrap .txt b {
        font-size: 65px;
    }

    .grapwrap .txt b em {
        font-size: 55px;
    }

    .grapwrap .graph {
        padding: 30px;
    }

    .grapwrap .graph i {
        top: 30px;
        right: 30px;
    }

    .grapwrap .graph .box {
        bottom: 30px;
        width: calc(100% - 60px);
    }

    .icon_box .desc em {
        font-size: 60px;
    }

    .ps_ad .detail_v2 dl {
        height: 9.25vw;
    }

    .ps_ad .detail dl {
        font-size: 18px;
    }

    .ps_ad .detail_v2 dt {
        font-size: 18px;
    }

    .ps_ad .detail dt {
        padding: 3.35vw 2%;
    }

    .ps_ad .detail img {
        width: 45%;
    }

    section.history_founder #tab3 ul {
        justify-content: space-around;
    }

    .desc_box .box p span br {
        display: none;
    }

    section.history_founder #tab4 .col06 img {
        margin: 0 auto 30px;
    }

    section.history_founder #tab4 .col06 .desc_box .box b {
        margin-bottom: 30px;
    }

    section.history_founder #tab4 .col03 img {
        margin: 0 0 30px;
    }

    .desc_box .box p,
    .desc_box .box b,
    section.history_founder #tab4 .col06 .box div > p,
    section.history_founder #tab4 .col03 .desc_box .box b {
        width: 100%;
    }

    section.history_founder #tab4 .col01 .desc_box .tit {
        padding-left: 0;
    }

    section.history_founder #tab4 .col06 .box div,
    section.history_founder #tab4 .col04 .desc_box .box,
    section.history_founder #tab4 .col03 .wrap,
    section.history_founder #tab4 .col01 .box {
        flex-direction: column;
    }

    section.history_founder .a,
    section.history_founder .o {
        display: none;
    }

    section.history_founder #tab1 .tab_content div {
        width: 50%;
    }

    section.history_founder #tab1 .tab_content p br {
        display: none;
    }

    .profile_cont {
        width: 50%;
    }

    section.history_founder #tab2 .col2 dd .profile_cont {
        width: 100%;
    }

    .profile_cont > div ul span {
        display: block;
        margin: 0 0 3px 0;
    }

    section.ceo_introduction .col div {
        width: 550px;
    }

    section.about_way .col02 img {
        width: 40%;
    }

    section.about_way .col02 .desc p {
        font-size: 20px;
    }

    section.about_way .col02 .desc:after {
        display: none;
    }

    .global_map_visual {
        display: none;
    }

    .global_map_list > li {
        padding: 30px 24px;
    }

    .global_map_list > li .tip_block_wrap p br {
        display: none;
    }

    .global_map_list > li .tip_block_wrap dl + dl {
        margin-top: 8px;
    }

    .global_map_list > li .tip_block_wrap dl dt {
        width: 55px;
        margin-right: 20px;
    }

    .global_map_list > li .map_view {
        display: block;
        margin-top: 30px;
    }

    .global_map_list > li .tip_block_wrap .global_util_wrap {
        position: unset;
        margin-top: 24px;
    }

    .global_map_list > li .tip_block_wrap {
        padding: 0;
    }

    .global_map_list > li .tip_block_wrap .global_util_wrap [class*='btn_'] {
        width: 100%;
        font-size: 15px;
    }

    .global_map_list > li .tip_block_wrap .global_util_wrap .btn_location::before {
        width: 12px;
        height: 14px;
        background-size: 14px auto;
        margin-right: 5px;
    }

    .global_map_list > li .tip_block_wrap .global_util_wrap .btn_location::after {
        margin-left: 5px;
    }

    ul.page_tab_navi > li > a {
        display: block;
        padding: 16px 24px;
        line-height: 1;
    }

    section.dis_system .col {
        height: 950px;
    }

    section.dis_system .circle {
        transform: scale(0.8);
    }

    section.dis_process .box ul li {
        width: 180px;
        height: 180px;
    }

    section.dis_information .box h4 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    section.dis_information .box span {
        font-size: 18px;
    }

    section.dis_information .box h5 {
        margin-bottom: 15px;
        padding-bottom: 5px;
        font-size: 24px;
    }

    section.dis_information .box p {
        font-size: 16px;
    }

    section.rd_present .cont01 {
        height: auto;
    }

    section.rd_present .cont01 > .inner > div:nth-child(1) {
        width: 30%;
    }

    section.rd_present .cont01 > .inner > div:nth-child(2) {
        width: 65%;
    }

    .layer_area > dl > dt p {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .tab_box .big_tab ul li {
        width: 16vw;
        height: 40px;
        font-size: 18px;
        border-bottom: 2px solid rgba(0, 0, 0, .2);
    }

    .guide_once {
        display: block;
    }

    section.sh_information .guide_once {
        display: none;
    }

    section.dis_information .guide_once {
        display: none;
    }

    .basic_table .wrap {
        overflow-x: scroll;
    }

    section.ratio .basic_table table {
        width: 100%;
    }

    section.accounting .basic_table .wrap,
    section.ratio .basic_table .wrap {
        overflow-x: inherit;
    }

    section.biobrass .box_area img {
        position: static;
        display: block;
        margin: 15px 0 30px;
    }

    section.biobrass .layer_area .tab_body_v1 {
        width: 100%;
    }

    .layer_area > dl {
        display: block;
    }

    .layer_area > dl > dt p br {
        display: none;
    }

    .layer_area > dl > dt h5 {
        margin-bottom: 15px;
    }

}

@media screen and (max-width: 1152px) {
    section.eth_cyber #tab2 .col01 {
        height: auto;
        padding: 50px;
        flex-direction: column;
        gap: 30px;
    }

    section.eth_cyber #tab2 .tit {
        width: 100%;
        top: auto;
        left: auto;
        text-align: center;
    }

    section.eth_cyber #tab2 .desc {
        width: 100%;
    }

    section.eth_cyber #tab2 .col01:after {
        display: none;
    }

    section.eth_news #tab2 .swiper,
    section.eth_news .swiper-wrapper,
    section.eth_news .sec_history_area {
        width: 100% !important;
    }

    .list_history dt {
        width: 15%;
    }

    .list_history dd {
        width: 85%;
    }

    section.eth_news .sec_history.last .list_history dt {
        width: 20%;
    }

    section.eth_news .sec_history.last .list_history dd {
        width: 80%;
    }

    section.eth_news #tab2 .pager_tit {
        position: static;
        text-align: center;
        margin-bottom: 50px;
    }

    section.eth_news #tab2 .swiper-pagination {
        text-align: center;
        margin-top: 20px;
        position: static;
        border-left: 0;
    }

    section.eth_news #tab2 .swiper-pagination-bullet {
        padding-left: 0;
        display: inline-block;
        border-bottom: 1px solid transparent;
        box-sizing: border-box;
        transition: .3s ease;
    }

    section.eth_news #tab2 .swiper-pagination-bullet span {
        font-weight: 500;
        transition: .3s ease;
    }

    section.eth_news #tab2 .swiper-pagination-bullet-active span {
        color: #CCB366;
    }

    section.eth_news #tab2 .swiper-pagination-bullet-active {
        width: inherit;
        height: inherit;
        background: transparent;
        border-color: #CCB366;
        box-sizing: border-box;
        transition: inherit;
    }

    section.eth_news #tab2 .swiper-pagination > div:not(:last-child) {
        margin-right: 5%;
    }

    .law_area .wrap {
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .law_area .col02 p {
        text-align: left;
    }

    .law_area > li {
        width: 33.333%;
        text-align: center;
    }

    .icon_box .desc p {
        font-size: 16px;
    }

    .icon_box .desc i {
        font-size: 16px;
        margin: 20px 0 10px;
    }

    section.com_partner .ps_ad .detail_v2 dl {
        flex-direction: row;
        flex-wrap: wrap;
        height: auto;
    }

    section.com_partner .ps_ad .detail_v2 dt {
        width: 100%;
        border-right: none;
    }

    section.com_partner .ps_ad .detail_v2 dd {
        width: 50%;
        padding: 3.35vw 2%;
    }

    section.history_founder #tab1 .tab_content div {
        width: 45%;
    }

    section.ceo_introduction .col {
        display: block;
    }

    section.ceo_introduction .col img {
        display: block;
        margin: 0 auto 50px;
    }

    section.ceo_introduction .col div {
        width: 90%;
        margin: 0 auto;
    }

    section.dis_system .circle {
        transform: scale(0.7);
    }

    section.about_way .col02 .box .way {
        width: 590px;
        height: 394px;
        background-size: contain;
    }

    section.about_ci .color li {
        width: 31.3%;
    }

    section.about_ci .color li:nth-child(2) {
        margin: 0px 3%;
    }
}

@media screen and (max-width: 1024px) {
    section.center_info.center_info_v3 .basic_table.ver1 .chartTableRow > div:nth-child(4) > span{
            display: inline-block;
    }
    section.fin_information .tab_body .chartTableCell > p,
    section.fin_information .chartTableRow > div:nth-child(1) > p {
        text-align: left;
    }

    section.cs_center_real .chartTable.type2 .chartTableCell > p br {
        display: block;
    }

    section.cs_center_real .chartTableRow > div,
    section.cs_center_real .chartTableRow > div:nth-child(4),
    section.cs_center_real .center_tb_v2 .chartTableRow > div:nth-child(1),
    section.cs_center_real .center_tb_v2 .chartTableRow > div:nth-child(2),
    section.cs_center_real .center_tb_v2 .chartTableRow > div:nth-child(3),
    section.cs_center_real .chartTableRow > div,
    section.cs_center_real .chartTableRow > div:nth-child(4) > div {
        width: 100% !important;
    }

    section.center_info .basic_table.ver1 table tbody tr > td.desc > .desc__bottom .link__btn1 {
        max-width: inherit !important;
    }

    section.cs_center_real .chartTableCell {
        border-right: none !important;
    }

    section.center_info .basic_table.ver1 table tbody tr > td.desc > .desc__bottom .link__btn1 {
        margin: inherit !important;
    }

    section.guarantee .chartTable.btn__ver1 .chartTableCell {
        display: inline-block;
    }

    section.center_info.guarantee .basic_table.ver1 .chartTable.type2 .chartTableCell > div {
        width: calc(100% - 130px);
    }


    section.ma_esg .col01 ul {
        display: block;
    }

    .culture_box {
        flex-direction: column-reverse;
        gap: 30px;
    }

    section.ma_esg .col01 ul {
        font-size: 0;
    }

    section.ma_esg .col01 p {
        font-size: 100px;
    }

    section.ma_esg .col01 ul li.current {
        width: 100%;
        margin-bottom: 15px;
    }

    section.ma_esg .col01 ul li {
        display: inline-block;
        vertical-align: top;
        width: 32.3%;
    }

    section.ma_esg .col01 ul li:nth-child(3) {
        margin: 0 1.5%;
    }

    .culture_wrap > div {
        margin-bottom: 30px;
    }

    .culture_wrap .thumb p {
        font-size: 16px;
    }

    .culture_v3 {
        flex-direction: column;
    }

    section.con_culture #tab5 .culture_v3 .desc,
    .culture_v3 .culture_stit,
    .culture_v3 .desc {
        width: 100%;
    }

    .culture_v3 .desc p br,
    .culture_tit div p br {
        display: none;
    }

    .culture_v1 {
        flex-direction: column;
    }

    .culture_tit h4 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .culture_v1 .desc {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .culture_v1 .desc p:not(:last-child) {
        margin-bottom: 15px;
    }

    .culture_v1 .desc p {
        font-size: 16px;
    }

    .culture_v1 .thumb img:not(:last-child) {
        margin-bottom: 15px;
    }

    .culture_v1 .thumb img {
        float: none;
    }

    section.credit .chartTable.type2 .chartTableCell > span {
        vertical-align: middle;
    }

    section.gr_value .col02 h7 {
        margin-bottom: 50px;
    }

    section.gr_value .col01 {
        background-position: left;
    }

    section.gr_value .col01:after {
        clear: both;
        content: "";
        display: block;
        position: absolute;
        background: rgba(0, 0, 0, .2);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    section.gr_value .col01 * {
        position: relative;
        z-index: 1;
    }

    section.gr_value .col01 dt {
        padding: 0 0 20px 0;
        margin-right: 0;
        margin-bottom: 20px;
        font-size: 50px;
        color: #fff;
    }

    section.gr_value .col01 dt:after {
        top: auto;
        left: 0;
        margin: 0 auto;
        width: 100%;
        height: 1px;
        bottom: 0;
        background: rgba(255, 255, 255, .7);
    }

    section.gr_value .col01 dd {
        color: rgba(255, 255, 255, .9);
    }

    section.sa_result .col03 {
        flex-direction: column;
        padding: 25px;
        gap: 20px;
        align-items: flex-start;
    }

    section.gr_value .col01 dl {
        width: auto;
        background: transparent;
        padding: 0;
        text-align: center;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        top: 49%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    section.safety_basic .col01 .row02 .content li.img {
        width: 29vw;
        height: 29vw;
    }

    section.safety_basic .col01 > div:not(:last-child) {
        margin-bottom: 100px;
    }

    section.safety_basic .col01 .row02 .content li.img img {
        height: 70px;
        margin-bottom: 15px;
    }

    section.safety_basic .col01 .row01 .content {
        margin: 0 auto;
    }

    section.safety_basic .col01 > div {
        flex-direction: column;
        gap: 30px;
    }

    section.safety_basic .col01 .row03 .content {
        width: 100%;
    }

    section.eth_news #tab1 .col02 .ck1 .txt,
    section.eth_news #tab1 .col02 .ck2 .txt,
    section.eth_news #tab1 .col02 .ck3 .txt {
        min-height: inherit;
    }

    section.eth_news #tab1 .col02 .ck .desc {
        width: 100%;
    }

    section.eth_news #tab1 .col02 .ck .txt {
        width: 100%;
        background: transparent;
        padding: 0;
        margin-bottom: 20px;
    }

    section.eth_news #tab1 .col02 .ck,
    section.eth_news #tab1 .col03 .column {
        flex-direction: column;
    }

    section.eth_news #tab1 .col03 .column .img {
        width: 100%;
        text-align: center;
    }

    section.eth_news #tab1 .col03 .column .img img {
        display: block;
        margin: 0 auto;
    }

    section.eth_news #tab1 .col01 > div:nth-child(1) {
        padding-right: 20px;
    }

    section.eth_news #tab1 .col01 > div:nth-child(2) {
        padding: 0 0 0 20px;
    }

    section.accounting #tab4 .list_util > dl > dt:after {
        display: none;
    }

    section.accounting #tab4 .list_util > dl > dt {
        padding-left: 0;
    }

    .law_box > p {
        font-size: 16px;
    }

    .law_box > p:after {
        height: 10px;
        top: 6px;
        right: -12px;
    }

    .law_box > p:not(:last-child) {
        margin-right: 20px;
    }

    .law_area > li {
        width: 50%;
    }

    section.eth_control .chartTableRow.data .chartTableCell {
        padding: 5px 0;
    }

    .tb_num1,
    .tb_num2,
    .tb_num3 {
        padding-left: 15px;
    }

    .tb_num1:after,
    .tb_num2:after,
    .tb_num3:after {
        font-size: 13px;
    }

    .com_area {
        margin-top: 50px;
    }

    .com_area .down {
        flex-direction: column;
        padding: 25px;
        gap: 10px;
        align-items: flex-start;
    }

    .com_area h8 {
        font-size: 24px;
        padding-bottom: 15px;
        margin-bottom: 20px;
    }

    .com_area dl {
        gap: 15px;
        flex-direction: column;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .com_area dt {
        width: 100%;
        font-size: 24px;
    }

    .com_area dd {
        width: 100%;
    }

    .com_area > div:not(:last-child) {
        margin-bottom: 50px;
    }

    .grapwrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 50px;
    }

    .grapwrap .graph {
        width: 46vw;
        height: 46vw;
        margin: 0 auto;
    }

    .grapwrap .txt {
        grid-area: 1 / 1 / 2 / 2;
    }

    .grapwrap .graph {
        grid-area: 2 / 1 / 3 / 2;
    }

    .grapwrap .graph2 {
        grid-area: 2 / 2 / 3 / 3;
    }

    .report {
        flex-direction: column;
    }

    .report.mb1 {
        margin-bottom: 50px;
    }

    .report .thumb {
        width: 60%;
        height: 80vw;
        margin: 0 auto 50px;
    }

    .report .txt {
        width: 100%;
        margin: 0 auto;
    }

    .report .desc dt {
        width: 20%;
    }

    .report .desc dd {
        width: 80%;
    }

    .basic_table table thead th {
        font-size: 16px;
    }

    .grid_box .txt {
        width: 100%;
        font-size: 24px;
        margin-bottom: 8px;
        font-weight: 600;
    }

    .grid_box .content,
    section.accounting #tab3 h5,
    section.accounting #tab3 .basic_table,
    section.dis_information .basic_table table,
    section.dis_information h5,
    section.dis_information .basic_table,
    section.ratio h5,
    section.ratio .basic_table,
    section.rd_organization .list_util > dl > dd,
    section.rd_organization h5,
    section.rd_organization .basic_table {
        width: 100%;
    }

    .grid_box,
    section.accounting #tab3 .div_tab,
    section.ratio .div_tab,
    section.dis_information .div_tab,
    section.rd_organization .div_tab {
        flex-direction: column;
    }

    .icon_box .desc li {
        width: 46%;
        margin-bottom: 50px;
        padding-bottom: 50px;
    }

    .new_attre {
        flex-direction: column;
    }

    .new_attre .product-attribute__list {
        width: 100%;
    }

    .new_attre .product-attribute__title {
        padding-left: 0;
    }

    .ps_ad .detail {
        flex-direction: column;
    }

    .ps_ad .detail_v2 dl {
        height: 10.25vw;
    }

    .ps_ad .detail_v2 i {
        width: 25%;
        font-size: 16px;
    }

    .ps_ad .detail_v2 p {
        font-size: 16px;
    }

    .ps_ad .detail_v2 dt {
        width: 24%;
    }

    .ps_ad .detail_v2 dd {
        width: 38%;
        font-size: 16px;
    }

    .ps_ad .detail_v2 dl > * {
        font-size: 16px;
    }

    .ps_ad .detail dt {
        background: #F6F7F9;
    }

    .ps_ad .detail div {
        width: 100%;
    }

    .ps_ad .detail img {
        width: auto;
        margin: 0 0 30px;
    }

    section.history_founder #tab2 .col2 dl:last-of-type {
        border-bottom: none;
    }

    section.history_founder #tab2 .col2 dd .profile_cont {
        margin: 30px auto 0;
    }

    section.history_founder #tab2 .col2 dd .profile_cont:after {
        display: none;
    }

    section.history_founder #tab2 .col2 dd .profile_cont {
        padding-left: 0;
    }

    section.history_founder #tab2 .col2 dl {
        flex-direction: column;
    }

    section.history_founder #tab2 .col2 dt {
        width: 100%;
        text-align: center;
    }

    section.history_founder #tab2 .col2 dd {
        width: 100%;
    }

    section.history_founder #tab2 .col2 dl {
        /*        text-align: left;*/
    }

    section.history_founder .basic_layer_v2 p {
        font-size: 20px;
        padding: 20px 0;
        margin-bottom: 20px;
    }

    .basic_layer_v2 span {
        font-size: 16px;
        padding-bottom: 30px;
    }

    section.history_founder #tab1 .tab_content {
        flex-direction: column;
        text-align: center;
    }

    section.history_founder #tab1 .tab_content > img {
        display: block;
        margin: 0 auto 50px;
    }

    section.history_founder #tab1 .tab_content div {
        width: 80%;
        margin: 0 auto;
    }

    .profile_cont {
        width: 100%;
        text-align: center;
        margin: 50px auto 0;
    }

    .profile_cont > div > p {
        padding-bottom: 10px;
        position: relative;
        border-bottom: none;
    }

    .profile_cont > div > p:after {
        width: 300px;
        height: 1px;
        background: #000;
        clear: both;
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    section.ceo_profile .col .profile {
        margin: 0 auto;
    }

    section.ceo_profile .col .profile p {
        text-align: center;
    }

    section.ceo_profile .col > div {
        flex-direction: column;
    }

    section.about_ci .color li {
        width: 42%;
        margin: 0 4% 70px;
    }

    section.about_ci .inner > div:not(:first-child) {
        margin-bottom: 70px;
    }

    section.about_ci .color li:nth-child(2) {
        margin: 0px 4%;
    }

    section.about_ci .subtit {
        margin-bottom: 30px;
    }

    section.about_ci .col02 p {
        font-size: 24px;
        padding-left: 10px;
    }

    section.about_ci .col02 .box {
        flex-direction: column-reverse;
    }

    section.about_ci .col02 .box > div:nth-child(1) {
        margin-right: 0;
        margin-top: 30px;
    }

    section.about_ci .list_util > dl > dt:after {
        display: none;
    }

    section.about_ci .list_util > dl > dt {
        padding-left: 10px;
    }

    section.about_ci .list_util > dl > dd img {
        height: 50px;
        margin-bottom: 20px;
        padding-left: 10px;
    }

    section.about_way .col02 .box .way {
        margin: 0 auto;
        width: 74vw;
        height: 53vw;
    }

    section.about_way .col02 img {
        width: 50%;
        margin: 30px auto 0;
        display: block;
    }

    section.about_way .col02 .desc {
        padding-left: 0;
        text-align: center;
        margin-top: 50px;
    }

    section.about_way .col02 .box {
        display: block;
    }

    section.about_way .col01 .box img {
        width: 80%;
    }

    .basic_layer > div:not(:last-child) {
        margin: 0px auto 30px;
    }

    section.about_way .col01 .basic_layer {
        margin: 0px 0 70px;
    }

    section.about_way .col01 .box {
        margin-top: 50px;
    }

    .basic_layer p {
        top: 56%;
        font-size: 22px;
    }

    section.about_way .col01 .basic_layer i,
    .basic_layer i {
        font-size: 16px;
        top: auto;
        padding: 9px 2%;
        width: auto;
        height: auto;
        border-radius: inherit;
    }

    section.re_talent .col > dl h4 {
        margin-bottom: 30px;
    }

    section.re_talent dl {
        display: block;
        text-align: center;
    }

    section.re_talent dt,
    section.re_talent dd {
        width: 100%;
    }

    section.re_talent dd p:after {
        display: none;
    }

    section.re_talent dd p:not(:last-child) {
        margin-bottom: 3px;
    }

    section.re_talent dt span {
        font-size: 26px;
        padding-left: 0;
        margin-bottom: 6px;
        font-weight: 600;
    }

    section.dis_system .circle .s .txt h6 {
        margin: 17px 0 5px;
    }

    section.dis_system .circle .s1 .txt,
    section.dis_system .circle .s2 .txt,
    section.dis_system .circle .s3 .txt,
    section.dis_system .circle .s4 .txt {
        left: 0;
        right: 0;
        bottom: auto;
        margin: 0 auto;
        top: auto;
        width: auto;
        transform: inherit;
        text-align: center;
    }

    section.dis_system .col {
        height: auto;
    }

    section.dis_system .circle {
        transform: scale(1);
        width: auto;
        height: auto;
        background: transparent;
        border-radius: inherit;
        padding: 100px 0 0;
        box-sizing: border-box;
    }

    section.dis_system .circle .b {
        position: relative;
        transform: inherit;
        top: auto;
        left: 0;
        right: 0;
        margin: 0 auto 80px;
    }

    section.dis_system .circle .b div {
        position: relative;
    }

    section.dis_system .circle .b div:after {
        clear: both;
        content: "";
        display: block;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        border: 5px dashed #fff;
        border-radius: 50%;
        box-sizing: border-box;
        width: 120%;
        height: 120%;
    }

    section.dis_system .circle .s:after {
        display: none;
    }

    section.dis_system .circle .s {
        position: static;
        margin-bottom: 50px;
    }

    section.dis_system .circle .s1 {
        height: auto;
        transform: inherit;
    }

    section.dis_system .circle .s2 {
        width: auto;
        transform: inherit;
    }

    section.dis_system .circle .s3 {
        width: auto;
        height: auto;
        transform: inherit;
    }

    section.dis_system .circle .s4 {
        height: auto;
        width: auto;
        transform: inherit;
    }

    section.dis_system .circle .s .won {
        position: relative;
        top: auto;
        bottom: auto;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    section.dis_process .box {
        padding: 50px 0;
    }

    section.dis_process .box_v2 dt,
    section.dis_process .box_v2 dd {
        width: 100%;
    }

    section.dis_process .box_v2 dl {
        display: block;
        padding: 0;
        border-bottom: none;
        margin-bottom: 20px;
    }

    section.dis_process .box_v2 dt i {
        font-size: 20px;
        display: block;
        font-weight: 400;
    }

    section.dis_process .box_v2 dd p {
        font-size: 16px;
    }

    section.dis_process .box_v2 dt span {
        font-size: 22px;
        margin-bottom: 5px;
        display: block;
    }

    section.dis_process .box ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    section.dis_process .box ul li {
        width: 215px;
        height: 215px;
        margin-bottom: 30px;
    }

    section.dis_process .box ul li:nth-child(1) {
        grid-area: 1 / 1 / 2 / 2;
    }

    section.dis_process .box ul li:nth-child(2) {
        grid-area: 1 / 2 / 2 / 3;
    }

    section.dis_process .box ul li:nth-child(3) {
        grid-area: 2 / 1 / 3 / 2;
    }

    section.dis_process .box ul li:nth-child(4) {
        grid-area: 2 / 2 / 3 / 3;
    }

    section.dis_process .box ul li:nth-child(5) {
        grid-area: 3 / 1 / 4 / 2;
    }

    section.dis_process .box ul li:nth-child(6) {
        grid-area: 3 / 2 / 4 / 3;
    }

    section.dis_process .box ul li:nth-child(7) {
        grid-area: 4 / 1 / 5 / 2;
    }

    sectiondis_information .prd_info {
        margin: 70px 0 0;
    }

    section.dis_process .box ul li:after {
        right: -55px;
        width: 29px;
        height: 9px;
    }

    section.dis_information .box {
        padding: 50px 0;
        top: 0;
        background-position: 100% 0%;
        background-size: cover;
        box-sizing: border-box;
    }

    section.dis_information .box ul {
        top: 0;
    }

    section.dis_information .box ul li {
        height: auto;
    }

    section.dis_information .box h4 {
        font-size: 25px;
        margin-bottom: 15px;
    }

    section.dis_introduction .list_util > dl > dt:after,
    section.about_present .list_util > dl > dt:after {
        display: none;
    }

    section.dis_introduction .list_util > dl > dt,
    section.about_present .list_util > dl > dt {
        padding-left: 0;
    }

    section.sub_tab_v2 ul {
        width: 100%;
    }

    .brr {
        border-right: none !important;
    }

    .custom .chartTableCell p {
        font-weight: 700 !important;
    }

    section.fin_information .chartTable.type2 .chartTableCell > span {
        vertical-align: middle;
    }

    .tbt {
        border-top: none !important;
    }

    .tbb {
        border-bottom: none !important;
    }

    .tbl {
        border-left: none !important;
    }

    .tbr {
        border-right: none !important;
    }

    body.private_ .list_util dd > ul > li.ol_util li:after {
        width: 7px;
        height: 1px;
        background: #000;
    }

    body.private_ .list_util > dl > dt {
        width: 100%;
    }

    body.private_ .list_util > dl > dd {
        width: 100%;
        padding-left: 0;
    }

    section.rd_present .cont01 > .inner {
        flex-direction: column-reverse;
    }

    section.rd_present .cont01 > .inner > div:nth-child(1) {
        width: 100%;
        position: relative;
        top: -45px;
    }

    section.rd_present .cont01 > .inner > div:nth-child(2) img,
    section.rd_present .cont01 > .inner > div:nth-child(2) {
        width: 100%;
    }

    section.rd_present .cont01 > .inner > div:nth-child(1) > dl:nth-child(1) {
        margin-bottom: 40px;
    }

    section.rd_organization .list_util img {
        margin: 30px 0;
    }

    /*
    .basic_table table tr * {
        border-left: 1px solid #DFE0E8;
    }
*/

    .basic_table table tbody td {
        font-size: 16px;
    }

    .tab_body > .div_tab > h5 {
        font-size: 24px;
        margin-bottom: 8px;
    }

    section.r_d_quality .box {
        margin-bottom: 3px;
    }

    section.sigma .list_util > dl > dt,
    section.sigma .list_util > dl > dd {
        width: 100%;
    }

    .subtit p br {
        display: none;
    }

    .list_util > dl > dd > p br {
        display: none;
    }

    .list_util .ul_util .ol_util > ol > li.v2 br {
        display: none;
    }

    .list_util dd > ul > li.ol_util li:after {
        width: 4px;
        height: 4px;
        background: #32A39B;
    }

    .about-history .year,
    .about-history .text-primary {
        font-size: 100px;
    }

    section.rd_result h4 {
        font-size: 32px;
    }

    .subtit {
        margin-bottom: 30px;
    }

    .subtit h7 {
        font-size: 26px;
        margin: 10px 0;
    }

    .subtit p {
        font-size: 16px;
        line-height: 1.6;
    }

    .subtit.ver1 p {
        margin-top: 30px;
    }

    .list_util .title {
        text-align: center;
        margin-bottom: 70px;
    }

    .list_util > dl {
        display: block;
        padding-bottom: 25px;
        margin-bottom: 25px;
        border-bottom: 1px solid rgba(207, 207, 207, 1);
    }

    .list_util > dl > dt {
        width: 100%;
        margin-bottom: 10px;
        position: relative;
        padding-left: 30px;
        font-size: 24px;
    }

    .list_util > dl > dt:after {
        clear: both;
        content: "";
        display: block;
        width: 19px;
        height: 15px;
        position: absolute;
        top: 9px;
        left: 0;
        background: url("../images/common/chk_icon.png") no-repeat;
        background-size: cover;
    }

    .list_util > dl > dd {
        width: 100%;
        padding-left: 0;
    }

    .list_util .ul_util {
        margin-top: 20px;
    }

    .list_util dd > ul > li {
        padding-left: 15px;
    }

    .list_util > dl > dd > p {
        margin-bottom: 3px;
    }

    .list_util dd > ul > li,
    .list_util > dl > dd > p,
    .list_util dd > ul > li.ol_util li {
        font-size: 16px;
    }

    .list_util dd > ul > li:after {
        width: 5px;
        height: 1px;
        background: #000;
        top: 10px;
    }

    .list_util dd > ul > li:not(:last-child) {
        margin-bottom: 3px;
    }

    .list_util .ul_util > li h4 {
        font-size: 17px;
        padding: 7px 17px;
    }

    section.accounting #tab4 .list_util > dl {
        padding-bottom: 22px;
    }

    .layer_area > dl > dd > img {
        margin-right: 20px;
    }

    .layer_area > dl > dd > img:last-of-type {
        margin-bottom: 0;
    }

    .chartTable {
        box-sizing: border-box;
        border-bottom: 1px solid rgba(0, 0, 0, .3)
    }

    .chartTableCell {
        width: 100% !important;
        border-bottom: none;
    }

    .chartTable.type2 .chartTableCell > p br {
        display: none;
    }

    .chartTableBody,
    .chartTableRow {
        display: block;
        font-size: 0px;
    }

    .chartTableRow.head {
        display: none;
    }

    .chartTable,
    .divTableHead,
    .chartTableCell > span,
    .chartTableCell {
        display: inline-block;
        text-align: center;
        border-right: 0px;
    }

    .chartTableCell:last-child,
    .divTableHead:last-child {
        border-right: 0px;
    }

    .chartTableRow.data {
        text-align: left;
        padding: 10px;
        box-sizing: border-box;
    }

    .chartTable.type2 .chartTableCell:first-child {
        padding: 5px 0px;
        vertical-align: top;
        border-right: none;
        background: transparent;
    }

    .chartTableCell a.btn {
        color: #007EDE;
        border: 1px solid #007EDE;
        border-radius: 3px;
        display: inline-block;
        font-weight: 500;
    }

    .chartTableRow:nth-of-type(2n-1) {
        background: #Fff;
    }

    .chartTableRow:nth-of-type(2n+1) {
        background: #F5F8FA;
    }

    .chartTableCell.half {
        width: 50%;
    }

    .chartTableCell {
        width: 50%;
        box-sizing: border-box;
        text-align: left;
        padding: 5px 0px;
        padding-right: 0px;
        font-size: 14px;
    }

    .chartTable.type2 .chartTableCell > span {
        vertical-align: top;
    }

    .chartTableCell > span {
        text-align: center;
        background: #e0e3e7;
        font-size: 13px;
        color: #222;
        font-weight: 600;
        border-radius: 3px;
    }

    .chartTable.type2 .chartTableCell > p {
        display: inline-block;
        width: calc(100% - 130px);
        /*        vertical-align: -4px;*/
        vertical-align: sub;
    }

      body.center_cs_center .chartTable.type2 .chartTableCell > p br{
        display: none;
      }

    .chartTableCell a.btn,
    .chartTableCell a.btn:hover {
        line-height: 24px;
    }

    section.biobrass .tab_body_v5 .chartTableCell br {
        display: block;
    }

    section.biobrass .tab_body_v5 .data_v1 > .chartTableCell:after {
        clear: both;
        content: "";
        display: block;
    }

    section.biobrass .tab_body_v5 .data_v1 p {
        display: inline-block;
        float: right;
    }

    section.biobrass .tab_body_v5 .data_v2 {
        display: none;
    }

    section.biobrass .tab_body_v5 .data_v1 img {
        width: calc(100% - 130px);
        height: 52vw;
        vertical-align: -4px;
        margin-bottom: 5px;
    }

    section.biobrass .tab_body_v4 .layer > p > img:nth-child(1) {
        margin-right: 15px;
    }

    .tab_body_pd .chartTableCell {
        padding: 5px 0;
        border-right: none;
    }

    section.credit .chartTableCell > span {
        width: 140px;
    }

    section.credit .chartTable.type2 .chartTableCell > p {
        width: calc(100% - 160px);
    }

    .chartTable {
        border-top: 2px solid #42414D;
    }

}

@media screen and (max-width: 1221px) {
      body.ethics_accounting section.sub_tab_v2 ul > li,
      body.ethics_news section.sub_tab_v2 ul > li,
      body.ethics_about section.sub_tab_v2 ul > li,
      body.ethics_standard section.sub_tab_v2 ul > li,
      body.ethics_control section.sub_tab_v2 ul > li,
      body.ethics_cyber section.sub_tab_v2 ul > li,
      body.management_ethics section.sub_tab_v2 ul > li {
                min-height: 74px;
      }
}

@media screen and (max-width: 974px) {

    section.sa_policy .col01 .tit {
        font-size: 21px;
        margin-bottom: 30px;
        text-align: center;
    }

    section.sa_policy .col01 dl {
        flex-direction: column;
        align-items: flex-start;
    }

    section.sa_policy .col01 dt {
        background: transparent;
        width: auto;
        padding: 0;
        margin-bottom: 3px;
    }

    section.sa_policy .col01 dd p {
        font-size: 17px;
        color: rgba(0, 0, 0, .8);
    }

    section.sa_policy .col01 dt i {
        border-bottom: 1px solid #249DA5;
        font-weight: 600;
        padding-bottom: 3px;
        color: #249DA5;
        margin-bottom: 5px;
        display: block;
        font-size: 15px;
    }

    section.sa_policy .col01 dd {
        height: auto;
        padding: 0;
        background: transparent;
        flex-direction: column;
        display: block;
    }

    section.sa_policy .col01 dl:not(:last-child) {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 922px) {
    body.cs_data section.sub_tab_v2 ul > li {
        min-height: 74px;
    }
}

@media screen and (max-width: 900px) {
    .layer_area > dl > dd > img {
        margin-right: 0;
        width: 100%;
        margin-bottom: 15px;
    }

    .prd_menu .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
        display: block;
    }

    .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        width: 95%;
        margin: 0 auto;
    }

    .mCSB_scrollTools .mCSB_dragger {
        width: 25.78125% !important;
    }

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
        height: 4px;
        margin: 6px 0;
        border-radius: 50px;
        background: rgba(0, 0, 0, .15);
    }

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        background: rgba(0, 0, 0, .8);
        border-radius: 7px;
    }

    .prd_menu {
        padding: 0 20px;
        box-sizing: border-box;
    }

}

@media screen and (max-width: 960px) {

    section.history .tit img {
        margin-bottom: 50px;
    }

    section.history .title {
        font-size: 30px;
        word-break: keep-all;
    }

    section.history {
        padding: 90px 0 0;
    }

    section.history .history_tab {
        position: relative;
        top: auto;
        left: auto;
        line-height: 2;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 15px;
    }

    section.history .history_tab > a {
        display: inline-block;
        margin: 0 2rem 0 0;
    }

    section.history .history_img_wrap {
        width: 100%;
        height: 56vw;
        position: relative;
        top: auto;
        left: auto;
        margin-top: 2rem;
    }

    section.history .history_content {
        padding-left: 0;
    }

    section.history .history_divide.first,
    section.history .history_divide.last,
    section.history .history_divide {
        padding: 3rem 0 3rem 20rem;
    }

    section.history .history_divide.first .divide_cont {
        top: auto;
    }

    section.history .history_divide strong {
        font-size: 80px;
        top: 30px;
    }

    section.history .history_divide.last strong {
        top: 30px;
    }

    section.history .history_divide strong span {
        display: inline-block;
    }

    section.history .fixed_load {
        display: none;
    }

    section.history .history_img_wrap .history_img {
        display: none;
    }

    section.history .history_img_wrap .history_img.on {
        display: block;
    }

    section.history .divide_wrap {
        display: none;
    }

    section.history .divide_wrap.on {
        display: block;
        height: auto !important;
    }

    section.history {
        padding: 50px 0;
    }

    section.history .scroll_wrap {
        height: auto;
    }

    section.history .history_divide strong {
        color: rgba(255, 255, 255, 255);
    }
}

@media screen and (max-width: 875px) {
    .prd_menu_v2 {
        margin-left: 0;
    }
}

@media screen and (max-width: 768px) {
    br.m_br {
        display: block;
    }

    .tab_hide {
        display: none !important;
    }

    .basic_btn_v2 {
        margin-top: 25px;
    }

    .basic_btn_v2 > a {
        min-width: 160px;
        padding: 13px 15px;
        padding-right: 45px;
        font-size: 13px;
    }

    .basic_btn_v2 > a:after {
        width: 40px;
    }

    .basic_btn_v2 > a:before {
        right: calc(40px / 2 - 7px);
    }

    body.culture_info header.reverse {
        position: absolute;
    }

    body.culture_info header.show.reverse {
        background: transparent;
        box-shadow: none;
    }

    body.culture_info header.show.reverse .hd_info .lang i {
        color: #fff;
    }
    section.eth_standard .eb_btn span{
      font-size: 15px;
    }
    .whatdo .con2 .off .scroll {
        bottom: 9.5vh;
    }

    .whatdo .con2 .off .scroll::after {
        top: 30px;
    }

    .whatdo .con2 {
        height: auto;
        margin-top: 0;
    }

    .whatdo .con2 .off .text {
        padding: 0 20px;
        top: 20.2vh;
    }

    .whatdo .con2 .off .text span {
        font-size: 15px;
    }

    .whatdo .con2 .off .text p {
        font-size: 2rem;
    }

    .whatdo .con2 .con2-area {
        padding: 0 20px 60px;
        box-sizing: border-box;
    }

    .whatdo .con2 .con2-area .text {
        padding-top: 80px;
    }

    .whatdo .con2 .con2-area .logo {
        width: 41px;
        top: 30px;
        right: 20px;
    }

    .whatdo .con2 .con2-area .text p {
        font-size: 30px;
        margin-bottom: 25px;
    }

    .whatdo .con2 .con2-area .text p > img {
        vertical-align: 20px;
    }

    .whatdo .con2 .con2-area .img-wrap {
        width: 100%;
        height: 34.6vw;
        margin-top: 28px;
    }

    .whatdo .what_row02 .mainTxt1 {
        left: 0;
        top: 20px;
        padding: 0 30px;
        box-sizing: border-box;
    }

    .whatdo .what_row02 .mainTxt2 {
        padding: 0 30px;
        box-sizing: border-box;
    }

    .whatdo .what_row02 .mainTxt2 span,
    .whatdo .what_row02 .mainTxt1 span {
        font-size: 30px;
    }

    .whatdo .what_row02 .mainTxt2 p,
    .whatdo .what_row02 .mainTxt1 p {
        font-size: 16px;
        margin-top: 10px;
    }

    .whatdo .what_row02 .mainTxt1 p br,
    .whatdo .what_row02 .mainTxt2 p br {
        display: none;
    }

    .whatdo .what_row02 .mainTxt2 {
        right: auto;
        left: 0;
        bottom: 20px;
    }

    .whatdo .what_row02 .scene {
        font-size: 25px;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .confirm__box1 {
        width: 100% !important;
    }

    section.center_info .col01 {
        margin: 70px auto;
    }

    section.center_info .col02 ul > li {
        width: 50%;
    }

    section.sub_tab_v3 ul > li.active > a,
    section.sub_tab_v3 ul > li:hover > a {
        color: #fff;
    }

    section.history .history_tab > a {
        margin: 0;
    }

    section.head_office .root_daum_roughmap {
        height: 350px;
        margin-top: 20px;
    }

    section.history {
        margin-top: 0;
    }

    section.history .tit p {
        font-size: 30px;
    }

    section.history .title {
        font-size: 20px;
        line-height: 1.3;
        text-align: center;
    }

    section.history .title br {
        display: none;
    }

    section.history .title strong {
        display: block;
        word-break: keep-all;
    }

    section.history .history_tab {
        text-align: center;
    }

    section.history .history_img_wrap {
        margin: 20px 0;
    }

    section.eth_cyber #tab2 .col01 {
        padding: 30px 20px;
        gap: 15px;
    }

    section.eth_cyber #tab2 .tit {
        font-size: 22px;
    }

    section.eth_cyber #tab2 .desc p:after {
        width: 5px;
        top: 11px;
    }

    section.eth_cyber #tab2 .desc p {
        font-size: 16px;
    }

    section.eth_cyber #tab1 .list_util > dl.last dt {
        margin-bottom: 20px;
    }

    section.eth_cyber #tab1 .col01 {
        padding: 70px 0;
        margin-bottom: 50px;
    }

    section.eth_cyber #tab1 .col01 .list li {
        width: 100%;
        height: auto;
        padding: 20px;
    }

    section.eth_cyber #tab1 .col01 .list ul {
        gap: 15px;
    }

    section.eth_news #tab2 .swiper-pagination > div:not(:last-child) {
        margin-right: 8%;
    }

    section.eth_cyber #tab1 .col01 .list b {
        margin: 15px 0;
    }

    body.on .all_menu .depth1 > ul > li > a {
        font-weight: 600;
    }

    .basic_btn a {
        font-size: 12px;
    }

    .basic_btn a img {
        height: 12px !important;
        vertical-align: -2px;
    }

    section.eth_news #tab2 .pager_tit {
        margin-bottom: 15px;
    }

    section.eth_news #tab2 .swiper-slide {
        margin-bottom: 30px;
    }

    section.eth_news #tab2 .swiper-slide .title {
        font-size: 33px;
    }

    .list_history dl {
        font-size: 16px;
    }

    .list_history dt {
        width: 20%;
    }

    .list_history dd {
        width: 80%;
    }

    section.eth_news .sec_history.last .list_history dt {
        width: 32%;
    }

    section.eth_news .sec_history.last .list_history dd {
        width: 68%;
    }

    section.eth_news #tab2 {
        margin-top: 50px;
    }

    section.eth_news #tab2 .pager_tit p {
        font-size: 26px;
    }

    section.com_partner .ps_ad .detail_v2 dt,
    section.poongsan .ps_ad .detail_v2 dt {
        background: transparent;
    }

    body.cs_data section.sub_tab_v2 ul > li {
        min-height: auto;
    }

    section.culture_picture .title {
        margin: 30px 0;
    }

    section.culture_picture .grid_ul {
        margin: 30px 0 0;
    }

    section.ma_esg .col01 {
        margin-bottom: 70px;
        padding: 50px 0;
    }

    section.ma_esg .year {
        margin-bottom: 15px;
        font-size: 30px;
    }

    section.ma_esg .col01 h4 {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 5px;
    }

    section.ma_esg .col01 p {
        font-size: 40px;
    }

    section.ma_esg .col01 ul li {
        padding: 20px;
        display: inline-block;
        vertical-align: top;
        width: 32.3%;
        border-radius: 10px
    }

    section.ma_esg .col01 ul li.current {
        padding: 30px 20px;
    }

    .culture_wrap .culture_v1 .desc p {
        margin-bottom: 15px;
        font-size: 20px;
    }

    .grid_table table tbody tr > td:nth-of-type(1) {
        background: #F6F7F9;
    }

    .culture_wrap .culture_v1 .desc {
        margin-bottom: 0;
    }

    section.con_culture #tab5 .culture_stit p {
        margin-bottom: 20px;
    }

    section.con_culture #tab6 .culture_tit h4 br.m_br,
    section.con_culture #tab7 .culture_tit h4 br.m_br {
        display: block;
    }

    section.con_culture #tab5 .wrap {
        margin-top: 30px;
    }

    section.con_culture #tab5 .wrap > div:not(:last-child) {
        margin-bottom: 50px;
    }

    .culture_v3 .desc p {
        font-size: 16px;
    }

    .culture_v3 .desc p:not(:last-child) {
        margin-bottom: 15px;
    }

    .culture_v3 ul li:after {
        top: 11px;
    }

    .culture_v3 ul li:not(:last-child) {
        margin-bottom: 0px;
    }

    .culture_v3 ul li {
        font-size: 16px;
    }

    .culture_v3 .desc p br.m_br {
        display: block;
    }

    .culture_v3 .desc p:not(:last-child) {
        margin-bottom: 15px;
    }

    .culture_v3 .desc p,
    .culture_tit div p {
        font-size: 16px;
    }

    .culture_tit div {
        margin-bottom: 0;
    }

    section.con_culture #tab2 .wrap > div:not(:last-child) {
        margin-bottom: 70px;
    }

    .culture_tit div p:not(:last-child) {
        margin-bottom: 15px;
    }

    section.con_culture #tab1,
    section.con_culture #tab3,
    section.con_culture #tab4 {
        text-align: left;
    }

    .culture_tit div p:not(:last-child) {
        margin-bottom: 20px;
    }

    .culture_tit div {
        margin-bottom: 30px;
    }

    .culture_tit h4 br {
        display: none;
    }

    .culture_tit h4 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .culture_v1 .desc p:not(:last-child) {
        margin-bottom: 15px;
    }

    .culture_v1 .desc {
        margin-bottom: 25px;
    }

    body.management_contribution .basic_tab .tab_box .big_tab ul {
        padding: 0;
        background: rgba(246, 247, 249, .7);
    }

    body.management_contribution .basic_tab .tab_box .big_tab ul > li {
        margin-bottom: 0;
    }

    body.management_contribution .basic_tab .tab_box .big_tab ul > li.active a,
    body.management_contribution .basic_tab .tab_box .big_tab ul > li:hover a {
        color: #000;
    }

    body.management_contribution .basic_tab .tab_box .big_tab ul > li:after {
        display: none;
    }

    body.management_contribution .basic_tab .tab_box .big_tab ul > li > a {
        padding: 0;
        text-align: center;
    }

    .answer_list_wrap .answer li div h4 {
        font-size: 18px;
    }

    .answer_list_wrap .answer li {
        width: 100%;
    }

    .answer_list_wrap .answer li div p {
        margin-bottom: 0;
        font-size: 14px;
    }

    .answer_list_wrap .answer li img {
        height: 68vw;
        margin-bottom: 10px;
    }

    .answer_list_wrap .answer ul {
        gap: 30px 0;
    }

    .answer_list_wrap .qustion_bg {
        background-size: 16px;
    }

    .answer_list_wrap .hover_line {
        font-size: 60px;
        top: 28px;
    }

    .answer_list_wrap .qustion {
        line-height: 1;
        font-size: 20px;
        padding: 15px 60px 15px 20px;
    }

    .answer_list_wrap .answer {
        padding: 20px 0;
    }

    .down_area_v li {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

    .down_area_v p {
        font-size: 20px;
    }

    section.gr_agreement #tab1 li > div {
        height: 200px;
    }

    section.gr_agreement #tab1 li {
        width: 100%;
    }

    section.gr_agreement #tab1 .top img {
        margin-right: 0;
    }

    section.gr_agreement #tab1 .bottom p:after {
        width: 3px;
        height: 3px;
        top: 10px;
    }

    section.gr_agreement #tab1 .bottom p {
        font-size: 16px;
        padding-left: 11px;
    }

    section.gr_agreement #tab1 .top {
        gap: 17px;
        flex-direction: column;
        text-align: center;
    }

    section.gr_agreement #tab1 .top p {
        font-size: 22px;
    }

    section.gr_agreement #tab1 ul {
        gap: 30px;
    }

    section.gr_committee .col01 {
        padding: 50px 0;
    }

    section.gr_value br.m_br {
        display: block;
    }

    section.gr_value .col01 {
        margin-bottom: 70px;
        background-position: 20% 0;
        height: 350px;
    }

    section.gr_value .col01 dl {
        width: 100%;
    }

    section.gr_value .col01 dt {
        padding: 0 0 15px 0;
        margin-bottom: 15px;
        font-size: 32px;
    }

    section.gr_value .col01 dd {
        font-size: 20px;
    }

    section.gr_value .col02 p {
        font-size: 20px;
        margin-bottom: 5px;
    }

    section.sa_result .col01 {
        padding: 50px 0;
        margin-bottom: 70px;
    }

    section.sa_result .icon_box .title {
        font-size: 22px;
    }

    section.safety_basic .col01 > div {
        gap: 15px;
    }

    section.safety_basic .col01 .tit {
        font-size: 22px;
    }

    section.safety_basic .product-attribute__title {
        padding: 0;
        text-align: left;
        font-size: 20px;
    }

    section.safety_basic .product-attribute__left {
        padding: 0;
        width: auto;
        align-items: flex-start;
    }

    section.safety_basic .col01 .content {
        margin: 0 auto;
    }

    section.safety_basic .col01 > div:not(:last-child) {
        margin-bottom: 70px;
    }

    section.safety_basic .col01 .row02 .content li.img {
        width: 70vw;
        height: 70vw;
    }

    section.safety_basic .col01 .row01 .content p {
        color: rgba(0, 0, 0, .8);
        position: static;
        top: auto;
        left: auto;
        transform: inherit;
        padding-top: 0;
        margin-bottom: 10px;
        font-size: 18px;
        text-align: left;
    }

    section.safety_basic .col01 .row01 .content {
        width: auto;
        height: auto;
    }

    section.safety_basic .col01 .row01 .content img {
        width: 100%;
    }

    section.safety_basic .col01 .row01 .content:after {
        display: none;
    }

    section.safety_basic .col01 .row02 .content ul {
        flex-direction: column;
    }

    section.eth_news #tab1 .col03 .column {
        gap: 50px;
    }

    section.eth_news #tab1 .col03 .column .desc > div:not(:last-child) {
        margin-bottom: 50px;
    }

    section.eth_news #tab1 .cm_tit {
        font-size: 24px;
        margin-bottom: 20px;
    }

    section.eth_news #tab1 .col02 > div:not(:last-child) {
        margin-bottom: 50px;
    }

    section.eth_news #tab1 .col03 .column .desc .bage span,
    section.eth_news #tab1 .col03 .column .desc .bage i {
        font-size: 12px;
    }

    section.eth_news #tab1 .col02 .ck .desc div p {
        font-size: 15px;
    }

    section.eth_news #tab1 .col02 .ck .desc ul {
        margin-bottom: 15px;
    }

    section.eth_news #tab1 .col02 .ck .desc li:after {
        width: 13px;
        height: 13px;
        top: 4px;
    }

    section.eth_news #tab1 .col02 .ck .txt {
        margin-bottom: 10px;
        margin-right: 0;
    }

    section.eth_news #tab1 .col02 .ck .desc li {
        padding-left: 22px;
    }

    section.eth_news #tab1 .col03 .column .desc h5 {
        font-size: 20px;
        margin: 15px 0 10px;
    }

    section.eth_news #tab1 .col02 .ck .txt p {
        font-size: 20px;
        padding-left: 25px;
    }

    section.eth_news #tab1 .col02 .ck .txt p:after {
        width: 17px;
        height: 11px;
        top: 8px;
    }

    section.eth_news #tab1 .col01 .txt h4 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    section.eth_news #tab1 .col01 > div:nth-child(2) {
        padding: 0;
    }

    section.eth_news #tab1 .col01 > div:nth-child(1) {
        padding-right: 0px;
        border-right: none;
    }

    section.eth_news #tab1 .row03 {
        padding: 30px 20px;
    }

    section.eth_news #tab1 .row04 {
        padding: 30px 20px;
    }

    section.eth_news #tab1 .row03 {
        min-height: inherit;
    }

    section.eth_news #tab1 .row01 p {
        font-size: 16px;
    }

    section.eth_news #tab1 .row01 {
        margin-top: 30px;
    }

    section.eth_news #tab1 > div:not(:last-child) {
        margin-bottom: 70px;
    }

    section.eth_news #tab1 .col01 {
        flex-direction: column;
        gap: 70px;
        margin-top: 50px;
    }

    section.accounting #tab4 .list_util > dl > dt {
        width: 100%;
        margin-bottom: 10px;
    }

    section.accounting #tab4 .list_util dd > div:not(:last-child) {
        margin-bottom: 10px;
    }

    section.accounting #tab4 .list_util h8 {
        font-size: 20px;
    }

    .law_box {
        margin-bottom: 50px;
    }

    .law_area {
        gap: 50px 0;
    }

    .law_area .txt {
        margin-bottom: 15px;
    }

    .law_area .wrap {
        gap: 20px;
    }

    .law_area > li {
        width: 100%;
    }

    .com_area .tb_ifo {
        margin-bottom: 5px;
    }

    .com_area .tb_ifo span {
        font-size: 14px;
        margin-right: 10px;
    }

    section.eth_control #tab4 .subtit_v2 {
        font-size: 22px;
    }

    .com_area h8 {
        font-size: 20px;
    }

    .com_area h8 em {
        font-size: 12px;
        padding: 4px 10px;
        vertical-align: 3px;
        margin-right: 5px;
    }

    .com_area .sign_area {
        flex-direction: column;
        gap: 5px;
        margin-top: 30px;
    }

    .com_area dl {
        gap: 5px;
    }

    section.eth_control #tab4 .tc7 .com_area h8,
    section.eth_control #tab4 .tc8 .com_area h8 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .com_area dt {
        font-size: 18px;
    }

    section.eth_standard #tab2 .bylaw {
        padding-bottom: 20px;
    }

    body.management_ethics section.sub_tab_v2 ul > li {
        min-height: 50px;
    }

    section.eth_standard #tab2 .subtit {
        margin-bottom: 30px;
    }

    .basic_tab_v2 .tab_box .big_tab {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-left: 1px solid #666;
        border-right: 1px solid #666;
    }

    .basic_tab_v2 .tab_box .big_tab ul > li:last-child {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .basic_tab_v2 .tab_h {
        height: auto;
    }

    .basic_tab_v2 .tabmenu {
        border: none;
        border-radius: none;
    }

    .basic_tab_v2 .custom_btn_v4 {
        border: 1px solid #666;
        color: #000;
    }

    body.product_disclosure .prd_info {
        margin: 80px auto 100px;
    }

    .custom_btn_v5,
    .custom_btn_v6,
    .custom_btn_v7 {
        display: block;
        width: 100%;
        height: 50px;
        border: 1px solid #666;
        padding: 0 25px;
        font-size: 18px;
        font-weight: 600;
        box-sizing: border-box;
        justify-content: flex-start;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image: url("../images/common/select_arrow2.png");
        background-repeat: no-repeat;
        background-position: calc(100% - 25px) 50%;
        background-size: 15px;
        cursor: pointer;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        line-height: 50px;
    }

    .custom_btn_v7.on,
    .custom_btn_v6.on,
    .custom_btn_v5.on {
        background: url(../images/common/select_arrow5.png) calc(100% - 15px) center no-repeat;
        background-position: calc(100% - 20px) 50%;
        background-size: 15px;
    }

    .sub_tab2 {
        display: block;
        width: 100%;
        border: 1px solid #666;
        margin: 10px auto 0;
    }

    .sub_tab2 > li {
        width: 100%;
        background: transparent;
        height: 50px;
        line-height: 50px;
        padding: 0 25px;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        box-sizing: border-box;
        transition: .3s ease;
        cursor: pointer;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        margin-bottom: 0;
    }

    .sub_tab2 > li:hover,
    .sub_tab2 > li.active {
        background: rgba(0, 0, 0, .1);
    }

    .fair_player {
        padding: 50px 0;
        gap: 40px;
    }

    .fair_player .mo_fair {
        width: 70%;
        margin: 0 auto;
    }

    body.management_ethics .prd_info {
        margin: 30px 0 50px;
    }

    section.eth_about #tab1 .col02 > img {
        width: 100%;
    }

    section.eth_about #tab1 .col02 .row01 p {
        font-size: 16px;
    }

    section.eth_about #tab1 .col02 {
        padding-top: 30px;
        gap: 25px;
    }

    section.eth_about #tab1 .col01 img {
        width: 80%;
    }

    section.eth_about #tab1 .col01 p {
        font-size: 20px;
        margin: 30px auto;
    }

    section.eth_about #tab1 .col01 p br {
        display: none;
    }

    section.eth_about #tab1 .col01 p .m_br {
        display: block;
    }

    section.sh_information .guide_once {
        display: block;
        z-index: 9;
        width: 750px;
        height: 900px;
    }

    section.sh_information .wrap {
        overflow-x: scroll;

    }

    .list_util h3:after {
        height: 40px;
    }

    .search_line .search {
        float: none;
        width: 100%;
    }

    .search_line .search input::placeholder {
        font-size: 16px;
    }

    .accordion {
        margin-top: 30px;
    }

    .accordion .basic_btn a {
        font-size: 12px;
    }

    .accordion__btn img {
        height: 8px;
    }

    .accordion__desc-wrap {
        padding: 20px;
        margin-top: 0;
    }

    .accordion__desc > * {
        font-size: 16px !important;
    }

    .accordion__btn {
        padding: 30px 30px 30px 20px;
        gap: 20px;
    }

    .accordion__btn:after {
        width: 18px;
        height: 30px;
        left: 20px;
    }

    .accordion__btn i {
        font-size: 18px;
        top: 2px;
    }

    .accordion__btn span {
        font-size: 14px;
        width: 35%;
    }

    .accordion__title {
        font-size: 16px;
    }

    .grapwrap .graph .bar:after {
        top: -28px;
        font-size: 16px;
    }

    .grapwrap .graph .bar span {
        font-size: 14px;
    }

    .grapwrap .txt span {
        margin-bottom: 15px;
    }

    .grapwrap .txt {
        width: 100%;
        text-align: center;
    }

    .grapwrap .txt br {
        display: none;
    }

    .grapwrap .txt b {
        font-size: 36px;
    }

    .grapwrap .txt b em {
        font-size: 32px;
    }

    .grapwrap {
        padding: 50px 0;
        display: flex;
        flex-direction: column;
        grid-row-gap: 30px;
        margin-bottom: 50px;
    }

    .grapwrap .graph {
        width: 100%;
        height: 410px;
    }

    .grapwrap .graph .bar {
        width: 20%;
    }

    section.annual_report .new_attre {
        margin-top: 70px;
    }

    section.annual_report .new_attre .gap_ml h2 {
        font-size: 24px;
        margin: 0 0px 15px;
    }

    section.annual_report .new_attre .basic_btn {
        display: block;
        margin-left: 0;
        margin-top: 15px;
    }

    section.annual_report .product-attribute__sub-item {
        text-align: center;
    }

    section.annual_report .product-attribute__item {
        display: flex;
        flex-direction: inherit;
    }

    section.annual_report .new_attre .product-attribute__left {
        display: flex;
        border-right: 1px solid #DFE0E8;
        width: 40%;
    }

    section.annual_report .product-attribute__right {
        display: flex;
    }

    .report .tit > p {
        font-size: 24px;
        margin-bottom: 0;
    }

    .report .tit > div span {
        font-size: 24px;
    }

    .report .thumb {
        width: 70%;
        height: 93vw;
    }

    .report .thumb.ver1 {
      height: 39vw;
    }

    .report .desc dl {
        flex-direction: column;
    }

    .report .desc dt {
        width: 100%;
        font-weight: 700;
        font-size: 20px;
        margin-bottom: 5px;
    }

    .report .desc dd {
        width: 100%;
        font-size: 18px;
        color: rgba(0, 0, 0, .7);
    }

    .report .desc dd:not(:last-child) {
        margin-bottom: 5px;
    }

    .report .desc dl:not(:last-child) {
        margin-bottom: 15px;
    }

    .report .adobe {
        padding: 28px 25px 23px 25px;
        margin-top: 30px;
    }

    section.dis_rp .report .adobe {
        margin-top: 30px;
    }

    section.ratio .basic_table table tbody td {
        padding: 9px 0;
    }

    section.ratio .basic_table table thead th,
    section.ratio .basic_table table tbody td {
        font-size: 14px;
    }

    .prd_menu {
        margin: 30px auto 80px;
    }

    .prd_info .tit i {
        margin-top: 20px;
    }

    body.product_bio .prd_menu,
    body.product_disclosure .prd_menu {
        margin: 50px auto 80px;
    }

    .prd_info .tit i {}

    .oneStop_sect {
        padding: 50px 0;
    }

    .oneStop_sect .cir_box {
        margin-top: 30px;
        flex-direction: column;
    }

    .oneStop_sect .cir_box .cir .text_box {
        padding: 0 10px
    }

    .oneStop_sect .cir_box .cir .text_box .tit {
        font-size: 18px;
    }

    .oneStop_sect .cir_box .cir .text_box .txt {
        width: 80%;
        margin: 10px auto 0;
    }

    .oneStop_sect .icon_box {
        margin-top: 50px;
    }

    .oneStop_sect .icon_box .cont .text_box {
        margin-top: 0px;
        text-align: left
    }

    .oneStop_sect .icon_box .cont .text_box .tit {
        font-size: 18px;
        font-weight: 600
    }

    .oneStop_sect .icon_box .cont .text_box .txt {
        font-size: 14px;
        margin-top: 10px;
    }

    .pc {
        display: none !important;
    }

    .mb {
        display: block !important;
    }

    .mo_box > *:not(:last-child) {
        margin-bottom: 30px;
    }

    section.precision_forging_products #tab4 .system {
        margin-bottom: 70px;
    }

    .icon_box .desc em {
        font-size: 22px;
    }

    .icon_box .desc li {
        padding-bottom: 0;
    }

    .icon_box .desc li:after {
        display: none;
    }

    section.accounting .mb {
        width: 100%;
    }

    .grid_box .txt {
        font-size: 22px;
        margin-bottom: 10px;
    }

    section.accounting .tab_cont > div {
        padding: 50px 0 0;
    }

    section.welfare .tab_body > .div_tab {
        flex-direction: column;
    }

    section.welfare .tab_body > .div_tab > h5,
    section.welfare .basic_table {
        width: 100%;
    }

    .basic_tab_v2 .tab_box .big_tab ul > li > a {
        text-align: center;
        font-weight: 400;
    }

    .basic_tab_v2 .custom_btn_v4 {
        position: static;
        width: 100%;
        justify-content: center;
        font-size: 16px;
        font-weight: 400;
    }

    .basic_tab_v2 .tabmenu .big_tab ul {
        border: none;
        border-top: none;
        background: transparent;
        border-radius: 0;
        border-top: 1px solid #666;
        border-bottom: 1px solid #666;
    }

    .basic_tab_v2 .tab_box .big_tab {
        position: static;
        width: 100%;
    }

    .basic_tab_v2 .tabmenu {
        height: auto;
        margin-bottom: 0px !important;
        max-width: inherit;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .basic_tab_v2 .tab_box .custom_btn {
        display: none;
    }

    section.accounting .tab_box {
        margin-top: 30px;
        max-width: inherit;
    }

    section.visual {
        height: 45vh;
    }

    section.visual .screen {
        width: 100%;
    }

    section.accounting #tab3 .tab_body > .div_tab {
        margin-bottom: 50px;
    }

    .basic_tab_v2 .tabmenu:after {
        display: none;
    }

    section.eth_control #tab2 {
        padding: 50px 0;
    }

    section.eth_control #tab2 ul {
        margin-top: 30px;
    }

    section.eth_control #tab2 li {
        font-size: 14px;
        padding-left: 10px;
    }

    section.eth_control #tab2 li:after {
        width: 3px;
        height: 3px;
        top: 6px;
    }

    .oneStop_sect .cir_box .cir:before {
        width: 0% !important;
    }

    .oneStop_sect .cir_box .cir .text_box {
        transform: translate(-50%, -50%) !important;
        opacity: 1 !important;
    }

    .list_util dd > ul > li:after {
        top: 14px;
    }

    .oneStop_sect .sect_tit_box {
        font-size: 24px;
    }

    .oneStop_sect .cir_box .cir {
        width: 70%;
        padding-top: 70%;
    }

    .oneStop_sect .icon_box .cont .text_box .txt li {
        font-size: 18px;
    }

    .oneStop_sect .icon_box .cont .text_box .txt li:after {
        top: 10px;
    }

    header {
        background: transparent;
        position: fixed;
    }

    header .hd_info .lang {
        border-color: #fff;
    }

    header .hd_info .lang i,
     .visit_btn{
        color: #fff;
    }
    .visit_btn:after{
      background: #fff;
    }
    header.show.reverse.top .hd_info .lang {
        border-color: #fff;
    }

    header.show.reverse.top .hd_info .lang i,
    header.show.reverse.top .visit_btn {
        color: #fff;
    }
    header.show.reverse.top .visit_btn:after{
      background: #fff;
    }
    body.on header.show.reverse.top .hd_info .lang {
        border-color: #D7D7D7;
    }

    body.on header.show.reverse.top .hd_info .lang i,
    body.on header.show.reverse.top .visit_btn {
        color: #000;
    }

    body.on header.show.reverse.top .visit_btn:after{
        background: #000;
      }

    header.show.reverse {
        background: #fff;
        backdrop-filter: blur(0);
    }

    header.show.reverse .hd_info .lang {
        border-color: #D7D7D7;
    }

    header.show.reverse .hd_info .lang i,
    header.show.reverse .visit_btn{
        color: #000;
    }
    header.show.reverse .visit_btn:after{
      background: #000;
    }
    section.visual {
        width: 100%;
    }

    section.eth_standard #tab1 .img {
        height: 47vw;
        margin-bottom: 40px;
    }

    section.eth_standard #tab1 .img p {
        font-size: 5vw;
    }

    .icon_box .title {
        font-size: 26px;
        margin-bottom: 25px;
    }

    .layer_content em {
        margin-top: 15px;
        text-align: left;
    }

    section.eth_control .layer_content > div:not(:last-of-type) {
        margin-bottom: 70px;
    }

    .layer_content .gap_ml h2,
    .new_attre .gap_ml h2 {
        display: block;
    }

    .product-attribute__sub-list {
        margin-top: 8px;
    }

    section.eth_control .subtit {
        margin-bottom: 50px;
    }

    .product-attribute__sub-item::before {
        top: 9px;
    }

    .product-attribute__sub-item {
        font-size: 16px;
        margin-bottom: 3px;
    }

    .new_attre .product-attribute__title {
        font-size: 20px;
        padding: 0;
    }

    .product-attribute__item {
        display: block;
        text-align: left;
        padding: 20px 0;
    }

    .new_attre .product-attribute__left {
        width: 100%;
        display: block;
        padding: 0;
    }

    .product-attribute__right {
        display: block;
        padding-left: 0;
    }

    .product-function__list {
        padding: 0;
        margin: 0
    }

    .product-function__item {
        width: 100%;
        padding: 10px 0
    }

    .product-function__item:last-child {
        padding-bottom: 0
    }

    .product-function__sub-item {
        padding-bottom: 5px
    }

    .product-function__inner {
        padding: 20px 15px;
    }

    .product-attribute__item {
        flex-direction: column;
        align-items: center;
    }

    .product-attribute__left {
        flex-direction: column;
        align-items: center;
        padding: 0 0 8px;
        border-right: none;
    }

    .product-attribute__title {
        width: auto;
        border-right: 0;
        padding: 15px 0 0
    }

    .product-attribute__icon-wrap {
        height: 45px;
    }

    .product-attribute__sub-item::before {
        left: 5px;
    }

    section.com_partner .ps_ad .detail_v2 dd {
        padding: 0 9px;
        width: 100%;
    }

    .ps_ad iframe {
        height: 350px;
    }

    .ps_ad .detail div {
        border-top: 2px solid #000;
    }

    .ps_ad .detail_v2 dl > * {
        border-right: none;
        padding: 2px 0;
    }

    .ps_ad .detail_v2 i,
    .ps_ad .col02 .detail_v2 dd em,
    .ps_ad .col02 .detail_v2 dt span {
        height: 27px;
        line-height: 25px;
        font-style: normal;
        display: block;
        width: 130px;
        text-align: center;
        border: 1px solid #000;
        border-radius: 3px;
        color: #000;
        font-weight: 600;
        font-size: 16px;
    }

    .ps_ad .detail_v2 dd span,
    .ps_ad .col02 .detail_v2 dt p,
    .ps_ad .detail_v2 dd:nth-of-type(1) p {
        width: calc(100% - 150px);
        font-weight: 500;
        font-size: 16px;
        line-height: 25px;
    }

    .ps_ad .detail dt {
        background: transparent;
        padding: 2% 9px;
        width: 30%;
        font-size: 16px;
        font-weight: 600;
    }

    .ps_ad .detail dd {
        width: 70%;
        padding: 2% 9px;
        font-size: 16px;
    }

    .ps_ad .detail_v2 dd,
    .ps_ad .detail_v2 dt {
        width: 100%;
        background: transparent;
        padding: 0 9px;
    }

    .ps_ad .detail_v2 dl {
        height: auto;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 20px 0;
    }

    .ps_ad .detail_v2 dl:nth-child(even) {
        background-color: #F5F8FA;
    }

    .ps_ad .detail_v2 dd p {
        display: flex;
        justify-content: space-between;
    }

    .ps_ad .detail_v2 dt,
    .ps_ad .detail_v2 dd:nth-of-type(1) {
        display: flex;
        flex-direction: inherit;
        justify-content: space-between;
    }

    .ps_ad .detail_v2 dd p:nth-child(1) {
        margin-bottom: 15px;
    }

    .ps_ad .detail_v2 dl > *:not(:last-child) {
        margin-bottom: 15px;
    }

    .ps_ad .detail_v2 dd:nth-of-type(2) {
        width: 100%;
    }

    section.poongsan .gap_ml h2 {
        display: block;
        margin: 30px 0 15px;
    }

    .ps_ad > *:not(:last-of-type) {
        margin-bottom: 70px;
    }

    /*
    section.history_founder .prd_info {
        margin: 30px 0 0;
    }
*/

    section.history_founder #tab3 div p {
        font-size: 18px;
        padding-bottom: 5px;
        margin: 15px 0 20px;
    }

    section.history_founder #tab3 div p:after {
        width: 30px;
    }

    section.history_founder #tab3 div h4 {
        font-size: 26px;
    }

    section.history_founder #tab3 div span {
        font-size: 16px;
    }

    section.history_founder #tab3 ul {
        justify-content: space-between;
        padding: 50px 0 30px;
    }

    section.history_founder #tab3 ul li {
        width: 44vw;
        height: 52vw;
        margin-bottom: 30px;
    }

    .desc_box .tit em {
        font-size: 15px;
    }

    section.history_founder #tab4 .col01 img {
        margin: 0 auto 30px;
    }

    .desc_box .tit h5 {
        margin: 20px 0;
    }

    section.history_founder #tab4 > div:not(:last-child) {
        margin-bottom: 70px;
    }

    .desc_box .tit h5 {
        font-size: 26px;
    }

    .desc_box .box {
        font-size: 16px;
        line-height: 1.8;
    }

    .desc_box .box b {
        font-size: 16px;
        line-height: 1.8;
    }

    .desc_box .box b br {
        display: none;
    }

    section.history_founder #tab2 .col2 dl {
        padding: 20px 0 30px;
        border-bottom: none;
    }

    section.history_founder #tab2 .col2 dd .profile_cont {
        margin: 20px auto 0;
    }

    section.history_founder #tab2 .col2 dt p {
        font-size: 26px;
        text-shadow: none;
        -webkit-text-stroke: inherit;
        color: #2F9CA7;
        border-bottom: 1px solid #2F9CA7;
        padding-bottom: 7px;
        box-sizing: border-box;
        position: relative;
    }

    section.history_founder #tab2 .col2 dd .profile_cont li {
        text-align: left;
    }

    section.history_founder #tab2 .col2 dd .profile_cont li p {
        width: 100%;
        position: relative;
        padding-left: 15px;
        box-sizing: border-box;
    }

    section.history_founder #tab2 .col2 dd .profile_cont li p:after {
        width: 5px;
        height: 1px;
        position: absolute;
        top: 12px;
        left: 0;
        clear: both;
        content: "";
        clear: both;
        background: rgba(0, 0, 0, .8);
    }

    section.history_founder #tab2 .col2 dd .profile_cont li span {
        width: 100%;
    }

    section.history_founder #tab2 .col2 dt {
        text-align: left;
    }

    section.history_founder #tab2 .col2 dd .profile_cont li {
        flex-direction: column;
    }

    section.history_founder #tab2 .col {
        position: relative;
        flex-direction: column-reverse;
        height: auto;
        background: transparent;
        margin: 0px 0 50px;
    }

    section.history_founder #tab2 .col:after {
        display: block;
        clear: both;
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 68%;
        top: 120px;
        background: #f2f3f3;
        z-index: -1;
    }

    section.history_founder #tab2 .col span {
        font-size: 26px;
    }

    section.history_founder #tab2 .col p {
        margin-right: 0;
        margin-top: 13px;
    }

    section.history_founder #tab2 .col img {
        margin-right: 0;
    }

    section.history_founder #tab1 .tab_content p {
        line-height: 1.8;
    }

    section.history_founder #tab1 .tab_content div {
        width: 100%;
        text-align: left;
    }

    section.history_founder #tab1 .tab_content h4 {
        font-size: 26px;
    }

    .quot {
        margin-bottom: 30px;
    }

    .quot p {
        font-size: 26px;
        padding: 40px 0;
    }

    .quot p br {
        display: block;
    }

    .quot p:after,
    .quot p:before {
        background-size: 80% auto;
    }

    section.ceo_introduction .col img {
        margin: 0 auto 30px;
    }

    section.ceo_introduction .col div {
        width: 100%;
    }

    section.ceo_introduction .col div p br {
        display: none;
    }

    section.ceo_introduction .col div p br.br_v2 {
        display: block;
    }

    section.ceo_introduction .col div p:not(:last-of-type) {
        margin-bottom: 30px;
    }

    section.about_ci .col05 .box {
        height: auto;
        padding: 50px 0;
    }

    section.about_ci .col05 .box img:nth-child(1) {
        width: 60%;
        margin-bottom: 30px;
    }

    section.about_ci .col05 .box img:nth-child(2) {
        width: 90%;
    }

    section.about_ci .color {
        display: flex;
    }

    section.about_ci .col04 .color {
        display: flex;
        flex-wrap: wrap;
    }

    section.about_ci .color li {
        display: flex;
        flex-direction: column;
    }

    section.about_ci .color_chip {
        order: 1;
    }

    section.about_ci .color p {
        order: 2;
    }

    section.about_ci .color .wrap {
        order: 3;
    }

    section.about_ci .color_chip {
        width: 80px;
        height: 80px;
        margin: 0 0 20px;
    }

    section.about_ci .color dt {
        margin-bottom: 3px;
    }

    section.about_ci .col04 .color dt,
    section.about_ci .color dt,
    section.about_ci .color dd {
        width: 100%;
    }

    section.about_ci .color dl {
        font-size: 14px;
        display: block;
    }

    section.about_ci .color dl:not(:last-of-type) {
        margin-bottom: 13px;
    }

    section.about_ci .color p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    section.about_ci .color li,
    section.about_ci .color li:nth-child(2) {
        width: 42%;
        margin: 0 4% 30px;
    }

    section.about_ci .inner > div:not(:first-child) {
        margin-bottom: 70px;
    }

    section.about_ci .list_util > dl > dt {
        margin-bottom: 20px;
        padding-left: 5px;
    }

    section.about_way .col02 .box .way {
        background-image: url("../images/company/way3.png");
    }

    .basic_btn a {
        padding: 8px 25px;
    }

    section.about_way .col02 .basic_btn {
        margin: 30px auto 0;
    }

    section.about_way .col02 .desc {
        text-align: left;
    }

    section.about_way .col02 .desc {
        margin-top: 30px;
    }

    section.about_way .col02 .desc p {
        padding-left: 15px;
        font-size: 16px;
        position: relative;
        box-sizing: border-box;
    }

    section.about_way .col02 .desc p:after {
        width: 5px;
        height: 1px;
        background: #000;
        clear: both;
        content: "";
        display: block;
        position: absolute;
        top: 10px;
        left: 0;
    }

    section.about_way .col02 img {
        width: 80%;
    }

    section.about_way .col01 .basic_layer i,
    .basic_layer i {
        font-size: 14px;
        top: auto;
        padding: 5px 0;
        width: 80px;
        height: auto;
        border-radius: inherit;
    }

    section.history_founder .basic_layer i {
        width: 100px;
    }

    section.about_way .col01 .basic_layer div,
    .basic_layer div {
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .basic_layer p {
        position: static;
        transform: inherit;
        font-size: 18px;
        padding: 20px 0px 30px;
        width: 90%;
        margin: 0 auto;
    }

    section.history_founder .basic_layer p {
        position: relative;
    }

    section.ceo_philosophy .desc .r p {
        font-size: 16px;
    }

    section.ceo_philosophy .desc .r {
        width: 85%;
        margin: 20px auto 0;
    }

    section.ceo_philosophy .desc .l p {
        font-size: 20px;
        line-height: 1.5;
    }

    section.ceo_philosophy .desc {
        margin-top: 15px;
    }

    section.ceo_philosophy .tit h5 {
        padding-top: 20px;
    }

    section.ceo_philosophy .tit div {
        padding-bottom: 50px;
    }

    .subtit h7 {
        word-break: break-word;
    }

    .subtit h7 br {
        display: none;
    }

    section.re_talent .col {
        margin-top: 50px;
    }

    section.re_talent dl {
        text-align: left;
        padding: 35px 0;
    }

    section.re_talent .col > dl:nth-child(1) {
        padding: 0 0 35px;
    }

    section.re_talent dd p {
        font-size: 16px;
        padding-left: 15px;
    }

    section.re_talent dd p:after {
        display: block;
    }

    section.re_talent dt span {
        font-size: 22px;
    }

    section.re_talent .col > dl h4 {
        font-size: 13vw;
        margin-bottom: 15px;
    }

    .tab_box {
        margin-top: 0;
    }

    .gap_ml h2 {
        display: none;
        font-size: 26px;
        margin: 50px 0px 10px;
    }

    section.history_founder .gap_ml h2 {
        display: block;
        font-size: 22px;
        margin: 50px 0 15px;
    }

    .global_map_list > li {
        padding: 25px 15px;
    }

    .global_map_list > li .map_view {
        margin-top: 20px;
    }

    .global_map_list > li .global_map_title h3 {
        font-size: 22px;
    }

    .global_map_list > li .tip_block_wrap {
        margin-top: 10px;
    }

    .global_map_list > li .global_map_title .location_txt {
        font-size: 13px;
    }

    .global_map_list > li .tip_block_wrap p {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .global_map_list > li .tip_block_wrap dl {
        font-size: 16px;
        display: block;
    }

    .global_map_list > li .tip_block_wrap dl dt {
        width: 100%;
        margin-right: 0;
        width: auto;
        color: #000;
        border: none;
        padding: 0;
        height: auto;
        line-height: 1.5;
        text-align: left;
        font-weight: 700;
    }

    .global_map_list > li .tip_block_wrap dl dd {
        width: 100%;
    }

    .basic_tab .tab_box .big_tab ul,
    section.overseas .tab_box .big_tab ul {
        display: block;
        overflow-x: inherit;
        overflow-y: inherit;
        scrollbar-width: none;
        width: 100%;
    }

    .basic_tab .tab_box .big_tab ul {
        margin: 10px auto 0;
    }

    .basic_tab .tab_box .big_tab ul > li > a,
    section.overseas .tab_box .big_tab ul > li > a {
        padding: 0;
        color: #000;
        border-width: inherit;
        border: none;
    }

    .basic_tab .tab_box .big_tab ul > li:hover > a {
        color: #000;
    }

    .basic_tab .tab_box .big_tab ul > li:first-child > a,
    section.overseas .tab_box .big_tab ul > li:first-child > a {
        padding: 0;
        border-left-width: inherit;
        border-radius: inherit;
    }

    .basic_tab .tab_box .big_tab ul > li:after,
    section.overseas .tab_box .big_tab ul > li:after {
        display: none;
    }

    .subtit h7 br {
        display: none;
    }

    section.dis_process .box ul {
        display: block;
    }

    section.dis_process .box ul li:not(:last-child) {
        margin-right: 0;
    }

    section.dis_process .box ul li {
        display: block;
    }

    section.dis_process .box ul li:after {
        display: none;
    }

    body.recruit_disclosure footer {
        margin-top: 0;
    }

    section.dis_information .box ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 15px;
        grid-row-gap: 15px;
    }

    section.dis_information .box ul li {
        margin: 0 auto;
        width: auto;
    }

    section.dis_information .box ul li:nth-child(1) {
        grid-area: 1 / 1 / 2 / 2;
    }

    section.dis_information .box ul li:nth-child(2) {
        grid-area: 1 / 2 / 2 / 3;
    }

    section.dis_information .box ul li:nth-child(3) {
        grid-area: 2 / 1 / 3 / 2;
    }

    section.dis_information .box ul li:nth-child(4) {
        grid-area: 2 / 2 / 3 / 3;
    }

    section.dis_information .box ul li:nth-child(5) {
        grid-area: 3 / 1 / 4 / 2;
    }

    .subtit_v3 {
        padding: 0;
    }

    section.about_present .layer2 {
        margin-top: 70px;
    }

    section.visual .sub_nav h2 {
        font-size: 7vw;
    }

    section.rd_present .cont01 {
        margin: 100px 0 30px;
    }

    section.rd_present .cont02 p {
        font-size: 16px;
    }

    section.rd_present .cont01 dt {
        font-size: 22px;
        margin-bottom: 10px;
        padding-bottom: 5px;
    }

    section.rd_present .cont01 > .inner > div:nth-child(1) {
        top: -30px;
    }

    section.rd_present .cont01 img {
        position: relative;
        top: -60px;
    }

    section.rd_present .cont01 > .inner > div:nth-child(1) > dl:nth-child(1) {
        margin-bottom: 30px;
    }

    section.rd_present .subtit {
        display: none;
    }

    section.rd_present .cont01 dd {
        font-size: 16px;
        margin-bottom: 3px;
    }

    section.rd_organization .list_util p:not(:last-child) {
        margin-bottom: 20px;
    }

    section.rd_organization .list_util img {
        margin: 20px 0 15px;
        width: 100%;
    }

    .subtit h6 {
        font-size: 13px;
    }

    .subtit h7 {
        font-size: 22px;
        margin: 3px 0 10px 0;
    }

    section.accounting #tab4 .subtit h7 {
        padding-bottom: 15px;
    }

    section.com_partner .subtit {
        margin-bottom: 0;
        /*        padding-bottom: 50px;*/
    }

    .list_util h3 {
        font-size: 26px;
        padding-bottom: 55px;
    }

    .list_util > dl > dt:after {
        width: 16px;
        height: 13px;
    }

    .list_util > dl > dt {
        margin-bottom: 3px;
        font-size: 22px;
        padding-left: 27px;
    }

    .list_util .title {
        margin-bottom: 30px;
    }

    .row {
        display: block;
    }

    .mb_year {
        display: block;
    }

    .mb_year span {
        font-size: 20px;
        font-weight: 700;
        padding-left: 7px;
        box-sizing: border-box;
    }

    .history-cont li {
        padding-left: 15px;
    }

    .history-cont ul > li:nth-child(1) {
        display: block;
        margin-bottom: 15px;
        padding-left: 0;
        border-bottom: 1px solid #2c9896;
        box-sizing: border-box;
        color: #2c9896;
    }

    .history-cont ul > li:nth-child(1):after {
        display: none;
    }

    .history-cont li:after {
        left: 0;
    }

    .about-history .year,
    .about-history .text-primary {
        font-size: 7vw;
        padding: 20px 0;
        box-sizing: border-box;
    }

    .about-history > div {
        width: 100%;
        padding-top: 0;
    }

    section.rd_result h4 {
        margin-top: 0;
        padding-top: 40px;
        text-align: center;
        font-size: 23px;
        line-height: 1.3;
    }

    section.rd_result .col-lg-5 {
        position: sticky;
        top: 0;
        background: #fff;
        text-align: center;
        z-index: 1;
        display: none;
    }

    .history-cont ul {
        padding-bottom: 30px;
    }

    .history-cont li {
        font-size: 16px;
    }

    .history-cont li:not(:last-child) {
        margin-bottom: 3px;
    }

    .history-cont li:first-child::before,
    .history-cont ul:not(:last-child)::before {
        display: none;
    }

    section.rd_result {
        padding-bottom: 0;
    }

    section.rd_result .col-lg {
        padding-top: 30px;
        box-sizing: border-box;
    }

    .grid_table table tbody tr > td:nth-of-type(1) {
        width: 100%;
        border-bottom: 1px solid #DFE0E8;
        border-left: 1px solid #DFE0E8;
    }

    .grid_table table tbody tr > td:nth-of-type(2) {
        width: 100%;
        border-right: 1px solid #DFE0E8;
        border-left: 1px solid #DFE0E8;
        text-align: center;
    }

    .grid_table table tbody td {
        display: grid;
    }

    .subtotal {
        padding: 30px 0 0;
    }

    .system h5 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .system ul {
        border-left: 0;
        border-right: 0;
        border-top: none;
    }

    .system ul > li {
        display: block;
        border-bottom: none;
    }

    .system ul > li:not(:last-child) {
        margin-bottom: 30px;
    }

    .wrap_v1 p {
        line-height: 1.5;
    }

    .system ul > li > div.tit,
    .wrap_v1 h5 {
        width: 100%;
        background: transparent;
        padding: 0 0 0 30px;
        border-right: 0;
        margin-bottom: 10px;
        position: relative;
    }

    .wrap_v1 h5 {
        margin-bottom: 0;
    }

    .system ul > li > div.tit:after,
    .wrap_v1 h5:after {
        display: block;
        content: "";
        clear: both;
        width: 17px;
        height: 13px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        background: url("../images/common/chk_icon.png") no-repeat;
        background-size: cover;
    }

    .system ul > li:nth-child(1) div.tit {
        border-top: none;
    }

    .system ul > li > div.desc {
        width: 100%;
        padding: 20px;
        background: #F6F7F9;
    }

    .system ul > li > div.desc p {
        color: #000;
    }

    section.precision_forging_products #tab2 table tbody td {
        font-size: 14px;
    }

    section.precision_forging_products #tab2 table thead th {
        font-size: 15px;
        padding: 16px 0;
    }

    section.sub_tab ul li.active > a:after {
        display: none;
    }

    .layer_area > dl > dt p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .tab_box .tabmenu {
        margin-bottom: 50px;
    }

    .tab_box .custom_btn {
        display: none;
        background: #fff;
        color: #fff;
        display: block;
        width: 100%;
        height: 50px;
        font-size: 16px;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        font-weight: 500;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #2F9CA7;
        background-image: url("../images/common/select_arrow9.png");
        background-repeat: no-repeat;
        background-position: calc(100% - 20px) 50%;
        background-size: 15px;
        display: flex;
        justify-content: center;
        box-sizing: border-box;
        cursor: pointer;
    }

    .big_tab > ul > li.active.hide {
        display: none !important;
    }

    .tab_box .big_tab ul {
        border-top: 1px solid rgba(0, 0, 0, .3);
    }

    .tab_box .big_tab ul li {
        width: 100% !important;
        height: 50px !important;
        line-height: 50px !important;
        border-bottom: 1px solid rgba(0, 0, 0, .3) !important;
        margin: 0;
    }

    .tab_box .big_tab ul li > a {
        font-size: 16px !important;
        line-height: 50px !important;
    }

    .tab_header > ul > li.active a {
        color: #fff;
    }

    .tab_header > ul > li a {
        display: block;
        position: relative;
        color: #fff;
        font-weight: 400;
        font-size: 16px;
        transition: .3s ease;
        padding-bottom: 0;
        line-height: 50px;
    }

    .tab_box .big_tab ul li > a:after {
        display: none !important;
    }

    .tab_header > ul {
        border-bottom: 1px solid rgba(0, 0, 0, .15);
        box-sizing: border-box;
    }

    .tab_header > ul > li {
        display: block;
        margin-right: 0;
        line-height: 50px;
        background: #2F9CA7;
        border-bottom: 1px solid rgba(255, 255, 255, .3);
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
        box-sizing: border-box;
        transition: .3s ease;
    }

    .tab_header > ul > li:hover {
        background: #fff;
        border-left: 1px solid rgba(0, 0, 0, .15);
        border-right: 1px solid rgba(0, 0, 0, .15);
        box-sizing: border-box;
    }

    .tab_header > ul > li:hover a {
        color: #000;
    }

    .tabmenu .big_tab ul {
        margin-top: 10px;
        border-radius: 4px;
        border: none;
        border: 1px solid rgba(0, 0, 0, .2);
        border-top: 3px solid #3db0bb;
        background: rgba(246, 247, 249, .7);
        box-sizing: border-box;

    }

    .tabmenu .big_tab ul li {
        transition: .3s ease;
    }

    .tabmenu .big_tab ul li a {
        color: #000;
        transition: .3s ease;
    }

    .tab_box .tabmenu .big_tab ul li:hover,
    .tab_box .tabmenu .big_tab ul li.active {
        background: rgba(0, 0, 0, .1);
    }

    .basic_tab .tab_box .big_tab,
    section.overseas .tab_box .big_tab {
        border-bottom: none;
    }

    .tab_box .tabmenu .big_tab ul li {
        border: none !important;
        border-bottom: 1px solid rgba(0, 0, 0, .1) !important;
        margin: 0;
    }

    .tab_box .tab_header ul {
        display: none;
    }

    .tab_box .js_select_wrap {
        display: block;
    }

    .tab_box .sm_select {
        display: block;
        cursor: pointer;
    }

    .tab_box .sm_select #tabmenu {
        width: 100%;
        height: 50px;
        line-height: 50px;
        background: #fff;
        font-size: 16px;
        color: #000;
        font-weight: 400;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image: url("../images/select_arrow2.png");
        background-repeat: no-repeat;
        background-position: calc(100% - 20px) 50%;
        background-size: 15px;
        display: flex;
        justify-content: center;
        padding-left: 20px;
        border: 2px solid #2F9CA7;
        pointer-events: none;
    }

    .tab_box .sm_select .inner {
        position: relative;
    }

    .tab_box .sm_select .select_custom {
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 1;
        border-left: 2px solid #2F9CA7;
        border-right: 2px solid #2F9CA7;
        border-bottom: 2px solid #2F9CA7;
        background: #fff;
        box-sizing: border-box;
        transition: .3s ease;
    }

    section.security .tab_box .sm_select .select_custom {
        border-left: none;
        border-right: none;
        border-bottom: none;
    }

    .tab_box .sm_select .select_custom a {
        color: #000;
        display: block;
        line-height: 3;
        text-align: left;
        border-bottom: 1px solid rgba(0, 0, 0, .2);
        padding-left: 20px;
        box-sizing: border-box;
    }

    .tab_box .sm_select .select_custom a:hover {
        background: #2F9CA7;
        color: #fff;
    }

    .tab_box .sm_select .select_custom > a:last-child {
        border-bottom: none;
    }

    .tab_box .sm_select #tabmenu option {
        background: #fff;
        color: #000;
    }

    section.sub_tab_v2 ul {
        display: block;
        width: 100%;
        margin-top: 10px;
        border-radius: 4px;
        background-color: rgba(246, 247, 249, .7);
        border: 1px solid rgba(0, 194, 183, 1);
        background: rgba(244, 250, 249, 1);
        box-sizing: border-box;
    }

    section.sub_tab_v2 ul > li {
        border: none;
        max-width: none;
        text-align: center;
        min-height: inherit !important;
    }

    section.sub_tab_v2 ul > li.active,
    section.sub_tab_v2 ul > li:hover {
        background: #64beb7;
        background: rgba(63, 191, 184, 1);
    }

    section.sub_tab_v2 ul > li.active > a,
    section.sub_tab_v2 ul > li:hover > a {
        color: #fff;
    }

    .layer_area > dl {
        margin-bottom: 70px;
    }

    .layer_area > dl > dt h5 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .prd_info .cont p {
        font-size: 16px;
    }

    .prd_info .cont p br {
        display: none;
    }

    .prd_info .cont dl {
        margin-bottom: 20px !important;
    }

    .prd_info .cont dd {
        font-size: 16px !important;
    }

    section.visual .sub_nav .desc {
        top: 47%;
        /*
        left: 50%;
        transform: translate(-50%, -50%);
*/
        text-align: center;
        width: 100%;
    }

    section.visual .sub_nav h2 {
        font-size: 7vw;
    }

    section.visual .sub_nav h3 {
        font-size: 16px;
        display: none;
    }

    section.visual .sub_nav .title {
        display: none;
    }

    .chartTableCell,
    .chartTableCell.half {
        width: 100%;
    }

    .chartTable.type2 .chartTableCell > p {
        word-break: break-word;
    }

    .chartTableCell.hidden {
        display: none;
    }

    .custom_btn_v2 {
        display: flex;
    }

    .custom_btn_v3 {
        display: flex;
    }

    .tab_body > .div_tab {
        margin-bottom: 70px;
    }

    .tab_body > .div_tab > h5 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .tab_header > ul {
        border-bottom: 1px solid rgba(0, 0, 0, .15);
        box-sizing: border-box;
    }

    .tab_header > ul > li {
        display: block;
        margin-right: 0;
        line-height: 50px;
        background: #2F9CA7;
        border-bottom: 1px solid rgba(255, 255, 255, .3);
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
        box-sizing: border-box;
        transition: .3s ease;
    }

    .tab_header > ul > li:hover {
        background: #fff;
        border-left: 1px solid rgba(0, 0, 0, .15);
        border-right: 1px solid rgba(0, 0, 0, .15);
        box-sizing: border-box;
    }

    .tab_header > ul > li:hover a {
        color: #000;
    }

    .tab_header > ul > li > a:before {
        display: none;
    }

    section.sub_tab {
        border-bottom: 0;
    }

    section.sub_tab ul {
        display: block;
        width: 100%;
        border: 1px solid #0e9c94;
        border: 1px solid #2F9CA7;
        border: 1px solid #5C657A;
        box-sizing: border-box;
        margin-top: 10px;
        border-radius: 4px;
        border-radius: 4px;
        background: rgba(246, 247, 249, .7);
        background: #F6F7F9;
    }

    section.sub_tab ul li:not(:last-child) {
        margin-right: 0;
        box-sizing: border-box;
    }

    section.sub_tab ul li > a {
        padding: 10px 0;
    }

    section.sub_tab ul li:hover {
        font-size: 16px;
        background-color: #E4F6F8;
        border-radius: 3px;
    }

    section.sub_tab ul li:hover a {
        color: #2F9CA7;
    }

    section.sub_tab ul li span {
        transition: .3s ease;
    }

    section.sub_tab ul li:hover span {
        color: #2F9CA7;
    }

    .custom_btn_v2 {
        display: block;
        position: relative;
        background-color: #E4F6F8;
    }

    .custom_btn_v3 {
        display: block;
        position: relative;
        background-color: #F6F7F9;
    }

    .custom_btn_v3.on {
        background: url("../images/common/select_arrow5.png") calc(100% - 15px) center no-repeat;
        background-position: calc(100% - 20px) 50%;
        background-size: 15px;
        background-color: #F6F7F9;
    }

    body.data_rohs .custom_btn_v3,
    body.data_guarantee .custom_btn_v3,
    body.data_info .custom_btn_v3,
    body.data_certificate .custom_btn_v3 {
      display: flex;
        align-items: center;
        justify-content: center;
        min-height: inherit;
        height: inherit;
        line-height: inherit;
        min-height: 50px;
    }

    .tab_box .custom_btn.on {
        background: url("../images/common/select_arrow8.png") calc(100% - 15px) center no-repeat;
        background-position: calc(100% - 20px) 50%;
        background-size: 15px;
        background-color: #2F9CA7;
    }

    .prd_info {
        margin: 30px 0 50px;
    }

    .prd_info .inner {
        display: block;
    }

    .prd_info .inner > .tit {
        width: 100%;
    }

    .prd_info .inner > .cont {
        width: 100%;
    }

    .prd_info .inner > .tit {
        padding-right: 0;
        margin-bottom: 20px;
    }

    .prd_info .tit h3 {
        font-size: 30px;
        margin: 0 0 5px;
    }

    .prd_info .tit h3 br {
        display: none;
    }

    .prd_info .tit i {
        font-size: 13px;
    }

    .prd_info .tit h4 {
        font-size: 16px;
        color: rgba(0, 0, 0, .5);
    }

    .prd_info .cont img {
        margin-bottom: 20px;
    }

    .prd_info .cont h5 {
        font-size: 22px !important;
        line-height: 1.3 !important;
        margin-bottom: 20px !important;
    }
}

@media screen and (max-width: 640px) {

    .icon_box .desc p br {
        display: none;
    }

    section.history_founder #tab1 .tab_content > img {
        width: 100%;
        margin: 0 auto 30px;
    }

    section.history .history_divide.last {
        padding: inherit;
    }

    section.history .title br {
        display: none;
    }

    section.history .tit p {
        margin: 15px 0 30px;
    }

    section.history .history_divide {
        display: block;
        position: relative;
        padding: 0 0 30px;
        border: none;
    }

    section.history .history_divide.first {
        padding: 0 0 30px;
    }

    section.history .history_divide strong {
        position: static;
        transform: inherit;
        top: auto;
        margin-bottom: 10px;
    }

    section.history .history_divide.last strong {
        top: auto;
    }

    section.history .history_tab > a span {
        position: relative;
        font-size: 15px;
        font-weight: 400;
        padding-bottom: 3px;
        box-sizing: border-box;
    }

    section.history .history_tab > a span:after {
        clear: both;
        content: "";
        display: block;
        width: 0;
        height: 1px;
        background: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        opacity: 0;
        transition: all .5s ease;
    }

    section.history .history_tab > a.on span:after {
        width: 100%;
        opacity: 1;
    }

    section.about_ci .list_util > dl > dd img {
        height: 12vw;
    }

    section.ceo_philosophy .desc .r {
        width: 100%;
    }

    section.dis_system .circle .s .txt h6 {
        font-size: 20px;
    }

    section.dis_system .circle .b img {
        height: 30px;
    }

    section.dis_system .circle .b p {
        font-size: 30px;
    }

    section.dis_system .circle .b {
        width: 77vw;
        height: 77vw;
    }

    section.dis_system .circle .s .txt p {
        width: 80%;
        margin: 0 auto;
        font-size: 16px;
    }

    section.dis_system .circle .s .txt p br {
        display: none;
    }

    .subtit.ver1 p {
        margin-top: 20px;
    }
}

@media screen and (max-width: 414px) {

    .whatdo .con2 .off .scroll {
        font-size: 12px;
        bottom: 5vh;
    }

    section.history .divide_cont .his_t {
        font-size: 14px;
        line-height: 1.5;
        padding-left: 10px;
    }

    section.history .divide_cont .his_t:after {
        width: 2px;
        height: 2px;
        top: 9px;
        margin-top: 0;
        border-color: rgba(255, 255, 255, .5);
    }

    .divide_cont h5 {
        font-size: 17px;
        padding: 7px 17px;
    }

    section.history .history_divide strong {
        font-size: 22px;
        margin-bottom: 0;
    }

    section.history .divide_cont h5 {
        font-size: 10px;
        margin-bottom: 5px;
        padding: 2px 10px 1px;
        font-weight: 400;
        background: rgba(0, 0, 0, .7);
    }

    section.history .title {
        font-size: 18px;
        line-height: 1.3;
        padding-bottom: 30px;
        word-break: keep-all;
    }

    section.history .title br {
        display: none;
    }

    .report .thumb {
        height: 89vw;
        margin: 0 auto 30px;
    }

    .report .tit > div span {

        margin-bottom: 15px;
    }

    .report .tit > p {
        text-align: center;
    }

    .report .tit > div {
        flex-direction: column;
    }

    .report .txt {
        width: 100%;
    }

    .ps_ad .detail_v2 dd span,
    .ps_ad .col02 .detail_v2 dt p,
    .ps_ad .detail_v2 dd:nth-of-type(1) p {
        width: calc(100% - 120px);
    }

    .ps_ad .detail_v2 i,
    .ps_ad .col02 .detail_v2 dd em,
    .ps_ad .col02 .detail_v2 dt span {
        width: 100px;
        font-size: 14px;
        box-sizing: border-box;
    }

    .basic_layer_v2 span {
        font-size: 14px;
    }

    .basic_layer_v2 span {
        padding-bottom: 25px;
    }

    section.history_founder .basic_layer p {
        font-size: 18px;
    }

    section.history_founder .basic_layer p br {
        display: none;
    }

    section.ceo_profile .col > div:not(:last-child) {
        border-bottom: none;
    }

    section.ceo_profile .col .profile {
        width: 100%;
    }

    section.ceo_profile .col > div:not(:last-child) {
        padding-bottom: 50px;
        margin-bottom: 50px;
    }

    .profile_cont > div ul p {
        position: relative;
        padding-left: 15px;
        box-sizing: border-box;
    }

    .profile_cont > div ul p:after {
        clear: both;
        content: "";
        display: block;
        width: 5px;
        height: 1px;
        background: rgba(0, 0, 0, .8);
        ;
        position: absolute;
        top: 11px;
        left: 0;
    }

    section.ceo_profile .col .profile p {
        padding: 20px 0;
    }

    .profile_cont {
        margin: 30px auto 0;
        text-align: left;
    }

    .profile_cont > div > p {
        margin-bottom: 15px;
    }

    .profile_cont > div:not(:last-child) {
        margin-bottom: 30px;
    }

    .profile_cont > div > p:after {
        width: 100%;
    }

    section.ceo_profile .col .profile p i {
        font-size: 16px;
    }

    section.ceo_profile .col .profile p span {
        font-size: 26px;
    }

    section.ceo_profile .col .profile img {
        width: 100%;
        height: auto
    }

    section.ceo_philosophy .col > div:nth-child(1) {
        margin-bottom: 70px;
    }

    section.ceo_philosophy .desc {
        margin-top: 23px;
    }

    section.ceo_philosophy .desc .r p:not(:last-child) {
        margin-bottom: 20px;
    }

    section.ceo_philosophy .desc .r p {
        text-align: left;
    }

    section.ceo_philosophy .desc .l {
        text-align: left;
    }

    section.ceo_philosophy .desc .l p {
        word-break: break-all;
    }

    section.ceo_philosophy .desc .l p br {
        display: none;
    }

    section.ceo_philosophy .tit h5 {
        padding-top: 20px;
        line-height: 1;
        font-size: 26px;
    }

    section.ceo_philosophy .tit div img {
        width: 80%;
    }

    section.ceo_philosophy .tit div {
        padding-bottom: 30px;
    }

    section.dis_information .box {
        background: url("../images/recruit/m_information.png") no-repeat;
        background-position: 0 0%;
        background-size: cover;
    }

    section.dis_information .box ul {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 20px;
    }

    section.dis_information .box ul li {
        width: 100%;
        padding: 9vw 7vw 6vw;
    }

    section.dis_information .box ul li:nth-child(1) {
        grid-area: 1 / 1 / 2 / 2;
    }

    section.dis_information .box ul li:nth-child(2) {
        grid-area: 2 / 1 / 3 / 2;
    }

    section.dis_information .box ul li:nth-child(3) {
        grid-area: 3 / 1 / 4 / 2;
    }

    section.dis_information .box ul li:nth-child(4) {
        grid-area: 4 / 1 / 5 / 2;
    }

    section.dis_information .box ul li:nth-child(5) {
        grid-area: 5 / 1 / 6 / 2;
    }

    section.dis_information .box ul li:nth-child(6) {
        grid-area: 6 / 1 / 7 / 2;
    }

    section.visual .sub_nav h3 {
        font-size: 14px;
    }

    .chartTable.type2 .question .chartTableCell.b > i {
        width: 30px;
        height: 30px;
    }

    .chartTable.type2 .question .chartTableCell.b > i {
        right: 0;
        top: -15px;
    }

    .chartTable.type2 .question .chartTableCell.b > i:after,
    .chartTable.type2 .question .chartTableCell.b > i:before {
        width: 10px;
    }

    .chartTable.type2 .question .chartTableCell.a img {
        height: 18px;
    }

    .chartTable.type2 .answer .chartTableCell.a img {
        height: 18px;
    }
}

@media screen and (max-width: 375px) {
    .basic_btn {
        text-align: center;
    }

    .basic_btn a {
        width: 100%;
    }

    section.about_ci .basic_btn > a:not(:last-child),
    section.about_way .col02 .basic_btn > a:not(:last-child) {
        margin-right: 0;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 320px) {

    .basic_btn_v2 > a {
        min-width: 140px;
        font-size: 12px;
    }

    .whatdo .con2 .off .text p {
        font-size: 1.5rem;
    }

    .whatdo .what_row02 .mainTxt1,
    .whatdo .what_row02 .mainTxt2 {
        padding: 0 20px;
    }

    .whatdo .what_row02 .scene .txt span {
        font-size: 15px;
    }

    .whatdo .what_row02 .mainTxt2 p,
    .whatdo .what_row02 .mainTxt1 p {
        font-size: 15px;
        margin-top: 10px;
    }

    .whatdo .con2 .con2-area .text p {
        margin-bottom: 10px;
    }

    .whatdo .con2 .con2-area .text span {
        font-size: 15px;
    }

    .whatdo .con2 .off .scroll::after {
        top: 25px;
    }

    section.history .title {
        font-size: 14px;
    }

    section.history .history_tab > a span {
        font-size: 12px;
    }

    .list_history dl {
        flex-direction: column;
    }

    section.eth_news .sec_history.last .list_history dt,
    section.eth_news .sec_history.last .list_history dd,
    .list_history dt,
    .list_history dd {
        width: 100%;
    }

    .report .adobe p br {
        display: none;
    }

    section.ma_esg .col01 ul li {
        padding: 10px;
    }
}