/*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:#10a79a;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: 16px; 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}


/* footer css */
#ft{background-color: #102b33; color: #fff; border: none; text-align: left; padding: 100px 0 120px; margin: 0; overflow: hidden;}
#ft a{color: #fff;}
#ft #ft_wr .inner{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}

#ft .lefta{width: 45%; position: relative; z-index: 1;}
#ft .lefta::before{content: url(../img/common/foot_bg.png); position: absolute; left: 25%; top: 50%; transform: translate(-50%, -50%); z-index: -1;}
#ft .lefta .ft_txt{float: left;}
#ft .lefta .ft_txt p:nth-child(2){padding: 20px 0 30px;}

#ft .lefta a.contact_link{float: left; width: 200px; height: 200px; background: #1fdbcb; border-radius: 50%; margin-left: 50px; margin-top: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: .25s;}
#ft .lefta a.contact_link:hover{box-shadow: 8px 15px 15px #20202081;}
#ft .lefta a.contact_link span{padding: 15px 0 5px;}


#ft .righta{width: 50%; position: relative; z-index: 2;}
#ft .righta ul.link_list{display: flex; flex-wrap: wrap; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #55737c; box-sizing: border-box;}
#ft .righta ul.link_list li{padding-right:70px}
#ft .righta ul.link_list li:last-child {padding-right:0px}
#ft .righta > p{color: #98b2ba; line-height: 200%;}
#ft .righta > p span:not(:last-child){margin-right: 20px;}

@media screen and (max-width:1240px){
    #ft .lefta{width: 100%;}
    #ft .righta{width: 100%; margin-top: 80px;}
    #ft .righta ul.link_list{padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #55737c;}
}
/* @media screen and (max-width:1200px){ */
    #aside{display: block; width: 730px; max-width: 100%;}
    #top_btn{display: none;}
/* } */
@media screen and (max-width: 768px){
    #ft .righta{margin-top: 50px;}
    #ft .lefta a.contact_link{width: 150px; height: 150px;}  
    #ft .lefta a.contact_link .f_icon > img{width: 40px;}
    #ft .lefta a.contact_link > img{width: 25px;}
	#ft_catch img {width:180px}
    #ft .righta ul.link_list li{width: 50%; padding-right:0px; text-align:center}
    #ft .righta ul.link_list li:nth-child(1n + 3){margin-top: 20px;}
	#ft .lefta a.contact_link {margin-left:30px; float:; }
}
@media screen and (max-width:600px){
#ft {padding:50px 0px 60px}
    #ft .righta .font-14 {font-size:16px}
    .mobile-list a {font-size: 16px;}    
    .mobile-list > a {font-size: 20px;} 
    
    #ft .righta > p:nth-child(2) span:nth-child(1){display: block;}
    #ft .lefta a.contact_link{width: 140px; height: 140px;}  
    #ft .lefta a.contact_link > img{width: 25px;}
}
@media screen and (max-width:500px){
    #ft .lefta .ft_txt{float: ;}
    #ft .lefta a.contact_link{ margin-top: 30px; margin-left:10px}
}


@media screen and (max-width:402px){
  #ft_catch img {width:150px}
  #ft .lefta .ft_txt p:nth-child(2) {font-size:15px; letter-spacing: -1px;}
  #ft .lefta .ft_txt p:nth-child(3) {font-size:22px; letter-spacing: -1px;}
    #ft .lefta a.contact_link{width: 110px; height: 110px;} 
    #ft .lefta a.contact_link .f_icon > img{width: 30px;}
    #ft .lefta a.contact_link > img{width: 15px;}
}