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

html {font-size: 14px;}
body {min-width: 1600px; font-size: 1rem;}
#wrap {position: relative;  margin-top:191px;}
#wrap>#content {min-height:400px; }
.index {margin-top:207px;}
.container {width: 1280px; }
.swiper-pagination {width: 100%;bottom: 0}
.swiper-pagination-bullet {width: 10px;height: 10px;background: #000;opacity: .3;margin: 0 2px;}
.swiper-pagination-bullet-active {background: #000;opacity: 1;}
.swiper-button-prev, .swiper-button-next {width:77px;height:73px;box-shadow: none;text-shadow: none;margin-top: -24px;top: 50%;transform: none;outline: 0}
.swiper-button-prev:after, .swiper-button-next:after {display: none;}
.swiper-button-prev {left: -40px;background: url(../img/btn_prev.png) no-repeat 50%}
.swiper-button-next {right: -40px;background: url(../img/btn_next.png) no-repeat 50%}
.slick-dots li {width: auto;height: auto;}
.slick-dots li button {background: #d6d6d6;border-radius: 50%;width: 10px;height: 10px;}
.slick-dots li button:before {display: none}
.slick-dots li.slick-active button {background: #ff202c}

header .top-menu-area .container {position:relative; }
.donation { position: absolute; top:5px; left:0rem; font-size: 15px; font-weight: bold; color: #333; transition: all 0.3s ease; background:url(/img/ic_donation.png) no-repeat 0 center;  font-family: ''; text-indent:2.5rem; }
.do_btn { display:block; position: absolute; top:4px; left:11rem; border:1px solid rgba(0, 0, 0, 0.1); border-radius:3rem; background:#ff8c2a; padding:.25rem 1rem; font-size:.85rem; color:#fff; font-weight:400; }

#pc_topPopLine { align-items:center; background-color:#F3F3F3; display:flex; justify-content:center; position: relative; top:0; left:0; width:100%; height:38px; z-index:10;}
#pc_topPopLineTx { align-items:center; color:#747474; display:flex; font-size:14px; justify-content:center; position: relative; top:0; left:0; width:1000px; height:38px; z-index:10; }
#pc_commonBarLine {background:url('../img/pc_mainPic06.jpg') top center repeat-x; position:relative; width:100%; height:10px; z-index:10; margin-top:-50px;}

/* HEADER */
header {position: fixed; width:100%; top:0px; height: 191px; background: #fff; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border-bottom:px solid #009598;  z-index:100;}
:not(.index) header {border-bottom: 0px solid #e5e5e5;}
header.fixed { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; height:54px; }
header.fixed .top-menu-area {display:none;  transition: all 0.4s ease-in-out;}
header.fixed .top-logo-area {display:none;  transition: all 0.4s ease-in-out;}

header .top-menu-area {position: relative;display: ;width: 100%; font-weight:400; font-size: 13px; background:#f5f5f5; border-bottom:0px solid #eee; }
header .top-menu-area ul {display: table-cell;vertical-align: middle; line-height: 36px; float:right; }
header .top-menu-area li {padding-left: .3em; position:relative; }
header .top-menu-area li+li:before {content:""; position:absolute; top:13px; left:0px; width:1px; height:10px; background:#ccc; font-size:10px; margin-right:10px; }
header .top-menu-area .badge {font-weight: normal;border-radius: 3px;background: #ff202c;padding: 0;width: 16px;height: 16px;line-height: 16px;font-size: 10px;margin-left: 5px;}


header .top-logo-area {position: relative; width: 100%; height:101px;  }
/*header .top-logo-area .top-bn {margin-left:70px; margin-top:15px;}*/
header .top-logo-area h1 {font-size: 0; position: absolute; left:0%; line-height:110px; width:1280px; text-align:center; }
header .top-logo-area h1 a {display: block;}
header .top-logo-area h1 img {max-height: 80px; margin:0; }

header .list-inline li:first-child {padding-left: 0;}
header .list-inline li:last-child {padding-right: 0;}
header .list-inline li {padding: 0 8px; color:#666; }

header #gnb {position: relative; border-top:0px solid rgba(0, 0, 0, .15) ; border-bottom:3px solid rgba(0, 0, 0, .9) ;  background:#fff; }
header #gnb>ul {position: relative;font-size: 0; width:1280px; margin-left: auto;margin-right: auto;display: flex;justify-content: space-between;}
header #gnb>ul>li {display: inline-block; line-height: 50px; font-size: 16px;position: relative; color:#333; flex-grow: 1;}
header #gnb>ul>li>a {font-weight:500; text-align: center; display: block; }
header #gnb>ul>li:first-child {width:40px;text-align: left;flex-grow: 0;}
header #gnb>ul>li:first-child>a { position:relative; padding-left:0; }
header #gnb>ul>li:first-child>a:after {position:absolute; top:0px; left:0; content: "\f131"; color:#ff8c29; font-family:'LineAwesome'; font-size:2rem; }
/*header #gnb>ul>li:last-child {flex-grow: 0;}*/
header #gnb>ul>li:nth-child(2)>a { background:#70c8cf; color:#fff; border:1px solid rgba(0, 0, 0, .15); border-bottom:0px; padding:0 10px}

header #gnb>ul>li:hover ul {display: block;}
header #gnb>ul>li:hover ul:before {display: block}
header #gnb>ul>li>ul {display: none;position: absolute;background: #fefefe;margin-left: 20px; top:100%;left: 50%;margin-top:0px; margin-left:0px; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); min-width: 170px; font-size:14px; font-weight:400; line-height: 1.2; color: #666; padding: 1rem 0;text-align: left; border:1px solid rgba(0, 0, 0, .9); border-top:3px solid rgba(0, 0, 0, .9); padding: 20px; z-index:10;}
header #gnb ul ul li+li {margin-top: 5px;}
header #gnb ul ul li:hover {color: #70c8cf; font-weight:700;}
header #gnb ul ul li {white-space: nowrap}
header #gnb ul ul li+li {margin-top: .7em;}
header #gnb.active #gnb-overlay {display: block}

header #gnb>ul>li.store>a {color: #ff3f12;}
header #gnb>ul>li.store img {vertical-align: -4px;margin-right: 5px;}
header #gnb>ul>li.store:hover .store-list {display: block}
header #gnb>ul>li.store .store-list {display: none;position:absolute;left:0px; top: 100%;margin-top:0px;border: 1px solid rgba(0, 0, 0, .9); border-top:3px solid rgba(0, 0, 0, .9); background: #fff;width: 1280px;}
header #gnb>ul>li.store .store-list .inner{width:1278px; height: 100%;}
header #gnb>ul>li.store .store-list dl {width:11%; float:left; vertical-align:top;}
header #gnb>ul>li.store .store-list dl:nth-child(1) {width:14% }
header #gnb>ul>li.store .store-list dl:nth-child(2) {width:8.9% }
header #gnb>ul>li.store .store-list dl:nth-child(3) {width:12% }
header #gnb>ul>li.store .store-list dl:nth-child(4) {width:12% }
header #gnb>ul>li.store .store-list dl:nth-child(9) {width:9.1% }
header #gnb>ul>li.store .store-list dl+dl {border-left: 1px solid #ddd; min-height:240px; }
header #gnb>ul>li.store .store-list dt { font-size: 13px;background: #f7f7f7;text-align: center;padding:10px 0; color:#333; letter-spacing:-1px; }
header #gnb>ul>li.store .store-list dd {padding: 10px; word-break:keep-all; }
header #gnb>ul>li.store .store-list dd li { display:block;vertical-align: top; line-height: 1 !important; font-size:13px; font-weight:400; padding:.3rem 0; color: #666; letter-spacing:-1px; }
header #gnb>ul>li.store .store-list dd li:hover {color:#333; font-weight:700; }

header #gnb .badge {position: absolute;background: #ff202c;border: 1px solid #fff; opacity: 1;color: #fff;font-weight: normal;width: 16px;height: 16px;line-height: 14px;font-size: 10px;padding: 0;top:50%;margin-top: -8px;}

.index header .all-category {display: block; height: 580px;border-radius: 5px; background: rgba(255, 255, 255, 0.7); border: 0;margin-top: 20px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)}
.index header .all-category>ul {background:none;border: 0;}

header .user-nav {text-align: right;}
header .user-nav ul {padding-top:30px; }
header .user-nav li {display:inline-block; position: relative; vertical-align:middle; /*text-align: center; line-height:48px; width:40px; height:40px; background:#ff8c29; border-radius:50%; border:1px solid rgba(0, 0, 0, 0.05);*/ }
header .user-nav li+li {margin-left:1.5rem; }
header .user-nav li img {display: block; height:36px;}
header .user-nav li.btn {border:1px solid rgba(0, 0, 0, 0.1); font-size:14px; height:30px; line-height:16px; vertical-align:top; background:#ff7200; border-radius:4px; }
header .user-nav li span {position: absolute; background: #ff8c29; border-radius:6px 6px 6px 0; border: 2px solid #fff; opacity: 1;color: #fff; font-weight: normal; min-width:25px; height: 20px; line-height: 16px; font-size:11px;padding: 0;left: 50%; margin-left: 5px; top: -5px; text-align:center; }

header .top-search {width: 300px;margin: 0 auto; height:40px; background: #fff; border-radius:40px; border: 2px solid rgba(0, 0, 0, .9); padding-right: 40px; z-index: 1;position: absolute;left: 0%; top: 50%;margin-left: 0px;margin-top: -20px;}
header .top-search .form-control {border: 0;background: transparent; margin-top:2px; }
header .top-search .btn {background: none;position: absolute;right: 0;top: 0;font-size: 16px;height:2px;padding: 0 10px;}

#toggle-open, .mobile-top-nav, .toggle-nav-wrap {display: none}

/* FOOTER */
footer {margin-top: 40px; margin-bottom: 40px; position: relative; border-top: 1px solid #ddd; }
footer:after {content: "";display: block;position: absolute;left: 0;top: 50px;border-top: 1px solid #aaa;width: 100%; }
footer .container {position: relative}
footer .footer-link {margin:0 auto; text-align:center; }
footer .footer-link ul {line-height: 50px;margin: 0 -10px;color: #333; font-weight:400; }
footer .footer-link li {position: relative;padding: 0 15px; font-size:14px;}
footer .footer-link li+li:before {content:""; position:absolute; top:22px; left:0px; width:1px; height:10px; background:#ccc; font-size:10px; margin-right:10px; }
footer b {color: #fcb313;font-weight: 400;}
footer .logo {position: absolute;top: 0; margin-top: 76px;}
footer .logo img {width:8rem;}
footer .logo img+img {margin-left:20px;}
footer .top {position: absolute;right: 0;top: 0; text-align: right;line-height: 50px}
footer address {display: block; margin-left:180px;margin-top: 30px;line-height: 1.6;font-size:13px;  font-weight:400; color:#888; }
footer address span {display: inline-block; margin:0 3px; font-size:10px;  color:#ddd; }
footer small {display: block;margin-left: 180px;margin-top: 10px;font-size: 100%;font-size:13px;  font-weight:400; color:#aaa; }
footer small img {margin-left:5px;}
footer .bar {padding: 0 5px;color: #ccc;}
footer .escrow {position: absolute;right: 0;top: 75px}
footer .scroll-top {display: none}
footer .sns {position: absolute;right: 0;top: 80px;}
footer .sns a+a {margin-left: 10px;}
footer .kakao {position: fixed;right: 15px;bottom: 200px;opacity: 0;transition: all 0.3s;}
footer .kakao.is-showing {bottom:300px; opacity:1;}

/* MAIN */
.index section {margin:40px 0}
.index section h1 {font-size:2.275rem; font-weight:700; color:#232323; text-align: left; margin-bottom: 1em; letter-spacing:-2px;  /*background:url(/img/ic_h.png) center 0 no-repeat ; */ padding-top:10px; margin-top:10px; }
.index section h1 b { color:#e8380f; font-weight:normal; }
.index section h1 span {display: inline-block;font-size:14px; font-weight:400; background:#fff; border:1px solid rgba(0, 0, 0, 0.15); padding:8px 15px; color: #565656; border-radius:20px; margin-bottom: .5em; margin-left:1rem;}
.index section h1 span.right {float:right; margin-top:-0px;}
.index .tab-nav {text-align: center;margin-bottom: 3%;}
.index .tab-nav:after {display: none}
.index .tab-nav li {float: none;display: inline-block;margin: 2px 2px;width: auto;}
.index .tab-nav li a {border: 0;border-radius: 2em;background: #f7f7f7;padding: .65em 1em;}
.index .tab-nav li.active a {color: #fff;border: 0; background: #000}

.main-visual .swiper-slide {background-repeat: no-repeat;background-position: 50%;}
.main-visual {max-width: 1920px; margin: 0 auto;position: relative; }
.main-visual .slick-slider {margin-bottom: 0;}
.main-visual .item {background-position: 50%;background-repeat: no-repeat;background-size: cover; height:550px;}
.main-visual .copy {position: absolute;left: 0;right: 0;top: 0;z-index: 1;color: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;bottom: 0;padding-bottom: 7%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.main-visual .copy strong {font-size: 100px;line-height: 1.5}
.main-visual .copy .more {border-color: #fff;margin-top: 3em;-ms-flex-item-align: start;align-self: flex-start}
.main-visual .slick-dots {bottom:30px; }
.main-visual .slick-dots li button {background: rgba(0, 0, 0, 0.4);border-radius:30px; width:14px; height:14px;}
.main-visual .slick-dots li.slick-active button {background: #ff8c29; }
.main-visual .slick-dots li:nth-child(2).slick-active button { margin-left:0px; margin-right:-35px;}
.main-visual .slick-prev {left: 5%; background: url(../img/slide_prev.png) no-repeat 100%}
.main-visual .slick-next {right: 10%; background: url(../img/slide_next.png) no-repeat 100%}

.center-banner {margin: 60px 0; overflow: hidden;}
.sns-review {position: relative}
.sns-review .review-list {position: relative}
.sns-review .swiper-pagination {display: none}
.sns-review a {padding-top: 100%;position: relative;display: block;overflow: hidden}
.sns-review a img {position: absolute;left: 0;top: 0;width: 100%;height: 100%}

.main-event {background: #fff;padding:0;}
.main-event .event-slider {position: relative}
.main-event .swiper-button-prev, .main-event .swiper-button-next {top: 35%}
.main-event .swiper-button-prev {left: 50%; margin-left: -680px;}
.main-event .swiper-button-next {right: 50%; margin-right: -680px}
.main-event .swiper-pagination {display: none}
.main-event .swiper-slide {text-align: left;}

.main-event .thumb {margin-bottom: 1.5em; border:1px solid rgba(0, 0, 0, 0.15); border-radius:20px; overflow: hidden }
.main-event .thumb span {display: block; padding-top: 100%;position: relative; }
.main-event .thumb img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.main-event .desc {font-size: 16px; font-weight:400; color: #333; margin-top: 0;margin-bottom: .3em; letter-spacing:-1px;}
.main-event strong {font-size: 14px; color: #333}
.main-event strong b {display:inline-block; margin-right:10px; color:#ff9000; letter-spacing:-1px; }
.main-event strong s {display:inline-block; margin-left:5px; font-size:13px; font-weight:400; color:#888 }

.best-product  {background:/*url(../img/pc_mainPic02.jpg) no-repeat center top */ #fefdf6; padding:2% 0 0 0;}

.special-price .thumb {border-radius: 1rem;overflow: hidden}
.special-price .thumb {margin-bottom: 20px;position: relative;padding-top: 100%;}
.special-price .thumb img {position: absolute;left: 0;top: 0;width: 100%;height: auto;;}
.special-price .thumb .icon {position: absolute;right: 1em;bottom: 1em;z-index: 33;}
.special-price .thumb .icon img {width: auto;height: auto;max-width: inherit;position: static}
.special-price .info {font-size: 1.2rem;background: #f7f7f7;padding: 1.5rem;border-radius: 1rem}
.special-price .info strong {display: block;font-size: 105%;}
.special-price .desc {margin: 0.25em 0 1em;color: #777;max-height: 2.8em;overflow: hidden;font-size: 90%}
.special-price .price {font-size: 110%;}
.special-price .price b {color: #df3a42;}
.special-price .price s {display: block;color: #888; font-size: 100%; margin-right:.5rem; }
.special-price .price .discount {display: inline-block;color: #fff;background: #df3a42;border-radius: 2rem;font-size: 95%; padding: .25em 1em; margin-left: 5px;}
.special-price .price .discount em {font-style: normal;font-weight: bold;}

.special-slider {position: relative; margin-bottom:-27em; width:1280px;}
.special-slider .swiper-pagination {bottom: -3em}
.special-price .swiper-button-prev {top:100px; }
.special-price .swiper-button-next {top:100px;}

.for-you ul.goods-list li .thumb {background: #f7f7f7;border: 1px solid #e5e5e5;border-bottom-color: #f7f7f7; border-top-left-radius: 1rem;border-top-right-radius: 1rem;margin-bottom: 0;}
.for-you ul.goods-list li .info {padding: 1.5rem;background: #fff;border: 1px solid #e5e5e5;border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;margin-top: -1px;}

.mov {position: relative; margin-left:0; padding-top:2rem;}
.mov {width:100%; height:360px; margin-top:40px;}
.mov .container {position: absolute; left:50%; margin-left:-540px; background:#f9f9f9; padding:30px; border-radius:10px;}
.mov  h2 {font-size: 24px;text-align: left; font-weight:700; margin-bottom: .5em;}
.mov  h2 span {display: inline-block;  font-weight:400; font-size:16px; color: #02abae; margin-bottom: .5em; margin-left:1rem;}
.mov .movTx {display:inline-block; width:38%; vertical-align:top; font-size:17px; color:#666; margin-top:20px; line-height:1.6;}
.mov .movTx b {display:block; color:#333; font-size:17px;  margin-bottom:20px;}
.mov .youtube {display:inline-block; float:right; width:550px; height:310px; margin-top:-50px;}

.intro-mov {width:100%; height:480px; margin-top:40px;}

.footer-customer {clear:both; overflow: ; margin-top:0px; padding-top:0px;}
.footer-customer .col {float: left; display: block; width:31%; min-height: 200px;}
.footer-customer .col+.col {margin-left:3%; }
.footer-customer strong {display: block; font-size:24px; margin-bottom: 15px; font-weight:600;}
.footer-customer strong a {float: right; display: inline-block;font-size:14px; font-weight:400; background:#fff; border:1px solid rgba(0, 0, 0, 0.15); padding:6px 10px; color: #565656; border-radius:20px; margin-bottom: .5em; margin-left:1rem;}
.footer-customer strong a img {width:60%; }
.footer-customer .notice li {padding-left: 0px; position: relative; line-height:2.25rem; }
.footer-customer .notice li a {display: block; width:70%; font-size:15px; color:#333 !important;  font-weight:400; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.footer-customer .notice li span {color: #999;position: absolute;right: 0;top: 0;text-align: right;}
.footer-customer .col:last-child {float:right; text-align:left; }
.footer-customer .bn {width:100%; background:#f7f7f7 url(../img/ic_call.png) 20px center no-repeat; background-size:20%; border-radius:1rem; float:right; padding:2rem; text-align:right; color:#555; font-weight:400; letter-spacing:-.5px; }
.footer-customer .bn b {display:block; font-size:24px; font-family: 'Jua', sans-serif; color:#2ec4b6; }

/*사이드 메뉴*/
.index .side-quick-banner {top:800px}
.sub-img .side-quick-banner {top:420px}
.sub-type1 .side-quick-banner {top:220px}
.sub .side-quick-banner {top:220px}
.side-quick-banner {width: 100px; background: #fff;color: #555;  border-radius:1rem; overflow:hidden; border: 1px solid rgba(0, 0, 0, 0.1);position: absolute; right: 50%; margin-right: -790px; top: 790px;z-index: 5;}
.side-quick-banner.fixed {top:70px ;position: fixed;}
.side-quick-banner h2 {font-size:1rem; text-align:center; padding:1rem;}
.side-quick-banner .cart_new {display:block; width:100%; text-align:center; border-top:1px solid rgba(0, 0, 0, 0.1); line-height:30px; color:#333 !important; font-weight:400; padding:0; font-size:13px;}
.side-quick-banner .prd_img_new { width:80px; height:80px; border-radius:1rem; border:1px solid #ddd;  overflow:hidden; margin:0 auto;}
.side-quick-banner .prd_img_new img {width:100%;}
.side-quick-banner .conrol-btn {text-align: center;font-size: 0;}
.side-quick-banner .conrol-btn img {margin: 0 auto;}
.side-quick-banner .conrol-btn a {display: inline-block;}
.side-quick-banner.sidegoods_new {margin:0 auto; overflow:hidden; border-bottom:1px solid #dedede; padding-bottom:0px; }
#stv_btn_new {margin:1rem 0; color:#333; text-align:center; font-weight:400; font-size: .85rem; letter-spacing:.-1px; }
#stv_btn_new img {margin:0 .5rem; }
.side-quick-banner .btnPop_new {width:100%; margin:0 auto 0 auto;}
.side-quick-banner .btnPop_new a {display:block; width:100%; text-align:center; font-size:14px; color:#868686;  letter-spacing:-1px; margin:0; outline:none;}

#stv_new {width:100px;}
#stv_new ul li+li {margin-top:6px;}

.bn-center {width:100%; background:#fbe8b0;margin: 60px 0; }
.bn-center.bg { background:#c7ffbc; }

/* SUB */
.sub-content {padding:50px 0 1 00px 0; min-height:500px; overflow: hidden}
.sub-content .inner {width:1280px; margin:0 auto; text-align:center; }

.sub-content h2 {font-weight:700; font-size: 28px;position: relative; text-align:center; margin:10px 0; } 
.sub-content h2 small {font-size: 15px; font-weight:400; color: #666; line-height:1.4; display: block; padding-top: 0.5em;position: relative}
/*.sub-content h2 small:before {content: "";width: 50px;height: 1px;background: #222;position: absolute;left: 50%;top: 0;margin-left: -25px}*/
.sub-content h3 {color:#333; font-size:20px; font-weight:600; margin-top: 20px; position: relative; margin-bottom:-2rem; text-align:left; }
.sub-content h3 small {display:inline-block; margin-left:10px; }
.sub-content h4 {color:#333; margin: 2% 0 15px;font-size: 16px; font-weight: normal}
.sub-content h4 p {font-weight: normal;font-size: 13px;color: #999; display: inline-block;margin-left: 10px;}
.sub-content h5 {font-size: 30px;margin-bottom: 20px;text-align: center; color: #222}

.sub-content .sub-goods-category {position: relative;overflow: hidden;margin-bottom: 30px;}
.sub-content .sub-goods-category dl {border: 1px solid #3e3e3e}
.sub-content .sub-goods-category dt {background: #3e3e3e;color: #fff;padding: 0 20px;font-size:24px;font-weight: normal;line-height: 1.2;}
.sub-content .sub-goods-category dt li {display: inline-block;padding: 15px 10px 10px;border-bottom: 6px solid transparent; vertical-align: top;color: #acacac}
.sub-content .sub-goods-category dt li.active {color: #fff;border-bottom-color: #e27529}
.sub-content .sub-goods-category dd {padding: 0 20px;line-height: 1.8;}
.sub-content .sub-goods-category dd li {padding: 15px 10px 10px;font-size: 15px;display: inline-block;border-bottom: 6px solid transparent;vertical-align: top; color: #777}
.sub-content .sub-goods-category dd li.active {border-bottom-color: #ff202c;font-weight: bold;color: #000}
.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;}
.help-block a {color: #222}

.positon {width:1280px; margin:0 auto; line-height:44px; color:#777; font-size:13px; letter-spacing:-1.5px; font-weight:400; } 
.positon span {display:inline-block; margin:0 5px}

.sub-content .sub-bg {display:block; /*background:url(../img/bg_login.png) repeat-x ;*/ margin-top:50px; }
.sub-content .sub-bg.Type1 {display:block; /*background:url(../img/bg_join.png) repeat-x ;*/}

/*로그인*/
.login-box {background:#fff; width:460px; margin: 0 auto; margin-bottom:10px; padding-top:30px; border-radius:10px; /*box-shadow:0px 0px 6px 4px rgba(0, 0, 0, 0.08)*/ } 
.login-box.Type1 {padding:20px;}
.login-box.Type2 {padding:0px; box-shadow:0px 0px 6px 4px rgba(0, 0, 0, 0); border:1px solid #eee; background:#f9f9f9;  }
.login-box.bg {padding:50px; background:url(../img/img_join_done.png) no-repeat center bottom; height:350px;}
.login-box.bg p {font-size:22px; }
.login-box ul {display: inline-block; margin: 15px auto; padding:20px 0 10px 0; width: 100%; color: #333; text-align:center;  }
.login-box li {display: inline-block; width:32%; font-size:15px; text-align:center; border-radius:2rem; border:2px solid #363636; padding:.8rem 0rem; }
.login-box li+li {margin-left:.25rem; }
.login-box li:last-child {background:#70c8cf; color:#fff; border:2px solid #70c8cf;}

.sns-login {text-align: left; padding:20px; border-top:1px solid #ddd; }
.sns-login dl {display: table;width: 100%; font-size:18px; }
.sns-login dt {width: 100%; text-align:center; margin:10px 0; letter-spacing:-1px; }
.sns-login dd {width:100%; text-align: center; font-size:14px; }
.sns-login dd a {display:inline-block; margin:0 20px;}
.sns-login dd img {display:block; margin: 10px 0; width:50px;}

.login-box .form-group {margin: 0; position: relative;padding-right: 120px;}
.login-box .form-group .form-control {height:45px; border-radius:1rem; border-color: #b7b7b7;}
.login-box .form-group .form-control:nth-child(2) {margin-top: 5px;margin-bottom: 0;}
.login-box .form-group .btn {position: absolute;top: 0; right: 0;padding: 0; width: 105px; height: 100%; font-size: 16px;font-weight:600; background:#333; color:#fff; border-radius:1rem;}

.login-box .checkbox {margin-top:20px;}
.login-box .checkbox label {margin-left:15px; font-size:14px; }

.login-box .login-footer {clear: both; padding-top:0px; text-align:center; position: relative;}
.login-box .login-footer a.btn {width:100%; background:#aaa;  color:#fff !important;border-radius:4px; }
.login-box .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;}

/*회원가입*/
.join-box {display:inline-block; background:#fff; width:590px; margin:0 20px 10px 20px; padding:30px; border-radius:10px; box-shadow:0px 0px 6px 4px rgba(0, 0, 0, 0.05); vertical-align:top; } 
.join-box a.btn {display:block; width:70%; margin:25px auto; color:#fff !important; border-radius:50px; background:#333; }
.join-box span.tx {display:block; color:#999; font-size:16px; }

.join-flow {position:relative; }
.join-flow .step {display:inline-block; width:100px; height:100px; border-radius:50%; background:#e3e3e3; margin:0 50px; font-size:14px; }
.join-flow .step b {display:block; font-size:40px; color:#909090; line-height:1.2; margin-top:10px; }
.join-flow .step.active {background:#ff8c29; font-weight:bold; color:#fff;}
.join-flow .step.active b {display:block; font-size:40px; color:#fff; }
.join-flow span.i {position:absolute; top:3rem; margin-left:-15px;}
.join-flow span.i i {font-size:24px; color:#aaa; }

h3.terms {font-size:16px; letter-spacing:-1.5px; margin: 50px 0 30px 0;}
.join-form {position:relative; width:100%; text-align:left; margin-top:-20px; overflow-y:auto;  }
.join-form .terms {width:100%; height:250px; border:1px solid #ddd; border-radius:1.5rem; padding:20px; overflow-y:auto; white-space:pre-wrap;}
.join-form .checkbox {position: relative; text-align:right; float:right; }
.join-form .checkbox label {float:left; margin-left:10px; font-size:14px; }
.join-form .checkbox label:before {content: ""; display: inline-block; position: absolute; width: 24px; height: 24px; right: 0; top: 0; border: 1px solid #ccc; border-radius: 50%; background-color: #fff;}
.join-form .checkbox label:after {display: inline-block; position: absolute; width: 20px; height: 20px; text-align: center; right:2px; top: 2px; color: #555;font-family: 'LineAwesome'; font-weight: bold}

span.tit {margin-top: 50px; display: block;margin-bottom: 10px; text-align:right; font-size:14px; color:#666; font-weight:400; }
span.tit b {color: #ff8c29; font-weight:normal; }
.join-form span.bar {padding: 0 5px;line-height: 40px;min-width: 20px;}
.join-form table.table { font-size: 14px; border-top: 1px solid #333; border-bottom: 1px solid #333;  color:#444; letter-spacing:-1.25px; }
.join-form table.table thead, .join-form table.table tbody {border-bottom:1px solid #ddd;}
.join-form table.table tfoot {padding-top:20px; }
.join-form table.table th {text-align:left; border-bottom: 0px; font-weight:500; }
.join-form table.table th.valign {vertical-align:top;}
.join-form table.table th span {color: #ff8c29; }
.join-form table.table td {line-height:20px; color: #777; padding:6px 10px; border-bottom: 0px; }
.join-form table.table td.none {padding:8px 0;}
.join-form table.table td input {height:40px; border:1px solid #eee; border-radius:2rem; }
.join-form table.table td .help-block {float:left; margin-left: 15px; font-size: .925rem;color: #999}
.join-form table.table td .help-block input[type="checkbox"] {float:left; margin:-8px 5px 0 0; }
.join-form table.table td .btn {min-width: 100px;}
.join-form table.table td label {font-size:16px; line-height:20px;}
.join-form table.table td input[type="radio"] {height:20px; width:20px;}
.join-form table.table td .form-group {max-width: 100%;}
.join-form table.table td .form-group .btn {width: 100%; }
.join-form table.table p {text-align:left; font-size:14px; margin-top:5px;}

.sub-bg .btn-box {width:100%; padding: 0; overflow: ; margin-top:50px; text-align:center; font-size:18px;}
.sub-bg .btn-box .checkbox {position: relative; margin:0 auto}
.sub-bg .btn-box .checkbox label {position: absolute; left:50%; margin-left:-170px; font-size:16px; text-align:center;}
.sub-bg .btn-box .checkbox label:after {display: inline-block; position: absolute; width: 20px; height: 20px; text-align: center; left:2px; top: 0px; color: #555;font-family: 'LineAwesome'; font-weight: bold}
.sub-bg .btn-box .btn {margin-top:40px; width:200px; border-radius:2rem; font-size:1.125rem; }
.sub-bg .btn-box p {display:inline-block; vertical-align:bottom; margin-left:.125rem; }
.sub-bg .btn-box p a { display:block; border-radius:2rem; width:200px; margin:0 auto; font-size:1.125rem; font-weight:500; border:2px solid #363636; padding:.725rem 2rem; font-size:1.125rem; }

.sub-bg .btn-box.Type1 {margin-top:10px; letter-spacing:-1.25px; }
.sub-bg .btn-box.Type1 span {float:left; margin-top:20px; margin-left:0px; font-size:13px; }
.sub-bg .btn-box.Type1 span.link a { border-radius:2rem; border:1px solid #333; padding:.525rem 2rem; }
.sub-bg .btn-box.Type1 span.link a+a {content:""; margin-left:10px;}
.sub-bg .btn-box.Type1 span.link a:before {content:""; margin:0px;}
.sub-bg .btn-box.Type1 .btn {float:right; margin-top:20px; width:180px; }

/* 상품 */
.product-list {margin-top:10px !important;}
.product-list h1 {text-align:center !important; font-size:2.5rem; font-weight:700; margin-top:0px; background:none !important; }

ul.goods-list {clear:both;}
ul.goods-list[class*=col] {display: flex;flex-wrap: wrap;margin-left: -10px;margin-right: -10px;}
ul.goods-list li { -ms-flex-preferred-size: 0;flex-basis: 0;  -ms-flex-positive: 1;  flex-grow: 1; padding: 0 10px; margin-bottom: 50px; position: relative}
ul.goods-list li.swiper-slide {flex-basis: auto;margin-bottom: 0;padding: 0;}
ul.goods-list li .thumb {margin-bottom: 15px;position: relative; text-align:center; border-radius:20px; height:274px; padding-top:0; border: 1px solid rgba(0, 0, 0, 0.15);overflow: hidden}
ul.goods-list li .thumb img {width: auto; height: 100%;}
ul.goods-list li .thumb .icon {position: absolute;right: 1em;bottom: 1em;z-index: 1;}
ul.goods-list li .thumb .icon img {width: auto;height: auto;max-width: inherit;position: static}
ul.goods-list li .info {text-align:left; }
ul.goods-list li .info .date {color:#747474; font-size:18px; }
ul.goods-list li .info strong {font-size:28px; font-weight:normal;}
ul.goods-list li .info .desc {font-size:15px; font-weight:400; color:#333; letter-spacing:-1px;}
ul.goods-list li .info .price {display:inline-block; margin-top:8px; font-size:15px; font-weight:700; letter-spacing:-1.25px;}
ul.goods-list li .info .price s {display:inline-block; font-size:13px; font-weight:400; color:#888; margin-left:5px; letter-spacing:-1px;  margin-right:.5rem; }

.goods-list.col-5 li {-ms-flex-preferred-size: 20%;flex-basis: 20%;max-width:20%;}
.goods-list.col-4 li {-ms-flex-preferred-size: 25%;flex-basis: 25%;max-width:25%;}
.goods-list.col-2 li {-ms-flex-preferred-size: 50%;flex-basis: 50%;;max-width:50%; position: relative}
.goods-sub-list {}
.goods-sub-list h3:first-child {margin-top: 0;}
.goods-sub-list .sub-category {background: #fffeeb;padding: 20px;text-align: left;border-top: 1px solid rgba(0, 0, 0, 0.15);border-bottom: 1px solid rgba(0, 0, 0, 0.15);}
.goods-sub-list .sub-category li {min-width: inherit;padding: 5px 0;margin-right: 10px;color: #666;margin-bottom: -1px;opacity: 1;}
.goods-sub-list .sub-category .active {border-bottom: 2px solid #ff202c;color: #000}

ul.goods-list.sub li .thumb {margin-bottom: 15px;position: relative; text-align:center; border-radius:20px; height:300px; padding-top:0; border: 1px solid rgba(0, 0, 0, 0.15);overflow: hidden}
ul.goods-list.sub li .thumb img {width: 100%; height: auto;}

.list-top {position:relative; margin: 30px 0px 10px ;overflow: hidden;line-height: 32px; font-size:15px; }
.list-top.inline-block { float:right; margin-top:0; }

.evt_search {background:#f8f8f8; border-radius:3rem; padding:1rem; margin-top:30px; text-align:center;}
.evt_search input {border-radius:1.5rem; border:1px solid #ccc; outline:none; height:2.5rem; text-indent:1rem; }
.evt_search a {border:1px solid #ccc; background:#fff; border-radius:1.5rem; font-size:13px; padding:5px 10px; color:#666; }
.evt_search+.list-top {margin: 15px 0px 10px }

.list-top .sort {float: right; color:#777; margin-right:0px; }
.list-top .sort input {border-radius:1.5rem; border:1px solid #ddd; line-height:3; }
.list-top .sort span {display:none; margin:0 10px; }
.list-top .sort a {border:1px solid #ddd; border-radius:1.5rem; font-size:13px; padding:5px 10px; color:#999; }
.list-top .sort a.active {color: #ff8c29 !important;  font-weight:600; border:1px solid #ff8c29;}
.list-top .total-items {float: left; margin-top:15px; }
.list-top .total-items b {color: #ff8c29; }

.list-top .form-group {float:right;}
.list-top .search {float:right; position:relative; width:300px;margin: 0 auto; height:40px; background: #fff; border-radius:30px; border: 1px solid #8e8e8e; z-index: 1; margin-bottom:15px; }
.list-top .search .form-control {border: 0; background: transparent; margin-top:3px; outline:none; text-indent:15px;}
.list-top .search .btns {background: none;position: absolute; right: 0; top: -2px; font-size: 13px; height:38px; padding: 0 10px; background:none !mportant; border:none; }
.list-top .search button {cursor:pointer; }

/* 고객센터 */
.sub-cs {position:relative; margin-top:0px;}
.sub-cs .container {/*background:url(../img/bg_cs.png) no-repeat right bottom;*/ padding:0; }
.sub-cs h2 {font-size:28px;  font-weight:300; margin-bottom:10x; text-align:center; }
.sub-cs h2 b {color:#333; font-weight:600; }
.sub-cs ul {width:100%; background:#f8f8f8; border-radius:1.5rem; overflow:hidden; margin-top:20px; text-align:center; }
.sub-cs ul.Type1 {width:1280px;}
.sub-cs ul li {display:inline-block; width:12%; position:relative; text-align:center; line-height:1.8; padding-bottom:10px; font-size:14px; font-weight:400; color:#888; vertical-align:top; margin:15px 0 0 0; }
.sub-cs ul li+li {margin-left:4px;}
.sub-cs ul li a { display:block; }
.sub-cs ul li i {display:block; font-size:1.725rem; color:#aaa;} 
.sub-cs ul li.active {border-bottom:4px solid #70c8cf; color:#333; font-weight:700; }
.sub-cs ul li.active i {color:#333; }

.sub-cs.type1 ul {display: flex; flex-direction: row;}
.sub-cs.type1 ul li { flex: 1;}

.sub-cs .container.Type1 {padding:30px 0 70px 0; /*background:url(../img/bg_my.png) no-repeat right 30px;*/ }
.sub-cs .container.Type2 {padding:30px 0 60px 0; background:url(../img/bg_com_my.png) no-repeat right 30px; }
.sub-cs .state {position: absolute; right:50%; top:30px; font-size:14px; color:#333; font-weight:400; margin-right:-640px; } 
.sub-cs .state span {display:inline-block; position: relative; margin:0 10px; font-weight:normal; }
.sub-cs .state b {color:#ff8c29; }
.sub-cs .state span:after {content:"";position: absolute; top:-12px; left:0px; width:1px; height:12px; background:#ccc; }
.sub-cs .state .btn-xs {border-radius:1rem; background:#333; color:#fff; margin-left:.5rem; padding:3px 10px; }

.sub-intro {background:url(../img/bg_intro.png); height:200px; }
.sub-intro .container h2 {text-align:center; line-height:200px;}
.sub-intro .container h2 img {width:15%;}

.faq-category {border-top:0px solid #8dafb0; border-bottom:0px solid #8dafb0; overflow:hidden; padding-top:50px; margin-bottom:-1.725rem; }
.faq-category:after {display: none}
.faq-category li {margin: 0; float: left; font-size: 15px; border:1px solid #ddd; color:#888; border-radius:1.5rem; padding:6px 20px}
.faq-category li+li {margin-left:10px;}
.faq-category li a {}
.faq-category li.active {color: #fff !important; background:#ff8c29;  border:1px solid #ff8c29; font-weight:700;}
.faq-list {clear:both; text-align:left; }
.faq-list dt {padding:12px; border-bottom: 1px solid #eee; position: relative;font-weight: normal; font-size:15px; color:#555; }
.faq-list dt span {display:inline-block; width:30px; text-align:center; margin-right:30px; color:#555;}
.faq-list dt:before {content: '';display: inline-block; margin-right: 5px;text-align:  center;}
.faq-list dt:after {content: "\f110";font: normal normal normal 1rem/1 "LineAwesome";font-weight:bold; color:#bbb; position: absolute;right:3rem;top: ;}
.faq-list dt.active:after {content: "\f113"; color:#333; }
.faq-list dt.active {color:#333; font-weight:700;  } 
.faq-list dd {display: none;line-height: normal; padding:0px; padding-left:80px; line-height: 1.6; font-size:15px;border-bottom: 1px solid #eee; color:#666;  }
.faq-list dd b {color: #fff}

.table-bk {clear:both; width:100%; border-bottom:1px solid #ddd; }
.table-bk th, .table-bk td {padding:15px 10px; color:#555; font-size:14px;}
.table-bk th {background:#fff; color:#333; font-weight:700; text-align:center;}
.table-bk th:nth-child(2) {color:#fff; font-weight:bold; text-align:left; }
.table-bk td:nth-child(2) { text-align:left;}
.table-bk tr th { border-top:2px solid #333; }
.table-bk tr {border-top:1px solid #ddd; }
.table-bk td span {color:#ff3f12; font-weight:700; }
.table-bk td span.red {color:#ff3f12; }
.table-bk td span.blue {color:#008aff; }
.table-bk td.delete {font-size:24px; padding:6px 12px;}
.table-bk td button, .table-bk td input {display:inline-block; height:30px !important; border-radius:1rem; }
.table-bk td button { background:#eee !important; margin-left:5px; }
.table-bk td input {height:2.65rem; vertical-align:bottom; }

.table-bk.Type1 th:nth-child(3) {color:#fff; font-weight:normal;}
.table-bk.Type1 th:nth-child(2) {text-align:center; }
.table-bk.Type1 td:nth-child(2) { }
.table-bk.Type1 td:nth-child(2) span.top {display:inline-block; width:75%; vertical-align:top !important; color:#333;}
.table-bk.Type1 td:nth-child(2) span.top p {margin-top:20px;}
.table-bk.Type1 td:nth-child(2) span.top p a {font-size:13px; font-weight:400; background:#fafafa; border:1px solid #ddd; padding:5px 10px;;}
.table-bk.Type1 td img {margin-right:20px; border:1px solid #eee;}

.board-list {position:relative; width:1280px; margin:0 auto; }
.board-list .btn-box {float:right; margin-top:0px; }
.board-list .btn-box .btn {height:43px; line-height:; font-size:15px; width:160px; border-radius:1.5rem;}
.board-list .btn-box .btn a:link {color:#fff}

.board-view {font-size:15px; text-align:left; padding-top:15px;}
.board-view table.table {width:100%;border-collapse:collapse; margin:30px 0 20px 0;}
.board-view table.table th {background:#f8f8f8; color:#333; font-weight:normal; padding:12px 20px; text-align:left; border-right:1px solid #eee; }
.board-view table.table td {color: #666; font-weight: normal; padding:12px 20px; text-align:left;}
.board-view table.table thead tr {border-top:2px solid #333; border-bottom:1px solid #ddd; } 
.board-view table.table tbody tr {border-bottom:1px solid #eee;}
.board-view table.table td.text-area {border-top:1px solid #eee;  height:300px; line-height:1.8; vertical-align:top; overflow-y:auto; white-space:pre-wrap}
.board-view table.table td.none {background:none; padding:15px; }
.board-view table.table td.none span {display:inline-block; margin:0 10px; color:#ddd;}
.board-view table.table td.right {text-align:right;}
.board-view .prev {float:left; font-size:14px; color:#333; margin-left:10px; font-weight:500;}
.board-view .prev span {display:inline-block; margin:0 10px; color:#ddd; }
.board-view .btn-box {float:right; margin-top:-5px;}
.board-view .btn-box .btn {width:150px; font-size:16px; height:43px; border-radius:2rem;}
.board-view table.table td span.btn1 {color:#333;}
.board-view .btn-box .btn.gray {background:#777; }
.board-view table.mr {margin-top:-20px;}
.board-view .review {clear:both; width:100%; border:1px solid #eee; color:#666; margin-bottom:20px; padding:20px; line-height:1.8; text-align:left; border-radius:1rem; }
.board-view .terms {width:100%; min-height:150px; border:1px solid #ddd; padding:15px 20px; overflow-y:auto;}
.board-view .checkbox {position: relative; text-align:right; float:right; }
.board-view .checkbox label {float:left; margin-left:10px; font-size:14px; }
.board-view .checkbox label:before {content: ""; display: inline-block; position: absolute; width: 24px; height: 24px; right: 0; top: 0; border: 1px solid #ccc; border-radius: 50%; background-color: #fff;}
.board-view .checkbox label:after {display: inline-block; position: absolute; width: 20px; height: 20px; text-align: center; right:2px; top: 2px; color: #555;font-family: 'LineAwesome'; font-weight: bold}
.board-view .terms {width:100%; height:250px; border:1px solid #ddd; padding:20px; margin-top:-20px;overflow-y:auto; white-space:pre-wrap}

dl.write {clear:both; width:100%; padding:5px 10px; border-top:1px solid #ddd; overflow:hidden; }
dl.write:nth-child(1) { border-top:2px solid #333; }
dl.write dt {float:left; width:15%; padding:0 10px; background:#fff;color:#333; text-align:left; font-weight:normal; height:43px; line-height:38px;} 
dl.write dd {float:left; width:85%; }
dl.write.wide dd {width:100%; }
dl.write dd textarea {width:100%; background:#fff; border:1px solid #eee; height:400px; outline:none; border-radius:1rem; }
dl.write p {width:100%; }
dl.write dd input[type="text"], dl.write dd input[type="password"] {height:43px; line-height:38px; background:#fff; border:1px solid #eee; border-radius:1rem; }
dl.write dd input[type="radio"] {margin-left:20px; margin-top:15px; }
dl.write dd .form-group .btn {float:left; height:43px; width:120px; }
dl.write dd input[type="file"] {background:#fff; border:0px solid #eee; padding-top:8px;}
.write-tx {color:#666; font-size:14px; padding:0px 0 20px 15px; border-bottom:1px solid #eee; }
 
.gray-box {border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background:#f8f8f8; width:640px; margin:0 auto; padding:35px; font-size:17px; }
.gray-box .form-group {margin:25px auto; width:60%; }
.gray-box .form-group input {height:43px; }
.gray-box .form-group .btn {height:43px; width:100%; margin-top:8px; }

.textCount {}
.textCount strong {color: #000}

.board-write table.table textarea {min-height: 280px;resize: none}
.board-write table.table th {background: #fcfcfd;}
.board-write table.table input[type="file"] {display: inline-block;}
.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;}
.board-search .btn {min-width: inherit; width: 65px;height: 30px;line-height: 28px;padding: 0;position: absolute;right: 0;}
.board-search+.btn-box {padding-top: 0;margin-top: 0;float: right;position: relative;margin-top: -124px;}
.board-search+.btn-box .btn {width: 120px; height: 45px;}
.upload-list {max-width: 550px;font-size: 0;}
.upload-list ul {width: calc(100% - 70px);margin-right: 8px;border: 1px solid #ccc;display: inline-block;font-size: 1rem;min-height: 8rem;max-height: 8rem;overflow-y: auto}
.upload-list li {padding: 3px 1rem;cursor: pointer}
.upload-list li.active {background: #f7f7f7;}
.upload-list .btn {width: 60px;vertical-align: top;}
.upload-list .help-block {font-size: 1rem}

.item-review { clear:both; width:100%; border-top:1px solid #333; }
.item-review ul.photo-list {width:100%; border-bottom: 1px solid #e5e5e5; overflow:hidden;}
.item-review ul li {width:100%; }
.item-review ul li+li {border-top: 1px solid #e5e5e5;}
/*.item-review ul .is-photo {position: relative; padding:10px 0 ; width: 100% !important; height:130px;}*/
.item-review ul .is-photo {position: relative; padding:10px ; width: 100% !important; min-height:90px;}
.item-review .thumb {float:left; vertical-align: top; width: 80px; height: 80px;  background:#999; margin-bottom:0px; overflow: hidden; border-radius:1rem; border:1px solid #eee; }
.item-review .thumb img {width:100%;}
.item-review .info {float:left; padding-left:20px; vertical-align: middle; text-align:left; }
.item-review .info strong {font-size:16px; display: block; padding-top:10px;}
.item-review .info .text { font-size:14px; color:#666; margin-top:0px; }
.item-review .info .star-average {margin-top:5px;}
.item-review .info .name {display:block; color:#777;  margin-left:0px;}
.item-review .info .name span.bar {display:inline-block; margin:0 15px; color:#ddd; }
.item-review .form-group {position: absolute; right:0; top:10px; }
.item-review .form-group .gray {height:40px; line-height:20px; font-size:14px; color:#666 !important; background:#fff; border:1px solid #ddd; width:120px; border-radius:1.5rem; margin-top:1.325rem; }

.list-bottom {position: relative; }
.list-bottom .form-group {position: absolute; left: -12px; top:; }

/* 이벤트 */
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: 16px}
ul.event-list li .date {float: right;line-height: 1.8}

/* 검색 */
.search-result {text-align: center;}
.search-result p {font-size: 2.4em;position: relative; padding-bottom: .5em;}
.search-result p b {color: #ff202c;font-weight: 600;}
.search-result .search-form {padding: 20px 0;margin: 1em auto; text-align: center;border-top: 2px solid #444;border-bottom: 1px solid #444;font-size: 14px;}
.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;}
.search-result .search-detail {border: 2px solid #333; text-align: left}
.search-result dt {font-size: 14px; font-weight: 600; background: #fbfbfb;border-bottom: 1px solid #eee; padding: 0 1em; line-height: 40px;}
.search-result dd {background: #fff; border-bottom: 1px solid #eee; padding: 1em 1.5em 2em}
.search-result .checkbox-inline {min-width: 19%; font-size: 13px; padding-right: 10px;margin: 0;}
.search-result .checkbox-inline:first-child {color: #ff202c;}
.search-result .checkbox-inline+.checkbox-inline {margin: 0}
.search-result dd .form-control {width:38%; display: inline-block;margin-right: 1%;}
.search-result dd span:not(.checkbox-inline) {display:inline-block; width:9%;}
.search-result select.form-control {display: inline-block; background-image: url(../img/arr_select_board.gif); margin-left: 0px; height: 28px; font-size: 12px;}
.search-result .search-action {padding: 10px; text-align: center; border-top: 1px solid #333; margin-top: 40px; position: relative;}
.search-result .search-action .btn {min-width: 80px;margin: 0 5px;}
.search-result .search-action .btn:last-child {background: #6c6c6c; border-color: #6c6c6c;}
.search-result .search-action span {position: absolute;right: 0; top: 0; line-height: 32px;margin: 10px 20px;}
.search-result span b {color: #ff202c;}

/* 마이페이지 */
.edit-box {background:#fff; width:590px; margin: 0 auto; padding:30px; margin-bottom:10px; border-radius:10px; /* box-shadow:0px 0px 6px 4px rgba(0, 0, 0, 0.05)*/} 
.edit-box p {text-align:center; font-size:17.5px; margin-top:15px;}
.edit-box ul {display: inline-block; margin: 15px auto; padding-top:10px; width: 100%; color: #666; font-size:14px; text-align:center; }
.edit-box .form-group {width:70%; margin:15px auto; }
.edit-box .form-group input {height:42px; margin:8px 0; border-radius:1.5rem; }
.edit-box .form-group a {width:99%; color:#fff !important; border-radius:2rem !important; }
.edit-box li {display: inline-block; font-size:15px; text-align:center; border:1px solid #ddd; padding:8px 25px; border-radius:1.5rem; }
.edit-box li+li {border-left: 1px solid #d6d6d6; padding:0 25px;}

.edit table.table {clear:both; margin-top:3rem; }
.edit table.table { font-size: 16px; border-top: 2px solid #555; border-bottom: 2px solid #555;  color:#444; }
.edit table.table thead, .edit table.table tbody {border-bottom:1px solid #aaa;}
.edit table.table th {text-align:left; border-bottom: 0px  }
.edit table.table th.valign {vertical-align:top;}
.edit table.table th span {color: #ff6c00; }
.edit table.table td {line-height:20px; color: #777; padding:12px 20px; border-bottom: 0px; }
.edit table.table td.none {padding:8px 0;}
.edit table.table td input {height:37px; }
.edit table.table td .help-block {float:left; margin-left: 15px; font-size: 1rem;color: #999}
.edit table.table td .help-block input[type="checkbox"] {float:left; margin:-8px 5px 0 0; }
.edit table.table td .btn {min-width: 100px;}
.edit table.table td label {font-size:16px; line-height:20px;}
.edit table.table td input[type="radio"] {height:20px; width:20px;}
.edit table.table td .form-group {max-width: 100%;}
.edit table.table td .form-group .btn {width: 100%}
.edit table.table td.plus {text-align:right; }
.edit table.table td.plus p {display:inline-block; margin-right:15px; }
.edit table.table td.plus .form-group {display:inline-block; vertical-align:middle;}
.edit table.table p {text-align:left; font-size:14px; margin-top:5px;}

.edit .btn-box {margin-top:-20px;}
.edit .btn-box span {float:left; margin-top:20px; margin-left:-10px; font-size: 15px; text-align: center; border: 1px solid #ddd; padding: 8px 15px; border-radius: 2rem;}
.edit .btn-box span.link a:after {content:""; margin:0 10px;}
.edit .btn-box span.link a:before {content:""; margin:0 5px;}
.edit .btn-box .btn {float:right; margin-top:20px; min-width:200px;}

.cart-list .prev {float:left; font-size:16px; color:#333; margin-left:-10px; margin-top:15px;}
.cart-list .prev span {display:inline-block; margin:0 10px;}
.cart-list .btn-box {float:right; margin-top:15px;}
.cart-list .btn-box.f-left {float:left; margin-top:15px;}
.cart-list .btn-box.f-left  .btn {width:260px;}
.cart-list .btn-box .btn {width:160px; font-size:15px; height:43px; border-radius:2rem;}
.cart-list .btn-box .btn.line { border:2px solid #333; background:#fff; color:#333 !important; }
.cart-list .btn-box .btn.gray {background:#70c8cf; }

.table-bk .form-control {width:20px; margin:0 auto; }
.table-bk ul.photo-list {width:100%; overflow:hidden;}
.table-bk ul li {width:100%; }
.table-bk ul li+li {border-top: 1px solid #e5e5e5;}
.table-bk ul .is-photo {position: relative; padding:10px 0 0 0 ; width:200% !important; height:130px;}
.table-bk .thumb {float:left; vertical-align: top; width: 110px; height: 110px;  background:#999; margin-bottom:10px; border:1px solid #eee; border-radius:6px; overflow: hidden;}
.table-bk .thumb img {width:100%;}
.table-bk .info {float:left; padding-left:10px; margin-top:-10px; vertical-align: middle; text-align:left; }
.table-bk .info strong {font-size:15px; color:#333; font-weight:400; display:inline-block; width:80%; word-break:break-all; padding-top:10px; }
.table-bk .info .text {font-size:15px; color:#666; margin-top:10px;}
.table-bk .info .star-average {margin-top:5px;}
.table-bk .info .name {display:block; color:#777; font-size:15px; margin:5px 0; }
.table-bk .info .name span.bar {display:inline-block; margin:0 15px;}
.table-bk .is-photo a {color:#ff3f12; font-size:15px;}
.table-bk .is-photo a:nth-child(2) {display:block; width:90%;}
.table-bk .is-photo a span {display:block; }

.total {clear:both; width:100%; height:78px; background:#f2f2f2; font-size:16px; line-height:78px; border-radius:1.5rem; }
.total .inner {text-align:right; }
.total .inner span {display:inline-block; margin:0 10px;}
.total .inner b {display:inline-block; margin-left:20px;}
.total .inner strong {color:#ff3f12; }

.mypage-wrap {float: left;width: 860px;}
.mypage-wrap .mypage-top {border: 2px solid #333;margin-bottom: 15px;}
.mypage-wrap h3 {font-size: 18px;}
.mypage-top ul {display: table; width: 100%; border-collapse: collapse; table-layout: fixed;}
.mypage-top li {display: table-cell; border: 1px solid #eee; padding: 20px; font-size: 14px; font-weight: bold;}
.mypage-top span {color: #666; font-size: 13px; float: right; font-weight: normal;}
.mypage-top b {font-size: 18px; color: #ff202c; vertical-align: -1px; margin: 0 5px;}
.mypage-wrap .order-date li {display: inline-block;margin-right: 15px;}
.mypage-wrap .order-date.info2 {background: #f5f5f5;margin-bottom: 15px;}
.mypage-wrap .order-memo {}
.mypage-wrap .order-payment .b {}
.mypage-wrap .order-payment .price {font-size:1.25rem;color:#ff202c;font-weight: bold;}
.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;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: #ff202c}
.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:#ff202c}
.member-out table.table th {vertical-align: top;}
.member-out table.table td {padding-left: 30px;}
.member-out table.table td .form-control {height: 25px;}
.member-out table.table td .radio+.radio {margin-top: 5px;}
.member-out table.table td .radio .form-control {margin-left: 10px;vertical-align: middle}
.member-out table.table td li+li {margin-top: 5px;}
.member-out table.table td li {line-height: 25px;}
.member-out table.table td li .tit {float: left;min-width: 80px;margin: 0;}
.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}
.period-search {margin-bottom: 20px;}
.period-search li+li {margin-top: 5px;}
.period-search .search-form {padding: 1.5em;border: 1px solid #ddd; background: #fcfcfc; text-align: left}
.period-search strong {display: inline-block;width: 70px; line-height: 28px;margin-right: 30px;vertical-align: top; font-size: 1.076rem; font-weight: normal; color: #222}
.period-search span {line-height: 30px;width: 16px;display: inline-block;text-align: center}
.period-search .form-control {display: inline-block; margin: 0;width: 70%;vertical-align: top;}
.period-search .form-control.calendar {max-width: 150px}
.period-search .form-control:not(.calendar) {}
.period-search .form-group {display: inline-block;}
.period-search select+input.form-control {width:70%;max-width: 250px}
.period-search .btn.search {width: 70px;}
.period-search li:first-child:last-child .btn.search {margin-top: 0;}
.period-search .btn {vertical-align: top;margin: 0;width: auto;}
.period-search label {margin-right: 10px;}
.period-search .coupon-upload strong {width: auto;}
.period-search .coupon-upload .form-control {width: 20%;}
.period-search .coupon-upload p {margin-top: 10px;}
.order-flow {background: #fcfcfc;border: 1px solid #ddd;padding: 45px 30px;margin: 30px auto;}
.order-flow ol {background: url(../img/bg_flow.png) no-repeat 50% 0; overflow: hidden}
.order-flow li {width: 25%; float: left; text-align: center;padding-top: 80px;font-size: 14px;font-weight: 600}
.order-flow span {font-size: 18px;font-weight: bold;vertical-align: -1px; margin-left: 10px;}
.order-flow b {color: #ff202c;}

/* 상품상세정보 */
.goods-detail-wrap {position: relative; margin-top:20px;}
.detail-top {margin-bottom:0px;  margin-left:0px; overflow: hidden;}
.detail-top .prd-thumb {float:left; text-align: left; position: relative;}
.detail-top .prd-thumb .big-thumb {width:620px; height: auto; border: 1px solid #ddd; border-radius:1.5rem; overflow: hidden; }
.detail-top .prd-thumb .big-thumb span {display: block;padding-top: 100%;position: relative; }
.detail-top .prd-thumb .big-thumb span img {position: absolute; width: 100%;height: 100%;left: 0;top: 0;}
.detail-top .prd-thumb .thumb-list {float:left; margin-top: 20px; display: flex;}
.detail-top .prd-thumb .thumb-list span { border:1px solid #666; display: inline-block;width:80px;height: 80px;  border-radius:1rem; flex-grow: 1;display: flex;align-items: center;justify-content: center;overflow: hidden;overflow: hidden;opacity: .5;}
.detail-top .prd-thumb .thumb-list span+span {margin-left:5px;}
.detail-top .prd-thumb .thumb-list span img {width:80px; height:80px;}
.detail-top .prd-thumb .thumb-list span.active {opacity: 1}

.detail-top .prd-info {width:620px; float: right; position: relative}
.detail-top .prd-info .info-top {position: relative;}
.detail-top .prd-info .prd-name {display: block; padding-left:5px; font-size: 28px; font-weight:700; margin-bottom:0px; padding-right:0px;}
.detail-top .prd-info .prd-name b {font-size: 28px;}
.detail-top .prd-info .desc {position: relative; margin:30px 0; border-top:px solid #8dafaf; }
.detail-top .prd-info .desc i {font-size:2.125rem; color:#ff8c29; }
.detail-top .prd-info .desc.none {margin:10px 0; }
.detail-top .prd-info .desc span {float:right; margin-top:-10px; margin-bottom:10px;}
.detail-top .prd-info .desc span a+a {margin-left:8px;}
.detail-top .prd-info .review-count {line-height: 1;color: #888}
.detail-top .prd-info .price {font-size: 1.571rem; margin-bottom: 1em; margin-top: 1em;}
.detail-top .prd-info .price s {color: #888; font-size:1.214rem; font-weight: normal; margin-left: 5px; display: inline-block;}
.detail-top .prd-info .price b {font-size: 2rem;}
.detail-top .prd-info .price .discount {color: #ff202c;font-size: 2rem;margin-right: 5px;font-weight: bold}

.detail-top .prd-info table.table {border: 0; font-size:15px; border-top:1px solid #eee;  border-bottom:1px solid #eee }
.detail-top .prd-info table.table tr.hr th, .detail-top .prd-info table.table tr.hr td {padding-top:30px !important; font-weight:700; color:#333; }
.detail-top .prd-info table.table tr.bt-hr th, .detail-top .prd-info table.table tr.bt-hr td {padding-bottom:30px !important; }
.detail-top .prd-info table.table th {border: 0; padding: 10px; height:36px; color:#333; }
.detail-top .prd-info table.table td {border: 0; padding: 10px; height:36px; color:#666; }
.detail-top .prd-info table.table th {padding-right:20px;}
.detail-top .prd-info table.table td b {font-weight: 700; color: #333; font-size:18px; }
.detail-top .prd-info table.table td s {display:inline-block; color:#888; margin:0 10px; }
.detail-top .prd-info table.table td strong {color:#ff8400; font-size:22px; }
.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 span.tit {text-align:left; margin:0; font-size:18px; }
.detail-top .prd-info table.table tbody tr:first-child th, .detail-top .prd-info table.table tbody tr:first-child td {padding-top:15px;}
.detail-top .prd-info table.table tbody tr:last-child th, .detail-top .prd-info table.table tbody tr:last-child td {padding-bottom: 15px;}
.detail-top .prd-info table.table tfoot td {padding: 0;}
.detail-top .prd-info .good-ex {text-align:left; color:#666; margin-bottom:10px;}
.detail-top .prd-info .good-ex b {font-size:16px; color:#333; }
.detail-top .prd-info .delivery-info {margin-top: 10px;}
.detail-top .prd-info .delivery-info span {color: #222}

.detail-top .prd-info table.table.f-left {margin-left:0;}
.detail-top .prd-info table.table.f-left td.total {text-align:right; font-size:22px; font-weight:bold; color:#333; }

.detail-top .prd-info table.line {border:1px solid #8dafaf; width:420px; margin-left:30px; margin-bottom:30px;}
.detail-top .prd-info table.line td, .detail-top .prd-info table.line th {border-top:1px solid #8dafaf; font-size:16px; color:#777; padding:7px 12px;}
.detail-top .prd-info table.line th {font-weight:normal; text-align:right; border-right:1px solid #8dafaf; }
.detail-top .prd-info .total {background:#fff; }

.detail-top .btn-box.row {margin: 0px; margin: 25px 0;}
.detail-top .btn-box.row>div {padding: 0 5px;}
.detail-top .btn-box .btn {float:left; width:32.5%; font-size:17px; height:60px; font-weight:500; border-radius:1rem; }
.detail-top .btn-box .btn+.btn {margin-left:1%;}
.detail-top .btn-box .btn.line {background:#fff; border:2px solid #363636 ; color:#333 !important; border-radius:1rem}
.detail-top .btn-box .btn.blue {background:#70c8cf; border-radius:1rem}
.detail-top .total-price {text-align: right;padding: 20px 0; font-size: 18px;margin-bottom: 30px;}
.detail-top .total-price b {font-size: 1.857rem;}
.detail-top .total-price span {font-size: 20px;}
.detail-top .writer-info {font-size: 1.1em;margin-top: -5px;margin-bottom: 30px;line-height: 20px;}
.detail-top .writer-info small {font-size: 80%;color: #888;display: inline-block;vertical-align: top;}
.detail-top .writer-info .star-average {display: inline-block;vertical-align: 0;}
.detail-top .naver-pay {margin: 25px 0}
.detail-top .goods-option {display: table;width: 100%;background: #f9f9f9; border:1px solid #eee; border-radius:1rem; border-collapse: separate;padding:20px;}
.detail-top .goods-option>* {display: table-cell;vertical-align: middle;font-weight: normal;text-align: right}
.detail-top .goods-option .grd-price {font-size:1.25rem; font-weight:500; }
.detail-top .goods-option dt {text-align: left;width: auto;}
.detail-top .goods-option dd {padding: 0 10px}
.detail-top .goods-option dd:nth-child(2) {width: 55px;}
.detail-top .goods-option dd:nth-child(3) {text-align: right;width: 2%}

/* 수량증가/감소 */
.count-sel {width: 90px; padding: 0 30px; display: inline-block;position: relative; margin-right:0px;}
.count-sel input {width:50px; height:40px; padding: 0 10px; text-align: right; margin-left:-10px; border-left:0; border-right: 0;border-radius: 0; border-color: #ddd}
.count-sel .btn {background-color:#fff; width:40px; height:40px; line-height:16px; top: 0; padding: 0;position: absolute; right: 4px;border: 1px solid #ddd;border-radius: 0; color:#222 !important; font-weight:bold; font-size:22px; }
.count-sel .btn.count-up {right: -20px; font-size:15px; border-radius:0 1rem 1rem 0; }
.count-sel .btn.count-down {left: -20px;  font-size:15px; border-radius:1rem 0 0 1rem; }

.goods-detail-info {float: none; position:relative; clear: both; margin-left:0px; margin-top:60px;}
.goods-detail-info h4 {text-align: left; font-size: 17px; margin-top: 30px;margin-bottom: 20px;}

.goods-detail-info .info-content {margin-bottom: 60px;position: relative;}
.goods-detail-info .info-content .realated-goods {margin: 5% 0;}
.goods-detail-info .info-content .realated-goods h3 {font-size:30px}

.goods-detail-info .tab-nav {margin-bottom:0px;}
.goods-detail-info .tab-nav:after {display: none}
.goods-detail-info .tab-nav ul {display: flex; align-items: center; }
.goods-detail-info .tab-nav li {margin:0px; width:33.3333%; background:#eee; height: 100%; font-size:16px; font-weight:500; border-radius:3rem; }
.goods-detail-info .tab-nav li a {padding:14px 0; border-radius: 0; background: none; color:#888; }
.goods-detail-info .tab-nav li.active a {background:#333; color: #fff !important; font-weight: 600; border-radius:3rem; }
.goods-detail-info .tab-nav span {font-size: 80%;padding-left: 5px;}
.goods-detail-info .guide-banner {margin-bottom: 40px;}

.quick-buy {float:right; background:#f8f8f8 !important; border-left:0px solid #ddd; padding:20px; margin-top:30px; margin-bottom:30px;border-radius:1rem; }
.quick-buy .good-info {width:280px; background:#fff; border:1px solid #ddd; border-radius:1rem; text-align:left; margin-top:10px; padding:20px 25px; overflow:hidden; }
.quick-buy .good-info .grd-name {display:block; width:100%; font-size:16px; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:15px;}
.quick-buy .good-info .goods-option {float:left; margin-left:10px; }
.quick-buy .good-info .grd-price {float:right; font-size:18px; font-weight:700; line-height:2; }
.quick-buy .btn-box {margin-top:50px;}
.quick-buy .btn-box .btn {width:100%; margin-top:5px; font-size:16px; background:#363636; font-weight:500; border-radius:0px; letter-spacing:-1px; border-radius:3rem; }
.quick-buy .btn-box .btn i {font-size:20px;}
.quick-buy .btn-box .btn.line {border:2px solid #363636 !important; color:#333 !important; background:#fff  !important; }
.quick-buy .btn-box .btn.blue {background:#70c8cf  !important; }

.goods-detail-info .board-list .table {border-top: 1px solid #ddd;font-size: 95%}
.goods-detail-info .board-list .table td {height: auto; border-left: 0}
.goods-detail-info .board-list .table td+td {border-left: 0}
.goods-detail-info .board-list .table th+th {border-left: 0}
.goods-detail-info .board-list .table th {height: auto;text-align: center;background: none; font-weight: 600;background: #f7f7f7;}
.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;}

.goods-detail-info .table {border-top: 0;}
.goods-detail-info .table th {vertical-align: top;padding: 1em;border-color:#eee}
.goods-detail-info .table td {padding: 1em;line-height: 1.6;border-color:#eee}
.goods-detail-info .table td span {color: #e50426}

.goods-detail-info .board-list .table .detail-view {display: none;}
.goods-detail-info .board-list .table .detail-view.active {display: table-row;}
.goods-detail-info .board-list .table .detail-view.active td {background: none;}
.goods-detail-info .artist-profile .profile-info {position: relative;background: #000;}

.goods-detail-info .review {margin-top:30px;}
.goods-detail-info .review .title-bar {border-top:2px solid #8dafaf; border-bottom:1px solid #8dafaf; line-height:50px; padding:0 20px; font-size:17px; }
.goods-detail-info .review .title-bar span.right {float:right; color:#777; }
.goods-detail-info .review .title-bar span.right .active {color:#ff7200 !important; }
.goods-detail-info .review .title-bar span.right span {margin:0 10px;}
.goods-detail-info .review ul {border-bottom:1px solid #ccc; }
.goods-detail-info .review ul li {padding:20px; color:#555; font-size:16px;}
.goods-detail-info .review ul li+li {border-top:1px solid #ccc; }
.goods-detail-info .review ul li span.title img {margin-right:10px;}
.goods-detail-info .review ul li span.title .date {display:inline-block; margin-left:15px; color:#999; }
.goods-detail-info .review ul li span.con {display:block; margin:10px 0; padding-left:35px; }
.goods-detail-info .review ul li span.con.re {padding-left:65px; }
.goods-detail-info .review ul li span.right {float:right; }
.goods-detail-info .review ul li span.right b {font-weight:normal; color:#ff7200; }
.goods-detail-info .review ul li span.right strong {font-weight:normal; }
.goods-detail-info .review ul li span.right img {margin-left:20px; margin-right:5px;}
.goods-detail-info .comment {width:100%; padding-top:0px;}
.goods-detail-info .comment textarea {width:100%; padding:20px; border:1px solid #eee; text-align:left; float:left; }
.goods-detail-info .comment .btn-box {clear:both; padding-top:15px;}
.goods-detail-info .comment .btn-box .btn {float:right; width:140px; font-size:15px; border-radius:3rem;}
.goods-detail-info .comment .btn-box .form-group {display:inline-block; float:left; }
.goods-detail-info .comment .btn-box input[type="text"] {height:36px; border:1px solid #eee; margin-right:20px; text-indent:10px;}

.star-average {background: url(../img/icon_star_off.png) no-repeat 0 50%;display: inline-block;height: 14px; min-width: 79px; background-size: 79px; vertical-align: top;}
.star-average span {display: block;height: 100%; background: url(../img/icon_star_on.png) no-repeat 0 50%;background-size: 79px;vertical-align: top;}

.bg-gray {background:#f9f9f9; padding:40px 0; margin:60px 0; border-radius:2rem; overflow:hidden; }
.bg-gray span.tx {float:left; width:50%; text-align:left; font-size:17px; line-height:1.6; color:#555; padding-left:3rem; }
.bg-gray span.img {float:right;}
.bg-gray span.img img {display:block; margin:0 auto;}
.bg-gray span.img img+img { margin-top:25px;}
.bg-gray span b strong {font-size:34px; color:#ff8c29;}
.bg-gray span p {padding:10px 0 20px 0; font-size:20px; color:#70c8cf;}

.bg-gray.type1 {padding:0; margin:30px 0;}
.bg-gray .term { text-align:left; padding:40px; white-space:pre-wrap; line-height:1.8; }

.intro-bt {font-size:17px; word-break:break-all;  line-height:1.6; color:#555; }
.intro-bt img {float:left; }
.intro-bt span {float:right; width:55%; text-align:right; margin-top:-10px;}
.intro-bt span b {display:block; font-size:34px; font-weight:normal;}
.intro-bt span b strong {color:#ff8c29;}
.intro-bt span p {padding:10px 0 20px 0; font-size:20px; color:#70c8cf;}

/* 장바구니 */
.shopping h3 {font-size: 20px;margin-bottom: 20px;}
.shopping table.table {border-top: 2px solid #202020}
.shopping table.table th {background: #fcfcfc;padding: 10px 12px;font-weight: 500;}
.shopping table.table > thead > tr > th {border-width: 1px;}
.shopping table.table th .checkbox-inline {padding-left: 0;}
.shopping table.table th input {position: static;margin: 0;vertical-align: middle;}
.shopping table.table td {color: #666;}
.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 {font-size: 13px;}
.shopping table.table td.title strong { color: #222; display: block;font-size: 1.142rem; margin-bottom: 10px;}
.shopping table.table td.title select {width: auto; min-width: 150px;}
.shopping table.table td .btn {min-width: 70px;}
.shopping table.table td select {background-image: url(../img/arr_select_board.gif)}
.shopping table.table td.qty select {width: 80px;margin: 0 auto;}
.shopping table.table td.qty .btn {min-width: 40px;}
.shopping table.table td.price {color: #222;}
.shopping table.table td.btns .btn {display: block; width: 70px; height: 25px; font-size: 12px; padding: 2px 10px;margin: 0 auto;}
.shopping table.table td.btns .btn.line {border-color: #999;}
.shopping table.table td.btns .btn+.btn {margin-top: 5px;}
.shopping .cart-delete {margin-top: 10px;}

.total-price-wrap {border: 2px solid #444;margin: 60px auto -1%;overflow: hidden;display: flex;}
.total-price-wrap dl {font-size: 14px; min-width: 24.5%; position: relative;}
.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.plus dd:after {background: url(../img/ico_cart_plus.png) no-repeat 50%;}
.total-price-wrap dl.equal dd:after {background: url(../img/ico_cart_equal.png) no-repeat 50%;}
.total-price-wrap dl.minus dd:after {background: url(../img/ico_cart_minus.png) no-repeat 50%;}
.total-price-wrap dl:last-child {flex-grow: 1;}
.total-price-wrap dt {background: #f6f6f6; padding: 15px 20px; color: #666; font-weight: normal;}
.total-price-wrap dt b {color: #222; font-weight: bold;}
.total-price-wrap dd {position: relative;padding: 15px 35px;height: 80px; text-align: right;display: flex;align-items: center;justify-content: flex-end}
.total-price-wrap dd b {font-size: 20px;vertical-align: -2px; line-height: 1; margin-right: 5px;}
.total-price-wrap dd .help-block {margin-top: 5px;}
.total-price-wrap dd .help-block em {font-style: normal;color: #ff202c;}
.total-price-wrap dd .help-block span {font-weight: bold;color: #222}
.total-price-wrap dl:last-child dd {text-align: right;}
.total-price-wrap .price { color: #000;}
.total-price-wrap .price b {font-size: 2.142rem;}
.total-price-wrap small {color: #999;margin-left: 10px;}
.shopping .step {position:relative;text-align: center;}
.shopping .step ol {font-size: 0;background-position: 0 50%;background-repeat: no-repeat;border: 1px solid #ccc;background: #f8f8f8;}
.shopping .step li {display: inline-block;width: 33.3333%;font-size: 17px;line-height: 50px; color: #888;position: relative;}
.shopping .step li:after {content: "";border: 25px solid transparent;border-left-color: #f8f8f8;position: absolute;right: -50px;z-index: 2;}
.shopping .step li:before {content: "";border: 26px solid transparent;border-left-color: rgba(0, 0, 0, 0.1);position: absolute;top: -1px; right: -52px;z-index: 1;}
.shopping .step li:last-child:after {display: none}
.shopping .step li:last-child:before {display: none}
.shopping .step li span {margin-right: 15px; font-family: 'Montserrat'}
.shopping .step.step1 ol {}
.shopping .step.step1 li:first-child {color: #000;font-weight:bold;background: #fef04f;}
.shopping .step.step1 li:first-child:after {border-left-color: #fef04f;}
.shopping .step.step2 li:nth-child(2) {color: #000;font-weight:bold;background: #fef04f}
.shopping .step.step2 li:nth-child(2):after {border-left-color: #fef04f}
.shopping .step.step3 li:last-child {color: #000;font-weight:bold;background: #fef04f}
.shopping .step.step3 li:last-child:after {border-left-color: #fef04f}
.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: #222}
.shopping .member-info .btn {width: 80px;height: 30px;vertical-align: top;}
.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: #222}

.shopping .order-form {}
.shopping .order-form span.tit {margin-top: 50px;font-size: 16px;display: block;margin-bottom: 15px;font-weight: bold;}
.shopping .order-form table.table {border-top: 1px solid #e5e5e5;}
.shopping .order-form table.table td .form-control-static {min-width: 230px;display: inline-block;}
.shopping .order-form table.table td .help-block.inline {margin: 0 10px 0 20px;}
.shopping .order-form table.table td .checkbox-inline b {color: #ff202c;line-height: 1;}
.shopping .order-form table.table th.first {background: #fbfbfb;}
.shopping .order-form table.table th {background: none; border-color: #e5e5e5; border-right: 1px solid #eee; padding-left: 20px;}
.shopping .order-form table.table th small {opacity: 0.5}
.shopping .order-form table.table td {text-align: left;border-color: #e5e5e5; 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: 13px;margin-top: 5px;}
.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 .pay-guide {overflow: hidden;position: relative;}
.shopping .order-form table.table td .left {float: left;width: 50%;padding: 15px;}
.shopping .order-form table.table td .right {float: right;width: 50%;border-left: 1px solid #eee;padding: 15px;}
.shopping .order-form table.table td .tab-item {overflow: hidden}
.shopping .order-form table.table td .tab-nav {margin-bottom: 10px;}
.shopping .order-form table.table td .tab-nav:after {display: none;}
.shopping .order-form table.table td .tab-nav li+li {padding-left: 10px;border-left: 0px solid #ddd;margin-left: 10px;}
.shopping .order-form table.table td .tab-nav a {border: 0; padding: 0; background: none; font-size: 14px;}
.shopping .order-form table.table td .tab-nav li.active a {font-weight: normal;border-bottom: 1px solid #ddd;color: #222;}
.shopping .order-form table.table td .tab-contents .form-control {margin: 5px auto;}
.shopping .order-form label {/* padding-left: 23px !important; */}
.shopping .order-form select.form-control {background-image: url(../img/arr_select.gif);}
.shopping .order-form .terms-group-header {overflow: hidden; text-align: right; font-size: 13px;}
.shopping .order-form .terms-group-header .tab-nav {float: left;}
.shopping .order-form .terms-group-header .checkbox {float: right;margin-left: 30px;}
.shopping .order-form .terms-group-body .tab-contents {min-height: 190px;}
.shopping .order-form .terms-group-body .scrollable {white-space: pre-line; height:200px;}
.shopping .order-form .terms-group-footer {margin-top: 10px;text-align: right}
.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;}
.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;}

/* 신상 */
.new-arrivals {}
.new-arrivals li {display: table;width: 100%;table-layout: fixed;border: 1px solid #e5e5e5;position: relative;}
.new-arrivals li+li {margin-top: 20px;}
.new-arrivals .thumb {display: table-cell;vertical-align: middle;position: relative;text-align: center;}
.new-arrivals .thumb span {/* padding-top: 74.0740%; */position: relative;overflow: hidden;display: block;background: #f3f3f3}
.new-arrivals .thumb img {/* position: absolute; */left:0;top:0;/* width: 100%; *//* height: 100%; */ display: block}
.new-arrivals .thumb .sale {position: absolute;right:0;top:0;font-size:12px;background: url(../img/icon_eventSaleEm.png) no-repeat 50% 0;width: 56px;height: 54px;text-align: center;padding-top: 5px;}
.new-arrivals .thumb .sale b {font-size:24px;font-weight: 800;}
.new-arrivals .item-info {display: table-cell;width: 50%;border-right: 1px solid #e5e5e5;padding: 25px 15px 25px 65px;vertical-align: middle;}
.new-arrivals .item-info .new {letter-spacing:.5em;color:#e60000;border-top: 1px solid #e60000;border-bottom: 1px solid #e60000;font-size:11px}
.new-arrivals .item-info strong {font-size: 47px;display: block;line-height: 1.2;font-weight: 600;margin: 15px 0;max-height:inherit;overflow: visible;}
.new-arrivals .item-info p {color:#666}
.new-arrivals .item-info .price {font-size: 24px;margin: 15px 0;}
.new-arrivals .item-info .price b {font-size: 36px;font-weight: 800;}
.new-arrivals .item-info .price .org {font-size:13px;font-weight: 300;color:#666;display: inline-block;vertical-align: 2px;}
.new-arrivals .item-info .price .org b {font-size:100%;font-weight: 600;}
.new-arrivals .item-info a {background: #fee469; display: inline-block;padding: 10px 20px;font-size:14px;line-height: 1;border-radius:2em}
.new-arrivals .item-info a:after {content:"";display: block;position: absolute;left:0;top:0;width: 100%;height: 100%;}

/*주문서*/
.ordertit {width:100%; min-height:60px;position:relative;}
.ordertit ul {display:flex;position:absolute;right:0; top:0px;}
.ordertit ul li:nth-child(odd) {width:100px;color:#aaa;text-align:center; font-weight:500; font-size:14px; }
.ordertit ul li:nth-child(even) {line-height:50px;transform:scaley(2);font-size:14px;color:#aaa;}
.ordertit ul li p {background:none;color:#aaa;font-size:24px;line-height:20px;height:25px;margin:0;}
.ordertit ul li p:before {background:none;}
.ordertit ul li:nth-child(3) {color:#333; font-weight:700;}
.ordertit ul li:nth-child(3) p {color:#333;}

hr {margin:-30px auto 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;}

.or-num {}
.or-num p {font-size:16px;}
.or-num p b {color:#02abae;}
.or-num .b-gray {background:#f3f3f3; font-size:14px; color:#666; padding:15px 20px; }
.or-num .b-gray span.right {float:right; margin-top:-20px;}
.or-num .b-gray a {display:block; border:1px solid #333; font-size:16px; background:#fff; border-radius:6px; padding:8px 15px; }

.point-box {background:#f3f3f3; font-size:18px; color:#333; padding:20px; }
.point-box div {display:inline-block; width:40%; margin:0 auto; margin-left:50px;}
.point-box div span {float:right; font-weight:bold; }
.point-box div.right {width:48%; padding-left:50px; border-left:1px solid #ddd; }

/*추가-팝업*/
.popup-table .table-bk th {background:#f8f8f8; }
.popup-table .table-bk td input {height:40px !important; border-radius:2rem; }
.popup-table .table-bk .btn-xs {display:inline-block; padding: 10px 30px; border:1px solid #cccd; border-radius:2rem; color:#666; background:#f8f8f8; vertical-align:top; margin-top:5px; }
.popup-table .btn-box .btn {border-radius:2rem !important; font-size:1rem; width:100px; border:2px solid #333; font-weight:500; }
.popup-table .btn-box .btn.line {color:#333 !important; border:2px solid #333; background:#fff; }
.popup-table .btn-box .btn+.btn {margin-left:5px; }

.modal_box {border-radius:1.5rem !important; overflow:hidden; }
.modal_box .pop_tit {float:left; line-height: 50px; color: #FFFFFF; text-indent: 20px; font-size: 16px; font-weight: bold;}
.modal_box .btn_close {float: right; line-height: 50px; margin-right: 15px;}
.modal_box .btn_close img {width:20px; }

/*다중배송 팝업*/
.pop_order {clear:both; margin-top:0rem; }
.pop_order h2 { font-size:1.5rem; border-bottom:1px solid #666; padding-bottom:1rem; }
.pop_order span {float:right; margin-top:-.5rem; }
.pop_order span  .btn-xs {display:inline-block; padding: 5px 15px; border:1px solid #222; border-radius:2rem; color:#fff; background:#333; vertical-align:top; margin-top:5px; }
.pop_order span  .btn-xs.line {background:#fff; color:#333;}

.pop-table td input, .pop-table td textarea {border:1px solid #ccc; border-radius:1.5rem; padding-left:1rem; }
.pop-table .btn.xs {height:30px; font-weight:normal; }