@charset "utf-8";
@import url('common.css');

html {font-size: 13px;}
body {font-family: 'NanumGothic', 'Noto Sans KR', sans-serif;font-size: 1rem;min-width: 1200px}


.skip a{overflow:hidden;display:block;position:absolute;top:0;left:0;z-index:100;width:1px;height:1px;background:#000;color:#fff;text-align:center}
.skip a:focus,.skip a:active{position:relative;width:100%;height:auto;padding:10px}
.ir-text,legend,.blind{overflow:hidden;position:absolute;border:0;width:1px;height:1px;clip:rect(1px,1px,1px,1px)}
.swiper-button-next, .swiper-button-prev {outline:0;border: 0;background: none;}

@media (max-width: 991px) {
 .skip a.g {display:none;}

}

#wrap {position: relative;}
#wrap>#content {min-height: 400px;}
.container {width: 1100px;padding: 0;}
.top-event {background:url('../img/bn_top_event_bg.png') no-repeat center top; height:70px;}
.top-event .container {position: relative}
.top-event dl{display:table; margin-top:13px; float:left;}
.top-event dl dt, .top-event dl dd{display:table-cell; vertical-align:middle;}
.top-event dl dt{width:48px;}
.top-event dl dd{padding-right:20px; color:#fff; font-weight:600; letter-spacing:-1px; line-height:1.3;}
.top-event ul{float:right; margin-top:8px;}
.top-event ul li{float:left;}
.top-event ul li+li{margin-left:30px;}
.top-event .info{position: absolute;top:45px;right:0; color:#656565; letter-spacing:-1px;}
.swiper-pagination-bullet {width: 10px;height: 10px;background: #000;opacity: .5;}
.swiper-pagination-bullet-active {background: #006dba;opacity: 1;}

/* HEADER */
header {height: 100px;position: relative;border-bottom: 2px solid #000;z-index: 99;}
header h1 {float: left;line-height: 100px; font-size: 0; z-index: 2;}
header h1 a {display: block;}
header #gnb {display: block;float: right;text-align: right;width:487px;line-height: 100px;font-size: 21px;font-weight: 600;}
header #gnb>ul>li {float: left;display: block;margin-left: 80px;position: relative}
/* header #gnb>ul>li:hover ul{display: block} */
header #gnb ul ul {display: none;min-width: 120px; font-size: 14px;line-height: normal;text-align: center;border: 1px solid #000;background: #fff;padding: 15px;position: absolute;left: 50%;top: 100%;margin-top: -20px; transform: translate(-50%, 0);}
header #gnb ul ul li+li {margin-top: 10px;display: block;}
header #gnb ul ul li a {display: block;word-break:break-all;}
header #gnb ul ul li:hover {color: #f06000}

/* FOOTER */
footer {padding-bottom: 80px;position: relative; border-top: 1px solid #e5e5e5;}
footer .container {position: relative}
footer .logo {position: absolute;top: 0;margin-top: 40px;}
footer address {display: block;margin-left: 220px;margin-top: 40px;line-height: 1.6;}
footer .bar {padding: 0 5px;color: #ccc;}

.side-banner {width: 105px;background: #fff;border: 1px solid #000;padding: 15px; position: absolute;left: 50%;top: 183px;margin-left: -680px;z-index: 99;text-align: center}
.side-banner li+li {margin-top: 15px;}
.side-banner li a {display:block;}
.side-quick-banner {width:70px;position: absolute;right: 50%;margin-right: -645px;top: 183px;z-index: 99;}
.side-quick-banner ul {border: 1px solid #000;text-align: center;background: #fff; font-size: 12px;}
.side-quick-banner dl {border: 1px solid #000;text-align: center;background: #fff; font-size: 12px;}
.side-quick-banner dd {padding: 11px 0;}
.side-quick-banner li {padding: 11px 0;}
.side-quick-banner img {margin-bottom: 5px;}
.side-quick-banner li+li {border-top: 1px solid #e5e5e5}
.side-quick-banner li a {display:block;}
.side-quick-banner ul+dl {margin-top: 50px;border-color: #ccc;font-size: 13px;}
.side-quick-banner ul+dl .nb {font-size: 17px;line-height: 1;font-weight: 600;background: #fcfcfc}
.side-quick-banner dd small {font-size: 12px;}
.side-quick-banner dd span {display: block;}
.side-quick-banner.fixed, .side-banner.fixed {position: fixed;top:0}

/* MAIN */
.index section {margin-top: 50px;margin-bottom: 50px;}
.index section h1 {margin-bottom: 1em;font-size: 31px;text-align: center;font-weight: 600}
.main-visual {position: relative;}
.main-visual .swiper-container {width: 100%;}
.main-visual .swiper-slide {height: 410px;background-position: 50%;background-repeat: no-repeat;background-size: cover}
.main-visual .swiper-pagination-text {position: absolute;left:0;right: 0;bottom: 0;}
.main-visual .swiper-pagination {max-width: 1100px;margin: 0 auto;bottom: 0;display: flex;justify-content: center;position: relative;}
.main-visual .swiper-pagination-bullet {flex-grow: 1;width: auto;height: auto;padding: 15px;background: rgba(255, 255, 255, 0.2);border-radius: 0;font-weight: bold;font-size: 16px;opacity: 1}
.main-visual .swiper-pagination-bullet-active {background: #fff;}
.main-biz p.lead {text-align: center;color: #006dba; font-size: 17px;margin-bottom: 40px;font-weight: bold;}
.main-biz .row li {margin: 15px 0 0;text-align: center;font-size: 14px; color: #777; line-height: 1.7}
.main-biz .row li img {margin: 0 auto; margin-bottom: 30px;}
.main-biz .row li strong {display: block;margin: 15px 0;font-size: 20px; color: #000; line-height: 1.2}

.main-biz #tab2 a {display: block;/* padding-top: 138.0952%; */border: 1px solid #e5e5e5;position: relative;}
/* .main-biz #tab2 a img {display:block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;} */

.swiper-slide a {display:block;}

.main-biz #tab2 .row {margin-left: -5px;margin-right: -5px;}
.main-biz #tab2 .row li {padding-left: 5px;padding-right: 5px;}
.main-intro {font-size: 15px;padding: 90px 0;background: #f8f8f8;}
.main-intro #tab1-1 .spot {font-size: 22px;display: block;font-weight: 600;margin-bottom: 10px;}
.main-intro #tab1-1 b {font-size: 16px;margin-top: 10px;display: block}
.main-intro #tab1-2 li+li {margin-top: 10px;}
.main-intro .history-map {font-size: 15px;position: relative;max-width: 1000px;margin: 0 auto}
.main-intro .history-map:before {content: "";width: 1px;background: #ddd;position: absolute;left: 50%;top: 1px;bottom: 1px;}
.main-intro .history-map>div {position: relative;padding-left: 50%;}
.main-intro .history-map>div+div {margin-top: 15px;}
.main-intro .history-map dl {padding-left: 30px;line-height: 18px;}
.main-intro .history-map dt, .main-intro .history-map dd {position: relative;font-weight: normal;padding-left: 90px;}
.main-intro .history-map dt:before {content: "";width: 18px;height: 18px;; background: url(../img/bul_history.png) no-repeat 0 50%;position: absolute;left: -38px;top: 2px;}
.main-intro .history-map .dot:before {content: "";width: 7px;height: 7px;; background: url(../img/bul_history_sm.png) no-repeat 0 50%;position: absolute;left: -33px;top: 2px;}
.main-intro .history-map span {position: absolute;left: 0;}
.main-intro .history-map .img {position: absolute;left: 0;top: 0;padding-left: 0;max-width: 47%;}
.main-intro .history-map .dot {margin-top: 15px;}
.main-intro .history-map .left {text-align: right;padding-left: 0;padding-right: 50%;}
.main-intro .history-map .left dl {padding-right: 30px;padding-left: 0;}
.main-intro .history-map .left dt:before {left: auto;right: -38.5px}
.main-intro .history-map .left .dot:before {left:auto;right: -33.5px;}
.main-intro .history-map .left dt, .main-intro .history-map .left dd {padding-right: 90px;padding-left: 0;}
.main-intro .history-map .left span {left: auto;right: 0;}
.main-intro .history-map .left .img {left: auto;right: 0;padding-right: 0;top: auto;bottom: 0;}
.main-intro .box {display: flex;justify-content: space-between;margin-top: 18px;}
.main-intro .box div {flex-grow: 1;flex-basis: 0;text-align: center;padding: 15px;border-radius: 20px;}
.main-intro .box div+div {margin-left: 20px;}
.main-intro .box div strong {font-size: 20px;display: block;margin-bottom: 10px;}
.main-intro .box div.vs {border: 2px solid #f08200}
.main-intro .box div.ms {border: 2px solid #006dba}
.main-intro .map {position: relative;}
.main-intro .map dl {background: #fff;padding: 35px;position: absolute;left: 30px;top: 30px;}
.main-intro .map dt {font-size: 19px;margin-bottom: 15px;}
.main-intro .map dd {font-size: 15px;}
.main-intro .map dd+dd {margin-top: 10px;}
.main-best {text-align: center}
.main-best .thumb {margin-bottom: 15px;}
.main-best .thumb span {padding-top: 68.5714%;position: relative;display: block;border: 1px solid #e5e5e5}
.main-best .thumb span img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.main-biz .biz3 span{display: block; margin-top:.5rem; color:#006dba; font-size:1rem; line-height:1.3;}

/* SUB */
.index #content {padding-top: 0;}
#content {padding: 50px 0}
.sub-top h1 {display: none}
.sub-top .go-back {display: none}
.sub-top .sub-location {display: none;}
.sub-content {}
.sub-content h2 {color:#222;font-weight: 500;font-size: 38px;margin: 50px 0 35px;position: relative; overflow: hidden;}
.sub-content h2 img {display: block;}
.sub-content h2 small {margin-top: 15px;color: #999;display: block;font-size: 1.076rem;font-weight: normal; line-height: normal}
.sub-content h2:first-child {margin-top: 0;}
.sub-content h2.center {text-align: center;}
.sub-content h2.center img {margin: 0 auto;}
.sub-content h3 {color:#222;font-size: 18px;margin-top: 30px;height: 35px;position: relative; overflow: hidden;padding-top: 5px;}
.sub-content h3:first-child {margin-top: 0;height: 50px;}
.sub-content h3 a {float: right;font-size: 13px;color: #666;font-weight: normal;margin-top: 5px;}
.sub-content h3 small {margin-top: 15px;color: #999;display: block;font-weight: normal;font-size: 1rem;line-height: normal}
.sub-content h3 small.right {float: right;margin-top: 0;}
.sub-content h3 small.left {display: inline-block;margin-top: 0; margin-left: 10px;}
.sub-content h3.center {text-align: center}
.sub-content h3.line {border-bottom: 1px solid #444;}
.sub-content h3 .btns {display: inline-block;margin-top: -2px; margin-left: 10px;}
.sub-content h3 .btns .btn.lightgray {border-color: #666}
.sub-content h4 {color:#222;margin: 2% 0;font-size: 20px; font-weight: bold}
.sub-content h4 p {font-weight: normal;font-size: 13px;color: #999; display: inline-block;margin-left: 10px;}
.sub-content h5 {font-size: 30px;margin-bottom: 20px;text-align: center; color: #222}
.sub-content .sub-category {margin-bottom: 30px;border-bottom: 1px solid #e5e5e5;position: relative}
.sub-content .sub-category ul {}
.sub-content .sub-category li {display: inline-block;margin-right: 5px;}
.sub-content .sub-category li a {display: block;padding: .5em;margin-bottom: -1px;}
.sub-content .sub-category li.active a {border-bottom: 1px solid #ff3b31;}
.sub-content .sub-category .sort {position: absolute;right: 0;top: -2px}
.sub-content .sub-category .sort .form-control {border: 0}
.sub-content .option-select dl {padding-bottom: 10px;border-bottom: 1px solid #e5e5e5}
.sub-content .option-select dt {display: inline-block;margin-right: 30px;min-width: 50px;}
.sub-content .option-select dd {display: inline-block;}
.sub-content .option-select dd label {margin-right: 15px;}
#snb {float: left;width: 200px;}
#snb h2 {position: relative;font-size: 1.846rem;height: 50px; font-weight: 600; color: #222;}
#snb dl {border: 1px solid #e5e5e5;padding: 20px;}
#snb dl+dl {border-top: 0;}
#snb dl dt {font-size: 14px;margin-bottom: .5em;}
#snb dl dd {opacity: .8;line-height: 1.6}
#snb dl dd.active {color: #222;opacity: 1;font-weight: 500}
#snb ul {border: 1px solid #e5e5e5;}
#snb li {line-height: 50px;color: #666}
#snb li a {display: block;position: relative;padding: 0 20px;}
#snb li:hover {background: #fafafa;color: #222}
#snb li.active {color: #222;background: #fafafa;font-weight: bold}
#snb li a:after {content: "\f112";font: normal normal normal 1.5em/1 "LineAwesome";opacity: .2; font-weight: bold;position: absolute;right: 1rem;top: 50%;-webkit-transform: translate(0,-50%);transform: translate(0,-50%)}
#snb li+li {border-top: 1px solid #e1e1e1}
#snb .call {border: 1px solid #d9d9d9; margin-top: 15px;}
#snb .call dl {background: #fcfcfc;padding: 20px;}
#snb .call dt {font-size: 15px;}
#snb .call dd {color: #ff3b31;font-size: 22px;font-weight: bold;}
#snb .call .work-time {padding: 20px;border-top: 1px solid #ddd;background: url(../img/ic_cs_time.png) no-repeat 20px 50%;;padding-left: 60px;position: relative; font-size: 1rem;}
#snb .call .work-time span {font-size: .846rem; opacity: .5}
#snb + .sub-content {margin-left: 240px;}
.help-block b {font-size: 18px; font-weight: bold; color: #222;margin-bottom: 15px; display: block;}
.close-time {text-align: center;margin: 10px 0;}
.close-time .time {padding-left: 28px;display: inline-block;text-align: left;background: url(../img/ico_clock.png) no-repeat 0 92%;}
.close-time .time b {display: block;font-size: 28px; line-height: 1;}

/* 상품 */
.item-list-wrap {overflow: hidden;}
.item-list-wrap .list-top {margin-top: 30px;margin-bottom: 20px;position: relative}
.item-list-wrap .list-top .sort {position: absolute;right: 0;top: -2px}
.item-list-wrap .list-top .sort .form-control {border: 0}
.item-list-wrap .total-items {vertical-align: top; position: relative;z-index: 2;margin-right: 120px;}
.item-list-wrap .total-items span {color: #ff3b31;font-weight: bold;}
.item-list-wrap .tab-nav {width: 100%;text-align: right;margin-top: -40px;margin-bottom: 0;}
.item-list-wrap .tab-nav ul {display: inline-block;}
.item-list-wrap .tab-nav ul li {width: 100px;}
.item-list-wrap .item-list {}
.item-list-wrap .item-list+.pagination {clear: both;}
.item-list-wrap.col-5 .item-list {margin: 0 -10px}
.item-list-wrap.col-5 .item-list li {width: 20%;padding: 0 10px;}
.item-list-wrap.col-4 .item-list {margin: 0 -10px}
.item-list-wrap.col-4 .item-list li {width: 25%;padding: 0 10px;}
.item-list-wrap.col-4 .item-list li a {display:block;}
.item-list-wrap.col-4 .item-list li:nth-of-type(4n+1) {clear: left;border-left: 0;margin-left: 0;}
.item-list-wrap.col-3 .item-list li {width: 353px; margin-left: 20px;}
.item-list-wrap.col-3 .item-list li:nth-of-type(3n+1) {clear: left;border-left: 0;margin-left: 0;}
.item-list li {float: left; position: relative; overflow: hidden;;margin-bottom: 40px;}
.item-list-wrap .clearfix {width: 100%; height: 0;border-top: 1px solid #eee;margin: 30px auto; float: left; overflow: hidden}
.item-list-wrap .pagination {border-top: 1px solid #eee; padding-top: 30px; margin: 0 auto;}
.item-list-wrap .item-info .sale b {xfont-size:18px;line-height: 1.2;}
.item-list-top {overflow: hidden; position: relative;border-top: 1px solid #eee;line-height: 30px;}
.item-list-top .item-count {color: #888;font-size: 0.9em; display: inline-block;vertical-align: middle;margin-right: 100px;}
.item-list-top .item-count span {color: #000;font-weight: bold;}
.item-list-top .item-count b {color: #e60b00}
.item-list-top .sort-nav, .item-list-top .btn {position: absolute;right: 0;top: 0;margin: 15px;}
.item-info {margin-top: 15px;font-size: 16px;}
.item-info strong {display: block; font-weight: normal;position: relative;line-height: 1.5;max-height: 3em;overflow: hidden;margin-bottom: .8em;font-size: 16px;}
.item-info .desc {display: block;color: #888;margin-top: -5px; font-size: 1.076rem;}
.item-info .brand {display: block;font-size: 12px;margin: 0;}
.item-info .sale {display: inline-block;margin-right: 5px;vertical-align: top;color: #df1b1b;font-size: 14px;font-weight: bold;}
.item-info .sale b {font-size: 18px;line-height: 1;}
.item-info .sale+.price {display: inline-block;margin-top: 0;vertical-align: middle;}
.item-info .price {display: block;margin-top: 5px;}
.item-info .price b {vertical-align:-1px; color: #ff3b31}
.item-info .price s {color: #b0b0b0;font-size: 13px; margin-right: 5px; font-weight: normal}
.item-info .price em {color: #b0b0b0;margin-left: 5px;font-style: normal;}
.item-info .date {display: inline-block;background: #ff3b31;border-radius: 6px;padding: 5px 15px;color: #fff;margin: 5px auto;}
.item-info .option {display: block;margin-bottom: 10px;}
.item-info .option i {background: #469fc4;color: #fff;border: 1px solid #3f90b1;font-style: normal;font-size: 11px;padding: 0 5px;}
.item-info .tag-list {font-size: 1rem;color: #777}
.item-info .tag-list span {display: inline-block;padding: .25em 10px;margin: 1px 0;margin-right: 1px; border: 1px solid #ccc;}
.item-list {background: #fff;}
.item-list li {position: relative;}
.item-list li .thumb:hover .item-action {display: block;margin-top: -40px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.item-list .thumb {overflow: hidden;text-align: center;margin: 0 auto;padding-top: 75%;position: relative;overflow: hidden;}
.item-list .thumb, .item-list .item-info {position: relative;}
.item-list .thumb button {position: absolute;right: 1.5rem;bottom: 1.5rem;z-index: 2;background: none;border: 0;padding: 0;}
.item-list .thumb>span {display: flex; position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: center;justify-content: center;}
.item-list .thumb>span img {transition: all 0.3s;;min-height-x: 100%;max-width: inherit; object-fit: cover; height: 100%; width: 100%}
.item-list .thumb>span:hover img {transform: scale(1.1);transition: all 0.3s}
.item-list .badge {background: rgba(255, 60, 50, 0.9);color: #fff;position: absolute;top: 0;left: 0; z-index: 2;text-align: center;padding: 10px 15px;font-size: 15px;line-height: 1.2; font-weight: normal;border-radius: 0;}
.item-list .badge b {font-size: 22px;}
.item-list .kcal {position: absolute;bottom: 15px;font-weight: bold;left: 30px; z-index: 2;text-align: center;padding: 10px 15px;font-size: 15px;line-height: 1; border-radius: 25px;background: #fff;z-index: 3;}
.item-list .kcal i {position: absolute;left: -15px;top: -10px;}
.item-list .item-info ul {margin-top: 5px;}
.item-list .item-info ul li {display: inline-block;vertical-align: top;margin-right: 5px;font-size: 0.8em}
/*
.item-list .item-info dl {margin-top: 5px;}
.item-list .item-info dt {float: left;margin-right: 5px;border-right: 1px solid #eee;padding-right: 5px;font-weight: 300;}
.item-list .item-info dd {float: none;}
.item-list .item-info dd b {color: #e60b00}
*/
.item-list .form-control {height: 3.076rem;text-align: center}
.item-list .input-group .btn {height:  3.076rem;min-width: 70px}
.no-list {padding: 1rem 0;text-align: center;width: 100%;}
.new-arrival ul {}
.new-arrival li+li {margin-top: 30px;}

/* 회원관련 */
.sns-login {text-align: left;padding: 20px 0}
.sns-login dl {display: table;width: 100%; font-size: 1.076rem}
.sns-login dl>* {display: table-cell;vertical-align: middle;}
.sns-login dt {width: 20%}
.sns-login dd {text-align: right;}
.sns-login dd a {margin-left: 20px;}
.sns-login dd img {margin-right: 10px;}
.login-form {overflow: hidden;position: relative}
.login-form h2 {}
.login-form section {padding-bottom: 0;width: 520px;min-height: 400px; border: 1px solid #ddd; overflow: hidden; position: relative}
.login-form section.login-banner {border: 0;}
.login-form ul {text-align: left;display: inline-block;margin: 15px auto;width: 100%;color: #666;font-size: .923rem;}
.login-form li {display: inline-block;}
.login-form li label {margin: 0;}
.login-form li input[type='checkbox'] {margin-right: 5px;}
.login-form li span.var {content: "";display: inline-block;vertical-align: middle;width: 1px;height: 12px;background: #ddd;margin-right: 5px;margin-left: 5px;}
.login-form li span.right {float:right;}
.login-form li+li {padding-left: 5px;margin-left: 5px;border-left: 1px solid #ddd;}
.login-form .form-group {margin: 0; position: relative;padding-right: 120px;}
.login-form .form-group .form-control {height: 35px; border-color: #e7e3e1;}
.login-form .form-group .form-control:nth-child(2) {margin-top: 5px;margin-bottom: 0;}
.login-form .form-group .form-control.result{min-height:60px; padding:10px 0;}
.login-form .form-group .form-control.result.id{padding-top:20px;}
.login-form .form-group .form-control.result b{color:#ff0000;}
.login-form .form-group .btn {position: absolute;top: 0;right: 0;padding: 0;width: 105px; height: 100%;font-size: 15px;font-weight: 700;}
.login-form .login-footer {clear: both;padding-top: 15px;border-top: 1px solid #ddd;position: relative;}
.login-form .login-footer .lead {font-size: 1.076rem;font-weight: bold;color: #453434;margin-bottom: 8px;}
.login-form .login-footer span {display: block;color: #999;font-size: 12px;font-weight: 300}
.login-form .login-footer .btn {position: absolute;right: 0;bottom: 0;padding: .615rem 15px;}
.login-form .btn-box {padding: 0;overflow: hidden;margin-top: 10px;}
.login-form.idpw {text-align: center;}
.login-form.idpw section {padding: 30px;width: 440px;display: inline-block;float: none !important; margin-bottom: 20px; min-height: inherit;border: 1px solid #d9d9d9}
.login-form.idpw section:nth-of-type(2) {border-left: 0;float: none !important;margin-left: -4px;}
.login-form.idpw .login-footer {border-top: 0}
.login-form.idpw .login-footer .btn {position: static;margin-top: 15px;}
.login-form .tab-nav {margin: 0;margin-bottom: -1px;background: #eee}
.login-form .tab-nav ul {display: block;margin: 0;font-size: 0;width: 100%;}
.login-form .tab-nav li {width: 33.3333%;border: 0;border-bottom: 1px solid #ddd; margin: 0;padding: 0;float: left;}
.login-form .tab-nav li a {background: none;border-radius: 0;;}
.login-form .tab-nav li+li {border-left: 1px solid #ddd}
.login-form .tab-nav li.active a {color: #333;background: #fff;}
.login-form .tab-item {padding: 0;}
.login-form .tab-contents {padding: 40px 40px;}
.login-form .form-group.nologin { position: relative;}
.login-form .form-group.nologin .phone {margin: 4px auto; padding: 0; overflow: hidden}
.login-form .form-group.nologin .phone select.form-control {width: 34%; border-color: #e7e3e1;}
.login-form .form-group.nologin .phone .form-control {float: left;width: 30%;}
.login-form .form-group.nologin .phone .bar {padding: 0;width: 3%; font-size: 1rem; padding: 0; display: block; float: left}
.login-form .form-group.nologin .btn {position: absolute;top: 0;right: 0;padding: 0;width: 103px; height: 100%}
.member-auth {}
.member-auth section {border: 1px solid #e1e1e1;padding: 60px;margin-bottom: 30px;}
.member-auth .inner {max-width: 580px;margin: 0 auto;}
.member-auth h3 {font-size: 20px;font-weight: bold;}
.member-auth .help-block {padding: 20px 0 30px; overflow: hidden; font-size: 14px; color: inherit;}
.member-auth p {float: left;}
.member-auth .checkbox {float: right;white-space: nowrap;}
.member-auth .btn-box {margin: 0; overflow: hidden;}
.member-auth .btn-box .btn {width: 280px;height: 80px; float: left;}
.member-auth .btn-box .btn img {margin-right: 10px;}
.member-auth .btn-box .btn:last-child {float: right}
.nonmember {clear:both; text-align:center; margin-top:-12px; margin-bottom:15px;}
.nonmember button {width:100%;}
.join-form {}
.join-form .sns-login {margin-bottom: 30px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding: 30px 0}
.join-form .sns-login dt {width: 15%;font-size: 1.307rem}
.join-form .sns-login dd {text-align: left;}
.join-form h3 label {font-size: 1rem;float: right;line-height: 1.4}
.join-form h3 small {color: #888;margin-left: 10px;font-weight: normal;}
.join-form table.table {font-size: 13px;}
.join-form table.table th {padding-left: 30px;background: #f8f8f8;height: 50px; font-weight: 600;}
.join-form table.table td .help-block {display: inline-block;margin-left: 15px;}
.join-form table.table td .btn {min-width: 90px;}
.join-form table.table td .checkbox, .join-form table.table td .radio {margin: 0;}
.join-form .btn-box .btn {width: 160px;height: 50px;font-size: 15px;}
.join-form .join-result {padding: 8% 35px;margin: 0 auto;margin-top: 5%;text-align: center;border: 1px solid #d9d9d9;max-width:620px;}
.join-form .join-result p {font-size:25px;font-weight: bold;color:#222;margin-bottom: 25px;}
.join-form .join-result b {color:#ff0000}
.join-form .join-result .btn-box {margin-top: 35px;}
.agree-check {overflow: hidden;clear: both;}
.agree-check .terms {margin-top: -1px;}
.agree-check .agree {width: 50%;float: left;padding: 0;}
.agree-check .agree-top {background: #fbfbfb;border: 1px solid #ddd;padding: 15px;padding-left: 15px;}
.agree-check .privacy {width: 50%;float: left;margin-left: -1px;padding: 0;border: 0;}
.agreeBox {white-space:pre-line; padding:0px; margin-top:-10px;}
.terms {height: 190px;line-height: 18px;color: #888;;border: 1px solid #ddd;padding: 15px;}
.terms .scrollable {white-space: pre-line}

/* 고객센터 */
.customer-center {}
.customer-center .tab-nav {margin-bottom: 40px}
.customer-center .terms {height: 544px}
.customer-center .top-search {margin-bottom: 4%;overflow: hidden;}
.customer-center .top-search .lead {font-size: 2.461rem;margin-bottom: 10px;letter-spacing: -.05em}
.customer-center .top-search .lead b {color: #222;}
.customer-center .top-search .top {padding: 30px;padding-left: 160px;background: #fff5eb url(../img/bg_cs_top.png) no-repeat 100% 50%;position: relative}
.customer-center .top-search .bottom {border-top: 1px solid rgba(0, 0, 0, 0.1);background: #fcfcfc;padding: 15px;overflow: hidden;}
.customer-center .top-search .bottom strong {font-size: 1.23rem;width: 140px;text-align: center;float: left;line-height: 32px;}
.customer-center .top-search .input-group {float: left; max-width: 490px;margin: 0 20px;}
.customer-center .top-search .input-group-btn .btn {min-width: 60px}
.customer-center .top-search .search-keyword {float: left;color: #888;font-size: .923rem;line-height: 32px;}
.customer-center .top-search .search-keyword a {display: inline-block;vertical-align: top;padding: 0 5px}
.customer-center .top-search .search-keyword a+a:before {content: "";border-left: 1px solid #ddd;height: 10px;display: inline-block;left: -3px;position: relative;}
.customer-center .title-area {height: 30px;position: relative;margin-top: 40px;}
.customer-center .title-area h4 {font-size: 1.153rem;}
.customer-center .title-area a {position: absolute;right: 0;top: 0;font-size: .923rem;opacity: .5}
.customer-center .domae-guide {}
.customer-center .domae-guide .box {padding: 50px 0}
.customer-center .domae-guide .box+.box {border-top: 13px solid #f5f5f5}
.customer-center .domae-guide .box01 {height: 605px;}
.customer-center .domae-guide .box03 {height: 340px;}
.customer-center .domae-guide .box04 {height: 265px;}
.customer-center .domae-guide h4 {font-size: 1.538rem;margin-bottom: 15px;margin-top: 0;}
.customer-center .domae-guide p {font-size: 1.076rem;margin-bottom: 2.5em;}
.customer-center .domae-guide p:last-child {margin-bottom: 0;}
.customer-center .domae-guide dl:first-child {margin-top: 1em;}
.customer-center .domae-guide dt {font-size: 1.307rem;font-weight: normal;}
.customer-center .domae-guide dd {margin-top: 10px;margin-bottom: 35px; color: #555; line-height: 1.8}
.customer-center .domae-guide dd:last-child {margin-bottom: 0;}
.customer-center .domae-guide span {color: #006dba}
.customer-center .domae-guide .bar {height: 1.5em;background: #f7f7f7;margin: 43.5px 0}

.customer-center .membership h3 span {position: absolute;right: 0;top: 10px; font-size: 1rem;font-weight: normal;}
.level-guide {border: 2px solid #444;}
.level-guide dl {display: table;width: 100%;}
.level-guide dl>* {display: table-cell;vertical-align: middle;padding: 30px 35px}
.level-guide dt {width: 20%;text-align: right;font-size: 0;padding: 0 !important;}
.level-guide dt span {background: #f5f5f5;width: 145px;height: 145px;display: inline-block;border-radius: 50%;line-height: 145px;text-align: center;overflow: hidden;}
.level-guide .lv-color {color: #0066b3;font-size: 1.384rem}
.level-guide .help b {color: #0066b3}
.level-guide .lv01 {color: #000}
.level-guide .lv02 {color: #1e9f1b}
.level-guide .lv03 {color: #0066b3}
.level-guide .lv04 {color: #d83503}
.level-guide img {}
.level-guide dd ul {margin: 15px 0}
.level-guide dd li {display: inline-block;width: 48%; line-height: 2}
.level-guide .member-info {font-size: 1.23rem;}
.level-guide .name {font-size: 1.384rem;}
.level-guide .coupon {background: #fcfcfc;border-left: 1px solid #ddd;width: 35%;}
.level-guide .coupon {font-size: 1.384rem;}
.level-guide .coupon ul {display: flex;margin-bottom: 0;}
.level-guide .coupon li {font-size: 1.076rem;line-height: normal;width: 90px;height: 90px;text-align: center;display: flex;border: 1px solid #ddd;background: #fff; align-items: center;justify-content: center;flex-direction: column;position: relative;}
.level-guide .coupon li+li {margin-left: 20px;}
.level-guide .coupon li+li:before {content: "";width: 2.307rem;font-family: 'LineAwesome'; color: #222;font-weight: bold;font-size: 1.153rem; height: 2.307rem; border-radius: 50%;position: absolute;left: -10px;top: 50%;transform: translate(-50%, -50%);background: #fff url(../img/ic_cp_plus.png) no-repeat 50% 50%;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)}
.level-guide .coupon li.new {background: #444;color: #fff;border-color: #444}
.level-guide .coupon li.mileage {background: #006dba;color: #fff;border-color: #006dba}
.level-guide .coupon b {font-size: 1.538rem;display: block;}
.benefit-coupon .table {table-layout: fixed;}
.benefit-coupon .table th {background: #f7f7f7;font-weight: normal}
.benefit-coupon .table th small {color: #888;display: block}
.benefit-coupon .table td {text-align: center;font-size: 1.307rem}
.benefit-coupon .table td b {font-size: 1.615rem}
.benefit-coupon .table .coupon-list td {vertical-align: top;}
.benefit-coupon .table td div:not(.desc) {margin: 5px 0;line-height: 3;font-size: 1rem}
.benefit-coupon .table td .desc {font-size: 1.307rem}
.benefit-coupon .table td .desc b {font-size: 1.615rem}

.faq-category li {width: 12.5%;margin: 0;float: left;font-size: 1rem;}
.faq-category li a {padding: 8px 0;border-radius: 0;border: 1px solid #ddd;}
.faq-category li+li a {margin-left: -1px;}
.faq-category li.active a {background: #006dba;color: #fff;border: 1px solid #006dba}
.faq-list dt {padding: 1em;padding-left: 40px; color: #222; border-bottom: 1px solid #ddd;position: relative;font-weight: normal;}
.faq-list dt span {width: 40px;text-align: center;display: inline-block;margin-left: -40px;color: #ed5f4b;font-weight: 600;}
.faq-list dt.active a {}
.faq-list dt:before {content: 'Q';display: inline-block;padding: 1em 0;position: absolute;left: 0;top: 0;width: 40px;font-weight: bold; color: #222; text-align:  center;}
.faq-list dd {display: none;line-height: normal;padding: 20px 12px;padding-left: 40px;border-bottom: 1px solid #ddd;background: #fbfbfb;position: relative;}
.faq-list dd:before {content: 'A';display: inline-block;padding: 1em 0;position: absolute;left: 0;top: 0;width: 40px;text-align:  center;font-weight: bold;color:  #006dba;}

table.table th span {width:10px;display: inline-block;color: #e02d56;margin-left: -10px;}
table.table td .form-group {max-width: 90%;}
table.table td .email div>div, table.table td .addr div>div{margin-bottom: 5px;}
table.table td .email div>div:last-child, table.table td .addr div>div:last-child  {margin: 0;}
table.table td span.bar {padding: 0 5px;line-height: 30px;min-width: 20px;font-size: 1rem}
table.table td label {margin-right: 10px;}
.board-list .list-top {font-size: 1.076rem;margin-bottom: 1rem; color: #666}
.board-list .list-top b {color: #222;}
.board-list .list-top span {color: #ff3b31;font-weight: bold}
.board-list table.table {}
.board-list table.table tr.notice td:first-child {color: #ff3b31}
.board-list table.table thead th {border-color: #ddd;}
.board-list table.table td {color: #666; font-weight: normal;}
.board-list table.table td img {margin: 0 3px;vertical-align: -1px;}
.board-list table.table td .thumb img {vertical-align: middle;margin: 0 10px 0 0;}
.board-list table.table td.img img {max-width:90px}
.board-list table.table td.state span {color: #cbcbcb}
.board-list table.table td.state b {color: #222;}
.board-list table.table td.state .btn:not(.confirm) {background: none; border-bottom: 1px solid #666;padding: 0;padding-bottom: 3px}
.board-list table.table td.title {text-align: left;font-size: 1.076rem; color: #222;}
.board-list table.table td.category {color: #888}
.board-list table.table td.reply .title {padding-left: 20px;}
.board-list table.table td.date a {color: #000; display: block; font-weight: 600}
.board-list table.table td.mileage {color: #ff3b31}
.board-list table.table td.mileage.total {color: inherit}
.board-list table.table td.score img {margin: 0;}
.board-list table.table td.price {color: #222}
.board-list table.table td.price b {}
.board-list table.table td.price span {color: #ff3b31;margin-left: 10px;}
.board-list table.table td.print u {text-decoration: none; border-bottom: 1px solid #666;padding: 0;padding-bottom: 3px}
.board-list table.table td b {color: #222;}
.board-view table.table th, .board-write table.table th {padding-left: 30px;border-color: #ddd;}
.board-view table.table td, .board-write table.table td {border-color: #ddd;}
.board-view .board-con {padding: 20px;text-align: left}
.board-view .board-con img {margin:0 auto 30px;}
.board-write table.table textarea {min-height: 280px;resize: none}
.board-write table.table th {background: #fcfcfd;}
.board-list .btn-box .btn, .board-write .btn-box .btn, .board-view .btn-box .btn {width: 160px;height: 50px;font-size: 15px;}
.board-search {width: 474px;margin: 20px auto;}
.board-search .row {margin: 0;}
.board-search .row>div {padding: 0;}
.board-search .search-key {padding-left: 5px !important;padding-right: 70px !important;position: relative;}
.board-search select {background-color: #f9f9f9 !important;height: 30px; background-image: url(../img/arr_select_board.png)}
.board-search input {width: 100%;float: left;height: 30px;background: #f9f9f9 !important;}
.board-search .btn {min-width: inherit; width: 65px;height: 30px;line-height: 28px;padding: 0;border-radius: 0;position: absolute;right: 0;}
.board-search+.btn-box {padding-top: 0;margin-top: 0;float: right;position: relative;margin-top: -202px;}
.board-search+.btn-box .btn {width: 120px; height: 45px;}
.upload-list {max-width: 550px;font-size: 0;}
.upload-list ul {width: calc(100% - 70px);margin-right: 8px;border: 1px solid #ccc;display: inline-block;font-size: 1rem;min-height: 8rem;max-height: 8rem;overflow-y: auto}
.upload-list li {padding: 3px 1rem;cursor: pointer}
.upload-list li.active {background: #f7f7f7;}
.upload-list .btn {width: 60px;vertical-align: top;}
.upload-list .help-block {font-size: 1rem}

.board__view {border-top: 1px solid #666; border-bottom: 1px solid #ddd;}
.board-tit  {padding: 12px 7px;border-bottom: 1px solid #ddd;font-weight:normal;}
.board-tit strong {font-weight:normal;text-align:center;width:15%;display:inline-block;}
.board-info {border-bottom: 1px solid #ddd;font-weight:normal;padding: 12px 7px;}
.board-info li {display:inline-block;width:30%;}
.board-info li strong {font-weight:normal;text-align:center;width:50%;display:inline-block;}
.board--cont {padding: 20px;text-align: left;}
.mobile-only {display:none;}
.pc--only {display:block;}

@media (max-width: 991px) {
.mobile-only {display:block;}
.pc--only {display:none;}
.board-info li {display:block;width:100%;}
.board-info li strong {font-weight:normal;text-align:center;width:15%;display:inline-block;}

.board__mobile--list {border-top: 1px solid #666; }
.board__mobile--list li {border-bottom: 1px solid #ddd;padding: 12px 7px;}
.board__mobile--list li .list-tit {color: #222;font-size: 1.25rem;margin-bottom:5px;}
.board__mobile--list li .list-info span {margin-right: 5px;}
}

/*
.review-list {border-top: 4px solid #f7f7f7;margin-left: -10px;margin-right: -10px;}
.review-list .list-top {padding: 10px 15px;overflow: hidden;line-height: 30px;font-size: 12px;}
.review-list .list-top textarea{width: 90%;border: 1px solid #eee; height: 50px }
.review-list .list-top .btn {float: right;height: 50px}
.review-list ul {border-bottom: 1px solid #eee;}
.review-list ul li {padding: 10px 15px;border-top: 1px solid #eee;font-size: 12px;}
.review-list ul li .total-star-info {float: left;margin-right: 10px;}
.review-list ul li dl {float: left;}
.review-list ul li dt {float: left;line-height: 20px;}
.review-list ul li dd {float: left;color: #f5c533;height: 20px;line-height: 20px;margin-left: 5px;margin-right: 5px;}
.review-list ul li dd:before {content: "\f005";font-family: 'FontAwesome';display: inline-block;font-size: 12px;margin-right: 5px;}
.review-list ul li strong {font-size: 15px;font-weight: 800;}
.review-list ul li strong {font-size: 15px;font-weight: 800;}
.review-list ul li .btn {font-size: 0;border-radius: 50%;border: 1px solid #ccc;padding: 0;width: 18px;height: 18px;}
.review-list ul li .btn:before {content: "x";font-size: 12px;color: #666;line-height: 1;vertical-align: top;}
.review-list ul li p {overflow: hidden;clear: both;padding-top: 5px;}
*/

/* 커뮤니티 */
.community-wrap {float: left;width: 880px;}
.poll-content {}
.poll-content .board-list .table {border-top-color: #888 !important;}
.poll-content .board-list .table th {border-left: 0 !important;background: none !important;border-bottom-color: #ddd !important;}
.poll-content .board-list .table td {border-left: 0 !important;background: none !important;border-bottom-color: #eee !important;}
.poll-content .poll-heading {background: #f0f0f0;border: 1px solid #ddd;padding: 20px 50px;}
.poll-content .poll-heading p {display: inline-block;color: #6f5e5e; padding-bottom: 3px;border-bottom:1px solid #6f5e5e;}
.poll-content .poll-heading h1 {padding-left: 25px;position:relative;font-size: 16px;margin-top: 15px;font-weight: 600}
.poll-content .poll-heading h1:before {content:"Q.";display:inline-block;width:20px;position:absolute;left:0;top:0;line-height: 1;}
.poll-content .poll-body {background: #fff;border: 1px solid #ddd;margin-top: -1px;padding: 20px 50px;}
.poll-content .poll-body .title {margin-bottom: 5px;}
.poll-content .poll-body ol {padding-left: 25px;position:relative;}
.poll-content .poll-body ol:before {content:"A.";display:inline-block;width:20px;position:absolute;left:0;top:0;font-weight: 600;line-height: 1; font-size: 16px;}
.poll-content .poll-footer {text-align: center;border: 1px solid #ddd;padding: 20px 50px;margin-top: -1px;}
.poll-content .poll-footer .btn {min-width:20%;height: 50px;font-size: 16px;margin: 0 5px;}
.poll-content .progress-txt {float:right;color:#333; font-weight:bold;margin-right: 200px;}
.poll-content .progress-txt b {color:#49a3e9}
.poll-content .progress {border-radius:8px;height:20px;margin-bottom: 10px;max-width: 500px;;}
.poll-content .progress-bar {background-color:#49a3e9;border-radius:8px;box-shadow:inset 0 -5px 17px 0px rgba(0, 0, 0, .15);-webkit-box-shadow:inset 0 -5px 17px 0px rgba(0, 0, 0, .15)}

/* 핫딜 */
.hotdeal-items .item-list li:hover:before {display: none}
.special-time-sale-goods {margin-top: 4%;}
.special-time-sale-goods.item-list-wrap.col-3 .item-list li {width: 340px;margin-left: 40px;}
.special-time-sale-goods.item-list-wrap.col-3 .item-list li:nth-child(3n+1) {margin-left: 0;}
.special-time-sale-goods .item-list li.comming:before {content: ""; position:absolute;top:-1px;left:-1px;right:0px;bottom:0px; background: rgba(0, 0, 0, 0.3);  z-index: 2}
.special-time-sale-goods .item-list li.comming .thumb:after {content: ""; display: block;position: absolute;left: 50%;top: 50%; width: 150px;height: 150px;background: url(../img/comming.png) no-repeat 50% 50%;  transform: translate(-50%, -50%);z-index: 3;}
.special-time-sale-goods .item-list .date {position:absolute; top:0; right:0; width:80px; height:80px; background:#7a7a7a; color:#fff; font-size:12px; line-height:24px; text-align: center;z-index: 3;}
.special-time-sale-goods .item-list .date b {display:block; font-size:18px; font-family:Tahoma; margin-top:15px;}
.special-time-sale-goods .item-list .item-info {padding: 15px;border: 1px solid rgba(0, 0, 0, 0.2);margin-top: -1px;}
.special-time-sale-goods .item-list .thumb span {border: 1px solid #e5e5e5;}
.special-time-sale-goods .item-info strong {font-size: 16px;font-weight: bold;}
.special-time-sale-goods .item-info .more {color: #059ec8;font-size: 14px; display: block; margin-top: 8px;}

/* 기획전 */
.special-items h2 {margin-top: 0;border-bottom: 0;}
.special-items h2 small {display: inline-block;margin-left: 10px;margin-top: 0;vertical-align: 2px;}
.special-items h3 {font-size: 15px;}
.special-items .category-select {float: right;min-width: 150px;margin-top: -50px;}
.special-items .category-list {margin: 30px auto;}
.special-items .category-list ul {display: table;width: 100%;border-collapse: collapse}
.special-items .category-list li {display: table-cell;vertical-align: middle;;text-align: center;}
.special-items .category-list li a {display: block;padding: 10px 0;border: 1px solid #e3e3e3;background: #fbfbfb;color: #666;}
.special-items .category-list li+li a {border-left: 0;}
.special-items .category-list li.active a {background: #fff;color: #333;font-weight: 600}
.special-items .flexslider {padding-bottom: 40px;margin-bottom: 40px;}
.special-items .flex-control-nav {bottom: 0;}
.special-items.detail-list h2 {font-weight: normal; display: block; font-size: 20px; height: 32px; padding-top: 5px; margin-bottom: 20px; margin-right: 200px;}
.special-items.detail-list .sub-category-select {margin-top: -52px;float: right;}
.special-items.detail-list .sub-top-banner {margin-bottom: 40px;}
.special-items.detail-list .sub-category {}
.special-items.detail-list .sub-category:after {display: none}
.special-items.detail-list .sub-category li {width: 20%;}
.special-items.detail-list .sub-category li.active a {border-color: #e5e5e5;}
.special-items.detail-list .total-items {display: block; line-height: normal;}
.special-items.detail-list .total-items b {padding-right: 0;background: none;}
.special-items.detail-list .list-top {padding-bottom: 15px;border-bottom: 1px solid #b4b4b4; text-align: left; margin-top: 0;}

/* 정기배송 */
.subscription-delivery .btn-box {clear: both}
.subscription-delivery .btn-box .btn {width: 230px; height: 60px; font-size: 1.384rem;}
.subscription-delivery .thumb .btn.del {background: #222;padding: .5rem 1rem;top: 0;bottom: auto;right: 0}
.subscription-delivery .pagination {margin-bottom: 8%;}
.delivery-price {margin: 15px 0;}
.delivery-price dl {display: table;width: 100%;}
.delivery-price dl>* {display: table-cell;vertical-align: middle;}
.delivery-price dt {font-weight: normal;font-size: 1.076rem;width: 20%}
.delivery-price .total-price {font-size: 1.307rem;width: 25%;font-weight: bold}
.delivery-price .unit-price {font-size: .923rem; color: #888 !important}
.delivery-price .subscribe-price {color: #ff3b31}

/* 룰렛 */
.roulette {margin-top: -50px;margin-bottom: -100px;padding-top: 520px;padding-bottom: 120px;background: url(../img/bg_roulette.png) no-repeat 50% 0;background-size: cover;text-align: center; position: relative}
.roulette .remaining {position: absolute;right: 2rem;top: 2rem;background: #221e15;border-radius: 2rem;color: #fff;padding: 1rem 1.5rem; font-size: 1.384rem; line-height: 1;}
.roulette .remaining span {font-size: 1.692rem;margin-left: 10px;}
.roulette .remaining span b {color: #ff3b31}
.roulette .animation-area {position: relative;}
.roulette .animation-area .image-wrap {display: inline-block;position: relative;border-radius: 50%;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3)}
.roulette .animation-area #pointer {position: absolute;top: -15px;left: 50%;margin-left: -20px; z-index: 3;}
.roulette .animation-area #image {position: relative;z-index: 2;}
.roulette .animation-area #coin {position: absolute;right: -15%;bottom: 0;z-index: 3;}
.roulette .animation-area #start {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 0;width: 150px;height: 150px;background: none; border: 0;padding: 0; z-index: 4;}

/* 이벤트 */
.event-slider .swiper-container {padding-bottom: 5%;margin-bottom: 5%;}
ul.event-list {margin-left: -20px;margin-right: -20px;overflow: hidden}
ul.event-list li {width: 50%;padding: 0 20px;margin-bottom: 40px;float: left}
ul.event-list li a {display: block;}
ul.event-list li .thumb {}
ul.event-list li .info {padding: 20px;border: 1px solid #ddd;margin-top: -1px;}
ul.event-list li strong {font-size: 1.307rem}
ul.event-list li .date {float: right;line-height: 1.8}
.event-wrap h5 small {display: block;color:#222;font-size:14px;margin-top: 1em;line-height: 1.5;}
.event-wrap h5 small b {font-weight: normal;}
.event-wrap .tab-nav {}
.event-wrap .tab-nav ul {display: table;width: 100%;table-layout: fixed;border-collapse: collapse;margin: 0;}
.event-wrap .tab-nav li {display: table-cell;float: none; border: 1px solid #e5e5e5;width: auto;margin: 0;}
.event-wrap .tab-nav a {border-radius: 0;background: none;}
.event-wrap .tab-nav li.active a {background: inherit;color: inherit;}
.event-wrap .tab-nav li.active {border-bottom: 3px solid #006dba;color: #006dba}
.event-wrap .event-view {}
.event-wrap .event-content {min-height:300px;border: 1px solid #e5e5e5;padding: 2em;}
.event-wrap .event-content .table {max-width:600px;margin: 0 auto;}
.event-wrap .prev-next-event {margin-top: 2em;}
.event-wrap .prev-next-event dl {display: table;width: 100%;border: 1px solid #e5e5e5;border-left: 0;border-right: 0;border-collapse:collapse;margin-top: -1px;}
.event-wrap .prev-next-event dl>* {display: table-cell;vertical-align: middle;padding: 1em;}
.event-wrap .prev-next-event dt {width: 80px;}
.event-wrap .event-title {text-align: center;border: 1px solid #e5e5e5;padding: 1.5em 1em;margin-bottom: -1px;}
.event-wrap .event-title strong {font-size:27px;margin-bottom: 5px;color:#222;font-weight: bold;}
.event-wrap .event-date {color:#888}
.event-wrap .event-date span {padding: 0 .5em;}
.event-wrap .winning-id {font-size: 21px;display: block;margin: 1em 0;text-align: center;font-weight: normal;}

/* 검색 */
.search-result {text-align: center;}
.search-result p {font-size: 2.769rem;position: relative; padding-bottom: 20px;}
.search-result p b {color: #006dba;font-weight: 600;}
.search-result .search-form {padding: 1.538rem 0;margin: 1rem auto; text-align: center;border-top: 2px solid #444;border-bottom: 1px solid #444;font-size: 1.076rem;}
.search-result .search-form .form-control {width: 40%;height: 54px; display: inline-block;border-radius: 0;margin-left: 2em;}
.search-result .search-form .btn {vertical-align: top;margin-left: 5px;width: 12%; height: 4.153rem;}

/* 쇼핑가이드 */
.guide-banner {border: 1px solid #e5e5e5; font-size: 0;}
.guide-banner li {display: inline-block; width: 25%; vertical-align: top; padding: 25px 0; text-align: center;}
.guide-banner li+li {border-left: 1px solid #f1f1f1}

/* 마이페이지 */
.mypage-wrap {}
.mypage-wrap .tab-nav {margin-bottom: 40px;}
.mypage-wrap .pagination+.btn-box {text-align: left;margin-top: -56px;}
.mypage-wrap .pagination+.btn-box .btn {width: 120px;height: 32px;padding-top: 0;padding-bottom: 0;font-size: 1rem;vertical-align: top;}
.mypage-wrap .tab-nav {font-size: 0;}
.mypage-wrap .tab-nav ul {text-align: left;border-bottom: 2px solid #222;height: 40px;}
.mypage-wrap .tab-nav li {margin: 0;vertical-align: top;}
.mypage-wrap .tab-nav a {border-radius: 0;background: #f7f7f7;font-size: 1.076rem;line-height: 38px;padding: 0; border: 1px solid #ddd;border-bottom-color: #222;border-bottom-width: 2px;;min-width: 150px; height: 40px;vertical-align: top;}
.mypage-wrap .tab-nav li.active a {border-width: 2px; border-color: #222;border-bottom:0;background: #fff;color: #222;}
.mypage-wrap .tab-nav li b {color: #ff3b31}
.mypage-wrap .board-list .table .total-price {text-align: right;background: #f5f5f5;padding: 1em 2em;color:#222}
.mypage-wrap .board-list .table .total-price span {font-size: 1.25rem;}
.mypage-wrap .board-list .table .total-price span b {color:#ff3b31}
.mypage-wrap .order-date li {display: inline-block;margin-right: 15px;}
.mypage-wrap .order-date.info2 {background: #f5f5f5;margin-bottom: 15px;}
.mypage-wrap .order-memo {}
.mypage-wrap .order-payment .b {}
.mypage-wrap .order-payment .price {font-size:1.25rem;color:#ff3b31;font-weight: bold;}

.mypage-top {margin-bottom: 3rem;}
.mypage-top ul {display: table; width: 100%; border-collapse: collapse; table-layout: fixed;background: #f7f7f7}
.mypage-top li {display: table-cell; border: 1px solid #fff; padding: 2rem; font-size: 1.076rem;}
.mypage-top li:not(.first) span {color: #666; font-size: 13px; display: block;margin-top: 2rem;text-align: right}
.mypage-top li:not(.first) b {font-size: 1.769rem; color: #ff3b31; vertical-align: -1px; margin: 0 5px;}
.mypage-top li.first {width: 40%}
.mypage-top li.first {width: 40%}
.mypage-top li.first .lv {float: left;margin-right: 10px;}
.mypage-top li.first {font-size: 1.23rem}
.mypage-top li.first b {font-size: 1.384rem;font-weight: 500}
.mypage-top li.first .member-info {margin-bottom: 10px;}
.mypage-top li.first .lv-color {color: #eaa706;}
.member-out table.table th {vertical-align: top;line-height: 32px;background: #f7f7f7;}
.member-out table.table td {padding-left: 30px;}
.member-out table.table td .radio {font-size: 0;}
.member-out table.table td .radio label {min-width: 80px;margin-right: 0;font-size: 1rem;vertical-align: middle;}
.member-out table.table td .radio label:before {top: 50%;margin-top: -11px;}
.member-out table.table td .radio label:after {top: 50%;margin-top: -11px;}
.member-out table.table td .radio+.radio {margin-top: 5px;}
.member-out table.table td .form-control {min-width: 250px;}
.member-out table.table td .radio .form-control {vertical-align: middle;}
.member-out table.table td li+li {margin-top: 5px;}
.member-out table.table td li {line-height: 32px;}
.member-out table.table td li .tit {float: left;min-width: 80px;}
.member-out table.table td li .form-group {float: left;width: 80%;}
.member-out table.table td b {color: #222;padding: 0 2px;font-weight: 400}
.member-out .btn-box {text-align: center}
.member-out .btn-box .btn {width: 160px;height: 50px;font-size: 15px;}
.period-search {margin-bottom: 2rem;}
.period-search li+li {margin-top: 5px;}
.period-search .search-form {padding: 1.5em;border: 1px solid #ddd; background: #fcfcfc; text-align: left}
.period-search strong {display: inline-block;width: 70px; line-height: 28px;margin-right: 30px; font-size: 1.076rem; font-weight: normal; color: #222}
.period-search .form-control {width: 37%;display: inline-block;max-width: 150px; margin: 0;vertical-align: top;}
.period-search .btn.search {width: 70px;margin-top: 10px;}
.period-search li:first-child:last-child .btn.search {margin-top: 0;}
.period-search .btn {vertical-align: top;margin: 0;width: auto;}
.period-search label {margin-right: 10px;}
.period-search .coupon-upload strong {width: 80px;}
.period-search .coupon-upload .form-control {width: 20%;}
.period-search .coupon-upload p {margin-top: 10px;margin-left: 110px;}
.period-search .coupon-upload .btn.search {margin-top: 0;}
.order-flow {background: #fcfcfc;border: 1px solid #ddd;padding: 45px 79px;position: relative;}
.order-flow .tit {position: absolute;background: #fff;border-radius: 25px;border: 1px solid #ddd; text-align: center;font-size: 18px;font-weight: bold;top: -22px;left: 50%;width: 190px;line-height: 42px; margin-left: -95px;}
.order-flow ol {background: url(../img/bg_flow.png) no-repeat 50% 40px; overflow: hidden}
.order-flow li {width: 25%; float: left; text-align: center;padding-bottom: 85px;font-size: 14px;font-weight: 600}
.order-flow span {font-size: 18px;font-weight: bold;vertical-align: -1px; margin-left: 10px;}

/* 출석체크 */
.attend-wrap {margin-top: -50px;background: #fff5eb;}
.attend-wrap .sTitle {position: relative; text-align: center}
.attend-wrap .stamp-list {background: #006dba;color:#fff;padding: 40px;font-size:18px;}
.attend-wrap .stamp-list ul {text-align: center;}
.attend-wrap .stamp-list li {display: inline-block;margin: 0 25px;}
.attend-wrap .stamp-list li img {display: block;margin: 0 auto 15px;}
.attend-wrap .stamp-list b {font-size:21px;}
.attend-wrap .calendar-container {padding: 50px 95px;}
.attend-wrap .calendar-container dl {margin-bottom: 30px;font-size:16px;color:#222;}
.attend-wrap .calendar-container dt {font-size:20px;padding-left: 30px;background: url(../img/ic_chk.png) no-repeat 0 50%;margin-bottom: 10px;}
.attend-wrap .calendar-container dt b {font-size: inherit;}
.attend-wrap .calendar-container dd {line-height: 1.8;padding-left: 10px;}
.attend-wrap .calendar-container dd:before {content:"ㆍ";margin-left: -10px;}
.attend-wrap .attend-guide {padding: 40px 90px;font-size:15px;background: #f7e7d7;}
.attend-wrap .attend-guide dt {font-size:20px;margin-bottom: 10px;}
.attend-wrap .attend-guide dd {padding-left: 10px;}
.attend-wrap .attend-guide dd:before {content:"ㆍ";margin-left: -10px;}
.attend-wrap .attend-guide dl+dl {margin-top: 30px;}
.attend-wrap .my-stamp {background: #ff8670;margin: 40px 0;color:#fff; font-size:17px;overflow: hidden;position: relative;text-align: center;line-height: 110px;}
.attend-wrap .my-stamp .date {font-size:19px;position: absolute;left:0;top:0;bottom:0;width: 260px;line-height: 110px;background: #fa654a;border-top-right-radius:60px;border-bottom-right-radius:60px}
.attend-wrap .my-stamp .date b {font-size:40px;margin-left: 10px;}
.attend-wrap .my-stamp .stamp {font-size:28px;font-weight: 600;}
.attend-wrap .my-stamp .stamp b {font-size:51px;}
.attend-wrap .my-stamp .btn-stamp {position: absolute;right:0;top:0;bottom:0;background: #fa654a;width: 260px;border-top-left-radius:60px;border-bottom-left-radius:60px}
.attend-wrap .my-stamp button {border:0;background: none;height: 100%;}
.attend-wrap .calendar {background: url(../img/bg_calendar.png) no-repeat 50% 0;padding-top: 40px;margin-bottom: 30px;}
.attend-wrap .c-header {font-size:21px;color:#6e4924;text-align: center;line-height: 68px;font-weight: 600;}
.attend-wrap .c-body {padding: 31px;/* background: url(../img/c_line.png) no-repeat 50% 50%; */ background: #fff;;}
.attend-wrap .c-body table {width: 100%;border-collapse:collapse;table-layout: fixed;text-align: center;font-size:18px}
.attend-wrap .c-body td {height: 100px;vertical-align: middle;position: relative;cursor:pointer;color:#c8c8c8;;border: 1px solid #e2dac6;}
.attend-wrap .c-body .stamp {background: #fff;position: absolute;left:50%;top:50%;width: 99%;transform:translate(-50%, -50%);}
.attend-wrap .c-body .click {position: absolute;width: 99%;left:50%;bottom:18px;transform:translate(-50%, 0);}
.attend-wrap .btn-box .btn.icon {border: 0;background: none;padding: 0;max-width:70vw}
.attend-wrap #stamp-exchage {display: none;position: fixed;z-index: 33;top: 0;left: 0;right: 0;bottom: 0;}
.attend-wrap #stamp-exchage .inner-box {position: absolute;top:20%;background: #fff;left:50%;margin-left: -420px;width: 840px;border: 1px solid #444;z-index: 2;}
.attend-wrap #stamp-exchage #mask {display: block;z-index: 1;}
.attend-wrap #stamp-exchage .title {background: #fbfbfb;padding: 20px 40px;position: relative;border-bottom: 1px solid #ccc;}
.attend-wrap #stamp-exchage .title h1 {font-size:16px;}
.attend-wrap #stamp-exchage .title button {position: absolute;right:40px;height: 100%;top:0;border: 0;background: 0;padding: 0;}
.attend-wrap #stamp-exchage .exchange-content {padding: 30px;}
.attend-wrap #stamp-exchage .exchange-content .stamp-quantity {font-size:24px;color:#222;text-align: center;margin-bottom: 15px;}
.attend-wrap #stamp-exchage .exchange-content .stamp-quantity b {color:#006dba}
.attend-wrap #stamp-exchage .exchange-content .stamp-select {background: #fbfbfb;padding: 30px;border: 1px solid #ddd;text-align: center;}
.attend-wrap #stamp-exchage .exchange-content label {margin: 0 15px;font-size:15px;}
.attend-wrap #stamp-exchage .exchange-content label b {font-size:17px}
.attend-wrap #stamp-exchage .exchange-content label input {vertical-align: middle;margin-top: -3px;margin-right: 5px;}
.attend-wrap #stamp-exchage .exchange-content label img {margin-bottom: 10px;}
.attend-wrap #stamp-exchage .btn-box .btn {font-size:16px;width: 160px; height: 50px;}
.attend-wrap #select-goods {display: none;position: fixed;z-index: 33;top: 0;left: 0;right: 0;bottom: 0;}
.attend-wrap #select-goods .inner-box {position: absolute;top:5%;background: #fff;left:50%;margin-left: -600px;width: 1200px;border: 1px solid #444;z-index: 2;}
.attend-wrap #select-goods #mask {display: block;z-index: 1;}
.attend-wrap #select-goods .title {background: #fbfbfb;padding: 30px 40px;position: relative;border-bottom: 1px solid #ccc;}
.attend-wrap #select-goods .title h1 {font-size:20px;font-weight: 300;padding-left: 30px;background: url(../img/ic_chk.png) no-repeat 0 50%;}
.attend-wrap #select-goods .title h1 b {font-weight: bold;margin-right: 10px;}
.attend-wrap #select-goods .title button {position: absolute;right:40px;height: 100%;font-size: 2rem; top:0;border: 0;background: 0;padding: 0;}
.attend-wrap #select-goods .goods-content {padding: 40px;max-height: 80vh;overflow-y: auto;}
.attend-wrap #select-goods .goods-content .stamp-quantity {font-size:24px;color:#222;text-align: center;margin-bottom: 15px;}
.attend-wrap #select-goods .goods-content .stamp-quantity b {color:#006dba}
.attend-wrap #select-goods .goods-content .stamp-select {background: #fbfbfb;padding: 30px;border: 1px solid #ddd;text-align: center;}
.attend-wrap #select-goods .goods-content label {margin: 0 15px;font-size:15px;}
.attend-wrap #select-goods .goods-content label b {font-size:17px}
.attend-wrap #select-goods .goods-content label input {vertical-align: middle;margin-top: -3px;margin-right: 5px;}
.attend-wrap #select-goods .goods-content label img {margin-bottom: 10px;}
.attend-wrap #select-goods .goods-content .item-list li {width: 340px;margin-left: 40px;}
.attend-wrap #select-goods .goods-content .item-list li:nth-of-type(3n+1) {margin-left: 0;}
.attend-wrap #select-goods .btn-box .btn {font-size:16px;width: 160px; height: 50px;}
.attend-wrap #select-cancel {display: none;position: fixed;z-index: 33;top: 0;left: 0;right: 0;bottom: 0;}
.attend-wrap #select-cancel .inner-box {position: absolute;top:20%;background: #fff;left:50%;padding: 2em;margin-left: -215px;width: 430px;border: 1px solid #444;z-index: 2;}
.attend-wrap #select-cancel p {padding: 2em 1em;text-align: center;font-size:1.1rem}
.attend-wrap #select-cancel #mask {display: block;z-index: 1;}
.attend-wrap #select-cancel .btn-box .btn {font-size:16px;width: 160px; height: 50px;}

/* 칼로리주문 */
.attend-wrap.diet-order .calendar-container dt {font-weight: normal;}
.attend-wrap.diet-order .calendar-container dt b {font-weight: bold;margin: 0;margin-right: 10px;display: inline-block;}
.attend-wrap.diet-order .diet-order-case {}
.attend-wrap.diet-order .diet-order-case ul {display: table;width: 100%;table-layout: fixed}
.attend-wrap.diet-order .diet-order-case li {display: table-cell;vertical-align: middle;position: relative;padding: 3rem 1rem;text-align: center;background: #e5bb9e}
.attend-wrap.diet-order .diet-order-case li.active {background: #006dba;}
.attend-wrap.diet-order .diet-order-case li.active:after {content: "";border: 10px solid transparent;border-top-color: #006dba;position: absolute;left: 50%;bottom: -20px}
.attend-wrap.diet-order .c-body th {background: #f7f7f7;text-align: center;border: 1px solid #e2dac6;padding: 8px;color:#222}
.attend-wrap.diet-order .c-body td {text-align: left;height: 180px; vertical-align: top;color: #000;padding: 12px;padding-left: 50px;font-weight: bold;}
.attend-wrap.diet-order .c-body td>span {position: absolute;left: 10px;top: 10px;}
.attend-wrap.diet-order .c-body td.selected {background: rgba(212, 177, 126, 0.12)}
.attend-wrap.diet-order .c-body td .swiper-container {width: 100px;}
.attend-wrap.diet-order .c-body td .swiper-slide {font-size: 12px;}
.attend-wrap.diet-order .c-body td .swiper-slide span {color: #006dba;font-weight: bold;display: block;;}
.attend-wrap.diet-order .c-body td .swiper-slide img {width: 90px;max-height: 90px;/* border: 1px solid #e5e5e5 */}
.attend-wrap.diet-order .c-body td .swiper-slide b {line-height: 15px;max-height: 30px;overflow: hidden;font-weight: normal;display: block;}
.attend-wrap.diet-order .c-body .swiper-pagination {position: static;text-align: left;display: inline-block;}
.attend-wrap.diet-order .c-body .swiper-pagination span {width: 6px;height: 6px;margin: 0;margin-right: 5px;background: #ccc;opacity: 1}
.attend-wrap.diet-order .c-body .swiper-pagination .swiper-pagination-bullet-active {background: #006dba;}
.attend-wrap.diet-order .c-body .over-count {display: none;font-size: 11px;font-weight: normal;color: #666;}
.attend-wrap.diet-order .btn-box .btn.icon {border: 0;background: none;padding: 0;max-width:45vw}
.previous-order-list {color: #111;}
.previous-order-list .group {margin-bottom: 30px;}
.previous-order-list .group-header {display: table;width: 100%;background: #f4c596;text-align: center;padding: 0 15px;}
.previous-order-list .group-header span {display: table-cell;vertical-align: middle;color: #6e4924;padding: 1em;font-size: 15px;}
.previous-order-list .group-header span {display: table-cell;vertical-align: middle;color: #6e4924;padding: 1em;font-size: 15px;}
.previous-order-list .group-header span:first-child {text-align: left;}
.previous-order-list .group-body {background: #fff}
.previous-order-list .qty {width: 80px;}
.previous-order-list .price {width: 20%;}
.previous-order-list .del {width: 50px;}
.previous-order-list ul {}
.previous-order-list li {display: table;width: 100%;padding: 0 15px; border-bottom: 1px solid #e5e5e5;}
.previous-order-list li>* {display: table-cell;vertical-align: middle;padding: 1em;text-align: center;}
.previous-order-list .thumb {width: 100px;}
.previous-order-list .thumb img {max-width:inherit;width: 100%;}
.previous-order-list img {border: 1px solid #e5e5e5}
.previous-order-list .info {text-align: left;}
.previous-order-list .info b {font-size: 16px;display: block;}
.previous-order-list em {font-style: normal;font-weight: bold;display: block;margin-top: 5px;}
.previous-order-list .group-footer {padding: 1em 0;}
.previous-order-list .group-footer .price {width: auto;float: right;text-align: right;}
.previous-order-list .group-footer .price b {font-size: 18px;margin: 0 10px}
.kcal-total-price {background: #f7e7d7;padding: 1em;display: table;width: 100%;table-layout: fixed;}
.kcal-total-price b {font-size: 30px;}
.kcal-total-price span {float: right;line-height: 1;}
.kcal-total-price .kcal {display: table-cell;vertical-align: middle;padding: 15px;line-height:2.5;}
.kcal-total-price .price {display: table-cell;vertical-align: middle;padding: 15px;line-height:2.5;}
.kcal-total-price .price span {color: #ff3b31}
.kcal-total-price .price b {}
.range-js-slider {max-width: 700px;margin: 30px auto;}
.range-js-slider .range-label {position: relative;width: 100%;padding-top: 40px;}
.range-js-slider .range-label div {position: absolute;top: 0}
.range-js-slider .irs--flat .irs-from:before, .range-js-slider .irs--flat .irs-to:before, .range-js-slider .irs--flat .irs-single:before {background: url(../img/arr_kcal.gif) no-repeat 50%;bottom: -10px; border: 0;width: 10px;height: 10px;margin-left: -5px;}
.range-js-slider .irs--flat .irs-from, .range-js-slider .irs--flat .irs-to, .range-js-slider .irs--flat .irs-single {background: #fff;border: 1px solid #ccc;color: #000;font-size: 1em;line-height: 1; padding: .5em .75em}
.range-js-slider  .irs-from, .range-js-slider  .irs-to, .irs-single {top: -18px}
.range-js-slider .irs--flat .irs-line {border-radius: 10px}
.range-js-slider .irs--flat .irs-bar {background: #006dba}
.range-js-slider .irs--flat .irs-handle>i:first-child {background: #006dba}

/* 상품상세정보 */
.goods-detail-wrap {position: relative;}
.detail-top {margin-bottom: 70px;padding-right: 670px;overflow: hidden;}
.detail-top .prd-thumb {width: 100%;float:left;text-align: left; position: relative;}
.detail-top .prd-thumb .big-thumb {width: 430px; height: auto; border: 1px solid #ddd;}
.detail-top .prd-thumb .big-thumb span {display: block;padding-top: 128%;position: relative;overflow: hidden;}
.detail-top .prd-thumb .big-thumb span img {position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.detail-top .prd-name {display: block;font-size: 23px;padding-top: 15px; margin-bottom: 25px;}
.detail-top .prd-info {width: 610px;float: right;margin-right: -670px; position: relative}
.detail-top .prd-info table.table {border: 0;}
.detail-top .prd-info table.table th, .detail-top .prd-info table.table td {border-color: rgba(0, 0, 0, 0.08); padding: 20px 15px; vertical-align: top;}
.detail-top .prd-info table.table th {background: #fff;font-weight: normal;text-align: left;padding-left: 10px;}
.detail-top .prd-info table.table td b {font-weight: bold; color: #222;}
.detail-top .prd-info table.table td small {font-size: 13px; color: #999}
.detail-top .prd-info table.table td b.price {font-size: 22px;color: #222;line-height:  1;vertical-align: -2px;}
.detail-top .prd-info table.table tbody tr:last-child td {padding-bottom: 30px;}
.detail-top .prd-info table.table tfoot td {padding: 0;}
.detail-top .prd-info .delivery-info {margin-top: 10px;}
.detail-top .prd-info .delivery-info span {color: #ff3b31}
.detail-top .btn-box.row {margin: 0 -5px; margin-bottom: 25px;}
.detail-top .btn-box.row>div {padding: 0 5px;}
.detail-top .btn-box .btn {width: 100%; height: 60px;}
.detail-top .total-price {text-align: right;padding: 20px 0; font-size: 1.23rem;}
.detail-top .total-price .mileage {font-size: 1.076rem; line-height: 2;}
.detail-top .total-price .mileage img {margin-top: -2px;}
.detail-top .total-price .mileage b{font-size: 1.5rem; color:#ff3b31;}
.detail-top .total-price .mileage b+img{margin-top: -8px;}
.detail-top .total-price b {font-size: 2.615rem;}
.detail-top .goods-option {display: table;width: 100%;background: #f9f9f9;border-collapse: separate;padding: 30px;font-size: 1.076rem}
.detail-top .goods-option+ .goods-option {border-top: 1px solid #e5e5e5}
.detail-top .goods-option>* {display: table-cell;vertical-align: middle;font-weight: normal;text-align: right}
.detail-top .goods-option dt {text-align: left}
.detail-top .review-list dl {}
.detail-top .review-list dt {padding: 15px 0;font-weight: normal;font-size: 1.076rem;border-bottom: 1px solid #e5e5e5}
.detail-top .review-list dt a {float: right;opacity: .5;font-size: 1rem}
.detail-top .review-list dt span {color: #ff3b31}
.detail-top .review-list dd {position: relative;margin: 15px 0;}
.detail-top .review-list dd a {display: block;white-space: nowrap;margin-right: 100px;overflow: hidden;text-overflow: ellipsis}
.detail-top .review-list .grade {position: absolute;right: 0;top: 0;}
.detail-top .review-list .grade img {vertical-align: middle;}

.goods-buy-layer {position: fixed;left: 0;right: 0;bottom: 0;border-top: 3px solid #222;z-index: 9;background: #fff;}
.goods-buy-layer.open h3 .btn:after {content: '\f107';}
.goods-buy-layer.open .inner {display: block;}
.goods-buy-layer h3 {margin: 0;font-size: 0;overflow: visible;padding: 0;}
.goods-buy-layer h3 .btn {position: absolute;right: 50%;top: -50px;margin-right: -550px;font-size: 1.307rem;background: #1d1d1d;border: 0; height: 50px;padding: 0 2em;line-height: 2rem;}
.goods-buy-layer h3 .btn:after {content: '\f106';font-family: FontAwesome;margin-left: 20px;font-size: 2rem;line-height: 1;vertical-align: top;}
.goods-buy-layer .inner {display: none;max-width: 1100px;margin: 0 auto;padding: 30px 0}
.goods-buy-layer select.form-control {height: 3rem;max-width: 50%;margin-bottom: 15px;}
.goods-buy-layer .btn-box.row {margin: 0;}
.goods-buy-layer .add-cart-layer{top: 45%;}

.add-cart-layer {position: absolute;left: 50%;top: 63%;border: 3px solid #ff3b31;background: #fff;z-index: 2;width: 250px;text-align: center;margin: 0 0 0 -125px;padding: 20px 15px; box-shadow:7px 7px 7px rgba(0,0,0,.15);}
.add-cart-layer p {margin-bottom: 15px;}
.sns-share {position: absolute;right: 0;top: 0;}
.sns-share .btn {}
.sns-share .inner {position: absolute;top: 100%;right: 0;display: none;margin-top: 10px;white-space: nowrap;background: #fff;border: 1px solid #e5e5e5; padding: 15px 20px; z-index: 604;}
.sns-share .inner .btn {position: absolute;right: 20px;top: 15px;padding: 0;border: 0;width: 12px;padding: 0; background: #fff;overflow: hidden; font-size: 0;}
.sns-share .inner .btn img {max-width: 100%}
.sns-share .inner strong {display: block;line-height: 1;margin-bottom: 10px;}
.sns-share .inner a {display: inline-block;border-radius: 50%;overflow: hidden;width: 30px;height: 30px;margin: 0}
.sns-share .inner img {max-width: 30px}
.sns-share .inner a+a {margin-left: 10px;}

/* 수량증가/감소 */
.count-sel {width: 100px;padding: 0 30px; display: inline-block;position: relative;}
.count-sel input {height: 30px;padding: 0 10px;text-align: center;border-left:0;border-right: 0;border-color: #ddd}
.count-sel .btn {background-color:#fff;width: 30px;height: 30px;top: 0; padding: 0;position: absolute;right: 4px;border: 1px solid #ddd}
.count-sel .btn.count-up {right: 00;}
.count-sel .btn.count-down {left: 0;}

.goods-detail-info {float: none;clear: both;}
.goods-detail-info .info-content {margin-bottom: 60px;position: relative;}
.goods-detail-info .tab-nav {width: 100%;margin-bottom: 5%;}
.goods-detail-info .tab-nav span {font-size: 80%;padding-left: 5px;}
.goods-detail-info .tab-nav li {width: 33.3333%;float: left;margin: 0;}
.goods-detail-info .tab-nav li+li a {margin-left: -1px}
.goods-detail-info .tab-nav li a {border-radius: 0;border: 1px solid #e1e1e1;border-bottom-color: #b4b4b4; font-size: 1.076rem; padding: .8em}
.goods-detail-info .tab-nav li.active a {border: 1px solid #b4b4b4; border-bottom-color: #fff;background: #fff; color: inherit; position: relative;}
.goods-detail-info .guide-banner {margin-bottom: 40px;}
.goods-detail-info h3 {text-align: left; font-size: 20px; margin-top: 30px;margin-bottom: 20px;}
.goods-detail-info .table {text-align: left;}
.goods-detail-info .table th {background: #f9f9f9;padding-left: 30px;font-weight: normal;}
.goods-detail-info .table td {padding-left: 30px; color: #666}
.goods-detail-info .board-list {margin-top: -2%}
.goods-detail-info .board-list .table {border-top: 1px solid #e5e5e5}
.goods-detail-info .board-list .table td {padding-left: 15px;height: auto; border-left: 0}
.goods-detail-info .board-list .table th {padding-left: 15px;height: auto;}
.goods-detail-info .board-list .btn-box {float: right;margin-top: -67px;}
.goods-detail-info .board-list .btn-box .btn {height: 34px;font-size: 1em;width: auto;}
.view-container {text-align: left;padding: 15px;}
.view-container img {display: block;}
.view-container .reply-box {margin-top: 15px;padding: 15px;border: 1px solid #ddd; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1); box-shadow: 1px 1px 1px rgba(0,0,0,0.1); border-radius: 4px;}
.view-container .reply-box .admin-info {margin-bottom: 10px;}
.view-container .reply-box .date {font-size: 12px;color:#888}

/* 장바구니 */
.shopping h3 {font-size: 20px;margin-bottom: 20px;}
.shopping table.table {border-top: 2px solid #202020}
.shopping table.table th {background: #fcfcfc;padding: 10px 12px;font-weight: normal;}
.shopping table.table > thead > tr > th {border-width: 1px;}
.shopping table.table .checkbox-inline {padding-left: 20px;min-height: 20px; margin: 0 auto;}
.shopping table.table td {font-size: 1.076rem;}
.shopping table.table td .thumb {display: block; margin: 0 auto; border: 1px solid #ddd;max-width: 90px;}
.shopping table.table td.img+td {border-left: 0;}
.shopping table.table em {display: none;}
.shopping table.table td.title strong {font-weight: normal; color: #222; display: block;font-size: 1.153rem; margin-bottom: 10px;}
.shopping table.table td.title s {font-size: .923rem;opacity: .5}
.shopping table.table td.qty select {width: 80px;margin: 0 auto;}
.shopping table.table td.price {color: #222;}
.shopping table.table td.btns .btn {font-size: 1.384rem}
.shopping .cart-delete {margin-top: 10px;}
.shopping .cart-delete .naver-pay {float: right;}
.shopping .btn-box .btn {width: 160px; height: 50px; font-size: 1.23rem;}
.total-price-wrap {display: table;margin: 5% 0;width: 100%;table-layout: fixed}
.total-price-wrap>* {display: table-cell;vertical-align: middle;}
.total-price-wrap .calc {width: 40px;text-align: center}
.total-price-wrap dl {border: 1px solid #e5e5e5;padding: 20px;font-size: 1.076rem}
.total-price-wrap dl.total {border: 1px solid #333;}
.total-price-wrap dl.total dd {color: #ff3b31; font-size: 2.307rem;line-height: 1.2}
.total-price-wrap dd {text-align: right;margin-top: 20px;font-size: 1.538rem;font-weight: 600}
.total-price-wrap dd .currency {font-weight: normal;font-size: 1.076rem;vertical-align: middle;}
.total-price-wrap dl.total .mileage {font-size: 1rem; font-weight: normal; color: #666;margin-top: 5px;}
.shopping .step {position:relative;text-align: center;}
.shopping .step ol {font-size: 0;height: 50px;background-position: 0 50%;background-repeat: no-repeat;white-space: nowrap;}
.shopping .step li {display: inline-block;width: 33.3333%;font-size: 17px;line-height: 50px; color: #666;}
.shopping .step li span {margin-right: 15px;opacity: .5}
.shopping .step.step1 ol {background-image: url(../img/cart_step1.png)}
.shopping .step.step1 li:first-child {color: #222;}
.shopping .step.step2 li:nth-child(2) {color: #222;}
.shopping .step.step3 li:last-child(3) {color: #222;}
.shopping .step.step2 ol {background-image: url(../img/cart_step2.png)}
.shopping .step.step3 ol {background-image: url(../img/cart_step3.png)}
.shopping .member-info {font-size: 20px;font-weight: 600;margin: 20px auto;}
.shopping .member-info span {display: inline-block;vertical-align: top;margin-right: 30px;}
.shopping .member-info b {color: #ff3b31}
.shopping .member-info .btn {width: 80px;height: 30px;vertical-align: top;}
.shopping .banner {display: table;width: 100%;table-layout: fixed;margin: 5% 0}
.shopping .banner a {display: table-cell;vertical-align: middle;}
.shopping .banner a:last-child:not(:first-child) {text-align: right}
.cart-msg-box {font-size: 1.5em;text-align: center;margin: 3% auto 0; border:1px solid #eee;padding: 2em;}
.cart-msg-box b:first-child {color: #ff3b31}

.shopping .order-form {font-size: 14px;}
.shopping .order-form hr {margin: 15px 0}
.shopping .order-form span.tit {margin-top: 50px;font-size: 16px;display: block;margin-bottom: 15px;font-weight: bold;border-bottom: 3px solid #333;padding-bottom: 15px;}
.shopping .order-form table.table {border:0}
.shopping .order-form table.table td, .shopping .order-form table.table th {border: 0;vertical-align: middle;}
.shopping .order-form table.table td .form-control-static {min-width: 200px;display: inline-block;padding: 0;}
.shopping .order-form table.table td .help-block.inline {margin: 0 10px 0 20px;}
.shopping .order-form table.table td .checkbox-inline b {color: #ff3b31;line-height: 1;}
.shopping .order-form table.table th.first {background: #fff;border: 0;font-weight: 500;}
.shopping .order-form table.table th {background: none; padding-left: 20px;vertical-align: top;line-height: 32px}
.shopping .order-form table.table th label {line-height: normal}
.shopping .order-form table.table td {text-align: left; padding-left: 20px;}
.shopping .order-form table.table td .member {display: block;margin-bottom: 10px;}
.shopping .order-form table.table textarea {min-height: 80px; resize: none}
.shopping .order-form table.table td .help-block {font-size: 1rem;line-height: 30px}
.shopping .order-form table.table td .help-block span {color: #ff3b31}
.shopping .order-form table.table td .btn { vertical-align: top; }
.shopping .order-form table.table td .btn b {font-weight: 600}
.shopping .order-form table.table td.guide {padding: 0;}
.shopping .order-form table.table td .pay-guide {overflow: hidden;position: relative;}
.shopping .order-form table.table td .left {float: left;width: 50%;padding: 15px;}
.shopping .order-form table.table td .right {float: right;width: 50%;border-left: 1px solid #eee;padding: 15px;}
.shopping .order-form table.table td .tab-item {overflow: hidden}
.shopping .order-form table.table td .tab-nav {margin-bottom: 10px;}
.shopping .order-form table.table td .tab-nav:after {display: none;}
.shopping .order-form table.table td .tab-nav li+li {padding-left: 10px;border-left: 0px solid #ddd;margin-left: 10px;}
.shopping .order-form table.table td .tab-nav a {border: 0; padding: 0; background: none; font-size: 14px;}
.shopping .order-form table.table td .tab-nav li.active a {font-weight: normal;border-bottom: 1px solid #ddd;color: #222;}
.shopping .order-form table.table td .tab-contents .form-control {margin: 5px auto;}
.shopping .order-form label {/* padding-left: 23px !important; */}
.shopping .order-form select.form-control {background-image: url(../img/arr_select.gif);}
.shopping .order-form .pay-type {text-align: center}
.shopping .order-form .pay-type label {text-align: center;cursor: pointer}
.shopping .order-form .pay-type label span {display: block;margin-bottom: 5px;border-radius: 10px;overflow: hidden;min-width: 80px; background-color: #fff;background-repeat: no-repeat;background-position: 50% 10px; border: 1px solid #ddd;padding: 10px;padding-top: 45px;font-size: 1rem;}
.shopping .order-form .pay-type label.active span {background-color: #ff3b31;color: #fff;border-color: #ff3b31}
.shopping .order-form .pay-type label.pay01 span {background-image: url(../img/ic_pay1.png)}
.shopping .order-form .pay-type label.pay02 span {background-image: url(../img/ic_pay2.png)}
.shopping .order-form .pay-type label.pay03 span {background-image: url(../img/ic_pay3.png)}
.shopping .order-form .pay-type label.pay04 span {background-image: url(../img/ic_pay4.png)}
.shopping .order-form .pay-type label.pay01.active span {background-image: url(../img/ic_pay1_on.png)}
.shopping .order-form .pay-type label.pay02.active span {background-image: url(../img/ic_pay2_on.png)}
.shopping .order-form .pay-type label.pay03.active span {background-image: url(../img/ic_pay3_on.png)}
.shopping .order-form .pay-type label.pay04.active span {background-image: url(../img/ic_pay4_on.png)}

hr {margin: 30px auto;}
.item-add-cart {padding: 1em 0 0;}
.item-add-cart .form-control {width:70%;text-align: center;}
.item-add-cart .btn {vertical-align: top; float:right; width:28%}
.bulk-purchase .top-title {margin-bottom: 5%;}

.info_tab {width:100%; border:1px solid #ddd; font-size:0; margin-bottom:30px;}
.info_tab li {width:14.285%; display:inline-block; text-align:center;  font-size:14px; line-height:50px;}

.info_con p {font-size:13px; color:#666; line-height:160%;}
.info_con p span {display:block; color:#333; font-size:13px; font-weight:bold;}
.info_con .table th {background:#f8f8f8; text-align:center;}
.info_con .table td {text-align:center;}
.info_con .table td span {display:block; margin-top:10px;}'

.order-info {width:100%;}
.order-info li {width:16%; display:inline-block; border-radius:8px; border:1px solid #ddd; background:#f4f4f4; text-align:center; height:60px; line-height:60px; vertical-align:middle;}
.order-info li:nth-child(5),
.order-info li:nth-child(7),
.order-info li:nth-child(9) {line-height:26px;}
.order-info span:after {content:"▶"; padding:0 10px;}

.receipt_flag_form {padding: 1.1em;border: 1px solid #ddd; background: #fcfcfc; margin:1.5em 0;}
.receipt_flag_form table{width:100%;}
.receipt_flag_form table, .receipt_flag_form table td, .receipt_flag_form table th{background:none !important; line-height:1;}

.app-download {}
.app-download h1 {color: #fff;background: #0099c5;padding: 1.2em;text-align: center;font-size: 2.2em;font-weight: normal}
.app-download ul {padding: 80px 0;margin-bottom: -80px;background: #f3f3f3 url(../img/bg_app_line.gif) repeat-x 0 0;overflow: hidden;}
.app-download li {float: left;width: 50%;padding-left: 70px;margin-bottom: 80px;font-size: 1.25em;color: #666;}
.app-download h2 {font-size: 1.6em;color: #4c4c4c;background: none;padding: 0;margin: 0;padding-bottom: 20px;margin-bottom: 35px;position: relative;}
.app-download h2:after {content: "";display: block;position: absolute;left: 0;bottom: 0;height: 4px; background: #444;width: 15%;}
.app-download li p {padding-top: 10px;float: right;margin-left: -135px;padding-left: 155px;margin-bottom: 12px;width: 100%;}
.app-download li:first-child p {padding: 0;}
.app-download li a+a {margin-left: 10px;}

#select-option {position: fixed;left:0;top:0;bottom:0;right:0;z-index: 99;}
#select-option #mask {display: block;z-index: 1;}
#select-option .inner-box {background: #fff;top:50px;left:50%;width: 100%;max-width:420px;margin-left: -210px;position: absolute;z-index: 3;}
#select-option h1 {font-size:1.8rem;background: #f9f9f9;padding: 1em 3rem;position: relative; color:#000}
#select-option h1 button {position: absolute;right:3rem;border:0;background: none;padding: 0;}
#select-option .goods-info {padding: 3rem;font-size:1.125rem}
#select-option .goods-info .goods-name {font-size:1.25rem}
#select-option .goods-info strong {font-weight: normal;display: block;margin-bottom: 5px;}
#select-option .goods-info .price {color:#ff3b31}
#select-option .goods-info ul {border-top: 1px solid #555;margin: 1.5rem 0;overflow-y: auto;max-height:220px;}
#select-option .goods-info li {padding: 1.5em 0;padding-right: 100px;border-bottom: 1px solid #e5e5e5;position: relative;}
#select-option .goods-info li:last-child {border-bottom: 0;}
#select-option .goods-info li .count-sel {position: absolute;right:0;bottom:1.5em}
#select-option .goods-info dl {display: table;width: 100%;font-size:1.125rem}
#select-option .goods-info dt {font-weight: normal;display: table-cell;}
#select-option .goods-info dd {text-align: right;display: table-cell;color:#ff3b31;}
#select-option .goods-info dd b {font-size:1.6rem;vertical-align: baseline;}
#select-option .goods-info .mileage {display: block;color:#222}
#select-option .goods-info .mileage img {vertical-align: top;}
#select-option .goods-info .btn-box {margin-top: 2em;}
#select-option .goods-info .btn-box .btn {font-size:1.25rem;width: 48%;height: 3em;}

/* 모바일 (992px 미만) */
@media (max-width: 991px) {

    body {min-width: inherit;}
    .container {width: 100%;padding: 0 15px;}
    #wrap {position: relative;overflow-x: hidden;}
    #wrap>#content {min-height: inherit;}
    hr {margin: 20px auto;}

    /* HEADER */
    header {height: 50px; background: rgba(255, 255, 255, 0.97);border-bottom: 1px solid #ddd;z-index: 9;}
    header.fixed {position: fixed;left: 0;right: 0;top: 0;}
    header .container {padding-top: 0;height: 100%;}
    header h1 {float: none;margin-top: 0;width: auto;height: 50px; vertical-align: top;line-height: 50px; margin: 0; margin-left: 35px !important;font-size: 0;position: static;padding: 0 !important;}
    header h1 a {display: block !important;}
    header h1 img {height: 32px;}
    header h1 span {display: none;}
    .toggle-nav-wrap {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;background: rgba(0, 0, 0, 0.6);overflow: hidden;z-index: 1;}
    .toggle-nav.active {display: block;margin-left: 0;-webkit-transition: all .5s;transition: all .5s;}
    #toggle-open {position: absolute;left: 15px;top: 0;height: 50px; padding: 0;font-size: 18px;background: none;}
    #toggle-open img {height: 13px;}
    #toggle-close {position: absolute;right: 0;top: 0;height: 40px; padding: 0;margin: 0 10px; font-size: 18px; background: none;}
    .toggle-nav {width: 260px;height: 100%;position: absolute;top: 0;left: 0;margin-left: -59%;overflow-x: hidden;overflow-y: auto; background: #fff;-webkit-transition: all .5s;transition: all .5s;}
    .toggle-nav .category-nav {margin-top: 40px;border-top: 1px solid #ddd;}
    .toggle-nav .category-nav>ul>li {position: relative;border-bottom: 1px solid #ddd;}
    .toggle-nav .category-nav>ul>li a {display: block;padding: 10px 12px;position: relative;}
    .toggle-nav .category-nav>ul>li>a:after {content: "";font: normal normal normal 14px/1.5 LineAwesome; position: absolute;right: 0;margin: 0 12px;}
    .toggle-nav .category-nav>ul>li.arr>a:after {content: "\f112";}
    .toggle-nav .category-nav>ul>li>a {font-weight: bold;}
    .toggle-nav .category-nav .has-sub>a:after {content: "\f2c2"}
    .toggle-nav .category-nav ul ul {display: none;border-top: 1px solid #ccc;margin-bottom: -1px;background: #eaeaea;font-size: 12px;}
    .toggle-nav .category-nav ul ul li {border-bottom: 1px solid #ccc}
    .toggle-nav .category-nav ul ul a {padding: 8px 12px;}
    .toggle-nav .category-nav .active ul {display: block;}
    .toggle-nav .category-nav .active>a {color: #006dba}
    .toggle-nav .category-nav .active>a:after {content: "\f28e"}

    /* FOOTER */
    footer {margin-top: 0;margin-bottom: 0;padding: 20px 10px; text-align: center;background: #fff;font-size: .923rem; font-family: inherit;}
    footer .logo {position: static;display: block;margin: 0 auto 15px;}
    footer .logo img {width: 20vw;max-width: 100px;}
    footer address {margin: 0;float: none;}
    footer .bar {padding: 0 8px;}
    footer .scroll-top {position:fixed; right:15px; bottom:0; background:#000; width:35px; height:35px; color:#fff; line-height:35px; text-align:center; cursor:pointer; border-radius:100%; opacity:0;-webkit-transition:all 0.3s;transition:all 0.3s;z-index: 3}
    footer .scroll-top.is-showing {bottom:55px; opacity:0.3;}


    /* MAIN */
    .top-event {display: none}
    .index {}
    .index section {margin: 30px 0}
    .index section h1 {font-size: 24px;margin-bottom: 10px;height: auto;font-family: inherit;font-weight: bold;}
    .index section h1 small {display: block;font-size: 11px;margin-left: 0;margin-top: 5px;}
    .index section h1 a {float: right;font-size: 0;}
    .index .swiper-button-prev, .index .swiper-button-next {display:block;width: 24px;height: 40px;border:0;background-size: 24px;margin-top: -20px;background-color: transparent;}
    .index .swiper-button-prev {left: 15px}
    .index .swiper-button-next {right: 15px}
    .main-visual {}
    .main-visual .swiper-slide {height: auto;}
    .main-visual .swiper-slide img {width: 100%;}
    .main-visual .swiper-pagination-bullet {padding: 8px 0;font-size: 12px;}
    .main-best .row {margin-left: -5px;margin-right: -5px;margin-top: 0;}
    .main-best .row li {padding-left: 5px;padding-right: 5px;font-size: 13px;}
    .main-biz p.lead {font-size: 15px;margin-bottom: 0;}
    .main-biz .row li {font-size: inherit;line-height: 1.3;}
    .main-biz .row li img {margin-bottom: 10px;}
    .main-biz .row li strong {font-size: 15px;}
    .main-intro {font-size: inherit;padding: 30px 0;}
    .main-intro #tab1-1 .spot {font-size: 15px;margin-top: 15px;}
    .main-intro #tab1-1 img {width: 100%;}
    .main-intro #tab1-1 b {font-size: inherit}
    .main-intro .map dl {position: static;padding: 15px;border: 1px solid #e5e5e5}
    .main-intro .map dt {font-size: 16px;}
    .main-intro .map dd {font-size: inherit}
    .main-intro .map dd+dd {margin-top: 0;}
    .main-intro #tab1-2 ul {margin-top: 15px;}
    .main-intro #tab1-2 li+li {margin-top: 0;}

    .main-intro .history-map {font-size: inherit;}
    .main-intro .history-map:before {left: 5px;}
    .main-intro .history-map>div {padding: 0;text-align: left !important;}
    .main-intro .history-map>div+div {margin-top: 15px;}
    .main-intro .history-map .left {;padding-right: 0;padding-left: 30px;}
    .main-intro .history-map .left dl {padding: 0;}
    .main-intro .history-map dt:before {left: -33px !important;right: auto !important;}
    .main-intro .history-map .dot:before {left: -28px !important;right: auto !important;top: 5px;}
    .main-intro .history-map dt, .main-intro .history-map dd {padding-left: 90px !important;padding-right: 0 !important;}
    .main-intro .history-map span {left: 0 !important;right: auto !important;}
    .main-intro .history-map .img {position: static !important;padding: 0 !important;margin: 15px 0;max-width: inherit;}
    .main-intro .box div {padding: 15px 10px;font-size: 12px;display: flex;flex-direction: column;align-items: center}
    .main-intro .box div+div {margin-left: 10px;}
    .main-intro .box div strong {font-size: 15px;}



    /* SUB */
    #content {position: relative;padding: 65px 0 15px 0}
    .sub-top {position: absolute;left: 0;right: 0;top: 0; overflow: hidden;}
    .sub-top h1 {font-size: 18px;line-height: 45px;font-weight: bold;display: block;padding: 0 15px;background:#f7f7f7; color: #222; text-align: center;border-bottom: 1px solid #ddd;height: 45px;}
    .sub-top .go-back {display: block;position:absolute;left: 0;top: 0;margin-left: 15px;line-height: 43px;font-size:23px;z-index:2;}
    .sub-top .sub-location {display: block;text-align: center;padding: 10px 15px;border-bottom: 1px dotted #ddd;}
    .sub-top .sub-top-img {border-top: 1px solid rgba(0, 0, 0, 0.5);}
    .sub-content {margin: 0 auto;max-width: 640px;}
    .sub-content h2 {font-size: 1.384rem;border-width: 2px;height: auto;padding-bottom: 10px;padding-top: 0;margin: 20px auto 15px;}
    .sub-content h2.center {/* text-align: left; */}
    .sub-content h2 small {margin-top: 10px;font-size: 12px}
	.sub-content h3 {font-size: 1.23rem;height: auto;margin-bottom: 15px;height: auto;}
	.sub-content h3:first-child {height: auto;}
    .sub-content h3 a {margin-top: 0;}
    .sub-content h3 small {font-size: .923rem}
    .sub-content h3 small.left {margin-left: 0;display: block;margin-top: 5px;}
    .sub-content h3 small.left+a {float: none;position: absolute;right: 0;top:5px;font-size: .923rem}
    .sub-content h3.big {font-size: 17px;}
    .sub-content h3.line {padding-bottom: 10px;}
    .sub-content h3+.sub-category {margin: 0 0 15px 0}
    .sub-content h3 .btns {float: right;margin-top: -4px;margin-left: 0;}
    .sub-content h3 .btns .btn {margin: 2px 0;font-size: 1rem;padding: .25em;letter-spacing: -.05em}
    .sub-content h4 {font-size: 1.23rem;}
    .sub-content h4 p {display: block;margin-left: 0; margin: 5px 0 15px;font-size: 12px}
    .sub-content h5 {font-size: 1.23rem}
    .sub-content .sub-category {border-bottom: 0;}
    .sub-content .sub-category li.active a {color: #ff3b31}
    .sub-content .sub-category .sort {position: static;margin-bottom: 10px;}
    .sub-content .sub-category .sort .form-control {border: 1px solid #ddd}
    .sub-content .option-select dt {display: block;margin-bottom: 10px;}
    .sub-content .option-select dd {display: block}
    .sub-content .option-select dd span {min-width: 31%;margin: 0;}
    .sub-content .option-select dd label {margin: 0;}
    .help-block b {font-size: 15px;margin-bottom: 5px;}
    #snb {display: none}
    #snb h2 {height: auto;}
    #snb + .sub-content {margin-left: 0;}

	.info_tab {width:100%; border:1px solid #ddd; font-size:0; margin-bottom:30px; padding:0;}
	.info_tab li {width:25%; display:inline-block; border-right:1px solid #eee; text-align:center;  font-size:13px; line-height:18px; padding:5px 0;}
	.info_tab li:nth-child(4n+4) {border-right:0px;}
	.info_tab li:nth-child(1),
	.info_tab li:nth-child(2),
	.info_tab li:nth-child(3),
	.info_tab li:nth-child(4) {border-bottom:1px solid #eee;}

	.order-info {width:100%;}
	.order-info li {width:100%; display:inline-block; border-radius:8px; border:1px solid #ddd; background:#fff; text-align:center; height:40px; line-height:40px; vertical-align:middle;}
	.order-info li:nth-child(5),
	.order-info li:nth-child(7),
	.order-info li:nth-child(9) {line-height:40px;}
	.order-info span:after {display:block; width:100%; text-align:center; content:"▼"; padding:10px 0;}

    /* 상품 */
    .item-info .price i {display: block;margin-left: 0;font-size: 11px;}
    .item-info .sale+.price b {}
    .item-info .sale {font-size: 12px;}
    .item-info .option {margin-bottom: 5px;}
    .item-info .tag-list {font-size: .846rem}
    .item-list-wrap {}
    h3+.item-list-wrap .list-top {margin-top: 0;}
    .item-list-wrap .list-top {margin-bottom: 15px;overflow: hidden;text-align: left;overflow: visible}
    .item-list-wrap .list-top .sort {position: static;border: 1px solid #ddd;margin: 10px 0}
    .item-list-wrap .total-items {font-size: 12px;float: none;line-height: normal;margin-bottom: 0;margin-right: 0;}
    .item-list-wrap .total-items b {font-size: 14px;padding-right: 0;margin-right: 5px;}
    .item-list-wrap .tab-nav {margin-top: 0;text-align: left;height: 34px;}
    .item-list-wrap .tab-nav ul {width: 100%;}
    .item-list-wrap .tab-nav ul li {width: 25%;}
    .item-list-wrap .tab-nav ul li a {line-height: 34px;height: 34px;padding: 0;}
    .item-list-wrap .item-list {margin: 0 -5px !important;}
    .item-list-wrap .item-list li {float: left;width: 50% !important;padding: 0 5px !important;margin:0 0 15px !important; min-height: inherit;border: 0 !important}
    .item-list-wrap .item-list li:nth-child(odd) {clear: left !important;}
    .item-list-wrap.col-3 .item-list li:nth-of-type(3n+1) {clear: none}
    .item-list-wrap.col-5 .item-list li:nth-of-type(5n+1) {clear: none}
    .item-list-wrap .item-info {padding-left: 5px;padding-right: 5px;font-size: 1.076rem}
    .item-list-wrap .item-info .sale b {font-size: 26px;line-height: 1;}
    .item-list-wrap .item-info .sale+.price em {display:block;margin-left: 0;}
    .item-list-wrap .clearfix {margin: 15px auto}
    .item-list-wrap .pagination {padding-top: 20px;margin: 20px auto;}
    .item-list li .form-control {height: 2.307rem;}
    .item-list li .input-group .btn {height: 2.307rem;min-width: inherit}
    .item-list .thumb button img {max-width: 3rem}
    .item-info strong {font-size: inherit}
    .item-list .badge {font-size: inherit;padding: .5em 1em;left: 5px;}
    .item-list .badge b {font-size: 1.384rem}
    .new-arrival li+li {margin-top: 10px;}

    /* 회원관련 */
    .sns-login {}
    .sns-login dl {display: block;font-size: 1rem;}
    .sns-login dt {display: block;width: auto; text-align: center;margin-bottom: 10px;}
    .sns-login dd {display: block;text-align: center}
    .sns-login dd a {width: 48%;display: inline-block;margin: 0;}
    .sns-login dd img {max-width: 25px;margin-right: 5px;}
    .login-form {width: 100%;}
    .login-form section {width: 100%;padding: 0;margin-bottom: 10px;min-height: inherit;display: block;}
    .login-form .form-group {padding-right: 80px;height: auto;}
    .login-form .form-group .form-control {width: 100%;height: 34px;padding-left: 5px;}
	.login-form .form-group .form-control.result{min-height:auto; height:auto;}
	.login-form .form-group .form-control.result.id{padding-top:10px;}
    .login-form .form-group .form-control.pw {border-top: 1px solid #ddd;}
    .login-form .form-group .btn {height: 100%;width: 75px;font-size: 15px;}
    .login-form .login-footer {text-align: center}
    .login-form .login-footer .lead {font-size: 14px;}
    .login-form .login-footer span {font-size: 12px;margin-bottom: 10px;}
    .login-form .login-footer .btn {position: static;padding: 6px 12px;min-width: inherit;}
    .login-form .form-group.nologin {padding-right: 80px;}
    .login-form .form-group.nologin .btn {height: 100%;width: 75px;font-size: 15px;}
    .login-form .tab-nav li a {padding-left: 0;padding-right: 0;}
    .login-form .tab-contents {padding: 15px; height: auto;}
    .nonmember {clear:both; text-align:center; margin-top:-22px; margin-bottom:10px;}
    .nonmember button {width:100%;}
    .login-form.idpw section {padding: 15px;width: 100%;margin-bottom: 15px;display: block}
    .login-form.idpw section:nth-of-type(2) {border: 1px solid #d9d9d9;margin-left: 0;}
    .member-auth {}
    .member-auth section {padding: 30px;margin-bottom: 10px;}
    .member-auth .inner {max-width: none;}
    .member-auth h3 {font-size: 16px;}
    .member-auth .help-block {font-size: 13px;padding: 15px 0;}
    .member-auth p {float: none;margin-bottom: 5px;}
    .member-auth .checkbox {float: none;}
    .member-auth .btn-box .btn {display: block;width: 100%; float: none;margin: 0 auto; height: auto;font-size: 15px;}
    .member-auth .btn-box .btn:last-child {margin-top: 5px;float: none;}
    .member-auth .btn-box .btn img {height: 12px;margin-right: 5px;vertical-align: 0}

    .join-form {}
    .join-form .sns-login {padding: 15px 0}
    .join-form .sns-login dt {width: auto;text-align: left}
    .join-form span.tit {}
    .join-form span.tit small {color: #888;margin-left: 10px;font-weight: normal;}
    .join-form table.table {border: 0;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
    .join-form table.table tbody {display: block;}
    .join-form table.table tr {display: block; padding: 12px 0; overflow: hidden}
    .join-form table.table tr+tr {border-top: 1px dotted #ddd;}
    .join-form table.table th {display: block;width: 100%; height: auto; padding: 0;margin-bottom: 10px; border: 0; background: none;}
    .join-form table.table td {display: block;width: 100%;padding: 0 0;border: 0;}
    .join-form table.table td .help-block {margin-left: 0;display: block;padding-top: 5px;clear: both;float: left;font-size: 90%;width:  100%;margin-top:  5px;}
    .join-form table.table td .btn {min-width: inherit;padding-right: 0;padding-left: 0;width: 100%;}
	.join-form table.table td .btn.cer {width: 40%;}
    .join-form .btn-box .btn {min-width: 30%;width: auto;height: auto;}
    .join-form .join-result p {font-size:19px;}
    .agree-check {font-size: 12px;margin-top: 15px;}
    .agree-check .agree-top {padding: 8px;}
    .agree-check .agree {width: 100%;float: left;padding: 0;}
    .agree-check .terms {height: 100px;}
    .agree-check .privacy {width: 100%;margin-top: -1px;margin-left: 0;}

    /* 고객센터 */
    .customer-center {float: none;width: auto;}
    .customer-center .tab-nav {margin-bottom: 6%;}
    .customer-center .top-search {height: auto;}
    .customer-center .top-search .lead {font-size: 18px;margin-right: 80px;}
    .customer-center .top-search .help-block {margin-right: 80px;}
    .customer-center .top-search .top {float: none;width: auto;padding: 15px;background-size: 200%;background-position: 73% 50%}
    .customer-center .top-search .bottom {padding: 15px;height: auto;}
    .customer-center .top-search .bottom strong {line-height: normal;display: block;float: none;width: auto;text-align: left;margin-bottom: 5px;}
    .customer-center .top-search .input-group {float: none;max-width: none;margin: 0;}
    .customer-center .top-search .search-keyword {float: none;width: auto;text-align: left;line-height: normal;margin-top: 5px;}
    .customer-center .terms {height: 280px}
    .customer-center .domae-guide .box {padding: 30px 0}
    .customer-center .domae-guide .box+.box {border-top: 5px solid #f5f5f5;}
    .customer-center .domae-guide .box01 {height: auto;}
    .customer-center .domae-guide .box03 {height: auto;border-top: 5px solid #f5f5f5;}
    .customer-center .domae-guide .box04 {height: auto;}
    .customer-center .domae-guide h4 {font-size: 1.307rem;}
    .customer-center .domae-guide p {font-size: 1rem;}
    .customer-center .domae-guide dt {font-size: 1.153rem;}

    .customer-center .membership h3 {overflow: visible}
    .customer-center .membership h3 span {font-size: .923rem}
    .level-guide dl {display: block}
    .level-guide dl>* {display: block;}
    .level-guide dt {width: auto;text-align: center;margin: 20px 0;}
    .level-guide dt span {width: 7.692rem;height: 7.692rem;line-height: 7.692rem}
    .level-guide dd {padding: 20px;border-top: 1px solid #e5e5e5;}
    .level-guide .member-info {font-size: 1.153rem;}
    .level-guide .name {font-size: 1.384rem;}
    .level-guide .coupon {font-size: 1.153rem;width: auto;}
    .level-guide .coupon li {font-size: 1rem;width: auto;height: 5.384rem;flex-grow: 1;flex-basis: 0;flex-shrink: 0;}
    .level-guide .coupon li+li {margin-left: 10px;}
    .level-guide .coupon b {font-size: 1.153rem;}
    .benefit-coupon .table th {font-size: .846rem;padding: 5px 2px;width: 50px}
    .benefit-coupon .table td {font-size: .846rem;padding: 5px 2px}
    .benefit-coupon .table td b {font-size: 1.153rem}
    .benefit-coupon .table td div:not(.desc) {font-size: .923rem;line-height: normal;color: #666;}
    .benefit-coupon .table td .desc {font-size: 1.076rem}
    .benefit-coupon .table td .desc b {font-size: 1.307rem}

    .faq-content .top-search {padding: 12px;}
    .faq-content .input-group {max-width: none;margin: 0}
    .faq-category ul {display: flex;flex-wrap: wrap;}
    .faq-category li {width: 25%;display: flex;align-items: stretch;justify-content: center;background: #f5f5f5;border: 1px solid #fff;height: 40px;}
    .faq-category li a {height: auto;line-height: 1;border: 0; width: 100%;align-self: center;background: none;}
    .faq-category li.active {background: #006dba;border-color: #006dba;}
    table.table td span.bar {padding: 0 1px;min-width: inherit}
    table.table td .col-xs-12+.col-xs-12 {margin-top: 5px;}
    table.table td .form-group {max-width: inherit}
    table.table td.email span.bar {width: 8%;}
    table.table td.email div[class*=col]:first-child {width: 42%}
    table.table td.email div[class*=col]:last-child {width: 100%;margin-top: 5px;}
    table.table td.birth span.bar {width: 8%;}
    table.table td.birth div[class*=col] {width: 23%}
    table.table td.birth div[class*=col]:first-child {width: 30%}
    table.table td.phone div[class*=col] {width: 30%}
    .board-list .list-top {font-size: 1rem}
    .board-list table.table.normal colgroup {display: table-column-group;;}
    .board-list table.table {text-align: left;border-bottom-color: #eee}
    .board-list table.table thead {display: none}
    .board-list table.table tr:first-child {border-top: 0;}
    .board-list table.table tr.notice td:first-child {background: #ff3b31;color: #fff;padding: 1px 5px;border-radius: 2px;}
    .board-list table.table:not(.normal) tr {display: block;position: relative;padding: 10px 5px;border-top: 1px dotted #ddd;margin-top: -1px; overflow: hidden;}
    .board-list table.table:not(.normal) td {border: 0 !important;padding: 0;display: inline-block;vertical-align: top;font-size: 1rem;}
    .board-list table.table:not(.normal) td+td {margin-right: 5px;}
    .board-list table.table td.no {font-weight: bold;position: absolute;right: 0;display: none}
    .board-list table.table td.no-list {display:block;font-weight: bold;}
    .board-list table.table td.hit {display: none}
    .board-list table.table td.date {color: #999;}
    .board-list table.table td.date a {text-decoration: underline; position: absolute;right: 0;top: 0;padding: 10px;}
    .board-list table.table td.order-no {text-decoration: underline; position: absolute;right: 0;top: 0;padding: 10px;margin-right: 0;}
    .board-list table.table td.mileage:before {content: "P ";}
    .board-list table.table td.mileage.total:before {content: "누적 P ";}
    /* .board-list table.table td.category {color: #222;} */
    .board-list table.table td.title {line-height: 1.2;display: block;position: relative; height: auto;color: #222;font-size:1.25rem;margin: 5px 0;}
    .board-list table.table td.title+.category {position: absolute;right:0;top:0;margin: 10px 0;}
    .board-list table.table td.print {display: block;text-align: left;}
    .board-list.thumb table.table tr {padding-left: 80px;min-height: 75px;}
    .board-list.thumb table.table .thumb {position: absolute;left: 0;top: 0;;margin-left: -80px;margin-top: -5px;}
    .board-list table.table td.img {float: left; width: 60px; height: 70px; margin-right: 10px;}
    .board-list table.table td.img+td {margin-left: 70px;}
    .board-list table.table td.img img {max-width: 100%;}
    .board-list table.table td.writer {}
    .board-list table.table td.reply {padding-left: 12px;}
    .board-list table.table td.reply .title {padding-left: 0;}
    .board-list table.table td.state {position: absolute;right: 0;bottom: 0;padding: 10px 0}
    .board-list table.table td.btns {position: absolute;right: 0;bottom: 0;padding: 10px 0}
    .board-list table.table td.btns .btn {padding-left: .5em;font-size: .923rem;}
    .board-list table.table td.state b {}
    .board-list table.table td.state .btn {padding: 2px 5px; border: 1px solid #ddd;font-size: 12px;}
    .board-list table.table td.state.reply {padding-left: 0;bottom: auto;top: 0;}
    .board-list table.table td.qty:before {content: "수량 : "}
    .board-list table.table td.price:before {content: "판매금액 : ";}
    .board-list table.table td.price.pay:before {content: "결제금액 : ";}
    .board-list table.table td.price.total:before {content: "총금액 : ";}
    .board-list table.table td.price.return:before {content: "환불금액 : ";}
    .board-list table.table td.reason:before {content: "반품사유 : ";}
    .board-list table.table td.delivery:before {content: "배송비 : ";}
    .board-list table.table td.delivery.add:before {content: "추가 배송비 : ";}
    .board-list table.table td.review {display: block;margin-left: 0;text-align: left}
    .board-list table.table td.qty+.state {bottom: auto;top: 0;}
    .board-view table.table {border: 0;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
    .board-view table.table tbody {display: block;}
    .board-view table.table tr {display: block; padding: 12px 0; overflow: hidden;}
    .board-view table.table tr+tr {border-top: 1px dotted #ddd;}
    .board-view table.table th {display: block;width: 100%; height: auto; padding: 0;margin-bottom: 10px; border: 0; background: none;}
    .board-view table.table td {display: block;width: 100%; padding: 0; border: 0;font-size: 13px;}
    .board-view table.table td.title {font-size: 14px;font-weight: bold}
    .board-view table.table tr.board-info th, .board-view table.table tr.board-info td {display: inline-block;width: auto;margin: 0;}
    .board-view table.table tr.board-info td {padding: 0 10px;}
    .board-view table.table td .board-con {padding: 0; word-break: break-all}
    .board-write table.table {border: 0;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
    .board-write table.table tbody {display: block;}
    .board-write table.table tr {display: block; padding: 12px 0; overflow: hidden;}
    .board-write table.table tr+tr {border-top: 1px dotted #ddd;}
    .board-write table.table th {display: block;width: 100%; height: auto; padding: 0;margin-bottom: 10px; border: 0; background: none;}
    .board-write table.table td {display: block;width: 100%; padding: 0; border: 0;}
    .board-write table.table textarea {min-height: 150px;}
    .board-write table.table select {width: 100%;}
    .board-write [class*=wp] {width: 100% !important;}
    .board-list .btn-box .btn, .board-write .btn-box .btn, .board-view .btn-box .btn {width: auto;height: auto; min-width: 30%; font-size: 1.076rem;}
    .board-search {width: 100%;float: none;padding: 0 10px;margin: 20px auto;}
    .board-search select {background-size: 30px}
    .board-search .row {margin: 0;}
    .board-search .row>div {padding: 0;}
    .board-search+.btn-box {margin: 5% 0; float: none;text-align: center;}
    .board-search+.btn-box .btn {width: auto;height: auto;}

/*
    .review-list .list-top textarea{width: 72%;border: 1px solid #eee; height: 50px }
    .review-list .list-top .btn {float: right;height: 50px}
*/

    /* 커뮤니티 */
    .community-wrap {float: none;width: auto;}
    .poll-content {}
    .poll-content .poll-heading {padding: 20px;}
    .poll-content .poll-heading h1 {font-size: 14px;}
    .poll-content .poll-body {padding: 20px;}
    .poll-content .poll-body ol:before {font-size: 14px;}
    .poll-content .poll-footer {padding: 20px;}
    .poll-content .poll-footer .btn {min-width:20%;height: auto;font-size: 15px;margin: 0;}
    .poll-content .progress-txt {margin-right: 0;margin-left: 5px;line-height: 14px;}
    .poll-content .progress {max-width: none;height: 14px;}

    /* 핫딜 */
    .special-time-sale-goods {margin-top: 65px;}
    .special-time-sale-goods .item-list li.comming:before {left: 5px;right: 5px}
    .special-time-sale-goods .item-list li.comming .thumb:after {width: 90px;height: 90px;background-size: cover;}
    .special-time-sale-goods .item-list .date {width: auto;height: auto;padding: 8px;margin: 0 5px; line-height: 1.5;}
    .special-time-sale-goods .item-list .date b {font-size: 14px;margin-top: 0;}
    .special-time-sale-goods.item-list-wrap.col-3 .item-info {padding: 15px;}
    .special-time-sale-goods.item-list-wrap.col-3 .item-info strong {font-size:13px;white-space:normal}

    /* 기획전 */
    .special-items .category-select {float: none;margin: 0;margin-bottom: 15px;margin-top: 5px;}
    .special-items .category-list {margin: 15px auto;}
    .special-items .category-list ul {display: block;overflow: hidden;border: 0;padding-top: 1px;padding-left: 1px;}
    .special-items .category-list li {display: block;float: left;width: 50%;}
    .special-items .category-list li a {display: block;margin-left: -1px;margin-top: -1px;}
    .special-items .category-list li+li a {border: 1px solid #e1e1e1}
    .special-items .category-list li.active a {border: 1px solid #bbb !important;position: relative;}
    .special-items .clearfix, .special-items.detail-list .clearfix {margin: 15px auto;}
    .special-items .flexslider {padding-bottom: 30px;margin-bottom: 20px;}
    .special-items .tab-nav {text-align: left;}
    .special-items .tab-nav ul {display: block; width: 100%;}
    .special-items .tab-nav ul li {width: 33.3333%}
    .special-items .item-list-wrap.col-3 .item-info {min-height: inherit}
    .special-items .item-list-wrap.col-3 .item-info strong {font-size: 13px;}
    .special-items .item-list-wrap.col-3 .item-info {padding: 15px;}
    .special-items .item-list-wrap.col-3 .item-info .more {font-size: 12px;margin-top: 5px;}
    .special-items .item-list-wrap.col-3 .item-info .desc {font-size: 12px; word-break: break-all}
    .special-items.detail-list h2 {font-size: 15px;height: auto;margin-top: 0;margin-bottom: 10px; margin-right: 0;}
    .special-items.detail-list .sub-top-banner {margin-bottom: 15px;}
    .special-items.detail-list .sub-category-select {margin-top: 0;float: none;margin-bottom: 15px;}
    .special-items.detail-list .sub-category {margin-bottom: 15px;padding-top: 1px;padding-left: 1px;}
    .special-items.detail-list .sub-category li {width: 50%;}
    .special-items.detail-list .list-top {padding-bottom: 10px;}

    /* 정기배송 */
    .subscription-delivery .btn-box .btn {width: 40%;max-width: 150px; height: 3.076rem; font-size: 1.076rem;}
    .delivery-price {margin: 10px 0;}
    .delivery-price dl {display: block;width: 100%;}
    .delivery-price dl>* {display: inline-block;vertical-align: top;}
    .delivery-price dt {width: 48%;font-size: 1.153rem}
    .delivery-price dd {width: 100%;text-align: right}
    .delivery-price .total-price {font-size: 1.153rem;width: 48%}

    /* 룰렛 */
    .roulette {margin: -20px -15px -45px -15px; padding-top: 48vw;padding-bottom: 5vw;}
    .roulette .remaining {top: 1rem;right: 1rem;font-size: 1.076rem}
    .roulette .remaining span {font-size: 1.23rem;margin-left: 5px;}
    .roulette .animation-area .image-wrap {max-width: 50vw;}
    .roulette .animation-area #pointer {max-width: 6vw;margin-left: -3vw;}
    .roulette .animation-area #image {position: relative;z-index: 2;}
    .roulette .animation-area #coin {max-width: 14vw;left: 40vw}
    .roulette .animation-area #start {width: 12vw;height: 12vw;}

    /* 이벤트 */
    .event-wrap {}
    ul.event-list {margin-left: -5px;margin-right: -5px;}
    ul.event-list li {width: auto;float: none;padding: 0 5px; margin-bottom: 10px;}
    ul.event-list li a {display: block;}
    ul.event-list li .thumb {}
    ul.event-list li .info {padding: 15px;}
    ul.event-list li strong {font-size: 1.153rem}
    ul.event-list li .date {float: none;display: block;font-size: .923rem}
    .event-wrap .swiper-container {padding-bottom: 30px;}
    .event-wrap .swiper-pagination {bottom: 0;}
    .event-wrap .event-title strong {font-size:19px;}
    .event-wrap .winning-id {font-size: 14px;}
    .event-wrap .winning-user .table tr {text-align: center;}
    .event-wrap .winning-user .table td {display: inline-block;width: auto;}

    /* 검색 */
    .search-result p {font-size: 24px; padding-bottom: 15px;}
    .search-result p:after {height: 5px;}
    .search-result .search-form {font-size: 1rem;margin: 0;}
    .search-result .search-form span {display: block;margin-bottom: 1em}
    .search-result .search-form .form-control {width: 78%; margin-left: 0;height:2.461rem}
    .search-result .search-form .btn {width: 18%;height:2.461rem}

    /* 쇼핑가이드 */
    .guide-banner {}
    .guide-banner li {width: 50%; margin-top: -1px; padding: 10px;}
    .guide-banner li+li {border-top: 1px solid #f1f1f1; border-left: 0;}
    .guide-banner li:nth-child(2n) {border-left: 1px solid #f1f1f1}

    /* 마이페이지 */
    .mypage-wrap {float: none; width: 100%;}
    .mypage-wrap .tab-nav {margin-bottom: 6%}
    .mypage-wrap .pagination+.btn-box {margin: 5% auto;text-align: center}
    .mypage-wrap .pagination+.btn-box .btn {padding: 6px 12px;font-size: 1.076rem;width: auto;height: auto; min-width: 30%;}
    .mypage-wrap .board-list .table tr {padding-right: 70px;}
    .board-list table.table td.date {margin-bottom: 5px;}
    .board-list table.table td.print {margin-top: 5px;}
    .mypage-wrap .join-form .btn-box .btn {min-width: 30%;width: auto;height: auto;}
    .mypage-top ul {display: block;overflow: hidden}
    .mypage-top li {padding: 1rem;font-size: 1rem;display: block;float: left;width: 25%}
    .mypage-top li:not(.first) span {font-size: .923rem;}
    .mypage-top li:not(.first) b {font-size: 1.23rem;}
    .mypage-top li.first {width: 100%;float: none}
    .mypage-top li.first .lv {float: left;margin-right: 10px;max-width: 55px;}
    .mypage-top li.first {font-size: 1.076rem}
    .mypage-top li.first b {font-size: 1.307rem;}
    .mypage-top li.first .btn {font-size: 1rem;}
    .member-out table.table th {line-height: normal;}
    .member-out table.table td .form-control {width: 100%;min-width: inherit !important;}
    .member-out table.table td .radio .form-control {margin-top: 5px;}
    .member-out table.table td li {overflow: hidden;}
    .member-out table.table td li .tit {display: block;width: 25%;min-width: inherit;}
    .member-out table.table td li .form-group {width: 75%;}
    .member-out table.table td li .form-group .form-control {width: 100%;}
    .member-out table.table td b {color: #222;padding: 0 2px;font-weight: 400}
    .member-out .btn-box .btn {min-width: 30%;width: auto;height: auto;}
    .period-search .form-control {width: 46%;margin: 2px 0;}
    .period-search strong {display: block; margin-right: 0;}
    .period-search .btn {padding-left: 5px;padding-right: 5px;width: auto;margin: 2px 0}
    .period-search .btn.search {display: block;margin-left: auto;margin-right: auto;margin-top: 10px !important;}
    .period-search .coupon-upload .form-control {width: 23%}
    .period-search .coupon-upload .btn.search {display: inline-block;width: 20%;margin-top: 2px !important;}
    .period-search .coupon-upload p {margin-left: 0;}
    .order-flow {padding: 25px 0 20px;margin-top: 12px;}
    .order-flow .tit {font-size: 14px;line-height: 34px;top: -17px;width: 150px;margin-left: -75px;}
    .order-flow ol {background-size: 100%;margin-top: 10px;background-position: 50% 100%}
    .order-flow li {padding-bottom: 10%;font-size: 12px; color: #666}
    .order-flow span {font-size: 15px;margin-left: 0; display: block; color: #222;}

    /* 출석체크 */
    .attend-wrap {margin-top: 0;}
    .attend-wrap .stamp-list {font-size:13px;padding: 5vw;}
    .attend-wrap .stamp-list li {margin: 0 1%;max-width:30%;}
    .attend-wrap .stamp-list li img {margin-bottom: 5px;}
    .attend-wrap .stamp-list b {font-size:15px;}
    .attend-wrap .calendar-container {padding: 5vw;}
    .attend-wrap .calendar-container dl {margin-bottom: 20px;font-size:12px;}
    .attend-wrap .calendar-container dt {font-size:15px;padding-left: 20px;background-size: 15px;background-position: 0 4px}
    .attend-wrap .calendar-container dd {line-height: 1.8;}
    .attend-wrap .attend-guide {padding: 5vw;font-size:12px;}
    .attend-wrap .attend-guide dt {font-size:15px;margin-bottom: 5px;}
    .attend-wrap .attend-guide dl+dl {margin-top: 15px;}
    .attend-wrap .my-stamp {margin: 20px 0;font-size:15px;line-height: 50px;}
    .attend-wrap .my-stamp .date {font-size:15px;border-radius:0;line-height: 40px;position: static;width: auto;}
    .attend-wrap .my-stamp .date b {font-size:15px;margin-left: 5px;}
    .attend-wrap .my-stamp .stamp {font-size:17px;}
    .attend-wrap .my-stamp .stamp b {font-size:25px;}
    .attend-wrap .my-stamp .btn-stamp {font-size:15px;border-radius:0;line-height: 40px;position: static;width: auto}
    .attend-wrap .my-stamp button img {max-height:25px}
    .attend-wrap .calendar {background-size: 88vw;padding-top: 3vw;}
    .attend-wrap .c-header {font-size:12px;line-height: 8vw;}
    .attend-wrap .c-body {padding: 3vw;background: #fff;}
    .attend-wrap .c-body table {font-size:12px;border: 1px solid #e9e1d2;}
    .attend-wrap .c-body td {height: 12vw;border: 1px solid #e9e1d2;}
    .attend-wrap .c-body .stamp {width: 60%;}
    .attend-wrap .c-body .click {width: 99%;bottom:auto;top:50%;transform:translate(-50%,-55%);background: #fff;}
    .attend-wrap .c-footer {margin-top: 3vw;}
    .attend-wrap #stamp-exchage {}
    .attend-wrap #stamp-exchage .inner-box {left:5%;right:5%;margin: 0;width: auto;}
    .attend-wrap #stamp-exchage .title {padding: 3vw 4vw;}
    .attend-wrap #stamp-exchage .title h1 {font-size:15px;}
    .attend-wrap #stamp-exchage .title button {right: 4vw;}
    .attend-wrap #stamp-exchage .exchange-content {padding: 4vw;}
    .attend-wrap #stamp-exchage .exchange-content .stamp-quantity {font-size:19px;}
    .attend-wrap #stamp-exchage .exchange-content .stamp-select {padding: 3vw;}
    .attend-wrap #stamp-exchage .exchange-content label {font-size:13px;margin: 0 1%;max-width:30%;vertical-align: top;}
    .attend-wrap #stamp-exchage .exchange-content label b {font-size:15px}
    .attend-wrap #stamp-exchage .btn-box .btn {font-size:15px;width: auto; height: auto;}.attend-wrap #select-goods {position: fixed;z-index: 33;top: 0;left: 0;right: 0;bottom: 0;}
    .attend-wrap #select-goods .inner-box {left: 5%;right: 5%;margin: 0;width: auto;}
    .attend-wrap #select-goods .title {padding: 20px;}
    .attend-wrap #select-goods .title h1 {font-size:15px;background-size: 10px;padding-left: 20px;background-position: 0 5px}
    .attend-wrap #select-goods .title button {right: 4vw;}
    .attend-wrap #select-goods .goods-content {padding: 15px;max-height: 80vh;overflow-y: auto;}

    /* 칼로리주문 */
    .attend-wrap.diet-order .diet-order-case li {padding: 1em;}
    .attend-wrap.diet-order .c-body td {height: 18vw;padding: 5px;}
    .attend-wrap.diet-order .c-body td>span {position: static;}
    .attend-wrap.diet-order .c-body td .swiper-container {width: auto;}
    .attend-wrap.diet-order .c-body td .swiper-slide {}
    .attend-wrap.diet-order .c-body td .swiper-slide span {font-size: 10px;}
    .attend-wrap.diet-order .c-body td .swiper-slide img {width: 50px;}
    .attend-wrap.diet-order .c-body td .swiper-slide b {line-height: 13px;max-height: 13px;white-space: nowrap;text-overflow: ellipsis;}
    .attend-wrap.diet-order .c-body .swiper-pagination span {width: 4px;height: 4px; margin-right: 2px;}
    .attend-wrap.diet-order .c-body .over-count {font-size: 10px;}
    .attend-wrap.diet-order .btn-box button {border: 0;background: none;padding: 0;max-width:45vw}
    .previous-order-list .group-header {padding: 0;}
    .previous-order-list .group-header span {font-size: inherit;padding: 10px 5px;}
    .previous-order-list .qty {width: 40px;}
    .previous-order-list .price {width: 70px;}
    .previous-order-list .del {width: 30px;padding: 0;}
    .previous-order-list li {padding: 0;}
    .previous-order-list li>* {padding: 10px 5px}
    .previous-order-list .thumb {width: 50px;}
    .previous-order-list .group-footer {text-align: center}
    .previous-order-list .group-footer .price {float: none;margin-bottom: 1em;text-align: center;}
    .kcal-total-price {padding: 0;}
    .kcal-total-price b {font-size: 20px;}
    .kcal-total-price span {float: right;line-height: 1;}
    .kcal-total-price .kcal {display: block;line-height:2}
    .kcal-total-price .price {display: block;line-height:2;border-top: 1px solid rgba(162, 140, 140, 0.67)}
    .kcal-total-price .price span {color: #ff3b31}
    .kcal-total-price .price b {}
    .range-js-slider {max-width: 90%}

    /* 상품상세정보 */
    .goods-detail-wrap {}
    .detail-top-info {padding: 0;border: 0;margin-bottom: 15px;overflow: hidden}
    .detail-top-info dd {display: block;float: left;width: 40%;}
    .detail-top-info dd+dd {padding:0;margin: 0;border: 0;}
    .detail-top-info dd:nth-child(3) {width: 52%;}
    .detail-top-info dd:last-child {width: 100%;margin-top: 10px;text-align: center;}
    .detail-top {padding: 0;overflow: hidden;margin: 0 -15px;}
    .detail-top .prd-thumb {width: auto;float:none;margin: 0 15px 20px}
    .detail-top .prd-thumb .big-thumb {width: 100%; height: auto;}
    .detail-top .prd-info {width: auto;float: none;padding: 0 15px;margin-right: 0;}
    .detail-top .prd-info .prd-name {font-size: 17px;padding: 15px 0;margin-bottom: 0;margin-right: 30px;font-weight: bold;}
    .detail-top .btn-box.row {margin-top: 15px;}
    .detail-top .btn-box .btn {height: auto; font-size: 1.153rem;padding-left: 0;padding-right: 0;}
    .detail-top .goods-option {display: block;padding: 15px;}
    .detail-top .goods-option>* {display: inline-block;text-align: left}
    .detail-top .goods-option dt {display: block;margin-bottom: 10px;}
    .detail-top .goods-option dd {width: 48%}
    .detail-top .goods-option dd:last-child {text-align: right; font-weight: bold;font-size: 1.153rem}
    .detail-top .total-price .mileage {font-size: 1rem;}
    .detail-top .total-price b {font-size: 1.923rem;}
    .detail-top .review-list {border: 1px solid #e5e5e5;padding: 15px;margin: 15px 0}
    .detail-top .review-list dl {}
    .detail-top .review-list dt {padding-top: 0;}
    .detail-top .review-list dd {margin-bottom: 0;}
    .goods-detail-info .info-content {font-size: 1rem;}
    .goods-detail-info h3 {font-size: 15px;}
    .goods-detail-info .table th {width: 85px}
    .goods-detail-info .table th, .goods-detail-info .table td {padding-left: 8px;}
    .goods-detail-info .board-list .table th, .goods-detail-info .board-list .table td {padding: 0;}
    .goods-detail-info .board-list .table .detail-view td {display: block;}
    .goods-detail-info .board-list .view-container {padding: 0;}
    .goods-detail-info .board-list .btn-box {float: none;margin-top: auto;margin-bottom: 0;}
    .goods-buy-layer h3 {margin: 0;font-size: 0;}
    .goods-buy-layer h3 .btn {margin: 0;left: 50%;transform: translate(-50%, -100%);top: 0; font-size: 1.076rem;height: auto;padding: .5em 2em}
    .goods-buy-layer .inner {padding: 15px;}

    .write-pop {width: 80%;}
    .write-pop .popup-body {max-height: 350px;overflow-y: auto;}
    .write-pop .btn-box .btn {min-width: inherit;height: auto;font-size: 13px;}

    .sns-share {margin: 15px;position: absolute;top: 0;right: 0;}
    .sns-share>.btn {width: 28px;height: 28px;}

    /* 장바구니 */
    .shopping {}
    .shopping h3 {}
    .shopping table.table {display: block;}
    .shopping table.table thead {display: block;border-bottom: 1px solid #ccc; position: relative;}
    .shopping table.table tbody {display: block;}
    .shopping table.table tbody tr {padding: 12px 8px;padding-left: 125px;border-top: 1px dotted #ddd;}
    .shopping table.table tr {display: block;position: relative;}
    .shopping table.table td {display: block;border: 0;text-align: left;padding: 0;overflow: hidden;}
    .shopping table.table th {display: block; font-weight: bold;border: 0; padding: 8px;min-height: 37px; color: #222;}
    .shopping table.table th label {margin: 0;}
    .shopping table.table th .checkbox-inline {line-height: 1;}
    .shopping table.table th.check {width: 35px;float: left;}
    .shopping table.table td.check {width: 35px;position: absolute;left: 0;top: 0;margin-top: 8px; line-height: normal;text-align: center;}
    .shopping table.table td {font-size: 1rem;}
    .shopping table.table td.img {text-align: left;position: absolute;left: 35px;top: 0;margin-top: 12px;}
    .shopping table.table td.img img {width: 80px; height: 80px;}
    .shopping table.table td.title {margin-bottom: 5px;margin-right: 30px;}
    .shopping table.table td.title strong {font-weight: bold;margin-bottom: 10px;font-size: 13px;letter-spacing: -1px;}
    .shopping table.table td.btns {position: absolute;right:10px;top:10px;}
    .shopping table.table td.btns .btn {display: inline-block;}
    .shopping table.table td.btns .btn+.btn {margin-top: 0;margin-left: 5px;}
    .shopping table.table td.qty {margin: 5px 0}
    .shopping table.table td em {display: inline-block;line-height: 24px; margin-right: 10px;font-style: normal}
    .shopping table.table td .shipping {display: inline-block;margin-top: 0;}
    .shopping .step {margin: 0 0 15px;overflow: hidden;background: #fbfbfb;border: 1px solid #eee;}
    .shopping .step ol {background: none !important; height: 30px;}
    .shopping .step li {line-height: 30px;font-size: 12px; color: #888;}
    .shopping .step li+li {border-left: 1px solid #eee;}
    .shopping .step li span {margin-right: 5px;}
    .shopping .step.step1 li:first-child {background: #fff;font-weight: bold}
    .shopping .step.step2 li:nth-child(2) {background: #fff;font-weight: bold}
    .shopping .step.step3 li:last-child {background: #fff;font-weight: bold}
    .shopping .cart-delete {padding: 0 15px;text-align: center;}
    .shopping .cart-delete .naver-pay {float: none;margin-top: 15px;}
    .shopping .member-info {font-size: 14px;margin: 20px auto;text-align: center; line-height: 32px;}
    .shopping .member-info span {margin-right: 5px;}
    .shopping .member-info span:first-child {display: block;margin-right: 0;}
    .shopping .item-list {overflow: visible;margin: 0 !important;}
    .shopping .swiper-slide {float: none !important;}

    .shopping .banner {display: block}
    .shopping .banner a {display: block}
    .shopping .banner img {width: 100%}
    .shopping .banner a:last-child:not(:first-child) {margin-top: 1em}

    .total-price-wrap {display: block;}
    .total-price-wrap>* {display: block;float: left;width: 30%;height: 100px}
    .total-price-wrap .calc {width: 5%;line-height: 100px}
    .total-price-wrap .calc img {max-width: 15px}
    .total-price-wrap .calc.equal {width: 100%;float: none;clear: both;line-height: 40px;height: 40px;}
    .total-price-wrap dl {padding: 1rem 0;text-align: center;display: flex;align-items: center;flex-direction: column;justify-content: center}
    .total-price-wrap dl.total {float: none;clear: both;width: auto;height: auto;}
    .total-price-wrap dl.total dd {font-size: 1.923rem}
    .total-price-wrap dd .currency {font-size: 1.307rem;vertical-align: baseline}
    .total-price-wrap dd {font-size: 1.307rem;text-align: center}
    .total-price-wrap dl.total .mileage {font-size: 1rem; font-weight: normal; color: #666;margin-top: 5px;}

    .shopping .btn-box {overflow: hidden;font-size: 0;white-space: nowrap;margin-left: -1%;margin-right: -1%;}
    .shopping .btn-box .btn {width: 31.3333%;margin: 0 1%;display: inline-block;height: auto;font-size: 1.076rem;padding-left: 0;padding-right: 0;}
    .cart-msg-box {font-size:1.2em}

    .shopping.order table.table th {width: 100%;float: none;}
    .shopping.order table.table tbody tr {padding: 12px;padding-left: 115px;}
    .shopping.order table.table td.img {left: 15px;}
    .shopping.order table.table td em {line-height: 1.4;}
    .shopping .order-form span.tit {margin-top: 20px;margin-bottom: 0;}
    .shopping .order-form hr {margin: 0;}
    .shopping .order-form table.table tbody {display: block;}
    .shopping .order-form table.table tr {display: block;padding: 0 !important;border: 0;overflow: hidden;}
    .shopping .order-form table.table tr+tr {border-top: 1px dotted #ddd}
    .shopping .order-form table.table tr th {display: block;background: none;border: 0;}
    .shopping .order-form table.table tr th br {display: none}
    .shopping .order-form table.table tr th.first {display: block;border-bottom: 1px solid #eee;}
    .shopping .order-form table.table th, .shopping .order-form table.table td {display: block;padding: 8px;}
    .shopping .order-form table.table th:not(.first) {float: left;width: 100px; margin-right: 10px; line-height: 30px;font-size: 12px;}
    .shopping .order-form table.table th:not(.first)+td {line-height: 30px;}
    .shopping .order-form table.table td .form-control-static {min-width: inherit;padding: 0;display: inline}
    .shopping .order-form table.table td .form-control-static+.checkbox-inline {margin-top: 5px;}
    .shopping .order-form table.table td .form-control {height: 32px;font-size: 13px;width: 40%;;}
    .shopping .order-form table.table td .help-block.inline {float: none; margin: 0 5px;line-height: 30px;}
    .shopping .order-form table.table td .checkbox-inline b {color: #ff3b31;line-height: 1;}
    .shopping .order-form table.table td label {line-height: normal;}
    .shopping .order-form table.table td .member {display: block;margin-bottom: 10px;}
    .shopping .order-form table.table td select.form-control {width: 100%;/* margin-bottom: 5px */}
    .shopping .order-form table.table textarea {min-height: 80px; resize: none}
    .shopping .order-form table.table .radio-inline + .radio-inline, .shopping .order-form table.table .checkbox-inline + .checkbox-inline {margin-left: 0;}
    .shopping .order-form table.table .radio-inline, .shopping .order-form table.table .checkbox-inline {margin-right: 10px;}
    .shopping .order-form table.table td .form-group .help-block {line-height: 32px;}
    .shopping .order-form table.table td .form-group .col-xs-12+.help-block {line-height: normal;margin-top: 5px;clear: both;float: left;width: 100%;}
    .shopping .order-form table.table td .help-block {font-size: .923rem;line-height: normal;}
    .shopping .order-form table.table td .pay-guide {padding: 8px;}
    .shopping .order-form table.table td .left {width: 100%;padding: 0;}
    .shopping .order-form table.table td .right {width: 100%;padding:0; padding-top: 15px;border: 0;border-top: 1px solid #eee;margin-top: 15px;}
    .shopping .order-form table.table td .tab-nav {text-align: center}
    .shopping .order-form table.table td .tab-nav li {float: none;display: inline-block;}
    .shopping .order-form table.table td .tab-nav a {font-size: 12px;}
    .shopping .order-form table.table td .tab-contents .form-control {width: 100%;}
    .shopping .order-form table.table td .form-group .form-control {width: 100%;}
    .shopping .order-form table.table td .form-group .btn {width: 100%;}
    .shopping .order-form table.table td .col-xs-12+.col-xs-12 {margin-top: 5px;}
    .shopping .order-form table.table td.email span.bar {width: 8%;}
    .shopping .order-form table.table td.email div[class*=col]:first-child {width: 42%}
    .shopping .order-form table.table td.email div[class*=col]:last-child {width: 100%;margin-top: 5px;}
    .shopping .order-form table.table td.birth span.bar {width: 8%;}
    .shopping .order-form table.table td.birth div[class*=col] {width: 23%}
    .shopping .order-form table.table td.birth div[class*=col]:first-child {width: 30%}
    .shopping .order-form table.table td.phone div[class*=col] {width: 30%}
    .shopping .order-form table.table td.mileage .form-control {width: 100px}
    .shopping .order-form .terms-group-header {text-align: center}
    .shopping .order-form .terms-group-header .tab-nav {float: none;}
    .shopping .order-form .terms-group-header>a {float: left;}
    .shopping .order-form .terms-group-header .checkbox {float: right;margin-left: 30px;}
    .shopping .order-form .terms-group-body .tab-contents {min-height: 150px;}
    .shopping .order-form .terms-group-body .table {display:table;border:0}
    .shopping .order-form .terms-group-body .table tbody {display:table-row-group}
    .shopping .order-form .terms-group-body .table tr {display:table-row}
    .shopping .order-form .terms-group-body .table th, .shopping .order-form .terms-group-body .table td {display:table-cell !important;float:none !important;border:1px solid #ddd;margin:0 !important;padding: 8px;line-height: normal !important; text-align: center;}
    .shopping .order-form .terms-group-body .table td { vertical-align: middle;width:20%;}
    .shopping .order-form .terms-group-footer {text-align: left}
    .shopping ul {color: #888;display: table;table-layout: fixed;width: 100%;}


    /* 더보기 */
    .more-view {font-size: 0.9em; background: #f7f7f7; text-align:center;padding:15px 12px;border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; position:relative; margin-top:-1px;margin-bottom: -1px;z-index: 1;}
    .more-view .btn-more {background:transparent;border:0;}
    .more-view .btn-more b {color:#222;font-weight:bold;}

    .popup.ship-addr .popup-body .table td {padding: 2px;}
    .popup.ship-addr .popup-body .table tr {position: relative}
    .popup.ship-addr .popup-body .table .btn {padding: 3px 10px; font-size: 12px; position: absolute;right: 0;bottom: 0; margin: 10px;}
    .popup.ship-addr .popup-footer .btn {padding: 8px 30px;font-size: 14px;}
    .popup.find-staff .find-form {margin-bottom: 20px;}
    .popup.find-staff .find-form p {font-size: 13px;}
    .popup.find-staff .popup-body .table td {padding: 3px}
    .popup.find-staff .popup-body .table tr {position: relative}
    .popup.find-staff .popup-body .table .btn {padding: 3px 10px; font-size: 12px;}
    .popup.find-staff .popup-footer .btn {padding: 8px 30px;font-size: 14px;}

    .item-add-cart .form-control {width:53%;}
    .item-add-cart .btn {width:45%}

    .app-download {}
    .app-download h1 {font-size: 1.2em;padding: 1em;}
    .app-download ul {padding: 2em;margin: 0;}
    .app-download li {padding: 0;margin: 0;width: 100%;font-size: 1em}
    .app-download li+li {margin-top: 1em;}
    .app-download h2 {margin-bottom: 1em;}
    .app-download h2:after {height: 2px;}
    .app-download li br {display: none;}
    .app-download li p {float: none;padding: 0;margin: 0; margin-bottom: 1em;}
    .app-download li a {display: inline-block;max-width: 48%}
    .app-download li a+a {margin: 0;}

    #select-option .inner-box {max-width:320px;margin-left: -160px;}
    #select-option h1 {font-size:1.5rem;padding: 1.5rem 2rem;}
    #select-option h1 button {right:2rem}
    #select-option .goods-info {padding: 2rem;font-size:1rem}
    #select-option .goods-info .goods-name {font-size:1.1rem}
    #select-option .goods-info ul {margin: 1rem 0;}
    #select-option .goods-info li {padding: 1em 0;padding-right: 100px;}
    #select-option .goods-info li .count-sel {bottom:1em}
    #select-option .goods-info dl {font-size:1rem}
    #select-option .goods-info dd b {font-size:1.3rem;}
    #select-option .goods-info .btn-box {margin-top: 1em;}
    #select-option .goods-info .btn-box .btn {font-size:1.125rem;}
}

/* iPhone 5,SE */
@media all and (max-width: 640px) {
    html {font-size: 12px;}
    .main-biz .row li:nth-child(odd) {clear: left}
}






.certi-popup {position: fixed;left:0;top:0;width: 100%;height: 100%;z-index: 9;}
.certi-popup .inner {width: 100%;max-width:800px;margin: 0 auto;position: absolute;left:50%;transform:translate(-50%, 0);top:30px;z-index: 2;background: #fff;padding: 2rem;max-height:80vh;overflow-y: auto;;}
.certi-popup .btn {position: absolute;right:0;top:0;background: #fff;font-size:2rem;color:#000;padding: 1rem;}
.certi-popup img {margin: 0 auto;display: block;}
#overlay {position: fixed;background: rgba(0,0,0,0.3);left:0;top:0;width: 100%;height: 100%;z-index: 1;}

@media all and (max-width: 992px) {
    .certi-popup .inner {top:0;height: 100vh;max-height:inherit}
}

@media screen and (min-width: 768px) {
	 .main-best .swiper-button-next.swiper-button-disabled,
	 .main-best .swiper-button-prev.swiper-button-disabled {display:none !important;}
}

.wa_mark {position:absolute;right:0;top:30px;}
.wa_mark img {width:120px;}
@media screen and (max-width: 768px) {
.wa_mark {position:static;text-align:center;}
}