/* Content CSS */
footer {clear:both; text-align:left; position:relative; z-index:3; height:455px;}
footer::before {content:''; display:block; width:calc(100% - 40px); height:455px; z-index:-1; background-color:#1e1e1e; position:absolute; bottom:20px; left:50%; transform:translateX(-50%); max-width:1886px; border-radius:20px;}
#footer.main {background-color:#fff;}
#footer.sub {background-color:#fff;}

/* footer_con */
.footer_con {width:100%; max-width:1500px; padding:83px 0 98px; margin:0 auto; position:relative; display:flex; gap:125px;}
.footer_con .right {width:100%;}
.footer_con .logo_wrap {display:flex; align-items:center;}
.footer_con .logo_wrap .ft_logo {position:relative; top:-1px;}
.footer_con .ft_logo img {width:auto; height:auto; max-width:none;}

/* top */
.footer_con .top {width:100%; margin-bottom:48px; padding-bottom:33px; border-bottom:1px solid rgba(255,255,255,.2); display:flex; justify-content:space-between; align-items:center;}
.footer_con .top h2 {font-size:20px; font-weight:700; line-height:1.5; color:#fff;}
.footer_con .top ul {display:flex; align-items:center;}
.footer_con .top ul li {position:relative; font-size:20px; font-weight:600; color:#a6a6a6; letter-spacing:-0.41px; margin-right:56px; transition:.3s;}
.footer_con .top ul li:not(:last-child)::after {content:""; position:absolute; right:-30px; top:50%; transform:translateY(-50%); width:2px; height:15px; background:#fff; opacity:.2;}
.footer_con .top ul li:hover {color:#fff;}
.footer_con .top ul li:last-child {margin-right:0;}

/* btm */
.footer_con .btm b {display:inline-block; font-weight:600; color:#e9e9e9; margin-right:18px; font-size:17px;}
.footer_con .btm {display:flex; align-items:flex-start; justify-content:space-between;}
.footer_con .btm span:last-child a {font-size:16px;}
.footer_con .btm span a {font-size:16px; font-weight:400; color:#777 !important;}

/* btm - menu */
.footer_con .btm .menu {display:flex; align-items:center; flex-shrink:0;}
.footer_con .btm .menu li {font-size:15px; font-weight:600; letter-spacing:-0.93px; color:#000; line-height:1.7;}
.footer_con .btm .menu li:hover {font-size:15px; font-weight:700; color:#001c57;}
.footer_con .btm .menu li::after {width:1px; height:15px; background:rgba(0,0,0,.15); display:inline-block; content:""; margin:0 30px; position:relative; top:2px;}
.footer_con .btm .menu li:last-child::after {display:none;}
.footer_con .btm .space {display:inline-block; width:1px; height:14px; background:rgba(0,0,0,.3); margin:0 12px; position:relative; top:1px;}

/* ft_copy */
.ft_copy {display:flex; flex-wrap:wrap; gap:12px 2px;}
.ft_copy .full {width:100%;}
.ft_copy span {font-size:17px; font-weight:400; color:rgba(223,223,223,.7); display:block; line-height:1.5;}
.ft_copy span:nth-child(2) {margin-right:36px;}
.ft_copy .half {width:calc(50% - 15px);}

/* ft_btn */
.ft_btn a {padding:15px 45px; font-weight:300; display:flex; align-items:center; justify-content:center; font-size:16px; line-height:1; background-color:#272727; transition:.3s; border-radius:23px; color:#fff !important;}
.ft_btn a:hover {background-color:#fff; color:#272727 !important;}
.ft_a span {margin-top:52px; font-size:16px; color:rgba(223,223,223,.45); display:block; line-height:1.5;}

/* top_btn */
#top_btn {flex-shrink:0; position:fixed; right:83px; bottom:110px; width:60px; height:60px; display:flex; justify-content:center; align-items:center; font-size:15px; background:#000; border-radius:5px; pointer-events:none; opacity:0; z-index:10; border:1px solid #ddd; transition:.3s ease;}
#top_btn:hover {background-color:#002446;}
#top_btn.ft {position:absolute; right:87px; top:65px;}
.scrolled #top_btn {opacity:1; pointer-events:auto;}
