/*footer.css*/
#ol_after{display: none;}
#ol_before{display: none;}
#aside {display: none;position: fixed;right: -800px;top: 0px;margin: 0px;width: 50%;border-top: 0;z-index: 1005;overflow-y: auto;background:#10069f;border: 0;}
#aside .mobile_menu>ul{padding: 100px 0 50px;}
#aside .mobile_menu .m_login_btn{margin: 0 20px 100px;}
#aside .mobile_menu .m_login_btn a{color: #fff; padding: 10px; width: 120px; max-width: 100%; text-align: center; margin-bottom: 10px; border: 1px solid #fff; box-sizing: border-box; float: left;}
#aside .mobile_menu .m_login_btn a:first-child{margin-right: 20px;}

.close_menu {position: fixed;z-index: 1100; top: 20px; right: -100%; width: 35px; height: 35px; cursor: pointer;}
.close_menu span {position:absolute; left:0; display:block; width:100%; height:2px; background:#fff; -webkit-transition:all .4s ease; transition:all .4s ease; }
.close_menu .close-line1 {top:17px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}
.close_menu .close-line2 {top:17px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}
.mask {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .7;cursor: pointer; z-index: 1000;}
.mb-sub-ul {display: none; /*background: #eee;*/}
.mb-sub-ul li{overflow: hidden;}
.mb-sub-ul li a {display: block;float: left;}
.mobile-list {border-bottom: 2px solid #ddd; position: relative;}
.mobile-list > a {font-size: 25px; padding: 20px 20px; color: #fff; cursor: pointer;}    
.mobile-list > ul > li > a {padding: 15px 40px; text-transform: uppercase;font-size: 17px; font-weight: 500; cursor: pointer; width: 100%; background: #40c0b5; color: #fff; border-bottom: 1px solid #fff; box-sizing: border-box;}    
.mobile-list > ul > li:last-child > a{border-bottom: none;}
/* .mb-sub-ul>li:hover a{text-decoration: underline;} */
.ico1{float: right; padding: 13px; padding-right: 20px; position: absolute; top: 0; right: 0;}
.ico2{display: none;float: right; padding: 13px; padding-right: 20px; position: absolute; top: 0; right: 0;}	
.mobile-list.on .ico1 {display: none;}
.mobile-list.on .ico2 {display: block;}
.mobile-list .gnb_1da{/*border-bottom: 2px solid #f2b704;*/}
#ol_after_private li:hover strong{background: #c19204}
#ol_after_private li:hover a{color: #c19204}


#aside{display: block; width: 730px; max-width: 100%;}
#top_btn{display: none;}

/* footer css */
#ft{background: transparent; color: #333; border: none; text-align: left; padding: 0; margin: 0; overflow: hidden;}
#ft a{color: #fff;}

#ft .top_foot{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 80px;}
#ft .bottom_foot{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end;}

#ft .top_foot .foot_link li{display: inline-block;}
#ft .top_foot .foot_link li:nth-child(2){position: relative; padding-left: 30px;}
#ft .top_foot .foot_link li:nth-child(2)::before{content: "ㅣ"; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); font-size: 18px; color: #ccc;}

#ft .bottom_foot .foot_info li{display: inline-block; margin-right: 40px;}
#ft .bottom_foot .foot_info li a{display: inline-block;}
#ft .bottom_foot > p{margin-top: 30px;}

@media screen and (max-width: 768px){
    #ft .top_foot .foot_link{width: 100%; margin-top: 20px; border-top: 1px solid #fff; box-sizing: border-box; padding-top: 10px;}

    #ft .bottom_foot .foot_info li{font-size: 17px;}
    #ft .bottom_foot .foot_info li a{font-size: 17px;}
}
@media screen and (max-width:600px){
    .mobile-list a {font-size: 16px;}    
    .mobile-list > a {font-size: 30px;} 
    
}
@media screen and (max-width:500px){

}