@charset "utf-8";
@import url('common.css?ver=1');
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Ghanachocolate/Ghanachocolate.css');

html {font-size: 13px;}
body {font-family: 'Noto Sans KR', sans-serif;font-size: 1rem;overflow: auto scroll;}
#wrap {width: 100%; /*border: 1px solid #e1e1e1;*/border-width: 0 1px; min-height: 100vh; background: #fff;margin: 0 auto; /*max-width: 422px;*/max-width: 100%;}
@media only screen and (min-width: 1024px) {
    #wrap {position: relative; /*margin: 0 0 0 calc(50vw - 1px);margin:0 0 0 -540px; left:50%;*/}
}
.swiper-pagination-bullet {width: 10px;height: 10px;background: #000;opacity: .5;}
.swiper-pagination-bullet-active {background: #0260fa;opacity: 1;}
.swiper-button-prev, .swiper-button-next {width: 48px;height: 48px;-webkit-box-shadow: none;box-shadow: none;text-shadow: none;margin-top: -24px;top: 50%;-webkit-transform: none;transform: none;outline: 0}
.swiper-button-prev:after, .swiper-button-next:after {display: none;}
.swiper-button-prev {left: -80px;background: url(../img/arr_prev.png) no-repeat 50%}
.swiper-button-next {right: -80px;background: url(../img/arr_next.png) no-repeat 50%}

/* HEADER */
.top-event {}
header  {/*height: 101px;*/ position: -webkit-sticky;border-bottom: 1px solid #fff;position: sticky;-webkit-transition: top 0.3s; transition: top 0.3s;top: 0;z-index: 333; background:#fff;}
header.fixed {-webkit-transition: top 0.3s; transition: top 0.3s; border-bottom: 1px solid #e5e5e5}
.top-select-area {height: 70px; padding:0 15px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-transition: top 0.3s;transition: top 0.3s;width:1230px; margin:0 auto; position:relative;}
.top-select-area h1 {font-size:0}
.top-select-area .select {font-size: 14px;position: relative;z-index: 601 !important;}
.top-select-area .select span {background: /*#eef9ff*/#f7f8fb;border-radius: 30px;font-weight: bold;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 32px;padding: 0 /*10px*/ 15px; cursor: pointer}
.top-select-area .select span:after {content: "";width: 21px;height: 21px;;background: url(../img/select_angle.png) 50% / cover;margin-left: 10px;}
.top-select-area .select.dog  span {background: #fef8ea;}
.top-select-area .select.dog  span:after {background-image: url(../img/select_angle_dog.png);}
.top-select-area .select-content {display: none; position: absolute;margin-top: 5px;top: 100%;border: 1px solid /*#f0b21a;*/ #61C0BF; border-radius: 16px;width: 100%; overflow: hidden; background: #fff;z-index: 61;}
.top-select-area .select-content div {padding: 5px 10px;line-height: 30px; text-align: center;cursor:pointer;}
.top-select-area .dog .select-content {border-color:#0260fa}
.top-select-area .dog .active {background:#0260fa}
.top-select-area .active {background: /*#f0b21a;*/ #61C0BF; color: #fff}
.top-select-area .top-search-area {}
.top-select-area a {border: 0;padding: 0;background: none;outline: 0;display:block;}
.top-select-area img {max-height:100%;}
.top-gnb {padding: 0 20px;height: 50px;background: #fff;-webkit-transition: top 0.3s;transition: top 0.3s; width:1230px; margin:0 auto;}
.top-gnb ul {display: -webkit-box;display: -ms-flexbox;display: flex;height: 100%;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between}
.top-gnb li {font-size: 16px;color: /*#999*/ #333; font-weight:500;}
.top-gnb li.active {color: #111;font-weight: bold;border-bottom: 2px solid #f0b21a}
.top-gnb a {display: block;}

@media only screen and (max-width: 420px) {
    header.fixed {/*top: -50px;top:calc(env(safe-area-inset-top) - 50px);*/ -webkit-transition: top 0.3s; transition: top 0.3s; }
    .top-search-form{width:35% !important; padding:5px 10px !important;}
}

#mobile-gnb {position: absolute; bottom: 0;left: 0;right: 0;}
#mobile-gnb ul {font-size: 0;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack: distribute;justify-content: space-around}
#mobile-gnb li {line-height: 33px;padding: 0 5px;border-bottom: 2px solid transparent;display: inline-block;font-size: 14px;vertical-align: top;}
#mobile-gnb li a {display: block; position: relative;font-weight: bold;}
#mobile-gnb li.active {border-bottom-color: #0260fa}
.toggle-nav-wrap {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;text-align: left;overflow: hidden;overflow: hidden;z-index:2;}
.toggle-nav-wrap #overlay {position: absolute;left:0;top:0;right: 0;bottom:0;background: rgba(0, 0, 0, 0.6);;}
.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: -260px;overflow-x: hidden;overflow-y: auto; z-index: 1;background: #fff;-webkit-transition: all .5s;transition: all .5s;}
.toggle-nav .search-form {background: #ededed;padding: 10px;padding-top: 40px;margin:0;}
.toggle-nav .search-form .form-control {border-radius: 14px;border-color: #0260fa;padding-left: 30px; background: #fff url(../img/ico_search_top.png) no-repeat 10px 50%;background-size: 12px;width:100%;margin-left: 0;}
.toggle-nav .my-links {background: #0260fa;color: #fff;font-size: 11px;}
.toggle-nav .my-links ul {display: table;width: 100%;border-collapse: collapse;table-layout: fixed}
.toggle-nav .my-links li {display: table-cell;text-align: center;vertical-align: middle;border: 1px solid rgba(0, 0, 0, 0.1);padding: 10px 0}
.toggle-nav .my-links li img {height: 17px;margin: 0 auto 5px;display: block}
.toggle-nav .cat-links {font-size: 12px; margin-top:10px;}
.toggle-nav .cat-links ul {display: table;width: 100%;border-collapse: collapse;table-layout: fixed}
.toggle-nav .cat-links li {display: table-cell;text-align: center;vertical-align: middle;border: 1px solid rgba(0, 0, 0, 0.1);padding: 10px 0}
.toggle-nav .cat-links li img {height: 22px;margin: 0 auto 5px;display: block}
.toggle-nav .category-nav {}
.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: #0260fa}
.toggle-nav .category-nav .active>a:after {content: "\f28e"}
.quick-nav {position: absolute;margin-right: 0;line-height: 50px;right: 15px;top: 15px;}
.quick-nav img {max-height:22px}
header .quick-nav li {margin-left: 8px;vertical-align: top;}
.mobile-top-nav {float: right;position: absolute;margin-right: 0;line-height: 50px;right: 15px;top: 0px;}
.mobile-top-nav ul {}
.mobile-top-nav li {display: inline-block;position: relative;}
.mobile-top-nav li+li {margin-left: 12px;}
.mobile-top-nav img {height: 20px;}
.mobile-top-nav .badge {position: absolute;width: 13px;height: 13px;font-size: 10px; padding: 0; right: -6px;top: 8px;color: #fff;background: #0260fa;line-height: 13px;font-weight: normal}

.top-search-form {border-radius:5px;padding:5px 20px; line-height: normal;/*position: absolute; top: 15px;right:0px;*/ margin-left:10px; color: #fff;width:300px;z-index: 60;/*display: none*/ background:#f2f2f2;}
.top-search-form .form-control {border: 0;border-radius: 0;margin: 0;width:100%; background:#f2f2f2;}
.top-search-form img {height: 20px;margin:0 5px;vertical-align: top;}
.top-search-form .input-group-btn .btn {width:auto;padding: 0;min-width:40px}
.top-search-form .btn:last-child {font-size: 15px;}
header .gnb-wrap {/* display: none; */display: block;width: auto;background: #fff;border-top: 1px solid #47894f;border-bottom: 1px solid #ddd;margin-left: -15px;margin-right: -15px;overflow: hidden;padding-left: 15px;padding-right: 15px;height: 50px;}
header .gnb-wrap:before {display: none;}
header #gnb>ul {white-space:nowrap;overflow-x: auto;font-size:1.125rem;line-height: 48px;}
header #gnb>ul>li {margin: 0;}
header #gnb>ul>li+li {margin-left: 15px;}
header .gnb-wrap>* {display: block;}
.mobile-gnb {}
.mobile-gnb ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height: 50px;font-size:1.125rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}

.top-position-menu{display:flex; justify-content: center;}
.top-notice{height:40px; padding:10px 20px 10px 10px; border-radius:5px; background:#1066b1;}
.top-notice a{color:#fff; font-weight:500; line-height:20px; font-size:14px;}



@media (max-width: 1099px) {
    .top-select-area{width:100%;}
    .top-gnb{width:100%;}
}
@media (max-width: 645px) {
    .top-select-area{width:100%; margin-bottom:40px;}
    .top-search-form{width:86% !important;}
    .top-gnb li{font-size:13px;}
    .top-position-menu{margin-left:0; max-width:100%;}
    .top-notice{margin-left:0; padding:10px 15px 10px 10px; width:30%; }
    .top-notice a{font-size:12px;}
}

@media (max-width: 430px) {
    .top-select-area{width:100%; margin-bottom:40px;}
    .top-search-form{}
    .top-gnb li{font-size:12px;}
    .top-position-menu{margin-left:0; position:absolute; top:70px; max-width:100%;}
    .top-notice{margin-left:0; padding:10px 15px 10px 10px; width:30%; }
    .top-notice a{font-size:10px;}
}


/* FOOTER */
footer {background: #222222; color: #fff; padding: 30px 0 80px;font-size: 11px;}
footer .logo img {max-height: 30px;}
footer ul {display: -webkit-box;display: -ms-flexbox;display: flex; font-weight: bold;margin-top: 15px;margin-bottom: 10px;}
footer ul li+li {margin-left: 10px;}
footer address {margin: 5px 0 0; font-size:13px; line-height:20px; color:#f9f9f9; font-weight:400;}
footer .etc {margin-top: 10px;display: -webkit-box;display: -ms-flexbox;display: flex;}
footer .etc>a {border-radius: 30px;background: #fff;color:#333;display: inline-block;padding: 8px 15px;margin-right: 10px;}
footer .etc a {margin-right: 5px;}
footer .scroll-top,footer .scroll-top-cs {position:fixed;bottom:110px;right: 0; opacity: 0;background:#0260fa; width:52px; height:52px; color:#fff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align:center; cursor:pointer;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;z-index: 3;border-radius:5px;}
footer .scroll-top-cs {bottom:170px; background:url(../../img/sns_icon_06.png) no-repeat center center;opacity:1;}
footer .scroll-top i,footer .scroll-top-cs i {display: block;}
.scroll-top-cs > a{display:block; height:60px;}
footer .scroll-top.is-showing,footer .scroll-top-cs.is-showing {opacity: 1;}
footer .bnb {position: fixed; background: #fff; width: 100%; max-width:100%; bottom: 0; height:50px; padding-bottom: 0;padding-bottom: calc(0px + env(safe-area-inset-bottom));z-index: 999; border-top:.1rem solid #acacac;}
footer .bnb ul {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;height: 100%;max-width:100% ;margin: 0;-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
footer .bnb li {-ms-flex-preferred-size: 0;flex-basis: 0;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;text-align: center;}
footer .bnb li img {max-height: 20px; /* filter: invert(100%); */}
footer ul li{color:#fff;}

.foot-center-wrap{display:grid;grid-template-columns:repeat(3,1fr); column-gap:10px;}

.foot_cs_wrap{background:#333; border-radius:5px; padding:20px;}
.foot_cs_wrap p{font-size:18px; font-weight:500;}
.foot_cs_wrap ul{display:block; margin:5px 0 0; font-weight:400;}
.foot_cs_wrap ul li{margin-left:0; font-size:12px; color:#fff;}
.foot_cs_wrap ul li span{margin-right:5px; font-weight:500;}

.foot_ask_wrap{background:#333; border-radius:5px; padding:20px;}
.foot_ask{height:100%; width:100%; display:table;}
.foot_ask a{font-size:18px; font-weight:500; display:table-cell; vertical-align:middle; text-align:center;}

.foot-mail-wrap{}
.foot-mail-wrap ul{gap:10px;}
.foot-mail-wrap ul li{border:1px solid #fff;width:100%; border-radius:50px; text-align:center;}
.foot-mail-wrap ul li a{font-size:15px;  padding:10px 20px; display:block; color:#fff;}

.foot-end-ad{font-weight:bold;}


@media (max-width: 430px) {
    .foot-center-wrap{grid-template-columns:repeat(1,1fr); gap:10px;}
    .foot-end-ad{}
}


@media only screen and (min-width: 421px) {
	footer .scroll-top,footer .scroll-top-cs{right:0;left: auto;margin: 0;}
}

@media only screen and (min-width: 1024px) {
	footer .scroll-top,footer .scroll-top-cs {right:0;left: auto;margin: 0;}
}
@media only screen and (max-width: 420px) {
    #wrap {border: 0}
    footer .bnb {left: 0}
	footer .scroll-top,footer .scroll-top-cs {right:0;left: auto;margin: 0;}
    
}

/* MAIN */
.index section {margin-top: 15px;}
.index section h1 {margin-bottom: 20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.index section h1 span {font-size: 20px;font-weight: bold;}
.index section h1 .more {margin-left: auto;font-size: 11px;color: #999; font-weight: 300}
.index .category-best h1 {padding: 0 15px}
.index .related-goods h1 {padding: 0 15px}
.index .hotdeals h1 {padding: 0 15px}

.index .hotdeals h1 span b {color:/* #f0b21a*/ #0260fa;}
.index .related-goods h1 {padding: 0 15px}
.index .item-list .clickable {height: 310px}
.index .lank ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;max-height: 220px;-ms-flex-line-pack: justify;align-content: space-between}
.index .lank li {background-color: #f5fffa;width: calc(50% - 5px);border-radius: 17px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 10px;}
.index .lank li:nth-child(-n+5) {margin-right: 10px;}
.index .lank li .clickable {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;max-height: 34px;line-height: 34px}
.index .lank li.bg {background: #0260fa; color: #fff;}
.index .lank li .num {width: 40px;text-align: center;}
.index .lank li .text {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.index .lank li .type {margin: 0 8px auto auto;font-size: 10px;width: 30px;text-align: center}
.index .hot-new {background: #f6f6f6;padding: 40px 0; margin-top:15px !important}
.index .hot-new h1 span b {color: #0260fa;}
.index .hot-new .item-list .clickable {height: auto;}
.index .hot-new .item-list li {background: #fff;border-radius: 10px;}
.index .hot-new .item-list li .item-info {padding: 10px;margin: 0;}
.index .best-lank .item-list {display: block; -webkit-column-gap: 0; column-gap: 0;grid-template-columns:auto;overflow: visible}
.index .best-lank .item-list li {width: 100%;margin-bottom: 10px;overflow: visible}
.index .best-lank .item-list li .clickable {display: -webkit-box;display: -ms-flexbox;display: flex; height: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center}
.index .best-lank .item-list li .thumb img {width: 110px;height: 110px;}
.index .best-lank .item-list li .item-info {padding-left: 10px;margin-top: 0;}
.index .best-lank .item-list li .price s {margin-left: 5px;}
.index .best-lank .item-list li:before {content: "";width: 24px;height: 24px;border-radius: 5px 5px 0 5px;background: #c5c5c5; color: #fff;position: absolute;left: -2px;top: -2px;z-index: 2;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size: 11px;font-weight: bold;-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1)}
.index .best-lank .item-list li:nth-child(1):before {content: "1";background: #0260fa}
.index .best-lank .item-list li:nth-child(2):before {content: "2";background: #0260fa}
.index .best-lank .item-list li:nth-child(3):before {content: "3"}
.index .best-lank .item-list li:nth-child(4):before {content: "4"}
.index .best-lank .item-list li:nth-child(5):before {content: "5"}
.index .shop-category {width:1230px; margin:0 auto; display:grid; padding:50px 0;grid-template-columns:repeat(1,1fr);}
.index .shop-category .swiper-pagination {padding: 0 5px;margin: 0;}
.index .shop-category .cate-wrap {margin: 0;}
.shop-category {margin: 30px 0;}
.shop-category .swiper-tab {padding: 0;}
.shop-category .swiper-pagination {position: static;text-align: left;margin: 0 -5px;}
.shop-category .swiper-pagination a {pointer-events: none; /*background:pink !important; height:130px;*/ text-indent:-9999px;line-height:110px !important; border-radius:0px !important;}
.cate_list_img{margin:2px 0;}

/* 카테고리 이미지 삽입 */
.shop-category .swiper-pagination-bulletx:nth-child(1) a,
.shop-category .swiper-pagination-bullet:nth-child(1) a{background:url(../../img/cat/cat_ico_n_01.png) no-repeat center center;}
.shop-category .swiper-pagination-bulletx:nth-child(2) a,
.shop-category .swiper-pagination-bullet:nth-child(2) a{background:url(../../img/cat/cat_ico_n_02.png) no-repeat center center;}
.shop-category .swiper-pagination-bulletx:nth-child(3) a,
.shop-category .swiper-pagination-bullet:nth-child(3) a{background:url(../../img/cat/cat_ico_n_03.png) no-repeat center center;}
.shop-category .swiper-pagination-bulletx:nth-child(4) a,
.shop-category .swiper-pagination-bullet:nth-child(4) a{background:url(../../img/cat/cat_ico_n_04.png) no-repeat center center;}
.shop-category .swiper-pagination-bulletx:nth-child(5) a,
.shop-category .swiper-pagination-bullet:nth-child(5) a{background:url(../../img/cat/cat_ico_n_05.png) no-repeat center center;}
.shop-category .swiper-pagination-bulletx:nth-child(6) a,
.shop-category .swiper-pagination-bullet:nth-child(6) a{background:url(../../img/cat/cat_ico_n_06.png) no-repeat center center;}
.shop-category .swiper-pagination-bulletx:nth-child(7) a,
.shop-category .swiper-pagination-bullet:nth-child(7) a{background:url(../../img/cat/cat_ico_n_07.png) no-repeat center center;}
.shop-category .swiper-pagination-bulletx:nth-child(8) a,
.shop-category .swiper-pagination-bullet:nth-child(8) a{background:url(../../img/cat/cat_ico_n_08.png) no-repeat center center;}
.shop-category .swiper-pagination-bulletx:nth-child(9) a{background:url(../../img/cat/cat_ico_n_09.png) no-repeat center center;}
.shop-category .swiper-pagination-bulletx:nth-child(10) a{background:url(../../img/cat/cat_ico_n_10.png) no-repeat center center;}
.shop-category .swiper-pagination-bulletx:nth-child(11) a{background:url(../../img/cat/cat_ico_n_11.png) no-repeat center center;}
.shop-category .swiper-pagination-bulletx:nth-child(12) a{background:url(../../img/cat/cat_ico_n_12.png) no-repeat center center;}
.shop-category .swiper-pagination-bulletx:nth-child(13) a{background:url(../../img/cat/cat_ico_n_13.png) no-repeat center center;}



.shop-category .swiper-pagination-bullet {width: 25%;height: auto;margin: 0 !important;padding: 5px 5px;background: none;opacity: 1 !important;}
.shop-category .swiper-pagination-bullet a {display: block;text-align: center;font-size: 15px; /*background:#eaffff;*/ color: /*#f0b21a*/#61C0BF; /*padding: .75em 1.25em; */line-height: 1.1; border-radius: 30px; -webkit-transition: all 0.3s; transition: all 0.3s}
.shop-category .swiper-pagination-bullet-active a {background: /*#f0b21a*/#0260fa; color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s}
.shop-category.dog .swiper-pagination-bullet a {background: #eef9ff; color: #0260fa;}
.shop-category.dog .swiper-pagination-bullet-active a {background: #0260fa;color: #fff;}
.shop-category .cate-wrap {font-size: 0;margin: 0 -10px;}
.shop-category .cate-wrap .cate {width: 25%;float: left;vertical-align: top;font-size: 12px;padding: 0 10px;margin-bottom: 10px;text-align: center}
.shop-category .cate-wrap .cate:nth-child(4n+1) {clear:left}
.shop-category .cate-wrap .cate img {margin-bottom: 5px;}
.shop-category .cate-wrap .cate b {}
.swiper-tab {margin-bottom: 20px;padding: 0 15px;}
.swiper-tab ul {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;white-space: nowrap;position: relative;font-size: 0;}
.swiper-tab li {display: inline-block;vertical-align: top;border: 0; border-radius: 30px;background: #eef9ff;color: #0260fa;padding: .75em 1.25em;line-height: 1.1;width: auto;max-width: inherit;-webkit-transition: all 0.3s;transition: all 0.3s}
.swiper-tab li.active {border: 0;background: #0260fa;color: #fff;-webkit-transition: all 0.3s;transition: all 0.3s}
.swiper-tab li a { font-size: 15px;padding: 0;}
.main-visual{position: relative; /*margin-bottom: -20px;*/}
.main-visual .swiper-button-prev, .main-visual .swiper-button-next{width: 40px;height: 40px;background-size: 40px;margin-top: -20px;-webkit-transform: none;transform: none}
.main-visual .swiper-button-prev{left: 0;background-image: url(../img/swiper_button_prev.png)}
.main-visual .swiper-button-next {right: 0;background-image: url(../img/swiper_button_next.png)}
.main-visual .swiper-pagination{width: auto;background: rgba(0, 0, 0, 0.2);color: #fff;font-size: 11px;border-radius: 20px;padding: 5px 10px;line-height: 1;right: 15px;top: 15px;bottom: auto;left: auto;}





/* SUB */
#content {padding: 0 0 30px;min-height: calc(100vh - 344px);}
.sub-top h1 {display: none}
.sub-top .go-back {display: none}
.sub-top .sub-location {display: none;}
.sub-content {}
.sub-content h2 {font-weight: 500;font-size: 26px;margin: 50px 0 25px;position: relative; overflow: hidden; font-weight: bold}
.breadcrumb {/*margin-top: -3%;margin-bottom: -20px;*/}
.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;font-weight: 500}
.sub-content h2.center img {margin: 0 auto;}
.sub-content h3 {font-size: 19px;margin-top: 30px;margin-bottom: 15px;position: relative; font-weight: bold;overflow: hidden;padding-top: 5px;}
.sub-content h3 .select-review-option {position:absolute;right:0;top:0;}
.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; padding-left:1rem; padding-right:1rem;}
.sub-content  h3 .tit {display: inline}
.sub-content h4 {color:#222;margin: 2em 0 1em;font-size: 18px; font-weight: bold}
.sub-content h4 p {font-weight: normal;font-size: 13px;color: #999; display: inline-block;margin-left: 10px;}
.sub-content h4.line {padding-bottom: 10px;border-bottom: 1px solid #e5e5e5}
.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;font-size:115%}
.sub-content .sub-category>ul:first-child {padding: .5em 2em;padding-right: 1em;background: #DBE9FF !important;color: #fff;clear: both;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.sub-content .sub-category li:first-child a {white-space:nowrap}
.sub-content .sub-category li.sub {-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow: hidden;margin-left: 20px;}
.sub-content .sub-category li.sub-sub {-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow: hidden;margin-left: 10px;}
.sub-content .sub-category .category-slider {position: relative;padding: 0 30px;}
.sub-content .sub-category .category-slider .inner {width: 100%;overflow-y: hidden;overflow-x: auto;white-space: nowrap;}
.sub-content .sub-category .category-slider .inner::-webkit-scrollbar {display: none;}
.sub-content .sub-category .category-slider .inner::-ms-scrollbar {display: none;}
.sub-content .sub-category .category-slider div {display: inline-block;vertical-align: middle;}
.sub-content .sub-category .category-slider .prev, .sub-content .sub-category .category-slider .next {color:#fff;position: absolute;width: 30px;font-size:1.5em;top:0;height: 100%;text-align: center;cursor:pointer}
.sub-content .sub-category .category-slider .prev i, .sub-content .sub-category .category-slider .next i {vertical-align: top;line-height: 28px;}
.sub-content .sub-category .category-slider .prev {left:0;}
.sub-content .sub-category .category-slider .next {right:0;}
.sub-content .sub-category .swiper-slide {width: auto;}
.sub-content .sub-category a {display: block;padding: .25em;/* margin-bottom: -1px; */}
.sub-content .sub-category .active a {border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.sub-content .sub-category .sort {float: right;margin-top: -5px;}
.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: 15px;border: 0;}
#snb .call dt {font-size: 15px;}
#snb .call dd {color: #0260fa;font-family: 'Lato'; 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;}
.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: #0260fa;}
.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 .item-list li {}
.item-list .total-wrap{}
.item-list .total-wrap dl{border: 1px solid #333;padding: 10px;font-size: 1.076rem; display: table; margin: 5% 0;width: 100%;}
.item-list .total-wrap dl>* {display: table-cell;vertical-align: middle;}
.item-list .total-wrap dl dt{color:#222; font-weight:500;}
.item-list .total-wrap dl dd{text-align:right; }
.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 {font-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;}
.item-info strong {display: block;position: relative;line-height: 1.4;margin-bottom: 5px;overflow: hidden; word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient:vertical;overflow: hidden; text-overflow: ellipsis;font-size: 13px;font-weight: normal}
.item-info .desc {display: block;color: #999;margin-top: -5px;}
.item-info .brand {display: block;font-size: 11px;color: #999; margin: 0;}
.item-info .sale {color: #e83928;margin-right: 5px;}
.item-info .sale+.price {display: inline-block;margin-top: 0;}
.item-info .donate {font-size: .8em;color: #249652;margin: 5px 0}
.item-info .cate {font-size: 12px;color: #999}
.item-info .grade {font-size: .75em;color: #888;margin: 5px 0;line-height: 15px}
.item-info .grade .star-average {vertical-align: top;margin: 0;}
.item-info .price {display: block;margin-top: 5px;font-weight: bold;font-size: 16px;}
.item-info .price b {vertical-align:-1px; color: #0260fa}
.item-info .price s {color: #888;font-size: 13px; margin-right: 5px; font-weight: normal}
.item-info .price em {color: #b0b0b0;margin-left: 5px;font-style: normal;}
.item-info .price .discount {color: #e83928;margin-right: 5px;}
.item-info .subscript {font-size: 10px;font-weight: 500;line-height: 1.6; color: #006064;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.item-info .date {display: inline-block;background: #0260fa;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-info .star-average {background: url(../img/grade_off.png) no-repeat 0 50%;height: 14px;min-width: 66px;background-size: 66px;}
.item-info .star-average span {background: url(../img/grade_on.png) no-repeat 0 50%;background-size: 66px;}
.item-list .thumb .time {position: absolute;left: 0;right: 0;bottom: 0;background: #0260fa; color: #fff;padding: 5px;text-align: center;}
.item-list .thumb, .item-list .item-info {position: relative;}
.item-list .thumb button {position: absolute;right: 15px;bottom: 15px;z-index: 2;background: none;outline: 0;border: 0;padding: 0;-webkit-filter: grayscale(1);filter: grayscale(1);}
.item-list .thumb button.active  {-webkit-filter: grayscale(0);filter: grayscale(0);opacity: 1}
.item-list {overflow: hidden;display: grid;grid-template-columns: repeat(5,1fr);-webkit-column-gap: 10px;column-gap: 10px}
.item-list li {/*width: 189px;*/float: left; position: relative; overflow: hidden;margin-bottom: 20px;}
.item-list .thumb {overflow: hidden;border-radius: 6px;}
.item-list .thumb>span {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-transition: all 0.3s;transition: all 0.3s;}
.item-list .thumb img {height: 189px;width: 189px;-o-object-fit: cover;object-fit: cover;}
.item-list .thumb>span:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all 0.3s;transition: all 0.3s}
.item-list .thumb button img {width: auto;height: auto;}
.swiper-goods {padding: 0 15px;}
.swiper-goods .item-list { display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-column-gap: normal;column-gap: normal;overflow: visible}
.swiper-goods .item-list li {width: 130px;float:none;}
.swiper-goods .item-list li:nth-child(odd) {margin-right: 0;}
.swiper-goods .item-list .thumb img {width: 130px;height: 130px;}

@media only screen and (max-width: 420px) {
    .swiper-goods {padding: 0 4vw}
    .container {padding: 0 4vw}
    .item-list {-webkit-column-gap: 2.6667vw;column-gap: 2.6667vw}
    .item-list li {width: 44.6665vw}
    .item-list .thumb img {width: 44.6665vw;height: 44.6665vw;}
}

.item-list .badge {background: #FFB22C;color: #111;position: absolute;top: 0;left: 0; z-index: 2;text-align: center;padding: 7px 10px;font-size: 15px;line-height: 1.2; font-weight: normal;border-radius: 0;}
.item-list .badge b {font-size: 25px;}
.item-list .icon {position: absolute;right: 0;top: 0;font-size: 0;z-index: 1;}
.badge2 {background: url('../img/bg_badge2.png')no-repeat center top/cover;width:84px; height:88px; position: absolute;top: 0;left: 0; z-index: 2;text-align: center;padding: 12px 15px 0;font-size: 20px;line-height: 1.1; font-weight:600; color:#fff; border-radius: 0;}
.badge2 b {font-size: 30px;}
.item-list .swiper-slide .badge {left: 0;}
.item-list .badge_volume {background: #FFB22C;color: #fff;position: absolute;top: 0;right: 0; z-index: 2;text-align: center;padding: 20px 15px;font-size: 15px;line-height: 1.2; font-weight: normal;border-radius: 0;}
.item-list .badge_volume 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;}

#special-sale {position: relative;margin-bottom: 5%;}
#special-sale .swiper-button-prev, #special-sale .swiper-button-next {margin-top: 0;top:28%}
#special-sale .swiper-pagination {left: auto;right: 0;text-align: right;bottom: auto;top: -40px;font-size: 16px;color: #666}
#special-sale .swiper-pagination-current {font-size: 20px;font-weight: bold;color: #111}

/* 회원관련 */
.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:75px; padding:18px 0;}
.login-form .form-group .form-control.result.id{padding-top:28px;}
.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; margin-top:20px;}
.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: 50%;border: 0;border-bottom: 1px solid #ddd; margin: 0;padding: 0;float: left;}
.login-form .tab-nav li a {background: none;border-radius: 0;text-align: center;}
.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: 32px 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;}
table.table td.phone .col-md-6 {width: 56.00000001%;}
.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: 33.3%;float: left;padding: 0;}
.agree-check .agree-top {background: #f7f7f7;border: 1px solid #ddd;padding: 10px;padding-left: 15px;}
.agree-check .privacy {width: 33.3%;float: left;padding: 0;margin-left:-1px}
.agree-check .donation {width: 33.3%;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 .terms .center{text-align:center;}
.customer-center .top-search {margin-bottom: 4%;overflow: hidden;}
.customer-center .top-search .lead {font-size: 34px;margin-bottom: 10px;letter-spacing: -.05em}
.customer-center .top-search .lead b {text-shadow: 3px 2px 0 #fff}
.customer-center .top-search p {font-size: 15px}
.customer-center .top-search .top {padding: 30px;color: #0260fa; background: #fff5eb url(../img/bg_cs_top.png) no-repeat 100% 50%;position: relative;text-align: center;}
.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: 320px;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: #0260fa}
.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: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 0;}
.level-guide .coupon li {font-size: 1.076rem;line-height: normal;width: 90px;height: 90px;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;border: 1px solid #ddd;background: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;position: relative;}
.level-guide .coupon li+li {margin-left: 20px;}
.level-guide .coupon li+li:before {content: "";width: 30px;font-family: 'LineAwesome'; color: #222;font-weight: bold;font-size: 1.153rem; height: 30px; border-radius: 50%;position: absolute;left: -10px;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background: #fff url(../img/ic_cp_plus.png) no-repeat 50% 50%;-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);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: #0260fa;color: #fff;border-color: #0260fa}
.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: #FFB22C;color: #111;border: 1px solid #FFB22C}
.faq-list dt {padding: 20px;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: 20px 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: 20px 0;position: absolute;left: 0;top: 0;width: 40px;text-align:  center;font-weight: bold;color: #0260fa;}

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: 15px;}
.list-top {margin-bottom: 1rem; color: #666; position: relative;}
.list-top b {color: #0260fa;font-weight: normal;}
.board-list .list-top .btns {float: right;margin-top: -4px;margin-left: 0;}
.board-list table.table {}
.board-list table.table tr.notice td:first-child {color: #0260fa}
.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: 0; border-bottom: 1px solid #666;padding: 0;padding-bottom: 3px}
.board-list table.table td.title {text-align: left;font-size: 14px; color: #222;}
.board-list table.table td.title p {color:#999;}
.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: #0260fa}
.board-list table.table td.mileage.total {color: inherit}
.board-list table.table td.score img {margin: 0;}
.board-list table.table td.company {font-weight: bold;}
.board-list table.table td.price {color: #222}
.board-list table.table td.price b {}
.board-list table.table td.price span {color: #0260fa;margin-left: 10px;}
.board-list table.table td.print a {display: block;}
.board-list table.table td.print u {display: inline-block; /* text-decoration: none;border-bottom: 1px solid #666; */padding: 0;padding-bottom: 3px;vertical-align: middle;}
.board-list table.table td.print i {vertical-align: middle;}
.board-list table.table td.print .btn.confirm {display: none;}
.board-list table.table td .option{/* margin-top:7px; background:#f4f4f4; */color:#ff5722;font-size:95%;margin-top: 5px;}
.board-list table.table td .option br:first-child {display: none;}
.board-list table.table td .option td {font-size:95%;color:#ff5722;padding: 0;text-align: left;}
.board-list table.table td b {color: #222;}
.board-list .btn-box {text-align: right;margin-top: -71px;}
.board-list.order_return table.table th {background: #fcfcfd;}
.board-list .search-form {float: right;margin-bottom: 10px;}
.board-list .search-form .input-group {max-width:200px;border: 1px solid #e5e5e5}
.board-list .search-form .input-group input {border: 0;}
.board-list .search-form .input-group .btn {margin-right: 10px;}

.bank-account {margin-left: 10px;display: inline-block;}

.board-list.gallery ul {margin-left: -15px;margin-right: -15px;margin-bottom: -30px;}
.board-list.gallery ul:after {content: "";display: table;clear: both}
.board-list.gallery li {float: left;width: 33.3333%;padding: 0 15px;margin-bottom: 30px;}
.board-list.gallery li a {padding: 25px;border: 1px solid #eee; display: block}
.board-list.gallery li .thumb {padding-top: 74.5762%;display: block;overflow: hidden}
.board-list.gallery li .thumb span {display: -webkit-box;display: -ms-flexbox;display: flex;;-webkit-box-align: center;;-ms-flex-align: center;;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: absolute;left: 0;top: 0;width: 100%;height: 100%}
.board-list.gallery li .thumb span img {}
.board-list.gallery li .info {padding-top: 30px;}
.board-list.gallery li .info strong {font-weight: normal;font-size: 20px;display: block;margin-bottom: 10px;}
.board-list.gallery li .info p {color: #666;font-size: 14px;}

.board-list.donate {}
.board-list.donate td {padding: 15px}
.board-list.donate td .date {color: #888}
.board-list.donate td strong {font-size: 20px;display: block;margin-top: .5em;font-weight: normal;margin-bottom: .25em; color: #111}
.board-list.donate td .set {margin-top: 1.5em;}
.board-list.donate td .set .btn {line-height: 1;padding-left: 1em;padding-right: 1em;}

.board-list.donate.rank .price {text-align: right}
.board-list.donate.rank .current-info {background: url(../img/bg_current.png) no-repeat 50%;background-size: cover;padding: 7%;margin-bottom: 5%;}
.board-list.donate.rank .current-info p {font-size: 16px;}
.board-list.donate.rank .current-info dl {padding: 5%;background: rgba(255, 255, 255, 0.7);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);margin-top: 10px;font-size: 18px; position: relative}
.board-list.donate.rank .current-info dt {font-size: 27px;margin-bottom: 10px;}
.board-list.donate.rank .current-info dd {color: #555}
.board-list.donate.rank .current-info dd:last-child {font-size: 31px;line-height: 1.5;position: absolute;right: 5%;top: 50%;-webkit-transform: translate(0, -50%);transform: translate(0, -50%); color: #111}
.board-list.donate.rank .current-info dd:last-child b {font-size: 50px; font-family: 'Lato'; color: #078138;display: inline-block;line-height: 1;vertical-align: top;}

.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: 200px;resize: none}
.board-write table.table th {background: #fcfcfd;}
.board-list .btn-box .btn, .board-write .btn-box .btn, .board-view .btn-box .btn, .popup .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 .form-control {width: 100% !important;margin-right: 8px;border: 1px solid #ccc;display: inline-block;font-size: 1rem;min-height: 8rem;max-height: 8rem;overflow-y: auto}
.upload-list .btn {width: 60px;vertical-align: top;float: right;margin-top: 5px;}
.upload-list .help-block {font-size: 1rem}

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

/* 핫딜 */
.special-time-sale {position: relative}
.special-time-sale h3 {height: auto !important;margin-bottom: 5%;padding-top: 0 !important;}
.special-time-sale .thumb a {padding-top: 100%;position: relative;display: block;overflow: hidden}
.special-time-sale .thumb a img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.special-time-sale .thumb .badge {background: #FFB22C;color: #111;position: absolute;top: 0;left: 0; z-index: 2;text-align: center;padding: 10px 15px;font-size: 20px;line-height: 1.2; font-weight: normal;border-radius: 0;}
.special-time-sale .thumb .badge  b {font-size: 30px;}

.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%;  -webkit-transform: translate(-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-time-sale .sale-goods-container {padding: 80px;margin-bottom: 50px;background: #f6f6f6;}
.special-time-sale .sale-goods-container .thumb {display: table-cell;vertical-align: top;width: 405px;}
.special-time-sale .sale-goods-container .thumb a {}
.special-time-sale .sale-goods-container .thumb img {}
.special-time-sale .goods-info {display: table-cell;vertical-align: middle;padding: 0 30px}
.special-time-sale .time {line-height: 2;font-size: 27px;margin-bottom: 2em;}
.special-time-sale .time div {font-size: 40px; display: inline-block;}
.special-time-sale .time span {display: inline-block;width: 5.384rem;height: 5.384rem;background: #fff;border: 1px solid #ccc; text-align: center;line-height: 5.384rem; color: #222;font-size: 35px;font-weight: bold; font-family: 'Lato';}
.special-time-sale .time .hour {}
.special-time-sale .time .minute {}
.special-time-sale .time .second {color: #0260fa}
.special-time-sale .goods-info .desc {font-size: 18px;color: #666}
.special-time-sale .goods-info strong {font-size: 30px;display: block;margin: .5em 0; color: #222; line-height: 1.2}
.special-time-sale .goods-info .price {font-size: 35px}
.special-time-sale .goods-info .price .currency {font-size: 1.846rem;}
.special-time-sale .goods-info .price span{font-size: 1.75rem}
.special-time-sale .goods-info b { color: #0260fa}
.special-time-sale .goods-info s {font-size: 18px; opacity: .5}
.special-time-sale .clock {position: absolute;left: 0; right: 0;padding-right: 6%;top: 22%;text-align: right;z-index: 1;}
.special-time-sale .clock img {max-width: 30%}

.special-time-sale.normal .sale-goods-container {padding: 0;background: none;/* margin-bottom: 0; */}
.special-time-sale.normal .item-list li {/* margin-bottom: 0; */}
.special-time-sale.normal .time {padding-left: 1px;font-size: 17px;margin-bottom: 15px;}
.special-time-sale.normal .time span {width: 3.5rem;height: 3.5rem;line-height: 3.5rem;font-size: 20px;}
.special-time-sale.normal .item-info {font-size: 18px}
.special-time-sale.normal .item-info .price {font-family: 'Lato'}
.special-time-sale.normal .item-info .price b {font-size: 24px; color: #111}
.special-time-sale.normal .item-info .price s {margin-left: 10px;font-size: 18px;}

/* 기획전 */
.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;}

/* 이벤트 */
.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 .event-view {}
.event-wrap .event-content {min-height:300px;border-top: 1px solid #e5e5e5;padding: 80px;text-align: center;}
.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: 13%;text-align: center;background: #f8f8f8}
.event-wrap .prev-next-event i {margin-left: 15px;}
.event-wrap .event-title {text-align: center;padding: 30px;}
.event-wrap .event-title strong {font-size:27px;margin-bottom: 15px;}
.event-wrap .event-title .date {margin: 15px 0;color: #888}
.event-wrap .event-title .share {margin-top: 3%;}
.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: 35px;position: relative; padding-bottom: 20px;}
.search-result p b {color: #0260fa;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: 50px; display: inline-block;border-radius: 0;margin-left: 2em;}
.search-result .search-form .btn {vertical-align: top;margin-left: 5px;width: 12%; height: 50px;}

/* 쇼핑가이드 */
.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 .help-box {background: #f7f7f7;border: 1px solid #e5e5e5;padding: 15px;color:#777;margin: 10px;}
.mypage-wrap .tab-nav {margin-bottom: 40px;}
.mypage-wrap .board-list .pagination+.btn-box {text-align: left;margin-top: -56px;}
.mypage-wrap .board-list .pagination+.btn-box .btn {width: 120px;height: 32px;padding-top: 0;padding-bottom: 0;font-size: 1rem;vertical-align: top;}
.mypage-wrap .board-list.donate td strong {font-weight: bold;margin-top: 0;}
/* .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: #0260fa} */
.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:#0260fa}
.mypage-wrap .order-date li {display: inline-block;margin-right: 15px;}
.mypage-wrap .order-date li span {color:#999}
.mypage-wrap .order-date.info2 {background: #f5f5f5;margin-bottom: 15px;}
.mypage-wrap .order-date.info2 li {display: block;}
.mypage-wrap .order-memo {}
.mypage-wrap .order-payment .b {}
.mypage-wrap .order-payment .price {font-size:1.25rem;color:#0260fa;font-weight: bold;}
.mypage-wrap .board-list .btn-box {text-align: center;margin: 3% 0}

.mobile-mypage-top {display: none;}

.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: #0260fa; 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 {line-height:32px}
.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: 15%;max-width:100px;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 label input {vertical-align: middle;margin-top: -2px;}
.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;}

/* 상품상세정보 */
.goods-detail-wrap {position: relative;}
.detail-top {margin-bottom: 70px;padding-right: 550px;overflow: hidden;}
.detail-top .prd-thumb {/*width: 100%;*/ width:50%; float:left;text-align: left; position: relative;}
.detail-top .prd-thumb .big-thumb {/*width: 50%;*/ height: auto; /* border: 1px solid #ddd; */}
/* .detail-top .prd-thumb .big-thumb span {display: block;padding-top: 100%;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-thumb .thumb-list {margin-top: 10px;text-align: center;font-size: 0;display: -webkit-box;display: -ms-flexbox;display: flex;}
.detail-top .prd-thumb .thumb-list span {width: 20%}
.detail-top .prd-thumb .thumb-list img {width: 111px;height: 111px;border: 1px solid #e5e5e5;}
.detail-top .prd-name {display: block;font-size: 23px;padding-top: 15px;padding-right: 45px; word-break: break-all;}
.detail-top .prd-name .brand {display: block;}
.detail-top .seller-info {margin-top: 15px;position: relative}
.detail-top .seller-info ul {float: right}
.detail-top .seller-info li {line-height: 1;display: inline-block;}
.detail-top .seller-info li span {font-family: 'Lato';color: #df0000;font-size: 105%;font-weight: bold}
.detail-top .seller-info li+li {padding-left: 5px;margin-left: 5px;border-left: 1px solid #e5e5e5}
.detail-top .price {font-size: 30px; font-weight: bold;margin: 15px 0;position: relative;}
.detail-top .price .discount {color: #df0000;}
.detail-top .price s {color: #888;font-size: 20px;font-weight: normal}
.detail-top .goods-no {padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;color: #888}
.detail-top .goods-no .grade {display: inline-block;/*  padding-left: 10px;border-left: 1px solid #e5e5e5;margin-left: 5px; */}
.detail-top .prd-info {width:50%;/*width: 520px;*/float: left;margin-right: -550px; position: relative}
.detail-top .prd-info table.table {border-color: #e5e5e5}
.detail-top .prd-info table.table th, .detail-top .prd-info table.table td {border-color: rgba(0, 0, 0, 0.08); padding-x: 20px 15px; line-height: 24px;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 td .discount2 {font-size: 22px;color: #0260fa;line-height:  1;vertical-align: -2px; font-weight:600; display:inline-block; margin-right:1rem}
.detail-top .prd-info table.table td s{font-size: 1.384rem; opacity: .4; line-height:  1;vertical-align: -2px; text-decoration:line-through; display:inline-block; margin-left:.6rem}
/*.detail-top .prd-info table.table tbody tr:last-child td {padding-bottom: 10px;}*/
.detail-top .prd-info table.table tfoot td {padding: 0;}
.detail-top .prd-info .delivery-info {/* margin-top: 5px; */}
.detail-top .prd-info .delivery-info span {color: #ff3b31}
.detail-top .btn-box.row {margin-left: -5px;margin-right: -5px; margin-bottom: 25px;}
.detail-top .btn-box.row>div {padding: 0 5px;}
.detail-top .btn-box .btn {width: 100%; height: 60px;font-weight: bold;}
.detail-top #download-coupon {margin-top: 5px;display: block}
.detail-top .help-layer {display: inline-block;position: relative;cursor: pointer;vertical-align: top;margin-top: -2px;}
.detail-top .help-layer:hover #help-text {display: block}
.detail-top #help-text {display: none;position: absolute;white-space: nowrap;background: #fff;border: 1px solid #e5e5e5;padding: 8px;font-size: 90%;left: 50%;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);top: -40px;}
.detail-top #help-text:before {content: "";position: absolute;left: 50%;bottom: -12px;margin-left: -6px;border: 6px solid transparent;border-top-color: #e5e5e5}
.detail-top #help-text:after {content: "";position: absolute;left: 50%;bottom: -10px;margin-left: -5px;border: 5px solid transparent;border-top-color: #fff}
.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:#0260fa;}
.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;}
.detail-top .goods-option dd:last-child {text-align: right;font-size: 16px}
.detail-top .goods-option dd:last-child b {font-size: 33px}
.detail-top .sns-share {margin: 15px;}
.detail-top .prd-info .coupon-list-wrap {position: absolute;right:0;bottom:0;font-size:13px}
.detail-top .prd-info .coupon-list {position: absolute;min-width:300px;width: 100%;max-width: 390px;;right: 0;top: 100%;background: #fff;border: 1px solid #ccc;z-index: 2;}
.detail-top .prd-info .coupon-list dt {padding: 15px;color: #111; font-size: 1.3em;position: relative;line-height: 1.5em;border-bottom: 1px solid #e5e5e5;}
.detail-top .prd-info .coupon-list dt a {position: absolute;right: 15px;top: 15px;font-size: 1.5em;padding: 0;line-height: 1;}
.detail-top .prd-info .coupon-list dd {padding: 15px;font-size: 1.15em;}
.detail-top .prd-info .coupon-list ul {max-height: 192px;overflow-y: auto;}
.detail-top .prd-info .coupon-list li+li {padding-top: 15px;margin-top: 15px;border-top: 1px solid #eee;}
.detail-top .prd-info .coupon-list li {font-family: 'Lato';position: relative;padding-right: 60px;}
.detail-top .prd-info .coupon-list li b {color: #df0000;font-weight: bold;}
.detail-top .prd-info .coupon-list p {font-size: 90%; color: #888;margin-top: 5px;}
.detail-top .prd-info .coupon-list li a {position: absolute;right: 0;bottom: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;top: 0;padding: 15px;}

.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 {display: none;position: absolute;left: 50%;bottom: 10%;border: 3px solid #0260fa;background: #fff;z-index: 2;width: 250px;text-align: center;margin: 0 0 0 -125px;padding: 20px 15px; -webkit-box-shadow:7px 7px 7px rgba(0,0,0,.15); 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;z-index: 1;}
.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; font-size:1.5rem;  line-height:30px;}
.count-sel .btn.count-up {right: 0;}
.count-sel .btn.count-down {left: 0;}
.optionView {display: table;;}
.optionView >* {display: table-cell !important;vertical-align: top;padding: 20px 15px;}
.optionView .tit {width: 130px;}
.optionView >div {position: relative;}
.optionView >div input {height: 30px;width: 100%;padding: 0 10px;text-align: center;border: 1px solid #ddd;border-left:0;border-right: 0;}
.optionView >div .btnEa a {background-color:#0260fa;width: 30px;height: 30px;line-height: 30px;text-align: center;top: 0; color:#fff; font-size:1.5rem; line-height:1.3; padding: 0;position: absolute;border: 1px solid #0260fa; /* #ddd */}
.optionView >div .btnEa .plus {right: 0;}
.optionView >div .btnEa .minus {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: 25%;float: left;margin: 0;border: 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: #0260fa;  padding: .8em}
.goods-detail-info .tab-nav li.active {border-bottom-width: 1px;}
.goods-detail-info .tab-nav li.active a {border: 1px solid #0260fa; color: #0260fa !important; font-weight: bold;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+.table {border-top: 0;}
.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;word-break:break-all;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}
.view-container .reply-box .btn-box{margin:5% 0;text-align:center; clear:both; width:100%;}
.view-container .reply-box .btn-box .btn{width:20%;}

/* 장바구니 */
.shopping h3 {font-size: 16px;margin-bottom: 15px;padding-top: 0;height: auto;font-weight: bold}
.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 .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 {white-space:nowrap}
.shopping table.table td.qty .count-sel+div {display: inline-block;vertical-align: top;}
.shopping table.table td.qty .count-sel+div .btn {height: 30px;}
.shopping table.table td.qty select {width: 80px;margin: 0 auto;}
.shopping table.table td.price {color: #222;}
.shopping table.table td.discount b {color: #df0000;font-weight: normal;}
.shopping table.table td.discount .btn {border-radius: 3px;padding: .5em .75em;line-height: 1.1}
.shopping table.table td.donate {color: #0260fa;}
.shopping table.table td.btns .btn {font-size: 1.384rem}
.shopping table.table tfoot td {text-align: right;background: #fcfcfc;padding: 30px 15px;color: #666}
.shopping table.table tfoot td .total {display: inline-block;color: #111;font-weight: bold;font-size: 18px}
.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: -webkit-box;display: -ms-flexbox;display: flex;border: 2px solid #444;margin: 60px auto;overflow: hidden}
.total-price-wrap dl {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1}
.total-price-wrap dl+dl {border-left: 1px solid #e5e5e5;}
.total-price-wrap dl dd:after {content: "";display: block;width: 30px;height: 30px;position: absolute;right: 0;top: 50%;margin-right: -15px;margin-top: -15px; z-index: 2;}
.total-price-wrap dl:first-child dd:after {background: url(../img/ico_cart_plus.png) no-repeat 50%;}
.total-price-wrap dl dd:after {background: url(../img/ico_cart_minus.png) no-repeat 50%;}
.total-price-wrap dl:nth-last-child(2) dd:after {background: url(../img/ico_cart_equal.png) no-repeat 50%;}
.total-price-wrap dl:last-child dd:after {display: none}
.total-price-wrap dt {background: #f8f8f8; padding: 15px 20px; color: #666; font-weight: normal; font-size: 1.1em;}
.total-price-wrap dt b {color: #222; font-weight: normal;}
.total-price-wrap dd {position: relative;padding: 15px 35px; text-align: right;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 100%}
.total-price-wrap dd b {font-size: 20px;vertical-align: -2px; line-height: 1; margin-right: 5px;}
.total-price-wrap dl:last-child dt b {font-weight: bold}
.total-price-wrap dl:last-child dd {text-align: right;}
.total-price-wrap .price { color: #ff3b31;}
.total-price-wrap .price b {font-size: 30px;}
.total-price-wrap small {color: #999;margin-top: .75em;display: block}

.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: #0260fa}
.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: #0260fa}

.shopping .order-form {}
.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: 2px 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 2px;}
.shopping .order-form table.table td .help-block.inline {margin: 0 10px 0 20px;}
.shopping .order-form table.table td .checkbox-inline b {color: #0260fa;line-height: 1;}
.shopping .order-form table.table th.first {background: #fff;border: 0;font-weight: bold;}
.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: #0260fa}
.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; */line-height: 32px;}
.shopping .order-form label input {vertical-align: middle;margin-top: -2px;margin-right: 5px;}
.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 input {margin-right: 0;}
.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: #0260fa;color: #fff;border-color: #0260fa}
.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.pay05 span {background-image: url(../img/ic_pay5.png)}
.shopping .order-form .pay-type label.pay06 span {background-image: url(../img/ic_pay6.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)}
.shopping .order-form .pay-type label.pay05.active span {background-image: url(../img/ic_pay5_on.png)}
.shopping .order-form .pay-type label.pay06.active span {background-image: url(../img/ic_pay6_on.png)}
.shopping .order-form .donate {text-align: center}
.shopping .order-form .donate label {text-align: center;cursor: pointer;color: #666;}
.shopping .order-form .donate label span {display: block;margin-bottom: 5px;border-radius: 10px;overflow: hidden;min-width: 95px; background-color: transparent;background-repeat: no-repeat;background-position: 50% 10px; border: 1px solid #ddd;padding: 10px;padding-top: 45px;font-size: 1rem;}
.shopping .order-form .donate label.active span {color: #fff;border-color: #0fa84d;outline: 1px solid #0fa84d}
.shopping .order-form .donate label.donate01 span {background-image: url(../img/img_do1.png)}
.shopping .order-form .donate label.donate02 span {background-image: url(../img/img_do2.png)}
.shopping .order-form .donate label.donate03 span {background-image: url(../img/img_do3.png)}
.shopping .order-form .donate label.donate04 span {background-image: url(../img/img_do4.png)}
.shopping .order-form .donate label.donate05 span {background-image: url(../img/img_do5.png)}
/*.shopping .order-form .total-price-wrap {margin-top: 0;border: 0;}*/
.shopping .order-form .total-price-wrap .table {border: 2px solid #444;}
.shopping .order-form .total-price-wrap .table th, .shopping .order-form .total-price-wrap .table td {padding: 35px 30px;}
.shopping .order-form .total-price-wrap .table th {font-size: 18px;color: #222;background: #fbfbfb !important;border-right: 1px solid #e5e5e5 !important;}
.shopping .order-form .total-price-wrap .table td {text-align: right}
.shopping .order-form .total-price-wrap .table td .price {color: #222; font-size: 14px;}

#address_add {display: none;position: fixed;z-index: 33;top: 0;left: 0;right: 0;bottom: 0; text-align: left;}
#address_add .inner-box {position: absolute;top:20%;background: #fff;left:50%;margin-left: -420px;width: 840px;border: 1px solid #444;z-index: 2;}
#address_add #mask {display: block;z-index: 1;}
#address_add h1 {font-size:1.8rem;background: #f9f9f9;padding: 1em 3rem;position: relative; color:#000}
#address_add h1 button {position: absolute;right:3rem;outline:0;border:0;background: none;padding: 0;}
#address_add .address_con {padding: 3rem 3rem 0;font-size:1.125rem}
#address_add .btn-box .btn {font-size:16px;width: 160px; height: 50px;line-height: 38px;}
#address_add .table {border-top: 1px solid #666 !important;border-bottom: 1px solid #ddd !important;}
#address_add .table th, #address_add .table td {border-top: 1px solid #ddd !important;}

#address_list {display: none; position: fixed;z-index: 33;top: 0;left: 0;right: 0;bottom: 0; text-align: left;}
#address_list .inner-box {position: absolute;top:20%;background: #fff;left:50%;margin-left: -420px;width: 840px;border: 1px solid #444;z-index: 2;}
#address_list #mask {display: block;z-index: 1;}
#address_list h1 {font-size:1.8rem;background: #f9f9f9;padding: 1em 3rem;position: relative; color:#000}
#address_list h1 button {position: absolute;right:3rem;outline:0;border:0;background: none;padding: 0;}
#address_list .address_con {padding: 3rem 3rem 0;font-size:1.125rem}
#address_list .address_con table th, #address_list .address_con table td{text-align:center; padding-left:10px; padding-right:10px;}
#address_list .btn-box .btn {font-size:16px;width: 160px; height: 50px;line-height: 38px;}
#address_list .table {border-top: 1px solid #666 !important;border-bottom: 1px solid #ddd !important;}
#address_list .table th, #address_list .table td {border-top: 1px solid #ddd !important;}

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: #d04740;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;outline:0;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:#0260fa}
#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:#0260fa;}
#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;}

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

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

.write-pop {width: 100%;max-width:500px}
.write-pop .popup-body {max-height:600px;overflow-y: auto;}
.write-pop .popup-body .file-upload {display: none;}
.write-pop .popup-body .file-upload {display: none;}
.write-pop .photobox {position: relative;}
.write-pop .photobox+.photobox {margin-top: 10px;}
.write-pop .photobox input[type='file'] {margin-right: 40px;width: calc(100% - 50px);}
.write-pop .photobox .btnZone {position: absolute;right:0;top:0;bottom:0;}
.write-pop .photobox .img {margin-top: 5px;}
.write-pop .btnZone {text-align: right;}

.mypage-links {display: none;}
.right-select {text-align: right;vertical-align: top;}
.right-select select {display: inline-block;width: 120px;font-weight: normal;vertical-align: top;}

/* 모바일 */
@media (max-width: 99999px) {
    .swiper-button-prev, .swiper-button-next {width: 24px;height: 24px;background-size: 24px;margin-top: -12px;}

    /* SUB */
    .sub-top {position: relative;left: 0;right: 0;top: 0;overflow: hidden;margin: 0 -15px 20px;}
    .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;border-top: 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; width:1200px; position:relative;}
    .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 {overflow: visible;padding-top: 0;}
    .sub-content h3 .select-review-option {position:static;margin:1rem 0;;}
    .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: 15px;}
    .sub-content h3 small.left+a {float: none;position: absolute;right: 0;top:5px;font-size: .923rem}
    .right-select {position: absolute;right:0;top:-5px}
    .sub-content h3.big {font-size: 17px;}
    .sub-content h3.line {padding-bottom: 10px;}
    .sub-content h3 .btns {margin-top: 15px;margin-left: 0;}
    .sub-content h3 .btns .btn {margin: 2px 0;font-size: 1rem;padding: .25em;letter-spacing: -.05em}
    .sub-content h4 {font-size: 15px;}
    .sub-content h4 p {display: block;margin-left: 0; margin: 5px 0 15px;font-size: 12px}
    .sub-content h5 {font-size: 15px}
    .sub-content .sub-category {border-bottom: 0;margin-bottom: -10px;}
    .sub-content .sub-category>ul:first-child {padding: .5em;}
    .sub-content .sub-category li.sub-sub {margin-left: 0;}
    .sub-content .sub-category ul {padding: 1em}
    .sub-content .sub-category li.sub {margin: 0;}
    .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;}

    #special-sale .swiper-button-prev {left: -50px}
    #special-sale .swiper-button-next {right: -50px}

    /* 회원관련 */
    .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-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: 3px;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: 48%;}
    .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-left: 0;margin-top: -1px;}
    .agree-check .donation {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 p {font-size: 1rem}
    .customer-center .top-search .lead {font-size: 18px;}
    .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;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-negative: 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: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .faq-category li {width: 25%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background: #f5f5f5;border: 1px solid #fff;height: 40px;}
    .faq-category li a {height: auto;line-height: 1;border: 0; width: 100%;-ms-flex-item-align: center;align-self: center;background: none;}
    .faq-category li.active {background: #FFB22C;border-color: #FFB22C;}
    table.table th span {margin-left: 0;}
    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 label {margin-right: 5px; letter-spacing:-1.3px;}
    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]:nth-child(4) {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%}
    table.table td.phone.certi div[class*=col] {width: 22.5%}
    table.table td.phone.certi div.col-xs-9 {width: 77%;}
    table.table td.phone.certi .form-group+.form-group div[class*=col] {width: 50%}
    .board-list .list-top .btns {float:none;margin-top: 10px;}
    .board-list .list-top .btns span {display: block;}
    .board-list .list-top .right-select {display: block;position: static;}
    .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: #0260fa;color: #fff;padding: 1px 5px;border-radius: 2px;}
    .board-list table.table:not(.normal) tbody {display: block;}
    .board-list table.table:not(.normal) tr {display: block;position: relative;padding: 10px 5px;border-top: 1px dashed #ddd;/* margin-top: -1px; */ overflow: hidden;}
    .board-list table.table:not(.normal) td {border: 0 !important;padding: 0;display: inline-block;vertical-align: top;line-height: 24px}
    .board-list table.table:not(.normal) td+td {margin-right: 5px;}
    .board-list table.table:not(.normal).center td {text-align: left}
    .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.date.top {display: block;margin-bottom: 5px;}
    .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.bottom {position: absolute;right:5px;bottom:10px}
    .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;margin: 5px 0;}
    .board-list table.table td.title a {text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}
    .board-list table.table td.title.mail a:after {content:"\f110";font-family: 'LineAwesome';display: inline-block;width: 16px;height: 16px;border-radius:50%;background: #ccc;text-align: center;line-height: 16px;margin-left: 5px;color:#fff;font-size:10px}
    .board-list table.table td.title.mail a.active:after {content:"\f113"}

    .board-list table.table:not(.normal) tr.box:last-child {margin-bottom: 15px;}
    .board-list table.table:not(.normal) tr.box {border: 1px solid #ddd;border-radius:5px;padding: 12px;margin: 40px 0 0;overflow: visible;}
    .board-list table.table:not(.normal) tr.group {margin-top: -6px;border-top-left-radius:0;border-top-right-radius:0;border-top: 1px dotted #ddd;position: relative;background: #fff;}
    .board-list table.table:not(.normal) tr.box td.state {display: block;position: relative;padding: 0;}
    .board-list table.table:not(.normal) tr.box td.state p {position: absolute;right:0;top:0;text-align: center;}
    .board-list table.table:not(.normal) tr.box td.state br {display: none;}
    .board-list table.table:not(.normal) tr.box td.state .btn.confirm {position: absolute;right:-5px;top:-24px}
    .board-list table.table:not(.normal) tr.box td.state .btn.confirm.bottom {position: absolute;top:auto;bottom:0}
    .board-list table.table:not(.normal) tr.box td.price:before {display: none;}
    .board-list table.table:not(.normal) tr.box .print {}
    .board-list table.table:not(.normal) tr.box .print a {display: inline-block;}
    .board-list table.table:not(.normal) tr.state-top {padding-top: 40px;}
    .board-list table.table:not(.normal) tr.state-top td.state {position: absolute !important;bottom:auto;top:12px;left:12px;right: 12px;margin: 0;}
    .board-list table.table:not(.normal) tr.state-top td.state .btn.confirm {top:0;right:0}
    .board-list table.table:not(.normal) tr.box td.date a {padding: 0;float: right;}
    .board-list table.table:not(.normal) tr.box td.date {position: absolute;left:0;top:-30px;right:0;}
    .board-list table.table:not(.normal) tr.box td.date strong {color:#333;position: absolute;right:0;top:0}
    .board-list table.table:not(.normal) tr tr {border: 0;padding: 0;}
    .board-list table.table:not(.normal) tr.box.type2 {border: 0;padding: 0;border-radius:0;margin-top: 50px;}
    .board-list table.table:not(.normal) tr.box.type2 .date {background: #f5f5f5;padding: 8px;top:-50px}
    .board-list table.table:not(.normal) tr.box.type2 strong {margin: 8px;}
    .board-list table.table:not(.normal) tr.box td.reason {display: block;}
    .board-list table.table:not(.normal) tr.box td.price.return {float: right;margin: 0;}
    .board-list table.table:not(.normal) tr.refund-info {border: 1px solid #ddd;border-top-style: dotted;margin-top: -5px;background: #f7f7f7;padding: 10px;}
    .board-list table.table:not(.normal) tr.refund-info .date {display: none;}
    .board-list table.table:not(.normal) tr.refund-info dl {text-align: center;}
    .board-list table.table:not(.normal) tr.refund-info dd {width: auto !important;float:none !important;display: inline-block;}
    .board-list table.table:not(.normal) .reason-btn {position: absolute;right:0;bottom:0}
    .board-list table.table:not(.normal) .reason-layer {display: none;border: 1px solid #e5e5e5;background: #fff;padding: 10px;position: absolute;right:0;top:100%;width: 100px;z-index: 1;}

    .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;margin-top: 5px;margin-right: 0 !important;position: relative;}
    .board-list table.table td.print .btn.confirm {display: inline-block;position: absolute;right:0;top:0}
    .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.use-stime {color: #999;display: block;text-align: left;}
    .board-list table.table td.use-stime br {display: none;}
    .board-list table.table td.c-price {position: absolute;right: 0;top: 0;padding: 10px 0;font-weight: bold;color:#000}
    .board-list table.table tr.coupon {padding-left: 100px;position: relative;min-height:80px}
    .board-list table.table tr.coupon .coupon-img {border: 1px solid #e5e5e5;padding: 10px;text-align: center;font-weight: normal;}
    .board-list table.table tr.coupon .coupon-img b {font-size:14px;margin-bottom: 5px;}
    .board-list table.table tr.coupon td.c-price {left:10px;right:auto;width: 80px;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);line-height: 1.2;padding: 0;}
    .board-list table.table td.state {position: absolute;right: 0;bottom: 0;padding: 10px 0;line-height: 24px;}
    .board-list table.table td.state.top {position: static;padding: 0;;}
    .board-list table.table td.state.top2 {bottom:auto;top:0}
    .board-list table.table td.state.top2+.state {bottom:0;top:auto}
    .board-list table.table td.state.coupon {position: static;padding: 0;}
    .board-list table.table td.state.coupon b{font-weight: normal;}
    .board-list table.table td.state p {display: inline;}
    .board-list table.table td.btns {position: absolute;right: 0;bottom: 0;top:0;padding: 10px 0;width: 40%;text-align: right;margin: 0;}
    .board-list table.table td.btns.top-bottom {text-align: right;}
    .board-list table.table td.btns .write {bottom:8px;top:auto;position: absolute;right:0}
    .board-list table.table td.btns .state-top {position: absolute;top:0;right:0}
    .board-list table.table td.btns .state-bottom {position: absolute;right:0;bottom:10px}
    .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;vertical-align: top;}
    .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.price.donate:before {content: "기부금액 : ";}
    .board-list table.table td.price em {font-style:normal}
    /* .board-list table.table td.reason:before {content: "반품사유 : ";} */
    .board-list table.table td.delivery:before {content: "배송비 : ";}
    .board-list table.table td.delivery br {display: none;}
    .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.review a {padding-right: 20px;position: relative;}
    .board-list table.table td.review a:after {content:"\f110";font-family: LineAwesome;position: absolute;right:0}
    .board-list table.table td.qty+.state {bottom: auto;top: 0;}
    .board-list table.table td.company {display: block;font-size: 110%}
    .board-list table.table td.print .btn-return {position: absolute;right:0;bottom:5px;}
    .board-list table.table td.print .btn-return a {border: 1px solid #666;color:#333;padding: 1px 5px;font-size:12px;line-height: 1.5;}
    .board-list table.table td.print a {vertical-align: top;}
    .board-list table.table td.print .btn {vertical-align: top;}
    .board-list .btn-box {margin-top: 0;text-align: center;}

    .board-list table.table.order td.date a {position: static;display: inline-block;padding: 0 10px;}
    .board-list table.table.order td.print {position: absolute;right: 5px;top: 10px;margin: 0;}
    .board-list table.table td.print u {border: 0;padding-bottom: 0;}
    .board-list table.table td.print a br {display: none;}
    .board-list table.table.donate td.no {position: static;display: block;text-align: left }

    .bank-account {margin-left: 0;margin-top: 0;display: block;}

    .board-list.gallery ul {margin-left: 0;margin-right: 0;margin-bottom: 0;}
    .board-list.gallery li {width: 100%;padding: 0px;margin-bottom: 15px;}
    .board-list.gallery li a {padding: 15px;}
    .board-list.gallery li .info {padding-top: 10px;}
    .board-list.gallery li .info strong {font-size: 15px}
    .board-list.gallery li .info p {font-size: 13px;}

    .board-list.donate {}
    .board-list.donate td strong {font-size: 15px;margin-bottom: 5px;}

    .board-list.donate.rank {}
    .board-list.donate.rank table tr {padding-left: 40%}
    .board-list.donate.rank table td {text-align: left}
    .board-list.donate.rank table .no {display: inline-block;right: auto;left: 5px;top: 10px;width: 20px;height: 20px;line-height: 20px;text-align: center;color: #fff;background: #0260fa;border-radius: 50%; z-index: 2;font-weight: normal}
    .board-list.donate.rank table .logo {position: absolute;left: 35px;top: 0;padding: 10px 0;width: 25%;margin: 0;}
    .board-list.donate.rank table .logo img {margin: 0;}
    .board-list.donate.rank table .price {display: block;text-align: left}
    .board-list.donate.rank table .date:before {content: "기부일 : ";}

    .board-list.donate.rank .current-info {text-align: center}
    .board-list.donate.rank .current-info p {font-size: 1rem;}
    .board-list.donate.rank .current-info dl {font-size: 14px; text-align: center}
    .board-list.donate.rank .current-info dt {font-size: 20px; margin-bottom: 5px;}
    .board-list.donate.rank .current-info dd:last-child {font-size: 24px;position: static;-webkit-transform: none;transform: none;margin-top: 10px;;line-height: 1.3;}
    .board-list.donate.rank .current-info dd:last-child b {font-size: 32px}


    .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:not(.normal) tbody {display: block;}
    .board-write table.table:not(.normal) tr {display: block; padding: 12px 0; overflow: hidden;}
    .board-write table.table:not(.normal) tr+tr {border-top: 1px dotted #ddd;}
    .board-write table.table:not(.normal) th {display: block;width: 100%; height: auto; padding: 0;margin-bottom: 10px; border: 0; background: none;}
    .board-write table.table:not(.normal) 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}
*/

    /* 핫딜 */
    .special-time-sale .sale-goods-container {padding: 20px;display: block;margin-bottom: 20px;}
    .special-time-sale .sale-goods-container .thumb {width: auto;display: block;margin-bottom: 15px;}
    .special-time-sale .goods-info {padding: 0}
    .special-time-sale .time {line-height: 1.2; font-size: 17px}
    .special-time-sale .time div {font-size:20px}
    .special-time-sale .time span {width: 40px;height: 40px;line-height: 40px;font-size: 20px;}
    .special-time-sale .goods-info .desc {font-size: 15px}
    .special-time-sale .goods-info strong {font-size: 20px}
    .special-time-sale .goods-info .price {font-size: 25px}
    .special-time-sale.bg {padding: 20px;margin: -20px -15px;}
    .special-time-sale.bg .sale-goods-container {padding: 20px;}
    .special-time-sale .clock {top: 10%;right: -4%}
    .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-time-sale.normal .time {font-size: 0;margin-bottom: 10px;}
    .special-time-sale.normal .time div {font-size: 16px;}
    .special-time-sale.normal .time span {width: 30px;height: 30px;line-height: 30px;font-size: 18px}
    .special-time-sale.normal .item-info {font-size: 14px}
    .special-time-sale.normal .item-info .price b {font-size: 15px}
    .special-time-sale.normal .item-info .price s {font-size: 13px}

    /* 이벤트 */
    .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;}
    .event-wrap .prev-next-event dt {width: 80px}
    .event-wrap .prev-next-event i {margin-left: 0;}
    .event-wrap .event-title .share img {max-width: 30px}
    .event-wrap .event-content {padding: 15px;}

    /* 검색 */
    .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:34px}
    .search-result .search-form .btn {width: 18%;height:34px}

    /* 쇼핑가이드 */
    .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 .order-date li {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;padding-left: 0;background-image: none;}
    .mypage-wrap .order-date li span {width: 90px !important;-ms-flex-negative:0;flex-shrink:0}

    .mypage-wrap.main .period-search {display: none;}
    .sub-content  h3 .tit {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background: #fcfcfc;padding: 12px 15px;margin-left: -15px;margin-right: -15px;margin-bottom: 10px;border: 1px solid #e5e5e5;margin-top: -1px;border-bottom: 1px solid #e5e5e5;}
    .sub-content  h3 .tit .btns {margin: 0;margin-left: auto;}
    .sub-content  h3 .more {position: absolute;right:0;top:15px !important;font-size:.923rem}
    .mypage-wrap .tab-nav {margin-bottom: 6%}
    .mypage-wrap .board-list .pagination+.btn-box {margin: 5% auto;text-align: center}
    .mypage-wrap .board-list .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;}
    .mypage-wrap .board-list table.table:not(.normal) .title:after {content:"";display: table;width: 100%;clear:both;}
    .mypage-wrap .board-list table.table:not(.normal) .date {}
    .mypage-wrap .board-list table.table:not(.normal) .img {margin-right: 10px;}
    .mypage-wrap .board-list table.table:not(.normal) .img ~ .state {position: static;display: block;}
    .mypage-wrap .board-list table.table:not(.normal) .state.del-wish {position: absolute;}
    .board-list table.table td.date {/* margin-bottom: 5px; */}
    .mypage-wrap .join-form .btn-box .btn {min-width: 30%;width: auto;height: auto;}
    .mypage-wrap .help-box {margin-left: 0;margin-right: 0;}

    .mobile-mypage-top {display: block;margin-top: -20px;margin-left: -15px;margin-right: -15px;}
    .mobile-mypage-top .top-info {background: #0260fa;color:#fff;padding: 10px 15px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
    .mobile-mypage-top .top-info .type {width: 35px;height: 35px;background: #fff;border-radius:50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#FFB22C;font-size:11px;}
    .mobile-mypage-top .top-info .msg {padding-left: 10px;font-size:14px}
    .mobile-mypage-top .top-info a {margin-left: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none;}
    .mobile-mypage-top .top-info a img {max-width:15px;margin-right: 5px;}
    .mobile-mypage-top .summary-link {background: #fcfcfc;padding: 15px 0;color:#0260fa}
    .mobile-mypage-top .summary-link ul {display: -webkit-box;display: -ms-flexbox;display: flex;}
    .mobile-mypage-top .summary-link li {-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:33.3333%;text-align: center;font-size:15px;/* padding: 10px 0; */}
    .mobile-mypage-top .summary-link li span {font-size:1rem;display: block;color:#666}
    .mobile-mypage-top .summary-link li+li {border-left: 1px solid #e5e5e5;}
    .mobile-mypage-top .summary-link li b {font-size:18px;}
    .mobile-mypage-top .link-list {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border-bottom: 1px solid #e5e5e5;}
    .mobile-mypage-top .link-list dl {-ms-flex-preferred-size:33.3333%;flex-basis:33.3333%;text-align: center;padding: 15px 5px;border-left: 1px solid #e5e5e5;border-top:1px solid #e5e5e5;font-size:15px}
    .mobile-mypage-top .link-list dl:nth-child(3n+1) {border-left: 0;}
    .mobile-mypage-top .link-list dt {margin-bottom: 5px;}
    .mobile-mypage-top .link-list dd {font-size:13px}
    .mobile-mypage-top .link-list dd+dd {margin-top: 5px;}
    .mobile-mypage-top .link-list dd a {display: block;padding: 5px 0;border: 1px solid #e5e5e5;}
    .mobile-mypage-top .link-list img {max-height:28px;display: block;margin-bottom: 5px;margin-left: auto;margin-right: auto;}
    .mypage-links {display: block;margin-bottom: 1rem;position: relative;}
    .mypage-links .link-list {position: absolute;background: #fff;left:0;right:0;top:101%;display: none;border:1px solid #e5e5e5;padding: .5em 1em;line-height: 1.8;max-height:30vh;overflow-y: auto;z-index: 1;}
    .mypage-links .link-list dl+dl {margin-top: 1em;}
    .mypage-links .link-list dt {margin-bottom: 5px;}
    .mypage-links .link-list dd {line-height: 1.8;}
    .mypage-links>span {display: block;cursor:pointer;border:1px solid #e5e5e5;padding: .5em 1em;background:#fff url(../img/arr_select1.png) no-repeat 100% 50%;padding-right:20px;background-size: 20px;position: relative;}
    .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 select.form-control.w-100 {max-width:inherit}
    .period-search strong {display: block;margin-right: 0;width: auto;}
    .period-search strong.inline {display: inline-block;margin-right: 5px;}
    .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: 70%;max-width:inherit}
    .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;}

    /* 마이페이지-E캐쉬 */
    .top-info-cash{padding:10px 15px; background:#eee;}
    .msg-cash{font-weight:500;}
    .msg-cash .cash-txt{color:#ff0000;}

    .mobile-mypage-top .link-list-cash {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border-bottom: 1px solid #e5e5e5;}
    .mobile-mypage-top .link-list-cash dl {-ms-flex-preferred-size:100%; flex-basis:100%;text-align: center;padding: 15px 5px;border-left: 1px solid #e5e5e5;border-top:1px solid #e5e5e5;font-size:15px}
    .mobile-mypage-top .link-list-cash dl:nth-child(3n+1) {border-left: 0;}
    .mobile-mypage-top .link-list-cash dt {margin-bottom: 5px;}
    .mobile-mypage-top .link-list-cash dd {font-size:13px}
    .mobile-mypage-top .link-list-cash dd+dd {margin-top: 5px;}
    .mobile-mypage-top .link-list-cash dd a {display: block;padding: 5px 0;border: 1px solid #e5e5e5;}
    .mobile-mypage-top .link-list-cash img {max-height:28px;display: block;margin-bottom: 5px;margin-left: auto;margin-right: auto;}
    /*.mypage-links {display: block;margin-bottom: 1rem;position: relative;}
    .mypage-links .link-list {position: absolute;background: #fff;left:0;right:0;top:101%;display: none;border:1px solid #e5e5e5;padding: .5em 1em;line-height: 1.8;max-height:30vh;overflow-y: auto;z-index: 1;}
    .mypage-links .link-list dl+dl {margin-top: 1em;}
    .mypage-links .link-list dt {margin-bottom: 5px;}
    .mypage-links .link-list dd {line-height: 1.8;}*/

    /* 상품상세정보 */
    .breadcrumb {font-size:1rem !important; /*position:absolute; top:-23px; width:1000px;*/ margin:0 auto;}
    .breadcrumb * {font-size: inherit !important}
    .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 15px;}
    .detail-top .prd-name .brand {display: none;}
    /*.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-thumb .thumb-list {text-align: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
    .detail-top .prd-thumb .thumb-list span {width: auto;}
    .detail-top .prd-thumb .thumb-list img {width:50px;height: 50px;;}
    /*.detail-top .prd-info {width: 100% !important; float: none; padding: 0 15px;margin-right: 0;}*/
    .detail-top .prd-name {font-size: 17px;padding-right: 0;margin-bottom: 0;margin-right: 0;font-weight: bold;overflow: hidden;text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;}
    .detail-top .price {font-size: 19px}
    .detail-top .prd-info table.table th, .detail-top .prd-info table.table td {padding-x: 10px;vertical-align: middle;}
    .detail-top .price s {font-size: 80%}
    .detail-top .btn-box.row {margin-top: 15px;}
    .detail-top .btn-box.row.fixed {width:1230px;;padding: 15px;background: #fff;/*border-top: 1px solid #e5e5e5;*/margin: 0;bottom:50px;position: fixed;max-width: 100%;z-index: 9991;margin-left: -615px; left:50%;}
    .detail-top .btn-box .btn {height: auto; font-size: 1.153rem;padding-left: 0;padding-right: 0;}
    .detail-top .goods-option {padding: 15px;position: relative;}
    .detail-top .goods-option dd:last-child {font-size: 13px}
    .detail-top .goods-option dd:last-child b {font-size: 21px;display: inline-block;vertical-align: -2px}
    .detail-top .goods-option >a {position: absolute;right:15px;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);line-height: 1;}
    .detail-top .total-price .mileage {font-size: 1rem;}
    .detail-top .total-price b {font-size: 1.923rem;}
    .detail-top .prd-thumb .sns-share {bottom:0;right:0;top:auto}
    .detail-top .prd-thumb .sns-share>.btn {width: 40px;height: 40px;}
    .detail-top .prd-info .sns-share {top: 30px;display: none;}
    .goods-detail-info .info-content {font-size: 1rem;}
    .goods-detail-info h3 {font-size: 15px;}
    .goods-detail-info .table th {width: 150px}
    .goods-detail-info .table.seller th {width: 20%}
    .optionView .tit {width: 85px}
    .optionView >div input {border-radius:0}
    .goods-detail-info .table th, .goods-detail-info .table td {padding-left: 8px;font-size:12px}
    .goods-detail-info .board-list .table tr {padding-left: 0 !important;padding-right: 0 !important;}
    .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%;-webkit-transform: translate(-50%, -100%);transform: translate(-50%, -100%);top: 0; font-size: 1.076rem;height: auto;padding: .5em 2em}
    .goods-buy-layer .inner {padding: 15px;}
    .view-container .reply-box img{width:100%;}
    .view-container .reply-box .btn-box{margin:8% 0;}

    .write-pop {width: 80%;}
    .write-pop .popup-body {max-height: 70vh;overflow-y: auto;padding: 15px 10px;}
    .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:not(.normal) {display: block;}
    .shopping table.table:not(.normal) thead {display: block;border-bottom: 1px solid #ccc; position: relative;}
    .shopping table.table:not(.normal) tbody {display: block;}
    .shopping table.table:not(.normal) tfoot {display: block;}
    .shopping table.table:not(.normal) tbody tr {padding: 12px 8px;padding-left: 125px;border-top: 1px dotted #ddd;}
    .shopping table.table:not(.normal) tr {display: block;position: relative;}
    .shopping table.table:not(.normal) td {display: block;border: 0;text-align: left;padding: 0;overflow: hidden;}
    .shopping table.table:not(.normal) th {display: block;border: 0; padding: 8px;min-height: 37px; color: #222;}
    .shopping table.table:not(.normal) tfoot td {padding: 10px;text-align: right;border-top: 1px solid #e5e5e5;}
    .shopping table.table.center:not(.normal) tbody tr {min-height: 110px}
    .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;position: absolute;left:0;top:0}
    .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: 0;}
    .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.discount br {display: none}
    .shopping table.table td.discount .btn {margin-left: 5px;}
    .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}
    #cartform {position: relative;}
    #cartform .cart-delete {position: absolute;right:0;top:-5px;margin: 0;padding: 0;}
    .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;}


    #address_add {}
    #address_add h1 {padding: 1rem;font-size:1.2rem}
    #address_add h1 button {right: 1rem;}
    #address_add .inner-box {top:5%;left:0;right:0;margin: 0 auto;width: auto;max-width:640px}
    #address_add .address_con {padding: 1rem;overflow-y: auto;max-height:60vh;font-size:1rem}
    #address_add .btn-box .btn {font-size:15px;width: auto; height: auto;padding: 6px 12px !important;line-height: normal;}
    #address_add .table colgroup {display: none;}
    #address_add .address_con table th, #address_add .address_con table td {width: auto;}

    #address_list {}
    #address_list h1 {padding: 1rem;font-size:1.2rem}
    #address_list h1 button {right: 1rem;}
    #address_list .inner-box {top:5%;left:0;right:0;margin: 0 auto;width: auto;max-width:640px}
    #address_list .address_con {padding: 1rem;overflow-y: auto;max-height:60vh;font-size:1rem}
    #address_list .btn-box .btn {font-size:15px;width: auto; height: auto;padding: 6px 12px !important;line-height: normal;}
    #address_list .table colgroup {display: none;}
    #address_list .address_con table th, #address_list .address_con table td {width: auto;}

    .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 {margin: 30px 0;display: block}
    .total-price-wrap dl {float: none;width: auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
    .total-price-wrap dl+dl {border-left: 0;}
    .total-price-wrap dl+dl {border-top: 1px solid #e5e5e5;}
    .total-price-wrap dl dd:after {content: "";display: block;background-size: 20px !important; width: 20px;height: 20px;position: absolute;right: auto; left: 50%; top: auto;bottom: 0; margin-right: 0;margin-left: -10px;margin-top: 0;margin-bottom: -10px; z-index: 2;}
    .total-price-wrap dl:first-child {width: auto;}
    .total-price-wrap dl:last-child {width: auto;}
    .total-price-wrap dt {padding: 10px; border-bottom: 0;text-align: center;width:25%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
    .total-price-wrap dd {padding: 20px;text-align: center;line-height: 20px; font-size: 13px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: calc(100% - 25%);}
    .total-price-wrap dd b {font-size: 17px;vertical-align: -1px;}
    .total-price-wrap .price b {font-size: 18px;}
    .total-price-wrap small {display: inline-block;margin-top: 0;margin-left: .5em;}

    .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:not(.normal) tbody {display: block;}
    .shopping .order-form table.table:not(.normal) tr {display: block;padding: 0 !important;border: 0;overflow: hidden;}
    .shopping .order-form table.table:not(.normal) tr+tr {border-top: 1px dotted #ddd}
    .shopping .order-form table.table:not(.normal) tr th {display: block;background: none;border: 0;}
    .shopping .order-form table.table tr th br {display: none}
    .shopping .order-form table.table:not(.normal) tr th.first {display: block;/* border-bottom: 1px solid #eee; */ padding-bottom: 0;}
    .shopping .order-form table.table:not(.normal) th, .shopping .order-form table.table:not(.normal) td {display: block;padding: 8px;}
    .shopping .order-form table.table:not(.normal) th:not(.first) {float: left;width: 100px; margin-right: 10px; line-height: 30px;font-size: 12px;}
    .shopping .order-form table.table:not(.normal) th:not(.first)+td {line-height: 30px;}
    .shopping .order-form table.table:not(.normal) tr.border-top-none {border-top: 0;}
    .shopping .order-form table.table:not(.normal) tr.border-top-none td {padding-top: 0;}
    .shopping .order-form table.table td:not(.coupon) .form-control-static {width: 100%;float: left;display: block;padding: 0 2px;}
    .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: #0260fa;line-height: 1;}
    .shopping .order-form table.table td label {line-height: normal;}
    .shopping .order-form table.table td.pay-type label {width:24%;margin: 5px 0;}
    .shopping .order-form table.table td.donate {}
    .shopping .order-form table.table td.donate label {width:24%;margin: 5px 0;min-width: inherit;vertical-align: top;}
    .shopping .order-form table.table td.donate label span {min-width: inherit}
    .shopping .order-form .pay-type label span {font-size:.9rem;min-width:inherit;padding-left: 0;padding-right: 0;}
    .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: 60px; 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] {margin-top: 0;}
    .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: 50%;}
    .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.jumin div[class*=col] {width: 47.5%}
    .shopping .order-form table.table td.mileage .form-control {width: 100px}
    .shopping .order-form table.table td.pay-type {width: 100%;}
    .shopping .order-form table.table .apply-point th.first {display: inline-block;}
    .shopping .order-form table.table .apply-point td.mileage {display: block;margin-top: -40px;}
    .shopping .order-form table.table .apply-point td.mileage .form-control-static {text-align: right;}
    .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 .order-form .total-price-wrap {margin: 0;margin-top: -1px;}
    .shopping .order-form .total-price-wrap .table th, .shopping .order-form .total-price-wrap .table td {text-align: center;padding: 12px;}
    .shopping .order-form .total-price-wrap .table th {font-size: 15px;color: #222;}
    .shopping .order-form .total-price-wrap .table td .price b {font-size: 24px}
    .shopping ul {color: #888;display: table;table-layout: fixed;width: 100%;}

    .shopping ul:not(.item-list) {color: #888;display: table;table-layout: fixed;width: 100%;}

    .shopping.order table.table tbody tr {padding: 12px;padding-bottom: 40px;}
    .shopping.order table.table tbody tr .img {margin-right: 10px;width: 60px;}
    .shopping.order table.table tbody tr .img img {width: 60px;height: 60px;}
    .shopping.order table.table tbody tr td.img+td {margin-left: 70px;}
    .shopping.order table.table tbody tr td:not(.title) {/* display: inline-block; */}
    .shopping.order table.table tbody tr td.title {min-height:65px}
    .shopping.order table.table tbody tr td.qty {margin: 0;}
    .shopping.order table.table tbody tr td.price{float: right;}
    .shopping.order table.table tbody tr td.price br {display: none;}
    .shopping.order table.table tbody tr .goodscouponapply {position: absolute;right:10px;bottom:10px}
    .shopping.order table.table tbody tr.account b {width: 20%;display: inline-block;line-height: 34px;font-weight: normal;}
    .shopping.order table.table tbody tr.account .form-control {width: 78%;display: inline-block;float: right;}
    .shopping.order table.table tbody tr.account .form-control-static {margin-top: 5px;}
    .shopping.order table.table tbody tr.account .help-block {float: right;width: 78%;}
    .gcoupon-list {max-height: 70vh;overflow-y: auto;}


    /* 더보기 */
    .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: 1.8em;}
    .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;}

    #select-option_no {}
    #select-option_no .inner-box {left:5%;right:5%;margin: 0;width: auto;}
    #select-option_no .goods-info {padding: 2rem;font-size:1rem}
    #select-option_no .goods-info .goods-name {font-size:1.1rem}
    #select-option_no.goods-info .btn-box {margin-top: 1em;}
    #select-option_no .goods-info .btn-box .btn {font-size:1.125rem;}

    #select-option_have {}
    #select-option_have .inner-box {left:5%;right:5%;margin: 0;width: auto;}
    #select-option_have .goods-info {padding: 2rem;font-size:1rem}
    #select-option_have .goods-info .goods-name {font-size:1.1rem}
    #select-option_have .goods-info .btn-box {margin-top: 1em;}
    #select-option_have .goods-info .btn-box .btn {font-size:1.125rem;}
}

/* iPhone 5,SE */
@media all and (max-width: 320px) {
    html {font-size: 12px;}
}



.new-arrivals {background: url(../img/bg_new.jpg) no-repeat 50% 50%;background-size: cover;padding: 5% 0;}
.new-arrivals h1 {color:#fff}
.new-arrivals-slider {position: relative;}
.new-arrivals-slider .item-list .item-info {background: #fff;margin-top: 0;padding: 15px;/* min-height:7.5em; */}
.first-purchase {}
.first-purchase .best {position: relative;}
.first-purchase .best .info {position: absolute;left:0;right:0;bottom:0;background: rgba(0,0,0,0.5);color:#fff;padding: 15px;}
.first-purchase .info span {color:#0260fa;font-size:15px;}
.first-purchase .info strong {display: block;font-size:22px;font-weight: bold;}
.first-purchase .info p {font-size:14px;}
.first-purchase ul {border: 1px solid #e5e5e5 }
.first-purchase li {display: table;border-collapse:collapse;position: relative;width: 100%;}
.first-purchase li img{width: 100%;} /* 통이미지용 */
.first-purchase li .thumb {display: table-cell;width:160px;}
.first-purchase li .thumb img {height: 128px;}
.first-purchase li .info {display: table-cell;vertical-align: middle;padding: 15px;}
.first-purchase li .info p {color:#666}
.first-purchase li+li {border-top: 1px solid #e5e5e5;}
/*.first-purchase li:after {content:"\f112";font:normal normal normal 2rem/1 LineAwesome;position: absolute;right:15px;top:50%;transform:translate(0,-50%);opacity: .5;}*/

@media (max-width: 99999px) {
    .new-arrivals .swiper-button-prev, .new-arrivals .swiper-button-next {display: none;}
    .first-purchase .best {margin-bottom: 15px;}
    .first-purchase .thumb img {width: 100%}
    .first-purchase .info span {font-size:inherit}
    .first-purchase .info strong {font-size:15px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis}
    .first-purchase .info p {font-size:inherit}
    .first-purchase li .info {padding: 5px 15px;padding-right: 10%;}
    .first-purchase li .thumb {width: 35%;vertical-align: middle;}
    .first-purchase li .thumb img {height: auto}

    .new-arrivals-slider .item-list .item-info {/* min-height:9em; */}

    .indexPop {width: 100% !important;height: auto !important;left:0 !important;top:50px !important;z-index: 99;}
    .indexPop iframe {width: 100% !important;}
    .indexPop iframe img {margin-bottom: 30px;max-width:100%}
}



/* 썸네일안 상품이미지 레이어추가 */
.thumb {position: relative;}
.thumb .prd-img {position: absolute;left:15px;bottom:15px;overflow: hidden;}
.thumb .prd-img img {width:91px !important;height: 118px !important;}
.thumb .kg {position: absolute;top: 15px;font-weight: bold;right: 15px; z-index: 2;text-align: center;padding: .5em .8em;font-size: 1.4em;line-height: 1; border-radius: 25px;background: #fff;z-index: 3;font-weight: bold;}
.thumb .kg em {font-style:normal;font-size:80%;font-weight: 300;margin-left: 2px;}
.item-list-wrap.col-3 .prd-img img {width:150px !important;height: 195px !important;}
.special-time-sale .prd-img img {width:150px !important;height: 195px !important;}
.big-thumb {position: relative;}
.big-thumb .prd-img {position: absolute;left:15px;bottom:15px;overflow: hidden;}
.big-thumb .prd-img img {max-width:inherit !important;min-height:inherit;-webkit-transform:none !important;transform:none !important;width:150px !important;height: 195px !important;}
.big-thumb .kg {position: absolute;top: 15px;font-weight: bold;right: 15px; z-index: 2;text-align: center;padding: 10px 15px;font-size: 1.2em;line-height: 1; border-radius: 25px;background: #fff;z-index: 3;font-weight: bold;}
.big-thumb .kg em {font-style:normal;font-size:80%;font-weight: 300;}

@media (max-width: 99999px) {
    .thumb .prd-img {left: 10px;bottom:10px;}
    .thumb .prd-img img {width:62px !important;height: 80px !important;}
    .thumb .kg {right:10px;top:10px;padding: .5em;font-size: 1em;}
    .md-pick .thumb .kg {left:auto;right:10px;}
    .item-list-wrap.col-3 .prd-img img {width:62px !important;height: 80px !important;}
    .special-time-sale .prd-img img {width:62px !important;height: 80px !important;}
    .big-thumb .prd-img {left: 10px;bottom:10px;}
    .big-thumb .prd-img img {width:69px !important;height: 90px !important;}
    .big-thumb .kg {right: 10px;}
}

/* 포토리뷰추가 */
.star-average {background: url(../img/ic_star_off.png) no-repeat 0 50%;display: inline-block;height: 16px;min-width: 89px;background-size: 89px; vertical-align: top;}
.star-average span {display: block;height: 100%; background: url(../img/ic_star_on.png) no-repeat 0 50%;background-size: 89px;}
.board-list .review {}
.board-list .review .list-top {position: relative;}
.board-list .review .list-top b {color:#0260fa}
.board-list .review .list-top .sort {position: absolute;right:0;top:0}
.board-list .review .list-top select {background:#fff url(../img/arr_select1.png) no-repeat 100% 50%;border: 0;}
.board-list .review ul.phto-review-list {border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.board-list .review ul li {border-top: 1px solid #e5e5e5;}
.board-list .review ul .is-photo {padding: 30px;display: table;width: 100%;}
.board-list .review ul .is-photo >* {display: table-cell;vertical-align: top;}
.board-list .review .no {width: 50px;}
.board-list .review .thumb {width: 160px;}
.board-list .review .thumb a {display: block;padding-top: 100%;position: relative;overflow: hidden;}
.board-list .review .thumb img {width: 100%;height: 100%;position: absolute;left:0;top:0}
.board-list .review .review-info {padding-left: 30px;}
.board-list .review .review-info strong {font-size:16px;display: block;font-weight: normal;;margin: 15px 0}
.board-list .review .review-info .review-text {font-size:15px;color:#666;margin: 15px 0;line-height:25px;max-height:75px;overflow: hidden;font-weight: 300;}
.board-list .review .review-info .grade {display: inline-block;margin-right: 20px;}
.board-list .review .review-info .date {display: inline-block;font-size: 12px;color: #888;}
.board-list .review .review-info .date span+span {padding-left: 10px;margin-left: 10px;position: relative}
.board-list .review .review-info .date span+span:before {content: "";display: block;width: 1px;height: 12px;background: #ddd;position: absolute;left: 0;top: 50%;margin-top: -6px}
.board-list .review .show-review {display: block;}
.board-list .review .hide-review {display: none;}
.board-list .review .review-info .file-img {display: none;margin: 15px 0;}
.board-list .review .is-text {padding: 15px 30px;}
.board-list .review .is-text .review-info {padding-left: 0;}
.board-list .review .is-text strong {margin: 0;width:;}
.board-list .review .is-text .top-area {float: right;}
.board-list .review .is-text .comment-area {padding-left: 50px;}
.board-list .review .is-text .hide-review {margin-left: 50px;}
.board-list .review .text-review-title {display: table;width: 100%;cursor:pointer}
.board-list .review .text-review-title>* {display: table-cell;}
.board-list .review .text-review-con {display: none;padding-top: 15px;padding-left: 50px;font-size:15px;font-weight: 300;line-height: 25px;}

.board-list .review .is-open .thumb {display: none;}
.board-list .review .is-open .review-info {padding-left: 0;}
.board-list .review .is-open .review-info .file-img {display: block;}
.board-list .review .is-open .show-review {display: none;}
.board-list .review .is-open .hide-review {display: block;}
.board-list .review .btn {margin-top: 15px;}
.board-list .review .is-open .comment-area {display: block;}
.board-list .review .comment-area {margin-top: 30px;display: none;}
.board-list .review .comment-area .date {margin-bottom: 15px;font-size:15px;;}
.board-list .review .comment-area .date img {margin-right: 5px;width: 40px;height: 40px;border-radius:50%;}
.board-list .review .comment-area .comment {margin-left: 50px;background: #fff6ec;padding: 30px;position: relative;border-radius:15px;border-top-left-radius:0;font-size:15px;}
.board-list .review .comment-area .comment:before {content:"";border:5px solid transparent;border-left-color:#fff6ec;border-bottom-color:#fff6ec;position: absolute;left:0;top:-10px}

.review-event {margin-bottom: 50px;padding: 30px;background: #fff5eb url(../img/bg_review.png) no-repeat 120% 150%;}
.review-event dl {display: table;}
.review-event dl > * {display: table-cell;vertical-align: middle;padding: 0 20px;}
.review-event dl dt {width: 25%;}
.review-event dl dd {border-left: 1px solid #e5e5e5;font-size:15px;text-align: center;width: 20%;}
.review-event dl dd:last-child {width: 30%;}
.review-event dl dd img {display: block;margin: 0 auto;margin-bottom: 15px;}
.review-event dl dd ul {text-align: left;margin: 0;}

.board-list .review .is-open .text-review-con {display: block;}
.board-list .review .is-open .comment-area {display: block;}


@media (max-width: 99999px) {

    .board-list .review ul.phto-review-list li {padding: 20px 0;}
    .board-list .review .no {width: 20px;}
    .board-list .review .thumb {width: 80px;}
    .board-list .review .review-info {padding-left: 15px;}
    .board-list .review .review-info strong {font-size:14px;margin-bottom: 10px;}
    .board-list .review .review-info .review-text {font-size:14px;margin: 10px 0;}
    .board-list .review .review-info .grade {margin-right: 10px;}
    .board-list .review .review-info .file-img {margin: 10px 0;}
    .board-list .review .is-text {padding: 15px;}
    .board-list .review .is-text .top-area {float: none;}
    .board-list .review .is-text .comment-area {padding-left: 20px;}
    .board-list .review .is-text .hide-review {margin-left: 20px;}
    .board-list .review .is-text strong {margin-top: 15px;margin-bottom: 10px;}
    .board-list .review .text-review-con {padding-left: 20px;}
    .board-list .review .comment-area {margin-top: 20px;display: none;}
    .board-list .review .comment-area .date {margin-bottom: 10px;font-size:14px}
    .board-list .review .comment-area .date img {width: 30px;height: 30px;}
    .board-list .review .comment-area .comment {margin-left: 40px;padding: 15px;font-size:13px}

    .review-event {margin-bottom: 30px;padding: 20px;background-size: 900px; background-position:100% 100%;}
    .review-event dl {display: block;}
    .review-event dl > * {display: inline-block;vertical-align: top;padding: 0 10px;}
    .review-event dl dt {width: auto;display: block;margin-bottom: 20px;}
    .review-event dl dt img {max-height:50px}
    .review-event dl dd {font-size:inherit;border: 0;width: 48%;}
    .review-event dl dd:last-child {width: 100%;margin-top: 20px;border-left: 0;}
    .review-event dl dd+dd {border-left: 1px solid #e5e5e5;}
    .review-event dl dd ul {margin-right: 80px;}
    /*.review-event dl dd li br {display: none;}*/

    .mobile-category ul {display: -webkit-box;display: -ms-flexbox;display: flex;;}
    .mobile-category li {-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%;}

}

#receipt {padding: 5px;max-width: 560px;margin: 0 auto; position: relative;}
#receipt h1 {background: #000;color: #fff;padding: 1em;font-size: 16px;}
#receipt .btn {position: absolute;right: 0;top: 0;font-size: 16px;color: #fff;margin: 1em}
#receipt .cont {background: #fff;border:1px solid #000}




.seller-notice {background: #fffed7 url(../img/bg_note.png) no-repeat 100% 100%;text-align: left;padding: 1.5em 2em;border-top: 1px solid #e5e5e5;}
.seller-notice dl {color:#444}
.seller-notice dt {padding-left: 2em;background: url(../img/ic_note.png) no-repeat 0 50%;margin-bottom: 10px;font-size:110%}
.seller-notice dd {line-height: 1.8;color:#666}
.seller-notice dd.date {margin-top: 15px;color:#888;font-size:95%}






/* 파트너쉽 */
.partnership .top-title {margin-bottom: 20px;/* margin-top: -70px; */ padding: 55px 80px;width: 100%;border: 1px solid #ddd; background: #fbfbfb url(../img/bg_partner.png) no-repeat 95% 50%; border-collapse: collapse;}
.partnership .top-title .inner {display: table;font-size: 26px}
.imp span {color: #e50426}
@media (max-width: 992px) {
    .partnership .top-title {margin-top: 0px;margin-bottom: 20px;padding: 25px;padding-right: 120px;background-size: contain}
    .partnership .top-title .inner {font-size: 1.2em;}
    .imp span {color: #e50426}
}




/*20230105 여기부터 신규 디자인 적용*/
.fixed-bg {background: /*url(../img/bg_body.png) no-repeat 50% cover;*/ #F7F1EC; position: fixed;width: 100vw;top:0;height: 100%;z-index: -1;}
.fixed-search {display:none; position: fixed;z-index: 0;z-index: 0;/*width: 100%; max-width: 400px; */height: 100%; /*left: calc(55vw - 520px);*/ left:calc(50vw + 100px); width:calc(50% - 100px); /*display:flex;*/ flex-wrap:nowrap; justify-content:center; flex-direction:column; top:0; opacity 0.3s ease;transition: opacity 0.3s ease;}
.fixed-search h1 {position: fixed;top: 80px}
.fixed-search .copy {margin-bottom: 30px;color: #888;font-size: 38px;letter-spacing: -.03em}
.fixed-search .copy b {font-size: 45px;color: #222;display: block;line-height: 1.3;font-weight:400;}
.fixed-search .copy b span {color:#0260fa ;}
.fixed-search .copy span{color:#0260fa; font-weight:600; font-size:50px;}
.fixed-search .copy b span:nth-of-type(2) {color: #0260fa;}
.fixed-search .center-area {position: fixed;/*top: 32%;*/ top:20%; /*width: 470px;*/ width:100%;}
.fixed-search .search-container {position: relative; width:300px;}
.fixed-search input {height: 70px; /*width: 100%;*/ width:300px; background: #fff;border: 0;outline: 0;font-size: 15px;padding: 0  30px;border-radius: 40px;/*-webkit-box-shadow: 2px 2px 0 2px rgba(236, 59, 3, 0.065);box-shadow: 2px 2px 0 2px rgba(236, 59, 3, 0.065)*/border:2px solid #222; }
.fixed-search button {border: 0;padding: 0;outline: 0;background: none;position: absolute;right: 20px;top: 0;bottom: 0;}
.fixed-search button img {width:40px;}
.fixed-search .search-tags {width:400px; margin-top: 30px;font-size: 0;padding-left: 5px;}
.fixed-search .search-tags span {display: inline-block;font-size: 15px;border: 1px solid #0260fa; color: #fff; border-radius: 30px;padding: .5em 1em;margin-right: 10px;margin-bottom: 10px; background:#0260fa;}
.fixed-search .search-tags span:nth-child(even) {border-color: #D5E9C8; color: #0260fa; background:#fff;}

@media only screen and (max-width: 1023px) {
    .fixed-bg {background: #F7F1EC;}
    .fixed-search {display: none;}
}

@media (min-width: 320px) and (max-width: 640px) {
	.detail-top .btn-box.row.fixed {left:0;margin: 0;}
}

/* fixed-bg 신규 김미경 */
.bg_sns_button{margin-top:50px;}
.bg_sns_button ul{overflow: hidden;}
.bg_sns_button ul li{float:left;padding-right:15px;}
.bg_sns_button ul li a{display:block;}
.bg_sns_button ul li a img{display:block;}
.bg_sns_button ul li a span{display:block; margin-top:5px; text-align:center;font-weight:400; color:#333; font-size:13px;}

.bg_banner{margin-top:20px;}
.bg_banner ul{}
.bg_banner ul li{}
.bg_banner ul li a{}
.bg_banner ul li a img{}


/* main_subcate - 메인 3단배너 */
.index .maincb{padding:40px 15px 0; width:1230px; margin:0 auto;}
.index .maincb h1 {}
.cont_section_01{display:grid;grid-template-columns:repeat(4, 1fr); column-gap:10px;}
.cont_section_02{display:grid;grid-template-columns:repeat(3, 1fr); column-gap:10px; margin-bottom:100px; padding-top:30px;}
.mem_none{}
.memberlist{margin-bottom:30px;}
.memberlist a > img{width:100%;}
.memberlist-txt{margin-top:10px;}
.memberlist-txt p{font-size:16px; line-height:20px; font-weight:500;}
.memberlist-txt span{font-size:13px; color:#666; margin-top:5px; display:block;}

/* 기업 광고 AD */
.ad-list{}
.ad-list a {}
.ad-list a > img{border-radius:10px;box-shadow:rgba(0, 0, 0, 0.16) 0px 1px 4px;}



@media (max-width: 1024px) {
    .memberlist > a > img{width:100% !important}
    .maincb{width:100% !important}
    .cont_section_01{grid-template-columns:repeat(2, 1fr);}
    .sub-content {width:100% !important;}
    .detail-top .btn-box.row.fixed{width:100% !important;}
    .index .shop-category{width:100% !important; padding: 40px 0 0;}
    .item-list{grid-template-columns:repeat(2,1fr);}
    .ad-list{margin:0 5px;}
}

@media (max-width: 420px) {
    .memberlist-txt p{font-size:14px;}
    .memberlist-txt span{font-size:11px;}
    .cont_section_02{margin-bottom:0;}
    
}
.contwrap-1230{width:1230px; margin:0 auto;}
.contwrap-1230-footer{width:1230px; padding:0 15px; margin:0 auto;}
.main_subcate_banner{width:1240px; margin:50px auto; padding:0 15px;}
.main_subcate_banner ul li img{width:100%;}

@media (max-width: 1024px) {
    .main_subcate_banner,.contwrap-1230,.contwrap-1230-footer{width:100% !important;}
    .contwrap-1230{}
    .contwrap-1230-footer{}
}

/* 기수별 바로가기 */
ul.mem_list_more li {display: none;}
ul.mem_list_more li:nth-child(-n+20) {display: list-item;}
ul.mem_list_more.show-all li {display: list-item;}
#toggleButton {margin-top: 30px; padding: 10px 20px; background-color: #007BFF; color: white; border: none; border-radius: 4px; cursor: pointer; font-size:18px;}

.main_subcate{display:flex; justify-content: center;}
.main_subcate ul{margin-bottom:20px; overflow:hidden;}
.main_subcate ul li{float:left; padding-right:10px;}
.main_subcate ul li:last-child{padding-right:0;}
.main_subcate ul li a{display:block; position:relative;}
.main_subcate ul li a > img{width:100%; height:auto;}
.main_subcate ul li a .sub_cb_txt{position:absolute; top:0; left:0a; padding:20px 15px 0; color:#333; font-weight:400;}
.main_subcate ul li a .sub_cb_txt p{font-size:20px; font-weight:500;;}
.main_subcate ul li a .sub_cb_txt span{color:#333; font-size:13px;display:block; margin-top:5px;}

/* main_brand_b - 메인 브랜드 롤링 배너 */
.index .main_brand_b{padding:10px 0;}
.main_b_wrap{}
.main_b_wrap ul{}
.main_b_wrap ul li{}
.main_b_wrap ul li a{}

/* 카테고리 분류 디자인 eachpage/cat_sample */
.cat_banner{}
.cat_banner a{}
.cat_banner a img{}
.cat_wrap{}
.cat_wrap ul{display:grid; grid-template-columns: repeat(4, 1fr); column-gap:10px; margin-top:30px;}
.cat_wrap ul li{margin-bottom:30px;}
.cat_wrap ul li a{display:block; text-align:center;}
.cat_wrap ul li a img{/*width:100%;*/}

/* 게시판 - title area*/
/*table*/
.rowTbl {width: 100%;word-break:break-all;position: relative;}
.rowTbl th {border:#dbdbdb 1px solid;background:#fbfbfb;font-weight: bold;color: #202020;line-height: 18px;padding: 14px 0 10px 18px;text-align: left;vertical-align: top}
.rowTbl th.type3 {font-weight: normal;color: #808080}
.rowTbl th.type3.btnWith {padding:8px 0 5px 18px; line-height:26px;}
.rowTbl td {border:#dbdbdb 1px solid;padding: 14px 18px 10px;color: #808080;line-height: 18px;word-break:keep-all !important;word-wrap:break-word !important;}
.rowTbl td.red {color: #e50426}
.rowTbl td.bold {color: #202020;font-weight: bold}
.rowTbl td.bold2 {color: #202020}
.rowTbl tbody td span.desc {margin-left: 10px}
.rowTbl tbody td div.desc {line-height: 20px;font-size: 12px;}
.rowTbl tbody td div.desc2 {margin-left: 20px;color: #869dc2}
.rowTbl tbody td .br {margin-top: 8px;position: relative;}
.rowTbl tbody td .br:first-child {margin-top: 0}
.rowTbl.type2 tbody th {border-top: 0 none;border-bottom: 0 none}
.rowTbl.type2 .btop {border-top:#dbdbdb 1px solid}
.rowTbl.type2 .bbottom {border-bottom:#dbdbdb 1px solid}
.rowTbl.type2 tbody td.likeTh {font-weight:bold; color:#202020; background:#fbfbfb; border:none;}
.rowTbl.type2 tbody td.likeTh.border {border-bottom:1px solid #dbdbdb;}
.rowTbl.type3 tbody th {padding-left:29px}
.rowTbl.type3 tbody th .essential {position: absolute;left: 18px}
.rowTbl.type4 tbody th, .rowTbl.type4 tbody td {padding: 8px 18px 6px;vertical-align: middle}
.rowTbl.type4 tbody th.type2, .rowTbl.type4 tbody td.type2 {padding: 11px 18px 11px}
.rowTbl tbody td.order {background: #fdfbf2;text-align: right;font-weight: bold;color: #e50426}
.rowTbl tbody td.order.type3 {font-size: 14px}
.rowTbl.type4 tbody td.labelType label {margin-bottom: 5px}
.colTbl {width: 100%;border-top:#dedede 1px solid;table-layout: fixed;word-break:break-all}
.colTbl thead th {/*border-bottom:#dedede 2px solid;*/background:#f6f6f6;color: #5d5d5d;padding: 13px 0;text-align:center}
.colTbl tbody td {border-bottom:#e9e9e9 1px solid;padding: 13px 0;color: #686868;text-align: center;line-height: 1.1em}
.colTbl tbody td a.pic {padding-left: 23px;background: url(../images/section/icon_pic.gif) 0 center no-repeat;}
.colTbl tbody td a.secret {display: inline-block;min-height: 15px;padding-left: 21px;background: url(../images/section/icon_secret.gif) 0 center no-repeat;}
.colTbl tbody td.satisf {text-align: left;padding-left: 45px;background: url(../images/section/icon_satis.gif) 20px 0 no-repeat;}
.colTbl tbody td.satisf.second {background-position:20px -40px}
.colTbl tbody td.satisf.third {background-position:20px -80px}
.colTbl tbody td.satisf.fourth {background-position:20px -120px}
.colTbl tbody td.satisf.fifth {background-position:20px -160px}
.colTbl tbody td.dark {color: #202020}
.colTbl tbody td.bold {color: #202020;font-weight: bold}
.colTbl tbody td.red {color: #e50426}
.colTbl tbody td.red2 {color: #e50426;font-weight: bold}
.colTbl tbody td .charge {min-width: 92px;color: #202020;font-weight: bold;text-align: right;margin-right: 78px}
.colTbl tbody td.oNum {line-height: 20px}
.colTbl tbody td.oBtn a {margin:3px 0;}
.colTbl tbody td.bg1 {padding: 7px 0 !important;background: #fbfbfb}
.colTbl tbody td.bg2 {background: #fbf8ef}
.colTbl tbody td.bg3 {background: #f1f5fb}
.colTbl tbody td p.dateP {font-weight:bold; color:#202020;}
.colTbl tbody td p.contP {line-height:18px;}
.colTbl tbody tr.relpyArea td {padding: 0}
.colTbl tbody tr.type2 td {border-width: 2px}
.colTbl.type2 thead th {color: #202020;font-weight: bold}
.colTbl.type2 tbody td {padding: 18px 0}
.colTbl.type2 thead th.pd, .colTbl.type2 tbody td.pd {padding-right: 78px}
.colTbl.type2 tfoot td {padding: 18px 78px 18px 20px;background: #f6f6f6;color: #202020;border-bottom:#dedede 2px solid;line-height: 1.2em;}
.colTbl.type2 tfoot td.type2 {padding-right:28px}
.colTbl.type3 {border-top:0 none}
.colTbl.type3 thead th {color: #202020;font-weight: bold;border-top:#b7b7b7 1px solid;padding: 0;height: 38px;vertical-align: middle;line-height: 1.1em}
.colTbl.type3 thead th.left {border-left:#b7b7b7 1px solid}
.colTbl.type3 thead th.right {border-right:#b7b7b7 1px solid}
.colTbl.type3 tbody tr:hover {background: #fefbf2}
.colTbl.type3 tbody td {padding: 13px 0;border-bottom: 0 none;border-top:#dedede 1px solid}
.colTbl.type3 tbody td:hover a {text-decoration:underline !important;color:#e50426}
.colTbl.type3 tbody tr:first-child td {border-top:0 none}
.colTbl.type4 thead th {color: #202020;font-weight: bold;padding: 0;height: 38px;vertical-align: middle;line-height: 1.1em}
.colTbl.type4 tbody td {padding: 10px 0}
.colTbl.type4 tbody tr.noticeTop td {font-weight: bold;background: #fefbf2}
.colTbl.type4 tbody td a.file {padding-right: 21px;background: url(../images/customer/icon_file.png) right 0 no-repeat;}
.colTbl.type4 tbody td span.new {margin-left: 5px;width: 12px;height: 12px;background: url(../images/customer/icon_new.gif) 0 0 no-repeat;}
.colTbl.type5 thead th {color: #202020;font-weight: bold;padding: 0;height: 38px;vertical-align: middle;line-height: 1.1em}
.colTbl.type5 tbody td {padding: 5px 0}
.dataTbl {width: 100%;word-break:break-all}
.dataTbl th {border:#ededed 1px solid;border-top-color:#adadad;border-bottom-color:#dbdbdb;background:#fbfbfb;font-weight: bold;color: #202020;padding: 12px 0 10px;text-align: center;vertical-align: middle}
.dataTbl td {border:#ededed 1px solid;border-bottom-color:#dbdbdb;padding: 18px 0 16px;text-align: center;font-size: 14px;font-weight: bold;color: #202020}
.dataTbl td strong.num {font-size: 24px}
.dataTbl td.top {border:#dfca7a 1px solid;background: #f8f4e4;font-size: 13px;color: #68614d}
.dataTbl td.top strong {color: #3c3728;margin-right: 5px}
.dataTbl td.top span {font-size: 12px;color: #9b9686}
.dataTbl th.bl {border-left-color:#adadad}
.dataTbl td.bl {border-left-color:#ccc}
.dataTbl th.br {border-right-color:#adadad}
.dataTbl td.br {border-right-color:#ccc}
.dataTbl td .ulList {margin-left: 18px}
.dataTbl tr.btN th, .dataTbl tr.btN td {border-top-color:transparent;}
.tTxt {font-size: 18px;color: #202020;margin:0 15px;vertical-align: top}
.tPrice {font-size: 18px;color: #e60021;font-weight: bold;vertical-align: top}
.essential {color: #e50426}
*+ html .rowTbl tbody td {padding-left: 10px;padding-right: 10px}
*+ html .rowTbl tfoot th, .rowTbl tfoot td {border-top: 0 none}
*+ html .dataTbl td {line-height: 1.2em}
*+ html .dataTbl td strong.num {line-height: 1.3em}
*+ html .tTxt {line-height: 1em}
*+ html .tPrice {line-height: 1em}

/* 공지사항 검색 */
.bSearch {margin:20px 0; text-align:right;}

/*공지사항 보기*/
.boardView {margin: 15px 0 20px;border-top: #d8d8d8 1px solid;border-bottom: #d8d8d8 1px solid}
.boardView .viewTit {padding: 0 22px 0 16px;height: 39px;border-left: #d8d8d8 1px solid;border-right: #d8d8d8 1px solid;border-bottom: #202020 2px solid}
.boardView .viewTit h2 {float: left;font-size: 14px;color: #202020;line-height: 39px}
.boardView .viewTit h2.new {padding-right: 22px;background: url(../images/customer/icon_new.gif) right 13px no-repeat;}
.boardView .viewTit ul {float: right}
.boardView .viewTit ul li {float: left;padding-left: 24px;line-height: 39px;background: url(../images/customer/line_02.gif) 11px 11px no-repeat;}
.boardView .viewTit ul li:first-child {background:none}
.boardView .viewTit ul li strong {color: #202020}
.boardView .fileBox {padding-right: 20px;width: 890px;height: 30px;text-align: right;line-height: 30px;border-bottom: #d8d8d8 1px solid;background: #fbfbfb}
.boardView .fileBox strong {color: #202020}
.boardView .fileBox .fName {display: inline-block;padding-right: 20px;margin-left:5px;background: url(../images/customer/icon_file.png) right 8px no-repeat;}
.boardView .viewCon {padding: 20px 33px;line-height: 24px;color: #686868}
.writeList {margin-top:30px;border-top: #d8d8d8 1px solid;border-bottom: #d8d8d8 1px solid}
.writeList dl {border-top: #ececec 1px solid;height: 40px}
.writeList dl:first-child {border-top: 0 none}
.writeList dl dt {padding: 0 50px 0 23px;line-height: 40px;color: #202020;font-weight: bold;float: left}
.writeList dl dd {line-height: 40px;color: #808080;float: left}

.btnGroup.redB {padding:0 14px;height: 31px;padding:10px 20px; border-radius: 5px; min-width: 73px;font-size:15px;color:#0260fa;font-weight:400;line-height: 31px;background: #DBE9FF;}

/*paging*/
.paging {width: 100%;margin-top: 50px;text-align: center;}
.paging a {display:inline-block;width: 29px;height: 29px;color: #555;line-height: 30px;font-weight: bold}
.paging span.selected {color:#0260fa;padding:5px 10px;line-height: 30px;font-weight: bold;}
.paging a.prev {margin: 0 10px 0 5px}
.paging a.next {margin: 0 5px 0 10px}
.pop .paging {margin-top: 20px}
.paging2 {width: 100%;margin-top: 38px;text-align: center;}
.paging2 a {display:inline-block;width: 16px;height: 16px;color: #6c6c6c;line-height: 16px;font-size: 11px;margin-left: 3px;font-weight: bold}
.paging2 span.selected {width: 14px;height: 14px;color: #dd060e;line-height: 14px;border: #dd060e 1px solid;font-weight: bold}
.paging2 a.prev {line-height:13px;height: 12px;margin: 2px 7px 2px 0;padding: 0 7px 0 14px;width: auto;font-weight: normal;border-right:#e0e0e0 1px solid;background: url(../images/section/btn_prev5.gif) 6px center no-repeat;}
.paging2 a.prev2 {line-height:13px;height: 12px;margin:2px 0;padding: 0 7px 0 14px;width: auto;font-weight: normal;border-right:#e0e0e0 1px solid;background: url(../images/section/btn_prev4.gif) 0 center no-repeat;}
.paging2 a.next {line-height:13px;height: 12px;margin: 2px 0 2px 7px;padding: 0 14px 0 7px;width: auto;font-weight: normal;border-left:#e0e0e0 1px solid;background: url(../images/section/btn_next5.gif) 85% center no-repeat;}
.paging2 a.next2 {line-height:13px;height: 12px;margin: 2px 0;padding: 0 14px 0 7px;width: auto;font-weight: normal;border-left:#e0e0e0 1px solid;background: url(../images/section/btn_next4.gif) 100% center no-repeat;}

.txt-l{text-align:left !important;}

/*List*/
.dlList dt {font-weight: bold;color: #202020;margin-bottom: 10px;font-size: 12px}
.dlList dd {padding-left: 15px;line-height: 22px;color: #808080;background: url(../images/section/bull_02.gif) 5px 9px no-repeat;}
.dlList dd ul {margin-left: -15px}
.dlList dd li {padding-left: 15px;line-height: 22px;color: #808080;background: url(../images/section/bull_04.gif) 5px 9px no-repeat;}
.dlList.type2 dt {margin-bottom: 3px}
.dlList.type2 dd {background-image: url(../images/section/bull_03.gif)}
.ulList li {padding-left: 15px;line-height: 22px;font-weight: 500;background: url(../images/section/bull_02.gif) 5px 9px no-repeat;}
.ulList li strong {color: #202020}
.etcInfoUl {list-style-type: decimal;}
.etcInfoUl li{margin-left: 15px;line-height: 22px;color: #808080;}
.etcInfoUl li strong{ color:#202020}
.etcInfoUl li .txtRed{ color:#e50426}

/* select */
.select {display:inline-block; *display:inline; position:relative; background:#fff; line-height:normal; vertical-align:middle; *zoom:1;z-index: 40}
.select *{ margin:0; padding:0; font-size:12px;color:#808080;cursor:pointer}
.select .my_value{ overflow:visible; position:relative; top:0; left:0; z-index:2; border:1px solid #d2d2d2; background:transparent; color:#808080; text-align:left; line-height:22px; }
.select .my_value.selected{ font-weight:bold}
.select.open .my_value,
.select .my_value.outLine{ border:1px solid #999}
.select button.my_value{ width:100%; height:24px; text-indent:5px;}
.select div.my_value{ height:19px; text-indent:8px}
.select .ctrl{ position:absolute; top:0; right:0; width:20px; height:24px; border:1px solid #d2d2d2; border-left:1px solid #eaeaea; background:#f5f5f5}
.select .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; border-top:3px solid #999; border-left:3px solid #fff; border-right:3px solid #fff; font-size:0; line-height:0}
.select ul{ overflow:hidden; position:absolute; top:23px; left:0; width:100%; border:0; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; background:#fff; list-style:none; max-height:200px;overflow:auto;text-align: left;}
.select ul.a_list{ display:none}
.select.open ul.a_list{ display:block}
.select ul.i_list{ left:-2000%}
.select.open ul.i_list{ left:0}
.select li{ overflow:hidden; position:relative; height:18px; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; white-space:nowrap}
.select li input.option{ position:absolute; width:100%; height:20px; line-height:20px}
.select li label{ position:absolute; top:0; left:0; width:100%; height:18px; background:#fff; color:#808080; line-height:18px; text-indent:8px; *text-indent:6px}
.select li a{ display:block; height:18px; background:#fff; color:#808080; line-height:18px; text-indent:8px; *text-indent:6px; text-decoration:none}
.select li.hover *{ background:#eee}
.select_go{ overflow:visible; height:21px; width:28px; *margin:-1px 0 -1px 4px; padding:0; border:1px solid #d2d2d2; background:#eee;color:#808080; line-height:19px; _line-height:normal; vertical-align:middle; cursor:pointer}

.titleArea {/* border-bottom:#202020 2px solid; */position: relative;height: 30px}
.titleArea h3 {float:left;font-size: 25px; margin:20px 0;}
.titleArea h5 {float: left;padding-left: 8px;font-size: 13px;color: #202020;background: url(../images/section/bull_05.gif) 0 4px no-repeat;}
.titleArea h5.type2 {line-height: 31px;background-position: 0 14px}
.titleArea .joinType {margin-left:11px;top: -3px;height: 24px;padding:0 16px;font-size:12px;color: #fff;line-height: 24px;position: relative;background: url(../images/member/bg_round.gif) 0 0 no-repeat;}
.titleArea .joinType span {position: absolute;width: 16px;height: 24px;top: 0;right: 0;background: url(../images/member/bg_round.gif) right 0 no-repeat;}
.titleArea .subTxt {color: #808080;margin-left:18px;line-height: 18px;float: left}
.titleArea .infol {float:left}
.titleArea .infor {float:right}
.titleArea.type2 {border-bottom:0 none}
.titleArea.type3 {/*border-bottom:#cdcdcd 1px solid;*/height: 28px}
.titleArea.type4 {border-bottom-width:3px}




/* 메인 amp 기수별 구분 */
.mem_all_listwrap{width:1230px; margin:0 auto;}
.mem_all_listwrap > h1{justify-content:center; font-size:20px; font-weight:600; display:flex; margin-bottom:20px;}
.mem_all_listwrap ul{display:flex; justify-content:center; gap:10px; flex-wrap:wrap;}
.mem_all_listwrap ul li{font-size:18px; padding:10px 20px; border-radius:20px; border:1px solid #eee; color:#111; font-weight:500;}
.mem_all_listwrap ul li a{}
.mem_all_listwrap ul li:hover{background:#DBE9FF; transition:0.3; color:#0260fa;}
.mem_list_total{margin-bottom:10px;}

/* 동문 전체 리스트 회장님 인사 */
.mem_74_greeting{width:1230px; margin:0 auto; padding:0 15px;}
.mem_greeting_bg{margin-bottom:40px;}
.mem_74_greeting h1{font-size:20px; font-weight:bold; margin-bottom:20px;}
.mem_74_greeting h2{font-size:25px; font-weight:bold; padding-top:40px; text-align:center;}
.mem_74_activity{margin-bottom:100px;}
.act_74_img{}
.act_74_img a{}
.act_74_img a img{padding:0 1px;}


@media (max-width: 1024px) {
    .cat_wrap ul {grid-template-columns: repeat(3, 1fr);}
    .cat_wrap ul li{width:100%;}
    .mem_all_listwrap > h1{}
    .mem_all_listwrap{width:100%;}
    .mem_all_listwrap ul li{font-size:13px; padding:10px 20px;}

    .mem_74_greeting{width:100% ;padding:0;}
    .mem_greeting_bg{}
    .mem_74_greeting h1{}
    .mem_74_greeting h2{}
    .mem_74_activity{}
    .act_74_img{}
    .act_74_img a{}
}

@media (max-width: 430px) {
    .mem_greeting_bg{}
    .mem_74_greeting h1{}
    .mem_74_greeting h2{font-size:22px; padding-top:20px;}
    .mem_74_activity{margin-bottom:50px;}
    .act_74_img{}
    .act_74_img a{}
}

/* eachpage/amp 전체 디자인 */
.sub-content-new{width:1230px; margin:0 auto; padding:0 15px;}
.sub-content-newbanner{}
.sub-content-newbanner > img{width:100%;}

.sub-cont-amplist{}
.sub-cont-amplist > img{}

.sub-content-new > h1 {margin-bottom: 20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.sub-content-new > h1 > span {font-size: 20px;font-weight: bold;}
.sub-content-new > h1 >.more {margin-left: auto;font-size: 11px;color: #999; font-weight: 300}

.mem_title{display:flex; justify-content:center;}
.mem_title img{}




/* 동문 상세페이지 */
.amplist-txt-sec-01,.amplist-txt-sec-02,.amplist-txt-sec-04{padding:150px 0;}
.amplist-txt-sec-02{background:#f9f9f9;}
.amplist-txt-sec-03{padding:150px 0 20px;}
.amplist-txt-sec-04{background:#f5f5f8;}

/* 동문 상세페이지 - 주요이력 */
.amplist-txt-detail,.amplist-txt-detail-02{padding-top:50px; width:800px; margin:0 auto; flex-direction:column; display:flex; gap:30px;}

.amplist-txt-detail > div{text-align:center; font-size:25px; background:#1067b1; color:#fff; padding:20px; font-weight:400; border-radius:50px;}
/* 동문 상세페이지 - 공통텍스트 */
.amplist-txt-detail-add{text-align:center; font-size:33px; padding-top:50px; font-weight:bold;}
/* 동문 상세페이지 - 주요서비스 */
.amplist-txt-detail-02{background:#fff; border-radius:20px; margin-top:50px; padding:50px;}
.detailservice{display:flex; gap:20px; border-bottom:1px dashed #ddd; padding-bottom:25px;}
.detailservice>p{font-size:20px; background:#DBE9FF; border-radius:50px; padding:10px 30px; line-height:40px; color:#0260fa; font-weight:500;}
.det-ser-txt{}
.det-ser-txt h1{font-size:25px !important; text-align:left !important;}
.det-ser-txt p{font-size:15px; text-align:left; color:#666; font-weight:400; margin-top:5px;}
/* 동문 상세페이지 - 영상 */
.amplist-video{width:800px; margin:20px auto 0;}
/*동문 상세페이지 - 메뉴소개 */
.amplist-txt-detail-img{display:grid; grid-template-columns:repeat(3, 1fr);column-gap:30px; padding:0 50px; margin-top:50px;}
.ampitem-menu{}
.ampitem-img{}
.ampitem-img img{}
.ampitem-txt{margin-top:20px;}
.ampitem-txt h3{font-size:22px; font-weight:600;}
.ampitem-txt h4{font-size:17px; font-weight:500; color:#666; margin-top:10px;}
.ampitem-txt .amptiem-cost{margin-top:20px;}
.amptiem-cost strong{font-size:22px;}
.amptiem-cost span{color:#999; font-size:15px;}
/* 동문 상세페이지 - 지도 */
.amp-map{display:grid; grid-template-columns:repeat(2, 1fr); margin-top:50px; column-gap:30px;}
.amp-mapadderss{}
.amp-mapadderss p{font-size:15px; color:#666; font-weight:500;}
.amp-mapadderss span,.amp-mapadderss > a{font-size:20px; color:#111; font-weight:400; margin-top:5px; display:block;}
.amp-mapadderss .amp-mapfloor{display:flex; gap:10px; margin-top:5px;}
.amp-mapfloor li{font-size:13px; border:1px solid #ddd; padding:5px 10px; color:#888;}
.amp-mapfloor li a{display:block;}
/* 동문 상세페이지 - 지도 */
.sub-cont-ampmap{}
/* 동문 상세페이지 - 하단 버튼 */
.sub-cont-ampbtn{display:flex; justify-content: center; margin-top:30px; gap:20px;}
.sub-cont-ampbtn a{font-size:22px; padding:20px 30px; border:1px solid #eee; border-radius:5px; border-radius:5px; color:#111; font-weight:500;}
.sub-cont-ampbtn a:hover{background:#DBE9FF; transition:0.3; color:#0260fa;}

/* 지역광고 섹션 05로 추가함 + 지역광고 하단 포함*/
.amplist-txt-sec-05{padding:0 0 20px;}
.amplist-txt-sec-01 h1,.amplist-txt-sec-02 h1,.amplist-txt-sec-03 h1,.amplist-txt-sec-04 h1{text-align:center; font-size:45px; font-weight:bold;}
.sub-cont-ampbtn a > span{}
.sub-cont-ampbtn a > span > b{}

/* 동문 상세페이지 - 영상 */
.memlist-video{width:1000px; margin:0 auto;}

/*상세페이지 하단 사업자정보 */
.sub-cont-memlist-bg-01{background:#f9f9f9; padding:100px 0;}
.memlist-txt-sec-05 h1{text-align:center; font-size:60px; font-weight:bold; color:#000; margin-bottom:50px;}
.sub-cont-membtn{display:flex; justify-content: center; gap:20px; flex-wrap: wrap;}
.map-more{border:3px solid #2D2D4C; border-radius:10px; padding:20px 50px; background:linear-gradient(90deg,rgba(5, 1, 13, 1) 0%, rgba(23, 1, 71, 1) 100%);}
.map-more span{color:#fff; font-size:20px; font-weight:500;}
.map-more p{color:#fff; font-size:25px; font-weight:500;}
.map-more p > a{color:#fff; font-size:25px; font-weight:500; padding:0; border:none;}
.map-more p > a:hover{background:none;}



@media (max-width: 1024px) {
    .sub-content-new{width:100% !important;}
    .sub-content-new{padding:0;}

    .amplist-txt-sec-01,.amplist-txt-sec-02,.amplist-txt-sec-04{width:100%; padding:100px 50px;}
    .amplist-txt-sec-03{padding:100px 0 20px;}
    .amplist-txt-sec-01 h1,.amplist-txt-sec-02 h1,.amplist-txt-sec-03 h1{}
    .amplist-txt-detail,.amplist-txt-detail-02{width:100%; padding-top:50px;}
    .amplist-txt-detail-img{padding:0;}
    .amplist-txt-detail > div{}
    .amplist-txt-detail-add{}

    .amplist-video{width:100%; margin:10px auto;}
    .amp-map{}
    .amp-mapadderss p{}
    .amp-mapadderss span{}
    .amp-mapadderss .amp-mapfloor{}
    .amp-mapfloor li{}
    .sub-cont-ampbtn{}
    .sub-cont-ampbtn a{}
}

@media (max-width: 430px) {
    .amplist-txt-sec-01,.amplist-txt-sec-02,.amplist-txt-sec-04{padding:50px 30px;}
    .amplist-txt-sec-03{padding:50px 0 0px !important;}
    .amplist-txt-sec-01 h1,.amplist-txt-sec-02 h1,.amplist-txt-sec-03 h1,.amplist-txt-sec-04 h1{font-size:24px;}
    .amplist-txt-detail,.amplist-txt-detail-02{padding-top:30px; gap:15px;}
    .amplist-txt-detail-02{padding:0; background:#f9f9f9;}
    .amplist-txt-detail > div{font-size:17px; padding:15px 20px;}
    .detailservice{display:inline-block; padding-bottom:0;}
    .detailservice>p{font-size:15px; padding: 5px 20px;}
    .det-ser-txt{margin:0px 5px;}
    .det-ser-txt h1{font-size:20px;}
    .det-ser-txt p{font-size:15px;}
    .amplist-txt-detail-add{font-size:18px; padding:30px 0 0;}
    .amplist-txt-detail-img{display:block; padding:0; margin-top:30px;}
    .ampitem-menu{padding-bottom:20px;}
    .ampitem-txt h3{font-size:20px;}
    .ampitem-txt h4{font-size:15px;}
    .amptiem-cost strong{font-size:20px;}
    .amptiem-cost span{font-size:13px}
    .amp-map{display:block;}
    .amp-mapadderss{padding-bottom:15px;}
    .amp-mapadderss span,.amp-mapadderss > a{font-size:17px;}
    .amp-mapfloor li{font-size:13px;}
    .sub-cont-ampbtn{margin-top:20px;display:block;}
    .sub-cont-ampbtn a{display:block; width:100% !important; font-size:17px; padding:15px; margin:10px 0; text-align:center;}
    .memlist-video{width:100%; height:300px;}
    .memlist-txt-sec-05 h1{font-size:30px; margin-bottom:35px;}
    .sub-cont-memlist-bg-01{padding:50px 0; background:#fff;}
    .map-more{padding:20px 30px; width:100%;}
    .map-more p{font-size:22px;}
}

/* 회장 인사말 */
.sub-intro{margin-top:80px; display:flex; gap:40px;}
.intro-img{width:35%;}
.intro-img > img{border-radius:20px;}
.intro-txt{width:65%; margin-bottom:50px;}
.intro-txt h1{color:#0260fa; font-weight:600; font-size:2.5vw; padding:20px 0;}
.intro-txt h2{color:#0260fa; font-size:1.6vw; padding-bottom:50px; font-weight:500;}
.intro-txt p{font-size:0.83vw;}
.intro-txt p b{}

@media (max-width: 430px) {
    .sub-intro{margin-top:20px; display:flow-root; gap:0;}
    .intro-img > img{width:100%;}
    .intro-txt{margin-top:30px; padding:0 15px;}
    .intro-txt h1{font-size:28px;}
    .intro-txt h2{font-size:20px;}
    .intro-txt p{font-size:18px;}
}

/* 플랫폼소개 */
.sub-menu-youtube{margin:70px 0;}
.sub-menu-youtube h1{padding-bottom:30px; text-align:center; font-weight:600;} 
.sub-menu-img{}
.sub-menu-img > img{width:100%;}

/* 상단 네비 서브 공통 - 동문 명함 */
.sub-menu-tit{width:100%; margin:150px 0;}
.sub-txt-more-ex{margin:100px;}
.sub-txt-more-ex p{font-size:33px; text-align:center; line-height:50px;}
.sub-txt-more-ex p b{color:#0260fa; font-weight:500;}
.sub-txt-big{font-size:28px; padding-top:50px; text-align:center;}

/* 업무제휴 */
.sub-menu-tit{margin:100px 0 150px;}
.sub-menu-tit h1 {text-align:center; font-weight:600; font-size:48px; color:#333;}
.sub-menu-tit h1 span{color:#0260fa;}
.sub-menu-tit h2{}

.sub-nav-cont-sec-01{padding:30px 0 50px;}
.sub-nav-cont{}
.sub-nav-cont-sec-01 p{text-align:center; font-size:30px; color:#333; line-height:42px; font-weight:500;}

.sub-nav-cont-sec-02{}
.sub-nav-cont-img{margin:50px 0 20px; position:relative;}
.sub-nav-cont-img > img{border-radius:20px;}
.sub-nav-cont-img h1{position:absolute; top:50%; margin-top:-21px; font-size:38px; color:#fff; left:8%;}

.sub-nav-cont-sec-03{padding:30px 0;}
/* sub6 지역광고 광고비 부분 07list로 */
.sub-cont-05-list,.sub-cont-07-list{display:flex; gap:20px; max-width:1200px; justify-content:center;}
.listw-05,.listw-07{background:#F2F4F6; border-radius:20px; padding:40px; width:calc(100%/3);}
.listw-07{width:calc(100%/2);}
.listw-05 h1,.listw-07 h1{text-align:left; margin-top:0; padding-bottom:20px; font-size:38px;}
.listw-05 h2,.listw-07 h2, .listw-07 h3, .listw-07 h4{text-align:left;; font-size:24px; font-weight:600; padding: 0 0 5px;}
.listw-07 h3{font-weight:500; margin-top:15px;}
.listw-07 h4{font-weight:500;}

.listw-05 p{font-size:15px; margin-top:5px; color:#555;}

.sub-nav-cont-sec-04{padding-top:100px;}
.sub-cont-05-contact{padding-top:30px;}
.sub-cont-05-contact p{font-size:22px; text-align:center; font-weight:500; color:#333; padding:5px 0;}
.sub-cont-05-contact p span{color:#0260fa; font-weight:600;}

/* 지역광고 */

.sub-cont-06-list{display:flex; gap:20px; justify-content: center; margin:30px 0;}
.listw-06{background:#DBE9FF; padding:20px 30px; border-radius:50px;}
.listw-06 h1{margin-top:0; font-weight:500; font-size:28px;}

.sub-nav-cont-sec-05{}

.sub-cont-06-adlist{display:flex; gap:20px; padding-top:50px;}
.listw-06ad{position:relative; display:block;}
.listw-06ad > img{border-radius:20px; filter:blur(3px);opacity:0.7;}
.adup-txt{position:absolute; top:50%; margin-top:-40px; left:50%; margin-left:-21px; font-size:30px; color:#333; font-weight:600; }
.adtxtw{padding-top:20px;}
.adtxtw span{font-size:14px; color:#888;}
.adtxtw p{font-size:20px; font-weight:500; color:#333;}

/* 테이블 수정 */
table.table_type01 td{text-align:left;}


@media (max-width: 1024px) {
    .sub-nav-cont-sec-01{padding-bottom:0;}
    .sub-nav-cont-sec-01 p{font-size:24px;}
    .listw-06 h1{font-size:22px;}

    /*상품상세정보 김미경*/
    .detail-top .prd-thumb {width: auto; float:none;margin: 0 15px 20px;}
    .detail-top .prd-info {width: 100%; float: none; padding: 0 15px;margin-right: 0;}


    

}

@media (max-width: 430px) {
    .sub-menu-tit h1{font-size:18px; margin-top:-8px;}
    .sub-nav-cont-sec-01 p{font-size:20px; line-height:32px;}
    .sub-cont-06-list{display:block; margin:0;}
    .listw-06{margin:20px 0;}
    .listw-06 h1{font-size:18px;}
    .sub-cont-06-adlist{display:block; padding-top:0;}
    .listw-06ad{margin-bottom:30px;}
    .sub-cont-05-contact p{font-size:18px;}
    .sub-nav-cont-sec-03{padding:30px 0 0px;}
    .sub-nav-cont-sec-04{padding-top:0;}

    /* sub 05,06의 07list */
    .sub-cont-05-list,.sub-cont-07-list{display:flow-root;}
    .listw-05,.listw-07{margin-bottom:20px; width:100%;}
    .listw-07{width:100%; padding:30px;}
    .listw-07 h2{font-size:22px;}
    .listw-07 h3,.listw-07 h4{font-size:18px;} 

}

@media (max-width: 350px) {

}