@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 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: 46px;}
    .sub_con_tit h3 {font-size: 35px;}
    .sub_con_tit p{font-size: 22px;}
}

@media all and (max-width:650px){
.sub_main_tit h2{font-size:42px;}
}

/* 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: 0; right: 0; z-index: 2;}
.sub_visual002 .b {position: absolute; top: 0; right: 0;}
.sub_visual002 .c {position: absolute; bottom: 0; left: 0; z-index: 2;}

@media all and (max-width: 1400px) {
    .sub_visual002 .a,
    .sub_visual002 .b,
    .sub_visual002 .c {display: none;}
}

/* software sub02 con01 */
.software_sub02_con01 {position: relative;}
.software_sub02_con01 .bg_box {position: absolute; top: 0; right: 0;}

.software_sub02_con01 .content_wrap {position: relative; background-color: #ffca4c; padding: 160px 0; margin-top: 200px;}

.software_sub02_con01 ul {display: flex; justify-content: space-between;}
.software_sub02_con01 li {text-align: center;}
.software_sub02_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_sub02_con01 li b {font-weight: 800; color: #bb9333; font-size: 18px;}
.software_sub02_con01 li p {font-family: 'ns-eb'; font-size: 24px; line-height: 1.42em; color: #453131; margin-top: 15px;}

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

/* software sub02 con02 */
.software_sub02_con02 {padding: 200px 0 0;}
.software_sub02_con02 .img_wrap {margin-top: 60px;}
.software_sub02_con02 .img_wrap img {width: 100%;}
@media all and (max-width: 1400px) {
    .software_sub02_con02 {padding: 100px 0 0;}
    
}
/* software sub02 con03 */
.software_sub02_con03 {background-color: #49cfae; position: relative; margin-top: 10.23%;}
.software_sub02_con03::after {content: ''; display: block; clear: both;}
.software_sub02_con03 .img_box {position: absolute; width: 100%; top: 0; left: 0; box-sizing: border-box;}
.software_sub02_con03 .img_box img {position: absolute;}

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

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

@media all and (max-width:1000px) {
    .software_sub02_con04{margin-bottom: 13%;}
    .software_sub02_con04 .img_wrap {padding-top: 6.25%;}
    .software_sub02_con04 .img_wrap .img_box {width: 100%;}
    .software_sub02_con04 .img_wrap .img_box img {margin-top: 0;}
    .software_sub02_con04 .img_wrap .dot_box {display: none;}
    .mt_mb_none {
        margin-top: 60px !important;
    }
}
@media all and (max-width: 1400px) {
    .software_sub02_con04 {padding: 100px 0 0;}
    
}