#foot_menu{font-family:'Pretendard','Noto Sans KR','Nanum Gothic'}

#footerSlideWrap{padding:10px 0; background:#38b54b}
#footerSlideWrap .inner{overflow:hidden}
#footerSlideWrap ul.swiper-wrapper{position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform,-webkit-transform; -webkit-box-sizing:content-box; box-sizing:content-box}
#footerSlideWrap ul.swiper-wrapper > li.swiper-slide{-ms-flex:none; -webkit-flex:none; flex:none}
#footerSlideWrap ul.swiper-wrapper > li.swiper-slide a{display:block; width:100%}
#footerSlideWrap ul.swiper-wrapper > li.swiper-slide img{display:block}
@media screen and (max-width:1280px){
	#footerSlideWrap ul.swiper-wrapper > li.swiper-slide img{width:33vw}
}

@media screen and (max-width:1280px){
	#foot_menu{padding:10px 0;}
	#foot_menu .inner{padding:0 10px}
}
@media screen and (min-width:1281px){
	#foot_menu{padding:20px 0}
}
#foot_menu{position:relative; background: #23292f}
#foot_menu ul{overflow:hidden}
#foot_menu ul li{float:left; margin:0 20px 0 0}
#foot_menu a{color: #fff}

#footerInfo{position:relative; background:#333; color:#bbb; font-family:'Nanum Gothic'}
#footerInfo ._inner{position:relative; border-bottom:1px solid #555}
#footerInfo .inner{position:relative; padding:30px 0; display:flex}
#footerInfo .info ul > li{margin:0 0 6px 0}
#footerInfo .info ul > li.tel{font-family:'Noto Sans KR'; color:#fff}
#footerInfo .info ul > li:last-child{margin:0}
#footerInfo ._inner .odrTracking a.btn{padding:2px 4px 3px 4px; border-radius:2px; background:#555; color:#ccc}
@media screen and (max-width:1280px){
	#footerInfo{font-size:12px}
	#footerInfo .inner{flex-wrap:wrap}
	#footerInfo .inner .info{width:50%; padding:0 10px; margin:0 0 20px 0; box-sizing:border-box}
	#footerInfo .inner .info:nth-child(2n+1):nth-last-child(-n+2), #footerInfo .inner .info:nth-child(2n+1):nth-last-child(-n+2) ~ li{margin-bottom:0}
	#footerInfo .info h4{margin:0 0 12px 0}
	#footerInfo .inner .info ul > li.tel{font-size:14px}
	#footerInfo ._inner .odrTracking{display:block; padding:0 10px 30px 10px}
}
@media screen and (min-width:1281px){
	#footerInfo{font-size:14px}
	#footerInfo .inner{flex-wrap:nowrap}
	#footerInfo .inner .info{width:calc(100% /3)}
	#footerInfo .info h4{margin:0 0 20px 0}
	#footerInfo .inner .info ul > li.tel{font-size:28px}
	#footerInfo ._inner .odrTracking{position:absolute; top:0; right:0; width:calc(100% /3); padding:30px 0 0 0}
}

#footer > .inner > ul.sns li .ico i.fa-instagram{background:-moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background:-webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background:linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1)}
#footer > .inner > ul.sns li .ico i.fa-youtube-play{background:#ff0000}
@media screen and (max-width:1280px){
	#footer{font-size:13px; text-align:center}
	#footer > .inner > ul.sns{padding:0 10px; margin:0 0 10px 0; overflow:hidden}
	#footer > .inner > ul.sns li{float:right; margin:0 0 0 10px}
	#footer > .inner > ul.sns li:last-child{margin:0}
	#footer > .inner > ul.sns li .ico{width:30px; height:30px; border-radius:3px; overflow:hidden}
	#footer > .inner > ul.sns li .ico img{display:block; width:100%}
	#footer > .inner > ul.sns li .ico i.fa{display:block; width:30px; height:30px; font-size:18px; text-align:center; line-height:30px; color:#fff}
	#footer > .inner > ul.sns li .fb{background:#3e5ea2}
	#footer ul.ft > li{margin:0 0 5px 0}
	#footer ul.ft > li.developed img{display:none}
	#footer ul.ft > li.developed span.name{font-weight:900}
	#footer address:after{margin:0 4px}
}
@media screen and (min-width:1281px){
	#footer{font-size:14px}
	#footer > .inner{position:relative}
	#footer > .inner > ul.sns{position:absolute; z-index:1; right:0; top:0}
	#footer > .inner > ul.sns li{float:right; width:40px; height:40px; margin:0 0 0 10px}
	#footer > .inner > ul.sns li .ico{width:40px; height:40px; border-radius:6px; overflow:hidden}
	#footer > .inner > ul.sns li .ico img{display:block; width:100%}
	#footer > .inner > ul.sns li .ico i.fa{display:block; width:40px; height:40px; font-size:24px; text-align:center; line-height:40px; color:#fff}
	#footer > .inner > ul.sns li .fb{background:#3e5ea2}
	#footer ul.ft > li{margin:0 0 6px 0}
	#footer ul.ft > li.adr{margin:0}
	#footer ul.ft > li.adr.moreAdr{margin:0 0 6px 0}
	#footer ul.ft > li.developed img{display:block}	
	#footer ul.ft > li.developed{position:absolute; right:0; bottom:0}
	#footer ul.ft > li.developed span.name{display:none}
	#footer ul.ft > li.developed span.developed{position:relative; top:2px; display:block; padding:0 6px 0 0; text-align:right}
	#footer address:after{content:'|'; margin:0 10px 0 14px}
}
#footer{position:relative; padding:30px 20px; background-color: #282f36; color: #697581; font-family:'Pretendard','Noto Sans KR','Nanum Gothic'}
#footer ul.ft{position:relative}
#footer ul.ft > li.right{margin:0 0 20px 0}
#footer ul.ft > li:last-child{margin:0}
#footer ul.ft > li.developed span.developed{font-family:'Pretendard','Noto Sans KR','Nanum Gothic'; font-size:11px; color:rgba(255,255,255,.4)}
#footer ul.ft > li.developed span.name{color:rgba(255,255,255,.4)}
#footer ul.ft > li.developed span.hidden{display:none}
#footer address{display:inline-block}
#footer address:after{content:'|'}
#footer address:last-child:after{display:none; content:''}
#footer a{color: #477cad}