@charset "utf-8";

@font-face {font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(../fonts/NotoSans-Light.woff2) format('woff2'), url(../fonts/NotoSans-Light.woff) format('woff')}
@font-face {font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(../fonts/NotoSans-Regular.woff2) format('woff2'), url(../fonts/NotoSans-Regular.woff) format('woff')}
@font-face {font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(../fonts/NotoSans-Medium.woff2) format('woff2'), url(../fonts/NotoSans-Medium.woff) format('woff')}
@font-face {font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(../fonts/NotoSans-Bold.woff2) format('woff2'), url(../fonts/NotoSans-Bold.woff) format('woff')}
/* Arita Buri (serif)
2020. 05. 20 sticker 선언
*/
@font-face {
    font-family: 'Buri';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Arita-buri-Medium.eot);
    src: url(../fonts/Arita-buri-Medium.eot?iefix) format("embedded-opentype"), url(../fonts/Arita-buriM-subset.woff) format("woff"); }
@font-face {
    font-family: 'Buri';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Arita-buriSB-subset.woff) format("woff"); }

/* 태그초기화 */
* {margin:0; padding:0}
html, body {height: 100%}
body {min-width:1200px; font-family: 'Noto Sans KR',dotum,'돋움',arial,sans-serif; font-size: 16px; color: #666; font-weight: 300; line-height: 1.56; -webkit-text-size-adjust: none; -webkit-overflow-scrolling:touch; word-break: keep-all}
ol, ul, li ,dl, dt, dd {list-style: none outside none}
hr {display:none}
fieldset, img, table, caption, tbody, tfoot, thead, tr, th, td, button, hr {border: 0}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
table {width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed}
caption {position: absolute; left: -10000px; top: auto; width:1px; height:1px; overflow: hidden}
img {vertical-align: top; /*max-width: 100%*/}
a {text-decoration: none; color: #666}
select, input, textarea, button {font-family: 'Noto Sans KR',dotum,'돋움',arial,sans-serif; font-weight: 300; color: #666}
select, input[type="text"], input[type="password"] {height: 39px; font-size: 15px; border: 1px solid #d3d3d3}
select, input[type="text"], input[type="password"], textarea {border-radius: 0; box-sizing: border-box}
button {font-size: 16px; border-radius: 0; margin: 0; overflow: visible; text-transform: none; -webkit-appearance: button; cursor: pointer; border: 0; background: none; outline:0}
input::-ms-clear {display: none}
select::-ms-expand {display: none}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none}
textarea {padding:10px 15px;resize: none; font-size: 15px; border: 1px solid #d3d3d3}
label {cursor: pointer}
::-webkit-input-placeholder{font-family: 'Noto Sans KR',dotum,'돋움',arial,sans-serif; font-weight: 300; color: #999}
::-moz-placeholder{font-family: 'Noto Sans KR',dotum,'돋움',arial,sans-serif; font-weight: 300; color: #999}
:-ms-input-placeholder{font-family: 'Noto Sans KR',dotum,'돋움',arial,sans-serif; font-weight: 300; color: #999}
:-moz-placeholder{font-family: 'Noto Sans KR',dotum,'돋움',arial,sans-serif; font-weight: 300; color: #999}

/* 단축클래스 */
.fl {float: left !important;}
.fr {float: right !important}
.fn {float: none !important}
.clear-fix:after {content: ''; display: block; clear: both}
.txt-left {text-align: left !important}
.txt-right {text-align: right !important}
.txt-center {text-align: center !important}
.no-bt {border-top: 0 !important}
.no-br {border-right: 0 !important}
.no-bb {border-bottom: 0 !important}
.no-bl {border-left: 0 !important}
.no-dpn {display: none !important}
.no-dpb {display: block !important}
.ellipsis {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all}

/* slick */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,
.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto}
.slick-arrow.slick-hidden {display:none}
.slick-slider .slick-arrow{font-size:7em;color:#ff5959;cursor:pointer}
.slick-arrow{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}
.slick-prev{left:0}
.slick-next{right:0}
.slick-disabled{cursor:default;opacity:.5}

/* 공통 */
select {background: #fff url(/layouts/gfesta/images/common/arrow_select.gif) no-repeat right 15px top 50%; padding: 5px 8px 5px 15px}
input[type="text"], input[type="password"] {padding: 0 12px; background: #fff}
.cal-wrap {position: relative}
.cal-wrap .ui-datepicker-trigger {position: absolute; top: 50%; right: 15px; width: 15px; height: 14px; margin-top: -7px}
.blind {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden}
.skip-nav a {position: fixed; top: -40px; left: 0; width: 100%; height: 40px; background: #333; color: #fff; line-height: 40px; text-align: center; z-index: 999}
.skip-nav a:focus {top: 0}
.color-mint {color: #2fb2ab !important}

.inner {width: 1200px; margin: 0 auto}

/*추가*/
.header {position: relative; background: #fff; z-index: 1000}
.header.fixed {position: fixed; top: 0; left: 0; width: 100%;z-index:100}
/*.header {position: relative; background: #fff; z-index: 10}
.header.fixed {position: fixed; top: 0; left: 0; width: 100%}*/

.header.fixed + .container {padding-top: 182px}
.header .top-banner {position: relative;overflow:hidden;height:56px;font-size: 18px; color: #fff; background: #333; text-align: center}
.header .top-banner img {position:absolute;left:50%;top:0;max-width:none;height:56px;margin-left:-1120px}
.header .top-banner .btn-close {position: absolute; top: 50%; left: 50%; width: 12px; height: 13px; margin-left: 588px; transform: translateY(-50%); font-size: 0; background: url(/layouts/gfesta/images/common/btn_ban_close.png) no-repeat}
.header .header-content.pd {padding-bottom: 59px}
.header .header-content .inner {position: relative; padding: 30px 0 14px}
.header .logo {width: 192px; height: 26px; margin: 0 auto; background: url(/layouts/gfesta/images/common/logo.png) no-repeat; font-size: 0; text-indent: -9999px}
.header .logo2 {width: 192px; height: 26px; margin: 0 auto; background: url(/layouts/gfesta/images/common/logo2.png) no-repeat; font-size: 0; text-indent: -9999px}
/*.header .logo.members {background: url(/layouts/gfesta/images/common/logo.members.png) no-repeat;}*/
/*.header .logo a {display: block; width: 100%; height: 100%}*/

.header .utill {position: absolute; top: 14px; right: 0}
.header .utill:after {content: ''; display: block; clear: both}

/*190722 추가 G-members*/
.header-content .inner .g-mem{width:190px; height:30px; position:absolute; top:30px; left:0;
    background:url(/layouts/gfesta/images/common/btn_gfesta_member_coral.png)no-repeat;}
.header-content .inner .g-mem a{display: block; width: 100%; height: 100%}

/*추가*/
.header .utill>li{float: left;position:relative}
.header .utill>li>a {position: relative; display: block; padding: 0 14px;font-weight:400; font-size: 14px; color: #999}
.header .utill>li>a:hover{text-decoration:underline}
.header .utill>li>a:before {content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 12px; margin-top: -5px; background: #dfdedc}
.header .utill>li>a>i{margin-left:5px;vertical-align:2px;font-size:10px}
.header .utill>li>.on>i{transform: rotate(180deg)}
.header .utill>li .basket span {display: inline-block; width: 17px; height: 17px; margin-left: 5px; color: #fff; font-size: 12px; line-height: 17px; background: #f1494f; border-radius: 50%; text-align: center}
.header .utill>li:last-child>a {padding-right: 0}
.header .utill>li:last-child>a:before {display: none}
.header .utill>li>div{display:none;position:absolute;top:20px;z-index:1;background-color:#fff}
.header .utill ul{position:relative;width:78px;margin-top:12px;padding:6px 15px 9px;border:1px solid #d3d3d3}
.header .utill ul:before{display:block;content:"";position:absolute;left:50%;top:-6px;width:11px;height:6px;margin-left:-5px;background:url(/layouts/gfesta/images/common/bg_drop_arrow.png) no-repeat 0 0}
.header .utill ul a{font-size:14px}
.header .utill ul a:hover{text-decoration:underline}
.header .utill .drop-shop{left:7px}
.header .utill .drop-cus{left:-14px}
.header .utill .drop-cus ul{width:90px}
/*
.header .utill li {float: left}
.header .utill li a {position: relative; display: block; padding: 0 14px; font-size: 14px; color: #999}
.header .utill li a:before {content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 12px; margin-top: -5px; background: #dfdedc}
.header .utill li .basket span {display: inline-block; width: 17px; height: 17px; margin-left: 5px; color: #fff; font-size: 12px; line-height: 17px; background: #f1494f; border-radius: 50%; text-align: center}
.header .utill li:last-child a {padding-right: 0}
.header .utill li:last-child a:before {display: none}
*/

.header .search-wrap {position: absolute; bottom: 9px; right: 0; width: 246px; height: 34px; border: 2px solid #2fb2ab; border-radius: 18px; overflow: hidden}
.header .search-wrap input[type="text"] {width: 100%; height: 100%; padding: 0 45px 0 20px; border: 0; font-size: 14px}
.header .search-wrap .btn-search {position: absolute; top: 0; right: 16px; width: 30px; height: 100%; font-size: 0; background: url(/layouts/gfesta/images/common/icon_search.png) no-repeat 50% 50%; text-indent: -9999px}
.header .gnb-wrap {border-bottom: 1px solid #d3d3d3; background: #fff}
.header .gnb-wrap.fixed {position: fixed; top: 0; left: 0; width: 100%}
.header .gnb-wrap .inner {position: relative; height:58px}
/*.header .gnb-wrap .inner:after {content: ''; display: block; clear: both}*/
.header .gnb-wrap .gnb {float: left}
.header .gnb-wrap .gnb li {float: left}
.header .gnb-wrap .gnb li a {font-size: 18px; font-weight: 400; color: #222; display: block; padding: 15px 30px; text-align: center}
.header .gnb-wrap .gnb li a:hover{color:#2fb2ab}
.header .all-menu {position: relative; float: left}
.header .all-menu .btn-all-menu {height: 58px; margin: 0 25px 0 0; padding: 15px 0; font-size: 18px; font-weight: 400; color: #222}
.header .all-menu .btn-all-menu:before {content: ''; display: inline-block; width: 22px; height: 18px; margin-right: 8px; background: url(/layouts/gfesta/images/common/btn_all_menu.gif) no-repeat; vertical-align: -2px}
.header .all-menu .btn-all-menu.active {color: #2fb2ab}
.header .all-menu .btn-all-menu.active:before {background: url(/layouts/gfesta/images/common/btn_all_menu_on.gif) no-repeat}
.header .all-menu-list {display: none; position: absolute; top: 58px; left: -1px; width: 179px;/*width: 380px;*/ border: 1px solid #d3d3d3; background: #fff}
.header .all-menu-list button {width: 180px; padding: 13px 0 13px 54px; text-align: left; border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3}

.header .all-menu-list button.active {position:relative;z-index:1;font-weight: 500; color: #2fb2ab; /*border-right: 0*/}
.header .all-menu-list .dep2 {position: absolute; top: 0; left: 179px; width: 0; height: 100%; overflow:hidden; background: #f4f4f4;border-right:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3}
.header .all-menu-list .dep2.show{left:180px;width:200px}
.header .all-menu-list .dep2 ul {display:none;width:200px;padding: 15px 0 0 20px}
/*.header .all-menu-list button.active {font-weight: 500; color: #222; border-right: 0}
.header .all-menu-list button.active + .dep2 {display: block}
.header .all-menu-list .dep2 {position: absolute; top: 0; right: 0; width: 200px; height: 100%; display: none; background: #f4f4f4}
.header .all-menu-list .dep2 ul {padding: 15px 0 0 20px}*/
.header .all-menu-list .dep2 a {display: inline-block; padding: 6px 0 6px 10px; font-size: 15px; background: url(/layouts/gfesta/images/common/arrow_all_menu.gif) no-repeat 0 50%}
.header .all-menu-list .dep2 a.active, .header .all-menu-list .dep2 a:hover, .header .all-menu-list .dep2 a:focus {font-weight: 500; color: #222; background: url(/layouts/gfesta/images/common/arrow_all_menu_on.gif) no-repeat 0 50%}
.header .all-menu-list > li:nth-child(1) button {background: url(/layouts/gfesta/images/common/icon_allmenu01.png) no-repeat 25px 50%}
.header .all-menu-list > li:nth-child(2) button {background: url(/layouts/gfesta/images/common/icon_allmenu02.png) no-repeat 25px 50%}
.header .all-menu-list > li:nth-child(3) button {background: url(/layouts/gfesta/images/common/icon_allmenu03.png) no-repeat 25px 50%}
.header .all-menu-list > li:nth-child(4) button {background: url(/layouts/gfesta/images/common/icon_allmenu04.png) no-repeat 25px 50%}
.header .all-menu-list > li:nth-child(5) button {background: url(/layouts/gfesta/images/common/icon_allmenu05.png) no-repeat 25px 50%}
.header .all-menu-list > li:nth-child(6) button {background: url(/layouts/gfesta/images/common/icon_allmenu06.png) no-repeat 25px 50%}
.header .all-menu-list > li:nth-child(7) button {background: url(/layouts/gfesta/images/common/icon_allmenu07.png) no-repeat 25px 50%}
.header .all-menu-list > li:nth-child(8) button {background: url(/layouts/gfesta/images/common/icon_allmenu08.png) no-repeat 25px 50%}
.header .all-menu-list > li:nth-child(9) button {background: url(/layouts/gfesta/images/common/icon_allmenu09.png) no-repeat 25px 50%}
.header .all-menu-list > li:nth-child(1) button.active {background: #f4f4f4 url(/layouts/gfesta/images/common/icon_allmenu01_on.png) no-repeat 25px 50%}
.header .all-menu-list > li:nth-child(2) button.active {background: #f4f4f4 url(/layouts/gfesta/images/common/icon_allmenu02_on.png) no-repeat 25px 50%}
.header .all-menu-list > li:nth-child(3) button.active {background: #f4f4f4 url(/layouts/gfesta/images/common/icon_allmenu03_on.png) no-repeat 25px 50%}
.header .all-menu-list > li:nth-child(4) button.active {background: #f4f4f4 url(/layouts/gfesta/images/common/icon_allmenu04_on.png) no-repeat 25px 50%}
.header .all-menu-list > li:nth-child(5) button.active {background: #f4f4f4 url(/layouts/gfesta/images/common/icon_allmenu05_on.png) no-repeat 25px 50%}
.header .all-menu-list > li:nth-child(6) button.active {background: #f4f4f4 url(/layouts/gfesta/images/common/icon_allmenu06_on.png) no-repeat 25px 50%}
.header .all-menu-list > li:nth-child(7) button.active {background: #f4f4f4 url(/layouts/gfesta/images/common/icon_allmenu07_on.png) no-repeat 25px 50%}
.header .all-menu-list > li:nth-child(8) button.active {background: #f4f4f4 url(/layouts/gfesta/images/common/icon_allmenu08_on.png) no-repeat 25px 50%}
.header .all-menu-list > li:nth-child(9) button.active {background: #f4f4f4 url(/layouts/gfesta/images/common/icon_allmenu09_on.png) no-repeat 25px 50%}
.header .all-menu-list > li:last-child button {border-bottom: 0}

.footer {border-top: 2px solid #333}
.footer .f-customer {width: 1200px; margin: 94px auto 91px}
.footer .f-customer > div {position: relative; float: left; margin-right: 30px; padding-right: 30px}
.footer .f-customer > div:before {content: ''; position: absolute; top: 6px; right: 0; width: 1px; height: 130px; background: #d3d3d3}
.footer .f-customer > div:last-child:before {display: none}
.footer .f-customer:after {content: ''; display: block; clear: both}
.footer .f-customer .tit {display: block; margin-bottom: 14px; font-size: 20px; font-weight: 500; color: #222}
.footer .f-customer .notice {width: 447px}
.footer .f-customer .notice ul li {position: relative; margin-bottom: 10px; padding-left: 10px}
.footer .f-customer .notice ul li:last-child {margin-bottom: 0}
.footer .f-customer .notice ul li:after {content: ''; display: block; clear: both}
.footer .f-customer .notice ul li:before {content: ''; position: absolute; top: 11px; left: 0; display: block; width: 3px; height: 3px; background: #666}
.footer .f-customer .notice ul li a {display: block; float: left; width: 330px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all}
.footer .f-customer .notice ul li a:hover{text-decoration:underline}

.footer .f-customer .notice ul li .date {position: absolute; top: 0; right: 0; color: #888}
.footer .f-customer .notice .btn-more {position: absolute; top: 6px; right: 30px; width: 20px; height: 20px; font-size: 0; background: url(/layouts/gfesta/images/common/btn_f_notice.gif) no-repeat; text-indent: -9999px}
.footer .f-customer .contact {width: 310px}
.footer .f-customer .contact .txt {display: block; margin-bottom: 17px}
.footer .f-customer .contact .btn-more {position: relative; display: inline-block; font-weight: 400; color: #333}
.footer .f-customer .contact .btn-more:before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #333}
.footer .f-customer .customer {width: 320px; margin: 0; padding: 0}
.footer .f-customer .customer .call-num {display: block; margin-top: -9px; font-size: 35px; font-weight: 700; color: #333}
.footer .f-customer .customer .open {font-weight: 500; color: #333}
.footer .f-customer .customer .open span {display: block; margin-top: 2px; font-weight: 300; color: #666}
.footer .f-content {background: #f4f4f4}
.footer .f-content .f-utill {border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3}
.footer .f-content .f-utill ul {width: 1200px; margin: 0 auto}
.footer .f-content .f-utill ul:after {content: ''; display: block; clear: both}
.footer .f-content .f-utill ul li {float: left}
.footer .f-content .f-utill ul li a {position: relative; display: block; padding: 15px 13px; font-size: 15px}

.footer .f-content .f-utill ul li a:hover{text-decoration:underline}
.footer .f-content .f-utill ul li .personal {font-weight: 500; color: #333}
.footer .f-content .f-utill ul li a:before {content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 12px; margin-top: -6px; background: #d3d3d3}
.footer .f-content .f-utill ul li:first-child a {padding-left: 0}
.footer .f-content .f-utill ul li:last-child a:before {display: none}
.footer .f-content .f-info {width: 1060px; margin: 0 auto; padding: 25px 0 25px 140px; font-size: 15px; color: #777; background: url(/layouts/gfesta/images/common/f_logo.png) no-repeat 0 35px; line-height: 1.6; position:relative;}
.footer .f-content .f-info .copyright {margin-top: 13px; font-size: 14px; color: #666}
.footer .f-content .f-info span {display: inline-block; margin-right: 13px}
.footer .f-content .f-info .last {margin-right: 0}
.footer .f-content .f-info .license {display: inline-block; margin-left: 5px; padding: 1px 10px; font-size: 14px; color: #fff; background: #aaa; text-align: center; border-radius: 13px}



#content.content {display:block; width: 1200px; margin: 0 auto; padding: 70px 0 100px;}
.content.page{width: 1200px; margin: 0 auto; padding: 70px 0 0px;}
.content.full {width: 100%;}
.content.pb0 {padding-bottom: 0}

/*추가*/
.loader{display:block;position:fixed;left:0;top:0;z-index:1000; width:100%;height:100%;background-color:rgba(0,0,0,.5)}
.lds-spinner {color: official;display: inline-block;position: absolute;left:50%;top:50%;width: 64px;height: 64px;margin:-32px 0 0 -32px}
.lds-spinner div {transform-origin: 32px 32px;animation: lds-spinner 1.2s linear infinite;}
.lds-spinner div:after {content: " ";display: block;position: absolute;top: 3px;left: 29px;width: 5px;height: 14px;border-radius: 20%;background:#fff}
.lds-spinner div:nth-child(1) {transform: rotate(0deg);animation-delay: -1.1s;}
.lds-spinner div:nth-child(2) {transform: rotate(30deg);animation-delay: -1s;}
.lds-spinner div:nth-child(3) {transform: rotate(60deg);animation-delay: -0.9s;}
.lds-spinner div:nth-child(4) {transform: rotate(90deg);animation-delay: -0.8s;}
.lds-spinner div:nth-child(5) {transform: rotate(120deg);animation-delay: -0.7s;}
.lds-spinner div:nth-child(6) {transform: rotate(150deg);animation-delay: -0.6s;}
.lds-spinner div:nth-child(7) {transform: rotate(180deg);animation-delay: -0.5s;}
.lds-spinner div:nth-child(8) {transform: rotate(210deg);animation-delay: -0.4s;}
.lds-spinner div:nth-child(9) {transform: rotate(240deg);animation-delay: -0.3s;}
.lds-spinner div:nth-child(10) {transform: rotate(270deg);animation-delay: -0.2s;}
.lds-spinner div:nth-child(11) {transform: rotate(300deg);animation-delay: -0.1s;}
.lds-spinner div:nth-child(12) {transform: rotate(330deg);animation-delay: 0s;}
@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.prt-label{display:none;position:absolute;left:16px;top:16px;z-index:1;padding:10px 10px 6px;background-color:#2fb2ab;text-align:center;font-size:14px;color:#fff}
.prt-label strong{display:block;font-weight:500;font-size:22px}

/*
2020.05.20 프로모션 스티커 변경
before ~
.prt-promotionItemArea {
	position: absolute;width: 94px;height: 94px; background-color:#2fb2ab;
}
.prt-promotionItem {position: relative; left:0px;top:0px;z-index:1; width:100%; height:100%; background:url(/layouts/gfesta/images/sub/etc/sticker_pc_30.png) no-repeat;}
.prt-promotionItemList {position: relative; left:0px;top:0px;z-index:1; width:100%; height:100%; background:url(/layouts/gfesta/images/sub/etc/sticker_size01_30.png) no-repeat;}
.prt-promotionItemView {position: relative; left:0px;top:0px;z-index:1; width:100%; height:100%; background:url(/layouts/gfesta/images/sub/etc/sticker_size02_30.png) no-repeat;}
*/
/* 2020.05.20 프로모션 스티커 변경  */
.prt-prod {position:relative; z-index:8}
.prt-sticker_pc1 {position:absolute;top:0px;left:0px;padding:12px;text-decoration:none;background-color:rgba(50,169,163,0.80);line-height:24px;text-align:center;font-size:24px;color:#fff;font-family:'buri',serif;font-weight:700;vertical-align:middle;}
.prt-sticker_pc2 {position:absolute;top:0px;left:0px;padding:15px;text-decoration:none;background-color:rgba(50,169,163,0.80);line-height:36px;text-align:center;font-size:36px;color:#fff;font-family:'buri',serif;font-weight:700;vertical-align:middle;}


.alert-popup-layer{display:none;position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
.alert-popup-layer .alert{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);box-sizing:border-box;width:350px;padding:30px;background-color:#fff;text-align:center}
.alert-popup-layer .alert .msg{padding-bottom:23px;font-size:20px;font-weight:400;color:#222}
.alert-popup-layer .alert .icn{margin-bottom:13px;text-align:center}
.alert-popup-layer .alert .icn>span{display:inline-block;width:90px;height:90px;border-radius:50%;line-height:90px;background-color:#f7f7f7}
.alert-popup-layer .alert .icn i{vertical-align:middle;font-size:38px;color:#3f4553}
.alert-popup-layer .alert-btn{text-align:center}
.alert-popup-layer .alert-btn a{display:inline-block;box-sizing:border-box;width:87px;height:46px;line-height:46px;text-align:center;font-weight:400;vertical-align:top}
.alert-popup-layer .alert-btn a:last-child{margin-left:5px}
.alert-popup-layer .green{background-color:#2fb2ab;;color:#fff}
.alert-popup-layer .white{border:1px solid #d3d3d3;color:#444}

.alert-popup-layer1{display:none;position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
.alert-popup-layer1 .alert{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);box-sizing:border-box;padding:10px;background-color:#fff;text-align:center}
.alert-popup-layer1 .alert .msg{padding-bottom:23px;font-size:20px;font-weight:400;color:#222}
.alert-popup-layer1 .alert .icn{margin-bottom:13px;text-align:center}
.alert-popup-layer1 .alert .icn>span{display:inline-block;width:90px;height:90px;border-radius:50%;line-height:90px;background-color:#f7f7f7}
.alert-popup-layer1 .alert .icn i{vertical-align:middle;font-size:38px;color:#3f4553}
.alert-popup-layer1 .alert-btn{text-align:center}
.alert-popup-layer1 .alert-btn a{display:inline-block;box-sizing:border-box;width:130px;height:46px;line-height:46px;text-align:center;font-weight:400;vertical-align:top}
.alert-popup-layer1 .alert-btn a:last-child{margin-left:5px}
.alert-popup-layer1 .green{background-color:#2fb2ab;;color:#fff}
.alert-popup-layer1 .white{border:1px solid #d3d3d3;color:#444}
.alert-popup-layer1 .black{background-color:#333;color:#fff;width:50%}


@media all and (min-width:1500px){
    /* .quick-menu {position: fixed; top: 254px; right: 30px; width: 101px; background: #fff; z-index: 100} */
    .quick-menu {position: absolute; top: 254px; right: 30px; width: 101px; background: #fff; z-index: 100}
    /*.quick-menu {position: fixed; top: 254px; right: 30px; width: 101px; background: #fff; z-index: 1}*/
    .quick-menu .tit {display: block; padding: 15px 0; font-size: 15px; color: #222; text-align: center; border: 1px solid #d3d3d3; border-bottom: 0}
    .quick-menu .btn-top {display: block; width: 100%; padding: 3px 0; font-size: 13px; color: #fff; background: #333}
    .quick-menu .btn-top:before {content: ''; display: inline-block; margin-right: 5px; border-bottom: 4px solid #fff; border-left: 3px solid transparent; border-right: 3px solid transparent; vertical-align: middle}
    .quick-menu .recent-prd-slider {padding: 0 15px 13px; border: 1px solid #d3d3d3; border-top: 0; border-bottom: 0}
    .quick-menu .recent-prd-slider .slick-list {height: auto !important; max-height: 316px}
    .quick-menu .recent-prd-slider .slick-track {width: 69px}
    .quick-menu .recent-prd-slider .slick-slide {float: none; margin-bottom: 10px}
    .quick-menu .recent-prd-slider .slick-arrow {position: static; width: 69px; height: 17px; transform: none; -webkit-transform: none; -ms-transform: none}
    .quick-menu .recent-prd-slider .slick-prev {margin-bottom: 10px; background: url(/layouts/gfesta/images/common/btn_prev_quick.gif) no-repeat}
    .quick-menu .recent-prd-slider .slick-next {background: url(/layouts/gfesta/images/common/btn_next_quick.gif) no-repeat}

    /*190717 퀵메뉴 멤버스 추가*/
    .gm-banner {border-top: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3;}

    .order-total {position: absolute;}
}

@media all and (max-width:1499px){
    /*.quick-menu{position: fixed; top: 485px; right: 30px; width:56px;z-index: 100}*/
    /* .quick-menu{position: fixed; bottom:100px; right: 30px; width:56px;z-index: 100} */
    .quick-menu{position: absolute; bottom:250px; right: 30px; width:56px;z-index: 100}
    .quick-menu>span,.quick-menu>ul{display:none}
    .quick-menu .btn-top{width:56px;height:56px;background:url(/layouts/gfesta/images/common/btn_quick_top.png) no-repeat 0 0;font-size:0}

    /*190717 퀵메뉴 멤버스  1499 이하 숨김 추가*/
    .quick-menu>span, .quick-menu>ul, .gm-banner {display: none;}
}

/*190723 다날 에스크로 로고 추가*/
.danal-logo{position:absolute; right:0;}

/*190726 지셀러 전체보기 버튼 수정 */
.company a{color:#ec6f65; width:95px; margin-top:5px;}

/*
!**		2020.10.23	상품 품절 표시 	***!
.soldOutTxt {position:absolute; text-align:center; z-index:10; top:50%; left:50%; width:350px; height:100px; margin-top:-50px; margin-left:-175px;font-size:60px; color:#333}
.soldOutTxtMini45 {position:absolute; text-align:center; z-index:10; top:50%; left:50%; width:350px; height:100px; margin-top:-50px; margin-left:-175px;font-size:40px; color:#333} !** 판매중지 PC*!
.soldOutTxtMini25 {position:absolute; text-align:center; z-index:10; top:50%; left:50%; width:100px; height:100px; margin-top:-50px; margin-left:-75px;font-size:35px; color:#333} !** 솔드아웃 PC*!
.soldOutImgArea {position: relative; z-index:5;}
.soldOutImgOpacity {opacity:0.2;}*/

/** 상품 품절 표시 변경 2020.11.20 **/
.soldOutTxt {position:absolute;text-align:center;z-index:10;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.soldOutTxt span {position:absolute;top:50%;left:0;width:100%;text-align:center;color:#fff;font-weight:400;text-shadow:0 0 40px #111;}
.soldOutTxt .txt28 {font-size: 28px;line-height: 28px;margin-top: -14px;}
.soldOutTxt .txt32 {font-size: 32px;line-height: 32px;margin-top: -16px;}
.soldOutTxt .txt46 {font-size: 46px;line-height: 46px;margin-top: -23px;}
.soldOutImgArea {position: relative; z-index:5;}