/*footer.css*/
#ol_after{display: ;}
#ol_before{display: ;}
#aside {display: none;position: fixed;right: -800px;top: 0px;margin: 0px;width: 50%;border-top: 0;z-index: 1005;overflow-y: auto;background:#fff;border: 0;}
#aside .mobile_menu>ul{padding: 30px 0;}
.close_menu {position: fixed;z-index: 1100; top: 20px; right: -100%; width: 35px; height: 35px;}
.close_menu span {position:absolute; left:0; display:block; width:100%; height:2px; background:#f2b704; -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 {padding: 14px 20px 13px; color: #555; text-transform: uppercase;font-size: 13px; cursor: pointer; width: 100%;}    
.mb-sub-ul>li:hover a{color: #f2b704;}
.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}
#ft{background-color: #fff; border: none; text-align: left; padding: 50px 0; margin: 0;}
#ft_wr{/*width: 1200px;*/overflow: hidden; padding: 0 20px;}
#ft .lefta{float: left; overflow: hidden; width: 81%;}
#ft_catch{width: 163px;height: 30px;float: left; margin: 0;}
#ft_text{float: left; padding-left: 40px;width: 70%;}
#ft_catch img{width: 100%;}
#ft_twrap{float: right;}
#ft_link{padding: 15px 0; border-top: 1px solid #eee;margin-bottom: 35px;}
#ft_link a{}
.mb-sub-ul li a::before{display: block; content: '-'; float: left; margin-right: 5px;}
.on{border-bottom: 2px solid #f2b704; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-name: line; animation-name: line;}
#top_btn{width: 30px; height: 30px; line-height: 30px; font-size: 13px; border-radius: 100%; background: rgba(242,183,4,1); color: #725b12; border: none; -webkit-transition: .3s; transition: .3s;}
#top_btn:hover{background: #ddd; color: #333;}
#ft_company{font-size: 13px; color: #666; }
#ft_company li{float: left; line-height: 25px;}
#ft_company li:nth-child(1){width: 20%;}
#ft_company li:nth-child(2){width: 13%;}
#ft_company li:nth-child(3){width: 33%;}
#ft_company li:nth-child(4){width: 100%;}
#ft_company li:nth-child(5){width: 100%;}
#ft_company li:nth-child(6){width: 100%;}
#ft_company li span{font-weight: bold;}
#ft_copy{font-size: 13px; color: #666;}
#ft .righta{float: right;}
#ft .righta .customer_title{font-size: 14px; color: #666; line-height: 15px;}
#ft .righta p{font-size: 14px; color: #999; line-height: 15px;}
#ft .righta h2{font-size: 25px; color: #f2b704; font-weight: bold; line-height: 26px; margin: 10px 0;}
#ft .righta h3{font-size: 34px; color: #f2b704; font-weight: bold; line-height: 35px; margin: 10px 0;}
#ft_link a{font-size: 14px; color: #666; font-weight: normal; line-height: 25px;}
#ol_before .ol_wr{border: none; margin: 0; margin-top: 70px;}
#ol_id{width: 100%; border: none; padding: 0 10px; background: #eee;}
#ol_pw{width: 100%; border: none; padding: 0 10px; margin-top: 4px; margin-bottom: 15px; background: #eee;}
#ol_submit{position: static; height: 37px;width: 100%; background: #f2b704; text-align: center; color: #fff; font-size: 16px; padding: 0; font-weight: 400; -webkit-box-decoration-break: none; box-decoration-break: none;}
#ol_auto label{float: right; padding-left: 10px;}
#ol_after{border: none; margin: 0; margin-top: 70px;}
#ol_after_hd strong{color: #f2b704;}
#ol_after_private a strong{background: #f2b704;}
.ol_auto_wr{margin-top: 10px;}
#ctt{background-color: ;}


@media screen and (max-width:1199px){
    #ft_wr{width: 100%; margin: 0 auto;padding: 0 20px;}
    #ft_company li:nth-child(1){width:100%;}
    #ft_company li:nth-child(2){width:100%;}
    #ft_company li:nth-child(3){width:100%;}
    #ft_company li:nth-child(4){width:100%;}
    #ft_company li:nth-child(5){width:100%;}
    #ft_company li:nth-child(6){width:100%;}
    #ft_company li:nth-child(7){width:100%;}
}
@media screen and (max-width:1024px){
    #aside{display: block; width: 310px;}
    #top_btn{display: none;}
    #ft .lefta{width: 76%;}
}
@media screen and (max-width:775px){
    #ft_link a{padding-right: 13px;}
}
@media screen and (max-width:767px){
    #ft .lefta{width: auto; border-bottom: 1px solid #ddd; margin-bottom: 25px;}
    #ft_catch{float: none;}
    #ft_text{padding: 15px 0; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: auto;}
    #ft .righta{width: 200px;  margin: 0 auto; text-align: center; float: inherit}
    #ft_catch{margin: 0 auto;}
    #ft_text{text-align: center;}
    #ft{padding-bottom: 40px;}
    #ft .righta h3{font-size: 28px; margin: 5px 0;}
    .ft_info{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0;}
}
@media screen and (max-width:600px){
    #aside{width: 295px;}
}
@media screen and (max-width:480px){
    #ft_link{padding: 10px 0;}
    #ft_link a{font-size: 11px;}
    #ft_catch{margin: 0 auto;}
    #ft_text{text-align: center;}
    #ft .righta{width: 100%;}
    #ft .righta select{width: 100%; font-size: 11px;}
    #ft_company li:nth-child(6){padding-bottom: 15px;}
    #ft_company li{font-size: 11px; word-break: keep-all;}
    #ft .righta h3{font-size: 24px; margin: 0;}
    #ft .righta p{font-size: 12px;}
}
@media screen and (max-width:400px){
    #ft_link a{padding-right: 5px;}
}