/*---------------------- 푸터 */

#footerW { border-top:1px solid #e3e3e3;width:100%; font-size:0.875rem; color:#888;}

/**푸터 > 약관 **/
.footer_ulW {display: flex; align-items: center; justify-content: space-between; height:3.75rem;}

@media screen and (max-width:1250px){
	.footer_ulW {padding-right:0;}
}

@media screen and (max-width:640px){
	.footer_ulW {padding-left:0;}
}

.footer_ul {display: flex; align-items: center;}
.footer_ul li {display: flex; align-items: center; justify-content: center;}
.footer_ul li::after {display: block; margin:0 0.625rem; width:0.125rem; height:0.8125rem; background-color: #e3e3e3; content: "";}
.footer_ul li:last-child::after {display: none;}
.footer_ul li a {font-size:0.875rem; font-weight: 600;color:#666;}
.footer_ul li a:hover {color:#eb1c74;}

@media screen and (max-width:640px){
	.footer_ulW {flex-direction: column; height:auto;}
	.footer_ul { gap:0.625rem; flex-wrap: wrap;padding:1rem;}
	.footer_ul li {width:calc(50% - 0.3125rem);}
	.footer_ul li::after {display: none;}
	.footer_ul li a { padding:0.625rem 0; border:1px solid #e3e3e3; width:100%; text-align: center; border-radius: 1.875rem;}
}


/**푸터 > 사이트맵 **/
.site_map a {display:block; border-right:1px solid #e3e3e3; border-left:1px solid #e3e3e3; width:3.75rem; height:3.75rem; background:url("../../img/common/site_off.png") no-repeat left top; }
.site_map a:hover {background:url("../../img/common/site_on.png") no-repeat left top; }
.site_map a span {display: none;}

@media screen and (max-width:640px){
	.site_map {width:100%;}
	.site_map a {display:flex; align-items: center; justify-content: center; border:0 none; border-top:1px solid #e3e3e3; width:100%; height:3.125rem; background:url("../../img/common/site_off.png") no-repeat right center;}
	.site_map a:hover {background-position: right center;}
	.site_map a span {display: block;}
}

.siteW { display:none; padding:1.875rem 0;  border-top:1px solid #e3e3e3;overflow:hidden; width:100%; background:#f7f7f7;}
.siteW .site .gnb > ul {display: flex;}
.siteW .site .gnb > ul > li {flex:1; text-align: center;}
.siteW .site .gnb > ul > li > a { display:block; margin-bottom:10px; font-weight: 600; color:var(--primary);}
.siteW .site .gnb > ul > li > ul {color:#858585;}
.siteW .site .gnb > ul > li > ul li a:hover {color:var(--primary);}


@media screen and (max-width:640px){
	.siteW .site .gnb > ul {display: grid; gap:1.5rem; grid-template-columns: repeat(3,1fr)}
}


/**푸터 > 하단 **/
.footer_boxW {padding:1.5rem 0rem; border-top:1px solid #e3e3e3; width:100%; }
.footer {display: flex; gap:3.75rem; align-items: center; justify-content: space-between;}


.footer .copy {flex:1; font-size:0.875rem; line-height: 1.8;}
.footer .copy h2 {font-weight: 600;}
.footer .copy ul {display: flex; gap:0 1rem; flex-wrap: wrap;}
.footer .copy span b {color:#696969;}
.footer .copy .copyright {margin-top:0.625rem;}


.footer .famliy_wrap {display: flex; gap:1rem; align-items: center;}
.footer .famliy_wrap .footer_site { padding:0 0.3125rem 0 0.8125rem; border:1px solid #e3e3e3;position: relative; background:url("../../img/common/sl_arrow.png") no-repeat 90% 50%; border-radius:20px;}
.footer .famliy_wrap .footer_site label { position:absolute; top:50%; left:10px;font-size:0.8125rem; color:#a4a4a4; transform: translateY(-50%);}
.footer .famliy_wrap .footer_site .ms_select { padding:0 0 0 0.5625rem;border:none; width:100%;height:2.375rem; font-size:0.875rem; line-height:2.375rem;	color:#fff;	opacity: 0; filter: alpha(opacity=0); /* IE 8 */}
.footer .famliy_wrap .footer_site .ms_select option {color:#333;}

.footer .famliy_wrap .group_site a {display: block; padding: 0 2.8125rem 0 0.8125rem; border: 1px solid #e3e3e3; background: url("../../img/common/sr_arrow.png") no-repeat 90% 50%; font-size: 0.8125rem; line-height: 2.375rem; color: #a4a4a4; border-radius: 20px; } 	
.footer .famliy_wrap .group_site a:hover { border: 1px solid #eb1c74; background: url("../../img/common/sr_arrow_on.png") no-repeat 90% 50% #eb1c74; color: #fff; border-radius: 20px;} 
	

@media screen and (max-width:1024px){
	.footer { gap:1.5rem;flex-direction: column;}
	.footer .copy {order:2;}
	.footer .famliy_wrap { gap:0.625rem;flex-direction: column; width:100%; order:1;}
	.footer .famliy_wrap .group_site {width:100%;}
	.footer .famliy_wrap .footer_site {width:100%;}
}