@charset "utf-8";
*{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: never;
}

/* 배너영역 */
.bulk-section.digital .banner-wrapper{
    height: 79px;
    background-image: url(/images/company/service/digitalsolution/digitalsolution_overview_banner.jpg);
    background-size: cover;
}
.bulk-section.digital .banner-move-div .banner-wrapper::before{
    background: rgba(0, 0, 0, 3%);
    transform: none;
    animation: none;

}
.bulk-section.digital .digital-banner .banner-wrapper{
    height: 155px;
    background-image: url(/images/company/service/digitalsolution/new_digitalsolution_overview_banner.jpg);
}
.digital .digital-banner .digital-sub-menus{top: 204px;}

.bulk-section.digital .digital-banner .banner-wrapper::before{
    background: rgba(0, 0, 0, 3%);
    transform: none;
    animation: none;

}

.bulk-section.digital .banner-tab{gap: 0;}
.bulk-section.digital .banner-tab li:first-child{margin-right: 89px;}
.bulk-section.digital .banner-tab li:last-child{margin-left: 64px;}
.digital .banner-move-div{
    z-index: 5; /* 2024.07.18 z-index: 90; 수정 */
    padding-top: 79px;
    margin-top: 70px;
}
.digital .banner-move-div.digital-banner{
    height: 155px;
    padding-top: 155px;
    margin-top: 71px;
}
.digital-wrap{
    max-width: 1100px;
    padding:0 22px;
    margin: 0 auto;
}
.digital .banner-tab li span{
    color: #747474;
    font-weight: 500;
}
.digital .banner-tab .on span{
    color: #ee312f;
    font-weight: 700;
}
.move-banner-section .content-wrapper.digital-wrapper{padding-top: 205px;}
.move-banner-section .content-wrapper.digital-wrapper-sub{padding-top: 179px;}
.move-banner-section .content-wrapper.digital-wrapper-sub02{padding-top: 256px;}
.bulk-section.digital .banner-move-div .banner-wrapper button{
    position: absolute;
    top: calc(50% - 39px/2 + 18px);
    left: 50%;
    transform: translateX(-50%);
    max-width: 378px;
    width: 100%;
    height: 48px;
    border:1px solid #ffffff;
    background-color: rgba(0, 0, 0, 20%);
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
}
.bulk-section.digital .banner-move-div .banner-wrapper button span{
    color: #ffffff;
    font-size: 20px;
    text-align:  center;
}
.digital .banner-move-div.digital-banner .banner-wrapper .title-box{top: calc(50% - 39px / 2 - 34px);}

/* 개요-Overview 영역 */
.main-Overview{
    padding-top: 41px;
    margin-top: 0;
}

/* 개요-디지털라이제이션 소개 */
.main-Overview .digital-intro{
    margin-top: 0;
    margin-bottom: 62px;
}
.main-Overview .digital-intro .sub-detail-tit{
    margin-bottom: 24px;
    color: #323232;
}
.digital-intro span{
    padding: 0;
    margin-bottom: 15px;
    color: #323232;
    font-weight: 400;
    line-height: 30px;
    word-break: keep-all;
}
.main-Overview .sub-wrap-detail-area span:last-child{margin-bottom: 0;}
.main-Overview .sub-wrap-info-area{margin-bottom: 0;}
.main-Overview .digital-status{
    margin-bottom: 138px;
    border-top: 1px solid #d0d0d0;
}
.digital-status .sub-detail-tit{
    margin-top: 125px;
    margin-bottom: 26px;
    color: #323232;
}

/* 개요-디지털라이제이션 현황 */
.digital-status span{
    margin-bottom: 78px;
    color: #323232;
    font-weight: 400;
    line-height: 30px;
    word-break: keep-all;
    text-align: center;
}
.digital-status span .line-break{
    display: inline;
    padding: 0;
}
.digital-status .process-title-box{
    display: flex;
    margin-bottom: 25px;
}
.digital-status .process-title{
    display: table;
    width: 100%;
    height: 75px;
    overflow: hidden;
}
.digital-status .process-title span{
    display: table-cell;
    padding: 10px 30px;
    margin-bottom: 0;
    color: #ffffff;
    font-weight: 600;
    font-family: "Pretendard", "Noto Sans KR", sans-serif;
    vertical-align: middle;
}
.digital-status .process-content-wrap{overflow: hidden;}
.digital-status .process-content{
    float: left;
    width: 32%;
    margin-left: 21px;
}
.digital-status .process-content:first-child{margin-left: 0;}
.digital-status .process-box{
    display: flex;
    justify-content: center;
    padding: 25px 10px 24px 10px;
}
.digital-status .process-box ul{margin-left: -4px;}
.digital-status .process-box ul li{
    position: relative;
    width: 100%;
    margin-bottom: 6px;
}
.digital-status .process-box ul li:last-child{margin-bottom: 0;}
.digital-status .process-box .process-ic{
    position: absolute;
    width: 3px;
    height: 3px;
    padding: 0;
    margin-top: 13px;
    margin-bottom: 0;
    background: #ffffff;
}
.digital-status .process-box .process-text{
    padding: 0;
    padding-left: 13px;
    color: #ffffff;
    font-size: 16px;
    font-family: "Pretendard", "Noto Sans KR", sans-serif;
    text-align: left;
    line-height: 30px;
}

.digital-status .process-title.process-localization{
    max-width: 347px;
    margin-right: 12px;
    background-image: url(/images/company/service/digitalsolution/pc-main-status-local.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.digital-status .process-title.process-standardization{
    max-width: 348px;
    margin-right: 11px;
    background-image: url(/images/company/service/digitalsolution/pc-main-status-standard.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.digital-status .process-title.process-digitization{
    max-width: 338px;
    background-image: url(/images/company/service/digitalsolution/pc-main-status-digital.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.digital-status .process-content.process-localization{background-color: #737fab;}
.digital-status .process-content.process-standardization{background-color: #334386;}
.digital-status .process-content.process-digitization{background-color: #02145b;}

.digital-status .status-process-en .process-title span{font-size: 16px;}
.digital-status .status-process-en .process-box{padding-bottom: 28px;}
.digital-status .status-process-en .process-box ul{margin-left: -6px;}
.digital-status .status-process-en .process-box ul li{margin-bottom: 4px;}
.digital-status .status-process-en .process-box ul li:last-child{margin-bottom: 0;}
.digital-status .status-process-en .process-box .process-ic{margin-top: 14px;}
.digital-status .status-process-en .process-box .process-text{font-size: 14px;}

/* 개요-디지털라이제이션 뉴스 & 공지 */
.hmm-digitalization{margin-bottom: 128px;}
.hmm-digitalization-top h2{
    margin-bottom: 35px;
    color: #010a5a;
    font-size: 24px;
    font-family: "Pretendard", "Noto Sans KR", sans-serif;
    line-height: 120%;
}
.hmm-digitalization-top .digitalization-unfold{margin-bottom: 12px;}
.hmm-digitalization-top .digitalization-unfold a{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 37px;
}
.digitalization-unfold p{
    color: #a2a5ad;
    font-size: 16px;
    font-weight: 500;
}
.digitalization-unfold div{
    width: 10px;
    height: 10px;
    margin-bottom: 1px;
    margin-left: 10px;
    background: url(/images/company/common/sprite.png) no-repeat;
    background-size: 1095px 667px;
    background-position: -45px -206px;
}
.hmm-digitalization-wrap{width: 100%;}
.hmm-digitalization-wrap .digitalization-news-notice{
    position: relative;
    height: 97px;
    border-top: 1px solid #d0d0d0;
    background-color: #ffffff;
}
.hmm-digitalization-wrap .digitalization-news-notice:last-child{
    height: 98px;
    margin-bottom: 0;
    border-bottom: 1px solid #d0d0d0;
}
.digitalization-news-notice a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 33px 37px 37px 37px;
}
.digitalization-news-notice span{
    padding:0;
    color: #323232;
    font-family: "Pretendard", "Noto Sans KR", sans-serif;
}
.digitalization-title{
    overflow: hidden;
    width: 80%;
}
.digitalization-title span{
    display: block;
    font-weight: 500;
    line-height: 150%;
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
}
.digitalization-date{
    margin-left: 10px;
    text-align: right;
}
.digitalization-date span{
    display: inline-block;
    margin-top: 6px;
    color: #747474;
    font-size: 16px;
    font-weight: 400;
}

/* 개요-디지털라이제이션 뉴스 & 공지 hover */
.digitalization-news-notice:hover .digitalization-title span{
    color: #010a5a;
    font-weight: 700;
}


/* 개요-솔루션과 인터페이스 리스트 공통 스타일 영역 */
.digital-link-pc{display: block;}
.digital-link-mo{display: none;}
.main-Solution .sub-wrap-info-area .sub-wrap-detail-area span, .main-Interface .sub-wrap-info-area .sub-wrap-detail-area span{
    padding: 0;
    color: #323232;
    font-weight: 400;
    word-break: keep-all;
    text-align: center;
}
.digital-link-list .digital-link-wrap{
    display:flex;
    justify-content: center;
    gap: 9px;
    width: 100%;
    height: 100%;
}
.digital-link-list .digital-link{
    position: relative;
    width: 25%;
    height: 207px;
    background-color: #fbfbfb;
    box-shadow: 1px 5px 38px rgba(0, 0, 0, 5%);
}
.digital-link-list .digital-link a{
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 26px 13px;
    padding-bottom: 12px;
}
.digital-link-box{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.digital-link-box .digital-link-img{
    position: relative;
    width: 100%;
    height: 62px;
}
.digital-link-solution .digital-link .link-img, 
.digital-link-interface .digital-link .link-img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 100%;
}
.digital-link-solution .digital-link:nth-of-type(1) .link-img{
    background: url(/images/company/service/digitalsolution/pc-digital-api-hiquote.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.digital-link-solution .digital-link:nth-of-type(2) .link-img{
    background: url(/images/company/service/digitalsolution/pc-digital-api-ebl.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.digital-link-solution .digital-link:nth-of-type(3) .link-img{
    background: url(/images/company/service/digitalsolution/pc-digital-api-vp.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.digital-link-solution .digital-link:nth-of-type(4) .link-img{
    background: url(/images/company/service/digitalsolution/pc-digital-api-ip.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.digital-link-interface .digital-link:nth-of-type(1) .link-img{
    background: url(/images/company/service/digitalsolution/pc-digital-api-api.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.digital-link-interface .digital-link:nth-of-type(2) .link-img{
    background: url(/images/company/service/digitalsolution/pc-digital-api-edi.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.digital-link-interface .digital-link:nth-of-type(3) .link-img{
    background: url(/images/company/service/digitalsolution/pc-digital-api-service.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.digital-link-interface .digital-link:nth-of-type(4) .link-img{
    background: url(/images/company/service/digitalsolution/pc-digital-api-chatbot.png);
    background-repeat: no-repeat;
    background-position: center top;
}

.digital-link-box .digital-link-title{
    text-align: center;
}
.digital-link-box .digital-link-title .link-title-wrap{    
    position: relative;
    width: 100%;
}
.digital-link .digital-link-box .digital-link-title{
    margin-top: 13px;
}
.digital-link-title .link-title-wrap span{
    display: inline-block;
    padding: 0;
    color: #010a5a;
    font-weight: 600;
    line-height: 150%;
}
.digital-link-box .digital-link-title .link-title-ic{
    display:inline-block;
    position: absolute;
    top: 7px;
    width: 8px;
    height: 8px;
    padding: 0;
    margin-left: 10px;
    background-image: url(/images/company/service/digitalsolution/digital-link-ic.png);
    background-repeat: no-repeat;
}
.digital-link-box .digital-link-text{
    padding: 0;
    margin-top: 14px;
    color: #323232;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
}

/* 개요-솔루션과 인터페이스 리스트 공통 스타일 영역 hover */
.digital-link-list .digital-link:hover{
    background-color: #ffffff;
    box-shadow: 1px 5px 38px rgba(0, 0, 0, 14%);
}
.digital-link-list .digital-link:hover .link-title-ic{
    background-image: url(/images/company/service/digitalsolution/digital-link-ic-on.png);
}

/* 개요-Solution 영역 */
.main-Solution{
    padding-top: 128px !important;
    margin-top: 98px !important;
    background-color:#fafafa;
}
.main-Solution .sub-wrap-detail-area{
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 55px;
}
.main-Solution .sub-detail-tit{
    margin-bottom: 25px;
    color: #323232;
}

/* 개요-Interface 영역 */
.digital .content-wrapper .sub-wrap-area.main-Interface{
    margin-top: 0;
    margin-bottom: 0;
}
.main-Interface{
    padding-top: 74px !important;
    padding-bottom: 200px;
    margin: 0;
    background-color:#fafafa;
}
.main-Interface .sub-wrap-detail-area{
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 51px;
}
.main-Interface .sub-detail-tit{margin-bottom: 26px;}

/* 솔루션, 인터페이스 탭 서브메뉴 */
.digital .digital-sub-menus {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 128px;
    width: 100vw;
    height: 50px;
    border-top: 1px solid #e1e1e1;
    background-color: #ffffff;
    text-align: center;
}
.digital .digital-sub-menus li {
    position: relative;
    display: table;
    width: 200px;
    height: 50px;
    padding: 5px;
}
.digital .digital-sub-menus li a{
    display: table-cell;
    height: 35px;
    vertical-align: middle;
}
.digital .digital-sub-menus {height: auto;}

.digital .digital-sub-menus li.on::before{
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 2px solid #010a5a;
    content: "";
}
.digital .digital-sub-menus li span {
    color: #747474;
    font-family: "Pretendard", "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
}
.digital .digital-sub-menus li.on span {
    color: #010a5a;
    font-weight: 700;
}
.digital .digital-sub-menus li span .line-break{display: inline;}

/* 디지털 솔루션 - Hi Quote */
.digital-wrapper-sub .sub-wrap-area.digital-hiquote{
    padding-top: 40px;
    margin-top: 42px;
}
.digital-hiquote .digital-intro .sub-detail-tit img{
    height: 100%;
}

.digital-hiquote .digital-intro{
    margin-top: 0;
    margin-bottom: 61px;
}
.digital-hiquote .digital-intro .sub-detail-tit{
    margin-bottom: 42px;
    color: #323232;
}
/* 2026.05.27 추가 */
.digital-hiquote .digital-intro .sub-detail-tit:has(> img){
    height: 56px;/* 2026.05.28 height: 34px; 수정 */
}
.digital-hiquote .digital-intro span{
    margin-bottom: 62px;
}
.digital-hiquote-content{
    padding:70px 90px;
    border-top: 1px solid #d0d0d0;
}
.hiquote-content-list li{
    display: table;
    width: 100%;
    min-height: 140px;
    padding: 37px 30px 35px 30px;
    margin-bottom: 20px;
    background-color: #f3f5f7;
    text-align: center;
}
.hiquote-content-list li:last-child{margin-bottom: 0;}
.hiquote-content-list li .hiquote-content-wrap{
    display: table-cell;
    vertical-align: middle;
}
.hiquote-content-list li .hiquote-content-title{
    margin-bottom: 7px;
    font-weight: 700;
}
.hiquote-content-list li .hiquote-content-text{
    margin-bottom: 0;
    font-size: 16px;
}
.hiquote-content-list li .hiquote-content-text .line-break{
    display: inline;
    font-size: 16px;
}
.digital-hiquote .hmm-digitalization-top h2{margin-bottom: 34px;}
.digital-hiquote .digital-wrap .hmm-digitalization{margin-bottom: 161px;}
.digital-hiquote .digital-content-link .digital-content-link-title{margin-bottom: 3px;}
.digital-hiquote .digital-content-link .digital-content-link-bottom .digital-content-link-more{margin-top: 27px;}
.digital-hiquote .digital-content-link-list.first .digital-content-link:nth-child(1) .digital-content-link-pc .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-hq-link-get.png) center center;
    background-repeat: no-repeat;
}
.digital-hiquote .digital-content-link-list.first .digital-content-link:nth-child(2) .digital-content-link-pc .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-hq-link-faq.png) center center;
    background-repeat: no-repeat;
}
.digital-hiquote .digital-content-link-list.first .digital-content-link:nth-child(3) .digital-content-link-pc .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-hq-link-terms.png) center center;
    background-repeat: no-repeat;
}

.digital-hiquote .digital-content-link-list.first .digital-content-link:hover:nth-child(1) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-hq-link-get-on.png);
    background-repeat: no-repeat;
}
.digital-hiquote .digital-content-link-list.first .digital-content-link:hover:nth-child(2) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-hq-link-faq-on.png);
    background-repeat: no-repeat;
}
.digital-hiquote .digital-content-link-list.first .digital-content-link:hover:nth-child(3) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-hq-link-terms-on.png);
    background-repeat: no-repeat;
}

/* 디지털 솔루션 - HMM eBL */
.digital-wrapper-sub .sub-wrap-area.digital-ebl{
	padding-top: 279px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.move-banner-section.ebl .content-wrapper.digital-wrapper-sub{
    padding: 0;
}
.digital-content > div:not(:first-of-type){
    margin-top: 120px;
}
.digital-content > div > h2{
    margin-bottom: 60px;
    color: #323232;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
}
.digital-content .intro-area{
    max-width: 1408px;
    margin: 0 auto;
}
.intro-area .intro-banner{
    position: relative;
    width: 100%;
    height: 400px;
    margin-bottom: 159px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.intro-area .intro-banner.ebl-banner{
    background-image: url(/images/company/service/digitalsolution/ebl-banner.jpg);
}
.intro-area .intro-banner::before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    content: "";
}
.intro-area .intro-banner > div{
    position: absolute;
    top: 108px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1056px;
    padding: 0 50px;
    text-align: center;
    
}
.intro-area .intro-banner > div > span{
    display: block;
    color: #ffffff;
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
}
.intro-area .intro-banner > div  > span:nth-of-type(1){
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600;
}
.intro-area .intro-banner > div  > span:nth-of-type(2){
    margin-bottom: 0;
}
.intro-area .intro-banner.ebl-banner a{
    display: inline-block;
    width: 100%;
    max-width: 342px;
    height: 54px;
    margin-top: 52px;
    background-color: #008766;
}
.intro-area .intro-banner.ebl-banner a span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100%;
    margin-bottom: 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 120%;
}
.intro-area .intro-text{
    max-width: 1100px;
    padding: 0 22px;
    margin: 0 auto;
}
.intro-area .intro-text span{
    color: #323232;
    font-size: 18px;
    font-weight: 400;
    line-height: 170%;
}

.video-area{
    width: 100%;
    padding: 50px 0;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    background: url(/images/company/service/digitalsolution/video-bg.jpg);
}
.video-box{
    max-width: 1100px;
    padding: 0 22px;
    margin: 0 auto;
}
.video-box .video-iframe{
    position: relative;
    width: 100%;
    padding-top: calc(9/16 * 100%);
    overflow: hidden;
}
.video-area .video-iframe iframe{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.digital-content .merit-area{
    max-width: 1408px;
    margin: 0 auto;
    padding-bottom: 120px;
    border-bottom: 1px solid #d0d0d0;
}
.merit-area .merit-box{
    max-width: 1100px;
    padding: 0 22px;
    margin: 0 auto;
}
.merit-area .merit-box ul{
    max-width: 1034px;
    padding: 48px 30px;
    margin: 0 auto;
    border-top: 3px solid #010a5a;
    background-color: #ffffff;
    box-shadow: 0px 1px 10px rgba(213, 216, 251, 0.7);
}
.merit-area .merit-box ul li{
    padding: 30px 120px;
    border-bottom: 1px solid #e7e7e7;
}
.merit-area .merit-box ul li:first-of-type{
    padding-top: 0;
}
.merit-area .merit-box ul li:last-of-type{
    padding-bottom: 0;
    border-bottom: 0;
}
.merit-area .merit-box ul li::after{
    display: block;
    clear: both;
    content: "";
}
.merit-area .merit-box ul li > div{
    float: left;
}
.merit-area .merit-box .merit-icon{
    width: 164px;
    height: 164px;
}
.merit-area .merit-box .merit-icon > div{
    width: 80px;
    height: 80px;
    margin: 0 auto;
    margin-top: 3px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 65px 65px;
}
.merit-area .merit-box ul > li.secure .merit-icon > div{
    background-image: url(/images/company/service/digitalsolution/merit-icon-secure.svg);
}
.merit-area .merit-box ul > li.cost .merit-icon > div{
    background-image: url(/images/company/service/digitalsolution/merit-icon-cost.svg);
}
.merit-area .merit-box ul > li.friendly .merit-icon > div{
    background-image: url(/images/company/service/digitalsolution/merit-icon-friendly.svg);
}
.merit-area .merit-box .merit-icon > p{
    padding: 10px 0;
    color: #010a5a;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 140%;
}
.merit-area .merit-box .merit-text{
    width: calc(100% - 164px);
    padding-left: 41px;
}
.merit-area .merit-box .merit-text > p{
    margin-top: 4px;
    color: #323232;
    font-size: 16px;
    line-height: 150%;
}
.merit-area .merit-box .merit-text > div{
    display: table;
    padding-top: 18px;
    margin-left: 1px;
}
.merit-area .merit-box .merit-text > div > div{
    display: flex;
    gap: 13px;
}
.merit-area .merit-box .merit-text > div span{
    width: calc(100% - 40px);
    color: #008766;
    font-size: 16px;
    font-weight: 700;
}
.merit-area .merit-box .merit-text > div > div::before{
    width: 27px;
    height: 27px;
    margin-top: 6px;
    background-image: url(/images/company/service/digitalsolution/important-check.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px 40px;
    vertical-align: top;
    content: "";
}

.digital-content .step-area{
    max-width: 1408px;
    margin: 0 auto;
    padding-bottom: 120px;
    border-bottom: 1px solid #d0d0d0;
}
.step-area .step-box{
    max-width: 1100px;
    padding: 0 22px;
    margin: 0 auto;
}
.step-area .step-box ul{
    max-width: 1034px;
    padding: 40px 30px;
    margin: 0 auto;
    border-top: 3px solid #010a5a;
    background-color: #ffffff;
    box-shadow: 0px 1px 10px rgba(213, 216, 251, 0.7);
}
.step-area .step-box ul li{
    display: flex;
    gap: 14px;
    padding: 12px 26px;
    padding-top: 14px;
    border-bottom: 1px solid #e7e7e7;
}
.step-area .step-box ul li:first-of-type{
    padding-top: 0;
}
.step-area .step-box ul li > span{
    width: 17px;
    height: 17px;
    margin-top: 2px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-color: #010a5a;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    line-height: 17px;
    text-align: center;
}
.step-area .step-box ul li p{
    width: calc(100% - 31px);
    margin-top: -1px;
    color: #323232;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}
.step-area .step-box ul li p > span{
    color: #232b33;
    font-weight: 700;
}
.notification-area{
    display: table;
    padding-top: 20px;
    margin: 0 auto;
}
.notification{
    display: flex;
    justify-content: center;
    gap: 14px;
}
.notification::before{
    width: 27px;
    height: 27px;
    background-image: url(/images/company/service/digitalsolution/notification.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px 40px;
    content: "";
}
.notification > div{
    display: flex;
    gap: 8px;
    width: calc(100% - 41px);
    margin-top: 3px;
}
.notification span{
    color: #008766;
    font-size: 16px;
    font-weight: 600;
}
.notification span:first-of-type{
    font-size: 17px;
}
.notification span:nth-of-type(2){
    width: 1px;
    height: 10px;
    margin-top: 6px;
    background-color: #d0d0d0;
}

.notification-btn{
    max-width: 342px;
    padding-top: 44px;
    margin: 0 auto;
}
.notification-btn > a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 54px;
    background-color: #008766;
    color: #ffffff;
    font-size: 18px;
}

.digital-content .faq-list-wrap .drop-button span{
    display: block;
    line-height: 180%;
}

.bottom-banner-area{
    position: relative;
    width: 100%;
    height: 443px;
    background-image: url(/images/company/service/digitalsolution/ebl-footer-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
.bottom-banner-area > div{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1056px;
    text-align: center;
}
.bottom-banner-area > div > span{
    color: #ffffff;
    font-size: 28px;
    font-weight: 700;
}
.bottom-banner-area > div a{    
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 342px;
    min-height: 54px;
    margin: 0 auto;
    margin-top: 40px;
    background-color: #008766;
    color: #ffffff;
    font-size: 18px;
}
.questions-input-area, .digital-agree-area{
    padding: 0 100px;
}
.questions-input-area .questions-input-twin-area{
    width: 49.066%;
    margin-right: 15px;
}
.questions-input-area .questions-input-twin-area.right{margin-right: 0;}
.questions-input-area .questions-input-wrap{
    display: flex;
    align-items: flex-end;
    margin-bottom: 30px;
}
.questions-input-area input{
    border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 14px;
}
.questions-input-area input::placeholder{
    color: #9d9d9d;
    font-size: 14px;
}
.questions-input-area .questions-input-single-area{
    margin-top: 0;
    margin-bottom: 30px;
}
.questions-input-area .questions-input-wrap:nth-child(2), .questions-input-area .digital-wrap-line{margin-bottom: 27px;}
.questions-input-area .digital-wrap-line:nth-child(1){margin-bottom: 25;}
.question-select-box{
    width: 100%;
    height: 40px;
    padding: 11.5px 16px;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #ffffff;
    background-image: url(/images/company/service/digitalsolution/digital-select-down.png);
    background-repeat: no-repeat;
    background-position: right 11px center;
    color: #9d9d9d;
    font-size: 14px;
    font-family: "Pretendard", "Noto Sans KR", sans-serif;
    appearance: none;
}
.question-select-box option{
    color: #9d9d9d;
    font-size: 14px;
    font-family: "Pretendard", "Noto Sans KR", sans-serif;
}
.questions-input-area .input-subtitle{margin-bottom: 4px;}
.questions-input-area .input-subtitle span{
    padding-left: 0;
    font-weight: 600;
}
.digital-agree-area{padding-top: 25px;}
.digital-agree-area .digital-agree-wrap{margin-bottom: 21px;}
.digital-agree-area .digital-agree-wrap:last-child{margin-bottom: 0;}
.digital-agree-area .digital-agree-wrap input[type="checkbox"]{display: none;}
.digital-agree-area .digital-agree-wrap input[type="checkbox"] + label{
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0;
    margin-right: 10px;
    background-image: url(/images/company/check-off.png);
    background-repeat: no-repeat;
    cursor: pointer;
}
.digital-agree-area .digital-agree-wrap input[type="checkbox"]:checked + label{background-image: url(/images/company/check-on.png);}
.digital-agree-area .digital-agree-wrap input[type="checkbox"] + label span{
    display: inline-block;
    position: absolute;
    top: -5px;
    width: 400px;
    padding: 0 26px;
    margin-top: 1px;
    color: #323232;
    font-size: 14px;
    font-weight: 400;
}
.digital-agree-area .digital-agree-wrap input[type="checkbox"] + label span.agree-emphasis{
    top: auto;
    width: 120px;
    padding: 0;
    margin-top: 0;
    margin-left: 3px;
    text-decoration: underline;
}
.digital-questions-btn{
    width: 220px;
    height: 54px;
    margin: 0 auto;
}
.digital-questions-btn button{
    display: table;
    width: 100%;
    height: 100%;
    background-color: #484b6a;
    text-align: center;
    cursor: pointer;
}
.digital-questions-btn button span{
    display: table-cell;
    width: 220px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    line-height: 130%;
    vertical-align: middle;
}
.digital-questions-btn button:hover{background-color: #010a5a;}

/* 솔루션 - 벤더 파트너즈 */
.digital-wrapper-sub .sub-wrap-area.digital-vp{
    padding-top: 40px;
    margin-top: 42px;
}
.digital-vp .digital-intro{
    margin-top: 0;
    margin-bottom: 62px;
}
.digital-vp .digital-intro .sub-detail-tit{margin-bottom:42px}
.digital-vp .digital-vp-line{
    padding-top: 120px;
    border-top: 1px solid #d0d0d0;
}
.digital-vp .digital-content-link-list.third .digital-content-link:nth-child(2){border-right: 1px solid #d0d0d0;}
.digital-vp .digital-content-link-list.first .digital-content-link:nth-child(1) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-vp-link-gate.png);
    background-repeat: no-repeat;
}
.digital-vp .digital-content-link-list.first .digital-content-link:nth-child(2) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-vp-link-dropoff.png);
    background-repeat: no-repeat;
}
.digital-vp .digital-content-link-list.first .digital-content-link:nth-child(3) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-vp-link-turn.png);
    background-repeat: no-repeat;
}
.digital-vp .digital-content-link-list.second .digital-content-link:nth-child(1) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-vp-link-container.png);
    background-repeat: no-repeat;
}
.digital-vp .digital-content-link-list.second .digital-content-link:nth-child(2) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-vp-link-dummy.png);
    background-repeat: no-repeat;
}
.digital-vp .digital-content-link-list.second .digital-content-link:nth-child(3) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-vp-link-rf.png);
    background-repeat: no-repeat;
}
.digital-vp .digital-content-link-list.third .digital-content-link:nth-child(1) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-vp-link-inquiry.png);
    background-repeat: no-repeat;
}
.digital-vp .digital-content-link-list.third .digital-content-link:nth-child(2) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-vp-link-status.png);
    background-repeat: no-repeat;
}
.digital-vp .digital-content-link-list.third .digital-content-link:nth-child(3) .digital-content-link-bottom .digital-content-link-ic{/* 2024.07.18 추가 */
    background: url(/images/company/service/digitalsolution/pc-vp-link-operation.png);
    background-repeat: no-repeat;
}

.digital-vp .digital-content-link-list.first .digital-content-link:hover:nth-child(1) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-vp-link-gate-on.png);
}
.digital-vp .digital-content-link-list.first .digital-content-link:hover:nth-child(2) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-vp-link-dropoff-on.png);
}
.digital-vp .digital-content-link-list.first .digital-content-link:hover:nth-child(3) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-vp-link-turn-on.png);
}
.digital-vp .digital-content-link-list.second .digital-content-link:hover:nth-child(1) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-vp-link-container-on.png);
}
.digital-vp .digital-content-link-list.second .digital-content-link:hover:nth-child(2) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-vp-link-dummy-on.png);
}
.digital-vp .digital-content-link-list.second .digital-content-link:hover:nth-child(3) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-vp-link-rf-on.png);
}
.digital-vp .digital-content-link-list.third .digital-content-link:hover:nth-child(1) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-vp-link-inquiry-on.png);
}
.digital-vp .digital-content-link-list.third .digital-content-link:hover:nth-child(2) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-vp-link-status-on.png);
}
.digital-vp .digital-content-link-list.third .digital-content-link:hover:nth-child(3) .digital-content-link-bottom .digital-content-link-ic{/* 2024.07.18 추가 */
    background: url(/images/company/service/digitalsolution/pc-vp-link-operation-on.png);
}

/* 2024.07.18 영문과 국문의 아이콘 구분을 위한 추가 */
.digital.en .digital-vp .digital-content-link-list.first .digital-content-link:nth-child(1) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-vp-link-gate.png);
    background-repeat: no-repeat;
}
.digital.en .digital-vp .digital-content-link-list.first .digital-content-link:nth-child(2) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-vp-link-rf.png);
    background-repeat: no-repeat;
}
.digital.en .digital-vp .digital-content-link-list.first .digital-content-link:nth-child(3) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-vp-link-inquiry.png);
    background-repeat: no-repeat;
}
.digital.en .digital-vp .digital-content-link-list.second .digital-content-link:nth-child(1) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-vp-link-status.png);
    background-repeat: no-repeat;
}
.digital.en .digital-vp .digital-content-link-list.second .digital-content-link:nth-child(2) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-vp-link-operation.png);
    background-repeat: no-repeat;
}

.digital.en .digital-vp .digital-content-link-list.first .digital-content-link:hover:nth-child(1) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-vp-link-gate-on.png);
    background-repeat: no-repeat;
}
.digital.en .digital-vp .digital-content-link-list.first .digital-content-link:hover:nth-child(2) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-vp-link-rf-on.png);
    background-repeat: no-repeat;
}
.digital.en .digital-vp .digital-content-link-list.first .digital-content-link:hover:nth-child(3) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-vp-link-inquiry-on.png);
    background-repeat: no-repeat;
}
.digital.en .digital-vp .digital-content-link-list.second .digital-content-link:hover:nth-child(1) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-vp-link-status-on.png);
    background-repeat: no-repeat;
}
.digital.en .digital-vp .digital-content-link-list.second .digital-content-link:hover:nth-child(2) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-vp-link-operation-on.png);
    background-repeat: no-repeat;
}

/* 솔루션 - 인보이스 지불*/
.digital-wrapper-sub .sub-wrap-area.digital-invoicepayment{
    padding-top: 40px;
    margin-top: 42px;
}
.digital-invoicepayment .digital-intro{
    margin-top: 0;
    margin-bottom: 120px;
}
.digital-invoicepayment .digital-intro .sub-detail-tit{
    margin-bottom: 42px;
    color: #323232;
}
.digital-invoicepayment .digital-intro span{
    margin-bottom: 62px;
    text-align: center;
}
.digital-content-characteristic{
    padding: 0 41px;
}
.digital-content-characteristic .digital-characteristic-list li{
    display: table;
    width: 100%;
    padding: 19px 41px 18px 41px;
    border-top: 1px solid #d0d0d0;
}
.digital-content-characteristic .digital-characteristic-list li:last-child{border-bottom: 1px solid #d0d0d0;}
.digital-content-characteristic .digital-characteristic-list .digital-characteristic-wrap{
    display: table-cell;
    vertical-align: middle;
}
.digital-content-characteristic .digital-characteristic-list .digital-characteristic{
    display: flex;
    align-items: flex-start;
}
.digital-content-characteristic .digital-characteristic-list span{margin: 0;}
.digital-content-characteristic .digital-characteristic-list .characteristic-number{
    width: 48px;
    margin-right: 14px;
    color: #232b33;
    font-size: 18px;
    font-weight: 700;
}
.digital-content-characteristic.en .digital-characteristic-list .characteristic-number{
    width: 74px;
    text-align: left;
}
.digital-content-characteristic .digital-characteristic-list .characteristic-text{
    width: 92.84%;
    padding: 0;
    color: #323232;
    font-size: 18px;
    text-align: left;
}
.digital-content-characteristic .digital-characteristic-list .characteristic-text .line-break{display: inline;}
.digital-common-link .digital-content-link-list{
    display: flex;
    flex-wrap: wrap;
    height: 184px;
    border-bottom: 1px solid #d0d0d0;
}
.digital-common-link .digital-content-link-list:last-child{
    height: 183px;
    border-bottom: 0;
}
.digital-content-link-list .digital-content-link{
    width: 33.33%;
    padding: 23px 14px 23px 30px;
    border-right: 1px solid #d0d0d0;
    background-color: #ffffff;
}
.digital-content-link-list .digital-content-link:nth-child(3){border-right: 0;}
.digital-content-link-list .digital-content-link a{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;    
}
.digital-content-link-list .digital-content-link .digital-content-link-top{margin-left: -1px;}
.digital-content-link .digital-content-link-title{
    padding: 0;
    margin-bottom: 4px;
    color: #010a5a;
    font-size: 16px;
    font-weight: 600;
}
.digital-content-link .digital-content-link-text{
    padding: 0;
    color: #323232;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}
.digital-content-link .digital-content-link-bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.digital-content-link .digital-content-link-bottom .digital-content-link-more{
    margin-top: 28px;
    margin-left: -1px;
}
.digital-content-link-more .link-more-line{
    width: 30px;
    height: 2px;
    padding: 0;
    margin: 0 auto;
    background-color: #d0d0d0;
}
.digital-content-link-more .link-more-text{
    padding: 0;
    padding-top: 6px;
    color: #323232;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
}
.digital-content-link .digital-content-link-bottom .digital-content-link-ic{
    width: 68px;
    height: 58px;
    padding: 0;
}
.digital-invoicepayment .digital-content-link-list.second .digital-content-link:nth-child(2){border-right: 1px solid #d0d0d0;}
.digital-invoicepayment .digital-content-link-list.first .digital-content-link:nth-child(1) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-invoicepayment-link-dashboard.png);
    background-repeat: no-repeat;
}
.digital-invoicepayment .digital-content-link-list.first .digital-content-link:nth-child(2) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-invoicepayment-link-invoice.png);
    background-repeat: no-repeat;
}
.digital-invoicepayment .digital-content-link-list.first .digital-content-link:nth-child(3) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-invoicepayment-link-status.png);
    background-repeat: no-repeat;
}
.digital-invoicepayment .digital-content-link-list.second .digital-content-link:nth-child(1) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-invoicepayment-link-dispute.png);
    background-repeat: no-repeat;
}
.digital-invoicepayment .digital-content-link-list.second .digital-content-link:nth-child(2) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-invoicepayment-link-dnd.png);
    background-repeat: no-repeat;
}
.digital-invoicepayment .digital-content-link-list.second .digital-content-link:nth-child(3) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-invoicepayment-link-surcharge.png);
    background-repeat: no-repeat;
}

.digital-invoicepayment .digital-content-link-list.first .digital-content-link:hover:nth-child(1) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-invoicepayment-link-dashboard-on.png);
}
.digital-invoicepayment .digital-content-link-list.first .digital-content-link:hover:nth-child(2) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-invoicepayment-link-invoice-on.png);
}
.digital-invoicepayment .digital-content-link-list.first .digital-content-link:hover:nth-child(3) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-invoicepayment-link-status-on.png);
}
.digital-invoicepayment .digital-content-link-list.second .digital-content-link:hover:nth-child(1) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-invoicepayment-link-dispute-on.png);
}
.digital-invoicepayment .digital-content-link-list.second .digital-content-link:hover:nth-child(2) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-invoicepayment-link-dnd-on.png);
}
.digital-invoicepayment .digital-content-link-list.second .digital-content-link:hover:nth-child(3) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-invoicepayment-link-surcharge-on.png);
}

/* 인터페이스 - API 구성 */
.digital-wrapper-sub .sub-wrap-area.digital-api{
    padding-top: 40px;
    margin-top: 42px;
}
.digital-api .digital-intro{
    margin-top: 0;
    margin-bottom: 62px;
}
.digital-api .digital-intro .sub-detail-tit{
    margin-bottom: 42px;
    color: #323232;
}
.digital-api .digital-intro span{margin-bottom: 0;}
.digital-api .digital-intro span strong{font-weight: 600;}
.digital-api .digital-common-link{
    padding-top: 120px;
    border-top: 1px solid #d0d0d0;
}
.digital-api .digital-content-link-list.first .digital-content-link:nth-child(1) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-api-link-platform.png);
    background-repeat: no-repeat;
}
.digital-api .digital-content-link-list.first .digital-content-link:nth-child(2) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-api-link-gallery.png);
    background-repeat: no-repeat;
}
.digital-api .digital-content-link-list.first .digital-content-link:nth-child(3) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-api-link-use.png);
    background-repeat: no-repeat;
}

.digital-api .digital-content-link-list.first .digital-content-link:hover:nth-child(1) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-api-link-platform-on.png);
    background-repeat: no-repeat;
}
.digital-api .digital-content-link-list.first .digital-content-link:hover:nth-child(2) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-api-link-gallery-on.png);
    background-repeat: no-repeat;
}
.digital-api .digital-content-link-list.first .digital-content-link:hover:nth-child(3) .digital-content-link-bottom .digital-content-link-ic{
    background: url(/images/company/service/digitalsolution/pc-api-link-use-on.png);
    background-repeat: no-repeat;
}

/* 인터페이스 - HMM EDI */
.digital .sub-wrap-area.digital-edi{margin-top: 82px;}
.digital-edi .digital-intro{
    margin: 0;
    margin-bottom: 61px;
}
.digital-edi .digital-intro .sub-detail-tit{margin-bottom: 42px;}
.digital-edi .digital-intro span{margin-bottom: 16px;}
.digital-edi .digital-intro span .line-break{
    display: block;
    margin-bottom: 0;
}
.digital-edi .digital-intro span .line-break02{
    display: inline;
    margin-bottom: 0;
}
.digital-edi .digital-intro .digital-text-notice{
    margin-bottom: 0;
    font-size: 16px;
}
.digital-edi .digital-questions-btn{margin-top: 62px;}
.digital-edi-form{
    padding: 101px 0;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
}
.digital-edi .sub-wrap-map-area .table-area{margin-top: 114px;}
.digital-edi .sub-wrap-map-area .table-area h2{
    margin-bottom: 13px;
    margin-left: -1px;
}
.sub-wrap-map-area .table-area .normal-table-wrap .table-horizontal-type tbody tr th{
    background-color: #010a5a;
    color: #ffffff;
    font-weight: 700;
}
.table-horizontal-type tbody tr th:not(.table-multi-space), .table-horizontal-type tbody tr td{width: 9.092%;}
.table-horizontal-type tbody tr th, .table-horizontal-type tbody tr td{font-size: 16px;}
.sub-wrap-map-area .table-area .normal-table-wrap .table-horizontal-type span{line-height: 19px;}

/* 인터페이스 - HMM e-Service */
.digital .sub-wrap-area.digital-eservice{margin-top: 82px;}
.digital-eservice .digital-intro{margin: 0;}
.digital-eservice .digital-intro .sub-detail-tit{margin-bottom: 42px;}
.digital-eservice .digital-intro span{margin-bottom: 62px;}
.digital-eservice .digital-content-characteristic{margin-bottom: 102px;}
.digital-eservice .digital-content-characteristic .digital-characteristic-list .characteristic-number,
.digital-eservice .digital-content-characteristic .digital-characteristic-list .characteristic-text{margin-bottom: 0;}
.digital-eservice .digital-content-characteristic .digital-characteristic-list .characteristic-number{
    margin-left: -7px;
    text-align: left;
}
.digital-eservice .digital-content-characteristic .digital-characteristic-list li{padding-right: 16px;}
.digital-eservice .digital-questions-btn button span{
    margin-bottom: 0;
    line-height: 0;
}

/* 인터페이스 - HMM 챗봇 */
.digital .sub-wrap-area.digital-chatbot{margin-top: 82px;}
.digital-chatbot .digital-intro{
    margin: 0;
    border-bottom: 1px solid #d0d0d0;
}
.digital-chatbot .digital-intro .sub-detail-tit{margin-bottom: 42px;}
.digital-chatbot .digital-intro span{
    padding-bottom: 60px;
    margin-bottom: 0;
}
.chatbot-content-wrap{
    padding: 0;
    margin: 0 22px;
}
.chatbot-content-wrap .chatbot-content{
    max-width: 1177px;
    width: 100%;
    margin: 0 auto;
}
.chatbot-content-wrap .chatbot-content img{width: 100%;}
.chatbot-content-wrap .chatbot-content .pc-chatbot-img{display: block;}
.chatbot-content-wrap .chatbot-content .mid-chatbot-img{display: none;}
.chatbot-content-wrap .chatbot-content .mo-chatbot-img{display: none;}

.digital-chatbot .digital-btn-wrap{
    padding-top: 23px;
}
.digital-chatbot .digital-questions-btn button span{
    margin-bottom: 0;
    line-height: 0;
}

/* 디지털화 아이콘 링크영역 hover 공통 */
.digital-content-link-pc{display: block;}
.digital-content-link-mo{display: none;}
.digital-vp .digital-content-link-list .digital-content-link:hover, 
.digital-invoicepayment .digital-content-link-list .digital-content-link:hover,
.digital-api .digital-content-link-list .digital-content-link:hover,
.digital-hiquote .digital-content-link-list .digital-content-link:hover{background-color: #010a5a;}

.digital-vp .digital-content-link-list .digital-content-link:hover .digital-content-link-title,
.digital-invoicepayment .digital-content-link-list .digital-content-link:hover .digital-content-link-title,
.digital-api .digital-content-link-list .digital-content-link:hover .digital-content-link-title,
.digital-hiquote .digital-content-link-list .digital-content-link:hover .digital-content-link-title{color: #ffffff;}

.digital-vp .digital-content-link-list .digital-content-link:hover .digital-content-link-text,
.digital-invoicepayment .digital-content-link-list .digital-content-link:hover .digital-content-link-text,
.digital-api .digital-content-link-list .digital-content-link:hover .digital-content-link-text,
.digital-hiquote .digital-content-link-list .digital-content-link:hover .digital-content-link-text{color: #ffffff;}

.digital-vp .digital-content-link-list .digital-content-link:hover .digital-content-link-more .link-more-text,
.digital-invoicepayment .digital-content-link-list .digital-content-link:hover .digital-content-link-more .link-more-text,
.digital-api .digital-content-link-list .digital-content-link:hover .digital-content-link-more .link-more-text,
.digital-hiquote .digital-content-link-list .digital-content-link:hover .digital-content-link-more .link-more-text{
    padding-top: 6px;
    color: #e4e4e4;
}

@media (max-width: 1180px) {
    .digital .banner-move-div{
        padding-top: 80px;
        margin-top: 60px;
    }
    .digital .banner-move-div.digital-banner{margin-top: 60px;}
    .move-banner-section .content-wrapper.digital-wrapper-sub{padding-top: 180px;}
    .move-banner-section .content-wrapper.digital-wrapper-sub02{padding-top: 255px;}

    .digital .digital-sub-menus {top: 129px;}
    .digital-status .process-content{width: 31.907%;}
    
    .move-banner-section.ebl .content-wrapper.digital-wrapper-sub{
        border-bottom: 0;
    }
}
@media (max-width: 1024px) {
    .digital-status .process-content{width: 31.7%;}
    .ebl-content-wrap{padding: 0;}
    .ebl-content-wrap .ebl-content .pc-ebl-img{display: none;}
    .ebl-content-wrap .ebl-content .mid-ebl-img{display: block;}
    .ebl-content-wrap .ebl-content .mo-ebl-img{display: none;}
    .chatbot-content-wrap .chatbot-content .pc-chatbot-img{display: none;}
    .chatbot-content-wrap .chatbot-content .mid-chatbot-img{display: block;}
    .chatbot-content-wrap .chatbot-content .mo-chatbot-img{display: none;}
}

@media (max-width: 1005px){
    .main-Overview .digital-status .status-process{
        display: flex;
    }
    .digital-status .process-title-box{
        flex-direction: column;
        max-width: 234px;
        width: 66.48%;
        margin-bottom: 0;
    }
    .digital-status .process-title span{
        padding: 10px;
        font-size: 14px;
    }
    .digital-status .process-content-wrap{
        width: 100%;
        margin-left: 10px;
    }
    .digital-status .process-content{
        display: inline-block;
        float: none;
        width: 100%;
        margin-bottom: 12px;
        margin-left: 0;
    }
    .digital-status .process-content:last-child{margin-bottom: 0;}
    .digital-status .process-box .process-text{font-size: 14px;}
    .digital-status .process-box{padding:9px 10px 15px 10px;}
    .digital-status .status-process-en .process-box{padding:9px 10px 15px 10px;}
    .digital-status .process-box ul{margin-left: -8px;}
    .digital-status .process-box ul li{margin-bottom: 0;}

    .digital-status .process-title.process-localization{
        max-width: 234px;
        height: 124px;
        margin-bottom: 2px;
        margin-right: 0;
        background-image: url(/images/company/service/digitalsolution/mo-main-status-local.png);
    }
    .digital-status .process-title.process-standardization{
        max-width: 234px;
        height: 131px;
        margin-right: 0;
        background-image: url(/images/company/service/digitalsolution/mo-main-status-standard.png);
    }
    .digital-status .process-title.process-digitization{
        max-width: 234px;
        height: 114px;
        margin-top: -5px;
        background-image: url(/images/company/service/digitalsolution/mo-main-status-digital.png);
    }
    
    .digital-status span{
        padding: 0;
        margin-bottom: 51px;
        line-height: 25px;
    }
    .digital-status span .line-break{display: block;}
    .digital-status .status-process-en .process-title span{font-size: 14px;}
    .digital-status .status-process-en .process-box ul{margin-left: 0;}
    .digital-status .status-process-en .process-box ul li{margin-bottom: 0;}
}
@media (max-width: 900px){
    .digital .banner-move-div{padding-top: 60px;}
    .digital .digital-banner .digital-sub-menus{top: 142px;}
    .digital .banner-move-div.digital-banner{padding-top: 95px;}
    .bulk-section.digital .digital-banner .banner-wrapper{height: 95px;}
    .digital .banner-move-div.digital-banner .banner-wrapper .title-box{top: calc(50% - 39px / 2 - 22px);}
    .bulk-section.digital .banner-move-div .banner-wrapper button{
        top: calc(50% - 39px/2 + 20px);
        max-width: 242px;
        height: 30px;
    }
    .bulk-section.digital .banner-move-div .banner-wrapper button span{font-size: 14px;}
    .digital .digital-sub-menus {top: 107px;}

    .digital .digital-sub-menus li {
        width: 25%;
    }
    .digital .digital-sub-menus li:only-child {width: 100%;}
    .digital .digital-sub-menus li span {font-size: 14px;}
    .move-banner-section .content-wrapper.digital-wrapper{padding-top: 142px;}
    .move-banner-section .content-wrapper.digital-wrapper-sub{padding-top: 158px;}
    .move-banner-section .content-wrapper.digital-wrapper-sub02{padding-top: 193px;}
    .digital .banner-move-div .banner-wrapper .title-box{top: calc(50% - 39px / 2 - 1px);}
    .bulk-section.digital .banner-wrapper {
        height: 60px;
        background-size: cover;
    }
    .sub-wrap-detail-area, .hmm-digitalization{padding: 0 22px !important;}
    .digital-wrap{padding: 0;}
    .bulk-section.digital .banner-tab{gap: 0 40px;}
    .bulk-section.digital .banner-tab li:first-child{margin-right: 0;}
    .bulk-section.digital .banner-tab li:last-child{margin-left: 0;}
    .digital-intro span{
        margin-bottom: 10px;
        line-height: 25px;
    }
    .digital-intro span:last-child{
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .digital-intro span.line-break span{display: inline;}
    .digital-status .sub-detail-tit{
        margin-top: 58px;
        margin-bottom: 24px;
    }
    .main-Overview{padding-top: 25px;}
    .main-Overview .digital-intro .sub-detail-tit{margin-bottom: 29px;}
    .hmm-digitalization-top .digitalization-unfold a{margin-right: 0;}
    .digitalization-unfold p{font-size: 14px;}
    .hmm-digitalization{margin-bottom: 90px;}
    .hmm-digitalization-top h2{
        font-size: 20px;
        margin-bottom: 24px;
    }
    .main-Overview .digital-status{
        padding: 0 !important;
        margin: 0 22px;
        margin-bottom: 74px;
    }
    .hmm-digitalization-top .digitalization-unfold{
        margin-right: 22px;
        margin-bottom: 15px;
    }
    .digitalization-unfold div{
        margin-left: 6px;
        margin-bottom: 0;
    }
    .hmm-digitalization-wrap .digitalization-news-notice a{padding: 10px 22px;}
    .digitalization-title{width: 68%;}
    .digitalization-title span, .digitalization-date span{margin-top: -1px;}
    .digitalization-date span{font-size: 12px;}
    .main-Solution .sub-detail-tit, .main-Interface .sub-detail-tit, 
    .digital-status .sub-detail-tit, .main-Overview .digital-intro .sub-detail-tit{font-size: 24px;}
    .main-Solution{
        padding-top: 32px !important;
        margin-top: 88px !important;
    }
    .main-Solution .sub-detail-tit{margin-bottom: 24px;}
    .main-Solution .sub-wrap-detail-area{margin-bottom: 36px;}
    
    .digital-link-solution .digital-link .digital-link-img, .digital-link-interface .digital-link .digital-link-img{
        width: 31.705%;
        height: 48px;
        margin-left: 1px;
    }
    .digital-link-solution .digital-link .link-img, .digital-link-interface .digital-link .link-img{width: 44px;}
    .digital-link-box .digital-link-img{width: 44px;}
    .digital-link-solution .digital-link:nth-of-type(1) .link-img{
        background: url(/images/company/service/digitalsolution/mo-digital-api-hiquote.png);
        background-repeat: no-repeat;
    }
    .digital-link-solution .digital-link:nth-of-type(2) .link-img{
        background: url(/images/company/service/digitalsolution/mo-digital-api-ebl.png);
        background-repeat: no-repeat;
    }
    .digital-link-solution .digital-link:nth-of-type(3) .link-img{
        background: url(/images/company/service/digitalsolution/mo-digital-api-vp.png);
        background-repeat: no-repeat;
    }
    .digital-link-solution .digital-link:nth-of-type(4) .link-img{
        background: url(/images/company/service/digitalsolution/mo-digital-api-ip.png);
        background-repeat: no-repeat;
    }
    .digital-link-interface .digital-link:nth-of-type(1) .link-img{
        background: url(/images/company/service/digitalsolution/mo-digital-api-api.png);
        background-repeat: no-repeat;
    }
    .digital-link-interface .digital-link:nth-of-type(2) .link-img{
        background: url(/images/company/service/digitalsolution/mo-digital-api-edi.png);
        background-repeat: no-repeat;
    }
    .digital-link-interface .digital-link:nth-of-type(3) .link-img{
        background: url(/images/company/service/digitalsolution/mo-digital-api-service.png);
        background-repeat: no-repeat;
    }
    .digital-link-interface .digital-link:nth-of-type(4) .link-img{
        background: url(/images/company/service/digitalsolution/mo-digital-api-chatbot.png);
        background-repeat: no-repeat;
    }
    .digital-link-pc{display: none;}
    .digital-link-mo{
        display: block;
        width: 68%;
        height: 46px;
        margin-left: -1px;
    }
    .digital-link-mo .digital-link-title{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        height: 100%;
    }
    .digital-link-mo .digital-link-title .link-title-wrap{
        width: 73%;
        margin-top: -2px;
        margin-left: -3px;
        text-align: left;
    }
    .digital-link-mo .digital-link-text{
        margin-top: 3px;
        font-size: 12px;
        text-align: left;
    }
    .digital-link-mo .digital-link-title .link-title-ic{
        position: static;
        margin-left: 30px;
    }
    .digital-link-list .digital-link-wrap{
        flex-direction: column;
        gap: 0;
        padding: 0 22px;
    }
    .digital-link-list .digital-link{
        width: 100%;
        height: 82px;
        min-height: auto;
        margin-top: 10px;
    }

    .digital-link-list .digital-link a{
        padding-top: 19px;
        padding: 18px 22px;
    }
    .digital-link-list .digital-link .digital-link-box{
        display: flex;
        align-items: center;
    }
    .digital-link-list .digital-link:first-child, .digital-link .digital-link-box .digital-link-title{margin-top: 0;}
    .main-Interface{
        padding-top: 90px !important;
        padding-bottom: 178px !important;
    }
    .main-Interface .sub-detail-tit{margin-bottom: 24px;}
    .main-Interface .sub-wrap-detail-area{margin-bottom: 34px;}
    .move-banner-section .content-wrapper{padding-bottom: 0 !important;}

    /* 솔루션 - Hi Quote */
    .digital-wrapper-sub .sub-wrap-area.digital-hiquote{margin-top: 14px;}
    .digital-hiquote .digital-intro{margin-bottom: 106px;}
    .digital-hiquote .digital-intro span{margin-bottom: 58px;}
    .digital-hiquote .digital-intro .sub-detail-tit{
        margin-bottom: 28px;
        font-size: 24px;
    }
    /* 2026.05.28 추가 */
    .digital-hiquote .digital-intro .sub-detail-tit:has(> img){
        height: 48px;
    }
    
    .digital-hiquote .hmm-digitalization-top h2{margin-bottom: 24px;}
    .digital-hiquote-content{
        padding: 0;
        border-top: 0;
    }
    .hiquote-content-list li{
        min-height: 124px;
        padding: 24px 30px;
        margin-bottom: 10px;
    }
    .hiquote-content-list li:last-child{margin-bottom: 0;}
    .hiquote-content-list li .hiquote-content-title{margin-bottom: 6px;}
    .hiquote-content-list li .hiquote-content-text{
        margin-bottom: 0;
        font-size: 12px;
        line-height: 18px;
    }
    .hiquote-content-list li .hiquote-content-text .line-break{
        display: block;
        margin-bottom: 0;
        font-size: 12px;
        line-height: 18px;
    }
    .digital-hiquote .digital-wrap .hmm-digitalization{margin-bottom: 108px;}
    .digital-hiquote .digital-content-link .digital-content-link-bottom .digital-content-link-more{
        margin: 0;
        margin-top: 6px;
    }
    .digital-hiquote .digital-content-link .digital-content-link-title{margin-bottom: 1px;}
    .digital-hiquote .digital-content-link-list.first .digital-content-link:nth-child(1) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-hq-link-get.png) center center;
        background-repeat: no-repeat;
    }
    .digital-hiquote .digital-content-link-list.first .digital-content-link:nth-child(2) .digital-content-link-mo .digital-content-link-ic{
        margin-left: -4px;
        background: url(/images/company/service/digitalsolution/mo-hq-link-faq.png) center center;
        background-repeat: no-repeat;
    }
    .digital-hiquote .digital-content-link-list.first .digital-content-link:nth-child(3) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-hq-link-terms.png) center center;
        background-repeat: no-repeat;
    }
    
    .digital-hiquote .digital-content-link-list.first .digital-content-link:hover:nth-child(1) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-hq-link-get-on.png) center center;
        background-repeat: no-repeat;
    }
    .digital-hiquote .digital-content-link-list.first .digital-content-link:hover:nth-child(2) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-hq-link-faq-on.png) center center;
        background-repeat: no-repeat;
    }
    .digital-hiquote .digital-content-link-list.first .digital-content-link:hover:nth-child(3) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-hq-link-terms-on.png) center center;
        background-repeat: no-repeat;
    }
    .digital-hiquote .digital-content-link-list .digital-content-link .digital-content-link-top{padding: 0 12px;}
    .digital-hiquote .digital-content-link-list.first .digital-content-link:nth-child(3) .digital-content-link-top{margin-top: -3px;}
    .digital-hiquote .digital-content-link-list.first .digital-content-link:nth-child(2) .digital-content-link-top{padding-left: 14px;}

    /* 솔루션 - hmm eBL */
    .digital-wrapper-sub .sub-wrap-area.digital-ebl{
    	padding-top: 181px;
        padding-bottom: 0;
        margin-top: 14px;
    }
    .intro-area .intro-banner{
        margin-bottom: 60px;
    }
    .intro-area .intro-banner > div{
        padding: 0 20px;
    }
    .intro-area .intro-banner > div > span:nth-of-type(1){
        margin-bottom: 14px;
        font-size: 14px;
    }
    .intro-area .intro-banner > div > span:nth-of-type(2){
        font-size: 24px;
    }
    .intro-area .intro-banner > div > span:nth-of-type(2) > span{
        display: block;
    }
    .digital-content > div:not(:first-of-type){
        margin-top: 95px;
    }
    .digital-content > div > h2{
        margin-bottom: 50px;
        font-size: 24px;
    }
    .digital-content .merit-area, .digital-content .step-area{
        padding-bottom: 95px;
    }
    .intro-area .intro-text span{
        font-size: 14px;
    }
    .digital-content > div.merit-area, .digital-content > div.step-area{
        margin: 0 22px;
        margin-top: 95px;
    }
    .merit-area .merit-box, .step-area .step-box{
        padding: 0;
    }
    .merit-area .merit-box ul{
        padding: 40px 20px;
    }
    .merit-area .merit-box ul li{
        padding: 40px 0;
    }
    .merit-area .merit-box ul li > div{
        float: none;
    }
    .merit-area .merit-box .merit-icon{
        height: auto;
        margin: 0 auto;
    }
    .merit-area .merit-box .merit-icon > div{
        width: 65px;
        height: 61px;
        margin-top: 0;
    }
    .merit-area .merit-box .merit-icon > p{
        padding: 17px 0;
    }
    .merit-area .merit-box .merit-text{
        width: 100%;
        padding-left: 0;
    }
    .merit-area .merit-box .merit-text > div{
        padding-top: 15px;
        margin: 0 auto;
    }
    .merit-area .merit-box .merit-text > p{
        margin-top: 0;
        padding: 0 15px;
    }
    .step-area .step-box ul{
        padding: 42px 20px;
    }
    .step-area .step-box ul li{
        padding: 14px 8px;
    }
    .step-area .step-box ul li > span{
        margin-top: 0;
    }
    .step-area .step-box ul li p{
        font-size: 14px;
    }
    .faq-area{
        padding: 0 22px;
    }
    .bottom-banner-area > div{
        padding: 0 20px;
    }

    /* 솔루션 - 벤더 파트서즈 */
    .digital-wrapper-sub .sub-wrap-area.digital-vp{margin-top: 14px;}
    .digital-vp .digital-intro{margin-bottom: 23px;}
    .digital-vp .digital-intro .sub-detail-tit{
        margin-bottom: 28px;
        font-size: 24px;
    }
    .digital-vp .digital-vp-line{
        padding-top: 41px;
        border-top: 0;
    }
    .digital-vp .digital-content-link-list.third .digital-content-link:nth-child(2){border-right: 0;}
    .digital-vp .digital-content-link-list.first .digital-content-link:nth-child(1) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-vp-link-gate.png) center center;
        background-repeat: no-repeat;
    }
    .digital-vp .digital-content-link-list.first .digital-content-link:nth-child(2) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-vp-link-dropoff.png) center center;
        background-repeat: no-repeat;
    }
    .digital-vp .digital-content-link-list.first .digital-content-link:nth-child(3) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-vp-link-turn.png) center center;
        background-repeat: no-repeat;
    }
    .digital-vp .digital-content-link-list.second .digital-content-link:nth-child(1) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-vp-link-container.png) center center;
        background-repeat: no-repeat;
    }
    .digital-vp .digital-content-link-list.second .digital-content-link:nth-child(2) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-vp-link-dummy.png) center center;
        background-repeat: no-repeat;
    }
    .digital-vp .digital-content-link-list.second .digital-content-link:nth-child(3) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-vp-link-rf.png) center center;
        background-repeat: no-repeat;
    }
    .digital-vp .digital-content-link-list.third .digital-content-link:nth-child(1) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-vp-link-inquiry.png) center center;
        background-repeat: no-repeat;
    }
    .digital-vp .digital-content-link-list.third .digital-content-link:nth-child(2) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-vp-link-status.png) center center;
        background-repeat: no-repeat;
    }
    .digital-vp .digital-content-link-list.third .digital-content-link:nth-child(3) .digital-content-link-mo .digital-content-link-ic{/* 2024.07.18 추가 */
        background: url(/images/company/service/digitalsolution/mo-vp-link-operation.png) center center;
        background-repeat: no-repeat;
    }
    
    .digital-vp .digital-content-link-list.first .digital-content-link:hover:nth-child(1) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-vp-link-gate-on.png) center center;
        background-repeat: no-repeat;
    }
    .digital-vp .digital-content-link-list.first .digital-content-link:hover:nth-child(2) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-vp-link-dropoff-on.png) center center;
        background-repeat: no-repeat;
    }
    .digital-vp .digital-content-link-list.first .digital-content-link:hover:nth-child(3) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-vp-link-turn-on.png) center center;
        background-repeat: no-repeat;
    }
    .digital-vp .digital-content-link-list.second .digital-content-link:hover:nth-child(1) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-vp-link-container-on.png) center center;
        background-repeat: no-repeat;
    }
    .digital-vp .digital-content-link-list.second .digital-content-link:hover:nth-child(2) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-vp-link-dummy-on.png) center center;
        background-repeat: no-repeat;
    }
    .digital-vp .digital-content-link-list.second .digital-content-link:hover:nth-child(3) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-vp-link-rf-on.png) center center;
        background-repeat: no-repeat;
    }
    .digital-vp .digital-content-link-list.third .digital-content-link:hover:nth-child(1) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-vp-link-inquiry-on.png) center center;
        background-repeat: no-repeat;
    }
    .digital-vp .digital-content-link-list.third .digital-content-link:hover:nth-child(2) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-vp-link-status-on.png) center center;
        background-repeat: no-repeat;
    }
    .digital-vp .digital-content-link-list.third .digital-content-link:hover:nth-child(3) .digital-content-link-mo .digital-content-link-ic{/* 2024.07.18 추가 */
        background: url(/images/company/service/digitalsolution/mo-vp-link-operation-on.png) center center;
        background-repeat: no-repeat;
    }

    /* 2024.07.18 영문과 국문의 아이콘 구분을 위한 추가 */
    .digital.en .digital-vp .digital-content-link-list.first .digital-content-link:nth-child(1) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-vp-link-gate.png) center center;
        background-repeat: no-repeat;
    }
    .digital.en .digital-vp .digital-content-link-list.first .digital-content-link:nth-child(2) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-vp-link-rf.png) center center;
        background-repeat: no-repeat;
    }
    .digital.en .digital-vp .digital-content-link-list.first .digital-content-link:nth-child(3) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-vp-link-inquiry.png) center center;
        background-repeat: no-repeat;
    }
    .digital.en .digital-vp .digital-content-link-list.second .digital-content-link:nth-child(1) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-vp-link-status.png) center center;
        background-repeat: no-repeat;
    }
    .digital.en .digital-vp .digital-content-link-list.second .digital-content-link:nth-child(2) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-vp-link-operation.png) center center;
        background-repeat: no-repeat;
    }

    .digital.en .digital-vp .digital-content-link-list.first .digital-content-link:hover:nth-child(1) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-vp-link-gate-on.png) center center;
        background-repeat: no-repeat;
    }
    .digital.en .digital-vp .digital-content-link-list.first .digital-content-link:hover:nth-child(2) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-vp-link-rf-on.png) center center;
        background-repeat: no-repeat;
    }
    .digital.en .digital-vp .digital-content-link-list.first .digital-content-link:hover:nth-child(3) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-vp-link-inquiry-on.png) center center;
        background-repeat: no-repeat;
    }
    .digital.en .digital-vp .digital-content-link-list.second .digital-content-link:hover:nth-child(1) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-vp-link-status-on.png) center center;
        background-repeat: no-repeat;
    }
    .digital.en .digital-vp .digital-content-link-list.second .digital-content-link:hover:nth-child(2) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-vp-link-operation-on.png) center center;
        background-repeat: no-repeat;
    }
    
    /* 솔루션 - 인보이스 지불 */
    .digital-wrapper-sub .sub-wrap-area.digital-invoicepayment{margin-top: 16px;}
    .digital-invoicepayment .digital-intro{margin-bottom: 91px;}
    .digital-invoicepayment .digital-intro .sub-detail-tit{
        margin-bottom: 26px;
        font-size: 24px;
    }
    .digital-invoicepayment .digital-intro span{
        margin-bottom: 35px;
    }
    .digital-content-characteristic{padding: 0;}
    .digital-content-characteristic .digital-characteristic-list .characteristic-number, .digital-content-characteristic .digital-characteristic-list .characteristic-text{
        margin: 0;
        font-size: 14px;
    }
    .digital-content-characteristic.en .digital-characteristic-list .characteristic-number{text-align: left;}
    .digital-content-characteristic .digital-characteristic-list .characteristic-text{text-align: left;}
    .digital-content-characteristic .digital-characteristic-list li{
        min-height: 68px;
        padding: 9px 19px 8px 19px;
    }
    .digital-content-characteristic .digital-characteristic-list li:last-child{min-height: 69px;}
    .digital-invoicepayment .digital-content-link-list.second .digital-content-link:nth-child(2){border-right: 0;}
    .digital-invoicepayment .digital-content-link-list.first .digital-content-link:nth-child(1) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-invoicepayment-link-dashboard.png) center center;
        background-repeat: no-repeat;
    }
    .digital-invoicepayment .digital-content-link-list.first .digital-content-link:nth-child(2) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-invoicepayment-link-invoice.png) center center;
        background-repeat: no-repeat;
    }
    .digital-invoicepayment .digital-content-link-list.first .digital-content-link:nth-child(3) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-invoicepayment-link-status.png) center center;
        background-repeat: no-repeat;
    }
    .digital-invoicepayment .digital-content-link-list.second .digital-content-link:nth-child(1) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-invoicepayment-link-dispute.png) center center;
        background-repeat: no-repeat;
    }
    .digital-invoicepayment .digital-content-link-list.second .digital-content-link:nth-child(2) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-invoicepayment-link-dnd.png) center center;
        background-repeat: no-repeat;
    }
    .digital-invoicepayment .digital-content-link-list.second .digital-content-link:nth-child(3) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-invoicepayment-link-surcharge.png) center center;
        background-repeat: no-repeat;
    }
    
    .digital-invoicepayment .digital-content-link-list.first .digital-content-link:nth-child(1):hover .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-invoicepayment-link-dashboard-on.png) center center;
        background-repeat: no-repeat;
    }
    .digital-invoicepayment .digital-content-link-list.first .digital-content-link:nth-child(2):hover .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-invoicepayment-link-invoice-on.png) center center;
        background-repeat: no-repeat;
    }
    .digital-invoicepayment .digital-content-link-list.first .digital-content-link:nth-child(3):hover .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-invoicepayment-link-status-on.png) center center;
        background-repeat: no-repeat;
    }
    .digital-invoicepayment .digital-content-link-list.second .digital-content-link:nth-child(1):hover .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-invoicepayment-link-dispute-on.png) center center;
        background-repeat: no-repeat;
    }
    .digital-invoicepayment .digital-content-link-list.second .digital-content-link:nth-child(2):hover .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-invoicepayment-link-dnd-on.png) center center;
        background-repeat: no-repeat;
    }
    .digital-invoicepayment .digital-content-link-list.second .digital-content-link:nth-child(3):hover .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/mo-invoicepayment-link-surcharge-on.png) center center;
        background-repeat: no-repeat;
    }

    /* 인터페이스 - API 구성 */
    .digital-wrapper-sub .sub-wrap-area.digital-api{margin-top: 14px;}
    .digital-api .digital-intro{margin-bottom: 63px;}
    .digital-api .digital-intro .sub-detail-tit{
        margin-bottom: 29px;
        font-size: 24px;
    }
    .digital-api .digital-common-link{
        padding-top: 0;
        border-top: 0;
    }
    .digital-api .digital-content-link-list.first .digital-content-link:nth-child(1) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/pc-api-link-platform.png) -7px 1px;
        background-repeat: no-repeat;
    }
    .digital-api .digital-content-link-list.first .digital-content-link:nth-child(2) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/pc-api-link-gallery.png) -7px 1px;
        background-repeat: no-repeat;
    }
    .digital-api .digital-content-link-list.first .digital-content-link:nth-child(3) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/pc-api-link-use.png) -7px 1px;
        background-repeat: no-repeat;
    }

    .digital-api .digital-content-link-list.first .digital-content-link:hover:nth-child(1) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/pc-api-link-platform-on.png) -7px 1px;
        background-repeat: no-repeat;
    }
    .digital-api .digital-content-link-list.first .digital-content-link:hover:nth-child(2) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/pc-api-link-gallery-on.png) -7px 1px;
        background-repeat: no-repeat;
    }
    .digital-api .digital-content-link-list.first .digital-content-link:hover:nth-child(3) .digital-content-link-mo .digital-content-link-ic{
        background: url(/images/company/service/digitalsolution/pc-api-link-use-on.png) -7px 1px;
        background-repeat: no-repeat;
    }

    /* 인터페이스 - HMM EDI */
    .digital .sub-wrap-area.digital-edi{margin-top: 54px;}
    .digital-edi .digital-intro span .line-break{display: inline;}
    .digital-edi .digital-intro span .line-break02{display: block;}
    .digital-edi .digital-intro{margin-bottom: 62px;}
    .digital-edi .digital-intro .sub-detail-tit{
        margin-bottom: 28px;
        font-size: 24px;
    }
    .digital-edi .digital-intro .digital-text-notice{
        margin-top: -6px;
        font-size: 14px;
    }
    .digital-edi .sub-wrap-map-area .table-area{
        padding-bottom: 178px;
        margin-top: 124px;
    }
    .digital-edi-form{
        padding-top: 76px;
        padding-bottom: 0;
        margin: 0 22px;
        border-bottom: 0;
    }
    .digital-edi .sub-wrap-map-area .table-area h2{
        padding: 0 22px;
        margin-bottom: 16px;
    }
    .digital-edi .sub-wrap-map-area .table-area .normal-table-wrap{display: block;}
    .digital-edi .sub-wrap-map-area .table-area .normal-table-wrap .hmm-table{width: 1111px;}
    .table-horizontal-type tbody tr th, .table-horizontal-type tbody tr td{
        padding: 0;
        font-size: 14px;
    }
    .table-horizontal-type tbody tr th:not(.table-multi-space), .table-horizontal-type tbody tr td{width: 101px;}
    .sub-wrap-map-area .table-area .normal-table-wrap .table-horizontal-type span{line-height: 16px;}
    .digital-edi .digital-questions-btn{margin-top: 99px;}

    /* 인터페이스 - HMM e-Service */
    .digital .sub-wrap-area.digital-eservice{
        padding-bottom: 178px;
        margin-top: 54px;
    }
    .digital-eservice .digital-intro .sub-detail-tit{
        margin-bottom: 29px;
        font-size: 24px;
    }
    .digital-eservice .digital-content-characteristic{margin-bottom: 90px;}
    .digital-eservice .digital-content-characteristic .digital-characteristic-list .characteristic-number{
        margin-right: 0;
        margin-left: 0;
    }

    /* 인터페이스 - HMM 챗봇 */
    .digital .sub-wrap-area.digital-chatbot{
        padding-bottom: 178px;
        margin-top: 54px;
    }
    .digital-chatbot .digital-intro{
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin: 0 22px;
        padding-bottom: 63px !important;
    }
    .digital-chatbot .digital-intro .sub-detail-tit{margin-bottom: 28px;}
    .digital-chatbot .digital-intro .sub-detail-tit{font-size: 24px;}
    .digital-chatbot .digital-btn-wrap{
        padding-top: 70px;
        margin: 0 22px;
    }
    .chatbot-content-wrap{
        max-width: 596px;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }
    .chatbot-content-wrap .chatbot-content{
        width: 596px;
        margin: 0;
    }
    .chatbot-content-wrap .chatbot-content .pc-chatbot-img{display: none;}
    .chatbot-content-wrap .chatbot-content .mid-chatbot-img{display: none;}
    .chatbot-content-wrap .chatbot-content .mo-chatbot-img{display: block;}

    /* 공통 영역 */
    .digital-content-link-pc{display: none;}
    .digital-content-link-mo{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .digital-common-link{
        padding-bottom: 178px;
        margin: 0 22px;
    }
    .digital-common-link .digital-content-link-list{
        height: auto;
        border-bottom: 0;
    }
    .digital-common-link .digital-content-link-list:last-child{height: auto;}
    .digital-common-link .digital-content-link-list.first, 
    .digital-common-link .digital-content-link-list.second, 
    .digital-common-link .digital-content-link-list.third{display: block;}
    .digital-common-link .digital-content-link-list:last-child .digital-content-link:last-child{border-bottom: 0;}
    
    .digital-content-link-list .digital-content-link{
        width: 100%;
        padding: 19px 33px 19px 28px;
        border-right: 0;
        border-bottom: 1px solid #d0d0d0;
    }
    .digital-content-link-mo .digital-content-link-ic{
        width: 58px;
        min-width: 58px;
        height: 58px;
        padding: 0;
        background-repeat: no-repeat;
    }
    .digital-content-link-list .digital-content-link .digital-content-link-top{
        width: 80.15%;
        padding: 0 15px;
        margin: 0;
    }
    .digital-content-link .digital-content-link-title{
        margin-bottom: 1px;
        line-height: 25px;
    }
    .digital-content-link .digital-content-link-bottom{
        display: inline-block;
        position: static;
        width: auto;
    }
    .digital-content-link .digital-content-link-bottom .digital-content-link-more{
        margin: 0;
        margin-top: 6px;
    }
    .digital-content-link-more .link-more-text{
        width: 32px;
        padding-top: 7px;
    }
}
@media (max-width: 640px){
    .bulk-section.digital .digital-banner .banner-wrapper{background-image: url(/images/company/service/digitalsolution/new_digitalsolution_overview_banner_mo.jpg);}
    .digital-ebl-content, .digital-chatbot-content{margin: 0 22px;}
    .ebl-content-wrap, .chatbot-content-wrap{
        display: block;
        max-width: 596px;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        overflow: auto;
    }
    .ebl-content-wrap .ebl-content, .chatbot-content-wrap .chatbot-content{
        width: 596px;
    }
    .ebl-content-wrap::-webkit-scrollbar, .chatbot-content-wrap::-webkit-scrollbar{
        display: block;
        width: 100%;
        height: 5px;
    }
    .ebl-content-wrap::-webkit-scrollbar-thumb, .chatbot-content-wrap::-webkit-scrollbar-thumb{
        border-radius: 5px;
        background:#010a5a
    }
}
@media (max-width: 584px){
    .digitalization-title{width: 66%;}
    .digital-status span{padding: 0;}
    .digital-content-characteristic .digital-characteristic-list .characteristic-text .line-break{display: inline;}

    .main-Overview .digital-status .status-process-wrap{
        display: block;
        overflow: auto;
        max-width: 536px;
        width: 100%;
        height: 100%;
        padding-bottom: 3px;
    }
    .main-Overview .digital-status .status-process-wrap::-webkit-scrollbar{
        display: block;
        width: 100%;
        height: 5px;
    }
    .main-Overview .digital-status .status-process-wrap::-webkit-scrollbar-thumb{
        border-radius: 5px;
        background:#010a5a
    }
    .main-Overview .digital-status .status-process{
        width: 536px;
    }
}
@media (max-width: 475px){
    .digital .digital-sub-menus li span .line-break{display: block;}
}
@media (max-width: 360px){
    .merit-area .merit-box ul{
        padding: 30px 20px;
    }
    .merit-area .merit-box ul li{
        padding: 30px 0;
    }
    .merit-area .merit-box .merit-text > p{
        padding: 0;
    }
}