:root {
    --history-padding: 85px;
    --history-year-group-width: 450px;
    --history-year-width: 90px;
}

@media all and (max-width: 800px) {
    :root {
        --history-year-group-width: auto;
        --history-padding: 60px;
    }
}

 
 
 /* ******************  01. Company ********************** */
 
 /* ----------- Company :: CEO인사말 ----------- */
.sub-con-tit b {color: var(--mainColor);}
.ceo-con {position: relative;  overflow: hidden; display: flex; gap: 60px;}
.ceo-con .ceo-txtWrap{width: 60%;}
.ceo-con .ceo-txt-box { margin-bottom: 35px;}
.ceo-con .ceo-txt-box:last-of-type {margin-bottom: 0;}
.ceo-con .ceo-txt-box 	.txt01 {font-size: 24px; font-weight: 700; letter-spacing: -0.050em; color: #000000; line-height: 1.375;}
.ceo-con .ceo-txt-box .txt01 b {color: var(--mainColor);}
.ceo-con .ceo-txt-box .txt02 {font-size: 18px; font-weight: 500; letter-spacing: -0.050em; color: #000; line-height: 1.55; padding-top: 10px;}
.ceo-con .ceo-img {width: 40%; }
.ceo-con .ceo-img img {max-width: 100%;}
.ceo_network .img{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}


@media all and (max-width:1280px){
}
@media all and (max-width:800px){
	.ceo-con {padding-bottom: 30px; flex-direction: column-reverse; gap: 0;}
    .ceo-con .ceo-txtWrap{width: 100%;}
	.ceo-con .ceo-txt-box { margin-top: 25px; margin-bottom: 25px;}
    .ceo-con .ceo-img {width: 70%; }

}

@media all and (max-width:480px){
    .ceo-con .ceo-img {width: 100%; }

    .ceo-con .ceo-txt-box .txt01{font-size: 20px;}
    .ceo-con .ceo-txt-box .txt02{font-size: 16px;}
}



/*  ****************** 회사소개 :: BEST 연혁 01 ********************** */
/* History 01 :: Layout */
.history-wrapper {
    position: relative;
    padding-top: 15px;
}

.history-wrapper .history-year-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-bottom: 160px;
}

.history-wrapper .history-year-item:last-child {
    padding-bottom: 0
}

.history-wrapper .history-year-item .history-info-box {
    display: flex;
    width: 50%;
}

.history-wrapper .history-year-item.history-left .history-info-box {
    justify-content: flex-end;
}

.history-wrapper .history-year-item .history-back-line {
    position: absolute;
    top: 20px;
    height: 110%;
    width: 2px;
    left: calc(50% - 1px);
    background-color: #f1f1f1;
}

.history-wrapper .history-year-item .history-back-line .line-inner {
    display: block;
    width: 100%;
    height: 0;
    background-color: var(--mainColor);
}

.history-wrapper .history-year-item .history-year-tit {
    position: relative;
    font-size: 65px;
    font-weight: 700;
    letter-spacing: -0.05em;
    color: #000;
}

/* .history-wrapper .history-year-item .history-year-tit:after{position:absolute; top:50%; width:calc(var(--history-padding) - 10px); height:1px; background-color:#ddd; content:"";} */
.history-wrapper .history-year-item .history-year-tit .dot {
    position: absolute;
    top: 40%;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    transform: translate(0%, -50%);
    border: 3px solid #d2d2d2;
    z-index: 1;
}

.history-wrapper .history-year-item .history-year-tit .dot::before {
    position: absolute;
    content: "";
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background-color: rgba(15, 118, 187, 0.1);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.history-wrapper .history-year-item .history-year-tit .dot::after {
    position: absolute;
    content: "";
    width: 51px;
    height: 51px;
    border-radius: 50%;
    background-color: rgba(15, 118, 187, 0.15);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

/* History 01 :: Month */
.history-wrapper .history-month-box .history-month-item {
    position: relative;
    display: flex;
    line-height: 1.4;
    margin-bottom: 12px;
}

/* .history-wrapper .history-month-box .history-month-item:before{position:absolute; top:8px; width:9px; height:9px; box-sizing:border-box; border:2px solid #e1e1e1; background-color:#fff; border-radius:50%; content:"";  } */
.history-wrapper .history-month-box .history-month-item .history-month {
    width: 50px;
    display: block;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -0.05em;
    color: #000;
}

.history-wrapper .history-month-box .history-month-item .history-detail-txt-con {
    width: 100%;
    margin-bottom: 22px;
}

.history-wrapper .history-month-box .history-month-item .history-month + .history-detail-txt-con {
    width: calc(100% - 50px);
}

.history-wrapper .history-month-box .history-month-item .history-detail-txt {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 2em;
    letter-spacing: -0.05em;
    word-break: keep-all;
    padding-right: 45px;
}

.history-wrapper .history-month-box .history-month-item .history-detail-txt b {
	color: var(--mainColor);
	margin-right: 10px;
}

.history-wrapper .history-right .history-month-box .history-month-item .history-detail-txt {
    padding: 0 0 0 45px;
}

.history-wrapper .history-month-box .history-month-item .history-detail-txt:last-of-type {
    margin-bottom: 0
}

.history-wrapper .history-month-box .history-month-item .history-detail-txt.only-txt {
    position: relative;
}

.history-wrapper .history-month-box .history-month-item .history-detail-txt.only-txt:before {
    position: absolute;
    top: 0;
    content: "-";
}

/* History :: active */
.history-wrapper .history-year-item .history-year-tit, .history-wrapper .history-year-item .history-year-tit:after, .history-wrapper .history-year-item .history-year-tit .dot, .history-wrapper .history-month-box .history-month-item, .history-wrapper .history-month-box .history-month-item:before, .history-wrapper .history-month-box .history-month-item .history-month {
    transition: all 0.5s ease-in-out;
    transition-property: color, background-color, border-color
}

.history-wrapper .history-year-item.active .history-year-tit:after {
    background-color: var(--mainColor);
}

.history-wrapper .history-year-item.active .history-year-tit .dot {
    border-color: var(--mainColor);
}

.history-wrapper .history-year-item.active .history-year-tit .dot::before, .history-wrapper .history-year-item.active .history-year-tit .dot::after {
    opacity: 1;
    pointer-events: auto;
}

/* History :: 이미지 */
.history-wrapper .history-img-box {
    width: calc(50% - var(--history-padding));
    margin-top: 80px;
}

.history-wrapper .history-img-box span {
    display: inline-block;
}

.history-wrapper .history-img-box span img {
    max-width: 100%;
}

@media all and (min-width: 801px) {
    /* 우측내용 */ .history-wrapper .history-right {
        flex-direction:row-reverse;
    }

    .history-wrapper .history-right .history-year-tit:not(.reverse) {
        padding-left: var(--history-padding);
    }

    .history-wrapper .history-right .history-year-tit:not(.reverse):after {
        left: 0;
    }

    .history-wrapper .history-right .history-year-tit:not(.reverse) .dot {
        left: 0;
        transform: translate(-50%,-50%)
    }

    .history-wrapper .history-right .history-month-box .history-month-item {
        padding-left: var(--history-padding)
    }

    .history-wrapper .history-right .history-month-box .history-month-item:before {
        left: 0px;
        transform: translate(-50%, 0)
    }

    .history-wrapper .history-right .history-month-box .history-month-item .history-detail-txt.only-txt {
        padding-left: 1em;
    }

    .history-wrapper .history-right .history-month-box .history-month-item .history-detail-txt.only-txt:before {
        left: 0;
    }

    .history-wrapper .history-right .history-img-box {
        text-align: right;
    }

    /* 좌측내용 */
    .history-wrapper .history-left {
        text-align: right;
    }

    .history-wrapper .history-left .history-year-tit:not(.reverse) {
        padding-right: var(--history-padding);
    }

    .history-wrapper .history-left .history-year-tit:not(.reverse):after {
        right: 0;
    }

    .history-wrapper .history-left .history-year-tit:not(.reverse) .dot {
        right: 0;
        transform: translate(50%,-50%)
    }

    .history-wrapper .history-left .history-month-box .history-month-item {
        flex-direction: row-reverse;
        padding-right: var(--history-padding)
    }

    /* .history-wrapper .history-left .history-month-box .history-month-item:before{right:0px; transform:translate(50%, 0)} */
    .history-wrapper .history-left .history-month-box .history-month-item .history-detail-txt.only-txt {
        padding-right: 1em;
    }

    .history-wrapper .history-left .history-month-box .history-month-item .history-detail-txt.only-txt:before {
        right: 0;
    }

    .history-wrapper .history-left .history-img-box {
        text-align: left;
    }

    /* 연도 타이틀이 내용 반대편에 있을때 (reverse) */
    .history-wrapper .history-year-item .history-year-tit.reverse {
        position: absolute;
        top: -5px;
    }

    .history-wrapper .history-right .history-year-tit.reverse {
        right: 50%;
        padding-right: var(--history-padding);
    }

    .history-wrapper .history-right .history-year-tit.reverse:after {
        right: 0
    }

    .history-wrapper .history-right .history-year-tit.reverse .dot {
        left: 100%;
        transform: translate(-50%,-50%)
    }

    .history-wrapper .history-left .history-year-tit.reverse {
        left: 50%;
        padding-left: var(--history-padding);
    }

    .history-wrapper .history-left .history-year-tit.reverse:after {
        left: 0
    }

    .history-wrapper .history-left .history-year-tit.reverse .dot {
        right: 100%;
        transform: translate(50%,-50%)
    }
}

@media all and (max-width: 800px) {
    /* History 01 :: Layout */ .history-wrapper .history-year-item {
        padding-bottom: 80px;
    }

    .history-wrapper .history-year-item .history-info-box {
        width: 100%;
        display: block;
    }

    .history-wrapper .history-year-item.history-left .history-info-box {
        justify-content: initial;
    }

    .history-wrapper .history-year-item .history-back-line {
        left: 10px
    }

    .history-wrapper .history-year-item .history-year-tit {
        padding-left: var(--history-padding);
        padding-bottom: 30px;
        font-size: 40px;
    }

    .history-wrapper .history-year-item .history-year-tit:after {
        display: none;
    }

    .history-wrapper .history-year-item .history-year-tit .dot {
        left: 4px;
    }

    .history-wrapper .history-year-item .history-back-line {
        top: 35px;
        height: 100%;
    }

    /* History 01 :: Month */
    .history-wrapper .history-month-box .history-month-item .history-detail-txt {
        padding-left: 40px;
    }

    .history-wrapper .history-month-box .history-month-item {
        padding-left: 60px;
    }

    .history-wrapper .history-month-box .history-month-item:before {
        left: 1px;
        transform: translateX(50%)
    }

    /* History :: 이미지 */
    .history-img-box {
        position: static;
        width: auto;
        margin: 50px 0 0 var(--history-padding)
    }
}

@media all and (max-width: 480px) {
    .history-wrapper .history-month-box .history-month-item {
        flex-direction: column;
    }

    .history-wrapper .history-month-box .history-month-item .history-month {
        width: 100%;
    }

    .history-wrapper .history-month-box .history-month-item .history-month + .history-detail-txt-con {
        width: 100%;
    }

    .history-wrapper .history-month-box .history-month-item .history-detail-txt {
        padding: 0 !important;
    }
}


#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; }
}

 /* ----------- 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;
}

@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 .textBox a {
		font-size: 13px;
	}

	.org-con .groupBox .groupList .textBox a span {
		padding: 0px;
	}
  
    .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%;
    }

}


 /* ----------- Company :: 오시는길 ----------- */
.location-map-box{position: relative; height:0; padding-top:32.53%; margin-bottom:52px; }
.location-map-box iframe{position: absolute; top:0; left:0; width:100%; height:100%; }
.location-map-box > .map{position: absolute; top:0; left:0; width:100%; height:100%; }
.location-map-box .root_daum_roughmap{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.location-map-box .root_daum_roughmap .wrap_map{height:100%}
.location-info-box .tit-box .left-box{float:left;}
.location-info-box .tit-box .left-box .tit{display: inline-block; font-size:36px; line-height:1.38; letter-spacing:-0.075em; color:#333; margin-right:8px;}
.location-info-box .tit-box .left-box .sub-tit{font-size:18px; line-height:2.77; letter-spacing:-0.025em; color:#c4c4c4; }
.location-info-box .tit-box .right-box{float:right; display: flex;}
.location-info-box .tit-box .right-box a{display: flex; justify-content:space-between; align-items:center; width:156px; height:50px; line-height:50px; padding:0 19px; margin-left:9px; box-sizing:border-box;}
.location-info-box .tit-box .right-box a i{font-size:16px;}
.location-info-box .tit-box .right-box a span{font-size:15px;}
.location-info-box .tit-box .right-box a.naver-link{background:#20c003; color:#fff;}
.location-info-box .tit-box .right-box a.kakao-link{border:1px solid rgba(203,203,203,0.4); color:#333;}
.location-info-box .info-box{border-top:1px solid rgba(79,79,79,0.2); padding-top:30px; margin-top:20px;}
.location-info-box .info-box .txt{position: relative; font-size:16px; line-height:1.5; letter-spacing:-0.065em; color:#666; padding-left:30px; margin-bottom:20px;}
.location-info-box .info-box .txt:last-child{margin-bottom:0;}
.location-info-box .info-box .txt:before{position: absolute; font-family:'xeicon'; font-size:16px; color:#666; opacity:0.5; left:0; top:-1px;}
.location-info-box .info-box .location-txt:before{content:'\eb58';}
.location-info-box .info-box .tel-txt:before{content:'\e9d3';}
.location-info-box .info-box .fax-txt:before{content:'\e9bc';}

@media all and (max-width:800px){
	.location-map-box{padding-top:250px; margin-bottom:30px; }
	.location-info-box .tit-box .left-box{float:none; margin-bottom:20px;}
	.location-info-box .tit-box .right-box{float:none; width:100%; justify-content:space-between;}
	.location-info-box .tit-box .right-box a{width:48%; margin:0;}
	.location-info-box .info-box{padding-top:20px;}
}


@media all and (max-width:480px){
	.location-info-box .tit-box .left-box{margin-bottom:10px;}
	.location-info-box .tit-box .left-box .tit{font-size:25px;}
	.location-info-box .tit-box .left-box .sub-tit{display: block; font-size:16px;}
	.location-info-box .tit-box .right-box a{height:45px; line-height:45px;}
}





 /* ******************  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 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:1280px) {
	 .business-top-con {
	 	padding-top: 0px;
	}
}
@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;
}

#scm_overseas .dot {
    display: inline-block;
    border: 3px solid #ddd;
    background: #fff;
    border-radius: 50%;
    width: 11px;
    height: 11px;
}
#scm_overseas .dot.orange{border-color:#fc8817}
#scm_overseas .dot.blue{border-color:#5cb3e6}
#scm_overseas .dot.navy{border-color:#003766} 
#scm_overseas .map-wr{  width: 100%; overflow-x: auto;}
#scm_overseas .scm_overseas-map{position:relative; width:1295px; margin:0 auto; } 
#scm_overseas .dot-explain{display:flex; justify-content:center; align-items:center; }
#scm_overseas .dot-explain li{display:flex; justify-content:center; align-items:center; margin:0 20px; font-weight:700;font-size: 24px;}
#scm_overseas .dot-explain li .dot{margin-right: 10px;}
#scm_overseas .scm_overseas-map .dot{position:absolute; left:50%; top:50%; z-index:2; background: #000; border:0; width:7px; height:7px;} 
#scm_overseas .scm_overseas-map .dot.KOREA{left: 36.7%;top: 42%;}
#scm_overseas .scm_overseas-map .dot.CHINA{left:34.5%; top:42.5%;}  
#scm_overseas .scm_overseas-map .dot.VIETNAM{left:33%; top:48%;}   
#scm_overseas .scm_overseas-map .dot.INDONESIA{left:32%; top:68%;}    
#scm_overseas .scm_overseas-map .dot.INDIA{left:24%; top:49%;}   
#scm_overseas .scm_overseas-map .dot.MYANMAR{left:29%; top:52%;}      
#scm_overseas .scm_overseas-map .dot.KOREA .country{ bottom:13px; left:-2px;}
#scm_overseas .scm_overseas-map .dot.CHINA .country{ top:13px; left:-2px;}
#scm_overseas .scm_overseas-map .dot.VIETNAM .country{ bottom:13px; right:-2px; } 
#scm_overseas .scm_overseas-map .dot.INDIA .country{ bottom:13px; right:-2px;}   
#scm_overseas .scm_overseas-map .dot.MYANMAR .country{ top:13px; right:-2px;}     
#scm_overseas .scm_overseas-map .dot.INDONESIA .country{top:-2px; left:13px;} 
#scm_overseas .scm_overseas-map .country{ min-width:90px; position:absolute;  background: #fff;  padding:8px 10px;   font-size: 13px; border:1px solid #000; white-space: nowrap; text-align:left; font-weight: 300; line-height: 1.4; letter-spacing:0 ; border-radius:4px;}
#scm_overseas .scm_overseas-map .country::before{content:''; width:1px; height:8px; background:#003766; position:absolute; left:4px; top:-8px;} 
#scm_overseas .scm_overseas-map .country p{display:flex; align-items:center;font-weight: 500;  }
#scm_overseas .scm_overseas-map .country p::before{content:'';    border: 3px solid #ddd;   background: #fff;   border-radius: 50%;   width: 5px;   height: 5px;     margin-right:4px; }
#scm_overseas .scm_overseas-map .country p.orange::before{border-color:#fc8817}
#scm_overseas .scm_overseas-map .country p.blue::before{border-color:#5cb3e6}
#scm_overseas .scm_overseas-map .country p.navy::before{border-color:#003766} 
#scm_overseas .scm_overseas-map .country p.orange{color:#fc8817}
#scm_overseas .scm_overseas-map .country p.blue{color:#5cb3e6}
#scm_overseas .scm_overseas-map .country p.navy{color:#003766}
#scm_overseas .scm_overseas-map .KOREA .country::before{ bottom:-8px; top:auto; }
#scm_overseas .scm_overseas-map .VIETNAM .country::before{ bottom:-8px; top:auto; left:auto; right:4px;}
#scm_overseas .scm_overseas-map .INDIA .country::before{  bottom:-8px; top:auto;  left:auto; right:4px;}
#scm_overseas .scm_overseas-map .MYANMAR .country::before{  top:-8px;    left:auto; right:4px;}
#scm_overseas .scm_overseas-map .INDONESIA .country::before{width:8px; height:1px;left:-8px; top:4px;}
#scm_overseas .scm_overseas-map .SEMARANG .country::before{  top:-8px;  }
#scm_overseas .scm_overseas-map .HANOI .country::before{ width:8px; height:1px; left:-8px; top:4px; }
#scm_overseas .scm_overseas-map .country strong{ vertical-align:baseline; font-weight: 600; display:block; color: #000; margin-bottom: 5px;} 
#scm_overseas .scm_overseas-map .country span{vertical-align:baseline; color:#5cb3e6;} 



.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(--color-main); 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-family: var(--font-montserrat); 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;}


@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) {
    /* global */
	#scm_overseas{margin:60px 0;}
	#scm_overseas .scm_overseas-map{width:100%; padding:100px 0;}
	#scm_overseas .scm_overseas-map .dot.KOREA{top:45%;}
	#scm_overseas .scm_overseas-map .dot.INDIA .country{right:10px; bottom:0;}
	#scm_overseas .scm_overseas-map .INDIA .country::before{ width: 10px;   height: 1px;right: -10px;   bottom: 2px;}
	#scm_overseas .scm_overseas-map .dot.VIETNAM .country{bottom:70px;}
	#scm_overseas .scm_overseas-map .VIETNAM .country::before{height:70px; bottom:-70px;} 
	#scm_overseas .scm_overseas-map .dot.CHINA .country{top:33px;}
	#scm_overseas .scm_overseas-map .dot.CHINA .country::before{height:33px; top:-33px;}
	#scm_overseas .scm_overseas-map .dot.INDONESIA{top:58%;}
	#scm_overseas .scm_overseas-map .dot.INDONESIA .country{top:50px; left:-2px;}
	#scm_overseas .scm_overseas-map .INDONESIA .country::before{width:1px; height:50px; left: 4px; top: -50px;}
	#scm_overseas .dot-explain{flex-wrap: wrap; gap: 10px 0;}
	#scm_overseas .dot-explain li{font-size: 14px; margin:0 10px;} 
}

@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-3 .business-type-box{width: 100%;}
    .business-type-con.business-type-4 .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 ----------- */

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



 /* ******************  03. Product ********************** */

 .product-con .btnBox {display: flex; align-items: center; justify-content: center; gap: calc(10/24*1em); font-size: 24px; margin-bottom: calc(130/24*1em); padding-top: 60px; }
.product-con .btnBox .align50per {width: 50%; display: flex;}
.product-con .btnBox .align50per:first-child {justify-content: flex-end;}
.product-con .btnBox .align50per:last-child {justify-content: flex-start;}
.product-con .btnBox a {box-sizing: border-box; display: flex; align-items: center; gap: calc(30/24*1em); padding: calc(12/24*1em) calc(40/24*1em); border: 2px solid var(--mainColor); border-radius: calc(30/24*1em); font-weight: 700; letter-spacing: -0.03em; color: #000; transition: .4s;}
.product-con .btnBox a span {display: inline-block;}
.product-con .btnBox a i {font-size: calc(30/24*1em); letter-spacing: -0.03em; color: var(--mainColor); transition: .6s;}
.product-con .btnBox a:hover {background: var(--mainColor); color: #fff;}
.product-con .btnBox a:hover i {color: #fff;}
@media (max-width: 1600px) {
    .product-con .btnBox {font-size: clamp(22px, 24/1600*100vw, 24px);}
}
@media (max-width: 1440px) {
    .product-con .btnBox {font-size: clamp(20px, 22/1440*100vw, 22px);}
}
@media (max-width: 1280px) {
    .product-con .btnBox {font-size: clamp(18px, 20/1280*100vw, 20px);}
}
@media (max-width: 1024px) {
    .product-con .btnBox {font-size: clamp(16px, 18/1024*100vw, 18px); padding-top: 40px;}
    .product-con .btnBox a {gap: calc(20/18*1em); padding: calc(10/18*1em) calc(30/18*1em);}
}
@media (max-width: 820px) {
    .product-con .btnBox {flex-direction: column; gap: calc(15/16*1em); font-size: clamp(15px, 16/820*100vw, 16px); margin-bottom: calc(100/16*1em);}
    .product-con .btnBox .align50per {width: 100%;}
    .product-con .btnBox .align50per:first-child {justify-content: center;}
    .product-con .btnBox .align50per:last-child {justify-content: center;}
    .product-con .btnBox a {width: 100%; text-align: center; justify-content: center; gap: calc(5/16*1em); padding: calc(8/16*1em) calc(25/16*1em);}
    .product-con .btnBox a i {font-size: calc(16/16*1em);}
}
@media (max-width: 500px) {
    .product-con .btnBox {font-size: clamp(14px, 15/500*100vw, 15px); gap: calc(10/15*1em);}
}
@media (max-width: 360px) {
    .product-con .btnBox {font-size: clamp(13px, 14/360*100vw, 14px);}
}

 /* 상단 제품 정보 */
 .product-con .product-con-txt {font-size: 30px; font-weight: 500; letter-spacing: -0.050em; line-height: 1.33; color: #000; padding-bottom: 50px; text-align: center;}
.product-con .product-con-sub-tit {position: relative; font-size: 18px; font-weight: 700; letter-spacing: -0.050em; color: #000; line-height: 1.375; text-align: center;}


.cm-product-top {position: relative; }
.cm-product-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%);}
.cm-product-top-con {display: flex; align-items: center; padding-bottom: 90px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.cm-product-top-con .product-top-img {width: 50%; text-align: left; padding-right: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cm-product-top-con .product-top-img img {max-width: 100%; margin-left: -10px;}
.cm-product-top-con .product-top-img.right {padding-left: 50px; padding-right: 0;}
.cm-product-top-con .product-top-img.right img{margin-left: 0; margin-right: -10px;}
.cm-product-top-con .product-top-info {width: 50%; }
.cm-product-top-con .product-top-info .tit {font-size: 60px; font-weight: 700; letter-spacing: -0.025em; color: #000000; line-height: 1.15;}
.cm-product-top-con .product-top-info .tit em {display: inline-block; font-size: 20px; font-weight: 700; letter-spacing: -0.050em; color: rgba(0,0,0,0.3);}
.cm-product-top-con .product-top-info .sub-tit {font-size: 34px; font-weight: 700; letter-spacing: -0.050em; color: #000; line-height: 1.3; padding-top: 35px;}
.cm-product-top-con .product-top-info .txt {font-size: 20px; font-weight: 600; letter-spacing: -0.050em; color: #000000; line-height: 1.65; padding-top: 8px;} 
.cm-product-top-con .product-top-info .cm-btn02 {margin-top: 30px; border-radius: 5px;}
.cm-product-top-con .product-top-info .sub-txt {display: block; font-size: 15px; font-weight: 600; letter-spacing: -0.025em; color: #666666; line-height: 1.3; padding-top: 35px;}

.cm-product-top-con .product-top-img .product-top-swiper{overflow: hidden; position: relative;}
.cm-product-top-con .product-top-img .product-top-swiper img{margin-left: 0px;}

/* Key Features */
.product-feature-con .sub-con-tit-box {text-align: center;}
.product-feature-list li {position: relative; width: 100%; height: 80px; border: 4px solid #f1f1f1; border-radius: 45px; margin-bottom: 22px;/* overflow: hidden; */box-sizing: border-box; transition: all 0.3s;}
.product-feature-list li:last-child {margin-bottom: 0;}
.product-feature-list li dl {width: 100%; height: 72px; display: flex; align-items: center;}
.product-feature-list li dl dt {position: relative; display: flex; align-items: center; width: 380px; height: 100%; text-align: center; /*padding-left: 70px;*/padding-left: 30px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; z-index: 1;
	font-size: 24px; font-weight: 700; letter-spacing: -0.050em; color: #000000; line-height: 1.3; z-index: 10; transition: all 0.3s;}
    .product-feature-list li dl dt.w_100 {width: 100px;}
.product-feature-list li dl dt:before {position: absolute; content: ''; width: 100%; height: 76px; background: #f1f1f1; border-radius:45px; top: -3px; left: -4px; z-index: -1;  transition: all 0.3s;}
.product-feature-list li dl dt span {display: inline-block; margin-right: 20px; width: 51px; text-align: center;}
.product-feature-list li dl dt span .icon_on {display: none;}
.product-feature-list li dl dt span img {max-width: 100%;}
.product-feature-list li dl dd {width: calc(100% - 380px); padding-left: 50px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; font-size: 18px; font-weight: 500; letter-spacing: -0.050em; color: #000000; line-height: 1.4;}
.product-feature-list li dl dd.w100 {width: 100%;}
.product-feature-list li dl dd.w_100 {width: calc(100% - 100px); }
.product-feature-list li dl dd .sub-txt {display: inline-block; font-size: 13px; font-weight: 500; letter-spacing: -0.050em; color: #666666; line-height: 1.4;}
/* active */
.product-feature-list li.active {border-color: var(--mainColor); box-shadow: 10px 10px 40px rgba(22,98,196,0.1);}
/* .product-feature-list li.active:before {background: var(--mainColor);} */
.product-feature-list li.active dl dt {color: #fff;}
.product-feature-list li.active dl dt:before {background: var(--mainColor);}
.product-feature-list li.active dl dt span .icon {display: none;}
.product-feature-list li.active dl dt span .icon_on  {display: inline-block;}


/* Function */
.product-function-con-wrap {position: relative; margin-top: 125px; padding-top: 150px;}
.product-function-con {position: relative;width: 100%; height: 100vh;}
.product-function-con:before {position: absolute; content: ''; width: calc(100% - 75px); height: 500px; top: 220px; left: 0; background: url(https://mainlineit.com/images/content/solution_function_bg.jpg)no-repeat center /cover; 
	border-radius: 0 250px 250px 0;}
.product-function-con-inner {display: flex; }
.product-function-con-inner .product-function-left {width: 29.84%;}
.product-function-con-inner .product-function-left .sub-con-tit-box {position: relative; padding-top: 410px; text-align: left;}
.product-function-con-inner .product-function-right {width: 70.16%;}
.product-function-list {display: flex; flex-wrap: wrap; flex-direction: row-reverse; margin: -20px;}
.product-function-list li {position: relative; width: calc(50% - 40px); margin: 20px; /*min-height: 540px;*/min-height: 400px; padding: 40px 40px 40px 40px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; background: #fff; border-radius: 0.5px;
	box-shadow: 10px 10px 40px rgba(29,76,137,0.2) ; }
/* .product-function-list li:nth-child(1), 
.product-function-list li:nth-child(4) {top: 280px;} */
.product-function-list li:nth-child(2n) {top: 130px;}
.product-function-list li:nth-child(2n + 1) {top: -150px;}
.product-function-list li .function-tit {margin-bottom: 20px;}
.product-function-list li .function-tit em {display: inline-block; font-size: 16px; font-weight: 600; letter-spacing: -0.050em;color: #146ee2; padding-bottom: 10px;}
.product-function-list li .function-tit .tit {font-size: 24px; font-weight: 700; letter-spacing: -0.050em; color: #000000; line-height: 1.26;}
.product-function-list li .function-list p {position: relative; font-size: 16px; font-weight: 400; letter-spacing: -0.050em; color: #000000; line-height: 1.66; padding-left: 10px; margin-bottom: 15px;}
.product-function-list li .function-list p:before {position: absolute; content: ''; width: 3px; height: 3px; top: 13px; left: 0; background: #000000;}
.product-function-list li .icon {display: inline-block; position: absolute; bottom: 40px; right: 40px; }



/* ****************** 제품 Jobsites ********************** */

.product-photo-img-con {
    margin-top: 65px;
}

.product-photo-img-list {
    margin: 0 -20px;
}

.product-photo-img-list .slick-track {
    margin: auto;
}

.product-photo-img-item {
    margin: 0 20px;
    width: calc(33.33% - 40px);
    float: left;
}

.product-photo-img-item a {
    width: 100%;
    display: block;
}

.product-photo-img-thum {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 67.01%;
    background-color: #000;
    transition: var(--transition-custom);
    transition-property: box-shadow;
}

.product-photo-img-thum .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: var(--transition-custom);
    transition-property: opacity;
}

.product-photo-img-thum .arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -33px 0 0 -33px;
    width: 66px;
    height: 66px;
    border-radius: 100%;
    background-color: rgba(255,255,255,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: var(--transition-custom);
    transition-property: opacity;
}

.product-photo-img-thum .arrow i {
    font-size: 24px;
    color: #fff;
}

.product-photo-img-tit {
    margin-top: 30px;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: -0.02em;
    font-weight: 600;
    color: #222;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-photo-img-list .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -40px;
    font-size: 34px;
    color: #000;
    opacity: 0.15;
    transition: var(--transition-custom);
    transition-property: opacity;
}

.product-photo-img-list .slick-arrow.slick-prev {
    left: -85px;
}

.product-photo-img-list .slick-arrow.slick-next {
    right: -85px;
}

/* hover */
/* .product-photo-img-item a:hover .product-photo-img-thum{box-shadow: 12px 12px 35px -6px rgba(0,0,0,0.18);} */
.product-photo-img-item a:hover .img {
    opacity: 0.5;
}

.product-photo-img-item a:hover .arrow {
    opacity: 1;
}

.product-photo-img-list .slick-arrow:hover {
    opacity: 1;
}

.product-photo-video-con {
    margin-top: 120px;
    padding-bottom: 120px;
    position: relative;
}

.product-photo-video-con:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 66.62%;
    content: '';
    background-color: #f0f4f8;
}

.product-photo-video-con .inner-area {
    max-width: 1270px;
    margin: 0 auto;
    position: relative;
}

.product-photo-video-list {
    margin: 65px -10px 0;
    position: relative;
}

.product-photo-video-item {
    margin: 0 10px;
    width: calc(100% - 20px);
    float: left;
}

.product-photo-video-list .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -40px;
    font-size: 34px;
    color: #000;
    opacity: 0.15;
    transition: var(--transition-custom);
    transition-property: opacity;
}

.product-photo-video-list .slick-arrow.slick-prev {
    left: -85px;
}

.product-photo-video-list .slick-arrow.slick-next {
    right: -85px;
}

.product-photo-video-list .slick-arrow:hover {
    opacity: 1;
}

.product-photo-video-list .slick-dots {
    margin-top: 25px;
    width: 100%;
    text-align: center;
}

.product-photo-video-list .slick-dots li {
    margin: 0 5px;
    display: inline-block;
}

.product-photo-video-list .slick-dots li button {
    font-size: 0;
    width: 10px;
    height: 10px;
    background-color: #ddd;
    border-radius: 100%;
}

.product-photo-video-list .slick-dots li.slick-active button {
    background-color: var(--mainColor);
}

.product-iframe-wrapper {
    position: relative;
    /* box-shadow: 12px 12px 35px -6px rgba(0,0,0,0.18); */
    overflow: hidden;
}

.product-iframe-box {
    position: relative;
    padding-top: 56.27%;
    height: 0;
    background-color: #000;
}

.product-iframe-box iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.product-iframe-box video{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;

}

.product-cover-box {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.product-cover-box:after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: rgba(0,0,0,0.4);
    content: "";
}

.product-cover-box .thumb {
    display: block;
    width: 100%;
    height: 100%;
    transition: all 0.3s
}

.product-cover-box .thumb img {
    width: 100%;
    height: 100%;
}

.product-cover-box:hover .thumb {
    transform: scale(1.1) rotate(0.002deg);
}

.product-cover-box .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 118px;
    height: 118px;
    display: block;
    z-index: 1;
    transform: translate(-50%, -50%);
    background: url('https://dd-eng.com/images/content/product_video_play.png') center/cover no-repeat;
}


/* ****************** 제품 Details ********************** */

.editor-table-box {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.product-details-table-box {
    margin-top: 65px;
}

.product-details-table-box div {
    display: block;
}

.product-details-table-box .cm-scroll-drag-guide {
    display: none;
}

.product-details-table {
    width: 100%;
    table-layout: fixed;
    border-top: 3px solid #000;
    border-bottom: 1px solid #000;
    border-collapse: collapse;
    border-spacing: 0px;
    min-width: 800px;
}

.product-details-table thead th {
    padding: 12px 10px;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: -0.02em;
    font-weight: 600;
    color: #000;
    text-align: center;
    border-bottom: 1px solid #000;
}

.product-details-table tbody tr {
    border-bottom: 1px solid #ddd;
}

.product-details-table tbody tr:last-child {
    border-bottom-color: #000;
}

.product-details-table tbody th {
    padding: 12px 10px;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: -0.02em;
    font-weight: 500;
    color: #000;
    text-align: center;
    background-color: #fafafa;
    border-right: 1px solid #ddd;
}

.product-details-table tbody td {
    padding: 12px 10px;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: #555;
    text-align: center;
}

.product-details-table-txt {
    margin-top: 25px;
    padding-left: 12px;
    font-size: 17px;
    line-height: 1.5;
    letter-spacing: -0.02em;
    color: #888;
    position: relative;
}

.product-details-table-txt:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '*';
    color: #e60012;
}

.product-details-table-txt + .product-details-table-txt {
    margin-top: 5px;
}

.product-details-img {
    margin-top: 60px;
    text-align: center;
}

.product-details-img img {
    max-width: 100%;
    display: inline-block;
}

@media all and (max-width:1280px){
	.product-function-con { height: auto;} 
	.product-function-con:before {height: 400px; top: 140px;}
	.product-function-con-inner .product-function-left .sub-con-tit-box {padding-top: 285px;}
	.product-function-list li { padding: 30px; /*min-height: 450px;*/min-height: 550px;}
	.product-function-list li:nth-child(2n) {top: 50px;}
}


@media all and (max-width:800px){
	.product-con .product-con-txt {font-size: 24px; padding-bottom: 30px;}
    .product-con .product-con-sub-tit{font-size: 16px;}

	/* 상단 제품 정보 */
	.cm-product-top-con {flex-wrap: wrap; padding-bottom: 40px;}
	.cm-product-top-con .product-top-img {width: 100%; padding-right: 0;}
	.cm-product-top-con .product-top-img img {margin-left: -18%;}
	.cm-product-top-con .product-top-img.right { padding-left: 0;}
    .cm-product-top-con .product-top-img.right img {margin-right: 0; margin-left: -18%;}
	.cm-product-top-con .product-top-info {width: 100%; padding-top: 50px; margin-bottom: 0; order: 2;}
	.cm-product-top-con .product-top-info .tit {font-size: 48px;}
	.cm-product-top-con .product-top-info .sub-tit {font-size: 30px;}
	.cm-product-top-con .product-top-info .cm-btn01 {margin-bottom: 0;}


    	/* Key Features */
	.product-feature-list li {height: auto; border-radius: 30px; margin-bottom: 20px;}
	.product-feature-list li dl {flex-wrap: wrap; height: auto;}
	.product-feature-list li dl dt {width: 100%; padding: 20px 30px ; font-size: 20px;}
	.product-feature-list li dl dt span {text-align: left; width: 55px; margin-right: 11px;}
	.product-feature-list li dl dt:before {height: 100%; border-radius: 20px 20px 0 0; top: 0; left: 0;}
	.product-feature-list li dl dd {width: 100%; padding: 25px 30px ; font-size: 15px;}

    .product-feature-list li dl dt.w_100{width: 100%;}
    .product-feature-list li dl dd.w_100{width: 100%;}
    /* Function */
	.product-function-con-wrap {padding-top: 0; margin-top: 50px;}
	.product-function-con:before {display: none;}
	.product-function-con-inner {flex-wrap: wrap;}
	.product-function-con-inner .product-function-left {width: 100%;}
	.product-function-con-inner .product-function-left .sub-con-tit-box {padding-top: 0;}
	.product-function-con-inner .product-function-right {width: 100%;}
	
	.product-function-list { flex-direction: row; margin: 0;}
	.product-function-list li {width: 100%; margin: 0; margin-bottom: 20px; min-height: auto; padding: 40px 45px 100px 30px;}
	.product-function-list li:nth-child(2n), 
	.product-function-list li:nth-child(2n + 1) {top: 0;}
	.product-function-list li .icon {right: 30px; bottom: 30px;}


	.product-photo-img-con{margin-top: 6rem;}
	.product-photo-img-con .area-box{padding:0 calc(var(--area-padding) + 4rem);}
	.product-photo-img-list{margin: 0 -1rem;}
	.product-photo-img-item{margin: 0 1rem; width: calc(50% - 2rem);}
	.product-photo-img-thum .arrow{margin: -3.3rem 0 0 -3.3rem; width: 6.6rem; height: 6.6rem;}
	.product-photo-img-thum .arrow i{font-size: 2.4rem;}
	.product-photo-img-tit{margin-top: 3rem; font-size: 2.2rem; line-height: 1.3;}
	.product-photo-img-list .slick-arrow{margin-top: -4rem; font-size: 3.4rem;}
	.product-photo-img-list .slick-arrow.slick-prev{left: -3.5rem;}
	.product-photo-img-list .slick-arrow.slick-next{right: -3.5rem;}

	.product-photo-video-con{margin-top: 8rem; padding-bottom: 8rem;}
	.product-photo-video-con .inner-area{padding: 0 calc(var(--area-padding) + 4rem);}
	.product-photo-video-list{margin: 6rem -1rem 0;}
	.product-photo-video-item{margin: 0 1rem; width: calc(100% - 2rem);}
	.product-photo-video-list .slick-arrow{margin-top: -4rem; font-size: 3.4rem;}
	.product-photo-video-list .slick-arrow.slick-prev{left: -3.5rem;}
	.product-photo-video-list .slick-arrow.slick-next{right: -3.5rem;}

	.product-cover-box .icon{width: 10rem; height: 10rem;}




    /* ****************** 제품 Details ********************** */
	.product-details-con{padding: 8rem 0 10rem;}
	.product-details-table-box{margin-top: 6rem;}
	.product-details-table-box .cm-scroll-drag-guide{display: flex; justify-content: flex-end;}
	.product-details-table thead th{padding: 1.2rem 1rem; font-size: 1.8rem; line-height: 1.3;}
	.product-details-table tbody th{padding: 1.2rem 1rem; font-size: 1.8rem; line-height: 1.3;}
	.product-details-table tbody td{padding: 1.2rem 1rem; font-size: 1.75rem; line-height: 1.3;}
	.product-details-table-txt{margin-top: 2.5rem; padding-left: 1.2rem; font-size: 1.7rem; line-height: 1.5;}

	.product-details-img{margin-top: 6rem;}

}


 /* ******************  03. 사업소개 ********************** */

.biz_introCont {position:relative; overflow:hidden;}
.biz_introCont:before {content:""; position:absolute; bottom:-100px; right:0; width:calc(50% + 290px); height:330px; background:#fff; border-radius:330px 0 0 0;}
.biz_introCont .inner {position:relative; z-index:1;}
.biz_introCont .stit {position: relative; font-size: 32px; margin-bottom:30px;  font-weight: 700; line-height: 38px; padding-top: 20px;}
.biz_introCont .stit:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background: #222;
}
.biz_introCont .btxt {
    font-size: 24px;
    color: #333;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -1px;
}

.biz_introCont .hf_txt p.big {margin:40px 0; font-size:18px;}
.biz_introCont .hf_con {padding-left:0;}
.biz_introCont .hf_con img {border-radius:30px;}

.biz_introCont.cont_02 .hf_txt{order: 2;}

#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: 1439px) {
    .biz_introCont  .stit {
        font-size: 28px;
        line-height: 34px;
    }

    .biz_introCont .btxt {
        font-size: 22px;
        line-height: 34px;
    }
}

@media screen and (max-width: 1023px) {
    .biz_introCont  .stit {
        font-size: 24px;
        line-height: 30px;
    }

    .biz_introCont .btxt {
        font-size: 18px;
        line-height: 28px;
    }

    .biz_introCont .hf_con{padding-left: 0;}




    .biz_introCont .cont_02 .hf_txt{order: 1;}

}

@media screen and (max-width:800px) {
	.biz_introCont .stit {
        font-size: 24px;
        line-height: 30px;
        padding-top: 15px;
    }

    .biz_introCont .btxt {
        font-size: 17px;
    }

}


.prd_table .table{width: 60%;}
.prd_table .prd_img{width: 40%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px;}
.prd_table .prd_img .txt h2{font-weight: bold; font-size: 20px;}
.prd_table .prd_img .img{display: flex; align-items: center; justify-content: center;}
.prd_table .table .sub-menu-txt{display: inline-block; margin-bottom: 20px; padding: 5px 10px 7px; background-color: var(--mainColor); color: #fff; border-radius: 5px; }

.prd_table .table .dot-list + .sub-menu-txt{margin-top: 30px;}
@media screen and (max-width: 1480px) {
    .prd_table .flex-cont {
        flex-direction: row;
    }
}

@media screen and (max-width: 800px) {
    .prd_table .flex-cont {
        flex-direction: column;
    }
    .prd_table .table{width: 100%;}
    .prd_table .prd_img{width: 100%;}
}

 /* ******************  03. 사업소개 ********************** */


 /* ******************  04. 시공실적 ********************** */

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

.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-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;
    }
}