/* company1 */
#company1 .sec1 {
    background: url(../img/company1_bg.png) center top no-repeat;
}
@media (max-width:768px){
    #company1 .sec1 {
        background-size: 150%;
    }
    #company1 .sec1 .fbox > div {
        width: 100%;
        text-align: center;
    }
    #company1 .sec1 .btnWrp {
        margin-top: 15px;
    }
}


/* solInfoItems */
.solInfoItems .item {
    padding: 50px 40px;
    border-radius: var(--sub-border-radius20);
    background-color: #fff;
}
.solInfoItems .item .icon img {
    background-color: #f5f8f9;
    border-radius: 10px;
}
@media (max-width:768px){
    .solInfoItems .item {
        padding: 30px 20px;
    }
    .solInfoItems .item {
        display: flex;
    }
    .solInfoItems .item .tcon {
        margin-top: 0px !important;
        width: calc(100% - 35px);
        padding-right: 15px;
        order: 1;
    }
    .solInfoItems .item .tcon br {
        display: none;
    }
    .solInfoItems .item .icon {
        order: 2;
    }
    .solInfoItems .item .icon,
    .solInfoItems .item .icon img {
        width: 35px;
    }
}




/* company1 */
#company1 .sec3 {
    overflow: hidden;
    position: relative;
    text-align: center;
}
#company1 .sec3 .dotTop {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 30vw;
    height: 30vw;
    background-color: #004eec;
    border-radius: 50%;
    filter: blur(100px);
    z-index: 1;
    transform: translate3d(-10%, -90%, 0);
    opacity: .5;
}
#company1 .sec3 .dotBt {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20vw;
    height: 20vw;
    background-color: #004eec;
    border-radius: 50%;
    filter: blur(100px);
    z-index: 1;
    transform: translate3d(10%, 90%, 0);
    opacity: .5;
}
#company1 .sec3 .container {
    position: relative;
    z-index: 5;
}
#company1 .sec3 .odometer_wrp {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
#company1 .sec3 .odometer_wrp {
    color: #121a42;
}
#company1 .sec3 .odometer_wrp i,
#company1 .sec3 .odometer_wrp .pls {
    font-weight: 300;
    font-size: .7em;
}
#company1 .sec3 .odometer_wrp i {
    color: #333;
}
#company1 .sec3 .odometer_wrp .pls {
    margin-left: 5px;
}
#company1 .sec3 .odometer_wrp .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, 
#company1 .sec3 .odometer_wrp .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
    letter-spacing: 0px !important;
}
@media (min-width:768px){
    #company1 .sec3 ul li {
        position: relative;
    }
    /* #company1 .sec3 ul li:not(:last-child)::after {
        content: "";
        position: absolute;
        right: 45px;
        height: 80%;
        top: 10%;
        width: 1px;
        background-color: rgba(0, 0, 0, 0.1);
    } */
}
@media (max-width:1400px) and (min-width:1200px){
    #company1 .sec3 ul li {
        position: relative;
    }
    #company1 .sec3 ul li:not(:last-child)::after {
        right: 25px;
    }
}
@media (max-width:1200px) and (min-width:768px){
    #company1 .sec3 ul li {
        position: relative;
    }
    #company1 .sec3 ul li:not(:last-child)::after {
        display: none;
    }
}
@media (max-width:768px){
    #company1 .sec3 {
        text-align: center;
        padding: 60px 0 !important;
    }
    #company1 .sec3 ul li {
        margin: 15px 0;
        padding: 0px;
    }
    #company1 .sec3 ul li .odometer_wrp {
        justify-content: center;
    }
    #company1 .sec3 .odometer_wrp .pls {
        margin-left: 2px;
    }
    #company1 .sec3 ul li h5 {
        line-height: 1.3em;
    }
}


/* sec4 */
#company1 .sec4 {
    position: relative;
    max-width: 1830px;
    border-radius: 50px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    background-color: #000;
}
#company1 .sec4 .container {
    position: relative;
    z-index: 5;
}
#company1 .sec4 .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .5;
    z-index: 0;
}
#company1 .sec4 .bg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: background-color 0.4s, transform 0.4s 0.2s;
    backdrop-filter: blur(10px);
}
#company1 .sec4 .bg video {
    object-fit: cover;
    height: 100%;
}
@media (max-width:768px) {
    #company1 .sec4 {
        border-radius: 20px;
    }
    #company1 .sec4 .bg:after {
        backdrop-filter: blur(3px);
    }
}


/* solution1 */
.solution_subPage .topSec,
.solutionPage .topSec {
    background: url(../img/solution1_bg1.png) center bottom no-repeat;
    background-color: #f5f8f9;
    overflow: hidden;
}
.solutionPage .topSec .stit {
    position: relative;
}
.solutionPage .topSec .stit .icons {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width:768px){
    .solution_subPage .topSec,
    .solutionPage .topSec {
        background-size: 100%;
    }
    .solutionPage .topSec .stit .huge {
        font-size: calc(100vw * (35 / 768));
    }
}
@media (max-width:500px){
    .solutionPage .topSec .stit .huge {
        font-size: calc(100vw * (35 / 500));
    }
}

/* solution_subPage */
.solution_subPage .topSec .bk_logos {
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.solution_subPage .topSec .bk_logos img {
    background-color: #fff;
    border-radius: 10px;
}
/* numItem */
.numItems .numItem {
    position: relative;
}
.numItems .numItem .num {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.numItems .numItem .num .sm {
    font-size: .65em;
}
@media (min-width:768px){
    .numItems li:not(:first-child) .numItem:after {
        content: "";
        position: absolute;
        left: 0;
        top: 10%;
        height: 80%;
        width: 1px;
        background-color: #ddd;
    }
}
@media (max-width:768px){
    .numItems li {
        margin: 0px !important;
    }
    .numItems .numItem {
        padding: 20px 0;
        display: flex;
        align-items: center;
    }
    .numItems .numItem .num {
        width: 40%;
        order: 1;
        justify-content: flex-start;
    }
    .numItems .numItem .txt {
        width: 60%;
        text-align: right;
        order: 2;
    }
    .numItems li:not(:first-child) .numItem:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 1px;
        width: 100%;
        background-color: #ddd;
    }
}

/* stit */
.stit .ttTit span {
    display: inline-block;
    line-height: 1.1em;
    padding: 13px 24px;
    border-radius: 80px;
    background: linear-gradient(to right, #65e8d1, #0090d9);
    color: #fff;
}

@media (max-width:768px){
    #solution2_4 .sec2 .stit,
    #solution2_3 .sec2 .stit,
    #solution1 .sec3 .stit {
        text-align: center;
    }
    #solution2_4 .sec2 .stit > div,
    #solution2_3 .sec2 .stit > div,
    #solution1 .sec3 .stit > div {
        width: 100%;
    }
    #solution2_4 .sec2 .stit .rt img,
    #solution2_3 .sec2 .stit .rt img,
    #solution1 .sec3 .stit .rt img {
        max-width: 50vw;
        margin-top: 15px;
    }
}
/* wBoxCon */
.wBoxCon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background-color: rgba(255, 255, 255, .9);
    max-width: 1550px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 30px;
    box-shadow: 10px 10px 30px rgba(134, 148, 175, 0.1);
}
.wBoxCon > div {
    width: 100%;
}
.wBoxCon .txt .nn {
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: -.01em;
}
.wBoxCon .txt.text-center .nn {
    justify-content: center;
}
.wBoxCon .txt .nn .num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #00b0c0;
    color: #fff;
    font-size: .7em;
    padding-right: 2px;
}
.wBoxCon .txt .mainTxt .sm {
    font-size: .65em;
}
@media (max-width:768px){
    .wBoxCon {
        width: calc(100% - 30px);
        padding: 20px 0;
        border-radius: 10px;
    }
    .wBoxCon .fbox > div {
        width: 100%;
    }
    .wBoxCon .txt {
        padding: 20px 0;
        text-align: center;
    }
    .wBoxCon .txt .nn {
        justify-content: center;
    }
    .wBoxCon .txt .mainTxt .sm {
        display: block;
    }
}

/* prdMethod */
.prdMethod .methodItem {
    padding: 55px 25px;
    border-radius: 30px;
    border: 1px solid #ddd;
    background-color: #fff;
}
@media (min-width:768px){
    .prdMethod .methodItem .txt {
        min-height: 130px;
    }
}
@media (max-width:768px){
    .prdMethod .methodItem {
        padding: 35px 25px;
        border-radius: 10px;
        display: flex;
        align-items: center;
    }
    .prdMethod .methodItem .txt {
        width: calc(100% - 50px);
        padding-right: 15px;
    }
    .prdMethod .methodItem .icon {
        width: 50px;
    }
}

/* solution2 */
#solution2 .sec3 .wBoxCon {
    padding: 60px 100px;
}
#solution2 .sec3 .wBoxCon .txt {
    width: calc(100% - 240px);
    padding-right: 40px;
}
#solution2 .sec3 .wBoxCon .img {
    width: 240px;
}
#solution2 .sec3 .wBoxCon .img img {
    background-color: #f5fafe;
    border-radius: 50%;
}

/* solution2_1 */
@media (min-width:768px){
    #solution2_1 .sec5 .wBoxCon1 {
        padding: 20px 100px;
    }
    #solution2_1 .sec5 .wBoxCon2 {
        padding: 60px;
    }
}
/* markerLined */
.markerLinedThin {
    display: inline-block;
    position: relative;;
    margin-right: 8px;
}
.markerLinedThin:after {
    content: "";
    position: absolute;
    left: 0px;
    width: 100%;
    bottom: 10%;
    height: 20%;
    background-color: #cdf5e8;
    z-index: 0;
}
.markerLinedThin span {
    position: relative;
    z-index: 3;
}


/* sol2_list */
.sol2_list .item .img {
    padding: 40px 20px;
    border-radius: 30px;
    background-color: #f7f7f7;
}
.sol2_list .item .txt {
    margin-top: 15px;
}
.sol2_list .item .txt .tt {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
.sol2_list .item .txt .tt .ty {
    display: inline-block;
    line-height: 1em;
    padding: 7px 15px;
    border-radius: 10px;
    font-size: .8em;
}
.sol2_list .item .txt .tt .ty.ty1 {
    color: #ff0000;
    background-color: #fdf2f2;
}
.sol2_list .item .txt .tt .ty.ty2 {
    color: #046ee5;
    background-color: #edf0f3;
}
@media (max-width:768px){
    .sol2_list .item .img img {
        max-width: 40vw;
    }
}
/* sol2_iconset */
.sol2_iconset .item {
    border-radius: 20px;
    border: 1px solid #ddd;
    padding: 30px 15px;
}
.sol2_iconset .item .icon img {
    background-color: #f5f8f9;
    border-radius: 50%;
}
@media (min-width:768px){
    .sol2_iconset .item .tcon {
        margin-top: 10px;
    }
}



/* sec7 */
#solution2_1 .sec7 .banItem {
    display: block;
    text-decoration: none;
    box-shadow: 10px 10px 40px rgba(0 ,0, 0, 0.05);
    border-radius: 30px;
    background-color: #fff;
    padding: 70px 60px;
    position: relative;
    border: 1px solid #fff;
    margin: 20px 0;    
}
#solution2_1 .sec7 .backImg {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding: 30px;
}
#solution2_1 .sec7 .inner {
    display: flex;
    height: 400px;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    z-index: 5;
}
@media (max-width:1200px){
    #solution2_1 .sec7 .inner {
        display: flex;
        height: auto;
    }
    #solution2_1 .sec7 .inner .bt {
        margin-top: 40px;
    }
}
@media (max-width:768px){
    #solution2_1 .sec7 .banItem {
        border-radius: 15px;
        padding: 20px;
        display: flex;
        flex-wrap: wrap;
        text-align: center;
    }
    #solution2_1 .sec7 .banItem .inner {
        order: 2;
        width: 100%;
    }
    #solution2_1 .sec7 .backImg {
        order: 1;
        width: 100%;
        position: relative;
        padding: 0px;
        width: 100%;
        margin-bottom: 15px;
    }
    #solution2_1 .sec7 .backImg img {
        max-width: 25vw;
    }
}


/* solution2_2 */
#solution2_2 .sec2 .lft {
    background-color: #f5f8f9;
}
#solution2_2 .sec2 .rt {
    background-color: #e1f4fd;
}
@media (min-width:768px){
    #solution2_2 .sec3 .wBoxCon {
        padding: 20px 100px;
    }
}
@media (min-width:991px){
    #solution2_2 .topSec {
        padding: 60px 0;
    }
}

/* whyocr */
.whyocr .item {
    background-color: #fff;
    border-radius: var(--sub-border-radius20);
    padding: 60px 40px;
}
@media (max-width:992px){
    .whyocr .item {
        display: flex;
        align-items: center;
    }
    .whyocr .item .tcon {
        padding-right: 50px;
    }
    .whyocr .item .icon {
        margin-top: 0px !important;
    }
}
@media (max-width:768px){
    .whyocr .item {
        padding: 40px 20px;
    }
    .whyocr .item .tcon {
        width: calc(100% - 120px);
    }
    .whyocr .item .icon {
        width: 120px;
    }
}
@media (max-width:500px){
    .whyocr .item {
        padding: 40px 20px;
        flex-direction: column;
    }
    .whyocr .item .tcon {
        width: 100%;
        padding-right: 0px;
        text-align: center;
    }
    .whyocr .item .icon {
        width: 100%;
        text-align: center;
    }
    .whyocr .item .icon img {
        width: 180px;
    }
}

/* solution2_3 */
#solution2_3 .sec2 .wBoxCon {
    box-shadow: 0 0 0;
}
@media (min-width:992px){
    #solution2_3 .sec3 .whyocr .item {
        display: flex;
    }
    #solution2_3 .sec3 .whyocr .item .icon {
        text-align: right;
    }
}
@media (min-width:768px){
    #solution2_3 .sec2 .wBoxCon {
        padding: 20px 100px;
    }
}
@media (max-width:768px){
    #solution2_3 .sec2 .wBoxCon {
        padding-left: 20px;
        padding-right: 20px;
    }
}


/* solution2_4 */
#solution2_4 .sec2 .wBoxCon {
    box-shadow: 0 0 0;
}
@media (min-width:768px){
    #solution2_4 .sec2 .wBoxCon {
        padding: 20px 100px;
    }
}
@media (max-width: 500px) {
    #solution2_4 .sec3 .whyocr .item .icon img {
        width: 100%;
    }
}
@media (max-width:768px){
    #solution2_4 .sec2 .wBoxCon {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* solTabTop */
.solTabTop {
    padding: 15px 0;
    background-color: #fff;
    z-index: 50;
}
.solTabTop .dvd,
.solTabTop a {
    display: inline-block;
    vertical-align: middle;
}
.solTabTop .dvd {
    margin: 0 12px;
    height: 13px;
    width: 1px;
    background-color: #ddd;
}
.solTabTop a {
    color: #666;
    padding: 0 15px;
    text-decoration: none;
}

/* scanBoxWrp */
.scanBoxWrp {
    position: relative;
}
.scanBoxWrp .bf_arr {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: 10;
}
.scanBoxWrp .scanBox {
    background-color: #fff;
    border-radius: var(--sub-border-radius20);
    padding: 60px 20px;
    text-align: center;
}
@media (max-width:768px){
    .scanBoxWrp .scanBox {
        padding: 30px 15px;
    }
    .scanBoxWrp .bf_arr img {
        transform: rotate(90deg);
        width: 30px;
    }
    .scanBoxWrp .scanBox {
        margin: 10px 0;
    }
}

/* gr_sec */
.gr_sec {
    background: linear-gradient(to right, #65e8d1, #0090d9);
}
/* solution4 */
@media (min-width:768px){
    #solution4 .sec4 .wBoxCon {
        padding: 50px 100px;
    }
    #solution4 .sec6 .wBoxCon {
        padding: 60px 20px 0;
        flex-direction: column;
    }
}
@media (max-width:768px){
    #solution4 .sec4 .wBoxCon {
        padding: 20px;
    }
    #solution4 .sec5 .fbox > div{
        width: 100%;
    }
    #solution4 .sec5 .fbox .txt {
        order: 1;
    }
    #solution4 .sec5 .fbox .img {
        order: 2;
    }
}

/* imgBorder */
.imgBorder {
    border-radius: var(--sub-border-radius20);
}

/* pList */
.pList .dft {
    position: relative;
    padding-left: 15px;
}
.pList .dft:after {
    content: "";
    position: absolute;
    top: 13px;
    width: 3px;
    height: 3px;
    background-color: #aaa;
    left: 0;
}
/* solution4_1 */
#solution4_1 .sec4 .iconBox {
    padding: 50px;
    background-color: #fff;
    border-radius: var(--sub-border-radius20);
}
#solution4_1 .sec4 .iconBox .icon {
    text-align: right;
}
#solution4_1 .sec4 .iconBox .icon img {
    border-radius: var(--sub-border-radius20);
    background-color: rgba(0, 79, 236, 0.05);
    width: 90px;
}
#solution4_1 .sec4 .iconBox.iconBox2 .icon img {
    background-color: rgba(142, 0, 236, 0.05);
}
#solution4_1 .sec4 .iconBox.iconBox3 .icon img {
    background-color: rgba(236, 0, 118, 0.05);
}
#solution4_1 .sec4 .iconBox.iconBox4 .icon img {
    background-color: rgba(236, 8, 0, 0.05);
}
@media (min-width:768px){
    #solution4_1 .topSec {
        padding: 0px !important;
    }
}
@media (max-width:768px){
    #solution4_1 .topSec {
        padding-bottom: 0px !important;
    }
}


#solution4_1 .sec5 .wBoxCon {
    box-shadow: 0 0 0 !important;
}
@media (min-width:768px){
    #solution4_1 .sec5 .wBoxCon {
        padding: 50px 100px;
    }
}
@media (max-width:768px){
    #solution4_1 .sec5 .wBoxCon {
        padding: 20px;
    }
}



/* solution4_2 */
#solution4_2 .hisCon {
    padding-top: 20px;
    border-top: 1px solid #111;
}
#solution4_2 .hisCon2 {
    border-top: 1px solid #00b0c0;
}
#solution4_2 .sec4 .wBoxCon {
    box-shadow: 0 0 0 !important;
}
@media (min-width:768px){
    #solution4_2 .topSec {
        padding: 50px 0;
    }
    #solution4_2 .sec4 .wBoxCon {
        padding: 50px 100px;
    }
    #solution4_2 .sec5 .wBoxCon {
        padding: 60px 20px 0;
        flex-direction: column;
    }
}
@media (max-width:768px){
    #solution4_2 .sec4 .wBoxCon {
        padding: 20px;
    }
}



/* prdFeatures2 */
.prdFeatures2 .item {
    padding: 50px 30px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 15px;
    display: flex;
    align-items: center;
}
.prdFeatures2 .item .icon {
    width: 150px;
    padding: 0 25px;
}
.prdFeatures2 .item .icon img {
    /* border-radius: 50%;
    background-color: #f6fafc; */
}
.prdFeatures2 .item .tcon {
    width: calc(100% - 150px);
    padding-left: 35px;
}
@media (max-width:768px){
    .prdFeatures2 .item {
        flex-wrap: wrap;
        padding: 30px 20px;
        border-radius: 5px;
    }
    .prdFeatures2 .item .icon {
        width: 100%;
        text-align: center;
        padding-bottom: 8px;
    }
    .prdFeatures2 .item .tcon {
        width: 100%;
        padding-left: 0;
    }
    .prdFeatures2 .item .icon img {
        width: 50px;
        background-color: transparent;
    }
}

/* solution4_3 */
#solution4_3 .sec5 .iconBox {
    padding: 50px;
    border: 1px solid #ddd;
    border-radius: var(--sub-border-radius20);
}
#solution4_3 .sec5 .iconBox .icon {
    text-align: right;
}
#solution4_3 .sec5 .iconBox .icon img {
    border-radius: var(--sub-border-radius20);
    background-color: rgba(0, 79, 236, 0.05);
    width: 90px;
}
#solution4_3 .sec5 .iconBox.iconBox2 .icon img {
    background-color: rgba(142, 0, 236, 0.05);
}
#solution4_3 .sec5 .iconBox.iconBox3 .icon img {
    background-color: rgba(0, 79, 236, 0.05);
}
#solution4_3 .sec5 .iconBox.iconBox4 .icon img {
    background-color: rgba(236, 8, 0, 0.05);
}



#solution4_3 .sec6 .wBoxCon {
    box-shadow: 0 0 0 !important;
}
@media (min-width:768px){
    #solution4_3 .sec6 .wBoxCon {
        padding: 50px 100px;
    }
}
@media (max-width:768px){
    #solution4_3 .sec6 .wBoxCon {
        padding: 20px;
    }
}

/* sol5 */
#solution5 .topSec {
    background-image: none;
    background-color: #003b85;
    position: relative;
}
#solution5 .topSec .solution5_img1 {
    position: relative;
    display: inline-block;
}
@media (min-width:768px){
    #solution5 .topSec .stit {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        z-index: 5;
    }
    #solution5 .topSec .solution5_img1:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 80%;
        background: linear-gradient(to right, #003b85, transparent);
    }
    #solution5 .sec3 .scanBoxWrp .scanBox {
        padding: 30px 20px;
    }
}
@media (max-width:768px){
    #solution5 .topSec .solution5_img1:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 80%;
        width: 100%;
        background: linear-gradient(to bottom, #003b85, transparent);
    }
}
@media (max-width:992px){
    #solution5 .sec2 .stit {
        text-align: center;
    }
    #solution5 .sec2 .fbox {
        flex-wrap: wrap;
    }
    #solution5 .sec2 .fbox > div {
        width: 100%;
    }
    #solution5 .sec2 .fbox > .lft  {
        padding-bottom: 40px;
    }
}

/* lic_item */
.lic_item {
    display: flex;
    align-items: flex-start;
}
.lic_item .hd {
    width: 120px;
}
.lic_item .td {
    width: calc(100% - 120px);
}
@media (max-width:768px){
    .lic_item {
        flex-wrap: wrap;
    }
    .lic_item .hd,
    .lic_item .td {
        width: 100%;
    }
}

/* apIc_tt */
.apIc_tt{
    display: flex;
    align-items: center;
    gap: 8px;
}
@media (max-width:768px){
    .apIc_tt .apIc {
        width: 40px;
    }
}


/*table_basic*/
.table.table_basic {
    border-top: 1px solid #454f5d;
}
.table.table_basic.table_fx {
    table-layout: fixed;
}
.table.table_basic thead tr th,
.table.table_basic thead tr td,
.table.table_basic tbody tr th,
.table.table_basic tbody tr td {
    font-size: 18px;
    color: #221814;
    line-height: 1.3em;
    text-transform: none;
    border: 1px solid #ddd;
    padding: 18px 15px;
    background-color: #fff;
}
.table.table_basic2 thead tr th,
.table.table_basic2 thead tr td {
    font-size: 16px;
    padding: 5px;
}
.table.table_basic2 tbody tr th,
.table.table_basic2 tbody tr td {
    font-size: 15px;
    padding: 5px;
}
/* .table.table_basic thead tr th:first-child,
.table.table_basic thead tr td:first-child,
.table.table_basic tbody tr th:first-child,
.table.table_basic tbody tr td:first-child {
    border-left: 0px;
}
.table.table_basic thead tr th:last-child,
.table.table_basic thead tr td:last-child,
.table.table_basic tbody tr th:last-child,
.table.table_basic tbody tr td:last-child {
    border-right: 0px;
} */
.table.table_basic thead tr th {
    font-weight: 600;
}
.table.table_basic tbody tr th {
    font-weight: 500;
}
.table.table_basic tbody tr td {
    font-weight: 400;
}
.table.table_basic.table_center thead tr th,
.table.table_basic.table_center thead tr td,
.table.table_basic.table_center tbody tr th,
.table.table_basic.table_center tbody tr td {
    text-align: center;
}
.table.table_basic.th_center thead tr th,
.table.table_basic.th_center tbody tr th {
    text-align: center;
    word-break: keep-all;
}
.table.table_basic.table_vh thead tr th,
.table.table_basic.table_vh thead tr td,
.table.table_basic.table_vh tbody tr th,
.table.table_basic.table_vh tbody tr td {
    vertical-align: middle;
}
.table.table_basic.th_vh thead tr th,
.table.table_basic.th_vh tbody tr th {
    vertical-align: middle;
}
.table.table_basic.table_wb thead tr th,
.table.table_basic.table_wb tbody tr td,
.table.table_basic.table_wb tbody tr th {
    word-break: keep-all;
}
.table.table_basic tbody tr th {
    /* background-color: #fcfcfc; */
}
.table.table_basic thead tr th {
    background-color: #000;
    border-top: 1px solid #454f5d;
    color: #fff;
}
.table.table_basic tbody tr.imp th,
.table.table_basic tbody tr.imp td {
    background-color: #fdfffb;
}
.table.table_basic tbody tr.imp td {
    color: #082c44;
    font-weight: 600;
}
.table.table_basic tbody tr td.text-left {
    text-align: left;
}
.table.table_basic tbody tr td.text-right {
    text-align: right;
}
.table.table_basic tbody tr td.imp {
    background-color: #fffef4;
}
@media (max-width:992px){
    .table_wrp {
        width: 100%;
        overflow-x: scroll;
    }
    .table_wrp .table.table_basic {
        width: 700px;
    }
    .table.table_basic thead tr th,
    .table.table_basic thead tr td,
    .table.table_basic tbody tr th,
    .table.table_basic tbody tr td {
        font-size: calc(100vw * (18 / 992));
        padding: calc(100vw * (14 / 992));
    }
}
@media (max-width:768px){
    .table.table_basic thead tr th,
    .table.table_basic thead tr td,
    .table.table_basic tbody tr th,
    .table.table_basic tbody tr td {
        font-size: calc(100vw * (18 / 768));
        padding: calc(100vw * (14 / 768));
		word-break: break-all !important;
    }
}
@media (max-width:500px){
    .table.table_basic thead tr th,
    .table.table_basic thead tr td,
    .table.table_basic tbody tr th,
    .table.table_basic tbody tr td {
        font-size: calc(100vw * (18 / 500));
        padding: calc(100vw * (10 / 500));
    }
}


/* program3 .sec4 */
#ap_serv2 .sec3 .special {
    display: inline-block;
    line-height: 1.2em;
    padding: 10px 30px;
    background-color: #fd7d00;
    border-radius: 100px;
    color: #fff;
}
#ap_serv2 .sec3 .special .yl {
    color: #fff334;
}
#ap_serv2 .sec3 .chkBox {
    padding: 20px 15px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 5px 5px 20px rgba(200, 196, 193, .18);
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 350px;
    flex-direction: column;
}
#ap_serv2 .sec3 .chkBox .org_chk {
    width: 60px;
}
@media (max-width:768px){
    #ap_serv2 .sec3 .chkBox {
        display: flex;
        gap: 10px;
        justify-content: start;
        padding: 25px 20px;
        border-radius: 10px;
        align-items: center;
        text-align: left;
        height: auto;
        flex-direction: row;
    }
    #ap_serv2 .sec3 .chkBox .icon {
        width: 50px;
        order: 2;
    }
    #ap_serv2 .sec3 .chkBox .tcon {
        width: calc(100% - 50px);
        order: 1;
        padding-right: 50px;
    }
    #ap_serv2 .sec3 .chkBox .tcon > .dft {
        margin-top: 0px !important;
    }
    #ap_serv2 .sec3 .chkBox br {
        display: none;
    }
}

/* ap_serv2 */
@media (min-width:992px){
    #ap_serv2 .sec4 .whyocr .item {
        display: flex;
        align-items: center;
    }
    #ap_serv2 .sec4 .whyocr .item .icon {
        text-align: right;
        width: 200px;
    }
    #ap_serv2 .sec4 .whyocr .item .tcon {
        width: calc(100% - 200px);
    }
}




/* contBoxs */
.contBoxs .item {
    background-color: #f5f8f9;
    display: flex;
    align-items: center;
    padding: 30px;
}
.contBoxs .item.kakao {
    background-color: #f5f8f9;
}
.contBoxs .item .icon {
    font-weight: 100;
    width: 80px;
}
.contBoxs .item .txt {
    width: calc(100% - 80px);
    padding-left: 20px;
}
@media (max-width:768px) {
    .contBoxs .item {
        padding: 20px;
    }
    .contBoxs .item .icon {
        font-size: 40px;
        width: 40px;
    }
    .contBoxs .item .txt {
        width: calc(100% - 40px);
    }
}



/* partnership */
#partnership .topSec {
    background-image: none;
    background-color: #3783ef;
    position: relative;
}
#partnership .topSec .ptns_img1 {
    position: relative;
    display: inline-block;
}
#partnership .topSec .markerLinedThin:after {
    background-color: #2a70d3;
}

/* tgBt */
.tgBt span {
    display: inline-block;
    margin: 4px 4px 0 4px;
    /* border: 1px solid rgba(255, 255, 255, .5); */
    background-color: rgba(255, 255, 255, .1);
    border-radius: 100px;
    line-height: 1em;
    padding: 8px 25px;
}



/*	tag-scrollers */
.tag-scrollers {
	width: 100%;
	max-width: 1200px;
	overflow: hidden;
}
.tag-scroller {
	display: grid;
	gap: 1.5rem;
	mask: linear-gradient(90deg, #0000, #fff 15%, #fff 85%, #0000);
}
.tag-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
}
@media (prefers-reduced-motion) {
	.tag-list {
		flex-flow: row nowrap;
		overflow: auto;
		scrollbar-width: none;
		scrollbar-color: transparent transparent;
	}
	.tag-list::-webkit-scrollbar-track {
		background: transparent;
	}
	.tag-list::-webkit-scrollbar-thumb {
		background: transparent;
	}
	.tag-list::-webkit-scrollbar {
		display: none;
		width: 0;
		height: 0;
	}
}
.tag-list li {
	line-height: 1;
    padding: 8px 30px;
	border: 2px solid #ccc;
	border-radius: 100px;
	white-space: nowrap;
}
.tag-scroller.scrolling .tag-list {
	width: max-content;
	flex-wrap: nowrap;
	animation: horizontal-scroll var(--duration) var(--direction, normal) linear infinite;
}
.tag-scroller.scrolling .tag-list:nth-child(even) {
	--direction: reverse;
}
.tag-scroller:hover .tag-list {
	animation-play-state: paused;
}

@keyframes horizontal-scroll {
	to {
		transform: translateX(calc(-50% - .75rem));
	}
}


/* partnership */
#partnership .sec3 {
    background-color: #0c2c40;
}

/* cntItem */
.cntItem {
    border-radius: var(--sub-border-radius20);
    background-color: rgba(255, 255, 255, .05);
    padding: 50px;
    box-shadow: 10px 10px 30px rgba(0 ,0, 0, 0.05);
    display: flex;
    align-items: center;
}
.cntItem .tcon {
    width: calc(100% - 80px);
}
.cntItem .icon {
    width: 80px;
}
@media (max-width:768px){
    .cntItem {
        padding: 20px 30px;
    }
    .cntItem .tcon {
        width: calc(100% - 60px);
    }
    .cntItem .icon {
        width: 60px;
    }
}


#partnership .sec4 .prjLogo {
    background-color: #fff;
    padding: 15px 10px;
    border-radius: 10px;
    box-shadow: 10px 10px 30px rgba(134, 148, 175, 0.1);
}


/* comInfo */
.comInfo {
    border-top: 1px solid #ddd;
}
.comInfo .fbox:not(.fx) > div {
    width: 100%;
}
/* fItemBox */
.fItemBox {
    display: flex;
    align-items: flex-start;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
}
.fItemBox .tit {
    width: 100px;
}
.fItemBox .con {
    width: calc(100% - 100px);
}
.fItemBox.fItemBox_col3 .con1 {
    width: calc(50% - 100px);
}
.fItemBox.fItemBox_col3 .con2 {
    width: 50%;
}
@media (max-width:992px){
    .fItemBox .tit {
        width: 70px;
    }
    .fItemBox .con {
        width: calc(100% - 70px);
    }
    .fItemBox.fItemBox_col3 .con1 {
        width: calc(50% - 70px);
    }
}
@media (max-width:500px){
    .fItemBox .tit {
        width: 70px;
    }
    .fItemBox .con {
        width: calc(100% - 70px);
    }
    .fItemBox.fItemBox_col3 {
        flex-wrap: wrap;
    }
    .fItemBox.fItemBox_col3 .con2 {
        width: 100%;
        padding-left: 70px;
        margin-top: 10px;
    }
}

/* mapbox */
.mapbox .root_daum_roughmap {
	border: 0px !important;
	padding: 0px !important;
}
.mapbox .root_daum_roughmap .cont {
    display: none !important;
}
.mapbox .root_daum_roughmap .map_border {
    opacity: 0;
}
.mapbox .root_daum_roughmap .wrap_map,
.mapbox iframe {
    height: 350px !important;
}
@media (max-width:768px) {
	.mapbox .root_daum_roughmap .wrap_map,
	.mapbox iframe {
		height: 250px !important;
	}
}



/* partnership */
#partnership .sec4 .ban {
    display: block;
    text-decoration: none;
    border-radius: var(--sub-border-radius20);
    overflow: hidden;
    padding-top: 60px;
}
#partnership .sec4 .ban.ban1 {
    background: linear-gradient(to bottom, #310c89, #240762);
}
#partnership .sec4 .ban.ban2 {
    background: linear-gradient(to bottom, #1d7de4, #0f6ccf);
}
#partnership .sec4 .ban.ban3 {
    background: linear-gradient(to bottom, #033d7d, #003167);
}
#partnership .sec4 .ban.ban4 {
    background: linear-gradient(to bottom, #f3c52c, #f3b42c);
}
#partnership .sec4 .ban .tt {
    opacity: .7;
}
@media (max-width:768px){
    #partnership .sec4 .ban {
        padding: 0 0 0 40px;
        display: flex;
        align-items: center;
    }
    #partnership .sec4 .ban .txt {
        width: 40%;
        text-align: left;
    }
    #partnership .sec4 .ban .img {
        width: 60%;
    }
}
@media (max-width:500px){
    #partnership .sec4 .ban {
        padding: 0 0 0 20px;
    }
    #partnership .sec4 .ban .txt {
        width: 50%;
    }
    #partnership .sec4 .ban .img {
        width: 50%;
        padding-top: 20px;
    }
}