/* Content CSS */
#contact {width:100%; overflow:hidden; position:relative; margin:0 auto;}
#contact article {padding:0 0 130px;}
#contact .sub_inner {width:100%; max-width:1600px; padding:0 50px; margin:0 auto;}

/* font_size */
.fs_45 {font-size:45px; font-weight:800; line-height:1.21; letter-spacing:-0.9px; color:#fff;}
.fs_30 {font-size:30px; font-weight:800; line-height:1.82; letter-spacing:-0.6px; color:#fff;}
.fs_25 {font-size:25px; line-height:1.88; letter-spacing:-0.5px; color:#fff;}
.fs_23 {font-size:23px; line-height:2.37; letter-spacing:-0.46px; color:#fff;}

/* contact */
#contact .sec1 .flex {width:100%; height:432px; position:relative; z-index:1; display:grid; grid-template-columns: 70% 40%; padding:80px 140px 80px 144px; box-sizing:border-box;}
#contact .sec1 .flex::before {content:''; display:block; width:1500px; height:432px; position:absolute; bottom:0; left:50%; transform:translateX(-50%); background:url("../img/contact_bg.jpg") center/cover no-repeat; z-index:-1; border-radius:20px;}

/* left_flex */
#contact .sec1 .left_flex {height:100%; display:flex; align-items:center; gap:83px; position:relative; min-width:0;}
#contact .sec1 .left_flex .location {width:137px; height:137px; border-radius:50%; background-color:rgba(255,255,255,.15); flex-shrink:0; position:relative; display:flex; justify-content:center; align-items:center;}
#contact .sec1 .left_flex .location img {display:block; width:38px; height:49px; object-fit:contain;}

#contact .sec1 .left_flex .txt_wrap {display:flex; flex-direction:column; justify-content:center; min-width:0;}
#contact .sec1 .left_flex .txt_wrap h2 {margin:0 0 20px;}
#contact .sec1 .left_flex .txt_wrap p {margin:0; word-break:keep-all;}

/* right */
#contact .sec1 .right {height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; box-sizing:border-box;}
#contact .sec1 .right::before {content:''; position:absolute; width:1px; height:432px; background-color:rgba(255,255,255,.3); left:-49px; top:50%; transform:translateY(-50%);}
#contact .sec1 .right .email {width:152px; height:152px; border-radius:50%; background-color:rgba(255,255,255,.15); display:flex; justify-content:center; align-items:center; margin:0 0 16px;}
#contact .sec1 .right .email img {display:block; width:52px; height:35px; object-fit:contain;}
#contact .sec1 .right h3 {margin:0 0 2px; text-align:center;}
#contact .sec1 .right p {margin:0; text-align:center; white-space:nowrap;}

#contact .sec1 .flex i {transition: .3s ease;}
#contact .sec1 .flex i:hover {background-color: #002a51;}

#contact .sec1 .flex i img {transition: transform .5s ease;}
#contact .sec1 .flex i:hover img {transform:rotateY(180deg);}