/* content css */
#business1 {width:100%;overflow:hidden;position:relative;  margin: 0 auto;}
#business1 article {padding:0 0 273px;}
#business1 .sub_inner {width:100%; max-width:1600px; padding:0 50px; margin:0 auto;}

/* font_size */
.fs_120 {font-size: 120px; font-weight: 200; line-height: 1; color: rgba(255, 255, 255, 0.8); font-family: 'Poppins', sans-serif;}
.fs_30 {font-size: 30px; font-weight: 300; line-height: 1.57; letter-spacing: -0.6px; color: #002446;}
.fs_58 {font-size: 58px; font-weight: 300; line-height: 1.38; letter-spacing: -1.74px; color: #fff;}

/* quote_wrap */
#business1 .sec1 .quote_wrap {text-align: center; display: flex; justify-content: center; gap: 84px; align-items: center;}
#business1 .sec1 .quote_wrap span {font-weight: 700;}
#business1 .sec1 .quote_wrap span.black {color: #000;}
#business1 .sec1 .quote_wrap .quote {position: relative; top: -10px;}
/* flex */
#business1 .sec1 .flex {margin-top: 85px; display:flex;gap:35px; position: relative;}
#business1 .sec1 .flex::before {content: ''; display: block; width: calc(100vw - 34px); max-width: 1850px; height: 677px; position: absolute; bottom: -205px; left: 50%; transform: translateX(-50%); border-radius: 15px;background:url("../img/bus_bg.jpg") 50%/contain no-repeat;}

/* box */
#business1 .sec1 .box{position:relative;width:50%;height:646px;padding: 85px;color:#fff;overflow:hidden;border-radius:20px;background-size:cover;background-position:center;}
#business1 .sec1 .box::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.55);transition:.4s;z-index:1;}
#business1 .sec1 .box:hover::before{background:rgba(0,0,0,0);}
#business1 .sec1 .box span, .box p{position:relative;z-index:2;}
#business1 .sec1 .box span{display:block;text-align:right;}
#business1 .sec1 .box p{position:absolute;left:80px;bottom:94px;margin:0;}
#business1 .sec1 .box p::before {content: ''; position: absolute; width: 75px; height: 3px; left: 0; top: -41px; background-color: #fff;}

#business1 .sec1 .box:nth-child(1){background-image:url('../img/bus_img1.jpg');}
#business1 .sec1 .box:nth-child(2){background-image:url('../img/bus_img2.jpg');}

#business1 .sec1 .box{transition:.5s;}
#business1 .sec1 .box:hover{transform:translateY(-10px);}

#business1 .sec1 .box::before{background:rgba(0,0,0,.65);}
#business1 .sec1 .box:hover::before{background:rgba(0,0,0,.1);}
