/* ============================ footer style start ============================= */
@charset "utf-8";

#footer {
    padding: 50px 0 30px;
    background-color: #010d1b;
}
#footer * {
    text-align: center;
    color: #ffffff;
    font-size: 15px;}
#footer p:first-of-type {
    margin: 20px 0 0 0;
}
#footer img {
    width: 100%;
    max-width: 200px;
}

.footer-gnb {
    margin: 20px 0;
}
.footer-gnb > ul {
    display: flex;
    justify-content: center;
}
.footer-gnb > ul > li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    text-align: center;
}
.footer-gnb > ul > li a > img {
    width: 20px !important;
    margin-right: 10px;
}
.footer-gnb > ul > li {
    margin: 0 10px;
    padding: 6px 0;
    border: 1px solid #eee;
}

@media screen and (max-width: 1025px) {
    #footer img {
        max-width: 100px;
    }
    #footer p {
        white-space: pre-line;
    }
    #footer p br {
        display: none;
    }
    #footer {
        padding: 30px 0 120px;
    }
}

@media screen and (max-width: 769px) {
    .footer-gnb > ul {
        flex-wrap: wrap;
    }
    .footer-gnb > ul > li {
        margin: 10px;
        width: calc(50% - 20px);
    }
    .footer-gnb > ul > li a {
        width: 100%;
    }
}
@media screen and (max-width: 425px) {
    .footer-gnb {
        margin: 10px 0;
    }
    .footer-gnb > ul > li {
        margin: 5px;
        width: calc(50% - 10px);
    }

    #footer * {
        font-size: 12px;    }
}

/* ================================================================= */
/* ========================== quick menu ========================== */
/* ================================================================= */

#quick_menu {position: fixed; bottom: 110px; right: 0; z-index: 999999;}
#quick_menu img {height: 48px;}
#quick_menu span {display: block; width: 100%; padding-top: 5px; line-height: 1.2;}

#quick_menu li:first-child a{display: inline-block; width: 100%; color: #fff;}

#quick_menu li:not(:first-child) a {display: block; background-color: #ffffffc7; text-align: center; font-weight: 500; padding: 10px 10px;  font-size: 14px; max-width: 100px;
    /* border: 1px solid #ccc; */}
#quick_menu li:first-child {cursor: pointer; color: #fff; background-color: #012e55; padding: 10px 0; width: 100%; text-align: center;}
#quick_menu li:not(:first-child)

#top_btn {border: none; width: 100%; max-width: 100px; max-height: 100px; padding: 20px 10px; background-color: #626262; cursor: pointer;}
#top_btn span {color: #fff;}

@media screen and (max-width:1024px){
	.mobile-off{
		display: none;
	}
	#quick_menu {
		padding: 0;
		left: 0px;
		top: auto;
		width: 100%;
		height: auto;
		bottom: 0px;
		display: block;
		position: fixed;
		z-index: 200;
	}
	#quick_menu ul {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 202;
	}
	#quick_menu ul li {
		width: 33.333%;
		height: 100%;
		text-align: center;
		/* border-right-color: rgb(255, 255, 255); */
		border-right-width: 1px;
		border-right-style: solid;
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#quick_menu ul li a{
        font-size: 16px  !important;
        font-weight: 700  !important;
		width: 100%;
		max-width: 100%	!important;
		border: none !important;	
        padding: 10px !important;	
	}

	#quick_menu ul li span{
		padding-top: 0;
	}


	#quick_menu ul li#call{
		display: none;
	}
	#quick_menu ul li:first-child{
		display: none;
	}
	#quick_menu ul li#top{
		display: none;
	}
}
@media screen and (max-width:425px){
	#footer img {max-width: 130px;}
	footer *{font-size: 12px !important;}
	#quick_menu li:not(:first-child) a{padding: 20px 0;}
}

.naver-btn {
    color: #fff;
    background-color: #2ab34c !important;
}
.call-btn{
    color: #fff;
    background-color: #001f3b !important;
}
.kakao-btn{
    background-color: #fff100 !important;
}
.quick-info-btn {
    color: #fff;
    background-color: #ff8800 !important;
}