/**********************************************************************
* 푸터
***********************************************************************/
#footer{width:100%; background:#333;}
#footer .footer{padding:40px 0;}
#footer .footer_menu{padding-left:0;padding-right:0;}
#footer .footer_wrap{padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid #999;}

#footer ul.footer-info{display:flex; margin: 0 auto;}
#footer ul.footer-info p{height:25px; line-height:25px; color:#fff;}
#footer ul.footer-info p span{display:inline-block; margin-right:25px; font-size:13px;}
#footer ul.footer-info p.copyright{margin-top:15px; font-size:0.85em; color:#fff;}
#footer ul.footer-info p.copyright a{color:#fff;}
.nanum a{line-height: 30px;}
.nanum a img{display: inline-block; position: relative; top:5px; left: 5px; height: 19px;}

#footer ul.footer-info > li{
    font-size: 16px;
    color: #8e8e8e;
    /*padding: 0 20px;*/
    line-height:22px;
}
#footer ul.footer-info > li#footer-info-first{width: 35%;}
#footer ul.footer-info > li.f-inner{width: 45%;}
#footer ul.footer-info > li.f-visit{width: 20%;}


#footer ul.footer-info > li:first-child  > div > img{
	width:120px;
	display:inline-block;
	margin-top:35px;
}
#footer ul.footer-info > li:first-child > div > img:not(:last-child){
	margin-right:20px;
}

#footer ul.footer-info > li:first-child > div:last-child > img:nth-of-type(2),#footer ul.footer-info > li:first-child > div:last-child > img:nth-of-type(3){
	height:55px;
	object-fit: contain;
}



#footer ul.footer-info > li.f-inner li{
	text-align:left;
	color:#999;
	font-weight:300;
	font-size:15px;
	padding-left:20px;
}
#footer ul.footer-info > li.f-inner li > a{
	color:#b68f4e;
	font-weight:700;
}
.footer_logoplus img{
	width:120px;
}

#footer ul.footer-info > li.f-inner li:nth-child(6) , #footer > div > ul > li:last-child li:last-child{
	color:#999;
}
#footer ul.footer-info > li.f-inner li:nth-child(4) a,#footer ul.footer-info > li.f-inner li:nth-child(6) a{color:#999;font-weight:bold;}
#footer ul.footer-info > li.f-inner li.f_s2 a{
	color:#46cdcf;
	margin-left:10px;
	font-weight:bold;
}
#footer ul.footer-info > li.f-inner li:nth-child(7):before{
	display:block;
	content:'';
	width:40px;
	height:3px;
	background-color:#eee;
	margin:25px 0 10px;
}

/*#footer ul.footer-info > li.f-inner li > span{
	width:100px;
	display:inline-block;
}*/


#footer ul.mobile{display:none;}


/*@media (max-width:1200px){
	#footer ul > li.f-inner li{
		font-size:14px;
	}
}
@media (max-width:1100px){
	#footer ul > li.f-inner li{
		font-size:13px;
	}
}*/

#footer .footer_last_img{display: block; }
#footer .footer_last_img img{display: inline-block; margin-top: 20px; margin-right: 20px; object-fit: contain;}
#footer .footer_last_img img:nth-of-type(2){width: 80px; }
#footer .footer_last_img img:nth-of-type(1){height: 71px;}




@media (max-width:1100px){

	#footer ul.pc{display:none !important;}
	#footer ul.mobile{display:block !important;}

	/*#footer{padding:0 0 100px;}*/
	#footer ul.footer-info{display:block; margin: 0 auto;}
	#footer ul > li{width:100% !important;}
	#footer ul > li:first-child > img{margin:30px 20px !important;}
    #footer ul.footer-info > li:first-child > div {
        text-align:center;
    }
	#footer ul > li.f-inner li{/*font-size:1.5em !important;*/}
	#footer ul > li > ul > li{text-align:center !important;}
	#footer ul > li.f-inner li{padding:2px 0 !important;}
	#footer ul > li.f-inner li a{color:#fff;}
	#footer ul > li.f-inner li.f_s1{color:#767676;margin-top:25px;position:relative;}
	#footer ul > li.f-inner li.f_s a{color:#767676;font-weight:bold;}
	#footer ul > li.f-inner li.f_s1:before{
		display:block;
		content:'';
		width:40px;
		height:5px;
		background-color:#fff;
		position:absolute;
		top:-10px;
		margin:0 !important;
	}
	#footer ul.footer-info > li.f-inner li:nth-child(6):before{
		margin:25px auto 10px;
	}
	/*#footer ul > li.f-inner .f_s{font-size:1.3em !important;}
	#footer ul > li.f-inner .f_b{font-size:1.3em !important;}*/
	#footer-info-first{
		margin-bottom:25px;
	}
	#footer ul.footer-info > li:first-child > div > img{
		margin-top:15px;
	}
    #footer ul.footer-info > li.f-visit{
        max-width: 180px;
        margin: 30px auto 0;
    }

    #footer .footer_last_img{text-align: center;}
    #footer .footer_last_img img:last-child{margin-right: 0px;}
}

@media (max-width:600px){
	#footer ul > li.f-inner .f_s{font-size:13px !important;}
	#footer ul > li:first-child > img{margin:20px auto !important;display:block !important;}
	#footer ul.footer-info > li.f-inner li{
		text-align:left;
		color:#999;
		font-weight:300;
		font-size:12px;
		padding-left:0;
	}
}


.footer_menu{
	width:100%;
	overflow:hidden;
}
.footer_menu > div{
	width:50%;
	float:left;
}

/*.footer_menu > .footer_menu_right > p:first-child{
	border-right:1px solid #5c6988;
}*/
.footer_menu > .footer_menu_left > p > a{
	display:inline-block;
	padding:0 20px;
	color:#999999;
	text-align:center;
	border-right:1px solid #5c6988;
	cursor:pointer;
	font-size:14px;
}

.footer_menu > .footer_menu_left > p > a:last-child{
	border-right:0;
}

.footer_menu_right a{
	float:right;
	background-color:#999;
	display:inline-block;
	padding:5px 10px;
	border-radius:20px;
}
@media (max-width:1100px){
	.footer_menu > div{
		display:block;
		width:100%;
		margin-bottom:20px;
	}
	.footer_menu > div:last-child{
		margin-bottom:0;
	}

	.footer_menu > div:first-child > p > a{
		width:calc(97%/5);
		padding:0 0 !important;
	}
	.footer_menu > div > p > a:nth-child(4){
		border-right:0;
	}
	.footer_menu_right > p{
		text-align:center;
	}
	.footer_menu_right > p > a{
		float:none;
	}
}
@media (max-width:600px){
	/*.footer_menu > .footer_menu_right > p {
		width:100%;
		display:block;
		margin:0 auto;
	}*/
	/*.footer_menu > .footer_menu_right > p:first-child {
		padding-bottom:20px;
		border-right:0;
	}*/
	.footer_menu > .footer_menu_left > p > a{
		font-size:12px;
	}
  #footer ul.footer-info > li:first-child  > div > img{
  	width:96px;
  }

}


@media screen and (max-width: 500px) {
	.footer_menu_left p { width: fit-content; display: table; margin: 0 auto; }

	.footer_menu > div:first-child > p > a{
		width:auto;
		padding: 0 12px !important;
		font-size:10px;
	}

	#footer .footer{padding:20px 0;}
}
