@charset "utf-8";
@media all and (max-width:1024px){
.inner{width:93.75%; padding:0;}
}
.sub_visual002 {}
.sub_visual002 .top_box {position: relative;}
.sub_visual002 .bot_box {position: relative;}
.sub_visual002 .bg_box {position: absolute; width: 100%; height: 100%;}
.sub_visual002 .bg_box img {width: 100%; height: 100%; object-fit: cover; object-position: top center;}

.sub_visual002 .float_box {position: absolute; width: 100%;}
.sub_visual002 .float_box .inner {display: flex; align-items: flex-end; justify-content: center;}
.sub_visual002 .float_box .pc_box {width: 72.92%; max-width: 1400px;}
.sub_visual002 .float_box .pc_box img {width: 100%;}
.sub_visual002 .float_box .m_box {width: 14.58%; max-width: 280px; margin-left: -8.59%;}
.sub_visual002 .float_box .m_box img {width: 100%;}

.sub_visual002 .top_box .content_box {padding-top: 320px; position: relative;}
.sub_visual002 .bot_box .content_box {padding-bottom: 235px; position: relative;}
.sub_visual002 .bot_box .content_box .txt_box {text-align: center; margin-top: 150px;}
.sub_visual002 .bot_box .content_box .txt_box h3 {font-family: 'pre-b'; font-size: 80px; letter-spacing: -0.025em;}
.sub_visual002 .bot_box .content_box .txt_box p {font-family: 'pre-l'; font-size: 28px; line-height: 1.5em; letter-spacing: -0.025em;}

@media all and (max-width: 1550px) {
    .sub_visual002 .float_box .pc_box {width: 90.32%;}
    .sub_visual002 .float_box .m_box {width: 18.06%; margin-left: -10.65%;}
}

@media all and (max-width:1000px){
    .sub_visual002 .top_box .content_box{padding-top: 160px;}
    .sub_visual002 .bot_box .content_box{padding-bottom: 100px;}
}

/* 서브 메인 타이틀 */
.sub_main_tit {text-align: center; letter-spacing: 0; color: #fff; margin-bottom: 100px;}
.sub_main_tit .logo_box {width: fit-content; margin: auto;}
.sub_main_tit h2 {font-family: 'pre-b'; font-size: 100px; line-height: 1em; margin: 45px 0 25px;}
.sub_main_tit span {font-family: 'pre-l'; font-size: 22px; line-height: 1em; word-break: keep-all;}

/* 서브 페이지 타이틀  */
.sub_con_tit i {font-family: 'pre-b'; font-style: normal; font-size: 32px; line-height: 1em; letter-spacing: -0.025em;}
.sub_con_tit h3 {font-family: 'pre-t'; font-size: 120px; line-height: 1.17em; letter-spacing: -0.025em; margin-top: 50px;}
.sub_con_tit h3 span {font-family: 'pre-b';}
.sub_con_tit p {font-family: 'pre-l'; font-size: 28px; line-height: 1.5em; letter-spacing: -0.025em; margin-top: 36px;}

@media all and (max-width:1000px){
    .sub_main_tit h2{font-size: 50px;}
    .sub_visual002 .bot_box .content_box .txt_box h3{font-size: 35px;}
    .sub_visual002 .bot_box .content_box .txt_box p{font-size: 22px;}
    .sub_visual002 .bot_box .content_box .txt_box p br{display: none;}
    .sub_visual002 .bot_box .content_box .txt_box{margin-top: 80px;}
    .sub_con_tit h3{font-size: 35px;}
    .sub_con_tit p{font-size: 19px; word-break: keep-all;}
    .sub_con_tit p br{display: none;}
}


/* inner */
.inner.right {max-width: calc(100% - calc(calc(100% - 1920px) / 2)); margin-right: 0;}
.inner.left {max-width: calc(100% - calc(calc(100% - 1920px) / 2)); margin-left: 0;}

/*--------------------------------------------------------------*

* 01 Hodu의 Flow *

*---------------------------------------------------------------*/

.software_sub03_con01 {background: url(/img/software/sub04/software_sub03_con01_bg.jpg)no-repeat center right / cover; padding: 6.25% 0 10%;}

.software_sub03_con01 .sub_con_tit {color: #fff;}
.software_sub03_con01 ul {display: flex; align-items: center; gap: 20px; margin-top: 80px;}
.software_sub03_con01 li {position: relative; width: calc(20% - 8px); text-align: center;}
.software_sub03_con01 li:nth-child(even) {max-width: 160px;}
.software_sub03_con01 li:nth-child(odd) {max-width: 360px;}
.software_sub03_con01 li p { width: 100%; text-align: center; position: absolute; top: 100%; left: 0; color: #fff; font-weight: 500; font-size: 32px; line-height: 1.31em; letter-spacing: -0.025em;}
.software_sub03_con01 li .arrow_box {width: fit-content; display: inline-block;}
.software_sub03_con01 li .arrow_box ~ p {margin-top: 10px; font-family: 'pre-m';}
.software_sub03_con01 li .icon_box ~ p {font-family: 'pre-b'; margin-top: 24px;}
.software_sub03_con01 .icon_box {display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1/1; border-radius: 50%; border: 2px solid #fff;}

.software_sub03_con01 .down_arrow {display: none;}

@media all and (max-width: 1200px) {
    .software_sub03_con01 ul {flex-direction: column;}
    .software_sub03_con01 ul li {width: 100%;}
    .software_sub03_con01 .left_arrow {display: none;}
    .software_sub03_con01 .down_arrow {display: block;}
    .software_sub03_con01 li p {position: static;}
    .software_sub03_con01 ul li .arrow_box ~ p {position: absolute; left: 100%; top: 50%; transform: translateY(-50%); margin-top: 0; text-align: left;}
}

@media all and (max-width:1000px){
    .software_sub03_con01{padding: 100px 0;}
    .software_sub03_con01 ul li .arrow_box ~ p{left: calc(50% + 20px);}
}

@media all and (max-width:650px){
    .software_sub03_con01 li:nth-child(odd){max-width: 80%;}
}

/*--------------------------------------------------------------*

* 02 *

*---------------------------------------------------------------*/
.software_sub03_con02 {}
.software_sub03_con02 .img_wrap {width: 100%;padding: 287px 0;}
.software_sub03_con02 .img_wrap img {width: 100%;}

/*--------------------------------------------------------------*

* 03 기존 ERP와의 연동! *

*---------------------------------------------------------------*/
.software_sub03_con03 {padding: 6.25% 0 7.81%; background: linear-gradient(to top, #4d4d4d 62%,transparent 38%); margin-bottom: 160px;}
.software_sub03_con03 .inner {position: relative;}
.software_sub03_con03 .sub_con_tit { margin-bottom: 113px;}

.software_sub03_con03 .img_box {display: flex; gap: 60px;}
.software_sub03_con03 .img_box img {width: 64.29%;}

.software_sub03_con03 .bot_wrap {direction: rtl; margin-top: 60px;}

@media all and (max-width: 1200px) {
    .software_sub03_con03 .bot_wrap {margin-top: 30px;}
    .software_sub03_con03 .img_box {gap: 30px; flex-wrap: wrap;}
    .software_sub03_con03 .img_box img {width: 100%;}
}

@media all and (max-width:1000px){
    .software_sub03_con03{padding: 100px 0; margin-bottom: 13%;}
    .software_sub03_con03 .sub_con_tit{margin-bottom: 70px;}
    .software_sub03_con02 .img_wrap {width: 100%;padding: 60px 0;}
    .sub_con_tit i {
        font-size: 20px;
    }
}

.hodu_platform {
    /* position: absolute;
    top: 287px;
    left: 50px; */
    color: #fff !important;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.65);

}