@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/Pretendard-Bold.eot);
    src: url(../fonts/Pretendard-Bold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/Pretendard-Bold.woff2) format('woff2'),
    url(../fonts/Pretendard-Bold.woff) format('woff'),
    url(../fonts/Pretendard-Bold.ttf) format('truetype');
}
.business-item-top{
    display: flex;
}
.business-item-top > * {
    flex:1;
}
.img2{
    transform: translateX(-20%);
}
.img3{
    transform:scale(1.1) translateX(-33%);
    /* transform:; */
}
.img4{
    transform:scale(1.1) translateX(-43%);
    /* transform:; */
}
.img5{
    transform: translateX(-33%);
}
.mtitle{
    width: 100%;
    height: auto;
    margin-top: 68px;
    font-size: 28px;
    font-weight: 700;
    color:#000;
    /* line-height: 36px; */
}
.colon{
    color: #00ABDF;
}
.mdescription{
    margin-top: 42px;
    font-family: 'Pretendard';
    font-size:16px;
    color:#444444;
    line-height: 170%;
    font-weight: 400;
}
.mdescription-mobile{
    display: none;
}
.four_idioms{
    width:550px;
    height: 160px;
    display: flex;
    position:absolute;
    top:68px;
    right:0;
}
.four_idioms > div{
    margin-right: -30px;
    width:160px;
    height: 160px;
    border-radius: 160px;
    background-color: #C0E4ED4D;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.chinese_char{
    font-family: "Eulyoo";
    font-size: 60px;
    font-weight: 600;
    color:#222;
}
.four_idioms > div > span{
    display: block;
    width:100%;
    text-align: center;
}
.mean{
    font-size: 16px;
    color:#444444;
}
.speak{
    color: #00ABDF;
    font-weight: bold;
    margin-left: 5px;
}

.descBox{
    margin-top: 100px;
    padding: 60px;
    height:348px;
    background-color: #C0E4ED4D;
    display: flex;
    border-radius: 30px;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}
.descBox > div{
    width:264px;
    /* height; */
}
.descTitle{
    width:100%;
    height: 92px;
    border-bottom:2px solid rgba(18, 18, 18, 0.2)
}
.descNum{
    height: 35px;
    line-height: 160%;
    font-size: 22px;
    font-weight: bold;
    color: rgba(0,171,223, 0.4)

}
.descString{
    height: 35px;
    line-height: 160%;
    font-size: 22px;
    color: #00ABDF;
    font-weight: bold;
}
.descCon{
    margin-top: 22px;
    height: 87px;
    font-size: 16px;
    line-height: 180%;
    color:rgba(18, 18, 18, 0.9)
}
@media (max-width:1024px) {
    .business-item-top{display: flex; flex-direction: column; gap: min(60px, 8.333vw)}
    .business-item-top > * { flex:1; }
    .img2{ transform: translateY(-10%); }
    .img3{ transform:scale(1.1) translateY(-33%); }
    .img4{transform:scale(1.1) translateY(-10%);}
    .img5{transform: translateY(-3%);}
    .mtitle{width: 100%; height: auto; margin-top: min(80px, 11.111vw); font-size: min(46px, 6.389vw); font-weight: 700; color:#000; line-height: normal;}
    .colon{
        color: #00ABDF;
        line-height: normal;
    }
    .mdescription{
        /* margin-top: 42px;
        font-family: 'Pretendard';
        font-size:16px;
        color:#444444;
        line-height: 170%;
        font-weight: 400; */
        display: none;
    }
    .mdescription-mobile{
        color: #444;
        font-family: "Pretendard";
        font-size: min(26px, 3.611vw);
        font-style: normal;
        font-weight: 400;
        line-height: 170%;
        margin-top: 31px;
        display: block;
    }
    .four_idioms{
        width:100%;
        height: 160px;
        display: flex;
        justify-content: center;
        position:relative;
        top:0px;
        left:0px;
        padding-right: 30px;
        box-sizing: border-box;
    }
    .four_idioms > div{
        margin-right: max(-30px, -4.167vw);
        width:calc(25% + min(22.5px, 3.125vw));
        height: auto;
        border-radius: 183px;
        aspect-ratio: 1 / 1;
        background-color: #C0E4ED4D;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .chinese_char{
        font-family: "Eulyoo";
        font-size: min(66px, 9.167vw);
        font-weight: 600;
        color:#222;
    }
    .four_idioms > div > span{
        display: block;
        width:100%;
        text-align: center;
    }
    .mean{
        font-size: min(20px, 2.778vw);
        color:#444444;
    }
    .speak{
        color: #00ABDF;
        font-weight: 700;
        margin-left: 5px;
    }

    .descBox{
        margin-top: min(120px, 16.667vw);
        padding: min(60px, 8.333vw);
        height:auto;
        gap:min(70px, 9.722vw);
        background-color: #C0E4ED4D;
        display: flex;
        flex-direction: column;
        border-radius: 30px;
        justify-content: space-between;
        box-sizing: border-box;
    }
    .descBox > div{
        width:100%;
        /* height; */
    }
    .descTitle{
        width:100%;
        height: auto;
        padding-bottom: min(30px, 4.167vw);
        border-bottom:2px solid rgba(18, 18, 18, 0.2)
    }
    .descNum{
        height: 54px;
        line-height: 160%;
        font-size: min(34px, 4.722vw);
        font-weight: bold;
        color: rgba(0,171,223, 0.4)

    }
    .descString{
        height: 54px;
        line-height: 160%;
        font-size: min(34px, 4.722vw);
        color: #00ABDF;
        font-weight: bold;
    }
    .descCon{
        margin-top: min(30px, 4.167vw);
        height: auto;
        font-size: min(26px, 3.611vw);
        line-height: 180%;
        color:rgba(18, 18, 18, 0.9)
    }

    .business-item-wrap ul{margin-top:120px; width:100%; display:flex; flex-direction: column; min-height: 400px; height: auto; gap:20px; margin-bottom: min(120px, 16.667vw);}
    .business-item-wrap ul li{width: 100%;position:relative; height: 100px; border-radius: 20px;}
    .business-item-wrap ul li.selected{width:100%; height: auto; position: relative;}
    .business-item-wrap ul li .spic{width:100%; height:100px;}
    .business-item-wrap ul li .spic img{width:100%; height: auto; float:left;}
    .business-item-wrap ul li.selected .spic{height: min(400px, 55.556vw);}
    .business-item-wrap ul li.selected .spic img{transform: translateY(0); height: 100%;}
    .business-item-wrap ul li.selected .spic img.img3{transform: scale(1.1) translateY(0);}
    .business-item-wrap ul li.selected .spic img.img4{transform: scale(1.1) translateY(0);}
    .business-item-wrap ul li .stit{display: none;}
    .business-item-wrap ul li.selected .stit{width:auto;height:auto;overflow:hidden;font-size:min(36px, 5vw);color:#fff;font-weight:700; display: block; margin-top: 0px; top:min(81px, 11.25vw); left:min(40px, 5.556vw)}
    .business-item-wrap ul li .sdesc{width: 100%; height:auto;overflow:hidden;position:absolute;left: 50%; top:50%; transform: translate(-50%, -50%); text-align: center; font-size: min(28px, 3.889vw);color:#71DEFF; font-weight: 700; display: flex; align-items: center; justify-content: center;}
    .business-item-wrap ul li.selected .sdesc{width:auto;height:auto;overflow:hidden;position:absolute;left:min(40px, 5.556vw);top: min(40px, 5.556vw);font-size:min(24px, 3.333vw);color:#71DEFF; text-align: left; margin-top: 0px; transform: none; display: block;}
    .business-item-wrap ul li .sdesc2{width: 100%; height:auto;overflow:hidden;position:absolute; top:116px; text-align: left; font-size:16px; color:rgba(255, 255, 255, 0.9); font-weight: 500; display: none; line-height: 160%;}
    .business-item-wrap ul li.selected .sdesc2{color: rgba(255, 255, 255, 0.90); font-family: "Pretendard"; font-size: min(20px, 2.778vw); font-style: normal; font-weight: 500; line-height: 160%; display: block; top:min(149px, 20.694vw); left:min(40px, 5.556vw)}
    .business-item-wrap ul li:nth-child(4){transform: none;}

    .business-item-wrap ul li.selected .view-more-btn{width:auto; height: auto; border-radius: 41px; background-color: #00ABDF; display: flex; justify-content: center; align-items: center; padding:min(12px, 1.667vw) min(30px, 4.167vw); gap:7px; position:absolute; bottom:min(40px, 5.556vw); left:min(40px, 5.556vw); font-weight: 500; color:rgba(255, 255, 255, 0.9); letter-spacing: 1.54px; line-height: 160%; font-size: min(22px, 3.056vw); box-sizing: border-box; cursor: pointer;}
    .business-item-wrap ul li .view-more-btn{display:none}
    .business-item-wrap ul li .view-more-btn span:last-child{font-size: min(22px, 3.056vw);}
}