@charset "utf-8";

#quickBnr{position:fixed;bottom:-60px;left:50%;z-index:1002;transform:translateX(-50%);width:100%;height:60px;margin:0 auto;background-color:#232328;transition:all .4s}
#quickBnr.active{bottom:0}
#quickBnr.absol{position:absolute}
#quickBnr .inner{position:relative;max-width:1200px;margin:0 auto;font-family:'notokr-medium'}
#quickBnr .inner:before{display:block;content:"";position:absolute;left:-30%;top:0;z-index:-1;width:40%;height:100%;background-color:#111114}

#quickBnr dl{overflow:hidden;font-size:14px;color:#fff;line-height:60px}
#quickBnr dl dt{float:left;padding-right:40px;margin-right:40px;font-size:13px;font-weight:600;background-color:#111114;font-family:'Poppins'}
#quickBnr dl dd{float:left}
#quickBnr dl dd:not(:nth-of-type(1)):before{display:inline-block;content:"";width:1px;height:10px;margin:0 20px;background-color:rgba(255,255,255,.3)}
#quickBnr dl dd a,#quickBnr dl dd button{border:none;background:none;color:#fff;vertical-align:baseline;font-family:'notokr-medium'}
#quickBnr .link_area{position:absolute;right:0;top:50%;transform:translateY(-50%)}
#quickBnr .link_area a,#quickBnr .link_area button{float:left;width:130px;height:40px;padding:0 20px;margin-left:5px;border-radius:3px;font-size:13px;color:#fff;line-height:40px;background-color:rgba(255,255,255,.12);transition:all .2s}
#quickBnr .link_area a i,#quickBnr .link_area button i{float:right;line-height:40px}
#quickBnr .link_area button.inq{display:none;border:none;color:#fff;background-color:#2340c3;font-family:'notokr-medium'}

@media(hover:hover){
#quickBnr dl dd:hover{cursor:pointer}
#quickBnr .link_area a.kakao:hover{color:#222;background-color:#f9e000}
}
@media(max-width:1240px){
#quickBnr{padding:0 15px 0 0}	
#quickBnr dl dt{padding:0 20px;margin-right:20px}
}
@media(max-width:1024px){
#quickBnr .link_area button.inq{display:block}
}
@media(max-width:768px){
#quickBnr, #quickBnr.absol{position:relative}	
#quickBnr{bottom:0;height:auto;padding:15px}	
#quickBnr .inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
#quickBnr .inner:before{display:none}
#quickBnr dl{line-height:1}
#quickBnr dl dt{display:none}
#quickBnr dl dd button{font-size:13px}
#quickBnr dl dd:not(:nth-of-type(1)):before{margin:0 10px}
#quickBnr .link_area{position:relative;right:auto;top:auto;transform:none;margin:10px 20px}
#quickBnr .link_area a{color:#222;background:#f9e000}
}
@media(max-width:480px){
#quickBnr .inner{flex-flow:column}	
#quickBnr .link_area{margin:10px 0 0}
}