@charset "utf-8";

footer a:hover{color: var(--sky);}
[id^="footer_sect_0"] {
/*	padding: var(--sec_pd) 0;*/
    transition: all var(--q_trans);
}
#footer_sect_01 { background-color:var(--surface); border-top: 1px solid  #c9d5ed; color: inherit;}
#footer_sect_01 a{ padding: 1rem 1rem; flex-grow: 1; text-align: center; border-right: 1px solid  #c9d5ed;}
#footer_sect_01 a:first-child{ border-left: 1px solid  #c9d5ed;}
#footer_sect_01 a:hover{ background-color:#e4f1ff;color: var(--dark_point);}

#footer_sect_01 .rate_box {width: 200px;}

#footer_sect_02 { padding: calc(var(--sec_pd) / 1.25) 0; background-color:#051332; background-image: linear-gradient(135deg, #051332, #18377C 120%);}
/*#footer_sect_02 { padding: calc(var(--sec_pd) / 1.25) 0; background-color:#1342a9; }*/


@-webkit-keyframes arrow {
  0% {
    opacity: 0;
    top: 45%;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes arrow {
  0% {
    opacity: 0;
    top: 45%;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* ==================== 모바일 레이아웃 ==================== */
@media ( max-width: 900px ) {

	footer #footer_sect_01 .wrap { max-width:100%; padding-left: 0; padding-right: 0; }
	footer #footer_sect_02{padding: var(--sec_pd) 7rem var(--sec_pd) 1rem;}
	#footer_sect_01 a{ font-size: 12px; flex:1 1 33%; border-right: 1px solid  #c9d5ed; border-bottom: 1px solid  #c9d5ed;}
	#footer_sect_01 a:first-child{ border-left: none;}
	#footer_sect_01 .rate_box {display: none!important}

}