@charset "UTF-8";

/* button */
a.down_btn {
    display: inline-block;
    width: 100%;
    max-width: calc(24.3rem / 1.6);
    height: calc(5rem / 1.6);
    line-height: calc(4.6rem / 1.6);
    text-align: center;
    background: #fff;
    border: 2px solid #1b2549;
    color: #1b2549;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a.down_btn::after {
    display: inline-block;
    font-family: "xeicon";
    font-size: calc(2.2rem / 1.6);
    content: "\eb7c";
    margin-top: calc(0.1rem / 1.6);
}

a.down_btn span {
    display: inline-block;
    font-weight: 700;
    letter-spacing: calc(-0.08rem / 1.6);
    margin-right: calc(1.5rem / 1.6);
    vertical-align: top;
}

a.down_btn:focus,
a.down_btn:hover {
    background: #1b2549;
    color: #fff;
}

.txt-center { text-align: center !important; }

.txt-right { text-align: right !important; }

.point1 { color: #f00 !important; }

.btn.icon-no { width: 160px; max-width: 45%; padding-left: 0; padding-right: 0; }

.btn.icon-no::before { display: none; }

.btn.btn02.type1 { border-color: #26315c; background-color: #26315c; color: #fff; }

.btn.btn02.type1:hover, .btn.btn02.type1:focus { background-color: #fff; color: #26315c; }

span.btn.btn02.icon-no { width: 100px; border-radius: 5px; text-align: center; }

.form-textbox { max-width: 100%; height: 40px; padding: 0 15px; border: 1px solid #ddd; font-family: "Noto", "Noto Sans KR"; font-size: 15px; }

textarea.form-textbox { width: 100% !important; }

.form-select { display: inline-block; max-width: 100%; position: relative; border: 1px solid #ddd; vertical-align: middle; }

.form-select::after { position: absolute; top: 0; right: 0; width: 30px; height: 100%; background-color: #fff; font-family: "xeicon"; color: #999; content: ''; line-height: 40px; }

.form-select select { height: 40px; padding: 0 30px 0 15px; border: 0 none; font-family: "Noto", "Noto Sans KR"; font-size: 15px; }

.form-file { display: inline-block; position: relative; max-width: 100%; height: 36px; font-size: 15px; color: #777; vertical-align: middle; line-height: 36px; }

.form-file input { position: absolute; left: 0; top: 0; z-index: 1; width: 80px; height: 100%; opacity: 0; cursor: pointer; }

.form-file input:hover + .txt::before { background-color: #999; color: #fff; }

.form-file .txt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; padding-left: 90px; }

.form-file .txt::before { position: absolute; left: 0; top: 0; z-index: 0; width: 80px; height: 100%; border: 1px solid #999; color: #333; content: '첨부파일'; text-align: center; -webkit-transition: all 0.2s; transition: all 0.2s; cursor: pointer; }

.form-check { display: inline-block; position: relative; vertical-align: top; word-break: keep-all; }

.form-check input { position: absolute; opacity: 0; }

.form-check input:focus + label::before { outline: 1px dotted #000; }

.form-check input:checked + label::before { color: #000; }

.form-check label { display: block; padding-left: 28px; }

.form-check label::before { position: absolute; left: 0; top: 4px; width: 18px; height: 18px; border: 1px solid #ddd; font-family: "xeicon"; color: transparent; content: ''; text-align: center; -webkit-transition: all 0.2s; transition: all 0.2s; }

.filelist li { margin-top: 10px; }

.filelist span { font-size: 12px; color: #999; }

.filelist a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; max-width: calc(100% - 25px); vertical-align: middle; }

.filelist a:hover { color: #116eb4; }

.filelist .btn-del { display: inline-block; overflow: hidden; width: 20px; height: 20px; vertical-align: middle; }

.filelist .btn-del::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; font-size: 20px; color: #888; content: ''; }

.filelist .btn-del:hover::before { color: #116eb4; }

.table { overflow: hidden; margin: 15px 0; border-top: 2px solid #555; border-bottom: 1px solid #aaa; }

.table table { margin-bottom: -1px; table-layout: fixed; }

.table th { padding: 20px; border-bottom: 1px solid #ddd; font-weight: 600; color: #333; white-space: nowrap; }

.table td { padding: 10px; border-bottom: 1px solid #ddd; }

.agree { text-align: center; }

.agree .item { overflow: hidden; overflow-y: auto; height: 400px; margin-bottom: 25px; padding: 20px 20px 0; border: 1px solid #d9dadb; background-color: #f3f3f3; text-align: left; }

.agree .item::after { display: block; height: 20px; content: ''; }

.agree .form-check { font-weight: 500; color: #333; }

.form1 { width: 1280px; max-width: 100%; margin: 0 auto; }

.form1 .agree { margin-bottom: 75px; }

.form1 .table { margin-bottom: 50px; }

.form2 { overflow: hidden; position: relative; padding-right: 100px; }

.form2 input { float: left; width: calc(50% - 10px); margin-right: 10px; border-radius: 5px; }

.form2 button { position: absolute; right: 0; top: 0; width: 100px; height: 40px; padding: 0; text-align: center; line-height: 37px; }

.box1 { display: table; width: calc(100% + 0px); table-layout: fixed; overflow: hidden; border-radius: 45px 0 45px 0; background-color: #f3f3f3; font-size: 22px; line-height: 1.818; }

.box1 > * { display: table-cell; padding-right: 0px; vertical-align: middle; }

.box1 .img { width: 512px; }

.box1 .img img { max-width: 100%; }

.box1 .desc { padding: 0 70px; word-break: keep-all; }

.box1 + .summary-info .current li { width: 176px; margin: 0; max-width: 16%; height: auto; }

.box1 + .summary-info .current .img { padding-top: 25px; }

.box2 { position: relative; z-index: 0; overflow: hidden; padding: 75px 400px 75px 130px; border-radius: 45px 0 45px 0; font-size: 18px; color: #fff; }

.box2 .img { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; content: ''; }

.box2 .img img { position: absolute; right: 0; top: 0; min-width: 100%; min-height: 100%; }

.box2 li { position: relative; padding-left: 30px; word-break: keep-all; }

.box2 li + li { margin-top: 1rem; }

.box2 li span { position: absolute; left: 0; top: 0; font-weight: 600; color: #C8DEFF; }

.box3 { width: 1100px; max-width: 100%; margin: 0 auto; padding: 45px; border-radius: 100px 100px 100px 0; border: 1px solid #e4e4e4; text-align: center; }

.box3 .img { display: inline-block; width: 126px; vertical-align: middle; }

.box3 .desc { display: inline-block; margin: 20px 0; padding-left: 40px; font-size: 17px; color: #797979; text-align: left; vertical-align: middle; white-space: nowrap; }

.box3 .desc strong { display: block; font-size: 24px; color: #aa085c; }

.box3 .desc span { display: block; margin-top: 15px; }

.list1 { display: table; width: calc(100% + 50px); table-layout: fixed; width: 100%; margin-bottom: 100px; padding-right: 50px; }

.list1 > * { display: table-cell; padding-right: 50px; vertical-align: middle; }

.list1 li { position: relative; height: 205px; padding: 20px 50px 20px 70px; font-size: 20px; color: #fff; word-break: keep-all; }

.list1 li::before { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; content: ''; width: calc(100% - 50px); height: 205px; border-radius: 45px 0 0 45px; opacity: 0.9; }

.list1 li::after { position: absolute; right: -35px; top: 17px; width: 171px; height: 171px; content: ''; border-radius: 45px; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0.9; }

.list1 li:nth-child(1)::before { background-color: #26315c; }

.list1 li:nth-child(1)::after { background: linear-gradient(45deg, rgba(255, 255, 255, 0) 50%, #26315c 50.1%); }

.list1 li:nth-child(2)::before { background-color: #1E74DC; }

.list1 li:nth-child(2)::after { background: linear-gradient(45deg, rgba(255, 255, 255, 0) 50%, #1E74DC 50.1%); }

.list1 li:nth-child(3)::before { background-color: #0095DA; }

.list1 li:nth-child(3)::after { background: linear-gradient(45deg, rgba(255, 255, 255, 0) 50%, #0095DA 50.1%); }

.btn01 em::before { font-family: 'xeicon'; }

.btn01 em.type1::before { content: ''; }

.tab li i[class*="icon4-"]::before { width: 100%; height: 100%; content: ''; }

.tab li i.icon4-1::before { background: url("/images/korean/contents/icon4_1.png") no-repeat center center; }

.tab li.active i.icon4-1::before { background: url("/images/korean/contents/icon4_1_on.png") no-repeat center center; }

.tab li i.icon4-2::before { background: url("/images/korean/contents/icon4_2.png") no-repeat center center; }

.tab li.active i.icon4-2::before { background: url("/images/korean/contents/icon4_2_on.png") no-repeat center center; }

.tab li i.icon4-3::before { background: url("/images/korean/contents/icon4_3.png") no-repeat center center; }

.tab li.active i.icon4-3::before { background: url("/images/korean/contents/icon4_3_on.png") no-repeat center center; }

.tab li i.icon4-4::before { background: url("/images/korean/contents/icon4_4.png") no-repeat center center; }

.tab li.active i.icon4-4::before { background: url("/images/korean/contents/icon4_4_on.png") no-repeat center center; }

.tab li i.new-icon1::before { font-family: 'xeicon'; content: "\ea10"; font-size: 28px; }

.tab li.active i.new-icon1::before { color: #fff; }

.ecoprohn_logo { width: 100%; max-width: 151px; }

@media (max-width: 1150px) { .box1 .img { width: 45%; }
  .box1 .desc { padding: 0 30px; font-size: 16px; }
  .box2 { padding: 50px 300px 50px 50px; font-size: 16px; }
  .box2 .img img { right: -100px; }
  .list1 li { font-size: 16px; } }

@media (max-width: 1025px) { .box1 + .summary-info .current li { width: 33.333%; max-width: inherit; margin-bottom: 20px; }
  .list1 { margin-bottom: 50px; padding-right: 0; }
  .list1 li { display: block; width: 100%; height: auto; padding: 30px; margin-bottom: 10px; text-align: center; }
  .list1 li::before { width: 100%; border-radius: 1rem; }
  .list1 li::after { right: auto; left: 50%; top: auto; bottom: 0; width: 50%; height: 0; margin: 0 0 0 -25%; padding-top: 50%; border-radius: 1rem; -webkit-transform: translateY(50%) scaleY(0.1) rotate(135deg); transform: translateY(50%) scaleY(0.1) rotate(135deg); } }

@media (max-width: 768px) { .form-textbox, .form-select select, .form-file .txt { font-size: 14px; }
  .table colgroup { display: none; }
  .table th, .table td { display: block; padding: 10px; text-align: left; }
  .box1 .img { display: block; width: 100%; }
  .box1 .img img { width: 100%; }
  .box1 .desc { display: block; padding: 20px; }
  .box2 { padding: 30px 40px; }
  .box2 .img img { right: auto; left: 0; }
  .box3 { padding: 30px; border-radius: 20px 20px 20px 0; }
  .box3 .img img { width: 100px; margin: 0 auto; }
  .box3 .desc { display: block; padding: 0; font-size: 16px; text-align: center; white-space: normal; word-break: keep-all; }
  .box3 .desc strong { font-size: 20px; } }

@media (max-width: 425px) { .filelist img { width: 20px; }
  .box1 + .summary-info .current li { width: 49%; }
  .form2 { padding-right: 0; }
  .form2 button { position: static; margin: 10px auto 0; }
  .tab li i[class*="icon4-"]::before, .tab li.active i[class*="icon4-"]::before { background-size: 2rem; }
  .tab li i.new-icon1::before { font-size: 22px; }
}


/* 210525 hn 개요 수정 */
.table_style {
    display: table;
    width: calc(100% + 40px);
    height: 100%;
    table-layout: fixed;
    margin: 0 -20px;
}
.table_style > div {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: top;
    padding: 0 20px;
}
.new-business-area {
    width: 100%;
    max-width: 1318px;
    margin: 0 auto;
}
.new-business-area > div {
    padding: 0 20px;
}
.new-business-area.table_style .item1 .bg {
    background: url("/images/korean/sub/sub010101_img01.jpg");
}
.new-business-area.table_style .item2 .bg {
    background: url("/images/korean/sub/sub010101_img02.jpg");
}
.new-business-area.table_style .item3 .bg {
    background: url("/images/korean/sub/sub010101_img03.jpg");
}
.new-business-area.table_style [class*="item"] {
    height: 100%;
    background: #fff;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
}
.new-business-area.table_style [class*="item"] .bg{
    width: 100%;
    height: 360px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
    padding: 137px 20px;
    border-radius: 10px 10px 0 0;
}
.new-business-area.table_style [class*="item"] i {
    display: block;
}
.new-business-area.table_style [class*="item"] strong {
    display: block;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -1.3px;
    margin-bottom: 13px;
    word-break: keep-all;
}
.new-business-area.table_style [class*="item"] p {
    font-size: 18px;
    letter-spacing: -0.9px;
    line-height: 27px;
    font-weight: 400;
    text-align: center;
    padding: 53px 20px;
    color: #333;
    word-break: keep-all;
}

@media (max-width: 1200px) {
    .new-business-area.table_style [class*="item"] p br {
        display: none;
    }
}

@media (max-width: 1100px) {
    .new-business-area {
        max-width: 100%;
    }
    .new-business-area > div {
        padding: 0 10px;
    }
}

@media (max-width: 700px) {
    .new-business-area.table_style {
        display: block;
        width: 100%;
        margin: 0;
    }
    .new-business-area.table_style > div {
        display: block;
        padding: 0;
        margin-bottom: 20px;
    }
    .new-business-area.table_style > div:last-child {
        margin-bottom: 0;
    }
    .new-business-area.table_style [class*="item"] strong {
        font-size: 22px;
    }
    .new-business-area.table_style [class*="item"] p {
        font-size: 16px;
        padding: 20px;
        line-height: normal;
    }
    .new-business-area.table_style [class*="item"] .bg {
        height: 100%;
        padding: 70px 0;
    }
}
/* //210525 hn 개요 수정 */

.sign_ceo {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 10px;
}

/* 210804 */
/*테이블*/
.style_210722 .tbl {
    position: relative;
    border-collapse: collapse;
    width: 100%;
    /* border-top: 2px solid #26315c; */
    letter-spacing: -0.8px;
    table-layout: fixed;
    margin-top: 12px;
}
.style_210722 .tbl::after {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #9e9e9e;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.style_210722 .tbl thead th {
    background: #f5f6f9;
    color: #3e3e3e;
    padding: 0.35rem 1rem;
    border: 1px solid #c6c6c6;
    border-left: 0;
    border-right: 1px solid #d5d5d5;
    text-align: center;
    word-break: keep-all;
    word-wrap: break-word;
}
.style_210722 .tbl thead th p {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.7px;
}
.style_210722 .tbl tbody th {
    background: rgba(38, 49, 92, 0.1);
    padding: 1.2rem;
    border-bottom: 1px solid #c6c6c6;
    border-right: 1px solid #d5d5d5;
    font-weight: 400;
    color: #4f565b;
    text-align: center;
}
.style_210722 .tbl td {
    background: #fff;
    padding: 0.8rem 1.2rem;
    border: 1px solid #c6c6c6;
    border-right: 1px solid #d5d5d5;
    border-left: 0;
    border-top: 0;
    text-align: center;
    font-weight: 300;
    color: #4b4b4b;
    word-break: keep-all;
    word-wrap: break-word;
}
.style_210722 .tbl td:last-child {
    border-right: 0 !important;
}
.style_210722 .tbl tr th:last-child {
    border-right: 0 !important;
}
.style_210722 .tbl tr.tb-top th {
    border-top: 2px solid #26315c;
} 
.style_210722 .tbl tr.tb-top th:last-child {
    border-right: 1px solid #d5d5d5 !important;
}
.style_210722 .tbl_scroll.wide::before {
    display: none;
    content: "";
    width: 20px;
    height: 37px;
    position: absolute;
    top: 0;
    right: 23px;
    animation: side 0.7s linear 1s infinite alternate;
    background: url("/web/images/common/mCont_scroll_ico.png") no-repeat center center;
    background-size: 20px;
}

@keyframes side {
    0% {
        transform: translateX(-3px);
    }
    100% {
        transform: translateX(3px);
    }
}
/* //210804 */

/* 220126 수처리사업 콘텐츠 추가 */
.tab li i[class*="icon_water"]::before { width: 100%; height: 100%; content: ''; }
.tab li i.icon_water_1::before { background: url("/images/korean/contents/icon_water_1.png") no-repeat center center; }
.tab li.active i.icon_water_1::before { background: url("/images/korean/contents/icon_water_1_on.png") no-repeat center center; }
.tab li i.icon_water_2::before { background: url("/images/korean/contents/icon_water_2.png") no-repeat center center; }
.tab li.active i.icon_water_2::before { background: url("/images/korean/contents/icon_water_2_on.png") no-repeat center center; }
.tab li i.icon_water_3::before { background: url("/images/korean/contents/icon_water_3.png") no-repeat center center; }
.tab li.active i.icon_water_3::before { background: url("/images/korean/contents/icon_water_3_on.png") no-repeat center center; }

.environment-info.water_system {
  min-height: 385px;
}
.environment-info.water_system.bg1 {
  background-image: url("/images/korean/contents/water_system_bg1.png");
}
.environment-info.water_system.bg2 {
  background-image: url("/images/korean/contents/water_system_bg2.png");
}
.environment-info.water_system.bg3 {
  background-image: url("/images/korean/contents/water_system_bg3.png");
}
.environment-info.water_system > div:after {
  top: -120px;
}
.environment-info.water_system > div.info1:after {
  background-image: url("/images/korean/contents/water_system_info1.png");
}
.environment-info.water_system > div.info2:after {
  background-image: url("/images/korean/contents/water_system_info2.png");
}
.environment-info.water_system > div.info3:after {
  background-image: url("/images/korean/contents/water_system_info3.png");
}
.environment-info.water_system div .icon {
  position: absolute;
  left: 0;
  top: -100px;
  display: inline-block;
  width: 72px;
  height: 76px;
  background: url("/images/korean/contents/water_system_icon.png") center no-repeat;
}
.environment-info.water_system .icon {
  top: -100px;
}
.environment-info.water_system div .icon:after {
  position: absolute;
  width: 47px;
  height: 47px;
  top: 12px;
  left: 12px;
  transform: none;
  content: "";
}
.environment-info.water_system div.info1 .icon:after {
  background: url("/images/korean/contents/water_system_icon_img1.png") center no-repeat;
}
.environment-info.water_system div.info2 .icon:after {
  background: url("/images/korean/contents/water_system_icon_img2.png") center no-repeat;
}
.environment-info.water_system div.info3 .icon:after {
  background: url("/images/korean/contents/water_system_icon_img3.png") center no-repeat;
}
.environment-info.water_system p .point {
  font-size: 20px;
  font-weight: 700;
}

.water_system_list .txt h3 {
  color: #26315c;
  margin-bottom: 16px;
}
.water_system_list .txt h3 span {
    display: inline-block;
    width: 35px;
    font-family: "Squada One", cursive;
    font-size: 2em;
    opacity: 0.5;
    font-weight: 400;
    vertical-align: middle;
    margin-right: 4px;
}
.water_system_list .txt strong {
  font-size: 1.375em;
  vertical-align: middle;
}
.water_system_list .txt > p {
  position: relative;
  padding-left: 14px;
  margin-bottom: 4px;
}
.water_system_list .txt > p::before {
  position: absolute;
  width: 4px;
  height: 4px;
  top: 11px;
  left: 0;
  background: #474C5A;
  content: "";
}
.water_system_list .img {
  border: 1px solid #DFDFDF;
  text-align: center;
  padding: 50px 20px;
  margin: 24px 0 60px;
}
.water_system_list .img img {
  max-width: 100%;
}
.water_system_list .img:last-of-type {
  margin-bottom: 0;
}
.water_system_list .txt .list_space > p:first-child {
  padding-left: 0.9rem;
}
.water_system_list .txt .list_space.type1 {
  padding-left: 22.9rem;
}
.water_system_list .txt .list_space.type2 {
  padding-left: 22.4rem;
}
.water_system_list .txt .list_space.type3 {
  padding-left: 18.1rem;
}
.water_system_list .txt .list_space .mobile {
  display: none;
}
/* 반응형 */
@media (max-width: 900px) {
  .water_system_list .txt .list_space {
    position: relative;
    padding-left: 14px !important;
  }
  .water_system_list .txt .list_space::before {
    position: absolute;
    width: 4px;
    height: 4px;
    top: 11px;
    left: 0;
    background: #474C5A;
    content: "";
}
  .water_system_list .txt .list_space .mobile {
    display: inline;
  }
  .water_system_list .txt .list_space > p:first-child {
    display: none;
  }
}
@media (max-width: 768px) {
  .environment-info.water_system p br {
    display: none;
  }
  .water_system_list .img {
    padding: 16px;
    margin: 12px 0 30px;
  }
  .water_system_list .txt > p::before,
  .water_system_list .txt .list_space::before {
    top: 8px;
  }
}
@media (max-width: 425px) {
  .environment-info.water_system p br {
    display: none;
  }
  .tab li i[class*="icon_water"]::before {
    background-size: 30px !important;
  }
}
/* //220126 수처리사업 콘텐츠 추가 */

.publication .img a {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 46px;
    height: 46px;
    background: #e2e2e2;
    transition: background .2s;
}

.publication .img a.viewer {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    line-height: 46px;
}

.publication .img a.viewer::after {
    font-family: "xeicon";
    font-size: 1.6rem;
    left: 50%;
    content: "\ea34";
    color: #333;
}

.publication .img a.pdf_down {
    position: absolute;
    right: 46px;
    bottom: 0;
    text-align: center;
    line-height: 46px;
    border-right: 1px solid #fafafa;
}

.publication .img a.pdf_down::after {
    font-family: "xeicon";
    font-size: 1.6rem;
    left: 50%;
    content: "\eb7c";
    color: #333;
}


/* 230314_클린룸 캐미컬 필터 신규내용 */
.environment-info.efu .icon:after{content:"";width:1em;aspect-ratio:42 / 40;background:url(/images/korean/contents/businessefu.svg) no-repeat 50% 50%/cover;}
.environment-info.efu > div:after{background-image:url(/images/korean/contents/businessefu.jpg)}
.efu-diagram{}
.efu-diagram-core{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:30px 0;}
.efu-diagram-core>li{display:flex;justify-content:center;align-items:center;margin:-30px -20px;text-align:center;}
.efu-diagram-core>li>span{display:flex;justify-content:center;align-items:center;width:255px;aspect-ratio:1 / 1;border-radius:50%;color:#fff;font-size:30px;font-weight:500;}
.efu-diagram-core>li:nth-child(1)>span{background-color:rgba(3, 46, 124, .9);}
.efu-diagram-core>li:nth-child(2)>span{background-color:rgba(3, 46, 124, .6);}
.efu-diagram-core>li:nth-child(3)>span{background-color:rgba(3, 46, 124, .3);}
.efu-diagram-arrow{margin:10px 0;text-align:center;}
.efu-diagram-arrow>img{width:100%;max-width:283px;}
.efu-diagram-boxs{display:flex;justify-content:center;gap:10px;}
.efu-diagram-box{display:flex;justify-content:center;align-items:center;padding:15px;width:100%;max-width:475px;min-height:82px;border:1px solid #042e7d;border-radius:10px;color:#000;font-size:18px;line-hieght:1.3;text-align:center;word-break:keep-all;}
.efu-list{display:flex;flex-wrap:wrap;gap:20px}
.efu-list>li{flex:1 1 calc(100% / 2 - 10px);border:1px solid #dfdfdf;}
.efu-list>li>img{max-width:100%;}

@media(max-width:1023px) {
    .efu-diagram-core{padding:20px 0}
    .efu-diagram-core>li{margin:-20px -15px;}
    .efu-diagram-core>li>span{width:240px;font-size:27px;}
    .efu-diagram-arrow>img{max-width:240px;}
    .efu-diagram-box{font-size:16px;}
}    

@media(max-width:639px) {
    .efu-diagram-core>li>span{width:180px;font-size:24px}
    .efu-list>li{flex-basis:100%;}
    .efu-diagram-arrow>img{max-width:200px}
    .efu-diagram-boxs{flex-direction:column;}
}

.table-style-wrap,
.non_scroll > table {
  margin-top: 0.6rem;
}

.tab li a{font-size:1.1em}
.tab li a[href="/sub020204"]{white-space:unset;}




/* 240605 사회공헌 모든 계열사 공통 */
#sub .sociaty+.grey_bg:before{height:1000vh}
.sociaty{margin:0 auto;max-width:1440px;padding-bottom:calc(10rem / 1.6);}
.sociaty h5{color:#2277f2;font-size:calc(2.8rem / 1.6);font-weight:700;}
.sociaty h5+p{margin-top:calc(.5rem / 1.6);color:#333;font-size:calc(2rem / 1.6);}
.sociaty h5+p+.txt_list{margin-top:calc(3rem / 1.6);}
.sociaty-download{margin-top:calc(5rem / 1.6);text-align:center;}

.content_tab.flex_tab{display:flex;flex-wrap:wrap;overflow:visible;margin:1px 0 0 1px;padding-top:0 !important;}
.content_tab.flex_tab .tab_tit:nth-of-type(1n){position:relative;left:auto;margin:-1px 0 0 -1px;border:1px solid #d2d2d2}
.content_tab.flex_tab .tab_tit.on:nth-of-type(1n){border-color:#042E7D}
.content_tab.flex_tab .tab_txt{margin-top:calc(6rem / 1.6);order:999;margin:calc(6rem - 1px) 0 0 -1px;width:calc(100% + 1px);overflow:hidden;}
.content_tab .tab_tit strong{display:block;font-size:calc(1.8rem / 1.6);}
.content_tab .tab_tit strong+p{margin-top:calc(1rem / 1.6);font-size:calc(1.5rem / 1.6);}

@media(max-width:767px) {
    .content_tab .tab_tit strong{display:block;font-size:calc(1.6rem / 1.4);}
    .content_tab .tab_tit strong+p{margin-top:calc(.8rem / 1.4);font-size:calc(1.3rem / 1.4);}
    .sociaty h5{color:#2277f2;font-size:calc(2.2rem / 1.4);font-weight:700;}
    .sociaty h5+p{margin-top:calc(.5rem / 1.4);color:#333;font-size:calc(1.8rem / 1.4);}
    .sociaty h5+p+.txt_list{margin-top:calc(2.5rem / 1.4);}
    .content_tab.flex_tab.tab_col_4 .tab_tit{width:calc(100% / 2)}
    .content_tab.flex_tab.tab_col_4 .tab_tit:nth-of-type(1){border-radius:calc(1rem / 1.4) 0 0 0;}
    .content_tab.flex_tab.tab_col_4 .tab_tit:nth-of-type(2){border-radius:0 calc(1rem / 1.4) 0 0;}
    .content_tab.flex_tab.tab_col_4 .tab_tit:nth-of-type(3){border-radius:0 0 0 calc(1rem / 1.4);}
    .content_tab.flex_tab.tab_col_4 .tab_tit:nth-of-type(4){border-radius:0 0 calc(1rem / 1.4) 0;}
}


/* 240605 연구분야 */
.research-column-group{display:flex;flex-wrap:wrap;}
.research-column-group[data-column="2"]{margin:0 calc(-3.2rem / 1.6);row-gap:calc(3.2rem / 1.6)}
.research-column-group[data-column="2"] .research-column{display:flex;flex-direction:column;padding:0 calc(3.2rem / 1.6);width:calc(100% / 2)}
.research-column-img{margin-top:auto;}
.research-column-img img{max-width:100%}

@media(max-width:1280px) {
    .research-column-group[data-column="2"]{margin:0 calc(-1.6rem / 1.6);row-gap:calc(1.6rem / 1.6)}
    .research-column-group[data-column="2"] .research-column{padding:0 calc(1.6rem / 1.6)}
}

@media(max-width:767px) {
    .research-column-group[data-column="2"]{margin:0 calc(-1rem / 1.4);row-gap:calc(1rem / 1.6)}
    .research-column-group[data-column="2"] .research-column{padding:0 calc(1rem / 1.6)}
}
@media(max-width:479px) {
    .research-column-group[data-column="2"]{margin:0;}
    .research-column-group[data-column="2"] .research-column{padding:0;width:100%;}
}

.direction > div.research_safe{display:flex;flex-direction:column;row-gap:calc(2rem / 1.6);margin:30px 0 0;width:100%;}
.research_safe_item{display:flex;gap:calc(2rem / 1.6) calc(2.8rem / 1.6);align-items:center;}
.research_safe_img{display:flex;flex-shrink:0;gap:calc(1rem / 1.6);align-items:flex-start;}
.research_safe_img img{max-width:100%;}
.research_safe_txt{flex:1;}
.research_safe_txt .title03{margin-top:0;}

@media(max-width:1023px) {
    .research_safe_img{flex:unset;width:45%;}
    .research_safe_txt{flex:unset;width:55%;}
}

@media(max-width:479px) {
    .research_safe_item{flex-direction:column;align-items:stretch;}   
    .research_safe_img{width:100%;}
}




.supply_content.type02{margin-top:0;padding:calc(8rem / 1.6);}
.supply_content .supply_content_list{margin:calc(6rem / 1.6) 0;padding:calc(4rem / 1.6);background-color:#fff;}
.supply_content .supply_content_list+*{margin-bottom:0;}
.supply_content .supply_content_list>li{position:relative;padding-top:calc(.7rem / 1.6);padding-left:calc(5.2rem / 1.6);min-height:calc(3.6rem / 1.6);color:#333;font-size:calc(1.6rem / 1.6);line-height:calc(2rem / 1.6);}
.supply_content .supply_content_list>li>i{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;padding-bottom:calc(.15rem / 1.6);width:calc(3.6rem / 1.6);aspect-ratio:1 / 1;background-color:#2277f2;border-radius:50%;color:#fff;font-weight:700;}
.supply_content .supply_content_list>li+li{margin-top:calc(2rem / 1.6);}

@media(max-width:1023px) {
    .supply_content.type02{padding:calc(4rem / 1.6);}
    .supply_content  .supply_content_list{padding:calc(3rem / 1.6);}
}

@media(max-width:767px) {
    .supply_content .supply_content_list{padding:calc(2rem / 1.6);}
    .supply_content .supply_content_list>li{font-size:calc(1.8rem / 1.6);line-height:calc(2.4rem / 1.6);}
}


.mobile-img-zoom{text-align:center;}
.mobile-img-zoom+.mobile-img-zoom{margin-top:6rem;}
.mobile-img-zoom-button{display:none;}
@media(max-width:639px) {
    .mobile-img-zoom-button{display:inline-flex;align-items:center;gap:1.5rem;margin-top:2.4rem;padding:.6rem 4.8rem .5rem;height:5.6rem;border:2px solid #043288;color:#16336a;font-size:1.8rem;font-weight:700;}
    .mobile-img-zoom-button>i{flex-shrink:0;font-size:2.2rem;line-height:1;}
}



.style_210722 .ceo+.title{margin-top:136px}
.new_210722_txt>.block{display:block;word-break:keep-all;}
.new_210722_txt>.block+.block{margin-top:calc(2.4rem / 1.6)}
.envi_policy.type02{padding:calc(8rem / 1.6);background:#f3f3f5;}
.envi_policy.type02>ul{float:none;margin:0;width:100%;}



@media(max-width:767px) {
    .new_210722_txt>.block+.block{margin-top:calc(1.2rem / 1.6)}
    .envi_policy.type02{padding:calc(4rem / 1.6)}
}



.envi_policy_img{display:flex;flex-wrap:wrap;margin:calc(4rem / 1.6) calc(-2rem / 1.6);}
.envi_policy_img_item{margin:0 calc(2rem / 1.6);padding:calc(4rem / 1.6);width:calc(100% / 2 - calc(4rem / 1.6));border:1px solid #ddd;text-align:center;}

@media(max-width:767px) {
    .envi_policy_img{display:flex;flex-wrap:wrap;margin:calc(2.4rem / 1.6) 0;row-gap:calc(2.4rem / 1.6)}
    .envi_policy_img_item{margin:0;padding:calc(2.4rem / 1.6);width:100%;}
    .envi_policy_img_item img{width:100%;}
}