@charset "utf-8";

/*  quick menu   */
#quick_menu	{position:fixed; right:0; top:0; width:70px; height:100%; overflow:hidden;background-color:#444;z-index:3000;}
.set_quick_menu>li	{overflow:hidden;height:70px; border-bottom:1px solid #4ccddd;}
.set_quick_menu>li.qm06	{border-bottom:1px solid #e0be00;}
.set_quick_menu>li.qm07	{border-bottom:1px solid #409e01;}
.set_quick_menu>li .qm	{float:left;width:70px; height:70px; overflow:hidden; }
.set_quick_menu>li .qm img	{margin-left:0;}

.set_quick_menu>li .wrap_qm_cont	{position:absolute; left:70px;top:0;float:left; width:340px; height:100%;padding:0 30px; background-color:#eee; visibility:hidden; opcity:0;}
.set_qm_cont	{position:relative;height:530px;}
.wrap_qm_cont .set_title	{margin-top:30px;margin-bottom:40px; overflow:hidden;}
.wrap_qm_cont .set_title h2	{float:left;}
.wrap_qm_cont .set_title>a	{float:right;}
.wrap_qm_cont .btn_go	{position:absolute; left:0; bottom:30px;}

#qm_map	{margin-bottom:10px;}
.qm06 .set_title	{position:relative; z-index:2001;}
.qm06 .qm_cont	{position:absolute; left:-30px; top:-30px;}

.qm04 .qm_cont	{position:relative;}
#qm_ev_prev	{position:absolute; left:10px; top:50%; margin-top:-15px;}
#qm_ev_next	{position:absolute; right:10px; top:50%; margin-top:-15px;}

.set_login>li	{height:30px; background-color:#333; border-bottom:1px solid #444;}
#quick_menu .quick_top	{position:absolute; left:0;bottom:0; height:60px; background-color:#333;}



/*원형 퀵*/
.scroll_area #quickOpen {cursor:pointer;width: 150px;
    display: inline-block;
    margin: 0 auto;
    height: 35px;
    line-height: 35px;
    background-color: #fff;
    border-radius: 30px;
    text-align: center;
    font-weight: 600;
    color: #222;margin-left: 25px;
    margin-top: 20px;}

.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/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}