@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%; z-index: 1;}
.sub_visual002 .float_box .img_box {width: 100%; max-width: fit-content; margin: auto;}
.sub_visual002 .float_box .img_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; color: #fff; 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;}

/* 서브 메인 타이틀 */
.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;}

/* 서브 페이지 타이틀  */
.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:1024px){
    .sub_con_tit h3{font-size: 60px;}
}

@media all and (max-width:1000px){
    .sub_visual002 .top_box .content_box{padding-top: 150px;}
    .sub_main_tit h2{font-size: 52px;}
    .sub_visual002 .bot_box .content_box{padding-bottom: 100px;}
    .sub_visual002 .bot_box .content_box .txt_box{margin-top: 50px;}
    .sub_visual002 .bot_box .content_box .txt_box h3{font-size: 30px;}
    .sub_con_tit h3{font-size: 35px;}
    .sub_con_tit p,.sub_visual002 .bot_box .content_box .txt_box p 
    {font-size: 16px;}
    .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;}

@media all and (max-width:650px){
.inner.right{width:100%; max-width:100%;}}
/*--------------------------------------------------------------*

* 01 온라인 간트차트 WBS *

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

.software_sub01_con01 {background-color: #111; padding: 200px 0;}
.software_sub01_con01 .inner {position: relative;}
.software_sub01_con01 .sub_con_tit {color: #fff; margin-bottom: 113px;}

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

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

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

@media all and (max-width:1000px){
    .software_sub01_con01{padding: 100px 0;}
}

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

* 02 보고서 작성을 편하게! *

*---------------------------------------------------------------*/
.software_sub01_con02 {padding: 190px 0 0;}
.software_sub01_con02 .sub_con_tit {margin-bottom: 160px;}
.software_sub01_con02 .img_wrap .inner {background-color: #f5f5f5; text-align: right; padding-bottom: 115px;}
.software_sub01_con02 .img_wrap .img_box {display: inline-block; width: 100%; max-width: 1834px;}
.software_sub01_con02 .img_wrap .img_box img {display: block; margin-top: -25.89%;
    width: 66%;
    margin-left: auto;
}

@media all and (max-width: 2300px) {
    .software_sub01_con02 .img_wrap .img_box {max-width: 1650px;}
}

@media all and (max-width:1920px){
	.software_sub01_con02 .img_wrap .inner{padding-right: 0;}
    .software_sub01_con02 .img_wrap .img_box {max-width: 1200px;}
}

@media all and (max-width: 1500px) {
    .software_sub01_con02 .img_wrap .inner {padding-top: 115px;}
    .software_sub01_con02 .img_wrap .img_box img {margin-top: -100px; width: 100%;}
}

@media all and (max-width:1000px){
    .software_sub01_con02{padding: 80px 0 0;}
    .software_sub01_con02 .sub_con_tit{margin-bottom: 100px;}
}

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

* 03 기존 ERP와의 연동! *

*---------------------------------------------------------------*/
.software_sub01_con03 {padding: 200px 0; background-color: #333; margin-bottom: 160px;}
.software_sub01_con03 .sub_con_tit {color: #fff; margin-bottom: 120px;}
.software_sub01_con03 .img_box img {width: 100%;}

@media all and (max-width:1000px){
    .software_sub01_con03{padding: 80px 0 0; margin-bottom: 13%;}
    .software_sub01_con02 .sub_con_tit{margin-bottom: 100px;}

    .sub_con_tit .inner {
        text-align: unset !important;
    }
    .sub_con_tit i {
        text-align: left !important;
        font-size: 16px;
    }
}


/* con04 */
.software_sub01_con04 {padding: 200px 0;}


@media all and (max-width:1000px){
    .software_sub01_con04{padding: 80px 0 ; }
}