@charset "utf-8";

.btnAreaWrap {width:100%;height:100%;position:fixed;left:0;top:-100%;background: rgba(0,0,0,0.7);z-index: 9999;}
.btnArea {width:500px;height:500px;background:url('../../img/common/quick/btnArea.png') no-repeat center center;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);}

.btnArea .linkWrap .link_reser {display: inline-block;position: absolute; width: 138px;height:100px;top:0px;right: 106px;}
.btnArea .linkWrap .link_notice {display: inline-block;position: absolute;width: 112px;height: 130px;top: 115px;right: 0;}
.btnArea .linkWrap .link_cs {display: inline-block;position: absolute;width: 100px;height: 118px;top: 256px;right: 18px;}
.btnArea .linkWrap .link_map {display: inline-block;position: absolute;width: 130px;height: 109px;bottom: 0;right: 115px;}
.btnArea .linkWrap .link_hos {display: inline-block;position: absolute;width: 130px;height: 109px;bottom: 0;left: 115px;}
.btnArea .linkWrap .link_food {display: inline-block;position: absolute;width: 100px;height: 118px;top: 256px;left: 18px;}
.btnArea .linkWrap .link_kakao {display: inline-block;position: absolute;width: 112px;height: 130px;top: 115px;left: 0;}
.btnArea .linkWrap .link_blog {display: inline-block;position: absolute; width: 138px;height:100px;top:0px;left: 106px;}


.btnArea .bx-wrapper {display: block;width:242px;position: absolute;top: 133px;left: 50%;transform: translateX(-50%);}
.btnArea .bx-wrapper .bx-controls {position: absolute;left: 50%;transform: translateX(-50%);bottom:-18px}
.btnArea .bx-wrapper .bx-controls .bx-pager .bx-pager-item {display:inline-block}
.btnArea .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {display:block;width:5px;height:5px;border-radius:10px;background-color:#333;margin:0 3px;font-size: 0;}
.btnArea .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {width:12px;background-color:#999}

.btnArea .quickClose {position:absolute;right:0;top:0;cursor:pointer}