@charset "utf-8";

/************************
Version : 공공구매 종합정보망 1.0
Date : 2024-08-08
Description : 2024 디자인 리뉴얼. Footer style
Company : Epart
*************************/



/************************************** 
** Footer
***************************************/

.ifooter .indiv {position:relative; width:100%; max-width:1680px; margin:0 auto; box-sizing:border-box; padding: 0 30px;}
/* .ifooter .indiv::after {display:block; clear:both; content:"";} */


/* ft_top */
.ifooter {margin-top:50px;}
.ifooter .ft_top {height:60px; padding:0 30px; background:#58585a; box-sizing:border-box;}
.ifooter .ft_top .top_menu {}
.ifooter .ft_top .top_menu::after {display:block; clear:both; content:"";}
.ifooter .ft_top .top_menu li {float:left;}
.ifooter .ft_top .top_menu li a { display: block; position: relative; padding-right:40px; font-size: 14px; color: #fff; vertical-align: top; line-height: 60px; }
.ifooter .ft_top .top_menu li a::after { position: absolute; top: 50%; transform:translateY(-50%); right: 20px; width: 1px; height: 9px; background: #fff; content: ''; }
.ifooter .ft_top .top_menu li:last-child a {padding-right:0;}
.ifooter .ft_top .top_menu li:last-child a::after {display:none;}

/* ft_info */
.ifooter .ft_info {font-size:14px;}
.ifooter .ft_info .indiv {height:100%; display:flex; justify-content:space-between; align-items:center;}
.ifooter .ft_info {height:130px; padding:5px 0 20px; background:#f7f8fa;}
.ifooter .ft_info .fsec1 {display:flex; align-items:center; column-gap:20px; }
.ifooter .ft_info .fsec1 div + div {margin-top:0;}
.ifooter .ft_info .fsec1 div img {height:40px;}
.ifooter .ft_info .fsec2 {margin-left:0; display:flex; column-gap:20px;}
.ifooter .ft_info .fsec2 p + p {margin-top:0;}
.ifooter .ft_info .fsec2 p:nth-child(1) {color:#202021;}
.ifooter .ft_info .fsec2 p:nth-child(2){color:#73737b;}
.ifooter .ft_info .fsec2 p span {position:relative; display:inline-block; padding-right:10px;}
.ifooter .ft_info .fsec2 p span::after { position: absolute; top: 50%; transform:translateY(-50%); right: 3px; width: 1px; height: 12px; background: #7d7d7f; content: ''; }
.ifooter .ft_info .fsec2 p span:last-child {padding-right:0;}
.ifooter .ft_info .fsec2 p span:last-child::after {display:none;}
.ifooter .ft_info .fsec3 {display:flex; column-gap:20px; }
.ifooter .ft_info .fsec3 .fsec3_item{}
.ifooter .ft_info .fsec3 .fsec3_item span {color:#454545; font-weight:bold;}
.ifooter .ft_info .fsec3 .fsec3_item .fsec3TimeSpan {font-size:12px; color:#73737b;}
.ifooter .ft_info .fsec3 .fsec3_item h3 {margin:5px 0;}
.ifooter .ft_info .fsec3 .fsec3_item h3 a {font-size:20px; color:#454545;}



/************************************** 
** 반응형
***************************************/
@media only screen and (max-width: 1680px) {

	.ifooter .indiv {width:100%; padding:0;}

	/* ft_top */
	.ifooter .ft_top {padding: 0 30px;}
	.ifooter .ft_top .top_menu {display: flex; justify-content: center;}
	.ifooter .ft_top .top_menu li {}
	.ifooter .ft_top .top_menu li a {padding-right:20px; }
	.ifooter .ft_top .top_menu li a::after {right:10px;}

	/* ft_info */
	.ifooter .ft_info {height:auto; padding: 30px 0 0;}
	.ifooter .ft_info .indiv {justify-content: center; flex-flow: column; gap: 30px;}

}/* end 1680px */


@media only screen and (max-width: 1440px) {


}/* end 1440px */



@media only screen and (max-width: 768px) {

	/* ft_top */
	.ifooter {margin-top:30px;}
	.ifooter .ft_top { height:auto; padding:0; }

	.ifooter .ft_top .top_menu{ display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; }
	.ifooter .ft_top .top_menu li{ box-sizing: border-box; display: flex; justify-content: center; align-items: center; width: 50%; height: 3rem;vertical-align: middle;border-bottom:1px solid #707070;}
	.ifooter .ft_top .top_menu li:nth-child(2n-1){border-right:1px solid #707070;}
	.ifooter .ft_top .top_menu li a{ padding: 0; line-height:inherit;}
	.ifooter .ft_top .top_menu li a::after{ content: none; }


	/* ft_info */
	.ifooter .ft_info .indiv {gap:20px;}
    .ifooter .ft_info{}
	.ifooter .ft_info .fsec1 {jusity-content:center; flex-flow:wrap column; gap:10px;}
	.ifooter .ft_info .fsec1 div{}
    .ifooter .ft_info .fsec1 div + div {}
    .ifooter .ft_info .fsec2 { margin-top:20px; margin-left:0; width:100%; text-align: center; flex-wrap: wrap; justify-content:center;}
    .ifooter .ft_info .fsec2 p{line-height:1.6;}

    .ifooter .ft_info .fsec3 {display:none;}
    .ifooter .ft_info .fsec3::before { content: none; }
    .ifooter .ft_info .fsec3::after { content: none; }
    .ifooter .ft_info .fsec3 span{ font-size: 14px;}
    .ifooter .ft_info .fsec3 .fsec3TimeSpan{ display: none; }
    .ifooter .ft_info .fsec3 > div h3 {margin-top:5px;}
} /* end 768px */