@charset "utf-8";

/* 솔루션 */
.sub_solution .wrapper {max-width:1330px}
.sub_solution .sec_01 {padding:120px 0 160px}
.sub_solution .list .item + .item {border-top:solid 1px rgba(0,38,85,.3);padding-top:60px;margin-top:60px}
.sub_solution .box {display:flex;align-items:center;justify-content:space-between;gap:0 60px;background:#ffffff;border-radius:50px;box-shadow:0 0 50px rgba(0,0,0,.1);padding:75px 80px}
.sub_solution .box > div {width:50%}
.sub_solution .box .img_wrap {flex:50% 0 0}
.sub_solution .box .txt_wrap {color:#002655;text-align:center}
.sub_solution .box .txt_wrap .tit {display:flex;flex-direction:column;align-items:center;gap:4px 0;font-size:40px;font-weight:600;line-height:1.2}
.sub_solution .box .txt_wrap .tit .underline {position:relative;display:inline-block}
.sub_solution .box .txt_wrap .tit .underline::before {content:'';display:block;width:calc(100% + 10px);height:16px;background:#D9D9D9;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.sub_solution .box .txt_wrap .tit .underline > span {position:relative;z-index:1}
.sub_solution .box .txt_wrap .tit strong {font-weight:800}
.sub_solution .box .txt_wrap p {font-size:23px;line-height:1.5;margin-top:30px}
.sub_solution .arrow {margin:40px auto;text-align:center}
.sub_solution .round_txt {text-align:center}
.sub_solution .round_txt p {display:inline-block;font-size:28px;line-height:1.4;border:solid 2px #002655;border-radius:50px;padding:14px 30px}
.sub_solution .round_txt p strong {font-weight:600}
.sub_solution .img_list {margin-top:40px}
.sub_solution .img_list .list {display:flex;align-items:flex-start;justify-content:center;gap:20px;}
.sub_solution .img_list .list > div {border-radius:30px;width:100%;overflow:hidden}
.sub_solution .img_list .list img {width:100%}
.sub_solution .img_list .explain {font-size:23px;font-weight:700;color:#002655;text-align:center;margin-top:24px;}
.solution_02 .img_list.wauto .list > div {width:auto}
.sub_solution .bottom_banner {background:url('../img/sub/solution_bottom.jpg') no-repeat center/cover;padding:90px 20px;text-align:center;}
.sub_solution .bottom_banner img {width:100%;max-width:346px}

.solution_01 .img_list {margin-top:56px}
.solution_01 .img_list .list > div {max-width:1110px}

.solution_02 .img_list.wauto .list > div img {width:auto;max-width:initial;height:308px}

.solution_03 .box .img_wrap {flex-basis:39%}


@media (hover: hover) {}

@media all and (max-width: 1199px) {
    .sub_solution .box {padding:50px;border-radius:32px}
    .sub_solution .box .txt_wrap .tit {font-size:32px}
    .sub_solution .box .txt_wrap p {font-size:18px}
    .sub_solution .round_txt p {font-size:20px}

    .solution_02 .img_list.wauto .list > div img {height:200px}
}

@media all and (max-width: 1023px) {
    .sub_solution .box {max-width:540px;flex-direction:column;gap:30px;margin:0 auto}
    .sub_solution .box > div {width:100%}
    .sub_solution .box .img_wrap {flex:none}
}

@media all and (max-width: 767px) {
    .sub_solution .sec_01 {padding:80px 0 100px}
    .sub_solution .list .item + .item {margin-top:40px;padding-top:40px}
    .sub_solution .box {border-radius:28px;padding:24px 24px 30px}
    .sub_solution .box .txt_wrap .tit {font-size:22px}
    .sub_solution .box .txt_wrap p {font-size:14px;margin-top:20px}
    .sub_solution .box .txt_wrap .tit .underline::before {height:10px}
    .sub_solution .round_txt p {font-size:16px}
    .sub_solution .arrow {margin:36px auto 28px}
    .sub_solution .arrow svg {width:20px}
    .sub_solution .img_list .list {flex-direction:column;}
    .sub_solution .img_list .list > div {border-radius:20px}
    .sub_solution .img_list .explain {font-size:18px;margin-top:20px}

    .solution_01 .img_list .list > div img {max-width:initial;width:140%;margin-left:-20%}
    .solution_02 .img_list.wauto .list > div {width:100%;max-width:540px;margin:0 auto}
    .solution_02 .img_list.wauto .list > div img {width:100%;max-width:100%;height:auto}

    .sub_solution .bottom_banner img {max-width:220px}
}







/* sub01 실적 */
.sub_wrap .inner{max-width: 1640px;}

.sub01 .sct1{padding-top: 120px;}
.sub01 .sct1 h3{position: relative;font-size: 45px;font-weight: 700;color: #002655;line-height: 1.7;text-align: center;padding-bottom: 20px;}
.sub01 .sct1 h3::after{content: '';position: absolute;top: 100%;left: 50%;width: 54px;height: 5px;background-color: #002655;transform: translateX(-50%);}
.sub01 .sct1 .history{margin-top: 80px;}
.sub01 .sct1 .history > li{display: flex;gap: 130px;flex-wrap: wrap;padding: 20px 0 90px;border-top: #002655 solid 1px;}
.sub01 .sct1 .history > li .year{display: inline-block;width: 230px;font-size: 90px;font-weight: 600;color: #002655;}
.sub01 .sct1 .history > li .desc{width: calc(100% - 360px);}
.sub01 .sct1 .history > li .desc .txt_box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.sub01 .sct1 .history > li .desc .txt_box:nth-child(n + 2){margin-top: 80px;border-top: #002655 solid 1px;padding-top: 20px;}
.sub01 .sct1 .history > li .desc .txt_box > div{width: 49%;}
.sub01 .sct1 .history > li .desc .txt_box .left h4{font-size: 30px;font-weight: 600;color: #002655;line-height: 1.6;}
.sub01 .sct1 .history > li .desc .txt_box .right p{font-size: 22px;font-weight: 500;color: #002655;line-height: 1.8;letter-spacing: -0.023em;}
.sub01 .sct1 .history > li .desc .txt_box .right p b{font-weight: 700;}
.sub01 .sct1 .history > li .desc .txt_box .right p + p{margin-top: 16px;}
.sub01 .sct1 .history > li .desc .img_box{position: relative;display: flex;gap: 20px;justify-content: space-between;margin-top: 60px;}
.sub01 .sct1 .history > li .desc .img_box > li .sml_tit{display: inline-block;font-size: 20px;font-weight: 500;color: #002655;margin-bottom: 10px;padding: 10px 20px;border: #002655 solid 1px;border-radius: 999px;}

.sub01 .sct1 .history > li .desc .img_box.one_tit{padding-top: 60px;}
.sub01 .sct1 .history > li .desc .img_box.one_tit > li .sml_tit{position: absolute;top: 0;left: 0;}

@media screen and (max-width:1024px) {
    .sub01 .sct1{padding-top: 80px;}
    .sub01 .sct1 h3{font-size: 26px;padding-bottom: 10px;}
    .sub01 .sct1 h3::after{width: 48px;height: 3px;}
    .sub01 .sct1 .history{margin-top: 40px;}
    .sub01 .sct1 .history > li{gap: 20px;padding: 16px 0 40px;}
    .sub01 .sct1 .history > li .year{width: 100%;font-size: 30px;}
    .sub01 .sct1 .history > li .desc{width: 100%;}
    .sub01 .sct1 .history > li .desc .txt_box{gap: 20px;}
    .sub01 .sct1 .history > li .desc .txt_box:nth-child(n + 2){margin-top: 40px;padding-top: 16px;}
    .sub01 .sct1 .history > li .desc .txt_box > div{width: 100%;}
    .sub01 .sct1 .history > li .desc .txt_box .left h4{font-size: 18px;}
    .sub01 .sct1 .history > li .desc .txt_box .left h4 br{display: none;}
    .sub01 .sct1 .history > li .desc .txt_box .right p{font-size: 16px;}
    .sub01 .sct1 .history > li .desc .txt_box .right p + p{margin-top: 10px;}
    .sub01 .sct1 .history > li .desc .img_box{gap: 10px;flex-wrap: wrap;margin-top: 20px;}
    .sub01 .sct1 .history > li .desc .img_box > li{display: flex;flex-direction: column;align-items: start; width: 100%;}
    .sub01 .sct1 .history > li .desc .img_box > li .sml_tit{font-size: 15px;margin-bottom: 6px;padding: 6px 12px;}

    .sub01 .sct1 .history > li .desc .img_box.one_tit{padding-top: 0;}
    .sub01 .sct1 .history > li .desc .img_box.one_tit > li .sml_tit{position: unset;}
}

.sub01 .sct2{padding: 80px 0 90px;background: url(/html/img/sub01_bg.jpg) no-repeat center/cover;}
.sub01 .sct2 p{font-size: 70px;font-weight: 500;color: rgba(255, 255, 255, 0.6);line-height: 1.35;letter-spacing: -0.023em;}
.sub01 .sct2 p b{font-weight: 700;}
.sub01 .sct2 .logo_box{text-align: right;margin-top: 60px;}

@media screen and (max-width:1024px) {
    .sub01 .sct2{padding: 40px 0;}
    .sub01 .sct2 p{font-size: 32px;}
    .sub01 .sct2 .logo_box{text-align: right;margin-top: 20px;}
    .sub01 .sct2 .logo_box img{width: 50%;max-width: 277px;}
}