/* CEO메세지 */
#ceo { overflow: hidden; }
#ceo h6 { color: #222; font-size: 28px; text-align: center; position: relative; font-weight: 600; line-height: 1.5em; }
#ceo h6::after { content:''; width: 100px; height: 4px; background: var(--mainColor); display: block; margin: 0 auto; margin-top: 50px; }
#ceo .cont-wr { display: flex; justify-content: end; flex-wrap: wrap; margin-top: 140px; padding: 80px 0; position: relative; }
#ceo .cont-wr::before { content:''; width: 462px; height: 59px; position: absolute; right: calc(10px - (50vw - 50%)); bottom: 100%; background:url(../../images/sub/ceo_bg.png) no-repeat center/contain;}
#ceo .cont-wr::after { content:''; width: 100vw; height: 100%; background-color: #f5f5f7; position: absolute; left: 120px; top: 0; }
#ceo .imgBox { width: 420px; box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.3); display: flex; position: absolute; top: -80px; left: 0; z-index: 2; }
#ceo .textBox { width: calc(100% - 420px - 140px); z-index: 25; }
#ceo .textBox .p-wr p { font-size: 18px; line-height: 1.65em; font-weight: 500; }
#ceo .textBox .p-wr p + p { padding-top:25px; }
#ceo .textBox .p-wr strong { color: #222; font-weight: 600; }
#ceo .textBox .right { text-align: right; padding-top: 30px; }
#ceo .textBox .right p { font-size: 22px; color:#222; font-weight: 600; text-transform: uppercase; display: flex; justify-content: flex-end; align-items: center; }
#ceo .textBox .right p span { font-size: 16px; padding-right: 10px; }
#ceo .textBox .right p img { margin-left: 10px; }


@media screen and (max-width:1240px) {
    #ceo h6 {font-size:22px;}
    #ceo h6::after {width:60px; height: 3px;}
    #ceo .cont-wr {justify-content:center; padding:60px 30px; margin-top:100px;}
    #ceo .cont-wr::before {width:260px; height:100px; right:0; bottom:99%;}
    #ceo .cont-wr::after {width:100%; left:0;}
    #ceo .imgBox {position:relative; top:auto; left:auto; width: 50%;}
    #ceo .textBox {width:100%; margin-top:40px; text-align:center;}
    #ceo .textBox .pc_br {display:none;}
}

@media screen and (max-width:640px) {
    #ceo .imgBox{width: 70%;}
    #ceo .textBox .p-wr p{font-size: 14px;}
    #ceo .textBox .right p{font-size: 16px;}
    #ceo .textBox .right p span{font-size: 14px;}
}

/* 연혁 */

.history .history_cont section + section {
    padding: 100px 0 0
}

.history .history_cont section.active .history_tit {
    color: var(--mainColor)
}

.history .history_tab {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #ddd;
    background: #fff
}

.history .history_tab.fixed {
    /* position: fixed;
    top: 99px;
    left: 50%; */
    width: 100%;
    max-width: 1400px;
    /* transform: translateX(-50%); */
    z-index: 2;
}

.history .history_tab a {
    display: block;
    width: 20%;
    text-align: center;
    line-height: 60px;
    height: 60px;
    font-size: 18px
}

.history .history_tab a.active {
    background: var(--mainColor);
    color: #fff
}

.history_cont .history_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.history_cont .history_wrap>ul {
    width: 45%
}

.history_cont .history_tit {
    font-size: 80px;
    color: #eee;
    font-weight: 700;
    line-height: 1.3;
    margin: 30px 0;
    transition: all .3s ease
}

.history_cont .history_tit small {
    font-size: 24px;
    color: #222;
    display: block
}

.history_box {
    padding: 35px 0
}

.history_box:first-child {
    padding-top: 0
}

.history_box .history_year {
    float: left;
    width: 16.34%;
    margin: -3px 0 0;
    font-size: 24px;
    color: var(--mainColor);
    font-weight: 600
}

.history_box .history_explain {
    overflow: hidden;
    margin: 3px 0 0;
    font-size: 18px;
    color: #606167;
    font-weight: 600;
    font-weight: 400
}

.history_box .history_explain>dl {
    margin: 12px 0 0
}

.history_box .history_explain>dl:after {
    content: "";
    display: block;
    clear: both
}

.history_box .history_explain>dl:first-child {
    margin: 0
}

.history_box .history_month {
    float: left;
    width: 50px;
    margin: 3px 0 0;
    color: #333;
    font-weight: 600
}

.history_box .history_text {
    overflow: hidden;
    margin: -4px 0 0
}

.history_box .history_text p {
    margin: 8px 0 0;
    line-height: 1.8
}

.history_box .history_text>p:first-child {
    margin: 0
}


#gall_ul {margin:10px 0 0;padding:0;list-style:none;zoom:1; display: flex; flex-wrap: wrap; align-items: center; gap: 10px;}
.cert-wrapper #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
.cert-wrapper .gall_li {/* float:left;margin:0 7px 50px 0; */  /* min-height:258px; */ width: calc( ( 100% / 5 ) - 10px );}

.cert-wrapper .gall_con {margin:0;padding:0;list-style:none}
.cert-wrapper .gall_con li {margin:0 0 4px}
.cert-wrapper .gall_con .gall_subject {display:inline-block;width:50px}


.cert-wrapper .gall_href a:link, .cert-wrapper .gall_href a:focus, .cert-wrapper .gall_href a:hover {text-decoration:none}
.cert-wrapper .gall_href strong, .cert-wrapper .gall_href span {display:inline-block; width: 100%; padding: 5px 0; text-align:center; font-weight: bold; font-size: 15px;}

.gall_box:after {display:block;visibility:hidden;clear:both;content:""}
.gall_box .gall_box_img {border:1px solid #ededed; }
.gall_box .gall_box_img a{
  display: block;
}

.gall_box .gall_box_img a img {
  display: block;
  margin: 0 auto; 
  aspect-ratio: 3/4;
}
.gall_box .gall_box_tx {width: 100%;}
.gall_box .gall_box_tx .tit { padding:10px 0}
.gall_box .gall_box_tx .tit span { background:#555; color:#fff; font-size:16px; font-weight:500; padding:1px 25px; border-radius:5px; line-height:25px}


@media all and (max-width: 1280px) {
  .cert-wrapper #gall_ul {
    gap: 5px ;
  }
  .cert-wrapper .gall_li {
    width: calc((100% / 4) - 5px) ;
  }
}

@media all and (max-width: 960px) {


  .cert-wrapper .gall_li {
    width: calc((100% / 3) - 5px) ;
  }
}

@media all and (max-width:768px) {
  .cert-wrapper .gall_li{
    width: calc( ( 100% / 2 ) - 5px );
  }
  .gall_box .gall_box_tx .tit span { font-size: 13px; }
}

@media all and (max-width:360px) {
	.gall_box .gall_box_tx .tit span { padding:1px 15px; }
}

@media all and (max-width:320px) {
	.gall_box .gall_box_tx .tit span { padding:1px 5px; }
}

@media screen and (max-width:767px) {

    .history .history_tab a {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 5px;
        font-size: 13px;
        line-height: 1.5
    }

    .history_cont .history_tit {
        font-size: 40px
    }

    .history_cont .history_tit small {
        font-size: 20px
    }

    .history_cont .history_wrap>ul {
        width: 100%
    }

    .history_cont .history_wrap>ul+ul {
        margin-top: 50px
    }

    .history_box {
        padding: 20px 0
    }

    .history_box .history_year {
        min-width: 70px;
        font-size: 20px
    }

    .history_box .history_explain {
        font-size: 16px
    }

    .history .history_cont section + section {
        padding: 80px 0 0
    }
}

 /* ----------- Company :: 조직도 ----------- */
 .org-con .org-img img{
    display: block;
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
}


.groupBox h3 {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 30px;
}

.org-con .groupBox .groupList {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 2%;
}

.org-con .groupBox .groupList li {
    width: calc(50% - 1%);
    opacity: 1;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(65, 65, 65, .2);
    box-sizing: border-box;
    padding: 3.5% 3%;
    position: relative;
    border: 2px dashed transparent;
    transition: .5s ease;
}

.org-con .groupBox .groupList li:hover {
    border-color: rgba(26, 117, 186, .5);
    box-shadow: 0 5px 15px rgba(26, 117, 186, .2);
}

.org-con .groupBox .groupList.animated li {
    animation: upMoveList2 .5s ease both;
}

.org-con .groupBox .groupList.animated li:nth-child(2) {
    animation-delay: .1s;
}

.org-con .groupBox .groupList.animated li:nth-child(3) {
    animation-delay: .2s;
}

.org-con .groupBox .groupList.animated li:nth-child(4) {
    animation-delay: .3s;
}

.org-con .groupBox .groupList.animated li:nth-child(5) {
    animation-delay: .4s;
}

.org-con .groupBox .groupList.animated li:nth-child(6) {
    animation-delay: .5s;
}

.org-con .groupBox .groupList.animated li:nth-child(7) {
    animation-delay: .6s;
}

.org-con .groupBox .groupList.animated li:nth-child(8) {
    animation-delay: .7s;
}

.org-con .groupBox .groupList.animated li:nth-child(9) {
    animation-delay: .8s;
}

.org-con .groupBox .groupList.animated li:nth-child(10) {
    animation-delay: .9s;
}

.org-con .groupBox .groupList.animated li:nth-child(11) {
    animation-delay: 1s;
}

.org-con .groupBox .groupList.animated li:nth-child(12) {
    animation-delay: 1.1s;
}

.org-con .groupBox .groupList .imgBox {
    position: absolute;
    right: 30px;
    bottom: 30px;
    transform: scale(.5);
    opacity: 0;
}

/* .org-con .groupBox .groupList .list01:hover .imgBox .img02 {
    animation: orgaList01_img02 1s ease both infinite;
}

@keyframes orgaList01_img02 {
    0% {
        transform: scale(.5);
        opacity: 0;
    }

    100% {
        transform: none;
        opacity: 1;
    }
}

.org-con .groupBox .groupList .list02:hover .imgBox .img02 {
    animation: orgaList02_img02 2s linear both infinite;
}

@keyframes orgaList02_img02 {
    30% {
        transform: rotate(80deg);
    }

    60% {
        transform: rotate(-80deg);
    }

    100% {
        transform: none;
    }
}

.org-con .groupBox .groupList .list03:hover .imgBox .img02 {
    animation: orgaList03_img02 5s linear both infinite;
}

@keyframes orgaList03_img02 {
    100% {
        transform: rotate(360deg);
    }
}

.org-con .groupBox .groupList .list04:hover .imgBox .img01 {
    animation: orgaList04_img01 2s linear both infinite;
}

@keyframes orgaList04_img01 {
    30% {
        transform: translateX(10%);
    }

    60% {
        transform: translateX(-10%);
    }

    100% {
        transform: none;
    }
}

.org-con .groupBox .groupList .list05:hover .imgBox .img02 {
    animation: orgaList05_img02 2s linear both infinite;
}

@keyframes orgaList05_img02 {
    50% {
        transform: rotateY(180deg);
    }

    100% {
        transform: none;
    }
} */

.org-con .groupBox .groupList .list06 .imgBox {
    overflow: hidden;
}

.org-con .groupBox .groupList .list06 .imgBox .img01 {
    position: relative;
    z-index: 1;
}

.org-con .groupBox .groupList .list06 .imgBox .img03 {
    z-index: 1;
}

/* .org-con .groupBox .groupList .list06:hover .imgBox .img02 {
    animation: orgaList06_img02 2s linear both infinite;
}

@keyframes orgaList06_img02 {
    0% {
        transform: translateY(50%);
        opacity: 0;
    }

    30% {
        transform: none;
        opacity: 1;
    }

    100% {
        transform: none;
        opacity: 1;
    }
}

.org-con .groupBox .groupList .list06:hover .imgBox .img03 {
    animation: orgaList06_img03 2s .6s linear both infinite;
}

@keyframes orgaList06_img03 {
    0% {
        transform: translateY(-25%);
        opacity: 0;
    }

    30% {
        transform: none;
        opacity: 1;
    }

    100% {
        transform: none;
        opacity: 1;
    }
} */

/* .org-con .groupBox .groupList .list07:hover .imgBox .ab {
    animation: orgaList07_img 2s .3s linear both infinite;
}

.org-con .groupBox .groupList .list07:hover .imgBox .img03 {
    animation-delay: .5s
}

.org-con .groupBox .groupList .list07:hover .imgBox .img04 {
    animation-delay: .7s
}

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

    30% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

.org-con .groupBox .groupList .list08:hover .imgBox .img02 {
    animation: orgaList08_img02 2s .4s linear both infinite;
}

@keyframes orgaList08_img02 {
    0% {
        transform: scale(.6) translate(-10%, -12%);
        opacity: 0;
    }

    30% {
        transform: none;
        opacity: 1;
    }

    100% {
        transform: none;
        opacity: 1;
    }
}

.org-con .groupBox .groupList .list09:hover .imgBox .img02 {
    animation: orgaList09_img02 2s .1s linear both infinite;
}

@keyframes orgaList09_img02 {
    0% {
        transform: translateX(10%);
        opacity: 0;
    }

    30% {
        transform: none;
        opacity: 1;
    }

    100% {
        transform: none;
        opacity: 1;
    }
}

.org-con .groupBox .groupList .list10 .imgBox .img02 {
    top: 0;
}

.org-con .groupBox .groupList .list10:hover .imgBox .img02 {
    animation: orgaList10_img02 2s .3s linear both infinite;
}

@keyframes orgaList10_img02 {
    30% {
        transform: rotateX(90deg);
    }

    100% {
        transform: none;
    }
}

.org-con .groupBox .groupList .list11:hover .imgBox {
    animation: orgaList11 3s linear both infinite;
}

@keyframes orgaList11 {

    0%,
    100% {
        transform: scale(.8);
        opacity: 0;
    }

    20%,
    80% {
        transform: translateY(-5%) rotate(3deg);
        opacity: 1;
    }

    50% {
        transform: translateY(-5%) rotate(-3deg);
    }
}

.org-con .groupBox .groupList .list12 .imgBox {
    overflow: hidden;
}

.org-con .groupBox .groupList .list12 .imgBox .img01 {
    z-index: 1;
    position: relative;
}

.org-con .groupBox .groupList .list12:hover .imgBox .img01 {
    animation: orgaList12_img01 3s linear both infinite;
}

@keyframes orgaList12_img01 {
    0% {
        transform: translateX(100%);
    }

    15%,
    100% {
        transform: none;
    }
}

.org-con .groupBox .groupList .list12:hover .imgBox .img02 {
    animation: orgaList12_img02 3s linear both infinite;
}

@keyframes orgaList12_img02 {

    0%,
    15% {
        transform: rotateX(65deg) translateY(17%);
        opacity: 0;
    }

    35%,
    100% {
        transform: none;
        opacity: 1;
    }
}

.org-con .groupBox .groupList .list12:hover .imgBox .img03 {
    animation: orgaList12_img03 3s linear both infinite;
}

@keyframes orgaList12_img03 {

    0%,
    35% {
        transform: rotateX(65deg) translateY(17%);
        opacity: 0;
    }

    50%,
    100% {
        transform: none;
        opacity: 1;
    }
} */

.org-con .groupBox .groupList.animated .imgBox {
    transform: none;
    opacity: 1;
    transition: .5s .2s ease;
    width: 100%;
    max-width: 64px;
}

.org-con .groupBox .groupList.animated li:nth-child(2) .imgBox {
    transition-delay: .3s;
}

.org-con .groupBox .groupList.animated li:nth-child(3) .imgBox {
    transition-delay: .4s;
}

.org-con .groupBox .groupList.animated li:nth-child(4) .imgBox {
    transition-delay: .5s;
}

.org-con .groupBox .groupList.animated li:nth-child(5) .imgBox {
    transition-delay: .6s;
}

.org-con .groupBox .groupList.animated li:nth-child(6) .imgBox {
    transition-delay: .7s;
}

.org-con .groupBox .groupList.animated li:nth-child(7) .imgBox {
    transition-delay: .8s;
}

.org-con .groupBox .groupList.animated li:nth-child(8) .imgBox {
    transition-delay: .9s;
}

.org-con .groupBox .groupList.animated li:nth-child(9) .imgBox {
    transition-delay: 1s;
}

.org-con .groupBox .groupList.animated li:nth-child(10) .imgBox {
    transition-delay: 1.1s;
}

.org-con .groupBox .groupList.animated li:nth-child(11) .imgBox {
    transition-delay: 1.2s;
}

.org-con .groupBox .groupList.animated li:nth-child(12) .imgBox {
    transition-delay: 1.3s;
}

.org-con .groupBox .groupList .textBox {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -.5px;
    opacity: 0;
    transform: translateX(10%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.org-con .groupBox .groupList.animated .textBox {
    opacity: 1;
    transform: none;
    transition: .5s .3s ease;
}

.org-con .groupBox .groupList.animated li:nth-child(2) .textBox {
    transition-delay: .4s;
}

.org-con .groupBox .groupList.animated li:nth-child(3) .textBox {
    transition-delay: .5s;
}

.org-con .groupBox .groupList.animated li:nth-child(4) .textBox {
    transition-delay: .6s;
}

.org-con .groupBox .groupList.animated li:nth-child(5) .textBox {
    transition-delay: .7s;
}

.org-con .groupBox .groupList.animated li:nth-child(6) .textBox {
    transition-delay: .8s;
}

.org-con .groupBox .groupList.animated li:nth-child(7) .textBox {
    transition-delay: .9s;
}

.org-con .groupBox .groupList.animated li:nth-child(8) .textBox {
    transition-delay: 1s;
}

.org-con .groupBox .groupList.animated li:nth-child(9) .textBox {
    transition-delay: 1.1s;
}

.org-con .groupBox .groupList.animated li:nth-child(10) .textBox {
    transition-delay: 1.2s;
}

.org-con .groupBox .groupList.animated li:nth-child(11) .textBox {
    transition-delay: 1.3s;
}

.org-con .groupBox .groupList.animated li:nth-child(12) .textBox {
    transition-delay: 1.4s;
}

.org-con .groupBox .groupList .textBox strong {
    font-size: 18px;
    margin-bottom: 5px;
    background-image: linear-gradient(rgba(26, 117, 186, .15), rgba(26, 117, 186, .15));
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 0 50%;
    ;
    transition: .5s ease;
}

.org-con .groupBox .groupList li:hover .textBox strong {
    background-size: 100% 50%;
}

.org-con .groupBox .groupList li:hover .textBox strong>span {
    animation: spanTextColor3 5s ease both infinite;
}

.org-con .groupBox .groupList .textBox p {
    margin-bottom: 5px;
}

.org-con .groupBox .groupList .textBox a {
    display: inline-block;
    color: #767676;
}

.org-con .groupBox .groupList .textBox>a:last-child {
    margin-top: 3px;
}

.org-con .groupBox .groupList .textBox a span {
    position: relative;
    padding: 1px 5px;
    border-bottom: 1px dashed transparent;
}

.org-con .groupBox .groupList .textBox .telBox a {
    display: inline-block;
}

.org-con .groupBox .groupList .textBox .telBox a:first-child:after {
    content: "ㅣ";
    color: #dcdbdb;
}

.org-con .groupBox .imgBox .ab {
    position: absolute;
    top: 0;
    left: 0;
}

.org_network .img{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}


@media all and (max-width:640px) {
    .groupBox .groupList li {
        padding: 20px 18px;
        padding-top: 16px;
    }

    .org-con .groupBox .groupList .textBox strong {
        font-size: 16px;
    }

    .org-con .groupBox .groupList .textBox p {
        font-size: 13px;
    }

    .org-con .groupBox .groupList .imgBox {
        width: 36px;
    }

    .org-con .topBox.type2.animated .botWrap .list2>li {
        font-size: 14px;
    }

    /* 조직·문의 */
    .org-con .topBox {
        font-size: 15px;
    }
  
    .org-con .topBox .botWrap .list2 {
        font-size: 14px;
    }
  
    .org-con .groupBox .groupList li {
        padding: 20px 18px;
        padding-top: 16px;
    }
  
    .org-con .groupBox .groupList .textBox strong {
        font-size: 16px;
    }
  
    .org-con .groupBox .groupList .textBox p {
        font-size: 13px;
    }
  
    .org-con .groupBox .groupList .imgBox {
        width: 36px;
    }
  
    .org-con .topBox.type2.aos-animate .botWrap .list2>li {
        font-size: 14px;
    }

}


@media all and (max-width:512px) {

    .org-con .groupBox .groupList .imgBox {
        width: 44px;
        right: 5%;
    }

     /* 조직·문의 */
     .org-con .topBox .ceo {
        margin-left: 45%;
    }

    .org-con .topBox .raum {
        left: 0;
    }

    .org-con .topBox .botWrap .list1>li>p {
        height: 50px;
    }

    .org-con .topBox .botWrap .list2>li {
        height: 50px;
    }

    .org-con .groupBox .groupList li {
        width: 100%;
    }

    .org-con .groupBox .groupList .imgBox {
        width: 44px;
        right: 5%;
    }

}

/* 오시는 길 */
.location { padding-bottom: 280px; }
.location-wrap { margin-right: auto; margin-left: auto;  width: 100%; }
.location .section { display: flex; justify-content: space-between; margin-bottom: 160px; }
.location .section:last-child { margin-bottom: 0; }
.location .side { width: 49.39%; }
.location .contents { padding-top: 40px; width: 43.29%; }
.location .map { overflow: hidden; position: relative; border-radius: 16px; }
.location .map::before { content: ''; display: block; padding-top: calc(480 / 810 * 100%); width: 100%; height: 0; }
.location .map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.location .map .root_daum_roughmap { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.location .map .root_daum_roughmap .map_border { display: none; }
.location .map .root_daum_roughmap .wrap_map { height: 100% !important; }
.location .map .root_daum_roughmap .wrap_controllers { display: none; }
.location .map .root_daum_roughmap .wrap_btn_zoom { display: none; z-index: 3; }
.location .map .block { z-index: 5; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; padding: 24px; width: 100%; height: 100%; font-size: 24px; font-weight: 400; color: #fff; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity ease .35s; }
.location .badge { font-size: 24px; font-weight: 500; color: var(--mainColor); }
.location .title { margin-top: 4px; font-size: 40px; font-weight: 600; color: #000; }
.location .list { display: flex; flex-wrap: wrap; margin: 28px -8px -8px; }
.location .list .item { padding: 8px; width: 33.33333%; }
.location .list .block { padding: 24px; height: 100%; border: 1px solid #E0E0E0; border-radius: 16px; }
.location .list .image { margin-bottom: 30px; width: 36px;}

.location .list .block .text{word-break: break-all; font-size: 1.5rem;}

@media screen and (min-width: 1025px) {
	.location .section:nth-child(even) { flex-direction: row-reverse; }
}
@media screen and (max-width: 1024px) {
    .location { padding-bottom: 160px; }
    .location .section { display: block; margin-bottom: 100px; }
    .location .side { width: 100%; }
    .location .contents { padding-top: 30px; width: 100%; }
    .location .badge { font-size: 18px; }
    .location .title { margin-top: 0; font-size: 30px; }
    .location .list { margin: 20px -5px -5px; }
    .location .list .item { padding: 5px; width: 50%; }
    .location .list .item:first-child { width: 100%; }
    .location .list .block { padding: 12px; }
    .location .list .image { width: 24px; height: auto; margin-bottom: 16px; }
    .location .list .text { font-size: 16px; }
}
@media screen and (max-width: 768px) {
    .location { padding-bottom: 120px; }
    .location .section { margin-bottom: 80px; }
    .location .badge { font-size: 16px; }
    .location .title { font-size: 24px; }
    .location .list { margin-top: 14px; }
    .location .list .text { font-size: 14px; }
    .location .list .image { margin-bottom: 12px; }
    .location .map .block { font-size: 20px; }
}
@media screen and (max-width: 500px) {
    .location .map .block { padding: 16px; font-size: 14px; }
}




/* business */
#business {overflow: hidden;}
 /* ******************  02. Business ********************** */
 
 .business-top-bg {position: absolute; top:90px; left: 50%; transform: translateX(-50%); width: 1800px; height: 340px; border-radius: 170px; z-index: -1;
	background: linear-gradient(180deg, rgba(20,110,226,0.03) 0%,rgba(255,255,255,0.03) 100%);}

 .business-top-con {
    text-align: center;
    padding-top: 60px;
}


.business-top-con .top-img {
}

.business-top-con .top-img span {
    display: block;
}

.business-top-con .top-img span img {
    max-width: 100%;
}

.business-top-con .business-tit {
    font-size: 50px;
    font-weight: 700;
    letter-spacing: -0.04em;
    color: #000;
    line-height: 1.6;
    padding-top: 35px;
}

.business-top-con .business-txt {
    font-size: 16px;
    padding: 10px 0;
    color: #666;
}

.business-type-con {
    position: relative;
    display: flex;
    padding-top: 65px;
    margin: 0 -5px;
}

.business-type-con:before {
    position: absolute;
    content: '';
    width: 0;
    height: 50px;
    border-left: 4px dotted #CCCCCC;
    top: 0;
    left: 50%;
}

.business-type-con:after {
    position: absolute;
    content: '';
    width: calc(80% + 5px);
    height: 0;
    border-top: 4px dotted #CCCCCC;
    top: 54px;
    left: calc(10% + 2px);
    margin-left: -2px;
}

.business-type-box {
    position: relative;
    width: calc(20% - 10px);
    margin: 40px 5px 0;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #DDDDDD;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0;
}

.business-type-con.business-type-3::after{
    width: calc(66% + 15px);
    left: calc(16% + 10px);
}

.business-type-con.business-type-3 .business-type-box {
    width: calc(33.33% - 10px);
}


.business-type-con.business-type-4::after{
    width: calc(75% + 5px);
    left: calc(12% + 8px);
}

.business-type-con.business-type-4 .business-type-box {
    width: calc(25% - 10px);
}

.business-type-box:before {
    position: absolute;
    content: '';
    width: 0;
    height: 40px;
    border-left: 4px dotted #CCCCCC;
    top: -44px;
    left: 50%;
    z-index: -1;
}

.business-type-box .img{
    width: 100%;
    max-width: 100px;
    margin: 0 auto 20px;
}

.business-type-box .txt {
    width: 100%;
    padding: 0 10px 10px;
    box-sizing: border-box;
}

.business-type-box .txt strong {
    display: block;
    background: #F5F5F5;
    padding: 5px 10px;
    border-radius: 25px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.04em;
    color: #000;
    line-height: 1.3;
}


.business-tit-box {
    padding: 100px 0;
    text-align: center;
}

.business-tit-box .tit {
    font-size: 62px;
    font-weight: 700;
    letter-spacing: -0.04em;
    color: #222222;
    line-height: 1.2em;
}

.business-tit-box .txt {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.036em;
    color: #222222;
    line-height: 2em;
    padding-top: 30px;
}

.business-item-tit {
    font-size: 50px;
    font-weight: 700;
    letter-spacing: -0.04em;
    color: #222;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 50px;
}

/* card 카드 레이아웃 */
.card-list-tit {font-size: 30px; font-weight: 700; letter-spacing: -0.05em; color: #000000; line-height: 1.1; text-align: center;}
.card-list-txt {font-size: 20px; font-weight: 500; letter-spacing: -0.05em; color: #000; line-height: 1.65; text-align: center; padding-top: 1rem;}
.card-list-con01 {border-bottom: 1px  solid rgba(0,0,0,0.1);}
.card-list-con01 .card-item-list {display: flex; flex-wrap: wrap; justify-content: center; margin: 35px -10px 0; gap: 35px 0;}
.card-list-con01 .card-item-list li {width: calc(25% - 20px); padding: 58px 10px 45px; margin: 0 10px; border-radius: 5px; border: 1px solid #cfcfcf; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; text-align: center; 
-webkit-box-shadow: 5px 5px 50px rgba(51,51,51,0.1);
-moz-box-shadow: 5px 5px 50px rgba(51,51,51,0.1);
box-shadow: 5px 5px 50px rgba(51,51,51,0.1);}

.card-list-con01 .card-item-list li .icon {display: inline-block; height: 60px; line-height: 60px; margin-bottom: 30px;}
.card-list-con01 .card-item-list li .icon::before {content: none;}
.card-list-con01 .card-item-list li .icon img {max-width: none; height: 100%;}
.card-list-con01 .card-item-list li dl dt {font-size: 20px; font-weight: 700; letter-spacing: -0.050em; color: #000000; line-height: 1.2em;}
.card-list-con01 .card-item-list li dl dd {font-size: 14px; font-weight: 600; letter-spacing: -0.025em; color: var(--sub-color); line-height: 1.2em; padding-top: 5px;}
.card-list-con01 .card-item-list li .txt {font-size: 16px; font-weight: 500; letter-spacing: -0.05em; color: #000000; line-height: 1.44; padding-top: 10px;}

.card-list-con01 .card-item-list.card-3 li{width: calc(33.33% - 20px); }



.card-list-con02 { border-bottom: 1px  solid rgba(0,0,0,0.1);}
.card-list-con02 .card-list-type + .card-list-type{margin-top: 40px;}
.card-list-con02 .card-list-txt {padding-top: 20px;}
.card-list-con02 .card-list-txt + .card-list-tit{margin-top: 30px;}
.card-list-con02 .nlp-nlu-list {display: flex; justify-content: center; margin-top: 40px;}
.card-list-con02 .nlp-nlu-list li {position: relative; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; text-align: center;}
.card-list-con02 .nlp-nlu-list li:before {position: absolute;content: ''; right: -21px; top: 120px; width: 38px; height: 10px;  background: url(../../images/sub/biz_card02_point.png)no-repeat 0 0; background-size: 100%;}
.card-list-con02 .nlp-nlu-list.plus li:before {position: absolute;content: ''; right: -21px; top: 120px; width: 32px; height: 28px;  background: url(../../images/sub/biz_card02_plus.png)no-repeat 0 0; background-size: 100%;}
.card-list-con02 .nlp-nlu-list li:last-child:before {display: none;}
.card-list-con02 .nlp-nlu-list li span {position: relative; display: flex; height: 240px; aspect-ratio: 1/1; align-items: center; justify-content: center;  }

.card-list-con02 .nlp-nlu-list li span::after{
    content: '';
    display: block;
    width: 80%;
    aspect-ratio: 1/1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    border: 2px solid var(--mainColor);
    border-radius: 100%;
}

.card-list-con02 .nlp-nlu-list li span::before{
    content: '';
    display: block;
    width: 50%;
    aspect-ratio: 1/1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    border-radius: 100%;
    background-color: #f5f5f5;
}

.card-list-con02 .nlp-nlu-list li span img {/* max-width: 100%; max-height: 100%; */ width: 100%; max-width: 42px; }
.card-list-con02 .nlp-nlu-list li strong {display: block; font-size: 24px; font-weight: 700; letter-spacing: -0.050em; color: #000000; line-height: 1.375; margin-top: 10px;}

.operator .card {border: 1px solid var(--mainColor); border-radius: 20px; box-shadow: 0 0 10px #ddd;}
.operator .card .top{display: flex; align-items: center; justify-content: space-between; padding: 40px;}
.operator .card .top .icon {width: 100%; max-width: 60px;}
.operator .card .top .sTitle{font-size: 16px; margin-bottom: 5px;}
.operator .card .top .cost{font-size: 14px;}
.operator .card .top .cost .point{font-size: 32px; font-weight: bold;}
.operator .card .cont{border-top: 1px solid #ddd;}
.operator .card .cont ul {padding: 30px 0;}
.operator .card .cont ul li{display: flex; align-items: center; gap: 10px; padding: 20px; font-size: 16px;}

@media screen and (max-width:800px) {
    .operator .card .top{padding: 20px;}
    .operator .card .top .cost .point{font-size: 24px;}
    .operator .card .cont ul {padding: 20px 0;}
    .operator .card .cont ul li{padding:10px 20px; font-size: 15px;}
}

@media screen and (max-width:480px) {
    .operator .card .cont ul li{padding:10px; font-size: 14px;}
}

/* item */
.business-item-list {
    padding-bottom: 30px;
}

.cluster-con .business-item-list:last-of-type {
    padding-bottom: 0;
}


.business-item-list li {
    display: flex;
    align-items: center;
    margin-top: 20px;
    background: #fff;
    -webkit-box-shadow: 20px 20px 30px #0000000D;
    -moz-box-shadow: 20px 20px 30px #0000000D;
    box-shadow: 20px 20px 30px #0000000D ;
}

.business-item-list li .img-box {
    width: 420px;
}

.business-item-list li .img-box img {
    max-width: 100%;
}

.business-item-list li .info-box {
    width: calc(100% - 420px);
    padding: 20px 60px 20px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.business-item-list li .info-box .info-tit {
    display: block;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 1.2;
    color: #000000;
}

.business-item-list li .info-box .info-list-box {
    display: flex;
    padding-top: 13px ;
}

.business-item-list li .info-box .info-list-box .info-list {
    width: 100%;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.business-item-list li .info-box .info-list-box .info-list.half {
    width: 50%;
}

.business-item-list li .info-box .info-list-box .info-list .info-txt {
    position: relative;
    padding-left: 17px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    color: #58595B;
    letter-spacing: -0.03em;
    margin-bottom: 10px;
}

.business-item-list li .info-box .info-list-box .info-list .info-txt:last-of-type {
    margin-bottom: 0;
}

.business-item-list li .info-box .info-list-box .info-list .info-txt:before {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    top: 6px;
    left: 0;
    background: #58595B;
}


.business-down-con {
    text-align: center;
}

.business-down-con .tit {
    font-size: 42px;
    font-weight: 700;
    color: #000000;
    line-height: 1.1em;
}

.business-down-con .txt {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.055em;
    color: #4d4c4c;
    line-height: 15px;
    padding-top: 15px;
}

.business-down-list {
    display: flex;
    padding-top: 50px;
}

.business-down-list li {
    width: 25%;
    text-align: center;
}

.business-down-list.list-3 li {
    width: 33%;
    text-align: center;
}

.business-down-list li a {
    display: block;
}

.business-down-list li a .img {
    width: 100%;
    height: 440px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

.business-down-list li a .img img {
    position: relative;
    max-width: 90%;
    max-height: 90%;
}

.business-down-list li:first-child a .img img {
    left: 50px;
}

.business-down-list li:last-child a .img img {
    height: 370px;
}

.business-down-list li a strong {
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.25;
    color: #000000;
    margin-bottom: 26px;
}

.business-down-list li a span {
    display: inline-block;
    padding: 5px 20px;
    background: #ada9a1;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.05em;
    color: #fff;
    border-radius: 13.5px;
}


.con-box.countBox {display: flex; justify-content: space-between;}
.con-box.countBox .desc {width: 60%;}
.con-box.countBox p {font-size: 1.8rem; font-weight: 400; color: #555; line-height: 1.5;}
.con-box.countBox p span {font-weight: 700; color: #222;}
.biz_confortable-wrap {display: flex; flex-wrap: wrap; margin-top: 3.5rem;}
.biz_confortable-wrap .item {width: calc(50% - 3rem); margin: 2.5rem 0; padding-right: 5rem; padding-bottom: 4rem; background-repeat: no-repeat; background-position: calc(100% - 5rem) center; border-bottom: 1px solid #e5e5e5;}
.biz_confortable-wrap .item.nth-1 {background-image: url(../../images/sub/biz_confortable_ico01.png); margin-right: 6rem;}
.biz_confortable-wrap .item.nth-2 {background-image: url(../../images/sub/biz_confortable_ico02.png);}
.biz_confortable-wrap .item.nth-3 {background-image: url(../../images/sub/biz_confortable_ico03.png); margin-right: 6rem;}
.biz_confortable-wrap .item.nth-4 {background-image: url(../../images/sub/biz_confortable_ico04.png);}
.biz_confortable-wrap .tit {font-size: 20px; font-weight: 700; color: var(--mainColor); letter-spacing: -0.05em;}
.biz_confortable-wrap .count {font-size: 25px; font-weight: 700; color: #041020; letter-spacing: -0.05em;}
.biz_confortable-wrap .count span {display: inline-block; margin-right: 1rem; font-size: 6.5rem; font-weight: 600; letter-spacing: -0.025em; transform: translateY(0.5rem);}


#confortable .con-box.listBox .desc {margin-top: 4rem; position: relative;}
#confortable .con-box.listBox .img {max-width: 50%; border-radius: 20px; overflow: hidden; position: absolute; top: 0; left: 0;}
#confortable .con-box.listBox .right {padding-left: 45%; padding-top: 3rem; text-align: center;}
#confortable .sub-tit {font-size: 2.8rem; font-weight: 700; color: #222; line-height: 1.4;}
#confortable .sub-tit span {color: var(--mainColor);}
#confortable .logistics-step {margin: 4rem 0;}
#confortable .logistics-item {padding: 4rem 1rem; margin-bottom: 25px; border-radius: 20px; box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1); position: relative;}
#confortable .logistics-item+.logistics-item::after {display: block; content: ''; width: 22px; height: 15px; background: url(../../images/sub/biz_confortable_arrow.png) no-repeat center; position: absolute; top: -20px; left: 50%; transform: translateX(-50%);}
#confortable .logistics-item h2 {font-size: 2.4rem; font-weight: 700;}
#confortable .logistics-item p {font-size: 1.8rem; font-weight: 400; margin-top: 0.5rem;}
#confortable .logistics-item:nth-child(odd) {background: var(--mainColor); color: #fff;}
#confortable .logistics-item:nth-child(odd) p {color: #f1f1f1;}
#confortable .logistics-item:nth-child(even) {background: #fff; color: #222;}
#confortable .logistics-item:nth-child(even) p {color: #666;}

#biz_intro .biz_intro_finance_sup_img{ width: 100%; max-width: 900px; margin: 0 auto;}
#biz_intro .hydrogen_fuel_img {width: 100%; max-width: 900px; margin: 0 auto;}

@media screen and (max-width: 1280px){
    .con-box.countBox .header-tit {width: 35%;}
    .biz_confortable-wrap {flex-direction: column; gap: 30px 0;}
    .biz_confortable-wrap .item {width: 100%;}

    #confortable .con-box.listBox .img {position: relative; width: 100%; max-width: initial; height: 35rem;}
    #confortable .con-box.listBox .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}

    #confortable .con-box.listBox .right {padding-left: 0; padding-top: 5%;}
}
@media screen and (max-width: 1280px){
    #confortable .con-box.listBox .img {height: 25rem;}

}
@media screen and (max-width: 800px){
    .con-box.countBox {flex-direction: column;}
    .con-box.countBox .desc{width: 100%;}
    .biz_confortable-wrap .item {padding-bottom: 4rem;}
    .biz_confortable-wrap .count {font-size: 2rem;}
    .biz_confortable-wrap .count span{font-size: 4rem;}

    #confortable .sub-tit{font-size: 2.2rem;}
    #confortable .logistics-item h2 {font-size: 2rem;}
    #confortable .logistics-item p {font-size: 1.6rem;}

}


/* 사업분야 추가  */
/* biz_product */
.biz_product{overflow:hidden;}
.biz_product section {padding:150px 0;}
.biz_product section:first-child{padding-top: 0;}
.biz_product section:last-child{padding-bottom: 70px;}
.biz_product .sub-tit h3 small{font-size: .7em; vertical-align:top; display:block; }
.biz_product .flex-cont{position:relative; justify-content:space-between; flex-wrap:wrap;}
.biz_product .flex-cont > div{width: calc(50% - 40px);}
.biz_product .flex-cont .right-cont{ padding-right: 5%;}
.biz_product .flex-cont:before{content:''; color: #151515; opacity:.2;  width: 100%;font-size: 92px; font-weight: 600; display:block; line-height: 1; margin-bottom: -13px; white-space: nowrap;}
.biz_product .num-list{counter-reset: my-counter; }
.biz_product .num-list .btn-wr{text-align:left; margin-top: 32px;}
.biz_product .num-list > li + li{margin-top: 40px;}
.biz_product .num-list > li{  }
.biz_product .num-list > li .tit{font-size: 22px; font-weight: 500;position:relative; color: #005EB8; margin-bottom: 16px;}
.biz_product .num-list > li p {font-size: 1.6rem;}
/* .biz_product .num-list > li .tit{font-size: 22px; font-weight: 500;position:relative; padding-left: 40px; color: #151515; margin-bottom: 16px;}
.biz_product .num-list > li .tit:before{counter-increment: my-counter; content: counter(my-counter, decimal-leading-zero); width: 29px; height: 29px; border-radius:4px; background: #151515; color: #fff; font-size: 16px; font-weight: 600; display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:3px;} */
.biz_product .biz_prd01 .flex-cont:before{content:'Business'; }
.biz_product .biz_prd02 .flex-cont{ flex-direction: row-reverse;}
.biz_product .biz_prd02 .flex-cont:before{content:'Business'; color: #fff; text-align:right;}
.biz_product .biz_prd02{background: #181A1F; color: #fff; border-radius:36px 36px 0 0;}
.biz_product .biz_prd02 .sub-tit h3{color: #fff;}
.biz_product .biz_prd02 .num-list > li .tit{color: #fff;}
.biz_product .biz_prd02 .num-list > li .tit:before{background: #fff; color: #151515;}
.biz_product .biz_prd02 .num-list > li p{color:rgba(255,255,255,0.8);}
.biz_product .biz_prd03 .flex-cont:before{content:'Business'; }




/* 동그라미 컨텐츠 */
.ethical-regulation-list {display:flex;}
.ethical-regulation-list li {width:20%; text-align:center;}
.ethical-regulation-list li dt {position:relative; padding:0 30px;}
.ethical-regulation-list li dt:before {content:""; position:absolute; left:0; top:50%; width:calc(100% - 2px);; height:1px; border-top:1px dashed #cecece;  }
.ethical-regulation-list li .inner-box {position:relative; padding-top:100%;  border-radius:50%; background-color:#fff; background-color:#3e3e3e }
.ethical-regulation-list li .inner-box .inner {width: auto; position:absolute; top:10.43%; left: 10.43%; right: 10.43%; bottom: 10.43%; display:flex; align-items:center; justify-content:center; text-align:center; background-color:#fff; border-radius:50%;}
.ethical-regulation-list li .tit {font-size:23px; letter-spacing:-0.065em; line-height: 1.3; color: #000;}
.ethical-regulation-list li .cm-txt {font-size:16px; padding:0 35px; margin-top:22px;}
.ethical-regulation-list li:nth-child(1) .inner-box {background-color:#e1e1e1;}
.ethical-regulation-list li:nth-child(2) .inner-box {background-color:#bbbbbb;}
.ethical-regulation-list li:nth-child(3) .inner-box {background-color:#878787;}
.ethical-regulation-list li:nth-child(1) dt:before {left:50%; width:calc(50% - 2px);}
.ethical-regulation-list li:nth-child(4) dt:before { width:50%;}

@media all and (min-width:801px){
	.ethical-regulation-con.con02 .download-btn:hover {color:#fff; background-color:var(--theme-red-color);}
}

@media all and (max-width:800px){
	.ethical-regulation-list{display:block;}
	.ethical-regulation-list li{width:auto; margin-bottom:1rem}
	.ethical-regulation-list li dl{display:flex; align-items:center;}
	.ethical-regulation-list li dl dt{padding:0; width:10rem;}
	.ethical-regulation-list li .tit{font-size:1.8rem}
	.ethical-regulation-list li dl dd{width:calc(100% - 10rem); text-align:left;}
	.ethical-regulation-list li .cm-txt{margin-top:0; padding-right:0}
}

@media all and (max-width:480px){
    .ethical-regulation-list li .cm-txt{
        padding-left: 15px;
        font-size: 13px;
    }
}

/* 사업분야 추가  */

@media all and (max-width:1480px){
	.biz_product  .flex-cont{flex-direction:inherit;}
}

@media all and (max-width:1280px){
	.business-type-box .img img {max-width: 100%;}

    .business-down-list li a .img {
        margin-bottom: 40px;
    }

    .business-down-list li:first-child a .img img {
        width: calc(90% - 60px);
    }

    /* Global */
	.global .dot-explain li { font-size: 20px;}


    .biz_product .flex-cont > div {width: calc(50% - 20px);}
	.biz_product .flex-cont .right-cont{padding-right: 0;}
	.biz_product .flex-cont .right-cont .sub-tit{margin-top: 30px;}

}

@media all and (max-width:960px) {
}

@media all and (max-width:800px){
	.business-top-con {padding-top: 0;}
	.business-top-con .business-tit {font-size: 42px; padding-top: 25px;}
	.business-type-con {flex-wrap: wrap; margin: -10px 0;}
	.business-type-con:before {top: 10px;}
	.business-type-con:after {display: none;}
	.business-type-box {width: 100%; margin: 10px 0; justify-content: center;}
    .business-type-con.business-type-4 .business-type-box{width: 100%;}
    .business-type-con.business-type-3 .business-type-box {width: 100%;}
	.business-type-box:before {display: none;}

    .business-tit-box {padding: 50px 0;}
	.business-tit-box .tit {font-size: 32px;}
    .business-tit-box .txt{font-size: 16px; line-height: 1.6em; padding-top: 12px;}
	.business-item-tit {font-size: 42px;}

    .card-list-tit {font-size: 2.2rem;}
	.card-list-txt {font-size: 1.8rem;}
    .card-list-con01 .card-item-list {margin: -1rem; gap: 0;}
	.card-list-con01 .card-item-list li {width: calc(50% - 2rem); margin: 1rem;}
    .card-list-con01 .card-item-list.card-3 li {/*width: calc(50% - 2rem);*/width:100%; margin: 1rem;}
	.card-list-con01 .card-item-list li dl dt {font-size: 2rem;}
	.card-list-con01 .card-item-list li .txt {font-size: 1.6rem;}
    .card-list-con02 .nlp-nlu-list {flex-wrap: wrap; max-width: 48rem; margin: 3rem auto 0;}
	.card-list-con02 .nlp-nlu-list li {width: 50%; margin-bottom: 2.5rem;}
	.card-list-con02 .nlp-nlu-list li:last-child {margin-bottom: 0;}
	.card-list-con02 .nlp-nlu-list li span {height: auto;}
	.card-list-con02 .nlp-nlu-list li:before {display: none;}
	.card-list-con02 .nlp-nlu-list li strong {margin-top: 0.3rem; font-size: 2rem;}

    
    .business-item-list li {flex-wrap: wrap; -webkit-box-shadow: 5px  5px 3px #0000000D;-moz-box-shadow:  5px  5px 3px #0000000D; box-shadow:  5px  5px 3px #0000000D ;}
    .business-item-list li .img-box {width: 100%;}
    .business-item-list li .info-box {width: 100%; padding: 0 30px 30px;}

    .business-down-list {
        flex-wrap: wrap;
    }

    .business-down-list li {
        width: 50%;
        margin-bottom: 50px;
    }

    .business-down-list li a .img {
        height: 200px;
    }

    .business-down-list li:first-child a .img img {
        left: 20px;
        width: auto;
    }

    .business-down-list li:last-child a .img img {
        height: none;
    }


    .biz_product  section{ padding: 70px 0;}
	.biz_product  .flex-cont{flex-direction:column;}
	.biz_product  .flex-cont > div{width: 100%;}
	.biz_product  .flex-cont:before{font-size: 40px; margin-bottom: -7px; }
	.biz_product  .num-list > li .tit{font-size: 20px; margin-bottom: 8px; }
	.biz_product  .num-list > li .tit:before{width: 26px; height: 26px;  font-size: 14px; top:3px;  }
	.biz_product  .num-list > li + li{margin-top: 30px;}
	.biz_product  .num-list .btn-wr{margin-top: 16px;}
	.biz_product  .biz_prd02{border-radius:24px 24px 0 0;}
	.biz_product section:last-child{padding-bottom: 0;}

}

@media all and (max-width:480px){

    .card-list-con01 .card-item-list li {    padding: 3.5rem 1rem 3rem;}

	.business-item-tit {font-size: 26px;}

	.business-item-list li .info-box .info-list-box {flex-wrap: wrap;}
	.business-item-list li .info-box .info-list-box .info-list.half {width: 100%; padding-right: 0;}
}



/* business */
#renew_energy .business_img {width: 100%; max-width: 900px; margin: 0 auto;}


/* product */
.product .inner.w100{max-width:100%; width: 100%; background: #f1f1f1; padding: 100px 20px; margin-top: 60px; }
.product .inner.w100 .section >div {background-color: #fff; border-radius: 30px;}
.product .inner.w100 .section >div:not(:first-child) {margin-top: 36px;}

/* .table { table-layout:fixed; border-top: 2px solid #000; }
.table .bg-0 { background: #F4F6F9; }
.table .bg-1 { background: #D6E3EC; }
.table .bg-2 { background: #C6D8E6; }
.table .bg-3 { background: #B7CEDE; }
.table .bg-4 { background: #A7C3D8; }
.table .bg-5 { background: #96B8D1; }
.table thead th,
.table tbody th { color: #000; }
.table thead th { padding: 21px 12px; text-align: center; font-size: 18px; font-weight: 500; color: #000; background: #F0F8FF; border-bottom: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; }
.table tbody th,
.table tbody td { padding: 20px 12px; text-align: center; font-size: 18px; font-weight: 500; border-bottom: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; }
.table thead th:last-child,
.table tbody td:last-child { border-right: none; }
.table .diagonal { position: relative; background-image: linear-gradient(to top right, transparent calc(50% - 1px), #E0E0E0 , transparent calc(50% + 1px) ); }
.table .diagonal .item small { position: absolute; }
.table .diagonal .item small:first-child { top: 0.45em; right: 0.65em; }
.table .diagonal .item small:last-child { bottom: 0.45em; left: 0.65em; }
@media screen and (min-width: 1025px) {
	.table .diagonal .item small { font-size: 1em; }
}
@media screen and (max-width: 1024px) {
    .table thead th { padding: 16px 8px; font-size: 16px; }
    .table tbody th,
    .table tbody td { padding: 14px 8px; font-size: 16px; }
    .table .diagonal .item small { font-size: 0.8em; }
    .table .diagonal .item small:first-child { top: 0.25em; right: 0.5em; }
    .table .diagonal .item small:last-child { bottom: 0.25em; left: 0.5em; }
}
@media screen and (max-width: 768px) {
	.table thead th { padding: 10px 6px; font-size: 14px; }
    .table tbody th,
    .table tbody td { padding: 8px 6px; font-size: 14px; }
} */

.product{overflow: hidden;}
.product .prd-typeList{ width: 100%; max-width: 1440px; margin: 0 auto;}
.product .section { padding-top: 120px; }
.product .section:first-child { padding-top: 60px; }
.product .prd-typeList .section:first-child {padding-top: 0;}
.product .product-heading { margin-bottom: 16px; line-height: 1.4; font-size: 40px; font-weight: 600; color: #000; }
.product .product-heading ~ .table,
.product .product-heading ~ .mobile-scroll { margin-top: 48px; }
.product-head { padding-bottom: 120px; border-bottom: 2px solid #222; }
.product-head .flex { display: flex; justify-content: space-between; }
.product-head .side { width: 44.64%; }
.product-head .thumbnail { border-radius: 16px; }
.product-head .contents { width: 49.27%; }
.product-head .badge { display: inline-flex; padding: 0 20px; height: 45px; line-height: 40px; font-size: 20px; font-weight: 600; color: var(--mainColor); border: 1px solid var(--mainColor); border-radius: 45px; }
.product-head .heading { margin: 16px 0 20px; line-height: 1.4; font-size: 50px; font-weight: 600; color: #000; }
.product-head .text { margin-top: 20px; line-height: 1.6; font-size: 20px; }
.product-head .info .title { margin: 34px 0 14px; font-size: 22px; font-weight: 600; color: #000; }
.product-head .info .list { display: flex; margin: 0 -20px; }
.product-head .info .item { padding: 0 20px; color: #202020; }
.product-head .info .en { display: block; margin-top: 0; color: #A5A5A5; }
.product-head .downloads { display: flex; margin: 50px -10px -10px; }
.product-head .downloads .button { overflow: hidden; display: inline-flex; align-items: center; justify-content: center; position: relative; padding-right: 24px; padding-left: 24px; height: 60px; line-height: 60px; font-size: 16px; color: #000; font-weight: 600; background: transparent; border: 1px solid #E0E0E0; border-radius: 8px; transition-property: color, background; transition-timing-function: ease; transition-duration: .15s; margin: 10px; }
.product-head .downloads .button .icon::before {content: '';}
.product-body .product-slider { margin-top: 48px; padding-top: 1px; padding-bottom: 30px; }
.product-body .product-slider .swiper-slide { overflow: hidden; flex: 0 1 auto; margin-right: 30px; width: auto; border-radius: 16px; box-shadow: 0 0 0 1px #ddd; }
.product-body .product-slider .swiper-slide:last-child { margin-right: 0; }


/* product card */
.product-body .flex-cont{display:flex; }
.product-body .flex-cont .left-cont{ width:calc(100% - 980px);}
.product-body .flex-cont .right-cont{ width:980px;}

.product-body .sub-tit{text-align: center; margin-bottom: 40px;}
.product-body .sub-tit h3{font-size: 32px; font-weight: 600;  color: #000; }
.product-body .sub-tit p{margin-top: 32px;}
.product-body .prd-kit .card{border:1px solid #ddd;}
.product-body .card{padding:40px; background: #fff; border-radius:16px; height:100%; display:flex; flex-direction:column; justify-content:space-between; gap:40px; transition:all ease .35s;}
.product-body .card h4{font-size: 28px; font-weight: 600; color: #151515; margin-bottom: 12px;}
.product-body .card h4 sup{color: var(--mainColor);}
.product-body .card .tag{display:inline-block;font-size: 14px; font-weight: 500; line-height: 1;color: var(--mainColor); background: rgb(31 165 253 / 10%); padding:10px 16px; border-radius:4px; margin-bottom: 24px;}


/* product slider */
.prd-card-slider .swiper-wrapper .swiper-slide{height:auto; }
.prd-card-slider .swiper-button-next,
.prd-card-slider .swiper-button-prev{width: 50px; height: 50px; background: rgba(0,0,0,0.6); border-radius:50%; color: #fff;  }
.prd-card-slider .swiper-button-prev:after,
.prd-card-slider .swiper-button-next:after{font-size: 20px;}


.product-body .prd-flex{display:flex; gap:40px;}
.product-body .prd-flex .left-cont{width: calc(66.66% - 20px);}
.product-body .prd-flex .right-cont{width: calc(33.33% - 20px);}
.product-body .prd-flex .card:has(.tag){background: #F5F5F5;}


.product-body .flex-cont .left-cont{display: flex;  flex-direction: column;  justify-content: space-between;}
/* .product-body .flex-cont .left-cont .btn-wr{ max-width: 345px; border-bottom:1px solid #ddd;}
.product-body .flex-cont .left-cont .btn-wr .btn{width: 100%; border:0; border-top:1px solid #ddd; border-radius:0; padding:22px 30px; font-size: 18px; justify-content:space-between;} */
.product-body .flex-cont .right-cont {padding-left: 25px; display:flex; gap:80px;}
.product-body .flex-cont .right-cont .img{width:calc(50% - 40px); border-radius:16px; overflow:hidden;}
.product-body .flex-cont .right-cont .img img{width: 100%;}
.product-body .dot-list{padding:40px 0; color: #151515; width:calc(50% - 40px);}
.product-body .dot-list > li{position:relative; padding-left: 16px;}
.product-body .dot-list > li + li{margin-top: 10px;}
.product-body .dot-list > li:before{content:''; width: 5px; height: 5px; background: #d9d9d9; border-radius:50%; position:absolute; left:0; top:11px;}


@media (hover: hover) and (pointer: fine) {
    .product-head .downloads .button:hover {
        color: #fff;
        background: #000;
        border-color: #000;
    }
}

@media screen and (min-width:1201px){
	/* product detail */
	.prd-card-slider .swiper-wrapper{flex-wrap:wrap; gap:40px; justify-content:center;}
	.prd-card-slider .swiper-wrapper .swiper-slide{ width:calc(25% - 30px);}
	.prd-card-slider .swiper-wrapper .swiper-slide:first-child:nth-last-child(2),
	.prd-card-slider .swiper-wrapper .swiper-slide:first-child:nth-last-child(2) + .swiper-slide,
	.prd-card-slider .swiper-wrapper .swiper-slide:first-child:nth-last-child(3),
	.prd-card-slider .swiper-wrapper .swiper-slide:first-child:nth-last-child(3) ~ .swiper-slide,
	.prd-card-slider .swiper-wrapper .swiper-slide:first-child:nth-last-child(5),
	.prd-card-slider .swiper-wrapper .swiper-slide:first-child:nth-last-child(5) ~ .swiper-slide,
	.prd-card-slider .swiper-wrapper .swiper-slide:first-child:nth-last-child(6),
	.prd-card-slider .swiper-wrapper .swiper-slide:first-child:nth-last-child(6) ~ .swiper-slide {width:calc(33.33% - 27px);}
    .prd-card-slider .swiper-wrapper.slide_w50 .swiper-slide {width: calc( 50% - 27px ) !important;}
	.product-body .prd-feature .swiper-wrapper:has(.swiper-slide:nth-child(4):last-child) {gap: 24px;}
	.product-body .prd-feature .swiper-wrapper .swiper-slide:first-child:nth-last-child(4),
	.product-body .prd-feature .swiper-wrapper .swiper-slide:first-child:nth-last-child(4) ~ .swiper-slide{width:calc(25% - 18px);}
	.product-body .prd-option .swiper-wrapper:has(.swiper-slide:nth-child(4):last-child){ max-width: 1026px; margin:0 auto;}
	.product-body .prd-option .swiper-wrapper .swiper-slide:first-child:nth-last-child(4),
	.product-body .prd-option .swiper-wrapper .swiper-slide:first-child:nth-last-child(4) ~ .swiper-slide{width:calc(50% - 20px);}
	.prd-card-slider .swiper-button-next,
	.prd-card-slider .swiper-button-prev{display:none;}
	.product-body .prd-flex .sub-tit{text-align:left;}
	.product-body .prd-flex .prd-card-slider .swiper-wrapper .swiper-slide:first-child:nth-last-child(2),
	.product-body .prd-flex .prd-card-slider .swiper-wrapper .swiper-slide:first-child:nth-last-child(2) + .swiper-slide{ width: calc(50% - 20px);  }
	.product-body .prd-flex .prd-card-slider .swiper-wrapper .swiper-slide { width:100%;  }
	.product-body .prd-flex .card{min-height:511px;}
	.product-body .prd-flex .card:has(.tag) h4{display:inline-block; margin-left: 12px; vertical-align: sub;}
	.product-body .prd-app .flip .card{background: #fff;}
	.product-body .prd-app .flip .card h4{ color: #151515; }
	.product-body .prd-app .flip .card p{ color: #444; }
	.product-body .prd-app .flip .card .icon{ filter:invert(1);}


}

@media screen and (max-width:1480px){
	.flex-cont{flex-direction:column;}
	.flex-cont .left-cont{width:100%;}
	.flex-cont .right-cont{width:100%;}

	.product-body .flex-cont{flex-direction:inherit;}
	.product-body .scroll-section{padding:60px 5%;}
	.product-body .flex-cont .left-cont{width: 220px;}
	.product-body .flex-cont .right-cont {  width: calc(100% - 220px); padding-left: 5%; gap: 40px;}
}

@media screen and (max-width:1200px) {
    .product-body .prd-flex{flex-direction:column; gap:100px;}
	.product-body .prd-flex .left-cont{width: 100%;}
	.product-body .prd-flex .right-cont{width: 100%;}
}

@media screen and (max-width: 1024px) {
    .product { padding-bottom: 160px; }

    .product-head { padding-bottom: 80px; }
    .product .section { padding-top: 80px; }
    .product .product-heading { margin-bottom: 10px; font-size: 30px; }
    .product .product-heading ~ .table,
    .product .product-heading ~ .mobile-scroll { margin-top: 34px; }
    .mobile-scroll { overflow: visible; position: relative; padding-bottom: 30px; }
    .mobile-scroll .swiper-slide { flex: 1 0 auto; width: auto; }
	.mobile-scroll .table { table-layout: auto; }
    .mobile-scroll .image-wrap img { max-width: none; width: 1000px; }
    .product-head .flex { display: block; }
    .product-head .side { width: 100%; }
    .product-head .contents { margin-top: 45px; width: 100%; }
    .product-head .thumbnail { width: 100%; }
    .product-head .badge { height: 40px; line-height: 36px; font-size: 16px; }
    .product-head .heading { font-size: 36px; }
    .product-head .text { margin-top: 14px; font-size: 18px; }
    .product-head .info .title { font-size: 20px; }
    .product-head .downloads { margin: 35px -5px -5px; }
    .product-head .downloads .button { margin: 5px; }
    .product-body .product-slider { margin-top: 34px; }
    .product-body .product-slider .swiper-slide { margin-right: 15px; }
    
}
@media screen and (max-width: 768px) {
    .product { padding-bottom: 120px; }
    .product .inner.w100 .section >div {padding: 50px 16px;}
	.product-body .sub-tit{margin-bottom: 20px;}
	.product-body .sub-tit h3{font-size: 24px;}
	.product-body .sub-tit p{margin-top: 15px;}

    .product-head { padding-bottom: 60px; }
    .product .section { padding-top: 60px; }
    .product .product-heading { font-size: 24px; }
    .product .product-heading ~ .table,
    .product .product-heading ~ .mobile-scroll { margin-top: 24px; }
    .product-head .badge { font-size: 14px; }
    .product-head .heading { font-size: 24px; }
    .product-head .text { font-size: 16px; }
    .product-head .info .list { margin: -8px; }
    .product-head .info .item { padding: 8px; }
    .product-head .info .title { font-size: 18px; }
    .product-head .downloads { flex-wrap: wrap; }
    .product-head .downloads .button { justify-content: space-between; width: 100%; }
    .product-body .product-slider { overflow: visible; }
    .product-body .product-slider .swiper-slide { flex: 1 0 auto; width: 43.33333%; }


    .product-body .section .prd-card-slider{overflow:inherit;}
	.product-body .section .prd-card-slider:before{content:''; width:50px; height:50px; background:url('../../images/sub/icon-hand.png') no-repeat rgba(0,0,0,0.5) center center / 28px; position:absolute; left:50%; top:50%; margin-top: -25px; margin-left: -25px; border-radius:50%; z-index:2; transition:all ease .35s;}
	.product-body .section .prd-card-slider.hand-remove:before{opacity:0; visibility:hidden;}

	.prd-card-slider .swiper-button-next,
    .prd-card-slider .swiper-button-prev{display:none;}



    
.product-body .flex-cont{flex-direction:column;}
.product-body .flex-cont .left-cont{width: 100%;}
.product-body .flex-cont .left-cont .sub-tit{margin-bottom: 10px;}
.product-body .flex-cont .left-cont .sub-tit p{margin-top: 0;}
.product-body .flex-cont .right-cont{padding-left: 0; width: 100%; margin-top: 30px; flex-direction:column; gap:0;}
.product .desc-list .acc-btn{padding:7px 0; font-size: 16px;}
.product .desc-list .acc-cont{font-size: 14px; padding-bottom: 10px;}
.product-body .inquiry-form{    padding: 40px 0 80px; margin-top: 50px;}
.product-body .inquiry-form .flex-cont .right-cont{margin-top: 0;}
.product-body .inquiry-form .flex-cont .left-cont .sub-tit{margin-bottom: 0;}

/* .product-body .flex-cont .left-cont .btn-wr{max-width:100%; margin-top:10px;}
.product-body .flex-cont .left-cont .btn-wr .btn{padding:10px; font-size: 16px;} */
.product-body .flex-cont .right-cont .img{width: 100%;}
.product-body .dot-list{width: 100%;}
.product-body .dot-list > li{font-size: 15px; padding-left: 12px;}
.product-body .dot-list > li:before{top:9px; width: 4px; height: 4px;}

}
@media screen and (max-width: 500px) {
    .product .inner.w100 .section >div {padding: 30px 16px;}
    .product-head .info .list { flex-direction: column; }
    .product-body .product-slider .swiper-slide { flex: 1 0 auto; width: 82%; }
}



/* SCM/Over */
.product .scm_overseas .sub_btn_box .btn {
    min-width: 200px;
    height: 65px;
    line-height: 63px;
    display: inline-flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 500;
    transition: all .3s;
    padding: 0 40px;
    position: relative;
    color: #000;
}
.product .scm_overseas .process_sect { background-color: #1947ba}
.product .scm_overseas .process_sect .inner .processWrap{display: flex}
.product .scm_overseas .process_sect .cont_tit_box {color: #fff; width: 55%}
.product .scm_overseas .process_sect .cont_tit_box .sub_head {font-size: 28px; font-weight: 700px; margin-bottom: 20px}
.product .scm_overseas .process_sect .cont_tit_box .tit {font-size:36px; font-weight: 700; }
.product .scm_overseas .process_sect .cont_tit_box .txt {font-size:18px; font-weight: 400; margin-top: 15px; line-height: 1.7}
.product .scm_overseas .process_sect .cont_tit_box .sub_btn_box {justify-content: flex-start; margin-top: 60px}
.product .scm_overseas .process_sect .cont_tit_box .sub_btn_box .btn {color: #fff; border: 1px solid #fff}
.product .scm_overseas .process_sect .cir_cont {width: 45%; height: 580px; position: relative; margin-top: 80px}
.product .scm_overseas .process_sect .cir_cont .cir {background-color: #fff;  border-radius: 50%; position: absolute;color: #1947ba; transform: scale(0); transition: 0.5s}
.product .scm_overseas .process_sect .cir_cont .cir .cont {padding-top: 100%; }
.product .scm_overseas .process_sect .cir_cont .cir .cont .text {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; width: 100%; padding: 0 10px; line-height: 1.3; }
.product .scm_overseas .process_sect .cir_cont .cir .cont .text p {font-size: 28px; font-weight: 700; width: 100%; }
.product .scm_overseas .process_sect .cir_cont .cir .cont .text span {font-size: 18px; display: inline-block; margin-top: 5px}

.product .scm_overseas .process_sect .cir_cont .cir.animated {background-color: #000;color: #fff}
.product .scm_overseas .process_sect .cir_cont .cir.animated .cont .text span {opacity: 0.8}

.product .scm_overseas .process_sect .cir_cont .cir.num0 {width: 32%; left: 42%; top: 5%; }
.product .scm_overseas .process_sect .cir_cont .cir.num2 {width: 42%; left: 27%;  bottom: 0; transition-delay: 0.2s}
.product .scm_overseas .process_sect .cir_cont .cir.num3 {width: 30%; left: 5%; top: 20%; transition-delay: 0.4s}
.product .scm_overseas .process_sect .cir_cont .cir.num4 {width: 24%; right: 0; top: 35%; transition-delay: 0.6s}
.product .scm_overseas .process_sect .cir_cont .cir.num5 {width: 20%; right: 5%; bottom: 0; transition-delay: 0.8s}
.product .scm_overseas .process_sect .cir_cont .cir.num6 {width: 24%; left: 0%; bottom: 18%; transition-delay: 1.0s}

.product .scm_overseas .process_sect .cir_cont .cir.num6 .cont .text p,
.product .scm_overseas .process_sect .cir_cont .cir.num5 .cont .text p {font-size:20px; }

.product .scm_overseas .process_sect .cir_cont.animated .cir {transform: scale(1)}


@media screen and (max-width:1200px) {
    .product .scm_overseas .sub_btn_box .btn {
        height: 55px;
        line-height: 53px;
        font-size: 16px;
    }
    .product .scm_overseas .process_sect .tit br {display: none}
    .product .scm_overseas .process_sect .inner .processWrap {flex-wrap: wrap}
    .product .scm_overseas .process_sect .cont_tit_box {width: 100%}
    .product .scm_overseas .process_sect .cont_tit_box .tit {font-size:34px;}
    .product .scm_overseas .process_sect .cont_tit_box .txt {font-size:18px; }
    .product .scm_overseas .process_sect .cir_cont {width: 550px; padding-top: 520px; margin-top: 0px; margin-left: auto}

    .product .scm_overseas .process_sect .cir_cont .cir .cont .text p {font-size: 22px;}

    .product .scm_overseas .process_sect .cir_cont .cir.animated {width: 160px; left: 42%; top: 5%; }
    .product .scm_overseas .process_sect .cir_cont .cir.num2 {width: 240px; left: 27%;  bottom: 0; transition-delay: 0.2s}
    .product .scm_overseas .process_sect .cir_cont .cir.num3 {width: 180px; left: 5%; top: 20%; transition-delay: 0.4s}
    .product .scm_overseas .process_sect .cir_cont .cir.num4 {width: 160px; right: 0; top: 35%; transition-delay: 0.6s}
    .product .scm_overseas .process_sect .cir_cont .cir.num5 {width: 120px; right: 5%; bottom: 0; transition-delay: 0.8s}
    .product .scm_overseas .process_sect .cir_cont .cir.num6 {width: 130px; left: 0%; bottom: 20%; transition-delay: 1.0s}
}

@media screen and (max-width:768px) {
    .product .scm_overseas .sub_btn_box .btn {
        padding: 0 25px;
        height: 45px;
        line-height: 43px;
        font-size: 14px;
        min-width: 150px;
    }
    .product .scm_overseas .process_sect .cont_tit_box .tit {font-size:24px;}
    .product .scm_overseas .process_sect .cont_tit_box .txt {font-size:14px; }

    .product .scm_overseas .process_sect .cir_cont .cir .cont .text p {font-size: 18px;}


    .product .scm_overseas .process_sect .cont_tit_box .sub_btn_box {margin-top: 30px}
    .product .scm_overseas .process_sect .cir_cont .cir .cont .text span {font-size: 13px}

    .product .scm_overseas .process_sect { padding: 80px 0 60px; }
    .product .scm_overseas .process_sect .cir_cont {max-width: 100%;  width: 100%; padding-top: 80%}
    .product .scm_overseas .process_sect .cir_cont .cir.animated {width: max(24vw,120px);left: auto;top: 2%; right: 16%}
    .product .scm_overseas .process_sect .cir_cont .cir.num2 {width: max(30vw,100px);left:auto; right: 20%;bottom: 20%;}
    .product .scm_overseas .process_sect .cir_cont .cir.num3 {width: 22vw;left: auto;top: 20%; right: 43%}
    .product .scm_overseas .process_sect .cir_cont .cir.num4 {width: 20vw;right: 0;top: 34%;}
    .product .scm_overseas .process_sect .cir_cont .cir.num5 {width: 16vw;right: 2%;bottom: 12%;}
    .product .scm_overseas .process_sect .cir_cont .cir.num6 {width: 20vw;left: auto; right: 50%;bottom: 2%;}

}

@media(max-width:600px){

    .product .scm_overseas .process_sect .cir_cont {padding-top: 476px; margin-top: 20px}
    .product .scm_overseas .process_sect .cir_cont .cir.cir.animated {width: 130px;left: auto;top: 2%; right: 30px}
    .product .scm_overseas .process_sect .cir_cont .cir.num2 {width:150px;left:auto; right:105px;bottom: 150px;}
    .product .scm_overseas .process_sect .cir_cont .cir.num3 {width:120px;left: auto;top: 100px; right:170px}
    .product .scm_overseas .process_sect .cir_cont .cir.num4 {width:110px;right: 0;top: 35%;}
    .product .scm_overseas .process_sect .cir_cont .cir.num5 {width:90px;right: 2%;bottom: 12%;}
    .product .scm_overseas .process_sect .cir_cont .cir.num6 {width:120px;left: auto; right:160px;bottom: 3%;}
    .product .scm_overseas .process_sect .cir_cont .cir .cont .text p {font-size: 18px}
    .product .scm_overseas .process_sect .cir_cont .cir.num6 .cont .text p, .product .scm_overseas .process_sect .cir_cont .cir.num5 .cont .text p {font-size: 15px}


}

 /* ----------- 시공실적 :: 주요고객사 ----------- */

 .client-con .topBox {
    display: flex;
    gap: 2%;
    margin-bottom: 40px;
}

.client-con .topBox .imgBox {
    position: relative;
    flex: none;
}

.client-con .topBox .imgBox .ab {
    top: 0;
    left: 0;
}

.client-con .topBox>div {
    width: 100%;
    background: #f5f5f6;
    display: flex;
    align-items: center;
    padding: 2.6% 5%;
    position: relative;
    overflow: hidden;
}

.client-con .topBox .textBox {
    width: 100%;
    position: relative;
    z-index: 1;
}

.client-con .topBox .textBox span {
    font-size: 20px;
    display: block;
    margin-bottom: 20px;
}

.client-con .topBox .textBox strong {
    font-size: 80px;
    font-weight: 800;
    line-height: 1;
}

.client-con .leftBox .imgBox {
    width: 155px;
    position: relative;
    z-index: 1;
}

.client-con .leftBox .imgBox .img01 {
    position: relative;
    z-index: 1;
}

.client-con .leftBox .imgBox.aos-animate .img02 {
    opacity: 0;
    animation: clientLeftBox_img 2s .5s linear both infinite alternate;
    z-index: 1;
}

.client-con .leftBox .imgBox.aos-animate .img03 {
    opacity: 0;
    animation: clientLeftBox_img 2s 1s ease both infinite alternate;
}

@keyframes clientLeftBox_img {
    10% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

.client-con .leftBox .bg01 {
    top: 8%;
    left: 0;
    width: 114px;
    height: 18px;
    /* background-image: url(); */
    background-position: 0px 0px;
    transform-origin: center;
    background-size: contain;
    animation: waveMove 20s linear infinite;
}

.client-con .leftBox .bg02 {
    top: -13%;
    right: 5%;
}

.client-con .leftBox .bg02 img {
    animation: rotategMove 30s linear both infinite;
}

.client-con .leftBox .bg03 {
    bottom: -3%;
    right: 8%;
}

.client-con .leftBox .bg03 img {
    animation: upMove_5 3s linear both infinite alternate;
}

.client-con .rightBox .imgBox {
    width: 185px;
    position: relative;
    z-index: 1;
}

.client-con .rightBox .imgBox .img02 {
    animation: clientRightBox_img 2s linear both infinite alternate;
}

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

    100% {
        opacity: 1;
    }
}

.client-con .rightBox .bg01 {
    top: -28%;
    left: -15%;
}

.client-con .rightBox .bg02 {
    top: -6%;
    right: 20%;
}

.client-con .rightBox .bg02 img {
    animation: upMove_6 3s linear both infinite alternate;
}

.client-con .rightBox .bg03 {
    bottom: -36%;
    right: -9%;
}

.client-con .rightBox .bg03 img {
    animation: scaleMove4 5s ease infinite alternate;
}

.client-con .client_board {
    text-align: center;
}

.client-con .client_board ul {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #000;
    border-bottom: 1px solid #dedede;
    margin-bottom: 30px;
}

.client-con .client_board li {
    width: calc(100% / 6);
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2%;
    box-sizing: border-box;
    position: relative;
    transition: .5s ease;
}

.client-con .client_board li:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #dedede;
    position: absolute;
    bottom: -1px;
    left: 0;
}

.client-con .client_board li:after {
    content: "";
    display: block;
    height: 30%;
    width: 1px;
    background: #dedede;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.client-con .client_board li:nth-child(6n):after {
    display: none;
}

.client-con .client_board li a{
    display: block;
}

@media all and (max-width:1024px) {
     /* 주요고객사 */
     .client-con .topBox>div {
        padding: 3.5% 5%;
    }

    .client-con .topBox .textBox span {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .client-con .topBox .textBox strong {
        font-size: 62px;
    }

    .client-con .leftBox .imgBox {
        width: 120px;
    }

    .client-con .leftBox .bg01 {
        width: 83px;
        height: 14px;
    }

    .client-con .leftBox .bg02 {
        width: 110px;
    }

    .client-con .leftBox .bg03 {
        width: 24px;
    }

    .client-con .rightBox .imgBox {
        width: 125px;
    }

    .client-con .rightBox .bg01 {
        width: 165px;
    }

    .client-con .rightBox .bg02 {
        width: 28px;
    }

    .client-con .rightBox .bg03 {
        width: 175px;
    }
}

@media all and (max-width:960px) {
     /* 고객지원 */
     .client-con .topBox {
        flex-wrap: wrap;
        gap: 20px;
    }

    .client-con .rightBox .imgBox {
        width: 109px;
    }
}


@media all and (max-width:768px) {
     /* 주요고객사 */
     .client-con .topBox .textBox span {
        font-size: 16px;
    }

    .client-con .topBox .textBox strong {
        font-size: 52px;
    }

    .client-con .leftBox .imgBox {
        width: 100px;
    }

    .client-con .leftBox .bg01 {
        top: 11%;
    }

    .client-con .leftBox .bg02 {
        top: -33%;
    }

    .client-con .leftBox .bg03 {
        bottom: -9%;
    }

    .client-con .rightBox .imgBox {
        width: 91px;
    }

    .client-con .rightBox .bg01 {
        top: -48%;
    }

    .client-con .rightBox .bg03 {
        bottom: -70%;
    }

    .client-con .client_board li {
        width: calc(100% / 4);
        height: 70px;
    }

    .client-con .client_board li:nth-child(6n):after {
        display: block;
    }

    .client-con .client_board li:nth-child(4n):after {
        display: none;
    }


}


@media all and (max-width:512px) {
     /* 주요고객사 */
     .client-con .topBox>div {
        padding: 6%;
    }

    .client-con .topBox .textBox span {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .client-con .topBox .textBox strong {
        font-size: 44px;
    }

    .client-con .leftBox .imgBox {
        width: 84px;
    }

    .client-con .rightBox .imgBox {
        width: 76px;
    }

    .client-con .client_board li {
        width: calc(100% / 3);
        padding: 6% 3%;
        height: auto;
        border-top: none
    }

    .client-con .client_board li:nth-child(4n):after {
        display: block;
    }

    .client-con .client_board li:nth-child(3n):after {
        display: none;
    }
}