@charset "utf-8";
.verw h1,
.verw h2,
.verw h3,
.verw h4,
.verw h5,
.verw h6{margin:0;}
#header h1{margin: .67em 0;}
.homepage_sub03{position: relative;}
/* .homepage_sub03 .inner{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 20;} */
.homepage_sub03 .con_box .txt_box h3{font-size: 72px; letter-spacing: -3.6px; font-weight: 700;}
.homepage_sub03 .con_box .txt_box h4{font-size: 36px; font-weight: 700; letter-spacing: -1.8px;}
.homepage_sub03 .con_box .txt_box p{ font-family: 'pre-r'; font-size: 24px; line-height: 1.333em; letter-spacing: -1.08px; color: #ffffff; text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.50);}

@media all and (max-width:1024px){
.inner{width:93.75%; padding:0;}
}
@media all and (max-width:768px){
#header h1{margin: 0;}
}

@media all and (max-width:800px){
    .homepage_sub03 .con_box .txt_box h3{font-size: 35px;}
    .homepage_sub03 .top_wrap .right_box .txt_box p{font-size: 18px;}
    .homepage_sub03 .con_box .txt_box h4{font-size: 22px;}
    .homepage_sub03 .con_box .txt_box p{font-size: 16px; word-break: keep-all;}
}
.homepage_sub03_visual{margin-bottom: 200px; background: url(/img/sub03/homepage_sub03_bg01.jpg)no-repeat center center / cover; padding:19.5% 0 24%;}
.homepage_sub03_visual .con_box{color:#ffffff;}
.homepage_sub03_visual .con_box .txt_box h2{font-size: 100px; font-weight: 700; text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.50);}

@media all and (max-width:1400px){
    .homepage_sub03_visual .con_box .txt_box h2{font-size: 60px;}
    .homepage_sub03_visual{margin-bottom: 150px;}
}

@media all and (max-width:1000px){
    .homepage_sub03_visual{margin-bottom: 100px;}

    .homepage_sub03_visual .con_box .txt_box h2{font-size: 55px;}

}
@media all and (max-width:800px){
    .homepage_sub03_visual{padding: 41.5% 0 40%; margin-bottom: 0;}
    .homepage_sub03_visual .con_box .txt_box h2{font-size: 35px;}
    .homepage_sub03_visual .con_box .img_box{width: 40%;}
}

.homepage_sub03_con01{margin-bottom: 300px; background: url(/img/sub03/homepage_sub03_bg02.jpg)no-repeat center center / cover; padding:4.5% 0 0%;}
.homepage_sub03_con01 .con_box{text-align: center; transform: translateY(100px);}
.homepage_sub03_con01 .con_box .txt_box h3{color:#004ea1; }
.homepage_sub03_con01 .con_box .txt_box h4{color:#222222;}
.homepage_sub03_con01 .con_box .txt_box p{font-weight: 300;  color:#666666;}
.homepage_sub03_con01 .con_box .txt_box p span{font-size: 700; color:#004ea1}

.homepage_sub03_con01 .con_box .img_box{width: 70%;margin:0 auto;} 


@media all and (max-width:1400px){
    .homepage_sub03_con01{margin-bottom: 200px;}
    .homepage_sub03_con01 .con_box .img_box{width: 55%;}
}

@media all and (max-width:1000px){
    .homepage_sub03_con01{margin-bottom: 250px;}
    .homepage_sub03_con01 .con_box .img_box{width: 90%;}
    .homepage_sub03_con01 .con_box .txt_box p{font-size: 20px;}
}

@media all and (max-width:800px){
    .homepage_sub03_con01{margin-bottom: 180px;}
}

.homepage_sub03_con02{ background: url(/img/sub03/homepage_sub03_bg03.jpg)no-repeat center center / cover; padding:10.5% 0 7%;}/* margin-bottom: 250px; */
.homepage_sub03_con02 .con_box .txt_box{color:#ffffff;}

.homepage_sub03_con02 .con_box .txt_box p{font-weight: 200; }
.homepage_sub03_con02 .con_box .txt_box p span{font-weight: 700;}

.homepage_sub03_con02 .con_box .color_box{width: 30%;}
.homepage_sub03_con02 .con_box .color_box ul li h3{font-size: 30px; font-weight: 700; letter-spacing: -1.5px; color:#ffffff;}
.homepage_sub03_con02 .con_box .color_box ul li {display: flex; gap:0 60px; padding:20px; align-items: center; border-bottom: 1px solid #5a9ddb;}
.homepage_sub03_con02 .con_box .color_box ul li:nth-child(1){padding-left: 0;}
.homepage_sub03_con02 .con_box .color_box ul li .img_box{width: 30%; display: flex; justify-content: center; }
.homepage_sub03_con02 .con_box .color_box ul li .img_box .shadow_box{box-shadow: 9px 16px 28.8px 3.2px rgba(0, 0, 0, 0.41); border-radius: 50%;}
.homepage_sub03_con02 .con_box .color_box ul li .txt_box{display: flex; gap: 0 60px;}

.homepage_sub03_con02 .bg_box{position: absolute; bottom:0; right:0; width: 100%; height: 100%; display: flex; justify-content: flex-end;}

@media all and (max-width:1400px){
    .homepage_sub03_con02 .inner .con_box{position: relative; z-index: 2;}
    .homepage_sub03_con02 .con_box .color_box{width: 38%;}
    .homepage_sub03_con02 .con_box .color_box ul li,.homepage_sub03_con02 .con_box .color_box ul li .txt_box{gap: 0 30px;}
    .homepage_sub03_con02 .con_box .color_box ul li .img_box{width: 20%;}
    .homepage_sub03_con02 .con_box .txt_box{color:#000000;}
    .homepage_sub03_con02 .con_box .color_box ul li h3{color:#000000;}
}

@media all and (max-width:1000px){
    .homepage_sub03_con02{ margin-bottom: 180px; padding: 10.5% 0 0;}
    .homepage_sub03_con02 .bg_box{position: inherit;}
    .homepage_sub03_con02 .con_box .color_box{width: 45%;}
    .homepage_sub03_con02 .con_box .txt_box.mb90{margin-bottom: 30px !important;}
    .homepage_sub03_con02 .con_box .txt_box{color:#ffffff;}
    .homepage_sub03_con02 .con_box .color_box ul li h3{color:#ffffff;}
}

@media all and (max-width:800px){
    .homepage_sub03_con02{margin-bottom: 0;}
    .homepage_sub03_con02 .con_box .color_box{width: 100%;}
    .homepage_sub03_con02 .con_box .color_box ul li .img_box{width: 15%;}

}

.homepage_sub03_con03{margin-bottom: 160px; background: url(/img/sub03/homepage_sub03_bg04.jpg)no-repeat center center / cover; padding:8.5% 0 5%;}
.homepage_sub03_con03 .top_wrap{display: flex; align-items: center;}
.homepage_sub03_con03 .top_wrap .left_box{position: relative; max-width: 60%;}

.homepage_sub03_con03 .top_wrap .right_box.ab_cus_yo {
    position: absolute;
    right: 100px;
    top: 200px;
}

#wrap .homepage_sub03_con03 .top_wrap .left_box .img02{position: absolute; bottom: 0; right: 0; max-width: 60%;}
.homepage_sub03_con03 .top_wrap .right_box .con_box h3{color:#09090d;}
.homepage_sub03_con03 .top_wrap .right_box .con_box h4{color:#222222;}
.homepage_sub03_con03 .top_wrap .right_box .txt_box p{color:#666666;}

@media all and (max-width:1500px){
    .homepage_sub03_con03 .top_wrap .right_box.ab_cus_yo {
        position: unset;
        padding: 0 10px;
        margin-top: 30px;
        width: 50%;
    }
}

@media all and (max-width:1400px){
    .homepage_sub03_con03 .top_wrap .left_box{width: 50%; max-width: none;}
}

@media all and (max-width:1000px){
    .homepage_sub03_con03{margin-bottom: 13%;}
    .homepage_sub03_con03 .top_wrap{flex-direction: column; justify-content: center;}
    .homepage_sub03_con03 .top_wrap .left_box{width: 70%;}
    #wrap .homepage_sub03_con03 .top_wrap .left_box .img02{position: unset; max-width: 100%; margin-top: -100px;}
    .homepage_sub03_con03 .top_wrap .right_box.ab_cus_yo {
        width: 100%;
    }

}

@media all and (max-width:800px){
    .homepage_sub03_con03{ padding: 15% 0 15%;}
    .homepage_sub03_con03 .top_wrap .left_box{width: 90%;}

}

/* 20230801 추가 */
.homepage_sub03_con04{background: url(/img/sub03/homepage_sub03_bg05.jpg)no-repeat center center / cover; padding:8.5% 0 5%;}
.homepage_sub03_con04 .con_box .txt_box{color:#ffffff; text-align: right;}
.homepage_sub03_con04 .con_box .txt_box p{font-weight: 200; }
.homepage_sub03_con04 .con_box .txt_box p span{font-weight: 700;}
.homepage_sub03_con04 .bg_box{margin-top: 50px; position: relative; }
.homepage_sub03_con04 .bg_box .pc_img{position: relative; z-index: 10;}
.homepage_sub03_con04 .bg_box .img{position: absolute; }
.homepage_sub03_con04 .bg_box .right_img{right: 12.5%; top: 13%; width: 23%; }
.homepage_sub03_con04 .bg_box .left_img{left: 0; width: 32%; }
/* .homepage_sub03_con04 .bg_box{position: absolute; bottom:0; right:0; width: 100%; height: 100%; display: flex; justify-content: flex-end;} */