@charset "utf-8";

.footer_wrap_white{width:100%;padding:50px 0;background-color:#fff;border-top:1px solid #e6e6e6;display:table}
.footer_wrap_white div.bottom_logo{display:table-cell;padding:0 30px 0 0}
.footer_wrap_white div.bottom_logo_con{display:table-cell;width:100vw}
.footer_wrap_white .fnb li{display:inline-block;margin:0 4px 0 0;color:#a8a8a8}
.footer_wrap_white .fnb li a{color:#000}
.footer_wrap_white .copyright{float:left;color:#464545}
.footer_wrap_white .familysite{float:right}
.footer_wrap_white .familysite select{font-family:'Noto Sans KR',sans-serif,cursive !important;font-size:13px !important;font-weight:300}
.footer_wrap_white .visitor_counter{display:inline-block;background-color:#fff;border:1px solid #c5c5c5;border-radius:3px;font-size:13px;padding:5px 8px;margin:15px 0 0 0}
.footer_wrap_white .visitor_counter_line{clear:both;margin:5px 0;border-bottom:1px solid #e5e5e5}
.footer_wrap_white .visitor_counter_title{float:left;font-weight:500;color:#6b6b6b;margin:0 20px 0 0}
.footer_wrap_white .visitor_counter_title i{font-size:12px;color:#6b6b6b;margin-right:2px}
.footer_wrap_white .visitor_counter_number{float:right;color:#000}


.footer_wrap_grey{width:100%;padding:50px 0;background-color:#f1f1f1;display:table}
.footer_wrap_grey div.bottom_logo{display:table-cell;padding:0 30px 0 0}
.footer_wrap_grey div.bottom_logo_con{display:table-cell;width:100vw}
.footer_wrap_grey div.bottom_logo_con .fnb li{display:inline-block;margin:0 4px 0 0;color:#a8a8a8}
.footer_wrap_grey div.bottom_logo_con .fnb li a{color:#000}
.footer_wrap_grey div.bottom_logo_con .copyright{float:left;color:#464545}
.footer_wrap_grey div.bottom_logo_con .familysite{float:right}
.footer_wrap_grey div.bottom_logo_con .familysite select{font-family:'Noto Sans KR',sans-serif,cursive !important;font-size:13px !important;font-weight:300}
.footer_wrap_grey .visitor_counter{display:inline-block;background-color:#fff;border:1px solid #c5c5c5;border-radius:3px;font-size:13px;padding:5px 8px;margin:15px 0 0 0}
.footer_wrap_grey .visitor_counter_line{clear:both;margin:5px 0;border-bottom:1px solid #e5e5e5}
.footer_wrap_grey .visitor_counter_title{float:left;font-weight:500;color:#6b6b6b;margin:0 20px 0 0}
.footer_wrap_grey .visitor_counter_title i{font-size:12px;color:#6b6b6b;margin-right:2px}
.footer_wrap_grey .visitor_counter_number{float:right;color:#000}


.footer_wrap_black{width:100%;padding:50px 0;background-color:#3f3f3f;display:table}
.footer_wrap_black div.bottom_logo{display:table-cell;padding:0 30px 0 0}
.footer_wrap_black div.bottom_logo_con{display:table-cell;width:100vw}
.footer_wrap_black div.bottom_logo_con .fnb li{display:inline-block;margin:0 4px 0 0;color:#a8a8a8}
.footer_wrap_black div.bottom_logo_con .fnb li a{color:#fff}
.footer_wrap_black div.bottom_logo_con .copyright{float:left;color:#bfbfbf}
.footer_wrap_black div.bottom_logo_con .familysite{float:right}
.footer_wrap_black div.bottom_logo_con .familysite select{font-family:'Noto Sans KR',sans-serif,cursive !important;font-size:13px !important;font-weight:300}

.footer_wrap_black .visitor_counter{display:inline-block;background-color:#fff;border:1px solid #c5c5c5;border-radius:3px;font-size:13px;padding:5px 8px;margin:15px 0 0 0}
.footer_wrap_black .visitor_counter_line{clear:both;margin:5px 0;border-bottom:1px solid #e5e5e5}
.footer_wrap_black .visitor_counter_title{float:left;font-weight:500;color:#6b6b6b;margin:0 20px 0 0}
.footer_wrap_black .visitor_counter_title i{font-size:12px;color:#6b6b6b;margin-right:2px}
.footer_wrap_black .visitor_counter_number{float:right;color:#000}



@media screen and (max-width: 992px) {
	
	.footer_wrap_white{padding:30px 0;display:block;text-align:center}
	.footer_wrap_white div.bottom_logo{display:block;padding:0 0 20px 0}
	.footer_wrap_white div.bottom_logo_con{display:block;width:100%}
	.footer_wrap_white div.bottom_logo_con .fnb li{display:inline-block;margin:0 4px 0 0;color:#a8a8a8}
	.footer_wrap_white div.bottom_logo_con .copyright{float:none}
	.footer_wrap_white div.bottom_logo_con .familysite{float:none;margin:30px 0 0 0}
	.footer_wrap_white div.bottom_logo_con .familysite select{font-size:12px !important}
	.footer_wrap_white .visitor_counter{width:100%}


	.footer_wrap_grey{padding:30px 0;display:block;text-align:center}
	.footer_wrap_grey div.bottom_logo{display:block;padding:0 0 20px 0}
	.footer_wrap_grey div.bottom_logo_con{display:block;width:100%}
	.footer_wrap_grey div.bottom_logo_con .fnb li{display:inline-block;margin:0 4px 0 0;color:#a8a8a8}
	.footer_wrap_grey div.bottom_logo_con .copyright{float:none}
	.footer_wrap_grey div.bottom_logo_con .familysite{float:none;margin:30px 0 0 0}
	.footer_wrap_grey div.bottom_logo_con .familysite select{font-size:12px !important}
	.footer_wrap_grey .visitor_counter{width:100%}


	.footer_wrap_black{padding:30px 0;display:block;text-align:center}
	.footer_wrap_black div.bottom_logo{display:block;padding:0 0 20px 0}
	.footer_wrap_black div.bottom_logo_con{display:block;width:100%}
	.footer_wrap_black div.bottom_logo_con .fnb li{display:inline-block;margin:0 4px 0 0;color:#838383}
	.footer_wrap_black div.bottom_logo_con .copyright{float:none}
	.footer_wrap_black div.bottom_logo_con .familysite{float:none;margin:30px 0 0 0}
	.footer_wrap_black div.bottom_logo_con .familysite select{font-size:12px !important}
	.footer_wrap_black .visitor_counter{width:100%}
	
	.bottom_logo img{max-width:120px}
}