@charset "utf-8";

.btn_bottom_call{display: none;/*모바일콜*/}


#ft {
	background-color: #535161;
	padding-bottom: 100px;
}
#ft_wr {
	padding: 10px 0;	
}
.foot_menu {
	display: block;
	width:560px;
	text-align: center;
	margin: auto;
}
.foot_menu > a:first-child::before{
	content:"  ";
}
.foot_menu > a::before{
	content:" | ";
}
.foot_menu > a {
	display: inline-flex;
	width: initial;
	width: auto;
	line-height: 22px;
	float: left;
	font-size: 18px;
	font-weight: 100 !important;
	padding:0 5px;
}



.ft_cnt {
	width: 100% !important;
}
.footer_logo {
    display: block;
    width: 500px;
    text-align: center;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.footer_logo .logo-txt {
    display: block;
    font-size: 24px;
    font-weight: 500;
    color: rgba(255,255,255,0.7);
    width: 100%;
    line-height: 26px;
    letter-spacing: -2px;
}
.footer_logo .logo-txt-sub {
    display: block;
    font-size: 12px;
    font-weight: 300;
    color: rgba(255,255,255,0.7);
    width: 100%;
    line-height: 14px;
    letter-spacing: -0.5px;
}

.copyright {
	text-align: center;
	font-size: 20px;
	line-height: 24px;
	font-weight: 100;
	color: rgba(255,255,255,0.5);
}

@media (max-width:767px){

			/*footer*/

			.foot_menu {
				display: none;
			}
			.footer_logo {
			/*	display: block;*/
				width: 100%;
			/*	text-align: center;
				margin: auto;
				margin-top: 50px;
				margin-bottom: 20px;*/
			}
			.mobile_banner_01_area {
				width: 100%;
				background-color: rgba(0,0,0,0.5);
				line-height: 56px;
				padding: 2% 5%;
				margin-top: 112px;
			}

			.mobile_banner_01 {
				width: 100%;
				background-color: rgba(255,255,255,1);
				height: auto;
				padding: 5px;
				max-width: 500px;
				margin: auto;
			}
			.copyright {
				text-align: center;
				font-size: 12px;
				line-height: 14px;
				font-weight: 100;
				color: rgba(255,255,255,0.7);
			}

			/*하단 버튼*/
			.btn_bottom_call,
			.btn_bottom_call *{
				padding:0;margin:0;color:#FFF;font-size:1.667em;
			}

			.btn_bottom_call {
				display: block;
				position: fixed;
				width: 100%;
				height: 70px;
				background-color: #2E2E2E;
				z-index: 1000;
				bottom: 0px;
				left: 0px;
				box-shadow: 1px 1px 5px #000000;
			}
			.btn_bottom_call_left,
			.btn_bottom_call_right,
			.btn_bottom_link_right
			{
				display: block;
				position: absolute;
				width: 48%;
				height: 70px;		
				bottom: 0px;
			}
			.btn_bottom_call_left a, 
			.btn_bottom_call_right a, 
			.btn_bottom_link_right a {
				display: block;
				width: 95%;
				line-height: 50px;
				border-radius: 6px;
				margin: 10px 5px 0 5px;
				color: #FFF;
				font-size: 16px;
				text-align: center;
				transition: background-color 0.3s;
				-webkit-transition: background-color 0.3s;
				padding-left: 22px;
			}

			.btn_bottom_call_left a::before,
			.btn_bottom_call_right a::before,
			.btn_bottom_link_right a::before{
				display:block;
				position:absolute;
				width: 30px;
				height: 30px;
				top: 22px;
				left: 15px;
				content:"";
				background:url(../img/icon_call2.png) 0 0/100% no-repeat;
			}
			.btn_bottom_link_right a::before{
				display:block;
				position:absolute;
				width: 30px;
				height: 40px;
				top: 15px;
				left: 10px;
				content:"";
				background:url(../img/icon_qna.png) 0 0/100% no-repeat;
			}

			.btn_bottom_call_left{left: 0px;}
			.btn_bottom_call_right{right: 0px;}
			.btn_bottom_link_right{right: 0px;}
			.btn_bottom_call_left a{background-color: #976900;box-shadow: 1px 1px 5px #000;}
			.btn_bottom_call_right a{background-color:#333333;box-shadow: 1px 1px 5px #000;}
			.btn_bottom_link_right a{background-color:#333333;box-shadow: 1px 1px 5px #000;}
			.btn_bottom_call_left a:hover{background-color:#BC8404;}
			.btn_bottom_call_right a:hover{background-color:#222222;}
			.btn_bottom_link_right a:hover{background-color:#222222;}
}