﻿.lang {display:none;}
#footer{z-index: 3; background-color: #46505d;}
#footer .footer_link li a strong { color: #6facff; }

#header .topUtil { margin-right: 120px; }

/* footer  */
.footer_link ul { width: calc(100% - 26rem); margin-left: -0.25rem;}
.footer_link li a { padding: 0 0.25rem; font-size: 0.75rem;}

.siteLink { width: 26rem; }
.siteLink .wrap {display: flex;}
.siteLink .wrap button { padding: 0 1rem 0 0.5rem;  font-size: 0.7rem }
.siteLink .wrap button:before { right: 0.15rem; font-size: 1rem; }
.siteLink .wrap .lst { width: calc(100% / 3);}

.siteLink .wrap button:nth-of-type(2){ border-left: 1px solid #646976; border-right: 1px solid #646976;}

.siteLink .wrap .lst:nth-of-type(1){left: 0;}
.siteLink .wrap .lst:nth-of-type(2){left: calc((100% / 3) * 1);}
.siteLink .wrap .lst:nth-of-type(3){left: calc((100% / 3) * 2);}


@media screen and (max-width: 1540px) {
    #header .topUtil { right: 120px; margin-right: 0; }
}

@media screen and (max-width: 580px) {
    
    /* footer siteLink */
    .siteLink .wrap { flex-wrap: wrap;}
    .siteLink .wrap button:nth-of-type(2){border-left: none; border-right: none; border-top: 1px solid #646976; border-bottom: 1px solid #646976;}
    .siteLink .wrap .lst{width: 100%;}
    .siteLink .wrap .lst:nth-of-type(1){left: 0; bottom: calc(3rem * 3);} 
    .siteLink .wrap .lst:nth-of-type(2){left: 0; bottom: calc(3rem * 2);} 
    .siteLink .wrap .lst:nth-of-type(3){left: 0; bottom: calc(3rem * 1);} 
}

@media screen and (max-width: 1480px) {
    .footer_link ul {width: 100%;}
    .footer_link li a { padding: 0 1rem; }
    .siteLink { width: 100%; position: relative; top: 0; left: 0; margin-top: 1rem;}
}


/* 로고 반응형 추가 */
@media (max-width: 380px) {
	#header h1 a img { height:25px; }
}