@charset "utf-8";
.main_bottom {background-color: #f7f7f7; box-sizing: border-box;position: absolute;width: 100%;left: 0;bottom: 0; z-index: 1; padding: 15px 0;}
.main_bottom .bt_inner{position: relative; width: 97%; margin: 0 auto; max-width: 1920px;}
.main_bottom .f_logo_wrap {display: inline-block; float: left; margin-right: 30px;}
.main_bottom .f_logo_wrap .title {display: inline-block;float: left;margin: 7px 15px 0 0; padding-left: 10px; position: relative;}
.main_bottom .f_logo_wrap .title::before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 2px; height: 10px; background: #555;}
.main_bottom .logo_box {display: inline-block;float: left;}
.main_bottom .f_logo {display: inline-block;float: left;margin-right: 25px;}
.main_bottom .f_logo:last-child {margin-right: 0;}
.main_bottom .f_logo a {display: block;}
.main_bottom .f_logo img {width: 100%;}

.main_bottom .f_inform {color: #888;display: inline-block; float: right;font-size: 12px;font-weight: 100;}
.main_bottom .f_inform .f_if > div {margin-top: 5px;}
.main_bottom .f_inform .f_if > div:first-child {margin-top: 0;}
.main_bottom .f_inform a {color: #888;}
.main_bottom .f_inform p {display: inline-block;position: relative; margin-right: 6px;padding-right: 10px;}
.main_bottom .f_inform p:last-child:after {display: none;}
.main_bottom .f_inform p span {display: inline-block;}
.main_bottom .f_inform p span.bold {font-weight: 100;display: inline-block;margin-right: 4px;}
.main_bottom .f_inform p::after {content: ""; width: 1px; height: 100%; background-color: #888; display: block; position: absolute; right: 0; top: 0;}
.main_bottom .f_inform p:last-child {margin-right: 0; padding-right: 0;}

.main_bottom .copy {font-size: 12px;color: #888;width: 100%;text-align: right;}

.main_bottom .f_inform::after {content: ""; clear: both; display: block;}
.main_bottom .f_inform .f_if {text-align: right;}

/*모바일*/
.m_bottom{position: static;}





@media screen and (max-width:1200px){
    .m_bottom .f_logo_wrap{display: block; float: none; margin-right: 0; margin-bottom: 15px;}
    .m_bottom .f_inform{display: block; text-align: center; float: none;}
    .m_bottom .f_inform .f_if,.m_bottom .copy{text-align: center;}

}

@media screen and (max-width:768px){
    .m_bottom .f_logo_wrap1 .logo_box{float: none; display: flex; flex-flow: row wrap;}
    
}

@media screen and (max-width:500px){

}