@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:#333;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:1px solid #e1e1e1;}
.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}

/* 2020.12.14 수정 */
#content.content {display:block;width:1200px;margin:0 auto;padding:70px 0 60px;}
.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 프로모션 스티커 */
.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:absolute;top:254px;right:30px;width:101px;background:#fff;z-index:100}
	.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}
	.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: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;}

/** 상품 품절 표시 변경 **/
.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;}