/*Content CSS*/
footer {clear:both; text-align: left; position: relative; z-index: 3;}
footer::before {content: ''; display: block; width: calc(100% - 28px); height: calc(100% - 20px); z-index: -1; background-color: #1a1a1a; position: absolute; left: 50%; transform: translateX(-50%); max-width: 1880px; border-radius: 40px;}
.footer_con {width: 100%; max-width: 1600px; padding: 111px 50px 152px; margin: -79px auto 0;}

/* sub */
#footer.sub .footer_con {margin: 0 auto;}

/* footer_con */
.footer_con > div {display: flex; justify-content: space-between;}
.footer_con .top {width: 100%; padding-bottom: 35px; margin-bottom:90px; justify-content: space-between;  align-items: center; border-bottom: 1px solid rgba(255,255,255,.3);}

/* display */
footer .pc {display: block;}
footer .mob {display: none;}

/* btm */
.footer_con .btm {display: block;}
.footer_con .btm h3 {font-size: 25px; font-weight:600; color: #fff; margin-bottom:54px; line-height: 1.2;}
.footer_con .btm b {display: inline-block;  font-weight: 700; color:#e9e9e9;  margin-right: 17px;}
.footer_con .btm span {font-size: 17px; font-weight:400; color: rgba(224, 224, 223, 0.8);}
.footer_con .btm span a {color:#dfdfdf;}
.footer_con .btm .ft_copy {font-size: 17px; font-weight: 400; color: rgba(255, 255, 255, 0.7); line-height: 2.2;}
.footer_con .btm .line {display: inline-block; width: 1px; height: 13px; background: #ddd; margin: 0 26px;}
.footer_con .btm .space {display: inline-block; padding-right: 40px;}

/* ft_btm_flex */
.ft_btm_flex {display: flex; justify-content: space-between; align-items: flex-end;}
.ft_btm_flex + div {border-top: 1px solid rgba(255,255,255,.8);padding-top: 40px; margin-top: 30px;}

/* ft_mob_btn */
#ft_mob_btn {position: relative; top: -7px; width: 222px; height: 45px; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 300 ; color: rgba(223, 223, 223, 0.7); transition: .3s; line-height: 1; background: transparent; border-radius: 22.5px; border:1px solid rgba(255,255,255,.5);}
#ft_mob_btn:hover {background: #ee7910; border-color: #ee7910; color:#fff;}

/* top_btn */
#top_btn {position: fixed; right: 20px; bottom: 20px; width: 66px; height: 66px; display: flex; justify-content: center; align-items: center; border: 1px solid rgba(255,255,255,.1); color: #fff; font-size: 15px; font-weight: 500; cursor:pointer; background: #ee7910; border-radius: 10px; z-index: 10; transition: .3s; pointer-events: none; opacity: 0;}
#top_btn:hover {background: #333;  border-color: rgba(255,255,255,.2);}
.scrolled #top_btn {opacity: 1; pointer-events: auto;}