/* Footer */
.footer_section {padding: 55px 0 65px; background: #161b20;}
.footer_section a:hover {text-decoration: underline;}
.footer_section .f_top .txtbox {text-align: left;}
.footer_section .f_top .txtbox p {font-size: 17px; color: rgba(255,255,255, .4); margin-bottom: 15px; word-break: keep-all; text-wrap: wrap;}
.footer_section .f_top .txtbox ul li, .footer_section .f_top .txtbox ul li a {font-size: 17px; color: #fff;}
.footer_section .f_top .txtbox ul li {padding-left: 15px; margin-left: 15px; position: relative;}
.footer_section .f_top .txtbox ul li:first-child {padding-left: 0; margin-left: 0;}
.footer_section .f_top .txtbox ul li::before {content: ''; width: 3px; height: 3px; border-radius: 50%; background: #ef4d35; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.footer_section .f_top .txtbox ul li:first-child:before {display: none;}
.footer_section .f_bott {padding-top: 30px; border-top: 1px solid rgba(255,255,255, .1); font-size: 15px; justify-content: space-between;}
.footer_section .f_bott p, .footer_section .f_bott a {color: rgba(255,255,255, .4);}
.footer_section .f_bott p {letter-spacing: 0;}
.footer_section .f_bott ul li {position: relative;}
.footer_section .f_bott ul li:last-child {padding-left: 13px; margin-left: 13px;}
.footer_section .f_bott ul li:last-child::before {content: ''; width: 2px; height: 2px; background: rgba(255,255,255, .5 ); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.quick_menu{position:fixed; bottom:40px; right:45px; z-index:999}
.quick_menu ul li{padding-bottom:10px}
.quick_menu ul li a{display:block; width:60px; height:60px; border-radius:100%; position:relative; overflow:hidden}
.quick_menu ul li a img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.quick_menu ul li.youtube a{background:#ee2d23}
.quick_menu ul li.notion a{background:#fff}
.quick_menu ul li.insta a{background:url(/img/main/quick_insta_bg.png) no-repeat center; background-size:cover}
.quick_menu ul li.blog a{background:#36ac37}
.quick_menu ul li.meal a{background:#ededed}

.quick_menu ul li.youtube a img{width:25px}
.quick_menu ul li.notion a img{width:26px}
.quick_menu ul li.insta a img{width:26px}
.quick_menu ul li.blog a img{width:26px}
.quick_menu ul li.meal a img{width:100%}
.quick_menu ul li:last-child{padding-bottom:0}

.quick_menu .quick_hamburger_menu {display: block;}
.quick_menu .quick_hamburger_menu li:last-child {padding-bottom: 10px;}
.quick_menu ul li.hamb {position: relative; width: 60px; height: 60px; border-radius: 50%; position: relative; background: #f9a51b; padding-bottom: 0; margin-bottom: 10px;}
.quick_menu ul li.hamb:hover {background: #e29312;}
.quick_menu ul li.hamb .quick_hamburger {display: block; position: absolute; right: auto; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.quick_menu ul li.hamb .quick_hamburger.open {transform: translate(-50%,-50%) rotate(180deg);}
.quick_menu ul li.hamb .quick_hamburger .hamburger-box {width: 23px; height: 16px;}
.quick_menu ul li.hamb .quick_hamburger .hamburger-inner, .quick_menu ul li.hamb .quick_hamburger .hamburger-inner:after, .quick_menu ul li.hamb .quick_hamburger .hamburger-inner:before {border-radius: 0; height: 2px;}
.quick_menu ul li.hamb .quick_hamburger .hamburger-inner, .quick_menu ul li.hamb .quick_hamburger .hamburger-inner:before, .quick_menu ul li.hamb .quick_hamburger .hamburger-inner:after {width: 23px; background-color: #fff;}
.quick_menu ul li.hamb .quick_hamburger .navbar-toggle.open .hamburger-inner { transform: translate3d(0,6px,0) rotate(45deg);}
.quick_menu ul li.hamb .quick_hamburger .navbar-toggle.open .hamburger-inner:before {transform: rotate(-45deg) translate3d(0px,0px,0); opacity: 0;}
.quick_menu ul li.hamb .quick_hamburger .navbar-toggle.open .hamburger-inner:after {transform: translate3d(0,-16px,0) rotate(-90deg); width: 23px;}
.quick_menu ul li.hamb .quick_hamburger .navbar-toggle.open .hamburger-inner, .quick_menu ul li.hamb .quick_hamburger .navbar-toggle.open .hamburger-inner:after, .quick_menu ul li.hamb .quick_hamburger .navbar-toggle.open .hamburger-inner:before {background-color: #fff;}
.quick_menu ul li.top {position: relative; width: 60px; height: 60px; border-radius: 50%; position: relative; background: #ef4d35; color: #fff; text-align: center; cursor: pointer;}
.quick_menu ul li.top:hover {background: #db4129;}
.quick_menu ul li.top p {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 14px; font-weight: 700;}
.quick_menu ul li.top p span {padding-bottom: 4px;}



@media only screen and ( max-width: 800px ) {
	.footer_section .f_top {flex-direction: column; align-items: start; gap: 30px;}
	.footer_section .f_top .txtbox {padding-left: 0;}
	.footer_section .f_top .txtbox p, .footer_section .f_top .txtbox ul li, .footer_section .f_top .txtbox ul li a {font-size: 15px;}
	.footer_section .f_bott {font-size: 14px;}
}

@media only screen and ( max-width: 768px ) {
	.quick_menu {bottom: 20px; right: 20px;}
}

@media only screen and ( max-width: 480px ) { 
	.footer_section {padding: 40px 0 50px;}
	.footer_section .f_top .txtbox ul {flex-wrap: wrap;}
	.footer_section .f_top .txtbox ul li:last-child {padding-left: 0; margin-left: 0; margin-top: 7px;}
	.footer_section .f_top .txtbox ul li:last-child::before {display: none;}
	.footer_section .f_bott {flex-direction: column; padding-top: 20px;}
	.footer_section .f_bott p {text-align: left; margin-bottom: 7px;}

	.quick_menu{bottom:15px; right:15px}
	.quick_menu ul li, .quick_menu .quick_hamburger_menu li:last-child{padding-bottom:6px}
	.quick_menu ul li a, .quick_menu ul li.hamb, .quick_menu ul li.top {width:45px; height:45px;}
	.quick_menu ul li.youtube a img{width:18px}
	.quick_menu ul li.notion a img{width:18px}
	.quick_menu ul li.insta a img{width:18px}
	.quick_menu ul li.blog a img{width:18px}
	.quick_menu ul li.top p {font-size: 11px; font-weight: 500;}
	.quick_menu ul li.hamb {margin-bottom: 6px;}

	.quick_menu ul li.hamb .quick_hamburger .hamburger-box, .quick_menu ul li.hamb .quick_hamburger .hamburger-inner, .quick_menu ul li.hamb .quick_hamburger .hamburger-inner:before, .quick_menu ul li.hamb .quick_hamburger .hamburger-inner:after, .quick_menu ul li.hamb .quick_hamburger .navbar-toggle.open .hamburger-inner:after {width: 20px;}
	.quick_menu ul li.hamb .quick_hamburger .hamburger-box {height: 15px;}
	.header_hamburger_menu.quick_hamburger .hamburger-inner:before {top: 6px;}
	.header_hamburger_menu.quick_hamburger .hamburger-inner:after {bottom: -12px;}
	.quick_menu ul li.hamb .quick_hamburger .navbar-toggle.open .hamburger-inner:after {transform: translate3d(0,-12px,0) rotate(-90deg);}
}