@charset "utf-8";

.footer_wrap{overflow:hidden; background-color: #1a1613; text-align: center;}
.footer_wrap .footer_con{z-index: 1; padding-top: 65px; padding-bottom:65px;}
.footer_wrap .footer_left_con{margin-bottom: 45px; padding-right: 30px;}
.footer_wrap .footer_right_con{}
.footer_wrap .footer_list_con{}
.footer_wrap .footer_list{margin-bottom: 12px;}
.footer_wrap .footer_list:last-child{margin-bottom: 0px;}
.footer_wrap .footer_list .title{font-size: 15px; font-size: 1.5rem; line-height: 26px; line-height: 2.6rem; letter-spacing: 0.02em; font-weight: 300; color:rgba(255,255,255,0.3); margin-bottom: 4px;}
.footer_wrap .footer_list .desc{font-size: 15px; font-size: 1.5rem; line-height: 26px; line-height: 2.6rem; letter-spacing: -0.025em; font-weight: 300; color:#fff;
    max-width: 280px; margin-left:auto; margin-right:auto; float: none; word-break: keep-all; }
.footer_wrap .footer_list .desc.font_helve{font-size: 20px; font-size: 2.0rem; letter-spacing: 0.02em; font-weight: 400;}
.footer_wrap .footer_line{display: block;}

.footer_wrap .footer_right_inner{}
.footer_wrap .footer_right_inner .input_style_3_con{max-width: 400px; margin:0 auto; float: none;}
.footer_wrap .sns_list_con{display: inline-block;}
.footer_wrap .sns_list{margin-right: 16px;}
.footer_wrap .sns_list:last-child{margin-right: 0px;}
.footer_wrap .sns_list svg{width: 28px; height: 28px; fill: #fff; transition: all 0.3s;}

.footer_wrap .footer_util_list_con{display: inline-block;}
.footer_wrap .footer_util_list{position: relative; font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; letter-spacing: -0.025em; font-weight: 300; color:#fff; margin-right: 10px; margin-left: 10px; transition: all 0.3s;}
.footer_wrap .footer_util_list:after{content:''; position: absolute; top:50%; right:-10px; height: 13px; border-right:1px solid rgba(255,255,255,0.2); transform: translate(50%, -50%);}
.footer_wrap .footer_util_list:first-child{margin-left: 0px !important;}
.footer_wrap .footer_util_list:last-child{margin-right: 0px !important;}
.footer_wrap .footer_util_list:last-child:after{display: none;}

.footer_wrap .top_btn_con{}
.footer_wrap .top_btn_con .top_btn{}
.footer_wrap .top_btn_con .top_btn svg{width: 39px; fill: #fff; transition: all 0.3s;}

@media all and (min-width:992px){
    .footer_wrap{text-align: left;}

    .footer_wrap .footer_con{padding-top: 150px; padding-bottom:150px;}

    .footer_wrap .footer_bg_con{position:absolute; z-index: 0; top:0; right: 0; width: calc((100% - 1170px) / 2 + (1170px / 3 * 2) + 27px); height:100%; background-color: #26201c;}
    .footer_wrap .footer_left_con{width: calc((100% - 1170px) / 2 + (1170px / 3) - 27px); margin-bottom: 0;}
    .footer_wrap .footer_right_con{float: right; width: calc((100% - 1170px) / 2 + (1170px / 3 * 2) + 27px);}
    .footer_wrap .footer_right_inner{float: right; max-width: 630px;}
    .footer_wrap .footer_right_inner .input_style_3_con{max-width: none; float: left;}

    .footer_wrap .footer_util_list{position: relative; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; margin-right: 15px; margin-left: 15px;}
    .footer_wrap .footer_util_list:after{height: 15px; right: -15px;}

    .footer_wrap .footer_list{margin-bottom: 35px;}

    .footer_wrap .footer_list .desc{max-width: none; float: left;}
    .footer_wrap .footer_list .desc.font_helve{font-size: 21px; font-size: 2.1rem;}

    .footer_wrap .footer_line{display: none;}
}