@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

.mont {font-family: 'Montserrat', sans-serif;}
@media all and (max-width:1024px){
.inner{width:93.75%; padding:0;}
}

.sub_visual002 {position: relative;}
.sub_visual002 .top_box {position: relative;}
.sub_visual002 .top_box .inner {padding-top: 270px;}
.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 .mockup_box {width: 100%; max-width: 1400px; margin: auto;}
.sub_visual002 .mockup_box img{width: 100%;}
.sub_visual002 .float_box {position: absolute; width: 100%;}

/* 서브 메인 타이틀 */
.sub_main_tit {text-align: center; letter-spacing: 0; color: #fff; margin-bottom: 100px; position: relative;}
.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 p {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; color: #ffca4c;}
.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.white h3{color: #fff;}
.sub_con_tit.white p{color:rgba(255,255,255,.75);}
.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;}

/* 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;}

/* sub_visual002 */
.sub_visual002 .img_wrap {position: relative;}
.sub_visual002 .mockup_box {position: relative; z-index: 1; margin-bottom: -100px;}
.sub_visual002 .a {position: absolute; bottom: 252px; right: 0; z-index: 2;}
.sub_visual002 .b {position: absolute; top: 268px; right: 0;}
.sub_visual002 .c {position: absolute; bottom: 50px; left: 0; z-index: 2;}
.sub_visual002 .txt_box{text-align: center; padding-top: 150px;}
.sub_visual002 .txt_box h4{font-size: 80px; font-weight: 700; color:#132148; letter-spacing: -0.025em; word-break: keep-all;}
.sub_visual002 .txt_box p{font-size: 28px; letter-spacing: -0.025em; color:#444444; font-weight: 300; line-height: 1.5em;}

@media all and (max-width: 1400px) {
    .sub_visual002 .a,
    .sub_visual002 .b,
    .sub_visual002 .c {display: none;}
}
@media all and (max-width: 1000px) {
    .sub_main_tit h2{font-size: 64px;}
    .sub_con_tit h3 {font-size: 35px; word-break: keep-all;}
    .sub_con_tit h3 br,
    .sub_con_tit p br{display: none;}
    .sub_con_tit p{font-size: 19px;}
    .sub_visual002 .txt_box h4{font-size: 35px;}
    .sub_visual002 .txt_box p{font-size: 19px;}
    .sub_visual002 .txt_box p br{display: none;}
}

@media all and (max-width:650px){
.sub_visual002 .txt_box{width:93.75%; margin:0 auto;}
}
.software_sub04_con01{background: url(/img/software/sub03/software_sub04_con01_bg01.jpg)no-repeat center center /cover; margin-top: 700px;}
.software_sub04_con01 .content_wrap{padding-bottom: 100px;}
/* software sub02 con01 */
.software_sub04_con01 {position: relative;}
.software_sub04_con01 .bg_box {position: absolute; top: 0; right: 0;}


.software_sub04_con01 ul {display: flex; justify-content: space-between;}
.software_sub04_con01 li {text-align: center;}
.software_sub04_con01 li .icon_box {width: 250px; height: 250px; border-radius: 50%; background-color: #fff; display: flex; align-items: center; justify-content: center; margin-bottom: 28px;}
.software_sub04_con01 li b {font-weight: 800; color: #bb9333; font-size: 18px;}
.software_sub04_con01 li p {font-family: 'ns-eb'; font-size: 24px; line-height: 1.42em; color: #453131; margin-top: 15px;}

@media all and (max-width: 1400px) {
    .software_sub04_con01 ul {flex-wrap: wrap; justify-content: center; gap: 30px;}
}

/* software sub02 con02 */
.software_sub04_con02 {padding: 150px 0 0;}
.software_sub04_con02 .img_wrap {margin-top: 60px;}
.software_sub04_con02 .img_wrap_right{text-align: right;}
#wrap .software_sub04_con02 .img_wrap img {width: 100%; max-width: fit-content;}

/* software sub02 con03 */
.software_sub04_con03 { position: relative; background: url(/img/software/sub03/software_sub03_con01_bg01.jpg)no-repeat center center /cover;  padding:6% 0 85%; margin-bottom: 160px;}
.software_sub04_con03::after {content: ''; display: block; clear: both;}
.software_sub04_con03 .img_box {position: absolute; width: 100%; top: 0; left: 0; box-sizing: border-box;}
.software_sub04_con03 .img_box img {position: absolute;}

.software_sub04_con03 .left img {width: 98.83%; top: -17.37%; left: -25.39%;}
.software_sub04_con03 .right img {width: 103.59%; top: -11.16%; right: -21.09%;}

/* software sub02 con04 */
.software_sub04_con04 {padding: 200px 0;}
.software_sub04_con04 .img_wrap {background-color: #156888; position: relative; padding-bottom: 6.25%; margin-top: 12.89%;}
.software_sub04_con04 .img_wrap .img_box {width: 75%; position: relative; z-index: 1;}
.software_sub04_con04 .img_wrap .img_box img {width: 100%; margin-top: -16.04%}
.software_sub04_con04 .img_wrap .dot_box {position: absolute; width: 35.82%; bottom: -20%; right: 0;}
.software_sub04_con04 .img_wrap .dot_box img {width: 100%;}

.sub_con_tit.padding_top_cus {
    padding: 150px 0;
}

@media all and (max-width:1000px) {
    .software_sub04_con03{background-image: none; padding: 100px 0; background-color: #f9f9f9; margin-bottom: 13%;}
    .software_sub04_con02{padding: 100px 0;}
    .software_sub04_con04 .img_wrap {padding-top: 6.25%;}
    .software_sub04_con04 .img_wrap .img_box {width: 100%;}
    .software_sub04_con04 .img_wrap .img_box img {margin-top: 0;}
    .software_sub04_con04 .img_wrap .dot_box {display: none;}

    .sub_visual002 .txt_box {
        padding-top: 68px;
    }
    .sub_con_tit.padding_top_cus {
    padding: 60px 0;
}
.sub_con_tit i {
    font-size: 24px;
}
}