@charset "utf-8";

body { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* 오른쪽에서 왼쪽으로 */
body.menu_open {background:#222;overflow: hidden!important; height: 100%;}
/*body.menu_open #quickmenu {bottom:auto;top:100%}*/
.menu_page { width: 100%; min-height:100%; margin: 0; padding: 0; position:fixed; top: 0; left: 100%; right:auto; z-index: 999999999; background:#fff; overflow: hidden;
    transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition:  all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}
.menu_page .menu_header {left:100%; right:auto; overflow: hidden;position:relative}
.menu_page .menu_quick{display:none}
.menu_open .menu_page .menu_quick{display:block}
.menu_open .menu_page .menu_header { left: 0; right:0;}
/* .menu_open .menu_page {  position:absolute;  left: 0; right:0; height: 100%; overflow-y: auto;} */

.menu_page .icon img {width:24px;}
.menu_header { position:fixed; top:0; left:0; right:0; background:#fff;z-index: 100}
.menu_header .top {position:relative; padding:10px 5% 5px;}
.menu_header .top .logo img {width:35px;}
.menu_header .top .right_box { position:absolute; width:102px; top:15px; right:5%}
.menu_header .top .right_box a {display:inline-block; vertical-align: middle; position:relative}
.menu_header .top .right_box a img {width:18px;}
.menu_header .top .right_box a + a {margin-left:20px;}
.menu_header .top .right_box a.new::after {content:""; width:5px; height:5px; border-radius: 5px; background:#ff7f27; position:absolute; top:0; right:0}

.menu_header .bot ul {display:table; width:100%; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; table-layout: fixed}
.menu_header .bot ul li {display:table-cell; width:25%; text-align: center}
.menu_header .bot ul li a {display:block; padding:10px 0; color:#333; font-size: 1em; line-height: 24px;}
.menu_header .bot ul li + li a {border-left: 1px solid #d5d5d5}
.menu_header .bot ul li.active a {background:#ff7f27;}

.menu_page .fixed {position:fixed!important}
.menu_page .my_info {padding-top:20px;}
.menu_page .fixed + .my_info {padding-top:120px}
.menu_page .my_info .top span {font-size:1em; color:#999;}
.menu_page .my_info .top span.name {color:#ff7f27;/* margin-right:5px*/}
.menu_page .my_info .top a {padding:5px 10px; border:1px solid #d5d5d5; border-radius: 30px; font-size: 1em;  float:right }
.menu_page .my_info .top a span {color:#333;}

/*.my_info .lv_wrap {overflow:hidden}*/
.menu_page .my_info .lv_wrap .table_box {table-layout: fixed; width:50%; display:table-cell; vertical-align: middle;}
.menu_page .my_info .lv_wrap .right_lv { display:table-cell; vertical-align: middle; width:40%;position:relative; }
.menu_page .my_info .lv_wrap .right_lv .chart_box  {position:relative; text-align: right; padding-right:20%}
.menu_page .my_info .lv_wrap .right_lv .chart_box .chart {position:relative;}
.menu_page .my_info .lv_wrap .right_lv .chart_box .thum {width:70%}
.menu_page .my_info .lv_wrap .right_lv .chart_box .lv {font-size:1.2em; font-weight: 700; color:#333; }
.menu_page .my_info .lv_wrap .right_lv .percent {color:#999; font-size:1em; position:absolute; right:-3px; bottom:20px; text-align:right}
.menu_page .my_info .lv_wrap .table_box .table_cell:first-child {width:80px}
.menu_page .my_info .lv_wrap {padding:20px 0}
.menu_page .my_info .lv_wrap .thum {width:80px}
.menu_page .my_info .lv_wrap .thum img { width:70px; height:70px; border-radius: 70px; background:#848485 }
.menu_page .my_info .lv_wrap p {line-height:1.3em}
.menu_page .my_info .lv_wrap .cate {color:#ff7f27; font-size: 1em;}
.menu_page .my_info .lv_wrap .name {color:#333; font-size: 1.1em;}
.menu_page .my_info .lv_wrap .desc {color:#999; font-size: 1.1em;}

.menu_page .my_info .bot {border-top:1px solid #d5d5d5; padding:10px 0}
.menu_page .my_info .bot ul {display:table; table-layout: fixed; width:100%}
.menu_page .my_info .bot ul li {display:table-cell;text-align: center; width:33.3%}
.menu_page .my_info .bot ul li .box {padding:10px;}
.menu_page .my_info .bot ul li + li .box {border-left:1px dashed #d5d5d5}
.menu_page .my_info .bot ul li .box .point {font-size:1.2em; color:#333; margin:5px auto 0; line-height: 1em; width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; font-weight: 700}
.menu_page .my_info .bot ul li .box .label {font-size:0.9em; color:#999;}

.menu_page .middle_button {padding:20px 0; background:#333}
.menu_page .middle_button ul {display:table; table-layout: fixed; width:100%}
.menu_page .middle_button ul + ul {margin-top:20px;}
.menu_page .middle_button ul li {display:table-cell;text-align: center; width:25%}
.menu_page .middle_button ul li .txt {color:#fff; font-size:1em; margin-top:10px;}

.menu_page .middle_button ul li a.new .icon {position:relative; display: inline-block}
.menu_page .middle_button ul li a.new .icon::after {content:""; width:15px; height:10px; border-radius: 5px; background:url("/static/img/menu/new2.png") no-repeat; background-size:cover; position:absolute; top:-5px; right:-10px}

.menu_page .middle_button.gra { background:url("/static/img/menu/menu_bg.jpg") no-repeat; background-size: cover}

.menu_page .menu_list .table_box {table-layout: fixed; width:100%}
.menu_page .menu_list .table_box .left {width:40%; background:#f8f8f8; vertical-align: top }
.menu_page .menu_list .table_box .left ul {padding-left:40px; max-height:324px; overflow-y: auto} /*20-09-18*/
.menu_page .menu_list .table_box .left ul li {padding:20px 0}
.menu_page .menu_list .table_box .left ul li a {color:#999; font-size:1.2em;}
.menu_page .menu_list .table_box .left ul li.active a {font-weight:700;color:#333;}
.menu_page .menu_list .table_box .right {width:60%;vertical-align: top}
.menu_page .menu_list .table_box .right ul {padding: 0 20px; background:#fff; min-height:194px;max-height:324px; overflow-y: auto} /*20-09-18*/
.menu_page .menu_list .table_box .right ul li {text-align: left; padding:20px 0; border-bottom:1px solid #d5d5d5}
.menu_page .menu_list .table_box .right ul li:last-child {border-bottom:0}
.menu_page .menu_list .table_box .right ul li a {color:#333; font-size:1em; }

/*20-09-18*/
.menu_page .menu_list .table_box .right ul.list2,
.menu_page .menu_list.menu1 .table_box .right ul.list2,
.menu_page .menu_list.menu2 .table_box .right ul.list1{ display:none}
.menu_page .menu_list.menu1 .table_box .right ul.list1,
.menu_page .menu_list.menu2 .table_box .right ul.list2{ display:block}
.menu_page .menu_list.menu1 .table_box .left ul li.btn_menu1 a,
.menu_page .menu_list.menu2 .table_box .left ul li.btn_menu2 a{font-weight:700;color:#333;}
/*//20-09-18*/

.menu_page .menu_quick {position:fixed; bottom:20px; left: 5%; background: #fff; border:1px solid #eee; width:90%; border-radius: 100px; z-index: 200}
.menu_page .menu_quick ul { display:table; table-layout: fixed; width:95%; margin:0 auto}
.menu_page .menu_quick ul li {display:table-cell; width:33.3%; text-align: center}
.menu_page .menu_quick ul li a {display:block; padding:10px 0; position:relative}
.menu_page .menu_quick ul li a.new .icon {position:relative; display: inline-block}
.menu_page .menu_quick ul li a.new .icon::after {content:""; width:5px; height:5px; border-radius: 5px; background:#ff7f27; position:absolute; top:-5px; right:-5px}
.menu_page .menu_quick ul li .txt {color:#666; font-size:0.9em; margin-top:5px; line-height: 1em}



@media screen and (max-width:1280px) {

}

@media screen and (max-width:781px) {

}

.round_chart {width:90px; height:90px; position: relative; border-radius: 50%; transition: 0.3s; background: conic-gradient(rgb(255, 127, 39) 0%, rgb(255, 127, 39) 57%, rgb(213, 213, 213) 57%, rgb(213, 213, 213) 100%); display:inline-block;}
.round_chart span {background: #fff; display : block; position: absolute; top:50%; left:50%; width:80px; height:80px; border-radius: 50%; text-align:center; line-height: 80px; transform: translate(-50%, -50%);}
.menu_page .round_chart span::before { content: ''; position: absolute; top:-5px; right:-5px; width:25px; height:25px; background:url('/static/img/menu/reload.png'), #ff7f26; background-repeat: no-repeat, no-repeat; background-size:20px; border-radius: 100%; background-position: 3px 4px; }

/* 디자인 변경 20210122 */
.menu_page .menu-header { position: relative; background: #222; }
.menu_page .menu-header .top-balnk { position:absolute; top:0; left:0; width:100%; height:54px; background:#222; z-index:1; }
.menu_page .menu-header .top { position: absolute; width: 100%; overflow: hidden; padding:0 20px; box-sizing: border-box; background: #222; z-index: 9999; }
.menu_page .menu-header .top > div { float:left; }
.menu_page .menu-header .top .left { padding:7px 0; }
.menu_page .menu-header .top .left img { width:36px; }
.menu_page .menu-header .top .right { float: right; width:65%; text-align: right; padding:11px 0; }
.menu_page .menu-header .top .right a { display: inline-block; position: relative; margin-left:10px; }
.menu_page .menu-header .top .right a img { width:28px; }
.menu_page .menu-header .top .right a span { display: block; position: absolute; right:0px; top:0px; background:#FF7F27; font-size: 9px; font-weight: bold; color:#222; min-width:16px; height: 16px; border-radius: 16px; line-height: 16px; text-align: center; }
.menu_page .menu-header .top .right a.qr-code { font-size: 14px; padding: 3px 5px; border:solid 1px #eee; border-radius: 25px; color:#fff; vertical-align: top; font-size: 12px;}
.menu_page .menu-header.premium { background:#26548F; }
.menu_page .menu-header.premium .top-balnk { background:#26548F; }
.menu_page .menu-header.premium .top { background:#26548F; }
.menu_page .menu-header .bottom { position: relative; overflow: hidden; padding:55px 20px 25px 20px; }
.menu_page .menu-header .bottom { color:#fff; font-size: 14px; text-align: center; }
.menu_page .menu-header .bottom .grade { color:#FF7F27; }
.menu_page .menu-header .bottom .grade img { width:26px; vertical-align: middle; }
.menu_page .menu-header .bottom .title { font-size: 18px; margin:0px 0 7px 0; }
.menu_page .menu-header .bottom .point { font-size: 14px; }
.menu_page .menu-header .bottom .point em { font-size: 18px; font-style: normal; font-weight: bold; }
.menu_page .menu-header .bottom .btn { margin-top:20px; opacity: 0.8; }
.menu_page .menu-header .bottom .btn a { color:#fff; border:solid 1px #fff; border-radius: 5px; padding:6px 12px; }
.menu_page .menu-header .bottom .btn.ea2 a { color:#fff; }
.menu_page .menu-header .bottom .login-input { display: flex; flex-direction: column; justify-content: center; align-content: center; padding: 0 30px; margin-top: 20px; }
.menu_page .menu-header .bottom .login-input input { border: 0; border-radius: 5px; padding: 10px 0; text-indent: 10px; margin-bottom: 10px; }

.menu_page .tab-menu { position: relative; background: #000; }
.menu_page .tab-menu ul { overflow: hidden; }
.menu_page .tab-menu ul li { float: left; width:33.3%; text-align: center; }
.menu_page .tab-menu ul li a { display: block; padding:13px 0; color:#fff; font-size: 15px; font-weight: bold; }
.menu_page .tab-menu ul li.active a { color:#FF7F27; }
.menu_page .tab-menu .tab-bar { position: absolute; left:calc(16.6% - 20px); bottom:0px; width:40px; height:2px; background: #FF7F27; transition: 0.3s; }

.menu_page .quick-menu { position: fixed; right:20px; bottom:20px; z-index: 9999; display: none; transition-delay:10s; }
.menu_page .quick-menu ul li a { display: block; color:#666666; font-size: 11px; }
.menu_page .quick-menu ul li a span { display: block; width:70px; height: 70px; border-radius: 100%; border:solid 1px #EEEEEE; box-sizing: border-box; text-align:center; background: #DDDDDD; margin:0 auto 12px auto; font-style: normal; line-height:12px; padding:5px 0; }
.menu_page .quick-menu ul li a span img { width:40px; }
.menu_open .menu_page .quick-menu { display: block; }

.menu_page .main-menu .main-btn { position: relative; width:100%; height: 36px; margin-top:30px; }
.menu_page .main-menu .main-btn a { color:#222; }
.menu_page .main-menu .main-btn a > div { float: left; width:50%; line-height: 36px; }
.menu_page .main-menu .main-btn a > div img { vertical-align: middle; }
.menu_page .main-menu .main-btn a > div:first-child { font-size: 16px; font-weight: bold; }
.menu_page .main-menu .main-btn a > div:first-child img { width:36px; }
.menu_page .main-menu .main-btn a > div:last-child { font-size: 14px; text-align: right; }
.menu_page .main-menu .main-btn a > div:last-child img { width:20px; }

.menu_page .main-menu { position: relative; padding:0 20px; }
.menu_page .main-menu > div { margin:20px 0 0px 0; }
.menu_page .main-menu ul { overflow: hidden; }
.menu_page .main-menu ul li { float: left; width:25%; text-align:center; margin-bottom: 20px; }
.menu_page .main-menu ul li a { display: block; color:#222; font-size: 14px; line-height: 20px; }
.menu_page .main-menu ul li a i { display: block; width:70px; height: 70px; border-radius: 100%; border:solid 1px #EEEEEE; box-sizing: border-box; text-align:center; line-height: 70px; background: #fff; margin:0 auto 12px auto; }
.menu_page .main-menu ul li a i img { width:40px; vertical-align: middle; }
.menu_page .main-menu .btn { overflow:hidden; }
.menu_page .main-menu .btn a { display: block; font-size: 15px; font-weight: bold; color:#222; padding:9px 0; }
.menu_page .main-menu .btn a img { width:28px; vertical-align: middle; }
.menu_page .main-menu .btn.ea2 a { display: inline-block; width:50%; float: left; }
.menu_page .main-menu .btn.ea2 a:first-child { width:calc(50% - 4px); margin-right:4px; }

.menu_page .sub-menu { position: relative; margin-top: 10px;}
.menu_page .sub-menu div { padding:0 20px 20px 20px; }
.menu_page .sub-menu div p { color:#AAAAAA; font-size: 16px; font-weight: bold; }
.menu_page .sub-menu div ~ div p { border-top:solid 1px #c5c5c5; padding-top:34px; }
.menu_page .sub-menu div p img { width:18px; vertical-align: middle; margin-right: 8px; }
.menu_page .sub-menu div ul { overflow: hidden; margin-top:10px; }
.menu_page .sub-menu div ul li { float: left; width:50%; padding:12px 0; line-height: 20px; }
.menu_page .sub-menu div ul li a { color:#222; font-size: 16px; font-weight: bold; }

.menu_page .sub-menu .mileage-shop { background: #fff; padding:35px; margin-top:20px }
.menu_page .sub-menu .mileage-shop p { color:#999999; font-size: 14px; font-weight: normal;border: 0;padding: 0; }
.menu_page .sub-menu .mileage-shop p.title { font-size: 20px; color:#222; margin-bottom:7px; }
.menu_page .sub-menu .mileage-shop p.arrow { margin-top:30px; }
.menu_page .sub-menu .mileage-shop p.arrow img { width:32px; }

.menu_page .right-sub-menu { position: relative; width:100%; height: 1560px; overflow: hidden; background: #F8F8F8;}
.menu_page .right-sub-menu .m-box { position: relative; display: flex; }
.menu_page .menu-wrap { position: relative; width: 100%; flex-shrink: 0; transition-property: transform;}

.menu_page .banner { position: relative; width:100% !important; height: auto !important; background: none !important; padding:0 !important; }
.menu_page .banner img { width:100%; border-radius: 5px; }

.round-btn { display: block; border:solid 1px #DDDDDD; border-radius: 5px; box-sizing: border-box; font-size: 15px; font-weight: bold; padding:15px 0; text-align: center; color:#222; }
.round-btn.gray { border:0px; background: #D5D5D5; }
.round-btn.orange { border:0px; background: #FF7F27; }
.round-btn.blue { border:0px; background: #26548f; color: #eee !important;}
.round-btn.red { border:0px; background: #ff4042; color: #fff2e9 !important;}
.round-btn.gray.outline { background: #fff; border:solid 1px #D5D5D5; box-sizing: border-box; color:#D5D5D5; }
.round-btn.orange.outline { background: #fff; border:solid 1px #FF7F27; box-sizing: border-box; color:#FF7F27; }
.round-btn.blue.outline { background: #fff; border:solid 1px #26548f; box-sizing: border-box; color:#26548f !important; }

.hide {display: none;}


.wait_play_wrap {
    width: 100%; height: 100%; top:0; left: 0; background: #000; z-index: 9999; position: fixed;overflow-y: hidden;
}
.wait_play_wrap .time-wrap {
    width: 100%; height: 4px; background: #454545;top:0; position: absolute; left:0;
}
.wait_play_wrap .time-wrap .time-bar {
    width: 0%; height: 4px; background: #aaaaaa;top:0; position: relative; left:0;
}
.wait_play_wrap .time_message {
    width: 100%; top:8px; position: absolute; text-align: center; left:0; opacity: 0.4;
}
.wait_play_wrap .time_message span {
    padding: 5px 10px; background: #000;color: #fff2e9; text-align: center;border-radius: 5px;font-size: 0.8em;
}
.wait_play_wrap img {
    width: 100%;
}
::cue{font:18px / 1.5 "NanumGothic","Open Sans", verdana, sans-serif;}
::cue(v[voice=fman]){color:white;}
::cue(v[voice=sman]){color:yellow;}

.wrap-loading{ position: fixed;	left:0;	right:0;	top:0;	bottom:0;	background: rgba(0,0,0,0.2); /*not in ie */	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');    /* ie */	z-index: 9999;}
.wrap-loading div {	position: fixed; top: 30vh; width: 100%; text-align:center;}
.wrap-loading div .load_text { margin-top: 100px;padding: 10px 0; width: 70vw; margin-left: 15vw; border-radius: 10px; background-color: #000; opacity: 0.8; font-size: 12px; color: #fff;}
.wrap-loading div img{
    width:100px;
}
.display-none{ /*감추기*/
    display:none;
}

/* 로고 애니메이션  */
.logo-animation {
    width: 25px;
    height: 25px;
    margin:-10px auto 15px auto;
    transform-style: preserve-3d;
    transform: rotateX(-40deg) rotateY(45deg);
}

/* 샵 */
footer .menu .shop-home::before {
    content: '';
    position: absolute;
    top: -15px;
    left: calc(50% - 46px);
    background: url(/static/img/cuesco/quick_menu_bg.png) no-repeat;
    background-size: 100%;
    width: 84px;
    height: 25px;
    z-index: -1;
}

footer .menu .shop-home .logo-animation {
    width: 25px;
    height: 25px;
    margin:-5px auto 15px auto;
    transform-style: preserve-3d;
    transform: rotateX(-40deg) rotateY(45deg);
}

#quickmenu li.home::before {
    content: '';
    position: absolute;
    top: -15px;
    left: calc(50% - 46px);
    background: url(/static/img/cuesco/quick_menu_bg.png) no-repeat;
    background-size: 100%;
    width: 84px;
    height: 25px;
    z-index: -1;
}

.square {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    color: rgba(255, 255, 255, 0.3);
    text-align: center;
}

.square::after {
    content: '';
    position:absolute;
    left:0;
    top:0;
    width:25px;
    height:25px;
    z-index:-1;
}

.square.logo-c::after {
    background: url('/static/img/cuesco/logo_c.png') no-repeat;
    background-size:cover;
}

.square.logo-y::after {
    background: url('/static/img/cuesco/logo_y.png') no-repeat;
    background-size:cover;
}

.square.logo-n::after {
    background: url('/static/img/cuesco/logo_n.png') no-repeat;
    background-size:cover;
}

.square:nth-child(1) {
    animation: front 10s cubic-bezier(0.64, 0.19, 1, 0.04) infinite;
}

.square:nth-child(2) {
    animation: back 10s cubic-bezier(0.64, 0.19, 1, 0.04) infinite;
}

.square:nth-child(3) {
    animation: left 10s cubic-bezier(0.64, 0.19, 1, 0.04) infinite;
}

.square:nth-child(4) {
    animation: right 10s cubic-bezier(0.64, 0.19, 1, 0.04) infinite;
}

.square:nth-child(5) {
    animation: top 10s cubic-bezier(0.64, 0.19, 1, 0.04) infinite;
}

.square:nth-child(6) {
    animation: bottom 10s cubic-bezier(0.64, 0.19, 1, 0.04) infinite;
}

@keyframes front {
    0%, 100% {
        opacity: 0;
        transform: translateZ(0);
    }
    3% {
        opacity: 1;
        transform: translateZ(0);
    }
    6%, 90% {
        opacity: 1;
        transform: translateZ(12.5px);
    }
    95% {
        opacity: 0;
        transform: translateZ(12.5px);
    }
}

@keyframes back {
    0%, 100% {
        opacity: 0;
        transform: rotateY(180deg) translateZ(0);
    }
    3% {
        opacity: 1;
        transform: rotateY(180deg) translateZ(0);
    }
    6%, 90% {
        opacity: 1;
        transform: rotateY(180deg) translateZ(12.5px);
    }
    95% {
        opacity: 0;
        transform: rotateY(180deg) translateZ(12.5px);
    }
}

@keyframes left {
    0%, 9%, 100% {
        opacity: 0;
        transform: rotateY(0deg) translateZ(0);
    }
    12% {
        opacity: 1;
        transform: rotateY(0deg) translateZ(0);
    }
    15% {
        opacity: 1;
        transform: rotateY(-90deg) translateZ(0);
    }
    18%, 90% {
        opacity: 1;
        transform: rotateY(-90deg) translateZ(12.5px);
    }
    95% {
        opacity: 0;
        transform: rotateY(-90deg) translateZ(12.5px);
    }
}

@keyframes right {
    0%, 9%, 100% {
        opacity: 0;
        transform: rotateY(0deg) translateZ(0);
    }
    12% {
        opacity: 1;
        transform: rotateY(0deg) translateZ(0);
    }
    15% {
        opacity: 1;
        transform: rotateY(90deg) translateZ(0);
    }
    18%, 90% {
        opacity: 1;
        transform: rotateY(90deg) translateZ(12.5px);
    }
    95% {
        opacity: 0;
        transform: rotateY(90deg) translateZ(12.5px);
    }
}

@keyframes top {
    0%, 20%, 100% {
        opacity: 0;
        transform: rotateX(0deg) translateZ(0);
    }
    23% {
        opacity: 1;
        transform: rotateX(0deg) translateZ(0);
    }
    26% {
        opacity: 1;
        transform: rotateX(90deg) translateZ(0);
    }
    29%, 90% {
        opacity: 1;
        transform: rotateX(90deg) translateZ(12.5px);
    }
    95% {
        opacity: 0;
        transform: rotateX(90deg) translateZ(12.5px);
    }
}

@keyframes bottom {
    0%, 57%, 100% {
        opacity: 0;
        transform: rotateX(0deg) translateZ(0);
    }
    60% {
        opacity: 1;
        transform: rotateX(0deg) translateZ(0);
    }
    63% {
        opacity: 1;
        transform: rotateX(-90deg) translateZ(0);
    }
    66%, 90% {
        opacity: 1;
        transform: rotateX(-90deg) translateZ(12.5px);
    }
    95% {
        opacity: 0;
        transform: rotateX(-90deg) translateZ(12.5px);
    }
}

/* right layer popup */
.right-popup { position: fixed; top:0px; left:100%; width:100%; height:100%; background: #fff; transition:all 600ms cubic-bezier(0.86, 0, 0.07, 1); }
.right-popup .right-popup-header { position: relative; width:100%; height:45px; background: #000; }
.right-popup .right-popup-header h5 { width:100%; text-align: center; color:#fff; padding:10px 0; font-size: 1em; }
.right-popup .right-popup-header .right-popup-close { position: absolute; right:10px; top:10px; }
.right-popup .right-popup-header .right-popup-close img { width:28px; }

body.right-popup-open { background: #222; overflow: hidden!important; height: 100%; }
.right-popup-open .right-popup { left:0px; }




/* =========== */